/* HEADER - MAIN */
header#test {
    position: fixed;
    width: 100%;
    height: auto;
    background-color: var(--bodycolor);
    z-index: 10;
    transition: 0.3s;
    top: 0;
    z-index: 11;
    /*padding: 25px 0;*/
}
    /*@media (min-width: 1024px) {header#test {padding: 15px 0;}}*/

    .fade header#test {background-color: transparent;}

    .header-container {padding: 25px 0;}
        @media (min-width: 1024px) {.header-container {padding: 15px 0;}}



.newClass .header-container {
    padding-top: 6px !important;
    padding-bottom: 0px !important;
    /*background-color: #FFF !important;*/
}

.newClass {
    padding-bottom: 10px !important;
    background-color: #FFF !important;
}

/* LOGO */
header #nav-logo {
    float: left;
    width: 200px;
    margin-left: 15px;
}
    @media (max-width: 529px)  {header #nav-logo {display: none;}}
    @media (min-width: 1024px) and (max-width: 1439px) {header #nav-logo {display: none;}}
    @media (min-width: 1440px) {header #nav-logo {margin-left: 65px;}}

    #nav-logo svg g path.letter {transition: all .3s ease-in-out;}
    #nav-logo:hover svg g path.letter {fill: var(--red);}

#nav-logo-mobile {
    float: left;
    width: 140px;
    margin-left: 15px;
}
    @media (min-width: 530px) {#nav-logo-mobile {display: none;}}

#nav-logo-tablet {
    float: left;
    width: 140px;
    margin-left: 25px;
}
    @media (max-width: 1023px) {#nav-logo-tablet {display: none;}}
    @media (min-width: 1440px) {#nav-logo-tablet {display: none;}}


#header--border {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 4px;
    width: 100%;
    opacity: 0;
}
.fade ~ header #header--border {opacity: 0 !important;}
/*LOGO*/
/* HEADER - MAIN */


/* SEARCH ICON */
.search-icon {
    position: relative;
    display: inline-block;
    top: 11px;
    margin-right: 13px;
}

.search-icon svg {position: relative;}
    .search-icon:hover svg path {fill: var(--maroon);}
/* SEARCH ICON */

/* SUPPORT BUTTON */
.btn-support {
    margin-right: 11px;
    padding: 12px 22px 14px;
}

.btn-support-mobile {color: var(--red) !important;}
/* SUPPORT BUTTON */

/* APPOINTMENTS BUTTON */
.btn-appointments {
    background-color: var(--red);
    color: var(--white);
}
/* APPOINTMENTS BUTTON */