/* ------------------NOT SCROLLING------------------ */
/* Header */
#masthead {
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: #ffffff00;
    transition: all 300ms ease;
}

/* Logos */
.website-logo {
    width: 150px;
    transition: all 300ms ease;
}
.custom-logo-link {
    display: none;
    transition: all 300ms ease;
}
.custom-logo-link.alt-logo {
    display: inline-block;
    transition: all 300ms ease;
}

/* Menu */

/* Menu Item */
.nav-link {
    padding: 10px 0px !important;
    margin: 0 20px;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 1px;
    color: #fff;
    text-transform: uppercase;
    border-bottom: 3px solid #00c80000;
    transition: color 300ms ease;
}

/* Menu Item {ACTIVE}/{HOVER} */
.current-menu-item .nav-link {
    color: #fff;
    border-bottom: 3px solid #00c800;
}
.nav-link:focus {
    color: #fff;
    border-bottom: 3px solid #00c800;
}
.nav-link:hover {
    color: #fff;
    border-bottom: 3px solid #00c800;
}
.dropdown-toggle.nav-link.show {
    color: #fff;
    border-bottom: 3px solid #00c800;
}
/* Social Menu */

/* Social Menu Item */
.socials-contact a {
    color: #fff;
    padding: 0 3px;
    transition: all 300ms ease;
}
.socials-contact a i {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    text-align: center;
    line-height: 32px;
    border: 2px solid #fff0;
    transition: all 300ms ease;
}
.socials-contact a:hover i {
    border: 2px solid #fff;
}
.scrolling .socials-contact a:hover i {
    border: 2px solid #222;
}
/* Social Menu Item {HOVER} */

/* Mobile Toggle Btn */
.icon-bar {
    display: block;
    width: 22px;
    background-color: #fff;
    height: 2px;
    border-radius: 1px;
    transform: rotate(0);
    transition: all 200ms;
}
button.navbar-toggler {
    border: none;
}
.navbar-toggler:focus {
    box-shadow: none;
}
.icon-bar:not(:first-child) {
    margin-top: 4px;
}
.navbar-toggler:not(.collapsed) .top-bar{
    transform: rotate(45deg);
    transform-origin: 10% 10%;
}
.navbar-toggler:not(.collapsed) .middle-bar {
    opacity: 0;
}
.navbar-toggler:not(.collapsed) .bottom-bar {
    transform: rotate(-45deg);
    transform-origin: 10% 90%;
}

/* ------------------IS SCROLLING------------------ */
/* Header */
#masthead.scrolling {
    background-color: #fff;
    box-shadow: 0 2px 10px -1px rgba(87, 97, 100, 0.35)
}

/* Logos */
.scrolling .website-logo {
    width: 85px;
}
.scrolling .custom-logo-link.alt-logo {
    display: none;
}
.scrolling .custom-logo-link {
    display: inline-block;
}

/* Menu */

/* Menu Item */
.scrolling .nav-link {
    color: #222;
}

/* Menu Item {ACTIVE} */

/* Social Menu */

/* Social Menu Item */
.scrolling .socials-contact a {
    color: #222;
}

/* Social Menu Item {HOVER} */

/* Mobile Toggle Btn */
.scrolling .icon-bar {
    background-color: #222;
}

/* Media Queries */
@media (max-width: 1199.99px) {    
    .socials-contact {
        position: absolute;
        right: 48px;
        top: 14px;
        transition: top 300ms ease;
    }  
    .scrolling .socials-contact {
        top: 1px;
    }
    #masthead {
        background-color: #1b1d1f;
    }
}
@media (max-width: 575.99px) {    
    .website-logo {
        width: 85px;
    }
    .socials-contact {
        top: 1px;
    }
}