/*
 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-header { border-top: 15px solid #26aba3; }
.wpb_column.why-line { position: relative; }
.wpb_column.why-line:before { content: ""; background: #e2d6bd; width: 150px; height: 150%; position: absolute; display: block; top: -80px; right: 0; left: 0; margin: auto; z-index: -1; }
.site-logo { background: #fff; }
.wd-slide.wd-carousel-item .container.wd-slide-container { padding-bottom: 0; }
.homeSlider .wd-info-box { padding-bottom: 40px; }
.wd-content-layout { padding-block: 0 !important; }

/* Services cards / [services_carousel] */
.woodmart-services { --services-teal: #47bdc0; --services-green: #0b514c; position: relative; overflow: hidden; padding: 50px 0; }
.woodmart-services__track { display: flex; gap: 14px; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; }
.woodmart-services__track::-webkit-scrollbar { display: none; }
.woodmart-service-card { box-sizing: border-box; flex: 0 0 calc((100% - 28px) / 3); min-width: 0; min-height: 250px; padding: 25px 23px 21px; border: 2px dashed transparent; border-radius: 15px 0 15px 0; background: #fff; color: #303333; scroll-snap-align: start; transition: background-color .22s ease, color .22s ease, border-color .22s ease; }
.woodmart-service-card:hover,
.woodmart-service-card:focus-within { border-color: rgb(255 255 255); background: var(--services-green); color: #fff; }
.woodmart-service-card__icon { height: 72px; margin-bottom: 8px; }
.woodmart-service-card__icon img { display: block; width: 62px; height: 62px; object-fit: contain; }
.woodmart-service-card__title { margin: 0 0 13px; color: inherit; font-size: 24px; line-height: 1.35; }
.woodmart-service-card__excerpt { margin-bottom: 20px; color: inherit; font-size: 16px; line-height: 1.75; }
.woodmart-service-card__link { color: var(--services-teal); font-size: 13px; font-weight: 700; text-decoration: none; }
.woodmart-service-card:hover .woodmart-service-card__link,
.woodmart-service-card:focus-within .woodmart-service-card__link { color: #fff; }
.woodmart-service-card__link:hover { text-decoration: underline; }
.woodmart-services__arrow { position: absolute; z-index: 2; top: 50%; width: 34px; height: 34px; padding: 0; transform: translateY(-50%); border: 0; border-radius: 50%; background: #fff; color: var(--services-green); cursor: pointer; }
.woodmart-services__arrow--prev { left: 5px; }
.woodmart-services__arrow--next { right: 5px; }
.woodmart-services-grid { --services-green: #0b514c; --services-teal: #47bdc0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; width: 100%; }
.woodmart-services-grid .woodmart-service-card { display: flex; flex: initial; flex-direction: column; height: 100%; background: #f5f6f5; }
.woodmart-services-grid .woodmart-service-card:hover,
.woodmart-services-grid .woodmart-service-card:focus-within { border-color: rgb(255 255 255); background: var(--services-green); color: #fff; }
.woodmart-services-grid .woodmart-service-card__excerpt { flex-grow: 1; }
.woodmart-service-single-icon { margin: 0 0 24px; }
.woodmart-service-single-icon img { display: block; width: 88px; height: 88px; object-fit: contain; }
@media (max-width: 900px) { .woodmart-services-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width:767px) {
    .woodmart-services { padding: 18px 16px; }
    .woodmart-service-card { flex-basis: 82%; min-height: 235px; }
    .woodmart-services-grid { grid-template-columns: 1fr; }
}
.wpb_column.drop_home .gform_wrapper { padding: 20px; background: #23A69E; background: -webkit-linear-gradient(90deg, rgba(35, 166, 158, 1) 48%, rgba(26, 149, 142, 1) 75%, rgba(10, 124, 118, 1) 100%); background: -moz-linear-gradient(90deg, rgba(35, 166, 158, 1) 48%, rgba(26, 149, 142, 1) 75%, rgba(10, 124, 118, 1) 100%); background: linear-gradient(90deg, rgba(35, 166, 158, 1) 48%, rgba(26, 149, 142, 1) 75%, rgba(10, 124, 118, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#23A69E", endColorstr="#0A7C76", GradientType=1); border-radius: 15px 0 15px 0; }
.wpb_column.drop_home .gform_wrapper .gform-body.gform_body .gform_fields { row-gap: 15px; }
.wpb_column.drop_home .gform_wrapper .gform-body.gform_body .gform_fields input { height: 50px; background: #fff; }
.wpb_column.drop_home .gform_wrapper .gform-body.gform_body .gform_fields textarea { background: #fff; }
.wpb_column.drop_home .gform_wrapper input[type="submit"] { background: #0c7e77 !important; width: 100% !important; height: 50px !important; border: 1px solid #55b9b4 !important; }
.wpb_column.drop_home .gform_wrapper input[type="submit"]:hover { background: #000 !important; }
.vc_row.wpb_row.vc_row-fluid.whyChooseContact:before { content: ""; background: url(images/choose-after.jpg); width: 440px; height: 332px; position: absolute; bottom: 0; right: 0; display: block; background-size: contain; mix-blend-mode: multiply; }

/* Testimonials / [testimonials_carousel] */
.woodmart-testimonials { position: relative; box-sizing: border-box; width: 100%; min-width: 0; overflow: hidden; padding: 28px 16px 22px; background: #fff; }
.woodmart-testimonials__slides { display: grid; grid-template-columns: minmax(0, 1fr); width: 100%; min-width: 0; overflow: hidden; }
.woodmart-testimonial { position: relative; box-sizing: border-box; width: 100%; min-width: 0; grid-area: 1 / 1; min-height: 166px; padding: 0 62px 0 0; opacity: 1; transform: translateX(100%); transition: transform .45s ease; }
.woodmart-testimonial.is-active { transform: translateX(0); }
.woodmart-testimonial.is-leaving { transform: translateX(-100%); }
.woodmart-testimonial__quote { margin: 0 0 20px; color: #929292; font-size: 14px; font-style: italic; line-height: 1.55; }
.woodmart-testimonial__quote p { margin: 0; }
.woodmart-testimonial__person { display: flex; align-items: center; gap: 14px; }
.woodmart-testimonial__photo { flex: 0 0 54px; width: 54px; height: 54px; overflow: hidden; border-radius: 50%; background: #e9eff1; }
.woodmart-testimonial__photo img { display: block; width: 100%; height: 100%; object-fit: cover; }
.woodmart-testimonial__name { margin: 0 0 4px; color: #3e4143; font-size: 16px; line-height: 1.3; }
.woodmart-testimonial__designation { color: #9b9b9b; font-size: 12px; line-height: 1.4; }
.woodmart-testimonial__quote-mark { position: absolute; right: 12px; bottom: 4px; color: #56d0eb; font-family: Georgia, serif; font-size: 76px; font-weight: 400; line-height: .8; }
@media (prefers-reduced-motion:reduce) {
    .woodmart-testimonial { transition: none; }
}
.wpb_text_column.wpb_content_element.testi-slogan { background: #23a69e; padding: 20px; color: #fff; width: 80%; border-radius: 15px 0 15px 0; position: absolute; bottom: -90px; right: 40px; }

/* Testimonial grid / [testimonials_grid] */
.woodmart-testimonial-grid { --services-teal: #47bdc0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; width: 100%; }
.woodmart-testimonial-grid .woodmart-testimonial { position: relative; display: flex; grid-area: auto; flex-direction: column; box-sizing: border-box; width: 100%; min-width: 0; min-height: 230px; padding: 24px 66px 24px 22px; transform: none; opacity: 1; transition: box-shadow .2s ease, transform .2s ease; border: 1px solid #e3eeed; border-radius: 15px; background: #fff; }
.woodmart-testimonial-grid .woodmart-testimonial:hover { transform: translateY(-3px); box-shadow: 0 8px 24px rgba(11,81,76,.1); }
.woodmart-testimonial-grid .woodmart-testimonial__quote { flex: 1; margin-bottom: 22px; color: #737d7e; }
.woodmart-testimonial-grid .woodmart-testimonial__person { margin-top: auto; }
.woodmart-testimonial-grid .woodmart-testimonial__quote-mark { color: var(--services-teal); }
@media (max-width: 900px) { .woodmart-testimonial-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 640px) { .woodmart-testimonial-grid { grid-template-columns: 1fr; gap: 14px; } }

/* WordPress blog cards / [home_latest_posts] and [blog_posts_grid] */
.tn-blog-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; padding: 20px; }
.tn-blog-card { min-width: 0; overflow: hidden; margin: 0; border: 1px solid rgba(11, 81, 76, .12); border-radius: 18px; background: #dceeed; box-shadow: 0 5px 14px rgba(20, 76, 73, .08); }
.tn-blog-card__image { position: relative; display: block; overflow: hidden; aspect-ratio: 1.67 / 1; background: #c5e2e0; }
.tn-blog-card__image img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .35s ease; }
.tn-blog-card__image:hover img { transform: scale(1.035); }
.tn-blog-card__image-placeholder { display: block; width: 100%; height: 100%; background: linear-gradient(135deg, #d4e9e7, #b6d8d5); }
.tn-blog-card__year { position: absolute; top: 8px; left: 10px; color: rgba(35, 58, 57, .72); font-size: 12px; }
.tn-blog-card__body { padding: 18px 19px 20px; }
.tn-blog-card__title { margin: 0 0 7px; color: #263b45; font-size: 18px; line-height: 1.35; }
.tn-blog-card__title a { color: inherit; text-decoration: none; }
.tn-blog-card__title a:hover { color: #23a69e; }
.tn-blog-card__meta { display: flex; flex-wrap: wrap; gap: 5px; margin-bottom: 14px; color: #718285; font-size: 12px; line-height: 1.5; }
.tn-blog-card__meta a { color: inherit; text-decoration: none; }
.tn-blog-card__excerpt { margin-bottom: 18px; color: #50666a; font-size: 14px; line-height: 1.55; }
.tn-blog-card__read-more { color: #159e98; font-size: 14px; font-weight: 700; text-decoration: none; }
.tn-blog-card__read-more:hover { color: #0b514c; }
.tn-blog-pagination { grid-column: 1 / -1; }
.tn-blog-pagination ul { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; margin: 12px 0 0; padding: 0; list-style: none; }
.tn-blog-pagination a,
.tn-blog-pagination span { display: block; padding: 9px 13px; border: 1px solid rgba(35, 166, 158, .35); border-radius: 6px; color: #0b514c; text-decoration: none; }
.tn-blog-pagination .current,
.tn-blog-pagination a:hover { border-color: #23a69e; background: #23a69e; color: #fff; }

/* Single blog post with Recent and Popular Posts sidebar */
.tn-single-blog { grid-column: 1 / -1; box-sizing: border-box; width: 100%; min-width: 0; padding: 48px 20px; }
.tn-single-blog__layout { display: grid; grid-template-columns: minmax(0, 2fr) minmax(250px, .85fr); gap: 42px; width: min(1200px, 100%); margin: 0 auto; }
.tn-single-blog__article { min-width: 0; }
.tn-single-blog__meta { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 12px; color: #718285; font-size: 13px; }
.tn-single-blog__meta a { color: inherit; }
.tn-single-blog__title { margin: 0 0 22px; color: #263b45; font-size: clamp(28px, 4vw, 42px); line-height: 1.2; }
.tn-single-blog__featured { margin: 0 0 28px; overflow: hidden; border-radius: 14px; }
.tn-single-blog__featured img { display: block; width: 100%; height: auto; }
.tn-single-blog__content { color: #3f555a; font-size: 16px; line-height: 1.8; }
.tn-single-blog__content h2,
.tn-single-blog__content h3 { margin-top: 1.5em; color: #263b45; }
.tn-single-blog__post-nav { display: flex; justify-content: space-between; gap: 20px; margin: 30px 0; padding: 18px 0; border-top: 1px solid #dceeed; border-bottom: 1px solid #dceeed; }
.tn-single-blog__post-nav a { color: #159e98; text-decoration: none; }
.tn-blog-sidebar { align-self: start; }
.tn-blog-sidebar__section { margin-bottom: 26px; padding: 22px; border: 1px solid rgba(11, 81, 76, .12); border-radius: 14px; background: #f4f9f8; }
.tn-blog-sidebar__section h2 { margin: 0 0 16px; padding-bottom: 12px; border-bottom: 2px solid #23a69e; color: #263b45; font-size: 20px; }
.tn-blog-sidebar__list { margin: 0; padding: 0; list-style: none; }
.tn-blog-sidebar__item { display: flex; align-items: center; gap: 12px; padding: 12px 0; border-bottom: 1px solid #deebea; }
.tn-blog-sidebar__item:last-child { border-bottom: 0; }
.tn-blog-sidebar__thumb { flex: 0 0 62px; width: 62px; height: 62px; overflow: hidden; border-radius: 8px; background: #dceeed; }
.tn-blog-sidebar__thumb img { display: block; width: 100%; height: 100%; object-fit: cover; }
.tn-blog-sidebar__link { display: block; margin-bottom: 5px; color: #263b45; font-size: 14px; font-weight: 700; line-height: 1.4; text-decoration: none; }
.tn-blog-sidebar__link:hover { color: #159e98; }
.tn-blog-sidebar__item time { color: #718285; font-size: 12px; }
@media (max-width:900px) {
    .tn-blog-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .tn-single-blog__layout { grid-template-columns: minmax(0, 1.7fr) minmax(220px, .9fr); gap: 24px; }
}
@media (max-width:640px) {
    .tn-blog-grid { grid-template-columns: 1fr; gap: 16px; padding: 14px; }
    .tn-blog-card__body { padding: 16px; }
    .tn-single-blog { padding: 30px 16px; }
    .tn-single-blog__layout { grid-template-columns: 1fr; }
    .tn-blog-sidebar { display: grid; grid-template-columns: 1fr; gap: 4px; }
}
.wpFooterMenu ul { list-style: circle; color: #fff; }
.wpFooterMenu ul li a { color: #fff; text-transform: uppercase; font-size: 14px; font-weight: 500; }
.wpFooterMenu ul li { line-height: 1.3; margin-bottom: 10px; }
.wpFooterMenu ul li a:hover { color: #28c3ba; }
.footerRow { padding-top: 3vw; padding-bottom: 3vw; }
.copyRightRow .vc_column-inner { padding-top: 0 !important; }
.copyRightRow { padding: 10px 0px; }
.footerFollow a { background: transparent !important; }

/*EMAIL CSS*/
form#easy-newsletter-form input { border: none; color: #fff; }
form#easy-newsletter-form { display: flex; background: rgba(244, 244, 244, 0.149); border: solid 2.4px #6b8c8a; border-radius: 6px; width: 90%; height: 55px; align-items: center; }
form#easy-newsletter-form label { display: none; }
#easy-newsletter-form .input-field { margin: 0; }
form#easy-newsletter-form>.input-field { width: 70%; }
form#easy-newsletter-form .input-field.input-submit { width: 30%; }
form#easy-newsletter-form .input-field.input-submit button#easy-newsletter-submit { width: 100%; height: auto !important; background: #b58e3c; border-radius: 2px; margin-left: -5px; color: #fff; }
form#easy-newsletter-form .input-field.input-submit button#easy-newsletter-submit:hover { background: #0c7e77; }
.emailRow { padding-top: 2vw; padding-bottom: 2vw; }
.widgetFontSize h4 { color: #fff; font-size: 20px; text-transform: capitalize; font-weight: 400; }
.widgetFontSize span.vc_sep_holder { max-width: 6% !important; }
.primeColor .info-box-title strong,
.vc_row.wpb_row.vc_row-fluid.whyChooseRow .info-box-title strong { color: #49bcbe }