/**
 * @file
 * Subtheme specific CSS.
 */

 * {
    font-family: 'Roboto', sans-serif !important;
}
.clear{clear: both;}
#edgetoedge{padding:0 2em; margin:0 auto; width:90%;}

.view-media-kit-view a {color:#fff; text-decoration: none;}
.view-media-kit-view a:hover {color:#fff; text-decoration: underline;}

.parapad{padding:0 1.5em!important; margin-bottom:1.5em;}
.col.cardbase.parapad {
   /* border: 1.5px solid grey;*/
    border-radius: 5px;
    padding: 1.5em !important;
    margin-right: 1em;
    width: 30%;
    background-color: #eee;
}

.col-md-4.col-xs-12.parapad:last-child {
    margin-right:0;
}
.block-field-blocknodepagebody{margin-top:1em;}
 .twofr {
     min-width: 2fr !important;
     width: 2fr !important;
     max-width: 2fr !important;
     flex-grow: 2;
 }

 .form-item-field-county-municipality-target-id select{margin-top:1em;}

.WamEvents{display: flex; padding:0 !important; margin-bottom:0 !important;}
.WamEvents li{flex-grow: 1; list-style: none;  }

.WamEvents li button{padding: 1em;  }

#panelsStayOpen-headingOne{font-weight: bold;   color: #fff; background-color: #804bcb;}
#panelsStayOpen-headingOne button.accordion-button:hover{font-weight: bold;
    color: #804bcb; background-color: #fff;
}
#panelsStayOpen-headingTwo{font-weight: bold;   color: #fff; background-color: #437a00;}
#panelsStayOpen-headingTwo button.accordion-button:hover{font-weight: bold;
    color: #437a00; background-color: #fff;
}
#panelsStayOpen-headingThree{font-weight: bold;  color: #fff; background-color: #DB0084;}
#panelsStayOpen-headingThree button.accordion-button:hover{font-weight: bold;
    color: #DB0084; background-color: #fff;
}
#panelsStayOpen-headingFour{font-weight: bold;  color: #fff; background-color: #cc4c19;}
#panelsStayOpen-headingFour button.accordion-button:hover{font-weight: bold;
    color: #cc4c19; background-color: #fff;
}
#panelsStayOpen-headingFive{font-weight: bold;   color: #fff; background-color: #00818F;}
#panelsStayOpen-headingFive button.accordion-button:hover{font-weight: bold;
    color: #00818F; background-color: #fff;
}
#panelsStayOpen-headingSix{font-weight: bold;   color: #fff; background-color: #00589B;}
#panelsStayOpen-headingSix button.accordion-button:hover{font-weight: bold;
    color: #00589B; background-color: #fff;
}

#wamEventShowcase .accordion-item{border:0 !important;}

#wamEventShowcase{margin-bottom:-1em;}

#panelsStayOpen-collapseOne{color: #fff; background-color: #804bcb;}
#panelsStayOpen-collapseTwo{color: #fff; background-color: #437a00;}
#panelsStayOpen-collapseThree{color: #fff; background-color: #DB0084;}
#panelsStayOpen-collapseFour{color: #fff; background-color: #cc4c19;}
#panelsStayOpen-collapseFive{color: #fff; background-color: #00818F;}
#panelsStayOpen-collapseSix{color: #fff; background-color: #00589B;}

.field--type-entity-reference .field__label{display: none;}
#navbar-main {background-color:#145a85 !important ;}
.navbar-toggler-icon{background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;}

.node__content {margin-top:0 !important;}
.views-field-title a {text-decoration: none;}
.borderrnd{padding: 1em; border-radius: 10px; border: #ccc 1px solid; margin:0 1em 1em 1em; position:relative;}

body{line-height: 1.42857143;}
 header, #navbar-main, footer.site-footer{background-image: url(../images/bkgrd-waves.png)!important;}

 html, body, article, #page {background-color: #fff !important;}
 
 header.header nav.navbar a.navbar-brand, header.header nav.menu--main ul.navbar-nav {/*text-shadow: #000 1px 1px 3px;*/ /*padding: 0 2em;*/ padding:0; } 
 .view-wam-banner-popup .views-field-field-media-image a img{width:100%; height: auto;}
 .navbar-brand, .nav-link{color:#fff !important; font-size: 14px; line-height: 1.95em;}
 .nav-tabs .nav-link{color:#000; }
 #main .nav-tabs .nav-link{color:#000 !important; }

 .fa-brands, .fab { font-family: "Font Awesome 6 Brands" !important;}
 .navbar-brand{vertical-align: middle; font-size: 2.25em; display:contents;}
 #navbar-top {
    background-image: url(../images/bkgrd-waves.png) !important;
}


.page-node-406 .field--name-field-media-image.field--type-image img {width: auto; height: auto;}

.views-field-field-media-re-media .field-content {display: grid; 
    grid-auto-columns: 1fr; 
    grid-template-columns: 1fr 1fr 1fr 1fr; 
    grid-template-rows: 1fr 1fr 1fr; 
    gap: 5px 5px; 
    grid-template-areas: 
      ". . . ."
      ". . . ."
      ". . . ."; }

.block-field-blocknodenewsfield-related-articles .field__items{margin-left:0;}

.path-taxonomy #main-wrapper{width:90%; margin:0 auto;}

.views-row article header {background: none !important;} 

@media (min-width:992px){
    #navbar-top{display: none;}
}

@media (max-width:991px){
    #navbar-top{display: block;}
    .navbar-toggler{display:none;}
    #navbar-top .region-secondary-menu nav.navigation{width:100% !important;}
    #navbar-top .region-secondary-menu nav.navigation li.nav-item {text-align: center;}
    #navbar-top #block-waterfacts-socialmedialinks-3 {width:50% !important; margin:0 auto;}
    #navbar-top #block-waterfacts-socialmedialinks-3 .social-media-links--platforms.platforms.inline.horizontal {text-align: center;}
}

 ul.social-media-links--platforms {
    margin-bottom: 0 !important;
}

.short{width:750px; margin:0 auto;}

.orange-txt.left{text-align: left !important; padding-left: 1em;}

.blue-fp-two button.nav-link::after {    display: inline-block;
    font-family: FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 1;
    font-style: normal;
    font-weight: bold;
    font-variant: normal;
    font-size: 1.25em;
    content: '+';
    margin-left: 1.5625rem;}
.blue-fp-two button.nav-link[aria-expanded="true"]::after {content: '-';}



 /*.navbar-brand::after {content: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' height='35px' viewBox='0 0 576 512'><!--! Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path d='M269.5 69.9c11.1-7.9 25.9-7.9 37 0C329 85.4 356.5 96 384 96c26.9 0 55.4-10.8 77.4-26.1l0 0c11.9-8.5 28.1-7.8 39.2 1.7c14.4 11.9 32.5 21 50.6 25.2c17.2 4 27.9 21.2 23.9 38.4s-21.2 27.9-38.4 23.9c-24.5-5.7-44.9-16.5-58.2-25C449.5 149.7 417 160 384 160c-31.9 0-60.6-9.9-80.4-18.9c-5.8-2.7-11.1-5.3-15.6-7.7c-4.5 2.4-9.7 5.1-15.6 7.7c-19.8 9-48.5 18.9-80.4 18.9c-33 0-65.5-10.3-94.5-25.8c-13.4 8.4-33.7 19.3-58.2 25c-17.2 4-34.4-6.7-38.4-23.9s6.7-34.4 23.9-38.4C42.8 92.6 61 83.5 75.3 71.6c11.1-9.5 27.3-10.1 39.2-1.7l0 0C136.7 85.2 165.1 96 192 96c27.5 0 55-10.6 77.5-26.1zm37 288C329 373.4 356.5 384 384 384c26.9 0 55.4-10.8 77.4-26.1l0 0c11.9-8.5 28.1-7.8 39.2 1.7c14.4 11.9 32.5 21 50.6 25.2c17.2 4 27.9 21.2 23.9 38.4s-21.2 27.9-38.4 23.9c-24.5-5.7-44.9-16.5-58.2-25C449.5 437.7 417 448 384 448c-31.9 0-60.6-9.9-80.4-18.9c-5.8-2.7-11.1-5.3-15.6-7.7c-4.5 2.4-9.7 5.1-15.6 7.7c-19.8 9-48.5 18.9-80.4 18.9c-33 0-65.5-10.3-94.5-25.8c-13.4 8.4-33.7 19.3-58.2 25c-17.2 4-34.4-6.7-38.4-23.9s6.7-34.4 23.9-38.4c18.1-4.2 36.2-13.3 50.6-25.2c11.1-9.4 27.3-10.1 39.2-1.7l0 0C136.7 373.2 165.1 384 192 384c27.5 0 55-10.6 77.5-26.1c11.1-7.9 25.9-7.9 37 0zm0-144C329 229.4 356.5 240 384 240c26.9 0 55.4-10.8 77.4-26.1l0 0c11.9-8.5 28.1-7.8 39.2 1.7c14.4 11.9 32.5 21 50.6 25.2c17.2 4 27.9 21.2 23.9 38.4s-21.2 27.9-38.4 23.9c-24.5-5.7-44.9-16.5-58.2-25C449.5 293.7 417 304 384 304c-31.9 0-60.6-9.9-80.4-18.9c-5.8-2.7-11.1-5.3-15.6-7.7c-4.5 2.4-9.7 5.1-15.6 7.7c-19.8 9-48.5 18.9-80.4 18.9c-33 0-65.5-10.3-94.5-25.8c-13.4 8.4-33.7 19.3-58.2 25c-17.2 4-34.4-6.7-38.4-23.9s6.7-34.4 23.9-38.4c18.1-4.2 36.2-13.3 50.6-25.2c11.1-9.5 27.3-10.1 39.2-1.7l0 0C136.7 229.2 165.1 240 192 240c27.5 0 55-10.6 77.5-26.1c11.1-7.9 25.9-7.9 37 0z'/></svg>"); color:#fff; margin-left:0.5em; width:55px; height:55px; color: "#fff";}*/
 
 /*footer{position: fixed;
     bottom: 0;
 width:100vw;}*/
 
 p{padding:0 5px!important;}

 .col {
    position: relative;
}

 .view-in-the-news .views-field-field-image-media{ float:left !important; margin-right: 2em; margin-left:2em; }

 .view-in-the-news .views-field-field-image-media img{ width: inherit; }
 section.region-footer-second nav#block-waterfacts-footer{width:80%; margin:0 auto;}
 section.region-footer-second ul.flex-row li.nav-item{flex-grow: 1;}
 .col.cardName,
 .row>.col.cardBase {
     min-width: 1fr !important;
     width: 1fr !important;
     max-width: 1fr !important;
     border-radius: 3px;
     margin-bottom: 1em;
     padding: 1em;
     text-align: center;
 }

 .col.cardName:first-child,
 .col.cardBase:first-child {
     margin-right: 0.5em;
 }

 .col.cardName:last-child,
 .col.cardBase:last-child {
     margin-right: 0.5em;
 }

 .col.cardName::not(:first-child):not(:last-child),
 .col.cardBase:not(:first-child):not(:last-child) {
     margin: 0 0.5em;
 }

 .col23{
    flex: 2 0 0%;
 }

 .page-node-405 .block-layout-builder, .page-node-440 .block-layout-builder {
    margin-bottom: 0 !important;
}

.blue-fp-two{padding:2em 0; background-color: #00589B;}
.blue-fp-two ul.nav li.nav-item{width:auto !important; border-radius: 0%; font-size: 1.25em; border:none; display: inline-block; text-align: center; background-color: #40afd5;}
.blue-fp-two ul.nav li.nav-item button:hover {background-color: #00589B; color:#fff; width:100%; text-decoration:none !important;}
.blue-fp-two ul.nav li.nav-item button.nav-link[data-bs-toggle=collapse]:hover {color: #fff !important; text-decoration: none; }
.blue-fp-two ul.nav li.nav-link:after{content: ">"; margin-left:1em; font-weight: 700; color:#fff;}
.blue-fp-two ul.nav li.nav-link[aria-expanded=true]:after{content: " >"; margin-left:1em; display: inline-block; font-weight: 700; color:#fff; transform: rotate(90deg);}
.blue-fp-two .nav .nav-item button {background-color: #00589B; color: #fff; width:100%; font-size:1.1em;}
.blue-fp-two .nav-item button.nav-link[data-bs-toggle=collapse] {color: #fff !important; }
.blue-fp-two .nav .nav-item button:hover {background-color: #fff; color: #fff; width:100%; }
.blue-fp-two .nav-item button.nav-link[data-bs-toggle=collapse]:hover {color: #00589B !important; text-decoration: none; }
.blue-fp-two .card.card-body{background-color:#00589B; color:#fff;}
.blue-fp-two .card {border: 1px solid rgba(255, 255, 255, 0)}

.view-structure-views-mtw-countie-city-selector .btn-primary{ border:1px solid rgba(0, 0, 0, 0);}
.view-structure-views-mtw-countie-city-selector button.btn-primary[data-drupal-selector="edit-reset"]{background-color: #333 !important;}
#views-exposed-form-structure-views-mtw-countie-city-selector-default button[value="Apply"].btn-primary{ background-color:#cc4c19 !important ;}


.table{}

/*.table-responsive.col table thead{background-color: #1e3263; color:#fff;} */

thead th{background-color:#fff !important;}

thead > tr > th {color:#000!important; font-size:1.5em !important; padding:1em !important;}

table td {padding:1em !important; font-size:1.25em !important;}

.table>:not(caption)>*>* { background-color: #fff !important;}

.field--name-field-tags ul.links.field__items li a {font-size:1em !important;}
.field--name-field-tags .field__label, .field--name-field-tags ul.links{font-size:1em !important;}

.navbar-toggler {
    padding: var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x);
    font-size: var(--bs-navbar-toggler-font-size);
    line-height: 1;
    color: #fff;
    background-color: transparent;
    border: var(--bs-border-width) solid var(--bs-navbar-toggler-border-color);
    border-radius: var(--bs-navbar-toggler-border-radius);
    transition: var(--bs-navbar-toggler-transition);
    z-index: 5000;
    margin-right: 0;
    margin-left: auto;
    margin-top: 2em;
}

 @media (max-width:767px) {
    .row {
        flex-direction: column;
    }
}

 .ck.ck-editor__main>.ck-editor__editable:not(.ck-focused) {
     height: 500px !important;
 }
 .ck-rounded-corners .ck.ck-editor__main>.ck-editor__editable, .ck.ck-editor__main>.ck-editor__editable.ck-rounded-corners {
     border-radius: var(--ck-border-radius);
     border-top-left-radius: 0;
     border-top-right-radius: 0;
     height: 500px !important;
 }

.view-in-the-news.view-id-in_the_news.view-display-id-block_1 .view-content.row{position:relative !important; height:auto !important;}

.view-in-the-news.view-id-in_the_news.view-display-id-block_1 .view-content.row .views-row {position:relative !important; height:auto !important; top:auto !important; left:0 !important; }

 .block-layout-builder{margin-bottom:1em;}
 
 .navbar-brand:focus, .navbar-brand:hover, .nav-link:hover {
     color: #fff !important;
     text-decoration: underline !important;
 }
 
 img.image-style-small-news-banner{width:430px; height:215px;}

 .block-views-blockin-the-news-block-2 .views-field-field-image, .block-views-blockin-the-news-block-1 .views-field-field-image, { float:left; margin-right: 2em; margin-left:2em; }
 
 .node--type-page .field--name-title {color: #31a8cc;}

 .form-row>fieldset, .form-row>div {
    padding-right: 5px;
    padding-left: 5px;
    flex: 0 1 auto;
    width: 33%;
    max-width: none;
    float: left;
}

.view-content.row{clear: both;}

.view-id-event_listings table.table {
    background-color: #fff !important;
}

.col-1, .col-2 {max-width: 25% !important;}

.table-responsive {
    margin-top: 1.5em;
}

#edit-submit-event-listings.btn-primary{color: #fff;
    background-color: #5bc0de;
    border-color: #46b8da;
padding: auto 2em;}
#edit-reset.btn-primary{     background-color: #337ab7;
    border-color: #2e6da4;
    padding: auto 2em;}

#edit-actions {margin-top:1.25em;}

.view-id-event_listings table.table tr, .view-id-event_listings table.table td {background-color: #fff; padding:1.5em 0 1.5em 1.5em}
.view-id-event_listings table.table tr{border-top:1.5px solid #d1d1d1 !important;  padding: 1.5em 0 !important; font-size: 1.25em !important; }


.clear{clear: both;}

 .block-views-blockin-the-news-block-2 .views-field-title a, .block-views-blockin-the-news-block-1 .views-row:nth-child(odd) .views-field-title a {color: #cc4c19 !important; font-size: 1.5em; line-height: 1.5em;}

 .block-views-blockin-the-news-block-1 .views-row, .block-views-blockin-the-news-block-2 .views-row{padding:2em;}
 .block-views-blockin-the-news-block-1 .view-display-id-block_1 .row .views-row:nth-child(even){background-color:#cc4c19;}

 .block-views-blockin-the-news-block-1 .views-row .views-field.views-field-view-node{ margin-top:1em;}
 .block-views-blockin-the-news-block-1 .views-row .views-field.views-field-view-node span.field-content {padding:0.5em 1em; background-color:#555; border-radius: 5px;}
 .block-views-blockin-the-news-block-1 .views-row .views-field.views-field-view-node span.field-content:hover{background-color: #cc4c19;}
 .block-views-blockin-the-news-block-1 .views-row:nth-child(even) .views-field.views-field-view-node span.field-content:hover {background-color: #fff;}
 .block-views-blockin-the-news-block-1 .views-row .views-field.views-field-view-node span.field-content a {color:#fff; text-decoration: none; }
 .block-views-blockin-the-news-block-1 .views-row:nth-child(even) .views-field.views-field-view-node span.field-content:hover a {color:#cc4c19;; text-decoration: none; }

 .block-views-blockin-the-news-block-1 .views-row:nth-child(even) .views-field-title a {color: #FFF !important; font-size: 1.5em; line-height: 1.5em;}

 .view.view-in-the-news.view-id-in_the_news.view-display-id-block_1 .view-content.row .views-row {
    display: grid;
        grid-template-columns: repeat(1fr 2fr);
        grid-template-rows: repeat(1fr);
        grid-column-gap: 0px;
        grid-row-gap: 0px;
}

.view.view-in-the-news.view-id-in_the_news.view-display-id-block_1 .view-content.row .views-row .views-field.views-field-field-image-media {
    grid-area: 1 / 1 / 3 / 2;
}

.view.view-in-the-news.view-id-in_the_news.view-display-id-block_1 .view-content.row .views-row .views-field.views-field-title {
    grid-area: 1 / 2 / 2 / 3;
}

.view.view-in-the-news.view-id-in_the_news.view-display-id-block_1 .view-content.row .views-row .views-field.views-field-body {
    grid-area: 2 / 2 / 3 / 3;
}

.WamEvents{display: flex;}


.more-link{margin-top:1.25em; /*float:left; Removed float left, it is now conflicting with mext above it. */ }
.more-link a { padding: 0.5em 0.25em; border-radius: 5px; text-decoration: none; }
.views-row:nth-child(odd) .more-link a { background-color:#cc4c19; color:#fff; border:#fff solid 3px;  }
.views-row:nth-child(even) .more-link a { background-color:#fff; color: #cc4c19; border:#cc4c19 solid 3px;}
.views-row:nth-child(odd) .more-link a:hover {background-color:#fff; color:#cc4c19; text-decoration: none; border:#cc4c19 solid 3px;}
.views-row:nth-child(even) .more-link a:hover { background-color:#cc4c19; color: #fff; text-decoration: none; border:#fff solid 3px;}
.path-frontpage .more-link{margin-left: -3px; } 

.col-12 .views-element-container.block.block-views.block-views-blockslideshow-how-block-1 {display: none;}
 
 
 .block-views-blockin-the-news-block-2 .views-field-view-node a {color: #c32836 !important;
    text-decoration: underline;}


    .node--type-events .field--name-title {
        font-size: 36px;
        font-weight: bold;
        background: none;
        text-transform: uppercase;
        color: #3EB5D7;
        padding: 10px 10px 10px 0;
        width: 75%;
        margin: auto;
        text-align: left;
        margin-top: 0px;
    }

    .node--type-event .block-field-blocknodeeventfield-image .field--name-field-image img {width:100%; height: auto;}

    .node--type-event time.datetime {color: #cc4c19; font-size: 1.25em; font-weight: 700; padding-bottom: 2em;}

    .node--type-event .field--label-inline .field__label { color:#cc4c19; font-weight: 600;}
    .node--type-event .field--label-inline .field__label::after { content: ':';}
    .node--type-event .block.block-layout-builder{margin-bottom:1.5em}

    a.social-media-link-icon--facebook, a.social-media-link-icon--youtube_channel, a.social-media-link-icon--twitter, a.social-media-link-icon--facebook:hover, a.social-media-link-icon--youtube_channel:hover, a.social-media-link-icon--twitter:hover {color:#fff;}

 
 /*#main.container {height: 100vh !important;}*/
 
 .site-footer {
     padding: 5px 0 5px;
     margin-top:1.5em;
 }
 
 .site-footer .block {
     margin: 5px 0;
     border:rgba(0, 0, 0, 0)
 }
 #block-footernewslettersignup{width:100%; text-align: center; border:1px solid red; }
 .btn-submit{background-color: darkorange; color:#fff; margin-left: 2em;}

 
 #block-socialmediafooter .field--name-body, #block-socialmediafooter-2 .field--name-body {display:flex;}
 #block-socialmediafooter .field--name-body img, #block-socialmediafooter-2 .field--name-body img {width:50%;}
 
 section.block{margin-bottom:2em;}
 
 .block-views-blockin-the-news-block h2, .block-views-blockin-the-news-block-2 h2{background-image: url(../images/bkgrd-waves.png)!important; background-color:#145a85 ; padding:0.5em 1em; margin-top:1.1em; color:#fff}
 .block-views-blocktip-and-resources-block-1 h2, .block-views-blocktip-and-resources-block-3 h2, .block-views-blockrelated-block-1 h2, .block-field-blocknodenewsfield-tags h2 {font-size:1.5rem;}

 .view-tip-and-resources .views-field-title:hover, .view-related .views-field-title:hover{background-color: #d1d1d1;}

 .view-tip-and-resources .views-field-title, .view-related .views-field-title{padding:0.25em;}

 .clear{clear:both;}

 .myIsotopeContainer .views-row{
    position: relative;
  float: left;
  width: 240px;
  height: 240px;
  margin: 5px;
  padding: 10px;
 }

 .row.no-gutters .block-inline-blockbasic h2, .row.no-gutters .block-inline-blockbasic h3, .row.no-gutters .block-inline-blockbasic p, .block-views-blockmtw-countie-city-selector-block-1 {margin:0 1em;}

 @media (min-width:2px) and (max-width:1200px) {
    header.header nav.navbar a.navbar-brand, header.header nav.menu--main ul.navbar-nav{padding:0 !important; padding-left:0 !important; padding-right:0 !important;}
    

    .social-media-links--platforms.horizontal li{padding: .2em .1em;}

    .navbar-brand{margin-right:0 !important;}
 }
@media (min-width: 800px) and (max-width:1200px) {
    header.header nav.navbar a.navbar-brand{width:45%;}
    .navbar-brand img.img-fluid.d-inline-block.align-top{width:90%;}
}

 @media (max-width:560px) {
    div.view-content {
        padding: 0 !important;}
        .row{    margin-right: calc(-.55* var(--bs-gutter-x)) !important;
            margin-left: calc(-.55* var(--bs-gutter-x)) !important;
        }
    
        body.page-node-170  .views-field-field-image{float: none;}
        body.page-node-170 .view-in-the-news .views-row {padding:2.5em;}
        
        .navbar-collapse.collapse.show{
            display:block !important;
        }
    
        .row.no-gutters .block-inline-blockbasic .btn.wf-button.orange-btn {margin: 0 1em;}
        .wamevents .col{margin-bottom:1em;}
        .col-md-4.col-xs-12{margin-bottom:1em; padding:0.5em; }
        ul.navbar-nav{float:none !important;}
        nav.menu--main{width:80%; float: none;}
    
        #block-socialmedialinks-2{float: none;}
        main .row{flex-flow: column;}
    
        .site-footer__top .region { width: 100% !important; padding: 0 0.65%;}
    
        .site-footer__top .navbar-nav{width:100% !important; padding:1em 0; }
        .site-footer__top .region:nth-child(2n+1){margin-bottom:1em;}
        .site-footer__top .region:nth-child(2n){margin-top: 4em;
            margin-bottom: 1em;}
    
        .elcontainer .formEl label, .elcontainer .formEl input.btn.btn-submit, input[name="data[email]"] {width:100% !important; margin:0.5em 0}

        .site-footer__top .navbar-nav .nav-item{padding:0 0.25em !important; flex-grow: unset !important;}

        .views-view-grid .views-col{float:none;}
        .views-view-grid .views-col.col-1, .views-view-grid .views-col.col-2, .views-view-grid .views-col.col-3, .views-view-grid .views-col.col-4{width: 100% !important; min-width:100%!important; max-width:100% !important;}

 }

 @media (min-width: 561px) and (max-width: 991px){

    .row{    margin-right: calc(-.55* var(--bs-gutter-x)) !important;
        margin-left: calc(-.55* var(--bs-gutter-x)) !important;
    }

    body.page-node-170  .views-field-field-image{float: none;}
    body.page-node-170 .view-in-the-news .views-row {padding:2.5em;}
    
    .navbar-collapse.collapse.show{
        display:block !important;
    }

    .row.no-gutters .block-inline-blockbasic .btn.wf-button.orange-btn {margin: 0 1em;}
    .wamevents .col{margin-bottom:1em;}
    .col-md-4.col-xs-12{margin-bottom:1em; padding:0.5em; }
    ul.navbar-nav{float:none !important;}
    nav.menu--main{width:80%; float: none;}

    #block-socialmedialinks-2{float: none;}
    
   

    .site-footer__top .region { width: 100% !important; padding: 0 0.65%;}

    .site-footer__top .navbar-nav{width:100% !important; padding:1em 0; }
    .site-footer__top .region:nth-child(2n+1){margin-bottom:1em;}
    .site-footer__top .region:nth-child(2n){margin-top: 4em;
        margin-bottom: 1em;}

    .elcontainer .formEl label, .elcontainer .formEl input.btn.btn-submit, input[name="data[email]"] {width:100% !important; margin:0.5em 0}
}


 @media (min-width:1300px){
    .myIsotopeContainer .row {width:auto; margin:0 auto;}
    
}
 .myIsotopeContainer .button-group.filters-button-group {
    display: flex;
    width:100%;
 }

 @media(max-width:767px){.myIsotopeContainer .button-group.filters-button-group 
    {flex-direction: column;}
    .region-footer-second #block-waterfacts-footer .flex-row{flex-direction: column !important;}
    .site-footer__top .region { height: auto !important;
}
}

@media (min-width: 768px) {
    header nav.navigation {align-items: right!important; justify-content: right!important; width:80% !important;}
}

/* Filterizr Sorter */
.filterizr-control{width:90%; margin:0 auto;}
ul.filterizr-filter{display: flex; flex-direction: row;}
ul.filterizr-filter li {flex-grow:1; list-style: none; padding:1em 0.5em; text-align: center; cursor: pointer;}

ul.filterizr-filter li[data-filter="all"] a { font-weight: bold; color:#00589B; }
ul.filterizr-filter li[data-filter="all"]:hover  { font-weight: bold; color:#fff; background-color: #00589B;}
ul.filterizr-filter li[data-filter="all"]:hover a  { color:#fff;}
ul.filterizr-filter li[data-filter="tid-998"] a { font-weight: bold; color:#804bcb;}
ul.filterizr-filter li[data-filter="tid-998"]:hover { font-weight: bold; color:#fff; background-color:#804bcb;}
ul.filterizr-filter li[data-filter="tid-999"] a { font-weight: bold; color:#437a00;}
ul.filterizr-filter li[data-filter="tid-999"]:hover { font-weight: bold; color:#fff; background-color:#437a00;}
ul.filterizr-filter li[data-filter="tid-1000"] a { font-weight: bold; color:#DB0084;}
ul.filterizr-filter li[data-filter="tid-1000"]:hover { font-weight: bold; color:#fff; background-color:#DB0084;}
ul.filterizr-filter li[data-filter="tid-1001"] a { font-weight: bold; color:#cc4c19;}
ul.filterizr-filter li[data-filter="tid-1001"]:hover { font-weight: bold; color:#fff; background-color:#cc4c19;}
ul.filterizr-filter li[data-filter="tid-1002"] a { font-weight: bold; color:#00818F;}
ul.filterizr-filter li[data-filter="tid-1002"]:hover { font-weight: bold; color:#fff; background-color:#00818F;}
ul.filterizr-filter li[data-filter="tid-1003"] a { font-weight: bold; color:#00589B;}
ul.filterizr-filter li[data-filter="tid-1003"]:hover { font-weight: bold; color:#fff; background-color:#00589B;}
ul.filterizr-filter li[data-filter="all"]:hover a, ul.filterizr-filter li[data-filter="tid-998"]:hover a, ul.filterizr-filter li[data-filter="tid-999"]:hover a, ul.filterizr-filter li[data-filter="tid-1000"]:hover a, ul.filterizr-filter li[data-filter="tid-1001"]:hover a, ul.filterizr-filter li[data-filter="tid-1002"]:hover a, ul.filterizr-filter li[data-filter="tid-1003"]:hover a   { color:#fff;}

 .myIsotopeContainer .button-group.filters-button-group .button {
    flex-grow: 1;
    padding:0.5em 1em; 
    font-size: 1.25em;
    font-weight:500;
    text-align: center;
 }

 .myIsotopeContainer .button-group.filters-button-group .button.basic {
    color:#8148a8 !important;
 }
 .myIsotopeContainer .button-group.filters-button-group .button.basic:hover {
    background-color:#8148a8 !important;
    color: #fff !important;
    text-decoration: none;
 }
 .myIsotopeContainer .button-group.filters-button-group .button.design {
    color:#208367  !important;
 }
 .myIsotopeContainer .button-group.filters-button-group .button.design:hover, .myIsotopeContainer .button-group.filters-button-group .button.design.is-checked {
    background-color:#208367  !important;
    color: #fff !important;
    text-decoration: none;
 }
 .myIsotopeContainer .button-group.filters-button-group .button.events {
    color:#e7b630  !important;
 }
 .myIsotopeContainer .button-group.filters-button-group .button.events:hover, .myIsotopeContainer .button-group.filters-button-group .button.events.is-checked {
    background-color:#e7b630  !important;
    color: #fff !important;
    text-decoration: none;
 }
 .myIsotopeContainer .button-group.filters-button-group .button.environment {
    color:#cc4c19 !important;
 }
 .myIsotopeContainer .button-group.filters-button-group .button.environment:hover, .myIsotopeContainer .button-group.filters-button-group .button.environment.is-checked {
    background-color:#cc4c19 !important;
    color: #fff !important;
    text-decoration: none;
 }
 .myIsotopeContainer .button-group.filters-button-group .button.technology {
    color:#616163  !important;
 }
 .myIsotopeContainer .button-group.filters-button-group .button.technology:hover, .myIsotopeContainer .button-group.filters-button-group .button.technology.is-checked {
    background-color:#616163  !important;
    color: #fff !important;
    text-decoration: none;
 }
 .myIsotopeContainer .button-group.filters-button-group .button.watering {
    color:#3ba684 !important;
 }
 .myIsotopeContainer .button-group.filters-button-group .button.watering:hover, .myIsotopeContainer .button-group.filters-button-group .button.watering.is-checked {
    background-color:#3ba684 !important;
    color: #fff !important;
    text-decoration: none;
 }

 .myIsotopeContainer .views-field-title, .myIsotopeContainer .desc {
    position: absolute;
    bottom: 0px;
    padding: 10px 5px;
    width:209px;
    text-align: center;
 }

.block-field-blocknodemy-town-waterfield-elevation-level{visibility: hidden;}
.myIsotopeContainer .tid-998 .views-field-title, .myIsotopeContainer div[data-category="tid-998"] .desc{background-color:#804bcb !important;}
.myIsotopeContainer .tid-999 .views-field-title, .myIsotopeContainer div[data-category="tid-999"] .desc{background-color:#437a00 !important;}
.myIsotopeContainer .tid-1000 .views-field-title, .myIsotopeContainer div[data-category="tid-1000"] .desc{background-color:#DB0084 !important;}
.myIsotopeContainer .tid-1001 .views-field-title, .myIsotopeContainer div[data-category="tid-1001"] .desc{background-color:#cc4c19 !important;}
.myIsotopeContainer .tid-1002 .views-field-title, .myIsotopeContainer div[data-category="tid-1002"] .desc{background-color:#00818F !important;}
.myIsotopeContainer .tid-1003 .views-field-title, .myIsotopeContainer div[data-category="tid-1003"] .desc{background-color:#00589B !important;}

 .myIsotopeContainer .views-field-title a, .myIsotopeContainer .desc a{
    color:#fff;
    text-decoration: none;
 }
 .myIsotopeContainer .desc a:hover{
    color:#fff;
    text-decoration: underline;
 }

 .myIsotopeContainer .small-image .field--name-field-media-image.field--type-image img {
    width: 100%;
    height: auto;
}
 
 @media (min-width: 560px) and (767px) {
 .node .field--type-image {
     float: left !important;
     margin: 0.5em 0 0 0;
 }}
 
 .navbar-nav .nav-link.active, .navbar-nav .show>.nav-link {
     color: #fff;
     text-decoration: underline;
 }
 
 .page-node-14 .table-striped>tbody>tr:nth-of-type(odd)>* {
     --bs-table-accent-bg: #fff;
     color: #333;
     }
     .page-node-14 .table-striped>tbody>tr:nth-of-type(even)>* {
        --bs-table-accent-bg: #cc4c19;
        color: #fff;
        }
   
     .page-node-14 .table-striped tbody tr:nth-of-type(even) .orange-title a {
       color: #fff;
       }
   
       .page-node-14 tr td, .page-node-14 tr th {
         padding: 2em 2em;
         border: 0px solid rgba(255,255,255,0);
         text-align: left;
     }  
     .page-node-14 tr {
       border-bottom: 0px solid rgba(255, 255, 255, 0);
       padding: 2em;
       background: #efefef;
       background: rgba(255, 255, 255, 0);
   }
 
   .wf-button {
     background-color: #555555 !important;
     border: none;
     color: white !important;
     padding: 15px 20px !important;
     text-align: center;
     text-decoration: none;
     font-size: 18px !important;
     cursor: pointer;
     text-transform: uppercase;
     border-radius: 5px;}

     .orange-btn{background-color: #cc4c19 !important;}

     .cws-map{ background-color: #3EB5D7; color: #fff; padding-left: 40px; padding-right: 40px; padding-bottom: 15px; padding-top:15px; margin-bottom:15px;}


     .cws-map .headline2 {
        color: #fff;
        text-align: center;
        margin-bottom: 1em;
    }

    .cws-map img {border:#fff 3px solid; margin-right:1em;}

    .node-type-my-town-water h2 {
        margin-top: 0px;
        margin-bottom: 20px;
    }

    label[for="edit-field-county-municipality-target-id--2"]{ font-size: 1em;}

    .lightgrey{background-color: #ebebeb; padding:1em 0 0 0;}
    
    h2.headline2 {
        color: #cc4c19;
        text-align: center;
        padding-top: 20px;
        margin-bottom: 0;
        /*text-transform: uppercase; */
        line-height: 1.25em;
        font-weight: bold !important;
    }
    h2.headline2one {
        color: #fff;
        text-align: center;
        padding-top: 20px;
        margin-bottom: 0;
        /*text-transform: uppercase; */
        line-height: 1.25em;
        font-weight: bold;
    }

    h2.headline2two {
        color: #fff;
        text-align: left;
        padding-top: 20px;
        margin-bottom: 0;
        /*text-transform: uppercase;*/
        line-height: 1.25em;
        font-weight: bold;
    }

    .block-field-blocknodemy-town-watertitle{
    background-color: #00818F;
    padding: 30px;text-align: center;
    }

    .field--name-title{
        font-size:36px;
        font-weight: bold;
        background: none;
        text-transform: uppercase;
        color: #fff;
        padding: 10px;
        width: 75%;
        margin: auto;
        text-align: center;
        margin-top: 0px;}

    .block-field-blocknodetopicstitle .field--name-title{
        font-size:36px;
        font-weight: bold;
        background: none;
        text-transform: uppercase;
        color: #1e3263;
        padding: 10px;
        width: 75%;
        margin: auto;
        text-align: center;
        margin-top: 0px;}

        nav .menu--main{width:80%; font-weight: 600;}
        header nav{
            align-items: right;
            justify-content: right;
        }

        #block-socialmedialinks-2{top:0.5em}
        
        header ul.navbar-nav {float:right;}
        article .nav {
            align-items: center;
            justify-content: center;
       
        }

        .block-views-blockmtw-block-2{      margin-bottom: 2em;}

        .card{border:1px solid rgba(255, 255, 255, 0)}

        button.nav-link[data-bs-toggle=collapse] {color:#cc4c19 !important;}
        button.nav-link[data-bs-toggle=collapse]:hover {color:#c42302 !important;}
        button{border:0px solid rgba(255, 255, 255, 0); background-color: #fff;}

        .node--type-my-town-water .block-inline-blockbanner .field--type-image, .node--type-my-town-water .block-inline-blockbanner .field--type-image img, .node--type-my-town-water .block-inline-blockbanner, .node--type-my-town-water .node__content, .block-inline-blockbanner .field--type-image,  .block-inline-blockbanner .field--type-image img, .block-inline-blockbanner, .node--type-basic-page .node__content, .block-inline-blockbanner .field--type-entity-reference{margin:0 !important;     height: auto;
            width: 100%;}

        .block-layout-builder.block-inline-blockbanner .field--name-field-media-image.field--type-image img { width:100% !important; height:auto !important;}
        /*article.node--type-my-town-water .block-inline-blockbanner .field--type-image, article.node--type-my-town-water .block-inline-blockbanner .field--type-image img, article.node--type-my-town-water .block-inline-blockbanner, article.node--type-my-town-water .node__content{margin:0 !important;}*/
        
        .path-frontpage .field--name-field-media-image.field--type-image img {width:100%; height: 100%;}
        
        .field--name-field-media-image.field--type-image img {width:95%; height: 95%; }

        .small-image .field--name-field-media-image.field--type-image img {width:auto; height: auto;}

        #orange p{/*margin-bottom:0 !important;*/}
        .orange-btn svg.ext{fill:#fff;}
        .orange-btn svg.ext path{stroke:#fff;}

        #orange{ padding:2em 0 2em 3em; text-align: left; color: #fff; background-color: #cc4c19; /* text-transform: uppercase;*/  }
        
        #orange1{ padding:0 0 0.5em 0; text-align: left; color: #fff; background-color: #cc4c19; /*text-transform: uppercase; */ }
        
        .padding-three-two#orange1{ padding:0 0 0.5em 0 !important;  /*text-transform: uppercase; */ }

        .video-wrapper{  color:#fff; }
        .video-outreach{ padding:2em 1em !important; }

        .btn-blu, .btn-primary{background-color: #40afd5 !important;}
        .btn-blu:hover{background-color: #fff !important; color:#40afd5; border:1.25px solid #40afd5;}
        a.btn-blu:hover{color:#40afd5!important;}
        .btn-primary{
            border: none;
            color: white !important;
            padding: 15px 20px !important;
            text-align: center;
            text-decoration: none;
            font-size: 18px !important;
            cursor: pointer;
            text-transform: uppercase;
            border-radius: 5px;}

        #orange .card {background-color: #cc4c19 !important; border: 1px solid rgba(0, 0, 0, 0) !important;}
        #orange .card .list-group-item {background-color: #cc4c19;border: 1px solid rgba(0, 0, 0, 0) !important;}

        .page-node-215 .field--name-field-media-image.field--type-image img { width: auto; height: auto;}

        .page-node-215 #cboxContent { background: #d1d1d1; overflow: hidden;}

        .page-node-215 .nav-item .field--name-field-media-image.field--type-image img {
            width: 225px;
            height: auto;
        }

        #purple {    background-color: #804bcb;
            color: #fff;}

         /*#purple.row .col{padding-left:2em;}   */

        .clearfix{clear:both;}

        .image-style-large{clear: both;}

        .text-align-center {
            clear: both;
        }

        .owl-carousel .owl-item{
            display: table-cell;
            float: none;
            vertical-align: middle;}

        .owl-carousel .owl-item img{ width: auto !important; height: auto; margin:auto auto; }

        .owl-carousel .owl-item img{-webkit-filter: grayscale(100%);
            filter: grayscale(100%);
            -webkit-transition: .3s ease-in-out;
            transition: .3s ease-in-out;
            opacity: 0.5; 
        }
        .owl-carousel .owl-item img:hover{ -webkit-filter: grayscale(0%);
            filter: grayscale(0%);
            -webkit-transition: .3s ease-in-out;
            transition: .3s ease-in-out;
            opacity: 1}

        .node--type-announcement .field--name-title, .node--type-news .field--name-title {
            font-size: 36px;
            font-weight: bold;
            background: none;
            text-transform: uppercase;
            color: #26809C;
            padding: 10px 10px 10px 0;
            width: 75%;
            margin: auto;
            text-align: center;
            margin-top: 0px;
        }
        

        #edit-submit-events.btn.btn-primary{background-color: #cc4c19 !important;}
        #edit-submit-events.btn.btn-primary, #edit-reset-events.btn.btn-primary {margin-left:0.5em; padding:0.5em 1em !important;}
        fieldset.js-form-item-field-county-municipality__target-id label{font-size:1.25em; font-weight: 700; }

        .block-field-blocknodeannouncementfield-image img.image-style-scale-and-crop-large {width:95% !important; height:auto;}

        .azmapcounties, .page-node-209 .block-views-blockmtw-countie-city-selector-block-1 {float: left; width:45%; }

        .block-views-blockrelated-articles-block-1 h2, .block-field-blocknodenewsfield-related-articles h2{display: block;
            color: #cc4c19;
            line-height: 1.5em;
            font-size: 1.5em;
        /*(margin-left:-2em !important;*/}
        
            .block-views-blockrelated-articles-block-1 .view-id-related_articles .views-field-title a, .block-field-blocknodenewsfield-related-articles a {color:#c32836 !important;}
            .block-views-blockrelated-articles-block-1 .view-id-related_articles .views-row{ padding-bottom:0.5em;}

        .align-center {
            width: fit-content;
        }

        .align-left {
            margin-right: 0.5em;
        }
        .align-right {
            margin-left: 1em;
        }

        .block-field-blocknodetopicstitl .field--name-title {text-align: center !important;}

        @media (min-width:1580px){
            .purple .align-center img[alt="Text that reads Water Your Facts"], .orange .align-center img[alt="Do We Have Enough?"], .blue-fp .align-center img[alt="Water Builds Our Economy"], .green-fp .align-center img[alt="How Can I Help?"] {
                width: inherit;
                display: block;
                margin: auto auto 2em auto;
            } 
        }

        @media (min-width:1580px){
            .purple .align-center , .orange .align-center , .blue-fp .align-center , .green-fp .align-center  {
                width: 100%;
            } 
        }

        .centertext{text-align: center;}

        .wambanner{margin-top:1.5em;}

        .botcent1{position: absolute; bottom:0; left:0; right:0; margin-top:1.25em;}

        .botcent2{position: absolute; bottom:20px; left:0; right:0; padding-top:1.25em;}

        .botcent{position: relative; left: 0; right: 0; bottom: 0;}
        .botcent:hover{color:#fff; text-decoration: none;}

        .view-display-id-block_1 .views-row:nth-child(even) .views-field-body {
            color:#fff; 
        }

        .blue-fp-one .card {background-color: #00589B !important; border:rgba(0, 0, 0, 0);}
        .blue-fp-one{background-color: #00589B;}

       

        .blue-fp-one h2{color:#fff; text-align: center; padding:2em 0 0 0;}
        .blue-fp-one p {color:#fff; text-align: center;}
        .blue-fp-one p a{color:#fff;}

        .blue-fp-one .nav {gap:1em;}

        .blue-fp-one .nav .nav-item{width:40%; border-radius: 3%; font-size: 1.25em; border:3px solid #fff; display: inline-block; text-align: center; background-color: #40afd5;}
        
        .blue-fp-one .nav .nav-item button {background-color: #00589B; color: #fff; width:100%; font-size:1.1em;}
        .blue-fp-one .nav-item button.nav-link[data-bs-toggle=collapse] {color: #fff !important; }
        .blue-fp-one .nav .nav-item button:hover {background-color: #fff; color: #fff; width:100%; }
        .blue-fp-one .nav-item button.nav-link[data-bs-toggle=collapse]:hover {color: #00589B !important; text-decoration: none; }

        .view-media-kits a {color:#fff;}



        .wamevents.block-layout-builder {margin-bottom:0!important;}
        .eventsli button.nav-link[data-bs-toggle=collapse]{color:#e7b630 !important; font-size: 1.1em;
            text-align: center;
            width: 100%;}
        .designli button.nav-link[data-bs-toggle=collapse]{color:#208367 !important; font-size: 1.1em;
            text-align: center;
            width: 100%;}
        .technologyli button.nav-link[data-bs-toggle=collapse]{color:#555 !important; font-size: 1.1em;
            text-align: center;
            width: 100%;}
        .enviromentli button.nav-link[data-bs-toggle=collapse]{color:#cc4c19 !important; font-size: 1.1em;
            text-align: center;
            width: 100%;}
        .wateringli button.nav-link[data-bs-toggle=collapse]{color:#3ba684 !important; font-size: 1.1em;
            text-align: center;
            width: 100%;}
        .basicsli button.nav-link[data-bs-toggle=collapse]{color:#8148a8 !important; font-size: 1.1em;
            text-align: center;
            width: 100%;}
        .eventsli .cardBack button.nav-link[data-bs-toggle=collapse]{color:#fff !important; font-size: 1.1em;
            text-align: center;
            width: 100%;}
        .designli .cardBack button.nav-link[data-bs-toggle=collapse]{color:#fff !important; font-size: 1.1em;
            text-align: center;
            width: 100%;}
        .technologyli .cardBack button.nav-link[data-bs-toggle=collapse]{color:#fff !important; font-size: 1.1em;
            text-align: center;
            width: 100%;}
        .enviromentli .cardBack button.nav-link[data-bs-toggle=collapse]{color:#fff !important; font-size: 1.1em;
            text-align: center;
            width: 100%;}
        .wateringli .cardBack button.nav-link[data-bs-toggle=collapse]{color:#fff !important; font-size: 1.1em;
            text-align: center;
            width: 100%;}
        .basicsli .cardBack button.nav-link[data-bs-toggle=collapse]{color:#fff !important; font-size: 1.1em;
            text-align: center;
            width: 100%;}

        .eventsli, .designli, .technologyli, .enviromentli, .wateringli, .basicsli {width:16%; font-size: 1.1em; font-weight: 500; text-align: center;}
        .eventsli, .designli, .technologyli, .enviromentli, .wateringli{margin-right:0.15em}
        .basicsli {margin-right:0}

        .cardFront .field--type-image img{margin: 0;}
        .cardFront .field--name-field-media-image.field--type-image img{width:100%!important;}

        .buttonCard{position: relative;
            transition: all 0.5s ease-out;
            transform-style: preserve-3d;}
            
        .cardBack{position: absolute;
            width: 100%;
            height: 100%;
            top:0;
            left:0;
            right:0;
            -webkit-backface-visibility: hidden;
            backface-visibility: hidden;}

        .cardBack{
            /*background-color: rgba(170, 0, 0, .9);*/
            color: white;
            transition: all 0.5s ease-out;
            transition-delay: 0.5s;
            opacity: 0;
            opacity .25s ease-in-out;
            animation-name: fadeInOpacity;
            animation-iteration-count: 1;
            animation-timing-function: ease-out;
            animation-duration: 1.25s;}
        
            .cardBack:hover{
                /*background-color: rgba(255, 255, 255, .3);*/
                color: white;
                transition: all 0.5s ease-out;
                transition-delay: 0.5s;
                opacity: 1;
                opacity .25s ease-in-out;
                animation-name: fadeInOpacity;
                animation-iteration-count: 1;
                animation-timing-function: ease-out;
                animation-duration: 1.25s;}

        .cardButtonText{ display: table-cell;
            vertical-align: middle;
            text-align: left;
        }
        
            .cardButtonText button{padding:0.5em 1em; border:3px solid #fff; border-radius: 10px; background-color:rgba(255, 255, 255, 0.3); }

            .cardButtonText button.nav-link{position:absolute;position: absolute;
                top: 50%;
                left: 50%;
                margin-right: -50%;
                transform: translate(-50%, -50%); width:75% !important}

            .eventsli .cardBack:hover{ background-color:rgba(231, 182, 48, 0.3);}
            .designli .cardBack:hover{ background-color:rgba(130, 180, 95, 0.3);}
            .technologyli .cardBack:hover{ background-color:rgba(85, 85, 85, 0.3);}
            .enviromentli .cardBack:hover{ background-color:rgba(234, 117, 72, 0.3);}
            .wateringli .cardBack:hover{ background-color:rgba(59, 166, 132, 0.3);}
            .basicsli .cardBack:hover{ background-color:rgba(129, 72, 168, 0.3);}

        #eventslg .card{ background-color:#e7b630; color:#fff;  }
        #designlg .card{background-color:#208367; color:#fff;}
        #technologylg .card{background-color:#555 ; color:#fff;}
        #enviromentlg .card{background-color:#cc4c19 ; color:#fff;}
        #wateringlg .card{background-color: #3ba684 ; color:#fff;}
        #basicslg .card{background-color: #8148a8 ; color:#fff;}



        #eventslg .card, #designlg .card, #technologylg .card, #enviromentlg .card, #wateringlg .card, #basicslg .card{border-radius: 0;}

        #eventslg .card table, #designlg .card table, #technologylg .card table, #enviromentlg .card table, #wateringlg .card table, #basicslg .card table, #eventslg .card table a, #designlg .card table a, #technologylg .card table a, #enviromentlg .card table a, #wateringlg .card table a, #basicslg .card table a{color:#fff !important;}
        #eventslg .card table tr th, #designlg .card table tr th, #technologylg .card table tr th, #enviromentlg .card table tr th, #wateringlg .card table tr th, #basicslg .card table tr th {background:rgba(0, 0, 0, 0); border:none; border-bottom:2px solid #fff; font-size: 1.25em; }
        #eventslg .card table tr td, #designlg .card table tr td, #technologylg .card table tr td, #enviromentlg .card table tr td, #wateringlg .card table tr td, #basicslg .card table tr td{border:none;}
        #eventslg .card table tr, #designlg .card table tr, #technologylg .card table tr, #enviromentlg .card table tr, #wateringlg .card table tr, #basicslg .card table tr, #eventslg .card .table-striped tbody tr:nth-of-type(odd), #designlg .card .table-striped tbody tr:nth-of-type(odd), #technologylg .card .table-striped tbody tr:nth-of-type(odd), #enviromentlg .card .table-striped tbody tr:nth-of-type(odd), #wateringlg .card .table-striped tbody tr:nth-of-type(odd), #basicslg .card .table-striped tbody tr:nth-of-type(odd) {background-color:rgba(0, 0, 0, 0);}


        .purple, .orange, .blue-fp, .green-fp  {margin: 0.5em 0.5em 0 0.5em; padding: 0 !important; /*width:95% !important;*/}
        .purple {margin-left:1em;}
        .green-fp {margin-right:1em;}

        .green-fp.no-margin.top-bottom-padding {margin: 0 0 0 0 !important; padding:2em 0 !important;}

        .green-fp h2, .green-fp p{ color:#fff; text-align: center;}

        /*.page-node-228 */ .site-footer{margin-top: 0 !important;}

        .padding-three-two{padding:3em 2em!important;}


        .water-types{background-color: #31a8cc;}
        .water-types button.nav-link[data-bs-toggle=collapse] {
            color: #fff !important;
        }
        .water-types button {
            border: 0px solid rgba(255, 255, 255, 0);
            background-color: #31a8cc;
        }
        .water-types .card.card-body{color:#fff; background-color: #31a8cc;}

        .site-footer__top{display: flex; flex-flow: column; width:100%; text-align: center;}
        .site-footer__top .navbar-nav {
            -ms-flex-direction: column;
            flex-direction: row;
            width: 40%; margin: 0 auto;
        }

        .site-footer__top .navbar-nav .nav-item {
            padding:0.5em 1em; font-size:1em !important;
            text-align: center;
            flex-grow:1;
            font-weight: 500;
        }

        .site-footer__top .region {
            height: 50px;
        }

        .site-footer {
            padding: 20px 0 50px!important;
        }

        .elcontainer .formEl label{color:#fff; font-size: 1.25em; font-weight: 500;}
        .elcontainer .formEl label[name="data[email]"] {width:300px}
        .elcontainer .formEl input.btn.btn-submit{background-color: #cc4c19; color: #fff; }

        @media (min-width: 851px){ .site-footer__top .region { width: 100% !important; padding: 0 0.65%;}

    }

        @media (min-width: 560px){
.node .field--type-image {
    float: none;
    margin: 0;
}}

@media (max-width:560px){

    .path-frontpage div.node__content {margin-top:2em !important;}

    div.view-content{padding:0 2em;}

    .row{--bs-gutter-x:0 !important;}

    .col {
        flex-shrink: 0 !important;
        margin: 0 auto !important;
        padding: 0 !important;
        width: 100%;
        position: relative;
        flex:none !important;
    }

    .col.purple, .col.orange, .col.blue-fp, .col.green-fp{width:75%;}


    .purple, .orange, .blue-fp, .green-fp  {margin-bottom: 1em !important;}

    img.image-style-small-news-banner {
        width: 100%;
        height: auto;
    }

    header ul.navbar-nav {
      float: none;
    }

    header.header nav.navbar a.navbar-brand, header.header nav.menu--main ul.navbar-nav{
        padding: 0 !important;
    }

}

.views_slideshow_pager_field.views-slideshow-pager-field-processed{display: flex;}

.views_slideshow_pager_field_item{ flex-direction: column; margin-right:1rem;}

.views_slideshow_pager_field_item:last-child{padding-right:0;}

.views_slideshow_pager_field_item.active{border-bottom:5px #cc4c19 solid}

.views_slideshow_pager_field_item .field__item img {width: 125px !important; height: 125px !important;}

.views-element-container.contextual-region.block.block-views.block-views-blockslideshow-how-block-1{display: none;}

#ulflex{display: flex;}

#resourceflex{flex-grow: 1; flex-wrap: nowrap; padding:0 0.5em}

#views_slideshow_cycle_teaser_section_-default_2{margin:0 auto;}

.views_slideshow_cycle_teaser_section{width: 1050px !important; margin:0 auto;}

.views_slideshow_pager_field.views-slideshow-pager-field-processed {
    width: 600px;
    margin: 0 auto;
}


#blue-btn {
    background-color: #00589B !important;
    border: 5px solid #00589B;
}

#blue-btn:hover { background-color: #fff !important; color: #00589B !important;}
a.wp-button:hover {color:#00589B;}

.bottom-padding-wam {
    padding-bottom: 5em !important;
}

#transp-btn {
    background: none;
    
    color: white !important;
    padding: 15px 20px !important;
    text-align: center;
    text-decoration: none;
    font-size: 18px !important;
    cursor: pointer;
    text-transform: uppercase;
    border-radius: 5px;
    margin:0 10px;
}

#transp-btn1 {
    background: none;
    
    color: white !important;
    padding: 15px 20px !important;
    text-align: center;
    text-decoration: none;
    font-size: 18px !important;
    cursor: pointer;
    text-transform: uppercase;
    border-radius: 5px;
    margin:0 10px;
}



#transp-btn svg.ext{fill:#fff;}
#transp-btn svg.ext path{stroke:#fff;}

#transp-btn:hover, .mtw-results .views-field-title.btn.btn-info:hover {
    background: #fff;
    color: #00589B !important;
}

.blue-fp  .card-body{background-color: #00589B; border:0 solid rgba(0, 0, 0, 0)}

.blue-fp  .card-body .field--name-field-media-image.field--type-image img{width:auto !important; height:auto !important;}
.indentfromright {margin-right:12em;}

.col.fivepx{margin-left:7px;}

@media (max-width:768px) {
    #transp-btn {
    background: none;
    
    color: white !important;
    padding: 15px 20px !important;
    text-align: center;
    text-decoration: none;
    font-size: 18px !important;
    cursor: pointer;
    text-transform: uppercase;
    border-radius: 5px;
    margin:0 auto 1em 20%;
}
#transp-btn1 {
    background: none;
    
    color: white !important;
    padding: 15px 20px !important;
    text-align: center;
    text-decoration: none;
    font-size: 18px !important;
    cursor: pointer;
    text-transform: uppercase;
    border-radius: 5px;
    margin:0 auto 0 20%;
}
.wf-button{
    width:100%;
}
.form-item-field-county-municipality-target-id select {
    width: 300px;
    padding: 1em;
}

#views-exposed-form-structure-views-mtw-countie-city-selector-default button[value="Apply"].btn-primary {

    width: 300px;
}

.form-item-field-county-municipality-target-id select {
    width:300px;
    padding:1em 0;
    text-align: center;
}

}