.container > a#mobile-bar {
    display: none !important;
}

 .megamenu .clear > span { display: none; }

 .nav-item {
    border-right: solid 2px rgba(255, 255, 255, 0.35);
    /* width: 130px; */
}

/* 
.nav-item:nth-child(4) {
    border-right: none !important;
}

*/
.nav-item > a {
    font-size: 17px;
    text-decoration: none;
    padding: 1em 1em 1em 1em !important;
}

.nav-item:hover {
    background: #fff;
    opacity: 0.95;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=95)";
    background: #f3f6f9;
}

.nav-item:hover a{
   color: #3b716d !important; 
}

.sub-nav-group.category a {
    color: #4a4444 !important;
    text-decoration: none;
    font-family: 'Montserrat', sans-serif !important;
    text-align: left;
}

.sub-nav-group.category a:hover {
    background: #4a4444;
    color: #fff !important;
}

.megamenu > div > ul {
 list-style: none;
 margin: 0px;
 padding: 0px;
 position: relative;
 display: table;
 width: 100%;}

.megamenu > div > ul > li:hover > a span.menuTitle{
 -webkit-transition: all .2s ease-in-out;
 -o-transition: all .2s ease-in-out;
 transition: all .2s ease-in-out;}

.megamenu > div > ul:after {
 content: '';
 display: block;
 clear: both;}

.megamenu > div > ul  li.level1 {
/* float: left;
 width: 11%;*/
 text-align: center;
display: table-cell;
vertical-align: middle;}

.megamenu .level1 > a{
 line-height: 50px;
 color: #fff;
 font-size: 1.25em;
 display: block;
 -webkit-transition: all 0.3s;
 -o-transition: all 0.3s;
 transition: all 0.3s;
 position: relative;
 z-index: 7010;
 text-decoration: none;
 border: solid 2px transparent;
 }

.megamenu .level2{
 -webkit-column-break-inside: avoid;
 page-break-inside: avoid;
 break-inside: avoid;
 padding: 10px 3px;
 -webkit-box-sizing: border-box;
         box-sizing: border-box;
 }

.megamenu .level2 > a, .megamenu .level3 > a {
 color: #3b716d !important;
 font-weight:  bold;
 font-size: 15px !important;
 padding: 7px 7px 7px 7px;
 display: block;
 -webkit-transition: all 0.3s;
 -o-transition: all 0.3s;
 transition: all 0.3s;
 text-decoration: none;
 /* border: #3b716d 2px solid; */
 /* background: rgba(0,0,0,0.3); */
 }

.megamenu .level2 a:hover,
.megamenu .level2 a:focus,
.megamenu .level2 a:active
 {
 background: #4a4444;
 text-decoration: none;
 color: #fff !important;
 }

.megamenu .level2 a:hover span.description,
.megamenu .level2 a:focus span.description,
.megamenu .level2 a:active span.description {
 text-decoration: none;
 color: #fff;
 }

.level2 span.description {
 display: block;
 color: #4a4444;
 font-size: 14px;
 font-weight: 400;
 }

.megamenu .level3 a {
 color: #000;
 font-weight: bold;
 padding: 6px 3px 6px 3px;
 display: block;
 -webkit-transition: all 0.2s;
 -o-transition: all 0.2s;
 transition: all 0.2s;
 font-size: 14px;
 letter-spacing: 0.01em;
 text-decoration: none;
 /* border: #4a4444 1px solid; */
 margin: 2px 0;
 text-decoration:  none;
 }

.megamenu .level3 a:hover,
.megamenu .level3 a:focus,
.megamenu .level3 a:active {
 /* background: #477e7a; */
 /* text-decoration: none; */
 /* color: #fff; */
 }

.megamenu ul.second-level-list {
 background: #fff;
 opacity: 0.95;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=95)";
 z-index: 7006;
 position: absolute;
 left: 0px;
 top: 0px;
 width: 100%;
 list-style: none;
 margin: 0px;
 padding: 10px;
 -webkit-box-shadow: 0px 0px 8px 2px rgba(0, 0, 50, 0.23);
 box-shadow: 0px 0px 8px 2px rgba(0, 0, 50, 0.23);
 max-width: 1180px;
 text-align: left;
 -webkit-box-sizing: border-box;
         box-sizing: border-box;
 -webkit-column-count: 3;
 column-count: 3;
 }

ul.third-level-list {
 list-style: none;
 margin: 0px;
 padding: 0px;
 display: none;
 }

/* mega menu list */
.nav-menu {
 display: table;
 position: relative;
 list-style: none;
 margin: 0;
 padding: 0;
 z-index: 15;
 width: 100%;
 }

/* a top level navigation item in the mega menu */
.nav-item {
 list-style: none;
 display: table-cell;
 padding: 0;
 margin: 0;
 text-align: center;
 display:  inline-block;
 }

/* first descendant link within a top level navigation item */
.nav-item > a {
line-height: 50px;
-webkit-transition: all 0.3s;
 -o-transition: all 0.3s;
transition: all 0.3s; 
 }

/* focus/open states of first descendant link within a top level navigation item */
.nav-item > a:focus,
.nav-item > a:hover,
.nav-item > a.open {/* color: #a0c13b; */}

/* open state of first descendant link within a top level navigation item */
.nav-item > a.open {
 z-index: 1;}

.megamenu > ul > li:hover > a{
 text-decoration: none;
 position: relative;
 border-bottom-size: 0px;}

/* sub-navigation panel */
.sub-nav {
 position: absolute;
 opacity: 0;
 pointer-events: none;
 top: 100%;
 z-index: 300;
 background: #fff;
 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=95)";
 max-width: 1100px;
 width: 100%;
 left: 0px !important;
 -webkit-transition: all .2s ease-in-out;
 -o-transition: all .2s ease-in-out;
 transition: all .2s ease-in-out;
 }

/* sub-navigation panel open state */
.sub-nav.open {
    opacity:  0.95;
    pointer-events: all;
    }

/* list of items within sub-navigation panel */
.sub-nav ul {
 vertical-align: top;
 margin: 0;
 padding: 0;}

/* list item within sub-navigation panel */
.sub-nav li {
 display: block;
 list-style-type: none;
 margin: 0;
 padding: 0;}


/** How Do I **/
.how, li.nav-item.level1.mega_how_do_i__{
    background: #a0c13b !important;
    /* width: 125px; */
    border: none !important;
}

.how, li.nav-item.level1.mega_how_do_i__ a, .how, li.nav-item.level1.mega_how_do_i__ {
    font-weight: 600;
    font-size: 13px;
    color: #4a4444;
}

li.nav-item.level1.mega_how_do_i__ {
    float: right;
}

a#accessible-megamenu-1523453898754-9 {
    color: #4a4444;
}

.how:hover, li.nav-item.level1.mega_how_do_i__ a:hover, li.nav-item.level1.mega_how_do_i__ a:focus, li.nav-item.level1.mega_how_do_i__ a.open {
    background: #4a4444;
    color: #fff !important;
    /* text-decoration: none; */
}

/** Category Setting **/
.megamenu .class-cat .cat-title{
 color: #fff;
 background: #0d1b2b;
 font-weight: 500;
 padding: 7px 7px 7px 7px;
 font-size: 17px;}

.megamenu .class-cat li{
 padding: 0;}

.megamenu .class-cat li > a{
 color: #FFF;
 background: none;
 font-weight: 300;
 padding: 6px 7px 6px 7px;
 display: block;
 -webkit-transition: all 0.2s;
 -o-transition: all 0.2s;
 transition: all 0.2s;
 font-size: 14px;
 letter-spacing: 0.01em;
 text-decoration: none;}

.megamenu .class-cat li > a:hover,
.megamenu .class-cat li > a:focus,
.megamenu .class-cat li > a:active {
 background: rgba(13, 27, 43, 0.6);
 text-decoration: none;}

@media print, screen and (max-width: 1023px){

.megamenu .nav-item.iconItem{
 display: inline-block;
 padding: 0 10px;}

.megamenu .iconItem > a{
 padding: 0;}

.desktopMenu{
 /* display: inline-block; */
 /* text-align: right; */
 /* width: calc(100% - 47px); */
 /* vertical-align: top; */
 /* text-align: center; */
 }

.nav-item > a{
 padding: 0;}

.megamenu .mega_policedepartment {
 padding-left: 0;}

#mobile-bar{
 color: #fff;
 font-size: 1.6em;
 display: inline-block;
 margin: -4px 11px;
 width: 25px;
 -webkit-box-sizing: border-box;
         box-sizing: border-box;
 }

a.how {display:none;}
 
}

a#mobile-bar {
    display: none;
}

@media only screen and (max-width: 1163px)  {
.megamenu .level1 > a {
    font-size: 1em;
}
}


@media only screen and (max-width: 1024px)  {
#mobile-bar span{position: absolute; top: 13px;}
}



@media only screen and (max-width: 768px)  {
    a#mobile-bar {
    display: none;
    color: #fff;
    font-size: 30px;
    text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.95);
    /* margin-top: 20px; */
    text-align: left;
    top: 0;
    right: 0;
    position: absolute;
}
    .logo img {
    max-width: 170px !important;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
}

@media only screen and (max-width: 768px)  {
    a#mobile-bar {
    display: block;
}

.desktopMenu{
  display:none; 
    }
}

@media only screen and (max-width: 414px)  {
.small-12.large-5.columns {
    text-align: right;
}
}
 /*STICKY MEGAMENU*/

#header.fixedHeader{
    position: fixed;
    top: 0;
    width: 100%;
    background: #a0c13b;
    border-top: solid 5px #697e23;
    border-bottom: solid 5px #697e23;
    padding-top: 35px;
    z-index: 200;
    }

li.nav-item.level1.mega_how_do_i__.darkSticky {
    background: #4a4444;
}

li.nav-item.level1.mega_how_do_i__.darkSticky a{
    color: #fff;
}

.nav-item.darkSticky {
    border-right: solid 2px rgba(0, 0, 0, 0.20);
}

.nav-item.darkSticky:last-child {
    border: none;
}

.nav-item > a.dark {
    color: #4a4444;
    margin-bottom: 0px;
    padding: .5em 1em .5em 1em !important;
}

img.fixedLogo {
    width: 165px;
    margin-top: -21px;
    position: absolute;
}


@media print, screen and (max-width: 1023px){

    img.fixedLogo {
         width: 125px;
         margin-top: 0; 
}

.fixedHeader {
    padding: 20px;
}

}

@media print, screen and (max-width: 859px){
img.fixedLogo {
  margin-top: -21px;
}
}

@media print, screen and (max-width: 768px){

img.fixedLogo {
    /* width: 100px; */
    margin-top: -20px;
    left: -50px;
    /* position: relative !important; */
}

}

.fixedHeader .logo {
    float: left;
    position: relative;
    /* left: 20%; */
    top: 0;
}




/* new mega menu edits */

.small-12.columns {
    position:  relative;
}

.right .container {
    text-align:  right;
    z-index:  3000;
    position: absolute;
    top: 0;
    right:  0;
    width: 100%;
}

.left, .right {
    display:  inline-block;
    vertical-align:  top;
}

.right {
    width: 100%;
}

.menu_slider {
    position: relative;
    width: 100% !important;
    height: auto !important;
}

.nivoSlider{
     overflow: visible !important;
}

.fixedHeader  .right .container {
    position: relative;
}

li.nav-item.level1.mega_how_do_i__.darkSticky .dark {
    background: #4a4444;
}

li.nav-item.level1.mega_how_do_i__.darkSticky .dark:hover {
    background: #3b716d;
}



/*REVISIONS MEGA MENU MAY/18*/

.level2.mega_equal_opportunity_employment_title_vi,
.level2.mega_community_calendar,
.level2.mega_public_meetings_calendar,
.level2.mega_gymnasium_calendar,
.level1.mega_city_hall .level2.mega_community_services,
.level1.mega_city_hall .level2.mega_public_transit,
.level1.mega_city_hall .level2.mega_public_works,
.level1.mega_city_hall .level2.mega_community_development,
.level1.mega_city_hall .level2.mega_valley_regional_fire_authority,
.level2.mega_environmental_services,
.level2.mega_utilities,
.level2.mega_employment_human_resources_,
.level1.mega_city_hall .level2.mega_economic_development,
.level2.mega_city_services,
.level2.mega_gis_maps,
.level2.mega_legal_-_city_clerk,
.level2.mega_police,
.level2.mega_tourism,
.level2.mega_online_citizen_reporting,
.level2.mega_documents,
.level2.mega_talk_auburn_new,
.level2.mega_parks_and_trails,
.level2.mega_recreation,
.level1.mega_residents .level2.mega_arts_and_entertainment,
.level1.mega_residents .level2.mega_special_events,
.level1.mega_residents .level2.mega_volunteer,
.level1.mega_residents .level2.mega_sister_cities_program,
.level1.mega_residents .level2.mega_golf_course,
.level1.mega_residents .level2.mega_museum,
.level2.mega_tourism_-_explore_auburn,
.level2.mega_sports_and_athletics,
.level2.mega_fitness,
.level2.mega_senior_activity_center,
.level1.mega_residents .level2.mega_golf_course,
.level1.mega_residents .level2.mega_museum,
.level2.mega_mary_olson_farm,
.level2.mega_community_garden_program,
.level2.mega_auburn_farmers_market,
.level2.mega_zoning_land_use,
.level2.mega_employment,
.level2.mega_documents,
.level2.mega_community_calendar,
.level2.mega_public_meetings_calendar,
.level2.mega_environmental_services,
.level2.mega_cemetery,
.level2.mega_zoning_land_use,
.level1.mega_businesses .level2.mega_transportation,
.level2.mega_documents,
.level2.mega_parks_trails_campground,
.level2.mega_recreation,
.level2.mega_community_calendar,
.level2.mega_downtown_parking,
.level2.mega_cemetery
{display:none}

