@charset "utf-8";
/* CSS Document */

body {
	font-family: 'Merriweather', serif;
	line-height: 120%;
	color: #314974;
}

.hd {
	color: #C691CA;
}

.cgm {
	color: #E99F00;
}

.nrr {
	color: #4A4C7F;
}

.bme {
	color: #333333;
}

.navbar {
	background-color: #FFF;
	padding-bottom: 15px!important;
}

.navbar-brand {
    position: absolute;
}

#cogniMedLogo {
	position: relative;
	top: 6px;
	max-width: 156px;
	border-right: 10px solid #FFF;
}

.navbar .container {
	border-bottom: 2px solid #CBD1DC;	
	background-color: #FFF;
	margin-bottom: 0!important;
	padding-bottom: 0;
	padding-top: 8px;
	padding-left: 0;
	padding-right: 0;
	margin-top: 0;
	min-height: 90px;
}

.nav-item {
	margin-left: 1.25em;
	padding-top: 1em;
	font-weight: bold;
	cursor: pointer;
}

#tagLine {
	margin-left: 8.5em;
	font-size: 1.2rem;
	font-weight: bold;
}

#tagLine2 {
	margin-left: .5em;
	font-size: .9rem;
	font-weight: bold;
	position: relative;
	top: 3px;
}

#col1 {
	padding: 0 3%;
}

#col2 {
	padding: 0 3%;
}

#contactForm h2 {
    font-size: 1rem;
	border-bottom: 2px solid #166CB5;
}

#mainContainer {
	width: auto;
	margin-top: 4.5rem;
}

.shadedBg {
	background-color: #EEF1F4;
}

.shadedBg2 {
	background-color: #F9FAF4;
}

.shadedBg3 {
	background-color: #576B8E;
	margin: 7px;
	padding-bottom: 10px;
}

.shadedBg3 h1 {
	color: #FFF;
	padding: .5% 2% .5% 1%;
	margin: 0;
	font-size: 1rem;
}

.shadedBg h2 {
	margin: 3% 2% 3% 2%;
	font-size: 1.4rem;
	border-bottom: 1px solid #314974;
	font-weight: bold;
	padding-bottom: 4px;
}

.shadedBg h3 {
	color: #BFB278;
	margin: 0 0 2.5% 1.5%;
	font-size: 1.2rem;
	border-bottom: 1px solid #BFB278;
	font-weight: bold;
	padding-bottom: 4px;
}

.shadedBg3 .row {
	padding: 0 3.5% 0 3.5%; 
}

.shadedBg4 {
	background-color: #D7D4A9;
}

.currFeat {
	background-color: #FFF;	
	box-shadow: 5px 5px 10px;
	font-size: .8rem;
	min-height: 160px;
	padding-top: 15px;
	cursor: pointer;
	border: 2px solid #576B8E;
	transition: all 0.2s ease-in-out;
}

.currFeat:hover {
	-moz-box-shadow: 0 0 10px #00CCCC;
	-webkit-box-shadow: 0 0 10px #00CCCC;
	box-shadow: 0 0 10px #00CCCC;
	border: 2px solid #00CCCC;
}

.currFeat p {
	font-size: .95rem;
	line-height: 135%;
}

#currFeatLogoHD {
	max-width: 80%
}

.activity {
	margin-bottom: 30px!important;
}

#asthmaActivity {
	margin-bottom: 15px!important;
}

.activity p {
	font-size: .9rem;
	margin-bottom: 0!important;
}

.activity .btn {
	text-align: center;
	font-size: .9rem;
	padding-left: 0;
	padding-right: 0;
}

.activityBanner {
	box-shadow: 5px 5px 5px #999;
	margin-bottom: 12px;
	cursor: pointer;
}

.hoverGlow {
  transition: all 0.2s ease-in-out;
  cursor: pointer;
}

.hoverGlow:hover {
	-moz-box-shadow: 0 0 10px #0075BC;
	-webkit-box-shadow: 0 0 10px #0075BC;
	box-shadow: 0 0 10px #0075BC;
}

form p {
	font-size: .75rem;
	font-weight: bold;
}

label {
    margin-bottom: 0!important;
    font-size: .7rem;
    font-weight: 500;
}

.form-control {
    padding: .125rem .250rem;
}

.btn-primary {
    height: 80px;
	width: 80px;
	border-radius: 0;
	background-color: #314974;
	font-weight: bold;
	font-size: 1em;
	border: 0;
}

#grantorOppsButton {
	background-color: #FFF;
	font-weight: bold;
	font-size: 1em;
	border: 2px solid #48813E;
	color: #48813E;
	line-height: 100%;
	font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";
	position: relative;
	top: -.75em;
}

#logsCME {
	max-width: 90%!important;
	margin-left: 5%;
}

.fac {
	cursor: pointer;
}

.facHead {
	text-align: right;
}

.modal-dialog {
    max-width: 80%;
    margin: 1.75rem auto;
}

.modal h1 {
    margin-bottom: 0;
}

.facText {
  max-height: 450px;
  overflow-y: scroll;
}

.modal-header .close {
	font-size: 1em;
    opacity: 1;
}

.modal-header .close span {
	font-size: 1.25em;
	color: white;
	background-color: #F36F3F;
	padding: 0 7px 5px 7px;
}

#thankYou p {
	font-size: 1.25em;
	font-weight: bold;
	text-align: center;
	width: 100%;
}

#thankYou #queRY {
	font-size: .9em;
	font-weight: bold;
	text-align: center;
	border-top: 2px solid #D7E2EF;
	border-bottom: 2px solid #D7E2EF;
}

#thankYou img {
	cursor: pointer;
}

#logoSmaller {
	max-width: 90%;
}

.embed-responsive-21by9::before {
    padding-top: 33.6%;
}

.btn-primary2 {
    border-radius: 0;
    background-color: #F36F3F;
    font-weight: bold;
    font-size: 1.25em;
    border: 0;
	line-height: 100%;
	color: #FFF;
}

.btn-primary2:hover {
    color: #fff;
    background-color: #0069d9;
    border-color: #0062cc;
}

.right h2 {
	font-weight: bold;
	border-bottom: 2px solid #F36F3F;
}

#modalForm h1 {
	border-bottom: 1px solid #F36F3F;
}

#modalForm {
    max-width: 60%;
}

.border1 {
	border-bottom: 2px solid #8FB5DB;
}

table tr:nth-of-type(odd)  {
    background-color: #F4F8FB !important;
}

table tr  {
	border-bottom: 1px solid #BFD5EA;
}

table th  {
    padding: .25em;
}

table td, table th  {
    padding: .25em;
}

.link {
	cursor: pointer;
}

.partnerLogos img {
	max-width: 90%!important;
	margin-left: 5%;
}

.mainContent h1 {
    color: #BFB278;
    font-size: 2rem;
    border-bottom: 2px solid #BFB278;
    font-weight: 500;
    padding-bottom: 3px;
	margin-bottom: 18px;
	width: 100%;
}

.mainContent h2 {
    color: #BFB278;
    font-size: 1.5rem;
    font-weight: 500;
    padding-bottom: 3px;
	margin-bottom: 18px;
	width: 100%;
}

.mainContent li {
	line-height: 160%;
	margin-bottom: 18px;
}

.mainContent p {
	line-height: 160%;
}

.gold {
    color: #BFB278;
}

.blue {
	color: rgb(49, 73, 116);
}

.awardRow .row h1 {
	border: none;
    font-size: 1.25rem;
    font-weight: 500;
    padding-bottom: 0;
    margin-bottom: 0;
	padding-top: 8px;
}

.awardRow .row {
	width: 80%;
}

.awardRow img {
	margin: auto;
}

.awardRow .row  {
    padding-bottom: 24px;
}

.contactRow p {
	width: 100%;
}

.contactRow a {
	width: 120px;
	height: 120px;
	padding-top: 35px
}

.contactRow .contactPhone {
    font-size: 1.25rem;
	font-weight: bold;
}

.contactRow .contactEmail {
    font-size: 1.25rem;
	font-weight: bold;
}

@media (min-width: 1200px) {
	
	.container {
		max-width: 1320px;
	}
	
	#mainContainer {
		max-width: 1280px;
	}
	
}


@media (max-width: 767px) {

	#cogniMedLogo {
		position: absolute;
		top: -20px;
		max-width: 100px;
		z-index: 9999;
	}
	
	.navbar-brand {
		position: absolute;
		display: inline-block;
		padding-top: .3125rem;
		padding-bottom: .3125rem;
		margin-right: 1rem;
		font-size: 1.25rem;
		line-height: inherit;
		white-space: nowrap;
		top: 30px;
	}
	
	.navbar-nav {
		margin-top: 65px;
		
	}
	
	.nav-item {
		margin-left: 1.25em;
		padding-top: 1.5em;
		padding-bottom: 1.5em;
		margin-right: 1.25em;
		font-weight: bold;
		cursor: pointer;
		text-align: center;
		border-bottom: 1px solid #333;
		
	}
	
	#grantorOppsButton {
		top: 0;
		padding-top: 7px!important;
	}

	
	#tagLine {
		margin-left: 0!important;
		font-size: .9062rem;
		font-weight: bold;
		display: block;
		padding-top: 40px;
		line-height: 140%;
		position: absolute;
		top: 25px;
	}
	
	#tagLine2 {
		margin-left: 0!important;
		font-size: .8rem;
		display: block;
	}
	
	.navbar-toggler {
		position: absolute;
		z-index: 999;
		right: 15px;
		top: 15px
	}
	
	#medEdHead p {
		margin-bottom: 5px;
		text-align: center;
	}
	
	#mainContainer {
		max-width: 335px;
		margin-top: 3.5rem;
	}
	
	.currFeat {
		width: 90%;
		margin-left: 5%;
		padding-top: 5px;
		margin-bottom: 10px;
	}
	
	.currFeat p {
		max-width: 95%;
		margin: 0 2.5% 5% 5%;
		font-size: .95rem;
		line-height: 135%;
		text-align: center;
		padding: 0!important;
	}
	
	.currFeatIcon {
		max-width: 80%;
		margin-left: 10%;
	}
	
	.currFeatLogo {
		max-width: 90%;
		margin-left: 5%;
		font-size: .95rem;
		line-height: 135%;
		text-align: center;
	}
	
	.shadedBg3 h1 {
		padding-top: 8px;
		text-align: center;
		font-size: 1.5em;
	}
	
	h2 {
		padding-top: 8px;
		text-align: center;
		font-size: 1.5em;
	}
	
	.activity div {
		text-align: center!important;
		padding-top: 2%!important;
		padding-right: 0!important;
		padding-bottom: 0!important;
		padding-left: 2.5%!important;
		margin: 0!important;
		width: 94%;
	}
	
	.activity {
		padding-bottom: 20px;
		border-bottom: 1px solid #666;
	}
	
	.shadedBg h3 {
		text-align: center!important;
		padding-top: 2%!important;
		padding-right: 0!important;
		padding-bottom: 0%!important;
		padding-left: 2%!important;
		margin-top: 0!important;
		margin-right: 0!important;
		margin-bottom: 2%!important;
		margin-left: 0%!important;
		width: 94%;
	}
    

}