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

html, body{ font-family: 'Manrope', sans-serif; letter-spacing:1px;}

#header:after{ position:absolute; content:""; left:0; bottom:-16px; background:url(images/ripped-1.png) bottom center no-repeat; height:16px; width:100%; background-size: cover;}
#header.babystreet-sticksy #logo{ max-height: 70px;}
#header.babystreet-sticksy #logo img{ max-height: 70px;}
#header.babystreet-sticksy #main-menu ul.menu{ max-height: 80px;}
#header.babystreet-sticksy #main-menu ul.menu > li > a{ height: 80px; line-height: 80px;}
 
#banner{ position:relative;}
#banner:after{ position:absolute; content:""; left:0; bottom:0px; background:url(images/ripped-3.png) bottom center no-repeat; height:16px; width:100%; background-size: cover; z-index:999;}

#hm-special{ padding:50px 0px 60px 0px; background-color:#efb443;}
#hm-special:after{ position:absolute; content:""; left:0; bottom:0px; background:url(images/ripped-2.png) bottom center no-repeat; height:16px; width:100%; background-size: cover;}

#hm-about{ position:relative; padding:90px 0px 50px 0px; background:url(images/about-bg-icon-1.png) right bottom no-repeat; background-size:initial;}
.hm-about-bx{ position:relative; padding-bottom: 60px;}
.hm-about-img1{ padding-left: 30px;}
.hm-about-img1 img{ border-radius:50%;}
.hm-about-img2{ position: absolute; bottom: -15px; left: 0;}
.hm-about-txt{ padding:0px 0px 0px 0px; width:100%; line-height:30px; margin:auto; font-family: 'Lobster Two', cursive;}
.hm-about-txt p{ line-height:30px; color: #49a760; font-family: 'Lobster Two', cursive; font-size: 20px; font-style: italic;}
.hm-about-more{ padding:0px 0px 0px 0px; }
.hm-about-more a{ display:inline-block; background-color:#efb443; color:#FFF; padding:16px 40px; font-size:15px; transition:all ease-in-out 0.3s; border-radius:6px;}
.hm-about-more a:hover{ text-decoration:none; color:#FFF; background-color:#49a760;}

#offerings{ padding:90px 0px 60px 0px; background-color:#f6f5f2;}
#offerings:before{ position:absolute; content:""; left:0; bottom:0; width:280px; height:500px; background:url(images/agriculture1.png) left bottom no-repeat;}
#offerings:after{ position:absolute; content:""; left:0; top:0px; background:url(images/ripped-1.png) top center no-repeat; height:16px; width:100%; background-size: cover;}
.offerings-txt{ text-align:center; margin:auto; width:51%; line-height:30px;}
.offerings-hd{ text-align:center; background-color:#FFF; padding: 15px; color: #255946; font-weight:600; font-size:18px;}
#offerings .wpb_single_image a.prettyphoto:before{ font-size: 15px; width: 30px; height: 30px; line-height: 30px; border: none;
 background-color: #000; box-shadow: 0 0 0 3px #000;}

#achieve{ position:relative; padding:90px 0px 90px 0px; background-color:#49a760;}
#achieve:before{ position:absolute; content:""; left:0; top:0px; background:url(images/ripped-4.png) top center no-repeat; height:16px; width:100%; background-size: cover;}
#achieve:after{ position:absolute; content:""; left:0; bottom:0px; background:url(images/ripped-2.png) bottom center no-repeat; height:16px; width:100%; background-size: cover;}
.babystreet-counter-shortcode .babystreet-counter{ position:relative;}
.babystreet-counter-shortcode .babystreet-counter:after{ position:absolute; content:"+"; font-size: 21px; bottom: 15px; padding-left: 5px;}

#gallery{ position:relative; padding:90px 0px 60px 0px;}
#gallery:before{ position:absolute; content:""; right:0; bottom:0; width:330px; height:230px; background:url(images/agriculture2.png) right bottom no-repeat;}

#sub-banner{ position:relative;}
#sub-banner:after{ position:absolute; content:""; left:0; bottom:0px; background:url(images/ripped-2.png) bottom center no-repeat; height:16px; width:100%; background-size: cover;}

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

#about1{ padding:90px 0px 90px 0px;}
.about1-txt{ line-height: 1.7em;}
.about1-txt ul{ list-style:none; margin:0; padding:0;}
.about1-txt li{ list-style:none; margin:0; padding:0px 0px 0px 30px; line-height: 1.7em; position:relative;}
.about1-txt li:before{ position: absolute; content: ""; left: 0; top: 7px; width: 25px; height: 25px; background:url(images/list-icon2.png) no-repeat; background-size: 18px;}
.about1-bx{ background: #49a760; padding:20px; border-radius:6px; min-height: 130px;}
.about1-bx p{ margin:0px 0px 10px 0px; color: #efb443; font-weight: bold;}
.about1-bx h6{ font-size:15px; color: #fff;}

#brands1{ padding:90px 0px 50px 0px; background-color: #f6f5f2;}
#brands1:before{ position:absolute; content:""; left:0; bottom:0; width:280px; height:500px; background:url(images/agriculture1.png) left bottom no-repeat;}
#brands1 .wpb_single_image a.prettyphoto:before{ font-size: 15px; width: 30px; height: 30px; line-height: 30px; border: none;
 background-color: #000; box-shadow: 0 0 0 3px #000;}

.page-id-16 #sub-banner:after{ position:absolute; content:""; left:0; bottom:0px; background:url(images/ripped-6.png) bottom center no-repeat; height:16px; width:100%; background-size: cover;}
.page-id-16 #footer:before{ position:absolute; content:""; left:0; top:0px; background:url(images/ripped-4.png) top center no-repeat; height:16px; width:100%; background-size: cover;}


.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;}

.grecaptcha-badge{ right: -300px !important;}
#footer{ border-top:0px !important; background:url(images/footer.jpg) center center no-repeat; background-size:cover;}
#footer:before{ position:absolute; content:""; left:0; top:0px; background:url(images/ripped-1.png) top center no-repeat; height:16px; width:100%; background-size: cover;}
#footer > .inner{ padding-top:80px; padding-bottom:20px;}

#block-7{ width: 18%;}
.ftr-lg{ margin-bottom:30px;}
.ftr-lg img{ width:100%; max-width:200px;}

#block-8{ width: 23%;}
.ftr-lnks{}
.ftr-lnks h3{ font-size: 25px; font-weight: bold; color: #efb443; margin-bottom: 30px;}
.ftr-lnks ul{ list-style:none; margin:0; padding:0px;}
.ftr-lnks li{ list-style:none; margin:0px 0px 6px 0px; padding:0px; display:inline-block; width:49%;}
.ftr-lnks li a{ display:inline-block; line-height:20px; transition:all ease-in 0.3s; color:#FFF;}
.ftr-lnks li a:hover{ text-decoration:none; color:#efb443; padding-left:5px;}
.ftr-scl{ padding-top:30px;}
.ftr-scl h3{ font-size: 25px; font-weight: bold; color: #efb443; margin-bottom: 30px;}
.ftr-scl a{ display:block; margin-bottom:15px;}

#block-9{ width: 31%;}
.ftr-contact{}
.ftr-contact h3{ font-size: 25px; font-weight: bold; color: #efb443; 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:0px; width: 26px;}

#block-10{ width: 22%;}

#powered{ position:relative;}
#powered:before{ position:absolute; content:""; left:0; top:-15px; background:url(images/ripped-5.png) top center no-repeat; height:16px; width:100%; background-size: cover;}
#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){
#hm-about{ padding: 30px 0px 30px 0px;}
.hm-about-bx{ padding-bottom: 0px;}
.hm-about-img1{ padding-left: 0px;}
.hm-about-img2{ position: relative; bottom: 0;}
.offerings-txt{ width: 100%;}
#about1{ padding: 30px 0px 30px 0px;}
.contact-frm{ width: 100%;}

}

@media screen and (min-width: 400px) and (max-width: 499px){
#hm-about{ padding: 30px 0px 30px 0px;}
.hm-about-bx{ padding-bottom: 0px;}
.hm-about-img1{ padding-left: 0px;}
.hm-about-img2{ position: relative; bottom: 0;}
.offerings-txt{ width: 100%;}
#about1{ padding: 30px 0px 30px 0px;}
.contact-frm{ width: 100%;}

}

@media screen and (min-width: 500px) and (max-width: 599px){
#hm-about{ padding: 30px 0px 30px 0px;}
.hm-about-bx{ padding-bottom: 0px;}
.hm-about-img1{ padding-left: 0px;}
.hm-about-img2{ position: relative; bottom: 0;}
.offerings-txt{ width: 100%;}
#about1{ padding: 30px 0px 30px 0px;}
.contact-frm{ width: 100%;}

}

@media screen and (min-width: 600px) and (max-width: 699px){
#hm-about{ padding: 30px 0px 30px 0px;}
.hm-about-bx{ padding-bottom: 0px;}
.hm-about-img1{ padding-left: 0px;}
.hm-about-img2{ position: relative; bottom: 0;}
.offerings-txt{ width: 100%;}
#about1{ padding: 30px 0px 30px 0px;}
.contact-frm{ width: 100%;}

}

@media screen and (min-width: 700px) and (max-width: 767px){
#hm-about{ padding: 30px 0px 30px 0px;}
.hm-about-bx{ padding-bottom: 0px;}
.hm-about-img1{ padding-left: 0px;}
.hm-about-img2{ position: relative; bottom: 0;}
.offerings-txt{ width: 100%;}
#about1{ padding: 30px 0px 30px 0px;}
.contact-frm{ width: 100%;}

}






@media screen and (min-width: 1000px) and (max-width: 1099px){
.offerings-txt{ width:66%;}
#offerings:before{ right:0; left: auto; background-size: 210px;}
#gallery:before{ background-size: 250px;}


}

@media screen and (min-width: 1100px) and (max-width: 1199px){
#offerings:before{ right:0; left: auto; background-size: 210px;}
#gallery:before{ background-size: 230px;}


}

@media screen and (min-width: 1200px) and (max-width: 1299px){
#offerings:before{ right:0; left: auto; background-size: 240px;}
#gallery:before{ background-size: 180px;}


}

@media screen and (min-width: 1300px) and (max-width: 1399px){
#offerings:before{ right:0; left: auto; background-size: 260px;}
#gallery:before{ background-size: 210px;}


}