/* RESET & BASE STYLES */
    * {
        box-sizing: border-box;
    }
    body {
        font-family: 'Neue Montreal';
        /* Match index.html page background */
        background-color: #F0ECE4 !important;
        color: #2B2B2B;
        line-height: 1.6;
        margin: 0;
    }

    /* Thank you page: remove white block + tighten spacing */
    body.thank-you-page .story-name-section {
        background-color: #F0ECE4 !important;
        padding-top: 60px !important;
        padding-bottom: 60px !important;
        margin-top: 0 !important;
    }

    @media (max-width: 767px) {
        body.thank-you-page .story-name-section {
            padding-top: 40px !important;
            padding-bottom: 40px !important;
        }
    }

    /* Footer (legal pages) */
    .footer {
        background-color: #2F7F86;
        color: #FFFFFF;
        font-family: 'Public Sans', sans-serif !important;
    }
    .footer p,
    .footer a,
    .footer-links a,
    .footer-links span,
    .footer-bottom,
    .footer-copyright {
        color: #FFFFFF !important;
        font-family: 'Public Sans', sans-serif !important;
    }

    /* Footer links should be regular (not bold) */
    .footer a,
    .footer-links a {
        font-weight: 400 !important;
    }
    .img-logo{
        height: 106px;
    }
    .site-header {
    height: 110px;
    z-index: 1050;
    background-color: #ffffff;
}

.overlay-content {
    position: relative;  width: 100%; text-align: right; padding-right: 5%;
      height: 800px;
    background-color: #ffffff;
    padding-top: 10%;
}
    /* --- FIXED HEADER STYLES --- */
    header {
        
        top: 0;
        left: 0;
        width: 100%;
        height: 90px;
        background-color: #ffffff;
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 0 40px;
        z-index: 1000; 
    }
    .content-container{
        margin-top: 50px;
    }
    .header-left{
        margin-top: 40px;
    } 
    .header-new-left {
         margin-top: 40px;
     }
        .header-new-left {
            margin-top: 40px;
        }

    /* Center header logo on legal pages (desktop + mobile) */
    body.privacy-policy-page .site-new-header .row,
    body.terms-and-conditions-page .site-new-header .row,
body.legal-disclaimer-page .site-new-header .row,
body.thank-you-page .site-new-header .row {
        justify-content: center !important;
    }

    body.privacy-policy-page .header-new-left,
    body.terms-and-conditions-page .header-new-left,
body.legal-disclaimer-page .header-new-left,
body.thank-you-page .header-new-left {
        flex: 0 0 100% !important;
        max-width: 100% !important;
        width: 100% !important;
        display: flex !important;
        justify-content: center !important;
        text-align: center !important;
    }

    /* Give header more vertical space (like index.html) */
    body.privacy-policy-page .site-new-header,
    body.terms-and-conditions-page .site-new-header,
body.legal-disclaimer-page .site-new-header,
body.thank-you-page .site-new-header {
        padding-top: 26px !important;
        padding-bottom: 18px !important;
    }

    /* Remove extra top margin so logo sits nicely */
    body.privacy-policy-page .header-new-left,
    body.terms-and-conditions-page .header-new-left,
body.legal-disclaimer-page .header-new-left,
body.thank-you-page .header-new-left {
        margin-top: 0 !important;
    }

    @media (max-width: 767px) {
        body.privacy-policy-page .site-new-header,
        body.terms-and-conditions-page .site-new-header,
        body.legal-disclaimer-page .site-new-header,
        body.thank-you-page .site-new-header {
            padding-top: 20px !important;
            padding-bottom: 14px !important;
        }
    }

    /* Smaller header logo on legal pages */
    body.privacy-policy-page .general-logo,
    body.terms-and-conditions-page .general-logo,
body.legal-disclaimer-page .general-logo,
body.thank-you-page .general-logo {
        height: 80px !important;
        width: auto !important;
        max-width: 220px;
    }

    @media (max-width: 767px) {
        body.privacy-policy-page .general-logo,
        body.terms-and-conditions-page .general-logo,
        body.legal-disclaimer-page .general-logo,
        body.thank-you-page .general-logo {
            height: 64px !important;
            max-width: 200px;
        }
    }
    .privacy-logo{
        height: 107px;
        width: 223px;
    }

  
    .logo-heading{
        font-family:Ogg Unlicensed Trial ;
        font-weight: 400;
        font-style: normal;
        font-size: 25.16px;
        line-height: 100%;
        letter-spacing: 2%;
        text-transform: uppercase;
        color:#3395A0;
    }
    .content-start{
        margin-top: 50px;
        margin-bottom: 50px;
        text-align: justify;
    }

    /* When using the homepage fixed header on legal pages,
       remove extra gaps so the title starts like the homepage */
    body.privacy-policy-page .content-container,
    body.terms-and-conditions-page .content-container,
    body.legal-disclaimer-page .content-container {
        margin-top: 0 !important;
    }

    body.privacy-policy-page .content-start,
    body.terms-and-conditions-page .content-start,
    body.legal-disclaimer-page .content-start {
        margin-top: 24px !important;
    }
    .heading-h2-style{
        font-family: Ogg Unlicensed Trial;
        font-size: 40px;
        line-height: 130%;
        font-style: normal;
        text-align: center;
        text-transform: uppercase;
        color: #3395A0;
    }

    /* Page title color (only the top H1 title on legal pages) */
    body.privacy-policy-page h1.heading-h2-style,
    body.terms-and-conditions-page h1.heading-h2-style,
body.legal-disclaimer-page h1.heading-h2-style,
body.thank-you-page h1.heading-h2-style {
        color: #2F5F63;
        font-family: "TAN-Angleton";
        font-weight: 400;
        letter-spacing: 2px;
        /* match index.html INTRODUCING PARADISE BREEZE size */
        font-size: 28px;
    }

    /* Mobile: main legal titles same size as RESIDENCES / THE HOTEL (index.html) */
    @media (max-width: 767px) {
        body.privacy-policy-page h1.heading-h2-style,
        body.terms-and-conditions-page h1.heading-h2-style,
        body.legal-disclaimer-page h1.heading-h2-style,
        body.thank-you-page h1.heading-h2-style {
            font-size: 20px;
            line-height: 130%;
        }
    }

    /* Thank you page should use same footer color as legal pages */
    body.thank-you-page .footer {
        background-color: #2F7F86;
    }

    /* Legal page subheadings should match title style */
    body.privacy-policy-page .heading-h3-style,
    body.terms-and-conditions-page .heading-h3-style,
    body.legal-disclaimer-page .heading-h3-style {
        color: #2F5F63;
        font-family: "TAN-Angleton";
        font-weight: 400;
        font-size: 16px;
        line-height: 140%;
        letter-spacing: 1px;
        text-transform: uppercase;
    }

    @media (max-width: 767px) {
        body.privacy-policy-page .heading-h3-style,
        body.terms-and-conditions-page .heading-h3-style,
        body.legal-disclaimer-page .heading-h3-style {
            font-size: 15px;
        }
    }
    .heading-h3-style{
    font-family: Ogg Unlicensed Trial;
    font-weight: 400;
    font-style: normal;
    font-size: 20px;
    line-height: 130%;
    letter-spacing: 0%;
    color: #3395A0;
    }
        @media (max-width: 767px) {
            .heading-h3-style {
                letter-spacing: normal !important;
                word-spacing: normal !important;
                text-align: left !important;
            }
        }
    .legal-disclaimer-text{
        margin-left: 100px;
        margin-right: 100px;
        font-family: 'Public Sans', sans-serif;
    }
        @media (max-width: 767px) {
            .legal-disclaimer-text p {
                letter-spacing: normal !important;
                word-spacing: normal !important;
            }
        }
                          @media (max-width: 575px) {
                              .legal-disclaimer-text {
                                  margin-left: 15px;
                                  margin-right: 15px;
                                font-family: 'Public Sans', sans-serif;
                              }
            
                              .legal-disclaimer-text p,
                              .legal-disclaimer-text li {
                                  text-align: left !important;
                                  /* 🔥 Left align for clean look */
                                  letter-spacing: normal !important;
                                  word-spacing: normal !important;
                                  hyphens: auto;
                                font-family: 'Public Sans', sans-serif;
                              }
                          }

    /* Legal pages: paragraph text should be Public Sans (p only) */
    body.privacy-policy-page p,
    body.terms-and-conditions-page p,
    body.legal-disclaimer-page p {
        font-family: 'Public Sans', sans-serif !important;
        font-weight: 300;
        font-size: 18px;
        line-height: 160%;
        letter-spacing: 0%;

    }
    p span{
       color: #3395A0;
    }

    .header-subtitle {
        color: #6e5c5c;
        font-size: 10px;
        letter-spacing: 2px;
        margin-top: 2px;
    }


    /* --- MAIN CONTENT STYLES --- */
    .policy-container {
        max-width: 900px;
        margin: 0 auto;
        background: #fff;
        padding: 40px 20px 60px 20px;
        min-height: 60vh;
    }


    .policy-container p {
        font-size: 15px;
        margin-bottom: 15px;
        color: #2B2B2B;
        font-family: 'Public Sans', sans-serif !important;
    }

    a {
        color: #4da9a6;
        text-decoration: underline;
    }
    
    a:hover {
        text-decoration: none;
    }

    .policy-item ul {
        margin-bottom: 20px;
        padding-left: 25px;
        font-family: "Neue Montreal";
    }

    li {
        margin-bottom: 8px;
        font-size: 18px;
        color: #2B2B2B;
        font-family: "Neue Montreal";
        font-weight: 400;
    }

    /* Ensure legal/privacy/terms pages use the same body text color */
    .legal-disclaimer-text,
    .legal-disclaimer-text p,
    .legal-disclaimer-text li,
    .content-start,
    .content-start p,
    .content-start li {
        color: #2B2B2B;
    }

    /* Override inline menu link colors on those pages */
    .side-nav-content a,
    .side-nav-content a:active,
    .side-nav-content a:focus {
        color: #2B2B2B !important;
    }

    .highlight-teal {
        color: #4da9a6;
    }

    .contact-info {
        margin-top: 10px;
        font-family: 'Public Sans', sans-serif;
    }

    /* Mobile: legal page paragraph size 16px */
    @media (max-width: 767px) {
        body.privacy-policy-page p,
        body.terms-and-conditions-page p,
        body.legal-disclaimer-page p {
            font-size: 16px !important;
            line-height: 150% !important;
        }
    }

    
    @media (max-width: 499px) {
    .legal-disclaimer-text{
        margin:20px;
    }
    header{
        display: inline;
    }
    .overlay-content{
        padding-top: 110px;
    }
    p{
        letter-spacing: -1.0px;
    }
    li{
        letter-spacing: -1.0px;
        font-size: 16px;
    line-height: 150%;
    }
    .heading-h2-style {
        font-size: 28px;
    }

     p {font-size: 16px;
    line-height: 150%;
     }

    }

    

    /* Mobile only: footer legal links exactly 12px */
    @media (max-width: 767px) {
        .footer-links,
        .footer-links a {
            font-size: 12px !important;
        }
    }

    /* Mobile only: footer contact + social text 14px (not legal links) */
    @media (max-width: 767px) {
        .footer .right-col p,
        .footer .right-col a,
        .footer .social-col a,
        .footer .social-col p {
            font-size: 14px !important;
        }
    }

    /* Mobile only: copyright 12px (avoid 768px overlap) */
    @media (max-width: 767.98px) {
        .footer .footer-bottom .footer-copyright {
            font-size: 12px !important;
        }
    }

    /* Desktop: footer contact + social 16px, copyright 14px */
    @media (min-width: 768px) {
        .footer .right-col p,
        .footer .right-col a,
        .footer .social-col a,
        .footer .social-col p {
            font-size: 16px !important;
        }

        .footer-copyright {
            font-size: 14px !important;
        }
    }