/* P3 and  NPG themes --  static to interactive google map conversion section start */

.office-map-holder,
.office-img {
  height: 400px;
}

.office-map-holder .static-map {
  height: 400px !important;
  width: 100%;
  object-fit: cover;
  object-position: center;
  cursor: pointer;
}

.office-img {
  object-fit: cover;
}

.nav-tabs {
  overflow-x: auto;
  overflow-y: hidden;
  border-bottom: 1px solid #BE1C3E;
  margin-bottom: 30px;
}

.nav-tabs>li {
  width: 100%;
}

.nav-tabs>li>a {
  white-space: nowrap;
  color: #203437;
  border: none;
  padding: 0 10px 6px;
  margin-bottom: 0;
}

.nav-tabs .nav-link {
  margin-bottom: 0;
  border: none;
}

.nav-tabs>li>a:hover {
  border: none;
  margin-bottom: 0;
}

.nav-tabs>li>a:focus {
  text-decoration: underline;
}

.nav-tabs .nav-link.active {
  color: #BE1D3D;
  border: none;
  border-bottom: 10px solid #BE1D3D;
  font-weight: 700;
}

a.contact-link {
  font-weight: 700;
}

a.contact-link:hover {
  text-decoration: underline;
}

.sub-heading-text {
  font-weight: bold;
  font-size: 21px;
  line-height: 24px;
  letter-spacing: 0px;
}

.office-info p.sub-heading-text {
  margin-bottom: 0;
  margin-top: 20px;
}

.office-info p.sub-heading-text:first-child {
  margin-top: 0;
}

.office-info {
  padding-top: 30px;
}

.office-info .info-list .contact-link {
  margin-bottom: 20px;
}

.contact-link address {
  margin-bottom: 0;
}

.map-btn-holder {
  padding: 50px 0;
}

.map-btn-holder button {
  font-weight: bold;
  font-size: 21px;
  line-height: 24px;
  letter-spacing: 0px;
  background-color: #BE1C3E;
  border: none;
  border-radius: 4px;
  box-shadow: none;
  color: #fff;
  padding: 16px 24px;
}

.map-btn-holder button:hover {
  border-width: 0px;
  box-shadow: none;
  color: #fff;
}

.office-info .address-link address,
.office-info a.address-link {
  display: block;
  width: fit-content;
}

@media (max-width: 992px) {

  .office-map-holder,
  .office-img {
    height: 234px;
  }

  .office-map-holder .static-map {
    height: 234px !important;
    width: 100%;
    object-fit: cover;
    object-position: center;
    cursor: pointer;
  }

  .contact-link address {
    margin-bottom: 20px;
  }
}

@media (max-width: 768px) {
  .office-info-group:nth-child(2) {
    margin-top: 20px;
  }

  .office-info {
    padding-top: 0;
  }
}