/* =========================================
   VARIABLES
========================================= */
:root {
  --content-pad: clamp(10px, 12vw, 120px);
  --list-offset: clamp(8px, 2vw, 25px);
}

/**
 * remove ligatures across site
 */
* {
  font-variant-ligatures: none;
  font-feature-settings: "liga" 0, "clig" 0;
}


a:focus-visible .mht-card {
  outline: 3px solid #00838f !important;
  outline-offset: 4px;
}

:focus-visible {
  outline: 3px solid #00838f !important;
  outline-offset: 4px;
}

/* Button */
button {
  background-color: white;
  border: none;
}

a.mht-button.mht-button--outline-cta:hover {
  color: white;
}

a.mht-button.mht-button--secondary:hover {
  color: white;
}

a.mht-button.mht-button--filter-search:visited {
  color: white;
}

a:hover {
  text-decoration: underline;
}

a.mht-card:hover,
a:has(.mht-card),
a:has(.mht-card):hover {
  text-decoration: none;
}

a:has(.mht-card):hover {
  color: var(--primary);
}

#mainMenuOverlay a:hover,
.footer__main a:hover {
  color: var(--light-hover);
}


.article-body {
  box-sizing: border-box;
  padding-inline: var(--content-pad);
}

/* Reset WP margins for background elements */
.article-body :where(p.has-background,
  .wp-block-heading.has-background,
  .wp-block-list.has-background) {
  margin: 0;
}

:root :where(.is-layout-constrained) > * {
  margin-block-start: 0rem;
}

.article-body> :where(.alignfull, .mht-fullwidth-bg) {
  box-sizing: border-box;
  width: 100vw;
  max-width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  padding: 0 !important;
}

.article-body> :where(.alignfull, .mht-fullwidth-bg)>* {
  padding-left: calc(var(--content-pad) + 8px);
  padding-right: var(--content-pad);
}

@media (max-width: 600px) {
  .article-body> :where(.alignfull, .mht-fullwidth-bg)>* {
    padding-left: 10px;
    padding-right: 10px;
  }
}

.article-body :where(.alignfull, .mht-fullwidth-bg) .wp-block-group__inner-container {
  padding-left: var(--content-pad);
  padding-right: var(--content-pad);
}

.article-body :where(.alignfull, .mht-fullwidth-bg) {
  padding-left: calc(var(--content-pad) + var(--list-offset));
}

.wp-block-group.alignfull {
  padding: 0 !important;
}

.wp-block-cover.alignfull {
  padding: 0 !important;
}

.wp-block-media-text.alignfull,
.mht-mt.fullwidth {
  width: 100vw;
  margin-left: calc(50% - 50vw);
}

html,
body {
  overflow-x: clip;
}

.mht-search-submit {
  background: transparent;
  border: none;
}

.wp-block-heading {
  margin: 0 !important;
}

/* breadcrumb mobile layout */
.page-header-wrapper {
  display: flex;
  flex-direction: column;
}

@media (max-width: 767px) {
  .article-breadcrumbs {
    order: 1;
  }

  .mht-header-banner {
    order: 2;
  }
}

/* Header Search Bar */
.mht-header-search .mht-search-bar {
  width: 100%;
}

.mht-fullwidth-bg .is-fullwidth:has(> .mht-header-search) {
  padding-left: 0;
  padding-right: 0;
}

.form-control.mht-input__dropdown.mht-search option {
  font-weight: 200;
}

.form-control.mht-input__dropdown.mht-search .date-filter-toggle {
  font-weight: 200;
}

/* Card Clinic */
.mht-card-clinic .mht-card-news__body * {
  font-weight: 200;
}

/* Card Service */
a .mht-card-services * {
  color: #2D2D2D;
}

/* Card News Item */
.mht-card-news-item .mht-card-news__icon {
  width: 100%;
  height: 134px;
  border-radius: 6px;
  overflow: hidden;
}

.mht-card-news-item .mht-card-news__icon img {
  width: 100%;
  height: 134px;
  object-fit: cover;
}

/* Card Feature */
.mht-card-feature .mht-card-feature__body h3 a {
  color: var(--primary) !important;
}

.mht-card-feature:hover .mht-card-feature__body h3 a {
  color: var(--white) !important;
}

/* Card Office */
.mht-card-office-location {
  height: 100%;
}

.mht-input__date {
  border-radius: 35px;
  color: var(--tertiary);
  color-scheme: var(--tertiary);
}

.mht-input__date::-webkit-calendar-picker-indicator {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="%23004953" viewBox="0 0 16 16"><path d="M3.5 0a.5.5 0 0 1 .5.5V1h8V.5a.5.5 0 0 1 1 0V1h1a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2h1V.5a.5.5 0 0 1 .5-.5M1 4v10a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V4z"/></svg>');
  opacity: 1;
}

.date-filter-wrap {
  position: relative;
  display: inline-block;
  width: fit-content;
}

.date-filter-toggle {
  width: 100%;
  text-align: left;
  position: relative;
  padding-right: 2.5rem;
  cursor: pointer;
  border-radius: 35px;
  color: var(--tertiary);
}

.date-filter-toggle::after {
  content: "";
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;

  width: 10px;
  height: 5px;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='5' fill='none' viewBox='0 0 10 5'%3E%3Cpath stroke='%23004953' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='1.2' d='M8.52.6 6.89 2.23 5.26 3.86a.993.993 0 0 1-1.4 0L.6.6'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

.date-filter-popover {
  position: absolute;
  top: calc(100% + 8px);
  left: 0;
  z-index: 999;
  min-width: 320px;
  padding: 16px;
  border-radius: 12px;
  background: var(--tertiary);
}

/* Search */
#searchOverlay {
  background-color: var(--primary-accent);
}

.mht-search-overlay {
  background: var(--tertiary);
}

#searchOverlay .form-item.form-search {
  width: 100% !important;
}

input.form-control.mht-input__textfield.mht-input__searchbar {
  width: 100%;
}

/* Pills */
.mht-pill--outline {
  background: none;
  border: 1px solid var(--tertiary);
}

.mht-pill--outline p {
  color: var(--tertiary);
}

/* Search layout */
.search-container .search__inline {
  display: grid;
  width: 100%;
  grid-template-columns: repeat(3, 1fr);
}

/* Results layout */
#service-results .mht-grid {
  grid-template-columns: repeat(3, 1fr);
}

/* Tablet */
@media (max-width: 1200px) {

  .search-container .search__inline,
  #service-results .mht-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* Mobile */
@media (max-width: 850px) {
  #service-results .mht-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 700px) {
  .search-container .search__inline {
    grid-template-columns: 1fr;
  }
}

.search-container .search__inline h2 {
  margin: 0;
}

.search__inline .form-item.form-search {
  width: 100% !important;
  height: 100%;
}

.search__inline .form-item.form-search input {
  color: rgba(0, 73, 83, 0.7);
  font-weight: 700;
  font-size: 18px;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' fill='none' viewBox='0 0 19 19'%3E%3Cpath fill='%23004750' d='M7.5 0a7.5 7.5 0 0 1 5.964 12.048l4.743 4.745a1 1 0 0 1-1.32 1.497l-.094-.083-4.745-4.743A7.5 7.5 0 1 1 7.5 0m0 2a5.5 5.5 0 1 0 0 11 5.5 5.5 0 0 0 0-11'/%3E%3C/svg%3E") !important;
}

.search__inline .form-item.form-search input:after {
  width: 31px;
  height: 32px;
}



/* Video */
.modal-video .modal-body {
  min-height: 75vh;
}

.embed-video,
.embed-video iframe {
  width: 100%;
  height: 100%;
  min-height: 75vh;
}

/* Accordion */
.mht-accordion {
  max-width: 100%;
}

.mht-accordion-controls {
  padding: 0;
  padding-bottom: 20px;
}

.mht-accordion-controls button {
  background-color: transparent;
  color: var(--tertiary);
}

/* navbar */
a.dropdown-item.mid-list-item {
  font-weight: 500 !important;
}

.mht-navbar-bottom .mht-navbar-nav {
  gap: 16px;
}

/* Heading */
.wp-block-heading {
  margin-bottom: 15px !important;
}

.has-background .mht-card.mht-card-contact {
  background: #FFFFFF;
}


.social-bar-container.social-bar--share .social-bar-icons .social-bar-icon--primary {
  margin-right: 0;
}

/* WP Pagination */
.pagination-block {
  margin-top: 4rem;
}

.pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;

  padding: 0;
  margin: 0;
  list-style: none;
}

.pagination a,
.pagination span,
.pagination button {
  display: flex;
  align-items: center;
  justify-content: center;

  width: 44px;
  height: 44px;

  border: none;
  background: transparent;

  color: #111;
  font-size: 1rem;
  font-weight: 700;
  text-decoration: none;

  transition:
    background-color 0.2s ease,
    color 0.2s ease,
    border-color 0.2s ease;
}

/* Active page */
.pagination .current span,
.pagination span.current {
  color: #d41473;
}

/* Prev / Next buttons */
.pagination .prev a,
.pagination .prev button,
.pagination .next a,
.pagination .next button {
  width: 56px;
  height: 56px;

  border-radius: 999px;
  border: 2px solid #007c82;

  color: #007c82;
  background: #fff;

  font-size: 0;
}

/* Hover */
.pagination .prev a:hover,
.pagination .next a:hover {
  background: #007c82;
  color: #fff;
}

/* Arrow icons */
.pagination .prev a::before,
.pagination .prev button::before {
  content: "←";
  font-size: 1.5rem;
}

.pagination .next a::before,
.pagination .next button::before {
  content: "→";
  font-size: 1.5rem;
}

/* Disabled */
.pagination .disabled button {
  opacity: 0.35;
  cursor: not-allowed;
}

/* Hide first/last buttons */
.pagination .first,
.pagination .last {
  display: none;
}

/* Gravity Forms */

/* Typography for all Gravity Forms form controls */
.gform_wrapper.gravity-theme input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]),
.gform_wrapper.gravity-theme select,
.gform_wrapper.gravity-theme textarea {
  font-family: inherit;
  font-size: 1rem;
  font-weight: 200;
  color: var(--bs-body-color);
}

.mht-form.end .gform-footer.gform_footer.top_label {
  align-self: end;
}

.gfield_label.gform-field-label {
  font-size: 1.125rem;
  color: var(--tertiary);
}

.gform_wrapper.gravity-theme .gfield_label {
  font-weight: inherit !important;
}

.gform_wrapper .gform_button {
  width: fit-content;
  padding: 12px 28px;
  border-radius: 6px;
  background-color: var(--primary);
  color: white;
}

/** Media Text **/
.media-text-block .mht-button span a {
  color: white;
}

.media-text-block .mht-button:hover span a {
  color: var(--primary);
}

.mht-button--outline-cta-white a {
  color: white;
}

.mht-button--outline-cta-white:hover a {
  color: var(--primary);
}


/* External Arrow link */
p a[target="_blank"],
li a[target="_blank"] {
  text-decoration: underline;
}

p a[target="_blank"]::after,
li a[target="_blank"]::after {
  content: '';
  width: 15px;
  height: 15px;
  margin-inline-start: 0.25em;
  display: inline-block;
  vertical-align: middle;
  background-color: currentColor;
  -webkit-mask: url('../images/ext-url.svg') no-repeat center;
  -webkit-mask-size: contain;
  mask: url('../images/ext-url.svg') no-repeat center;
  mask-size: contain;
}

.mht-quote-social li a[target="_blank"]::after {
  display: none;
}

/* Accessibility */
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

/* News meta */
.news-meta .news-meta__published {
  color: var(--tertiary);
}

.mht-pill.light {
  background-color: #8FDFE2;
}

.language-selector .wpml-ls-display {
  display: none;
}

/* Navigation */
.mht-navbar-top--icons {
  display: none;
}

@media (max-width: 1024px) {
  .mht-navbar-top--icons {
    display: block;
  }
}

/** Visualizer Overwritting Styles **/
/* Table format */
/* Table wrapper */
.visualizer-front table.google-visualization-table-table {
  width: 100% !important;
  border-collapse: separate !important;
  border-spacing: 0 6px;
  font-size: 16px;
}

/* Header row */
.visualizer-front thead th {
  background-color: #f3f3f3 !important;
  color: #004953 !important;
  font-weight: 800;
}

.visualizer-front tbody tr:nth-child(even) {
  background-color: #f3f3f3 !important;
}

/* Header cells */
.visualizer-front th.google-visualization-table-th,
.visualizer-front th {
  padding: 14px 16px;
  border: 0 !important;
  text-align: left;
}

/* Data cells */
.visualizer-front td.google-visualization-table-td {
  padding: 14px 16px;
  border: 0 !important;
  vertical-align: top;
}

/* Zebra striping */
.visualizer-front tr.selected {}

.visualizer-front tr.google-visualization-table-tr-even td {
  /* background: white;*/
}

.visualizer-front tr.google-visualization-table-tr-odd td {
  /* background: #f3f3f3; */
}

/* Remove Google borders */
.visualizer-front table,
.visualizer-front tbody,
.visualizer-front tr,
.visualizer-front td,
.visualizer-front th {
  border: none !important;
  box-shadow: none !important;
}

/* Sort indicator alignment */
.visualizer-front .google-visualization-table-sortind {
  margin-left: 6px;
}

.dt-search {
  padding-bottom: 20px;
}

/** ==========================================================================
 * Visualizer (DataTables) Overrides
 * ========================================================================== */

/* Wrapper */
.visualizer-front .dataTable {
  width: 100% !important;
  border-collapse: collapse !important;
  border-spacing: 0;
  font-size: 16px;
}

/* ==========================================================================
   Header
   ========================================================================== */

.visualizer-front .dataTable thead th {
  padding: 14px 16px;
  background-color: #f3f3f3;
  color: #004953;
  font-weight: 700;
  text-align: left;
  border: 0 !important;
}

/* ==========================================================================
   Body Cells
   ========================================================================== */

.visualizer-front .dataTable tbody td {
  padding: 14px 16px;
  border: 0 !important;
  vertical-align: top;
}

/* ==========================================================================
   Zebra Striping
   ========================================================================== */

.visualizer-front .dataTable tbody tr:nth-child(odd) td {
  background-color: #ffffff;
}

.visualizer-front .dataTable tbody tr:nth-child(even) td {
  background-color: #f3f3f3;
}

/* ==========================================================================
   Hover
   ========================================================================== */

.visualizer-front .dataTable tbody tr:hover td {
  background-color: #e9f4f4;
}

/* ==========================================================================
   Selected Row
   ========================================================================== */

.visualizer-front .dataTable tbody tr.selected td {
  background-color: #004953 !important;
  color: #ffffff !important;
}

/* Keep links visible on selected rows */
.visualizer-front .dataTable tbody tr.selected a {
  color: inherit;
}

/* ==========================================================================
   Sorting
   ========================================================================== */

.visualizer-front .dt-column-order {
  margin-left: 6px;
}

/* ==========================================================================
   Remove Borders
   ========================================================================== */

.visualizer-front .dataTable,
.visualizer-front .dataTable thead,
.visualizer-front .dataTable tbody,
.visualizer-front .dataTable tr,
.visualizer-front .dataTable th,
.visualizer-front .dataTable td {
  border: none !important;
  box-shadow: none !important;
}

/* ==========================================================================
   Search
   ========================================================================== */

.visualizer-front .dt-search {
  padding-bottom: 20px;
}

/* ==========================================================================
   Hide Print Button
   ========================================================================== */

.visualizer-front .dt-buttons {
  display: none;
}



/** Visualizer Overwritting Styles END **/


.mht-header-search .mht-search-bar .dropdown-wrapper select option {
  text-transform: none;
}

/* Cookie Yes move */
.cky-revisit-bottom-left {
  bottom: 80px !important;
  left: 36px !important;
}

/* Monsido PageAssist button: show the greeting as a small tooltip on hover,
   matching the CookieYes button, instead of expanding into a purple panel.
   Monsido injects its own !important rules, hence the extra specificity. */
html body.monsido-toolbar-body-container .mon-logo-container.mon-logo-container:not([aria-expanded="true"]):hover,
html body.monsido-toolbar-body-container .mon-logo-container.mon-logo-container:not([aria-expanded="true"]):focus-visible {
  background: transparent !important;
  box-shadow: none !important;
}

html body.monsido-toolbar-body-container .mon-logo-container.mon-logo-container:not([aria-expanded="true"]):hover .mon-logo-text-content,
html body.monsido-toolbar-body-container .mon-logo-container.mon-logo-container:not([aria-expanded="true"]):focus-visible .mon-logo-text-content {
  display: block !important;
  position: absolute !important;
  top: 50% !important;
  left: calc(100% - 3px) !important;
  transform: translateY(-50%) !important;
  width: max-content !important;
  max-width: 240px !important;
  margin: 0 !important;
  padding: 4px 8px !important;
  border-radius: 4px !important;
  background: #4e4b66 !important;
  color: #fff !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  line-height: 16px !important;
  white-space: nowrap !important;
  pointer-events: none !important;
}

html body.monsido-toolbar-body-container .mon-logo-container.mon-logo-container:not([aria-expanded="true"]):hover .mon-logo-text-content::before,
html body.monsido-toolbar-body-container .mon-logo-container.mon-logo-container:not([aria-expanded="true"]):focus-visible .mon-logo-text-content::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 100%;
  transform: translateY(-50%);
  border: 5px solid transparent;
  border-right-color: #4e4b66;
}

html body.monsido-toolbar-body-container .mon-logo-container.mon-logo-container:not([aria-expanded="true"]):hover .mon-logo-text-content *,
html body.monsido-toolbar-body-container .mon-logo-container.mon-logo-container:not([aria-expanded="true"]):focus-visible .mon-logo-text-content * {
  color: inherit !important;
  font: inherit !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Footer */
.footer__title a {
  color: white;
}

/* Search news component */
.mht-form-search .mht-form-search__submit {
  display: flex;
  align-items: center;
}

#search-block-form .form-item .mht-form-search__submit,
.grid-search .form-item .mht-form-search__submit {
  padding-right: 1.5rem;
}


#search-block-form .form-item .mht-form-search__submit::after,
.grid-search .form-item .mht-form-search__submit::after {
  background-image: unset;
  content: '>';
  font-size: 2rem;
  font-weight: 100;
  padding-bottom: 4px;
}

.grid-search select option {
  background: var(--primary) !important;
  color: white !important;
}

/* Search results */
.mht-search-results .alert {
  padding: 0;
}

.mht-api-search-results a:hover,
.mht-api-search-results a:visited {
  color: #2d2d2d;
}


#clinic-search-block .mht-pill__text {
  color: #004953;
}

/* News Latest */
.latest_news a,
.latest_news .mht-card-news__body a {
  text-decoration: none;
}

.latest-news .mht-card-news__body h2 a {
  color: #000;
  text-decoration: none;
}

.latest-news .mht-card-news__body h2:hover a {
  text-decoration: underline;
  text-decoration-color: #d41473;
}

a.lastest-news__icon-container {
  text-decoration: none;
}

a.lastest-news__icon-container:hover {
  text-decoration: underline;
  text-decoration-color: #d41473;
}

.latest-news .latest-news__header .lastest-news__icon-container:hover .lastest-news__icon {
  background-color: var(--secondary);
}

/* Clinics Search Page */
#clinic-results .mht-pill.mht-pill--outline {
  text-align: center;
}

.container-fluid.mht-svg-alert-ticker-container {
  padding: 0;
}

.mht-alert {
  min-height: 52px;
}

.mht-ticker-wrapper {
  display: flex;
  align-items: center;
  min-height: inherit;
  padding: 0.75rem 1rem;
}

.svg-ticker {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  width: 100%;
}

.mht-svg-item {
  display: flex;
  align-items: center;
  flex-shrink: 0;
}

.mht-svg-item__icon {
  display: flex;
  align-items: center;
  justify-content: center;
}

.svg-ticker>p {
  display: flex;
  align-items: center;
  flex-wrap: wrap;

  margin: 0;
  padding: 0;

  font-family: UnitPro, sans-serif;
  font-size: 1.25rem;
  font-weight: 300;
  line-height: 1.4;
  letter-spacing: 0.02em;

  color: var(--white);
}

.svg-ticker>p a {
  margin-left: .25rem;

  color: inherit;
  font: inherit;
  line-height: inherit;

  text-decoration: underline;
}

.svg-ticker>p a:focus-visible {
  outline: 2px solid #fff;
  outline-offset: 2px;
}

.svg-ticker p a {
  margin: 0;
  padding: 0;
  padding-left: 5px;
}

@media (max-width: 600px) {
  .svg-ticker p a {
    padding-left: 0px;
  }
}

/* Buttons visited links */
a.mht-button.mht-button--filter-search:visited {
  background: var(--primary);
}

.mht-button.mht-button--filter-search:hover {
  color: white;
}


/* Iphone 1 tap option */
/* Desktop/tablet >= 800px with hover capability */
@media (min-width: 1200px) and (hover: hover) and (pointer: fine) {
  a.mht-button:hover {
    background-color: var(--primary-darkened);
  }
}

/* Accordion Meetings */
.mht-meeting__media .mht-meeting__embed {
  width: 100% !important;
  height: 100% !important;
}

.mht-meeting__embed iframe {
  display: block;
  width: 100% !important;
  height: 100% !important;
  border: 0;
}

.mht-meeting__embed {
  position: relative;
  width: 100%;
  overflow: hidden;
  border-radius: 8px;
  background: #000;
  aspect-ratio: 16 / 9;
}

.mht-meeting__embed-image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.mht-meeting__embed-play {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 120px;
  height: 120px;
  border-radius: 50%;
  z-index: 2;
  background-color: transparent;
}

.mht-meeting__embed-duration {
  position: absolute;
  right: 8px;
  bottom: 8px;
  background: rgb(0 0 0 / 75%);
  color: #fff;
  font-size: 12px;
  line-height: 1;
  padding: 4px 6px;
  border-radius: 4px;
  z-index: 2;
}

.mht-meeting__embed iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
  display: block;
}

/* CSS media group grid fix */
@media (max-width: 850px) {
  .wp-block-group[style*="padding"] {
    padding-inline: 1rem !important;
  }

  .wp-block-group[style*="margin"] {
    margin-inline: 0 !important;
  }

  :where(.wp-block-columns.has-background) {
    padding: 10px;
  }
}

/* Card arrow patch */
div.mht-arrow-button {
  height: inherit;
}

/* Card feature Hover */
a:hover .mht-card-feature {
  background-color: var(--primary-darkened);
  color: var(--white);
}

a:hover .mht-card-feature h3,
a:hover .mht-card-feature p {
  color: var(--white);
}

/* mht svg card link */
a:hover .mht-card.mht-card-link.mht-card--shadow.mht-card--rounded.responsive {
  background-color: var(--primary);
}

a:hover .mht-card.mht-card-link.mht-card--shadow.mht-card--rounded.responsive .mht-card-icon__text h2 {
  color: #fff;
}   

/* iOS devices under 820px */
@supports (-webkit-touch-callout: none) {
  @media screen and (max-width: 819px) {
          
    .mht-card.mht-card-link.responsive { 
      transition: none;
    }   
  }
}


.mht-card.mht-card-feature.mht-card-feature--clickable h3,
.mht-card.mht-card-feature.mht-card-feature--clickable p {
  word-break: unset;
  hyphens: unset;
}

/* Contact card — mobile padding + email wrapping.
 */
@media (max-width: 576px) {
  .mht-card-contact .mht-card-contact__body {
    padding: 20px 24px;
  }

  .mht-card-contact__email a {
    overflow-wrap: anywhere;
  }
}

/* Fix for: (French home page)Between about 1200px and 1450px wide, the four "Sujets populaires" cards are at their narrowest while the headings are still fairly large. "communautaire" is too long to fit on one line in its card, so it sticks out past the card's edge.
 */
@media (max-width: 1460px) {
  .mht-grid-4:has(.mht-card-feature) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.mht-grid-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

/* Mobile mega menu: sb-main caps the open section at max-height: 70vh with
   overflow-y: hidden, so long sections (e.g. Services) are cut off and can't
   be scrolled. Let the open section take its full height; the page scrolls. */
@media (max-width: 576px) {
  .mobile-mega-menu ul.mht-menu--list ul.dropdown-mega-menu.show {
    max-height: none;
  }
}

/* Pagination arrows: keep brand colours in every link state (overrides global a:visited) */
.mht-pagination a.mht-pagination__arrow:link,
.mht-pagination a.mht-pagination__arrow:visited {
  color: #007c82;
}

.mht-pagination a.mht-pagination__arrow--next:link,
.mht-pagination a.mht-pagination__arrow--next:visited,
.mht-pagination a.mht-pagination__arrow--next:hover,
.mht-pagination a.mht-pagination__arrow--next:focus-visible {
  color: #fff;
}

/* Page numbers: the global a:visited rule greys these out too */
.mht-pagination a.mht-pagination__link:visited {
  color: #000;
}
.mht-pagination a.mht-pagination__link.is-active:visited,
.mht-pagination a.mht-pagination__link:visited:hover,
.mht-pagination a.mht-pagination__link:visited:focus-visible {
  color: #c21875;
}