/*
 Theme Name:   Calwater 2024
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Inclind, Inc.
 Author URI:   https://inclind.com
 Template:     generatepress
 Version:      0.1
*/

body {
  font-size: 16px;
  line-height: 1.6875;
}

body {
  --primary-blue: #003592;
  --dark-blue: #003592;
  --primary-yellow: #ffd200;
  --dark-brown: #2a2723;
  --light-blue: #81ccdd;
  --grey: #a5acb0;
  --orange: #ffa12d;
  --white: #ffffff;
  --light-grey: #eff3fa;
  --red: #a01321;
  --gold: #f5cf47;
  --green: #0a6803;
  --wp--preset--font-size--small: 0.875rem;
  --wp--preset--font-size--medium: 1rem;
  --wp--preset--font-size--large: 1.125rem;
  --wp--preset--font-size--x-large: 1.25rem;
}

body.location-dropdown-open {
  overflow-y: hidden;
}

/* Dynamic background color classes */
.bg-primary-blue {
  background-color: var(--primary-blue);
}

.bg-dark-blue {
  background-color: var(--dark-blue);
  color: white;
}

.bg-primary-yellow {
  background-color: var(--primary-yellow);
}

.bg-dark-brown {
  background-color: var(--dark-brown);
}

.bg-light-blue {
  background-color: var(--light-blue);
}

.bg-grey {
  background-color: var(--grey);
}

.bg-orange {
  background-color: var(--orange);
}

.bg-white {
  background-color: var(--white);
}

.bg-light-grey {
  background-color: var(--light-grey);
}

.bg-red {
  background-color: var(--red);
}

.bg-gold {
  background-color: var(--gold);
}

.bg-green {
  background-color: var(--green);
}

html body {
  width: 100vw;
  overflow-x: hidden;
}

body,
button,
input,
select,
textarea {
  font-family: Arial, sans-serif;
}

input,
select,
textarea,
.form-group {
  border-radius: 5px;
}

main a:hover {
  color: var(--dark-blue);
  text-decoration: underline;
}

small {
  line-height: 1.5;
  display: inline-block;
}

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

.w-100 {
  width: 100%;
}

.mb-0 {
  margin-bottom: 0;
}

.mt-2 {
  margin-top: 2em;
}

.btn-disabled {
  background-color: #6c757d;
  border-color: #6c757d;
  color: #fff;
  opacity: 0.65;
  cursor: not-allowed;
  pointer-events: none;
}

.btn-disabled:hover {
  background-color: #6c757d;
  border-color: #6c757d;
  color: #fff;
}

.toolset-view-no-results {
  display: none;
}

.tb-heading a {
  text-decoration: none;
}

/* Accessibility */
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

#wqReport_frm_frm1 label {
  width: 100%;
  display: inline-block;
  margin: 0;
}

#wqReport_frm_frm1 .btn-primary {
  margin: 0.5rem 0 0;
  min-height: 56px;
}

#wpv-view-layout-12766 label {
  font-weight: 700;
  margin: 1rem 0 0;
  display: inline-block;
  color: var(--dark-brown);
}

.js-wpv-filter-form-12789 .wpv-custom-search-filter-submit .wpv-submit-trigger {
  margin-top: 0 !important;
}

#adviceletters_frm_formpart1 .form-group {
  margin-top: 2em;
}

form.js-wpv-filter-form-12766 .form-group,
form.js-wpv-filter-form-12789 .form-group {
  flex-direction: column !important;
  justify-self: flex-start !important;
  align-items: flex-start !important;
}

form.js-wpv-filter-form-12789 .wpv-custom-search-filter-submit,
form.js-wpv-filter-form-12766 .wpv-custom-search-filter-submit {
  margin-top: 1.5rem;
}

/* Responsive Styles */
/* Hide element */
.d-none {
  display: none !important;
}

/* Block display */
.d-block {
  display: block !important;
}

/* Inline display */
.d-inline {
  display: inline !important;
}

/* Inline-block display */
.d-inline-block {
  display: inline-block !important;
}

/* Flex display */
.d-flex {
  display: flex !important;
}

.flex-wrap {
  flex-wrap: wrap;
}

.grid-container {
  max-width: 1180px !important;
}

/* Responsive display for small devices and up */
@media (min-width: 680px) {
  .d-sm-none {
    display: none !important;
  }

  .d-sm-block {
    display: block !important;
  }

  .d-sm-inline {
    display: inline !important;
  }

  .d-sm-inline-block {
    display: inline-block !important;
  }

  .d-sm-flex {
    display: flex !important;
  }
}

/* Responsive display for medium devices and up */
@media (min-width: 768px) {
  .d-md-none {
    display: none !important;
  }

  .d-md-block {
    display: block !important;
  }

  .d-md-inline {
    display: inline !important;
  }

  .d-md-inline-block {
    display: inline-block !important;
  }

  .d-md-flex {
    display: flex !important;
  }

  .text-md-right,
  .text-md-right * {
    text-align: right !important;
  }
}

@media (min-width: 1025px) {
  .d-menu-none {
    display: none !important;
  }
}

/* Responsive display for large devices and up */
@media (min-width: 1025px) {
  .d-lg-none {
    display: none !important;
  }

  .d-lg-block {
    display: block !important;
  }

  .d-lg-inline {
    display: inline !important;
  }

  .d-lg-inline-block {
    display: inline-block !important;
  }

  .d-lg-flex {
    display: flex !important;
  }
}

/* Responsive display for extra-large devices and up */
@media (min-width: 1200px) {
  .d-xl-none {
    display: none !important;
  }

  .d-xl-block {
    display: block !important;
  }

  .d-xl-inline {
    display: inline !important;
  }

  .d-xl-inline-block {
    display: inline-block !important;
  }

  .d-xl-flex {
    display: flex !important;
  }
}

/* Responsive display for extra-extra-large devices and up */
@media (min-width: 1400px) {
  .d-xxl-none {
    display: none !important;
  }

  .d-xxl-block {
    display: block !important;
  }

  .d-xxl-inline {
    display: inline !important;
  }

  .d-xxl-inline-block {
    display: inline-block !important;
  }

  .d-xxl-flex {
    display: flex !important;
  }
}

@media only screen and (max-width: 768px) {
  .site-content {
    padding: 0 10px;
  }
}

.has-large-font-size {
  font-size: 1.25rem !important;
}

.has-x-large-font-size {
  font-size: 1.5rem !important;
}

@media only screen and (min-width: 768px) {
  .has-large-font-size {
    font-size: 1.5rem !important;
  }

  .has-x-large-font-size {
    font-size: 1.75rem !important;
  }
}

@media only screen and (min-width: 1200px) {
  .has-x-large-font-size {
    font-size: 2rem !important;
  }

  .has-large-font-size {
    font-size: 1.75rem !important;
  }
}

.site-content {
  /* flex-wrap: wrap; */
  padding: 0 20px;
}

.d-mobile-open-block {
  display: none !important;
}

.mobile-menu-open .d-mobile-open-block {
  display: block !important;
}

/* Layout Styles */

.p-4 {
  padding: 1.5rem;
}

/* Base styles for stacking on small screens */
.layout-container {
  display: block;
  width: 100%;
}

.column-1-3,
.column-2-3 {
  width: 100%;
  padding: 0 1rem 2rem 0;
  display: flex;
  flex-direction: column;
}

/* Media query for screens larger than 1024px */
@media (min-width: 768px) {
  .layout-container {
    display: flex;
    position: relative;
  }

  .column-1-3 {
    width: 33.33%;
    /* 1/3 width */
  }

  .column-2-3 {
    width: 66.66%;
    /* 2/3 width */
  }
}

/* Custom Directory Display Settings */
/* .custom-path-active #primary-menu > ul > li > ul > li > ul > li {
  margin-bottom: 1rem;
}

.custom-path-active #primary-menu > ul > li {
  position: relative;
}

.custom-path-active #primary-menu > ul > li + li + li + li + li ul {
  right: 0;
  left: auto;
}

.custom-path-active #primary-menu > ul > li > ul {
  width: auto !important;
  flex-direction: column;
  padding: 2rem 2rem 0;
  transform: none !important;
  position: absolute;
  min-width: 400px;
  left: auto !important;
}

.custom-path-active .site-header #primary-menu li a,
.custom-path-active .site-header #primary-menu li button {
  font-weight: bold;
}

.custom-path-active .show-for-custom-path {
  display: block !important;
}

.custom-path-active .hide-for-custom-path {
  display: none !important;
}

body:not(.custom-path-active) .show-for-custom-path {
  display: none !important;
}

body:not(.custom-path-active) .hide-for-custom-path {
  display: block !important;
} */

.post-footer-tagline {
  border-top: solid thin rgba(0, 0, 0, 0.2);
  padding: 0.75rem 0 0.25rem;
  margin-top: 0.75rem;
}

@media (min-width: 768px) {
  .post-footer-tagline {
    padding: 1.5rem 0 0.5rem;
    margin-top: 1.5rem;
  }

  .two-col-nav ul,
  ul.two-col-nav {
    column-count: 2;
    display: inline-block;
    width: 100%;
  }
}

/* GP Overrides */

main#main {
  margin: 20px 0 0;
  width: 100%;
}

.separate-containers .inside-article {
  padding: 40px 0 0 0;
}

@media only screen and (min-width: 1024px) {
  .separate-containers .inside-article {
    padding: 0;
    position: relative;
  }
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="number"],
textarea,
select {
  border-color: #000000;
  border-radius: 5px;
  min-height: 54px;
}

#ratetariff_frm_frm1 select {
  max-width: calc(100vw - 3rem);
}

#ratetariff_frm_formsuc h3 {
  font-size: 1rem;
}

main input[type="search"] {
  min-height: 54px;
}

button,
input {
  border-radius: 5px;
}

button:hover,
html input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
a.button:hover,
button:focus,
html input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
a.button:focus,
a.wp-block-button__link:not(.has-background):active,
a.wp-block-button__link:not(.has-background):focus,
a.wp-block-button__link:not(.has-background):hover {
  background-color: inherit !important;
  color: inherit !important;
}

.yspl_win_title {
  display: none;
}

header .inside-header {
  padding: 0.625rem 1rem 1.2rem 1.2rem;
}

/* Header Styles */
.site-logo {
  margin-right: 2rem;
}

/* Lists In Columns */
.gb-container ul {
  margin: 0 0 1.5em 2.75em;
}

.site-branding-container .site-description {
  max-width: 245px;
}

.site-description {
  color: var(--primary-blue);
  font-family: Raleway;
  font-size: 1.5rem;
  font-weight: 700;
}

.site-header .header-image {
  width: 6.75rem;
  max-width: 6.75rem;
}

@media only screen and (min-width: 1024px) {
  .location-change-button {
    padding: 0.5rem 0 !important;
    transform: translateY(0rem);
  }

  .location-change-button:focus {
    outline-offset: 3px;
  }
}

.location-change-button span.header-district {
  white-space: nowrap;
  text-overflow: ellipsis;
  /* width: 164px; */
  /* line-height: 1; */
  /* display: inline-block; */
  overflow: hidden;
}

.location-change-button:hover {
  color: var(--primary-blue) !important;
}

.location-change-button:hover svg {
  fill: var(--primary-blue) !important;
}

@media (max-width: 850px) {
  html:not(.mobile-menu-open) button.link-like.location-change-button {
    display: none;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  html:not(.mobile-menu-open) button.link-like.location-change-button {
    max-width: 220px;
  }
}

@media (min-width: 992px) and (max-width: 1024px) {
  html:not(.mobile-menu-open) button.link-like.location-change-button {
    max-width: 400px;
  }
}

.site-branding-container {
  display: flex;
  flex-grow: 1;
}

@media (max-width: 1024px) {
  .site-branding {
    display: none;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  html:not(.mobile-menu-open) body button.link-like.location-change-button {
    display: flex;
    justify-content: center;
  }

  .site-branding {
    display: none;
  }
}

@media (min-width: 1025px) {
  .main-navigation {
    width: 100%;
  }
}

@media (min-width: 1025px) and (max-width: 1100px) {
  .site-header #primary-menu > ul > li > a {
    font-size: 15px !important;
    margin-right: 1.5rem !important;
  }
}

@media (min-width: 1120px) {
  .main-navigation {
    padding-left: 3rem;
  }
}

.menu-item-has-children .dropdown-menu-toggle {
  padding-left: 2px;
  padding-right: 2px;
  pointer-events: none;
}

a[aria-current="page"] {
  text-decoration: underline !important;
  font-weight: bold !important;
}

.site-header a:not(.gb-button) {
  font-size: 1rem;
  text-decoration: none;
  color: var(--dark-brown);
  /* font-weight: bold; */
}

.site-header a:not(.gb-button):hover {
  color: var(--primary-blue);
}

/* Mobile Header Styles */

@media only screen and (max-width: 1024px) {
  .mobile-fixed-buttons {
    width: 100%;
  }

  .location-change-button {
    display: block;
    width: 100%;
    text-align: left;
    padding: 0.3rem 0;
    padding: 0;
    color: var(--dark-brown);
    font-size: 1rem;
    display: flex;
    width: 100%;
    flex-wrap: nowrap;
    justify-content: space-between;
  }

  /*
  a.fixed-mobile-btn,
  button.fixed-mobile-btn {
    position: fixed;
    bottom: 0;
    border: none;
    width: 50%;
    height: 5rem;
    border-radius: 0 !important;
    display: flex !important;
    justify-content: center;
    align-items: center;
    font-weight: 700;
    box-shadow: 0px 0px 10px 0px rgba(55, 55, 55, 0.25);
    z-index: 100000;
    display: none !important;

  } */

  /* .mobile-menu-open a.fixed-mobile-btn,
  .mobile-menu-open button.fixed-mobile-btn {
    display: flex !important;
  } */

  /* .login-btn {
    left: 0;
    background: var(--light-grey);
    color: var(--dark-brown);
  } */
  /*
  a.fixed-mobile-btn {
    right: 0;
  } */

  nav.main-navigation .inside-navigation {
    width: 100%;
    display: flex;
    max-width: 32rem;
  }

  .mobile-menu-control-wrapper {
    margin-left: 0;
  }

  body.mega-menu-primary .mobile-menu-control-wrapper button.menu-toggle {
    display: block !important;
  }

  body.mega-menu-primary nav.main-navigation button.menu-toggle {
    /* display: none !important; */
  }

  .toggled #mega-menu-wrap-primary {
    display: block !important;
  }
}

/* Mega Menu */
#mega-menu-wrap-primary
  #mega-menu-primary
  > li.mega-menu-megamenu
  > ul.mega-sub-menu {
  box-shadow: 0px 0px 10px 0px rgba(55, 55, 55, 0.25);
  padding: 2rem 1.625rem;
}

/* Mega Menu Panel */
.sub-menu .menu-item-object-yspl_win .yspl-widget-area,
.district-sidebar .widget {
  background-color: var(--light-grey) !important;
  margin: 0 0 1rem !important;
  padding: 1rem 0.75rem 0.5rem;
  border-radius: 0 10px !important;
  position: relative;
  height: auto;
}

.sub-menu .menu-item-object-yspl_win:not(:last-child) .yspl-widget-area:hover,
.district-sidebar .widget:not(.no-hover):hover {
  box-shadow: 0px 0px 15px 0px rgba(124, 124, 124, 0.68);
}

.sub-menu .menu-item-object-yspl_win .yspl-widget-area:hover h2 {
  text-decoration: underline;
}

.sub-menu .menu-item-object-yspl_win .yspl-widget-area h2 a,
.district-sidebar .widget h2 a,
.district-sidebar .widget h2 {
  color: var(--primary-blue);
  font-size: 1.125rem !important;
  font-weight: 700;
  margin: 0 0 0.5rem;
  /* text-decoration-line: underline; */
}

.sub-menu .menu-item-object-yspl_win .yspl-widget-area a:before,
.district-sidebar .widget a:not(.inner-link):before {
  position: absolute !important;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.district-addresses td span {
  display: block !important;
}

.district-sidebar .widget:hover a {
  color: var(--primary-blue);
  margin: 0.5rem 0 0;
}

.district-sidebar a:focus {
  color: var(--primary-blue);
}

.sub-menu .menu-item-object-yspl_win:last-child .yspl-widget-area {
  background-color: transparent !important;
}

.yspl_win_wrap {
  display: block;
}

.sub-menu .social-footer-menu a {
  background-color: var(--light-grey);
  margin: 0 1rem 0 0 !important;
  width: 2.75rem !important;
  height: 2.75rem !important;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100%;
  padding: 0.5rem !important;
}

.sub-menu .social-footer-menu a:hover {
  background-color: var(--light-blue);
}

.sub-menu .menu-item-object-yspl_win .yspl-widget-area h2 {
  color: var(--primary-blue);
  /* Large Paragraph Bold */
  font-family: Arial;
  font-size: 1.125px;
  font-style: normal;
  font-weight: 700;
  line-height: 29px;
  margin-bottom: 0;
}

.main-navigation ul ul {
  float: none;
  left: 0;
}

.link-like svg {
  transform: translateY(3px);
  margin-right: 0.2rem;
}

/**************************************************************** mobile menu ********************************/
.mobile-menu-open nav#site-navigation {
  background: white !important;
  left: 0;
  top: 0;
  margin-top: 0;
  scroll-padding: 10rem 0;
}

@media (max-width: 1024px) {
  .mobile-menu-open body,
  .mobile-menu-open {
    height: 100vh;
    overflow: hidden;
  }

  .mobile-menu-open nav#site-navigation {
    position: fixed;
    top: 0;
    z-index: 100000;
    height: 100vh;
    overflow: auto;
    padding-bottom: 5rem;
    margin-top: 0 !important;
    padding-top: 1rem;
    width: 100vw;
  }
}

@media (min-width: 680px) and (max-width: 1024px) {
  .mobile-menu-open .show-mobile-expanded {
    display: block;
  }
}

@media (max-width: 1024px) {
  html:not(.mobile-menu-open) .mobile-order-0 {
    display: none !important;
  }

  .menu-item-object-yspl_win {
    display: none;
  }

  #main-navigation .gp-icon svg {
    width: 1.6rem;
    height: 1.6rem;
  }

  .main-navigation.toggled .main-nav ul ul {
    visibility: visible !important;
    border-bottom: none;
    margin: 0.5rem 0 0;
  }

  .main-navigation.toggled .main-nav ul ul ul {
    padding: 0 0.5rem;
  }

  .site-header #primary-menu ul > li > ul > li > a {
    margin-right: 0 !important;
    padding: 1rem 0;
    margin-bottom: 0.6rem;
  }

  .site-header #primary-menu > ul > li > ul > li > ul > li > ul > li > a {
    padding: 0.2rem 0;
  }

  #primary-menu > ul > li > a {
    padding: 0.7rem 0 !important;
    margin-right: 0 !important;
    font-weight: 700;
  }

  #primary-menu > ul > li:not(.sfHover) > a,
  #primary-menu button {
    border-bottom: solid 1px var(--grey) !important;
    border-radius: 0;
  }

  #primary-menu > ul > li > ul > li > ul > li > ul > li > a {
    margin-bottom: 1rem;
  }

  .site-header #primary-menu ul > li > ul > li > a {
    padding: 0.5rem 0;
  }

  .mobile-order-0 {
    width: 100%;
  }
}

@media (max-width: 1024px) {
  .mobile-order-0 {
    display: flex !important;
    order: 0 !important;
  }

  .mobile-order-2 {
    /* order: 2; */
  }

  .mobile-fixed-button-left,
  .mobile-fixed-button-right {
    width: 50%;
  }

  .mobile-fixed-button-left,
  .mobile-fixed-button-right {
    position: fixed;
    bottom: 0;
    z-index: 1000000;
  }

  .mobile-fixed-button-left {
    left: 0;
  }

  .mobile-fixed-button-right {
    right: 0;
  }
}

.mobile-fixed-buttons {
  display: none !important;
}

.mobile-menu-open .mobile-fixed-buttons {
  display: block !important;
}

/**************************************************************** desktop ********************************/
#primary-menu {
  width: 100%;
}

#primary-menu button {
  background-color: transparent;
  font-weight: 700;
  color: var(--dark-brown);
  padding: 0.7rem 0;
  width: 100%;
  text-align: left;
  border-radius: 0;
}

#primary-menu button:focus,
#primary-menu button:active {
  border: solid 2px black !important;
}

@media (min-width: 1024px) {
  #primary-menu > ul > li > ul {
    width: calc(100vw - 2.5rem) !important;
    left: 0 !important;
    position: absolute;
    left: 50% !important;
    transform: translate(-50%, 0) !important;
    display: flex;
    box-shadow: 0px 0px 10px 0px rgba(55, 55, 55, 0.25);
    background-color: white;
    padding: 2.125rem 1.75rem 0;
    display: none;
  }

  #primary-menu > ul > li > ul > li > ul > li {
    margin-bottom: 3.5rem;
  }

  #primary-menu > ul > li > ul > li > ul > li.menu-item-type-yspl_win {
    margin-bottom: 0;
  }

  #primary-menu > ul > li > a {
    padding: 0.7rem 0;
    border-bottom: solid 2px transparent;
  }

  #primary-menu > ul > li:hover > ul,
  #primary-menu > ul > li > ul[aria-hidden="false"] {
    display: flex !important;
    opacity: 1 !important;
    height: auto !important;
  }

  #primary-menu > ul > li:hover > a,
  #primary-menu > ul > li.current-menu-parent > a,
  #primary-menu > ul > li.current-menu-ancestor > button,
  #primary-menu > ul > li.current-menu-parent > button,
  #primary-menu > ul > li:hover > a[aria-current="page"],
  #primary-menu > ul > li:hover > button {
    text-decoration: none !important;
    color: var(--primary-blue) !important;
    border-bottom: solid 2px var(--primary-blue);
    font-weight: 700;
  }
}

@media (min-width: 1250px) {
  #primary-menu > ul > li > ul {
    width: 1200px !important;
  }
}

#primary-menu > ul {
  /* background-color: rgb(146, 146, 146) !important; */
}

#primary-menu > ul > li {
  padding-bottom: 0.5rem;
  position: static;
}

#primary-menu > ul > li > ul > li > ul > li > h2 {
  border-bottom: solid 2px var(--primary-yellow);
  font-family: Arial;
  font-size: 14px;
  display: inline-block;
  font-style: normal;
  font-weight: 700;
  line-height: 21px;
  text-transform: uppercase;
  text-decoration: none !important;
  margin-bottom: 0.5rem;
}

#primary-menu > ul > li > ul > li > ul > li > a .dropdown-menu-toggle {
  display: none;
}

.main-navigation .dialog-content ul {
  display: block;
}

@media only screen and (min-width: 1024px) {
  nav ul ul .menu-item-has-children .dropdown-menu-toggle {
    display: none;
  }
}

#primary-menu > ul > li > ul > li > ul {
  /* background-color: rgb(123, 123, 123) !important; */
}

#primary-menu > ul > li > ul > li > ul > li > ul {
  /* background-color: rgb(99, 99, 99) !important; */
  overflow: visible !important;
  display: block;
}

#primary-menu > ul > li > ul > li > ul > li > ul > li > a:hover {
  text-decoration: underline;
  color: var(--primary-blue);
}

.main-navigation:not(.toggled) ul ul li.sfHover > ul,
.main-navigation:not(.toggled) ul ul li:hover > ul {
  left: 0 !important;
}

.main-navigation ul ul ul {
  width: 100% !important;
}

.main-navigation ul ul ul li a,
.main-navigation ul ul ul {
  padding: 0;
}

.nav-float-right .main-navigation ul ul ul {
  position: relative;
  display: inline-block;
  opacity: 1;
  height: auto;
  width: auto !important;
  box-shadow: none;
  pointer-events: all !important;
}

/* Mobile Header Styles */
@media (max-width: 1024px) {
  #primary-menu > ul > li > ul[aria-hidden="false"] {
    display: block !important;
    opacity: 1 !important;
    height: auto !important;
    position: relative;
  }

  #primary-menu > ul > li > ul[aria-hidden="true"] {
    display: none;
  }

  #primary-menu > ul > li > ul[aria-hidden="false"] {
    display: block;
  }

  .search-submit {
    /* text-indent: -9999px; */
    background: url("data:image/svg+xml,%3Csvg width='17' height='17' viewBox='0 0 17 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13 6.5C13 7.9375 12.5312 9.28125 11.75 10.3438L15.6875 14.3125C16.0938 14.6875 16.0938 15.3438 15.6875 15.7188C15.3125 16.125 14.6562 16.125 14.2812 15.7188L10.3125 11.75C9.25 12.5625 7.90625 13 6.5 13C2.90625 13 0 10.0938 0 6.5C0 2.9375 2.90625 0 6.5 0C10.0625 0 13 2.9375 13 6.5ZM6.5 11C8.96875 11 11 9 11 6.5C11 4.03125 8.96875 2 6.5 2C4 2 2 4.03125 2 6.5C2 9 4 11 6.5 11Z' fill='%232A2723'/%3E%3C/svg%3E%0A");
    background-size: 1.5em 1.5em;
    background-repeat: no-repeat;
    border: none;
    cursor: pointer;
    width: 2.5rem;
    height: 2.5rem;
    padding: 0;
    position: relative;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    background-position: center center;
    top: 3.5rem;
  }

  .search-submit svg {
    display: none;
  }

  .search-field {
    padding-right: 3em;
    /* Make room for the button inside the input field */
    /* Add any other styling for the search field */
  }

  .search-form {
    position: relative;
    /* Set position relative to allow the absolute positioning of the button */
  }

  form.search-form {
    width: 100%;
  }

  form.search-form input.search-field {
    padding-right: 1.5rem;
    /* padding-right: 5rem; */
    width: 100%;
    border-radius: 5px;
  }

  #primary-menu {
    padding: 0 1.5rem;
    order: 0;
  }

  .main-navigation .menu-toggle,
  .mobile-menu-control-wrapper,
  .mobile-menu-open button.menu-toggle.mobile-close-toggle {
    display: block !important;
    flex-grow: 0;
    padding: 0 0.25rem;
  }

  .mobile-menu-open button.menu-toggle.mobile-close-toggle {
    font-size: 2.3rem;
    padding: 0;
  }

  .main-navigation ul,
  .gen-sidebar-nav,
  .main-navigation:not(.slideout-navigation):not(.toggled) .main-nav > ul,
  .has-inline-mobile-toggle
    #site-navigation
    .inside-navigation
    > *:not(.navigation-search):not(.main-nav) {
    display: none;
  }
}

@media (min-width: 1024px) {
  .main-navigation .menu-toggle,
  .mobile-menu-control-wrapper {
    display: none;
  }

  .site-header #primary-menu li a {
    /* font-weight: 700; */
  }
}

.site-header #primary-menu > ul > li > a[aria-current="page"] {
  text-decoration: none !important;
  color: var(--dark-blue);
}

.site-header #primary-menu li a,
.site-header #primary-menu li button {
  font-family: Arial;
  font-size: 16px;
  font-style: normal;
  line-height: 27px;
  padding-left: 0;
  padding-bottom: 0.5rem;
}

body.nav-float-right #site-navigation {
  margin-left: 0;
}

.main-navigation.sub-menu-right .menu-toggle {
  display: none !important;
}

header.site-header {
  z-index: 10;
  background-color: transparent;
}

@media only screen and (min-width: 768px) {
  header.site-header {
    background-color: #f0f2fae6;
  }
}

.mobile-menu-control-wrapper .menu-toggle {
  background-color: transparent !important;
}

.mobile-menu-control-wrapper .menu-toggle .gp-icon svg {
  height: 2.2rem;
  width: 2.2rem;
  top: 0.725em;
  position: relative;
  fill: currentColor;
}

.site-header #primary-menu .submenu li a {
  padding: 0;
}

@media (max-width: 1024px) and (min-width: 769px) {
  .inside-header {
    display: flex;
    flex-direction: row;
    align-items: center;
    flex-wrap: wrap;
  }
}

.main-navigation,
.main-navigation ul ul {
  background-color: transparent;
}

@media (max-width: 768px) {
  .mobile-menu-open
    .has-inline-mobile-toggle
    #site-navigation
    .inside-navigation
    > .gb-container:not(.mobile-order-0) {
    /* display: block !important; */
    /* order: 5; */
  }
}

/* Change the mobile menu breakpoint */
@media (max-width: 1024px) {
  /* Change 1024px to your desired width */
  .main-navigation .menu-toggle {
    display: block;
    /* Show the mobile menu toggle button */
  }

  .main-navigation ul {
    display: none;
    /* Hide the desktop menu */
  }

  .main-navigation.toggled ul {
    display: block;
    /* Display the mobile menu when toggled */
  }

  .navigation-branding {
    display: none;
    /* Hide desktop branding if necessary */
  }
}

/* Reset the default 768px breakpoint behavior */
@media (min-width: 768px) {
  .main-navigation .menu-toggle {
    display: none;
    /* Hide mobile menu toggle on larger screens */
  }

  .main-navigation ul {
    display: flex;
    justify-content: space-between;
    /* Show the desktop menu */
  }
}

@media (min-width: 768px) {
  .rpv-microsite .main-navigation ul {
    justify-content: start;
    /* Show the desktop menu */
  }

  .rpv-microsite .main-navigation ul li a {
    margin: 0 2rem 0 0;
  }
}

/* Homepage Buttons */
@media (max-width: 768px) {
  .role-list .gb-button {
    min-height: 90px;
  }
}

/* Button Styles */
a:focus {
  color: var(--dark-blue);
}

.gb-button {
  border-radius: 5px;
  transition: all 0.3s;
}

.gb-button:hover {
  transition: all 0.3s;
  text-decoration: underline;
}

.gb-button:focus,
a:focus {
  outline-offset: 3px;
  outline: solid 3px var(--primary-blue);
}

/* FAQs */

.help-template-default a[aria-current="true"] {
  background-color: #e8ecf3 !important;
  padding-left: 0.25rem;
  padding-right: 0.25rem;
  color: var(--primary-blue) !important;
}

.faqs-filters form {
  margin: 0 0 2rem;
  justify-content: center;
  display: flex;
}

@media only screen and (min-width: 768px) {
  .faqs-filters form input[type="submit"] {
    margin: 2.5rem 0 1rem !important;
    height: 56px !important;
  }
}

@media only screen and (max-width: 768px) {
  .faqs-filters
    .wp-block-toolset-views-custom-search-container
    .wpv-custom-search-filter {
    margin-top: 0;
  }

  .faqs-filters form {
    flex-direction: column;
  }

  .faqs-filters form input,
  .faqs-filters form select {
    flex: 0 0 100%;
    margin: 1rem 0;
    width: 100%;
  }

  .faqs-filters form .form-group {
    flex-direction: column !important;
    align-items: flex-start !important;
    width: 100% !important;
  }

  .faq-filters
    .wpv-custom-search-filter-label-top
    .wpv-custom-search-filter__input,
  .faqs-filters .wpv-custom-search-filter__input {
    width: 100%;
  }
}

/* Detail Accordions */
summary::-webkit-details-marker {
  display: none;
}

details.wp-block-details {
  margin: 1rem 0 0;
  overflow: visible;
  padding: 2rem 0 0;
}

details.wp-block-details .wp-block-table table {
  max-width: 99%;
}

details.wp-block-details + details.wp-block-details {
  border-top: solid thin var(--dark-brown);
}

details:focus,
details summary:focus {
  outline: 3px solid var(--dark-blue);
  /* Customize the outline */
  outline-offset: 3px;
  /* Add spacing between the outline and the element */
}

details.wp-block-details summary {
  list-style: none;
  display: flex;
  width: 100%;
  justify-content: flex-start;
  align-items: center;
  color: var(--primary-blue);
  font-family: Arial;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  margin-bottom: 1rem;
}

details > p details > .gb-container {
  margin-left: 60px;
}

details > .gb-container p {
  margin-left: 0;
}

details ul {
  margin-left: 72px !important;
}

details > .gb-container ul {
  margin: 0 0 2rem 2rem !important;
}

details summary {
  margin-left: 0;
}

details p {
  margin-bottom: 1.5rem !important;
}

/* Add custom marker (plus sign) when collapsed */
details.wp-block-details summary::before {
  content: " ";
  background-color: var(--dark-brown);
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url("data:image/svg+xml,%3Csvg width='21' height='20' viewBox='0 0 21 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 1.75V8.5H18.75C19.5469 8.5 20.25 9.20312 20.25 10C20.25 10.8438 19.5469 11.5 18.75 11.5H12V18.25C12 19.0938 11.2969 19.75 10.5 19.75C9.65625 19.75 9 19.0938 9 18.25V11.5H2.25C1.40625 11.5 0.75 10.8438 0.75 10C0.75 9.20312 1.40625 8.5 2.25 8.5H9V1.75C9 0.953125 9.65625 0.25 10.5 0.25C11.2969 0.25 12 0.953125 12 1.75Z' fill='white'/%3E%3C/svg%3E%0A");
  color: #fff;
  width: 2.75rem;
  height: 2.75rem;
  margin: 0 1rem 0 0;
  display: inline-block;
  border-radius: 9999px;
  flex: 0 0 2.75rem;
}

/* Change marker to minus sign when details are expanded */
details.wp-block-details:hover summary::before {
  background-color: var(--gold);
  background-image: url("data:image/svg+xml,%3Csvg width='21' height='20' viewBox='0 0 21 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 1.75V8.5H18.75C19.5469 8.5 20.25 9.20312 20.25 10C20.25 10.8438 19.5469 11.5 18.75 11.5H12V18.25C12 19.0938 11.2969 19.75 10.5 19.75C9.65625 19.75 9 19.0938 9 18.25V11.5H2.25C1.40625 11.5 0.75 10.8438 0.75 10C0.75 9.20312 1.40625 8.5 2.25 8.5H9V1.75C9 0.953125 9.65625 0.25 10.5 0.25C11.2969 0.25 12 0.953125 12 1.75Z' fill='%232A2723'/%3E%3C/svg%3E%0A");
}

details.wp-block-details[open] summary::before {
  content: " ";
  background-image: url("data:image/svg+xml,%3Csvg width='21' height='4' viewBox='0 0 21 4' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.25 2C20.25 2.84375 19.5469 3.5 18.75 3.5H2.25C1.40625 3.5 0.75 2.84375 0.75 2C0.75 1.20312 1.40625 0.5 2.25 0.5H18.75C19.5469 0.5 20.25 1.20312 20.25 2Z' fill='%232A2723'/%3E%3C/svg%3E%0A");
  background-color: var(--gold);
  color: var(--dark-brown);
}

/* Reusable Classes */

.alignfull {
  margin: 0 calc(50% - 50vw);
  max-width: 100vw;
  width: 100vw;
}

.main-contact {
  margin: 2rem 0;
}

.district-wrapper th span,
.stylized-h3 {
  font-size: 0.875rem;
  font-weight: 700;
  border-bottom: solid thin var(--gold);
  text-transform: uppercase;
  display: inline-block;
  font-family: "Raleway";
}

.stylized-h3 {
  margin-bottom: 0.5rem;
}

.unstyled-list,
.news-article-district-sidebar ul,
.advice-letters-view ul {
  list-style: none;
  margin: 0 !important;
  padding: 0;
}

.news-article-district-sidebar ul {
  display: flex;
}

.stylized-list {
  list-style: none;
  margin: 0 !important;
  padding: 0;
}

.stylized-list li {
  background: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 8C0 3.59375 3.5625 0 8 0C12.4062 0 16 3.59375 16 8C16 12.4375 12.4062 16 8 16C3.5625 16 0 12.4375 0 8ZM7.53125 11.7812L10.7812 8.53125C11.0625 8.25 11.0625 7.78125 10.7812 7.46875L7.53125 4.25C7.21875 3.9375 6.75 3.9375 6.46875 4.25C6.15625 4.53125 6.15625 5 6.46875 5.3125L9.1875 8.03125L6.46875 10.75C6.15625 11.0312 6.15625 11.5 6.46875 11.7812C6.75 12.0938 7.21875 12.0938 7.53125 11.7812Z' fill='%232A2723'/%3E%3C/svg%3E%0A")
    top 0.375rem left no-repeat;
  padding: 0 0 0.75rem 1.5rem;
}

@media only screen and (min-width: 768px) {
  .sticky-container {
    position: sticky;
    top: 1rem;
    height: auto;
  }
}

.no-box-shadow {
  box-shadow: none !important;
}

.bg-black {
  background-color: var(--dark-brown);
}

.no-decoration,
.no-decoration a {
  text-decoration: none;
}

.custom-bs {
  box-shadow: 0px 0px 15px 0px rgba(124, 124, 124, 0.68);
}

.custom-br,
.custom-br img {
  border-radius: 0 20px;
  /* max-width: 310px; */
  object-fit: cover;
}

.custom-br-hover img:focus {
  outline: solid 3px var(--primary-blue);
  outline-offset: 3px;
}

.custom-br-hover {
  position: relative;
}

.custom-br-hover .gb-block-image {
  /* background: url("data:image/svg+xml,%3Csvg width='359' height='228' viewBox='0 0 359 228' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.03539 138V200.5C1.53539 209 6.13539 226 28.5354 226H95.5354' stroke='%2381CCDD' stroke-width='4' stroke-linecap='round'/%3E%3Cpath d='M356.5 66.5L356.5 27.5C357 19 352.4 2.00001 330 2.00001L263 2' stroke='%2381CCDD' stroke-width='4' stroke-linecap='round'/%3E%3Ccircle cx='101' cy='226' r='2' fill='%2381CCDD'/%3E%3Ccircle cx='107' cy='226' r='2' fill='%2381CCDD'/%3E%3C/svg%3E%0A") center center no-repeat;
  background-size: contain; */
  margin-bottom: 1.5rem;
  text-align: center;
  position: relative;
  z-index: 1;
}

.custom-br-hover .gb-block-image:before,
.custom-br-hover .gb-block-image:after {
  background: url("data:image/svg+xml,%3Csvg width='98' height='69' viewBox='0 0 98 69' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M95.4998 66.5L95.4998 27.5C95.9998 19 91.3998 2.00001 68.9998 2.00001L1.99976 2' stroke='%2381CCDD' stroke-width='4' stroke-linecap='round'/%3E%3C/svg%3E%0A")
    top right 5px no-repeat;
  text-align: center;
  position: absolute;
  width: 94px;
  height: 65px;
  content: "";
  z-index: -1;
}

.custom-br-hover .gb-block-image:before {
  top: 0;
  right: 0;
}

/* before */
/* background-image: url("data:image/svg+xml,%3Csvg width='109' height='92' viewBox='0 0 109 92' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.03539 2V64.5C1.53539 73 6.13539 90 28.5354 90H95.5354' stroke='%2381CCDD' stroke-width='4' stroke-linecap='round'/%3E%3Ccircle cx='101' cy='90' r='2' fill='%2381CCDD'/%3E%3Ccircle cx='107' cy='90' r='2' fill='%2381CCDD'/%3E%3C/svg%3E%0A"); */

.custom-br-hover .gb-block-image:after {
  bottom: 0;
  left: 0;
  width: 150px;
  height: 137px;
  background: url("data:image/svg+xml,%3Csvg width='109' height='92' viewBox='0 0 109 92' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.03539 2V64.5C1.53539 73 6.13539 90 28.5354 90H95.5354' stroke='%2381CCDD' stroke-width='4' stroke-linecap='round'/%3E%3Ccircle cx='101' cy='90' r='2' fill='%2381CCDD'/%3E%3Ccircle cx='107' cy='90' r='2' fill='%2381CCDD'/%3E%3C/svg%3E%0A")
    bottom left 7px no-repeat;
}

.custom-br-hover img {
  transition: all 0.2s ease-in-out;
  width: 100%;
}

.custom-br-hover:hover img {
  transition: all 0.2s ease-in-out;
}

.clickable-card:not(.icon-tile):hover img {
  transition: all 0.2s ease-in-out;
  transform: scale(0.9);
  /* padding: 4px; */
}

.dual-card-layout .custom-br-hover .gb-block-image:before {
  background: url("data:image/svg+xml,%3Csvg width='98' height='69' viewBox='0 0 98 69' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M95.4998 66.5L95.4998 27.5C95.9998 19 91.3998 2.00001 68.9998 2.00001L1.99976 2' stroke='%2381CCDD' stroke-width='4' stroke-linecap='round'/%3E%3C/svg%3E%0A")
    top right 10px no-repeat;
}

.dual-card-layout .custom-br-hover .gb-block-image:after {
  background: url("data:image/svg+xml,%3Csvg width='109' height='92' viewBox='0 0 109 92' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.03539 2V64.5C1.53539 73 6.13539 90 28.5354 90H95.5354' stroke='%2381CCDD' stroke-width='4' stroke-linecap='round'/%3E%3Ccircle cx='101' cy='90' r='2' fill='%2381CCDD'/%3E%3Ccircle cx='107' cy='90' r='2' fill='%2381CCDD'/%3E%3C/svg%3E%0A")
    bottom left 9px no-repeat;
}

.dual-card-layout .clickable-card:not(.icon-tile):hover img {
  transform: scale(0.925);
}

.clickable-card:hover {
  cursor: pointer;
  /* background-color: white; */
}

.clickable-card:focus {
  outline: solid 3px var(--primary-blue);
  outline-offset: 3px;
}

/* Sidebar Tiles */
.blue-sidebar-tile a:focus {
  outline: solid 2px white;
  outline-offset: 2px;
}

.yellow-sidebar-tile {
  outline: solid 2px white;
  outline-offset: 2px;
}

/* Page Navigation */
@media only screen and (max-width: 768px) {
  .page-navigation ul {
    justify-content: flex-start;
    text-align: left;
    align-items: baseline;
    flex-direction: column;
    padding: 0 1rem;
  }
}

.page-navigation ul {
  margin: 0;
  justify-content: space-evenly;
}

.page-navigation ul li a {
  font-weight: 700;
  padding: 1rem 0;
}

.page-navigation > nav > ul > li > a:hover {
  color: var(--dark-blue) !important;
  text-decoration: underline;
}

/* District Section */
.district-wrapper table thead th {
  padding: 0;
}

.district-wrapper p,
.district-wrapper address {
  margin: 0 0 1rem;
  font-size: 1.125rem;
}

.district-wrapper table {
  text-align: left;
}

article h4 {
  margin: 0;
}

article h4 a {
  font-family: Arial;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  text-decoration: none;
  line-height: 29px;
}

.district-wrapper table * {
  border: none;
}

.district-wrapper table td {
  padding: 1rem 1rem 0 0;
  vertical-align: top;
}

.district-wrapper table td + td,
.district-wrapper table th + th {
  padding-left: 2rem;
}

.district-addresses h3 {
  margin: 0 0 0.5rem;
}

.district-addresses h3 a:hover {
  color: #002b75;
}

.district-addresses h3 a {
  font-family: Arial;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 29px;
  text-decoration: none;
}

.district-addresses {
  display: flex;
  flex-wrap: wrap;
  max-width: 1200px;
}

.district-addresses address {
  font-style: normal;
}

.district-addresses section {
  width: 100%;
  margin-bottom: 2rem;
}

@media only screen and (min-width: 768px) {
  .district-addresses section {
    margin-bottom: 4rem;
    width: 50%;
  }
}

/* Gravity Form Confirmation Style */
div#gform_confirmation_wrapper_9 {
  background: #013593;
  color: white;
  padding: 2rem 1rem;
  font-weight: bold;
  line-height: 1.2;
  border-radius: 5px;
}

/* Sidebar Navigation */
.sidebar-navigation nav ul {
  margin: 0.5rem 0 0 0.5rem;
  gap: 0;
  list-style: none;
}

.sidebar-navigation nav ul li a {
  padding: 0.5rem 0;
}

.sidebar-navigation nav ul li a:hover {
  color: var(--dark-blue) !important;
  text-decoration: underline;
}

.sidebar-navigation nav ul .wp-block-navigation-submenu {
  display: block;
}

.sidebar-navigation nav ul ul {
  height: auto !important;
  min-width: 200px !important;
  opacity: 1 !important;
  overflow: visible !important;
  visibility: visible !important;
  width: auto !important;
  border: none !important;
  position: relative !important;
  margin: 0;
}

.sidebar-navigation nav ul ul a {
  padding-left: 1rem;
}

.sidebar-navigation nav ul button {
  display: none !important;
}

/* Call to Actions */

#LocatePaymentCenter_frm_frm1 .form-submit {
  flex: 0 0 100%;
  width: 100%;
}

#LocatePaymentCenter_frm_frm1 .formErrorContent {
  padding: 1rem;
  border-radius: 5px;
}

#LocatePaymentCenter_frm_frm1 .formError.inline,
#LocatePaymentCenter_frm_frm1 .field-error,
#LocatePaymentCenter_frm_frm1 .formErrorContent {
  width: 100%;
  font-size: 1rem;
}

.formError .formErrorContent,
.formError .formErrorContent a {
  color: white;
  background-color: var(--red);
}

.blackPopup .formErrorContent {
  color: white;
  background-color: var(--dark-brown);
}

.greenPopup .formErrorContent {
  color: white;
  background-color: var(--green);
}

#form-validation-field-0,
#form-validation-field-0 select,
#LocatePaymentCenter_frm_frm1 .zip-code input {
  width: 200px;
}

#LocatePaymentCenter_frm_frm1 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding-top: 2rem;
  max-width: 800px;
  margin: 0 auto;
  justify-content: center;
}

#LocatePaymentCenter_frm_frm1 > .district,
#LocatePaymentCenter_frm_frm1 > .zip-code {
  flex: 0 0 50%;
  padding: 0 1rem 0 0;
}

#LocatePaymentCenter_frm_frm1 > .zip-code {
  padding: 0 0 0 1rem;
}

#LocatePaymentCenter_frm_frm1 > .district select,
#LocatePaymentCenter_frm_frm1 > .zip-code input {
  width: 100%;
}

@media only screen and (max-width: 768px) {
  #LocatePaymentCenter_frm_frm1 .zip-code input {
    margin: 0.5rem 2rem 0.5rem 0;
  }

  #LocatePaymentCenter_frm_frm1 .district,
  #LocatePaymentCenter_frm_frm1 select,
  #LocatePaymentCenter_frm_frm1 .zip-code,
  #LocatePaymentCenter_frm_frm1 .zip-code input,
  #LocatePaymentCenter_frm_btn_continue {
    width: 100%;
  }

  #LocatePaymentCenter_frm_frm1 > .zip-code {
    padding-left: 0;
  }

  #LocatePaymentCenter_frm_frm1 .zip-code {
    margin-top: 1rem;
  }

  #LocatePaymentCenter_frm_frm1 {
    flex-direction: column;
  }
}

#LocatePaymentCenter_frm_frm1 > .district {
  padding-right: 0;
}

.btn-pd-sm {
  padding: 1rem;
}

#al-district-label {
  display: inline-block;
  width: 100%;
}

#adviceletters_frm_frm1 select {
  width: 100%;
}

#adviceletters_frm_frm1 .btn-primary {
  margin: 2rem auto 0;
  display: block;
  width: 280px;
}

.advice-letters-container {
  margin: 0 auto;
  width: 600px;
  display: block;
}

.al-effective-container {
  margin: 0.5rem 0;
}

@media only screen and (min-width: 1024px) {
  .advice-letters-view .tb-grid .tb-grid-column {
    flex: 0 0 60%;
    padding-right: 1rem;
  }

  .advice-letters-view .tb-grid .tb-grid-column + .tb-grid-column {
    flex: 0 0 40%;
    padding-right: 0;
  }

  .advice-letters-view .tb-grid {
    display: flex;
  }
}

#adviceletters_frm_frm1 table td,
#adviceletters_frm_frm1 table {
  border: none !important;
}

#adviceletters_frm_frm1 tr:hover {
  background: white;
}

.gform_button,
.btn-primary,
.btn-white {
  display: inline-block;
  font-size: 1.125rem;
  font-weight: 700;
  text-align: center;
  padding: 0.45rem 2rem !important;
  margin-top: 24px;
  margin-bottom: 24px;
  border-radius: 5px;
  background-color: var(--gold) !important;
  color: var(--dark-brown) !important;
  text-decoration: none;
  white-space: normal;
}

form .btn-primary {
  min-height: 3.5rem;
}

body .gform_button:hover,
body .btn-primary:hover,
body .btn-primary:focus {
  background-color: #e6c03b !important;
}

.btn-white {
  border: solid thin var(--grey) !important;
  text-decoration: none;
  background-color: white !important;
}

body .btn-white:hover,
body .btn-white:focus {
  background-color: #eaeaea !important;
}

.cta-btn-yellow {
  color: var(--dark-brown) !important;
}

.cta-btn-yellow:focus {
  outline: 3px solid #003592 !important;
  outline-offset: 5px;
}

@media only screen and (max-width: 768px) {
  .home .cta-btn-yellow,
  .home .cta-btn-yellow:focus,
  .home .cta-btn-yellow:hover {
    /* background-color: transparent !important;
    padding-left: 0 !important; */
  }
}

.start-service-btn.active,
.stop-service-btn.active {
  border: solid 5px var(--light-blue);
}

.start-service-container:not(.show),
.stop-service-container:not(.show) {
  display: none;
}

/* Information CTA Tile */
.information-cta-tile {
  padding: 15px;
  margin-bottom: 20px;
  border-top-left-radius: 0px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom: 10px solid var(--base);
  background-color: #eff3fa;
}

.information-cta-tile ul {
  list-style: none;
  margin: 0 !important;
  padding: 0 0 0 0.5rem;
}

.information-cta-tile ul li {
  background: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 8C0 3.59375 3.5625 0 8 0C12.4062 0 16 3.59375 16 8C16 12.4375 12.4062 16 8 16C3.5625 16 0 12.4375 0 8ZM7.53125 11.7812L10.7812 8.53125C11.0625 8.25 11.0625 7.78125 10.7812 7.46875L7.53125 4.25C7.21875 3.9375 6.75 3.9375 6.46875 4.25C6.15625 4.53125 6.15625 5 6.46875 5.3125L9.1875 8.03125L6.46875 10.75C6.15625 11.0312 6.15625 11.5 6.46875 11.7812C6.75 12.0938 7.21875 12.0938 7.53125 11.7812Z' fill='%232A2723'/%3E%3C/svg%3E%0A")
    top 0.375rem left no-repeat;
  padding: 0 0 0.75rem 1.5rem;
}

.information-cta-tile ul li a:hover {
  color: var(--dark-blue);
  text-decoration: underline;
}

/* Icon Tiles */
.icon-tile a {
  text-decoration: none;
}

.icon-tile:hover {
  box-shadow: 0px 0px 15px 0px rgba(124, 124, 124, 0.68);
}

/* Tables */

/* Payment Options */

.table-bordered.payment-options,
.table-bordered.payment-options > tbody > tr > td,
.table-bordered.payment-options > tfoot > tr > td,
.table-bordered.payment-options > thead > tr > td {
  border: 1px solid #f9f9f9;
}

.table-bordered.payment-options > tbody > tr > th,
.table-bordered.payment-options > tfoot > tr > th,
.table-bordered.payment-options > thead > tr > th {
  border: 1px solid #7e99aa;
}

.table-bordered.payment-options > thead > tr > th {
  text-align: center;
  vertical-align: middle;
}

.table-bordered.payment-options > tbody > tr > th {
  border-bottom: 1px solid #f9f9f9;
}

.table.payment-options > tbody > tr > td,
.table.payment-options > tfoot > tr > td,
.table.payment-options > thead > tr > td {
  border-right: 1px solid #7e99aa;
  text-align: center;
}

.payment-options th {
  color: #003492;
}

.payment-options th {
  color: #003492;
}

.table-bg-color1 {
  background-color: #7e99aa;
}

.table-bg-color2 {
  background-color: #ffd200;
}

.table-bg-color3 {
  background-color: #0096db;
}

.table-bg-color4 {
  background-color: #81ccdd;
}

.table-bg-color5 {
  background-color: #ffa12d;
}

.table-bg-color-white {
  background-color: #fff;
}

.table-bg-color-gray {
  background-color: #f2f2f2;
}

.payment-options > tbody > tr > td.table-bt-color1,
.payment-options > tbody > tr > th.table-bt-color1 {
  border-bottom: #7e99aa solid 10px;
}

.payment-options > tbody > tr > td.table-bt-color2,
.payment-options > tbody > tr > th.table-bt-color2 {
  border-bottom: #ffd200 solid 10px;
}

.payment-options > tbody > tr > td.table-bt-color3,
.payment-options > tbody > tr > th.table-bt-color3 {
  border-bottom: #0096db solid 10px;
}

.payment-options > tbody > tr > td.table-bt-color4,
.payment-options > tbody > tr > th.table-bt-color4 {
  border-bottom: #81ccdd solid 10px;
}

.payment-options > tbody > tr > td.table-bt-color5,
.payment-options > tbody > tr > th.table-bt-color5 {
  border-bottom: #ffa12d solid 10px;
}

.cap-form-show-text {
  min-height: 29px;
  display: flex;
  align-items: center;
}

table {
  /* border: none; */
}

#mega-menu-wrap-primary
  #mega-menu-primary
  > li.mega-menu-megamenu
  > ul.mega-sub-menu {
  width: 1200px !important;
  position: fixed;
  left: 50%;
  transform: translateX(-50%);
}

@media only screen and (max-width: 1200px) {
  #mega-menu-wrap-primary
    #mega-menu-primary
    > li.mega-menu-megamenu
    > ul.mega-sub-menu {
    width: 100vw !important;
  }
}

@media only screen and (max-width: 1024px) {
  .wp-block-table .has-fixed-layout {
    table-layout: fixed;
    width: auto;
  }

  .wp-block-table {
    overflow-x: auto;
    overflow-y: hidden;
    border-collapse: collapse;
    font-family: Arial, sans-serif;
    background-color: #fff;
    display: block;
    white-space: nowrap;
    max-width: calc(100vw - 2.5rem);
  }
}

.wp-block-table {
  margin: 2rem 0;
  width: 100%;
  margin-bottom: 1.5em;
}

.wp-block-table thead {
  border: none;
}

.wp-block-table th,
.wp-block-table td,
.wp-block-table tfoot {
  text-align: left;
  /* border: none; */
}

/* Header Styles */
.wp-block-table th {
  background-color: #fff;
  color: #333;
  font-weight: bold;
  text-align: left;
}

/* Centered Text */
.wp-block-table th.has-text-align-center,
.wp-block-table td.has-text-align-center {
  text-align: center;
}

/* Body Row Styles */

.district-wrapper table,
.district-wrapper table td,
.district-wrapper table th {
  border: none !important;
}

table th {
  text-align: left;
}

table td {
  vertical-align: top;
}

table {
  background-color: white;
}

table,
td,
th {
  border: 1px solid rgba(0, 0, 0, 0.1) !important;
}

.inside-navigation {
  position: static;
}

/* .wp-block-table tbody tr:nth-child(even),
table tbody tr:nth-child(even) {
  background-color: #fafafa;
} */

.wp-block-table tbody tr:hover,
table tbody tr:hover {
  background-color: #fafafa;
}

/* Footer Styles */
footer .gb-container ul {
  margin: 1rem 0;
}

.wp-block-table tfoot td {
  background-color: #fff;
  color: #333;
  font-weight: bold;
}

/* Responsive Table */
@media (max-width: 768px) {
  .wp-block-table th,
  .wp-block-table td {
    font-size: 14px;
    padding: 10px;
  }
}

.top-swoosh-background {
  background: url("data:image/svg+xml,%3Csvg width='1282' height='165' viewBox='0 0 1282 165' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1282 0H0V92.5C339 222.5 987.287 159.082 1282 39.5V0Z' fill='white'/%3E%3C/svg%3E%0A")
    top center no-repeat;
  background-size: 100%;
  padding-top: 12vw;
}

.top-swoosh-background a.gb-button:focus {
  outline: solid 3px white;
  outline-offset: 3px;
}

.top-swoosh-background a.gb-button:focus {
  outline: solid 3px var(--dark-blue);
  outline-offset: 3px;
}

/* Dialog */
.yspl_win_widget_nav {
  position: relative;
}

.dialog-container {
  box-shadow: 0px 0px 10px 0px rgba(55, 55, 55, 0.25);
}

.dialog-container .search-submit {
  background-color: var(--primary-yellow);
  color: var(--dark-brown);
}

.dialog-container .dialog-close svg {
  width: 1rem;
}

.dialog-container .dialog-close {
  /* width: 1rem;
  position: absolute;
  top: -0.5rem;
  right: -.25rem;
  padding: 0;
  margin: 0;
  line-height: 0; */
}

/* .dialog-container form {
  display: flex;

  justify-content: space-between;
} */

/* Hide search button delete function */
input[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none;
  appearance: none;
}

/* For Mozilla Firefox */
input[type="search"]::-moz-search-clear-button {
  display: none;
}

/* For Microsoft Edge */
input[type="search"]::-ms-clear {
  display: none;
}

#conservationKits_frm_frm1 input:not([type="checkbox"]) {
  width: 100%;
  margin-bottom: 1rem;
}

@media only screen and (min-width: 1024px) {
  form.search-form {
    display: block;
    position: relative;
  }

  form.search-form label {
    /* display: inline; */
  }

  form.search-form label,
  form.search-form label input {
    width: 100% !important;
    display: inline-block;
    width: 100%;
  }

  .dialog-container form.search-form .search-submit {
    position: absolute;
    right: 0;
    top: 1.875rem;
    width: 7rem !important;
    text-align: center;
    display: flex;
    justify-content: center;
    height: 3rem;
    align-items: center;
    transform: translateY(0);
  }

  form.search-form .search-submit span {
    transform: translateY(-3px);
  }

  form.search-form .search-submit:focus {
    background-color: transparent !important;
  }

  #search-dialog-large .dialog-close {
    position: absolute;
    top: -1rem;
    right: 0;
    width: 2rem;
    height: 2rem;
    padding: 0 !important;
    display: flex;
  }

  #search-dialog-large .dialog-close svg {
    width: 2rem;
  }
}

#search-dialog-large .dialog-container form input {
  margin: 0 0.5rem;
  width: calc(100% - 6.25rem);
}

.dialog-close {
  background-color: transparent;
  color: var(--dark-brown);
}

#search-dialog-large .dialog-container form input {
  min-width: 22rem;
  max-width: 100%;
}

#search-dialog-large .dialog-content {
  margin: 0;
}

#search-dialog-large .dialog-content input.search-field {
  width: 100%;
  max-width: 100%;
  border-radius: 5px;
}

#search-dialog-large .dialog-content {
  min-width: 35rem;
}

#search-dialog-large:not([aria-hidden="true"]) {
  position: absolute;
  right: 0;
  top: 2.9rem;
  padding: 1.5rem 1rem 1rem 1rem;
  display: flex;
  background-color: white;
}

.absolute-dialog-container {
  position: relative;
}

.absolute-dialog-container {
  position: absolute;
  top: 3rem;
  right: 0;
  width: 300px;
  box-shadow: 0 0 11px #909090;
  border: solid thin gray;
  padding: 2rem;
  border-radius: 5px;
  background-color: white;
  z-index: 10000000;
}

.menu-item .dialog-container {
  border: solid thin gray;
  border-radius: 5px;
}

.dialog-container,
.dialog-overlay {
  /* position: fixed;
   inset: 0;  */
}

/* .dialog-container {
  z-index: 2;
  display: flex;
} */

.dialog-container[aria-hidden="true"] {
  display: none;
}

.dialog-overlay {
  background-color: rgb(43 46 56 / 0.1);
}

.dialog-content {
  margin: auto;
  /* 1 */
  z-index: 2;
  /* 2 */
  position: relative;
  /* 2 */
  background-color: white;
  /* 3 */
}

.demo-location {
  position: fixed;
  bottom: 2rem;
  right: 2rem;
}

.dialog-title {
  font-size: 1rem !important;
  color: var(--dark-brown) !important;
  font: Arial, sans-serif !important;
}

.link-like {
  background-color: transparent;
  padding: 0;
  color: var(--dark-brown);
  font-size: 1rem;
}

.link-like:hover {
  color: var(--primary-blue);
}

.link-like.highlighted {
  color: var(--primary-blue);
  font-weight: bold;
}

.one-quarter,
.one-half,
.three-quarter {
  flex: 0 0 100%;
}

@media only screen and (min-width: 1024px) {
  .one-quarter {
    flex: 0 0 25%;
    /* 25% of the parent width */
  }

  .one-half {
    flex: 0 0 50%;
    /* 50% of the parent width */
  }

  .three-quarters {
    flex: 0 0 75%;
    /* 50% of the parent width */
  }
}

/* Footer Styles */
footer.global-footer *:focus {
  outline: solid 5px white;
}

@media only screen and (max-width: 768px) {
  footer.global-footer .branding-group figure {
    width: 5.25rem;
  }
}

@media only screen and (max-width: 1024px) {
  footer.global-footer .branding-group {
    display: flex;
    flex-direction: row;
    /* justify-content: center; */
    align-items: center;
    padding: 0 1rem 0 0;
  }

  footer.global-footer .branding-group figure {
    width: 6rem;
    margin: 0 1rem 0 0;
  }

  .footer-menu-col {
    /* margin: 1rem 0; */
  }

  .footer-menu-col:not(:last-child) {
    border-bottom: solid thin white;
  }
}

@media only screen and (max-width: 767px) {
  .footer-menu-col h2:before {
    content: "";
    background: url("data:image/svg+xml,%3Csvg width='25' height='25' viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='12.5' cy='12.5' r='12.5' fill='white'/%3E%3Cpath d='M13.0682 8.31251V12.1477H16.9034C17.3562 12.1477 17.7557 12.5472 17.7557 13C17.7557 13.4794 17.3562 13.8523 16.9034 13.8523H13.0682V17.6875C13.0682 18.1669 12.6687 18.5398 12.2159 18.5398C11.7365 18.5398 11.3636 18.1669 11.3636 17.6875V13.8523H7.52841C7.04901 13.8523 6.67614 13.4794 6.67614 13C6.67614 12.5472 7.04901 12.1477 7.52841 12.1477H11.3636V8.31251C11.3636 7.85974 11.7365 7.46024 12.2159 7.46024C12.6687 7.46024 13.0682 7.85974 13.0682 8.31251Z' fill='%232A2723'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    width: 1.6rem;
    height: 1.6rem;
    margin-right: 1rem;
    display: block;
    display: inline-block;
    transform: translateY(6px);
  }

  /* .footer-menu-col .wp-block-navigation {
    display: none;
  } */
  footer.global-footer .wp-block-navigation {
    padding: 0 0 0 1.25rem;
  }
}

footer.global-footer .wp-block-navigation {
  gap: 0;
}

footer.global-footer .wp-block-navigation li a {
  padding: 0.25rem 0;
}

footer.global-footer .wp-block-navigation li a:hover {
  text-decoration: underline;
}

@media only screen and (min-width: 768px) {
  footer.global-footer .wp-block-navigation {
    margin-bottom: 2rem;
    display: block !important;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  footer.global-footer .wp-block-navigation li a {
    padding: 0.5rem 0;
  }
}

.social-footer-menu {
  display: flex;
  margin: 0 !important;
  padding: 0;
  flex-direction: row;
  list-style: none;
  overflow: visible !important;
}
.social-footer-menu li {
  width: auto;
}

footer.global-footer sub {
  top: -3px;
  font-size: 17px;
}

footer.global-footer .social-footer-menu li a {
  background: white;
  border-radius: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 2.75rem;
  height: 2.75rem;
  margin: 0 1rem 0 0;
}

footer.global-footer .social-footer-menu li a:focus {
  outline: solid 5px var(--light-blue);
}

footer.global-footer .social-footer-menu li a:hover {
  background: #eaeaea;
}

.calwater-banner {
  position: relative;
  color: #fff;
  display: flex;
  align-items: flex-end;
  min-height: 487px;
  background-size: cover;
  background-position: center;
  padding-bottom: 2.5rem;
  margin-top: -14.975rem;
  margin-bottom: 2.5rem;
}

.calwater-banner img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.single-alerts .calwater-banner {
  position: relative;
}

.calwater-banner + .site {
  margin-top: 0rem;
}

.calwater-banner-content {
  position: relative;
  z-index: 2;
  padding: 30px 20px 0 20px;
  width: 100%;
  margin: 0 auto;
  max-width: 100vw;
}

@media (min-width: 1024px) and (max-width: 1399px) {
  .calwater-banner-content {
    padding: 30px 15% 0 40px !important;
  }
}
@media only screen and (min-width: 1024px) {
  .calwater-banner-content {
    max-width: 100%;
    width: 1180px;
    padding: 30px 0 0 40px;
    /* min-height: 220px; */
    min-height: 200px;
  }

  .banner-container {
    max-width: 60%;
  }
}

.custom-path-active .calwater-banner::before {
  background-position: bottom 3px left 35%;
}

@media only screen and (min-width: 1450px) {
  .calwater-banner:not(.calwater-landing-banner).long-title::before {
    background-position: bottom 3px left 30%;
  }
}

@media only screen and (min-width: 1650px) {
  .calwater-banner:not(.calwater-landing-banner).long-title::before {
    background-position: bottom 3px left 25%;
  }
}

.calwater-banner:not(.calwater-landing-banner).long-title .banner-container {
  max-width: 80%;
}

.calwater-banner:not(.calwater-landing-banner).long-title h1 {
  font-size: 2rem;
  line-height: 1.4;
  margin: 1.5rem 0;
}

@media only screen and (max-width: 1024px) {
  .calwater-banner:not(.calwater-landing-banner).long-title .banner-container {
    max-width: 100%;
  }
}

#map {
  max-width: calc(100vw - 3rem);
  overflow: hidden;
  margin: 2rem 0 1rem;
}

.calwater-banner::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background: rgba(255, 255, 255, 0.8);
}

@media only screen and (min-width: 768px) {
  .calwater-banner::before {
    /* background: linear-gradient(90deg, rgba(239, 243, 250, 0.85) 40%, rgba(255, 255, 255, .5) 60%); */
  }
}

@media only screen and (min-width: 1024px) {
  .calwater-banner::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.3);
    z-index: 1;
    background: url("data:image/svg+xml,%3Csvg width='5295' height='295' viewBox='0 0 5295 295' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='0.8' d='M2295 293.5C2230 184 2264 37.5 2295 0H0V293.5H5295Z' fill='white'/%3E%3C/svg%3E")
      bottom left no-repeat;
    background-position: bottom 3px right 65%;
    height: 30.725rem;
    background-size: 5345px 296px;
  }
}

@media only screen and (min-width: 1200px) {
  .calwater-banner::before {
    background-position: bottom 3px left 35%;
  }
}

@media only screen and (min-width: 1400px) {
  .calwater-banner::before {
    background-position: bottom 3px right 70%;
  }
}

@media only screen and (min-width: 1500px) {
  .calwater-banner::before {
    background-position: bottom 3px right 70%;
  }
}

@media only screen and (min-width: 1600px) {
  .calwater-banner::before {
    background-position: bottom 3px right 75%;
  }
}

@media only screen and (min-width: 1800px) {
  .calwater-banner::before {
    background-position: bottom 3px right 75%;
  }
}

#breadcrumbs {
  list-style: none;
  display: flex;
  margin: 0;
}

@media only screen and (max-width: 768px) {
  #breadcrumbs {
    flex-direction: column;
  }
}

#breadcrumbs li span {
  display: inline-block;
  margin: 0 7px;
}

.breadcrumbs {
  margin-bottom: 10px;
}

.breadcrumbs {
  color: var(--dark-brown);
}

.breadcrumbs a {
  color: #003592;
}

.breadcrumbs a {
  text-decoration: underline;
}

.calwater-banner h1 {
  font-size: 36px;
  margin: 0;
  color: #2a2723;
  font-family: Raleway;
  font-size: 3rem;
  font-style: normal;
  font-weight: 700;
  line-height: 60px;
}

@media only screen and (max-width: 768px) {
  .calwater-banner h1 {
    font-size: 2rem;
    line-height: 1.1 !important;
    margin: 0 !important;
    display: inline-flex;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .calwater-banner h1 {
    font-size: 2.5rem;
    line-height: 1.2;
  }
}

.calwater-banner .region {
  color: #2a2723;
  margin-top: 0.75rem;
}

/* Alert Styles */

.order-0 {
  order: 0;
}

.order-1 {
  order: 1;
}

@media only screen and (min-width: 1024px) {
  .order-md-1 {
    order: 1;
  }

  .order-md-0 {
    order: 0;
  }
}

.alert-system-updated-on .alert-districts {
  margin-bottom: 1rem;
}

.alert-system-updated-on p {
  margin-bottom: 1em;
}

.alert-systems.sidebar-navigation {
  margin-top: 3rem;
}

.alert-systems.sidebar-navigation ul {
  list-style: none;
  margin: 1rem 0 0;
}

.alert-systems.sidebar-navigation p {
  margin-bottom: 1rem;
}

.alert-systems.sidebar-navigation a {
  text-decoration: none;
  color: var(--dark-brown);
}

.alert-all-updates {
  margin-bottom: 3rem;
  border-bottom: solid thin #eaeaea;
}

.alert-all-updates h2 {
  font-size: 1rem;
  display: inline;
  font-weight: 400;
}

@media only screen and (max-width: 768px) {
  .alert-all-updates {
    margin-bottom: 4rem;
    order: 0;
  }
}

/* .alerts-template-default .banner-container {
  max-width: 100%;
}

.alerts-template-default #breadcrumbs {
  margin: 0 auto;
  justify-content: center;
}

.alerts-template-default .calwater-banner {
  width: 100%;
  display: block;
  padding: 0 0 3rem;
  background: url("data:image/svg+xml,%3Csvg width='462' height='366' viewBox='0 0 462 366' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='99.5' cy='99.5' r='97' transform='matrix(-1 0 0 1 199 167)' stroke='%23EFF3FA' stroke-width='5'/%3E%3Ccircle cx='70.5' cy='70.5' r='68' transform='matrix(-1 0 0 1 362 0)' stroke='%23EFF3FA' stroke-width='5'/%3E%3Ccircle cx='53' cy='53' r='50.5' transform='matrix(-1 0 0 1 417 154)' stroke='%23EFF3FA' stroke-width='5'/%3E%3Ccircle cx='35.5' cy='35.5' r='33' transform='matrix(-1 0 0 1 462 73)' stroke='%23EFF3FA' stroke-width='5'/%3E%3Ccircle cx='36.5' cy='36.5' r='34' transform='matrix(-1 0 0 1 297 247)' stroke='%23EFF3FA' stroke-width='5'/%3E%3Ccircle cx='32' cy='32' r='29.5' transform='matrix(-1 0 0 1 287 163)' stroke='%23e6f4f7' stroke-width='5'/%3E%3C/svg%3E%0A") top right 2rem no-repeat;
  background-size: contain;
  margin-top: 0;
  min-height: 1px;
} */

.alert-all-updates .layout-container hr {
  margin: 2rem 0 0;
}

@media only screen and (min-width: 768px) {
  /* .alerts-template-default .calwater-banner {
    text-align: center;
  } */

  .alert-all-updates .layout-container hr {
    margin: 6rem 0 2rem;
  }
}

/*
.alerts-template-default .calwater-banner:before {
  content: none;
}

.alerts-template-default .calwater-banner h1 {
  margin-top: 3.5rem;
} */

.alert-main-update {
  display: flex;
  flex-wrap: wrap;
}

@media only screen and (min-width: 768px) {
  .alert-updated,
  .district-alerts-list,
  .alert-district {
    width: 50%;
    /* flex: 0 0 100%; */
  }
}

.alert-sidebar {
  width: 25%;
  padding: 0 1rem 0 0;
}

.alert-desc {
  width: 75%;
  padding: 0 0 0 2rem;
}

.alert-main-update .post-content {
  /* border-bottom: solid thin rgba(0, 0, 0, .1); */
  margin-bottom: 2rem;
  padding-bottom: 3rem;
}

@media only screen and (max-width: 768px) {
  .alert-main-update .post-content {
    margin-bottom: 0;
    padding-bottom: 0;
  }
}

.alert-item-title {
  font-family: Arial;
  font-style: normal;
  font-weight: 700;
  margin: 0;
}

.alert-item-title a {
  font-size: 18px;
  line-height: 1.2;
  text-decoration: none;
  /* margin-top: 1.4rem; */
  display: inline-block;
}

#district-current-alerts .alert-item-title a {
  margin-top: 1.4rem;
}

/* CCRs Pages */
.single-ccrs {
  overflow-x: visible;
}

h2.CCRSection {
  background-image: url("/wp-content/themes/calwater2017/images/ccr-heading-background.jpg");
  background-color: #1d4384;
  padding: 6px;
}

span.CCRSectionHead {
  font: "Raleway", Helvetica, sans-serif;
  color: white;
}

h3.CCRSubhead {
  margin-top: 12px;
}

td.CCRBody {
  vertical-align: top;
  text-align: center;
  white-space: nowrap;
}

td.CCRBody.Highlighted {
  background-color: #dbf1f8;
}

td.CCRBodyLeft {
  vertical-align: top;
  text-align: left;
}

td.CCRHead {
  background-color: #273470;
  color: white;
  vertical-align: bottom;
  text-align: center;
}

td.CCRHeadLeft {
  background-color: #273470;
  color: white;
  vertical-align: bottom;
  text-align: left;
}

p.Footnote {
}

span.FootnoteReference,
a.FootnoteReference {
  font-size: 9px;
  vertical-align: super;
}

/* District Pages */
@media only screen and (min-width: 768px) {
  .current-alerts-wrapper {
    padding-left: 2.5rem;
  }

  .customer-assistance {
    margin-top: 10rem;
  }
}

.district-template-default .entry-content h2:not(.region) {
  margin-top: 6rem;
}

.district-template-default .district-addresses {
  display: block;
}

.district-addresses section {
  width: 100% !important;
}

.district-template-default th,
.district-template-default td {
  border-width: 0 0 0 0;
  text-align: left;
  /* padding: 0; */
}

.district-template-default table td {
  vertical-align: top;
}

.district-alerts-wrapper {
  margin-bottom: 4rem;
}

@media only screen and (min-width: 768px) {
  .district-template-default .sticky-container {
    top: 0;
    padding: 0 1rem;
    box-shadow: 0px 0px 10px 0px rgba(55, 55, 55, 0.25);
  }

  .district-template-default .sticky-container.offset-y {
    top: 1rem;
  }

  .admin-bar.district-template-default .sticky-container {
    top: 3rem;
  }
}

.district-template-default .sticky-container .sticky-container {
  box-shadow: none !important;
}

.wp-block-cover .cta-btn-yellow:focus {
  outline-offset: 3px;
  outline: 3px solid white !important;
}

/* Views Filters */
.wp-block-toolset-views-custom-search-container
  .wpv-custom-search-filter-label-top
  .form-group {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-content: flex-start;
}

.wp-block-toolset-views-custom-search-container
  .wpv-custom-search-filter-label-top
  .form-group
  label {
  flex: unset;
  margin-right: 14px;
  font-size: 16px;
  display: inline-block;
  color: var(--dark-brown);
}

.wp-block-toolset-views-custom-search-container
  .wpv-custom-search-filter
  .js-wpv-filter-trigger {
  /* width: 205px; */
  height: 53px;
  padding: 0 18px;
  border-radius: 5px;
  color: var(--dark-brown);
  border: 1px solid #000000;
}

.wp-block-toolset-views-custom-search-container
  .wpv-custom-search-filter-submit
  .wpv-submit-trigger {
  margin: 0;
  /* width: 175px; */
  height: 53px;
  font-size: 18px;
  font-weight: 700;
  border-radius: 5px;
  color: var(--dark-brown);
  background-color: var(--primary-yellow);
}

@media only screen and (max-width: 768px) {
  .wp-block-toolset-views-custom-search-container .wpv-custom-search-filter {
    margin-top: 15px;
  }

  .wp-block-toolset-views-custom-search-container
    .wpv-custom-search-filter
    .form-group
    label {
    min-width: 60px;
  }

  .wp-block-toolset-views-custom-search-container
    .wpv-custom-search-filter-submit {
    margin-top: 15px;
  }
}

.wp-block-toolset-views-custom-search-container
  .wpv-custom-search-filter-submit
  .wpv-submit-trigger:hover,
.wp-block-toolset-views-custom-search-container
  .wpv-custom-search-filter-submit
  .wpv-submit-trigger:focus {
  text-decoration: underline !important;
  background-color: var(--orange) !important;
}

@media only screen and (min-width: 768px) {
  .wp-block-toolset-views-custom-search-container .wpv-custom-search-filter {
    margin-right: 22px;
  }

  .wp-block-toolset-views-custom-search-container .wpv-filter-form > div {
    display: flex;
    align-items: center;
  }
}

/* End Views Filters */

/* Views */
.wpv-view-output .tb-grid {
  margin-top: 15px;
}

.wpv-view-output .tb-grid .tb-heading {
  font-size: 28px;
  font-weight: 700;
  margin-bottom: 0;
  line-height: 42px;
}

.wpv-view-output .tb-grid .tb-heading a {
  text-decoration: none;
  line-height: 1.4;
  display: inline-block;
}

.wpv-view-output .tb-grid .tb-heading a:hover,
.wpv-view-output .tb-grid .tb-heading a:focus {
  text-decoration: underline;
}

.wpv-view-output .tb-grid .tb-field {
  font-size: 16px;
  color: var(--dark-brown);
}

#videos-loop form > div {
  display: flex;
}

#videos-loop form > div .form-group {
  margin-right: 1rem;
}

@media (min-width: 768px) {
  #videos-loop .wpv-loop {
    display: grid;
    grid-row-gap: 25px;
    grid-column-gap: 25px;
    grid-template-columns: minmax(0, 0.5fr) minmax(0, 0.5fr);
  }
}

@media (min-width: 1024px) {
  #videos-loop .wpv-loop {
    list-style: none;
    margin: 0;
    display: grid;

    grid-template-columns: minmax(0, 0.3333fr) minmax(0, 0.3333fr) minmax(
        0,
        0.3333fr
      );
    grid-auto-flow: row;
    display: grid;
    grid-row-gap: 25px;
    grid-column-gap: 25px;
  }
}

#videos-loop .wpv-loop {
  list-style: none;
  margin: 0;
}

#videos-loop .wpv-loop li {
  flex: 0 0 33%;
}

.wpv-view-output .tb-grid #video-item-category {
  margin-top: 17px;
  margin-bottom: 8px;
  line-height: 27px;
  font-weight: 700;
}

.wpv-view-output .tb-grid .featured-image img,
.wpv-view-output .tb-grid .wp-block-image img {
  border-top-right-radius: 20px;
  border-bottom-left-radius: 20px;
}

@media only screen and (min-width: 768px) {
  .wpv-view-output .tb-grid .featured-image img,
  .wpv-view-output .tb-grid .wp-block-image img,
  .wpv-view-output .wpv-loop .gb-block-image img {
    min-height: 214px;
    width: auto;
    object-fit: cover;
    max-height: 214px;
    width: 100%;
  }
}

.wpv-view-output .tb-grid #article-item-date {
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  margin-top: 0.36em;
}

.wpv-view-output .tb-grid #article-item-text {
  font-size: 16px;
  font-weight: 400;
  line-height: 29px;
}

/* End Views */

/* Latest News */

.latest-news-template-default .wpv-loop {
  list-style: none;
  display: flex;
  margin: 0 0 2rem 0;
  flex-wrap: wrap;
}

.latest-news-template-default .tb-field {
  margin: 0;
}

.latest-news-template-default .wpv-loop li:not(:last-child) a:after {
  content: ", ";
  margin-right: 0.3rem;
}

#article-grid .wpv-view-output {
  margin-top: 15px;
}

#article-grid .wpv-view-output .js-wpv-loop-wrapper {
  display: flex;
}

#article-grid .wpv-view-output .js-wpv-loop-wrapper .wpv-block-loop-item {
  display: flex;
}

#article-grid
  .wpv-view-output
  .js-wpv-loop-wrapper
  .wpv-block-loop-item:not(:last-child) {
  margin-right: 5px;
}

#article-grid
  .wpv-view-output
  .js-wpv-loop-wrapper
  .wpv-block-loop-item:not(:last-child)::after {
  content: ", ";
}

#article-grid .wpv-view-output .wpv-block-loop-item a {
  color: #003592;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 27px;
  text-decoration: none;
}

#article-grid .wpv-view-output .wpv-block-loop-item a:hover,
#article-grid .wpv-view-output .wpv-block-loop-item a:focus {
  text-decoration: underline;
}

#article-grid #article-date {
  display: flex;
  align-items: center;
  margin-bottom: 8px;
}

#article-grid #article-date p {
  margin: 0;
}

#article-grid #article-date .tb-field {
  margin: 0 0 0 5px;
}

#article-grid #article-info {
  margin-bottom: 10px;
}

@media only screen and (min-width: 768px) {
  #article-grid #article-info {
    display: flex;
    line-height: 16px;
  }

  #article-grid #article-date {
    /* border-left: 1px solid #2A2723; */
    /* padding-left: 5px; */
    /* margin-left: 5px; */
  }
}

#article-grid #article-image {
  margin-bottom: 10px;
}

#article-grid #article-image img {
  border-top-right-radius: 20px;
  border-bottom-left-radius: 20px;
}

@media only screen and (min-width: 768px) {
  #article-grid #article-image img {
    min-height: 214px;
    width: auto;
    object-position: top center;
    object-fit: cover;
  }
}

.article-taxonomy-terms-wrapper {
  margin-bottom: 10px !important;
}

.article-taxonomy-terms-wrapper a {
  text-decoration: none;
  color: var(--dark-brown);
}

.article-taxonomy-terms-wrapper a:hover,
.article-taxonomy-terms-wrapper a:focus {
  color: var(--dark-brown);
  text-decoration: underline;
}

/* End Latest News */

/* Pagination */
.pagination {
  margin: 2rem 0 0rem !important;

  display: inline-block;
}

.pagination a.next,
.pagination a.prev {
  background-color: var(--Secondary-Black, #2a2723);
  color: var(--light-grey);
}

.pagination a,
.pagination span {
  padding: 0.5rem 1rem !important;
  text-align: center;
  padding: 1rem;
  display: inline-block;
  border: solid thin black;
  border-radius: 5px;
  background-color: var(--light-grey);
  color: var(--Secondary-Black, #2a2723);
  text-align: center;
  text-decoration: none;
  font-weight: 700;
  line-height: 27px;
  /* 168.75% */
  margin: 4px;
  max-height: 45px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.pagination span[aria-current="page"] {
  background-color: var(--gold);
}

.all_district_docs h3 {
  margin-top: 4rem;
}

.advice-letters-view .wpv-pagination-nav-links,
.wpv-pagination-nav-links,
.pagination {
  display: flex;
  margin-top: 2em !important;
  justify-content: center !important;
  flex-wrap: wrap;
}

.wpv-pagination-nav-links .pagination {
  margin: 0;
}

.wpv-pagination-nav-links .wpv-pagination-nav-links-item .page-link,
.wpv-pagination-nav-links .wpv-pagination-nav-links-item .wpv_page_ellipsis {
  padding: 0;
  /* width: 32px; */
  /* height: 32px; */
  display: flex;
  margin: 0 5px;
  font-size: 16px;
  font-weight: 700;
  line-height: 25px;
  border-radius: 5px;
  text-align: center;
  align-items: center;
  justify-content: center;
  color: var(--dark-brown);
  border: solid thin black;
  background: var(--light-grey);
  line-height: 27px;
  padding: 0.5rem 1rem !important;
}

.wpv-pagination-nav-links .wpv-pagination-nav-links-item span.page-link,
.wpv-pagination-nav-links .wpv-pagination-nav-links-item a.page-link:hover,
.wpv-pagination-nav-links .wpv-pagination-nav-links-item a.page-link:focus,
.next.page-numbers:focus,
.next.page-numbers:hover {
  background: var(--primary-yellow);
}

.wpv-pagination-nav-links .wpv-filter-next-link,
.wpv-pagination-nav-links .wpv-filter-previous-link,
.next.page-numbers {
  line-height: 1.9;
  border-radius: 5px;
  position: relative;
  background-color: var(--Secondary-Black, #2a2723);
  color: white;
  /* text-indent: -9999px; */
  background-color: var(--dark-brown);
}

.wpv-pagination-nav-links .wpv-filter-next-link:hover,
.wpv-pagination-nav-links .wpv-filter-previous-link:hover,
.pagination .next.page-numbers:hover,
.pagination .prev.page-numbers:hover {
  text-decoration: underline;
}

.wpv-pagination-nav-links a.wpv-filter-first-link:hover,
.wpv-pagination-nav-links a.wpv-filter-first-link:focus,
.wpv-pagination-nav-links a.wpv-filter-last-link:hover,
.wpv-pagination-nav-links a.wpv-filter-last-link:focus,
.wpv-pagination-nav-links a.wpv-filter-next-link:hover,
.wpv-pagination-nav-links a.wpv-filter-previous-link:hover,
.wpv-pagination-nav-links a.wpv-filter-next-link:focus,
.wpv-pagination-nav-links a.wpv-filter-previous-link:focus,
.pagination .next.page-numbers:hover,
.pagination .prev.page-numbers:hover,
.pagination .next.page-numbers:focus,
.pagination .prev.page-numbers:focus {
  background-color: var(--Secondary-Black, #2a2723);
  text-decoration: underline !important;
}

/* .wpv-pagination-nav-links .wpv-filter-first-link:before,
.wpv-pagination-nav-links .wpv-filter-last-link:before,
.wpv-pagination-nav-links .wpv-filter-next-link:before,
.wpv-pagination-nav-links .wpv-filter-previous-link:before {
  content: '';
  top: 9.5px;
  width: 10px;
  height: 10px;
  display: block;
  position: absolute;
  border-top: 3px solid #fff;
  border-left: 3px solid #fff;
}

.wpv-pagination-nav-links .wpv-filter-first-link:hover:before,
.wpv-pagination-nav-links .wpv-filter-first-link:focus:before,
.wpv-pagination-nav-links .wpv-filter-last-link:hover:before,
.wpv-pagination-nav-links .wpv-filter-last-link:focus:before,
.wpv-pagination-nav-links .wpv-filter-next-link:hover:before,
.wpv-pagination-nav-links .wpv-filter-next-link:focus:before,
.wpv-pagination-nav-links .wpv-filter-previous-link:hover:before,
.wpv-pagination-nav-links .wpv-filter-previous-link:focus:before {
  border-top: 3px solid var(--dark-brown);
  border-left: 3px solid var(--dark-brown);
} */

.wpv-filter-first-link,
.wpv-filter-last-link {
  display: none !important;
}

.wpv-pagination-nav-links .wpv-filter-first-link,
.wpv-pagination-nav-links .wpv-filter-previous-link {
  margin: 0 13px 0 0;
}

.wpv-pagination-nav-links .wpv-filter-last-link,
.wpv-pagination-nav-links .wpv-filter-next-link {
  margin: 0 0 0 13px;
}

@media only screen and (max-width: 768px) {
  .wpv-pagination-nav-links .wpv-filter-first-link,
  .wpv-pagination-nav-links .wpv-filter-previous-link {
    margin: 0 5px 0 0;
  }

  .wpv-pagination-nav-links .wpv-filter-last-link,
  .wpv-pagination-nav-links .wpv-filter-next-link {
    margin: 0 0 0 5px;
  }
}

.wpv-pagination-nav-links .wpv-filter-first-link:before,
.wpv-pagination-nav-links .wpv-filter-previous-link:before {
  left: 11px;
  transform: rotate(-45deg);
}

.wpv-pagination-nav-links .wpv-filter-last-link:before,
.wpv-pagination-nav-links .wpv-filter-next-link:before {
  right: 11px;
  transform: rotate(135deg);
}

/* End Pagination */

/* Video Library */
.views-template-template-for-video-library #main {
  width: 100%;
}

.views-template-template-for-video-library .wpv-filter-form {
  margin-bottom: 20px;
}

@media only screen and (min-width: 768px) {
  .views-template-template-for-video-library .wpv-custom-search-filter,
  .views-template-template-for-video-library .wpv-custom-search-filter-submit {
    display: inline-block;
  }
}

.views-template-template-for-video-library
  .wpv-custom-search-filter
  .form-group {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.views-template-template-for-video-library
  .wpv-custom-search-filter
  .form-group
  .wpv-custom-search-filter__label {
  font-size: 16px;
  margin-right: 15px;
  display: inline-block;
  color: var(--dark-brown);
  text-transform: capitalize;
}

.views-template-template-for-video-library
  .wpv-custom-search-filter
  .js-wpv-filter-trigger {
  width: 205px;
  height: 53px;
  padding: 0 18px;
  border-radius: 5px;
  color: var(--dark-brown);
  border: 1px solid var(--grey);
}

.views-template-template-for-video-library
  .wpv-custom-search-filter-submit
  .wpv-submit-trigger {
  margin: 0;
  width: 175px;
  height: 53px;
  font-size: 18px;
  font-weight: 700;
  border-radius: 5px;
  color: var(--dark-brown);
  background-color: var(--primary-yellow);
}

.views-template-template-for-video-library
  .wpv-custom-search-filter-submit
  .wpv-submit-trigger:hover,
.views-template-template-for-video-library
  .wpv-custom-search-filter-submit
  .wpv-submit-trigger:focus {
  text-decoration: underline !important;
  background-color: var(--orange) !important;
}

.views-template-template-for-video-library
  .js-wpv-view-layout
  .tb-grid
  .tb-field {
  font-size: 16px;
  font-weight: 700;
  color: var(--dark-brown);
}

.views-template-template-for-video-library
  .js-wpv-view-layout
  .tb-grid
  .tb-heading {
  font-size: 28px;
  font-weight: 700;
  margin-bottom: 0;
}

.views-template-template-for-video-library
  .js-wpv-view-layout
  .tb-grid
  .tb-heading
  a {
  text-decoration: none;
}

.views-template-template-for-video-library
  .js-wpv-view-layout
  .tb-grid
  .tb-heading
  a:hover,
.views-template-template-for-video-library
  .js-wpv-view-layout
  .tb-grid
  .tb-heading
  a:focus {
  text-decoration: underline;
}

.views-template-template-for-video-library
  .js-wpv-view-layout
  .tb-grid
  .featured-image
  img {
  border-top-right-radius: 20px;
  border-bottom-left-radius: 20px;
}

@media only screen and (min-width: 768px) {
  .views-template-template-for-video-library
    .js-wpv-view-layout
    .tb-grid
    .featured-image
    img {
    min-height: 214px;
    width: auto;
    object-fit: cover;
  }
}

/* Previous-Next links */
#prew-next-block {
  font-size: 0;
  display: flex;
  padding-top: 20px;
  border-top: 2px solid #a5acb0;
}

#prew-next-block .tb-heading {
  flex: 2;
}

#prew-next-block #prev-next-links {
  flex: 1;
  display: flex;
  justify-content: flex-end;
}

#prew-next-block #prev-next-links a {
  width: 44px;
  height: 44px;
  display: block;
  border-radius: 50%;
  position: relative;
  background: var(--dark-brown);
}

#prew-next-block #prev-next-links a:hover,
#prew-next-block #prev-next-links a:focus {
  background: var(--primary-yellow);
}

#prew-next-block #prev-next-links a[rel="prev"] {
  margin-left: 35px;
}

#prew-next-block #prev-next-links a[rel="next"]:after,
#prew-next-block #prev-next-links a[rel="prev"]:after {
  top: 0;
  left: 0;
  content: "";
  width: 44px;
  height: 44px;
  display: block;
  position: absolute;
  background-repeat: no-repeat;
  background-position: center center;
}

#prew-next-block #prev-next-links a[rel="next"]:after {
  background-image: url('data:image/svg+xml,<svg width="18" height="16" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8.00568 16L0.369318 8.36364L8.00568 0.727273L9.31818 2.02273L3.91477 7.42614H17.9091V9.30114H3.91477L9.31818 14.6875L8.00568 16Z" fill="white"/></svg>');
}

#prew-next-block #prev-next-links a[rel="prev"]:after {
  background-image: url('data:image/svg+xml,<svg width="18" height="16" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.90341 16L8.59091 14.7045L13.9943 9.30114H0V7.42614H13.9943L8.59091 2.03977L9.90341 0.727273L17.5398 8.36364L9.90341 16Z" fill="white"/></svg>');
}

#prew-next-block #prev-next-links a[rel="next"]:hover:after,
#prew-next-block #prev-next-links a[rel="next"]:focus:after {
  background-image: url('data:image/svg+xml,<svg width="18" height="16" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8.00568 16L0.369318 8.36364L8.00568 0.727273L9.31818 2.02273L3.91477 7.42614H17.9091V9.30114H3.91477L9.31818 14.6875L8.00568 16Z" fill="black"/></svg>');
}

#prew-next-block #prev-next-links a[rel="prev"]:hover:after,
#prew-next-block #prev-next-links a[rel="prev"]:focus:after {
  background-image: url('data:image/svg+xml,<svg width="18" height="16" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.90341 16L8.59091 14.7045L13.9943 9.30114H0V7.42614H13.9943L8.59091 2.03977L9.90341 0.727273L17.5398 8.36364L9.90341 16Z" fill="black"/></svg>');
}

.video-taxonomy-terms {
  margin: 0 0 17px 0;
  list-style: none;
}

.video-taxonomy-terms li {
  margin: 0;
}

.video-taxonomy-terms li a {
  color: #003592;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 27px;
  text-decoration: none;
}

.video-taxonomy-terms li a:hover,
.video-taxonomy-terms li a:focus {
  text-decoration: underline;
}

.video-template-default figure.is-type-video {
  border: solid 5px white;
  outline: solid 5px var(--dark-brown);
}

/* Advice Letters */

.advice-letters-view input[type="submit"] {
  display: inline-block;
  width: auto;
  font-size: 1.125rem;
  font-weight: 700;
  text-align: center;
  padding: 0.75rem 16px;
  margin-top: 24px;
  margin-bottom: 24px;
  border-radius: 5px;
  background-color: var(--contrast-2);
  color: var(--contrast-3);
  text-decoration: none;
}

.advice-letters-view input[type="submit"]:hover {
  background-color: #ffa12d !important;
  text-decoration: underline !important;
}

.advice-letters-view {
  margin: 0 -0.75rem;
}

@media only screen and (max-width: 768px) {
  .advice-letters-view form {
    padding: 0 1rem;
  }
}

@media only screen and (min-width: 768px) {
  .advice-letters-view form > div {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
  }

  .advice-letters form select {
    background-color: white;
    appearance: none;
    -webkit-appearance: none;
  }

  .advice-letters-view .wpv-custom-search-filter {
    flex: 0 0 100%;
    padding: 0.5rem;
    margin-bottom: 1rem;
  }

  .advice-letters-view .wpv-custom-search-filter + .wpv-custom-search-filter {
    flex: 0 0 100%;
    padding: 0.5rem;
    margin-bottom: 1rem;
  }

  .advice-letters-view form p {
    transform: translateY(-0.25rem);
    margin: 0 0.5rem;
  }

  .advice-letters-view p + .wpv-custom-search-filter,
  .advice-letters-view
    p
    + .wpv-custom-search-filter
    + .wpv-custom-search-filter {
    flex: 0 0 calc(50% - 1.9rem);
  }

  .advice-letters-view
    p
    + .wpv-custom-search-filter
    + .wpv-custom-search-filter {
    margin-bottom: 1rem;
    margin-left: auto;
  }
}

.wpv-custom-search-filter-label-top .wpv-custom-search-filter__input {
  width: 100%;
}

.wpv-custom-search-filter-label-before .form-group {
  flex-direction: column;
}

.advice-letters-view form p {
  margin: 0.5rem 0;
}

.advice-letters-view .wp-block-toolset-views-custom-search-filter {
  margin: 1rem 0;
}

#advice-letters-tabs {
  flex: 0 0 100%;
}

.advice-letters-view .wpv-custom-search-filter select {
  background-color: #ffffff !important;
  border-radius: 5px;
}

.advice-letters-view .tb-grid-column li {
  position: relative;
}

.advice-letters-view .tb-grid-column li:hover {
  cursor: pointer;
  background-color: #fafafa !important;
  transition: all 0.1s ease;
}

.advice-letters-view ul li a:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.advice-letters-view li a {
  font-weight: bold;
  text-decoration: none;
  line-height: 1.3;
  display: inline-block;
}

.advice-letters-view li a:hover {
  text-decoration: underline;
}

.advice-letters-view li {
  padding: 1rem;
  display: inline-block;
  width: 100%;
}

.advice-letters-view li:nth-child(odd) {
  background-color: #eaeaea;
}

.advice-letters-view li + p,
.advice-letters-view li + p + p,
.advice-letters-view li + .tb-field {
  display: inline;
  font-size: 1rem !important;
}

.advice-letters-view .wpv-pagination-nav-links {
  margin: 0;
  justify-content: flex-start;
  display: block;
}

.wpv-pagination-nav-links .wpv-pagination-nav-links-item,
.wpv-pagination-nav-links * {
  margin: 1.5rem 0.5rem 1.5rem 0;
  border: none;
  margin: 2px !important;
  line-height: 27px;
}

.wpv-pagination-nav-links .disabled,
.disabled.wpv-pagination-nav-links-item + .wpv-pagination-nav-links-item,
.page-numbers.dots,
.page-numbers.dots + .page-numbers {
  display: none;
}

/* Landing Page Banner */

.landing-banner-show {
  display: block;
  background-color: transparent;
  padding: 0;
  color: #2a2723;
  font-family: Arial;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 27px;
  margin: 1.5rem 0 -0.5rem;
  text-decoration: underline;
  text-align: right;
  width: 100%;
}

.landing-banner-show:focus,
.landing-banner-show:hover {
  color: var(--primary-blue) !important;
}

.calwater-landing-banner h1 {
  font-size: 1.6875rem;
  margin: 8rem 0 0.5rem 0;
  line-height: 1.2;
  color: var(--Main-Dark-Blue, #003592);
  font-family: Raleway;
}

.calwater-landing-banner .banner-desc {
  color: var(--Secondary-Black, #2a2723);
  font-family: Arial;
  font-size: 16px;
  display: block;
  margin: 1rem 0 0;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
}

.calwater-landing-banner .banner-container {
  margin-bottom: 3rem;
}

.calwater-landing-banner .featured-banner-image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media only screen and (max-width: 660px) {
  .calwater-landing-banner .featured-banner-image img {
    max-height: 120px;
  }
}

@media only screen and (max-width: 768px) {
  .calwater-landing-banner .cta-btn-yellow {
    color: var(--Main-Dark-Blue, #003592) !important;
    background-color: transparent;
    /* margin: -2rem 0 0 !important; */
    padding: 0;
    font-family: Arial;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 27px;
    /* 168.75% */
    padding-right: 1rem;
    background: url("data:image/svg+xml,%3Csvg width='9' height='15' viewBox='0 0 9 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.77344 6.47656C8.23047 6.89844 8.23047 7.63672 7.77344 8.05859L2.14844 13.6836C1.72656 14.1406 0.988281 14.1406 0.566406 13.6836C0.109375 13.2617 0.109375 12.5234 0.566406 12.1016L5.38281 7.25L0.566406 2.43359C0.109375 2.01172 0.109375 1.27344 0.566406 0.851562C0.988281 0.394531 1.72656 0.394531 2.14844 0.851562L7.77344 6.47656Z' fill='%23003592'/%3E%3C/svg%3E%0A")
      center right 0.75rem no-repeat;
  }

  .calwater-landing-banner .featured-banner-image img {
    max-height: 220px;
    position: relative;
    flex: 0 0 100%;
    width: 100vw;
  }

  .custom-path-active header.site-header {
    background-color: transparent !important;
  }

  .home #page {
    position: relative;
    z-index: 0;
  }

  .home .main-navigation:not(.toggled) .mobile-fixed-buttons {
    display: block !important;
    z-index: 10000;
    padding: 0;
    position: relative;
  }

  .home .mobile-fixed-buttons p {
    display: none;
  }

  .home header.site-header {
    background-color: var(--light-grey);
  }

  .site-header a:not(.gb-button) {
    font-weight: bold;
    font-size: 1.125rem;
  }

  .calwater-landing-banner::before {
    content: none;
  }

  .calwater-landing-banner {
    margin-top: -2.9rem;
    height: auto;
    background-size: contain;
    min-height: 1px;
    height: auto;
    margin-bottom: 1rem;
    background-repeat: no-repeat;
    background-position: top center;
    flex-direction: column;
  }

  .calwater-landing-banner .calwater-banner-content {
    margin: 0rem 0 0;
  }
}

@media only screen and (min-width: 768px) {
  .calwater-landing-banner .calwater-banner-content {
    margin-top: 7rem;
    margin-bottom: 4rem;
  }

  .calwater-landing-banner .banner-container {
    max-width: 50vw;
  }

  .calwater-landing-banner h1 {
    font-size: 3rem;
    color: var(--Main-Dark-Blue, #003592);
  }
}

@media only screen and (max-width: 1024px) {
  .calwater-landing-banner .calwater-banner-content {
    margin-bottom: 0;
  }
}

@media only screen and (min-width: 768px) {
  .landing-banner-show {
    display: none;
  }

  .calwater-landing-banner .banner-desc {
    display: block !important;
  }
}

@media only screen and (min-width: 1024px) {
  .calwater-landing-banner .banner-container {
    max-width: 50%;
  }

  .calwater-landing-banner .banner-desc {
    font-size: 20px;
    font-weight: 700;
    line-height: 30px;
  }

  .calwater-landing-banner.calwater-banner::before {
    height: 43.75rem !important;
    background-image: url("data:image/svg+xml,%3Csvg width='5225' height='566' viewBox='0 0 5225 566' fill='none' opacity='0.8' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='0.8' fill='white' d='M5225,566c-121.2-232.3-50.5-486.7,0-566H0V566H5225z'/%3E%3C/svg%3E%0A");
    background-size: 5751.8px 508px !important;
    background-position: bottom 0 right -12rem;
  }

  .calwater-landing-banner {
    height: 43.75rem !important;
    margin-top: -14.95rem;
    margin-bottom: 0;
    align-items: center;
  }

  .calwater-landing-banner .calwater-banner-content {
    margin-top: 8rem;
    max-width: 1180px;
  }

  .calwater-landing-banner h1 {
    font-size: 48px;
    font-style: normal;
    font-weight: 700;
    line-height: 60px;
  }
}

@media only screen and (max-width: 1024px) {
  .custom-path-active .calwater-banner.calwater-landing-banner {
    /* margin-top: -15.8rem; */
  }
}

@media only screen and (min-width: 1080px) {
  .custom-path-active .calwater-landing-banner.calwater-banner::before {
    background-position: bottom 0rem right 4rem;
  }

  .calwater-landing-banner.calwater-banner::before {
    background-position: bottom 0 right -6rem;
  }
}

@media only screen and (min-width: 1200px) {
  .custom-path-active .calwater-landing-banner.calwater-banner::before {
    background-position: bottom 0rem right 4rem;
  }

  .calwater-landing-banner.calwater-banner::before {
    background-position: bottom 0 right -7rem;
  }
}

@media only screen and (min-width: 1350px) {
  .custom-path-active .calwater-landing-banner.calwater-banner::before {
    background-position: bottom 0rem right 0rem;
  }

  .calwater-landing-banner.calwater-banner::before {
    background-position: bottom 0 right -0.5rem;
  }
}

@media only screen and (min-width: 1500px) {
  .custom-path-active .calwater-landing-banner.calwater-banner::before {
    background-position: bottom 0rem right 4rem;
  }

  .calwater-landing-banner.calwater-banner::before {
    background-position: bottom 0 right 6.5rem;
  }
}

/* Jump Menu */

@media only screen and (max-width: 768px) {
  .calwater-jump-menu {
    flex-direction: column;
  }

  .calwater-jump-menu select {
    width: 100%;
    margin: 1rem 0;
    height: 52px;
  }
}

.calwater-jump-menu {
  display: flex;
  align-content: center;
}

.calwater-jump-menu p {
  margin: 0;
  display: flex;
  align-items: center;
  margin-right: 1rem;
}

.calwater-jump-menu select {
  margin-right: 2rem;
  border-radius: 5px;
  border: solid thin #c4c4c4;
}

.calwater-jump-menu button {
  margin: 0;
}

/* Contact Themes */
/* Contact Us */
.has-error .required,
.has-error input {
  color: var(--red);
}

body .has-error input,
body .has-error select,
body .has-error textarea {
  background-color: #ffeef0 !important;
  border: solid thin var(--red) !important;
}

.div_rightsidebar_box h2.district-title {
  color: var(--Secondary-Black, #2a2723);
  font-family: Arial;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 29px;
}

#cf_frm2 {
  display: flex;
  flex-wrap: wrap;
}

#cf_frm2 .form-group {
  padding: 0.5rem 1.5rem 0.5rem 0;
}

#cf_frm2 .form-group {
  flex: 0 0 50%;
  padding: 0.5rem 1.5rem 0.5rem 0;
}

@media only screen and (max-width: 768px) {
  #cf_frm2 .form-group {
    flex: 0 0 100% !important;
  }

  #cf_frm2 .textarea {
    flex: 0 0 100%;
  }

  #cf_frm2 .form-group * {
    width: 100%;
  }
}

/* Search Results */
.page-template-cw-searchwp #primary .page-header {
  padding: 1rem 0 2rem;
}

.page-template-cw-searchwp #primary form.search-form input,
.error404 form.search-form input {
  width: 100%;
  max-width: 400px;
}

.error404 #primary form.search-form label,
.page-template-cw-searchwp #primary form.search-form label,
form.search-form label input {
  width: 100% !important;
  display: inline-block;
}

@media only screen and (max-width: 1024px) {
  .error404 #primary form.search-form .search-submit,
  .page-template-cw-searchwp #primary form.search-form .search-submit {
    top: 1.8rem;
  }
}

.error404 #primary form.search-form .search-submit,
.page-template-cw-searchwp #primary form.search-form .search-submit {
  left: 420px;
  background-color: var(--gold);
  color: var(--dark-brown);
  text-indent: 0;
  width: 100px;
  height: 54px;
  margin: 0;
  width: auto !important;
  max-width: 130px;

  /* left: 468px; */
  position: relative;
  left: initial;
}

.error404 #primary form.search-form .search-submit:focus,
.error404 #primary form.search-form .search-submit:hover,
.page-template-cw-searchwp #primary form.search-form .search-submit:hover,
.page-template-cw-searchwp #primary form.search-form .search-submit:focus {
  background-color: #ffa12d !important;
  text-decoration: underline;
}

@media only screen and (max-width: 768px) {
  .page-template-cw-searchwp #primary form.search-form label input,
  .error404 #primary form.search-form label input {
    max-width: calc(100% - 7rem);
  }

  .error404 #primary form.search-form .search-submit,
  .page-template-cw-searchwp #primary form.search-form .search-submit {
    right: 0.2rem;
    left: initial;
    text-indent: 0;
    width: auto;
    margin-top: 1rem;
  }

  .search-result {
    flex-direction: column;
  }
}

.search-result mark {
  background-color: var(--dark-brown);
  color: white;
  font-weight: bold;
}

.search-result {
  display: flex;
  padding: 2.5rem 0 0;
}

.search-result h2 {
  display: block;
}

.search-result h2 a {
  color: var(--primary-blue);
  display: block;
}

.search-result + .search-result {
  border-top: solid 2px #a5acb0;
  margin-top: 2.5rem;
}

.search-result .entry-thumbnail {
  flex: 0 0 368px;
  margin-right: 2rem;
}

@media only screen and (max-width: 768px) {
  .search-result .entry-thumbnail {
    flex: 0 0 auto;
    margin: 0 0 1rem;
  }
}

.search-result img {
  border-radius: 0 20px 0 20px;
  width: 368px;
  height: 224px;
  object-fit: cover;
}

mark::before,
mark::after {
  clip-path: inset(100%);
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}

mark::before {
  content: " [highlight start] ";
}

mark::after {
  content: " [highlight end] ";
}

/* Rebates List */
#rebatesPrograms_frm_frm1 .tdcontent select,
#rebatesPrograms_frm_frm1 .tdcontent .btn-primary {
  display: block;
  width: 100%;
  margin: 0;
}

@media only screen and (max-width: 680px) {
  #rebatesPrograms_frm_frm1 .tdcontent .btn-primary {
    margin-top: 1rem;
  }
}

#rebatesPrograms_frm_frm1 .tdcontent {
  padding: 0.5rem 0;
}

@media only screen and (min-width: 680px) {
  #rebatesPrograms_frm_frm1 .tdcontent {
    display: flex;
    align-items: center;
  }

  #rebatesPrograms_frm_frm1 .tdcontent select {
    flex: 0 0 55%;
  }

  #rebatesPrograms_frm_frm1 .tdcontent .btn-primary {
    flex: 0 0 40%;
  }

  #rebatesPrograms_frm_frm1 .tdcontent .btn-primary {
    margin: 0 0 0 1rem;
    min-height: 3.6rem;
  }
}

.rebates-teaser-list,
.rebates-summary,
#rebatesPrograms_frm_frm1,
#form-desc {
  max-width: 750px;
  margin: 0 auto 2rem;
}

.rebates-teaser-list {
  list-style: none;
  margin: 0 auto 10rem;
}

.rebates-teaser-list li:not(:last-child) {
  border-top: solid 2px var(--grey);
  margin-top: 3rem;
  padding-top: 3rem;
}

.rebates-teaser-list .rebate_row h2 {
  color: var(--primary-blue);
  font-size: 28px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  padding-right: 2rem;
}

.rebates-teaser-list .rebate_row .btn-primary {
  margin-right: 2rem;
}

.rebates-teaser-list .rebate_row .apply-wrapper {
  display: flex;
}

@media only screen and (max-width: 768px) {
  .rebates-teaser-list .rebate_row .apply-wrapper {
    flex-direction: column;
  }
}

@media only screen and (min-width: 768px) {
  .rebates-teaser-list .rebate_heading {
    display: flex;
  }

  .rebates-teaser-list .rebate_amount {
    text-align: right;
    flex: 0 0 30%;
  }

  .rebates-teaser-list .rebate_row h2 {
    flex: 0 0 70%;
  }
}

/* CAP STYLES */

.cap-full-form .btn-go {
  display: none;
}

.cap-full-form,
.cap-full-form .gb-container {
  background-color: transparent !important;
}

.cap-full-form table td,
.cap-full-form table {
  border-left: none !important;
  border-right: none !important;
}

.cap-full-form table tr {
  /* border: none !important; */
}

.cap-full-form .tdcontent {
  max-width: 600px;
  vertical-align: middle;
}

.cap-full-form .tdlabel {
  /* text-align: right; */
  padding-right: 2rem;
  vertical-align: middle;
  width: 200px;
  color: #013593;
  font-weight: bold;
  text-align: right;
}

.loader-div-background {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  background: black;
  width: 100%;
  height: 100%;
  opacity: 0.6;
  z-index: 9999;
}

#cap_frm_frm1 .form-group {
  margin: 1rem 0;
}

#cap_frm_frm1 .form-group input {
  width: 100%;
}

.formError {
  width: 100%;
}

.formErrorContent {
  padding: 0.5rem;
  width: 100%;
  margin: 0.5rem 0 0;
}

#form-validation-field-0 {
  width: auto;
}

/* RATES AND TARIFFS */

#ratetariff_frm_frm1 .btn-primary {
  min-height: 54px;
}

#ratetariff_frm_frm1 td {
  border-width: 0;
}

.current_district_docs {
  padding: 30px;
  background-color: #f5f5f5;
  border: #eee solid 1px;
  margin-bottom: 50px;
}

.rates-tarrifs-content ul {
  list-style: none;
  margin: 0 0 2rem;
}

.current_district_docs strong {
  margin: 0 0 2rem;
}

@media only screen and (max-width: 768px) {
  .slick-slider .slick-track {
    display: flex;
    /* Use flexbox for consistent slide heights */
    align-items: stretch;
    /* Make all slides the same height */
  }

  .slick-slide {
    height: auto;
    /* Allow the content to define height */
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .slick-slide > div,
  .slick-slide > div > li {
    height: 100%;
  }
}

/* Advice Letter view styles */
.advice-letter-header a {
  color: rgba(42, 39, 35, 1);
  background-color: rgba(255, 210, 0, 1);
  border: 0 solid rgba(0, 0, 0, 1);
  text-align: center;
  font-size: 18px;
  font-weight: 700;
  border-radius: 5px;
  text-decoration: none;
  padding: 15px;
  display: block;
}

.advice-letter-header a:hover,
.advice-letter-header a:focus {
  text-decoration: underline !important;
  background-color: var(--orange) !important;
  color: rgba(42, 39, 35, 1);
}

#al-effective-container {
  display: flex;
}

.al-effective-spacer {
  margin-left: 15px;
  margin-right: 15px;
}

#wpv-view-layout-12908 .wpv-pagination-nav-links {
  display: none;
}

.wpv-view-output .no-results {
  font-weight: 700;
}

.page-id-26238 {
  background-image: url("/wp-content/themes/calwater2024/assets/images/CW_PlantLocal_Events_Page_RSVP.svg");
  background-position: center;
  background-repeat: repeat-y;
}

@font-face {
  font-family: "WindsorExtraBoldCondensed";
  src: url("assets/fonts/font.woff2") format("woff2"),
    url("assets/fonts/font.woff") format("woff");
}

.page-id-26238 .plant-local-events-btn {
  background: #b95400;
  border-radius: 15px;
  padding: 10px 15px;
  color: white;
  text-decoration: none;
  font-weight: bold;
  font-size: 22px;
  text-align: center;
  line-height: 1;
  transition: all 0.3s;
  max-width: 170px;
}

.page-id-26238 .plant-local-events-btn:hover {
  background: #9c4600;
  transition: all 0.3s;
}

.page-id-26238 .event-details {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.page-id-26238 .event-details .event-details-copy {
  flex-basis: 67%;
}

.page-id-26238 .event-details .event-details-copy .event-details-title {
  color: #b95400;
  font-family: "WindsorExtraBoldCondensed";
  font-size: 42px;
  margin-bottom: 0;
}

.page-id-26238.event-details .event-details-copy .event-details-desc,
.event-details .event-details-copy .event-details-location {
  color: #13348c;
}

.page-id-26238 .event-details .event-details-link {
  flex-basis: 33%;
  display: flex;
  justify-content: center;
}

@media (max-width: 767px) {
  .page-id-26238 .event-details {
    gap: 2rem;
  }

  .page-id-26238 .event-details .event-details-copy {
    flex-basis: 100%;
  }

  .page-id-26238 .event-details .event-details-link {
    flex-basis: 100%;
    justify-content: start;
  }
}

.banner-plants-wrapper {
  position: absolute;
  bottom: 0;
}
@media (min-width: 768px) {
  .banner-plants-wrapper {
    max-width: 1675px !important;
    width: 1675px !important;
    overflow: hidden;
    transform: translatex(145px);
  }

  .pacific-madrone {
    transform: translatex(-200px);
  }

  .banner-plants-wrapper img {
    transition: all ease-in-out 0.1s;
  }

  .banner-plants-wrapper img:hover {
    filter: invert(46%) sepia(83%) saturate(6072%) hue-rotate(25deg)
      brightness(94%) contrast(100%);
    transition: all ease-in-out 0.1s;
  }
}

.no-underline,
.no-underline a,
.gb-button.no-underline {
  text-decoration: none !important;
}

.plant-accordion-title img:hover,
.plant-accordion-title h2:hover {
  cursor: pointer;
}

.plant-accordion-content {
  display: none !important;
}

.plant-accordion-content.show {
  display: flex !important;
}

.plant-accordion-title h2.perrenials.show a {
  color: #0199d6;
}
.plant-accordion-title h2.turf.show a {
  color: #70d2ff;
}

.plant-accordion-title h2.trees.show a {
  color: #f99c24;
}

.plant-accordion-title h2.vines.show a {
  color: #fed103;
}

.plant-accordion-title h2.ground-cover.show a {
  color: #ffb4a3;
}

.page-id-26238 .event-details .event-details-copy .event-details-title {
  font-family: "WindsorExtraBoldCondensed";
  font-size: 42px;
  margin-bottom: 0;
}

.page-id-26238 .inside-article {
  background: transparent;
}

.page-id-26238 .gform_title {
  color: #b95400;
  font-family: "WindsorExtraBoldCondensed";
  font-size: 92px;
}

.page-id-26238 .gform_description,
.page-id-26238 .gform-field-label {
  color: #13348c;
  font-size: 22px !important;
  font-weight: bold;
}
.page-id-26238 .gform-footer {
  justify-content: center;
}
.page-id-26238 .gform_button {
  background-color: #b95400 !important;
  border-radius: 10px;
  padding: 12px 25px !important;
  color: white !important;
  text-decoration: none;
  font-weight: bold;
  font-size: 22px;
  text-align: center;
  line-height: 1;
  transition: all 0.3s;
  max-width: 170px;
}

.page-id-26238 .gform_button:hover {
  background: #9c4600 !important;
  transition: all 0.3s;
}

.page-id-26238 .wpv-block-loop-item {
  border-bottom: black 4px dotted;
}

.page-id-26238 .wpv-block-loop-item:last-of-type {
  border-bottom: none;
}

.page-id-26213 .purple-needlegrass img,
.page-id-26214 .coyote-bush img,
.page-id-26215 .bush-monkey-flower img,
.page-id-26216 .common-yarrow img,
.page-id-26217 .blue-elderberry img,
.page-id-26218 .california-blackberry img,
.page-id-26219 .yerba-buena img,
.page-id-26220 .western-goldenrod img,
.page-id-26221 .blue-dicks img,
.page-id-26223 .deergrass img,
.page-id-26224 .pacific-madrone img {
  filter: invert(46%) sepia(83%) saturate(6072%) hue-rotate(25deg)
    brightness(94%) contrast(100%);
}

.rebate-btn a:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

@media only screen and (max-width: 768px) {
  .page-id-26238 header.site-header {
    background-color: #f0f2fae6 !important;
  }
}

#menu-events-submenu .menu-item-has-children {
  position: relative;
}

#menu-events-submenu button {
  font-weight: normal;
}

#menu-events-submenu button + #menu-item-26226-sub-menu.sub-menu {
  padding: 1rem !important;
  max-width: 260px !important;
  flex-direction: column;
}

.conservation-reports-list {
  list-style: none;
  display: flex;
  gap: 2rem;
  margin: 0 0 3rem 0;
  width: fit-content;
  flex-wrap: wrap;
}

@media only screen and (max-width: 768px) {
  .conservation-reports-list {
    flex-direction: column;
  }
}

.conservation-reports-list li,
.conservation-report-item:not(.current-page) {
  background: #eff3fa;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  padding: 15px 50px;
}

.conservation-report-item.current-page {
  background: white;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  padding: 15px 50px;
  border: 2px solid #81ccdd;
}

.similar-reports-loop .js-wpv-loop-wrapper {
  display: flex;
  gap: 2rem;
  flex-wrap: wrap;
}

@media only screen and (max-width: 768px) {
  .similar-reports-loop .js-wpv-loop-wrapper {
    flex-direction: column;
  }
}

.conservation-report-item {
  width: max-content;
}

.conservation-reports-block button {
  font-size: 1.125rem;
  font-weight: 700;
  text-align: center;
  padding: 0.75rem 16px;

  border-radius: 5px;
  background-color: var(--contrast-2);
  color: var(--contrast-3);
  text-decoration: none;
}

.conservation-reports-block button:hover {
  background-color: var(--base-3) !important;
}

.reports-filter {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-bottom: 2rem;
}

.bill-accordion-button:hover {
  cursor: pointer;
}

.bill-accordion-button.open-details,
.accordion-number.open-details,
.accordion-number.hovering,
.bill-accordion-button.hovering {
  background-color: #003592;
}

.bill-accordion-button.open-details .btn-label,
.bill-accordion-button.hovering .btn-label {
  color: #ffffff;
}

.accordion-number.open-details:before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3Cpath fill='%23ffffff' d='M342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3 297.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256 342.6 150.6z'/%3E%3C/svg%3E");
  width: 25px;
  height: 25px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  position: absolute;
}

.accordion-number.hovering:before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23ffffff' d='M416 208c0 45.9-14.9 88.3-40 122.7L502.6 457.4c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L330.7 376c-34.4 25.2-76.8 40-122.7 40C93.1 416 0 322.9 0 208S93.1 0 208 0S416 93.1 416 208zM208 352a144 144 0 1 0 0-288 144 144 0 1 0 0 288z'/%3E%3C/svg%3E");
  width: 25px;
  height: 25px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  position: absolute;
}

.accordion-number.open-details,
.accordion-number.hovering {
  color: transparent;
}

.accordion-number {
  position: absolute;
  top: 100px;
  left: -40px;
  cursor: pointer;
  z-index: 2;
}

.accordion-image {
  border: 3px solid #a5acb0;
}

.bill-details-container .bill-details-accordion:first-of-type .accordion-image {
  border-bottom: 0px !important;
}

.bill-details-container
  .bill-details-accordion:nth-of-type(2)
  .accordion-image {
  border-bottom: 0px !important;
  border-top: 0px !important;
}

.bill-details-container .bill-details-accordion:last-of-type .accordion-image {
  border-top: 0px !important;
}

@media (max-width: 767px) {
  .accordion-number {
    top: 50px;
    left: -25px;
  }
}

.accordion-text {
  display: none;
}

.accordion-text.open-details {
  display: block;
}

.accordion-image:hover {
  cursor: pointer;
}

.gb-container.image-hover {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.8;
  z-index: 1;
}

.accordion-image.hovering .image-hover {
  display: flex;
}

.pulse {
  animation: pulse-animation 2s infinite;
}

@keyframes pulse-animation {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2);
  }
  100% {
    box-shadow: 0 0 0 20px rgba(0, 0, 0, 0);
  }
}

.map-link-icon {
  width: fit-content;
  position: absolute;
}

.map-link-icon {
  display: none;
}

.map-link-icon.is-visible {
  display: block;
}

.chico.map-link-icon {
  top: 10%;
  left: 15%;
}

.oroville.map-link-icon {
  top: 16%;
  left: 18%;
}

.visalia.map-link-icon {
  top: 45%;
  left: 40%;
}

.east-los-angeles.map-link-icon {
  top: 63%;
  left: 46%;
}

.livermore.map-link-icon {
  top: 30%;
  left: 15%;
}

.bayshore.map-link-icon {
  top: 31%;
  left: 11%;
}

.bear-gulch.map-link-icon {
  top: 33%;
  left: 13%;
}

.salinas.map-link-icon {
  top: 38%;
  left: 17%;
}

@media (min-width: 1024px) {
  .map-link:hover {
    cursor: pointer;
    text-decoration: underline;
    color: #003592;
  }
}

.alert-icon {
  width: 20px;
  transform: translateY(4px);
}

.headtop {
  display: flex;
  align-items: center;
}

#user-location-block {
  display: flex;
  align-items: center;
  position: relative;
}

.dialog-container {
  position: absolute;
  top: 80%;
  left: -10%;
  z-index: 9999;
  min-width: 330px;
  width: 300px;
  box-shadow: 0 0 11px #909090;
  border: solid thin gray;
  padding: 2rem;
  border-radius: 5px;
  background-color: white;
}

#dismissPopup {
  background: transparent;
  color: #000;
  padding-left: 0;
}

#dismissPopup:hover,
#dismissPopup:focus,
#dismissPopup:active {
  text-decoration: underline;
}

.dialog-container button:not(.dialog-close),
.district-alert-form button {
  border-radius: 5px;
  background: #ffd200;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  color: #2a2723;
  padding: 0.7rem;
  width: fit-content;
}

.dialog-container button:not(.dialog-close):hover,
.dialog-container button:not(.dialog-close):focus,
.dialog-container button:not(.dialog-close):active,
.district-alert-form button:hover,
.district-alert-form button:focus,
.district-alert-form button:active {
  background-color: #ffa12d !important;
  text-decoration: underline;
}

#locationPopupText span {
  font-weight: 600;
}

#locationPopup #districtList {
  display: flex;
  flex-wrap: wrap;
}

#locationPopup #districtList .district-item {
  flex-basis: 50%;
  box-sizing: border-box;
}

#locationPopup button {
  margin-top: 10px;
}

input[type="radio"]:checked + label {
  color: #003592;
  text-decoration: underline;
}

.district-item label:hover,
.district-item label:focus {
  cursor: pointer;
  color: #003592;
  text-decoration: underline;
}

.dialog-flex {
  display: flex;
  flex-direction: column;
}

@media only screen and (min-width: 1024px) {
  .dialog-flex {
    flex-direction: row;
  }
}

button.link-like.location-change-button.d-none.d-sm-block {
  max-width: 140px;
}

div#locationPopup {
  right: 11rem;
  left: initial;
  top: -6rem;
}

@media only screen and (max-width: 1024px) {
  div#locationPopup {
    right: 11rem;
    left: initial;
    top: -2rem;
  }

  .custom-path-active #locationPopup {
    top: -8rem;
  }
}

@media only screen and (max-width: 768px) {
  .custom-path-active #locationPopup {
    top: -7rem;
  }

  div#locationPopup {
    right: 50%;
    left: 50%;
    top: -1rem;
    transform: translateX(-50%);
  }
}

div#search-dialog-large {
  right: 0;
  left: initial;
  width: auto;
  top: 2.6rem;
}

#districtSelectionForm {
  width: 100vw;
  top: 2rem;
}

#districtSelectionForm {
  width: calc(100vw - 5px);
  top: 9px;
  position: fixed;
  left: 0;
  height: 100vh;
  overflow: auto;
  z-index: 10000000;
}

.mobile-menu-open #districtSelectionForm {
  height: calc(100vh - 7rem);
}

@media only screen and (min-width: 768px) {
  #districtSelectionForm {
    width: 100vw;
    top: -6.75rem;
    position: absolute;
    left: 50%;
    height: auto;
    max-height: 90vh;
    transform: translateX(-50%);
    overflow: auto;
    max-width: 1200px;
  }
}

#districtList {
  margin: 0 -1rem;
  list-style: none;
}

@media only screen and (min-width: 768px) {
  #districtList {
    column-count: 2;
    gap: 20px;
    margin: 0 0 0 -1rem;
  }
}

@media only screen and (min-width: 1024px) {
  #districtList {
    column-count: 4;
  }
}

#districtList .district-item a {
  line-height: 1.5;
  display: inline-block;
  padding: 0.5rem 0 0.5rem 1rem;
  margin: 0;
  color: #2a2723;
  text-decoration: none;
}

#districtList .district-item a:hover {
  cursor: pointer;
  text-decoration: underline;
  color: #003592;
}

#districtList .district-item {
  width: 100%;
  box-sizing: border-box;
  position: relative;
  line-height: 2;
}

#districtList .district-item.active a {
  font-weight: 700;
  color: #003592;
  text-decoration: underline;
}

#districtList .district-item input {
  position: absolute;
  width: 100%;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  padding: 1rem 0;
  display: inline-block;
  height: 2rem;
  height: 100%;
  appearance: none;
}

#districtList .district-item input:hover {
  cursor: pointer;
}

.stylized-header {
  border-bottom: solid 2px #ffd200;
  display: inline-block;
  font-size: 1rem;
}

#districtSelectionForm .dialog-close {
  position: absolute;
  top: 0;
  right: 0;
  padding: 0.6rem;
  line-height: 0;
  display: inline;
}

#districtSelectionForm .social-footer-menu a {
  background-color: var(--light-grey);
  margin: 0 1rem 0 0 !important;
  width: 2.75rem !important;
  height: 2.75rem !important;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100%;
  padding: 0.5rem !important;
}

#districtSelectionForm .social-footer-menu a:hover {
  background-color: var(--light-blue);
}

.location-change-button.loading {
  position: relative;
}

.location-change-button.loading::after {
  content: "";
  position: absolute;
  top: 12px;
  left: 6px;
  width: 24px;
  height: 24px;
  margin: -12.5px 0 0 -12px;
  border: 2px solid #ccc;
  border-top-color: #000;
  border-radius: 50%;
  animation: spinner 0.6s linear infinite;
}

@media only screen and (min-width: 1024px) {
  .location-change-button.loading::after {
    top: 20px;
  }
}

@keyframes spinner {
  to {
    transform: rotate(360deg);
  }
}
#location-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(
    0,
    0,
    0,
    0.275
  ) !important; /* Dark semi-transparent background */
  z-index: 999; /* Ensure it sits below the dialog */
}

#districtSelectionForm .dialog-flex {
  justify-content: space-between;
}

.alert-form-wrapper {
  flex-basis: 80%;
}
.d-sidebar-wrapper {
  flex-basis: 20%;
}

.district-form-checkboxes, .district-alert-list
 {
  margin: 1rem 0;
}

.alert-center-header .district-alert-form {
    flex-direction: column;
}

.district-alert-list, .district-form-checkboxes {
  columns: 3;
    column-gap: 2rem;
}
.district-alert-list > div, .district-form-checkboxes > div {
    break-inside: avoid;
    margin-bottom: 1rem;
}

.alert-center-header .alert-form-wrapper {
  border-bottom: 2px solid #a5acb0;
  padding-bottom: 2rem;
}
.district-form-checkboxes > div,
.alert-center-header .district-alert-form > div:not(.district-alert-list) {
  flex-wrap: wrap;
  gap: 0.5rem 1rem;
  display: flex;
  align-items: center;
  flex: 0 0 33%;
}

.district-form-checkboxes > div label,
.alert-center-header .district-alert-form > div label {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.district-form-checkboxes > div label input,
.alert-center-header .district-alert-form > div label input {
  width: 31px;
  height: 30px;
  border: 1px solid #a5acb0;
  border-radius: 5px;
  cursor: pointer;
  display: inline-block;
  position: relative;
  appearance: none;
  -webkit-appearance: none;
}
.district-form-checkboxes > div label input[type="checkbox"]:checked,
.alert-center-header
  .district-alert-form
  > div
  label
  input[type="checkbox"]:checked {
  background-color: #003592;
}

.district-form-checkboxes input[type="checkbox"]:checked::after,
.alert-center-header
  .district-alert-form
  input[type="checkbox"]:checked::after {
  content: "";
  position: absolute;
  left: 10px;
  top: 2px;
  width: 9px;
  height: 19px;
  border: solid white;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}

.alert-center-header .selected-alerts-list {
  border-bottom: 2px solid #a5acb0;
}

.alert-center-header.alerts-container {
  margin-bottom: 2rem;
}

  .select-alerts-mobile {
    display: none;
  }

.selected-alerts-list ul {
  columns: 2;
}

.selected-alerts-list ul li{
  width: 50%;
}

@media (max-width: 767px) {
  .alert-center-header .district-alert-form {
    flex-direction: column;
  }
  .alert-center-header .district-alert-form > div{
    flex: unset;
  }

  .alerts-header-wrapper .select-alerts {
    display: none;
  }
  .select-alerts-mobile {
    display: block;
      border-bottom: 2px solid #a5acb0;

  }

  .alert-center-header .selected-alerts-list {
    border-bottom: none;
  }

  .selected-alerts-list ul {
  columns: 1;
}
}

@media only screen and (min-width: 1200px) {
  .alerts-center-main .calwater-banner::before {
    background-position: bottom -17px left 35%;
  }
}

@media only screen and (min-width: 1400px) {
  .alerts-center-main .calwater-banner::before {
    background-position: bottom -17px right 70%;
  }
}

@media only screen and (min-width: 1500px) {
  .alerts-center-main .calwater-banner::before {
    background-position: bottom -17px right 70%;
  }
}

@media only screen and (min-width: 1600px) {
  .alerts-center-main .calwater-banner::before {
    background-position: bottom -17px right 75%;
  }
}

@media only screen and (min-width: 1800px) {
  .alerts-center-main .calwater-banner::before {
    background-position: bottom -17px right 75%;
  }
}

.main-nav #menu-main-menu > .menu-item.menu-item-type-custom > ul > li > a {
  display: none;
}

.select-alerts-toggle {
  border-radius: 5px;
  background: #003592;
  font-size: 18px;
  font-style: normal;
  color: white;
  padding: 0.7rem;
  display: flex;
  align-items: center;
}
.select-alerts-toggle span {
  width: 16px;
  margin-right: 0.5rem;
  height: 21px;
}

.select-alerts-toggle:hover,
.select-alerts-toggle:focus,
.select-alerts-toggle:active {
  background-color: #002463 !important;
  text-decoration: underline;
  color: white !important;
}

.alerts-header-wrapper {
  display: flex;
  justify-content: space-between;
}

.hiw-popover {
  position: absolute;
  right: 1rem;
  top: 1rem;
  max-width: 265px;
  width: 100%;
  background: #eff3fa;
  border-radius: 0 10px;
  box-shadow: 0 0 15px 0 rgba(124, 124, 124, 0.68);
  display: none;
}
.hiw-popover[aria-hidden="false"] {
  display: block;
}
.hiw-popover__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.5rem;
  background: #81ccdd;
  border-radius: 0 10px 0 0;
  padding: 12px;
}
.hiw-popover__title {
  font-size: 1.125rem;
  margin: 0;
  color: #2a2723;
}
.hiw-popover__close {
  background: transparent;
  padding: 0;
  cursor: pointer;
  font-size: 21px;
  line-height: 1;
  font-weight: bold;
  color: #2a2723;
}

.hiw-popover__body {
  padding: 24px 12px;
}
.hiw-popover__body p {
  margin-bottom: 0;
}
.hiw-popover__body .districts-wrapper {
  display: flex;
  gap: 1rem;
  align-items: center;
}
.hiw-popover__body hr {
  margin: 8px 0;
}
@media (max-width: 640px) {
  .hiw-popover {
    left: 1rem;
    right: 1rem;
    top: auto;
    bottom: 1rem;
  }
}

.popover-icons {
  display: flex;
  height: fit-content;
  align-items: center;
  gap: 0.5rem;
}
.popover-icons img {
  width: fit-content;
  height: fit-content;
}

.hiw-map {
  position: relative;
  width: 100%;
}
.hiw-svg {
  width: 100%;
  height: auto;
  display: block;
}
.hiw-islands path {
  cursor: pointer;
  transition: fill 0.15s, stroke-width 0.15s;
  outline: none;
}
.hiw-islands path:hover,
.hiw-islands path:focus {
  fill: #2b6cb0;
  stroke-width: 3;
}
.hiw-islands path:focus-visible {
  outline: 3px solid rgba(0, 0, 0, 0.25);
  outline-offset: 2px;
}

path#isle-kauai {
transform: translate(221px, 81px);
    scale: 0.9;
}
path#isle-oahu {
      transform: translate(230px, 91px);
    scale: .85;
}
path#isle-maui {
      transform: translate(220px, 95px);
    scale: .85;
}
path#isle-hawaii {
         transform: translate(221px, 100px);
    scale: .85;
}

.page-with-left-sidebar {
  display: flex;
  width: 100%;
  gap: 2rem;
}

.left-sidebar-container {
flex-basis: 25%;
}
.left-sidebar-container .widget.widget_nav_menu {
border-radius: 10px;
background-color: #003592;
padding: 1.5rem;
}

.left-sidebar-container .widget.widget_nav_menu a {
color: white;
text-decoration: none;
font-weight: bold;
}
.left-sidebar-container .widget.widget_nav_menu a:hover {
color: #FFEF89;
}
.left-sidebar-container .widget.widget_nav_menu .widget-title {
color: #87CFDF;
font-weight: bold;
}

.left-sidebar-main-content {
  flex-basis: 75%;
}

.custom-tab-btn.list-unstyled {
  list-style: none;
  margin: 0;
    display: flex;

}
.custom-tab-btn.list-unstyled,.tab-btn.active-tab {
  font-weight: bold;
  color: #003592;

}

.tab-content {
  display: none;
}

.tab-content.active-content {
  display: block;
}

.tab-btn {
  margin-bottom: 15px;
  padding: 4px 20px;
  color: #333;
  font-size: 14px;
  line-height: 1;
  text-align: center;
  cursor: pointer;
  position: relative;
  bottom: -2px;
  border-right: 1px solid #000;
}

#billpay-dialog-large:not([aria-hidden="true"]){
  position: absolute;
  top: 3.2rem;
  padding: 1.5rem 1rem 1rem 1rem;
  display: flex;
  background-color: white;
}


  #billpay-dialog-large .dialog-title, #billpay-dialog-mobile .dialog-title,
  #billpay-dialog-bottom-mobile .dialog-title {
	margin: 0;
}

  #billpay-dialog-large .dialog-close {
		    position: absolute;
    top: 1rem;
    right: .75rem;
    padding: 0.6rem;
    line-height: 0;
    display: inline;
		z-index: 100;
}
#billpay-dialog-mobile .dialog-close, #billpay-dialog-bottom-mobile .dialog-close {
    padding: 0;
		height: fit-content;
  }

  #billpay-dialog-large .dialog-title,
  #billpay-dialog-mobile .dialog-title,
#billpay-dialog-bottom-mobile .dialog-title {
	margin: 0;
}

  #billpay-dialog-large .dialog-close svg,
  #billpay-dialog-mobile .dialog-close svg,
  #billpay-dialog-bottom-mobile .dialog-close svg{
    width: 22px;
		height: 16px;

  }

.login-top-section {
	display: flex;
	justify-content: space-between;
}

.login-top-section p {
	max-width: 70%;
	display: block !important;
}

.login-pay-btn {
	background-color: var(--contrast) !important;
	color: white !important;
	display: flex;
	justify-content: center;
	border-radius: 5px;
	text-decoration: none !important;
	font-size: 18px !important;
	font-weight: 700 !important;
	padding: .7rem;
}

.login-pay-btn:hover {
background-color: #81ccdd !important;
	cursor: pointer;
		color: #2a2723!important;

}	

.login-pay-btn:focus {
background-color: #81ccdd !important;
}	


a.sign-up-btn {
	background: white !important;
	border: 1px solid #A5ACB0;
	width: 100%;
	margin-bottom: 1rem;
		border-radius: 5px;
		text-decoration: none !important;
	font-size: 18px !important;
	font-weight: 700 !important;
	padding: .7rem;
}

a.sign-up-btn:hover {
	background: #EAEAEA !important;
		cursor: pointer;
	color: #2a2723!important;
}

.sign-up-btn:focus {
	background: #EAEAEA !important;
}	

#billpay-dialog-large .login-pay-btn, #billpay-dialog-mobile .login-pay-btn, #billpay-dialog-bottom-mobile .login-pay-btn {
	width: 100%;
		margin-bottom: 1rem;
}


#billpay-dialog-large a, #billpay-dialog-mobile a,#billpay-dialog-bottom-mobile a {
	text-align: center;
	text-decoration: underline;
	display: block;
}

#billpay-dialog-large a:hover,
#billpay-dialog-mobile a:hover,#billpay-dialog-bottom-mobile a:hover {
	color: #003592;
}

@media (max-width: 768px) {
	.site-logo {
		margin-right: auto;
	}
  #billpay-dialog-mobile .dialog-content, #billpay-dialog-bottom-mobile.dialog-content {
    width: 90%;
    max-height: 90vh;
    overflow-y: auto;
  }
	#billpay-dialog-mobile.dialog-container, 	#billpay-dialog-bottom-mobile.dialog-container {
		width: 100%;
	}
	#billpay-dialog-mobile:not([aria-hidden="true"]), #billpay-dialog-bottom-mobile:not([aria-hidden="true"])  {
  position: fixed;
  inset: 0; 
  z-index: 100000;
  display: flex;
  align-items: center;
  justify-content: center;
		background: transparent;
}

.dialog-overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.6); 
}
	#billpay-dialog-mobile .dialog-content, #billpay-dialog-bottom-mobile .dialog-content {
  position: relative;
  z-index: 1001;
  background: #fff;
  border-radius: 8px;
  max-width: 90%;
  width: 400px;
  padding: 1.5rem;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}
	
	body.dialog-open {
  overflow: hidden;
}
.mobile-fixed-buttons button[aria-controls="billpay-dialog-bottom-mobile"] {
	    position: fixed;
    z-index: 100000;
    bottom: 0;
    display: flex
;
    align-items: center;
    justify-content: center;
    min-height: 5rem;
    text-align: center;
    padding: 15px 20px;
    border-radius: 0;
    text-decoration: none;
    width: 100%;
    left: 0;
}
}

a.see-alerts-btn {
    display: block;
    border-radius: 5px;
    background: #eff3fa;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    color: #2a2723;
    padding: 0.7rem;
    width: fit-content;
    text-decoration: none;
    margin-top: 1rem;
}
a.see-alerts-btn:hover {
    background: #d5d9e0;
    cursor:pointer;
}