/*
Theme Name: Josh Bayer's Theme
Theme URI:
Description:
Version: 1.0
Author: Alexander Gutierrez
Author URI: http://gutierreza.com
Tags: HTML5 Theme
*/
@import url('https://fonts.googleapis.com/css2?family=Beth+Ellen&family=Open+Sans:wght@400;700&display=swap');
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 {
	padding-top: 75px;
  font-size: 1.1rem;
}
body, address {
  font-family: 'Open Sans', sans-serif;
}

h1, h2, h3, h4, h5, strong {
	font-weight: bold;
}

li { margin-bottom: 6px; }

p {
	margin-bottom: 15px;
	line-height: 1.4;
}
article { margin-bottom: 20px; }
a {
	color: #000;
}
a:hover { text-decoration: none; }
img {
	border-width: 0;
	max-width: 100%;
	height: auto;
}
address { margin: 5px 0; }
header, footer { text-align: center; }

header h1 { margin-bottom: 3rem; }
header a {
	text-decoration: none;
}
header li {
	font-family: 'Beth Ellen', cursive;
	font-size: 2rem;
	margin: 0 19px;
	padding-bottom: 15px;
}
header .current_page_item {
	background-image: url(images/active-sprite.png);
	background-repeat: no-repeat;
}
section[role="main"] {
	max-width: 700px;
	margin: 0 auto;
}
.page-id-5 section[role="main"] {
}
header li, footer li { display: inline-block; }

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

footer { margin: 60px 0 30px; }
footer li { margin: 0 9px; }
footer a {
	text-transform: uppercase;
	text-decoration: none;
}
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% 70px; }
.bc-plugin-product { }
.se-wrapper div {
	display: inline-block;
	vertical-align: top;
	margin: 9px;
}

/*Bio*/
.page-id-7 .current_page_item { background-position: 50% -15px; }
.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"] { max-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-color: #111;
	padding: 75px 0;
	margin-bottom: 4rem;
}
.page-id-11 .section { background-image: url('/wp-content/uploads/2020/09/jb-text-white.png'); }
/*.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-size: 90%; line-height: 1.3; }
.page-id-11 .current_page_item { background-position: 50% -235px; }
.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; }

div.sl-overlay {
  background: black;
  opacity: .9;
}
div.sl-wrapper .sl-counter,
div.sl-wrapper .sl-navigation button {
  color: white;
}
div.ngg-galleryoverview {
  margin-top: 0;
}
div.ngg-slideshow.slick-slider {
  margin-top: 0 !important;
}
div.ngg-slideshow .slick-prev {
  left: -20px !important;
}
div.ngg-slideshow .slick-next {
  right: 0 !important;
}
div.ngg-slideshow .slick-arrow:before,
div.ngg-slideshow .slick-arrow:hover:before {
  color: black !important;
  font-size: 42px !important;
}
div.ngg-imagebrowser.default-view .ngg-imagebrowser-nav .back,
div.ngg-imagebrowser.default-view .ngg-imagebrowser-nav .next {
  background-color: black;
}
div.ngg-imagebrowser.default-view .ngg-imagebrowser-nav .counter {
  color: black;
}
div.ngg-imagebrowser.default-view {
  margin-top: 0 !important;
}
.ngg-imagebrowser.default-view h3 {
  display: none;
}
@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 (max-width: 375px) {
	body { padding: 20px 9px 0; }
	header { margin-bottom: 20px; }
	header img { max-width: 90%; }
  header h1 { margin-bottom: 0; }
  header li {
    margin: 0 10px;
    font-size: 1.4rem;
  }
	footer li {
		font-size: 14px;
    margin: 0 10px 10px;
    display: inline-block;
	}
  div.ngg-slideshow .slick-prev {
    left: 0 !important;
  }
  div.ngg-slideshow .slick-next {
    right: 20px !important;
  }
  .section {
    padding-top: 0;
    padding-bottom: 0;
  }
  .current_page_item {
    background-position: 50% 42px;
  }
  .page-id-7 .current_page_item {
    background-position: 50% 43px;
  }
  .page-id-11 .current_page_item {
    background-position: 50% -266px;
  }
  .page-id-11 header {
  	padding: 1.4rem 0;
}
/*
@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; }
}

@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%; }
}
 */