/* squada-one-regular - latin */
@font-face {
  font-family: 'Squada One';
  font-style: normal;
  font-weight: 400;
  src: url('/extras/etc/fonts/squada-one-v9-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/extras/etc/fonts/squada-one-v9-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/extras/etc/fonts/squada-one-v9-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/extras/etc/fonts/squada-one-v9-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('/extras/etc/fonts/squada-one-v9-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/extras/etc/fonts/squada-one-v9-latin-regular.svg#SquadaOne') format('svg'); /* Legacy iOS */
}

/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('/extras/etc/fonts/open-sans-v17-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Regular'), local('OpenSans-Regular'),
       url('/extras/etc/fonts/open-sans-v17-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/extras/etc/fonts/open-sans-v17-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/extras/etc/fonts/open-sans-v17-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('/extras/etc/fonts/open-sans-v17-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/extras/etc/fonts/open-sans-v17-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-600 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url('/extras/etc/fonts/open-sans-v17-latin-600.eot'); /* IE9 Compat Modes */
  src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'),
       url('/extras/etc/fonts/open-sans-v17-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/extras/etc/fonts/open-sans-v17-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('/extras/etc/fonts/open-sans-v17-latin-600.woff') format('woff'), /* Modern Browsers */
       url('/extras/etc/fonts/open-sans-v17-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/extras/etc/fonts/open-sans-v17-latin-600.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-700 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('/extras/etc/fonts/open-sans-v17-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Bold'), local('OpenSans-Bold'),
       url('/extras/etc/fonts/open-sans-v17-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/extras/etc/fonts/open-sans-v17-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('/extras/etc/fonts/open-sans-v17-latin-700.woff') format('woff'), /* Modern Browsers */
       url('/extras/etc/fonts/open-sans-v17-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/extras/etc/fonts/open-sans-v17-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
}


/* 
font-family: 'Squada One', cursive;
font-family: 'Open Sans', sans-serif;
*/

body {
	font-size: 1em;
	margin: 0px;
	font-family: 'Open Sans', sans-serif;
	color: #231f20;
}
p,li {line-height:140%;}


/**************** header *****************************/

.header {
	position:fixed;
	background-color:#231f20;
	width:100%;
	z-index: 10;
	transition: all 1s ease;
}
.banner {
	width:1200px;
	margin:auto;
}
.main {padding-top:171px;}

/** offset for targets to allow for header **/
:target::before {
  content: "";
  display: block;
  height: 152px; /* fixed header height*/
  margin: -152px 0 0; /* negative fixed header height */
}

.logo	{
	width:255px;
	float:left;
	margin:12px 0;
	transition: margin 1s ease;
}
.topRight {
	width:calc(100% - 255px);
	float:right;
	padding-top: 30px;
	text-align:right;
	transition: all 1s ease;
}

.team {display:inline-block;}

.logo .team {display:none;}

.logo img {max-width:100%;transition: max-width 1s ease;}
.topRight img {vertical-align:middle;margin-right: 20px;}
.topRight .linkButton {padding:9px 46px;border-color:#ffffff;color:#ffffff;background-color:transparent;}
.topRight .linkButton:hover {background-color:#ffffff;color:#231f20;}

.shrink .logo {margin-top:6px;margin-bottom:5px;}
.shrink .logo img {max-width:77px;}
.shrink .topRight {padding-top:10px;}


	
/**************** nav - topnav *************************/
.topnav {background-color:#013a6f;}
.topmenu{
	width:1200px;
	margin:auto;
	background-color: transparent;
	height:45px;
}
html .mlddm {display:flex;justify-content:space-between;padding-top: 6px;}

/* top level */
.mlddm li a, .mlddm li a#buttonnohover {	
		padding: 0;
		line-height: 30px;
		color: #ffffff;
		font-size: 0.938rem;
		border-bottom: 2px solid #013a6f;
}
.mlddm li a:hover, .mlddm li a#buttonhover,
.mlddm li a.selected, .mlddm li a.selected#buttonnohover,
.mlddm li a.selected:hover, .mlddm li a.selected#buttonhover	{color:#ffffff;border-bottom:2px solid #ffffff;}

.mlddm>li:first-child>a {}
.mlddm>li:last-child>a {}

/* drop down list */
	.mlddm ul {background-color: #013a6f;margin-top:7px!important;margin-left:-20px!important;padding-bottom: 10px !important;}
	.mlddm ul li a {	
		line-height: 20px;
		padding: 0 60px 0 0;
		margin: 10px 20px;
		border-bottom:none;
		text-align:left;
		height:auto;
		background-color: #013a6f;	
		color:#ffffff; 
		font-size:0.875rem;
	}
	.mlddm ul li a:hover,
	.mlddm ul li a.selected,
	.mlddm ul li a:hover.selected,
	.mlddm .hsub:hover, .mlddm .selectedhsub:hover	{
		color: #ffffff;
		background-color:#013a6f;
		border-left:1px solid #ffffff;
		border-bottom:0;
		padding-left:6px;
		}
	.mlddm ul ul {margin-left: 39px !important;margin-top: -19px !important;}
	

/**************** nav - mobile header *************************/

.slicknav_menu {background-color:transparent;padding:0;}
.slicknav_nav {z-index:10000000;}
.slicknav_nav {font-size:1.750em;}
.slicknav_nav .slicknav_arrow	{background-color:transparent;font-size:1.5em;}
.slicknav_nav .slicknav_row	{padding: 6px 20px;} /* row is for subs that are parents */
.slicknav_nav a					{padding: 6px 20px;font-size:1.125rem;}

/* first level */
li.slicknav_collapsed.slicknav_parent > a .slicknav_arrow	{color:#000000;}
li.slicknav_parent.slicknav_open > a .slicknav_arrow			{color:#ffffff;}

.slicknav_nav > li:nth-of-type(1)	{border-top:1px solid #000000;}
.slicknav_nav > li 						{background-color:#ffffff;color:#000000;border-bottom:1px solid #000000;}
.slicknav_nav a 							{color:#000000;}
.slicknav_nav a:hover					{background-color:#dedede;color:#222222;}
.slicknav_row:hover, 
li.slicknav_collapsed .slicknav_row:hover a	{background-color:#dedede;color:#222222;}
.slicknav_nav li.slicknav_open,
.slicknav_nav li.slicknav_open > a,
.slicknav_nav li.slicknav_open > a a,
.slicknav_nav li.slicknav_open > a:hover 		{background-color:#013a6f;color:#ffffff;border:none;}

/* second level */
ul li ul li.slicknav_collapsed.slicknav_parent > a .slicknav_arrow	{color:#333333;}

.slicknav_nav ul li 						{background-color:#dedede;border-bottom:1px solid #333333;}
.slicknav_nav ul li a 					{color:#333333;}	
.slicknav_nav ul li a 					{padding: 6px 20px 6px 30px;}
.slicknav_nav ul li .slicknav_row	{padding: 6px 20px 6px 30px;}

.slicknav_nav ul li.slicknav_parent.slicknav_open,
.slicknav_nav ul li.slicknav_parent.slicknav_open > a,
.slicknav_nav ul li.slicknav_parent.slicknav_open > a a,
.slicknav_nav ul li.slicknav_parent.slicknav_open > a:hover 	{background-color:#626673;color:#ffffff;}

/* third levels */
.slicknav_nav ul li ul li 					{background-color:#f0f0f0;}
.slicknav_nav ul li ul li a 				{color:#333333;}
.slicknav_nav ul li ul li a 				{padding-left: 60px;}
	
.slicknav_nav ul li .slicknav_arrow	{}
.slicknav_nav ul li.slicknav_parent.slicknav_open  .slicknav_arrow:before {content:"-";}

/* overrides */

.slicknav_nav li:nth-child(even) 	{background-color:#ffffff;}
.slicknav_nav ul li:nth-child(even) {background-color:#dedede;}
.slicknav_nav ul li ul li:nth-child(even) {background-color:#f0f0f0;}
.slicknav_nav .slicknav_item a, .slicknav_nav .slicknav_parent-link a {font-size: 1.125rem;}
.slicknav_nav .slicknav_row {padding: 6px 20px;}
.slicknav_nav .slicknav_arrow {background-color: transparent;width: 44px;}
.slicknav_nav .slicknav_row:hover, li.slicknav_collapsed .slicknav_row:hover a {background-color: transparent;color: #000000;}	
	
	
/**************** footer *****************************/

.footer			{background-color:#013a6f;color:#ffffff;}
.footerInfo		{width:1200px;margin:auto;padding:20px 0 30px 0;}
.footerInfo .sideBySide-Col2 {text-align:right;}
.footerInfo .sideBySide60-40-Col2 {text-align:left;}
.footerInfo p 	{margin-bottom:18px;line-height:160%;font-size:0.875rem;}
.footerInfo p b {font-size:1.000rem;}
.footerInfo	a 	{color:#ffffff;text-decoration:none;}
.footerInfo a:hover {color:#eaede8;text-decoration:underline;}

.socialMedia {padding-top:10px;}
.socialMedia img {margin-right:16px;}

.footerBase				{width:1200px;margin:auto;padding: 10px 0;color: #ffffff;line-height:140%;}
.footerLeft				{width:66%;float: left;font-size:0.563em;}
.footerRight			{width:33%;float: right;text-align:right;font-size:0.563em;}
.footerBase a 			{font-size: 0.563rem;color:#ffffff;text-decoration:none;}
.footerBase a:hover	{color:#dedede;}

.affiliates img {
    padding-right: 40px;
    padding-bottom: 16px;
}

/**************** content *****************************/

/* layout */

.middleHome	{padding:28px 0;width:1200px;margin:auto;}
.middle		{padding: 0 0 32px 0; width:1000px;margin:auto;min-height:400px;}
.crumb		{padding: 16px 0 16px 3px;font-size:0.813em;color:#70696a;}
.crumb a    {color:#70696a;font-size:1em;text-decoration:none;}
.crumb a:hover {color:#72b2d1;}
.colourRow	{background: #ebf7fd;}
.center {text-align:center;}
.narrow {max-width:1000px;}

/* general */
a 			{color: #013a6f;font-size:1em;}
a:hover	{color: #72b2d1;}
a img		{border:0;}

h1 {font-size: 3.000em;color:#231f20;font-weight:400;margin-top:0;font-family: 'Squada One', cursive;text-transform:uppercase;}
h2 {font-size: 1.875em;color:#013a6f;font-weight:600;}
h3 {font-size: 1.500em;color:#013a6f;font-weight:600;}
h4 {font-size: 1.125em;color:#013a6f;font-weight:700;}
h5 {font-size: 1.375em;color:#ffffff;font-weight:400;margin-top:0;margin-bottom:14px;font-family: 'Squada One', cursive;text-transform:uppercase;}

.middleHome h1 {font-size:3.750em;margin-bottom: 6px;}
.middleHome h2 {}
.middleHome h3 {font-family: 'Squada One', cursive;font-size:3.000em;font-weight:400;color:#231f20;text-transform:uppercase;margin: 0 0 16px;}
.middleHome h4 {font-weight:600;color:#ffffff;}

.middleHome .specialHeading h3 {font-weight:600;font-size: 1.625em;margin-top: 0;}

@media (max-width:450px){
	.middleHome h1 {font-size:3em;}	
	.middleHome h2 {font-size:1.625em;}	
}




.highlightBox h4 {color:#ffffff;}
.highlightRow a {text-decoration:none;}

.highlightBox:hover {
    position: relative;
    top: -2px;
}

.highlightBox img {border-bottom:5px solid #ffffff;}

.introText {font-size:1.125rem;}

p, ul, li		{margin-top:0;}
.formRequired	{color:#cc0000;font-size:0.625rem;}

.linkButton, .readmore{
	display:inline-block;
	padding:9px 30px;
	background-color: #013a6f;
	border:1px solid #013a6f;
	color:#ffffff;
	font-size:0.750rem;
	text-decoration: none;
	text-align:center;
	font-weight:400;
	min-width:145px;
}
.linkButton:hover, .readmore:hover {background-color: transparent;color:#013a6f;}

.topBanner .linkButton {background-color: #8e2836;}
.topBanner .linkButton:hover {background-color: #fff;color:#e3b43a;}

.submissionInList h2 a {text-decoration:none;}

/**************** Three Column List Row ********************************/

.threeCol dt {
    width: 33%;
    float: left;
    padding-bottom: .375em;
}

.threeCol dr {
 width: 33%;
 margin-left: 33%;
 padding-bottom: .375em;
 padding-left: .375em;
 word-wrap: break-word
}

.threeCol dd {
 width: 34%;
 margin-left: 66%;
 padding-bottom: .375em;
 padding-left: .375em;
 word-wrap: break-word
}

@media (min-width:0) and (max-width:455px) {
 .threeCol dt,
 .threeCol dd {
  width: 100%;
  float: none;
  margin: 0;
  padding-left: 0 
 }
}

/**************** home *****************************/

@media (max-width:660px){.highlightBox {width:100%;}}
@media (max-width:560px) {.highlightBox h2 span {display:block;}.supportRow {padding-top:35px;padding-bottom:30px;background-size:cover;}}

.highlightBox {
	text-align:center;
	background-image: url('home-letter.png');
	height: 200px;
	width: 220px;
	padding-top: 1px;
	}

.colourRow.grad {background-image: linear-gradient(to right, #eaede8, #f6f8f5);background-color:none;}

.bordTop {border-top:3px solid #eaede8;}

.latestPostPost .submissionName a {text-decoration:none;color:#002249;font-weight:500;font-size:1.500rem;}
.latestPostPost .submissionName {margin:12px 0;}

.shortLine {
    border-top: 5px solid #013a6f;
    max-width: 100px;
    margin: auto;
	margin-bottom: 20px;
}

.longLine {
    border-top: 5px solid #013a6f;
    max-width: 500px;
    margin: auto;
}

.highlightRow {text-align:center;}

.spacingRow {margin: 16px 0;}

/**************** flex2 ***************************/

.flex2 {display: flex;flex-wrap: wrap;}

@media (min-width:715px) {
	.flex2 .wobject {width: 47%;margin-bottom: 50px;}
	.flex2 .wobject:not(:nth-of-type(2n)){margin-right: 6%;}
	.middleHome.flex2 {padding-bottom: 0;padding-top:23px;}
}

@media (max-width:715px) {
	.flex2 .wobject {width: 100%;margin-bottom: 24px;}
	.middleHome.flex2 {padding-bottom: 0;text-align: center;display: flex;}
}

/**************** Flex Three Columns ***************/

.flex3 {display: flex;flex-wrap: wrap;}


@media (min-width:1031px) {
	.flex3 .wobject {width: 31%;margin-bottom: 16px;}
	.flex3 .wobject:not(:nth-of-type(3n)){margin-right: 3.5%;}
	.middleHome.flex3 {padding-top:23px;}
}

@media (min-width:715px) and (max-width:1030px) {
	.flex3 .wobject {width: 47%;margin-bottom: 24px;}
	.flex3 .wobject:not(:nth-of-type(2n)){margin-right: 6%;}
	.middleHome.flex3 {padding-bottom: 0;}
}

@media (max-width:715px) {
	.flex3 .wobject {width: 100%;margin-bottom: 24px;}
	.middleHome.flex3 {padding-bottom: 0;}
}

/**************** Flex Four Columns ***************/

.flex4 {display: flex;flex-wrap: wrap;}


@media (min-width:1031px) {
	.flex4 .wobject {width: 23.5%;margin-bottom: 16px;}
	.flex4 .wobject:not(:nth-of-type(4n)){margin-right: 2%;}
	.middleHome.flex4 {padding-top:23px;}
}

@media (min-width:715px) and (max-width:1030px) {
	.flex4 .wobject {width: 47%;margin-bottom: 24px;}
	.flex4 .wobject:not(:nth-of-type(2n)){margin-right: 6%;}
	.middleHome.flex4 {padding-bottom: 0;}
}

@media (max-width:715px) {
	.flex4 .wobject {width: 100%;margin-bottom: 24px;}
	.middleHome.flex4 {padding-bottom: 0;}
}

/**************** Flex Five Columns ***************/

.flex5 {display: flex;flex-wrap: wrap;}

@media (min-width:1171px) {
	.flex5 .wobject {width: 18%;}
	.flex5 .wobject:not(:nth-of-type(5n)){margin-right: 2.5%;}
	.middleHome.flex5 {}
}

@media (min-width:941px) and (max-width:1170px) {
	.flex5 .wobject {width: 23.5%;margin-bottom: 16px;}
	.flex5 .wobject:not(:nth-of-type(4n)){margin-right: 2%;}
}

@media (min-width:717px) and (max-width:940px) {
	.flex5 .wobject {width: 31%;margin-bottom: 16px;}
	.flex5 .wobject:not(:nth-of-type(3n)){margin-right: 3.5%;}
}

@media (min-width:485px) and (max-width:716px) {
	.flex5 .wobject {width: 47%;margin-bottom: 24px;}
	.flex5 .wobject:not(:nth-of-type(2n)){margin-right: 6%;}
	.middleHome.flex5 {padding-bottom: 0;}
}

@media (max-width:484px) {
	.flex5 .wobject {width: 100%;margin-bottom: 24px;}
	.middleHome.flex5 {padding-bottom: 0;}
	
	.highlightRow .highlightBox {display:inline-block;}
}

/**************** Shadow Boxes *********************/

.flex4Cols {display:flex;}
.flex4Cols {min-width:25%;}

.flex4Cols .submissionInList {
	position:relative;
	width:100%;
	border:none;
	margin-bottom: 0;
	padding-top: 4px;
	padding-bottom:0;
	display: flex;
	align-items: center;
	justify-content: center;
	}


@media (min-width:812px) {.flex4Cols .submissionInList:not(:nth-child(4n)) {margin-right:0;}}

.flex4Cols .submissionInList .projectText {
   position:absolute;

   margin:0 0 0 24px;
   text-align:center;
   z-index: 9;
   transition: all 0.5s ease;
   }
   
@media (max-width:1101px) {

	}
	

@media (max-width:960px) {
	.flex4Cols {flex-wrap:wrap;}
	.flex4Cols div {margin:auto;}
	.flex4Cols .submissionInList {padding-top: 0px;}
	}
   
.projectText p a{font-size:1.00rem;}
.projectText .arrowRight p a {font-size:0.875rem;}

.flex4Cols .submissionInList .projectText  a {text-decoration:none;color:#fff;}
.flex4Cols .submissionInList:hover > .projectText {visibility: hidden;}

.flex4Cols .submissionInList img {filter: brightness(70%);transition: all 1s ease;display:block;}
.flex4Cols .submissionInList:hover img {filter: brightness(100%);}

.flex4Cols .submissionInList .projectText a.linkButton {background-color:#013a6f;color:#ffffff;}


iframe {border:none}