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

/*BBB colors
yellow 	 	  rgb(255,203,14)
light yellow 	rgb(255,224,145)
dark blue  	rgb(0,43,81)
med blue      rgb(5,86,161)
light blue  	 rgb(220,236,248)
med gray      rgb(105,105,105)
light gray  	 rgb(210,210,210)

font-family: 'Oswald', sans-serif;
font-family: 'Roboto Condensed', sans-serif;
*/

@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@300;500&family=Roboto+Condensed:wght@300&display=swap');


/*main*/
body {
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 300;
	background-color: rgb(220,236,248);
	padding-bottom: 150px;
}


.jumbotron {
	background-color: rgb(220,236,248);
	border-radius: 0px;
	margin-bottom: .75rem;
}

.btn {
	background-color:  rgb(255,203,14);
	font-family: 'Oswald', sans-serif;
	font-weight: 500;
	padding: 0px 30px;
	text-transform: uppercase;
}

/*typography*/
h1, h2, h3, h4, h5, h6 {
	color: rgb(0,43,81);
	font-family: 'Oswald', sans-serif;
	font-weight: 500;
	text-transform: uppercase;
}

p {padding: 10px auto;}

h1.display-3 {
	color: rgb(5,86,161);
	font-weight: 500;
	/*font-size: 2.8rem;*/
	line-height: 4.25rem;
}

.pullquote {
	background-color: #fff;
	color: rgb(0,43,81);
	font-family: 'Oswald', sans-serif;
	font-size: 2.5rem;
	font-weight: 300;
	line-height: 2.5rem;
	padding: 1rem 1.5rem;
	text-transform: uppercase;
}

	.pullquote strong {font-weight: 500!important;}

.txt-subtitle {
	font-family: 'Oswald', sans-serif;
	font-weight: 300;
	font-size: .8rem;
	letter-spacing: .7rem;
	text-transform: uppercase;
}

.txt-small {font-size: .8rem;}
.txt-light {font-weight: 300;}

.txt-white {color: #fff;}

/*nav*/
.bg-dark {background-color: rgb(0,43,81)!important;}

.navbar {
	font-family: 'Oswald', sans-serif;
	font-weight: 300;
	text-transform: uppercase;
}

.navbar-dark .navbar-nav .nav-link {
	color: rgba(255,255,255,1);
}

#home #homeNav a,
#projects #projectsNav > a,
#people #peopleNav a,
#support #supportNav a,
#bbb #regional-challengeNav a,
#detail #projectsNav > a,
#dei #deiNav > a {
	color:  rgb(255,203,14);
	font-weight: 500;
}

	/*dropdown nav*/
	#ProjectsNav .dropdown-item.active {
		color:  rgb(5,86,161);
		font-weight: 500;
		background-color: rgba(210,210,210,.5);
	}

.dropdown-item {
	font-weight: 300;
	text-transform: capitalize;
}

.navbar-brand {
	font-size: 1rem;
	font-weight: 300;
	line-height: 1.2rem;
}

.navbar-brand span {
	display: block;
	font-size: 1.5rem;
	font-weight: 500;
}

/*footer*/
footer.bg-dark {
	background-color: #000!important;
	color: #fff;
	margin-top: 30px;
}

footer .nav-link {
	color: #fff;
	text-transform: uppercase;
}

footer .nav-link:hover {
	color: rgb(255,203,14);
}

/*home*/
.home_img {
	border: 10px solid #fff;
	max-width: 100%;
	margin: 30px auto;
}

#home .jumbotron {
	margin-bottom: 0px; 
	padding-bottom: 20px;
}

#home #bbbProcess {margin-bottom: 30px;}

.box-gray, .box-gray .row {
	background-color:rgb(105,105,105); 
}

#bbbProcess .row > div {
	color: #fff;
	padding: 15px;
}

#bbbProcess h3 {
	color: #fff;
	line-height: 1.8rem;
	margin: 0px;
	padding: 5px;
}

#bbbProcess .txt-light {
	letter-spacing: .75rem;
}

.logo {
	margin-bottom: 15px;
	max-height: 150px; 
	max-width: 100%;
	width: auto; 
}


.bonusImg {
	margin: 30px auto;
	max-width: 100%;
}

#bbbProcess img,
#deiPlan .deiImg {
	max-width: 100%;
	height: auto;
}

#bbbProcess .logo {
	margin-top: 30px;
	max-height: 150px;}

#bbbProcess a:hover,
#bbbProcess a:hover h3 {
	color: rgb(255,203,14);
	text-decoration: none;
}

/*projects*/
#projects h4 {
	color: #fff;
	font-weight: 300;
}

#projects h3 {
	color:  rgb(210,210,210);
	font-weight: 300;
}

#projects #introImg img {
	max-width: 100%;
	max-height: 800px;
}

#projectList p {color: #fff;}

#projectList .row > div {
	padding: 15px;
}

#projectList .row {margin-bottom: 15px;}

.part_logo {
	max-height: 100px;
	max-width: 160px;
	margin-bottom: 20px;
}

#lvgea-logo.part_logo, #nlv-logo.part_logo {max-height: 80px;}

/*proj detail page*/
.narrativeImg {width: 100%;}
.detailLogo {max-height: 150px; max-width: 300px; margin-bottom:20px;}

/*people*/
#people h2,
#dei h2 {
	color: rgb(5,86,161);
	margin-top: 50px;
	margin-bottom: 20px;}

section .memberDiv {
	color: #fff;
	padding: 15px;
}

.memberDiv h3 {
	color: rgb(210,210,210);
	font-weight: 300;
}
.memberDiv p {
	font-family: 'Oswald', sans-serif;
	text-transform: uppercase;
}

.headshot {
	height: 150px; 
	max-width: 100%;
	padding-bottom: 20px;
	width: auto;
}

#people #steering .col-md-4,
#people #adminTeam .col-md-4,
#people #projectLeads .col-md-4,
#people #deiTeam .col-md-4 {
	margin-bottom: 30px;
}

#projectLeads a:link, 
#projectLeads a:visited {
	color: #fff;
}

#projectLeads a:hover {
	text-decoration: underline;
	color: rgb(255,203,14);
}

p.spacer {height: 100px;}

.memberDiv p {margin-bottom: 0px; padding-bottom: 0px;}

.companyName {
	font-weight: 500;
}
.companyTitle {
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 300;}


#people .memberDiv p:last-child {margin-bottom: 0px;}

#people #lvgea .logo, 
#people #mesquite .logo, 
#people #unlv .logo {margin-top: 30px;}

#people #cc .logo {margin-top: 10px;}

#people #mesquite .logo {
	margin-top: 50px; 
	margin-bottom: 20px; 
	max-width: 80%;
}


/****/
/*support page*/
.support_logo {
	max-height: 100px;
	max-width: 85%;
}

#supportList a {display: block;}

#supportList > div {margin-bottom: 30px;}
#supportList h3 {margin-bottom: 0px; padding-bottom: 0px;}

#supportList .row > div {margin-bottom: 30px;}

#supportList .row > div > div {
	background-color: #fff; 
	padding: 15px;}

#logo-4 img.support_logo {margin-top: 8px;}
#logo-6 img.support_logo {margin-top: 20px;}
#logo-7 img.support_logo {margin-top: 30px;}
#logo-8 img.support_logo {margin-top: 10px;}
#logo-10 img.support_logo {margin-top: 20px;}
#logo-12 img.support_logo {margin-top: 10px;}
#logo-14 img.support_logo {margin-top: 20px;}
#logo-17 img.support_logo {margin-top: 15px;}
#logo-21 img.support_logo {margin-top: 15px;}



/****/
/*dei page*/
.dei_img {
	height: auto;
	max-height: 95%;
	width: 100%; 
}

@media (min-width: 576px) {
	/*sm*/
	/*body {background: red;}*/
}

@media (min-width: 768px) {
	/*md*/
	/*body {background: orange;}*/
}

@media (min-width: 992px) {
	/*lg*/
	/*body {background: yellow;}*/
}

@media (min-width: 1200px) {
	/*xl*/
	/*body {background: green;}*/
}