/*This contains the variables, functions and mixins of the v2 style that can be used on the block and page css.*/
/*$input-height-inner: add($btn-line-height * 1, $input-btn-padding-y * 2);
$input-height-inner-half: add($btn-line-height * .5, $input-btn-padding-y);
$input-height-inner-quarter: add($btn-line-height * .25, $input-btn-padding-y * .5);

$input-height: add($btn-line-height * 1, add($input-btn-padding-y * 2, 1, false));
$input-height-sm: add($btn-line-height * 1, add($input-btn-padding-y-sm * 2, 1, false));
$input-height-lg: add($btn-line-height * 1, add($input-btn-padding-y-lg * 2, 1, false));*/
.find-home {
  padding: 0 1.25rem; }

.find-home__inner {
  background-size: cover;
  background-repeat: no-repeat;
  padding: 2.5rem;
  position: relative; }
  @media (min-width: 576px) {
    .find-home__inner {
      align-items: center;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between; } }
  @media (min-width: 992px) {
    .find-home__inner {
      min-height: 770px;
      padding-bottom: 0;
      padding-top: 0; } }
  @media all and (min-width: 992px) and (-ms-high-contrast: none), (min-width: 992px) and (-ms-high-contrast: active) {
    .find-home__inner {
      height: 770px; } }
  @media (min-width: 1200px) {
    .find-home__inner {
      min-height: 870px;
      padding: 0 1.25rem; } }
  @media all and (min-width: 1200px) and (-ms-high-contrast: none), (min-width: 1200px) and (-ms-high-contrast: active) {
    .find-home__inner {
      height: 870px; } }
  @media (min-width: 1470px) {
    .find-home__inner {
      padding: 0 10rem; } }

.find-home__btn-wrapper {
  width: 100%;
  position: relative; }

.find-home__row {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
  @media (min-width: 992px) {
    .find-home__row {
      display: block; }
      .find-home__row::after {
        display: block;
        clear: both;
        content: ""; } }

.find-home__btn {
  border: 0;
  color: #fff;
  display: block;
  margin: 0.625rem 0;
  outline: none;
  padding: 0;
  text-align: left;
  text-decoration: none;
  width: 100%;
  transition: all 0.25s ease; }
  .find-home__btn:active .home-btn__text, .find-home__btn:hover .home-btn__text {
    background-color: #5980ac; }
  .find-home__btn:active .home-btn__icon, .find-home__btn:hover .home-btn__icon {
    background-color: #8198b1; }
  @media (min-width: 768px) {
    .find-home__btn {
      width: 49%; } }
  @media (min-width: 992px) {
    .find-home__btn {
      position: relative;
      float: left;
      width: 28%;
      text-align: right;
      z-index: 1; }
      .find-home__btn:nth-child(even) {
        float: right;
        text-align: left; }
        .find-home__btn:nth-child(even) .home-btn__text {
          order: 2; }
        .find-home__btn:nth-child(even) .home-btn__icon {
          order: 1; }
          .find-home__btn:nth-child(even) .home-btn__icon svg {
            transform: rotate(90deg); }
      .find-home__btn:active.is-blur .home-btn__text, .find-home__btn:hover.is-blur .home-btn__text {
        background-color: #4d5763;
        color: #fff; }
      .find-home__btn:active.is-blur .home-btn__icon, .find-home__btn:hover.is-blur .home-btn__icon {
        background-color: #363e47; } }
  @media (min-width: 1200px) {
    .find-home__btn {
      width: 25%; } }
  @media (min-width: 1470px) {
    .find-home__btn {
      width: 22%; } }

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

.home-btn__text {
  background-color: #46678c;
  flex: 2;
  padding: 0.625rem; }

@media (min-width: 992px) {
  .is-blur .home-btn__text {
    background-color: #7c8a9a;
    color: #e0e0e0; } }

.home-btn-text-inner {
  display: block; }
  .home-btn-text-inner--upper {
    font-weight: 500;
    text-transform: uppercase; }

.home-btn__icon {
  align-items: center;
  background-color: #627e9d;
  display: flex;
  padding: 0.625rem; }
  .home-btn__icon svg {
    fill: #fff;
    height: 17px;
    transform: rotate(270deg);
    width: 10px; }

@media (min-width: 992px) {
  .is-blur .home-btn__icon {
    background-color: #4d5763; } }

.custom-btn {
  position: relative; }
  .custom-btn .button-block {
    position: relative;
    width: 100%;
    text-align: inherit;
    padding-right: 40px;
    padding-left: 10px;
    background-color: white;
    color: #46678c;
    font-weight: 500;
    font-size: 1.125rem;
    min-height: 74px;
    border-color: #46678c;
    display: grid;
    align-items: center; }
    .custom-btn .button-block:focus {
      box-shadow: none; }
  .custom-btn .home-btn__icon {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%; }
  @media (min-width: 992px) {
    .custom-btn.find-home__btn:nth-child(2n) .home-btn__icon {
      left: 0;
      right: unset; }
    .custom-btn.find-home__btn:nth-child(2n) .button-block {
      padding-right: 0;
      padding-left: 40px; } }

.find-home__map {
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  display: none;
  left: 50%;
  margin: 0 auto;
  position: absolute;
  top: 0;
  transform: translateX(-50%);
  width: 375px; }
  @media (min-width: 992px) {
    .find-home__map {
      background-size: cover;
      display: block;
      margin-left: -40px;
      width: 522px; } }
  @media (min-width: 1200px) {
    .find-home__map {
      margin-left: auto; } }
  .find-home__map nav {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%; }
  .find-home__map img {
    width: 100%;
    height: auto; }
  .find-home__map a {
    text-decoration: none;
    display: block;
    cursor: pointer;
    user-select: none;
    transform: translate(-10px, -10px); }
    .find-home__map a.home-map__btn--flipped {
      transform: translate(-93%, -10px); }

.home-map__btn {
  width: 30%;
  display: block;
  color: #042348;
  font-size: 13.5px;
  font-weight: 700;
  line-height: 20px;
  padding-left: 25px;
  padding-right: 0;
  position: absolute;
  transition: all 0.25s ease;
  cursor: pointer; }
  .home-map__btn:before {
    background-color: #fff;
    border: 1px solid #042348;
    border-radius: 50%;
    content: ' ';
    height: 20px;
    width: 20px;
    left: 0;
    top: 0;
    position: absolute;
    transition: all 0.25s ease; }
  .home-map__btn:after {
    background-color: #042348;
    border-radius: 50%;
    content: ' ';
    height: 10px;
    width: 10px;
    left: 5px;
    top: 5px;
    position: absolute;
    transition: all 0.25s ease; }
  .home-map__btn:active, .home-map__btn:hover {
    color: #064692; }
    .home-map__btn:active:before, .home-map__btn:hover:before {
      border-color: #064692; }
    .home-map__btn:active:after, .home-map__btn:hover:after {
      background-color: #064692; }
  .home-map__btn.is-blur {
    color: #7c8a9a;
    font-size: 0.6rem;
    line-height: 15px;
    padding-left: 20px; }
    .home-map__btn.is-blur:before {
      border-color: #7c8a9a;
      height: 15px;
      width: 15px; }
    .home-map__btn.is-blur:after {
      background-color: #7c8a9a;
      height: 9px;
      left: 3px;
      width: 9px;
      top: 3px; }
    .home-map__btn.is-blur:active, .home-map__btn.is-blur:hover {
      color: #4d5763; }
      .home-map__btn.is-blur:active:before, .home-map__btn.is-blur:hover:before {
        border-color: #4d5763; }
      .home-map__btn.is-blur:active:after, .home-map__btn.is-blur:hover:after {
        background-color: #4d5763; }
  .home-map__btn--flipped {
    padding-left: 0;
    padding-right: 25px;
    transform: translate(-100%, 0);
    text-align: right; }
    .home-map__btn--flipped:before {
      left: auto;
      right: 0; }
    .home-map__btn--flipped:after {
      left: auto;
      right: 5px; }
    .home-map__btn--flipped.is-blur {
      padding-right: 20px; }
      .home-map__btn--flipped.is-blur:after {
        left: auto;
        right: 3px; }