/************************** ADMIN STYLES ************************/

/* Fix for width of actions column */ 
#admin td:has(.actions) { width: 1px; white-space: nowrap; padding: 0 10px;}

#admin ul li {
    padding: 0px;
    margin: 0;
}

#admin { font-family: "Open Sans"; color: #000; font-size: 14px; line-height: 17px; letter-spacing: 0px !important;}
#admin a { color: #000; }

#admin, #admin-bar { 
    font-family: Open Sans, sans-serif;
    line-height: 22px;
}

#admin h1, #admin h2, #admin h3 { font-family: 'Oswald', sans-serif; }
#admin h1 { margin: 0 0 10px 0; padding: 0; font-weight: bold; font-size: 28px; color: #0F63ED; font-family: "Open Sans";}
#admin h2 { margin: 15px 0 8px 0; padding: 0; font-weight: bold; font-size: 20px; color: #0F63ED; font-family: "Open Sans"; }
#admin h2 + * { margin-top: 0; }
#admin h3 { margin: 15px 0 4px 0; padding: 0; font-weight: bold; font-size: 16px; color: #0F63ED; font-family: "Open Sans";}
#admin h4 { font-size: 16px; background-color: #0F63ED; color: #fff; margin-top: 20px; margin-bottom: 5px; padding: 8px 8px 8px 16px; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; font-family: "Open Sans" ; }
#admin h5 { display: block; font-size: 16px; background-color: #002E5D !important; color: #fff; margin-top: 20px; margin-bottom: 5px; padding: 8px 8px 8px 16px; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; font-family: "Open Sans"; }
#admin h6 { font-size: 16px; background-color: #EAE8E8; color: #002E5D; border: solid 2px #002E5D; margin-top: 20px; margin-bottom: 5px; padding: 8px 8px 8px 16px; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; font-family: "Open Sans"; }

div.google-visualization-tooltip { pointer-events: none }
svg > g > g:last-child { pointer-events: none }

#content .orange { background-color: #FE5C00; }
#content .red { background-color: #A51E22; }
#content .redsp { color: #A51E22; font-weight: bold;}
#content .ltred { background-color: #F7ACAF; }
#content .ltredsp { color: #FB797E; font-weight: bold;}
#content .green { background-color: #008000; }    
#content .ltgreen { background-color: #ACFCAC; }
#content .ltgreensp { color: #ACFCAC; font-weight: bold;}
#content .dkblue { background-color: #1D499D !important;}
#content .blue { background-color: #0F63ED; }
#content .bluesp { color: #0F63ED; }
#content .ltblue { background-color: #CADEFE; }
#content .ltbluesp { color: #CADEFE; font-weight: bold;}
#content .grey { background-color: #EAE8E8; }
#content .greysp { color: #C7C7C7; }
#content .dkgrey { background-color: #838383; color: #fff; }
#content .black { background-color: #000; }
#content .yellow { background-color: #F1FA04; }
#content .yellowtxt { color: #F1FA04; }
#content .whiteth { color: #fff; font-weight: bold; text-align: center; }
#content .yellowsp { color: #FAF103; font-weight: bold; }
#content .highlight { background-color: #F6F0A9; }
#content .center { text-align: center; }
#content .right { text-align: right; }
#content .left { text-align: left; }

.report { padding: 10px; text-align: center; font-weight: bold; margin-bottom: 10px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
.report-red {  color: #000; border: solid 2px #A51E22; background-color: #FCB3BB; }
.report-green { color: #000; border:solid 2px #008000; background-color: #D0FDB3; }
.report-ltblue { color: #000; border:solid 2px #0C48A8; background-color: #CADEFE; }

#menu-item-container { display: flex; display: -webkit-flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; justify-content: space-around; -webkit-justify-content: space-around; }
.menu-item { width: 15.5%; text-align: center; border: solid 1px #505050; border-radius: 5px; margin: 10px 0 0 0; float: right;}
.menu-item img { width: 78%; border: 0; margin-bottom: 10px; }
.menu-item a { font-size: 13px; text-decoration: none; font-weight: bold; }
.menu-item:hover { background-color: #F9F061; }
.menu-item-inner { margin: 10px; }

#dashboard-container { display: flex; flex-wrap: wrap;  justify-content: space-between; }
#dashboard-container .one-wide { text-align: center;  font-weight: bold; font-size: 14px; width: 100%; border: solid 1px #505050; border-radius: 2px; margin-bottom: 10px; padding: 4px;}
#dashboard-container .two-wide-graph { text-align: center;  font-weight: bold; font-size: 14px; width: 48%; border: solid 1px #505050; border-radius: 2px; padding: 3px; margin-bottom: 10px; }
#dashboard-container .two-wide { width: 49%; border: solid 1px #505050; border-radius: 2px; margin-bottom: 10px; background-color: #EAE8E8; }
#dashboard-container .three-wide { width: 32%; border: solid 1px #505050; border-radius: 2px; margin-bottom: 10px; background-color: #EAE8E8; }
#dashboard-container .label { text-align: center; margin: 4px; color: #000; }
#dashboard-container .data { text-align: center; margin: 4px; color: #000;  font-weight: bold; font-size: 22px; }

#admin td { font-size: 14px; color: #000; }
#admin td.inverse { background: #4B733E; font-weight: bold; font-size:12px; color: #fff; margin-top: 0; }
#admin td.inverse a { color: #fff; text-decoration: none; }
#admin td.inverse a:hover { text-decoration: underline;}

#admin td.inversesmall { background: #4B733E; font-weight: bold; font-size: 11px color: #fff; margin-top: 0; }
#admin td.inversesmall a { color: #fff; }
#admin td.inversesmall a:hover { color: #fff;text-decoration: none; }

#admin td.small { font-size: 11px; color: #000; margin-top: 0;}
#admin td.small a { color: #000;}
#admin td.small a:hover { text-decoration: none;}

td.small2 { font-size: 10px; color: #000; margin-top: 0; }
td.small2 a { color: #000; }
td.small2 a:hover { text-decoration: none; }

.forms { border: solid 1px #4B733E; margin-bottom: 10px; }
.forms legend {font:bold 14px arial; color: #4B733E; padding: 4px; }
.forms th { text-align: left; }
.forms span { color: red; }

.complete { text-align: center; background-color: #02CE10; color: #fff; padding: 10px; font-weight: bold; margin-bottom: 10px; }
.warning { text-align: center; background-color: #F72307; color: #fff; padding: 10px; font-weight: bold; margin-bottom: 10px; }

/****** ========== NO-MOBILE ========== *****/

@media only screen {

    .nomobile, .nomobile {display: block;}
    .nomobilein, .nomobilein {display: auto; }
    .mobileonly, .mobileonly { display: none; }
    .mobileonlyin, .mobileonlyin { display: none; }
    .mobileonlyblock, .mobileonlyblock { display: none; }
    
    @media (max-width: 700px){
    
        .nomobile, .nomobile { display: none  !important; } 
        .nomobilein, .nomobilein {display: none; }
        .mobileonly, .mobileonly { display: block; }    
        .mobileonlyin, .mobileonlyin { display: inline-block; }    
        .mobileonlyblock, .mobileonlyblock { display: block; }
        
    }

}

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

    #dashboard-container .two-wide-graph { width: 100%; }
    .menu-item { width: 19%; }
}

@media (max-width: 480px){

    #dashboard-container .data { font-size: 14px; }
    #dashboard-container .label { font-size: 12px; }
    .menu-item { width: 31%; }
    .menu-item a { font-size: 11px; }    
    
}

/****** ========== LIST BOXES ========== *****/

#admin-item-container { display: flex; flex-wrap: wrap; }
#admin-item-container > div:nth-child(4n) { margin-right: 0; }

.admin-item-header { background-color: #000; color: #fff; padding: 5px 0; }
.admin-item .yellow { color: #FAF103; font-weight: bold; }
.admin-item-body { padding: 5px 0; }
.admin-item { font-size: 13px; width: 23.5%; text-align: center; border: solid 1px #505050; border-radius: 5px; margin: 10px 2% 0 0; padding: 0 0 5px 0; }
.admin-item i { font-size: 20px; }
.admin-item a { font-size: 14px; text-decoration: none; font-weight: bold; }
.admin-item a span { font-size: 18px; }
.admin-item-inner { margin: 10px; }

@media (max-width: 1000px){
    #admin-item-container .admin-item { width: 32%; }
    #admin-item-container > div:nth-child(4n) { margin-right: 2%; }
    #admin-item-container > div:nth-child(3n) { margin-right: 0; }
}
@media (max-width: 760px){
    #admin-item-container .admin-item { width: 49%; }
    #admin-item-container > div:nth-child(3n) { margin-right: 2%; }
    #admin-item-container > div:nth-child(2n) { margin-right: 0; }
}

@media (max-width: 560px){
    #admin-item-container .admin-item { width: 100%; }
    #admin-item-container > div:nth-child(3n) { margin-right: 0; }
    #admin-item-container > div { margin-right: 0; }
}

/****** ========== ADMIN LIST TABLES ========== *****/

#content .admin-table { width: 100%; border-spacing: 1px; font-size: 14px; font-family: "Open Sans"; border-collapse: separate;;}
#content .admin-table th { background: #0F63ED; font-weight: bold; color: #fff;  padding: 5px; text-align: center;}
#content .admin-table th a { color: #fff; text-decoration: none; }
#content .admin-table td { padding: 5px; font-weight: bold; }
#content .admin-table td .center { text-align: center; }
#content .admin-table.navi td { border-bottom: solid 1px #000; }
#content .admin-table tr.regular:nth-child(odd) {background-color: #EAE8E8;}
#content .admin-table tr.regular:nth-child(even) {background-color: #FFF;}
#content .admin-table tr.special:nth-child(even) {background-color: #EAE8E8;}
#content .admin-table tr.special:nth-child(odd) {background-color: #FFF;}
#content .admin-table tr.special, #content .admin-table tr.regular { line-height: 1.5em; }

#content .hleft { float: left; margin-top: 4px; }
#content .hlabelleft { float: left; margin-top: 0px; }
#content .hleft2 { float: left; margin-top: 6px; }

.action a { display: block; padding: 6px 0; }

@media (max-width: 600px){        
    #content .hleft { margin-top: 10px; float: none;}
    #content .buttonright.withsettings input.site-button { float: none !important; }
    
    #content .admin-table .smallbutton { width: 49%; }

}


#content .buttonright.withsettings input.site-button { max-width: calc(100% - 80px); }
#content .buttonright i { color: #fff; font-size: 22px; margin: 8px;}
#content #admin-menu-item-container { display: flex; flex-wrap: wrap; }
#content #admin-menu-item-container > a:nth-child(4n) { margin-right: 0; }
#content #admin-menu-item-container .site-button { box-sizing: border-box; width: 24%; display: block; color: #fff; padding: 10px 10px; border: 0; margin-right: 1%; margin-bottom: 10px; text-decoration: none; font-weight: bold;font-size: 14px;border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; text-align: center; }

#content .largericon { font-size: 18px; }
#mobilefooter .largericon { font-size: 24px; }

@media (max-width: 930px){
    #content #admin-menu-item-container .site-button { width: 32%; }
    #content #admin-menu-item-container > a:nth-child(4n) { margin-right: 1%; }
    #content #admin-menu-item-container > a:nth-child(3n) { margin-right: 0; }
}
@media (max-width: 680px){
    #content #admin-menu-item-container .site-button { width: 48%; }
    #content #admin-menu-item-container > a:nth-child(3n) { margin-right: 1%; }
    #content #admin-menu-item-container > a:nth-child(2n) { margin-right: 0; }
    #content #admin-menu-item-container > a:nth-child(2n+1) { clear: both; }
}
@media (max-width: 600px){
    #content .hleft2 { float: none; text-align: center; margin-bottom: 10px; }
    #content .hleft { margin-bottom: 10px; }
    #content .buttonright { text-align: center; }
}

@media (max-width: 480px){
    #content #admin-menu-item-container .site-button { width: 100%; }
    #content #admin-menu-item-container > a:nth-child(3n) { margin-right: 0; }
}

#admin h1 { margin: 0 0 10px 0; padding: 0; font-weight: bold; font-size: 28px; color: #0F63ED; font-family: "Open Sans";}
#admin h2 { margin: 15px 0 8px 0; padding: 0; font-weight: bold; font-size: 20px; color: #0F63ED; font-family: "Open Sans"; }
#admin h2 + * { margin-top: 0; }
#admin h3 { margin: 15px 0 4px 0; padding: 0; font-weight: bold; font-size: 16px; color: #0F63ED; font-family: "Open Sans";}
#admin h4 { font-size: 16px; background-color: #0F63ED; color: #fff; margin-top: 20px; margin-bottom: 5px; padding: 8px 8px 8px 16px; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; font-family: "Open Sans" ; }
#admin h5 { display: block; font-size: 16px; background-color: #002E5D; color: #fff; margin-top: 20px; margin-bottom: 5px; padding: 8px 8px 8px 16px; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; font-family: "Open Sans"; }
#admin h6 { font-size: 16px; background-color: #EAE8E8; color: #002E5D; border: solid 2px #002E5D; margin-top: 20px; margin-bottom: 5px; padding: 8px 8px 8px 16px; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; font-family: "Open Sans"; }

#admin .siteforms label { display: inline !important; } 


@media (max-width: 1000px){
    #admin h1 { font-size: 22px; }
    #admin h2 { font-size: 18px; }
    #admin h3 { font-size: 16px; }
} 
@media (max-width: 640px){
    #admin h1 { font-size: 18px; }
    #admin h2 { font-size: 16px; }
    #admin h3 { font-size: 14px; }
    #admin h4 { font-size: 14px; }
}
@media (max-width: 600px){
    #admin h5 { padding: 8px; }
    #admin h6 { padding: 8px; }
}

/****** ========== MOBILE ACTIONS ========== *****/
                    
a.cancel-sidebar.site-button.dkgrey { text-align: center; }

.action { display: none; }
.actions .closebtn { display: none; }
.actions span.label { display: none; }
.group-label { display: none; }

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

    .action { display: block; }
    .actions .closebtn { display: block; }
    #admin .actions a { color: #fff; }
    .actions { height: 0%; width: 100%; position: fixed; z-index: 9999; top: 0; left: 0; background-color: rgb(0,0,0); background-color: rgba(0,0,0, 0.9); overflow-y: hidden; transition: 0.5s; }
    .actions-content { position: relative; top: 15%; width: 100%; text-align: center; margin-top: 30px; }
    .actions a { padding: 8px; text-decoration: none; font-size: 24px; color: #fff; display: block; transition: 0.3s; }
    .actions a i { font-size: 24px !important; }
    .actions span.label { display: inline; }
    .group-label { display: inline; }
    .actions span.spacer { display: none; }
    .actions a:hover, .overlay a:focus { color: #f1f1f1; }
    .actions .closebtn { position: absolute; top: 20px; right: 45px; font-size: 60px; }
    .actions-column { width: 50px !important; }
    
}

/****** ========== FORMS (SITEWIDE) ========== *****/

#content h5, #subnav h5 { font-size: 16px; background-color: #002E5D !important; color: #fff; margin-top: 20px; margin-bottom: 5px; padding: 8px; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; }
#content .siteforms .form-item { float: left; margin-top: 10px; width: 49%; display: block;  }
#content .siteforms .form-item-2 { float: left; margin-top: 10px; width: 32%; display: block; }
#content .siteforms .form-item-3 { float: left; margin-top: 10px; width: 23%; display: block; }
#content .siteforms .form-item-3.limit, #content .siteforms .form-item-4.limit { max-width: 120px; }
#content .siteforms .form-item-4 { float: left; margin-top: 10px; width: 19%; display: block;}
#content .siteforms .form-item-full { margin-top: 10px; width: 100%; display: block; float: left;}
#content .siteforms .br { clear: both; }
#content .siteforms .col1 { margin-left: 0;  margin-right: 2%; }
#content .siteforms .form-control { height: auto; display: block; width: 100%; padding: 10px 6px; font-size: 16px; line-height: 1; color: #000; background-color: #fff; border: 1px solid #222; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#content .siteforms .form-control-slim { height: auto; display: block; width: 100%; padding: 5px; font-size: 14px; line-height: 1; color: #000; background-color: #fff; border: 1px solid #222; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#content .siteforms select.form-control-slim { height: auto; padding: 4px 5px; }
#content .siteforms .form-control-slim-in { height: auto; display: inline-block; padding: 4px; font-size: 14px; line-height: 1; color: #000; background-color: #fff; border: 1px solid #222; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#content .siteforms .form-control-special { height: auto; padding: 10px 6px; font-size: 16px; line-height: 1; color: #000; background-color: #fff; border: 1px solid #222; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#content .siteforms .form-control-2 { height: auto; display: block; width: 100%; padding: 11px 6px; font-size: 16px; line-height: 1; color: #000; background-color: #fff; border: 1px solid #222; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; }

#content .siteforms .form-control-alt, #content .form-control-alt { margin-top: 3px; height: auto; display: block; width: 100%; padding: 10px 6px; font-size: 16px; line-height: 1.3; color: #000; background-color: #fff; border: 1px dashed #838383; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-weight: normal;}
#content .siteforms .form-control-alt2 { margin-top: 3px; height: auto; display: block; width: 99%; padding: 10px 6px; font-size: 16px; line-height: 1; color: #000; background-color: #fff; border: 1px dashed #838383; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-weight: normal;}

#content .siteforms label { font-weight: bold; }
#content .siteforms label.col1 { margin-left: 0; clear: both; }
#content .req, #admin .req { font-weight: bold; color: red; }

#content .buttons { clear: both; margin: 10px 0;}
#content .buttonleft {float: left; margin-right: 10px;}    
#content .buttonright {float: right;}    
#content .labelright {float: right;}    
#content .site-button, #subnav .site-button { box-sizing: border-box; display: block; color: #fff; padding: 10px 35px; border: 0; margin-top: 10px; text-decoration: none; font-weight: bold; font-size: 14px;border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;  }
#content .site-button:hover { background-color: #FB2930 !important;}
#content .site-button-add { display: block; color: #fff;  padding: 6px 8px; border: 0; margin: 0 0 0 4px; text-decoration: none; font-weight: bold; font-size: 14px;border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; text-align: center; }
#content .site-button-add:hover { background-color: #FB2930 !important;}
#content .smallbutton { margin: 0 0 0 4px; padding: 3px 8px; float: left; } 
#content .cancellink { display: none; text-align: center; margin-top: 10px; }
#buttons .left { float: left; }
#buttons .right { float: right; }

#content .button { display: inline-block; box-sizing: border-box; color: #fff; padding: 10px 35px; border: 0; margin-top: 10px; text-decoration: none; font-weight: bold; font-size: 14px;border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; background-color: #A51E22; }
#content .button:hover { background-color: #FB2930 !important;}

#content .colorbutton { display: inline-block; box-sizing: border-box; color: #fff; padding: 10px 35px; border: 0; margin-top: 10px; text-decoration: none; font-weight: bold; font-size: 14px;border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; }
#content .colorbutton:hover { filter: brightness(150%); }

.g-recaptcha { display: inline-block; float: left; margin-top: 10px; clear: both;}

#content .userbutton { background-color: #A51E22; box-sizing: border-box; display: inline-block; color: #fff; padding: 10px 35px; border: 0; margin-top: 10px; text-decoration: none; font-weight: bold; font-size: 14px;border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; }
#content .userbutton:hover {background-color: #FB2930 !important;}

#content .group-button-div { float: left; padding: 5px 2px 3px 2px; width: 40px; display: block; border: solid 1px #fff; border-radius: 5px; margin-right: 3px; }
#content .group-button-div a { color: #fff; text-decoration: none;}

#processing { clear: both; }

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

    #content .smallbutton { margin: 5px 0 0 0 !important; } 
    
    #content .siteforms .form-control-special { width: 100%; }
    
    #content .siteforms .form-item { float: none; margin-left: 0; width: 100%; clear: both; }
    #content .siteforms .form-item-2 {float: none; width: 100%; clear: both; }
    #content .siteforms .form-item-3 {float: none; width: 100%; clear: both; }
    #content .siteforms .form-item-3.limit, #content .siteforms .form-item-4.limit { max-width: none; }
    #content .siteforms .form-item-4 {float: none; width: 100%; clear: both; }
    #content .siteforms .form-item-full { margin-bottom: 10px; }
    #content .siteforms col1 { margin-right: 0; }
    
    #content .buttonleft {float: none; margin-right: 0;}    
    #content .buttonleft .button {width: 100%; text-align: center; }    
    #content .buttonright {float: none; margin-left: 0;}    
    #content .buttonright .button {width: 100%; text-align: center; }    
    #content .site-button { display: inline-block; float: none; width: 100%; text-align: center; margin-top: 10px; }
    #content .add-new-media-item { margin-bottom: 4px; }
    #content .userbutton { float: none; width: 100%; text-align: center; margin-top: 10px; }
    #content .site-button-add { display: inline-block; margin: 5px 0 0 0; float: none; text-align: center; width: 100%; }

    #content .cancelbtn .site-button { background-color: #838383; }
    
    #content .group-button-div { float: none; margin: 4px 0;  width: 100%; padding: 4px;}
    
}

@media (max-width: 480px){
    #buttons .button { float: none; margin: 10px auto; clear: both; width: 100%; display: block; padding: 10px;}
}

/****** ========== ADMIN MENU ========== *****/

#admin-menu-item-container { display: flex; flex-wrap: wrap; }
#admin-menu-item-container > a:nth-child(4n) { margin-right: 0; }
#admin-menu-item-container .site-button { width: 24%; display: block; color: #fff; padding: 10px 35px; border: 0; margin-right: 1%; margin-bottom: 10px; text-decoration: none; font-weight: bold;font-size: 14px;border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; text-align: center; }

.admin-menu-item-container-group { 
    padding: 10px; background-color: #EAE8E8; margin-bottom: 10px; border-radius: 6px;
}

@media (max-width: 930px){
    #admin-menu-item-container .site-button { width: 32%; }
    #admin-menu-item-container > a:nth-child(4n) { margin-right: 1%; }
    #admin-menu-item-container > a:nth-child(3n) { margin-right: 0; }
    
}
@media (max-width: 680px){
    #admin-menu-item-container .site-button { width: 48%; }
    #admin-menu-item-container > a:nth-child(3n) { margin-right: 1%; }
    #admin-menu-item-container > a:nth-child(2n) { margin-right: 0; }
    #admin-menu-item-container > a:nth-child(2n+1) { clear: both; }
}
@media (max-width: 480px){
    #admin-menu-item-container .site-button { width: 100%; }
    #admin-menu-item-container > a:nth-child(3n) { margin-right: 0; }
}

/****** ========== COUNTIES ========== *****/

#counties-container .county-cell { width: 24.625%; text-align: center; margin: 5px 0.5% 0 0; padding: 7px; box-sizing: border-box; font-weight: bold; font-size: 14px;}
#counties-container div.checked { background-color:#0F63ED; color: #fff; }
#counties-container div.unchecked { background-color:#CADEFE; color: #000; }
#counties-container div.hover { background-color:#7BC02F; color: #000; }
 
#counties-container { display: flex; flex-wrap: wrap; }
#counties-container > div:nth-child(4n) { margin-right: 0; }
#counties-container > div:nth-child(4n+1) { clear: both; }

@media (max-width: 900px){
    #counties-container .county-cell { width: 33%; }
    #counties-container > div:nth-child(4n) { margin-right: 0.5%; }
    #counties-container > div:nth-child(4n+1) { clear: none; }
    #counties-container > div:nth-child(3n) { margin-right: 0; }
    #counties-container > div:nth-child(3n+1) { clear: both; }
}

@media (max-width: 600px){
    #counties-container .county-cell { width: 49.75%; }
    #counties-container > div:nth-child(3n) { margin-right: 0.5%; }
    #counties-container > div:nth-child(3n+1) { clear: none; }
    #counties-container > div:nth-child(2n) { margin-right: 0; }
    #counties-container > div:nth-child(2n+1) { clear: both; }
}


/****** ========== CLEARFIX ========== *****/

.clearfix::after { display: block; clear: both; content: ""; } 
.clear { clear: both; }

a[href^="tel:"] { white-space: nowrap; }