/* ===== NOTES ======================================================= *//*
--- Fonts ---
Poppins, Regular: Body font
Poppins, Bold: Seen in footer nav, buttons
Poppins, Extra Bold: Striking uppercase - Found in Find a Home Title, Business titles, Business contact details
Bathilda, Regular: Squiggly handwritten font
Roboto Slab, Light: Seen in gradient serif header

--- UIKit ---
TYPOGRAPHY: poppins
PRIMARY: poppins, 800 (Extra Bold), Uppercase
SECONDARY: poppins, 700 (Bold), Uppercase
TERTIARY: roboto-slab - 300 (Normal)
*/

/* ===== UTILITIES ======================================================= */

/* Colors */
.hhr-navy {color: #153542 !important;}
.hhr-midblue {color: #0e7e7f !important;}
.hhr-aqua {color: #0fb8bb !important;}
.hhr-orange {color: #f26a25 !important;}
.hhr-red {color: #ee3924 !important;}
.hhr-white {color: #ffffff !important;}

.hhr-grad1 {color: #0EB7BA !important;}
.hhr-grad2 {color: #0e7e7f !important;}
.hhr-grad3 {color: #123644 !important;}

/* Squiggle Font */
@font-face {font-family: "bathilda"; src: url("../fonts/bathilda.woff") format("woff");}
mark {font-family: "bathilda"; text-transform: none; line-height: 0em;}
/* .uk-section-default mark {color: #0fb8bb;} */
/* .uk-section-primary mark {color: #153542;} */
/* .uk-section-secondary mark {color: #0fb8bb;} */
.uk-section-default mark {color: red;}
.uk-section-primary mark {color: red;}
.uk-section-secondary mark {color: red;}

/* Text */
.hhr-nocase {text-transform: none !important;}
.hhr-uppercase {text-transform: uppercase !important;}
.hhr-line-0 {line-height: 0em !important;}
.hhr-line-1-3 {line-height: 1.3em !important;}
.hhr-size-1-1 {font-size: 1.1em !important;}
.hhr-size-1-5 {font-size: 1.5em !important;}
.uk-font-tertiary {letter-spacing: -1px;}

/* Back Button */
.hhr-back-button-margin {margin-top: 22px !important; margin-bottom: 22px !important;}
.hhr-back-button-margin-top {margin-top: 22px !important;}
.hhr-back-button .uk-button-secondary {padding-left: 5px; padding-right: 5px; line-height: 2em;}
.hhr-back-button .uk-button-text {margin-left: 5px;}

/* Orange Buttons */
/* .hhr-orange-button-solid .uk-button-danger {background-color: #f26a25; border-color: #f26a25; color: #fff;} */
/* .hhr-orange-button-solid .uk-button-danger:hover {background-color: #da5e21; border-color: #da5e21; color: #fff;} */
.hhr-orange-button-outline .uk-button-default {background-color: #fff; border-color: #ee3924; color: #ee3924;}
.hhr-orange-button-outline .uk-button-default:hover {background-color: #fff; border-color: #d9331f; color: #d9331f;}

/* Divider */
hr {border-color: #ccc;}
.hhr-border-navy {border-color: #153542 !important;}

/* Margins & Padding */
.hhr-top-padding-40 {padding-top: 40px !important;}

/* Forms */
.hhr-find-box .uk-select {text-transform: uppercase !important; font-weight: 700; color: #bbb; font-size: 0.8em;}
.hhr-find-box .uk-select option {font-family: "poppins", sans-serif;}
.hhr-find-box .uk-button {font-size: 0.8em;}

/* Header gradient - https://fossheim.io/writing/posts/css-text-gradient/ */
.hhr-text-grad-d {
  background-color: #153542;
  background-image: linear-gradient(90deg, #0fb8bb, #153542);
  background-size: 100%;
  background-repeat: repeat;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent; 
  -moz-background-clip: text;
  -moz-text-fill-color: transparent;
}
.hhr-text-grad-m {
  color: #0fb8bb !important;
}

/* Validation Popup */
#hh-checkbox-label {padding: 0 !important;}
.uk-button-danger:disabled {background-color: #bfbfbf; border: 1px solid #bfbfbf; color: #fff;}

/* ===== GLOBAL ======================================================= */
/* Navbar */
.uk-navbar-nav > li {border-right: 0.5px solid #153542;}
.uk-navbar-nav > li:first-child {border-left: 0.5px solid #153542;}
.uk-navbar-toggle {padding-left: 30px;}


/* Footer */
.hhr-footer-stay-connected .uk-button {padding: 2px 70px;}
.hhr-footer .uk-panel p {font-size: 0.7em; line-height: 1.1em;}
.hhr-footer hr {border-color: #bbb !important;}
.hhr-footer a {text-decoration: none;}
.hhr-footer .uk-list {margin-bottom: 10px;}

/* ===== MODULE: DESCRIPTION ======================================================= */
@media (max-width: 960px) {
  .hhr-description-text-section {
    margin-top: 45px;
  }
}

/* ===== MODULE: VIDEO BANNER ======================================================= */
.hhr-video-strip-section {background: linear-gradient(#0fb8bb 66%, #153542 66%);}
@media (max-width: 960px) {.hhr-video-text {font-size: 1.8em !important;}}
@media (max-width: 640px) {.hhr-video-strip-section {background: linear-gradient(#153542 55%, #0fb8bb 55%);}}
/* .hhr-video-strip-section h1 {font-size: 2.4em;} */
/* .hhr-video-strip-section mark {color: #153542; font-size: 1.4em; word-spacing: -0.5em !important;} */
/* .hhr-video-strip-section mark {color: red; font-size: 1.4em; word-spacing: -0.5em !important;} */
/* @media (max-width: 960px) {.hhr-video-strip-section mark {color: #0fb8bb;}} */
/* @media (max-width: 960px) {.hhr-video-strip-section mark {color: red;}} */
/* ===== MODULE: QUOTE ======================================================= */
.hhr-quote-section h3 {letter-spacing: 3px;}

/* ===== MODULE: STAY CONNECTED ======================================================= */
.hhr-stay-connected-white mark {padding-top: 20px; font-size: 1.5em; vertical-align: middle;}

/* ===== MODULE: FIND YOUR HOME ======================================================= */
@media (min-width: 960px) {.hhr-find-copy {padding-left: 60px; padding-right: 60px;}}
/* .hhr-fyh-builder-links li a div span h5 {text-decoration: none;} */
/* .hhr-fyh-builder-links li a div span h5:hover {color: #ee3924!important;} */
.hhr-builder-button {font-size: 1em !important;}
.hhr-builder-underline .uk-button-text::before {border-bottom: 3px solid #0fb8bb;}

/* ===== IMAGE: FIND YOUR HOME - RESULTS ======================================================= */
.hhr-results-image {height: 300px;}
@media (max-width: 960px) {.hhr-results-image {height: 350px;}}
@media (max-width: 640px) {.hhr-results-image {height: 200px;}}

@media (min-width: 960px) {.hhr-find-copy {padding-left: 60px; padding-right: 60px;}}
.hhr-results-title {text-transform: capitalize; font-weight: bold;}
.hhr-results-label {font-size: 0.9em;}
@media (max-width: 640px) {.hhr-results-data {font-size: 1em;}}

/* ===== PAGE: LIFE AT DELTA COVES ======================================================= */
/* Intro */
.hhr-life-title mark {padding-top: 20px; font-size: 1em; vertical-align: middle; word-spacing: -0.2em !important;}

/* Subnav */
.hhr-life-grid ul {margin-top: 10px; margin-bottom: 10px;}
.hhr-life-grid ul li {line-height: 2.5em;}
.hhr-life-grid .js-filter {border-top: 1px solid #bbb; padding-top: 60px;}

/* Grid */
.hhr-life-grid .uk-h5 {letter-spacing: 2px;}
.hhr-life-grid .js-filter div {padding-bottom: 5px;}
.hhr-grid-height {height: 413px;}
.hhr-grid-wash {background-color: rgba(1,38,48,0.15);}
.hhr-grid-decoration {border: 1px solid rgba(255,255,255,0.75); height: auto; margin: 50px; background-color: rgba(0,0,0,0);}
.hhr-grid-title {padding-left: 40px; padding-right: 40px; word-spacing: 100vw; line-height: 1em;}

.hhr-quote-nav svg {color: #fff;}
/* ===== PAGE: FRONT PAGE ======================================================= */
.hhr-home-badges img {margin-right: 15px; max-width: 60px;}
.hhr-home-badges {text-transform: uppercase;}
@media (max-width: 640px) {
  .hhr-home-badges img {margin-right: 10px; max-width: 30px;}
  .hhr-home-badges h3 {font-size: 1.1em;}
  .hhr-home-badges .uk-panel {line-height: 1.1em; font-size: 0.9em;}
}

/* ===== PAGE: BUSINESS ======================================================= */
.hhr-business-details .uk-h5 {padding-left: 10px;}

/* ===== PAGE: FIND A HOME INTERIOR ======================================================= */
.hhr-home-deets .hhr-home-deets-price {
  margin-top: 20px !important;
  border-top: 1px solid #153542;
  border-right: 1px solid #153542;
  border-left: 1px solid #153542;
}
.hhr-home-deets .hhr-home-deets-specs {border-right: 1px solid #153542; border-left: 1px solid #153542;}
.hhr-home-deets .hhr-home-deets-endcap {border-bottom: 1px solid #153542;}
.hhr-home-deets-list .uk-h4 {font-size: 1em; padding-top: 3px; padding-right: 10px;}
.hhr-floorplans .uk-overlay-primary {background-color: rgba(1,38,48,0.75);}
.hhr-floorplan-thumb {
  background-color: #fff;
  height: 350px;
  border: 2px solid #153542;
  cursor: pointer;
}

.hh-iframe-container {position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; margin-bottom: 20px;} /* padding-top: 30px; */
.hh-iframe-container iframe, .hh-iframe-container object, .hh-iframe-container embed {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

/* Prev Next nav */
.hhr-prev-img {height: 150px;}
.hhr-next-img {height: 150px;}
@media (min-width: 640px) {.hhr-prev-img {margin-right: 20px;}}
@media (min-width: 640px) {.hhr-next-img {margin-left: 20px;}}
@media (max-width: 640px) {.hhr-prev-img {margin-bottom: 10px;}}
@media (max-width: 640px) {.hhr-next-img {margin-bottom: 10px;}}
.hhr-prevnext-title {
  text-transform: inherit;
  font-weight: bold;
}
.hhr-prevnext-builder {
  font-size: 14px;
  line-height: 14px;
}
.hhr-prevnext-price {
  font-weight: 800;
  line-height: 16px;
}
.hhr-prevnext-deets {
  font-size: 14px;
  line-height: 16px;
  text-transform: uppercase;
}
@media (max-width: 640px) {.hhr-prevnext-deets {padding-bottom: 20px;}}

/* .uk-slidenav {background-color: #153542 !important; padding-top: 10px; padding-bottom: 10px;} */
.uk-slidenav svg {
  -webkit-filter: drop-shadow(2px 2px 1px rgba(0,0,0,1));
  filter: drop-shadow(2px 2px 1px rgba(0,0,0,1));
}

/* VR Tour Overlay */
.hh-iframe-container .uk-overlay-default {
  background-color: rgba(0,0,0,0.6);
  cursor: pointer;
}

/* ===== PAGE: DIRECTIONS ======================================================= */
.hhr-directions-list {line-height: 1.1em;}


/* Hubspot */
.hhr-hs-active label {
  font-size: 10px;
  padding: 4px 0px 0px 8px !important;
}

.hhr-load-hide {visibility: hidden;}


/* Pagination */

.florps {margin-top: 30px;}
.florps .pages {display: none;}
.florps div span {display: inline;}
.florps div a {display: inline;}
.florps .pagination * {
  border: 3px solid #ee3924;
  margin-right: 6px;
  margin-left: 6px;
  padding: 6px 15px 6px 15px;
  color: #f47322;
  font-size: 1.1rem;
  text-decoration: none;
}
.florps .pagination a:hover {background-color: #ee3924; color: #fff; border: 3px solid #ee3924;}
.florps .current {background-color: #ee3924!important; color: #fff!important;}
.florps .current:hover {border-color: #ee3924!important; cursor: pointer;}