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


.main-page-wrapper {
    margin-top: -40px;
    padding-top: 0;
    min-height: 50vh;
    background-color: var(--wd-main-bgcolor);
}

.site-logo img {
    position: absolute;
    left: 20px;
    top: 0;
    width: 260px;
    object-fit: cover;
}



.page-title.page-title-default:before {
    content: '';
    position: absolute;
    background: #000;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0.5;
}

.searchform[class*="wd-style-with-bg"] .searchsubmit {
    color: #fff;
    background-color: #42425a;
    border: 2px solid #fff;
}

.wd-prefooter {
    padding-bottom: 0 !important;
    background-color: var(--wd-main-bgcolor);
}
.searchform input {
    min-width: 200px !important;
}

.site-content {
    margin-bottom: 0 !important;
}

.menu-footer-menu-container {
    text-align: center;
}

.menu-footer-menu-container ul#menu-footer-menu {
    display: inline;
    text-align: center;
}

.menu-footer-menu-container ul#menu-footer-menu li {
    display: inline;
    padding: 0 10px;
    font-size: 18px;
}

.footr-hori-menu {
    margin: 0;
}





.arr-btn {
    background-color: #5ca1e1;
    border: none;
    color: #fff;
    padding: 16px;
    width: 200px;
    transition: all 0.5s;
    box-shadow: 0 10px 20px -8px rgba(0, 0, 0, .7);
}

.arr-btn:after {
    content: '»';
    position: absolute;
    opacity: 0;
    top: 0;
    right: -20px;
    transition: 0.5s;
    font-size: 40px;
}

.arr-btn:hover{
  padding-right: 24px;
  padding-left:8px;
}

.arr-btn:hover:after {
  opacity: 1;
  right: 10px;
}

.btn.btn-color-default {
    background-color: #46465e;
    color: #fff;
}


/* .blog-design-masonry.blog-style-bg :is(.post-img-wrapp,.entry-thumbnail img) {
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
} */

.btn.btn-color-default:hover {
    color: #fff;
    box-shadow: inset 0 0 200px rgba(0, 0, 0, 0.1);
}

.btn-style-bordered.btn-color-primary:hover {
    color: #000;
    background-color: #fff;
}

.btn-style-bordered.btn-color-primary {
    color: #fff;
    background-color: transparent;
	 border: 1px solid #fff;
}

.btn-color-primary.arr-btn {
    padding: 16px;
    border: 2px solid #fff;
    width: 200px;
    transition: all 0.5s;
    box-shadow: 0 10px 20px -8px rgba(0, 0, 0, .7);
}


.arrt-btn .btn-color-primary{
	 padding: 10px 15px;
    border: 2px solid #fff;
    transition: all 0.5s;
    box-shadow: none !important;
/* 	top: 20px; */
	width: auto;
	position: relative;
}
 
.arrt-btn .btn-color-primary:after {
  content: '»';
  position: absolute;
  opacity: 0;  
  top: 0;
  font-size: 30px;
  right: -20px;
  transition: 0.5s;
}

.arrt-btn .btn-color-primary:hover{
  padding-right: 40px;
  padding-left: 20px;
}

.arrt-btn .btn-color-primary:hover:after {
  opacity: 1;
  right: 10px;
}

.menu-footer-menu-container ul#menu-footer-menu li a:hover {
    color: #fff;
}

.sld-text {
    background: #46465ee0;
    padding: 15px 0;
}

.LST-SEC .info-box-content {
    background: #3a3a3a;
    padding: 20px 15px;
    position: relative;
    top: -15px;
	height: 170px;
}

.explore-dug .vc_column-inner {
    background: #46465e;
    border: 2px solid #bfbec7;
    border-radius: 20px;
    padding: 20px;
    height: 400px;
}

.explore-dug .vc_icon_element-inner {
    background: aliceblue;
    border-radius: 50px;
}

.call-s .info-box-content {
    background: #46465e;
    padding: 25px 0;
    width: 70%;
    margin: 0 auto;
}

.METAL-ROOF .info-box-content {
    background: #46465e;
    padding: 30px 0;
    width: 100%;
    margin: 0 auto;
}

.shades .info-box-wrapper:hover{
    background: #46465e;
	height: 100%;
/*     padding: 20px 0; */
}

.shades .info-box-wrapper:hover .info-box-title{
	 color: #fff;
}

.wd-sub-menu li>a:hover {
    color: #46465e;
}

input#gform_submit_button_1 {
    background-color: #46465e;
    border: none;
    color: #fff;
    padding: 16px;
    width: 200px;
    transition: all 0.5s;
    box-shadow: 0 10px 20px -8px rgba(0, 0, 0, .7);
    margin: 0 auto;
}

.gform_wrapper.gravity-theme .gfield_label {
    display: inline-block;
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 0;
    padding: 0;
    font-family: 'Bebas Neue';
}

input#gform_submit_button_2 {
    background-color: #46465e;
    border: none;
    color: #fff;
    padding: 16px;
    width: 200px;
    transition: all 0.5s;
    box-shadow: 0 10px 20px -8px rgba(0, 0, 0, .7);
    margin: 0 auto;
}

.Vision-box .info-box-title {
    text-align: center;
}
.vision-row {
    display: flex;
    align-items: center;
}

.page-title.page-title-default {
    margin-bottom: 0 !important;
    padding: 50px 0;
}

.info-crousal img {
    width: 250px;
}

.info-crousal .info-box-title {
    color: #fff;
}
.trim-row{
	display:flex;	
	align-items:center;
}

.delivery-rows{
	display:flex;	
	align-items:center;
	
}
.Delivery-FAq-row .wd-accordion-item {
    background: #f4f4f4;
    margin-bottom: 10px;
    padding: 0 20px;
}
.ultra-box .btn-color-primary {
    border: 2px solid #46465e;
    color: #000;
}

.pbr-row{
		display:flex;	
	align-items:center;
}

.lok-row{
			display:flex;	
	align-items:center;
}


.cus-roof{
				display:flex;	
	align-items:center;
}
.brochres-img img{
    object-fit: cover;
    height: 250px;
}
.manual-btn.btn-color-primary.arr-btn {
    border: 2px solid #46465e;
    width: 50%;
    color: #46465e;
}

.pbr-content{
    border-bottom: 2px solid #000;
    padding-bottom: 50px;
}
.warranty-row .wpb_single_image.vc_align_center {
    margin-bottom: 0;
}
.warranty-btn.btn-color-primary.arr-btn {
    width: 300px;
}
.warranty-sec {
    background-attachment: fixed;
}
.blog-design-masonry.wd-add-shadow .article-inner {
    border: 5px solid #46465e;
    border-radius: 25px;
}

.wd-post.blog-style-bg .article-body-container {
    background-color: transparent !important;
}
.blog-design-masonry {
    border: 5px solid #46465e ;
    border-radius: 25px;
    padding: 15px 10px;
}
.contract-btn.arrt-btn .btn-color-primary {
    padding: 10px 15px;
    border: 2px solid #000;
    transition: all 0.5s;
    box-shadow: none !important;
    width: auto;
    position: relative;
    color: #000 !important;
    font-size: 12px;
}
.wd-side-hidden {
    background-color: #46465e !important;
}
.wd-side-hidden .wd-nav-mobile>li>a {
    color: #fff;
}
.wd-side-hidden .wd-nav-opener {
    color: #fff;
}
.wd-side-hidden .wd-nav-mobile li.opener-page>a {
    background-color: #46465e ;
}
.wd-side-hidden .wd-sub-menu li>a{
    color: #fff;
}
.mobile-nav .wd-nav-opener.wd-active {
    background-color: #fff !important;
    color: #46465e !important;
}


/* RESPONSIVE */

@media (max-width:1600px) { }

@media (max-width:1399px) { 
    
    
  .info-box-title {
    line-height: 50px;
    font-size: 45px;
}  
    
      .our-info {
        text-align: center;
    }
  
    .main-heading .info-box-title {
    font-size: 55px !important;
}
 .exploring .info-box-title {
    font-size: 30px !important;
    line-height: 35px !important;
}   
  
 .METAL-ROOF .info-box-title {
    font-size: 45px !important;
} 
    
 .sld-text .info-box-title {
    font-size: 50px !important;
}   

        .site-logo img {
    width: 220px;
    object-fit: cover;
    position:relative;
}
   
  .our-info .info-box-title {
    font-size: 50px !important;
}  
        .wd-header-nav .wd-nav {
    --nav-gap: 20px;
    display: inline-flex !important;
    flex-wrap: nowrap !important;
    justify-content: var(--text-align);
    text-align: left;
    gap: 1px var(--nav-gap);
    flex-direction: row;
}
    
    .page-title .title {
    font-size: 50px !important;
}
    
    
}

@media (max-width:1169px) { 
    
    .site-logo img {
    width: 170px;
    object-fit: cover;
    position:relative;
    left: 0;
}
    
       .info-box-title {
    font-size: 40px !important;
    line-height: 45px !important;
} 

    .our-info {
        text-align: center;
    }

.selector-box .info-box-title {
    font-size: 30px !important;
    line-height: 35px !important;
}

.selector-box .info-box-inner {
    font-size: 17px !important;

}
    .LST-SEC .info-box-title {
        font-size: 30px !important;
        line-height: 35px !important;
    }

.LST-SEC .info-box-content {
    height: 200px;
}
.main-heading .info-box-title {
    font-size: 50px !important;
}
 .exploring .info-box-title {
    font-size: 30px !important;
    line-height: 35px !important;
}   
    
   .call-s .info-box-title {
    font-size: 30px !important;
} 
    .wd-header-nav .wd-nav {
    --nav-gap: 20px;
    display: inline-flex !important;
    flex-wrap: nowrap !important;
    justify-content: var(--text-align);
    text-align: left;
    gap: 1px var(--nav-gap);
    flex-direction: row;
}
    
    .page-title .title {
    font-size: 50px !important;
}
    
}



@media (max-width:1024px) { 
    
   .info-box-title {
    font-size: 40px !important;
    line-height: 45px !important;
} 

    .our-info {
        text-align: center;
    }

.selector-box .info-box-title {
    font-size: 30px !important;
    line-height: 35px !important;
}

.selector-box .info-box-inner {
    font-size: 17px !important;

}
    .LST-SEC .info-box-title {
        font-size: 30px !important;
        line-height: 35px !important;
    }

.LST-SEC .info-box-content {
    height: 200px;
}
.main-heading .info-box-title {
    font-size: 50px !important;
}
.exploring .info-box-title {
    font-size: 30px !important;
    line-height: 35px !important;
}
   
  .call-s .info-box-title {
    font-size: 30px !important;
}  

.page-title .title {
    font-size: 50px !important;
}

}








@media (max-width:991px) { 
    
    .info-box-title {
    font-size: 35px !important;
    line-height: 40px !important;
}
    
    .arrt-btn .info-box-title {
    font-size: 30px !important;
    line-height: 30px !important;
}
    
   .arrt-btn .info-box-inner {
    font-size: 15px !important;
    line-height: 20px !important;
} 
    .arrt-btn .btn-color-primary {
    padding: 10px 10px;
}
    
    .our-info{
        text-align:center;
    }
    
    .wd-info-box {
    text-align: center;
}
   .wd-rs-667c60f8166f0 > .vc_column-inner > .wpb_wrapper {
    justify-content: center !important;
} 
        .LST-SEC .info-box-title {
        font-size: 25px !important;
        line-height: 30px !important;
    }
    .LST-SEC .info-box-content {
    height: 200px;
}
    
    .wd-prev .wd-arrow-inner {
    position: absolute;
    left: -20px;
    top: -15px;
}
.wd-next .wd-arrow-inner {
    position: absolute;
    right: -20px;
    top: -15px;
}
    .about-delivery.wd-info-box {
        text-align: left;
        padding-left: 50px;
    }
    .info-btn-wrapper .wd-button-wrapper {
    text-align: center;
}
    
    
}

@media (max-width:767px) {
    
    .btn-size-extra-large {
	min-height: 45px;
	}
	
	.mobile-preheader {
    text-align: center;
}
.wd-rs-667c60f8166f0 > .vc_column-inner > .wpb_wrapper {
    justify-content: center;
}
.wpb_single_image.vc_align_left {
    text-align: center !important;
}	
	
.LST-SEC.box-icon-align-top .box-icon-wrapper {
    text-align: center;
}	
	
	.location-head .info-box-inner {
    text-align: left !important;
}

.arr-btn{
    padding: 10px;
    font-size: 12px;
    width: 150px;
}		
 .btn-color-primary.arr-btn{
	   padding: 10px;
    font-size: 12px;
    width: 150px;
}
	
.wpb_wrapper .info-box-title{
	font-size:30px !important;
	line-height: 35px !important;
	text-align: center;
}
	
.wpb_wrapper .info-box-inner {
    font-size: 15px !important;
    line-height: 20px !important;
     text-align: center;
}		 


.location-head .info-box-inner {
    font-size: 25px !important;
}

.main-footer .wpb_single_image.vc_align_left {
    text-align: center;
}

.main-footer img {
    width: 150px;
}
.arr-btn:after {

    font-size: 25px;
}
.wd-prev .wd-arrow-inner {
    position: absolute;
    top: 70px;
    left: 80px;
}
.wd-next .wd-arrow-inner {
    position: absolute;
    top: 70px;
    right: 80px;
}

.HT5RH img{
    width: 200px;
}

.call-s .info-box-content {
    padding: 10px 0;
    width: 100%;
}
.call-s .info-box-content .info-box-title {
   font-size: 20px !important;;
}

.explore-dug .vc_column-inner {

    height: 330px;
}

.LST-SEC .info-box-content {

    height: 160px;
}

.vision-row {
    flex-direction: column;
}
.Vision-box .info-box-inner {
    text-align: left !important;
}
.METAL-ROOF .info-box-content {
    padding: 30px 30px;
}

.arrt-btn .btn-color-primary {
    width: 250px;
    font-size: 13px;

}

.lok-info .box-icon-wrapper.box-with-icon.box-icon-simple {
    text-align: center;
}


.lok-info img{
    width: 250px;
}
.rib-info .box-icon-wrapper.box-with-icon.box-icon-simple {
    text-align: center;
}


.rib-info img{
    width: 250px;
}
.core-info .box-icon-wrapper.box-with-icon.box-icon-simple {
    text-align: center;
}


.core-info img{
    width: 250px;
}

.trim-row {
    flex-direction: column;
}
.delivery-info .wd-button-wrapper {
    text-align: center;
}
.delivery-rows {
    flex-direction: column;
}
.Delivery-FAq-row .wd-accordion-title-text {
    font-size: 17px !important;
    line-height: 20px;
}

.metal-roofijng {
    display: flex;
    flex-direction: column-reverse;
}
.manual-btn.btn-color-primary.arr-btn {
    width: 100%;
}
.info-box-subtitle {
    text-align: center;
    font-size:25px !important;
}
.warranty-row img {
    width: 200px;
}

.ecommerce-row .vc_icon_element.vc_icon_element-outer.vc_icon_element-align-left {
    text-align: center;
    margin-bottom: 10px;
}

.ecommerce-row .wd-button-wrapper{
    text-align:center;
}

.ultra-box  .wd-button-wrapper{
    text-align:center;
}
.pbr-row {
    flex-direction: column;
}
.lok-row {
    flex-direction: column;
}
.wpb_wrapper {
    justify-content: center !important;
}
    

} 





@media (max-width:479px) {

.btn-size-extra-large {
	min-height: 45px;
	}
	
.arr-btn{
    padding: 10px;
    font-size: 12px;
    width: 150px;
}		
 .btn-color-primary.arr-btn{
	   padding: 10px;
    font-size: 12px;
    width: 150px;
}
	
.wpb_wrapper .info-box-title{
	font-size:30px !important;
	line-height: 35px !important;
	text-align: center;
}

.wpb_wrapper .info-box-inner {
    font-size: 15px !important;
    line-height: 20px !important;
     text-align: center;
}		 


.location-head .info-box-inner {
    font-size: 25px !important;
}

.main-footer .wpb_single_image.vc_align_left {
    text-align: center;
}

.main-footer img {
    width: 150px;
}
.arr-btn:after {

    font-size: 25px;
}
.wd-prev .wd-arrow-inner {
    position: absolute;
    top: 70px;
    left: 80px;
}
.wd-next .wd-arrow-inner {
    position: absolute;
    top: 70px;
    right: 80px;
}

.HT5RH img{
    width: 200px;
}

.call-s .info-box-content {
    padding: 10px 0;
    width: 100%;
}
.call-s .info-box-content .info-box-title {
   font-size: 20px !important;;
}

.explore-dug .vc_column-inner {

    height: 330px;
}

.LST-SEC .info-box-content {

    height: 190px;
}

.vision-row {
    flex-direction: column;
}
.Vision-box .info-box-inner {
    text-align: left !important;
}

.arrt-btn .btn-color-primary {
    width: 250px;
    font-size: 13px;

}

.lok-info .box-icon-wrapper.box-with-icon.box-icon-simple {
    text-align: center;
}


.lok-info img{
    width: 250px;
}
.rib-info .box-icon-wrapper.box-with-icon.box-icon-simple {
    text-align: center;
}


.rib-info img{
    width: 250px;
}
.core-info .box-icon-wrapper.box-with-icon.box-icon-simple {
    text-align: center;
}


.core-info img{
    width: 250px;
}

.trim-row {
    flex-direction: column;
}
.delivery-info .wd-button-wrapper {
    text-align: center;
}
.delivery-rows {
    flex-direction: column;
}
.Delivery-FAq-row .wd-accordion-title-text {
    font-size: 17px !important;
    line-height: 20px;
}

.metal-roofijng {
    display: flex;
    flex-direction: column-reverse;
}
.manual-btn.btn-color-primary.arr-btn {
    width: 100%;
}
.info-box-subtitle {
    text-align: center;
    font-size:25px !important;
}
.warranty-row img {
    width: 200px;
}

.ecommerce-row .vc_icon_element.vc_icon_element-outer.vc_icon_element-align-left {
    text-align: center;
    margin-bottom: 10px;
}

.ecommerce-row .wd-button-wrapper{
    text-align:center;
}

.ultra-box  .wd-button-wrapper{
    text-align:center;
}
.pbr-row {
    flex-direction: column;
}
.lok-row {
    flex-direction: column;
}








	
}