html, body{
margin: 0;
padding: 0;
border: 0;
width: 100%;
overflow-x: hidden;
font-family: "Open Sans", Sans-Serif;
}
a, a:visited{
color: #12f;
text-decoration: none;
}
main p a,
main p a:visited,
a[href="/news-notices/"],
a[href="https://naturallybetterhere.com/"]{
text-decoration: none;
color: #03f;
}
.edit li a, .edit p a{
text-decoration: underline;
}
main p a:hover, 
ul a:hover, 
ol a:hover{
text-decoration: underline;
color: #222;
}
main a:hover{
color: #151515;
}
main .fp-page .blk:not(.fp-cards-out) a:hover{
text-decoration: underline;
}
a:hover img, a img{
border: none;
display: block;
}
h1, h2, h3, h4, h5, h6, p, ul, ol, li, span{
max-width: 100%;
word-break: normal;
line-break: normal;
word-wrap: break-word;
color: #151515;
}
h1, h2, h3, h4, h5, h6{
line-height: 38px;
}
.hhs-sidebar-hdi h3{
line-height: 26px;
}
h1{
line-height: 1.4em;
}
p, ul, ol, li, span{
line-height: 30px;
}
p, ul, ol, li, span, table{
font-size: 16px;
}
table td{
border: 1px solid #bbb;
padding: 2px 6px;
}
img, audio, video{
max-width: 100%;
border: none;
}
img[draggable="false"]{
transition: 160ms;
user-select: none;
}
img[draggable="false"]:hover{
cursor: zoom-in;
}
input{
outline: 0;
}
button{
font-family: "Open Sans", sans-serif;
}
.press-release h1{
border-bottom: 8px solid #222;
display: inline-block;
margin: 0 auto;
padding: 0 0 4px 0;
font-weight: 700;
}
.pw{
margin: 0 auto;
padding: 0;
width: 1122px;
max-width: calc(100% - 56px);
border-bottom: 0 solid #000;
}
.pw-wide{
margin: 0 auto;
width: 88%;
}
.pw-wide > div{
font-size: 17px;
}
.stretch{
width: 100%;
display: inline-block;
}
.vcent, 
.big-pic > h1, 
.big-pic > a > h1, 
.small-pic > h1, 
.small-pic > a > h1{
margin: 0;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
text-align: center;
}
.disclaimer{
font-size: 11px;
line-height: 20px;
}
.da-btn, .da-btn:visited{
text-align: center;
padding: 14px;
display: table;
margin: 0 auto;
background-color: #48a4f0;
color: #000;
font-weight: 400;
font-size: 20px;
}
.da-btn:hover{
background-color: #1b61cc;
color: #fff;
}
*:focus{
z-index: 9999999;
}
.keyboard-navigation .menu-0 a:focus{
border-radius: 10px;
outline-offset: -7px;
}
.keyboard-navigation .sidebar a:focus, 
.keyboard-navigation .sidebar button:focus{
border-radius: 0;
outline-offset: -5px;
outline: 6px solid rgba(0, 0, 0, .9);
}
.keyboard-navigation .back-to-top:focus{
border-radius: 10px;
outline-offset: -6px;
outline: 6px solid rgba(0, 255, 0, .9);
}
.keyboard-navigation *:focus{
outline: 6px solid rgba(0, 0, 0, .9);
outline-offset: 0;
border-radius: 4px;
}
.keyboard-navigation footer *:focus{
outline: 6px solid rgba(255, 255, 255, .9);
outline-offset: 0;
border-radius: 4px;
}
.keyboard-navigation .hhs-menu a:focus{
outline: 6px solid rgba(255, 255, 255, .9);
z-index: inherit;
}
.big-pic, .small-pic{
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: cover;
position: relative;
overflow: hidden;
margin: 0 auto;
}
.big-pic{
height: 360px;
width: 100%;
}
.small-pic{
height: 244px;
width: 88%;
position: relative;
}
.big-pic > h1, 
.big-pic > a > h1, 
.small-pic > h1, 
.small-pic a > h1{
background-color: rgba(0,0,0, .66);
color: #fff;
display: inline-block;
font-weight: 700;
max-width: calc(100% - 140px);
width: auto;
padding: 18px 40px;
box-shadow: 0 0 3px -1px #111;
font-size: 33px;
}
.small-pic h1{
font-size: 38px;
}
.big-title{
background-color: #151515;
text-align: center;
font-size: 30px;
font-weight: 600;
padding: 18px 0;
color: #fff;
text-transform: uppercase;
margin: 0 auto;
}
.big-title-search{
text-align: left;
font-size: 32px;
font-weight: 600;
padding: 14px 0 18px 0;
color: #111;
margin-bottom: 0;
}
.big-msg{
padding: 6px 6%;
width: 88%;
background-color: #fff;
border-bottom: 1px solid #ddd;
}
.big-msg p{
font-size: 17px;
color: #222;
margin: 22px 0;
padding: 0 0 0 10px;
line-height: 30px;
}
.big-pic-msg{
position: absolute;
width: 66%;
text-align: left;
line-height: 36px;
color: #fff;
margin: 0;
left: 177px;
text-shadow: 1.05px 1.05px 0 rgba(0,0,0,1);
text-stroke: 30px black;
top: 50%;
padding: 0;
transform: translateY(-50%);
}
.big-pic-msg h1{
color: #fff;
text-align: left;
margin: 0 0 10px;
font-weight: 800;
line-height: 47px;
font-size: 44px;
padding-bottom: 6px;
border-bottom: 10px solid #fff;
display: table;
}
.big-pic-msg p{
color: #fff;
line-height: 32px;
font-size: 17px;
margin: 0;
font-weight: 600;
}
.big-pic-msg > p > a{
display: inline-block;
margin: 0;
color: #F7A900;
text-align: center;
background-color: rgba(0,0,0, .6);
border: 1px solid rgba(255, 255, 255, .18);
border-radius: 2px;
padding: 0 16px;
font-weight: 600;
}
.big-pic-msg > p > br{
margin: 0 0 5px 0;
}
.big-pic-msg a{
display: inline-block;
margin: 4px auto 0 auto;
color: #F7A900;
text-align: center;
background-color: rgba(0,0,0, .7);
font-weight: 600;
padding: 2px 12px;
}
.big-pic-msg a:nth-of-type(2){
margin-top: 3px;
}
.big-pic-msg p strong{
color: #ffbc2c;
}
.big-pic-msg a:hover{
text-decoration: underline;
}
.fp-pic{
background: linear-gradient(to left, rgba(0,0,0,0), rgba(0,0,0, .62)), 50% 68% / cover url(/img/5d/gc3.png);
}
.c19-pic{
background-image: url(/c19/img/big-coronavirus-banner.jpg);
}
.atv-pic{
background-image: url(/img/atv-ai.webp);
}
.env-pic{
background-image: url(/departments/env/img/lake-fall-foliage.jpg);
background-position: 50% 40%;
}
.license-pic{
background-image: url(https://pictures.topspeed.com/IMG/jpg/201905/cool-electric-cars-w-6.jpg);
background-position: 50% 56%;
}
.license-pic h1{
background-color: rgba(0,0,0, .3);
display: none;
}
main{
max-width: 100%;
margin: 0;
text-align: left;
padding: 0;
}
main a:hover{
color: #222;
}
.pf{
display: flex;
}
.page{
margin: 4px auto 60px auto;
}
.edit{
margin: 0;
width: 100%;
}
.edit > p:first-of-type, 
.edit > ul:first-of-type{
margin-top: 10px;
}
.edit .n3 ul:first-of-type{
margin-top: 0;
}
.edit > .edit-title:first-of-type + h3{
margin-top: 10px;
}
.edit>:first-child:not(h1):is(h2){
margin-top: 68px;
}
h1 + h2:first-of-type{
margin-top: 19px;
}
.edit > h2:not(:first-of-type){
margin-top: 24px;
}
.edit h1, 
.edit h2, 
.edit h3, 
.edit h4{
text-align: center;
}
.edit-title{
font-size: 30px;
font-weight: 800;
margin: 0;
padding: 0;
}
.edit-title + img{
margin-top: 5px;
}
.sidebar{
margin: 18px 28px 0 0;
padding: 0;
margin-top: 60px;
position: relative;
box-sizing: border-box;
width: 247px;
max-width: 247px;
overflow: hidden;
}
.sidebar a, 
.sidebar a:visited{
margin: 0;
color: #222;
border-left: 1px solid #888;
border-right: 1px solid #888;
border-bottom: 1px solid #888;
max-width: 100%;
display: block;
font-size: 14px;
}
.sidebar a:hover{
background-color: #e5e5e5;
}
.sidebar a, 
.sidebar h4, 
.dropitdown1{
line-height: 24px;
}
.sidebar a, 
.sidebar a:visited, 
.dropitdown1{
padding: 7px 9px;
}
.sidebar a, 
.sidebar h4{
overflow-wrap: break-word;
}
.sidebar img{
width: calc(175px + 66px);
}
.sidebar h4{
margin: 0;
font-size: 17px;
font-weight: 600;
color: #111;
border: 1px solid #888;
background-color: #e9e9e9;
text-align: center;
padding: 10px 9px;
}
.sidebar > a:first-of-type:not(h4 + a),
.sidebar button:first-of-type:not(h4 + button){
border-top: 1px solid #888;
}
.sidebar h4:not(:first-of-type){
margin-top: 10px;
}
.sidebar br + a,
.sidebar br + button, 
.sidebar img + a{
border-top: 1px solid #888;
}
.sidebar h4+.dropitdown1:first-of-type{
border-top: none;
}
.sidebar > .dropitdown2:last-of-type > a:last-of-type{
margin-bottom: 1px;
}
.orange{
border: 3px solid #333;
margin: 0;
}
.orange a{
border-left: none;
border-right: none;
}
.dropitdown1{
background-color: #fff;
margin: 0;
color: #222;
border-top: 0 solid #000;
border-left: 1px solid #888;
border-right: 1px solid #888;
border-bottom: 1px solid #888;
width: 100%;
display: block;
font-size: 14px;
font-weight: 600;
cursor: pointer;
text-align: left;
font-family: "open sans";
}
.dropitdown1:hover{
background-color: #E9E9E9;
}
.dropitdown1:after{
content: '\002B';
color: #111;
font-weight: 400;
font-size: 30px;
float: right;
margin-left: 5px;
}
.dropitdown1.active{
background-color: #fff;
}
.dropitdown1.active:hover{
background-color: #f5f5f5;
}
.sidebar .active:after{
content: "\2212";
}
.dropitdown2{
max-height: 0;
overflow: hidden;
transition: max-height 0.2s ease-out;
list-style-type: none;
}
.dropitdown2, 
.dropitdown2 p, 
.dropitdown2 li{
font-weight: 400;
}
.dropitdown2 >*:first-of-type{
margin-top: 0;
}
.dropitdown2 a{
font-weight: 400;
background-color: #e6eef6;
line-height: 28px;
}
.dropitdown2 a:hover{
background-color: #c9daec;
}
aside{
border-left: 2px solid #ccc;
margin: 0 0 0 28px;
padding: 0 0 0 28px;
width: 333px;
text-align: left;
height: 100%;
}
aside ul{
list-style-type: none;
padding: 0;
margin: 0;
}
aside li{
font-size: 16px;
padding: 0;
margin: 0;
}
aside img{
width: 100%;
margin-bottom: 28px;
}
.info{
margin: 0 auto;
padding: 0;
width: 88%;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
box-sizing: border-box;
display: flex;
flex-wrap: nowrap;
padding-top: 0;
padding-bottom: 0;
border-bottom: 1px solid #ddd;
background-color: #fff;
}
.info div{
font-size: 15px;
font-weight: 500;
text-align: left;
padding: 8px 26px 8px 47px;
position: relative;
top: 0;
line-height: 24px;
font-family: "Open Sans";
letter-spacing: -.14px;
flex-grow: 1;
}
.info span{
line-height: 24px;
}
.info div:not(:last-of-type){
border-right: 1px solid #ddd;
}
.info div:before{
background-size: 20px 20px;
width: 20px;
height: 20px;
display: inline-block;
content: "";
margin-right: 0;
position: absolute;
left: 14px;
top: 10px;
pointer-events: none;
}
.info strong, 
.info span{
font-size: 15px;
}
.info-email a{
color: #14f;
text-decoration: underline;
}
.info-head:before{
background-image: url('/img/icons/boss3.png');
}
.info-hours:before{
background-image: url('/img/icons/clock-1.png');
}
.info-address:before{
background-image: url('/img/icons/location.png');
}
.info-phone:before{
background-image: url('/img/icons/phone.png');
}
.info-fax:before{
background-image: url('/img/icons/fax.png');
}
.info-email:before{
background-image: url('/img/icons/at.png');
}
.fp-cards-out{
border-bottom: 1px solid #d5d5d5;
}
.fp-cards{
display: grid;
grid-template-columns: repeat(6, 1fr);
grid-gap: 6px;
padding: 0;
}
.fp-cards a{
grid-column: auto / span 1;
box-sizing: border-box;
display: flex;
flex-direction: column;
border: 1px solid #d0d0d0;
overflow: hidden;
background-color: #f1f1f1;
text-align: left;
}
.fp-cards img{
width: 64px;
object-fit: cover;
margin: auto;
display: block;
background-color: #f1f1f1;
padding: 10px 0;
}
.fp-cards div{
flex-grow: 1;
background-color: #fff;
border-top: 1px solid #d5d5d5;
padding: 9px 14px;
color: #151515;
font-size: 14.2px;
font-weight: 500;
}
.fp-cards a:not(.c19-red):hover{
box-shadow: 0 0 3px 0 #ccc;
border: 1px solid #777;
}
.fp-cards a:not(.c19-red):hover, 
.fp-cards a:not(.c19-red):hover img{
background-color: #e9e9e9;
}
.fp-cards a:not(.c19-red):hover div{
border-top: 1px solid #777;
}
.c19-red{
border: 1px solid #f00;
box-shadow: 0 0 3px 0 #f00;
transition: 260ms;
background-color: #fee;
width: 200px;
}
.c19-red:hover{
box-shadow: 0 0 6px 1px #f00;
}
.c19-red div{
background-color: #fee;
}
.fp-blk-msg{
background-color: #f2f2f2;
border-bottom: 1px solid #dbdbdb;
padding: 0;
}
.fp-blk-msg p{
line-height: 33px;
margin: 0;
padding: 20px 0 23px;
font-size: 17px;
}
.blk:not(.bbb){
text-align: center;
width: 100%;
display: block;
margin: 0;
padding: 0 0 64px 0;
}
.blk{
border-bottom: 1px solid #d5d5d5;
}
.blk p{
font-size: 17px;
line-height: 38px;
color: #111;
text-align: left;
}
.blk a, 
.blk ul, 
.blk li{
font-size: 17px;
}
.blk h1{
color: #222;
font-size: 34px;
margin-bottom: 20px;
font-weight: 600;
padding: 8px 0 12px 0;
}
.nnn *{
text-align: left;
}
.nnn a{
font-weight: 400;
font-size: 17px;
}
.LandPublicComment:hover{
box-shadow: 0 0 4px 0 #14f;
transition: 600ms all;
}
.n3{
width: 100%;
display: flex;
}
.n3 *, 
.n3, 
.nnn, 
.nnn *{
background-color: #fff;
}
.n3 ul,
.page .n3 ul{
padding: 0;
margin: 0;
width: 100%;
}
.n3 li{
padding: 0;
margin: 0 0 20px 0;
width: 100%;
display: flex;
align-items: center;
}
.n3 span{
border: 1px solid #d6d6d6;
background-color: #f9f9f9;
color: #999;
font-size: 14px;
font-weight: 300;
height: 100%;
justify-content: center;
line-height: 24px;
margin: 0 20px 0 0;
padding: 3px 8px;
position: relative;
user-select: none;
pointer-events: none;
font-family: "ibm plex mono", consolas, monospace;
}
.n3-posted span:first-of-type::before{
content: "Posted: ";
}
.n3-event span:first-of-type::before{
content: "Event: ";
}
.n3 a, 
.n3 a:visited{
width: 50%;
flex-grow: 1;
margin: 0;
padding: 16px 70px;
border: 1px solid #ccc;
display: inline-block;
font-size: 16px;
background-color: #f6f6f6;
font-weight: 400;
color: #111;
border-radius: 0;
position: relative;
}
.n3 li.fp-exc a{
background-color: #fff;
border: 1px solid #fff;
}
.n3 li:not(.fp-exc) a:hover{
border: 1px solid #aaa;
background-color: #e9e9e9;
}
.n3 a:before{
background-size: 32px 32px;
width: 32px;
height: 32px;
display: inline-block;
content: "";
margin-right: 0;
position: absolute;
left: 19px;
top: 15px;
pointer-events: none;
}
.pz-page .n3 a{
width: 100%;
margin: 0 0 0 30px;
padding: 15px 62px;
border: 0 solid #f00;
display: inline-block;
font-size: 17px;
background-color: #f6f6f6;
font-weight: 400;
color: #111;
border-radius: 5px;
box-shadow: 0 0 2px 0 #777;
flex-grow: 1;
position: relative;
}
.pz-page .n3 a:hover{
border: 0 solid #f00;
}
.pz-page .n3 a:before{
background-size: 32px 32px;
width: 32px;
height: 32px;
display: inline-block;
content: "";
margin-right: 0;
position: absolute;
left: 15px;
top: 14px;
pointer-events: none;
}
.n3 a[href*=".pdf"]:before{
background-image: url('/img/icons/pdf4.png');
}
.n3 a[href*=".htm"]:before, 
.n3 a[href*=".php"]:before{
background-image: url('/img/icons/hyperlink.png');
}
.n3-event a:before{
background-image: url('/img/icons/128/bw/calendar.png');
}
.fp-exc{
border-top: 9px double #222;
border-bottom: 9px double #222;
}
.flx3{
display: flex;
justify-content: space-evenly;
}
.flx3 > div{
width: 27%;
}
.flx3 > div > div{
background-color: #fff;
border: 1px solid #ddd;
box-shadow: 0 0 5px 1px #ddd;
padding: 22px 35px;
}
.flx3 > div > div > p{
margin: 0;
}
.flx3 > div > div > p:nth-of-type(2) span{
font-size: 17px;
font-weight: 400;
}
.flx3 h2{
text-align: center;
font-size: 27px;
font-weight: 600;
margin-top: 0;
text-transform: uppercase;
}
.ii{
flex-wrap: wrap;
flex-direction: row;
margin: 0 auto;
width: 1122px;
max-width: 100%;
}
.ii div{
background-color: #F7E5E5;
border: 1px solid #B20000;
padding: 26px 44px;
margin: 0;
}
.ii div:not(:last-of-type){
margin-bottom: 60px;
}
.ii div:last-of-type{
margin-bottom: 10px;
}
.ii p{
line-height: 33px;
}
.flex{
display: flex;
flex-wrap: wrap;
flex-direction: row;
}
.fp-miniblock-container{
border: 1px solid #ddd;
margin: 22px auto;
}
.fp-miniblock-container div{
text-align: center;
flex: 1;
box-sizing: border-box;
padding: 0;
margin: 0;
}
.fp-miniblock-container div:not(:last-of-type){
border-right: 1px solid #ddd;
}
.fp-miniblock-container div ul{
text-align: left;
list-style-type: none;
padding: 0;
margin: 0;
}
.fp-miniblock-container a{
margin-bottom: 10px;
padding: 6px 12px;
margin: 0;
border-top: 1px solid #ddd;
display: block;
font-size: 16px;
}
.fp-miniblock-container a:last-of-type{
border-bottom: 1px solid #ddd;
}
.fp-miniblock-container a:hover{
background-color: #f5f5f5;
box-shadow: none;
}
.fp-miniblock-container div a:last-of-type,
.fp-miniblock-container div:first-of-type a:first-of-type{
border-bottom: none;
}
.gcp{
background: url(img/crane.png) no-repeat center;
background-size: contain;
}
.new-location p{
font-size: 16px;
}
.g3{
padding: 0;
width: 100%;
display: flex;
border-bottom: 0 solid #000;
}
.gcbl, .gcbr{
margin: 0;
padding: 0;
display: inline-block;
border: none;
}
.gcbl{
width: 50%;
margin: 0;
}
.gcbl > div > *{
border: 1px solid rgba(0, 0, 0, .36);
}
.gcbr{
width: 50%;
}
.gcbl a{
color: #fff;
padding: 14px 24px;
background-color: rgba(111,111,111, .11);
font-weight: 300;
font-style: italic;
letter-spacing: .3px;
backdrop-filter: blur(1.6px);
}
.gcbr li{
left: 0;
text-align: left;
box-sizing: border-box;
width: calc(100% - 40px);
}
.gcbr li a{
text-decoration: none;
}
.gcbr li a:hover{
text-decoration: underline;
}
.gcbl{
position: relative;
padding: 100px 0;
background: linear-gradient(rgba(0,0,0, .1), rgba(0,0,0, .1)),url('/departments/econ/img/vimeo-sample-pic-2.jpg');
background-position: 80% 50%;
background-size: cover;
}
.hhs-top-nav{
display: flex;
flex-direction: row;
gap: 3px;
flex-wrap: wrap;
margin-top: 14px;
width: 1122px;
max-width: calc(100% - 56px);
}
.hhs-top-nav a{
width: 25%;
display: block;
background-color: #fff;
border: 1px solid #888;
box-sizing: border-box;
flex: 1;
text-align: center;
font-weight: 400;
transition: 160ms;
}
.hhs-top-nav a:hover{
border: 1px solid #ccc;
box-shadow: 0 0 3px 0 #bbb;
}
.hhs-top-nav a img{
width: 60%;
padding: 10px 0;
display: inline-block;
box-sizing: border-box;
}
.hhs-top-nav a > div{
padding: 14px;
border-top: 1px solid #153a68;
color: #000;
}
.hhs-bottom-nav{
gap: 3px;
margin-top: 3px;
display: flex;
width: 1122px;
max-width: calc(100% - 56px);
}
.hhs-bottom-nav a,
.hhs-bottom-nav a:visited{
background-color: #96bf35;
border: 1px solid #153a68;
padding: 4px;
font-size: 16px;
letter-spacing: -.2px;
text-align: center;
font-weight: 400;
line-height: 24px;
box-sizing: border-box;
display: inline-block;
font-family: "Calibri";
flex-grow: 1;
color: #111;
}
.hhs-bottom-nav a:hover{
background-color: #7ca51b;
border: 1px solid #0c2a4f;
}
.hhs-sub-dept-info{
margin: 0 auto;
padding: 0;
background-color: #fff;
gap: 10px;
border-top: 0;
grid-column: 2;
border-bottom: 0 solid #153a68;
}
.hhs-sub-dept-info span:first-of-type{
margin-top: 0;
}
.hhs-sub-dept-info span{
background-color: #1c4476;
border: 1px solid #153a68;
box-sizing: border-box;
display: block;
font-size: 15px;
font-weight: 400;
line-height: 28px;
margin-bottom: 11px;
text-align: center;
color: #fff;
}
.hhs-sub-dept-info span a{
padding: 0;
border: none;
}
.hhs-sub-dept-info strong{
background-color: #fff;
border-top: 1px solid #111;
display: block;
font-family: "Big Shoulders Text";
font-size: 26px;
font-weight: 300;
line-height: 34px;
padding: 4px 4px 3px 4px;
color: #000;
}
.hhs-sub-dept-info a:hover{
background-color: #fff;
}
.hhs-sub-dept-info > div:first-of-type{
border-right: 1px solid #ccc;
}
.hhs-sidebar-hdi h2{
text-align: center;
font-size: 26px;
font-weight: 700;
margin-bottom: 8px;
padding-bottom: 8px;
border-bottom: 8px solid #000;
}
.hhs-sidebar-hdi h3{
margin-bottom: 2px;
font-size: 17px;
padding: 0;
box-sizing: border-box;
}
.hhs-sidebar-hdi a{
font-size: 13px;
padding: 1px 6px;
border: 1px solid #ecae9e;
background-color: #f7e4df;
color: #000;
display: block;
margin-bottom: 4px;
}
.hhs-sidebar-hdi a:hover{
background-color: #f4d3cb;
color: #151515;
}
.hhs-sidebar-hdi ul{
margin-left: 0;
padding-left: 0;
list-style-type: none;
margin-top: 0;
font-size: 15px;
}
.hhs-sidebar-hdi li,
.hhs-sidebar-hdi a{
font-size: 14px;
line-height: 24px;
border: none;
}
.hhs-sidebar-hdi p{
line-height: 22px;
font-size: 13px;
}
.edit h3{
font-size: 24px;
text-align: left;
}
.wic-clinics-schedules > * > ul{
border: 1px solid #ccc;
background-color: #f3f3f3;
padding: 0 11px 20px 11px;
margin-bottom: 10px;
}
.no-eng{
display: flex;
gap: 11px;
margin-top: 18.5px;
}
.no-eng a{
width: 44%;
border: 1px solid #555;
text-align: center;
padding: 30px;
display: block;
transition: 200ms;
background-color: #f7a900;
box-shadow: 1px 1px 4px #111;
color: #111;
}
.no-eng h3{
display: table;
margin: 0 auto;
color: #344b28;
}
.no-eng a img{
display: inline-block;
}
.no-eng a:nth-of-type(1) img{
width: 30px;
margin: 2px 10px -6px 2px;
}
.no-eng a:nth-of-type(2) img{
width: 22px;
margin: 2px 10px 2px 2px;
}
.year-navigation{
display: grid;
grid-template-columns: 140px auto 140px;
width: 400px;
margin: 0 auto 18px;
text-align: center;
padding: 12px;
border: 2.6px solid #222;
border-radius: 360px;
}
.year-nav-btn{
background: #444;
color: #fff;
border: 0;
cursor: pointer;
width: 140px;
font-size: 18px;
border-radius: 360px;
padding: 4px;
line-height: 30px;
}
.year-nav-btn:hover{
background: #222;
}
.current-year{
font-weight: 650;
cursor: pointer;
font-size: 18px;
padding: 4px;
line-height: 30px;
}
.current-year:hover{
text-decoration: underline;
text-decoration-thickness: 2px;
}
.boa-pc-cal{
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 40px;
padding: 0;
}
.boa-pc-cal div{
margin: 0;
}
.boa-pc-cal ul{
list-style: none;
margin: 0;
padding: 0;
}
.boa-pc-cal li{
line-height: 26px;
font-size: 14px;
}
.boa-pc-cal a{
text-decoration: none;
}
.boa-pc-cal a:hover{
text-decoration: underline;
}
.boa-pc-cal h2{
font-size: 17px;
border-bottom: 2.6px solid #222;
padding-bottom: 6px;
margin: 0 0 10px 0;
}
.dmv-fees table{
width: 100%;
border-collapse: collapse;
}
.dmv-fees th, 
.dmv-fees td{
border: 1px solid black;
text-align: left;
}
.dmv-fees th{
background-color: #444;
color: #fff;
text-align: center;
}
.dmv-fees tr:nth-child(odd){
background-color: #f5f5f5;
}
.dmv-fees tr:nth-child(even){
background-color: #e6e6e6;
}
.dmv-fees td{
padding: 6px;
min-width: 100px;
width: 100px;
}
.dmv-fees td:first-child{
min-width: 100px;
}
.dmv-fees th:first-child{
text-align: center;
}
.dmv-fees strong{
color: #fff;
font-weight: 700;
font-size: 16px;
}
.dmv-fees tr br{
display: none;
}
.all-buildings{
display: flex;
flex-wrap: wrap;
gap: 40px;
box-sizing: border-box;
margin-top: 40px;
}
.all-buildings > div{
display: flex;
flex-direction: column;
width: calc(50% - 20px);
box-shadow: 0 0 2px 0 #888;
box-sizing: border-box;
margin: 0;
}
.all-buildings ul{
flex-grow: 1;
border-top: 1px solid #dbdbdb;
padding: 16px 0 16px 44px;
margin-top: 0;
background-color: #f8f8f8;
margin-bottom: 0;
}
.all-buildings img{
width: 100%;
max-width: 100%;
box-shadow: 0 0 0 0 #000;
outline: 1px solid rgba(0, 0, 0, .6);
height: 190px;
object-fit: cover;
margin: 0;
transition: 400ms;
}
.all-buildings h3,
.all-buildings h4{
padding: 10px;
margin: 0;
}
.all-buildings h3{
text-align: center;
font-size: 22px;
}
.all-buildings h4{
font-weight: 400;
font-size: 18px;
color: #333;
}
.facilities-title{
padding: 20px 30px;
font-size: 30px;
font-weight: 400;
border-top: 9px double #333;
border-bottom: 9px double #333;
margin: 20px auto;
}
.directory-page{
margin-top: 8px;
margin-bottom: 12px;
}
.county-directory{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
gap: 40px;
}
.county-directory ul{
width: calc(50% - 20px);
margin: 0;
padding: 0;
list-style-type: none;
background-color: #fcfcfc;
border: 1px solid #ddd;
box-sizing: border-box;
}
.county-directory ul:nth-of-type(odd){
margin-right: 0;
}
.county-directory li{
padding-left: 34px;
box-sizing: border-box;
line-height: 34px;
}
.county-directory li:first-of-type{
margin-top: 18px;
}
.county-directory li:last-of-type{
margin-bottom: 18px;
}
.county-directory h3{
background-color: #efefef;
padding: 8px 18px;
margin: 0;
box-sizing: border-box;
text-align: center;
line-height: 36px;
font-size: 22px;
font-weight: 600;
text-transform: normal;
border-bottom: 1px solid #ddd;
}
#departmentTable, 
#departmentTable td{
letter-spacing: -.4px;
}
.webpage, .webpage:visited{
color: #151515;
}
.webpage{
background-color: #ececec;
border: 1px solid #d9d9d9;
display: table;
padding: 6px 18px;
margin: 14px auto 30px auto;
border-radius: 2px;
transition: 200ms;
text-decoration: none;
}
.webpage:hover{
background-color: #e2e2e2;
box-shadow: 0 0 2px 0 #000;
}
.sheriff-red{
padding: 4px;
font-weight: 700;
text-align: center;
text-transform: uppercase;
margin: 16px 0 -12px 0;
font-size: 19px;
}
.dir-jump-list{
margin-bottom: 0;
}
.dir-jump-list a,
.dir-jump-list a:visited{
display: inline-block;
padding: 3px 9px;
margin: 0 2px 6px 0;
font-size: 13.4px;
border: 1px solid #e5e5e5;
text-decoration: none;
transition: 140ms;
white-space: nowrap;
color: #888;
line-height: 22px;
}
.dir-jump-list a:hover{
background-color: #eee;
color: #000;
border: 1px solid #bbb;
}
.county-directory-search{
width: 50%;
font-size: 22px;
display: block;
margin: -22px auto -14px auto;
padding: 12px;
color: 111;
background-color: #fff;
border: 1px solid #bbb;
border-radius: 3px;
}
.county-directory-search::placeholder{
color: #999;
opacity: 1;
font-weight: 400;
font-family: "open sans";
}
.econ-page .eco-links1{
border: 1px solid #ccc;
background-color: #f7f7f7;
padding: 14px 38px;
border-radius: 4px;
margin: 40px 0 10px 0;
}
.econ-page .eco-links1 a{
background-color: rgba(0,0,0,0);
line-height: 30px;
}
.econ-page .eco-links1 h2{
margin: 6px 0;
color: #111;
font-size: 22px;
font-weight: bold;
}
.econ-page h3{
text-align: center;
background-color: #f9f9f9;
padding: 10px;
border: 1px solid #ddd;
}
.econ-page a.nbh-com{
background-color: #2e75b6;
border-radius: 4px;
padding: 20px;
font-size: 24px;
color: #fff;
display: inline-block;
width: auto;
transition: 200ms;
border: 1px solid #0e528f;
}
.econ-page a.nbh-com:hover{
background-color: #1267b6;
border: 1px solid #0e528f;
}
.community-page, 
.residents-page{
margin-top: 0;
}
.community-page h2{
font-weight: 500;
font-size: 28px;
display: table;
}
.community-page ul{
margin-top: 0;
}
.how-do-i-page h3{
text-align: left;
font-weight: 500;
font-size: 28px;
}
.how-do-i-page li a{
text-decoration: none;
font-size: 17px;
}
.how-do-i-page li a:hover{
text-decoration: underline;
}
.emergency-bullet{
font-weight: 700;
color: #f00;
border: 2px solid #f00;
text-align: center;
display: table;
padding: 2px 16px;
margin: 0 auto;
font-size: 16px;
}
.covid-case-rate{
width: 110px;
border-top: 1px solid #ddd;
border-color: #34000D;
height: 48px;
background-color: #800020;
text-decoration: none;
box-shadow: none;
margin: 20px 0;
padding: 20px 15px 20px 78px;
}
.covid-case-rate:before{
content: '';
background: url('/img/icons/increase(2).png');
background-size: contain;
position: absolute;
background-repeat: no-repeat;
width: 48px;
height: 48px;
margin-left: -62px;
}
.covid-case-rate span{
vertical-align: middle;
height: 48px;
display: table-cell;
color: #fff;
}
.ph-button img{
padding: 10px;
box-sizing: border-box;
}
.collapse{
background-color: #eee;
color: #111;
cursor: pointer;
padding: 16px 17px;
width: 100%;
max-width: 100%;
border: 1px solid #ddd;
text-align: left;
outline: none;
font-size: 17px;
font-weight: 600;
font-family: "Open Sans";
margin-bottom: 100px;
}
.c19-page .collapse{
margin-bottom: 11px;
}
.collapse:not(:first-of-type){
margin-top: 10px;
}
.active, 
.collapse:hover{
background-color: #ccc;
}
.collapse:after{
content: '\002B';
color: #111;
font-weight: bold;
float: right;
margin-left: 5px;
}
.active:after{
content: "\2212";
}
.collapse-content{
padding: 0 18px;
max-height: 0;
overflow: hidden;
transition: max-height 0.2s ease-out;
line-height: 26px;
text-align: left;
}
.collapse-content, 
.collapse-content p, 
.collapse-content li{
font-weight: 400;
max-width: 100%;
}
.gcp-page,
.mhs-page{
text-align: center;
margin: 40px auto;
}
.gcp-page .collapse,
.mhs-page .collapse{
width: 555px;
margin: 8px auto;
padding: 36px;
font-weight: 600;
font-size: 24px;
text-align: center;
border: 1px solid #bbb;
box-shadow: 0 0 4px -1px #999;
}
.gcp-page .collapse:not(:first-of-type),
.mhs-page .collapse:not(:first-of-type){
margin-top: 20px;
}
.gcp-page .collapse-content,
.mhs-page .collapse-content{
padding: 0;
margin: 0;
}
.gcp-page .collapse-content *:last-of-type,
.mhs-page .collapse-content *:last-of-type{
margin-bottom: 8px;
}
.gcp-page .collapse-content a,
.mhs-page .collapse-content a{
display: block;
border: 1px solid #ddd;
padding: 14px 18px;
font-size: 16px;
margin: 20px 0;
background-color: #f9f9f9;
color: #111;
font-weight: 400;
text-align: left;
}
.gcp-page .collapse-content a:hover,
.mhs-page .collapse-content a:hover{
background-color: #eee;
border: 1px solid #ccc;
}
.fp-blk-government-center-project{
display: none;
text-align: left;
}
.government-center-project-left{
background-image: url("https://www.aitkincountymn.gov/crane.png");
background-size: contain;
background-position: center center;
background-repeat: no-repeat;
text-align: center;
position: absolute;
display: none;
left: 80px;
top: 80px;
background-color: rgba(0,0,0, .5);
font-size: 1.3em;
font-weight: bold;
color: #fff;
transition: 300ms linear;
text-shadow: -1px -1px 0 #555, 1px -1px 0 #555, -1px 1px 0 #555, 1px 1px 0 #555;
background-origin: content-box;
margin: 0;
padding: 10px 20px;
border-right: 1px solid rgba(0,0,0, .4);
width: 340px;
height: 300px;
box-shadow: 1px 1px 3px -1px #222;
}
.government-center-project-left:hover{
background-color: rgba(0,0,0, .4);
}
.crane-2{
font-size: 31px;
color: #fff;
display: none;
}
.crane-2:hover{
color: #fff;
}
.gcbr ul{
list-style-type: none;
margin: 80px 0;
}
.gcbr li a{
line-height: 36px;
display: inline-block;
margin-bottom: 20px;
border: 0 solid #e5e5e5;
border-left: 9px solid #153a68;
padding: 9px 20px;
font-size: 17px;
font-weight: 400;
color: #111;
transition: 200ms;
}
.gcbr li a:hover{
border-left: 9px solid #153a68;
}
.gcbr li span{
display: inline-block;
font-size: 17px;
margin-left: 18px;
}
.gcbr{
flex-grow: 2;
margin: 0;
color: #111;
}
.gcbr h2{
margin-left: -60px;
padding-left: 99px;
padding-bottom: 6px;
color: #fff;
}
.residents-page h2{
text-align: left;
font-size: 28px;
line-height: 30px;
font-weight: 500;
}
.residents-page h2 a{
font-weight: 500;
}
.residents-page a, 
.visitors-page a{
font-weight: 400;
}
.residents-page tr, 
.visitors-page tr{
margin-bottom: 24px;
display: block;
background-color: #fff;
}
.residents-page td, 
.visitors-page td{
background-color: #fff;
border: none;
}
.residents-page td:first-of-type, 
.visitors-page td:first-of-type{
width: 82px;
}
.residents-page table img, 
.visitors-page table img{
width: 64px;
}
.residents-page tr td:nth-of-type(2) a:first-of-type, 
.visitors-page tr td:nth-of-type(2) a:first-of-type{
box-shadow: 0 0 2px 0 #151515;
background-color: #fff;
padding: 6px 12px;
display: table;
color: #151515;
}
.residents-page tr td:nth-of-type(2) a:first-of-type:hover, 
.visitors-page tr td:nth-of-type(2) a:first-of-type:hover{
background-color: #f1f1f1;
}
.residents-page tr td:nth-of-type(2) a:not(:first-of-type), 
.visitors-page tr td:nth-of-type(2) a:not(:first-of-type){
border: 1px solid #028;
border-radius: 2px;
background-color: #04c;
color: #fff;
font-size: 16px;
padding: 3px 6px;
display: inline-block;
margin-right: 2px;
}
.residents-page tr td:nth-of-type(2) a:not(:first-of-type):hover, 
.visitors-page tr td:nth-of-type(2) a:not(:first-of-type):hover{
background-color: #028;
}
.residents-page tr td:nth-of-type(2) a:not(:last-of-type), 
.visitors-page tr td:nth-of-type(2) a:not(:last-of-type){
margin-bottom: 6px;
}
.residents-page a:not([href]), 
.visitors-page a:not([href]){
background-color: #f1f1f1;
cursor: default;
}
.months{
margin-top: 0;
}
.months ul{
padding-left: 0;
}
.months ul li{
list-style-type: none;
}
.months > li{
font-size: 21px;
line-height: 38px;
font-weight: 600;
display: table;
}
.edit > .months{
margin-top: 10px;
}
.months > li:not(:first-of-type):not(ul){
margin-top: 19px;
}
.months > li > ul > li{
font-weight: normal;
padding: 2px 0;
list-style-type: none;
}
.hhs-board-cal li, 
.bae-board-cal li{
padding: 100px 4px;
}
.months ul li a:first-of-type{
font-weight: 400;
padding: 6px 10px;
border: 1px solid rgba(0, 0, 0, .55);
color: #111;
}
.months ul li a:first-of-type:hover{
background-color: #e9e9e9;
border: 1px solid rgba(0, 0, 0, .77);
}
.hhs-board-cal a:first-of-type{
background-color: #ffe4df;
}
.hhs-board-cal a:hover:first-of-type{
background-color: #ffbeb3;
}
.edit ul.months li{
line-height: 34px;
}
.cal-tbl{
background-color: #f00;
padding: 0;
width: 100%;
}
.cal-tbl, 
.cal-tbl *{
margin: 0;
padding: 0;
}
.cal-tbl > * > tr{
background-color: #fff;
}
.cal-tbl > * > * > *{
border-color: #ddd;
}
.cal-tbl th[colspan="7"]{
background-color: #fff;
font-weight: 600;
font-size: 15px;
}
.cal-tbl td{
font-size: 16px;
line-height: 15px;
text-align: center;
padding: 4px;
}
.cal-drop{
border: 1px solid #000;
margin-top: -10px;
box-sizing: border-box;
}
.cal-drop+.dropitdown2{
background-color: #f00;
padding: 0;
margin: 0;
border: 0;
}
footer{
padding: 0;
margin: 0;
background-color: #151515;
}
footer a, 
footer a:visited{
color: #eee;
}
footer a:hover{
text-decoration: underline;
color: #eee;
}
footer p{
color: #eee;
line-height: 33px;
font-size: 16px;
text-align: left;
}
footer ul{
list-style-type: none;
padding: 0;
}
footer li{
color: #fff;
padding: 2px 0;
}
.back-to-top{
background-color: #202020;
text-align: center;
padding: 14px 0;
color: #eee;
display: block;
width: 100%;
font-size: 17.3px;
border: none;
cursor: pointer;
}
.back-to-top:hover{
background-color: #242424;
}
.back-to-top:focus{
outline: none;
}
.ft-col-container{
padding: 63px 0 50px;
margin: 0;
display: flex;
justify-content: space-between;
gap: 20px;
}
.ft-col-container > div{
flex: 1;
}
.ft-col-container > div > ul{
margin-top: 8px;
}
.ft-col-container li:not(:last-of-type){
margin-bottom: 3px;
}
.ft-col-container h3{
margin: 0;
padding: 0;
font-weight: 700;
color: #fff;
text-align: left;
font-size: 26px;
}
.ft-col-1 ul li:first-of-type{
font-weight: bold;
}
.footer-logo img{
width: 244px;
}
.copyright{
font-size: 15px;
margin: 0;
padding: 11px 20px;
text-align: right;
color: #666;
display: none;
}
.county-contact-info{
text-align: center;
border: none;
padding: 84px 0 8px 0;
width: 100%;
margin: 0;
display: none;
}
.county-contact-info a{
box-shadow: 0 0 2px 0 #555;
padding: 16px;
display: inline-block;
font-size: 28px;
border: none;
transition: 300ms;
margin: 0 auto;
width: 555px;
max-width: 100%;
box-sizing: border-box;
}
.county-contact-info a:hover{
text-decoration: none;
background-color: #222;
box-shadow: 0 0 2px 0 #6f6f6f;
}
.zqa a:nth-child(odd){
background-color: #f1e3ee;
vertical-align: middle;
}
.zqa a:hover{
background-color: #ccc;
}
.auditor-page p + ul, 
.auditor-page p + ol{
margin-top: -16px;
}
.auditor-page > * > ul{
margin-top: 0;
}

.notices-page, .community-events-page{
margin-top: 24px;
}

.employment-button{
position: relative;
padding: 10px 20px;
color: #000;
text-decoration: none;
background-color: #f4f4f4;
transition: background-color 0.3s ease;
}
.job-count{
position: absolute;
bottom: 0px;
right: 0px;
background-color: #ccc;
color: #000;
font-size: 16px;
font-weight: 350;
padding: 4px;
line-height: 1;
text-align: center;
border-bottom: none;
border-right: none;
z-index: 3;
user-select: none;
pointer-events: none;
display: none;
}
.job-count::after{
font-weight: 350;
}
.employment-button:hover{
background-color: #ddd;
}
.employment-highlight{
font-style: italic;
text-decoration: underline;
color: #0f0;
padding: 4px 8px;
background-color: #2F5496;
}