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


:root {
	--gradient: linear-gradient(259deg, rgba(180, 14, 14, 0.05) 0.09%, rgba(251, 225, 34, 0.05) 99.91%);
	--gradient-alt: linear-gradient(259deg, rgba(251, 225, 34, 0.05) 0.09%, rgba(180, 14, 14, 0.05) 99.91%);
}

fieldset.hidden-fields-container {
    position: absolute;
    padding: 0px;
    opacity: 0;
    visibility: hidden;
}

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

:is(.btn,.button,button,[type=submit],[type=button]) {
    text-transform: none;
    font-weight: 400;
    font-size: 16px;
}

.gradient-primary {
	background: var(--gradient);
}


@media (min-width: 992px) {
	.whb-header .btn {
		min-width: 130px;
	}
	.whb-header .wd-logo img {
		padding: 5px;
		background: #FFF;
		width: 150px;
		max-height: 100%;
	}
	.whb-header .whb-top-bar .wd-header-text {
		font-size: 16px;
	}
}



/* HOMEPAGE CSS STARTS HERE */
.hero-section .text-column {
	padding-right: 30px;
    padding-left: max(calc(50vw - calc(1310px/2)), 30px);
}
.hero-section .text-column [class*="wd-underline-colored"] u {
    background: rgba(56, 190, 93, 0.10);
    color: inherit;
    border-radius: 10px;
}


.custom-scrolling-text .wd-marquee-content .wd-marquee-item {
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #777;
    color: #FFF;
    font-size: max(min(8vw, 128px), 45px);
    font-weight: 700;
    line-height: 1;
    text-transform: uppercase;
}


.title-style-1 .title-subtitle {
    padding: 10px 20px;
    border-radius: 14px;
    background-color: transparent;
    background: var(--gradient);
    text-transform: uppercase;
}


.about-us-row .wd-info-box {
    border-radius: 16px;
    background: var(--gradient);
    padding: 30px;
}
.about-us-row .wd-info-box .info-box-inner {
    margin-top: 0px !important;
}



.events-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 30px;
}
.events-grid .event-item {
    border-radius: 10px;
    border: 1px solid rgba(0, 0, 0, 0.10);
    background: #FFF;
    overflow: hidden;
}
.events-grid .event-item .event-item-image a,
.events-grid .event-item .event-item-image img {
    width: 100%;
}
.events-grid .event-item .event-item-content {
    padding: 30px;
}
.events-grid .event-item .event-item-content p {
    font-size: 14px;
    margin-bottom: 10px;
}
.events-grid .event-item .event-item-content .date {
    opacity: 0.4;
    color: #1B1C1B;
}
.events-grid .event-item .event-item-content .event-meta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #000;
}
.events-grid .event-item .event-item-content .event-progress-bar {
    border-radius: 8px;
    background-color: #EAECF0;
    height: 10px;
    margin-bottom: 15px;
    overflow: hidden;
}
.events-grid .event-item .event-item-content .event-progress-bar .event-progress {
    background: #B30F10;
    height: 100%;
}
.events-grid .event-item .event-item-content .event-goal-amoumt {
    color: #717171;
}
@media (max-width: 1024px) {
	.events-grid {
		grid-template-columns: repeat(2, 1fr);
	}
}
@media (max-width: 767px) {
	.events-grid {
		grid-template-columns: repeat(1, 1fr);
	}
}



.prefooter-row .wpcf7 p {
	margin: 0px;
}
.prefooter-row .wpcf7 {
    border-radius: 16px;
    background: var(--gradient-alt);
    padding: 50px;
}
.prefooter-row .wpcf7 :is(input[type='email'], input[type='date'], input[type='search'], input[type='number'], input[type='text'], input[type='tel'], input[type='url'], input[type='password'], :root textarea, :root select) {
    padding: 13px 15px;
    height: auto;
    background: #FFF;
    border-radius: 4px;
    border: none;
    margin-bottom: 20px;
}
.prefooter-row .wpcf7 .wpcf7-submit {
	text-transform: none;
	width: 100%;
}
.prefooter-row .wd-list li {
    border-top: 1px solid #EEE;
    padding-top: 15px;
}
@media (max-width: 767px) {
	.prefooter-row .wpcf7 {
		padding: 30px;
	}
}


.footer-row .footer-menu ul li a {
	color: #FFF;
}



/* INSIDE PAGES CSS STARTS HEREE */
.custom-page-title {
	background: var(--gradient);
    padding: max(10%, 70px) 0 max(8%, 40px);
}


.position-relative {
    position: relative
}

.z-index-10 {
    z-index: 10
}

.z-index-h {
    z-index: 35
}

.z-index-100 {
    z-index: 100
}

.z-index-1000 {
    z-index: 1000
}

.opacity-video-bg .vc_video-bg {
    opacity: .6
}

.title-uppercase {
    text-transform: uppercase
}

.add-border {
    border-bottom: 1px solid
}

.border-width-1 {
    border-width: 1px
}

.border-width-2 {
    border-width: 2px
}

.border-width-3 {
    border-width: 3px
}

.border-width-4 {
    border-width: 4px
}

.border-color-primary {
    border-color: var(--wd-primary-color)
}

.border-color-alternative {
    border-color: var(--wd-alternative-color)
}

.box-shadow-style-1 {
    box-shadow: 0 0 3px rgba(0,0,0,0.15)
}

.box-shadow-style-2 {
    box-shadow: 0 10px 20px -9px rgba(0,0,0,0.5)
}

.box-shadow-style-3 {
    box-shadow: 0 10px 15px 0 rgba(0,0,0,0.1)
}

@media (min-width: 768px) and (max-width: 1024px) {
    .reset-margin-tablet>.vc_column-inner {
        margin-inline:0 !important
    }
}


.services-row .wd-info-box {
    gap: 0px;
}
.services-row .wd-info-box .box-icon-wrapper {
    margin-bottom: 0px;
}
.services-row .wd-info-box .box-icon-wrapper .info-box-icon,
.services-row .wd-info-box .box-icon-wrapper .info-box-icon img {
    width: 100%;
}
.services-row .wd-info-box .info-box-content {
    padding: 30px;
    border: 1px solid rgba(0,0,0,0.1);
    border-top: 0px;
    border-radius: 0 0px 20px 20px;
}

.teams-row .btn.wd-open-popup {
    margin-bottom: 60px;
	color: #B7534C;
}

.values-row .wd-info-box {
    background: var(--gradient);
    border-radius: 20px;
    padding: 40px;
    margin: 30px 15px;
}



.faqs-row .wd-accordion.wd-style-shadow>.wd-accordion-item {
    background: var(--gradient);
    box-shadow: none !important;
    border-radius: 12px;
}