/* Variables */
.contact-map-block {
  position: relative; }
  body:not(.wp-admin) .contact-map-block {
    margin-bottom: 120px;
    margin-top: 120px; }
    @media (max-width: 1039px) {
      body:not(.wp-admin) .contact-map-block {
        margin-bottom: 100px;
        margin-top: 100px; } }
    @media (max-width: 767px) {
      body:not(.wp-admin) .contact-map-block {
        margin-bottom: 80px;
        margin-top: 80px; } }
  .contact-map-block .service-areas {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 20px;
    margin-bottom: 30px;
    padding: 0 20px; }
    @media (max-width: 899px) {
      .contact-map-block .service-areas {
        grid-template-columns: repeat(3, 1fr); } }
    @media (max-width: 549px) {
      .contact-map-block .service-areas {
        grid-template-columns: repeat(2, 1fr); } }
    @media (max-width: 369px) {
      .contact-map-block .service-areas {
        grid-template-columns: 100%; } }
    .contact-map-block .service-areas > div {
      display: flex;
      align-items: center;
      column-gap: 10px; }
      .contact-map-block .service-areas > div:before {
        border-radius: 50%;
        content: "";
        display: block;
        height: 20px;
        width: 20px; }
      .contact-map-block .service-areas > div.area-1:before {
        background-color: #695ed2; }
      .contact-map-block .service-areas > div.area-2:before {
        background-color: #40abc0; }
      .contact-map-block .service-areas > div.area-3:before {
        background-color: #62b050; }
      .contact-map-block .service-areas > div.area-4:before {
        background-color: #e79849; }
      .contact-map-block .service-areas > div.area-5:before {
        background-color: #d957d0; }
  .contact-map-block .contact-map .map {
    height: 850px;
    max-height: calc(100vh - 90px); }
  body.wp-admin .contact-map-block {
    margin-bottom: 60px;
    margin-top: 60px;
    position: relative; }
    body.wp-admin .contact-map-block:after {
      content: "";
      display: block;
      position: absolute;
      bottom: 0;
      top: 0;
      left: 0;
      right: 0;
      z-index: 22; }
    body.wp-admin .contact-map-block .contact-map:empty {
      background-color: #ECF8FE;
      padding: 60px 20px;
      text-align: left;
      margin-bottom: 60px;
      margin-top: 60px; }
      body.wp-admin .contact-map-block .contact-map:empty:before {
        content: "Enter map details..."; }
    body.wp-admin .contact-map-block .admin-block {
      background-color: #ECF8FE;
      padding: 60px 20px;
      text-align: left;
      margin-bottom: 60px;
      margin-top: 60px; }

/*# sourceMappingURL=styles.css.map */