/*!**************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./assets/scss/style.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************/
@import url(https://use.typekit.net/mzk7tri.css);
/*!******************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./assets/scss/style.scss (1) ***!
  \******************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* Define screen size variables */
/* General Hide and Show */
.hide {
  display: none !important;
}

/* Hide Initially*/
.show-for-small-only,
.show-for-large-only,
.show-for-medium-only,
.show-for-small-up,
.show-for-medium-up,
.show-for-large-up {
  display: none;
}

.show-for-sr {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  border: 0 !important;
}

/* Small Screens (0 - 639px) */
@media (max-width: 639px) {
  .hide-for-small-only {
    display: none !important;
  }
  .show-for-small-only {
    display: block !important;
  }
}
@media (min-width: 640px) {
  .show-for-small-up {
    display: block !important;
  }
  .hide-for-small-up {
    display: none !important;
  }
}
/* Medium Screens (640px - 1023px) */
@media (min-width: 640px) and (max-width: 1023px) {
  .hide-for-medium-only {
    display: none !important;
  }
  .show-for-medium-only {
    display: block !important;
  }
}
@media (min-width: 1024px) {
  .show-for-medium-up {
    display: block !important;
  }
  .hide-for-medium-up {
    display: none !important;
  }
}
/* Large Screens (1024px - 1199px) */
@media (min-width: 1024px) and (max-width: 1199px) {
  .hide-for-large-only {
    display: none !important;
  }
  .show-for-large-only {
    display: block !important;
  }
}
@media (min-width: 1200px) {
  .show-for-large-up {
    display: block !important;
  }
  .hide-for-large-up {
    display: none !important;
  }
}
/* Extra Large Screens (1200px - 1439px) */
@media (min-width: 1200px) and (max-width: 1439px) {
  .hide-for-xlarge-only {
    display: none !important;
  }
  .show-for-xlarge-only {
    display: block !important;
  }
}
@media (min-width: 1440px) {
  .show-for-xlarge-up {
    display: block !important;
  }
  .hide-for-xlarge-up {
    display: none !important;
  }
}
/* Extra Extra Large Screens (1440px and above) */
@media (min-width: 1440px) {
  .hide-for-xxlarge {
    display: none !important;
  }
  .show-for-xxlarge {
    display: block !important;
  }
}
/* Print Visibility */
@media print {
  .show-for-print {
    display: block !important;
  }
  .hide-for-print {
    display: none !important;
  }
}
/*
 * Loading Page
 */
body.app-is-loading * {
  visibility: hidden;
}

body.is-loading,
body.app-is-loading {
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
  animation-delay: 800ms;
  max-height: 100vh !important;
  overflow: hidden;
}

body.is-loading::before,
body.app-is-loading::before {
  content: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 data-name=%27loading-svgrepo-com %281%29%27 viewBox=%270 0 138 138%27%3E%3Cpath fill-rule=%27evenodd%27 d=%27M69 12.938A56.063 56.063 0 1 0 125.063 69 56.062 56.062 0 0 0 69 12.938ZM0 69a69 69 0 1 1 69 69A69 69 0 0 1 0 69Z%27 data-name=%27Path 1696%27 opacity=%27.2%27/%3E%3Cpath fill-rule=%27evenodd%27 d=%27M62.531 6.469A6.469 6.469 0 0 1 69 0a69 69 0 0 1 69 69 6.469 6.469 0 0 1-12.937 0A56.062 56.062 0 0 0 69 12.938a6.469 6.469 0 0 1-6.469-6.469Z%27 data-name=%27Path 1697%27/%3E%3C/svg%3E");
  position: fixed;
  width: 8vh;
  height: 8vh;
  top: calc(50% - 5vh);
  left: calc(50% - 5vh);
  visibility: visible !important;
  transform-origin: center center !important;
  animation: rotate 1s linear infinite;
  z-index: 1500;
}

@keyframes rotate {
  to {
    rotate: 360deg;
  }
}
main {
  margin-block-start: 0 !important;
}

/*
 * Link styles
 * https://github.com/WordPress/gutenberg/issues/42319
 */
a {
  text-decoration-thickness: 1.5px !important;
  text-underline-offset: 0.1em;
}

/* Focus styles */
:where(.wp-site-blocks *:focus) {
  outline-width: 2px;
  outline-style: solid;
}

/* Increase the bottom margin on submenus, so that the outline is visible. */
.wp-block-navigation .wp-block-navigation-submenu .wp-block-navigation-item:not(:last-child) {
  margin-bottom: 3px;
}

/* Increase the outline offset on the parent menu items, so that the outline does not touch the text. */
.wp-block-navigation .wp-block-navigation-item .wp-block-navigation-item__content {
  outline-offset: 4px;
}

/* Remove outline offset from the submenus, otherwise the outline is visible outside the submenu container. */
.wp-block-navigation .wp-block-navigation-item ul.wp-block-navigation__submenu-container .wp-block-navigation-item__content {
  outline-offset: 0;
}

/*
 * Progressive enhancement to reduce widows and orphans
 * https://github.com/WordPress/gutenberg/issues/55190
 */
h1, h2, h3, h4, h5, h6, blockquote, caption, figcaption, p {
  text-wrap: pretty;
}

/*
 * Change the position of the more block on the front, by making it a block level element.
 * https://github.com/WordPress/gutenberg/issues/65934
*/
.more-link {
  display: block;
}

.wp-block-site-logo img {
  width: clamp(160px, 20vw, 200px);
}

#site-header {
  transition: transform 0.3s ease;
  top: 0;
  width: 100%;
  z-index: 999;
}
#site-header .header-bg {
  background-color: rgba(211, 215, 226, 0.3);
  -webkit-backdrop-filter: blur(30px);
          backdrop-filter: blur(30px);
}
#site-header.transparent-header {
  position: absolute;
}
/*
 * Button Icons
*/
.wp-element-button {
  display: flex;
  white-space: nowrap;
  gap: 0.5em;
  align-items: center;
  justify-content: center;
}
.wp-element-button .inline-svg {
  height: 1em;
}
.wp-element-button .inline-svg * {
  fill: currentColor;
}

.font-loaded body {
  font-family: "Area Normal", sans-serif;
}

/* 
* Hover Cards
*/
.hover-cards a {
  text-decoration: none;
}
.hover-cards .wp-block-column {
  transition: all 0.5s ease-in-out;
  flex-basis: auto;
}
.hover-cards .wp-block-column .icon-container {
  opacity: 0;
  transform: translateX(-2em) !important;
  transition: all 0.25s ease-in-out;
}
.hover-cards .wp-block-column:hover {
  flex-basis: 10% !important;
  transition: all 0.5s ease-in-out;
}
.hover-cards .wp-block-column:hover .icon-container {
  opacity: 1;
  transform: none !important;
}
.hover-cards .wp-block-column .wp-block-cover {
  min-height: 200px;
}
@media only screen and (min-width: 600px) {
  .hover-cards .wp-block-column .wp-block-cover {
    min-height: 300px;
  }
}

/*
* Carousel Slider Block
*/
.wp-block-cb-carousel {
  margin-bottom: 60px;
}
.wp-block-cb-carousel .slick-arrow {
  top: calc(100% + 30px);
  width: 40px;
  height: 40px;
  background-color: transparent !important;
}
.wp-block-cb-carousel .slick-arrow:before {
  opacity: 1;
}
.wp-block-cb-carousel .slick-arrow:hover:before {
  opacity: 0.8;
}
.wp-block-cb-carousel .slick-prev {
  left: calc(50% - 50px);
}
.wp-block-cb-carousel .slick-prev:before {
  content: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 50.999 51.001%27%3E%3Cpath fill=%27%2325376e%27 d=%27M25.5 51.001a25.343 25.343 0 0 1-9.925-2 25.417 25.417 0 0 1-8.105-5.465 25.42 25.42 0 0 1-5.465-8.105 25.343 25.343 0 0 1-2-9.925 25.35 25.35 0 0 1 2-9.926A25.416 25.416 0 0 1 7.47 7.475a25.421 25.421 0 0 1 8.105-5.466 25.343 25.343 0 0 1 9.925-2 25.347 25.347 0 0 1 9.926 2 25.421 25.421 0 0 1 8.105 5.466 25.413 25.413 0 0 1 5.465 8.105 25.346 25.346 0 0 1 2 9.926 25.339 25.339 0 0 1-2 9.925 25.426 25.426 0 0 1-5.465 8.105 25.417 25.417 0 0 1-8.105 5.465 25.347 25.347 0 0 1-9.926 2Zm-5.04-33.43-6.625 7.9v.16l6.625 7.9h4.55a741.023 741.023 0 0 0-5.149-6.028h17v-3.912h-17l5.149-6.028h-4.55Z%27 data-name=%27Exclusion 3%27/%3E%3C/svg%3E");
}
.wp-block-cb-carousel .slick-next {
  right: calc(50% - 50px);
}
.wp-block-cb-carousel .slick-next:before {
  content: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 50.999 51.001%27%3E%3Cpath data-name=%27Exclusion 4%27 d=%27M25.5 51.001a25.343 25.343 0 0 1-9.925-2 25.417 25.417 0 0 1-8.105-5.465 25.42 25.42 0 0 1-5.465-8.105 25.343 25.343 0 0 1-2-9.925 25.35 25.35 0 0 1 2-9.926A25.416 25.416 0 0 1 7.47 7.475a25.421 25.421 0 0 1 8.105-5.466 25.343 25.343 0 0 1 9.925-2 25.347 25.347 0 0 1 9.926 2 25.421 25.421 0 0 1 8.105 5.466 25.413 25.413 0 0 1 5.465 8.105 25.346 25.346 0 0 1 2 9.926 25.339 25.339 0 0 1-2 9.925 25.426 25.426 0 0 1-5.465 8.105 25.417 25.417 0 0 1-8.105 5.465 25.347 25.347 0 0 1-9.926 2Zm5.639-23.6-5.149 6.028h4.55l6.627-7.9v-.161l-6.627-7.9h-4.55c1.645 1.952 3.319 3.9 4.937 5.782l.066.077.146.169h-17v3.912Z%27 fill=%27%2325376e%27/%3E%3C/svg%3E");
}
.wp-block-cb-carousel .slick-slide {
  outline: none;
}

header {
  margin-top: -1rem;
  width: 100%;
  left: 0;
  right: 0;
  z-index: 500;
  transition: transform 0.5s ease;
}

/*
* Home Page Hero
*/
.boat-search-header {
  margin-top: -30px !important;
  margin-right: calc(clamp(30px, 5vw, 50px) * -1) !important;
  margin-bottom: -30px !important;
  margin-left: calc(clamp(30px, 5vw, 50px) * -1) !important;
}

/*
* Lightweight Accordion
*/
summary.lightweight-accordion-title {
  background-color: transparent !important;
  font-size: var(--wp--preset--font-size--medium) !important;
  border-top: 2px solid var(--wp--preset--color--base);
  position: relative;
  padding-left: 0 !important;
  outline: none;
}
summary.lightweight-accordion-title span {
  margin-left: -1em !important;
  font-weight: 700;
}
summary.lightweight-accordion-title::marker {
  display: none !important;
  color: transparent !important;
  position: absolute;
  margin: 0px;
}
summary.lightweight-accordion-title::after {
  content: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 31.784 17.307%27%3E%3Cpath fill=%27none%27 stroke=%27%2326376e%27 stroke-linecap=%27square%27 stroke-width=%272%27 d=%27m1.414 1.414 14.478 14.479L30.371 1.414%27 data-name=%27Path 890%27/%3E%3C/svg%3E");
  width: 1.5rem;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

.forminator-guttenberg input, .forminator-guttenberg textarea {
  border-radius: 8px !important;
  padding: 0.75em 1em !important;
  border-color: var(--wp--preset--color--contrast);
}
.forminator-guttenberg .forminator-button {
  border-radius: 8px !important;
  border: 1px solid transparent !important;
  box-shadow: none !important;
  font-weight: 800 !important;
}
.forminator-guttenberg .forminator-button:hover {
  border: 1px solid var(--wp--preset--color--contrast) !important;
}
.forminator-guttenberg .select2-selection {
  padding: 0.3em 0.5em !important;
}
.forminator-guttenberg .select2-selection, .forminator-guttenberg .forminator-select-dropdown {
  border-radius: 8px;
  background-color: #fff !important;
}
.forminator-guttenberg .forminator-button-submit {
  background-color: var(--wp--preset--color--accent-2);
  color: #fff;
}

.wp-block-navigation__responsive-container-open {
  background-color: #ffffff;
  padding: 0.5em;
  border-radius: 300px;
  outline: none;
}

header .transparent-header .wp-block-navigation__responsive-container-open svg {
  fill: var(--wp--preset--color--contrast);
}

header .transparent-header .wp-block-navigation__responsive-container.is-menu-open {
  -webkit-backdrop-filter: blur(30px);
          backdrop-filter: blur(30px);
  background: rgba(21, 31, 62, 0.5294117647) !important;
}

.header .transparent-header > .wp-block-group {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

.wp-block-navigation__responsive-container.is-menu-open {
  background: #151f3e !important;
  font-size: 2rem;
  bottom: 0;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: • 5vw;
  height: 100vh;
  left: -0.5rem;
  position: fixed;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100vw;
  box-sizing: border-box;
  color: #fff !important;
}
.wp-block-navigation__responsive-container.is-menu-open ul {
  margin-top: 10vh;
  width: 100%;
}
.wp-block-navigation__responsive-container.is-menu-open ul li {
  font-size: 2.5rem !important;
  font-weight: 700;
  line-height: 1;
  width: 100%;
}
.wp-block-navigation__responsive-container.is-menu-open ul li a {
  width: 100%;
  text-align: center;
}
.wp-block-navigation__responsive-container.is-menu-open .is-style-button-link a {
  border: none !important;
  padding: 0rem !important;
}
.wp-block-navigation__responsive-container.is-menu-open .is-style-button-link a:hover {
  text-decoration: underline;
  background-color: transparent !important;
}
.wp-block-navigation__responsive-container.is-menu-open .is-style-button-link a:before {
  content: "";
}

.offset-image {
  z-index: 50;
  position: absolute;
  top: 1rem;
  right: 1rem;
}
@media only screen and (max-width: 600px) {
  .offset-image {
    display: none !important;
  }
}

.rotate {
  animation: spin 60s linear infinite;
  display: inline-block;
  position: relative;
  z-index: 50;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

/*# sourceMappingURL=style-scripts.css.map*/