styles.css

/* Custom fonts */
@font-face {
    font-family: 'Nourd';
    src: url('/fonts/woff2/nourd_heavy.woff2') format('woff2'),
        url('/fonts/woff/nourd_heavy.woff') format('woff');
        font-weight: 800;
    src: url('/fonts/woff2/nourd_bold.woff2') format('woff2'),
        url('/fonts/woff/nourd_bold.woff') format('woff');
        font-weight: 700;
    src: url('/fonts/woff2/nourd_semi_bold.woff2') format('woff2'),
        url('/fonts/woff/nourd_semi_bold.woff') format('woff');
        font-weight: 600;
    src: url('/fonts/woff2/nourd_medium.woff2') format('woff2'),
        url('/fonts/woff/nourd_medium.woff') format('woff');
        font-weight: 500;
    src: url('/fonts/woff2/nourd_regular.woff2') format('woff2'),
        url('/fonts/woff/nourd_regular.woff') format('woff');
        font-weight: 400;
    src: url('/fonts/woff2/nourd_light.woff2') format('woff2'),
        url('/fonts/woff/nourd_light.woff') format('woff');
        font-weight: 300;
    font-weight: 400; /* Default size */
}

@font-face {
    font-family: 'MoonTime';
    src: url('/fonts/woff2/MoonTime-Regular.woff2') format('woff2'),
    url('/fonts/woff/MoonTime-Regular.woff') format('woff');
}

b {
    font-family: 'Nourd' !important;
    font-weight: 700;
}

/* Text style for the home page */
.celebrate-love {
    font-family: 'Nourd';
    font-size: 2rem;
    color: #CD6471;
}

.kike-shintya {
    font-family: 'MoonTime';
    font-size: 6rem;
    color: #CD6471;
}

.date {
    font-family: 'Nourd';
    font-size: 2rem;
    color: #CD6471;
}

.address {
    font-family: 'Nourd';
    font-size: 1rem;
    color: #CD6471;
}

.time {
    font-family: 'Nourd';
    font-size: 1.25rem;
    color: #CD6471;
}

/* Media query for phone screens */
@media (max-width: 767px) {
    .offcanvas {
        width: 60% !important;
    }
    .celebrate-love {
        font-size: 1rem;
    }
    
    .kike-shintya {
        font-size: 3rem;
    }
    
    .date {
        font-size: 1rem;
    }
    
    .address {
        font-size: 0.75rem;
    }
    
    .time {
        font-size: 0.75rem;
    }
}

/* Media query for laptop screens */
@media (min-width: 768px) {
    .carousel-item img {
        width: 50% !important;
        height: auto;
        margin: 0 auto;
    }

    .map-photo {
        width: 75% !important;
        height: auto;
        margin: 0 auto;
    }

    .carousel-control-next,
    .carousel-control-prev {
        filter: invert(100%);
    }
}

header {
    padding-top: 1px !important;
}

body {
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    font-family: 'Nourd' !important;
    background-color: #FAF7F2 !important;
}

.background-photo {
    height: auto;
    width: 100%;
}

.map-photo {
    height: auto;
    width: 100%;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.card {
    background-color: rgba(255, 255, 255, 0.8) !important;
}

.dropdown-item:hover,
.dropdown-item.active {
    background-color: #5C636A !important;
    color: white !important; 
}

.nav-tabs .nav-link {
    color: black !important;
}

.navbar-rose {
    background-color: #faf7f2;
}

.language-link a {
    margin-right: 10px;
    color:aqua;
}

.language-link a.active-link {
    color: blue;
}

.accordion-item {
    background-color: rgba(255, 255, 255, 0) !important;
}