/*
---------------------------------------------------------------------------
=	House Keeping
---------------------------------------------------------------------------
*/

body {
	font-family: "Source Sans Pro", sans-serif;
	font-size: 10px;
	overflow-x: hidden;
	color: #848484;
	background-color: #01435f;
	position: relative;
}

.new_name {
	display: block;
	text-align: center;
	line-height: 1.3em;
	font-size: 13px;
	color: #fff;
	background-color: #f8981d;
	padding: 10px;

	-o-transition: 0.3s;
	-ms-transition: 0.3s;
	-moz-transition: 0.3s;
	-webkit-transition: 0.3s;
	transition: 0.3s;
}

.new_name em {
	display: inline-block;
	text-decoration: underline;
}

.new_name:hover {
	color: #fff;
	text-decoration: none;
	background-color: #81bd41;
}

img {
	max-width: 100%;
	height: auto;
}

/*
---------------------------------------------------------------------------
=	Header
---------------------------------------------------------------------------
*/

header {
	background: url(../images/bg_header.png) 0 0 repeat-x #024d6e;
	margin: 0 !important;
	position: fixed !important;
	width: 100% !important;
}

/*LOGO*/
header .navbar-brand {
	display: block;
	height: 75px;
	width: 215px;
	background: url(../images/allaboutstem.svg) 0 50% / contain no-repeat;
}

@media (min-width: 1200px) {
	header .navbar-brand {
		width: 250px;
	}
}

header .navbar-brand span {
	display: none;
}

.navbar-nav li.menu-item,
#head_f {
	border-left: solid 1px #02415c;
}
#head_g {
	border-right: solid 1px #387691;
}
.navbar-nav li.menu-item a {
	padding: 0;
	line-height: 75px !important;
	padding: 0 10px;
	font-size: 140%;
	color: #fff;
}

@media (max-width: 1200px) {
	.navbar-nav li.menu-item a {
		font-size: 11px;
		padding: 0 8px;
	}
}

@media (max-width: 820px) {
	.navbar-nav li.menu-item a {
		font-size: 10px;
		padding: 0 6px;
	}
}

li.menu-item a,
#head_f a {
	border-left: solid 1px #387691;
}
#head_g a {
	border-right: solid 1px #02415c;
}

.navbar-nav li a:hover {
	background-color: #d51a68;
}

.navbar-nav li.get_in {
	display: block;
	float: right;
}
.navbar-nav li.get_in a {
	display: block;
	line-height: 40px;
	padding: 0 20px;
	color: #fff;
	background: url(../images/btn_highlight.png) #7fbc3d repeat-x 0 3px;
	font-size: 140%;
	font-weight: 700;
	text-shadow: 1px 1px rgba(0, 0, 0, 0.5);
	margin: 16px 0 0 20px;

	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.navbar-nav li.get_in a:hover {
	background-color: #d51a68;
}

@media (max-width: 950px) {
	.navbar-nav li.get_in a {
		margin-left: 0px;
	}
}

.navbar-toggle {
	border: solid 1px #fff;
	margin: 20px 10px 0 0;
}
.navbar-toggle .icon-bar {
	background-color: #fff;
}

/*
---------------------------------------------------------------------------
=	CONTENT / GENERAL RULES
---------------------------------------------------------------------------
*/

main {
	background-color: #fff;
	padding-top: 75px !important;
}

/*
---------------------------------------------------------------------------
=	HOME PAGE
---------------------------------------------------------------------------
*/

/*HOME BLOCKS*/
.home_block .container {
	padding: 100px 0;
}

.t_a_c {
	text-align: center;
}

.home_block h2 {
	font-size: 400%;
	font-weight: 300;
	margin-bottom: 1em;
}

.home_block p {
	font-size: 180%;
	line-height: 1.4em;
	padding: 0 8%;
	margin-bottom: 4em;
}

.home_block .home_col {
	padding: 0 0 20px 0;
}

.home_block .home_col .inner_col {
	text-align: center;
	height: 280px;
	margin: 0 auto;
	background-color: aqua;
}

.home_block .col-md-5 .inner_col {
	max-width: 470px;
}

.home_block .col-md-4 .inner_col {
	max-width: 360px;
}

/*
----------------------------
=	HOME INTRO
----------------------------
*/

#block_intro {
	width: 100%;
	height: 430px;
	overflow: hidden;
	color: #fff;
}

#block_intro .slide {
	position: relative;
	width: 100%;
	padding-bottom: 50%;
	min-height: 430px;
	height: 0;
	z-index: 100;
}

#block_intro .slide .img_box {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
}

#block_intro h1 {
	padding: 0 14%;
	margin-bottom: 0.5em;
	font-weight: 300;
	font-size: 400%;
}

#block_intro span {
	display: block;
	font-size: 180%;
	font-style: italic;
	font-weight: 300;
	margin-bottom: 1.6em;
}

#block_intro a {
	display: inline-block;
	padding: 0 40px;
	line-height: 46px;
	background: url(../images/btn_highlight.png) 0 3px repeat-x #029cce;
	color: #fff !important;
	font-weight: 700;
	font-size: 160%;

	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;

	-moz-box-shadow: -2px 1px 1px rgba(0, 0, 0, 0.25);
	-webkit-box-shadow: -2px 1px 1px rgba(0, 0, 0, 0.25);
	box-shadow: -2px 1px 1px rgba(0, 0, 0, 0.25);
}
#block_intro a:hover {
	background-color: #d11865;
	text-decoration: none;
}

#block_intro .right {
	width: 50%;
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
	z-index: -1;
}

/*HOME FEATURE*/
.home_feature {
	display: block;
}

.home_feature .container {
	background-position: right bottom;
	background-repeat: no-repeat;
}

.home_feature .row {
	padding: 1.5% 0;
	background-size: 15%;
	background-repeat: no-repeat;
	background-position: left center;
}

.home_feature p {
	display: block;
	font-size: 160%;
	color: #fff;
	padding: 1% 0 0 0;
}

.home_feature p a {
	color: #fff;
	text-decoration: underline;
}
.home_feature p a:hover {
	text-decoration: none;
}

/*
----------------------------
=	BLOCKS
----------------------------
*/
.block {
}
.block .container {
	padding: 100px 0;
}

.block .cut_out {
	background: url(../images/bg_cut_out.png) 50% 0 no-repeat;
}

.block .cut_out .block_intro h1 {
	margin-bottom: 40px;
	padding: 0 20px;
}

/*BLOCK INTRO*/
.block .block_intro {
	padding: 0 0 40px 0;
}

.block .block_intro h1 {
	font-size: 400%;
	margin: 0 0 40px 0;
	font-weight: 100;
	color: #d51a68;
}

.block .block_intro h1 strong {
	color: #025072;
}

.block .block_intro p,
.block.block-content p {
	padding: 0 10%;
	font-size: 160%;
}

.intro-image {
	width: 40%;
	max-width: 200px;
	margin-bottom: 2em;
}

/*BLOCK CHILDREN*/

.projects {
	float: left;
	width: 100%;
}

.projects .project {
	border-bottom: solid 1px #8ebb54;
	margin-bottom: 60px;
	padding-bottom: 60px;
	float: left;
	width: 100%;
}

.project_img {
	display: block;
	max-width: 100%;
	height: auto;
	margin-bottom: 30px;
}

.project_link {
	display: inline-block;
	padding: 0 40px;
	line-height: 46px;
	background: url(../images/btn_highlight.png) 0 3px repeat-x #029cce;
	color: #fff !important;
	font-weight: 700;
	font-size: 160%;

	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;

	-moz-box-shadow: -2px 1px 1px rgba(0, 0, 0, 0.25);
	-webkit-box-shadow: -2px 1px 1px rgba(0, 0, 0, 0.25);
	box-shadow: -2px 1px 1px rgba(0, 0, 0, 0.25);
}
.project_link:hover {
	background-color: #d11865;
	text-decoration: none;
}

.projects .project:last-child {
	border-bottom: none;
}

.image_logo {
	display: block;
	margin: 0 auto 40px auto;
	max-width: 100%;
	height: auto;
}

.children .child {
	padding: 0 0 20px 0;
}

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

.children .child div {
	margin: 0 10px;
}

.children .child div a {
	height: 280px;
}
.block_children_new .children .child div a {
	height: 200px;
}
.block_children_new .children .child div a span {
	margin: 140px 0 0 0;
}
.block_children_new.block .block_intro {
	padding-bottom: 20px;
}

.children .col-md-5 div a {
	max-width: 470px;
}

.children .col-md-4 div a {
	max-width: 360px;
}
.children .child div a span {
	display: inline-block;
	padding: 16px 40px;
	line-height: 1.3;
	background: url(../images/btn_highlight.png) 0 3px repeat-x #d11865; /*PINK*/
	color: #fff;
	font-weight: 700;
	font-size: 160%;
	margin: 200px 0 0 0;

	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;

	-moz-box-shadow: -2px 1px 1px rgba(0, 0, 0, 0.25);
	-webkit-box-shadow: -2px 1px 1px rgba(0, 0, 0, 0.25);
	box-shadow: -2px 1px 1px rgba(0, 0, 0, 0.25);
}

.children .child a:hover span {
	background-color: #029cce; /*CYAN*/
}

.daywrap {
	position: relative;
}

.daywrap a {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	text-indent: -9999px;
}

.daywrap a span {
	background-color: aqua;
	text-indent: -9999px;
}

.request {
	display: inline-block;
	width: 100%;
	line-height: 42px;
	text-align: center;
	background: url(../images/btn_highlight.png) 0 3px repeat-x #81bd41; /*PINK*/
	color: #fff;
	font-weight: 700;
	font-size: 160%;
	margin: 20px 0 0 0;

	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;

	-moz-box-shadow: -2px 1px 1px rgba(0, 0, 0, 0.25);
	-webkit-box-shadow: -2px 1px 1px rgba(0, 0, 0, 0.25);
	box-shadow: -2px 1px 1px rgba(0, 0, 0, 0.25);
}

.page-id-72 .request {
	width: 100%;
	padding: 0;
	text-align: center;
}

.request:hover {
	background-color: #00a7e0;
}

/*
----------------------------
=	EVENTS BLOCK
----------------------------
*/

#block_event .children .col-md-4 div a {
	background-size: cover;
	background-position: 50% 50%;
	background-image: url(../images/home/events_students.jpg);
}
#block_event .children .child:first-child div a {
	background-image: url(../images/home/events_ambassadors.jpg);
}
#block_event .children .child:last-child div a {
	background-image: url(../images/home/events_teachers.jpg);
}

/*
----------------------------
=	HOME NEWS
----------------------------
*/

#block_news {
	background: url(../images/bg_colour_pink_orange.png);
	background-size: 100% 100%;
}

#block_news .block_intro {
	color: #fff;
}
#block_news h1,
#block_news h1 strong {
	color: #fff;
}

#block_news .block_intro p a {
	color: #fff;
	text-decoration: underline;
}

#block_news .block_intro p a:focus,
#block_news .block_intro p a:hover {
	color: rgba(225,225,225,0.8);
}

.latest {
	display: block;
	background-color: #fff;
	padding: 50px;
}

.latest abbr {
	font-size: 160%;
	color: #029cce; /*CYAN*/
}

.latest h3 {
	color: #029cce; /*CYAN*/
	font-weight: 700;
	margin: 20px 0 40px 0;
}

.latest p {
	font-size: 160%;
	color: #848484;
}

.latest span {
	display: inline-block;
	padding: 0 40px;
	line-height: 46px;
	background: url(../images/btn_highlight.png) 0 3px repeat-x #029cce; /*CYAN*/
	color: #fff;
	font-weight: 700;
	font-size: 160%;
	margin: 20px 0 0 0;

	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;

	-moz-box-shadow: -2px 1px 1px rgba(0, 0, 0, 0.25);
	-webkit-box-shadow: -2px 1px 1px rgba(0, 0, 0, 0.25);
	box-shadow: -2px 1px 1px rgba(0, 0, 0, 0.25);
}

.latest:hover {
	text-decoration: none;
}

.latest:hover span {
	background-color: #d11865; /*PINK*/
}

.news_item {
	margin: 0 0 20px 0;
}

/*
----------------------------
=	HOME EDUCTORS
----------------------------
*/

#block_educators {
	background: url(../images/bg_pattern.png);
}

#block_educators .block_intro h1 {
	font-size: 600%;
	text-decoration: underline;
	color: #fff;
}

#block_educators .block_intro h1 strong {
	color: #fff;
}

#block_educators .block_intro p {
	color: #fff;
}

#block_educators .children .child div a {
}

#block_educators .children .child div a span {
	background-color: #e0382a; /*RED*/
}
#block_educators .children .child div a:hover span {
	background-color: #029cce; /*CYAN*/
}

/*
----------------------------
=	HOME STEM
----------------------------
*/

#block_stem .container {
	padding: 50px 0 100px 0;
}

#block_stem h1 {
	display: none;
}

#block_stem h1 span {
	display: none;
}

#block_stem .children .child div a span {
	background-color: #029cce; /*CYAN*/
}
#block_stem .children .child div a:hover span {
	background-color: #d11865; /*PINK*/
}

/*
----------------------------
=	HOME BESPOKE
----------------------------
*/

#block_bespoke {
	background: url(../images/cs_strip.jpg);
	background-size: cover;
	color: #fff;
}

#block_bespoke .block_intro h1,
#block_bespoke .block_intro h1 strong {
	color: #fff;
}

#block_bespoke .child a {
	background-size: cover;
}

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

/*
----------------------------
=	BLOCK CHILDREN
----------------------------
*/

.page-educators .block_children,
.ancestor-educators .block_children {
	background: url(../images/bg_pattern.png);
}

.page-educators .block_intro h1,
.ancestor-educators .block_intro h1 {
	text-transform: uppercase;
	text-decoration: underline;
	color: #fff !important;
}

.page-educators .block_intro h1 strong,
.page-educators .block_intro p,
.ancestor-educators .block_intro h1 strong,
.ancestor-educators .block_intro p {
	color: #fff !important;
}

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

.page_intro {
	padding: 50px 0;
}
.ancestor-educators .page_intro {
	background: url(../images/bg_pattern.png) #025072;
}

.page_intro h1 {
	color: #d51a68; /*PINK*/
	font-weight: 100;
}
.ancestor-educators .page_intro h1 {
	text-transform: uppercase;
	color: #fff;
	font-size: 500%;
	font-weight: 700;
	text-decoration: underline;
}

.page_intro h1 strong {
	color: #025072; /*BLUE*/
}

.page_intro p {
	text-align: right;
	font-size: 160%;
}
.ancestor-educators .page_intro p,
.ed_into {
	color: #fff;
}

/*CRUMBS*/
#bread {
	background-color: #fafafa;
	border-bottom: solid 1px #e5e5e5;
}

#bread ul {
	float: left;
	margin: 0;
	padding: 15px 0;
}

#bread ul li {
	display: block;
	float: left;
	font-size: 16px;
	color: #025072;
	text-transform: lowercase;
	margin: 0 10px 0 0;
}

#bread ul .hansel {
}

#bread ul li a {
	display: block;
	padding: 0 14px 0 0;
	color: #025072;
	background: url(../images/bg_crumb.png) 100% 50% no-repeat;
}

/*ENTRY CONTENT*/
.entry_content p {
	font-size: 150%;
	line-height: 1.4em;
	margin-bottom: 1.3em;
}

.entry_content a {
	color: #029cce; /*CYAN*/
}
.entry_content a:hover {
	color: #77bb4d; /*GREEN*/
}

.entry_content ul {
	font-size: 150%;
	line-height: 1.4em;
	margin-bottom: 1.3em;
	padding: 0 10px;
}

.entry_content ul li:not(.wp-social-link) {
	background: url(../images/bullet.png) no-repeat 0 10px;
	padding: 0 10px;
}

.entry_content ol {
	font-size: 150%;
	line-height: 1.4em;
	margin-bottom: 1.3em;
	padding: 0 10px;
	list-style-type: decimal;
	list-style-position: inside;
}

.entry_content ol li {
	padding: 0 10px;
}

.entry_content img {
	display: block;
	margin: 0 auto;
}

/*
---------------------------------------------------------------------------
=	3 COL LAYOUT
---------------------------------------------------------------------------
*/

.cols .container {
	padding: 60px 0;
}

.cols h2 {
	color: #d51a68; /*PINK*/
	font-weight: 100;
	font-size: 400%;
	margin: 0 0 40px 0;
}

.cols h2 strong {
	color: #025072; /*BLUE*/
}

.side_box {
	padding: 0 0 10px 0;
	border-bottom: solid 1px #e5e5e5;
	margin: 0 0 20px 0;
}

/*RESOURCE COL*/
.left_col .side_resource .side_resource_img {
	height: 180px;
	margin: 0 0 10px 0;
}

.left_col .side_resource a:hover {
	text-decoration: none;
}

.left_col .side_resource abbr {
	font-size: 140%;
	color: #d51a68; /*PINK*/
}

.left_col .side_resource h3 {
	font-weight: 700;
	color: #00a7e0; /*CYAN*/
}
.left_col .side_resource a:hover h3 {
	color: #d51a68 !important; /*PINK*/
}

/*CENTRAL COL*/
.central_col {
	border: solid 1px #e5e5e5;
	border-width: 0 1px;
}

.central_col .latest_event {
	margin: 0 0 40px 0;
	border-bottom: solid 1px #e5e5e5;
	padding: 0 0 40px 0;
	text-align: center !important;
}

.central_col .latest_event div {
	height: 180px;
	margin: 0 20px 30px 20px;
}

.central_col .latest_event a abbr {
	display: block;
}

.central_col .latest_event a:hover abbr,
.central_col .latest_event a:hover h3 {
	text-decoration: none !important;
}

.central_col .latest_event p {
	font-size: 140%;
	color: #848484; /*GREY*/
}

.event_list > div {
	margin: 0 0 40px 0;
}

.event_list abbr {
	font-size: 160%;
	font-weight: 700;
	color: #d51a68; /*PINK*/
}

.event_list h3 {
	margin: 0;
	font-size: 160%;
	color: #025072;
}

.event_list .suitable {
	display: block;
	font-size: 140%;
	color: #777;
	margin: 2px 0 0 0;
}

.event_list .suitable span {
	color: #81bd41;
}

/*CONTACT COL*/
.side_key_details div img {
	margin: 0 0 20px 0;
}

.side_key_details span {
	display: block;
}

.side_key_details .key_name {
	font-size: 240%;
	font-weight: 700;
	color: #025072; /*BLUE*/
	margin: 0 0 10px 0;
}

.side_key_details .key_role {
	font-size: 160%;
	color: #025072; /*BLUE*/
}

.side_key_details .key_email {
	font-size: 160%;
	color: #d51a68; /*PINK*/
	margin: 0 0 10px 0;
}

.side_key_details .key_email a {
	color: #d51a68; /*PINK*/
}

.side_contact .side_link_bespoke a {
	display: block;
	height: 180px;
	background: url(../images/bg_bespoke_link.png) 50% 50% no-repeat;
	margin: 0 0 10px 0;
}

.side_contact .side_link_bespoke span {
	font-size: 140%;
}

/*DOWNLOADS*/
.download_title {
	color: #b22361;
	margin: 0 0 10px 0;
}
.page_downloads li {
	display: block;
	min-height: 30px;
	padding: 0 0 10px 0;
	border-bottom: solid 1px #ddd;
	background: url(../images/icn_download.png) no-repeat 0 50%;
}
.page_downloads li:last-child {
	border: none;
}

.page_downloads li.application_pdf {
	background: url(../images/icn_pdf.png) no-repeat 0 50%;
}
.page_downloads li.image_jpeg {
	background: url(../images/icn_jpg.png) no-repeat 0 50%;
}
.page_downloads li.application_vnd_ms-excel {
	background: url(../images/icn_xls.png) no-repeat 0 50%;
}
.page_downloads li.application_msword {
	background: url(../images/icn_doc.png) no-repeat 0 50%;
}

.page_downloads li a {
	display: block;
	font-size: 140%;
	line-height: 1.4em;
	padding: 16px 0 0 36px;
}

/*
---------------------------------------------------------------------------
=	NEW EVENTS
---------------------------------------------------------------------------
*/

#event_tax_select {
	border: solid 1px #e5e5e5;
	border-width: 1px 0;
}

#event_tax_select ul {
	display: block;
	margin: 0;
	float: left;
	padding: 20px 0;
}

#event_tax_select ul li {
	display: block;
	float: left;
	margin: 0 20px 0 0;
}

#event_tax_select ul li a {
	display: block;
	padding: 0 40px;
	line-height: 44px;
	background: url(../images/btn_highlight.png) 0 3px repeat-x #727272 !important;
	color: #fff;
	font-weight: 700;
	font-size: 160%;

	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;

	-moz-box-shadow: -2px 1px 1px rgba(0, 0, 0, 0.25);
	-webkit-box-shadow: -2px 1px 1px rgba(0, 0, 0, 0.25);
	box-shadow: -2px 1px 1px rgba(0, 0, 0, 0.25);
}

#event_tax_select ul .current_tax a {
	background: url(../images/btn_highlight.png) 0 3px repeat-x #d11865;
}

#event_tax_select #filter li .selected {
	background-color: #cc1562 !important;
}

.event_grid {
	padding: 2% 0 10% 0;
}

.event_item {
	float: left;
	width: 360px;
	min-height: 540px;
	background-color: #eefafd;

	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	margin: 0 20px 20px 0;

	position: relative;
}

.event-item-featured {
	background-color: #ffeec8;
}

.event_item .pad {
	padding: 36px;
}

.event_item .pad .logo_hold {
	width: 100%;
	height: 105px;
	background-color: #fff;
	border: solid 1px #dfdfdf;
	margin: 0 0 30px 0;
}

.event_item .pad .logo_hold img {
	display: block;
	margin: 11px auto;
}

.event_title {
	min-height: 70px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.event_item .pad h3 {
	display: block;
	font-weight: 100;
	font-size: 24px;
	color: #025072;
}

.event_item .pad > span,
.show_hide p {
	display: block;
	font-size: 160%;
	line-height: 1.2em;
}
.event_item .pad .when {
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	padding: 5px 0;
	font-weight: 700;
	color: #d51a68;
}
.event_item .pad .who {
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	color: #75b62f;
	padding: 5px 0;
	margin: 0 0 20px 0;
}

.event_item .pad .where a {
	color: #75b62f;
}

.event_item .pad ul {
	display: block;
	float: left;
	width: 288px;
	position: absolute;
	left: 36px;
	bottom: 20px;
}

.event_item .pad ul li {
	width: 40%;
	float: left;
	line-height: 46px;
	font-size: 140%;
	background: url(../images/btn_highlight.png) #d01765 repeat-x 0 3px;
	text-align: center;

	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.event_item .pad ul .fr {
	float: right;
	width: 55%;
	background-color: #7ebb3d;
}

.event_item .pad ul li a {
	display: block;
	color: #fff;
}

.show_hide {
	display: none;
	margin: 10px 0 0 0;
	padding: 10px 0 70px 0;
	border-top: solid 1px #d01765;
}

.event_intro {
	padding-bottom: 20px;
}

.event_intro.hide {
	display: none;
}

.event_intro p {
	display: block;
	font-size: 160%;
	line-height: 1.4em;
}

		
/*
---------------------------------------------------------------------------
=	CPT - RESOURCES
---------------------------------------------------------------------------
*/

.resource_all {
	background: none !important;
}

/*
----------------------------
=	SINGLE RESOURCE
----------------------------
*/

.single_resource,
.resource_grid {
	background: url(../images/bg_colour_blue_green.png) !important;
	background-size: 100% 100% !important;
}

.resource_link {
	display: block;
	text-align: center;
	background: url(../images/btn_highlight.png) 0 3px repeat-x #029cce; /*CYAN*/
	color: #fff !important;
	font-weight: 700;
	font-size: 160%;
	padding: 10px 0;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;

	-moz-box-shadow: -2px 1px 1px rgba(0, 0, 0, 0.25);
	-webkit-box-shadow: -2px 1px 1px rgba(0, 0, 0, 0.25);
	box-shadow: -2px 1px 1px rgba(0, 0, 0, 0.25);
}

.resource_link:hover {
	background-color: #77bb4d; /*GREEN*/
}

/*
---------------------------------------------------------------------------
=	NEWS
---------------------------------------------------------------------------
*/

.return {
	display: block;
	margin: 20px 0 0 0;
	font-size: 14px;
}

/*
----------------------------
=	NEWS ARCHIVE
----------------------------
*/

/*NEWS GRID*/
#news_grid {
	float: left;
	width: 100%;
	background: url(../images/bg_colour_pink_orange.png);
	background-size: 100% 100%;
	padding: 0 40px 100px;
}

#filter {
	display: block;
	text-align: center;
	margin: 50px 0 0 0;
}

#filter li {
	display: inline-block;

	zoom: 1;
	*display: inline;
}

#filter li a {
	display: block;
	color: #fff;
	font-size: 160%;
	padding: 0 20px;
	background: url(../images/bullet_white.png) 100% 50% no-repeat;
}

#filter li:last-child a {
	background: none;
}

/*ITEMS*/
#news_items {
	padding: 50px 0 0 40px;
	margin: 50px 0 100px 0;
}

#news_items .news_item {
	margin: 0 0 10px 0;
}

#news_items .news_item .pad {
	padding: 30px;
}

/*STORY*/
#news_items .story {
	background-color: #fff;
	width: 270px;
}
h #news_items .story a {
	display: block;
}

#news_items .story a:hover {
	text-decoration: none;
}

.post-type-archive-resources .resource_grid #news_items .story .story_img {
	height: 120px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.post-type-archive-resources .resource_grid #news_items .story .story_img img {
	object-fit: contain;
	width: 100%;
	height: 100%;
}

#news_items .story abbr {
	display: block;
	font-size: 140%;
	color: #d51a68; /*PINK*/
	margin: 0 0 20px 0;
}

#news_items .story abbr {
	display: block;
	font-size: 140%;
	color: #d51a68; /*PINK*/
	margin: 0 0 20px 0;
}

#news_items .story h2 {
	padding: 0;
	font-size: 200%;
	font-weight: 700;
	color: #00a7e0; /*CYAN*/
	margin: 0 0 20px 0;
}

#news_items .story p {
	font-size: 140%;
	color: #848484;
	margin: 0 0 20px 0;
}

#news_items .story .more {
	display: block;
	text-align: center;
	line-height: 46px;
	background-color: #00a7e0; /*CYAN*/
	color: #fff;
	font-weight: 700;
	font-size: 140%;

	text-shadow: 1px 1px rgba(0, 0, 0, 0.4);
}

#news_items .story a:hover .more {
	background-color: #d51a68; /*PINK*/
}

/*QUOTE*/
#news_items .quotes {
	width: 270px;
	color: #fff;
	font-size: 200%;
	background-size: 100% 100%;
}

#news_items .quotes p {
	font-weight: 700;
}

#news_items .quotes span {
	font-weight: 300;
	font-style: italic;
}

/*PHOTO*/
#news_items .photos {
	width: 270px;
}

/*ARTICLE*/
.read_more {
	font-size: 140%;
	color: #00a7e0; /*CYAN*/
}
#news_items .news a:hover .read_more {
	color: #d51a68; /*PINK*/
}

abbr {
	border: none !important;
}

/*
----------------------------
=	NEWS SINGLE
----------------------------
*/

#single_cpt {
	background: url(../images/bg_colour_pink_orange.png);
	background-size: 100% 100%;
	padding: 0 0 100px 0;
}

#news_holder {
	position: relative;
}

#news_holder .col-md-2 {
	position: absolute;
	top: 50%;
	z-index: 100;
}

#news_holder #next {
	right: 0;
}

#news_holder .col-md-2 a {
	display: block;
	width: 100%;
	height: 83px;
	margin: -42px 0 0 0;
	background: url(../images/btn_news_back.png) 50% 0 no-repeat;
}
#news_holder #next a {
	background: url(../images/btn_news_next.png) 50% 0 no-repeat;
}

#single_cpt #single_cpt_content {
	background-color: #fff;

	-moz-box-shadow: -2px 2px 2px rgba(0, 0, 0, 0.25);
	-webkit-box-shadow: -2px 2px 2px rgba(0, 0, 0, 0.25);
	box-shadow: -2px 2px 2px rgba(0, 0, 0, 0.25);

	margin: 50px 0 0 0;
}

#single_cpt_content .pad {
	padding: 10%;
}

#single_cpt #single_cpt_content #single_featured {
	display: block;
	padding: 30px 0;
}

#single_cpt #single_cpt_content span#single_featured {
	background-color: #015e87;
}

#single_cpt #single_cpt_content #single_featured img {
	display: block;
	margin: 0 auto;

	border: solid 4px #fff;

	box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}

/*NEWS CONTENT*/
#single_cpt #single_cpt_content .entry_content {
	padding: 0 0 10% 0;
	border-bottom: solid 1px #ccc;
}

#single_cpt #single_cpt_content abbr {
	display: block;
	text-align: center;
	color: #d51a68; /*PINK*/
	margin: 0 0 30px 0;
	font-size: 200%;
}

#single_cpt #single_cpt_content h2 {
	text-align: center;
	font-weight: 700;
	color: #00a7e0;
	margin: 0 0 40px 0;
}
/*AUTOR*/
#author {
	padding: 10% 0 0 0;
}

#author_info {
	text-align: right;
}

#author_info span {
	display: block;
}

#author_info #author_name {
	font-size: 240%;
	font-weight: 700;
	color: #d51a68; /*PINK*/
	margin: 6% 0 4% 0;
}

#author_info #author_role {
	font-size: 160%;
	color: #025072; /*BLUE*/
}

#author_info #author_email {
	font-size: 160%;
	color: #d51a68; /*PINK*/
}

#author_info #author_email a {
	color: #d51a68; /*PINK*/
}

.back_ambas {
	display: block;
	font-size: 140%;
	margin: 30px 0 0 0;
}

/*
---------------------------------------------------------------------------
=	TEAM
---------------------------------------------------------------------------
*/

.head_tabs {
	border: solid 1px #e5e5e5;
	border-width: 1px 0;
	padding: 20px 0 0 0;
}

.head_tabs .page_intro {
	border: solid 1px #f1812f;
}

.head_tabs ul {
	width: 100%;
	padding: 2% 0 1% 0;
	display: flex;
  	flex-wrap: wrap;
}

.head_tabs ul li {
	display: block;
	width: 25%;
	text-align: center;
	margin: 0 0 5% 0;
	position: relative;
}

.head_tabs ul li a {
	display: block;
}

.head_tabs ul li .head {
	display: block;
	margin: 0 auto;
}
.head_tabs ul li .head.colour {
	-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
  	filter: grayscale(100%);
	max-width: 90px;
}

.head_tabs ul li .sig {
	display: block;
	width: 100%;
	position: absolute;
	background-color: #fff;
	bottom: -45%;
	display: none;
}
.head_tabs ul li a:hover .sig,
.head_tabs ul li.ui-state-active a .sig,
.head_tabs ul li a:hover .head.colour,
.head_tabs ul li.ui-state-active a .head.colour {
	display: block;
	-webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
  	filter: grayscale(0%);
}

.head_tabs ul li .sig img {
	display: block;
	margin: 0 auto;
	max-width: 90px;
	max-height: 29px;
}

.staff_info {
	padding: 4% 0;
	text-align: center;
}

.staff_info div {
	padding: 0 7%;
}

.staff_info h2 {
	color: #025072;
	font-weight: 100;
	margin: 0 0 32px 0;
}

.staff_info .role {
	display: block;
	font-size: 180%;
	color: #d51a68;
	font-weight: 700;
	margin: 0 0 24px 0;
}

.staff_info p {
	font-size: 180%;
	line-height: 1.3em;
	margin-bottom: 1.3em;
}

.staff_info p strong {
	color: #025072;
}

.staff_contact {
	display: block;
	text-align: center;
}

.staff_contact li {
	display: inline-block;
	font-size: 180%;
	zoom: 1;
	*display: inline;
	margin: 0 30px 0 0;
	line-height: 17px;
}

.staff_contact .tel {
	background: url(../images/icn_tel.png) no-repeat 0 2px;
	padding: 0 0 0 20px;
	color: #025072;
}
.staff_contact .email {
	background: url(../images/icn_email.png) no-repeat 0 3px;
	padding: 0 0 0 24px;
}
.staff_contact .email a {
	color: #d70068;
}

.staff_contact li .twit {
	display: block;
	width: 17px;
	height: 14px;
	background: url(../images/icn_twitter_team.png);
}

.more_about {
	background: url(../images/bg_more_about.jpg);
	padding: 5% 0;
}

/*
----------------------------
=	MORE
----------------------------
*/

/*MORE INTRO*/
.more_intro {
	text-align: center;
	padding: 0 5% 3% 5%;
	border-bottom: 1px dotted #ccc;
	margin: 0 0 4% 0;
}

.more_intro span {
	font-size: 180%;
	font-weight: 700;
	color: #d51a68;
}

.more_intro h2 {
	font-weight: 100;
	color: #025072;
	margin: 1.2em 0;
}

.more_intro p {
	font-size: 160%;
	line-height: 1.4em;
}

/*MORE INFO*/
.more_info {
	float: left;
	width: 100%;
	margin-bottom: 5%;
}

.more_info .more_imgs {
	float: left;
	width: 55%;
}
.more_info .more_text {
	float: right;
	width: 40%;
}

.more_info .more_imgs .more_left {
	float: left;
	width: 30%;
	margin: 0 3% 0 0;
}

.more_info .more_imgs .more_left span {
	position: relative;
	float: left;
	width: 100%;
	padding-bottom: 100%;
	height: 0;
	margin: 0 0 10% 0;
}

.more_info .more_imgs .more_left span img {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
}

.more_info .more_imgs .more_right {
	float: left;
	width: 63%;
}

.more_info .more_imgs .more_right span {
	position: relative;
	float: left;
	width: 100%;
	padding-bottom: 100%;
	height: 0;
	margin: 0 0 10% 0;
}

.more_info .more_imgs .more_right img {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
}

.more_info .more_imgs span img {
	border: solid 6px #e8e8e8;
}

.more_text h2 {
	color: #025072;
	font-weight: 100;
	margin: 2em 0;
}

.more_text p {
	font-size: 160%;
	line-height: 1.4em;
	margin-bottom: 1.4em;
}

/*STATS*/
.more_stats {
	float: left;
	width: 100%;
}

.more_stats li {
	float: left;
	width: 25%;
}

.more_stats li span {
	display: block;
}
.more_stats li .number {
	font-size: 700%;
	font-weight: 100;
	color: #d51a68;
}
.more_stats li .stat {
	font-size: 140%;
	font-weight: 700;
	color: #025072;
}

/*
---------------------------------------------------------------------------
=	GET INVOLVED
---------------------------------------------------------------------------
*/

div#quote_box {
	display: none;
}

div#quote_mask {
	position: absolute;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #000;
	z-index: 9998;
	display: none;
}

div#quote_box {
	position: absolute;
	position: fixed;
	top: 50px;
	left: 50%;
	margin: 0 0 0 -250px;
	z-index: 9999;
	width: 500px;
	background: #fff;
	text-align: left;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border: 10px solid #ccc;
	-webkit-box-shadow: 0px 10px 25px rgba(0, 0, 0, 0.25);
	-moz-box-shadow: 0px 10px 25px rgba(0, 0, 0, 0.25);
	box-shadow: 0px 10px 25px rgba(0, 0, 0, 0.25);
	padding: 0 0 30px 0;
}

#quote_form {
	float: left;
	width: 400px;
	margin: 40px 0 0 50px;
}

span#closeme {
	display: block;
	position: absolute;
	right: -10px;
	bottom: 60px;
	margin: 0 50px 0 0;
	width: 100px;
	height: 25px;
	cursor: default;
	cursor: pointer;
	text-indent: -9999px;
	background: url("../images/closeme.gif") no-repeat 100% 0;
}

div#quote_box > div {
	margin: 0 0 0 40px !important;
}

#quote_box .gform_confirmation_message {
	margin: 60px 0 80px 0;
}

/*
---------------------------------------------------------------------------
=	Footer
---------------------------------------------------------------------------
*/

#footer_signup {
	float: left;
	width: 100%;
	background: url(../images/bg_footer_signup.png) 0 0 repeat-x #025072;
}

#footer_signup .row {
	padding: 20px 0 20px 0;
}

#footer_signup .row span {
	display: block;
	color: #fff;
	font-size: 160%;
	padding: 10px 40px 16px 0;
	text-align: right;
}

#footer_signup .row a {
	display: block;
	width: 178px;
	height: 46px;
	background: url(../images/allaboutstem.svg) 0 50% / contain no-repeat;
}

#signup {
}

#signup form {
	width: 100%;
	height: 46px;
	background-color: #fff;
	border: solid 2px #fff;

	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

#signup form input {
	float: left;
	height: 100%;
	padding: 0 10px;
	width: 70%;
}

#signup form button {
	width: 30%;
	float: right;
	background-color: #7bba38;
	color: #fff;
	font-weight: 700;
	font-size: 140%;
	height: 100%;

	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	text-shadow: 1px 1px rgba(0, 0, 0, 0.4);
}

/*FOOTBINS*/
#foot_bins {
	background-color: #015e87;
	padding: 34px 0;
	float: left;
	width: 100%;
}

/*FOOT TWEETS*/
#foot_tweets {
	float: left;
	width: 100%;
	text-align: center;
	color: #fff;
}

#foot_tweets a {
	color: #fff;
}

#foot_tweets ul {
	margin: 10px 0;
}

#foot_tweets ul li {
	font-size: 140%;
	line-height: 1.4em;
}

#foot_tweets #follow {
	display: block;
	margin: 0 20px;
	background-color: #fff;
	font-weight: 700;
	font-size: 140%;
	color: #019bcc;
	padding: 10px 15px;

	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

/*FOOT ADDRESS*/
#foot_address {
	text-align: center;
	color: #fff;
}

#foot_address .deets li {
	padding: 10px 8%;
	font-size: 160%;
	font-weight: 300;
}

#foot_address .deets li:first-child {
	padding: 0 8% 6% 8%;
}

#foot_address .deets li:nth-child(2) {
	border: solid 1px #347e9e;
	border-width: 1px 0;
}

#foot_face {
	display: block;
	margin: 0 20px;
	background-color: #01435f;
	font-weight: 700;
	color: #fff;
	padding: 10px 0;

	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	text-shadow: 1px 1px rgba(0, 0, 0, 0.4);
}

.foot_soc {
	display: inline-block;
}

.foot_soc a {
	font-size: 160%;
	color: #fff;
	padding: 0 4px;

	-o-transition: 0.2s;
	-ms-transition: 0.2s;
	-moz-transition: 0.2s;
	-webkit-transition: 0.2s;
	transition: 0.2s;
}

.foot_soc a:hover {
	color: #c43368;
	text-decoration: none;
	border-bottom: none;
}

/*FOOT MAP*/
div.map {
	display: block;
	float: left;
	width: 100%;
}

div.map_canvas {
	display: block;
	float: left;
	width: 100%;
	height: 235px;
	border: solid 3px #fff;

	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

/*BOTTOM FOOTER*/
#foot_creds {
	color: #fff;
	float: left;
	width: 100%;

	padding: 20px 0;
}

#foot_creds p {
	font-size: 120%;
	float: left;
}

#foot_creds .credits p {
	float: right;
}

/*
---------------------------------------------------------------------------
=	BOOTSTRAP SMALL STYLE
---------------------------------------------------------------------------
*/

@media (max-width: 800px) {
	.home_feature .row {
		background: none !important;
	}
}

@media (max-width: 992px) {
	.page_intro,
	.page_intro .col-md-6 p,
	.container {
		text-align: center !important;
	}

	.entry_content p,
	.entry_content ul,
	.entry_content ul li {
		text-align: left;
	}

	label {
		text-align: left;
	}

	.ra {
		margin: 20px 0 60px 0 !important;
	}

	.central_col {
		border: none;
	}
}

@media (max-width: 767px) {
	.navbar-nav li.menu-item a {
		line-height: 44px !important;
	}

	.navbar-nav li.get_in {
		float: none;
		padding: 10px 100px 0;
	}

	.navbar-nav li.get_in a {
		margin: 0;
	}

	.page_intro,
	.page_intro .col-md-6 p,
	.container {
		text-align: center !important;
	}

	#instant_quote {
		max-width: 100px;
		margin: 0 auto;
	}

	#block_intro {
		background: url(../images/bg_colour_blue_green.png) !important ;
		background-size: 100% 100% !important;
	}

	#block_intro .right {
		display: none;
	}

	.entry_content {
		text-align: left;
	}

	#foot_creds p {
		display: block;
		width: 100%;
		text-align: center;
	}

	#bread,
	#footer_signup .row a {
		display: none;
	}

	#footer_signup span {
		font-size: 13px !important;
	}

	.ra {
		margin: 20px 0 60px 0 !important;
	}

	.central_col {
		border: none;
	}

	.container {
		overflow: hidden;
	}

	main > .container {
		padding: 10px 0 !important;
		margin: 0;
	}

	main #block_event .container,
	main .block_children .container {
		padding: 10px 0 !important;
	}

	#news_grid {
		padding: 0 20px;
	}

	.block .block_intro {
		padding: 0;
	}

	.block .block_intro h1 {
		margin: 0;
		padding: 10px 0;
	}

	#foot_tweets {
		margin: 0 0 30px 0;
	}

	.central_col .entry_content,
	.gform_wrapper {
		padding: 0 20px;
	}

	#block_news .block_intro p,
	.block_children .block_intro p {
		margin: 0 0 30px 0;
	}

	#event_tax_select ul li {
		display: block;
		width: 100%;
		margin: 0 0 10px 0;
	}

	.iphone_pad {
		padding: 0 20px;
	}

	.iphone_hide {
		display: none !important;
	}

	.page_intro,
	main .page_intro {
		padding: 0 !important;
	}
}

.category-big-bang #filter {
	display: none;
}
#foot_tweets {
	width: 100%;
	background: #019bcc;
	padding: 13px 0;
}

#foot_tweets ul {
	background: url(../images/bg_twit.png) 50% 50% no-repeat;
	float: left;
	padding-left: 64px;
	background-size: auto 90%;
	background-position: center left;
}

#foot_tweets li {
	float: left;
}

#foot_tweets ul li a {
	color: #fff;
	text-decoration: underline;
}

#foot_tweets #follow {
	float: right;
	padding: 10px 15px;
	margin: 0;
}

#foot_map {
	margin: 0 4%;
}

#foot_address {
	width: 33.3333%;
	margin: 0;
}

#foot_address.last ul {
	margin-bottom: 0;
}

#foot_address.last ul li:first-child {
	padding-bottom: 0;
}

#foot_address #foot_map .map #gmap2 {
	height: 265px;
}

.page-unsubscribe .block_intro form {
	float: left;
	width: 100%;
}

.page-unsubscribe .block_intro form label {
	display: block;
	width: 100%;
	text-align: left !important;
	font-size: 20px;
	font-weight: 300;
}

.page-unsubscribe .block_intro form input {
	display: block;
	border: solid 1px #204f6f;
	width: 100%;
	padding: 14px;
}
.page-unsubscribe .block_intro form input[type="submit"] {
	background-color: #c43368;
	border: solid 1px #c43368;
	color: #fff;
	font-weight: 600;
	font-size: 14px;

	-o-transition: 0.2s;
	-ms-transition: 0.2s;
	-moz-transition: 0.2s;
	-webkit-transition: 0.2s;
	transition: 0.2s;
}
.page-unsubscribe .block_intro form input[type="submit"]:hover {
	background-color: #89b84d;
	border: solid 1px #89b84d;
}

/*
---------------------------------------------------------------------------
=	SEARCH
---------------------------------------------------------------------------
*/

.search-results #search_list li {
	padding: 5px 0;
}
.search-results #search_list li a {
	font-size: 14px;
	text-decoration: none;
	line-height: 1.5;
}
.search-results #search_list li a .title {
	font-size: 16px;
	font-weight: bold;
}
.search-results #search_list li a:hover .title {
	text-decoration: underline;
}
.search-results #search_list li a p {
	color: #848484;
}

.search-box {
	position: fixed;
	z-index: 999;
	top: 10px;
	background: #024d6e;
	width: 100%;
	left: 0;
	padding: 10px;
	transition: transform 0.2s cubic-bezier(0.65, 0.05, 0.36, 1);
}
.search-box.active {
	transform: translateY(66px);
}
.search-box .container {
	display: flex;
}
.search-box input[type="search"] {
	width: 100%;
	font-size: 16px;
	padding: 10px;
	margin-right: 10px;
	border-radius: 4px;
}
.search-box .btn {
	background: #d11865;
	color: #fff;
	font-weight: 700;
}

/*
---------------------------------------------------------------------------
=	HOMEPAGE POPUP
---------------------------------------------------------------------------
*/
.popup {
	position: fixed;
	z-index: 998;
	bottom: 10px;
	right: 10px;
	max-width: 215px;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
}
.popup .content {
	background: #fff;
	color: #029cce;
	padding: 35px 20px 20px;
	text-align: center;
	font-size: 14px;
}
.popup .content .heading {
	font-size: 20px;
	font-weight: bold;
	line-height: 1.6;
}
.popup .content p {
	margin: 10px 0;
}
.popup .content:before {
	content: "";
	position: absolute;
	top: -25px;
	left: 50%;
	transform: translateX(-50%);
	width: 50px;
	height: 50px;
	background: url(../images/stem_icon.svg) no-repeat;
	background-size: contain;
}
.popup .bottom {
	background: #00638e;
	padding: 20px 20px 10px 20px;
}
.popup .bottom a {
	display: inline-block;
	line-height: 46px;
	background: #029cce;
	color: #fff !important;
	font-weight: 700;
	font-size: 160%;
	width: 100%;
	text-align: center;
	border-radius: 4px;
	margin-bottom: 10px;
}
.popup .close {
	position: absolute;
	top: 5px;
	right: 11px;
}

.popup img {
	width: 100%;
	height: auto;
}

/* CONTACT US FORM */
.page-form-contact-us h1 {
	text-align: center;
	margin-top: 40px;
}

.page-form-contact-us .gform_wrapper {
	width: 80%;
	max-width: 700px;
	margin: 0 auto;
	padding: 20px 0 40px;
}

.page-form-contact-us .gform_wrapper .gform_heading {
	display: none;
}

/* USERWAY PLUGIN */
body .uwy.userway_p1 .uai,
body .uwy.userway_p1 .userway_buttons_wrapper {
	top: auto !important;
	right: auto !important;
	bottom: 13px !important;
	left: 30px !important;
}

.cky-btn-revisit-wrapper.cky-revisit-bottom-left {
	display: none;
}