/* dm-sans-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 400;
  src: url('/extras/etc/fonts/dm-sans-v11-latin-regular.eot'); /* IE9 Compat Modes */
  src: url('/extras/etc/fonts/dm-sans-v11-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/extras/etc/fonts/dm-sans-v11-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/extras/etc/fonts/dm-sans-v11-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('/extras/etc/fonts/dm-sans-v11-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/extras/etc/fonts/dm-sans-v11-latin-regular.svg#DMSans') format('svg'); /* Legacy iOS */
}
/* dm-sans-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 700;
  src: url('/extras/etc/fonts/dm-sans-v11-latin-700.eot'); /* IE9 Compat Modes */
  src: url('/extras/etc/fonts/dm-sans-v11-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/extras/etc/fonts/dm-sans-v11-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('/extras/etc/fonts/dm-sans-v11-latin-700.woff') format('woff'), /* Modern Browsers */
       url('/extras/etc/fonts/dm-sans-v11-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/extras/etc/fonts/dm-sans-v11-latin-700.svg#DMSans') format('svg'); /* Legacy iOS */
}

/* 
font-family: 'DM Sans', sans-serif;
*/

/* site vars */

:root {
	--header-width: 1232px;
	--header-padding: 16px;
	--header-bg: #FFFFFF;
	--header-content: #000000;
	--header-underline: none;
	
	--nav-bar:#184B9D; 
	--nav-link:#FFFFFF;
	--nav-hover-bg:#D0E2FC;
	--nav-hover-link:#051A3B;
		
	--content-width: 1032px;
	--content-padding: 16px;
	--home-width: 1232px;
	--home-padding: 16px;	

	--main-font: 'DM Sans', sans-serif;
	--heading-font: 'DM Sans', sans-serif;

	--link-color: #184B9D;
	--link-hover: #000000;
	
	--white: #FFFFFF;
	--sky-blue: #D0E2FC;
	--deep-blue: #051A3B;
	--blue: #184B9D;  
	--dark-blue: #11346C;
	--grey: #6A6F76;
	--yellow: #FFDD31;
	--camel: #D9A908;
	--black: #000000;
}

body {
	font-size: 1.125em;
	margin: 0px auto;
	font-family: var(--main-font);
	color: var(--deep-blue);
}
	
p,li {line-height:140%;}

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




/**************** header16  *****************************/









/**************** nav - topnav *************************/


html .mlddm {display:flex;justify-content:space-between;}

/* top level */
.mlddm li a, .mlddm li a#buttonnohover {	
		padding: 0 10px;
		line-height: 40px;
		color: var(--nav-link);
}
.mlddm li a:hover,
.mlddm li a.selected,
.mlddm li a.selected:hover	{
	color:var(--nav-hover-link);
	background: var(--nav-hover-bg);
}

/* drop down list */

	.mlddm li ul {margin-top:0;}
	
	.mlddm ul li a {	
		line-height: 40px;
		padding: 0 32px 0 16px;
		text-align:left;
		background-color: var(--sky-blue);
		color: var(--deep-blue);
	}
	.mlddm ul li a:hover,
	.mlddm ul li a.selected,
	.mlddm ul li a:hover.selected,
	.mlddm .hsub:hover, .mlddm .selectedhsub:hover	{color: var(--deep-blue);background-color:var(--sky-blue);}
	
	.mlddm ul li a:hover:before,
	.mlddm ul li a.selected:before,
	.mlddm ul li a:hover.selected:before,
	.mlddm .hsub:hover:before, .mlddm .selectedhsub:hover:before {content:url("drop-down-selection-arrow.png");padding-right:9px;}

	

	
/******** nav - switch to mobile **********************/


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

/* hamburger menu positioning & style */

.slicknav_icon-bar {background-color:var(--deep-blue)}
.slicknav_menutxt {display:none;}

.slicknav_icon {
	display: none;
}

.slicknav_btn:after {content: url('hamburger-menu.png');}

/* menu style */

.slicknav_nav li {font-size:1rem}

/* open row colours */

.slicknav_nav li.slicknav_open,
.slicknav_nav li.slicknav_open > a,
.slicknav_nav li.slicknav_open > a a {
	background-color:#4a57a6;
	color:#ffffff;
}
.slicknav_nav li.slicknav_open > {color:#fff;}		
.slicknav_btn {
	outline:none;
	height:auto
}


/**************** footer *****************************/

.footer {
	background-color: var(--deep-blue);
	color: var(--white);
	border-top: 5px solid var(--yellow);
}
.footerInfo {
	max-width:var(--home-width);
	padding:36px var(--home-padding);
	margin:auto;
}

@media (min-width:853px) {
	.footerColContain {
		display:grid;
		grid-template-columns:repeat(4, 1fr);
		gap:4%;
		margin-bottom: 32px;
	}
}

.footerCol {
	border-top: 3px solid var(--yellow);
	padding-top: 12px;
}
.footerCol.noSpace {
  padding-top: 0;
}
.footerInfo p 	{
	margin-bottom:18px;
	line-height:160%;
	font-size:0.938rem;
}
.footerInfo p b {
	font-size: 1.125rem;
}
.footerInfo	a 	{
	color:var(--white);
	text-decoration:none;
}
.footerInfo a:hover {color:var(--white);}
.footerInfo a.visibleLink {
	text-decoration: underline;
}
.footerInfo .linkButton {
  color: var(--black);
}
.footerInfo .linkButton:hover {
  color: var(--white);
}
.social {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
}
.whiteBox {
	background-color: var(--white);
	padding: 20px;
	color: var(--deep-blue);
}
.footerBox {
	background-color: var(--blue);
	padding: 30px 25px;
	border-radius:10px;
}
.footerBox p {
  margin-bottom:0;
}

.footerBase	{
	max-width:var(--content-width);
	padding: 10px var(--content-padding);
	margin:auto;
	line-height:160%;
	font-size:0.750rem;
	display:grid;
	grid-template-columns: 66% 1fr;
}
.footerRight {
	text-align:right;
}
.footerBase a {font-size:1em;color:#ffffff;}
.footerBase a:hover	{color:#dedede;}




/**************** Slideshow *****************************/

.galleria-image-nav {display:none}    

.pageImage {
	padding-top: 20px;
}

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

.home .middle {
	max-width:var(--home-width);
	padding: var(--home-padding);
}
.middle {
	max-width:var(--content-width);
	padding: var(--content-padding);
	margin: auto;
}
.crumb {
	padding:16px;
	font-size:0.813em;
	color:#999999;
}
.crumb a {
	color:#999999;
	font-size:1em;
}
.crumb a:hover {color:#325678;}

.colourRow	{background: #f0f0f0;}

.center {text-align:center;}
.bgCenter {background-position: center;}

.blueGrad {
	background: transparent linear-gradient(180deg, var(--sky-blue) 0%, #81AAE5 100%) 0% 0% no-repeat padding-box;
}

.yellowBorderTop ul {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 10%;
	list-style-type: none;
	padding: 0;
}
.yellowBorderTop ul li {
	border-top: 2px solid var(--yellow);
}



.blueBox {
	background-color: var(--sky-blue);
	padding: 25px 25px 30px;
	border-radius: 25px;
	margin-bottom: 30px;
}
.blueBox hr {
	color: var(--dark-blue);
}

@media (min-width:841px) {

	.borderBetween .grid__sideBySide70-30:not(.grid__sideBySide70-30 .grid__sideBySide70-30) {
		display: grid;
		grid-template-columns: 67% 27%;
		column-gap: 6%;
		row-gap: 20px;
		overflow: hidden;
		position: relative;
		padding-top: 0;
		margin-top: 50px;
		margin-bottom: 50px;
	}

	.borderBetween .grid__sideBySide70-30:not(.grid__sideBySide70-30 .grid__sideBySide70-30)::after {
		content: "";
		position: absolute;
		top: 0;
		bottom: 0;
		left: 70%;
		transform: translateX(-50%);
		width: 1px;
		background-color: var(--grey);
	}

}

@media (max-width:840px) {
	.borderBetween .grid__sideBySide70-30 {grid-template-columns: 1fr;}
	
	.borderBetween .grid__sideBySide70-30 .imgRightColumnContain {
		grid-template-areas:
		  "imgColumn"
		  "txtColumn";
	}
	.borderBetween .grid__sideBySide70-30 .grid__sideBySide70-30 .articleImageRight {
		margin: 0 0 30px;
		float: none;
		max-width: 400px;
		width: 100%;
	}
}

.borderBetween .grid__sideBySide70-30 .grid__sideBySide70-30  {}


.compactGrid > .middle:first-of-type {
	padding-bottom: 0;
}


.compactGrid > .middle:last-of-type {
	padding-top: 0;
}
.compactGrid > .middle:last-of-type h1, .compactGrid > .middle:last-of-type h2, .compactGrid > .middle:last-of-type h3, .compactGrid > .middle:last-of-type h4 {margin-top:0;}

/* general */
a 			{color: var(--link-color);font-size:1em;}
a:hover	{color: var(--link-hover);}
a img		{border:0;}

.leftAlignImageArticle ul {position: relative;left: 40px;}

h1, h2, h3, h4, h5 {font-family:var(--heading-font)}
h1 {font-size: clamp(1.75rem, -0.0969rem + 5.91vw, 2.625rem);color:var(--deep-blue);font-weight:700;margin-top:0;}
h2 {font-size: 1.750rem;color:var(--deep-blue);font-weight:700;}
h3 {font-size: clamp(1.25rem, 0.7219rem + 1.69vw, 1.5rem);color:var(--dark-blue);font-weight:700;}
h4 {font-size: 1.250rem;color:var(--blue);font-weight:700;}
h5 {font-size: 1.375rem;color:var(--white);font-weight:700;margin-top:0;}

.home h1 {font-size: clamp(1.75rem, -0.6219rem + 7.59vw, 2.875rem);}
.home h3 {font-size:1.250rem;}

.home h4 {margin:0;}

.introText {font-size: clamp(1.25rem, 0.7219rem + 1.69vw, 1.5rem);}

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

.center .linkButton_Cont {justify-content:center;}
.linkButton_Cont {
	gap: 24px;
	display: flex;
	flex-wrap: wrap;
}

.linkButton,
.button {
	display:inline-block;
	padding:8px 18px;
	background-color: var(--yellow);
	border:1px solid var(--camel);
	color:var(--black);
	text-decoration: none;
	border-radius:5px;
	text-align:center;
	font-weight:400;
	transition: ease 0.3s;
	font-family: var(--main-font);
	-webkit-appearance: none;
	font-size: inherit;
}
.linkButton:hover,
.button:hover {
	background-color: var(--black);
	color:var(--white);
}

.linkButton_Cont .linkButton:nth-child(2) {
	background-color: var(--dark-blue);
	border-color:var(--blue);
	color:var(--white);
}
.linkButton_Cont .linkButton:nth-child(2):hover {
	background-color: var(--white);
	color:var(--deep-blue);
}

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

.highlightBox {text-align:center;}



/*** Blog Feed ***/

.blogDesc {margin-bottom:32px;}

.blogFeedContain {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 5%;
	margin-bottom: 24px;
}
.blogFeedItem {
	border-top: 7px solid var(--yellow);
	background-color: var(--deep-blue);
	color: var(--white);
	padding: 20px 20px 64px;
	position: relative;
}
.blogFeedItem h4 {color:var(--white);}

.blogReadMore {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	color: var(--white);
	text-decoration: none;
	background-color: var(--blue);
	text-align: center;
	padding: 9px;
	border: 1px solid var(--dark-blue);
}
.blogReadMore:hover {
	background-color: var(--white);
	color:var(--deep-blue);
}

/**************** pew sheets *****************************/

.searchLink {float:none;text-align:right;width:100%;}

.pewSheetList > div {text-align:center;padding-bottom:16px;border-bottom:1px solid #ccc;}
.pdfLink img {vertical-align:middle;padding-right:6px;}

@media (min-width:700px){
    .pewSheetList {display:flex;flex-wrap:wrap;width:100%;justify-content:space-between;}
    .pewSheetList > div {width:31%;}    
}
@media (min-width:500px) and (max-width:699px){
    .pewSheetList {display:flex;flex-wrap:wrap;width:100%;justify-content:space-between;}
    .pewSheetList > div {width:48%;}    
}




.pewSheetsArchive {list-style-type:none;padding:0;}
.pewSheetsArchive li {padding-bottom:10px;}
.pewSheetsArchive a {color:#272727;}
.pewSheetsArchive a:hover {color:#bf1b20;}
.pewSheetsArchive img {vertical-align:middle;}

.pewSheetsArchive .size {text-decoration:none;font-size:0.875em;}

@media (min-width:700px){
    .pewSheetsArchive {
        column-count:2;
        -webkit-column-break-inside: avoid;
        page-break-inside: avoid;
        break-inside: avoid;        
    }
}


/**************** Image with Colour and Text on Hover ****************/

.hoverColourBox {max-width: 100%;margin: auto;}
.hoverColourBox h3 {margin-top:15px;}
.hcbHover {position: relative;margin: auto;max-width: 100%;}
.hcbHover img {display: block;margin: auto;max-width: 370px;max-height: 270px;}
.highlightOverlay {
	transition: .5s ease;
	opacity: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	text-align: center;
	background: rgba(5, 26, 59, 0.8);
	width:100%;
	height:100%;
	padding-top: 33%;
	font-weight: 400;
	color: var(--white);
	max-width: 370px;
}
.hoverColourBox:hover .highlightOverlay {opacity: 1;}
.hoverText {color: #fff;text-decoration:none;}
.hoverText:hover {color:#fff;}
.hoverColourBox .hcbHover h3 {margin-top:16px}

.hcbTitle {
	font-weight: 700;
	color: var(--white);
	background-color: var(--deep-blue);
	max-width: 370px;
	margin: auto;
	padding: 13px 12px;
}
.hoverColourBox a {text-decoration:none;}

/******/

/********** Input fields ******************/

input[type="text"],
input[type="password"],
input[type="tel"],
textarea,
select {
	font-family: var(--main-font);
}


/***** Half Images *****/


@media (min-width:801px){
	.halfContent {display:flex;justify-content:center;}
	.halfImageLeft > div {width:50%;}
	.halfImageRight > div {width:50%;}
	.halfContent .wobject, 
	.halfContent .wobjectArticle {
		height:100%;
	}
	.halfImage {
		height:100%;
		background-position:top center;
		background-repeat: no-repeat;
		background-size:cover;
	}
	.halfText .wobjectArticle {max-width:817px;}
	.halfText.htLeft .wobjectArticle {float:right;padding:0 56px 26px 0;}
	.halfText.htRight .wobjectArticle {float:left;padding:30px 0 30px 56px;}
}
@media (max-width:1672px){
	.halfText.htLeft .wobjectArticle {padding-left:16px;}
	.halfText.htRight .wobjectArticle {padding-right:16px;}
}
@media (max-width:1671px){
	.halfText.htLeft .wobjectArticle {padding-right:16px;}
	.halfText.htRight .wobjectArticle {padding-left:16px;}
}
@media (max-width:800px){
	.halfContent {display:flex;flex-wrap:wrap}
	.halfImageLeft > div:first-child {width:100%;order:1}
	.halfImageLeft > div:last-child {width:100%;order:2;padding-bottom:30px;}
	.halfImageRight > div:first-child {width:100%;order:2;padding-bottom:30px;}
	.halfImageRight > div:last-child {width:100%;order:1;}

	.halfText {padding:30px 0}
	.halfImage {
		height:260px;
		background-position:center center;
		background-repeat: no-repeat;
		background-size:cover;
	}
}