/* ==================================================
   THREE BRANCHES LANDSCAPES
   LEGAL PAGES
================================================== */


/* ==================================================
   LEGAL PAGE HEADER
   Header without hero
================================================== */

.legal-page-header .site-header {
    position: relative;

    top: 0;

    min-height: 128px;

    padding-top: 20px;

    background: var(--white);

    pointer-events: none;
}

.legal-header.content-block p {
    margin-top: var(--space-title-content);
}

/* ==================================================
   HEADER INNER
================================================== */

.legal-page-header .header-inner {
    height: 108px;

    padding-top: 18px;

    align-items: flex-start;
}


/* ==================================================
   DESKTOP NAVIGATION
================================================== */

.legal-page-header .desktop-navigation {
    border: 1px solid rgba(6, 109, 4, 0.12);

    background: rgba(6, 109, 4, 0.06);
}


/* ==================================================
   DESKTOP NAV LINKS
================================================== */

.legal-page-header .primary-menu > li > a {
    color: var(--heading);
}

.legal-page-header .primary-menu > li > a:hover,
.legal-page-header .primary-menu .current-menu-item > a,
.legal-page-header .primary-menu .current-menu-ancestor > a {
    color: var(--primary);
    opacity: 1;
}


/* ==================================================
   MENU SEPARATORS
================================================== */

.legal-page-header .primary-menu > li:not(:last-child)::after {
    background: rgba(62, 63, 63, 0.35);
}


/* ==================================================
   LOGO
================================================== */

/* .legal-page-header .header-logo-box {
    height: 100px;

    padding: 12px;

    border:
        1px solid rgba(6, 109, 4, 0.12);

    border-radius:
        0
        0
        var(--radius)
        var(--radius);

    box-shadow:
        0 4px 18px rgba(0, 0, 0, 0.05);
} */


/* ==================================================
   CONTACT INFO
================================================== */

.legal-page-header .header-contact-item {
    color: var(--heading);
}

.legal-page-header .header-contact-item:hover {
    color: var(--primary);
    opacity: 1;
}

.legal-page-header .header-contact-icon svg {
    color: var(--primary);
}


/* ==================================================
   DESKTOP SUBMENU
================================================== */

.legal-page-header .primary-menu .sub-menu {
    background: var(--white);

    border: 1px solid rgba(6, 109, 4, 0.14);

    box-shadow:
        0 12px 30px rgba(0, 0, 0, 0.10);
}

.legal-page-header .primary-menu .sub-menu a {
    color: var(--heading);
}

.legal-page-header .primary-menu .sub-menu a:hover {
    color: var(--primary);

    background: rgba(6, 109, 4, 0.06);
}


/* ==================================================
   LEGAL CONTENT START
================================================== */

.legal-page-header .legal-section {
    padding-top: var(--space-xl);
}


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

@media (max-width: 991px) {

    .legal-page-header .site-header {
        min-height: 120px;

        padding-top: 15px;
    }

    .legal-page-header .header-inner {
        height: 100px;
    }

    .legal-page-header .header-logo-box {
        width: 145px;
        height: 100px;

        padding: 12px;
    }

    .legal-page-header .mobile-navigation > summary {
        background: rgba(6, 109, 4, 0.08);

        border: 1px solid rgba(6, 109, 4, 0.16);
    }

    .legal-page-header .mobile-menu-icon::before,
    .legal-page-header .mobile-menu-icon::after,
    .legal-page-header .mobile-menu-icon > span {
        background: var(--heading);
    }

}


/* ==================================================
   MOBILE
================================================== */

@media (max-width: 767px) {

    .legal-page-header .site-header {
        min-height: 112px;

        padding-top: 10px;
    }

    .legal-page-header .header-inner {
        height: 96px;
    }

    .legal-page-header .legal-section {
        padding-top: var(--space-lg);
    }

}


/* ==================================================
   WRAPPER
================================================== */

.legal-wrap {
    width: min(100%, 1000px);
    margin: 0 auto;
}


/* ==================================================
   PAGE HEADER
================================================== */

.legal-header {
    max-width: 760px;

    margin:
        0
        auto
        var(--space-2xl);

    text-align: center;
}

.legal-header h1 {
    color: var(--heading);
}

.legal-header h1 span {
    font-family: var(--script-font);
    font-weight: 400;

    color: var(--primary);
}


/* ==================================================
   LEGAL CONTENT
================================================== */

.legal-content {
    padding:
        var(--space-xl)
        var(--space-2xl);

    border: 1px solid var(--border);
    border-radius: var(--radius);

    background: var(--white);
}


/* ==================================================
   CONTENT BLOCKS
================================================== */

.legal-block + .legal-block {
    margin-top: var(--space-xl);

    padding-top: var(--space-xl);

    border-top: 1px solid rgba(62, 63, 63, 0.14);
}

.legal-block h2 {
    margin-bottom: var(--space-title-content);
}

.legal-block p + p {
    margin-top: var(--space-paragraph);
}


/* ==================================================
   LINKS
================================================== */

.legal-block a {
    color: var(--primary);
    text-decoration: none;

    transition: opacity var(--transition);
}

.legal-block a:hover {
    opacity: 0.75;
}


/* ==================================================
   MOBILE
================================================== */

@media (max-width: 767px) {

    .legal-content {
        padding: var(--space-lg);
    }

}


/* ==================================================
   SMALL MOBILE
================================================== */

@media (max-width: 575px) {

    .legal-content {
        padding: var(--space-md);
    }

}