/*
Theme Name: AD Security 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
*/

body, html{ font-family: "Inter", sans-serif; font-weight: 300; letter-spacing: 0.4px;}

#header #logo{ position:absolute; margin:0; top:0px; z-index:999; max-height: 120px; -webkit-transition: all ease 0.3s; transition: all ease 0.3s; box-shadow: 0px 0px 6px #00000015; border-radius: 0px 0px 6px 6px;}
#header.babystreet-sticksy #logo{top:0px; box-shadow: 0px 0px 0px #00000000; border-radius: 0px 0px 0px 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: 80px;}
.babystreet-search-cart-holder .babystreet-search-trigger > a{ background:url(images/search.png) center center no-repeat;}
.babystreet-search-trigger i{ display:none;}
span.onsale, .babystreet-search-cart-holder:before, .babystreet-search-cart-holder:after{ display:none;}

#banner{ padding:0px 0px 0px 0px;}

#categories{ padding:90px 0px 60px 0px;}
.pg-hd{ text-align: center; margin: auto; width: 50%; padding-bottom: 15px; line-height: 1.9em;}
.pg-hd h2{ text-transform: uppercase; padding-bottom: 0px;}
.pg-hd p{ text-align:center; padding-bottom: 15px;}
.category-bx{ position: relative; width: 100%; height: 540px; overflow: hidden;}
.category-bx a img{ width: 100%; transition: transform 0.5s ease;}
.category-bx a img:hover{ transform: scale(1.2);}
.category-nm{ position:absolute; bottom: 0; left: 0; background-color: rgba(102, 22, 166, 0.8); text-align: center; padding: 12px 0px; color: #FFF; font-size:18px; font-weight: 500; width: 100%;}

#story{ padding:150px 0px 90px 0px; background-size: cover; background-position: left top;}
.pg-hd2{ text-align: left; width: 80%; margin: auto;}
.pg-hd2 h2{ text-transform: uppercase; color: #ffc501;}
.story-txt{ width: 80%; margin: auto;}
.story-txt h4{ color: #f05874;}
.story-txt p{ color: #FFF;}
.pg-btn{ width: 80%; margin: auto;}
.pg-btn a{ display: inline-block; background-color: #ffc501; color: #000; padding: 18px 40px 14px 40px; text-transform: uppercase; border-radius: 30px; font-size: 15px; font-weight: 400;}
.pg-btn a:hover{ text-decoration:none; background-color: #f05874; color: #FFF;}

#latest{ padding:90px 0px 60px 0px;}

.pg-img{ text-align:left; width:90%; position:relative;}
.pg-img img{ border-radius: 30% 70% 70% 30% / 30% 45% 55% 70%; transition: all 0.7s ease-in-out; position:relative; z-index:0;}
.pg-img img:hover{ border-radius: 62% 38% 82% 18% / 54% 61% 39% 46%;}
.pg-img:before{ position:absolute; content:''; width:100%; height:100%; background-color:#f05874; border-radius: 62% 38% 82% 18% / 54% 61% 39% 46%; z-index:-1;}

.pg-img2{ text-align:right; width:90%; position:relative;}
.pg-img2 img{ border-radius: 30% 70% 70% 30% / 30% 45% 55% 70%; transition: all 0.7s ease-in-out; position:relative; z-index:0;}
.pg-img2 img:hover{ border-radius: 62% 38% 82% 18% / 54% 61% 39% 46%;}
.pg-img2:before{ position:absolute; content:''; width:100%; height:100%; background-color:#f05874; border-radius: 62% 38% 82% 18% / 54% 61% 39% 46%; z-index:-1;}

#happy{ padding:90px 0px 60px 0px; background-color: #fff7f8;}
.pg-hd3{ text-align: center; margin: auto;}
.pg-hd3 h2{ text-transform: uppercase; color: #ffc501;}
.happy-bx{ text-align: center; margin: auto !important; width: 70%;}
.happy-txt{ text-align: left; font-size: 20px; color: #f05874; line-height: 34px; font-weight: 500; padding-top:15px;}
.happy-txt h5{ font-weight: 300; padding: 15px 0px 5px 0px; color:#000; font-size:18px;}
.happy-txt h5 span{ font-size:14px;}
.happy-nm{ margin: auto; text-align: center; color: #000; position:relative;}
.happy-nm:after{ position:absolute; content:""; right:60px; top:0; width:50px; height:50px; font-size:50px; text-align:center; background:url(images/quote.png) center center no-repeat #ffc501; background-size: 30px; border-radius: 50%;}
.happy-nm img{ width: 200px !important; height: 200px; border-radius: 50%;}
#happy .sa_owl_theme .owl-dots .owl-dot span{ background-color:#000 !important;}
#happy .sa_owl_theme .owl-dots .owl-dot span:hover{ background-color: #ffc501 !important;}
#happy .sa_owl_theme .owl-dots .active span{ background-color: #ffc501 !important;}

#news{ padding:90px 0px 0px 0px;}

#about1{ padding:90px 0px 60px 0px;}

#about2{ padding:90px 0px 60px 0px; background-color: #fff7f8;}

#about3{ padding:90px 0px 30px 0px;}
.about3-txt{ margin:auto; width:80%; text-align: center; color: #f05874; font-size: 23px; font-style: italic; line-height: 36px; font-weight: 400;}

.contact-txt{}
.contact-txt ul{ list-style:none; margin:0; padding:0;}
.contact-txt li{ list-style:none; margin:0px 50px 0px 0px !important; padding:0px 0px 24px 35px; display:block; position:relative; font-size:14px; line-height:26px; display: inline-block;} 
.contact-txt li img{ position:absolute; left:0; top:1px; width: 24px; opacity:0.8;}
.contact-frm{}
textarea.wpcf7-textarea.fld2{ height: 120px;}

.blog-btn{}
.blog-btn a{ display: inline-block; background-color: #ffc501 !important; color: #000 !important; padding: 18px 40px 14px 40px !important; text-transform: uppercase !important; border-radius: 30px !important; font-size: 14px !important; font-weight: 400 !important;}
.blog-btn a:hover{ text-decoration:none !important; background-color: #f05874 !important; color: #FFF !important;}

.babystreet-wishlist-counter, #babystreet-account-holder{ display: none;}
#cart-module a.cart-contents{ display: none;}
a.add-request-quote-button.button{ font-size: 15px !important; font-weight: 400;}
#yith-ywraq-form .product-thumbnail a img{ width:90px;}
.woocommerce.ywraq-wrapper{ padding-top: 50px;}
.breadcrumb{ color: #111 !important; text-align: left;}
.babystreet-title-text-container{ text-align: center;}

th.woocommerce-product-attributes-item__label{ vertical-align: middle; padding: 0px 15px; border-bottom: 1px solid #efefef;}
td.woocommerce-product-attributes-item__value{ padding: 0px 15px; border-left: 1px solid #efefef;}

#qlwapp .qlwapp-toggle{ margin-bottom:60px !important;}

.quantity button.minus{ position: absolute; left: 0; top: 0; width:48px; height:48px; border-left: 1px solid #efefef; border-right: 1px solid #efefef; border-top: 0px solid #efefef; border-bottom: 0px solid #efefef; background-color: #FFF;}
.quantity button.plus{ position: absolute; left: 102px; top: 0; width:48px; height:48px; border-left: 1px solid #efefef; border-right: 1px solid #efefef; border-top: 0px solid #efefef; border-bottom: 0px solid #efefef; background-color: #FFF;}
#yith-ywraq-form .product-quantity{ min-width:150px;}
#yith-ywraq-form .quantity button.minus{ top:1px;}
#yith-ywraq-form .quantity button.plus{ top:1px;}

table.shop_table.cart td.product-quantity div.quantity input.input-text.qty.text{ width:150px; background: #FFF; height: 50px;}
span.woocommerce-Price-amount.amount{ font-size: 15px; color: #000; font-weight: 300;}


.grecaptcha-badge{ right: -300px !important;}
#footer{ border-top:0px !important;}
#footer > .inner{ padding-top:60px; padding-bottom:0px;}
#block-7{ width: 32%;}
.ftr-lg{}
.ftr-lg img{ }
.ftr-lg p{ font-size:14px; line-height:26px; width:90%;}
#nav_menu-2{ width: 16%;}
#nav_menu-3{ width: 18%;}
#block-8{ width: 22%;}
.ftr-contact{}
.ftr-contact h3{ font-size: 24px; font-weight: 400; color: #fff; margin-bottom: 30px;}
.ftr-contact ul{ list-style:none; margin:0; padding:0;}
.ftr-contact li{ list-style:none; margin:0; padding:0px 0px 24px 35px; display:block; position:relative; font-size:14px; line-height:26px; color:#FFF;}
.ftr-contact li img{ position:absolute; left:0; top:1px; width: 24px;}
.ftr-scl{ padding-top:15px;}
.ftr-scl a{ display:inline-block; width: 36px; height:36px; line-height:36px; background-color: #fff; text-align:center; margin:0px 10px 0px 5px; border-radius: 50%;}
.ftr-scl a i{ color: #6616a6;}
.ftr-scl a:hover{ background-color: #ffc501;}

#powered{ position:relative;}
#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: 399px){
#header #logo{ box-shadow: 0px 0px 6px #00000000; border-radius: 0px 0px 0px 0px;}
#categories{ padding: 60px 0px 30px 0px;}
.pg-hd{ width:100%;}
.category-bx{ height:auto;}
.category-bx a img{ margin-bottom: -4px;}
#story{ padding: 60px 0px 30px 0px; background-position: center center;}
.pg-hd2{ width:100%;}
.story-txt{ width:100%;}
.pg-btn{ width:100%;}
#latest{ padding: 60px 0px 30px 0px;}
#happy{ padding: 60px 0px 30px 0px;}
.happy-bx{ width:100%;}
.happy-txt{ text-align: center;}
#news{ padding: 60px 0px 30px 0px;}
#about1{ padding: 60px 0px 30px 0px;}
#about2{ padding: 60px 0px 30px 0px;}
#about3{ padding: 60px 0px 30px 0px;}
.about3-txt{ width:100%;}

.ywraq-form-table-wrapper.wide form#yith-ywraq-form{ display:none;}
.ywraq-form-table-wrapper .yith-ywraq-mail-form-wrapper{ padding:0px;}

}

@media screen and (min-width: 400px) and (max-width: 499px){
#header #logo{ box-shadow: 0px 0px 6px #00000000; border-radius: 0px 0px 0px 0px;}
#categories{ padding: 60px 0px 30px 0px;}
.pg-hd{ width:100%;}
.category-bx{ height:auto;}
.category-bx a img{ margin-bottom: -4px;}
#story{ padding: 60px 0px 30px 0px; background-position: center center;}
.pg-hd2{ width:100%;}
.story-txt{ width:100%;}
.pg-btn{ width:100%;}
#latest{ padding: 60px 0px 30px 0px;}
#happy{ padding: 60px 0px 30px 0px;}
.happy-bx{ width:100%;}
.happy-txt{ text-align: center;}
#news{ padding: 60px 0px 30px 0px;}
#about1{ padding: 60px 0px 30px 0px;}
#about2{ padding: 60px 0px 30px 0px;}
#about3{ padding: 60px 0px 30px 0px;}
.about3-txt{ width:100%;}

.ywraq-form-table-wrapper.wide form#yith-ywraq-form{ display:none;}
.ywraq-form-table-wrapper .yith-ywraq-mail-form-wrapper{ padding:0px;}

}

@media screen and (min-width: 500px) and (max-width: 599px){
#header #logo{ box-shadow: 0px 0px 6px #00000000; border-radius: 0px 0px 0px 0px;}
#categories{ padding: 60px 0px 30px 0px;}
.pg-hd{ width:100%;}
.category-bx{ height:auto;}
.category-bx a img{ margin-bottom: -4px;}
#story{ padding: 60px 0px 30px 0px; background-position: center center;}
.pg-hd2{ width:100%;}
.story-txt{ width:100%;}
.pg-btn{ width:100%;}
#latest{ padding: 60px 0px 30px 0px;}
#happy{ padding: 60px 0px 30px 0px;}
.happy-bx{ width:100%;}
.happy-txt{ text-align: center;}
#news{ padding: 60px 0px 30px 0px;}
#about1{ padding: 60px 0px 30px 0px;}
#about2{ padding: 60px 0px 30px 0px;}
#about3{ padding: 60px 0px 30px 0px;}
.about3-txt{ width:100%;}

.ywraq-form-table-wrapper.wide form#yith-ywraq-form{ display:none;}
.ywraq-form-table-wrapper .yith-ywraq-mail-form-wrapper{ padding:0px;}

}

@media screen and (min-width: 600px) and (max-width: 699px){
#header #logo{ box-shadow: 0px 0px 6px #00000000; border-radius: 0px 0px 0px 0px;}
#categories{ padding: 60px 0px 30px 0px;}
.pg-hd{ width:100%;}
.category-bx{ height:auto;}
.category-bx a img{ margin-bottom: -4px;}
#story{ padding: 60px 0px 30px 0px; background-position: center center;}
.pg-hd2{ width:100%;}
.story-txt{ width:100%;}
.pg-btn{ width:100%;}
#latest{ padding: 60px 0px 30px 0px;}
#happy{ padding: 60px 0px 30px 0px;}
.happy-bx{ width:100%;}
.happy-txt{ text-align: center;}
#news{ padding: 60px 0px 30px 0px;}
#about1{ padding: 60px 0px 30px 0px;}
#about2{ padding: 60px 0px 30px 0px;}
#about3{ padding: 60px 0px 30px 0px;}
.about3-txt{ width:100%;}

}

@media screen and (min-width: 700px) and (max-width: 767px){
#header #logo{ box-shadow: 0px 0px 6px #00000000; border-radius: 0px 0px 0px 0px;}
#categories{ padding: 60px 0px 30px 0px;}
.pg-hd{ width:100%;}
.category-bx{ height:auto;}
.category-bx a img{ margin-bottom: -4px;}
#story{ padding: 60px 0px 30px 0px; background-position: center center;}
.pg-hd2{ width:100%;}
.story-txt{ width:100%;}
.pg-btn{ width:100%;}
#latest{ padding: 60px 0px 30px 0px;}
#happy{ padding: 60px 0px 30px 0px;}
.happy-bx{ width:100%;}
.happy-txt{ text-align: center;}
#news{ padding: 60px 0px 30px 0px;}
#about1{ padding: 60px 0px 30px 0px;}
#about2{ padding: 60px 0px 30px 0px;}
#about3{ padding: 60px 0px 30px 0px;}
.about3-txt{ width:100%;}

}

@media screen and (min-width: 768px) and (max-width: 799px){
#header #logo{ box-shadow: 0px 0px 6px #00000000; border-radius: 0px 0px 0px 0px;}
#categories{ padding: 60px 0px 30px 0px;}
.pg-hd{ width:100%;}
.category-bx{ height:auto;}
.category-bx a img{ margin-bottom: -4px;}
#story{ padding: 60px 0px 30px 0px; background-position: center center;}
.pg-hd2{ width:100%;}
.story-txt{ width:100%;}
.pg-btn{ width:100%;}
#latest{ padding: 60px 0px 30px 0px;}
#happy{ padding: 60px 0px 30px 0px;}
.happy-bx{ width:100%;}
#news{ padding: 60px 0px 30px 0px;}
#about1{ padding: 60px 0px 30px 0px;}
#about2{ padding: 60px 0px 30px 0px;}
#about3{ padding: 60px 0px 30px 0px;}
.about3-txt{ width:100%;}

}

@media screen and (min-width: 800px) and (max-width: 899px){
#header #logo{ box-shadow: 0px 0px 6px #00000000; border-radius: 0px 0px 0px 0px;}
#categories{ padding: 60px 0px 30px 0px;}
.pg-hd{ width:100%;}
.category-bx{ height:auto;}
.category-bx a img{ margin-bottom: -4px;}
#story{ padding: 60px 0px 30px 0px; background-position: center center;}
.pg-hd2{ width:100%;}
.story-txt{ width:100%;}
.pg-btn{ width:100%;}
#latest{ padding: 60px 0px 30px 0px;}
#happy{ padding: 60px 0px 30px 0px;}
.happy-bx{ width:100%;}
#news{ padding: 60px 0px 30px 0px;}
#about1{ padding: 60px 0px 30px 0px;}
#about2{ padding: 60px 0px 30px 0px;}
#about3{ padding: 60px 0px 30px 0px;}
.about3-txt{ width:100%;}

}

@media screen and (min-width: 900px) and (max-width: 999px){
#header #logo{ box-shadow: 0px 0px 6px #00000000; border-radius: 0px 0px 0px 0px;}
#categories{ padding: 60px 0px 30px 0px;}
.pg-hd{ width:100%;}
.category-bx{ height:auto;}
.category-bx a img{ margin-bottom: -4px;}
#story{ padding: 60px 0px 30px 0px; background-position: center center;}
.pg-hd2{ width:100%;}
.story-txt{ width:100%;}
.pg-btn{ width:100%;}
#latest{ padding: 60px 0px 30px 0px;}
#happy{ padding: 60px 0px 30px 0px;}
.happy-bx{ width:100%;}
#news{ padding: 60px 0px 30px 0px;}
#about1{ padding: 60px 0px 30px 0px;}
#about2{ padding: 60px 0px 30px 0px;}
#about3{ padding: 60px 0px 30px 0px;}
.about3-txt{ width:100%;}

}

@media screen and (min-width: 1000px) and (max-width: 1099px){
#header #logo{ box-shadow: 0px 0px 6px #00000000; border-radius: 0px 0px 0px 0px;}
#categories{ padding: 60px 0px 30px 0px;}
.pg-hd{ width:100%;}
.category-bx{ height:auto;}
.category-bx a img{ margin-bottom: -4px;}
#story{ padding: 60px 0px 30px 0px; background-position: center center;}
.pg-hd2{ width:100%;}
.story-txt{ width:100%;}
.pg-btn{ width:100%;}
#latest{ padding: 60px 0px 30px 0px;}
#happy{ padding: 60px 0px 30px 0px;}
.happy-bx{ width:100%;}
#news{ padding: 60px 0px 30px 0px;}
#about1{ padding: 60px 0px 30px 0px;}
#about2{ padding: 60px 0px 30px 0px;}
#about3{ padding: 60px 0px 30px 0px;}
.about3-txt{ width:100%;}

}

@media screen and (min-width: 1100px) and (max-width: 1199px){
#header #logo{ box-shadow: 0px 0px 6px #00000000; border-radius: 0px 0px 0px 0px;}
#categories{ padding: 60px 0px 30px 0px;}
.pg-hd{ width:100%;}
.category-bx{ height:auto;}
.category-bx a img{ margin-bottom: -4px;}
#story{ padding: 60px 0px 30px 0px; background-position: center center;}
.pg-hd2{ width:100%;}
.story-txt{ width:100%;}
.pg-btn{ width:100%;}
#latest{ padding: 60px 0px 30px 0px;}
#happy{ padding: 60px 0px 30px 0px;}
.happy-bx{ width:100%;}
#news{ padding: 60px 0px 30px 0px;}
#about1{ padding: 60px 0px 30px 0px;}
#about2{ padding: 60px 0px 30px 0px;}
#about3{ padding: 60px 0px 30px 0px;}
.about3-txt{ width:100%;}

}

@media screen and (min-width: 1200px) and (max-width: 1299px){
#header #logo{ box-shadow: 0px 0px 6px #00000000; border-radius: 0px 0px 0px 0px;}
#categories{ padding: 60px 0px 30px 0px;}
.pg-hd{ width:100%;}
.category-bx{ height:auto;}
.category-bx a img{ margin-bottom: -4px;}
#story{ padding: 60px 0px 30px 0px; background-position: center center;}
.pg-hd2{ width:100%;}
.story-txt{ width:100%;}
.pg-btn{ width:100%;}
#latest{ padding: 60px 0px 30px 0px;}
#happy{ padding: 60px 0px 30px 0px;}
.happy-bx{ width:100%;}
#news{ padding: 60px 0px 30px 0px;}
#about1{ padding: 60px 0px 30px 0px;}
#about2{ padding: 60px 0px 30px 0px;}
#about3{ padding: 60px 0px 30px 0px;}
.about3-txt{ width:100%;}

}

@media screen and (min-width: 1300px) and (max-width: 1399px){
.category-bx{ height:auto;}
.category-bx a img{ margin-bottom: -4px;}
#story{ background-position: center center;}

}

@media screen and (min-width: 1400px) and (max-width: 1499px){
.category-bx{ height:auto;}
.category-bx a img{ margin-bottom: -4px;}
#story{ background-position: center center;}

}

@media screen and (min-width: 1400px) and (max-width: 1499px){
.category-bx{ height:auto;}
.category-bx a img{ margin-bottom: -4px;}
#story{ background-position: center center;}

}

@media screen and (min-width: 1500px) and (max-width: 1599px){
.category-bx{ height:auto;}
.category-bx a img{ margin-bottom: -4px;}
#story{ background-position: center center;}

}