/*  
Theme Name: Which Way Home
Theme URI: https://whichwayhome.net
Description: A custom theme created for Which Way Home
Author: Neon Sky
Author URI: http://
*/
/*	Website for:	Which Way Home
	Website URL: 	https://whichwayhome.net
	Author:			Neon Sky
	Author URL: 	http://
	...................................................................... */

	@import "reset.css";			/* CSS Reset by Eric Meyer */
	@import "foundation.css"; 		/* CSS Foundations by Jina Bolton */
	@import "enrichments.css"; 		/* CSS Enrichments by Gedy Rivera */



/*	Colors
	......................................................................
	 
	Background		#77a9bc
	Text			#314d53
	Links			#596e2e
	Hovered Links	#596e2e
	Headings		#5d7235
	Sub-headings	#00b3e6
	
	......................................................................*/
	
/*	Global
	......................................................................*/
	body {
		background: #77a9bc url(../images/bg-repeat.jpg) center 113px repeat-x;
		color: #fff;
		font-family: "Helvetica Neue", Helvetica, Arial, Sans-Serif;
		font-size: 12px;
		margin: 0;
		padding: 0;
		height: 100%; /* testing fix */
	}
	.clearfix {
		clear:both;
	}
	
/*	Typography
	......................................................................*/
	
	h1, h2, h3, h4, h5,
	h1 a, h2 a, h3 a, h4 a, h5 a {
		color: #ea9820;
		font-family: "Helvetica Neue", Helvetica, Arial, Sans-Serif;
		font-weight: bold;
		letter-spacing: -0.05em;	
	}
	
	h1 { font-size: 34px; }
	h2 { font-size: 30px; padding-bottom: 15px; text-transform: uppercase; }
	h3 { font-size: 24px; font-weight: normal; color: #567ea0; padding: 15px 0; }
	h4 { font-size: 18px; padding: 10px 0;}
	h5 { font-size: 14px; color: #314d53; }
	
	h3 a { color: #567ea0; font-weight: normal; }
	
	h3.heading {padding: 15px 0 0 0;}
	h4.subheading {padding: 0 0 15px 0;}
	
	p {
		color: #314d53;
		font-family: "Helvetica Neue", Helvetica, Arial, Sans-Serif;
		font-size: 14px;
		line-height: 22px;
		margin-bottom: 15px;
	}
	
	p.take-action-shelters,
	p.take-action-stayinformed {
		float: left;
		font-size: 11px;
		line-height: 16px;
		margin-right: 15px;
		width: 260px;
	}
	
	a {
		color: #596e2e;
		font-weight: bold;
		text-decoration: underline;
	}
	
	a:hover {
		text-decoration: none;
	}
	
	blockquote {
		color: #314d53;
		font-family: Georgia, Times, "Times New Roman", Serif;
		font-size: 14px;
		font-style: italic;
		font-weight: lighter;
		line-height: 22px;
		text-align:justify;
		padding-right:15px;
	}
	
	p.review {
		font-size: 12px;
		font-weight: bold;
		padding-bottom: 15px;
	}
	
	#sidebar h3 {
		margin-bottom: 5px;
	}
	
	#footer p {
		color: #fff;
	}
	
	#footer a {
		color: #fff;
		text-decoration: underline;
	}
	
	#footer a:hover {
		text-decoration: none;
	}
	
	img.alignleft {
		float: left;
		margin-bottom: 15px;
		margin-right: 20px;
	}
	
	img.alignright {
		float: right;
		margin-bottom: 15px;
		margin-left: 20px;
	}
	#content p {
		text-align:justify;
		padding-right:15px;
		}
	
/*	Structure
	......................................................................*/
	
	.wrapper {
		margin: 0 auto;
		width: 960px;
	}
	
	#content {
		float: left;
		width: 600px;
	}
	
	#sidebar {
		float: right;
		margin-left: 40px;
		width: 235px;
	}
	
	#sidebar .widget {
		margin-bottom: 20px;
	}
	
	#sidebar ul li {
		list-style-type: none;
	}
	
 	#sidebar ul li a {
		margin: 0 !important;
		line-height: 20px;
		text-decoration: none;
	}
	
	#sidebar ul li a:hover {
		background: #00b3e6;
		color: #fff !important;
		text-decoration: none;
	}
	
	
/*	Theme-Specific
	......................................................................*/
	
	#header-bg {
		background: #5d7235 url(../images/header-bg.jpg) repeat-x 0 0;
		height: 113px;
		margin: 0;
	}
	
	#header {
		height: 113px;
		margin: 0 auto;
		position: relative;
		width: 1031px;
	}
	
		#quote {
			background: url(../images/quotes-bg.jpg) no-repeat 0 15px;
			padding: 30px 5px 15px 20px;
			float: right;
			width: 220px;
		}
		
		#fading_quotes{
      		position: relative;
      		height: 210px;
		}
				
			#fading_quotes div.fading_quote{ 
      			position: absolute;
			}
		
				#quote p {
					color: #fff;
					font-family: Georgia, Times, "Times New Roman", Serif;
					font-size: 14px;
					font-style: italic;
					line-height: 16px;
				}
		
					#quote p span.quote-small {
						color: #a4ba79;
						font-family: "Helvetica Neue", Helvetica, Arial, Sans-Serif;
						font-size: 12px;
						font-style: normal;
						font-weight: bold;
					}

		
		#awards {
			background: url(../images/awards.png) no-repeat left top;
			width:775px;
			height:113px;
			text-indent: -9999px;
			overflow:hidden;
			float:left;
		}
		#awards a {
			width:755px;
			height:93px;
			margin:10px;
			display:block;
			}
		
	#espanol a {
		background: url(../images/espanol.jpg) no-repeat 0 0;
		display: block;
		height: 33px;
		position: absolute;
		right: 0;
		z-index:100;
		text-indent: -9999px;
		top: 113px;
		width: 69px;
	}
	
	#espanol a:hover { opacity: 0.7; filter: alpha(opacity = 70); }
	
	#map {
		background: url(../images/bg.jpg) center top no-repeat;
		min-height: 1200px;
		width: 100%;
		position:absolute;
	}
	
		#column-left {
			float: left;
			width: 240px;
		}

			h1#logo {
				background: url(../images/logo.png) no-repeat left top;
				display: block;
				height: 206px;
				margin: 25px 0 15px 10px;
				text-indent: -9999px;
				width: 227px;
			}
	
			h1#logo a {
				display: block;
				height: 206px;
				width: 227px;
			}
	
			ul#nav {
				background: url(../images/nav.png) no-repeat left top;
				height: 226px;
				width: 238px;
			}
	
			ul#nav li {
				list-style-type: none;
			}
			
			ul#nav li.first {
				padding-top: 17px;
			}
			
			ul#nav li a {
				display: block;
				height: 25px;
				margin: 2px 8px;
				text-decoration: none;
				text-indent: -9999px;
				width: auto;
			}
	
			ul#nav li a:hover.watch,
			ul#nav li a:hover.about,
			ul#nav li a:hover.buy,
			ul#nav li a:hover.action,
			ul#nav li a:hover.clips,
			ul#nav li a:hover.news,
			ul#nav li a:hover.contact,
			ul#nav li a.main-current {
				background: rgba(255, 255, 255, 0.2);
			}
	
		#column-right {
			float: right;
			width: 714px;
			margin-top:150px;
		}
		
		/*html>body #column-right { *margin-top:150px; }  for IE7 only */
		
			#video-bg {
				background: url(../images/video-bg.png) 0 0 no-repeat;
				height: 445px;
				margin: 0 0 0 15px;
				padding: 19px 19px 19px 21px;
				width: 697px;
			}
			
			#video {
				width:640px;
				height:496px;
				margin: 0 0 0 15px;
				padding: 0 17px;
			}
	
	
		
	#footer {
		overflow: visible;
		margin-bottom: 50px;
		margin-top: 15px;
		padding: 0;
	}
	
	ul#footer-content {
		float: right;
		width: 865px;
		margin-bottom:7px;
	}

	ul#footer-content li  {
		position: relative;
		display: inline;
		margin: 0;
	}

	ul#footer-content li a {
		display: block;
		height: 23px;
		float: left;
		padding: 0 0 0 2px;
		text-indent: -9999px;
	}
	
	ul#footer-content li a.footer-link1 {
		background: url(../images/logo_mrmudd.png) 0 0 no-repeat;
		margin: 24px 30px 0 0;
		width: 131px;
	}
	
	ul#footer-content li a.footer-link2 {
		background: url(../images/logo_hbo.png) 0 0 no-repeat;
		margin: 24px 15px 0 0;
		width: 64px;
	}
	
	ul#footer-content li a.footer-link3 {
		background: url(../images/logo_facebook.png) 0 0 no-repeat;
		margin: 25px 15px 0 0;
		width: 110px;
	}
	
	ul#footer-content li a.footer-link4 {
		background: url(../images/logo_unicef.png) 0 0 no-repeat;
		height: 31px !important;
		margin: 20px 25px 0 0;
		width: 120px;
	}
	
	ul#footer-content li a.footer-link5 {
		background: url(../images/logo_uscri.png) 0 0 no-repeat;
		height: 74px !important;
		margin: -25px 0 0 0;
		width: 110px;
	}
	ul#footer-content li a.footer-link6 {
		background: url(../images/logo_sundance.png) 0 0 no-repeat;
		margin: 27px 20px 0 0;
		width: 210px;
	}

	ul#footer-content li a:hover {
		position:relative;
		top:1px;
	}
	
	#footer p {
		font-size: 12px;
		padding: 5px 17px 0 0;
		text-align: right;
	}
	
	
/*	Secondary Page
	......................................................................*/
	
	#sub-menu {
		background: url(../images/sub-menu.png) 0 0 no-repeat;
		height: 52px;
		margin: 0 0 0 30px;
		position: relative;
		width: 667px;
	}
	
		ul#sub {
			position: absolute;
			top: 25px;
			left: 27px;
		}
		
		ul#sub li {
			display: inline;
			float: left;
		}
		
		ul#sub li a {
			color: #fff;
			font-size: 13px;
			font-weight: bold;
			padding: 5px 10px;
			text-decoration: none;
		}
		
		ul#sub li a:hover {
			color: #fac361;
		}
		
		ul#sub li a.current {
			background-color: #fac361;
			color: #fff;
		}
		
	#content-top {
		background: url(../images/content-top.png) 0 0 no-repeat;
		height: 35px;
		margin: 0 0 0 15px;
		width: 702px;
	}
	
	#content-top-sub {
		height: 39px;
		margin: -39px 0 0 15px;
		width: 702px;
	}
	
	#content-bg {
		background: url(../images/content-bg.png) 0 0 repeat-y;
		margin: 0 0 0 15px;
		overflow: hidden;
		width: 702px;
	}
	
	
		#content {
			color: #333;
			padding: 30px 60px 60px 70px;
			width: 570px;
		}
		
		#content.clips .entry { float: left; height: 230px; padding: 0 15px 15px 0; width: 268px; }
		#content.clips .entry { line-height: 1.5em; }
		#content.clips .entry a { border: none !important; text-decoration: none; }
		#content.clips .entry img { margin-bottom: 0.5em; }
		#content.clips .entry span { opacity: 0.7; filter: alpha(opacity = 70); }
		#content.clips .entry span { -webkit-transition: opacity 0.2s ease-out; -o-transition: opacity 0.2s ease-out; }
		/* #content.clips .entry:hover span { opacity: 1; filter: alpha(opacity = 100); } */
		#content.clips .entry:hover a { text-decoration: none; }
		
		#content a:hover img {
			opacity: 0.8; filter: alpha(opacity = 80);
		}
		
	#content.awards .entry { float: left; height: 45px; padding: 15px 35px 5px 35px; width: 195px; margin:10px 20px 10px 0; background: url(../images/awards_laurels.png) 0 0 no-repeat; }
	
		#content.awards .entry p { text-align:center; font-size:10px; line-height:13px; font-weight:bold; text-transform:uppercase; padding:0 !important; margin:0 !important; }
		
		#content.awards h3 { padding-top:25px;}
		
		#content.awards .academyaward { display:block; text-align:center; margin-bottom:15px; }

		#content.awards .academyaward p { text-indent: -9999px; }
		
	#content-bottom {
		background: url(../images/content-bottom.png) 1px 0 no-repeat;
		height: 35px;
		margin: 0 0 20px 15px;
		width: 702px;
	}
	
	#content ul {
		margin: 15px 0 15px 20px;
	}
	
	#content ul li {
		color: #314d53;
		font-size: 14px;
		line-height: 22px;
	}
	
	#content-top.alt {
		background: url(../images/content-alt-top.png) 0 0 no-repeat;
	}
	#content-bg.alt {
		background: url(../images/content-alt-bg.png) 0 0 repeat-y;
	}
	#content-bottom.alt {
		background: url(../images/content-alt-bottom.png) 1px 0 no-repeat;
		}
		
	#content .speakout {
		 width:270px; margin:0; padding:0;
		 position:relative;
		 }
	#content .speakout p {
		 text-align:center; font-size:12px; line-height:15px; padding: 5px 0 0 0; margin:0;
		 }


	#content .buybuttons {
		 clear:both;
		 margin:0 95px 10px 95px;
		 }

/*	Tables
	......................................................................*/
	
	td {
		padding-bottom: 10px;
	}

/* Modal Video */

.modal-video-movie-wrap {
	max-width: 705px;
	margin: auto;
}

.modal-video {
	background-color: rgba(0,0,0,0.8) !important;
}