/* ==========================================================================
   Austin Regional Clinic (2021-2022 Redevelopment) Site Styles
   Vertex Software Corporation
   Austin, Texas
   ========================================================================== */

/* DESCRIPTION: This stylesheet is intended for site-wide styles like the site header, site footer, and other general formatting. */

/* Variables */
:root {
    /*Colors - Main */
    --color-purple: #4b116f;
    --color-purple-light: #9361a6;
    --color-teal: #1f9fb6;
    --color-blue: #1a2c54;
    --color-green: #64a743;
    --color-green-dark: #4e8209;
    /*Colors - Neutral*/
    --color-white: #FFF;
    --color-black: #444;
    --color-gray: #afb6ba;
    --color-gray-light: #f8f8f8; /*aka #D1D1D1 @ 15% opacity*/
    --color-gray-dark: #707070;
    /*Colors - Semantic*/
    --color-success: #8FC73E;
    --color-warning: #CC3721;
    --color-error: #FF6060;
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

html {
    font-size: 62.5%; /*10px (so units can be based on 10)*/
    background-color: var(--color-purple-light); /*same as footer in case content area height is short*/
    overflow-x: hidden;
}
html.lightboxed {
    background-color: var(--color-white);
}

body {
    color: var(--color-black);
    font-family: 'Merriweather Sans', sans-serif;
    font-weight: 400;
    font-size: 1.6rem;
    line-height: 1.75;
    letter-spacing: 0px;
    background-color: var(--color-white);
}

p { margin: 2rem 0; }
/*p:first-child { margin-top: 0; }
p:last-child { margin-bottom: 0; }*/
p:empty { display: none; }

/* Note: Some headings start out smaller than defined in style guide for mobile, and increase to style guide size at larger breakpoints */
h1, h2, h3, h4, h5, h6 {
    margin: 0;
    color: #333;
    line-height: 1.25;
}
h1, .h1 {
    font-family: 'Merriweather', serif;
    font-weight: 700;
    font-size: 3.5rem;
    letter-spacing: -0.5px;
}
h2, .h2 {
    font-family: 'Merriweather', serif;
    font-weight: 700;
    font-size: 3rem;
    letter-spacing: -0.5px;
}
h3, .h3 {
    font-family: 'Merriweather', serif;
    font-weight: 700;
    font-size: 2.75rem;
    letter-spacing: 0px;
}
h4, .h4 {
    font-family: 'Merriweather Sans', sans-serif;
    font-weight: 400;
    font-size: 2.25rem;
    letter-spacing: 0.25px;
}
h5, .h5 {
    font-family: 'Merriweather Sans', sans-serif;
    font-weight: 400;
    font-size: 2rem;
    letter-spacing: 0px;
}
h6, .h6 {
    font-family: 'Merriweather', serif;
    font-weight: 400;
    font-size: 1.6rem;
    letter-spacing: 0.15px;
}
h1 br, h2 br, h3 br, 
h4 br, h5 br, h6 br {
    display: none;
}
h1 + p, h2 + p, h3 + p, h4 + p, h5 + p, h6 + p {
    margin-top: 1rem;
}

strong, b {
    font-weight: 700;
}

address {
    font-style: inherit;
}

.text-large {
    font-size: 1.8rem;
}
.text-larger {
    font-size: 2rem;
}
.text-small, small {
    font-size: 1.4rem;
}
.text-smaller {
    font-size: 1.2rem;
}
.text-center {
    text-align: center;
}
.text-purple {
    color: var(--color-purple);
}
.text-purple-light {
    color: var(--color-purple-light);
}
.text-gray {
    color: var(--color-gray);
}
.text-white {
    color: var(--color-white);
}
.text-script {
    font-family: 'Dancing Script', cursive; /*This is a TEMPORARY replacement for "Thirsty Soft" font until ARC picks an official replacement -EH*/
    font-size: 160%;
}

.no-wrap {
    white-space: nowrap;
}

a {
    color: var(--color-teal);
    text-decoration: none;
}
a:hover,
a:active,
a:focus {
    text-decoration: underline;
    outline: 0;
}
a.subtle {
    color: inherit;
}

ul, ol {  
    margin: 2rem 0;
    padding-left: 3rem;
} 
ul li, ol li { 
    margin: 0;
    padding: 0;
}
ul li + li, ol li + li {
    margin-top: .5rem;
}
ul:first-child, ol:first-child { margin-top: 0; }
ul:last-child, ol:last-child { margin-bottom: 0; }

ul.no-bullets,
ul.columns > li ul.no-bullets {
    list-style: none;
}

hr {
    display: block;
    margin: 2rem 0;
    padding: 0;
    height: .1rem;
    background-color: var(--color-gray);
    border: none;
}

figure {
    margin: 0;
}
img {
    max-width: 100%;
}
.img-left,
.img-right {
    display: block;
    margin: 2rem auto;
}
img.crop-to-size {
    object-fit: cover;
}
.content.boxed img.extra-wide {
    display: block;
    width: calc(100% + 2rem);
    max-width: unset;
    margin-left: -1rem;
    margin-right: -1rem;
}
img.border-gray {
    border: .8rem solid var(--color-gray-light);
}

.wrapper {
    width: 90vw;
    max-width: 144rem; /*1440px*/
    margin: 0 auto;
}
.wrapper.wide {
    max-width: 160rem; /*1600px*/
}
.wrapper.narrow {
    max-width: 128rem; /*1280px*/
}

/* Header Area ------------------------------------------------------------------------------------ */

.alert {
    position: relative;
    z-index: 5;
    /*padding: 2rem 0;*/
    padding: 1.5rem 0;
    color: var(--color-white);
    background-color: var(--color-warning);
    margin-bottom: 0;
    border-radius: 0;
}
.alert > .wrapper {
    display: flex;
    flex-flow: row nowrap;
    align-items: flex-start;
    padding-right: 4rem; /*room for close btn*/
}
.alert > .wrapper:before {
    content: "";
    display: block;
    flex: 0 0 auto;
    /*width: 4.2rem;
    height: 3.6rem;*/
    width: 3.2rem;
    height: 2.6rem;
    margin-right: 1rem;
    -webkit-mask: url("../svg/icon-alert.svg") no-repeat center;
    mask: url("../svg/icon-alert.svg") no-repeat center;
    background-color: currentColor;
}
.alert .btn-close {
    display: block;
    position: absolute;
    /*top: 2rem;
    right: 2rem;*/
    top: 1.5rem;
    right: 1.5rem;
    width: 2rem;
    height: 2rem;
    overflow: hidden;
    text-indent: -200vw;
    -webkit-mask: url("../svg/icon-close.svg") no-repeat center;
    mask: url("../svg/icon-close.svg") no-repeat center;
    background-color: currentColor;
    cursor: pointer;
}
.alert p {
    flex: 1 1 auto;
    margin: 0;
}
.alert a {
    color: var(--color-white);
    /*text-decoration: underline;*/
}

.site-header {
    position: relative;
    z-index: 1000;
    padding: 2rem 0;
    background-color: var(--color-white);
    -webkit-box-shadow: 0 0 .6rem 0 rgba(0,0,0,.15);
    box-shadow: 0 0 .6rem 0 rgba(0,0,0,.15);
}

.site-header .logo {
    position: relative;
    z-index: 2;
    width: auto;
    max-width: 14rem;
    margin: 0 auto;
}
.site-header .logo a {
    display: block;
    height: 0;
    overflow: hidden;
    padding-top: calc(321 / 925 * 100%); /*image native height/width*/
    text-indent: -200vw;
    background: url("../svg/arc_logo.svg") no-repeat center / contain;
}

.site-header .btn-group {
    display: none;
}

.site-header .menu-header {
    position: absolute;
    z-index: 1;
    top: 2rem;
    width: 90vw;
}
.site-header .menu-header ul {
    list-style: none;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: center;
    height: 5rem; /*match logo height*/
    padding: 0;
    margin: 0;
}
.site-header .menu-header ul > li {
    flex: 0 0 auto;
    margin: 0;
}
.site-header .menu-header ul > li:not(.menu, .search) {
    display: none;
}
.site-header .menu-header ul > li > a {
    display: block;
    color: var(--color-black);
}
.site-header .menu-header ul > li > a:hover {
    color: var(--color-purple);
}
.site-header .menu-header ul > li.menu > a,
.site-header .menu-header ul > li.search > a {
    width: 3.2rem;
    height: 3.2rem;
    overflow: hidden;
    text-indent: -200vw;
    background-color: currentColor;
}
.site-header .menu-header ul > li.menu > a {
    -webkit-mask: url("../svg/icon-menu.svg") no-repeat center;
    mask: url("../svg/icon-menu.svg") no-repeat center;
}
.site-header .menu-header ul > li.menu > a.open {
    -webkit-mask-image: url("../svg/icon-close.svg");
    mask-image: url("../svg/icon-close.svg");
}
.site-header .menu-header ul > li.search > a {
    -webkit-mask: url("../svg/icon-search.svg") no-repeat center;
    mask: url("../svg/icon-search.svg") no-repeat center;
}
.site-header .menu-header .search-bar {
    display: none;
}
.site-header.show-search .menu-header .search-bar {
    display: flex;  
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
}
.site-header.show-search {
    padding-bottom: 9rem; /*height of search bar + 40px*/
}
.site-header .menu-header .search-bar input,
.site-header .menu-header .search-bar .btn {
    padding-top: .8rem;
    padding-bottom: .8rem;
}
.site-header .menu-header .search-bar .btn {
    width: auto;
}

.mega-menu {
    display: none;
}
.mega-menu.show-mega-menu {
    display: block; 
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    padding: 2rem 0;
    border-top: .1rem solid var(--color-gray-dark);
    border-bottom: .1rem solid var(--color-gray-dark);
    background-color: var(--color-white);
}
.mega-menu .btn-close {
    display: none;
}
.mega-menu ul {
    list-style: none;
    margin: 1rem 0 0 0;
    padding: 0;
}
.mega-menu ul li a {
    color: inherit;
    text-decoration: none;
}
.mega-menu ul li a:hover {
    text-decoration: underline;
}
.mega-menu#MainMenu > .wrapper.desktop-menu {
    display: none;
}
.mega-menu#MainMenu .accordion-toggle {
    flex-direction: row-reverse;
    justify-content: space-between;
}
.mega-menu#MainMenu .accordion-toggle:before {
    flex-basis: 2.4rem;
    height: 2.4rem;
    margin-right: 0;
    margin-left: 1rem;
}
.mega-menu#MainMenu ul.accordion > li:first-child .accordion-toggle {
    margin-top: 0;
}
.mega-menu#MainMenu .accordion-content {
    margin-left: 2rem;
}
.mega-menu#MainMenu .btn-group {
    display: flex;
    gap: 2rem;
    margin-top: 2rem;
}

/*autocomplete search results*/
.search-dropdown {
    list-style: none;
    positon: relative;
    max-height: 30rem;
    overflow: hidden auto;
    margin: 0;
    padding: 0;
    background-color: var(--color-white);
    -webkit-box-shadow: 0 0.6rem 0.6rem 0 rgb(0 0 0 / 15%);
    box-shadow: 0 0.6rem 0.6rem 0 rgb(0 0 0 / 15%);
}
.search-dropdown-item,
.search-dropdown-item-hover {
    margin: 0;
    padding: .8rem 1.6rem;
    cursor: pointer;
}
.search-dropdown-item-hover {
    font-weight: 900;
    background-color: var(--color-gray-light);
}

/* Footer Area ------------------------------------------------------------------------------------ */

.site-footer {
    padding: 2rem 0;
    color: var(--color-white);
    background: var(--color-purple-light);
}
.site-footer h5, 
.site-footer a {
    color: var(--color-white);
}
.site-footer ul {
    list-style: none;
    padding: 0;
}
.site-footer hr {
    background-color: var(--color-white);
}

.site-footer .menu-footer {
    margin: 0;
}
.site-footer .menu-footer ul li + li {
    margin-top: 1rem;
}

.site-footer .footer-lower {
    font-size: 1.6rem;
}
.site-footer .footer-lower ul {
    display: inline-flex;
    margin: 0;
}
.site-footer .footer-lower ul li + li {
    margin-top: 0;
    margin-left: 2rem;
}

/* Content Area ------------------------------------------------------------------------------------ */

.bgr-white {
    background-color: var(--color-white);
}
.bgr-gray {
    background-color: var(--color-gray-light);
}
.bgr-purple {
    color: var(--color-white);
    background-color: var(--color-purple);
}
.bgr-purple a:not(.btn) {
    color: inherit;
}

.site-main > .wrapper {
    padding-top: 2rem;
    padding-bottom: 2rem;
}
.site-main > .wrapper > .content.boxed {
    padding: 2rem;
    background-color: var(--color-white);
}
.site-main.has-sidebar > .wrapper > .sidebar {
    margin-bottom: 2rem;
}

.menu-sidebar {
    padding: 1rem;
    background-color: var(--color-white);
    border-radius: 1rem;
}
.menu-sidebar ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.menu-sidebar ul li {
    margin: 0;
}
.menu-sidebar ul li a {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: center;
    padding: 1.4rem 1rem;
    color: inherit;
}
.menu-sidebar ul li.selected > a,
.menu-sidebar ul li a.current {
    border-radius: 1rem;
    background-color: var(--color-gray-light);
    pointer-events: none;
}
.menu-sidebar ul li a:after {
    content: "";
    flex: 0 0 2.4rem;
    height: 1.6rem;
    margin-left: 1rem;
    -webkit-mask: url("../svg/icon-curved-arrow-right.svg") no-repeat center;
    mask: url("../svg/icon-curved-arrow-right.svg") no-repeat center;
    background-color: var(--color-gray);
}
.menu-sidebar ul li a:hover:after {
    background-color: currentColor;
}
.menu-sidebar .btn,
.sub-location-details .btn {
    display: block;
    margin-top: 1rem;
    padding-left: 2rem;
    padding-right: 2rem;
}
.menu-sidebar .mobile-fixed-cta,
.sub-location-details .mobile-fixed-cta {
    position: fixed;
    z-index: 1;
    bottom: 0;
    left: 0;
    width: 100vw;
    padding: 1rem 5vw;
    background-color: var(--color-white);
    -webkit-box-shadow: 0 0 .6rem 0 rgba(0,0,0,.15);
    box-shadow: 0 0 .6rem 0 rgba(0,0,0,.15);
}
.menu-sidebar .mobile-fixed-cta .btn,
.sub-location-details .mobile-fixed-cta .btn {
    margin-top: 0;
}

.menu-sidebar ul.jump-links a {
    justify-content: flex-start;
    align-items: flex-start;
}
.menu-sidebar ul.jump-links li a:after {
    display: none;
}
.menu-sidebar ul.jump-links li a:before {
    content: "";
    flex: 0 0 2.4rem;
    height: 1.75em; /*match text line-height*/
    margin-right: 1rem;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: 100% 2.4rem;
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: 100% 2.4rem;
    background-color: currentColor;
}
.menu-sidebar ul.jump-links li a[href="#About"]:before {
    -webkit-mask-image: url("../svg/icon-cross-circle.svg");
    mask-image: url("../svg/icon-cross-circle.svg");
}
.menu-sidebar ul.jump-links li a[href="#Services"]:before,
.menu-sidebar ul.jump-links li a[href="#Conditions"]:before {
    -webkit-mask-image: url("../svg/icon-medkit.svg");
    mask-image: url("../svg/icon-medkit.svg");
}
.menu-sidebar ul.jump-links li a[href="#MissionVision"]:before, 
.doctor-detail .menu-sidebar ul.jump-links li a[href="#Services"]:before,
.location-detail .menu-sidebar ul.jump-links li a[href="#Services"]:before {
    -webkit-mask-image: url("../svg/icon-heart.svg");
    mask-image: url("../svg/icon-heart.svg");
}
.menu-sidebar ul.jump-links li a[href="#Treatments"]:before,
.menu-sidebar ul.jump-links li a[href="#SurgeryCare"]:before,
.menu-sidebar ul.jump-links li a[href="#Immunizations"]:before, 
.location-detail .menu-sidebar ul.jump-links li a[href="#Specialties"]:before {
    -webkit-mask-image: url("../svg/icon-stethoscope.svg");
    mask-image: url("../svg/icon-stethoscope.svg");
}
.menu-sidebar ul.jump-links li a[href="#Locations"]:before,
.location-detail .menu-sidebar ul.jump-links li a[href="#Providers"]:before {
    -webkit-mask-image: url("../svg/icon-map-marker.svg");
    mask-image: url("../svg/icon-map-marker.svg");
}
.menu-sidebar ul.jump-links li a[href="#Resources"]:before {
    -webkit-mask-image: url("../svg/icon-clipboard-heart.svg");
    mask-image: url("../svg/icon-clipboard-heart.svg");
}
.menu-sidebar ul.jump-links li a[href="#Credentials"]:before {
    -webkit-mask-image: url("../svg/icon-check-mark-shield.svg");
    mask-image: url("../svg/icon-check-mark-shield.svg");
}
.menu-sidebar ul.jump-links li a[href="#Reviews"]:before {
    -webkit-mask-image: url("../svg/icon-star.svg");
    mask-image: url("../svg/icon-star.svg");
}
.menu-sidebar ul.jump-links li a[href="#Mentions"]:before,
.menu-sidebar ul.jump-links li a[href="#MeetAndGreet"]:before {
    -webkit-mask-image: url("../svg/icon-text-bubble.svg");
    mask-image: url("../svg/icon-text-bubble.svg");
}
.menu-sidebar ul.jump-links li a[href="#Shop"]:before {
    -webkit-mask-image: url("../svg/icon-shop.svg");
    mask-image: url("../svg/icon-shop.svg");
}
.menu-sidebar ul.jump-links li a[href="#Leadership"]:before {
    -webkit-mask-image: url("../svg/icon-lightbulb.svg");
    mask-image: url("../svg/icon-lightbulb.svg");
}
.menu-sidebar ul.jump-links li a[href="#AtAGlance"]:before {
    -webkit-mask-image: url("../svg/icon-eye.svg");
    mask-image: url("../svg/icon-eye.svg");
}
.menu-sidebar ul.jump-links li a[href="#QualityCommitment"]:before {
    -webkit-mask-image: url("../svg/icon-thumbs-up.svg");
    mask-image: url("../svg/icon-thumbs-up.svg");
}

/* careers specific jump links*/
.menu-sidebar ul.jump-links li a.current-positions:before {
    -webkit-mask-image: url("../svg/icon-careers-current-positions.svg");
    mask-image: url("../svg/icon-careers-current-positions.svg");
}
.menu-sidebar ul.jump-links li a.submit-cv:before {
    -webkit-mask-image: url("../svg/icon-careers-submit-cv.svg");
    mask-image: url("../svg/icon-careers-submit-cv.svg");
}
.menu-sidebar ul.jump-links li a.next-steps:before {
    -webkit-mask-image: url("../svg/icon-careers-next-steps.svg");
    mask-image: url("../svg/icon-careers-next-steps.svg");
}

/*If you have two menu-sidebar areas you want to join together with a divider between, put this between them (see "About" page)*/
hr.menu-group-divider {
    display: block;
    margin: -1rem 0;
    padding: 0;
    height: .4rem;
    background-color: transparent;
    border-left: 2rem solid var(--color-white);
    border-top: 1rem solid var(--color-white);
    border-bottom: 1rem solid var(--color-white);
    border-right: none;
}

/* Content Area section heading (add to an H1, H2, H3, etc., in the .content area) */

.content.boxed .section-heading {
    display: block;
    margin: 2rem -1rem;
    padding: 1rem;
    background-color: var(--color-gray-light);
}
.content.boxed >.section-heading:first-child,
.content.boxed > *:first-child > .section-heading:first-child {
    margin-top: -1rem;
}
.content.boxed .section-heading + img.extra-wide,
.content.boxed .section-heading + p img.extra-wide {
    margin-top: -1rem;
}

/* Breadcrumbs */
/* Hide breadcrumbs on mobile - https://basecamp.com/2585421/projects/16707683/messages/101022095#comment_864339896 */

.breadcrumbs {
    background: url("../jpg/bgr-purple-2.jpg") no-repeat center / 100%;
}
.breadcrumbs ul {
    display: none;
    /*hiding the UL instead of entire .breadcrumbs div because of Doctor/Location Detail pages*/
}

/* Hero Banner Area */

.hero-banner:empty,
.hero-banner .wrapper:empty {
    display: none;
}
.hero-banner {
    position: relative;
    padding-top: 2rem;
    padding-bottom: 2rem;
}
.hero-banner .hero-img:not(:only-child) {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.hero-banner .hero-img:not(:only-child) img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.hero-banner .hero-img:only-child {
    margin: -2rem calc((100vw - 100%) / -2);
}
.hero-banner .hero-img:only-child img {
    display: block;
    width: 100%;
    object-fit: cover;
}
.hero-banner .hero-img.align-top-left img { object-position: left top; }
.hero-banner .hero-img.align-top-center img { object-position: center top; }
.hero-banner .hero-img.align-top-right img { object-position: right top; }
.hero-banner .hero-img.align-btm-left img { object-position: left bottom; }
.hero-banner .hero-img.align-btm-center img { object-position: center bottom; }
.hero-banner .hero-img.align-btm-right img { object-position: right bottom; }

.hero-banner .hero-content {
    position: relative;
    z-index: 2;
    margin: 0;
}

/* Buttons (Default is "Primary CTA Button") */

.btn {
    display: inline-block;
    min-width: 10rem;
    padding: 1.2rem 2.2rem;
    color: var(--color-white);
    font-family: inherit;
    font-size: 1.6rem;
    line-height: 1.75;
    font-weight: 700;
    text-transform: uppercase;
    text-decoration: none;
    text-align: center;
    background-color: var(--color-green);
    border: .2rem solid transparent;
    border-radius: 1.5rem !important;
    outline: none;
    cursor: pointer;
}
.btn:hover,
.btn:active,
.btn:focus {
    color: var(--color-green);
    text-decoration: none;
    background-color: var(--color-white);
    border-color: currentColor;
}

.btn-secondary {
    color: var(--color-purple-light);
    background-color: var(--color-white);
    border-color: currentColor;
}
.btn-secondary:hover,
.btn-secondary:active,
.btn-secondary:focus,
.btn-secondary.selected {
    color: var(--color-white);
    background-color: var(--color-purple-light);
    border-color: transparent;
}

.btn-secondary.btn-reverse {
    color: var(--color-white);
    background-color: transparent;
    border-color: currentColor;
}
.btn-secondary.btn-reverse:hover,
.btn-secondary.btn-reverse:active,
.btn-secondary.btn-reverse:focus,
.btn-secondary.btn-reverse.selected {
    color: var(--color-purple-light);
    background-color: var(--color-white);
    border-color: currentColor;
}

.btn.btn-disabled,
.btn.btn-disabled:hover {
    color: var(--color-black);
    background-color: var(--color-gray);
    border-color: transparent;
    pointer-events: none;
    cursor: default;
}

.btn.btn-submit {
    color: var(--color-white);
    background-color: var(--color-purple);
    border-color: transparent;
    /*border-radius: 0;*/
}
.btn.btn-submit:hover,
.btn.btn-submit:active,
.btn.btn-submit:focus {
    color: var(--color-white);
    background-color: var(--color-purple-light);
    border-color: transparent;
}

.btn-group {
    margin: 0;
    display: inline-flex;
    flex-flow: column nowrap;
    align-items: stretch;
    gap: 1rem;
}

.btn-toggle {
    margin: 0;
    display: inline-grid;
    grid-auto-flow: column;
    grid-auto-columns: 1fr;
}
.btn-toggle .btn:first-child {
    margin-right: -.1rem;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.btn-toggle .btn:last-child {
    margin-left: -.1rem;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

/* Video Thumbnails (Home, Doctor Detail, 24/7 Connected Care, etc*/

.video-thumbnail {
    display: inline-block;
    position: relative;
}
.video-thumbnail:after {
    content: "";
    display: block;
    position: absolute;
    width: 9rem;
    height: 9rem;
    overflow: hidden;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    text-indent: -200vw;
    background: url("../svg/icon-play.svg") no-repeat center / contain;
    opacity: .75;
}
.video-thumbnail:hover:after {
    opacity: 1;
}
.video-thumbnail img {
    display: block;
}

.video-thumbnail-2 {
    display: block;
    position: relative;
    width: 100%;
    height: 30rem;
    padding-right: 2rem;
}
.video-thumbnail-2 img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.video-thumbnail-2 span {
    display: block;
    position: absolute;
    top: 2rem;
    right: 0;
    width: 11rem;
    padding: 1.5rem;
    color: var(--color-white);
    font-size: 1.6rem;
    line-height: 1.5;
    text-align: center;
    background-color: var(--color-purple);
}
.video-thumbnail-2 span:before {
    content: "";
    display: block;
    width: 8rem;
    height: 8rem;
    margin-bottom: 1rem;
    -webkit-mask: url("../svg/icon-play.svg") no-repeat center;
    mask: url("../svg/icon-play.svg") no-repeat center;
    background-color: var(--color-white);
}
.video-thumbnail-2 span:hover {
    background-color: var(--color-purple-light);
}

/* Forms */

fieldset {
    min-width: 0;
    margin: 0;
    padding: 0;
    border: none;
}

.form-row + .form-row {
    margin-top: 2rem;
}
.form-row.columns {
    margin-bottom: 0;
    grid-gap: 2rem;
}
.form-row label { 
    display: block;
    margin-bottom: .5rem;
}
.form-row input:not([type="submit"]),
.form-row select,
.form-row textarea {
    display: block;
    width: 100%;
    padding: 1.3rem 1.6rem;
    color: var(--color-black);
    font-size: 1.6rem;
    line-height: 1.75;
    background-color: var(--color-white);
    border: .1rem solid var(--color-gray-dark);
    /*border-radius: 0;*/
    border-radius: 1.5rem;
    text-overflow: ellipsis;
}
.form-row select {
    -webkit-appearance: none;
    appearance: none;
    padding-right: 3.8rem;
    background: url("../svg/icon-angle-down.svg") var(--color-white) no-repeat calc(100% - 1.6rem) center / 1.2rem;
}
.form-row ::placeholder {
    /*color: var(--color-gray-dark);*/
    color: var(--color-gray);
    opacity: 1;
}
.form-row input:not([type="submit"]):focus,
.form-row select:focus,
.form-row textarea:focus {
    outline: none;
}
.validation-required,
.error {
    color: var(--color-error);
    font-size: 1.6rem;
    font-weight: 700;
}

.form-row input.search-icon-left {
    padding-left: 5rem;
    background: url("../svg/icon-search.svg") var(--color-white) no-repeat 1.5rem center / 2.5rem;
}
.form-row input.map-marker-icon-left {
    padding-left: 5rem;
    background: url("../svg/icon-map-marker-solid.svg") var(--color-white) no-repeat 1.8rem center / 2.2rem;
}

.form-row .geolocation-wrap {
    position: relative;
}
.form-row .geolocation-wrap > input {
    padding-right: 5rem;
    background: url("../svg/icon-cursor.svg") var(--color-white) no-repeat calc(100% - 1.5rem) center / 2.5rem;
}
.form-row .geolocation-wrap > a {
    display: inline-flex;
    align-items: center;
    margin-top: .5rem;
    cursor: pointer;
}
.form-row .geolocation-wrap > a:before {
    content: "";
    display: block;
    width: 1.2rem;
    height: 1.2rem;
    margin-right: .5rem;
    -webkit-mask: url("../svg/icon-cursor.svg") no-repeat center;
    mask: url("../svg/icon-cursor.svg") no-repeat center;
    background-color: var(--color-black);
}
.form-row .geolocation-wrap a:after {
    /* this puts an invisible box over the icon in the text field so it will also activate the "use my location link" if clicked */
    content: "";
    display: block;
    position: absolute;
    top: 1.8rem;
    right: 1.5rem;
    height: 2.5rem;
    width: 2.5rem;
}

.form-row .datepicker-wrap {
    position: relative;
}
.form-row .datepicker-wrap input[type="text"] {
    padding-right: 5rem;
    font-weight: bold;
}
.form-row .datepicker-wrap:after {
    content: "";
    position: absolute;
    top: 0;
    right: 5rem;
    width: .1rem;
    height: 100%;
    background-color: var(--color-gray-dark);
}
.form-row .datepicker-wrap .datepicker-toggle,
.form-row .datepicker-wrap .datepicker-icon {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 5rem;
    height: 100%;
    overflow: hidden;
    padding: 0;
    margin: 0;
    text-indent: -200vw;
    -webkit-mask: url("../svg/icon-calendar.svg") no-repeat center center / 2.4rem;
    mask: url("../svg/icon-calendar.svg") no-repeat center center / 2.4rem;
    border: none;
    background-color: var(--color-purple);
    cursor: pointer;
}
.form-row .datepicker-wrap .datepicker-icon {
    pointer-events: none;
}

.form-row.search-bar {
    display: flex;
    flex-flow: row nowrap;
    align-items: stretch;
    margin: 2rem 0;
}
.form-row.search-bar:first-child {
    margin-top: 0;
}
.form-row.search-bar:last-child {
    margin-bottom: 0;
}
.form-row.search-bar .btn,
.btn.btn-search {
    position: relative;
    width: 8rem;
    min-width: unset;
    overflow: hidden;
    text-indent: -200vw;
}
.form-row.search-bar .btn:after,
.btn.btn-search:after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 2.5rem;
    height: 2.5rem;
    -webkit-mask: url("../svg/icon-search.svg") no-repeat center;
    mask: url("../svg/icon-search.svg") no-repeat center;
    background-color: currentColor;
}
.search-bar.joined input:not([type="submit"]) {
    margin-right: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.search-bar.joined .btn {
    margin-left: 0;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

input[type="checkbox"],
input[type="radio"] {
    flex: 0 0 auto;
    appearance: none;
    -webkit-appearance: none;
    vertical-align: middle;
    width: 2.4rem;
    height: 2.4rem;
    margin: 0;
    padding: 0;
    cursor: pointer;
}
input[type="checkbox"] + label,
input[type="radio"] + label {
    vertical-align: middle;
    margin-left: 1rem;
}
input[type="checkbox"] {
    background: url("../svg/bgr-checkbox.svg") no-repeat center;
}
input[type="checkbox"]:checked {
    background: url("../svg/bgr-checkbox-selected.svg") no-repeat center;
}
input[type="radio"] {
    background: url("../svg/bgr-radio.svg") no-repeat center;
}
input[type="radio"]:checked {
    background: url("../svg/bgr-radio-selected.svg") no-repeat center;
}
ul.checkbox-group, 
ul.radio-group {
    list-style: none;
    margin: 0;
    padding: 0;
}
ul.checkbox-group li + li,
ul.radio-group li + li {
    margin-top: 1rem;
}
ul.checkbox-group li, 
ul.radio-group li,
ul.checkbox-group li > span:only-child, 
ul.radio-group li > span:only-child {
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
}
ul.checkbox-group li input[type="checkbox"], 
ul.radio-group li input[type="radio"] {
    margin-top: calc((1.75em - 2.4rem) / 2); /*text line-height minus height of checkbox/radio divided by 2*/
}

.switch {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    white-space: nowrap;
    cursor: pointer;
}
.switch input {
    opacity: 0;
    width: 0;
    height: 0;
}
.switch .slider {
    position: relative;
    width: 5.2rem;
    height: 2.5rem;
    margin-left: 1rem;
    border-radius: 4rem;
    background-color: #AFAFAF;
}
.switch .slider:before {
    content: "";
    position: absolute;
    top: .2rem;
    left: .2rem;
    width: 2.1rem;
    height: 2.1rem;
    border-radius: 100%;
    background-color: var(--color-white);
}
.switch input:checked + .slider {
    background-color: var(--color-purple-light);
}
.switch input:checked + .slider:before {
    left: auto; 
    right: .2rem;
}

.form-row.page-count {
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
    gap: .5rem;
}
.form-row.page-count select {
    flex-grow: 0;
    width: auto;
    padding: 0 2.4rem 0 .8rem;
    background-position-x: calc(100% - .8rem);
}
.pagination {
    list-style: none;
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: center;
    padding: 0;
}
.pagination li {
    margin: .5rem;
}
.pagination li.prev {
    margin-right: 1.5rem;
}
.pagination li.next {
    margin-left: 1.5rem;
}
.pagination li a {
    display: block;
    color: inherit;
}
.pagination li:not(.prev,.next) a {
    width: 4rem;
    height: 4rem;
    line-height: 4rem;
    text-align: center;
}
.pagination li.selected a,
.pagination li a.selected {
    color: var(--color-white);
    background-color: var(--color-purple-light);
    border-radius: 100%;
    pointer-events: none;
}
.pagination li.prev a,
.pagination li.next a {
    display: inline-flex;
    align-items: center;
    gap: 0 .5rem;
}
.pagination li.prev a:before, 
.pagination li.next a:after {
    content: "";
    display: block;
    width: 1.2rem;
    height: 1.2rem;
    background-color: currentColor;
}
.pagination li.prev a:before {
    -webkit-mask: url("../svg/icon-angle-left.svg") no-repeat center;
    mask: url("../svg/icon-angle-left.svg") no-repeat center;
}
.pagination li.next a:after {
    -webkit-mask: url("../svg/icon-angle-right.svg") no-repeat center;
    mask: url("../svg/icon-angle-right.svg") no-repeat center;
}


/* Responsive embed wrapper (maps, videos, etc) */

.responsive-embed,
.video-container { /*.video-container was used in old media items and was blowing out media archive layout*/
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
}
.responsive-embed iframe,   
.responsive-embed object,  
.responsive-embed embed,
.video-container iframe,   
.video-container object,  
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* Columns (UL or Divs) */

.columns {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 2rem;
    margin: 2rem 0;
}
ul.columns {
    list-style: none;
    padding: 0;
}
ul.columns > li {
    margin: 0;
}
ul.columns > li ul {
    list-style: disc;
}
.columns:first-child,
.columns > * > *:first-child {
    margin-top: 0;
}
.columns:last-child,
.columns > * > *:last-child {
    margin-bottom: 0;
}
.columns > * > picture:only-child img {
    display: block;
    margin: 0 auto;
}
.columns.swap-sides > *:first-child {
    order: 2;
}
.columns.swap-sides > *:last-child {
    order: 1;
}

/* Cards */

.card {
    padding: 2rem;
    margin: 2rem 0;
}
.card.drop-shadow {
    -webkit-box-shadow: 0 .3rem .6rem 0 rgba(0,0,0,.15);
    box-shadow: 0 .3rem .6rem 0 rgba(0,0,0,.15);
}
.card.text-center, 
.card.halign-center {
    text-align: center;
}
.card.rounded {
    border-radius: 1rem;
}
.card.img-top img {
    display: block;
    width: calc(100% + 4rem);
    max-width: unset;
    margin: -2rem -2rem 2rem -2rem;
    object-fit: cover;
}
.card.img-top.rounded img {
    border-radius: 1rem 1rem 0 0;
}
.card.bordered {
    border: .1rem solid var(--color-gray);
}
.columns > *.card {
    margin: 0;
}

/* Quotes and Callouts */

.callout-style-1 {
    margin: 2rem 0;
    padding: 3rem;
    background-color: var(--color-gray-light);
    border-left: 1.2rem solid var(--color-purple);
}
.callout-style-2 {
    margin: 2rem 0;
    padding: 3rem;
    color: var(--color-white);
    font-size: 2rem;
    text-align: center;
    background: url("../jpg/bgr-purple.jpg") no-repeat center / cover;
}
.content.boxed .callout-style-2 {
    margin-left: -2rem;
    margin-right: -2rem;
}
.callout-style-2.quote:before {
    content: "";
    display: block;
    width: 3.5rem;
    height: 3rem;
    margin: 0 auto 1.5rem auto;
    -webkit-mask: url("../svg/icon-quote-start.svg") center no-repeat;
    mask: url("../svg/icon-quote-start.svg") center no-repeat;
    background-color: currentColor;
}
.callout-style-2 .columns.dividers > * {
    border-color: var(--color-purple-light);
}

/*ARC "At a Glance" callout (About, Careers)*/
.arc-stats ul {
    list-style: none;
    display: grid;
    grid-template-columns: 100%;
    gap: 2rem;
    padding: 0;
}
.arc-stats ul li {
    margin: 0;
    font-size: 2rem;
    line-height: 1.5;
}
.arc-stats ul li strong {
    display: block;
    font-size: 3.2rem;
}
.arc-stats ul li:before {
    content: "";
    display: block;
    width: 7rem;
    height: 7rem;
    margin: 0 auto 2rem auto;
    background-color: currentColor;
}
.arc-stats ul li:nth-child(1):before {
    -webkit-mask: url("../svg/icon-medkit-solid.svg") center no-repeat;
    mask: url("../svg/icon-medkit-solid.svg") center no-repeat;
}
.arc-stats ul li:nth-child(2):before {
    -webkit-mask: url("../svg/icon-stethoscope.svg") center no-repeat;
    mask: url("../svg/icon-stethoscope.svg") center no-repeat;
}
.arc-stats ul li:nth-child(3):before {
    -webkit-mask: url("../svg/icon-texas.svg") center no-repeat;
    mask: url("../svg/icon-texas.svg") center no-repeat;
}
.arc-stats ul li:nth-child(4):before {
    -webkit-mask: url("../svg/icon-map-marker-solid.svg") center no-repeat;
    mask: url("../svg/icon-map-marker-solid.svg") center no-repeat;
}

/* Popups */

.mfp-container {
    padding: 2rem !important;
}
.popup-content {
    position: relative;
    max-width: 70rem;
    padding: 2rem;
    margin: auto;
    background-color: var(--color-white);
    -webkit-box-shadow: .3rem .6rem 1.2rem 0 rgba(0,0,0,.15);
    box-shadow: .3rem .6rem 1.2rem 0 rgba(0,0,0,.15);
}
.popup-content.narrow {
    max-width: 40rem;
}
.popup-content.wide {
    max-width: 100rem;
}
.popup-content > *:nth-last-child(2) {
    margin-bottom: 0;
}

/*book now iframe popup*/
.book-now-iframe .mfp-iframe-holder .mfp-content {
    top: 20px;
}

.book-now-iframe .mfp-inline-holder .mfp-close {
    top: -20px;
}

/*insurance iframe popup*/
.insurance-iframe .mfp-iframe-holder .mfp-content {
    max-width: 100rem;
}
.insurance-iframe .mfp-iframe-holder .mfp-content .mfp-iframe-scaler {
    height: 85vh;
    padding-top: 0;
}

/*doctor video inline popup*/
.doctor-video-inline .mfp-inline-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px;
}
.doctor-video-inline .mfp-inline-holder .mfp-close {
    top: -40px;
    color: #FFF;
    right: -6px;
    text-align: right;
    padding-right: 6px;
    width: 100%;
}

/* Icons */

.icon-left:before, .icon-right:after {
    content: "";
    display: inline-block;
    vertical-align: top;
    width: 1em;
    height: 1.75em; /*match text line-height*/
    line-height: inherit;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: contain;
    background-color: currentColor;
}
.icon-left:before {
    margin-right: .5rem;
}
.icon-right:after {
    margin-left: .5rem;
}
h1.icon-left:before, h1.icon-right:after,
h2.icon-left:before, h2.icon-right:after,
h3.icon-left:before, h3.icon-right:after,
h4.icon-left:before, h4.icon-right:after,
h5.icon-left:before, h5.icon-right:after,
h6.icon-left:before, h6.icon-right:after {
    height: 1.25em; /*match text line-height*/
}
.icon-gray:before, .icon-gray:after {
    background-color: var(--color-gray);
}
.icon-purple:before, .icon-purple:after {
    background-color: var(--color-purple);
}

.icon-info:before, .icon-info:after {
    -webkit-mask-image: url("../svg/icon-info.svg");
    mask-image: url("../svg/icon-info.svg");
}
.icon-info-solid:before, .icon-info-solid:after {
    -webkit-mask-image: url("../svg/icon-info-solid.svg");
    mask-image: url("../svg/icon-info-solid.svg");
}
.icon-directions:before, .icon-directions:after {
    -webkit-mask-image: url("../svg/icon-directions.svg");
    mask-image: url("../svg/icon-directions.svg");
}
.icon-parking:before, .icon-parking:after {
    -webkit-mask-image: url("../svg/icon-parking-solid.svg");
    mask-image: url("../svg/icon-parking-solid.svg");
}
.icon-phone:before, .icon-phone:after {
    -webkit-mask-image: url("../svg/icon-phone.svg");
    mask-image: url("../svg/icon-phone.svg");
}
.icon-map-marker:before, .icon-map-marker:after {
    -webkit-mask-image: url("../svg/icon-map-marker.svg");
    mask-image: url("../svg/icon-map-marker.svg");
}
.icon-map-marker-solid:before, .icon-map-marker-solid:after {
    -webkit-mask-image: url("../svg/icon-map-marker-solid.svg");
    mask-image: url("../svg/icon-map-marker-solid.svg");
}
.icon-map:before, .icon-map:after {
    -webkit-mask-image: url("../svg/icon-map.svg");
    mask-image: url("../svg/icon-map.svg");
}
.icon-languages:before, .icon-languages:after {
    -webkit-mask-image: url("../svg/icon-languages.svg");
    mask-image: url("../svg/icon-languages.svg");
}
.icon-languages-solid:before, .icon-languages-solid:after {
    -webkit-mask-image: url("../svg/icon-languages-solid.svg");
    mask-image: url("../svg/icon-languages-solid.svg");
}
.icon-check-circle:before, .icon-check-circle:after {
    -webkit-mask-image: url("../svg/icon-check-mark-circle-2.svg");
    mask-image: url("../svg/icon-check-mark-circle-2.svg");
}
.icon-check-circle-solid:before, .icon-check-circle-solid:after {
    -webkit-mask-image: url("../svg/icon-check-mark-circle.svg");
    mask-image: url("../svg/icon-check-mark-circle.svg");
}
.icon-person:before, .icon-person:after {
    -webkit-mask-image: url("../svg/icon-person.svg");
    mask-image: url("../svg/icon-person.svg");
}
.icon-person-solid:before, .icon-person-solid:after {
    -webkit-mask-image: url("../svg/icon-person-solid.svg");
    mask-image: url("../svg/icon-person-solid.svg");
}
.icon-calendar:before, .icon-calendar:after {
    -webkit-mask-image: url("../svg/icon-calendar.svg");
    mask-image: url("../svg/icon-calendar.svg");
}
.icon-clock:before, .icon-clock:after {
    -webkit-mask-image: url("../svg/icon-clock.svg");
    mask-image: url("../svg/icon-clock.svg");
}
.icon-clock-solid:before, .icon-clock-solid:after {
    -webkit-mask-image: url("../svg/icon-clock-solid.svg");
    mask-image: url("../svg/icon-clock-solid.svg");
}
.icon-share:before, .icon-share:after {
    -webkit-mask-image: url("../svg/icon-share.svg");
    mask-image: url("../svg/icon-share.svg");
}
.icon-arrow-left:before, .icon-arrow-left:after {
    -webkit-mask-image: url("../svg/icon-arrow-left-skinny.svg");
    mask-image: url("../svg/icon-arrow-left-skinny.svg");
}
.icon-arrow-right:before, .icon-arrow-right:after {
    -webkit-mask-image: url("../svg/icon-arrow-right-skinny.svg");
    mask-image: url("../svg/icon-arrow-right-skinny.svg");
}
.icon-arrow-right-curved:before, .icon-arrow-right-curved:after {
    -webkit-mask-image: url("../svg/icon-curved-arrow-right.svg");
    mask-image: url("../svg/icon-curved-arrow-right.svg");
}
.icon-plus:before, .icon-plus:after {
    -webkit-mask-image: url("../svg/icon-plus.svg");
    mask-image: url("../svg/icon-plus.svg");
}

.social-icons {
    list-style: none;
    display: inline-flex;
    gap: 1.4rem;
    padding: 0;
}
.social-icons li {
    margin: 0;
}
.social-icons li a {
    display: block;
    height: 3.4rem;
    width: 3.4rem;
    text-indent: -200vw;
    overflow: hidden;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    background-color: currentColor;
}
.social-icons li a.icon-facebook {
    -webkit-mask-image: url("../svg/icon-social-facebook.svg");
    mask-image: url("../svg/icon-social-facebook.svg");
}
.social-icons li a.icon-twitter {
    -webkit-mask-image: url("../svg/icon-social-twitter.svg");
    mask-image: url("../svg/icon-social-twitter.svg");
}
.social-icons li a.icon-linkedin {
    -webkit-mask-image: url("../svg/icon-social-linkedin.svg");
    mask-image: url("../svg/icon-social-linkedin.svg");
}
.social-icons li a.icon-instagram {
    -webkit-mask-image: url("../svg/icon-social-instagram.svg");
    mask-image: url("../svg/icon-social-instagram.svg");
}
.social-icons li a.icon-youtube {
    -webkit-mask-image: url("../svg/icon-social-youtube.svg");
    mask-image: url("../svg/icon-social-youtube.svg");
}

/* Media Item Tags */

.tag {
    display: block;
    width: fit-content;
    padding: .6rem 1.5rem;
    color: var(--color-white);
    font-size: 1.2rem;
    line-height: 1.25;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    border-radius: 2rem;
    cursor: pointer;
}
.tag:hover {
    text-decoration: none;
}
.tag.arc-updates { background-color: #9361A6; }
.tag.arc-updates:hover { background-color: #734a82; }
.tag.lifestyle-wellness { background-color: #4CC4AF; }
.tag.lifestyle-wellness:hover { background-color: #399887; }
.tag.conditions-diseases { background-color: #3D8FCD; }
.tag.conditions-diseases:hover { background-color: #2e6fa1; }
.tag.leadership { background-color: #98AECE; }
.tag.leadership:hover { background-color: #7486a1; }
.tag.specialties-services { background-color: #D4C147; }
.tag.specialties-services:hover { background-color: #b3a021; }
.tag.in-the-news { background-color: #E58F1E; }
.tag.in-the-news:hover { background-color: #c67b19; }
.tag.awards { background-color: #59B95D; }
.tag.awards:hover { background-color: #46964a; }
.tag.events { background-color: #EC7171; }
.tag.events:hover { background-color: #c85e5e; }
.tag.healthenotes { background-color: #4B116F; }
.tag.healthenotes:hover { background-color: #300948; }
.tag.patient-stories { background-color: #C23131; }
.tag.patient-stories:hover { background-color: #8e2424; }

/* Accordions */

ul.accordion {
    list-style: none;
    padding: 0;
    margin-top: 0;
    overflow: hidden;
}
ul.columns > li ul.accordion {
    list-style: none;
}
ul.accordion > li {
    margin: 0;
    padding: 0;
    border-bottom: .1rem solid var(--color-gray);
}
.accordion-toggle {
    margin: 2rem 0;
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    cursor: pointer;
}
.accordion-toggle:before {
    content: "";
    flex: 0 0 1.4rem;
    height: 1.4rem;
    margin-right: 1rem;
    -webkit-mask: url("../svg/icon-angle-right.svg") no-repeat center;
    mask: url("../svg/icon-angle-right.svg") no-repeat center;
    background-color: var(--color-purple);
}
.accordion-toggle.open:before {
    -webkit-mask: url("../svg/icon-angle-down.svg") no-repeat center;
    mask: url("../svg/icon-angle-down.svg") no-repeat center;
}
.accordion-content {
    display: none;
    margin: 0 0 2rem 2.4rem;
    overflow: hidden;
}
.accordion-content > *:first-child {
    margin-top: 0;
}
.accordion-content > *:last-child {
    margin-bottom: 0;
}
.accordion-content ul:not(.no-bullets) {
    list-style-type: disc;
}

ul.accordion.boxed,
.lightboxed ul#insurance-accordion {
    margin-top: 2rem;
    border: .1rem solid var(--color-gray-dark);
}
ul.accordion.boxed > li,
.lightboxed ul#insurance-accordion > li {
    padding-left: 2rem;
    padding-right: 2rem;
    border-color: var(--color-gray-dark);
}
ul.accordion.boxed > li:last-child,
.lightboxed ul#insurance-accordion > li:last-child {
    border-bottom: none;
}
ul.accordion.boxed .accordion-toggle:before,
.lightboxed ul#insurance-accordion .accordion-toggle:before {
    order: 2;
    margin-right: 0;
    margin-left: auto;
}
ul.accordion.boxed .accordion-content,
.lightboxed ul#insurance-accordion .accordion-content {
    margin-left: 0;
}

ul#insurance-accordion {
    margin: 2rem 0 0 0;
}

/* Credentials Table (Doctor Detail and Leadership pages) */

.credentials-table {
    list-style-type: none;
    padding: 0;
}
.credentials-table > li {
    padding: 2rem;
    margin: 0;
}
.credentials-table > li:first-child {
    padding-top: 0;
}
.credentials-table > li:last-child:not(:nth-child(even)) {
    padding-bottom: 0;
}
.credentials-table > li:nth-child(even) {
    background-color: var(--color-gray-light);
}
.credentials-table > li h6 {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    font-weight: bold;
    margin-bottom: .5rem;
}
.credentials-table > li > ul {
    list-style-type: disc;
    margin: 0;
    padding-left: 2rem;
}

/* Phone Directory */

.ph-directory,
.ph-directory table {
  width: 100%;
  font-size: inherit;
  line-height: inherit;
  border-collapse: collapse;
}
.ph-directory th,
.ph-directory td {
  display: block;
  text-align: left;
  vertical-align: top;
}
.ph-directory > thead {
  display: none;
}
.ph-directory > tbody > tr:nth-child(even) {
  background-color: var(--color-gray-light);
}
.ph-directory > tbody > tr > th {
  padding: 2rem 2rem 0 2rem;
}
.ph-directory > tbody > tr > td {
   padding: 0 2rem 2rem 2rem; 
}
.ph-directory > tbody > tr > td > table td:nth-child(1) {
  padding-top: 1rem;
}
.ph-directory > tbody > tr > td > table td:nth-child(2):before {
  content: "Phone: ";
  font-weight: bold;
}
.ph-directory > tbody > tr > td > table td:nth-child(3):before {
  content: "Fax: ";
  font-weight: bold;
}

.phone-dir-sidebar {
  background-color: var(--color-white);
}
.phone-dir-sidebar p {
  margin: 0;
  padding: 1.5rem 2rem;
  border-top: 2px solid var(--color-gray-light);
}
.phone-dir-sidebar h5 {
  padding: 2rem 2rem;
  background: var(--color-purple);
  color: var(--color-white);
}

/* Leadership */

.columns.leadership-cards {
    grid-gap: 2rem;
}
.columns.leadership-cards .card {
    padding: 3rem 2rem;
}
.columns.leadership-cards .card.img-top img {
    width: calc(100% + 4rem);
    margin: -3rem -2rem 0 -2rem;
}

.download-btn-wrap {
    position: relative;
    width: fit-content;
}
.download-btn-wrap img {
    display: block;
}
.download-btn-wrap a {
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
    width: 6rem;
    height: 6rem;
    text-indent: -200vw;
    overflow: hidden;
    background-color: var(--color-purple);
}
.download-btn-wrap a:hover {
    background-color: var(--color-purple-light);
}
.download-btn-wrap a:before {
    content: "";
    display: block;
    width: 3.4rem;
    height: 3.4rem;
    margin: 1.3rem;
    -webkit-mask: url("../svg/icon-download.svg") no-repeat center;
    mask: url("../svg/icon-download.svg") no-repeat center;
    background-color: var(--color-white);
}

/* Careers */

.careers-search {
    padding: 2rem 0;
}
.careers-search .form-row .btn {
    width: 100%;
}
.careers-search .form-row > *:not(:last-child) {
    margin-bottom: 2rem;
}

/* MyChart Support */

.my-chart-hero h3 {
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
    gap: 1.5rem;
    padding-top: 2rem;
}
.my-chart-hero h3 img {
    margin-top: -2rem;
}
.my-chart-hero .search-bar {
    max-width: 83rem;
    margin: 2rem auto;
}
.my-chart-hero .search-bar .btn.btn-submit {
    background-color: var(--color-purple-light);
}

.mychart-topics > li {
    position: relative;
    padding-left: 7rem;
    padding-bottom: 2rem;
    border-bottom: .1rem solid var(--color-gray);
}
.mychart-topics > li img {
    position: absolute;
    top: 0;
    left: 0;
    max-width: 5rem;
}
.mychart-app-promo > .one-third {
    align-self: flex-end;
}
.mychart-app-promo > .one-third > picture:only-child img {
    display: block;
    margin-bottom: -2rem;
}

/* Healthiness Plans (customized columns based on previous ARC site) */

#HealthinessPlans {
    margin-top: 6rem;
    grid-gap: 6rem 2rem;
}
#HealthinessPlans.btm-btns > li.card {
    position: relative;
    align-items: stretch;
    padding-top: 6rem;
}
#HealthinessPlans > li:before {
    content: "";
    display: block;
    position: absolute;
    top: -4rem;
    left: 50%;
    transform: translateX(-50%);
    width: 8rem;
    height: 8rem;
    border-radius: 100%;
    background-color: #fff;
    background-repeat: no-repeat;
}
#HealthinessPlans > li h4,
#HealthinessPlans > li p {
    margin: 0;
}
#HealthinessPlans > li h4:after {
    content: "";
    display: block;
    width: 70%;
    height: 0;
    margin: 1rem auto;
    border-top-width: .1rem;
    border-top-style: solid;
}
#HealthinessPlans > li ul {
    margin: 1rem 0 2rem 0;
    padding-left: 2rem;
}
#HealthinessPlans > li .btn {
    display: block;
    margin: auto -2rem -2rem -2rem;
    border-radius: 0;
}
#HealthinessPlans > li:nth-child(1):before {
    background-image: url(../svg/artwork-healthiness-plan-1.svg);
}
#HealthinessPlans > li:nth-child(1) h4,
#HealthinessPlans > li:nth-child(1) .btn {
    color: var(--color-teal);
    border-color: var(--color-teal);
}
#HealthinessPlans > li:nth-child(1) .btn:hover {
    color: var(--color-white);
    background-color: var(--color-teal);
}
#HealthinessPlans > li:nth-child(2):before {
    background-image: url(../svg/artwork-healthiness-plan-2.svg);
}
#HealthinessPlans > li:nth-child(2) h4,
#HealthinessPlans > li:nth-child(2) .btn {
    color: var(--color-green-dark);
    border-color: var(--color-green-dark);
}
#HealthinessPlans > li:nth-child(2) .btn:hover {
    color: var(--color-white);
    background-color: var(--color-green-dark);
}
#HealthinessPlans > li:nth-child(3):before {
    background-image: url(../svg/artwork-healthiness-plan-3.svg);
}
#HealthinessPlans > li:nth-child(3) h4,
#HealthinessPlans > li:nth-child(3) .btn {
    color: var(--color-purple-light);
    border-color: var(--color-purple-light);
}
#HealthinessPlans > li:nth-child(3) .btn:hover {
    color: var(--color-white);
    background-color: var(--color-purple-light);
}
#HealthinessPlans > li:nth-child(4):before {
    background-image: url(../svg/artwork-healthiness-plan-4.svg);
}
#HealthinessPlans > li:nth-child(4) h4,
#HealthinessPlans > li:nth-child(4) .btn {
    color: var(--color-green);
    border-color: var(--color-green);
}
#HealthinessPlans > li:nth-child(4) .btn:hover {
    color: var(--color-white);
    background-color: var(--color-green);
}

/* Search Results page */

.search-results ul.results-list {
    list-style: none;
    padding: 0;
}
.search-results ul.results-list > li {
    margin: 0;
    padding: 1.5rem 2rem;
}
.search-results ul.results-list > li:nth-child(odd) {
    background-color: var(--color-gray-light);
}
.search-results ul.results-list > li:last-child:not(:nth-child(odd)) {
    padding-bottom: 0;
}

/* Style Guide page */

.highlight {
    padding: 2rem;
    background-color: lemonchiffon;
    border-radius: 1rem;
}
.code-box {
    display: block;
    width: 100%;
    height: 15rem;
    padding: 1.5rem;
    font-family: "Courier New", Courier, monospace;
    font-size: 1.4rem;
    line-height: 2rem;
    background-color: var(--color-gray-light);
    border: .1rem solid var(--color-black);
}

/* Helpers */
.mt-0 { margin-top: 0 !important; }
.mb-0 { margin-bottom: 0 !important; }
.ml-0 { margin-left: 0 !important; }
.mr-0 { margin-bottom: 0 !important; }
.mt-2 { margin-top: 2rem !important; }
.mb-2 { margin-bottom: 2rem !important; }
.ml-2 { margin-left: 2rem !important; }
.mr-2 { margin-bottom: 2rem !important; }
.mt-4 { margin-top: 4rem !important; }
.mb-4 { margin-bottom: 4rem !important; }
.ml-4 { margin-left: 4rem !important; }
.mr-4 { margin-bottom: 4rem !important; }
.pt-0 { padding-top: 0 !important; }
.pb-0 { padding-bottom: 0 !important; }
.pl-0 { padding-left: 0 !important; }
.pr-0 { padding-right: 0 !important; }
.pt-2 { padding-top: 2rem !important; }
.pb-2 { padding-bottom: 2rem !important; }
.pl-2 { padding-left: 2rem !important; }
.pr-2 { padding-right: 2rem !important; }
.pt-4 { padding-top: 4rem !important; }
.pb-4 { padding-bottom: 4rem !important; }
.pl-4 { padding-left: 4rem !important; }
.pr-4 { padding-right: 4rem !important; }

/* --------------------------------------------------------------------------------------------------------------------------- */
/* Responsive Styles ONLY below this line ------------------------------------------------------------------------------------ */
/* --------------------------------------------------------------------------------------------------------------------------- */

@media screen and (min-width: 480px) {

    .arc-stats ul {
        grid-template-columns: 1fr 1fr;
    }

}

@media screen and (min-width: 768px) {

    hr {
        margin: 4rem 0;
    }

    ul.two-column, ol.two-column {
        column-count: 2;
    }
    ul.three-column, ol.three-column {
        column-count: 3;
    }
    ul.two-column, ol.two-column,
    ul.three-column, ol.three-column {
        column-gap: 2rem;
    }

    .img-left {
        float: left;
        margin: .5rem 3rem 1.5rem 0;
    }
    .img-right {
        float: right;
        margin: .5rem 0 1.5rem 3rem;
    }
    .content.boxed img.extra-wide {
        width: calc(100% + 6rem);
        margin-left: -3rem;
        margin-right: -3rem;
    }

    .alert > .wrapper {
        align-items: center;
    }

    .site-header {
        padding: 3rem 0;
    }
    .site-header > .wrapper {
        display: grid;
        grid-template-columns: minmax(14rem, 24rem) minmax(max-content, auto);
        gap: 2rem; 
    }
    .site-header .logo {
        grid-row: span 2;
        align-self: center;
        max-width: 100%;
        margin: 0;
    }
    .site-header .btn-group {
        display: flex;
        justify-content: flex-end;
        align-items: flex-start;
        margin: 0;
    }
    .site-header .menu-header {
        position: relative;
        top: unset;
        width: auto;
        /*margin-bottom: -1.6rem;*/
    }
    .site-header .menu-header ul {
        justify-content: flex-end;
        gap: 2rem;
        height: auto;
    }
    .site-header .menu-header ul > li {
        padding: .8rem 0;
    }
    .site-header .menu-header ul > li > a {
        text-transform: uppercase;
        text-decoration: none;
    }
    .site-header .menu-header ul > li > a:hover {
        -webkit-box-shadow: 0 .3rem 0 0 var(--color-purple);
        box-shadow: 0 .3rem 0 0 var(--color-purple);
    }
    .site-header .menu-header ul > li.menu > a,
    .site-header .menu-header ul > li.menu > a.open {
        position: relative;
        width: auto;
        height: auto;
        overflow: visible;
        margin-right: 3.6rem;
        text-indent: unset;
        -webkit-mask: none;
        mask: none;
        background-color: unset;
    }
    .site-header .menu-header ul > li.menu > a:after {
        content: "";
        display: block;
        position: absolute;
        right: -3.6rem;
        top: 50%;
        transform: translateY(-50%);
        width: 2.6rem;
        height: 1.8rem;
        margin-left: 1rem;
        -webkit-mask: url("../svg/icon-menu.svg") no-repeat center;
        mask: url("../svg/icon-menu.svg") no-repeat center;
        background-color: currentColor;
    }
    .site-header .menu-header ul > li.search {
        padding-left: 2rem;
        border-left: .1rem solid var(--color-gray-dark);
    }
    .site-header .menu-header ul > li.search > a {
        width: 2.5rem;
        height: 2.5rem;
        margin-right: 1.5rem; /*so it aligns with icon in button when search bar overlay is visible*/
    }
    .site-header.show-search .menu-header .search-bar {
        top: unset;
        left: unset;
        bottom: 50%;
        right: 0;
        transform: translateY(50%);
        margin: 0;
    }
    .site-header.show-search {
        padding-bottom: 4rem;
    }

    .mega-menu.show-mega-menu {
        padding: 4rem 0;
    }
    .mega-menu h4 {
        margin: 0;
    }
    .mega-menu .btn-close {
        display: block;
        position: absolute;
        top: 2.4rem;
        right: 2.4rem;
        width: 2.8rem;
        height: 2.8rem;
        overflow: hidden;
        text-indent: -200vw;
        -webkit-mask: url("../svg/icon-close.svg") no-repeat center;
        mask: url("../svg/icon-close.svg") no-repeat center;
        background-color: var(--color-black);
        cursor: pointer;
    }
    .mega-menu#MainMenu > .wrapper.mobile-menu {
        display: none;
    }
    .mega-menu#MainMenu > .wrapper.desktop-menu,
    .mega-menu > .wrapper {
        display: flex;
        flex-flow: row nowrap;
        justify-content: space-between;
        align-items: stretch;
    }
    .mega-menu .mm-left {
        flex: 1 1 30%;
        padding-right: 3rem;
        border-right: .1rem solid var(--color-gray-dark);
    }
    .mega-menu .mm-right {
        flex: 1 1 70%;
        padding-left: 3rem;
    }
    .mega-menu .mm-left .btn {
        display: inline-block;
        margin-top: 3rem;
    }
    .mega-menu#ServicesMenu .mm-right,
    .mega-menu#LocationsMenu .mm-right {
        max-width: 77rem;
    }
    .mega-menu#ServicesMenu .search-bar,
    .mega-menu#LocationsMenu .search-bar {
        margin: 2rem 0 3rem 0;
    }
    .mega-menu#ServicesMenu .alpha-filter {
        display: flex;
        flex-flow: row wrap;
        margin-top: 1rem;
    }
    .mega-menu#ServicesMenu .alpha-filter a {
        margin-right: 1.2rem;
        font-size: 2.4rem;
        text-decoration: none;
    }
    .mega-menu#ServicesMenu .alpha-filter a:hover {
        text-decoration: underline;
    }
    .mega-menu#ServicesMenu .alpha-filter a:last-child {
        margin: 0;
    }
    .mega-menu#MainMenu .mm-left {
        max-width: 29rem;
    }
    .mega-menu#MainMenu .mm-right {
        max-width: 83rem;
    }
    .mega-menu#MainMenu .mm-right .columns {
        margin: 0 0 3rem 0;
    }

    .site-footer {
        padding: 4rem 0 6rem 0;
    }
    .site-footer .footer-upper {
        display: inline-flex;
        align-items: center;
    }
    .site-footer .footer-upper h5 {
        margin-bottom: 0;
        margin-right: 2rem;
    }
    .site-footer .social-icons {
        margin: 0;
    }
    .site-footer .menu-footer {
        margin-bottom: 10rem;
    }

    .breadcrumbs ul {
        list-style: none;
        display: flex;
        flex-flow: row wrap;
        align-items: center;
        margin: 0;
        /*padding: 2.5rem 0;*/
        padding: 1rem 0;
        color: var(--color-white);
    }
    .breadcrumbs ul li {
        margin: 0;
    }
    .breadcrumbs ul li.first a {
        display: block;
        /*width: 2.4rem;
        height: 2.4rem;*/
        width: 1.8rem;
        height: 1.8rem;
        overflow: hidden;
        text-indent: -200vw;
        -webkit-mask: url("../svg/icon-home.svg") no-repeat center;
        mask: url("../svg/icon-home.svg") no-repeat center;
        background-color: currentColor;
    }
    .breadcrumbs ul li:not(.first):before {
        content: "";
        display: inline-block;
        vertical-align: middle;
        width: 1.8rem;
        height: .1rem;
        margin: 0 1rem;
        background-color: var(--color-white);
    }
    .breadcrumbs a {
        color: inherit;
    }

    .hero-banner {
        padding-top: 4rem;
        padding-bottom: 4rem;
    }
    .hero-banner .hero-img:only-child {
        margin-top: -4rem;
        margin-bottom: -4rem;
    }

    .site-main > .wrapper {
        padding-top: 4rem;
        padding-bottom: 4rem;
    }
    .site-main > .wrapper > .content.boxed {
        padding: 4rem;
    }
    .site-main.has-sidebar > .wrapper > .sidebar {
        margin-bottom: 4rem;
    }

    .menu-sidebar .mobile-fixed-cta,
    .sub-location-details .mobile-fixed-cta {
        position: relative;
        z-index: unset;
        left: unset;
        bottom: unset;
        width: auto;
        padding: 0;
        margin-top: 1rem;
        background-color: unset;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .content.boxed .section-heading {
        margin: 4rem -3rem;
        padding: 2rem 3rem;
    }
    .content.boxed > .section-heading:first-child,
    .content.boxed > *:first-child > .section-heading:first-child {
        margin-top: -3rem;
    }
    .content.boxed .section-heading + img.extra-wide,
    .content.boxed .section-heading + p img.extra-wide {
        margin-top: -3rem;
    }

    .btn-group {
        flex-flow: row wrap;
    }

    .columns {
        grid-template-columns: repeat(12, minmax(0, 1fr));
        grid-gap: 4rem;
        margin: 4rem 0;
    }
    .columns.valign-center {
        align-items: center;
    }
    .columns > *.one-half,
    .columns.even-2 > *,
    .columns.even-4 > * { 
        grid-column: span 6; 
    }
    .columns > *.one-third,
    .columns.even-3 > * { 
        grid-column: span 4; 
    }
    .columns > *.two-thirds { 
        grid-column: span 8; 
    }
    .columns > *.one-fourth { 
        grid-column: span 3; 
    }
    .columns > *.three-fourths { 
        grid-column: span 9; 
    }
    .columns > *.halign-center {
        text-align: center;
    }
    .columns > *.halign-right {
        text-align: right;
    }
    .columns.swap-sides > *:first-child,
    .columns.swap-sides > *:last-child {
        order: initial;
    }
    .columns > * > picture:only-child img {
        display: inline-block;
        margin: auto;
    }
    /*make it so if there's a row of columns with buttons at the bottom, they'll all align to the bottom*/
    .columns.btm-btns > * {
        display: flex;
        flex-flow: column nowrap;
        justify-content: flex-start;
        align-items: flex-start;
    }
    .columns.btm-btns > *.text-center,
    .columns.btm-btns > *.halign-center {
        align-items: center;
    }
    .columns.btm-btns > * > .btn:last-child {
        margin-top: auto;
    }
    /*columns with dividers*/
    .columns.dividers {
        grid-column-gap: 0;
    }
    .columns.dividers > * {
        padding-left: 4rem;
        padding-right: 4rem;
    }
    .columns.dividers > *:first-child {
        padding-left: 0;
    }
    .columns.dividers > *:last-child {
        padding-right: 0;
    }
    .columns.dividers > * + * {
        border-left: .1rem solid var(--color-gray);
    }

    .card {
        padding: 4rem;
        margin: 4rem 0;
    }
    .card.img-top img {
        width: calc(100% + 8rem);
        margin: -4rem -4rem 4rem -4rem;
    }

    .popup-content {
        padding: 4rem;
    }

    .callout-style-2 {
        margin: 4rem 0;
        /*padding: 6rem;*/
        padding: 4rem;
        /*font-size: 3rem;*/
    }
    .content.boxed .callout-style-2 {
        margin-left: -4rem;
        margin-right: -4rem;
    }
    .callout-style-2.quote:before {
        margin-bottom: 3rem;
    }

    .section-heading + ul.accordion {
        margin-top: -2rem;
    }

    .arc-stats ul {
        grid-template-columns: repeat(4, 1fr);
        gap: 4rem;
        margin-top: 4rem;
    }

    .credentials-table > li {
        display: flex;
    }
    .credentials-table > li h6 {
        flex: 0 0 20%;
        margin-bottom: 0;
        margin-right: 4rem;
    }
  
    .ph-directory th,
    .ph-directory td {
      display: table-cell;
    }
    .ph-directory > thead {
      display: table-header-group;
    }
    .ph-directory > thead th {
      padding: 1rem 2rem;
      color: var(--color-white);
      background-color: var(--color-purple);
    }
    .ph-directory > tbody > tr > th {
      padding: 1rem 2rem;
    }
    .ph-directory > tbody > tr > td {
      padding: 0 0 0 2rem;
    }
    .ph-directory > tbody > tr > td > table td {
      padding: 1rem 2rem;
    }
    .ph-directory > tbody > tr > td > table td:nth-child(1) {
      padding-left: 0;
    }
    .ph-directory > tbody > tr > td > table td:nth-child(2):before, 
    .ph-directory > tbody > tr > td > table td:nth-child(3):before {
      display: none;
    }
    .ph-directory > tbody > tr > td > table tr + tr {
      border-top: 2px solid var(--color-gray-light);
    }
    .ph-directory > tbody > tr:nth-child(even) > td > table tr + tr {
      border-top: 2px solid var(--color-white);
    }
    .ph-directory > thead th:nth-child(3),
    .ph-directory > thead th:nth-child(4),
    .ph-directory > tbody > tr > td > table td:nth-child(2), 
    .ph-directory > tbody > tr > td > table td:nth-child(3) {
      width: 18rem;
      min-width: 18rem;
    }

    .careers-search {
        padding: 4rem 0;
    }
    .careers-search .form-row {
        display: flex;
        flex-flow: row nowrap;
        align-items: flex-start;
    }
    .careers-search .form-row > *:not(.btn) {
        flex: 1 1 50%;
    }
    .careers-search .form-row .btn {
        flex: 0 0 8rem;
    }
    .careers-search .form-row > *:not(:last-child) {
        margin-bottom: 0;
        margin-right: 2rem;
    }

    .my-chart-hero {
        padding: 2rem 0;
    }
    .my-chart-hero .search-bar {
        margin: 4rem auto;
    }
    .mychart-topics > li {
        padding-bottom: 4rem;
    }
    .mychart-app-promo > .one-third > picture:only-child img {
        width: calc(100% + 8rem);
        max-width: unset;
        margin-bottom: -4rem;
        margin-left: -8rem;
    }

    .insurance-iframe .mfp-iframe-holder .mfp-content .mfp-iframe-scaler {
        height: 56rem;
    }

    #HealthinessPlans {
        margin-top: 8rem;
    }
    #HealthinessPlans.btm-btns > li.card {
        padding: 6rem 2rem 2rem 2rem;
    }
    #HealthinessPlans.btm-btns > li {
        transition: transform .3s ease-out;
    }
    #HealthinessPlans.btm-btns > li:hover {
        transform: translateY(-.8rem);
    }

}

@media only screen and (min-width: 980px) { 
    
    h1, .h1 {
        font-size: 6rem;
    }

    h1 br, h2 br, h3 br, 
    h4 br, h5 br, h6 br {
        display: block;
    }

    .site-header .logo {
        grid-row: unset;
    }
    .site-header .menu-header {
        grid-column: span 2;
    }
    .site-header .menu-header ul {
        justify-content: flex-start;
    }
    .site-header .menu-header ul > li:not(.menu, .search) {
        display: block;
    }
    .site-header .menu-header ul > li.menu {
        margin-left: auto;
    }

    .site-footer .footer-lower {
        display: flex;
        flex-flow: row nowrap;
        justify-content: space-between;
        align-items: flex-start;
    }
    .site-footer .footer-lower .copyright {
        margin: 0 0 0 2rem;
    }

    .site-main.has-sidebar > .wrapper {
        display: flex;
        flex-flow: row nowrap;
        justify-content: space-between;
        align-items: flex-start;
    }
    .site-main.has-sidebar > .wrapper > .content {
        flex: 1 1 auto;
    }
    .site-main.has-sidebar > .wrapper > .sidebar {
        position: sticky;
        top: 2rem;
        /*flex: 0 0 25%;
        max-width: 28rem;*/
        flex: 0 0 28rem;
        margin-bottom: 0;
        margin-right: 2rem;
    }

    .columns.even-4 > * {
        grid-column: span 3;
    }

}

@media only screen and (min-width: 1280px) {

    .site-header .logo {
        grid-row: span 2;
        align-self: flex-end;
        margin-bottom: 1.6rem; /*align with nav items*/
    }
    .site-header .menu-header {
        grid-column: unset;
    }
    .site-header .menu-header ul {
        justify-content: flex-end;
    }
    .site-header .menu-header ul > li.menu {
        margin-left: 0;
    }

}

@media only screen and (min-width: 1440px) {

    .site-header .menu-header ul {
        gap: 3rem;
    }
    .site-header .menu-header ul > li.search {
        padding-left: 3rem;
    }

}

/* --------------------------------------------------------------------------------------------------------------------------- */
/* Third-party Plugin CSS ---------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------- */

/* Magnific Popup plugin CSS */
.mfp-bg {top: 0;left: 0;width: 100%;height: 100%;z-index: 1042;overflow: hidden;position: fixed;background: #0b0b0b;opacity: 0.8;}.mfp-wrap {top: 0;left: 0;width: 100%;height: 100%;z-index: 1043;position: fixed;outline: none !important;-webkit-backface-visibility: hidden;}.mfp-container {text-align: center;position: absolute;width: 100%;height: 100%;left: 0;top: 0;padding: 0 8px;box-sizing: border-box;}.mfp-container:before {content: '';display: inline-block;height: 100%;vertical-align: middle;}.mfp-align-top .mfp-container:before {display: none;}.mfp-content {position: relative;display: inline-block;vertical-align: middle;margin: 0 auto;text-align: left;z-index: 1045;}.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {width: 100%;cursor: auto;}.mfp-ajax-cur {cursor: progress;}.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {cursor: -moz-zoom-out;cursor: -webkit-zoom-out;cursor: zoom-out;}.mfp-zoom {cursor: pointer;cursor: -webkit-zoom-in;cursor: -moz-zoom-in;cursor: zoom-in;}.mfp-auto-cursor .mfp-content {cursor: auto;}.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {-webkit-user-select: none;-moz-user-select: none;user-select: none;}.mfp-loading.mfp-figure {display: none;}.mfp-hide {display: none !important;}.mfp-preloader {color: #CCC;position: absolute;top: 50%;width: auto;text-align: center;margin-top: -0.8em;left: 8px;right: 8px;z-index: 1044;}.mfp-preloader a {color: #CCC;}.mfp-preloader a:hover {color: #FFF;}.mfp-s-ready .mfp-preloader {display: none;}.mfp-s-error .mfp-content {display: none;}button.mfp-close, button.mfp-arrow {overflow: visible;cursor: pointer;background: transparent;border: 0;-webkit-appearance: none;display: block;outline: none;padding: 0;z-index: 1046;box-shadow: none;touch-action: manipulation;}button::-moz-focus-inner {padding: 0;border: 0;}.mfp-close {width: 44px;height: 44px;line-height: 44px;position: absolute;right: 0;top: 0;text-decoration: none;text-align: center;opacity: 0.65;padding: 0 0 18px 10px;color: #FFF;font-style: normal;font-size: 28px;font-family: Arial, Baskerville, monospace;}.mfp-close:hover, .mfp-close:focus {opacity: 1;}.mfp-close:active {top: 1px;}.mfp-close-btn-in .mfp-close {color: #333;}.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {color: #FFF;right: -6px;text-align: right;padding-right: 6px;width: 100%;}.mfp-counter {position: absolute;top: 0;right: 0;color: #CCC;font-size: 12px;line-height: 18px;white-space: nowrap;}.mfp-arrow {position: absolute;opacity: 0.65;margin: 0;top: 50%;margin-top: -55px;padding: 0;width: 90px;height: 110px;-webkit-tap-highlight-color: transparent;}.mfp-arrow:active {margin-top: -54px;}.mfp-arrow:hover, .mfp-arrow:focus {opacity: 1;}.mfp-arrow:before, .mfp-arrow:after {content: '';display: block;width: 0;height: 0;position: absolute;left: 0;top: 0;margin-top: 35px;margin-left: 35px;border: medium inset transparent;}.mfp-arrow:after {border-top-width: 13px;border-bottom-width: 13px;top: 8px;}.mfp-arrow:before {border-top-width: 21px;border-bottom-width: 21px;opacity: 0.7;}.mfp-arrow-left {left: 0;}.mfp-arrow-left:after {border-right: 17px solid #FFF;margin-left: 31px;}.mfp-arrow-left:before {margin-left: 25px;border-right: 27px solid #3F3F3F;}.mfp-arrow-right {right: 0;}.mfp-arrow-right:after {border-left: 17px solid #FFF;margin-left: 39px;}.mfp-arrow-right:before {border-left: 27px solid #3F3F3F;}.mfp-iframe-holder {padding-top: 40px;padding-bottom: 40px;}.mfp-iframe-holder .mfp-content {line-height: 0;width: 100%;max-width: 900px;}.mfp-iframe-holder .mfp-close {top: -40px;}.mfp-iframe-scaler {width: 100%;height: 0;overflow: hidden;padding-top: 56.25%;}.mfp-iframe-scaler iframe {position: absolute;display: block;top: 0;left: 0;width: 100%;height: 100%;box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);background: #000;}img.mfp-img {width: auto;max-width: 100%;height: auto;display: block;line-height: 0;box-sizing: border-box;padding: 40px 0 40px;margin: 0 auto;}.mfp-figure {line-height: 0;}.mfp-figure:after {content: '';position: absolute;left: 0;top: 40px;bottom: 40px;display: block;right: 0;width: auto;height: auto;z-index: -1;box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);background: #444;}.mfp-figure small {color: #BDBDBD;display: block;font-size: 12px;line-height: 14px;}.mfp-figure figure {margin: 0;}.mfp-bottom-bar {margin-top: -36px;position: absolute;top: 100%;left: 0;width: 100%;cursor: auto;}.mfp-title {text-align: left;line-height: 18px;color: #F3F3F3;word-wrap: break-word;padding-right: 36px;}.mfp-image-holder .mfp-content {max-width: 100%;}.mfp-gallery .mfp-image-holder .mfp-figure {cursor: pointer;}@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {.mfp-img-mobile .mfp-image-holder {padding-left: 0;padding-right: 0;}.mfp-img-mobile img.mfp-img {padding: 0;}.mfp-img-mobile .mfp-figure:after {top: 0;bottom: 0;}.mfp-img-mobile .mfp-figure small {display: inline;margin-left: 5px;}.mfp-img-mobile .mfp-bottom-bar {background: rgba(0, 0, 0, 0.6);bottom: 0;margin: 0;top: auto;padding: 3px 5px;position: fixed;box-sizing: border-box;}.mfp-img-mobile .mfp-bottom-bar:empty {padding: 0;}.mfp-img-mobile .mfp-counter {right: 5px;top: 3px;}.mfp-img-mobile .mfp-close {top: 0;right: 0;width: 35px;height: 35px;line-height: 35px;background: rgba(0, 0, 0, 0.6);position: fixed;text-align: center;padding: 0;}}@media all and (max-width: 900px) {.mfp-arrow {-webkit-transform: scale(0.75);transform: scale(0.75);}.mfp-arrow-left {-webkit-transform-origin: 0;transform-origin: 0;}.mfp-arrow-right {-webkit-transform-origin: 100%;transform-origin: 100%;}.mfp-container {padding-left: 6px;padding-right: 6px;}}


/* temporary - loading overlay for find-a-doctor*/
.pagination li:empty{
    margin: 0;
}

.modal {
    position: fixed;
    /*z-index: 999;*/
    height: 100%;
    width: 100%;
    top: 0;
    background-color: Black;
    filter: alpha(opacity=60);
    opacity: 0.6;
    -moz-opacity: 0.8;
}

.center {
    z-index: 1000;
    margin: 300px auto;
    padding: 10px;
    width: 130px;
    background-color: White;
    border-radius: 10px;
    filter: alpha(opacity=100);
    opacity: 1;
    -moz-opacity: 1;
}