/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Sep 02 2026 | 10:02:34 */
/* =========================================================
   07 — SECOND CREEK HERO TABLET

   Applies from 768px through 1200px.

   This breakpoint now ends exactly where the desktop hero
   begins, preventing overlapping desktop/tablet rules.
   ========================================================= */

@media (min-width: 768px) and (max-width: 1200px) {

    /* =====================================================
       TABLET HERO INNER

       The header is approximately 90px tall. Subtracting it
       prevents the header plus hero from exceeding one full
       visible viewport unnecessarily.
       ===================================================== */
/* =====================================================
   TABLET TRANSPARENT HEADER / HERO OVERLAP
   ===================================================== */

body.home .sct-site-header {
    position: relative !important;
    z-index: 9999 !important;
    background: transparent !important;
}

body.home .sct-hero {
    margin-top: calc(0px - var(--mobile-header-height, 90px)) !important;

    position: relative !important;
    z-index: 1 !important;
}
  .sct-hero .sct-hero-inner {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;

    /*
     * Header now overlaps the hero instead of taking up
     * space above it, so don't subtract the header height.
     *
     * The original +30px is retained.
     */
    min-height: min(calc(100svh + 30px), calc(153.333vw - 60px)) !important;

    margin-inline: auto !important;

    /*
     * Add the 90px header height to the original top
     * padding so the hero content stays where it was.
     */
    padding:
        calc(clamp(38px, 4.6vw, 56px) + var(--mobile-header-height, 90px))
        clamp(30px, 3.7vw, 44px)
        clamp(48px, 5.3vw, 64px) !important;

    box-sizing: border-box !important;
}


    /* =====================================================
       TABLET HERO COPY
       ===================================================== */

    .sct-hero .sct-hero-copy {
        position: static !important;
        top: auto !important;

        flex: 0 0 auto !important;
        align-self: flex-start !important;

        width: 100% !important;
        max-width: 760px !important;
        min-width: 0 !important;

        margin:
            clamp(38px, 5vw, 60px)
            0
            0 !important;

        padding: 0 !important;

        transform: none !important;

        overflow: visible !important;
        box-sizing: border-box !important;
    }


    /* =====================================================
       TABLET HEADING

       Keeps the tablet heading proportional to the corrected
       desktop heading. It no longer grows larger than desktop.
       ===================================================== */

    .sct-hero .sct-hero-copy > .sct-hero-title {
        display: block !important;

        flex: 0 0 auto !important;
        align-self: flex-start !important;

        width: 100% !important;
        max-width: 760px !important;
        min-width: 0 !important;

        margin: 0 !important;
        padding: 0 !important;

        font-size:
            clamp(58px, 5.5vw, 66px) !important;

        font-weight: 500 !important;

        line-height: 1.08 !important;
        letter-spacing: -0.04em !important;

        text-align: left !important;

        white-space: normal !important;
        overflow: visible !important;
        overflow-wrap: normal !important;
        word-break: normal !important;

        transform: none !important;
    }

    .sct-hero .sct-hero-copy > .sct-hero-title h1,
    .sct-hero .sct-hero-copy > .sct-hero-title h2,
    .sct-hero .sct-hero-copy > .sct-hero-title h3,
    .sct-hero
        .sct-hero-copy
        > .sct-hero-title
        .elementor-heading-title {
        display: block !important;

        width: 100% !important;
        max-width: 760px !important;
        min-width: 0 !important;

        margin: 0 !important;
        padding: 0 !important;

        color: inherit !important;

        font-family: inherit !important;
        font-size: inherit !important;
        font-weight: inherit !important;

        line-height: inherit !important;
        letter-spacing: inherit !important;

        text-align: left !important;

        white-space: normal !important;
        overflow: visible !important;
        overflow-wrap: normal !important;
        word-break: normal !important;
    }


    /* =====================================================
       TABLET DESCRIPTION
       ===================================================== */

    .sct-hero .sct-hero-description {
        width: 100% !important;
        max-width: 480px !important;
        min-width: 0 !important;

        margin: 20px 0 0 !important;
        padding: 0 !important;

        font-size:
            clamp(16px, 1.55vw, 18px) !important;

        line-height: 1.58 !important;
    }

    .sct-hero .sct-hero-description p {
        width: 100% !important;
        max-width: 100% !important;

        margin: 0 !important;
        padding: 0 !important;

        color: inherit !important;

        font-family: inherit !important;
        font-size: inherit !important;
        font-weight: inherit !important;

        line-height: inherit !important;
    }


    /* =====================================================
       TABLET BUTTON ROW
       ===================================================== */

    .sct-hero .sct-hero-actions {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: wrap !important;

        align-items: center !important;
        justify-content: flex-start !important;

        width: 100% !important;
        max-width: 580px !important;

        gap: 14px !important;

        margin: 30px 0 0 !important;
        padding: 0 !important;
    }

    .sct-hero .sct-hero-btn-primary,
    .sct-hero .sct-hero-btn-secondary {
        flex: 0 0 auto !important;

        width: auto !important;
        max-width: none !important;

        margin: 0 !important;
        padding: 0 !important;
    }


    /* Primary tablet button */

    .sct-hero .sct-hero-btn-primary .elementor-button,
    .sct-hero .sct-hero-btn-primary a,
    .sct-hero a.sct-hero-btn-primary,
    .sct-hero .sct-hero-btn-primary button,
    .sct-hero button.sct-hero-btn-primary {
        min-width: 215px !important;
        min-height: 54px !important;

        padding-inline: 24px !important;

        font-size: 14px !important;
    }


    /* Secondary tablet button */

    .sct-hero .sct-hero-btn-secondary .elementor-button,
    .sct-hero .sct-hero-btn-secondary a,
    .sct-hero a.sct-hero-btn-secondary,
    .sct-hero .sct-hero-btn-secondary button,
    .sct-hero button.sct-hero-btn-secondary {
        min-width: 170px !important;
        min-height: 54px !important;

        padding-inline: 22px !important;

        font-size: 14px !important;
    }


    /* =====================================================
       TABLET TRUST SECTION WRAPPER
       ===================================================== */

    .sct-hero .sct-hero-trust-section {
        position: static !important;

        display: block !important;
        align-self: flex-start !important;

        width: 100% !important;
        max-width: 770px !important;
        min-width: 0 !important;

        margin: 38px 0 0 !important;
        padding: 0 !important;

        transform: none !important;

        overflow: visible !important;
        box-sizing: border-box !important;
    }


    /* =====================================================
       TABLET TRUST BAR
       ===================================================== */

    .sct-hero .sct-hero-trust {
        display: grid !important;

        grid-template-columns:
            repeat(3, minmax(0, 1fr)) !important;

        align-items: stretch !important;
        justify-items: stretch !important;

        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;

        column-gap: 0 !important;
        row-gap: 0 !important;

        margin: 0 !important;

        padding:
            21px
            18px !important;

        border: 0 !important;
        border-radius: 9px !important;

        background:
            linear-gradient(
                90deg,
                rgba(255, 255, 255, 0.97) 0%,
                rgba(255, 255, 255, 0.94) 70%,
                rgba(255, 255, 255, 0.86) 100%
            ) !important;

        box-shadow:
            0 10px 30px
            rgba(17, 22, 56, 0.05) !important;

        overflow: hidden !important;
        box-sizing: border-box !important;
    }


    /* =====================================================
       TABLET TRUST ITEMS
       ===================================================== */

    .sct-hero .sct-hero-trust-item {
        display: grid !important;

        grid-template-columns:
            28px minmax(0, 1fr) !important;

        align-items: start !important;

        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;

        gap: 9px !important;

        margin: 0 !important;
        padding: 0 14px !important;

        overflow: visible !important;
        box-sizing: border-box !important;
    }

    .sct-hero .sct-hero-trust-item:first-child {
        padding-left: 0 !important;
    }

    .sct-hero .sct-hero-trust-item:last-child {
        padding-right: 0 !important;
    }

    .sct-hero
        .sct-hero-trust-item
        + .sct-hero-trust-item {
        border-left:
            1px solid
            var(--sct-divider) !important;
    }


    /* =====================================================
       TABLET TRUST ICONS
       ===================================================== */

    .sct-hero .sct-hero-trust-icon {
        width: 28px !important;
        min-width: 28px !important;
        max-width: 28px !important;

        margin: 1px 0 0 !important;
        padding: 0 !important;
    }

    .sct-hero
        .sct-hero-trust-icon
        .elementor-icon {
        display: inline-flex !important;

        align-items: center !important;
        justify-content: center !important;

        width: 28px !important;
        height: 28px !important;

        color: var(--sct-blue) !important;
        font-size: 22px !important;
    }

    .sct-hero .sct-hero-trust-icon svg {
        display: block !important;
		fill: currentColor !important;

        width: 22px !important;
        height: 22px !important;
    }


    /* =====================================================
       TABLET TRUST CONTENT
       ===================================================== */

    .sct-hero .sct-hero-trust-content {
        display: flex !important;
        flex-direction: column !important;

        align-items: flex-start !important;
        justify-content: flex-start !important;

        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;

        gap: 5px !important;

        margin: 0 !important;
        padding: 0 !important;
    }


    /* =====================================================
       TABLET TRUST TITLES
       ===================================================== */

    .sct-hero .sct-hero-trust-title {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;

        margin: 0 !important;
        padding: 0 !important;

        color: var(--sct-navy) !important;

        font-family:
            "Inter",
            Arial,
            sans-serif !important;

        font-size:
            clamp(13px, 1.15vw, 15px) !important;

        font-weight: 700 !important;

        line-height: 1.25 !important;
        letter-spacing: -0.012em !important;

        text-align: left !important;

        white-space: normal !important;
        overflow-wrap: normal !important;
        word-break: normal !important;
    }

    .sct-hero .sct-hero-trust-title h1,
    .sct-hero .sct-hero-trust-title h2,
    .sct-hero .sct-hero-trust-title h3,
    .sct-hero .sct-hero-trust-title h4,
    .sct-hero .sct-hero-trust-title h5,
    .sct-hero .sct-hero-trust-title h6,
    .sct-hero
        .sct-hero-trust-title
        .elementor-heading-title {
        width: 100% !important;

        margin: 0 !important;
        padding: 0 !important;

        color: inherit !important;

        font-family: inherit !important;
        font-size: inherit !important;
        font-weight: inherit !important;

        line-height: inherit !important;
        letter-spacing: inherit !important;

        white-space: normal !important;
        overflow-wrap: normal !important;
        word-break: normal !important;
    }


    /* =====================================================
       TABLET TRUST DESCRIPTIONS
       ===================================================== */

    .sct-hero .sct-hero-trust-description {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;

        margin: 0 !important;
        padding: 0 !important;

        color: #4d5a70 !important;

        font-family:
            "Inter",
            Arial,
            sans-serif !important;

        font-size:
            clamp(11.5px, 1vw, 13px) !important;

        font-weight: 400 !important;
        line-height: 1.45 !important;

        text-align: left !important;

        white-space: normal !important;
        overflow-wrap: normal !important;
        word-break: normal !important;
    }

    .sct-hero .sct-hero-trust-description p {
        width: 100% !important;

        margin: 0 !important;
        padding: 0 !important;

        color: inherit !important;

        font-family: inherit !important;
        font-size: inherit !important;
        font-weight: inherit !important;

        line-height: inherit !important;
    }

    /*
     * Tablet artwork remains controlled separately in:
     * 05 — Second Creek Hero Background Images.
     */
}