/*
Theme Name: Josh Bayer's Theme
Theme URI: 
Description: 
Version: 1.0
Author: Alexander Gutierrez
Author URI: http://gutierreza.com
Tags: HTML5 Theme
*/
@font-face {
    font-family: 'lunchboxregular';
    src: url('lib/lunchbox-webfont.eot');
    src: url('lib/lunchbox-webfont.eot?#iefix') format('embedded-opentype'),
         url('lib/lunchbox-webfont.woff') format('woff'),
         url('lib/lunchbox-webfont.ttf') format('truetype'),
         url('lib/lunchbox-webfont.svg#lunchboxregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
	font-family: 'AvenirLT-Book';
	src: url('lib/AvenirLT-Book.eot?') format('eot'), 
	     url('lib/AvenirLT-Book.woff') format('woff'), 
	     url('lib/AvenirLT-Book.ttf')  format('truetype'),
	     url('lib/AvenirLT-Book.svg#AvenirLT-Book') format('svg');
}
@font-face {
    font-family: 'NoticiaTextBold';
    src: url('lib/NoticiaText-Bold-webfont.eot');
    src: url('lib/NoticiaText-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('lib/NoticiaText-Bold-webfont.woff') format('woff'),
         url('lib/NoticiaText-Bold-webfont.ttf') format('truetype'),
         url('lib/NoticiaText-Bold-webfont.svg#NoticiaTextItalic') format('svg');
    font-weight: normal;
    font-style: normal;
}
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}
html {
	background-image: url('images/ricepaper_v3.jpg');
}
body {
	font-family: AvenirLT-Book, sans-serif;
	padding-top: 75px;
}
h2 {
	font-family: NoticiaTextBold, "Myriad Pro", sans-serif;
	font-size: 20px;
}
li { margin-bottom: 6px; }
p {
	margin-bottom: 15px;
	line-height: 1.4;
}
article { margin-bottom: 20px; }
a {
	color: #000;
	text-decoration: none;
}
/*a:hover { opacity: .95; }*/
img {
	border-width: 0;
	max-width: 100%;
	height: auto;
}
address { margin: 5px 0; }
header, footer { text-align: center; }
header { margin-bottom: 50px; }
header h1 { margin-bottom: 25px; }
header li {
	font-family: lunchboxregular, sans-serif;
	text-transform: uppercase;
	font-size: 36px;
	margin: 0 19px;
	padding-bottom: 9px;
}
header .current_page_item {
	background-image: url(images/active-sprite.png);
	background-repeat: no-repeat;
}
section[role="main"] {
	width: 600px;
	margin: 0 auto;
}
.page-id-5 section[role="main"] {
    width: 920px;
}
header li, footer li { display: inline; }

header h1 a {
	background-image: url(images/brand-animated.gif);
	display: block;
	width: 150px;
	height: 150px;
	text-indent: -9999px;
	margin: 0 auto;
}

footer { margin: 60px 0 30px; }
footer li { margin: 0 9px; }
footer a { text-transform: uppercase; }
li.social {
	margin: 0 4px;
	position: relative;
	top: -5px;
}
.social a {
	//background-image: url(images/social-sprite.png);
	background-image: url(/wp-content/uploads/2017/12/social-sprite.png);
	text-indent: -9999px;
	display: inline-block;
	vertical-align: middle;
	width: 28px;
	height: 28px;
}
.social a:hover { opacity: .9; }
.facebook a { background-position: 0 0; }
.twitter a { background-position: -28px 0; }
.tumblr a { background-position: -56px 0; }
.instagram a { background-position: -84px 0; }
.section {
/*  width: 83%;*/
	margin: 0 auto;
	background: transparent url(images/jb-text.png) 50% 0 no-repeat;
	padding: 30px 0;
}

/*Home*/
.home section[role="main"] { width: 960px; text-align: center; }
.home section[role="main"] li, .bc-plugin-product { display: inline; vertical-align: top; }
.current_page_item { background-position: 50% 50px; }
.bc-plugin-product { }
.se-wrapper div {
	display: inline-block;
	vertical-align: top;
	margin: 9px;
}

/*Bio*/
.page-id-7 .current_page_item { background-position: 50% -44px; }
.page-id-7 h2 { margin-bottom: 9px; }
.page-id-7 section[role="main"] li { list-style-type: square; }

/*Work*/
.page-id-85 section[role="main"] { width: 960px; }
.page-id-85 .tumblr_post {
	width: 22.6%;
	display: inline-block;
	vertical-align: top;
	margin: 0 2% 20px 0;
}
.page-id-85 .tumblr_post p { font-size: .9em; line-height: 1.2; }
.page-id-85 .tumblr_post a { text-decoration: underline; }
.page-id-85 time {
	font-size: 11px;
	text-transform: uppercase;
}
.wp-caption { width: auto !important; }

/*Teaching*/
.page-id-11 { padding-top: 0; }
.page-id-11 header {
	background: #111 url(images/teachings-bg.jpg) no-repeat 50% 0;
	padding: 125px 0;
}
.page-id-11 .section { background-image: none; }
/*.page-id-11 header h1 a { background-position: 0 -127px; }*/
.page-id-11 header li a { color: #FFF; }
.page-id-11 section[role="main"] { width: 960px; text-align: left; }
.page-id-11 section[role="main"] h2 { margin-bottom: 5px; }
.page-id-11 section[role="main"] p { font-size: 95%; }
.page-id-11 section[role="main"] address { font-family: Georgia, serif; font-size: 90%; line-height: 1.3; }
.page-id-11 .current_page_item { background-position: 50% -263px; }
.page-id-11 section[role="main"] li {
	margin: 0 40px 40px 0;
	width: 290px;
	display: inline-block;
	vertical-align: top;
}
.page-id-11 section[role="main"] li:nth-child(3n) { margin-right: 0; }
.page-id-11 address, .page-id-11 em, .page-id-11 time {
	font-style: italic;
	display: block;
}
.gcf-item-container-block {
	width: 800px;
	margin: 0 auto;
	text-align: left;
}
.gcf-item-block { margin-bottom: 9px; }

@media screen and (max-width: 968px) {
	section[role="main"][role="main"], .home section[role="main"] { width: auto; }
}
@media screen and (max-width: 320px) {
	.section { background-image: none; width: auto; }
}
/* Mobile Globals */
@media screen and (min-width: 320px) and (max-width: 768px) {
	body { padding: 20px 9px 0; }
	header { margin-bottom: 20px; }
	header img { max-width: 90%; }
	footer li {
		font-size: 14px;
		margin: 0 4px;
	}
}

/* iPhone - Portrait */
@media only screen and (max-width: 480px) and (orientation:portrait) {
	.home .current_page_item, .page-id-85 .current_page_item { background-position-y: 30px; }
	.page-id-7 .current_page_item { background-position-y: -60px; }
	.page-id-11 .current_page_item { background-position-y: -280px; }
	header { margin: 0 -9px 20px; }
	header li {
		font-size: 23px;
		margin: 0 3px;
		padding-bottom: 15px;
	}
	.social { margin-top: 20px; }
	header { padding: 15px 0 20px; }
	.page-id-11 header h1 a { background-position: 0 -82px; }
	.page-id-11 section[role="main"] li { width: auto; margin-right: 0; }
}
/* iPhone - Landscape */
@media only screen and (max-device-width: 480px) and (orientation:landscape) {
	body { -webkit-text-size-adjust: none; }
	.home .current_page_item, .page-id-85 .current_page_item { background-position-y: 40px; }
	.page-id-7 .current_page_item { background-position-y: -50px; }
	.page-id-11 .current_page_item { background-position-y: -140px; }
	header li {
		font-size: 29px;
		margin: 0 7px;
	}
	.home section[role="main"] img { max-width: 45%; }
}