@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;700&display=swap');
    
body
{
    font-family: 'Montserrat', sans-serif;
    font-size: 15px;
}

.compact {
    max-width: 991.98px !important;
}

header nav
{
    min-height: 100px;
}

header nav ul
{
    font-size: 0.75rem;
}

header nav ul a
{
    color: #1C2284 !important;
}


header nav a.active
{
    color: rgba(0,0,0,.5) !important;
}

header nav a.active
{
    border-bottom: solid 2px #DA703C;
    border-bottom-style:solid;
    margin-left: 0.5rem;
    margin-right: 0.5rem;
    padding-left: 0px !important;
    padding-right: 0px !important;
}


header nav a.active.color-1
{
    border-bottom: solid 2px #AE8672;
}
header nav a.active.color-2
{
    border-bottom: solid 2px #4F83BD;
}
header nav a.active.color-3
{
    border-bottom: solid 2px #A3A5A2;
}
header nav a.active.color-4
{
    border-bottom: solid 2px #DA703C;
}
header nav a.active.color-5
{
    border-bottom: solid 2px #A9BAE2;
}
header nav a.active.color-6
{
    border-bottom: solid 2px #1C2284;
}


button.navbar-toggler
{
    color: #1C2284 !important;
    border: none!important;
    outline: none !important;
    box-shadow: none !important;
    font-size: 1.8em;
}

img.logo
{
    height: 80px;
}

section
{
    margin: 30px 0;
}

section.brand-image
{
    margin-top: 100px;
}

.light-text
{
    font-weight: 300;
}

.bold-text
{
    font-weight: 700;
}


.extra-large-text
{
    font-size: 1.6em;
    padding: 0px;
    margin: 0px;
}

.large-text
{
    font-size: 1.2em;
    padding: 0px;
    margin: 0px;
}

.medium-text
{
    font-size: 1.0em;
    padding: 0px;
    margin: 0px;
}

.small-text
{
    font-size: 0.9em;
    padding: 0px;
    margin: 0px;
}

.button-text
{
    font-size: 0.9em;
}



.default-bg {
    background-color: white;
    color: black;
}


.primary-bg {
    background-color: #1C2284;
    color: white;
}

.multicolor-br {
    background-color: #AE8672;
    color: white;
}

.multicolor-bl {
    background-color: #A9BAE2;
    color: black;
}

.multicolor-gr {
    background-color: #A3A5A2;
    color: white;
}

.multicolor-or {
    background-color: #DA703C;
    color: white;
}

.primary-text-color
{
    color: #1C2284;
}

.secondary-bg {
    background-color: #DA703C;
    color: white;
}

.secondary-text-color
{
    color: #DA703C;
}

.neutral-bg {
    background-color: #f6f6f6;
    color: #222;
}

.alternate-bg
{
    background-color: #edf7fd;
    color: #222;
}

.boring-bg
{
    background-color: #F1D1C2;
}

.default-text-color, .default-text-color a
{
    color: #222;
}

.inverse-text-color, .inverse-text-color a
{
    color: white;
}


footer {
    min-height: 200px;
}

footer a
{
    text-decoration: none;
}

.ui-scrollbar {
    /* Foreground, Background */
    scrollbar-color: #DA703C #F3F2F4;
}
.ui-scrollbar::-webkit-scrollbar {
    width: 5px; /* Mostly for vertical scrollbars */
    height: 5px; /* Mostly for horizontal scrollbars */
}
.ui-scrollbar::-webkit-scrollbar-thumb { /* Foreground */
    background: #DA703C;
}
.ui-scrollbar::-webkit-scrollbar-track { /* Background */
    background: #F3F2F4;
}

.brand-image
{
    position: relative;
    margin-bottom: 50px;
}


/* .brand-image div.text
{
    position: absolute;
    width: 28rem;
    top: 50%;
    left: 0px;
    padding: 20px;
    background:rgba(255,255,255,0.9);
} */

.brand-image div.text {
    position: absolute;
    width: 100%;
    bottom: 2%;
    /* height: 100px; */
    left: 0px;
    padding: 20px;
    background: rgba(255,255,255,0.7);
}


@media(min-width: 768px) { 

    .board .item
    {
        min-height: 372px;
    }
    
    .facility .item
    {
        min-height: 560px;
    }
    
    .services .item
    {
        min-height: 763px; /* 550px; */
    }

 }


.portfolio img:hover
{
    border: solid 6px #1C2284;
    cursor: pointer;
}

#navigation ul li a.active
{
    color: #DA703C;
}