/*
Theme Name: SPMRM Child
Theme URI: https://babystreet.althemist.com/
Description: <strong>Babystreet theme by theAlThemist</strong> - <br/> Modern E-commerce WordPress / WooCommerce theme<br/> <a href='http://www.althemist.com'>Other themes by us.</a>
Version: 1.0.0
Template: babystreet
Author: theAlThemist
Author URI: https://www.althemist.com
License: Envato / Themeforest Split Licence
License URI: https://themeforest.net/licenses/standard
Text Domain: babystreet
*/

h1, h2, h3, h4, h5, h6{ font-family: "Cormorant", serif !important; font-style: italic !important;}

.babystreet-wishlist-counter > a, #babystreet-account-holder > a{ background:url(images/account.png) center center no-repeat; background-size: 26px;}
#babystreet-account-holder i{ display:none;}
.babystreet-search-cart-holder #cart-module a.cart-contents{ background:url(images/basket.png) center center no-repeat; background-size: 24px;}
.babystreet-search-cart-holder #cart-module a.cart-contents:before{ display:none;}
.babystreet-search-cart-holder .babystreet-search-trigger > a{ background:url(images/search.png) center center no-repeat; background-size: 26px;}
.babystreet-search-trigger i{ display:none;}
span.onsale, .babystreet-search-cart-holder:before, .babystreet-search-cart-holder:after{ display:none;}
.babystreet-search-cart-holder{ -webkit-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s;}
#babystreet-account-holder svg{ display:none;}
.babystreet-search-trigger svg{ display:none;}
#header #logo{ position:absolute; margin:0; top:-40px; z-index:999; max-height: 170px; -webkit-transition: all ease 0.3s; transition: all ease 0.3s;
 box-shadow: 0px 0px 6px #00000015; background-color: #FFF !important; border-radius: 0px 0px 0px 0px;}
#header.babystreet-sticksy #logo{top:0px; }
#header #logo img{ max-height: 170px; -webkit-transition: all ease 0.3s; transition: all ease 0.3s; }
#header.babystreet-sticksy #logo img{ max-height: 90px;}
.babystreet-top-bar-message{ margin-left: 150px;}
#header .babystreet-top-bar-message span{ padding: 0 30px 0 15px; margin-left: 15px;}
span.babystreet-top-bar-mail{ background:url(images/mail2.png) left top no-repeat; background-size:20px; background-position: left 0px top 8px;
 padding-left: 30px !important;}
span.babystreet-top-bar-phone{ background:url(images/phone2.png) left top no-repeat; background-size:20px; background-position: left 0px top 8px;
 padding-left: 30px !important;}

.vc_section[data-vc-full-width]{ transition: opacity .5s ease; overflow: initial;}

#banner{}
#banner:after{ position: absolute; content: ""; left: 0; bottom: 0; width: 100%; height: 16px; background:url("images/line1.png") bottom left no-repeat;}

#hm-categories{ padding:60px 0px 60px 0px; background: url("images/category-back.jpg") bottom center no-repeat;}
.category-bx{ text-align: center;}
.category-img{}
.category-txt{}

#hm-about{ padding:90px 0px 60px 0px; background-image: url("images/farmer.png"); background-position: bottom right; background-size: 300px; background-repeat: no-repeat;}
#hm-about:before{ position: absolute; content: ""; left: 0; top: 0; width: 100%; height: 16px; background:url("images/line2.png") bottom left no-repeat;}
#hm-about:after{ position: absolute; content: ""; left: 0; bottom: 0; width: 100%; height: 16px; background:url("images/line3.png") bottom left no-repeat;}
.hm-about-txt{ font-weight: 300; width: 90%;}
.pg-btn{}
.pg-btn a{ display: inline-block; background-color: #306431; color: #FFF; text-transform: uppercase; text-decoration: none; text-align: center; font-size: 14px;
 padding: 15px 40px 15px 40px; font-weight: 300; letter-spacing: 1px; }


#hm-selling{ padding:90px 0px 60px 0px; background: url("images/selling-back.jpg") top left repeat;}
#hm-selling:after{ position: absolute; content: ""; left: 0; bottom: 0; width: 100%; height: 16px; background:url("images/line1.png") bottom left no-repeat;}

#certificates{ padding:60px 0px 60px 0px;}
.certificates-bx{ padding: 15px 0px 0px 0px;}

#about1{ padding:60px 0px 60px 0px;}


#contact1{ padding:60px 0px 60px 0px;}

#contact2{ padding:0px 0px 60px 0px;}
.contact-frm{ width:80%;}


.wp-block-woocommerce-checkout{ padding-top: 50px;}
.wp-block-woocommerce-cart.alignwide{ margin-top: 50px;}
a.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained{ background-color: #306431; color: #FFF; font-weight: 300;
 text-transform: uppercase; font-size: 14px; letter-spacing: 1px; padding: 15px 40px 15px 40px;}
input.wpcf7-form-control.wpcf7-submit.fld-btn{ font-weight: 300; font-size: 13px; letter-spacing: 1px; padding: 18px 40px 18px 40px;}

.babystreet-wcs-swatches span.swatch.swatch-label.selected{ border: 1px solid #7b5d3c !important; background-color:#7b5d3c !important; color:#FFF !important; padding: 5px 15px; line-height: 20px; height: 32px; font-size: 12px !important;}
.babystreet-wcs-swatches span.swatch.swatch-label{ border: 1px solid #7b5d3c !important; background-color:#FFF !important; color:#306431 !important; padding: 5px 15px; line-height: 20px; height: 32px; font-size: 12px !important;}

.yith-ywraq-add-to-quote a, .yith_ywraq_add_item_browse_message a{ font-size: 0.8rem !important;}
a.add-request-quote-button.button{ padding: 18px 50px 16px 50px !important;}
span.woocommerce-Price-currencySymbol{ font-family: 'Flaticon' !important;}

span.woocommerce-Price-currencySymbol{ font-family: sans-serif;}

.policies-txt{}
.policies-txt p{ margin:0;}
.policies-txt ul{ margin-bottom:0; margin-top: 5px; padding:0;}
.policies-txt li{ margin-bottom: 10px !important; padding:0;}

#yith-ywraq-mail-form p{ margin:0;}

.babystreet-wishlist-counter, #babystreet-account-holder{ display:none;}

.grecaptcha-badge{ right: -300px !important;}
#footer{ border-top:0px !important; background:url("images/footer-back.jpg") top center no-repeat;}
#footer:before{ position: absolute; content: ""; left: 0; top: 0; width: 100%; height: 16px; background:url("images/line2.png") bottom left no-repeat; z-index: 3;}
#footer > .inner{ padding-top:80px; padding-bottom:0px;}
#block-7{ width: 20%;}
.ftr-txt{}
.ftr-txt h3{ font-size: 30px; color: #fff; margin-bottom: 25px;}
.ftr-txt ul{ list-style:none; margin:0; padding:0;}
.ftr-txt li{ list-style:none; margin:0; padding:0px 0px 25px 0px; display:block; font-family: "Poppins"; font-weight: 300; line-height: 24px;}
#block-8{ width: 26%;}
#nav_menu-2{}
#block-9{ width: 20%;}
.ftr-scl{}
.ftr-scl h3{ font-size: 30px; color: #fff; margin-bottom: 25px;}
.ftr-scl a{ display:block; text-align:left; margin-bottom: 15px;}
.ftr-scl a:hover{ text-decoration: none;}
div.widget_nav_menu ul li a{ font-family: "Poppins" !important; font-weight: 300; line-height: 24px;}

#powered{ position:relative; background-color: rgba(0, 0, 0, 0.8);}
#powered .author_credits{ float:left; text-align:left; padding:10px 0px; font-size:13px;}
#powered .author_company{ float:right; text-align:right;}
#powered .author_company a{ display:inline-block; padding-top:4px;}
#powered .author_company a img{ width:30px;}
#powered .inner{ padding-top:12px; padding-bottom:7px;}

input:focus::-webkit-input-placeholder { color:transparent; }
input:focus:-moz-placeholder { color:transparent; }
input:focus::-moz-placeholder { color:transparent; }
input:focus:-ms-input-placeholder { color:transparent; }
textarea:focus::-webkit-input-placeholder { color:transparent;}
textarea:focus:-moz-placeholder { color:transparent; }
textarea:focus::-moz-placeholder { color:transparent; }
textarea:focus:-ms-input-placeholder { color:transparent; }


@media screen and (min-width: 300px) and (max-width: 1279px){
#header #logo{ top: 0;}
#header #logo img{ max-height: 59px !important;}


}

@media screen and (min-width: 300px) and (max-width: 399px){
#hm-about{ padding: 40px 0px 90px 0px;}
.hm-about-txt{ width:100%;}
#hm-selling{ padding: 40px 0px 30px 0px;}
#certificates{ padding: 40px 0px 30px 0px;}

#footer{ background-size: cover;}

}

@media screen and (min-width: 400px) and (max-width: 499px){
#hm-about{ padding: 40px 0px 90px 0px;}
.hm-about-txt{ width:100%;}
#hm-selling{ padding: 40px 0px 30px 0px;}
#certificates{ padding: 40px 0px 30px 0px;}

#footer{ background-size: cover;}

}

@media screen and (min-width: 500px) and (max-width: 599px){
#hm-about{ padding: 40px 0px 90px 0px;}
.hm-about-txt{ width:100%;}
#hm-selling{ padding: 40px 0px 30px 0px;}
#certificates{ padding: 40px 0px 30px 0px;}

#footer{ background-size: cover;}

}

@media screen and (min-width: 600px) and (max-width: 699px){
#hm-about{ padding: 40px 0px 90px 0px;}
.hm-about-txt{ width:100%;}
#hm-selling{ padding: 40px 0px 30px 0px;}
#certificates{ padding: 40px 0px 30px 0px;}

#footer{ background-size: cover;}

}

@media screen and (min-width: 700px) and (max-width: 799px){
#hm-about{ padding: 40px 0px 90px 0px;}
.hm-about-txt{ width:100%;}
#hm-selling{ padding: 40px 0px 30px 0px;}
#certificates{ padding: 40px 0px 30px 0px;}

#footer{ background-size: cover;}

}

@media screen and (min-width: 800px) and (max-width: 899px){
#hm-about{ padding: 40px 0px 90px 0px;}
.hm-about-txt{ width:100%;}
#hm-selling{ padding: 40px 0px 30px 0px;}
#certificates{ padding: 40px 0px 30px 0px;}

#footer{ background-size: cover;}

}

@media screen and (min-width: 900px) and (max-width: 999px){
#hm-about{ padding: 40px 0px 90px 0px;}
.hm-about-txt{ width:100%;}
#hm-selling{ padding: 40px 0px 30px 0px;}
#certificates{ padding: 40px 0px 30px 0px;}

#footer{ background-size: cover;}

}

@media screen and (min-width: 1000px) and (max-width: 1099px){
#hm-about{ padding: 40px 0px 90px 0px;}
.hm-about-txt{ width:100%;}
#hm-selling{ padding: 40px 0px 30px 0px;}
#certificates{ padding: 40px 0px 30px 0px;}
html.touch .links{ top: calc(100% - 210px);}
div.prod_hold .links{ padding: 20px 10px;}

#footer{ background-size: cover;}

}

@media screen and (min-width: 1100px) and (max-width: 1199px){
#hm-about{ padding: 40px 0px 90px 0px;}
.hm-about-txt{ width:100%;}
#hm-selling{ padding: 40px 0px 30px 0px;}
#certificates{ padding: 40px 0px 30px 0px;}
html.touch .links{ top: calc(100% - 190px);}
div.prod_hold .links{ padding: 20px 10px;}

#footer{ background-size: cover;}

}




