/*

Theme Name: Leo Hunt
Author: <a href="http://sean-purdy.com/">Sean Purdy</a> and <a href="http://chris-corby.com">Chris Corby</a>
Description: The custom theme for Leo Hunt, designed by <a href="http://sean-purdy.com/">Sean Purdy</a> and developed by <a href="http://chris-corby.com">Chris Corby</a> in 2016.
License: For use on leohunt.com only.
Version: 1.0

*/
/*

_sanitize.scss
 -   github.com/jonathantneal/sanitize.css


*/
:root { -ms-overflow-style: -ms-autohiding-scrollbar; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%; }

audio:not([controls]) { display: none; }

details { display: block; }

input[type="number"] { width: auto; }
input[type="search"] { -webkit-appearance: textfield; }
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

main { display: block; }

summary { display: block; }

pre { overflow: auto; }

progress { display: inline-block; }

small { font-size: 75%; }

template { display: none; }

textarea { overflow: auto; }

[hidden] { display: none; }

[unselectable] { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

*, ::before, ::after { box-sizing: border-box; }

* { font-size: inherit; line-height: inherit; }

::before, ::after { text-decoration: inherit; vertical-align: inherit; }

*, ::before, ::after { border-style: solid; border-width: 0; }

* { margin: 0; padding: 0; }

:root { box-sizing: border-box; cursor: default; text-rendering: optimizeLegibility; }

html { background-color: #FFFFFF; }

a { text-decoration: none; }

audio, canvas, iframe, img, svg, video { vertical-align: middle; }

button, input, select, textarea { background-color: transparent; }

button, input, select, textarea { color: inherit; font-family: inherit; font-style: inherit; font-weight: inherit; }

button, [type="button"], [type="date"], [type="datetime"], [type="datetime-local"], [type="email"], [type="month"], [type="number"], [type="password"], [type="reset"], [type="search"], [type="submit"], [type="tel"], [type="text"], [type="time"], [type="url"], [type="week"], select, textarea { min-height: 1.5em; }

code, kbd, pre, samp { font-family: monospace, monospace; }

nav ol, nav ul { list-style: none; }

select { -moz-appearance: none; -webkit-appearance: none; }
select::-ms-expand { display: none; }
select::-ms-value { color: currentColor; }

table { border-collapse: collapse; border-spacing: 0; }

textarea { resize: vertical; }

::-moz-selection { background-color: #B3D4FC; text-shadow: none; }

::selection { background-color: #B3D4FC; text-shadow: none; }

@media screen { [hidden~="screen"] { display: inherit; }
  [hidden~="screen"]:not(:active):not(:focus):not(:target) { clip: rect(0 0 0 0) !important; position: absolute !important; } }
/*

_variables.scss


*/
/*

_mixins.scss
 1.  Media Queries 2.  Custom Underline


*/
@-webkit-keyframes spinmobile { to { -webkit-transform: rotate(450deg); transform: rotate(450deg); } }
@keyframes spinmobile { to { -webkit-transform: rotate(450deg); transform: rotate(450deg); } }
@-webkit-keyframes spin { to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }
@keyframes spin { to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }
@-webkit-keyframes spinbackhalffullmobile { to { -webkit-transform: rotate(630deg); transform: rotate(630deg); } }
@keyframes spinbackhalffullmobile { to { -webkit-transform: rotate(630deg); transform: rotate(630deg); } }
@-webkit-keyframes spinbackhalffull { to { -webkit-transform: rotate(540deg); transform: rotate(540deg); } }
@keyframes spinbackhalffull { to { -webkit-transform: rotate(540deg); transform: rotate(540deg); } }
/*

_typography.scss
 -   woff files don't contain opentype features

*/
@font-face { font-family: 'monosten'; src: url("fonts/monosten/monosten-a-web.eot"); src: url("fonts/monosten/monosten-a-web.eot?#iefix") format("embedded-opentype"), url("fonts/monosten/monosten-a-web.woff") format("woff"), url("fonts/monosten/monosten-a-web.ttf") format("truetype"), url("fonts/monosten/monosten-a-web.svg#monostena") format("svg"); font-weight: normal; font-style: normal; }
@font-face { font-family: 'caslon'; src: url("fonts/caslon/caslon.eot"); src: url("fonts/caslon/caslon.eot?#iefix") format("embedded-opentype"), url("fonts/caslon/caslon.woff2") format("woff2"), url("fonts/caslon/caslon.woff") format("woff"), url("fonts/caslon/caslon.ttf") format("truetype"), url("fonts/caslon/caslon.svg#27231d8a-1ac1-4ede-8e91-c7bb60852443") format("svg"); font-weight: normal; font-style: normal; }
@font-face { font-family: 'caslon'; src: url("fonts/caslon-italic/caslon-italic.eot"); src: url("fonts/caslon-italic/caslon-italic.eot?#iefix") format("embedded-opentype"), url("fonts/caslon-italic/caslon-italic.woff2") format("woff2"), url("fonts/caslon-italic/caslon-italic.woff") format("woff"), url("fonts/caslon-italic/caslon-italic.ttf") format("truetype"), url("fonts/caslon-italic/caslon-italic.svg#c1570ebd-fc91-4d70-b33b-8f19e9a0fabf") format("svg"); font-weight: normal; font-style: italic; }
html, body { font-family: "caslon", Times, "Times New Roman", serif; font-weight: 400; font-style: normal; font-size: 20px; line-height: 1.55; letter-spacing: 0px; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; word-wrap: break-word; -webkit-font-variant-ligatures: common-ligatures; -moz-font-variant-ligatures: common-ligatures; font-variant-ligatures: common-ligatures; font-variant-numeric: oldstyle-nums; -webkit-font-feature-settings: 'liga', 'clig', 'onum'; -moz-font-feature-settings: 'liga', 'clig', 'onum'; font-feature-settings: 'liga', 'clig', 'onum'; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; }
@media (min-width: 500px) { html, body { font-size: 26px; } }
@media (min-width: 750px) { html, body { -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; hyphens: none; } }

h1, h2, h3, h4, h5, h6 { font-family: inherit; font-size: inherit; font-weight: inherit; }

i, em { font-style: italic; }

p { margin-bottom: 1.55rem; }

.monosten, .notice-inner, .hover-replacement-text, .hover-link-number, .category-list-item-date, .hover-overlay-figcaption, .hover-overlay-caption-only, .site-header-top-name, .site-header-nav-list-item-number, .site-header-bottom, .column-one-header, .book-column-title, .column-two, .book-cover-enlarge, .book-column-three, .book-column-four, .site-footer { font-family: 'monosten', 'Courier New', Courier, monospace; font-size: 13px; }
@media (min-width: 1000px) { .monosten, .notice-inner, .hover-replacement-text, .hover-link-number, .category-list-item-date, .hover-overlay-figcaption, .hover-overlay-caption-only, .site-header-top-name, .site-header-nav-list-item-number, .site-header-bottom, .column-one-header, .book-column-title, .column-two, .book-cover-enlarge, .book-column-three, .book-column-four, .site-footer { line-height: 1.6; } }

/*

_links.scss
 -   defaults for links

*/
a, a:link, a:visited, a:hover, a:active { color: inherit; text-decoration: none; }

/*

_layout.scss
 -   fundamental styles for base elements like <html>, <body> and <main> -   centering of the content for x-large screen sizes
 1.  Flex on <main> is to get the two columns to be equal height, this is so related articles can be forced to the bottom of the article in the same column. The fallback will just have to be that it appear at the top in very old browsers.


*/
::-moz-selection { background-color: red; color: white; }
::selection { background-color: red; color: white; }

html { background-color: white; }

html, body { width: 100%; color: black; }

body { -webkit-transition: -webkit-transform 0.25s ease-out; transition: transform 0.25s ease-out; }

main { overflow-x: hidden; padding-top: 50px; padding-bottom: 50px; min-height: calc(100vh - 101px); }
main.dark { background-color: black; color: white; }
@media (min-width: 750px) { main { padding-top: 87.5px; padding-bottom: 60px; } }

main, footer { padding-left: 20px; padding-right: 20px; }
@media (min-width: 750px) { main, footer { padding-left: 100px; padding-right: 50px; -webkit-transition: -webkit-transform 0.75s cubic-bezier(0.19, 1, 0.22, 1); transition: transform 0.75s cubic-bezier(0.19, 1, 0.22, 1); }
  main.active, footer.active { -webkit-transform: translateX(80vw); -ms-transform: translateX(80vw); transform: translateX(80vw); } }
@media (min-width: 1000px) { main.active, footer.active { -webkit-transform: translateX(45vw); -ms-transform: translateX(45vw); transform: translateX(45vw); } }

.main-inner, .site-footer-inner { position: relative; width: 100%; }

.main-inner { max-width: 1700px; }
@media (min-width: 1000px) { .main-inner { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } }

.site-footer-inner { max-width: 1700px; }

.error-main { min-height: calc(100vh - 101px); }

.notice-container { position: fixed; bottom: 0; left: 0; width: 100%; height: auto; background-color: black; color: red; text-align: center; z-index: 1000; }

.notice-inner { padding: 25px; }
.notice-inner a { text-decoration: underline; }

.clearfix:after, main:after, footer:after, .main-inner:after, .site-footer-inner:after, .site-header:after, .book-container:after { content: ""; display: table; clear: both; }

.dot { color: red; }

.hover-link { position: relative; text-decoration: none; background-image: -webkit-linear-gradient(red, red); background-image: linear-gradient(red, red); background-repeat: repeat-x; background-size: 1px 1px; background-position: 0 80%; }
.hover-link.active { position: relative; z-index: 1000; }
.hover-link.active .column-two-event-date { position: relative; z-index: 1000; }
.hover-link.active .hover-link-text { opacity: 0; }
.hover-link.active .hover-replacement-text { opacity: 1; }

.no-cssgradients .hover-link { text-decoration: underline; }

.category-hover-link { position: relative; }
.category-hover-link.active { position: relative; z-index: 1000; }
.category-hover-link.active .column-two-event-date { position: relative; z-index: 1000; }
.category-hover-link.active .hover-link-text { opacity: 0; }
.category-hover-link.active .hover-replacement-text { opacity: 1; }

.column-two-event-container .hover-link-event { color: black; text-transform: none; text-decoration: none; background-image: -webkit-linear-gradient(red, red); background-image: linear-gradient(red, red); background-repeat: repeat-x; background-size: 1px 1px; background-position: 0 95%; }

.no-cssgradients .column-two-event-container .hover-link-event { text-decoration: underline; }

.book-alt-covers-list-item .hover-link, .book-cover-enlarge .hover-link { color: white; text-decoration: none; background-image: -webkit-linear-gradient(red, red); background-image: linear-gradient(red, red); background-repeat: repeat-x; background-size: 1px 1px; background-position: 0 95%; }

.no-cssgradients .book-alt-covers-list-item .hover-link, .no-cssgradients .book-cover-enlarge .hover-link { text-decoration: underline; }

.caption-only.active { text-decoration: none; background-image: -webkit-linear-gradient(white, white); background-image: linear-gradient(white, white); background-repeat: repeat-x; background-size: 1px 1px; background-position: 0 82%; }
.caption-only.active .column-two-event-date { color: white; }
.caption-only.active .hover-link-number, .caption-only.active .category-list-item-date { color: white; }
.caption-only.active.hover-link-event { text-decoration: none; background-image: -webkit-linear-gradient(white, white); background-image: linear-gradient(white, white); background-repeat: repeat-x; background-size: 1px 1px; background-position: 0 95%; }

.hover-replacement-text { position: absolute; top: 45px; left: 0; width: 100%; color: red; font-family: "monosten", cursive, "Courier New", Courier, monospace; text-transform: uppercase; opacity: 0; -webkit-transition: opacity 0.15s ease-out; transition: opacity 0.15s ease-out; font-size: 26px; letter-spacing: 1px; }
.hover-replacement-text svg { position: relative; fill: red; top: -2px; -webkit-transform: none; -ms-transform: none; transform: none; }

.hover-link-number-container, .category-list-item-date-container { display: inline-block; width: 0px; overflow: visible; }
.hover-link-number-container.mobile, .mobile.category-list-item-date-container { display: block; width: 100%; text-align: center; }
@media (min-width: 500px) { .hover-link-number-container.mobile, .mobile.category-list-item-date-container { display: none; } }

.hover-link-number, .category-list-item-date { display: inline-block; position: relative; top: -0.8rem; left: -0.25rem; font-family: "monosten", cursive, "Courier New", Courier, monospace; color: red; }
.hover-link-number.mobile, .mobile.category-list-item-date { display: block; }

.hover-link-number-monosten { top: 0; left: 0.25rem; }
@media (min-width: 750px) { .hover-link-number-monosten { top: 0; left: 0.25rem; } }

.hover-link-number-category { top: -2.5rem; left: -1.5rem; }
.hover-link-number-category.mobile { top: auto; left: auto; }

.hover-overlay { visibility: hidden; opacity: 0; position: fixed; z-index: 500; top: 0; left: 0; width: 100%; height: 100%; background: black; color: white; -webkit-transition: visibility 0s, opacity 0.2s ease-out; transition: visibility 0s, opacity 0.2s ease-out; }
.hover-overlay.active { visibility: visible; opacity: 1; }
.hover-overlay.inactive { -webkit-transition: visibility 0s 0.2s, opacity 0.2s ease-out; transition: visibility 0s 0.2s, opacity 0.2s ease-out; }
.hover-overlay.tapped .hover-overlay-close { visibility: visible; }
.hover-overlay.caption-only { background: red; color: black; }
.hover-overlay.caption-only .hover-overlay-close span { background: black; }

.category-main.dark .hover-overlay, .page-main.dark .hover-overlay { background: white; }
.category-main.dark .hover-overlay.caption-only, .page-main.dark .hover-overlay.caption-only { background: red; }

.hover-overlay-inner { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 100%; height: 80%; overflow: auto; }

.hover-overlay-figure, .hover-overlay-content { position: relative; width: 100%; height: 100%; }

.hover-overlay-figcaption, .hover-overlay-caption-only { position: absolute; bottom: 0; left: 10%; width: 80%; margin: auto auto; text-align: center; }

.hover-img { max-width: 80%; max-height: calc(100% - 13px - 40px); width: auto; height: auto; display: block; margin: auto auto; }

.hover-overlay-caption-only { bottom: auto; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
@media (min-width: 750px) { .hover-overlay-caption-only { font-size: 19.5px; } }
@media (min-width: 1000px) { .hover-overlay-caption-only { font-size: 26px; } }

.hover-overlay-close { position: absolute; width: 30px; height: 27px; top: 20px; right: 20px; margin: auto auto; z-index: 1; -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; visibility: hidden; }
.hover-overlay-close span { display: block; position: absolute; height: 4px; width: 100%; background: red; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: all 0.25s ease-out; transition: all 0.25s ease-out; }
.hover-overlay-close span:nth-child(1) { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.hover-overlay-close span:nth-child(2) { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }

/*

_header.scss


*/
.site-header { position: fixed; z-index: 100; -webkit-transform: translateZ(0); transform: translateZ(0); top: 0; left: 0; width: 100%; max-height: 50px; overflow: hidden; background-color: red; -webkit-transition: max-height 0.25s ease-out; transition: max-height 0.25s ease-out; }
.site-header.active { max-height: 100vh; overflow: auto; }
.site-header.active .site-header-inner { opacity: 1; }
@media (min-width: 750px) { .site-header { width: calc(80vw + 50px); height: 100%; height: 100vh; max-height: none; -webkit-transform: translateX(-80vw); -ms-transform: translateX(-80vw); transform: translateX(-80vw); -webkit-transition: -webkit-transform 0.75s cubic-bezier(0.19, 1, 0.22, 1); transition: transform 0.75s cubic-bezier(0.19, 1, 0.22, 1); }
  .site-header.active { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } }
@media (min-width: 1000px) { .site-header { width: calc(45vw + 50px); -webkit-transform: translateX(-45vw); -ms-transform: translateX(-45vw); transform: translateX(-45vw); } }

.site-header-inner { position: relative; width: 100%; height: calc(100vh - 50px); padding: 0 20px; opacity: 0; -webkit-transition: opacity 0.75s cubic-bezier(0.19, 1, 0.22, 1) 0.1s; transition: opacity 0.75s cubic-bezier(0.19, 1, 0.22, 1) 0.1s; }
@media (min-width: 750px) { .site-header-inner { float: left; width: calc(100% - 50px); padding: 87.5px 0 50px 50px; } }

.site-header-top { border-bottom: 1px solid black; padding-bottom: 25px; }

.site-header-top-name { font-family: "monosten", cursive, "Courier New", Courier, monospace; }

.site-header-nav { padding: 50px 50px 50px 0; font-size: 1.8rem; }

.site-header-nav-list-item { display: block; }
.site-header-nav-list-item:hover .site-header-nav-list-item-title, .site-header-nav-list-item:focus .site-header-nav-list-item-title, .site-header-nav-list-item:active .site-header-nav-list-item-title, .site-header-nav-list-item.active .site-header-nav-list-item-title { font-style: italic; }
.site-header-nav-list-item.active .site-header-nav-list-item-number { background-color: white; }

.site-header-nav-list-item-number { position: relative; top: -10px; font-family: "monosten", cursive, "Courier New", Courier, monospace; background-color: transparent; border-radius: 50%; padding: 5px; -webkit-transition: background-color 0.25s ease-out; transition: background-color 0.25s ease-out; }

@media (min-width: 750px) { .site-header-nav-list-item-title { padding-left: 50px; } }

.site-header-bottom { border-top: 1px solid black; padding: 25px 0; font-family: "monosten", cursive, "Courier New", Courier, monospace; text-transform: uppercase; }
.site-header-bottom .dot { position: relative; top: -1px; color: black; }
.site-header-bottom .dot:first-of-type { display: none; }
.site-header-bottom a:hover, .site-header-bottom a:focus, .site-header-bottom a:active { outline: 0; text-decoration: none; background-image: -webkit-linear-gradient(black, black); background-image: linear-gradient(black, black); background-repeat: repeat-x; background-size: 1px 1px; background-position: 0 95%; }

.site-header-strip { position: relative; width: 100%; height: 50px; cursor: pointer; -webkit-transition: -webkit-transform 0.25s ease-out; transition: transform 0.25s ease-out; z-index: 1; }
.site-header-strip:hover, .site-header-strip:focus, .site-header-strip:active { outline: 0; }
.site-header-strip:hover .svg-arrow, .site-header-strip:focus .svg-arrow, .site-header-strip:active .svg-arrow { -webkit-animation: spinmobile 0.25s ease-out forwards; animation: spinmobile 0.25s ease-out forwards; }
@media (min-width: 750px) { .site-header-strip:hover .svg-arrow, .site-header-strip:focus .svg-arrow, .site-header-strip:active .svg-arrow { -webkit-animation: spin 0.25s ease-out forwards; animation: spin 0.25s ease-out forwards; } }
.site-header-strip:hover .site-header-strip-arrow.active .svg-arrow, .site-header-strip:focus .site-header-strip-arrow.active .svg-arrow, .site-header-strip:active .site-header-strip-arrow.active .svg-arrow { -webkit-animation: spinbackhalffullmobile 0.25s ease-out forwards; animation: spinbackhalffullmobile 0.25s ease-out forwards; }
@media (min-width: 750px) { .site-header-strip:hover .site-header-strip-arrow.active .svg-arrow, .site-header-strip:focus .site-header-strip-arrow.active .svg-arrow, .site-header-strip:active .site-header-strip-arrow.active .svg-arrow { -webkit-animation: spinbackhalffull 0.25s ease-out forwards; animation: spinbackhalffull 0.25s ease-out forwards; } }
@media (min-width: 750px) { .site-header-strip { position: relative; float: right; width: 50px; height: 100%; }
  .site-header-strip.active { -webkit-transform: translateX(-39px); -ms-transform: translateX(-39px); transform: translateX(-39px); } }

.site-header-strip-navicon { position: absolute; width: 30px; height: 27px; top: 0; bottom: 0; right: 20px; margin: auto auto; -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; }
@media (min-width: 750px) { .site-header-strip-navicon { top: 84px; left: 0; right: 0; bottom: auto; } }
.site-header-strip-navicon span { display: block; position: absolute; height: 4px; width: 100%; background: black; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: all 0.25s ease-out; transition: all 0.25s ease-out; }
.site-header-strip-navicon span:nth-child(1) { top: 0%; }
.site-header-strip-navicon span:nth-child(2), .site-header-strip-navicon span:nth-child(3) { top: 40%; }
.site-header-strip-navicon span:nth-child(4) { top: 80%; }
.site-header-strip-navicon.active span:nth-child(1) { top: 6px; width: 0%; left: 50%; }
.site-header-strip-navicon.active span:nth-child(2) { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.site-header-strip-navicon.active span:nth-child(3) { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }
.site-header-strip-navicon.active span:nth-child(4) { top: 6px; width: 0%; left: 50%; }

.site-header-strip-arrow { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0; right: 0; margin: auto auto; }
.site-header-strip-arrow.active .svg-arrow { -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); }
@media (min-width: 750px) { .site-header-strip-arrow { top: calc(50% - (22.5 / 2)); -webkit-transform: none; -ms-transform: none; transform: none; }
  .site-header-strip-arrow.active .svg-arrow { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } }

.svg-arrow { fill: black; width: 30px; height: 22.5px; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; -webkit-transition: -webkit-transform 0.25s ease-out; transition: transform 0.25s ease-out; }
@media (min-width: 750px) { .svg-arrow { -webkit-transform: none; -ms-transform: none; transform: none; } }

.column-one { width: 100%; }
@media (min-width: 1000px) { .column-one { float: left; padding-right: 50px; width: 62.5%; } }
.column-one ul, .column-one ol { margin-bottom: 1.55rem; }
.column-one li { margin-left: 2rem; }
.column-one li:not(:last-of-type) { margin-bottom: 0.775rem; }
.column-one blockquote { font-size: 0.8rem; line-height: 1.8; padding: 0 1rem; }
.column-one blockquote:first-letter { margin-left: -8px; }
.column-one a { color: red; }
.column-one a.hover-link { color: black; }
.column-one figure, .column-one img { display: block; width: 100%; max-width: 100%; height: auto; margin-bottom: 1.6rem; }

.column-one-header, .book-column-title { padding-top: 50px; padding-bottom: 50px; }
@media (min-width: 750px) { .column-one-header, .book-column-title { padding-top: 0; padding-bottom: 80px; } }

.column-one-title { display: inline-block; }

.column-one-copy .dot { position: relative; top: 1px; }
.column-one-copy h1, .column-one-copy h2, .column-one-copy h3, .column-one-copy h4, .column-one-copy h5, .column-one-copy h6 { margin-top: 3.1rem; margin-bottom: 1.55rem; margin-left: 1rem; }

.column-two { position: relative; width: 100%; border-top: 1px solid #e6e7e8; padding-top: 1.7rem; }
@media (min-width: 1000px) { .column-two { float: left; width: 37.5%; padding-top: 0; padding-right: 100px; border: none; } }
.column-two a, .column-two button { color: red; text-transform: uppercase; }
.column-two a:hover, .column-two a:focus, .column-two a:active, .column-two button:hover, .column-two button:focus, .column-two button:active { outline: 0; text-decoration: none; background-image: -webkit-linear-gradient(red, red); background-image: linear-gradient(red, red); background-repeat: repeat-x; background-size: 1px 1px; background-position: 0 95%; }
.column-two li { display: block; }
.column-two p { margin-bottom: 20.8px; }

.column-two-title { padding-bottom: 50px; }
@media (min-width: 1000px) { .column-two-title { padding-bottom: 89px; } }

.column-two-social { padding-bottom: 20.8px; }

.column-two-list-container { padding-bottom: 20.8px; }

.column-two-list-title { padding-bottom: 20.8px; }

.column-two-event-container { padding-bottom: 20.8px; }

.column-two-event-date { color: red; }

.column-two-related { padding-top: 50px; }
@media (min-width: 1000px) { .column-two-related { position: absolute; bottom: 1.55rem; left: 0; width: 100%; padding-top: 0; padding-bottom: 10.4px; padding-right: 100px; } }

@media (min-width: 1000px) { .no-flexboxtweener.no-flexboxlegacy.no-flexbox .column-two-related { position: relative; bottom: auto; padding-top: 50px; } }

.category-list { width: 100%; text-align: center; font-size: 3.3rem; line-height: 1.25; }
@media (min-width: 750px) { .category-list { padding: 0 10%; } }
@media (min-width: 1000px) { .category-list { padding: 0 20%; } }

.category-list-item { display: block; padding: 50px 0; }
@media (min-width: 750px) { .category-list-item { padding: 60px 0; } }
.category-list-item a { text-decoration: none; background-image: -webkit-linear-gradient(red, red); background-image: linear-gradient(red, red); background-repeat: repeat-x; background-size: 2px 2px; background-position: 0 71%; }

.no-cssgradients .category-list-item a { text-decoration: underline; }

.category-list-item-inner .hover-link-number-container, .category-list-item-inner .category-list-item-date-container { display: none; }
@media (min-width: 500px) { .category-list-item-inner .hover-link-number-container, .category-list-item-inner .category-list-item-date-container { display: inline-block; } }
.category-list-item-inner .hover-link-number-container.mobile, .category-list-item-inner .mobile.category-list-item-date-container { display: block; }
@media (min-width: 500px) { .category-list-item-inner .hover-link-number-container.mobile, .category-list-item-inner .mobile.category-list-item-date-container { display: none; } }

.category-list-item-date { top: -65px; left: -60px; }

.books-main { min-height: 100vh; }

.page-main .main-inner { display: block; }

.book-container { padding-bottom: 60px; }
.book-container:nth-of-type(n + 2) { border-top: 1px solid #e6e7e8; }
@media (min-width: 500px) { .book-container:nth-of-type(n + 2) { padding-top: 80px; } }
.book-container li { display: block; }

@media (min-width: 500px) { .book-column-one, .book-column-two, .book-column-three, .book-column-four { float: left; } }

@media (min-width: 500px) { .book-column-one { width: 50%; padding-right: 50px; } }
@media (min-width: 1000px) { .book-column-one { width: 15%; } }

.book-cover { width: 100%; }

.book-cover-img { width: 100%; height: auto; }

.book-cover-enlarge { font-family: "monosten", cursive, "Courier New", Courier, monospace; text-transform: uppercase; text-align: center; margin-top: 20.8px; }

@media (min-width: 500px) { .book-column-two { width: 50%; padding-right: 50px; } }
@media (min-width: 1000px) { .book-column-two { width: 35%; } }

@media (min-width: 500px) { .book-column-three { width: 50%; padding-right: 50px; clear: both; } }
@media (min-width: 1000px) { .book-column-three { width: 25%; clear: none; } }

@media (min-width: 500px) { .book-column-three, .book-column-four { padding-top: 80px; } }
@media (min-width: 1000px) { .book-column-three, .book-column-four { padding-top: 0; } }
.book-column-three a, .book-column-four a { color: red; text-transform: uppercase; }
.book-column-three a:hover, .book-column-three a:focus, .book-column-three a:active, .book-column-four a:hover, .book-column-four a:focus, .book-column-four a:active { outline: 0; text-decoration: none; background-image: -webkit-linear-gradient(red, red); background-image: linear-gradient(red, red); background-repeat: repeat-x; background-size: 1px 1px; background-position: 0 95%; }

.book-retailers { margin-bottom: 20.8px; }

.book-retailer-divider:last-of-type { display: none; }

.book-press-title { margin: 50px 0; }
@media (min-width: 500px) { .book-press-title { margin-bottom: 20.8px; } }

.book-press-list { margin-bottom: 20.8px; }

@media (min-width: 500px) { .book-column-four { width: 50%; } }
@media (min-width: 1000px) { .book-column-four { width: 25%; } }

.book-related-container { margin-bottom: 20.8px; }

/*

_footer.scss


*/
.site-footer { font-family: "monosten", cursive, "Courier New", Courier, monospace; padding-bottom: 30px; }
.site-footer.dark { background-color: black; color: white; }

.site-footer-inner { border-top: 1px solid #e6e7e8; padding-top: 30px; }
.site-footer-inner .column-one { border-bottom: 1px solid #e6e7e8; padding-bottom: 30px; }
@media (min-width: 1000px) { .site-footer-inner .column-one { border-bottom: none; padding-bottom: 0; } }
.site-footer-inner .column-one a { color: red; text-transform: uppercase; }
.site-footer-inner .column-one a:hover, .site-footer-inner .column-one a:focus, .site-footer-inner .column-one a:active { outline: 0; text-decoration: none; background-image: -webkit-linear-gradient(red, red); background-image: linear-gradient(red, red); background-repeat: repeat-x; background-size: 1px 1px; background-position: 0 95%; }
.site-footer-inner .column-two { border: none; padding-top: 30px; }
@media (min-width: 1000px) { .site-footer-inner .column-two { padding-top: 0; } }

.site-footer-top-button { text-transform: uppercase; cursor: pointer; }