/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css
 */
 /*
 To not capitalize top menu
 #header .header-top a[data-depth="0"] {
    color: #7a7a7a;
    text-transform: none;
}
*/
/* To limit top menu depth to 3 
#block_top_menu ul li li li ul {display:none!important;}
*/

/* Slider img center adjust */
.carousel {
    position: relative;
    text-align: center;
}

/* Slider img height adjust */
@media(min-width: 800px) {
	.carousel .carousel-inner {
		height: 390px;
	}
}

/* Remove left column menu in mobile */
@media (max-width: 800px) {
	#category #left-column {
		width: 100%;
		display: none;
	}
}

/* Custom Text adjust */ /* add shadow  to box */
#custom-text {
	float: left;
	box-shadow: 2px 2px 10px 0px #808080b8;
}

@media(min-width: 800px) {
  #custom-text {
	  width: 50%;
	  margin-right: 3rem;
  }
} 

/* Content Box adjust - need to include div in modules editor */
#contentbox {
	float: left;
	padding: 1rem 2rem 3.125rem;
    margin-bottom: 1.5rem;
    background: #fff;
    border-radius: 2px;
	box-shadow: 2px 2px 10px 0px #808080b8;
	width: 100%;
}

@media(min-width: 800px) {
  #contentbox {
	  width: 40%;
  }
} 

#contentbox ul {
	padding-left: revert;
}

/* Header background */
#header, #header .header-top {
    background-color: darkgreen;
    background: url(../img/header_block.jpg);
	background-repeat: repeat-x;
}

/* Menu color */
@media(min-width: 800px) {
	#header .header-top a[data-depth="0"] {
		color: honeydew;
		/* text-transform: uppercase; */
	}
}

.top-menu a[data-depth="1"] {
    text-decoration: underline;	
	text-transform: uppercase !important;
}

.top-menu a[data-depth="1"] a {
    text-transform: uppercase;
}

.top-menu a[data-depth="2"] {
	/* top right bottom left */
	padding: 0px 0px 5px 0px;
}

.top-menu a[data-depth="3"] {
	padding: 0px 0px 5px 5px;
}

/*
.top-menu a[data-depth="3"]:before {
    content: "- ";
	color: #3a9a56;
} */

.top-menu a[data-depth="3"]:before {
	font-family: 'Material Icons';
	content: "arrow_right";
	color: #3a9a56;
}

/*
.top-menu .sub-menu ul[data-depth="1"]>li {
	padding: 0 0 0 20px;
    background-image: url("../img/arrow011_05.gif");
    background-repeat: no-repeat;
    background-position: 0 3px;
}

.top-menu .sub-menu ul[data-depth="1"]>li:hover {
    background-image: url("../img/arrow026_05.gif");
    background-repeat: no-repeat;
    background-position: 0 3px;
} */

/*
.top-menu .sub-menu ul[data-depth="2"]>li {
	padding: 0 0 0 13px;
    background-image: url("../img/arrow033_04.gif");
    background-repeat: no-repeat;
    background-position: 0 3px;
}

.top-menu .sub-menu ul[data-depth="2"]>li:hover {
    background-image: url("../img/arrow007_04.gif");
    background-repeat: no-repeat;
    background-position: 0 3px;
}*/


/* re-color link color */
a {
    color: #777777;
    text-decoration: none;
}

/* Category List - Category Top */
.mn_cattop { /* adds greenblue underline to block */
	/* background-image: url(../img/head017_05.png);
	background-position: left;
	background-repeat: no-repeat;*/
    margin: 0px 0px 3px 0px;
    padding: 5px 0px 0px 5px;
	border-bottom: 1px solid #d6d4d4;
	border-bottom-color: #3a9a56;
    border-bottom-width: thick;
}

/* Category List - Subcategory top */
.block-category .block-category-inner .category-cover img {
	/* width: 141px;
    height: 180px; */
	width: 100%;
	height: auto;
}

/* Category List - reset min-height and margin */
.mn_category {
	min-height:	0rem;
	margin-bottom: 0rem;
	width: 100%;
}

/* Category List - margin bottom */
.mn_cat_m_bottom {
   margin-bottom: 0.563rem;
}	

/* Category Image - top border */
.mn_cat_img_border {
	border-top: 1px solid #d6d4d4;
	border-top-color: #555;
    border-top-width: thick;
}

/* overwrite mobile display *//*
@media screen and (max-width: 767px){
	.category-cover{display:block}
	.block-category{min-height:0;margin-bottom:0}
	.card-block{padding:0}
	.card{background-color:inherit;border:none;box-shadow:none}
}*/

/* Category List - adjust block width */
#subcategories ul li {
	width: calc(100% / 3 - 20px);
	min-width: 230px;	
}

#subcategories ul li .subcategory-image a {
	padding: 1px; /* don't know how to fix pad size when focused, so left as original */ /* a:focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px} */
	margin-bottom: 8px;
	border: 1px solid #d6d4d4;
}

a:focus{
	/* outline:5px auto -webkit-focus-ring-color; */
	outline:1px auto -webkit-focus-ring-color;
	outline-offset:-2px
}

/* Category Product Page */
.mn_category2 {
	background-color: #464646;
	min-height:	0rem;
	margin-bottom: 0.563rem;
}

/* Product Page - Title in top image */
.mn_category_h1 {
	text-transform: none;
	color: white;
}

/* Product Page - Description in top image */
#category-description p {
	font-size: 0.875rem;
	color: #d7d7d7 !important;
	font-weight: normal;
}

#products .thumbnail-container .product-thumbnail img, .featured-products .thumbnail-container .product-thumbnail img, .product-accessories .thumbnail-container .product-thumbnail img, .product-miniature .thumbnail-container .product-thumbnail img {
    padding: 19px;
}

/* add shadow to product grid */
#products .thumbnail-container, .featured-products .thumbnail-container, .product-accessories .thumbnail-container, .product-miniature .thumbnail-container {
    box-shadow: 2px 2px 10px 0px #808080b8;
}

/* Adding Product Descr to grid view - catalog/_partial/miniatures/product.tpl */
#products .product-description, .featured-products .product-description, .product-accessories .product-description, .product-miniature .product-description{height: 140px;}
/* Don't know what these supposed to do
#products .thumbnail-container, .featured-products .thumbnail-container, .product-accessories .thumbnail-container, .product-miniature .thumbnail-container{height: 388px;}
#products .thumbnail-container:focus .highlighted-informations, #products .thumbnail-container:hover .highlighted-informations, .featured-products .thumbnail-container:focus .highlighted-informations, .featured-products .thumbnail-container:hover .highlighted-informations, .product-accessories .thumbnail-container:focus .highlighted-informations, .product-accessories .thumbnail-container:hover .highlighted-informations, .product-miniature .thumbnail-container:focus .highlighted-informations, .product-miniature .thumbnail-container:hover .highlighted-informations{bottom:160px;}

 -- Disable QuickView
.quick-view {
    display: none !important;
}*/

.pro_desc_short{
	padding: 0 6px 6px;
	height: 62px;
	overflow: hidden;
}

#products .product-title a, .featured-products .product-title a, .product-accessories .product-title a, .product-miniature .product-title a {
	font-weight: bold;
}