/*
WOO CUSTOM STYLESHEET
---------------------
Instructions:
Add your custom styles in this file instead of style.css so it
is easier to update the theme. Simply copy an existing style
from style.css to this file, and modify it to your liking. */
/* GLOBAL STYLES
----------------
Add styles beneath this line that you want to be applied across your entire site */
.col-l { display:inline-block; width:50%; box-sizing: border-box; padding:80px 50px 0px; }
.col { width: auto; margin: .5em; display: inline-block; }
body { background-size:cover; }
.entry img { background:none; border:none; }
#header{ display:none; }
#wrapper, #inner-wrapper{ padding:0px; }
#wrapper { margin-top:-20px; }
#inner-wrapper { }
.welcome-wrapper { background:url(../canvas/images/nick-bg.jpg) center top no-repeat; background-size:cover;}
    .entry p { font-size:18px; font-family: 'Merriweather', serif; line-height:1.4em; color:#3e3e3e; }
		
/*
 * NAVIGATION
 */
 #navigation { background:url(../canvas/images/nav-bg.gif) 0px 0px repeat-x; margin-bottom:0px; }
 #navigation.col-full { max-width:100% !important; min-height:30px; }
	#navigation.col-full section.menus { max-width:1375px; margin:0px auto; }
	
	#navigation ul { float:right; }
		#main-nav > li { /*height:48px; */}
		#navigation #main-nav li a { padding-top:1.2em !important; padding-bottom:1.1em !important; }
	
	#navigation ul#social-nav { list-style:none; margin-top:-12px; }
		#navigation ul#social-nav li { background-image:url(../canvas/images/star-shape-sm.png); width:76px; height:72px; text-align:center; color:#ffffff; float:left; font-size:20px; box-sizing:border-box; padding-top:27px; }
			#navigation ul#social-nav li a i { color:#ffffff; }
			
			
/**
 * Buttons
 **/
 .btn {font-size:30px; padding:.8em 1em; background-color:#ff0000; color:#ffffff; border-bottom:5px solid #ff6d74;}
 	.btn a { color:#ffffff; text-decoration:none;  }
	
	
/* CHOOSE LANGUAGE PAGE */
#choose-language-wrapper { max-width:420px; margin:0px auto; padding-top:15em; padding-bottom:3em; text-align:center}
	#choose-language-wrapper h1 { width:100%; padding:1em 0px; }
	#choose-language-wrapper span { width:45%; display:inline-block; padding:1em; box-sizing:border-box; }
	#choose-language-wrapper span a { color:#ff0000; font-weight:700; }

/* HOME PAGE */
.home {}

	.home #navigation, .csstransforms3d.csstransitions #navigation { /*display:none !important;*/ }

	.home .welcome-wrapper { width:100%; padding:14em 0 1em 1em; box-sizing:border-box; }
		.home .welcome-wrapper h1, .home .welcome-wrapper h2 { padding-left:50%; }
		.home .welcome-wrapper h2 { padding-bottom:8em; }

		.home .welcome-wrapper .entry { width:100%; }
			.home .welcome-wrapper .entry h1 { font-size:3em; font-weight:700; font-family: "futura-pt"; color:#ff0000 !important; margin-bottom:0px; }
			.home .welcome-wrapper .entry h2 { font-size:2em; font-weight:300; font-family: "merriweather"; color:#ff0000 !important;  }
			.home .welcome-wrapper .entry ul { display:inline-block; margin-left:43%; }
				.home .welcome-wrapper .entry ul li { float:left; padding-right:1.2em; list-style:none; font-size:1.5em; }
				.home .welcome-wrapper .entry ul li a i { color:#333333; }

		.img-wrap { display:inline-block; width:auto; height:auto; padding:4% 0; }
		.main-bg-credit,
		.img-credit { font-size:.8em; font-weight:400; text-align:left; padding:.1em; }
		
		.main-bg-credit span,
		.img-credit span { font-weight:700; }
		
		.img-wrap img {  }


		.title-band-wrapper { width:100%; background-color:#000000; border-top:15px solid #d5d5d5; border-bottom:15px solid #d5d5d5; padding-top:30px; }
			.title-band { display:inline-block; width:100%; background-color:#fc000c; box-sizing:border-box; padding:1em; }
				.title-graphic { display:inline-block; box-sizing:border-box; width:50%; padding-left:2em; float:left;  }
					.title-graphic img { max-width:100%; background:none; border:none; padding:0px;}
				.title-copy { float:left; width:50%; box-sizing:border-box; padding-top:1.5em; padding-left:1.5em; }
					.title-copy img { max-width:100%; }
			.title-band-wrapper h4 { font:bold 38px/1.2em 'Raleway', arial, sans-serif; color:#ffffff; width:100%; text-align:center; letter-spacing:.115em; margin:.3em}
			
			
	.crater-wrapper { background-color:#e3c784; width:100%; min-height:700px; color:#3e3e3e; float:left; 	}
		.crater-wrapper .col-l { float:left; }
		.crater-wrapper .book-preview { background:#b0bdae url(../canvas/images/climber-1.jpg) top right no-repeat; border-left:25px solid #fc000c; display:inline-block; box-sizing: border-box; width:50%;}
			.crater-wrapper .book-preview .book-preview-wrapper { text-align:center; width:50%; box-sizing:border-box; padding:16px; display:inline-block;}
			.crater-wrapper .book-preview .btn { margin-top:30px; }
				.crater-wrapper .book-preview .btn a { font-size:24px; font-weight:600; }
			
			.crater-wrapper .book-preview .img-credit { width: 100%; text-align: right; padding-right: 10%; color: #ffffff; box-sizing: border-box;}
		.crater-wrapper img { border:none; background:none; }
		.crater-wrapper img.book-star { padding-top:50px; }
		.crater-wrapper h1 { font-size:36px; color:#3e3e3e }
		.crater-wrapper h3 { line-height:1em; margin-bottom:1em; color:#3e3e3e; }
			.crater-wrapper p.quote-home { font-style:italic; font-weight:700; margin-bottom:2em;}

	.col-full, #wrapper { max-width: 1375px !important; width:100%;}
	
	.home-synopsis { box-sizing:border-box; background-color:#eee691; padding:2em; display:inline-block; }
		.home-synopsis .title { width:40%; display:inline-block; vertical-align:top; }
		.home-synopsis h2 { font-size:36px; color:#3e3e3e; vertical-align:top; }
		.home-synopsis .copy { width:55%; display:inline-block;}
	
	.home-bio { background-color:#ffffff; text-align:center; }
		.home-bio h2 { padding-top:3em; text-align:center; font-size:36px; color:#3e3e3e }
		.home-bio-wrapper { max-width:50%; text-align:left; margin:0px auto; }
		
	.home-contact { background:#d5d5d5 url(../canvas/images/corner.png) bottom right no-repeat; box-sizing:border-box; padding:2em;}
		.home-contact h2 { font-size:36px; color:#3e3e3e; vertical-align:top; }

/* PAGE TEMPLATE */
.ns-page {}
	#content.ns-page { margin-top:80px; }
	.ns-page h2 { padding-top:10px; }
	
	.img-left-post { width:25%; }
	.entry table tbody tr:last-child td:last-child { border:none; }
	
	.page .entry img.alignnone { max-width:100%; }
	.page .entry img.img-third { max-width:100%; }
	
	.thumb-layout,
	.entry table.thumb-layout td,
	.entry table.thumb-layout th { text-align:center !important; }
	
	table.thumb-layout .col { padding:25px 5px; }

/* Blog TEMPLATE */
.blog h2 a { color:#000000 !important; }
.blog #wrapper { max-width:900px !important; }
	
/* CONTENT-POST */
.post-article { margin-top:20px !important; }

/* SINGLE POST */
.single-post #content .post-utility { margin-bottom:20px; }
.single-post #content .post-entries { margin-top:0px; }
.single-post #wrapper { max-width:900px !important; }

/* DESKTOP STYLES */
@media only screen and (max-width:1080px) {
	.crater-wrapper h3 { font-size:2em; }
	.crater-wrapper .book-preview .img-credit { padding-top:3em; }
	.crater-wrapper p.quote-home { margin-bottom:1em; }
}
@media only screen and (max-width:840px) {
	.crater-wrapper .col-l, .crater-wrapper .book-preview { width:100%; }
}
@media only screen and (min-width: 768px) {
	/* Desktop styles go below this line */
}

/* MOBILE STYLES
----------------- */
@media screen and (max-device-width: 414px) and (max-device-height: 776px) {
	.entry p { font-size:16px; }
	
	.home .welcome-wrapper { padding:4em 0 1em 1em; }
	
	.home .welcome-wrapper h1, 
	.home .welcome-wrapper h2 { padding-left:38%; font-size:27px;}

	.home-synopsis .title,
	.home-synopsis .copy { width:100%;}

	
	.home-bio-wrapper { max-width:80%; }
	
	.title-band-wrapper h4 { font-size:24px; }
	
	.col-l { padding-top:40px;width: 100%;padding-bottom: 30px;}
	.crater-wrapper .book-preview { width:100%;}
	.crater-wrapper .book-preview .book-preview-wrapper { width:70%;}
	.home-contact {min-height: 950px;}
}

@media (max-width: 575px){
	.entry p { font-size:16px; }
	
	.home .welcome-wrapper { padding:4em 0 1em 1em; }
	
	.home .welcome-wrapper h1, 
	.home .welcome-wrapper h2 { padding-left:38%; font-size:27px;}

	.home-synopsis .title,
	.home-synopsis .copy { width:100%;}
	
	.home-bio-wrapper { max-width:80%; }
	
	.title-band-wrapper h4 { font-size:24px; }
	
	.col-l { padding-top:40px;width: 100%;padding-bottom: 30px;}
	.crater-wrapper .book-preview { width:100%;}
	.crater-wrapper .book-preview .book-preview-wrapper { width:70%;}

	.home-contact {min-height: 950px;}
}