@import url('https://fonts.googleapis.com/css2?family=Noto+Sans&family=Noto+Serif&display=swap');

    :root {
        --black: rgb(0,0,0);
        --white: rgb(255,255,255);
        --light-gray: rgb(239,239,239);
        --primary-color: rgb();
        --secondary-color: rgb();
        --primary-font: 'Noto Sans', sans-serif;
        --secondary-font: 'Noto Serif', serif;
        --foodmenu-default-color: var(--primary-color) !important;
        --foodmenu-second-color: var(--secondary-color) !important;
    }

    .overwrite_inside_left{font-size:0.8em; padding-right:11px;}
    .inside_left_bar, .inside_left_bar img{display:none;}
    .left_menu_column{width:250px;}
    #menu{background-color: rgb(245,245,247);margin-right:10px;float:left;font-size:0.8em;width:200px;border-right:1px solid rgb();}
    #menu ul{font-size:1em; list-style:none;margin:0;padding:7;background-color:transparent;}
    #menu ul li{padding:7px 0 0 0;}
    #menu a{color:rgb(); font-weight:600;}
    #menu a.ln div{padding-top:5px;}
    #menu a:hover{color:rgb(); text-decoration:none;}
    .inside_page_bg #menu a{font-size:1em; line-height:1em;}
    .inside_page_bg #menu li li li li a{font-size:0.9em;}
    .inside_page_bg #menu ul ul ul{padding-left:20px;}
    .inside_page_bg #menu ul ul ul ul{padding-left:40px;}

    .print_total{padding-bottom:35px;}
    .screen_total2,.screen_total{width:1024px;}
    .top_text_bg{background-color:rgb();color:rgb(255,255,255);height:10px;}
    #header_nav, #tabnav, #headermenu a.toplink, #headermenu a.toplink:visited{overflow:hidden;background-color:rgb(255,255,255);height:auto;color:rgb(0,0,0);}
    #header_nav{background-color:rgb(255,255,255);color:rgb(0,0,0);border-bottom:1px solid rgb() !important;}
    #header_nav li{width:auto !important;background-color:rgb();padding-right:1px;}
    #header_nav li a.toplink{background-color:rgb(255,255,255);text-transform:uppercase;height:25px;font-size:12px;line-height:16px !important;padding:10px 10px 0px 10px;color:rgb(0,0,0);border:none !important;}
    #header_nav li a.toplink:hover,
    #header_nav li a.toplink:active,
    #header_nav li a.toplink:focus{background-color:rgb(255,255,255);color:rgb();}
    #header_nav li a.tabnav_default,
    #headermenu a.tabnav_default, #headermenu a.tabnav_default:visited{background-color:rgb(255,255,255);color:rgb();}
    #header_nav li{width:auto !important;background-color:rgb();padding-right:0px;}
    #header_nav li:last-child{padding-right:0px;}
    #tabnav{margin-left:0;}
    #headermenu, #headermenu ul{padding:0;margin:0;}
    .top_border_bg{background-color:rgb();}
    .print_total .titletext{display:block;font-weight:400;font-size:1.5em; padding-top:1em;}
    .inside_page_bg table, .inside_page_bg td, .inside_page_bg tr{border-color:rgb()!important; font-size:0.95em;}
    .inside_page_bg input,.inside_page_bg textarea,.inside_page_bg select,.inside_page_bg p{ font-size:0.95em;}
    /*end admin*/


    /***utility menu***/
    .utility-nav {margin:0;display:inline-block;position:relative; width:100%}
    .utility-nav ul {margin:0;padding:0; list-style:none;display:inline-block;position:relative;line-height:0em; width:100%; text-align:right;}
    .utility-nav li {margin: 0;position: relative;display:inline-block;line-height:0em;}
    .utility-nav li a,.utility-nav button {background:none;border:2px solid transparent;display:block; font-size:0.7em; font-weight:400; font-style:italic;  color:rgb(0,0,0);  line-height:1em; font-family: 'Noto Serif',serif; text-align:center; position:relative;padding:0.75em; cursor pointer; -webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
    .utility-nav li a .btn-title,.utility-nav li button .btn-title {display:block;}
    .utility-nav .icon{font-size:28px;display:block; margin-bottom:9px;}
    .utility-nav li a:hover,.utility-nav li a:focus,.utility-nav li a:active,.utility-nav li a.on, .utility-nav button:hover,.utility-nav button:focus,.utility-nav button:active,.utility-nav button.on{outline:none; color:rgb(0,0,0); text-decoration:none;}
    #header-right .utility-nav li a:focus { border: 2px solid rgb(0,0,0);}
    .utility-nav li a:hover .icon,.utility-nav li a:focus .icon,.utility-nav li a:active .icon,.utility-nav li a.on .icon,
    .utility-nav button:hover .icon,.utility-nav button:focus .icon,.utility-nav button:active .icon,.utility-nav button.on .icon{color: rgb();}

	.utility-nav .icon svg{ height: 24px; width: auto;}
	.utility-nav .icon svg, .utility-nav .icon svg *{ fill: rgb() !important;}

    #header-left .utility-nav li a,#header-left .utility-nav button{color:rgb();}
    #open-menu-modal{padding-right:4em; position:relative;}
    #open-menu-modal .title{position:absolute; right:0.75em; width:3em;top:50%; -webkit-transform: translate(0,-50%); -ms-transform: translate(0,-50%); transform: translate(0,-50%);}

    div.utility-nav {
        display: flex;
    }

    #header-left div.utility-nav > button {
        background: var(--white);
        border: 2px solid var(--white);
        color: rgb();
        cursor: pointer;
    }

    #header-left div.utility-nav > button.open-modal {
        color: var(--black);
    }

    #header-left div.utility-nav > button.open-modal i {
        color: rgb();
        transition: color .3s ease 0s;
    }

    #header-left div.utility-nav > button.open-modal:active i,
    #header-left div.utility-nav > button.open-modal:focus i,
    #header-left div.utility-nav > button.open-modal:hover i,
    #header-left div.utility-nav > button.open-modalon i {
        color: var(--black);
    }

    #header-left div.utility-nav > button:active,
    #header-left div.utility-nav > button:focus,
    #header-left div.utility-nav > button.on {
        border: 2px solid var(--black);
    }

    #header-left div.utility-nav > button:active,
    #header-left div.utility-nav > button:focus,
    #header-left div.utility-nav > button:hover,
    #header-left div.utility-nav > button.on {
        background: var(--white);
        color: var(--black);
    }

    div.utility-nav > button i {
        font-size: 24px;
    }

    div.utility-nav #open-menu-modal {
        display: flex;
        align-items: center;
        padding: .75em;
    }

    div.utility-nav #open-menu-modal i {
        padding-right: 8px;
    }

    div.utility-nav #topNav {
        display: block;
        flex-grow: 1;
        float: unset;
        margin: 20px 0;
        margin-left: -10px;
        overflow: hidden;
    }

    div.utility-nav #topNav ul.topnav {
        display: block;
        height: 100%;
        overflow-x: hidden;
        overflow-y: auto;
    }

    div.utility-nav #topNav li.navMenus {
        display: flex;
        line-height: 30px;
        vertical-align: unset;
        width: 100%;
    }

    #header-left .utility-nav button.main-nav-button,
    #header-left .utility-nav #topNav li.navMenus a.district-btn {
        border: 2px solid transparent;
        color: rgb(255,255,255);
        cursor: pointer;
        display: flex;
        font-size: 22px;
        line-height: 28px;
        padding: 10px 60px 10px 10px;
        text-align: left;
        transition: all .3s ease 0s;
        width: 250px;
        z-index: 100;
    }

    #header-left .utility-nav button.main-nav-button:after {
        background: transparent;
        content: '';
        display: block;
        height: 2px;
        position: absolute;
        right: 15px;
        top: calc(50% - 1px);
        transition: all .3s ease 0s;
        width: 30px;
    }

    #header-left .utility-nav li.navMenus.active button.main-nav-button:after,
    #header-left .utility-nav button.main-nav-button.expanded:after {
        background: rgb();
    }

    #header-left .utility-nav button.main-nav-button:active,
    #header-left .utility-nav button.main-nav-button:hover,
    #header-left .utility-nav button.main-nav-button:focus,
    #header-left .utility-nav button.main-nav-button.expanded,
    .utility-nav #topNav li.navMenus.active .main-nav-button,
    #header-left .utility-nav #topNav li.navMenus a.district-btn:hover,
    #header-left .utility-nav #topNav li.navMenus a.district-btn:focus {
        color: rgb();
        font-style: italic;
    }

    #header-left .utility-nav button.main-nav-button:focus,
    #header-left .utility-nav #topNav li.navMenus a.district-btn:focus {
        border: 2px solid rgb(255,255,255);
    }

    #header-left .utility-nav li.navMenus .dropDown.expanded {
        display: block;
    }

    div.utility-nav #topNav .dropDown {
        float: unset;
        height: 100%;
        max-height: 340px;
        overflow-x: hidden;
        overflow-y: auto;
        padding: 0 0 0 250px;
        position: fixed;
        top: 95px;
        width: 320px;
        z-index: 99;
    }

    div.utility-nav #topNav li.navMenus li {
        display: block;
    }

    div.utility-nav #topNav .dropDown:before {
        content: none;
    }

    div.utility-nav #topNav li.navMenus a {
        font-size: 18px;
        line-height: 28px;
        padding: 3px 0;
        text-align: left;
    }

    div.utility-nav #topNav li.navMenus .dropDown a {
        font-style: normal;
    }

    /*modal windows*/
    .modal{display:none;}
	.no-scroll{overflow:hidden;}

    #schools-modal{width:25%; right:2.5%; top:0; left:auto; -webkit-transform:none; -ms-transform:none; transform:none; padding:3em 2.5% 1em; border:none; max-height:100vh; background:rgb(); border-bottom:4px solid rgb(); border-radius:0;}
    #schools-modal:after{content:'';top:100%;height:2.5em; left:0; width:100%; position:absolute; background: url(www.bruce.k12.wi.us/custom/images/general/nav/asset-schools-small-bg.png) left top no-repeat; background-size:100% 100%;}
    #schools-modal.w-column:after{ background: url(www.bruce.k12.wi.us/custom/images/general/nav/asset-schools-large-bg) left top no-repeat; background-size:100% 100%;}
    #schools-modal.w-column{width:50%;}
    .modal-list{width:100%; margin:0; padding:0; list-style:none; display:inline-flex; flex-flow: row wrap; justify-content:space-between; align-items: flex-start;}
    .modal-list li{flex-basis:100%; position:relative; margin:0 0 0.5em; text-align:center;}
    .w-column .modal-list li{flex-basis:48%;}
    .modal-list a{padding:0.5em 0; font-size:1em; position:relative; display:inline-block; width:100%; color:rgb(255,255,255);}
    .modal-list a:hover,
    .modal-list a:focus,
    .modal-list a:active{color:rgb(); text-decoration:none;}

    .searchForm{width:55%; padding:0; position:relative; text-align:left; display:inline-block; margin-top:1.5em;}
    .searchForm input[type="search"]{font-family:'Noto Sans',sans-serif; font-size:1em; font-style:italic; width:calc(100% - 3em); color:rgb(255,255,255); line-height:2em; border:0; border-bottom:2px solid rgb(); background:0; padding:0 0 0.25em; text-align:left;}
    .searchForm button{background:none;border:none;outline:none;color:rgb()!important; float:left; font-size:1.5em; padding:0.5em 0; margin-right:0.5em;}
    #translate{width:50%; padding:0; position:relative; text-align:center; display:inline-block; margin:1em 0;}
    #translate .goog-te-gadget .goog-te-combo{margin:0;width:100%;}
    #translate .goog-te-gadget{font-family:'Noto Sans',sans-serif;font-size:0.8em;color:rgb(255,255,255);}
    #translate .goog-te-combo,#translate .goog-te-banner *,#translate .goog-te-ftab *,#translate .goog-te-menu *,#translate .goog-te-menu2 *,#translate .goog-te-balloon *{font-family:'Noto Sans',sans-serif; font-size:1em;}
    #translate .goog-logo-link,#translate .goog-logo-link:link,#translate .goog-logo-link:visited,#translate .goog-logo-link:hover,#translate .goog-logo-link:active{font-size:1em!important; color:rgb(255,255,255)!important;}

    /***Main Nav***/
    #menu-modal{width:50%; height:calc(100% - 6.5em); max-height:100%; overflow:auto; overflow-x:hidden; padding: 4em 1em 2.5em; border:none; border-radius:0; background:rgb() url(www.bruce.k12.wi.us/custom/images/general/nav/asset_nav_mark.png) bottom right no-repeat; background-size:50% auto; position:fixed; top:0; left:0; right:auto; -webkit-transform:none; -ms-transform:none; transform:none; max-width:85vw; border-top-right-radius:50vw; border-bottom-right-radius:50vw;}
    #menu-modal .close-modal{background:rgb(); border: 2px solid rgb(); transition: all .3s ease 0s; color:rgb(255,255,255); position:absolute; top:1em; left: 1em; padding: 9px 13px 7px; cursor: pointer; font-size: 28px; line-height: 29px; padding: 6px 10px;}
    #menu-modal .close-modal:active,
    #menu-modal .close-modal:focus,
    #menu-modal .close-modal:hover {
        background: rgb();
        border: 2px solid rgb(255,255,255);
        color: rgb(255,255,255);
    }

    #menu-modal::-webkit-scrollbar {width: 15px;}
    #menu-modal::-webkit-scrollbar-track {background: rgba(0,0,0,0.5);}
    #menu-modal::-webkit-scrollbar-thumb {background: rgba(255,255,255,0.8);}
    #menu-modal::-webkit-scrollbar-thumb:hover {background: rgb();}

    #header-left #menu-modal {
        flex-direction: column;
        height: calc(100% - 105px);
        max-width: 900px;
        padding: 75px 42px 30px;
    }

    #header-left #menu-modal .close-modal,
    button#close-schools-modal {
        background:rgb();
        border: 2px solid rgb();
        color: rgb(255,255,255);
        cursor: pointer;
        font-size: 28px;
        left: 30px;
        line-height: 29px;
        padding: 6px 10px;
        position: absolute;
        top: 30px;
        transition: all .3s ease 0s;
    }

    #header-left #menu-modal .close-modal:active,
    #header-left #menu-modal .close-modal:focus,
    #header-left #menu-modal .close-modal:hover,
    button#close-schools-modal:active,
    button#close-schools-modal:focus,
    button#close-schools-modal:hover {
        background: rgb();
        border: 2px solid rgb(255,255,255);
        color: rgb(255,255,255);
    }

    #schools-modal .modal-list {
        margin-top: 20px;
    }

    #header-left #menu-modal .menu-footer {
        display: flex;
        flex-wrap: wrap;
    }

    .search-box-wrapper,
    .translate-wrapper {
        width: 100%;
    }

    .search-box-wrapper .searchForm button {
        background: transparent;
        border: 2px solid transparent;
        cursor: pointer;
        float: right;
        font-size: 32px;
        line-height: 33px;
        margin: 0;
        padding: 6px 7px;
        transition: all .3s ease 0s;
    }

    .search-box-wrapper .searchForm button:active,
    .search-box-wrapper .searchForm button:focus,
    .search-box-wrapper .searchForm button:hover {
        background: transparent;
        border: 2px solid rgb(255,255,255);
        color: rgb(255,255,255) !important;
    }

    .translate-wrapper #translate {
        display: block;
        margin: 30px 0;
        text-align: left;
        width: auto;
    }

    .mainNav .top_level_icon {
        color: white;
        display: flex;
        align-items: center;
        font-weight: 700;
        line-height: 100%;
        padding-left: 15px;
        flex-grow: 1;
        cursor: pointer;
    }

    .dropDown .mainNav ul li.level_1_expandable {
        display: flex !important;
        flex-direction: row;
        justify-content: left;
        flex-wrap: wrap;
    }

    .mainNav ul.level2 { 
        transition: height 0.5s ease;
        interpolate-size: allow-keywords;
    }

    .dropDown .mainNav ul li.active ul {
        height: auto;
    }
    .mainNav .active .ready {
        display: none;
    }
    .mainNav .hover {
        display: none;
    }
    .mainNav .active .hover {
        display: block;
    }

    #topNav {width:100%; float:left; padding:0; margin:0 0 1.5em; text-align: left; display:inline-block; position: relative; overflow: auto; overflow-x: hidden;}
    #topNav ul{display: block; text-align: left; margin:0;padding:0; list-style:none;width:100%;}
    #topNav ul.topnav{display:inline-block;}
    #topNav li.navMenus {width:50%; position: relative; display: inline-block; padding:0; margin: 0;  vertical-align: top;}
    #topNav li.navMenus a {font-family:'Noto Serif',serif;font-size:1.3em; line-height: 1em; font-weight:400; color: rgb(255,255,255); padding: 0.8em 0; display: inline-block; position: relative;width:100%;}
    #topNav li a:hover,#topNav li a:focus, #topNav li:hover a.nav, #topNav li:focus a.nav,#topNav li a.on{ text-decoration:none;font-weight: 400; font-style: normal; color:rgb();}
    #topNav li.navMenus a.navDrop{width:1em; display:inline-block;padding:0;color:rgb(255,255,255);font-size:1em;line-height: 1em; visibility:hidden; position: absolute;right:1.5em; top:50%; -webkit-transform: translate(0,-50%); -ms-transform: translate(0,-50%); transform: translate(0,-50%); text-align:right;}
    #topNav li.navMenus a:hover,#topNav li.navMenus a:focus,#topNav li.navMenus a:active, #topNav li.navMenus:hover a.nav, #topNav li.navMenus:focus a.nav, #topNav li.navMenus:active a.nav, #topNav li.navMenus a.on,, #topNav li.navMenus a.dropDownOn{ color:rgb(); text-decoration:none; }
    #topNav li.navMenus a.navDrop:hover,
    #topNav li.navMenus a.navDropOn{color: rgb();}

    /*dropdown*/
    .dropDown{position:relative;float:right; width:42.5%;display:none;overflow:visible;margin:0; padding:0 0 0 7.5%; z-index:9999;}
    .dropDown:before{content:'';position:absolute; top:1.5em; left:-7.5%; height:2px; background:rgb(); width:15%;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;}
    .dropDown .mainNav{width:100%; position: relative;display: inline-block;}
    .dropDown .mainNav ul{width:100%;padding:1em 0 0;vertical-align: top;display:inline-block; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
    .dropDown .mainNav ul li{display: inline-block;width:100%; position: relative;float:left;}
    .dropDown .mainNav ul li a{width:100%; display: inline-block; font-weight: 700; color:rgb(255,255,255); letter-spacing:0; font-size:1em; line-height: 1.15em; float:left; padding:0.5em 5% 0.45em; position: relative;}
    .dropDown .mainNav ul li a:hover,.dropDown .mainNav ul li a:focus,.dropDown .mainNav ul li a:active{color:rgb()!important;font-weight:700;}
    .dropDown .mainNav ul ul{width:95%!important; padding:0!important; margin:0 0 0 5%!important; float:left; height:0; overflow:hidden;display:none;}
    .dropDown .mainNav ul ul.on{height:auto!important;}
    .dropDown .mainNav ul ul li a{color:rgb(255,255,255); letter-spacing:0; font-size:0.9em; font-weight:600; font-style:italic;}
    .dropDown .mainNav ul ul li a:hover,.dropDown .mainNav ul li a:focus,.dropDown .mainNav ul li a:active{color:rgb()!important;}


    /***Mobile Nav***/
    #mobileNav{width:100%; display: none; float:left; position: relative;}
    #mobileNav ul{margin:0;padding:0;list-style:none;width:100%;}
    #mobileNav ul.categoryLevel li { width: 100%; font-size: 1em; line-height: 1.2em; position:relative;}
    #mobileNav ul.categoryLevel li a {font-family: 'Noto Serif', serif;font-weight:700;font-size:1.1em; padding: 1em 10% 0.8em 0; width:90%; display:inline-block; color:rgb(255,255,255); }
    #mobileNav ul.categoryLevel.home li a{width:100%;}
    #mobileNav ul.categoryLevel li li a{font-family: 'Noto Sans', serif;font-size:1em;padding: 1em 10% 0.8em 5%; width:85%;color:rgb(255,255,255); text-transform:none;}
    #mobileNav ul.categoryLevel li li li li a{background-color:rgb();color:rgb();font-size:0.9em;padding:1.2em 2.5% 1em;width:75%; margin:0 10%;}
    #mobileNav ul.level1,#mobileNav ul.level2,#mobileNav ul.level3{display:none;}
    #mobileNav li .menu_arrow{position:absolute;font-size:0.8em; color:rgb(255,255,255);right:0 ; padding:1.2em 5%;text-align:center;cursor:pointer;}
    #mobileNav li .menu_arrow.show:before{content: "\ea03";}
    #mobileNav li li .menu_arrow{color:rgb(255,255,255);}
    #mobileNav ul li a span.icon{font-size:0.8em; margin-right:0.5em;}


    /***Inside Navigation***/
    #sidebar{border: 2px solid rgb(); border-top:7px solid rgb(); width:80%; padding:1.5em 10% 4em; border-bottom-right-radius:5em; border-bottom-left-radius:5em; display:inline-block; margin: 2.5em 0 1em;}
    #sidebar #menu{width:100%; margin:0; font-size:1em;border:none;background:none;}
    #sidebar #menu ul {list-style: none; padding: 0; margin: 0; display:inline-block; position:relative; width:100%;}
    #sidebar #menu li {padding:0; display:inline-block;float:left;width:100%; position:relative; }
    #sidebar #menu li li a {font-family:'Noto Sans',serif;padding: 0.4em 0; transition: background-color 0.3s ; -webkit-transition: background-color 0.3s; position: relative; text-decoration: none; display: block; color: rgb(); font-size: 1.1em; line-height: 1.2em; font-weight: 400;width:100%;}
    #sidebar #menu li li a:hover,#sidebar #menu li li a:focus,#sidebar #menu li li a:active,
    #sidebar #menu li a.ln_default,#sidebar #menu li a.ln2_default,#sidebar #menu li a.ln3_default {color:rgb(0,0,0);  font-style:italic;}
    #sidebar #menu li li ul{padding-left:1em;}
    #sidebar #menu li li ul li:before{ content: "\2022";color:rgb(); font-weight: bold; display: inline-block; width: 1em; position:absolute; top:0.25em; left:-1em;}
    #sidebar #menu li li li a{font-size:1em;  padding-left: 5%; width:95%; background: none; color:rgb(0,0,0); }
    #sidebar #menu li li li a:hover,
    #sidebar #menu li li li a:focus,
    #sidebar #menu li li li a:active,
    #sidebar #menu li li li a.ln2_default{color:rgb();}
    #sidebar #menu li li li ul {width:78%; float:left; position: relative; padding: 0 0 0 8% !important; margin: 0.4em 0 0; }
    #sidebar #menu li li li li { padding: 0.4em 0;  }
    #sidebar #menu li li li ul li:before{color:rgb();}
    #sidebar #menu li li li li a {font-family:'Noto Sans',sans-serif;width:100%;color:rgb(0,0,0); background: none !important; font-size: 0.9em; line-height: 1.3em;  padding: 0;}
    #sidebar #menu li li li li a:hover,#sidebar #menu li li li li a.ln3_default {color: rgb();}

    @media only screen and (max-width: 1024px){
        #topNav{display:none;}
        #mobileNav{display:inline-block;}
        #menu-modal{width:90%; border-radius:0;}
        .searchForm{width:100%;}
        #translate{width:100%;}
        #schools-modal{width:95%; right:0; overflow-y: auto; height:calc(100% - 4em);}
        #schools-modal:after{display:none;}
    }
    @media only screen and (max-width: 850px){
        .utility-nav{text-align:center;}
        .utility-nav ul{text-align:center;}
    }
    @media(max-width: 600px) {
        div.utility-nav #topNav li.navMenus {
            flex-direction: column;
        }
        #header-left .utility-nav button.main-nav-button, #header-left .utility-nav #topNav li.navMenus a.district-btn {
            width: 100%;
        }
        div.utility-nav #topNav .dropDown {
            max-height: unset;
            padding: 0 0 0 25px;
            position: relative;
            top: unset;
            width: 100%;
        }
        #header-left .utility-nav button.main-nav-button:after {
            width: 80px;
        }
        #header-left .utility-nav button.main-nav-button, #header-left .utility-nav #topNav li.navMenus a.district-btn {
            padding: 6px 80px 6px 10px;
        }
        #header-left .utility-nav button.main-nav-button:after {
            width: 50px;
        }
        #header-left #menu-modal .close-modal, button#close-schools-modal {
            top: 15px;
        }
        div.utility-nav #topNav {
            margin: 0 0 20px;
        }
        div.utility-nav #topNav li.navMenus a:active,
        div.utility-nav #topNav li.navMenus a:hover,
        div.utility-nav #topNav li.navMenus a:focus {
            text-decoration: underline;
        }
    }