<!-- Header/Sticky CSS -->


/* NON-STICKY */

.homepage header  {
    margin-bottom: 0px;
    margin-top: 0px;
}    

/*.homepage .innerheader {
    padding-top: 146px;
}    
*/
.homepage header .par.parsys {
    position: relative;
    top: -70px;
}

.homepage .header {
    position: relative;
    top: -76px;
    margin-bottom: -240px;
}


/* - Do we need 134px anywhere? */ 
.homepage .header .main {
    height: 92px;
} 


.homepage .topnav {
    position: relative;
    left: 240px;
    width: 660px;
    margin-top: 0px;
    top: 60px;
}

.homepage .breadcrumbs {
    display: none;
}    


/* STICKY */

.homepage .sticky .innerheader .par.parsys {
    position: fixed;
    z-index: 9999;
    top: 76px;
    transition: top 300ms ease;
}

.homepage .sticky .topnav {
    left: 210px;
    width: 660px;
    margin-top: 0px;
}

/* Testing the homepage logo
.homepage .header h1, .homepage .header-sitelogo {
    display: none;
}
*/

.homepage .sticky .header-sitelogo {
        margin-top: 0px;    
        display: block;
}    

.homepage .sticky .header-sitelogo img{
     width: 200px;
}

.homepage .topnav-inner .main .menu span.container {
    font-size: 18px;
}

/* - margin changed from 70 to 30 - */ 
.homepage .topnav .main > ul > li {
    margin: 0 40px 0 0;
}

.header .affiliated-sponsored-endorsed-brand .main.theme-blue {border-top:none;}
                

/* - Header Styling - */ 

.theme-blue .icon, 
.theme-blue .logo {
    z-index: 1;
}   

header  {
    /*margin-bottom: 150px;*/
        margin-top: -5px;
    }

.header .top.theme-gray {
    background: none;
    top: -40px;
}

.header .top.theme-gray:before {
    background: none;
}

.header .social {
    display: none;
}

.header .tasknav {
    top: 20px;
    width: 100px;
}

.header .main {
    height: 92px;
}

.header .main, .header .main:before {
    background: #ffffff;
}

.header-sitelogo img{
     width: 200px;
    padding-top:2px;
}

.header-sitelogo {
        margin-top: 5px;    
}    

.innerheader {
    padding-top: 5px;
}

.innerheader .par.parsys {
    position: fixed;
    z-index: 9000;
}


/* TOP NAV */


/* Width changed to 760px from 660px, left from 190 to 155 */

    .topnav,
    .sticky .topnav {
    border-bottom: none;
    position: relative;
    left: 220px;
    z-index: 7001;
    width: 660px;
    margin-top: 82px;
}

.topnav-inner .main .menu span.container,
.sticky .topnav-inner .main .menu span.container {
    /*text-transform: uppercase;*/
    font-weight: 900;
    font-size: 18px;
}


ul.submenu.clearfix {
    box-shadow: 0px 2px 10px #999999;
    background: #ffffff;
    white-space:nowrap;
    width:fit-content;
}

.topnav .main>ul>li>.topnav-submenu-container{
	top:43px;
    width:100%;
    border:none;
    background:none;
}

.topnav .main>ul>li.active-trail>a span{
	padding-top:0px;
}

/* - - -  HOVER - */

li.theme-lake-lasalle {
    border-bottom: none;
}    
    
li.theme-lake-lasalle.hover {
    border-bottom: 3px solid #000000;
}

.collapsiblegrid .cell .title h1{
	background:#666666;
}

/* - - -  ACTIVE - */    
   
.topnav .main > ul > li.active-trail {
    height: 40px;
    border-bottom: 2px solid #000000;
}

.topnav .main > ul > li.active-trail > a span {
    box-shadow: none;
}
    
.topnav .main > ul > li,    
.sticky .topnav .main > ul > li {
    margin: 0 20px;
    text-transform: uppercase;
}

.topnav .main > ul > li > a {
    margin: 0 -10px;
    height: 40px;
    overflow:hidden;
}

.topnav .main > ul > li > a span {
    padding: 0;
    height: 40px;
}

.topnav .main > ul > li > div {
    top: 42px;
    border: none;
     
}    

.topnav {color: #000000;}

.topnav .main>ul>li>div>ul>li>a {
		text-transform:none;
        color: #333333;
    	font-size:14px;
        }
.topnav .main>ul>li>div>ul>li>div>ul>li a {
		text-transform:none;
        color: #333333;
    	font-size:13px;
        }
.topnav .main>ul>li>div {
		width:fit-content;
        }

/* 2024 HEADER STYLE */
.topnav-base .nav-menu-section-title .teaser-inline .teaser-title {
	text-transform: uppercase;
	color: #666666;
}

/*--- Kill animation ---*/

.topnav .main > ul > li.theme-lake-lasalle > a span:before, .topnav .main > ul > li.theme-lake-lasalle > a span:after {
    display: none;
}

.topnav .main > ul > li:hover > a span, .topnav .main > ul > li.hover > a span, .topnav .main > ul > li.active-trail > a span {
    line-height: 46px;
}    


/* TASK NAV */   


.tasknav .buttoncomponent a {
    min-width: 65px;
    border: 2px solid #000000;
    font-size: 16px;
    padding: 10px 0px;
    border-radius: 0;
    background: none;
    color: #000000;
    font-weight: 900;
    text-transform: uppercase;
}  
    
.tasknav .buttoncomponent a:hover {
    min-width: 65px;
    border: 2px solid #ffffff;
    font-size: 16px;
    padding: 10px 0px;
    border-radius: 0;
    background: #000000;
    color: #ffffff;
    font-weight: 900;
    text-transform: uppercase;
}      

.header .tasknav .buttoncomponent.gray a {
    border-color: #000000;
}


/* TYPE STYLES */    
    
.title h1 {
    font: 44px/1.3 Sofia, Arial, sans-serif;
   /*color: #005bbb;*/
    font-weight: 600;
    text-transform: uppercase;
}    

.title h2 {
	font-weight: 600;
    text-transform: uppercase;
    }

.title h3 {
	font-weight: 600;
    text-transform: uppercase;
    }

.buttoncomponent a {
    text-transform:uppercase;
    }


/* MOBILE */

@media screen and (max-width: 720px){    

.homepage header .par.parsys {
    top: 0px
}        
        
.homepage .mobilemenu {
    display: block;
    top: 99px;
    position: relative;
    margin-bottom: 99px;
}        
        
.homepage .header,
.sticky .homepage .header {
    position: absolute;
    top: 0px;
}         

.homepage .innerheader {
    padding-top: 0px;
}        
        
.header h1,
.sticky .header h1 {
    margin: 10px 10px 16px;
    width: auto;     
}

.homepage .header h1,
.sticky .homepage .header h1 {
    display: block;
}
       
.mobile-sitelogo img {
    xwidth: 80%; 
    height: 30px;
    padding: 10px 10px 5px;
}
        
header {
    margin-bottom: 0px;
    margin-top: 0px;
}

.homepage .innerheader .par.parsys, 
.homepage .sticky .innerheader .par.parsys,
.innerheader .par.parsys,
.sticky .innerheader .par.parsys  {
    width: 100%;
    position: relative;
}

body .mobilemenu .menu .menu-inner {
    background: #fff;
}    

.mobile-sitelogo {
    background: #fff;
}

        
}    

<!-- END STICKY/HEADER STYLING -->