/**handles:block-map-styles**/
/*
* Units
*/
/*
* Quick pseudoclass
*/
/*
* Position absolute
*/
/*
* Custom scrollbar
*/
/*
* Fluid Typography.
*/
/*
* Truncates
*/
/*
* BOOTSTRAP OVERWRITE - START
*/
/*
* BOOTSTRAP OVERWRITE - END
*/
/*
* BOOTSTRAP OVERWRITE - START
*/
/*
* BOOTSTRAP OVERWRITE - END
*/
/*
* BOOTSTRAP OVERWRITE - START
*/
/*
* BOOTSTRAP OVERWRITE - END
*/
.block-map__header {
  margin-bottom: 2rem; }
  .block-map__header-breadcrumbs li a,
  .block-map__header-breadcrumbs li span {
    color: #50535A !important;
    font-size: 10px;
    letter-spacing: 0;
    line-height: 28px; }

.block-map__filters {
  display: flex;
  position: relative;
  z-index: 2;
  top: 4rem;
  align-items: center;
  flex-wrap: wrap;
  padding: 1.4rem 1.6rem;
  background: #fff;
  box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  margin-bottom: 2rem; }
  .block-map__filters-title {
    margin-right: 8rem; }
    @media (max-width: 767.98px) {
      .block-map__filters-title {
        margin-bottom: 2rem; } }
  .block-map__filters-wrapper {
    flex-grow: 1;
    display: flex; }
    @media (max-width: 767.98px) {
      .block-map__filters-wrapper {
        flex-direction: column; } }
    .block-map__filters-wrapper label {
      width: 50% !important;
      position: relative; }
      @media (max-width: 767.98px) {
        .block-map__filters-wrapper label {
          margin-bottom: 3rem !important;
          width: 100% !important; } }
      .block-map__filters-wrapper label span {
        position: absolute;
        left: 0;
        bottom: 100%; }
  .block-map__filters p {
    font-size: var(--fs-18);
    font-weight: 400;
    line-height: 1.25;
    margin-bottom: 1rem;
    color: #585858; }
  .block-map__filters h1,
  .block-map__filters h2,
  .block-map__filters h3,
  .block-map__filters h4,
  .block-map__filters h5,
  .block-map__filters h6 {
    font-size: 35px;
    font-weight: 900;
    line-height: 50px;
    margin-bottom: 1rem;
    color: #007e32; }
    .block-map__filters h1 br,
    .block-map__filters h2 br,
    .block-map__filters h3 br,
    .block-map__filters h4 br,
    .block-map__filters h5 br,
    .block-map__filters h6 br {
      display: none; }
  .block-map__filters label {
    display: block;
    width: 28rem;
    margin: 0 1.5rem 0 0; }
    .block-map__filters label .label {
      display: block;
      font-size: var(--fs-10);
      font-weight: 400;
      line-height: 1.2;
      margin-bottom: 0.3rem;
      color: #007e32; }
    .block-map__filters label select {
      width: 100%;
      font-size: var(--fs-15);
      padding: 0.65rem 1.5rem;
      color: #dedede;
      border-color: #979797; }
    .block-map__filters label.init {
      color: #585858; }
  .block-map__filters .btn-item {
    margin: 0 0 0 auto; }
  @media (max-width: 991.98px) {
    .block-map__filters {
      height: auto; }
      .block-map__filters label {
        width: 100%;
        margin: 0 0 1rem; }
      .block-map__filters .btn-item,
      .block-map__filters .btn-filter {
        width: 100%; } }

.block-map__map {
  width: 100%;
  height: 100vh;
  position: relative;
  top: 0;
  left: 50%;
  max-width: 100%;
  transform: translateX(-50%); }
  @media (max-width: 991.98px) {
    .block-map__map {
      height: 60vh; } }
  @media (max-width: 767.98px) {
    .block-map__map {
      height: 60vh; } }
  .block-map__map #map-container {
    width: calc(100% + 180px);
    height: 100%;
    position: absolute;
    top: 0;
    left: 50%;
    max-width: 100%;
    transform: translateX(-50%); }
  .block-map__map .gm-ui-hover-effect {
    width: 1.6rem !important;
    height: 1.6rem !important;
    position: absolute !important;
    top: 2rem !important;
    right: 2rem !important;
    cursor: pointer !important;
    border: none !important;
    background: url(https://www.mglgroup.co.uk/wp-content/themes/mgl/img/close-blue.svg) center center no-repeat !important;
    background-size: cover !important;
    z-index: 2 !important; }
    .block-map__map .gm-ui-hover-effect span {
      display: none !important; }
    .block-map__map .gm-ui-hover-effect:hover {
      opacity: 0.6; }
  .block-map__map .gm-style-iw {
    overflow: visible !important;
    overflow-y: scroll !important;
    max-width: 400px !important; }
  .block-map__map .gm-style-iw-d {
    padding: 0 !important;
    overflow: visible !important;
    margin: 10px; }
  .block-map__map #map-info {
    z-index: 2;
    padding: 3.2rem 2rem 2.5rem;
    transition: 0.35s opacity;
    background: #fff;
    position: relative; }
    .block-map__map #map-info::before {
      content: '';
      position: absolute;
      top: -22px;
      left: -22px;
      height: 10px;
      width: calc(100% + 32px);
      border-top-left-radius: 8px;
      border-top-right-radius: 8px; }
    .block-map__map #map-info .header {
      font-size: var(--fs-22);
      font-weight: 900;
      line-height: 1.1;
      margin-bottom: 1rem;
      color: #007e32; }
    .block-map__map #map-info .description {
      font-size: var(--fs-15);
      font-weight: 400;
      line-height: 1.45;
      margin-bottom: 2rem;
      color: #585858; }
    .block-map__map #map-info .url {
      display: block;
      font-size: var(--fs-15);
      font-weight: 400;
      line-height: 1.2;
      text-decoration: underline;
      color: #007e32; }
    .block-map__map #map-info .logo {
      display: block;
      width: auto;
      height: auto;
      max-width: 11rem;
      max-height: 4.5rem;
      margin-top: 3.2rem; }
    .block-map__map #map-info.company-color-red::before {
      background-color: #b71419; }
    .block-map__map #map-info.company-color-red .close {
      background: url("https://www.mglgroup.co.uk/wp-content/themes/mgl/img/close-red.svg"); }
    .block-map__map #map-info.company-color-red .header {
      color: #b71419; }
    .block-map__map #map-info.company-color-red .url {
      color: #b71419; }
    .block-map__map #map-info.company-color-red .description {
      color: #585858; }
    .block-map__map #map-info.company-color-green::before {
      background-color: #007e32; }
    .block-map__map #map-info.company-color-green .close {
      background: url("https://www.mglgroup.co.uk/wp-content/themes/mgl/img/close-green.svg"); }
    .block-map__map #map-info.company-color-green .header {
      color: #007e32; }
    .block-map__map #map-info.company-color-green .url {
      color: #007e32; }
    .block-map__map #map-info.company-color-green .description {
      color: #585858; }
    .block-map__map #map-info.company-color-blue::before {
      background-color: #2c2d84; }
    .block-map__map #map-info.company-color-blue .close {
      background: url("https://www.mglgroup.co.uk/wp-content/themes/mgl/img/close-blue.svg"); }
    .block-map__map #map-info.company-color-blue .header {
      color: #2c2d84; }
    .block-map__map #map-info.company-color-blue .url {
      color: #2c2d84; }
    .block-map__map #map-info.company-color-blue .description {
      color: #585858; }
    .block-map__map #map-info .description {
      color: #585858; }
  .block-map__map .btn-wrapper {
    position: absolute;
    bottom: 4rem;
    right: 6rem; }


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