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


.site-content {
	margin-bottom: 0px !important;
}
.wd-prefooter {
	padding-bottom: 0px !important;
}
.wd-content-layout {
	padding-block: 0px !important;
}


.info-boxes-full-height>div>div,
.info-boxes-full-height>div>div>div {
    height: 100% !important;
}

.info-boxes-full-height>div>div>div .info-box-wrapper {
    height: 100%;
    display: flex;
    flex-direction: column
}

.info-boxes-full-height>div>div>div .info-box-wrapper .wd-info-box {
    flex: 1 1 auto
}


/* HOMEPAGE CSS STARTS HERE */
.services-row .wd-carousel-wrap {
    align-items: stretch;
}
.services-row .wd-carousel-wrap .wd-carousel-item {
    height: auto;
    display: flex;
    flex-direction: column;
}
.services-row .wd-carousel-wrap .wd-carousel-item > div {
    flex: 1 1 auto;
}
.services-row .wd-wpb {
    padding: 0px;
    gap: 0px;
    overflow: hidden;
    border-radius: 6px;
}
.services-row .wd-wpb .info-box-content {
    padding: 30px;
}

/* FOOTER */

.footer-logo {
    max-width: 120px;
}


.policy-row h2 {
    border-top: 1px solid #21273C !important;
    padding-top: 20px;
}


/* COLOR UPDATES */

.cstm-gradient {
	position: relative;
}
.cstm-gradient:before {
    background: linear-gradient(75deg, rgb(204 55 29 / 100%) 35%, transparent);
    content: '';
    position: absolute;
    inset: 0;
    display: block;
		pointer-events: none;
}

.services-row .wd-info-box {
    background: #fff !important;
}
.services-row .wd-info-box .info-box-content .info-box-title,
.services-row .wd-info-box .info-box-content .info-box-inner {
    color: #181818;
}



.main-banner-row {
    min-height: 70vh;
    position: relative;
}
.sphere-img-top-right {
    position: absolute;
    right: -10%;
    top: 0;
    opacity: .6;
    max-width: 70%
}
.sphere-img-bottom-left {
    position: absolute;
    left: -25%;
    bottom: -10%;
    opacity: .6;
    max-width: 70%
}
.main-banner-row > div {
    position: static;
}
@media (max-width:767px){
.sphere-img-top-right {
    position: absolute;
    right: -30%;
    top: 0;
    opacity: .4;
    max-width: 100%
}
.sphere-img-bottom-left {
    position: absolute;
    left: -35%;
    bottom: -20%;
    opacity: .3;
    max-width: 100%
}   
}