@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
body{font-family: 'Montserrat', sans-serif;}
.blueBG{background-color: #2e46c1}
.lightBlueBG{background-color: #3889d4}
.purpleBackG{background-color: #253575}
/*Main Nav*/
#mainNav{
		background-image: url("img/csickles2.png");
	background-size: cover;
	/*background-color: #253575;*/}
#mainNav .nav-link {
	color: white;
	font-weight: bold;
	font-size: 1.5rem;
}
.navbar{
	background-image: url("img/csickles2.png");
	background-size: cover;
}
.navbar-expand-md .navbar-nav {
		margin-left: 2em
	}
.navbar-brand{
		color: white;
	font-weight: bold;
	font-size: 1.5rem;
	}
.nav-link {color: white;
	font-weight: bold;
	font-size: 1.5rem;
}
.tabSub{
	font-size: 1rem;
	font-weight: bold;
}
.container{max-width:76% !important }
.hero{
	background: url("img/pt_mask1.jpg") no-repeat;
	background-size: contain;
	min-height: 40em;
}
.homeFit{
	max-height: 43rem;
}
.tabHeader {
    font-size: .61rem;
    font-weight: bold;
}
.jumboText{
	font-size: .75rem;
}
.logoText{
	font-weight: bold;
	font-size: 2.5rem;
}
.h-tabs{height: 3.5em}
.h-tabs a{
	text-decoration: none;
	color: white;
}
.darkPurp{
	color: #253575;
}
.resourceText{
	color: #253575;
	font-size: 1.5rem;
}

.yelText{color:#FFBC57 }
.orangeText{color:#F46A2F }
.expertTab{
	background-color: #3F54C6;
color: white;
	
	}
.expertHeader{
	background-color: #3f54c6;
color: white;
	background-image: url("img/steh_big_bg.png");
	background-repeat: no-repeat;
  /*background-attachment: fixed;*/
  background-position: right bottom;
	}
.covidTab{
	background-color: #F46A2F;
	color: white;
	background-image: url("img/germ_big_bg.png");
	background-repeat: no-repeat;
  /*background-attachment: fixed;*/
  background-position: right bottom;
}
.fluTab{background-color: #FFBC57;
	color: white;
	background-image: url("img/needle_big_bg.png");
	background-repeat: no-repeat;
  /*background-attachment: fixed;*/
  background-position: right bottom;
	
}
.resourceHeader{
	background: url("img/chart.png") no-repeat;
	background-size: cover;
	min-height: 35em;
}
.toc{
	background-color: #253575;
	color: white;
}
.purp_text{color: #253575}
.carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 1.25rem;
    left: 15%;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    color: rgb(255, 255, 255);
    text-align: center;
}
.vidWidth{width: 95%}
/*Page Tabs
#expertTab{
	background-color: #2e45c1;
	border: none !important;
	border-top-left-radius: none !important;
  border-top-right-radius:none !important;
}
.nav-tabs .nav-link:hover {
	border-color: white;
	border-radius: 0;
}
button#expert-tab.nav-link.text-white.active{
	background-color: #2e45c1;
	color: white;
}

button#covid-tab.nav-link.text-white.active{
	background-color: #c64b44;
	color: white;
}
#covidTab{
	background-color: #c64b44;
	color: white;
}
#fluTab{background-color: #3889d4;
	color: white;}
button#flu-tab.nav-link.text-white.active{
	background-color: #3889d4;
	color: white;
}
.purplishBG{
	background-color: #3f54c6;
}
.noBordTabs{
	border-bottom: none;
}*/

.video_div{
  margin-left: -210px;
}
@media (max-width:1199px){
  .video_div{
    margin-left: -270px;
  } 
}

.btn-homeP {
  --bs-btn-color: #fff;
  --bs-btn-bg:#2E45C1;
  --bs-btn-border-color: #2E45C1;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #0b5ed7;
  --bs-btn-hover-border-color: #0a58ca;
  --bs-btn-focus-shadow-rgb: 49,132,253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #0a58ca;
  --bs-btn-active-border-color: #0a53be;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #2E45C1;
  --bs-btn-disabled-border-color: #2E45C1;
 font-weight: bold;
	font-size: .65rem;
}
.btn-home1 {
  --bs-btn-color: #fff;
  --bs-btn-bg:#F46A2F;
  --bs-btn-border-color: #F46A2F;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #0b5ed7;
  --bs-btn-hover-border-color: #0a58ca;
  --bs-btn-focus-shadow-rgb: 49,132,253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #0a58ca;
  --bs-btn-active-border-color: #0a53be;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #F46A2F;
  --bs-btn-disabled-border-color: #F46A2F;
 font-weight: bold;
	font-size: 1.5rem;
}
.btn-home2 {
  --bs-btn-color: #000;
  --bs-btn-bg:#FFBC57;
  --bs-btn-border-color: #FFBC57;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #0b5ed7;
  --bs-btn-hover-border-color: #0a58ca;
  --bs-btn-focus-shadow-rgb: 49,132,253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #0a58ca;
  --bs-btn-active-border-color: #0a53be;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #FFBC57;
  --bs-btn-disabled-border-color: #FFBC57;
 font-weight: bold;
	font-size: 1.5rem;
}
.btn-home3 {
  --bs-btn-color: #fff;
  --bs-btn-bg:#747474;
  --bs-btn-border-color: #747474;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #0b5ed7;
  --bs-btn-hover-border-color: #0a58ca;
  --bs-btn-focus-shadow-rgb: 49,132,253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #0a58ca;
  --bs-btn-active-border-color: #0a53be;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #747474;
  --bs-btn-disabled-border-color: #747474;
 font-weight: bold;
	font-size: 1.5rem;
}
.btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #253575;
  --bs-btn-border-color: #253575;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #0b5ed7;
  --bs-btn-hover-border-color: #0a58ca;
  --bs-btn-focus-shadow-rgb: 49,132,253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #0a58ca;
  --bs-btn-active-border-color: #0a53be;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #253575;
  --bs-btn-disabled-border-color: #253575;
}
.slide-text{
	padding-top: 1rem;
	font-size: 1.15rem;
	color: #253575;
	font-weight: bold;
}
.carousel-caption{padding-bottom:10rem}
.carousel-indicators [data-bs-target] {
    box-sizing: content-box;
    flex: 0 1 auto;
    width: 10px;
    height: 10px;
    padding: 0;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #253575;
    background-clip: padding-box;
    border: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    opacity: .5;
    transition: opacity .6s ease;
    border-radius: 50%;
}
.carousel-indicators .active {
  opacity: 1;
}
.alert-covid {
  --bs-alert-color: #fff;
  --bs-alert-bg: #F46A2F;
  --bs-alert-border-color: #F46A2F;
}
.alert-scd {
  --bs-alert-color: #fff;
  --bs-alert-bg: #253575;
  --bs-alert-border-color: #253575;
}
.alert-flu {
  --bs-alert-color: #fff;
  --bs-alert-bg: #FFBC57;
  --bs-alert-border-color: #FFBC57;
}
.orangeCOVID{
	border-top: medium #F46A2F solid;
	border-bottom: medium #F46A2F solid;
	background-color:rgba(244, 106, 47, 0.25);
}
.orangeCOVIDbot{
	border-bottom: medium #F46A2F solid;
}
.orangeCOVIDcard{
	border: medium #F46A2F solid;
}
.orangeCOVIDcardhead{
	background-color: #F46A2F;
	color: #fff;
	text-align: center;
	border-radius: 0 !important;
	font-size: 2.25rem;
	font-weight: bold;
}
.yellowFLU{
	border-top: medium #FFBC57 solid;
	border-bottom: medium #FFBC57 solid;
	background-color:rgba(255, 188, 87, 0.25);
}
.versus{
	border-radius: 9px;
 overflow:hidden;   
	/* border-collapse: collapse;*/
	
  
	text-align: center;
}

.vs_tr_bord{
	border-left: medium #000 solid;	
}
.vs_tr_bord-end{
	border-left: medium #000 solid;
	border-right: medium #000 solid;
	/*display: flex;
	margin-right: ($spacer * .3) !important;*/
	 
  
}
.vs_tr_bord-start{
	/*display: flex;
	  margin-left: ($spacer * .15) !important; */
	
  height: 1em;
  /*display: table-row;*/
  content: '';

}
.botBorder{
	border-bottom: dashed medium #3F54C6;}
.botBorderYel{
	border-bottom: dashed medium #FFBC57;}
.overImg{
	position: absolute;
	top:20em;
}
.scdImgBor{
  padding: 1rem;
  background-color: rgba(244,106,47,0.25);
  border: solid #F46A2F .15rem;
  border-radius: var(--bs-border-radius);
  max-width: 100%;
  height: auto;
}
.fluImgBor{
  padding: 1rem;
  background-color: rgba(255,188,87,0.25);
  border: solid #FFBC57 .15rem;
  border-radius: var(--bs-border-radius);
  max-width: 100%;
  height: auto;
}

@media (min-width: 768px) and (max-width: 991.98px) { 
	
	.nav-link {
    color: white;
    font-weight: bold;
    font-size: 1rem;
}
}
@media only screen and (min-width: 992px) {
	.navbar{
	background-image: url("img/csickles2.png");
	background-size: cover;
}
	.navbar-brand{
		color: white;
	font-weight: bold;
	font-size: 2.5rem;
	}
  .nav-item .nav-link {
    padding: 0 0.5em;
  }
  .nav-item:not(:last-child) .nav-link {
    border-right: 2px solid #FFFFFF;
  }
	.homeFit{
	max-height: 40rem;
}
	.tabSub{
	font-size: 2.25rem;
	font-weight: bold;
}
	.tabHeader{
	font-size: 1.5rem;
}
	.jumboText{
	font-size: 1.5rem;
}
	.btn-homeP {
  --bs-btn-color: #fff;
  --bs-btn-bg:#2E45C1;
  --bs-btn-border-color: #2E45C1;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #0b5ed7;
  --bs-btn-hover-border-color: #0a58ca;
  --bs-btn-focus-shadow-rgb: 49,132,253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #0a58ca;
  --bs-btn-active-border-color: #0a53be;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #2E45C1;
  --bs-btn-disabled-border-color: #2E45C1;
 font-weight: bold;
	font-size: 1.5rem;
}
	.slide-text{
	font-size: 1.875rem;
	color: #253575;
	font-weight: bold;
		padding-top: 0;
}
	.vidWidth{width: 70%}
}