/* ==========================================================================
   Three Leaf Trees — Gutenberg Homepage
   Exact recreation of Elementor design, extracted from live page CSS
   ========================================================================== */

/* Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,300;0,400;0,500;1,400&display=swap');

/* Smooth scrolling for anchor links on homepage */
html {
    scroll-behavior: smooth;
}

.page-template-template-gutenberg-homepage {
    --tlt-font-family: var(--e-global-typography-60bd0db-font-family, 'Raleway'), Sans-serif;
}

/* --------------------------------------------------------------------------
   Remove GeneratePress container constraints on this template
   -------------------------------------------------------------------------- */
.page-template-template-gutenberg-homepage .site-main,
.page-template-template-gutenberg-homepage .inside-article,
.page-template-template-gutenberg-homepage .entry-content {
    max-width: none !important;
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
}
.page-template-template-gutenberg-homepage .site-main > * {
    margin-bottom: 0 !important;
}
.page-template-template-gutenberg-homepage .entry-content > .wp-block-group,
.page-template-template-gutenberg-homepage .entry-content > .wp-block-columns,
.page-template-template-gutenberg-homepage .entry-content > .wp-block-buttons {
    margin-block-start: 0;
    margin-block-end: 0;
}

.page-template-template-gutenberg-homepage .entry-content,
.page-template-template-gutenberg-homepage .entry-content p,
.page-template-template-gutenberg-homepage .entry-content h2,
.page-template-template-gutenberg-homepage .entry-content h3,
.page-template-template-gutenberg-homepage .entry-content h4,
.page-template-template-gutenberg-homepage .entry-content summary,
.page-template-template-gutenberg-homepage .entry-content label,
.page-template-template-gutenberg-homepage .entry-content input,
.page-template-template-gutenberg-homepage .entry-content textarea,
.page-template-template-gutenberg-homepage .entry-content select,
.page-template-template-gutenberg-homepage .main-navigation a,
.page-template-template-gutenberg-homepage a.tlt-btn,
.page-template-template-gutenberg-homepage .wp-block-button.tlt-btn .wp-block-button__link,
.page-template-template-gutenberg-homepage a.tlt-wa,
.page-template-template-gutenberg-homepage .wp-block-button.tlt-wa .wp-block-button__link {
    font-family: var(--tlt-font-family) !important;
}

.page-template-template-gutenberg-homepage .main-navigation .main-nav > ul > li > a,
.page-template-template-gutenberg-homepage .main-navigation .menu-toggle,
.page-template-template-gutenberg-homepage .main-navigation .mobile-menu {
    font-family: var(--tlt-font-family) !important;
    color: #08502D;
}
.page-template-template-gutenberg-homepage .main-navigation .main-nav > ul > li > a {
    position: relative;
    transition: color 0.3s ease;
}

.page-template-template-gutenberg-homepage .main-navigation .main-nav > ul > li > a::before {
    content: '';
    width: 90%;
    position: absolute;
    bottom: 10px;
    left: 5px;
    border-top: 2px solid #668C75;
    height: 1px;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.page-template-template-gutenberg-homepage .main-navigation .main-nav > ul > li > a:hover {
    color: #938585;
}

.page-template-template-gutenberg-homepage .main-navigation .main-nav > ul > li > a:hover::before {
    opacity: 1;
}


.page-template-template-gutenberg-homepage .site-logo {
    width: 136px;
    max-width: 136px;
}

.page-template-template-gutenberg-homepage .site-header .header-image {
    width: 136px;
    height: 65px;
    object-fit: contain;
    object-position: center center;
}

.page-template-template-gutenberg-homepage .site-header {
    position: sticky;
    top: 0;
    z-index: 1000;
    background-color: #ffffff;
}

.page-template-template-gutenberg-homepage .site-branding {
    display: none;
}

.page-template-template-gutenberg-homepage .site-branding-container .site-logo {
    margin-right: 0;
}

.main-navigation.toggled .main-nav li {
    background: white;
}

/* --------------------------------------------------------------------------
   SHARED: .tlt-btn
   bg:#fff; color:#4a4a4a; uppercase; letter-spacing:2.1px;
   border:1px solid #6a6a6a; border-radius:27px; xl padding:25px 50px
   hover: bg:#e39917; color:#fff; border:#fff
   -------------------------------------------------------------------------- */
a.tlt-btn,
.wp-block-button.tlt-btn .wp-block-button__link {
    background-color: #ffffff;
    color: #4a4a4a;
    text-transform: uppercase;
    letter-spacing: 2.1px;
    border: 1px solid #6a6a6a;
    border-radius: 27px;
    padding: 25px 50px;
    font-size: 20px;
    display: inline-block;
    text-decoration: none;
    transition: background-color .3s, color .3s, border-color .3s;
    font-family: 'Raleway', sans-serif;
    font-weight: 400;
    cursor: pointer;
    line-height: 1;
    -webkit-appearance: none;
}
a.tlt-btn:hover,
a.tlt-btn:focus,
.wp-block-button.tlt-btn .wp-block-button__link:hover,
.wp-block-button.tlt-btn .wp-block-button__link:focus {
    background-color: #e39917;
    color: #ffffff;
    border-color: #ffffff;
    text-decoration: none;
}
.tlt-btn-lg,
.wp-block-button.tlt-btn-lg .wp-block-button__link {
    font-size: 18px !important;
    padding: 20px 40px !important;
}

/* --------------------------------------------------------------------------
   SHARED: .tlt-wa (WhatsApp inline button)
   -------------------------------------------------------------------------- */
a.tlt-wa,
.wp-block-button.tlt-wa .wp-block-button__link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: #25d366;
    color: #ffffff;
    padding: 10px 15px;
    border-radius: 10px;
    font-size: 14px;
    cursor: pointer;
    box-shadow: 1px 1px 4px 0 rgba(0,0,0,.3);
    text-decoration: none;
    /* margin: 13px; */
    border: none;
    font-family: inherit;
    line-height: 1;
    vertical-align: middle;
}
a.tlt-wa:hover,
a.tlt-wa:focus,
.wp-block-button.tlt-wa .wp-block-button__link:hover,
.wp-block-button.tlt-wa .wp-block-button__link:focus {
    opacity: .9;
    color: #ffffff;
    text-decoration: none;
}
.wp-block-button.tlt-wa .wp-block-button__link::before {
    content: '';
    width: 24px;
    height: 24px;
    display: inline-block;
    flex-shrink: 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 800 800'%3E%3Cpath d='M519 454c4 2 7 10-1 31-6 16-33 29-49 29-96 0-189-113-189-167 0-26 9-39 18-48 8-9 14-10 18-10h12c4 0 9 0 13 10l19 44c5 11-9 25-15 31-3 3-6 7-2 13 25 39 41 51 81 71 6 3 10 1 13-2l19-24c5-6 9-4 13-2zM401 200c-110 0-199 90-199 199 0 68 35 113 35 113l-20 74 76-20s42 32 108 32c110 0 199-89 199-199 0-111-89-199-199-199zm0-40c133 0 239 108 239 239 0 132-108 239-239 239-67 0-114-29-114-29l-127 33 34-124s-32-49-32-119c0-131 108-239 239-239z' fill='%23ffffff'/%3E%3C/svg%3E");
}
.tlt-wa svg {
    width: 24px;
    height: 24px;
    display: inline-block;
    vertical-align: middle;
    flex-shrink: 0;
}

/* ==========================================================================
   SECTION 1 — HERO
   Left 50%: rgba(10,80,45,0.66) bg; padding:74px; content centred flex col
   Right 50%: arb500px-1.webp bg image, center/cover
   Full height: min-height:100vh; section bg:#fff
   Tablet (<=1024): 55%/45%
   Mobile (<=767): stacked — image order:1 (top), content order:2 (below)
   ========================================================================== */
.tlt-hero-section {
    background-color: #ffffff;
    display: flex;
    min-height: 100vh;
    align-items: stretch;
}
.wp-block-columns.tlt-hero-section {
    gap: 0 !important;
    margin-bottom: 0 !important;
}
.wp-block-columns.tlt-hero-section > .wp-block-column {
    margin-top: 0;
    flex-basis: 50%;
    flex-grow: 0;
    flex-shrink: 0;
}
.tlt-hero-content {
    width: 50%;
    flex-basis: 50%;
    background-color: rgba(10, 80, 45, 0.66);
    padding: 74px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}
.tlt-hero-image {
    width: 50%;
    flex-basis: 50%;
    background-image: url(https://threeleaftrees.com/wp-content/uploads/2023/09/arb500px-1.webp);
    background-position: center center;
    background-size: cover;
    min-height: 400px;
}
.tlt-hero-wa { 
    text-align: center; 
    width: 100%; 
}

.tlt-hero-btn-wrap { 
    text-align: center; 
    width: 100%; 
    margin: 30px 0 10px;
}

.tlt-hero-stars {
    text-align: center;
    width: 100%;
    margin: 15px 0;
    font-size: 32px;
    color: #f0ad4e;
    letter-spacing: 19px;
    line-height: 1;
}
.tlt-star {
    display: inline-block;
    font-size: 32px;
    color: #f0ad4e;
    margin-right: 19px;
    line-height: 1;
}
.tlt-star:last-child { margin-right: 0; }
.tlt-hero-quote {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 46px !important;
    font-style: italic !important;
    color: #ffffff !important;
    margin: 10px 0;
    padding: 0 !important;
    line-height: 1.2em !important;
    font-weight: 400 !important;
    text-transform: none !important;
}
.tlt-hero-author {
    color: #ffffff;
    font-family: 'Montserrat', sans-serif;
    font-size: 17px;
    margin: 0;
    padding: 13px;
    text-align: left;
    line-height: 1.5;
}

/* ==========================================================================
   SECTION 2 — SERVICES INTRO
   bg:#fff; max-width:582px centred; H2 Montserrat 29px; margin-top:30px
   ========================================================================== */
.tlt-services-intro {
    background-color: #ffffff;
    text-align: center;
    padding: 0 20px;
}
.tlt-services-intro .tlt-inner {
    max-width: 582px;
    margin: 0 auto;
}
.tlt-services-intro h2 {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 29px !important;
    font-weight: 400 !important;
    color: #222222 !important;
    text-align: center !important;
    text-transform: none !important;
    margin: 30px auto 0 !important;
    padding: 0 !important;
    line-height: 1.2em !important;
}

/* ==========================================================================
   SECTION 3 — SERVICES GRID
   bg:#668c75; margin-top:30px margin-bottom:-5px
   max-width:1493px; min-height:541px; 3 equal flex cols; gap:20px
   Card h2: Montserrat 300 3px letter-spacing white 35px
   Card img: height:296px border-radius:13px object-fit:cover
   Card text: white Montserrat padding:6px
   Card .tlt-btn: display:none (desktop); shown mobile
   ========================================================================== */
.tlt-services-section {
    background-color: #668c75;
    margin-top: 30px;
    margin-bottom: -5px;
    padding: 0 20px;
}
.tlt-services-section .tlt-inner {
    max-width: 1493px;
    min-height: 541px;
    margin: 0 auto;
    display: flex;
    gap: 20px;
    align-items: center;
    padding: 20px 0;
}
.tlt-service-card { flex: 1; padding: 10px; }
.tlt-service-card h2 {
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 300 !important;
    letter-spacing: 3px !important;
    color: #ffffff !important;
    text-align: center !important;
    font-size: 35px !important;
    margin: 0 0 15px !important;
    padding: 0 !important;
    text-transform: none !important;
    line-height: 1.2em !important;
}
.tlt-service-card img {
    width: 100%;
    height: 296px;
    object-fit: cover;
    object-position: center center;
    border-radius: 13px;
    display: block;
}
.tlt-service-card .tlt-service-text {
    color: #ffffff;
    font-family: 'Montserrat', sans-serif;
    font-size: 17px;
    line-height: 1.5;
    padding: 6px;
    margin: 0 0 19px;
}
.tlt-service-card .tlt-btn,
.tlt-service-card .wp-block-button.tlt-btn .wp-block-button__link,
.tlt-service-card .wp-block-button.tlt-btn-lg .wp-block-button__link {
    font-size: 14px !important;
    padding: 20px 40px !important;
    margin: 30px auto 0 !important;
    display: none !important;
}

/* ==========================================================================
   SECTION 4 — CTA (between services and testimonial)
   max-width:739px; margin:40px 0; desktop button hidden on mobile
   ========================================================================== */
.tlt-cta-section { margin: 40px 0; padding: 0 20px; }
.tlt-cta-section .tlt-inner {
    max-width: 739px;
    margin: 0 auto;
    text-align: center;
}
.tlt-cta-section .tlt-wa-wrap { text-align: center; margin: 20px 0; }

/* ==========================================================================
   SECTION 5 — TESTIMONIAL (brown overlay)
   bg:rgba(145,68,26,0.69); max-width:500px; margin:0
   Spacer:30px; h2: Montserrat 28px italic white left margin:-17px 0 0
   Quote: white Montserrat 20px italic margin:17px 0 0
   Author: white Montserrat
   ========================================================================== */
.tlt-testimonial-section { background-color: rgba(145, 68, 26, 0.69); margin: 0; padding: 0 20px; }
.tlt-testimonial-section .tlt-inner { max-width: 500px; margin: 0 auto; }
.tlt-testimonial-spacer { height: 30px; }
.tlt-testimonial-section h2 {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 30px !important;
    font-style: italic !important;
    font-weight: 400 !important;
    color: #ffffff !important;
    text-align: left !important;
    margin-bottom: 20px;
    padding: 0 !important;
    line-height: 1.2em !important;
    text-transform: none !important;
}
.tlt-quote-text {
    color: #ffffff;
    font-family: 'Montserrat', sans-serif;
    font-size: 20px;
    font-style: italic;
    margin: 17px 0;
    line-height: 1.5;
}
.tlt-quote-author { color: #ffffff; font-family: 'Montserrat', sans-serif; font-size: 17px; margin: 0; line-height: 1.5; }

/* ==========================================================================
   SECTION 6 — ICON BENEFITS
   margin:40px 0; max-width:1140px; 3 flex cols
   Icons 50px: £ #25782b | users #8fe2ed | check #dd6d26
   h3: Montserrat 24px
   ========================================================================== */
.tlt-benefits-section { margin: 40px 0; padding: 0 20px; }
.tlt-benefits-section .tlt-inner {
    max-width: 1140px;
    margin: 0 auto;
    display: flex;
    gap: 20px;
    align-items: flex-start;
}
.tlt-benefit-item { flex: 1; text-align: center; padding: 10px; }
.tlt-benefit-icon { display: block; font-size: 50px; line-height: 1; margin: 0 auto 15px; }
.tlt-benefit-icon .fa,
.tlt-benefit-icon .far,
.tlt-benefit-icon .fas {
    display: inline-block;
}
.tlt-icon-green  { color: #25782b; }
.tlt-icon-blue   { color: #8fe2ed; }
.tlt-icon-orange { color: #dd6d26; }
.tlt-benefit-item h3 {
    font-family: 'Montserrat', sans-serif;
    font-size: 24px;
    font-weight: 400;
    color: #222222;
    margin: 0;
    text-transform: none;
}

/* ==========================================================================
   SECTION 7 — SECOND CTA
   max-width:739px; margin:-24px auto 30px
   ========================================================================== */
.tlt-cta2-section { padding: 0 20px; }
.tlt-cta2-section .tlt-inner { max-width: 739px; margin: -24px auto 30px; text-align: center; }
.tlt-cta2-section .tlt-wa-wrap { margin: 20px 0; }
.wp-block-buttons>.wp-block-button { margin: 10px 0;}

/* ==========================================================================
   SECTION 8 — TEAM HEADER
   bg:#668c75; padding:40px 0; margin:0 0 30px
   h4: Montserrat 65px 300 white center
   ========================================================================== */
.tlt-team-header { background-color: #668c75; text-align: center; padding: 40px 0; margin: 0 0 30px; }
.tlt-team-header h4 {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 65px !important;
    font-weight: 300 !important;
    color: #ffffff !important;
    margin: 0 !important;
    padding: 0 !important;
    text-transform: none !important;
    line-height: 1 !important;
}

/* ==========================================================================
   SECTION 9 — TEAM MEMBERS
   bg:#668c75; margin:-31px 0 -31px; 2 equal cols
   h2: Montserrat 31px white center margin-bottom:11px
   img: border 5px solid #fff; border-radius:500px
   bio: white Montserrat center; padding:16px 40px 40px
   ========================================================================== */
.tlt-team-section { background-color: #668c75; margin: -31px 0 -31px; padding: 0 20px; }
.tlt-team-section .tlt-inner { max-width: 1140px; margin: 0 auto; display: flex; gap: 20px; align-items: flex-start; }
.tlt-team-member { flex: 1; text-align: center; padding: 10px; }
.tlt-team-member h2 {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 31px !important;
    font-weight: 400 !important;
    color: #ffffff !important;
    text-align: center !important;
    margin: 0 0 11px !important;
    padding: 0 !important;
    text-transform: none !important;
    line-height: 1.2em !important;
}
.tlt-team-member img {
    border: 5px solid #ffffff;
    border-radius: 500px;
    display: block;
    margin: 0 auto;
    max-width: 244px;
    height: auto;
}
.tlt-team-bio { text-align: center; color: #ffffff; font-family: 'Montserrat', sans-serif; font-size: 17px; padding: 16px 40px 40px; margin: 0; line-height: 1.5; }

/* ==========================================================================
   SECTION 10 — FAQ
   max-width:544px; spacer top/bottom:65px
   h2: Montserrat letter-spacing:3.7px
   Toggle: Montserrat bold; border-bottom:1px solid #d5d8dc
   ========================================================================== */
.tlt-faq-section { padding: 0 20px; }
.tlt-faq-section .tlt-inner { max-width: 544px; margin: 0 auto; }
.tlt-faq-spacer { height: 65px; }
.tlt-faq-section h2 {
    font-family: 'Montserrat', sans-serif !important;
    letter-spacing: 3.7px !important;
    text-align: center !important;
    font-size: 35px !important;
    font-weight: 400 !important;
    color: #222222 !important;
    text-transform: none !important;
    margin: 0 0 20px !important;
}
.tlt-toggle-title,
.wp-block-details.tlt-toggle summary {
    border-bottom: 1px solid #d5d8dc;
    cursor: pointer;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 17px;
    line-height: 1;
    margin: 0;
    padding: 15px;
    display: flex;
    align-items: center;
    gap: 8px;
    user-select: none;
    list-style: none;
}
.wp-block-details.tlt-toggle summary::-webkit-details-marker {
    display: none;
}
.wp-block-details.tlt-toggle summary::before {
    content: '\25B8';
    display: inline-block;
    width: 1em;
    flex-shrink: 0;
    font-size: 14px;
}
.wp-block-details.tlt-toggle[open] summary::before {
    content: '\25B2';
}
.tlt-toggle-icon { display: inline-block; width: 1em; flex-shrink: 0; font-size: 14px; }
.tlt-icon-open  { display: none; }
.tlt-icon-close { display: inline; }
.tlt-toggle.is-open .tlt-icon-open  { display: inline; }
.tlt-toggle.is-open .tlt-icon-close { display: none; }
.tlt-toggle-content,
.wp-block-details.tlt-toggle > :where(:not(summary)) {
    border-bottom: 1px solid #d5d8dc;
    display: none;
    padding: 15px;
    font-size: 17px;
    font-family: 'Raleway', sans-serif;
    line-height: 1.5;
}
.tlt-toggle-content p { margin: 0; }
.tlt-toggle.is-open .tlt-toggle-content { display: block; }
.wp-block-details.tlt-toggle[open] > :where(:not(summary)) { display: block; }
.wp-block-details.tlt-toggle { margin: 0; }

/* ==========================================================================
   SECTION 11 — CONTACT
   bg:#668c75; margin:40px 0
   max-width:739px; h2: Montserrat letter-spacing:4.9px white center
   Subtext: white Montserrat 24px; form fields bg:#fff
   ========================================================================== */
.tlt-contact-section { background-color: #668c75; margin: 40px 0; padding: 0 20px; }
.tlt-contact-section .tlt-inner { max-width: 739px; margin: 0 auto; padding-bottom: 40px; }
.tlt-contact-section h2 {
    font-family: 'Montserrat', sans-serif !important;
    letter-spacing: 4.9px !important;
    color: #ffffff !important;
    text-align: center !important;
    margin: 40px 0 30px !important;
    padding: 0 !important;
    font-size: 35px !important;
    font-weight: 400 !important;
    line-height: 1.2em !important;
    text-transform: none !important;
}
.tlt-contact-wa { text-align: center; margin: 20px 0; }
.tlt-contact-subtext { text-align: center; color: #ffffff; font-family: 'Montserrat', sans-serif; font-size: 24px; margin: 0 0 20px; line-height: 1.5; }
.tlt-contact-section input[type="text"],
.tlt-contact-section input[type="email"],
.tlt-contact-section input[type="tel"],
.tlt-contact-section textarea,
.tlt-contact-section select {
    background-color: #ffffff !important;
    border: 1px solid #69727d !important;
    color: #1f2124 !important;
    width: 100%;
    padding: 5px 14px !important;
    min-height: 40px;
    border-radius: 3px;
    font-size: 15px;
    margin-bottom: 10px;
    box-sizing: border-box;
}
.tlt-contact-section label { color: #ffffff; display: block; margin-bottom: 4px; font-size: 15px; font-family: 'Raleway', sans-serif; }
.tlt-contact-section input[type="submit"],
.tlt-contact-section button[type="submit"],
.tlt-contact-section .wpforms-submit,
.tlt-contact-section .wpcf7-submit {
    background-color: #668c75 !important;
    color: #ffffff !important;
    border: 1px solid #ffffff !important;
    border-radius: 3px !important;
    padding: 10px 20px;
    font-size: 15px;
    cursor: pointer;
    width: 100%;
    display: block;
    transition: all .3s;
    font-family: 'Raleway', sans-serif;
}
.tlt-contact-section input[type="submit"]:hover,
.tlt-contact-section button[type="submit"]:hover {
    background-color: #ffffff !important;
    color: #668c75 !important;
}

.copyright-bar a {
    display: none;
}

/* ==========================================================================
   TABLET (max-width: 1024px)
   ========================================================================== */
@media (max-width: 1024px) {
    .page-template-template-gutenberg-homepage .site-logo {
        width: 120px;
        max-width: 120px;
    }
    .page-template-template-gutenberg-homepage .site-header .header-image {
        width: 120px;
        height: auto;
    }
    .tlt-hero-section  { flex-direction: column; }
    .wp-block-columns.tlt-hero-section > .wp-block-column {
        flex-basis: 100%;
        flex-grow: 1;
    }
    .tlt-hero-content  { width: 100%; flex-basis: 100%; padding: 74px 25px; }
    .tlt-hero-image    { width: 100%; flex-basis: 100%; }
    .tlt-hero-quote    { font-size: 36px !important; }
    .tlt-hero-btn-wrap .tlt-btn { font-size: 14px !important; margin-top: 50px; }
    .tlt-services-section .tlt-inner { flex-wrap: wrap; }
    .tlt-service-card  { flex: 1 1 calc(33% - 20px); }
    .tlt-service-card .tlt-btn,
    .tlt-service-card .wp-block-button.tlt-btn .wp-block-button__link,
    .tlt-service-card .wp-block-button.tlt-btn-lg .wp-block-button__link { font-size: 14px !important; margin-top: 50px !important; }
    .tlt-team-header   { padding: 100px 25px; }
    .tlt-team-header h4 { font-size: 45px !important; }
    .tlt-services-intro h2 { font-size: 28px !important; }
    .tlt-contact-section h2 { font-size: 28px !important; }
}

/* ==========================================================================
   MOBILE (max-width: 767px)
   ========================================================================== */
@media (max-width: 767px) {
    .page-template-template-gutenberg-homepage .site-logo {
        width: 115px;
        max-width: 115px;
    }
    .page-template-template-gutenberg-homepage .site-header .header-image {
        width: 115px;
        height: auto;
    }
    .tlt-hero-section  { flex-direction: column; }
    .wp-block-columns.tlt-hero-section > .wp-block-column {
        flex-basis: 100%;
        flex-grow: 1;
    }
    .tlt-hero-image    { width: 100%; flex-basis: 100%; min-height: 300px; order: 1; }
    .tlt-hero-content  { width: 100%; flex-basis: 100%; padding: 13px; order: 2; }
    .tlt-hero-quote    { font-size: 22px !important; }
    .tlt-hero-btn-wrap .tlt-btn { margin-top: 30px; }
    .tlt-services-intro h2 { font-size: 23px !important; }
    .tlt-services-section .tlt-inner { flex-direction: column; }
    .tlt-service-card .tlt-btn,
    .tlt-service-card .wp-block-button.tlt-btn .wp-block-button__link,
    .tlt-service-card .wp-block-button.tlt-btn-lg .wp-block-button__link { display: inline-block !important; margin: 0 !important; }
    .tlt-cta-desktop   { display: none !important; }
    .tlt-benefits-section .tlt-inner { flex-direction: column; }
    .tlt-team-header   { padding: 50px 20px; }
    .tlt-team-header h4 { font-size: 45px !important; }
    .tlt-team-section .tlt-inner { flex-direction: column; }
    .tlt-team-bio      { padding: 13px 0 0 !important; }
    .tlt-faq-section h2 { font-size: 24px !important; letter-spacing: 0 !important; }
    .tlt-contact-section h2  { font-size: 24px !important; letter-spacing: 2px !important; }
    .tlt-contact-subtext     { font-size: 23px; }
    .tlt-contact-section     { padding: 0 20px; }
}

.page-template-template-gutenberg-homepage .entry-content,
.page-template-template-gutenberg-homepage .entry-content p,
.page-template-template-gutenberg-homepage .entry-content h2,
.page-template-template-gutenberg-homepage .entry-content h3,
.page-template-template-gutenberg-homepage .entry-content h4,
.page-template-template-gutenberg-homepage .entry-content summary,
.page-template-template-gutenberg-homepage .entry-content label,
.page-template-template-gutenberg-homepage .entry-content input,
.page-template-template-gutenberg-homepage .entry-content textarea,
.page-template-template-gutenberg-homepage .entry-content select,
.page-template-template-gutenberg-homepage .main-navigation a,
.page-template-template-gutenberg-homepage a.tlt-btn,
.page-template-template-gutenberg-homepage .wp-block-button.tlt-btn .wp-block-button__link,
.page-template-template-gutenberg-homepage a.tlt-wa,
.page-template-template-gutenberg-homepage .wp-block-button.tlt-wa .wp-block-button__link {
    font-family: var(--tlt-font-family) !important;
}

/* ==========================================================================
   OVERRIDES FOR FORM
   ========================================================================== */

.wpforms-container input.wpforms-field-medium {
    max-width: 100%;
}

.wpforms-field-label {
    color: white;
}