/*
Theme Name: Stoopid Buddy Studios 2015
Theme URI: http://www.leagueofbuddies.com/
Description: A theme for WordPress.
Author: Dave Funkhouser, Drew Baker, Funkhaus
Author URI: http://www.funkhaus.us
Version: 2.0


Colors:

    Brown: #463F2F;
    Rust: #CA6632;
    Green: #809946;
    Orange/mustard: #D7982F; 
    Blue: #A7CEDF;
    Off-white: #EEEBE1;

Fonts:
	font-family: 'LetterGothicStd-Bold', sans-serif; 
	font-family: 'NeutraTextTF-BoldAlt', sans-serif; 	    


/*-------------------------------------------------------------- */

	@import url("fonts/fonts.css");

/*
 * Globals 
 */
 	html {
	 	height: 100%;	 	
 	}
	body { 
	 	height: 100%;	 		
	    font-family: 'LetterGothicStd-Bold', sans-serif; 
	    font-size: 16px; 
	    color: #463F2F;
	    background-image: url(images/background-light.jpg);
	    background-position: center top;
	    padding: 0;
	    margin: 0;
	}
    h1,h2,h3,h4,h5,h6 {
        margin: 0;
        padding: 0;
        line-height: 1.1;
        font-weight: normal;
    }	
    ::selection {
        color: #463F2F;
        background: #A7CEDF;
    }
    ::-moz-selection {
        color: #463F2F;
        background: #A7CEDF;
    }	
    .title {
		font-family: 'NeutraTextTF-BoldAlt', sans-serif;
		text-align: center;
    }
    .title span {
	    display: block;
    }  
    .entry h2,  
    .sans-serif {
		font-family: 'NeutraTextTF-BoldAlt', sans-serif; 	    
		font-size: 20px;
    }
    .serif {
		font-family: 'LetterGothicStd-Bold', sans-serif; 
    }
    .entry {
	    font-size: 13px;
    }

/* 
 * Links 
 */
	a { 
	    color: #CA6632; 
	    outline: none;
	    text-decoration: none;
	}
	a:hover { 
	    color: #809946;

	}
	a img {
	   border: none;
	}
	.entry a {
		text-decoration: underline;
	}
	

/* 
 * Page Structure 
 */
 	#container {
	 	min-height: 100%;
	 	min-width: 1212px;
	 	position: relative;
 	}
 	#header {
	 	width: 1180px;
	 	margin: 0 auto;
 	}
 	#content {
 		padding: 40px 40px 120px 40px;
 		width: 850px;
 		margin: 0 auto;
 	}
 	.entry {
	 	text-align: justify;
	 	line-height: 1.6;
 	}
 	#footer {
	 	height: 60px;
	 	margin-top: -60px;
	 	clear: both;
	 	position: relative;
	 	min-width: 1180px;	 	
 	}


/*
 * Menu & Navigation
 */
 	.menu {
	 	list-style: none;
	 	margin: 0;
	 	padding: 0;
	 	font-family: 'NeutraTextTF-BoldAlt', sans-serif; 	   
	 	text-transform: uppercase;	 	 	 	
 	}
 	.menu li {	
	 	margin: 0 2px; 	
	 	padding: 0;
	 	display: inline-block;
 	}
 	#main-menu {
	 	margin: 0 auto;
	 	text-align: center;
	 	font-size: 28px;
	 	height: 132px;
 	}
 	.main-menu ul {
     	list-style: none;
     	padding: 0;
     	margin: 0;
 	}
 	.main-menu li {
	 	vertical-align: middle;
	 	margin: 0 5px;
 	}
 	.main-menu .col {
     	text-align: center;
     	margin: 0;
     	width: 489px;     	
 	}
 	.main-menu .left li {
     	margin: 0 14px;
 	} 	
 	.main-menu .right li {
        margin: 0 5px;	
 	}
 	#menu-item-42 {
	 	width: 132px;
 	}
 	.main-menu a {
 		color: #EEEBE1;
 	}
 	.main-menu a span {
	 	display: inline-block;
	 	height: 20px;
	 	width: 21px;
	 	vertical-align: middle;
	 	opacity: 0;
 	}
 	.main-menu .before {
	 	background-image: url(images/arrow-feather.png);
	 	margin-right: 2px;
 	}
 	.main-menu .after {
	 	background-image: url(images/arrow-flint.png);
	 	margin-left: 2px;
 	}
 	/* Active States */
 	.main-menu .current-menu-parent a, 	
 	.main-menu .current-menu-item a,
 	.main-menu .current-page-ancestor a,
 	.main-menu a:hover {
 		color: #463F2F;	 	
 	} 	
 	.main-menu .current-menu-parent a span,
 	.main-menu .current-menu-item a span, 	
 	.main-menu .current-page-ancestor a span, 	
 	.main-menu a:hover span {
	 	opacity: 1;
 	} 	 
 	/* Temp while client decides on Services name */
 	.page-id-3515 #menu-item-43 a {
     	color: #eeebe1;
 	}
 	.page-id-3515 #menu-item-43 a span {
        opacity: 0;
 	} 	
 	.page-id-23 #menu-item-44 a,
 	.parent-pageid-23 #menu-item-44 a {
 		color: #463F2F;	 	     	
 	} 	
 	.page-id-23 #menu-item-44 a span,
 	.parent-pageid-23 #menu-item-44 a span {
     	opacity: 1;
 	} 		
 	/*
 	 * About Menu
 	 */
 	 	.axe-menu {
 	 		margin-top: 20px;
	 	 	text-align: center;
 	 	}
 	 	.axe-menu li {
	 	 	display: inline-block;
	 	 	text-align: center;
	 	 	margin: 0 15px;
 	 	}
 	 	.axe-menu a {
	 	 	color: #463F2F;
	 	 	height: 75px;
	 	 	line-height: 85px;
	 	 	display: inline-block;
	 	 	min-width: 62px;	 	 	
 	 	}
 	 	.axe-menu .current-menu-item a,
 	 	.axe-menu a:hover {
	 	 	color: #CA6632;
	 	 	background-image: url(images/icon-tomahawk.png);
	 	 	background-position: center center;
	 	 	background-repeat: no-repeat;
 	 	}

/*
 * Header
 */
 	#header {
 		padding-top: 30px;
 		background-position: center 70px;
 		background-repeat: no-repeat;
	 	background-image: url(images/header-blue.png);
 	}
 	#logo {
	 	height: 132px;
	 	width: 132px;
	 	background-image: url(images/logo.png);
	 	display: inline-block;
 	}
 	#logo span {
	 	display: none;
 	}
 	#logo:hover {
	 	background-position: 0 -160px;
 	}
 	.no-header #header {
	 	display: none;
 	}




/*
 * Home
 */
 	.home .main-menu a {
 		color: #463F2F;	 		 	
 	}
 	#content.front-page {
	 	width: 850px;
	 	padding-left: 0;
	 	padding-right: 0;
	 	position: relative;
 	}
 	.front-page .slider {
	 	width: 850px;
 	}
 	.front-page .home-block {
	 	height: auto;
	 	width: 850px;
	 	float: left;
	 	display: block;
	 	margin: 0;
	 	padding: 5px;
 	}
 	.front-page .home-block .thumb-wrapper {
	 	background-image: url(images/dropshadow-960.png);
	 	background-size: 820px 35px;
	 	padding-bottom: 35px;
 	}
 	.front-page .home-block .overlay {
		bottom: 35px;	
		background-color: transparent;
		opacity: 1;
		z-index: 50;
	} 	
 	.front-page .home-block .title {
	 	font-size: 46px;
	 	margin: 0 15px 15px 15px;
 	}
 	.front-page .home-block .title .line-2 {
	 	font-size: 18px;
	 	color: #809946;	 	
	 	text-transform: uppercase;
 	}
 	.front-page .home-block .entry {
	 	width: 700px;
	 	margin: 0 auto 40px auto;
 	}
 	.front-page .corner.bottom {
	 	bottom: 30px;
 	}
 	.front-page .browse.prev {
	 	top: 248px;
	 	left: -62px
 	}
 	.front-page .browse.next {
	 	top: 248px;
	 	right: -62px;
 	} 	
 	/* Video specific */
 	.home-block .video iframe {
	 	background-color: black;
	 	display: none;	
	 	height: 478px;
	 	width: 850px;
 	}
 	.home-block .play-video {
	 	cursor: pointer;
 	}
 	/* Link page specific */
 	.home-block .link a {
	 	display: block;
 	}
 	.home-block .link .read-more {
	 	background-image: url(images/icon-winnebego-light.png);
 	} 	

/*
 * Work Grid (and generic grid blocks)
 */
	#content.work-grid {
		text-align: center;
		width: 1140px;
	} 
	.section-title {
		color: #EEEBE1;
		font-size: 54px;
		text-transform: uppercase;
		height: 74px;
		margin-bottom: 30px;
		line-height: 1.2;
		font-family: 'NeutraTextTF-BoldAlt', sans-serif;
		text-align: center;		
		background-repeat: no-repeat;
		background-position: center center;	
		text-indent: -20000em;	
	}
	#featured .section-title {
		background-image: url(images/banner-featured-work.png);
	}
	#library .section-title {
		background-image: url(images/banner-library.png);
	}	
	.grid-block {
		display: inline-block;
		vertical-align: top;
		height: 275px;
		width: 350px;
		margin: 0 10px 30px 10px;
		overflow: hidden;
	}
	.grid-block .thumb-wrapper {
		padding-bottom: 24px;
		background-image: url(images/dropshadow-350.png);
		background-position: center bottom;
		background-repeat: no-repeat;
		line-height: 0;
		position: relative;
		margin-bottom: -5px;
	}
	.grid-block .overlay {
		width: 100%;
		background-image: url(images/icon-play.png);
		background-position: center center;
		background-repeat: no-repeat;
		background-color: rgba(0, 0, 0, 0.3);
		position: absolute;
		top: 0;
		left: 0;
		bottom: 24px;
		opacity: 0;
	}	
	.grid-block .title {
		font-size: 22px;
		color: #CA6632;
		margin: 10px;
		letter-spacing: 1px;
	}
	.grid-block .title .line-1 {
		margin-bottom: 5px;
	}
	.grid-block .title .line-2 {
		color: #463F2F;
		font-size: 18px;
	}
	.grid-block .entry {
		text-align: justify;
		color: #463F2F;
		margin: 10px;		
		text-overflow: ellipsis;		
	}
	.grid-block:hover .overlay {
		opacity: 1;
	}
	/* Large Overrides */
	.grid-block.large {
		height: 520px;
		width: 540px;
	}	
	.grid-block.large .title {
		font-size: 40px;
	}
	.grid-block.large .title .line-2 {
		font-size: 29px;
	}	
	.grid-block.large .thumb-wrapper {
		padding-bottom: 37px;
		background-image: url(images/dropshadow-540.png);
		margin-bottom: -15px;		
	}
	.grid-block.large .overlay {
		bottom: 37px;
	}
	
/*
 * Spot Grid
 */
	#content.spot-grid {
		text-align: center;
		width: 1140px;
	} 	
	.spot-grid .description {
		text-align: justify;
		color: #463F2F;
		margin: 0 auto 30px auto;
		text-overflow: ellipsis;
		width: 890px;
	}
	.spot-grid #featured .section-title {
		background-image: url(images/banner-featured-spots.png);
	}
	
/*
 * Shop Grid
 */
 
 	#content.shop-grid {
		text-align: center;
		width: 1140px;
	} 	
 	.shop-grid .grid-block.medium {
	 	height: auto;
	 	width: 330px;
 	}
 		
 		/* Remove when shop goes live */
		.shop-grid .title {
			font-size: 46px;
			color: #463f2f;
			margin-bottom: 30px;
		}
		.shop-grid .entry {
			text-align: center;
		}

 	.shop-grid .price {
	 	text-align: center;
		font-size: 16px;
		text-transform: uppercase;
		margin: 0;
		color: #463f2f;
 	}
 	.shop-grid .overlay {
	 	background-image: url(images/icon-winnebego-light.png);
 	}
 	
/*
 * Shop Detail
 
 */
 
 	#content.shop-detail {
		width: 880px;
		padding-left: 0;
		padding-right: 0;
	}	 
	#content.shop-detail .post {
		width: 850px;
		margin: 0 auto;
	} 
	.shop-detail .title {
		font-size: 46px;
		color: #463f2f;
		margin-bottom: 30px;
	}
	.shop-detail .entry iframe {
		margin-left: auto;
		margin-right: auto;
		display: block;
	}
 	.paypal-button {
 	}
 	.paypal-button:hover {
 	}

/*
 * Corners
 */
	.corner {
		position: absolute;
		z-index: 20;
	} 
	.corner.bottom {
		bottom: -5px;
	}
	.corner-tl {
		top: -5px;
		left: -5px;
	}
	.corner-tr {
		top: -5px;
		right: -5px;
	}
	.corner-br {
		right: -5px;
	}
	.corner-bl {
		left: -5px;
	}			


/*
 * Work Detail
 */
 	#content.work-detail {
	 	width: 100%;
	 	padding-top: 0;
	 	padding-left: 0;
	 	padding-right: 0;
	 	text-align: center;
	 	min-height: 800px;
	 	position: relative;
 	}
 	.exit-player {
 		display: block;
 		height: 20px;
 		width: 100px;
	 	background-image: url(images/icon-exit-player.png);
	 	background-position: 0 0;
	 	background-repeat: no-repeat;
	 	position: absolute;
	 	top: 65px;
	 	left: 0;
	 	z-index: 10;
 	}
 	.exit-player span {
	 	display: none;
 	}
 	.exit-player:hover {
	 	background-position: 0 -50px;
 	} 	
 	.media {
 		position: absolute;
 		top: 50%;
 		width: 100%;
 	}
 	.media .title {
 		font-size: 42px;
 		color: white;
 		text-transform: uppercase;
 		margin: 30px auto;
 	}
 	.media .title span {
	 	display: inline-block;
 	}
 	.media .title .line-2 {
		color: #D7982F;	 
 	} 	
 	.media .entry {
	 	text-align: center;
	 	font-family: 'NeutraTextTF-BoldAlt', sans-serif;
	 	color: white;
	 	font-size: 14px;
	 	line-height: 1.3;
	 	margin: 30px auto;
	 	width: 850px;
 	}
 	.media .entry .line-1 {
	 	color: #9B9489;
 	} 	
 	/* Video Thumb tray */
	#video-thumb-tray-wrapper {
	    background-color: #F1F1F1;
	    z-index: 50;
	    width: 100%;
	    position: relative;
	    background: url(images/background-light.jpg) center top;
	   -moz-user-select: -moz-none;
	   -khtml-user-select: none;
	   -webkit-user-select: none;
	   -ms-user-select: none;
	   user-select: none;	    
	}
	.video-thumb-tray {
	    padding: 0 60px;
	    overflow: hidden;
	    height: 0;
	    position: relative;
	}
	.video-thumb {
	    width: 120px;
	    height: 68px;
	    position: relative;
	    margin: 8px 1px;
	    opacity: 0.3;
	    float: left;
	    display: block;
	}
	.video-thumb img {
	    position: absolute;
	    top: 0;
	    left: 0;
	}        
	.video-thumb .overlay {
	    width: 120px;
	    height: 68px;        
		display: none;	    
	}
	.video-thumb:hover .overlay {
	    opacity: 1;
	}
	.video-thumb:hover,
	.video-thumb.active {
	    opacity: 1;
	}        
	#tray-tab {
	    position: absolute;
	    bottom: -35px;
	    left: 50%;
	    width: 100px;
	    height: 35px;
	    margin: 0 0 0 -50px;
	    cursor: pointer;
	    background-image: url(images/icon-tray-toggle.png);
	    background-position: 0 -60px;
	}
	.video-thumb-tray .browse {
	    top: 10px;
	}
	.video-thumb-tray .browse.prev {
	    left: 8px;
	}
	.video-thumb-tray .browse.next {
	    right: 8px;
	}
	/* When tray is closed */
	.closed #tray-tab {
		background-position: 0 0;
	}
	/*
	 * Campaign Details
	 */
	 	.campaign-detail .media {
		 	position: static;
		 	top: auto;
		 	padding-top: 30px;
	 	}
	 	.currently-playing {
		 	color: white;
		 	font-size: 14px;
		 	font-family: 'NeutraTextTF-BoldAlt', sans-serif; 	    		 	
		 	text-transform: uppercase;
		 	margin: 10px auto;
	 	}
	 	.media .spot-title {
		 	font-size: 32px;
		 	color: #D7982F;
		 	text-transform: none;
		 	margin: 15px auto;
		 	letter-spacing: 1px;
	 	}
	 	.campaign-detail .campaign-entry {
		 	margin-top: 10px;
		 	text-align: justify;
		 	width: 820px;
		 	font-family: 'LetterGothicStd-Bold', sans-serif; 		 	
		 	color: #B7B3AE;
		 	font-size: 13px;
	 	}
	 	.campaign-detail .entry {
		 	margin-top: 10px;
	 	}	 		 	
	 	#campaign-grid {
		 	margin: 60px 40px 40px 40px;
		 	text-align: center;
	 	}
	 	#campaign-grid .section-title {
		 	background-image: url(images/banner-select-sketches.png);
		 	color: #161616;
	 	}
	 	#sketches.section-title {
		 	background-image: url(images/banner-select-sketches.png);
	 	}	 	
	 	#episodes.section-title {
		 	background-image: url(images/banner-select-episodes.png);
	 	}	 	 	
	 	#spots.section-title {
		 	background-image: url(images/banner-select-spots.png);
	 	}		 	
	 	.campaign-block {
		 	display: inline-block;
		 	margin: 0px 10px 30px 10px;
		 	vertical-align: top;
	 	}
	 	.campaign-block img {
		 	border: 3px solid transparent;
	 	}
	 	.campaign-block:hover img,
	 	.campaign-block.active img {
		 	border-color: #D7982F;
	 	}
	 	.campaign-block .title {
		 	font-size: 22px;
		 	color: white;
		 	margin: 10px auto;
	 	}	 	


/*
 * About Section
 */
	/*
	 * History
	 */ 
	 	#social-links {
		 	text-align: center;
		 	margin-top: 40px;
	 	}
	 	#social-links h3 {
			font-family: 'NeutraTextTF-BoldAlt', sans-serif;
			font-size: 19px;
			text-transform: uppercase;
			color: #CA6632;
			margin: 5px 0;
	 	}
	 	#social-links p {
		 	margin: 0 0 1em 0;
	 	} 	
	 	#social-links a {
		 	height: 50px;
		 	width: 50px;
		 	background-position: 0 0;
		 	background-repeat: no-repeat;
		 	display: inline-block;
		 	margin: 0 5px;
	 	}
	 	#social-links a span {
		 	display: none;
	 	} 	
	 	#social-links .facebook {
		 	background-image: url(images/icon-facbook.png);
	 	}
	 	#social-links .twitter {
		 	background-image: url(images/icon-twitter.png);	 	
	 	} 
		#social-links .instagram {
			background-image: url("http://www.leagueofbuddies.com/wordpress/wp-content/uploads/2014/07/insta2.png");
		} 	
	 	#social-links a:hover {
		 	background-position: 0 -60px;
	 	}	
 	/*
 	 * The Buddies
 	 */
 	 	#content.buddy-grid {
	 	 	width: 1200px;
	 	 	text-align: center;
	 	 	padding-left: 0;
	 	 	padding-right: 0;
 	 	}
 	 	#founders .section-title {
	 	 	background-image: url(images/banner-founders.png);	
 	 	}
 	 	#buddies .section-title {
	 	 	background-image: url(images/banner-buddies.png);	
 	 	} 	 	
		.buddy-block {
			width: 270px;
			height: 400px;
			overflow: visible;
		} 	 
		.buddy-block .thumb-wrapper {
			background-image: url(images/dropshadow-300.png);
			background-size: 260px auto;
			background-position: center 400px;
		}
		.buddy-block .thumb-wrapper .overlay {
			background-image: url(images/icon-winnebego-light.png);
		}
		.buddy-block .thumb-wrapper .bottom {
			bottom: 19px;
		}		
		.buddy-block .title {
			font-size: 28px;
		} 	 
	/*
	 * What We Do (badge grid)
	 */
	 	#content.badge-grid {
		 	width: 1030px;
		 	padding-left: 0;
		 	padding-right: 0;
		 	padding-top: 30px;
	 	}
	 	.badge-grid .entry {
		 	width: 900px;
		 	margin: 0 auto;
	 	}
	 	#departments {
		 	text-align: center;
		 	margin: 40px 0;
	 	}
		.badge-block {
			width: 280px;
			height: 370px;
			display: inline-block;
			margin: 0 20px 40px 20px;
			vertical-align: top;
		}	 
		.badge-block .title {
			font-size: 32px;
			margin: 10px auto;
		}

	/*
	 * Buddy Code
	 */	
		.page-id-29 .entry {
			text-align: center;
		}
		.page-id-29 .entry span {
			font-family: 'NeutraTextTF-BoldAlt', sans-serif; 	    			
			font-size: 19px;
			color: #CA6632;
		}	
		.page-id-29 .entry h2 {
			font-size: 45px;
			padding: 5px 0;
		}	 


	/*
	 * The Buddy Way (photo grid)
	 */	
		#content.photo-grid {
			width: auto;
		}	 
		#content.photo-grid .entry {
			width: 850px;
			margin: 0 auto;			
			font-family: 'NeutraTextTF-BoldAlt', sans-serif; 	 
			font-size: 22px;			
		}
		#photo-grid {
			margin: 40px 0;
			text-align: center;
			font-size: 0;
		}
		.photo-block {
			width: 330px;
			display: inline-block;
			vertical-align: top;
			padding-bottom: 23px;
			background-image: url(images/dropshadow-300.png);
			background-position: center bottom;
			background-repeat: no-repeat;
			position: relative;
			margin: 0 15px 30px 15px;
		}
		.photo-block .bottom {
			bottom: 19px;
		}		
		.photo-block .overlay {
			background-image: url(images/icon-winnebego-light.png);			
			background-position: center center;
			background-repeat: no-repeat;
			background-color: rgba(0, 0, 0, 0.3);
			position: absolute;
			top: 0;
			left: 0;
			bottom: 24px;
			opacity: 0;
			width: 330px;
			height: 370px;			
		}
		.not-mobile .photo-block:hover .overlay {
			opacity: 1;
		}


	/*
	 * About Detail
	 */		
		#content.about-detail {
			width: 880px;
			padding-left: 0;
			padding-right: 0;
		}	 
		#content.about-detail .page {
			width: 850px;
			margin: 0 auto;
		}
		.about-detail .title {
			font-size: 50px;
		}
		.about-detail .twitter {
			background-image: url(images/icon-twitter-small.png);
			background-position: 0 0;
			background-repeat: no-repeat;			
			display: inline-block;
			padding-left: 30px;
			margin-right: 10px;
		}
		.about-detail .twitter:hover {
			background-position: 0 -40px;
		}		
		.about-detail .link {
			background-image: url(images/icon-link-small.png);
			background-position: 0 0;
			background-repeat: no-repeat;			
			display: inline-block;
			padding-left: 25px;			
			margin-right: 10px;			
		}		
		.about-detail .link:hover {
			background-position: 0 -40px;
		}

/*
 * Contact
 */
	#content.contact  {
		width: 1050px;
		padding-left: 0;
		padding-right: 0;
	}
	.contact .entry {
		font-family: 'NeutraTextTF-BoldAlt', sans-serif; 			
		text-align: center;		
	} 
	.contact-us {
		font-size: 24px;	
		text-transform: uppercase;		
		text-align: center;
	}
	.contact-us span {
		text-transform: none;
		color: #CA6632;
	}
	#funkhaus {
		display: none;
		background-image: url(images/logo-funkhaus.png);
		position: absolute;
	    height: 16px;
	    width: 114px;
	    right: 30px;
	    top: 25px;
	}
	#funkhaus:hover {
		background-position: 0 -30px;
	}	
	#funkhaus span {
		display: none;
	}
	.contact #funkhaus {
		display: block;
	}

/*
 * Gravity Forms
 */
 	.gform_wrapper {
		font-family: 'NeutraTextTF-BoldAlt', sans-serif; 			     	
	 	margin: 40px auto;
	 	display: block;
	 	vertical-align: top;
	 	text-align: left;
	 	line-height: 1.4;
	 	max-width: 720px;
 	}
 	.gform_heading {
     	text-align: center;
     	margin-bottom: 20px;
 	}
 	.entry .gform_title,
 	.gform_title {
     	color: #463f2f;
		font-size: 54px;
		text-transform: uppercase;
		margin: 15px 0;
		line-height: 1.2;
		font-family: 'NeutraTextTF-BoldAlt', sans-serif;
		text-align: center;		
		background-repeat: no-repeat;
		background-position: center center;		
 	} 	
 	.gform_body {
 		min-height: 530px;
        padding: 0 55px; 		 	
	 	margin: 0 auto;	 	
 	} 	
 	.gform_fields {
	 	list-style: none;
	 	margin: 0;
	 	padding: 0; 	
 	}
 	.gform_fields > li {
	 	margin: 0 0 15px 0;
	 	padding: 0;	 	
 	}
 	.gform_fields label {
	 	font-size: 16px;
	 	margin-bottom: 5px;
	 	display: block;
	 	text-transform: uppercase;
	 	margin-top: 0;
	 	padding: 0;
 	}
 	.gform_fields textarea,
 	.gform_fields input {
	 	background-color: #9B9489;
	 	border-radius: 3px;
	 	border: none;
	 	padding: 5px;
	 	font-family: 'LetterGothicStd-Bold', sans-serif; 
		color: white; 				 	
		font-size: 14px;
		width: calc(100% - 10px);
		border-color: transparent;
		box-shadow: 0px;
		outline:none;	
		resize: none;	
		margin: 0;		
 	}	
 	.gform_fields textarea {
	 	height: 190px;
	 	margin: 0;
	 	display: block;
	 	line-height: 2.4;
	 	border: 0;
 	} 	
 	.gform_fields textarea {
	 	height: 187px;
 	}  	
 	.gfield_description {
	 	font-family: 'LetterGothicStd-Bold', sans-serif; 
	 	font-size: 11px;
	 	text-transform: uppercase;	 	
	 	display: block;
	 	margin-top: 3px;
	 	height: 15px;
 	}
 	.ginput_complex > span {
     	display: block;
     	margin-bottom: 15px;
 	}
 	.gfield_radio {
     	list-style: none;
     	padding: 0 0 0 25px;
 	}
 	.gfield_radio label,
 	.gfield_radio input {
     	display: inline-block;
     	width: auto;
     	margin: 3px 5px;
 	}
 	.gfield_radio label {
     	text-transform: none;     	
 	} 	
 	.gform_page_footer,
 	.gform_footer {
	 	text-align: center;
 	}
 	.gform_next_button,
 	.gform_footer .button {
	 	border: none;
	 	background-color: transparent;
		font-family: 'NeutraTextTF-BoldAlt', sans-serif;
		font-size: 21px;
		text-transform: uppercase;
		padding: 0 30px;
		text-align: center;
		display: inline-block;	 	
		width: 155px;
		background-repeat: no-repeat;
		cursor: pointer;
		background-position: 0 3px;
 	}
 	.gform_footer .button:hover {
	 	background-position: 0 -57px;
 	} 	
 	/* Form Specific */
 	#gform_wrapper_1,
 	#gform_wrapper_2 {
     	display: inline-block;
	 	margin: 40px 30px;     	
 	}
 	#gform_1 .gform_title {
	 	background-image: url(images/banner-general-info.png);
 	}
 	#gform_2 .gform_title {
	 	background-image: url(images/banner-employment.png);	 	
 	}
 	#gform_submit_button_1 {
	 	background-image: url(images/arrow-contact-general.png);
 	}
 	#gform_submit_button_2 {
	 	background-image: url(images/arrow-contact-employment.png);	 	
 	}
 	#input_1_5 {
	 	height: 426px;
 	}
 	.contact .gform_wrapper {
	 	width: 460px;     	
 	}
 	.contact .gform_title {
		height: 74px;     	
		color: #EEEBE1;     	
		text-indent: -20000em; 	
		margin-top: 0;
		margin-bottom: 30px;
 	}
 	.contact .gform_fields label {
	 	height: 21px;     	
 	}
 	/* Validation & Errors */
 	.gf_progressbar_wrapper {
     	margin: 20px;
     	text-align: center;
     	padding: 0 35px;
 	}
 	.gf_progressbar {
     	background-color: rgba(167, 206, 223, 0.6);     	
 	}
 	.gf_progressbar_percentage {
     	padding: 5px;
     	box-sizing: border-box;
     	background-color: rgba(167, 206, 223, 0.7);     	     	
 	}
 	.gfield_required {
	 	color: #8f0707;
	 	font-size: 12px;
	 	display: inline-block;
	 	vertical-align: top;
 	}
 	.validation_error {
 		width: 350px;
	 	margin: 0 auto 20px auto;
	 	text-align: center;
	 	color: #8f0707;	 	
 	}
 	.validation_message {
	 	margin: 3px 0 0 0;
	 	color: #8f0707;	 	 	
 	}
 	.gform_ajax_spinner {
 		display: block;
 		margin: 5px auto;
 	}
 	/* Confirmation */
 	#gforms_confirmation_message {
	 	width: 460px;
		color: #809946;
		margin: 40px 0;
		text-align: center;	 
		display: inline-block;
		font-size: 42px;		
 	}
 	
 	

/*
 * Category (blog)
 */
 	#content.category {
	 	width: 1180px;
	 	text-align: center;
 	}
 	.category .grid-block.medium {
	 	height: 420px;
 	}
 	.category .title {
	 	color: #809946;
 	}
 	.category .overlay {
	 	background-image: url(images/icon-winnebego-light.png);
 	}
 	.category .grid-block:hover .title {
	 	color: #D7982F;
 	}

/*
 * Single Post
 */
	#content.single {
		width: 880px;
		padding-left: 0;
		padding-right: 0;
	}	 
	#content.single .post {
		width: 850px;
		margin: 0 auto;
	} 
	.single .title {
		font-size: 46px;
		color: #809946;
		margin-bottom: 30px;
	}
	.entry h1, 
	.entry h2,
	.entry h3, 
	.entry h4,	
	.entry h5 {
		margin: 0 0 1em 0;
	}	
	.single .entry iframe {
		margin-left: auto;
		margin-right: auto;
		display: block;
	}


/*
 * Pagination
 */
	#pagination {
		height: 38px;
		line-height: 38px;
		width: 880px;
		text-align: center;
		position: relative;
		background: url(images/background-pagination.png) no-repeat 0 center;
		margin-bottom: 40px;
	}
	#pagination	.nav a {
		position: absolute;
		background-repeat: no-repeat;
		font-size: 14px;
		text-transform: uppercase;		
		font-family: 'NeutraTextTF-BoldAlt', sans-serif; 		
	}	 
	#pagination .back {
		width: 72px;
		height: 38px;
		display: inline-block;
		background-image: url(images/icon-winnebego-dark-main.png);
	}
	#pagination .back:hover {
		background-position: 0 -100px;
	}
	#pagination .back span {
		display: none;
	}
	#pagination	.next a {
		right: -90px;
		background-image: url(images/arrow-right.png);
		padding-right: 40px;
		background-position: right 11px;
	}
	#pagination	.prev a {
		left: -90px;
		background-image: url(images/arrow-left.png);		
		padding-left: 40px;
		background-position: left 11px;
	}

/*
 * Gallery
 */
    .gallery {
        height: 540px;
        width: 850px;
        margin: 2em 0;
        position: relative;
    }
    .gallery-stage {
	    height: 500px;
    }
    .gallery-image {
        float: left;
    	height: 500px;
        width: 850px;        
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;        
    }
    .gallery-image img {
        display: none;
    }
    .gallery .browse {
	    top: 50%;
	    margin-top: -30px;
    }
    .gallery .browse.next {
	    right: -60px;
    }    
    .gallery .browse.prev {
	    left: -60px;	    
    }
    .browse {
	    position: absolute;
	    width: 32px;
	    height: 65px;
	    background-position: center top;
	    background-repeat: no-repeat;     
	    cursor: pointer;
	}
    .browse:hover {
	    background-position: center -100px;
    }	
	.browse.prev {
	    background-image: url(images/paddle-left.png);
	}
	.browse.next {
	    background-image: url(images/paddle-right.png);
	}
	.browse.disabled {
	    cursor: default;
	    display: none !important;
	}

/*
 * Footer
 */
 	#footer {
	 	background-image: url(images/footer-light.png);
	 	background-position: 100px bottom;
	 	background-repeat: no-repeat;
 	}
	.logo-type {
		display: block;
		height: 20px;
		width: 200px;
		background-image: url(images/logo-type-light.png);
		position: relative;
		margin: 0 auto;
		top: 20px;
	}	 


/*
 * Fallback Page
 */
 	#content.fallback {
	 	
 	}

/*
 * Dark Overrides
 */
 	body.dark-background {
	 	background-image: url(images/background-dark.jpg);
 	}
 	.dark-background #footer {
	 	background-image: url(images/footer-dark.png);
 	}
 	.dark-background .logo-type {
	 	background-image: url(images/logo-type-dark.png);
 	}

/*
 * Green Header Over rides
 */
 	.green-header #header {
	 	background-image: url(images/header-green.png);
 	}   	
 	.green-header .main-menu .current-menu-parent a,
 	.green-header .main-menu .current-menu-item a,
 	.green-header .main-menu a:hover {
 		color: #FDBA30;	 	
 	} 
 	.green-header .after,
 	.green-header .before {
	 	background-position: 0 -60px;
 	}	

/*
 * Animations
 */
    /* Color */
    .category .title,
    a {
    	transition: color 0.4s;
    }    
    
    /* Opacity */
    .main-menu a span,
    .overlay,
    .browse {
		transition: opacity 0.4s;
    }
    
    /* Border */
    #campaign-block {
	    
    }
    
    /* Everything */
    svg path {
		transition: 0.4s;
    }



/*
 * Tools 
 */
    #tagline {
        display: none;
    }
    .post-edit-link {
	    font-size: 10px;
	    text-transform: uppercase;
    }


/*
 * 404 Error
 */
    .error-404 {
        text-align: center;
        font-size: 32px;
    }


/*
 * Wordpress Required 
 */
	.alignleft { 
	    display: inline; 
	    float: left;
	}
	.aligncenter { 
	    clear: both; 
	    display: block; 
	    margin: 0 auto 10px auto; 
	}
	.alignright { 
	    display: inline; 
	    float: right;
	}
	img.alignleft { 
	    margin: 0 10px 10px 0;
	}
	img.alignright { 
	    margin: 0 0 10px 10px;
	}
	img.aligncenter { 
	    margin: 0 auto 10px auto;
	}
	
	.wp-caption { 
	    background: #f1f1f1; 
	    color: #888; 
	    text-align: center; 
	    margin-bottom: 15px; 
	    width: auto !important;
	    -moz-border-radius: 0 0 4px 4px;
	    border-radius: 0 0 4px 4px;
	}
	.wp-caption img { 
	    margin: 0px;
	}
	.wp-caption p.wp-caption-text { 
	    margin: 0 0 5px; 
	    padding: 4px; 
	    font-style: italic;
	}