/* =====================================
   PRIVACY POLICY
===================================== */

.privacy-hero {
    position: relative;
    padding: 180px 0 110px;
    background:
        linear-gradient(rgba(26, 28, 30, .68), rgba(26, 28, 30, .68)),
        url("../assets/luxury-bathroom.png") center/cover no-repeat;
    color: #fff;
}

.page-label {
    display: inline-block;
    margin-bottom: 18px;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: .18em;
    color: rgba(255, 255, 255, .7);
}

.privacy-hero h1 {
    font-size: 3.5rem;
    line-height: 1;
    max-width: 800px;
    margin-bottom: 24px;
}

.privacy-hero p {
    max-width: 760px;
    color: rgba(255, 255, 255, .75);
    font-size: 1.05rem;
    line-height: 1.9;
    margin-bottom: 18px;
}

.updated-date {
    display: inline-block;
    margin-top: 10px;
    color: rgba(255, 255, 255, .5);
    font-size: .85rem;
    letter-spacing: .08em;
    text-transform: uppercase;
}

/* =====================================
LAYOUT
===================================== */
.privacy-wrapper {
    padding: 90px 0;
}

.privacy-layout {
    display: grid;
    grid-template-columns: 240px minmax(0, 1fr);
    gap: 80px;
    align-items: start;
}

.privacy-container {
    width: 100%;
    max-width: 900px;
}

/* =====================================
SIDEBAR
===================================== */
.privacy-sidebar {
    position: sticky;
    top: 110px;
}

.sidebar-title {
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: .18em;
    color: var(--bronze);
    margin-bottom: 20px;
}

.privacy-sidebar a{
    display:block;
    padding:10px 0 10px 12px;
    border-left:2px solid transparent;
    color:rgba(26,28,30,.55);
    transition:all .3s ease;
}

.privacy-sidebar a:hover {
    color: var(--bronze);
    padding-left: 8px;
}

.privacy-sidebar a.active{
    color:var(--bronze);
    font-weight:600;
    padding-left:12px;
    border-left:2px solid var(--bronze);
}

/* =====================================
SECTION
===================================== */
.policy-section {
    scroll-margin-top: 120px;
    padding: 80px 0;
    border-bottom: 1px solid rgba(140, 115, 86, .18);
}

.policy-section:last-child {
    border: none;
}

.policy-section h2 {
    font-size: 2.35rem;
    margin-bottom: 28px;
    color: var(--obsidian);
}

.policy-section h3 {
    margin-top: 40px;
    margin-bottom: 16px;
    font-size: 1.45rem;
    color: var(--obsidian);
}

.policy-section h4 {
    font-family: var(--font-body);
    font-weight: 600;
    font-size: 1rem;
    color: var(--bronze);
    margin-bottom: 10px;
}

.policy-section p {
    font-size: 1rem;
    line-height: 1.95;
    color: rgba(26, 28, 30, .72);
    margin-bottom: 20px;
}


/* =====================================
DEFINITIONS
===================================== */

.definition-item {
    padding: 26px 0;
    border-bottom: 1px solid rgba(209, 205, 194, .55);
}

.definition-item:last-child {
    border: none;
}

.definition-item h4 {
    margin-bottom: 10px;
}

.definition-item p {
    margin: 0;
}


/* =====================================
LISTS
===================================== */

.policy-list {
    list-style: none;
    margin: 30px 0;
    padding: 0;
}

.policy-list li {
    position: relative;
    padding-left: 28px;
    margin-bottom: 16px;
    line-height: 1.8;
    color: rgba(26, 28, 30, .75);
}

.policy-list li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 12px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--bronze);
}


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

.contact-info {
    margin-top: 35px;
    padding-top: 35px;
    border-top: 1px solid rgba(140, 115, 86, .2);
}

.contact-info p {
    margin-bottom: 14px;
}

.contact-info strong {
    color: var(--bronze);
    display: inline-block;
    width: 80px;
}


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

.policy-section a {
    color: var(--bronze);
    transition: .3s;
}

.policy-section a:hover {
    color: var(--bronze-hover);
}


/* =====================================
TABLET
===================================== */
@media(max-width:1024px) {
    .privacy-layout {
        grid-template-columns: 1fr;
        gap: 40px;
    }

    .privacy-sidebar {
        position: static;
        display: flex;
        overflow-x: auto;
        gap: 20px;
        padding-bottom: 15px;
        border-bottom: 1px solid rgba(140, 115, 86, .15);
    }

    .sidebar-title {
        display: none;
    }

    .privacy-sidebar a {
        white-space: nowrap;
    }

    .privacy-container {
        max-width: 100%;
    }

    .privacy-hero {
        padding: 160px 0 90px;
    }

}

/* =====================================
MOBILE
===================================== */
@media(max-width:1024px) {
    .privacy-layout {
        grid-template-columns: 1fr;
        gap: 40px;
    }

    .privacy-sidebar {
        position: static;
        display: flex;
        overflow-x: auto;
        gap: 20px;
        padding-bottom: 15px;
        border-bottom: 1px solid rgba(140, 115, 86, .15);
    }

    .sidebar-title {
        display: none;
    }

    .privacy-sidebar a {
        white-space: nowrap;
    }

    .privacy-container {
        max-width: 100%;
    }

    .privacy-hero {
        padding: 160px 0 90px;
    }

    .privacy-sidebar {
        gap: 15px;
    }

    .privacy-sidebar a {
        font-size: .85rem;
    }
}

.footer-nav-links a[aria-current="page"]{
    color: var(--bronze);
}