@charset "UTF-8";
/* -----  PRIMARY BUTTON CSS. THIS STYLE REPLACES: GLOBAL HEADER SEARCH BUTTON, .button-link (FORMERLY LIGHT GREEN BUTTONS) -------- */
 .button-A {
     color: #fff !important;
     background-color: #ce0058 !important;
     border-radius: 5px !important;
     padding: 12px !important;
     font-size: 16px !important;
     font-family: 'Montserrat', Verdana, Geneva, sans-serif;
     text-decoration: none !important;
     background-image:none  !important;
     font-weight:normal  !important;
     box-shadow:none  !important;
     border:none  !important;
}
.button-A:hover {
     background-color: #a50050 !important;
     text-decoration: none  !important;
}

a.buttonLink, .buttonLink a, .flexCTAlinks a, a.viewAllButt, a.buttonpink, a.buttongreen {
     color: #fff !important;
     background-color: #ce0058 !important;
     border-radius: 5px !important;
     padding: 12px !important;
     font-size: 16px !important;
     font-family: 'Montserrat', Verdana, Geneva, sans-serif;
     text-decoration: none !important;
     background-image:none  !important;
     font-weight:normal  !important;
     box-shadow:none  !important;
     border:none  !important;
}
a.buttonLink:hover, .buttonLink a:hover, .flexCTAlinks a:hover, a.viewAllButt:hover, a.buttonpink:hover, a.buttongreen:hover {
     color: #fff !important;
     background-color: #a50050 !important;
     text-decoration:: none  !important;
}

.desktop .new-form-container button[type="submit"] { 
     color: #fff !important;
     background-color: #ce0058 !important;
     border-radius: 5px !important;
     padding: 12px !important;
     font-size: 16px !important;
     font-family: 'Montserrat', Verdana, Geneva, sans-serif;
     text-decoration: none !important;
     background-image:none  !important;
     font-weight:normal  !important;
     box-shadow:none  !important;
     border:none  !important;
}  

.desktop .new-form-container button[type="submit"]:hover { 
     color: #fff !important;
     background-color: #a50050 !important;
     text-decoration:: none  !important;
} 
                                                                                         
.desktop a#globalNav-myMarshfieldClinic:before {
   color:#000000 !important;
}

/* ----- SENCONDARY BUTTON CSS. THIS STYLE REPLACES BUTTONS ON SPECIALTY PAGES OR WHERE TWO OR MORE BUTTONS ARE TOGETHER */
 .button-A-2, .other-button {
     color: #fff !important;
     background-color: #003e51 !important;
     border-radius: 5px !important;
     padding: 12px !important;
     font-size: 16px !important;
     font-family: 'Montserrat', Verdana, Geneva, sans-serif;
     text-decoration: none !important;
}
 .button-A-2:hover, .other-button:hover {
     background-color: #253746 !important;
}

div#apptInnerCol1,div#apptInnerCol2 {
	background-color:#003e51 !important;
}

.exploreItemsWrapper .mobileNav a
{
     color: #fff !important;
     background-color: #003e51 !important;
     border-radius: 5px !important;
     padding: 12px !important;
     font-size: 16px !important;
     font-family: 'Montserrat', Verdana, Geneva, sans-serif;
     text-decoration: none !important;	
}

.exploreItemsWrapper .mobileNav a:hover
{
     background-color: #253746 !important;
}

 .button-A-2:hover, .other-button:hover {
     background-color: #253746;
}


 .button-B {
     color: #fff;
     background-color: #ce0058;
     border-radius: 5px;
     padding: 12px;
     font-size: 16px;
     font-family: 'Roboto', sans-serif;
     text-decoration: none;
}
 .button-B:hover {
     background-color: #a50050;
}
 .button-C {
     color: #fff;
     background-color: #003e51;
     border-radius: 5px;
     padding: 12px;
     font-size: 16px;
     font-family: 'Roboto', sans-serif;
     text-decoration: none;
}
 .button-C:hover {
     background-color: #253746;
}
 .button-D {
     color: #333;
     background-color: #fff;
     border-radius: 5px;
     padding: 12px;
     font-size: 16px;
     font-family: 'Roboto', sans-serif;
     text-decoration: none;
}
 .button-D:hover {
     background-color: #ededed;
}

.landingList h1, .contentHome h3
{
   text-transform: capitalize !important;
   color:#003e51 !important;
   font-size:30px !important;
   font-weight:700 !important;
   font-family: 'Montserrat', Verdana, Geneva, sans-serif;
}

.footer
{
   box-shadow:none !important;
   background:#003e51 !important;
   padding-top:45px;
   
}
.footerCopyRight
{   
   background:#003e51 !important; 
   color:white;
   padding-bottom:75px;  
}
.footerCopyRight a{
    color:white;
}


.topSpacer {
   /*background-color:#003e51 !important;*/
   color:#fff !important;
}

.mobile-header {
   background:#ededed !important;
}

.gradient, .loginBox, .specialtySearch, .symptomChecker, .docsSearch {
   background:#ededed !important;
}

.symptomChecker, .loginBox, .docsFilter, .docsSearch, .locationFilter, .specialtySearch, .proceduresList {
   border: none !important;
}

.ladingScrollTo {
   border:10px solid #ededed;
   box-shadow:none !important;
}

.ladingScrollTo ul li.landingTitle span {
   font-family: 'Montserrat', Verdana, Geneva, sans-serif;
   font-size:22px !important;
   padding-top:25px;
   color:#003e51 !important;
   font-weight:800 !important;
}

.ladingScrollTo ul li {
   margin:-30px 0 0 0 !important;
}

.ladingScrollTo ul li a span:before {
   border-left:none !important;
}

.ladingScrollTo ul li a:hover, .tabNav ul li a:hover {
   background:none !important;
}

.nonflex3ColBG li {
   background:none !important;
}

.nonflex2Col li a, .nonflex3Col li a, .nonflex4Col li a {
   color: #a40046 !important;
}

.nonflex2Col li a:hover, .nonflex3Col li a:hover, .nonflex4Col li a:hover {
   text-decoration:underline !important;
}

.nonflex3ColSpecialty li {
   background:none !important;
}

.nonflex3ColSpecialty li a {
   color:#a40046 !important;
}

.nonflex3ColSpecialty li a:hover {
   text-decoration: underline !important;
}

.docsSearch{
	border: 3px solid #fff !important;
}
.footerWrapper a, .footerWrapper div, .footerWrapper li.footer-address, .footerWrapper li.footer-phone,.footerWrapper li.footerSecFirst{
    color:white !important;
}


img#MarshfieldClinicF{
    width:200px;    
}

img#googlePlayF {
width: 145px;
}

 img#appStoreF {
width: 130px;
}
.footerWrapper .footerSecFirst{
    font-size: 15px;
    margin-bottom: 11px;
    padding-top:1px;
}
.footerWrapper li.footer-address, .footerWrapper li.footer-phone {
    font-size: 16px;
}
#globalNav-homeF  {
    margin-top:0px;
    padding-bottom:6px;
}
.footerWrapper li.footer-ftlyisocial img{
   width:25px;
   height:25px;    
}
.copyRight a, .copyRight span{
    font-size:14px;
} 
.footerWrapper .footerColumn  ul.socialMediaColumn,  .footerWrapper .footerColumn .accordionContent.open ul {
    padding-top:0px;
}
footerlearnmore {
    font-size:16px;
}
.footerWrapper li.footer-getApp{
    margin-bottom: 15px;
}
.footerWrapper .footerColumn
{
    float: left;
}

.footerWrapper .accordionContent{
    padding:3px 0px;
}

.footerWrapper .footerColumn .footerColContainer li, .footerWrapper .footerColumn .footerColContainer li a
{
    font-size: 16px;
}

.footerWrapper .footerSecFirst h3 {
        color: white !important;
        text-align:left;
        font-size:18px;
        font-weight: 700;
 }

.footer li a, .footer li a:visited, .copyRight a, .copyRight a:visited{
    color:white !important;
}

 .footerWrapper .footerColumn ul li{
        width:230px;
    } 
 
 .footerWrapper ul.AccessAcc li {
        width:250px;
 } 
 
 .footerWrapper ul.footer-getAppUl li{
    width: 300px;
}


 .footer a:hover{
     text-decoration:underline;
 }
  
 .footer ul.footer-getAppUl a {
     font-size: 16px;     
 }
 .footer ul.footer-getAppUl li.footer-getApp {
     font-size: 18px;
     font-weight:700;
 }


@media screen and (min-width: 993px) and (max-width: 1080px) {
    .footerWrapper ul.footer-getAppUl li{
    width: 280px;
}
}

@media screen and (max-width: 992px) {
    
    .footerWrapper .footerSecFirst{
  
    padding-top:1px;
   }
     .footerWrapper ul.footer-getAppUl li {
        padding-left:12px;
    }

    .footerWrapper .footerColumn ul {
        width:530px;
    } 
    .footerWrapper ul.footer-getAppUl li{
    width: 530px;
    }

    .footerWrapper ul.AccessAcc li{
    width: 530px;
    }
    .footerWrapper .footerColumn {
        float:none;
    }
   
     .footerWrapper .footeraccordion {
        border-bottom: 1px solid #e3e3e3;
        margin-bottom: 10px;
       
    }
   
      .footerWrapper ul.footer-getAppUl{
          padding-left:0px !important;
          padding-top:15px;
     }
      .footer ul.footer-getAppUl a {
     /*font-size: 15px;*/
    }
     .footerWrapper .footerColumn  .footerAccordionTitle {
            cursor: pointer;           
        }

     .footerWrapper .footerColumn ul.socialMediaColumn {
            padding-bottom: 30px;
        }

     .footerWrapper .footerColumn  .footerAccordionTitle h3 {
                
                margin: 8px 0;
                padding-right: 2em;
                padding-left:12px;
               
      }

    .footerWrapper .footerColumn .accordionContent {
        height:0px;
        overflow: hidden;
    }


    .footerWrapper .footerAccordionTitle h3:after {
       content: url(../svg/chevron-down.svg);
       background-size: 16px 9px;
       width: 16px;
       height: 9px;
       float: right;
        margin-right: -0.6em;
        margin-top: 10px;
        vertical-align: text-top;
    }

    .footerWrapper .footerAccordionTitle.open h3:after {
       content: url(../svg/chevron-down.svg);       
       background-size: 16px 9px;
       width: 16px;
       height: 9px;
       transform: rotate(180deg);
       margin-right: -0.70em;
        margin-top: 10px;
       vertical-align: top;
      /* border: none;
       width:15px;
       height:11px; 
       background: #003e51 !important; */      
    } 
    .footerWrapper .footerAccordionTitle.open  .footerColContainer{
      margin-top: -5px;
    }  

    .footerSecFirst.footerAccordionTitle.open{
      padding-top:8px;
    }
}
@media screen and (max-width: 539px) {
    .footerWrapper .footerColumn ul {
        width: 330px;
        float:none;
    }

    .footerWrapper ul.footer-getAppUl li {
        width: 330px;
    }

    .footerWrapper ul.AccessAcc li {
        width: 353px;
    }
    .copyRight span {
        float:none;
        /*
        display: block;
        padding: 5px 0;*/
    }
     
}
@media screen and (max-width: 344px) {

    .footerWrapper ul.footer-getAppUl li {
        width: 300px;
    }

    .footerWrapper ul.AccessAcc li {
        width: 300px;
    }
}
@media screen and  (min-width: 540px) and (max-width: 992px){
    .footerWrapper .footerColumn ul {
        width:100%;
        float:none;
    }

    .footerWrapper {
        width: 95%;
    }
    .footerWrapper .footerColumn {
        float:none;
    }

    .copyRight span {
        float:none;
        /*
        display: block;
        padding: 5px 0;*/
    }
    .copyRight{
        padding-bottom:100px !important;
    }
}