/*****<< Undo MDB >>*****/

	html, body {
		font-family: "futura-pt", Arial, Helvetica, sans-serif;
	}

	body {
		background: url(/images/wcuc16_background);
	}
	header .woccuLogo_reverse_en, header .woccuLogo_reverse_es {
		display: block;
		position: absolute;
		height: 5rem;
		width: 12.8rem;
	}
	header .woccuLogo_reverse_en {
		background: url('/images/wcuc19_logo_white') no-repeat;
	}
	header .woccuLogo_reverse_es {
		background: url('/images/wcuc19_logo_white_es') no-repeat;
	}

	.navbar-right{
		float: right;
	}

	.file-field:after{
		content: "."; 
		visibility: hidden; 
		display: block; 
		height: 0; 
		clear: both;
	}

	@media (max-width: 767px) {
		.container {
			margin: 0;
			/*padding: 0;*/
			width: 100% !important;
			max-width: 100% !important;
		}
	}

	.row-eq-height {
	  display: -webkit-box;
	  display: -webkit-flex;
	  display: -ms-flexbox;
	  display: flex;
	}

	#main_content ul, #main_content ol {
		margin-left: 1rem;
		padding-left: 1rem;
	}

	#main_content ul li {
		list-style-type: square;
	}

	.table td {
		padding: .5rem;
	}

/*****<< Generic WOCCU Styles >>*****/
	body {
		font-weight: 400;
		min-height: 100vh;
	}

	.sback {
		background: url(/images/wcuc17_main_bg) repeat-x top center;
	}

	.btn {
		font-weight: 400;
	}

	.btn.btn-white-outline {
		border: 2px solid #fff;
		color: rgba(255,255,255,.75);
		text-transform: uppercase;
	}

	.btn.btn-white-outline:hover {
		border: 2px solid #fff;
		color: rgba(255,255,255,1);
	}

	.btn.btn-black-solid {
		border: 2px solid #000;
		background: #000;
		color: rgba(255,255,255,1);
		text-transform: uppercase;
	}

	.btn.btn-black-solid:hover {
		border: 2px solid #000;
		background: none;
		color: rgba(0,0,0,1);
	}

	.btn.arrow:after{
		content: "→";
		margin-left: 1rem;
	}

	.btn.tag {
		background: rgba(153,194,77,.75);
		text-transform: uppercase;
		border-radius: .2rem;
		font-size: .8rem;
		padding: .3rem .75rem;
		letter-spacing: .075rem;
	}

	.card.formCard {
		font-weight: 400;
		margin: 3rem auto 3rem auto;
		padding: 3rem;
		max-width: 100%;
		width: 50rem;
		overflow: visible;
	}

	.card.formCard h2 {
		font-weight: 300;
		color: #5f97d1;
		text-align: center;
	}
	.sline span {
		display: inline;
	}
	.sline span.a {
		display: none;
	}

/*****<< New Mast Head >>*****/
	header .navbar-brand {
		height: 105px;
		width: 300px;
		background-position: center center;
		background-repeat: no-repeat;
		float: left;
	}
	#mastHead_1, #mastHead_2, footer {
		font-family: 'Alegreya Sans', sans-serif;
	}
	
	#mastHead_1, #mastHead_2 {
		box-shadow: none;
	}

	#mastHead_1 #secondary_nav {
		clear: right;
		padding-top: 1rem;
	}

	#mastHead_1 #secondary_nav a.sn-link {
		list-style: none;
		padding: .45rem .5rem;
		white-space: nowrap;
		color: #41515d;
	}

	#mastHead_1 .socialIcon .btn {
		padding: .5rem .65rem;
	}

	#mastHead_1 #secondary_nav .nav-item {
		list-style: none;
	}

	#mastHead_1 #secondary_nav .nav-item:not(:first-child):before{
		padding-top: .425rem;
		content: "|";
		color: #e2e2e2;
		float: left;
	}

	#mastHead_1 #secondary_nav .dropdown-menu {
		padding: .5rem;
	}

	#mastHead_1 #secondary_nav .dropdown-menu a.nav-link {
		margin-left: 0;
		text-transform: none;
		padding: .5rem 1rem;
		white-space: nowrap;
		color: #41515d !important;
	}

	#mastHead_1 #secondary_nav .dropdown-menu a.nav-link:hover{
		text-decoration: underline;
	}

	#mastHead_1 .container {
		background: url(/images/wcuc_18_white_globe) no-repeat bottom left;
		display: block;
	}

	#mastHead_1 {
		background: #1c9cb1;
		padding: 0 15px 0 5px;
		border-bottom: 3px solid #9bc9dc;
	}

	.navbar { 
		box-shadow: none;
		padding: 0;
		background: #1c9cb1;
	}

	.register_button a {
		background: #d31677;
		color: white !important;
		font-weight: bold;
	}

	.register_button2 a {
		background: #193a67;
		color: white !important;
		font-weight: bold;
	}

	#mastHead_2 {
		padding: 0!important;
		background-color: #f29d46; /* 5f3a64 purple color  198a9d */
		font-weight: 300;

	}

	#mastHead_2 .nav {
		width: 100%;
	}

	#mastHead_2 li {
		white-space: nowrap;
	}

	#mastHead_2 .navbar-toggler {
		color: #fff;
	}

	#mastHead_2 .mn-item {
		list-style: none;
		float: left;
	}

	#mastHead_2 a.nav-link {
		padding: 1rem .75rem;
		text-transform: uppercase;
		color: white !important;
	}

	#mastHead_2 a.nav-link:hover {
		color: rgba(255, 255, 255, .75);
	}

	#mastHead_2 .dropdown-menu {
		border-top: #0ab9c9;
		background-color: #1b98ad;
		padding: 1rem;
	}

	#mastHead_2 .dropdown-menu a.nav-link {
		margin-left: 0;
		text-transform: none;
		padding: .5rem 1rem;
		white-space: nowrap;
	}

	#mastHead_2 .dropdown-menu a.nav-link:hover {
		background-color: #314b5f;
		background-color: rgba(49,75,95,.70);
	}

	.hidden-nav {
		display: none;
	}

	.socialIcon {
		list-style: none;
		margin-left: 0!important;
	}

	.socialIcon .btn i {
		font-size: 1rem;
	}

	.btn-fb { background-color: #3b5a99; }
	.btn-yt { background-color: #ce322e; }
	.btn-li { background-color: #006fb0; }
	.btn-tw { background-color: #25a8e0; }

	#shareArea {
		text-align: center;
	}

	#shareArea .title {
		text-transform: uppercase;
		font-weight: bold;
		font-size: .9rel;
	}

	.shareIcons {
		margin: 0;
		padding: 0;
	}

	.shareIcons li {
		display: block;
	}

	.grey_bg {
		background: #ebeff0;
	}

	@media screen and (max-width: 767px) {
		.hidden-sm-up, .hidden-sm-down {
			display:none;
		}
	}

	@media screen and (min-width: 768px) {
		.navbar-collapse { 
			display: -webkit-box;
			display: -webkit-flex;
			display: -ms-flexbox;
			display: flex;
			width: 100%;
		}
	}

	@media screen and (max-width: 767px) {
		#mastHead_2 .navbar-nav {
			 margin-top: 0;
		}

		#mastHead_2 .nav { 
			padding-left: 0;
			padding-top: 90px;
		}
		#mastHead_2 .nav .nav-item {
			padding: 0;
			width: 100%;
		}
		#mastHead_2 a.nav-link {
			padding: 0;
		}
		#mastHead_2 .dropdown-menu {
			padding: .25rem;
		}

		.hidden-nav {
			display: block;
		}
	}
	@media screen and (min-width: 768px) and (max-width: 991px) {
		header .navbar-brand {
			height: 4rem;
		}

		#mastHead_1 .socialIcon .btn {
			padding: .25rem .33rem !important;
			margin: 2px !important;
		}

		#mastHead_2 a.nav-link {
			padding: .5rem .5rem !important;
		}
	}
	@media screen and (max-width: 1199px) {
		#mastHead_1 .container {
			padding: 0;
			max-width: 100%;
		}
		#mastHead_2 .container {
			padding: 0;
			max-width: 100%;
		}
	}

/*****<< New Mast Head >>*****/

/*****<< Homepage >>*****/
	#clock {
		max-width: 870px;
		width: 100%;
		background: #505757;
		text-align: center;
		padding: 10px 0;
	}

	#countdown_clock {
		padding: 0;
		margin: 0;
		height: 7.5em;
	}

	.countdown-section {
		background: url(/images/wcuc17_wavy) no-repeat center right;
		height: 7.5em;
		padding: 0;
	}

	.countdown-section:last-child {
		background: none;
	}


	.countdown-period, .countdown-amount {
		color: #FFF;
		font-family: "brandon-grotesque", sans-serif;
	}

	.countdown-amount {
		font-size: 4em;
	}

	.countdown-period {
		text-transform: uppercase;
	}

	.is-countdown {
		margin: 10px;
	}


	#boxes .box-blue,
	#boxes .box-yellow,
	#boxes .box-grey {
		margin: 0 1rem;
		padding: 2rem 2rem;
	}

	#boxes .box-blue {
		padding-top: 1rem;
	}


	#boxes p, #boxes h3 {
		color: #fff;
	}

	#boxes h2 {
		text-align: center;
		font-size: 5rem;
		font-weight: bold;
	}

	#boxes h3 {
		text-align: center;
		font-size: 7rem;
		font-weight: bold;
	}

	.box-blue {
		background: #009dd9;
	}
	.box-yellow {
		background: #ffc52e;
	}
	.box-grey {
		background: #505757;
	}


	.blue	{ background: #4163a5 !important; }
	.aqua	{ background: #1fbbc0 !important; }
	.purple	{ background: #7d5494 !important; }
	.green	{ background: #5cc49c !important; }

	.blue, .blue p, .blue h1, .blue h2, .blue h3,
	.aqua, .aqua p, .aqua h1, .aqua h2, .aqua h3,
	.purple, .purple p, .purple h1, .purple h2, .purple h3,
	.green, .green p, .green h1, .green h2, .green h3
	{
		color: white;
	}

	#mainVideo { line-height: 0; }
/*****<< Homepage >>*****/

/*****<< Normal >>*****/
	h2 {
		margin-top: 1rem;
	}

	.activeDisplay {
		display: block;
		visibility: visible;
	}

	.hiddenDisplay {
		display: none;
		visibility: hidden;
	}

	.faqs .question {
		border-left: 2px solid #505757;
		font-size: 1.25rem;
		font-weight: bold;
		cursor: pointer;
		padding: .25rem;
		padding-left: .5rem;
	}

	.faqs .answer {
		padding-left: 2rem;
		padding-top: .5rem;
		padding-bottom: 2rem;
	}

	.hotel {
		padding-bottom: 1rem;
		border-bottom: 1px solid #505757;
		margin-bottom: 2rem;
	}
	
	.monopolycard {
		width: 100%;
		border: 1px solid #1c9cb1;
		border-collapse: collapse; 
	}

	.monopolycard td, .monopolycard th {
		margin: 0px;
		padding: 5px;
	}

	.monopolycard th {
		text-align: left;
		background: #1c9cb1;
		color: #F2F2F2;
	}

	.monopolycard th a {
		color: #FFFFFF !important;
	}

	#stdbody {
		
	}

	.sidenav {
		padding-left: 1rem;
		padding-top: 1rem;
		list-style: none;
	}

	#side_nav a, #side_nav a:hover,
	.secondLevelNav a, .thridLevelNav a,
	.secondLevelNav a:hover, .thridLevelNav a:hover {
		color: #a0a0a0;
		text-transform: uppercase;
		font-weight: bold;
	}
	#side_nav a:hover,
	.secondLevelNav a:hover, .thridLevelNav a:hover {
		color: #1c9cb1;
	}

	#main_content {
		font-size: 1.2rem;
		padding-bottom: 4rem;
	}

	.speakers {
		margin-top: 2rem;
		margin-bottom: 2rem;
	}

	.speakers h2 {
		margin: 0;
		padding: 0;
	}

	.speakers h2 a {
		color: #1c9cb1;
		text-transform: uppercase;
		font-size: 1rem;
		font-weight: bold;
	}
	.speakers b {
		color: #505757;
	}
	.speaker_title {
		color: #505757;
		font-size: 2.8rem;
		font-weight: bold;
		padding: 0;
		margin: 0;
		margin-bottom: 2rem;
	}

	#section_4 {
		text-align: center;
		background: #FFF;
		border-top: 20px solid #5f3a64
	}

	#section_4 ul {
		margin: 0;
		padding: 5px;
		list-style: none;
	}

	#section_4 li {
		display: inline;
		margin: 0;
		padding: 25px;
		position: relative; /*--Declare X and Y axis base--*/

	}
/*****<< Normal >>*****/

/*****<< 3. Std Page >>*****/
	.stdPageHeader {
		display: block;
		width: 100%;
		text-align: center;
		margin-bottom: 0px;

	}
	.stdPageHeader .bg {
		background-size: cover;
		background-position: center;
		background-repeat: no-repeat; 
	}
	.stdPageHeader h1 {
		padding-top: 4.4rem;
		padding-bottom: 4.4rem;
		font-size: 4.8rem;
		color: #fff; 
		margin-bottom: 0;
	}

	.stdPageHeader .aqua_bg		{ background: rgba(10, 185, 201, .5); }
	.stdPageHeader .green_bg	{ background: rgba(153, 194, 77, .5); }
	.stdPageHeader .purple_bg	{ background: rgba(122, 108, 150, .5); }
	.stdPageHeader .orange_bg	{ background: rgba(246, 166, 44, .5); }
	.stdPageHeader .white_bg	{ background: rgba(255, 255, 255, .5); color: black; }
	.stdPageHeader .white_bg h1	{ color: black; }
/*****<< 3. Std Page >>*****/

/*****<< 5. News >>*****/
	.newsTicker {
		background: #163966;
		color: rgba(255, 255, 255, 0.75); 
	}
	.newsTicker .chevrons {
		color: rgba(255, 255, 255, 0.75);
		margin-right: 1rem;
		font-size: 1.5rem; 
	}
	.newsTicker .leftChevron {
		margin: 0px;
		padding: 0px;
		line-height: 1rem;
		margin-top: .8rem;
		margin-right: .5rem;
		cursor: pointer;
		transition: .2s ease-out; 
	}
	.newsTicker .leftChevron:hover {
		color: white; 
	}
	.newsTicker .rightChevron {
		margin: 0px;
		padding: 0px;
		line-height: 1rem;
		margin-top: .8rem;
		cursor: pointer;
		transition: .2s ease-out; 
	}
	.newsTicker .rightChevron:hover {
		color: white; 
	}
	.newsTicker .row {
		padding: 1rem 0 .5rem 0;
	}
	.newsTicker .fab {
		color: rgba(255, 255, 255, 0.75);
		font-size: 1.25rem; 
	}
	.newsTicker .news {
		display: inline;
		font-weight: 600;
		text-transform: uppercase;
	}
	.newsTicker h2 {
		color: white;
		font-size: 1.25rem;
	}
	.newsTicker h2 a {
		color: white;
	}
	.newsTicker h2 a:hover {
		text-decoration: underline;
	}

	.newsTicker .rm {
		text-transform: uppercase;
		font-size: .9em;
	}
/*****<< 5. News >>*****/

/*****<< 6. Linked Icons >>*****/
	.linkedIcons {
		padding-top: 5rem;
		padding-bottom: 5rem;
		text-align: center;
	}
	.linkedIcons h1 {
		font-size: 5rem;
		color: #5f97d1; 
	}
	.linkedIcons hr {
		border-top: 1px solid rgba(107, 108, 108, 0.25);
		width: 5rem;
		margin-top: 3rem;
		margin-bottom: 3rem; 
	}
	.linkedIcons .icons {
		margin-top: 3rem; 
	}
	.linkedIcons .icon .iconImg {
		display: block;
		height: 6rem;
		width: 6rem;
		margin: .5rem auto 1rem auto;
		background-size: contain;
		background-position: center;
		background-repeat: no-repeat; 
	}
	.linkedIcons .icon:hover {
		background: #ebeff0;
		cursor: pointer;
	}

	.linkedIcons .icon p {
		text-transform: uppercase; 
	}
	.linkedIcons.threeWCopy {
		color: #6b6c6c;
		background: #e2e2e2; 
	}
	.linkedIcons.threeWCopy .horzConstrain {
		width: 55%;
		margin-left: auto;
		margin-right: auto; 
	}
	.linkedIcons.threeWCopy .icon:not(:first-child) {
		border-left: 1px solid rgba(107, 108, 108, 0.25); 
	}
	@media screen and (max-width: 34em) {
		.linkedIcons.threeWCopy .icon:not(:first-child) {
			border-left: none; 
		} 
	}
	.linkedIcons .fourNoCopy {
		color: #6b6c6c;
		background: white; 
	}
	.linkedIcons .fourNoCopy .horzConstrain {
		width: 75%;
		margin-left: auto;
		margin-right: auto; 
	}
	.linkedIcons .fourNoCopy .icon:not(:first-child) {
		border-left: 1px solid rgba(107, 108, 108, 0.25); 
	}
	.linkedIcons.threeNoCopyWBg {
		/*background-image: url("../img/bg2.png");*/
		background-color: #163966;
		background-size: cover;
		background-position: center;
		background-repeat: no-repeat; 
	}
	.linkedIcons.threeNoCopyWBg p {
		color: #5f97d1; 
	}
/*****<< 6. Linked Icons >>*****/

/*****<< 7. Infographic >>*****/
	.infographic {
		/*background-image: url("../img/bg3.png");*/
		background-color: #0ab9c9;
		color: white;
		padding-top: 4rem;
		padding-bottom: 4rem;
		background-size: cover;
		background-position: center;
		background-repeat: no-repeat; 
	}
	/*
	.infographic h2 {
		font-size: 5rem;
		text-align: center; 
	}
	*/
	.infographic .info {
		flex-direction: row;
		justify-content: center;
		color: rgba(255, 255, 255, 0.75); 
	}
	@media screen and (max-width: 48em) {
		.infographic .info {
			flex-direction: column; 
		} 
	}
	.infographic .info .display {
		font-size: 500%;
		margin-left: 2rem;
		line-height: 150%; 
	}
	@media screen and (max-width: 48em) {
		.infographic .info .display {
			margin-left: 0px; 
		} 
	}
	@media screen and (min-width: 75em) {
		.infographic .info .display {
			font-size: 650%; 
		} 
	}
	@media screen and (max-width: 48em) {
		.infographic .info div:first-child .display,
		.infographic .info div:first-child .caption {
			margin-left: 0px; 
		} 
	}
	.infographic .info .caption {
		text-transform: uppercase;
		margin-left: 2rem;
		font-size: 125%; 
	}
	@media screen and (max-width: 48em) {
		.infographic .info .caption {
			margin-left: 0px;
			text-align: center; 
		} 
	}
/*****<< 7. Infographic >>*****/

/*****<< 8. Featured Content >>*****/

	.content_card .card {
		height: calc(100% - .75rem); 
		margin-bottom: .75rem;
	}

	.content_card .date {
		margin-bottom: .25rem;
	}

	.content_card .imageLink {
		position: absolute;
		overflow: hidden;
		
		display: block;
		height: 100%;
		width: 100%;
		
		background-repeat: no-repeat;
		background-size: cover;
		background-position: 0% 25%; 
	}

	.content_card .imageTop .imageLink {
		position: relative;
	}

	@media screen and (max-width: 48em) {
		.content_card .imageLink {
			position: relative;
		}
		.content_card .card .row-eq-height {
			flex-direction: column; 
		}
		.content_card .imageLink {
			padding-bottom: 100%; 
		}
		.content_card .col-md-2 .imageLink {
			padding-bottom: 0; 
		}
	}

	.content_card .pointer {
		position: relative; 
	}

	.content_card .pointer:after {
		content: "";
		display: block;
		position: absolute;
		background: white;
		z-index: 10;
		transform: rotate(45deg); 
	}

	.content_card .pointer .content {
		position: relative;
		z-index: 11; 
	}

	.content_card .content .tag {
		text-transform: uppercase;
		margin-top: 1rem;
		margin-bottom: 1.5rem;
		color: #41515d; 
		box-shadow: none;
		font-size: 1rem;
	}

	.content_card .content .tag .timeStamp {
		float: right;
		text-transform: none; 
	}

	.content_card .content .articleTitle {
		font-size: 170%;
		line-height: 125%;
		color: #163966; 
	}

	.content_card .content .btn {
		margin-top: 1rem; 
	}

	.content_card .image {
		position: relative;
		padding: 0px;
		z-index: 9; 
	}

	.content_card .orange {
		background: #f6a62c !important; 
	}


	.content_card .orange .content .tag {
		color: white; 
	}

	.content_card .aqua {
		background: #0ab9c9 !important; 
	}

	.content_card .aqua .content .tag {
		color: white; 
	}

	.content_card .buttonWrap {
		margin-top: 3rem; 
	}

	@media screen and (max-width: 48em) {
		.content_card .imageRight .row-eq-height {
			flex-direction: column-reverse; 
		}
	}

	@media screen and (max-width: 48em) {
		.content_card .imageRight .row-eq-height .pointer:after {
			top: -1.25rem !important;
			left: 2.5rem !important;
			height: 2.5rem !important;
			width: 2.5rem !important; 
		}
	}

	.content_card .content {
		padding: 1rem;
		padding-bottom: 3rem; 
	}

	.content_card .fullWidth.imageRight .pointer:after,
	.content_card .oneThird.imageRight .pointer:after {
		top: 2rem;
		right: -1.5rem;
		height: 3rem;
		width: 3rem; 
	}

	.content_card .fullWidth.imageLeft .pointer:after,
	.content_card .oneThird.imageLeft .pointer:after {
		top: 2rem;
		left: -1.5rem;
		height: 3rem;
		width: 3rem; 
	}

	@media screen and (max-width: 48em) {
		.content_card .fullWidth.imageLeft .pointer:after,
		.content_card .oneThird.imageLeft .pointer:after {
			top: -1.25rem !important;
			left: 2.5rem !important;
			height: 2.5rem !important;
			width: 2.5rem !important; 
		}
	}

	.content_card .imageTop .imageLink {
		padding-bottom: 100%; 
		min-height: 200px;

	}

	.content_card .imageTop .pointer:after {
		top: -1.25rem;
		left: 2.5rem;
		height: 2.5rem;
		width: 2.5rem; 
	}
/*****<< 8. Featured Content >>*****/

/*****<< 11. Links List >>*****/
	.linksList {
		padding-top: 4rem;
		padding-bottom: 4rem;
	}
	.linksList hr {
		width: 5rem;
		margin-top: 1.5rem;
		margin-bottom: 2rem;
		margin-left: 0px; 
	}
	.linksList ul,
	.linksList p {
		font-size: 150%; 
	}
	.linksList li {
		padding-top: .75rem;
		padding-bottom: .75rem; 
	}
	.linksList li .fa-angle-double-right {
		color: #99c24d;
		line-height: 150%;
		font-size: 75%; 
	}
	.linksList.twoCol {
		background: white; 
	}
	/*
	.linksList.twoCol h2 {
		font-weight: 300;
		font-size: 475%;
		color: #41515d; 
	}
	*/
	.linksList.twoCol hr {
		border-top: 1px solid rgba(107, 108, 108, 0.25); 
	}
	.linksList.twoCol li {
		border-top: 1px solid rgba(107, 108, 108, 0.25); 
	}
	.linksList.twoCol li:last-child {
		border-bottom: 1px solid rgba(107, 108, 108, 0.25); 
	}
	.linksList.twoCol .links div:first-child ul {
		margin-bottom: 0; 
	}
	@media screen and (max-width: 48em) {
		.linksList.twoCol .links div:first-child ul {
			margin-top: 1rem; 
		} 
	}
	@media screen and (max-width: 48em) {
		.linksList.twoCol .links div:first-child ul li:last-child {
			border-bottom: none; 
		} 
	}
	.linksList.oneCol {
		/*background-image: url(../img/bg4.png);*/
		background-color: #163966;
		color: rgba(255, 255, 255, 0.75);
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover; 
	}
	.linksList.oneCol hr {
		border-top: 1px solid rgba(255, 255, 255, 0.75); 
	}
	/*
	.linksList.oneCol h2 {
		font-weight: 300;
		font-size: 475%;
		color: #5f97d1; 
	}
	*/
	.linksList.oneCol li {
		border-top: 1px solid rgba(255, 255, 255, 0.75); 
	}
	.linksList.oneCol li:last-child {
		border-bottom: 1px solid rgba(255, 255, 255, 0.75); 
	}
/*****<< 11. Links List >>*****/

/*****<< 12. Call To Action >>*****/
	.ctaBanner {
		/*background-image: url(../img/bg5.png);*/
		padding-top: 5rem;
		padding-bottom: 5rem;
		background-color: #0ab9c9;
		color: rgba(255, 255, 255, 0.75);
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover; 
	}
	@media screen and (max-width: 48em) {
		.ctaBanner {
			text-align: center; 
		} 
	}
	/*
	.ctaBanner h2 {
		font-weight: 300;
		font-size: 350%; 
	}
	*/
	@media screen and (max-width: 48em) {
		.ctaBanner .btn {
			margin-top: 2rem; 
		} 
	}
/*****<< 12. Call To Action >>*****/

/*****<< 13. Logos Banner >>*****/
	.logosBanner {
		padding-top: 4rem;
		padding-bottom: 4rem;
		background-color: white; 
	}
	/*
	.logosBanner h2 {
		font-weight: 300;
		font-size: 475%;
		text-align: center;
		color: #5f97d1; 
	}
	*/
	@media screen and (max-width: 48em) {
		.logosBanner .row-eq-height {
			flex-direction: column;
			margin-top: 3rem; 
		} 
	}
	@media screen and (max-width: 48em) {
		.logosBanner .row-eq-height > div {
			max-width: 60%; 
		} 
	}
/*****<< 13. Logos Banner >>*****/

/*****<< 14. People List >>*****/
	.peopleList {
		padding-top: 4rem;
		padding-bottom: 4rem; 
	}
	/*
	.peopleList h2 {
		font-size: 475%;
		text-align: center;
		color: #5f97d1; 
	}
	*/
	.peopleList .portrait {
		width: 100%;
		padding-bottom: 100%;
		border-radius: 50%;
		background-size: cover;
		background-position: center;
		background-repeat: no-repeat; 
	}
	@media screen and (max-width: 48em) {
		.peopleList .portrait {
			width: 60%;
			padding-bottom: 60%;
			margin-top: 2rem; 
		} 
	}
/*****<< 14. People List >>*****/

/*****<< 18. List Groups >>*****/
	.listGroup{
		font-family: 'Alegreya Sans', sans-serif;
		font-weight: 400;
		padding-top: 3rem;
		padding-bottom: 3rem;
		max-width: 100%;
		width: 50rem;
		margin-left: auto;
		margin-right: auto;
	}

	.list-group{
		
	}

	.list-group .list-group-item-heading{
		font-weight: 300;
		color: #5f97d1 !important;
	}
/*****<< 18. List Groups >>*****/

/*****<< 9. Copy Blocks >>*****/
	.copyBlock {
		padding-top: 2rem;
		padding-bottom: 2rem;
		/* height: 100%; */
	}
	@media screen and (max-width: 48em) {
		.copyBlock .row-eq-height {
			flex-direction: column; 
		} 
	}
	/*
	.copyBlock h2 {
		font-weight: 300;
		font-size: 475%;
		color: #41515d; 
	}
	*/
	.copyBlock hr {
		border-top: 1px solid rgba(107, 108, 108, 0.25);
		width: 5rem;
		margin-top: 1.5rem;
		margin-bottom: 2rem;
		margin-left: 0px; 
	}
	.copyBlock .card {
		height: 100%;
		color: white; 
	}
	.copyBlock .card:before {
		content: '';
		display: block;
		height: .5rem;
		width: 100%;
		background: rgba(0, 0, 0, 0.1) !important; 
	}

	.copyBlock .card.aqua	{ background: #0ab9c9 !important; }
	.copyBlock .card.green	{ background: #99c24d !important; }
	.copyBlock .card.purple	{ background: #7a6c96 !important; }
	.copyBlock .card.orange	{ background: #f6a62c !important; }
	.copyBlock .card.white	{ background: #FFFFFF !important; color: black; }

	.copyBlock .card .content {
		padding: 1rem; 
	}
	.copyBlock.noLinks {
		background: white; 
	}
	.copyBlock.noLinks .card h3 {
		color: #41515d; 
	}
	.copyBlock.copyLinks {

	}
	.copyBlock.copyLinks .card h3 {
		text-transform: uppercase;
		font-size: 70%;
		font-weight: bold;
		color: rgba(0, 0, 0, 0.2); 
	}
	.copyBlock.copyLinks .card p {
		font-size: 125%;
		line-height: 125%;
		margin-top: 1rem; 
	}
	.copyBlock.copyLinks .card a {
		color: rgba(255, 255, 255, 0.75);
		margin-top: 1rem; 
	}
	.copyBlock.copyLinks .card a:hover {
		color: white; 
	}
/*****<< 9. Copy Blocks >>*****/

/*****<< 4. Hero >>*****/
	.hero, .hero .vertAlignWrap {
		min-height: 31.6rem;
	}
	
	.hero {
		width: 100%;
		background-size: cover;
		background-position: center;
		color: #fff;
	}

	.hero h1 {
		color: #fff;
		font-size: 5rem; 
	}

	.hero p {
		color: #fff;
		font-size: 1.5rem; 
	}

	.hero .container {
		min-height: 100%; 
	}

	.hero .vertAlignWrap {
		display: table;
		width: 100%;
	}

	.hero .vertAlignCont {
		display: table-cell;
		vertical-align: middle; 
	}

	.hero hr {
		border-top: 1px solid rgba(255, 255, 255, 0.5);
		width: 5rem; 
	}

	.hero.leftAlignWBg hr {
		margin-left: 0px; 
	}

	.hero.leftAlignWBg .horzConstrain {
		max-width: 65%; 
	}

	.hero.leftAlignWBg .horzConstrain p {
		max-width: 80%; 
	}

	.hero.centerAlignWBg {
		text-align: center; 
	}

	.hero.centerAlignWBg h1 {
		color: #5f97d1; 
	}

	@media screen and (max-width: 1199px) {
		.hero, .hero .vertAlignWrap {
			min-height: 15rem;
		}
		.hero h1 {
			font-size: 3.5rem; 
		}
			
	}
/*****<< 4. Hero >>*****/

.electric_tree {
	background: url(/images/wcuc_18_electric_tree) top center;
	background-size: cover;
	background-position: center;
}

.blue a {
	color: white;
}

#signup input {
	background: white;
	color: #bababa;
	font-weight: bold;
	border-right: 5px solid #bababa;
	border-bottom: 2px solid #bababa;
	padding: 3px 5px;
	width: 90%;
}

#signup .submit {
	border: 0;
	background: #5cc49c;
	color: white;
	width: 50%;

}

h3.form {
	font-size: 1.75rem;	
}
h1.form {
	font-size: 5.5rem;
	font-weight: bold;
}

/* Default to hide the video on all devices */
#video { display:none }

/* Default to display the image on all devices */
#videosubstitute {
	display: block;
	width: auto;
	height: 100%;
	margin: 0 auto;
}


#fullScreenDiv {
	width:100%;
	min-height: 50%; 
	/* Set the height to match that of the viewport. */
	height: auto;
	max-height: 60vh;
	width: auto;
	padding:0!important;
	margin: 0!important;
	background-color: #333;
	position: relative;
	overflow: hidden;
}
#video {    
	width: 100vw; 
	height: auto;
	object-fit: cover;
	object-position: 50% 50%;
	left: 0px;
	top: 0px;
	z-index: 1;
}

@media (min-aspect-ratio: 16/9) {
	#video{
		height: 150%;
		top: -100%;
	}
	#videosubstitute{
		display:block;
		width: 100%;
		height: auto;
	}
}

@media (max-aspect-ratio: 16/9) {
	#video {
		width: 150%;
		left: -100%;
	}
	#videosubstitute { 
		display: block;
		width: auto;
		height: 100%;
	}
}

/*if there is 992  pixels or more, then display the video but hide the image*/
@media only screen and (min-width : 700px) {
	#video { display: block; }
	#videosubstitute { display: none }
}   

/* The container for our text and stuff */
#messageBox {
	position: absolute;
	top: 0;
	left: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
}

#videoDiv {
	overflow: hidden;
}

#footerNav {
	margin: 0;
	list-style: none;
	padding: 1em 3em;
}
#footerNav a {
	color: white;
	font-weight: bold;
	padding: 0;
}

#footerNav li {
	list-style-type: none;
}



#signup_footer { 
	padding-top: 1em;
}

#signup_footer input {
	background: white;
	color: #bababa;
	font-weight: bold;
	font-size: .8em;
	border-right: 5px solid #bababa;
	border-bottom: 2px solid #bababa;
	padding: 2px 5px;
	width: 90%;
	margin-bottom: 4px;
}

#signup_footer .submit {
	border: 0;
	background: #5cc49c;
	color: white;
	width: 50%;

}
footer {
	background: #1c9aaf url(/images/wcuc_18_white_globe) no-repeat bottom right; /* #0b3673 url(/images/wcuc_18_header_bg) repeat-x bottom center; */
}
footer .btn {
	padding: .5rem 1rem;
}
footer h3 {
	font-family: "futura-pt", Arial, Helvetica, sans-serif;
}


.countdown_area {
	background: #1c9cb1;
}

.table a {
	margin-left: 0;
}

td {
	vertical-align: top;
}

.side_bread {
	display: none;
}
#jquery-lightbox { z-index: 1100 !important; }

.greyed {
	border: 1px solid #666;
	background: #ccc;
}

.mybox {
	padding: 3rem;
}
@media screen and (max-width: 42em) {
	.mybox {
		padding: .5rem;
	}
	.mybox img {
		width: 33%;
		height: auto;
	}
}
table td {
	font-size: 1.2rem;
}
table th {
	font-size: 1.2rem;
}

.imgReact {
	width: 100%;
	height: auto;
}

.video-responsive{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}
.video-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}

#section_4 img {
	width: 50%;
	height: auto;
	max-width: 250px;

}

a				{ color: #1c9cb1; }
a:link			{ color: #1c9cb1; }
a:active		{ color: #1c9cb1; }
a:hover			{ color: #444; }
a:visited		{ color: #1c9cb1; }
a:visited:hover	{ color: #444; }

table a				{ color: #1c9cb1; }
table a:link			{ color: #1c9cb1; }
table a:active		{ color: #1c9cb1; }
table a:hover			{ color: #444; }
table a:visited		{ color: #1c9cb1; }
table a:visited:hover	{ color: #444; }

.ondemand { background: #aad155 !important; font-weight: bold; }

/*****<< Webmaster Tools >>*****/
	#web_tools {
		color: #000 !important; 
		position: fixed;
		top: 0;
		left: 0;
		z-index: 100;
	}

	#test {

	}
	#test .xs, #test .sm, #test .md, #test .lg, #test .xl { display: none; }

	#web_controls {
		padding: .5rem;
		background: #fff; 
		border-right: 1px solid black;
		border-bottom: 1px solid black;
	}


	/* xs */
	@media screen and (max-width: 575px) {
		#test .xs { display: block;  border: 2px solid red; }	
	}

	/* sm */
	@media screen and (min-width: 576px) and (max-width: 767px) {
		#test .sm { display: block;  border: 2px solid yellow; }	
	}
	
	/* md */
	@media screen and (min-width: 768px) and (max-width: 991px) {
		#test .md { display: block;  border: 2px solid green; }
	}
	
	/* lg */
	@media screen and (min-width: 992px) and (max-width: 1199px) {
		#test .lg { display: block;  border: 2px solid blue; }
	}

	/* xl */
	@media screen and (min-width: 1200px) {
		#test .xl { display: block;  border: 2px solid black; }
	
	}
/*****<< Webmaster Tools >>*****/

.btn-primary {
	color: white !important;
}