/*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));*/
.map-block {
  background-origin: content-box;
  overflow-x: hidden; }
  @media (max-width: 767.98px) {
    .map-block .order-last {
      padding-top: 0px; } }
  .map-block-img-container, .map-block .map-img-wrapper {
    position: relative; }
  .map-block .map-location-block-dot {
    position: absolute;
    text-decoration: none; }
    .map-block .map-location-block-dot.active::after {
      background-color: #22A2E4; }
    .map-block .map-location-block-dot.active::before {
      border: 1px solid #22A2E4;
      box-shadow: 0 0 0 0 #22A2E4; }
    .map-block .map-location-block-dot .map-location {
      text-align: right;
      position: relative;
      right: 100%;
      padding-right: 10px;
      display: block;
      white-space: nowrap;
      height: 26px; }
      @media (min-width: 768px) {
        .map-block .map-location-block-dot .map-location {
          width: unset;
          height: 40px; } }
      .map-block .map-location-block-dot .map-location > h5 {
        font-weight: 500;
        margin-bottom: -6px;
        letter-spacing: normal;
        font-size: 16px; }
        @media (min-width: 768px) {
          .map-block .map-location-block-dot .map-location > h5 {
            font-size: 23px; } }
      .map-block .map-location-block-dot .map-location-price {
        font-weight: 500;
        font-size: 14px;
        margin-bottom: 0px; }
        @media (min-width: 768px) {
          .map-block .map-location-block-dot .map-location-price {
            font-size: 18px; } }
      .map-block .map-location-block-dot .map-location .from {
        font-weight: 300; }
      .map-block .map-location-block-dot .map-location.right-position {
        text-align: left;
        right: unset;
        left: 35px;
        padding-right: unset; }
        @media (min-width: 768px) {
          .map-block .map-location-block-dot .map-location.right-position {
            left: 50px; } }
      .map-block .map-location-block-dot .map-location.top-position {
        text-align: left;
        right: unset;
        top: -35px;
        padding-right: unset; }
        @media (min-width: 768px) {
          .map-block .map-location-block-dot .map-location.top-position {
            top: -45px; } }
      .map-block .map-location-block-dot .map-location.bottom-position {
        text-align: left;
        right: unset;
        top: unset;
        bottom: -30px; }
        @media (min-width: 768px) {
          .map-block .map-location-block-dot .map-location.bottom-position {
            bottom: -43px; } }
      .map-block .map-location-block-dot .map-location *:not(.from) {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap; }
    .map-block .map-location-block-dot:before {
      background-color: #FFF;
      border-radius: 50%;
      content: ' ';
      height: 26px;
      width: 26px;
      left: 0;
      top: 0;
      position: absolute; }
      @media (min-width: 768px) {
        .map-block .map-location-block-dot:before {
          height: 40px;
          width: 40px; } }
    .map-block .map-location-block-dot:after {
      border-radius: 50%;
      content: ' ';
      height: 14px;
      width: 14px;
      left: 6px;
      top: 6px;
      position: absolute; }
      @media (min-width: 768px) {
        .map-block .map-location-block-dot:after {
          height: 20px;
          width: 20px;
          left: 10px;
          top: 10px; } }
  .map-block-text-container {
    display: flex;
    align-items: center;
    justify-content: center; }
  .map-block .map-text-inner {
    padding: 20px 40px 20px 40px; }
    @media (min-width: 768px) {
      .map-block .map-text-inner {
        padding: 20px 0 0 70px; } }
    .map-block .map-text-inner p {
      margin-bottom: 0; }
  .map-block .map-button-container {
    display: flex;
    flex-flow: column; }
    @media (min-width: 768px) {
      .map-block .map-button-container {
        display: block; } }
  .map-block .map-community-cards-container {
    background-color: rgba(255, 255, 255, 0.3);
    padding: 10px;
    display: none;
    width: 100%; }
    .map-block .map-community-cards-container:not(:has(.map-community-block-card)) {
      background-color: unset; }
    @media (min-width: 768px) {
      .map-block .map-community-cards-container {
        width: 65%; } }
    @media (min-width: 992px) {
      .map-block .map-community-cards-container {
        width: 48%; } }
    .map-block .map-community-cards-container.show {
      display: block; }
      @media (min-width: 768px) {
        .map-block .map-community-cards-container.show {
          position: absolute;
          -webkit-animation: fadeIn 0.3s;
          animation: fadeIn 0.3s; } }
      .map-block .map-community-cards-container.show .map-community-block-card {
        background-color: white;
        margin-bottom: 7px;
        display: flex;
        cursor: default; }
        .map-block .map-community-cards-container.show .map-community-block-card:last-child {
          margin-bottom: 0; }
        .map-block .map-community-cards-container.show .map-community-block-card .map-community-card-container {
          display: block;
          width: 88%;
          border: 2px solid transparent;
          border-right: 0px;
          transition: border-color 0.3s ease-in-out; }
          .map-block .map-community-cards-container.show .map-community-block-card .map-community-card-container * {
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis; }
        .map-block .map-community-cards-container.show .map-community-block-card .map-community-card-description {
          font-size: 14px;
          line-height: 1.33;
          padding: 0px 15px 10px; }
        .map-block .map-community-cards-container.show .map-community-block-card h6 {
          padding: 10px 15px 0px;
          font-weight: 500;
          font-size: 16px;
          letter-spacing: 0px;
          text-shadow: 1px 1px 0px white;
          margin-bottom: 6px; }
        .map-block .map-community-cards-container.show .map-community-block-card ul {
          margin: 0 0 0 2px;
          padding-left: 0px; }
          .map-block .map-community-cards-container.show .map-community-block-card ul li {
            list-style-position: inside; }
        .map-block .map-community-cards-container.show .map-community-block-card .map-community-card-arrow {
          display: flex;
          justify-content: center;
          align-items: center;
          width: 12%;
          cursor: pointer;
          padding: 5px; }
          .map-block .map-community-cards-container.show .map-community-block-card .map-community-card-arrow .icon {
            fill: white;
            width: 18.12px;
            height: 36px; }
  .map-block .location-modal .popup-content {
    background-color: white;
    max-width: 100%;
    border-radius: 5px; }
    @media (min-width: 768px) {
      .map-block .location-modal .popup-content {
        max-width: 675px; } }
  .map-block .location-modal .popup-close {
    right: 17px;
    top: auto;
    cursor: pointer; }
    @media (min-width: 768px) {
      .map-block .location-modal .popup-close {
        right: 10px; } }
  .map-block .location-modal .popup-inner.center {
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
    right: -50% !important;
    padding: 12px;
    bottom: initial !important; }
    @media (min-width: 768px) {
      .map-block .location-modal .popup-inner.center {
        right: unset !important;
        padding: unset; } }

@-webkit-keyframes pulse {
  to {
    box-shadow: 0 0 0 15px rgba(255, 255, 255, 0); } }

@keyframes pulse {
  to {
    box-shadow: 0 0 0 15px rgba(255, 255, 255, 0); } }

@-webkit-keyframes fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@keyframes fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }