@font-face {
    font-family: Lora;
    src: url('../assets/fonts/Lora/Lora-VariableFont_wght.ttf');
}

@font-face {
    font-family: Raleway;
    src: url('../assets/fonts/Raleway/Raleway-VariableFont_wght.ttf');
}
/* overwrite template font */
h6, .h6, h6 *,
h5, .h5, h5 *,
h4, .h4, h4 *,
h3, .h3, h3 *,
h2, .h2, h2 *,
h1, .h1, h1 *,
#mainNav .navbar-brand,
#mainNav .navbar-nav .nav-item .nav-link
{
    font-family: Raleway, sans-serif;
}

*,
.btn,
.tooltip,
.popover {
    font-family: Lora, serif;
    letter-spacing: .5pt;
}


/* scrollbar */
/* width */
::-webkit-scrollbar {
    width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px #74719A;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #32255a;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #18163E;
}

.ls-1 {
    letter-spacing: 1px;
}

.etxt-indent {
    text-indent: 50px;
}

/* overwrite the accordion selected color */
#accordionAchievements .accordion-button:not(.collapsed) {
    color: #32255a;
    background-color: #EAE9EE;
    box-shadow: inset 0 -1px 0 rgb(0 0 0 / 13%);
}


/* carousel for single item and may override other default carousel */
@media (max-width: 767px) {
    .carousel-inner .carousel-item > div {
        display: none;
    }
    .carousel-inner .carousel-item > div:first-child {
        display: block;
    }
}

.carousel-inner .carousel-item.active,
.carousel-inner .carousel-item-next,
.carousel-inner .carousel-item-prev {
    display: flex;
}

/* medium and up screens */
@media (min-width: 768px) {

    .carousel-inner .carousel-item-end.active,
    .carousel-inner .carousel-item-next {
        transform: translateX(8.33%);
    }

    .carousel-inner .carousel-item-start.active,
    .carousel-inner .carousel-item-prev {
        transform: translateX(-8.33%);
    }
}

.carousel-inner .carousel-item-end,
.carousel-inner .carousel-item-start {
    transform: translateX(0);
}

.navbar .navbar-collapse {
    text-align: center;
}

.divider-icon {
    width: 100px;
    height: auto;
}

.card-img-icon {
    width: 100px;
    margin-top: -50px;
}

.card-border-yellow {
    border: 2px solid var(--bs-yellow);
}

.card-border-blue {
    border: 2px solid #281D48;
}

.character-box {
    width: 75px;
    height: 75px;
    text-align: center;
}

.rounded-5 {
    border-radius: 1rem;
}

@media (min-width: 1200px) {
    .hexagon-margin {
        margin-top: -2.5rem
    }
}
.selectedMainNav {
    transform: scale(1.15);
    color: #F15C51  !important;
}