/* CSS HEX
--midnight-blue: #021b79;
--bright-navy-blue: #0575e6;
--arylide-yellow: #eed66d;
--light-cyan: #d6f5ff;
--platinum: #ebebeb;
*/

/* 
	find and fix the font Abel
 */

body, html {background: #3c1518;}
.site {
	  display: flex;
	  min-height: 100vh;
	  flex-direction: column;
/* 	  background: #fdecdc; color: #852F16; */
	  background: rgb(133,47,22);
	  background: linear-gradient(180deg, rgba(248, 197, 181, 1) 0%, rgba(255, 237, 231, 1) 0%, rgba(255,255,255,1) 100%);
	  color: #ebebeb;
/*
	  background: url(../i/backgroundimage.jpg) no-repeat center center fixed;
	  background-size: cover;
*/
	}
	.site-content {
	  flex: 1;
	}

	a:link {color: #f8f8f8; text-decoration: none; font-weight: bold;}
	a:visited {color: #f8f8f8; text-decoration: none;}
	a:hover {color: #ffe69d; text-decoration: none;}
	a:active {color: #f8f8f8; text-decoration: none;}
	
	#globalnav {/* background: rgba(6, 59, 89, 0.9);  */
		text-decoration: none; font-family: 'Jost', sans-serif; position: relative; top: 0; width: 100%; text-transform: uppercase;}
	#globalnav a:link {color: #f8f8f8; text-decoration: none;}
	#globalnav a:visited {color:#f8f8f8; text-decoration: none;}
	#globalnav a:hover {color: #ffe69d; text-decoration: overline;}
	#globalnav a:active {color: #f8f8f8; text-decoration: none;}

	#globalnav .dropdown ul li {background: rgba(6, 59, 89, 0.9); border: none; }
	#globalnav .dropdown ul li a {padding: .5em; font-family: 'Abel', sans-serif;}
	
	.is-drilldown-submenu-parent > a::after,
	.is-dropdown-submenu li.is-dropdown-submenu-parent.opens-right > a::after {border-color: transparent transparent transparent #f4edc7;}
	.js-drilldown-back > a::before {border-color: transparent #f4edc7 transparent transparent;}
	.dropdown.menu > li.is-dropdown-submenu-parent > a::after {border-color: #f4edc7 transparent transparent transparent;}
	
	.menu {text-align: center;}
	.home-box {min-height: 45vh; position: relative;}
	.myimage {
			position:relative;
				}
	/* mobile menu helper */
	.mo-nav-enabler {position: fixed; top: 1em; right: 1em; z-index: 1005; color: white;}
	  .whiter {color: white;}
	  .offleft {background:  linear-gradient(to bottom, #6a87f0, #6c70b1);}
	  .introducer {font-size: 6vw; line-height: normal; padding: 0;}


.mytext {
    left: 0;
    font-family: 'Teko', sans-serif;
    position:absolute;
    text-align:center;
    top: 37%;
    width: 100%;
    font-size: 9vw;
    color: rgba(255, 255, 255, 0.61)
}
.image-control {width:100%;}

.slideshow-element{
    position: absolute;
}
section h1 {font-family: 'Josefin Sans', sans-serif; text-align: left;}
.site 
   {background: #B79891;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #021B79, #0575E6);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #021B79, #0575E6); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

	

/*
	.home-box h1 {font-family: 'Mr De Haviland', cursive; font-size: 15vw; line-height: .8em; padding-bottom: 0; margin-bottom: 0;}
	.home-box h2 {font-family: 'Josefin Sans', sans-serif; font-size: 6vw; line-height: normal;}
	.home-box h3 {font-family: 'Josefin Sans', sans-serif; font-size: 2vw; line-height: normal;}
*/
	.linkout {font-size: 1.5em;}
	.copyright {font-size: 1em;}
	label {color: white;}
	
	.whiteshadow {text-shadow: 1px 1px 0px white}
	.brad{border-radius: 10px; box-shadow: 1px 1px 1px #b9ccf4;}
	.liner {margin: 5em 0; height: 1px; background: #803d06; background: -webkit-gradient(linear, 0 0, 100% 0, from(#fdfdf2), to(#fdfdf2), color-stop(50%, #803d06));}
	.pushback {display: none !important;}
	.small-icon-control {margin: 3em 0em}
	.liner-one {margin: 0px 10px; height: 1px; background: #021b79; background: -webkit-gradient(linear, 0 0, 100% 0, from(#021b79), to(#C7DBF0), color-stop(70%, #C7DBF0));}
.liner-two {margin: 0px 10px; height: 1px; background: #0575e6; background: -webkit-gradient(linear, 0 0, 100% 0, from(#C7DBF0), to(#0575E6), color-stop(70%, #0575E6));}
.paler {background-color: #0575E6;}
.paler {background: -webkit-linear-gradient(to left, #021B79, #0575E6);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to left, #021B79, #0575E6); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */}
.paler h1 {font-family: 'Jost', sans-serif; padding: .2em; margin-top: 1rem; text-transform: uppercase; font-size: 2.2rem; font-weight: bold;}
.bordered {border: 1px solid #c9c5c5}
.cell-structure {background: linear-gradient(to top, #021B79, #0c5fb1); border: 1px solid #C7DBF0; margin: 1em 0; }
.cell-structure h2 {font-family: 'Jost', sans-serif; padding: .2em; text-transform: uppercase; font-size: 1.5rem;}
.cell-structure p {font-family: 'Montserrat', sans-serif; padding: .4em; font-size: 1rem;}
.palercopy p {font-family: 'Montserrat', sans-serif; padding: .4em; font-size: 1.3rem;}

.newsier {background-color: #0575E6;}
.newsier {background: -webkit-linear-gradient(to left, #021B79, #0575E6);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to left, #021B79, #0575E6); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */}

.newsier h1 {font-family: 'Jost', sans-serif; padding: .2em; margin-top: 1rem; text-transform: uppercase; font-size: 2.2rem; font-weight: bold;}
.bordered {border: 1px solid #c9c5c5}
.cell-structure {background: linear-gradient(to top, #021B79, #0c5fb1); border: 1px solid #C7DBF0; margin: 1em 0; }
.news-tile {background: linear-gradient(to top, #021B79, #0c5fb1); border: 1px solid #C7DBF0; margin: 1em 0; }
.newsier h2 {font-family: 'Jost', sans-serif; padding: .2em; text-transform: uppercase; font-size: 1.5rem;}
.newsier p {font-family: 'Montserrat', sans-serif; padding: .4em; font-size: 1.3rem;}
.newsier h2 {font-family: 'Jost', sans-serif; padding: .2em; text-transform: uppercase; font-size: 1.3rem;}
.news-tile p {font-family: 'Montserrat', sans-serif; padding: .4em; font-size: 1rem;}
.newsimage {margin-top: 2em;}

	  .material-design-sharp {display: inline-block; vertical-align: middle; font-size: .8rem; text-align: center;}
	  .material-icons-sharp.md-18 { font-size: 5rem; text-align: center;}
	  .stars {width: 100%; text-align: center; padding-top: 0; margin-top: 0;}
	  .orangey {color: #ffcc67}

.logo-grid img {z-index: 1;  transition: 0.3s;cursor: pointer;}
.logo-grid img:hover {opacity: 0.5;}


	
	/* Small only */
@media screen and (max-width: 39.9375em) {
	#globalnav a {font-size: .9rem; }
	.home-box {min-height: 45vh; position: relative;}
	.mytext {top: 42%; font-size: 14vw;}
	
	.paler h1 {font-family: 'Jost', sans-serif; padding: .2em; margin-top: 1rem; text-transform: uppercase; font-size: 1.5rem;}
	.palercopy p {font-family: 'Montserrat', sans-serif; padding: .4em; font-size: 1rem;}
	
	.cell-structure h2 {font-family: 'Jost', sans-serif; padding: .2em; text-transform: uppercase; font-size: 1.3rem;}
	.cell-structure p {font-family: 'Montserrat', sans-serif; padding: .4em; font-size: .9rem;}
	.newsier h1 {font-family: 'Jost', sans-serif; padding: .2em; margin-top: 1rem; text-transform: uppercase; font-size: 1.5rem; font-weight: bold;}
	.newsier h2 {font-family: 'Jost', sans-serif; padding: .2em; text-transform: uppercase; font-size: 1.1rem;}
	.newsier p {font-family: 'Montserrat', sans-serif; padding: .4em; font-size: 1rem;}
	.news-tile h2 {font-family: 'Jost', sans-serif; padding: .2em; text-transform: uppercase; font-size: 1.2rem;}
	.news-tile p {font-family: 'Montserrat', sans-serif; padding: .4em; font-size: .9rem;}
	
	 .material-design-sharp {display: inline-block; vertical-align: middle; font-size: .8rem; text-align: center;}
	  .material-icons-sharp.md-18 { font-size: 3rem; text-align: center;}
	
	.newsimage {margin-top: 0em; visibility: hidden}
	#appbar {background: rgba(235, 237, 249, 0.9); position: fixed; bottom: 0; z-index: 101; width: 100%; font-size: 0.7em; color: #314B84; }
	#appbar a:link {color: #314B84; text-decoration: none; font-family: 'Montserrat', sans-serif; padding-right: 0; padding-left: 0;}
	#appbar a:visited {color: #314B84; text-decoration: none; font-family: 'Montserrat', sans-serif; padding-right: 0; padding-left: 0;}
	#appbar a:hover {color: #314B84; text-decoration: none; font-family: 'Montserrat', sans-serif; padding-right: 0; padding-left: 0;}
	#appbar a:active {color: #314B84; text-decoration: none; font-family: 'Montserrat', sans-serif; padding-right: 0; padding-left: 0;}
}

/* Medium and up */
@media screen and (min-width: 40em) {}

/* Medium only */
@media screen and (min-width: 40em) and (max-width: 63.9375em) {}

/* Large and up */
@media screen and (min-width: 64em) {}

/* Large only */
@media screen and (min-width: 64em) and (max-width: 74.9375em) {}