/*styles that apply to more than one viewport*/


/*@media screen and (-webkit-min-device-pixel-ratio:0) {
    select,
    input,
    textarea {
        font-size: 16px;
    }
}*/





.ufhealth #sidebar-nav .rpExpandHandle, .mobileStoryPics { display:none;}
.ufhealth #sidebar-nav { margin-left:0px;}
#sidebar-nav {padding-left: 10px; }

div.mommaWrapper { -ms-touch-action:auto !important; box-shadow: 4px 1px 14px 11px rgba(0,0,0,0.15); }
.ufhealth header .locator { font-size:1.75em; text-align:center; color: #004B91; display:none; font-family:ufshands; letter-spacing:1px; }





#primary-nav > ul > li.hover .sub-mega {
    display:block !important;
    opacity:1 !important;
}


div.mobileTopBar { display:none;}
/*.hscj div.mobileTopBar #mobileSearchDrawer,
.hscj div.mobileTopBar #mobileSearchDrawerTrigger*/

/*div.mobileTopBar #mobileSearchDrawerTrigger,
div.mobileTopBar #mobileNavDrawerTrigger {  }*/

/*div.mobileTopBar #mobileSearchDrawerTrigger:after { content: "\e07f"; font-family:"TelerikWebUI";}
div.mobileTopBar #mobileNavDrawerTrigger:after { content:"\e0f1"; font-family:"TelerikWebUI";}*/

div.mobileTopBar .mobileFilter .rmRootToggle,
div.mobileTopBar #mobileSearchDrawerTrigger,
div.mobileTopBar #mobileNavDrawerTrigger { 
    background-color:#0B3780;
    height:14px;
    border-radius:.35em;
    color:white;
    border-color:#143679;
    box-shadow:none;
    margin:4px 4px 0;
    font-size:24px; 
    line-height:12px;
    padding:10px;
    width:24px;
}

div.mobileTopBar .mobileFilter,
div.mobileTopBar #mobileSearchDrawerTrigger { float:right;}




div.searchMenu { float:right; margin-right:4px;} 
div.comPrimaryNavMobile { margin-left:4px;}



/*for whatever reason, applying this here instead of #mobileSearchDrawer and #mobileNavDrawer doesn't break the scrolling in the mobile nav like they do. My best guess is the level of specificity is different. The point of this line is to hide the drawer while the javascript is loading so you don't see it flash*/
.mobileDrawerLoading { display:none;}


#mobileSearchDrawer {
    text-align:center;
}

#mobileSearchDrawer,
#mobileNavDrawer { background-color:#E4E4E4; width:300px; }

/*#mobileNavDrawer .facebook { background-color:red; line-height:30px; display:inline-block; }*/
#mobileNavDrawer .social { margin-left: 8px; margin-top: 4px; margin-right:-6px;}
#mobileNavDrawer .social:hover { text-decoration:none;}
.facebook-icon .icon-sign-blank { color:#2D5BA4;}
.twitter-icon .icon-sign-blank { color:#25ABE3;}


div.km-drawer .mobileTopBar,
div.km-drawer .mobileTopBar a { color:white;}

div.km-drawer .mobileTopBar  { margin:0; z-index:auto !important; font-weight:bold;  /* 0 0 10px;*/ }
div.km-drawer .mobileTopBar a { padding:0 0 0 10px; line-height:38px; border:none; text-align:left; font-family:ufshands; font-size:19px;}
div.km-drawer .mobileTopBar a:hover { background-color:inherit;}


div.km-drawer h5 { color:#333; font-size:.9em; padding:6px 10px; background-color:white; margin:0; border-bottom:1px solid #B6B6B6; }

div.km-drawer #mobileQuickLinks {
    margin-right:0;
    padding-left:0;
    /*background-color:#D8D8D8;*/
    /*background-color:#26499B;*/
    /*background-color:#E4E4E4;*/
    margin-bottom:0;
    padding-bottom:4px;
   
}

    div.km-drawer #mobileQuickLinks li {
        padding-left:10px;
        border-top: 1px solid #c7c7c7;
    }
    div.km-drawer #mobileQuickLinks li a {
        display:block;
        
        /*font-weight:bold;*/
        font-size:14px;
        /*color:#333;*/
        color:#143679;

        line-height:30px;
        border-top: 1px solid white;
    }

        div.km-drawer #mobileQuickLinks li:first-child,
        div.km-drawer #mobileQuickLinks li:first-child a {
            border-top-style:none;
        }

    .km-drawer #mobileQuickLinks li a span {  display:inline-block; }

    .km-drawer #mobileQuickLinks li a span:first-child {
        width:14px;
        margin-right:6px;
        text-align:center;
    }

  
    .km-drawer #mobileQuickLinks li a span:last-child {
        float:right;
        font-weight:normal;
        color:#888;  
        margin-top:7px;
        margin-right:10px;
    }


body .col-1, body .col-2, body .col-3, body .col-4, .ufhealth .col-3-2 { box-sizing:border-box;}





/*OVERRIDES TELERIK'S MOBILE LANDSCAPE STYLING FOR THE MEDIA PLAYER. OTHERWISE THE PLAYLIST APPEARS OVERTOP OF THE MEDIA PLAYER*/
  @media only screen and (orientation: landscape) and (max-width: 1024px) {
    div.RadMediaPlayer { margin-bottom: 300px; }

    div.RadMediaPlayer .rmpPlaylist {
      top: auto;
      bottom: 0;
      right: auto;
      left: 0;
      margin-bottom: -300px;
      z-index: auto;
      width: 100%;
      height: 300px;
      /*height:auto;*/
    }

    div.RadMediaPlayer .rmpPlaylist ul { position: static; }
    div.RadMediaPlayer .rmpPlaylist li:first-child { border-top: 1px solid; }
    div.RadMediaPlayer .rmpPlaylist a { padding: 10px 15px; }
    div.RadMediaPlayer .rmpPlaylist .rmpThumbWrap {
        float: left;
        vertical-align: baseline; 
    }
      
    div.RadMediaPlayer .rmpPlaylist .rmpTitle { max-height: 45px; }
 }



/*html,
body,*/
/*#mobileNavDrawer,
#mobileNavDrawer .km-content { 
    /*overflow:visible !important;
    height:100%;
}*/

/*body { min-height:100%;}*/



/*applies to med, lg and xl viewports*/
@media only screen and (min-width: 769px) {
    /*DONT USE THIS! NOTHING LARGER THAN MEDIUM SHOULD BE MODIFIED VIA MEDIA QUERIES. 
    MEDIA QUERIES ARE NOT SUPPORTED <= IE8, SO DEPENDENCY ON THEM FOR OUR SUPPORTED DESKTOP BROWSERS WILL FAIL*/
}

/*applies to xs, sm and md viewports*/
@media only screen and (max-width: 1024px) {

    div.RadMenuPopup { 
        width: 100%;
        z-index: 99998;
        font-size:14px;
    }

    .RadMenuPopup_rtl {
        right: 1px !important; /*this is important. the filter menu needs to open all the way to the right */
    }

    ul.facultyList .trItem {
        border-top-style:solid;
        border-top-color:#D1D1D1;
    }
    
    .facultyListBox ul.facultyList > li:nth-child(even) {background-color:#EEEEEE;}
    
    ul.facultyList > li:nth-child(even) {
        background-color:#fafbfd;
    }

    .ufhealth .col-2 ul, .ufhealth .col-3 ul,
    div.RadMediaPlayer.noPlaylist {
        margin-bottom:0;
    }

    .responsiveMediaPlayer, .ufhealth blockquote,  .ufhealth .careers-box, body div.hubpage-box, .ufhealth .new-right-sidebar, .hubpage-box.omega-box, .hubpage-box.alpha-box {
        margin-left:auto;
        margin-right:auto;
    }


    .tabContainer > div,
    html div.RadTabStrip_Apollo .rtsLI * { padding:1px 0 !important;}
    
    div.RadTabStrip_Apollo { border-bottom:none;}


    div.tabContainer .rtsUL .rtsFirst .rtsLink,
    div.tabContainer .rtsUL .rtsFirst .rtsLink:hover { border-left-style:solid;}

    body .col-1 div, body .col-2 div, body .col-3 div, body .col-4 div,
    div.content { min-height:0;}


    body article .encyclopedia { padding-bottom:10px;}


    article img { max-width:100%;} /*DO NOT APPLY THIS STYLE OUTSIDE OF THE ARTICLE WITHOUT CAUTION. THE SLIDESHOW, FOR EXAMPLE IS INTENTIONALLY SIZED OVER 100%. */
    article div.hubpage-banner h1 { position:static; font-size:2.4em; margin:inherit;}
    

    /*this fills the white space underneath the drawer*/
    form { background-color:#E4E4E4; } /* position:relative; needed for 100% height of the mobile nav. skipping this for now because it breaks scrolling on the mobile nav*/

    #institutional-footer div {  }

    div.divOfficeInfoRight,
    div.divOfficeInfoLeft { float:left; padding:0; margin-right:20px; width:auto;}

    div.tabContainer,
    div.divOfficeInfoLeft,
    div.infoLeft { border-style:none;}

    .col-2.column_alignright,
    div.infoRight, .ufhealth .shortcode_alignright, .ufhealth ul.newsItems {
        padding-left:0;
    }

    body.home header #header-title h2, header #header-title h3.not-front { font-size:1.2em;}
    
    header #header-title #header-parent-organization-logo.uf {
        background: url("/images/template/bg-uf-retina-responsive.png"); 
        background-repeat:no-repeat;
        margin:0;
        background-size:contain; /*using background-size:contain is not compatible with background position which is needed for the big sprite. in order to use this, I must switch to an exclusive image for the UF logo*/
        /*background-position:initial;*/
        position:absolute;
        border-right: 2px solid #ff963a;
        padding-right:12px;
    }

    header #header-title #header-parent-organization-logo.uf,
    header #header-title #header-title-text-right.uf, .ufhealth .ShareThis { display:inline-block; vertical-align:top;}


    header #header-title #header-title-text-right.uf,
    .ufhealth .tableProviders td, .ufhealth .providers-row,
    .ufhealth .specialtyCareLayout, .ufhealth .group, .ufhealth .single-navigation .ddListOfDepartments,
    .ufhealth #specialty-care-single-navigation { border-style:none; width:100% !important; box-sizing:border-box;}


    #slideshow-reel { overflow:hidden; height:auto;}
    #slideshow-wrap { margin:0 auto; background-image:none;}

    #slideshow .half-image-feature .slideImage { margin:0; border-style:none; }

    #slideshow .half-image-feature div.excerpt { padding:15px; margin:0; position:absolute; background-image:url("/images/template/bg-transparent.png"); bottom:0;}
    #slideshow .half-image-feature div.excerpt * { color:white;}
    #slideshow .half-image-feature div.excerpt br { display:none;}
    #slideshow .half-image-feature div.excerpt h3 { text-shadow:none; font-size:1.8em; line-height:1;}
    #slideshow .half-image-feature div.excerpt p { font-size:0.9em; border-style:none; padding:0; margin:0;}
    
    /*#slideshow .custom-button span:after,*/
    #slideshow .custom-button span,
    #slideshow .half-image-feature .custom-button-wrap,
    #slideshow .half-image-feature a.custom-button { padding-left:0; background:none; border:none; box-shadow:none; color:#f37736; text-shadow:none;}

    #slideshow .half-image-feature .custom-button-wrap { margin-top:0px; bottom:auto;}
    #slideshow .half-image-feature a.custom-button { padding-bottom:0; }
    
    #slideshow a.custom-button span { height:auto; position:relative; right:auto; top:auto; display:inline-block; line-height:1.5em; vertical-align:middle; font-size:1.5em;}
    /*#slideshow a.custom-button span:after { font-family: "TelerikWebUI"; content: "\e010";  }*/


    /*#institutional-footer #branding div { text-align:center;}*/

    #secondary section.linkBox a,
    #secondary .item h4 { font-weight:normal;}



    div.miniSlideshow,
    #secondary #faculty, .ufhealth .inlineImg { display:none;}

    .ufhealth .location-search-results .right-col .location-info-box,
    #user-role, .ufhealth .single-meta,
    .ufhealth .location-search-results .right-col .location-button { text-align:center;}

    #user-role section { 
        text-align:left;
        vertical-align:top;
        display:inline-block;
    }


    /*.ufhealth .location-search-results .right-col .location-info-box { display: inline-block; }*/
    #slideshow .half-image-feature div.excerpt,
    article .hubpage-banner img,
    .ufhealth article img.fullWidthImg, 
    .ufhealth .caption iframe,
    .ufhealth .tab-content .span-15,
    .ufhealth .tab-content .span-22,
    .ufhealth .span-7, .hscj .span-7,
    .ufhealth .sub-site .location-search-results .right-col,
    .ufhealth .tab-content .span-12,
    .ufhealth #medical-services div.primary-care-result,
    .ufhealth .artsInMedicineAesthetics, .ufhealth article .span-6,
    .ufhealth .span-17, .ufhealth .rotations, .ufhealth #phone-numbers p,
    .ufhealth .sub-site .span-15 .location-search-results .left-col, .ufhealth .span-15
    { 
        width:100%;
        box-sizing:border-box;
    }

    .col-2.column_alignright, .ufhealth .alignright, .ufhealth .span-11, .ufhealth .span-12, 
    .ufhealth .span-7half, .ufhealth .span-7  {margin-left:0px;}

    .ufhealth .location-search-results .right-col .location-info-box { margin-top:5px;}
    .ufhealth .location-search-results .phone-box { margin-right:5px;}


    .banner-container span {
        position:relative;
        background-color:transparent;
        color:#243778;
        right:auto;
        padding:0;
        font-weight:normal;
    }

    .banner-container span,
    body .col-1, body .col-2, body .col-3, body .col-4,
    .ufhealth .location-search-results .right-col,
    .ufhealth .tableProviders td, .ufhealth .providers-row, .ufhealth .col-3-2 { display:block;}

    .ufhealth .location-search-results li.location-search-result:hover { background-color:transparent; box-shadow:none;}



    body .col-1, body .col-2, body .col-3, body .col-4, .ufhealth .col-3-2, .ufhealth .span-7half, .ufhealth .ShareThis { width:100%; }

    .ufhealth .alignright,
    html .RadTabStrip .rtsUL,
    body .welcomeContentRight,
    body .col-1, body .col-2, body .col-3, body .col-4,
    header #header-title #header-title-text-right.uf,
    header #header-title #header-parent-organization-logo.uf,
    .ufhealth .location-search-results .right-col,
    .ufhealth .location-search-results .left-col,
    #secondary section,
    #institutional-footer > div,
    body div.content article,
    #user-role section,
    .ufhealth .span-11, .ufhealth .span-12, .ufhealth .col-3-2,
    .ufhealth .artsInMedicineAesthetics, .ufhealth .span-7half,
    .ufhealth .published, .ufhealth .ShareThis, .ufhealth .archiveYearDropDown,
    .ufhealth .sm-link { float:none;}



    #secondary a,
    #institutional-footer a { text-decoration:underline;}

    body #secondary .time { border:none;}
    /*body a, 
    body a:active, 
    body a:visited { text-decoration:underline;}*/


    /* this is undoing the body a underline above for these items only*/
    /*body a.btn,
    #sidebar-nav li a,
    #sidebar-nav li a:hover { text-decoration:none;}*/

    /*article ul,*/

    .ufhealth article ul li { font-size:1.2em;  }
    .ufhealth article ul li ul li { font-size:1em;}
    
    #office-information .location-button  { padding: 9px 6px;}

    #secondary section.linkBox a,
    #secondary .item,
    body article p,
    .ufhealth p.lead, 
    .ufhealth .location-search-results .right-col .location-button { font-size:1.2em !important; /*matches accordion setting. paragraph font should not be larger than sidenav font*/}
    
    #events b,
    #secondary .item h4,
    body div.welcomePic, 
    body div.contactPic,
    .ufhealth blockquote p, 
    .ufhealth article ul li p { font-size:1em !important;}


    article .hubpage-banner .hubpage-tagline,
    article .hubpage-banner img,
    #secondary .more,
    #user-role #Researchers,
    #emergency-contact,
    #header-social,
    div.frontpage { display:none !important;}

    
    
    body header #header-title { position:relative; margin-top:auto !important; width:100% !important; box-sizing:border-box;}

    body .col-1 div, body .col-2 div, body .col-3 div, body .col-4 div,
    body header div.container, .ufhealth .artsInMedicineAesthetics { height:auto; }

    body div.content, .ufhealth section div.box { padding-left:0; padding-right:0;}

    body .welcomeContentRight,
    #slideshow-wrap,
    #slideshow,
    #footer-links,
    .ufhealth .location-search-results .right-col,
    .ufhealth .location-search-results .left-col,
    #user-role div,
    body #feature-shadow, 
    body #content-shadow,
    body div.content,
    body div.content article { 
        /*using auto instead of 100% here because auto will be 100% anyway and it'll apply the padding inside instead of in addition to the 100% width*/
        width:auto; 
    }

    html div.RadTabStrip .rtsLI,
    .ufhealth .location-search-results .left-col,
    body div.region-searchbox,
    body header .logo,
    body div.content article, .ufhealth ul.newsItems {  margin:0; }
    
    .ufhealth article section.box {padding:20px 0 20px 0;}


    #institutional-footer > div,
    body div.content article { padding-left:20px; padding-right:20px; display:block;}

    #secondary section { padding:1em 1em 0; display:block; height:auto; margin:0;}
    

    

    #secondary .linkBox a { max-width:315px;} /*the links are now stretching over a larger area than they normally would. This results in the background sprite starting to show other icons unless a max width is set. this SHOULD be in px*/


    #secondary section,
    body .container { width:auto !important;} /*dont say div.container here or you'll miss the primary nav container which is a ul*/
    
    .ufhealth .tab-content .span-12 {margin-bottom:30px;}
    
    .ufhealth .providers-row:hover {background-color:#fff;
    border: none;
    cursor: pointer;
    }
     
    .ufhealth .providers-row {-moz-transition:none;}
    
    .ufhealth .patient-story-list img.alignleft {max-width: 36% !important;}
    
    .ufhealth .givingBottomButton {margin-top:10px;}
    
    .ufhealth .story .published {margin-bottom:6px; background:none !important;float:none !important;padding-left:0 !important;text-align:center; width:auto !important; display:block;}    
    .ufhealth .story .single-meta {height:50px;}
    
    #sidebar-nav .sidebar_widget ul li, .sidebar_widget ul li {background-position:-988px -131px;}
    
    .ufhealth section.providers ul.facultyList > li:nth-child(2n) {background-color:inherit;}
    
    .ufnorth article section, .ufhealth article section {margin:0;}
    
    .ufnorth .cta-container, .ufhealth .cta-container {margin: 20px 0px;}
    
    .ufnorth .content-left, .ufhealth .content-left {padding-right: 0px;}   
    .ufnorth .content-right, .ufhealth .content-right {padding-left: 0px;}        
    .ufnorth .cta-link, .ufhealth .cta-link {min-height: 0px !important;}            
       
    
}

/*applies to xs and sm viewports*/
@media only screen and (max-width: 768px) {

    
    article .shortcode_alignleft, article .shortcode_alignright, .ufhealth .phone-box .number, 
   .ufhealth .phone-box .label, .ufhealth li.primary-care-result .left-col, 
   .ufhealth li.primary-care-result .right-col, .ufhealth #medical-services div.primary-care-result,
   .ufhealth #medical-services .left-col, .ufhealth #medical-services .right-column  { float:none !important; width:auto; }

    header #header-title #header-parent-organization-logo.uf { width:61px; height:43px;}
    header #header-title #header-title-text-right.uf { padding-left:81px;}


    body header div.container { padding:1.07em 1em 1em;}


    .left, .right {
        float:none !important;
    }

    body article .dataTable {
        width:100%;
        margin-bottom: 2em;
    }
    

    .RadMenuPopup { top: 43px !important;}


    body.home header #header-title h1, 
    header #header-title h2.not-front { font-size:1.8em;}


    .ufhealth p.number span a { font-size:inherit;}
    

    #slideshow,
    #slideshow-reel .slide { height:auto;}

    #slideshow .half-image-feature .slideImage { width:135%; margin-right:-60px;}

    #slideshow .slideshow-arrow, .ufhealth .span-11, .ufhealth .map-style-ped, .ufhealth img.result-marker, .ufhealth .tab-content p.results,
    .ufhealth .tab-content .map-style, div#vvDesktop { display:none !important;}

    #slideshow .half-image-feature a.custom-button { font-size: 0.9em; }


    .ufhealth ol.location-search-results li.location-search-result, .ufhealth .tab-content .largestPadLeftBottom,
    .ufhealth #medical-services .left-col, .ufhealth .shortcode_alignleft { padding-left:0; padding-right:0;}

    #user-role section {margin:0 5px;}

    /*body #branding a,*/
    div.mobileTopBar,
    .ufhealth header div.locator,
    .ufhealth li.primary-care-result img.locationImg,
    .ufhealth li.primary-care-result .right-col,
    .ufhealth .tab-content .ct-search-container,
    .ufhealth .primary-care-result img.locationImg, .ufhealth .specialtyCareLayout .locationImg, .ufhealth .group .locationImg,
    .ufnorth .PriSpecCareNorth .locationInfo, .ufnorth table.SpecialtyCareNorthLinks td, .ufnorth #secondary .span-11, div#vvIphone, div#vvAndriod { display:block !important;}

    #institutional-footer div, .ufhealth li.primary-care-result .right-col,
    .ufhealth #medical-services .right-column, .ufhealth .specialtyCareLayout .right-col,
    .ufnorth .PriSpecCareNorth .locationInfo {text-align:center; float:none;}
    
    
    body #secondary div h3 { margin-left:-10px; margin-right:-10px;}

    /*#institutional-footer ul { display:inline-block;}*/
    
    h2 .title-byline,
    .ufhealth .location-search-results .right-col .location-info-box,
    #footer-links ul, .mobileStoryPics { display:block;}

    .ufhealth .location-search-results .right-col .location-info-box p, .ufhealth .primary-care-results .right-col p,
    .ufhealth #medical-services .right-column p, .ufhealth .specialtyCareLayout .right-col p { display:inline;}

     #footer-links ul li { float:none; display:inline-block;}

    .ufhealth article .sidebarPageContent,
    .ufhealth article .sidebarPageContent div.right-sidebar-inner { background-color:inherit; border-style:none;}


    
     
    .ufhealth article .sidebarPageContent div.right-sidebar-inner, .ufhealth .tab-content,
    .ufhealth .sub-site .inner, 
    .ufhealth .sub-site .span-22,
    .ufhealth .sub-site .span-15,
    .ufhealth .sub-site .span-7,.ufhealth .span-15
    { padding:0 !important;}
    
    .ufnorth article .box, .ufhealth article .box {padding:20px 0 0 0 !important;}


    /*body #branding { text-align:center;}*/
    .ufhealth article .sidebarPageContent,
    body #branding img { float:none; }


    .ufhealth .location-search-results .phone-box,
    .ufhealth article .sidebarPageContent,
    body #branding img,
    .ufhealth article .sidebarPageContent div.right-sidebar-inner,
    .ufhealth .sub-site .span-22,
    .ufhealth .sub-site .span-15,
    .ufhealth .sub-site .span-7, .ufhealth .span-15  { margin:0;}



    .storyImages,
    div.RadDataPager .rdpPageLast, 
    div.RadDataPager .rdpPageFirst,
    div.RadDataPager .rdpNumPart,
    #slideshow .half-image-feature div.excerpt p,
    .facultyList .viewProfileImg,
    .ufhealth ul.facultyList li > .subtitleFont, /*hiding academic rank on the new faculty list. Being mindful of the practice location header on the mobile directory*/
    .ufhealth table.facultyList .subtitleFont, /*hiding academic rank on the old faculty list*/
    .ufhealth .facultyList .lblTitle,
    #user-role #Professionals,
    #user-role #Students,
    body #branding img.last,
    body #branding p,
    /*.ufhealth article img,*/
    header h2.logo, 
    body #breadcrumb,
    body #header-telephone,
    body #header-search-wrap,
    #primary-nav div.RadMenu, .ufnorth .returnToTop,
    .ufnorth .banner-nav, .ufnorth .cta-image,
    .ufhealth .banner-nav, .ufhealth .cta-image { display:none;} /*don't limit this to the com primary nav here. this action should occur for all three colleges*/


    .ufhealth article .facultyList img.imageLink,
    .ufhealth .location-search-results .right-col .location-button div { display:inline;}

    /*#secondary section,*/
    .ufhealth article .sidebarPageContent,
    #institutional-footer div,
    body #header-title-text-right,
    .ufhealth .tab-content .ct-search-container,
    .ufhealth .entry-inner,
    article .deptCol1, article .deptCol2, article .deptCol3,
    .ufnorth div.guide ul  { width:auto !important;}
    
    
    body #sidebar-nav,
    #primary-nav,
    #institutional-nav,
    .ufhealth .sub-site .RadMenu { display:none !important;}


    div.content { padding: 20px 0;} /*matches the padding left & right*/

    header { border-bottom:3px solid #26499B;}


    div.mobileTopBar.institutional-nav { 
        background-image:none; 
        display:block; 
        border-top: 2px solid #e68958;
        height:40px;
        background-color:#26499B;
    }

    div.mobileTopBar.institutional-nav .mobileLogoContainer { 
        padding:0;
        display:inline-block;
        left: 50%;
        margin-left: -49px;
        padding: 0;
        position: absolute;
    }

    div.mobileTopBar.institutional-nav .mobileLogo { 
        margin-top:-2px;

    }
    .ufhealth .primary-care-results li.primary-care-result {padding-left:0;}
    
    .ufhealth .primary-care-result .left-col, .ufhealth .primary-care-result .right-col,
    .ufhealth .primary-care-result div.appt,
    .ufhealth .tableProviders td, .ufhealth .providers-row   {width:100% !important;box-sizing:border-box;}
      
    .ufhealth li.primary-care-result:hover, .ufhealth #medical-services div.primary-care-result:hover {background-color:#fff !important; box-shadow:none !important;}
    .ufhealth .tab-content .ct-search-box, .ufhealth .tab-content .ct-search-drop  {min-width: 76%;width:auto;}
    .ufhealth #medical-services div.primary-care-result {height:auto; display:block;border-bottom: 1px solid lightgrey; margin-right:0 !important; }
    .ufhealth .primary-care-results  {margin-top:10px;}
    .ufhealth .shortcode_alignleft {border-right:0 !important;}
    
    .ufhealth #benefits table, .ufhealth #benefits thead, .ufhealth #benefits tbody, 
    .ufhealth #benefits th, .ufhealth #benefits td, .ufhealth #benefits tr {display: block;}
    .ufhealth #benefits tr.hiderow, .ufnorth #contactUsMap {display:none;}
    .ufhealth #benefits thead tr {position: absolute;top: -9999px;left: -9999px;}
    .ufhealth #benefits td {position: relative;	padding-left: 42%;}
    .ufhealth #benefits td:before {position: absolute; top: 6px; left: 6px; width: 35%; padding-right: 10px; white-space: nowrap;font-size: 1.2em;}
    .ufhealth #benefits td:nth-of-type(1) {color: #fff; background-color: #666;}
    .ufhealth #benefits td:nth-of-type(1):before { content: "Benefit"; font-weight:bold;}
	.ufhealth #benefits td:nth-of-type(2):before { content: "Eligibility"; }
	.ufhealth #benefits td:nth-of-type(3):before { content: "Explanation"; }
	
	.ufhealth .location-button {padding: 5px 6px; margin-bottom: 8px;}
	
	.ufhealth section.providers {padding: 1em 2em 0;}
	
	.ufnorth .timeline::before {background:none;left:0;}
	.ufnorth .entry .title::before {border:0;width:0px;position:fixed;}
	.ufnorth .entry .title { text-align:left;width:100%;}
	.ufnorth .entry .body {float: none;padding-left: 0px;width: 100%;}
	
	.ufnorth ul.level1 {-webkit-column-count: 1;-moz-column-count: 1; column-count: 1;-webkit-column-gap: 0px;-moz-column-gap: 0px;} /* Dept Services main page */
	
	.ufnorth .banner h1, .ufhealth .banner h1 {font-size: 3rem;}
	    

}


/*CUSTOM. HAD TO DO THIS BECAUSE THE SM VIEWPORT HAS SUCH A WIDE RANGE. CAN'T FIT 3 TABS SIDE BY SIDE ON THE SMALLER END OF THE SM RANGE. */
@media only screen and (max-width: 450px) {
    html div.RadTabStrip li.rtsLI { width:50% !important;}
}