/*
Theme Name: Maple Square 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: "Poppins", sans-serif; font-weight: 300;}

.tp-phn{ float:right; padding: 15px 10px; height: 80px;}
.tp-phn a{ display:inline-block; height: 50px; background-color: #dfb31a; border-radius: 50%;}
.tp-phn a img{ -webkit-filter: grayscale(0) invert(0); filter: grayscale(0) invert(0);}

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

#hm-about{ padding:90px 0px 60px 0px;}
.pg-hd{ text-align:left;}
.pg-hd h1{ text-transform: uppercase;}
.pg-hd h2{ text-transform: uppercase;}
.pg-hd h4{ text-transform: uppercase;}
.hm-about-txt{ text-align: left;}
.hm-about-txt ul{ list-style: none; margin: 0; padding: 0;}
.hm-about-txt li{ list-style: none; margin: 0; padding: 0; display: inline-block; width: 24%; text-align: left;}
.hm-about-txt li img{}
.hm-about-txt li h6{ color: #111; font-weight: normal;}
.pg-btn{ text-align:left;}
.pg-btn a{ display: inline-block; background-color: #1d1912; color: #FFF; text-align:center; text-transform: uppercase; font-size: 14px; 
 padding: 15px 40px 14px 40px; border-radius: 6px;}
.pg-btn a:hover{ text-decoration:none;}

#hm-selling{ padding:90px 0px 60px 0px; background-color: #F9F9F9;}
#hm-selling:before{ position: absolute; content: ""; left: 0; top: 0; width: 100%; height: 100%; 
 background: url("images/selling-back.jpg") center center; opacity: 0.04; background-size: 80% auto;}
.pg-hd2{ text-align:center;}
.pg-hd2 h2{ text-transform: uppercase;}
.hm-selling-bx{ background-color: #FFF; padding: 30px 30px; box-shadow: 0px 4px 20px #00000006; border-radius: 6px; min-height: 300px; transition: all 0.5s ease;}
.hm-selling-bx .hm-selling-img img{}
.hm-selling-bx h5{ color: #1d1912; font-weight: normal;}
.hm-selling-bx p{ opacity: 0.7;}
.hm-selling-bx:hover{ background-color: #1d1912;}
.hm-selling-bx:hover .hm-selling-img img{ -webkit-filter: grayscale(1) invert(1); filter: grayscale(1) invert(1);}
.hm-selling-bx:hover h5{ color: #FFF;}
.hm-selling-bx:hover p{ color: #FFF;}

#hm-work{ padding:90px 0px 60px 0px;}
.pg-img{ text-align: center;}
.pg-img img{ border-radius: 6px;}
textarea.wpcf7-form-control.wpcf7-textarea.fld2{ height: 150px;}

#hm-testi{ padding:90px 0px 90px 0px; background-color: #F9F9F9;}
#hm-testi:before{ position: absolute; content: ""; left: 0; top: 0; width: 100%; height: 100%; 
 background: url("images/selling-back.jpg") center center; opacity: 0.04; background-size: 80% auto;}
.hm-testi-bx{ text-align: center; margin: auto; width: 65%; position:relative;}
.hm-testi-bx:before{ position:absolute; content:""; top:0; left:-100px; width:80px; height:80px; background: url("https://maplesquare.au/wp-content/uploads/2025/08/quote.png") center center;
 background-size:80px;}
.hm-testi-txt{}
.hm-testi-nm{ padding-top: 15px;}
.hm-testi-nm h6{ color: #dfb31a !important;}
.hm-testi-nm p{ font-size: 14px; margin:0px;}

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

#about2{ padding:90px 0px 90px 0px; background-color: #F9F9F9;}
#about2:before{ position: absolute; content: ""; left: 0; top: 0; width: 100%; height: 100%; 
 background: url("images/selling-back.jpg") center center; opacity: 0.04; background-size: 80% auto;}
.about2-bx{ background-color: #FFF; text-align: center; padding: 30px 25px; box-shadow: 0px 4px 20px #00000006; border-radius: 6px; min-height: 300px;}
.about2-bx img{}
.about2-bx h6{ font-weight: normal; padding-bottom: 10px; color:#1d1912;}
.about2-bx p{ opacity: 0.7; margin: 0px;}

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

.service-bx1{ border:1px solid #F0F0F0; padding:30px 15px; position:relative;}
.service-img{ position:relative;}
.service-img img{ margin-bottom: -6px !important;}
.service-img:before{ position:absolute; content: "" !important; left: -30px; top: -30px; width: 36px; height: 36px; border-left: 4px solid #dfb31a; border-top: 4px solid #dfb31a; 
 transition: all 0.4s ease-in;}
.service-img:after{ position:absolute; content: "" !important; left: -30px; bottom: -30px; width: 36px; height: 36px; border-left: 4px solid #dfb31a; border-bottom: 4px solid #dfb31a;
 transition: all 0.4s ease-in;}
.service-bx1:hover .service-img:before{ left: 0px; top: 0px;}
.service-bx1:hover .service-img:after{ left: 0px; bottom: 0px;}

.service-img2{ position:relative; transition: all 0.4s ease-in;}
.service-img2 img{ margin-bottom: -6px !important;}
.service-img2:before{ position:absolute; content: "" !important; right: -30px; top: -30px; width: 36px; height: 36px; border-right: 4px solid #dfb31a; border-top: 4px solid #dfb31a; 
 transition: all 0.4s ease-in;}
.service-img2:after{ position:absolute; content: "" !important; right: -30px; bottom: -30px; width: 36px; height: 36px; border-right: 4px solid #dfb31a; border-bottom: 4px solid #dfb31a;
 transition: all 0.4s ease-in;}
.service-bx1:hover .service-img2:before{ right: 0px; top: 0px;}
.service-bx1:hover .service-img2:after{ right: 0px; bottom: 0px;}

.project-bx{ text-align:center; transition: all 0.4s ease-in;}
.project-bx h6{ text-align:center; padding:10px 0px; color:#1d1912;}
.project-img{ position:relative;}
.project-img img{ margin-bottom: -6px !important;}
.project-img:before{ position:absolute; content: "" !important; left: 0px; top: 0px; width: 36px; height: 36px; border-left: 4px solid #dfb31a; border-top: 4px solid #dfb31a; 
 transition: all 0.4s ease-in;}
.project-img:after{ position:absolute; content: "" !important; right: 0px; bottom: 0px; width: 36px; height: 36px; border-right: 4px solid #dfb31a; border-bottom: 4px solid #dfb31a;
 transition: all 0.4s ease-in;}
.project-bx:hover .project-img:before{ top: auto; bottom: 0px; border-left: 4px solid #dfb31a; border-bottom: 4px solid #dfb31a; border-top: 4px solid transparent;}
.project-bx:hover .project-img:after{ bottom: auto; top: 0px; border-right: 4px solid #dfb31a; border-top: 4px solid #dfb31a; border-bottom: 4px solid transparent;}
.project-bx:hover h6{ color: #dfb31a !important;}

.contact-bx{ background-color: #FFF; padding: 30px 30px; box-shadow: 0px 4px 20px #00000006; border-radius: 6px; max-width: 300px; margin:auto; text-align:center; 
 transition: all 0.5s ease; min-height: 170px;}

#qlwapp .qlwapp-toggle{ margin-bottom: 60px !important;}
.wpcf7 form .wpcf7-response-output{ border: 0px solid #00a0d2 !important;}

input.wpcf7-form-control.wpcf7-submit.fld-btn{ background-color:#1d1912 !important;}
input.wpcf7-form-control.wpcf7-submit.fld-btn:hover{ background-color:#dfb31a !important;}
.vc_custom_heading.vc_gitem-post-data.vc_gitem-post-data-source-post_title h5 a{ color:#1d1912;}
.vc_grid-item.vc_clearfix.vc_col-sm-4.vc_grid-item-zone-c-bottom.vc_visible-item.fadeIn:hover .vc_custom_heading.vc_gitem-post-data.vc_gitem-post-data-source-post_title h5 a{ color:#dfb31a;}
#about1 .vc_gitem-zone-img{ visibility: initial;}

.grecaptcha-badge{ right: -300px !important;}
#footer{ border-top:0px !important;}
#footer > .inner{ padding-top:60px; padding-bottom:0px;}
#block-5{ width: 48%;}
.ftr-lg{}
.ftr-lg img{ }
.ftr-lg p{ font-size:14px; line-height:26px; width:90%;}
.ftr-scl{ padding-top:24px;}
.ftr-scl a{ display:inline-block; width: 36px; height:36px; line-height:36px; background-color: #FFF; text-align:center; margin-right:15px; border-radius: 50%;}
.ftr-scl a i{color: #1d1912;}
.ftr-scl a:hover{ background-color: #dfb31a;}
#nav_menu-2{ width: 20%;}
#block-6{ width: 24%;}
.ftr-contact{}
.ftr-contact h3{ font-size: 24px; font-weight: 600; 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:15px; line-height:30px; color:#FFF;}
.ftr-contact li img{ position:absolute; left:0; top:1px; width: 30px;}

#powered{ position:relative;}
#powered .author_credits{ float:left; width:100%; text-align:center; padding:10px 0px; font-size:13px;}
#powered .author_company{ float:right; text-align:right; display: none;}
#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; border-top:1px solid #333333;}

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: 60px 0px 30px 0px;}
.hm-about-txt li{ width:48%;}
.hm-about-txt li h6{ font-size:16px;}
#hm-selling{ padding: 60px 0px 30px 0px;}
.hm-selling-bx{ padding: 20px 20px;}
#hm-work{ padding: 60px 0px 30px 0px;}
#hm-testi{ padding: 60px 0px 30px 0px;}
.hm-testi-bx{ width:100%;}
#about1{ padding: 30px 0px 30px 0px;}
#about2{ padding: 60px 0px 30px 0px;}
#about3{ padding: 60px 0px 30px 0px;}
.pg-hd h1{ font-size:24px !important;}
.pg-hd h2{ font-size:20px !important;}
.pg-hd2 h1{ font-size:24px !important;}
.pg-hd2 h2{ font-size:20px !important;}
.service-bx1{ padding: 15px 0px;}
.service-img:before{ display:none;}
.service-img:after{ display:none;}
.service-img2:before{ display:none;}
.service-img2:after{ display:none;}

}

@media screen and (min-width: 400px) and (max-width: 499px){

#hm-about{ padding: 60px 0px 30px 0px;}
.hm-about-txt li{ width:48%;}
.hm-about-txt li h6{ font-size:16px;}
#hm-selling{ padding: 60px 0px 30px 0px;}
.hm-selling-bx{ padding: 20px 20px;}
#hm-work{ padding: 60px 0px 30px 0px;}
#hm-testi{ padding: 60px 0px 30px 0px;}
.hm-testi-bx{ width:100%;}
#about1{ padding: 30px 0px 30px 0px;}
#about2{ padding: 60px 0px 30px 0px;}
#about3{ padding: 60px 0px 30px 0px;}
.pg-hd h1{ font-size:24px !important;}
.pg-hd h2{ font-size:20px !important;}
.pg-hd2 h1{ font-size:24px !important;}
.pg-hd2 h2{ font-size:20px !important;}
.service-bx1{ padding: 15px 0px;}
.service-img:before{ display:none;}
.service-img:after{ display:none;}
.service-img2:before{ display:none;}
.service-img2:after{ display:none;}

}

@media screen and (min-width: 500px) and (max-width: 599px){
#hm-about{ padding: 60px 0px 30px 0px;}
.hm-about-txt li{ width:48%;}
.hm-about-txt li h6{ font-size:16px;}
#hm-selling{ padding: 60px 0px 30px 0px;}
.hm-selling-bx{ padding: 20px 20px;}
#hm-work{ padding: 60px 0px 30px 0px;}
#hm-testi{ padding: 60px 0px 30px 0px;}
.hm-testi-bx{ width:100%;}
#about1{ padding: 30px 0px 30px 0px;}
#about2{ padding: 60px 0px 30px 0px;}
#about3{ padding: 60px 0px 30px 0px;}
.pg-hd h1{ font-size:24px !important;}
.pg-hd h2{ font-size:20px !important;}
.pg-hd2 h1{ font-size:24px !important;}
.pg-hd2 h2{ font-size:20px !important;}
.service-bx1{ padding: 15px 0px;}
.service-img:before{ display:none;}
.service-img:after{ display:none;}
.service-img2:before{ display:none;}
.service-img2:after{ display:none;}

}

@media screen and (min-width: 600px) and (max-width: 699px){
#hm-about{ padding: 60px 0px 30px 0px;}
.hm-about-txt li{ width:48%;}
.hm-about-txt li h6{ font-size:16px;}
#hm-selling{ padding: 60px 0px 30px 0px;}
.hm-selling-bx{ padding: 20px 20px;}
#hm-work{ padding: 60px 0px 30px 0px;}
#hm-testi{ padding: 60px 0px 30px 0px;}
.hm-testi-bx{ width:100%;}
#about1{ padding: 60px 0px 30px 0px;}
#about2{ padding: 60px 0px 30px 0px;}
#about3{ padding: 60px 0px 30px 0px;}
.service-bx1{ padding: 15px 0px;}
.service-img:before{ display:none;}
.service-img:after{ display:none;}
.service-img2:before{ display:none;}
.service-img2:after{ display:none;}

}

@media screen and (min-width: 700px) and (max-width: 767px){
#hm-about{ padding: 60px 0px 30px 0px;}
.hm-about-txt li{ width:48%;}
#hm-selling{ padding: 60px 0px 30px 0px;}
.hm-selling-bx{ padding: 20px 20px;}
#hm-work{ padding: 60px 0px 30px 0px;}
#hm-testi{ padding: 60px 0px 30px 0px;}
.hm-testi-bx{ width:100%;}
#about1{ padding: 60px 0px 30px 0px;}
#about2{ padding: 60px 0px 30px 0px;}
#about3{ padding: 60px 0px 30px 0px;}
.service-bx1{ padding: 15px 0px;}
.service-img:before{ display:none;}
.service-img:after{ display:none;}
.service-img2:before{ display:none;}
.service-img2:after{ display:none;}

}

@media screen and (min-width: 768px) and (max-width: 799px){
#hm-about{ padding: 60px 0px 30px 0px;}
.hm-about-txt li h6{ font-size:16px;}
#hm-selling{ padding: 60px 0px 30px 0px;}
#hm-work{ padding: 60px 0px 30px 0px;}
#hm-testi{ padding: 60px 0px 30px 0px;}
.hm-testi-bx{ width:100%;}
#about1{ padding: 60px 0px 30px 0px;}
#about2{ padding: 60px 0px 30px 0px;}
#about3{ padding: 60px 0px 30px 0px;}

}

@media screen and (min-width: 800px) and (max-width: 899px){
#hm-about{ padding: 60px 0px 30px 0px;}
.hm-about-txt li h6{ font-size:16px;}
#hm-selling{ padding: 60px 0px 30px 0px;}
#hm-work{ padding: 60px 0px 30px 0px;}
#hm-testi{ padding: 60px 0px 30px 0px;}
.hm-testi-bx{ width:100%;}
#about1{ padding: 60px 0px 30px 0px;}
#about2{ padding: 60px 0px 30px 0px;}
#about3{ padding: 60px 0px 30px 0px;}

}

@media screen and (min-width: 900px) and (max-width: 999px){
#hm-about{ padding: 60px 0px 30px 0px;}
.hm-about-txt li h6{ font-size:16px;}
#hm-selling{ padding: 60px 0px 30px 0px;}
#hm-work{ padding: 60px 0px 30px 0px;}
#hm-testi{ padding: 60px 0px 30px 0px;}
.hm-testi-bx{ width:100%;}
#about1{ padding: 60px 0px 30px 0px;}
#about2{ padding: 60px 0px 30px 0px;}
#about3{ padding: 60px 0px 30px 0px;}

}

@media screen and (min-width: 1000px) and (max-width: 1099px){
#hm-about{ padding: 60px 0px 30px 0px;}
.pg-hd h2{ font-size: 24px;}
.pg-hd2 h2{ font-size: 24px;}
.pg-hd p{ font-size:14px;}
.hm-about-txt li h6{ font-size:16px;}
#hm-selling{ padding: 60px 0px 30px 0px;}
#hm-work{ padding: 60px 0px 30px 0px;}
#hm-testi{ padding: 60px 0px 30px 0px;}
.hm-testi-bx{ width:80%;}
#about1{ padding: 60px 0px 30px 0px;}
#about2{ padding: 60px 0px 30px 0px;}
#about3{ padding: 60px 0px 30px 0px;}
.pg-hd h1{ font-size:36px;}
.pg-hd2 h1{ font-size:36px;}

}

@media screen and (min-width: 1100px) and (max-width: 1199px){
#hm-about{ padding: 60px 0px 30px 0px;}
.pg-hd h2{ font-size: 24px;}
.pg-hd2 h2{ font-size: 24px;}
.pg-hd p{ font-size:14px;}
.hm-about-txt li h6{ font-size:16px;}
#hm-selling{ padding: 60px 0px 30px 0px;}
#hm-work{ padding: 60px 0px 30px 0px;}
#hm-testi{ padding: 60px 0px 30px 0px;}
.hm-testi-bx{ width:80%;}
#about1{ padding: 60px 0px 30px 0px;}
#about2{ padding: 60px 0px 30px 0px;}
#about3{ padding: 60px 0px 30px 0px;}
.pg-hd h1{ font-size:36px;}
.pg-hd2 h1{ font-size:36px;}

}

@media screen and (min-width: 1200px) and (max-width: 1299px){
#hm-about{ padding: 60px 0px 30px 0px;}
.pg-hd h2{ font-size: 24px;}
.pg-hd2 h2{ font-size: 24px;}
.pg-hd p{ font-size:14px;}
.hm-about-txt li h6{ font-size:16px;}
#hm-selling{ padding: 60px 0px 30px 0px;}
#hm-work{ padding: 60px 0px 30px 0px;}
#hm-testi{ padding: 60px 0px 30px 0px;}
.hm-testi-bx{ width:80%;}
#about1{ padding: 60px 0px 30px 0px;}
#about2{ padding: 60px 0px 30px 0px;}
#about3{ padding: 60px 0px 30px 0px;}
.pg-hd h1{ font-size:36px;}
.pg-hd2 h1{ font-size:36px;}

}