/* Adobe "Wreath" and "ff-uberhand-pro" Fonts */
@import url("https://use.typekit.net/yjq0nhb.css");
@import url("https://use.typekit.net/qwn5slk.css");

:root {
    --holiday-2025-background: #590003 url('/wp-content/themes/bootstrap-basic_inceptia/holiday2025/bkgTop.png') repeat-x fixed;
    /* Lifted from Bootstrap v5.3.8 - https://github.com/twbs/bootstrap/blob/main/scss/_variables.scss */
    --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

html body {
    background: var(--holiday-2025-background);

    /* Override some stuff that's interferring */
    header, footer {
        background-color: transparent !important;
    }
}

#entry-content {
    --content-bg: #fff;
    --text-color: #212529;
    --link-color: #378b36;
    --holiday-2025-green: #378b36;
    --border-radius: clamp(20px, -5px + 5.2083vw, 35px);

    #holiday-content-2025 {
        .holiday-2025-green {
            color: var(--holiday-2025-green);
        }

        font-family: 'ff-uberhand-pro', var(--bs-font-sans-serif);
        margin-block-start: clamp(25px, -30.9701px + 11.194vw, 100px);
        max-width: clamp(400px, 90%, 780px);
        padding-inline: 0;

        .embed-responsive {
            background-image: linear-gradient(to bottom, transparent 0%, transparent 50%, white 51%);
        }

        video {
            border-radius: var(--border-radius);
            cursor: pointer;
        }
    }

    .holiday-2025-text {
        background-color: var(--content-bg);
        border-bottom-left-radius: var(--border-radius);
        border-bottom-right-radius: var(--border-radius);
        color: var(--text-color);
        font-size: clamp(16px, 2.6667px + 2.7778vw, 24px);
        line-height: 1.2;
        padding: clamp(15px, 3.806px + 2.2388vw, 30px);
        padding-block-start: clamp(10px, 2.5373px + 1.4925vw, 20px);

        h1 {
            font-family: 'wreath', var(--bs-font-sans-serif);
            font-size: clamp(26px, -10.6667px + 7.6389vw, 48px);
            margin-block-start: 10px;
            margin-block-end: clamp(12px, -9.6667px + 4.5139vw, 25px);
        }

        h2 {
            font-size: clamp(24px, 0.6667px + 4.8611vw, 38px);
            font-weight: bold;
            margin-block-start: 10px;
            margin-block-end: clamp(30px, -20px + 10.4167vw, 60px);
        }

        p {
            margin-bottom: 1em;
        }

        a {
            color: var(--link-color);
            font-weight: bold;
            text-decoration: underline;
        }
    }
}