.yiu-bg-navbar {
    background-color: var(--yahad-black) !important;
}

.yiu-navlink {
    color: var(--yahad-white) !important;
}

.yiu-navlink:hover {
    color: var(--yahad-red) !important;
}

.yiu-navlink.active {
    color: var(--yahad-red) !important;
}

@media only screen and (max-width: 1200px) {
    .fs-4 {
        font-size: 1.1rem !important;
    }
    .fs-5 {
        font-size: 1rem !important;
    }
    .btn {
        padding: 0.2rem 0.3rem !important;
    }
}

@media only screen and (max-width: 992px) {
    .fs-4 {
        font-size: 1.5rem !important;
    }
    .fs-5 {
        font-size: 1.25rem !important;
    }
    .btn {
        padding: 0.375rem 0.75rem !important;
    }
}

.yiu-navlink-href:focus {
    font-style: italic !important;
}

.yiu-dropdown-toggle::after {
    content: none !important;
}

.yiu-dropdown-menu {
    background-color: var(--yahad-black) !important;
    border: 2px solid var(--yahad-red) !important;
    text-align: center !important;
}

@media only screen and (max-width: 992px) {
    .dropdown-menu {
        min-width: 5rem !important;
    }
}

@media only screen and (min-width: 992px) {
    .dropdown-menu {
        min-width: 100% !important;
    }
}

.yiu-dropdown-item {
    color: var(--yahad-white) !important;
}

.yiu-dropdown-item:hover {
    color: var(--yahad-black) !important;
    background-color: var(--yahad-white) !important;
}

.yiu-dropdown-item:focus {
    color: var(--yahad-red) !important;
    font-style: italic !important;
    background-color: var(--yahad-white) !important;
}

.yiu-btn-donate {
    background-color: var(--yahad-red) !important;
    color: var(--yahad-white) !important;
    border: 2px solid var(--yahad-white) !important;
}

.yiu-btn-donate:hover {
    background-color: var(--yahad-white) !important;
    color: var(--yahad-black) !important;
    border: 2px solid var(--yahad-red) !important;
}

.yiu-btn-donate-small {
    color: var(--yahad-red) !important;
}

.yiu-btn-donate-small:hover {
    color: var(--yahad-white) !important;
}

.yiu-btn-navbar-group {
    display: flex;
}

.yiu-btn-navbar-group-vertical {
    display: none;
}

@media only screen and (max-width: 380px) {
    .yiu-btn-navbar-group {
        display: none;
    }

    .yiu-btn-navbar-group-vertical {
        display: flex;
    }
}

@media only screen and (max-width: 320px) {
    .yiu-logo-navbar {
        width: 120px !important;
    }

    .yiu-logo-navbar-subtitle {
        font-size: 0.8rem;
    }

    .yiu-navbar-fa-2x {
        font-size: 1.2rem !important;
    }
}


.yiu-btn-donate:focus {
    background-color: var(--yahad-white) !important;
    color: var(--yahad-red) !important;
    border: 2px solid var(--yahad-red) !important;
    font-style: italic;
}

.yiu-btn-lang-selector {
    background-color: var(--yahad-black) !important;
    color: var(--yahad-white) !important;
    border: 2px solid var(--yahad-white) !important;
}

.yiu-btn-lang-selector:hover {
    background-color: var(--yahad-white) !important;
    color: var(--yahad-black) !important;
    border: 2px solid var(--yahad-red) !important;
}

.yiu-navbar-nav {
    width: 75%!important;
}

@media only screen and (max-width: 420px) {
    .yiu-navbar-nav {
        width: 100%!important;
    }
}