 /*
  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-general-header .whb-column.whb-col-right {
    display:        flex;
    align-items:    flex-start;
    padding-top:    2%;
}

.whb-general-header .whb-column .wd-header-nav ul#menu-main-menu {
    display:        flex;
    align-items:    center;
}

.whb-general-header .whb-column .wd-header-nav ul#menu-main-menu .theme_brown_btn {
    background:     #665a33;
    border-radius:  150px;
    color:          #fff;
}

.whb-general-header .whb-column .wd-header-nav ul#menu-main-menu .theme_brown_btn a {
    color:          #fff;
}

.whb-general-header .whb-column .wd-header-nav ul#menu-main-menu li a {
    color:          #555555;
}

.whb-general-header .whb-column .wd-header-nav ul#menu-main-menu li.current-menu-item a {
    color:          #000;
}

.whb-row.whb-general-header {
    border:         none;
}

.wsc_group_sec {
    position: relative;
}

.wsc_group_sec:before {
    content: "";
    display: block !important;
    background: #665a33;
    position: absolute;
    width: 35%;
    height: 100%;
    left: 0;
    top: 0;
}

.custom-masonry-gallery {
    display: flex;
    flex-direction: column;
    gap: 24px;
    justify-content: center;
    width: 100%;
    margin: 0 auto;
    position: relative;
}
.custom-masonry-gallery-row {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: stretch;
    gap: 16px;
    width: 100%;
}
.custom-masonry-gallery-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    width: fit-content;
}
.custom-masonry-gallery-img-wrap {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}
.custom-masonry-gallery-img-wrap img {
    display: block;
    max-width: 100%;
    height: auto;
    max-height: fit-content;
    width: auto;
    object-fit: contain;           
}
.custom-masonry-gallery-caption {
    text-align: center;
    margin-top: 8px;
    font-size: 16px;
    color: #666;
}
@media (max-width: 900px) {
    .custom-masonry-gallery-row {
        flex-wrap: wrap;
    }
    .custom-masonry-gallery-item {
        width: 48%;
        max-width: 100%;
    }
}
@media (max-width: 600px) {
    .custom-masonry-gallery-row {
        flex-direction: column;
    }
    .custom-masonry-gallery-item {
        width: 100%;
    }
    .custom-masonry-gallery-img-wrap img {
        max-height: 140px;
    }
}

/**------------------------------- Header -----------------------------------------------**/

/**------------------------------- Home -----------------------------------------------**/

.wd-content-layout {
    padding-block:  0;
}

.overflow-visible {
    overflow:       visible !important;
}

.pos-relative.z-index-10 {
    z-index:        100000000000000000 !important;
    position:       relative;
    top:            0;
}

.home .wd-page-content,
.home .wd-page-content .wd-content-layout,
.home .wd-page-content .wd-content-layout .wd-content-area,
.home .wd-page-content .wd-content-layout .wd-content-area .post-22,
.home .wd-page-content .wd-content-layout .wd-content-area .post-22 .wpb-content-wrapper {
    overflow:       visible !important;
}

.about_us_sec {
    position:       relative !important;
    overflow:       visible !important;
    z-index:        999999999999999999;
}

.about_us_sec:before {
    content:        "";
    display:        block;
    height:         20%;
    width:          50%;
    background:     #019180;
    position:       absolute;
    left:           0;
    top:            -13%;
}

.about_us_sec .about_us_content {
    background:     #fff;
    padding:        5% 2% 1%;
    box-shadow:     0px 10px 10px 10px #0000000d;
    margin-top:     -3%;
    z-index:        99999999999;
    position:       relative;
}

.mission_sec .mission_content {
    background:     #fff;
    padding:        2% 2% 2% 3%;
    margin-left:    -2%;
    margin-top:     -5%;
}

.mission_sec .wd-image {
    z-index:        55555;
    position:       relative;
}

.about_us_sec .marquee_sec {
    margin-top:     -8%;
    z-index:        15000000;
    position:       absolute;
}

.about_us_sec .vc_row {
    overflow:       visible;
}

.about_us_sec .marquee_sec .wd-marquee-wrapp .wd-marquee-item {
    color:              transparent;
    -webkit-text-stroke:1px #fff;
    font-size:          100px !important;
    opacity:            0.3;
}

.service-grid .service-grid-item .service-card {
    background:     #3b3718;
    color:          #fff;
    transition:     0.5s;
    box-shadow:     0px 10px 10px #0000003b;
}

.service-grid .service-grid-item .service-card .service-content {
    padding:        15px;
}

.service-grid .service-grid-item .service-card .service-content .service-title h4 {
    color:              #fff;
    text-align:         center;
    font-size:          33px;
    font-weight:        normal;
    letter-spacing:     1px;
    margin:             0;
}

.service-grid .service-grid-item .service-card:hover {
    background:     #019786;
    box-shadow:     0px 10px 10px #0000005e;
}

.service-grid .service-grid-item .service-card .service-content .service-excerpt {
    text-align:     center;
}

.service-grid .service-grid-item .service-card .service-content a {
    border-radius:  150px;
    background:     #3b3718;
    color:          #fff;
    border:         1px solid #fff;
    width:          50%;
    transition:     0.5s;
}

.service-grid .service-grid-item .service-card .service-content .service-readmore {
    text-align:     center;
}

.service-grid .service-grid-item .service-card:hover .service-content a {
    transition:     0.5s;
    background:     #f2b930;
    border-color:   #f2b930;
    color:          #3b3718;
}

.gallery_sec .wpb_raw_code {
    position: relative;
}

.gallery_sec .wpb_raw_code:before {
    content: "";
    position: absolute;
    width: 70%;
    height: 50%;
    background: #019786;
    left: 15%;
    top: 25%;
}

.mission_sec  .what_we_do {
    position: relative;
}

.mission_sec .what_we_do:before {
    content: "";
    background: #019786;
    width: 51.7%;
    height: 20%;
    position: absolute;
    right: 0;
    top: 5%;
}
.local_office_sec h4.info-box-title {
    text-transform: uppercase;
}

.local_office_sec .location_item  .info-box-icon {
    margin-top: 7px;
}

.local_office_sec .location_item h4.info-box-title {
    text-transform: capitalize;
    font-weight: 300;
    letter-spacing: 1px;
}

.estimate_sec .gform_wrapper {
    position: relative;
    width: 100%;
    background: #fff;
    display: flex;
}

.estimate_sec .gform_wrapper .gform_heading .gform_title {
    margin: 0;
}

.estimate_sec .gform_wrapper .gform_heading {
    width: 15%;
    position: relative;
    background: #3b3718;
}

.estimate_sec .gform_wrapper form#gform_1 {
    width: 90%;
    padding: 50px;
}

.estimate_sec .gform_wrapper .gform_heading .gform_title {
    transform: rotate(270deg) translate(-41%, -192px);
    width: 500px !important;
    height: fit-content;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    font-size: 40px;
    font-family: "Poppins", Arial, Helvetica, sans-serif;
    color: #fff;
    font-weight: 100;
    text-transform: uppercase;
    letter-spacing: 5px;
}

.estimate_sec .gform_wrapper .gform_heading:before {
    content: "";
    width: 20px;
    height: 20px;
    position: absolute;
    background: #fff;
    opacity: 0.3;
}

.estimate_sec .gform_wrapper .gform_heading:after 
{
    content: "";
    width: 20px;
    height: 20px;
    position: absolute;
    background: #fff;
    opacity: 0.3;
    right: 0;
    bottom: 0;
}

.estimate_sec .gform_wrapper form#gform_1 input#gform_submit_button_1 {
    width: 100%;
    padding: 20px;
    border-radius: 5px;
    background: #019786;
    color: #fff;
    font-family: "Mefiyah", Arial, Helvetica, sans-serif;
    font-size: 20px;
    letter-spacing: 1px;
    font-weight: 100;
}
/**------------------------------- Home -----------------------------------------------**/

/**------------------------------- Footer -----------------------------------------------**/

.footer_menu li a:hover {
    opacity:        0.5;
    color:          #fff !important;
}

.easy-newsletter label {
    display:        none;
}

.easy-newsletter .input-field {
    margin:         0;
    position:       relative;
}

.easy-newsletter {
    position:       relative;
}

.easy-newsletter .input-submit {
    position:       absolute;
    top:            0;
    right:          0;
}

.easy-newsletter .input-submit button#easy-newsletter-submit {
    background:     transparent;
    color:          #fff;
}

footer p.vc_custom_heading {
    position:           relative;
    margin:             0;
    padding-bottom:     14px;
    width:              fit-content;
}

footer p.vc_custom_heading:before {
    content:            "";
    position:           absolute;
    width:              100%;
    height:             2px;
    background:         #029685;
    bottom:             -6%;
    z-index:            9;
}

/**------------------------------- Footer -----------------------------------------------**/
