@charset "UTF-8";

/* CSS Document */
.container img {
    width: 100%;
}

.footer-wrapper {
    width: 100%;
    padding-left: 96px;
}

.footer-gradient {
    height: auto !important;
}

span.MCHS-footer-logo img {
    padding-bottom: 20px !important;
}

#minimenu span {
    font-size: 18px !important;
}

#minimenu i.fa.fa-bars {
    font-size: 18px !important;
}

div#mobileHeader {
    padding-left: 20px !important;
}

div#minimenu {
    margin-right: 20px !important;
}

.urgent-care-address-detail {
    padding-left: 10px !important;
}

.hospital-address-detail {
    padding-left: 10px !important;
}

div[class^='urgent-care-address-row'] {
    justify-content: center !important;
}

.findButtonText > a {
    position: relative;
    height: 33px;
    width: 90%;
    left: 0px;
    top: 0px;
    font-size: 13px !important;
    color: #fff !important;
}

.experts-photo {
    padding-left: 20px;
}

.experts-photo-text-wrapper {
    padding-right: 30px;
}

span.experts-title {
    display: block;
    padding: 0 25px 0 25px;
    text-align: center;
}

span.experts-intro {
    display: block;
    padding: 0 25px 0 25px;
    text-align: left;
}

div#shine365-logo > img {
    width: auto;
}

div#txt365title {
    margin-top: -19px;
    text-align: left;
}

div#shine365-logo {
    text-align: center;
}

div#txt365 a {
    text-align: left;
}

a#readMore365 {
    float: left;
    color: #007D94 !important;
}

.mobile #site-logo-mchs {
    width: 220px;
    height: 45px;
    background: url("https://www.marshfieldclinic.org/regional/Icons and Logos/MCHS_RGB 6.png") no-repeat;
    /*background-position: -5px 5px;*/
    padding-right: 18px;
    display: inline-block;
    margin: 25px 18 32px 38px;
}

.mobile #site-logo-childrens {
    width: 167px;
    height: 44px;
    background: url("https://www.marshfieldclinic.org/regional/Icons and Logos/MarshfieldChildrens_RGB 7.png") no-repeat;
    /*background-position: -5px 5px;*/
    display: inline-block;
    margin: 25px 0 32px 0px;
}

.desktop #site-logo-mchs {
    width: 220px;
    height: 45px;
    background: url("https://www.marshfieldclinic.org/regional/Icons and Logos/MCHS_RGB 6.png") no-repeat;
    /*background-position: -5px 5px;*/
    padding-right: 18px;
    display: inline-block;
    margin: 25px 18 25px 38px;
}

.desktop #site-logo-childrens {
    width: 167px;
    height: 44px;
    background: url("https://www.marshfieldclinic.org/regional/Icons and Logos/MarshfieldChildrens_RGB 7.png") no-repeat;
    /*background-position: -5px 5px;*/
    display: inline-block;
    margin: 25px 0 25px 0px;
}

#minimenu {
    margin-right: 20px;
}

div#minimenu .fa {
    font-size: 18px;
}

.services-available {
    font-size: 18px;
    font-weight: 500;
    color: #003E51;
    display: block;
}

.services-list > li {
    list-style: disc;
    font-size: 18px;
}

.services-list-2 > li {
    list-style: disc;
    font-size: 18px;
}

.services-list-2 {
    padding-top: 30px;
    font-size: 18px;
}

#services-container {
    margin-top: -105px;
    margin-bottom: -40px;
}

#clinic-services-container {
    margin-top: -105px;
    margin-bottom: -40px;
}

.clinic-services-list > li {
    list-style: disc;
    font-size: 18px;
}

.clinic-services-list-2 > li {
    list-style: disc;
    font-size: 18px;
}

.clinic-services-list-2 {
    padding-top: 30px;
    font-size: 18px;
}

div#beaver-dam.tab-pane {
    margin-top: 30px;
}
div[class^="tab-content"] .tab-pane.fade.show {
    margin-top: 30px;
}

#location-info2 {
    margin-top: 30px;
}

div#services-container.row {
    column-gap: 0px !important;
}

.services-learn-more {
    color: #007D94;
    font-size: 18px;
    line-height: 21px;
    font-weight: 400;
    margin-top: -5px;
}

.urgent-care-address-row {
    display: flex;
    flex-direction: row;
    justify-content: center;
}

.minimenuC {
    text-align: right;
    display: none;
    color: #013849;
}

#myMenuLinks {
    text-align: left;
    padding-left: 20px;
    display: none;
}

#myMenuLinks hr {
    margin-bottom: 5px !important;
    margin-top: 5px !important
}

.myMenuLink {
    font-size: 20px;
    padding-bottom: 1px;
    padding-top: 1px;
    /*  border-bottom: 1px solid #A7A7A7; */
}

.myMenuLink:hover {
    color: #CE0258;
}

.myMenuLink.active {
    color: #CE0258;
    /*   border-bottom: 2px solid #CB0257 !important; */
}

.read-more > a {
    color: #007D94 !important;
}

span.footer-first-row {
    font-family: 'Montserrat', Verdana, Geneva, sans-serif;
    font-style: normal;
    font-weight: 600 !important;
    font-size: 16px;
    line-height: 19px;
    color: #FFFFFF;
    padding-bottom: 35px;
}

a#readMore365 {
    font-family: 'Montserrat', Verdana, Geneva, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 22px;
    letter-spacing: 0em;
    text-align: left;
    color: #007D94 !important;
}

div.urgent-care-address-detail, div.hospital-address-detail {
 min-width: 175px;
}
/* begin -- Children Hospital */
    h3.urgent-care-name-children {
        font-size: 22px;
        line-height: 30px;
        padding-bottom: 5px;
        font-weight: 500px;
        text-align: center;
        color: #6D2077;
        padding-top:30px;
    }

    div.children-pink {
        font-size: 20px;
        line-height: 30px;
        padding-bottom: 35px;
        font-weight: 500px;
        text-align: center;
        color: #C6007E;
    }
    #myTabchildrenH a, #clinic-services-container-childrenH a{
        color: #C6007E !important;
    }
    
    #myTabchildrenH a:visited, #clinic-services-container-childrenH a:visited{
        color: #663399 !important;
    }

    #myTabchildrenH a:hover, #clinic-services-container-childrenH a:hover{
        color: #0056b3 !important;
    }
    #location-info2H {
        margin-top:30px;        
    }

     .location-addressH {
        font-family: 'Montserrat', Verdana, Geneva, sans-serif;
        font-style: normal;
        font-weight: 400;
        font-size: 18px;
        line-height: 30px;
        letter-spacing: 0.1em;
        padding-bottom: 25px;
    }

    div.children-logoDiv {
        text-align: center;
        padding-bottom: 40px;
        padding-top: 50px !important;
    }
    .hospital-infoDiv {
        padding-bottom: 10px;
        padding-top: 50px;
 
    }
    #clinic-services-container-childrenH{
        padding-top: 50px !important;
    }
        div.children-logoDiv img {
            width: 400px;
        }

    p.children-p {
        font-size: 16px;
    }

    #Hospital .services-available-children {
        font-size: 18px;
        font-weight: 500;
        color: #003E51;
        display: block;
    }

    #Hospital .services-available-children, .children-div-subject {
        color: #6D2077 !important;
    }

    div.children-serviceExt li {
        margin-top: 10px !important;
    }

    div.children-serviceExt {
        padding-bottom: 40px;
        padding-top: 40px;
    }

    .urgent-care-address-row-H {
        max-width: 900px;
        margin: 0 auto;
        display: flex;
        flex-direction: row;
        justify-content: space-around;       
        
    }
    .urgent-care-address-row-H > div.address-row-HDiv {
        width:33%;
    }

     
     a#behavioralH-tab.nav-link, a#childrenH-tab.nav-link {
        font-family: 'Montserrat', Verdana, Geneva, sans-serif;
        font-size: 22px;
        color: #444;
        line-height: 28px;
        list-style-type: none;
        padding-bottom: 20px;
        padding-top: 20px;
        margin: 0px;
        border-bottom: 1px solid #A7A7A7;
    }

    a:hover#behavioralH-tab.nav-link, a:hover#childrenH-tab.nav-link {
        font-family: 'Montserrat', Verdana, Geneva, sans-serif;
        font-size: 22px;
        color: #CB0257;
        line-height: 28px;
        list-style-type: none;
        padding-bottom: 20px;
        padding-top: 20px;
        margin: 0px;
        border-bottom: 3px solid #CB0257;
    }

     a#behavioralH-tab.nav-link.active, a#childrenH-tab.nav-link.active {
        font-family: 'Montserrat', Verdana, Geneva, sans-serif;
        font-size: 22px;
        font-weight: 500;
        color: #CB0257;
        line-height: 28px;
        list-style-type: none;
        padding-bottom: 20px;
        padding-top: 20px;
        margin: 0px;
        border-bottom: 3px solid #CB0257;
    }

    div.address-row-HDiv {
         display: flex;
        flex-direction: row;
  
    }

    div.address-row-HDiv .urgent-care-address-detail{
       padding-right:15px;
    }
    #clinic-services-container-childrenH .children-serviceExtMobile{
        display:none;
    }
   @media (max-width: 480px) {
      #clinic-services-container-childrenH .children-serviceExt{
        display:none;
       }
      #clinic-services-container-childrenH .children-serviceExtMobile{
        display:block;
       }
        div[class^='urgent-care-address-row-H'] {
            display: block !important;
        }
        div.address-row-HDiv {
         display: block;
         min-width:280px;
  
       }
      div.children-logoDiv img {
            width: 85%;
        }

      div.col-md-12.children-serviceExt ul li {
          list-style:none;
      }

      .children-serviceExt ul.services-list {
        margin-left:-20px
        }
      
    }

    @media (max-width:767px) {
        div#Hospital div#leftNavColumn > ul#myTab {
            display: none !important;
        }
        div#Hospital div#leftNavColumnHospital > ul#myTabHospital {
            display: none !important;
        }
        div#Urgent\ Care div#leftNavColumnUC > ul#myTabUC {
            display: none !important;
        }
    }

   
/* End -- Children Hospital */

@media (max-width: 480px) {
    .mobile #site-logo-mchs {
        margin: 25px 0 32px 0 !important;
    }

    .mobile #site-logo-childrens {
        margin: 25px 0 32px 0 !important;
    }

    .experts-photo-text-wrapper {
        padding: 10px 20px 10px 20px !important;
    }

    .experts-photo-wrapper img {
        width: 100% !important;
        margin: 0 auto !important;
        padding-left: 0px !important;
    }

    div#mobileHeader {
        display: flex !important;
        flex-direction: row !important;
    }

    div[class^='hospital-address-row'] {
        flex-direction: column !important;
        align-items: center !important;
    }

    div[class^='hospital-address-detail'] {
        padding-right: 0px !important;
        padding-left: 0px !important;
        text-align: left;
    }

    div[class^='urgent-care-address-row'] {
        flex-direction: column !important;
        align-items: center !important;
    }

    div[class^='urgent-care-address-detail'] {
        padding: 0 0 35px 40px !important;
        text-align: left;
    }

    div[class^='hospital-address-row'] {
        display: block !important;
    }

    div[class^='hospital-address-detail'] {
        padding: 0 0 35px 40px !important;
    }

    div[class^='urgent-care-address-row'] {
        display: block !important;
    }

    .address-location-icon {
        float: left;
    }

    .address-phone-icon {
        float: left;
    }

    .address-hours-icon {
        float: left;
    }

    .read-more > a {
        color: #007D94 !important;
    }

    span.footer-first-row {
        font-family: 'Montserrat', Verdana, Geneva, sans-serif;
        font-style: normal;
        font-weight: 600 !important;
        font-size: 16px;
        line-height: 19px;
        color: #FFFFFF;
        padding-bottom: 35px;
    }

    a#readMore365 {
        font-family: 'Montserrat', Verdana, Geneva, sans-serif;
        font-size: 14px;
        font-style: normal;
        font-weight: 600 !important;
        line-height: 22px;
        letter-spacing: 0em;
        text-align: left;
        color: #007D94 !important;
    }
    
     .mobile #site-logo-mchs {
        width: 60px !important;
    }

    .mobile #site-logo-childrens {
        width: 52px !important;
    }

}



@media (max-width: 414px) {
    .mobile #site-logo-mchs {
        width: 60px;
    }

    .mobile #site-logo-childrens {
        width: 45px;
    }

    .footer-wrapper {
        margin-left: -54px !important;
    }

    .read-more > a {
        color: #007D94 !important;
    }

    span.footer-first-row {
        font-family: 'Montserrat', Verdana, Geneva, sans-serif;
        font-style: normal;
        font-weight: 600 !important;
        font-size: 16px;
        line-height: 19px;
        color: #FFFFFF;
        padding-bottom: 35px;
    }

    a#readMore365 {
        font-family: 'Montserrat', Verdana, Geneva, sans-serif;
        font-size: 14px;
        font-style: normal;
        font-weight: 600 !important;
        line-height: 22px;
        letter-spacing: 0em;
        text-align: left;
        color: #007D94 !important;
    }
}

@media (max-width:1100px) and (min-width:768px) {
    span.findButtonText {
        top: -3px;
    }

    .find-button {
        max-width: 200px !important;
    }

    .findButtonText > a {
        font-size: 12px !important;
    }

    span.footer-first-row {
        font-family: 'Montserrat', Verdana, Geneva, sans-serif;
        font-style: normal;
        font-weight: 600 !important;
        font-size: 16px;
        line-height: 19px;
        color: #FFFFFF;
        padding-bottom: 35px;
    }

    a#readMore365 {
        font-family: 'Montserrat', Verdana, Geneva, sans-serif;
        font-size: 14px;
        font-style: normal;
        font-weight: 600 !important;
        line-height: 22px;
        letter-spacing: 0em;
        text-align: left;
        color: #007D94 !important;
    }
}

@media (max-width:992px) and (min-width:768px) {
    div[id^="clinic-services-container"] {
        column-gap: 75px !important;
    }
}

@media (min-width:768px) {
    #comboC {
        display: none;
    }

    #comboUC {
        display: none;
    }

    #comboHC {
        display: none;
    }

    .read-more > a {
        color: #007D94 !important;
    }

    span.footer-first-row {
        font-family: 'Montserrat', Verdana, Geneva, sans-serif;
        font-style: normal;
        font-weight: 600 !important;
        font-size: 16px;
        line-height: 19px;
        color: #FFFFFF;
        padding-bottom: 35px;
    }

    a#readMore365 {
        font-family:'Montserrat', Verdana, Geneva, sans-serif;
        font-size: 14px;
        font-style: normal;
        font-weight: 600 !important;
        line-height: 22px;
        letter-spacing: 0em;
        text-align: left;
        color: #007D94 !important;
    }
}

@media (max-width:767px) {
    div#Urgent\ Care div#leftNavColumn > ul#myTab {
        display: none !important;
    }

    div#Clinics\ and\ Medical\ Offices div#leftNavColumn > ul#myTab {
        display: none !important;
    }

    #hostipalLearnMoreMb {
        display: block !important;
    }

    #hostipalLearnMoreDk {
        display: none;
    }

    .tabcontent .services-list-2 {
        padding-top: 0px !important;
        padding-left: 20px !important;
    }

    ul.services-list {
        margin-bottom: 0px !important;
        padding-left: 20px !important;
    }

    #services-container .col-md-3.mb-3 {
        margin-bottom: 0px !important;
    }

    .minimenuC {
        display: block;
    }

    .menu-bar .tab {
        display: none;
    }

    .experts-photo-text-wrapper {
        text-align: left !important;
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    .experts-photo {
        text-align: left !important;
        padding-left: 20px;
    }

    .read-more > a {
        color: #007D94 !important;
    }

    span.footer-first-row {
        font-family: ''Montserrat', Verdana, Geneva, sans-serif;
        font-style: normal;
        font-weight: 600 !important;
        font-size: 16px;
        line-height: 19px;
        color: #FFFFFF;
        padding-bottom: 35px;
    }

    a#readMore365 {
        font-family: 'Montserrat', Verdana, Geneva, sans-serif;
        font-size: 14px;
        font-style: normal;
        font-weight: 600 !important;
        line-height: 22px;
        letter-spacing: 0em;
        text-align: left;
        color: #007D94 !important;
    }
}

@media (max-width: 480px) {
    .experts-photo {
        padding-left: 0px;
    }

    .read-more > a {
        color: #007D94 !important;
    }

    span.footer-first-row {
        font-family: 'Montserrat', Verdana, Geneva, sans-serif;
        font-style: normal;
        font-weight: 600 !important;
        font-size: 14px;
        color: #FFFFFF;
        padding-bottom: 35px;
    }

    a#readMore365 {
        font-family: 'Montserrat', Verdana, Geneva, sans-serif;
        font-size: 12px;
        font-style: normal;
        font-weight: 600;
        letter-spacing: 0em;
        text-align: left;
        color: #007D94 !important;
    }


}

@media screen and (max-width: 484px) and (min-width: 320px) {
    .social-media-wrapper {
        width: 100%;
        background-color: #FFF;
        display: flex;
        gap: 14px;
        justify-content: center;
        padding-bottom: 30px;
        padding-left: 5px;
    }

}
div.tab-pane.fade.show.beaver-dam {
    margin-top: 30px;
}

#site-logo-mchs-mobile {
    width: 220px;
    height: 45px;
    background: url("/regional/Icons%20and%20Logos/MCHS_RGB%206.png") no-repeat;
    padding-right: 18px;
    display: inline-block;
    margin: 25px 18 25px 38px;
}

#site-logo-childrens-mobile {
    width: 167px;
    height: 44px;
    background: url("/regional/Icons%20and%20Logos/MarshfieldChildrens_RGB%207.png") no-repeat;
    display: inline-block;
    margin: 25px 0 25px 0px;
}

@media (max-width: 480px) {
    #site-logo-mchs-mobile {
        margin: 25px 0 25px 0;
    }

    #site-logo-childrens-mobile {
        margin: 25px 0 25px 0;
    }
}

@media (max-width: 414px) {
    #site-logo-mchs-mobile {
        width: 60px;
    }

    #site-logo-childrens-mobile {
        width: 45px;
    }
}

.center {
    text-align:center;
}

.nav-item.active a {
    font-family: 'Montserrat', Verdana, Geneva, sans-serif;
    font-size: 22px !important;
    font-weight: 500 !important;
    color: #CB0257 !important;
    line-height: 28px !important;
    list-style-type: none !important;
    padding-bottom: 20px !important;
    padding-top: 20px !important;
    margin: 0px !important;
    border-bottom: 3px solid #CB0257 !important;
}