/* Styles for interactive service area map developed by Alta Planning */

.service-area-map-wrapper {
   position: relative;
   border: 1px solid #ccc;
   overflow: hidden;
}

.service-area-map {
    border-bottom: 1px solid #ccc;
}

.service-area-map-wrapper,
   .service-area-map {
      height: calc(80vh - 36px);
   }

@media only screen and (max-width: 767px) {
   .service-area-map-wrapper,
   .service-area-map {
      height: calc(70vh - 36px);
   }
}

.fullscreen-button {
   position: absolute;
   top: 10px;
   right: 10px;
   z-index: 200;
   font-size: 16px;
   box-sizing: border-box;
   text-align: center;
}

.fullscreen-button a {
   font-weight: bold;
   background-color: #fff;
   color: #000;
   text-decoration: none!important;
   border: 1px solid #ccc!important;
   border-radius: 3px;
   box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
   width: 32px;
   height: 32px;
   line-height: 32px;
   display: block;
   -webkit-tap-highlight-color: rgba(51, 181, 229, 0.4);
}

.fullscreen-button a:hover {
    background: #f4f4f4;
    color: #000;
}