/*!
Theme Name: lbcit-phasenyne
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: lbcit-phasenyne
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

lbcit-phasenyne is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
html {
	font-family: sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

body {
	margin: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
	display: block;
}

audio,
canvas,
progress,
video {
	display: inline-block;
	vertical-align: baseline;
}

audio:not([controls]) {
	display: none;
	height: 0;
}

[hidden],
template {
	display: none;
}

a {
	background-color: transparent;
}

a:active,
a:hover {
	outline: 0;
}

abbr[title] {
	border-bottom: 1px dotted;
}

b,
strong {
	font-weight: bold;
}

dfn {
	font-style: italic;
}

h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

mark {
	background: #ff0;
	color: #000;
}

small {
	font-size: 80%;
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

img {
	border: 0;
}

svg:not(:root) {
	overflow: hidden;
}

figure {
	margin: 1em 40px;
}

hr {
	box-sizing: content-box;
	height: 0;
}

pre {
	overflow: auto;
}

code,
kbd,
pre,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
	color: inherit;
	font: inherit;
	margin: 0;
}

button {
	overflow: visible;
}

button,
select {
	text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}

button[disabled],
html input[disabled] {
	cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

input {
	line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

legend {
	border: 0;
	padding: 0;
}

textarea {
	overflow: auto;
}

optgroup {
	font-weight: bold;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

td,
th {
	padding: 0;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
optgroup,
textarea {
	color: #333333;
	font-family: "Roboto", sans-serif;
	font-weight: 300;
	font-size: 16px;
	font-size: 1.5rem;
	line-height: 1.5;
}

button {
	text-transform: uppercase;
	font-weight: 600;
	letter-spacing: 1px;
}

h1, h2, h3, h4, h5, h6 {
	clear: both;
	font-family: "Open Sans", sans-serif;
}

h1 {
	font-size: 72px;
	font-weight: 800;
	line-height: 1;
}

h2 {
	font-size: 40px;
	font-weight: 800;
	line-height: 1.2;
}

h3 {
	text-transform: uppercase;
	font-weight: 800;
	font-size: 18px;
	letter-spacing: 1px;
	line-height: 1.2;
}

h5 {
	font-family: "Roboto";
	font-weight: 300;
	font-size: 25px;
	line-height: 1.5;
}

h6 {
	text-transform: uppercase;
}

p {
	margin-bottom: 1.5em;
	font-size: 18px;
	line-height: 1.5;
}

.heading-emph div h2 {
	color: #692686;
	font-size: 65px;
	margin-bottom: 55px;
	letter-spacing: 1.5px;
	/*Below relative pos and z-index is for styling gray bg square in events*/
	position: relative;
	z-index: 1;
}

.heroCustom > div > div > div {
	width: 55% !important;
}

.heroButton button {
	/*font-weight: 600;*/
	/*letter-spacing: 1px;*/
	border: 3px solid !important;
	border-color: #d8d6d2 !important;
	background: transparent !important;
	height: auto;
	transition: all 0.3s;
	outline: 0 !important;
}


.heroButton span a {
	border: 3px solid !important;
	border-color: #d8d6d2 !important;
	background: transparent !important;
	height: auto;
	transition: all 0.3s;
	outline: 0 !important;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 800;
}


.heroButton button::before {
	border-width: 0 !important;
}

.heroButton button:hover {
	border-color: #b3b3b3 !important;
	outline: 0 !important;
}

.heroCustom h1 {
	line-height: 1.2;
	font-size: 50px;
	font-weight: 600;
}

.heroCustom h3 {
	line-height: 1.5;
	font-family: "Roboto";
	font-size: 25px;
	font-weight: 500;
	text-transform: none;
}


.heroCustom p {
	line-height: 0;
}

.heroCustom-alt p {
	font-weight: 500;
	font-size: 25px;
	padding-top: 100px;
}

.heroCustom-dark .vce-hero-section--content-container h2{
	color: #000;
	font-size: 30px;
}

.heroCustom-dark .vce-hero-section--content-container {
	background-color: rgba(241, 242, 242, 0.8);
    margin-bottom: 0 !important;
    padding: 50px 80px;
}

.heroButton-dark {
	padding-top: 20px !important;
	padding-bottom: 50px;
}

dfn, cite, em, i {
	font-style: italic;
}

blockquote {
	margin: 0 1.5em;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code, kbd, tt, var {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
	font-size: 15px;
	font-size: 0.9375rem;
}

abbr, acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark, ins {
	background: #fff9c0;
	text-decoration: none;
}

big {
	font-size: 125%;
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
	box-sizing: border-box;
}

*,
*:before,
*:after {
	/* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
	box-sizing: inherit;
}

body {
	background: #fff;
	/* Fallback for when there is no custom background color defined. */
}

hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

ul, ol {
	margin: 0 0 1.5em 3em;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

dt {
	font-weight: bold;
}

dd {
	margin: 0 1.5em 1.5em;
}

img {
	height: auto;
	/* Make sure images are scaled correctly. */
	max-width: 100%;
	/* Adhere to container width. */
}

figure {
	margin: 1em 0;
	/* Extra wide images within figure tags don't overflow the content area. */
}

table {
	margin: 0 0 1.5em;
	width: 100%;
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 1px solid;
	color: #333333;
	font-size: 15px;
	line-height: 1;
	padding: 0;
	padding: .6em 1em .4em;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	border-color: #b3b3b3;
}

button:active, button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
	border-color: #b3b3b3;
}

.transpButton button {
	font-size: 15px !important;
	border: 2px solid !important;
	border-color: #d8d6d2 !important;
	background: transparent !important;
	height: auto;
	transition: all 0.3s;
	outline: 0!important;
}

.transpButton span a {
	color: #692686 !important;
	text-transform: uppercase !important;
	font-size: 15px !important;
	border: 2px solid !important;
	border-color: #d8d6d2 !important;
	background: transparent !important;
	height: auto;
	transition: all 0.3s;
	outline: 0!important;
	font-weight: 500;
}

.transpButton span a:visited {
	color: #333333 !important;
}

.transpButton span {
	margin-bottom: 0;
}

.transpButton span button {
	color: #692686;
}

.transpButton button:hover {
	border-color: #b3b3b3 !important;
}


.transpButton button {
	padding: 0;
}

.filledButton button {
	font-size: 15px!important;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	color: #666;
	border: 1px solid #ccc;
	border-radius: 3px;
	padding: 3px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
	color: #111;
}

select {
	border: 1px solid #ccc;
}

textarea {
	width: 100%;
}

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
	/*Styleguide: Turquoise*/
	/*color: #00a7e1;*/

	/*From the mockups*/
	/*color: #d8d6d2;*/
	/*Requested darker color for links*/
	color: #333333;
}

a:visited {
	/*Styleguide: Light Purple */
	/*color: #ddcde5;*/
	/*Styleguide: Dark grey*/
	color: #333333;
	/*Same as regular a*/
	/*color: #d8d6d2;*/
}

a:hover, a:focus, a:active {
	color: #692686;
	/*Styleguide: Medium Purple */
}

a:focus {
	outline: thin dotted;
}

a:hover, a:active {
	outline: 0;
}

.brand-link a {
	font-size: 18px;
	font-weight: 500;
}

.brand-link a:hover {
	text-decoration: none;
}

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/

/*NOTE: Nav bar still needs to be fixed for mobile sizing*/

/*Mobile nav*/

#hamburger-mobile {
	padding-right: 37px;
}

#side-menu-mobile {
	background-color: rgba(154, 84, 182, 0.7);
}

.mobile-menu {
	width: 100%;
	text-transform: uppercase;
	font-weight: 500;
	letter-spacing: 1px;
	/*Styleguide: Ink purple*/
	background-color: rgba(105,38,134,0.9);
	color: #fff;
	display: none;
}

.mobile-menu .phasenyne-title {
	color: #fff;
}

.mobile-menu .phasenyne-title:visited {
	color: #d8d6d2;
}

.mobile-menu ul {
	margin-left: 0;
	margin-bottom: 0;
}

.mobile-menu ul li {
	display: block;
}

.mobile-menu ul li a {
	color: #fff;
}

.mobile-menu ul li a:visited {
	color: #d8d6d2;
}

.mobile-menu .menu {
	margin: 0;
	padding: 0;
	/*border: 1px solid pink;*/
}

.mobile-menu .menu .sub-menu {
	margin-left: 0;
	padding-left: 0;
	background-color: rgba(154, 84, 182, 0.7);
	/*display: none;*/
}

.mobile-menu .menu-header-main-nav-container {
	width: 100%;
}

.mobile-menu .menu-item {
	padding: 0;
	padding-top: 10px;
}

.mobile-menu .menu-item a {
	display: inline-block;
	padding-bottom: 10px;
}



/* end mobile nav section styling*/

div {
  margin:0;
  padding:0;
}

#header-nav form {
	display: inline-block;
}

#header-nav {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 10;
	background: #f1f2f2;
}

#header-gray-bar,
#header-gray-bar-mobile {
	height:40px;
	text-align:right;
	line-height:40px;
	background:#333;
	text-transform: uppercase;
	font-family: Roboto, sans-serif;
	font-weight: bold;
	padding-right:50px;
	color:#d8d6d2;
}

#header-gray-bar a,
#header-gray-bar-mobile a {
	color:#d8d6d2;
}

.header-login-btn,
.header-join-btn {
	margin-right:20px;
}
/*Making sure page content aligns properly with top nav menu*/
/*For pages with a sub-nav (CBDC and WXN )*/
#content {
/*	padding-top: 100px; */
	padding-top: 78px;
}

body.sub-menu #content {
	padding-top: 240px;
}

body.sub-menu-wxn #menu-item-538 > a,
body.sub-menu-cbdc #menu-item-2196 > a,
body.page-id-37 #menu-item-140 > a,
body.parent-pageid-37 #menu-item-140 > a {
	/* content:"";
	display:inline-block; */
	border-bottom:2px solid #692686;
	line-height: 1.4;
}

.social-floater {
	position:fixed;
	top:350px;
	left:0;
	width:50px;
	z-index:200;
	padding-left:10px;
}
body.admin-bar .social-floater {
	top:382px;
}
.social-floater .social-link-icon {
	width:40px;
	height:40px;
	margin-bottom:5px;
	font-size: 26px;
}
.social-floater .social-link-icon i {
	top:8px;
}
.social-floater .social-link-icon i.fa-facebook {
    left: 12px;
}
.social-floater .social-link-icon i.fa-linkedin {
	left: 9px;
	top:7px
}
.social-floater .social-link-icon i.fa-instagram {
    left: 9px;
}

.link-divider,
.country-ddl {
	margin:0 15px;
}
.country-ddl {
	position: relative;
	border:1px solid #d8d6d2;
	padding:2px 10px;
	top: -1px;
}
#header-gray-bar .header-language-country.hidden-xs {
	display: inline-block;
	min-width: 350px;"
}
#header-gray-bar #header-search {
	display: inline-block;
}
#header-gray-bar .country-ddl .ddl a {
	color:#333;
}
#header-search-text {
	max-width:100%;
	width:200px;
	height:28px;
	display:inline-block;
}
#header-search-link {
	font-size:1.5em;
}
#input-container {
	display:inline-block;
	/* overflow:hidden; */
}
#header-search-form {
	position:relative;
	top:-2px;
}
.country-ddl .ddl {
	display:none;
	width:109px;
	position: absolute;
	top:22px;
	left:0;
	background:#fff;
	z-index:100;
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
	transition: all 0.7s;
	text-align: center;
}
.country-ddl .ddl a {
	color:#333;
}
.country-ddl:hover .ddl {
	display: block;
}

/*If admin bar is displayed, add relevant padding*/

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

.admin-bar #side-navigation {
	margin-top: 132px;
}

.menu-item h1 {
	font-size: 12px;
}

.menu-split, .menu-item {
  display:inline-block;

}
.menu-split-left {
  width: 50%;
}
.menu-split-right {
	width: 46%;
	margin-right: 20px;
	text-align: right;
}
.menu-item {
  color: #fff;
  /*height: 60px*/
  height:30px;
  line-height:40px;
  padding:10px;
}

.menu-split,
.menu-header-main-nav-container,
#primary-menu {
	display: inline-block;
	height: 60px;
	line-height: 40px;
}



/*#header-bar-container {
	vertical-align: top;
}
*/

#site-branding {
	border: 1px solid green;
}

/*#site-navigation {
	text-align:right;
	border:1px dashed yellow;
}*/

#primary-menu {
	list-style-type: none;
	padding:0;
	margin:0;
}

/*#primary-menu .sub-menu {
	display:none;
}*/


#primary-menu > li {
	/*height: 60px;*/
	line-height: 40px;
	padding: 0;
	padding-left: 10px;
	padding-right: 10px;
	display:inline-block;
}

#primary-menu > li > a {
	text-transform: uppercase;
}

.header-container {
	margin: 0;
	padding: 0;
}

#primary-menu {
	font-weight: 500;
	transition: all 0.7s;
}


#primary-menu ul > li:last-child:after {
	clear:both;
}


#primary-menu ul {
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
	background-color: white;
	float: right;
	position: absolute;
	top: 100%;
	left: -999em;
	margin-left: 2px;
	padding-left: 5px;
	z-index: 99999;
	transition: all 0.7s;
}

#primary-menu li:hover > ul,
#primary-menu li.focus > ul {
	left: 100%;
}

#primary-menu ul a {
	width: 200px;
}

#primary-menu li:hover > ul,
#primary-menu li.focus > ul {
	left: auto;
}

#primary-menu li {
	display: inline-block;
	position: relative;
	font-size: 1.5rem;
}

#primary-menu ul li {
	text-align: left;
}

#primary-menu a {
	display: block;
	text-decoration: none;
}



/* Second Nav */

.on-top {
	z-index: 9;
}

#side-menu {
	transition: all 0.7s;
}

#side-navigation {
	text-transform: uppercase;
	margin-top: 100px;
	font-weight: 500;
	display: block;
	position: fixed;
	width: 350px;
	height: 100%;
	right: -350px;
	top: 0;
	z-index: 1;
	overflow-x: hidden;
	transition: all 0.5s;
	background-color: rgba(105,38,134,0.9);
	text-align: left !important;
	/*Styleguide: Ink purple*/
}

#side-navigation a {
	letter-spacing: 1px;
	color: #fff;
}

#side-navigation a:hover {
	color: #d8d6d2 !important;
	text-decoration: none;
}
#side-navigation a:visited {
	color: #fff;
} 

#side-navigation .menu-item {
	height: auto;
	line-height: 1.5;
}

#side-navigation.changed {
	right: 0;
}

#side-navigation ul {
	float: initial;
	list-style: none;
	margin: 0;
	padding-left: 0;
}

#side-navigation li {
	display: block;
	float: initial;
	/*overflow: hidden;*/
}

#side-navigation .sub-menu {
	display: none;
	padding-top: 10px;
}

#side-navigation ul li:hover > .sub-menu,
#side-navigation ul li.focus > .sub-menu {
	position: relative;
	display: block;
}

.separator-headernav {
	border-bottom: 2px solid rgba(241, 242, 242, 0.7);
	width: 100%;
	height: 15px;
	margin: auto;
	margin-bottom: 15px;
}

.side-menu-additional a {
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #d8d6d2;
}


#hamburger, .hamburger {
	display: inline;
	/*float: right;*/
	font-size: 15px;
	font-weight: 500;
	/*color: #333333;*/
	border: 0;
	position: relative;
	z-index: 10;
	padding: 0;
	cursor: pointer;
}

#hamburger:hover, .hamburger:hover {
	text-decoration: none;
}


#hamburger span, .hamburger span {
	color: #692686;
	font-weight: 300;
	font-size: 30px;
	position: absolute;
	top: 40%;
	transform: translateY(-50%);
	left: 56px;
}

/*#hamburger:hover {
	color: #eae8e5;
}*/



/*Push the main page content to the left to make room for menu. But don't want to do that. Keeping this for reference for now.*/

/*#main {
	transition: padding-right 0.3s;
}

#main.changed {
	padding-right: 250px;
}
*/

/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
	/*display: block;*/
	display: none;
}

@media screen and (min-width: 37.5em) {
	.menu-toggle {
		display: none;
	}
	/*.main-navigation ul {
		display: block;
	}*/
}

.site-main .comment-navigation, .site-main
.posts-navigation, .site-main
.post-navigation {
	margin: 0 0 1.5em;
	overflow: hidden;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	float: left;
	width: 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}

/* FOOTER MENUS */

/* Clearing site credits from footer menu */
.site-credits {
	clear: both;
}

.site-footer {
	background: #333333;
	padding: 50px 20px 20px 20px;
}

.site-footer a {
	color:#d8d6d2;
}

.site-footer a:hover {
	color: #692686;
}

.site-footer h3, .site-footer p {
	color: #d8d6d2;
	line-height: 1.3;
	padding: 0;
	margin-bottom: 20px;
}

.site-footer p {
	font-size: 15px;
}

.site-footer .menu-item {
	padding:0;
}

.site-footer ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.site-footer .social-link-icon {
	margin-right:20px;
	background:#d8d6d2;
}
.site-footer .social-link-icon i {
	color:#333;
}

#footer-info-menu {
	/*border: 1px solid red;*/
}


#footer-about-menu {
	/*border: 1px solid pink;*/
}

#footer-bottom-menu {
	/*border: 1px solid blue;*/
	margin-bottom: 30px;
}


.footer-heading {
	text-transform: uppercase;
	color: #d8d6d2;
	font-family: "Open Sans", sans-serif;
	font-weight: 600;
	letter-spacing: 1.5pt;
}

/* .footer-newsletter {
	color: #f1f2f2 !important;
} */

.footer-circle {
	background-color: #d8d6d2;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	display: inline-block;
	margin-right: 10px;
}

.footer-button {
	width: 100%;
	margin-bottom: 20px;
}

.footer-button button {
	background-color: #692686;
	color: #f1f2f2;
	padding: 15px 30px;
	transition: all 0.3s;
	border: none;
}

.footer-button button:hover {
	background-color: #9a54b6;
}

/* Footer menu items */

#footer-about-menu .menu-item,
#footer-info-menu .menu-item {
	height: auto;
	display: block;
	line-height: 2;
}

#footer-bottom-menu .menu-item {
	height: 15px;
	line-height: 0;
	margin-right:20px;
}

.menu-footer-bottom-nav-container {
	display: inline-block;
}

.copyright {
	display: inline-block;
}

/*Hiding site credits*/

.site-credits {
	display: none;
}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	clip-path: none;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
	/* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
	outline: 0;
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: "";
	display: table;
	table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
	margin: 0 0 1.5em;
	/* Make sure select elements fit in widgets. */
}

.widget select {
	max-width: 100%;
}

/* News by Cision widget */
/* for the circle list style type look
#w8136_widget ul li {
	position: relative;
}

#w8136_widget ul li::before {
    content: '\00b7';
    color: #545454;
    font-size: 46px;
    position: absolute;
    top: 7px;
    left: 4px;
    font-family: "Times New Roman", sans-serif;
}
*/

#w8136_widget ul li a, #w8136_widget div {
	font-size: 18px;
}

#w8136_widget ul li span {
	font-size: 16px;
}

#w8136_widget .w8136_widgetTitle {
	text-transform: uppercase;
	font-weight: 800;
	font-size: 18px;
	letter-spacing: 1px;
	line-height: 1.2;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.wrapper {
	max-width: 1100px;
	margin: 0 auto;
}

.sticky {
	display: block;
}

.entry-header {
	margin: 0 0 1.5em;
	text-align: center;
}

.updated:not(.published) {
	display: none;
}

.page-content,
.entry-content,
.entry-summary {
	margin: 1.5em 0 0;
}

.entry-content {
	margin: 0 auto;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

.author-content {
	margin-bottom: 20px;
}

.author-content p {
	padding: 0 5px;
}

.author-image--container {
	float: left;
	padding-right: 10px;
}

.clearing {
	clear: both;
}

.social-links {
	margin-bottom: 20px;
}

.social-icon {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	float: left;
	margin-right: 10px;
}

.social-icon a{
	color: white;
	display: block;
	padding-left: 13px;
	padding-top: 7px;
}

.twitter {
	background-color: #00aced;
}

.facebook {
	background-color: #3b5998;
}

.facebook a {
	padding-left: 16px;
}

.instagram {
	background-color: #8B008B;
}

.linkedIn {
	background-color: #0077B5;
}


/*Blog home page*/

.page-id-110 #content {
	padding-top: 36px;
}

.post-110 .entry-header {
	margin-top: 0;
}

.blog-post {
	float: left;
	width: calc(33.33% - 60px);
	margin: 30px;
	border: 1px solid #b3b3b3;
	height: 450px;
	max-height: 450px;
}

.blog-box-category a {
	font-weight: 500;
	color: #692686;
	text-transform: uppercase;
	font-size: 12px;
	margin-top: 5px;
	margin-bottom: 0;
}

.blog-image {
	min-width: 100%;
	height: 300px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center top;
}

.blog-title-container {
	margin-top: 25px;
	padding: 0 10px;
}

.blog-post-title {
	margin: 0;	line-height: 1 !important;
}

.blog-post-title a {
	text-decoration: none;
	font-size: 15px;
	display:block;
	line-height:22px;
	font-weight: 700;
	color: #210021;
}

.blog-post-title a:hover {
	color: #692686;
}

.blog_loadmore {
	/*styling button*/
	display: block;
	color: #fff;
	font-family: "Roboto", sans-serif;
	font-weight: 500;
	text-transform: uppercase;
	padding: 20px;
	font-size: 15px;
	background: #692686;
	outline: none;
	border-radius: 0;
	text-align: center;
	margin-bottom: 15px;
	transition: all 0.5s;
	width: 95%;
	margin-right: auto;
	margin-left: auto;
}

.blog_loadmore:hover {
	cursor: pointer;
	text-decoration: none !important;
	color: #fff;
	background-color: #9a54b6;
}

.blog-hero-image {
	height: 430px;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.blog-hero {
	position: relative;
	margin-top: 15px;
}

.blog-hero-container {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
}

.blog-hero-title {
	text-align: center;
}

.blog-hero-title a {
	color: #fff;
	font-size: 25px;
	font-family: "Roboto";
	font-weight: 500;
	line-height: 1.2;
}

.blog-hero-more {
	display: inline-block;
	margin-top: 20px;
	font-weight: 500;
	color: #fff !important;
	letter-spacing: 1px;
	border: 1px solid;
	border-color: #fff !important;
	font-size: 15px;
	padding: 10px 20px;
	text-transform: uppercase;
}

.blog-hero-more:hover {
	text-decoration: none !important;
}

.clearMe {
	clear: left;
}

/*Blog Footer */
.main-blog-footer {
	margin-top: 100px;
	background-color: #f1f2f2;
	text-align: center;
	padding-top: 100px;
	padding-bottom: 100px;
}

.main-blog-footer > div {
	width: 75%;
	margin: 0 auto;
}

.main-blog-footer > div h2 {
	font-size: 35px;
}

.main-blog-footer > div button {
	margin: 0 auto;
	color: #fff;
	background-color: #692686;
	border: none;
	padding: 15px 43px;
	transition: all 0.5s;
}

.main-blog-footer > div button:hover {
	background-color: #9a54b6;
}

/*SINGLE ENTRY ON BLOG*/


article.post {
	margin-bottom:100px;
}

.blog-title,
.single-post h1 {
	font-size: 35px;
	line-height: 1.2;
	margin-top: 0;
	margin-bottom:0.25em;
}

.entry-posted-by {
	margin-bottom:4em;
}

.blog-entry-header {
	width: 100%;
	margin-top: 0;
}

.entry-header-image {
	height: 500px;
	width: 100%;
	background-position: center 30%;
	background-repeat: no-repeat;
}


.blog-entry-category-container {
	background-color: #eae8e5;
	width: 100%;
	text-align: center;
}

.blog-entry-category-container div {
	margin: 0 auto;
	width: 80%;
	text-align: center;
}

.blog-entry-category-container a {
	color: #692686;
	display: inline-block;
	padding: 20px 10px;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 1.5rem;
	font-weight: 500;
	text-align: center;
}

.blog-entry-content,
.blog-sidebar-container {
	margin: 0 auto;
	margin-top: 100px;
}

.blog-entry-content span {
	font-size: 1.8rem;
}

.blog-repeater {
	margin-top: 100px;
}

/*Comments are in template comments.php*/
.comments-title {
	font-size: 25px;
}

.blog-sidebar-container .widget {
	border:1px solid #000;
	padding:30px 20px 20px 20px;
}

.blog-sidebar-container .widget h2 {
	font-size: 25px;
	text-transform: uppercase;
	margin-top:0;
}

.blog-sidebar-container .widget input[type="text"],
.blog-sidebar-container .widget input[type="email"] {
	width:100%;
}

.blog-sidebar-container .widget .mc4wp-form-fields p:last-child {
	margin-bottom:0;
}

.blog-sidebar-container .widget .social-links a {
	font-size: 30px;
	display:inline-block;
	width:24%;
	text-align:center;
}
.blog-sidebar-container .widget .social-links.five-links a {
	width:19%;
}
.blog-sidebar-container .widget .social-links.three-links a {
	width:32%;
}

.blog-sidebar-container .widget .search-submit {
	color:#fff;
	border:0;
	background-color: #692686;
}

.blog-sidebar-container .widget.widget_archive ul {
	margin:0;
	padding-left:0;
	list-style-type: none;
}

.entry-footer {
	margin-bottom:15px;
}

article.post .social-links a {
    padding-left: 14px;
    padding-top: 9px;
}
article.post .social-links .facebook a {
    padding-left: 16px;
}
/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
	/* Theme Footer (when set to scrolling) */
	display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
	display: inline-block;
}


/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

.wp-caption-text {
	text-align: center;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-caption {
	display: block;
}


/* CUSTOM */

/* Pushing all content down to make room for the page sub-menus */
/*There is something weird on WXN and CBDC pages - I removed the VC box top margin of 100px and this works correctly when previewing the page - but when I update it and then look at it, the margin remains. Then when look at the edit page screen, the margin is 0, like what I specified. Where is it coming from?
The below 200px margin-top applies only when there is 0px of margin on the VC hero box. */

/*Also now this margin is inconsistent for different pages. I don't know why...*/
.entry-header {
	/*margin-top: 70px;*/
	/*margin-top: 178px;*/
}

/*Fixing margins for when no submenu */

/*PhaseNyne Foundation page*/
.post-1182 .entry-header {
	/*margin-top: 70px;*/
	margin-top: 0;
}
/*From P9 Events page*/
.post-1159 .entry-header {
	margin-top: 0;
}

/*From Diversity Champions page*/
.post-885 .entry-header {
	margin-top: 0;
}

/* Long wordy paragraphs - bigger lineheight */
.aboutParagraph > div p {
	line-height: 2;
}


.aboutParagraph-dark {
	line-height: 2;
	color: #fff;
}

#mentoring-list div ul {
	margin: 0;
}

#mentoring-list div ul li {
	font-size: 18px;
}

#mentoring-list div {
	padding-bottom: 50px !important;
}

/*.p9-style-list*/

/*Phasenyne About Section */

/*Fixing margin-padding issues*/

.page-id-2002 #el-56a3f596[data-vce-do-apply*=all][data-vce-do-apply*=el-56a3f596] {
	margin-top: 30px;
}

.page-id-2002 #el-6af46137[data-vce-do-apply*=all][data-vce-do-apply*=el-6af46137] {
	margin-top: 0;
	margin-left: 5px;
	margin-right: 5px;
}

/* Winners Section Table Styling */

.winners-table {
	width: 500px;
	margin: 0 auto;
	border: 0;
}

.winners-table td strong {
	display: inline-block;
	padding-top: 20px;
	padding-right: 3px;
}

.winners-table td strong:first-child {
	font-family: 'Open Sans';
	font-weight: 800;
	font-size: 30px;
	letter-spacing: 1px;
	display: block;
	padding-bottom: 20px;
}

.winners-table td .th_totop {
	display: block;
	padding-top: 20px;
}

.winners-table tbody tr td h3 {
	text-transform: none;
    font-size: 30px;
    text-align: center;
    padding-bottom: 40px;
}

.winners-table tbody tr td h1 {
	text-transform: none;
    font-size: 30px;
    text-align: center;
    padding-top: 40px;
}

.winners-table tbody tr td img {
	margin-top: 40px;
}


/* Headings without all-caps, plus increase size */

.alternate-heading > div h3 {
	text-transform: none;
	letter-spacing: normal;
	font-size: 25px;
}

/* Blog entries on main landing pages*/



.rpwwt-widget ul {
	/*width: 1000px;*/
	width: 1200px;
	/*border: 1px solid blue;*/
	margin: 0 auto !important;
}

.rpwwt-widget ul:after {
  content: "";
  display: table;
  clear: both;
}

.rpwwt-widget ul li {
	float: left;
	/*width: 33.33%;*/
	/*border: 1px solid red;*/
	padding-right: 0;
	margin-right: 100px;
	text-align: center;
}

.rpwwt-widget ul li a span {
	text-align: center;
	width: 315px;
	height: 90px;
}

.rpwwt-widget ul li:last-child {
	padding-right: 0;
}

.rpwwt-widget ul li a span {
	display: block !important;
}

.rpwwt-widget ul li img {
	float: none !important;
}


/* Do not push content down for pages without sub-menus */

/*home page*/
.post-2 .entry-header {
	margin-top: 60px;
}

/*Landing page squares*/

.landing-squares > div {
	margin-bottom: 0;
}

.landing-squares-text > div {
	padding-left: 15px;
	padding-right: 15px;
	min-height: 140px;
	margin-bottom: 0;
}

.landing-squares div figure div {
	border: 2px solid #eae8e5;
}

.landing-squares-text div p {
	margin-bottom: 0;
}
.landing-squares-text div h3 {
	line-height: 1.4;
}

.landing-squares-link {
	margin-top: 10px;
}

.landing-squares-link div p a,
body a.p9-link-purple,
body .p9-link-purple a {
	font-weight: 500;
	text-transform: uppercase;
	font-size: 16px;
	letter-spacing: 1px;
	color: #692686;
	text-decoration: none;
	transition: all .2s ease-in-out;
}

.landing-squares-link div p a:hover,
.landing-squares-link div p a:active,
body a.p9-link-purple:hover,
body .p9-link-purple a:hover {
	color: #b3b3b3;
}

.separator > div {
	margin-bottom: 0 !important;
	padding-bottom: 0 !important;
}

.separator-padding-top div {
    padding-top: 0 !important;
}

.separator {
	margin-bottom: 0 !important;
	padding-bottom: 0 !important;
}

.text-after-separator > div p a,
.text-after-separator > div p a:visited {
	color: #692686;
	text-transform: uppercase;
	font-weight: 500;
	font-size: 16px;
}

/* Gray bg links so far only on Top 100 Awards page */

.page-inline-navigation {
	text-align: center;
}

.page-inline-navigation div p {
	display: inline !important;
}	

.page-inline-navigation div p a {
	display: inline-block;
	color: #333333;
	font-size: 16px;
	text-transform: uppercase;
	font-weight: 500;
	letter-spacing: 1px;
	padding-left: 15px;
	padding-right: 15px;
}

.page-inline-navigation div p a:visited {
	color: #333333;
}
.page-inline-navigation div p a:hover {
	text-decoration: none;
	color: #692686;
}

/* Top 100 Awards Page (move to proper section below) */

.post-1426 .heroCustom div div div div h1 {
	font-size: 40px !important;
}

.wxn-awards-nominations div h3 {
	text-transform: none;
	letter-spacing: normal;
	font-weight: 600;
	font-size: 25px;
}

.home-events-subheading a {
	margin-top: 0;
	font-size: 18px;
	text-transform: uppercase;
	font-weight: 500;
}

.separator-w-subheading div {
	margin-bottom: 0;
}

.feature-banner-section-text p {
	line-height: 1.7;    
}

.site-title .home-nav-title {
	font-size: 20px;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #333;
}

.site-title .alt-nav-title {
	font-size: 16px;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #333;
	font-family: "Roboto";
	font-weight: 500;
}

.site-title .home-nav-title:hover,
.site-title .alt-nav-title:hover {
	text-decoration: none;
}

/* Top 100 Awards Winners Page */

.winners-square div {
	background-color: #692686;
	max-width: 200px;
	max-height: 200px;
	width: 200px;
	height: 200px;
	margin: 0 auto;
	margin-top: 30px;
}

.winners-square div h3{
	text-align: center;
	padding-top: 70px;
	padding-bottom: 70px;
	padding-left: 17px;
	padding-right: 17px;
	font-size: 16px;
	margin: 0;
}

.winners-square div a,
.winners-square div a:visited,
.winners-square div a:active {
	color: #fff;
}

.winners-square div:hover {
	background-color: grey;
}
.winners-square a:hover {
	text-decoration:none;
}


.winners-profile-text div {
	width: 500px;
	margin: 0 auto;
}

.winners-profile-text div h3 {
	font-weight: 600;
	margin-bottom: 5px;
	margin-top: 0;
} 

.winners-profile-text div p {
	font-size: 15px;
	margin-bottom: 10px;
}

/*Getting rid of padding bug in header */

 .page-id-2976 #el-0757cb96[data-vce-do-apply*=all][data-vce-do-apply*=el-0757cb96] {
 	padding-bottom: 0;
 }

/*NOTE ON SPELLING: category-entrepreneurs */

/* Header Menus on Individual Pages */

.active {
	border-bottom: 2px solid white;
}

.page-nav {
	background-color: #692686;
	width: 100%;
	margin-top: 100px;
	padding: 20px;
	position: fixed;
	z-index: 8;
}

.page-nav a {
	display: inline-block;
	margin-left: 15px;
	padding-bottom: 5px;
	color: white;
	text-transform: uppercase;
	font-family: "Open Sans";
}

.page-nav a:hover {
	text-decoration: none;
	border-bottom: 2px solid white;
}

.page-sub-menu-links {
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	height: 30px;
}

.position-anchor {
	position: relative;
}

.btn-align > span {
	/* used to keep individual "learn more" buttons lined up */
	/* be sure to add margin-botton to elements above button to avoid overlap  --> membership-box-text p */
	position: absolute;
    bottom: 0;
    margin-right: auto;
    margin-left: auto;
    left: 0;
    right: 0;
}

/*HOME PAGE */

/*Fixing extra border on hero button */
.page-id-2 a.vce-button--style-outline-animated-slidein::before, a.vce-button--style-outline-animated::before, button.vce-button--style-outline-animated-slidein::before, button.vce-button--style-outline-animated::before {
	border: 1px !important;
}

/* Events pages */

#events-gray-square {
	position: absolute;
	right: 0;
	top: -198px;
}

.events-city div h3{
	color: #692686;
}

/* WXN events */

.text-on-dark h2, .text-on-dark h5,
.text-on-dark h3, .text-on-dark h4, 
.text-on-dark p, .text-on-dark span {
	color: #f1f2f2;
}

.text-on-dark h3 {
	font-weight: 600;
}

#event-updates-text h2 {
	line-height: 1;
	margin-top: 0;
	margin-bottom: 5px;
}

#event-updates-text p {
	margin-top: 15px;
}

/* CBDC Annual Report */

.topImage {
	z-index: 1;
}

.report-cards div h3 {
	font-size: 28px;
}

/* CBDC Governance Training / Get on Board */

.training-coloured-square-bg {
	position: relative;
	z-index: 3;
}

.trainingSquares {
	position: relative;
	z-index: 3 !important;
}

/*.training-bw-squares {
	position: relative;
	z-index: 1;
}*/

.training-bw-bg-img {
	position: relative;
	z-index: 0;
}

.subheading-text div h4 {
	font-size: 34px;
	line-height: 1.3;
	margin-bottom: 30px;
}

.subheading-text div h1 {
	font-size: 50px;
	margin-bottom: 30px;
}

/*.trainingSquare .vce-col-inner {
	width: auto;
}*/

.trainingSquares div figure {
	position: relative;
}

.trainingSquares,
.trainingSquares div figure {
	z-index: 1;
}

.trainingSquare1 div figure {
	position: absolute;
	right: -80px;
	top: -90px;
}

.trainingSquare2 div figure {
	position: absolute;
	left: -80px;
	top:-90px;
}

.trainingSquare1,
.trainingSquare1 div figure, 
.trainingSquare2,
.trainingSquare2 div figure {
	z-index: 1;
}

.filledButton > span a {
	text-transform: uppercase !important;
	font-weight: 500;
	letter-spacing: 1px !important;
	transition: all 0.3s;
	font-size: 14px;
}


.transpButton2 button {
	border: 2px solid !important;
	font-size: 14px !important;
	border-color: #fff !important;
	background: transparent !important;
	height: auto;
	transition: all 0.3s;
	outline: 0!important;
}

.transpButton2 > span a {
	text-transform: uppercase !important;
	font-weight: 500;
	letter-spacing: 1px !important;
	border: 2px solid !important;
	font-size: 14px !important;
	border-color: #fff !important;
	background: transparent !important;
	height: auto;
	transition: all 0.3s;
	outline: 0!important;
}

.transpButton3 button,
.transpButton4 button {
	border: 2px solid !important;
	font-size: 14px !important;
	border-color: #000 !important;
	background: transparent !important;
	height: auto;
	transition: all 0.3s;
	outline: 0!important;
}

.transpButton3 > span a {
	text-transform: uppercase !important;
	font-weight: 500;
	letter-spacing: 1px !important;
	border: 2px solid !important;
	font-size: 14px !important;
	border-color: #000 !important;
	background: transparent !important;
	height: auto;
	transition: all 0.3s;
	outline: 0!important;
}

.transpButton4 button {
	color: #000 !important;
}

.trainingButton button {
	font-size: 14px !important;
}

.trainingButton span a {
	font-size: 14px !important;
	font-weight: 500 !important;
	text-transform: uppercase !important;
}

.trainingDescriptions div ul {
	padding-left: 18px;
	margin: 40px 0 1.5em 0;
	font-size: 18px;
}

.trainingDescriptions div ul li {
	padding-left: 7px;
	margin-bottom: 7px;
}

.training-event-cards {
	color: #fff;
}

.training-event-cards h4 {
	text-transform: uppercase;
	font-size: 22px;
	font-weight: 500;
	margin-top: 0;
}

.training-event-cards h5 {
	font-size: 18px;
	font-weight: 500;
	margin-bottom: 5px;
	text-transform: uppercase;
	margin-bottom: 0;
}

.training-event-cards h6 {
	font-size: 15px;
	margin-bottom: 10px;
	font-weight: 300;
}

/* This part specific only to the cards on mentoring page*/
.mentoring div.training-event-cards div h5 {
	font-size: 15px;
}

.training-event-cards span {
	font-weight: 300;
	text-transform: none;
	font-size: 15px;
}

/*End specific to mentoring page info*/

.training-event-cards p {
	margin-bottom: 0;
	font-size: 15px;
}

.training-event-button span button {
	font-size: 14px !important;
}

/*.trainingProgramBg .vce-col-inner {
	width: 150%;
}*/

/* About WXN Section */

.transpButton-wxn-about button {
	border: 2px solid !important;
	font-size: 14px !important;
	color: #000 !important;
	border-color: #000 !important;
	background: transparent !important;
	height: auto;
	transition: all 0.3s;
	outline: 0!important;
}

/*CBDC Diversity Champions*/
.diversity-champions {
	max-width: 300px;
    margin: 0 auto;
}

.diversity-champions div h3 {
	font-size: 19px;
	margin-top: 15px;
	margin-bottom: 0;
	color: #692686;
}

.diversity-champions div h4 {
	font-weight: 600;
	text-transform: none;
	font-size: 15px;
	line-height: 1.4;
	margin-top: 0;
	margin-bottom: 2px;
}

.diversity-champions div, 
.diversity-champions div p {
	font-family: "Open Sans";
	line-height: 1;
	font-weight: 800;
	font-size: 15px;
	letter-spacing: 1px;
	margin-bottom: 3px;
}

.nominations-image > div figure div img {
	position: relative;
	z-index: 3;
	margin-right: -15%;
}
.nominations-image .vce-single-image-wrapper {
	overflow: visible;
}

.nominations-image .vce-single-image-wrapper figure div{
	overflow: visible;
}

.dark-bg-link div span a {
	color: #ddcde5;
}

.dark-bg-link div span a:hover {
	color:  #ddcde5;
}


/*To fix the gray bg with nominations image*/

.page-id-3194 #el-5249ebed[data-vce-do-apply*=background][data-vce-do-apply*=el-5249ebed] {
	margin-top: -50px;
	padding-top: 50px;
	height: 500px;
	/*padding-bottom: 120px;*/
}

/*Fixing margin and padding bugs on Diversity Champions page */
.page-id-3194 #el-44ad2bdf[data-vce-do-apply*=all][data-vce-do-apply*=el-44ad2bdf] {
	margin-left: 5px;
	margin-right: 5px;
}

.page-id-3194 #el-88caf687[data-vce-do-apply*=all][data-vce-do-apply*=el-88caf687] {
	padding-right: 5px;
}

.page-id-3194 #el-88caf687[data-vce-do-apply*=all][data-vce-do-apply*=el-88caf687] {
	padding-left: 5px;
}

/* Foundation page */
.foundation-donations div div div div div h3 {
	font-size: 30px;
}

.foundation-donations p {
	font-size: 1.5rem;
}

.foundation-donations div div div div div span {
	display: block;
}

.foundation-donations div div div div div span strong {
	font-weight: 500;
}

.foundation-text div h3 {
	text-transform: none;
	font-size: 25px;
	font-family: "Roboto";
}

/* WXN Mentoring Page */
/*Note: This section is not mobile friendly. Will need to fix*/
.mentor-bios-container {
	/*border: 1px solid blue;*/
	margin: 0 auto;
	width: 85%;
	position: relative;
}

.mentor-blue-square {
	width: 150px;
	height: 150px;
	background-color: rgba(0, 167, 225, 0.8);
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 1;
}
.mentor-bios-individual {
	/*border: 1px solid purple;*/
	float: left;
	position: relative;
	width: calc(50% - 12px);
	margin: 5px;
}

.mentor-bios-caption {
	position: absolute;
	text-transform: uppercase;
	font-weight: 500;
	font-size: 20px;
	color: #fff;
	padding-left: 40px;
	padding-top: 10px;
	letter-spacing: 1px;
	right: 0;
	bottom: 0;
	width: 350px;
	height: 45px;
	background-color: rgba(51, 51, 51, 0.5);
}

.mentor-bios-caption.mentor-alt {
	left: 0;
	text-align: right;
	padding-left: 0;
	padding-right: 40px;
}

.mentor-bios-individual .mentor-bios-copy h4 {
	text-transform: uppercase;
	font-size: 20px;
}

.mentor-bios-individual .mentor-bios-copy h5 {
	margin-bottom: 0;
	padding-bottom: 10px;
	font-size: 15px;
	font-weight: 500;
}

.mentor-bios-individual .mentor-bios-copy p {
	font-size: 15px;
}

.mentor-bios-individual.mentor-alt {
	float: right;
}

.mentor-bios-individual.mentor-alt img {
	float: left;
}

.mentor-bios-copy.mentor-alt {
	left: 0;
}

.mentor-bios-individual img {
	width: 350px;
	height: 350px;
	float: right;
}

.mentor-bios-copy {
	width: 500px;
	height: 350px;
	background-color: rgba(241, 242, 242, 0.8);
	color: #000;
	position: absolute;
	z-index: 2;
	top: 0;
	right: 0;
	display: none;
	padding: 15px;
	transition: all 0.5s;
	border: 2px solid rgba(216, 214, 210, 0.8);
}

.mentor-bios-individual:hover > .mentor-bios-copy {
	display: block;
}

/* Mentor section with coloured squares */
/*This section ALSO not mobile friendly*/

.mentor-squares-container {
	position: relative;
	width: 80%;
	margin: 0 auto;
	height: 250px;
}

.mentor-square {	
	width: 400px;
	height: 300px;
	position: absolute;
	top: -25px;
}
.mentor-square > div {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.mentor-square a {
	display: inline-block;
	font-family: "Open Sans";
	text-align: center;
	color: #fff;
	font-size: 30px;
	font-weight: 800;
}
.mentor-square a:hover {
	text-decoration: none;
	color: #eae8e5;
}
.mentor-square-left{
	background-color: rgba(0, 167, 225, 0.8);
	left: 220px;
}
.mentor-square-right {
	background-color: rgba(244, 103, 33, 0.8);
	right: 220px;
}

.mentorship-fundamentals-text h4 {
	font-size: 22px;
	line-height: 1.5;
	margin-bottom: 15px;
}

/* Membership Pages */

.membership-info-box .membership-price {
	/*padding-top: 100px;*/
	padding-bottom: 100px;
}

.membership-info-box .membership-individual-price {
    padding-top: 35px;
    padding-bottom: 10px;
}

.membership-info-box h3 {
	text-transform: none;
	font-size: 40px;
	font-weight: 800;
	margin-top: 0;
	padding-bottom: 0;
}

.membership-info-box span {
	font-size: 40px;
	font-family: "Open Sans";
	font-weight: 800;
}

.membership-info-box {
	font-size: 18px;
}

.membership-info-box ul {
	font-size: 18px;
}

.membership-info-box.silver h3 {
	color: #b4015c !important;
}

.membership-info-box.gold h3 {
	color: #f46721 !important;
}

.membership-info-box.platinum h3 {
	color: #00a7e1 !important;
}

.membership-box-text p {
	margin-top: 0;
	margin-bottom: 85px;
	padding-top: 40px;
	padding-left: 50px;
	padding-right: 50px;
}

.membership-box-button {
	padding-bottom: 40px;
}

.membership-box-button button {
	/*font-size: 15px !important;*/
	color: #692686;
	border: 2px solid !important;
	border-radius: 20px !important;
	border-color: #692686 !important;
	background: transparent !important;
	height: auto;
	transition: all 0.3s;
	outline: 0!important;
}

.membership-box-button span a {
	color: #692686 !important;
	text-transform: uppercase !important;
	/*font-size: 15px !important;*/
	border: 2px solid !important;
	border-color: #692686 !important;
	border-radius: 20px !important;
	background: transparent !important;
	height: auto;
	transition: all 0.3s;
	outline: 0!important;
	font-weight: 500;
}

.membership-box-button span a:visited {
	color: #333333 !important;
}

.membership-box-button span {
	margin-bottom: 0;
}

.membership-box-button span button {
	color: #692686;
}

.membership-corporate-box-text {
	padding-top: 150px;
	padding-bottom: 40px;
	margin-bottom: 0px;
	margin-top: 0px;
	padding-left: 30px;
	padding-right: 30px;
}

.membership-corporate-box-text h3 {
	font-size: 22px;
}

.membership-learn-more-bullets {
/*	height: 400px; */
/*	min-height: 300px; */
	position: relative;
	z-index: 3;
	margin-bottom: 75px !important;
}

/* "learn more" button */
div.vce-col-inner > div.vce-button--style-basic-container.p9-btn.p9-btn-rnd-sm.mobile-centred-button.vce-button--style-basic-container--align-left {
	position: absolute;
	bottom: 0px;
}

.membership-learn-more-bullets h3 {
	font-size: 25px;
}

.membership-learn-more-bullets div ul {
	margin-left: 0 !important;
	padding-left: 15px !important;
	margin-top: 95px;
}

.membership-info-box.main p {
	padding-top: 60px;
}

.membership-info-box ul {
	padding-left: 20px;
	line-height: 2;
	margin-left: 0;
	margin-bottom: 50px;
}
.membership-info-box ul li {
	padding-left:10px;
}

.breadcrumb-style-link div p a {
	font-size: 14px;
}

.breadcrumb-style-link div p {
	margin-bottom: 10px;
}

.membership-indiv-grey-bg .vce-col-inner {
	height: 500px;
}

.membership-indiv-grey-bg {
	margin-top: -50px;
}

/*For aligning the navigation buttons at the top on the invididual Platinum / Silver / Gold pages*/

.membership-navigation-column {
	width: 550px !important;
	max-width: 550px !important;
	margin-left: auto;
	margin-right: 20px !important;
	/*border: 1px solid blue;*/
}

/* Contact Us Page */

.contact-address-border {
	max-width: 300px !important;
	min-height: 300px !important;
}

.contact-address-box > div {
	margin-left: 20px;
	padding-right: 0;
	padding-left: 0;
	margin-bottom: 0;
	padding-bottom: 1px;
}

.contact-address-box > div h3 span {
	padding-top: 35px;
	display: inline-block;
	font-size: 15px;
	color: #692686;
}

.contact-address-box > div .dublin {
	padding-top: 52px;
}

.contact-address-box > div h3 {
	color: #692686;
	padding-top: 0;
}

.contact-address-box > div p {
	font-size: 15px;
	margin-bottom: 30px;
} 

.contact-cities-text {
	max-width: 300px;
	margin: 0 auto;
}

.contact-cities-text div h3 {
	margin-top: 10px;
	margin-bottom: 0;
	color: #692686;
}

.contact-cities-text div p {
	margin-bottom: 10px;
	font-size: 15px;
}

/*Social links on contact page*/
.social-links-header div h3 {
	font-size: 25px;
	margin-bottom: 0;
	padding-bottom: 0;
	text-transform: none;
}
.social-link-icon {
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background-color: #692686;
	display: inline-block;
	position: relative;
	margin-bottom: -10px;
}
.social-link-icon i {
	color: #fff;
	position: absolute;
	left: 8px;
	top: 7px;
}
.social-link-icon i.fa-facebook {
	left: 10px;
}
.social-links-cell a {
	display: inline-block;
	padding-bottom: 10px;
	padding-top: 10px;
}

/* Diversity 50 Program */

.d50-stat h2 {
    font-size: 4em;
}
.d50-stat p {
    font-size: 1.5em;
}

.d50-gray-bg {
	position: relative;
	height: 300px;
}

.colour-box {
	height: 450px;
	width: 500px;
	position: absolute;
	top: -50px;
	right: 50px;
	color: #fff;
	padding: 30px;
}

.colour-box.colour-box-alt {
	left: 50px;
}

.colour-box h2 {
	font-size: 26px;
	letter-spacing: 1px;
	margin-top:18px;
}

.colour-box h4 {
	letter-spacing: 1px;
}

.colour-box p {
	font-size: 14px;
}

.colour-box-orange {
	background-color: #f46721;
}

.colour-box-magenta {
	background-color: #b4015c;
}

.colour-box-blue {
	background-color: #00a7e1;
}

.colour-box-purple {
	background-color: #692686;
}

/*Fixing up the margins*/

.page-id-1821 #el-957572ce[data-vce-do-apply*=all][data-vce-do-apply*=el-957572ce] {
 	padding-top: 0;
 }

.page-id-1821 #el-3b38feb0[data-vce-do-apply*=all][data-vce-do-apply*=el-3b38feb0] {
 	margin-bottom: 50px;
 }

/* Custom HTML for styling */
/*Used in: CBDC About, CBDC Diversity Champions*/

/*Global class - removing margin bugs*/
.row-bug-remove-margin {
	margin-bottom: 0 !important;
}

/*this part directly below so far only in CBDC about*/
.cbdc-list {
	font-size: 18px;
	list-style-type: none;
	padding: 0;
	margin: 0;
}

.cbdc-list li {
	margin-bottom: 20px;
}

.cbdc-list li:last-child {
	margin-bottom: 0;
}

.cbdc-about-layering-bg {
	width: 75%;
	background-color: #f1f2f2;
	float: left;
	z-index: 0;
	/*border: 1px solid blue;*/
	position: relative;
	min-height: 600px;
}

.cbdc-diversity-layering-bg {
	width: 75%;
	background-color: #f1f2f2;
	float:  right;
	z-index: 0;
	/*border: 1px solid blue;*/
	position: relative;
	min-height: 500px;
}

.bgcontainer {
	width: 100%;
	margin-bottom: 100px;
	/*border: 1px solid red;*/
}

.column1 {
	padding: 0;
	float: left;
	width: 50%;
	margin-left: 100px;
	margin-top: 72px;
	margin-bottom: 72px;
	z-index: 3;
	/*border: 1px solid purple;*/
}

.column1-right {
	padding: 0;
	float: right;
	width: 50%;
	margin-right: 150px;
	margin-top: 72px;
	margin-bottom: 72px;
	z-index: 3;
}

.image-column {
	z-index: 1;
	position: absolute;
	right: -200px;
	top: 350px;
	width: 50%;
	transform: translateY(-63%);
	/*not sure why the translate-50 isn't working*/
}

.image-column img {
	width: 100%;
}

/*position:absolute;right:-200px;top:350px;width:50%;*/

.image-column-left {
	z-index: 1;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-63%);
}

.about-cbdc-container {
	z-index: 0 !important;
	position: relative !important;
}


/*Links that look like buttons on CBDC Diversity 50 Program page*/
.outlined-link {
	padding: 10px 23px;
	border: 2px solid #000;
	color: #000;
	font-size: 14px;
	display: inline-block;
	font-weight: 500;
	text-transform: uppercase;
	margin-right: 10px;
}

.last-link {
	margin-right: 0;
}

.outlined-link:hover {
	text-decoration: none;
	color: #000;
}

.outlined-link:visited {
	color: #000;
}


/* Accordions */

.accordions {
	font-family: "Roboto" !important;
	font-size:18px;
}

.accordions a {
	text-decoration: underline;
	color: #692686;
	text-decoration: underline;
}

.accordions .ui-widget-content,
.accordions .ui-state-default,
.accordions .ui-state-active {
	border: none !important;
}

.accordions .accordions-head {
	font-size: 19px !important;
	padding: 20px !important;
}
.accordions ul {
	font-size:18px;
}

.ui-accordion .ui-accordion-header {
	margin-top: 20px !important;
}

.accordions-head i {
	padding-right: 30px !important;
}

.accordions-head .accordions-head-title {
	display: inline-block !important;
	font-family: "Roboto" !important;
	font-weight: 500 !important;
}

.accordions-head .subtitle {
	display: block !important;
	font-weight: 300 !important;
	margin-top: 5px;
	font-size: 18px !important;
}

.accordion-content {
	padding: 30px !important;
	background-color: #f1f2f2 !important;
}

/* WXN Top 100 FAQ page */

.custom-accordion-heading div h3 {
	color: #fff;
	text-transform: none;
	padding-left: 20px;
	padding-top: 0;
	padding-bottom: 0;
	margin-top: 0;
	margin-bottom: 0;
	font-size: 22px;
	font-weight: 500;
}

.custom-accordion-heading div {
	padding-top: 25px !important;
	padding-bottom: 25px !important;
}

/*BNE Testimonial Customization */
.bne-testimonial-slider-wrapper {
	background: transparent !important;
	border: none !important;
	min-height: 200px !important;
	max-height: 200px !important;
	box-shadow: none !important;
}

.bne-testimonial-slider-wrapper p {
	font-size: 15px !important;
}

.bne-testimonial-slider-wrapper .flex-viewport {
	min-height: 200px !important;
	max-height: 200px !important;
}

.bne-testimonial-slider .flex-viewport {
	max-height: 200px;
	min-height: 200px;
	overflow: hidden !important;
}

.flex-control-nav, .flex-control-paging {
	display: none !important;
}



/* Media Queries */

/*For the Custom HTML styling used in CBDC About, CBDC Diversity Champions*/

/* Landscape phones and down */
@media (max-width: 1200px) {
	.image-column img,
	.image-column-left img {
		max-width: 500px;
	}
}

@media (max-width: 940px) {
	.column1 {
		margin-left: 45px;
	}
	.column1-right {
		margin-right: 45px;
	}
	.outlined-link {
		margin-bottom: 15px;
	}
}

@media (max-width: 870px) {
	
	.column1 h2,
	.column1-right h2 {
		font-size: 20px;
	}
	.column1 p,
	.column1-right p {
		font-size: 14px;
	}

	.column1-right {
		margin-right: 65px;
	}

	.outlined-link {
		padding: 8px 10px;
		font-size: 12px;
	}

	.image-column img,
	.image-column-left img {
		max-width: 400px;
	}
}

@media (max-width: 600px) {
	.image-column,
	.image-column-left {
		display: none;
	}

	.cbdc-about-layering-bg,
	.cbdc-diversity-layering-bg {
		width: 100%;
	}

	.column1 {
		width: 100%;
		text-align: center;
		margin-top: 100px;
		margin-left: 0;
		padding: 5px;
	}

	.column1-right {
		width: 100%;
		text-align: center;
		margin-top: 100px;
		margin-right: 0;
		padding: 5px;
	}

	.column1 h2,
	.column1-right h2 {
		font-size: 40px;
	}

	.column1 p,
	.column1-right p {
		font-size: 18px;
	}

	.separator-custom {
		margin-left: 188px;
	}

	.outlined-link {
		padding: 10px 23px;
		font-size: 14px;
	}
}

/*Fixing weird VCE issues*/

#remove-bg > div {
	background: transparent !important;
}

/* Fixing the stubborn padding or margin issues */

/* Ensuring SAME HEIGHT on headers for all sections that are the same in the design files */

.heroCustom > div > div > div {
	max-height: 530px;
	height: 530px;
}
.heroCustom-alt > div > div > div {
	max-height: 530px;
	height: 530px;
	/*Below is positioning text on foundation site*/
	margin-left: 20%;
}

/*For main page hero banner*/
.post-2 .heroCustom, {
	margin-top: 37px !important;
}


/*From CBDC Annual Report hero and padding applied to any columns maybe...
If there is strange behaviour, come back to the padding here. May have to modify*/
#el-29e43783 [data-vce-do-apply*=padding][data-vce-do-apply*=el-29e43783] {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

/*From hero images on ALL pages. If need margins for a hero on a page, will need to modify this */
#el-9674cb39[data-vce-do-apply*=all][data-vce-do-apply*=el-9674cb39] {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}

body.p9 button.p9-btn,
body.p9 input.p9-btn,
body.p9 a.p9-btn,
body.p9 .p9-btn button,
body.p9 .p9-btn input,
body.p9 .p9-btn a {
	padding:10px 30px;
	border:1px solid #000;
	background:#fff;
	color:#000;
	text-transform: uppercase;
	font-size:15px;
	line-height:15px;
	font-weight:bold;
	letter-spacing: 1px;
	text-decoration: none;
	display: inline-block;
	transition: all .2s ease-in-out;
}

body.p9 button.p9-btn-borderless,
body.p9 input.p9-btn-borderless,
body.p9 a.p9-btn-borderless,
body.p9 .p9-btn-borderless button,
body.p9 .p9-btn-borderless input,
body.p9 .p9-btn-borderless a {
	border: none;
}

body button.p9-bg-tp,
body input.p9-bg-tp,
body a.p9-bg-tp,
body .p9-bg-tp button,
body .p9-bg-tp input,
body .p9-bg-tp a {
	background:transparent;
}

body.p9 button.p9-btn:hover,
body.p9 input.p9-btn:hover,
body.p9 a.p9-btn:hover,
body.p9 .p9-btn button:hover,
body.p9 .p9-btn input:hover,
body.p9 .p9-btn a:hover {
	color:#fff;
	background-color:#000;
}
body button.p9-bg-tp:hover,
body input.p9-bg-tp:hover,
body a.p9-bg-tp:hover,
body .p9-bg-tp button:hover,
body .p9-bg-tp input:hover,
body .p9-bg-tp a:hover {
	background:rgba(255,255,255,0.4);
}

body.p9 button.p9-btn-light:hover,
body.p9 input.p9-btn-light:hover,
body.p9 a.p9-btn-light:hover,
body.p9 .p9-btn-light button:hover,
body.p9 .p9-btn-light input:hover,
body.p9 .p9-btn-light a:hover {
	background:rgba(255,255,255,0.4);
	color: #000;
}

body.p9 button.p9-btn-lg,
body.p9 input.p9-btn-lg,
body.p9 a.p9-btn-lg,
body.p9 .p9-btn-lg button,
body.p9 .p9-btn-lg input,
body.p9 .p9-btn-lg a {
	padding:15px 40px;
	border:2px solid #000;
}
body.p9 button.p9-btn-tp:hover,
body.p9 input.p9-btn-tp:hover,
body.p9 a.p9-btn-tp:hover,
body.p9 .p9-btn-tp button:hover,
body.p9 .p9-btn-tp input:hover,
body.p9 .p9-btn-tp a:hover{
	background:transparent;
	color:#b3b3b3;
}

body.p9 button.p9-btn-tp-grey,
body.p9 input.p9-btn-tp-grey,
body.p9 a.p9-btn-tp-grey,
body.p9 .p9-btn-tp-grey button,
body.p9 .p9-btn-tp-grey input,
body.p9 .p9-btn-tp-grey a {
	border-color: #b3b3b3;
	color: #b3b3b3;
}

body.p9 button.p9-btn-rnd,
body.p9 input.p9-btn-rnd,
body.p9 a.p9-btn-rnd,
body.p9 .p9-btn-rnd button,
body.p9 .p9-btn-rnd input,
body.p9 .p9-btn-rnd a {
	border-radius:17px;
}
body.p9 button.p9-btn-rnd-sm,
body.p9 input.p9-btn-rnd-sm,
body.p9 a.p9-btn-rnd-sm,
body.p9 .p9-btn-rnd-sm button,
body.p9 .p9-btn-rnd-sm input,
body.p9 .p9-btn-rnd-sm a {
	border-radius:5px;
}
body.p9 button.p9-btn-purple,
body.p9 input.p9-btn-purple,
body.p9 a.p9-btn-purple,
body.p9 .p9-btn-purple button,
body.p9 .p9-btn-purple input,
body.p9 .p9-btn-purple a {
	color: #fff;
	background-color: #692686;
	border:0;
}
body.p9 button.p9-btn-purple:hover,
body.p9 input.p9-btn-purple:hover,
body.p9 a.p9-btn-purple:hover,
body.p9 .p9-btn-purple button:hover,
body.p9 .p9-btn-purple input:hover,
body.p9 .p9-btn-purple a:hover{
	background-color: #9a54b6;
}
body.p9 button.p9-btn-magenta,
body.p9 input.p9-btn-magenta,
body.p9 a.p9-btn-magenta,
body.p9 .p9-btn-magenta button,
body.p9 .p9-btn-magenta input,
body.p9 .p9-btn-magenta a {
	color: #fff;
	background-color: #b4015c;
	border:0;
}
body.p9 button.p9-btn-magenta:hover,
body.p9 input.p9-btn-magenta:hover,
body.p9 a.p9-btn-magenta:hover,
body.p9 .p9-btn-magenta button:hover,
body.p9 .p9-btn-magenta input:hover,
body.p9 .p9-btn-magenta a:hover {
	background-color: #CF2079;
}
body.p9 button.p9-btn-blue,
body.p9 input.p9-btn-blue,
body.p9 a.p9-btn-blue,
body.p9 .p9-btn-blue button,
body.p9 .p9-btn-blue input,
body.p9 .p9-btn-blue a {
	color: #fff;
	background-color: #00a7e1;
	border:0;
}
body.p9 button.p9-btn-blue:hover,
body.p9 input.p9-btn-blue:hover,
body.p9 a.p9-btn-blue:hover,
body.p9 .p9-btn-blue button:hover,
body.p9 .p9-btn-blue input:hover,
body.p9 .p9-btn-blue a:hover {
	background-color: #06C1FF;
}
body.p9 button.p9-btn-orange,
body.p9 input.p9-btn-orange,
body.p9 a.p9-btn-orange,
body.p9 .p9-btn-orange button,
body.p9 .p9-btn-orange input,
body.p9 .p9-btn-orange a {
	color: #fff;
	background-color: #f46721;
	border:0;
}
body.p9 button.p9-btn-orange:hover,
body.p9 input.p9-btn-orange:hover,
body.p9 a.p9-btn-orange:hover,
body.p9 .p9-btn-orange button:hover,
body.p9 .p9-btn-orange input:hover,
body.p9 .p9-btn-orange a:hover {
	background-color: #FF894D;
}
body.p9 button.p9-btn-black,
body.p9 input.p9-btn-black,
body.p9 a.p9-btn-black,
body.p9 .p9-btn-black button,
body.p9 .p9-btn-black input,
body.p9 .p9-btn-black a {
	color: #fff;
	background-color: #000;
	border:0;
}
body.p9 button.p9-btn-black:hover,
body.p9 input.p9-btn-black:hover,
body.p9 a.p9-btn-black:hover,
body.p9 .p9-btn-black button:hover,
body.p9 .p9-btn-black input:hover,
body.p9 .p9-btn-black a:hover,
body.p9 button.p9-btn-darkgrey:hover,
body.p9 input.p9-btn-darkgrey:hover,
body.p9 a.p9-btn-darkgrey:hover,
body.p9 .p9-btn-darkgrey button:hover,
body.p9 .p9-btn-darkgrey input:hover,
body.p9 .p9-btn-darkgrey a:hover {
	
	background-color: #b3b3b3;
}
body.p9 button.p9-btn-darkgrey,
body.p9 input.p9-btn-darkgrey,
body.p9 a.p9-btn-darkgrey,
body.p9 .p9-btn-darkgrey button,
body.p9 .p9-btn-darkgrey input,
body.p9 .p9-btn-darkgrey a {
	color: #fff;
	background-color: #333;
	border:0;
}
body.p9 button.p9-btn-grey,
body.p9 input.p9-btn-grey,
body.p9 a.p9-btn-grey,
body.p9 .p9-btn-grey button,
body.p9 .p9-btn-grey input,
body.p9 .p9-btn-grey a {
	color: #fff;
	background-color: #b3b3b3;
	border:0;
}
body.p9 button.p9-btn-grey:hover,
body.p9 input.p9-btn-grey:hover,
body.p9 a.p9-btn-grey:hover,
body.p9 .p9-btn-grey button:hover,
body.p9 .p9-btn-grey input:hover,
body.p9 .p9-btn-grey a:hover {
	color:#b3b3b3;
	background-color:#fff;
}
body.p9 button.p9-btn-otl-white,
body.p9 input.p9-btn-otl-white,
body.p9 a.p9-btn-otl-white,
body.p9 .p9-btn-otl-white button,
body.p9 .p9-btn-otl-white input,
body.p9 .p9-btn-otl-white a {
	color: #fff;
	border-color: #fff;
	background-color:transparent;
}
body.p9 button.p9-btn-otl-white:hover,
body.p9 input.p9-btn-otl-white:hover,
body.p9 a.p9-btn-otl-white:hover,
body.p9 .p9-btn-otl-white button:hover,
body.p9 .p9-btn-otl-white input:hover,
body.p9 .p9-btn-otl-white a:hover{
	background:rgba(255,255,255,0.4);
}
body.p9 button.p9-btn-otl-purple,
body.p9 input.p9-btn-otl-purple,
body.p9 a.p9-btn-otl-purple,
body.p9 .p9-btn-otl-purple button,
body.p9 .p9-btn-otl-purple input,
body.p9 .p9-btn-otl-purple a {
	color: #692686;
	border-color: #692686;
}
body.p9 button.p9-btn-otl-purple:hover,
body.p9 input.p9-btn-otl-purple:hover,
body.p9 a.p9-btn-otl-purple:hover,
body.p9 .p9-btn-otl-purple button:hover,
body.p9 .p9-btn-otl-purple input:hover,
body.p9 .p9-btn-otl-purple a:hover {
	color:#fff;
	background-color:#692686;
}
body.p9 button.p9-btn-otl-magenta,
body.p9 input.p9-btn-otl-magenta,
body.p9 a.p9-btn-otl-magenta,
body.p9 .p9-btn-otl-magenta button,
body.p9 .p9-btn-otl-magenta input,
body.p9 .p9-btn-otl-magenta a {
	color: #b4015c;
	border-color: #b4015c;
}
body.p9 button.p9-btn-otl-magenta:hover,
body.p9 input.p9-btn-otl-magenta:hover,
body.p9 a.p9-btn-otl-magenta:hover,
body.p9 .p9-btn-otl-magenta button:hover,
body.p9 .p9-btn-otl-magenta input:hover,
body.p9 .p9-btn-otl-magenta a:hover{
	color:#fff;
	background-color: #b4015c;
}
body.p9 button.p9-btn-otl-blue,
body.p9 input.p9-btn-otl-blue,
body.p9 a.p9-btn-otl-blue,
body.p9 .p9-btn-otl-blue button,
body.p9 .p9-btn-otl-blue input,
body.p9 .p9-btn-otl-blue a {
	color: #00a7e1;
	border-color: #00a7e1;
}
body.p9 button.p9-btn-otl-blue:hover,
body.p9 input.p9-btn-otl-blue:hover,
body.p9 a.p9-btn-otl-blue:hover,
body.p9 .p9-btn-otl-blue button:hover,
body.p9 .p9-btn-otl-blue input:hover,
body.p9 .p9-btn-otl-blue a:hover{
	color:#fff;
	background-color: #00a7e1;
}
body.p9 button.p9-btn-otl-orange,
body.p9 input.p9-btn-otl-orange,
body.p9 a.p9-btn-otl-orange,
body.p9 .p9-btn-otl-orange button,
body.p9 .p9-btn-otl-orange input,
body.p9 .p9-btn-otl-orange a {
	color: #f46721;
	border-color: #f46721;
}
body.p9 button.p9-btn-otl-orange:hover,
body.p9 input.p9-btn-otl-orange:hover,
body.p9 a.p9-btn-otl-orange:hover,
body.p9 .p9-btn-otl-orange button:hover,
body.p9 .p9-btn-otl-orange input:hover,
body.p9 .p9-btn-otl-orange a:hover {
	color: #fff;
	background-color: #f46721;
}
body.p9 button.p9-btn-otl-grey,
body.p9 input.p9-btn-otl-grey,
body.p9 a.p9-btn-otl-grey,
body.p9 .p9-btn-otl-grey button,
body.p9 .p9-btn-otl-grey input,
body.p9 .p9-btn-otl-grey a {
	color: #b3b3b3;
	border-color: #b3b3b3;
}
body.p9 button.p9-btn-otl-grey:hover,
body.p9 input.p9-btn-otl-grey:hover,
body.p9 a.p9-btn-otl-grey:hover,
body.p9 .p9-btn-otl-grey button:hover,
body.p9 .p9-btn-otl-grey input:hover,
body.p9 .p9-btn-otl-grey a:hover {
	color: #fff;
	background-color: #b3b3b3;
}
body.p9 button.p9-btn-otl-darkgrey,
body.p9 input.p9-btn-otl-darkgrey,
body.p9 a.p9-btn-otl-darkgrey,
body.p9 .p9-btn-otl-darkgrey button,
body.p9 .p9-btn-otl-darkgrey input,
body.p9 .p9-btn-otl-darkgrey a {
	color: #333;
	border-color: #333;
}
body.p9 button.p9-btn-otl-darkgrey:hover,
body.p9 input.p9-btn-otl-darkgrey:hover,
body.p9 a.p9-btn-otl-darkgrey:hover,
body.p9 .p9-btn-otl-darkgrey button:hover,
body.p9 .p9-btn-otl-darkgrey input:hover,
body.p9 .p9-btn-otl-darkgrey a:hover {
	color: #fff;
	background-color: #333;
}

body.p9 button.p9-btn-hover-otl-orange:hover,
body.p9 input.p9-btn-hover-otl-orange:hover,
body.p9 a.p9-btn-hover-otl-orange:hover,
body.p9 .p9-btn-hover-otl-orange button:hover,
body.p9 .p9-btn-hover-otl-orange input:hover,
body.p9 .p9-btn-hover-otl-orange a:hover {
	color: #f46721;
	border-color: #f46721;
	background-color: #fff;
}

body.p9 button.p9-btn-hover-otl-blue:hover,
body.p9 input.p9-btn-hover-otl-blue:hover,
body.p9 a.p9-btn-hover-otl-blue:hover,
body.p9 .p9-btn-hover-otl-blue button:hover,
body.p9 .p9-btn-hover-otl-blue input:hover,
body.p9 .p9-btn-hover-otl-blue a:hover {
	color: #00a7e1;
	border-color: #00a7e1;
	background-color: #fff;
}


body.p9 button.p9-btn-hover-otl-purple:hover,
body.p9 input.p9-btn-hover-otl-purple:hover,
body.p9 a.p9-btn-hover-otl-purple:hover,
body.p9 .p9-btn-hover-otl-purple button:hover,
body.p9 .p9-btn-hover-otl-purple input:hover,
body.p9 .p9-btn-hover-otl-purple a:hover  {
	color: #692686;
	border-color: #692686;
	background-color: #fff;
}

/* Interest Modal */
#interest-modal a, #service-unavailable-modal a {
	text-decoration: underline;
}

/* Sign-up Modal */
#newsletter-modal .mc4wp-form-fields {
	text-align:center;

}
#newsletter-modal .mc4wp-form-fields input[type="text"],
#newsletter-modal .mc4wp-form-fields input[type="email"] {
	min-width:50%;
}
#newsletter-modal .modal-header {
	background-image: url(../../uploads/2018/03/events-get-updates-bg-sized-lg.jpg);
	background-position: center;
	height: 250px;
	
}
.modal-header {
	position:relative;
}
.modal-close-button {
	position: absolute;
	width:40px;
	height:40px;
	top:-20px;
	right:-20px;
	background:#692686;
	border-radius:50%;
}
.modal-close-button .close {
	margin-top: 4px;
    margin-left: 13px;
    font-size: 30px;
	float:none;
	color: #fff;
    opacity: 1;
}

.vertical-alignment-helper {
    display:table;
    height: 100%;
    width: 100%;
    pointer-events:none; /* This makes sure that we can still click outside of the modal to close it */
}
.vertical-align-center {
    /* To center vertically */
    display: table-cell;
    vertical-align: middle;
    pointer-events:none;
}
.modal-content {
    /* Bootstrap sets the size of the modal in the modal-dialog class, we need to inherit it */
    width:inherit;
    max-width:inherit; /* For Bootstrap 4 - to avoid the modal window stretching full width */
    height:inherit;
    /* To center horizontally */
    margin: 0 auto;
    pointer-events: all;
}

/* Download Circles */
a.color-circle {
	font-size:25px;
	width:5em;
	height:5em;
	border-radius:50%;
	text-align:center;
	color:#fff;
	display:block;
	text-decoration:none;
	margin:0 auto;
}
.color-circle .year {
	padding-top:0.5em;
	font-size:1.3em;
}
.color-circle .dl-text {
	font-size:0.7em;
}
.color-circle-orange {
	background:#f46721;
}
.color-circle-blue {
	background:#00a7e1;
}

/* Event Lists */
.simple-event-list {
	font-size:18px;
	list-style-type: none;
	margin-left:0;
	padding-left:0;
}
.simple-event-list:after {
	content: "";
	display: table;
	clear: both;
}
.simple-event-list .date,
.simple-event-list .content {
	float:left;
}
.simple-event-list .date {
	width:7em;
	text-align:center;
	padding-right:2em;
}
.simple-event-list .date .num {
	font-size:3em;
	line-height: 1em;
}
.simple-event-list .date .mon {
	font-size:1.5em;
	line-height: 1em;
}
.simple-event-list .content {
	width:calc(100% - 7em);
}

.simple-event-list .content .cat-head {
	text-transform:uppercase;
	margin-top:0.5em;
	font-weight:bold;
}
.simple-event-list .content .title {
	font-size:0.9em;
	margin-bottom: 0.5em;
}
.full-event-list {
	font-size:18px;
	list-style-type: none;
	margin-left:0;
	padding-left:0;
}
.full-event-list > li {
	border:1px solid #333333;
	position:relative;
	height:6.5em;
	margin-bottom:1em;
}
.full-event-list:after {
	content: "";
	display: table;
	clear: both;
}
.full-event-list .date,
.full-event-list .content,
.full-event-list .tickets {
	float:left;
	height:100%;
}
.full-event-list .date {
	width:8em;
	text-align:center;
	padding:1em;
	background:#692686;
	color:#fff;
	text-transform:uppercase;
}
.full-event-list .date .dow {
	font-size:2em;
	line-height: 1em;
}
.full-event-list .date .mon_num {
	font-size:1.2em;
	line-height: 1em;
}
.full-event-list .content {
	width:calc(100% - 8em - 15em);
  padding:0.5em 2em;
}
.full-event-list .content .cat-head {
	text-transform:uppercase;
	margin-top:0.5em;
	font-weight:bold;
}
.full-event-list .content .title {
	font-size:0.9em;
	margin-bottom: 0.5em;
  font-weight:bold;
}
.full-event-list .content .location {
	font-size:0.9em;
	margin-bottom: 0.5em;
}
.full-event-list .tickets {
	width:15em;
	text-align:center;
  height:100%;
  line-height:6.4em;
  vertical-align:middle;
}
.landing-event-list {
	font-size:18px;
	list-style-type: none;
	margin-left:0;
	padding-left:0;
}
.landing-event-list > li {
  padding:1em;
}
.landing-event-list h3 {
  color:#692686;
  margin:0 0 0.2em 0;
  text-transform:uppercase;
}
.landing-event-list .date {
  font-weight:bold;
  color:#333;
}
.landing-event-list .title {
  font-size:1.2em
}
.landing-event-list .bar {
  border-bottom:1px solid #b3b3b3;
  width:10em;
}
.event-city-image div figure div img {
	max-width:60%;
}
@media (max-width: 768px) {
	.event-city-image div figure div img {
		max-width:100%;
	}	
	a#hamburger.hamburger.hidden-xs {
		display: none;
	}
}

/* Event Single */

.event-title-container {
	margin-top: 30px;
	margin-bottom: 30px;
}

.separator-custom {
	height: 3px;
	width: 90%;
	border-bottom: 2px solid #D8D6D2;
	padding-top: 10px;
	margin-bottom: 40px;
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;

}

#event-hero {
	height:35vh;
	background-image:url('https://phasenyne.lbcit.ca/wp-content/uploads/2018/04/events-header.jpg');
	background-size: cover;
	margin-bottom:5vh;
}
.event-date-box {
	font-size:20px;
	height:12em;
	width:12.6em;
	background:#692686;
	color:#fff;
	font-weight:bold;
	text-align:center;
	margin: 0 auto;
}
.event-date-box .year {
	font-size: 6em;
    padding-top: 0.3em;
    line-height: 1em;

}
.event-date-box .month {
	font-size: 2.5em;
    line-height: 1em;
    text-transform: uppercase;
    letter-spacing: 1px;
}
#espresso-event-details-wrap-dv .author-photo {
	text-align: center;
}
#espresso-event-details-wrap-dv .author-photo img {
	max-width: 250px;
	min-width: 250px;
	margin: 0 auto;
	margin-left: 37px;
}
.event-single-header h1 {
	font-size: 45px;
	margin-top: 0;
	margin-bottom: 15px;
}

.event-single-header h2 {
	font-size: 27px;
	text-transform: uppercase;
	color: #692686;
	letter-spacing: 1px;
	margin-top: 0;
}

.event-single-header h3 {
	font-size: 25px;
	font-weight: 600;
	text-transform: none;
	margin-bottom: 0;
	letter-spacing: normal;
}

.event-single-header h4 {
	color: #b3b3b3;
	font-size: 20px;
}
.event-single-time {
	color:#692686;
	font-weight: bold;
}

.p9-events-register-button {
	margin-left: 20px;
	margin-bottom: 50px;
}

.event-tickets-container {
	margin-top: 100px;
	border: 2px solid #D8D6D2;
	padding-top: 30px;
	padding-left: 40px;
	margin-bottom: 50px;
}
.event-content .entry-meta
/* .display-tckt-slctr-tkt-details */ {
	display:none;
}

.event-tickets .ticket-selector-submit-btn-wrap {
	float: left;
}

.event-tickets .ticket-selector-submit-btn {
	padding:10px 30px;
	border:0;
	background-color: #692686;
	color: #fff;
	text-transform: uppercase;
	font-size:15px;
	line-height:15px;
	font-weight:bold;
	letter-spacing: 1px;
	text-decoration: none;
	display: inline-block;
	transition: all .2s ease-in-out;
}

.event-tickets .ticket-selector-submit-btn:hover{
	background-color: #9a54b6;
}
.events-footer {
	padding-top:40px;
	padding-bottom:40px;
	text-transform: uppercase;
}
.events-footer-separator {
	height: 3px;
	width: 100%;
	border-bottom: 2px solid #D8D6D2;
}
.events-footer .right-side {
	border-left: 2px solid #D8D6D2;
}


/* Toggle Styles */
.azc_tsh_toggle,
.azc_tsh_toggle_open,
.azc_tsh_toggle_active,
.azc_tsh_toggle_open_active {
	border:1px solid #692686;
}
.azc_tsh_toggle_container {
	border:1px solid #692686;
	border-top:0;
}

/* MAIN MEDIA QUERIES */


/* new style */

.visible-on-xs {
    display: none;
}

/*Image Carousel on landing pages*/

.vce-simple-image-slider-helper {
    z-index: 0;
}

/* SEARCH PAGE */
.search-results h2.entry-title, .search-results .entry-meta { 
    text-align: left;
}

.search-results a.search-read-more { 
    text-align: left;
    cursor: pointer;
    display: block;
    margin-top: 10px;
    margin-bottom: 10px;
}

.search-results header.entry-header {
    margin-top: 0;
}

.search-results article.post {
    margin-bottom: 0;
}

.search-results .wrapper {
    padding-left: 15px;
    padding-right: 15px;
}

.search-results.blog-repeater {
    margin-top: 25px;
}



/* EVENTS PAGE */
.event-city-image-link a {
    position: relative;
    display: inline-block;
    z-index:1;
}
.event-city-image-link a::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0;
    transition: .5s ease;
    z-index:2;
}
.event-city-image-link a:hover::before {
    opacity: 0.7;
}
#vancouver-event-city-image-link a::before {
    background: #ab86ba;
}
#calgary-event-city-image-link a::before {
    background: #c7d681;
}
#toronto-event-city-image-link a::before {
    background: #c36192;
}
#montreal-event-city-image-link a::before {
    background: #e98957;
}
#halifax-event-city-image-link a::before {
	background: #64bad7
}


/*Fixing extra margin space problem in before Events by City*/

.page-id-633 #el-2a173f07[data-vce-do-apply*=all][data-vce-do-apply*=el-2a173f07] {
    margin-bottom: 30px;
}

/*WXN Events Fixing extra margin problem in Sponsorship Opportunities */

#el-b047b0f0[data-vce-do-apply*=all][data-vce-do-apply*=el-b047b0f0] {
    margin-left: 5% !important;
    margin-right: 5% !important;
}


/* DIVERSITY 50 PROGRAM BUTTON */
#nominations-open-button:hover {
    background-color: #692686;
    cursor: default;
}

/* Z-Index Issues */

/*If items in a column need to be on top, add this class to the VCE column*/
.column-on-top {
    position: relative !important;
    z-index: 3;
}

/*Landscape phone to portrait tablet*/
@media (max-width: 768px) {

    /*Font sizes*/

    h2 {
        font-size: 30px;
        letter-spacing: 1px;
    }

    .heroCustom h2 {
        font-size: 30px;
        letter-spacing: 1px;
	}
	
	/* adding a text-shadow to outline white text on white background */
	.heroCustom .p9-btn-otl-white span, .heroCustom h2 {
		text-shadow: -1px 0 #333, 0 1px #333, 1px 0 #333, 0 -1px #333;
	}

    .heroCustom h3 {
        font-size: 20px;
    }

    .heroCustom-dark .vce-hero-section--content-container {
        padding-left: 0;
        padding-right: 0;
	}

	/* Use this class to hide content on mobile screen sizes */

	.hide-on-mobile {
		display: none;
	}

    /* Classes to remove or adjust spacing for mobile sizing */

    .adjust-space div {
        padding: 0 !important;
        margin: 0 !important;
    }

    .adjust-space-list div ul {
        margin-left: 0;
    }

    /* Accordions (FAQs) */

    .accordions-head i {
        padding-bottom: 10px !important;
        padding-right: 5px !important;
    }

    /* Landing pages */

    /*May need to change this once nav bars are fixed*/
    .heroCustom .vce-hero-section--content {
        padding-top: 25% !important;
    }

    .heroCustom > div > div > div {
        width: 90% !important;
    }

   .landing-squares-text > div {
        min-height: 0;
        padding-left: 100px;
        padding-right: 100px;
   } 

   .blog-post {
       float: none;
       width: 100%;
       margin: 0;
   }

   .rpwwt-widget ul {
		width: 50%;
	} 

   .rpwwt-widget ul li {
        float: none;
        padding-right: 0;
        margin: 0 auto;
        max-width: 100%;
   }

   .rpwwt-widget ul li a {
        text-align: center;
   }

   .rpwwt-widget ul li a span {
        margin-right: 0 !important;
    }

   .rpwwt-widget ul li img {
        margin-right: 0 !important;
    }

    .rpwwt-post-title {
        max-width: 100%;
	}
	

/* WXN Mentoring Page */

    .mentor-square {
        position: static;
        margin: 0 auto;
        width: 300px;
        height: 300px;
        margin-bottom: 45px;
    }

    .mentor-square > div {
        position: static;
        transform: none;
        padding-top: 128px;
        text-align: center;
    }

    .mentor-square-left {
       margin-top: -100px;
    }
    
    #featured-mentors {
        margin-top: 350px;
    }
    
    .mentor-bios-container {
        width: initial;
    }

    .mentor-bios-individual {
        width: 100%;
        float: none;
    }

    .mentor-bios-individual img {
        margin-bottom: 10px;
        margin-left: auto;
        margin-right: auto;
        display: block;
    }

    .mentor-bios-individual.mentor-alt,
    .mentor-bios-individual img,
    .mentor-bios-individual.mentor-alt img {
        float: none;
    }

    .mentor-blue-square {
        display: none;
    }
    
    .mentor-bios-caption {
        display: none;
    }

    .mentor-bios-copy {
        position: static;
        display: block;
        height: auto;
        width: 100%;
        margin: 0 auto;
        margin-bottom: 50px;
    }

    .adjust-space-testimonial {
  /*      padding: 0 !important;
        padding-left: 10px !important;
        margin: 0 !important;*/
    }


    .bne-testimonial-slider .flex-viewport {
        max-height: 240px !important;
        min-height: 240px !important;
    }

    .mentoring {
        margin-bottom: 50px;
    }

    #mentoring-list div {
        padding-left: 10px;
        padding-right: 10px;
    }

    /* Margin for text on the mentorship fundamentals guide section */

    .page-id-1543 #el-33581cf2[data-vce-do-apply*=all][data-vce-do-apply*=el-33581cf2] {
        margin-left: 10px !important;
        margin-right: 10px !important;
    }

/* MD: I'm not sure how to override the VCE padding except with important tags */
   .feature-banner-section {
        padding-top: 50px !important;
        padding-bottom: 50px !important;
   }

   .feature-banner-section .feature-banner-section-text div {
        padding-left: 0 !important;
        margin-left: 0 !important;
   }

   .banner-slider {
        margin-top: 100px !important;
   }

   /* Top 100 Awards*/

   .wxn-awards-honours .vce-col-inner {
        border-right: none !important;
   }

   /* Foundation page */

   .foundation-donations {
        width: 80%;
        margin: 0 auto !important;
        text-align: center;
   }

   .foundation-donations .separator {
        margin: 0 auto;
        text-align: center;
   }

   .page-id-1182 #el-2ca5edb9[data-vce-do-apply*=all][data-vce-do-apply*=el-2ca5edb9] {
        margin-bottom: 0;
   }

   .admin-bar #header-nav {
        top: 0;
   }

    #header-nav {
        position: relative;
    }

   #header-gray-bar {
       margin-top: 0;
       position: relative;
   }

   .visible-on-xs {
        display: inline-block;
        
   }

   .header-language-country {
        min-width: 170px;
        text-align: left;
   }

   .menu-split {
        width: 100%;
        text-align: center;
        height: auto;
    }

    .menu-split-right {
        margin-right: 0;
    }

    .menu-item {
        line-height: normal;
        height: auto;
        /*border: 1px solid green;*/
    }

    #primary-menu {
        display: none;
    }

    .menu-header-main-nav-container {
        height: auto;
    }

    #content,
    .page-id-110 #content {
        padding-top: 0;
    }

    .header-login-btn {
    }

    .page-nav {
        margin-top: 0;
        position: relative;
    }

    body.sub-menu #content {
        padding-top: 0;
    }

    /*Diversity Champions */

    .page-id-3194 #el-5249ebed [data-vce-do-apply*=padding][data-vce-do-apply*=el-5249ebed] {
        padding-left: 30px;
        padding-right: 30px;
    }

    .nominations-image > div figure div img {
        margin-right: 0;
    }

    /* Contact Us Page */

    /*Social Links*/

    .social-links-container.contact-social {
        width: 20%;
        margin: 0 auto;
        /*border: 1px solid blue;*/
    }

    .social-links-header {
        text-align: center;
    }
    
    /*Fixing spacing not fixable even with responsive styling in VCE*/
   .page-id-1728 #el-3500b1d3[data-vce-do-apply*=all][data-vce-do-apply*=el-3500b1d3] {
        margin-bottom: 0;
    }

    .page-id-1728 #el-a8507ce4[data-vce-do-apply*=all][data-vce-do-apply*=el-a8507ce4] {
        margin-bottom: 50px;
    }

}

/* Landscape phones and down */
@media (max-width: 480px) {

    /*Font sizes*/

    h2 {
        font-size: 25px;
        letter-spacing: 1px;
    }
    
    .heroCustom h1 {
        font-size: 35px;
    }

    .heroCustom h2 {
        font-size: 25px;
        letter-spacing: 1px;
    }

    .heroCustom h3 {
        font-size: 20px;
    }

    .visible-on-xs {
        display: inline-block;
    }

    .heroCustom-alt > div > div > div {
        margin-left: 0;
    }

    .page-header .page-title {
        font-size: 40px;
    }

    .page-header {
        margin-top: 20px;
    }

    .blog-repeater {
        margin-top: 40px;
    }

    /* Centering buttons */

    .mobile-centred-button {
        margin: 0 auto;
        width: 52%;
        text-align: center !important;
    }

    .mobile-wide-button {
        width: 80%;
    }

    /* Centering text */

    .mobile-centred-text,
    .mobile-centered-text p {
        text-align: center;
    }

    /*Header navigation menus*/

    #header-search-text {
        width: 105px;
    }
    
    #header-gray-bar {
        margin-top: 0;
    }
    #header-gray-bar, #header-gray-bar-mobile {
        padding-right: 20px;
    }
    .menu-split {
        /*display: none;*/
    }
    #header-nav {
        position: relative;
    }
    .admin-bar #header-nav {
        top: 0;
    }

    .page-nav a {
        display: block;
    }

    .page-sub-menu-links {
        position: relative;
        transform: none;
        height: auto;
        float: right;
    }
    
    #site-navigation {
        width: 100%;
        text-align: left;
    }

    .header-login-btn {
        margin-right: 10px;
    }

    .hamburger {
        padding-right: 0;
        text-align: left;
    }
    /* Landing Pages */

    /* Home Page styling */

    .rpwwt-widget ul {
         width: 100%;
    } 

    .rpwwt-widget ul li {
         width: 100%;
    }

    .rpwwt-widget ul li a span {
        text-align: center;
        width: 100%;
        padding-left: 10px;
        padding-right: 10px;
    }

    #el-709e8b4f[data-vce-do-apply*=all][data-vce-do-apply*=el-709e8b4f] {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    #rpwwt-recent-posts-widget-with-thumbnails-2 img {
        height: auto !important;
    }
    
    /*Feature banner button margin adjustment on mobile */
    #el-0f75f299[data-vce-do-apply*=margin][data-vce-do-apply*=el-0f75f299] {
        margin-left: 0 !important;
    }

    /*Events pages*/

    .heading-emph div h2 {
        font-size: 45px;
    }

    /* Spacing right before Events by City heading */

     #el-2a173f07[data-vce-do-apply*=all][data-vce-do-apply*=el-2a173f07] {
        margin-bottom: 50px !important;
     }

    /*Caledar and description styling*/

    /*Event calendar and descriptions*/

    .full-event-list > li {
        height: auto;
    }

    .full-event-list .date {
        float: none;
        width: 100%;
        display: block;
        height: auto;
    }

    .full-event-list .content {
        width: 100%;
        display: block;
        height: auto;
        float: none;
        padding: 5px 10px;
        text-align: center;
    }

    .full-event-list .tickets {
        width: auto;
        width: 100%;
        height: auto;
        line-height: normal;
        float: none;
        margin-bottom: 10px;
    }

    /*Diversity Champions */

    /* Fixing positioning of testimonial text */
    .page-id-3194 #el-b14b022a [data-vce-do-apply*=padding][data-vce-do-apply*=el-b14b022a] {
        display: none;
    }

    /*Contact Us*/

    /* Top 100 Awards Winners */

    .winners-table {
         width: 100%;
         max-width: 100%;
    }

    .winners-table tr td {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }


    .social-links-container.contact-social {
        width: 35%;
    }

    /* Get On Board CBDC */

    .subheading-text div h4 {
        font-size: 25px;
    }

    .subheading-text div h5 {
        font-size: 18px;
    }

    .trainingSquare1 div figure {
        position: static;
    }

    .trainingSquare2 div figure {
        position: static;
    }

    .page-id-713 #el-43d6951f[data-vce-do-apply*=background][data-vce-do-apply*=el-43d6951f],
    .page-id-713 #el-3f0bd264[data-vce-do-apply*=background][data-vce-do-apply*=el-3f0bd264],
    .page-id-713 #el-56e85047[data-vce-do-apply*=background][data-vce-do-apply*=el-56e85047]{
        margin-bottom: 20px;
    }

    .training-squares div #el-07c21025 {
        margin-bottom: 150px;
    }

    .training-bw-squares div #el-180857ce {
        margin-bottom: 30px;
    }

    /* CBDC Diversity 50 Program */

    .colour-box {
        width: 100%;
        position: static;
        height: auto;
        margin-bottom: 30px;
    }

    .d50-gray-bg {
        position: static;
        height: auto;
    }

    .page-id-1821 #el-bf9beb7a[data-vce-do-apply*=all][data-vce-do-apply*=el-bf9beb7a] {
        margin-bottom: 20px;
    }
    
    .d50-alumni-image,
    .d50-alumni-image div figure div,
    .d50-alumni-image img {
        text-align: center !important;
    }

    .page-id-1674 #el-bf9beb7a[data-vce-do-apply*=all][data-vce-do-apply*=el-bf9beb7a] {
        margin-bottom: 50px;
    }
    
    /* About CBDC */

    .cbdc-about-layering-bg {
        height: auto;
        min-height: auto;
    }

    /* CBDC Annual Report */

    .page-id-650 .heroCustom .vce-hero-section--content {
        padding-top: 52% !important;
    }

    /* Individual Membership */

    .mobile-column-margin-bottom {
        margin-bottom: 20px;
    }

    /*Corporate Membership */

    .membership-learn-more-bullets {
        height: auto;
        min-height: auto;
        margin-bottom: /*0 !important; */;
    }

    /* Corporate Memberhsips Level pages (all) */
    
    .membership-info-box .membership-price {
        padding-bottom: 10px;
    }

    /* Platinum Membership */

    .membership-navigation-column {
        text-align: center;
    }

    .parent-pageid-37 #el-82a83170 [data-vce-do-apply*=margin][data-vce-do-apply*=el-82a83170] {
        margin-top: 20px;
    }

    /* Blog All Entries Page */
    
    .blog-hero-container {
        top: 40%;
        transform: translate(-50%, -50%);
        width: 100%;
    }

    .main-blog-footer {
        padding-top: 50px;
    }

    .main-blog-footer > div {
        width: 100%;
    }

    .blog_loadmore {
        width: 100%;
    }

    /* Single Events page */

    .espresso-event-wrapper-dv {
        max-width: 100%;
        padding-left: 10px;
        padding-right: 10px;
    }

}

/* benchmark lite subscribe modal button change color to purple */
#newsletter-modal > div > div > div > div.modal-body > form > div:nth-child(8) > button {
	color: #fff;
	background-color: #692686;
	border:0;
}

#newsletter-modal > div > div > div > div.modal-body > form > div:nth-child(8) > button:hover {
	background-color: #9a54b6;
}