/* Reset
-------------------------------------------------------------- */
html { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

*, *:before, *:after { -webkit-box-sizing: inherit; -moz-box-sizing: inherit; box-sizing: inherit; }

html, body, div, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, ol, ul, li, form, legend, label, table, header, footer, nav, section, figure { margin: 0; padding: 0; }

header, footer, nav, section, article, hgroup, figure { display: block; }

body { font-family: neue-haas-unica, sans-serif; font-weight: 400; font-style: normal; font-size: 100%; color: #292929; line-height: 1.5; }

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: #292929; }

h1 { font-family: 'Canela Web', serif; font-weight: 500; font-style: normal; font-stretch: normal; font-size: 1.85em; line-height: 1.4em; }

h1 a { text-decoration: none; }

h2 { font-family: 'Canela Web', serif; font-weight: 500; font-style: normal; font-stretch: normal; color: #292929; font-size: 3em; line-height: 1.2; margin-bottom: .25em; }

@media (min-width: 1120px) { h2 { font-size: 4em; line-height: 1.2; } }

h2 a { text-decoration: underline; font-weight: normal; }

h2 a:hover { color: #777; }

h3 { font-family: 'Canela Web', serif; font-weight: 500; font-style: normal; font-stretch: normal; color: #292929; font-size: 2.325em; line-height: 1.25; margin-bottom: .15em; }

@media (min-width: 667px) { h3 { font-size: 3.125em; } }

h3 a { text-decoration: underline; font-weight: normal; }

h3 a:hover { color: #777; }

h4 { font-family: neue-haas-unica, sans-serif; font-weight: 600; font-style: normal; font-stretch: normal; font-size: 1.5em; line-height: 1.25; margin-bottom: .15em; }

@media (min-width: 667px) { h4 { font-size: 1.75em; } }

h4 a { font-weight: normal; font-weight: 600; text-decoration: none; border-bottom: none; }

h5 { font-family: neue-haas-unica, sans-serif; font-style: normal; color: #292929; font-size: 1.5em; line-height: 1.2em; margin-bottom: .2em; }

h6 { font-family: neue-haas-unica, sans-serif; font-style: normal; color: #292929; font-size: 1em; line-height: 1.3em; }

@media (min-width: 470px) { h6 { font-size: 1.125em; } }

p { font-size: 1.125em; line-height: 1.5; }

@media (min-width: 470px) { p { font-size: 1.375em; line-height: 1.75; } }

em { font-family: neue-haas-unica, sans-serif; font-weight: 400; font-style: italic; }

strong { font-family: neue-haas-unica, sans-serif; font-weight: 600; font-style: normal; }

.meta { font-size: 1em; line-height: 1.5; }

a { color: #292929; text-decoration: underline; }

a:hover { color: #777; }

a img:hover { opacity: .6; }

img { max-width: 100%; width: auto; display: block; }

.container { width: 90%; margin-left: auto; margin-right: auto; max-width: 1600px; *zoom: 1; overflow: hidden; }

.container:after { content: ""; display: table; clear: both; }

.site-header { overflow: hidden; padding-top: 1em; border-bottom: 2px solid #292929; }

@media (min-width: 750px) { .site-header { padding-top: 2em; } }

.site-header h1 { display: inline-block; }

.site-header-alt { overflow: hidden; padding-top: 1em; background-color: #transparent; border-bottom: 2px solid #fff; }

@media (min-width: 750px) { .site-header-alt { padding-top: 2em; } }

.site-header-alt h1 { display: inline-block; }

.nav { list-style-type: none; float: none; padding-bottom: 2em; }

@media (min-width: 750px) { .nav { float: right; padding-bottom: 2.5em; } }

.nav li { display: inline-block; margin-top: .5em; margin-right: 2em; font-size: 1.125em; }

@media (min-width: 750px) { .nav li { margin-right: 5em; } }

.nav li a { text-decoration: none; }

.nav li:last-child { margin-right: 0; }

.site-footer { padding: 2em 0 2em 0; }

@media (min-width: 750px) { .site-footer { padding: 4em 0 4em 0; } }

.layout--sidebar { display: grid; margin: 3em auto; }

@media (min-width: 900px) { .layout--sidebar { grid-template-columns: 425px 1fr; grid-gap: 4%; margin: 6em auto; } }

.layout--sidebar p { padding-top: .5em; max-width: 700px; }

.layout--split { display: grid; margin-bottom: 4em; border-bottom: 2px solid #292929; }

@media (min-width: 900px) { .layout--split { grid-template-columns: 50% auto; margin-bottom: 6em; column-gap: 2em; } }

@media (min-width: 1120px) { .layout--split { grid-template-columns: 40% auto; } }

.layout--split .content { margin: auto 0; max-width: 600px; }

.layout--split header { margin: 4em 0; }

@media (min-width: 900px) { .layout--split header { max-width: 550px; padding-right: 2em; } }

.layout--split img { margin-bottom: 4em; }

@media (min-width: 900px) { .layout--split img { object-fit: cover; min-height: 30em; margin-bottom: 0; } }

@media (min-width: 1120px) { .layout--split img { min-height: 40em; } }

.pagination { padding: 1.5em 0; }

.page_number { padding: 0 2em; }

.toggle-tags { display: block; padding: 1.5em 0; border-bottom: 2px solid #292929; }

@media (min-width: 750px) { .toggle-tags { display: none; } }

.tags-expo { display: none; }

@media (min-width: 750px) { .tags-expo { display: block; padding-bottom: 2em; } }

.tags-list { display: grid; padding: 1.5em 0; margin-bottom: 2em; grid-template-columns: repeat(2, 1fr); border-bottom: 2px solid #292929; }

@media (min-width: 470px) { .tags-list { grid-template-columns: repeat(3, 1fr); } }

@media (min-width: 750px) { .tags-list { margin-bottom: 0; display: block; } }

.tags-list li { display: inline-block; line-height: 2.5; padding: 0; }

@media (min-width: 667px) { .tags-list li { padding-right: 2.5em; } }

.tags-list li a { text-decoration: none; }

.filterDiv { float: left; display: none; }

.show { display: block; }

.tag { cursor: pointer; }

.tag:hover { text-decoration: underline; color: #777; }

.tag.active { text-decoration: underline; }

.img-container { max-width: 175px; height: 250px; margin: 1.5em 0; display: flex; flex-direction: column; justify-content: center; }

@media (min-width: 470px) { .img-container { height: 275px; } }

.img-container--vinyl { max-width: 200px; margin: 1.25em 0; display: flex; flex-direction: column; justify-content: center; }

.bookshelf-content { max-width: 200px; }

.bookshelf-title { padding-bottom: .15em; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }

.bookshelf-title a { text-decoration: none; }

.img-shadow { box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 8px; }

.img-shadow:hover { box-shadow: rgba(0, 0, 0, 0.4) 0px 3px 10px; opacity: 1; transition: box-shadow 0.3s ease-in-out; }

.img-shadow img { padding-bottom: 0em !important; }

.home-alt { color: #fff; }

.home-alt:hover { opacity: .9; }

ul.nav-alt a { color: #fff; }

ul.nav-alt a:hover { opacity: .8; }

.post-header-alt { padding: 20% 0; font-weight: normal; color: #fff; text-align: center; max-width: 1200px; margin: 0 auto; }

.post-header-alt .meta { padding-top: 2em; }

.post-header-alt .meta a:hover { opacity: .8; }

.featured-img-banner { background-size: cover; background-position: center; padding: 0 0 2%; color: #fff; }

.hero-text-alt { color: #fff; }

blockquote { font-family: neue-haas-unica, sans-serif; font-weight: 400; font-style: italic; max-width: 650px; margin: 2em 0; padding-left: 2em; border-left: 8px solid #292929; }

.editorial { max-width: 800px; }

.editorial p { margin-bottom: 2em; }

.editorial h3, .editorial h4, .editorial h5, .editorial h6 { max-width: 650px; }

.editorial h3 { margin-bottom: .3em; }

.editorial h5 { margin-bottom: 1em; }

hr.border { border: 0; height: 2px; background: #292929; margin-top: 0; margin-bottom: 0; }

hr.border--bottom { border: 0; height: 2px; background: #292929; margin-bottom: 4em; margin-top: 0; }

@media (min-width: 900px) { hr.border--bottom { margin-bottom: 6em; } }

.spacing--bottom { margin-bottom: 4em; }

@media (min-width: 900px) { .spacing--bottom { margin-bottom: 6em; } }

hr.border--top { border: 0; height: 2px; background: #292929; margin-top: 4em; margin-bottom: 0; }

@media (min-width: 900px) { hr.border--top { margin-top: 6em; } }

hr.postborder { border: 0; height: 2px; background: #292929; margin: 4em 0; }

@media (min-width: 900px) { hr.postborder { margin: 6em 0; } }

.one-column-h { margin-top: 4em; }

@media (min-width: 900px) { .one-column-h { margin-top: 6em; } }

.one-column-h li { display: grid; padding: 4em 0; border-top: 2px solid #292929; }

@media (min-width: 667px) { .one-column-h li { grid-template-columns: 1fr 2fr; grid-gap: 4%; } }

@media (min-width: 900px) { .one-column-h li { padding: 12em 0; grid-template-columns: 1fr 1fr; grid-gap: 4%; background: linear-gradient(#292929, #292929) center/2px 65% no-repeat; } }

.one-column-h li .image { margin-bottom: 2em; width: 60%; }

@media (min-width: 667px) { .one-column-h li .image { margin: 0 auto 2em; width: 100%; } }

@media (min-width: 900px) { .one-column-h li .image { margin: 0 auto; width: 85%; max-width: 360px; } }

.one-column-h li .content { max-width: 500px; }

@media (min-width: 667px) { .one-column-h li .content { margin: auto 0; padding-left: 10%; width: 100%; } }

@media (min-width: 900px) { .one-column-h li .content { width: 90%; max-width: 700px; } }

.one-column-h img { width: auto; }

.one-column-h p { padding-bottom: 2em; }

.one-column-h p:last-child { padding-bottom: 0; }

.two-column-h { list-style-type: none; display: grid; }

@media (min-width: 1120px) { .two-column-h { background: linear-gradient(#292929, #292929) center/2px 100% no-repeat; grid-template-columns: 1fr 1fr; } }

.two-column-h li { padding: 4em 0; border-top: 2px solid #292929; }

@media (min-width: 470px) { .two-column-h li { padding: 6em 0; } }

.two-column-h .image { margin-bottom: 2em; width: 60%; }

@media (min-width: 470px) { .two-column-h .image { float: left; width: 30%; margin-right: 8%; } }

.two-column-h li:first-child { padding: 0 0 4em 0; border-top: none; }

@media (min-width: 470px) { .two-column-h li:first-child { padding: 6em 0; border-top: 2px solid #292929; } }

@media (min-width: 1120px) { .two-column-h li:nth-child(even) .image { margin-left: 10%; } }

@media (min-width: 470px) { .two-column-h .content { margin: 0 auto; float: left; width: 55%; } }

@media (min-width: 1120px) { .two-column-h .content { width: 50%; } }

.two-column-h p { font-size: 1.125em; line-height: 1.75em; padding-bottom: 1.5em; }

.two-column-h p.meta { font-size: 1em; line-height: 1.5; }

@media (min-width: 900px) { .two-column-h p.meta { font-size: 1.125em; } }

.two-column-h p:last-child { padding-bottom: 0; }

.two-column-v { list-style-type: none; grid-template-columns: 1fr; grid-column-gap: 4em; grid-row-gap: 4em; display: grid; }

@media (min-width: 900px) { .two-column-v { grid-template-columns: 1fr 1fr; } }

@media (min-width: 1120px) { .two-column-v { grid-row-gap: 6em; } }

.two-column-v .fluid-width-video-wrapper { margin-bottom: 1.25em; }

.two-column-v p { max-width: 700px; padding-bottom: 1.5em; }

.two-column-v img { margin-bottom: .75em; }

@media (min-width: 900px) { .two-column-v img { margin-bottom: 1.25em; } }

.three-column-v { list-style-type: none; grid-template-columns: 1fr; grid-column-gap: 6em; grid-row-gap: 4em; display: grid; padding-bottom: 6em; }

@media (min-width: 667px) { .three-column-v { grid-row-gap: 6em; grid-column-gap: 4em; grid-template-columns: 1fr 1fr; } }

@media (min-width: 1120px) { .three-column-v { grid-row-gap: 8em; grid-column-gap: 6em; grid-template-columns: 1fr 1fr 1fr; } }

.three-column-v img { padding-bottom: 1.25em; }

.three-column-v p { padding-bottom: 1.5em; }

.three-column-v .info { float: left; width: 95%; }

@media (min-width: 667px) { .three-column-v .info { width: 90%; } }

.four-column { list-style-type: none; grid-template-columns: 1fr 1fr; grid-column-gap: 1.25em; grid-row-gap: 3em; display: grid; padding-bottom: 1.5em; }

@media (min-width: 667px) { .four-column { grid-column-gap: 2em; grid-row-gap: 4em; grid-template-columns: 1fr 1fr 1fr; padding-bottom: 6em; } }

@media (min-width: 1120px) { .four-column { grid-template-columns: 1fr 1fr 1fr 1fr; grid-column-gap: 3em; grid-row-gap: 5em; } }

.four-column img { padding-bottom: .9em; }

.four-column h5 { max-width: 350px; }

.six-column { list-style-type: none; grid-template-columns: 1fr 1fr; grid-column-gap: 1.25em; grid-row-gap: 3em; display: grid; padding: .25em 0 0 0; }

@media (min-width: 667px) { .six-column { grid-template-columns: 1fr 1fr 1fr; grid-column-gap: 2em; grid-row-gap: 6em; } }

@media (min-width: 1120px) { .six-column { grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr; } }

.six-column p { margin-bottom: 0; }

.six-column img { padding-bottom: 1em; }

.post-list { padding-bottom: 4em; padding-top: 2em; }

@media (min-width: 750px) { .post-list { padding-bottom: 6em; padding-top: 3em; } }

.post-list h4 { font-family: 'Canela Web', serif; font-weight: 500; font-style: normal; font-stretch: normal; max-width: 600px; }

.post-list h4 a { font-weight: 500; }

.related-posts { border-top: 2px solid #292929; border-bottom: 2px solid #292929; }

.related-posts p { margin-top: 1.5em; }

.related-posts .layout--sidebar { margin: 2em 0 3em 0; }

.related-posts .post-info { margin: auto 0; }

.related-posts h3 { margin-top: .75em; font-size: 1.5em; line-height: 1.25; }

@media (min-width: 900px) { .related-posts h3 { font-size: 2.375em; margin-top: 0; } }

.related-posts h3 a { text-decoration: none; }

.videoWrapper { position: relative; width: 100%; height: 0; background-color: #292929; }

.videoWrapper44 { padding-top: 100%; }

.videoWrapper43 { padding-top: 75%; }

.videoWrapper169 { padding-top: 56%; }

.videoIframe { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; background-color: transparent; }

/*# sourceMappingURL=main.css.map */