@font-face {
    font-family: 'Montserrat-Regular';
    src: url('../../../../weddingwebsite/assets/fonts/montserrat/Montserrat-Regular.otf');
}

@font-face {
    font-family: 'Modern';
    src: url('../../../../weddingwebsite/assets/fonts/modern/modern.ttf');
}

@font-face {
    font-family: 'Century';
    src: url('../../../../weddingwebsite/assets/fonts/centurygothic/centurygothic.ttf');
}

:root {
    --text-color-1: #B9250D;
    --text-color-2: #583A20;
    --text-color-3: #585b5c;
    --text-color-4: #B9250D;
    --function-details-color: #583A20;
    --rsvp-submit-color: #583A20;
    --rsvp-bg: transparent;
    --rsvp-checkbox-color: #583A20;
    --rsvp-placeholder-color: #583a20;
    --virtual-button-color: #b9250d;
    --img-border-color: #B9250D;
    --couple-name-font-size: 40px;
    --wedding-content-font-size: 20px;
    --nav-bg-color: #fde9d7;
    --nav-border-color: #b9250d33;
    --footer-bg-color: #fff;
    --event-desc-bg: #ffffff;
    --thin-banner-background: transparent;
    --time-line-divider: #f6ded8;
    --guestbook-color: #B9250D;
    --guestbook-placeholder-color: #B9250D;
    --time-line-dot: url("../../../../weddingwebsite/assets/images/dot/dot-1.jpg");
    --theme-logo: url();
    --theme-footer-logo: url();
    --body-background: url("../../../../weddingwebsite/assets/images/background/background-7.png");
    --couple-name-font: 'Modern', cursive;
    --section-title-font: 'Century', sans-serif;
    --section-content-font: 'Montserrat-Regular', sans-serif;
    --divider-image: url('../../../../weddingwebsite/assets/images/divider/divider-img-7.png');
    --functions-seperator: url('../../../../weddingwebsite/assets/images/separator/squiggly-7.png');
    --frame-left-top: url("../../../../weddingwebsite/assets/images/frames/b9250d/left-top.png");
    --frame-right-top: url("../../../../weddingwebsite/assets/images/frames/b9250d/right-top.png");
    --frame-left-bottom: url("../../../../weddingwebsite/assets/images/frames/b9250d/left-bottom.png");
    --frame-right-bottom: url("../../../../weddingwebsite/assets/images/frames/b9250d/right-bottom.png");
    --guestbook-frame-left-top: url("../../../../weddingwebsite/assets/images/frames/b9250d/left-top.png");
    --guestbook-frame-right-top: url("../../../../weddingwebsite/assets/images/frames/b9250d/right-top.png");
    --guestbook-frame-left-bottom: url("../../../../weddingwebsite/assets/images/frames/b9250d/left-bottom.png");
    --guestbook-frame-right-bottom: url("../../../../weddingwebsite/assets/images/frames/b9250d/right-bottom.png");
}

.header-logo {
    max-width: 70% !important;
    margin-top: -12px !important;
}

.footer-logo {
    max-width: 300px !important;
}

.wedding-date,
.wedding-venue,
.section-title,
.function-name {
    font-weight: bold !important;
}

@media all and (max-width: 768px) {
    .header-logo {
        max-width: 80% !important;
    }
}