/*
 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 */


#menu-header_menu_left {
    display: flex;
    justify-content: left;
    gap: 90px;
}

#menu-header_menu_left li a {
    font-size: 17px;
    text-transform: capitalize;
    position: relative;
}
#menu-header_menu_right {
    display: flex;
    justify-content: center;
    gap: 90px;
}

#menu-header_menu_right li a {
    font-size: 17px;
    text-transform: capitalize;
}
.HeaderCall a {
    color: #fff;
    font-size: 16px;
    position: relative;
}

.HeaderCall a span {margin-right: 30px;}

.HeaderCall a span:after {
    content: '';
    position: absolute;
    width: 18px;
    height: 1px;
    background: #fff;
    transform: rotate(90deg);
    bottom: 8px;
    left: 75px;
}
#menu-header_menu_left li:after {
    content: '';
    position: absolute;
    background: #000;
    width: 20px;
    height: 1px;
    top: 20px;
    transform: rotate(90deg);
    left: -50px;
}
#menu-header_menu_right li:after {
    content: '';
    position: absolute;
    background: #000;
    width: 20px;
    height: 1px;
    top: 20px;
    transform: rotate(90deg);
    left: -50px;
}
#menu-header_menu_left #menu-item-25:after {
    background: transparent;
}
#menu-header_menu_right #menu-item-27:after {
    background: transparent;
}
#menu-header_menu_left li a:hover {
    color: #ef8227 !important;
}
#menu-header_menu_right li a:hover {
    color: #ef8227 !important;
}
.wd-nav[class*="wd-style-"]>li:is(.current-menu-item,.wd-active,.active)>a {
    color: #ef8227 !important;
}
.HeaderCall a:hover{
	  color: #ef8227 !important;
}
.CustomOGBtn:hover {
    background: linear-gradient(117deg, rgba(31, 116, 171, 1) 0%, rgba(34, 131, 189, 1) 56%, rgba(38, 153, 217, 1) 78%);
    color: #fff !important;
}
.CustomBlBtn:hover{
    background: linear-gradient(157deg, rgba(238, 120, 38, 1) 0%, rgba(241, 156, 39, 1) 61%, rgba(242, 188, 40, 1) 100%);
    color: #000 !important;
}
.CustomGRBtn:hover{
    background: linear-gradient(157deg, rgba(238, 120, 38, 1) 0%, rgba(241, 156, 39, 1) 61%, rgba(242, 188, 40, 1) 100%) !important;
    color: #000 !important;
}
 #easy-newsletter-form button:hover{
    background: linear-gradient(157deg, rgba(238, 120, 38, 1) 0%, rgba(241, 156, 39, 1) 61%, rgba(242, 188, 40, 1) 100%) !important;
    color: #000 !important;
}
.scrollToTop {
    background-color: #68b853 !important;
    color: #e77415 !important;
}



/* BANNER ROW */



.main-page-wrapper {
    padding: 0 !important;
}
.BannerContent .info-box-title {
    color: #fff;
    font-size: 45px;
    text-transform: capitalize;
}

.BannerContent .info-box-title strong {
    color: #ee6826;
}

.BannerContent .info-box-inner {
    font-size: 16px;
    color: #fff;
    font-weight: 400;
    padding: 20px 180px 0;
}
.CustomOGBtn {
    width: 180px;
    background: linear-gradient(157deg, rgba(238, 120, 38, 1) 0%, rgba(241, 156, 39, 1) 61%, rgba(242, 188, 40, 1) 100%);
    color: #000 !important;
}
.CustomBlBtn {
    width: 180px;
    background: linear-gradient(117deg, rgba(31, 116, 171, 1) 0%, rgba(34, 131, 189, 1) 56%, rgba(38, 153, 217, 1) 78%);
    color: #fff !important;
}
.BannerBtn .wpb_wrapper {
    display: flex;
    justify-content: center;
    gap: 10px;
}
.BannerContent {
    margin-bottom: 15px;
}





/* ABOUT ROW */


.AboutRow {
    display: flex;
    align-items: center;
}
.AboutContent .info-box-title {
    font-size: 40px;
    text-transform: capitalize;
}
.AboutContent .info-box-title strong {
    color: #6cbc56;
}
.AboutContent .info-box-subtitle {
    font-size: 18px;
    position: relative;
    color: #000;
}

.AboutContent .info-box-subtitle strong {
    color: #ee6826;
    font-weight: 500;
}

.AboutContent .info-box-subtitle:before {
    content: '';
    position: absolute;
    width: 30px;
    height: 2px;
    background: #ee6826;
    top: -15px;
    left: 0;
}
.AboutContent .info-box-inner {
    padding-right: 150px;
    font-size: 16px;
}
.AboutImg img {
    padding-right: 20px;
}



/* FEATURE ROW */



.Comp .info-box-title {
    font-size: 26px;
    padding: 40px;
    background: linear-gradient(157deg, rgba(238, 120, 38, 1) 0%, rgba(241, 156, 39, 1) 61%, rgba(242, 188, 40, 1) 100%);
    color: #fff;
}
.Conv .info-box-title {
    font-size: 26px;
    padding: 40px;
    background:#6CBC56;
    color: #fff;
}
.Cont .info-box-title {
    font-size: 26px;
    padding: 40px;
    background: #2697D7;
    color: #fff;
}
.Cost .info-box-title {
    font-size: 26px;
    padding: 40px;
    background: #CB3C2D;
    color: #fff;
}
.Comp .info-box-inner {
    padding: 10px 20px 50px;
    font-size: 15px;
    background: #fff;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    position:relative;
    z-index:2;
    min-height: 120px;
}
.Conv .info-box-inner {
    padding: 10px 20px 50px;
    font-size: 15px;
    background: #fff;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    position:relative;
    z-index:2;
    min-height: 150px;
}
.Cont .info-box-inner {
    padding: 10px 20px 50px;
    font-size: 15px;
    background: #fff;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    position:relative;
    z-index:2;
    min-height: 150px;
}
.Cost .info-box-inner {
    padding: 10px 20px 50px;
    font-size: 15px;
    background: #fff;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    position:relative;
    z-index:2;
    min-height: 150px;
}
.FeatureRow:before {
    content: '';
    position: absolute;
    background: #67B155;
    width: 105%;
    height: 45%;
    bottom: 0;
    border-bottom-left-radius: 80px;
    border-bottom-right-radius: 80px;
    left: -40px;
}
.Comp .info-box-inner:after {
    content: '01';
    position: absolute;
    font-size: 120px;
    right: 10px;
    bottom: -40px;
    color: #f0f0f0;
    font-weight: 900;
    z-index: -1;
}
.Conv .info-box-inner:after {
    content: '02';
    position: absolute;
    font-size: 120px;
    right: 10px;
    bottom: -40px;
    color: #f0f0f0;
    font-weight: 900;
    z-index: -1;
}
.Cont .info-box-inner:after {
    content: '03';
    position: absolute;
    font-size: 120px;
    right: 10px;
    bottom: -40px;
    color: #f0f0f0;
    font-weight: 900;
    z-index: -1;
}
.Cost .info-box-inner:after {
    content: '04';
    position: absolute;
    font-size: 120px;
    right: 10px;
    bottom: -40px;
    color: #f0f0f0;
    font-weight: 900;
    z-index: -1;
}
.FeatureRow {
    position: relative;
}
.FeatureBoxes {
    transition: 0.4s ease;
}
.FeatureBoxes:hover {
    transform: scale(1.1);
}



/* SERVICES ROW */




.ServicesRow .AboutContent .info-box-subtitle:before {
    content: '';
    position: absolute;
    width: 30px;
    height: 2px;
    background: #ee6826;
    top: -15px;
    left: 0;
    right: 0;
    margin: auto;
}
.CustomGRBtn {
    width: 180px;
    background: #65CF48 !important;
}
.serviceCol .vc_column-inner {
    padding: 0;
}
.SerContent .info-box-title {
    font-size: 35px;
    color: #ffff;
    font-weight: 500;
}

.SerContent {
    text-align: center;
    padding: 30px 10px 40px;
    margin: 0;
}

.SerContent .info-box-inner {
    color: #fff;
    font-size: 15px;
    padding-top: 20px;
}
.SerCol .vc_column-inner {
    height: 712px;
    display: flex;
    align-items: center;
}
.ServiceInnerTwo {
    flex-direction: row-reverse;
    display: flex;
}
.ServiceImg {
    margin: 0;
}


/* CONTACT FORM */

div#gform_fields_1 input {border-color: #d7dee6;height: 50px;border-radius: 60px;width: 100%;}
div#gform_fields_1 label { color: #afacbd; padding: 0px 13px; font-weight: 300; margin-bottom: -26px; background: #f9f9f9 !important; position: relative; left: 16px; }
span.gfield_required { display: none !important; }
input#input_1_4:before {  
background: red; width: 10px; height: 10px; overflow: hidden; position: absolute; display: block; clear: both; z-index: 999; }
div#gform_fields_1 label:before {content: '';background: #42b56a;width: 10px;height: 10px;z-index: 1;transform: rotate(45deg);display: block;float: left;margin-top: 6px;margin-left: -12px;margin-right: 7px;}
div#gform_fields_1 label:after {content: '';background: #42b56a;width: 10px;float: right;height: 10px;margin-left: 7px;margin-top: 6px;display: block;z-index: 1;margin-right: -12px;transform: rotate(45deg);}
input#gform_submit_button_1 {background: rgb(254, 213, 80);background: -moz-linear-gradient(160deg, rgba(254, 213, 80, 1) 12%, rgba(208, 169, 61, 1) 37%);background: -webkit-linear-gradient(277deg, rgba(254, 213, 80, 1) 12%, rgba(208, 169, 61, 1) 37%);background: linear-gradient(157deg, rgba(238,120,38,1) 0%, rgba(241,156,39,1) 61%, rgba(242,188,40,1) 100%);padding: 20px 80px;border-radius: 10px;color: #fff;font-size: 18px;text-transform: capitalize;margin: 0 auto;}



/* BLOGS */



.blg-content h2 {
    font-size: 20px;
    padding: 20px 0;
}

.main-post a {
    background: #e77415;
    color: #fff;
    padding: 15px 30px;
    border-radius: 5px;
}

.blg-btn {margin-top: 30px;}
div#comments {
    display: none;
}
.wd-single-footer{
	  display: none;
}
.wd-page-nav-btn:hover .wd-entities-title {
    color: #e77415 !important;
}
.wd-post-cat.wd-style-with-bg{
		  display: none;
}
.entry-meta-list{
			  display: none;
}



/* FOOTER */


.footer-head {
    font-size: 20px;
    position: relative;
    margin-bottom: 50px;
}

.footer-head:before {
    content: '';
    position: absolute;
    background: #f2b428;
    width: 80px;
    height: 2px;
    bottom: -10px;
    left: 0px;
}
.footer-menu a {
    color: #fff;
    font-size: 15px;
}
.footerdetail img {
    margin-top: 5px;
}
.footerPolicy {
    display: flex;
    align-items: baseline;
    gap: 20px;
}
.footercopyRow {
    height: 50px;
}
#easy-newsletter-form {
    position: relative;
    display: flex;
}

#easy-newsletter-form label {
    display: none;
}

#easy-newsletter-form .input-field input {
    position: relative;
    width: 330px;
    background: #DEDEDE;
}

#easy-newsletter-form  button {
    position: absolute;
    right: 0;
    background: #68B853;
    color: #fff;
}
.footerInfoRow {
    padding-top: 50px;
}
.footerdetail {
    padding-right: 80px;
}
.footer-menu a:hover {
    color: #f2b428;
}
.footerHover .info-box-title:hover{
    color: #f2b428 !important;
	cursor:pointer;
}
.footerHover .info-box-inner:hover{
    color: #f2b428 !important;
	cursor:pointer;
}