/*
	Theme Name: HTML5 Blank
	Theme URI: http://html5blank.com
	Description: HTML5 Blank WordPress Theme
	Version: 1.4.3
	Author: Todd Motto (@toddmotto)
	Author URI: http://toddmotto.com
	Tags: Blank, HTML5, CSS3

	License: MIT
	License URI: http://opensource.org/licenses/mit-license.php
*/


/*------------------------------------*\
    Contents

	1. Resets
	2. Typography
	3. Accessibility
	4. General
	5. Links & Buttons





\*------------------------------------*/


/*------------------------------------*\
    1.Resets
\*------------------------------------*/

*, *:after, *:before { -moz-box-sizing:border-box; box-sizing:border-box; -webkit-font-smoothing:antialiased; font-smooth:antialiased; text-rendering:optimizeLegibility; }

html {	font-size: 62.5%; }
body { color:#060606; font-size: 2rem; line-height:2.9rem; font-family: 'Open Sans', sans-serif; overflow-x: hidden; } 
.clear:before, .clear:after { content:' '; display:table; }
.clear:after { clear:both; }
.clear { *zoom:1; }

main {
    max-width: 2000px;
    margin: 0 auto;
}

p#demo { display: flex; flex-direction: row; align-content: center; justify-content: center; }
.date, .hours, .minutes { margin-right:10px; }
/*------------------------------------*\
    2.Typography
\*------------------------------------*/
h1 {font-size: 7.6rem; line-height:8.2rem; margin-bottom: 12px!important; }
h1, h2, h3, h4 {margin:0; font-family: fatfrank, sans-serif; font-weight: 400; font-style: normal;color: #0072b6;}
h2 {color: #0072b6; font-size:3.8rem; line-height:4.2rem; font-weight: 800;}
h2 + p, h3 + p { margin: 10px 0; }
h3 { font-size: 3.2rem; line-height:3.6rem; color: #0072b6;}
h3 + h3 {margin-top:20px;margin-bottom:10px;}
p {margin:8px 0;}

@media only screen and (max-width:767px) {
	body{ font-size:1.8em; line-height: 2.4rem;}
	h1 { font-size: 5.6rem; line-height: 6.0rem; }
	h2 {font-size: 4.2rem; line-height: 4.6rem;}
}

hr {     width: 100%; }
/*------------------------------------*\
    3.Accessibility
\*------------------------------------*/
@media only screen and (min-width:1200px) {
#skip-link { position: relative; }
#skip-link a { position: absolute !important; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); padding: 0.625rem 1.563rem; color: #2C2A29;  font-size: 1.125rem; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; top: -3.125rem; z-index: 0; width: auto; }
}

@media only screen and (max-width:1199px) {
	#skip-link {display: none;}
}
/*------------------------------------*\
   4.General
\*------------------------------------*/

img { max-width:100%; vertical-align:bottom; height: auto;}
.g-blueCircular.pale-blue {     background-color: #1a80bd; }
/*------------------------------------*\
    5.Links & Buttons
\*------------------------------------*/

a {	color:#444;	text-decoration:none;}

a:hover { color:#fe8220; }
a:focus { outline: 2px dotted #fe8220; }
a:hover, a:active { outline:0; }
a.btn {font-size: 18px; line-height: 22px;font-family: fatfrank, sans-serif; text-decoration: none;}

main a { color:#fe8220; text-decoration: underline;font-weight: 800;}

.btn {color:#FFF;display: inline-block; font-family: 'Poppins', sans-serif; font-size:16px; font-weight:700; text-transform:uppercase;    background-color: #fe8220;border-radius: 18px; padding: 14px 18px; margin: 10px 20px 0px 0;  border: 0;}
.btn:hover, .btn:focus {background:#48cbe7;; color:#FFF;}
.orangeFullwidth-btn {background-color: #fe8220; border-radius: 18px;    text-decoration: none;margin-top: 10px; font-family: fatfrank, sans-serif;padding: 12px 18px; display: block; text-align: center; font-weight: 800; text-transform: uppercase; color: #FFF; font-size: 18px; line-height: 26px;}
.orangeFullwidth-btn:hover, .orangeFullwidth-btn:focus {background:#48cbe7; color:#FFF;}
.orangeFullwidth-btn:active {background-color: #004167; color:#FFF;}

/*------------------------------------*\
    6.Forms
\*------------------------------------*/

input:focus { outline:0; border:1px solid #04A4CC;}
.searchBox { display: none; position: absolute; top: 100px; height: 92px; width: 502px; background-color: #26438c; z-index: 2; right: 0; padding: 20px 22px; -webkit-transition: all 0.3s 0.1s ease-in-out; -moz-transition: all 0.3s 0.1s ease-in-out; -o-transition: all 0.3s 0.1s ease-in-out; transition: all 0.3s 0.1s ease-in-out }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; padding: 11px 15px; border-radius: 18px; width:63%; border: 0; }
button.search-submit { padding: 15px 28px; border-radius: 18px; background: #fe8220; color: #FFF; box-shadow: none; border: 0; font-family: fatfrank, sans-serif; text-transform: uppercase; }


/*------------------------------------*\
    Gallery
\*------------------------------------*/
.box { column-count: 4; margin:0; }
.inner { background-color: Gainsboro; color: white; -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; margin: 1rem 0 1rem 0; width: 100%; height: 250px; display: flex; justify-content: center; align-items: center; }
.inner:nth-child(1) { margin-top: 0; height: 300px; background: url(../jpg/pexels-jeshootscom-1201996-1-1.jpg); background-size: cover;background-position: center; }
.inner:nth-child(2) { margin-top: 0; height: 250px; background: url(../jpg/pexels-jeshootscom-1201996-1-1.jpg); background-size: cover;background-position: center; } 
.inner:nth-child(3) { height: 560px;background: url( ../jpg/pexels-stas-knop-1579240-1-1.jpg); background-size: cover;background-position: center; }
.inner:nth-child(4) { height: 300px;background: url(../jpg/pexels-jeshootscom-1201996-1-1.jpg); background-size: cover;background-position: center; }
.inner:nth-child(5) { height: 250px;background: url( ../jpg/pexels-stas-knop-1579240-1-1.jpg); background-size: cover;background-position: center; }
.inner:nth-child(6) { height: 270px;background: url(../jpg/pexels-jeshootscom-1201996-1-1.jpg); background-size: cover;background-position: center; }
.inner:nth-child(7) { height: 280px;background: url( ../jpg/pexels-stas-knop-1579240-1-1.jpg); background-size: cover;background-position: center; }
 
 

/*------------------------------------*\
    Main Layout
\*------------------------------------*/
  
.wrapper { max-width:1145px; width:100%; margin:0 auto; position:relative; }
  
 /*------------------------------------*\
    Header Layout
\*------------------------------------*/
  
.header { background: #ffffff;box-shadow: -18px -4px 8px 3px #676666;}
.header .l-container {max-width: 1450px; position: relative;     padding: 0 2rem;}

header.gameblastHeader nav > ul > li > a {color: #FFF;}

@media only screen and (max-width:1199px) {
	.header { background: #0072b6;    padding: 10px 0;}	
}


.logo { padding: 15px 0; background: #0072b6; width: 23%; position: relative;   z-index: 1; }
.logo a {display: block;}
.logo-img:focus {    outline: 2px dotted #fff;}

.logo-img {z-index: 1; position: relative;}

@media only screen and (min-width:1200px) {
header:not(.gameblastHeader) .logoContainer {background: url(../png/light-curve.png); height: 100px; position: absolute; width: 446px; top: 0; left: -60px;}
header:not(.gameblastHeader) .logo::before {content: ""; background: #0072b6; left: -295px; position: absolute; width: 400px; top: 0; height: 100px;}
header:not(.gameblastHeader) .logo::after{ content:url(../png/curve-edge.png); width: 100%; position: absolute; left: -60px; height: 100px; top: 0; background: #fff;}
}


@media only screen and (max-width:1199px) {
	header.gameblastHeader .logo::before {display: none;}

	.logo::before {content: ""; background: #0072b6; left: -400px; position: absolute; width: 400px; top: 0; height: 91px;}
	/*.logo::after{ content:url(/wp-content/uploads/2021/06/curve-edge.png); width: 100%; position: absolute; left: -140px; height: 100px; top: 0; background: #fff;}*/
	.logo {  width: 60%; }
}

.nav { display: flex; flex-direction: row; align-items: center; }

 /*------------------------------------*\
    Instagram Layout
\*------------------------------------*/

#sb_instagram.sbi_col_5 #sbi_images .sbi_item {z-index:1;}
.sbi_photo:focus { border: 4px solid #fe8220!important;	outline: 4px solid #fe8220!important; box-sizing: border-box; }



/*------------------------------------*\
    PAGES
\*------------------------------------*/
@media only screen and (min-width:1025px) {
.homeBanner .g-blueCircular {    background: rgb(0 114 182 / 60%);}
.g-blueCircular {background: #0072b6; width: 695px; height: 695px; border-radius: 50%; position: absolute; right: 8%; bottom: -50px; z-index: 1;}
.blueCircular-content {margin: 21%; position: relative;}
.blueCircular-content h1 { font-size: 86px; line-height: 1;color: #FFF;margin-top: 5px; }
.blueCircular-content p { color:#FFF;margin-top: 5px;     margin-bottom: 18px;}
.blueCircular-content a.btn {color:#FFF;}
.g-transparentCircular { z-index: 0; background-color: #ffffff; opacity: 0.2; width: 784px; height: 784px; border-radius: 50%; position: absolute; right: 5%; bottom: -90px;}

}

@media only screen and (min-width:1025px) and (max-width:1300px) {
	.blueCircular-content h1 {font-size:58px; line-height: 62px;}
	.blueCircular-content {margin: 0 21%; position: absolute; top: 35%;}
}

@media only screen and (min-width:900px) and (max-width:1024px) {
	.homeBanner .g-blueCircular {width:490px; height:490px;    border-radius: 50%;
		position: absolute;
		right: 8%;
		bottom: -50px;
		z-index: 1;}
	.blueCircular-content h1 { font-size: 4.0rem; line-height: 4.4rem;color: #FFF;margin-top: 5px; }
	.blueCircular-content{ margin: 0; position: relative; padding: 8rem;}
.blueCircular-content h1 { font-size: 40px; line-height: 44px;color: #FFF;margin-top: 5px; }
.blueCircular-content p { color:#FFF;margin-top: 5px;     margin-bottom: 18px;}
.blueCircular-content a.btn {color:#FFF;}
.homeBanner .g-blueCircular {
    background: rgb(0 114 182 / 60%);
}
.g-transparentCircular {     width: 572px;
    height: 572px;background: rgba(255,255,255,0.1);
    border-radius: 50%;
    position: absolute;
    right: 4%;
    bottom: -90px;}
}


@media only screen and (max-width:900px) {
	.logoContainer {display: none;	}
	.g-blueCircular{background: #0072b6; width: 100%;  left: 0; z-index: 1; padding-top:15px;    max-width: 100%;}
	.g-transparentCircular { z-index: 0; background-color: #ffffff; opacity: 0.2; width: 100%;  position: absolute; left: 0; bottom: -90px;}
	.blueCircular-content {  margin: 0%;     padding: 4rem;}
	.blueCircular-content h1 {font-size: 60px; line-height: 1; color: #FFF; margin-top: 5px;}
	.blueCircular-content p {color: #FFF;}
	.blueCircular-content a.btn { margin-bottom: 10px;}
	.logo a {    z-index: 1; position: relative; margin-left: 2rem;     top: 9px;}
	.banner.homeBanner .blueCircular-content {    margin: 0;padding: 4rem;}
	
}


.blueCurveBlock { background-color: #0072b6;padding: 90px 0; position: relative; }
.blueCurveBlock:after {content: ""; background: url(../png/blue-curve-circular.png); width: 100%; height: 260%; position: absolute; background-size: cover; top: 0; z-index: 0;}
.blueCurveBlock .l-container { position: relative; z-index: 1;padding: 0 4rem;}
.blueCurveBlock-heading {width: 46%;}
.blueCurveBlock-heading h2 {color: #ffffff; font-size:4.2rem; line-height: 4.8rem;}
.blueCurveBlock-content { width: 48%;color:#FFF; }
.blueCurveBlock-content a {color:#FFF;}

@media only screen and (max-width:767px) {
	.blueCurveBlock .l-container{flex-direction: column; padding:0 4rem;}
	.blueCurveBlock-heading, .blueCurveBlock-content {width:100%;}
	.blueCurveBlock-heading h2 { color: #ffffff; font-size: 3.0rem; line-height: 3.6rem; margin-bottom: 1rem; }
	.blueCurveBlock-content a {width:80%; margin-bottom:20px; display: block; text-align: center;    margin-top: 20px;}
	.blueCurveBlock {padding-top:60px;}
	.blueCurveBlock p:first-of-type {margin-top:0;}
}
@media only screen and (min-width:768px) and (max-width:1024px) {
	.blueCurveBlock-heading h2 {font-size:3.2rem; line-height: 3.8rem;}

}

@media only screen and (min-width:1400px) {
	.videoBlock { padding-top: 650px;     position: relative; }
}
.videoBlock {      position: relative; }
.videoBlockContent {margin: 0 auto; display: flex; flex-direction: row; top: 0; width: 50%; position: absolute; margin-left: auto; margin-right: auto; left: 0; right: 0; text-align: center;}
.video-container { width: 100%; position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; }
.video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

@media only screen and (min-width:768px) and (max-width:1024px) {
	.videoBlock { padding-top: 420px;     position: relative; }
	.videoBlockContent {width:80%;}
}

.testimonial { background-color: #0072b6; display:flex; flex-direction:row;position:relative; z-index: 2; overflow: hidden;}
.testimonial-image {width: 50%; display: flex;}
.testimonial-image img { width: 100%;height: 100%; }
.testimonial-content { width:50%;    position: relative; display:flex; flex-direction: row; align-items: center;}
.testimonial-content-inner {width: 70%; position: relative; display:flex; padding-left: 15%;padding-right: 10%;z-index: 2; flex-direction: column;}

.testimonial blockquote {position: relative;   z-index: 1;font-size: 3.6rem; line-height: 4rem; color: #FFF; font-style: italic; margin: 0; }
cite {color: #FFF; margin-top: 11px;width: 100%; display: block; font-size: 2.6rem; font-style: normal; font-weight: 800; font-family: fatfrank;     margin-top: 25px;}
.testimonial-content img.testimonialCurve-one{display: none; width: 100%; position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.testimonial-content img.testimonialCurve-two{display: none; width: 100%; position: absolute; top: 0; left: 60px; right: 0; bottom: 0;}

.testimonial figure {position: relative;     margin-bottom: 26px;}
.testimonial-content-inner:before {
	content: url(../png/left-quote-marks.png); position: absolute;top:-45px;left:11%; font-size:60px;
}


.testimonial-content-inner:after {
	content: url(	../png/right-quote-marks.png); position: absolute;top:-45px;right:0; font-size:60px;
}
 
.fullWidthTestimonial blockquote { color: #0072b6; font-style: italic; font-weight: 400;   padding: 0;
	margin: 2rem 4rem;font-size: 4.2rem; line-height: 4.8rem; position: relative;
}

	.fullWidthTestimonial blockquote::before{ 
		content: url(../png/left-quote-marks.png); position: absolute;top:-45px;left:0; font-size:60px;
	}

	.fullWidthTestimonial blockquote::after{ 
		content: url(	../png/right-quote-marks.png); position: absolute;top:-45px;right:0; font-size:60px;
	}
	.slick-dots {text-align:left;}

	.fullWidthTestimonial blockquote footer {
		margin-top: 25px;
		font-size: 20px;
		line-height: 28px;
	    font-weight: 800;
    font-family: fatfrank;
    text-transform: uppercase;
    font-style: normal;
	}

	.fullWidthTestimonial {text-align: center;     margin: 25px 0 65px;}

	.testimonial-relationship {color: #fe8220;font-weight: 700;}
	.blueBg.fullwidthContentBlock a {font-weight: 700; color: #FFF; text-decoration: underline;}
	.blueBg.fullwidthContentBlock a.btn {width: 30%; text-align: center; text-decoration: none;}
	.fullwidthContentBlock .l-container {display:flex; flex-direction:column;max-width:990px;padding: 0 4rem;}
	.fullwidthContentBlock  h2 {font-size: 5.6rem; line-height: 6.0rem;    margin-top: 5px; margin-bottom: 4px;}
	.fullwidthContentBlock  h3 {margin-top:5px;}
	.fullwidthContentBlock + .storiesBlock, .fullwidthContentBlock +.pageSuggestions {padding-top:0;}

	

	img.styled-border {border-radius: 50%; box-shadow: 0 0 0 22px rgb(254 130 32 / 10%); color: rgb(254 130 32); margin-bottom: 25px;}
	.who-weve-helped  .promoted-stories-items {margin-bottom: 60px;}

	section.fullwidthContentBlock {    padding: 50px 0 85px 0;}
	.fullwidthContentBlock .btn { width: 20%; text-align: center; color: #FFF;margin-top: 20px; }
	.page-id-58 section.fullwidthContentBlock {padding-bottom: 25px;}
	.founders-message section.fullwidthContentBlock {padding-top:0px;}

	.gameblast section.fullwidthContentBlock { padding: 60px 0 60px 0; }
	.gameblast section.fullwidthContentBlock .btn {width:35%;}

	@media only screen and (max-width:767px) {
		.founders-message section.fullwidthContentBlock {padding-top:30px;}
		.founders-message section.fullwidthContentBlock {padding-top:20px;}
		.founders-message .blueBg.fullwidthContentBlock { padding-top:85px; padding-bottom:10px; }
		.founders-message h1 { text-align:center; }
		.videoBlock {padding-top: 170px;}
		.fullwidthContentBlock { padding-bottom: 60px; }
		.fullwidthContentBlock .l-container{ display: block; }
		.fullwidthContentBlock .btn {width: 100%;}
		.testimonial {flex-direction: column;}
		.testimonial-image {width:100%;}
		.testimonial-content, .testimonial-content-inner {width:90%!important; margin:0 auto;}
		.testimonial-content-inner {margin-top:30px; padding-left: 0;     width: 85%!important;}
		.testimonial blockquote {font-size:2.6rem; line-height:3.2rem;text-align: center;}
		cite { font-size:2.0rem; line-height: 2.6rem;text-align: center;}
		.testimonial-content {padding: 60px 0;}
		.slick-prev { left: -40px!important; bottom: -83px; }
		.slick-next { right:  -40px!important; }
		.videoBlockContent {width: 80%; top:-47px;}
		.testimonial-content img.testimonialCurve-one, .testimonial-content img.testimonialCurve-two {display: none;}
		.fullWidthTestimonial blockquote::before, .fullWidthTestimonial blockquote::after {    top: -44px;}
		.fullWidthTestimonial blockquote {    font-size: 2.2rem; line-height: 2.8rem;}
		.fullWidthTestimonial blockquote footer {font-size:1.6rem; line-height: 2.2rem;}
		.testimonial-relationship{font-size:1.6rem; line-height: 2.2rem;}
		.blueBg.fullwidthContentBlock a.btn {width:100%; margin-top:20px;}
		.fullwidthContentBlock h2 {font-size: 3.2rem; line-height:3.8rem;}
	}


	@media only screen and (min-width:767px) and (max-width:1024px) {
		.founders-message section.fullwidthContentBlock { padding-top: 50px; }
		section.fullwidthContentBlock {padding:35px 0;}
		section.fullwidthContentBlock.blueBg {padding-bottom:65px;}
	}

	.promoted-stories {display: flex; flex-direction: row; padding: 0 4rem;justify-content: space-between; max-width: 1080px; margin: 80px auto;     flex-wrap: wrap;}
	.promoted-stories h1 { text-align: center; margin: 0 auto; }
	.promoted-stories h1 + p { margin-bottom: 80px; text-align: center; width: 90%; margin: 20px auto 85px auto; }
	.promoted-stories h2 {font-size: 3.6rem;line-height:4.4rem; margin-top:40px;}
	.storiesBlock .promoted-stories h2 {font-size: 3.6rem;line-height:4.4rem;}

	.promoted-stories-items img {
		border-radius: 50%; box-shadow: 0 0 0 22px rgb(254 130 32 / 10%); color: rgb(254 130 32);
	}
	.promoted-stories-items {
		width: 30%; margin-bottom:30px;    text-align: center; display: flex; flex-direction: column;
	}
	
	.promoted-stories-items p {text-align:center; flex-grow:1;}
	.promoted-stories-items .btn { margin: 12px auto; color: #FFF; text-align: center; display: block; width: 100%;}

	.individuals {padding:95px 0; padding-bottom: 95px; background: #0072b6; color: #FFF; text-align: center;}
	.individuals .promoted-stories-items {
		width: 29%;     margin: 0 15px 60px 15px;
	}
	.individuals h1 {color:#FFF;}
	
	.individuals .promoted {flex-wrap: wrap;}
	.individuals > h2 {width:55%;color: #FFF; font-size: 4.2rem; line-height: 4.8rem;  margin: 0 auto;}
	.individuals-promoted h2 {color: #FFF; font-size: 5.8rem; line-height: 6.4rem; width: 100%; margin: 0 auto;}
	.individuals .promoted-stories-items img {
		border-radius: 50%;
		box-shadow: 0 0 0 22px rgb(26 128 189 / 65%);margin: 0 auto; display: block;
	
	}

	.promoted-stories-items-container { display: -webkit-flex; flex-direction: column; height: 100%; flex: 1; display: flex; }

	.promoted-stories-items a {text-decoration: none;}
	.lightbox {
		display: none;
	}
	.individuals-promoted {display:flex; flex-direction:row;flex-wrap:wrap; max-width:1040px;    margin: 30px auto;}


	.centred-content {text-align: center;    padding: 6rem 4rem;}
	.centred-content .btn {margin:10px auto;}

	.featureContentBlock.column-reverse {
		flex-direction: row-reverse;
	}

	.featureContentBlock.column-reverse .featureContentBlock-image {margin-right:1%;width:49%;}

	.featureContentBlock .featureContentBlock-image {width:50%;}
	.featureContentBlock-image img {width:100%;}
	.featureContentBlock.column-reverse .featureContentBlock-content-inner {width:58%;margin-left:160px;}
	.featureContentBlock .featureContentBlock-content-inner {width:58%;margin-left:229px;}

	.featureContentBlock-content-inner ol, .featureContentBlock-content-inner li { margin-bottom: 15px;}

	.blueBg {background: #0072b6; color: #FFF;}

@media only screen and (min-width:1920px) and (max-width:2500px) {

.g-transparentCircular {    width: 44%; }
.g-blueCircular {    width: 38%;}
}

.l-container {max-width: 1170px; margin:0 auto;    display: flex;
    flex-direction: row; padding:0 2rem;
    justify-content: space-between; flex-wrap: wrap;
}


.latestNews {    padding-top: 125px;}
.latestNews h2 { font-size: 7.6rem; text-align: center;     line-height: 1;}
.latestNewsIntro {width: 80%;margin: 20px auto 0 auto;text-align: center;}
.latestNews.newsBlock { padding-top: 85px; }


.banner {position: relative;background-position: center;    overflow: hidden; background-size: cover!important;}

.bannerContent h1 {color: #FFF; font-size: 50px; line-height: 54px; text-transform: uppercase;font-family: 'Poppins', sans-serif; font-weight: 800; margin:0;}
.snippetText { color: #3db3e3; font-weight: 600; text-transform: uppercase; font-family: 'Poppins', sans-serif; letter-spacing: 2px; }

.banner  .btn.primary{background-color: #ffffff;color: #0072b6;     min-width: 150px; text-align: center;}
.banner  .btn.primary:hover, .banner  .btn.primary:focus {background: #48cbe7; color: #FFF;}
.banner .banner .btn.primary:active {background-color: #004167; color:#FFF;}
.banner  .btn.secondary {background-color: #fe8220; color:#FFF;   margin:5px 0;     min-width: 150px;text-align: center;}
.banner  .btn.secondary:hover, .banner .btn.secondary:focus {background: #48cbe7; color: #FFF; }
.banner  .btn.secondary:active { background-color: #004167;}
.introduction {display: flex; flex-direction: row; justify-content: space-between; padding-bottom: 45px; padding-top: 55px; }
.introduction .l-container {display:flex; flex-direction:column;max-width:990px; padding: 0 4rem;}
/*section.banner + section.introduction.centred-content {    padding-bottom: 65px;}*/


.error404 .banner {display:flex; flex-direction:row; align-items:center; justify-content: center;}
.error404 .banner img {width:100%;}
.error404 .banner p {position: absolute; font-weight: 700; color: #FFF; font-size: 8.9rem; text-shadow: -1px 4px 6px #444; background: rgb(254 130 32 / 87%); padding: 20px; border-radius: 18px;}

.error404 .introduction.centred-content{padding-top:85px;padding-bottom:85px;}
.error404 .introduction .l-container {display:flex; flex-direction:column;max-width:990px;}

@media only screen and (max-width:1199px) {
.header .l-container {padding:0 2rem;}
.introduction {padding-bottom:0;}

}

@media only screen and (max-width:1400px) {
	.testimonial blockquote {font-size: 3.0rem; line-height: 3.4rem;}
	.home .testimonial blockquote {font-size: 1.8rem; line-height: 2.2rem;}
	.home cite {font-size:1.6rem; line-height: 2.2rem;}
}

@media only screen and (max-width:767px) {
	.latestNews.newsBlock { padding-top: 65px; }
	.latestNews h2 { font-size: 5.6rem; line-height: 6.2rem; }
	.latestNews  {padding-top:65px;}
	.individuals-promoted{flex-direction: column;}
	.individuals h2, .individuals .promoted-stories-items {width:100%;margin-left: 0; margin-right: 0; font-size: 4.2rem; line-height:4.8rem;}
	.promoted-stories {flex-direction: column;padding: 0 4rem;}
	.latestNewsIntro {width: 100%;}
	.l-container {padding:0 4rem;}

	
	.banner  .btn.secondary, .banner .btn.primary {width:100%; margin-bottom:10px;}
	.banner .btn.primary {    margin-top: 10px;}
	.banner .btn.secondary {    margin-top: 10px;margin-bottom:50px;}

	.introduction {flex-direction: column; padding:4rem 0 0 0;}
	.introduction .l-container {padding:0;}
	.bannerContent {
		position: absolute;
		bottom: 0;
		padding: 4rem 2rem;
		background: #071f5b;
	}
	.bannerContent h1 {font-size: 30px; line-height: 34px;}

	.promoted-stories-items  {width:100%;     text-align: center;}
	.promoted-stories-items .btn {width:60%;}
	.featuredLeft {
		padding: 0 2rem;
	}

	}
	
	@media only screen and (min-width:768px) and (max-width:990px) {
	.individuals .promoted-stories-items {width:49%; margin: 0 0 50px 0;}
	.individuals-promoted {justify-content: space-between;}
	
	}

	@media only screen and (min-width:1200px) {
		
		.bannerContent:before {content: ""; position: absolute; left: -400px; width: 400px; height: 310px; background: #071f5b; }
.bannerContent {content: ""; width: 38%; bottom: 100px; background: #071f5b; height: 310px; position: absolute; border-right: 10px solid #FFF; padding-right: 35px; display: flex; flex-direction: column;  justify-content: center;}
		}
	
	
.charityActivities-intro { padding-top: 90px; }
.charityActivities-intro h2 {font-size: 7.6rem; line-height: 8.2rem; margin-bottom:0; text-align: center;}
.charityActivities { position: relative; padding-bottom: 95px; background: url(../png/transparent-curve-detail.png);    background-size: cover;}
.charityActivities-intro-content {width: 80%;margin: 20px auto 0 auto;text-align: center;}
.charityActivities-intro-content p {margin-top:0;}


@media only screen and (min-width:768px) and (max-width:1024px) {
	.charityActivities { padding-bottom: 50px;}
	.latestNews {padding:65px 0 0px 0;}
}


.featuredVideo { position: relative; padding-top:95px; padding-bottom: 95px; background: url(../png/transparent-curve-detail.png); background-size: cover;}
.featuredVideo-intro h2 { font-size: 7.6rem; line-height: 8.2rem; margin-bottom: 0; text-align: center; }
section.introduction.centred-content + .featuredVideo { padding-top: 0; padding-bottom:45px;}
.featuredVideo .grid-container {margin-top:0;}

.embed-container { 
	position: relative; 
	padding-bottom: 56.25%;
	overflow: hidden;
	max-width: 100%;
	height: auto;
} 

.embed-container iframe,
.embed-container object,
.embed-container embed { 
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

@media only screen and (max-width:767px) {
	.charityActivities-intro-content {width:100%;}
	.charityActivities-intro h2 { font-size: 4.2rem; line-height: 4.8rem; }
	.charityActivities-intro { padding-top: 30px; }
	.charityActivities {padding-bottom: 30px;}
	.featuredVideo-intro h2 { font-size: 3.8rem; line-height: 4.4rem; }
	.featuredVideo { margin-bottom: 40px;  padding-bottom: 10px;}

}
.grid-container { max-width: 1170px;  margin: 30px auto; }
.grid-container-inner { display: flex; flex-direction: row; flex-wrap: wrap; margin-bottom: 12px; width: 100%; margin-left: -10px; margin-right: -10px;}
.grid-item { display: flex; flex-direction: column; flex: initial; flex-wrap: nowrap; width: 30%; background: #FFF; box-shadow: 0 0 17px 3px rgb(0 0 0 / 10%); border-radius: 18px; margin: 0 15px 30px 15px; }
.grid-image { margin: 0 0 20px 0; border-top-left-radius: 18px; border-top-right-radius: 18px; overflow: hidden; }
.grid-content { padding: 6% 12%;  display: flex; display: -webkit-flex; flex-direction: column; height: 100%; flex: 1;}
.grid-content h3 {color: #0072b6;  font-size: 3.6rem; line-height:4rem;font-style: normal;margin-bottom: 5px;}
.grid-content p {font-size: 1.6rem; line-height: 2.2rem;display: flex; display: -webkit-flex; flex-direction: column; height: 100%; flex: 2;}
.home .grid-item:hover { -webkit-transform: scale(1.05,1.05); -moz-transform: scale(1.05,1.05); transform: scale(1.05,1.05); -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out; }
.grid-content h2 a { color: #0072b6; font-size: 2.8rem; line-height: 3.2rem; font-style: normal;     text-decoration: none;}
.grid-content h2 {font-size: 2.8rem; line-height: 3.2rem;}

.storiesBlock {    padding-top: 65px; padding-bottom:95px;}
.storiesBlock h2 {font-size: 7.6rem; text-align: center; line-height: 1;}


@media only screen and (min-width:768px) and (max-width:1024px) {
	.grid-container {padding:0 4rem;}
	.grid-item {width:48%;margin:0 0 40px 0;}
	.grid-container-inner {justify-content: space-between;margin: 0;}
	.grid-image img { width:100%; }
}

@media only screen and (max-width:767px) {
	.grid-container {padding:0 4rem;}
	.grid-item {width:100%;margin: 0 0px 30px 0px;}
	.grid-container-inner { margin-left: 0; margin-right:0; }
	.grid-content p {margin:0 0 10px 0;}
	.grid-content h3 {font-size: 3.2rem; line-height: 3.8rem; }
	.grid-image img {width:100%;}

}

@media only screen and (min-width:600px) and (max-width:990px) {
	.grid-container-inner {    justify-content: space-between; }
	.grid-item {width: 48%;}
}

.fullWidthFeatureBlock{position: relative;overflow: hidden;  background-size: cover!important;}
.fullWidthFeatureBlock  .blueCircular-content h2 {font-size: 6.2rem; line-height:1;color: #FFF;margin-top: 5px; margin-bottom: 12px;}
.fullWidthFeatureBlock  .blueCircular-content p { color:#FFF;margin-top: 5px; }


.secondary_bg h2.center {position: relative;}
.secondary_bg h2.center:before {position:absolute; content:"";left: 180px; width: 65px; height: 1px; background: #3db3e3; bottom: -18px}

.featuredLeft p {margin-left: 8%;}

.featuredLeft h2 {position: relative;margin-bottom: 42px;}
.featuredLeft h2:after {position: absolute; content: ""; left: 42px; width: 65px; height: 1px; background: #3db3e3; bottom: -25px;}

.featuredRight {width:48%; overflow: hidden; }
.featuredRight-blockOne .featuredRightContainer:hover img {-webkit-transform: scale(1.05,1.05);
    -moz-transform: scale(1.05,1.05);
    transform: scale(1.05,1.05);
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;}

	.featuredRight-blockTwo .featuredRightContainer:hover img {-webkit-transform: scale(1.05,1.05);
		-moz-transform: scale(1.05,1.05);
		transform: scale(1.05,1.05);
		-webkit-transition: all .5s ease-in-out;
		-moz-transition: all .5s ease-in-out;
		-ms-transition: all .5s ease-in-out;
		-o-transition: all .5s ease-in-out;
		transition: all .5s ease-in-out;}

.featuredRightContainer img { width:100%;}
.featuredRight h2 {position: relative;margin-bottom: 42px;}
.featuredRight h2:before {position:absolute; content:"";left: 42px; width: 65px; height: 1px; background: #3db3e3; bottom: -25px}
.featuredRight p{margin-left: 6%;}

.featuredRightInner {
    display: flex;
    flex-direction: column;
}

/*.charityActivities:before  {content: ""; background: url(/wp-content/uploads/2021/06/transparent-curve-detail.png);     background-repeat: no-repeat;position: absolute; bottom: 0; z-index: -1; width: 100%; height: 100%; background-position: bottom; 
}*/

.featuredRight-blockOne {position:relative;height: 330px; width: 100%; display: flex; flex-direction: column; align-content: center; justify-content: center;    overflow: hidden;}
.featuredRight-blockOne:before {position:absolute; content:"";    z-index: 1; top:0;left:0;background: linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); width: 100%;height: 100%; left: 0;}

.featuredRight-blockTwo {position:relative;height: 330px; width: 100%; display: flex; flex-direction: column; align-content: center; justify-content: center;   overflow: hidden;}
.featuredRight-blockTwo:before {position:absolute; content:"";    z-index: 1; top:0;left:0;background: linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); width: 100%;height: 100%; left: 0;}
.featuredRightInner h2, .featuredRightInner p {z-index: 1;}
.featuredRightContainer {position:absolute; top:0; left:0; bottom:0;right:0;}

section.fullWidthTestimonial.blueBg blockquote {
    color: #FFF;

}

section.fullWidthTestimonial.blueBg {padding: 85px 0 65px 0; text-align: center; margin:0;}
section.fullWidthTestimonial.blueBg + .fullwidthContentBlock {padding-top:65px;}

@media only screen and (max-width:767px) {
	.fullWidthFeatureBlock .blueCircular-content p {margin-top:20px;}
	.fullWidthFeatureBlock .blueCircular-content {    margin: 10% 2% 0 2%; padding: 0rem 4rem 5rem 4rem;}
	.fullWidthFeatureBlock .blueCircular-content h2 {font-size:5.0rem;}
}

@media only screen and (min-width:1200px) {
	.featuredLeft {width:57%;padding: 120px 8% 120px 20%; }
}
@media only screen and (min-width:768px) and (max-width:1024px) {
	.fullWidthFeatureBlock .g-transparentCircular {display: none;}
	.home .testimonial {margin-top: 110px;	}
}

.secondary_bg { background:#071f5b;padding:130px 0; }
.flex-column {flex-direction: column;}
.center {text-align:center;display:block;    margin: 0 auto;}
.secondary_bg h2, .secondary_bg h3 {color: #FFF;}
.gridItem {width:31%;text-align:center;    margin-top: 48px;}
.gridItem img {width: 70px; height:70px;}
.gridItem h2 {color:#FFF;font-size:28px; line-height:32px;}
.gridItem p {color: #FFF; font-size: 18px; line-height: 22px;}
.gridItem a.btn {color: #FFF;}

.parallax {padding-top:100px;background-image: url(../oc_sparkle_background.html); min-height: 1900px;background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover;}
.calltoActionBlock {width:60%; margin:0 auto 100px auto; padding:60px 0 60px 0;display:block; background:rgba(7,31,91,0.5);}
.calltoActionBlock h2 {color: #FFF; text-align: center; display: block; margin: 0 auto 30px auto; position: relative;}

.calltoActionBlock p { width: 55%; color:#FFF;display: block; margin: 10px auto; text-align: center; }
.calltoActionBlock a.btn {  text-align: center; width: 18%;
    margin: 30px auto;
    color: #06205b;
    display: inline-block;
    border-radius: 5px;
    margin-top: 10px;
    color: #FFF;
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    font-weight: 700;
    padding: 9px 42px;
    border: 2px solid #3db3e3;
    text-transform: uppercase;}

.calltoActionBlock h2:after {
     position: absolute;
    content: "";
    left: 180px;
    width: 65px;
    height: 1px;
    background: #3db3e3;
    bottom: -18px;
}

.whiteBg {
	background:#FFF;display: flex;
    flex-direction: row;
    justify-content: space-between;
        align-items: center;
		padding: 115px 0;
}

.blueBg {    padding: 115px 0;}
.blueBg h2 {color:#FFF;}
.whiteBg p {margin-left:8%;}
.whiteBg .featuredRight {width: 42%;}
.whiteBg .featuredRight img {width:100%;height:100%;}

@media only screen and (max-width:767px) {
.whiteBg {flex-direction: column; padding:60px 0;}
.secondary_bg .l-container{flex-direction: column;}
.gridItem {margin-top:60px;width:100%;}
.gridItem a.btn { width: 65%;  margin: 0;}
.calltoActionBlock {width: 80%;}
.calltoActionBlock p {width:85%}
.calltoActionBlock a.btn {width:90%;}
.parallax .whiteBg {padding: 50px 0 0 0;}
.whiteBg .featuredRight {width: 100%;}
.introduction {flex-direction: column; padding: 4rem;}
section.fullWidthTestimonial.blueBg blockquote {margin:0;}
section.fullWidthTestimonial.blueBg {margin-top:0;}
}


.introduction .btn {width: 30%; margin: 10px auto; color: #FFF;}
.introduction h1 + h2 {font-size:6.2rem; line-height: 6.6rem;}
.introduction h2 {font-size: 7.6rem; line-height: 8.4rem; margin-bottom: 12px;}
.secondaryCallToAction {margin: 100px auto 100px auto;}

.latest-news {padding:100px 0 0;}
.latest-news-container {max-width:1170px; margin:30px auto;}
.latest-news-container-inner {display: flex; flex-direction: row; flex-wrap: wrap; margin-bottom: 12px; width: 100%; margin-left: -10px; margin-right: -10px;}
.latest-news-item {display: flex; flex-direction: column; flex: initial; flex-wrap: nowrap; width: 30%;    background: #FFF;  box-shadow: 0 0 17px 3px rgba(0, 0, 0, 0.1);
border-radius: 18px;
margin: 0 15px 30px 15px;}
.latest-news .btn {width: 19%; margin: 130px auto; color: #06205b; display: block; border-radius: 5px; margin-bottom: 30px; font-family: 'Poppins', sans-serif; font-size: 16px; font-weight: 700; padding: 9px 42px; border: 2px solid #3db3e3; text-transform: uppercase; text-align: center; margin-top: 50px;}
a.next.page-numbers { background: #fe8220; padding: 10px 15px; color: #FFF; }
a.page-numbers { background: #fe8220; padding: 10px 20px; color: #FFF; }
a.next.page-numbers, a.prev.page-numbers { background: #fe8220; padding: 10px 20px; color: #FFF; }
span.page-numbers.current { background: #0072b6; padding: 10px 20px; color: #FFF; }
.pagination { text-align: center; margin: 60px 0 80px 0; }
.blogPostWrapper{background:#fbf9f9;padding:85px 0;}
.blogPostWrapper .taggedAs {display: flex; flex-direction: row;     margin-bottom: 10px;align-items: center;border-top: 0; border-bottom: 1px solid #eee;    padding-top: 5px;}
.blogPostWrapper .taggedAs div {margin-right:10px;}
.blogPostWrapper .l-container {max-width:950px; flex-direction:column; background:#FFF; padding:60px;   margin:0px auto;box-shadow: 0 0 17px 3px rgb(0 0 0 / 10%);}
.blogPostWrapper h1{color:#0072b6;     line-height: 5.8rem;  font-size: 5.2rem;     margin-bottom: 0!important;}
.postHeaderImage{margin-bottom:20px;margin-top:28px;}
.filterCategories {width:100%;}
.filterCategories ul { margin: 20px 0; padding: 0;}
.archive-dropdown {margin-top:10px;}
.blogPostWrapper a { color: #fe8220; font-weight: 800; text-decoration: underline; }
.blogPostWrapper a:hover, .blogPostWrapper a:focus { color: #0072b6; font-weight: 800; text-decoration: underline; }

article {
	display: flex;
    flex-direction: column;
    flex: initial;
    flex-wrap: nowrap;
    width: 30%;
    background: #FFF;
    box-shadow: 0 0 17px 3px rgb(0 0 0 / 10%);
    border-radius: 18px;
    margin: 0 15px 30px 15px;
}

.blogPostWrapper .embed-container { margin: 20px 0; }
.blogPostWrapper h2+h3 {margin-top:13px;}

article p{font-size: 16px; line-height: 22px; margin-top: 12px; color: #439abe; font-weight: 700;}
article a {    color: #0072b6;
    font-family: 'fatfrank',sans-serif;}
	article .grid-content img {width:24px; height:auto;    margin-right: 4%;}

	article .grid-content a {display: inline;     text-decoration: none;}
.taggedAs a  {font-size:1.8rem; line-height: 2.2rem;}
.twoColumnContentBlock-left {width:42%;}
.twoColumnContentBlock-left h2 {font-size:4.2rem; line-height:4.8rem;}
.twoColumnContentBlock-left  .btn{margin-top: 18px;color:#FFF;}
.twoColumnContentBlock-right { width:48%;}
.taggedAs {
    border-top: 1px solid #eee;
    padding-top: 20px;
}
.taggedAs img {margin-right:5px;}

@media only screen and (min-width:800px) and (max-width:1024px) {
	.latest-news-container-inner {justify-content: space-between;  padding: 0 4rem; margin: 0;}
	.latest-news-item {margin:0;}
	

}

#mc_embed_signup .mc-field-group label {color:#FFF;}
#mc_embed_signup .indicates-required {display: none;}

#mc_embed_signup form {margin-left:0; margin-right: 0;padding: 0 !important;}
#mc_embed_signup .button {    background-color: #fe8220;}
.mc-field-group {
    display: flex;
    flex-direction: column;
}
#mc_embed_signup .button { background-color: #fe8220; border: 0; border-radius: 18px; padding: 14px 56px; color: #FFF; margin-top: 15px; text-transform: uppercase; font-family: 'fatfrank'; }
#mc_embed_signup .mc-field-group input { box-shadow: inset 2px 2px 4px rgb(0 0 0 / 30%); border-radius: 18px; padding: 10px 20px; margin-top: 8px; }
nav.filterCategories li {
    display: inline-block;
	margin-right: 10px;
}
nav.filterCategories li a {padding:10px 18px; border-radius: 18px;background-color: #fe8220;color:#FFF;    text-decoration: none;    font-family: fatfrank, sans-serif;}
nav.filterCategories li a:hover, nav.filterCategories li a:focus{background: #3db3e3;}
.filterCategories > ul > li > ul {padding: 0;margin: 25px 0;}


footer a {color:#FFF;}
footer a:hover, footer a:focus { text-decoration: underline; color: #FFF;}
.footerLogo {background: #0072b6; width: 21%; position: relative; padding-top: 70px;}
.footerLogo .btn {margin-top:25px; }
/*.footerLogo::after {
	content: ""; background:url(/wp-content/uploads/2021/06/footer-curve-left.png); width: 155px; position: absolute; right: -73px; height: 100%; top: 0; 
}*/


.footerLogo::before {
	content: ""; background: #0072b6; left: -295px; position: absolute; width: 500px; top: 0; height: 100%; }


footer .l-container {max-width:1450px;}
.footerLinks {width: 62%; color: #FFF; margin-left: 2%; display: flex; flex-direction: row; justify-content: space-between;margin-top: 115px;flex-wrap: wrap;    margin-bottom: 50px;}
.footerLinks-col {width:24%;}

.footerCurveLight { width: 100%; position: absolute; top: 0; left: 120px; right: 0; bottom: 0;height:100%; }
.footerCurveDark {width: 100%; position: absolute; top: 0; left: 60px; right: 0; bottom: 0; height:100%;}
.footerAddress {position: absolute; left: 35px;}
.footerAddress span {color: #FFF; font-size: 1.6rem; line-height: 2.2rem;}
.footerAddress p {color: #FFF; font-size: 1.6rem; line-height: 2.2rem;}
.footerSocialIcons { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; margin-top: 12px ; }


.copyright {
    background: #000;
    padding: 10px 0;
    margin: 0;
	color:#FFF;
}

.subFooter-col:nth-child(1) {width:35%;font-size: 12px; line-height: 16px;}
.subFooter-col:nth-child(2) {width:27%;font-size: 12px; line-height: 16px;}
.subFooter-col:nth-child(3) {width:20%;font-size: 12px; line-height: 16px;}

.subFooter-col a {color:#FFF; margin-right:10px;}
.subFooter-col a:hover, .subFooter-col a:focus {color: #3db3e3; text-decoration: underline;}
.copyright .subFooter-col:last-of-type  a {color:#3db3e3; font-weight: 800;}
.socialChannels a {margin:3px;}
.socialChannels a img {vertical-align: middle;}


section.annoucement {
    background: #fe8220;
    color: #FFF;
    font-size: 20px;
    line-height: 24px;
}

section.annoucement p { margin: 8px 0;text-align:center;width: 100%; text-transform: uppercase; font-family: fatfrank, sans-serif;}
section.annoucement a {color: #FFF; text-decoration: underline;}

.fullWidthContent {padding:0 0 45px 0;}
.fullWidthContent .l-container{display:flex; flex-direction:column;max-width:990px;}
.fullWidthContent h2 { font-size: 5.4rem; line-height: 6rem; }
.fullWidthContent h3 {font-size: 4.2rem; line-height: 4.8rem;color:#0072b6;}

.featureContentBlock .btn { width: 50%; text-align: center; color: #FFF; display: block; margin-top:17px; }
.bulletPoints-left {width:42%;}
.bulletPoints-right {width:48%;}
.bulletPoints-right h3 {color:#FFF; font-size:2.6rem; line-height: 3.2rem;margin-top:8px;}
.bulletPoints-right h3 + p {margin:5px 0;}
.double-button { display: flex; flex-direction: row; margin-bottom: 20px; }

@media (max-width: 767px){
	.blogPostWrapper {padding:0;}
	li.cat-item { width: 46%; margin-bottom: 20px; margin-right: 0; }
	nav.filterCategories li a {display: block; text-align: center;}
	.filterCategories > ul > li > ul { padding: 0; margin: 25px 0; display: flex; flex-direction: row; flex-wrap: wrap; }
	li.cat-item { width: 46%; margin-bottom: 20px; margin-right: 0; }
	.double-button { display: flex; flex-direction: column; margin-bottom: 20px; }
	.blogPostWrapper h1 {font-size: 3.0rem; line-height: 3.6rem;}
	.blogPostWrapper .taggedAs { flex-direction: column; text-align: left; align-items: flex-start; padding-bottom: 15px;}
	article {width: 100%; margin: 0 0 40px 0;}
	.latest-news-container {padding: 0 4rem;}
	.blueCurveBlock:after {height: 175%;}
	.twoColumnContentBlock-left, .twoColumnContentBlock-right { width: 100%; margin-bottom:10px;}
	.whiteBg p { margin-left:0%; }
	.bulletPoints .l-container {flex-direction: column;}
	.bulletPoints-left {margin-bottom: 20px;    width: 100%;}
	.bulletPoints-right {width: 100%;}
	.blueBg {padding:60px 0;}
	.blueBg.fullwidthContentBlock {margin-top: 60px;}
	.play-video-games .blueBg.fullwidthContentBlock {margin-bottom:60px;}
	.page-id-58 section.fullwidthContentBlock{margin-top: 0px; padding-bottom: 0;}
	footer .l-container {flex-wrap: wrap;}
	.introduction h2 {font-size: 3.2rem!important; line-height: 3.8rem!important;}
	.introduction .btn {width:100%;}
	.twoColumnContentBlock.blueBg .l-container {	flex-direction: column;	}
	.play-video-games .blueBg.fullwidthContentBlock .btn {margin-top:0;}
	.play-video-games .centred-content.fullwidthContentBlock {padding-top:0;}
	section.fullwidthContentBlock {padding:65px 0;}
	.centred-content.fullwidthContentBlock { padding-top:0;}
	.eyemine section.banner + section.introduction.centred-content, .eye-gaze-games section.banner + section.introduction.centred-content {padding-bottom:15px;}
	section.blueBg.centred-content.fullwidthContentBlock {padding-top:65px;}
	.centred-content.fullwidthContentBlock {padding-top:65px;}
	/*.eye-gaze-games section.featureContentBlock:nth-child(odd),
	.help-with-medical-isolation section.featureContentBlock:nth-child(odd) {padding-top:65px;}
	.eye-gaze-games section.featureContentBlock:nth-child(even)	{padding-top:0px;}
	.help-with-medical-isolation .featureContentBlock  {padding-top:40px;}*/
	.eyemine .featuredVideo { margin-bottom:0;}
	.eye-gaze-games .featureContentBlock + .featuredVideo {padding-top:0;}
	.use-your-eyes-for-independence .introduction {padding-bottom: 0!important;}
	.use-your-eyes-for-independence .featureContentBlock + .featuredVideo, .help-with-medical-isolation .featureContentBlock + .featuredVideo {padding-top:0;}
}

.contactBlock { padding:80px 0 0 0; }
.contactBlock-column-one {width:35%;}
.contactBlock-column-one  h1 {font-size: 7.6rem;color: #0072b6; line-height: 8.4rem;}
.contactBlock-column-one  h2 {color: #0072b6; font-size:2.6rem; line-height:3rem;   text-transform: uppercase;}
.socialIcons { display:flex; flex-direction:row; flex-wrap:wrap; }
.contactBlock-column-two { width:60%; }
.contactBlockMap {padding:60px 0 120px 0;}
.contactBlockMap .l-container{flex-direction:column;}
.contactBlock a.btn {color:#FFF;}

@media (max-width: 767px){
	.contactBlock {padding:40px 0 0 0;}
	.contactBlock-column-one, .contactBlock-column-two { width:100%; }
	.contactBlock-column-one h1 {font-size: 5rem; line-height: 5.6rem;}
	.contactBlock .l-container {flex-direction: column;}
	.contactBlock .submit-wrap input[type=button] {width: 100%!important;}
}

@media (max-width: 1400px){
	section.annoucement p {padding:0 4rem;}
}

@media only screen and (min-width:768px) and (max-width:1024px) {
	nav.filterCategories li.cat-item { margin-bottom: 30px; }
	nav.filterCategories > ul > li {    margin-top: 20px;}
	
}

@media only screen and (min-width:768px) and (max-width:900px) {
	article {width: 48%; margin: 0 0 30px 0;}
	.blogPostWrapper {padding:85px 4rem;}
}


/*------------------------------------*\
    GameBlast Landing
\*------------------------------------*/
	.eventsDetails {background:#000; padding:80px 0;}
	.eventsDetails .l-container { flex-direction:column; }
	.eventDate { color: #FFF; font-family: fatfrank, sans-serif; font-size: 6.2rem; line-height: 6.8rem; font-weight: 800; margin: 0 auto 0px auto; margin-bottom: 0!important;}
	.eventsDetails h2, .eventsDetails h1 {color: #FFF; text-align: center; margin: 0 auto; font-size: 6.2rem; line-height: 7.4rem;}
	.eventsDetailsAnnouncement { color: #fff; background-color: #f27221; font-family: 'Open Sans', sans-serif; padding: 20px;    margin: 40px auto 25px auto; width: 70%; font-weight:700; font-size: 30px; text-align: center; }
	.eventsDetailsAnnouncement span { line-height: 44px; font-size: 40px; font-weight: 800; margin-bottom: 15px; display: block; }
	.eventSocialChannels { display: flex; flex-direction: row; text-align: center; justify-content: space-between; width: 70%; margin: 30px auto; }
	.eventSocialChannels a img {margin-left:10px;}

	.gameblast .latest-news {padding-top:60px;}
	.page-template-gameblast-internal .fullwidthContentBlock .btn {width:30%;}
	.page-template-gameblast-internal .pageSuggestions  {background: #000;}

	.signUpLinks-container {display: flex; justify-content: space-between; width: 40%; align-items: center; margin: 0 auto;}
	.signUpLinks-container .btn { width: 48%; text-align: center;  font-size:24px; line-height:28px;}
	
	.banner.desktop { display: none; }

	@media only screen and (min-width: 901px) {
		.banner.desktop {display: block;}
		.banner.mobile { display: none; }
	}

	@media only screen and (min-width: 768px) and (max-width: 1024px) {
		.signUpLinks-container {width: 80%; margin-top: 15px;}
		.signUpLinks-container .btn { margin-left: 0; margin-right: 0 }
		.eventSocialChannels {  width: 75%; }
		.eventSocialChannels a { width:30%; }
		.eventSocialChannels a img {margin-left:0;}
	}

	@media only screen and (max-width: 767px) {
		p#demo { flex-direction: column;}
		p#demo div {margin-bottom:10px;}
		.eventsDetailsAnnouncement {width:100%;}
		.eventsDetails h2 { font-size:3.2rem; line-height: 3.6rem;}
		.eventsDetails { padding:40px 0; }
		.gameblast section.fullwidthContentBlock .btn {width:100%;}
		.gameblast .pageSuggestions {padding-bottom: 40px;}
		.gameblast .featuredVideo {padding:40px 0;}
		.page-template-gameblast-internal .fullwidthContentBlock .btn {width:100%;}
		.signUpLinks-container {width: 85%; flex-direction: column;    margin-top: 15px;}
		.signUpLinks-container .btn { width: 100%; margin-bottom: 10px;    margin-right: 0; }
		.eventSocialChannels {  width: 75%; }
		.eventSocialChannels a { width:30%; }
		
	}

	@media (max-width: 1400px) {

		.gameblastHeader .mobileMenuBar .navGroup{
		background-color: #444;
		}
		.gameblastHeader .mobileMenuBar .navGroup > h2 {
			background-color:#282424;
		}
	}

/*------------------------------------*\
    Charity Partners
\*------------------------------------*/
.charity-partners {padding:60px 0;}
.charity-partners h2 {margin: 0 auto; font-size: 5.4rem; line-height: 5.8rem;}

/*------------------------------------*\
    Logo Slider
\*------------------------------------*/

.logoSlider {margin:20px 0; width:100%;}


/*------------------------------------*\
    Privacy
\*------------------------------------*/

.page-id-3 .introduction + .fullwidthContentBlock {padding-top:0px;}
.page-id-3 .fullwidthContentBlock h2 {font-size:3.6rem; line-height: 4rem;}
.page-id-3 ul {margin:0;}
.terms-and-conditions .fullwidthContentBlock {padding-top: 0;}
.privacy-policy .introduction .l-container {padding:0 2rem;}

@media (max-width: 767px){
.privacy-policy .fullwidthContentBlock h2,.privacy-policy .fullwidthContentBlock h3 {margin-top:20px;}
.privacy-policy ul > li {margin:0 0 9px 0;}
.terms-and-conditions .introduction, .privacy-policy .introduction { padding-bottom:0;}
}

/*------------------------------------*\
    404
\*------------------------------------*/
.error404  .introduction h2 { font-size:5.6rem; line-height: 6.2rem;}

@media (max-width: 767px){
.error404 .banner {    flex-direction: column; }
.error404 .banner p { position: inherit; border-radius: 0; margin: 0; font-size: 3.4rem; line-height: 3.8rem; }
}
/*------------------------------------*\
    Covid
\*------------------------------------*/

.page-id-1985 .introduction {margin-bottom: 65px;}
/*------------------------------------*\
    Nav
\*------------------------------------*/


@media (min-width: 1200px){
	li:not(.menu-item-has-children) ul.sub-menu {
		display:none; position: absolute; top: 62px; z-index: 1; background: #43b5e3; width: 250px; left: -72px; padding: 15px 20px;
	}
	
	li:not(.menu-item-has-children){
	position: relative;
	}
	ul.sub-menu.menu-depth-1:before, ul.sub-menu.menu-depth-1::after {
		bottom: 100%;
		left: 50%;
		border: solid transparent;
		content: "";
		height: 0;
		width: 0;
		position: absolute;
		pointer-events: none	
	}
	ul.sub-menu:after{
		border-color: rgba(136, 183, 213, 0);
		border-bottom-color: #43b5e3;
		border-width: 20px;
		margin-left: -20px;
	
	}
	header  nav > ul > li > li.single-dropdown.menu-item-has-children::before {content: "+"; color: #FFF; position: absolute; right: 0; font-weight: 600;font-family: 'Poppins', sans-serif;     top: 2px;}
	header nav > li > ul.sub-menu:before{
		border-color: rgba(136, 183, 213, 0);
		border-bottom-color: #43b5e3;
		border-width: 20px;
		margin-left: -20px;
	
	}
	header nav li {
		display: inline;
		font-size: 18px;
	
	
	}
	
	header  nav > ul > li > a {
		font-weight: 600;    padding: 42px 21px 41px 10px; color: #26438c; text-transform: uppercase; font-size: 18px; line-height: 22px; font-family: fatfrank;
		
	}
	
	
	
	header nav > ul > li a:hover,
	header nav > ul > li a:focus {
		color:#3db3e3
	}
	
	header  nav > ul > li  > ul > li a:hover,
	header  nav > ul > li  > ul > li a:focus { 
		color:#FFF
	}
	
	header nav >ul > li:last-child > a{
	color: #FFF; padding: 14px 32px; border-radius: 18px; font-weight: 800; background-color: #fe8220;
	}

	header nav >ul > li:last-child > a:hover, header nav >ul > li:last-child > a:focus {
	background: #3db3e3;
    color: #FFF;
}
	
	header  nav > ul > li  > ul > li a {
		font-weight: 400;
		font-size:16px;
		line-height: 22px;
		padding: 0;
		color:#FFF;
		font-family: 'Poppins', sans-serif;
		text-transform: none;
		display:block;
		
	}
	
	
	li.search-icon {
		margin: 0 10px;
	} 

	svg:not(:root) {
		overflow: hidden;
		fill: #26438c;
		vertical-align: bottom;
	}
	
	li.activeSearch svg {
		fill: #fe8220;
	}

	li.search-icon img {vertical-align: middle;}

	.visually-hidden:not(:focus):not(:active) {
		clip: rect(0 0 0 0); 
		clip-path: inset(100%); 
		height: 1px; 
		overflow: hidden; 
		position: absolute; 
		white-space: nowrap; 
		width: 1px; 
	  }

	header nav li.single-dropdown {
		position: relative;
	}
	
	header nav li.single-dropdown .menuBar-subWrapper {display: none;
		position: absolute;
		z-index: 10;
		list-style: none;
		margin: 0;
		padding: 20px;
		background-color: #26438c;
		width: 250px;
		top: 61px;
		left: 0px;
		border-top:0;
		background-image: none;
		color:#FFF;
	}
	
	header nav li.single-dropdown .menuBar-subWrapper ul {padding:0;}
	li.activeMenuItem > a {background-color: #0072b6;color: #fff!important; text-decoration: underline;}
	
	header nav li.single-dropdown .menuBar-subWrapper li a {color:#FFF; font-family: fatfrank;    display: block;}
	header nav li.single-dropdown .menuBar-subWrapper li {display:block; width:100%;margin:10px 0;}
	header nav li.single-dropdown .menuBar-subWrapper li a:hover, header nav li.single-dropdown .menuBar-subWrapper li a:focus {color:#fe8220;}
	header nav > ul > li.menu-item-has-children > a:after {content: ""; display: inline-block; border: inset 7px; border-color: #fe8220 transparent transparent; border-top-style: solid; margin-top: 10px; margin-left: 5px; position: absolute; top: 40%; }
	header nav > ul > li.single-dropdown.menu-item-has-children > a:after { position: absolute; top:0%; }
	header nav li.menu-item-has-children {margin-right: 5px;padding-right:10px;}

	header nav li ul li {width:24%;     position: relative;}
	header nav li:not(.single-dropdown) ul li a:after {content: "›"; /* position: absolute; */ margin-left: 5px; font-size: 17px; line-height: 20px; font-family: fatfrank; font-weight: 700;}
	header nav li ul li a:after:hover {text-decoration: none;}
	li#menu-item-81 {    border-right: 1px solid #FFF; }
	
	
	.menuBar-subWrapper{
		display: none;
		position: absolute;
		z-index: 10;
		list-style: none;
		margin: 0;
		padding: 30px 0;
		width: 100%;
		box-shadow: -7px 20px 40px 6px rgb(0 0 0 / 48%);
		left: 0;   
		background: url(../png/footer-curves-orange.png) #fffaf7; top: 99px; border-top: 10px solid #fe8220;background-position: right; background-repeat: no-repeat;
	}
	
	
	
	ul.sub-menu.menu-depth-3 {padding:0; margin:0;}
	
	
	/*li:not(.single-dropdown):first-child  ul.sub-menu > li > a {font-size:28px; line-height: 1; font-family: fatfrank;} */

	
	ul.sub-menu.menu-depth-2{
		    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex-wrap: wrap;
        margin-bottom: 20px;
		padding-left: 0;
	}


	header nav li ul li > ul li {width:100%;}
.nav_toggle {
    display: none;
}
.mobileMenuBar {
    display: none;
}
}
@media (min-width: 1400px){
li:not(.single-dropdown) ul.sub-menu > li > a{
	font-size: 26px;
	line-height: 28px;
	color:#071f5b;
	text-transform: uppercase;
	margin-bottom: 10px;
	display: block;
	text-align:left;
	font-family: fatfrank;

}

li:not(.single-dropdown) ul.sub-menu.menu-depth-1{
	display: flex; flex-wrap: wrap; max-width: 1170px; margin: 0 auto; padding: 0 15px; line-height: 16px; margin-bottom: 5px;

}
li:not(.single-dropdown) >  ul.sub-menu.menu-depth-1 > li{
	width:48%;

}

li:not(.single-dropdown) ul.sub-menu > li > ul > li > a{
	font-size: 14px;
line-height: 18px;
color: #0072b6;
font-weight: 700;
text-transform: initial;
text-align: left;
font-family: 'Open Sans', sans-serif;

}

li:not(.single-dropdown) ul.sub-menu > li > ul > li > a:hover, li:not(.single-dropdown) ul.sub-menu > li > ul > li > a:focus {text-decoration: underline; color:#48cbe7;}

li:not(.single-dropdown) ul.sub-menu > li > ul > li  > ul > li a{
	font-size: 14px;
	line-height: 18px;
	font-weight: 400;
	text-transform: none;
	text-align: left;
}

ul.sub-menu li a:hover, li:not(.single-dropdown) ul.sub-menu li a:focus {text-decoration: underline; color:#48cbe7;}
}

@media (max-width: 1400px){

	
	.mobileMenuBar li > .navGroup.expanded {
		display: block;
	}

	.mobileMenuBar li > .navGroup.expanded h2 {padding-left: 32px;}
	.mobileMenuBar .navGroup.expanded > button.back {position: absolute;z-index:1; top: 12px; right: initial; width: 40px; height: 40px; line-height: 40px; margin: 0 -10px 0 0; border: 0; font-size: 32px; font-weight: 700; background: none; color: #fff; left: -4px;}

	body.menuOpen {
		overflow: hidden;
	  }

	  body.menuOpen .mobileMenuBar {
		display: block;
	}
a.nav_toggle {
    display: flex;
    flex-direction: column;
    justify-content: center;
	padding: 1.5rem 2rem;
	background: #fe8220; margin-top:20px;margin-bottom:20px;
}
.nav_toggle img {
    width: auto;
    height: auto;
}

.mobileMenuBar {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 3;
    /* background: rgba(0, 0, 0, 0.5); */
}

#mobileNavGroup-main {
    display: flex;
    flex-direction: column;
}

.mobileMenuBar > .navGroup {
    position: absolute;
    right: 0;
    width: 300px;
}
.mobileMenuBar .navGroup {
    height: 100%;
    margin: 0;
    padding: 26px;
    box-shadow: 0 -3px 10px #000;
    list-style: none;
    background-color: #0072b6;
}

.mobileMenuBar .navGroup > h2 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 70px;
    margin: -26px -26px 0;
    padding: 0 26px;
    font-size: 18px;
	line-height: 22px;
    background: #025b90;
    color: #fff;
   
}

.mobileMenuBar .navGroup > button {
    position: absolute;
    right: 26px;
    border: 0;
    background: none;
    color: #fff;
	z-index: 5;
	height: 20px;
    width: 20px;
}

.mobileMenuBar .navGroup > button img {z-index: 1;
	z-index: -1;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;    width: 20px;
    height: 20px;}

#mobileNavGroup-main > ul:first-of-type {
    flex-grow: 1;
}
.mobileMenuBar .navGroup > ul:first-of-type {
    margin: 20px 0;
    border-top: 1px solid #FFF;
}

.mobileMenuBar ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.mobileMenuBar .navGroup > ul li {
    border-bottom: 1px solid #fff;
}

.mobileMenuBar .menu-item-has-children {
    display: flex;
}
.mobileMenuBar .menu-item-has-children > a {
    width: calc(100% - 40px);
}

.mobileMenuBar a {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 40px;
    text-decoration: none;
    text-transform: uppercase;
    line-height: 1.2;
    font-size: 14px;
    font-weight: 700;
    color: #fff;
	font-family: fatfrank, sans-serif;
	letter-spacing: 0.025rem;
	
}

.mobileMenuBar .menu-item-has-children > a + button {
    width: 40px;
    height: 40px;
    line-height: 32px;
    border: 0;
    font-size: 26px;
    font-weight: 700;
    background: #fe8220;
    color: #fff;
    text-align: center;
    -webkit-appearance: none;
    padding: 0;
}

.mobileMenuBar li > .navGroup {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    width: calc(100% - 10px);
    overflow-y: auto;
}

.mobileMenuBar .navGroup {
    height: 100%;
    margin: 0;
    padding: 26px;
    box-shadow: 0 -3px 10px #000;
    list-style: none;
	z-index:1;
    background-color: #0072b6;
}

}

@media only screen and (max-width:1400px) {
	li.search-icon { display: none; }
header nav.nav {
    display: none;
}
.testimonial-content-inner {width:88%;    top: 20%; position: absolute;}
.slick-prev {left:7%;}
}

@media only screen and (max-width:767px) {
	.featureContentBlock .btn {width:100%;}
	.testimonial-content-inner {position: inherit;}
	.storiesBlock {
		padding-top: 65px;
		padding-bottom: 95px;
		padding-left: 2rem;
		padding-right: 2rem;
	}

.latest-news {
    padding: 0px 2rem 0;
}
.latest-news-container-inner {flex-direction: column;}
.latest-news-item {width: 100%;margin-bottom: 30px;}
.latest-news .btn {width:80%; margin-top:0; margin-bottom: 40px;}
.storiesBlock h2 {font-size:5.8rem; line-height:6.2rem;}
.stream-for-us section.banner + section.introduction.centred-content {padding-bottom:0;}
.stream-for-us .fullwidthContentBlock {padding-top:25px;}
}

.stream-for-us .fullwidthContentBlock {padding-top:0;}
.volunteer section.banner + section.introduction.centred-content {padding-bottom: 0;}

/****** ****/
section.bluebg-graphic {
    background-image: url(../png/blue-transparent-curves.png);
    background-color: #0072b6;
    background-size: cover;
    padding-top: 115px;
    padding-bottom: 45px;
}

section.bluebg-graphic .grid-content h3 {
	font-size:3.2rem;
	line-height: 3.6rem;
	margin-bottom:12px;

}

section.bluebg-graphic .grid-content p {
    height: auto;
    flex: 0;
    margin: 5px 0 5px 0;
}
section.bluebg-graphic .grid-content p {
	height:auto;
	flex:0;
}
.newsImage {
    margin: 0 0 20px 0;
    border-top-left-radius: 18px;
    border-top-right-radius: 18px;
    overflow: hidden;
}
.newsImage img {width:100%;}
.newsContent{    padding: 6% 11%;margin-bottom: 20px;display: flex; display: -webkit-flex; flex-direction: column; height: 100%; flex: 1;}
.newsContent h3 {font-size: 28px; line-height: 32px; font-weight: 800; color: #06205b; position: relative;}

.latest-news-item .newsContent h3 {color: #0072b6; font-weight: 800; font-size: 3rem;line-height:3.6rem;}
.latest-news-item .newsContent p{font-size: 16px; line-height: 22px;margin-top:12px;color: #439abe;font-weight: 700;    flex-grow: 1;}
.latest-news-item .btn {background-color: #fe8220; border-radius: 18px; padding: 12px 18px; display: block; text-align: center; font-weight: 800; text-transform: uppercase; color: #FFF; font-size: 18px; line-height: 26px;}
.latest-news-item .btn:hover, .latest-news-item .btn:focus {background-color: #3db3e3;}

.full-btn {width:31%; margin:0 auto; background-color: #fe8220; border:0;    margin: 10px auto;    text-decoration: none;     font-family: fatfrank;border-radius: 18px; padding: 12px 18px; display: block; text-align: center; font-weight: 800; text-transform: uppercase; color: #FFF; font-size: 18px; line-height: 26px;}
.full-btn:hover, .full-btn:focus {background: #3db3e3; color:#FFF;}
.featuredRightContainerInner {width: 52%; z-index: 1; position: absolute; top: 20%; left: 10%;}
.featuredRightContainerInner p{margin-left:11%;}


.twitterFeed {background-image:url('../png/blue-transparent-curves.png'); background-color:#0072b6; background-size:cover;padding-top:115px; padding-bottom:45px;}
.twitterFeedHeader {text-align:center;margin:0 auto; display:block; width:40%;}
.twitterFeedHeader span {font-family: fatfrank;font-size:3.6rem;line-height:4.2rem;color:#FFF; font-weight:800;}
.twitterFeedContainer {width:100%;margin-top:30px;}
.gameblast .twitterFeed {background: #000;}


.pageSuggestions {background-image:url('../png/blue-transparent-curves.png'); padding-left:2rem; padding-right:2rem; padding-bottom:95px;background-color:#0072b6; background-size:cover;padding-top:115px; padding-bottom:45px;}
.pageSuggestions-intro {width: 80%; margin: 20px auto 0 auto; text-align: center; color:#FFF;}
.pageSuggestions-intro h2 {color:#FFF;font-size:5.6rem;line-height:1}
.pageSuggestions-container{max-width: 1170px; margin: 30px auto;}
.pageSuggestions-container-inner { display: flex; flex-direction: row; flex-wrap: wrap; margin-bottom: 12px; width: 100%; margin-left: -10px; margin-right: -10px; }
.pageSuggestions-item { display: flex; flex-direction: column; flex: initial; flex-wrap: nowrap; width: 30%; background: #FFF; box-shadow: 0 0 17px 3px rgb(0 0 0 / 10%); border-radius: 18px; margin: 0 15px 30px 15px;}
.pageSuggestions-image { margin: 0 0 20px 0; border-top-left-radius: 18px; border-top-right-radius: 18px; overflow: hidden; }
.pageSuggestions-image img {width: 100%;}
.pageSuggestions-content {padding:6% 11% 7% 11%; display: flex; display: -webkit-flex; flex-direction: column; height: 100%; flex: 1;}
.pageSuggestions-content p {     flex-grow: 1; }
.pageSuggestions-content h3 {color: #0072b6; font-weight: 800;     font-size: 3.0rem; line-height: 3.4rem;}
.pageSuggestions-content .btn { background-color: #fe8220; border-radius: 18px; text-decoration: none; padding: 14px 18px; display: block; text-align: center; font-weight: 800; text-transform: uppercase; color: #FFF; font-size: 18px; line-height: 26px; }
.pageSuggestions-content .btn:hover, .pageSuggestions-content .btn:focus { background-color: #3db3e3; }

.gameblast .pageSuggestions { background: #000;  padding-top: 40px; }

@media only screen and (max-width:767px) {
	.pageSuggestions {padding:65px 0;}

}
@media only screen and (min-width:800px) and (max-width:1024px) {
.latest-news-item .newsContent h3 {font-size:2.0rem; line-height: 2.4rem;}
.latest-news-item .btn {margin-right: 0;}
.twitterFeed {padding:4rem;}
.full-btn {margin-top:40px;}

}
@media only screen and (min-width:768px) and (max-width:799px) {
.latest-news-container-inner {justify-content: space-between; padding: 0 4rem;}
.latest-news-item {width: 48%; margin: 0 0 40px 0;}
.twitterFeed {padding:4rem;}
}

@media only screen and (min-width:768px) and (max-width:1024px) {
.pageSuggestions {padding-top:65px;}
.pageSuggestions .grid-container {margin:0;}
}
.twitterFeedHeader {text-align:center;margin:0 auto; display:block; width:40%;}
.twitterFeedHeader span {font-family: fatfrank;font-size:3.6rem;line-height:4.2rem;color:#FFF; font-weight:800;}
.twitterFeedContainer {width:100%;margin-top:30px;}
.ctf-author-box-link a {text-decoration: none;}

footer.footer {background: url('../png/footer-curves-orange.png') #FFF ; background-position: right; background-repeat: no-repeat;   border-top: 5px solid #fe8220;}
.page-template-template-demo-php .footer {border-top: 0;}
.footer-donateBtn {background-color: #fe8220; border-radius: 18px;     font-family: fatfrank; padding: 12px 18px; display: block; text-align: center; font-weight: 800; text-transform: uppercase; color: #FFF; font-size: 18px; line-height: 26px;}
.footer-donateBtn:hover, .footer-donateBtn:focus {background-color: #3db3e3;text-decoration: none; outline: 2px dotted #fe8220;}

footer nav > ul {    padding: 0;
    list-style: none; margin:5px 0;}

	footer h2, footer h2 a {font-size: 2rem;line-height: 2.4rem;
		color: #fe8220;}
	footer h2 a:hover, footer h2 a:focus {color: #fe8220; text-decoration: underline;}
		
    footer nav > ul > li >ul {    padding: 0 0 0 20px;
    list-style: none;}
 footer nav > ul > li {margin:0;}

 footer nav > ul > li > a {font-weight: 400; color: #0072b6; font-size: 1.6rem; line-height: 2rem; }
 footer nav > ul > li > a:hover, footer nav > ul > li > a:focus {text-decoration: underline; color:#fe8220;}
 footer ul li a {color: #FFF;}

  footer nav > ul > li > ul > li a {font-size: 16px;}

  footer img {vertical-align: middle;}

  .socialChannels {
    width: 100%;
    color: #FFF;
   margin: 30px 0; text-align: right;

}

.footerSocialIcons a { width:30%;     margin-bottom: 9px;}

.footerNavigation {
    flex-wrap: wrap;
}

.missionStatement {width: 100%; font-size: 2.3rem; color: #0072b6; font-weight: 800; line-height: 2.6rem;display: flex; flex-direction: row; justify-content: space-between;margin-top: 50px;}
.missionStatement-content {width:75%;font-family:fatfrank;}
.missionStatement-link {width:20%;}

@media only screen and (max-width:767px) {
	.pageSuggestions-container-inner {flex-direction: column;margin-left: 0; margin-right: 0;}
	.pageSuggestions-item { width: 100%; margin: 0 0 40px 0; }
	.pageSuggestions .l-container {flex-direction: column;}
	.twitterFeed {    padding-top: 65px;}
	.latest-news-item .newsContent h3 { font-size: 2.4rem; line-height: 3rem; }
	.footerLinks {width: 100%; flex-direction: column;    margin: 0;}
	.twitterFeedHeader {width: 100%;}
	.featuredRight { width: 100%;}
	.featuredRightContainerInner{ width: 90%; top: 25px; left: 7%;}
	.footerLinks-col {width:100%;    margin-top: 40px;}
	.featuredRightContainer img { width: 100%; height: 350px; }
	.footerLogo {width: 100%;    padding-bottom: 400px;}
	.footerCurveDark {left:8px;}
	footer.footer {background-size: 350%;    overflow-x: hidden;}
	.missionStatement {flex-direction: column; margin-bottom: 60px;}
	.missionStatement div {width:100%;}
	.missionStatement-content {width:100%; }
	.missionStatement-link {width:50%;margin-top:20px;}
	.subFooter-col:nth-child(1), .subFooter-col:nth-child(2), .subFooter-col:nth-child(3) {width: 100%; margin-bottom: 5px;}
	}

	@media only screen and (min-width:768px) and (max-width:900px) {
	footer.footer {background-position: top right;    background-size: cover;}
	.footerLinks{margin-top: 68px; margin-left: 4%; width: 50%; padding-right: 4rem;}
	.footerLinks-col {width:48%;margin-bottom:20px;}
	.missionStatement {flex-direction: column;}
	.missionStatement-content {width:100%;}
	.missionStatement-link {margin-top:20px;width:60%;}
	.footerLogo {width: 33%;}

	}
	@media only screen and (min-width:901px) and (max-width:1024px) {
		.footerLogo {width: 29%;}
	}

	
	@media only screen and (min-width:768px) and (max-width:1024px) {
	.logo-img {  margin-left:10px;}
	footer a {font-size:14px; line-height: 18px;}
	.footerLinks{margin-top: 68px; margin-left: 4%; width: 50%; padding-right: 4rem;}
	}


	.ctf-tweets { display: flex; flex-wrap: wrap; flex-direction: row; justify-content: space-between; margin-bottom:40px;}
.ctf-item {
	width: 32%;
	box-shadow: 0 0 17px 3px rgb(0 0 0 / 10%);
    border-radius: 18px;
    background-color: #ffffff;
    padding: 30px!important;
}
span.ctf-screename-sep, #ctf .ctf-corner-logo {
    display: none!important;
}

#ctf .ctf-tweet-actions, #ctf .ctf-tweet-content {margin-left: 0; margin-top: 30px;}
p.ctf-tweet-text {font-size: 1.8rem; line-height: 2.2rem;}
.ctf-tweet-actions {
    display: none;
}
p.ctf-tweet-text a {
    color: #1b95e0;
    font-weight: 600;
	word-break: break-word;
}

.bulletPoints ul {margin:0;}
.bulletPoints li {position:relative;list-style:none;margin-bottom:14px;padding-left:10px;font-size: 28px; line-height: 32px; font-weight: 800;}
.bulletPoints li:before {content: "."; font-size: 7rem; color: #fe8220; position: absolute; left: -14px; top: -20px; bottom: 0;}
.whiteBg.bulletPoints li { color: #0072b6;}

section.featureContentBlock {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-bottom: 60px;
	margin-top: 60px;

}

.featureContentBlock-content {width:50%;}
.featuredVideo-intro-content {width: 80%; margin: 20px auto 0 auto; text-align: center;}
.featuredVideo-container {max-width:950px; margin:45px auto;}
.eyemine .featureContentBlock + .featuredVideo {    padding-top: 0px;}
a.post-edit-link {
    display: none;
}
@media only screen and (max-width:767px) {
	section.featureContentBlock {     flex-direction: column-reverse;padding: 0 4rem;}
.ctf-tweets { flex-direction: column;}
.ctf-item {width:100%;  margin-bottom: 30px;}
.full-btn {width:100%;}
.featureContentBlock-content,.featureContentBlock .featureContentBlock-image, .featureContentBlock.column-reverse .featureContentBlock-image {width:100%;}
.featureContentBlock .featureContentBlock-content-inner, .featureContentBlock.column-reverse .featureContentBlock-content-inner {margin-left:0;  width: 100%; }
.featureContentBlock.column-reverse { flex-direction: column-reverse; margin-top:0;}
.featureContentBlock-image {margin:0 0 20px 0;}
.featuredVideo-intro-content {width:100%;}
.pageSuggestions-intro h2 {font-size: 4.8rem; line-height: 5.2rem;}
}


@media only screen and (min-width:768px) and (max-width:990px) {
	.ctf-tweets {flex-direction: column;margin-bottom: 0;}
	.ctf-item {width:100%;margin-bottom: 30px;}
	.featureContentBlock.column-reverse {flex-direction: column-reverse;}
	.featureContentBlock-content {width:100%;}
	.featureContentBlock.column-reverse .featureContentBlock-content-inner {    margin:40px 0px;
		width: 100%;}
	.featureContentBlock-image, .featureContentBlock.column-reverse .featureContentBlock-image { width: 100%; padding: 0 4rem;margin-right: 0;}
	.featureContentBlock-content { width: 100%; padding: 0 4rem; }
	.featureContentBlock .featureContentBlock-content-inner {    margin: 40px 0px;width:100%;}
	section.featureContentBlock {
		flex-direction: column-reverse;
	}
	.featureContentBlock .featureContentBlock-image {width:100%;}
	.featuredVideo-container {padding:0 4rem;}
	
}

@media only screen and (min-width:991px) and (max-width:1024px) {
.featureContentBlock.column-reverse {
    flex-direction: column-reverse;
	padding: 0 6rem;

}
.featureContentBlock-content, .featureContentBlock .featureContentBlock-image {width:100%;}
.featureContentBlock.column-reverse .featureContentBlock-image {margin-right: 0; width:100%;}
.featureContentBlock .featureContentBlock-content-inner, .featureContentBlock.column-reverse .featureContentBlock-content-inner {margin-left: 0; width: 100%; margin-top: 40px;}
section.featureContentBlock {flex-direction: column-reverse;     padding: 0 6rem;}

}

@media only screen and (min-width:768px) and (max-width:1024px) {
	.pageSuggestions-container-inner {justify-content: space-between;     margin: 0;}
.pageSuggestions .l-container {padding:0 4rem;}
.pageSuggestions-item {
    width: 48%;
    margin: 0 0 40px 0;
}
}
@media only screen and (min-width:1025px) and (max-width:1400px) {
	section.featureContentBlock { padding:0 4rem; }
	.featureContentBlock .featureContentBlock-content-inner {margin-left:100px;width: 65%;}
}
/*------------------------------------*\
	Forms
\*------------------------------------*/

.nf-form-cont { margin: 60px 0; }
.nf-form-cont h3 {margin-bottom:30px; }
nf-fields-wrap {display: flex; flex-direction: row; justify-content: space-between; flex-wrap: wrap;}
nf-field { width: 48%; text-align: left;margin-bottom: 15px; }

.nf-form-content .list-select-wrap .nf-field-element>div, .nf-form-content input:not([type=button]), .nf-form-content textarea {    color: #000!important;box-shadow: inset 2px 2px 4px rgb(0 0 0 / 30%)!important; border-radius: 18px!important; padding: 10px 20px;}
.submit-wrap input[type=button] {background-color: #fe8220!important;  width:55%!important;   margin-top: 35px!important;border: 0; border-radius: 18px; padding: 14px 56px; color: #FFF; margin-top: 15px; text-transform: uppercase; font-family: 'fatfrank';}
.submit-wrap input[type=button]:hover, .submit-wrap input[type=button]:focus {background:#0072b6!important; color:#FFF!important;}
nf-field:last-child {text-align: center; margin: 0 auto; width: 100%;}


.contact-us .nf-form-cont {margin-top: 8px;}
.contact-us nf-field:nth-child(7), .contact-us nf-field:nth-child(8), .contact-us nf-field:nth-child(9), .contact-us nf-field:nth-child(10) , .contact-us nf-field:nth-child(11),.contact-us nf-field:nth-child(12), .contact-us nf-field:nth-child(13), .contact-us nf-field:nth-child(14),
.contact-us nf-field:nth-child(15), .contact-us nf-field:nth-child(16) {width:100%;}
.contact-us > nf-field:empty {
	display:none;
  }

  .contact-us nf-field:nth-child(10), .contact-us nf-field:nth-child(11), .contact-us nf-field:nth-child(12),.contact-us nf-field:nth-child(13), .contact-us nf-field:nth-child(14) {
	 margin-bottom: 0;  }

  .contact-us nf-field:nth-child(10) { margin-top:10px;}
.nf-form-fields-required { margin-bottom: 22px; }
.contact-us nf-field:nth-child(9) {margin-bottom: 0!important;}
#ninja_forms_required_items, .nf-field-container {margin-bottom: 8px!important;}
.contact-us .html-container {font-size:14px; line-height: 18px;color: #0072b6;}
.nf-field-label label {
    color: #0072b6;
	font-size: 17px!important;
	line-height: 21px!important;
}

.nf-error.listimage-wrap .nf-field-element ul, .nf-error .ninja-forms-field, .nf-error .ninja-forms-field {
    border-color: #804747!important;
    transition: all .5s;
    border-width: 4px!important;
    border-style: solid!important;
}
.nf-error.field-wrap .nf-field-element:after {border-top-right-radius: 18px;
    border-bottom-right-radius: 18px;}
.nf-form-content textarea.ninja-forms-field {
    height: 150px;
}

.socialIcons a {
    margin-right: 25px;
    margin-bottom: 5px;
    margin-top: 10px;
}


div#nf-form-3-cont {
    margin: 10px 0 60px 0;
}



div#nf-form-3-cont h3 {margin-bottom: 10px;}
@media only screen and (max-width:767px) {
	nf-field {width: 100%;}
	.nf-form-cont {margin:40px 0;}
	
}

@media screen and (max-height: 575px){
	#rc-imageselect, .g-recaptcha {transform:scale(0.77);-webkit-transform:scale(0.77);transform-origin:0 0;-webkit-transform-origin:0 0;}
	}

@media only screen and (min-width:768px) and (max-width:990px) {
	.contactBlock-column-one, .contactBlock-column-two {width:100%;}
	.contactBlock-column-two {margin-top:20px;}
	.l-container {padding:0 4rem;}
}

/*------------------------------------*\
	Newsletter
\*------------------------------------*/
.banner.newsletter {position: relative;height:350px;overflow: hidden; background: url(../jpg/newsletter-bg.jpg); background-size: cover!important;}
.newsletter .g-blueCircular { height: 487px; width: 530px; }
.newsletter .blueCircular-content { margin:18%; }
.newsletter .blueCircular-content h2 {font-size: 53px; line-height:57px;color: #FFF;margin-top: 5px; text-align:left;   }
.newsletter p { color:#FFF;margin-top: 5px; font-size:18px; line-height: 22px;     margin-bottom: 8px; }

@media only screen and (max-width:767px) {
	.banner.newsletter {position: relative;background-position: top; height:auto;}
.newsletter .blueCircular-content {margin:0;}
.newsletter .g-blueCircular { padding-top: 50px; height: auto; padding-bottom: 50px; }

}

@media only screen and (min-width:768px) and (max-width:1024px) {
	.twoColumnContentBlock  .l-container {padding:0 4rem;}
	.copyright {    padding: 10px 4rem;}
	.footerLinks {padding-right:4rem;}
	footer.footer {background-size: cover;}
.newsletter .blueCircular-content {
	margin: 0 5%;
	padding: 4%;
}
.banner.newsletter {height: inherit;}
.newsletter .g-blueCircular {width:50%; height:auto;background: #0072b6;}

}

@media only screen and (min-width:990px) and (max-width:1024px) {
	.footerLinks {width:55%;}
}

/*------------------------------------*\
	FAQs
\*------------------------------------*/
.faqSideBar { width: 28%; border-right: 2px solid #d2d2d2; }
.faqSideBar ul {padding:0; margin:10px 0; list-style: none; }
.faqSideBar li a { font-family: fatfrank, sans-serif; text-transform: uppercase; text-decoration: none; font-size: 1.8rem; line-height: 2.2rem; }
.faqSideBar li { margin:14px 0;font-family: fatfrank, sans-serif; text-transform: uppercase; text-decoration: none; font-size: 1.8rem;     cursor: pointer;line-height: 2.2rem;    color: #fe8220; }
#faqReveal { width: 65%;}
#faqReveal h3 { font-size: 2.4rem; line-height: 2.8rem; padding-right: 50px;}
.faqBlock {border-top: 2px solid #D2D2D2;  padding: 19px 0;}
.hide { width:0; height:0; padding:0; margin:0; opacity:0; }
#faqReveal h3 { position: relative; padding-right: 10px;}
#faqReveal h3:after {content: url(../png/faq-arrow.png); position: absolute; right:0; top:0;}
#faqReveal h3.active:after {content: url(../png/faq-arrow.png); position: absolute; right:0; top:10px;transform: rotate(180deg);}
#faqReveal  h2 {font-size: 4.2rem; line-height: 4.6rem; margin-bottom: 26px;}
div#faq-answer { margin-top: 25px ; }

@media only screen and (min-width:768px) {
select#filter-options {
    display: none;
}
}
@media only screen and (max-width:767px) {
.faqContainer  .l-container {flex-direction: column;}
aside.faqSideBar {width:100%;border-right:0; }
aside.faqSideBar nav {
    display: none;
}
select#filter-options {
    margin-top: 20px;
}
#faqReveal {width:100%;     margin-top: 50px;}
}

/*------------------------------------*\
	Event Promotion
\*------------------------------------*/
section.eventPromotion {
    margin-top: 40px;
}
.eventPromotion a {display: block;}
.eventPromotion img {width:100%;}


/*------------------------------------*\
	Search
\*------------------------------------*/
.searchResultItem {width:100%;background: #fff3e9;padding: 30px 20px;border-radius: 18px;margin-bottom: 20px;}
.searchResultItem a {text-decoration: none;}
.searchResultItem:hover, .searchResultItem:focus {background: #0072b6;cursor:pointer;}
.searchResultItem:hover a, .searchResultItem:focus a {color:#FFF;cursor:pointer;}

@media only screen and (max-width:767px) {
	a img.alignleft {
		width: 94%;
		max-width: 100%;
	}
}

.privacy-policy .fullwidthContentBlock h3 {
    margin-top: 20px;
}


/*------------------------------------*\
	TYPOGRAPHY
\*------------------------------------*/

@font-face {
	font-family:'Font-Name';
	src:url('../font-name.html');
	src:url('../font-named41d.html#iefix') format('embedded-opentype'),
		url('../font-name-2.html') format('woff'),
		url('../font-name-3.html') format('truetype'),
		url('../font-name-4.html#font-name') format('svg');
    font-weight:normal;
    font-style:normal;
}

/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/

@media only screen and (min-width:320px) {

}
@media only screen and (min-width:480px) {

}
@media only screen and (min-width:768px) {

}
@media only screen and (min-width:1024px) {

}
@media only screen and (min-width:1140px) {

}
@media only screen and (min-width:1280px) {

}
@media only screen and (-webkit-min-device-pixel-ratio:1.5),
	   only screen and (min-resolution:144dpi) {

}

/*------------------------------------*\
    MISC
\*------------------------------------*/

::selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-webkit-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-moz-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}

/*------------------------------------*\
    WORDPRESS CORE
\*------------------------------------*/

.alignnone {
	margin:5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
	display:block;
	margin:5px auto 5px auto;
}
.alignright {
	float:right;
	margin:20px 0 20px 20px;
}
.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
a img.alignnone {
	margin:5px 20px 20px 0;
}
a img.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.aligncenter {
	display:block;
	margin-left:auto;
	margin-right:auto;
}
.wp-caption {
	background:#FFF;
	border:1px solid #F0F0F0;
	max-width:96%;
	padding:5px 3px 10px;
	text-align:center;
}
.wp-caption.alignnone {
	margin:5px 20px 20px 0;
}
.wp-caption.alignleft {
	margin:5px 20px 20px 0;
}
.wp-caption.alignright {
	margin:5px 0 20px 20px;
}
.wp-caption img {
	border:0 none;
	height:auto;
	margin:0;
	max-width:98.5%;
	padding:0;
	width:auto;
}
.wp-caption .wp-caption-text,
.gallery-caption {
	font-size:11px;
	line-height:17px;
	margin:0;
	padding:0 4px 5px;
}


/*------------------------------------*\
    PRINT
\*------------------------------------*/

@media print {
	* {
		background:transparent !important;
		color:#000 !important;
		box-shadow:none !important;
		text-shadow:none !important;
	}
	a,
	a:visited {
		text-decoration:underline;
	}
	a[href]:after {
		content:" (" attr(href) ")";
	}
	abbr[title]:after {
		content:" (" attr(title) ")";
	}
	.ir a:after,
	a[href^="javascript:"]:after,
	a[href^="#"]:after {
		content:"";
	}
	pre,blockquote {
		border:1px solid #999;
		page-break-inside:avoid;
	}
	thead {
		display:table-header-group;
	}
	tr,img {
		page-break-inside:avoid;
	}
	img {
		max-width:100% !important;
	}
	@page {
		margin:0.5cm;
	}
	p,
	h2,
	h3 {
		orphans:3;
		widows:3;
	}
	h2,
	h3 {
		page-break-after:avoid;
	}
}