/*
 Theme Name:   Woodmart Child
 Description:  Woodmart Child Theme
 Author:       XTemos
 Author URI:   http://xtemos.com
 Template:     woodmart
 Version:      1.0.0
 Text Domain:  woodmart
*/

header .whb-main-header .whb-general-header{background:none;}
header .whb-main-header a.woodmart-nav-link{color: #fff;font-size: 18px;transition: 0.3s;font-weight: normal; opacity:0.8px;}
header .whb-main-header a.woodmart-nav-link:hover{color:#fff;opacity:10px;}
header .whb-main-header .whb-col-right a.btn{font-size: 16px;line-height: 16px;font-weight: 700;transition: 0.3s;padding: 6px 8px 6px 20px;background: linear-gradient(90deg, #2E0797 0%, #726EFC 100%);
-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;color: transparent;text-decoration: none;}
header .whb-main-header .whb-col-right a.btn:hover{}
header .whb-main-header .whb-col-right .wd-btn-icon{margin-left: 3px;}
header .whb-main-header .whb-col-right .wd-btn-icon img{}
header .whb-main-header .whb-col-right .text-center:hover a.btn{background: rgb(255, 255, 255);background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;transition: 0.3s;}
header .whb-main-header .whb-col-right .text-center:hover:after{transform: scale(1);transition: 0.3s;}
header .whb-main-header .whb-col-right .text-center:after{position: absolute;content: "";left: 0;top: 0;height: 100%;width: 100%;z-index: -1;transform: scaleX(0);transition: 0.3s;
background: linear-gradient(90deg, #726EFC 0%, #2E0797 100%);}
header .whb-main-header .whb-col-right .text-center{background: #fff;display: inline-block;font-size: 16px;line-height: 16px;border-radius: 50px;transition: 0.3s;position: relative;z-index: 1;overflow: hidden;
padding: 0px;}

#hero_title .title-subtitle{border-radius: 50px;padding: 10px 14px;}


#hero_left .wd-button-wrapper a.btn{font-size: 16px;line-height: 16px;font-weight: 700;transition: 0.3s;padding: 6px 8px 6px 20px;background: linear-gradient(90deg, #2E0797 0%, #726EFC 100%);
-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;color: transparent;text-decoration: none;}
#hero_left .wd-button-wrapper a.btn:hover{}
#hero_left .wd-button-wrapper a.btn .wd-btn-icon{margin-left: 3px;}
#hero_left .wd-button-wrapper:hover a.btn{background: rgb(255, 255, 255);background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;transition: 0.3s;}
#hero_left .wd-button-wrapper:hover:after{transform: scale(1);transition: 0.3s;}
#hero_left .wd-button-wrapper:after{position: absolute;content: "";left: 0;top: 0;height: 100%;width: 100%;z-index: -1;transform: scaleX(0);transition: 0.3s;
background: linear-gradient(90deg, #726EFC 0%, #2E0797 100%);}
#hero_left .wd-button-wrapper{background: #fff;display: inline-block;font-size: 16px;line-height: 16px;border-radius: 50px;transition: 0.3s;position: relative;z-index: 1;overflow: hidden;
padding: 0px;}



#hero-right {position: relative;}
#hero-right::before {content: "";position: absolute;inset: 0;background: url("https://thekingstreet.ca/wp-content/uploads/2025/08/vl-fan.png") center/contain no-repeat;animation: vlspin 12s linear infinite;}
@keyframes vlspin {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}


/* Common bounce animation */
@keyframes vlbounce {
  0%, 100% {
    transform: translateY(0);
  }
  25% {
    transform: translateY(-15px);
  }
  50% {
    transform: translateY(0);
  }
  75% {
    transform: translateY(10px);
  }
}

#eff_img1 img {animation: vlbounce 3s linear infinite;}
#eff_img2 img {animation: vlbounce 3s linear infinite;}
#eff_img3 img {animation: vlbounce 3s linear infinite;}



#body_heading .title-subtitle {position: relative;display: inline-block;padding: 10px 20px;border-radius: 8px;background-image: linear-gradient(90deg, #2E0797 0%, #726EFC 100%);
-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;color: transparent; z-index: 1;}
#body_heading .title-subtitle::before {content: "";position: absolute;inset: 0;background-color: #2E07970D;border-radius: inherit;z-index: 0;pointer-events: none;}

#abt_txt .wd-text-block div{font-size: 48px;line-height: 48px;color: #fff;font-weight: 500;text-align: center;}
#abt_txt .wd-text-block div span{}
#abt_txt .wd-text-block p{font-size: 20px;line-height: 20px;color: #fff;text-align: center;}


#img_bx img{transition: 0.3s;}
#img_bx:hover img{transform: rotateY(180deg);transition: 0.3s;}
#img_bx:hover h3.elementor-image-box-title{color:#5745d4;}


#body_btn .wd-button-wrapper a.btn{font-size: 16px;line-height: 16px;font-weight: 700;transition: 0.3s;padding: 6px 8px 6px 20px;background: linear-gradient(90deg, #2E0797 0%, #726EFC 100%);
-webkit-background-clip: text;background-clip: text;color: #fff !important;text-decoration: none;}
#body_btn .wd-button-wrapper a.btn:hover{}
#body_btn .wd-button-wrapper a.btn .wd-btn-icon{margin-left: 3px;}
#body_btn .wd-button-wrapper:hover a.btn{background: rgb(255, 255, 255);background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;transition: 0.3s;}
#body_btn .wd-button-wrapper:hover:after{transform: scale(1);transition: 0.3s;}
#body_btn .wd-button-wrapper:after{position: absolute;content: "";left: 0;top: 0;height: 100%;width: 100%;z-index: -1;transform: scaleX(0);transition: 0.3s;
background: linear-gradient(90deg, #726EFC 0%, #2E0797 100%);}
#body_btn .wd-button-wrapper{background: linear-gradient(90deg, #2E0797 0%, #726EFC 100%);display: inline-block;font-size: 16px;line-height: 16px;border-radius: 50px;transition: 0.3s;position: relative;z-index: 1;overflow: hidden;padding: 0px;}

#serv_grid .elementor-widget-container{position:relative;overflow:hidden;z-index:1;}
#serv_grid .elementor-widget-container:after{content:"";position:absolute;left:0;top:0;height:100%;width:0;background:linear-gradient(90deg,#2E0797 0%,#726EFC 100%);z-index:-1;transition:width 0.5s ease;}
#serv_grid .elementor-widget-container:hover:after{width:100%;}
#serv_grid .elementor-widget-container .info-box-icon img{transition: 0.3s;}
#serv_grid .elementor-widget-container:hover .info-box-icon img{transform: rotateY(180deg);transition: 0.3s;}
#serv_grid .elementor-widget-container:hover h4.info-box-title{color:#fff;}
#serv_grid .elementor-widget-container:hover p{color:#edeaff;}


#case_caro .info-box-icon{position: relative;border-radius: 8px;}
#case_caro .info-box-icon:after{position: absolute;content: "";background: #1C1C25;height: 100%;width: 100%;z-index: 1;left: 0;top: 0;opacity: 0;visibility: hidden;transform: scale(0.2);
-webkit-transition: 0.3s;-moz-transition: 0.3s;-ms-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;}
#case_caro .info-box-icon:hover:after {opacity: 0.7;visibility: visible;transform: scale(1);-webkit-transition: 0.3s;-moz-transition: 0.3s;-ms-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;}
#case_caro .info-box-icon img{}
#case_caro .info-box-content{position: absolute;bottom: 25px;width: 100%;text-align: center;z-index: 1;}
#case_caro .info-box-content h4.info-box-title{background: #fff;padding: 20px;text-align: center;border-radius: 4px;font-size: 20px;line-height: 20px;width: 80%;margin: 0 auto;}
#case_caro .info-box-content .info-btn-wrapper{position: absolute;bottom: 161px;width: 100%;}
#case_caro .info-box-content .info-btn-wrapper a.btn{ background-image: url('https://thekingstreet.ca/wp-content/uploads/2025/08/read-btn.png');background-repeat: no-repeat;background-position: right center;
background-color: transparent;color: #fff;padding-right: 54px;line-height: 45px;}
#case_caro .wd-info-box .info-box-content .info-btn-wrapper {visibility: hidden;opacity: 0;transform: translateY(20px);transition: opacity 0.4s ease, transform 0.4s ease;}
#case_caro .wd-info-box:hover .info-box-content .info-btn-wrapper {visibility: visible;opacity: 1;transform: translateY(0);transition-delay: 0s;}
#case_caro .wd-info-box:hover .info-box-icon:after {opacity: 0.7;visibility: visible;transform: scale(1);transition: 0.3s;}

#case_caro .wd-btn-arrow .wd-arrow-inner {border-radius: 50px;font-weight: 700;font-size: 16px;line-height: 16px;padding: 6px 20px 6px 20px;color: #fff;
background: linear-gradient(90deg, rgb(216, 215, 246) 0%, rgb(207, 202, 233) 100%);background-size: 200% 100%;background-position: left center;
  -webkit-transition: background-position 0.3s ease, color 0.3s ease;
  -moz-transition: background-position 0.3s ease, color 0.3s ease;
  -ms-transition: background-position 0.3s ease, color 0.3s ease;
  -o-transition: background-position 0.3s ease, color 0.3s ease;
  transition: background-position 0.3s ease, color 0.3s ease;
}

#case_caro .wd-btn-arrow .wd-arrow-inner:hover {color: #fff;background: linear-gradient(90deg, #2E0797 0%, #726EFC 50%, #2E0797 100%);background-size: 200% 100%;background-position: right center;
   animation: none;
  -webkit-transition: background-position 0.3s ease, color 0.3s ease;
  -moz-transition: background-position 0.3s ease, color 0.3s ease;
  -ms-transition: background-position 0.3s ease, color 0.3s ease;
  -o-transition: background-position 0.3s ease, color 0.3s ease;
  transition: background-position 0.3s ease, color 0.3s ease;
}


#testimo_grid .testimonial-inner{border-radius: 8px;text-align: left;}
#testimo_grid .testimonial-inner .testimonial-avatar{}
#testimo_grid .testimonial-inner .testimonial-avatar img{}
#testimo_grid .testimonial-inner .testimonial-rating{}
#testimo_grid .testimonial-inner .testimonial-rating span{color: #5745D4;letter-spacing: 7px;}
#testimo_grid .testimonial-inner p{color: #111112;opacity: 0.8;font-size: 20px;line-height: 32px;font-weight: 600;}
#testimo_grid .testimonial-inner footer{}
#testimo_grid .testimonial-inner footer span{display: block;font-size: 14px;color: #5F6168;line-height: 25px;}




#hme_blg .article-body-container{border-radius: 0px 0px 8px 8px;text-align: left;}
#hme_blg .post-img-wrapp{border-radius: 8px 8px 0px 0px;}
#hme_blg .article-inner{box-shadow: 0px 4px 48px 0px rgba(0, 0, 0, 0.09);border-radius: 8px;}
#hme_blg .article-body-container h3.wd-entities-title{font-size: 20px;line-height: 20px;color: #111112;font-weight: 600;}
#hme_blg .article-body-container .entry-content{color: #5F6168;font-size: 18px;line-height: 26px;padding-top: 5px;padding-bottom: 5px;}
#hme_blg .article-body-container p.read-more-section{}
#hme_blg .article-body-container p.read-more-section a{} 




#hme_blg .article-body-container p.read-more-section {margin-top: 15px;}
#hme_blg .article-body-container p.read-more-section a {font-size: 16px;line-height: 16px;font-weight: 700;padding: 15px 25px 15px 25px;text-decoration: none;
background: linear-gradient(90deg, #2E0797 0%, #726EFC 100%);-webkit-background-clip: text;background-clip: text;color: #fff !important;display: inline-block;position: relative;z-index: 1;transition: 0.3s;}
#hme_blg .article-body-container p.read-more-section:hover a {background: rgb(255, 255, 255);-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;transition: 0.3s;}
#hme_blg .article-body-container p.read-more-section:hover:after {transform: scale(1);transition: 0.3s;}
#hme_blg .article-body-container p.read-more-section:after {position: absolute;content: "";left: 0;top: 0;height: 100%;width: 100%;z-index: -1;transform: scaleX(0);transition: 0.3s;
background: linear-gradient(90deg, #726EFC 0%, #2E0797 100%);border-radius: 50px;}
#hme_blg .article-body-container p.read-more-section {background: linear-gradient(90deg, #2E0797 0%, #726EFC 100%);display: inline-block;border-radius: 50px;position: relative;
z-index: 1;overflow: hidden;padding: 0;}



/* Email input style */
#subscribe_form input[type="email"] {padding: 10px 15px;font-size: 16px;border-radius: 50px;border: 1px solid #ccc; width: 100%;max-width: 300px;margin-right: 10px;outline: none;}
#subscribe_form .wd-button-wrapper {background: linear-gradient(90deg, #2E0797 0%, #726EFC 100%);display: inline-block;border-radius: 50px;transition: 0.3s;
position: relative;z-index: 1;overflow: hidden;padding: 0;float: right;}
#subscribe_form .wd-button-wrapper .btn {font-size: 16px;line-height: 16px;font-weight: 700;padding: 6px 8px 6px 20px;background: linear-gradient(90deg, #2E0797 0%, #726EFC 100%);
-webkit-background-clip: text;background-clip: text;color: #fff !important; text-decoration: none;border: none;cursor: pointer;display: inline-flex;align-items: center;gap: 6px;transition: 0.3s;}
#subscribe_form .wd-button-wrapper .btn .wd-btn-icon {width: 39px;height: auto;margin-left: 3px;}
#subscribe_form .wd-button-wrapper:hover .btn {background: rgb(255, 255, 255);-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;transition: 0.3s;}
#subscribe_form .wd-button-wrapper:after {position: absolute;content: "";left: 0;top: 0;height: 100%;width: 100%;z-index: -1;transform: scaleX(0);transition: 0.3s;
background: linear-gradient(90deg, #726EFC 0%, #2E0797 100%);}
#subscribe_form .wd-button-wrapper:hover:after {transform: scaleX(1);}



#subc_blk .hidden-fields-container{display:none;}
#subc_blk #subscribe_form{background: #fff;border-radius: 40px;padding: 3px;float: left;}
#subc_blk #subscribe_form p{margin: 0px;float: left;display: block;}
#subc_blk #subscribe_form p span{}
#subc_blk #subscribe_form input.wpcf7-email{float: left;border: 0px;color: #111112;font-size: 16px;}
#subc_blk .wpcf7-response-output{top: 25px;}
#subc_blk #subscribe_form p span.wpcf7-not-valid-tip{position: absolute;bottom: 36px;}




.wd-copyrights .wd-col-start{color: #5F6168;font-size: 16px;line-height: 26px;}
.wd-copyrights ul{list-style-type: none;}
.wd-copyrights ul li{list-style-type: none;display: inline-block;margin-left: 20px;}
.wd-copyrights ul li a{color: #5F6168;font-size: 16px;line-height: 26px;}
.wd-copyrights ul li:hover a{color:#4022b1;}





#testimo_grid .testimonial-inner footer:after {content: "";display: inline-block;width: 57px;height: 47px;margin-left: 8px;
background-image: url('https://thekingstreet.ca/wp-content/uploads/2025/08/testi_quote.jpg');background-size: contain;background-repeat: no-repeat;vertical-align: middle;position: absolute;
right: -18px;top: 0px;}
#testimo_grid .testimonial-inner footer{position: relative;}


@media only screen and (max-width: 767px) {
header .whb-main-header .container{background: none;}
header .whb-main-header .wd-tools-element .wd-tools-icon:before{font-size: 25px;color: #fff;}
#case_caro .info-box-content h4.info-box-title{font-size: 18px;line-height: 25px;}
#case_caro .wd-nav-pagin-wrap li.wd-active span{background:#5745d4; border-color:#5745d4;}
#hme_blg .article-body-container h3.wd-entities-title{font-size: 18px;line-height: 28px;}
#hme_blg .article-body-container .entry-content{font-size: 16px;line-height: 26px;}
#body_btn .wd-button-wrapper a.btn, 
#hero_left .wd-button-wrapper a.btn,
#hme_blg .article-body-container p.read-more-section a{font-size:14px;}
#subc_blk #subscribe_form{background:none;}
#subc_blk #subscribe_form input.wpcf7-email{font-size: 14px;background: #fff;margin-bottom: 10px;}
#subscribe_form .wd-button-wrapper{background: linear-gradient(90deg, #726EFC 0%, #2E0797 100%);float: left;width: 100%;text-align: center;}
#subc_blk #subscribe_form p{width: 100%;}
.wd-copyrights ul{padding:0px;}
.wd-copyrights ul li{margin: 0px 10px;}
#subscribe_form .wd-button-wrapper .btn{line-height:46px;}
}




header.whb-header {transition: all 0.4s ease;}
header.whb-header.header-sticky-show {background-color: #050C36;box-shadow: none;position: fixed;top: 0px;z-index: 9999;width: 100%;}
header.whb-header.header-sticky-show .container{margin-top: 0;background: none;}


header.whb-header{background: #2E0797;}
header .whb-main-header .container{background: none;margin-top: 0;}

body.page-id-8876 header.whb-header{background:none;}
body.page-id-8876 header .whb-main-header .container{border-radius: 8px;background: rgba(255, 255, 255, 0.1);backdrop-filter: blur(5px);margin-top: 20px;max-width: 1320px;}

body.page-id-8876 header.whb-header.header-sticky-show {background-color: #050C36;box-shadow: none;position: fixed;top: 0px;z-index: 9999;width: 100%;}
body.page-id-8876 header.whb-header.header-sticky-show .container{margin-top: 0;background: none;}




