/* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } /* custom reset here */ input, textarea, select { font-family: inherit; font-size: inherit; border: none; appearance: none; -moz-appearance: none; -webkit-appearance: none; } * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } @font-face { font-family: 'Font Awesome'; src: url("fonts/fontawesome.eot?v=4.6.3"); src: url("fonts/fontawesome.eot?#iefix&v=4.6.3") format("embedded-opentype"), url("fonts/fontawesome.woff2?v=4.6.3") format("woff2"), url("fonts/fontawesome.woff?v=4.6.3") format("woff"), url("fonts/fontawesome.ttf?v=4.6.3") format("truetype"), url("fonts/fontawesome.svg?v=4.6.3#fontawesomeregular") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'Nanami Extra Light'; src: url("fonts/nanami-extralight.eot"); src: url("fonts/nanami-extralight.eot?#iefix") format("embedded-opentype"), url("fonts/nanami-extralight.woff2") format("woff2"), url("fonts/nanami-extralight.woff") format("woff"), url("fonts/nanami-extralight.ttf") format("truetype"), url("fonts/nanami-extralight.svg#nanamiextralight") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'Nanami Book'; src: url("fonts/nanami-book.eot"); src: url("fonts/fonts/nanami-book.eot?#iefix") format("embedded-opentype"), url("fonts/nanami-book.woff2") format("woff2"), url("fonts/nanami-book.woff") format("woff"), url("fonts/nanami-book.ttf") format("truetype"), url("fonts/nanami-book.svg#nanamibook") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'Sanchez Regular'; src: url("fonts/sanchez-regular.eot"); src: url("fonts/sanchez-regular.eot?#iefix") format("embedded-opentype"), url("fonts/sanchez-regular.woff2") format("woff2"), url("fonts/sanchez-regular.woff") format("woff"), url("fonts/sanchez-regular.ttf") format("truetype"), url("fonts/sanchez-regular.svg#sanchezregular") format("svg"); font-weight: normal; font-style: normal; } .innerwrap:before, .container-main-content:before, main .mainsearch:before, main article.post-container:before, main .post-notes:before, main .pagination:before, .container:before, nav.navtop:before, nav.navsoc ul:before, main article.post-container .post-content .post-main:before, main article.post-container .post-content.answer .ask-conversation:before, main .post-notes ol li:before, footer:before, .innerwrap:after, .container-main-content:after, main .mainsearch:after, main article.post-container:after, main .post-notes:after, main .pagination:after, .container:after, nav.navtop:after, nav.navsoc ul:after, main article.post-container .post-content .post-main:after, main article.post-container .post-content.answer .ask-conversation:after, main .post-notes ol li:after, footer:after { content: ""; display: block; } .innerwrap:after, .container-main-content:after, main .mainsearch:after, main article.post-container:after, main .post-notes:after, main .pagination:after, .container:after, nav.navtop:after, nav.navsoc ul:after, main article.post-container .post-content .post-main:after, main article.post-container .post-content.answer .ask-conversation:after, main .post-notes ol li:after, footer:after { clear: both; } .innerwrap, .container-main-content, main .mainsearch, main article.post-container, main .post-notes, main .pagination, .container, nav.navtop, nav.navsoc ul, main article.post-container .post-content .post-main, main article.post-container .post-content.answer .ask-conversation, main .post-notes ol li, footer { zoom: 1; } input:checked:before, #topAnchor:before, nav.navsoc ul li a:before, main article.post-container .post-content.link > a .post-main .linkhost:before { font-family: "Font Awesome"; display: inline-block; } .innerwrap, .container-main-content, main .mainsearch, main article.post-container, main .post-notes, main .pagination { max-width: 1400px; margin-left: auto; margin-right: auto; width: 100%; } .container-main-content, main .mainsearch, main article.post-container, main .post-notes, main .pagination { max-width: 600px; } main article.post-container .post-content.answer .ask-conversation .said, main article.post-container .post-content .caption, aside { /**/ } main article.post-container .post-content.answer .ask-conversation .said p, main article.post-container .post-content .caption p, aside p { line-height: 2; word-wrap: break-word; } main article.post-container .post-content.answer .ask-conversation .said ul, main article.post-container .post-content .caption ul, aside ul, main article.post-container .post-content.answer .ask-conversation .said ol, main article.post-container .post-content .caption ol, aside ol { margin-bottom: 1em; margin-top: .5em; } main article.post-container .post-content.answer .ask-conversation .said ul li, main article.post-container .post-content .caption ul li, aside ul li, main article.post-container .post-content.answer .ask-conversation .said ol li, main article.post-container .post-content .caption ol li, aside ol li { line-height: 1.25; margin-bottom: .5em; } main article.post-container .post-content.answer .ask-conversation .said table, main article.post-container .post-content .caption table, aside table { width: 100% !important; margin-bottom: 1em; } main article.post-container .post-content.answer .ask-conversation .said table thead, main article.post-container .post-content .caption table thead, aside table thead, main article.post-container .post-content.answer .ask-conversation .said table th, main article.post-container .post-content .caption table th, aside table th { background: #333; color: #FFF; text-transform: uppercase; font-family: "Urbanist", "Helvetica", Helvetica, Arial, sans-serif; } main article.post-container .post-content.answer .ask-conversation .said table thead a, main article.post-container .post-content .caption table thead a, aside table thead a, main article.post-container .post-content.answer .ask-conversation .said table th a, main article.post-container .post-content .caption table th a, aside table th a { color: #FFF; } main article.post-container .post-content.answer .ask-conversation .said table tbody th, main article.post-container .post-content .caption table tbody th, aside table tbody th { background: #4d4c4c; } main article.post-container .post-content.answer .ask-conversation .said table th, main article.post-container .post-content .caption table th, aside table th, main article.post-container .post-content.answer .ask-conversation .said table td, main article.post-container .post-content .caption table td, aside table td { border: 1px solid #333; padding: 1em; width: 25%; word-wrap: break-word; } main article.post-container .post-content.answer .ask-conversation .said pre, main article.post-container .post-content .caption pre, aside pre { font-family: courier, monospace; white-space: pre-wrap; word-wrap: break-word; background: #d9d9d9; padding: 1em; margin-bottom: .5em; } main article.post-container .post-content.answer .ask-conversation .said blockquote, main article.post-container .post-content .caption blockquote, aside blockquote { padding: 0 0 0 1em; margin-bottom: 1em; border-left: 2px solid #888; } main article.post-container .post-content.answer .ask-conversation .said blockquote cite, main article.post-container .post-content .caption blockquote cite, aside blockquote cite { display: block; margin-top: .25em; font-style: normal; } main article.post-container .post-content.answer .ask-conversation .said code, main article.post-container .post-content .caption code, aside code, main article.post-container .post-content.answer .ask-conversation .said kbd, main article.post-container .post-content .caption kbd, aside kbd, main article.post-container .post-content.answer .ask-conversation .said tt, main article.post-container .post-content .caption tt, aside tt { word-wrap: break-word; font-family: courier, monospace; } main article.post-container .post-content.answer .ask-conversation .said strong, main article.post-container .post-content .caption strong, aside strong, main article.post-container .post-content.answer .ask-conversation .said b, main article.post-container .post-content .caption b, aside b { font-family: "Urbanist", "Helvetica", Helvetica, Arial, sans-serif; } main article.post-container .post-content.answer .ask-conversation .said em, main article.post-container .post-content .caption em, aside em, main article.post-container .post-content.answer .ask-conversation .said i, main article.post-container .post-content .caption i, aside i { font-style: italic; } main article.post-container .post-content.answer .ask-conversation .said u, main article.post-container .post-content .caption u, aside u { text-decoration: underline; } main article.post-container .post-content.answer .ask-conversation .said ins, main article.post-container .post-content .caption ins, aside ins { text-decoration: underline; background-color: #d9d9d9; } main article.post-container .post-content.answer .ask-conversation .said var, main article.post-container .post-content .caption var, aside var { font-style: italic; } main article.post-container .post-content.answer .ask-conversation .said q, main article.post-container .post-content .caption q, aside q { font-style: italic; } main article.post-container .post-content.answer .ask-conversation .said q:before, main article.post-container .post-content .caption q:before, aside q:before, main article.post-container .post-content.answer .ask-conversation .said q:after, main article.post-container .post-content .caption q:after, aside q:after { content: '"'; } main article.post-container .post-content.answer .ask-conversation .said sup, main article.post-container .post-content .caption sup, aside sup, main article.post-container .post-content.answer .ask-conversation .said sub, main article.post-container .post-content .caption sub, aside sub { font-size: .875em; position: relative; } main article.post-container .post-content.answer .ask-conversation .said sup, main article.post-container .post-content .caption sup, aside sup { bottom: .5em; } main article.post-container .post-content.answer .ask-conversation .said sub, main article.post-container .post-content .caption sub, aside sub { top: .5em; } main article.post-container .post-content.answer .ask-conversation .said img, main article.post-container .post-content .caption img, aside img { display: block; } main article.post-container .post-content.answer .ask-conversation .said del, main article.post-container .post-content .caption del, aside del, main article.post-container .post-content.answer .ask-conversation .said strike, main article.post-container .post-content .caption strike, aside strike { text-decoration: line-through; } main article.post-container .post-content.answer .ask-conversation .said address, main article.post-container .post-content .caption address, aside address { font-family: "Sanchez", "Georgia", Times, serif; margin-bottom: .5em; } main article.post-container .post-content.answer .ask-conversation .said abbr, main article.post-container .post-content .caption abbr, aside abbr, main article.post-container .post-content.answer .ask-conversation .said acronym, main article.post-container .post-content .caption acronym, aside acronym { text-decoration: underline; text-decoration-style: dotted; } main article.post-container .post-content.answer .ask-conversation .said dl, main article.post-container .post-content .caption dl, aside dl { line-height: 1.5em; margin-bottom: 1em; } main article.post-container .post-content.answer .ask-conversation .said dd, main article.post-container .post-content .caption dd, aside dd { margin-left: 1em; font-family: "Sanchez", "Georgia", Times, serif; margin-bottom: .5em; } main article.post-container .post-content.answer .ask-conversation .said big, main article.post-container .post-content .caption big, aside big { font-size: 1.25em; } main article.post-container .post-content.answer .ask-conversation .said small, main article.post-container .post-content .caption small, aside small { font-size: .75em; } main article.post-container .post-content.answer .ask-conversation .said h1, main article.post-container .post-content .caption h1, aside h1 { font-size: 2.5em; } main article.post-container .post-content.answer .ask-conversation .said h2, main article.post-container .post-content .caption h2, aside h2 { font-size: 2em; } main article.post-container .post-content.answer .ask-conversation .said h3, main article.post-container .post-content .caption h3, aside h3 { font-size: 1.75em; } main article.post-container .post-content.answer .ask-conversation .said h1, main article.post-container .post-content .caption h1, aside h1, main article.post-container .post-content.answer .ask-conversation .said h2, main article.post-container .post-content .caption h2, aside h2, main article.post-container .post-content.answer .ask-conversation .said h3, main article.post-container .post-content .caption h3, aside h3, main article.post-container .post-content.answer .ask-conversation .said h4, main article.post-container .post-content .caption h4, aside h4, main article.post-container .post-content.answer .ask-conversation .said h5, main article.post-container .post-content .caption h5, aside h5, main article.post-container .post-content.answer .ask-conversation .said h6, main article.post-container .post-content .caption h6, aside h6 { margin: 16px 0; margin: 1rem 0; } main article.post-container .post-content.answer .ask-conversation .said ul, main article.post-container .post-content .caption ul, main article.post-container .post-content.answer .ask-conversation .said ol, main article.post-container .post-content .caption ol { margin-bottom: 1em; margin-top: .5em; } main article.post-container .post-content.answer .ask-conversation .said ul li, main article.post-container .post-content .caption ul li, main article.post-container .post-content.answer .ask-conversation .said ol li, main article.post-container .post-content .caption ol li { line-height: 1.5; margin-left: 1em; margin-bottom: .5em; } main article.post-container .post-content.answer .ask-conversation .said ul li:last-child, main article.post-container .post-content .caption ul li:last-child, main article.post-container .post-content.answer .ask-conversation .said ol li:last-child, main article.post-container .post-content .caption ol li:last-child { margin-bottom: 0; } main article.post-container .post-content.answer .ask-conversation .said ul li ul, main article.post-container .post-content .caption ul li ul, main article.post-container .post-content.answer .ask-conversation .said ul li ol, main article.post-container .post-content .caption ul li ol, main article.post-container .post-content.answer .ask-conversation .said ol li ul, main article.post-container .post-content .caption ol li ul, main article.post-container .post-content.answer .ask-conversation .said ol li ol, main article.post-container .post-content .caption ol li ol { margin-bottom: 0; } main article.post-container .post-content.answer .ask-conversation .said ol li, main article.post-container .post-content .caption ol li { list-style: decimal; } main article.post-container .post-content.answer .ask-conversation .said ol li li, main article.post-container .post-content .caption ol li li { list-style: upper-alpha; } main article.post-container .post-content.answer .ask-conversation .said ol li li li, main article.post-container .post-content .caption ol li li li { list-style: lower-roman; } main article.post-container .post-content.answer .ask-conversation .said ul li, main article.post-container .post-content .caption ul li { list-style: disc; } main article.post-container .post-content.answer .ask-conversation .said ul li li, main article.post-container .post-content .caption ul li li { list-style: circle; } main article.post-container .post-content.answer .ask-conversation .said ul li li li, main article.post-container .post-content .caption ul li li li { list-style: square; } aside ul li li { margin-left: 1em; } aside ul li li:before { content: "- "; } body { min-width: 320px; background: #FFF; width: 100%; color: #333; font-family: "Urbanist", "Helvetica", Helvetica, Arial, sans-serif; } #lightbox { display: none; position: fixed; top: 0; bottom: 0; right: 0; left: 0; margin: 0; width: 100%; min-height: 100vh; z-index: 99999; display: none; } #lightbox #overlay { position: absolute; padding: 1em; background: rgba(0, 0, 0, 0.875); top: 0; bottom: 0; right: 0; left: 0; margin: 0; width: 100%; min-height: 100vh; } #lightbox img { position: fixed; background: #EEE; box-shadow: 0px 0px 10px #000; z-index: 99999; max-width: 80%; max-height: 80%; top: 0; bottom: 0; right: 0; left: 0; margin: auto; } #lightbox #close { position: fixed; cursor: pointer; z-index: 99999; top: 1em; right: 1em; width: 50px; height: 50px; background: #9A2935; text-indent: -99999px; transition: all ease-in-out .125s; -moz-transition: all ease-in-out .125s; -o-transition: all ease-in-out .125s; -webkit-transition: all ease-in-out .125s; } #lightbox #close:hover, #lightbox #close:focus, #lightbox #close:active { background: #c23443; } #lightbox #close:before, #lightbox #close:after { position: absolute; top: 0; content: ""; bottom: 0; right: 0; left: 0; margin: auto; width: 75%; display: block; height: .25em; background: #FFF; } #lightbox #close:before { transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); } #lightbox #close:after { transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); } .fallback { display: none; text-align: center; font-family: "Sanchez", "Georgia", Times, serif; } .no-js .fallback { display: block; } iframe, embed, video, object { max-width: 100% !important; display: block; overflow: hidden; } em, i { font-style: italic; } img { max-width: 100%; height: auto; display: block; } #theContent { overflow: hidden; } .container { width: 100%; margin: 0 auto; position: relative; max-width: 1400px; } .container-navtop { min-width: 320px; width: 100%; max-width: none; position: absolute; height: 0; } .no-js .container-navtop { height: auto; position: static; } footer .innerwrap { width: 90%; padding: 5% 0 5%; margin: 0 auto; } a { color: #9A2935; transition: all ease-in-out .125s; -moz-transition: all ease-in-out .125s; -o-transition: all ease-in-out .125s; -webkit-transition: all ease-in-out .125s; } a:hover, a:active, a:focus { color: #c23443; } footer.footerdown a { color: #FFF; } footer.footerdown a:hover, footer.footerdown a:active, footer.footerdown a:focus { color: #c23443; } hr { border: 0; height: 2px; margin: 2em auto; background: #9A2935; position: relative; width: 100%; max-width: 400px; overflow: visible; } hr:after { content: ""; display: block; background-image: url(cssimages/bullet.svg); background-size: 1.75em 1.75em; width: 1.75em; height: 1.75em; display: block; position: absolute; margin: auto; right: 0; top: 0; bottom: 0; left: 0; } h1, h2, h3, h4, h5, h6 { color: #000; font-family: "Urbanist", "Helvetica", Helvetica, Arial, sans-serif; text-transform: uppercase; letter-spacing: .125em; /**/ } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { text-decoration: none; } h1 a:hover, h1 a:active, h1 a:focus, h2 a:hover, h2 a:active, h2 a:focus, h3 a:hover, h3 a:active, h3 a:focus, h4 a:hover, h4 a:active, h4 a:focus, h5 a:hover, h5 a:active, h5 a:focus, h6 a:hover, h6 a:active, h6 a:focus { color: #c23443; } footer h1, footer h2, footer h3, footer h4, footer h5, footer h6 { color: #FFF; } footer h1 a, footer h1 a:hover, footer h1 a:focus, footer h1 a:active, footer h2 a, footer h2 a:hover, footer h2 a:focus, footer h2 a:active, footer h3 a, footer h3 a:hover, footer h3 a:focus, footer h3 a:active, footer h4 a, footer h4 a:hover, footer h4 a:focus, footer h4 a:active, footer h5 a, footer h5 a:hover, footer h5 a:focus, footer h5 a:active, footer h6 a, footer h6 a:hover, footer h6 a:focus, footer h6 a:active { color: #FFF; } h2 { font-size: 2em; } h3 { font-size: 1.25em; } h4 { font-size: 1em; } h5 { font-size: .875em; } h6 { font-size: .75em; } p { margin: 0 0 .5em; line-height: 1.5; } p:last-child { margin-bottom: 0; } label { font-family: "Urbanist", "Helvetica", Helvetica, Arial, sans-serif; font-size: 1.25em; font-weight: normal !important; text-transform: uppercase; color: #000; display: block; letter-spacing: .125em; /**/ margin: 1em 0 .125em; } input, textarea, select { font-size: 1.5em; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; font-family: "Sanchez", "Georgia", Times, serif; margin: .25em 0; max-width: 100%; width: 100%; padding: 0 1em; color: #222; background-color: #FFF; display: block; border: 1px solid #000; } input.error, textarea.error, select.error { border-color: #9A2935; } aside input, footer.footerdown input, aside textarea, footer.footerdown textarea, aside select, footer.footerdown select { font-size: 1em; } input, select { height: 3em; line-height: 3em; } footer.footerdown input.button, footer.footerdown select.button { height: auto; } select { background-image: url(css/cssimages/dropdown.svg); background-repeat: no-repeat; background-position: right center; background-size: 1em auto; padding: 0 1.75em 0 1em; } input[type="checkbox"] { display: inline-block; vertical-align: middle; background: #FFF; position: relative; width: auto; padding: 0; line-height: 1; height: 1.25em; width: 1.25em; } input:checked:before { content: "\f00c"; color: #9A2935; display: block; width: 1em; height: 1em; line-height: 1; position: absolute; padding: 0; margin: auto; top: 0; bottom: 0; right: 0; left: 0; } textarea { height: 200px; max-height: 500px; line-height: 1.25; padding: 1em; } .warning { max-width: 960px; width: 75%; text-transform: uppercase; padding: 7.5% 0; margin: 0 auto; text-align: center; } .warning p { font-size: 2em; } .warning hr { margin: 3.5em auto; /***/ } .warning h3 { margin-bottom: .5em; } .button, main .post-notes ol li.more_notes_link_container a.more_notes_link, button, a.button, main .post-notes ol li.more_notes_link_container a.more_notes_link, input[type="submit"] { width: auto; max-width: 250px; margin: .5em 0; display: inline-block; line-height: 1; color: #9A2935; text-align: center; border-width: .1875em; border-style: solid; border-color: #9A2935; padding: .875em .875em .875em 1em; /**/ letter-spacing: .125em; /**/ font-family: "Urbanist", "Helvetica", Helvetica, Arial, sans-serif; font-size: 1em; text-transform: uppercase; text-decoration: none; appearance: none; -moz-appearance: none; -webkit-appearance: none; border-radius: 0; position: relative; overflow: hidden; z-index: 0; background: transparent; transition: .125s all ease-in-out; -moz-transition: .125s all ease-in-out; -o-transition: .125s all ease-in-out; -webkit-transition: .125s all ease-in-out; } .button:before, main .post-notes ol li.more_notes_link_container a.more_notes_link:before, .button:after, main .post-notes ol li.more_notes_link_container a.more_notes_link:after, button:before, button:after, a.button:before, main .post-notes ol li.more_notes_link_container a.more_notes_link:before, a.button:after, main .post-notes ol li.more_notes_link_container a.more_notes_link:after, input[type="submit"]:before, input[type="submit"]:after { content: ""; position: absolute; width: 0%; background: #9A2935; top: 0; bottom: 0; z-index: -1; height: 100%; transition: .25s all ease-in-out; -moz-transition: .25s all ease-in-out; -o-transition: .25s all ease-in-out; -webkit-transition: .25s all ease-in-out; } .button:before, main .post-notes ol li.more_notes_link_container a.more_notes_link:before, button:before, a.button:before, main .post-notes ol li.more_notes_link_container a.more_notes_link:before, input[type="submit"]:before { left: 0; right: auto; } .button:after, main .post-notes ol li.more_notes_link_container a.more_notes_link:after, button:after, a.button:after, main .post-notes ol li.more_notes_link_container a.more_notes_link:after, input[type="submit"]:after { right: 0; left: auto; } .button:hover, main .post-notes ol li.more_notes_link_container a.more_notes_link:hover, .button:active, main .post-notes ol li.more_notes_link_container a.more_notes_link:active, .button:focus, main .post-notes ol li.more_notes_link_container a.more_notes_link:focus, button:hover, button:active, button:focus, a.button:hover, main .post-notes ol li.more_notes_link_container a.more_notes_link:hover, a.button:active, main .post-notes ol li.more_notes_link_container a.more_notes_link:active, a.button:focus, main .post-notes ol li.more_notes_link_container a.more_notes_link:focus, input[type="submit"]:hover, input[type="submit"]:active, input[type="submit"]:focus { color: #FFF; } .button:hover:before, main .post-notes ol li.more_notes_link_container a.more_notes_link:hover:before, .button:hover:after, main .post-notes ol li.more_notes_link_container a.more_notes_link:hover:after, .button:active:before, main .post-notes ol li.more_notes_link_container a.more_notes_link:active:before, .button:active:after, main .post-notes ol li.more_notes_link_container a.more_notes_link:active:after, .button:focus:before, main .post-notes ol li.more_notes_link_container a.more_notes_link:focus:before, .button:focus:after, main .post-notes ol li.more_notes_link_container a.more_notes_link:focus:after, button:hover:before, button:hover:after, button:active:before, button:active:after, button:focus:before, button:focus:after, a.button:hover:before, main .post-notes ol li.more_notes_link_container a.more_notes_link:hover:before, a.button:hover:after, main .post-notes ol li.more_notes_link_container a.more_notes_link:hover:after, a.button:active:before, main .post-notes ol li.more_notes_link_container a.more_notes_link:active:before, a.button:active:after, main .post-notes ol li.more_notes_link_container a.more_notes_link:active:after, a.button:focus:before, main .post-notes ol li.more_notes_link_container a.more_notes_link:focus:before, a.button:focus:after, main .post-notes ol li.more_notes_link_container a.more_notes_link:focus:after, input[type="submit"]:hover:before, input[type="submit"]:hover:after, input[type="submit"]:active:before, input[type="submit"]:active:after, input[type="submit"]:focus:before, input[type="submit"]:focus:after { width: 50.1%; } .button:hover:before, main .post-notes ol li.more_notes_link_container a.more_notes_link:hover:before, .button:active:before, main .post-notes ol li.more_notes_link_container a.more_notes_link:active:before, .button:focus:before, main .post-notes ol li.more_notes_link_container a.more_notes_link:focus:before, button:hover:before, button:active:before, button:focus:before, a.button:hover:before, main .post-notes ol li.more_notes_link_container a.more_notes_link:hover:before, a.button:active:before, main .post-notes ol li.more_notes_link_container a.more_notes_link:active:before, a.button:focus:before, main .post-notes ol li.more_notes_link_container a.more_notes_link:focus:before, input[type="submit"]:hover:before, input[type="submit"]:active:before, input[type="submit"]:focus:before { left: auto; right: 50%; } .button:hover:after, main .post-notes ol li.more_notes_link_container a.more_notes_link:hover:after, .button:active:after, main .post-notes ol li.more_notes_link_container a.more_notes_link:active:after, .button:focus:after, main .post-notes ol li.more_notes_link_container a.more_notes_link:focus:after, button:hover:after, button:active:after, button:focus:after, a.button:hover:after, main .post-notes ol li.more_notes_link_container a.more_notes_link:hover:after, a.button:active:after, main .post-notes ol li.more_notes_link_container a.more_notes_link:active:after, a.button:focus:after, main .post-notes ol li.more_notes_link_container a.more_notes_link:focus:after, input[type="submit"]:hover:after, input[type="submit"]:active:after, input[type="submit"]:focus:after { right: auto; left: 50%; } form .button, form main .post-notes ol li.more_notes_link_container a.more_notes_link, main .post-notes ol li.more_notes_link_container form a.more_notes_link, form button, form a.button, form main .post-notes ol li.more_notes_link_container a.more_notes_link, main .post-notes ol li.more_notes_link_container form a.more_notes_link, form input[type="submit"] { background: #9A2935; color: #FFF; margin: 1em 0 0; position: relative; overflow: hidden; z-index: 0; background: transparent; transition: .125s all ease-in-out; -moz-transition: .125s all ease-in-out; -o-transition: .125s all ease-in-out; -webkit-transition: .125s all ease-in-out; } form .button:before, form main .post-notes ol li.more_notes_link_container a.more_notes_link:before, main .post-notes ol li.more_notes_link_container form a.more_notes_link:before, form .button:after, form main .post-notes ol li.more_notes_link_container a.more_notes_link:after, main .post-notes ol li.more_notes_link_container form a.more_notes_link:after, form button:before, form button:after, form a.button:before, form main .post-notes ol li.more_notes_link_container a.more_notes_link:before, main .post-notes ol li.more_notes_link_container form a.more_notes_link:before, form a.button:after, form main .post-notes ol li.more_notes_link_container a.more_notes_link:after, main .post-notes ol li.more_notes_link_container form a.more_notes_link:after, form input[type="submit"]:before, form input[type="submit"]:after { content: ""; position: absolute; width: 0%; background: #9A2935; top: 0; bottom: 0; z-index: -1; height: 100%; transition: .25s all ease-in-out; -moz-transition: .25s all ease-in-out; -o-transition: .25s all ease-in-out; -webkit-transition: .25s all ease-in-out; } form .button:before, form main .post-notes ol li.more_notes_link_container a.more_notes_link:before, main .post-notes ol li.more_notes_link_container form a.more_notes_link:before, form button:before, form a.button:before, form main .post-notes ol li.more_notes_link_container a.more_notes_link:before, main .post-notes ol li.more_notes_link_container form a.more_notes_link:before, form input[type="submit"]:before { left: 0; right: auto; } form .button:after, form main .post-notes ol li.more_notes_link_container a.more_notes_link:after, main .post-notes ol li.more_notes_link_container form a.more_notes_link:after, form button:after, form a.button:after, form main .post-notes ol li.more_notes_link_container a.more_notes_link:after, main .post-notes ol li.more_notes_link_container form a.more_notes_link:after, form input[type="submit"]:after { right: 0; left: auto; } form .button:hover, form main .post-notes ol li.more_notes_link_container a.more_notes_link:hover, main .post-notes ol li.more_notes_link_container form a.more_notes_link:hover, form .button:active, form main .post-notes ol li.more_notes_link_container a.more_notes_link:active, main .post-notes ol li.more_notes_link_container form a.more_notes_link:active, form .button:focus, form main .post-notes ol li.more_notes_link_container a.more_notes_link:focus, main .post-notes ol li.more_notes_link_container form a.more_notes_link:focus, form button:hover, form button:active, form button:focus, form a.button:hover, form main .post-notes ol li.more_notes_link_container a.more_notes_link:hover, main .post-notes ol li.more_notes_link_container form a.more_notes_link:hover, form a.button:active, form main .post-notes ol li.more_notes_link_container a.more_notes_link:active, main .post-notes ol li.more_notes_link_container form a.more_notes_link:active, form a.button:focus, form main .post-notes ol li.more_notes_link_container a.more_notes_link:focus, main .post-notes ol li.more_notes_link_container form a.more_notes_link:focus, form input[type="submit"]:hover, form input[type="submit"]:active, form input[type="submit"]:focus { color: #FFF; } form .button:hover:before, form main .post-notes ol li.more_notes_link_container a.more_notes_link:hover:before, main .post-notes ol li.more_notes_link_container form a.more_notes_link:hover:before, form .button:hover:after, form main .post-notes ol li.more_notes_link_container a.more_notes_link:hover:after, main .post-notes ol li.more_notes_link_container form a.more_notes_link:hover:after, form .button:active:before, form main .post-notes ol li.more_notes_link_container a.more_notes_link:active:before, main .post-notes ol li.more_notes_link_container form a.more_notes_link:active:before, form .button:active:after, form main .post-notes ol li.more_notes_link_container a.more_notes_link:active:after, main .post-notes ol li.more_notes_link_container form a.more_notes_link:active:after, form .button:focus:before, form main .post-notes ol li.more_notes_link_container a.more_notes_link:focus:before, main .post-notes ol li.more_notes_link_container form a.more_notes_link:focus:before, form .button:focus:after, form main .post-notes ol li.more_notes_link_container a.more_notes_link:focus:after, main .post-notes ol li.more_notes_link_container form a.more_notes_link:focus:after, form button:hover:before, form button:hover:after, form button:active:before, form button:active:after, form button:focus:before, form button:focus:after, form a.button:hover:before, form main .post-notes ol li.more_notes_link_container a.more_notes_link:hover:before, main .post-notes ol li.more_notes_link_container form a.more_notes_link:hover:before, form a.button:hover:after, form main .post-notes ol li.more_notes_link_container a.more_notes_link:hover:after, main .post-notes ol li.more_notes_link_container form a.more_notes_link:hover:after, form a.button:active:before, form main .post-notes ol li.more_notes_link_container a.more_notes_link:active:before, main .post-notes ol li.more_notes_link_container form a.more_notes_link:active:before, form a.button:active:after, form main .post-notes ol li.more_notes_link_container a.more_notes_link:active:after, main .post-notes ol li.more_notes_link_container form a.more_notes_link:active:after, form a.button:focus:before, form main .post-notes ol li.more_notes_link_container a.more_notes_link:focus:before, main .post-notes ol li.more_notes_link_container form a.more_notes_link:focus:before, form a.button:focus:after, form main .post-notes ol li.more_notes_link_container a.more_notes_link:focus:after, main .post-notes ol li.more_notes_link_container form a.more_notes_link:focus:after, form input[type="submit"]:hover:before, form input[type="submit"]:hover:after, form input[type="submit"]:active:before, form input[type="submit"]:active:after, form input[type="submit"]:focus:before, form input[type="submit"]:focus:after { width: 50.1%; } form .button:hover:before, form main .post-notes ol li.more_notes_link_container a.more_notes_link:hover:before, main .post-notes ol li.more_notes_link_container form a.more_notes_link:hover:before, form .button:active:before, form main .post-notes ol li.more_notes_link_container a.more_notes_link:active:before, main .post-notes ol li.more_notes_link_container form a.more_notes_link:active:before, form .button:focus:before, form main .post-notes ol li.more_notes_link_container a.more_notes_link:focus:before, main .post-notes ol li.more_notes_link_container form a.more_notes_link:focus:before, form button:hover:before, form button:active:before, form button:focus:before, form a.button:hover:before, form main .post-notes ol li.more_notes_link_container a.more_notes_link:hover:before, main .post-notes ol li.more_notes_link_container form a.more_notes_link:hover:before, form a.button:active:before, form main .post-notes ol li.more_notes_link_container a.more_notes_link:active:before, main .post-notes ol li.more_notes_link_container form a.more_notes_link:active:before, form a.button:focus:before, form main .post-notes ol li.more_notes_link_container a.more_notes_link:focus:before, main .post-notes ol li.more_notes_link_container form a.more_notes_link:focus:before, form input[type="submit"]:hover:before, form input[type="submit"]:active:before, form input[type="submit"]:focus:before { left: auto; right: 50%; } form .button:hover:after, form main .post-notes ol li.more_notes_link_container a.more_notes_link:hover:after, main .post-notes ol li.more_notes_link_container form a.more_notes_link:hover:after, form .button:active:after, form main .post-notes ol li.more_notes_link_container a.more_notes_link:active:after, main .post-notes ol li.more_notes_link_container form a.more_notes_link:active:after, form .button:focus:after, form main .post-notes ol li.more_notes_link_container a.more_notes_link:focus:after, main .post-notes ol li.more_notes_link_container form a.more_notes_link:focus:after, form button:hover:after, form button:active:after, form button:focus:after, form a.button:hover:after, form main .post-notes ol li.more_notes_link_container a.more_notes_link:hover:after, main .post-notes ol li.more_notes_link_container form a.more_notes_link:hover:after, form a.button:active:after, form main .post-notes ol li.more_notes_link_container a.more_notes_link:active:after, main .post-notes ol li.more_notes_link_container form a.more_notes_link:active:after, form a.button:focus:after, form main .post-notes ol li.more_notes_link_container a.more_notes_link:focus:after, main .post-notes ol li.more_notes_link_container form a.more_notes_link:focus:after, form input[type="submit"]:hover:after, form input[type="submit"]:active:after, form input[type="submit"]:focus:after { right: auto; left: 50%; } main article .button, main article .post-notes ol li.more_notes_link_container a.more_notes_link, main .post-notes ol li.more_notes_link_container article a.more_notes_link, main article button, main article a.button, main article .post-notes ol li.more_notes_link_container a.more_notes_link, main .post-notes ol li.more_notes_link_container article a.more_notes_link, main article input[type="submit"] { /***/ display: block; margin: .5em auto; } .tmblr-iframe, .tmblr-iframe.tmblr-iframe--unified-controls, .tmblr-iframe.tmblr-iframe--loaded, .tmblr-iframe.iframe-controls--desktop { top: auto !important; bottom: 2px !important; margin: 0 0 0 0 !important; left: -50px !important; right: auto !important; z-index: 999 !important; width: auto !important; position: fixed !important; } a.tumblr_blog { font-size: .75em; text-transform: uppercase; font-family: "Urbanist", "Helvetica", Helvetica, Arial, sans-serif; letter-spacing: .125em; text-decoration: none; } .searchbar { position: relative; } .searchbar label { display: none; } .searchbar [type="submit"] { opacity: 0; position: absolute !important; margin: 0; right: 0; top: 0; text-indent: -9999px; overflow: hidden; bottom: 0; width: 2.5em; border: 0; padding: 0; display: block; } .searchbar input[name="q"] { border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; margin: 0; display: block; width: 100%; padding-right: 1.25em; font-family: "Sanchez", "Georgia", Times, serif; color: #000; background-image: url(cssimages/searchd.svg); background-repeat: no-repeat; background-position: right center; background-size: 1.5em auto; } .searchbar input[name="q"]::-webkit-input-placeholder { /**/ font-family: "Urbanist", "Helvetica", Helvetica, Arial, sans-serif; color: #888; text-transform: uppercase; letter-spacing: .125em; /**/ } .searchbar input[name="q"]:-moz-placeholder { /* Firefox 18- */ font-family: "Urbanist", "Helvetica", Helvetica, Arial, sans-serif; color: #888; text-transform: uppercase; letter-spacing: .125em; /**/ } .searchbar input[name="q"]::-moz-placeholder { /* Firefox 19+ */ font-family: "Urbanist", "Helvetica", Helvetica, Arial, sans-serif; color: #888; text-transform: uppercase; letter-spacing: .125em; /**/ } .searchbar input[name="q"]:-ms-input-placeholder { font-family: "Urbanist", "Helvetica", Helvetica, Arial, sans-serif; color: #888; text-transform: uppercase; letter-spacing: .125em; /**/ } .navtop .searchbar input[name="q"] { background-color: transparent; } #topAnchor { position: fixed; bottom: 1em; z-index: 9999; right: 1em; display: block; width: 40px; background: #9A2935; color: #FFF; height: 40px; text-indent: -9999px; overflow: hidden; display: none; } #topAnchor:before { content: "\f176"; display: block; position: absolute; text-align: center; text-indent: 0; font-size: 1.5em; line-height: 1; width: 1em; height: 1em; top: 0; right: 0; bottom: .125em; left: 0; margin: auto; } .specialname { font-family: "Urbanist", "Helvetica", Helvetica, Arial, sans-serif; word-spacing: -.375em; } .specialname span.special { font-family: "Urbanist", "Helvetica", Helvetica, Arial, sans-serif; font-weight: bolder; } .logo { font-family: "Urbanist", "Helvetica", Helvetica, Arial, sans-serif; height: 60px; line-height: 60px; background-repeat: no-repeat; background-position: left center; background-size: 100% auto; width: 50%; position: relative; z-index: 999; max-width: 175px; } .logo a { color: #9A2935; max-width: 175px; width: 100%; font-size: 1.75em; line-height: 60px; height: 100%; display: block; white-space: nowrap; } nav a { text-decoration: none; } nav.navtop { position: relative; width: 100%; margin: 0; background: rgba(255, 255, 255, 0.95); left: 0; right: 0; z-index: 99998; margin: 0 auto; box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.1); transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; -webkit-transition: all .25s ease-in-out; } .no-js nav.navtop { height: auto; position: static; } nav.navtop .logo { float: left; margin-left: 1em; margin-bottom: 0; } .no-js nav.navtop .logo { float: none; margin: 0 auto; } nav.navtop #navtop-menu-container { clear: both; opacity: 0; height: 0; overflow: hidden; background: rgba(255, 255, 255, 0.95); } .no-js nav.navtop #navtop-menu-container, .no-js nav.navtop #navtop-menu-container.active, nav.navtop #navtop-menu-container.active { height: auto; overflow: hidden; opacity: 1; } .no-js nav.navtop #navtop-menu-container { position: static; } nav.navtop #navtop-menu-container .navtop-menu { padding: 2em; width: 100%; margin: 0; font-family: "Urbanist", "Helvetica", Helvetica, Arial, sans-serif; text-transform: uppercase; transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; -webkit-transition: all .25s ease-in-out; } .no-js nav.navtop #navtop-menu-container .navtop-menu { padding: 0 2em; } nav.navtop #navtop-menu-container .navtop-menu .searchbar { width: 100%; max-width: 400px; margin: 0 auto; margin-bottom: 1em; transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; -webkit-transition: all .25s ease-in-out; } nav.navtop #navtop-menu-container .navtop-menu .searchbar[type="submit"] { display: none; } nav.navtop #navtop-menu-container .navtop-menu .searchbar input { margin: 0; } nav.navtop #navtop-menu-container .navtop-menu .searchbar input[name="q"] { background-position: left center; border: 0; border-bottom: 1px solid #000; padding: 0 1em 0 1.75em; height: 60px; line-height: 60px; font-size: 1.5em; } nav.navtop #navtop-menu-container .navtop-menu .menu-list { width: 100%; max-width: 400px; margin: 0 auto; } nav.navtop #navtop-menu-container .navtop-menu .menu-list a { color: #000; text-decoration: none; letter-spacing: .125em; /**/ position: relative; overflow: hidden; z-index: 0; background: transparent; transition: .125s all ease-in-out; -moz-transition: .125s all ease-in-out; -o-transition: .125s all ease-in-out; -webkit-transition: .125s all ease-in-out; } nav.navtop #navtop-menu-container .navtop-menu .menu-list a:before, nav.navtop #navtop-menu-container .navtop-menu .menu-list a:after { content: ""; position: absolute; width: 0%; background: #9A2935; top: 0; bottom: 0; z-index: -1; height: 100%; transition: .25s all ease-in-out; -moz-transition: .25s all ease-in-out; -o-transition: .25s all ease-in-out; -webkit-transition: .25s all ease-in-out; } nav.navtop #navtop-menu-container .navtop-menu .menu-list a:before { left: 0; right: auto; } nav.navtop #navtop-menu-container .navtop-menu .menu-list a:after { right: 0; left: auto; } nav.navtop #navtop-menu-container .navtop-menu .menu-list a:hover, nav.navtop #navtop-menu-container .navtop-menu .menu-list a:active, nav.navtop #navtop-menu-container .navtop-menu .menu-list a:focus { color: #FFF; } nav.navtop #navtop-menu-container .navtop-menu .menu-list a:hover:before, nav.navtop #navtop-menu-container .navtop-menu .menu-list a:hover:after, nav.navtop #navtop-menu-container .navtop-menu .menu-list a:active:before, nav.navtop #navtop-menu-container .navtop-menu .menu-list a:active:after, nav.navtop #navtop-menu-container .navtop-menu .menu-list a:focus:before, nav.navtop #navtop-menu-container .navtop-menu .menu-list a:focus:after { width: 50.1%; } nav.navtop #navtop-menu-container .navtop-menu .menu-list a:hover:before, nav.navtop #navtop-menu-container .navtop-menu .menu-list a:active:before, nav.navtop #navtop-menu-container .navtop-menu .menu-list a:focus:before { left: auto; right: 50%; } nav.navtop #navtop-menu-container .navtop-menu .menu-list a:hover:after, nav.navtop #navtop-menu-container .navtop-menu .menu-list a:active:after, nav.navtop #navtop-menu-container .navtop-menu .menu-list a:focus:after { right: auto; left: 50%; } nav.navtop #navtop-menu-container .navtop-menu .menu-list > li { border-bottom: 1px solid #d9d9d9; } nav.navtop #navtop-menu-container .navtop-menu .menu-list > li:last-child { border-bottom: 0; } nav.navtop #navtop-menu-container .navtop-menu .menu-list li { line-height: 60px; text-align: center; } nav.navtop #navtop-menu-container .navtop-menu .menu-list li.current-menu-item > a, .single-work nav.navtop #navtop-menu-container .navtop-menu .menu-list li.menu-item-type-post_type_archive > a, .post-type-archive-work nav.navtop #navtop-menu-container .navtop-menu .menu-list li.menu-item-type-post_type_archive > a { color: #FFF; } nav.navtop #navtop-menu-container .navtop-menu .menu-list li.current-menu-item > a:before, nav.navtop #navtop-menu-container .navtop-menu .menu-list li.current-menu-item > a:after, .single-work nav.navtop #navtop-menu-container .navtop-menu .menu-list li.menu-item-type-post_type_archive > a:before, .single-work nav.navtop #navtop-menu-container .navtop-menu .menu-list li.menu-item-type-post_type_archive > a:after, .post-type-archive-work nav.navtop #navtop-menu-container .navtop-menu .menu-list li.menu-item-type-post_type_archive > a:before, .post-type-archive-work nav.navtop #navtop-menu-container .navtop-menu .menu-list li.menu-item-type-post_type_archive > a:after { width: 50.1%; background: #000; } nav.navtop #navtop-menu-container .navtop-menu .menu-list li.current-menu-item > a:before, .single-work nav.navtop #navtop-menu-container .navtop-menu .menu-list li.menu-item-type-post_type_archive > a:before, .post-type-archive-work nav.navtop #navtop-menu-container .navtop-menu .menu-list li.menu-item-type-post_type_archive > a:before { left: auto; right: 50%; } nav.navtop #navtop-menu-container .navtop-menu .menu-list li.current-menu-item > a:after, .single-work nav.navtop #navtop-menu-container .navtop-menu .menu-list li.menu-item-type-post_type_archive > a:after, .post-type-archive-work nav.navtop #navtop-menu-container .navtop-menu .menu-list li.menu-item-type-post_type_archive > a:after { right: auto; left: 50%; } nav.navtop #navtop-menu-container .navtop-menu .menu-list li.current-menu-item > a:hover, nav.navtop #navtop-menu-container .navtop-menu .menu-list li.current-menu-item > a:active, .single-work nav.navtop #navtop-menu-container .navtop-menu .menu-list li.menu-item-type-post_type_archive > a:hover, .single-work nav.navtop #navtop-menu-container .navtop-menu .menu-list li.menu-item-type-post_type_archive > a:active, .post-type-archive-work nav.navtop #navtop-menu-container .navtop-menu .menu-list li.menu-item-type-post_type_archive > a:hover, .post-type-archive-work nav.navtop #navtop-menu-container .navtop-menu .menu-list li.menu-item-type-post_type_archive > a:active { background: #9A2935; } nav.navtop #navtop-menu-container .navtop-menu .menu-list li.current-menu-item > a:hover:before, nav.navtop #navtop-menu-container .navtop-menu .menu-list li.current-menu-item > a:hover:after, nav.navtop #navtop-menu-container .navtop-menu .menu-list li.current-menu-item > a:active:before, nav.navtop #navtop-menu-container .navtop-menu .menu-list li.current-menu-item > a:active:after, .single-work nav.navtop #navtop-menu-container .navtop-menu .menu-list li.menu-item-type-post_type_archive > a:hover:before, .single-work nav.navtop #navtop-menu-container .navtop-menu .menu-list li.menu-item-type-post_type_archive > a:hover:after, .single-work nav.navtop #navtop-menu-container .navtop-menu .menu-list li.menu-item-type-post_type_archive > a:active:before, .single-work nav.navtop #navtop-menu-container .navtop-menu .menu-list li.menu-item-type-post_type_archive > a:active:after, .post-type-archive-work nav.navtop #navtop-menu-container .navtop-menu .menu-list li.menu-item-type-post_type_archive > a:hover:before, .post-type-archive-work nav.navtop #navtop-menu-container .navtop-menu .menu-list li.menu-item-type-post_type_archive > a:hover:after, .post-type-archive-work nav.navtop #navtop-menu-container .navtop-menu .menu-list li.menu-item-type-post_type_archive > a:active:before, .post-type-archive-work nav.navtop #navtop-menu-container .navtop-menu .menu-list li.menu-item-type-post_type_archive > a:active:after { width: 0%; } nav.navtop #navtop-menu-container .navtop-menu .menu-list li.current-menu-item > a:hover:before, nav.navtop #navtop-menu-container .navtop-menu .menu-list li.current-menu-item > a:active:before, .single-work nav.navtop #navtop-menu-container .navtop-menu .menu-list li.menu-item-type-post_type_archive > a:hover:before, .single-work nav.navtop #navtop-menu-container .navtop-menu .menu-list li.menu-item-type-post_type_archive > a:active:before, .post-type-archive-work nav.navtop #navtop-menu-container .navtop-menu .menu-list li.menu-item-type-post_type_archive > a:hover:before, .post-type-archive-work nav.navtop #navtop-menu-container .navtop-menu .menu-list li.menu-item-type-post_type_archive > a:active:before { left: 0; right: auto; } nav.navtop #navtop-menu-container .navtop-menu .menu-list li.current-menu-item > a:hover:after, nav.navtop #navtop-menu-container .navtop-menu .menu-list li.current-menu-item > a:active:after, .single-work nav.navtop #navtop-menu-container .navtop-menu .menu-list li.menu-item-type-post_type_archive > a:hover:after, .single-work nav.navtop #navtop-menu-container .navtop-menu .menu-list li.menu-item-type-post_type_archive > a:active:after, .post-type-archive-work nav.navtop #navtop-menu-container .navtop-menu .menu-list li.menu-item-type-post_type_archive > a:hover:after, .post-type-archive-work nav.navtop #navtop-menu-container .navtop-menu .menu-list li.menu-item-type-post_type_archive > a:active:after { right: 0; left: auto; } nav.navtop #navtop-menu-container .navtop-menu .menu-list li a { display: inline; padding: .25em .125em .25em .25em; height: 60px; } nav.navtop #navtop-menu-container .navtop-menu .menu-list li li { font-family: "Urbanist", "Helvetica", Helvetica, Arial, sans-serif; } nav.navtop #navtop-menu-container #toggle-topsearch { display: none; right: 60px; left: auto; top: 0; position: absolute; height: 80px; line-height: 80px; width: 2em; text-align: center; overflow: hidden; z-index: 9999; } .no-js nav.navtop #navtop-menu-container #toggle-topsearch { display: none; } nav.navtop #navtop-menu-container #toggle-topsearch .searchicon { position: absolute; margin: auto; top: 0; bottom: 0; right: 0; left: 0; width: 1.5em; height: 1.5em; } nav.navtop #navtop-menu-container #toggle-topsearch .searchicon span { display: block; position: absolute; transition: all .125s ease-in-out; -moz-transition: all .125s ease-in-out; -o-transition: all .125s ease-in-out; -webkit-transition: all .125s ease-in-out; } nav.navtop #navtop-menu-container #toggle-topsearch .searchicon span:first-child { width: 80%; height: 80%; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; top: 0; left: 0; border: 0.25em solid #000; } nav.navtop #navtop-menu-container #toggle-topsearch .searchicon span:last-child { width: 50%; transform-origin: bottom right; -ms-transform-origin: bottom right; -moz-transform-origin: bottom right; -webkit-transform-origin: bottom right; transform: rotate(45deg); -ms-transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); height: .225em; bottom: 0; right: 10%; background: #000; } nav.navtop #navtop-menu-container #toggle-topsearch.active .searchicon span:first-child, nav.navtop #navtop-menu-container #toggle-topsearch.active .searchicon span:last-child { width: 100%; height: 100%; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; top: 0; left: 0; bottom: 0; right: 0; margin: auto; border: 0; transform-origin: 50% 50% 0; -ms-transform-origin: 50% 50% 0; -moz-transform-origin: 50% 50% 0; -webkit-transform-origin: 50% 50% 0; height: .25em; bottom: 0; right: 10%; background: #9A2935; } nav.navtop #navtop-menu-container #toggle-topsearch.active .searchicon span:first-child { transform: rotate(45deg); -ms-transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); } nav.navtop #navtop-menu-container #toggle-topsearch.active .searchicon span:last-child { transform: rotate(-45deg); -ms-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); } nav.navtop #toggle-navtop { position: absolute; right: 0; width: 60px; height: 60px; line-height: 60px; z-index: 999; display: block; } nav.navtop #toggle-navtop:hover .burger span:before, nav.navtop #toggle-navtop:hover .burger span:after, nav.navtop #toggle-navtop:focus .burger span:before, nav.navtop #toggle-navtop:focus .burger span:after, nav.navtop #toggle-navtop:active .burger span:before, nav.navtop #toggle-navtop:active .burger span:after { width: 50.1%; } nav.navtop #toggle-navtop:hover .burger span:before, nav.navtop #toggle-navtop:focus .burger span:before, nav.navtop #toggle-navtop:active .burger span:before { left: auto; right: 50%; } nav.navtop #toggle-navtop:hover .burger span:after, nav.navtop #toggle-navtop:focus .burger span:after, nav.navtop #toggle-navtop:active .burger span:after { right: auto; left: 50%; } nav.navtop #toggle-navtop.active .burger span:nth-child(2) { -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } nav.navtop #toggle-navtop.active .burger span:nth-child(3) { -ms-transform: rotate(45deg); -o-transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); } nav.navtop #toggle-navtop.active .burger span:first-child, nav.navtop #toggle-navtop.active .burger span:last-child { width: 0%; top: 45%; bottom: 45%; } .no-js nav.navtop #toggle-navtop { display: none; } nav.navtop #toggle-navtop .burger { position: absolute; height: 1.5em; width: 1.75em; display: block; top: 0; bottom: 0; right: 0; left: 0; margin: auto; } nav.navtop #toggle-navtop .burger span { display: block; height: .25em; position: absolute; top: 0; bottom: 0; margin: auto; right: 0; left: 0; width: 100%; z-index: 0; background: #000; transform-origin: center center; transition: all .125s ease-in-out; -moz-transition: all .125s ease-in-out; -o-transition: all .125s ease-in-out; -webkit-transition: all .125s ease-in-out; } nav.navtop #toggle-navtop .burger span:first-child { top: 0%; bottom: auto; } nav.navtop #toggle-navtop .burger span:last-child { bottom: 0%; top: auto; } nav.navtop #toggle-navtop .burger span:before, nav.navtop #toggle-navtop .burger span:after { content: ""; position: absolute; width: 0%; background: #9A2935; top: 0; bottom: 0; z-index: -1; height: 100%; transition: .25s all ease-in-out; -moz-transition: .25s all ease-in-out; -o-transition: .25s all ease-in-out; -webkit-transition: .25s all ease-in-out; } nav.navtop #toggle-navtop .burger span:before { left: 0; right: auto; } nav.navtop #toggle-navtop .burger span:after { right: 0; left: auto; } .front-contact nav.navsoc { margin: .5em auto 2em; width: 100%; max-width: 800px; } nav.navsoc ul { margin: 0 auto; } nav.navsoc ul li { display: inline; margin: 0 .75em .75em 0; /***/ } .aside-content nav.navsoc ul li { float: left; line-height: 2; padding: 0 1em; width: 33.33%; margin: 0; text-align: center; border-right: 1px solid rgba(0, 0, 0, 0.2); border-top: 1px solid rgba(0, 0, 0, 0.2); } .aside-content nav.navsoc ul li:nth-child(3n) { border-right: 0; } .aside-content nav.navsoc ul li:nth-child(-n+3) { border-top: 0; } nav.navsoc ul li a { display: inline-block; font-size: 0; } nav.navsoc ul li a:before { content: "\f0ac"; font-size: 1.5rem; /***/ font-size: 24px; /***/ display: inline; margin: 0; width: auto; } nav.navsoc ul li a[href*="bandcamp.com"]:before { content: "\f2d5"; } nav.navsoc ul li a[href*="behance.net"]:before { content: "\f1b5"; } nav.navsoc ul li a[href*="codepen.io"]:before { content: "\f1cb"; } nav.navsoc ul li a[href*="deviantart.com"]:before { content: "\f1bd"; } nav.navsoc ul li a[href*="digg.com"]:before { content: "\f1a6"; } nav.navsoc ul li a[href*="dribbble.com"]:before { content: "\f17d"; } nav.navsoc ul li a[href*="dropbox.com"]:before { content: "\f16b"; } nav.navsoc ul li a[href*="facebook.com"]:before { content: "\f230"; } nav.navsoc ul li a[href*="flickr.com"]:before { content: "\f16e"; } nav.navsoc ul li a[href*="foursquare.com"]:before { content: "\f180"; } nav.navsoc ul li a[href*="plus.google.com"]:before { content: "\f2b3"; } nav.navsoc ul li a[href*="github.com"]:before { content: "\f092"; } nav.navsoc ul li a[href*="instagram.com"]:before { content: "\f16d"; } nav.navsoc ul li a[href*="linkedin.com"]:before { content: "\f08c"; } nav.navsoc ul li a[href*="pinterest.com"]:before { content: "\f231"; } nav.navsoc ul li a[href*="reddit.com"]:before { content: "\f1a1"; } nav.navsoc ul li a[href*="skype.com"]:before { content: "\f17e"; } nav.navsoc ul li a[href*="snapchat.com"]:before { content: "\f2ad"; } nav.navsoc ul li a[href*="stumbleupon.com"]:before { content: "\f1a4"; } nav.navsoc ul li a[href*="soundcloud.com"]:before { content: "\f1be"; } nav.navsoc ul li a[href*="tumblr.com"]:before { content: "\f174"; } nav.navsoc ul li a[href*="twitter.com"]:before { content: "\f081"; } nav.navsoc ul li a[href*="vimeo.com"]:before { content: "\f194"; } nav.navsoc ul li a[href*="vine.co"]:before { content: "\f1ca"; } nav.navsoc ul li a[href*="wordpress.com"]:before, nav.navsoc ul li a[href*="wordpress.org"]:before { content: "\f19a"; } nav.navsoc ul li a[href*="youtube.com"]:before { content: "\f16a"; } nav.navsoc ul li a[href^="mailto:"]:before { content: "\f0e0"; } nav.navsoc ul li a[href*="spotify.com"]:before { content: "\f1bc"; } nav.navsoc ul li a[href*="twitch.tv"]:before { content: "\f1e8"; } nav.navsoc ul li a[href$="/feed/"]:before { content: "\f143"; } header { width: 100%; overflow: hidden; background-color: #9A2935; position: relative; transform: translateZ(0); -webkit-transform: translateZ(0); background-size: cover; background-image: url(cssimages/defaultheader.jpg); background-repeat: no-repeat; background-position: center center; padding: 0 1em; } header:before { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+25&0.25+0,0.65+100 */ background: rgba(0, 0, 0, 0.5); background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.375) 25%, rgba(0, 0, 0, 0.75) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.375) 25%, rgba(0, 0, 0, 0.75) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(0, 0, 0, 0.375) 25%, rgba(0, 0, 0, 0.75) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ content: ""; display: block; position: absolute; top: 0; bottom: 0; right: 0; left: 0; margin: 0; width: 100%; z-index: 9; } header .innerwrap { position: relative; height: 50vh; padding: 0; min-height: 300px; } .flexbox header .innerwrap { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; flex-direction: row; } header section { padding: 1.25em; width: 100%; mix-blend-mode: screen; word-wrap: break-word; position: absolute; right: 0; left: 0; margin: auto; top: 25%; background: #FFF; text-align: center; z-index: 9; max-width: 800px; } .flexbox header section { flex: 0 0 auto; position: relative; top: 30px; right: auto; left: auto; margin: 0; } header section h2 { margin: 0; font-size: 3em; } header section h3 { line-height: 1.25; padding-left: .125em; margin: .4375em 0 .5em; font-size: 1.0625em; } header section p { font-family: "Sanchez", "Georgia", Times, serif; margin: .5em 0 0; } main { min-height: 50vh; width: 100%; padding: 1em; } main h3.true-title { font-size: 2.125em !important; margin-bottom: .5em; word-wrap: break-word; } main .mainsearch { margin-bottom: 2em; } main article.post-container { border: 1px solid #d9d9d9; word-wrap: break-word; background-color: #FFF; margin-bottom: 1em; } main article.post-container .post-content .post-main { padding: 10%; position: relative; } main article.post-container .post-content .post-main img { border: 0; display: block; margin: 0; padding: 0; width: 100%; } main article.post-container .post-content.photo .post-main a { border: 0; display: block; margin: 0; padding: 0; width: 100%; } .no-js main article.post-container .post-content.photo .post-main { padding: 10%; } main article.post-container .post-content.photo .post-main .photo-container { position: relative; } main article.post-container .post-content.photo .post-main .photo-container .photo-source { display: block; font-family: "Sanchez", "Georgia", Times, serif; font-style: italic; margin-top: .5em; } main article.post-container .post-content.photo .post-main .photo-container .photo-source a { display: inline; font-size: .75em; height: 1.5em; line-height: 1.5; } main article.post-container .post-content.video .post-main { overflow: hidden; } main article.post-container .post-content .post-main + .caption { border-top: 1px solid #d9d9d9; } main article.post-container .post-content.answer .ask-conversation { font-family: "Sanchez", "Georgia", Times, serif; } .flexbox main article.post-container .post-content.answer .ask-conversation { display: flex; flex: wrap; justify-content: flex-start; } main article.post-container .post-content.answer .ask-conversation img { width: 20%; margin-right: 5%; float: left; } .flexbox main article.post-container .post-content.answer .ask-conversation img { align-self: flex-start; float: none; } main article.post-container .post-content.answer .ask-conversation .said { float: left; width: 75%; background: #d9d9d9; padding: 5%; position: relative; z-index: 11; font-style: italic; font-size: .875em; } .flexbox main article.post-container .post-content.answer .ask-conversation .said { float: none; } main article.post-container .post-content.answer .ask-conversation .said:after { content: ""; border-left: 1em solid #d9d9d9; border-top: 1em solid #d9d9d9; position: absolute; left: -.5em; top: 1em; z-index: -1; transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); } main article.post-container .post-content.answer .ask-conversation .said h3.user { font-size: 1rem; font-size: 16px; margin-bottom: .5em; font-style: normal; } main article.post-container .post-content.answer .ask-conversation .said img { width: auto; } .no-js main article.post-container .post-content.video .post-main .video-wrapper { display: none; } main article.post-container .post-content.video .post-main .video-wrapper, main article.post-container .post-content.video .post-main .video-wrapper > div { padding-bottom: 100%; height: 0 !important; width: 100% !important; position: relative; overflow: hidden; } main article.post-container .post-content.video .post-main .video-wrapper iframe, main article.post-container .post-content.video .post-main .video-wrapper video, main article.post-container .post-content.video .post-main .video-wrapper object { padding: 0 !important; position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100% !important; height: 100% !important; max-height: 100% !important; } main article.post-container .post-content.video .post-main .fallback .imgcontain { width: 100%; background-color: #9A2935; background-image: url(cssimages/videoonred.svg); background-size: 50% 50%; background-position: center center; background-repeat: no-repeat; margin-bottom: 1em; } main article.post-container .post-content.video .post-main .fallback .imgcontain.has-thumbnail:after { content: none; padding-bottom: 0; display: none; } main article.post-container .post-content.video .post-main .fallback .imgcontain:after { content: ""; width: 100%; display: block; padding-bottom: 100%; } main article.post-container .post-content.audio .post-main .recordcontainer { overflow: hidden; position: relative; background-color: #9A2935; background-image: url(cssimages/musiconred.svg); background-size: 50% 50%; background-position: center center; background-repeat: no-repeat; margin-bottom: 1em; -webkit-transition: all ease-in-out 3s; -moz-transition: all ease-in-out 3s; -ms-transition: all ease-in-out 3s; -o-transition: all ease-in-out 3s; transition: all ease-in-out 3s; } main article.post-container .post-content.audio .post-main .recordcontainer.has-art { background-image: none; } main article.post-container .post-content.audio .post-main .recordcontainer:after { content: ""; display: block; padding-bottom: 100%; } main article.post-container .post-content.audio .post-main .recordcontainer img { position: absolute; opacity: .75; -webkit-transition: all ease-in-out 2s; -moz-transition: all ease-in-out 2s; -ms-transition: all ease-in-out 2s; -o-transition: all ease-in-out 2s; transition: all ease-in-out 2s; } main article.post-container .post-content.audio .post-main .recordcontainer > .player { position: absolute; z-index: 11; top: 0; right: 0; bottom: 0; left: 0; opacity: .5; margin: auto; width: 25%; height: 25%; max-width: 100px; max-height: 100px; background: #FFF; overflow: hidden; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; -webkit-transition: all ease-in-out 0.5s; -moz-transition: all ease-in-out 0.5s; -ms-transition: all ease-in-out 0.5s; -o-transition: all ease-in-out 0.5s; transition: all ease-in-out 0.5s; } .no-js main article.post-container .post-content.audio .post-main .recordcontainer > .player { display: none; } main article.post-container .post-content.audio .post-main .recordcontainer > .player .tumblr_audio_player { height: 100%; width: 100%; position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto; } main article.post-container .post-content.audio .post-main .recordcontainer:hover img { opacity: 1; transform: scale(1.0625); -o-transform: scale(1.0625); -ms-transform: scale(1.0625); -moz-transform: scale(1.0625); -webkit-transform: scale(1.0625); } main article.post-container .post-content.audio .post-main .recordcontainer:hover > .player { opacity: 1; } main article.post-container .post-content.audio .post-main .audioinfo h3.true-title { margin-bottom: 0; } main article.post-container .post-content.audio .post-main .audioinfo h4.artist { margin: .5em 0; } main article.post-container .post-content.quote h3 { font-family: "Sanchez", "Georgia", Times, serif; font-size: 2.25em; text-align: center; line-height: 1.25; text-transform: none; font-style: italic; margin-bottom: .5em; } main article.post-container .post-content.quote hr { width: 25%; } main article.post-container .post-content.quote .quotesource { text-align: center; } main article.post-container .post-content.chat span { font-family: "Urbanist", "Helvetica", Helvetica, Arial, sans-serif; } main article.post-container .post-content.link > a { display: block; text-decoration: none; background: #9A2935; color: #FFF; } main article.post-container .post-content.link > a * { color: #FFF; } main article.post-container .post-content.link > a .post-main img { margin-bottom: 1em; } main article.post-container .post-content.link > a .post-main .linkhost, main article.post-container .post-content.link > a .post-main .linktitle, main article.post-container .post-content.link > a .post-main .linkexcerpt, main article.post-container .post-content.link > a .post-main .linkauthor { margin-top: .5em; } main article.post-container .post-content.link > a .post-main .linkhost { font-style: italic; font-family: "Urbanist", "Helvetica", Helvetica, Arial, sans-serif; } main article.post-container .post-content.link > a .post-main .linkhost:before { content: "\f08e"; margin-right: .25em; font-style: normal; } main article.post-container .post-content.link > a .post-main .linkexcerpt { font-family: "Sanchez", "Georgia", Times, serif; line-height: 1.125; margin-top: 1em; } main article.post-container .post-content .caption { padding: 10%; } main article.post-container .post-meta { background: #d9d9d9; padding: 0 1em; } main article.post-container .post-meta a { text-decoration: none; } main article.post-container .post-meta a:hover, main article.post-container .post-meta a:focus, main article.post-container .post-meta a:active { text-decoration: underline; } main article.post-container .post-meta ul { font-size: .875em; padding: 1em 0 1em; border-bottom: 1px solid #888; } main article.post-container .post-meta ul:first-child { padding-top: 1em; } main article.post-container .post-meta ul:last-child { padding-bottom: 1em; border-bottom: 0; } main article.post-container .post-meta ul li { display: inline-block; line-height: 1.25; margin-right: .5em; } main article.post-container .post-meta ul li:before { content: "//"; margin-right: .5em; } main article.post-container .post-meta ul li:first-child:before { content: none; } main article.post-container .post-meta ul li:last-child { margin-right: 0; } main article.post-container .post-meta ul.post-tags li { display: inline; line-height: 1.5; } main article.post-container .post-meta ul.post-tags li:before { content: none; } main .post-notes { margin: 3em auto 0; } main .post-notes ol li { padding: 1em 0 1em 1.5em; position: relative; line-height: 1.25; border-top: 1px solid #d9d9d9; } main .post-notes ol li:last-child { border-bottom: 1px solid #d9d9d9; } main .post-notes ol li.more_notes_link_container { border-bottom: 0; padding: 1em 0 1em 0; } main .post-notes ol li.more_notes_link_container a.more_notes_link { display: block; margin: 1em auto; } main .post-notes ol li.more_notes_link_container .notes_loading { display: block; height: 3.125em; line-height: 3.125em; } main .post-notes ol li a { font-family: "Urbanist", "Helvetica", Helvetica, Arial, sans-serif; } main .post-notes ol li a.avatar_frame { position: absolute; top: 1em; left: 0; } main .post-notes ol li blockquote { margin: 1em 0 0; } main .post-notes ol li blockquote a { display: block; padding: 1em; color: #333; background: #d9d9d9; font-family: "Sanchez", "Georgia", Times, serif; font-style: italic; text-decoration: none; } main .post-notes ol li blockquote a:hover, main .post-notes ol li blockquote a:focus, main .post-notes ol li blockquote a:active { color: #9A2935; } main .pagination { text-align: center; margin: 2em auto; text-align: center; position: relative; } main .pagination.single { font-size: .875em; /* blog specific */ } main .pagination.single a.next { float: right; } main .pagination.single a.prev { float: left; } main .pagination a, main .pagination span { display: none; padding: .75em; text-decoration: none; vertical-align: middle; font-family: "Urbanist", "Helvetica", Helvetica, Arial, sans-serif; text-transform: uppercase; font-size: 1em; transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; -webkit-transition: all .25s ease-in-out; } main .pagination a.prev, main .pagination a.next, main .pagination span.prev, main .pagination span.next { display: inline-block; letter-spacing: .125em; } main .pagination a { position: relative; z-index: 1; overflow: hidden; } main .pagination a.next:before, main .pagination a.next:after, main .pagination a.prev:before, main .pagination a.prev:after { content: ""; display: block; position: absolute; bottom: 0; top: 0; height: 100%; margin: auto; transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; -webkit-transition: all .25s ease-in-out; } main .pagination a.next:before, main .pagination a.prev:before { width: 0%; z-index: -1; background: #9A2935; } main .pagination a.next:after, main .pagination a.prev:after { border-top: 0.075em solid #9A2935; border-left: 0.075em solid #9A2935; text-indent: 0; font-size: 2em; width: .5em; height: .5em; background: none; } main .pagination a.next:hover, main .pagination a.next:focus, main .pagination a.next:active, main .pagination a.prev:hover, main .pagination a.prev:focus, main .pagination a.prev:active { color: #FFF; } main .pagination a.next:hover:before, main .pagination a.next:focus:before, main .pagination a.next:active:before, main .pagination a.prev:hover:before, main .pagination a.prev:focus:before, main .pagination a.prev:active:before { width: 100%; } main .pagination a.next:hover:after, main .pagination a.next:focus:after, main .pagination a.next:active:after, main .pagination a.prev:hover:after, main .pagination a.prev:focus:after, main .pagination a.prev:active:after { width: .5em; height: .5em; } main .pagination a.next { padding: .75em 1.5em .75em .625em; float: right; } main .pagination a.next:hover:before, main .pagination a.next:active:before, main .pagination a.next:focus:before { left: 0; right: auto; } main .pagination a.next:hover:after, main .pagination a.next:active:after, main .pagination a.next:focus:after { border-top: 0.075em solid #FFF; border-left: 0.075em solid #FFF; left: auto; right: .375em; } main .pagination a.next:before { right: 0; left: auto; } main .pagination a.next:after { left: auto; right: .375em; transform: rotate(135deg); -o-transform: rotate(135deg); -ms-transform: rotate(135deg); -moz-transform: rotate(135deg); -webkit-transform: rotate(135deg); } main .pagination a.prev { padding: .75em .5em .75em 1.625em; float: left; } main .pagination a.prev:hover:before, main .pagination a.prev:active:before, main .pagination a.prev:focus:before { right: 0; left: auto; } main .pagination a.prev:hover:after, main .pagination a.prev:active:after, main .pagination a.prev:focus:after { border-top: 0.075em solid #FFF; border-left: 0.075em solid #FFF; right: auto; left: .375em; } main .pagination a.prev:before { left: 0; right: auto; } main .pagination a.prev:after { right: auto; left: .375em; transform: rotate(315deg); -o-transform: rotate(315deg); -ms-transform: rotate(315deg); -moz-transform: rotate(315deg); -webkit-transform: rotate(315deg); } main .pagination span.current { position: relative; overflow: hidden; z-index: 0; background: transparent; transition: .125s all ease-in-out; -moz-transition: .125s all ease-in-out; -o-transition: .125s all ease-in-out; -webkit-transition: .125s all ease-in-out; } main .pagination span.current:before, main .pagination span.current:after { content: ""; position: absolute; width: 0%; background: #9A2935; top: 0; bottom: 0; z-index: -1; height: 100%; transition: .25s all ease-in-out; -moz-transition: .25s all ease-in-out; -o-transition: .25s all ease-in-out; -webkit-transition: .25s all ease-in-out; } main .pagination span.current:before { left: 0; right: auto; } main .pagination span.current:after { right: 0; left: auto; } main .pagination span.current:hover, main .pagination span.current:active, main .pagination span.current:focus { color: #FFF; } main .pagination span.current:hover:before, main .pagination span.current:hover:after, main .pagination span.current:active:before, main .pagination span.current:active:after, main .pagination span.current:focus:before, main .pagination span.current:focus:after { width: 50.1%; } main .pagination span.current:hover:before, main .pagination span.current:active:before, main .pagination span.current:focus:before { left: auto; right: 50%; } main .pagination span.current:hover:after, main .pagination span.current:active:after, main .pagination span.current:focus:after { right: auto; left: 50%; } main .pagination span.current.current { color: #333; } main .pagination span.current.current { color: #000; } main .pagination span.current.current:before, main .pagination span.current.current:after { width: 50.1%; background: #d9d9d9; } main .pagination span.current.current:before { left: auto; right: 50%; } main .pagination span.current.current:after { right: auto; left: 50%; } main .pagination span.current.current:hover, main .pagination span.current.current:active { background: #EEE; } main .pagination span.current.current:hover:before, main .pagination span.current.current:hover:after, main .pagination span.current.current:active:before, main .pagination span.current.current:active:after { width: 0%; } main .pagination span.current.current:hover:before, main .pagination span.current.current:active:before { left: 0; right: auto; } main .pagination span.current.current:hover:after, main .pagination span.current.current:active:after { right: 0; left: auto; } aside { width: 100%; border-top: 1px solid #d9d9d9; text-align: center; } aside .aside-content { padding: 5%; } aside h3.true-title { font-size: 1.75em; margin-bottom: 0; } aside h3.true-title, aside h3.true-title a { color: #000; } aside h3.true-title a:hover, aside h3.true-title a:focus, aside h3.true-title a:active { color: #000; } aside ul li li { margin-left: 1em; } aside ul li li:before { content: "- "; } aside figure, aside nav { margin: 0 auto 1.75em; line-height: 1.75; max-width: 300px; } aside figure { font-size: .875em; font-family: "Sanchez", "Georgia", Times, serif; } aside figure img { margin: 0 auto 2em; } footer { background: #000; color: #FFF; width: 100%; padding: 2em 1em; position: relative; border-top: 10px solid #9A2935; } footer:after { content: ""; display: block; background-image: url(cssimages/bullet.svg); background-size: 50px 50px; width: 25px; height: 50px; position: absolute; top: -30px; right: 0; } footer #copy { color: #888; text-align: center; } footer #copy a { color: #888; text-decoration: underline; } footer #copy a:hover, footer #copy a:focus, footer #copy a:active { color: #c23443; } @media only screen and (min-width: 400px) { header section h2 { font-size: 3em; padding-left: .125em; } .single header section h2 { font-size: 2em; } .single.single-work header section h2 { font-size: 2.5em; } .front-contact nav.navsoc ul li a:before { font-size: 3rem; font-size: 48px; } } @media only screen and (max-width: 799px) and (min-height: 380px) { .js body #menuHook:before, .js body #menuHook:after { content: ""; position: fixed; display: block; background: #FFF; width: 0%; top: 0; z-index: 997; bottom: 0; transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; -webkit-transition: all .25s ease-in-out; } .js body #menuHook:before { right: 0; left: auto; } .js body #menuHook:after { right: auto; left: 0; } .js body.navigation-open { overflow: hidden; } .js body.navigation-open #menuHook > nav { box-shadow: none; } .js body.navigation-open #menuHook:before, .js body.navigation-open #menuHook:after { width: 50%; } .js nav.navtop { position: fixed; } nav.navtop #navtop-menu-container { background: none; position: fixed; /* limit */ top: 0; /* limit */ bottom: 0; /* limit */ padding-top: 60px; /* limit */ width: 100%; /* limit */ clear: both; /* limit */ z-index: 998; transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; /* limit */ } .no-js nav.navtop #navtop-menu-container.active, nav.navtop #navtop-menu-container.active { transition: all .5s ease-in-out .25s; -moz-transition: all .5s ease-in-out .25s; -o-transition: all .5s ease-in-out .25s; -webkit-transition: all .5s ease-in-out .25s; } .flexbox nav.navtop #navtop-menu-container { display: flex; flex-wrap: wrap; align-items: stretch; } .no-flexbox.js nav.navtop #navtop-menu-container.active { overflow-y: scroll; overflow-y: overlay; } .js nav.navtop #navtop-menu-container.active { height: 100%; /* limit */ height: 100vh; /* limit */ } .no-js nav.navtop #navtop-menu-container { height: auto; position: static; padding: 0; } nav.navtop #navtop-menu-container .navtop-menu { overflow-y: scroll; overflow-y: overlay; /* limit */ } .flexbox nav.navtop #navtop-menu-container .navtop-menu { display: flex; flex-wrap: nowrap; align-items: center; flex-direction: column; } .flexbox nav.navtop #navtop-menu-container .navtop-menu:before, .flexbox nav.navtop #navtop-menu-container .navtop-menu:after { content: ''; /* Insert pseudo-element */ margin: auto; /* Make it push flex items to the center */ } .flexbox nav.navtop #navtop-menu-container .navtop-menu .menu-list, .flexbox nav.navtop #navtop-menu-container .navtop-menu .searchbar { flex: 0 0 0; } } @media only screen and (min-width: 601px) { header .innerwrap { padding: 0 2em; min-height: 400px; } header section { max-width: 500px; padding: 2em; } header section h2 { margin: 0; font-size: 4em; } main { padding: 3em 5%; } main h3.true-title { font-size: 2.25em !important; } .flexbox main article.post-container .post-content.audio .post-main { display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap; } main article.post-container .post-content.audio .post-main .recordcontainer { float: left; width: 45%; margin-bottom: 0; } main article.post-container .post-content.audio .post-main .audioinfo { padding-left: 55%; } .flexbox main article.post-container .post-content.audio .post-main .audioinfo { display: block; align-self: center; width: 50%; margin-left: 5%; flex: 0 0 auto; padding: 0; } } @media only screen and (min-width: 800px) { .logo a { line-height: 80px; } .flexbox .container { display: flex; flex-wrap: wrap; justify-content: center; align-items: stretch; } header { background-attachment: fixed; } header .innerwrap { min-height: 500px; } header section { width: 90%; max-width: 650px; padding: 2em; } header section h2 { font-size: 5em; } .navtop .innerwrap { height: 60px; min-height: 0; } footer .innerwrap { padding: 2em 0; } nav.navtop, .no-js nav.navtop { position: fixed; } nav.navtop .logo, .no-js nav.navtop .logo { float: left; height: 80px; margin-left: 1em; } nav.navtop #navtop-menu-container, nav.navtop #navtop-menu-container.active, .no-js nav.navtop #navtop-menu-container { border: 0; position: relative; opacity: 1; box-shadow: none; display: block; clear: none; width: 75%; max-width: 1200px; float: right; overflow: visible; z-index: 8; max-height: none; text-align: right; background: none; } nav.navtop #navtop-menu-container .navtop-menu, nav.navtop #navtop-menu-container.active .navtop-menu, .no-js nav.navtop #navtop-menu-container .navtop-menu { padding: 0; float: right; background: transparent; min-height: 0; min-width: 0; white-space: nowrap; } nav.navtop #navtop-menu-container .navtop-menu .searchbar, nav.navtop #navtop-menu-container.active .navtop-menu .searchbar, .no-js nav.navtop #navtop-menu-container .navtop-menu .searchbar { min-width: 0; margin: 0; overflow: hidden; position: absolute; left: auto; z-index: 9; height: 80px; right: 3em; width: 0%; opacity: 1; } nav.navtop #navtop-menu-container .navtop-menu .searchbar.active, nav.navtop #navtop-menu-container.active .navtop-menu .searchbar.active, .no-js nav.navtop #navtop-menu-container .navtop-menu .searchbar.active { width: 40%; min-width: 400px; } .no-js nav.navtop #navtop-menu-container .navtop-menu .searchbar, .no-js nav.navtop #navtop-menu-container.active .navtop-menu .searchbar, .no-js .no-js nav.navtop #navtop-menu-container .navtop-menu .searchbar { opacity: 1; width: 30%; border-left: 1px solid #888; border-top: 0; position: static; max-height: none; float: left; background-color: rgba(255, 255, 255, 0.9); } nav.navtop #navtop-menu-container .navtop-menu .searchbar input[name="q"], nav.navtop #navtop-menu-container.active .navtop-menu .searchbar input[name="q"], .no-js nav.navtop #navtop-menu-container .navtop-menu .searchbar input[name="q"] { /**/ border-bottom: 0; background-position: right .25em center; text-align: right; padding-right: 2.25em; height: 80px; line-height: 80px; } nav.navtop #navtop-menu-container .navtop-menu .menu-list, nav.navtop #navtop-menu-container.active .navtop-menu .menu-list, .no-js nav.navtop #navtop-menu-container .navtop-menu .menu-list { margin-right: 1rem; margin-right: 16px; font-size: 0; width: auto; float: right; max-width: 90%; text-align: right; white-space: nowrap; opacity: 1; transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; } .no-js nav.navtop #navtop-menu-container .navtop-menu .menu-list, .no-js nav.navtop #navtop-menu-container.active .navtop-menu .menu-list, .no-js .no-js nav.navtop #navtop-menu-container .navtop-menu .menu-list { width: 70%; float: left; margin-right: 0; padding-right: .5rem; font-size: 8px; } nav.navtop #navtop-menu-container .navtop-menu .menu-list li, nav.navtop #navtop-menu-container.active .navtop-menu .menu-list li, .no-js nav.navtop #navtop-menu-container .navtop-menu .menu-list li { white-space: initial; min-width: 0; } nav.navtop #navtop-menu-container .navtop-menu .menu-list li a, nav.navtop #navtop-menu-container.active .navtop-menu .menu-list li a, .no-js nav.navtop #navtop-menu-container .navtop-menu .menu-list li a { height: auto; } .js nav.navtop #navtop-menu-container .navtop-menu .menu-list.giveway-to-active, .js nav.navtop #navtop-menu-container.active .navtop-menu .menu-list.giveway-to-active, .js .no-js nav.navtop #navtop-menu-container .navtop-menu .menu-list.giveway-to-active { opacity: 0; overflow: hidden; width: 0; } nav.navtop #navtop-menu-container .navtop-menu .menu-list > li, nav.navtop #navtop-menu-container.active .navtop-menu .menu-list > li, .no-js nav.navtop #navtop-menu-container .navtop-menu .menu-list > li { display: inline-block; font-size: 1rem; font-size: 16px; line-height: 80px; position: relative; border-bottom: 0; padding: 0 1em; /**/ } .no-js nav.navtop #navtop-menu-container .navtop-menu .menu-list > li, .no-js nav.navtop #navtop-menu-container.active .navtop-menu .menu-list > li, .no-js .no-js nav.navtop #navtop-menu-container .navtop-menu .menu-list > li { padding: 0 .5em; } nav.navtop #navtop-menu-container .navtop-menu .menu-list > li:first-child, nav.navtop #navtop-menu-container.active .navtop-menu .menu-list > li:first-child, .no-js nav.navtop #navtop-menu-container .navtop-menu .menu-list > li:first-child { border: 0; } nav.navtop #navtop-menu-container .navtop-menu .menu-list > li > ul, nav.navtop #navtop-menu-container.active .navtop-menu .menu-list > li > ul, .no-js nav.navtop #navtop-menu-container .navtop-menu .menu-list > li > ul { opacity: 0; max-height: 0px; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.25); overflow: hidden; position: absolute; top: 100%; right: 0; left: 0; height: auto; margin: auto; display: block; font-size: .75rem; font-size: 12px; min-width: 100%; background: rgba(255, 255, 255, 0.9); transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; } nav.navtop #navtop-menu-container .navtop-menu .menu-list > li > ul li, nav.navtop #navtop-menu-container.active .navtop-menu .menu-list > li > ul li, .no-js nav.navtop #navtop-menu-container .navtop-menu .menu-list > li > ul li { text-align: left; display: block; border-bottom: 1px solid #d9d9d9; line-height: 0px; /***/ height: auto; padding: 0 1em; transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; -webkit-transition: all .25s ease-in-out; } nav.navtop #navtop-menu-container .navtop-menu .menu-list > li > ul li:last-child, nav.navtop #navtop-menu-container.active .navtop-menu .menu-list > li > ul li:last-child, .no-js nav.navtop #navtop-menu-container .navtop-menu .menu-list > li > ul li:last-child { border-bottom: 0; } nav.navtop #navtop-menu-container .navtop-menu .menu-list > li > ul li ul, nav.navtop #navtop-menu-container.active .navtop-menu .menu-list > li > ul li ul, .no-js nav.navtop #navtop-menu-container .navtop-menu .menu-list > li > ul li ul { position: relative; height: auto; border-top: 1px solid #d9d9d9; } nav.navtop #navtop-menu-container .navtop-menu .menu-list > li > ul li ul li, nav.navtop #navtop-menu-container.active .navtop-menu .menu-list > li > ul li ul li, .no-js nav.navtop #navtop-menu-container .navtop-menu .menu-list > li > ul li ul li { padding-right: 0; } nav.navtop #navtop-menu-container .navtop-menu .menu-list > li:hover > ul, nav.navtop #navtop-menu-container.active .navtop-menu .menu-list > li:hover > ul, .no-js nav.navtop #navtop-menu-container .navtop-menu .menu-list > li:hover > ul { max-height: 5000px; opacity: 1; } nav.navtop #navtop-menu-container .navtop-menu .menu-list > li:hover > ul li, nav.navtop #navtop-menu-container.active .navtop-menu .menu-list > li:hover > ul li, .no-js nav.navtop #navtop-menu-container .navtop-menu .menu-list > li:hover > ul li { line-height: 40px; /***/ } nav.navtop #navtop-menu-container .navtop-menu .menu-list > li:hover > a, nav.navtop #navtop-menu-container.active .navtop-menu .menu-list > li:hover > a, .no-js nav.navtop #navtop-menu-container .navtop-menu .menu-list > li:hover > a { color: #FFF; } nav.navtop #navtop-menu-container .navtop-menu .menu-list > li:hover > a:before, nav.navtop #navtop-menu-container .navtop-menu .menu-list > li:hover > a:after, nav.navtop #navtop-menu-container.active .navtop-menu .menu-list > li:hover > a:before, nav.navtop #navtop-menu-container.active .navtop-menu .menu-list > li:hover > a:after, .no-js nav.navtop #navtop-menu-container .navtop-menu .menu-list > li:hover > a:before, .no-js nav.navtop #navtop-menu-container .navtop-menu .menu-list > li:hover > a:after { width: 50%; background: #9A2935; } nav.navtop #navtop-menu-container .navtop-menu .menu-list > li:hover > a:before, nav.navtop #navtop-menu-container.active .navtop-menu .menu-list > li:hover > a:before, .no-js nav.navtop #navtop-menu-container .navtop-menu .menu-list > li:hover > a:before { left: auto; right: 50%; } nav.navtop #navtop-menu-container .navtop-menu .menu-list > li:hover > a:after, nav.navtop #navtop-menu-container.active .navtop-menu .menu-list > li:hover > a:after, .no-js nav.navtop #navtop-menu-container .navtop-menu .menu-list > li:hover > a:after { right: auto; left: 50%; } nav.navtop #navtop-menu-container #toggle-topsearch { display: block; float: right; position: relative; top: auto; bottom: auto; right: 1em; left: auto; } .no-js nav.navtop #navtop-menu-container #toggle-topsearch { display: none; } nav.navtop #toggle-navtop { display: none; } main { float: left; width: 65%; padding: 3.5em 2em; } .flexbox main { flex: 0 0 auto; float: none; } main .pagination a, main .pagination a.single, main .pagination span, main .pagination span.single { font-size: 1.25em; } main article.post-container .post-content.photo .post-main .photo-container { overflow: hidden; } main article.post-container .post-content.photo .post-main .photo-container .photo-source { position: absolute; left: 0; bottom: -2em; opacity: 0; margin: 0; max-width: 85%; background: #FFF; transition: all ease-in-out .25s; -moz-transition: all ease-in-out .25s; -o-transition: all ease-in-out .25s; -webkit-transition: all ease-in-out .25s; } main article.post-container .post-content.photo .post-main .photo-container .photo-source a { font-size: 8.75rem; font-size: 14px; display: block; padding: 1.25em; line-height: 1; height: auto; } main article.post-container .post-content.photo .post-main .photo-container:hover .photo-source, main article.post-container .post-content.photo .post-main .photo-container:focus .photo-source { opacity: 1; bottom: 0; } aside { float: right; text-align: left; width: 35%; border-top: 0; } aside .aside-content { padding: 3.5em 2em; } .flexbox aside { flex: 0 0 auto; min-height: 100vh; float: none; border-left: 1px solid #d9d9d9; } aside .sticky_aside { position: absolute; width: 100%; height: 0; max-width: 1400px; top: 0; right: 0; left: 0; margin: 0; } aside .sticky_aside .aside-content { width: 35%; float: right; } .js aside .sticky_aside.is_static { position: static; width: 100%; float: left; } .js aside .sticky_aside.is_bottom { height: 0; position: absolute; top: 0; bottom: 0; width: 100%; } .js aside .sticky_aside.is_bottom .aside-content { width: 35%; float: right; } .js aside .sticky_aside.is_sticky { height: 0; position: fixed; width: 100%; right: 0; left: 0; margin: auto; } .js aside .sticky_aside.is_sticky .aside-content { width: 35%; float: right; border-left: 1px solid transparent; } .js aside .sticky_aside .aside-content { width: 100%; float: none; border-left: 0; } footer { padding: 0; } }