:root {
    --bgg_main_color: #25407f;
    }

/* Top banner */
#top-header {
    background-color: var(--bgg_main_color);
    color:white;
    font-size: 2.5vw; /* Browsers that do not support "MIN () - MAX ()" and "Clamp ()" functions will take this value.*/
    font-size: max(20px, min(20px, 2.5vw)); /* Browsers that do not support the "clamp ()" function will take this value. */
    font-size: clamp(20px, 2.5vw, 2.5vw);
    font-family: 'Times New Roman', Times, serif;
}

#top-header span {
    padding: 0.5%;
}

#top-header .bgg-span-smaller {
    font-size: 2.1vw; /* Browsers that do not support "MIN () - MAX ()" and "Clamp ()" functions will take this value.*/
    font-size: max(15px, min(15px, 2.1vw)); /* Browsers that do not support the "clamp ()" function will take this value. */
    font-size: clamp(15px, 2.1vw, 2.1vw);
}

/* Navigate styles */
#navigate-bar {
    background-color: var(--bgg_main_color);
}

#navigate-bar .nav-link {
    color: white;
}

#navigate-bar .nav-link:hover {
    color:#98AFC7;
}

#navigate-bar .navbar-toggler-icon {
    color: white;
}

/* Dashboard styles */
#dashboard-main a {
    text-decoration: none;
    color: var(--bgg_main_color);
    font-weight: 500;
}

#dashboard-main a:hover {
    color:#98AFC7;
}

/* Airline operation center styles */
#airlineoc-main a {
    text-decoration: none;
    color: var(--bgg_main_color);
    font-weight: 500;
}

#airlineoc-main a:hover {
    color:#98AFC7;
}

/* Biggles common styles */
.bgg-link-menu-main {
    text-decoration: none;
    color: var(--bgg_main_color);
    font-weight: 500;
}

.bgg-link-menu-main:hover {
    color:#98AFC7;
}

/* Shopping */

#shopping-cards a {
    text-decoration: none;
    color: var(--bgg_main_color);
    font-weight: 500;
}

#shopping-cards a:hover {
    color:#98AFC7;
}