/*
  Lake Blue: #055599 / rgb(5 85 153);
  Lake Green: #37998a;
  Eclipse Blue: #31324e
  Sunrise: #f99f22
  Sunset: #f05432
  Ice: #89a3d4
  Sand: #f7cc9f
  Dirt: #853626
*/

@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

ul, ol,
table tbody td,
input, select, textarea,
.form legend, .form label, .form span,
.header-nav ul li.hasdrop ul li a,
.header-nav ul li .super .super-column.first-column ul li a,
.header-nav ul li .super ul li a,
body, p, a {
  font-family: "Inter", sans-serif;
}

.content.content-typography-space li + li {
  margin-top: 0.5rem;
}

.text-thin {
  font-weight: 300 !important;
}
.text-regular {
  font-weight: 400 !important;
}
.text-medium {
  font-weight: 500 !important;
}
.text-bold {
  font-weight: 600 !important;
}
.text-black {
  font-weight: 700 !important;
}

.leading-normal {
  line-height: normal !important;
}

.leading-120 {
  line-height: 1.2 !important;
}

.leading-140 {
  line-height: 1.4 !important;
}

svg,
.coa-button,
button, a, 
a.button, 
.clm-groupedtout:hover .button,
.clm-calendar ul li,
.grouped-tout,
.grouped-tout-content,
.event-widget__control-btn {
  transition: all 200ms ease !important;
}

h1,
h2,
h3,
h4
h5,
h6 {
  line-height: normal;
}

a,
a:link,
a.button,
a:visited,
.header-nav ul li a,
.header-nav ul li:hover > a,
.header-nav ul li.hasdrop ul li a,
.header-nav ul li .super .super-column.first-column ul li a,
.featured-events__title,
.event-ribbon__tag,
.spotlights .spotlights-title h2,
.event-widget__title,
.content .content-sidenav ul li a,
.blog-content .blog-title,
.blog-content .blog-older a, .blog-content .blog-newer a,
.header-nav ul li.weather .forecast,
#PageNumbers a,
.clm-tout .clm-tout-linked h3,
.header-nav ul li.hasdrop ul li a:hover,
.clm-calendar .event-title,
.clm-calendar ul li:hover .date .month,
.clm-calendar ul li:hover .date .day,
.event-card__category,
.event-card__title,
.event-filter-list__checkbox input:hover + span, .event-filter-list__checkbox:hover, .event-filter-list__checkbox:focus,
.text-lake-blue,
.clm-faq ul.faq li > a, .faq-list ul.faq li > a,
a.button.handwriting-btn-outline:hover,
h6,
h5,
h4,
h3,
h2,
h1 {
  color: #055599; /*Lake Blue*/
}

a.button.minor:hover,
.title h1, .title h2, .title h3, .title h4, .title h5, .title h6, .title p {
  color: white;
}

.text-exclipse-blue,
.form .action input:hover, .form .btn-toolbar input:hover, .form .Actions input:hover,
p,
ul, ol,
table thead th,
table tbody td,
.blog-content .blog-title a:hover,
.text-exclipse-blue,
.clm-tout:hover p,
.header-nav ul li a:hover,
a.button.yellow,
a.button.minor,
.event-ribbon,
.event-widget__btn:hover, .date-modal__btn:hover,
.header-nav ul li.hasdrop ul li a:hover,
.header-nav ul li.hasdrop:hover > a,
.header-nav ul li.selected > a,
.event-card__link:hover,
.event-card__date,
.date-block,
.event-card__link:hover .event-card__date,
.event-card__attribute,
.event-card__link:hover .event-card__title,
.event-filter-list__checkbox span,
.clm-groupedtout:hover .button.yellow {
  color: #31324e; /*Eclipse Blue*/
}

.text-sunrise,
.yellow-text,
.header-nav ul li.weather .forecast.fa-sun,
#PageNumbers a:hover {
  color: #f99f22; /*Sunrise*/
}

.text-sunset {
  color: #f05432;
}

.text-ice {
  color:#89a3d4;
}

.text-sand {
  color: #f7cc9f;
}

.text-dirt {
  color: #853626;
}

a.button.yellow.page-banner-button:hover,
.cookie-banner,
.coa-button:hover,
.bg-lake-blue,
.blog-content .blog-link a.blue,
.blog-category-list ul li a:hover,
.blog-category-list-container:hover .blog-category-link,
.event-widget__btn, .date-modal__btn,
.form .action input, .form .btn-toolbar input, .form .Actions input,
.directory-filter-form .btn-toolbar button,
.sidebar-widget-links .sidebar-widget-button,
.event-widget__control-btn,
.content .content-sidenav ul li.selected > a,
.content .content-sidenav ul li a:hover,
a.button.blue,
a.button.box,
.clm-tout .clm-tout-linked p,
.sidebar-widget-links,
.subfooter {
  background-color: #055599; /*Lake Blue*/
}

.bg-lake-green, .clm-calendar .date,
.clm-calendar ul li:hover,
.bg-eclipse-blue,
.title,
a.button.yellow:hover,
.directory-filter-form .btn-toolbar button.clear-action:hover,
.directory-filter-form .btn-toolbar button:hover {
  background-color: #31324e; /*Eclipse Blue*/
}

.bg-sunrise,
.blog-content .blog-link a.blue:hover,
a.button.minor,
a.button.yellow,
a.button.box:hover,
a.button.blue:hover,
.event-widget__control-btn:hover,
.clm-tout:hover p,
.clm-tout .clm-tout-linked p:hover,
.date-block,
.event-card__date,
.event-widget__btn:hover, .date-modal__btn:hover,
.form .action input:hover, .form .btn-toolbar input:hover, .form .Actions input:hover,
.directory-filter-form .btn-toolbar button.clear-action,
.clm-groupedtout:hover .button.yellow {
  background-color: #f99f22; /*Sunrise*/
}

.clm-faq ul.faq li > a:hover, .faq-list ul.faq li > a:hover,
a.button.minor:hover,
.clm-groupedtout:hover .button.yellow:hover {
  background-color: #31324e;
}

.bg-lake-green {
  background-color: #37998a;
}

.clm-groupedtout:hover .clm-groupedtout-link::before {
  background-color: rgba(5, 85, 153, .65);
}

.bg-sunset {
  background-color: #f05432;
}

.bg-ice {
  background-color:#89a3d4;
}

.bg-sand {
  background-color: #f7cc9f;
}

.bg-dirt {
  background-color: #853626;
}

h1,
h2,
h3,
h6,
h5,
h4,
h1 a,
h2 a,
h3 a,
h6 a,
h5 a,
h4 a,
.clm-faq ul.faq li > a, .faq-list ul.faq li > a,
table thead th,
.featured-events__card-title,
.coa-button,
a.button.handwriting-btn-outline,
.event-ribbon,
.handwriting-font,
.spotlights .spotlight h3,
.form .action input, .form .btn-toolbar input, .form .Actions input,
.marquee-content h1, .marquee-content h2, .marquee-content h3, .marquee-content h4, .marquee-content h5, .marquee-content h6,
.header-nav ul li a {
  font-family: 'GT Eesti Pro Display', sans-serif;
}

.blog-content .blog-title a:link,
.blog-content .blog-title a,
.blog-content .blog-title {
  font-family: "GrenetteProSemiBold", sans-serif;
}

h1,
h2,
h3,
.header-nav ul li.hasdrop ul li a,
.header-nav ul li a {
  font-weight: 600;
}

.marquee-content h1,
h3 {
  line-height: normal;
}

.directory-searchresult h3 {
  font-size: 1.2rem;
}

.content {
  overflow-x: unset;
}

#PageNumbers {
  margin: 1rem auto;
  font-size: 1.2rem;
}

#PageNumbers a {
  display: inline-block;
  margin: 0 5px;
}

.header-top ul li a:hover {
  text-decoration: underline;
}

a.button.minor:hover {
  text-decoration: none;
}

.text-center {
  text-wrap-style: pretty;
}

.event-widget__control-btn:hover svg path,
.event-widget__btn:hover svg path, 
.date-modal__btn:hover svg path {
  fill: #31324e; /*Eclipse Blue*/
}

.text-thin {
  font-weight: 300 !important;
}
.text-regular {
  font-weight: 400 !important;
}
.text-medium {
  font-weight: 500 !important;
}
.text-bold {
  font-weight: 600 !important;
}
.text-black {
  font-weight: 700 !important;
}

.leading-normal {
  line-height: normal !important;
}

.leading-120 {
  line-height: 1.2 !important;
}

.leading-140 {
  line-height: 1.4 !important;
}

.page-banner-button:hover .page-banner-button-arrow {
  fill: white;
}

.page-banner-button-arrow,
.date-modal__btn:hover svg path {
  fill: #31324e; /*Eclipse Blue*/
}

@media screen and (max-width: 1024px) {
  .header-nav > ul li.hasdrop ul {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .header-nav ul li.hasdrop ul li a {
    line-height: normal;
  }
}

.content.content-typography-space img {
  margin: 0;
}

.content.content-typography-space .text-center img {
  margin: 0 auto;
}

.grouped-tout {
  box-sizing: border-box;
  height: 100%;
  border: 0.5rem solid #37998a;
}

.grouped-tout a:link,
.grouped-tout a:visited,
.grouped-tout a:focus,
.grouped-tout a {
  display: flex;
  flex-direction: column;
  height: inherit;
  text-decoration: none;
  font-size: 2rem;
  font-weight: 600;
  line-height: 1.4;
}

.grouped-tout-image {
  aspect-ratio: 1/1.25;
}

.grouped-tout-image img {
  display: block;
  margin: 0;
  max-width: 100%;
  height: 100%;
  object-fit: cover;
}

.grouped-tout-content {
  flex: 1;
  padding: 1.5rem;
  background-color: #31324e;
  color: white;
}

.clm-groupedtout {
  width: auto !important;
  flex: 1;
  min-height: unset !important;
  padding: 0.3125rem 0.625rem;
  margin: 0;
}

.grouped-tout a:hover .grouped-tout-content {
  background-color: #055599;
}

a.coa-button,
a.coa-button:link,
.coa-button:link,
.coa-button:visited,
.coa-button:active,
.coa-button {
  display: inline-block;
  padding: 1.25rem 2.5rem; /* 20px */
  font-size: 1.25rem; /* 20px */
  border: 0.375rem solid #37998a; /* 6px, Lake Green */
  text-decoration: none;
  border-radius: 3.75rem;
  line-height: 1.7;
  font-weight: 500;
}

.coa-button:hover,
a.coa-button:hover,
.grouped-tout:hover {
  border-color: #055599; /*Lake Blue*/
}

.coa-button:hover {
  color: white;
}

.section-divider {
  margin-top: 3rem;
  padding-top: 3rem;
  border-top: 1px solid #37998A;
}

.limited .embed-wrap {
  max-width: 64rem;
  margin: 0 auto;
  border: 0.5rem solid #37998a; /* Lake Green */
}

.content.content-typography-space ul, .content.content-typography-space ol {
  margin-left: 0;
  padding-left: 20px;
  /* word-break: break-word; */
}

.polaroid-image img {
  border: 10px solid white;
  box-shadow: .25rem .5rem .5rem rgba(0, 0, 0, .5);
}

.blog-image {
  margin-bottom: 1rem;
}

.page-banner {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  width: 100%;
  padding: 0.5rem 1rem;
  margin: 1rem 0;
  color: white;
  background-color: #31324e;
  border-radius: 0.3125rem;
}

.page-banner p {
  color: white;
}

a.page-banner-button {
  display: flex;
  flex-direction: row;
  gap: .5rem;
  align-items: center;
  line-height: 1;
}

a.page-banner-button::after {
  display: none;
}

.muted {
  color: #999;
}

.clm-section.overflow-hidden {
  overflow: hidden;
}

@media screen and (max-width: 700px) {
  .clm-embed .embed.flex-iframe {
      height: auto;
  }
}

/* 1200px */
@media screen and (max-width: 75rem) {
  .clm-groupedtout {
    padding-left: 0.3125rem;
    padding-right: 0.3125rem;
  }
}

/* 1024px */
@media screen and (max-width: 64rem) {
  .header-nav > ul li.hasdrop ul {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .header-nav ul li.hasdrop ul li a {
    line-height: normal;
  }

  .grouped-tout-content {
    font-size: 1.2rem;
  }

  .clm-groupedtout {
    flex: 0 1 calc(50% - 10px);
  }
}

/* 640px */
@media screen and (max-width: 40rem) {
  .clm-groupedtout {
    flex-basis: calc(100% - 20px);
    padding-left: 0.625rem;
    padding-right: 0.625rem;
  }
}

/* 600px */
@media screen and (max-width: 37.5rem) {
  .directory-filter-form .checkboxset > label {
    background-color: #055599;
  }

  .directory-filter-form .checkboxset > label.open {
    background-color: #31324e; /*Eclipse Blue*/
  }

  .space.triple {
    padding: 1.25rem;
  }

  .text-large {
    font-size: 1.2rem;
  }

  h2 {
    font-size: 2rem;
  }
}