@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@300;400;500;700;900&display=swap');


body {
    font-family: 'Raleway', sans-serif;
}

.fw-5 { font-weight: 500; }
.fw-7 { font-weight: 700; }
.fw-9 { font-weight: 900; }
.swal-footer { text-align: center; }
.swal-button { background-color: #CAAD68; }
.opacity-0 { opacity: 0; }
.text-justify { text-align: justify; }

.bg-blue-homma { background-color: #1E2057; }
.bg-gold-homma { background-color: #C9AD67; }
.bg-gray-homma { background-color: #434343; }
.bg-light-gray-homma { background-color: #D2D4D5; }

.btn-gold-homma { background-color: #C9AD67; border-color: #C9AD67; }
.btn-light-green { background-color: #BBF0E0; border-color: #BBF0E0; }
.btn-light-gray { background-color: #DCDDE1; border-color: #DCDDE1; }
.btn-orange { background-color: #EA5300; border-color: #EA5300; } 
.btn-light-blue { background-color: #0C88AA; border-color: #0C88AA; }

.text-blue-homma { color: #1E2057 !important; }
.text-gray-homma { color: #D2D4D5; }
.text-gold-homma { color: #C9AD67; }

.navbar{
    height: 7vh;
    position: relative;
}

.nav-item .dropdown-menu{
    /* background-color: #0051C1 ; */
    background-color: #ffffff;
}
.nav-item .dropdown-menu .dropdown-item:hover {
    /* background: #434343; */
    background-color: #D7EFFF;
    color: #003C99;
}

.dropdown-item{
    color: #0051C1;
}
.navbar .nav-link{
    color: #1E2057 !important;
}

.overlay-brand-blue {
    background-color: #1E2057;
    opacity: 0.7;
    height: 100%;
}

.text-brand-constrast{
    color: white;
}


@media (max-width: 430px){
    .navbar{
        height: 8vh;
    }

    .navbar-logo{
        height:40px;
        width: auto;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
    }

    /* .header-mobile{
        width: 100%;
        display: flex;
        justify-content: center;
        align-items:center;
    } */
}