/* NEMG static-site fixes: fonts, hero, lazy images, Mission/About layout */

#_rich_text-25-17,
#_rich_text-31-17,
#_rich_text-17-17,
#_rich_text-61-17,
#_rich_text-71-17,
#_rich_text-107-17,
#text_block-18-17,
#headline-169-17,
#headline-151-17,
#headline-164-17,
#headline-166-17,
#headline-181-17,
#headline-183-17,
#headline-187-17 {
  font-family: "Bebas Neue", sans-serif !important;
}

body,
#text_block-26-17,
#text_block-32-17,
#text_block-55-17,
#text_block-66-17,
#text_block-76-17,
#text_block-77-17,
#text_block-108-17 {
  font-family: Montserrat, sans-serif !important;
  color: #414141;
}

#_rich_text-25-17,
#_rich_text-31-17 {
  color: #414141 !important;
}

#_rich_text-31-17 span,
#_rich_text-25-17 span {
  color: #00a7e0;
}

/* Hero */
#section-10-17 {
  background-image: url("/wp-content/uploads/2024/08/nemg-hero-long-1-scaled-1.jpg") !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: bottom right !important;
}
@media (max-width: 1120px) {
  #section-10-17 {
    background-image: url("/wp-content/uploads/2024/08/pikaso_enhance__none_4K_Standard_r_c_-2-1-1.jpg") !important;
  }
}
@media (max-width: 767px) {
  #section-10-17 {
    background-image: url("/wp-content/uploads/2025/01/Frame-94.jpg") !important;
    background-position: center center !important;
  }
}

#section-63-17 {
  background-image: url("/wp-content/uploads/2024/08/Frame-90.png") !important;
  background-repeat: no-repeat !important;
}

/* Logo */
#image-95-38 {
  max-width: 250px;
  width: 250px;
  height: auto;
  display: block;
}
#image-14-137 {
  max-width: 220px;
  height: auto;
  display: block;
}

/* Mission / About brick layout (matches newenglandmedicalgroup.com):
   Mission text | celebrating photo
   Group-therapy photo | About Us
   Multidisciplinary copy | tree photo */
#section-19-17 > .ct-section-inner-wrap,
#section-28-17 > .ct-section-inner-wrap,
#section-43-17 > .ct-section-inner-wrap {
  padding-top: 0;
  padding-bottom: 0;
  max-width: 1120px;
  width: 100%;
  box-sizing: border-box;
  overflow-x: hidden;
  align-items: stretch !important;
}

#section-19-17 > .ct-section-inner-wrap {
  padding-top: 20px;
}

#section-43-17 > .ct-section-inner-wrap {
  padding-top: 20px;
}

#div_block-20-17,
#div_block-29-17,
#div_block-44-17 {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: flex-start !important;
  justify-content: flex-start !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box;
  overflow-x: hidden;
  gap: 50px;
}

#div_block-21-17,
#div_block-22-17,
#div_block-33-17,
#div_block-30-17,
#div_block-45-17,
#div_block-48-17 {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 0 !important;
  width: auto !important;
  max-width: none !important;
  min-width: 0 !important;
  box-sizing: border-box;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

#div_block-21-17,
#div_block-30-17,
#div_block-45-17 {
  align-items: flex-start !important;
}

#div_block-22-17,
#div_block-33-17,
#div_block-48-17 {
  align-items: stretch !important;
}

#text_block-26-17 {
  padding-right: 10px;
}

#text_block-55-17 {
  padding-right: 10px;
}

#link-65-17 {
  align-self: flex-start !important;
}

#text_block-66-17 {
  margin-top: 20px;
}

@media (max-width: 991px) {
  #div_block-20-17,
  #div_block-29-17,
  #div_block-44-17 {
    gap: 24px;
  }
}

#image-27-17,
#image-34-17,
#image-49-17 {
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  display: block !important;
  object-fit: cover;
}

#text_block-26-17,
#text_block-32-17,
#text_block-55-17 {
  max-width: 100%;
  box-sizing: border-box;
  white-space: normal;
  overflow-wrap: anywhere;
}

/* Service cards */
#link-149-17,
#link-180-17 {
  background-image: url("/wp-content/uploads/2024/08/Rectangle-10.png") !important;
}
#link-162-17,
#link-182-17 {
  background-image: url("/wp-content/uploads/2024/08/Rectangle-10-1.png") !important;
}
#link-165-17 {
  background-image: url("/wp-content/uploads/2024/08/Rectangle-10-2-1.jpg") !important;
}
#link-186-17 {
  background-image: url("/wp-content/uploads/2024/08/Rectangle-10-3.png") !important;
}

/* Header above content */
#main-header {
  background-color: #fff;
  z-index: 20;
}

@media (max-width: 767px) {
  #div_block-20-17,
  #div_block-21-17,
  #div_block-22-17,
  #div_block-29-17,
  #div_block-30-17,
  #div_block-33-17,
  #div_block-44-17,
  #div_block-45-17,
  #div_block-48-17 {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    flex: 1 1 100% !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
    box-sizing: border-box;
    align-self: stretch;
  }
  #div_block-20-17,
  #div_block-44-17 {
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: center;
    gap: 16px;
  }
  #div_block-29-17 {
    flex-direction: column-reverse !important;
    align-items: stretch !important;
    justify-content: center;
    gap: 16px;
  }
  #section-19-17 > .ct-section-inner-wrap,
  #section-28-17 > .ct-section-inner-wrap,
  #section-43-17 > .ct-section-inner-wrap {
    padding-left: 16px !important;
    padding-right: 16px !important;
    overflow-x: hidden;
  }
  #section-19-17 .ct-text-block,
  #section-28-17 .ct-text-block,
  #section-43-17 .ct-text-block {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
    white-space: normal !important;
    font-size: 14px !important;
    line-height: 1.7 !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
    display: block !important;
  }
  #text_block-18-17 {
    font-size: 16px !important;
    letter-spacing: 0.5px !important;
    line-height: 1.3 !important;
    padding-right: 0 !important;
    white-space: normal !important;
  }
  #image-95-38 {
    width: 180px;
  }
  #image-49-17 {
    display: none !important;
  }
  #_rich_text-25-17,
  #_rich_text-31-17 {
    width: 100% !important;
    max-width: 100% !important;
    white-space: normal !important;
  }
  #text_block-26-17,
  #text_block-32-17,
  #text_block-55-17,
  #text_block-66-17 {
    max-width: calc(100vw - 32px) !important;
    width: 100% !important;
    min-width: 0 !important;
  }
}
