@media screen and (max-width: 2000px){
.big-pic-msg{
position: absolute;
padding: 0;
width: 50%;
text-align: left;
line-height: 30px;
color: #fff;
margin: 0;
left: 177px;
}
.splide{
position: relative;
height: 380px;
width: 100%;
max-width: 100%;
margin: 0 auto;
overflow: hidden;
}
}
@media screen and (max-width: 1700px){
.big-pic,
.small-pic{
width: 100%;
}
.info,
.big-title{
width: 100%;
padding-left: 0;
padding-right: 0;
border-left: none;
border-right: none;
}
.sf-menu,
.sf-menu ul{
border-right: none;
}
.departments-page > .edit{
justify-content: space-between;
width: 100%;
padding: 12px;
box-sizing: border-box;
}
.departments-page > .edit > div{
margin: 0px 0 0 0;
width: calc(50% - 6px);
}
.hhs-menu ul > li:first-of-type > a,
.hhs-menu > ul > li:first-of-type{
border-left: none;
}
.hhs-menu ul li:last-of-type a,
.hhs-menu > ul > li:last-of-type{
border-right: none;
}
.pw-wide.breadcrumb{
width: 1122px;
max-width: calc(100% - 56px);
border-bottom: 0px solid #000;
}
}
@media screen and (max-width: 1266px){
.covid-banner span:nth-of-type(2){
white-space: normal;
}
.menu{
user-select: none;
-webkit-tap-highlight-color: transparent;
-webkit-touch-callout: none;
}
.ii div{
margin: 0 60px;
}
nav{
padding: 0;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: center;
margin: 4px 0;
}
nav a:not(:first-of-type){
display: none;
}
.search-out{
display: none;
}
.logo{
border: none;
margin: 0;
}
.logo:hover{
border: none;
}
.logo img{
width: auto;
}
.menu-icon{
display: block;
}
.menu{
text-align: center;
cursor: pointer;
padding: 0;
position: relative;
z-index: 100;
}
.menu div{
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
display: none;
}
.menu span{
background-color: #151515;
color: #fff;
display: block;
font-family: "Open Sans";
font-size: 22px;
font-weight: 700;
letter-spacing: 1px;
line-height: 27px;
outline-width: 0;
padding: 20px 0;
text-transform: capitalize;
}
.menu span:focus ~ div{
display: block;
background-color: rgba(0,0,0, .5);
}
.menu span:focus ~ ul{
visibility: visible;
opacity: 1;
}
.menu ul{
margin: 0;
padding: 0;
width: 100%;
position: absolute;
visibility: hidden;
transition: visibility 0.5s;
opacity: 0;
border-top: 1px solid #000;
}
.menu li{
display: block;
}
.menu a{
background-color: #151515;
display: block;
width: 100%;
padding: 20px 0;
color: #fff;
font-weight: 700;
font-size: 22px;
font-family: "Open Sans";
border-bottom: 1px solid rgba(0,0,0,1);
}
.menu a:hover{
background-color: #0b0b0b;
color: #888;
text-decoration: underline;
text-decoration-thickness: 3px;
text-underline-offset: 2px;
}
.menu-0{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
}
.menu-0 a{
box-sizing: border-box;
padding: 9px 0;
margin: 0;
border: none;
font-size: 14px;
width: 16.666%;
display: block;
padding: 8px 11px;
}
.menu-0 a:first-of-type{
margin-left: 0px;
}
.menu-0 a:not(:nth-of-type(6n)){
border-right: 1px solid #AB7500;
}
.menu-0 span{
display: none;
}
.big-pic h1{
font-size: 36px;
line-height: 46px;
}
.big-pic-msg{
width: 66%;
}
.big-pic-msg a{
z-index: 99;
}
.big-pic-msg h1{
font-size: 30px;
line-height: 34px;
width: 90%;
padding-bottom: 6px;
}
.big-pic-msg strong{
font-weight: 400;
}
.big-pic-msg p,
.big-pic-msg a{
font-size: 16px;
line-height: 30px;
}
.big-title{
border-top: 1px solid #000;
background-color: #151515;
}
.big-title-search{
text-align: center;
font-size: 30px;
}
.fp-miniblock-container div{
text-align: center;
margin: 0;
flex: 0 50%;
box-sizing: border-box;
}
.fp-miniblock-container div:nth-of-type(2){
border-right: none;
}
.fp-miniblock-container div:nth-of-type(1),
.fp-miniblock-container div:nth-of-type(2){
border-bottom: 1px solid #ddd
}
.fp-miniblock-container div:nth-of-type(2) a:last-of-type{
border-bottom: none;
}
.ft-col-container{
justify-content: space-evenly;
}
.ft-col-container > div{
max-width: 100%;
margin: 0 auto;
}
.ft-col-container ul{
padding: 0;
}
.gcbl,
.gcbr{
width: 50%;
}
.page{
margin: 28px;
width: calc(100% - 56px);
}
.sidebar{
margin: 60px 28px 0 0;
}
.sidebar a,
.sidebar h4{
box-sizing: border-box;
}
aside{
width: 240px;
}
.gcp-page{
margin-top: 40px;
}
.info div{
font-size: 14px;
padding: 12px 14px 12px 44px;
}
.info div:before{
background-size: 22px 22px;
width: 22px;
height: 22px;
left: 12px;
top: 12px;
}
.info-name{
display: none;
}
.county-contact-info{
text-align: center;
border: none;
padding: 0;
width: 100%;
margin: 0 0 66px 0;
}
#departmentTable,
#departmentTable td{
font-size: 14px;
}
}
@media screen and (max-width: 1111px){
.site-top-msg{
font-size: 15px;
}
.beta{
display: none;
}
.pw{
margin: 0 auto;
width: 100%;
max-width: calc(100% - 56px);
}
.menu-0{
justify-content: flex-start;
}
.menu-0 a{
font-size: 13px;
width: 25%;
display: block;
padding: 6px 10px;
margin: 0;
}
.menu-0 a:nth-of-type(-n+4){
border-bottom: 1px solid #AB7500;
}
.menu-0 a:not(:nth-of-type(4n)){
border-right: 1px solid #AB7500;
}
.menu-0 span{
display: none;
}
.covid-banner span{
font-size: 14px;
padding: 8px 20px;
line-height: 28px;
}
.big-title{
text-align: center;
font-size: 28px;
padding: 28px;
box-sizing: border-box;
}
.fp-arrows label{
top: 50%;
padding: 1px;
background-position: 50% 50%;
background-size: 33px;
margin: auto 20px;
display: none;
}
.button-bar label{
padding: 0;
width: 48px;
height: 48px;
}
.fp-pic{
background: linear-gradient(to left, rgba(0,0,0, .2), rgba(0,0,0, .8)), 50% 50% / cover url(/gcp/img/image--012.jpg);
}
.big-pic-msg{
width: calc(100% - 66px);
margin: 0 0 0 -144px;
padding: 0;
}
.big-pic-msg h1{
line-height: 38px;
padding-bottom: 8px;
font-size: 34px;
width: auto;
}
.big-pic-msg p,
.big-pic-msg a{
font-size: 16px;
line-height: 28px;
text-align: left;
}
.fp-miniblock-container div{
text-align: center;
border: 0px solid #e3e3e3;
margin: 0;
flex: 0 100%;
box-sizing: border-box;
}
.gcbr{
text-align: center;
}
.gcbr ul{
padding: 0 3px;
display: inline-block;
}
.gcbr li a{
font-size: 15px;
}
.department-list-container{
column-count: 1;
}
.page{
margin: 0;
padding: 28px;
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
width: 100%;
max-width: calc(100% - 56px);
}
.c19-page{
margin: 20px;
padding: 0;
}
.sidebar{
margin: 0px 28px 0 0;
padding: 0;
width: 100%;
max-width: 100%;
}
.sidebar a,
.sidebar h4{
font-size: 14px;
margin: 0;
box-sizing: border-box;
width: 100%
}
.sidebar .dropitdown2{
width:100%;
}
.sidebar h4:not(:first-of-type){
margin-top: 20px;
}
.hhs-menu{
padding: 0;
}
.hhs-menu *{
display: block;
width: 100%;
max-width: 100%;
margin: 0;
padding: 0;
}
.hhs-menu a{
padding: 2px 4px;
font-size: 13px;
font-weight: 400;
box-sizing: border-box;
}
.page .edit{
margin: 0;
padding: 0;
}
.edit-title{
text-align: left;
}
aside{
display: block;
width: 330px;
max-width: 95%;
border-left: none;
margin: 50px auto 10px auto;
padding: 0 0 0px 0;
border-bottom: 0px solid #ddd;
}
aside ul{
margin: 0;
padding-left: 0;
}
.info{
justify-content: flex-start;
flex-wrap: wrap;
border-bottom: 0;
}
.info div{
width: 50%;
text-align: left;
padding: 14px 16px 14px 45px;
position: relative;
top: 0;
border-bottom: 1px solid #ddd;
box-sizing: border-box;
}
.info div,
.info div strong,
.info div span{
font-size: 14px;
}
.info div:nth-of-type(odd){
border-right: none;
}
.info div:before{
background-size: 18px 18px;
width: 18px;
height: 18px;
content: "";
position: absolute;
left: 14px;
top: 14px;
border: none;
}
.county-contact-info a{
font-size: 24px;
}
.departments-page > .edit > a:not(:nth-child(2n+2)){
border-right: 1px solid #ccc;
}
.departments-page > .edit > a:nth-child(2n+2){
border-right: none;
}
.departments-page > .edit > a:last-of-type{
border-bottom: none;
}
.departments-page > .edit > a > div{
padding: 22px;
}
.gcbl a{
font-size: 26px;
}
.flx3 > div{
width: 100%;
margin-bottom: 40px;
}
.ft-col-container{
display: block;
}
.ft-col-container > div{
width: 300px;
max-width: 100%;
}
.ft-col-1{
display: none;
}
.departments-page > .edit > div{
width: 100%;
margin: 0;
}
.county-directory ul{
width: 100%;
}
.county-directory-search{
width: 100%;
}
.fp-cards{
grid-template-columns: repeat(2, 1fr);
}
.all-buildings{
gap: 0;
padding: 0;
display: block;
}
.all-buildings > div{
display: block;
width: 100%;
box-shadow: 0 0 2px 0 #888;
box-sizing: border-box;
margin: 0 0 20px 0;
}
.all-buildings img{
width: 100%;
max-width: 100%;
height: 220px;
}
.blk{
padding-bottom: 40px;
}
.flx3{
display: block;
}
.mission > div > div{
display: block;
width: 90%;
flex: 1;
box-sizing: border-box;
margin-left: auto;
margin-right: auto;
}
.mission > div:not(:first-of-type) > div{
margin-top: 20px;
}
.mission > div:not(:last-of-type) > div{
margin-bottom: 20px;
}
.mission > div > div > p{
line-height: 31px;
}
.n3 > ul > ul > li,
.g3{
display: block;
}
.n3 > ul > ul > li > *,
.g3 > div.gcbl{
width: 100%;
box-sizing: border-box;
}
div.gcbl div{
width: 100%;
display: block;
}
div.gcbl div a{
width: 222px;
max-width: 90%;
}
.gcbr,
.gcbr *{
width: 100%;
max-width: 100%;
box-sizing: border-box;
margin: auto;
}
.n3 > ul > ul > li > *:first-of-type{
margin-top: -2px;
font-size: 14px;
line-height: 26px;
}
#departmentTable,
#departmentTable td{
font-size: 13px;
}
}
@media screen and (max-width: 999px){
.n3 li,
.n3 li a{
display: block;
width: 100%;
box-sizing: border-box;
}
.n3 li span{
border-bottom: none;
margin: 0 auto;
display: table;
}
#departmentTable,
#departmentTable td{
font-size: 11px;
}
}
@media screen and (max-width: 777px){
.big-pic{
height: 300px;
}
.covid-banner{
display: block;
max-width: 100%;
}
.covid-banner span{
padding: 4px 10px 4px;
display: block;
width: calc(100% - 20px);
text-align: left;
}
.covid-banner span:not(:last-of-type){
border-bottom: 1px solid #000;
border-left: 0 solid #000;
border-right: 0 solid #000;
}
.gcp-page .collapse{
font-size: 17px;
padding: 30px 8px;
}
.big-pic-msg{
padding: 0 28px;
}
.big-pic-msg h1{
font-size: 26px;
line-height: 30px;
padding-bottom: 6px;
margin-bottom: 0;
}
.big-pic-msg p{
margin-top: 4px;
}
.big-pic-msg p,
.big-pic-msg a{
font-size: 14px;
line-height: 24px;
}
.big-title-search{
font-size: 24px;
padding: 0 0 14px 0;
}
.page{
display: block;
}
.sidebar{
margin: 0 0 30px 0;
padding: 0;
width: 100%;
display: flex;
flex-wrap: wrap;
}
.sidebar a{
width: 100%;
padding: 2px 12px;
margin: 0;
box-shadow: none;
}
.sidebar h4{
font-size: 15px;
padding: 2px 6px;
margin: 0;
box-sizing: border-box;
}
.sidebar h4:not(:first-of-type){
margin-top: 20px;
}
.sidebar br + button{
margin-top: 10px;
}
.sidebar .uuuuuuu{
display: inline-block;
margin: 20px auto;
width: auto;
box-sizing: border-box;
}
a.parcel{
margin-top: 10px;
}
.edit{
width: 100%;
display: block;
margin: 0;
padding: 0;
}
.edit-title{
text-align: center;
}
aside{
display: block;
width: calc(100% + 28px);
max-width: calc(100% + 28px);
border-left: none;
margin: 28px 0 0px -28px;
padding: 28px 0 0px 28px;
border-top: 1px solid #ddd;
}
aside ul{
margin: 0;
padding-left: 0;
}
aside *{
max-width: calc(100% - 28px);
}
.search-block{
padding: 0 0 0 0px;
margin: 20px 0;
border-left: 0px solid #333;
}
.big-pic-msg{
width: calc(100% - 40px);
margin: 0 0 0 -156px;
padding: 0;
}
.button-bar{
padding: 0 0 2px 0;
}
.button-bar label{
width: 42px;
height: 42px;
margin: 0 2px;
}
}
@media screen and (max-width: 600px){
.blk{
overflow: hidden;
}
.menu-0 a{
font-size: 13px;
width: 50%;
display: block;
padding: 6px 10px;
margin: 0;
}
.menu-0 a:nth-of-type(-n+2){
border-bottom: 1px solid #AB7500;
}
.menu-0 a:not(:nth-of-type(2n)){
border-right: 1px solid #AB7500;
}
.logo{
padding: 0px 0;
}
.logo img,
.logo{
width: 180px;
}
.big-title{
text-align: center;
padding: 14px 0;
}
.big-title-search{
font-size: 22px;
}
.big-pic-msg{
padding: 0 22px;
width: 72%;
}
.big-pic-msg h1{
font-size: 22px;
line-height: 26px;
padding-bottom: 6px;
margin-bottom: 0;
}
.big-pic-msg p,
.big-pic-msg a{
line-height: 22px;
}
.info{
justify-content: flex-start;
flex-wrap: wrap;
margin-top: 28px;
border-top: 1px solid #ddd;
}
.info div{
width: 100%;
text-align: left;
padding: 6px 14px 6px 52px;
position: relative;
top: 0;
border: none;
border-right: none;
box-sizing: border-box;
}
.info div:nth-of-type(odd){
border-right: none;
}
.info div:before{
background-size: 14px 14px;
width: 14px;
height: 14px;
display: block;
content: "";
position: absolute;
left: 28px;
top: 9px;
border: none;
}
.back-to-top{
font-size: 16px;
}
.edit p,
.fr3 div,
footer span,
.copyright{
font-size: 14px;
}
.edit-title{
font-size: 26px;
}
.sidebar a,
.info div,
.info div strong,
.info div span,
.big-pic-msg p,
.big-pic-msg a,
.covid-banner,
.menu-0 a{
font-size: 12px;
}
.fp-cards{
grid-template-columns: repeat(1, 1fr);
}
.sf-menu li,
.sf-menu li a{
font-size: 9px;
height: 40px;
}
#departmentTable,
#departmentTable td{
font-size: 10px;
}
}
@media screen and (max-width: 400px){
.big-pic-msg h1{
font-size: 17px;
line-height: 22px;
padding-bottom: 4px;
margin-bottom: 0;
}
.info div{
padding: 8px 14px 8px 50px;
}
.info div:before{
background-size: 13px 13px;
width: 13px;
height: 13px;
display: block;
content: "";
position: absolute;
left: 28px;
top: 11px;
border: none;
}
.big-title,
.big-title-search{
font-size: 17px;
}
.sidebar{
margin: 0 0 30px 0;
padding: 0;
width: 100%;
display: block;
}
.sidebar a{
width: 100%;
padding: 2px 12px;
margin: 0;
box-shadow: none;
}
.sidebar a:nth-of-type(even){
border-left: 1px solid #d0d0d0;
}
.sidebar h4{
font-size: 14px;
width: 100%;
padding: 2px 6px;
margin: 0;
box-sizing: border-box;
}
.departments-page > .edit > a{
width: 100%;
border-right: none;
box-sizing: border-box;
margin: 14px 14px 0 14px;
border: none;
font-size: 17px;
padding: 0;
height: auto;
background-color: #f1f1f1;
box-shadow: 0 0 2px 0px #999;
}
.departments-page > .edit > a:hover{
background-color: #f1f1f1;
text-decoration: none;
}
.departments-page > .edit > a:last-of-type{
border-bottom: none;
margin-bottom: 14px;
}
.departments-page .edit div{
padding: 16px;
line-height: 26px;
}
}
@media screen and (max-width: 300px){
*{
word-break: break-all;
}
nav{
text-align: center;
display: block;
}
.logo{
max-width: 100%;
margin: 0 auto;
}
img:not(aside *){
max-width: 100%;
}
.menu-0 a{
font-size: 11px;
padding: 4px 6px;
display: block;
margin: 0;
width: 100%;
border-right: 0;
}
.menu-0 a:nth-of-type(-n+1){
border-bottom: 1px solid #AB7500;
}
.menu-icon{
display: none;
}
.big-title-search{
font-size: 16px;
}
.sidebar a,
.info div{
font-size: 12px;
}
}
@media screen and (min-width: 1266px){
.menu-icon,
.menu,
.menu span,
.menu div{
display: none;
}
}