@charset "UTF-8";
.category-overview__heading, .category-overview__main-container--inner p, .explore-highlights__body__intro h2, .explore-highlights__body__intro p, .content-map__block p {
  color: white !important;
}
.component.component--banner:not(.component--banner-hero) {
  display: none;
}
@media screen and (max-width: 799px) {
  .banner__category {
    display: none !important;
  }
}
@media screen and (min-width: 1025px) {
  .component--banner.component--banner-hero .component__container:before {
    width: 1000px;
    height: 500px;
    z-index: 9;
    right: unset;
    left: 0;
  }
}
@media screen and (max-width: 700px) {
  .component--banner.component--banner-hero .component__container:before {
    width: 120px;
    height: 500px;
    z-index: 12;
    right: 0;
    left: unset;
  }
}
@media screen and (min-width: 1100px) {
  .component--banner.component--banner-hero .component__container:after {
    height: 100%;
    width: 350px;
    left: 65%;
    background-size: auto 100%;
  }
}
@media screen and (max-width: 1099px) {
  .component--banner.component--banner-hero .component__container:after {
    width: 260px;
    right: auto;
    left: 357px;
  }
}
@media screen and (max-width: 700px) {
  .component--banner.component--banner-hero .component__container:after {
    width: 235px;
    left: 165px;
    background-size: auto 95%;
  }
}
.content-block__col .content-block__col--heading {
  padding-left: 0;
  padding-right: 0;
}
.content-block--leading .content-block__col--main {
  padding-left: 0;
  padding-right: 0;
}
@media screen and (min-width: 840px) {
  .component--banner-hero .banner .banner__body {
    width: 50%;
    padding-left: 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 80%;
  }
}
@media screen and (min-width: 600px) and (max-width: 839px) {
  .banner .banner__body {
    width: 50%;
  }
}
@media screen and (min-width: 840px) and (max-width: 1025px) {
  .component--banner-hero {
    max-height: 385px;
  }
}
.banner__title {
  font-size: 24px !important;
}
@media screen and (min-width: 840px) {
  .banner__title {
    font-size: 48px !important;
    margin-top: auto;
    margin-bottom: 0;
  }
}
.banner__title span {
  color: white;
  margin: 20px 0;
  font-size: 16px !important;
  opacity: 1 !important;
  margin-bottom: 42px;
  line-height: 26px !important;
}
@media screen and (min-width: 840px) {
  .banner__title span {
    font-size: 20px !important;
  }
}
.banner__cta {
  background-color: white;
  padding: 16px;
  font-size: 16px;
  color: #045072;
  width: fit-content;
  text-decoration: none;
  font-weight: 500;
}
@media screen and (max-width: 767px) {
  .banner__image {
    display: block !important;
    clip-path: polygon(10% 75%, 100% -10%, 100% 100%, 75% 85%, 30% 100%);
    width: 55% !important;
    height: 500px !important;
    z-index: 12;
  }
}
.content__wrapper {
  background-color: #F9F7F1;
}
.content__wrapper .content__container {
  background-color: #F9F7F1;
}
@media screen and (min-width: 840px) {
  .content__wrapper .content__container {
    padding-top: 0px;
  }
}
.content__wrapper .content__container .component__wrapper {
  background-color: #F9F7F1;
}
.content__wrapper .content__container .component--map-interactive {
  background-color: #fff;
}
.content__wrapper .content__container .component--map-interactive .component__wrapper {
  background-color: #fff;
}
.content__wrapper .content__container .component--content-block {
  background-color: #fff;
  margin-top: 0;
  margin: 40px auto 0;
}
.content__wrapper .content__container .component--content-block .component__wrapper {
  background-color: #fff;
}
@media screen and (min-width: 840px) {
  .content__wrapper .content__container .component--content-block .component__wrapper {
    padding-top: 40px;
    margin-top: 0;
  }
}
.content__wrapper .content__container .component--content-block:first-of-type {
  background: #F9F7F1;
  margin-top: 0;
  margin-left: 0;
}
.content__wrapper .content__container .component--content-block:first-of-type .component__wrapper {
  background-color: #F9F7F1;
}
@media screen and (max-width: 840px) {
  .content__wrapper .content__container .component--content-block:first-of-type .content-block__col--heading {
    padding-left: 20px;
  }
}
@media screen and (min-width: 1400px) {
  .content__wrapper .content__container .component--content-block:first-of-type .content-block__col--heading {
    padding-left: 40px;
    width: 100%;
  }
}
@media screen and (min-width: 1240px) and (max-width: 1399px) {
  .content__wrapper .content__container .component--content-block:first-of-type .content-block__col--heading {
    width: 100%;
  }
}
@media screen and (min-width: 840px) and (max-width: 1239px) {
  .content__wrapper .content__container .component--content-block:first-of-type .content-block__col--heading {
    padding-left: 0 !important;
  }
}
@media screen and (max-width: 840px) {
  .content__wrapper .content__container .component--content-block:first-of-type .content-block__col--main {
    padding-left: 20px;
  }
}
@media screen and (min-width: 1400px) {
  .content__wrapper .content__container .component--content-block:first-of-type .content-block__col--main {
    padding-left: 40px;
    width: 100%;
  }
}
@media screen and (min-width: 1240px) and (max-width: 1399px) {
  .content__wrapper .content__container .component--content-block:first-of-type .content-block__col--main {
    width: 100%;
  }
}
.content__wrapper .content__container .component--content-block:nth-of-type(2) {
  margin-top: 0;
  background: white;
}
.content__wrapper .content__container .component--cards-listing {
  background-color: #fff;
  margin-top: 0;
  margin: 40px auto 0;
  max-width: 1230px;
}
.content__wrapper .content__container .component--cards-listing .component__wrapper {
  background-color: #fff;
}
@media screen and (min-width: 840px) {
  .component--category-overview .component__container--inner {
    margin-bottom: 0;
  }
}
.content__wrapper .component--map-interactive, .content__wrapper .component--content-block, .content__wrapper .component--cards-listing {
  background-color: #fff;
}
.content-block--leading {
  padding: 24px 16px;
}
@media screen and (min-width: 840px) {
  .content-block--leading {
    padding: 0;
  }
}
@media screen and (max-width: 840px) {
  .content-block--leading {
    padding-left: 0;
  }
}
.content-block--leading .content-block__col--heading {
  margin-left: 0;
  color: #045072;
  font-size: 20px;
  font-weight: 600;
  padding-left: 0;
  padding-right: 0;
  display: block;
}
@media screen and (min-width: 840px) {
  .content-block--leading .content-block__col--heading {
    font-size: 36px;
  }
}
@media screen and (min-width: 1400px) {
  .content-block--leading .content-block__col--heading {
    width: 100%;
    padding-left: 0;
    padding-top: 30px;
  }
}
@media screen and (max-width: 840px) {
  .content-block--leading .content-block__col--heading {
    padding-left: 20px;
  }
}
@media screen and (min-width: 840px) and (max-width: 1239px) {
  .content-block--leading .content-block__col--heading {
    width: 100% !important;
    padding-left: 20px;
  }
}
.content-block--leading .content-block__col--main {
  width: 100%;
}
.content-block--leading .content-block__col--main p {
  color: #53565A;
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
}
@media screen and (min-width: 840px) {
  .content-block--leading .content-block__col--main p {
    font-size: 18px;
  }
}
@media screen and (max-width: 840px) {
  .content-block--leading .content-block__col--main {
    padding-left: 20px;
  }
}
.component--three-cards {
  margin-top: 0 !important;
}
@media screen and (min-width: 840px) {
  .component--three-cards {
    margin-top: 30px;
  }
}
.component--three-cards .component__container--inner {
  padding: 0;
  margin: 0 16px;
}
@media screen and (min-width: 840px) {
  .component--three-cards .component__container--inner {
    margin: 0;
  }
}
.component--three-cards .component__container--inner .cards {
  display: grid;
  grid-template-columns: 1fr;
  gap: 16px;
  margin: 0;
}
@media screen and (min-width: 840px) {
  .component--three-cards .component__container--inner .cards {
    grid-template-columns: 1fr 1fr 1fr;
    margin: 40px 0;
  }
}
.component--three-cards .component__container--inner .cards .three-cards__col {
  border: 1px solid #D9D9D6;
  padding: 24px 16px;
  background-color: white;
}
@media screen and (min-width: 840px) {
  .component--three-cards .component__container--inner .cards .three-cards__col {
    padding: 24px;
  }
}
.component--three-cards .component__container--inner .cards .three-cards__col .three-cards__heading {
  color: #045072;
  font-size: 18px;
  margin-bottom: 8px;
}
@media screen and (min-width: 840px) {
  .component--three-cards .component__container--inner .cards .three-cards__col .three-cards__heading {
    font-size: 24px;
    margin-bottom: 20px;
  }
}
.component--three-cards .component__container--inner .cards .three-cards__col .three-cards__description {
  color: #53565A;
  font-size: 16px;
}
@media screen and (min-width: 840px) {
  .component--three-cards .component__container--inner .cards .three-cards__col .three-cards__description {
    font-size: 16px;
  }
}
.component--category-overview .component__container--inner {
  background-color: #045072;
  margin: 40px 0;
}
.component--category-overview .component__container--inner .category-overview__main-container--inner:before {
  background-color: #78BE1F;
}
.component--category-overview .component__container--inner .category-overview__heading {
  font-size: 18px;
  margin-bottom: 8px;
}
@media screen and (min-width: 840px) {
  .component--category-overview .component__container--inner .category-overview__heading {
    font-size: 3.2rem;
    margin-bottom: 20px;
  }
}
.component--category-overview .component__container--inner .category-overview__navs__link {
  font-size: 18px;
}
@media screen and (min-width: 840px) {
  .component--category-overview .component__container--inner .category-overview__navs__link {
    font-size: 18px;
  }
}
.component--category-overview .component__container--inner .category-overview__navs__link:after {
  right: 10px;
}
@media screen and (min-width: 840px) {
  .component--category-overview .component__container--inner .category-overview__navs__link:after {
    right: 0;
  }
}
@media screen and (max-width: 799px) {
  .component--category-overview .component__container--inner .category-overview {
    display: flex;
    flex-direction: column-reverse;
  }
}
@media screen and (max-width: 799px) {
  .component--category-overview .component__container--inner .category-overview__hero {
    display: block;
    width: 100%;
    min-height: auto;
  }
}
@media screen and (max-width: 799px) {
  .component--category-overview .component__container--inner .category-overview__hero .category-overview__hero--inner {
    width: 105%;
    height: 240px;
  }
}
.component--cards-listing {
  margin-top: 0 !important;
  padding-bottom: 1px !important;
}
@media screen and (min-width: 840px) {
  .component--cards-listing {
    margin-top: 30px;
  }
}
.component--cards-listing .component__wrapper {
  background-color: white;
}
@media screen and (min-width: 840px) {
  .component--cards-listing .component__wrapper {
    padding-top: 20px;
    padding-bottom: 20px;
  }
}
.component--cards-listing .component__wrapper .component__container--inner {
  padding: 0;
}
.component--cards-listing .component__wrapper .cards-listing {
  display: grid;
  grid-template-columns: 1fr;
  gap: 16px;
  margin: 0;
}
@media screen and (min-width: 840px) {
  .component--cards-listing .component__wrapper .cards-listing {
    grid-template-columns: 1fr 1fr 1fr;
    margin: 40p x0;
  }
}
.component--cards-listing .component__wrapper .cards-listing .cards-listing__col {
  display: flex;
  border: 1px solid #D9D9D6;
  margin: 0 16px;
  padding-left: 0;
}
@media screen and (min-width: 840px) {
  .component--cards-listing .component__wrapper .cards-listing .cards-listing__col {
    padding: 0;
    margin: 0;
  }
}
.component--cards-listing .component__wrapper .cards-listing .cards-listing__col .cards-listing__image img {
  width: 100%;
  height: auto;
}
.component--cards-listing .component__wrapper .cards-listing .cards-listing__col .cards-listing__body {
  padding: 24px;
}
.component--cards-listing .component__wrapper .cards-listing .cards-listing__col .cards-listing__body__intro {
  display: flex;
  flex-direction: column;
}
.component--cards-listing .component__wrapper .cards-listing .cards-listing__col .cards-listing__heading {
  color: black;
  font-size: 24px;
}
@media screen and (max-width: 840px) {
  .component--cards-listing .component__wrapper .cards-listing .cards-listing__col .cards-listing__heading {
    font-size: 18px;
  }
}
.component--cards-listing .component__wrapper .cards-listing .cards-listing__col .cards-listing__description {
  color: #53565A;
  font-size: 16px;
}
.component--cards-listing .component__wrapper .cards-listing .cards-listing__col .cards-listing__button {
  background-color: #004EA8;
  padding: 16px;
  font-size: 16px;
  color: white;
  width: 100%;
  text-align: center;
  text-decoration: none;
}
@media screen and (min-width: 840px) {
  .component--cards-listing .component__wrapper .cards-listing .cards-listing__col .cards-listing__button {
    width: fit-content;
  }
}
.component--cards-listing .component__wrapper .cards-listing .cards-listing__col .cards-listing__button:hover {
  background-color: #0c7fff;
}
.map-container {
  background-color: white;
  padding-top: 40px;
}
.map-container .component__wrapper {
  background-color: white !important;
}
@media screen and (min-width: 1100px) {
  .map-container {
    max-width: 1230px;
    margin: 0 auto 40px;
    background-color: white;
    margin-bottom: 40px !important;
  }
  .map-container .component__wrapper {
    background-color: white !important;
  }
}
@media screen and (min-width: 960px) and (max-width: 1239px) {
  .map-container {
    max-width: 830px;
    margin: 0 auto;
  }
}
.component--map-interactive {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto auto;
  gap: 10px;
  max-width: fit-content;
  margin: 30px auto 0;
  min-width: 1200px;
  padding-top: 20px !important;
  margin-top: -35px !important;
}
@media screen and (min-width: 766px) {
  .component--map-interactive {
    display: contents;
    margin: 0;
    min-width: 100%;
    padding-left: 85px !important;
    padding-right: 40px !important;
    padding-top: 20px !important;
    margin-top: -35px !important;
  }
}
@media screen and (min-width: 1100px) {
  .component--map-interactive {
    display: grid;
    margin: 0;
    min-width: 100%;
    padding-left: 20px !important;
    padding-right: 40px !important;
    grid-template-columns: 0.3fr 0.7fr;
    background-color: white !important;
  }
}
@media screen and (max-width: 768px) {
  .component--map-interactive {
    display: block;
  }
}
.component--map-interactive .content-map {
  display: none !important;
}
@media screen and (min-width: 840px) {
  .component--map-interactive .content-map {
    display: block !important;
  }
}
@media screen and (min-width: 840px) {
  .component--map-interactive ul.map__items {
    width: 40% !important;
  }
}
.component--map-interactive ul.map__items .content-map__town--link {
  margin: 0 -10px !important;
}
.component--map-interactive .component__wrapper {
  grid-column: auto;
  padding-left: 0;
  padding-right: 0;
}
@media screen and (min-width: 840px) {
  .component--map-interactive .component__wrapper {
    grid-column: 1 / -1;
    margin-left: 0;
  }
}
.component--map-interactive .component__wrapper .content-block {
  margin-left: 0;
  padding-top: 0;
  padding-bottom: 0;
  padding: 20px;
}
@media screen and (min-width: 840px) {
  .component--map-interactive .component__wrapper .content-block {
    padding-top: 40px;
    padding-bottom: 60px;
  }
}
@media screen and (min-width: 840px) {
  .component--map-interactive .component__wrapper .component__container--inner {
    padding-left: 0;
  }
}
.component--map-interactive .links-list {
  grid-column: 1;
  background: white !important;
}
.component--map-interactive .links-list .links-list__col--navs {
  width: 100%;
  padding-left: 0;
}
.component--map-interactive .links-list .links-list__navs__list {
  list-style-type: none;
}
@media screen and (max-width: 1100px) {
  .component--map-interactive .links-list .links-list__navs__list {
    min-width: 100%;
  }
}
.component--map-interactive .links-list .links-list__navs__item {
  margin-top: 0;
  padding: 24px;
  border-bottom: 2px solid #045072;
}
@media screen and (min-width: 840px) {
  .component--map-interactive .links-list .links-list__navs__item {
    padding: 45px 10px;
  }
}
@media screen and (max-width: 1100px) {
  .component--map-interactive .links-list .links-list__navs__item {
    width: 98%;
  }
}
@media screen and (max-width: 599px) {
  .component--map-interactive .links-list .links-list__navs__item {
    width: 75%;
  }
}
.component--map-interactive .links-list .links-list__navs__item:before {
  content: none;
}
.component--map-interactive .links-list .links-list__navs__link {
  display: block;
  position: relative;
  padding-right: 30px;
  color: #045072;
  font-size: 20px;
  font-weight: 600;
  text-decoration: none;
}
@media screen and (max-width: 840px) {
  .component--map-interactive .links-list .links-list__navs__link {
    font-size: 18px;
  }
}
.component--map-interactive .links-list .links-list__navs__link:hover {
  text-decoration: underline;
}
.component--map-interactive .links-list .links-list__navs__link:after {
  content: "→";
  position: absolute;
  top: 50%;
  right: 0;
  color: black;
  font-size: 18px;
  font-size: 1.8rem;
  transform: translateY(-50%) translateZ(0);
}
.component--map-interactive .map {
  grid-column: 2;
}
.component--map-interactive .map:hover {
  cursor: pointer;
}
.component--map-interactive .content-block__col--heading {
  margin: 0;
  padding: 0;
  line-height: 4rem;
  width: 100% !important;
}
@media screen and (max-width: 999px) {
  .component--map-interactive .content-block__col--heading h2 {
    font-size: 20px;
    color: #045072;
  }
}
.component--map-interactive .content-block__col--heading h2 {
  color: #045072;
  font-size: 20px;
  font-weight: 600;
}
@media screen and (min-width: 1100px) {
  .component--map-interactive .content-block__col--heading h2 {
    color: #045072;
    font-size: 36px;
    font-weight: 600;
  }
}
.component--map-interactive .content-block__col--main {
  width: 100%;
  margin: 0;
  padding: 0;
}
.component--map-interactive .content-block__col--main p {
  font-size: 16px;
}
@media screen and (min-width: 1100px) {
  .component--map-interactive .content-block__col--main p {
    color: #53565A;
    font-size: 18px;
    font-weight: 400;
  }
}
@media screen and (max-width: 767px) {
  .component--map-interactive .content-block__col--main p {
    font-size: 16px;
    width: 55%;
  }
}
.component--testimonials {
  padding-bottom: 0 !important;
}
.component--testimonials .component__wrapper {
  padding-top: 24px;
  padding-bottom: 24px;
}
@media screen and (min-width: 840px) {
  .component--testimonials .component__wrapper {
    padding-bottom: 70px;
  }
}
.component--map-interactive .map svg {
  background-color: #eeF4F5;
  height: 613px;
}