/* Carousel */
#carouselHome {
  width: 100%;
  height: auto;
  position: relative;
  margin: auto;
  font-family: "Open Sans",  Arial, sans-serif;
}

#carouselHome .carousel-caption {
  color: #f2f2f2;
  padding: 2vh 10%;
  position: absolute;
  bottom: 110px;
  left: 0;
  width: 100%;
  text-align: center;
  background: rgba(0,0,0,0.5);
}

#carouselHome .carousel-caption h3 {
  font-size: 36px;
}
#carouselHome .carousel-caption p {
  font-size: 22px;
}
#carouselHome .carousel-caption a {
  color: #FFFFFF;
}

#carouselHome .carousel-control-prev span, #carouselHome .carousel-control-next span {
    position: absolute;
    bottom: 170px;
    padding: 16px;
    width: 2.5rem;
    height: 2.5rem;
}

/*Quick Links*/
#quicklinks {
  z-index: 100;
  background: linear-gradient(#FFF, #D3E4ED);
  width: 100%;
  padding: 20px 150px 35px;
}

#quicklinkstitle, #popularservicestitle {
  font-size: 28px;
  font-weight: 700;
  text-align: center;
  margin-top: 30px;
  color: #1A5575;
}

/* Grid row */

.gridrow {
  display: grid;
  grid-template-columns:auto auto auto auto auto;
}

.gridrow div {
  text-align: center;
  border-radius: 10px;
  min-width: 150px;
  margin: 15px auto;
  padding: 10px;
}

.gridrow .fa {
  font-size: 55px;
  color: #1A5575;
  margin-bottom: 5px;
}

.gridrow .fa:hover {
  color: #AED0E2;
}

.home-hub-grid {
  margin-bottom: 15px;
  display: grid;
  grid-template-columns:33% 33% 33%;
  margin-top: 35px;
}

/*Parallax*/
.path-frontpage #home-parallax-image-div {
  background-image: url(/sites/default/files/images/home/parallax-wells2.jpg);
  background-attachment: fixed;
  background-position: 35%;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 500px;
  position: relative;
}

#home-parallax-heading {
  position: absolute;
  top: 40%;
  width: 100%;
  text-align: center;
  font-size: 36px;
  background: rgba(0, 0, 0, 0.5);
  color: #FFF;
  padding: 35px 0;
}

#home-parallax-subheading {
  position: absolute;
  top: 58%;
  width: 100%;
  text-align: center;
  font-size: 26px;
  background: rgba(0, 0, 0, 0.5);
  color: #FFF;
  padding: 10px 0 35px;
}

#block-coronavirusresponsehub {
  background: linear-gradient(#FFF, #D3E4ED);
  padding: 35px 0;
}

.home-hub-col {
  width: 100%;
  padding: 5px 5px 5px 0;
}

.home-hub-col img {
  max-width: 40%;
  height: auto;
  float: left;
  padding: 0 20px 0 0;
}

.home-hub-col h2 {
  margin-top: 0;
  font-size: 20px;
}

.home-hub-col p {
  margin-bottom: 0;
}

.cta-button {
  display: block;
  text-align: center;
  border-radius: 5px 5px;
  background-color: #1A5575;
  color: #FFF;
  border: 1px solid #1A5575;
  font-size: 20px;
  float: left;
  width: 180px;
  margin: 25px 0 0;
  padding: 3px 25px;
}

#block-wheredoesthemoneygoyoutubeembed {
  background-color: #222;
  margin-bottom: 0;
  padding: 10px 0;
}

/*Video*/
.home-video {
  margin: 35px auto;
}

.home-video h2 {
  margin-top: 20px;
  margin-bottom: 10px;
}

.home-video h2, .home-video p {
  color: #FFF;
}

.rtecenter {
  text-align: center;
}

.video-pad {
  margin: 25px 10vw;
}

#block-wheredoesthemoneygoyoutubeembed .container {
  max-width: 100%;
}

.video-container {
  position: relative;
  overflow: hidden;
  width: 95%;
  padding-top: 56.25%;
}

.responsive-iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

#block-views-block-events-and-meetings-block-1 {
  width: 85%;
  padding-top: 35px;
  margin: 0 auto 35px;
}

#block-views-block-events-and-meetings-block-1 > h2 {
  color: #222;
  margin-bottom: 15px;
  text-align: center;
  font-size: 28px;
  font-family: 'Open Sans', sans-serif;
}

#block-views-block-events-and-meetings-block-1 .table > tbody > tr > td {
  vertical-align: middle;
}

#block-views-block-events-and-meetings-block-1 td.views-field.views-field-field-date {
  font-size: 24px;
  text-align: center;
  font-family: Merriweather, display;
  max-width: 25%;
  padding: 20px 15px;
}

#block-views-block-events-and-meetings-block-1 tr {
  border-bottom: 1px solid #ddd;
  background-color: transparent;
}

#block-views-block-events-and-meetings-block-1 th, #block-views-block-events-and-meetings-block-1 td {
  border: 1px solid #ddd;
  padding: .5em;
}

#block-views-block-events-and-meetings-block-1 .view-footer a {
  font-size: 25px;
  margin-bottom: 50px;
}

#block-views-block-county-news-block-1 .tns-outer {
  width: 80%;
  margin: auto;
}

#block-views-block-county-news-block-1 img {
  width: 98%;
  height: auto;
  margin: 1%;
}

#block-views-block-county-news-block-1 > div.content {
  margin-bottom: 15px;
  padding-top: 50px;
}

.front #block-views-block-county-news-block-1 [data-controls="next"] {
  right: -40px;
}

.front #block-views-block-county-news-block-1 [data-controls="prev"] {
  left: -40px;
}

#block-views-block-county-news-block-1 .view-footer a {
  font-size: 22px;
  text-align: center;
  margin: 25px auto 0;
}

#block-views-block-county-news-block-1 .views-field.views-field-view-node {
  margin-top: 10px;
}

.dg-form-wrapper {
  padding: 2% 5%;
}

.path-frontpage .slideshow-container .homeSlides, .hub-mobile-heading {
  display: none;
}


/* 211 Button styling. */
.btn-primary {
  background-color: #38668b;
  border-color: #4595c1;
}

#block-info211 {
  position: fixed;
  z-index: 999;
  right: 0;
  top: 250px;
  bottom: auto;
  width: auto;
  color: #FFF;
  background-color: #1A5575;
  border: #1A5575 2px solid;
  border-top-left-radius: 35px;
  border-bottom-left-radius: 35px;
  border-right: none;
  padding-left: 8px;
  padding-right: 0;
  align-items: center;
}

#block-info211 .trigger-211-link {
  color: #FFF;
  height: 70px;
  overflow: hidden;
  position: relative;
  font-size: 24px;
  font-weight: 600;
  align-items: center;
  text-align: center;
  text-decoration: none;
  float: left;
  display:flex;
}

#block-info211 .trigger-211-link i {
  display: block;
  padding: 12px;
  font-size: 32px;
  background: #FFF;
  color: #888;
  border-radius: 50%;
  border: 2px solid #1A5575;
}

#block-info211:hover .trigger-211-link i {
  background: #1A5575;
  color: #fff;
  border: 2px solid #fff;
}

#block-info211 .trigger-211-link p {
  margin: 0;
  line-height: 100%;
}

#block-info211 .trigger-211-link #text-211 {
  color: #CCC;
  padding-left: 5px;
}

#block-info211:hover .trigger-211-link p {
  font-style: italic;
}

/* Calendar Styling. */
.multi-day a {
  color: #fff;
}

/* Tiny slider */
.tns-outer {
  position: relative;
}

[data-controls] {
  border: 0;
  padding: 0;
  font-size: 30px;
  position: absolute;
  top: 50%;
  margin-top: -18px;
  z-index: 1;
  background: transparent;
  color: transparent;
}

.tns-outer .tns-controls [data-controls="next"] {
  background-attachment: scroll;
  background-clip: border-box;
  background-color: rgba(0,0,0,0);
  background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><!--! Font Awesome Pro 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path d="M41.4 233.4c-12.5 12.5-12.5 32.8 0 45.3l160 160c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L109.3 256 246.6 118.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-160 160z"/%3E%3C/svg%3E');
  background-origin: padding-box;
}

.tns-outer .tns-controls [data-controls="prev"] {
  background-attachment: scroll;
  background-clip: border-box;
  background-color: rgba(0,0,0,0);
  background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><!--! Font Awesome Pro 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path d="M278.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-160 160c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L210.7 256 73.4 118.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l160 160z"/%3E%3C/svg%3E');
  background-origin: padding-box;
}

[data-controls="prev"], .tns-outer .tns-controls [data-controls="prev"] {
  left: unset;
  left: -20px !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3C!--! Font Awesome Pro 6.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --%3E%3Cpath d='M41.4 233.4c-12.5 12.5-12.5 32.8 0 45.3l192 192c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L109.3 256 278.6 86.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-192 192z'/%3E%3C/svg%3E");  
  background-repeat: no-repeat;
}

[data-controls="next"], .tns-outer .tns-controls [data-controls="next"]{
  right: unset;
  right: -20px !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3C!--! Font Awesome Pro 6.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --%3E%3Cpath d='M342.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L274.7 256 105.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.block-views-blockcounty-news-block-1 .tns-item {
  padding: 20px;
}

.block-views-blockcounty-news-block-1 h2 {
  line-height: .7;
}

.block-views-blockcounty-news-block-1 h2 a {
  color: #1a5575;
  font-size: .875rem;
  font-weight: 700;
}

/* eAlert styling */
.block-views-blockcounty-news-block-2 {
  color: #1a5575;
  background-color: #efcc0094;
  border-color: #efcc00;
  margin-bottom: 0px;
  padding: 17px;
  border-left: 0;
  overflow: hidden;
}

/*Signup*/
#block-signupfornewsletter {
  background: #efefef;
}



@media only screen and (max-width: 1485px) {
  .cta-button {
    font-size: 16px;
    margin: 15px 0;
    padding: 5px 25px;
  }
}

@media only screen and (min-width: 1400px) {
  .gridrow {
    margin: 10px 150px 0;
  }
}

@media screen and (max-width: 1212px) {
  .home-hub-col {
    padding-right: 50px;
  }

  .home-hub-col img {
    float: none;
    max-width: 75%;
  }

  .home-hub-col h2 {
    margin-top: 15px;
    font-size: 18px;
  }

  .home-hub-grid {
    padding-left: 25px;
  }
}

@media only screen and (min-width: 1200px) {
  .gridrow div {
    width: 150px;
    margin-top: 25px;
  }
  #quicklinks {
    padding: 20px 150px;
  }
}

@media (max-width: 1024px) {
  #quicklinks {
    padding: 20px 0px;
  }
  #carouselHome .carousel-control-prev span, #carouselHome .carousel-control-next span {
    bottom: 150px;
  }
}

@media only screen and (max-width: 900px) {
  .gridrow div {
    max-width: 50%;
    margin: 10px auto;
    padding: 10px;
  }

  #quicklinkstitle {
    margin-top: 0;
  }

  .gridrow .fa {
    font-size: 35px;
  }

  .gridrow {
    grid-template-rows:auto auto;
    grid-template-columns:auto auto auto;
    margin: 15px;
  }
}

@media screen and (max-width: 850px) {
  #carouselHome .carousel-caption {
    bottom: 70px;
    padding: 0;
    padding-bottom: 20px;
  }
  #carouselHome .carousel-caption h3 {
    font-size: 28px;
  }
  #carouselHome .carousel-caption p {
    font-size: 16px;
  }
  #carouselHome .carousel-control-prev span, #carouselHome .carousel-control-next span,
  #carouselHome .carousel-indicators {
    display: none;
  }
}

@media screen and (max-width: 776px) {
  #block-bannerimageblock1homepage {
    display: none;
  }
}

@media screen and (max-width: 768px) {
  .gridrow div {
    max-width: 50%;
    margin: 5px auto;
    padding: 10px 0;
  }
}

@media screen and (max-width: 700px) {
  .home-hub-grid {
    display: block;
    margin-left: 50px;
  }

  .home-hub-col {
    clear: both;
  }

  .home-hub-col img {
    display: none;
  }

  .hub-mobile-heading {
    display: block;
    font-size: 28px;
  }
}

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

  .home-video h2, .home-video p {
    font-size: 18px;
  }
}

@media only screen and (max-width: 580px) {
  .gridrow .fa {
    font-size: 28px;
  }

  .gridrow {
    grid-template-rows: auto auto;
    grid-template-columns: 50% 50%;
  }
  #carouselHome .carousel-inner {
    background: #135B64;
    height: 120px;
  }
  #carouselHome .carousel-inner img {
    display: none;
  }
  #carouselHome .carousel-caption {
    background: none; 
    bottom: unset;
  }
}

/*New home 6/12/2023*/
.social-box-grid {
  display: flex; 
  align-items: center;
  margin-right: unset;
  margin-left: unset;
  background-color: #1a5575;
  padding: 0 25px;
}
.home-newsletter-social .row .col-lg-6 {
  padding-right: 0;
  padding-left: 0;
  background-color: #efefef;
}
.home-newsletter-social .row .col-lg-6:nth-child(2) {
  border-bottom: 1px solid #bebebe;
  border-right: 1px solid #bebebe;
}
.home-newsletter-social .paragraph--type--mp-view {
  padding-bottom: 0px;
}

.social-box-grid .col {
  padding: 16px;
}

.front .view-county-newsletter h3 {
  font-size: 1.2rem; 
}
.front .view-county-newsletter img {
  max-width: 250px;
}
.path-frontpage .view-county-news .views-field-created span {
  font-weight: 500;
}
.social-box-grid .paragraph--type--icon-link .icon-link-wrap .icon-square i {
  font-size: 2.5rem;
}
.social-box-grid .paragraph.paragraph--type--icon-link {
  margin: 0;
}
.social-box-grid .paragraph.paragraph--type--icon-link a {
  margin: 0;
  color: #C7DFF4;
}
.dg-form-wrapper #ctct_form_1 > p,
#block-mainpagecontent > div > article > div > div > div:nth-child(1) > div > div > div > div:nth-child(2) > div:nth-child(3) > div > div > div > div > div > p{
  display: none;
}

.dg-form-wrapper div.ctct-form-embed form.ctct-form-custom div.ctct-form-field {
  margin: 0 0 12px;
}

#ctct_form_1 > h2 {
  text-align: center;
  font-size: 22px;
  margin-bottom: 5px;
}
#email_address_field_1 {
  margin-left: 20px; 
  display: flex;
  justify-content: center;
}
#email_address_label_1 {
  float: left;
  margin-right: 10px;
  margin-top: 10px;
  padding-left: 10px;
  text-align: center;
}

#email_address_1 {
  width: unset;
  min-width: 300px;
  text-align: center;
}

#block-mainpagecontent > div > article > div > div > div:nth-child(1) > div > div > div > div:nth-child(2) > div:nth-child(3) > div > div > div > div > div {
  padding: 10px;
}

.dg-form-wrapper {
  padding: 0;
  min-height: 194px;
  display: flex;
  align-items: center;
}

.social-box-grid .icon-link-wrap .paragraph--type--icon-link h4, .social-box-grid .field--name-field-link-title {
  font-size: 1.2rem;
}

#block-mainpagecontent > div > article > div > div > div:nth-child(1) > div > div > div > div:nth-child(2) > div:nth-child(3) > div > div > div > div > div {
  min-height: 194px;
  max-height: 194px;
}
#gdpr_text > p {
  margin: 10px;
}

div.ctct-form-embed form.ctct-form-custom button.ctct-form-button {
  padding: 8px;
}

.dg-form-wrapper .ctct-form-embed.form_1 .ctct-form-custom .ctct-form-button {
  border: 1px solid #135b64;
}
.ctct-form-embed.form_1 .ctct-form-custom .ctct-form-button {
  color: #135b64;
}


.view-id-county_news .more-link {
  text-align: center;
}

.view-id-county_news .more-link a,
.home-page .paragraph--type--bootstrap-button a button {
  font-size: 26px;
}

@media screen and (max-width: 992px) {
  .social-box-grid .col-12 {
    width: 33.33%;
  }
  .home-newsletter-social .row .col-lg-6:nth-child(2) {
    min-height: 500px;
  }
  #ctct_form_1 > h2 {
    padding-top: 10px;
  }
  /*
  .view-county-newsletter .views-row > div {
    display:none !important;
  }
  */
}

/*Raney header changes*/
#front body {
  padding-top: 88px;
}
#header #navbar-top {
  padding: 0;
  min-height: 0;
}
#navbar-main { padding: 8px; }
#navbar-top .form-row > fieldset, #navbar-top .form-row div,
#views-exposed-form-solr-index-view-page-1 .d-flex .js-form-item,
#views-exposed-form-solr-index-view-page-1 .d-flex .form-wrapper { float: left; margin: 5px 0 5px 0 !important;}
#navbar-top {display: block;}
#navbar-top .row { flex-direction: row; padding: 5px; }
#navbar-top .views-exposed-form { flex: 2; display: flex; }
#block-header { width: unset; }
#block-header .nav { justify-content: end; width: unset;}
#header .navbar-brand img {
  max-width: 190px;
}

#header .navbar-nav .dropdown-menu  {
    position: fixed;
    top: 210px;
    width: 96vw;
    left: 2vw;
    padding: 25px 10vw;
    column-count: 3;
    column-gap: 6vw;
    background: #eee;
    outline: 3px solid white;
    outline-offset: -5px;
    max-width: 2100px;
}

#header .navbar-nav .dropdown-menu li.dropdown-item:first-child, #header .menu-banner {
    font-size: 28px;
    width: 100.2%;
    display: block;
    float: left;
    background-color: #1a5575;
    color: #fff;
    text-align: center;
    font-family: 'Open Sans', sans-serif;
    outline: 1px solid white;
    outline-offset: -5px;
    position: absolute;
    left: -0.1%;
    top: -20px;
}

.tbm-nav .tbm-link.no-link.tbm-no-submenu.menu-banner:hover, .tbm-link.no-link.tbm-no-submenu.menu-banner:hover {
  color: white !important;
}

.tbm-item.level-1.open>.tbm-submenu {
  margin-top: 66px;
}

.tbm-item.level-1.open>.tbm-submenu {
    /*margin-top: 66px;*/
    position: fixed;
    top: 119px;
    width: 96vw;
    left: 2vw;
    padding: 25px 10vw;
    column-gap: 6vw;
    background: #eee;
    /*outline: 3px solid white;
    outline-offset: -5px;*/
    max-width: 2100px;
}

.tbm-subnav>.tbm-item>.tbm-link-container>.tbm-link {
  padding-left: 15px;
}
.tbm-link.level-1:hover, .tbm-link.level-1:focus, .tbm-submenu-toggle:hover, .tbm-submenu-toggle:focus {
  background: none;
}
.tbm-subnav>.tbm-item:first-child>.tbm-link-container>.tbm-link.menu-header {border-top: 1px solid #b5c7ca;}

.tbm-subnav .menu-header {
  font-size: 22px;
  padding-top: 5px;
  background: #b5c7ca;
  border-radius: 5px;
  margin-bottom: 5px;
  font-size: 22px;
  padding-top: 5px;
  border-color: #b5c7ca;
  border-radius: 5px;
  margin-bottom: 5px;
  border-width: 1px;
  border-style: solid;
  background-color: #dbe5e6;
  border-top: 1px solid #b5c7ca;
}

.tbm-button {
  background: none;
  margin: 0;
  border: 2px solid rgba(0,0,0,0.2);
}
.tbm-button-container span {
  height: 3px;
  color: #555;
}

#header .navbar-nav .dropdown-menu li.dropdown-item:first-child a {
    pointer-events: none;
    cursor: default;
    color: white;
}

.tbm-submenu-toggle { width: 0px; background: none;}
.tbm-item.level-1 { border: none;  }
.tbm-link.level-1 { padding: 15px 5px 15px 15px;}
.tbm { background: none; }
.tbm-row {padding-top: 30px;}

.tbm-subnav>.tbm-item>.tbm-link-container>.tbm-link.no-link {color: white !important;}

@media screen and (min-width: 1200px) {
  .navbar-expand-xl .navbar-toggler {
    display: none;
  }
}

@media screen and (max-width: 1200px) {
  .tbm-subnav>.tbm-item:first-child>.tbm-link-container>.tbm-link.menu-header {
    border-top: none;
  }
  .tbm.tbm--mobile .tbm-row {
    display: block;
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 10px;
  }
  .tbm-item.level-1.open>.tbm-submenu {
    padding: 10px;
    background: #efefef;
  }
  .tbm.tbm--mobile .tbm-submenu .tbm-link {
    padding: 0;
  }
  .tbm-subnav>.tbm-item>.tbm-link-container>.tbm-link {
    padding: 0.1em 0;
  }
  
  .tbm-item.level-1.open>.tbm-submenu  {
    margin-top: initial;
    position: initial;
    top: initial;
    width: initial;
    left: initial;
    column-gap: initial;
    background: initial;
    outline: initial;
    outline-offset: initial;
    max-width: initial;
    max-width: 90vw;
    margin: 0 auto;
    padding-left: 10px;
    border: none;
  }
  li.tbm-item.level-2:nth-child(2) {
    border: none;
  }
  .tbm.tbm--mobile .tbm-item.level-2 {
    border: none;
  }
  .tbm.tbm--mobile .tbm-item.level-1 { 
    border: 1px solid #ddd;  
  }
  #block-info211 {
    display: none;
    border: none;
  }
  #header .menu-banner {
    font-size: initial;
    width: initial;
    display: none;
    float: initial;
    background-color: initial;
    color: initial;
    text-align: initial;
    font-family: initial;
    outline: initial;
    outline-offset: initial;
    position: initial;
    left: initial;
    top: initial;
  }
  .tbm.tbm--mobile .tbm-collapse {
    display: block !important;
    z-index: 99;
  }
  .tbm.tbm--mobile .tbm-button {
    display: none;
  }
  
  .tbm.tbm--mobile .tbm-submenu-toggle {
    min-width: 10vw;
  }
  .tbm.tbm--mobile .menu-header {
    margin-top: 1px;
    font-weight: 700;
    background: none;
    font-size: 16px;
    margin-bottom: 0px;
    border: none;
    color: #1a5575 !important;
  }
  .tbm-subnav .tbm-item {
    padding-left: 20px;
  }
  .tbm.tbm--mobile .tbm-collapse {
    position: relative;
    padding-top: 0px;
  }
}

@media screen and (max-width: 1242px) and (min-width: 1199px) {
    #header .navbar-brand img {
      max-width: 139px;
    }
    #header .navbar-nav .dropdown-menu {
      top: 169px;
    }
}

@media screen and (max-width: 1199px) {
  
  #block-info211 { display: none; }
  #header .navbar-nav .dropdown-menu {
      position: revert;
      top: revert;
      width: revert;
      left: revert;
      padding: revert;
      background: revert;
      outline: revert;
      outline-offset: revert;
  }
  

  #header .navbar-nav .dropdown-menu li.dropdown-item:first-child {
      display: none;
  }
  #header .navbar-nav .dropdown {
    border:1px solid #bebebe;
    padding: 5px 10px;
  }
  #header .navbar-nav .dropdown-menu li.dropdown-item:first-child a {
      pointer-events: revert;
      cursor: revert;
      color: revert;
  }
  #header .navbar-collapse {
    background-color: #efefef; 
    margin-top: 10px;
  }
  #header .navbar-nav .nav-link:hover, #header .navbar-nav .nav-link:focus, #header .navbar-nav .nav-link:active,
  #header .navbar-nav .nav-link:hover, #header .navbar-nav .nav-link:focus, #header .navbar-nav .nav-link:hover,
  #header .navbar-nav .dropdown-item:hover,
  #header .navbar-nav .dropdown-item:hover a {
    background-color: unset;
    color: #053b64;
  }
  #block-mainnavigation {
    padding-top: 0;
  }
}
@media screen and (max-width: 1199px) and (min-width: 600px) {
  #header .navbar-nav .dropdown-menu {
    column-count: 2;
    column-gap: 35px;
  }
}
@media screen and (max-width: 1048px) {
  #navbar-top .row { flex-direction: column; }
  #navbar-top .views-exposed-form {
    justify-content: center;
    padding-top: 10px;
  }
  #block-header .nav {
    justify-content: center;
  }
}
@media screen and (max-width: 920px) and (min-width: 840px) {
  .js-form-item-search-api-fulltext {
    width: 70%;
  }
}
@media screen and (max-width: 840px) {
  
  #block-header .nav { justify-content: center; }
  #navbar-top .views-exposed-form {
    justify-content: center;
    padding-top: 10px;
  }
  #block-info211 { top: 330px; }
  #block-header .nav li:last-child {
    display: none;
  }
  #block-header .nav li:nth-child(6) a:after {
    display: none;
  }
}
@media screen and (max-width: 600px) {
  #header .navbar-nav .dropdown-menu {
    column-count: 1;
    column-gap: 0;
  }
}

@media screen and (max-width: 550px) {
  #views-exposed-form-search-page-1 .form-row {
    display: flex;
  }
}

/*New 8/1/2023*/

.home-page .carousel-caption {
  width: 100%;
  right: unset;
  left: unset;
  bottom: 15%;
  background-color: rgba(0,0,0,0.4);
}

.home-page .carousel-caption a {
  color: white;
}

.home-page .carousel-control-next, .home-page .carousel-control-prev {
  align-items: unset;
  bottom: 22%;
  top: unset;
}

.home-page .view-county-news .col-12 {
  max-width: 450px;
  margin: 0 auto;
}

.home-page .home-newsletter-social {
  background-color: #efefef;
  padding: 70px 100px;
}

.home-page .newsletter-image {
  height: 284px; 
  width: auto; 
  background-size: cover!important;
  background-position: right top; 
  background: url('/sites/default/files/2023-06/carousel-courthouse-2.jpg');
}

.home-page .container-fluid#home-news-title {
  font-size: 2.5rem;
  padding-bottom: 25px;
}

body:not(.path-frontpage) #main .home-page .container-fluid {
  padding: unset;
  padding-bottom: 25px;
}

.home-page #carouselCards .carousel-control-next, .home-page #carouselCards .carousel-control-prev {
  align-items: center;
  bottom: 40%;
}

.home-page .more-link a,
.home-page .paragraph--type--bootstrap-button a button {
  background: #38668b;
  color: white;
  padding: 7px 20px;
  border-radius: 5px;
  margin: 35px auto 0 auto;
  display: block;
  width: 250px;
}

.home-page .paragraph--type--bootstrap-button a button {
  margin-top: 0;
}

.home-page .views-field-title h4 a {
  font-weight: 500;
}

.home-page .paragraph--type--mp-view {
  padding: unset;
}

.home-page .home-news img {
  max-width: 100%;
  height: auto;
}
.home-page .view-calendar-month.home-events .views-row {
  margin-bottom: 25px;
  padding-bottom: 10px;
  padding-left: 0;
}

.home-page .view-calendar-month.home-meetings .views-row {
  margin-bottom: 25px;
  border: 1px solid #bebebe;
  padding: 10px;
  border-radius: 10px;
}

.home-page .view-calendar-month img {
  max-width: 45%;
  height: auto;
  padding: 0 20px 10px 0;
  float: left;
}

.home-page .view-calendar-month .views-field {
  padding-bottom: 5px;
}

.home-page .view-calendar-month .views-field-title a {
  font-size: 22px; 
  line-height: 28px;
  display: block;
}

.home-page .view-calendar-month .views-field-field-date time {
  font-size: 18px; 
  font-weight: 500;
}

.home-page .view-calendar-month .views-field-field-date-1 time {
  font-size: 18px; 
  font-weight: 400;
}

.home-page .view-calendar-month .views-field-field-host-organization {
  font-size: 18px; 
  font-weight: 400;
  color: #b1040e;
}
.home-page .view-calendar-month .views-field-field-name-of-location {
  font-size: 16px; 
  font-weight: 700;
}

.home-page .newsletter-list .views-row img {
  max-width: 300px;
}

.home-page .paragraph--type--mbp-card .card-body .field.text-formatted {
  min-height: unset;
}

.home-page .paragraph--type--mbp-card {
  max-width: unset;
}

.home-page #carouselCards {
  max-width: 1280px;
  margin: 0 auto;
}

.home-page .home-news {
  margin: 0 auto;
}

@media screen and (max-width: 1400px) {
  .home-page .view-calendar-month img {
    max-width: 100%;
    float: none;
    padding: 0;
  }
}

@media screen and (max-width: 1024px) {
    .home-page .carousel-control-next {
      right: -30px;
    }
    .home-page .carousel-control-prev {
      left: -30px;
    }
    .home-page #carouselCards .carousel-control-next {
      right: 15px;
    }
    .home-page #carouselCards .carousel-control-prev {
      left: 15px;
    }
}

@media screen and (max-width: 992px) {
    #email_address_1 {
      min-width: unset;
    }
}
@media screen and (max-width: 768px) {

  .home-page .view-county-news .col-12 {
      max-width: 400px;
      margin: 0 auto;
    }
  .home-page .carousel-control-next {
      right: -10px;
    }
    .home-page .carousel-control-prev {
      left: -10px;
    }
    .home-page #carouselCards .carousel-control-next {
      right: 25px;
    }
    .home-page #carouselCards .carousel-control-prev {
      left: 25px;
    }
  .home-page .carousel-caption {
    position: relative;
    background-color:#2a4655;
  }
  .home-page .carousel-control-next, .home-page .carousel-control-prev {
    bottom: 20%;
  }
  .home-page .carousel-indicators {
    bottom: -10px;
  }
  .home-page .carousel-caption {
    padding-bottom: 35px;
    padding-right: 50px;
    padding-left: 50px;
  }
  .home-page .view-calendar-month .views-row {
    justify-content: center;
    display: flex;
    flex-direction: column;
    max-width: 350px;
    text-align: center;
    margin: 0 auto;
    padding-right: 0;
  }
  .home-page .ctct-inline-form {
    max-width: 100%;
  }
  .home-page #email_address_1 {
    max-width: unset;
  }
  .home-page #email_address_field_1 {
    flex-direction: column;
    margin:0;
  }
  .home-page .home-newsletter-social {
    padding: 25px;
    padding-bottom: 50px;
  }
  .home-page .view-county-news .col-12 {
    margin-bottom: 25px;
  }
  .home-page .social-box-grid .icon-link-wrap h4 {
    display: none;
  }
  .home-page .big-side-padding > div {
    padding: 10px 2vw 30px 2vw;
  }
  .home-page .more-link a {
    margin-top: 0px;
  }
  .home-page .view-calendar-month .view-content.row {
    padding: 0px 20px;
  }
  .home-page .newsletter-list .views-row img {
    max-width: 45vw;
  }
}

@media screen and (max-width: 450px) {
  #navbar-top .form-row > fieldset, #navbar-top .form-row div {
    max-width: 60vw;
  }
}