.navbar {
    height: 80px;
}

.navbar-brand {
    padding: 8px 16px 8px 13px;
}

.navbar-collapse {
    padding-right: 16px;
    padding-left: 16px;
}

/* Define the shape and color of the hamburger lines */
.navbar-toggler span {
    display: block;
    background-color: #404040;
    height: 3px;
    width: 25px;
    margin-top: 5px;
    margin-bottom: 5px;
    position: relative;
    left: 0;
    opacity: 1;
    -webkit-transition: all 0.35s ease-out;
    transition: all 0.35s ease-out;
    -webkit-transform-origin: center left;
    transform-origin: center left;
}

/* top line needs a little padding */
.navbar-toggler span:nth-child(1) {
    margin-top: 0.3em;
}

/**
  * Animate collapse into X.
  */
/* top line rotates 45 degrees clockwise and moves up and in a bit to close the center of the X in the center of the button */
.navbar-toggler:not(.collapsed) span:nth-child(1) {
    -webkit-transform: translate(15%, -33%) rotate(45deg);
    transform: translate(15%, -33%) rotate(45deg);
}

/* center line goes transparent */
.navbar-toggler:not(.collapsed) span:nth-child(2) {
    opacity: 0;
}

/* bottom line rotates 45 degrees counter clockwise, in, and down a bit to close the center of the X in the center of the button  */
.navbar-toggler:not(.collapsed) span:nth-child(3) {
    -webkit-transform: translate(15%, 33%) rotate(-45deg);
    transform: translate(15%, 33%) rotate(-45deg);
}

/**
  * Animate collapse open into hamburger menu
  */
/* top line moves back to initial position and rotates back to 0 degrees */
.navbar-toggler span:nth-child(1) {
    -webkit-transform: translate(0%, 0%) rotate(0deg);
    transform: translate(0%, 0%) rotate(0deg);
}

/* middle line goes back to regular color and opacity */
.navbar-toggler span:nth-child(2) {
    opacity: 1;
}

/* bottom line goes back to initial position and rotates back to 0 degrees */
.navbar-toggler span:nth-child(3) {
    -webkit-transform: translate(0%, 0%) rotate(0deg);
    transform: translate(0%, 0%) rotate(0deg);
}

.dropdown-item {
    color: var(--secondary-text-color);
}

.navbar-light .navbar-toggler-icon {
    background-image: none;
}

.navbar-light .navbar-toggler {
    color: transparent;
    border-color: transparent;
}

.navbar-light .navbar-nav .dropdown .nav-link:hover {
    text-decoration: none;
}

.navbar-light .navbar-nav .nav-link {
    color: var(--secondary-text-color);
    font-weight: 900;
    font-size: 14.4px;
    line-height: 207.9%;
    letter-spacing: 2px;
    text-rendering: optimizeLegibility;
}

.navbar-light .navbar-nav .nav-link:hover {
    color: var(--secondary-text-color);
    /* text-decoration: underline; */
    -webkit-text-decoration-color: var(--primary-text-color);
    text-decoration-color: var(--primary-text-color);
    text-underline-offset: 10px;
}

.navbar-light .navbar-nav .show > .nav-link,
.navbar-light .navbar-nav .nav-link.active {
    color: var(--secondary-text-color);
    text-decoration: underline;
    -webkit-text-decoration-color: var(--primary-text-color);
    text-decoration-color: var(--primary-text-color);
    text-underline-offset: 10px;
}

.navbar-scroll {
    background: #fff;
    -webkit-transition: background-color 0.2s ease-in-out,
        -webkit-box-shadow 0.2s ease-in-out;
    transition: background-color 0.2s ease-in-out,
        -webkit-box-shadow 0.2s ease-in-out;
    transition: background-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
    transition: background-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out,
        -webkit-box-shadow 0.2s ease-in-out;
}

@media screen and (max-width: 992px) {
    .navbar {
        background: #fff;
    }

    .navbar-collapse {
        height: 100vh;
        background: var(--collaps-navbar-color);
    }

    .navbar-light .navbar-nav .nav-link {
        color: #404040;
        font-weight: 500;
        font-size: 22px;
        text-rendering: optimizeLegibility;
        border-bottom: 1px solid #e0e0e0;
    }

}

@media screen and (min-width: 1266px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 1.5rem;
        padding-left: 1.5rem;
    }
}