@import url(https://use.typekit.net/uyg5ois.css);
@import url(https://use.typekit.net/uyg5ois.css);
@import url(https://use.typekit.net/uyg5ois.css);
@import url(https://use.typekit.net/uyg5ois.css);
@import url(https://cdn.jsdelivr.net/npm/swiper@11.2.5/swiper-bundle.min.css);
@import url(https://use.typekit.net/uyg5ois.css);
@import url(https://use.typekit.net/uyg5ois.css);
@import url(https://use.typekit.net/uyg5ois.css);
@import url(https://cdn.jsdelivr.net/npm/leaflet@1.9.4/dist/leaflet.min.css);
@import url(https://cdn.jsdelivr.net/npm/@gstat/leaflet-gesture-handling@1.2.8/dist/leaflet-gesture-handling.min.css);
@import url(https://use.typekit.net/uyg5ois.css);
@import url(https://use.typekit.net/uyg5ois.css);
@import url(https://use.typekit.net/uyg5ois.css);
@import url(https://use.typekit.net/uyg5ois.css);
@import url(https://use.typekit.net/uyg5ois.css);
@import url(https://use.typekit.net/uyg5ois.css);
@import url(https://use.typekit.net/uyg5ois.css);
@import url(https://cdn.jsdelivr.net/npm/swiper@11.2.5/swiper-bundle.min.css);
@import url(https://use.typekit.net/uyg5ois.css);
@import url(https://use.typekit.net/uyg5ois.css);
@import url(https://use.typekit.net/uyg5ois.css);
@import url(https://use.typekit.net/uyg5ois.css);
@import url(https://use.typekit.net/uyg5ois.css);
/******************************************************************
Stylesheet: Variables

Here is where we declare all our variables like colors, fonts,
base values, and defaults. We want to make sure this file ONLY
contains variables that way our files don't get all messy.
No one likes a mess.
FYI: THIS FILE HAS ITS DATA PREPENDED USING SASS-LOADER.
******************************************************************/
:root {
  --red: #771816;
  --redLight: #f06748;
  --redMuted: #de9d85;
  --yellow: #e98500;
  --yellowMuted: #f0c989;
  --blue: #016c91;
  --blueMuted: #bee0f7;
  --teal: #00b8cb;
  --tealMuted: #6ac2d6;
  --purple: #705ea2;
  --indigo: #235cbe;
  --indigoLight: #bedff9;
}

/*********************
MEDIUM AND LARGE SCREENS
*********************/
@media only screen and (min-width: 769px) {
  .ventura-block {
    margin: 0 auto 4rem auto;
  }
}
/*********************
SMALL SCREENS
*********************/
@media only screen and (max-width: 768px) {
  .ventura-block {
    margin: 0 auto 2rem auto;
  }
}
@charset "UTF-8";
/******************************************************************
Stylesheet: Typography
******************************************************************/
/******************************************************************
Stylesheet: Variables

Here is where we declare all our variables like colors, fonts,
base values, and defaults. We want to make sure this file ONLY
contains variables that way our files don't get all messy.
No one likes a mess.
FYI: THIS FILE HAS ITS DATA PREPENDED USING SASS-LOADER.
******************************************************************/
:root {
  --red: #771816;
  --redLight: #f06748;
  --redMuted: #de9d85;
  --yellow: #e98500;
  --yellowMuted: #f0c989;
  --blue: #016c91;
  --blueMuted: #bee0f7;
  --teal: #00b8cb;
  --tealMuted: #6ac2d6;
  --purple: #705ea2;
  --indigo: #235cbe;
  --indigoLight: #bedff9;
}

/******************************************************************
Stylesheet: Variables

Here is where we declare all our variables like colors, fonts,
base values, and defaults. We want to make sure this file ONLY
contains variables that way our files don't get all messy.
No one likes a mess.
FYI: THIS FILE HAS ITS DATA PREPENDED USING SASS-LOADER.
******************************************************************/
:root {
  --red: #771816;
  --redLight: #f06748;
  --redMuted: #de9d85;
  --yellow: #e98500;
  --yellowMuted: #f0c989;
  --blue: #016c91;
  --blueMuted: #bee0f7;
  --teal: #00b8cb;
  --tealMuted: #6ac2d6;
  --purple: #705ea2;
  --indigo: #235cbe;
  --indigoLight: #bedff9;
}

.ventura-hero {
  width: 100%;
  display: flex;
  position: relative;
  margin-bottom: 2.5em;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  height: auto;
}
.ventura-hero:after {
  content: "";
  display: block;
  width: 100%;
  padding-bottom: 56.25%;
}
.ventura-hero .video {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.ventura-hero .video video {
  width: 100%;
  height: 100%;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
}
.ventura-hero .title {
  color: white;
  width: 95%;
  max-width: 1300px;
  margin: 0 auto;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 7rem;
}
.ventura-hero .title span {
  display: block;
  font-size: 50%;
}
.ventura-hero .description {
  color: white;
  width: 95%;
  max-width: 1300px;
  text-align: right;
  margin: 0 auto;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 5.25rem;
  color: white;
  font-style: italic;
  text-shadow: 1px ​1px 2px black;
}
.ventura-hero.is-blog-style {
  flex-direction: column;
  min-height: 56.25vw;
  justify-content: flex-end;
}
.ventura-hero.is-blog-style:after {
  display: none;
}
.ventura-hero.is-blog-style .text {
  color: white;
  width: 95%;
  max-width: 1300px;
  margin: 11rem auto 7rem;
}
.ventura-hero.is-blog-style .text .title {
  margin: 0;
  width: auto;
  position: relative;
  left: unset;
  right: unset;
  bottom: unset;
  padding: 0rem;
}
.ventura-hero.is-blog-style .text .featuredPost {
  display: block;
  width: auto;
  max-width: 500px;
}
.ventura-hero.is-blog-style .text .featuredPost .info {
  background: rgba(1, 108, 145, 0.69);
  padding: 0.5rem 1rem;
}
.ventura-hero.is-blog-style .text .featuredPost .info p {
  margin: 0 auto 0.25em;
  line-height: 1em;
  width: auto;
}
.ventura-hero.is-blog-style .text .featuredPost .info p:last-child {
  margin-bottom: 0;
}
.ventura-hero.is-blog-style .text .featuredPost .info p.date-updated {
  font-size: 0.9em;
}
.ventura-hero.is-blog-style .text .featuredPost .blogTitle {
  background: #016c91;
  color: white;
  padding: 1rem;
}
.ventura-hero.is-blog-style .text .featuredPost .blogTitle h2,
.ventura-hero.is-blog-style .text .featuredPost .blogTitle h1 {
  display: inline;
  margin: 0;
  width: auto;
  line-height: 1.2em;
  color: white;
  background-image: linear-gradient(white, white);
  background-position: 0% 100%;
  background-repeat: no-repeat;
  background-size: 0% 2px;
  transition: background-size 0.3s;
  background-position: 0% 87%;
}
.ventura-hero.is-blog-style .text .featuredPost .blogTitle h2:hover, .ventura-hero.is-blog-style .text .featuredPost .blogTitle h2.hover,
.ventura-hero.is-blog-style .text .featuredPost .blogTitle h1:hover,
.ventura-hero.is-blog-style .text .featuredPost .blogTitle h1.hover {
  background-size: 100% 2px;
}
.ventura-hero.is-blog-style .text .featuredPost .blogTitle h2:hover,
.ventura-hero.is-blog-style .text .featuredPost .blogTitle h1:hover {
  background-size: 100% 4px;
}

/*********************
MEDIUM AND LARGE SCREENS
*********************/
/*********************
  SMALL SCREENS
  *********************/
@media only screen and (max-width: 768px) {
  .ventura-hero:not(.videoHero):after {
    padding-bottom: 137%;
  }
}
@charset "UTF-8";
/******************************************************************
Stylesheet: Typography
******************************************************************/
/******************************************************************
Stylesheet: Variables

Here is where we declare all our variables like colors, fonts,
base values, and defaults. We want to make sure this file ONLY
contains variables that way our files don't get all messy.
No one likes a mess.
FYI: THIS FILE HAS ITS DATA PREPENDED USING SASS-LOADER.
******************************************************************/
:root {
  --red: #771816;
  --redLight: #f06748;
  --redMuted: #de9d85;
  --yellow: #e98500;
  --yellowMuted: #f0c989;
  --blue: #016c91;
  --blueMuted: #bee0f7;
  --teal: #00b8cb;
  --tealMuted: #6ac2d6;
  --purple: #705ea2;
  --indigo: #235cbe;
  --indigoLight: #bedff9;
}

/******************************************************************
Stylesheet: Variables

Here is where we declare all our variables like colors, fonts,
base values, and defaults. We want to make sure this file ONLY
contains variables that way our files don't get all messy.
No one likes a mess.
FYI: THIS FILE HAS ITS DATA PREPENDED USING SASS-LOADER.
******************************************************************/
:root {
  --red: #771816;
  --redLight: #f06748;
  --redMuted: #de9d85;
  --yellow: #e98500;
  --yellowMuted: #f0c989;
  --blue: #016c91;
  --blueMuted: #bee0f7;
  --teal: #00b8cb;
  --tealMuted: #6ac2d6;
  --purple: #705ea2;
  --indigo: #235cbe;
  --indigoLight: #bedff9;
}

.ventura-page-callout {
  margin: 2em 0 2em auto;
  display: flex;
  width: 95%;
  transition: 1s ease;
  box-shadow: -12px 12px 12px rgba(0, 0, 0, 0.12);
}
.ventura-page-callout .callout {
  background: white;
  width: 45%;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: 2em;
  box-sizing: border-box;
}
.ventura-page-callout .callout h1,
.ventura-page-callout .callout h2,
.ventura-page-callout .callout h3,
.ventura-page-callout .callout h4,
.ventura-page-callout .callout h5,
.ventura-page-callout .callout h6 {
  font-family: "Gotham", sans-serif;
  text-transform: uppercase;
  font-weight: 600;
  margin: 16px 0 0 0 !important;
}
.ventura-page-callout .callout .calloutIcon {
  width: 4.375em; /* 70/16 */
  display: block;
  margin: 0 auto 1em;
}
.ventura-page-callout .callout .calloutIcon img {
  display: block;
  width: 100%;
}
.ventura-page-callout .callout p {
  max-width: 600px;
}
.ventura-page-callout .callout button a {
  font-family: "Gotham", sans-serif;
}
.ventura-page-callout .image {
  display: block;
  width: 55%;
  position: relative;
}
.ventura-page-callout .image:after {
  content: "";
  width: 100%;
  padding-bottom: 56.25%;
  display: block;
}
.ventura-page-callout .image img {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.ventura-page-callout .image .photoCredit {
  position: absolute;
  bottom: 0;
  left: 0;
}
.ventura-page-callout .image .photoCredit span {
  margin: 0;
  line-height: 1em;
  color: white;
  padding: 4px;
  z-index: 2;
  position: relative;
  font-style: italic;
  text-shadow: 1px ​1px 2px black;
}
.ventura-page-callout.right {
  justify-content: flex-end;
}
.ventura-page-callout.right.animateElement {
  transform: translateX(10%);
  opacity: 0;
}
.ventura-page-callout.left {
  margin: 2em auto 2em 0;
  box-shadow: 12px 12px 12px rgba(0, 0, 0, 0.12);
  justify-content: flex-start;
}
.ventura-page-callout.left.animateElement {
  transform: translateX(-10%);
  opacity: 0;
}
.ventura-page-callout.left .callout {
  order: 2;
}
@media only screen and (min-width: 769px) {
  .ventura-page-callout.left .callout button:before {
    left: 0;
    right: unset;
  }
  .ventura-page-callout.left .callout button a:after {
    order: -1;
    margin: -0.375em 1em -0.375em -1em;
    transform: rotate(0deg);
  }
}
.ventura-page-callout.left .image {
  order: 1;
}
.ventura-page-callout.left .image .photoCredit {
  left: unset;
  right: 0;
}
.ventura-page-callout.is-style-full-background {
  width: 95%;
  max-width: 1300px;
  margin: 6.25em auto; /* 100/16 */
  position: relative;
  overflow: hidden;
  min-height: 350px;
}
.ventura-page-callout.is-style-full-background.animateElement {
  transform: translateY(10%);
  opacity: 0;
}
.ventura-page-callout.is-style-full-background .callout {
  width: 70%;
  max-width: 500px;
  margin-left: 2.5%;
  background-color: rgba(1, 108, 145, 0.86);
  z-index: 1;
  text-align: left;
  color: white;
  align-items: flex-start;
}
.ventura-page-callout.is-style-full-background .callout p {
  font-family: "expressway", sans-serif;
  font-size: 1.1em;
  width: 100%;
}
.ventura-page-callout.is-style-full-background .image {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}
.ventura-page-callout.is-style-full-background.right {
  justify-content: flex-start;
}
.ventura-page-callout.is-style-full-background.right .image .photoCredit {
  right: 0;
  left: unset;
}
.ventura-page-callout.is-style-full-background.left {
  justify-content: flex-end;
}
.ventura-page-callout.is-style-full-background.left .callout {
  margin-left: 0;
  margin-right: 2.5%;
}
.ventura-page-callout.is-style-full-background.red .callout {
  background: rgba(240, 103, 72, 0.86);
}
.ventura-page-callout.is-style-full-background.red .callout button:hover a {
  color: #f06748;
}
.ventura-page-callout.is-style-full-background.red .callout button:hover a:after {
  background-image: url("/wp-content/themes/ventura/assets/images/icons/arrow_bright_red.svg");
}
.ventura-page-callout.is-style-full-background.yellow .callout {
  background: rgba(233, 133, 0, 0.86);
}
.ventura-page-callout.is-style-full-background.yellow .callout button:hover a {
  color: #e98500;
}
.ventura-page-callout.is-style-full-background.yellow .callout button:hover a:after {
  background-image: url("/wp-content/themes/ventura/assets/images/icons/arrow_dark_orange.svg");
}
.ventura-page-callout.is-style-full-background.teal .callout {
  background: rgba(0, 184, 203, 0.86);
}
.ventura-page-callout.is-style-full-background.teal .callout button:hover a {
  color: #00b8cb;
}
.ventura-page-callout.is-style-full-background.teal .callout button:hover a:after {
  background-image: url("/wp-content/themes/ventura/assets/images/icons/arrow_teal.svg");
}
.ventura-page-callout.is-style-full-background.indigo .callout {
  background: rgba(35, 92, 190, 0.86);
}
.ventura-page-callout.is-style-full-background.indigo .callout button:hover a {
  color: #235cbe;
}
.ventura-page-callout.is-style-full-background.indigo .callout button:hover a:after {
  background-image: url("/wp-content/themes/ventura/assets/images/icons/arrow_teal.svg");
}
.ventura-page-callout:not(.is-style-full-background) .callout {
  border-top: 10px solid #bee0f7;
}
.ventura-page-callout:not(.is-style-full-background).indigo .callout {
  border-top-color: #bedff9;
}
.ventura-page-callout:not(.is-style-full-background).red .callout {
  border-top-color: #de9d85;
}
.ventura-page-callout:not(.is-style-full-background).teal .callout {
  border-top-color: #6ac2d6;
}
.ventura-page-callout:not(.is-style-full-background).yellow .callout {
  border-top-color: #f0c989;
}

/*********************
MEDIUM AND LARGE SCREENS
*********************/
@media only screen and (max-width: 1025px) {
  .ventura-page-callout .callout {
    width: 47.5%;
    padding: 2em 0.5em;
  }
  .ventura-page-callout .image {
    width: 47.5%;
  }
}
/*********************
SMALL SCREENS
*********************/
@media only screen and (max-width: 768px) {
  .ventura-page-callout {
    flex-direction: column;
    width: 95%;
  }
  .ventura-page-callout .callout {
    width: 100%;
    padding: 1em;
    z-index: 2;
    margin-top: -2.5em;
    margin-left: -2.5%;
    order: 2;
    max-width: unset;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  }
  .ventura-page-callout .callout .calloutIcon {
    margin-bottom: 0.5em;
  }
  .ventura-page-callout .image {
    width: 100%;
    order: 1;
  }
  .ventura-page-callout .image .photoCredit {
    top: 0;
    bottom: unset;
    right: unset;
    left: 0;
  }
  .ventura-page-callout.left .callout {
    margin-left: auto;
    margin-right: -2.5%;
  }
  .ventura-page-callout.is-style-full-background {
    flex-direction: column;
  }
  .ventura-page-callout.is-style-full-background .callout {
    margin: 0;
    width: 100%;
    order: 2;
    max-width: unset;
  }
  .ventura-page-callout.is-style-full-background .image {
    position: relative;
    width: 100%;
    left: unset;
    right: unset;
    top: unset;
    bottom: unset;
    order: 1;
  }
}
/******************************************************************
Stylesheet: Typography
******************************************************************/
/******************************************************************
Stylesheet: Variables

Here is where we declare all our variables like colors, fonts,
base values, and defaults. We want to make sure this file ONLY
contains variables that way our files don't get all messy.
No one likes a mess.
FYI: THIS FILE HAS ITS DATA PREPENDED USING SASS-LOADER.
******************************************************************/
:root {
  --red: #771816;
  --redLight: #f06748;
  --redMuted: #de9d85;
  --yellow: #e98500;
  --yellowMuted: #f0c989;
  --blue: #016c91;
  --blueMuted: #bee0f7;
  --teal: #00b8cb;
  --tealMuted: #6ac2d6;
  --purple: #705ea2;
  --indigo: #235cbe;
  --indigoLight: #bedff9;
}

/******************************************************************
Stylesheet: Variables

Here is where we declare all our variables like colors, fonts,
base values, and defaults. We want to make sure this file ONLY
contains variables that way our files don't get all messy.
No one likes a mess.
FYI: THIS FILE HAS ITS DATA PREPENDED USING SASS-LOADER.
******************************************************************/
:root {
  --red: #771816;
  --redLight: #f06748;
  --redMuted: #de9d85;
  --yellow: #e98500;
  --yellowMuted: #f0c989;
  --blue: #016c91;
  --blueMuted: #bee0f7;
  --teal: #00b8cb;
  --tealMuted: #6ac2d6;
  --purple: #705ea2;
  --indigo: #235cbe;
  --indigoLight: #bedff9;
}

.ventura-stay-widget {
  margin: 5em auto;
  width: 95%;
  max-width: 1300px;
  background: #e98500;
  display: table;
  border: 10px solid #f6cb55;
  font-family: "Gotham", sans-serif;
}
.ventura-stay-widget #aresWidget #aresWidgetCore {
  border: none;
  padding: 2em 0;
  width: 95%;
  margin: 0 auto;
  background: none;
}
.ventura-stay-widget #aresWidget #aresWidgetCore select {
  min-width: unset;
}
.ventura-stay-widget #aresWidget #aresWidgetCore label {
  font-family: "Gotham", sans-serif;
  font-weight: 600;
}
.ventura-stay-widget #aresWidget #aresWidgetCore input {
  border-color: #0e3973;
}
.ventura-stay-widget #aresWidget #aresWidgetCore #aresContent .aresWidget__header {
  font-family: "Gotham", sans-serif !important;
  font-weight: 600;
  background: none !important;
}
.ventura-stay-widget #aresWidget #aresWidgetCore #aresContent .aresWidget__search .aresWidget__search__fields {
  justify-content: center;
  flex-wrap: wrap;
  max-width: unset;
  font-size: 1em;
  width: 100%;
}
.ventura-stay-widget #aresWidget #aresWidgetCore #aresContent .aresWidget__search .aresWidget__search__fields li {
  list-style: none;
  flex: unset;
  padding: 0;
  margin: 0.5rem;
  min-width: 80px;
}
@media only screen and (max-width: 600px) {
  .ventura-stay-widget #aresWidget #aresWidgetCore #aresContent .aresWidget__search .aresWidget__search__fields li {
    width: 100%;
    margin: 0.25rem 0;
  }
}
.ventura-stay-widget #aresWidget #aresWidgetCore #aresContent .aresWidget__search .aresWidget__search__fields .aresWidget__search__field--submit {
  display: inline-flex;
  background: #016c91;
  text-transform: uppercase;
  position: relative;
  border: none;
  font-size: 1.25em;
  padding: 0;
  margin: 0.5rem 0;
  width: auto;
  flex: unset;
}
.ventura-stay-widget #aresWidget #aresWidgetCore #aresContent .aresWidget__search .aresWidget__search__fields .aresWidget__search__field--submit:before {
  content: "";
  display: block;
  background-color: #69c2d6;
  position: absolute;
  width: 2.25em;
  height: 100%;
  right: 0;
  top: 0;
  transition: 0.3s ease;
  z-index: 1;
}
.ventura-stay-widget #aresWidget #aresWidgetCore #aresContent .aresWidget__search .aresWidget__search__fields .aresWidget__search__field--submit button {
  display: flex;
  position: relative;
  z-index: 2;
  text-decoration: none;
  color: white;
  font-family: "Gotham", sans-serif;
  padding: 0.375em 1em;
  font-weight: bolder;
  font-size: 1em;
  border: none;
  height: auto;
  border-radius: unset;
  background: none;
}
.ventura-stay-widget #aresWidget #aresWidgetCore #aresContent .aresWidget__search .aresWidget__search__fields .aresWidget__search__field--submit button:before {
  display: none;
}
.ventura-stay-widget #aresWidget #aresWidgetCore #aresContent .aresWidget__search .aresWidget__search__fields .aresWidget__search__field--submit button:after {
  content: "";
  display: block;
  background-color: #69c2d6;
  background-image: url("/wp-content/themes/ventura/assets/images/icons/arrow_white.svg");
  width: 2.25em; /* 36/16 */
  background-size: 0.563em 1.125em; /* 9/16, 18/16 */
  background-repeat: no-repeat;
  transform: scaleX(-1);
  background-position: center;
  margin: -0.375em -1em -0.375em 1em;
  z-index: 2;
  position: relative;
  right: unset;
  top: unset;
  height: calc(100% + 0.75em);
  bottom: unset;
}
.ventura-stay-widget #aresWidget #aresWidgetCore #aresContent .aresWidget__search .aresWidget__search__fields .aresWidget__search__field--submit:hover:before {
  width: 100%;
}

/*********************
MEDIUM AND LARGE SCREENS
*********************/
/*********************
  SMALL SCREENS
  *********************/
/******************************************************************
Stylesheet: Typography
******************************************************************/
/******************************************************************
Stylesheet: Variables

Here is where we declare all our variables like colors, fonts,
base values, and defaults. We want to make sure this file ONLY
contains variables that way our files don't get all messy.
No one likes a mess.
FYI: THIS FILE HAS ITS DATA PREPENDED USING SASS-LOADER.
******************************************************************/
:root {
  --red: #771816;
  --redLight: #f06748;
  --redMuted: #de9d85;
  --yellow: #e98500;
  --yellowMuted: #f0c989;
  --blue: #016c91;
  --blueMuted: #bee0f7;
  --teal: #00b8cb;
  --tealMuted: #6ac2d6;
  --purple: #705ea2;
  --indigo: #235cbe;
  --indigoLight: #bedff9;
}

/******************************************************************
Stylesheet: Variables

Here is where we declare all our variables like colors, fonts,
base values, and defaults. We want to make sure this file ONLY
contains variables that way our files don't get all messy.
No one likes a mess.
FYI: THIS FILE HAS ITS DATA PREPENDED USING SASS-LOADER.
******************************************************************/
:root {
  --red: #771816;
  --redLight: #f06748;
  --redMuted: #de9d85;
  --yellow: #e98500;
  --yellowMuted: #f0c989;
  --blue: #016c91;
  --blueMuted: #bee0f7;
  --teal: #00b8cb;
  --tealMuted: #6ac2d6;
  --purple: #705ea2;
  --indigo: #235cbe;
  --indigoLight: #bedff9;
}

.ventura-blogs {
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
  padding: 3.125em 2.5%; /* 50/16 */
  margin: 5em auto;
}
.ventura-blogs.noBackground {
  padding: 0 2.5%;
}
.ventura-blogs .title {
  color: #000000;
  text-align: center;
}
.ventura-blogs .blogs {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  max-width: 1300px;
  margin: 0 auto;
}
.ventura-blogs .blogs .blog {
  text-decoration: none;
  position: relative;
  width: calc(33% - 2em);
  margin: 0 1em;
  display: flex;
  flex-direction: column;
}
.ventura-blogs .blogs .blog .image {
  width: 100%;
  display: block;
  position: relative;
  background-size: cover;
  overflow: hidden;
}
.ventura-blogs .blogs .blog .image:after {
  content: "";
  display: block;
  width: 100%;
  padding-bottom: 100%;
}
.ventura-blogs .blogs .blog .image img {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: 0.3s ease;
}
.ventura-blogs .blogs .blog .text {
  color: white;
  position: relative;
  flex: 1;
  display: flex;
}
.ventura-blogs .blogs .blog .text .info {
  background: rgba(1, 108, 145, 0.69);
  padding: 0.5em;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  transform: translateY(-99%);
  z-index: 1;
}
.ventura-blogs .blogs .blog .text .info p {
  margin: 0;
  line-height: 1.1em;
  font-size: 0.9em;
}
.ventura-blogs .blogs .blog .text .info p:first-child {
  margin-bottom: 0.25em;
}
.ventura-blogs .blogs .blog .text .description {
  background: #016c91;
  padding: 1em;
  position: relative;
  z-index: 2;
}
.ventura-blogs .blogs .blog .text .description .blogTitle {
  font-family: "ToledoTS", serif;
  font-size: 1.5em;
  line-height: 1.2em;
  margin: 0 auto;
}
.ventura-blogs .blogs .blog .text .description .blogExcerpt {
  display: none;
}
.ventura-blogs .blogs .blog:hover .image img {
  transform: scale(1.1);
}
.ventura-blogs button {
  margin: 2em auto 0;
  display: block;
}
.ventura-blogs.red .blogs .blog .text .info {
  background: rgba(119, 24, 22, 0.69);
}
.ventura-blogs.red .blogs .blog .text .description {
  background: #771816;
}

/*********************
MEDIUM AND LARGE SCREENS
*********************/
@media only screen and (max-width: 1025px) {
  .ventura-blogs {
    background-attachment: scroll;
  }
  .ventura-blogs .blogs .blog {
    width: calc(33% - 0.5em);
    margin: 0 0.25em;
  }
}
/*********************
SMALL SCREENS
*********************/
@media only screen and (max-width: 768px) {
  .ventura-blogs {
    background-attachment: scroll;
  }
  .ventura-blogs .blogs .blog {
    width: 100%;
    margin: 0 auto 1em;
  }
  .ventura-blogs .blogs .blog .text .description {
    width: 100%;
  }
}
/******************************************************************
Stylesheet: Typography
******************************************************************/
/******************************************************************
Stylesheet: Variables

Here is where we declare all our variables like colors, fonts,
base values, and defaults. We want to make sure this file ONLY
contains variables that way our files don't get all messy.
No one likes a mess.
FYI: THIS FILE HAS ITS DATA PREPENDED USING SASS-LOADER.
******************************************************************/
:root {
  --red: #771816;
  --redLight: #f06748;
  --redMuted: #de9d85;
  --yellow: #e98500;
  --yellowMuted: #f0c989;
  --blue: #016c91;
  --blueMuted: #bee0f7;
  --teal: #00b8cb;
  --tealMuted: #6ac2d6;
  --purple: #705ea2;
  --indigo: #235cbe;
  --indigoLight: #bedff9;
}

/******************************************************************
Stylesheet: Variables

Here is where we declare all our variables like colors, fonts,
base values, and defaults. We want to make sure this file ONLY
contains variables that way our files don't get all messy.
No one likes a mess.
FYI: THIS FILE HAS ITS DATA PREPENDED USING SASS-LOADER.
******************************************************************/
:root {
  --red: #771816;
  --redLight: #f06748;
  --redMuted: #de9d85;
  --yellow: #e98500;
  --yellowMuted: #f0c989;
  --blue: #016c91;
  --blueMuted: #bee0f7;
  --teal: #00b8cb;
  --tealMuted: #6ac2d6;
  --purple: #705ea2;
  --indigo: #235cbe;
  --indigoLight: #bedff9;
}

.ventura-blogs-slider {
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
  padding: 3.125em 2.5%; /* 50/16 */
  margin: 5em auto;
  position: relative;
}
.ventura-blogs-slider .swiper-button-prev,
.ventura-blogs-slider .swiper-button-next {
  width: 50px;
  height: 50px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  color: white;
  height: 60px;
  width: 40px;
  background-color: rgba(70, 113, 139, 0.6);
}
.ventura-blogs-slider .swiper-button-next {
  right: 10px;
}
.ventura-blogs-slider .swiper-button-prev {
  left: 10px;
}
.ventura-blogs-slider:not(.blog-section) .swiper-wrapper {
  padding: 2.5em 0;
}
.ventura-blogs-slider:not(.blog-section) .swiper-wrapper .swiper-slide {
  transition: 0.6s ease;
  position: relative;
  z-index: 1;
}
.ventura-blogs-slider:not(.blog-section) .swiper-wrapper .swiper-slide .image {
  display: block;
  width: 100%;
  position: relative;
  box-shadow: 20px 20px 20px rgba(0, 0, 0, 0.16);
}
.ventura-blogs-slider:not(.blog-section) .swiper-wrapper .swiper-slide .image:after {
  content: "";
  width: 100%;
  padding-bottom: 72.84%;
  display: block;
}
.ventura-blogs-slider:not(.blog-section) .swiper-wrapper .swiper-slide .image img {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.ventura-blogs-slider:not(.blog-section) .swiper-wrapper .swiper-slide.swiper-slide-active {
  opacity: 1;
  z-index: 2;
}
.ventura-blogs-slider.noBackground {
  padding: 0 2.5%;
}
.ventura-blogs-slider .title {
  color: #000000;
  text-align: center;
}
.ventura-blogs-slider .blogs {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  max-width: 1300px;
  overflow: hidden;
  max-width: 1300px;
  width: calc(100% - 100px);
  margin: 0 auto;
}
.ventura-blogs-slider .blogs .swiper-wrapper .blog {
  text-decoration: none;
  position: relative;
  display: flex;
  flex-direction: column;
  height: auto;
}
.ventura-blogs-slider .blogs .swiper-wrapper .blog .image {
  width: 100%;
  display: block;
  position: relative;
  background-size: cover;
  overflow: hidden;
}
.ventura-blogs-slider .blogs .swiper-wrapper .blog .image:after {
  content: "";
  display: block;
  width: 100%;
  padding-bottom: 100%;
}
.ventura-blogs-slider .blogs .swiper-wrapper .blog .image img {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: 0.3s ease;
}
.ventura-blogs-slider .blogs .swiper-wrapper .blog .text {
  color: white;
  position: relative;
  flex: 1;
  display: flex;
}
.ventura-blogs-slider .blogs .swiper-wrapper .blog .text .info {
  background: rgba(1, 108, 145, 0.69);
  padding: 0.5em;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  transform: translateY(-99%);
  z-index: 1;
}
.ventura-blogs-slider .blogs .swiper-wrapper .blog .text .info p {
  margin: 0;
  line-height: 1.1em;
  font-size: 0.9em;
}
.ventura-blogs-slider .blogs .swiper-wrapper .blog .text .info p:first-child {
  margin-bottom: 0.25em;
}
.ventura-blogs-slider .blogs .swiper-wrapper .blog .text .description {
  width: 100%;
  background: #016c91;
  padding: 1em;
  position: relative;
  z-index: 2;
}
.ventura-blogs-slider .blogs .swiper-wrapper .blog .text .description .blogTitle {
  font-family: "ToledoTS", serif;
  font-size: 1.5em;
  line-height: 1.2em;
  margin: 0 auto;
}
.ventura-blogs-slider .blogs .swiper-wrapper .blog .text .description .blogExcerpt {
  display: none;
}
.ventura-blogs-slider .blogs .swiper-wrapper .blog:hover .image img {
  transform: scale(1.1);
}
.ventura-blogs-slider button {
  margin: 2em auto 0;
  display: block;
}
.ventura-blogs-slider.red .blogs .blog .text .info {
  background: rgba(119, 24, 22, 0.69);
}
.ventura-blogs-slider.red .blogs .blog .text .description {
  background: #771816;
}

.blog-section {
  padding-top: 3rem;
  margin-top: 0 !important;
  margin-bottom: 3rem;
  padding-bottom: 5rem !important;
}
.blog-section .title {
  color: white !important;
  text-align: left !important;
  padding-left: 1rem;
}
.blog-section .blue {
  display: none;
}
.blog-section .slides {
  width: 95%;
  max-width: 1300px;
  margin: 0 auto;
  position: relative;
}
.blog-section .slides .swiper-wrapper {
  padding: 2.5em 0;
}
.blog-section .slides .swiper-wrapper .swiper-slide {
  transition: 0.6s ease;
  position: relative;
  z-index: 1;
}
.blog-section .slides .swiper-wrapper .swiper-slide .image {
  display: block;
  width: 100%;
  position: relative;
  box-shadow: 20px 20px 20px rgba(0, 0, 0, 0.16);
}
.blog-section .slides .swiper-wrapper .swiper-slide .image:after {
  content: "";
  width: 100%;
  padding-bottom: 72.84%;
  display: block;
}
.blog-section .slides .swiper-wrapper .swiper-slide .image img {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.blog-section .slides .swiper-wrapper .swiper-slide.swiper-slide-active {
  opacity: 1;
  z-index: 2;
}

/*********************
MEDIUM AND LARGE SCREENS
*********************/
@media only screen and (max-width: 1025px) {
  .ventura-blogs-slider {
    background-attachment: scroll;
  }
  .ventura-blogs-slider .slides .swiper-wrapper .swiper-slide .image {
    border-width: 10px;
  }
}
/*********************
SMALL SCREENS
*********************/
@media only screen and (max-width: 768px) {
  .ventura-blogs-slider {
    background-attachment: scroll;
  }
  .ventura-blogs-slider .swiper-button-next {
    right: 20px;
  }
  .ventura-blogs-slider .swiper-button-prev {
    left: 20px;
  }
  .ventura-blogs-slider .slides {
    width: 100%;
  }
  .ventura-blogs-slider .slides .swiper-wrapper .swiper-slide .image {
    border-width: 5px;
  }
  .ventura-blogs-slider .blogs {
    width: calc(100% - 16vw);
  }
  .ventura-blogs-slider .blogs .blog {
    width: 100%;
  }
  .ventura-blogs-slider .blogs .blog .text .description {
    width: 100%;
  }
}
/******************************************************************
Stylesheet: Typography
******************************************************************/
/******************************************************************
Stylesheet: Variables

Here is where we declare all our variables like colors, fonts,
base values, and defaults. We want to make sure this file ONLY
contains variables that way our files don't get all messy.
No one likes a mess.
FYI: THIS FILE HAS ITS DATA PREPENDED USING SASS-LOADER.
******************************************************************/
:root {
  --red: #771816;
  --redLight: #f06748;
  --redMuted: #de9d85;
  --yellow: #e98500;
  --yellowMuted: #f0c989;
  --blue: #016c91;
  --blueMuted: #bee0f7;
  --teal: #00b8cb;
  --tealMuted: #6ac2d6;
  --purple: #705ea2;
  --indigo: #235cbe;
  --indigoLight: #bedff9;
}

/******************************************************************
Stylesheet: Variables

Here is where we declare all our variables like colors, fonts,
base values, and defaults. We want to make sure this file ONLY
contains variables that way our files don't get all messy.
No one likes a mess.
FYI: THIS FILE HAS ITS DATA PREPENDED USING SASS-LOADER.
******************************************************************/
:root {
  --red: #771816;
  --redLight: #f06748;
  --redMuted: #de9d85;
  --yellow: #e98500;
  --yellowMuted: #f0c989;
  --blue: #016c91;
  --blueMuted: #bee0f7;
  --teal: #00b8cb;
  --tealMuted: #6ac2d6;
  --purple: #705ea2;
  --indigo: #235cbe;
  --indigoLight: #bedff9;
}

.ventura-countdown {
  position: absolute;
  top: 0;
  right: 1rem;
  transform: translateY(calc(-80% - 0.5rem));
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 1.5rem 3rem;
  border-radius: 3rem;
  background-color: #016c91;
  text-transform: uppercase;
  font-family: ToledoTS, serif;
  color: white;
}
.ventura-countdown .icon {
  width: 15rem;
  height: auto;
  margin-bottom: 1rem;
}
.ventura-countdown .content .title {
  text-align: center;
}
.ventura-countdown .content .counters {
  display: flex;
}
.ventura-countdown .content .counters .counter {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0.6rem;
}
.ventura-countdown .content .counters .counter .counter__number {
  font-size: 1.5em;
  padding-bottom: 5px;
}

/*********************
SMALL SCREENS
*********************/
@media only screen and (max-width: 768px) {
  .ventura-countdown {
    right: 50%;
    transform: translate(50%, -80%);
    padding: 0.5rem 2rem;
    border-radius: 2rem;
  }
  .ventura-countdown .icon {
    width: 7rem;
    padding-top: 0.5rem;
  }
  .ventura-countdown .content .counters .counter {
    margin: 0.5rem;
  }
  .ventura-countdown .content .counters .counter .counter__number {
    font-size: 1.5em;
  }
  .ventura-countdown .content .counters .counter .counter__label {
    font-size: 0.9em;
  }
}
/******************************************************************
Stylesheet: Typography
******************************************************************/
/******************************************************************
Stylesheet: Variables

Here is where we declare all our variables like colors, fonts,
base values, and defaults. We want to make sure this file ONLY
contains variables that way our files don't get all messy.
No one likes a mess.
FYI: THIS FILE HAS ITS DATA PREPENDED USING SASS-LOADER.
******************************************************************/
:root {
  --red: #771816;
  --redLight: #f06748;
  --redMuted: #de9d85;
  --yellow: #e98500;
  --yellowMuted: #f0c989;
  --blue: #016c91;
  --blueMuted: #bee0f7;
  --teal: #00b8cb;
  --tealMuted: #6ac2d6;
  --purple: #705ea2;
  --indigo: #235cbe;
  --indigoLight: #bedff9;
}

/******************************************************************
Stylesheet: Variables

Here is where we declare all our variables like colors, fonts,
base values, and defaults. We want to make sure this file ONLY
contains variables that way our files don't get all messy.
No one likes a mess.
FYI: THIS FILE HAS ITS DATA PREPENDED USING SASS-LOADER.
******************************************************************/
:root {
  --red: #771816;
  --redLight: #f06748;
  --redMuted: #de9d85;
  --yellow: #e98500;
  --yellowMuted: #f0c989;
  --blue: #016c91;
  --blueMuted: #bee0f7;
  --teal: #00b8cb;
  --tealMuted: #6ac2d6;
  --purple: #705ea2;
  --indigo: #235cbe;
  --indigoLight: #bedff9;
}

.ventura-neighborhoods {
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
  padding: 3.125em 2.5%; /* 50/16 */
  margin: 5em auto;
}
.ventura-neighborhoods .blogLogo {
  margin: 0 auto;
  width: 200px;
}
.ventura-neighborhoods .blogLogo svg {
  width: 100%;
}
.ventura-neighborhoods .title {
  color: white;
  text-align: center;
}
@media only screen and (max-width: 490px) {
  .ventura-neighborhoods .title {
    font-size: 1.75em;
  }
}
.ventura-neighborhoods .subtitle {
  color: white;
  text-align: center;
  font-size: 1.25em;
  font-weight: bold;
  max-width: 600px;
  margin: 0 auto;
}
@media only screen and (max-width: 490px) {
  .ventura-neighborhoods .subtitle {
    font-size: 1em;
  }
}
.ventura-neighborhoods .listingPoints {
  display: none;
}
.ventura-neighborhoods #neighborhoodMap {
  width: 100%;
  max-width: 1300px;
  margin: 2.5em auto 0;
  border: 10px solid #f6cb55;
  box-sizing: border-box;
}
.ventura-neighborhoods #neighborhoodMap:before {
  content: "";
  display: block;
  padding-bottom: 56.25%;
  width: 100%;
}
@media only screen and (max-width: 768px) {
  .ventura-neighborhoods #neighborhoodMap {
    border-width: 5px;
  }
  .ventura-neighborhoods #neighborhoodMap:before {
    padding-bottom: 125%;
  }
}
.ventura-neighborhoods .listingPopup .popupText .title {
  font-size: 1.25em;
  font-family: "ToledoTS", serif;
  color: #000000;
  text-align: left;
}
.ventura-neighborhoods .listingPopup .popupText .button a {
  color: white;
}
.ventura-neighborhoods .leaflet-popup .leaflet-popup-content-wrapper {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  border-radius: 5px;
}
.ventura-neighborhoods .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content {
  max-width: 80vw;
}
.ventura-neighborhoods .leaflet-popup.neighborhood .leaflet-popup-content-wrapper {
  background: #016c91;
  color: white;
}
.ventura-neighborhoods .leaflet-popup.neighborhood .leaflet-popup-content-wrapper .leaflet-popup-content {
  font-family: "ToledoTS", serif;
  font-size: 1.25em;
  text-align: center;
  margin: 0;
  padding: 0.5em;
  letter-spacing: 0.1em;
}
.ventura-neighborhoods .leaflet-popup.neighborhood .leaflet-popup-close-button {
  display: none;
}
.ventura-neighborhoods .leaflet-popup.neighborhood .leaflet-popup-tip-container {
  margin-top: -1px;
}
.ventura-neighborhoods .leaflet-popup.neighborhood .leaflet-popup-tip-container .leaflet-popup-tip {
  background: #016c91;
}
/******************************************************************
Stylesheet: Typography
******************************************************************/
/******************************************************************
Stylesheet: Variables

Here is where we declare all our variables like colors, fonts,
base values, and defaults. We want to make sure this file ONLY
contains variables that way our files don't get all messy.
No one likes a mess.
FYI: THIS FILE HAS ITS DATA PREPENDED USING SASS-LOADER.
******************************************************************/
:root {
  --red: #771816;
  --redLight: #f06748;
  --redMuted: #de9d85;
  --yellow: #e98500;
  --yellowMuted: #f0c989;
  --blue: #016c91;
  --blueMuted: #bee0f7;
  --teal: #00b8cb;
  --tealMuted: #6ac2d6;
  --purple: #705ea2;
  --indigo: #235cbe;
  --indigoLight: #bedff9;
}

/******************************************************************
Stylesheet: Variables

Here is where we declare all our variables like colors, fonts,
base values, and defaults. We want to make sure this file ONLY
contains variables that way our files don't get all messy.
No one likes a mess.
FYI: THIS FILE HAS ITS DATA PREPENDED USING SASS-LOADER.
******************************************************************/
:root {
  --red: #771816;
  --redLight: #f06748;
  --redMuted: #de9d85;
  --yellow: #e98500;
  --yellowMuted: #f0c989;
  --blue: #016c91;
  --blueMuted: #bee0f7;
  --teal: #00b8cb;
  --tealMuted: #6ac2d6;
  --purple: #705ea2;
  --indigo: #235cbe;
  --indigoLight: #bedff9;
}

.ventura-event-highlight {
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
  padding: 3.125em 2.5%; /* 50/16 */
  margin: 5em auto;
  text-align: center;
}
.ventura-event-highlight .title {
  color: #000000;
  text-align: center;
}
.ventura-event-highlight .events {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  max-width: 1300px;
  margin: 0 auto;
  padding: calc(2em + 10px) 0;
  position: relative;
  text-align: left;
}
.ventura-event-highlight .events:after {
  content: "";
  display: block;
  width: 80%;
  height: 100%;
  border: 10px solid #e98500;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 1;
  margin: 0 auto;
}
.ventura-event-highlight .events .subtitle {
  position: relative;
  text-align: center;
  font-weight: bold;
  font-size: 1.25em;
  width: 80%;
  z-index: 2;
  margin: 0 auto 2rem;
}
.ventura-event-highlight .events .event {
  text-decoration: none;
  position: relative;
  width: calc(25% - 1em);
  margin: 0;
  display: flex;
  flex-direction: column;
  z-index: 2;
}
.ventura-event-highlight .events .event .image {
  width: 100%;
  display: block;
  position: relative;
  background-size: cover;
  overflow: hidden;
}
.ventura-event-highlight .events .event .image:after {
  content: "";
  display: block;
  width: 100%;
  padding-bottom: 100%;
}
.ventura-event-highlight .events .event .image .date {
  position: absolute;
  left: 0;
  top: 0;
  background: #e98500;
  width: 75px;
  height: 75px;
  z-index: 1;
  display: flex;
  justify-content: center;
  align-items: center;
}
.ventura-event-highlight .events .event .image .date span {
  color: white;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 1.5em;
  font-family: "ToledoTS", serif;
  line-height: 1.2em;
}
.ventura-event-highlight .events .event .image img {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: 0.3s ease;
}
.ventura-event-highlight .events .event .text {
  position: relative;
  flex: 1;
  display: flex;
}
.ventura-event-highlight .events .event .text .info {
  background: #016c91;
  color: white;
  padding: 0.5em;
  opacity: 0;
  float: right;
  z-index: 2;
  width: 100%;
  margin-right: -100%;
  transition: 0.3s ease;
}
.ventura-event-highlight .events .event .text .info .infoItem {
  display: flex;
  align-items: center;
  margin-bottom: 0.5em;
}
.ventura-event-highlight .events .event .text .info .infoItem img {
  display: block;
  margin-right: 6px;
}
.ventura-event-highlight .events .event .text .info .infoItem p {
  margin: 0;
  font-size: 0.9em;
  line-height: 1.1em;
  font-family: "expressway", sans-serif;
}
.ventura-event-highlight .events .event .text .info button {
  float: right;
}
.ventura-event-highlight .events .event .text .description {
  background: white;
  color: #016c91;
  padding: 1em;
  position: relative;
  z-index: 1;
  width: 100%;
  box-sizing: border-box;
}
.ventura-event-highlight .events .event .text .description .eventTitle {
  text-transform: uppercase;
  font-size: 1.25em;
  font-family: "expressway", sans-serif;
  font-weight: bold;
  line-height: 1.2em;
  margin: 0 auto;
}
.ventura-event-highlight .events .event:hover .image img {
  transform: scale(1.1);
}
.ventura-event-highlight .events .event:hover .text .info {
  opacity: 1;
}
.ventura-event-highlight .button {
  margin: 3em auto 0;
}

/*********************
MEDIUM AND LARGE SCREENS
*********************/
@media only screen and (max-width: 1025px) {
  .ventura-event-highlight {
    background-attachment: scroll;
  }
  .ventura-event-highlight .events {
    max-width: 800px;
  }
  .ventura-event-highlight .events .event {
    width: calc(50% - 1em);
    margin: 0.5em;
  }
}
/*********************
SMALL SCREENS
*********************/
@media only screen and (max-width: 768px) {
  .ventura-event-highlight {
    background-attachment: scroll;
    background-size: 100% auto;
    background-repeat: repeat;
  }
}
@media only screen and (max-width: 500px) {
  .ventura-event-highlight .events {
    max-width: 450px;
  }
  .ventura-event-highlight .events .event {
    width: 100%;
    margin: 0.5em 0;
  }
}
/******************************************************************
Stylesheet: Typography
******************************************************************/
/******************************************************************
Stylesheet: Variables

Here is where we declare all our variables like colors, fonts,
base values, and defaults. We want to make sure this file ONLY
contains variables that way our files don't get all messy.
No one likes a mess.
FYI: THIS FILE HAS ITS DATA PREPENDED USING SASS-LOADER.
******************************************************************/
:root {
  --red: #771816;
  --redLight: #f06748;
  --redMuted: #de9d85;
  --yellow: #e98500;
  --yellowMuted: #f0c989;
  --blue: #016c91;
  --blueMuted: #bee0f7;
  --teal: #00b8cb;
  --tealMuted: #6ac2d6;
  --purple: #705ea2;
  --indigo: #235cbe;
  --indigoLight: #bedff9;
}

/******************************************************************
Stylesheet: Variables

Here is where we declare all our variables like colors, fonts,
base values, and defaults. We want to make sure this file ONLY
contains variables that way our files don't get all messy.
No one likes a mess.
FYI: THIS FILE HAS ITS DATA PREPENDED USING SASS-LOADER.
******************************************************************/
:root {
  --red: #771816;
  --redLight: #f06748;
  --redMuted: #de9d85;
  --yellow: #e98500;
  --yellowMuted: #f0c989;
  --blue: #016c91;
  --blueMuted: #bee0f7;
  --teal: #00b8cb;
  --tealMuted: #6ac2d6;
  --purple: #705ea2;
  --indigo: #235cbe;
  --indigoLight: #bedff9;
}

.ventura-instagram-display {
  margin: 5em auto;
  width: 100%;
}
.ventura-instagram-display h2 {
  text-align: center;
}
.ventura-instagram-display .subtitle {
  color: #771816;
  font-family: "expressway", sans-serif;
  font-size: 2em;
  text-align: center;
  margin: 0.5em auto 0;
  font-weight: bolder;
}
@media only screen and (max-width: 768px) {
  .ventura-instagram-display .subtitle {
    font-size: 1.5em;
  }
}
@media only screen and (max-width: 400px) {
  .ventura-instagram-display .subtitle {
    font-size: 1.25em;
  }
}
.ventura-instagram-display .socialLinks {
  display: flex;
  justify-content: space-between;
  width: 95%;
  max-width: 500px;
  margin: 0 auto 2.5em;
}
.ventura-instagram-display .socialLinks a {
  display: block;
  width: 35px;
  margin: 0 6px;
}
.ventura-instagram-display .socialLinks a img {
  display: block;
  width: 100%;
}
.ventura-instagram-display .instagramFeed {
  width: 100%;
  text-align: center;
}
.ventura-instagram-display .instagramFeed .feedImages {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 0 !important;
}
.ventura-instagram-display .instagramFeed .feedImages .feedImage {
  position: relative;
  margin-bottom: 12px;
  box-shadow: 0px 4px 16px rgba(47, 48, 50, 0.25);
  width: calc(12.5% - 12px);
}
@media only screen and (max-width: 1300px) and (min-width: 1001px) {
  .ventura-instagram-display .instagramFeed .feedImages .feedImage {
    width: calc(16.6666% - 12px);
  }
  .ventura-instagram-display .instagramFeed .feedImages .feedImage:nth-child(n+13) {
    display: none;
  }
}
@media only screen and (max-width: 1000px) and (min-width: 769px) {
  .ventura-instagram-display .instagramFeed .feedImages .feedImage {
    width: calc(20% - 12px);
  }
  .ventura-instagram-display .instagramFeed .feedImages .feedImage:nth-child(n+11) {
    display: none;
  }
}
@media only screen and (max-width: 768px) {
  .ventura-instagram-display .instagramFeed .feedImages .feedImage {
    width: calc(25% - 6px);
    margin-bottom: 6px;
  }
  .ventura-instagram-display .instagramFeed .feedImages .feedImage:nth-child(n+9) {
    display: none;
  }
}
@media only screen and (max-width: 500px) {
  .ventura-instagram-display .instagramFeed .feedImages .feedImage {
    width: calc(33.333% - 6px);
  }
  .ventura-instagram-display .instagramFeed .feedImages .feedImage:nth-child(n+7) {
    display: none;
  }
}
@media only screen and (max-width: 350px) {
  .ventura-instagram-display .instagramFeed .feedImages .feedImage {
    width: calc(50% - 3px);
  }
  .ventura-instagram-display .instagramFeed .feedImages .feedImage:nth-child(n+5) {
    display: none;
  }
}
.ventura-instagram-display .instagramFeed .feedImages .feedImage .image {
  width: 100%;
  position: relative;
}
.ventura-instagram-display .instagramFeed .feedImages .feedImage .image:after {
  content: "";
  display: block;
  width: 100%;
  padding-bottom: 100%;
}
.ventura-instagram-display .instagramFeed .feedImages .feedImage .image img {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  -o-object-fit: cover;
     object-fit: cover;
}
.ventura-instagram-display .instagramFeed .feedImages .feedImage .info {
  position: absolute;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  text-align: center;
  opacity: 0;
  transition: 0.3s ease;
  background: linear-gradient(180deg, rgba(47, 48, 50, 0) 0%, rgba(47, 48, 50, 0.75) 100%);
}
.ventura-instagram-display .instagramFeed .feedImages .feedImage .info .user {
  color: white;
  font-weight: bold;
}
.ventura-instagram-display .instagramFeed .feedImages .feedImage .info .likeAndComment .like,
.ventura-instagram-display .instagramFeed .feedImages .feedImage .info .likeAndComment .comment {
  display: inline-flex;
  align-items: center;
  margin: 0 12px;
}
.ventura-instagram-display .instagramFeed .feedImages .feedImage .info .likeAndComment .like img,
.ventura-instagram-display .instagramFeed .feedImages .feedImage .info .likeAndComment .comment img {
  height: 15px;
  width: auto;
  display: inline-block;
  margin-right: 4px;
}
.ventura-instagram-display .instagramFeed .feedImages .feedImage .info .likeAndComment .like p,
.ventura-instagram-display .instagramFeed .feedImages .feedImage .info .likeAndComment .comment p {
  font-weight: bold;
  color: white;
  margin: 0;
}
.ventura-instagram-display .instagramFeed .feedImages .feedImage:hover .info {
  opacity: 1;
}
/******************************************************************
Stylesheet: Typography
******************************************************************/
/******************************************************************
Stylesheet: Variables

Here is where we declare all our variables like colors, fonts,
base values, and defaults. We want to make sure this file ONLY
contains variables that way our files don't get all messy.
No one likes a mess.
FYI: THIS FILE HAS ITS DATA PREPENDED USING SASS-LOADER.
******************************************************************/
:root {
  --red: #771816;
  --redLight: #f06748;
  --redMuted: #de9d85;
  --yellow: #e98500;
  --yellowMuted: #f0c989;
  --blue: #016c91;
  --blueMuted: #bee0f7;
  --teal: #00b8cb;
  --tealMuted: #6ac2d6;
  --purple: #705ea2;
  --indigo: #235cbe;
  --indigoLight: #bedff9;
}

/******************************************************************
Stylesheet: Variables

Here is where we declare all our variables like colors, fonts,
base values, and defaults. We want to make sure this file ONLY
contains variables that way our files don't get all messy.
No one likes a mess.
FYI: THIS FILE HAS ITS DATA PREPENDED USING SASS-LOADER.
******************************************************************/
:root {
  --red: #771816;
  --redLight: #f06748;
  --redMuted: #de9d85;
  --yellow: #e98500;
  --yellowMuted: #f0c989;
  --blue: #016c91;
  --blueMuted: #bee0f7;
  --teal: #00b8cb;
  --tealMuted: #6ac2d6;
  --purple: #705ea2;
  --indigo: #235cbe;
  --indigoLight: #bedff9;
}

.ventura-cta {
  box-sizing: border-box;
  margin: 5em auto;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  background: #e7eeef;
  padding: 2em;
  width: 90%;
  max-width: 550px;
  height: 100%;
}
.ventura-cta .title {
  color: #016c91;
  font-family: "Gotham", sans-serif;
  font-size: 1.5em;
  font-weight: 500;
  display: flex;
  align-items: baseline;
  text-transform: uppercase;
  margin: 0 auto 0.25em !important;
  width: auto !important;
}
.ventura-cta .title img {
  display: block;
  width: 100px;
  height: auto;
  margin-left: 0.5em;
  margin-top: -100%;
}
.ventura-cta > a {
  display: block;
  font-family: "ToledoTS", serif;
  font-size: 2em;
  text-align: center;
  border: 2px solid #016c91;
  color: #000000;
  text-decoration: none;
  padding: 0.5em 1em;
  transition: 0.3s ease;
}
.ventura-cta > a:hover {
  background: #016c91;
}
.ventura-cta .text {
  margin: 0.5em auto 0;
  text-align: center;
  max-width: 400px;
}
.ventura-cta.red {
  background: #f06748;
}
.ventura-cta.red .title {
  color: #771816;
}
.ventura-cta.red > a {
  border-color: #771816;
}
.ventura-cta.red > a:hover {
  background: #771816;
}
.ventura-cta.yellow {
  background: #f7d3a4;
}
.ventura-cta.yellow .title {
  color: #e98500;
}
.ventura-cta.yellow > a {
  border-color: #e98500;
}
.ventura-cta.yellow > a:hover {
  background: #e98500;
}
.ventura-cta.teal {
  background: #69c2d6;
}
.ventura-cta.teal .title {
  color: #00b8cb;
}
.ventura-cta.teal > a {
  border-color: #00b8cb;
}
.ventura-cta.teal > a:hover {
  background: #00b8cb;
}
@media only screen and (max-width: 768px) {
  .ventura-cta {
    padding: 2em 2.5%;
  }
  .ventura-cta > a {
    font-size: 1.5em;
  }
}

.wp-block-columns.guide-newsletter {
  margin: calc(5em + 25px) auto 5em;
  justify-content: center;
}
.wp-block-columns.guide-newsletter .wp-block-column {
  flex: unset;
  width: auto;
  margin: 0 1em;
}
.wp-block-columns.guide-newsletter .wp-block-column .ventura-cta {
  margin: 0 auto;
  width: 100%;
}
@media only screen and (max-width: 605px) {
  .wp-block-columns.guide-newsletter {
    flex-direction: column;
  }
  .wp-block-columns.guide-newsletter .wp-block-column {
    margin: 0 auto;
  }
  .wp-block-columns.guide-newsletter .wp-block-column:first-child {
    margin-bottom: 1em;
  }
}
/******************************************************************
Stylesheet: Typography
******************************************************************/
/******************************************************************
Stylesheet: Variables

Here is where we declare all our variables like colors, fonts,
base values, and defaults. We want to make sure this file ONLY
contains variables that way our files don't get all messy.
No one likes a mess.
FYI: THIS FILE HAS ITS DATA PREPENDED USING SASS-LOADER.
******************************************************************/
:root {
  --red: #771816;
  --redLight: #f06748;
  --redMuted: #de9d85;
  --yellow: #e98500;
  --yellowMuted: #f0c989;
  --blue: #016c91;
  --blueMuted: #bee0f7;
  --teal: #00b8cb;
  --tealMuted: #6ac2d6;
  --purple: #705ea2;
  --indigo: #235cbe;
  --indigoLight: #bedff9;
}

/******************************************************************
Stylesheet: Variables

Here is where we declare all our variables like colors, fonts,
base values, and defaults. We want to make sure this file ONLY
contains variables that way our files don't get all messy.
No one likes a mess.
FYI: THIS FILE HAS ITS DATA PREPENDED USING SASS-LOADER.
******************************************************************/
:root {
  --red: #771816;
  --redLight: #f06748;
  --redMuted: #de9d85;
  --yellow: #e98500;
  --yellowMuted: #f0c989;
  --blue: #016c91;
  --blueMuted: #bee0f7;
  --teal: #00b8cb;
  --tealMuted: #6ac2d6;
  --purple: #705ea2;
  --indigo: #235cbe;
  --indigoLight: #bedff9;
}

.ventura-intro {
  width: 95%;
  max-width: 1300px;
  position: relative;
  margin: 2.5em auto 5em;
  z-index: 2;
}
.ventura-intro:before {
  content: "";
  position: absolute;
  left: -2.5vw;
  top: 0;
  display: block;
  height: calc(100% + 2.5vw);
  width: 20vw;
  max-width: 280px;
  z-index: -1;
  background: rgba(0, 184, 203, 0.5);
  transition: height 1s ease;
}
.ventura-intro .text {
  border-top: 10px solid #f6cb55;
  position: relative;
  z-index: 1;
  padding: 2.5rem 2.5%;
  background: white;
  width: 100%;
  margin: 0;
  display: flex;
  box-shadow: 20px 20px 20px rgba(0, 0, 0, 0.16);
}
.ventura-intro .text .icon {
  width: 75px;
  height: auto;
  margin: 0 1em 0 0;
  flex-shrink: 0;
}
.ventura-intro .text .icon img {
  display: block;
  width: 100%;
}
.ventura-intro .text .content {
  flex: 1;
}
.ventura-intro .text .content .title {
  font-size: 4em;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
}
.ventura-intro .text .content .title:last-child {
  margin-bottom: 0;
}
@media only screen and (max-width: 768px) {
  .ventura-intro .text .content .title {
    font-size: 2em;
  }
}
.ventura-intro .text .content .description {
  color: #016c91;
  font-family: "expressway", sans-serif;
  font-size: 1.625em;
  line-height: 1.3em;
  width: 100%;
  margin-top: 0;
}
.ventura-intro .text .content .description:first-child::first-letter {
  font-size: 600%;
  display: block;
  float: left;
  line-height: 0.85em;
  margin-right: 12px;
}
.ventura-intro .text .content .description:first-child.letterHeight3::first-letter {
  font-size: 450%;
  line-height: 0.9em;
}
.ventura-intro .text .content .description a {
  color: inherit;
  text-decoration: underline;
  background: none !important;
}
.ventura-intro .text .content .author {
  width: 100%;
  color: #016c91;
  font-family: "expressway", sans-serif;
  display: flex;
  align-items: center;
}
.ventura-intro .text .content .author:before {
  content: "";
  display: block;
  background-image: url("/wp-content/themes/ventura/assets/images/icons/icon_tiny_pencil.svg");
  width: 1em;
  height: 1em;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  margin: 0 6px 0 0;
  cursor: pointer;
}
.ventura-intro .text .content.red-text .description {
  color: #771816;
}
.ventura-intro .text .content.red-first-letter .description:first-child::first-letter {
  color: #771816;
}
.ventura-intro .text .content.yellow-text .description {
  color: #e98500;
}
.ventura-intro .text .content.yellow-first-letter .description:first-child::first-letter {
  color: #e98500;
}
.ventura-intro .text .content.teal-text .description {
  color: #00b8cb;
}
.ventura-intro .text .content.teal-first-letter .description:first-child::first-letter {
  color: #00b8cb;
}
.ventura-intro .text .content.indigo-text .description {
  color: #235cbe;
}
.ventura-intro .text .content.indigo-first-letter .description:first-child::first-letter {
  color: #235cbe;
}
.ventura-intro.animateElement:before {
  height: 0;
}
.ventura-intro.red-border .text {
  border-color: #771816;
}
.ventura-intro.red-overlay:before {
  content: "";
  background: rgba(233, 133, 0, 0.5);
}
.ventura-intro.yellow-border .text {
  border-color: #e98500;
}
.ventura-intro.yellow-overlay:before {
  content: "";
  background: rgba(233, 133, 0, 0.5);
}
.ventura-intro.teal-border .text {
  border-color: #00b8cb;
}
.ventura-intro.teal-overlay:before {
  content: "";
  background: rgba(0, 184, 203, 0.5);
}
.ventura-intro.blue-border .text {
  border-color: #016c91;
}
.ventura-intro.blue-overlay:before {
  content: "";
  background: rgba(1, 108, 145, 0.5);
}
.ventura-intro.indigo-border .text {
  border-color: #235cbe;
}
.ventura-intro.indigo-overlay:before {
  content: "";
  background: rgba(35, 92, 190, 0.5);
}

.ventura-hero + .ventura-intro {
  margin-top: -7.5em;
}

/*********************
  SMALL SCREENS
**********************/
@media only screen and (max-width: 768px) {
  .ventura-intro .text {
    border-top-width: 10px;
    padding: 1rem 2.5%;
  }
  .ventura-intro .text .icon {
    width: 45px;
    margin: 0 0.5em 0 0;
  }
  .ventura-intro .text .content .description {
    font-size: 1.25em;
  }
}
/******************************************************************
Stylesheet: Typography
******************************************************************/
/******************************************************************
Stylesheet: Variables

Here is where we declare all our variables like colors, fonts,
base values, and defaults. We want to make sure this file ONLY
contains variables that way our files don't get all messy.
No one likes a mess.
FYI: THIS FILE HAS ITS DATA PREPENDED USING SASS-LOADER.
******************************************************************/
:root {
  --red: #771816;
  --redLight: #f06748;
  --redMuted: #de9d85;
  --yellow: #e98500;
  --yellowMuted: #f0c989;
  --blue: #016c91;
  --blueMuted: #bee0f7;
  --teal: #00b8cb;
  --tealMuted: #6ac2d6;
  --purple: #705ea2;
  --indigo: #235cbe;
  --indigoLight: #bedff9;
}

/******************************************************************
Stylesheet: Variables

Here is where we declare all our variables like colors, fonts,
base values, and defaults. We want to make sure this file ONLY
contains variables that way our files don't get all messy.
No one likes a mess.
FYI: THIS FILE HAS ITS DATA PREPENDED USING SASS-LOADER.
******************************************************************/
:root {
  --red: #771816;
  --redLight: #f06748;
  --redMuted: #de9d85;
  --yellow: #e98500;
  --yellowMuted: #f0c989;
  --blue: #016c91;
  --blueMuted: #bee0f7;
  --teal: #00b8cb;
  --tealMuted: #6ac2d6;
  --purple: #705ea2;
  --indigo: #235cbe;
  --indigoLight: #bedff9;
}

.ventura-featured-pages {
  padding: 5em 0;
  width: 100%;
  background: #6ac2d6;
}
.ventura-featured-pages.blueMuted {
  background: #bee0f7;
}
.ventura-featured-pages.indigoLight {
  background: #bedff9;
}
.ventura-featured-pages.yellowMuted {
  background: #f0c989;
}
.ventura-featured-pages.redMuted {
  background: #de9d85;
}
.ventura-featured-pages .featuredPages {
  width: 95%;
  max-width: 1300px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.ventura-featured-pages .featuredPages .featuredPage {
  width: calc(50% - 1em);
  display: flex;
  overflow: hidden;
  position: relative;
  margin: 0 0 2em;
  opacity: 1;
  transition: transform 1s ease, opacity 1s ease;
}
@media only screen and (min-width: 769px) {
  .ventura-featured-pages .featuredPages .featuredPage:last-child, .ventura-featured-pages .featuredPages .featuredPage:nth-last-child(2):not(:nth-child(even)) {
    margin-bottom: 0;
  }
}
.ventura-featured-pages .featuredPages .featuredPage.animateElement {
  transform: translateY(100px);
  opacity: 0;
}
.ventura-featured-pages .featuredPages .featuredPage .image {
  width: 50%;
  position: relative;
  flex: 1;
}
.ventura-featured-pages .featuredPages .featuredPage .image:after {
  content: "";
  width: 100%;
  padding-bottom: 80%;
  display: block;
}
.ventura-featured-pages .featuredPages .featuredPage .image img {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.ventura-featured-pages .featuredPages .featuredPage .text {
  width: 50%;
  flex: 1;
  background: white;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  padding: 12px;
  transition: background 0.3s ease;
}
.ventura-featured-pages .featuredPages .featuredPage .text .icon {
  width: 75px;
  height: auto;
  margin-bottom: 1em;
}
.ventura-featured-pages .featuredPages .featuredPage .text .icon img {
  display: block;
  width: 100%;
  height: auto;
}
.ventura-featured-pages .featuredPages .featuredPage .text h5 {
  text-align: center;
  width: 95%;
  margin: 0 auto;
}
.ventura-featured-pages .featuredPages .featuredPage .hoverContent {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  border: 10px solid white;
  transform: translateY(100%);
  transition: 0.3s ease;
  z-index: 2;
  background: #771816;
  color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 12px;
}
.ventura-featured-pages .featuredPages .featuredPage .hoverContent .description {
  text-align: center;
  width: 100%;
  font-size: 1.5em;
  line-height: 1em;
  max-width: 400px;
  font-family: "expressway", sans-serif;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.ventura-featured-pages .featuredPages .featuredPage .hoverContent .description .arrow {
  display: block;
  margin: 1em auto -1em;
  width: 25px;
  height: 15px;
  background: url("/wp-content/themes/ventura/assets/images/icons/arrow_white_down.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.ventura-featured-pages .featuredPages .featuredPage .hoverContent .photoCredit {
  position: absolute;
  font-size: 1em;
  font-style: italic;
  right: 6px;
  bottom: 6px;
  margin: 0;
  display: inline-block;
  width: auto;
  line-height: 1em;
}
@media (hover: hover) and (pointer: fine) {
  .ventura-featured-pages .featuredPages .featuredPage:hover .hoverContent {
    transform: none;
  }
}
.ventura-featured-pages .featuredPages .featuredPage:nth-child(4n) .image, .ventura-featured-pages .featuredPages .featuredPage:nth-child(4n-1) .image {
  order: 2;
}
.ventura-featured-pages .featuredPages .featuredPage:nth-child(4n) .text, .ventura-featured-pages .featuredPages .featuredPage:nth-child(4n-1) .text {
  order: 1;
}
.ventura-featured-pages .featuredPages .featuredPage.red .hoverContent {
  background: #771816;
}
.ventura-featured-pages .featuredPages .featuredPage.red.basicHover:hover .text {
  background: #771816;
}
.ventura-featured-pages .featuredPages .featuredPage.redLight .hoverContent {
  background: #f06748;
}
.ventura-featured-pages .featuredPages .featuredPage.redLight.basicHover:hover .text {
  background: #f06748;
}
.ventura-featured-pages .featuredPages .featuredPage.yellow .hoverContent {
  background: #e98500;
}
.ventura-featured-pages .featuredPages .featuredPage.yellow.basicHover:hover .text {
  background: #e98500;
}
.ventura-featured-pages .featuredPages .featuredPage.blue .hoverContent {
  background: #016c91;
}
.ventura-featured-pages .featuredPages .featuredPage.blue.basicHover:hover .text {
  background: #016c91;
}
.ventura-featured-pages .featuredPages .featuredPage.teal .hoverContent {
  background: #00b8cb;
}
.ventura-featured-pages .featuredPages .featuredPage.teal.basicHover:hover .text {
  background: #00b8cb;
}
.ventura-featured-pages .featuredPages .featuredPage.purple .hoverContent {
  background: #705ea2;
}
.ventura-featured-pages .featuredPages .featuredPage.purple.basicHover:hover .text {
  background: #705ea2;
}
.ventura-featured-pages .featuredPages .featuredPage.indigo .hoverContent {
  background: #235cbe;
}
.ventura-featured-pages .featuredPages .featuredPage.indigo.basicHover:hover .text {
  background: #235cbe;
}

/*********************
MEDIUM AND LARGE SCREENS
*********************/
@media only screen and (max-width: 1025px) {
  .ventura-featured-pages .featuredPages .featuredPage {
    width: calc(50% - 0.25em);
    margin-bottom: 0.5em;
  }
  .ventura-featured-pages .featuredPages .featuredPage .text h5 {
    font-size: 1.5em;
  }
}
/*********************
SMALL SCREENS
*********************/
@media only screen and (max-width: 768px) {
  .ventura-featured-pages .featuredPages .featuredPage {
    width: 100%;
    margin-bottom: 0.5em;
  }
  .ventura-featured-pages .featuredPages .featuredPage .hoverContent .description {
    font-size: 1.25em;
  }
  .ventura-featured-pages .featuredPages .featuredPage:nth-child(4n) .image, .ventura-featured-pages .featuredPages .featuredPage:nth-child(4n-1) .image {
    order: 1;
  }
  .ventura-featured-pages .featuredPages .featuredPage:nth-child(4n) .text, .ventura-featured-pages .featuredPages .featuredPage:nth-child(4n-1) .text {
    order: 2;
  }
  .ventura-featured-pages .featuredPages .featuredPage:nth-child(even) .image {
    order: 2;
  }
  .ventura-featured-pages .featuredPages .featuredPage:nth-child(even) .text {
    order: 1;
  }
}
/******************************************************************
Stylesheet: Typography
******************************************************************/
/******************************************************************
Stylesheet: Variables

Here is where we declare all our variables like colors, fonts,
base values, and defaults. We want to make sure this file ONLY
contains variables that way our files don't get all messy.
No one likes a mess.
FYI: THIS FILE HAS ITS DATA PREPENDED USING SASS-LOADER.
******************************************************************/
:root {
  --red: #771816;
  --redLight: #f06748;
  --redMuted: #de9d85;
  --yellow: #e98500;
  --yellowMuted: #f0c989;
  --blue: #016c91;
  --blueMuted: #bee0f7;
  --teal: #00b8cb;
  --tealMuted: #6ac2d6;
  --purple: #705ea2;
  --indigo: #235cbe;
  --indigoLight: #bedff9;
}

/******************************************************************
Stylesheet: Variables

Here is where we declare all our variables like colors, fonts,
base values, and defaults. We want to make sure this file ONLY
contains variables that way our files don't get all messy.
No one likes a mess.
FYI: THIS FILE HAS ITS DATA PREPENDED USING SASS-LOADER.
******************************************************************/
:root {
  --red: #771816;
  --redLight: #f06748;
  --redMuted: #de9d85;
  --yellow: #e98500;
  --yellowMuted: #f0c989;
  --blue: #016c91;
  --blueMuted: #bee0f7;
  --teal: #00b8cb;
  --tealMuted: #6ac2d6;
  --purple: #705ea2;
  --indigo: #235cbe;
  --indigoLight: #bedff9;
}

.ventura-listing-search {
  margin: 5em auto;
  width: 95%;
  max-width: 1300px;
  border: 10px solid #00b8cb;
  background: #016c91;
  padding: 2.5em 2.5%;
  text-align: center;
}
.ventura-listing-search .title,
.ventura-listing-search .text {
  color: white;
  text-align: center;
}
.ventura-listing-search .listing-search-box {
  width: auto;
  display: inline-flex;
  flex-direction: column;
  margin: 0 auto;
  width: 100%;
  max-width: 800px;
}
.ventura-listing-search .listing-search-box form {
  width: 100%;
  display: inline-flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 1em auto;
}
.ventura-listing-search .listing-search-box form input {
  flex: 1;
}
.ventura-listing-search .listing-search-box form button {
  margin-left: 1em;
}
.ventura-listing-search .listing-search-box .viewAll {
  background: #016c91;
  padding: 2em 1em;
  width: 100%;
  display: flex;
  justify-content: center;
}

/*********************
MEDIUM AND LARGE SCREENS
*********************/
/*********************
SMALL SCREENS
*********************/
@media only screen and (max-width: 768px) {
  .ventura-listing-search .listing-search-box form input {
    font-size: 1em;
    margin: 0.5em 0;
  }
  .ventura-listing-search .listing-search-box form button {
    margin: 0.5em 0 0.5em 0.5em;
  }
  .ventura-listing-search .listing-search-box .viewAll {
    padding: 1em;
  }
}
/******************************************************************
Stylesheet: Typography
******************************************************************/
/******************************************************************
Stylesheet: Variables

Here is where we declare all our variables like colors, fonts,
base values, and defaults. We want to make sure this file ONLY
contains variables that way our files don't get all messy.
No one likes a mess.
FYI: THIS FILE HAS ITS DATA PREPENDED USING SASS-LOADER.
******************************************************************/
:root {
  --red: #771816;
  --redLight: #f06748;
  --redMuted: #de9d85;
  --yellow: #e98500;
  --yellowMuted: #f0c989;
  --blue: #016c91;
  --blueMuted: #bee0f7;
  --teal: #00b8cb;
  --tealMuted: #6ac2d6;
  --purple: #705ea2;
  --indigo: #235cbe;
  --indigoLight: #bedff9;
}

/******************************************************************
Stylesheet: Variables

Here is where we declare all our variables like colors, fonts,
base values, and defaults. We want to make sure this file ONLY
contains variables that way our files don't get all messy.
No one likes a mess.
FYI: THIS FILE HAS ITS DATA PREPENDED USING SASS-LOADER.
******************************************************************/
:root {
  --red: #771816;
  --redLight: #f06748;
  --redMuted: #de9d85;
  --yellow: #e98500;
  --yellowMuted: #f0c989;
  --blue: #016c91;
  --blueMuted: #bee0f7;
  --teal: #00b8cb;
  --tealMuted: #6ac2d6;
  --purple: #705ea2;
  --indigo: #235cbe;
  --indigoLight: #bedff9;
}

/*********************
MEDIUM AND LARGE SCREENS
*********************/
/*********************
SMALL SCREENS
*********************/
/******************************************************************
Stylesheet: Typography
******************************************************************/
/******************************************************************
Stylesheet: Variables

Here is where we declare all our variables like colors, fonts,
base values, and defaults. We want to make sure this file ONLY
contains variables that way our files don't get all messy.
No one likes a mess.
FYI: THIS FILE HAS ITS DATA PREPENDED USING SASS-LOADER.
******************************************************************/
:root {
  --red: #771816;
  --redLight: #f06748;
  --redMuted: #de9d85;
  --yellow: #e98500;
  --yellowMuted: #f0c989;
  --blue: #016c91;
  --blueMuted: #bee0f7;
  --teal: #00b8cb;
  --tealMuted: #6ac2d6;
  --purple: #705ea2;
  --indigo: #235cbe;
  --indigoLight: #bedff9;
}

/******************************************************************
Stylesheet: Variables

Here is where we declare all our variables like colors, fonts,
base values, and defaults. We want to make sure this file ONLY
contains variables that way our files don't get all messy.
No one likes a mess.
FYI: THIS FILE HAS ITS DATA PREPENDED USING SASS-LOADER.
******************************************************************/
:root {
  --red: #771816;
  --redLight: #f06748;
  --redMuted: #de9d85;
  --yellow: #e98500;
  --yellowMuted: #f0c989;
  --blue: #016c91;
  --blueMuted: #bee0f7;
  --teal: #00b8cb;
  --tealMuted: #6ac2d6;
  --purple: #705ea2;
  --indigo: #235cbe;
  --indigoLight: #bedff9;
}

.ventura-slideshow {
  width: 100%;
  max-width: 1700px;
  margin: 0 auto;
  overflow: hidden;
}
.ventura-slideshow .slides {
  width: 95%;
  max-width: 1300px;
  margin: 0 auto;
  position: relative;
}
.ventura-slideshow .slides .swiper-wrapper {
  padding: 2.5em 0;
}
.ventura-slideshow .slides .swiper-wrapper .swiper-slide {
  transition: 0.6s ease;
  position: relative;
  z-index: 1;
}
.ventura-slideshow .slides .swiper-wrapper .swiper-slide .slide-caption {
  position: absolute;
  z-index: 100;
  background: #006d92;
  color: white;
  padding: 10px;
  font-family: "Gotham", sans-serif;
  bottom: 10%;
  left: 0;
}
.ventura-slideshow .slides .swiper-wrapper .swiper-slide .image {
  display: block;
  background: white;
  width: 100%;
  position: relative;
  border: 20px solid white;
  box-shadow: 20px 20px 20px rgba(0, 0, 0, 0.16);
}
.ventura-slideshow .slides .swiper-wrapper .swiper-slide .image:after {
  content: "";
  width: 100%;
  padding-bottom: 72.84%;
  display: block;
}
.ventura-slideshow .slides .swiper-wrapper .swiper-slide .image img {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.ventura-slideshow .slides .swiper-wrapper .swiper-slide.swiper-slide-next {
  transform: scale(0.8) translateX(calc(-50% - 70px));
}
.ventura-slideshow .slides .swiper-wrapper .swiper-slide.swiper-slide-prev {
  transform: scale(0.8) translateX(calc(50% + 70px));
}
.ventura-slideshow .slides .swiper-wrapper .swiper-slide.swiper-slide-active {
  opacity: 1;
  z-index: 2;
}
.ventura-slideshow .slides .swiper-button-prev,
.ventura-slideshow .slides .swiper-button-next {
  width: 50px;
  height: 50px;
}
.ventura-slideshow .slides .swiper-button-prev:after,
.ventura-slideshow .slides .swiper-button-next:after {
  content: "";
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
}
.ventura-slideshow .slides .swiper-button-next {
  right: 0;
}
.ventura-slideshow .slides .swiper-button-next:after {
  background-image: url("/wp-content/themes/ventura/assets/images/icons/slideshow_arrow_right.svg");
}
.ventura-slideshow .slides .swiper-button-prev {
  left: 0;
}
.ventura-slideshow .slides .swiper-button-prev:after {
  background-image: url("/wp-content/themes/ventura/assets/images/icons/slideshow_arrow_left.svg");
}

/*********************
MEDIUM AND LARGE SCREENS
*********************/
@media only screen and (max-width: 1025px) {
  .ventura-slideshow .slides .swiper-wrapper .swiper-slide .image {
    border-width: 10px;
  }
}
/*********************
SMALL SCREENS
*********************/
@media only screen and (max-width: 768px) {
  .ventura-slideshow .slides {
    width: 100%;
  }
  .ventura-slideshow .slides .swiper-wrapper .swiper-slide .image {
    border-width: 5px;
  }
  .ventura-slideshow .slides .swiper-wrapper .swiper-slide.swiper-slide-next {
    transform: scale(0.9) translateX(-2%);
  }
  .ventura-slideshow .slides .swiper-wrapper .swiper-slide.swiper-slide-prev {
    transform: scale(0.9) translateX(2%);
  }
  .ventura-slideshow .slides .swiper-button-prev {
    left: 1%;
  }
  .ventura-slideshow .slides .swiper-button-next {
    right: 1%;
  }
  .ventura-slideshow .slides .swiper-button-prev,
  .ventura-slideshow .slides .swiper-button-next {
    display: none;
    width: 8vw;
    height: 8vw;
    border-radius: 50%;
    overflow: hidden;
    background: white;
  }
}
/******************************************************************
Stylesheet: Variables

Here is where we declare all our variables like colors, fonts,
base values, and defaults. We want to make sure this file ONLY
contains variables that way our files don't get all messy.
No one likes a mess.
FYI: THIS FILE HAS ITS DATA PREPENDED USING SASS-LOADER.
******************************************************************/
:root {
  --red: #771816;
  --redLight: #f06748;
  --redMuted: #de9d85;
  --yellow: #e98500;
  --yellowMuted: #f0c989;
  --blue: #016c91;
  --blueMuted: #bee0f7;
  --teal: #00b8cb;
  --tealMuted: #6ac2d6;
  --purple: #705ea2;
  --indigo: #235cbe;
  --indigoLight: #bedff9;
}

/******************************************************************
Stylesheet: Typography
******************************************************************/
/******************************************************************
Stylesheet: Variables

Here is where we declare all our variables like colors, fonts,
base values, and defaults. We want to make sure this file ONLY
contains variables that way our files don't get all messy.
No one likes a mess.
FYI: THIS FILE HAS ITS DATA PREPENDED USING SASS-LOADER.
******************************************************************/
:root {
  --red: #771816;
  --redLight: #f06748;
  --redMuted: #de9d85;
  --yellow: #e98500;
  --yellowMuted: #f0c989;
  --blue: #016c91;
  --blueMuted: #bee0f7;
  --teal: #00b8cb;
  --tealMuted: #6ac2d6;
  --purple: #705ea2;
  --indigo: #235cbe;
  --indigoLight: #bedff9;
}

.ventura-discover-more {
  width: 100%;
  max-width: 2160px;
}
.ventura-discover-more .block-title {
  text-align: center;
}
.ventura-discover-more .block-intro-copy {
  text-align: center;
}
.ventura-discover-more .post-box {
  position: relative;
  margin-top: 2rem;
}
.ventura-discover-more .post-box .post-title {
  margin-top: 1rem;
  font-size: 1.5rem;
  color: #016c91;
}
.ventura-discover-more .post-box .post-list {
  display: flex;
  max-width: 100%;
}
.ventura-discover-more .post-box .post-list .post .image-box {
  position: relative;
  height: 250px;
  overflow: hidden;
}
.ventura-discover-more .post-box .post-list .post .image-box .box-content {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1;
}
.ventura-discover-more .post-box .post-list .post .image-box .box-content .category,
.ventura-discover-more .post-box .post-list .post .image-box .box-content .post-excerpt {
  color: white;
}
.ventura-discover-more .post-box .post-list .post .image-box .box-content .category {
  font-family: "Gotham", sans-serif;
  display: block;
  padding: 0.5em 1em;
  margin-bottom: 1em;
  background-color: rgba(0, 0, 0, 0.7);
  text-transform: uppercase;
}
.ventura-discover-more .post-box .post-list .post .image-box .box-content .post-excerpt {
  font-size: 1rem;
  margin-bottom: 0;
}
.ventura-discover-more .post-box .post-list .post .image-box .post-image {
  width: 100%;
  height: 100%;
  transition: all 0.25s ease-in-out;
  background-size: cover;
}
.ventura-discover-more .post-box .post-list .post .image-box .post-image:hover {
  transform: scale(1.1);
}
.ventura-discover-more .post-box .post-list .post .post-title {
  font-family: "Gotham", sans-serif;
  font-weight: 500;
  text-transform: uppercase;
}
.ventura-discover-more .post-box .post-list .post a:focus .post-title {
  text-decoration: underline;
}
.ventura-discover-more .ventura-cta {
  margin-top: 1rem;
  text-align: center;
}
.ventura-discover-more .ventura-cta .cta-button {
  text-align: center;
  font-size: 1.5rem;
}

/*********************
LARGE SCREENS
*********************/
@media only screen and (min-width: 769px) {
  .ventura-discover-more {
    max-width: 2160px;
    margin: 5em auto;
  }
  .ventura-discover-more .post-box .ventura-prev-button,
  .ventura-discover-more .post-box .ventura-next-button,
  .ventura-discover-more .post-box .image-box {
    height: 250px;
  }
  .ventura-discover-more .post-box .ventura-prev-button,
  .ventura-discover-more .post-box .ventura-next-button {
    width: 100px;
    position: absolute;
    top: 0;
    padding: 0;
    border: none;
    background-color: rgba(14, 58, 116, 0.5);
    color: white;
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: 0.3s ease;
  }
  .ventura-discover-more .post-box .ventura-prev-button:hover, .ventura-discover-more .post-box .ventura-prev-button:active, .ventura-discover-more .post-box .ventura-prev-button:focus,
  .ventura-discover-more .post-box .ventura-next-button:hover,
  .ventura-discover-more .post-box .ventura-next-button:active,
  .ventura-discover-more .post-box .ventura-next-button:focus {
    background-color: #0e3a74;
  }
  .ventura-discover-more .post-box .ventura-prev-button:after, .ventura-discover-more .post-box .ventura-prev-button:before,
  .ventura-discover-more .post-box .ventura-next-button:after,
  .ventura-discover-more .post-box .ventura-next-button:before {
    content: none;
  }
  .ventura-discover-more .post-box .ventura-prev-button svg,
  .ventura-discover-more .post-box .ventura-next-button svg {
    width: 30px;
    height: auto;
  }
  .ventura-discover-more .post-box .ventura-prev-button {
    left: 0;
  }
  .ventura-discover-more .post-box .ventura-next-button {
    right: 0;
  }
  .ventura-discover-more .post-box .ventura-next-button svg {
    transform: scale(-1);
  }
  .ventura-discover-more .post-box .post-list {
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: none;
    -ms-overflow-style: none;
  }
  .ventura-discover-more .post-box .post-list::-webkit-scrollbar {
    width: 0px;
    background: transparent;
  }
  .ventura-discover-more .post-box .post-list .post {
    flex: 0 0 360px;
    margin-right: 15px;
  }
  .ventura-discover-more .post-box .post-list .post:first-child {
    margin-left: 100px;
  }
  .ventura-discover-more .post-box .post-list .post:last-child {
    flex: 0 0 460px;
    padding-right: 100px;
  }
}
/*********************
SMALL SCREENS
*********************/
@media only screen and (max-width: 768px) {
  .ventura-discover-more {
    margin: 2.5em auto;
  }
  .ventura-discover-more .post-box .ventura-prev-button,
  .ventura-discover-more .post-box .ventura-next-button {
    display: none;
  }
  .ventura-discover-more .post-box .ventura-prev-button,
  .ventura-discover-more .post-box .ventura-next-button {
    width: 32px;
    height: 40px;
    position: absolute;
    top: 120px;
    padding: 0;
    border: none;
    background-color: rgba(0, 0, 0, 0.5);
    color: white;
    z-index: 1;
  }
  .ventura-discover-more .post-box .ventura-prev-button:hover,
  .ventura-discover-more .post-box .ventura-next-button:hover {
    background-color: rgba(14, 58, 116, 0.5);
  }
  .ventura-discover-more .post-box .ventura-prev-button:after,
  .ventura-discover-more .post-box .ventura-next-button:after {
    content: none;
  }
  .ventura-discover-more .post-box .ventura-prev-button svg,
  .ventura-discover-more .post-box .ventura-next-button svg {
    width: 25px;
  }
  .ventura-discover-more .post-box .ventura-prev-button {
    left: 0;
  }
  .ventura-discover-more .post-box .ventura-next-button {
    right: 0;
  }
  .ventura-discover-more .post-box .post-list {
    flex-direction: column;
    align-items: center;
  }
  .ventura-discover-more .post-box .post-list .post {
    width: 90%;
    margin-bottom: 2rem;
  }
}
/******************************************************************
Stylesheet: Variables

Here is where we declare all our variables like colors, fonts,
base values, and defaults. We want to make sure this file ONLY
contains variables that way our files don't get all messy.
No one likes a mess.
FYI: THIS FILE HAS ITS DATA PREPENDED USING SASS-LOADER.
******************************************************************/
:root {
  --red: #771816;
  --redLight: #f06748;
  --redMuted: #de9d85;
  --yellow: #e98500;
  --yellowMuted: #f0c989;
  --blue: #016c91;
  --blueMuted: #bee0f7;
  --teal: #00b8cb;
  --tealMuted: #6ac2d6;
  --purple: #705ea2;
  --indigo: #235cbe;
  --indigoLight: #bedff9;
}

/******************************************************************
Stylesheet: Typography
******************************************************************/
/******************************************************************
Stylesheet: Variables

Here is where we declare all our variables like colors, fonts,
base values, and defaults. We want to make sure this file ONLY
contains variables that way our files don't get all messy.
No one likes a mess.
FYI: THIS FILE HAS ITS DATA PREPENDED USING SASS-LOADER.
******************************************************************/
:root {
  --red: #771816;
  --redLight: #f06748;
  --redMuted: #de9d85;
  --yellow: #e98500;
  --yellowMuted: #f0c989;
  --blue: #016c91;
  --blueMuted: #bee0f7;
  --teal: #00b8cb;
  --tealMuted: #6ac2d6;
  --purple: #705ea2;
  --indigo: #235cbe;
  --indigoLight: #bedff9;
}

.ventura-recommended-reads {
  position: relative;
  width: 95%;
  max-width: 950px;
  margin: 4rem auto;
  border: 2px solid #e98500;
  padding: 2rem 1rem 1rem 1rem;
}
.ventura-recommended-reads .read-more-tag {
  position: absolute;
  top: -10px;
  left: -2px;
  background-color: white;
  padding: 0 0.5rem 0.5rem 0;
  text-transform: uppercase;
  color: #e98500;
  font-family: "expressway", sans-serif;
  font-weight: bold;
}
.ventura-recommended-reads .all-rec-reads {
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}
.ventura-recommended-reads .all-rec-reads .rec-read {
  width: 100%;
  margin: 0 1rem 1rem 0;
  list-style-type: none;
  font-size: 1.1rem;
}
.ventura-recommended-reads .all-rec-reads .rec-read .nlp-read-more-link {
  text-decoration: underline;
  transition: 0.3s ease;
}
.ventura-recommended-reads .all-rec-reads .rec-read .nlp-read-more-link:hover {
  color: #e98500;
}
/******************************************************************
Stylesheet: Typography
******************************************************************/
/******************************************************************
Stylesheet: Variables

Here is where we declare all our variables like colors, fonts,
base values, and defaults. We want to make sure this file ONLY
contains variables that way our files don't get all messy.
No one likes a mess.
FYI: THIS FILE HAS ITS DATA PREPENDED USING SASS-LOADER.
******************************************************************/
:root {
  --red: #771816;
  --redLight: #f06748;
  --redMuted: #de9d85;
  --yellow: #e98500;
  --yellowMuted: #f0c989;
  --blue: #016c91;
  --blueMuted: #bee0f7;
  --teal: #00b8cb;
  --tealMuted: #6ac2d6;
  --purple: #705ea2;
  --indigo: #235cbe;
  --indigoLight: #bedff9;
}

/******************************************************************
Stylesheet: Variables

Here is where we declare all our variables like colors, fonts,
base values, and defaults. We want to make sure this file ONLY
contains variables that way our files don't get all messy.
No one likes a mess.
FYI: THIS FILE HAS ITS DATA PREPENDED USING SASS-LOADER.
******************************************************************/
:root {
  --red: #771816;
  --redLight: #f06748;
  --redMuted: #de9d85;
  --yellow: #e98500;
  --yellowMuted: #f0c989;
  --blue: #016c91;
  --blueMuted: #bee0f7;
  --teal: #00b8cb;
  --tealMuted: #6ac2d6;
  --purple: #705ea2;
  --indigo: #235cbe;
  --indigoLight: #bedff9;
}

.ventura-featured-listings-map {
  padding: 5em 0;
  width: 100%;
  max-width: 2160px;
  margin: 0 auto;
}
.ventura-featured-listings-map .featuredListingsMap {
  position: relative;
}
.ventura-featured-listings-map .featuredListingsMap .mapFilters {
  position: absolute;
  z-index: 500;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  color: white;
  max-width: 300px;
}
.ventura-featured-listings-map .featuredListingsMap .mapFilters .mapFilterGroup {
  background: rgba(1, 108, 145, 0.6);
}
.ventura-featured-listings-map .featuredListingsMap .mapFilters .mapFilterGroup:nth-child(2) {
  background: rgba(233, 133, 0, 0.6);
}
.ventura-featured-listings-map .featuredListingsMap .mapFilters .mapFilterGroup:nth-child(2) .mapFilterGroupLabel p {
  background: #e98500;
}
.ventura-featured-listings-map .featuredListingsMap .mapFilters .mapFilterGroup:nth-child(2) .mapFilterGroupFilters .mapFilter:after {
  background: rgba(233, 133, 0, 0.6);
}
.ventura-featured-listings-map .featuredListingsMap .mapFilters .mapFilterGroup:nth-child(3) {
  background: #00b8cb;
}
.ventura-featured-listings-map .featuredListingsMap .mapFilters .mapFilterGroup:nth-child(3) .mapFilterGroupLabel p {
  background: rgba(0, 184, 203, 0.6);
}
.ventura-featured-listings-map .featuredListingsMap .mapFilters .mapFilterGroup:nth-child(3) .mapFilterGroupFilters .mapFilter:after {
  background: #4da1a7;
}
.ventura-featured-listings-map .featuredListingsMap .mapFilters .mapFilterGroup .mapFilterGroupLabel {
  display: flex;
  cursor: pointer;
}
.ventura-featured-listings-map .featuredListingsMap .mapFilters .mapFilterGroup .mapFilterGroupLabel p {
  background: #006d92;
  margin: 0;
  width: 100%;
  line-height: 2.5rem;
  text-transform: uppercase;
  font-family: "expressway", sans-serif;
  font-weight: bold;
  padding-left: calc(1rem + 42px);
}
.ventura-featured-listings-map .featuredListingsMap .mapFilters .mapFilterGroup .mapFilterGroupLabel .image {
  height: 2.5rem;
  width: 2.5rem;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  border-bottom: 0.5px solid rgba(255, 255, 255, 0.2);
}
.ventura-featured-listings-map .featuredListingsMap .mapFilters .mapFilterGroup .mapFilterGroupLabel .image img {
  width: 50%;
  height: auto;
  display: block;
}
.ventura-featured-listings-map .featuredListingsMap .mapFilters .mapFilterGroup .mapFilterGroupFilters {
  position: relative;
  height: auto;
  overflow: hidden;
}
.ventura-featured-listings-map .featuredListingsMap .mapFilters .mapFilterGroup .mapFilterGroupFilters .mapFilter {
  position: relative;
  display: flex;
  align-items: center;
  margin: 0;
  padding: 0.25rem 1rem;
  cursor: pointer;
}
.ventura-featured-listings-map .featuredListingsMap .mapFilters .mapFilterGroup .mapFilterGroupFilters .mapFilter:not(:last-child) {
  border-bottom: 0.5px solid rgba(255, 255, 255, 0.2);
}
.ventura-featured-listings-map .featuredListingsMap .mapFilters .mapFilterGroup .mapFilterGroupFilters .mapFilter:after {
  content: "";
  height: 100%;
  width: 0.5rem;
  background: #006d92;
  opacity: 0;
  position: absolute;
  left: 0;
  top: 0;
}
.ventura-featured-listings-map .featuredListingsMap .mapFilters .mapFilterGroup .mapFilterGroupFilters .mapFilter.active:after {
  opacity: 1;
}
.ventura-featured-listings-map .featuredListingsMap .mapFilters .mapFilterGroup .mapFilterGroupFilters .mapFilter img {
  margin-right: 12px;
  transition: 0.3s ease;
  width: 30px;
  height: auto;
  display: inline-block;
}
.ventura-featured-listings-map .featuredListingsMap .mapFilters .mapFilterGroup .mapFilterGroupFilters .mapFilter p {
  margin: 0;
  width: 100%;
  line-height: 1.1rem;
  text-transform: uppercase;
  font-family: "expressway", sans-serif;
  font-weight: bold;
}
.ventura-featured-listings-map .featuredListingsMap .mapFilters .mapFilterGroup.hideChildren .mapFilterGroupLabel .image img {
  transform: rotate(180deg);
}
.ventura-featured-listings-map .featuredListingsMap .mapFilters .mapFilterGroup.hideChildren .mapFilterGroupFilters {
  height: 0;
}
.ventura-featured-listings-map .featuredListingsMap #map {
  height: 80vh;
  min-height: 700px;
}
.ventura-featured-listings-map .featuredListingsMap #map .leaflet-popup {
  display: none !important;
  -webkit-user-select: none !important;
     -moz-user-select: none !important;
          user-select: none !important;
  pointer-events: none !important;
}
.ventura-featured-listings-map .featuredListingsMap #map .leaflet-popup.line-popup {
  display: block !important;
  -webkit-user-select: unset !important;
     -moz-user-select: unset !important;
          user-select: unset !important;
  pointer-events: unset !important;
  border-top: 10px solid;
  border-color: #006d92;
  margin-bottom: 2rem;
}
.ventura-featured-listings-map .featuredListingsMap #map .leaflet-popup.line-popup:before {
  content: "";
  display: block;
  width: 2px;
  height: 2rem;
  position: absolute;
  left: 50%;
  top: 100%;
  background: #006d92;
}
.ventura-featured-listings-map .featuredListingsMap #map .leaflet-popup.line-popup.orange {
  border-color: #f06748;
}
.ventura-featured-listings-map .featuredListingsMap #map .leaflet-popup.line-popup.orange:before {
  background: #f06748;
}
.ventura-featured-listings-map .featuredListingsMap #map .leaflet-popup.line-popup.teal {
  border-color: #4da1a7;
}
.ventura-featured-listings-map .featuredListingsMap #map .leaflet-popup.line-popup.teal:before {
  background: #4da1a7;
}
.ventura-featured-listings-map .featuredListingsMap #map .leaflet-popup.line-popup .leaflet-popup-content-wrapper {
  border-radius: 0;
}
.ventura-featured-listings-map .featuredListingsMap #map .leaflet-popup.line-popup .leaflet-popup-tip,
.ventura-featured-listings-map .featuredListingsMap #map .leaflet-popup.line-popup .leaflet-popup-close-button {
  display: none;
}
.ventura-featured-listings-map .featuredListingsMap #map .leaflet-popup.line-popup .popUp .title {
  text-transform: uppercase;
  font-family: "expressway", sans-serif;
  color: #000000;
  font-size: 1.5em;
  text-transform: uppercase;
  font-weight: 700;
  line-height: 1.2em;
}
.ventura-featured-listings-map .featuredListingsMap #map .leaflet-marker-icon.mapPoint {
  transition: transform 0.3s ease;
}
.ventura-featured-listings-map .featuredListingsMap #map .leaflet-marker-icon.mapPoint .pin {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transition: 0.3s ease;
  opacity: 0;
}
.ventura-featured-listings-map .featuredListingsMap #map .leaflet-marker-icon.mapPoint .pin.active {
  opacity: 1;
}
.ventura-featured-listings-map .featuredListingsMap #map .leaflet-marker-icon.mapPoint .number {
  position: absolute;
  color: white;
  font-size: 15px;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: 18%;
  line-height: 15px;
  text-align: center;
  font-weight: bold;
  transition: 0.3s ease;
}
.ventura-featured-listings-map .featuredListingsMap #map .leaflet-marker-icon.mapPoint .popUp {
  position: absolute;
  left: 50%;
  top: -2em;
  transform: translateY(-100%);
  width: 250px;
  background: white;
  padding: 12px;
  border-radius: 3px;
  opacity: 0;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  transition: opacity 0.3s ease;
  border-top: 10px solid;
  border-color: #006d92;
}
.ventura-featured-listings-map .featuredListingsMap #map .leaflet-marker-icon.mapPoint .popUp:before {
  content: "";
  display: block;
  width: 2px;
  height: calc(100% + 2em + 10px);
  position: absolute;
  left: -2px;
  top: -10px;
  background: #006d92;
}
.ventura-featured-listings-map .featuredListingsMap #map .leaflet-marker-icon.mapPoint .popUp.orange {
  border-color: #f06748;
}
.ventura-featured-listings-map .featuredListingsMap #map .leaflet-marker-icon.mapPoint .popUp.orange:before {
  background: #f06748;
}
.ventura-featured-listings-map .featuredListingsMap #map .leaflet-marker-icon.mapPoint .popUp.teal {
  border-color: #4da1a7;
}
.ventura-featured-listings-map .featuredListingsMap #map .leaflet-marker-icon.mapPoint .popUp.teal:before {
  background: #4da1a7;
}
.ventura-featured-listings-map .featuredListingsMap #map .leaflet-marker-icon.mapPoint .popUp .title {
  text-transform: uppercase;
  font-family: "expressway", sans-serif;
  color: #000000;
  font-size: 1.5em;
  text-transform: uppercase;
  font-weight: 700;
  line-height: 1.2em;
}
.ventura-featured-listings-map .featuredListingsMap #map .leaflet-marker-icon.mapPoint .popUp .address {
  margin: 0.5em auto;
  font-size: 1.2em;
  line-height: 1.25em;
  display: block;
  font-family: "expressway", sans-serif;
  color: #000000;
}
.ventura-featured-listings-map .featuredListingsMap #map .leaflet-marker-icon.mapPoint .popUp .address:hover {
  text-decoration: underline;
}
.ventura-featured-listings-map .featuredListingsMap #map .leaflet-marker-icon.mapPoint .popUp .phone {
  font-family: "expressway", sans-serif;
  margin: 0.5em auto;
  font-size: 1.2em;
  line-height: 1.25em;
  width: 100%;
}
.ventura-featured-listings-map .featuredListingsMap #map .leaflet-marker-icon.mapPoint .popUp .catIcons {
  display: none;
}
.ventura-featured-listings-map .featuredListingsMap #map .leaflet-marker-icon.mapPoint.active, .ventura-featured-listings-map .featuredListingsMap #map .leaflet-marker-icon.mapPoint:hover {
  transform: scale(1.1);
}
.ventura-featured-listings-map .featuredListingsMap #map .leaflet-marker-icon.mapPoint.active .number, .ventura-featured-listings-map .featuredListingsMap #map .leaflet-marker-icon.mapPoint:hover .number {
  transform: scale(1.1);
}
.ventura-featured-listings-map .featuredListingsMap #map .leaflet-marker-icon.mapPoint.active .pin, .ventura-featured-listings-map .featuredListingsMap #map .leaflet-marker-icon.mapPoint:hover .pin {
  transform: scale(1.1);
}
.ventura-featured-listings-map .featuredListingsMap #map .leaflet-marker-icon.mapPoint.active {
  z-index: 10000 !important;
}
.ventura-featured-listings-map .featuredListingsMap #map .leaflet-marker-icon.mapPoint.active.disabled {
  z-index: 10000 !important;
}
.ventura-featured-listings-map .featuredListingsMap #map .leaflet-marker-icon.mapPoint.active .popUp {
  opacity: 1;
  pointer-events: initial;
  -webkit-user-select: initial;
     -moz-user-select: initial;
          user-select: initial;
}
.ventura-featured-listings-map .featuredListingsMap #map .leaflet-marker-icon.mapPoint.disabled {
  z-index: -10000 !important;
}
.ventura-featured-listings-map .featuredListingsMap #map .leaflet-marker-icon.mapPoint.disabled .pin {
  filter: grayscale(1);
}
.ventura-featured-listings-map .featuredListingsMap .mapSidebar {
  position: absolute;
  right: 0;
  top: 0;
  max-height: 100%;
  width: auto;
  background: white;
  overflow: auto;
  z-index: 1000;
  font-size: 12px;
  transition: 0.3s ease;
  box-shadow: -4px 4px 10px rgba(0, 0, 0, 0.3);
}
.ventura-featured-listings-map .featuredListingsMap .mapSidebar.hidden {
  transform: translateX(100%);
}
.ventura-featured-listings-map .featuredListingsMap .mapSidebar::-webkit-scrollbar {
  width: 0.5em;
  height: 0.5em;
}
.ventura-featured-listings-map .featuredListingsMap .mapSidebar::-webkit-scrollbar-track {
  box-shadow: none;
  background: #e6e2e2;
  border-radius: 12px;
}
.ventura-featured-listings-map .featuredListingsMap .mapSidebar::-webkit-scrollbar-thumb {
  background-color: #9f9f9f;
  outline: none;
  border-radius: 12px;
}
.ventura-featured-listings-map .featuredListingsMap .mapSidebar .item {
  width: 250px;
  display: flex;
  align-items: flex-start;
  padding: 12px;
  cursor: pointer;
  transition: 0.3s ease;
  border-left: 10px solid #006d92;
}
.ventura-featured-listings-map .featuredListingsMap .mapSidebar .item.orange {
  border-left: 10px solid #f06748;
}
.ventura-featured-listings-map .featuredListingsMap .mapSidebar .item.teal {
  border-left: 10px solid #4da1a7;
}
.ventura-featured-listings-map .featuredListingsMap .mapSidebar .item.active {
  background: rgba(0, 109, 146, 0.2);
}
.ventura-featured-listings-map .featuredListingsMap .mapSidebar .item.active.orange {
  background: rgba(240, 103, 72, 0.2);
}
.ventura-featured-listings-map .featuredListingsMap .mapSidebar .item.active.teal {
  background: rgba(77, 161, 167, 0.2);
}
.ventura-featured-listings-map .featuredListingsMap .mapSidebar .item .info .title {
  text-transform: uppercase;
  font-family: "expressway", sans-serif;
  font-size: 1.5em;
  font-weight: 700;
  line-height: 1.2em;
}
.ventura-featured-listings-map .featuredListingsMap .mapSidebar .item .info .title:hover {
  text-decoration: underline;
}
.ventura-featured-listings-map .featuredListingsMap .mapSidebar .item .info .address {
  width: 100%;
  font-family: "expressway", sans-serif;
  margin: 0.5em auto;
  font-size: 1.2em;
  line-height: 1.25em;
  display: block;
}
.ventura-featured-listings-map .featuredListingsMap .mapSidebar .item .info .address:hover {
  text-decoration: underline;
}
.ventura-featured-listings-map .featuredListingsMap .mapSidebar .item .info .phone {
  width: 100%;
  font-family: "expressway", sans-serif;
  margin: 0.5em auto;
  font-size: 1.2em;
  line-height: 1.25em;
}
.ventura-featured-listings-map .featuredListingsMap .mapSidebar .item .info .catIcons {
  display: flex;
  flex-wrap: wrap;
}
.ventura-featured-listings-map .featuredListingsMap .mapSidebar .item .info .catIcons img {
  display: block;
  width: 35px;
  height: auto;
  margin-bottom: 3px;
}
.ventura-featured-listings-map .featuredListingsMap .mapSidebar .item .info .catIcons img:not(:last-child) {
  margin-right: 3px;
}

.scrolloff {
  pointer-events: none;
}

.blue-border .featuredListingsMap {
  border: 12px solid #4da1a7;
}

@media only screen and (max-width: 1025px) {
  .ventura-featured-listings-map .featuredListingsMap .mapFilters {
    position: relative;
    width: 100%;
    margin: 0 auto;
    transform: none;
    max-width: unset;
  }
  .ventura-featured-listings-map .featuredListingsMap .mapSidebar {
    position: relative;
    width: 100%;
    display: flex;
    overflow: auto;
  }
  .ventura-featured-listings-map .featuredListingsMap .mapSidebar .mapSidebarContainer {
    display: flex;
  }
  .ventura-featured-listings-map .featuredListingsMap .mapSidebar .mapSidebarContainer .item {
    flex-shrink: 0;
  }
  .ventura-featured-listings-map .featuredListingsMap #map {
    height: 80vh;
    min-height: 550px;
  }
  .ventura-featured-listings-map .featuredListingsMap #map .leaflet-marker-icon.mapPoint .popUp {
    left: 50%;
    transform: translateY(-100%) translateX(-50%);
    border-left: 2px solid;
    border-right: 2px solid;
    border-bottom: 2px solid;
  }
  .ventura-featured-listings-map .featuredListingsMap #map .leaflet-marker-icon.mapPoint .popUp:before {
    left: calc(50% - 1px);
    height: 2em;
    top: unset;
    bottom: -2em;
  }
}
/******************************************************************
Stylesheet: Variables

Here is where we declare all our variables like colors, fonts,
base values, and defaults. We want to make sure this file ONLY
contains variables that way our files don't get all messy.
No one likes a mess.
FYI: THIS FILE HAS ITS DATA PREPENDED USING SASS-LOADER.
******************************************************************/
:root {
  --red: #771816;
  --redLight: #f06748;
  --redMuted: #de9d85;
  --yellow: #e98500;
  --yellowMuted: #f0c989;
  --blue: #016c91;
  --blueMuted: #bee0f7;
  --teal: #00b8cb;
  --tealMuted: #6ac2d6;
  --purple: #705ea2;
  --indigo: #235cbe;
  --indigoLight: #bedff9;
}

.wp-block-ventura-accordion {
  width: 95%;
  max-width: 1300px;
  margin: 2.5em auto;
  position: relative;
  overflow: visible;
}

/*********************
MEDIUM AND LARGE SCREENS
*********************/
/*********************
SMALL SCREENS
*********************/
/******************************************************************
Stylesheet: Variables

Here is where we declare all our variables like colors, fonts,
base values, and defaults. We want to make sure this file ONLY
contains variables that way our files don't get all messy.
No one likes a mess.
FYI: THIS FILE HAS ITS DATA PREPENDED USING SASS-LOADER.
******************************************************************/
:root {
  --red: #771816;
  --redLight: #f06748;
  --redMuted: #de9d85;
  --yellow: #e98500;
  --yellowMuted: #f0c989;
  --blue: #016c91;
  --blueMuted: #bee0f7;
  --teal: #00b8cb;
  --tealMuted: #6ac2d6;
  --purple: #705ea2;
  --indigo: #235cbe;
  --indigoLight: #bedff9;
}

.wp-block-ventura-accordion-section {
  margin: 0.5rem auto;
}
.wp-block-ventura-accordion-section:first-child {
  margin-top: 0;
}
.wp-block-ventura-accordion-section:last-child {
  margin-bottom: 0;
}
.wp-block-ventura-accordion-section .accordion__header {
  display: flex;
  align-items: center;
  background: #00b8cb;
  cursor: pointer;
  padding: 0.5rem;
}
.wp-block-ventura-accordion-section .accordion__header .fusion-toggle-icon-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 1rem;
  padding: 4.5px;
  background-color: white;
  text-align: center;
  transition-property: color, background-color, border-color;
  transition-duration: 0.2s;
  transition-timing-function: linear;
}
.wp-block-ventura-accordion-section .accordion__header .fusion-toggle-icon-wrapper svg {
  width: 25px;
  height: 25px;
  fill: #00b8cb;
}
.wp-block-ventura-accordion-section .accordion__header h3:not(.is-style-arrow) {
  display: inline;
  padding: 0;
  width: auto;
  text-transform: uppercase;
  color: white;
  max-width: unset;
  margin: 0;
  background-image: linear-gradient(white, white);
  background-position: 0% 100%;
  background-repeat: no-repeat;
  background-size: 0% 2px;
  transition: background-size 0.3s;
}
.wp-block-ventura-accordion-section .accordion__header h3:not(.is-style-arrow) a {
  color: inherit;
}
.wp-block-ventura-accordion-section .accordion__header:hover h3 {
  background-size: 100% 2px;
}
.wp-block-ventura-accordion-section .accordion__body {
  overflow: hidden;
  transition: height 0.3s ease;
  height: 0;
  border-left: 0.5rem solid #00b8cb;
  margin-top: -1px;
  padding: 0 1rem;
}
.wp-block-ventura-accordion-section .accordion__body.open {
  overflow: visible;
  padding-top: 1rem;
}
.wp-block-ventura-accordion-section .accordion__body > * {
  width: 100% !important;
  max-width: unset !important;
}
.wp-block-ventura-accordion-section .accordion__body > *.first-child {
  margin-top: 0;
}

/*********************
MEDIUM AND LARGE SCREENS
*********************/
/*********************
SMALL SCREENS
*********************/
/******************************************************************
Stylesheet: Typography
******************************************************************/
/******************************************************************
Stylesheet: Variables

Here is where we declare all our variables like colors, fonts,
base values, and defaults. We want to make sure this file ONLY
contains variables that way our files don't get all messy.
No one likes a mess.
FYI: THIS FILE HAS ITS DATA PREPENDED USING SASS-LOADER.
******************************************************************/
:root {
  --red: #771816;
  --redLight: #f06748;
  --redMuted: #de9d85;
  --yellow: #e98500;
  --yellowMuted: #f0c989;
  --blue: #016c91;
  --blueMuted: #bee0f7;
  --teal: #00b8cb;
  --tealMuted: #6ac2d6;
  --purple: #705ea2;
  --indigo: #235cbe;
  --indigoLight: #bedff9;
}

/******************************************************************
Stylesheet: Variables

Here is where we declare all our variables like colors, fonts,
base values, and defaults. We want to make sure this file ONLY
contains variables that way our files don't get all messy.
No one likes a mess.
FYI: THIS FILE HAS ITS DATA PREPENDED USING SASS-LOADER.
******************************************************************/
:root {
  --red: #771816;
  --redLight: #f06748;
  --redMuted: #de9d85;
  --yellow: #e98500;
  --yellowMuted: #f0c989;
  --blue: #016c91;
  --blueMuted: #bee0f7;
  --teal: #00b8cb;
  --tealMuted: #6ac2d6;
  --purple: #705ea2;
  --indigo: #235cbe;
  --indigoLight: #bedff9;
}

/*********************
TEXT COLOR
*********************/
.has-inline-color.has-red-color,
.has-text-color.has-red-color {
  color: #771816;
}
.has-inline-color.has-redLight-color,
.has-text-color.has-redLight-color {
  color: #f06748;
}
.has-inline-color.has-redMuted-color,
.has-text-color.has-redMuted-color {
  color: #de9d85;
}
.has-inline-color.has-yellow-color,
.has-text-color.has-yellow-color {
  color: #e98500;
}
.has-inline-color.has-yellowLight-color,
.has-text-color.has-yellowLight-color {
  color: #f6cb55;
}
.has-inline-color.has-yellow-light-color,
.has-text-color.has-yellow-light-color {
  color: #f6cb55;
}
.has-inline-color.has-yellow-muted-color,
.has-text-color.has-yellow-muted-color {
  color: #f0c989;
}
.has-inline-color.has-yellowMuted-color,
.has-text-color.has-yellowMuted-color {
  color: #f0c989;
}
.has-inline-color.has-yellowExtraLight-color,
.has-text-color.has-yellowExtraLight-color {
  color: #fbe0b4;
}
.has-inline-color.has-yellow-extra-light-color,
.has-text-color.has-yellow-extra-light-color {
  color: #fbe0b4;
}
.has-inline-color.has-yellowDark-color,
.has-text-color.has-yellowDark-color {
  color: #e98500;
}
.has-inline-color.has-yellow-dark-color,
.has-text-color.has-yellow-dark-color {
  color: #e98500;
}
.has-inline-color.has-dark-yellow-color,
.has-text-color.has-dark-yellow-color {
  color: #e98500;
}
.has-inline-color.has-blue-color,
.has-text-color.has-blue-color {
  color: #016c91;
}
.has-inline-color.has-blueLight-color,
.has-text-color.has-blueLight-color {
  color: #69c2d6;
}
.has-inline-color.has-blue-light-color,
.has-text-color.has-blue-light-color {
  color: #69c2d6;
}
.has-inline-color.has-blueExtraLight-color,
.has-text-color.has-blueExtraLight-color {
  color: #e7eeef;
}
.has-inline-color.has-blue-extra-light-color,
.has-text-color.has-blue-extra-light-color {
  color: #e7eeef;
}
.has-inline-color.has-tealMuted-color,
.has-text-color.has-tealMuted-color {
  color: #6ac2d6;
}
.has-inline-color.has-teal-muted-color,
.has-text-color.has-teal-muted-color {
  color: #6ac2d6;
}
.has-inline-color.has-blueMuted-color,
.has-text-color.has-blueMuted-color {
  color: #bee0f7;
}
.has-inline-color.has-indigo-color,
.has-text-color.has-indigo-color {
  color: #235cbe;
}
.has-inline-color.has-indigoLight-color,
.has-text-color.has-indigoLight-color {
  color: #bedff9;
}
.has-inline-color.has-indigo-light-color,
.has-text-color.has-indigo-light-color {
  color: #bedff9;
}
.has-inline-color.has-purple-color,
.has-text-color.has-purple-color {
  color: #705ea2;
}
.has-inline-color.has-teal-color,
.has-text-color.has-teal-color {
  color: #00b8cb;
}
.has-inline-color.has-tealLight-color,
.has-text-color.has-tealLight-color {
  color: #69c2d6;
}
.has-inline-color.has-teal-light-color,
.has-text-color.has-teal-light-color {
  color: #69c2d6;
}
.has-inline-color.has-tan-color,
.has-text-color.has-tan-color {
  color: #e8ddc8;
}
.has-inline-color.has-white-color,
.has-text-color.has-white-color {
  color: white;
}

/*********************
BG COLOR
*********************/
.has-red-background-color {
  background-color: #771816;
}

.has-redLight-background-color {
  background-color: #f06748;
}

.has-redMuted-background-color {
  background-color: #de9d85;
}

.has-yellow-background-color {
  background-color: #e98500;
}

.has-yellowLight-background-color {
  background-color: #f6cb55;
}

.has-yellow-light-background-color {
  background-color: #f6cb55;
}

.has-yellow-muted-background-color {
  background-color: #f0c989;
}

.has-yellowMuted-background-color {
  background-color: #f0c989;
}

.has-yellowExtraLight-background-color {
  background-color: #fbe0b4;
}

.has-yellow-extra-light-background-color {
  background-color: #fbe0b4;
}

.has-yellowDark-background-color {
  background-color: #e98500;
}

.has-yellow-dark-background-color {
  background-color: #e98500;
}

.has-dark-yellow-background-color {
  background-color: #e98500;
}

.has-blue-background-color {
  background-color: #016c91;
}

.has-blueLight-background-color {
  background-color: #69c2d6;
}

.has-blue-light-background-color {
  background-color: #69c2d6;
}

.has-blueExtraLight-background-color {
  background-color: #e7eeef;
}

.has-blue-extra-light-background-color {
  background-color: #e7eeef;
}

.has-tealMuted-background-color {
  background-color: #6ac2d6;
}

.has-teal-muted-background-color {
  background-color: #6ac2d6;
}

.has-blueMuted-background-color {
  background-color: #bee0f7;
}

.has-indigo-background-color {
  background-color: #235cbe;
}

.has-indigoLight-background-color {
  background-color: #bedff9;
}

.has-indigo-light-background-color {
  background-color: #bedff9;
}

.has-purple-background-color {
  background-color: #705ea2;
}

.has-teal-background-color {
  background-color: #00b8cb;
}

.has-tealLight-background-color {
  background-color: #69c2d6;
}

.has-teal-light-background-color {
  background-color: #69c2d6;
}

.has-tan-background-color {
  background-color: #e8ddc8;
}

.has-white-background-color {
  background-color: white;
}

/*********************
BG COLOR
*********************/
blockquote.has-red-color:before, blockquote.has-red-color:after {
  border-color: #771816;
}

blockquote.has-redLight-color:before, blockquote.has-redLight-color:after {
  border-color: #f06748;
}

blockquote.has-redMuted-color:before, blockquote.has-redMuted-color:after {
  border-color: #de9d85;
}

blockquote.has-yellow-color:before, blockquote.has-yellow-color:after {
  border-color: #e98500;
}

blockquote.has-yellowLight-color:before, blockquote.has-yellowLight-color:after {
  border-color: #f6cb55;
}

blockquote.has-yellow-light-color:before, blockquote.has-yellow-light-color:after {
  border-color: #f6cb55;
}

blockquote.has-yellow-muted-color:before, blockquote.has-yellow-muted-color:after {
  border-color: #f0c989;
}

blockquote.has-yellowMuted-color:before, blockquote.has-yellowMuted-color:after {
  border-color: #f0c989;
}

blockquote.has-yellowExtraLight-color:before, blockquote.has-yellowExtraLight-color:after {
  border-color: #fbe0b4;
}

blockquote.has-yellow-extra-light-color:before, blockquote.has-yellow-extra-light-color:after {
  border-color: #fbe0b4;
}

blockquote.has-yellowDark-color:before, blockquote.has-yellowDark-color:after {
  border-color: #e98500;
}

blockquote.has-yellow-dark-color:before, blockquote.has-yellow-dark-color:after {
  border-color: #e98500;
}

blockquote.has-dark-yellow-color:before, blockquote.has-dark-yellow-color:after {
  border-color: #e98500;
}

blockquote.has-blue-color:before, blockquote.has-blue-color:after {
  border-color: #016c91;
}

blockquote.has-blueLight-color:before, blockquote.has-blueLight-color:after {
  border-color: #69c2d6;
}

blockquote.has-blue-light-color:before, blockquote.has-blue-light-color:after {
  border-color: #69c2d6;
}

blockquote.has-blueExtraLight-color:before, blockquote.has-blueExtraLight-color:after {
  border-color: #e7eeef;
}

blockquote.has-blue-extra-light-color:before, blockquote.has-blue-extra-light-color:after {
  border-color: #e7eeef;
}

blockquote.has-tealMuted-color:before, blockquote.has-tealMuted-color:after {
  border-color: #6ac2d6;
}

blockquote.has-teal-muted-color:before, blockquote.has-teal-muted-color:after {
  border-color: #6ac2d6;
}

blockquote.has-blueMuted-color:before, blockquote.has-blueMuted-color:after {
  border-color: #bee0f7;
}

blockquote.has-indigo-color:before, blockquote.has-indigo-color:after {
  border-color: #235cbe;
}

blockquote.has-indigoLight-color:before, blockquote.has-indigoLight-color:after {
  border-color: #bedff9;
}

blockquote.has-indigo-light-color:before, blockquote.has-indigo-light-color:after {
  border-color: #bedff9;
}

blockquote.has-purple-color:before, blockquote.has-purple-color:after {
  border-color: #705ea2;
}

blockquote.has-teal-color:before, blockquote.has-teal-color:after {
  border-color: #00b8cb;
}

blockquote.has-tealLight-color:before, blockquote.has-tealLight-color:after {
  border-color: #69c2d6;
}

blockquote.has-teal-light-color:before, blockquote.has-teal-light-color:after {
  border-color: #69c2d6;
}

blockquote.has-tan-color:before, blockquote.has-tan-color:after {
  border-color: #e8ddc8;
}

blockquote.has-white-color:before, blockquote.has-white-color:after {
  border-color: white;
}

/*********************
BORDER COLOR
*********************/
.is-style-arrow.has-red-border-color {
  border-top: 12px solid #771816;
}

.wp-block-group.has-red-border-color {
  border-top: 12px solid #771816;
  border-bottom: 12px solid #771816;
}

h1.has-red-border-color,
h2.has-red-border-color,
h3.has-red-border-color {
  padding: 1rem 3rem;
  border: 0.3rem solid #771816;
}

h4.has-red-border-color,
h5.has-red-border-color,
h6.has-red-border-color {
  font-family: "expressway", sans-serif;
  font-size: 1.5rem;
  padding: 1rem;
  border: 2px solid #771816;
}

.is-style-arrow.has-redLight-border-color {
  border-top: 12px solid #f06748;
}

.wp-block-group.has-redLight-border-color {
  border-top: 12px solid #f06748;
  border-bottom: 12px solid #f06748;
}

h1.has-redLight-border-color,
h2.has-redLight-border-color,
h3.has-redLight-border-color {
  padding: 1rem 3rem;
  border: 0.3rem solid #f06748;
}

h4.has-redLight-border-color,
h5.has-redLight-border-color,
h6.has-redLight-border-color {
  font-family: "expressway", sans-serif;
  font-size: 1.5rem;
  padding: 1rem;
  border: 2px solid #f06748;
}

.is-style-arrow.has-redMuted-border-color {
  border-top: 12px solid #de9d85;
}

.wp-block-group.has-redMuted-border-color {
  border-top: 12px solid #de9d85;
  border-bottom: 12px solid #de9d85;
}

h1.has-redMuted-border-color,
h2.has-redMuted-border-color,
h3.has-redMuted-border-color {
  padding: 1rem 3rem;
  border: 0.3rem solid #de9d85;
}

h4.has-redMuted-border-color,
h5.has-redMuted-border-color,
h6.has-redMuted-border-color {
  font-family: "expressway", sans-serif;
  font-size: 1.5rem;
  padding: 1rem;
  border: 2px solid #de9d85;
}

.is-style-arrow.has-yellow-border-color {
  border-top: 12px solid #e98500;
}

.wp-block-group.has-yellow-border-color {
  border-top: 12px solid #e98500;
  border-bottom: 12px solid #e98500;
}

h1.has-yellow-border-color,
h2.has-yellow-border-color,
h3.has-yellow-border-color {
  padding: 1rem 3rem;
  border: 0.3rem solid #e98500;
}

h4.has-yellow-border-color,
h5.has-yellow-border-color,
h6.has-yellow-border-color {
  font-family: "expressway", sans-serif;
  font-size: 1.5rem;
  padding: 1rem;
  border: 2px solid #e98500;
}

.is-style-arrow.has-yellowLight-border-color {
  border-top: 12px solid #f6cb55;
}

.wp-block-group.has-yellowLight-border-color {
  border-top: 12px solid #f6cb55;
  border-bottom: 12px solid #f6cb55;
}

h1.has-yellowLight-border-color,
h2.has-yellowLight-border-color,
h3.has-yellowLight-border-color {
  padding: 1rem 3rem;
  border: 0.3rem solid #f6cb55;
}

h4.has-yellowLight-border-color,
h5.has-yellowLight-border-color,
h6.has-yellowLight-border-color {
  font-family: "expressway", sans-serif;
  font-size: 1.5rem;
  padding: 1rem;
  border: 2px solid #f6cb55;
}

.is-style-arrow.has-yellow-light-border-color {
  border-top: 12px solid #f6cb55;
}

.wp-block-group.has-yellow-light-border-color {
  border-top: 12px solid #f6cb55;
  border-bottom: 12px solid #f6cb55;
}

h1.has-yellow-light-border-color,
h2.has-yellow-light-border-color,
h3.has-yellow-light-border-color {
  padding: 1rem 3rem;
  border: 0.3rem solid #f6cb55;
}

h4.has-yellow-light-border-color,
h5.has-yellow-light-border-color,
h6.has-yellow-light-border-color {
  font-family: "expressway", sans-serif;
  font-size: 1.5rem;
  padding: 1rem;
  border: 2px solid #f6cb55;
}

.is-style-arrow.has-yellow-muted-border-color {
  border-top: 12px solid #f0c989;
}

.wp-block-group.has-yellow-muted-border-color {
  border-top: 12px solid #f0c989;
  border-bottom: 12px solid #f0c989;
}

h1.has-yellow-muted-border-color,
h2.has-yellow-muted-border-color,
h3.has-yellow-muted-border-color {
  padding: 1rem 3rem;
  border: 0.3rem solid #f0c989;
}

h4.has-yellow-muted-border-color,
h5.has-yellow-muted-border-color,
h6.has-yellow-muted-border-color {
  font-family: "expressway", sans-serif;
  font-size: 1.5rem;
  padding: 1rem;
  border: 2px solid #f0c989;
}

.is-style-arrow.has-yellowMuted-border-color {
  border-top: 12px solid #f0c989;
}

.wp-block-group.has-yellowMuted-border-color {
  border-top: 12px solid #f0c989;
  border-bottom: 12px solid #f0c989;
}

h1.has-yellowMuted-border-color,
h2.has-yellowMuted-border-color,
h3.has-yellowMuted-border-color {
  padding: 1rem 3rem;
  border: 0.3rem solid #f0c989;
}

h4.has-yellowMuted-border-color,
h5.has-yellowMuted-border-color,
h6.has-yellowMuted-border-color {
  font-family: "expressway", sans-serif;
  font-size: 1.5rem;
  padding: 1rem;
  border: 2px solid #f0c989;
}

.is-style-arrow.has-yellowExtraLight-border-color {
  border-top: 12px solid #fbe0b4;
}

.wp-block-group.has-yellowExtraLight-border-color {
  border-top: 12px solid #fbe0b4;
  border-bottom: 12px solid #fbe0b4;
}

h1.has-yellowExtraLight-border-color,
h2.has-yellowExtraLight-border-color,
h3.has-yellowExtraLight-border-color {
  padding: 1rem 3rem;
  border: 0.3rem solid #fbe0b4;
}

h4.has-yellowExtraLight-border-color,
h5.has-yellowExtraLight-border-color,
h6.has-yellowExtraLight-border-color {
  font-family: "expressway", sans-serif;
  font-size: 1.5rem;
  padding: 1rem;
  border: 2px solid #fbe0b4;
}

.is-style-arrow.has-yellow-extra-light-border-color {
  border-top: 12px solid #fbe0b4;
}

.wp-block-group.has-yellow-extra-light-border-color {
  border-top: 12px solid #fbe0b4;
  border-bottom: 12px solid #fbe0b4;
}

h1.has-yellow-extra-light-border-color,
h2.has-yellow-extra-light-border-color,
h3.has-yellow-extra-light-border-color {
  padding: 1rem 3rem;
  border: 0.3rem solid #fbe0b4;
}

h4.has-yellow-extra-light-border-color,
h5.has-yellow-extra-light-border-color,
h6.has-yellow-extra-light-border-color {
  font-family: "expressway", sans-serif;
  font-size: 1.5rem;
  padding: 1rem;
  border: 2px solid #fbe0b4;
}

.is-style-arrow.has-yellowDark-border-color {
  border-top: 12px solid #e98500;
}

.wp-block-group.has-yellowDark-border-color {
  border-top: 12px solid #e98500;
  border-bottom: 12px solid #e98500;
}

h1.has-yellowDark-border-color,
h2.has-yellowDark-border-color,
h3.has-yellowDark-border-color {
  padding: 1rem 3rem;
  border: 0.3rem solid #e98500;
}

h4.has-yellowDark-border-color,
h5.has-yellowDark-border-color,
h6.has-yellowDark-border-color {
  font-family: "expressway", sans-serif;
  font-size: 1.5rem;
  padding: 1rem;
  border: 2px solid #e98500;
}

.is-style-arrow.has-yellow-dark-border-color {
  border-top: 12px solid #e98500;
}

.wp-block-group.has-yellow-dark-border-color {
  border-top: 12px solid #e98500;
  border-bottom: 12px solid #e98500;
}

h1.has-yellow-dark-border-color,
h2.has-yellow-dark-border-color,
h3.has-yellow-dark-border-color {
  padding: 1rem 3rem;
  border: 0.3rem solid #e98500;
}

h4.has-yellow-dark-border-color,
h5.has-yellow-dark-border-color,
h6.has-yellow-dark-border-color {
  font-family: "expressway", sans-serif;
  font-size: 1.5rem;
  padding: 1rem;
  border: 2px solid #e98500;
}

.is-style-arrow.has-dark-yellow-border-color {
  border-top: 12px solid #e98500;
}

.wp-block-group.has-dark-yellow-border-color {
  border-top: 12px solid #e98500;
  border-bottom: 12px solid #e98500;
}

h1.has-dark-yellow-border-color,
h2.has-dark-yellow-border-color,
h3.has-dark-yellow-border-color {
  padding: 1rem 3rem;
  border: 0.3rem solid #e98500;
}

h4.has-dark-yellow-border-color,
h5.has-dark-yellow-border-color,
h6.has-dark-yellow-border-color {
  font-family: "expressway", sans-serif;
  font-size: 1.5rem;
  padding: 1rem;
  border: 2px solid #e98500;
}

.is-style-arrow.has-blue-border-color {
  border-top: 12px solid #016c91;
}

.wp-block-group.has-blue-border-color {
  border-top: 12px solid #016c91;
  border-bottom: 12px solid #016c91;
}

h1.has-blue-border-color,
h2.has-blue-border-color,
h3.has-blue-border-color {
  padding: 1rem 3rem;
  border: 0.3rem solid #016c91;
}

h4.has-blue-border-color,
h5.has-blue-border-color,
h6.has-blue-border-color {
  font-family: "expressway", sans-serif;
  font-size: 1.5rem;
  padding: 1rem;
  border: 2px solid #016c91;
}

.is-style-arrow.has-blueLight-border-color {
  border-top: 12px solid #69c2d6;
}

.wp-block-group.has-blueLight-border-color {
  border-top: 12px solid #69c2d6;
  border-bottom: 12px solid #69c2d6;
}

h1.has-blueLight-border-color,
h2.has-blueLight-border-color,
h3.has-blueLight-border-color {
  padding: 1rem 3rem;
  border: 0.3rem solid #69c2d6;
}

h4.has-blueLight-border-color,
h5.has-blueLight-border-color,
h6.has-blueLight-border-color {
  font-family: "expressway", sans-serif;
  font-size: 1.5rem;
  padding: 1rem;
  border: 2px solid #69c2d6;
}

.is-style-arrow.has-blue-light-border-color {
  border-top: 12px solid #69c2d6;
}

.wp-block-group.has-blue-light-border-color {
  border-top: 12px solid #69c2d6;
  border-bottom: 12px solid #69c2d6;
}

h1.has-blue-light-border-color,
h2.has-blue-light-border-color,
h3.has-blue-light-border-color {
  padding: 1rem 3rem;
  border: 0.3rem solid #69c2d6;
}

h4.has-blue-light-border-color,
h5.has-blue-light-border-color,
h6.has-blue-light-border-color {
  font-family: "expressway", sans-serif;
  font-size: 1.5rem;
  padding: 1rem;
  border: 2px solid #69c2d6;
}

.is-style-arrow.has-blueExtraLight-border-color {
  border-top: 12px solid #e7eeef;
}

.wp-block-group.has-blueExtraLight-border-color {
  border-top: 12px solid #e7eeef;
  border-bottom: 12px solid #e7eeef;
}

h1.has-blueExtraLight-border-color,
h2.has-blueExtraLight-border-color,
h3.has-blueExtraLight-border-color {
  padding: 1rem 3rem;
  border: 0.3rem solid #e7eeef;
}

h4.has-blueExtraLight-border-color,
h5.has-blueExtraLight-border-color,
h6.has-blueExtraLight-border-color {
  font-family: "expressway", sans-serif;
  font-size: 1.5rem;
  padding: 1rem;
  border: 2px solid #e7eeef;
}

.is-style-arrow.has-blue-extra-light-border-color {
  border-top: 12px solid #e7eeef;
}

.wp-block-group.has-blue-extra-light-border-color {
  border-top: 12px solid #e7eeef;
  border-bottom: 12px solid #e7eeef;
}

h1.has-blue-extra-light-border-color,
h2.has-blue-extra-light-border-color,
h3.has-blue-extra-light-border-color {
  padding: 1rem 3rem;
  border: 0.3rem solid #e7eeef;
}

h4.has-blue-extra-light-border-color,
h5.has-blue-extra-light-border-color,
h6.has-blue-extra-light-border-color {
  font-family: "expressway", sans-serif;
  font-size: 1.5rem;
  padding: 1rem;
  border: 2px solid #e7eeef;
}

.is-style-arrow.has-tealMuted-border-color {
  border-top: 12px solid #6ac2d6;
}

.wp-block-group.has-tealMuted-border-color {
  border-top: 12px solid #6ac2d6;
  border-bottom: 12px solid #6ac2d6;
}

h1.has-tealMuted-border-color,
h2.has-tealMuted-border-color,
h3.has-tealMuted-border-color {
  padding: 1rem 3rem;
  border: 0.3rem solid #6ac2d6;
}

h4.has-tealMuted-border-color,
h5.has-tealMuted-border-color,
h6.has-tealMuted-border-color {
  font-family: "expressway", sans-serif;
  font-size: 1.5rem;
  padding: 1rem;
  border: 2px solid #6ac2d6;
}

.is-style-arrow.has-teal-muted-border-color {
  border-top: 12px solid #6ac2d6;
}

.wp-block-group.has-teal-muted-border-color {
  border-top: 12px solid #6ac2d6;
  border-bottom: 12px solid #6ac2d6;
}

h1.has-teal-muted-border-color,
h2.has-teal-muted-border-color,
h3.has-teal-muted-border-color {
  padding: 1rem 3rem;
  border: 0.3rem solid #6ac2d6;
}

h4.has-teal-muted-border-color,
h5.has-teal-muted-border-color,
h6.has-teal-muted-border-color {
  font-family: "expressway", sans-serif;
  font-size: 1.5rem;
  padding: 1rem;
  border: 2px solid #6ac2d6;
}

.is-style-arrow.has-blueMuted-border-color {
  border-top: 12px solid #bee0f7;
}

.wp-block-group.has-blueMuted-border-color {
  border-top: 12px solid #bee0f7;
  border-bottom: 12px solid #bee0f7;
}

h1.has-blueMuted-border-color,
h2.has-blueMuted-border-color,
h3.has-blueMuted-border-color {
  padding: 1rem 3rem;
  border: 0.3rem solid #bee0f7;
}

h4.has-blueMuted-border-color,
h5.has-blueMuted-border-color,
h6.has-blueMuted-border-color {
  font-family: "expressway", sans-serif;
  font-size: 1.5rem;
  padding: 1rem;
  border: 2px solid #bee0f7;
}

.is-style-arrow.has-indigo-border-color {
  border-top: 12px solid #235cbe;
}

.wp-block-group.has-indigo-border-color {
  border-top: 12px solid #235cbe;
  border-bottom: 12px solid #235cbe;
}

h1.has-indigo-border-color,
h2.has-indigo-border-color,
h3.has-indigo-border-color {
  padding: 1rem 3rem;
  border: 0.3rem solid #235cbe;
}

h4.has-indigo-border-color,
h5.has-indigo-border-color,
h6.has-indigo-border-color {
  font-family: "expressway", sans-serif;
  font-size: 1.5rem;
  padding: 1rem;
  border: 2px solid #235cbe;
}

.is-style-arrow.has-indigoLight-border-color {
  border-top: 12px solid #bedff9;
}

.wp-block-group.has-indigoLight-border-color {
  border-top: 12px solid #bedff9;
  border-bottom: 12px solid #bedff9;
}

h1.has-indigoLight-border-color,
h2.has-indigoLight-border-color,
h3.has-indigoLight-border-color {
  padding: 1rem 3rem;
  border: 0.3rem solid #bedff9;
}

h4.has-indigoLight-border-color,
h5.has-indigoLight-border-color,
h6.has-indigoLight-border-color {
  font-family: "expressway", sans-serif;
  font-size: 1.5rem;
  padding: 1rem;
  border: 2px solid #bedff9;
}

.is-style-arrow.has-indigo-light-border-color {
  border-top: 12px solid #bedff9;
}

.wp-block-group.has-indigo-light-border-color {
  border-top: 12px solid #bedff9;
  border-bottom: 12px solid #bedff9;
}

h1.has-indigo-light-border-color,
h2.has-indigo-light-border-color,
h3.has-indigo-light-border-color {
  padding: 1rem 3rem;
  border: 0.3rem solid #bedff9;
}

h4.has-indigo-light-border-color,
h5.has-indigo-light-border-color,
h6.has-indigo-light-border-color {
  font-family: "expressway", sans-serif;
  font-size: 1.5rem;
  padding: 1rem;
  border: 2px solid #bedff9;
}

.is-style-arrow.has-purple-border-color {
  border-top: 12px solid #705ea2;
}

.wp-block-group.has-purple-border-color {
  border-top: 12px solid #705ea2;
  border-bottom: 12px solid #705ea2;
}

h1.has-purple-border-color,
h2.has-purple-border-color,
h3.has-purple-border-color {
  padding: 1rem 3rem;
  border: 0.3rem solid #705ea2;
}

h4.has-purple-border-color,
h5.has-purple-border-color,
h6.has-purple-border-color {
  font-family: "expressway", sans-serif;
  font-size: 1.5rem;
  padding: 1rem;
  border: 2px solid #705ea2;
}

.is-style-arrow.has-teal-border-color {
  border-top: 12px solid #00b8cb;
}

.wp-block-group.has-teal-border-color {
  border-top: 12px solid #00b8cb;
  border-bottom: 12px solid #00b8cb;
}

h1.has-teal-border-color,
h2.has-teal-border-color,
h3.has-teal-border-color {
  padding: 1rem 3rem;
  border: 0.3rem solid #00b8cb;
}

h4.has-teal-border-color,
h5.has-teal-border-color,
h6.has-teal-border-color {
  font-family: "expressway", sans-serif;
  font-size: 1.5rem;
  padding: 1rem;
  border: 2px solid #00b8cb;
}

.is-style-arrow.has-tealLight-border-color {
  border-top: 12px solid #69c2d6;
}

.wp-block-group.has-tealLight-border-color {
  border-top: 12px solid #69c2d6;
  border-bottom: 12px solid #69c2d6;
}

h1.has-tealLight-border-color,
h2.has-tealLight-border-color,
h3.has-tealLight-border-color {
  padding: 1rem 3rem;
  border: 0.3rem solid #69c2d6;
}

h4.has-tealLight-border-color,
h5.has-tealLight-border-color,
h6.has-tealLight-border-color {
  font-family: "expressway", sans-serif;
  font-size: 1.5rem;
  padding: 1rem;
  border: 2px solid #69c2d6;
}

.is-style-arrow.has-teal-light-border-color {
  border-top: 12px solid #69c2d6;
}

.wp-block-group.has-teal-light-border-color {
  border-top: 12px solid #69c2d6;
  border-bottom: 12px solid #69c2d6;
}

h1.has-teal-light-border-color,
h2.has-teal-light-border-color,
h3.has-teal-light-border-color {
  padding: 1rem 3rem;
  border: 0.3rem solid #69c2d6;
}

h4.has-teal-light-border-color,
h5.has-teal-light-border-color,
h6.has-teal-light-border-color {
  font-family: "expressway", sans-serif;
  font-size: 1.5rem;
  padding: 1rem;
  border: 2px solid #69c2d6;
}

.is-style-arrow.has-tan-border-color {
  border-top: 12px solid #e8ddc8;
}

.wp-block-group.has-tan-border-color {
  border-top: 12px solid #e8ddc8;
  border-bottom: 12px solid #e8ddc8;
}

h1.has-tan-border-color,
h2.has-tan-border-color,
h3.has-tan-border-color {
  padding: 1rem 3rem;
  border: 0.3rem solid #e8ddc8;
}

h4.has-tan-border-color,
h5.has-tan-border-color,
h6.has-tan-border-color {
  font-family: "expressway", sans-serif;
  font-size: 1.5rem;
  padding: 1rem;
  border: 2px solid #e8ddc8;
}

.is-style-arrow.has-white-border-color {
  border-top: 12px solid white;
}

.wp-block-group.has-white-border-color {
  border-top: 12px solid white;
  border-bottom: 12px solid white;
}

h1.has-white-border-color,
h2.has-white-border-color,
h3.has-white-border-color {
  padding: 1rem 3rem;
  border: 0.3rem solid white;
}

h4.has-white-border-color,
h5.has-white-border-color,
h6.has-white-border-color {
  font-family: "expressway", sans-serif;
  font-size: 1.5rem;
  padding: 1rem;
  border: 2px solid white;
}

.wp-block-gallery {
  margin: 0 auto;
  width: 95%;
  max-width: 1300px;
}
.wp-block-gallery .blocks-gallery-grid {
  margin: 0 auto;
  justify-content: center;
}
.wp-block-gallery .blocks-gallery-grid .blocks-gallery-item {
  width: auto;
  flex-grow: unset;
}
.wp-block-gallery .blocks-gallery-grid .blocks-gallery-item figure {
  width: 100%;
}
.wp-block-gallery .blocks-gallery-grid .blocks-gallery-item figure img {
  max-width: 100%;
  margin: 0 auto;
  display: block;
}
@media only screen and (min-width: 768px) {
  .wp-block-gallery.columns-1 .blocks-gallery-grid .blocks-gallery-item {
    width: calc(200% / 1 - 1em);
  }
}
@media only screen and (min-width: 1025px) {
  .wp-block-gallery.columns-1 .blocks-gallery-grid .blocks-gallery-item {
    width: calc(100% / 1 - 1em);
  }
}
@media only screen and (min-width: 768px) {
  .wp-block-gallery.columns-2 .blocks-gallery-grid .blocks-gallery-item {
    width: calc(200% / 2 - 1em);
  }
}
@media only screen and (min-width: 1025px) {
  .wp-block-gallery.columns-2 .blocks-gallery-grid .blocks-gallery-item {
    width: calc(100% / 2 - 1em);
  }
}
@media only screen and (min-width: 768px) {
  .wp-block-gallery.columns-3 .blocks-gallery-grid .blocks-gallery-item {
    width: calc(200% / 3 - 1em);
  }
}
@media only screen and (min-width: 1025px) {
  .wp-block-gallery.columns-3 .blocks-gallery-grid .blocks-gallery-item {
    width: calc(100% / 3 - 1em);
  }
}
@media only screen and (min-width: 768px) {
  .wp-block-gallery.columns-4 .blocks-gallery-grid .blocks-gallery-item {
    width: calc(200% / 4 - 1em);
  }
}
@media only screen and (min-width: 1025px) {
  .wp-block-gallery.columns-4 .blocks-gallery-grid .blocks-gallery-item {
    width: calc(100% / 4 - 1em);
  }
}
@media only screen and (min-width: 768px) {
  .wp-block-gallery.columns-5 .blocks-gallery-grid .blocks-gallery-item {
    width: calc(200% / 5 - 1em);
  }
}
@media only screen and (min-width: 1025px) {
  .wp-block-gallery.columns-5 .blocks-gallery-grid .blocks-gallery-item {
    width: calc(100% / 5 - 1em);
  }
}
@media only screen and (min-width: 768px) {
  .wp-block-gallery.columns-6 .blocks-gallery-grid .blocks-gallery-item {
    width: calc(200% / 6 - 1em);
  }
}
@media only screen and (min-width: 1025px) {
  .wp-block-gallery.columns-6 .blocks-gallery-grid .blocks-gallery-item {
    width: calc(100% / 6 - 1em);
  }
}
@media only screen and (min-width: 768px) {
  .wp-block-gallery.columns-7 .blocks-gallery-grid .blocks-gallery-item {
    width: calc(200% / 7 - 1em);
  }
}
@media only screen and (min-width: 1025px) {
  .wp-block-gallery.columns-7 .blocks-gallery-grid .blocks-gallery-item {
    width: calc(100% / 7 - 1em);
  }
}
@media only screen and (min-width: 768px) {
  .wp-block-gallery.columns-8 .blocks-gallery-grid .blocks-gallery-item {
    width: calc(200% / 8 - 1em);
  }
}
@media only screen and (min-width: 1025px) {
  .wp-block-gallery.columns-8 .blocks-gallery-grid .blocks-gallery-item {
    width: calc(100% / 8 - 1em);
  }
}
@media only screen and (min-width: 768px) {
  .wp-block-gallery.columns-9 .blocks-gallery-grid .blocks-gallery-item {
    width: calc(200% / 9 - 1em);
  }
}
@media only screen and (min-width: 1025px) {
  .wp-block-gallery.columns-9 .blocks-gallery-grid .blocks-gallery-item {
    width: calc(100% / 9 - 1em);
  }
}
@media only screen and (min-width: 768px) {
  .wp-block-gallery.columns-10 .blocks-gallery-grid .blocks-gallery-item {
    width: calc(200% / 10 - 1em);
  }
}
@media only screen and (min-width: 1025px) {
  .wp-block-gallery.columns-10 .blocks-gallery-grid .blocks-gallery-item {
    width: calc(100% / 10 - 1em);
  }
}
@media only screen and (min-width: 768px) {
  .wp-block-gallery.columns-11 .blocks-gallery-grid .blocks-gallery-item {
    width: calc(200% / 11 - 1em);
  }
}
@media only screen and (min-width: 1025px) {
  .wp-block-gallery.columns-11 .blocks-gallery-grid .blocks-gallery-item {
    width: calc(100% / 11 - 1em);
  }
}
@media only screen and (min-width: 768px) {
  .wp-block-gallery.columns-12 .blocks-gallery-grid .blocks-gallery-item {
    width: calc(200% / 12 - 1em);
  }
}
@media only screen and (min-width: 1025px) {
  .wp-block-gallery.columns-12 .blocks-gallery-grid .blocks-gallery-item {
    width: calc(100% / 12 - 1em);
  }
}
@media only screen and (min-width: 768px) {
  .wp-block-gallery.columns-13 .blocks-gallery-grid .blocks-gallery-item {
    width: calc(200% / 13 - 1em);
  }
}
@media only screen and (min-width: 1025px) {
  .wp-block-gallery.columns-13 .blocks-gallery-grid .blocks-gallery-item {
    width: calc(100% / 13 - 1em);
  }
}
@media only screen and (min-width: 768px) {
  .wp-block-gallery.columns-14 .blocks-gallery-grid .blocks-gallery-item {
    width: calc(200% / 14 - 1em);
  }
}
@media only screen and (min-width: 1025px) {
  .wp-block-gallery.columns-14 .blocks-gallery-grid .blocks-gallery-item {
    width: calc(100% / 14 - 1em);
  }
}
@media only screen and (min-width: 768px) {
  .wp-block-gallery.columns-15 .blocks-gallery-grid .blocks-gallery-item {
    width: calc(200% / 15 - 1em);
  }
}
@media only screen and (min-width: 1025px) {
  .wp-block-gallery.columns-15 .blocks-gallery-grid .blocks-gallery-item {
    width: calc(100% / 15 - 1em);
  }
}
@media only screen and (min-width: 768px) {
  .wp-block-gallery.columns-16 .blocks-gallery-grid .blocks-gallery-item {
    width: calc(200% / 16 - 1em);
  }
}
@media only screen and (min-width: 1025px) {
  .wp-block-gallery.columns-16 .blocks-gallery-grid .blocks-gallery-item {
    width: calc(100% / 16 - 1em);
  }
}
@media only screen and (min-width: 768px) {
  .wp-block-gallery.columns-17 .blocks-gallery-grid .blocks-gallery-item {
    width: calc(200% / 17 - 1em);
  }
}
@media only screen and (min-width: 1025px) {
  .wp-block-gallery.columns-17 .blocks-gallery-grid .blocks-gallery-item {
    width: calc(100% / 17 - 1em);
  }
}
@media only screen and (min-width: 768px) {
  .wp-block-gallery.columns-18 .blocks-gallery-grid .blocks-gallery-item {
    width: calc(200% / 18 - 1em);
  }
}
@media only screen and (min-width: 1025px) {
  .wp-block-gallery.columns-18 .blocks-gallery-grid .blocks-gallery-item {
    width: calc(100% / 18 - 1em);
  }
}
@media only screen and (min-width: 768px) {
  .wp-block-gallery.columns-19 .blocks-gallery-grid .blocks-gallery-item {
    width: calc(200% / 19 - 1em);
  }
}
@media only screen and (min-width: 1025px) {
  .wp-block-gallery.columns-19 .blocks-gallery-grid .blocks-gallery-item {
    width: calc(100% / 19 - 1em);
  }
}
@media only screen and (min-width: 768px) {
  .wp-block-gallery.columns-20 .blocks-gallery-grid .blocks-gallery-item {
    width: calc(200% / 20 - 1em);
  }
}
@media only screen and (min-width: 1025px) {
  .wp-block-gallery.columns-20 .blocks-gallery-grid .blocks-gallery-item {
    width: calc(100% / 20 - 1em);
  }
}
.wp-block-gallery.ventura-partners {
  justify-content: center;
}
.wp-block-gallery.ventura-partners .wp-block-image {
  width: auto !important;
  align-items: center;
  flex-grow: 0 !important;
  max-width: 200px !important;
  margin-bottom: 0 !important;
}
@media only screen and (max-width: 768px) {
  .wp-block-gallery.ventura-partners .wp-block-image {
    margin-left: 0.5rem !important;
    margin-right: 0.5rem !important;
  }
}
.wp-block-gallery.ventura-partners .wp-block-image figure {
  width: auto;
  align-items: center;
}
.wp-block-gallery.ventura-partners .wp-block-image figure img {
  width: 100%;
  max-width: 125px;
}

.wp-block-group {
  margin: 2.5em auto;
  overflow: visible;
  max-width: 2160px;
}
.wp-block-group.has-background {
  padding: 2.5em 2.5%;
}
.wp-block-group.has-background p:not(.title),
.wp-block-group.has-background ul:not(.blocks-gallery-grid),
.wp-block-group.has-background li:not(.blocks-gallery-item),
.wp-block-group.has-background h1,
.wp-block-group.has-background h2,
.wp-block-group.has-background h3,
.wp-block-group.has-background h4,
.wp-block-group.has-background h5,
.wp-block-group.has-background h6,
.wp-block-group.has-background figcaption {
  color: white;
  width: 100% !important;
}
.wp-block-group.has-background .wp-block-columns,
.wp-block-group.has-background .wp-block-columns.has-background {
  padding: 0;
}
.wp-block-group.has-background a {
  color: white;
  background-image: linear-gradient(white, white);
  background-position: 0% 100%;
  background-repeat: no-repeat;
  background-size: 0% 2px;
  transition: background-size 0.3s;
}
.wp-block-group.has-background a:hover, .wp-block-group.has-background a.hover {
  background-size: 100% 2px;
}
.wp-block-group:after {
  content: "";
  clear: both;
  display: table;
}
.wp-block-group .wp-block-image > img {
  height: auto;
  width: 100%;
}
.wp-block-group .wp-block-image figcaption {
  margin-bottom: 0;
  text-align: right;
  font-family: "Gotham", sans-serif;
}
.wp-block-group .wp-block-columns,
.wp-block-group .wp-block-columns.has-background {
  margin: 0;
}
.wp-block-group.stay-block {
  border: 10px solid #f6cb55;
  width: 95%;
  max-width: 1300px;
  margin: 6.25em auto; /* 100/16 */
}
.wp-block-group.stay-block .ventura-stay-widget {
  width: 100%;
  margin: 0;
  border: none;
}
.wp-block-group.stay-block .ventura-page-callout {
  width: 100%;
  margin: 0;
}
.wp-block-group.stay-block .ventura-page-callout.animateElement {
  transform: translateY(10%);
  opacity: 0;
}
.wp-block-group.stay-block .ventura-page-callout .callout {
  border-top: none;
  width: 45%;
}
.wp-block-group.stay-block .ventura-page-callout .callout p {
  font-family: "expressway", sans-serif;
  color: #016c91;
}
@media only screen and (max-width: 1025px) {
  .wp-block-group.stay-block .ventura-page-callout .callout {
    width: 50%;
  }
  .wp-block-group.stay-block .ventura-page-callout .image {
    width: 50%;
  }
}
@media only screen and (max-width: 768px) {
  .wp-block-group.stay-block .ventura-page-callout .callout {
    width: 100%;
    margin: 0;
    box-shadow: none;
  }
  .wp-block-group.stay-block .ventura-page-callout .image {
    width: 100%;
  }
}

.wp-block-columns {
  margin: 2.5em auto;
  max-width: 2160px;
  padding: 0 2.5%;
  justify-content: center;
}
.wp-block-columns.has-background {
  padding: 2.5em 2.5%;
}
.wp-block-columns.has-background p:not(.title),
.wp-block-columns.has-background ul:not(.blocks-gallery-grid),
.wp-block-columns.has-background li:not(.blocks-gallery-item),
.wp-block-columns.has-background h1,
.wp-block-columns.has-background h2,
.wp-block-columns.has-background h3,
.wp-block-columns.has-background h4,
.wp-block-columns.has-background h5,
.wp-block-columns.has-background h6,
.wp-block-columns.has-background figcaption {
  color: white;
}
.wp-block-columns.has-background a {
  color: white;
  background-image: linear-gradient(white, white);
  background-position: 0% 100%;
  background-repeat: no-repeat;
  background-size: 0% 2px;
  transition: background-size 0.3s;
}
.wp-block-columns.has-background a:hover, .wp-block-columns.has-background a.hover {
  background-size: 100% 2px;
}
.wp-block-columns .wp-block-column {
  flex-grow: 1;
  width: auto;
}
.wp-block-columns .wp-block-column:not(:first-child) {
  margin-left: 0;
}
.wp-block-columns .wp-block-column[style="flex-basis:33.33%"] {
  width: 33.33%;
  max-width: calc(1300px * 0.3333);
}
.wp-block-columns .wp-block-column[style="flex-basis:50%"] {
  width: 50%;
  max-width: calc(1300px * 0.5);
}
.wp-block-columns .wp-block-column[style="flex-basis:66.66%"] {
  width: 66.66%;
  max-width: calc(1300px * 0.6666);
}
.wp-block-columns .wp-block-column:first-child {
  padding-right: 1em;
}
.wp-block-columns .wp-block-column:last-child {
  padding-left: 1em;
}
@media only screen and (max-width: 768px) {
  .wp-block-columns .wp-block-column {
    padding: 0 !important;
  }
}
.wp-block-columns .wp-block-column p:not(.title),
.wp-block-columns .wp-block-column li:not(.blocks-gallery-item),
.wp-block-columns .wp-block-column h1,
.wp-block-columns .wp-block-column h2,
.wp-block-columns .wp-block-column h3,
.wp-block-columns .wp-block-column h4,
.wp-block-columns .wp-block-column h5,
.wp-block-columns .wp-block-column h6,
.wp-block-columns .wp-block-column .wp-block-image,
.wp-block-columns .wp-block-column .wp-block-embed,
.wp-block-columns .wp-block-column ul:not(.blocks-gallery-grid) {
  width: 100% !important;
}
.wp-block-columns .wp-block-column .wp-block-image img {
  height: auto;
  width: 100%;
}
.wp-block-columns .wp-block-column .wp-block-image figcaption {
  margin-bottom: 0;
  text-align: right;
  font-family: "expressway", sans-serif;
}
@media only screen and (max-width: 768px) {
  .wp-block-columns {
    flex-wrap: wrap;
  }
  .wp-block-columns .wp-block-column {
    margin: 0 auto 1em !important;
    width: 100% !important;
    max-width: unset !important;
  }
}
.wp-block-columns.is-style-gold-border {
  width: 95%;
  max-width: var(--wp--style--global--content-size);
  margin-top: 5rem;
  padding: 1rem 3rem;
  border: 0.5rem solid #e98500;
}
.wp-block-columns.is-style-justified-apart {
  justify-content: space-between;
  margin-bottom: 3rem;
}
@media only screen and (max-width: 768px) {
  .wp-block-columns.is-style-justified-apart h2,
  .wp-block-columns.is-style-justified-apart h3,
  .wp-block-columns.is-style-justified-apart h4 {
    text-align: center;
  }
}
.wp-block-columns.is-style-tire-tread {
  position: relative;
  width: 95%;
  max-width: var(--wp--style--global--content-size);
}
.wp-block-columns.is-style-tire-tread:after {
  content: "";
  position: absolute;
  left: -20vw;
  top: 50%;
  z-index: -1;
  transform: translateY(-50%);
  width: 200vw;
  height: 6rem;
  margin-left: -1rem !important;
  background-image: url("/wp-content/themes/ventura/assets/images/tiretread.svg");
  background-repeat: repeat-x;
  background-position: center;
}

.wp-block-image figure,
figure:not(.wp-block-gallery, .wp-block-embed) {
  width: 95%;
  max-width: 1300px;
  margin: 1em auto;
}
.wp-block-image figure.alignright, .wp-block-image figure.alignleft,
figure:not(.wp-block-gallery, .wp-block-embed).alignright,
figure:not(.wp-block-gallery, .wp-block-embed).alignleft {
  width: 50%;
  max-width: 650px;
}
.wp-block-image figure.alignright,
figure:not(.wp-block-gallery, .wp-block-embed).alignright {
  margin: 0.5em 0 0.5em 2em;
}
.wp-block-image figure.alignleft,
figure:not(.wp-block-gallery, .wp-block-embed).alignleft {
  margin: 0.5em 2em 0.5em 0;
}
.wp-block-image figure.is-resized,
figure:not(.wp-block-gallery, .wp-block-embed).is-resized {
  width: auto;
}
.wp-block-image figure:not(.is-resized) img,
figure:not(.wp-block-gallery, .wp-block-embed):not(.is-resized) img {
  width: 100%;
}
.wp-block-image figure img,
figure:not(.wp-block-gallery, .wp-block-embed) img {
  width: 100%;
  display: block;
  height: auto;
}
.wp-block-image figure figcaption,
figure:not(.wp-block-gallery, .wp-block-embed) figcaption {
  margin-bottom: 0;
  text-align: right;
  color: #016c91;
  font-family: "expressway", sans-serif;
}
@media only screen and (max-width: 768px) {
  .wp-block-image figure,
  figure:not(.wp-block-gallery, .wp-block-embed) {
    float: none !important;
    margin: 0 !important;
    width: 100% !important;
    max-width: unset !important;
  }
  .wp-block-image figure img,
  figure:not(.wp-block-gallery, .wp-block-embed) img {
    width: 100%;
  }
}

.wp-block-image {
  width: 95%;
  max-width: 1300px;
  margin: 1em auto;
}
.wp-block-image figure {
  width: 100%;
  max-width: unset;
}

.wp-block-pullquote {
  width: 95%;
  margin: 2em auto;
  max-width: 1300px;
  padding: 0;
}
.wp-block-pullquote.is-style-small-width {
  max-width: 800px;
}
.wp-block-pullquote blockquote {
  width: 100%;
  margin-inline: 0;
  position: relative;
  padding: 12px 12px 12px 24px;
}
.wp-block-pullquote blockquote p {
  font-family: "Gotham", sans-serif;
  font-size: 1.75em;
  font-weight: 800;
  text-transform: uppercase;
  line-height: 1.125em;
  text-align: left;
  width: 100%;
}
@media only screen and (max-width: 768px) {
  .wp-block-pullquote blockquote p {
    font-size: 1.5em;
  }
}
.wp-block-pullquote blockquote cite {
  margin-top: -2em;
  display: block;
  margin-bottom: 2em;
}
.wp-block-pullquote blockquote:after, .wp-block-pullquote blockquote:before {
  box-sizing: inherit;
  content: "";
  position: absolute;
  border: 3px solid;
  border-left-width: 10px;
  width: 0;
  height: 0;
  z-index: -1;
}
.wp-block-pullquote blockquote:before {
  top: 0;
  left: 0;
  border-bottom-color: transparent !important;
  border-left-color: transparent !important;
}
.wp-block-pullquote blockquote:after {
  top: 0;
  left: 0;
  border-top-color: transparent !important;
  border-right-color: transparent !important;
}
.wp-block-pullquote.animateBorder blockquote:after, .wp-block-pullquote.animateBorder blockquote:before {
  width: 100%;
  height: 100%;
}
.wp-block-pullquote.animateBorder blockquote:before {
  transition: width 0.75s ease-out, height 0.75s ease-out 0.75s;
}
.wp-block-pullquote.animateBorder blockquote:after {
  transition: height 0.75s ease-out, width 0.75s ease-out 0.75s;
}

.wp-block-media-text {
  width: 100%;
  display: flex;
  justify-content: center;
  padding: 5em 2.5%;
  margin: 5em auto;
}
@media only screen and (max-width: 768px) {
  .wp-block-media-text {
    margin: 2.5em auto;
  }
}
.wp-block-media-text.has-media-on-the-right .wp-block-media-text__media {
  order: 2;
}
.wp-block-media-text.has-media-on-the-right .wp-block-media-text__content {
  margin: 0 2em 0 0;
}
.wp-block-media-text .wp-block-media-text__content {
  width: calc(70% - 2em);
  max-width: calc(1000px - 2em);
  color: white;
  padding: 0;
  margin: 0 0 0 2em;
}
.wp-block-media-text .wp-block-media-text__content p:not(.title),
.wp-block-media-text .wp-block-media-text__content h1,
.wp-block-media-text .wp-block-media-text__content h2,
.wp-block-media-text .wp-block-media-text__content h3,
.wp-block-media-text .wp-block-media-text__content h4,
.wp-block-media-text .wp-block-media-text__content h5,
.wp-block-media-text .wp-block-media-text__content h6 {
  width: 100% !important;
  max-width: unset !important;
  margin-left: 0;
  margin-right: 0;
}
.wp-block-media-text .wp-block-media-text__media {
  width: 30%;
  max-width: 300px;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  flex-direction: column;
  border: 10px solid white;
  position: relative;
}
.wp-block-media-text .wp-block-media-text__media:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  right: -2em;
  top: -2em;
  background: rgba(255, 255, 255, 0.3);
  z-index: 1;
}
.wp-block-media-text .wp-block-media-text__media img,
.wp-block-media-text .wp-block-media-text__media video {
  width: auto;
  max-width: 100%;
  height: auto;
  position: relative;
  z-index: 2;
}
.wp-block-media-text .wp-block-media-text__media figcaption {
  position: absolute;
  right: -10px;
  bottom: 0;
  transform: translateY(calc(100% + 16px));
  color: white;
  font-weight: bolder;
  font-family: "expressway", sans-serif;
}

.wp-block-embed {
  width: 95%;
  max-width: 1000px;
  margin: 1em auto;
}
.wp-block-embed .wp-block-embed__wrapper {
  width: 100%;
  position: relative;
}

.htmlBlock {
  width: 95%;
  max-width: 1300px;
  margin: 2.5em auto;
  position: relative;
  display: flex;
  align-items: flex-start;
}
.htmlBlock.after-padding:after {
  content: "";
  display: block;
  width: 100%;
  position: relative;
  overflow: hidden;
  padding-top: 56.25%;
}
.htmlBlock iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
  z-index: 500;
}

.page-id-10124282 .ventura-hero {
  margin-bottom: 0 !important;
}
@media only screen and (max-width: 768px) {
  .page-id-10124282 .ventura-hero:not(.videoHero):after {
    padding-bottom: 168% !important;
  }
}
.page-id-10124282 .overflow-visible {
  overflow: visible !important;
}
.page-id-10124282 .htmlBlock {
  display: block;
}
.page-id-10124282 .htmlBlock.after-padding:after {
  padding-top: 0 !important;
}

.page-content p {
  width: 95%;
  max-width: 1300px;
  font-size: 1.25em;
}
@media only screen and (max-width: 768px) {
  .page-content p {
    font-size: 1em;
  }
}
.page-content h1:not(.is-style-arrow),
.page-content h2:not(.is-style-arrow),
.page-content h3:not(.is-style-arrow),
.page-content h4:not(.is-style-arrow),
.page-content h5:not(.is-style-arrow),
.page-content h6:not(.is-style-arrow) {
  width: 95%;
  max-width: 1300px;
  margin-left: auto;
  margin-right: auto;
}
.page-content h1.is-style-arrow,
.page-content h2.is-style-arrow,
.page-content h3.is-style-arrow,
.page-content h4.is-style-arrow,
.page-content h5.is-style-arrow,
.page-content h6.is-style-arrow {
  width: 100%;
  padding: 1em calc((100% - 1300px) / 2);
  margin: 2.5em auto 0;
  background: white;
  color: #000000;
  position: relative;
}
@media only screen and (max-width: 1365px) {
  .page-content h1.is-style-arrow,
  .page-content h2.is-style-arrow,
  .page-content h3.is-style-arrow,
  .page-content h4.is-style-arrow,
  .page-content h5.is-style-arrow,
  .page-content h6.is-style-arrow {
    padding: 1em 2.5%;
  }
  .page-content h1.is-style-arrow:after,
  .page-content h2.is-style-arrow:after,
  .page-content h3.is-style-arrow:after,
  .page-content h4.is-style-arrow:after,
  .page-content h5.is-style-arrow:after,
  .page-content h6.is-style-arrow:after {
    left: 2.5%;
  }
}
.page-content h1.is-style-arrow + .ventura-blogs,
.page-content h1.is-style-arrow + .wp-block-group,
.page-content h1.is-style-arrow + .wp-block-columns,
.page-content h2.is-style-arrow + .ventura-blogs,
.page-content h2.is-style-arrow + .wp-block-group,
.page-content h2.is-style-arrow + .wp-block-columns,
.page-content h3.is-style-arrow + .ventura-blogs,
.page-content h3.is-style-arrow + .wp-block-group,
.page-content h3.is-style-arrow + .wp-block-columns,
.page-content h4.is-style-arrow + .ventura-blogs,
.page-content h4.is-style-arrow + .wp-block-group,
.page-content h4.is-style-arrow + .wp-block-columns,
.page-content h5.is-style-arrow + .ventura-blogs,
.page-content h5.is-style-arrow + .wp-block-group,
.page-content h5.is-style-arrow + .wp-block-columns,
.page-content h6.is-style-arrow + .ventura-blogs,
.page-content h6.is-style-arrow + .wp-block-group,
.page-content h6.is-style-arrow + .wp-block-columns {
  margin-top: 0;
}
.page-content h1.is-style-arrow + .wp-block-columns,
.page-content h1.is-style-arrow + .wp-block-group,
.page-content h2.is-style-arrow + .wp-block-columns,
.page-content h2.is-style-arrow + .wp-block-group,
.page-content h3.is-style-arrow + .wp-block-columns,
.page-content h3.is-style-arrow + .wp-block-group,
.page-content h4.is-style-arrow + .wp-block-columns,
.page-content h4.is-style-arrow + .wp-block-group,
.page-content h5.is-style-arrow + .wp-block-columns,
.page-content h5.is-style-arrow + .wp-block-group,
.page-content h6.is-style-arrow + .wp-block-columns,
.page-content h6.is-style-arrow + .wp-block-group {
  padding-top: 4em;
}
.page-content h1.is-style-blue-highlight,
.page-content h2.is-style-blue-highlight,
.page-content h3.is-style-blue-highlight,
.page-content h4.is-style-blue-highlight,
.page-content h5.is-style-blue-highlight,
.page-content h6.is-style-blue-highlight {
  position: relative;
  display: inline-block;
}
.page-content h1.is-style-blue-highlight::after,
.page-content h2.is-style-blue-highlight::after,
.page-content h3.is-style-blue-highlight::after,
.page-content h4.is-style-blue-highlight::after,
.page-content h5.is-style-blue-highlight::after,
.page-content h6.is-style-blue-highlight::after {
  content: "";
  position: absolute;
  bottom: -10%;
  left: -5%;
  z-index: -1;
  width: 110%;
  height: 65%;
  background-color: #95c7ca;
}
.page-content ul:not(.blocks-gallery-grid) {
  margin: 1em auto;
  width: 95%;
  max-width: 1300px;
  font-size: 1.25em;
  padding-left: 1.4em;
}
.page-content ul:not(.blocks-gallery-grid) li {
  font-size: 1em;
  list-style: disc;
  margin: 0 auto 1em;
  line-height: 1.25em;
}
.page-content ul:not(.blocks-gallery-grid).is-style-arrows {
  padding-left: 0;
  -moz-column-count: 2;
       column-count: 2;
  -moz-column-width: 450px;
       column-width: 450px;
}
.page-content ul:not(.blocks-gallery-grid).is-style-arrows li {
  list-style: none;
  display: flex;
  align-items: center;
  text-transform: uppercase;
  font-family: "expressway", sans-serif;
  margin-bottom: 0.5em;
}
.page-content ul:not(.blocks-gallery-grid).is-style-arrows li:before {
  content: "";
  display: block;
  background-image: url("/wp-content/themes/ventura/assets/images/icons/arrow_white.svg");
  width: 0.75em;
  height: 0.75em;
  background-size: contain;
  background-repeat: no-repeat;
  transform: scaleX(-1);
  background-position: center;
  margin: 0 0.5em 0 0;
  z-index: 2;
  position: relative;
}
.page-content ol {
  margin: 1em auto;
  width: 95%;
  max-width: 1300px;
  font-size: 1.25em;
  padding-left: 1.4em;
}
.page-content ol li {
  font-size: 1em;
  list-style: auto;
  margin: 0 auto 1em;
  line-height: 1.25em;
}
.page-content > .buttons {
  width: 95%;
  max-width: 1300px;
  margin: 1em auto;
}

body.no-hero header {
  position: relative;
  background: rgba(1, 108, 145, 0.6);
}

.wp-block-cover.is-style-intro {
  position: relative;
  z-index: 1;
  width: 90%;
  max-width: 80rem;
  margin: -4rem auto 4rem auto;
  border-top: 1rem solid #e98500;
  border-right: 0.25rem solid #e98500;
}
.wp-block-cover.is-style-intro::before, .wp-block-cover.is-style-intro::after {
  content: "";
  position: absolute;
}
.wp-block-cover.is-style-intro::after {
  right: 0;
  bottom: 0;
  z-index: 1;
  height: 0.25rem;
  min-height: 0;
  width: 80%;
  background-color: #e98500;
}
.wp-block-cover.is-style-intro::before {
  left: -10%;
  bottom: -2rem;
  z-index: -1;
  width: 50%;
  height: calc(100% + 2rem);
  background-color: rgba(0, 184, 203, 0.2);
}
.wp-block-cover.is-style-intro p {
  margin-top: 4em;
}
.wp-block-cover.is-style-intro p::first-letter {
  font-size: 600%;
  display: block;
  float: left;
  line-height: 0.85em;
  margin-right: 12px;
  color: #016c91;
}
.wp-block-cover.is-style-postcard {
  width: 95%;
  max-width: var(--wp--style--global--content-size);
  margin: 4rem auto;
  padding: 0 4rem;
}
@media only screen and (max-width: 768px) {
  .wp-block-cover.is-style-postcard {
    margin: 0 auto 2rem auto;
  }
}
.wp-block-cover.is-style-postcard .wp-block-group {
  max-width: 25rem;
  margin: 0;
  padding: 2rem;
  background-color: rgba(0, 184, 203, 0.7);
}
.wp-block-cover.is-style-postcard .wp-block-group h3 {
  margin: 0 0 1rem 0;
  width: 100%;
}
.wp-block-cover.is-style-postcard .wp-block-group .button {
  background: none;
  padding: 0.25rem 0.5rem;
  border: 2px solid white;
}
.wp-block-cover.is-style-postcard .wp-block-group .button::before {
  content: none;
}
.wp-block-cover.is-style-postcard .wp-block-group .button a::after {
  background-color: transparent;
}

h1.is-style-large-left-aligned {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 90% !important;
  max-width: 80rem !important;
  margin: 0 auto;
  font-size: clamp(2rem, 5vw, 4rem) !important;
  font-weight: bold;
}
/******************************************************************
Stylesheet: Variables

Here is where we declare all our variables like colors, fonts,
base values, and defaults. We want to make sure this file ONLY
contains variables that way our files don't get all messy.
No one likes a mess.
FYI: THIS FILE HAS ITS DATA PREPENDED USING SASS-LOADER.
******************************************************************/
:root {
  --red: #771816;
  --redLight: #f06748;
  --redMuted: #de9d85;
  --yellow: #e98500;
  --yellowMuted: #f0c989;
  --blue: #016c91;
  --blueMuted: #bee0f7;
  --teal: #00b8cb;
  --tealMuted: #6ac2d6;
  --purple: #705ea2;
  --indigo: #235cbe;
  --indigoLight: #bedff9;
}

.break-highlight {
  position: relative;
  display: inline-block;
  margin-bottom: 1rem;
  font-size: clamp(3rem, 7vw, 6rem) !important;
}
.break-highlight::after {
  content: "";
  position: absolute;
  bottom: -10%;
  left: -5%;
  z-index: -1;
  width: 110%;
  height: 65%;
  background-color: rgba(0, 184, 203, 0.4);
}

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