/*********************/
/*********************/
/*NAV*/
/*********************/
/*********************/


/* BEGIN NAV ** HEADER  */

#navScroll{
    width: 100%;
    z-index: 100;
    padding-top: 5px;
}
#navScroll .nav li a{
    /*font-family: 'alzheimers_associationbold'; */
    /*font-family: 'houschka_alt_probold';
    font-family: 'houschka_alt_proextrabold';*/
    font-family: 'Arial', Helvetica, sans-serif;
    text-transform:capitalize;
    font-weight: bold;

    
}
@media (max-width:1199px ) {
    #navScroll .nav li a{
        font-size: 20px;
        width: 85%; 
        margin-bottom: 5px;
        padding: 15px 7px;
    }
}/*
@media (min-width: 768px) {
    #navScroll .nav li a{
        font-size: 14px;   
    }
}
@media (min-width: 992px) {
    #navScroll .nav li a{
        font-size: 17px;   
    }
}*/

@media (min-width: 1200px) {
    #navScroll .nav li a{
        font-size: 17px;   
    }
}



#navScroll.affix{
    background-color: white;
}
#navScroll.affix .nav li a{
    color: #65378e;
}

#navScroll.affix-top{
    position:absolute;
    background-color: transparent;
}
#navScroll.affix-top .nav li a{
    color: #fff;
}
/*NAVIGATION SMALL - COLLAPSED */
@media (max-width:1199px ) {
   #navScroll.affix-top{
        position: relative;
        background-color: #000;
        background-color: #4a0d66;
        
    }
}




#navScroll.affix-bottom{
    position: absolute;
    background-color: white;
}

#navScroll.affix .st0.svgLogo{
    fill: #65378e;
}
#navScroll.affix-bottom .st0.svgLogo{
    fill: #fff;
}
#navScroll.affix-top .st0.svgLogo{
    fill: #fff;
}
.navbar-nav > li.active > a, 
.navbar-nav > li.active > 
a:focus, .nav-tabs > li.active > a:hover {
    background-color: transparent;
    border-bottom-color: #ddd;
}
/*.nav-tabs{
    border-bottom: 0px;   
} */
.navbar-nav > li > a{
    border-radius: 4px;  
    display: inline-block;
    padding: 7px 7px; 
}
#navScroll.affix-top .nav li a:hover{
    background-color: #fff;
    color: #65378e;
}

.navbar-nav > li > a:hover{
    border-color: transparent;   
}

.navbar-nav > li + li::after {
    content: "|";
    color: #fff;
    padding: 0 5px;
}
.navbar-nav > li:first-child::after {
    content: "|";
    color: #fff;
    padding: 0 5px;
}

.navbar-nav > li:nth-child(5)::after,
.navbar-nav > li:last-child::after{
    content:"";
    color: #fff;
    padding: 0 5px;
}
/*NAVIGATION SMALL - COLLAPSED */
@media (max-width:1199px ) {
    .navbar-nav > li:first-child::after,
    .navbar-nav > li + li::after,
    .navbar-nav > li::after {
        content: none;
       padding: 0px;
    }
     .navbar-nav > li{
        text-align: center;
    }
}



.affix .navbar-nav > li#programBttn a,
.affix .navbar-nav > li#register a{
    border: 1px solid #65378e;
}
.affix-top .navbar-nav > li#programBttn a,
.affix-top .navbar-nav > li#register a{
    border: 1px solid #fff;
}

.affix .icon-bar{
    color: #65378e;
    background-color: #65378e;
}

.affix-top .icon-bar{
    color: #fff;
    background-color: #fff;
}

.navbar-toggle{
    margin-right: 0px;
    margin-top: 25px;
}

@media (max-width: 767px) {
    .navbar-toggle {
        margin-top: 25px;
    }
}
@media (min-width: 768px) {
    .navbar-toggle {
        margin-top: 36px;
    }
    .navbar-toggle .icon-bar{
        width: 30px;
        height: 3px;
    }
}
@media (min-width: 992px) {
    .navbar-toggle {
        margin-top: 40px;
    }
    .navbar-toggle .icon-bar{
        width: 40px;
        height: 4px;
    }
}



/*LOGO*/
.nav-brand {
    
}
@media (max-width:1199px ) {
    .navbar-header,
    h1.nav-brand{
        padding: 0px 15px 0px 15px;
    }
}
/*
@media (min-width: 768px) {
    .navbar-header,
    h1.nav-brand{
        padding: 0px ;   
    }
    
}
@media (min-width: 992px) {
    h1.nav-brand{
        font-size: 17px;   
    }
}
*/
@media (min-width: 1200px) {
    h1.nav-brand{
        font-size: 17px;   
    }
}
/*ON STATES*/
#navScroll.affix-top .nav li a.onState{
    background-color: #65378e;
    color: #fff;
}
    
#navScroll.affix .nav li a.onState{
    background-color: #65378e;
    color: #fff;
}
    
    
    

    
/* END NAV ** HEADER */

    
/*BEGIN UPDATES FOR 2018*/
	.navScroll img.white, .navScroll img.purple{ width: 90%; height: auto;}
	.navScroll.affix-top .purple{display: none;}
	.navScroll.affix .white{display: none; }
/*END UPDATES FOR 2018*/