/*
Theme Name:     Style Liberation Custom Theme 2014
Description:    Custom theme for Style Liberation
Author:         Kate Conrick
Template:       wpnaked
Version:        2.0
*/

/* ============= Custom CSS ============= */

/* == Global stuff == */
html {background: #363636;}
body {background: #fff;}
.clearfix {clear: both;}

/* == Typography == */
body {
	color: #6f6f6f;
	font-family: Georgia, sans-serif;
}
h1, h2, h3, h4, h5, h6 {
	color: #6f6f6f;
}

h2 {
	margin: 0.2em 0 0.85em;
}

a {
	color: #0068ac;
}

blockquote {
	margin: 30px 0;
	background: #FAFAFA;
	border-color: #0e5ea6;
}

	blockquote p em {
	    font-family: "Oswald","Arial Narrow",sans-serif;
	    font-size: 90%;
	    font-weight: 300;
	    font-style: normal;
	    letter-spacing: 2px;
	    margin: 0 0 1em;
	    padding: 0;
	    text-transform: uppercase;
	    color: #0E5EA6;
	}

	.alignleft {
		margin: 0 20px 0 0;
	}

/* == Layout == */
main.content {
	margin-top: 5%;
}

/* == Header area == */
.wrapper_header {
	background: #363636;
}
header.header {
	padding: 2.7em 0 1.2em 0;
	border-top: none;
}
header.header h1 a {
	background: url('img/logo.png') no-repeat;
	display: block;
	width: 248px;
	height: 31px;
	text-indent: -9999px;
	margin: 0 auto .5em auto;
}
header.header h2 {
	display: none;
}
div.togglebutt {
	background: #52EBB7;
	font-style: italic;
}
#menu-primary {
	z-index: 99;
	position: relative;
}
ul.sf-menu a {
	font-family: Georgia, serif;
}
ul.sf-mobile li {
	background: #363636;
}
ul.sf-mobile li:hover {
	background: #575757;
}
ul.sf-mobile ul li {
	background: #292929;
}
ul.sf-mobile ul li:hover {
	background: #434343;
}
ul.sf-mobile a {
	font-style: italic;
	color: #86ECBB;
	border-left: none;
}
ul.sf-mobile a:hover {
	text-decoration: none;
}

/* == Homepage == */
.home-feature {
	width: 100%;
	position: relative;
	background: #363636 !important;
}
.home-feature img {
	float: left;
	width: 100%;
}
.home-feature .text {
	position: absolute;
	width: 100%;
	height: 100%;
}
.home-feature .text span.table {
	display: table;
	width: 100%;
	height: 100%;
}
.home-feature p.cell {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	font-family: Georgia, sans-serif;
	font-size: 120%;
	line-height: 105%;
	color: #fff;
}
.home-feature p.cell span.alternate{
	font-weight: 300;
	font-family: "Oswald", Arial, sans-serif;
	text-transform: uppercase;
}
.home section.widget h3 {
	color: #0068ac;
	font-size: 160%;
	font-style: italic;
	font-weight: normal;
	border-bottom: 1px solid #d7d7d7;
	padding-bottom: 5px;
	margin-bottom: 10px;
}
.home section.widget h4 {
	color: #0a539c;
	font-size: 120%;
	font-style: italic;
}
.home section.latestposts .date {
	background: #52ebb7;
	color: #fff;
	float: left;
	text-align:center;
	padding: 10px 8px;
	line-height: 0.8;
	margin-right: 10px;
	min-width: 50px;
}
.home section.latestposts .date span{
	font-size: 200%;
}
.home section.latestposts .blurb {
	line-height: 1.4;
	border-top: 1px solid #D7D7D7;
	border-bottom: 1px solid #D7D7D7;
	padding: 10px 0;
	margin: 10px 0 0 0;
}
.home section.latestposts p {
	margin-bottom: 0.5em;
}
.home section.latestposts a.readmore {
	color: #6F6F6F;
	text-transform: uppercase;
	font-size: 90%;
}
.home section.contact p {
	margin: 0;
	font-size: 140%;
	line-height: 1.4;
	font-style: italic;
	color: #0A539C;
}
.home section.contact p.email {
	background: url('img/icon_email.png') no-repeat 0 6px;
	padding-left: 30px;
}
.home section.contact p.phone {
	background: url('img/icon_phone.png') no-repeat 0 3px;
	padding-left: 30px;
}
.home section.contact img {
	margin-top: 10px;
}
a.morebutt {
	background: #c4c4c4;
	display: block;
	width: 40%;
	margin: 0 auto;
	color: #fff;
	font-style: italic;
	text-align: center;
}
.home .events {
	color: #0A539C;
}
.home .events .event, .eventlist .event {
	clear: both;
	border-bottom: 1px solid #D7D7D7;
	min-height: 65px;
	line-height: 1.2;
	margin-bottom: 50px;
}
.home .events .name, .eventlist .event .name {
	font-size: 170%;
	font-style: italic;
	letter-spacing: -0.5px;
}


/* == Forms == */
.gform_wrapper form input[type='text'], .gform_wrapper form textarea {
	background: #f0f2ef;
	border: none;
	padding: 12px 15px;
	font-size: 130%;
	font-family: Georgia, serif;
	font-style: italic;
}
.gform_wrapper form input[type='text'] {
	margin-bottom: 5px;
}
.gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type="submit"] {
	background: #52EBB7;
	color: #fff;
	border: 0;
    font-family: 'Oswald','Arial Narrow',sans-serif;
    padding: 10px 12px;
    text-transform: uppercase;
	font-size: 155% !important;
	margin-top: -50px;
	cursor: pointer;
}


/* == Inner pages == */
div.pagebanner {
	background-position: center center;
	background-size: cover;
	color: #fff;
	line-height: 1.2;
}
div.pagebanner .container {
	height: 200px;
	position: relative;
}
div.pagebanner .text {
	position: absolute;
	top: 25%;
	left: 0;
	right: 0;
}
div.pagebanner h2 {
	color: #fff;
	font-size: 260%;
}
div.pagebanner .text.Dark, div.pagebanner .Dark h2 {
	color: #363636;
}
div.pagebanner p {
	font-style: italic;
}

/* == Home page update to banner slider == */

.strip.banner {
	width: 100%;
	margin: 0 auto;
	clear: both;
	position: relative;
	overflow: hidden;
}

	.home .strip.banner .bxslider {
		margin: 0;
	}

		.bx-wrapper img {
			width: 100%;
			height: auto;
		}

		.bx-controls {
			position: relative;
			top: -80px;
		}

		.bx-wrapper .bx-pager.bx-default-pager a {
			background: #fff;
		}

			.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active {
				background: #52ebb7;
			}

	.strip.banner .inner {
		position: absolute;
		top: 50%;
		left: 50%;
		z-index: 10;
		height: 100px;
		margin: 0 auto;
		margin-left: -25%;
		margin-top: -95px;
		padding: 0;
		text-align: left;

	}

		.strip.banner .inner h2 {
			/*OLD Block style*/
			/*display: inline-block;
			color: #fff;
			text-transform: uppercase;
			font-family: 'Oswald', 'Arial Narrow', sans-serif;
			font-weight: 300;
			letter-spacing: 2.2px;
			font-size: 32px;
			background: #0e5ea6;
			padding: 0 8px;
			margin: 0 0 4px;*/


			font-size: 500%;
			width: 50%;
			line-height: 0.95;
			margin: 0 0 0.5em 0;
			color: #363636;
		}


		div.pagebanner h2 {
			font-size: 500%;
			width: 50%;
			line-height: 0.85;
			text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
			margin: 0 0 0.5em 0;
		}

			.strip.banner .inner h2 span {
				color: #52ebb7;
			}
		
	/*.home .banner .bxslider {
		position: absolute;
		top: 0;
		width: 100% !important;
		height: 600px;
		margin: 0;
		padding: 0;
		overflow: hidden;
	}
	
		.home .banner .bxslider li,
		.home .banner .bxslider li img {
			position: absolute;
			width: 2560px;
			height: 600px;
			left: 50%;
			top: auto;
			margin-left: -1280px;
			padding: 0;
		}*/




/*Alternate page banner for Image Assessment*/

.page-id-1306 .pagebanner {
	background: #f5f5f5;
}
	
	.pagebanner .container img.attachment-post-thumbnail {
		width: 178px;
		height: 178px;
		-webkit-border-radius: 89px;
		border-radius: 89px;
		float: left;
		margin: 0 50px 0 0;
	}

		.page-id-1306 .pagebanner h2,
		.page-id-1306 .pagebanner p {
			width: 60%;
		}

		.page-id-1306 .pagebanner h2 {
			font-size: 300%;
		}

		.page-id-1306 .gform_wrapper h2.gsection_title {
			color: #0E5EA6;
			text-transform: uppercase;
			font-family: 'Oswald', 'Arial Narrow', sans-serif;
			font-weight: 300 !important;
			letter-spacing: 2.2px !important;
			font-size: 175% !important;
		}	

		.page-id-1306 .gform_wrapper .gsection {
			border-bottom: none !important;
			margin: 2.5em 0 2em !important;
		}

		.page-id-1306 .gform_wrapper ul li.gfield.gsurvey-survey-field {
			margin-bottom: 20px !important
		}

		.gform_wrapper .description, 
		.gform_wrapper .gfield_description, 
		.gform_wrapper .gsection_description, 
		.gform_wrapper .instruction {
			font-size: 100% !important;
		}

		.gform_confirmation_message {
			background: #f5f5f5;
			padding: 70px 70px 100px;
			margin: 30px 0;
			width: 100%;
			box-sizing: border-box;
		}


/* == Packages page == */
.packages {
	margin-top: 50px;
}
.packages .package {
	text-align: center;
}
.packages .package h2 {
	font-family: 'Oswald','Arial Narrow',sans-serif;
	text-transform: uppercase;
	font-size: 110%;
}
.packages .package h3 {
	background: url('img/packages-circle-1.jpg') no-repeat;
	background-size: cover;
	width: 210px;
	height: 210px;
	margin: 20px auto;
	color: #fff;
	-webkit-border-radius: 105px;
	-moz-border-radius: 105px;
	border-radius: 105px;
}
.packages .package:nth-child(2) h3 {
	background: url('img/packages-circle-2.jpg') no-repeat;
}
.packages .package:nth-child(3) h3 {
	background: url('img/packages-circle-3.jpg') no-repeat;
}
.packages .package h3 div {
	padding-top: 75px;
}
.packages .package .circle div {
	
}

/*-------------------------- Board/team*/


ul.feed {
	list-style: none;
	margin: 0 0 50px 0;
	padding: 0;
}

	ul.feed li {
		display: block;
		margin: 0 0 30px;
		padding: 0 0 30px;
		border-bottom: 1px solid #DDDDDD;
	}

			ul.feed li:last-of-type {
				border:  none;
				padding: 0;
			}
	
			ul.feed li:first-of-type {
				padding: 0 0 30px;
			}
	
		ul.feed li img {
			float: left;
			margin: 0 20px 20px 0;
			width: 150px;
			height: 150px;
			-webkit-border-radius: 75px;
			border-radius: 75px;
			border: 4px solid #E4E4E4;
		}
			.single-team .content img {
				margin: 0 30px 20px 0;
			}

		ul.feed li h3 {
			margin: 0 0 10px;
			text-transform: none;
			font-size: 20px;
			letter-spacing: 0;
			font-weight: 400;
			color: #0E5EA6;
		}
		
		ul.feed li h4 {
			margin: 0 0 10px;
			text-transform: uppercase;
			letter-spacing: 0.5px;
			color: #a1a1a1;
		}
		
		ul.feed li p:first-of-type {
			font-size: 14.5px;
			line-height: 20px;
			font-style: italic;
			font-weight: 300;
		}


/* == Events page == */
.em-search-wrapper {display: none;}
.em-pagination a, .em-pagination .current {
	display: inline-block;
	padding: 0 7px;
	margin-right: 5px;
}
.em-pagination a {
	border: 1px solid #eee;
	color: #363636;
}
.em-pagination a:hover {
	text-decoration: none;
	background: #eee;
}
.em-pagination .current {
	background: #363636;
	color: #fff;
}
.em-pagination strong {
	font-weight: normal;
}


/* == Side bar == */
aside.sidebar ul {
    padding: 0;
}
aside.sidebar section.widget{
    background: #fafafa;
	margin-bottom: 2.5em;
	padding: 0 25px 25px 25px;
	position: relative;
}
aside.sidebar section.execphp-2 {
	padding: 0;
}
aside.sidebar, aside.sidebar h1, aside.sidebar h2, aside.sidebar h3, aside.sidebar h4 {
	color: #0068ac;
}
				
aside.sidebar .widget h3 {
	background: #52ebb7;
	color: #fff;
	padding: 10px 12px;
	margin: 0 -25px 1em -25px;
	text-transform: uppercase;
	font-family: 'Oswald', 'Arial Narrow', sans-serif;
	font-weight: 300;
	letter-spacing: 2.2px;
	font-size: 175%;
}	

	aside.sidebar h4 {
		line-height: 1.5em;
	}

	aside.sidebar .recentposts h4 {
		margin: 0 0 0 75px;
	}

	aside.sidebar h5.category {
		display: block;
		position: absolute;
		left: 0;
		max-width: 85px;
		background: #0e5ea6;
		padding: 4px 8px;
		font-family: Georgia, serif;
		font-size: 15px;
		letter-spacing: -0.5px;
		color: #FFF;
		font-weight: normal;
		font-style: italic;
	}
	
		aside.sidebar h5.category a,
		aside.sidebar h5.category a:hover {
			text-decoration: none;
			color: #FFF;
			border: none;
		}

.screen-reader-text {display: none;}
#searchform {
	position: relative;
	margin-bottom: 2.5em;
}
#searchform input[type='text'] {
	background: #f0f2ef;
	width: 100%;
	border: none;
	padding: 12px 15px;
	font-size: 130%;
	font-family: Georgia, serif;
	font-style: italic;
}
#searchform input[type='submit'] {
	background: url('img/icon_search.png') no-repeat;
	width: 16px;
	height: 15px;
	position: absolute;
	top: 14px;
	right: 14px;
	border: 0;
	cursor: pointer;
}
.recentposts img.attachment-sidebar-thumb {
	float: left;
	margin: 0 20px 0 -25px;
	position: relative;
	top: 2px;
}
.recentposts h4 {
	font-size: 150%;
	font-style: italic;
	margin-bottom: 0;
	line-height: 1.25em;
}
.recentposts p {
	margin-bottom: 0.3em;
}
.recentposts p.excerpt {
	font-size: 120%;
	line-height: 1.3;
}
.recentposts .blurb {
	font-family: Georgia, serif;
	padding: 1.2em 0;
	margin-top: 20px;
	border-top: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
}
.recentposts a.readmore {
	text-transform: uppercase;
	font-size: 90%;
	font-weight: bold;
}
.sidebar .events {
	line-height: 1.2;
}
.sidebar .events h4 {
	font-size: 160%;
	font-style: italic;
}
.sidebar .events .info {
	font-family: Georgia, serif;
	border-top: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
	margin: 0 0 20px 0;
	padding: 10px 0;
	color: #0068ac;
}
.sidebar .events .venue {
	font-size: 120%;
	font-style: italic;
	color: #0068ac;
}
.sidebar .events .date, 
.home .events .date, 
.eventlist .date {
	background: #52EBB7;
    color: #FFFFFF;
    float: left;
    line-height: 0.8;
    margin-right: 10px;
    width: 55px;
    padding: 12px 8px;
    text-align: center;
	position: relative;
	top: 1px;
}

.eventlist .date {
	background: #0a5096;
}

.sidebar .events .date span, .home .events .date span, .eventlist .date span {
    font-size: 200%;
}

	.headergroup {
		background: #f6f6f6;
		padding: 12px 0;
	}
	
	h2.name {
		margin: 0 0 0.3em 0;
	}

	h3.location {
		color: #0068AC;
		font-size: 125%;
		font-style: italic;
		line-height: 1.15em;
	}
	
	p.event-details {
		color: #0068AC;
		margin: 0;
	}
	
/* == Events Calendar / Sidebar == */

.em-calendar-wrapper {
	margin: 0 0 40px;
}

	table.em-calendar {
		width: 100%;
		text-align: center;
		border-collapse: collapse;
	}

		table.em-calendar thead {
			background: #52ebb7;
			border: none;
			color: #6f6f6f;
		}
		
			table.em-calendar thead td {
				background: #52ebb7;
				border: none;
			}
			
				table.em-calendar thead td.month_name {   
					color: #FFFFFF;
					font-family: 'Oswald','Arial Narrow',sans-serif;
					font-size: 140%;
					font-weight: 300;
					letter-spacing: 2.2px;
					text-transform: uppercase;
				}
		
				table.em-calendar thead td a {
					text-indent: -9999px;
					font-size: 0;
					
					display: inline-block;
					width: 14px;
					height: 28px;
					background: url(img/calendar-arrows.gif) center left no-repeat;
					vertical-align: middle;
				}
		
					table.em-calendar thead td a.em-calnav-next {
						background: url(img/calendar-arrows.gif) center right no-repeat;
					}
					
			table.em-calendar td {
				border: 1px solid #d7d7d7;
				text-align: center;
				font-weight: bold;
				color: #808080;
				background: #fafafa;
				height: 50px;
				font-size: 120%;
			}
		
			table.em-calendar tr.days-names td {
				background: #e6e6e6;
				color: #6f6f6f;
				border: none;
				font-size: 80%;
				height: 35px;
			}
		
				table.em-calendar tr.days-names td a {
					color: #00529c;
				}
				
				table.em-calendar td.eventless-today, 
				table.em-calendar td.eventful-today {
					background: url(img/calendar-active.gif) center center no-repeat;
					color: #fff;
				}
				
				table.em-calendar td.eventful a {
					color: #00529c;
				}
				
	table.em-calendar tr:first-child th {
	  border-top: 0;
	}
	table.em-calendar tr:last-child td {
	  border-bottom: 0;
	}
	table.em-calendar tr td:first-child,
	table.em-calendar thead tr td:first-child {
	  border-left: 0;
	}
	table.em-calendar tr td:last-child,
	table.em-calendar thead tr td:last-child {
	  border-right: 0;
	}


/* == Footer area == */

/*------------------------ Sign up */


.strip.group.signup {
	border-top: 2px solid #fff;
	background: #d6d6d6;
	text-align: center;
}

	.strip.group.signup .inner  {
		padding: 45px 0 40px 0;
		display: inline-block;
		text-align: center;
		max-width: 680px;
	}

		.strip.group.signup .inner  h2 {
			font-size: 25px;
			line-height: 25px;
			margin: 0 0 25px 0;
			text-align: center;
			color: #282828;
		}

		.strip.group.signup form {
			margin: 0;
			float: none;
		}

			.strip.group.signup .inner  input,
			.strip.group.signup .inner  button {
				float: left;
				padding: 0 2%;
				line-height: 45px;
				height: 45px;
			}

			.strip.group.signup .inner  input[type=email],
			.strip.group.signup .inner  input[type=text] {
				margin-right: 8px;
				border-radius: 4px;
				border: 0;
			}

			.strip.group.signup .inner  input[type=email] {
				width: 300px;
			}

			.strip.group.signup .inner  input[type=text] {
				width: 160px;
				margin-left: 37px;
			}

/*SUBSCRIBE BAR*/

.wrapper_subscribe {
	width: 100%;
	padding: 1% 0 1.25%;
	margin: 0 auto;
	background: #52EBB7;
}

	.wrapper_subscribe .container {
		text-align: center;
	}
		.wrapper_subscribe h3 {
		    color: #0068ac;
		    font-family: "Oswald","Arial Narrow",sans-serif;
		    font-size: 110%;
		    font-weight: 300;
		    letter-spacing: 2.2px;
		    margin: 0 0 15px;
		    text-transform: uppercase;
		}

		.wrapper_subscribe form {
		topext-align: center;
		}

			.wrapper_subscribe input {
				background: #FFF;
				color: #0068ac;
			    font-family: "Rokkitt",Georgia,serif;
			    font-style: italic;
				font-size: 18px;
				line-height: 40px;
				border: none;
				padding: 0 12px;
				margin: 0 5px;
				display: inline-block;
			}

			.wrapper_subscribe input[type=submit]{
		    	font-family: "Oswald","Arial Narrow",sans-serif;
		    	font-size: 125%;
		    	font-style: normal;
		    	text-transform: uppercase;
		    	letter-spacing: 2.2px;
			    color: #fff;
			    line-height: 40px;
			    font-weight: 300;
			    background: #0068ac;
				-webkit-transition: all 0.5s ease;
				-moz-transition: all 0.5s ease;
				-o-transition: all 0.5s ease;
				transition: all 0.5s ease;
			}

				.wrapper_subscribe input[type=submit]:hover,
				.wrapper_subscribe input[type=submit]:focus {
			    	background: #005084;
				}


/*FOOTER*/
			
.wrapper_footer {
	background: #363636;
	padding: 2.5% 0;
	color: #9c9c9c;
}
.wrapper_footer a {
	color: #9c9c9c;
}
ul#menu-primary-1 {
	list-style-type: none;
	padding: 0;
	margin: 0;
	text-align: center;
	margin-bottom: 20px;
}
ul#menu-primary-1 li {
	display: inline;
	margin-right: 30px;
}
ul#menu-primary-1 li a {
	font-style: italic;
}
ul#menu-primary-1 li a:hover {
	color: #fff;
	text-decoration: none;
}
ul#menu-primary-1 li.menu-item-18 a {
	background: url('img/icon_home2.png') no-repeat;
	display: inline-block;
	width: 15px;
	height: 13px;
	text-indent: -9999px;
	position: relative;
	top: 5px;
}
ul#menu-primary-1 ul {
	display: none;
}
footer .social {
	text-align: center;
	margin: 20px 0;
}
footer .social a {
	display: inline-block;
	text-indent: -9999px;
	margin-right: 30px;
	position: relative;
}
footer .social a.twitter {
	background: url('img/icon_twitter.png') no-repeat;
	width: 18px;
	height: 14px;
	top: -7px;
}
footer .social a.facebook {
	background: url('img/icon_facebook.png') no-repeat;
	width: 9px;
	height: 16px;
	top: -8px;
}
footer .social a.email {
	background: url('img/icon_updated.png') no-repeat;
	width: 152px;
	height: 25px;
}

/*------------------------Footer GB credit */
	
#credit {
	position: fixed;
	bottom: 20px;
	right: 35px;
	z-index: 2000;
	margin: 0;
}

	#credit a {
		text-transform: uppercase;
		font-size: 0.688em;
		line-height: 30px;
		letter-spacing: 0.3px;
		color: #a1a1a1;
		float: left;
		font-family: Arial, sans-serif;
		opacity: 0.25;
		/* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=25)";
		/* IE 5-7 */ filter: alpha(opacity=25);
		/* Netscape */ -moz-opacity: 0.25;
		/* Safari 1.x */ -khtml-opacity: 0.25;
		-webkit-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		-o-transition: all 0.5s ease;
		transition: all 0.5s ease;
		
	}
		
		#credit a span#gb {
			text-indent: -999px;
			font-size: 0;
			color: #000;
			
			width: 30px;
			height: 30px;
			display: inline-block;
			background: url(img/gb-icon.png) top left no-repeat;
			float: left;
			margin: 0 10px 0 0;
		}
		
		#credit a:hover, #credit a:active, #credit a:focus {
			opacity: 1;
			text-decoration: none;
			/* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
			/* IE 5-7 */ filter: alpha(opacity=100);
			/* Netscape */ -moz-opacity: 1;
			/* Safari 1.x */ -khtml-opacity: 1;
		}


/* ============= Media queries ============= */

@media screen 
and (min-width: 915px)
and (max-width: 1095px) {

	header.header {
		padding: 2.5em 0 4.8em;
	}

		header.header h1 {
			text-align: center;
		}

			header.header h1 a {
				display: inline-block;
			}

		nav.main-navigation {
			margin-top: 18px !important;
			float: none !important;
		}

			ul#menu-primary {
				text-align: center;
			}

				.sf-menu > li {
					float: none;
					display: inline-block;
				}

					ul.sf-menu a {
						padding: 0 0 15px;
						margin-left: 0 1.1em;
						margin-right: 0 1.1em;
						/*margin-top: 1em;*/
					}

}

@media screen and (max-width: 915px) {

	#menu-primary {
		position: absolute;
		width: 96%;
	}

}

/* breakpoint +45em (720px) */
@media screen and (min-width: 915px) {

	/* == Layout == */
	main.content .span-8 {
		padding-right: 10%;
	}
	
	/* == Header area == */
	header.header {
		padding: 2.7em 0;
	}
	header.header h1 a {
		margin: 0;
	}
	nav.main-navigation {
		float: right;
		margin-top: -2.2em;
	}
	ul.sf-menu {
		background: none;
		margin: 0;
	}
	ul.sf-menu li, ul.sf-menu li:hover {
		background: none;
	}
	ul.sf-menu a {
		background: none;
		color: #86ecbb;
		font-size: 115%;
		font-style: italic;
		padding: 0 0 37px 0;
		margin-left: 2.3em;
		border: none;
	}
	ul.sf-menu ul {
		background: #fff;
		left: 50%;
		margin-left: -60px;
		width: 120px;
	}
	ul.sf-menu ul li {
		background: none;
		white-space: normal;
	}
	ul.sf-menu a:hover {
		color: #fff;
		text-decoration: none;
	}
	ul.sf-menu ul a {
		padding: 10px 0;
		margin: 0 10px;
		color: #5d5d5d;
		width: 11em;
		line-height: 1.2;
		font-size: 95%;
		border-top: 1px solid #e6e6e6;
	}
	ul.sf-menu ul a:hover {
		color: #0068ac;
	}
	ul.sf-menu li#menu-item-18 a {
		background: url('img/icon_home.png') no-repeat;
		width: 15px;
		height: 13px;
		text-indent: -9999px;
		position: relative;
		top: 5px;
	}
	ul.sf-menu li.menu-item-has-children:hover a {
		background: url('img/nav_arrow.png') no-repeat bottom center;
	}
	
	/* == Homepage == */
	.home-feature p.cell {
		font-size: 180%;
	}
	
	/* == Inner pages == */
	div.pagebanner .container {
		height: 350px;
	}
	div.pagebanner h2 {
		font-size: 500%;
		width: 50%;
		line-height: 0.85;
		text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
		margin: 0 0 0.5em 0;
	}
	
		.page-id-45 div.pagebanner h2 {
			text-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
		}
		
	div.pagebanner .Dark h2 {
		text-shadow: 0px 0px 0px rgba(225, 225, 225, 0);
	}
	div.pagebanner p {
		font-size: 120%;
		width: 50%;
		text-shadow: 0px 0px 15px rgba(0, 0, 0, 0.4);
	}
	div.pagebanner .Dark p {
		text-shadow: 0px 0px 0px rgba(225, 225, 225, 0);
	}
	
	/* == Footer == */
	ul#menu-primary-1 {
		text-align: left;
		margin-bottom: 0;
	}
	footer .social {
		float: right;
		margin: 0;
	}

}

/* breakpoint +100.1em (above 1600px) */
@media screen and (min-width: 100.5em) {

	/* == Homepage == */
	.home-feature p.cell {
		font-size: 250%;
		line-height: 35px;
		padding: 0 60px 40px 0;
	}
	
		.home-feature p.cell span.alternate {
			font-size: 65%;
			font-weight: 300;
			 font-family: "Oswald", Arial, sans-serif;
			 text-transform: uppercase;
		}
	
	/* == Inner pages == */
	div.pagebanner {
		background-size: cover;
	}
	div.pagebanner .container {
		max-height: 503px;
	}
	div.pagebanner p {
		font-size: 140%;
	}

}

/* menu change between 45em (720px) and 60em (970px)  */
@media screen and (min-width: 915px) and (max-width: 60em) {

	header.header h1 a {
		background: url("img/logo-small.png") no-repeat;
		width: 170px;
		height: 21px;
	}
	.sf-menu {
		position: relative;
		top: 5px;
	}
	.sf-menu a {
		margin-left: 1.2em;
	}
	
	/* == Homepage == */
	.home-feature p.cell {
		font-size: 180%;
	}

}

@media only screen and (max-width : 1600px) {
	
	#credit {
		position: relative;
		bottom: 0;
		right: 0;
		margin: 30px auto 0 auto;
		text-align: center;
		width: 155px;
		height: 30px;
	}
	
}


@media only screen and (min-width : 1600px) {	

	#credit {
		position: fixed;
		bottom: 20px;
		right: 35px;
		z-index: 2000;
		margin: 0;
	}
	
}