/*   
Theme Name: MPIRG.org
Description: A custom made WordPress theme for MPIRG.
Author: Beachcombers
Author URI: http://shawnburtis.com
Version: 1.0
*/

/*
	HTML5 Reset Wordpress Theme :: style.css
	----------------------------------------------------------
	We have learned much from/been inspired by/taken code where offered from:
	
	Eric Meyer					:: http://ericmeyer.com
	HTML5 Doctor				:: http://html5doctor.com
	and the HTML5 Boilerplate	:: http://html5boilerplate.com
	
	Special thanks: The Wordpress theme owes its start to an empty theme authored 
		by Chris Coyier & Jeff Starr: http://digwp.com
	
-------------------------------------------------------------------------------*/

@import url("reset.css");

.admin-bar header.white {
	margin-top:32px;
}

.wrapper {
	width: 960px;
	margin: 0 auto;
	position:relative;
}

a {
    text-decoration:none;
	cursor:pointer;
}
strong {
	font-weight:bold;
}
.left {
	float:left;
}

body {
	padding-top:80px;
	overflow-x:hidden;
}
body.home {
	padding-top:0;
}
header {
	/*background-color:#2f2933;*/
	height:80px;
	position:relative;
	z-index:99;
	width:100%;
}
header + .row {
	margin-top:-80px;
	z-index:0;
	padding-top:165px;
}
header + .row h2 {
	font-size:70px;
	line-height:70px;
}
header + .row p {
	font-size:18px;
	line-height:28px;
}
header a.green-button {
	background-color:#55c2b5;
}
header .wrapper > a:first-child {
	width:144px;
	height:78px;
	display:inline-block;
	background:url('images/assets.png') no-repeat left top;
	margin-right:32px;
	margin-top:2px;
}
header ul ul {
	display: none;
	position: absolute;
	z-index: 999;
	background-color: #4bb9bb;
	text-align: left;
	margin-top:19px;
	margin-left:-13px;
	border:1px solid #218e94;
	border-top:0;
}
/*header ul ul li {
	display:block;
}*/

header.white {
	position:fixed;
	top:0;
	background-color:rgba(255,255,255,0.9);
	border-bottom:1px solid #ccc;
}
header.white .wrapper div span a:hover {
	background-position:-75px -82px;
}
header.white .wrapper div span a {
	background-position:-41px -82px;
}
header.white .wrapper div span a + a:hover {
	background-position:-75px -113px;
}
header.white .wrapper div span a + a {
	background-position:-41px -113px;
}
header.white a {
	color:#bfbfbf;
}
header ul ul li a {
	display: block;
	padding: 0 13px;
	font-size:15px;
	font-weight:700;
	line-height:34px;
}
header ul ul li a:hover {
	background-color:#0aa2a7;
}
header ul#menu-header {
	display:inline-block;
	vertical-align:top;
	margin-top:41px;
}
header ul#menu-header > li {
	float:left;
	margin-right:34px;
}
header ul#menu-header > li > a {
	padding-bottom:18px;
}
header a {
	color:#cbe590;
	color:#fff;
	font-family: 'Montserrat', sans-serif;
	font-weight:700;
	font-size:18px;
	letter-spacing:1px;
	line-height:20px;
	text-transform:uppercase;
}
header ul#menu-header li:hover > a,
header ul#menu-header li.current-menu-item > a {
	color:#edf7f3;
}
header.white ul#menu-header li:hover > a,
header.white  ul#menu-header li.current-menu-item > a {
	color:#2f2a34;
}
header.white ul#menu-header ul li:hover > a,
header.white  ul#menu-header ul li.current-menu-item > a {
	color:#fff;
}
header.white ul ul li a {
	color:#fff;
}

header .wrapper div {
	padding-top:28px;
	display:block;
	position:absolute;
	top:0;
	right:0;
}
header .wrapper div span {
	display:inline-block;
}
header .wrapper div span a {
	display:inline-block;
	width:30px;
	height:38px;
	background:url('images/assets.png') no-repeat -7px -82px;
}
header .wrapper div span a + a {
	background:url('images/assets.png') no-repeat -6px -113px;
	margin:0 15px 0 2px;
}
header .wrapper a.green-button {
	-webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
	-moz-box-shadow:    0px 0px 0px 0px rgba(0, 0, 0, 0);
	box-shadow:         0px 0px 0px 0px rgba(0, 0, 0, 0);
}

a.green-button {
	display:inline-block;
	background:#afd35c;
	padding:0 20px;
	height:auto;
	width:auto;
	color:#fff !important;
	line-height:38px;
	text-align:center;
	font-family: 'Montserrat', sans-serif;
	font-weight:700;
	font-size:18px;
	letter-spacing:1px;
	text-transform:uppercase;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25);
	-moz-box-shadow:    0px 0px 10px 0px rgba(0, 0, 0, 0.25);
	box-shadow:         0px 0px 10px 0px rgba(0, 0, 0, 0.25);
}
.row a.green-button {
	margin:42px auto 0;
}


footer {
	height:140px;
	padding-top:30px;
	padding-bottom:40px;
	background-color:#fff;
	border-top:1px solid #ccc;
}
footer a {
	color:#cbe590;
	font-family: 'Montserrat', sans-serif;
	font-weight:700;
	font-size:18px;
	letter-spacing:1px;
	line-height:20px;
	text-transform:uppercase;
}

footer a {
	color:#a8a8a8;
	font-family: 'Montserrat', sans-serif;
	font-weight:700;
	font-size:16px;
	letter-spacing:1px;
	line-height:20px;
	text-transform:uppercase;
	line-height:30px;
}
footer .one-third:first-child {
	border-left:0 solid;
}
footer .one-third + .one-third {
	border-left:1px solid #a8a8a8;
	min-height:143px;
	padding-left:38px;
	width:280px;
}
footer ul li a:hover,
footer .current-menu-item a {
	color:#22979e;
}
footer input {
	background-color:#d6d6d6;
	padding:4px 6px;
	font-family: 'Arvo', sans-serif;
	font-size:14px;
	line-height:24px;
	letter-spacing:1px;
	width:156px;
	float:left;
	border:0 solid;
}
footer input[type=submit] {
	background:#22979e;
	padding:0 16px;
	height:auto;
	width:auto;
	color:#fff;
	line-height:32px;
	text-align:center;
	margin:0 auto;
	font-family: 'Montserrat', sans-serif;
	font-weight:700;
	font-size:18px;
	letter-spacing:1px;
	text-transform:uppercase;
}
footer h2 {
	font-family: 'Montserrat', sans-serif;
	font-weight:700;
	font-size:16px;
	line-height:30px;
	color:#a8a8a8;
	letter-spacing:1px;
	text-transform:uppercase;
}
footer p {
	font-family: 'Arvo', sans-serif;
	line-height:20px;
	margin-bottom:16px;
	color:#a8a8a8;
	letter-spacing:1px;
	font-size:13px;
}
footer .one-third +.one-third +.one-third div {
	margin-top:6px;
}
footer .one-third +.one-third +.one-third div a {
	display:inline-block;
	width:30px;
	height:38px;
	background:url('images/assets.png') no-repeat -7px -82px;
}
footer .one-third +.one-third +.one-third div a + a {
	background:url('images/assets.png') no-repeat -6px -113px;
	margin:0 5px 0 6px;
}

.two-third {
	width:66%;
	display:inline-block;
}
.one-third {
	width:32%;
	display:inline-block;
}
.two-third * {
	padding:0 6%;
}

.row {
	padding:115px 0;
	width:100%;
	text-align:center;
	position:relative;
}
.row.states {
	background:url('images/hero_image.jpg') no-repeat center top;	
	background-size:cover;
}
.row.wood {
	/*background:url('images/content/home_row_bg.jpg') no-repeat center top;*/
	background:url('images/home_bg.jpg') repeat center 5px;
}
.row.people {
	background:url('images/about_bg.jpg') no-repeat center;	
	background-size:cover;
}
.row.off-white {
	background-color:#edf7f3;
}
.row.teal {
	background-color:#16a8ab;
}
.row.seafoam {
	background-color:#56c2b6;
}
.row.off-white * {
	color:#333;
}
.row.dark *,
.row.states *,
.row.wood *,
.row.seafoam *,
.row.people *,
.row.teal * {
	text-shadow: 0px 0px 8px rgba(0, 0, 0, 0.25);
	color:#fff;
}
.row.dark p ,
.row.states p ,
.row.wood p,
.row.seafoam p,
.row.people p,
.row.teal p {
	text-shadow: 0px 0px 7px rgba(0, 0, 0, 0.4);
}
.row h1, .row h2, .row h3,
.row h4, .row h5, .row h6 {
	display:inline-block;
	font-family: 'Montserrat', sans-serif;
	font-weight:700;
	/*padding:0 5%;*/
	letter-spacing:2px;
	margin:0 auto;
	text-align:center;
	text-transform:uppercase;
	color:#333;
}
.row h2 {
	font-size:55px;
	line-height:54px;
}
.row h3 {
	font-size:40px;
	line-height:44px;
}
.row h4 {
	font-size:25px;
	line-height:34px;
}
.row p {
	font-family: 'Arvo', sans-serif;
	font-size:16px;
	line-height:24px;
	letter-spacing:1px;
	/*padding:0 16%;*/
	color:#333;
	margin:0 auto 0;
	text-align:center;
	max-width:700px;
}
.row h2 + p,
.row h3 + p {
	margin-top:26px;
}
.row h4 + p {
	margin-top:20px;
}
.tri {
	padding-bottom:72px;
	position:relative;
}
.tri div {
	width:33%;
	display:inline-block;
	margin-top:-50px;
}
.tri h3,
.tri h3 a {
	letter-spacing:1px;
	color:#55c2b5;
	font-size:22px;
	width:260px;
	margin:0 auto;
	display:block;
	line-height:26px;
	text-transform:uppercase;
	text-align:center;
	margin-bottom:13px;
}
.tri p {
	font-family: 'Arvo', sans-serif;
	font-size:14px;
	line-height:21px;
	width:260px;
	text-align:center;
	margin:0 auto;
}
.tri img {
	display:block;
	margin:0 auto 35px;
	width:246px;
	-webkit-transition: width .1s, opacity .1s, margin-bottom .1s;
	transition: width .1s, opacity .1s, margin-bottom .1s;
}
.tri img:hover {
	width:236px;
	opacity:0.96;
	margin-bottom:45px;
}

body.page-id-16 {
	background-color:#1ba5a7;
}
body.page-id-16 #infographic * {
	color:#fff;
}
body.page-id-16 #infographic .white {
	background-color:white;
}
body.page-id-16 #infographic .white * {
	color:#000;
}
body.page-id-16 #infographic .row {
	padding:200px 0;
}
body.page-id-16 #infographic h2 {
	position:relative;
	z-index:5;
}
body.page-id-16 #infographic p {
	font-size:18px;
	line-height:26px;
	/*background-color:rgba(0,0,0,0.3);*/
	display:block;
	/*padding:15px 0;*/
	max-width:none;
	margin-bottom:0;
}
body.page-id-16 #infographic .row.quote {
	padding:100px 0;
}

.year {
	position:absolute;
	left:0;
	top:-35px;
	color: #fff;
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
	font-size: 58px;
	letter-spacing: 1px;
	text-transform: uppercase;
	text-align:left;
	line-height:70px;
	padding-left:125px;
	display:inline-block;
	background-color:#1d7c7f;
	color:#fff !important;
	z-index:10;
}
.year span {
	position:absolute;
	right:-47px;
	top:0;
	display:block;
	height:70px;
	width:47px;
	background:url('images/year_arrow.png') no-repeat center;
}
.boat {
	-webkit-animation: floater 60s linear infinite alternate;
	animation: floater 60s linear infinite alternate;
}
@-webkit-keyframes floater
{
	from {right: -20%;}
	to {right: 80%;}
}
@keyframes floater
{
	from {right: -20%;}
	to {right: 80%;}
}
.boat div {
	-webkit-animation: mysec 2s ease infinite alternate;
	animation: mysec 2s ease infinite alternate;
}
@-webkit-keyframes mysec
{
	from {top: 0;}
	to {top: 8px;}
}
@keyframes mysec
{
	from {top: 0;}
	to {top: 8px;}
}
.slime {
	-webkit-animation: slimer 4s ease infinite alternate;
	animation: slimer 4s ease infinite alternate;
}
@-webkit-keyframes slimer
{
	from {opacity: 0.25;}
	to {opacity: 1;}
}
@keyframes slimer
{
	from {opacity: 0.25;}
	to {opacity: 1;}
}

.tire {
	-webkit-animation: rotator 4s linear infinite;
	animation: rotator 4s linear infinite;
}
@-webkit-keyframes rotator
{
	from {
		transform:rotate(0deg);
		-ms-transform:rotate(0deg); /* IE 9 */
		-webkit-transform:rotate(0deg); /* Opera, Chrome, and Safari */
	}
	to {
		transform:rotate(360deg);
		-ms-transform:rotate(360deg); /* IE 9 */
		-webkit-transform:rotate(360deg); /* Opera, Chrome, and Safari */
	}
}
@keyframes rotator
{
	from {
		transform:rotate(0deg);
		-ms-transform:rotate(0deg); /* IE 9 */
		-webkit-transform:rotate(0deg); /* Opera, Chrome, and Safari */
	}
	to {
		transform:rotate(360deg);
		-ms-transform:rotate(360deg); /* IE 9 */
		-webkit-transform:rotate(360deg); /* Opera, Chrome, and Safari */
	}
}

.bike {
	-webkit-animation: drive 9s linear infinite;
	animation: drive 9 linear infinite;
}
@-webkit-keyframes drive
{
	from {left:-25%;}
	to {left:110%;}
}
@keyframes drive
{
	from {left:-25%;}
	to {left:110%;}
}

.black_third {
	position:absolute;
	width:100%;
	height:100%;
	background:url('images/black_third_bg.png') repeat-y center top;
	margin-top:-115px;
}
#blog-preview {
	width:240px;
	padding:0 35px;
	margin-top: -65px;
	margin-bottom: -70px;
	position:relative;
}
#blog-preview a.blank {
	width:66px;
	height:66px;
	background-color:rgba(255,255,255,0.5);
	display:block;
	float:left;
}
#blog-preview h3 {
	font-family: 'Montserrat', sans-serif;
	font-weight:700;
	font-size:20px;
	line-height:37px;
	color:#fff;
	letter-spacing:1px;
	margin:0 auto 20px;
	text-align:center;
	text-transform:uppercase;
}
#blog-preview img {
	float:left;
	margin-right:18px;
	width:66px;
	height:66px;
	background-color:white;
}
#blog-preview div {
	margin-left:84px;
}
#blog-preview p {
	text-align:left;
	font-size:15px;
	padding:0;
	line-height:20px;
	margin-bottom:5px;
}
#blog-preview a.more {
	font-family: 'Montserrat', sans-serif;
	font-size:15px;
	line-height:20px;
	font-weight:700;
	color:#afd35c;
	text-align:left;
	display:block;
	text-transform:uppercase;
}
#blog-preview li {
	padding-bottom:30px;
}

.single .attachment-single-featured {
	display:block;
	margin:0 auto 15px;
}

.entry * {
	max-width:675px;
	font-family: 'Arvo', sans-serif;
	font-size:14px;
	line-height:24px;
	letter-spacing:1px;
	color:#333;
	text-align:left;
}
.entry ul, .entry ol {
	margin:0 auto 28px;
	position:relative;
	left:20px;
}
.entry li {
	margin-bottom:8px;
}
.entry ul {
	list-style:disc outside;
}
.entry h1 {
	font-family: 'Montserrat', sans-serif;
	font-weight:700;
	font-size:55px;
	line-height:49px;
	width:100%;
	color:#333;
	letter-spacing:2px;
	margin:0 auto 26px;
	text-align:center;
	text-transform:uppercase;
	padding-top:60px;
}
.entry p {
	margin:0 auto 28px;
}

#chapters {
	margin:15px auto 0;
}
#chapters a {
	background-color:#09a3a7;
	display:inline-block;
	width:218px;
	line-height:40px;
	margin:13px;
	font-family: 'Montserrat', sans-serif;
	font-weight:700;
	font-size:19px;
	color:#fff;
	letter-spacing:1px;
	text-align:center;
	text-transform:uppercase;
}
#chapters + .green-button,
.page-id-20 .row form + .green-button {
	margin-top:25px;
}

.page-id-616 .entry {
	padding-bottom:35px;
}
.page-id-20 .row form {
	width:472px;
	margin:15px auto 0;
}
.page-id-20 .row form input,
.page-id-20 .row form select,
.page-id-20 .row form option {
	background-color:#fff;
	padding:4px 6px;
	font-family: 'Arvo', sans-serif;
	font-size:14px;
	line-height:30px;
	letter-spacing:1px;
	width:200px;
	display:inline-block;
	border:0 solid;
	margin:8px;
	color:#000;
}
.page-id-20 .row form select {
	width:212px;
	height:38px;
}
.page-id-20 .row form input[type=submit] {
	background: #afd35c;
	width: 212px;
	color: #fff;
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
	font-size: 18px;
	letter-spacing: 1px;
	text-transform: uppercase;
	line-height: 31px;
}

.page-id-24 .people-container > div div {
	margin-bottom:11px;
	height:244px;
	position:relative;
}
.page-id-24 .people-container > div p,
.page-id-24 .people-container > div img {
	-webkit-border-radius: 125px;
	-moz-border-radius: 125px;
	border-radius: 125px;
}
.page-id-24 .people-container > div div p {
	position:absolute;
	width:193px;
	height:145px;
	z-index:1;
	background-color:rgba(191,218,113,0.9);
	color: #333;
	font-family: 'Montserrat', sans-serif;
	font-size: 13px;
	letter-spacing: 1px;
	text-align:center;
	top:0;
	padding:48px 25px 50px;
	line-height:16px;
	display:none;
}
.page-id-24 .people-container > div img {
	position:absolute;
	top:0;
	left:0;
	width:243px;
	height:243px;
}

.page-id-24 .people-container {
	padding:55px 0;
	text-align:center;
}
.page-id-24 .people-container > div {
	width:243px;
	display:inline-block;
	margin:0 37px 40px;
}
.page-id-24 .people-container h3 {
	color: #333;
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
	font-size: 22px;
	letter-spacing: 1px;
	text-transform: uppercase;
	text-align:center;
}
.page-id-24 .people-container h4 {
	color: #333;
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
	font-size: 15px;
	letter-spacing: 1px;
	text-align:center;
}
.page-id-24 .people-container > div > p {
	display:block;
	text-align:center;
	color: #16a8ab;
	font-family: 'Montserrat', sans-serif;
	font-size: 14px;
	letter-spacing: 1px;
	line-height:22px;
}
.page-id-24 .people-container > div:hover p {
	display:block;
}



.half {
	width:42%;
	display:inline-block;
	padding:0 30px;
	text-align:center;
}
.half h3 {
	font-family: 'Montserrat', sans-serif;
	font-weight:700;
	font-size:35px;
	line-height:36px;
	color:#55c2b5;
	letter-spacing:1px;
	text-align:center;
	text-transform:uppercase;
	margin:0 auto 12px;
}


.job,
#donate-pop {
	display:none;
	padding:12px;
}
.page-id-39 .job *,
#donate-pop * {
	margin-bottom:12px;
	font-family: 'Arvo', serif;
	font-size:14px;
	line-height:22px;
}
.page-id-39 .job li,
#donate-pop li {
	list-style:outside disc;
	margin-left:2em;
	margin-bottom:0;
}
.page-id-39 .job h2,
#donate-pop h2 {
	font-size:24px;
	line-height:24px;
	text-align:center;
	margin-bottom:14px;
	font-family: 'Montserrat', sans-serif;
	text-transform:uppercase;
	letter-spacing:1px;
}

#jobs .wrapper div {
	width:42%;
	display:inline-block;
	padding:0 30px;
	text-align:center;
	margin-bottom: 55px;
}
#jobs .wrapper div h3 {
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
	font-size: 35px;
	line-height: 36px;
	color: #55c2b5;
	letter-spacing: 1px;
	text-align: center;
	text-transform: uppercase;
	margin: 0 auto 12px;
}
#blog #blogroll {
	display:inline-block;
	width:620px;
}
#blog #sidebar {
	display:inline-block;
	width:280px;
	position:absolute;
	right:0;
	top:0;
}
#blog {
	margin:60px auto;
	position:relative;
}
#blog * {
	font-family: 'Arvo', sans-serif;
	font-size:14px;
	line-height:23px;
	letter-spacing:1px;
	/*padding:0 16%;*/
	color:#333;
	text-align:left;
}
#blog h2,
#blog h2 a,
#blog h3 {
	display:inline-block;
	text-decoration:none;
	font-family: 'Montserrat', sans-serif;
	font-weight:700;
	letter-spacing:2px;
	margin:0 auto;
	text-align:left;
	text-transform:uppercase;
	color:#444;
	font-size:35px;
	line-height:40px;
	margin-bottom:9px;
}
#blog h2.cat {
	font-size:20px;
	color:#bfbfbf;
}
#blog p, #blog ul, #blog ol {
	margin-bottom:2em;
}
#blog p.meta {
	color:#16a8ab;
	font-size:16px;
	margin-bottom:22px;
}
#blog p span {
	color:#cfcfcf;
	font-size:14px;
}
#blog .tags {
	border-top:1px solid #cfcfcf;
	padding-top:10px;
	margin-bottom: 30px;
	clear:left;
}
#blog .post {
	border-top:2px solid #4b4a4b;
	padding-top: 30px;
	clear:left;
}
#blog .post .wp-post-image {
	float:left;
	margin-right:15px;
	padding-bottom:25px;
}
#blog .tags a {
	color:#cfcfcf;
}
#blog #sidebar div {
	padding:15px;
	background-color:#56c2b6;
	text-align:center;
	margin-bottom:15px;
}
#blog #sidebar h3 {
	font-size:20px;
	text-align:center;
	color:#fff;
	margin-bottom:0;
	display:block;
}


/*

.page-id-39 #light * {
	font-family: 'Arvo', serif;
	font-size:14px;
	line-height:18px;
	-webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
	-moz-box-shadow:    0px 0px 0px 0px rgba(0, 0, 0, 0);
	box-shadow:         0px 0px 0px 0px rgba(0, 0, 0, 0);
}

.desaturate {
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	filter: grayscale(100%);
}
.campaign-1 {
	width:100%;
}
.campaign {
	text-align:center;
	padding:80px 0;
}
.campaign h2 {
	font-family: 'Montserrat', sans-serif;
	font-weight:700;
	font-size:40px;
	line-height:49px;
	width:100%;
	color:#fff;
	letter-spacing:2px;
	margin:0 auto 26px;
	text-align:center;
	text-transform:uppercase;
	text-shadow: 0px 0px 8px rgba(0, 0, 0, 0.25);
}
.campaign p {
	font-family: 'Arvo', sans-serif;
	font-size:16px;
	line-height:24px;
	letter-spacing:1px;
	max-width:675px;
	color:#fff;
	margin:0 auto 42px;
	text-align:center;
	text-shadow: 0px 0px 7px rgba(0, 0, 0, 0.4);
}
.campaign-2 {
	background-color:#edf7f3;
}
.campaign-2 h2,
.campaign-3 h2 {
	color:#333;
	text-shadow: 0px 0px 0px;
}
.campaign-2 p,
.campaign-3 p {
	color:#333;
	text-shadow: 0px 0px 0px;
}
.campaign-3 .two-third {
	padding:0 48px;
	width:540px;
}

.error404 h3 {
	margin-bottom:45px;
	font-size:40px;
}

.page-id-16 {
	background-color:#1ba5a7;
}
.page-id-16 footer {
	border-top:3px solid white;
}



.row .wrapper p {
	width:65%;
}
.page-id-18 header +.row {
	height:380px;
}

#blog-preview {
	background-color:rgba(35,29,39, 0.8);
	padding:70px 40px 0;
	width:240px;
	height:375px;
}
#blog-preview h3 {
	font-family: 'Montserrat', sans-serif;
	font-weight:700;
	font-size:20px;
	line-height:37px;
	width:100%;
	color:#fff;
	letter-spacing:1px;
	margin:0 auto 20px;
	text-align:center;
	text-transform:uppercase;
}
#blog-preview img {
	float:left;
	margin-right:18px;
	width:66px;
	height:66px;
	background-color:white;
}
#blog-preview div {
	margin-left:78px;
}
#blog-preview p {
	width:180px;
	text-align:left;
	font-size:15px;
	line-height:20px;
	margin-bottom:5px;
}
#blog-preview a {
	font-family: 'Montserrat', sans-serif;
	font-size:15px;
	line-height:20px;
	margin-bottom:5px;
	font-weight:700;
	color:#afd35c;
	text-align:left;
	display:block;
	text-transform:uppercase;
}
#blog-preview li {
	padding-bottom:30px;
}
.desaturate {
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	filter: grayscale(100%);
}
.campaign-1 {
	width:100%;
}
.campaign {
	text-align:center;
	padding:80px 0;
}
.campaign h2 {
	font-family: 'Montserrat', sans-serif;
	font-weight:700;
	font-size:40px;
	line-height:49px;
	width:100%;
	color:#fff;
	letter-spacing:2px;
	margin:0 auto 26px;
	text-align:center;
	text-transform:uppercase;
	text-shadow: 0px 0px 8px rgba(0, 0, 0, 0.25);
}
.campaign p {
	font-family: 'Arvo', sans-serif;
	font-size:16px;
	line-height:24px;
	letter-spacing:1px;
	max-width:675px;
	color:#fff;
	margin:0 auto 42px;
	text-align:center;
	text-shadow: 0px 0px 7px rgba(0, 0, 0, 0.4);
}
.campaign-2 {
	background-color:#edf7f3;
}
.campaign-2 h2,
.campaign-3 h2 {
	color:#333;
	text-shadow: 0px 0px 0px;
}
.campaign-2 p,
.campaign-3 p {
	color:#333;
	text-shadow: 0px 0px 0px;
}
.campaign-3 .two-third {
	padding:0 48px;
	width:540px;
}
.half {
	width:41%;
	display:inline-block;
	padding:55px 40px;
	text-align:center;
}
.half h3 {
	font-family: 'Montserrat', sans-serif;
	font-weight:700;
	font-size:35px;
	line-height:26px;
	color:#55c2b5;
	letter-spacing:1px;
	text-align:center;
	text-transform:uppercase;
	margin:0 auto 26px;
}
.half p {
	font-family: 'Arvo', sans-serif;
	font-size: 14px;
	line-height: 21px;
	width: 264px;
	text-align: center;
	margin: 0 auto;
}
.half .green-button {
	margin-top:20px;
	-webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
	-moz-box-shadow:    0px 0px 0px 0px rgba(0, 0, 0, 0);
	box-shadow:         0px 0px 0px 0px rgba(0, 0, 0, 0);
}

.black_overlay {
	display: none;
	position: fixed;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: black;
	z-index: 1001;
	-moz-opacity: 0.30;
	opacity: .30;
	filter: alpha(opacity=30);
}
#light {
	display: none;
	position: absolute;
	top: 10%;
	left: 50%;
	margin-left: -488px;
	width: 896px;
	z-index: 1002;
	overflow: auto;
	width: 960px;
	padding:15px;
	margin-bottom:30px;
}
#light #x {
	display: block;
	cursor: pointer;
	float: right;
	background: url('images/assets.png') no-repeat -0 -155px;
	width: 29px;
	height: 29px;
}

.page-id-39 #light * {
	font-family: 'Arvo', serif;
	font-size:14px;
	line-height:18px;
	-webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
	-moz-box-shadow:    0px 0px 0px 0px rgba(0, 0, 0, 0);
	box-shadow:         0px 0px 0px 0px rgba(0, 0, 0, 0);
}
.page-id-39 #light p,
.page-id-39 #light ul {
	margin-bottom:12px;
}
.page-id-39 #light li {
	list-style:outside disc;
	margin-left:2em;
}
.job {
	display:none;
}
.page-id-39 #light h2 {
	font-size:20px;
	text-align:center;
	margin-bottom:14px;
	font-family: 'Montserrat', sans-serif;
	text-transform:uppercase;
	letter-spacing:1px;
}
.page-id-39 #white-box {
	width: 898px;
	background-color: white;
	margin-top: 15px;
	margin-right: 15px;
	padding: 23px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.reg h2 {
	font-family: 'Montserrat', sans-serif;
	font-weight:700;
	font-size:55px;
	line-height:49px;
	width:100%;
	color:#333;
	letter-spacing:2px;
	margin:0 auto 26px;
	text-align:center;
	text-transform:uppercase;
	padding-top:60px;
}
.reg h3 {
	font-family: 'Montserrat', sans-serif;
	font-weight:700;
	font-size:40px;
	line-height:36px;
	width:100%;
	color:#333;
	letter-spacing:2px;
	margin:0 auto 26px;
	text-align:center;
	text-transform:uppercase;
	padding-top:60px;
}
.reg p {
	font-family: 'Arvo', sans-serif;
	font-size:14px;
	line-height:24px;
	letter-spacing:1px;
	max-width:675px;
	color:#333;
	margin:0 auto 42px;
	text-align:left;
}
.error404 h3 {
	margin-bottom:45px;
	font-size:40px;
}
#chapters {
	width:740px;
	margin:0 auto;
	margin-top:-25px;
}
#chapters a {
	background-color:#09a3a7;
	display:inline-block;
	width:218px;
	line-height:40px;
	margin:13px;
	font-family: 'Montserrat', sans-serif;
	font-weight:700;
	font-size:19px;
	color:#fff;
	letter-spacing:1px;
	text-align:center;
	text-transform:uppercase;
}

.page-id-20 .row form {
	width:472px;
	margin:0 auto;
}
.page-id-20 .row form input {
	background-color:#fff;
	padding:4px 6px;
	font-family: 'Arvo', sans-serif;
	font-size:14px;
	line-height:30px;
	letter-spacing:1px;
	width:200px;
	float:left;
	border:0 solid;
	margin:8px;
}
.page-id-20 .row form input[type=submit] {
	background: #afd35c;
	height: auto;
	width: 212px;
	color: #fff;
	line-height: 31px;
	text-align: center;
	margin: 0 auto;
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
	font-size: 18px;
	letter-spacing: 1px;
	text-transform: uppercase;
	margin-left: 8px;
	margin-top: 8px;
}
.page-id-16 {
	background-color:#1ba5a7;
}
.page-id-16 footer {
	border-top:3px solid white;
}


*/

#river-row {
	margin-bottom:150px;
}
#swamp-row {
	margin-bottom:114px;
	padding-bottom:270px !important;
}
#bike-row {
	margin-bottom:195px;
	padding-bottom:147px;
	height:410px;
}
.page-id-16 .row h2, .page-id-16 .row p {
	max-width:1300px !important;
}

.page-id-22 h1 {
	font-family: 'Montserrat', sans-serif;
	font-weight:700;
	font-size:55px;
	line-height:49px;
	width:100%;
	color:#333;
	letter-spacing:2px;
	margin:0 auto 26px;
	text-align:center;
	text-transform:uppercase;
	padding:0;
	margin:0;
}
.page-id-22 .row {
	padding:145px 0 65px 0;
}

#blogroll a {
	color:#56c2b6;
	text-decoration: underline;
}
#blogroll .more {
	margin: 20px 0;
	display: block;
	text-transform: uppercase;
}
#blogroll .post a:first-child {
	text-decoration:none;
}

#blog .navigation {
	border-top: 1px dashed #d1d1d1;
	border-bottom: 1px dashed #d1d1d1;
	margin-top:40px;
	clear:both;
}
#blog .navigation div.prev, #blog .navigation div.next {
	display: block;
	padding: 15px;
	width: 44%;
}
#blog .navigation div.right {
	text-align: right;
	float: right;
}
#blog .navigation .left {
	float: left;
}
#blog .navigation a {
	font-size:16px;
}

.page-id-20 .fancybox-overlay * {
	text-align:center;
}
.page-id-20 .fancybox-overlay h3 {
	color: #09a3a7;
	font-size: 31px;
	margin-top: 14px;
	margin-bottom:15px;
}
.page-id-20 .fancybox-overlay h4 {
	font-size: 20px;
	line-height: 30px;
}
.page-id-20 .fancybox-overlay p {
	font-size: 18px;
	margin-top: 19px;
}
.page-id-20 .fancybox-overlay p + p{
	margin-top:5px;
}

.campus {
	display:none;
}

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

	body * {
		float:none !important;
		position:relative !important;
		max-width:100% !important;
	}
	body {
		padding-top:0;
	}
	img {
		display: block;
		max-width:100%;
		max-height:100%
		width: auto;
		height: auto;
	}
	.wrapper {
		width:100%;
	}
	
	header a {
		color:#bfbfbf;
	}
	
	header + .row {
		margin-top:0;
		padding-top:60px;
	}
	header .wrapper > a:first-child {
		margin:0 auto;
		display:block;
		background-position:center 5px;
	}
	header,
	header.white {
		height:auto;
		padding-bottom:0;
		background-color:rgba(255,255,255,1);
		border-bottom:1px solid #ccc;
	}
	header ul#menu-header {
		margin:0 auto;
		display:block;
		border-top:2px solid #fff;
		padding:8px 0;
		margin-top:5px;
		border-top:2px solid #ccc;
	}
	header ul#menu-header li {
		display:block;
		text-align:center;
		margin:0;
	}
	header .current-menu-ancestor ul,
	header .current-menu-item ul {
		display:block !important;
	}
	header ul ul {
		display:none !important;
	}
	header ul ul {
		margin:0;
	}
	header ul#menu-header li a {
		line-height:30px;
	}
	header ul#menu-header ul li > a {
		margin:0;
	}
	header ul#menu-header li > a {
		font-size: 20px;
		display: block;
		padding:5px 0;
	}
	header ul#menu-header > li > a:hover {
		background-color:#fff;
		color:#000;
	}
	header .wrapper div {
		display:none;
	}
	.row {
		padding:60px 0;
	}
	.tri div {
		display:block;
		width:auto;
		margin-top:0;
		margin-bottom:20px;
	}
	.tri img {
		-webkit-transition:none;
		transition:none;
	}
	.tri img {
		margin-bottom: 15px;
	}
	.tri img:hover {
		width: 246px;
		opacity: 1;
		margin-bottom: 15px;
	}
	.tri h3, .tri h3 a, .tri p {
		width:auto;
	}
	.tri div:first-child {
		margin-top:-30px;
	}
	.tri {
		padding-bottom:0;
	}
	.black_third {
		display:none;
	}
	#blog-preview {
		background: rgba(0,0,0,0.6);
		width: 100%;
		padding: 15px 0 0;
		margin:30px 0 -60px;
	}
	#blog-preview ul li img {
		display:none;
	}
	#blog-preview div {
		margin:0;
	}
	#blog-preview div *,
	#blog-preview a.more {
		text-align:center;
	}
	.two-third {
		width:100%;
	}
	footer .one-third {
		display:block;
		width:100%;
	}
	footer .one-third + .one-third + .one-third {
		display:none;
	}
	footer {
		height:auto;
		padding-top:0;
		padding-bottom:1px;
	}
	
	footer ul#menu-footer {
		margin:0 auto;
		display:block;
		padding:8px 0;
	}
	footer ul#menu-footer > li {
		display:block;
		text-align:center;
		margin:0;
	}
	footer ul#menu-footer > li > a {
		font-size: 20px;
		display: block;
		padding:5px 0;
	}
	footer ul#menu-footer > li > a:hover {
		background-color:#fff;
		color:#000;
	}
	footer .one-third + .one-third {
		border-left: 0 solid;
		min-height: none;
		padding-left: 0;
		text-align:center;
		width:100%;
		border-top:2px solid #fff;
		padding-top:15px;
	}
	.wrapper .entry {
		padding:0 5%;
	}
	.entry h1 {
		padding-top:40px;
	}
	.page-id-24 .people-container > div:hover img {
		position: absolute !important;
	}
	footer .wrapper .one-third:first-child {
		display:none;
	}
	.row h2,
	.row p {
		padding-right:5%;
		padding-left:5%;
	}
	.tri p {
		padding-right:5%;
		padding-left:5%;
	}
	.one-third {
		width:100%;
		margin-bottom:25px;
	}
	
	#blog .post-title {
		text-align:center;
		display:block;
	}
	#blog p.meta {
		text-align:center;
		display:block;
	}
	#blog {
		padding-bottom:0;
	}
	#blog #blogroll {
		padding-left:5%;
		padding-right:5%;
		width:auto;
		display:block;
	}
	#blog #sidebar {
		display:none;
	}
	#wpadminbar {
		display:none;
	}
	.year {
		display: block;
		width: 100%;
		margin-top:-200px;
		left:auto;
		top:auto;
		text-align: center;
		padding:0;
		margin-bottom:50px;
	}
	.year span {
		display:none;
	}
	div.boat,
	div.bike,
	div.water,
	div.barrel,
	div.slime,
	div.grey,
	div.trees,
	div.plant {
		display:none;
	}
	#river-row, #swamp-row, #bike-row {
		margin-bottom:0 !important;
		padding-bottom:100px !important;
		height:auto !important;
	}
	.page-id-22 .row {
		padding: 70px 0;
	}
	#blog .post .wp-post-image {
		float: none;
		margin:0 auto;
		padding-bottom: 25px;
	}
	#blog .navigation div {
		width: 100% !important;
		text-align:center !important;
	}
	
}

#timeline {
	position:fixed;
	top:20%;
	left:0;
	background:rgba(255,255,255,0.85);
	z-index:15;
	padding:38px 10px 38px 14px;
}
#timeline li a {
	color: #09a3a7;
}
#timeline li {
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
	font-size: 30px;
	line-height: 0;
	letter-spacing: 1px;
	text-transform: uppercase;
	margin-top:60px;
}
#timeline li.active span {
	background-color:#afd35c;
}
#timeline li span {
	width:16px;
	height:16px;
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	border-radius: 16px;
	background-color:white;
	display:inline-block;
	margin-left:-6px;
	margin-right:10px;
	vertical-align: middle;
	margin-top: -8px;
}
#timeline ul li:first-child {
	margin-top:0;
}
#timeline ul {
	position:relative;
}
#timeline .white-line {
	background-color:white;
	width:4px;
	height:100%;
	display:block;
	position:absolute;
	top:0;
	z-index:-1;
}