/* Import similar free Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Caveat&family=Patrick+Hand&display=swap');



@font-face {
    font-family: 'Brittany';
    src: url('../fonts/BrittanySignature.ttf') format('opentype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Sinthya';
    src: url('../fonts/Sinthya.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

:root {
    --fy-bg: #FDFBF8;
    /*        F6F1EE;*/
    /*        F7EFE5;*/
    /*        FFFaf6;*/
    --fy-paper: #fffaf3;
    --fy-ink: #3b2b25;
    --fy-muted: #8b7469;
    --fy-gold: #b9945a;
    --fy-line: rgba(185, 148, 90, .35);
    --theme-palette-color-1: #fed8c2;
    --theme-palette-color-2: #f8bb98;
    --theme-palette-color-3: #4A4A4A;
    --theme-palette-color-4: #000000;
    --theme-palette-color-5: #EDEFF2;
    --theme-palette-color-6: #F9FAFB;
    --theme-palette-color-7: #FDFDFD;
    --theme-palette-color-8: #FFFFFF;
    --countdown: #98658F;
    --countdown-light: #B583AB;
}

.fc {
    width: 100%;
    font-size: 16px;
}

    .fc .fc-toolbar-title {
        font-size: clamp(1.8rem, 5vw, 3rem);
        font-family: "Playfair Display", serif;
        color: #3b2b25;
    }

    .fc .fc-col-header-cell-cushion,
    .fc .fc-daygrid-day-number {
        white-space: nowrap;
        font-size: clamp(.8rem, 2vw, 1rem);
    }

    .fc .fc-daygrid-day-frame {
        min-height: 60px;
    }

    .fc .fc-scrollgrid {
        width: 100% !important;
    }

    .fc .fc-daygrid-day-top,
    .fc-scrollgrid-sync-inner {
        user-select: none;
    }


.fy-page {
    /*    max-width: 430px;*/
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    color: var(--fy-ink);
    background: var(--fy-bg);
    /*        radial-gradient(circle at top, rgba(255,255,255,.8), transparent 28rem), linear-gradient(180deg, #f7efe5, #efe1d2);*/
    font-family: "Manrope", sans-serif;
    overflow: hidden;
    box-shadow: 0 0 40px rgba(0,0,0,.08);
    max-height: fit-content;
}

.fy-section {
    width: 100%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding-bottom: 3rem;
}

.fy-small-title {
    margin: 0 0 1rem;
    color: var(--fy-gold);
    font-size: .75rem;
    font-weight: 700;
    letter-spacing: .22em;
    text-transform: uppercase;
}

/* Global responsive layout */
html,
body {
    max-width: 100%;
    overflow-x: hidden;
}

.fy-page img {
    max-width: 100%;
}

@media (max-width: 1024px) {
    .fy-page {
        box-shadow: none;
    }

    .fy-section {
        padding-bottom: clamp(2rem, 5vw, 3rem);
    }

    .fy-card,
    .fy-thankyou {
        width: 100%;
        padding-left: clamp(1rem, 4vw, 3rem);
        padding-right: clamp(1rem, 4vw, 3rem);
    }

    .fy-thankyou {
        overflow-wrap: anywhere;
    }
}

@media (max-width: 430px) {
    .fy-section {
        padding-bottom: 2rem;
    }

    .fy-card,
    .fy-thankyou {
        padding-left: 1rem;
        padding-right: 1rem;
    }
}

@media (max-width: 360px) {
    .fy-card,
    .fy-thankyou {
        padding-left: .75rem;
        padding-right: .75rem;
    }
}