/*
Theme Name: Le Uniform 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
*/

html, body{ font-family: 'Jost', sans-serif;}
h1{ text-transform: uppercase;}

div#header{ box-shadow: 0px 2px 5px #00000015;}
#header .babystreet-top-bar-message span{ font-weight: 400; font-size: 14px; padding: 0 25px 0 4px;}
.babystreet-top-bar-mail, .babystreet-top-bar-phone{ border-right:none;}
.babystreet-top-bar-mail{ background:url(images/mail2.png) left top no-repeat; background-size:22px; background-position: left 0px top 5px;
 padding-left: 30px !important;}
.babystreet-top-bar-phone{ background:url(images/phone2.png) left top no-repeat; background-size:20px; background-position: left 0px top 6px;
 padding-left: 30px !important;}

#banner{}

#hm-uniform{ padding:90px 0px 60px 0px;}
.pg-hd{ text-align:center;}
.pg-hd h1{}
.hm-uniform-bx{ text-align:center;}
.hm-uniform-img{ overflow: hidden; height: 310px;}
.hm-uniform-img a img{ transition: transform .3s; -webkit-transition: transform .3s;}
.hm-uniform-img:hover a img{ transform: scale(1.2);}
.hm-uniform-nm{ padding:10px;}
.hm-uniform-nm a{ color:#000 !important;}
.hm-uniform-nm a:after{ display:none;}

.owl-next:before, .owl-prev:before{ border:0px !important;}

#hm-about{ padding:80px 0px 50px 0px; background-color:#efefef;}
.pg-hd2{ text-align:left;}
.pg-hd2 h1{}
.pg-btn{}
.pg-btn a{ display:inline-block; background:#30295d; color:#FFF; text-transform:uppercase; text-align:center; padding:12px 35px; border-radius:6px;}
.pg-btn a:hover{ background:#ff4545; text-decoration:none; color:#FFF;}

.pg-btn2{ text-align:center;}
.pg-btn2 a{ display:inline-block; background:#30295d; color:#FFF; text-transform:uppercase; text-align:center; padding:12px 35px; border-radius:6px;}
.pg-btn2 a:hover{ background:#ff4545; text-decoration:none; color:#FFF;}

#hm-categories{ padding:70px 0px 50px 0px;}
#hm-categories .wpb_raw_code.wpb_content_element.wpb_raw_html{ min-height:900px;}
.hm-cat1{ position:relative; display:flex;}
.hm-cat1-lft{ width:48%; text-align:right; padding: 150px 50px 0px 0px;}
.hm-cat1-lft h2{}
.hm-cat1-lft h2 a{ color: #ff4545;}
.hm-cat1-rgt{ width:52%; margin:30px 20px 0px 0px;}
.hm-cat1-rgt img{ box-shadow: 0px 0px 15px #00000050; border-radius: 6px;}
.clr{ clear:both;}

.hm-cat2{ position: absolute; width:33%; top:300px; display: inline-block;}
.hm-cat2-bx{}
.hm-cat2-bx img{ box-shadow: 0px 0px 15px #00000030; border-radius: 6px;}
.hm-cat2-nm{ text-align:center; padding-top:30px;}
.hm-cat2-nm h2{}
.hm-cat2-nm h2 a{ color: #ff4545;}

.hm-cat3{ position: absolute; display:flex; left:39%; top:500px;}
.hm-cat3-lft{ width: 60%;}
.hm-cat3-lft img{ box-shadow: 0px 0px 15px #00000030; border-radius: 6px;}
.hm-cat3-rgt{ padding:150px 0px 0px 50px;}
.hm-cat3-rgt h2{}
.hm-cat3-rgt h2 a{ color: #ff4545;}

.pg-img{}
.pg-img img{ border-radius:6px;}

#best-seller{ padding:90px 0px 60px 0px; background:url(images/best-seller-back.jpg) center center no-repeat;}
#best-seller .white{ background: transparent !important; border: 0 !important;}
.seller-bx{ text-align:center;}
.seller-bx a{ display:inline-block; position:relative;}
.seller-bx a img{ margin-bottom:-5px !important;}
.seller-bx a:before{ position:absolute; content:""; left:0; top:0; width:100%; height:100%; background-color:rgba(0, 0, 0, 0); transition: all 0.3s ease-out;}
.seller-bx a:hover:before{ background-color:rgba(0, 0, 0, 0.3);}

.pg-btn2{ text-align:center;}
.pg-btn2 a{ display:inline-block; background:#30295d; color:#FFF; text-transform:uppercase; text-align:center; padding:12px 35px; border-radius:6px;}
.pg-btn2 a:hover{ background:#ff4545; text-decoration:none; color:#FFF;}

#hm-sports{ padding:90px 0px 60px 0px;}
.hm-sports-bx{ position:relative;}
.hm-sports-img{ text-align: right; width: 100%; padding-left: 30%;}
.hm-sports-img img{ border-radius:6px;}
.hm-sports-cnt{ position:absolute; left:0; background-color:#30295d; padding:50px; width:55%;  top: 50%; transform: translateY(-50%); border-radius:6px;}
.hm-sports-cnt p{ color:#FFF;}
.wht-btn{ padding-top:15px;}
.wht-btn a{ display:inline-block; background:#FFF; color:#30295d; text-transform:uppercase; text-align:center; padding:12px 35px; border-radius:6px;}
.wht-btn a:hover{ background:#ff4545; text-decoration:none; color:#FFF;}

#about1{ padding:90px 0px 60px 0px;}
.about1-txt{ text-align:center;}
.about1-txt p{ margin-top:0px;}

#about2{ padding:90px 0px 60px 0px; background-color:#efefef;}
.about2-bx{ position:relative;}
.about2-img{ text-align: left; width: 100%; padding-right: 30%;}
.about2-img img{ border-radius:6px;}
.about2-cnt{ position:absolute; right:0; background-color:#30295d; padding:50px; width:50%; top: 50%; transform: translateY(-50%); border-radius:6px;}
.about2-cnt p{ color:#FFF;}
.about2-cnt h5{ color:#FFF; padding: 6px 0px;}

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

.product-bx{ position:relative;}
.product-img{ overflow:hidden; width:100%; height:400px;}
.product-img img{ transition: transform .3s;}
.product-img:hover img{ transform: scale(1.2);}
.product-nm{ position:absolute; bottom:0; width:100%; text-align:center; color:#FFF; padding:12px 30px; background-color:rgba(48, 41, 93, 0.8); font-size:18px; text-transform:uppercase;}

.enquire-frm{ padding:30px;}

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

.cnt-bx{ position:relative; text-align: center; margin: 15px auto;}
.cnt-img{ text-align:center; padding-bottom: 10px;}
.cnt-img img{ margin: auto; display: block; text-align: center; margin-bottom:10px;}
.cnt-txt{ text-align: center;}

.contact-frm{ margin:auto; width:80%;}
textarea.wpcf7-textarea.fld2{ height: 120px;}
.contact-bx{ background-color:#f4ece5; padding:35px 30px; border-radius:10px;}
.contact-bx ul{ list-style:none; margin:0; padding:0;}
.contact-bx li{ list-style:none; margin:0; padding:0px 0px 0px 0px; display:block; position:relative; font-size:14px; 
 line-height:26px; text-align:center; min-height: 150px;}
.contact-bx li img{ text-align:center; margin:auto; display: block; padding-bottom: 10px;}

.yith-ywraq-add-to-quote a, .yith_ywraq_add_item_browse_message a{ font-size: 14px !important;}
.woocommerce-tabs.wc-tabs-wrapper{ display: none;}
td.product-thumbnail a img{ max-width: 100px !important;}
.flex-control-nav.flex-control-thumbs img{ height: 150px;}

.wpgs-for .slick-arrow::before, .wpgs-nav .slick-prev::before, .wpgs-nav .slick-next::before{ color: #c82223 !important;}

.grecaptcha-badge{ right: -300px !important;}
#footer{ border-top:0px !important;}
#footer > .inner{ padding-top:80px; padding-bottom:20px;}

#block-7{ width: 25%;}
.ftr-lg{}
.ftr-lg img{ max-width:230px;}

#block-8{ width: 41%;}
.ftr-lnks{}
.ftr-lnks h3{ font-size: 25px; font-weight: 500; color: #e31e24; margin-bottom: 30px;}
.ftr-lnks ul{ list-style:none; margin:0; padding:0px;}
.ftr-lnks li{ list-style:none; margin:0px 0px 10px 0px; padding:0px; display:inline-block; width:32%;}
.ftr-lnks li a{ display:inline-block; line-height:26px; transition:all ease-in 0.3s; color:#FFF !important;}
.ftr-lnks li a:hover{ text-decoration:none; color:#e31e24; padding-left:5px;}
.ftr-scl{ padding-top:30px;}
.ftr-scl a{ display:inline-block; background-color:#e31e24; width:33px; height:33px; border-radius:50%; text-align:center; line-height:33px; margin-right:15px; color: #FFF !important;}

#block-9{ width: 26%;}
.ftr-contact{}
.ftr-contact h3{ font-size: 25px; font-weight: 500; color: #e31e24; margin-bottom: 30px;}
.ftr-contact ul{ list-style:none; margin:0; padding:0;}
.ftr-contact li{ list-style:none; margin:0; padding:0px 0px 16px 35px; display:block; position:relative; font-size:14px; line-height:26px; color:#FFF;}
.ftr-contact li img{ position:absolute; left:0; top:3px; width: 26px;}

#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: 768px){

div.product div.images, #content div.product div.images{ margin-left: 0%;}

}


@media screen and (min-width: 300px) and (max-width: 399px){
#hm-uniform{ padding: 60px 0px 30px 0px;}
#hm-about{ padding:60px 0px 30px 0px;}
.hm-cat1{ display: block; padding-bottom: 30px;}
.hm-cat1-lft{ width: 100%; text-align: center; padding: 0;}
.hm-cat1-lft h2{ font-size: 30px;}
.hm-cat1-rgt{ width: 100%; margin:0;}
.hm-cat2{ position: relative; width: 100%; top: auto; display: inline-block; padding-bottom: 30px;}
.hm-cat2-nm{ padding-top: 0;}
.hm-cat2-nm h2{ font-size: 30px;}
.hm-cat3{ position: relative; display: block; left: auto; top: 0;}
.hm-cat3-lft{ width: 100%;}
.hm-cat3-rgt{ text-align: center; padding: 0px;}
.hm-cat3-rgt h2{ font-size: 30px;}
#best-seller{ padding:60px 0px 30px 0px; background-size: cover;}
#hm-sports{ padding:60px 0px 30px 0px;}
.hm-sports-img{ padding-left: 0;}
.hm-sports-cnt{ position: relative; padding: 30px; width: 100%; top: 0; transform: translateY(0%); text-align: center;}

#about1{ padding:60px 0px 30px 0px;}
#about2{ padding:60px 0px 30px 0px;}
.about2-img{ padding-right: 0;}
.about2-cnt{ position: relative; padding: 30px; width: 100%; top: 0; transform: translateY(0%); text-align: center;}
#about3{ padding:60px 0px 30px 0px;}
#bulk1{ padding:60px 0px 30px 0px;}

.ftr-lnks li{ width: 49%;}

}

@media screen and (min-width: 400px) and (max-width: 499px){
#hm-uniform{ padding: 60px 0px 30px 0px;}
#hm-about{ padding:60px 0px 30px 0px;}
.hm-cat1{ display: block; padding-bottom: 30px;}
.hm-cat1-lft{ width: 100%; text-align: center; padding: 0;}
.hm-cat1-lft h2{ font-size: 30px;}
.hm-cat1-rgt{ width: 100%; margin:0;}
.hm-cat2{ position: relative; width: 100%; top: auto; display: inline-block; padding-bottom: 30px;}
.hm-cat2-nm{ padding-top: 0;}
.hm-cat2-nm h2{ font-size: 30px;}
.hm-cat3{ position: relative; display: block; left: auto; top: 0;}
.hm-cat3-lft{ width: 100%;}
.hm-cat3-rgt{ text-align: center; padding: 0px;}
.hm-cat3-rgt h2{ font-size: 30px;}
#best-seller{ padding:60px 0px 30px 0px; background-size: cover;}
#hm-sports{ padding:60px 0px 30px 0px;}
.hm-sports-img{ padding-left: 0;}
.hm-sports-cnt{ position: relative; padding: 30px; width: 100%; top: 0; transform: translateY(0%); text-align: center;}

#about1{ padding:60px 0px 30px 0px;}
#about2{ padding:60px 0px 30px 0px;}
.about2-img{ padding-right: 0;}
.about2-cnt{ position: relative; padding: 30px; width: 100%; top: 0; transform: translateY(0%); text-align: center;}
#about3{ padding:60px 0px 30px 0px;}
#bulk1{ padding:60px 0px 30px 0px;}

.ftr-lnks li{ width: 49%;}

}

@media screen and (min-width: 500px) and (max-width: 599px){
#hm-uniform{ padding: 60px 0px 30px 0px;}
#hm-about{ padding:60px 0px 30px 0px;}
.hm-cat1{ display: block; padding-bottom: 30px;}
.hm-cat1-lft{ width: 100%; text-align: center; padding: 0;}
.hm-cat1-lft h2{ font-size: 30px;}
.hm-cat1-rgt{ width: 100%; margin:0;}
.hm-cat2{ position: relative; width: 100%; top: auto; display: inline-block; padding-bottom: 30px;}
.hm-cat2-nm{ padding-top: 0;}
.hm-cat2-nm h2{ font-size: 30px;}
.hm-cat3{ position: relative; display: block; left: auto; top: 0;}
.hm-cat3-lft{ width: 100%;}
.hm-cat3-rgt{ text-align: center; padding: 0px;}
.hm-cat3-rgt h2{ font-size: 30px;}
#best-seller{ padding:60px 0px 30px 0px; background-size: cover;}
#hm-sports{ padding:60px 0px 30px 0px;}
.hm-sports-img{ padding-left: 0;}
.hm-sports-cnt{ position: relative; padding: 30px; width: 100%; top: 0; transform: translateY(0%); text-align: center;}

#about1{ padding:60px 0px 30px 0px;}
#about2{ padding:60px 0px 30px 0px;}
.about2-img{ padding-right: 0;}
.about2-cnt{ position: relative; padding: 30px; width: 100%; top: 0; transform: translateY(0%); text-align: center;}
#about3{ padding:60px 0px 30px 0px;}
#bulk1{ padding:60px 0px 30px 0px;}

.ftr-lnks li{ width: 49%;}

}

@media screen and (min-width: 600px) and (max-width: 699px){
#hm-uniform{ padding: 60px 0px 30px 0px;}
#hm-about{ padding:60px 0px 30px 0px;}
.hm-cat1{ display: block; padding-bottom: 30px;}
.hm-cat1-lft{ width: 100%; text-align: center; padding: 0;}
.hm-cat1-lft h2{ font-size: 30px;}
.hm-cat1-rgt{ width: 100%; margin:0;}
.hm-cat2{ position: relative; width: 100%; top: auto; display: inline-block; padding-bottom: 30px;}
.hm-cat2-nm{ padding-top: 0;}
.hm-cat2-nm h2{ font-size: 30px;}
.hm-cat3{ position: relative; display: block; left: auto; top: 0;}
.hm-cat3-lft{ width: 100%;}
.hm-cat3-rgt{ text-align: center; padding: 0px;}
.hm-cat3-rgt h2{ font-size: 30px;}
#best-seller{ padding:60px 0px 30px 0px; background-size: cover;}
#hm-sports{ padding:60px 0px 30px 0px;}
.hm-sports-img{ padding-left: 0;}
.hm-sports-cnt{ position: relative; padding: 30px; width: 100%; top: 0; transform: translateY(0%); text-align: center;}

#about1{ padding:60px 0px 30px 0px;}
#about2{ padding:60px 0px 30px 0px;}
.about2-img{ padding-right: 0;}
.about2-cnt{ position: relative; padding: 30px; width: 100%; top: 0; transform: translateY(0%); text-align: center;}
#about3{ padding:60px 0px 30px 0px;}
#bulk1{ padding:60px 0px 30px 0px;}

.ftr-lnks li{ width: 49%;}

}

@media screen and (min-width: 700px) and (max-width: 767px){
#hm-uniform{ padding: 60px 0px 30px 0px;}
#hm-about{ padding:60px 0px 30px 0px;}
.hm-cat1{ display: block; padding-bottom: 30px;}
.hm-cat1-lft{ width: 100%; text-align: center; padding: 0;}
.hm-cat1-lft h2{ font-size: 30px;}
.hm-cat1-rgt{ width: 100%; margin:0;}
.hm-cat2{ position: relative; width: 100%; top: auto; display: inline-block; padding-bottom: 30px;}
.hm-cat2-nm{ padding-top: 0;}
.hm-cat2-nm h2{ font-size: 30px;}
.hm-cat3{ position: relative; display: block; left: auto; top: 0;}
.hm-cat3-lft{ width: 100%;}
.hm-cat3-rgt{ text-align: center; padding: 0px;}
.hm-cat3-rgt h2{ font-size: 30px;}
#best-seller{ padding:60px 0px 30px 0px; background-size: cover;}
#hm-sports{ padding:60px 0px 30px 0px;}
.hm-sports-img{ padding-left: 0;}
.hm-sports-cnt{ position: relative; padding: 30px; width: 100%; top: 0; transform: translateY(0%); text-align: center;}

#about1{ padding:60px 0px 30px 0px;}
#about2{ padding:60px 0px 30px 0px;}
.about2-img{ padding-right: 0;}
.about2-cnt{ position: relative; padding: 30px; width: 100%; top: 0; transform: translateY(0%); text-align: center;}
#about3{ padding:60px 0px 30px 0px;}
#bulk1{ padding:60px 0px 30px 0px;}

.ftr-lnks li{ width: 49%;}

}

@media screen and (min-width: 768px) and (max-width: 799px){
#hm-uniform{ padding: 60px 0px 30px 0px;}
#hm-about{ padding:60px 0px 30px 0px;}
.hm-cat1{ display: block; padding-bottom: 30px;}
.hm-cat1-lft{ width: 100%; text-align: center; padding: 0;}
.hm-cat1-lft h2{ font-size: 30px;}
.hm-cat1-rgt{ width: 100%; margin:0;}
.hm-cat2{ position: relative; width: 100%; top: auto; display: inline-block; padding-bottom: 30px;}
.hm-cat2-nm{ padding-top: 0;}
.hm-cat2-nm h2{ font-size: 30px;}
.hm-cat3{ position: relative; display: block; left: auto; top: 0;}
.hm-cat3-lft{ width: 100%;}
.hm-cat3-rgt{ text-align: center; padding: 0px;}
.hm-cat3-rgt h2{ font-size: 30px;}
#best-seller{ padding:60px 0px 30px 0px; background-size: cover;}
#hm-sports{ padding:60px 0px 30px 0px;}
.hm-sports-img{ padding-left: 0;}
.hm-sports-cnt{ position: relative; padding: 30px; width: 100%; top: 0; transform: translateY(0%); text-align: center;}

#about1{ padding:60px 0px 30px 0px;}
#about2{ padding:60px 0px 30px 0px;}
.about2-img{ padding-right: 0;}
.about2-cnt{ position: relative; padding: 30px; width: 100%; top: 0; transform: translateY(0%); text-align: center;}
#about3{ padding:60px 0px 30px 0px;}
#bulk1{ padding:60px 0px 30px 0px;}

}

@media screen and (min-width: 800px) and (max-width: 899px){
#hm-uniform{ padding: 60px 0px 30px 0px;}
#hm-about{ padding:60px 0px 30px 0px;}
.hm-cat1{ display: block; padding-bottom: 30px;}
.hm-cat1-lft{ width: 100%; text-align: center; padding: 0;}
.hm-cat1-lft h2{ font-size: 30px;}
.hm-cat1-rgt{ width: 100%; margin:0;}
.hm-cat2{ position: relative; width: 100%; top: auto; display: inline-block; padding-bottom: 30px;}
.hm-cat2-nm{ padding-top: 0;}
.hm-cat2-nm h2{ font-size: 30px;}
.hm-cat3{ position: relative; display: block; left: auto; top: 0;}
.hm-cat3-lft{ width: 100%;}
.hm-cat3-rgt{ text-align: center; padding: 0px;}
.hm-cat3-rgt h2{ font-size: 30px;}
#best-seller{ padding:60px 0px 30px 0px; background-size: cover;}
#hm-sports{ padding:60px 0px 30px 0px;}
.hm-sports-img{ padding-left: 0;}
.hm-sports-cnt{ position: relative; padding: 30px; width: 100%; top: 0; transform: translateY(0%); text-align: center;}

#about1{ padding:60px 0px 30px 0px;}
#about2{ padding:60px 0px 30px 0px;}
.about2-img{ padding-right: 0;}
.about2-cnt{ position: relative; padding: 30px; width: 100%; top: 0; transform: translateY(0%); text-align: center;}
#about3{ padding:60px 0px 30px 0px;}
#bulk1{ padding:60px 0px 30px 0px;}

}

@media screen and (min-width: 900px) and (max-width: 999px){
#hm-uniform{ padding: 60px 0px 30px 0px;}
#hm-about{ padding:60px 0px 30px 0px;}
.hm-cat1{ display: block; padding-bottom: 30px;}
.hm-cat1-lft{ width: 100%; text-align: center; padding: 0;}
.hm-cat1-lft h2{ font-size: 30px;}
.hm-cat1-rgt{ width: 100%; margin:0;}
.hm-cat2{ position: relative; width: 100%; top: auto; display: inline-block; padding-bottom: 30px;}
.hm-cat2-nm{ padding-top: 0;}
.hm-cat2-nm h2{ font-size: 30px;}
.hm-cat3{ position: relative; display: block; left: auto; top: 0;}
.hm-cat3-lft{ width: 100%;}
.hm-cat3-rgt{ text-align: center; padding: 0px;}
.hm-cat3-rgt h2{ font-size: 30px;}
#best-seller{ padding:60px 0px 30px 0px; background-size: cover;}
#hm-sports{ padding:60px 0px 30px 0px;}
.hm-sports-img{ padding-left: 0;}
.hm-sports-cnt{ position: relative; padding: 30px; width: 100%; top: 0; transform: translateY(0%); text-align: center;}

#about1{ padding:60px 0px 30px 0px;}
#about2{ padding:60px 0px 30px 0px;}
.about2-img{ padding-right: 0;}
.about2-cnt{ position: relative; padding: 30px; width: 100%; top: 0; transform: translateY(0%); text-align: center;}
#about3{ padding:60px 0px 30px 0px;}
#bulk1{ padding:60px 0px 30px 0px;}

}

@media screen and (min-width: 1000px) and (max-width: 1099px){
.hm-sports-cnt{ padding: 30px;}
.about2-cnt{ padding: 30px;}

}