:root {
    --bs-font-sans-serif: 'Open Sans', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', 'Noto Sans', 'Liberation Sans', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
    --bs-font-serif: Bitter, serif;
    --theme-color: #800080;
    --marquee-height: 32px;
}

body {
    padding-top: 0rem;
}

.font-serif {
    font-family: var(--bs-font-serif);
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-family: var(--bs-font-serif);
}

.form-check-input {
    border-color: var(--theme-color);
}

/*
 * Cursor
 */
.cursor-auto {
    cursor: auto;
}
.cursor-default {
    cursor: default;
}
.cursor-pointer {
    cursor: pointer;
}
.cursor-wait {
    cursor: wait;
}
.cursor-text {
    cursor: text;
}
.cursor-move {
    cursor: move;
}
.cursor-help {
    cursor: help;
}
.cursor-not-allowed {
    cursor: not-allowed;
}


/* Links */
a {
    text-decoration: none !important;
}
a:not([class*="active"]):hover, a:not([class*="btn"]):hover {
    color: #df0e3c;
}

/* Back to top button */
.back-to-top {
    position: fixed;
    bottom: 25px;
    right: 25px;
    display: none;
    background: #f5f5f5;
}
.back-to-top:hover {
    background: var(--theme-color);
    color: #fff !important;
}

.currency {
    color: var(--theme-color);
    margin: 0 2px;
}

/* Marquee: selling prices */
.marquee {
    position: relative;
    overflow: hidden;
    padding: 4px 0;
    --offset: 100vw;
    --move-initial: var(--offset);
    --move-final: -100%;
    height: var(--marquee-height);
}

.marquee .marquee__inner {
    width: fit-content;
    display: flex;
    position: relative;
    transform: translate3d(var(--move-initial), 0, 0);
    animation: marquee 50s linear infinite;
    animation-play-state: running;
}

.marquee:hover:hover .marquee__inner {
    animation-play-state: paused !important;
}

@keyframes marquee {
    0% {
        transform: translate3d(var(--move-initial), 0, 0);
    }
    100% {
        transform: translate3d(var(--move-final), 0, 0);
    }
}

/* Menu */
.navbar {
    border-bottom: 3px solid #dfd8e8;
}
.navbar-toggler:focus {
    box-shadow: 0 0 0 0;
}
.navbar .nav-link {
    color: #800080 !important;
}
.navbar .nav-link:hover {
    color: #df0e3c !important;
}
@media (min-width: 1200px) {
    .navbar {
        padding-top: 0;
        padding-bottom: 0;
    }
    .navbar .nav-link {
        border-top: 5px solid transparent;
        border-bottom: 5px solid transparent;
    }
    .navbar .nav-link.active {
        border-top: 5px solid #800080;
        border-bottom: 5px solid transparent;
    }
    .navbar .nav-item.dropdown:hover > .dropdown-menu {
        display: block;
        margin-top: 0;
        box-shadow: rgba(0, 0, 0, 0.15) 0px 14px 16px 0px
    }
    .dropdown-menu {
        background: #fff !important;
    }
}
@media (max-width: 1199px) {
    .navbar .container-fluid {
        padding: 0 0 0 0.5rem !important;
    }
    #navbar-content {
        padding: 0 0.5rem 0 0 !important;
    }
    .navbar .nav-link {
        border-left: 5px solid transparent;
        padding-left: 0.5rem;
    }
    .navbar .nav-link.active {
        border-left: 5px solid #800080;
    }
    .navbar .dropdown-menu {
        padding-left: 1rem;
        padding-top: 0;
        padding-bottom: 0;
    }
}

/* Horizontal separator with text */
.separator {
    display: flex;
    align-items: center;
    text-align: center;
}
.separator::before, .separator::after {
    content: '';
    flex: 1;
    border-bottom: 2px solid var(--bs-primary);
}