/* servicearea.css — page-specific styles for Service Area */

body.servicearea-page #blog{ min-height: 0; }

body.servicearea-page #blog .parallax-overlay{
  min-height: 220px;
  padding-top: 55px;
  padding-bottom: 25px;
  display: flex;
  align-items: center;
}

body.servicearea-page #blog.parallax{
  background-attachment: scroll;
  background-position: center 15%;
}

/* =========================
   SERVICE AREA PAGE
   ========================= */
.servicearea-page-content{
  margin-top: 0;
  padding: 50px 0 70px;
}


.servicearea-page-content .servicearea-card{
  padding: 34px 28px;
}

.servicearea-title{
  margin-top: 0;
  margin-bottom: 8px;
  color: rgba(37, 61, 121, .85);
  font-weight: 900;
}

.servicearea-intro{
  margin: 0 0 14px;
  color: rgba(0,0,0,.70);
}

.servicearea-note{
  margin: 10px 0 0;
  color: rgba(0,0,0,.60);
  font-size: 13px;
}

.servicearea-col{
  margin-bottom: 16px;
}

.servicearea-map{
  width: 100%;
  height: 420px;
  border-radius: 14px;
  overflow: hidden;
  border: 1px solid rgba(0,0,0,.08);
}

.servicearea-panel{
  border: 1px solid rgba(0,0,0,.08);
  border-radius: 14px;
  padding: 18px 16px;
  background: #fff;
}

.servicearea-panel-title{
  margin: 0 0 10px;
  color: rgba(37, 61, 121, .85);
  font-weight: 900;
}

.servicearea-panel-text{
  margin: 0 0 10px;
  color: rgba(0,0,0,.70);
}

.servicearea-phone{
  margin: 0 0 8px;
  font-size: 18px;
}

.servicearea-address{
  margin: 0 0 14px;
}

.servicearea-divider{
  margin: 14px 0;
  border: 0;
  border-top: 1px solid rgba(0,0,0,.08);
}

.servicearea-btn{
  margin-top: 6px;
}

/* =========================
   RESPONSIVE
   ========================= */
@media (max-width: 991px){
  .servicearea-page-content .servicearea-card{ padding: 26px 18px; }
  .servicearea-map{ height: 360px; }
}

@media (max-width: 767px){
  .servicearea-page-content{ padding: 48px 0 56px; }
  .servicearea-map{ height: 320px; }
}

/* Service Area page: call button colors */
.servicearea-page-content .servicearea-call-btn{
  background: rgba(37, 61, 121, .85);
  border-color: rgba(37, 61, 121, .85);
  color: #fff !important;
}

.servicearea-page-content .servicearea-call-btn:hover,
.servicearea-page-content .servicearea-call-btn:focus{
  background: #274075;
  border-color: #274075;
  color: #fff !important;
}

.servicearea-page-content .servicearea-call-btn:active,
.servicearea-page-content .servicearea-call-btn.active{
  background: #20365f;
  border-color: #20365f;
  color: #fff !important;
}