:root {
    --black: #353535;
    --red: #810027;
    --pale: #F5F5F5;
    --bluewhite: #EEF5FB;
    --blue: #509BD4;
    --white: #FFFFFF;
  }

/*-- Index Header --*/

.index-header {
    position:relative;
    background-color:var(--pale);
}

    .index-header img {
        position:static;
        height:auto;
        width:100%;
        margin-top:8rem;
        cursor:pointer;
    }

    @media (min-width: 768px) {.index-header img {position:absolute; top:0; right:0; height:100%; width:auto; margin-top:0;}}

    .index-header .textbox {
        margin:5rem 0 5.5rem 0;
        padding-left:5rem;
    }

    @media (min-width: 768px) {.index-header .textbox  {margin:19.5rem 0 9.5rem 0; padding-left:10rem;}}

    .index-header .textbox h1 {width:90%;}
    @media (min-width: 768px) {.index-header .textbox h1 {width:100%;}}
    
    .index-header .textbox p {
        max-width:90%;
        margin-bottom:2rem;
    }

    @media (min-width: 768px) {.index-header .textbox p { max-width:85%; margin-bottom:1.5rem;}}

/*-- Golf Event Ad --*/

.golf-event-ad {background-color:var(--red); margin:0rem auto; padding:1rem 0rem 3rem 0rem; text-align:center;}
@media (min-width: 768px) {.golf-event-ad {padding:1rem 5rem 0 8rem; text-align:left;}}

    .golf-event-ad .textbox h2 {color:#FF9C09; margin-top:3rem; font-size:3rem; margin-bottom:0;}

    .golf-event-ad .textbox h3 {color:var(--white); font-size:4rem; margin-bottom:1.5rem;}
    @media (min-width: 768px) {.golf-event-ad .textbox h3 {font-size:5rem; margin-bottom:1rem;}}

    .golf-event-ad .textbox p {color:var(--white); font-size:1.6rem; width:100%; margin-bottom:2rem;}
    @media (min-width: 768px) {.golf-event-ad .textbox p {width:90%; font-size:1.5rem; margin-bottom:1.5rem;}}

    .golf-event-ad .textbox a {width:100%;}
    @media (min-width: 768px) {.golf-event-ad .textbox a {width:auto;}}

.golf-event-ad img {height:30rem; width:auto;}


/*-- Our Medical Services --*/

.medical-services{padding:0 2rem;}
@media (min-width: 768px) {.medical-services{padding:0 7rem;}}

.medical-services .title {
    margin-bottom:5rem;
    max-width:100%;
    margin:3rem auto 3rem auto;
}

@media (min-width: 768px) {.medical-services .title { max-width:55%;}}

.medical-services .tile {margin:3rem 0rem;}
@media (min-width: 768px) {.medical-services .tile {margin:2.5rem 0rem;}}

    .medical-services .tile img {
        width:100%;
        height:auto;
        margin-bottom:1rem;
    }

    .medical-services .tile h3 {font-size:2.4rem;}
    @media (min-width: 768px) {.medical-services .tile h3 {font-size:1.6rem;}}

        .medical-services .tile h3 a:link, .medical-services .tile h3 a:visited {color:var(--red) !important;}
        .medical-services .tile h3 a:hover, .medical-services .tile h3 a:active  {color:var(--blue) !important; transition:.4s;}

    .medical-services .tile p {font-size:1.9rem;}
    @media (min-width: 768px) {.medical-services .tile p {font-size:1.35rem;}}

    .medical-services .tile .soft-link {font-size:1.8rem;}
    @media (min-width: 768px) {.medical-services .tile .soft-link {font-size:1.4rem;}}


/*-- Upcoming Events --*/

.events {position:relative;}

    .events .bkgd {
        position:absolute;
        bottom:0;
        right:0rem;
        width:100%;
        height:auto;
        z-index:-9999;
    }

    .events .title {margin-bottom:6rem;}

    .events .thumbnail {margin:0 1rem 5rem 1rem;}
    @media (min-width: 768px) {.events .thumbnail {margin-bottom:10rem;}}

    .events .thumbnail img {width:100%; margin-bottom:2rem;}

/*-- About Page --*/

/* Header */

.about .sec-header .textbox {padding:15.5rem 0 0 0;}
@media (min-width: 768px) {.about .sec-header .textbox {padding:18.5rem 0 12.5rem 0}}

/* MAP Video */

.map-video {position:relative; margin-top:-.5rem;}

.map-video .bkgd {
    position:absolute;
    top:0;
    left:0;
    width:100%;
}

.map-video .thumbnail {
    width:90%;
    height:auto;
    cursor:pointer;
    margin:5rem auto;
}
@media (min-width: 768px) {.map-video .thumbnail { width:70%; margin:10rem auto;}}

/* Values */

.values {position:relative; margin:0 auto 10rem auto; width:90%;}
@media (min-width: 768px) {.values {margin:-10rem auto 5rem auto;}}

    .values .textbox {
        background-color: var(--white);
        border:var(--blue) 2px solid;
        margin:2rem 3rem 2rem 3rem;
        padding:3rem;
        border-radius:7px;
        box-shadow: 0 8px 11px 0 rgba(0, 0, 0, 0.10);
    }

    @media (min-width: 768px) {.values .textbox {margin:8rem 3rem 5rem 3rem;}}


/* Our Story */

.our-story {
    background-color:var(--pale);
    padding:8rem 0;
}

.our-story .textbox {padding-left:2rem;}
@media (min-width: 768px) {.our-story .textbox {padding-left:6rem;}}

.our-story .textbox h2 {width:100%;}
@media (min-width: 768px) {.our-story .textbox h2 {width:80%;}}

.our-story .textbox p {width:100%;}
@media (min-width: 768px) {.our-story .textbox p {width:90%;}}

.our-story .imgbox img {width:90%; margin-top:6rem;}
@media (min-width: 768px) {.our-story .imgbox img {width:80%; margin-top:0rem;}}

.our-story .logos {margin-top:7rem;}

.our-story .logos img {
    height:10rem;
    margin:0 1.5rem;
}

/*-- Leadership --*/

.team {padding: 0 1rem; margin:10rem auto;}
@media (min-width: 768px) {.team {padding: 0 10rem; margin:10rem auto;}}

.team .title {margin-bottom:8rem;}

.team .title p {width:100%; margin:auto;}
@media (min-width: 768px) {.team .title p {width:65%; margin:auto;}}

.team .thumbnail {margin:0 auto 5rem auto; width:65%;}
@media (min-width: 768px) {.team .thumbnail {width:100%;}}

.team .thumbnail img {width:100%;}

.team .thumbnail .member {
    background-color:var(--pale);
    border-radius:10px 10px 0 0;
}

.team .thumbnail .member h4 {
    padding:1rem 1rem 0 1rem;
    margin-bottom:.25rem;
    font-size:1.6rem;
}

.team .thumbnail .member p {
    padding:0rem 1rem 1.5rem 1rem;
    font-size:1.3rem;
}

/*--- Insurance & Fees Page --*/

/* Header */

.insurance-and-fees .sec-header .textbox {padding:15rem 0 0 0;}
@media (min-width: 768px) {.insurance-and-fees .sec-header .textbox {padding:21rem 0 7rem 0;}}

/* Insurance Options */

.insurance-options {position:relative; margin-top:4rem;}
@media (min-width: 768px) {.insurance-options {position:relative; margin-top:1rem;}}

    .insurance-options .bkgd {
        position:absolute;
        top:0;
        left:0;
        width:100%;
    }

    .insurance-options .textbox {
        background-color: var(--white);
        border:var(--blue) 2px solid;
        margin:2rem 3rem 2rem 3rem;
        padding:3rem;
        border-radius:7px;
        box-shadow: 0 8px 11px 0 rgba(0, 0, 0, 0.10);
    }

    @media (min-width: 768px) {.insurance-options .textbox {margin:8rem 3rem 5rem 3rem;}}

/* Payment Policy */

.payment-policy {width:100%; margin:5rem auto 0 auto;}
@media (min-width: 768px) {.payment-policy {width:55%; margin:3rem auto 0 auto;}}

.payment-policy .textbox {margin-bottom:5rem;}
.payment-policy .textbox a {margin-right:1rem;}
.payment-policy .textbox ul {margin:2rem 0 5rem 3rem;}

.payment-policy .textbox ul li {font-size:1.7rem; color:var(--black);}
@media (min-width: 768px) {.payment-policy .textbox ul li {font-size:1.4rem;}}

/* Sliding Scale Options */

.ss-options {
    padding-bottom:8rem;
    background-color:var(--pale);
    padding:0 3rem;
}

@media (min-width: 768px) {.ss-options {padding:0 0 8rem 0;}}

.ss-options .title {
    margin-bottom:5rem;
    max-width:100%;
    margin:8rem auto 3rem auto;
}

@media (min-width: 768px) {.ss-options .title { max-width:45%;}}

    .ss-options .textbox {
        background-color: var(--white);
        border:var(--blue) 2px solid;
        margin:2rem 2rem 1rem 2rem;
        padding:2rem;
        border-radius:7px;
        box-shadow: 0 8px 11px 0 rgba(0, 0, 0, 0.10);
    }


/* FAQ - Insurance Page */

.insurance-and-fees .faq {margin-bottom:0rem;}


/* -- Patient Portal --*/

.portal {position:relative; margin-top:8rem;}
@media (min-width: 768px) {.portal {margin-top:10rem;}}

.portal .bkgd {
    position:absolute;
    top:0;
    left:0;
    width:100%;
}

.portal .container {max-width:88%;}
@media (min-width: 768px) {.portal .container {max-width:82%;}}

.portal .title {margin-top:5rem;}
@media (min-width: 768px) {.portal .title {margin-top:8rem;}}


/* -- Find a Provider --*/

.providers {position:relative; margin-top:8rem;}
@media (min-width: 768px) {.providers {margin-top:10rem;}}

.providers .bkgd {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    z-index:-1;
}

.providers .container {max-width:88%;}
@media (min-width: 768px) {.providers .container {max-width:82%;}}

    .providers .title {margin-top:5rem;}
    @media (min-width: 768px) {.providers .title {margin-top:8rem; margin-bottom:5rem;}}

    .providers h2 {color:var(--red); font-size:3rem;}
    @media (min-width: 768px) {.providers h2 {font-size:2.5rem;}}

        .providers .member {margin:2rem 0 5rem 0;}

            .providers .member img {width:100%;margin-bottom:1rem;}

            .providers .member h3 {margin-bottom:.5rem;}


/*-- Telehealth --*/

.telehealth .sec-header .textbox {padding-top:15.5rem; padding-bottom:0rem;}
@media (min-width: 768px) {.telehealth .sec-header .textbox {padding-top:17.5rem; padding-bottom:10rem;}}

/* Connect */

.connect {margin:8rem auto;}

    .connect .textbox h2,
    .connect .textbox p {padding-left:0rem;}
    @media (min-width: 768px) {.connect .textbox h2, .connect .textbox p {padding-left:13rem;}}

    .connect .imgbox img {width:70%; margin-top:5rem;}
    @media (min-width: 768px) {.connect .imgbox img {margin-top:0;}}

/* Access */

.access {
    background-color:var(--lightblue);
    padding:8rem 1rem;
}

@media (min-width: 768px) {.access {padding:8rem 10rem;}}

.access .title {margin-left:1.5rem;}

.access .textbox {
    background-color: var(--white);
    border:var(--blue) 2px solid;
    margin:2rem 3rem 2rem 3rem;
    padding:3rem 3rem 0 3rem;;
    border-radius:7px;
    box-shadow: 0 8px 11px 0 rgba(0, 0, 0, 0.10);
}

@media (min-width: 768px) {.access .textbox {margin:3rem 3rem 5rem 3rem;}}


.access .thumbnail {
    width:105%;
    margin:1rem auto;
    padding-bottom:.5rem;
}
@media (min-width: 768px) {.access .thumbnail {width:98%;}}

    .access .thumbnail h3 {
        font-family:'Mulish Bold', sans-serif;
        font-size:1.6rem;
        cursor:pointer;
    }

    .access .thumbnail h3:after {
        content: '\002B'; /* Unicode character for "plus" sign (+) */
        color: var(--red);
        float: right;
        text-decoration:none;
        font-size:1.8rem;
        font-family:'Mulish ExtraBold', sans-serif;
    }

    @media (min-width: 768px) { .access .thumbnail h3:after {font-size:2rem;}}

    .access .thumbnail p {
        font-family:'Mulish', sans-serif;
        font-size:1.4rem;
        color:var(--black);
        margin-top:1rem;
        display:none;
    }


/*-- Careers --*/

/* Header */

.careers .sec-header .textbox {padding:17rem 0 6rem 0;}
@media (min-width: 768px) {.careers .sec-header .textbox {padding:14.5rem 0 3.3rem 0;}}

.careers .sec-header .textbox h5 {margin-bottom:0rem;}
.careers .sec-header .textbox p {margin-bottom:2rem;}

/* Career Introduction */

.career-intro {
    background-color:var(--lightblue);
    padding:7rem 0;
}

.career-intro .textbox h2 {
    max-width:90%;
    margin:auto;
    color:var(--blue);
    margin-bottom:1.5rem;
}

@media (min-width: 768px) {.career-intro .textbox h2 {max-width:40%;}}

.career-intro .textbox p {
    max-width:90%;
    margin:auto;
    margin-bottom:1.5rem;
    font-size:1.7rem;
}

@media (min-width: 768px) {.career-intro .textbox p {max-width:50%;}}

/* Career Qualities */

.career-qualities {margin:9rem auto;}

.career-qualities .row {margin:6rem auto;}

.career-qualities .textbox {
    background-color:var(--pale);
    padding:5rem;
    margin:0 !important;
}

.career-qualities .left .textbox {border-radius:15px;}
@media (min-width: 768px) {.career-qualities .left .textbox {border-radius:15px 0 0 15px;}}

.career-qualities .right .textbox {border-radius:15px;}
@media (min-width: 768px) {.career-qualities .right .textbox {border-radius:0 15px 15px 0;}}

.career-qualities .community {
    background:url('../img/careers/community-first.webp');
    background-size:cover;
}

.career-qualities .left .community {border-radius:0 15px 15px 0;}

.career-qualities .employee {
    background:url('../img/careers/employee-focused.webp');
    background-size:cover;
}

.career-qualities .right .employee {border-radius:15px 0 0 15px;}

.career-qualities .care {
    background:url('../img/careers/exceptional-care.webp');
    background-size:cover;
}

.career-qualities .left .care {border-radius:0 15px 15px 0;}

/* Join Our Team */

.join {margin: 8rem auto; max-width:90%;}
@media (min-width: 768px) {.join {max-width:50%;}}

.join h3 {font-size:3.5rem;}
@media (min-width: 768px) {.join h3 {font-size:5rem;}}

.join p {margin:1rem auto 2rem auto; font-size:1.7rem;}


/*---------------- Service Pages --------------------*/

.pg-services .insurance {margin:8rem auto;}


/*---------------- Event Pages ---------------------*/

.event-header {position:relative; margin-top:3rem; padding-bottom:5rem;}
@media (min-width: 768px) {.event-header {margin-top:11rem; padding-bottom:9rem;}}

    .event-header img {position:absolute; top:0; left:0; width:100%; height:auto;}

    .event-header .textbox {margin-top:19rem; text-align:center;}
    @media (min-width: 768px) {.event-header .textbox {margin-top:8.5rem; margin-left:5rem; text-align:left;}}

        .event-header .textbox h5 {color:var(--blue);}
        @media (min-width: 768px) {.event-header .textbox h5 {color:var(--white);}}

          .event-header .textbox h1 {
            color:var(--black);
            font-size:3.1rem;
            width:100%;
            line-height:1.1;
            margin:1.25rem 0 2.5rem 0;
            font-family:'Livvic SemiBold';
          }

          @media (min-width: 768px) { .event-header .textbox h1 {color:var(--white); font-size:7.1rem; width:70%;}}

          .event-header .textbox a {width:100%;}
          @media (min-width: 768px) {.event-header .textbox a {width:auto;}}

/*-- Event Info --*/

.event-info {padding:6rem 0;}

.event-info.title p {width:100%;}
@media (min-width: 768px) {.services .title p {width:45%;}}

.event-info .tile {
    background-color:#fff;
    border:#509BD4 2px solid;
    margin:2rem 2rem;
    padding:2rem 3.5rem;
    border-radius:.9rem;
    box-shadow: #509BD4;
    box-shadow: 0 8px 11px 0 rgba(0, 0, 0, 0.10);
}

/*-- Event Description --*/

.event-description {padding:9rem 2rem;}
@media (min-width: 768px) {.event-description {padding:9rem 7rem;}}

.event-description .textbox {padding-left:2rem;}
@media (min-width: 768px) {.event-description .textbox {padding-left:0rem;}}

.event-description .textbox h2 {width:100%;}
@media (min-width: 768px) {.event-description .textbox h2 {width:80%;}}

.event-description .textbox p {width:100%; margin-bottom:3rem;}
@media (min-width: 768px) {.event-description .textbox p {width:90%; margin-bottom:1rem;}}

.event-description .imgbox img {width:90%; margin-top:6rem;}
@media (min-width: 768px) {.event-description .imgbox img {width:90%; margin-top:0rem;}}

.event-description .textbox a {width:100%;}
@media (min-width: 768px) {.event-description .textbox a {width:auto;}}

/*-- Event Deadline --*/

.event-deadline {background-color:#810027; margin:0rem auto; padding:4rem 0 0 0;}

    .event-deadline .textbox h2 {color:#fff; margin-top:1rem;}

    .event-deadline .textbox h3 {color:#FF9C09; font-size:4rem; margin-bottom:5rem;}
    @media (min-width: 768px) {.event-deadline .textbox h3 {font-size:6rem; margin-bottom:0rem;}}

.event-deadline img {height:20rem; width:auto;}

/*-- Sponsorship Opportunities --*/

.event-sponsorships {margin:8rem auto;}

    .event-sponsorships .title {margin-bottom:5rem;}

        .event-sponsorships .title p {width:100%; margin:auto;}
        @media (min-width: 768px) {.event-sponsorships .title p {width:50%; margin:auto;}}

    .event-sponsorships .tile {border:1.5px solid #509BD4; border-radius:10px; margin:1rem; padding:0;}

        .event-sponsorships .tile h4 {padding:1.5rem 0 .75rem 0; text-align:center;}

            .event-sponsorships .tile h4 span {color:#810027 !important;}

        .event-sponsorships .tile hr {background-color:#509BD4; border:.75px solid #509BD4;}

        .event-sponsorships .tile h5 {padding:1.5rem 1.5rem 0 1.5rem; color:#353535;}

        .event-sponsorships .tile p {padding:0 1.5rem .75rem 1.5rem;} 

        .event-sponsorships .tile a {
            display:inline-block;
            padding:1.3rem 0 1.75rem 1.5rem;
            text-decoration:underline;
            color:#810027;
            font-size:1.6rem;
        }
         @media (min-width: 768px) {.event-sponsorships .tile a {font-size:1.3rem;}}

        .event-sponsorships .tile a:hover,
        .event-sponsorships .tile a:active {
            color:#509BD4;
            transition:.4s;
        }

/*-- Event Sponsors --*/

.event-sponsors {margin:8rem auto; text-align:center;}

        .event-sponsors img {height:10rem;}