.at-only:not(:focus):not(:active) { clip: rect(0 0 0 0); clip-path: inset(100%); height: 1px; overflow: hidden; position: absolute; white-space: nowrap; width: 1px; }

.button, button { border-radius: 0; border: none; font-family: inherit; font-size: inherit; background: #000000; color: #ffffff; padding: .5rem; font-weight: bold; margin: 0; text-decoration: none; }

html, body { margin: 0; }

body { font-family: "franklin-gothic-urw", sans-serif; }

h1 { font-family: "din-2014", sans-serif; font-weight: 600; text-transform: uppercase; font-size: 2.4rem; margin: 0; }

h2 { font-size: 1.2rem; }

h2 a { color: #000000; text-decoration: none; }

h2 a:hover { text-decoration: underline; }

.metadata { margin-top: -1rem; margin-bottom: 1rem; }

header { font-family: "din-2014", sans-serif; font-style: normal; font-weight: 600; text-transform: uppercase; }

.buyPrint { display: inline-block; padding: .25rem .5rem; }

.logo { font-weight: inherit; font-size: 2em; text-align: right; }

.logo span { display: inline-block; background: #000000; color: #ffffff; margin-bottom: .2em; float: left; clear: both; font-size: 1.2em; padding-left: 1em; padding-right: .3em; }

.logo a { text-decoration: none; }

@media (max-width: 500px) { .logo span { font-size: 8vw; } }

/* Owl Carousel - Core */
.owl-carousel { display: none; width: 100%; -webkit-tap-highlight-color: transparent; /* position relative and z-index fix webkit rendering fonts issue */ position: relative; z-index: 1; }

.owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; touch-action: manipulation; -moz-backface-visibility: hidden; /* fix firefox animation glitch */ }

.owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }

.owl-carousel .owl-stage-outer { position: relative; overflow: hidden; /* fix for flashing background */ -webkit-transform: translate3d(0px, 0px, 0px); }

.owl-carousel .owl-wrapper, .owl-carousel .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); }

.owl-carousel .owl-item { position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; }

.owl-carousel .owl-item img { display: block; width: 100%; }

.owl-carousel .owl-nav.disabled, .owl-carousel .owl-dots.disabled { display: none; }

.owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-dot { cursor: pointer; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next, .owl-carousel button.owl-dot { background: none; color: inherit; border: none; padding: 0 !important; font: inherit; }

.owl-carousel.owl-loaded { display: block; }

.owl-carousel.owl-loading { opacity: 0; display: block; }

.owl-carousel.owl-hidden { opacity: 0; }

.owl-carousel.owl-refresh .owl-item { visibility: hidden; }

.owl-carousel.owl-drag .owl-item { touch-action: pan-y; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.owl-carousel.owl-grab { cursor: move; cursor: grab; }

.owl-carousel.owl-rtl { direction: rtl; }

.owl-carousel.owl-rtl .owl-item { float: right; }

/* No Js */
.no-js .owl-carousel { display: block; }

/* Owl Carousel - Animate Plugin */
.owl-carousel .animated { animation-duration: 1000ms; animation-fill-mode: both; }

.owl-carousel .owl-animated-in { z-index: 0; }

.owl-carousel .owl-animated-out { z-index: 1; }

.owl-carousel .fadeOut { animation-name: fadeOut; }

@keyframes fadeOut { 0% { opacity: 1; }
  100% { opacity: 0; } }

/* Owl Carousel - Auto Height Plugin */
.owl-height { transition: height 500ms ease-in-out; }

/* Owl Carousel - Lazy Load Plugin */
.owl-carousel .owl-item { /** This is introduced due to a bug in IE11 where lazy loading combined with autoheight plugin causes a wrong calculation of the height of the owl-item that breaks page layouts */ }

.owl-carousel .owl-item .owl-lazy { opacity: .0; transition: opacity 400ms ease; }

.owl-carousel .owl-item .owl-lazy[src^=""], .owl-carousel .owl-item .owl-lazy:not([src]) { max-height: 0; }

.owl-carousel .owl-item img.owl-lazy { transform-style: preserve-3d; }

/* Owl Carousel - Video Plugin */
.owl-carousel .owl-video-wrapper { position: relative; height: 100%; background: #000; }

.owl-carousel .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url("owl.video.play.png") no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; transition: transform 100ms ease; }

.owl-carousel .owl-video-play-icon:hover { transform: scale(1.3, 1.3); }

.owl-carousel .owl-video-playing .owl-video-tn, .owl-carousel .owl-video-playing .owl-video-play-icon { display: none; }

.owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: contain; transition: opacity 400ms ease; }

.owl-carousel .owl-video-frame { position: relative; z-index: 1; height: 100%; width: 100%; }

/* Default theme - Owl Carousel CSS File */
.owl-theme .owl-nav { margin-top: 10px; text-align: center; -webkit-tap-highlight-color: transparent; }

.owl-theme .owl-nav [class*='owl-'] { color: #FFF; font-size: 14px; margin: 5px; padding: 4px 7px; background: #D6D6D6; display: inline-block; cursor: pointer; border-radius: 3px; }

.owl-theme .owl-nav [class*='owl-']:hover { background: #869791; color: #FFF; text-decoration: none; }

.owl-theme .owl-nav .disabled { opacity: 0.5; cursor: default; }

.owl-theme .owl-nav.disabled + .owl-dots { margin-top: 10px; }

.owl-theme .owl-dots { text-align: center; -webkit-tap-highlight-color: transparent; }

.owl-theme .owl-dots .owl-dot { display: inline-block; zoom: 1; *display: inline; }

.owl-theme .owl-dots .owl-dot span { width: 10px; height: 10px; margin: 5px 7px; background: #D6D6D6; display: block; -webkit-backface-visibility: visible; transition: opacity 200ms ease; border-radius: 30px; }

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span { background: #869791; }

.owl-carousel .owl-stage-outer { height: 100%; }

.owl-carousel .owl-stage { height: inherit; }

.owl-item { height: inherit; }

.owl-item .slide { height: inherit; margin-right: 1px; }

.owl-item figure { height: inherit; margin: 0; display: grid; grid-template-rows: calc(100% - 6rem) 6rem; }

.owl-item img { max-height: 100%; max-width: 100%; object-fit: scale-down; object-position: 50%; display: inline-flex; }

.owl-nav { display: none; position: absolute; pointer-events: none; top: 0; left: 0; width: 100%; height: 85%; }

.slideshow:hover .owl-nav { display: flex; justify-content: space-between; }

.owl-nav button { display: flex; pointer-events: all; top: 0; width: 25%; height: 50%; align-items: center; align-self: center; cursor: pointer; }

.owl-nav button.owl-next { justify-content: flex-end; }

.owl-nav button span { display: block; pointer-events: none; height: 3rem; width: 2rem; align-self: center; position: relative; text-indent: -999rem; background: rgba(0, 0, 0, 0.3); }

.owl-nav button:hover span { background: black; }

.owl-nav button span:before { content: ""; display: block; height: 1rem; width: 1rem; position: absolute; top: 50%; left: 50%; margin-top: -.5rem; margin-left: -.5rem; border: 2px solid white; transform: rotate(45deg); }

.owl-nav button.owl-prev span:before { border-width: 0 0 2px 2px; }

.owl-nav button.owl-next span:before { border-width: 2px 2px 0 0; }

.owl-carousel .owl-dots { margin-top: 1rem; }

.owl-carousel .owl-dots button.owl-dot { height: 1rem; width: 1rem; margin: 0 1rem .5rem 0; background: #000000; }

.owl-carousel .owl-dots button.owl-dot.active { outline: 2px solid #000000; outline-offset: 2px; }

@media (max-width: 800px) { main.gallery .owl-carousel .owl-dots { margin: 1rem 1rem 0 1rem; } }

#navToggle { display: none; }

header nav ul { list-style: none; clear: both; padding: 0; }

header nav li { font-size: 1em; position: relative; height: auto; overflow: hidden; }

header nav li .menuItem { display: inline-block; background: #ffffff; color: #000000; text-decoration: none; padding: .25em .5rem; white-space: nowrap; font-weight: 600; text-transform: uppercase; /*  transition: all .5s; */ }

header nav li .menuItem:hover, header nav li.currentPage .menuItem { background: #000000; color: #ffffff; }

header nav li .menuItem:hover:after { color: #ffffff; }

header nav li ul { display: none; margin-top: .2em; }

header nav li ul li { font-size: 1em; }

header nav li ul li .menuItem { display: inline-block; }

header nav li.hasChildren > .menuItem:after { content: " +"; font-weight: 400; }

header nav li.hasChildren.expanded > .menuItem:after { content: " -"; }

footer nav ul { padding: 0; margin: 0; }

footer nav li { background-color: #ffffff; padding-left: 2.5rem; }

footer nav li:hover { background-color: #000000; color: #ffffff; }

li#instagram { width: 4rem; display: block; }

li#instagram a { display: block; height: 3rem; width: 100%; padding: .5rem; box-sizing: border-box; background-image: url(/assets/images/instagram.svg); filter: brightness(0); background-repeat: no-repeat; background-size: 25px 25px; background-position: .5rem center; text-indent: -999em; }

li#instagram:hover a { filter: brightness(1000); }

body { display: grid; grid-template-areas: "sidebar main"; grid-template-columns: minmax(14rem, 25vw) auto; }

header { grid-area: sidebar; }

main { width: 100%; grid-area: main; border-top: 1rem solid #000000; display: grid; grid-template-areas: "intro spacer" "article spacer" "slideshow spacer" "comments spacer"; grid-template-columns: minmax(30vw, calc(100vw - 14rem - 1rem)) minmax(1rem, 1fr); }

header nav li .menuItem { padding-left: 2.5rem; }

header nav li ul li .menuItem { padding-left: 3.5rem; }

footer { position: fixed; bottom: 1em; left: 0; width: 12rem; z-index: 1; }

article, #mosaic { max-width: 1000px; margin-left: 0; }

article { grid-area: article; }

article.blogPost { grid-area: auto; grid-column: 1; }

article.gallery-intro { grid-area: intro; }

.excerpt_photo { width: 250px; height: auto; }

article img { max-width: 1000px; width: 100%; }

article figure { margin: 0; }

figcaption { margin: .5rem 0; }

figcaption .title { font-weight: bold; }

figcaption .locationYear { display: block; }

figcaption .buyPrint { margin-top: 1rem; }

.slideshow, #mosaic { grid-area: slideshow; }

main.gallery { grid-template-areas: "intro spacer" "slideshow spacer" "thumbnails spacer" "comments spacer"; grid-template-rows: minmax(0, auto) calc(70vh - 1rem) 10vh minmax(0, auto); }

.comments { grid-area: comments; }

.thumbnails { grid-area: thumbnails; display: flex; flex-wrap: wrap; }

.thumbnail { margin: 0 1rem .5rem 0; }

.thumbnail figure { margin: 0; }

.thumbnail figcaption { height: 0; width: 0; margin: 0; overflow: hidden; }

.thumbnail img { height: 30px; width: 30px; object-fit: cover; object-position: 50%; }

.thumbnail.active img { outline: 2px solid #000000; outline-offset: 2px; }

.slide figure { background: url(../images/ajax-loader.gif) center calc(50% - 50px) no-repeat; }

@media (max-width: 500px) { main.gallery { grid-template-rows: 1fr calc(63vh - 3rem) minmax(0, auto); } }

@media (min-width: 500px) and (max-width: 800px) { main.gallery { grid-template-rows: 1fr calc(70vh - 3rem) minmax(0, auto); } }

@media (max-width: 800px) { body { grid-template-areas: "sidebar" "main"; grid-template-columns: 100%; } header .logo { display: inline-block; box-sizing: border-box; background: #000000; width: 100%; padding-left: 4rem; min-height: 3rem; } header .logo a span { clear: none; padding-left: 0; margin-bottom: 0; } header nav ul { display: none; } #navToggle { display: block; height: 3rem; width: 3rem; padding: .3rem; background: black; color: white; box-sizing: border-box; font-size: 1rem; text-indent: -999em; position: absolute; top: 0; left: 0; } #navToggle:after { content: "\2630"; position: absolute; top: 0; left: 0; display: block; height: 3rem; width: 3rem; text-indent: 0; text-align: center; font-size: 2rem; } main { grid-template-areas: "intro" "article" "slideshow" "comments"; grid-template-columns: 100%; width: calc(100% - 2rem); border-top: none; margin: 0 1rem; } main.gallery { width: 100%; margin: 0; } main.gallery article.gallery-intro { margin: 0 1rem; } main.gallery figcaption { margin: .5rem 1rem; } footer nav li { background: #000000; } li#instagram a { filter: brightness(100); } }

.theater { background: black; color: white; grid-template-columns: 0 100%; }

.theater header, .theater footer { display: none; }

.theater main.gallery { grid-template-columns: 100% 0; grid-template-rows: 0 calc(90vh - 1rem) 0; }

.theater main.gallery article.gallery-intro { display: none; }

.theater main.gallery article, .theater main.gallery .slideshow { max-width: unset; }

.theater main.gallery figure img { align-self: center; }

.theater main.gallery figure figcaption { margin: .5rem 1rem; }

.theater .buyPrint { background: white; color: black; }

.theater .owl-carousel .owl-dots { margin: 1rem 1rem 0 1rem; }

.theater .owl-carousel .owl-dots button.owl-dot { background: #ffffff; }

.theater .owl-carousel .owl-dots button.owl-dot.active { outline-color: #ffffff; }

.theater .thumbnails { margin-left: 1rem; }

.theater .thumbnail.active img { outline-color: #ffffff; }

@media (max-width: 800px) { body.theater { grid-template-areas: "sidebar" "main"; grid-template-columns: 100%; } }

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