@charset "UTF-8";
/*  padding top, right, bottom, left  */
/* #005a9b (Moffitt blue) #024a7e (blue),  #004a80 (blue),  #f2f2f2 (soft gray), #fcba03 (hover yellow)  */
/*  width <= 576 is 'xs', width <= 768 is 'sm', width <= 992 is 'md', width <= 1200 is 'lg'  */

/* --------------------   from css/main.min.css --------------------------- */
/* MOF-332 changed content to mm-content for only having id on find-a-doctor search results */
div#mm-content {
	margin-top:156px!important;
}

@media only screen and (max-width: 40em){
	div#mm-content{
		margin-top:128px!important;
	}
	
	.header123 .nav ul,li{
		border-top: 0px !important;
		padding:8px !important;
	}
}

header {
    position: fixed;
    width: 100%;
    z-index: 999;
    background: #fff;
    top: 0;
}

@media (min-width: 768px)
.navbar-expand-md .navbar-nav .nav-link {
    padding-right: .5rem;
    padding-left: .5rem;
}

.mob-stickynav {
    box-shadow: 0 -2px 4px 0 rgb(0 0 0 / 10%);
    z-index: 10;
}

.mob-stickynav .stickynav-top {
    background: #fff;
}

blockquote, dd, div, dl, dt, form, h1, h2, h3, h4, h5, h6, li, ol, p, pre, td, th, ul {
    margin: 0;
    padding: 0;
}
/* -----------------  end from css/main.min.css ------------------------------- */



	/*------------------------- for news pages - Start -----------------------------*/
	/*  originally in /Styles/main.min.css (called from masterpageNewsroom) 
			but we use /css/main.min.css in 'masterpage'   */

	.mediaRelations {
		text-align: center;
		display: block;
		padding-top: 20px;
		padding-bottom: 20px;
	}
	.mediaRelations .autName, .mediaRelations .autTitle {
		display: block;
	}
	.mediaRelations .autName {
		color: #005A9B;
		font-family: "Oswald",sans-serif;
		font-size: 18px;
		font-weight: 400;
	}
	.mediaRelations .autTitle, .mediaRelations .autPhone, .mediaRelations a.autEmail {
		font-family: "Oswald",sans-serif;
		font-size: 14px;
		color: #474747;
	}
	.mediaRelations a.autEmail {
		color: #005A9B !Important;
	 }
	/*------------------------- for news pages - End -----------------------------*/


	/*  original mob-stickynav is located in main.min   */
	.mo-stickynav{box-shadow:0 -2px 4px 0 rgba(0,0,0,.1);z-index:10}
	.mo-stickynav .stickynav-top{background:#fff}
	.mo-stickynav .stickynav-top .row div span{font-size:1rem;font-weight:600;padding-top:10px;padding-bottom:10px;display:block}
	.mo-stickynav .stickynav-top .row div:first-child span{font-family:"Roboto Condensed",sans-serif;color:#474747}
	.mo-stickynav .stickynav-top .row div:last-child span{text-align:right;font-family:Roboto,sans-serif;color:#005a9b}
	.mo-stickynav .stickynav-bottom{background:#005a9b}
	.mo-stickynav .stickynav-bottom .stickynav{margin-top:0}
	.mo-stickynav .stickynav-bottom .stickynav ul li{padding-top:10px;padding-bottom:10px;border:none}
	.mo-stickynav .stickynav-bottom .stickynav ul li a{color:#fff!important;font-weight:500;font-size:.75rem;text-align:center;padding:10px 0}
	.mo-stickynav .stickynav-bottom .stickynav ul li a img{display:block;margin:auto;height:17px}
	@media (min-width:576px){
	.mo-stickynav .stickynav-top .row div span{font-size:1.25rem}
	}

    /* -- 5/13/2021 added style="position:fixed; z-index: 9999;" */
	.mo-stickynav {position:fixed; z-index: 9999 !important;}


	/* this needs to be in the actual _megamenufullwidth.cshtml for the dropdown to open expanded */
	/* in _neweyebrowMobile.cshtml  */
        .mo-top-menu {border: 1px solid; background-color: white;}
        .mo-top-button {background-color:transparent; top:0; left:0; width: 24px; height: 24px; padding: 0px 0px 0px 0px;}
        .mo-top-image {width:24px; height:24px; background-color:transparent;}

		.mo-tap-target {padding-top: 0px; }

		/* menu -> mo-bottom-button */
        .mo-bottom-button {background-color:#005a9b; font-size:0.65em; margin-top:0px; 
			border:none; outline: none !important; vertical-align:middle !important; left:0;
			width: 32px; padding: 0px 0px 0px 0px !important; border:0px solid black;}

        /* 5/05/2021 changed size from 32px to 24px and added padding-bottom: 2px; */
        /* .mo-bottom-image {background-color:#005a9b; width:32px !important;height:32px !important; border:0px solid black; vertical-align:top;} */
        .mo-bottom-image {padding-bottom: 2px; background-color:#005a9b; width:24px !important;height:24px !important; border:0px solid black; vertical-align:top;}

        .mo-nav-item-li {display:inline-block; padding: 0px; width:50%; border: 1px solid #ddd; text-align:center;}
		/* 5/05/2021 changed size from 32px to 24px and added padding-bottom: 2px; */
        .mo-menu-image {outline: none !important; padding-top: 0px; padding-bottom: 2px; display:inline-block; width:24px !important;height:24px !important; background-color:#005a9b; border:0px solid black !important}
        .mo-menu-image-hide {outline: none !important; padding-top: 0px; padding-bottom: 2px; display:none; width:24px !important;height:24px !important; background-color:#005a9b; border:1px solid black}

	/*  in _neweyebrowNavigation.cshtml */
		/* in MegaMenuMacro.cshtml (getEyebrowLinks)  */
        /* 5/04/2021 changed color from black to: #004a80 (blue); and font-size from 1.1em to 1.0em */
        /*  a.mm-eyebrow-item {text-decoration: none; color: black !important; font-size: 1.1em !important;}  */
        a.mm-eyebrow-item {text-decoration: none; color: #004a80 !important; font-size: 1.0em !important; padding-left: 10px !important; padding-right: 10px !important;}

		/* 5/04/2021 added next line - when hovering turn to blue with yellow underline  */
		a:hover.mm-eyebrow-item {text-decoration: underline solid #fcba03 2px; background-color: transparent; color: #004a80 !important;} 
		a:hover.mm-eyebrow-item123 {text-decoration: none; background-color: transparent; color: #004a80 !important;}

		/* added 5/05/2021 for underline in mobile  */
        a.mo-eyebrow {text-decoration: none; color: #004a80 !important; font-size: 1.0em !important; padding-left: 10px !important; padding-right: 10px !important;}
		a:hover.mo-eyebrow {text-decoration: underline solid #fcba03 2px; background-color: transparent;}

	/* in MegaMenuMacro.cshtml (getNewButtons) T R B L */
	.mm-custom-btn {
		/* changed 6/17/2021 border-radius: 0px; min-width:220px; max-width:240px; margin: 5px 0px 5px 17px;  */
		border-radius: 0px; min-width:120px; max-width:240px; margin: 5px 0px 5px 17px;
	}

	/* (megamenuFullwidth buttons) added mm-btn-toobar to add additional styles to button bar  */
	.mm-btn-toolbar {
		margin-top: 10px; padding-top: 20px; padding-bottom: 20px;	border-top: 1px solid #004a80;
		/* 6/17/2021 added right margin to button bar */
		margin-right: 10px !important;
	}


	/* in MegaMenuMacro.cshtml (getNewLinks)  */
	.mm-list-item {font-size: 0.83em; font-weight: 500; text-decoration: none; margin-left: 5px; margin-right: 0px; }
	a.mm-list-item {text-decoration: none; background-color: transparent; }

	a:hover.mm-list-item {text-decoration: none; background-color: transparent; border-bottom: 2px solid #fcba03;}

	/*  5/31/2021 added white-space: nowrap; so that we can show ellipsis, no border-top  */
	/*  5/30/2021 added padding-left: 0.5em !important; 
		and padding-top: 3px !important; padding-bottom: 5px !important; to shorten the lines */
	/* .mm-nowrap {overflow: hidden; text-overflow: ellipsis;  text-decoration: none;}  */
	.mm-nowrap {overflow: hidden; text-overflow: ellipsis !important;  text-decoration: none; 
		padding-left: 0.5em !important; white-space: nowrap; 
		border-top: none !important; border-bottom: none !important; 
		padding-top: 4px !important; padding-bottom: 4px !important;
	}  

	/*  5/30/2021 removed text-indent: -0.5em;  */
	/* .mm-nowrap:hover {text-overflow: clip; white-space: normal; padding-left: 0.5em; text-indent: -0.5em; text-decoration: none;}  */
	.mm-nowrap:hover {text-overflow: clip; white-space: normal; padding-left: 0.5em; text-decoration: none;} 


	/*  in _megamenuMobile.cshtml   */
     /* .menuMoveDown { height: 5.6em; margin-top: 232px; margin-bottom: 0px; z-index: 9;}  */
     .menuMoveDown { height: 5.6em; margin-top: 190px; margin-bottom: 0px; z-index: -2;}

	 /*  5/13/2021 added top: 38px so you can close with down arrow */
     .mo-dropdown-menu { top: 38px !important; width: 99%; text-align: left; 
		 background-color:#ffffff; padding-left: 40px !important; padding-top:0px !important;}

	/* for _megamenuMobile - dropdown dimensions when you click one tab in top navbar */
     /*  5/31/2021 changed max-height  */
     /* .mo-scrollable-menu { height: auto; max-height: calc(100vh - 200px); 
		overflow-x: hidden; overflow-y: auto; padding-bottom:200px !important;} */
     .mo-scrollable-menu { height: auto !important; max-height: 200px !important; 
		 overflow-x: hidden; overflow-y: auto; padding-bottom:20px !important;}

	 /* added padding to make it less taller - for the Galaxy, Moto phone that are not that tall */
     .mm-mob-menu {padding-top:  5px !important; padding-bottom: 5px !important; padding-right: 2px !important;
		 background-color:#f2f2f2; color: black; font-size: 0.95em; padding-left: 5px !important;}


     a:hover.mm-mob-menu {background-color: #004a80; color: white !important;}

	/* megamenuFullwidth nav bar */
     a.mm-menu-bar-item {text-decoration: none; font-size: 90%; }
  	  /* mouse over use #004a80  but when selected the mm-highlightClass uses a darker color:#024a7e */
     a:hover.mm-menu-bar-item {background-color: #004a80;}


	/*  5/13/2021 next line to display closer to eyebrow nav   */
	.dropdown-menu { margin-left: 1px !important; margin-top: 4px !important; }
	.dropdown-menu>li { display: inline-block; }
	.mm-dimmableClass { filter: brightness(50%);  background: #b3b3b3; }
	
	.mm-highlightClass { background-color: #024a7e; }

	.nav { margin-bottom: 0; }



	  /* 5/04/2021 changed margin-left from 5px to 0px  and font-size from 0.93 to 0.83*/
	
	.mo-list-item {font-size: 0.83em; font-weight: 500; text-decoration: none; margin-left: 0px; margin-right: 0px; }
	  /* 6/16/2021 added padding-left: 0px !important since mobile links had too much left indent */
	a.mo-list-item {color:#004a80; text-decoration: none; background-color: transparent; 
		margin-left: 0px; padding-left:0px !important; padding-bottom:1px !important;}
	a:hover.mo-list-item {text-decoration: none; background-color: transparent; border-bottom: 2px solid #fcba03;}


	/*  5/30/2021 added padding-left: 0.5em !important; 
		padding-bottom: 1px !important; to shorten the lines */
	.mo-nowrap {overflow: hidden; text-overflow: ellipsis !important;  text-decoration: none;  
		padding-left: 0.5em !important; 
		padding-top: 0px !important; padding-bottom: 1px !important;}  

	/*  5/30/2021 removed text-indent: -0.5em;  */
	/* .mo-nowrap:hover {text-overflow: clip; white-space: normal; padding-left: 0.5em; text-indent: -0.5em; text-decoration: none;}  */
	.mo-nowrap:hover {text-overflow: clip; white-space: normal; padding-left: 0.5em; text-decoration: none;} 


	/*  this is similar to has-children in main_nav_edits.css - shows +/- signs */
	ul>li.mo-children::after {		
		content: url(/Img/nav-expand.png); 
		position: absolute;
		top: 0px;
		right: 10px;
		display: block
	}

	li.mo-children.expanded::after { 
		content: url(/Img/nav-sub.png);
	}
	

	.mm-main-nav {position: relative; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; }

    .mm-dropdown-menu { width: 99%; text-align: left; background-color:#ffffff; padding-left: 50px !important;}
    .mm-dropdown-menu>li { display: inline-block; }

	/* for megamenufullwidth - dropdown dimensions when you click one tab in top navbar */
 	.mm-scrollable-menu { height: auto; max-height: calc(100vh - 200px); overflow-x: hidden; overflow-y: auto;} 


    ul.mm-ul-items {line-height: 1.2em !important;} 

	.mo-search-button {color:white !important; background-color:#004a80 !important; border-radius:50% !important; float:right; vertical-align:middle; width: 24px; height: 24px; padding: 0px 0px 0px 0px !important;}
	.mo-close-button {color:#004a80 !important; border-color: #004a80 !important; background-color:white !important; border-radius:0% !important; float:right; 
		font-size: 0.9em !important; vertical-align:top !important; width: 18px; height: 18px; padding: 0px 0px 1px 0px !important;}

	@media (max-width:768px) {
		/*  For Google search  - remove extra space  */ 
		div.gs-title {height:20px !important;}
		/* Add extra space after 'Cancer Treatments' */
		div.icon-cta-sec {padding-bottom: 6px !important;}
		div.icon-cta-sec.text-only {padding-top: 0px !important; padding-bottom:0px !important;}
		/* Pad items below 'Login to the Patient Portal'  */
		div.icon-text {padding-top:5px !important; padding-bottom:5px !important;}
		/*  Remove extra space since because 'commitment' is not for Mobile  */
		.commitment {height: 5px !important; padding: 0px 0px 0px 0px !important; margin: 0px 0px 0px 0px !important;}
		
		/* For Language Selector  */
		.mob-lang {height: 32px !important;padding: 0px 0px 0px 0px !important; margin: 0px 0px 0px 0px !important;}
		.lang-switch {height: 32px !important;padding: 0px 0px 0px 0px !important; margin: 0px 0px 0px 0px !important;}
	}


	/*   for _megamenufullwidth.cshtml  768 - 1070 reduce font & bar size */
	@media only screen and (min-width: 768px) and (max-width: 1070px) {
		.mm-menu-bar-item {font-size:0.8em !important;}

		.mm-main-nav .navbar-nav .nav-item:not(:first-child) .nav-link { 
			border-left: 1px dotted #58b0e3;
		}
	}

	/* only show dotted vertical blue line when screen size is >= 992  */
	@media only screen and (min-width: 1070px) {
		.mm-main-nav .navbar-nav .nav-item:not(:first-child) .nav-link { 
			border-left: 2px dotted #58b0e3; 
		}
	}

	
	/* ------------ Massive Menu (existed in source code ) --------------   */
    @media (min-width: 34em) {
        #massive-menu {
            -webkit-column-count: 1;
            -moz-column-count: 1;
            column-count: 1;
            -webkit-column-width: 200px; 
            -moz-column-width: 200px; 
            column-width: 200px;
        }
    }
    
    @media (min-width: 48em) {
        #massive-menu {
            -webkit-column-count: 2;
            -moz-column-count: 2;
            column-count: 2;
            -webkit-column-width: 200px; 
            -moz-column-width: 200px; 
            column-width: 200px;
        }
    }
    
    @media (min-width: 62em) {
        #massive-menu {
            -webkit-column-count: 4;
            -moz-column-count: 4;
            column-count: 4;
            -webkit-column-width: 200px; 
            -moz-column-width: 200px; 
            column-width: 200px;
        }
    }
    
    @media (min-width: 75em) {
        #massive-menu {
            -webkit-column-count: 4;
            -moz-column-count: 4;
            column-count: 4;
            -webkit-column-width: 200px; 
            -moz-column-width: 200px; 
            column-width: 200px;
        }
    }
    

	/* ------------- for _megamenuMobile.cshtml  ----------------- */
	@media (max-width: 992px) {
		.mb-navbar-collapse {
			position: absolute;
			bottom: 10px;
			left: 0;
			padding-top: 1px;
			padding-left: 8px;
			padding-right: 7px;
			padding-bottom: 1px;
			width: 100%;
		}

		.mb-navbar-collapse.collapsing {
			left: -75%;
			transition: height 0s ease;
		}

		.mb-navbar-collapse.show {
			left: 0;
			transition: left 300ms ease-in-out;
		}

		.mb-navbar-toggler.collapsed ~ .navbar-collapse {
			transition: left 500ms ease-in-out;
		}
	}    
  

/* -------------------------- testing Mobile ---------------------------- */
/*
nav ul.mm-mo-collapse{
    margin-bottom:0
}

nav ul.mm-mo-collapse{
    padding-left:0
}
nav ul.mm-mo-collapse li{
    list-style-type:none
}
nav ul.mm-mo-collapse li ul{
    -webkit-padding-start:0
}

.mm-mob-menu.collapse {
	display: block !important;
}
*/
/* -------------------------- testing Ends ---------------------------- */


/* 6/16/2021 to move links to the left and line up with bottom buttons */
@media only screen and (min-width: 992px) {
	.navdown {
		padding-left: 5px;
	}
}

/* 6/17/2021  separate the topbar navs into desktop: mm, mobile: mo
	/*  in _megamenufullwidth.cshtml  */
    .mm-dropdown { 
		position: static !important; overflow-y: auto !important; 
		border-top:none !important; border-bottom:none !important;
		padding-top:0px !important; padding-bottom: 0px !important;
	}   

	/*  in _megamenuMobile.cshtml  */
    .mo-dropdown { 
		position: static !important; overflow-y: auto !important; 
	}   


/* 6/18/2021  this is part of EN/ES switch dropping down on smaller screens
              and hiding the breadcrumbs MOF-478    
*/
	.btn-group.lang-switch {
		margin: 0px !important;
	}

	/* this is for the horizontal nav bar - expanding too much */
    /* .mm-nav-height { height: 3.6em; max-height: 6.1em;}  */
	.mm-nav-height { height: 58px; max-height: 120px;} 

/* 9/14/2021  MOF-556  search button related  */
.top-nav nav ul li a.mm-search-btn img {
    width: 15px;
    height: 15px;
}