:root{
  --mtx-card-navy:#14264f;
  --mtx-card-blue:#3154aa;
  --mtx-card-blue-hover:#274691;
  --mtx-card-green:#16a05d;
  --mtx-card-green-hover:#0b8249;
  --mtx-card-heading:#111827;
  --mtx-card-text:#24364d;
  --mtx-card-muted:#6a778a;
  --mtx-card-border:#dbe8e2;
}

.mtx-hospital-grid,
.mtx-hospital-grid *{
  box-sizing:border-box!important;
}

.mtx-hospital-grid{
  display:grid!important;
  width:100%!important;
  gap:24px!important;
  margin:0!important;
  padding:0!important;
  font-family:Arial,Helvetica,sans-serif!important;
}

.mtx-hospital-columns-1{
  grid-template-columns:minmax(0,1fr)!important;
  justify-items:start!important;
}

.mtx-hospital-columns-2{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
}

.mtx-hospital-columns-3{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
}

.mtx-hospital-grid .mtx-hospital-card{
  position:relative!important;
  display:flex!important;
  flex-direction:column!important;
  width:100%!important;
  min-width:0!important;
  min-height:100%!important;
  margin:0!important;
  padding:22px 22px 18px!important;
  overflow:hidden!important;
  border:1px solid var(--mtx-card-border)!important;
  border-top:4px solid var(--mtx-card-green)!important;
  border-radius:10px!important;
  background:#fff!important;
  box-shadow:0 5px 16px rgba(25,49,73,.10)!important;
  color:var(--mtx-card-text)!important;
  text-align:left!important;
}

.mtx-hospital-columns-1 .mtx-hospital-card{
  max-width:680px!important;
}

.mtx-hospital-card-top{
  display:grid!important;
  grid-template-columns:118px minmax(0,1fr)!important;
  gap:19px!important;
  align-items:start!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
}

.mtx-hospital-card-image{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:118px!important;
  height:118px!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  border:0!important;
  border-radius:7px!important;
  background:var(--mtx-card-navy)!important;
  box-shadow:none!important;
  text-decoration:none!important;
}

.mtx-hospital-card-image img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  object-fit:cover!important;
  object-position:center!important;
}

.mtx-hospital-image-placeholder{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  height:100%!important;
  padding:12px!important;
  color:#fff!important;
  font-size:18px!important;
  font-weight:800!important;
  line-height:1.2!important;
  letter-spacing:.02em!important;
  text-align:center!important;
}

.mtx-hospital-card-summary{
  min-width:0!important;
  margin:0!important;
  padding:0!important;
}

.mtx-hospital-grid .mtx-hospital-card-title{
  margin:0 0 8px!important;
  padding:0!important;
  color:var(--mtx-card-heading)!important;
  font-family:Arial,Helvetica,sans-serif!important;
  font-size:22px!important;
  font-weight:800!important;
  line-height:1.25!important;
  letter-spacing:0!important;
  text-transform:none!important;
}

.mtx-hospital-grid .mtx-hospital-card-title a{
  color:inherit!important;
  font:inherit!important;
  text-decoration:none!important;
}

.mtx-hospital-badge-row{
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  gap:8px!important;
  min-height:25px!important;
  margin:0 0 10px!important;
  padding:0!important;
}

.mtx-hospital-accreditation-badge{
  display:inline-flex!important;
  align-items:center!important;
  min-height:23px!important;
  margin:0!important;
  padding:4px 10px!important;
  border:1px solid #efb5ab!important;
  border-radius:6px!important;
  background:#fff0ed!important;
  color:#d84d39!important;
  font-size:12px!important;
  font-weight:700!important;
  line-height:1.15!important;
}

.mtx-hospital-cert-circle{
  display:inline-flex!important;
  flex:0 0 25px!important;
  align-items:center!important;
  justify-content:center!important;
  width:25px!important;
  height:25px!important;
  margin:0!important;
  padding:0!important;
  border:1px solid #cbb46f!important;
  border-radius:50%!important;
  background:#fffdf4!important;
  color:#8d7128!important;
  font-size:7px!important;
  font-weight:800!important;
  line-height:1!important;
  text-transform:uppercase!important;
}

.mtx-hospital-cert-circle.mtx-cert-2,
.mtx-hospital-cert-circle.mtx-cert-4{
  border-color:#8eb8b6!important;
  background:#f1fbfa!important;
  color:#347f7a!important;
}

.mtx-hospital-facts{
  display:grid!important;
  grid-template-columns:minmax(90px,.75fr) minmax(155px,1.25fr)!important;
  gap:8px 18px!important;
  width:100%!important;
  margin:0 0 14px!important;
  padding:0!important;
}

.mtx-hospital-fact{
  display:flex!important;
  min-width:0!important;
  gap:4px!important;
  margin:0!important;
  padding:0!important;
  color:var(--mtx-card-muted)!important;
  font-size:13px!important;
  font-weight:400!important;
  line-height:1.35!important;
}

.mtx-hospital-fact strong{
  flex:0 0 auto!important;
  color:#202d40!important;
  font-size:13px!important;
  font-weight:800!important;
  line-height:1.35!important;
}

.mtx-hospital-fact span{
  min-width:0!important;
  overflow-wrap:anywhere!important;
}

.mtx-hospital-card-actions{
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  gap:10px!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
}

.mtx-hospital-action{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  min-height:36px!important;
  margin:0!important;
  padding:8px 14px!important;
  border:0!important;
  border-radius:5px!important;
  box-shadow:none!important;
  color:#fff!important;
  font-family:Arial,Helvetica,sans-serif!important;
  font-size:13px!important;
  font-weight:700!important;
  line-height:1.2!important;
  text-align:center!important;
  text-decoration:none!important;
  text-transform:none!important;
}

.mtx-hospital-action:hover,
.mtx-hospital-action:focus{
  color:#fff!important;
  text-decoration:none!important;
}

.mtx-hospital-appointment{background:var(--mtx-card-blue)!important}
.mtx-hospital-appointment:hover,.mtx-hospital-appointment:focus{background:var(--mtx-card-blue-hover)!important}
.mtx-hospital-contact{background:var(--mtx-card-green)!important}
.mtx-hospital-contact:hover,.mtx-hospital-contact:focus{background:var(--mtx-card-green-hover)!important}

.mtx-hospital-action-icon{
  display:inline-flex!important;
  flex:0 0 15px!important;
  width:15px!important;
  height:15px!important;
  margin:0!important;
  padding:0!important;
}

.mtx-hospital-action-icon svg{
  display:block!important;
  width:100%!important;
  height:100%!important;
  fill:currentColor!important;
}

.mtx-hospital-grid .mtx-hospital-card-description{
  margin:19px 0 14px!important;
  padding:0!important;
  color:#23344d!important;
  font-family:Arial,Helvetica,sans-serif!important;
  font-size:14px!important;
  font-weight:400!important;
  line-height:1.62!important;
  letter-spacing:0!important;
}

.mtx-hospital-accreditations{
  width:100%!important;
  margin:0 0 20px!important;
  padding:0!important;
}

.mtx-hospital-grid .mtx-hospital-accreditations h3{
  margin:0 0 7px!important;
  padding:0!important;
  color:#17243a!important;
  font-family:Arial,Helvetica,sans-serif!important;
  font-size:15px!important;
  font-weight:800!important;
  line-height:1.35!important;
  letter-spacing:0!important;
  text-transform:none!important;
}

.mtx-hospital-accreditations ul{
  margin:0!important;
  padding:0 0 0 18px!important;
  list-style:disc!important;
  color:#607087!important;
  font-size:14px!important;
  line-height:1.65!important;
}

.mtx-hospital-accreditations li{
  margin:0 0 3px!important;
  padding:0 0 0 2px!important;
  color:#607087!important;
  font-size:14px!important;
  line-height:1.65!important;
}

.mtx-hospital-card-footer{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  width:100%!important;
  min-height:38px!important;
  margin-top:auto!important;
  padding:14px 0 0!important;
  border-top:1px solid var(--mtx-card-border)!important;
}

.mtx-hospital-view-link{
  display:inline-flex!important;
  align-items:center!important;
  gap:7px!important;
  margin:0!important;
  padding:0!important;
  color:#08763f!important;
  font-family:Arial,Helvetica,sans-serif!important;
  font-size:13px!important;
  font-weight:800!important;
  line-height:1.2!important;
  text-decoration:none!important;
}

.mtx-hospital-view-link:hover,
.mtx-hospital-view-link:focus{
  color:#075f34!important;
  text-decoration:none!important;
}

.mtx-hospital-view-arrow{
  display:inline-flex!important;
  width:16px!important;
  height:16px!important;
}

.mtx-hospital-view-arrow svg{
  display:block!important;
  width:100%!important;
  height:100%!important;
  fill:currentColor!important;
}

.mtx-hospital-empty{
  grid-column:1/-1!important;
  margin:0!important;
  padding:25px!important;
  border:1px solid var(--mtx-card-border)!important;
  border-radius:10px!important;
  background:#fff!important;
  color:var(--mtx-card-muted)!important;
  font-size:15px!important;
  text-align:center!important;
}

/* No ornament, logo, star, divider badge or automatic single-page card. */
.mtx-hospital-card-ornament,
.mtx-hospital-card::after,
.mtx-hospital-grid::after{
  display:none!important;
  content:none!important;
}

@media(max-width:1100px){
  .mtx-hospital-columns-3{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

@media(max-width:850px){
  .mtx-hospital-columns-2,
  .mtx-hospital-columns-3{grid-template-columns:minmax(0,1fr)!important}
}

@media(max-width:620px){
  .mtx-hospital-grid{
    width:calc(100vw - 40px)!important;
    max-width:calc(100vw - 40px)!important;
    margin-left:calc(50% - 50vw + 20px)!important;
    margin-right:calc(50% - 50vw + 20px)!important;
  }

  .mtx-hospital-grid .mtx-hospital-card{
    padding:18px 16px 16px!important;
  }

  .mtx-hospital-card-top{
    grid-template-columns:94px minmax(0,1fr)!important;
    gap:14px!important;
  }

  .mtx-hospital-card-image{
    width:94px!important;
    height:94px!important;
  }

  .mtx-hospital-grid .mtx-hospital-card-title{
    font-size:19px!important;
  }

  .mtx-hospital-facts{
    grid-template-columns:1fr!important;
    gap:6px!important;
  }

  .mtx-hospital-action{
    flex:1 1 150px!important;
  }
}

@media(max-width:430px){
  .mtx-hospital-card-top{
    grid-template-columns:1fr!important;
  }

  .mtx-hospital-card-image{
    width:100%!important;
    height:180px!important;
  }

  .mtx-hospital-card-actions{
    flex-direction:column!important;
    align-items:stretch!important;
  }

  .mtx-hospital-action{
    width:100%!important;
    flex:0 0 auto!important;
  }
}
