/*
 Theme Name:   Chicago Innovation
 Description:  Chicago Innovation Website launched July 2017. May 29th, 2019: Many updates by @zakkates. Mission updated, spacing updated on blog post pages (challenges w/ cols after bootstrap integration), social media icons after upgrade to latest version of Font Awesome, Built out new Theme Options Page to increase editability, and Made The Winners Page sort functionality options dynamically pulling from ACF Field.
 Last Update:  May 29th, 2019
 Author:       Zakery Kates
 Version:      1.4.4
*/
@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,400i,500,500i,600,700');
/* ==== normalize ========================================================== */
@import url('css/normalize.css');
@import url('css/print.css') only print;

/* ==== Cleaning Up WP-ADMIN Bar ========================================================== */
#wp-admin-bar-site-name > a,
#wp-admin-bar-my-account > a,
#wp-admin-bar-my-account span.display-name {
	font-size: 0 !important;
}

.ab-submenu #wp-admin-bar-user-info a,
.ab-submenu #wp-admin-bar-user-info a span.display-name {
	font-size: 12px !important;
}

#wp-admin-bar-my-account img {
	margin: 0 !important;
}

#wp-admin-bar-search,
#wp-admin-bar-wp-logo,
#wp-admin-bar-customize,
#wp-admin-bar-updates,
#wp-admin-bar-comments,
#wp-admin-bar-wpseo-menu {
	display: none !important;
}

/* =============================================================================
----------- General Content -----------
========================================================================== */
/*links */
a {
	color: #89bf49;
	text-decoration: none;
}

a:hover {
	color: #f1b24d;
	text-decoration: none;
}

a:focus {
	outline: none;
}

/* Also: Customize the background color to match your design */
::-moz-selection {
	background: #1081c5;
	color: #fff;
	text-shadow: none;
}

::selection {
	background: #1081c5;
	color: #fff;
	text-shadow: none;
}

/* Block Quotes */
blockquote {
	overflow: hidden;
	background: rgba(241, 178, 77, .8);
	font-style: italic;
	padding: 25px;
	display: block;
	width: 80%;
	margin: 10px auto 20px;
	position: relative;
}

blockquote.quote p:first-child:before {
	content: '" ';
	font-size: 2em;
	vertical-align: middle;
}

blockquote.quote p:last-of-type {
	margin: 0;
	position: relative;
}

blockquote p:last-of-type {
	margin: 0;
	position: relative;
}

blockquote.quote p:last-of-type:after {
	content: '" ';
	vertical-align: middle;
	font-size: 2em;
}

blockquote span.author {
	display: block;
	text-align: center;
	font-style: italic;
	font-weight: 500;
}

body {
	color: #232526;
	line-height: 1.8em;
	font-size: 15px;
	font-family: 'Montserrat', sans-serif;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-moz-font-feature-settings: "liga", "kern";
}

.nomargin {
	margin: 0 auto 0 !important;
}

.container {
	width: 1400px;
	max-width: 1400px;
	width: 100%;
	padding: 0 12px;
	margin: 0 auto;
	position: relative;
}

.flex-area {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
}

.flex-area.flex-end {
	align-items: flex-end;
	-webkit-align-items: flex-end;
}

.flex-area.flex-center {
	align-items: center;
	-webkit-align-items: center;
}

.flex-area.space-between {
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

.flex-area.justify-center {
	-webkit-justify-content: center;
	justify-content: center;
}

.flex-area.align-items-center {
	-webkit-align-items: center;
	align-items: center;
}

/* =============================================================================
----------- GLOBALS -----------
========================================================================== */
h1,
h2,
h3,
h4,
h5,
h6 {
	line-height: 1em;
}

p {
	margin: 0 0 10px 0;
}

div.wdev4-list-shorcode {}

div.wdev4-list-shorcode article {
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
	border-bottom: solid 1px #ddd;
}

div.wdev4-list-shorcode article::after {
	content: ' ';
	display: block;
	clear: both;
}

div.wdev4-list-shorcode article img {
	float: left;
}

div.wdev4-list-shorcode article .flex_wrapper {
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center;
}

div.wdev4-list-shorcode article .content_wrapper {}

div.wdev4-list-shorcode article:last-of-type {
	border: none;
}

.center {
	text-align: center;
	display: block;
	margin: 0 auto;
}

img.alignright {
	display: block;
	float: right;
	margin: 0 0 10px 10px;
	max-width: 100%;
}

img.alignleft {
	display: block;
	float: left;
	margin: 0 10px 10px 0;
	max-width: 100%;
}

img.aligncenter {
	display: block;
	margin: 0 auto 10px;
	width: 100%;
	height: auto;
	clear: both;
	max-width: 100%;
}

img.size-large {
	width: 40%;
	height: auto;
}

img.size-full {
	width: 40%;
	height: auto;
}

img.size-medium {
	width: 40%;
	height: auto;
}

img.size-thumbnail {
	width: 40%;
	height: auto;
}

img.aligncenter.size-large,
img.aligncenter.size-full,
img.aligncenter.size-medium,
img.aligncenter.size-thumbnail {
	width: 100%;
	height: auto;
	clear: both;
}

img.alignnone,
img.alignnone.size-full {
	display: block;
	margin: 0 auto 25px;
	width: 100%;
	height: auto;
	clear: both;
	max-width: 100%;
}

div.wp-caption {
	padding: 8px;
	background: #efefef;
	text-align: center;
	font-style: italic;
	max-width: 100% !important;
}

p.wp-caption-text {
	padding: 0px;
	margin: 0 auto !important;
}

div.wp-caption.alignright {
	display: block;
	float: right;
	margin: 0 0 10px 10px;
	height: auto;
}

div.wp-caption.alignleft {
	display: block;
	float: left;
	margin: 0 10px 10px 0;
	height: auto;
}

div.wp-caption.aligncenter {
	display: block;
	margin: 0 auto 10px;
	width: 100%;
	height: auto;
	clear: both;
}

div.wp-caption p.wp-caption-text {
	margin: 0;
	padding: 0;
}

div.wp-caption img,
div.wp-caption.alignright img,
div.wp-caption.alignleft img,
div.wp-caption.aligncenter img {
	width: 100%;
	height: auto;
	margin: 0 auto 5px;
}

@media (max-width: 480px) {

	img.size-large,
	img.size-full,
	img.size-medium,
	img.size-thumbnail,
	img.aligncenter.size-large,
	img.aligncenter.size-full,
	img.aligncenter.size-medium,
	img.aligncenter.size-thumbnail,
	img.alignright,
	img.alignleft,
	img.aligncenter {
		width: 100%;
		height: auto;
		float: none;
		display: block;
		margin: 0 auto 10px;
		clear: both;
	}

	div.wp-caption {
		width: 100% !important;
		height: auto;
		float: none !important;
		display: block;
		margin: 0 auto 10px !important;
		clear: both;
	}
}

.margin_none {
	margin: 0 auto;
}

.margin_none.aligncenter {
	margin: 0 auto;
}

.margin_none.alignnone {
	margin: 0;
}

.alert,
.warning {
	text-align: center;
	padding: 5px 15px;
	border-radius: 5px;
	width: auto;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	margin: 0 auto 10px;
	color: #a13934;
	background: #f2e1e5;
}

.caution {
	text-align: center;
	padding: 5px 15px;
	border-radius: 5px;
	width: auto;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	margin: 0 auto 10px;
	color: #222;
	background: #f2da73;
}

.success {
	text-align: center;
	padding: 5px 15px;
	border-radius: 5px;
	width: auto;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	margin: 0 auto 10px;
	color: #1f551d;
	background: #edfcd5;
}

/* RESPONSIVE VIDEO CONTAINER */
.video-container {
	padding: 225px 0;
	margin: 0 auto 50px;
}

@media (max-width: 767px) {
	.video-container {
		padding: 175px 0;
	}
}

@media (max-width: 440px) {
	.video-container {
		padding: 125px 0;
		margin: 0 auto 25px;
	}
}

/* =============================================================================
----------- HEADER -----------
========================================================================== */
div.top-header {
	line-height: 1em;
	padding: 5px 0;
	color: #525353;
	border-bottom: solid 1px #525353;
}

header.smaller div.top-header {
	display: none;
	transition: all 250ms ease;
}

div.top-header a {
	color: #5b5c5c;
	text-transform: uppercase;
	font-weight: 500;
}

div.top-header a:hover {
	color: #f1b24d;
}

div.top-header .left {
	text-align: left;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	float: left;
}

div.top-header .left .upcoming-event a {
	color: #f1b24d;
	max-width: 50%;
    overflow: hidden;
    display: inline-block;
    height: 1em;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: calc( 50vw - 30px);
}

div.top-header .left .upcoming-event a:hover {
	color: #89bf49;
}

div.top-header .right {
	text-align: right;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	float: right;
}

div.top-header .right a {
	display: inline-block;
	*display: inline;
	*zoom: 1;
}

div.top-header .right a.header-button {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	padding: 5px 10px;
	border-radius: 5px;
	color: #fff;
}

div.top-header .right a.header-button:hover {
	color: #5b5c5c;
}

div.top-header .right a.header-button.green {
	margin: 0 0 0 5px;
	background: #89bf49;
}

div.top-header .right a.header-button.orange {
	margin: 0 0 0 10px;
	background: #f1b24d;
}

div.top-header .right a.social {
	margin: 0 0 0 0px;
	font-size: 1.2em;
	padding: 0 8px;
}



header {
	background: #000;
	background: rgba(0, 0, 0, .8);
	line-height: 1em;
	color: #fff;
	border-bottom: solid 3px #f1b24d;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 99;
}

header a.logo {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	float: left;
}

header a.logo img {
	max-width: 188px;
	max-height: 84px
}

header a.logo.csic_logo {
	width: 40%;
}

header a.logo.csic_logo img {
	max-width: 450px;
	max-height: 106px;
	width: 100%;
	height: auto;
}

header.smaller a.logo img {
	width: 125px;
	height: auto;
	transition: all 250ms ease;
}

header.smaller .bottom-header .flex-end {
	align-items: center;
	-webkit-align-items: center;
	transition: all 250ms ease;
}

header .bottom-header {
	padding: 10px 0;
}

/* =============================================================================
----------- NAVIGATION ----------- 
========================================================================== */
nav {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	float: right;
	position: relative;
	right: -12px;
	text-transform: uppercase;
}

nav ul {}

nav ul li {
	position: relative;
	display: inline-block;
	*display: inline;
	*zoom: 1;
}

nav ul li a {
	color: #fff;
	font-weight: 500;
	text-decoration: none;
	display: block;
	padding: 7px 12px;
}

nav ul li a:hover,
nav ul li.current-menu-parent > a,
nav ul li.current-menu-item > a {
	color: #f1b24d;
}

nav ul ul {
	display: none;
	position: absolute;
	z-index: 999;
}

nav ul li:hover ul {
	display: block;
	position: absolute;
	width: 240px;
	background: #000;
	background: rgba(0, 0, 0, .8);
	border-bottom: solid 3px #f1b24d;
	padding: 8px 0;
	text-transform: capitalize;
}

nav ul li:hover ul li {
	width: 100%;
	margin: 0 0 5px;
}

nav ul li:hover ul li a:hover {}


/* =============================================================================
----------- Mobile NAVIGATION ----------- 
========================================================================== */
.wdev4-mobile-nav {
	display: none;
}

@media (min-width: 980px) {
	.wdev4-mobile-header {
		display: none;
	}

	.wdev4-mobile-nav-button {
		display: none;
	}
}

@media (max-width: 979px) {
	header {
		display: none;
	}

	.wdev4-mobile-header {
		background: #000;
		background: rgba(0, 0, 0, .9);
		display: -webkit-flex;
		display: flex;
		-webkit-flex-flow: row wrap;
		flex-flow: row wrap;
		align-items: center;
		-webkit-align-items: center;
		-webkit-justify-content: space-between;
		justify-content: space-between;
		padding: 8px 12px;
	}

	.wdev4-mobile-header.sticky {
		background: rgba(0, 0, 0, .8);
		position: fixed;
		width: 100%;
		z-index: 99;
	}

	.wdev4-mobile-header a.logo {
		-webkit-flex: 4;
		flex: 4;
	}

	.wdev4-mobile-header a.logo img {
		width: 100%;
		height: auto;
	}

	.wdev4-mobile-header.sticky a.logo img {
		width: 125px;
		height: auto;
		transition: all 250ms ease;
	}

	.wdev4-mobile-nav-button {
		display: block;
		font-size: 1.8em;
		-webkit-flex: 1;
		flex: 1;
		text-align: right;
		padding: 0 0 0 10px;
		color: #999;
	}

	.wdev4-mobile-nav-button:hover {
		color: #f1b24d;
	}


	html.wdev4-mobile-nav-active {
		position: relative;
		left: -290px;
	}

	html.wdev4-mobile-nav-active header {
		left: -290px;
	}

	html.wdev4-mobile-nav-active .wdev4-mobile-nav {
		width: 290px;
		position: fixed;
		right: 0;
		top: 0;
		z-index: 999;
		overflow: scroll;
		display: block;
		background: #333;
		color: #fff;
		height: 100%;
		padding: 10px;
	}

	html.wdev4-mobile-nav-active .wdev4-mobile-nav a {
		color: #fff;
	}

	html.wdev4-mobile-nav-active .wdev4-mobile-nav a:hover {
		color: #f1b24e;
	}

	html.wdev4-mobile-nav-active .wdev4-mobile-nav ul {
		margin: 0 0 15px;
		padding: 0;
		list-style: none;
	}

	html.wdev4-mobile-nav-active .wdev4-mobile-nav ul ul {
		padding: 0 0 0 20px;
		margin: 0;
	}

	html.wdev4-mobile-nav-active .wdev4-mobile-nav ul li a {
		display: block;
		line-height: 1.3em;
		padding: 7px 12px;
	}

	html.wdev4-mobile-nav-active .wdev4-mobile-nav a.close-wdev4-mobile-nav-button {
		padding: 30px 12px 7px;
		display: block;
	}


	/* Add Ons # # # # # # # # # ## # # # ## # # ## # # # # ## # # # # # # # # ##  */
	.additional-container {
		padding: 0 12px;
	}

	html.wdev4-mobile-nav-active .wdev4-mobile-nav .upcoming-event a {
		color: #f1b24d;
		margin: 0 0 25px;
		display: block;
	}

	html.wdev4-mobile-nav-active .wdev4-mobile-nav .upcoming-event a:hover {
		color: #89bf49;
	}

	html.wdev4-mobile-nav-active .wdev4-mobile-nav .upcoming-event b {
		display: block;
	}

	html.wdev4-mobile-nav-active .wdev4-mobile-nav .social-icons {
		margin: 0 0 15px;
	}

	html.wdev4-mobile-nav-active .wdev4-mobile-nav .social-icons a {
		font-size: 1.2em;
		padding: 0 8px;
	}


	html.wdev4-mobile-nav-active .wdev4-mobile-nav a.header-button {
		display: block;
		padding: 5px 10px;
		border-radius: 5px;
		color: #fff;
		margin: 0 0 15px;
	}

	html.wdev4-mobile-nav-active .wdev4-mobile-nav a.header-button:hover {
		color: #5b5c5c;
	}

	html.wdev4-mobile-nav-active .wdev4-mobile-nav a.header-button.green {
		background: #89bf49;
	}

	html.wdev4-mobile-nav-active .wdev4-mobile-nav a.header-button.orange {
		background: #f1b24d;
	}


}

/* =============================================================================
----------- HOME -----------
========================================================================== */
/* # # # #  Slider ======================================== */
.slider {
	margin: 0 auto;
}

.slider img {
	display: block;
	margin: 0 auto;
	height: auto !important;
	max-height: inherit !important;
	max-width: inherit !important;
}

.tp-video-play-button {
	text-align: center !important;
}

/* # # # #  Home Upcoming Events ======================================== */
.home-upcoming-events {
	padding: 80px 0;
}

.home-upcoming-events article {
	background: #525353;
	color: #fff;
	border-radius: 15px;
	width: 30%;
	margin: 0 5% 0 0;
	float: left;
	padding: 0 0 50px;
	position: relative;
}

.home-upcoming-events article:nth-of-type(3) {
	background: #fc0e33;
}

.home-upcoming-events article:nth-of-type(1) {
	background: #89bf49;
}

.home-upcoming-events article:nth-of-type(2) {
	background: #b826fb;
}

.home-upcoming-events article:last-of-type {
	margin-right: 0;
}

.home-upcoming-events article .content {
	padding: 15px;
}

.home-upcoming-events article a {
	color: #fff;
}

.home-upcoming-events article a:hover {
	color: #fff;
}

.home-upcoming-events article h3 {
	text-transform: uppercase;
	margin: 0 0 10px;
	font-size: 1.8em;
}

.home-upcoming-events article .date {}

.home-upcoming-events article .location {}

.home-upcoming-events article a.learn-more {
	padding: 15px;
	border-top: solid 1px #fff;
	display: block;
	line-height: 1em;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
}

.home-upcoming-events article a.learn-more:hover {
	font-weight: 600;
	transition: all 250ms ease;
}


@media (max-width: 900px) {
	.home-upcoming-events article h3 {
		font-size: 1.3em;
	}
}

@media (max-width: 767px) {

	.home-upcoming-events article,
	.home-upcoming-events article:last-of-type {
		margin: 0 auto 25px;
		display: block;
		float: none;
		width: 100%;
		max-width: 400px;
	}
}


/* # # # #  Mission Section ======================================== */
.mission-section {
	display: block;
	position: relative;
	padding: 0;
	background: #f1b24e;
	color: #000;
	font-size: 1.5em;
	font-weight: 300
}

.mission-section .container {
	padding: 35px 12px;
}

.mission-section h2 {
	color: #fff;
	font-size: 1.3em;
	margin: 0 0 10px;
}

.mission-section section {
	width: 50%;
	float: left;
	z-index: 5;
	position: relative;
	padding: 0;
}

.mission-section section.content {
	padding: 0 25px 0 0;
}

img.mission-star {
	position: absolute;
	left: -5%;
	top: -5%;
	z-index: 0;
	width: auto;
	height: 110%;
}

@media (max-width: 1000px) {
	.mission-section section {
		float: none;
		padding: 0 !important;
		margin: 0 auto 25px;
		width: 100%;
		max-width: 450px;
	}

	.mission-section section.video {
		text-align: center;
		margin: 0 auto 0px;
	}

	.mission-section section a.video-link.alignright {
		float: none;
		margin: 0;
	}

	img.mission-star {
		height: 90%;
		top: 5%;
	}
}

/* # # # #  mission-break-down ======================================== */
.mission-break-down {
	background: #000;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
}

.mission-break-down article {
	background: url('images/educate.jpg') no-repeat center;
	background-size: cover;
	width: 33%;
	width: 33.33333%;
	float: left;
	position: relative;
	padding: 0px;
}

.mission-break-down article:last-of-type {
	margin-right: 0;
}

.mission-break-down article h3 {
	text-transform: uppercase;
	color: #fff;
	font-size: 2em;
	margin: 0;
	height: 100%;
}

.mission-break-down article h3 a {
	display: block;
	background: rgba(0, 0, 0, .5);
	width: 100%;
	text-align: center;
	padding: 175px 12px;
	height: 100%;
	display: -wekbit-flex;
	display: flex;
	-wekbit-justify-content: center;
	justify-content: center;
	-wekbit-align-items: center;
	align-items: center;
	-wekbit-flex-flow: row wrap;
	flex-flow: row wrap;
}

.mission-break-down article h3 a:hover {
	background: rgba(0, 0, 0, .8);
	padding: 0 12px;
}

.mission-break-down article h3 a span.subtext {
	display: block;
	margin: 15px 0 0;
	line-height: 1.2em;
	font-size: .7em;
	padding: 0 0 30px;
	display: none;
	overflow: hidden;
}

.mission-break-down article h3 a:hover span.subtext {
	display: block;
	line-height: 1.2em;
	font-size: .7em;
	height: auto;
	text-transform: initial;
	display: block;
}

.mission-break-down article a {
	color: #fff;
}

.mission-break-down article a.learn-more {
	color: #fff;
	background: #7bad43;
	background: rgba(123, 173, 67, .8);
	width: 100%;
	text-align: center;
	font-size: 1.3em;
	font-weight: 500;
	line-height: 50px;
	display: block;
	position: absolute;
	bottom: 0;
}

.mission-break-down article a.learn-more:hover {
	background: #7bad43;
}

@media (max-width: 1200px) {}

@media (max-width: 1000px) {
	.mission-break-down article {
		width: 100%;
		float: none;
		margin: 0 auto;
	}
}



/* # # # #  section-award-winners-scroll ======================================== */
.section-award-winners-scroll {
	padding: 75px 0;
	width: 100%;
	display: block;
}

.section-award-winners-scroll h3 {
	text-align: center;
	color: #000;
	font-size: 2em;
	margin: 0 auto 35px;
}

.section-award-winners-scroll img {
	display: block;
	margin: 0 auto;
	width: 100%;
}

/* # # # #  section-award-winners-scroll ======================================== */
.section-sponsors-scroll {
	padding: 75px 0;
	width: 100%;
	display: block;
}

.section-sponsors-scroll h3 {
	text-align: center;
	color: #000;
	font-size: 2em;
	margin: 0 auto 35px;
}

.section-sponsors-scroll img {
	display: block;
	margin: 0 auto;
	width: 100%;
}

/* # # # #  .section-newsletter ======================================== */
.section-newsletter {
	padding: 25px 0;
	background: #89bf4a;
	font-size: 1.5em;
	font-weight: 300;
}

.section-newsletter h4 {
	font-size: 1.5em;
	color: #fff;
	margin: 0 0 10px;
	font-weight: 500;
}

.section-newsletter section:first-of-type {
	width: 70%;
	float: left;
	padding: 0 35px 0 0;
}

.section-newsletter section:last-of-type {
	width: 30%;
	float: left;
	text-align: center;
}

.section-newsletter a.wdev4-button {
	font-size: 1.3em;
	border: solid 1px #fff;
}

.section-newsletter a.wdev4-button.orange:hover {
	background: #f46a46;
}





@media (max-width: 767px) {

	.section-newsletter section,
	.section-newsletter section:last-of-type,
	.section-newsletter section:first-of-type {
		width: 100%;
		float: none;
		margin: 0 0 25px;
		text-align: center;
		padding: 0;
	}
}

@media (max-width: 440px) {

	.section-newsletter section,
	.section-newsletter section:last-of-type,
	.section-newsletter section:first-of-type {
		font-size: .8em;
	}
}


/* =============================================================================
----------- PAGES -----------
========================================================================== */
/* # # # #  .header-bg-title ======================================== */

.header-bg-title {
	padding: 17em 0 7em;
	margin: 0 auto 50px;
	display: block;
	width: 100%;
	background: url('images/chicago_innovation_bg_2.jpg') no-repeat;
	background-position: center;
	background-size: cover;
	position: relative;
	text-shadow: 1px 1px 0 #000;
	border-bottom: solid 3px #f1b24e;
	background-attachment: fixed;
}

.header-bg-title .overlay {
	background: rgba(241, 178, 77, .8);
	background: rgba(0, 0, 0, .5);
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 4;
}

body.admin-bar header {
	top: 32px;
}

.header-bg-title .content-container {
	color: #fff;
	text-align: center;
	position: relative;
	z-index: 5;
}

.header-bg-title .content-container img {
	display: block;
	margin: 0 auto;
	width: 100%;
	height: auto;
}

.header-bg-title .content-container span.title,
.header-bg-title .content-container span.title h1 {
	font-size: 55px;
	display: block;
	font-weight: 600;
	margin: 0 0 25px;
	line-height: 1.2em;
	padding: 0 12px;
}

.header-bg-title .content-container span.text {
	font-size: 1.5em;
	display: block;
	line-height: 1.5em;
	padding: 0 12px;
	max-width: 1200px;
	margin: 0 auto 0;
}

@media (max-width: 767px) {
	.header-bg-title {
		padding: 3em 0 2em;
	}

	.header-bg-title .content-container span.title,
	.header-bg-title .content-container span.title h1 {
		font-size: 30px;
		margin: 0 0 10px;
	}

	.header-bg-title .content-container span.text {
		font-size: 1em;
	}
}


/* # # # #  Standard Page Content ======================================== */
.page-area {
	padding: 0;
	margin: 0 auto 0px;
}

.page-content {}

.page-content h1,
.page-content h2,
.page-content h3,
.page-content h4,
.page-content h5 {
	font-weight: 400;
	color: #89bf49;
}

.page-content h1 {
	font-size: 3em;
	margin: 0 0 20px;
	font-weight: 600;
}

.page-content h2 {
	font-size: 1.7em;
	margin: 0 0 10px;
	font-weight: 600;
}

.page-content h3 {
	font-size: 1.4em;
	margin: 0 0 10px;
}

.page-content h4 {
	font-size: 1.2em;
	margin: 0 0 10px;
}

.page-content ul {
	padding: 0 0 0 40px;
	margin: 0 0 15px;
	text-align: left;
}




/* SECTIONS */

.page-content section {
	margin: 0 0 50px;
	border-bottom: solid 1px rgba(137, 191, 73, .3);
	border-bottom: solid 1px #89bf49;
	border-bottom: none;
	padding: 0 0 50px;
}

.page-content section.center {
	text-align: center;
	display: block;
	margin: 0 auto 35px;
}

.page-content section.center h2 {
	margin: 0 0 35px;
	font-size: 2em;
}

.page-content section.center ul {
	text-align: left;
	display: inline-block;
}

.page-content section.center:last-of-type {
	border: none;
}

.page-content section.center p:last-of-type {
	margin: 0 0 35px;
}

.page-content section.zero,
.page-content section.nomargin,
.page-content section.nopadding {
	margin: 0 auto;
	padding: 0;
}

@media (max-width: 1000px) {
	.page-content h1 {
		font-size: 2em;
	}

	.page-content h2 {
		font-size: 1.8em;
	}
}




/* # # # #  Standard Page with sidebar ======================================== */
.page-content.page-with-sidebar {
	width: 68%;
	float: left;
	margin-right: 2%;
}

aside {
	width: 30%;
	float: left;
}

aside input#search {
	display: block;
	padding: 4px;
	width: 100%;
	margin: 0 0 25px;
}

aside div.widget {
	margin: 0 0 25px;
}

aside h3 {
	margin: 0 0 10px;
}

aside ul {
	margin: 0;
	padding: 0 0 0 30px;
}


@media (max-width: 767px) {

	.page-content.page-with-sidebar,
	aside {
		width: 100%;
		float: none;
		margin: 0 0 35px;
	}

}

/* =============================================================================
----------- About PAGE page-about.php -----------
========================================================================== */
.page-about-banner {
	display: block;
	margin: 0 auto;
	max-width: 880px;
}

.page-about-banner span.top {
	text-transform: uppercase;
	font-weight: 900;
	font-size: .8em;
	line-height: 1em;
}

.page-about-banner h1 {
	margin: 0 auto 25px;
}

.page-about-banner p {}


.page-about-benefits-wrapper {
	display: flex;
	display: -webkit-flex;
	flex-flow: row wrap;
	-webkit-flex-flow: row wrap;
	background: #000;
	background-image: url(../../uploads/2017/05/14680774_1532113253471931_7741219717664816348_n.jpg);
	background-attachment: fixed;
}

.page-about-benefits-wrapper article {
	background: #000;
	color: #fff;
	width: 50%;
	text-align: center;
	padding: 50px 12px;
	font-size: 1.5em;
	line-height: 1.5em;
	font-weight: 600;
	display: flex;
	display: -webkit-flex;
	align-items: center;
	-webkit-align-items: center;
}

.page-about-benefits-wrapper article:nth-of-type(1) {
	background: #000;
	background: rgba(0, 0, 0, .8);
}

.page-about-benefits-wrapper article:nth-of-type(2) {
	background: #000;
	background: rgba(183, 1, 51, .8);
}

.page-about-benefits-wrapper article:nth-of-type(3) {
	background: #000;
	background: rgba(159, 33, 216, .8);
}

.page-about-benefits-wrapper article:nth-of-type(4) {
	background: #000;
	background: rgba(207, 151, 57, .8);
}

.page-about-benefits-wrapper article .content {
	display: block;
	margin: 0 auto;
	max-width: 440px;
}

.page-about-benefits-wrapper article h2 {
	color: #fff;
	text-transform: uppercase;
}

.page-about-benefits-wrapper article p {}

.page-about-benefits-wrapper article ul {
	display: inline-block;
	text-align: left;
}


@media (max-width: 700px) {
	.page-about-benefits-wrapper article {
		width: 100%;
	}
}







.page-about-green-large-text {
	padding: 100px 12px;
	background: #8bc53f;
	color: #fff;
	text-align: center;
}

.page-about-green-large-text h3 {
	font-size: 3em;
}


.page-about-title-with-background-area {
	padding: 100px 12px;
	font-size: 1.5em;
	text-align: center;
	background: #000;
	color: #fff;
	position: relative;
	background-attachment: fixed;
	background-image: url('../../uploads/2017/07/Celebrating-Chicago-Women-in-Innovation-Huffington-Post.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	border-bottom: solid 3px #f1b24e;
	min-height: 75vh;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
}

.page-about-title-with-background-area .content {
	position: relative;
	z-index: 5;
	display: block;
	margin: 0 auto;
	max-width: 800px;
	width: 100%;
}

.page-about-title-with-background-area .content img {
	width: 100%;
	height: auto;
}

.page-about-title-with-background-area .overlay {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .5);
	z-index: 1;
}

.page-about-title-with-background-area h3 {
	font-size: 2em;
	margin: 0 auto 10px;
}

.page-about-title-with-background-area *:last-child {
	margin: 0;
}

.page-about-title-with-background-area.community-building {}

.page-about-title-with-background-area.celebrating-chicagos-brand {}

.page-about-title-with-background-area.supporting-women {}

.page-about-title-with-background-area.empowering-youth {}

.page-about-title-with-background-area.inclusivity {}

.page-about-title-with-background-area.experiental-learning {}

.page-about-title-with-background-area.company-collaboration {}

.page-about-title-with-background-area.supporting-winners {}


/* MONTH VIEW OF EVENTS */
.month-calendar-event-of-events-list {
	display: flex;
	display: -webkit-flex;
	flex-flow: row wrap;
	-webkit-flex-flow: row wrap;
	border-bottom: solid 3px #f1b24e;
}

.month-calendar-event-of-events-list div.month {
	width: 25%;
	padding: 25px 12px;
	min-height: 200px;
	text-align: center;
	display: flex;
	display: -webkit-flex;
	align-items: center;
	-webkit-align-items: center;
	justify-content: center;
	-webkit-justify-content: center;
	background-image: url('../../uploads/2017/04/17760178_1718051241544797_4743542790237239214_n.jpg');
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	position: relative;
}

.month-calendar-event-of-events-list div.month div.overlay {
	background: rgba(0, 0, 0, .5);
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 5;
}

.month-calendar-event-of-events-list div.month:nth-child(3n+1) div.overlay {
	background: rgba(166, 39, 217, .6);
}

.month-calendar-event-of-events-list div.month:nth-child(3n+1):hover div.overlay {
	background: rgba(166, 39, 217, .8);
}

.month-calendar-event-of-events-list div.month:nth-child(3n+2) div.overlay {
	background: rgba(200, 148, 66, .6);
}

.month-calendar-event-of-events-list div.month:nth-child(3n+2):hover div.overlay {
	background: rgba(200, 148, 66, .8);
}

.month-calendar-event-of-events-list div.month:nth-child(3n+3) div.overlay {
	background: rgba(214, 19, 48, .6);
	background: rgba(133, 190, 79, .6);
}

.month-calendar-event-of-events-list div.month:nth-child(3n+3):hover div.overlay {
	background: rgba(214, 19, 48, .8);
	background: rgba(133, 190, 79, .8);
}

.month-calendar-event-of-events-list div.month div.content {
	position: relative;
	z-index: 8;
}

.month-calendar-event-of-events-list div.month div.content h3 {
	margin: 0 0 15px;
	color: #fff;
	font-size: 2em;
}

.month-calendar-event-of-events-list div.month div.content h4 {
	margin: 0 0 0px;
	color: #fff;
}

.month-calendar-event-of-events-list div.month div.content a {
	color: #fff;
}

.month-calendar-event-of-events-list div.month div.content a:hover {
	color: #89bf49;
}

.month-calendar-event-of-events-list div.month div.content article {
	margin: 0 0 10px;
	color: #fff;
}

@media (max-width: 1000px) {
	.month-calendar-event-of-events-list div.month {
		width: 33%;
		width: 33.33333%;
	}
}

@media (max-width: 767px) {
	.month-calendar-event-of-events-list div.month {
		width: 50%;
	}
}


/* =============================================================================
----------- EVENTS PAGE -----------
========================================================================== */
.page-area.page-events,
.page-area.page-events .container {
	padding: 0;
}

.page-area.page-events .container {
	max-width: none;
}

.events-programs-list article {
	float: left;
	background-image: url(https://chicagoinnovation.com/wp-content/themes/Chicago_Innovation/images/mission-star-gold-50.png);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	background-attachment: fixed;
	padding: 200px 12px;
	text-align: center;
	color: #fff;
	font-size: 1.3em;
	position: relative;
}

.events-programs-list article.event {
	width: 50%;
	flex: 50%;
	-webkit-flex: 50%;
	background-attachment: initial;
}

.events-programs-list article.program {
	width: 100%;
	flex: 100%;
	-webkit-flex: 100%;
	border-bottom: solid 3px #f1b24e;
}

.page-id-40 .header-bg-title {
	border-bottom: solid 3px #f1b24e;
}

.events-programs-list article .overlay {
	background: rgba(0, 0, 0, .4);
	position: absolute;
	z-index: 1;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.events-programs-list article:hover .overlay {
	background: rgba(0, 0, 0, .7);
	transition: all ease 250ms;
}

/*.events-programs-list article.event:nth-child(4n+2) .overlay {
    background: rgba(111,156,63,.4);    
}
.events-programs-list article.event:nth-child(4n+2):hover .overlay {
    background: rgba(111,156,63,.7);    
}*/
.events-programs-list article.event:nth-child(3n+1) .overlay {
	background: rgba(166, 39, 217, .4);
}

.events-programs-list article.event:nth-child(3n+1):hover .overlay {
	background: rgba(166, 39, 217, .7);
}

.events-programs-list article.event:nth-child(3n+2) .overlay {
	background: rgba(200, 148, 66, .4);
}

.events-programs-list article.event:nth-child(3n+2):hover .overlay {
	background: rgba(200, 148, 66, .7);
}

.events-programs-list article.event:nth-child(3n+3) .overlay {
	background: rgba(214, 19, 48, .4);
}

.events-programs-list article.event:nth-child(3n+3):hover .overlay {
	background: rgba(214, 19, 48, .7);
}




.events-programs-list article.program img.program-logo {
	display: block;
	width: 80%;
	height: auto;
	margin: 0 auto 25px;
}

.events-programs-list article .content-container {
	position: relative;
	z-index: 9;
	padding: 0 12px;
	font-size: 1.5em;
	font-weight: 500;
	max-width: 800px;
	display: block;
	margin: 0 auto;
}

.events-programs-list article.program .content-container {
	font-size: 1.2em;
}

.events-programs-list article span.title-month a,
.events-programs-list article h3 a,
.events-programs-list article.event h3 {
	color: #fff;
}

.events-programs-list article span.title-month {
	font-size: 1.8em;
	display: block;
	line-height: 1em;
	margin: 0 auto 25px;
}

.events-programs-list article h3 {
	font-size: 1em;
	font-weight: 700;
	margin: 0 0 25px;
	font-weight: 600;
}

.events-programs-list article.program h3 {
	font-size: 1.8em;
}

.events-programs-list article a.learn-more {
	margin: 0 0px;
	font-size: .7em;
}

.events-programs-list article b {
	display: block;
}

.events-programs-list article p {
	margin: 0 0 15px;
}

.events-programs-list article p:last-of-type {
	margin: 0 0 25px;
}

@media (max-width: 1000px) {

	.events-programs-list article,
	.events-programs-list article.event {
		float: none;
		width: 100%;
		flex: inherit;
		-webkit-flex: inherit;
	}
}

@media (max-width: 540px) {
	.events-programs-list article {
		padding: 100px 12px;
		font-size: 1em;
	}
}

/* =============================================================================
----------- SINGLE EVENTS PAGE -----------
========================================================================== */
.single-events {}

.title-and-details {
	display: block;
	padding: 10px;
	background: #89bf4a;
	color: #fff;
	margin: 0 0 10px;
}

.title-and-details h1 {
	color: #fff;
	margin: 0 0 10px;
}

.title-and-details .data-meta {
	margin: 0;
	font-size: 1.3em;
}

.single_events_desktop_only {
	display: block;
}

.single_events_mobile_only {
	display: none;
}


aside.event-details {}

aside.event-details h4 {
	line-height: 1em;
	display: block;
	padding: 8px;
	background: rgba(255, 255, 255, 0.7);
	margin: 0 0 10px;
	font-size: 1.5em;
}

aside.event-details .widget-container {
	padding: 20px;
	background: #f1b24d;
	margin: 0 0 25px;
}

aside.event-details .widget-container:last-of-type {
	margin: 0 0 0px;
}

aside.event-details a.wdev4-button {
	margin: 0;
	display: block;
	color: #fff;
	background: #89bf4a;
	border: solid 2px #fff;
}

aside.event-details a.wdev4-button:hover {
	background: #f1b24d;
	border: solid 2px #fff;
}

@media (max-width: 1000px) {
	.single_events_innovation_container {
		display: -webkit-flex;
		display: flex;
		-webkit-flex-flow: row wrap;
		flex-flow: row wrap;
	}

	.page-content.single-events {
		-webkit-order: 2;
		order: 2;
		width: 100%;
		float: none;
		margin: 0 auto 75px;
	}

	aside.event-details {
		-webkit-order: 1;
		order: 1;
		width: 100%;
		float: none;
		margin: 0 auto 0px;
	}

	.single_events_desktop_only {
		display: none;
	}

	.single_events_mobile_only {
		display: block;
	}
}

/* =============================================================================
----------- SPONSORS PAGE -----------
========================================================================== */
.page-id-35 section.testimonial_w_text_block:nth-of-type(3) {}

.page-id-35 section.testimonial_w_text_block:nth-of-type(3) .testimonial_column {
	border-top: 0;
	border-bottom: 20px solid #89bf49;
}

.page-id-35 section.testimonial_w_text_block:nth-of-type(3) .text_column,
.page-id-35 section.testimonial_w_text_block:nth-of-type(3) .testimonial_column {
	border-top: solid 3px #f1b24d;
}


.page_content .page-sponsors {}

.page_content .page-sponsors h2 {
	text-align: center;
	margin: 0 0 50px;
	font-weight: 600;
	border-bottom: solid 2px #89bf49;
	padding: 0 0 10px;
	box-shadow: 0 8px 8px -5px rgba(0, 0, 0, .1);
	text-transform: capitalize;
}

.page_content .page-sponsors section {
	padding: 25px 0;
}

.kuczmarski {
	padding: 125px 12px 0;
	text-align: center;
}

.kuczmarski img {
	display: block;
	margin: 0 auto 10px;
	width: 100%;
	max-width: 300px !important;
	height: auto;
}

/* # # # #  DIAMOND SPONSORS ======================================== */
.sponsors-diamond {}

.sponsors-diamond article {
	width: 50%;
	float: left;
	margin: 0 0 35px;
	padding: 0 12px;
}

.sponsors-diamond article img {
	width: 100%;
	height: auto;
	display: block;
	margin: 0 auto;
	max-width: 425px !important;
	max-height: 425px !important;
}

@media (max-width: 600px) {
	.sponsors-diamond article {
		width: 50%;
		flex: 50%;
		float: left;
	}
}

@media (max-width: 440px) {
	.sponsors-diamond article {
		width: 100%;
		flex: 100%;
		float: none;
	}
}


/* # # # #  GOLD SPONSORS ======================================== */
.sponsors-gold {}

.sponsors-gold article {
	width: 33%;
	width: 33.33333%;
	flex: 33.3333%;
	float: left;
	margin: 0 0 35px;
	padding: 0 12px;
}

.sponsors-gold article img {
	width: 100%;
	height: auto;
	display: block;
	margin: 0 auto;
	max-width: 350px !important;
	max-height: 350px !important;
}

@media (max-width: 600px) {
	.sponsors-gold article {
		width: 50%;
		flex: 50%;
		float: left;
	}
}

@media (max-width: 440px) {
	.sponsors-gold article {
		width: 100%;
		flex: 100%;
		float: none;
	}
}

/* # # # # SILVER SPONSORS ======================================== */
.sponsors-silver {}

.sponsors-silver article {
	width: 33%;
	width: 33.33333%;
	flex: 33.3333%;
	float: left;
	margin: 0 0 35px;
}

.sponsors-silver article img {
	width: 100%;
	height: auto;
	display: block;
	margin: 0 auto;
	max-width: 300px !important;
	max-height: 300px !important;
}

@media (max-width: 600px) {
	.sponsors-silver article {
		width: 50%;
		flex: 50%;
		float: left;
	}
}

@media (max-width: 440px) {
	.sponsors-silver article {
		width: 100%;
		flex: 100%;
		float: none;
	}
}


/* # # # # BRONZE SPONSORS ======================================== */
.sponsors-bronze {}

.sponsors-bronze article {
	width: 25%;
	flex: 25%;
	margin: 0 0 35px;
	float: left;
	padding: 0 15px;
}

.sponsors-bronze article img {
	width: 100%;
	height: auto;
	display: block;
	margin: 0 auto;
	max-width: 250px !important;
	max-height: 250px !important;
}

@media (max-width: 440px) {
	.sponsors-bronze article {
		width: 50%;
		flex: 50%;
		float: left;
	}
}


/* # # # # MEDIA PARTNERS SPONSORS ======================================== */
.sponsors-media-partners {}

.sponsors-media-partners article {
	width: 20%;
	flex: 20%;
	margin: 0 0 35px;
	float: left;
}

.sponsors-media-partners article img {
	width: 100%;
	height: auto;
	display: block;
	margin: 0 auto;
	max-width: 200px !important;
	max-height: 200px !important;
}

@media (max-width: 440px) {
	.sponsors-media-partners article {
		width: 33%;
		width: 33.333%;
		flex: 33.3333%;
		float: left;
	}
}


/* # # # #  PROGRAM SPONSORS ======================================== */
.sponsors-program {}

.sponsors-program article {
	width: 100%;
	flex: 100%;
	float: left;
	margin: 0 0 35px;
	padding: 0 12px;
}

.sponsors-program article img {
	width: 100%;
	height: auto;
	display: block;
	margin: 0 auto;
}


/* # # # #  WOMENS MENTORING COOP SPONSORS ======================================== */
.sponsors-womens {}

.sponsors-womens article {
	width: 25%;
	flex: 25%;
	margin: 0 0 35px;
	padding: 0 12px;
	float: left;
}

.sponsors-womens article:first-of-type {
	width: 100%;
	flex: 100%;
	margin: 0 0 35px;
	float: left;
}

.sponsors-womens article img {
	width: 100%;
	height: auto;
	display: block;
	margin: 0 auto;
	max-width: 250px !important;
	max-height: 250px !important;
}

@media (max-width: 440px) {
	.sponsors-womens article {
		width: 50%;
		flex: 50%;
		float: left;
	}
}



/* # # # #  CSIC SPONSORS ======================================== */
.sponsors-csic_sponsors {}

.sponsors-csic_sponsors article {
	width: 25%;
	flex: 25%;
	margin: 0 0 35px;
	float: left;
}

.sponsors-csic_sponsors article:first-of-type {
	width: 100%;
	flex: 100%;
	margin: 0 0 35px;
	float: left;
}

.sponsors-csic_sponsors article img {
	width: 100%;
	height: auto;
	display: block;
	margin: 0 auto;
	max-width: 250px !important;
	max-height: 250px !important;
}

@media (max-width: 440px) {
	.sponsors-csic_sponsors article {
		width: 50%;
		flex: 50%;
		float: left;
	}
}




/* # # # # Major contributing SPONSORS ======================================== */
.sponsors-major {}

.sponsors-major article {
	width: 20%;
	flex: 20%;
	margin: 0 0 35px;
	float: left;
}

.sponsors-major article img {
	width: 100%;
	height: auto;
	display: block;
	margin: 0 auto;
}

.sponsors-major article img {
	max-width: 200px !important;
	max-height: 200px !important;
}

@media (max-width: 440px) {
	.sponsors-major article {
		width: 33%;
		width: 33.333%;
		flex: 33.3333%;
		float: left;
	}
}



/* =============================================================================
----------- MEMBERS PAGE -----------
========================================================================== */

.become_a_member_benefit_boxes {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

.become_a_member_benefit_boxes article {
	width: 25%;
	float: left;
	padding: 0px;
}

.become_a_member_benefit_boxes article img {
	margin: 0;
	width: 100%;
	height: auto;
}

.become_a_member_benefit_boxes article p {
	display: none;
}

.become_a_member_benefit_boxes article h3 {
	background: rgba(137, 191, 73, .1);
	padding: 20px 8px;
	color: #444;
	font-weight: 100;
	height: 75px;
	font-size: 1.2em;
	max-width: 300px;
	margin: 0 auto;
}

@media (max-width: 1000px) {
	.become_a_member_benefit_boxes article {
		width: 50%;
		margin: 0 0 20px;
	}
}

@media (max-width: 540px) {
	.become_a_member_benefit_boxes article {
		width: 100%;
		float: none;
		margin: 0 0 20px;
	}
}

/* # # # #  corporate members ======================================== */
.members-corporate {}

.members-corporate article {
	width: 33%;
	width: 33.33333%;
	flex: 33.3333%;
	float: left;
	margin: 0 0 35px;
	padding: 0 12px;
}

.members-corporate article img {
	width: 100%;
	height: auto;
	display: block;
	margin: 0 auto;
	max-width: 250px !important;
	max-height: 250px !important;
}

@media (max-width: 600px) {
	.members-corporate article {
		width: 50%;
		flex: 50%;
		float: left;
	}
}

@media (max-width: 440px) {
	.members-corporate article {
		width: 100%;
		flex: 100%;
		float: none;
	}
}

.members-individual {}

.page-content section.center .members-individual ul {
    display: flex;
    flex-flow: row wrap;
}
.members-individual ul li {
	width: 25%;
	flex: 25%;
	padding: 0 10px 0 0;
	float: left;
}

@media (max-width: 1000px) {
	.members-individual ul li {
		width: 33%;
		width: 33.3333%;
		flex: 33%;
		padding: 0 10px 0 0;
		float: left;
	}
}

@media (max-width: 800px) {
	.members-individual ul li {
		width: 50%;
		flex: 50%;
		padding: 0 10px 0 0;
		float: left;
	}
}

@media (max-width: 500px) {
	.members-individual ul li {
		width: 100%;
		flex: 100%;
		padding: 0 10px 0 0;
		float: none
	}
}


/* =============================================================================
----------- NEW MEMBERS PAGE September 2020 -----------
========================================================================== */
.dataTables_paginate .pagination {
    display: flex !important;
    justify-content: flex-end !important;
    align-items: center !important;
    margin: 0 !important;
}
.dataTables_paginate .pagination .paginate_button {
    /* flex: 1; */
    list-style: none !important;
    padding: 0px !important;
    margin: 0 5px !important;
}
.dataTables_paginate .pagination .paginate_button a {
    padding: 5px !important;
    margin: 0 !important;
    color: #7e7e7e !important;
}
.dataTables_paginate .pagination .paginate_button.active a {
    background-color: #7e7e7e !important;
    color: #ffffff !important;
}




/* =============================================================================
----------- PROGAMS PAGE -----------
========================================================================== */
.page-area.page-events,
.page-area.page-events .container {
	padding: 0;
}

.page-area.page-events .container {
	max-width: none;
}

/* =============================================================================
----------- single-events_innovation.php  -----------
========================================================================== */
.events-no-space-images {
	margin: 0 0 25px;
}

.events-no-space-images img,
.events-no-space-images p {
	margin: 0 auto;
}

/* =============================================================================
----------- team-member-list -----------
========================================================================== */
.team-member-list {}

.team-member-list article {
	padding: 0 25px 0 0;
	margin: 0 0 35px;
}

.team-member-list article img {
	width: 100%;
	height: auto;
	max-width: 300px !important;
	display: block;
	margin: 0 0 15px;
}

.team-member-list article h3 {
	border-bottom: solid 1px #89bf49;
	padding: 0 0 5px;
}

.team-member-list article div.connect-links {
	font-size: 1.5em;
}

.team-member-list article div.connect-links i.fa,
.team-member-list article div.connect-links .svg-inline--fa {
	margin: 0 10px 0 0;
}

.team-member-list article a.read-more {
	display: block;
	margin-top: 15px;
}

@media (min-width: 1000px) {
	.team-member-list article {
		width: 25%;
		float: left;
	}

	.team-member-list article:nth-of-type(4n+1) {
		clear: left;
	}
}

@media (min-width: 600px) and (max-width: 999px) {
	.team-member-list article {
		width: 33%;
		width: 33.3333%;
		float: left;
	}

	.team-member-list article:nth-of-type(3n+1) {
		clear: left;
	}
}

@media (max-width: 599px) {
	.team-member-list article {
		width: 50%;
		float: left;
		padding: 0 25px 0 0;
		margin: 0 0 35px;
	}

	.team-member-list article:nth-of-type(2n+1) {
		clear: left;
	}
}


/* =============================================================================
----------- board-member-list -----------
========================================================================== */
.nav-horizontal-view ul {
	list-style: none;
	margin: 0 0 25px;
	padding: 0;
	position: relative;
	left: -7px;
}

.nav-horizontal-view ul li {
	display: inline-block;
}

.nav-horizontal-view ul li a {
	display: block;
	line-height: 1em;
	padding: 7px 10px;
}

.nav-horizontal-view ul li.current-menu-item a {
	color: #f1b24d;
}

.board-member-list {}

.board-member-list article {
	padding: 0 25px 0 0;
	margin: 0 0 35px;
}

.board-member-list article img {
	width: 100%;
	height: auto;
	max-width: 300px;
	display: block;
	margin: 0 0 15px;
}

.board-member-list article h3 {
	border-bottom: solid 1px #89bf49;
	padding: 0 0 5px;
}

.board-member-list article a.read-more {
	display: block;
	margin-top: 15px;
}

.board-member-list .speaker_company {
	line-height: 1.2em;
	display: block;
	margin: 0 0 5px;
}

.board-member-list .speaker_title {
	line-height: 1.2em;
	display: block;
	margin: 0 0 5px;
}

@media (min-width: 1000px) {
	.board-member-list article {
		width: 20%;
		float: left;
	}

	.board-member-list article:nth-of-type(4n+1) {
		clear: left;
	}
}

@media (min-width: 600px) and (max-width: 999px) {
	.board-member-list article {
		width: 33%;
		width: 33.3333%;
		float: left;
	}

	.board-member-list article:nth-of-type(3n+1) {
		clear: left;
	}
}

@media (max-width: 599px) {
	.board-member-list article {
		width: 50%;
		float: left;
		padding: 0 25px 0 0;
		margin: 0 0 35px;
	}

	.board-member-list article:nth-of-type(2n+1) {
		clear: left;
	}
}



/* =============================================================================
----------- judge-list -----------
========================================================================== */
.judge-list {}

.judge-list article {
	padding: 0 25px 0 0;
	margin: 0 0 35px;
}

.judge-list article img {
	width: 100%;
	height: auto;
	max-width: 300px;
	display: block;
	margin: 0 0 15px;
}

.judge-list article h3 {
	border-bottom: solid 1px #89bf49;
	padding: 0 0 5px;
}

.judge-list article div.connect-links {
	font-size: 1.5em;
}

.judge-list article div.connect-links i.fa,
.judge-list article div.connect-links .svg-inline--fa {
	margin: 0 10px 0 0;
}

.judge-list article a.read-more {
	display: block;
	margin-top: 15px;
}

@media (min-width: 1000px) {
	.judge-list article {
		width: 25%;
		float: left;
	}

	.judge-list article:nth-of-type(4n+1) {
		clear: left;
	}
}

@media (min-width: 600px) and (max-width: 999px) {
	.judge-list article {
		width: 33%;
		width: 33.3333%;
		float: left;
	}

	.judge-list article:nth-of-type(3n+1) {
		clear: left;
	}
}

@media (max-width: 599px) {
	.judge-list article {
		width: 50%;
		float: left;
		padding: 0 25px 0 0;
		margin: 0 0 35px;
	}

	.judge-list article:nth-of-type(2n+1) {
		clear: left;
	}
}

/* =============================================================================
----------- page-videos.php -----------
========================================================================== */
.videos-list {}

.videos-list article {
	padding: 0 25px 0 0;
	margin: 0 0 35px;
}

.videos-list article img {
	width: 100%;
	height: auto;
	display: block;
	margin: 0 0 15px;
}

.videos-list article h3 {
	border-bottom: solid 1px #89bf49;
	padding: 0 0 5px;
}

.videos-list article div.connect-links {
	font-size: 1.5em;
}

.videos-list article div.connect-links i.fa,
.videos-list article div.connect-links .svg-inline--fa {
	margin: 0 10px 0 0;
}

.videos-list article a.read-more {
	display: block;
	margin-top: 15px;
}

@media (min-width: 1000px) {
	.videos-list article {
		width: 25%;
		float: left;
	}

	.videos-list article:nth-of-type(4n+1) {
		clear: left;
	}
}

@media (min-width: 600px) and (max-width: 999px) {
	.videos-list article {
		width: 33%;
		width: 33.3333%;
		float: left;
	}

	.videos-list article:nth-of-type(3n+1) {
		clear: left;
	}
}

@media (max-width: 599px) {
	.videos-list article {
		width: 50%;
		float: left;
		padding: 0 25px 0 0;
		margin: 0 0 35px;
	}

	.videos-list article:nth-of-type(2n+1) {
		clear: left;
	}
}



/* =============================================================================
-----------  Winners  PAGE page-winners.php -----------
========================================================================== */
.page-winners {}

.page-winners h2 {
	text-align: center;
	margin: 0 0 50px;
	font-size: 2em;
}

.current-year-winners {
	background: #efefef;
	padding: 100px 0;
	margin: 0 0 100px;

}

.winners-search-box {
	width: 100%;
	height: auto;
	background: #fff;
	z-index: 8;
	padding: 10px 0;
	margin: 0 auto 35px;
	position: relative;
}

.winners-search-box-space-holder {
	padding: 0;
	margin: 0;
	height: 0;
	width: 100%;
	display: block;
}

.winners-search-box.fixed {
	position: fixed;
	top: 79px;
	left: 0;
}

body.admin-bar .winners-search-box.fixed {
	position: fixed;
	top: 110px;
	left: 0;
}

.winners-search-box h2 {
	text-align: center;
	color: #89bf49;
	display: block;
	width: 100%;
	margin: 0 auto 10px;
	font-size: 1.5em;
}

.winners-search-box div.container {
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	margin: 0 auto;
	padding: 0px 0;
}

.winners-search-box input,
.winners-search-box div,
.winners-search-box select,
.winners-search-box a,
.winners-search-box span,
.winners-search-box p {
	flex: 1;
	-webkit-flex: 1;
	margin: 0;
	text-align: center;
	padding: 0 5px;
	width: 100%;
}

.winners-search-box fieldset {
	margin: 0 0 35px;
}

.winners-search-box fieldset div {
	width: 25%;
	float: left;
}

.winners-search-box fieldset.award-types {}

.winners-search-box fieldset.award-types div {
	position: relative;
}

.winners-search-box fieldset.award-types div span {
	display: none;
}

.winners-search-box fieldset.award-types div:hover span {
	display: block;
	position: absolute;
	background: #fff;
	z-index: 9999;
	box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, .1);
	border-radius: 15px;
	padding: 15px;
	left: 30px;
	top: 45px;
}

.winners-list,
.current-year-winners-list {
	margin: 0 0 0px;
	display: flex;
	display: -webkit-flex;
	flex-flow: row wrap;
	-webkit-flex: row wrap;
}

.winners-list article,
.current-year-winners-list article {
	width: 12%;
	width: 12.5%;
	position: relative;
	float: left;
	margin: 0 0 15px;
	padding: 0 15px 0 0
}

.winners-list article a,
.current-year-winners-list article a {
	height: 100%;
	display: -webkit-flex;
	display: flex;
}

.winners-list.special-guests-list article {
	width: 20%;
}

article.special_award_recipient .image-wrapper::before {
	content: " ";
	background: url('images/special-winners-ribbon-graphic.png');
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 40px;
	background-repeat: no-repeat;
	background-position: right;
}

.winners-list article .image-wrapper,
.current-year-winners-list article .image-wrapper {
	border: solid 1px #eee;
	width: 100%;
	margin: 0 0 0px;
	position: relative;
	display: flex;
	display: -webkit-flex;
	align-items: center;
	-webkit-align-items: center;
	justify-content: center;
	-webkit-justify-content: center;
	padding: 10px;
	background: #fff;
}

.winners-list article .image-wrapper:after,
.current-year-winners-list article .image-wrapper:after {
	content: ' ';
	display: block;
	padding: 0 0 100%;
}

.winners-list article img,
.current-year-winners-list article img {
	width: 100%;
	height: auto;
	margin: 0;
	display: nne;
}


.winners-list article:nth-of-type(6n+7),
.current-year-winners-list article:nth-of-type(6n+7) {
	clear: both;
}

@media (max-width: 768px) {

	.winners-list article,
	.current-year-winners-list article {
		width: 20%;
	}
}

@media (max-width: 580px) {

	.winners-list article,
	.current-year-winners-list article {
		width: 33%;
		width: 33.3333%;
	}
}


/* Past Winners Stats Block */
.winner-stats-block {
	margin: 0 0 50px;
}

.winner-stats-block article {
	-webkit-flex: 1;
	flex: 1;
	text-align: center;
	color: #fff;
	font-size: 1.5em;
	line-height: 1.5em;
	padding: 25px 10px;
}

.winner-stats-block article:nth-child(1) {
	background: #f3b343;
}

.winner-stats-block article:nth-child(2) {
	background: #ba00ff;
}

.winner-stats-block article:nth-child(3) {
	background: #87c141;
}

.winner-stats-block article img {
	margin: 0 auto 1em !important;
	max-height: 63px !important;
	width: auto !important;
}

.winner-stats-block article h2 {
	color: #fff;
}

.winner-stats-block article p {}

@media (max-width: 680px) {
    .winner-stats-block .flex-area {
    	flex-flow: row wrap !important;
    	justify-content: center !important;
    }
    .winner-stats-block article {
    	flex: 100% !important;
    	width: 100% !important;
    	max-width: 480px !important;
    }
}
/* =============================================================================
----------- single.php  -----------
========================================================================== */
.page-single {}

.page-single h1 {
	margin: 0;
}

.page-single .connect-links {
	font-size: 1.5em;
	margin: 0 0 15px;
}

.page-single .connect-links i.fa,
.page-single .connect-links .svg-inline--fa {
	margin-right: 10px;
}

.page-single .meta {
	margin: 0 0 25px;
	line-height: 1em;
	font-weight: 600;
	display: block;
}


.single-left-sidebar {}

.single-left-sidebar aside {
	padding: 0 35px 0 0;
}

/*photos */
#wdev4-gallery-2 .gallery-caption,
.fancybox-opened .fancybox-title {
	display: none;
}

.gallery-caption {
	display: block;
	padding: 20px 0;
	margin: 0 auto 50px !important;
	max-width: 540px;
}

/* =============================================================================
----------- single-innovation_winners.php  -----------
========================================================================== */
.single-innovation_winners h1 {
	margin: 0 0 15px;
}

.single-innovation_winners .award-winner-meta {
	margin: 0 0 15px;
}

/* =============================================================================
----------- Chicago Innovation Awards Programs Page -----------
========================================================================== */
.display_timeline {
	display: flex;
	display: -webkit-flex;
	font-size: 1.2em;
	position: relative;
}

.display_timeline:after {
	content: ' ';
	display: block;
	background: #89bf49;
	padding: 4px;
	width: 86%;
	position: absolute;
	z-index: 3;
	top: 48px;
	left: 7%;
}

.display_timeline article {
	flex: 1;
	-webkit-flex: 1;
	text-align: center;
	position: relative;
	z-index: 9;
}

.display_timeline article img {
	width: 100%;
	height: 100%;
	max-width: 100px !important;
	max-height: 100px !important;
	margin: 0 auto 5px;
	border-radius: 200px;
}

.display_timeline article b {
	color: #c326ff;
	display: block;
}

.display_timeline article span {
	color: #666;
	display: block;
}


@media (max-width: 980px) {
	.display_timeline {
		-webkit-flex-flow: row wrap;
		flex-flow: row wrap;
	}

	.display_timeline:after {
		display: none;
	}

	.display_timeline article {
		width: 33%;
		width: 33.333%;
		flex: inherit;
		-webkit-flex: inherit;
		margin: 0 0 25px;
	}
}

@media (max-width: 700px) {
	.display_timeline article {
		width: 50%;
	}
}

.get-involved {
	font-size: 1.2em;
	display: flex;
	display: -webkit-flex;
	-webkit-justify-content: space-around;
	justify-content: space-around;
}

.get-involved a.wdev4-button {
	min-width: 200px;
	font-size: 1.3em;
	padding: 20px 15px;
}

@media (max-width: 1000px) {
	.get-involved a.wdev4-button {
		min-width: 200px;
		font-size: 1em;
		padding: 10px;
	}
}

@media (max-width: 700px) {
	.get-involved {
		-webkit-flex-flow: row wrap;
		flex-flow: row wrap;
	}

	.get-involved a.wdev4-button {
		width: 100%;
		margin: 0;
	}
}


/* Corporate Startup Connection */
.corporate-connection-funnel {}

.corporate-connection-funnel .col-one {
	flex: 1;
	-webkit-flex: 1;
}

.corporate-connection-funnel .col-two {
	flex: 2;
	-webkit-flex: 2;
}

.corporate-connection-funnel h2 {
	color: #333;
	margin: 0;
}

/* =============================================================================
----------- single-programs_innovation.php - CSIC -----------
========================================================================== */
.programs-program-description-area {
	background: #8bc53f;
	color: #fff;
	font-weight: 600;
	font-size: 1.8em;
	text-align: center;
	padding: 50px 12px;
	line-height: 1.3em;
	margin: 0 auto;
	width: 100%;
}

.programs-program-description-area span {
	color: #000;
}

.programs-program-description-area .content {
	max-width: 1200px;
	display: block;
	margin: 0 auto;
}

.programs-program-description-area .content *:last-child {
	margin: 0;
}

/* program call out banner */

.program-call-out-banner {
	background: #000;
	background: rgba(0, 0, 0, .8);
	color: #fff;
	font-weight: 600;
	font-size: 1.5em;
	text-align: center;
	padding: 25px 12px;
	line-height: 2em;
	margin: 0 auto;
	width: 100%;
}

.program-call-out-banner h3 {
	font-size: 2em;
}

.program-call-out-banner .button-description-content-container {
	margin: 0 0 10px;
}

.program-call-out-banner .content .wdev4-button {
	font-size: 1.3em;
	line-height: 1em;
	padding: 15px 2em;
	border-radius: 1em;
}

.button-description-content-container {
	margin: 0 auto 12px;
}

.csic_menu_container {
	background: #000;
}

ul.csic-menu {
	list-style: none;
	text-align: center;
	padding: 0;
	margin: 0 auto 0px;
	display: flex;
	display: -webkit-flex;
	flex-flow: row wrap;
	-webkit-flex-flow: row wrap;
}

ul.csic-menu li {
	flex: 4;
	-webkit-flex: 4;
}

ul.csic-menu li a {
	display: block;
	color: #fff;
	background: #000;
	padding: 15px 10px;
}

ul.csic-menu li a:hover,
ul.csic-menu li.current-menu-item a {
	color: #f1b24d;
}

ul.csic-menu li.social-icons-csic {
	flex: 1;
	-webkit-flex: 1;
}

.wdev4-list-shorcode p,
.wdev4-list-shorcode a {
	text-align: left;
}

div.wdev4-list-shorcode article {
	padding: 0 0 50px;
	margin: 0 auto 50px;
}

div.wdev4-list-shorcode article img {
	margin: 0 35px 0 0;
}

@media (max-width: 700px) {
	div.wdev4-list-shorcode article img {
		float: none;
		display: block;
		margin: 0 auto 15px;
		width: 100%;
		height: auto;
		max-width: 300px !important;
	}
}


.program-benefits-wrapper {
	margin: 0 auto 0px;
	display: flex;
	display: -webkit-flex;
	flex-flow: row wrap;
	-webkit-flex-flow: row wrap;
	background: #000;
	background-image: url(../../uploads/2017/04/Celebrating-Women-in-Innovation.jpg);
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

.program-benefits-wrapper article {
	background: #000;
	color: #fff;
	width: 50%;
	text-align: center;
	padding: 50px 12px;
	font-size: 1.5em;
	line-height: 1.5em;
	display: flex;
	display: -webkit-flex;
	-webkit-justify-content: center;
	justify-content: center;
}

.program-benefits-wrapper article:nth-of-type(1) {
	background: #000;
	background: rgba(0, 0, 0, .8);
}

.program-benefits-wrapper article:nth-of-type(2) {
	background: #000;
	background: rgba(183, 1, 51, .8);
}

.program-benefits-wrapper article:nth-of-type(3) {
	background: #000;
	background: rgba(159, 33, 216, .8);
}

.program-benefits-wrapper article:nth-of-type(4) {
	background: #000;
	background: rgba(207, 151, 57, .8);
}

.program-benefits-wrapper article .content {
	display: block;
	margin: 0 auto;
	max-width: 440px;
}

.program-benefits-wrapper article h3 {
	color: #fff;
	font-weight: 600;
	text-transform: uppercase;
	margin: 0 0 15px;
}

.program-benefits-wrapper article p {}

.program-benefits-wrapper article ul {
	display: inline-block;
	text-align: left;
}

@media (max-width: 1000px) {
	.program-benefits-wrapper article {
		font-size: 1.2em;
	}
}

@media (max-width: 700px) {
	.program-benefits-wrapper article {
		width: 100%;
	}
}





/* programs-action-items-area */



.programs-action-items-area {
	width: 100%;
	padding: 50px 0 35px;
	max-width: 1376px;
	margin: 0 auto;
}

.programs-action-items-area h3 {
	margin: 0 0 35px;
	font-size: 2em;
	font-weight: 600;
	color: #000;
	text-align: center;
	line-height: 1em;
}

.programs-action-items-area .content {
	font-size: 1.2em;
	display: flex;
	display: -webkit-flex;
	-webkit-justify-content: space-around;
	justify-content: space-around;
}

.programs-action-items-area a.wdev4-button {
	min-width: 200px;
	font-size: 1.3em;
	padding: 20px 15px;
	background: #f1b24e;

}

.programs-action-items-area a.wdev4-button:hover {
	background: #89bf4a;
}

@media (max-width: 1000px) {
	.programs-action-items-area a.wdev4-button {
		min-width: 200px;
		font-size: 1em;
		padding: 10px;
	}
}

@media (max-width: 700px) {
	.programs-action-items-area {
		-webkit-flex-flow: row wrap;
		flex-flow: row wrap;
	}

	.programs-action-items-area a.wdev4-button {
		width: 100%;
		margin: 0;
	}
}


/* =============================================================================
----------- single-programs_innovation.php - Neighborhood Award -----------
========================================================================== */
.neighborhood-image-flex {
	display: flex;
	display: -webkit-flex;
	align-items: center;
	-webkit-align-items: center;
	justify-content: space-between;
	-webkit-justify-content: space-between;
	border: none !important;
}

.neighborhood-image-flex a {
	flex: 1;
	-webkit-flex: 1;
	padding: 0 15px;
}

.neighborhood-image-flex img {
	max-width: 225px !important;
}

/* =============================================================================
----------- about -----------
========================================================================== */
.innovation-about-three {}

.innovation-about-three .one-third {
	position: relative;
	padding: 0 0 60px;
	margin-bottom: 35px;
}

.innovation-about-three a.wdev4-button {
	position: absolute;
	bottom: 0;
	display: block;
	width: 100%;
}

.innovation-about-three a.wdev4-button:hover {
	position: absolute;
	bottom: 0;
	display: block;
	width: 100%;
	top: inherit;
}

@media (max-width: 800px) {}

/* =============================================================================
----------- community -----------
========================================================================== */
.innovation-community-six {}

.innovation-community-six .one-third {
	position: relative;
	padding: 0 0 60px;
	margin-bottom: 35px;
}

.innovation-community-six a.wdev4-button {
	position: absolute;
	bottom: 0;
	display: block;
	width: 100%;
}

.innovation-community-six a.wdev4-button:hover {
	position: absolute;
	bottom: 0;
	display: block;
	width: 100%;
	top: inherit;
}

@media (max-width: 800px) {}

/***********************/
/**** Newsletter Modal Pop Up **/
/***********************/
.sign-up-modal {
	position: fixed;
	background: rgba(0, 0, 0, .6);
	width: 100%;
	height: 100%;
	display: block;
	top: 0;
	left: 0;
	z-index: 9999999999;
}

.sign-up-modal .sign-up-modal-form-container {
	position: absolute;
	width: 90%;
	display: block;
	margin: 0 auto;
	max-width: 540px;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	overflow-y: scroll;
	overflow: visible;
}

.sign-up-modal .sign-up-modal-form-container .top {
	background: #f8f8f8;
	padding: 20px;
	margin: 0;
	text-align: center;
}

.sign-up-modal .sign-up-modal-form-container .top h2 {
	margin: 0 0 10px;
	line-height: 1em;
}

.sign-up-modal .sign-up-modal-form-container .top p {
	margin: 0;
}

.sign-up-modal .sign-up-modal-form-container .bottom {
	background: #89bf4a;
	padding: 20px;
	margin: 0;
	text-align: center;
}

.sign-up-modal .sign-up-modal-form-container .bottom.blue {
	background: #20547d;
}

.sign-up-modal .sign-up-modal-form-container .bottom .footer-sign-up-form input {
	background: rgba(0, 0, 0, .3);
	color: #fff;
	text-align: left;
	margin: 0 0 5px;
	border: none;
}

.sign-up-modal .sign-up-modal-form-container .bottom .footer-sign-up-form input::placeholder {
	color: #fff;
}

.sign-up-modal .sign-up-modal-form-container .bottom .footer-sign-up-form input#first_name {
	border-right: solid 5px #e13600;
}

.sign-up-modal .sign-up-modal-form-container .bottom.blue .footer-sign-up-form input#first_name {
	border-right: solid 5px #20547d;
}

.sign-up-modal .sign-up-modal-form-container .bottom .footer-sign-up-form input[type="submit"] {
	font-weight: 600;
	text-align: center;
	color: #000;
	background: #f8f8f8;
}

.sign-up-modal .sign-up-modal-form-container i.fa {
	font-size: 1.2em;
	cursor: pointer;
	position: absolute;
	right: -5px;
	top: -9px;
	background: #fff;
	z-index: 9999;
	width: 25px;
	line-height: 25px;
	border-radius: 25px;
	box-shadow: -1px 1px 1px #ccc;
	text-align: center;
}

.newsletter-pop-up-sign-up-form {}

.newsletter-pop-up-sign-up-form section,
section.newsletter-pop-up-sign-up-form {
	padding: 0;
}

.ctct-custom-form {
	min-width: inherit !important;
	font: inherit !important;
	font-size: 14px !important;
}

.newsletter-pop-up-sign-up-form .ctct-custom-form label {
	top: 5px;
}

.newsletter-pop-up-sign-up-form .ctct-custom-form .ctct-form-required:before {
	content: "\2217";
	position: relative;
	top: -6px;
	left: -2px;
	color: #f5463b;
}

.newsletter-pop-up-sign-up-form .ctct-custom-form .ctct-button {
	color: #fff;
	background-color: #f1b24e;
	display: block;
	width: 100%;
	border: solid 2px #fff;
}

.newsletter-pop-up-sign-up-form .ctct-custom-form .ctct-button:hover {
	background: #f46a46;
}

body .ctct-custom-form input[type="text"] {
	padding: 5px 15px;
}

body .ctct-custom-form p {
	margin: 0 0 12px;
	text-align: left;
	margin: 0 0 8px;
}

.ctct-custom-form .Button {
	font-size: 14px !important;
	padding: 8px 14px !important;
	font: inherit !important;
	font-size: 14px !important;

}

/***********************/
/**** New Newsletter Prompt - June 2017 **/
/***********************/
.footer-newsletter-sign-up-prompt {
	margin: 0;
	padding: 10px 0;
	text-align: center;
	background: #f8f8f8;
	position: fixed;
	width: 100%;
	bottom: 0;
	left: 0;
	z-index: 9;
	font-size: 1.2em;
}

.footer-newsletter-sign-up-prompt p,
.footer-newsletter-sign-up-prompt a.wdev4-button {
	margin: 0 0 0px;
}

.footer-newsletter-sign-up-prompt-container {
	max-width: 800px;
	margin: 0 auto;
	position: relative;
	padding: 0 12px;
}

.footer-newsletter-sign-up-prompt-container div {
	display: block;
	width: 100%;
	text-align: center;
	flex: 1;
	-webkit-flex: 1;
}

.footer-newsletter-sign-up-prompt-container div:first-of-type {
	flex: 3;
	-webkit-flex: 3;
}

.footer-newsletter-sign-up-prompt-container i.fa {
	font-size: 1.2em;
	cursor: pointer;
	position: absolute;
	right: 0px;
	top: 50%;
	background: #fff;
	z-index: 9999;
	width: 30px;
	line-height: 30px;
	border-radius: 40px;
	box-shadow: 0px 0px 5px #aaa;
	transform: translate(0, -50%);
}


@media (max-width: 768px) {
	.footer-newsletter-sign-up-prompt {
		font-size: 1em;
		line-height: 1.2em;
	}

	.footer-newsletter-sign-up-prompt-container div {
		flex: inherit !important;
		-webkit-flex: inherit !important;
	}

	.footer-newsletter-sign-up-prompt-container div:first-of-type {
		margin: 0 0 10px;
	}
}

/* =============================================================================
----------- BLANK -----------
========================================================================== */


/* =============================================================================
----------- BLANK -----------
========================================================================== */


/* =============================================================================
----------- BLANK -----------
========================================================================== */

/* =============================================================================
----------- BLANK -----------
========================================================================== */



/* =============================================================================
----------- BLOG -----------
========================================================================== */
.page-blog {}

.page-blog article {
	padding: 0 0 25px;
	margin: 0 0 25px;
}

.page-blog article .col-1 {
	flex: 1;
	-webkit-flex: 1;
	width: 33%;
	float: left;
	padding: 0 2% 0 0;
	max-width: 100% !important;
}

.page-blog article .col-2 {
	flex: 2;
	-webkit-flex: 2;
	width: 65%;
	float: left;
	max-width: 100% !important;
}

.page-blog .meta {
	display: block;
	margin: 0 0 10px;
	line-height: 1em;
	font-weight: 600;
}

@media (max-width: 540px) {

	.page-blog article .col-1,
	.page-blog article .col-2 {
		flex: inherit;
		-webkit-flex: inherit;
		width: 100%;
		margin: 0 0 15px;
		max-width: 100% !important;
	}
}


div.next-posts {
	float: right;
}

div.prev-posts {
	float: left;
}

.sticky {}

.bypostauthor {}

.tribe-events-event-image img {
	width: 100%;
	height: auto;
}

/* =============================================================================
----------- category-photos.php -----------
========================================================================== */
.page-category-photos {}

.page-category-photos article {
	width: 25%;
	padding: 0 10px 50px;
	margin: 0 auto 25px;
	position: relative;
}

.page-category-photos article img {
	width: 100%;
	max-width: 300px;
	height: auto;
	margin: 0 0 15px;
}

.page-category-photos article .col-one {}

.page-category-photos article .col-two {}

.page-category-photos article a.wdev4-button {
	position: absolute;
	bottom: 0;
	top: inherit;
	margin: 0;
}

.page-category-photos article a.wdev4-button:hover {
	position: absolute;
	bottom: 0;
	top: inherit;
	margin: 0;
}

.page-category-photos article h2 {
	font-size: 1.3em;
}

@media (max-width: 1023px) {
	.page-category-photos article {
		width: 33.333%;
	}
}

@media (max-width: 767px) {
	.page-category-photos article {
		width: 50%;
	}
}

@media (max-width: 540px) {
	.page-category-photos article {
		width: 100%;
		max-width: 300px;
		margin: 0 auto 25px;
	}
}

/* =============================================================================
----------- FOOTER -----------
========================================================================== */
footer {
	padding: 35px 0;
	background: #000;
}

footer section {
	width: 25%;
	float: left;
	padding: 0 15px 0 0;
}

footer h4 {
	color: #89bf4a;
	text-transform: uppercase;
	margin: 0 0 10px;
}

footer ul {
	margin: 0;
	padding: 0;
	list-style: none;
	line-height: 1.2em;
}

footer ul li {
	margin: 0 0 7px;
}

footer ul li a {
	display: block;
}

footer a {
	color: #fff;
	font-weight: 500;
}

footer a:hover {
	color: #f1b24e;
}

footer a.wdev4-button {
	display: block;
	text-align: left;
}


@media (max-width: 700px) {
	footer section {
		width: 50%;
		margin: 0 0 20px;
	}
}

@media (max-width: 400px) {
	footer section {
		width: 100%;
		margin: 0 0 20px;
		float: none;
	}
}


.website-credit {
	line-height: 1em;
	padding: 10px 0;
	background: #393a3a;
	color: #fff;
	text-align: center;
}

.website-credit a {
	color: #aaa;
}

.website-credit a:hover {
	color: #fff;
}

/* =============================================================================
----------- BLANK -----------
========================================================================== */
div.prev-posts {
	float: left;
}

div.next-posts {
	float: right;
}

/* =============================================================================
----------- Video Link -----------
========================================================================== */
a.video-link {
	position: relative;
	display: inline-block;
}

a.video-link.alignright {
	float: right;
	margin: 0 0 10px 10px;
}

a.video-link.alignleft {
	float: left;
	margin: 0 10px 10px 0;
}

a.video-link:before {
	content: ' ';
	background: url('images/video-overlay.png');
	background-position: center center;
	background-size: cover;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 999;
	display: block;
	opacity: .8;
}

a.video-link:hover:before {
	opacity: 1;
}

a.video-link img {
	width: 100%;
	height: auto;
	float: none;
	margin: 0 auto 0px;
}

/* =============================================================================
----------- Buttons -----------
========================================================================== */
a.wdev4-button {
	color: #fff;
	background: #89bf4a;
	font-weight: 600;
	text-transform: uppercase;
	font-size: 1rem;
	padding: 15px 30px;
	line-height: 1rem;
}

a.wdev4-button:hover {
	color: #fff;
	background: #f1b24e;
	top: 0;
	transition: all 250ms ease;
}

a.wdev4-button.orange {
	background: #f1b24e;
}

a.wdev4-button.orange:hover {
	background: #89bf4a;
	background-color: #89bf4a !important;
}

/* =============================================================================
----------- Page Builder -----------
========================================================================== */
.has_container section .container {
	padding: 0;
}

section.page_content,
section.page_builder {
	margin: 0;
	border: none;
}

section.page_builder p:last-child,
section.page_builder img:last-child {
	margin: 0 auto;
}

/* # # # #  sections ======================================== */
section,
section.padding {
	padding: 75px 0 75px 0;
}

section.padding_none {
	padding: 0;
}

section.padding_top {
	padding: 75px 0 0;
}

section.padding_bottom {
	padding: 0 0 75px;
}


/* DEFAULT CSS */
.page_content h1,
.page_content h2,
.page_content h3,
.page_content h4,
.page_content h5 {
	font-weight: 400;
	color: #89bf49;
}

.page_content h1 {
	font-size: 3em;
	margin: 0 0 20px;
	font-weight: 600;
}

.page_content h2 {
	font-size: 1.7em;
	margin: 0 0 10px;
	font-weight: 600;
}

.page_content h3 {
	font-size: 1.4em;
	margin: 0 0 10px;
}

.page_content h4 {
	font-size: 1.2em;
	margin: 0 0 10px;
}

.page_content h1 span,
.page_content h2 span,
.page_content h3 span,
.page_content h4 span {
	display: block;
	font-size: .8em;
	font-style: italic;
}

.page_content ul {
	padding: 0 0 0 40px;
	margin: 0 0 15px;
	text-align: left;
}

/* SECTION INTRO AREA*/
section .section_intro_area {
	margin: 0 0 25px;
	font-size: 1.5em;
}

section .section_title {
	margin: 0 0 10px;
}

section .section_intro_text {
	line-height: 1.5em;
}

section .section_intro_area div:last-child {
	margin: 0;
}

section .section_title h2,
section .section_intro_text p {
	margin: 0;
}

/* ALIGNMENT */
section.left_alignment {
	text-align: left;
}

section.center_alignment {
	text-align: center;
}

section.right_alignment {
	text-align: right;
}

section.center_alignment ul {
	text-align: left;
	display: inline-block;
}

/* PADDING */
section.padding {
	/* The default padding is above */
}

section.padding_top {
	padding: 75px 0 0 0;
}

section.padding_bottom {
	padding: 0 0 75px 0;
}

section.padding_none {
	padding: 0;
}

/* VIDEO */
section.video .video-container {
	margin: 0;
}

/* CALL TO ACTION*/
.call_to_action_banner {
	background: #000;
	background: rgba(0, 0, 0, .8);
	color: #fff;
	font-weight: 600;
	font-size: 1.2em;
	text-align: center;
	padding: 25px 12px;
	line-height: 2em;
	margin: 0 auto;
	width: 100%;
}

.call_to_action_banner h2 {
	color: #fff;
}

.call_to_action_banner .content .wdev4-button {
	font-size: 1.3em;
	line-height: 1em;
	padding: 15px 2em;
	border-radius: 1em;
}

.button-description-content-container {
	margin: 0 auto 12px;
}

@media (max-width: 1000px) {
	.call_to_action_banner {
		font-size: 1em;
	}
}

/* Page Title Area */
.page-builder-page-title-area {
	background: #8bc53f;
	color: #fff;
	font-weight: 900;
	font-size: 2em;
	text-align: center;
	padding: 50px 12px;
	line-height: 1.3em;
	margin: 0 auto;
	width: 100%;
}

.page-builder-page-title-area span {
	color: #000;
}

.page-builder-page-title-area .content {
	max-width: 1200px;
	display: block;
	margin: 0 auto;
}

.page-builder-page-title-area .content *:last-child {
	margin: 0;
}

@media (max-width: 1000px) {
	.page-builder-page-title-area {
		font-size: 1.5em;
	}
}

/* CONTENT BLOCK */


/* TESTIMONIAL W TEXT BLOCK */
section.testimonial_w_text_block,
section.testimonial_w_text_block > div.container {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
}

section.testimonial_w_text_block .text_column {
	width: 40%;
	padding: 25px;
	background: rgba(137, 191, 73, .1);
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center;
}

section.testimonial_w_text_block .flip_order {
	-webkit-order: 2;
	order: 2;
}

section.testimonial_w_text_block .testimonial_column {
	width: 60%;
	border-top: 20px solid #89bf49;
	background: #717175;
	color: #fff;
	padding: 3em;
	text-align: left;
	background-image: url(images/mission-star-gold-50.png);
	background-repeat: no-repeat;
	background-position: 120% 40%;
	background-size: 55% auto;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
}

section.testimonial_w_text_block .testimonial_column .testimonial {
	font-size: 1.5em;
	line-height: 1.5em;
	font-style: italic;
}

section.testimonial_w_text_block .testimonial_column .testmonial_person_block {
	-webkit-align-items: center;
	align-items: center;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: flex-end;
	justify-content: flex-end;
}

section.testimonial_w_text_block .testimonial_column .name {
	color: #edb61b;
	text-align: right;
	display: block;
}

section.testimonial_w_text_block .testimonial_column .position {
	display: block;
	text-align: right;
}

section.testimonial_w_text_block .testimonial_column img {
	float: right;
	height: 90px;
	width: auto;
	margin-left: 15px;
	border-radius: 50px;
	box-shadow: 1px 3px 5px rgba(0, 0, 0, .5);
}

section.testimonial_w_text_block ul {
	list-style: none;
	font-size: 1.2em;
}

section.testimonial_w_text_block ul li {
	position: relative;
}

section.testimonial_w_text_block ul li::before {
	content: '-';
	font-size: 0;
	position: absolute;
	left: -20px;
	background-image: url(https://chicagoinnovation.com/wp-content/themes/Chicago_Innovation/images/mission-star.png);
	width: 15px;
	background-size: 100% 100%;
	background-repeat: no-repeat;
}

@media (max-width: 980px) {
	section.testimonial_w_text_block .text_column {
		-webkit-order: 2;
		order: 2;
	}

	section.testimonial_w_text_block .text_column,
	section.testimonial_w_text_block .testimonial_column {
		width: 100%;
		-webkit-flex: inherit;
		flex: inherit;
	}
}


/* # # # #  content_block ======================================== */




/* # # # #  video ======================================== */


/* # # # #  FAQ ======================================== */
.faq_page_nav {}

.faq_page_nav .wdev4-button {}

h2.faq_header {
	margin: 0 auto 35px;
	text-align: center;
}

h2.faq_header.purple {
	color: #871fb2;
}

h2.faq_header.red {
	color: #93022b;
}

h2.faq_header.orange {
	color: #f1b24e;
}

div.ui-accordion {
	margin: 0 0 80px;
	text-align: left;
}

.ui-accordion a {
	color: #89bf49;
	text-decoration: none;
}

.ui-accordion a:hover {
	color: #f1b24d;
	text-decoration: none;
}

.ui-accordion .ui-accordion-header {
	display: block;
	cursor: pointer;
	position: relative;
	margin: 2px 0 0 0;
	padding: 15px 0 15px 22px;
	min-height: 0;
	font-size: 100%;
	outline: none;
	background: #89bf49;
	color: #fff;
	border: none;
	font-size: 1.5em;
}

.purple.ui-accordion .ui-accordion-header {
	background: #871fb2;
}

.red.ui-accordion .ui-accordion-header {
	background: #93022b;
}

.orange.ui-accordion .ui-accordion-header {
	background: #f1b24e;
}

.ui-state-default .ui-icon {
	background-image: url(https://chicagoinnovation.com/wp-content/themes/Chicago_Innovation/wdev4-framework/jquery-ui/images/ui-icons_ffffff_256x240.png);
}

.ui-state-active .ui-icon {
	background-image: url(https://chicagoinnovation.com/wp-content/themes/Chicago_Innovation/wdev4-framework/jquery-ui/images/ui-icons_ffffff_256x240.png);
}

.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
	position: absolute;
	top: 50%;
	left: 0px;
	margin-top: 0;
	transform: translate(0%, -50%);
}

.ui-accordion .ui-accordion-content {
	padding: 15px 12px;
	border-top: 0;
	overflow: auto;
	border: none;
}

.ui-accordion .ui-accordion-content p:last-of-type {
	margin: 0;
}

/* 
PAUL HATED THIS ONE
div.ui-accordion {
    margin: 0 0 80px;    
}
.ui-accordion .ui-accordion-header {
    display: block;
    cursor: pointer;
    position: relative;
    margin: 2px 0 0 0;
    padding: 15px 0 15px 12px;
    min-height: 0;
    font-size: 100%;
    outline: none;
    background: none;
    border: none;
    font-size: 1.5em;    
}
.ui-state-active .ui-icon {
    background-image: url(https://chicagoinnovation.com/wp-content/themes/Chicago_Innovation/wdev4-framework/jquery-ui/images/ui-icons_777777_256x240.png);
}
.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
    position: absolute;
    top: 50%;
    left: -8px;
    margin-top: 0;
    transform: translate(0%,-50%);  
}
.ui-accordion .ui-accordion-content {
    padding: 0 0 0 12px;
    border-top: 0;
    overflow: auto;
    border: none;
    border-bottom: solid 1px #ddd;    
}
*/

/* # # # #  Action Items (Orange Buttons) ======================================== */
.orange_nav_buttons {
	font-size: 1.2em;
	display: flex;
	display: -webkit-flex;
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-justify-content: space-around;
	justify-content: space-around;
}

.orange_nav_buttons a.wdev4-button {
	font-size: 2vw;
	padding: .5em 1em;
	background: #f1b24e;
	margin: 0 1% 1em;
	-webkit-flex: 1;
	flex: 1;
	min-width: 23%;
}

.orange_nav_buttons a.wdev4-button:hover {
	background: #89bf4a;
}

@media (max-width: 1023px) {
	.orange_nav_buttons a.wdev4-button {
		-webkit-flex: inherit;
		flex: inherit;
		width: 100%;
		font-size: 1.2em;
	}
}

@media (min-width: 1200px) {
	.orange_nav_buttons a.wdev4-button {
		font-size: 1.2em;
	}
}

/* =============================================================================
----------- NOMINATIONS -----------
========================================================================== */
.galleryid-91 dl.gallery-item {
	width: 100% !important;
	flex: inherit;
	-webkit-flex: inherit !important;
}


/* =============================================================================
----------- BUTTONS -----------
========================================================================== */


/* =============================================================================
----------- INNOVATION MEDIA HUB PAGES - BUILT JUNE 2020 -----------
========================================================================== */

.speakers_block a.speaker_headshot_small {
	display: block;
	width: 90px;
	height: 90px;
	background-size: cover;
	background-position: center;
	border-radius: 150px;
	border: solid 1px #000;
	box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
}
.speakers_block .media_item_featuring_speaker {
	display: block;
	margin: 0 0 8px;
	line-height: 1.2em;
}

.speakers_block .media_item_featuring_speaker span.name {
	display: block;
	width: 100%;
	font-size: 1.2em;
}

.speakers_block .media_item_featuring_speaker span.title {
	color: #000;
	font-size: 1em;
	line-height: 1em;
	font-weight: 100;
}
.speakers_block .media_item_featuring_speaker span.title b {
	display: block;
}

.speakers_block .media_item_featuring_speaker:hover span.title {}




/**
 * VIDEO OBJECT
**/



	/** Video Object **/
	.ci2020_media_hub_object {}

	.ci2020_media_hub_object .video_box {
		height: 25vh;
		min-height: 320px;
		width: 100%;
		background-size: cover;
		background-position: center;
		margin: 0 0 8px;
		display: flex;
		flex-flow: column;
	}

	.ci2020_media_hub_object .video_box h3 {
		display: block;
		width: 100%;
		padding: 0;
		color: #fff;
		font-size: 1.8rem;
		/* height: 85%; */
		background: rgba(0, 0, 0, .5);
		text-align: left;
		font-weight: 600;
		margin: 0;
		flex: 1;
	}

	.ci2020_media_hub_object .video_box h3 a {
        height: 100%;
        width: 100%;
        display: flex;
        justify-content: flex-start;
        align-items: flex-end;
        text-transform: uppercase;
        color: #fff;
        transition: all ease 250ms;
        padding: 8px 8px 16px;
        background-image: url(https://chicagoinnovation.com/wp-content/uploads/2020/09/play-circle-regular-30.png);
        background-size: 22%;
        background-position: center 40%;
        background-repeat: no-repeat;
	}

	.ci2020_media_hub_object .video_box h3 a:hover {
		color: #8bc841;
        background-image: url(https://chicagoinnovation.com/wp-content/uploads/2020/09/play-circle-regular-70.png);
	}




/**
 * CATEGORY COLORS
**/

.ci2020_media_hub_object .video_box_category {
	display: block;
	width: 100%;
	padding: 8px;
	text-transform: uppercase;
	font-size: 1rem;
	background: #8bc841;
	color: #fff;
	text-align: center;
	/* height: 15%; */
	display: flex;
	align-items: center;
	background: rgba(139, 201, 65, .9);
	line-height: 1.3em;
}

.ci2020_media_hub_object .video_box_category.entrepreneurship {
	background: rgba(200, 148, 66, .9);

}

.ci2020_media_hub_object .video_box_category.social-innovation {

	background: rgba(214, 19, 48, .9);

}

.ci2020_media_hub_object .video_box_category.technology {

	background: rgba(111, 156, 63, .9);

}

.ci2020_media_hub_object .video_box_category.leadership {

	background: rgba(166, 39, 217, .9);
}

.ci2020_media_hub_object .video_box_category.culture-and-values {

	background: rgba(39, 194, 146, .9);
}

.ci2020_media_hub_object .video_box_category.retaining-and-attracting-talent {

	background: rgba(200, 96, 52, .9);
}

.ci2020_media_hub_object .video_box_category.why-chicago-excels {

	background: rgba(55, 51, 204, .9);
}

.ci2020_media_hub_object .video_box_category.innovation-process {

	background: rgba(66, 115, 255, .9);
}


/**
 * single-ci_past_speakers.php
**/
.single-ci_past_speakers .content-container {
	display: none;
}
.single-ci_past_speakers .speakers_block {
	font-size: 1.2em;
}
.single-ci_past_speakers img.featured_image {
	max-width: auto;
	margin: 0 0 35px 0;
}

/**
 * single-videos.php
**/
.single-videos .content-container {
	display: none;
}



/**
**
** DIVI CUSTOMIZATIONS
** Added on Aug 12th by @zakkates
**
*/
.et-db #et-boc .et-l .et_pb_module img {
     width: 100%;   
}




/* =============================================================================
----------- Custom Post Type: ci_events | single-ci_events.php -----------
========================================================================== */
.single-ci_event-container {
    padding-top: 70px;
    padding-bottom: 70px;
    padding-top: 10vh;
    padding-bottom: 10vh;
    display: block;
    position: relative;
    width: 100%;
    padding-top: 0;
    padding-bottom: 0;
}

/***** FEATURED IMAGE AREA **/
.single-ci_event-container .event_featured_image {
    width: 100%;
    margin: 0 auto;
    display: block;
    position: relative;
    max-width: 1200px;
}
.single-ci_event-container .event_featured_image img {
    width: 100%;
    height: auto;
}

/***** REGISTRATION AREA **/
.single-ci_event-container .registeration_area {
    background: #8ABF4B;
    padding: 25px 0;
    padding: 5vh 0;
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    background: rgba(36, 58, 121,.1);
}
.single-ci_event-container .registeration_area h2 {
    color: #000;
    font-weight: 600;
    margin: 0 0 32px 0;
    padding: 0 1%;
}
.single-ci_event-container .registeration_area h2:after {
    content: " ";
    display: block;
    background: #FF9901;
    height: 4px;
    width: 88px;
    position: relative;
    top: 8px;
}
.single-ci_event-container .registeration_area .iframe_area {
    max-width: 880px;
    background: #fff;
    padding-top: 15px;
    padding-bottom: 15px;
}

/***** EVENT INFORMATION **/
.single-ci_event-container .event_information {
    max-width: 880px;
    padding: 50px 1%;
    padding: 32px calc(1% + 15px);
    padding: 5vh calc(1% + 15px);
    padding: 5vh 15px;
}
.single-ci_event-container .event_information h1 {
    letter-spacing: -1px;
    font-weight: 600;
    padding: 0 0 18px;
    font-size: 3rem;
    margin: 0 0 15px;
}
.single-ci_event-container .event_information h1:after {
    content: " ";
    display: block;
    background: #FF9901;
    height: 4px;
    width: 88px;
    position: relative;
    top: 8px;
}
.single-ci_event-container .event_information .full_description {
    font-size: 1.5rem;
    line-height: 1.3em;
}
.single-ci_event-container .event_information .full_description p {
    margin: 0 auto 1.3em;
}
.single-ci_event-container .event_information {

}

.single-ci_event-container .date_time_location_details {
    color: #fff;
    background: #8ABF4B;
    padding: 15px 7px;
    margin: 0 -15px 1.3em;
    font-size: 1.5rem;
    font-weight: 600;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.single-ci_event-container .date_time_location_details .date {
    padding: 0 8px;
}
.single-ci_event-container .date_time_location_details .time {
    padding: 0 8px;
}
.virtual_event_tag {
    background: #9F21D8;
    line-height: 1em;
    padding: 8px 12px;
    border-radius: 18px;
    font-size: 1rem;
    margin: 0 8px;
}
.in_person_event_tag {}

@media ( max-width: 780px ) {
    
    .single-ci_event-container .event_information {
    }
    .single-ci_event-container .event_information h1 {
        font-size: 2rem;
    }
    .single-ci_event-container .event_information .full_description {
        font-size: 1.3rem;
        line-height: 1.3em;
    }
    .single-ci_event-container .event_information {
    
    }

}

@media ( max-width: 540px ) {
    .single-ci_event-container .date_time_location_details {
        flex-flow: row wrap;
        justify-content: center;
    }
    .single-ci_event-container .date_time_location_details .date {
        
    }
    .single-ci_event-container .date_time_location_details .time {
        
    }
    .virtual_event_tag {width: 100%;text-align: center;margin-top: 12px;}
    
}

/***** SPEAKERS **/
.speakers_section {
    background: rgba(138, 191, 75,.1);
}
.speakers_section_interior {
    max-width: 990px;
    padding: 50px 1%;
    padding: 32px calc(1% + 15px);
    padding: 5vh calc(1% + 15px);
    padding: 5vh 15px;
    padding: 5vh 15px calc(5vh - 50px);
}
.speakers_section h2.speakers {
    color: #000;
    font-weight: 600;
    margin: 0 0 32px 0;
    padding: 0;
    text-align: center;
}
.speakers_section h2.speakers:after {
    content: " ";
    display: block;
    background: #FF9901;
    height: 4px;
    width: 88px;
    position: relative;
    top: 8px;
    margin: 0 auto 60px;
}
.speakers_section .speakers_section_list {
    display: flex;
    flex-flow: row wrap;
    margin: 0 -15px;
    padding: 0;
    justify-content: flex-start;
}
.speakers_section .event_speaker {
    margin: 0 15px 50px;
    display: flex;
    flex-flow: column;
    width: 100%;
    max-width: 300px;
}
.speakers_section .event_speaker .speaker_image_container {
    width: 100%;
    height: auto;
    min-height: 300px;
    border: solid 2px;
    margin: 0 0 18px;
    display: flex;
    overflow: hidden;
}
.speakers_section .event_speaker .speaker_image_container .speaker_image {
    width: 100%;
    height: 100%;
    min-height: 300px; 
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% auto;
    background-color: #fff;
    border: solid 5px #fff;
}
.speakers_section .event_speaker img.featured_image_speaker {
    width: 100%;
    height: auto;
}
.speakers_section .event_speaker .speaker_description_container {
    flex: 1;
    display: flex;
    flex-flow: column;
}
.speakers_section .event_speaker h3.speaker_name {
    font-weight: 600;
    margin: 0 0 8px;
    padding: 0;
}
.speakers_section .event_speaker .speaker_short_tagline {
    font-size: 1.3rem;
    line-height: 1.3em;
    background: rgba(51, 51, 51,.1);
    padding: 18px 12px;
    flex: 1;
    display: flex;
    justify-content: center;
    justify-content: flex-start;
    flex-flow: column;
    display: block;
}


.speakers_section .event_speaker:nth-child(5n+1) .speaker_image_container {
    border-color: rgba(248, 87, 40,1);
}
.speakers_section .event_speaker:nth-child(5n+1) h3.speaker_name {
    color: rgba(248, 87, 40,1);
}
.speakers_section .event_speaker:nth-child(5n+1) .speaker_short_tagline {
    background: rgba(248, 87, 40,.3);
}
.speakers_section .event_speaker:nth-child(5n+2) .speaker_image_container {
    border-color: rgba(12, 145, 69,1);
}
.speakers_section .event_speaker:nth-child(5n+2) h3.speaker_name {
    color: rgba(12, 145, 69,1);
}
.speakers_section .event_speaker:nth-child(5n+2) .speaker_short_tagline {
    background: rgba(12, 145, 69,.3);
}
.speakers_section .event_speaker:nth-child(5n+3) .speaker_image_container {
    border-color: rgba(236, 22, 118,1);
}
.speakers_section .event_speaker:nth-child(5n+3) h3.speaker_name {
    color: rgba(236, 22, 118,1);
}
.speakers_section .event_speaker:nth-child(5n+3) .speaker_short_tagline {
    background: rgba(236, 22, 118,.3);
}
.speakers_section .event_speaker:nth-child(5n+4) .speaker_image_container {
    border-color: rgba(192, 208, 8, 1);
}
.speakers_section .event_speaker:nth-child(5n+4) h3.speaker_name {
    color: rgba(222, 228, 40,1);
    color: rgba(192, 208, 8, 1);
}
.speakers_section .event_speaker:nth-child(5n+4) .speaker_short_tagline {
    background: rgba(222, 228, 40,.3);
    background: rgba(192, 208, 8, .3);
}
.speakers_section .event_speaker:nth-child(5n+5) .speaker_image_container {
    border-color: rgba(103, 49, 145,1);
}
.speakers_section .event_speaker:nth-child(5n+5) h3.speaker_name {
    color: rgba(103, 49, 145,1);
}
.speakers_section .event_speaker:nth-child(5n+5) .speaker_short_tagline {
    background: rgba(103, 49, 145,.3);
}

@media ( max-width: 1000px ) {
    
    .speakers_section .event_speaker {
        width: calc(33vw - 35px);
        width: calc(33.33333vw - 35px);
        max-width: unset;
    }
    .speakers_section .event_speaker .speaker_image_container {
        /*height: calc(33vw - 35px);*/
        /*height: calc(33.33333vw - 35px);*/
        min-height: unset;
    }

}


@media (max-width: 800px) {
    
    .speakers_section .event_speaker {
        width: calc(50vw - 40px);
        max-width: unset;
    }
    .speakers_section .event_speaker .speaker_image_container {
        /*height: calc(50vw - 35px);*/
        min-height: unset;
    }

}

@media (max-width: 600px) {
    
    .speakers_section .event_speaker {
        width: calc(100vw - 40px);
        /* max-width: 300px; */
    }
    .speakers_section .event_speaker .speaker_image_container {
        /*height: calc(100vw - 35px);*/
        min-height: unset;
        /*max-height: 250px;*/
        max-width: 250px;
    }

}








/* =============================================================================
----------- Custom Post Type: ci_events | SHORTCODE: [ci_display_events_2] -----------
========================================================================== */
.et-db #et-boc .et-l .et_pb_with_background .et_pb_row, 
.et-db #et-boc .et-l .single.et_full_width_page .et_pb_row, 
.et-db #et-boc .et-l .single.et_full_width_portfolio_page .et_pb_row {
    width: 100% !important;
}






.et-db #et-boc .se_shortcodes_ci_display_events_2,
.se_shortcodes_ci_display_events_2 {
    color: #fff;    
}
.et-db #et-boc .se_shortcodes_ci_display_events_2 div.ci_event_year_container,
.se_shortcodes_ci_display_events_2 div.ci_event_year_container {
    width: 100%;
    margin: 35px auto;
    text-align: center;
}
.et-db #et-boc .se_shortcodes_ci_display_events_2 div.ci_event_year,
.se_shortcodes_ci_display_events_2 div.ci_event_year {
    line-height: 1em;
    font-size: 36px;
    padding: 6px 12px 8px;
    border: solid 2px #6F8F3E;
    display: inline-block;
    color: #8AC340;
    font-weight: 700;
}
.et-db #et-boc .se_shortcodes_ci_display_events_2 ul.display_ci_events,
.se_shortcodes_ci_display_events_2 ul.display_ci_events {
    list-style: none;
    padding: 0;
    margin: 0 -2% auto;
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
}
.et-db #et-boc .se_shortcodes_ci_display_events_2 ul.display_ci_events li.ci_event,
.se_shortcodes_ci_display_events_2 ul.display_ci_events li.ci_event {
    background: #527F85;
    width: 100%;
    border: solid 3px #69C8D3;
    list-style: none;
    width: 23%;
    flex: 23%;
    margin: 0 1% 2%;
    min-width: 300px;
    max-width: 340px;
}
.et-db #et-boc .se_shortcodes_ci_display_events_2 ul.display_ci_events li.ci_event:nth-of-type(even),
.se_shortcodes_ci_display_events_2 ul.display_ci_events li.ci_event:nth-of-type(even) {
    background: #527F85;
    background: #647E3E;
    border-color: #94D03F;
}
.et-db #et-boc .se_shortcodes_ci_display_events_2 ul.display_ci_events li.ci_event:nth-of-type(odd),
.se_shortcodes_ci_display_events_2 ul.display_ci_events li.ci_event:nth-of-type(odd) {
    background: #527F85;
}
.et-db #et-boc .se_shortcodes_ci_display_events_2 ul.display_ci_events li.ci_event h2.month,
.se_shortcodes_ci_display_events_2 ul.display_ci_events li.ci_event h2.month {
    color: #fff;
    font-weight: 700;
    background: #1E1C1D;
    text-transform: uppercase;
    display:block;
    line-height: 1.3em;
    padding: 12px;
    width: 100%;
    text-align: center;
}
.et-db #et-boc .se_shortcodes_ci_display_events_2 ul.display_ci_events li.ci_event .ci_event_month_interior_container,
.se_shortcodes_ci_display_events_2 ul.display_ci_events li.ci_event .ci_event_month_interior_container {
    padding: 8px;
}
.et-db #et-boc .se_shortcodes_ci_display_events_2 ul.display_ci_events li.ci_event .ci_individual_event,
.se_shortcodes_ci_display_events_2 ul.display_ci_events li.ci_event .ci_individual_event {
    border-bottom: solid 2px #2F3634;
    padding: 0 0 8px;
    margin: 0 0 16px;
}
.et-db #et-boc .se_shortcodes_ci_display_events_2 ul.display_ci_events li.ci_event .ci_individual_event:last-of-type,
.se_shortcodes_ci_display_events_2 ul.display_ci_events li.ci_event .ci_individual_event:last-of-type {
    border-bottom: none;
    padding: 0;
    margin: 0;
}
.et-db #et-boc .se_shortcodes_ci_display_events_2 ul.display_ci_events li.ci_event span.ci_event_date_day,
.se_shortcodes_ci_display_events_2 ul.display_ci_events li.ci_event span.ci_event_date_day {
    color: #fff;
    font-size: 2em;
    font-weight: 700;
    display: block;
}
.et-db #et-boc .se_shortcodes_ci_display_events_2 ul.display_ci_events li.ci_event span.ci_event_date_day span,
.se_shortcodes_ci_display_events_2 ul.display_ci_events li.ci_event span.ci_event_date_day span {
    font-size: .7em;
}
.et-db #et-boc .se_shortcodes_ci_display_events_2 ul.display_ci_events li.ci_event h3.event_title,
.se_shortcodes_ci_display_events_2 ul.display_ci_events li.ci_event h3.event_title {
    color: #fff;    
}
.et-db #et-boc .se_shortcodes_ci_display_events_2 ul.display_ci_events li.ci_event span.ci_event_date_day a,
.se_shortcodes_ci_display_events_2 ul.display_ci_events li.ci_event span.ci_event_date_day a,
.et-db #et-boc .se_shortcodes_ci_display_events_2 ul.display_ci_events li.ci_event span.ci_event_date_day a:visited,
.se_shortcodes_ci_display_events_2 ul.display_ci_events li.ci_event span.ci_event_date_day a:visited,
.et-db #et-boc .se_shortcodes_ci_display_events_2 ul.display_ci_events li.ci_event span.ci_event_date_day a,
.se_shortcodes_ci_display_events_2 ul.display_ci_events li.ci_event span.ci_event_date_day a,
.et-db #et-boc .se_shortcodes_ci_display_events_2 ul.display_ci_events li.ci_event span.ci_event_date_day a:visited,
.se_shortcodes_ci_display_events_2 ul.display_ci_events li.ci_event span.ci_event_date_day a:visited {
    color: #fff;    
    transition: ease all 250ms;
    display: block;
    font-weight: 700;
    padding: 0;
}
.et-db #et-boc .se_shortcodes_ci_display_events_2 ul.display_ci_events li.ci_event span.ci_event_date_day a,
.se_shortcodes_ci_display_events_2 ul.display_ci_events li.ci_event span.ci_event_date_day a,
.et-db #et-boc .se_shortcodes_ci_display_events_2 ul.display_ci_events li.ci_event span.ci_event_date_day a:visited,
.se_shortcodes_ci_display_events_2 ul.display_ci_events li.ci_event span.ci_event_date_day a:visited,
.et-db #et-boc .se_shortcodes_ci_display_events_2 ul.display_ci_events li.ci_event span.ci_event_date_day a,
.se_shortcodes_ci_display_events_2 ul.display_ci_events li.ci_event span.ci_event_date_day a,
.et-db #et-boc .se_shortcodes_ci_display_events_2 ul.display_ci_events li.ci_event span.ci_event_date_day a:visited,
.se_shortcodes_ci_display_events_2 ul.display_ci_events li.ci_event span.ci_event_date_day a:visited,
.et-db #et-boc .se_shortcodes_ci_display_events_2 ul.display_ci_events li.ci_event h3.event_title a,
.se_shortcodes_ci_display_events_2 ul.display_ci_events li.ci_event h3.event_title a,
.et-db #et-boc .se_shortcodes_ci_display_events_2 ul.display_ci_events li.ci_event h3.event_title a:visited,
.se_shortcodes_ci_display_events_2 ul.display_ci_events li.ci_event h3.event_title a:visited{
    color: #fff;    
    transition: ease all 250ms;
    display: block;
}
.et-db #et-boc .se_shortcodes_ci_display_events_2 ul.display_ci_events li.ci_event span.ci_event_date_day a:hover,
.se_shortcodes_ci_display_events_2 ul.display_ci_events li.ci_event span.ci_event_date_day a:hover,
.et-db #et-boc .se_shortcodes_ci_display_events_2 ul.display_ci_events li.ci_event h3.event_title a:hover,
.se_shortcodes_ci_display_events_2 ul.display_ci_events li.ci_event h3.event_title a:hover{
    color: #8AC340;
}