@charset "UTF-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700&family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&display=swap');

/* === Global Vars === */

:root {
    --orange: #F89D35;
    --kelly: #006A52;
    --teal: #244C5A;
    --dark: #2B2E50;
    --blue: #92D4D5;
    --offwhite: #FFFAF4;
    --lightblue: #F0F2F5;
}

/* ============= Navigation ============= */

header {
    background-color: #DDD;
    padding: 16px 16px 20px 12px;
/*    transition: all 0.2s ;*/
}

.top_nav {
    margin-bottom: 0 !important;
/*    transition: all 0.2s ;*/
}

.top_nav ul li {
	list-style-type: none;
    background: none;
}

.top_nav ul li:before {
	content: '';
}

.top_nav .logo_col img {
    max-width: 150px;
}

/* Mobile Nav */

header .d_nav {
    display: none;
}

.m_nav {
    position: relative;
}

.m_nav.open, .m_nav.phone {
    background-color: #58A391;
    display: inline-block;
    width: 45px !important;
    height: 45px;
    padding: 6px;
    border-radius: 6px;
}

.m_nav.open {
    position: absolute;
    top: 15px;
    right: 5px;
    width: auto;
    cursor: pointer;
}

.m_nav.phone {
    position: absolute;
    top: 15px;
    right: 60px;
    width: auto;
    cursor: pointer;
}

.m_nav.open img {
    width: 100%;
    height: auto;
}

.menu_content {
    display: none;
    text-align: center;
    position: fixed;
/*    position: absolute;*/
/*    position: sticky;*/
    top: 0px;
    left: 0;
    padding-top: 95px;
    background-color: #254B5F;
    z-index: 10;
    width: 100%;
    overflow-y: scroll;
    overflow-x: hidden;
    height: 96vh;
    border-bottom: 2vh solid #58A391;
}

.menu_content ul {
    width: 100%;
}

.menu_content li {
    background-image: none;
    color: #FFF;
    width: 100%;
}

.menu_content a {
    text-align: center;
    color: #FFF;
    width: 100%;
}

#trigger {
/*    border-bottom: 3px red solid;*/
}

/*header .m_nav {
    display: block;
}*/

/*header .m_nav img {
    max-width: 200px;
    height: auto;
}

header .m_nav nav, 
header .m_nav nav li,
header .m_nav nav ul {
    width: 100%;
}

header .m_nav nav {
    gap: 2px;
    position: relative !important;
}

header .m_nav li {
    margin: 0;
}

header .m_nav p,
header .m_nav li a {
    background-color: #254B5F;
    display: block;
    padding: 15px;
    color: #FFF !important;
    width: 100%;
    font-size: 0.8em;
    font-size: 2em;
}*/



/* ============= Basic Styles ============= */

body {
    font-family: Open Sans, Helvetica, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 22px;
    line-height: 1;
    color: #2B2E50;
    background-color: #244C5A;
}

h1, h2, h3, h4, p, li {
    text-align: center;
}

h1, h2, h3 {    
    font-family: Barlow, Helvetica, sans-serif;
    line-height: 0.95;
    color: #254B5F;
}

h1 {
    font-size: 2.5em;
    font-weight: 800;
    margin-bottom: 30px;
    color: #59A193;
    -ms-word-break: break-all;
    -ms-word-wrap: break-all;
    -webkit-word-break: break-word;
    -webkit-word-wrap: break-word;
    word-break: break-word;
    word-wrap: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
}

h2 {
	font-size: 1.5em; 
    font-weight: bold;
    margin: 20px 0;
}


h2 span.nobold {
    font-weight: normal !important;
    padding-top: 12px !important;
}

h3 {
    font-size: 1.2em;
    font-family: Barlow, Helvetica, sans-serif;
/*    font-weight: normal;*/
    line-height: 1;
}

ul {
    padding: 0;
    padding-left: 0;
    margin: 0 0 18px 0px;
}


p, li {
    line-height: 1.2;
}

ul li {
    list-style-type: none;
    margin: 5px 0 10px;
    padding-left: 1.25em;
    background: url('../images/checkmark.svg') no-repeat;
    background-size: 0.75em auto;
    background-position: left 0.25em;
}

ol li {
    margin: 0 0 12px;
}

li {
    text-align: left;
}

a {
/*    color: #F99D33;*/
    color: #f96a33;
    cursor: pointer !important;
}

a:hover {
    color: #E0332E;
}

.skip {
  position: absolute;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

.line_ht_1 {
    line-height: 1.3;
}

.wp-block-buttons {
    text-align: center;
    display: block !important;
    margin-bottom: 20px;
}

a.button_link,
.button_link a,
a.btn-primary 
{
    background-color: #58A291;
    border-radius: 800px;
    color: #FFF;
    padding: 15px 30px;
    text-decoration: none;    
    width: fit-content;
    margin-top: 12px;
    border: none;
    font-size: 1em;
}

.button_link a,
a.btn-primary 
{
    display: block;
    margin: 5px auto;
    width: 100%;
}

a.button_link:hover,
.button_link a:hover,
a.btn-primary:hover {
    color: #FFF !important;
    background-color: #244C5A !important;
}

.wp-block-group div:has(.btn-primary) {
    width: fit-content;
    display: inline-block;
}

img {
    max-width: 100%;
    height: auto;
}

body .container-fluid:not(.box_style_3) {
    margin-bottom: 0px !important;
}

main {
    background-color: #EEE !important;
    /* margin-top: -30px; */
    /* to fix layers - may screw things up later */
    position: relative;
    padding-top: 30px;
/*    padding-bottom: 30px;*/
    /* z-index: -1; */
}

main:has(.home_hero),
main:has(.hero25),
main:has(.single_hero) {
    padding-top: 0;
}

.loader1 {
    display: none;
    margin-top: 10px;
    font-weight: bold;
}

.page_hero .row > div {
    padding-top: 30px;
}

.ptb-500 {
    padding: 500px 0;
}

.maxw {
    max-width: 1200px;
}

.maxw2 {
    max-width: 1600px;
}

.maxw3 {
    max-width: 900px;
}

.whitebg:not(.bg_override_blue) {
    background-color: #FFF !important;
}

.graybg {
    background-color: #DDD !important;
}

.lightbg {
    background-color: #EEE !important;
}

.lightbg2 {
    background-color: var(--lightblue);
}

.greenbg {
    background-color: #59A193;
}

.dkgreenbg {
    background-color: #244C5A;
}

.offwhitebg {
    background-color: var(--offwhite);
}

.col_count_2 {
    column-count: 2;
}

.vert_center > .group {
    height: 100%!important;
/*    display: flex !important;*/
    justify-content: center !important;
    flex-direction: column !important;
}

.m_only {
    display: inline-block;
}

.d_only {
    display: none;
}

.dtop_pad_1 {
    padding: 0;
}

.dtop_pad_2 {
    padding: 10px;
}

/*.vert_row {
    flex-direction: column;
}

.maxh_1 {
    max-height: 2000px;
}*/

/* even small */
.paddingset-es {
  padding: 3vw !important;
}

.nohyphen {
    -webkit-hyphens: none !important;
    -moz-hyphens: none !important;
    hyphens: none !important;
}

.anchor_block {
    scroll-margin-top : 6em;
}

/* justify content, align bottom content in cols */
.jc_space_between {
    justify-content: space-between;
    display: flex;
    flex-direction: column;
}

.white_type h1,
.white_type h2,
.white_type h3,
.white_type p,
.white_type li {
    color: #FFF !important;
}

/* ============= UHPlus Phone Number Callout ============= */

.upcontact {
    background-color: #F89D36;
/*    background-color: #006A52;*/
    padding: 15px 0;
}

.upcontact p,
.upcontact a {
/*    color: #FFF !important;*/
    color: #254B5F !important;
    margin: 0;
}

.upcontact p.header {
    font-weight: bold;
    font-size: 1.3em;
    font-family: Barlow, Helvetica, sans-serif;
}

.upcontact img {
    display: none;
    position: absolute;
}

.find_location, 
.upperline_plus {
    padding-top: 0;
}

body .find_location .upcontact, 
body .upperline_plus .upcontact {
    margin-bottom: 15px !important;
}

.find_location .upcontact .maxw {
    max-width: 1600px;
}

.location_page .upcontact .maxw {
    max-width: 1260px;
}

.upperline_plus .cta h2 {
    font-size: 3em;
}

.upperline_plus .cta p {
    font-size: 2em;
    text-align: center;
}

/* ============= Feature Pages (includes Homepage) ============ */

.feature_page h2 {
    font-size: 2em;
    margin: 0px 0 30px;
}  

.feature_box_top {
    margin-top: 30px;
}  

/* ============= Homepage ============= */

.homebox_1 {
    margin-top: 0px;
}

.homebox_2 {
/*    margin-top: 100px;*/
}

/* === Feature Boxes === */

.box_right {
}

.box_left {
}

.box_style_1 {
    background-color: #59A193;    
    border-radius: 0px 0 0 50px;
    margin-bottom: 100px !important;
    padding-top: 15px;
}

/* Upperline Plus */
.box_style_2 {
    background-color: #4091B7;    
/*    background-color: #006A52;    */
    border-radius: 50px 0 0 50px;
/*    margin-top: 100px !important;*/
    padding-top: 15px;
}

/* Providers */
.box_style_3 {
/*    background-color: #4091B7;    */
    background-color: #254B5F;    
    border-radius: 0px 50px 50px 0px;
    margin-bottom: 100px !important;
    padding-top: 15px;
}

.box_style_4 {
/*    background-color: #4091B7;    */
    background-color: #254B5F;    
    border-radius: 0px 50px 50px 0px;
    padding-top: 15px;
}

.bg_override_dark {
    background-color: #254B5F !important;
}

.bg_override_blue {
    background-color: #4091B7 !important;
}

.serv_cond img {
    max-width: 100px;
}

.serv_cond figure {
    text-align: center;
}

.home_hero h1 {
    margin-bottom: 40px;
    color: #254B5F;
}

.row.stats strong {
    font-size: 2em;
    font-family: Barlow, Helvetica, sans-serif;
    margin-bottom: 0;
}

.row.stats p {
    margin: 10px 0;
}

/* ===== Home Buttons ==== */

.button_link.inline {
    display: inline !important;
}

.button_link.style_1 a {
    background-color: #254B5F;
    border: solid 2px #254B5F;
}

.button_link.style_2 a {
    border: solid 2px #FFF;
    background-color: transparent;
}

.button_link.style_3 a {
    background-color: #59A193;
    border: solid 2px #59A193;
}

.button_link.style_4 a {
    border: solid 2px #254B5F;
    background-color: transparent;
    color: #254B5F;
}

.button_link.style_5 a,
a.button_link.style_5 {
    background-color: #FFF;
    border: solid 2px #59A193;
    color: #59A193;
}

a.button_link.style_1:hover,
.button_link.style_1:hover a, {
    background-color: #58A391 !important;
}

.button_link.style_4 a:hover {
    background-color: #254B5F;
}

.button_link.style_6 a:hover {
    background-color: #FFF !important;
    color: #254B5F !important;
}



/* ===== Quicklinks ===== */

.quicklinks_cont {
    padding: 15px 0 !important;
}

.quicklinks {
    max-width: 405px;
    margin: 0 auto;
}

.quicklinks a {
    display: block;
    background-color: #FFF;
    border-radius: 15px;
    webkit-box-shadow: 0px 0px 11px 0px rgba(0,0,0,0.13);
    -moz-box-shadow: 0px 0px 11px 0px rgba(0,0,0,0.13);
    box-shadow: 0px 0px 11px 0px rgba(0,0,0,0.13);  
    padding: 25px;    
    border: solid 2px #FFF;
    color: #254B5F;
    font-size: 1em;
    text-decoration: none;    
    background-repeat: no-repeat;
    background-size: auto 50px;
    background-position: center 10px;
    text-align: center;
    padding-top: 75px;


/*padding-left: 20%;*/
/*    background-position: 10px center;*/
}

.quicklinks > div:nth-child(2) a {
    background-image: url(/wp-content/uploads/2023/04/icon-findlocation.webp);
}

.quicklinks > div:nth-child(3) a {
    background-image: url(/wp-content/uploads/2023/04/icon-patient-portal.webp);
}

.quicklinks > div:nth-child(4) a {
    background-image: url(/wp-content/uploads/2023/04/icon-medical-records.webp);
}

.quicklinks > div:nth-child(5) a {
    background-image: url(/wp-content/uploads/2023/04/icon-find-a-doctor.webp);
}

.quicklinks > div:nth-child(6) a {
    background-image: url(/wp-content/uploads/2023/04/icon-pay-my-bill.webp);
}

.quicklinks > div:nth-child(1) a {
    background-image: url(/wp-content/uploads/2023/04/icon-upperline-plus.webp);
}

.quicklinks a:hover {
    border: solid 2px #59A193;
}


/* ========== Hero Styles ========= */

.hero25 {
    overflow: hidden;
    max-width: 2000px;
    /*margin-right: 0;*/
}

.hero25 figure {
    margin-bottom: 0;
}

.hero25 img {
    border-radius: 80px 0 0 0;
    width: 100%;
    height: auto;
    border: solid 15px #FFF;
    border-bottom: none;
    border-right: none;
}

.hero25 .btn-primary {
    background-color: #244C5A;
    padding: 6px 20px;
    border: 5px solid #244C5A;
}

.hero25 .btn-primary.outline {
    border: 5px solid #FFF;
    background: transparent;
}

.hero25.bg_block {
    position: relative;
    padding: 0;
    background-color: #FFF;
}

.hero25.bg_block:before {
    content: '';
    width: 100%;
    /*height: 80%;*/
    height: calc(100% - 15px);
    display: block;
    position: absolute;
    border-radius: 0 0 0 80px;
}

.hero25.bg_block .row {
    z-index: 10;
    position: relative;
}

.hero25.bg_block .row > div {
    padding: 4.5vw;
}

.hero25.bg_block .row > div:has(figure) {
    padding: 3vw 0 0 0;
}

.hero25.bg_block.color1:before {
    background-color: #5791B1;
}

.hero25.bg_block.color2:before {
    background-color: var(--kelly);
}

/* === Text === */

.hero25 h1 {
    color: #FFF;
    font-size: 3em;
    font-weight: normal;
}

.hero25 p {
    color: #FFF;
}


/* ========== Page Styles ========= */

.page_hero .content_col {
/*    padding: 45px;*/
}

.page_hero p {
    font-size: 1.3em;
}

.privacy h3 {
    font-weight: bold;
}

/* ===== Footer ===== */

footer {
    background-color: var(--teal);
    padding-bottom: 30px;
}

footer.nav_off {
    padding-top: 30px;
}

footer h3,
footer p,
footer a  
{
    color: #FFF !important;
    text-align: left;
}

footer h3 {
    text-transform: uppercase;
    color: #969696 !important;
    font-weight: 500;
}

footer li {
    line-height: 1;
    margin-bottom: 5px;
    background: none;
    background-image: none;
}

footer hr {
    background-color: #FFF !important;
    border: none !important;
    height: 2px !important;
    opacity: 1 !important;
    width: 85%;
    display: none;
}

footer .col,
footer .address_col {
/*    padding: 45px;*/
    padding: 20px 0 0 20px;
    flex: none;
}


footer .address_col {
/*    display: flex;*/
/*    order: 4;*/
/*    width: 100%;*/
}

footer .address_col .row {
    margin: 0 -24px;
} 

footer .address_col .container-fluid {
/*    padding: 0;*/
}

footer .address_col .col {
    padding: 0 0 20px 0;
}

footer .address_col img {
    max-width: 250px;
    margin-bottom: 10px;
}

footer .social img {
    width: 30px;
    margin: 10px 10px 0 0;
}

footer .mailing span {
    display: none;
}

.copyright {
    padding: 30px;
    margin: 0;
    font-size: 0.8em;
}

@media(min-width: 768px) {

    body {
        font-size: 18px;
    }

    h1 {
        -webkit-hyphens: none !important;
        -moz-hyphens: none !important;
        hyphens: none !important;        
    }

    h1, h2, h3, h4, p, li {
        text-align: left;
    }

    ul, li {
        text-align: left;
    }

    header {
        padding: 0;
    }

    .show_second_dtop {
        order: 2;
    }      

    .top_nav .d_nav {
        display: flex;
    }

    .top_nav .d_nav {
        display: flex;
        justify-content: flex-end;
    }

    .top_nav .d_nav.phone a {
        color: #FFF !important;
        text-decoration: none !important;
    }

    .top_nav .m_nav {
        display: none;
    }

    .top_nav nav a {
        font-weight: 600;
        margin: 0 5px;
        display: inline-block;
        cursor: pointer !important;
        font-size: 0.9em;
/*        transition: all 0.2s ;*/
    }

    .top_nav nav a:hover {
        color: #A8AD00 !important;
    /*    background-color: cadetblue;*/
    }    

    /* Navigation */
    .top_nav .primary {
        padding: 15px;
        background-color: #FFF;
        transition: all 0.1s;
    }

    .top_nav .primary nav a {
    /*    background-color: chocolate;*/
/*        padding: 15px;*/
    }

    .top_nav .primary nav .nav_button a {
        background-color: #58A291;
        border-radius: 800px;
        color: #FFF;
        padding: 5px 10px;
/*        margin-left: 20px;*/
    }

    .top_nav .primary nav .nav_button a:hover {
        color: #FFF !important;
        background-color: #244C5A;
    }

    .top_nav .logo_col img {
        max-width: 250px;
    }

    .top_nav .nav ul {
        justify-content: end;
    }

    .top_nav .secondary {
        background-color: #244C5A;
        padding: 15px;
    }

    .top_nav .secondary .d_nav {
        padding-right: 20px;
        flex: 2;
    }

    .top_nav .secondary .phone {
        color: #FFF;
        justify-content: flex-start;
        padding: 5px 0 10px 15px;
        flex: 1;
    }

    .top_nav .secondary li {
        color: #FFF;
    }    

    /* Stuck Navigation */

    .stuck .secondary, .stuck .top_nav .primary {
/*        background-color: coral;*/
        padding: 4px 15px 0px;
/*        transition: all 0.2s;*/
    }

    .stuck img {
        width: 150px;
        height: auto;
/*        transition: all 0.2s;*/
        margin: 5px 0;
    }

    .stuck .primary nav .button_link a {
         padding: 5px 10px;
    }

    /* ======= Hero Areas ======= */

    .hero25.bg_block:before {
        width: 85%;
    }

    /* ============== */

    .vert_row {
        flex-direction: column;
    }

    .maxh_1 {
        max-height: 2000px;
    }    

    .vert_center > .group {
        display: flex !important;
    }

    .page_hero .content_col {
        padding: 45px;
    }    

    .wp-block-buttons {
        text-align: left;
        display: flex !important;
/*        margin-bottom: 20px;*/
    }  

    a.button_link,
    .button_link a,
    a.btn-primary {    
        display: inline-block;
    }

    .m_only {
        display: none !important;
    }

    .d_only {
        display: block;
    }

    .dtop_pad_1,
    .dtop_pad_2 {
        padding: 3rem 15px;
    }

    /* ============= Feature Pages (includes Homepage) ============ */

    .feature_page h2 {
        font-size: 2.5em;
    }      

    /* ============== */

    /* === Feature Boxes === */

    .box_right {
        margin-right: 0;
        width: 90%;
    }

    .box_left {
        margin-left: 0;
        width: 90%;        
    }    

    .feature_box_top {
        margin-top: 0;
    }

    /* === Homepage === */

    .quicklinks {
        max-width: 100%;
    }

    .quicklinks a {        
    }

    .homebox_1,
    .homebox_2 {
        margin-top: 0;
    }

    .quicklinks_cont {
/*        padding: 200px 0 !important;*/
        padding: 12vw 0 !important;
    }

    .serv_cond .row > div {
        padding-right: 75px;
    }

    .serv_cond figure {
        text-align: left;
    }    


    /* === UHPlus Callout === */

    .upcontact {
        padding: 0;
        position: relative;
    }

    .upcontact > div {
        padding: 15px 0 15px 45px;
/*        background-image: url(http://upperlinehealth.com/wp-content/uploads/2023/09/pointer2.webp);*/
        background-repeat: no-repeat;
        background-size: auto 100%;
        position: relative;
/*        left: -45px;*/
    }
    


    /* === Footer === */

     footer .row > div {
/*        padding: 45px 45px 0;*/
     }

    footer .row .col {
        flex: 1;
    }

    footer .address_col {
        flex: none;
        margin-top: 30px;
    }  

    footer .address_col .col {
        padding: 0 24px 0 0;
    }

    footer .address_col .col:nth-child(2) {
/*        background-color: teal;*/
        flex: 3;
    }

    footer .mailing br {
        display: none;
    }

    footer .mailing span {
        display: inline-block;
    }
  

}

@media(min-width:850px) {
    .primary .d_nav {
        flex: 4;
    }
}

@media(min-width: 900px) {

    /* === Feature Boxes === */

    .img_shift_down {
        position: relative;
        padding-bottom: 55%;        
    }

    .img_shift_down img {
        position: absolute;
        bottom: -50px;
        border-radius: 50px;
        width: 90%;
    } 

    .img_shift_up {
        position: relative;
        padding-bottom: 55%;
    }

    .img_shift_up img {
        position: absolute;
        top: -50px;
        border-radius: 50px;
        width: 90%;
    } 

    /* === Footer === */

/*    footer .row .col {
        order: 2;
        flex: 1;
    }


    footer .address_col {
        flex: 1;
        order: 1;
    }   

    footer .address_col .col {
        flex: none;
    }

    footer .mailing br {
        display: inline-block;
    }

    footer .mailing span {
        display: none;
    }*/

}

@media(min-width: 992px) {

    .container-fluid:has(.hero25) {
        padding-right: 0;
    }

    .hero25.bg_block:before {
        /*height: 80%;*/
        height: calc(100% - 3vw);
    }
}

@media(min-width: 1200px) {

    h1 {
        font-size: 4em;
    }

    .top_nav .primary nav a {
        padding: 10px;
    }

    .top_nav .primary nav .button_link a {
        padding: 15px 30px;        
    }

    /* ================= */

    .quicklinks a {
        font-size: 1.5em;
    }


    /* === UHPlus Callout === */

    .location .upcontact > div {
/*        left: -45px;*/
    }    

        /* === Footer === */

    footer .row .col {
        order: 2;
        flex: 1;
        padding: 20px 0 0 7vw;
    }

    footer .address_col {
        flex: 1;
        order: 1;
        margin-top: 0;
    }   

    footer .address_col .social {
        margin-bottom: 15px;
    }

    footer .address_col .col {
        flex: none;    
        padding: 0 0 0 20px;    
    }

    footer .address_col .row {
/*        flex-wrap: wrap;*/
    }

    footer .mailing br {
        display: inline-block;
    }

    footer .mailing span {
        display: none;
    }

}

@media(min-width: 1600px) {
    /* === UHPlus Callout === */

    .upcontact > div {
/*        left: -45px;*/
    }      
}

@media(min-width: 2000px) {

    .hero25 img {
        border-radius: 80px 80px 0 0;
/*        width: 100%;
        height: auto;*/
        border: solid 15px #FFF;
        border-bottom: none;
        /*border-right: none;*/
    }

}