@import url('https://fonts.googleapis.com/css?family=Merriweather:300,400,700|Montserrat:300,400,700|Open+Sans:300,400,700');

/* 
--- Hexes ---
	blue:			#0167a7
	dkblue: 		#00285b
	black: 			#121212
	gray:			#666666
	ltgray:			#f5f5f5

--- Fonts ---
	font-family: 'Montserrat', sans-serif;
	font-family: 'Merriweather', serif;
	font-family: 'Open Sans', sans-serif;
*/
/*----------------------*/
/*------- Colors -------*/
/*----------------------*/
.blue{
	color: #0167a7
}
.dkblue{
	color: #00285b
}
.black{
	color: #121212
}
.gray{
	color: #666666
}
.ltgray{
	color: #f5f5f5
}
.white {
	color: #ffffff;
}

.bkgd--blue{
	background-color: #0167a7
}
.bkgd--dkblue{
	background-color: #00285b
}
.bkgd--black{
	background-color: #121212
}
.bkgd--gray{
	background-color: #666666
}
.bkgd--ltgray{
	background-color: #f5f5f5
}
.bkgd--white {
	color: #ffffff;
}

.font-merri {
	font-family: 'Merriweather', serif;
}
.font-montser {
	font-family: 'Montserrat', sans-serif;
}


/*-----------------------*/
/*------- Utility -------*/
/*-----------------------*/
.margin {
	margin: 1rem 0;
}
.margin--large {
	margin: 3rem 0;
}
.upper {
	text-transform: uppercase;
}
.bold {
	font-weight: 700;
}
.large-text {
	font-size: 100px;
}
.block-indent--small {
	padding: 20px 0px;
}
.block-indent--medium {
	padding: 40px 0px;
}
.block-indent--large {
	padding: 80px 0px;
}
.margin-none {
	margin: 0;
}
ul.list-inline.seps {
	margin-bottom: 0;
}
ul.list-inline.seps li:after {
	content: "|";
	margin-left: 10px;
}
ul.list-inline.seps li:last-child::after {
	content: "";
}
.vertical-align-wrap {
  position: relative;
  width: 100%;
  height: 100%;
  display: table;
}
.vertical-align {
  display: table-cell;
}
.vertical-align--middle {
  text-align: center;
  vertical-align: middle;
}
.border {
	border: 3px solid #0d263f;
	padding: 8px;
}



/*--------------------------*/
/*------- Typography -------*/
/*--------------------------*/
body {
	font-family: 'Montserrat', serif;
}
h1, h2, h3, h4, h5 {
	margin-bottom: 3rem;
}
h1 {
	font-family: 'Montserrat', serif;
}
h2 {
	font-family: 'Merriweather', serif;
	font-size: 33px;
}
h3 {
	font-family: 'Merriweather', serif;
}

p {
	line-height: 2;
	font-size: 16px;
}


/*-----------------------*/
/*------- General -------*/
/*-----------------------*/
button.btn {
	padding: 1.5rem 5rem;
	text-transform: uppercase;
	font-size: 12px;
	min-width: 100px;
	transition: all 0.3s ease-in-out;
	margin: 2rem 0;
	border-radius: 0;
	font-weight: 400;
	letter-spacing: 2px;
}
button.btn-main {
	background-color: #00285b;
	color: white;
}
button.btn-main:hover {
	background-color: #0167a7;
	color: white;
}
button.btn-sec {
	background-color: white;
	color: #00285b;
}
button.btn-sec:hover {
	background-color: #aaaaaa;
	color: #00285b;
}

ul.list-custom li:before {
	content: "\00bb ";
	margin-right: 1rem;
	font-size: 28px;
	color: #0167a7;
}
ul.list-custom {
	list-style: none;
	font-size: 18px;
	padding: 0;
}


/*----------------------*/
/*------- Header -------*/
/*----------------------*/
#stripOne {
	padding: 10px 0;
}
#stripTwo {
	padding: 8px 0;
}


/*----------------------*/
/*------- Footer -------*/
/*----------------------*/
footer {
	font-family: 'Montserrat', sans-serif;
}
footer a {
	color: inherit;
}
footer a:hover {
	color: #aaaaaa;
	text-decoration: none;
}


/*------------------------*/
/*------- Homepage -------*/
/*------------------------*/
section#zkeHero {
	background-image: url('../_images/hero-img.jpg');
	background-position:center;
	background-size:cover;
}
section#zkeHero .vheight{
	height: 700px;
}
section#zkeHero h1 {
	font-size: 80px;
}
section#zkeHero h3 {
	letter-spacing: 8px;
	font-size:22px;
	line-height: 2;
}
section#zkeApply {
	background-image: url('../_images/ftr-img.jpg');
	background-position:center;
	background-size:cover;
}


/*-----------------------*/
/*------- Subpage -------*/
/*-----------------------*/



/*---------------------*/
/*------- Forms -------*/
/*---------------------*/



/*-----------------------------*/
/*------- Media Queries -------*/
/*-----------------------------*/

 /* Medium Devices and Down */
@media only screen and (max-width : 1200px) {

}

/* Small Devices, Tables and Down */
@media only screen and (max-width : 992px) {
	section#zkeHero h1 {
		font-size: 38px;
	}
	.small-center {
		text-align:center;
	}
}

/* Small Devices, Tables and Down */
@media only screen and (max-width : 900px) {
	section#zkeHero h3 {
		letter-spacing: 5px;
		font-size: 16px;
		line-height: 2;
	}
}

/* Extra Small Devices, Phones and Down */
@media only screen and (max-width : 768px) {
	
	ul.list-custom {
		font-size: 14px;
	}
}

/* SUPER Small Devices, Phones and Down*/ 
@media only screen and (max-width : 480px) {

}

/* Custom, iPhone Retina */ 
@media only screen and (max-width : 320px) {
	.large-text {
		font-size: 80px;
	}
	section#zkeHero h1 {
		font-size: 34px;
	}
}


/*******************************/