/**

 * This file is a container for custom CSS. You can use it to override the default styles of the theme.

 *

 * 1. Copy the file "SAMPLE.custom.css" and rename it to "custom.css".

 *    Otherwise this file will not be loded by Magento.

 * 2. Enable it in the admin panel.

 * 3. Uncomment slected sample styles or add your own CSS to override the default styles of the theme.

 *

 * Please refer to the user guide for more details.

 *

 */







/* Stock indicator on product page: icon color

-------------------------------------------------------------- */



/*

.availability-only .ic { color: green; }

*/







/* Product counter in the mini cart drop-down

-------------------------------------------------------------- */



/*

.header .skip-link .count {

	background-color: deepskyblue;

}

*/



/* subcategory listing 

-------------------------------------------------------------- */

.subcategories {clear: both;	overflow: auto;}

.subcategories-heading {margin: 10px 0;}

.subcategories-image {width: 135px; height: 135px; object-fit: fit;}

.subcategories-layout-grid li { float: left; display: block; text-align: center; margin: 10px; }

.subcategories-layout-grid li span { display: block; margin: 8px 0;}



.apptrian-subcategories {

	clear: both;

	overflow: auto;

}



.apptrian-subcategories-heading {

	margin: 10px 0;

}



/* bof Grid layout */



.apptrian-subcategories-layout-grid li {

    float: left;

    display: block;

    text-align: center;

    margin: 10px;

}



.apptrian-subcategories-layout-grid li span {

    display: block;

    margin: 8px 0;

}



/* eof Grid layout */





/* bof List layout */



.apptrian-subcategories-layout-list li {

    display: block;

    margin: 10px;

    overflow: auto;

}



.apptrian-subcategories-layout-list li > a {

    float: left;

}



.apptrian-subcategories-layout-list .category-info {

    margin-left: 150px;

}