/*!
Theme Name: Divi Child
Theme URI: http://www.elegantthemes.com/gallery/divi/
Template: Divi
Version: 4.18.0
Description: Smart. Flexible. Beautiful. Divi is the most powerful theme in our collection.
Author: Elegant Themes
Author URI: http://www.elegantthemes.com
License: GNU General Public License v2
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/**
TODO: Find a way to sync the breakpoint values with the Divi Customizer Options, in case an author changes the breakpoints in Divi
*/

:root {
  --desktop-xl: 1405px;
  --desktop: 1100px;
  --desktop-sm: 980px;
  --tablet: 768px;
  --mobile: 320px;
  --primary-coral: #EB7161;
  --primary-coral-dark: #BC4E40;
  --primary-coral-hover: #C86052;
  --primary-coral-fancy: #EF655B;
  --primary-dark-blue: #2F3E52;
  --primary-dark-blue-hover: #263242;
  --primary-dark-yellow: #F5BB48;
  --primary-purple: #9E5792;
  --primary-purple-dark: #863D7A;
  --primary-black: #000000;
  --secondary-off-white: #F9F9F9;
  --secondary-white: #FFFFFF;
  --secondary-light-blue: #EDF9FF;
  --secondary-black: #000000;
  --secondary-light-gray: #EAEAEA;
  --secondary-gray: #E5E5E5;
  --secondary-dark-gray: #686E6E;
  --secondary-shadow-black: #11304D;
  --secondary-dark-blue-press: #263242;
  --tertiary-light-blue: #ECF3F6;
  --tertiary-light-purple: #FBF6FB;
  --tertiary-light-red: #F7EBEA;
  --tertiary-light-coral: #FCF2F1;
  --tertiary-light-green: #F5FDF5;
  --functional-alert: #F5BB48;
  --functional-success: #588953;
  --functional-error: #DA1D1D;
  --facebook-blue: #1877F2;
  --very-bad-red: #FAE0DD;
  --bad-yellow: #FFF0D6;
  --fair-gray: #F0F0ED;
  --good-green: #F0F9DF;
  --excellent-green: #DEF2E4;
  --success-green: #4D7E48;
  --nice-green: #42C5B9;
  --tertiary-light-yellow: #FEF6E8;
  --minion-yellow: #E8DB3A;
  --tiffany-blue: #72CFB7;
  --mint-cream: #F0FAF4;
  --slate-blue: #3F515B;
}


p {
  padding-bottom: 0px;
}

body #page-container .et_pb_section .btn,
.btn > p,
.btn > .btn__text {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.5rem 1rem !important;
  width: fit-content;

  font-family: Lato,sans-serif;
  font-weight: 900 !important;
  text-transform: uppercase;
  letter-spacing: 0.0625rem;
  text-align: center;

  border-radius: 0.25rem;
  cursor: pointer;
  overflow: hidden;
}

.btn-primary, .btn-secondary, .btn-secondary-coral {
  position: relative;

  border-radius: 0.25rem;
  font-size:14px;

  transition: box-shadow 350ms ease-in-out, color 350ms ease-in-out;
}

body #page-container .et_pb_section .btn .btn__circle {
  display: inline;
  position: absolute;
  top: 75px;
  left: 0px;
  height: 10px;
  width: 10px;
  border-radius: 50%;
  transition: width 350ms ease-in-out, padding 350ms ease-in-out;
  transform: translate(-50%, -50%);
}

body #page-container .et_pb_section .btn--hover-light:hover p,
body #page-container .et_pb_section .btn--hover-light:hover .btn__text {
  color: var(--secondary-white)!important;
  z-index: 1;
}

body #page-container .et_pb_section .btn--hover-dark:hover p,
body #page-container .et_pb_section .btn--hover-dark:hover .btn__text {
  color: var(--secondary-black)!important;
  z-index: 1;
}

body #page-container .et_pb_section .btn:hover > .btn__circle {
  width: 300%;
  padding-top: 300%!important;
  z-index: 0;
}

body #page-container .et_pb_section .btn:hover > p {
  position: relative;
  z-index:1;
}

body #page-container .et_pb_section .btn:focus-visible {
  outline-style: solid;
  outline-width: 2px;
  outline-color: inherit;
  outline-offset: 2px;
}


/* POST SPACINGS */
body #page-container .et_pb_post {
    padding: 0;
    margin: 0;
}

/* POST LINKS */
.et_pb_post .et_pb_text a {
    padding-bottom: 1px;
    border-bottom: 1px solid;
    border-radius: 1px;
}

.et_pb_post .et_pb_text a:hover {
    background-color: #ecf3f6;
}

/**
Header Menu
*/

/* MOBILE HEADER */

@media all and (max-width: 980px) {
  /** Hide the desktop menu */
  .et-l--header .et_pb_column_1_tb_header > div.et_pb_menu {
    display: none;
  }

  /* Mobile Structure */
  .et-l--header .wadl_header_mobile {
    width: 100%;
    position: fixed;
    background-color: var(--secondary-white);
    z-index: 100;
    -webkit-box-shadow: 0 0.125rem 0.5rem rgb(0 0 0 / 12%);
    box-shadow: 0 0.125rem 0.5rem rgb(0 0 0 / 12%);
    margin-top: -18px; /* Move to top */
  }

  .et-l--header .wadl_header_mobile__mainNav {
    position: relative;
  }

  .et-l--header .wadl_header_mobile ul {
    list-style-type: none;
    padding: unset;
    line-height: initial;
  }

  /* Hidden at first components */
  .et-l--header .wadl_header_mobile__mainNav--opened .wadl_header_mobile__hamburger-icon--hamburger,
  .et-l--header .wadl_header_mobile .wadl_header_mobile__hamburger-icon--x,
  .et-l--header .wadl_header_mobile .sub-menu-container {
    display: none;
    opacity: 0;
  }

  /* Bar Menu */
  .et-l--header .wadl_header_mobile__barContainer {
    display: -ms-flexbox;
    display: flex;
    padding: 0 1.5rem;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .et-l--header .wadl_header_mobile__logoContainer {
    margin: 1.375rem 2.5rem 1.375rem 0;
  }

  .et-l--header .wadl_header_mobile .wahi_header__logo {
    margin: 0;
  }

  .et-l--header .wadl_header_mobile__icons {
    display: -ms-flexbox;
    display: flex;
  }

  /* Bar Menu -> Hamburger*/
  .et-l--header .wadl_header_mobile__hamburger {
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--secondary-black);
    -webkit-transition: color .2s ease-in-out;
    transition: color .2s ease-in-out;
    cursor: pointer;
  }

  .et-l--header .wadl_header_mobile__hamburger-content {
    display: flex;
    -ms-flex-align: center;
    justify-content: center;
    align-items: center;
    width: 1.5rem;
    height: 1.5rem;
    z-index: 35;
  }

  .et-l--header .wadl_header_mobile__hamburger-icon {
    display: inline-block;
    opacity: 1;
    width: 1.5rem;
    -webkit-transition: opacity .2s ease-in-out;
    transition: opacity .2s ease-in-out;
  }

  .et-l--header .wadl_header_mobile__mainNav--opened {
    height: 100vh;
  }

  .et-l--header .wadl_header_mobile__mainNav--opened .wadl_header_mobile__hamburger-icon--x {
    display: inline-block;
    opacity: 1;
  }

  /* Dropdown Menu */
  .et-l--header .wadl_header_mobile__menu {
    position: relative;
    width: 100%;
    background-color: var(--secondary-white);
    padding: 1rem 1.5rem 1.5rem;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: justify;
    justify-content: space-between;
    overflow-y: auto;
    display: none; /* Hidden at first */
  }

  .et-l--header .wadl_header_mobile__mainNav--opened .wadl_header_mobile__menu {
    display: -ms-flexbox;
    display: flex;
    opacity: 1;
  }

  /* Add divider and spacing between menu sections */
  .et-l--header .wadl_header_mobile .sub-menu > li:not(:first-child),
  .et-l--header .wadl_header_mobile__menu > *:not(:first-child) {
    position: relative;
    padding-top: 1rem;
    margin-top: 1rem;
    border-top: 0.0625rem solid #eaeaea;
  }

  .et-l--header .menu-item__divider::after {
    content: none;
  }

  /* Dropdown Menu -> Header Menu */
  .et-l--header .wadl_header_mobile__main-menu-title {
    margin: 0 0 1rem 0;
  }

  .et-l--header .wadl_header_mobile .menu-item-mobile-parent {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 0.75rem 0;
    z-index: 35;
    cursor: pointer;
  }

  .et-l--header .wadl_header_mobile .menu-item-mobile-parent__content {
    flex-grow: 1;
    text-align: left;
    color: #000000 !important;
  }

  .et-l--header .svg-icon {
    color: var(--primary-coral-dark);
    width: 1rem;
    max-height: 1rem;
  }

  .et-l--header .wadl_header_mobile .menu-item-mobile-parent__cta {
    margin-right: 0;
    margin-left: 0.5rem;
  }

  .et-l--header .wadl_header_mobile .menu-item-mobile-parent--opened ~ .sub-menu-container{
    display: block;
    opacity: 1;
  }

  .et-l--header .wadl_header_mobile .sub-menu-container {
    /* Already hidden with a class above */
    top: 0;
    position: absolute;
    width: calc(100% - 3rem); /* Minus padding */
    height: 100vh;
    z-index: 40;
    background-color: var(--secondary-white);
  }

  .et-l--header .wadl_header_mobile .sub-menu-back-button {
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: start;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 2rem;
    padding: 0;
  }

  .et-l--header .wadl_header_mobile .sub-menu-back-svg {
    margin-left: 0;
    margin-right: 0.75rem;
  }

  /* Add divider and spacing between menu sections */
  .et-l--header .wadl_header_mobile .sub-menu > li:not(:first-child) {
    padding-top: 1.25rem;
    margin-top: 1.25rem;
  }

  .et-l--header .wadl_header_mobile .sub-menu .menu-item a {
    color: #000;
    font-family: Lato,sans-serif;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.625rem;
  }


  /* Dropdown Menu -> Phone Link */
  .et-l--header .wadl_header_mobile__phone_link {
    border: none;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    border-radius: 0.25rem;
    padding: 0.25rem;
    padding-top: 0.5rem;
  }

  .et-l--header .wadl_header_mobile .wahi_header__phone_icon {
    left: 0;
  }
  
  /* FOOTER */
  /** Keep the footer menus in desktop view, don't hamburger them. */
	.et-l--footer .et_pb_menu .et_pb_menu__menu {
    display: flex;
  }

	.et-l--footer .et_pb_menu .et_mobile_nav_menu {
		display: none;
	}

  .et-l--footer .et_pb_menu .et_pb_menu__wrap {
    justify-content: flex-start;
  }
}

/* DESKTOP HEADER */

.vertical-menu ul.nav {
  display: flex; /* Can't use display:block on the child li's because Divi has extremely aggressive specificity. */
  flex-direction: column; 
}

.et-l--header .et_pb_section .et_pb_row .et_pb_column_1_4 {
  min-width: 0;
}

#menu-header > .menu-item, #menu-header .sub-menu a {
  font-family: Lato,sans-serif;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.625rem;
}

#menu-header > .menu-item:hover {
  font-weight: 900;
}

#menu-header .sub-menu {
  min-width: 22rem;
  display: flex;
  flex-direction: column;
  border-width: 0;
}

#menu-header .sub-menu li {
  padding: 8px 0;
}

#menu-header .sub-menu li a {
  padding: 0;
  width: 100%;
  margin-left: 20px;
}

#menu-header > .menu-item > a, #menu-header .sub-menu a {
  color: var(--primary-black);
}

#menu-header > .menu-item {
  margin-top: 0;
}

#menu-header > .menu-item > a::after {
  color: var(--primary-coral-dark);
}

#menu-header .sub-menu li a:hover {
  background-color: var(--tertiary-light-blue);
  color: var(--primary-black);
}

.menu-item__icon {
  height: 16px;
  vertical-align: text-bottom;
  margin-right: 12px;
}

.menu-item__divider {
  position: relative;
  margin-bottom: 0.0625rem;
}

.menu-item__divider::after {
  content: '';
  margin: 0 1.5rem;
  width: calc(100% - 3rem);
  height: 0.0625rem;
  bottom: -0.5625rem;
  position: absolute;
  background: #eaeaea;
}

li.menu-item__divider + li {
  margin-top: 1.0625rem;
}

/**
Styles for the Wahi Logo and Phone number in top left of header
*/
.wahi_header {
  display: flex;
  align-items: center;
  min-width: 303px;
}

.wahi_header__logo {
  height: 1.5rem;
  width: 4.875rem;
  max-width: 100%;
  vertical-align: middle;
  margin-left: 40px;
}

.wahi_header__phone {
  margin-left: 1.625rem;
  white-space: nowrap;
  color: var(--primary-black);
  line-height: 26px;
}

.wahi_header__phone_link {
  display: flex;
  align-items: center;
  position: relative;
  padding-left: 3rem;
}

@media all and (max-width: 980px) {
  .wahi_header__phone_link {
    display: none;
  }
}

.wahi_header__phone_link::before {
  left: 1.5rem;
  top: 50%;
  content: "";
  height: 2rem;
  width: 0.0625rem;
  position: absolute;
  transform: translateY(-50%);
  background: var(--secondary-light-gray);
}

.wahi_header__phone_icon {
  display: block;
  position: absolute;
  left: 3rem;
  width: 1.125rem;
}

.wahi_header__phone_link:hover > .wahi_header__phone_icon {
  display: none;
}

.wahi_header__phone_icon--hover {
  display: none;
}

.wahi_header__phone_link:hover > .wahi_header__phone_icon--hover {
  display: block;
}

.wahi_header__phone_link:hover > .wahi_header__phone {
  font-weight: 900;
}

.et-l--header .et_pb_gutters1 .et_pb_column_1_4, .et_pb_gutters1.et_pb_row .et_pb_column_1_4 {
  min-width: 320px; /* Prevents top left container from being crushed on smaller desktop views */
}

/* Blurb style fixes for 16px icon on left, text on right */
.et_pb_blurb .et-pb-icon {
  padding-top: 6px;
}


.et_pb_blurb_position_left .et_pb_main_blurb_image {
  width: 16px;
}

.et_pb_blurb.et_pb_text_align_left .et_pb_blurb_content .et_pb_blurb_container {
  padding-left: 8px;
}

/* Market Glance */
.wahi_marketglance {
  display: flex;
}

.wahi_marketglance__icon {
  width: 2.25rem;
  min-width: 2.25rem;
  margin-right: 1rem;
}

.wahi_marketglance__title {
  margin: 0;
  padding: 0;
  font-size: 1.25rem;
  line-height: 1.875rem;
  font-family: Lato,sans-serif;
  font-weight: 900;
}

.wahi_marketglance__description {
  font-family: Lato,sans-serif;
  font-weight: 400;
  font-size: 1.125rem;
  line-height: 1.75rem;
  word-break: break-word;
  margin: 0;
}

/* Text Styles - to match designs in typekit */
.textBody1 {
  font-family: Lato;
  font-weight: 400 !important;
  font-size: 1.5rem;
  line-height: 2.25rem;
}

.textBody2 {
  font-family: Lato;
  font-weight: 400 !important;
  font-size: 1.375rem;
  line-height: 2rem;
}

.textBody3 {
  font-family: Lato;
  font-weight: 400 !important;
  font-size: 1.25rem;
  line-height: 1.875rem;
}

.textBody4 {
  font-family: Lato;
  font-weight: 400 !important;
  font-size: 1.125rem;
  line-height: 1.75rem;
}

.textBody5 {
  font-family: Lato;
  font-weight: 400 !important;
  font-size: 1rem;
  line-height: 1.625rem;
}

.textBody6 {
  font-family: Lato;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.5rem;
}

.textButtonRegular {
  font-family: Lato;
  font-weight: 800 !important;
  font-size: 0.875rem;
  line-height: 1.75rem;
  letter-spacing: 0.063rem;
  text-transform: uppercase;
}

.textButtonSmall {
  font-family: Lato;
  font-weight: 800 !important;
  font-size: 0.75rem;
  line-height: 1.5rem;
  letter-spacing: 0.063rem;
  text-transform: uppercase;
}

/* Heading Styles - to match designs in typekit */
.heading1 {
  font-family: Poppins,serif;
  font-weight: 600 !important;
  font-size: 3.5rem;
  line-height: 4.5rem;
  padding-bottom: 0;
}

@media all and (max-width: 1024px) {
  .heading1 {
    font-size: 2.625rem;
    line-height: 3.75rem;
  }
}

.heading2 {
  font-family: Poppins,serif;
  font-size: 2.625rem;
  line-height: 3.75rem;
  font-weight: 600 !important;
  padding-bottom: 0;
}

@media all and (max-width: 1024px) {
  .heading2 {
    font-size: 2rem;
    line-height: 2.5rem;
  }
}

.heading3 {
  font-family: Poppins,serif;
  font-size: 2rem;
  line-height: 2.5rem;
  font-weight: 500 !important;
  padding-bottom: 0;
}

@media all and (max-width: 1024px) {
  .heading3 {
    font-size: 1.25rem;
    line-height: 1.875rem;
    font-weight: 800 !important;
  }
}

.heading4 {
  font-family: Lato;
  font-size: 1.25rem;
  line-height: 1.875rem;
  font-weight: 800 !important;
  padding-bottom: 0;
}

@media all and (max-width: 1024px) {
  .heading4 {
    font-size: 1rem;
    line-height: 1.625rem;
    font-weight: 900 !important;
  }
}

.heading5 {
  font-family: Lato;
  font-size: 1rem;
  line-height: 1.625rem;
  font-weight: 900 !important;
  padding-bottom: 0;
}

@media all and (max-width: 1024px) {
  .heading5 {
    font-size: 0.875rem;
    line-height: 1.5rem;
  }
}

.heading6 {
  font-family: Lato;
  font-size: 0.875rem;
  line-height: 1.5rem;
  font-weight: 900 !important;
  padding-bottom: 0;
}

.headingMobile1 {
  font-family: Poppins;
  font-weight: 600 !important;
  font-size: 2.5rem;
  line-height: 3.5rem;
}

.headingMobile2 {
  font-family: Poppins;
  font-weight: 600 !important;
  font-size: 2rem;
  line-height: 2.5rem;
}

.headingMobile3 {
  font-family: Poppins;
  font-weight: 500 !important;
  font-size: 1.5rem;
  line-height: 2.25rem;
}

/* Article Author */
.wahi_articleauthor {
  display: flex;
}

.wahi_articleauthor__logo {
  width: 40px;
  margin-right: 40px;
  padding-top: 22px;
  padding-bottom: 12px;
}

.wahi_articleauthor__textContainer {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.wahi_articleauthor__name {
  margin: 0;
  padding: 0;
  font-size: 1.25rem;
  line-height: 1.875rem;
  font-family: Lato,sans-serif;
  font-weight: 900;
}

.wahi_articleauthor__description {
  font-family: Lato,sans-serif;
  font-weight: 400;
  font-size: 1.125rem;
  line-height: 1.75rem;
  color: var(--secondary-dark-gray);
}

/* Social Sharing */
.wahi_socialsharing {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 105px;
}

.wahi_socialsharing__title {
  font-family: Lato,sans-serif;
  font-weight: 900;
  font-size: .875rem;
  line-height: 1.5rem;
  align-self: center;
}

.wahi_socialsharing__linkContainer {
  display: flex;
  justify-content: space-between;
}

.wahi_socialsharing__link {
  width: 1.5rem;
  height: 1.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

.wahi_socialsharing__logo {
  width: 1rem;
  height: 1rem;
}

.wahi_toc {
    border: 0.063rem solid var(--secondary-light-gray);
    border-radius: 0.5rem;
    padding: 2rem 2rem 1rem;
}

.wahi_toc__title {
  font-family: Lato,sans-serif;
  font-weight: 900;
  font-size: 1.25rem;
  line-height: 1.875rem;
  margin-bottom: 1.5rem;
}

@media all and (min-width: 980px) {
  .wahi_toc__list {
    column-count: 2;
  }
}

.wahi_toc_item__list-item {
  margin: 0;
  min-width: 1.375rem;
  font-family: Lato,sans-serif;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.625rem;
  word-break: break-word;
}

.wahi_toc_item__link {
  margin: 0 0 0 0.75rem;
  color: var(--primary-black);
  padding-bottom: 0.0625rem;
  border-bottom: 0.0625rem solid;
  border-radius: 0.0625rem;
}

.wahi_toc_item__link:hover, .wahi_toc_item__link:active {
  color: var(--primary-dark-blue);
  background-color: var(--tertiary-light-blue);
  border-bottom: 0.125rem solid;
}

.wahi_toc_item__link:focus-visible {
  box-shadow: 0 0 0 0  var(--secondary-white), 0 0 0 0.125rem var(--primary-dark-blue);
  padding: 0 .25rem .1875rem;
  margin-bottom: 0.125rem;
}

.wahi_sectioncontainer {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  row-gap: 1.5rem;
}

@media all and (min-width: 980px) {
  .wahi_sectioncontainer {
    flex-direction: row;
    column-gap: 1.5rem;
  }
}

.wahi_sectioncontainer__card {
  display: flex;
  justify-content: center;
  flex-direction: column;
  width: 100%;

  max-width: 24rem;
  margin: 0 auto;
  padding: 0;
}

.wahi_sectioncontainer__card--inner {
  display: flex;
  justify-content: center;
  flex-direction: column;
  width: 100%;
  
  margin: 0;
  padding: 0;
}

.wahi_sectioncontainer__card--visible {
  border-radius: 0.5rem;
  border-color: var(--secondary-light-gray);

  padding: 1.5rem;
}


.wahi_sectioncontainer__title {
    font-size: 2rem;
    line-height: 2.5rem;
    font-family: Poppins,serif;
    font-weight: 500;
    margin: 1rem 0 0;
    text-align: center;
}

.wahi_sectioncontainer__desc {
  color: var(--secondary-dark-gray);
  font-family: Lato,sans-serif;
  font-weight: 400;
  font-size: .875rem;
  line-height: 1.5rem;
  word-break: break-word;
  margin: 1rem 0 0;
  text-align: center;
}

.wahi_sectioncontainer__img {
  width: 100%;
  max-width: 100%;
  margin: 0;
}

.wahi_mediawithtext {
  display: flex;
  flex-direction: column;
}

@media all and (min-width: 980px) {
  .wahi_mediawithtext {
    flex-direction: row;
    align-items: center;
  }
}

.wahi_mediawithtext__img {
  width: 100%;
}

.wahi_mediawithtext__img--landscape {
  aspect-ratio: 16/9;
  object-fit: contain;
}

@media all and (min-width: 980px) {
  .wahi_mediawithtext__img {
    max-width: 50%;
  }
}

.wahi_mediawithtext__content-section {
  width: 100%;
}

@media all and (min-width: 980px) {
  .wahi_mediawithtext__content-section {
    padding: 0 4rem;
    max-width: 50%;
  }

  .wahi_mediawithtext--image-right {
    flex-direction: row-reverse;
  }
}

.wahi_mediawithtext__title {
  margin: 0 0 1rem;
  font-family: Poppins,serif;
  text-align: left;
  font-size: 2.625rem;
  line-height: 3.75rem;
  font-weight: 600;
  color: #38505b;

}

.wahi_mediawithtext__cta {
  margin-top: 1rem;
  margin-right: 1rem;
  padding: 0.875rem 1.5rem;
  text-align: center;
  border: .0625rem solid transparent;
  border-radius: 0.25rem;
  cursor: pointer;

  font-family: Lato,sans-serif;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 0.0625rem;
}

.wahi_mediawithtext__content {
  margin-bottom: 2rem;
}

.wahi_mediawithtext__content > * {
  margin: 0.5rem 0;
}

.wahi_mediawithtext__cta--primary {
  background-color: var(--primary-coral);
  color:  var(--primary-black);
}

.wahi_mediawithtext__cta--primary:hover {
  color: var(--secondary-white);
  border-color: var(--primary-black);
}

.wahi_mediawithtext__cta--secondary {
  color: var(--primary-dark-blue);
  background-color:  var(--secondary-white);
  border-color: var(--primary-black);
}

.wahi_mediawithtext__cta--secondary:hover {
  color: var(--secondary-white);
  border-color: var(--primary-black);
}

.et_pb_row .et_pb_column.wahi_articleLandingHero__custom-margins {
  /* Width is max 1440px. Content is 792 max. 120px is the default margin. */
  /* 912 is 792 (content) + 120 (left margin) */
  /* After 100vw is less than 1440px, it starts shringking until 120px */
  margin-right: max(120px,calc((min(1440px, 100vw) - 912px))) !important;
  margin-left: 120px;
}

@media all and (max-width: 1024px) {
  .et_pb_row .et_pb_column.wahi_articleLandingHero__custom-margins {
    margin-right: 32px !important;
    margin-left: 32px;
  }
}

@media all and (max-width: 720px) {
  .et_pb_row .et_pb_column.wahi_articleLandingHero__custom-margins {
    margin-right: 0px !important;
    margin-left: 0px;
  }
}

.wahi_breadcrumb__list > div.et_pb_module.wahi_breadcrumb-link {
  margin-bottom: 0;
}

.wahi_breadcrumb-link > .et_pb_module_inner {
  display: flex;
  align-items: center;
}

.wahi_breadcrumb-link > .et_pb_module_inner > svg {
  stroke: var(--primary-coral-dark);
  color: var(--primary-coral-dark);

  margin-right: 2rem;

  height: 0.75rem;
  width: 0.75rem;
}

.wahi_breadcrumb-link:last-child > .et_pb_module_inner > svg,
.wahi_breadcrumb-link > .et_pb_module_inner > svg.wahi_breadcrumb-link__chevron--mobile {
  display: none;
}

@media all and (max-width: 980px) {
  .wahi_breadcrumb-link > .et_pb_module_inner > svg,
  .wahi_breadcrumb-link:not(:nth-last-child(2)) {
    display: none;
  }

  .wahi_breadcrumb-link > .et_pb_module_inner > svg.wahi_breadcrumb-link__chevron--mobile {
    display: inline;
    transform: rotate(180deg);
  }
}

.wahi_breadcrumb__list {
  display: flex;
  align-items: center;
}

.wahi_breadcrumb-link__list-item {
  list-style: none;
  
  font-family: Lato,sans-serif;
  font-weight: 400;
  font-size: .875rem;
  line-height: 1.5rem;
  word-break: break-word;

  margin: 0;
  margin-right: 2rem;

  padding: 0 0.25rem 0.1875rem;
  border-bottom: 0.0625rem solid;
  border-radius: 0.0625rem;

  cursor: pointer;

}

.wahi_breadcrumb-link__list-item > a {
  color: var(--primary-dark-blue);
}

.wahi_breadcrumb-link:last-child .wahi_breadcrumb-link__list-item {
  border: none;
  color: var(--secondary-dark-gray);
}

/* IMAGE */
.wadl-image-container {
  width: 100%;
}

.wadl-image-with-ratio {
  width: 100%;
  position: relative;
  background: 50% 50% no-repeat;
  background-size: cover;
}

.ratio-1-1-m {
  padding-top: 100%;
}

.ratio-3-2-m {
  padding-top: 66.67%;
}

@media all and (min-width: 1024px) {
  .ratio-1-1 {
    padding-top: 100%;
  }
  
  .ratio-3-2 {
    padding-top: 66.67%;
  }
}

/* NEIGHBOURHOOD CARD */
.wadl_neighbourhood_card {
  border: 1px solid var(--secondary-light-gray);
  border-radius: 0.5rem;
  background-color: var(--secondary-white);
}

.wadl_neighbourhood_card:hover {
  border-color: var(--primary-dark-blue);
  border-width: 2px;
}

.wadl_neighbourhood_card__link {
  text-align: left;
  height: 100%;
  width: 100%;
}

.wadl_neighbourhood_card__button-content {
  overflow: hidden;
  border-radius: 0.5rem;
}

.wadl_neighbourhood_card .wadl_neighbourhood_card__image {
  position: relative;
  overflow: hidden;
}

@media all and (min-width: 1025px) {
  .wadl_neighbourhood_card .wadl_neighbourhood_card__image {
    margin-right: 0;
    max-width: unset;
    border-radius: 0.5rem 0.5rem 0 0;
    -webkit-transition: .35s ease-in-out;
    transition: .35s ease-in-out;
  }

  .wadl_neighbourhood_card .wadl_neighbourhood_card__image:hover {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
}

.wadl_neighbourhood_card__text-container {
  width: 100%;
  padding: 1.5rem;
}

.wadl_neighbourhood_card__text-container p {
  color: var(--secondary-dark-gray);
}

@media all and (max-width: 1024px) {
  .wadl_neighbourhood_card--horizontal {
    border: none;
    width: 100%;
    margin-top: 1.5rem;
  }

  .wadl_neighbourhood_card--horizontal .wadl_neighbourhood_card__button-content {
    display: flex;
    border-radius: 0;
  }

  .wadl_neighbourhood_card--horizontal .wadl_neighbourhood_card__image {
    height: 100%;
    margin-right: 1rem;
    max-width: 4.375rem;
    border-radius: 0.25rem;
  }

  .wadl_neighbourhood_card--horizontal .wadl_neighbourhood_card__text-container {
    padding: 0;
  }

  .wadl_neighbourhood_card--horizontal .wadl_neighbourhood_card__text-container p {
    /* textBody6 styles */
    font-family: Lato;
    font-weight: 400 !important;
    font-size: 1rem;
    line-height: 1.625rem;
  }

  .wadl_neighbourhood_card--horizontal .wadl_neighbourhood_card__text-container h4 {
    /* h5 styles */
    font-family: Lato;
    font-size: 1rem;
    line-height: 1.625rem;
    font-weight: 900 !important;
  }
}

/* FEATURED NEIGHBOURHOODS */
.wadl_featured_neighbourhoods {
  padding: 1rem 0;
}

.wadl_featured_neighbourhoods .wadl_featured_neighbourhoods__carousel ul {
  list-style-type: none !important;
  padding: 0 !important;
  line-height: unset !important;
}

.wadl_featured_neighbourhoods__title {
  margin-bottom: 2.5rem;
  padding: 0;
}

.wadl_featured_neighbourhoods__carousel {
  width: 100%;
}

.wadl_featured_neighbourhoods__card {
  height: 100%;
}

@media all and (min-width: 1025px) {
  .wadl_featured_neighbourhoods__carousel {
    margin-top: 1rem;
  }
}

/* Neighbourhoods Grid */
/* Hide children on initial load as not all of them get reference by web component on laod */
.wadl_neighbourhoods_grid neighbourhoods-grid > div.wadl_neighbourhood_card {
  display: none;
}

.wadl_neighbourhoods_grid__card {
  height: 100%;
}

/* Neighbourhood Image */
.wahi_neighbourhood_image img {
  /* First image on neighbourhood posts */
  object-fit: cover;
  border-radius: 2rem;
}