/*
Welcome to Custom CSS!

To learn how this works, see https://wp.me/PEmnE-Bt
*/
/* ----- Affects all of the pages -----*/
body {
/*font-size: 18px;
font-family: Georgia, "Bitstream Charter", serif; */
	color: #333;
}

button {
	background-color: #795aa6;
}

button:hover {
	background-color: #6f5398;
	color: #fff;
}

/*----- Turn title off on all pages -----*/
.page .entry-title,
.page .entry-header {
	display: none;
}

.page .entry-content {
	margin-top: 0;
}

/*----- Align Logo with Navbar -----*/
.site-logo {
	width: 220px;
	margin-bottom: 0;
	margin-top: 0;
	position: absolute;
	top: 10px;
}

/*----- Set Hover Colour on Navbar -----*/
.main-navigation > div > ul > li.current-menu-item > a,
.main-navigation > div > ul > li:hover > a {
	color: #795aa6;
}

/*----- Set Background Colour on Navbar Sub-menu -----*/
.main-navigation .sub-menu .menu-item a {
	color: #333;
	background-color: #fff;
}

/*----- Set Hover Colour on Navbar Sub-menu -----*/
.main-navigation > div > ul > li:hover li:hover > a, .main-navigation > div > ul > li:hover li.focus > a, .main-navigation > div > ul > li:hover li.current-menu-item > a, .main-navigation > div > ul > li.focus li:hover > a, .main-navigation > div > ul > li.focus li.focus > a, .main-navigation > div > ul > li.focus li.current-menu-item > a, .main-navigation > div > ul > li.current-menu-item li:hover > a, .main-navigation > div > ul > li.current-menu-item li.focus > a, .main-navigation > div > ul > li.current-menu-item li.current-menu-item > a {
	color: #795aa6;
	background-color: #fff;
}

.main-menu .menu-item a,
.social-navigation a {
	color: #333;
}

.social-navigation a:hover {
	color: #795aa6;
}

/*----- Set default and hover colour on buttons -----*/
.button,
.button:hover,
.button:focus {
	background-color: #795aa6 !important;
	float: right;
}

/*----- Mobile Responsiveness -----*/
@media only screen and (max-width: 930px) {
	.site-logo {
		width: 220px;
		margin-bottom: 0;
		margin-top: 0;
		position: absolute;
		top: -30px;
	}
}

@media only screen and (max-width: 782px) {
	.site-logo {
		width: 220px;
		margin-bottom: 0;
		margin-top: 0;
		position: absolute;
		top: -30px;
		left: 12px;
	}
}

@media only screen and (max-width: 640px) {
	
}

@media only screen and (max-width: 560px) {
	.site-logo {
		width: 170px;
		margin-bottom: 0;
		margin-top: 0;
		position: absolute;
		top: 25px;
		left: 12px;
	}
	
	.social-links-menu {
		padding-top: 50px;
	}
	
	.main-menu {
		padding-top: 50px;
	}
}
/* Custom styling for Career Transition page */
.career-transition-page h1 {
  margin-bottom: 2em;
  color: #003366;
  font-size: 2.2em;
}

.career-transition-page h2,
.career-transition-page h3 {
  margin-top: 2.5em;
  margin-bottom: 1.5em;
  line-height: 1.3;
  font-family: inherit;
  color: #003366;
}

.career-transition-page p {
  margin-bottom: 1.5em;
  line-height: 1.6;
}

.career-transition-page img {
  max-width: 100%;
  height: auto;
  margin: 1.5em 0;
  display: block;
}



/* Custom styling for Meet the Team*/

.title-heading {
    margin-top: 0 !important;
    margin-bottom: 0.5rem !important;
}

.big-slider {
    width: 100% !important;
}

slider-cell-container {
	padding: 0 !important;
}

/* Custom styling for the learning wheels*/

.stand-out {
	position: absolute;
	left: 5%;
	top: 50%;
	transform: translateY(-50%);
}

.absolute-item {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}

.absolute-right-center {
  position: absolute;
  top: 50%;
  right: 50%;
  transform: translate(50%, -50%);
}