/*
	Theme Name: Forces Children's Education
	Theme URI: http://html5blank.com
	Description: HTML5 Blank WordPress Theme
	Version: 2.0.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
*/

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

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

body {
	font-size: 16px;
	line-height: 19px;
	margin: 0;
	/* background: rgb(214, 238, 248); ORIGINAL BACKGROUND COLOUR, removed for HRH */
	background: rgb(0, 0, 48);
	/* background: url(img/fce-blue-back-solid.jpg) rgb(214, 238, 248) no-repeat; BACKGROUND PATTERN, removed for HRH */
	/* NEW GRADIENT BACKGROUND FOR 2022/23 */
		background-color: #0093E9;
		background-image: linear-gradient(160deg, #153da5 11%, #80D0C7 54%, #ffffff 100%);
		/* MOTMC Purple */
		/* background-image: linear-gradient(160deg, #7c7eaf 11%, #80D0C7 54%, #ffffff 100%); */

	background-size: 100%;
	font-family: 'Raleway Regular', 'HelveticaNeue','Helvetica Neue', Arial, Helvetica, sans-serif;
}
:target:before {
  content:"";
  display:block;
  height:150px; /* fixed header height*/
  margin:-150px 0 0; /* negative fixed header height */
}
/* clear */
.clear:before,
.clear:after {
    content:' ';
    display:table;
}

.clear:after {
    clear:both;
}
.clear {
    zoom:1;
}
img {
	max-width:100%;
	height:auto;
	vertical-align:bottom;
}

.base-type h4 {
	max-width: 70%;
	margin: 5% 0 0 0;
	letter-spacing: 1px;
	text-transform: none;
}

h5 {
	font-weight: 700;
	margin-bottom: 0;
}

a {
	text-decoration:none;
}
a:hover {
	color:#444;
	text-decoration: underline;
}
.logo a:hover{
	text-decoration: none;
}
a:focus {
	outline:0;
}
a:hover,
a:active {
	outline:0;
}
input:focus {
	outline:0;
	border:1px solid #04A4CC;
}
.videoWrapper {

	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.return-link {
	padding:0;
	margin: 5% 0 0 0;
}

.return-link a {
	font-weight: 800;
	color: darkblue;
}

a.return-list:before {
	content: "\f190\00a0";
	font-family: FontAwesome;
	font-weight: 500;
}

a.return-top:before {
	content: "\f01b\00a0";
	font-family: FontAwesome;
	font-weight: 500;
}
.button.button-primary {
	margin: 4% 0;
	background-color: rgb(137, 154, 204);
	border-color: rgb(187,174,204);
}


.terms-conditions h3 {
	font-size: 1.6rem;
	margin: 20px 0 0 0;
	text-align: left;
	text-transform: none;
	letter-spacing: 1px;
}

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


/* header */
header {
    position: fixed;
    top: 0px;
    display: block;
    width: 100%;
    z-index: 99;
    clear: both;
    height: 94px;
    /* background: rgba(255,255,255,0.9); Removed for HRH */
    margin-top: 0;
    /*padding: 0.5em 0;*/
    /*max-width: 960px;*/
}

.alert {
    /* background-color: rgba(246, 109, 50, 1.00); Swapped for HRH, replace this and delete line 10 */
	background-color: rgba(0, 0, 44, 1.00);
    padding: 2% 0% 2% 0;
    text-align: center;
    color: white;
    font-weight: 800;
    margin: 0;
    line-height: 1em;

}

.alert p {
	margin: 0;
}

.alert a {
    color: rgba(255, 255, 255, 1.00);
}

main{
	margin: 25% 0 10% 0;
}
/* logo */
.logo {
/*display: block;*/
float: left;
}
.logo h1 {
	/* background: url(/wp-content/themes/ADES/img/FCE-Logo-long-black.png) no-repeat; BLACK LOGO FOR HRH/STATE OCCASIONS */
	background: url(/wp-content/themes/ADES/img/FCE-alternate-logo@2x.png) no-repeat;
	background-size: 90%;
	width: 350px;
	height: 94px;
	padding: 0;
	margin: 10% 0 0 10%;
	font-size: 0px;
	color: white;

	/*
	THE FOLLOWING REMOVED AND REPLACED WITH LOGO ABOVE
	text-decoration: none;
	font-size: 3rem;
	line-height: 2.7rem;
	letter-spacing: 0;
	color: rgb(0,61,165);
	margin: 2% 0;*/
}

.tag-line {
	/*background: rgb(0,61,165);
	padding: 2%;
	display: block;
	text-transform: uppercase;
	font-weight: 800;
	color: rgb(255,255,255);
	margin-top: 2%;
	text-align: center;
	font-size: 1.5rem;
	letter-spacing: 2px;*/
	display: none; /* replaced with logo graphic */
}

/* nav */
nav {
	display: block;
	float: right;
	width: 50%;
	text-align: right;
}

#Nav-list {
	list-style-type: none;
	margin: 50px 20px 0 0;
}

nav ul li{
	display: inline-block;
	margin: 0 3% 0 0;
}
nav li a{
	color: rgb(0,61,165);
	font-weight: bold;
	text-transform: uppercase;
}
.menu li{
	display: inline-block;
	padding: 0 1em;
	margin: 1em 0;
}

.menu a{
	color: #fff;
	font-weight: bold;
	text-transform: uppercase;
}

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

nav li a:hover{
	/*color: rgb(160,168,212);*/
	text-decoration: none;
	color: rgb(0,61,165);
	border-bottom: 3px solid rgb(0,61,165);
}

.nav-button {
    display: none;
}


	
.blue-menu-bar {
	list-style-type: none;
	font-size: 0.8em;
	background: rgb(0,61,165);
	margin-bottom: 2em;
	padding: 0 0.5em;
	
}

.wp-block-group__inner-container {
    padding: 3%;
}

.wp-block-image.size-full, .wp-block-image.size-large {
	margin: 0 0 6% 0;
}

.wp-block-image img {
	height: auto;
}

/* sidebar */


/* footer */
footer {
color: rgb(255,255,255);

}
footer .container{
	background-color: rgb(0,61,165);
	border-top: 10px solid #5ab4dd;
	padding: 2em;
}

footer a{
	color: rgb(255,255,255);
}
footer .info {
	text-align: center;
	border-top: 1px solid rgb(177,183,221);
	font-weight:bold;
	padding: 1em 0;

}
footer i{
	color: rgb(0,61,165);
}
footer i.icon-background {
    color: #ffffff;
}
footer .legal p{
	margin-bottom: 0.5em;
	/*border-bottom: 1px solid rgb(177,183,221);*/
	padding-bottom: 0.5em;
	color: rgb(177,183,221);
	font-size: 0.8em;
}
footer .legal a{
	color: rgb(177,183,221);
}
footer .legal p:last-child{
	border-bottom: 0;
}
footer .copyright, footer .tcs{
font-size: 0.8em;
}
footer a:hover{
	color: rgb(177,183,221);
	text-decoration: underline;
}
footer .social a:hover{
	text-decoration: none;
}

footer h4.footer-title {
	color: rgb(255,255,255);
	text-align: left;
	font-size: 1.5rem;
	font-weight: 600;
	margin: 0 0 3px 0;
}

.org-logos img{
	width: 48%;
	max-width: 80px;
    float: left;
    margin-bottom: 0.5em;
    display: block;
    margin-right: 2%;
}

	
.social{
	text-align: right;
}

iframe{
	width: 100%;
}
.white{
	color: rgb(255,255,255);
}


/* Extra info / contact us boxes for page templates */

.additional-info {
	margin: 0 0 15% 0;
	padding: 2%;
	box-sizing: border-box;
	color: rgb(255,255,255);
	overflow-wrap: break-word;
	word-wrap: break-word;
	-ms-word-break: break-all;
	word-break: break-word;
}

.additional-info h4, .additional-info p{
	margin:0;
	padding:0;
	color: rgb(255,255,255);
}

.additional-info a {
	color: rgb(255,255,255);
	font-weight: 800;
}

.additional-info a:hover {
	text-decoration: underline;
}

.additional-info.orange {
	background-color: RGBA(232, 120, 43,1);
}
.additional-info.blue {
	background-color: RGB(0, 61, 165);
}
.additional-info.grey {
	background-color: RGB(222, 223, 241);
}

.additional-info.grey h4, .additional-info.grey p, .additional-info.grey a {
	color: rgb(0,0,0);
}

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

/* or */
.top-image{
	margin-bottom: 1em;
}

.type-base .twocol {
  -webkit-column-count: 2;
     -moz-column-count: 2;
          column-count: 2;
  -webkit-column-width: 200px;
     -moz-column-width: 200px;
          column-width: 200px;
          padding: 0 5%;
}

.type-base .twocol p {
	font-size: 1.6rem;
	line-height: 1.3em;
	margin: 0 0 1.3em 0;
}
.type-base .twocol ul{
	color:rgb(38,79,152);
	list-style-position: outside;
    margin-left: 1em;
    margin-bottom:1.3em;

}
.type-base .twocol ul li{
	margin-bottom: 0.8rem;
}

.type-base .twocol p:last-child {
	margin: 0;
}

.full-width-quote{
	margin: 3% 5%;
}

h1,h2,h3,h4{
   color: rgb(0,61,165);
   font-weight: bold;
   text-align: center;

}

.postid-4103 h2 {
	color: rgb(0,0,0);
}
body.postid-4103 {
	background: rgb(0,0,0);
}
.postid-4103 .alert {
	background: rgb(0,0,0);
}
/*.hp-main-heading {
	margin: 0;

}*/

h1{
	letter-spacing: 1px;
}
.small-post h3, .small-post p{
	color: rgb(255,255,255);
	text-align: left;
	line-height: 1em;
}

.small-post{
	background: rgb(0,61,165);
}

/*.small-post:last-child {
	background: rgb(232,120,43);
}*/

.small-post-image {
	overflow: hidden;
	position: relative;
	width: 100%;
	max-width: 800px;
	height: 400px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;

}
.small-post-image img{
	width: 100%;
    /*width: 600px;*/
    /*max-width: 600px;*/
    /*min-width: 100%;*/
}

li.small-post:nth-child(even){
	background: rgb(232,120,43);
}
.button-white{
    color: rgb(255,255,255);
    border: 2px solid rgb(255,255,255);
    text-transform: uppercase;
    padding: 0.5em;
    font-weight: bold;
    margin: 5% 0;
    display: inline-block;
}
.button-white:hover {
	background: white;
	color: #607D8B;
	text-decoration: none;
}

.button-blue.nf-element{
    color: rgb(25,59,142);
    border: 1px solid rgb(25,59,142);
}

.full-post{
	/*background: rgb(244,245,251);*/
	color: rgb(0,61,165);
	margin-top: 1em;
}

.full-post-image {
	max-height: 350px;
	position: relative;
	overflow: hidden;
}

.image-caption {
	position: absolute;
	bottom:2%;
	right:2%;
	margin: 0 2% 2% 2%;
	font-size: 0.7em;
	color: rgb(255,255,255);
	text-shadow: 1px 1px 18px rgb(0,0,0);
	font-style: italic;
	font-weight: 700;
}

.home-vid{
	padding: 3%;
	background:rgb(0,61,165);
    /*margin: 1em 1% 0 1%;*/
    color: rgb(255,255,255);
}
.home-vid p{
	margin-top: 5%;
	margin-right: 4%;
}

.home-vid a {
	color: rgb(232,120,43);
	font-weight: 800;
}
.home-links p{
	text-align:center;
}
.home-links a{
	width: 100%;
    background: rgb(0,61,165);
    display: block;
    padding: 3em 0;
    color: #ffffff;
    text-transform: uppercase;
    margin: auto;
    text-decoration: none;
}
.home-links{
	margin: 2em 0;
}

main a {
    /* These are technically the same, but use both */
 overflow-wrap: break-word;
 word-wrap: break-word;

 -ms-word-break: break-all;
 /* This is the dangerous one in WebKit, as it breaks things wherever */
 word-break: break-all;
 /* Instead use this non-standard one: */
 word-break: break-word;

 /* Adds a hyphen where the word breaks, if supported (No Blink) */
 -ms-hyphens: auto;
 -moz-hyphens: auto;
 -webkit-hyphens: auto;
 hyphens: auto;
}


/* Homepage drivers */

.hp-drivers {
    list-style: none;
}

.driver-item {
    padding:0;
}

.driver-text {
    color: black;
    margin: 0;
    padding:0;
    visibility: unset;
    text-align:center;
    width:100%;
}

.driver-text h3 {
    color: #3F51B5;
    margin: 2% 0 0;
	font-size: 3rem;
	line-height: 0.9em;
}

.driver-text a {
    background: #3f51b5;
    color: #ffffff;
    box-shadow: 2px 2px 2px #eeeeee;
}

.driver-text a:hover, .driver-text a:active {
    background-color:#2196F3;
	color: #ffffff;
    box-shadow: 2px 2px 2px #333333;
    text-decoration: none;
}

.driver-item img {
    height: auto;
    width: 100%;
    max-width:300px;
}






.header-img, .bottom-img{
	margin-bottom: 2em;
	max-height: 400px;
	overflow: hidden;
}
.header-img img, .bottom-img img{
	width: 100%;
}

.single article h1, .single article h2{
	text-transform: uppercase;
}

article p{
	color: rgb(0,0,0);
	margin-bottom: 1em;
	/*padding: 0 0 2% 0;*/
	/*-webkit-margin-before: 0;
    -webkit-margin-after: 0;*/
}
article p:first-child{
	margin-top: 0;
}

.l-blue-back{
	/*background-color: rgb(244,245,251);*/
	/*color: rgb(0,61,165);*/
	color: rgb(0,0,0);
	margin: 1% 0 5% 0;
}
/*.l-blue-back .container, .onecol .container{
	background-color: rgb(244,245,251);
}*/


.filter-buttons {
	background: #003DA5;
	padding: 2% 10%;
	/*display: none;*/
}


.filter-buttons ul {
	list-style-type: none;
	}

.filter-buttons li {
	display: inline-block;
	margin: 0 5% 2% 0;
	box-sizing: border-box;
}

.filter-buttons p {
	color: rgb(255,255,255);
}

.hide {
	display: none !important;
}

.button, button, input[type="submit"], input[type="reset"], input[type="button"] {
	border: none;
}

.service-button, .sfa-button {
	color: rgb(2, 61, 165);
    background: rgb(214, 238, 248);
	margin: 0 5% 3% 0;
	border-bottom: 4px solid rgb(255,255,255);
	font-weight: 800;
}

.service-button:hover, .sfa-button:hover, .sb-active {
	background-color: rgb(255,255,255);
	color: rgb(0,61,65);
	border-bottom: 4px solid rgb(214,238,248);
}

.service-button.active-filter {
	background-color: rgb(255,255,255);
	color: rgb(232,120,43);
	border-bottom: 4px solid rgb(232,120,43);
	border-color: rgb(232,120,43);
}

.council-list, .teacher-list, .parent-list{
	list-style-type: none;
	margin-bottom: 0;
	/*padding-left: 10%;*/
}
.council-list li, .teacher-list li, .parent-list li{
	margin-bottom: 0;
}
.council-list h3{
	text-align: left;
	clear: both;
	width: 100%;
	font-size: 2.3rem;
}
.council-list li:nth-child(odd) .four{
	margin-left: 0;
	float: right;
	padding-top: 2em;
	padding-right: 4%;
	
}
.council-list li:nth-child(odd) .eight{
	margin-left: 0;
}
.council-list li:nth-child(even) .four{
	padding-top: 2em;
	padding-left: 4%;
}

.council-list li p{
	clear: both;
}
.council-list li:nth-child(even) h3{
	text-align: left;
}
.council-list .row{
	background: rgb(211,211,210);
}
.council-list li:nth-child(2n) .row{
	background: rgb(222,223,241);
}
.council-list p, .council-list a{
	color:rgb(38,79,152);
}
.council-list li:nth-child(3n) a, .council-list li:nth-child(3n) p, .council-list li:nth-child(3n) h3, .schools li:nth-child(3n) h4{
	color: rgb(255,255,255);
}
.council-list li:nth-child(3n) .row{
	background: rgb(232,120,43);
	color: rgb(255,255,255);
}

.council-list .eight img{
	/*width: 100%;*/
	max-width: 650px;
}
.council-list .council-logo, .council-list li .forces-logo{
	width: 25%;
	float: left;
	margin: 0 5% 5% 0;
}
.council-list li:nth-child(even) .council-logo, .council-list li:nth-child(even) .forces-logo{
	margin: 0 0 5% 0;
}
.council-list li:nth-child(even) .logos{
	float: right;
}

.schools h4 {
	text-align: left;
}

.school-picture { 
	/*max-height: 350px;*/
	max-height: 300px;
	overflow: hidden;
	position: relative;
}

.teacher-list li.left .four, .parent-list li.left .four{
	margin-left: 0;
	float: right;
	padding: 20px;
	padding: 1em;
	/*padding-top: 2em;
	padding-right: 10%;*/
}
.teacher-list li.left .eight, .parent-list li.left .eight{
	margin-left: 0;
}
.small-post.right div.four{
	padding: 3% 4%;
}

/*.nav-button{
clear: both;
display: block;
margin-top: 2em;
}*/

.full-post h2{
	text-align:center;
	/*padding-top: 1em*/
}
.full-post h4{
	text-align: left;
}
/*.full-post img{
	margin-top: 2em;
}*/

.onecol {
	margin: 0 10%;
	display: inline-block;
	padding-bottom: 2em;
}


.wp-block-quote {
	margin: 0 0 5% 0;
}

.wp-block-quote cite {
	font-style: italic;
}

.onecol blockquote {
	font-size: 2.5rem;
	line-height: 3rem;
	font-style: italic;
	margin:0 0 5% 0;
	padding:0;
}

.onecol blockquote ~ p {
	font-weight: 800;
	margin: 2% 0 0 0;
}

.single-base .article-container{
	/*background: rgb(243, 244, 250);*/
	padding: 2em 0;
}

.city-photo {
	position: relative;
	margin: 0 0 10% 0;
}

.down-arrow {
	background: url(img/icons/up-down-arrow-sprite.png) -58px 58px;
    height: 58px;
    width: 58px;
    position: absolute;
    z-index: 99;
    bottom: -30px;
    left: 48%;
}

.up-arrow {
	background: url(img/icons/up-down-arrow-sprite.png) 58px 58px;
    height: 58px;
    width: 58px;
    position: absolute;
    z-index: 99;
    top: -30px;
    left: 48%;
}

/*  START: Partner's page  */

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

.partner-info {
	display: block;
	float: left;
	position: relative;
	border: 1px solid rgb(0, 78, 154);
	overflow: hidden;
}

.partner-info img { 
	width: 300px;
	height: 300px;
	position: absolute;
	left: 0;
	top: 0;
}

.text-over {
	width: 80%;
	height: 100%;
	padding: 10%;	
	text-align: center;
	top: 100%;
}

.text-over-reveal {
	visibility: hidden;
	transition: top 1.4s ease-in-out 0.5s;
	padding: 10%;
	top: 100%;
}

.partner-info:hover .text-over-reveal {
	background: rgba(0,74,154,0.9);
	color: rgb(255,255,255);
/*	width: 100%;
*/	height: 100%;
	position: absolute; 
	visibility: visible;
	top:0;
	}

.partner-info .text-over-hide {
	visibility: hidden;
}

/*.partner-info:hover .text-over {
	visibility: hidden;
	display: none;
}*/

.text-over-reveal h3 {
	color: rgb(255,255,255);
	/*transition: 5s;*/
}

.partner-info h3 {
	font-size: 2.5rem;
	line-height: 2.5rem;
}

.partner-info a {
	color: rgb(0,74,154);
	background: rgb(255,255,255)
}

.partner-info p {
	margin: 0 0 10% 0;
}

/*  END: Partner's page  */

.pagination{
	clear: both;
	text-align: center;
}
div.sign-up{
	background:rgb(0,61,165);
	color: rgb(255,255,255);
	
}
.sign-up .container{
	background:rgb(0,61,165);
	padding-top: 2em;
}

.sign-up p {
	margin-bottom: 2%;
}
.sign-up a{
	color: rgb(255,255,255);
}
.sign-up input, .sign-up select{
	color: rgb(0,61,165);
	width: 90%;
}
.single article img{
	width: 100%;
}

.full-width-driver {
	width: 100%;
	margin: 0;
	padding: 2% 0 1% 0;
	text-align: center;
	background: rgb(222,223,241);
}

.full-width-driver p {
	text-transform: uppercase;
	color: rgb(0, 78, 154);
	font-weight: 800;
	font-size: 2rem;
	margin: 0 !important;
	padding: 0 !important;
}

.full-width-driver .button {
	color: rgb(255,255,255);
	background: rgb(137, 154, 204);
	border: none;
	margin-left: 2%;
	font-size: 2rem;
}

.base-photo, .no-base-photo {
	height: 100%;
	max-height: 300px;
	overflow: hidden;
}

.no-base-photo {
	background: url(img/scottish-landscape.jpg) no-repeat;
	min-height: 300px;
}
.no-base-photo:nth-child(odd) {
	margin-left: 4%;
	float: left;
}

.no-base-photo:nth-child(even) {
	margin-right: 4%;
	float: right;
}

.base .forces-logo, .base .council-logo{
	width:100%;
	display: inline-block;
	margin: 0 0 5%;
	text-align: center;
}


article .forces-logo img, article .council-logo img {
	width: 10%;

}
.rslides_container ul{
	max-height: 400px;
    overflow: hidden;
}

.rslides_container .button-white{
	margin:1em 0 0 0;
    /*position: absolute;
    top: 40%;
    left: 5%;*/
}

.transparent-btns_nav{
	z-index: 0;
}
.text-box{
	display: block;
	/* background:rgba(0,61,165,0.7); */
	background:rgba(0,0,0,0.7);
	position: absolute;
	top: 0;
	left: 0;
	max-width: 40%;
	height: 100%;
	padding: 2%;
	color: #fff;
	z-index: 99;
	text-align: left;
}

.christmas .text-box {
	background: rgba(159,4,4,0.7);
}

.slider.motmc .text-box {
    background: rgb(124, 126, 175);
}

.text-box-mob{
	display: none;
}
.slider-title {
	color: rgb(255,255,255);
	text-align: left;
}
.text-box a{
	z-index: 99;
}
.rslides_container p{
	margin-top: 1em;
	margin-bottom: 0;
}
/* .rslides_container img{ */
        /* filter:blur(1px); */
/* } */
/*------------------------------------*\
    UPDATES
\*------------------------------------*/

.page-numbers {
    border: 1px solid;
    padding: 1% 3%;
    display: inline-block;
    background-color: #71AEE0;
    color: white;
    font-weight: 900;
}

span.page-numbers, .page-numbers:hover {
    background-color: white;
    color: #71AEE0;
    border: 1px solid #71AEE0;
    text-decoration: none;
}

.update-listings {
	margin: 2% 0 0 0;
}

.category-updates .listings h3 {
	text-align: left;
}

.listings a {
	hyphens: none;
}

.category-updates .listings h3 a {
	-webkit-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;
}

.update-listings img {
	margin: 0 0 0 5%;
}

.post-categories {
	margin: 1em 0 5% 0;
	display: inline-block;
	background-color: #eeeeee;
	padding: .5em 1em;
	color: #004F97;
	font-weight: 900;
	font-size: 1rem;
	letter-spacing: 1px;
	text-transform: uppercase;
}

.newsletter {
background: orange;
color: white;
}

.news {
background: #349fd9;
color: white;
}

.book-lists {
background-color: #50bcbe;
color: white;

}

.home .book-lists {
	width:100%;
	text-align: center;
	font-size: 0.85rem;
}

.updates {
display: none;
}


/* 2023 MoTMC toolkit */


.postid-4475 .wp-block-button__link {
    background-color: #923f91;
}

/* END: 2023 MoTMC toolkit */

.best-practice {
background-color: #DEEBA0;
color: #50bcbe;
}

a.post-categories:hover {
background-color: #004F97;
color: #eee;
text-decoration: none;
}

figcaption {
    font-size: 1rem;
	line-height: 1.2em;
    font-style: italic;
    color: lightslategray;
}

.wp-post-image.attachment-post-thumbnail {
	margin: 0 0 5% 0;
}

.update-article h2 {
    max-width: 80%;
    margin: 0 10% 5% 10%;
}

.update-article h3 {
	text-align: left;
    margin: 5% 0 0 0;
    text-wrap-style: balance;
    font-size: 3rem;
    line-height: 1.2em;
}

/* Quote styles for articles */

blockquote.wp-block-quote {
    width: 45%;
    float: right;
    margin: 0 0 5% 5%;
    border-left: 6px solid #153da5;
    padding: 0 0 0 3%;
}

blockquote p {
    font-size: 3rem;
    line-height: 1.2em;
    font-weight: 900;
    font-family: georgia, serif;
    margin: 0;
    color: #153da5;
}

blockquote cite {
    font-size: 0.8em;
}

/* Homepage news items  */

.hp-news-list {
    margin-bottom:20px;
}

.hp-news-item img.wp-post-image {
	width:100%;
	max-width: 200px;
	height:auto !important;
	max-height: 200px;
	contain-intrinsic-size: 200px 200px;
}

.hp-news-list h4 {
    min-height: 90px;
    margin: 10% 0 5% 0; 
    /* display: inline-block;  */
    text-transform:none;
}

.hp-news-list .button {
	display: inline-block;
}


.wp-block-group__inner-container .has-white-color a {
    color: rgba(255,255,255,0.7);
}

.wp-block-group__inner-container .has-white-color a:hover {
    color: rgba(255,255,255,1);
}
/*------------------------------------*\
	TYPOGRAPHY styles
\*------------------------------------*/

@font-face {
	font-family:'Font-Name';
	src:url('fonts/font-name.eot');
	src:url('fonts/font-name.eot?#iefix') format('embedded-opentype'),
		url('fonts/font-name.woff') format('woff'),
		url('fonts/font-name.ttf') format('truetype'),
		url('fonts/font-name.svg#font-name') format('svg');
    font-weight:normal;
    font-style:normal;
}

h4{
	font-size: 1.9rem;
	text-transform: uppercase;
	font-weight: 800;
}

.rslides h4{
	font-size: 4rem;
	text-transform: uppercase;
	font-weight: 800;
	line-height: 1em;
}

button, #subForm p input[type="submit"], #subForm p input[type="reset"], #subForm p input[type="button"] {
	/*color: #ffffff;*/
	color: rgb(220,220,220);

}
#subForm button{
	color: #ffffff;
}
#subForm button:hover{
 color: #1EAEDB;
 border:1px solid #1EAEDB;
}

.type-base h4 {
	text-align: left;
	font-size: 1.2em;
	line-height: 1em;
	width: 75%;
	margin: 5% 0 0 0;
	text-transform: titlecase;
}

.sch-listing-title {
	margin: 0.5em 0;
}

.driver-intro {
	text-align: center;
}

.listings {
	margin: 0 0 5% 0;
	border-bottom: 1px dotted #2196f3;
	padding: 0 0 5% 0;

}

.listings h3 {
	text-align: left;	
}

.listings small {
    font-weight: 800;
    margin: 0 0 2% 0;
    display: block;
}
.current-menu-item a, .current-page-ancestor a {
	color: rgb(232,120,43);
	border-bottom: 3px solid rgb(232,120,43);
	}

/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/
@media all and (min-width: 300px) and (max-width: 699px) {
	.hp-news-list .hp-news-item {
		border-bottom: 1px solid grey;
	}
	.hp-news-list h4 {
		font-size: 2.5rem;
	}

	.hp-news-list .button {
		display: block;
	}

	.poppy img {
		max-width: 45px;
		position: absolute;
	}

	.poppy p {
		width: 70%;
		margin: 0 15% 0 15% !important;
	}
	.current-menu-item a, .current-page-ancestor a {
		color: rgb(232,120,43);
		border-bottom: 3px solid rgb(232,120,43);
		}

	blockquote.wp-block-quote {
			width: 100%;
			float: none;
			margin: 10% 0 10% 0;
			border-left: none;
			border-top: 6px solid #153da5;
			border-bottom: 6px solid #153da5;
			padding: 5% 0 5% 0;
		}

	blockquote p {
		font-size: 2.6rem;
	}

}
@media only screen and (min-width:320px) and (max-width: 767px){
	header{
		position: relative;
		height: auto;
	}
	main{
		margin-top: 0;
		bottom: 20px;
	}
	.logo {
    	display: block;
    	float: none;
    	margin-bottom: 1em;
	}
	nav{
		padding:1em;
	}
	.nav-button{
		display:block;
		text-align: center;
	    color: rgb(0,61,165);
	    font-weight: bold;
	    text-transform: uppercase;
	    clear: both;
	}
	.nav-button:after{
	   font-family: FontAwesome;
	   content: "\f0c9";
	   margin-left: 0.2em;
	}
	nav ul {
	    display: none;
	}
	nav li{    
	    padding: 0 !important;
	    width: 49%;
	    text-align: center;
	}
	nav li a{  
	    display:block;
	    padding:1em;
	}
	nav{
	width:100%;
	}

	.current-menu-item a, .current-page-ancestor a {
		color: rgb(232,120,43);
		border-bottom: 3px solid rgb(232,120,43);
		}
	nav li a:hover{
		text-decoration: none;
		border-bottom: none;
	}
	#Nav-list{
		margin:0.5em 0;
	}
	/*.twocol{
		padding:0;
	}*/
	.text-box{
		display: none;
	}
	.text-box-mob{
		display: block;
		background: rgb(0,61,165);
	    max-width: 100%;
	    height: 100%;
	    padding: 2%;
	    color: #fff;
	    z-index: 99;
	    text-align: left;
	}
	.rslides li, .rslides img{
		height: auto;
		min-height: auto;
	}
	.rslides img{
		filter: none;
		padding-bottom: 1em;
	}
	.button-white{
		font-size: 12px;
	}

	.logo h1{
		background: url(/wp-content/themes/ADES/img/FCE-official-logo-stacked@2x.png) no-repeat;
		background-size: 100%;
		width: 150px;
   		margin: 2% auto;
   		background-position-y: 55%;
   		max-width: 350px;
   		height: 150px
	}
	.menu li{
		padding-left: 0;
		clear: both;
	}
	.sch-listing-title {
	margin: 5% 0 5% 0;
	}
	.down-arrow{
		left:45%;
	}
	.return-link a{
		margin-left: 4%;
	}
	.forces-logo img, .council-logo img{
		width: 40%;
	}

	/*.onecol{
	margin: 5% 0;
	}*/
	.small-post .four, .council-list .four{
		width: 100%;
	    padding: 2em 20px;
	    float: none !important;
	    margin: 0 auto !important;
	}
	/*.base{
		width: 100%;
	    padding: 2em 20px 0 20px;
	}*/
	.small-post .eight, .small-post-image, .small-post-image img, .council-list .eight, .base-photo img{
		width: 100% !important;
		margin: 0;
	}
	article p:first-child{
		margin-top: 1.3em;
	}

	.no-base-photo{
		background-size: 100%;
		min-height: 250px;
	}


	p:last-child {
		margin: 0 0 5% 0;
	}
	
	.links-list {
		width: 100%;
		padding: 0 1%;
		text-align: center;
	}

	.partner-info {
		width: 320px;
		max-width: 100%;
		height: 320px;
		min-height: 250px;
		max-height: 320px;
	}

	.partner-info img {
		width: 100%;
		height: 100%;
	}

	.teacher-list li.left .four, .parent-list li.left .four {
    padding: 3% 4%;
	}
	/*.parent-list li.left .four*/
	/*.teacher-list li.left .four, {
		padding: 0 10%;
	}
	.council-list li .four {
		padding: 0 10%
		}	
	*/

	.small-post-image{
		min-height: 0;
	}
	.bases .full-width-driver .button{
		margin-top: 2rem;
	}


	.no-base-photo{
		min-height: 0;
	}
	/*.twocol {
		padding: 5% 0;
	}
	.twocol p:last-child{
		margin: 0 0 5% 0; 
	}*/
	.container {
    width: 100%;
    margin: 0 auto;
    padding: 0 20px;
	}	
	.rslides_container{
		margin-top: 5em;
	}
	.home-vid .videoWrapper{
		background:rgb(0,61,165);
		margin-bottom: 1em;
	}
	.rslides_container{
		margin-top: 2em;
	}

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

	.partner-info {
		width: 100%;
		max-width: 340px;
		height: 100%;
		max-height: 340px;
		min-height: 340px;
	}

	/*footer img{
		min-width: 80%;
	}*/

	.menu {
		text-align: left;
	}
	nav ul li.menu-item {
		margin: 0 0 0 0;
	}

	.poppy img {
		max-width: 45px;
		position: absolute;
		left: 10px;
		top: 2px;
	}
	
	.poppy p { 
		max-width: 70%;
		margin:3% 3% 3% 10%;
	}

}
@media only screen and (min-width:767px) {
	
	.partner-info {
		width:31%;
		max-width: 298px;
		height: 31%;
		max-height: 298px;
		min-height: 298px;
		margin: 0 1% 2%;
	}

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

	nav ul li.menu-item {
		margin: 0 3% 0 0;
	}


	.poppy img {
		max-width: 45px;
		position: absolute;
		/* left: 10px;
		top: 2px; */
	}
	
	.poppy p { 
		max-width: 95%;
		margin:initial;
	}

}
@media only screen and (min-width: 768px) and (max-width:1067px) {
	.logo h1{
		display: inline-block;
	}
	.logo{
		text-align:center;
		float: none;
	}
	#nav{
		text-align:center;
	}
	nav{
		width: 100%;
		display: inline-block;
		float: none;
		margin:auto;
	}
	#Nav-list{
		margin: 1em 0;
	}
	main {
    margin-top: 185px;
	}
}
@media only screen and (min-width: 768px) and (max-width:900px) {
	.partner-info {
		width: 31%;
	    max-width: 298px;
		height: 100%;
		max-height: 220px;
		min-height: 220px;
	}
	.partner-info img{
		max-height: 220px;
		min-height: 220px;
	}

	.poppy img {
		display: initial;
		position: absolute;
		width: 45px;
		left: 2%;
	}

}
@media only screen and (min-width:1280px) {
	.poppy img {
		display: initial;
		position: absolute;
		width: 45px;
		left: 12%;
	}
}
@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:5px 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;
}

.case-study h3 {
    text-align: left;
    font-size: 2rem;
    margin: 0;
    letter-spacing: 0.06em;
}

.case-study .container img {
	float: right;
	margin: 0 0 2% 2%;
}



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

@media print {

}