/* === Font Stack === */
html, button, input, select, textarea,
.pure-g [class *= "pure-u"] {
    font-family: "ff-dagny-web-pro", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    line-height: 1.6;
}

.wrapper {
	max-width: 70em;
	margin: 0 auto;
}
.l-box {
	padding: 20px 10px;
	font-size: 0.9em;
}
.l-box>*:last-child {margin-bottom: 0;}
.l-box>*:first-child {margin-top: 0;}
.l-box.no-bottom {padding-bottom: 0;}




.pure-button {
background: #FFA500;
border-radius: 5px;
border: 2px #ebc140 solid;
color: white;
cursor: pointer;
font-size: 1em;
position: relative;
padding: 0.75em 1.5em;
white-space: normal;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}

.pure-button:hover,
	.pure-button:focus {
		background: white;
		color: black;
	}
	
		.pure-button:hover:after,
		.pure-button:focus:after {
			background-position: 0 -16px;
		}

 /* === Border Box Padding! === */
*, *:before, *:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-font-smoothing: antialiased;
}

/* === The Basics === */

.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */


h1, h2, h3, h4, h5, h6  {
	font-family: "futura-pt";
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: 0.25em;
	margin: 2em 0 1em;
}

h1 {font-weight: bold;}
h3, h4, h5, h6 {
	font-weight: bold;
	letter-spacing: 0;
}

h1 {font-size: 2.0em; line-height: 1.2;}
h2 {font-size: 1.2em; line-height: 1.2;}
h3 {font-size: 1.0em; line-height: 1.2;}
h4 {font-size: 1.0em; line-height: 1.2;}
h5 {font-size: 0.6em; line-height: 1.2;}

h1 a,
h2 a {color: inherit; text-decoration: none;}

header h1,
header h2 {text-align: center; margin: 0;}


/* === Header+Footer === */


.iewarning {
	display: none !important;
}


.feature {
	min-height: 100%;
	text-align: center;
	position: relative;
	margin-top: -46px;
    min-height: 600px;
}
	
	.feature,
	.page-header {
		background-color: #ebeeef;
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;		
	}

	.feature h1 {
		color: #FFF;
		margin: 0;
		padding: 20px 0;
		position: absolute;
		bottom: 50%;
		width: 100%;
	}
	
		/* Use spans to counter-act the letter spacing right hand margin on centered text */
		.feature h1 span {margin-right: -0.25em; display: inline-block;}
	
	.feature h1:before,
	.feature h1:after {
		content: '';
		position: absolute;
		width: 200px;
		height: 2px;
		top: 0;
		left: 50%;
		margin-left: -100px;
		background: #FFF;
	}
	
	.feature h1:after {
		top: auto;
		bottom: 0;
	}
	
	.line {
		position: absolute;
		width: 2px;
		height: 50%; /* Same as .feature h1 bottom: */
		left: 50%;
		bottom: 0;
		margin-left: -1px;
		background: #FFF;
	}

    /* === Header+Footer === */

#menu {display: none;}
.slicknav_menu {display:block;}

.hdr,
.ftr {background: #3e5563;}

	.logged-in .hdr {margin-top: 32px;}

	.hdr {
		position: relative;
		z-index: 2;
	}

	.hdr-menu.pure-menu,
	.aside-menu.pure-menu a {
		background: none;
		border: none;
	}
	
	.ftr .pure-menu-heading,
	.hdr-menu.pure-menu a,
	.aside-menu.pure-menu a,
	.accordion a {
		border: none;
		color: #FFF;
		font-family: "futura-pt";
		padding: 10px;
		min-height: 46px;
		font-size: 100%;
		letter-spacing: 0.25em;
		text-transform: uppercase;
		text-decoration: none;
	}
	
	.ftr .pure-menu-heading,
	.pure-menu a.pure-menu-heading {
		color: #ebc140;
	}	
	
.cta {
	background: #ebc140;
}

	.cta p {margin: 0;}
	
	.cta .pure-button {border-color: #FFF; color: #FFF; width: 100%; padding: 0.75em;}
	.cta .pure-button:hover,
	.cta .pure-button:focus {
		background: #FFF;
		color: #ebc140;
	}
	
.ftr {text-align: center;}

	.ftr p a {
		color: #FFF;
		font-size: 80%;
		font-weight: bold;
		text-decoration: none;
		display: inline-block;
		padding: 0 1em;
	}
	
	.ftr p a.tomoro {color: #8b99a1;}
	
	.ftr p a:hover,
	.ftr p a:focus {
		text-decoration: underline;
	}
	
.iewarning {
	display: none !important;
}

.page-header {
	padding: 1em 0;
	margin-top: -1px;
}

	.page-header h1 {
		color: #FFF;
		margin: 0;
		padding: 1em 0;
		text-align: left;
		position: relative;
	}

	.page-header h1:before,
	.page-header h1:after {
		content: '';
		position: absolute;
		width: 100px;
		height: 2px;
		top: 0;
		left: 0;
		background: #FFF;
	}
	
	.page-header h1:after {
		top: auto;
		bottom: 0;
	}
	
	.no_thumb h1 {color: #3e5563;}
	.no_thumb h1:before,
	.no_thumb h1:after {
		background: #3e5563;
	}
	
.sidebar {}

	.sidebar h2 {margin-top: 0;}
	
	.aside-menu.pure-menu {
		background: #ebeeef;
		border: none;
	}
	
	.aside-menu.pure-menu a,
	.accordion a {
		color: #3e5563;
		font-weight: bold;
		letter-spacing: 0;
		border-bottom: 2px #FFF solid;
	}

        .aside-menu.pure-menu a:hover,
        .aside-menu.pure-menu a:focus,
        .accordion li a:hover,
        .accordion li a:focus {
            background: #FFF;
            color: #432585;
        }
	
.accordion { list-style-type: none; padding: 0; margin: 0;}

	.accordion ul { padding: 0; margin: 0; float: left; display: block; width: 100%; }
	.accordion li { background: #FFF; cursor: pointer; list-style-type: none; padding: 0; margin: 0; float: left; display: block; width: 100%;}


	.accordion li div { padding: 5px; background: #FFF; display: block; clear: both;}
	.accordion li a {background: #ebeeef; text-decoration: none; border-bottom: 2px solid #FFF; display: block; cursor: pointer; position: relative;}
        .aside-menu.pure-menu .current_page_item a,
        .accordion li.active a {
            background: #432585;
            color: #FFF;
        }
	
	.accordion li a:after {
		content: '';
		background: url(../img/arrow-d.png) 0 0 no-repeat;
		display: block;
		position: absolute;
		width: 32px;
		height: 20px;
		top: 50%;
		margin-top: -10px;
		right: 10px;
	}
	.accordion li.active a:after {
		background: url(../img/arrow-d.png) 0 -20px no-repeat;
	}
	
	/* Accordion Contents */
	.accordion div ul {padding: 1em 0; margin: 0 0 0 1em;}
	.accordion div li {cursor: auto; display: list-item; list-style: disc outside none; margin-bottom: 0.5em; float: none; width: auto;}

		.staff_photo {
			width: 150px;
			border-radius: 500px;
			overflow: hidden;
			float: right;
			margin: 20px 0 20px 20px;
		}
		
		.staff_photo img {
			max-width: 100%;
			float: left;
		}
	
	
.pure-form input[type=text], .pure-form input[type=password], .pure-form input[type=email], .pure-form input[type=url], .pure-form input[type=date], .pure-form input[type=month], .pure-form input[type=time], .pure-form input[type=datetime], .pure-form input[type=datetime-local], .pure-form input[type=week], .pure-form input[type=number], .pure-form input[type=search], .pure-form input[type=tel], .pure-form input[type=color], .pure-form select, .pure-form textarea {
	font-size: 1.0em;
	width: 100%;
	color: #666;
}
	
	.pure-form input[type=text]:focus, .pure-form input[type=password]:focus, .pure-form input[type=email]:focus, .pure-form input[type=url]:focus, .pure-form input[type=date]:focus, .pure-form input[type=month]:focus, .pure-form input[type=time]:focus, .pure-form input[type=datetime]:focus, .pure-form input[type=datetime-local]:focus, .pure-form input[type=week]:focus, .pure-form input[type=number]:focus, .pure-form input[type=search]:focus, .pure-form input[type=tel]:focus, .pure-form input[type=color]:focus, .pure-form select:focus, .pure-form textarea:focus {border-color: #3e5563; color: #3e5563;}
	
	.pure-form div.wpcf7-response-output {
		border: none;
		padding: 1em;
		background: #3e5563;
		color: #FFF;
	}
	
	.pure-form div.wpcf7-response-output {
		margin: 1em 0;
		padding: 1em;
	}
	
	.pure-form div.wpcf7-mail-sent-ok,
	.pure-form div.wpcf7-mail-sent-ng,
	.pure-form div.wpcf7-spam-blocked,
	.pure-form div.wpcf7-validation-errors {
		border: none;
	}

	span.wpcf7-not-valid-tip,
	.wpcf7-display-none {display: none;}	
	
	.pure-form form p:last-of-type {margin-bottom: 0;}
	
    /* === Media Queries === */

/* Mobile Only */
@media (max-width:47.9em) {
	.why_use.pure-u-1-2:last-of-type {width: 100%;}	
}
.hdr-menu {
    float: left;
    margin-left: 10px;
    margin-right: 30px;
    cursor: pointer;
    color: #14329c;
    line-height: 90px;
    font-size: 24px;
}
@media (max-width: 600px) {
    .hdr-menu, .hdr-menu-login {
        margin-right: 0px;
}
    
}
/* Tablets and Up */
@media (min-width: 48em) {
	h1 {font-size: 3.0em; line-height: 1.2;}
	h2 {font-size: 1.4em; line-height: 1.2;}
	h3 {font-size: 1.0em; line-height: 1.2;}
	h4 {font-size: 1.0em; line-height: 1.2;}
	h5 {font-size: 1.0em; line-height: 1.2;}

	.l-box {
		padding: 20px;
		font-size: 1em;
	}

	#menu {display: inline-block;}
	.slicknav_menu {display:none;}
	
	.hdr {text-align: center;}

	.ftr .pure-menu-heading,
	.hdr-menu.pure-menu a {
		font-family: "futura-pt";
		padding: 0.75em 1em;
	}

    .hdr-menu.pure-menu a:hover,
    .hdr-menu.pure-menu a:focus {
        background: none;
        color: #432585;
    }

    .hdr-menu:hover,
	.hdr-menu:focus,
    .hdr-menu-login:hover,
    .hdr-menu-login:focus
    {
		background: none;
		color: white;
	}

    
	
		.hdr-menu .current_page_item a {color: #7c8b95;}
	
	.feature {min-height: 600px; margin: 0;}

	.feature h1 {bottom: 60%;}
	.line {height: 60%;}
	
	.page-header {padding: 2em 0;}
	
}

/* Desktop and Up */
@media (min-width: 64em) {
	.l-box {
		padding: 40px;
		font-size: 1.1em;
	}
	
	.hdr {text-align: left;}
	.hdr ul {float: right;}

	.ftr .pure-menu-heading,
	.hdr-menu.pure-menu a {
		padding: 1.75em 1em;
	}
}

/* Bigger Than Desktop */
@media (min-width: 80em) {
}

/* Retina/HiDPI */
@media 	(-webkit-min-device-pixel-ratio: 2),
		(min-resolution: 192dpi) { 		
	.icon span {background: url(../img/why-use-icons@2x.png); background-size: 64px 320px;}
	.accordion li a:after,
	.accordion li.active a:after {background-image: url(../img/arrow-d@2x.png); background-size: 32px 40px;}
}

.content {
        padding: 0px;
         margin-top: 75px;
    }

.title-warning {
    color: #432585;
}