/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css
 */


.hcat{
	width: 100%;
	
}
.hc_box{
	width: 32%;
	display: inline-block;
	min-height: 200px;
	border: 1px solid #000;
	margin: 0px 1% 10px 0px;
	overflow: hidden;
	box-shadow:2px 2px 4px 0 rgba(0,0,0,.4);
}
.hc_img{
	
}
.hc_name a{
font: 600 18px/22px "Roboto",sans-serif;
color: #fff;
text-shadow: 1px 1px rgba(0,0,0,.22);
background: #464646;
text-transform: uppercase;
display: block;
width: 100%;
height: 60px;
overflow: hidden;
padding: 10px 15px 0px 15px;
}



.hc_img:hover ~ .hc_name a, .hc_name a:hover {
  background-color: #e61638;
  cursor: pointer;
}

/* ************************************************************************************************
                                    Sub Categories Styles
************************************************************************************************ */
#subcategories {
    border-top: 1px solid #d6d4d4;
    padding: 15px 0 0px 0;
}
 
#subcategories p.subcategory-heading {
    font-weight: bold;
    color: #333;
    margin: 0 0 15px 0;
}
 
#subcategories ul {
    margin: 0 0 0 0px;
}
 
#subcategories ul li {
	
	width: 32%;
display: inline-block;
min-height: 200px;
border: 1px solid #000;
margin: 0px 1% 10px 0px;
overflow: hidden;
box-shadow: 2px 2px 4px 0 rgba(0,0,0,.4);

	
}


#subcategories ul li .subcategory-image {
    padding: 0 0 8px 0;
}
 
#subcategories ul li .subcategory-image a {
    display: block;
    padding: 9px;
    border: 0px solid #d6d4d4;
	text-align: center;
}
 
#subcategories ul li .subcategory-image a img {
    max-width: 100%;
    vertical-align: top;
	text-align: center;
}
 
#subcategories ul li .subcategory-name {
font: 600 18px/22px "Roboto",sans-serif;
color: #fff;
text-shadow: 1px 1px rgba(0,0,0,.22);
background: #464646;
text-transform: uppercase;
display: block;
width: 100%;
height: 60px;
overflow: hidden;
padding: 10px 15px 0px 15px;
text-align: center;
}
 
#subcategories ul li .subcategory-name:hover {
    color: #515151;
}
 
#subcategories ul li .cat_desc {
    display: none;
}
 
#subcategories ul li:hover .subcategory-image a {
    border: 0px solid #333;
}

.product-description img{
	max-width: 100%!important;
	height: auto !important;
}
.product-description *{
	background: transparent!important;
	background-color: transparent!important;
}


#search #js-product-list-header{
	text-align: center;
	font: 600 25px/30px "Roboto", sans-serif;
	margin-bottom: 12px;
	display: inline-block;
	color: #e61638;
	border-top: 5px solid #464646;
	padding: 1.25rem 1.25rem 2.5rem;
	width: 100%;

}

#cookieNotice p {
    margin: 0px;
    padding: 0px;
	color: #fff;
}

.on-sale{
	display: none!important;
}



/* mobilna */

@media (max-width: 786px)
{

.hc_box {
    width: 100%;
    display: inline-block;
}
#menu-icon .material-icons{
	color: red;
}

.product-miniature .product-title a {
    font-size: 14px!important;
}

#search_widget input::-webkit-input-placeholder{color:#999;opacity:1}
#search_widget input::-ms-input-placeholder{color:#999;opacity:1}
#search_widget input::placeholder{color:#999;opacity:1}
}

/* eof mobilna */