/**********************************************/
/* Theme Name: WordPress Base                 */
/* Theme URI: http://www.wordpressbase.com    */
/* Author: WordPress Base                     */
/* Author URI: https://www.paperstreet.com    */
/* Description: A WordPress starting point    */
/* Text Domain: paperstreet                   */
/* Version: 3.2604                            */
/**********************************************/
/** Copyright PaperStreet Web Design **/


@charset "utf-8";
/* https://www.ericgangesq.com/ */
@font-face {
	font-family: 'Tiempos Headline';
	src: url('fonts/TiemposHeadline-Black.woff') format('woff');
	font-weight: 900;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Tiempos Headline';
	src: url('fonts/TiemposHeadline-Light.woff') format('woff');
	font-weight: 300;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Tiempos Headline';
	src: url('fonts/TiemposHeadline-Medium.woff') format('woff');
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Gotham';
	src: url('fonts/subset-Gotham-Light.woff2') format('woff2');
	font-weight: 300;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'Gotham';
	src: url('fonts/subset-Gotham-Book.woff2') format('woff2');
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'Gotham';
	src: url('fonts/subset-Gotham-Medium.woff2') format('woff2');
	font-weight: 600;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'Gotham';
	src: url('fonts/subset-Gotham-Bold.woff2') format('woff2');
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'Oswald';
	src: url('fonts/Oswald-Regular.woff2') format('woff2');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Oswald';
	src: url('fonts/Oswald-SemiBold.woff2') format('woff2');
	font-weight: 600;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Oswald';
	src: url('fonts/Oswald-Bold.woff2') format('woff2');
	font-weight: bold;
	font-style: normal;
	font-display: swap;
}

body {
	font-family: "Gotham", sans-serif;
	font-weight: 400;
	font-size: medium;
	color: #38363A;
	margin: 0;
	padding: 0;
	background-color: #FFF;
}
.visually-hidden {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}
blockquote {
	padding: 0 1em;
	margin: 1em 0;
	position: relative;
	font: 300 1.1em/1.2em "Tiempos Headline", serif;
}
blockquote.quoted {
	text-align: center;
}
blockquote.quoted br, .reviewquote br {
	display: none;
}
blockquote.quoted:before {
	content: "";
	background-image: url(elements/ldquo.png);
	position: absolute;
	background-repeat:no-repeat;
	background-size: cover;
	width: 16px;
	height: 13px;
	top: 0;
	left: -.5em;
}
blockquote.quoted:after {
	content: "";
	background-image: url(elements/rdquo.png);
	position: absolute;
	background-repeat:no-repeat;
	background-size: cover;
	width: 16px;
	height: 13px;
	bottom: 0;
	right: -.5em;
}
.reviewquote {
	font: 300 .9em/1.6em "Tiempos Headline", serif;
	text-align: center;
}
.credit {
	font-size: .9em;
	line-height: 1.1em;
	text-align: center;
	margin: .25em 0 2.5rem;
}
i, em {
	font-family: "Arial", sans-serif;
}
.serif {
	font-family: "Tiempos Headline", serif;
	font-weight: 300;
}
strong {
	font-weight: 700;
}
b {
	font-weight: 600;
}
.serif b, .serif .strong, b.serif, strong.serif {
	font-weight: 500;
}

b i, em, .serif b {
	font-weight: 700;
}
.spaced {
	margin: 1.5em 0;
}
figure, figcaption {
	margin: 0;
}
.upper {
	text-transform: uppercase;
}
.normalcase {
	text-transform: none;
}
.smaller {
	font-size: .85em;
}
.larger {
	font-size: 1.1em;
	line-height: 1em;
}
img, video, audio, iframe {
	width: 100%;
}
img, video {
	height: auto;
}
video, audio, iframe {
	max-width: 640px;
}
iframe {
	display: block;
	height: 52vw;
	margin: .5em auto;
}
iframe.spotify {
	height: 232px;
	margin-bottom: 1em;
}
iframe.apple {
	height: 175px;
	margin-bottom: 1em;
}

a, a:link, a:visited{
	text-decoration: none;
	color: #277CB3;
	cursor: pointer;
}
a:hover, a:visited:hover {
	color: #5690D2;
}
a.submitbutton:hover, a.submitbutton:visited:hover, input.submitbutton:hover, input.submitbutton:focus,
.formsubmit:hover, input.formsubmit:focus,
input.changebutton:hover, input.changebutton:focus {
	cursor: pointer;
	background-color: #D92C00;
}
.raisedbutton {
	font: 400 .85em/1em "Oswald", sans-serif;
}
.raisedbutton a, a .raisedbutton, a.raisedbutton, input.raisedbutton {
	padding: .3em .5em;
	background-color: #5690D2;
	font-weight: 400;
	border-radius: 2px;
	text-transform: uppercase;
	color: #FFF;
}
.raisedbutton a, a .raisedbutton {
	display: table;
	margin: .5em auto 1em;
}
a.raisedbutton {
	font-size: .75em;
	display: inline-block;
	margin: 0 .5em;
}
input.raisedbutton {
	font-size: 1.2em;
	display: table;
	margin: .5em auto .5em 0;
	border: none;
	cursor: pointer;
}
.raisedbutton a, .raisedbutton a:link, .raisedbutton a:visited,
a .raisedbutton, a .raisedbutton:link, a .raisedbutton:visited,
a.raisedbutton, a.raisedbutton:link, a.raisedbutton:visited {
	color: #FFF;
	background-color: #5690D2;
}
h1 {
	margin: -1.5rem -8vw 1.5rem;
	font-size: 1.8em;
	line-height: 1em;
	font-weight: 600;
	text-transform: uppercase;
	text-align: center;
	padding: 1.5rem;
	background-color: #5690D2;
	color: #FFF;
}
h2 {
	margin: 1.5rem auto;
	font-size: 1.2em;
	line-height: 1em;
	font-weight: 700;
	text-transform: uppercase;
	text-align: center;
}
h3 {
	font-size: 1.16em;
	line-height: 1.16em;
	font-weight: 600;
	color: #000;
	text-align: center;
	text-transform: uppercase;
	margin-bottom: 1.5rem;
}
h3 + h3 {
	margin-top: -1.3rem;
	text-transform: none;
	text-align: left;
}
h3 + h4 {
	margin-top: -1.3rem;
}
h4 {
	font-weight: 600;
	font-size: 1.01em;
	line-height: 1em;
	text-transform: uppercase;
	margin-bottom: .6em;
	text-align: center;
}
h1 + p, h2 + p, h1 + h3, figure + p {
	margin-top: 1em;
}
h5 {
	font-size: 1.11em;
	font-weight: 400;
	padding: 0;
	margin: 8px 0;
}
h1 b, h2 b {
	font-weight: 400;
	color: #000;
}
p {
	padding: 0;
	margin: 0 0 .8em;
}
p:last-child {
	margin-bottom: 0;
}
.headline {
	margin-top: 2rem;
}
hr {
	border-bottom: none;
	border-left: none;
	border-right: none;
	border-top: 2px solid #C9C9C9;
	margin: 1.5em 6%;
	clear: both;
}
aside hr {
	margin: 1em 0;
}
hr.thick {
	margin: 1.5em 0;
}
ul {
	padding: 0 0 0 1em;
	margin: .2em 0 .8em;
}
li {
	list-style-position: outside;
	padding-bottom: .4em;
	page-break-inside: avoid;
	-webkit-column-break-inside: avoid;
	break-inside: avoid;
}
ul.booklist {
	list-style: none;
	text-align: center;
	padding: 0;
	margin: 1em 0;
}
ul.booklist li {
	padding: 0;
	margin: 2em .5em;
}
ul.booklist h4 {
	color: #000;
}
dl {
	margin: .2em 0 1em;
}
dt {
	text-align: center;
	font-size: 1.1em;
	font-weight: 700;
	margin: 1em 0 .2em 0;
	padding: .2em;
	color: #000;
	line-height: 1.1em;
	position: relative;
	clear: both;
}
dd {
	text-align: left;
	line-height: 1.1em;
	margin: 0 0 1.1em;
	padding: 0;
}
dd + dt {
	border-top: 1px solid #5690D2;
	padding-top: 1em;
}
.floatleft, .floatright {
	margin: 0 0 1em;
	float: none;
	text-align: center;
}
.floatleft.forbook img {
	margin-left: -2em;
}
.bookside{
	text-align: center;
	width: 200px;
	margin: 1.5rem auto 1.5rem;
	font-size: .9em;
	text-transform: uppercase;
	font-weight: 700;
}
.bookside + h3 {
	text-align: left;
	font-weight: 700;
}
#fullwidth {
	box-sizing: border-box;
	padding: 1px 1px 1.5em;
	width: 100%;
	background: #FFF;
}
header {
	padding: 0;
}
#header {
	position: relative;
}
.logo {
	text-align: center;
	padding: 1em 2em;
	font: 500 2em/1em "Tiempos Headline", serif;
}
.logo a, .logo a:link, .logo a:visited {
	color: #000;
}
.slide {
	position: relative;
}
.textback {
	color: #EBEBEB;
	font: 700 15vw/1em "Gotham", sans-serif;
	position: absolute;
	top: 1rem;
	text-align: center;
	width: 100%;
	z-index: 1;
	text-transform: uppercase;
}
.photofront {
	position: relative;
	z-index: 10;
	background-size: 80%;
	background-position: 34vw top;
	background-repeat: no-repeat;
	width: 100%;
	height: 11em;
}
.slide.withdetail .photofront {
	height: 50vw;
}
.detail {
	font: 500 5vw/105% "Tiempos Headline", serif;
	position: absolute;
	text-align: center;
	width: 50%;
	bottom: 2rem;
	left: 1rem;
	z-index: 20;
}

main {
	line-height: 1.6em;
}
#main {
	padding: 0;
	position: relative;
}
.grayback, .whiteback {
	padding: 1.5rem 8vw;
}
.whiteback.content {
	padding-top: 1.5rem;
}
.grayback {
	background-color: #EBECEA;
}
.visit {
	background-color: #374D5A;
	background-image: url(elements/gang-team.jpg);
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}
.visit img {
	display: inline-block;
}
.visit a {
	display: block;
	padding: 1em 8vw;
	color: #FFF;
	margin: 1em 0;
	text-align: center;
}
.visit a, .visit a:link, .visit a:visited {
	color: #FFF;
}
.visit h3 {
	color: #FFF;
	font-size: .9em;
	margin-bottom: 1em;
}
.visit-subtitle {
	color: #FFF;
	font-size: 1.8em;
	font-weight: 700;
	letter-spacing: .04em;
	line-height: 1.1em;
	margin: 0 auto .7em;
	text-transform: uppercase;
}
.blocked {
	display: table;
	margin: 1em auto;
	padding: .5em;
	border: 2px solid #FFF;
	text-transform: uppercase;
	font-weight: 600;
}
.visit a:hover .blocked, .visit a:visited:hover .blocked {
	border: 2px solid #5690D2;
}
.visit2 {
	background-color: #446F80;
	background-image: url(elements/visit-banner.jpg);
	background-position: center;
	background-size: 124%;
	background-repeat: no-repeat;
	margin-bottom: 2rem;
}
.visit2 a {
	height: 21vw;
	display: block;
}
.visit2 a div {
	opacity: 0;
}
.visit2 a:hover, .visit2 a:visited:hover {
	background-color: rgba(255,255,255,.15);
}
.inblock.left, .inblock.right {
	text-align: center;
	padding: 1rem 0;
	font-size: .9em;
	line-height: 1.2em;
}
.inblock + .inblock {
	border-top: 1px solid #FFF;
}
#footer {
	line-height: 1.2em;
	text-align: center;
	padding: 0 8vw;
	margin: 1.5em 0;
}
#footer p {
	text-align: center;
}
.blogblock .inside {
	position: relative;
}
.blogblock h3 {
	border-top: .8rem solid #FFF;
	background-color: #1B3F69;
	color: #FFF;
	padding: .8em .8em .8em 4em;
	margin-bottom: 1rem;
}
.blogblock .date {
	display: none;
}
.blogblock .photo {
	position: relative;
	display: inline-block;
	width: 60%;
	background-image: url(elements/eric-gang-blog-photo.png);
	background-repeat: no-repeat;
	background-position: left top;
	background-size: cover;
	text-align: center;
	height: 9.5em;
	margin-top: -4em;
	left: -12vw;
	margin-right: -12vw;
	vertical-align: bottom;
}
.blogblock .title {
	display: inline-block;
	vertical-align: bottom;
	width: 50%;
	font-size: 1em;
	line-height: 1.25em;
	margin: 0 0 -.25em .5em;
}
.blogblock .title a, .blogblock .title a:link, .blogblock .title a:visited {
	color: initial;
}
.blogblock .content {
	margin-top: .75em;
	font-family: "Tiempos Headline", serif;
	font-weight: 300;
	line-height: 1.4em;
}
.blogblock .inside {
	padding: .5em 8vw;
}
.bookblock {
	margin: 5.5em 0 .5em;
	padding: 1px 0 0;
	border-bottom: 2px solid #C9C9C9;
}
.bookblock h3, .bookblock h4 {
	text-transform: none;
}
.bookblock .photo {
	text-align: center;
	max-width: 50%;
	margin: 0 auto -4em;
	position: relative;
	top: -4.5em;
}
.blue {
	color: #5690D2;
}
.blueback {
	background-color: #5690D2;
	color: #FFF;
	padding: 1em;
}
.blueback a, .blueback a.link, .blueback a.visited {
	color: #FFF;
}
.blueback a:hover, .blueback a:visited:hover {
	color: #EBECEA;
}
ul.icongroup {
	list-style: none;
	font-weight: 600;
	font-size: 4.4vw;
	margin: 1em auto;
	display: table;
	padding: 0;
	text-align: center;
}
ul.icongroup li {
	display: inline-block;
	padding: 0;
	margin: .4em;
	vertical-align: middle;
}
.icongroup a {
	display: block;
	width: 11vw;
}
ul.icongroup li.addbreak {
	margin-left: 0;
	display: block;
	text-transform: uppercase;
}
.navbar, #mobilenav .nonav {
	display: none;
}
#mobilenav {
	width: 100%;
	position: relative;
	background-color: #EBECEA;
	border-bottom: 4px solid #FFF;
}
#mobilenav svg {
	fill: #000;
}
#mobilenav ul	{
	font-size: 19px;
	font-weight: 600;
	margin: 0;
	padding: 0;
}
#mobilenav li{
	box-sizing: border-box;
	width: 100%;
	list-style:none;
	display: table;
	text-align: center;
	padding: 0;
}
#mobilehide > ul > li{
	border-top: 1px solid #FFF;
}
#mobilehide .more, #mobilehide .nomore {
	width: 70px;
	height: 44px;
}
#mobilenav .more, #mobilenav li > div, #mobilenav li > a {
	display: table-cell;
	vertical-align: middle;
}
#mobilenav a, #mobilenav a:link, #mobilenav a:visited {
	display: block;
	line-height: 44px;
	height: 44px;
	color: #000;
}
#mobilenav .mobiletitle {
	color: #000;
	text-align: center;
	font-weight: normal;
	font-size: x-large;
	line-height: 52px;
	height: 52px;
	display: block;
	margin-right: 70px;
	overflow: hidden;
}
#mobilenav ul ul, #mobilehide, .search {
	display:none;
}
.mobileicon {
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: 0;
	right: 0;
	width: 70px;
	height: 52px;
}
.mobileicon:hover, #mobiletoggle:checked ~ .mobileicon, #mobilenav .more, #mobilenav a:hover, #mobilenav a:visited:hover {
	color: #FFF;
	background-color: #CECECE;
}
#mobiletoggle, .subtoggle {
	position:absolute;
	left:-100%;
	top:-100%;
}
#mobiletoggle + label, #mobilehide.more{
	cursor: pointer;
}
#mobiletoggle:checked ~ #mobilehide {
	display: block;
}
#mobilehide ul li input:checked ~ ul {
	display: table-row;
}
#mobilehide ul li input:checked + label .plus {
	fill: none;
}
.mediabar > ul {
	box-sizing: border-box;
	display: table;
	padding: 0;
	margin: 0 auto;
	list-style: none;
	position: relative;
	text-align: center;
}
.mediabar li{
	margin: 0;
	padding: 0;
	width: 100%;
	text-align: center;
}
.mediabar > ul > li {
	display: inline-block;
	vertical-align: middle;
	text-align: center;
}
.mediabar .nav {
	margin: 1em;
}
.mediabar a {
	font-weight: 400;
	display: block;
	text-transform: uppercase;
	font-size: .9em;
	line-height: 1em;
	padding: .5em 1.2em;
	border-radius: 3px;
	width: 80%;
}
.mediabar a, .mediabar a:link, .mediabar a:visited {
	color: #FFF;
	background-color: #5690D2;
}
.mediabar a:hover, .mediabar a:visited:hover {
	color: #FFF;
	background-color: #274A5E;
}
.mediabar .nav.on a {
	color: #000;
	background-color: rgba(255,255,255,.5);
}
.mediabar .nav.on{
	display: none;
}
.container{
	position: relative;
}
#footer .container {
	margin: 1.5em 0;
}
.socialmedia {
	font-size: 16px;
	display: table;
	margin: 0 auto;
}
.socialmedia > div {
	display: inline-block;
	margin: 1em .8em;
	vertical-align: middle;
}
.socialmedia .social a {
	background-color: #CECECE;
	padding: .5em;
	border-radius: 1.5em;
	display: block;
}
.social div.spacer, .socialmedia2 .social div.spacer {
	-webkit-transition: all 200ms cubic-bezier(.5, 0, .5, 1);
	transition: all 200ms cubic-bezier(.5, 0, .5, 1);
	background-image: url(https://commonelements.net/common/elements/social-icons.png);
	background-repeat: no-repeat;
	background-size: 31.25em;
	height: 2em;
	width: 2em;
	display: block;
}
.socialmedia .facebook div.spacer {
	background-position: 0 -3.125em;
}
.socialmedia .facebook a:hover, .socialmedia .facebook a:visited:hover {
	background-color: #3C5B9B;
}
.socialmedia .linkedin div.spacer {
	background-position: -9.375em -3.125em;
}
.socialmedia .linkedin a:hover, .socialmedia .linkedin a:visited:hover {
	background-color: #0173B2;
}
.socialmedia .instagram div.spacer {
	background-position: -15.625em -3.125em;
}
.socialmedia .instagram a:hover, .socialmedia .instagram a:visited:hover {
	background-color: #7A42B4;
}
.socialmedia .youtube div.spacer {
	background-position: -25em -3.125em;
}
.socialmedia .youtube a:hover, .socialmedia .youtube a:visited:hover {
	background-color: #D62222;
}
.socialmedia2, .socialmedia2 > div {
	vertical-align: middle;
	display: inline-block;
}
.socialmedia2 {
	font-size: 16px;
	background-color: #FFF;
	padding: .5em;
}
.socialmedia2 > div {
	padding: .5em;
}
.socialmedia2 .social div.spacer {
	background-color: #6E6E6E;
}
.socialmedia2 .linkedin div.spacer {
	background-position: -9.375em -3.125em;
}
.socialmedia2 .linkedin a:hover div.spacer, .socialmedia2 .linkedin a:visited:hover div.spacer {
	background-color: #0173B2;
}
.socialmedia2 .youtube div.spacer {
	background-position: -25em -3.125em;
}
.socialmedia2 .youtube a:hover div.spacer, .socialmedia2 .youtube a:visited:hover div.spacer {
	background-color: #D62222;
}
.shrink {
	padding: 0 6%;
}
.bottombio + .container {
	text-align: center;
	margin-top: -2em;
}
#main .bottombio {
	font-size: .88em;
	color: #6E6E6E;
	margin: 0;
	padding-bottom: 1.75em;
	border-bottom: 2px solid #C8C8C8;
}
#main .bottombio b {
	color: #000;
}
.bottombio .photoside {
	text-align: center;
	margin-bottom: .5em;
}
.preline {
	padding-bottom: 1em;
	border-bottom: 2px solid #A4A09E;
}
.postline {
	padding-top: 1em;
}
.sharenav {
	text-align: center;
	display: table;
	margin: 1em 2em;
}
.share {
	display: inline-block;
	vertical-align: middle;
	margin: .5em;
}
.share .icon {
	font-size: 10px;
	background-image: url(https://commonelements.net/common/elements/share-icons.png);
	background-repeat: no-repeat;
	background-size: 100em;
	-webkit-transition: all 200ms cubic-bezier(.5, 0, .5, 1);
	transition: all 200ms cubic-bezier(.5, 0, .5, 1);
	width: 8.4em;
	height: 2.8em;
	border-radius: 4px;
}
.share a:hover, .share a:visited:hover {
	opacity: .6;
}
.share.facebook .icon{
	background-position: 0 0;
}
.share.twitter .icon {
	background-position: -10em 0;
}
.share.googleplus .icon {
	background-position: -20em 0;
}
.share.linkedin .icon {
	background-position: -30em 0;
}
.share.email .icon {
	background-position: -70em 0;
}
.articlelist {
	display: table;
	border-collapse: collapse;
	border-spacing: 0px;
	margin: 1em 0 0;
}
.articlelist > div{
	padding-top: .5em;
}
.articlelist .content {
	font-size: .9em;
	line-height: 1.2em;
	color: #555759;
}

.articlelist .docside {
	text-align: center;
}
.docside img {
	max-width: 200px;
	height: auto;
}
.articlelist img, #media img {
	box-shadow: 2px 2px 4px #000;
}
.articlelist .more {
	margin-top: .4em;
}
#media {
	margin: 1em auto;
	text-align: center;
}
#media img {
	border: 1px solid;
}
.navigation {
	text-align: right;
	font-size: .9em;
	opacity: .9;
	margin: .5em 0;
}
.fullarticle {
	position: relative;
	margin-bottom: 1em;
}
.fullarticle h3 {
	font-size: 1.12em;
	margin-top: .82em;
	text-align: left;
}
.articlelist h3, .fullarticle h1 {
	font-weight: 600;
	font-size: 1.3em;
	text-align: left;
	margin-bottom: 1rem;
	text-transform: none;
	background-color: transparent;
}
.fullarticle h1{
	margin: 0 .5em .5rem;
	padding: 0;
}
.articlelist h3 a{
	padding: 0;
}
.articlelist h3 a, .articlelist h3 a:link, .articlelist h3 a:visited {
	color: #555759;
}
.articlelist h4, .fullarticle h4{
	opacity: .75;
	font-size: 1em;
}
.articlelist h5, .fullarticle h5, .fullarticle h6 {
	padding: .5em 0 0;
	margin: 0;
	font-size: .8em;
	color: #7E90A6;
}
.articlelist h5 + div, .fullarticle h5 + div, .fullarticle h6 + div {
	padding-top: .5em;
}
.fullarticle .image {
	margin: 1em .5em .5em;
	width: auto;
}
.fullarticle .author {
	padding: 0 0 .4em;
	color: #7E90A6;
}
.fullarticle .split > div {
	padding: .5em;
	text-align: center;
}
.photoshell {
	margin: .5em auto;
	text-align: center;
}
.caption {
	display: block;
	font-size: .9em;
	line-height: 1em;
	margin-top: .3em;
	color: #999;
}

.thumbgroup {
	text-align: center;
}
.thumbphotos {
	display: inline-block;
	vertical-align: middle;
	padding: .5em;
	font-size: .9em;
	line-height: 1.1em;
}
.thumbphotos img {
	border: 1px solid;
	width: 100%;
	height: auto;
}
.thumbphotos h3 {
	margin-bottom: 0;
}
.fullphoto, .photodata, .thumbphotos h3 {
	padding: .5em;
	text-align: center;
}
.photodata hr {
	width: 200px;
	margin: .5em auto;
}
.blog .content .floatleft img, .blog .content .floatright img, .photoshell img{
	box-sizing: border-box;
	width: 100%;
	max-width: 300px;
	height: auto;
	display: block;
	padding: 2px;
	border: 1px solid #999;
}
.blog .center img {
	box-sizing: border-box;
	width: 100%;
	max-width: 400px;
	height: auto;
	padding: 2px;
	border: 1px solid #999;

}
.blog .content .floatleft, .blog .content .floatright, .photoshell {
	box-sizing: border-box;
	width: 300px;
	font-size: .85em;
	line-height: 100%;
	text-align: center;
	color: #333;
}
.photoshell {
	float: right;
	margin: 0 0 .5em .5em;
	width: 60%;
	max-width: 250px;
}
.focusblock ul {
	line-height: 1.1em;
	padding: 0;
	margin: 0;
	list-style: none;
}
.focusblock li {
	position: relative;
	padding: 0 0 .42em;
}
.focusblock a {
	display: block;
	padding: .4em 1.3em .4em 1em;
	border: .26em outset;
}
.focusblock li a{
	background-color: #7EBBCF;
	border-color: #7EBBCF;
}
.focusblock a, .focusblock a:link, .focusblock a:visited {
	color: #000;
}
.focusblock li polygon {
	fill: #FFF;
}

.border {
	border: 1px solid #E7E9EA;
}
.light1 {
	color: #FEAB4F;
}
.light2 {
	color: #3FD8FF;
}
.light3 {
	color: #77657F;
}
.dark1, .color1 {
	color: #7E90A6;
}
.dark2 {
	color: #0060A4;
}
.dark3 {
	color: #1D0B25;
}
.bar1 {
	text-align: center;
	font-size: 1.1em;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #B6BBBF;
}

table.guides {
	margin: .5em auto;
	border-collapse: separate;
	border-spacing: .5em;
	text-transform: uppercase;
}
table.guides td, table.guides th {
	vertical-align: middle;
}
table.guides th {
	font-size: .9em;
	line-height: 1.1em;
	width: 9em;
}
.guides .filelink {
	position: relative;
	display: block;
}
.guides .filesize {
	display: block;
	position: absolute;
	top: 1.8em;
	right: 2em;
	font-weight: 400;
	opacity: .8;
}
.resource .docside {
	width: 36%;
	text-align: center;
}
.resource .docside img {
	margin: .5em auto;
}
.resource h2 {
	margin-bottom: 1em;
}
.split > div.downloadtext {
	font-size: 1.75em;
	line-height: 1.05em;
	font-weight: 600;
	color: #000;
	vertical-align: middle;
	padding: .5em;
}
.playersplit > div:not(:first-child) {
	margin-top: 1.5em;
}
.playersplit h3 {
	margin-bottom: .5em;
}
.formtable {
	width: 90%;
}
.formtable .bar {
	font-size: 1.1em;
	text-align: center;
	border: 1px solid #80817C;
	background-color: #E0E1D3;
}
input[type="text"], input[type="email"], input[type="tel"], textarea {
	box-sizing: border-box;
	width: 100%;
}
.formbox {
	padding: 1em 2em;
}

.formnorm {
	font-size: .85em;
	background-color: #E0E2DF;
	color: #000;
	padding: .6em .8em;
	border: none;
}
.formnorm::-webkit-input-placeholder {
	color: #88858C !important;
}
.formnorm::-moz-placeholder {
	color: #88858C !important;
}
.formnorm:-ms-input-placeholder {
	color: #88858C !important;
}
.formsubmit {
	width: 100%;
	font-size: 1.1em;
	border-radius: .3em;
	border: .2em outset #D7D9D4;
	background-color: #7E1519;
	color: #FFF;
	padding: .5em;
	background-size: cover;
	background-position: center;
}
#enterkey {
	position: absolute;
	top: -2em;
	left: -10em;
}

table.preview {
	background-color: #E0E2DF;
	border-spacing: 0;
	color: #000;
}
table.preview td {
	padding: .5em;
}
.check_human .errorborder {
	padding: 4px;
}
.submitgroup {
	position: relative;
	padding-bottom: 1em;
}
#coverup {
	position: absolute;
	font-size: .85em;
	padding: 3.2em .5em 0;
	text-align: center;
	width: 100%;
	top: 0;
	left: 0;
	color: #990000;
	background-color: rgba(255,255,255,.5);
	z-index: 11;
	display: none;
}
#coverup.after {
	display: block;
}
#coverup.after:after {
	content: "Submitting, please wait";
}
.forcebreak:after {
	content: "\A";
	white-space: pre;
}
.blognews {
	padding: 1em 4vw;
	background-color: #EBECEA;
}
.blognews .more, .articles .more, .blog .more, .blogblock .more {
	font-weight: 700;
}
.blogblock .more {
	display: inline-block;
	margin-top: .5em;
}
.blognews h1 {
	font: 500 1.54em/130% "Tiempos Headline", serif;
	color: #000;
}
.blognews h3, .blognews h1 {
	font: 500 2.08em/1em "Tiempos Headline", serif;
	text-align: center;
	border-bottom: 2px solid #5690D2;
	padding-bottom: .4em;
	margin: 0 0 .5em;
	text-transform: none;
	background-color: transparent;
}
.blognews h3 {
	color: #12243A;
}
.blognews h4 {
	font: 500 1.3em/1.05em "Tiempos Headline", serif;
	color: #000;
	margin-bottom: .5rem;
	text-transform: none;
}
.datetitle {
	display: flex;
	align-items: flex-end;
	flex-flow: row nowrap;
}
.recent .date, .articles .date, .fullarticle .date {
	display: inline-block;
	vertical-align: top;
	padding: 6px;
	margin: 0 0 .5rem 0;
	color: #FFF;
	text-align: center;
	width: 2em;
}
.news .articlelist .date, .news .fullarticle .date {
	position: relative;
	background-color: transparent;
	padding: 0;
	margin: 0;
	color: initial;
	width: auto;
	left: 0;
}
.month, .year {
	font-size: .57em;
	line-height: 1em;
	letter-spacing: .5pt;
	text-transform: uppercase;
}
.day {
	font: 700 1.1em/1em "Times New Roman", Times, serif;
	padding: .05em 0 .15em;
}
.recent {
	margin-top: 1em;
}
.recent .date {
	background-color: #5690D2;
}
.blog .fullarticle .date {
	background-color: #5690D2;
	display: block;
}
.articlelist .date {
	background-color: #000;
}
.topphoto .articlelist .date {
	display: none;
}
.blog .topphoto {
	background-color: #939A9F;
	color: #FFF;
	padding: 1em;
}
.blog .fullarticle .topphoto {
	display: flex;
	flex-flow: row nowrap;
	padding: 5em 4vw .5em 2vw;
	align-items: flex-end;
}
.blog .fullarticle .topphoto .date {
	font-size: 1.4em;
}
.blog .adminbutton {
	position: absolute;
	top: 1em;
	right: 1em;
}
.topphoto .content {
	color: #FFF;
}
.topphoto h2 {
	color: #BBBABB;
	font: 500 1.5em/1em "Tiempos Headline", serif;
	margin-top: 0;
	text-transform: none;
}
.topphoto h3 a, .topphoto h3 a:link, .topphoto h3 a:visited {
	color: #FFF;
}
h3.border {
	border: 1px solid #5690D2;
	display: table;
	padding: 1em;
	margin: 0 auto 1.5rem;
}
h3.blue {
	text-align: center;
	margin: 1.5em 0 0;
}
h3.blue a{
	font: 500 1.12em/1em "Tiempos Headline", serif;
	text-transform: none;
}
h3.blue a, h3.blue a:link, h3.blue a:visited {
	color: #5690D2;
}
.topphoto .more {
	display: block;
	margin-top: 1em;
}
p.title, .articlelist h3 {
	font-weight: 400;
	line-height: 100%;
	vertical-align: top;
	margin-bottom: .5em;
}
p.title {
	margin-left: .5em;
}
p.center {
	line-height: 1.2em;
	margin: 2rem;
}
.title {
	font-family: "Oswald", sans-serif;
	font-weight: 600;
	color: #575D62;
}
.title a, .title a:link, .title a:visited {
	color: #575D62;
}
.title a:hover, .title a:visited:hover {
	color: #5690D2;
}
.recent p.title {
	font-size: 1.2em;
	line-height: 1.2em;
}
ul.articles .date {
	background-color: #939A9F;
}
.blog ul.articles .date {
	background-color: #5690D2;
	margin-bottom: 1em;
}
.articles .title {
	font-size: 1.2em;
	line-height: 1.2em;
	width: 14em;
}
.articles.x4 .title {
	width: 100%;
	color: #FFF;
	margin: 1rem 0;
}
.articles.x4 .content {
	font-size: .85em;
	padding: 0 1em;
}
.articles.x4 .title a {
	display: block;
	background-color: #5690D2;
	padding: 1em 1rem;
}
.articles.x4 .title a, .articles.x4 .title a:link, .articles.x4 .title a:visited {
	color: #FFF;
}
.articles.x4 .title a:hover, .articles.x4 .title a:visited:hover {
	color: #FFF;
	background-color: #454A4F;
}
ul.articles {
	margin: .2em 0 0;
	padding: 1em 4vw;
	list-style: none;
	border-bottom: 1em solid #EBECEA;
	border-left: 2px solid #EBECEA;
}
ul.articles li {
	margin-bottom: 1em;
	position: relative;
	background-color: #FFF;
}
ul.articles li + li {
	border-top: 4px solid #EBECEA;
	padding-top: 1em;
}
ul.articles li:last-child {
	margin-bottom: 0;
}
.tribooks {
	list-style: none;
	padding: 0;
	margin: 0;
}
.tribooks li {
	margin: 0;
	padding: 1em;
}
.tribooks .cover {
	text-align: center;
}
.tribooks .cover img {
	width: 60%;
	margin-bottom: -1em;
}
.tribooks h4 {
	text-transform: uppercase;
}

.twitter-tweet {
	font: 400 .9em/1.2em Arial, Helvetica, sans-serif;
	max-width: 550px;
	margin: .6em auto;
	padding: 15px;
	border-radius: 15px;
	border: 1px solid rgb(204, 214, 221);
}
.desktopbreak:after {
	content: "\A";
	white-space: pre;
}
.allowhidden > div {
	-webkit-transition: all 1000ms cubic-bezier(.5, 0, .5, 1);
	transition: all 1000ms cubic-bezier(.5, 0, .5, 1);
}
.allowhidden .hidden {
	overflow: hidden;
	height: .1px;
	opacity: 0;
}
.allowhidden .revealed {
	height: auto;
	opacity: 1;
}
#sectionbutton.hidden {
	display: none;
}
#coverbase {
	position: relative;
	overflow: hidden;
}

.page-template-template-books .grayback.whitespace img {
	width: auto;
	max-width: 100%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
}

@media only screen and (min-width: 20em) {
	#debug {
		z-index: 501;
		background-color: rgba(256,256,256,.5);
		border: 1px solid #FFF;
		color: #3300FF;
		padding: 4px;
		position: fixed;
		bottom: 0;
		right: 0;
	}
	.debugnotes {
		font-size: medium;
		line-height: 1.15em;
		color: #000;
	}
}
@media only screen and (min-width: 30em) {
	/* 480 */
	.original {
		display: initial;
	}
	.news .articlelist > div{
		display: table-cell;
		vertical-align: top;
	}
	.news .articlelist .docside {
		padding-right: 1em;
	}
	.fullarticle .image {
		float: right;
		width: 35%;
	}
	.blocksplit .inside {
		position: relative;
	}
	.blocksplit .inside .right {
		position: absolute;
		bottom: 1rem;
		right: 1rem;
	}
}
@media only screen and (min-width: 41em) {
	/* 656 */
	iframe {
		height: 360px;
	}
	blockquote.quoted {
		padding: 0 3em;
		margin: 2em 0;
	}
	blockquote.quoted:before, blockquote.quoted:after {
		width: 32px;
		height: 26px;
	}
	blockquote.quoted:before {
		left: 0;
	}
	blockquote.quoted:after {
		right: 0;
	}
	blockquote.quoted br, .reviewquote br {
		display: initial;
	}
	dd {
		text-align: justify;
		line-height: 1.5em;
	}
	.photofront {
		background-size: 31%;
		background-position: 65vw top;
		height: 9em;
	}
	.slide.withdetail .photofront {
		background-size: 63%;
		background-position: 40vw top;
		height: 50vw;
	}
	.blueback .inside {
		display: flex;
		flex-flow: row nowrap;
		align-items: center;
		justify-content: center;
		margin: 1em 0;
	}
	.inblock {
		display: inline-block;
		vertical-align: middle;
		width: 50%;
	}
	.inblock.left, .inblock.right {
		font-size: 1em;
		line-height: 1.5em;
		letter-spacing: .01em;
	}
	.inblock.left {
		text-align: left;
		padding: 1em 0 1em 2em;
		width: 50%;
	}
	.inblock.right {
		text-align: right;
		padding: 1em 2em 1em 0;
		width: 40%;
	}
	.inblock + .inblock {
		border-top: none;
		border-left: 2px solid #FFF;
	}
	#footer {
		margin-top: 2.5em;
	}
	.floatleft {
		float: left;
		margin: 0 1.5em .5em 0;
	}
	.floatright {
		float: right;
		margin: 0 0 .5em 1.5em;
	}
	.split > div.search {
		display: none;
	}
	.whiteback .floatleft, .whiteback .floatright {
		width: 40%;
	}
	.split {
		width: 100%;
		display: table;
		margin: 0 auto;
		position: relative;
	}
	.split > div, .blognews > div{
		display: table-cell;
		vertical-align: top;
	}
	.split > div.middle, .split > div.feature {
		vertical-align: middle;
	}
	.blognews > div:first-child {
		width: 45%;
		padding-right: 2em;
	}
	.blognews h1 {
		width: 13em;
		padding-left: 0;
	}
	.blog .topphoto {
		padding: 1.5em 4vw;
	}
	.topphoto h2 {
		text-align: left;
		margin: .5em 0 1em;
	}
	.blognews h3, .blognews h1, .blognews h4, .blognews .boxbutton, .grayback .boxbutton {
		text-align: left;
	}
	.blognews .raisedbutton a {
		margin: .5em 0;
	}
	.blognews h3 {
		margin-left: -4vw;
		padding-left: 4vw;
	}
	ul.articles {
		margin-left: auto;
		margin-right: auto;
	}
	ul.articles li {
		padding: 0 .5em;
	}
	.blog ul.articles.x4 {
		display: flex;
		flex-flow: row nowrap;
		align-items: stretch;
		justify-content: center;
	}
	.blog ul.articles.x4 li {
		border: 1px solid #EBECEA;
		padding: 1em;
		margin: 0;
	}
	.blog ul.articles.x4 li + li {
		margin-left: 2%;
		box-shadow: none;
	}
	.articles.x4 .title{
		width: calc(100% + 2rem);
		margin: 0 -1rem 1em;
	}
	.articles.x4 .title a {
		display: flex;
		flex-flow: column wrap;
		min-height: 3em;
		justify-content: center;
	}
	.articles.x4 .content {
		padding: 0;
		line-height: 1.3em;
	}
	ul.articles.x4 {
		padding: 1em 0;
	}
	.littlesplit .dual {
		width: 100px;
	}
	.articlelist.withphoto .docside {
		width: 150px;
	}
	.blog .articlelist.withphoto .docside {
		width: 200px;
	}
	.thumbgroup {
		margin: 0 -5.3em;
	}
	.fullarticle .split {
		width: auto;
		margin: 1em auto;
		text-align: center;
	}
	.fullarticle .split > div {
		padding: 0 1em;
	}
	.visit a {
		padding: 4em 0 2em;
	}
	.visit img {
		padding: 0 8vw;
		box-sizing: border-box;
	}
	.blogblock {
		border-bottom: 2px solid #C9C9C9;
	}
	.blogblock .inside, .bookblock .inside {
		padding-left: 48%;
	}
	.blogblock h3 {
		padding: .8em;
	}
	.blogblock .photo {
		position: absolute;
		width: 54%;
		height: 24em;
		left: -3.5em;
		top: auto;
		bottom: 0;
	}
	.blogblock .title {
		width: auto;
		margin-left: 0;
		font-family: "Gotham", sans-serif;
		font-weight: 600;
	}
	.bookblock {
		margin-top: .8rem;
		margin-bottom: 3em;
		position: relative;
	}
	.bookblock .photo {
		position: absolute;
		width: 40%;
		margin: 0;
		top: 1em;
		left: 4%;
	}
	.bookblock h3, .bookblock h4 {
		text-align: left;
	}
	ul.icongroup {
		font-size: 1.2em;
		margin: 1em auto -6rem;
		padding: 1em 2.5em 2rem;
		border-top-left-radius: .8em;
		border-top-right-radius: .8em;
		border-bottom-right-radius: 0;
		background-color: #FFF;
	}
	.grayback.whitespace {
		margin-bottom: 5em;
	}
	ul.icongroup li.addbreak {
		font-family: "Oswald", sans-serif;
		font-weight: 600;
		color: #000;
		margin: 0 0 0 .4em;
	}
	.icongroup a {
		width: auto;
	}
	.bookblock ul.icongroup {
		margin: 0 auto 0 48%;
		padding-left: 0;
	}
	.booklist .split {
		width: auto;
	}
	.coverside {
		width: 200px;
	}
	.split > div.linkside {
		width: 10em;
		vertical-align: bottom;
	}
	.linkside h4 {
		text-align: left;
	}
	.linkside .raisedbutton {
		margin-left: 0;
	}
	.mediabar li{
		width: 45%;
	}
	.mediabar .nav.on {
		display: block;
	}
	.bookside{
		float: left;
		margin: 0 1.5rem 1em 0;
		width: 150px;
		font-size: .9em;
	}
	.bookside + h3 {
		margin-top: 1.5rem;
	}
	.sharenav {
		margin: 1em auto;
	}
}
@media only screen and (min-width: 50em) {
	/* 800 */
	body {
		font-size: 1.5vw;
	}
	a, .formsubmit, .submitbutton, a img, input.raisedbutton, .blocked {
		-webkit-transition: all 200ms cubic-bezier(.5, 0, .5, 1);
		transition: all 200ms cubic-bezier(.5, 0, .5, 1);
	}
	a.fade:hover, a.fade:visited:hover {
		opacity: .85;
	}
	.raisedbutton a:hover, .raisedbutton a:visited:hover,
	a .raisedbutton:hover, a .raisedbutton:visited:hover,
	a.raisedbutton:hover, a.raisedbutton:visited:hover,
	input.raisedbutton:hover, input.raisedbutton:focus {
		background-color: #274A5E;
	}
	h3.border {
		margin-bottom: 2em;
		padding: 1em 2.5em;
	}
	#header {
		padding-top: 5em;
	}
	#header .logo {
		font-size: 2.05em;
		vertical-align: bottom;
		padding: 0 1rem 0 2.5rem;
		width: 15%;
		text-align: left;
		text-transform: uppercase;
	}
	.search {
		width: 8em;
	}
	.search a {
		display: table;
		background-image: linear-gradient(120deg,transparent 1.5em,#E7E9EA 1.52em);
		padding: .2em 1em .2em 1.5em;
		margin: 0;
	}
	.search circle {
		fill: rgba(255,255,255,.2);
		stroke: #000;
	}
	.search polygon {
		fill: #000;
	}
	.search svg {
		margin-bottom: -.2em;
	}
	.detail {
		font-size: 2.5em;
		bottom: 2.5em;
		left: 2.5em;
	}
	.textback {
		font-size: 10.5em;
		text-align: left;
		padding-left: 1.5rem;
	}
	.photofront {
		height: 11em;
	}
	.slide.withdetail .photofront {
		height: 34em;
	}
	.blogblock, .bookblock {
		font-size: 1.375em;
		line-height: 1.3em;
	}
	.whiteback .floatleft {
		margin: 0 1.1em .5em 0;
		width: 29%;
	}
	.whiteback .floatright {
		margin: 0 0 .5em 1.1em;
		width: 29%;
	}
	.tel {
		white-space: nowrap;
	}
	a.tel, a.tel:link, a.tel:visited {
		color: inherit;
	}
	iframe {
		height: 33vw;
	}
	#footer {
		padding: 0 5rem 2.06em;
	}
	#footer br {
		display: none;
	}
	main .container {
		display: table;
		margin: 0 auto;
	}
	#header .split > div {
		display: table-cell;
		vertical-align: bottom;
	}
	.navbar {
		display: block;
	}
	.navbar > ul {
		box-sizing: border-box;
		display: flex;
		flex-flow: row nowrap;
		align-items: flex-end;
		justify-content: space-between;
		width: 100%;
		padding: 0 0 .2em;
		margin: 0;
		list-style: none;
		font-size: 1.2em;
	}
	.navbar li{
		margin: 0;
		padding: 0;
	}
	.navbar > ul > li {
		display: table-cell;
		vertical-align: bottom;
		text-align: center;
		position: relative;
	}
	.navbar div.line {
		width: 2px;
		background-color: #8D949A;
		height: 1em;
	}
	.navbar .nav, .navbar .nonav, .navbar .menu-item {
		padding: 1em 0 0;
	}
	.navbar a {
		display: block;
		text-transform: uppercase;
		line-height: 100%;
		padding: 0 1em;
	}
	.navbar a, .navbar a:link, .navbar a:visited {
		color: #000;
	}
	.navbar a:hover, .navbar a:visited:hover {
		color: #5690D2;
	}
	.navbar .nav.on a, .navbar .current-menu-item > a, .navbar .current_page_item > a {
		font-weight: 600;
		color: #5690D2;
	}
	.navbar ul ul {
		border-top: 1px solid rgba(255,255,255,.6);
		margin: 0;
		padding: 0 0 0 1em;
		position: absolute;
		z-index: 500;
		display: none;
		text-align: left;
		list-style: none;
		font-size: 1em;
	}
	.navbar ul ul li {
		border-bottom: 1px solid rgba(255,255,255,.6);
	}
	.navbar ul ul a{
		padding: .5em .5em;
		font-weight: 400;
	}
	.navbar ul ul a, .navbar ul ul a:link, .navbar ul ul a:visited {
		color: #FFF;
		background-color: rgba(86,144,210,.8);
	}
	.navbar ul ul a:hover, .navbar ul ul a:visited:hover {
		color: #FFF;
		background-color: rgb(86,144,210);
	}
	.navbar ul ul .on a, .navbar ul ul .on a:link, .navbar ul ul .on a:visited,
	.navbar ul ul .current-menu-item > a, .navbar ul ul .current-menu-item > a:link, .navbar ul ul .current-menu-item > a:visited {
		background-color: rgba(86,144,210,.8);
	}

	div.navbar li:hover {
		cursor:pointer;
		z-index:100;
	}

	div.navbar li:hover ul ul,
	div.navbar li li:hover ul ul,
	div.navbar li li li:hover ul ul,
	div.navbar li li li li:hover ul ul
	{display:none;}

	div.navbar li:hover ul,
	div.navbar li li:hover ul,
	div.navbar li li li:hover ul,
	div.navbar li li li li:hover ul
	{display:block;}
	.original {
		display: inherit;
	}
	#mobilenav {
		display: none;
	}
	.mediabar ul {
		text-align: left;
		margin-left: 0;
	}
	.mediabar a {
		font-size: .7em;
		line-height: 1em;
	}
	.mediabar .nav{
		margin: 1em 0;
	}
	.mediabar li + li {
		padding-left: 1.6em;
	}
	.mediabar li, .mediabar a {
		width: auto;
	}
	header .container {
		position: absolute;
		top: .8em;
		right: .8em;
	}
	.socialmedia {
		font-size: 12px;
	}
	.socialmedia > div {
		margin: .5em;
	}
	.forcebreak:after {
		content: "\A";
		white-space: pre;
	}
	.photoshell {
		width: auto;
		max-width: 50%;
		float: right;
		margin: 0 0 .5em .5em;
	}
	.figure{
		max-width: 200px;
	}
	.blocked {
		padding: .5em 1em;
	}
	.visit a {
		padding: 5em 0 4em;
		letter-spacing: .05em;
	}
	.desktopbreak:after {
		content: "/";
		white-space: normal;
	}
	.blognews {
		padding: 2em 5vw 1.5em;
	}
	.blognews, ul.articles {
		line-height: 140%;
	}
	.blognews h3 {
		margin-left: -5vw;
		padding-left: 5vw;
	}
	.blognews h1 {
		font-size: 1.54em;
		padding: 0 0 .2em;
		margin: 0 0 .2em;
	}
	.blog .blognews h4 {
		font-size: 1.04em;
	}
	.recent {
		position: relative;
		padding-left: 3.5em;
	}
	.recent .title {
		display: flex;
		flex-flow: row wrap;
		min-height: 2em;
		align-items: flex-end;
		width: 22em;
	}
	.recent  .content {
		font-size: 1em;
		line-height: 1.4em;
	}
	ul.articles {
		margin-top: 0;
		padding: 0;
		display: table;
		background-color: #EBECEA;
	}
	ul.articles li {
		display: table-cell;
		box-sizing: border-box;
		width: 25%;
		margin-bottom: 0;
		position: relative;
		padding: 0 1em 1em 3.5em;
	}
	ul.articles li + li {
		border-top: none;
		border-left: 4px solid #EBECEA;
		padding-top: 0;
	}
	ul.articles li + li .line {
		position: absolute;
		display: block;
		height: 100%;
		width: 2px;
		background-color: #FFF;
		top: 0;
		left: -4px;
	}
	ul.articles h3, ul.articles p.title {
		display: flex;
		align-items: flex-end;
		min-height: 2.8em;
	}
	.blog .topphoto {
		padding: 1.5em 35% 1.5em 5vw;
		min-height: initial;
	}
	.blog .fullarticle .topphoto .topics{
		position: relative;
		top: -.5em;
		font-size: .8em;
	}
	.blog .topics {
		font-size: .625em;
	}
	.topphoto .articlelist h3 {
		width: auto;
		padding-right: 10vw;
	}
	.whiteback.content {
		padding-top: 2.5em;
	}
	.topphoto .more, .articlelist .more {
		display: block;
	}
	.blog ul.articles {
		display: flex;
		justify-content: space-around;
		align-items: stretch;
		flex-flow: row wrap;
		background-color: #EBECEA;
		margin: -.5vw 0;
	}
	.revealed {
		display: flex;
		justify-content: flex-start;
		align-items: stretch;
		flex-wrap: wrap;
	}
	.blog ul.articles.x4 {
		background-color: transparent;
		border: none;
		margin: 0;
	}
	.blog ul.articles li {
		display: inline-block;
		width: 33%;
		padding: 2.5em 1.7em 1em;
		margin: 2px 1px;
		background-color: #FFF;
	}
	.blog ul.articles h3 {
		display: block;
		font-size: 1em;
		width: auto;
		min-height: auto;
	}
	.blog ul.articles li + li {
		border-left: none;
	}
	.recent .date, .articles .date, .fullarticle .date {
		position: absolute;
		top: 0;
		left: 0;
	}
	.fullarticle .date {
		position: relative;
	}
	ul.articles .title {
		margin-top: 0;
		width: auto;
	}
	ul.articles .content {
		font-size: .9em;
		line-height: 1.4em;
	}
	.blog ul.articles.x4 li {
		padding: 1em 1em 2em;
	}
	.blog ul.articles.x4 .right {
		position: absolute;
		bottom: .8em;
		right: 1em;
	}

	ul.booklist {
		display: flex;
		flex-flow: row nowrap;
		align-items: center;
		justify-content: center;
		margin: 1em -2rem;
	}
	ul.booklist li {
		margin: 2em 1em;
	}
	ul.booklist h4 {
		width: 7em;
	}
	.split > div.linkside {
		width: auto;
	}
	ul.booklist .coverside {
		padding-right: 1em;
	}
	p.title {
		margin-left: 0;
	}
	blockquote.quoted:before {
		left: 6em;
	}
	blockquote.quoted:after {
		right: 6em;
	}
	.bookside {
		width: 200px;
		margin-bottom: 1.5em;
	}
	.bookside img {
		margin-bottom: .5em;
	}
	.allowhidden .revealed {
		height: auto;
	}
	.playersplit {
		width: 100%;
		display: table;
		margin: 0 auto;
		position: relative;
	}
	.playersplit > div {
		display: table-cell;
		vertical-align: middle;
	}
	.playersplit > div:not(:first-child) {
		margin-top: 0;
		padding-left: 2em;
	}
	.playersplit iframe {
		height: 22.2vw;
	}
}
@media only screen and (min-width: 64em) {
	/* 1024 */
	.columnize {
		-moz-column-count: 2;
		-moz-column-gap: 2em;
		-webkit-column-count: 2;
		-webkit-column-gap: 2em;
		column-count: 2;
		column-gap: 2em;
	}
	.bottombio + .container {
		margin-top: -32px;
	}
	.bottombio > div {
		display: table-cell;
		vertical-align: middle;
	}
	.bottombio p {
		padding-top: 0;
		font-size: .9em;
		line-height: 1.1em;
	}
	.bottombio .photoside {
		width: 140px;
	}
	.bottombio .textside {
		padding: 0 0 0 .5em;
	}
	.grayback, .whiteback {
		padding: 2rem 8vw;
	}
	h1 {
		margin-top: -2rem;
	}
	.bookblock {
		margin-bottom: 5em;
	}
	.blogblock .inside, .bookblock .inside, .blogblock h3 {
		padding-left: 40%;
	}
	.blogblock .photo {
		width: 46%;
		height: 16.5em;
	}
	.blogblock .content, .bookblock p {
		font-size: .85em;
	}
	.blogblock h3 {
		text-align: left;
	}
	.bookblock .grayback {
		padding-left: 0;
		padding-right: 0;
	}
	.bookblock .grayback .inside, .blogblock .inside {
		padding-right: 4vw;
	}
	.bookblock h4 {
		font-size: .95em;
	}
	.bookblock ul.icongroup li.addbreak {
		display: inline-block;
		font-size: .75em;
		margin-left: 0;
	}
	.bookblock ul.icongroup {
		margin-left: 40%;
		padding: .5em 1em .5em 0;
	}
	.bookblock .photo {
		left: 0;
	}
}
@media only screen and (min-width: 74em) {
	/* 1184 */
	iframe {
		height: 360px;
	}
}
@media only screen and (min-width: 80em) {
	/* 1280 */
	body {
		font-size: 21px;
	}
	.spread {
		letter-spacing: .02em;
	}
	h2, h3.big {
		margin: 1.5em auto;
	}
	.fullarticle h3 {
		margin-top: 1.5em;
	}
	h1, h3 {
		margin-bottom: 1.5em;
	}
	h1 {
        width: 100vw;
        margin-left: calc(-50vw + 50%);
        margin-right: calc(-50vw + 50%);
		padding: 1.5em 0;
	}
	blockquote.quoted {
		font-size: 1.3em;
		line-height: 1.35em;
		padding: 0 1.5em;
	}
	blockquote.quoted:before {
		left: 1.5em;
	}
	blockquote.quoted:after {
		right: 1.25em;
	}
	main, .blogblock, .bookblock {
		font-size: 1em;
	}
	#fullwidth {
		max-width: 1280px;
		margin: 0 auto;
	}
	#header {
		margin: 0 auto;
		padding-top: 3em;
	}
	header .container {
		right: calc(100% - 1280px + 2em);
	}
	.search {
		font-size: .8em;
	}
	.textback {
		font-size: 9.7em;
		top: 3rem;
	}
	.detail {
		font-size: 2em;
		bottom: 2em;
		left: 2em;
	}
	.photofront {
		height: 12em;
		background-position: 40em top;
	}
	.slide.withdetail .photofront {
		height: 27em;
		background-size: 44%;
		background-position: 32em bottom;
	}
	#footer {
		margin: 3em auto;
	}
	#footer p {
		margin-left: auto;
		margin-right: auto;
		max-width: 48em;
	}
	.whiteback .floatleft.forbook {
		margin: -.5em 1em 1em -2em;
		width: 31%;
	}
	.blogblock .content {
		font-size: 1.05em;
		line-height: 1.6em;
	}
	.blogblock .photo {
		width: 33%;
		height: 19em;
		left: 0;
	}
	.blogblock .inside {
		padding-right: 3vw;
		height: 14em;
	}
	.bookblock .grayback .inside {
		padding-right: 8vw;
	}
	.bookblock h3 + h4 {
		margin-top: -1.5em;
		margin-bottom: 1em;
	}

	.bookblock p {
		font-size: 1em;
	}
	.blogblock .inside, .bookblock .inside, .blogblock h3 {
		padding-left: 37%;
	}
	.bookblock ul.icongroup {
		margin-left: 37%;
	}
	.navbar ul {
		letter-spacing: .1em;
	}
	.navbar .nav, .navbar .menu-item {
		padding: 0 1em;
	}
	.navbar > ul > li {
		position: initial;
	}
	.navbar li {
		font-size: .7em;
	}
	.navbar li li {
		font-size: .9em;
	}
	.navbar ul ul {
		padding-left: 1.4em;
	}
	.navbar ul ul a {
		padding: .75em .5em;
	}
	.grayback, .whiteback {
		padding: 2rem 8vw;
	}
	.grayback .inside, .whiteback .inside {
		margin: 0 auto;
		max-width: 42em;
	}
	.grayback.whitespace {
		padding: 2rem 0;
	}
	.grayback.whitespace .inside {
		max-width: 100%;
	}
	.reviewquote {
		font-size: 1.05em;
	}
	ul.icongroup {
		margin-bottom: -4.5em;
		padding-bottom: 1em;
	}
	ul.icongroup li.addbreak {
		font-size: .85em;
	}
	.bookside {
		margin: -1rem 2rem 3rem -3.5rem;
		width: 400px;
	}
	.bookside + h3 {
		font-size: 1.2em;
		margin-top: 1.5em;
	}
	h3 + h3 {
		font-size: 1.2em;
		margin-top: -1.3em;
	}
	.thumbphotos {
		font-size: .75em;
	}
	.blognews h3, .blognews h1 {
		margin-left: -1.5em;
		padding-left: 1.5em;
	}
	ul.articles.x4 {
		padding-left: 0;
		padding-right: 0;
	}
	.articles.x4 .title {
		width: calc(100% + 2.2em);
		margin: 0 -1.1em 1em;
	}
	.articles.x4 .title a {
		padding: 1em 1.1em;
	}
	.recent .title {
		line-height: 1.05em;
		width: auto;
	}
	.recent .content {
		font-size: .95em;
	}
	ul.articles .title {
		margin-top: .2em;
	}
	ul.articles .content {
		font-size: .8em;
		line-height: 1.3em;
	}
	ul.articles li + li .line {
		width: 3px;
		left: -7px;
	}
	ul.articles h3, ul.articles p.title {
		min-height: 2.4em;
	}
	.visit2 {
		background-size: cover;
	}
	.visit2 a {
		height: 222px;
	}
	.playersplit iframe {
		height: 18vw;
	}
}

/* GENERAL > Skip To Content */
#skiptocontent {
	z-index: 100;
	position: fixed;
	padding: 8px;
	display: block !important;
	transform: translateY(-40px);
	opacity: 0;
	background-color: #EBEBEB;
	color: #277CB3;
	transition: all 200ms ease-out;
}

#skiptocontent:focus {
	transform: translateY(0);
	opacity: 1;
}

@media only screen and (max-width: 640px) {
	#skiptocontent {
		display: none !important;
	}
}