/* -------------------------------------------------- */
/* Reset - http://purecss.io/base
/* -------------------------------------------------- */
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font:inherit;vertical-align:baseline;}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section, main{display:block;}body{line-height:1;}ol,ul{list-style:none;}blockquote,q{quotes:none;}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none;}table{border-collapse:collapse;border-spacing:0;}.hide{display:none;}html{box-sizing: border-box;}*,*:before,*:after{box-sizing:inherit;}.clear{font-size:0px;clear: both;height: 0px;}*:focus{outline: none;}strong{font-weight:bold;}em{font-style:italic;}input:invalid{box-shadow: none;}button{border:none;background:none;padding:0;margin: 0;}button::-moz-focus-inner{border:0;}input,button{border-radius:0;border-radius:none;}
/* -------------------------------------------------- */
/* Common
/* -------------------------------------------------- */
body{
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	color: #7E7E80;
	background: #efefef;
}

a{
	text-decoration: none;
}
p{
	line-height: 1.6em;
}
.align-center{
	text-align: center;
}
.page-wrapper,
.container-wide,
.container-narrow{
	width: 100%;
	padding: 0 18px;
	margin: 0 auto;
}
.page-wrapper{
	background: #fff;
	padding: 0;
	max-width: 1366px;
}
.container-wide{
	max-width: 1114px;
}
.container-narrow{
	max-width: 708px;
}
hr{
	height: 0;
	border: none;
	border-bottom: 1px solid #efefef;
	padding-top: 9px;
	margin-bottom: 36px;
}
/* -------------------------------------------------- */
/* Headers
/* -------------------------------------------------- */
h1, h2, h3, h4{
	line-height: 1.2em;
	color: #252B69;
	text-align: center;
}
h1, h2{
	font-family: 'Georgia', serif;
}
h3, h4{
	font-weight: 600;
	margin-bottom: 18px;
}
h2{
	font-size: 42px;
}
h3{
	font-size: 21px;
}
h4{
	font-size: 18px;
}
.interior h3,
.interior h4{
	margin-bottom: 27px;
}
.section-hd,
.page-title{
	background: url('/assets/images/pipe.svg') no-repeat center bottom;
	padding-bottom: 18px;
	margin-bottom: 27px;
	text-align: center;
}
.h-alt{
	color: #0096D0;
	text-align: center;
	margin-bottom: 27px;
}


/* -------------------------------------------------- */
/* Header
/* -------------------------------------------------- */
header{
	border-bottom: 1px solid #efefef;
	padding: 9px 0 18px 0;
}
.logo{
	display: inline-block;
	vertical-align: middle;
}
.logo svg{
	width: 211px;
	height: 108px;
}
.nav-sys{
	display: inline-block;
	float: right;
	text-align: right;
}
.actions{
	display: inline-block;
	vertical-align: middle;
	padding: 18px 0 18px;
}
.actions li{
	float: left;
	display: inline-block;
	margin-left: 6px;
}
.prime-nav ul{
	display: inline-block;
	margin-right: -18px;
}
.prime-nav li{
	display: inline-block;
	float: left;
	text-align: center;
}
.prime-nav a{
	display: block;
	padding: 9px 18px;
	color: #7E7E80;
}
.prime-nav a:hover{
	color: #232323;
}
.prime-nav .active a{
	color: #232323;
	text-decoration: underline;
}


/* -------------------------------------------------- */
/* Buttons
/* -------------------------------------------------- */
.button-prime,
.button-prime-alt,
.button-prime-big,
.button-prime-alt-big{
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	display: inline-block;
	line-height: 45px;
	color: #fff;
	padding: 0 30px;
}
.button-prime,
.button-prime-big{
	background: #D12229;
}
.button-prime:hover,
.button-prime-big:hover{
	cursor: pointer;
	background: #e62830;
}

.button-prime-alt,
.button-prime-alt-big{
	background: #252B69;
}
.button-prime-alt:hover,
.button-prime-alt-big:hover{
	background: #2b327b
}

.button-prime-big,
.button-prime-alt-big{
	line-height: 90px;
	text-align: center;
}
.button-social,
.button-secondary,
.button-secondary-alt{
	display: inline-block;
	text-align: center;
	width: 45px;
	line-height: 41px;
	border: 2px solid #E0E0E3;
}
.button-social svg{
	fill: #E0E0E3;
}
.button-secondary,
.button-secondary-alt{
	padding: 0 30px;
	width: auto;
}
.button-secondary{
	border-color: #D12229;
	color: #D12229;
}
.button-secondary-alt{
	border-color: #fff;
	color: #fff;
}
.button-secondary:hover,
.button-secondary-alt:hover{
	opacity: .6;
}

.optin-button{
	font-family: 'Roboto', sans-serif;
	color: #fff;
	text-align: center;
	float: left;
	background: #0096D0;
	line-height: 45px;
	width: 20%;
	font-size: 16px;
}
.optin-button:hover{
	cursor: pointer;
	background: #00aee5;
}

.button-social-alt{
	display: inline-block;
	line-height: 45px;
	width: 45px;
	text-align: center;
	background: #252B69;
	margin: 0 1px;
}
.button-social-alt svg{
	fill: #fff;
}
.button-social-alt:hover{
	background: #2b327b;
}
/* -------------------------------------------------- */
/* Announcement
/* -------------------------------------------------- */
.announcement{
	background: #0096D0;
	color: #fff;
	text-align: center;
	padding: 9px 0;
}

/* -------------------------------------------------- */
/* Hero
/* -------------------------------------------------- */
.hero{
	position: relative;
	color: #fff;
	background: #252b69 no-repeat center;
	background-size: cover;
}
.bg-screen{
	background: transparent;
	background: -webkit-linear-gradient(left,rgba(37,43,105,.9),rgba(37,43,105,0));
	background: -o-linear-gradient(right,rgba(37,43,105,.9),rgba(37,43,105,0)); 
	background: -moz-linear-gradient(right,rgba(37,43,105,.9),rgba(37,43,105,0)); 
	background: linear-gradient(to right, rgba(37,43,105,.9), rgba(37,43,105,0));
	padding: 108px 0; 
}
.hero h2{
	background-position: left bottom;
	text-align: left;
	color: #fff;
	font-size: 54px;
}
.container-hero{
	width: 50%;
}
.hero p{
	margin-bottom: 27px;
}

/* -------------------------------------------------- */
/* Homepage sections
/* -------------------------------------------------- */
.intro-background{
	padding: 54px 0 0 0;
}
.intro-issues{
	padding: 54px 0;
}
.intro-background,
.interior{
	background: url('/assets/images/ghost-flag.jpg') no-repeat left -3px;
	background-size: 783px auto;
}

/* -------------------------------------------------- */
/* Grid
/* -------------------------------------------------- */
.grid{
	margin: -9px -18px 0 -18px;
	padding-bottom: 36px;
}
.grid-item{
	float: left;
	padding: 18px;
}
.cols-3 .grid-item{
	width: 33.33%;
}

/* -------------------------------------------------- */
/* Photo strip (homepage)
/* -------------------------------------------------- */
.photo-strip{
	background: #252B69;
	line-height: 1em;
}
.photo-strip img{
	float: left;
	width: 20%;
	opacity: .6;
}

/* -------------------------------------------------- */
/* Images
/* -------------------------------------------------- */
figure{
	margin-bottom: 27px;
}
figure img{
	height: auto;
}
figure.large img{
	width: 100%;
}
figure.medium img{
	max-width: 216px;
}
figure.center{
	text-align: center;
}
figure.spot img{
	max-width: 216px;
	border-top-left-radius: 50%;
	border-top-right-radius: 50%;
	border-bottom-right-radius: 50%;
	border-bottom-left-radius: 50%;
}
figcaption{
	font-family: 'Georgia', serif;
	font-size: 15px;
	font-style: italic;
	padding-top: 9px;
	text-align: center;
}

/* -------------------------------------------------- */
/* Interior 
/* -------------------------------------------------- */
.interior{
	padding: 54px 0;
}
.interior p{
	margin-bottom: 27px;
}
.interior a{
	color: #d12229;
}
.interior a:hover{
	color: #e62830;
	text-decoration: underline;
}

/* -------------------------------------------------- */
/* Closing 
/* -------------------------------------------------- */
.closing-cta{
	background: no-repeat center;
	background-size: cover;
	text-align: center;
}
.closing-cta,
.closing-cta h2{
	color: #fff;
}
.closing-cta h2{
	margin-bottom: 9px;
}
.closing-cta p,
.optin{
	margin-bottom: 18px;
}
.closing-cta .button-prime-big,
.closing-cta .button-prime-alt-big{
	float: left;
	width: 50%;
}
.cta-bg-screen{
	padding: 54px 0;
	background: rgba(37,43,105,.8);
}
.closing-cta input{
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	color: #7E7E80;
	background: #fff;
	border: none;
	height: 45px;
	line-height: 45px;
	float: left;
	width: 80%;
	padding: 0 18px;
}

.hint{
	font-family: 'Georgia', serif;
	font-size: 15px;
	font-style: italic;
}
/* -------------------------------------------------- */
/* Responsive video
/* -------------------------------------------------- */
.video { 
	position: relative; 
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
	max-width: 100%;
	height: auto;
	margin-bottom: 1em;
} 
.video iframe, .video object, .video embed { 
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
/* -------------------------------------------------- */
/* CMS edit button
/* -------------------------------------------------- */
.edit-btn{
	display: inline-block;
	padding: 16px;
	position: fixed;
	z-index: 9999;
	bottom: 10px;
	right: 10px;
	background: #000000;
}
.edit-btn svg{
	fill: #ffffff;
}
.edit-btn:hover{
	background: #000000;
}
/* -------------------------------------------------- */
/* Common list
/* -------------------------------------------------- */
main ul{
	margin-bottom: 27px;
}
main .grid ul{
	margin-bottom: 0;
}
main li{
	line-height: 1.6em;
	background: url('/assets/images/bullet.svg') no-repeat left .6em;
	margin-bottom: 12px;
	padding-left: 17px;
}
main li:last-child{
	margin-bottom: 0;
}
/* -------------------------------------------------- */
/* News
/* -------------------------------------------------- */
.news-item{
	background: rgba(255,255,255,.5);
	border: 1px solid #efefef;
	padding: 27px 27px 54px 27px;
	margin-bottom: 27px;
}
.news-item figure{
	margin-bottom: 18px;
	opacity: 1;
	-webkit-transition: opacity .5s; /* Safari */
	transition: opacity .5s;
}
.news-item a h3{
	color: #d12229;
	margin-bottom: 9px;
}
.news-item a:hover figure{
	opacity: .9;
}
.news-item-date{
	display: block;
	color: #0096d0;
	font-size: 13px;
	text-transform: uppercase;
	text-align: center;
	margin-bottom: 9px;
	font-weight: 600;
}
.news-item-summary{
	line-height: 1.6em;
}
/* -------------------------------------------------- */
/* Forms 
/* -------------------------------------------------- */
.common{
	margin: 0 -9px;
}
.common .field{
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	color: #7E7E80;
	border: none;
	border-bottom: 3px solid #efefef;
	background: #ffffff;
	width: 100%;
	padding: 0;
	line-height: 45px;
	height: 45px;
}
.common .formrow{
	padding: 9px;
}
.common label{
	font-size: 14px;
	text-align: left;
}
.checkboxes label{
	padding: 6px;
	display: block;
	font-size: 15px;
}
.formrow.split{
	float: left;
	width: 50%;
}
.common .button-prime-big{
	margin-top: 18px;
	width: 100%;
}
.alert{
	color: red;
}
/* -------------------------------------------------- */
/* Photo gallery
/* -------------------------------------------------- */
.gallery{
	margin: -9px;
	padding-bottom: 36px;
}
.gallery a{
	display: inline-block;
	float: left;
	width: 16.66%;
	padding: 9px;
}
.gallery img{
	width: 100%;
	height: auto;
}

/* -------------------------------------------------- */
/* Footer
/* -------------------------------------------------- */
footer{
	padding: 54px 0;
	text-align: center;
	font-size: 14px;
}
footer p{
	margin-bottom: 16px;
}
.disclaimer span{
	display: inline-block;
	padding: 16px;
	border: 1px solid #AEAEB0;
}

/* -------------------------------------------------- */
/* CMS edit button
/* -------------------------------------------------- */
.edit-btn{
	display: inline-block;
	padding: 16px;
	position: fixed;
	z-index: 9999;
	bottom: 10px;
	right: 10px;
	background: #000000;
}
.edit-btn svg{
	fill: #ffffff;
}
.edit-btn:hover{
	background: #000000;
}

/* -------------------------------------------------- */
/* Mobile navigation
/* -------------------------------------------------- */
.mnav{
	height: 0;
	overflow: hidden;
	-webkit-transition: height .25s; /* Safari */
	transition: height .25s;
}
.mnav a{
	display: block;
	color: #7E7E80;
	line-height: 45px;
	border-bottom: 1px solid #efefef;
	padding: 0 18px;
}
.mnav.show{
	height: 368px;
}
.mnav-trigger{
	display: none;
	float: right;
	width: 36px;
	height: 24px;
	margin-top: 62px;
}
.mnav-trigger svg{
	fill: #7E7E80;
}
.mnav-trigger:hover{
	cursor: pointer
}

/* -------------------------------------------------- */
/* Breaking points
/* -------------------------------------------------- */
@media screen and (max-width: 1200px) {
	.photo-strip img{
		width: 25%;
	}
	.photo-strip img:last-of-type{
		display: none;
	}
}
@media screen and (max-width: 900px) {
	.photo-strip img{
		width: 50%;
	}
}
@media screen and (max-width: 800px) {
	.container-hero{
		width: 75%;
	}
	.bg-screen{
		padding: 54px 0;
	}
	.cols-3 .grid-item{
		float: none;
		width: 100%;
	}
}
@media screen and (max-width: 750px) {
	.mnav-trigger{
		display: inline-block;
	}
	.nav-sys{
		display: none;
	}
}
@media screen and (min-width: 749px) {
	.mnav{
		display: none;
	}
}
@media screen and (max-width: 700px) {
	.gallery a{
		width: 33.33%;
	}
}
@media screen and (max-width: 660px) {
	.container-hero{
		width: 100%;
	}
	.closing-cta input{ width: 70%; }
	.optin-button{ width: 30%; }
}
@media screen and (max-width: 500px) {
	.hero h2{
		font-size: 45px;
	}
	.bg-screen{
		padding: 36px 0;
	}
	h2{
		font-size: 36px;
	}
}
@media screen and (max-width: 440px) {
	.closing-cta input, .optin-button{ 
		float: none;
		width: 100%;
		text-align: center;
	}
}