@charset "utf-8";

body {
    background-color: #001342;
    -webkit-font-smoothing: antialiased;
}

#menu {
    background-color: #08205a;
    border-left: 1rem solid #ffb91d;
}

#menu a {
color: #ffb91d;
}

.icon{
    filter: brightness(0) invert(23%) sepia(93%) saturate(1001%) hue-rotate(200deg) brightness(89%) contrast(85%);
}


#menu .current a .icon, #menu a:hover .icon, #menu a:focus .icon {
    filter: brightness(0) invert(1);
}

#menu .current a {
    background-color: #085485;
color: #fff;
}

.accordion{
    --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke-width='2px' stroke='%23000000' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e");    
}

.accordion-button {
    text-transform: uppercase;
    font-size: x-large;
    background-color: #fdd880;
    color: #000;
    border: 0px;
    font-weight: bold;
    margin-bottom: 4px;
}

.accordion-button:hover {
    background-color: #ffb91d;
}

.accordion-body {
    background-color: #001342;
}

    .mobButton1 {
        background-color: #fdd880;
    }

.box {
    background-color: #192a55;
    margin: 5rem 1rem 0 0;
}

#page {
    padding: 0 2rem;
}

.box .columns.outer .column {
    width: 50%;
}

.link{color: #ffb91d;}

#page .navigation .sidebar > .inner, #page .main > .inner {
    padding: 0 2rem 0 0;
}

@media screen and (max-width: 30em) {
    
    .box {
    margin: 5rem 0 0 2rem;
}
    
    .box .columns.outer .column {
        width: 100%;
    }
}

@media screen and (max-width: 90em) {
    
        #page .navigation .select {
        max-width: 90%;
        margin: 0 auto;
    }
    
       #page .navigation .select button {
        background-color: #14327b;
    }
    
       #page .navigation .select button:hover, #page .navigation .select button:focus  {
        background-color: #085485;
    }      
  #page .navigation .select .dropdown {
        background-color: #001342;
    }
 
}