/* Austin Regional Clinic Styles - Custom CSS modifications added by Austin Regional Clinic team */
/* Vertex: DO NOT add your styles here. This stylesheet should always be the last stylesheet included on any page. */
#headerAlertBar .wrapper p a {
  margin-right: 1.5rem;
  border-left: 2px solid #fff;
  padding-left: 1.5rem; }
  #headerAlertBar .wrapper p a:first-of-type {
    border-left: none;
    padding-left: 0; }

#benefits img {
  max-height: 75px; }

#download-mychart-callout .columns .two-thirds {
  display: grid;
  align-content: center; }
  #download-mychart-callout .columns .two-thirds .text-white {
    font-size: 4.5rem;
    line-height: 5rem; }
  #download-mychart-callout .columns .two-thirds .btn-group {
    justify-content: center; }
#download-mychart-callout .columns .one-third {
  display: none; }

.ss-hero-banner .hero-img img {
  object-position: 50% 20% !important; }

#careers-apply-today {
  text-align: center; }
  #careers-apply-today li {
    position: relative; }
    #careers-apply-today li a:last-of-type {
      position: absolute;
      bottom: 10%;
      left: 50%;
      transform: translate(-50%, 0%);
      text-transform: none !important;
      white-space: nowrap;
      font-size: 1.4rem; }

.ph-directory th,
.ph-directory td {
  vertical-align: middle; }

.questionnaire .appointment-question {
  display: none;
  padding-top: 3.5rem;
  border-top: .1rem solid #afb6ba;
  width: 100%;
  margin: 3.5rem auto 0;
  text-align: center; }
  .questionnaire .appointment-question.default {
    display: block;
    padding-top: 0;
    margin-top: 0;
    border-top: 0 none; }
  .questionnaire .appointment-question > *:first-child {
    margin-top: 0; }
  .questionnaire .appointment-question > *:last-child {
    margin-bottom: 0; }
  .questionnaire .appointment-question a.btn {
    min-width: 6.5rem;
    background: #fff;
    color: #9361a6; }
    .questionnaire .appointment-question a.btn:hover, .questionnaire .appointment-question a.btn.selected, .questionnaire .appointment-question a.btn.selected:hover {
      color: #fff;
      background-color: #9361a6; }
  .questionnaire .appointment-question .btn-group {
    border: .2rem solid #9361a6;
    overflow: hidden;
    border-radius: 1.5rem;
    column-gap: 0;
    align-items: center;
    flex-flow: row wrap; }
    .questionnaire .appointment-question .btn-group > .btn {
      border-radius: 0;
      border: none;
      border-right: .2rem solid #9361a6; }
      .questionnaire .appointment-question .btn-group > .btn:last-child {
        border-right: none; }
  .questionnaire .appointment-question ul.choices {
    list-style: none;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: auto;
    grid-gap: 1.5rem;
    margin: 0;
    padding: 0;
    align-items: center;
    justify-content: center; }
    .questionnaire .appointment-question ul.choices > li + li {
      margin-top: 0; }
    .questionnaire .appointment-question ul.choices > li a.btn {
      width: 100%;
      border: .2rem solid #9361a6;
      border-radius: 1.5rem; }

.accordion {
  padding: 0;
  margin-top: 0;
  overflow: hidden; }
  .accordion > div {
    margin: 0;
    padding: 0;
    border-bottom: 0.1rem solid var(--color-gray); }

@media screen and (min-width: 768px) {
  #download-mychart-callout {
    margin-top: 8rem; }
    #download-mychart-callout .columns {
      clip-path: inset(-10rem 0 -4rem 0); }
      #download-mychart-callout .columns .two-thirds {
        padding: 3rem 0; }
      #download-mychart-callout .columns .one-third {
        position: relative;
        display: list-item; }
        #download-mychart-callout .columns .one-third img {
          position: absolute;
          bottom: -7rem;
          right: 10%; }

  .questionnaire .appointment-question ul.choices {
    grid-template-columns: repeat(2, 1fr); } }
@media only screen and (min-width: 980px) {
  .questionnaire .appointment-question {
    width: 75%; } }