body {color: #333;}

body, h1, h2, h3, h4 ,h5, p, a {font-family: 'Muli', sans-serif;}

/*grads*/
.bggrad-red-orange {background: -moz-linear-gradient(45deg, #e62a32 50%, #f39000 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(45deg, #e62a32 50%,#f39000 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(45deg, #e62a32 50%,#f39000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e62a32', endColorstr='#f39000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

/*regular bits*/


h1{font-size: 2.3rem; }
h1 {color: #e2241b; font-size: 3rem;
	background: linear-gradient(45deg, #e62a32 0%, #f39000 50%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent; font-weight: bold; }
	h2 {font-size: 2rem}
	h3 {font-size: 1.2rem; color: #e2241b;}

	@media all and (-ms-high-contrast:none)
	{
		h1 { color: #e2241b; background: none} /* IE10 */
		*::-ms-backdrop, 
		/*media all*/
		.content {			
			width: auto !important;
			max-width: 1300px;} /* IE11 */
		.wave-one {background-image: url(/img/wave1.png) !important; } /* IE11 */
		.wave-two {background-image: url(/img/wave3.png) !important; background-repeat: repeat-x; background-size: auto !important;} /* IE11 */
		.white-wave {width: 100%;
			background-image: url(/img/white-wave.png)!important; 
			background-position: left bottom;
			background-size: auto !important;
			background-repeat: repeat-x !important; } /* IE11 */
			.wave-top{

				background-image: url(/img/wave-top.png) !important;}

				.footer-wave {background-image: url(/img/footerwave.png) !important; } /* IE11 */
				.floaty-img1bg img, .floaty-img2bg img, .floaty-img3bg img
				{width: 100%;}/* IE11 */

			}


			@media all and (-ms-high-contrast:none)
			{
				.foo { color: green } /* IE10 */
				*::-ms-backdrop, .foo { color: red } /* IE11 */
			}

			.intro strong {color: #033f78; font-size: 2.3rem;
				background: linear-gradient(45deg, #e62a32 20%, #f39000 80%);
				-webkit-background-clip: text;
				-webkit-text-fill-color: transparent;  }

				.intro-content{margin-top: -140px;}

				.site-wrapper {
					position: relative;
					overflow: hidden;
					/*max-width: 2000px;*/
					margin: auto;
					width: 100%;
				}

				.banner-wrap {
					width: 100%;
					top: -60px;
					position: inherit;
					z-index: -4444;
				}

				.banner-bg{
					background-size: cover;
					background-repeat: no-repeat;
					background-position: center center;
					height: 510px;
					width: 100%;
				}

				@media screen and (max-width: 1024px) {
					.banner-bg{
						height: 365px;
					}
				}
				@media screen and (max-width: 420px) {
					.banner-bg{
						height: 290px;
					}
				}


				.banner-wrap img {
					width:100%;
				}
				.banner-wrap::after {

					content: url(/img/inner-banner-wave2.png);
					bottom: -10px;
					position: absolute;
				}




				@media screen and (max-width: 420px) {
					.banner-wrap{
						top: 0px;
						margin-bottom: 20px;
					}
				}

				.no-padding{
					padding: 0 !important;
				}
				.banner-circle {
					position: absolute;
					top: 35px;
					right: 40%;
				}

				@media screen and (max-width: 639px) {
					.banner-circle {
						display: none;
					}
				}
				.leader {
					margin-bottom: 4rem;
				}

				.leader p {
					font-size: 1.8rem;
					line-height: 2rem;
				}

				.leader p strong {color: #e2241b; font-weight: normal;}

				.leader::before {
					content: url(/img/triangle2.png);
					position: absolute;
					left: -140px; width: 120px}

					.content {width:80%; float:none; margin: auto}
					.wave-top{
						height: 200px; 
						background-image: url(/img/wave-top.svg);
						background-repeat: no-repeat;
						background-position: right top;}

						@media screen and (max-width: 1300px) and (min-width: 1025px){
							.leader p {
								font-size: 1.4rem;
							}
						}

						@media screen and (max-width: 1024px) and (min-width: 421px){
							.leader p {
								font-size: 1.5rem;
							}
						}

						@media screen and (max-width: 420px) {
							.leader p {
								font-size: 1.3rem;
							}
						}

						.inner-bg{
							background-image:url(/img/inner-bg.png);
							    background-position: -150px top;}
						

						@media screen and (max-width: 1000px) {
							.inner-bg{
								background-image: none;
							}


						}

						@media screen and (max-width: 420px) {
							.wave-top{
								height: 100px;
							}
						}

						.wave-one{ width: 100%;
							background-image:url(/img/wave1.svg);
							background-size: cover;
							background-position: center bottom;
						}
						.main-logo {width: auto;
							margin-top: 20px;
							height: 100px;
							position: relative;
							float: left;}

							.wave-two{width: 100%;
								height: 400px; 
								background-image:url(/img/wave3.svg);
								background-size: cover;
								background-position: center bottom;}
								@media screen and (max-width: 1024px) {
									.wave-two{
										height: 475px;
									}
								}
								@media screen and (max-width: 915px) {
									.wave-two{
										height: 550px;
									}
								}
								@media screen and (max-width: 895px) {
									.wave-two{
										height: 790px;
									}
								}
								.wave-three{width: 100%;
									height: 400px; 
									background-image:url(/img/wave3.svg);
									background-size: cover;
									background-position: center bottom;}

									.white-wave{width: 100%;

										background-image:url(/img/white-wave.svg);
										background-size: cover;
										background-position: left bottom;}


										.footer-wave {
											width: 100%;
											height: 220px;
											background-image: url(/img/footerwave.svg);
											background-repeat: no-repeat;
											background-position: center bottom;
											background-size: cover;
											position: relative;
											margin-top: 15rem;
										}
										.peekaboo {
											position: absolute;
											right: 0px;
											bottom: 70px;

										}

										@media screen and (max-width: 640px) {
											.peekaboo{
												max-width: 100% !important;
											}
											.footer-wave{
												margin-top: 15rem;
											}
										}
										@media screen and (max-width: 520px) {
											.peekaboo{
												max-width: 100% !important;
											}
											.footer-wave{
												margin-top: 12rem;
											}
										}
										ul.footer-links {margin-left: 0px; }
										ul.footer-links li { display: block; }

										.white {color: white;}
										.red {color:#e2241b;}
										.blue {color: #033f78}
										.bg-light-grey {background-color:#f7f7f7;}
										.bg-grey{background-color:#ebebeb; }
										.bg-darkgrey{background-color:#c6c6c6; }

										.page-template-template-front-page .bg-darkgrey h2 {margin-top:80px;}

										@media screen and (max-width: 1024px) {
										.page-template-template-front-page .bg-darkgrey {text-align: center;}

										 }

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

										 	.white-wave { background-position: right center; }
										 }

										.footer{background-color:#e2241b; margin-top: 0px !important; overflow: hidden;}
										.shirefooter{padding-bottom: 70px;}
										.shirefooter li a{ color:#033f78;  font-size: 1rem;}
										.shirefooter ul.footer-links li{color: #033f78;}
										.shirefooter ul.footer-links li.current_page_item a{color: #033f78;}
										.shirefooter ul.footer-links .menu .current_page_item.active > a::before{margin: 0; background: 0; width: 0; height: 0;}
										.shirefooter .aunderline a{border-bottom: 1px dotted #e2241b; text-decoration: none; font-size: inherit;}
										.fotsoc {padding-right:2rem;}
										.foot_menu_class ul{ display:block}

										/*Menu*/
										.shirefooter li a { padding-left:0px;}
										.menu .active>a{ background: none;} 
										.menu .current_page_item.active>a:before{ 
											content: "";
											display: block;
											background: url("/img/Disk-1s-20px.svg") no-repeat;
											width: 20px;
											height: 20px;
											float: left;
											margin: 0 6px 0 0;}
											@media all and (-ms-high-contrast:none)
											{
												.menu .current_page_item.active>a:before{ background: url("/img/Disk-1s-20px.gif") no-repeat;} /* IE10 */
												*::-ms-backdrop, .menu .current_page_item.active>a:before {background: url("/img/Disk-1s-20px.svg") no-repeat;} /* IE11 */
											}
										}

										.red{ color: #e2241b; }
								/*helpers
								*/
								.border-white {
									border: solid 2px white;
								}
								.button.round {
									border-radius: 1000px;
								}
								.border-butt {
									border: solid white 2px;
									padding: 14px;

									font-size: 0.8em;
									line-height: 4em;
									box-decoration-break: clone;
								}

								.liftup {margin-top: -100px}
								@media screen and (max-width: 64em) {
									.liftup {margin-top: 50px}
								}
								.more-news .paneltitlebg {
									padding-top: 80px !important;
								}
								.newspadding {
									padding-left: 20px;
								}
								.paneltitlebg {
									background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.01) 1%, rgba(0,0,0,0.35) 53%, rgba(0,0,0,0.73) 99%, rgba(0,0,0,0.73) 100%);
									background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.01) 1%,rgba(0,0,0,0.35) 53%,rgba(0,0,0,0.73) 99%,rgba(0,0,0,0.73) 100%);
									background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.01) 1%,rgba(0,0,0,0.35) 53%,rgba(0,0,0,0.73) 99%,rgba(0,0,0,0.73) 100%);
									filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#d4000000',GradientType=0 );
									text-align: center;
									position: relative;
									width: 100%;
									color: white;
									bottom: 0px;
									padding: 20px 40px;
									padding-top: 20px;

									height: 100%;
								}
								.dark-mid-trans-bg {
									background: rgba(0,0,0,0.5) !important;
								}
								.orange-mid-trans-bg {
									background: rgba(243,145,4,0.75) !important;
								}
								.red-mid-trans-bg {
									background: rgba(232,54,40,0.75) !important;
								}
								.blue-mid-trans-bg {
									background: rgba(26,105,177,0.75) !important;
								}
								.whitebg {
									background: white;
								}
								.orange {color:#f39104}
								.dark {color:#0a0a0a;}
								/* Menu overlay */
								.toggle {

									float: right;
									margin-top: 30px;
									cursor: pointer;
z-index: 9999;
position: relative;
								}

								.rightlink a h5{color: #e2241b; -webkit-transition: all 0.3s ease;
									transition: all 0.3s ease; text-decoration: none;}
									.rightlink a:hover h5{color: #f39000;; padding-left:12px;}
/*.toggle button {
    width: 50px;
    height: 50px;
    background: url(/img/toggle.svg) no-repeat center center;
    color: transparent;
	outline: none;
	z-index: 100;
	}*/




	.top2, .bottom2 {
		-webkit-transform-origin: center;
		-moz-transform-origin: center;
		-o-transform-origin: center;
		-ms-transform-origin: center;
		transform-origin: center;
	}

	.middle2, .top2, .bottom2 {
		-webkit-transition: all 200ms ease-out;
		-moz-transition: all 200ms ease-out;
		-ms-transition: all 200ms ease-out;
		-o-transition: all 200ms ease-out;
		transition: all 200ms ease-out;
	}

	svg#Layer_4:hover .middle2 {

		stroke-width: 10px;
		stroke: #033f78;
		

	}

	svg#Layer_4:hover .top2 {

		-webkit-transform: translate(0px, 10px);
		-moz-transform: translate(0px, 10px);
		-o-transform: translate(0px, 10px);
		-ms-transform: translate(0px, 10px);
		transform: translate(0px, 10px);
		opacity: 1;
		stroke-width: 10px;
		stroke: #033f78;
	}

	svg#Layer_4:hover .bottom2 {

		-webkit-transform: translate(0px, -10px);
		-moz-transform: translate(0px, -10px);
		-o-transform: translate(0px, -10px);
		-ms-transform: translate(0px, -10px);
		transform: translate(0px, -10px);
		opacity: 1;
		stroke-width: 10px;
		stroke: #033f78;
	}


/*.toggle button:hover {
    width: 50px;
    height: 50px;
    background: url(/img/toggle-hov.svg) no-repeat center center;
    transition: 1.2s;

}

.accordion-content {color: inherit !important; border-radius: 12px;} 
.accordion-title {font-size:1rem; color: #033f78; border-radius: 12px !important;}
.accordion-item:last-child > :last-child {
    border-radius: 12px !important;
}
content */
.pad-adjust {
	padding: 4em !important;
}
.light-grey-bg {
	background: #EEEFF0 !important; border-right: 12px solid white;
}

.entry-content img{-webkit-border-radius: 35px;
	-moz-border-radius: 35px;
	border-radius: 35px; margin-bottom: 50px}
	.newsimgrad{
		background-position: center center;
		-webkit-border-radius: 60px;
		-moz-border-radius: 60px;
		border-radius: 60px;
	}
	.newsrad{
		margin-left:-60px;
		-webkit-border-radius: 60px;
		-moz-border-radius: 60px;
		border-radius: 60px;}

		.eventrad{-webkit-border-radius: 60px;
			-moz-border-radius: 60px;
			border-radius: 60px;}

			.eventrad h4 {

				font-size: 1.6rem;

			}

			.leftmenu {background: rgba(255,255,255,0.8);}

			.bottom-gap {
				margin-bottom: 15px;
			}
			.children.subnav-active {
				margin-left: 20px;
			}

			ul.children a {
    margin-left: 12px;
}

			.intro-sq {
				margin-bottom: 40px;
				margin-top: -40px;
			}

			.general-content .callout, .callout {
				border-radius: 100px;
				border: none;
				padding: 50px;
				position: relative;
				color: #fff;
			}
			.general-content .callout a, .callout a { color: white;
				word-wrap: break-word; font-weight: 700;
			}
			.general-content .callout a:hover, .callout a:hover{ color:wheat
				;
			}

			.page-template-contact .callout{
				margin-top: 100px;
			}

			@media screen and (max-width: 1024px) {
				.page-template-contact .callout{
					margin-top: 75px;
				}
			}
			@media screen and (max-width: 639px) {
				.page-template-contact .callout{
					margin-top: 40px;
				}
			}

			.general-content .callout::before {
				content: url(/img/red-dots.png);
				position: absolute;
				right:-120px;
				top: -40px;}


				.general-content {margin-bottom: 2rem;}

				.general-content ul {list-style-type: none; margin-left: 0px;}
				.general-content ul li{
					background-image: url("/img/bullet.png");
					background-repeat: no-repeat;
					line-height: 1.5;
					padding-left: 40px;
					background-position: 18px 9px;
					margin-bottom: 10px;
				}

				.general-content ul li ul li{
					padding-left: 30px;
					background-position: 5px 9px;
				}

				.general-content ul.accordion li{
					background-image: none;
					padding-left: 0;
				}

				.general-content ul.accordion li ul li{
					background-image: url("/img/bullet.png");
					background-repeat: no-repeat;
					line-height: 1.5;
					padding-left: 40px;
					background-position: 18px 9px;
					margin-bottom: 10px;
				}

				.general-content ul.accordion li ul li ul li{
					padding-left: 30px;
					background-position: 5px 9px;
				}


				.fa.fa-link {
					margin-right: 15px;
				}

				.fa.fa-download {
					margin-right: 15px;
				}

				.mobile-sub-nav-content{
					width: 95%;
					margin: 0 auto;
				}

				.general-content a.accordion-title {
					font-size:1.2rem; color: #033f78;
					line-height: 1.5;
					padding-left: 0;
					background: none;
					border: none;
					border-bottom-width: medium;
					border-bottom-style: none;
					border-bottom-color: currentcolor;
					border-bottom: 1px dashed #d6d6d6;
					-webkit-transition: all 0.3s ease;
					transition: all 0.3s ease;
				}

				.general-content a.accordion-title:hover, .general-content a.accordion-title:focus, .general-content a.accordion-title:active{
					color: #033f78;
				}

				:last-child:not(.is-active) > .general-content a.accordion-title {
					border-bottom: 1px dashed #d6d6d6 !important;
					border-radius: 0;
				}

				.item.is-active .accordion-content {
					border: none;
					border-bottom-width: medium;
					border-bottom-style: none;
					border-bottom-color: currentcolor;
					border-bottom: 1px dashed #d6d6d6;
				}

				.accordion-content:last-child {
					border: 0px solid #e6e6e6; border-bottom: 1px dashed #d6d6d6;
				}

				:last-child > .accordion-content:last-child {
					border-bottom: 1px dashed #d6d6d6 !important;
					border-radius: 0;
				}

				.accordion-title:focus, .accordion-title:hover {
					background-color: transparent;
					padding-left: 12px;

				}

				.news-content-wrapper{
					width: 80%;
					margin: 0 auto;
					position: relative;
					margin-top: 80px;
					margin-bottom: 120px;
				}


				.page-template-template-front-page .news-content-wrapper{
					
					margin-bottom: 60px;
				}

				@media screen and (max-width: 1024px) {
					.news-content-wrapper{
						margin-bottom: 60px;
					}
				}

				.news-image-bg{
					display: block;
					height: 300px;
					width: 100%;
					background-size: cover !important;
					background-position: center !important;
					background-repeat: no-repeat !important;
					overflow: hidden;					
					transition: background-size 0.4s;
					position: relative;
					z-index: 2;

				}

				@media screen and (max-width: 1350px) {
					.news-image-bg{
						height: 200px;
					}
				}

				@media screen and (max-width: 850px) {
					.news-image-bg{
						height: 160px;
					}
				}



				.news-image-bg-angle{
					display: block;
					position: absolute;
					z-index: 0;
					height: 100%;
					width: 100%;
					-ms-transform: rotate(-10deg);
					-webkit-transform: rotate(-10deg);
					transform: rotate(-10deg);
					top: -20px;
					background-color: red;
				}
				@media screen and (max-width: 640px) {
					.news-image{
						padding: 0;
						margin-bottom: 40px;
					}
				}
				.news-content-wrapper h6{ 
					position: relative;
					background-color: #333;
					padding: 1rem;
					color: #fff;
					font-size: 1.2rem;
				}
				@media screen and (max-width: 850px) {
					.news-content-wrapper h6{
						font-size: 1rem;
					}
				}


				/* Overlay style */
				.overlay .planet {
					position: absolute;
					width: 220px;
					bottom: 300px;
					right: -120px;
				}

				.overlay {
					position: fixed;
					width: 100%;
					height: 100%;
					top: 0;
					left: 0;
					background: rgba(226,36,27,0.9);
					z-index: 19999;
				}


				/* Overlay closing cross */
				.overlay .overlay-close {
					width: 40px;
					height: 40px;
					position: absolute;
					right: 20px;
					top: 20px;
					overflow: hidden;
					border: none;
					background: url(/img/cross.svg) no-repeat center center;
					text-indent: 200%;
					color: transparent;
					outline: none;
					z-index: 100;
				}
				@media screen and (max-width: 640px) {
					.overlay .overlay-close{
						width: 50px;
						height: 50px;
					}
				}

				/* Menu style */
				.overlay .menu-content { z-index: 99; 
					text-align: left;
					position: absolute;
					height: 60%;
					-webkit-transform: translateY(-50%);
					transform: translateY(-50%); 
					width: 90%;
					margin-left: 6%;
				}
@media screen and (min-width: 850px) {
.overlay {
    position: absolute;}
    .overlay .menu-content {
    top: 32%;}
}
@media screen and (max-width: 850px) {
				.overlay .menu-content  {
top: 37%;}
				}

				.overlay ul {
					list-style: none;
					padding: 0;
					margin: 0 auto;
					display: inline-block;
					height: 100%;
					position: relative;
				}

				.overlay ul li {
					display: block;
					height: 20%;
					height: calc(100% / 8);
					min-height: 2rem;
					-webkit-backface-visibility: hidden;
					backface-visibility: hidden;
					margin-left: 1rem;
				}

				.overlay ul li a {
					font-size: 1.5rem;
					font-weight: 300;
					display: block;
					color: #fff;
					-webkit-transition: color 0.2s;
					transition: color 0.2s;
				}

				.overlay ul li ul li a {
					font-size: 1rem;}

					@media screen and (max-width: 64em) {
						.overlay ul li ul {
							display: none;
						}

					}

					.overlay ul li a:hover,
					.overlay ul li a:focus {
						color: #f0f0f0;
					}
/*
/* Effects */
.overlay-cornershape {
	background: transparent;
	visibility: hidden;
	-webkit-transition: visibility 0s 0.5s;
	transition: visibility 0s 0.5s;
}

.overlay-cornershape.open {
	visibility: visible;
	-webkit-transition: none;
	transition: none;
}

.overlay-cornershape svg {
	position: absolute;
	top: 0;
	left: 0;
}

.overlay-cornershape .overlay-path {
	fill: rgba(226,36,27,0.95);
}

.overlay-cornershape nav,
.overlay-cornershape .overlay-close {
	opacity: 0;
	-webkit-transition: opacity 0.4s 0.4s;
	transition: opacity 0.4s 0.4s;
}

.overlay-cornershape.open nav,
.overlay-cornershape.open .overlay-close {
	opacity: 1;
	-webkit-transition-delay: 0.4s;
	transition-delay: 0.4s;
}

.overlay-cornershape.close nav,
.overlay-cornershape.close .overlay-close  {
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
}



.portals .button { width: 100%; 
	-webkit-transition: opacity 0.4s 0.4s;
	transition: opacity 0.4s 0.4s;
	font-size: 1rem;
	margin: 10px 0px;
	padding-right: 20px;}



	.portalbluebg{text-align: left; }
	.afterstars, .afterplanet, .aftermeteors { position: relative; }
	.afterstars:after{
		content:"";
		background-image: url(/img/mini-star.svg);
		background-repeat: no-repeat;
		position: absolute;
		right: -20px;
		width:45px;
		height: 45px;
		top: 0px;
		z-index: 1;
	}
	.portalorangbg{background:#f39000; text-align: left;}
	.afterplanet:after{
		content:"";
		background-image: url(/img/mini-moon.svg);
		position: absolute;
		right: -20px;
		width:45px;
		height: 45px;
		top: 0px;
		z-index: 1;
	}
	.portallightblue{background:#8cc6ec; text-align: left;}
	.aftermeteors:after{
		content:"";
		background-image: url(/img/mini-meteor.svg);
		position: absolute;
		right: -20px;
		width: 65px;
		height: 65px;
		top: 0px;
		z-index: 1;
	}

	.menu .button, .menu a {padding: .7rem 0rem;}


	@media screen and (max-width: 640px) {
		.overlay ul li a {
			font-size: 1rem;
		}


	}

	@media screen and (max-height: 30.5em) {
		.overlay nav {
			height: 70%;
			font-size: 34px;
		}
		.overlay ul li {
			min-height: 34px;
		}
	}


	/* Sidebar navigation */

	.fa-navicon::before, .fa-reorder::before{
		font-size: 28px;
	}
	@media screen and (max-width: 39.9375em) {
		.fa-navicon::before, .fa-reorder::before{
			font-size: 18px;
		}
	}

	.fa-chevron-down{
		color: #e2241b;
	}

	.subnav-burger:hover, .subnav-burger:focus {opacity:0.7; transition:0.2s}

	.sidebar-navigation {
		/* margin-top: 20px;*/ 
		margin-right:10%;
		padding-right:10%;
		border-right: solid #e2241b 1px;
		margin-bottom: 40px;
	}

	@media screen and (max-width: 1023px) {
		.sidebar-navigation {
			border-right: 0;
			margin-right: 0;
			padding-right: 0;
			margin-top: 20px;
			background-color: #e6e6e6;
			padding: 10px 20px;
		}
	}

	@media screen and (max-width: 640px) {
		.sidebar-navigation {
			margin-top: 10px;

		}

		.square-image-wrapper{
			margin-top: 80px;
		}
	}

	.sidebar-header {
		/*background: #2d3e4d;*/
		display: block;
		padding: 10px 0 3px 0px;
	}

	@media screen and (max-width: 1023px) {
		.sidebar-header {
			padding: 0px;
		}
	}

	.sidebar-header h4 {
		color: #000 !important;
		margin: 0;
	}

	@media screen and (max-width: 1023px) {
		.sidebar-header h4 {
			display: inline-block;
			font-size: 1.5rem;
		}
	}

	@media screen and (max-width: 1023px) {
		.fa-chevron-down::before {
			font-size: 35px;
		}
	}

	.sidebar-navigation ul {
		list-style-type: none;
		margin: 10px 0 0 0;
	}

	.sidebar-navigation ul.children {
		display: none;
	}

	.sidebar-navigation ul li {
		padding: 6px 0px;
		border-bottom: 0px solid #cccccc;
		font-weight: 100;
	}

	.sidebar-navigation ul li a {
		color: #2d3e4d;
		text-decoration: none;
		-webkit-transition: all 0.3s ease;
		transition: all 0.3s ease;
	}

	.sidebar-navigation ul li a:hover {
		color: #d69329 !important;

		padding-left: 12px;


	}

	.current_page_item, .current_page_ancestor, .current_page_parent {
		/*background: #848A96;*/
	}

	.sidebar-navigation .current_page_item a, .sidebar-navigation .current_page_ancestor a, .sidebar-navigation .current_page_parent a {
		/*font-weight: bold;*/
		color: #e2241b !important;
	}




	.subnav-burger {
		float: right;
		cursor: pointer;
	}

	.page_item_has_children i {
		font-size: 1rem;
		float: right;
		transition: all 300ms ease;
	}

	.page_item_has_children i:hover {
		color: #d69329 !important;
	}

	.chevron-rotate {
		transform: rotate(180deg);
	}

	.page_item_has_children.current_page_item i, .current_page_ancestor i, .current_page_parent i {
		color: #b0b0b0 !important;
	}

	.page_item_has_children.current_page_item .children, .page_item_has_children.current_page_ancestor.current_page_parent .children, .sidebar-navigation ul.children.subnav-active {
		display: block;
	}

	.subnav .children li {
		font-weight: normal;
		border-bottom: 0;
		padding: 5px 0;
	}

	.current_page_item .children li a, .current_page_ancestor .children li a, .current_page_parent .children li a {
		font-color: red !important;
	}

	.subnav .children li a {
		font-weight: normal;
		/*color: #ffffff !important;*/
	}

	.subnav .children li.current_page_item {
		padding-left: 0 !important;
	}

	.subnav .children li.current_page_item a {
		text-decoration: underline;
	}

	.page_item_has_children.current_page_item .children li a:hover {
		color: #d69329 !important;
	}
	@media screen and (max-width: 1023px) {
		.subnav{
			display: none;
		}
	}

	ul.subnav.mobile-active{
		display: block;
	}

	/* /end sidebar */






	/* KEYFRAME ANIMATION */
	.floaty-img1 {animation: floaty1 5s ease-in-out infinite;}
	.floaty-img1bg {animation: floaty3 6s ease-in-out infinite; position: absolute; left:0px; top:0px; z-index: -4;}

	.floaty-img2 {animation: floaty2 6s ease-in-out infinite;}
	.floaty-img2bg {animation: floaty2 6s ease-in-out infinite; position: absolute; left:0px; top:0px; z-index: -4;}

	.floaty-img3 {animation: floaty3 6s ease-in-out infinite;}
	.floaty-img3bg {animation: floaty1 6s ease-in-out infinite; position: absolute; left:0px; top:0px; z-index: -4;}


	@keyframes floaty1 {
		0% {
			transform: translatey(-10px);
		}
		50% {
			transform: translatey(-25px);
		}
		100% {
			transform: translatey(-10px);
		}
	}

	@keyframes floaty2 {
		0% {
			transform: translatey(-15px);
		}
		50% {
			transform: translatey(0px);
		}
		100% {
			transform: translatey(-15px);
		}
	}

	@keyframes floaty3 {
		0% {
			transform: translatey(0px);
		}
		60% {
			transform: translatey(-35px);
		}
		100% {
			transform: translatey(0px);
		}
	}

	@media screen and (max-width: 639px) {
		.floaty-img1, .floaty-img2{
			display: none;
		}
	}
	@media screen and (max-width: 639px) {
		@keyframes floaty3 {
			0% {
				transform: translatey(0px);
			}
			60% {
				transform: translatey(-10px);
			}
			100% {
				transform: translatey(0px);
			}
		}
		@keyframes floaty1 {
			0% {
				transform: translatey(-5px);
			}
			50% {
				transform: translatey(-15px);
			}
			100% {
				transform: translatey(-5px);
			}
		}
	}


	.planetrock {
		-webkit-animation:rock 8s ease-in-out infinite;
		-moz-animation:rock 8s ease-in-out infinite;
		animation:rock 8s ease-in-out infinite;
	}
	@-moz-keyframes rock { 
		0% { -moz-transform: rotate(70deg); }
		50% { -moz-transform: rotate(-70deg); }
		100% { -moz-transform: rotate(70deg); } 
	}

	@-webkit-keyframes rock { 
		0% { -webkit-transform: rotate(70deg); }
		50% { -webkit-transform: rotate(-70deg); }
		100% { -webkit-transform: rotate(70deg); } 
	}
	@keyframes rock { 
		0% { transform: rotate(70deg); }
		50% { transform: rotate(-70deg); }
		100% { transform: rotate(70deg); } 
	}

	.planetrotate {
		-webkit-animation:spin 4s linear infinite;
		-moz-animation:spin 4s linear infinite;
		animation:spin 4s linear infinite;
	}
	@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
	@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
	@keyframes spin { 100% {  transform:rotate(360deg); } }



	.intro-wrap {width:100%;}
.banner-circle {
z-index: -999;
}
	@media screen and (max-width: 1400px) {
		.banner-wrap::after {right: -120px;}

		.intro-content { margin-top: -40px; }
		.banner-circle {
			position: absolute;
			top: 120px !important;
			right: 0% !important;}
			.peekaboo {
				position: absolute;
				right: 0px;
				bottom: 70px;
				max-width: 500px;}

			}
			@media screen and (max-width: 1024px) {
				.intro-content{margin-top: 0;}
			}

			/* mob med q */

			@media screen and (max-width: 570px) {
				.main-logo {
					height: 80px;
				}
			}

			@media screen and (max-width: 420px) {

				h1 {font-size: 2rem}
				.main-logo {

					width: auto;
					margin-top: 20px;
					height: auto;
					position: relative;
					float: left;
					max-width: 180px;

				}
				.planetrock {
					display: none;
				}


			}

			.square-image-wrapper{
				position: relative;
				width: 85%;
				float: right;
				margin-top: 30px;
				margin-bottom: 50px;
			}
			@media screen and (max-width: 1024px) {
				.square-image-wrapper{
					float: none;
					width: 50%;
					display: block;
					margin: 0 auto;
					margin-bottom: 50px;
				}
			}
			.square-image{
				border: 5px solid #fff;
			}

			.square-image.top-icon{
				width: 50%;
				border: 0px solid #fff;
			}

			@media screen and (max-width: 1024px) {
				.square-image.top-icon{
					width: 100%;
					margin: 0 auto;
					display: block;
					margin-bottom: 50px;
				}			
			}

			@media screen and (max-width: 640px) {
				.square-image.top-icon{
					display: none;
				}			
			}

			.square-image-bg{
				position: absolute; 
				-ms-transform: rotate(-10deg); /* IE 9 */
				-webkit-transform: rotate(-10deg); /* Safari */
				transform: rotate(-10deg);
				width: 100%;
				height: 100%;
				top: 0px;
				z-index: -1;
			}

			@media screen and (max-width: 1024px) {
				.square-image-bg{
					max-width: 300px;
					height: 100%;	
					margin: 0 auto;
					display: block;						
				}
			}

			.red-orange-gradient{
				background: rgb(230,42,50);
				background: linear-gradient(135deg, rgba(230,42,50,1) 0%, rgba(243,144,0,1) 100%);
			}

			.dark-red-red-gradient{
				background: rgb(175,30,43);
				background: linear-gradient(135deg, rgba(175,30,43,1) 0%, rgba(238,52,63,1) 100%);
			}

			.dark-blue-red-gradient{
				background: rgb(0,67,124);
				background: linear-gradient(135deg, rgba(0,67,124,1) 0%, rgba(238,52,63,1) 100%);
			}

			.light-blue-dark-blue{
				background: rgb(140,198,236);
				background: linear-gradient(135deg, rgba(140,198,236,1) 0%, rgba(0,67,124,1) 100%);
			}

			.meet-the-image-wrapper{
				position: relative;
				width: 85%;
				float: left;
				margin-left: 20px;
				margin-top: 30px;
				margin-bottom: 50px;
			}
			@media screen and (max-width: 1024px) {
				.square-image-wrapper{
					float: none;
					max-width: 300px;
					display: block;
					margin: 0 auto;
					margin-top: 50px;
					margin-bottom: 50px;
				}
				.square-image-wrapper .square-image{
					max-width:300px;
					margin: 0 auto;
					display: block;
				}
			}
			@media screen and (max-width: 640px) {
				.square-image-wrapper{
					float: none;
					width: 100%;
					display: block;
					margin: 0 auto;
					margin-top: 30px;
					margin-bottom: 30px;
				}
			}

			.meet-the-team-wrapper{
				margin-bottom: 40px;
			}

			.meet-the-team-border{
				border-bottom: 2px solid #e2241b;
				margin-top: 20px;
				margin-bottom: 20px;
			}

			.contact-trio-wrap{
				margin-bottom: 40px;
			}

			.contact-subtitle{
				margin-bottom: 40px;
				color: #333;
			}

			.contact-title{
				padding: 10px 25px;
				background: rgb(230,42,50);
				background: linear-gradient(135deg, rgba(230,42,50,1) 50%, rgba(243,144,0,1) 100%);
				color: #fff;
				border-radius: 100px;
				margin-bottom: 15px;
			}

			@media screen and (max-width: 1024px) {
				.contact-title{
					margin-top: 60px;
				}
			}

			.contact-icon{
				color: #fff;
				float: right;
				margin-top: 5px;
			}

			.page-template-contact .leader p{
				font-size: 1.1rem;
			}

			.contact .nf-element{
				border: 1px solid #e2241b;
				border-radius: 5px;
			}

			.contact .nf-field-label label{
				font-weight: 600;
				font-size: 1.1rem;
			}

			.contact .nf-field-container{
				margin-bottom: 15px;
			}

			.contact .field-wrap input[type="button"]{
				width: 50% !important;
				background: linear-gradient(135deg, rgba(230,42,50,1) 50%, rgba(243,144,0,1) 100%);
				color: #fff;
				font-size: 1.2rem;
				font-weight: 600;
				padding: 15px 20px;
				cursor: pointer;
				border-radius: 35px;
				border: 0;
			}
			.contact .field-wrap input[type="button"]:hover{
				background: linear-gradient(135deg, rgba(230,42,50,1) 0%, rgba(243,144,0,1) 100%);
			}

			.contact-us-circle{
				position: absolute;
				right: -20px;
				bottom: 100px;
				z-index: -1;
			}


			.general-content a{
				color: #e2241b;
				text-decoration: none;
				border-bottom: 1px dotted #e2241b;
			}

			.general-content a:hover, .general-content a:focus, .general-content a:active{
				color: #f39000;
			}

			.sidebar-header a{
				color: #333;
			}

			.sidebar-header a:hover, .sidebar-header a:focus, .sidebar-header a:active{
				color: #333;
			}

			.cat-logo{
				margin-bottom: 40px;
			}

			@media screen and (max-width: 1024px) {
				.cat-logo{
					display: block;
					margin: 0 auto;
					margin-bottom: 40px;
					margin-top: 40px;
				}	
			}

			.facebook-footer-text{
				text-align: center;
				color: #e2241b;
			}

			.facebook-footer-icon{
				max-width: 80px;
				display: block;
				margin: 0 auto;
				margin-top: 20px;
			}

			@media screen and (max-width: 1380px) {
				.twitter-footer-icon{
					max-width: 100%
				}
			}

			@media screen and (max-width: 1024px) {
				.facebook-footer-icon{
					display: block;
					max-width: 80px;
					margin: 0 auto;
					margin-bottom: 40px;
				}

			}

			.pp-logo{
				max-width: 200px;
			}

			.ofsted-logo{
				max-width: 120px; margin:20px;
			}

			@media screen and (max-width: 1024px) {
				.pp-logo{
					display: block;
					margin: 0 auto;
				}	
				.ofsted-logo{
					display: block;
					margin: 20px auto;
				}	
			}

			.footer-logo{
				max-width:320px;
				margin-bottom: 40px;
			}

			@media screen and (max-width: 1024px) {
				.footer-logo{
					display: block;
					margin: 0 auto;
					margin-bottom: 40px;
				}	
			}

			@media screen and (max-width: 1024px) {
				.shirefooter h3{
					text-align: center;
				}
			}

			@media screen and (max-width: 1024px) {
				.foot_menu_class ul a, .footer-links{
					text-align: center;
				}

				#menu-footer-links a{
					padding: .7rem 0;
				}
			}
			.copyright{
				margin-top: 15px;
			}
			@media screen and (max-width: 640px) {
				.copyright {
					text-align: center;
				}
			}

			.hg-text{
				margin-top: 15px;
				text-align: right;
			}

			.hg-text a{
				color: #fff;
				font-weight: 600;
			}

			@media screen and (max-width: 640px) {
				.hg-text{
					text-align: center;
					margin-top: 0px;
				}
			}


			a.contact-email{
				color: #e2241b;
				text-decoration: none;
				margin-bottom: 1rem;
				display: inline;
				font-size: 1.1rem;
				word-wrap: break-word;
				border-bottom: 1px dotted #e2241b;
			}

			a.contact-email:hover, a.contact-email:focus, a.contact-email:active{
				color: #f39000;
			}

			.useful-emails-wrapper{
				padding-left: 25px;
				margin-bottom: 40px;
			}

			.useful-emails-wrapper a{
				color: #e2241b;
				text-decoration: none;
				margin-bottom: 1rem;
				display: inline;
				border-bottom: 1px dotted #e2241b;
				font-size: 1.1rem;
				word-wrap: break-word;
			}

			.useful-emails-wrapper a:hover, .useful-emails-wrapper a:focus, .useful-emails-wrapper a:active{
				color: #f39000;
			}

			.useful-emails-wrapper p{
				margin-bottom: 0;
			}

			.home-stars{
				max-width: 270px;
			}
			@media screen and (max-width: 640px) {
				.home-stars{
					max-width: 100%;
				}	
			}

			.home-meteor{
				max-width: 400px;
				display: block;
				margin: 0 auto;
			}

			@media screen and (max-width: 640px) {
				.button {
					display: block;
					text-align: center;
					padding: 1em;
				}
				.portals {margin-left:15px;}
				.portals .button { display: inline-block; }
			}

			.home-blog-btn{
				display: block;
			}

			@media screen and (max-width: 640px) {
				.home-blog-btn{
					margin-left: 0;
				}
			}

			@media screen and (max-width: 1024px) {
				.home-principal{
					display: block;
					margin: 0 auto;
					margin-bottom: 40px !important;
					max-width: 300px;

				}
			}

			@media screen and (max-width: 640px) {
				.home-principal{	
					display: block;
					margin: 0 auto;
					margin-bottom: 40px !important;
				}
			}

			@media screen and (max-width: 360px) {
				.home-principal{	
					width: 100%;
				}
			}

			#sidebar1{
				padding-top: 15px;
				position: relative;
			}


			#sidebar1::after{
				position: absolute;
				content: '';
				background-image: url(/img/stars.svg);
				top: 370px;
				z-index: -1;
				right: -80px;
				height: 230px;
				width: 205px;
				background-position: center center;
				background-repeat: no-repeat;
				background-size: contain;
			}

			@media screen and (max-width: 640px) {
				#sidebar1::after{
					display: none;
				}
			}

			.widget{
				margin-bottom: 30px;
			}

			.widgettitle{
				display: block;
				padding-bottom: 5px;
				color: #fff;
				font-weight: 600;
				background: #e2241b;
				background: linear-gradient(135deg, rgba(230,42,50,1) 50%, rgba(243,144,0,1) 100%);
				border-radius: 100px;
				padding: 5px 5px 5px 10px;
			}

			.widget ul{
				margin-left: 15px;
			}

			.widget a{
				color: #e2241b;
			}

			.widget a:hover, .widget a:focus, .widget a:active{
				color: #f39000;
			}

			.entry-content{
				position: relative;
			}

			.entry-content::before{
				position: absolute;
				content: url(/img/newsbg.png);
				top: -14px;
				z-index: -1;
				left: -396px;
				-ms-transform: rotate(90deg); /* IE 9 */
				-webkit-transform: rotate(90deg); /* Safari */
				transform: rotate(90deg);
			}


			.category .entry-content::before, .archive .entry-content::before{
				position: absolute;
				content: "";
				top: -0;
				z-index: 0;
				left: -;
				-ms-transform: rotate(90deg); /* IE 9 */
				-webkit-transform: rotate(90deg); /* Safari */
				transform: rotate(90deg);
			}

			.single .footer-wave::before, .archive .footer-wave::before{
				content: '';
				background-image: url(/img/meteors.svg);
				height: 200px;
				width: 200px;
				background-position: center center;
				background-repeat: no-repeat;
				background-size: contain;
				position: absolute;
				top: -190px;
				left: 200px;
				z-index: -1;
			}
			@media screen and (max-width: 790px) {
				.single .footer-wave::before, .archive .footer-wave::before{
					left: 10px;
				}
			}

			@media screen and (max-width: 590px) {
				.single .footer-wave::before, .archive .footer-wave::before{
					display: none;
				}
			}

			.home-blog-btn{
				margin-left: 30px;
			}

			@media screen and (max-width: 640px) {
				.home-blog-btn{
					margin-left: 0px;
				}
			}

			@media screen and (max-width: 1023px) {
				.banner-circle{top: 75px !important;
					z-index: -1;
				}
			}

			@media screen and (max-width: 920px) {
				.banner-circle{
					top: 75px !important;
					z-index: -1;
				}
			}

			@media screen and (max-width: 640px) {
				.banner-circle{
					display: none;
				}
			}
			.contact-telephone, .contact-address, .contact-email{
				margin-left: 25px;
			}
			.contact-margin-top{
				margin-top: 50px;
			}

			@media screen and (max-width: 1023px) {
				.contact-margin-top{
					margin-top: 0px;
				}
			}

			a.footer-tel, .contact-telephone a{
				color: #033f78 !important;
				cursor: text !important;
				border: 0 !important;
			}

			a.footer-tel:hover, .contact-telephone a:hover{
				color: #033f78 !important;
			}

			.contact-telephone a{
				color: #333 !important;
				cursor: text !important;
				border: 0 !important;
			}

			.contact-telephone a:hover{
				color: #333 !important;
			}
			.btn-block{
				display: block;
				width: 75%;
				margin: 0 auto;
			}

			.shireland-address{

				font-size: 1.5625rem;
			}

			@media screen and (max-width: 1170px) and (min-width: 1024px){
				.shireland-address{
					font-size: 1.2rem;
				}
			}

			@media screen and (max-width: 670px){
				.shireland-address{
					font-size: 1rem;
				}
			}

			@media screen and (max-width: 436px){
				.shireland-address{
					padding-bottom: 30px;
				}
				.wave-top{

				background-image: none !important;}
			}

			.news-archive-readmore{
				font-size: 1.2rem;
				color: #e2241b;
				margin-bottom: 60px;
				display: block;
			}

			.news-archive-readmore:hover, .news-archive-readmore:active, .news-archive-readmore:focus{
				color: #f39000;
			}

			.cff-wrapper{
				position: relative;
				z-index: 1;
			}

			@media screen and (max-width: 916px){
				#morenews h2{
					font-size: 1.5rem;
				}
			}

			@media screen and (max-width: 1024px){
				.cff-wrapper{
					margin-bottom: 120px;
				}
			}


			@media only screen 
			and (min-device-width : 768px) 
			and (max-device-width : 1024px) 
			and (orientation : landscape)
			{

				.menu-content .main {width:100%}
				.portals {margin-left:20px; min-width:200px}
			}

			.fa-facebook-square::before {

				content: "" !important;
				background-image: url(https://www.holyheadprimary.academy/img/facebook-icon.png);
				height: 38px;
				width: 40px;
				display: inline-block;
				background-size: cover;
				margin: -10px 0px -10px 0px;

			}

			.alert {
	padding: 1.2rem 2rem;
	background: #f39104;
	color:#000;
}

.cell.legal {

    padding: 2rem;
    margin-top: 1rem;
}

/*customisation sept 2021*/

.toggytitle {
    display: inline-block;
    vertical-align: top;
    height: 50px;
    margin-top: 6px;
    font-size: 18px;
    font-weight: bold;
    color: #e2241b;
}

.toggle:hover .toggytitle {
color: #0f4e82;
}