/* MAIN STYLESHEET OVERRIDES FOR STATE 2025 */

body { 
	font-family: 'Proxima Nova', sans-serif; font-weight: 300; background: #FFF; color: #333; 
	-webkit-text-size-adjust: none; 
	
	--dark: #231f20;
	--brand-red: #c7263f;
	--brand-red-light: #f2d0c7;
	--brand-blue-dark: #0e5296;
	--brand-blue-dark-light: #c8cce3;
	--brand-blue: #0095da;
	--brand-blue-light: #ace5ff;
	--brand-green: #1ab471;
	--brand-green-light: #b1dcbf;
	--brand-cyan-dark: #004359;
	--brand-cyan: #00907c;
	--brand-cyan-light: #c7eafc;
	--brand-orange: #f6941f;
	--brand-orange-light: #ffdeb6;
	--brand-purple: #bc268c;
	--brand-purple-light: #f3c1e3;
}

.bg-inline.bg-inline-dark-blue {
	background-color: var(--brand-blue-dark);
	box-shadow: -1rem 0 0 var(--brand-blue-dark);
}
.bg-inline.bg-inline-blue-light {
	background-color: var(--brand-blue-light);
	box-shadow: -1rem 0 0 var(--brand-blue-light);
	color: var(--brand-blue) !important;
}

.bg-inline.bg-inline-orange {
	background-color: var(--brand-orange);
	box-shadow: -1rem 0 0 var(--brand-orange);
}
.bg-inline.bg-inline-orange-light {
	background-color: var(--brand-orange-light);
	box-shadow: -1rem 0 0 var(--brand-orange-light);
	color: var(--brand-orange) !important;
}
.bg-inline.bg-inline-purple {
	background-color: var(--brand-purple);
	box-shadow: -1rem 0 0 var(--brand-purple);
}
.bg-inline.bg-inline-purple-light {
	background-color: var(--brand-purple-light);
	box-shadow: -1rem 0 0 var(--brand-purple-light);
	color: var(--brand-purple) !important;
}


/* COVER / INTRO SECTION STYLES */

#cover.state-2025 .wrap {
	background: url("../images/2025/bg-state-2025.jpg") no-repeat center center;
	background-size: cover;
}
#cover.state-2025 .container {
	padding-top: 60px;
	padding-bottom: 60px;
}
#cover.state-2025 .container h2 {
	margin-bottom: 0;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
	font-size: 72px;
}
#cover.state-2025 h2 .heading-smaller { font-size: 32px; }

@media all and (max-width: 640px) {
	#cover.state-2025 .container { max-width: initial; }
	#cover.state-2025 .container h2 { font-size: 32px; }
	#cover.state-2025 h2 .heading-smaller { font-size: 16px; }
}




/* PRIORITY PROJECTS STYLES */
#features h4 { text-transform: uppercase; }
#features .column { text-align: center; }

#projects-nav ul li.dark-blue a { background: var(--brand-blue-dark); }
#projects-nav ul li.orange a { background: var(--brand-orange); }
#projects-nav ul li.purple a { background: var(--brand-purple); }

#projects-container > li h3.dark-blue { border-color: var(--brand-blue-dark); }
#projects-container > li h3.orange { border-color: var(--brand-orange); }
#projects-container > li h3.purple { border-color: var(--brand-purple); }

.dark-blue { color: var(--brand-blue-dark) !important; }
.orange { color: var(--brand-orange) !important; }
.purple { color: var(--brand-purple) !important; }

.box.dark-blue { background: var(--brand-blue-dark-light); color: var(--brand-blue-dark) !important; }
.box.orange { background: var(--brand-orange-light); color: var(--brand-orange) !important; }
.box.purple { background: var(--brand-purple-light); color: var(--brand-purple) !important; }

blockquote.dark-blue p { background-color: var(--brand-blue-dark); color: #fff; }
blockquote.orange p { background-color: var(--brand-orange); color: #fff; }
blockquote.purple p { background-color: var(--brand-purple); color: #fff; }

.dark-blue-dot {
	display: inline-block; width: 1.5em; height: 1.5em; line-height: 1.5em; text-align: center; 
	border-radius: 100%; background: var(--brand-blue-dark); color: #fff; font-weight: bold; 
}
.orange-dot {
	display: inline-block; width: 1.5em; height: 1.5em; line-height: 1.5em; text-align: center; 
	border-radius: 100%; background: var(--brand-orange); color: #fff; font-weight: bold; 
}
.purple-dot {
	display: inline-block; width: 1.5em; height: 1.5em; line-height: 1.5em; text-align: center; 
	border-radius: 100%; background: var(--brand-purple-dark); color: #fff; font-weight: bold; 
}

.next-project a.dark-blue { background: var(--brand-blue-dark); }
.next-project a.orange { background: var(--brand-orange); }
.next-project a.purple { background: var(--brand-purple); }