/* Imported Fonts */
@import url('https://fonts.googleapis.com/css2?family=Bayon&display=swap'); 
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css");
/* Body and General */
body {
	color: black;
	font-size: 1.3rem;
}

li {
	font-size: 1.2rem;
	padding-bottom: 4px;
}

i {
	color: #F9F977;
}


/* Custom colors */
:root {
    --bs-primary: #313D77;
    --bs-danger: #924A4A;
    --bs-warning: #E55F20;
    --bs-success: #990606;
    --bs-secondary: #DDDDDD;
	--lightbox: rgb(0 0 0 / 0.75);
    --carousel-text: #fff;
}

/* Ensure custom colors apply to Bootstrap components */
.bg-primary {
    background-color: var(--bs-primary) !important;
}

.bg-danger {
    background-color: var(--bs-danger) !important;
}

.bg-warning {
    background-color: var(--bs-warning) !important;
}

.bg-success {
    background-color: var(--bs-success) !important;
}

.bg-secondary {
    background-color: var(--bs-secondary) !important;
}

.text-primary {
    color: var(--bs-primary) !important;
}

.text-danger {
    color: var(--bs-danger) !important;
}

.text-warning {
    color: var(--bs-warning) !important;
}

.text-success {
    color: var(--bs-success) !important;
}

.text-secondary {
    color: var(--bs-secondary) !important;
}

/* Custom button colors */
.btn-primary {
    background-color: var(--bs-primary) !important;
    border-color: var(--bs-primary) !important;
}

.btn-danger {
    background-color: var(--bs-danger) !important;
    border-color: var(--bs-danger) !important;
}

.btn-warning {
    background-color: var(--bs-warning) !important;
    border-color: var(--bs-warning) !important;
}

.btn-success {
    background-color: var(--bs-success) !important;
    border-color: var(--bs-success) !important;
}

.btn-secondary {
    background-color: var(--bs-secondary) !important;
    border-color: var(--bs-secondary) !important;
}

/* Overlay */ 

.overlay {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.5); /* Semi-transparent black */
            z-index: 1;
        }
        .logo-container {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            z-index: 2;
        }




/* Navigation */

a.nav-link {
    font-family: "Bayon", sans-serif;
    font-size: 2rem;
    color: white;
    text-decoration: none;
    text-transform: capitalize;
    position: relative;
    margin: 0 -.25rem;
    padding: 0 .25rem;
    box-shadow: inset 0 0 0 0 var(--bs-primary);
    transition: color 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
}

a.nav-link:hover {
    color: white;
    box-shadow: inset 100px 0 0 0 #54b3d6;
}

@media (max-width: 767.98px) {
	a.nav-link {
    font-family: "Bayon", sans-serif;
    font-size: 1rem;
    color: white;

}
	
    a.nav-link,
    .spacer {
        font-size: 1rem;
		margin: 0 0px;
    }
}


/* Footer */
footer {
	background-color: var(--bs-primary);
	color: white;
}
.copyright {
	font-size: 0.9rem;
	color: var(--bs-warning);
}