/* 
Theme Name:		 ecommerce-gem-child
Theme URI:		 http://childtheme-generator.com/
Description:	 ecommerce-gem-child is a child theme of eCommerce Gem, created by ChildTheme-Generator.com
Author:			 Marion Wante
Author URI:		 http://childtheme-generator.com/
Template:		 ecommerce-gem
Version:		 1.0.0
Text Domain:	 ecommerce-gem-child
*/

#masthead {box-shadow: 0px 3px 6px #222; margin: 0; padding: 0}
#breadcrumb{
    background: #AF1B27; font-size: 12px!important; text-transform: uppercase; font-weight: bold;
    padding: 20px 0;
    color: #fff;
}
a.button.slider-button {border: 1px solid white!important} 
#breadcrumb li {font-size: 12px!important; text-transform: uppercase; font-weight: bold;color: #fff;}
#breadcrumb li a {transition: all .5s ease;}
#breadcrumb li a:hover {color: #000}
.pwb-filter-products ul li {line-height: 1!important}
.pwb-filter-products ul li {margin-left: 0; padding: 3px 0!important}
.pwb-filter-products ul li:before {display: none!important;}

.site-branding {
    float: left; 
    margin-right: 0px; padding: 0!important; margin-bottom: 0px!important;
    margin-top: 10px!important;
}
.custom-logo-link,.site-logo-link { max-width: 250px;padding: 0; margin: 0}

li.menu-item-514 i{padding: 5px 7px;  color: #fff; border-radius: 50%; background: #2DA3AE; transition: all .5s ease; }
li.menu-item-514 i:hover {color: #222; border-radius: 50%; background: #fff}


#responsive-menu-title-image img{margin-left: 10px!important}
#responsive-menu-title {padding: 17px 0 0 10px!important}
#responsive-menu-container {}
#responsive-menu-wrapper {}
#responsive-menu-wrapper:before {display: block; width: 100%; content: '32 JAAR KRAMER BABY & JEUGDMODE!'; font-size: 15px!important; font-weight: bold; color: #fff!important; background: transparent!important; padding: 15px 0 14px 25px!important;  }

.products-carousel-wrap .slick-dots {display: none!important}
.product_meta {clear: left!important}
h2.woocommerce-loop-category__title .count {display: none!important}	

.mean-container a.meanmenu-reveal {display: none!important}

li.product {transition: all .5s ease; padding: 2px!important; border: 2px solid #fff}
li.product:hover {border: 2px solid #ccc}
li.product-cat {border: none}
li.product-cat:hover {border: none}

.top-header {background: #392E2D!important}
.top-cart-wrapper {transition: all .5s ease; background: #4E3C3A}
.top-cart-content {transition: all .5s ease; background: #4E3C3A}
.widget_shopping_cart h2 {color: #fff}

img.zoom {transition: all .5s ease;margin-right: 12px}
img.zoom:hover {transform: scale(1.1);}

.main-slider .item{padding: 300px 0!important}
.caption-wrap {display: none!important; }
.slider-caption .caption-wrap .caption-inner {background: transparent!important}

.slick-dots li button {
    background: #fff;
    padding:0;
    font-size: 0;
    height: 18px;
    width: 18px;
    border-radius: 50%;
    margin-left: 5px;
    margin-right: 5px;
    border:2px solid #000;
    box-shadow: 2px 2px 5px #000;;
}
.slick-dots li button:hover {background: #1DB189; box-shadow: none;}
.slick-dots li.slick-active button{
    background:#2DA3AE; 
    box-shadow: none;
}

.ecommerce_gem_widget_featured_categories {background: transparent!important; padding: 20px 3px 0 3px}

.site-info, .site-info a {font-size: 12px!important;}
#footer-widgets {
    background: #4E3C3A!important;
    padding: 50px 0px!important;
    position: relative;
}


#footer-widgets .widget ul li {line-height: 1.5}
#custom_html-3 a {font-size: 14px!important; transition: all .5s ease}
#custom_html-3 a:hover {color: #ff4040!important}
#footer-widgets .widget ul li a {border-bottom: 1px transparent; font-weight: 500; transition: all .5s ease; color: white!important}

#footer-widgets .widget ul li a:hover {color: #3AD1DE!important; border-bottom: 1px solid #3AD1DE!important}
#footer-widgets .widget ul li:before {
    color: #fff;
    content:" » ";
    font-size: 22px;
    position: absolute;
    left: 0;
    top:-2px;
    line-height: 1;
}

.site-footer-wrap {
background: #352827!important;
    border-top: 1px solid #000;
    padding-top: 30px;
}

#colophon {background: #352827!important;}

.pwb-slick-slide img, .pwb-brands-col3 img {
  transition: all .5s ease; padding: 5px; border: 1px solid #fff; 
}

.pwb-slick-slide img:hover, .pwb-brands-col3 img:hover {transform: scale(1.1); padding: 5px; border: 1px solid #fff}

.slider-meta, .featured-thumb img{display: none}
.slider-button {margin-top: 20px!important}

.site-branding {
    float: left;
    margin-right: 30px;
    margin-top: 10px; }

.product-info-wrap{border-top: 4px solid #c00000}
.quantity input[type="number"] {height: 35px!important;}
a.remove {-webkit-transition: all 0.65s ease-in-out; width: 25px; height: 25px; line-height: 0.9!important;margin: -5px 0 0 -5px; transition: all 0.65s ease-in-out; animation: zoomIn 1s; }

.widget-area .attachment-woocommerce_thumbnail {width: 75px!important; height: 75px!important}
li.woocommerce-mini-cart-item.mini_cart_item::before {display: none!important}
.widget_shopping_cart h2:before {content: '\f07a'; font-family: FontAwesome; font-size: 18px; padding-right: 10px}

@keyframes zoomIn { 
    0% { 
        opacity: 0; 
        transform: scale3d(.3, .3, .3); 
    } 
    50% { 
        opacity: 1; 
    } 
} 

@-webkit-keyframes zoomIn { 
    0% { 
        opacity: 0; 
        -webkit-transform: scale3d(.3, .3, .3); 
    } 
    50% { 
        opacity: 1; 
    } 
} 

.zoomIn { 
    animation-name: zoomIn;     
   -webkit-animation-name: zoomIn;    
animation-duration: 1s; 
-webkit-animation-duration: 1s; 
    animation-fill-mode: both; 
-webkit-animation-fill-mode: both; 
    animation-timing-function: ease-in-out; 
-webkit-animation-timing-function: ease-in-out; 
}

button#responsive-menu-button {-webkit-transition: all 0.65s ease-in-out;
     transition: all 0.65s ease-in-out; animation: zoomIn 1s; border-radius: 5px!important}

button#responsive-menu-button:hover .responsive-menu-inner,button#responsive-menu-button:hover .responsive-menu-inner::before,button#responsive-menu-button:hover .responsive-menu-inner::after,button#responsive-menu-button:hover .responsive-menu-open .responsive-menu-inner,button#responsive-menu-button:hover .responsive-menu-open .responsive-menu-inner::before,button#responsive-menu-button:hover .responsive-menu-open .responsive-menu-inner::after,button#responsive-menu-button:focus .responsive-menu-inner,button#responsive-menu-button:focus .responsive-menu-inner::before,button#responsive-menu-button:focus .responsive-menu-inner::after,button#responsive-menu-button:focus .responsive-menu-open .responsive-menu-inner,button#responsive-menu-button:focus .responsive-menu-open .responsive-menu-inner::before,button#responsive-menu-button:focus .responsive-menu-open .responsive-menu-inner::after{background-color: #ffd1d1; transition: all 0.65s ease-in-out;}
.responsive-menu-inner::before,.responsive-menu-inner::after{transition: all 0.65s ease-in-out;}

@media screen and (max-width: 1050px) {
.site-header {
        padding: 10px 0px!important;
    }
}

input[type="tel"], input[type="text"], input[type="email"] {background:rgba(255,255,255,0.3)!important; color: #666; border-left: 1px solid #ccc; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; transition: all 0.5s}
input[type="tel"]:focus, input[type="text"]:focus, input[type="email"]:focus {color: #111; outline:none; border-left: 10px solid #c00000}
input[type="tel"] {padding: 6px 0 6px 9px;}
textarea {background:rgba(255,255,255,0.3)!important;}

.wps-radio label {border: 2px solid #c00000; float: left}

p#billing_address_2_field span.optional{display: none}
p#shipping_address_2_field span.optional{display: none}