section.ch-block-clinics { margin-left:calc(50% - 50vw); margin-right:calc(50% - 50vw); max-width:100vw; width:100vw; position:relative; padding-top:100px }
section.ch-block-clinics:first-child { margin-top:-100px }
section.ch-block-clinics::before {
  content:'';
  background:url(/wp-content/plugins/carehubs-app-healthproviders/Public/images/map-background.jpg) center no-repeat;
  background-size:cover;
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:45%;
  max-height:350px
}
section.ch-block-clinics .container { max-width:480px; margin:auto; position:relative; z-index:1 }
@media screen and (min-width: 768px) {
  section.ch-block-clinics .container { max-width:700px }
}
@media screen and (min-width: 992px) {
  section.ch-block-clinics .container { max-width:1400px }
}
section.ch-block-clinics .container a { transition:all .3s ease; text-decoration:none }
section.ch-block-clinics .clinic-content { text-align:center; padding-bottom:50px; position: relative; padding-left: 15px; padding-right: 15px; }
@media screen and (min-width: 992px) {
  section.ch-block-clinics .clinic-content { display:flex; align-items:center; justify-content:space-between; }
}
section.ch-block-clinics .clinic-content h3 { margin-bottom:30px }
@media screen and (min-width: 992px) {
  section.ch-block-clinics .clinic-content h3 { margin-bottom:0; font-size:38px; font-size:2.375rem }
}
section.ch-block-clinics .clinic-cards { margin-bottom:30px; visibility:hidden }
section.ch-block-clinics .clinic-cards.slick-initialized { visibility:visible }
section.ch-block-clinics .slick-list { margin-bottom:40px }
section.ch-block-clinics .slick-track { display:flex }
section.ch-block-clinics .clinic-card { padding:0 15px; display:flex; flex-direction:column; float:none; height:auto }
section.ch-block-clinics .post-thumb { position:relative; margin-bottom:10px; width:100%; max-width:320px; margin-left:auto; margin-right:auto }
section.ch-block-clinics .post-thumb::before { content:''; position:absolute; z-index:0; top:0; left:0; width:100%; height:100%; background-color:#F1AB00; border-radius:0 }
section.ch-block-clinics .post-thumb a { display:block; position:relative; z-index:1; background-position:center; background-repeat:no-repeat; background-size:cover; border-radius:0 }
section.ch-block-clinics .post-thumb a:before { content:''; float:left; padding-bottom:75% }
section.ch-block-clinics .post-thumb a:after { content:''; display:table; clear:both }
section.ch-block-clinics h4 { font-size:20px; font-size:1.25rem }
section.ch-block-clinics h4 a { color:#002158 }
section.ch-block-clinics h4 a:hover { color:#1D5FCF }
section.ch-block-clinics address { margin-top:auto }
section.ch-block-clinics address,
section.ch-block-clinics a.phone { display:block; padding:0 0 0 22px; margin-bottom:15px; color:#445562 }
section.ch-block-clinics address i,
section.ch-block-clinics a.phone i { float:left; margin-left:-22px; color:#3781FF; line-height:.9; margin-top:5px }
section.ch-block-clinics address i svg,
section.ch-block-clinics a.phone i svg { height:13px; width:auto }
section.ch-block-clinics a.phone { margin-bottom:20px }
section.ch-block-clinics a.phone:hover { color:#3781FF }
section.ch-block-clinics .button { display:block }
section.ch-block-clinics .area-tag {
  font-size:12px;
  font-size:.75rem;
  background:#d1dbe4;
  color:#425b74;
  border-radius:20px;
  padding:0px 8px 0 8px;
  display:inline-block;
  font-weight:500;
  margin-bottom:10px;
  align-self:flex-start
}
section.ch-block-clinics .area-tag.riverside { background:#3781FF; color:white }
section.ch-block-clinics .area-tag.desert,
section.ch-block-clinics .area-tag.coachellavalley { background:#66ceff; color:#004666 }
section.ch-block-clinics .area-tag.oc { background:#ffce58; color:#583e00 }
section.ch-block-clinics .link { display:block; width:250px; margin:0 auto; text-align:center }
section.ch-block-clinics .link:hover { text-decoration:underline }
