@font-face {
    font-family: "myFirstFont";
    src: url("\fonts\yataghan.ttf");
}

.yataghan {
    font-family: "Yataghan" !important;
}

.helvetica {
    /*font-family: "Helvetica LT Std" !important;*/
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    text-transform: uppercase;
}

.navbar-default .navbar-nav > li > a,
.navbar-default .navbar-nav > li > a:visited,
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > li > a,
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
    color: white !important;
    background-color: var(--clr-primary) !important;
    background-image: unset;
    padding: 0;
    position: relative;
    z-index: 9999;
}

.navbar-default .navbar-nav > li > ul.dropdown-menu {
    padding-block: 0;
}

.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > li > ul > li,
.navbar-default .navbar-nav > li > ul > li > a {
    padding-block: 0.5rem;
    position: relative;
    z-index: 9999;
    background-color: #eee !important;
    color: var(--clr-dark) !important;

}

.container {
    padding-inline: 0;
}


.navbar {
    margin: 0;
    border: 0;

}

.navbar {
    height: 0;
    min-height: unset;
    margin-bottom: unset;
}

.navbar-nav li a {
    line-height: 5.6rem;
    min-height: 0;
}


.navbar-header {
    position: absolute;
    top: -50px;
    right: 15px;
}

.navbar-toggle {
    margin-top: 13px;
    margin-right: 24px;
    padding: 6px 4px;
}

ul.nav.navbar-nav {
    margin: 0 0 !important;
}

.container > .navbar-collapse, .container-fluid > .navbar-collapse {
    margin-right: 0;
    margin-left: 0;
}

.navbar-collapse.collapse {
    padding-inline: 0;

}

.navbar-default .navbar-nav > li > a,
.navbar-default .navbar-nav > li > a:visited,
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:visited,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
    padding-inline: 20px !important;

}


@media (min-width: 768px) {
    /* Apply this on medium and larger devices */
    .container {
        width: 780px!important;
        max-width: 780px!important;
        padding: 0!important;
    }

    .navbar {
        margin: 0;
        border: 0;
        height: 26px;
        min-height: unset;

    }

    .collapse, .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
        display: none;
        padding: 0 !important;
        margin: 0;
        border: 0;
    }

    .navbar-nav {
        float: none;
        /*margin: 7.5px -15px;*/
    }

    .navbar-nav > li {
        float: none;
        /*padding-inline:10px;*/
    }

    .navbar-nav > li > a {
        padding: 10px 0;
        min-height: 2.6rem;
        font-size: 1.0rem;
    }

    .navbar-nav li a {
        line-height: 0.8rem;
    }

    .navbar-default .navbar-nav > li > a,
    .navbar-default .navbar-nav > li > a:visited,
    .navbar-default .navbar-nav > li > a:hover,
    .navbar-default .navbar-nav > li > a:focus,
    .navbar-default .navbar-nav > .open > a,
    .navbar-default .navbar-nav > .open > a:visited,
    .navbar-default .navbar-nav > .open > a:hover,
    .navbar-default .navbar-nav > .open > a:focus {
        padding-inline: 0 !important;
        padding-block: 0.9rem;
    }

    .navbar-nav {
        display: flex;
        justify-content: space-around; /* To distribute items evenly along the horizontal line */
        flex-grow: 1; /* To allow the navbar to grow and occupy the entire width */
        gap: 1.0rem;
        white-space: nowrap;
        background-color: var(--clr-primary);

    }

    .navbar-default .navbar-nav > li {
        display: flex;
        flex-grow: 1;

    }

    .dropdown-menu {
        font-size: 1.1rem;
        z-index: 9999;
    }


    .navbar-toggle {
        top: -60px;
        right: 15px;
    }
}