@charset "UTF-8";
/*!
Theme Name: dy
Theme URI: http://underscores.me/
Author: Nimrod Barshad
Author URI: http://nimrodbarshad.com
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: dy
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

dy is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
html {
  font-family: sans-serif;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

body {
  margin: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
  display: block;
}

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}

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

[hidden],
template {
  display: none;
}

a {
  background-color: transparent;
}

a:active,
a:hover {
  outline: 0;
}

abbr[title] {
  border-bottom: 1px dotted;
}

b,
strong {
  font-weight: bold;
}

dfn {
  font-style: italic;
}

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

mark {
  background: #ff0;
  color: #000;
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

img {
  border: 0;
}

svg:not(:root) {
  overflow: hidden;
}

figure {
  margin: 1em 40px;
}

hr {
  box-sizing: content-box;
  height: 0;
}

pre {
  overflow: auto;
}

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

button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}

button {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
  -webkit-appearance: button;
  cursor: pointer;
}

button[disabled],
html input[disabled] {
  cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

input {
  line-height: normal;
}

input[type=checkbox],
input[type=radio] {
  box-sizing: border-box;
  padding: 0;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  height: auto;
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

legend {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
}

optgroup {
  font-weight: bold;
}

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

td,
th {
  padding: 0;
}

/*--------------------------------------------------------------
# Photoswipe
--------------------------------------------------------------*/
/*! PhotoSwipe Default UI CSS by Dmitry Semenov | photoswipe.com | MIT license */
/*

	Contents:

	1. Buttons
	2. Share modal and links
	3. Index indicator ("1 of X" counter)
	4. Caption
	5. Loading indicator
	6. Additional styles (root element, top bar, idle state, hidden state, etc.)

*/
/*

	1. Buttons

 */
/* <button> css reset */
.pswp__button {
  width: 44px;
  height: 44px;
  position: relative;
  background: none;
  cursor: pointer;
  overflow: visible;
  -webkit-appearance: none;
  display: block;
  border: 0;
  padding: 0;
  margin: 0;
  float: right;
  opacity: 0.75;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.pswp__button:focus, .pswp__button:hover {
  opacity: 1;
}

.pswp__button:active {
  outline: none;
  opacity: 0.9;
}

.pswp__button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

/* pswp__ui--over-close class it added when mouse is over element that should close gallery */
.pswp__ui--over-close .pswp__button--close {
  opacity: 1;
}

.pswp__button,
.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
  background: url(/wp-content/themes/dy/photoswipeasset/default-skin.png) 0 0 no-repeat;
  background-size: 264px 88px;
  width: 44px;
  height: 44px;
}

@media (-webkit-min-device-pixel-ratio: 1.1), (-webkit-min-device-pixel-ratio: 1.09375), (min-resolution: 105dpi), (min-resolution: 1.1dppx) {
  /* Serve SVG sprite if browser supports SVG and resolution is more than 105dpi */
  .pswp--svg .pswp__button,
.pswp--svg .pswp__button--arrow--left:before,
.pswp--svg .pswp__button--arrow--right:before {
    background-image: url(/wp-content/themes/dy/photoswipeasset/default-skin.svg);
  }

  .pswp--svg .pswp__button--arrow--left,
.pswp--svg .pswp__button--arrow--right {
    background: none;
  }
}
.pswp__button--close {
  background-position: 0 -44px;
}

.pswp__button--share {
  background-position: -44px -44px;
}

.pswp__button--fs {
  display: none;
}

.pswp--supports-fs .pswp__button--fs {
  display: block;
}

.pswp--fs .pswp__button--fs {
  background-position: -44px 0;
}

.pswp__button--zoom {
  display: none;
  background-position: -88px 0;
}

.pswp--zoom-allowed .pswp__button--zoom {
  display: block;
}

.pswp--zoomed-in .pswp__button--zoom {
  background-position: -132px 0;
}

/* no arrows on touch screens */
.pswp--touch .pswp__button--arrow--left,
.pswp--touch .pswp__button--arrow--right {
  visibility: hidden;
}

/*
	Arrow buttons hit area
	(icon is added to :before pseudo-element)
*/
.pswp__button--arrow--left,
.pswp__button--arrow--right {
  background: none;
  top: 50%;
  margin-top: -50px;
  width: 70px;
  height: 100px;
  position: absolute;
}

.pswp__button--arrow--left {
  left: 0;
}

.pswp__button--arrow--right {
  right: 0;
}

.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
  content: "";
  top: 35px;
  background-color: rgba(0, 0, 0, 0.3);
  height: 30px;
  width: 32px;
  position: absolute;
}

.pswp__button--arrow--left:before {
  left: 6px;
  background-position: -138px -44px;
}

.pswp__button--arrow--right:before {
  right: 6px;
  background-position: -94px -44px;
}

/*

	2. Share modal/popup and links

 */
.pswp__counter,
.pswp__share-modal {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.pswp__share-modal {
  display: block;
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  padding: 10px;
  position: absolute;
  z-index: 1600;
  opacity: 0;
  -webkit-transition: opacity 0.25s ease-out;
  transition: opacity 0.25s ease-out;
  -webkit-backface-visibility: hidden;
  will-change: opacity;
}

.pswp__share-modal--hidden {
  display: none;
}

.pswp__share-tooltip {
  z-index: 1620;
  position: absolute;
  background: #FFF;
  top: 56px;
  border-radius: 2px;
  display: block;
  width: auto;
  right: 44px;
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
  -webkit-transform: translateY(6px);
  -ms-transform: translateY(6px);
  transform: translateY(6px);
  -webkit-transition: -webkit-transform 0.25s;
  transition: transform 0.25s;
  -webkit-backface-visibility: hidden;
  will-change: transform;
}

.pswp__share-tooltip a {
  display: block;
  padding: 8px 12px;
  color: #000;
  text-decoration: none;
  font-size: 14px;
  line-height: 18px;
}

.pswp__share-tooltip a:hover {
  text-decoration: none;
  color: #000;
}

.pswp__share-tooltip a:first-child {
  /* round corners on the first/last list item */
  border-radius: 2px 2px 0 0;
}

.pswp__share-tooltip a:last-child {
  border-radius: 0 0 2px 2px;
}

.pswp__share-modal--fade-in {
  opacity: 1;
}

.pswp__share-modal--fade-in .pswp__share-tooltip {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}

/* increase size of share links on touch devices */
.pswp--touch .pswp__share-tooltip a {
  padding: 16px 12px;
}

a.pswp__share--facebook:before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  top: -12px;
  right: 15px;
  border: 6px solid transparent;
  border-bottom-color: #FFF;
  -webkit-pointer-events: none;
  -moz-pointer-events: none;
  pointer-events: none;
}

a.pswp__share--facebook:hover {
  background: #3E5C9A;
  color: #FFF;
}

a.pswp__share--facebook:hover:before {
  border-bottom-color: #3E5C9A;
}

a.pswp__share--twitter:hover {
  background: #55ACEE;
  color: #FFF;
}

a.pswp__share--pinterest:hover {
  background: #CCC;
  color: #CE272D;
}

a.pswp__share--download:hover {
  background: #DDD;
}

/*

	3. Index indicator ("1 of X" counter)

 */
.pswp__counter {
  position: absolute;
  left: 0;
  top: 0;
  height: 44px;
  font-size: 13px;
  line-height: 44px;
  color: #FFF;
  opacity: 0.75;
  padding: 0 10px;
}

/*

	4. Caption

 */
.pswp__caption {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  min-height: 44px;
}

.pswp__caption small {
  font-size: 11px;
  color: #BBB;
}

.pswp__caption__center {
  text-align: left;
  max-width: 420px;
  margin: 0 auto;
  font-size: 13px;
  padding: 10px;
  line-height: 20px;
  color: #CCC;
}

.pswp__caption--empty {
  display: none;
}

/* Fake caption element, used to calculate height of next/prev image */
.pswp__caption--fake {
  visibility: hidden;
}

/*

	5. Loading indicator (preloader)

	You can play with it here - http://codepen.io/dimsemenov/pen/yyBWoR

 */
.pswp__preloader {
  width: 44px;
  height: 44px;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -22px;
  opacity: 0;
  -webkit-transition: opacity 0.25s ease-out;
  transition: opacity 0.25s ease-out;
  will-change: opacity;
  direction: ltr;
}

.pswp__preloader__icn {
  width: 20px;
  height: 20px;
  margin: 12px;
}

.pswp__preloader--active {
  opacity: 1;
}

.pswp__preloader--active .pswp__preloader__icn {
  /* We use .gif in browsers that don't support CSS animation */
  background: url(/wp-content/themes/dy/photoswipeasset/preloader.gif) 0 0 no-repeat;
}

.pswp--css_animation .pswp__preloader--active {
  opacity: 1;
}

.pswp--css_animation .pswp__preloader--active .pswp__preloader__icn {
  -webkit-animation: clockwise 500ms linear infinite;
  animation: clockwise 500ms linear infinite;
}

.pswp--css_animation .pswp__preloader--active .pswp__preloader__donut {
  -webkit-animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite;
  animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite;
}

.pswp--css_animation .pswp__preloader__icn {
  background: none;
  opacity: 0.75;
  width: 14px;
  height: 14px;
  position: absolute;
  left: 15px;
  top: 15px;
  margin: 0;
}

.pswp--css_animation .pswp__preloader__cut {
  /* 
  	The idea of animating inner circle is based on Polymer ("material") loading indicator 
  	 by Keanu Lee https://blog.keanulee.com/2014/10/20/the-tale-of-three-spinners.html
  */
  position: relative;
  width: 7px;
  height: 14px;
  overflow: hidden;
}

.pswp--css_animation .pswp__preloader__donut {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 14px;
  height: 14px;
  border: 2px solid #FFF;
  border-radius: 50%;
  border-left-color: transparent;
  border-bottom-color: transparent;
  position: absolute;
  top: 0;
  left: 0;
  background: none;
  margin: 0;
}

@media screen and (max-width: 1024px) {
  .pswp__preloader {
    position: relative;
    left: auto;
    top: auto;
    margin: 0;
    float: right;
  }
}
@-webkit-keyframes clockwise {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes clockwise {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes donut-rotate {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  50% {
    -webkit-transform: rotate(-140deg);
    transform: rotate(-140deg);
  }
  100% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
}
@keyframes donut-rotate {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  50% {
    -webkit-transform: rotate(-140deg);
    transform: rotate(-140deg);
  }
  100% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
}
/*

	6. Additional styles

 */
/* root element of UI */
.pswp__ui {
  -webkit-font-smoothing: auto;
  visibility: visible;
  opacity: 1;
  z-index: 1550;
}

/* top black bar with buttons and "1 of X" indicator */
.pswp__top-bar {
  position: absolute;
  left: 0;
  top: 0;
  height: 44px;
  width: 100%;
}

.pswp__caption,
.pswp__top-bar,
.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {
  -webkit-backface-visibility: hidden;
  will-change: opacity;
  -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
  transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
}

/* pswp--has_mouse class is added only when two subsequent mousemove events occur */
.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {
  visibility: visible;
}

.pswp__top-bar,
.pswp__caption {
  background-color: rgba(0, 0, 0, 0.5);
}

/* pswp__ui--fit class is added when main image "fits" between top bar and bottom bar (caption) */
.pswp__ui--fit .pswp__top-bar,
.pswp__ui--fit .pswp__caption {
  background-color: rgba(0, 0, 0, 0.3);
}

/* pswp__ui--idle class is added when mouse isn't moving for several seconds (JS option timeToIdle) */
.pswp__ui--idle .pswp__top-bar {
  opacity: 0;
}

.pswp__ui--idle .pswp__button--arrow--left,
.pswp__ui--idle .pswp__button--arrow--right {
  opacity: 0;
}

/*
	pswp__ui--hidden class is added when controls are hidden
	e.g. when user taps to toggle visibility of controls
*/
.pswp__ui--hidden .pswp__top-bar,
.pswp__ui--hidden .pswp__caption,
.pswp__ui--hidden .pswp__button--arrow--left,
.pswp__ui--hidden .pswp__button--arrow--right {
  /* Force paint & create composition layer for controls. */
  opacity: 0.001;
}

/* pswp__ui--one-slide class is added when there is just one item in gallery */
.pswp__ui--one-slide .pswp__button--arrow--left,
.pswp__ui--one-slide .pswp__button--arrow--right,
.pswp__ui--one-slide .pswp__counter {
  display: none;
}

.pswp__element--disabled {
  display: none !important;
}

.pswp--minimal--dark .pswp__top-bar {
  background: none;
}

/*! PhotoSwipe main CSS by Dmitry Semenov | photoswipe.com | MIT license */
/*
	Styles for basic PhotoSwipe functionality (sliding area, open/close transitions)
*/
/* pswp = photoswipe */
.pswp {
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  overflow: hidden;
  -ms-touch-action: none;
  touch-action: none;
  z-index: 1500;
  -webkit-text-size-adjust: 100%;
  /* create separate layer, to avoid paint on window.onscroll in webkit/blink */
  -webkit-backface-visibility: hidden;
  outline: none;
}

.pswp * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.pswp img {
  max-width: none;
}

/* style is added when JS option showHideOpacity is set to true */
.pswp--animate_opacity {
  /* 0.001, because opacity:0 doesn't trigger Paint action, which causes lag at start of transition */
  opacity: 0.001;
  will-change: opacity;
  /* for open/close transition */
  -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
  transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
}

.pswp--open {
  display: block;
}

.pswp--zoom-allowed .pswp__img {
  /* autoprefixer: off */
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in;
}

.pswp--zoomed-in .pswp__img {
  /* autoprefixer: off */
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: grab;
}

.pswp--dragging .pswp__img {
  /* autoprefixer: off */
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: grabbing;
}

/*
    Background is added as a separate element.
    As animating opacity is much faster than animating rgba() background-color.
*/
.pswp__bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  will-change: opacity;
}

.pswp__scroll-wrap {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.pswp__container,
.pswp__zoom-wrap {
  -ms-touch-action: none;
  touch-action: none;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

/* Prevent selection and tap highlights */
.pswp__container,
.pswp__img {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
}

.pswp__zoom-wrap {
  position: absolute;
  width: 100%;
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
  transform-origin: left top;
  /* for open/close transition */
  -webkit-transition: -webkit-transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
  transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
}

.pswp__bg {
  will-change: opacity;
  /* for open/close transition */
  -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
  transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
}

.pswp--animated-in .pswp__bg,
.pswp--animated-in .pswp__zoom-wrap {
  -webkit-transition: none;
  transition: none;
}

.pswp__container,
.pswp__zoom-wrap {
  -webkit-backface-visibility: hidden;
}

.pswp__item {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  overflow: hidden;
}

.pswp__img {
  position: absolute;
  width: auto;
  height: auto;
  top: 0;
  left: 0;
}

/*
    stretched thumbnail or div placeholder element (see below)
    style is added to avoid flickering in webkit/blink when layers overlap
*/
.pswp__img--placeholder {
  -webkit-backface-visibility: hidden;
}

/*
    div element that matches size of large image
    large image loads on top of it
*/
.pswp__img--placeholder--blank {
  background: #222;
}

.pswp--ie .pswp__img {
  width: 100% !important;
  height: auto !important;
  left: 0;
  top: 0;
}

/*
    Error message appears when image is not loaded
    (JS option errorMsg controls markup)
*/
.pswp__error-msg {
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  text-align: center;
  font-size: 14px;
  line-height: 16px;
  margin-top: -8px;
  color: #CCC;
}

.pswp__error-msg a {
  color: #CCC;
  text-decoration: underline;
}

/* ---- dy css ---- */
html {
  -webkit-font-smoothing: antialiased;
  position: relative;
  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
  color: #000;
}

body {
  /* margin bottom by footer height */
  margin-bottom: 60px;
}

body, html {
  background-color: #fff;
  min-height: 100%;
  min-width: 100%;
}

h1, h2, h3, #nav_dy .navbar-brand, #nav_mobile .navbar-brand, .main-nav-list a {
  text-transform: uppercase;
  font-family: "adelle-sans", sans-serif;
  font-size: 16px;
  letter-spacing: 1px;
  font-weight: 400;
  color: #000;
}

p {
  font-family: "adelle-sans", sans-serif;
  font-size: 16px;
  font-weight: 400;
  color: #000;
}

#instagram {
  font-family: "adelle-sans", sans-serif;
  font-size: 16px;
  font-weight: 400;
  color: #000 !important;
}

a:hover, a:focus, a:active {
  text-decoration: none;
}

/* footer */
#footer {
  width: 100%;
  font-family: "arno-pro", serif;
  font-size: 13px;
}

@media only screen and (min-width: 480px) {
  #footer {
    padding: 0 50px;
  }
}
.footer-fixed {
  position: fixed;
  left: 0;
  bottom: 0;
}

.footer-sticky {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 60px;
}

.footer-directory {
  margin-top: calc(95vh - 300px);
  padding-left: 40px;
  text-align: left;
}

#footer .footer-content {
  width: 100%;
  padding: 6px 0;
  font-size: 13px;
  font-weight: 400;
}

#footer .footer-content .footer-copyright {
  margin: 0 2px;
}

.footer-white .footer-content {
  border-top: 1px solid #fff;
  color: #fff;
}

.footer-black .footer-content {
  border-top: 1px solid #000;
  color: #000;
}

/* nav */
#nav_dy {
  padding: 30px 0 0 0;
  border: 0;
  margin: 0 50px;
  min-height: 0 !important;
}

@media only screen and (max-width: 480px) {
  #nav_dy {
    padding: 0 20px 0 20px;
    border: 0;
    margin: 0;
    min-height: 0 !important;
  }
}
#nav_dy .container-fluid {
  padding: 0 !important;
}

#nav_dy .navbar-brand {
  padding: 20px 0 0 0 !important;
  margin: 0 !important;
  height: auto !important;
}

#nav_dy .navbar-header {
  height: 50px;
  margin: 0 !important;
}

#nav_dy .container-fluid > .navbar-collapse,
#nav_dy .container-fluid > .navbar-header {
  margin: 0 !important;
}

#nav_dy .navbar-nav > li {
  width: 100%;
  border-bottom: 1px solid;
  margin: 0;
  text-align: left;
  padding: 4px 0 4px 0;
}

#nav_dy .navbar-nav > li > a:focus,
#nav_dy .navbar-nav > li > a:active {
  background-color: transparent;
}

#nav_dy .navbar-nav > ul {
  width: 100%;
  padding: 5px 0 4px 0;
  margin: 0;
}

#nav_dy .navbar-nav > li > a {
  font-family: "adelle-sans", sans-serif;
  font-size: 16px;
  margin: 0;
  display: inline-block;
  width: 100%;
  padding: 6px 2px 5px 2px;
  line-height: 100%;
}

#nav_dy .navbar-toggle {
  padding: 6px 10px;
  margin: 18px 2px 0 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}

#nav_dy .navbar-toggle .icon-bar {
  width: 14px;
  height: 1px;
}

/* collapse menu style */
#nav_dy .in {
  height: 100vh !important;
  max-height: 100vh !important;
  border: 0;
  padding: 0;
}

#nav_dy .navbar-collapse.collapse.in .navbar-nav {
  margin: 0 !important;
}

/* headroom.js */
@media only screen and (min-width: 768px) {
  .headroom {
    -webkit-transition: -webkit-transform 200ms linear;
    transition: transform 200ms linear;
  }

  .headroom--pinned {
    -webkit-transform: translateY(0%);
    -ms-transform: translateY(0%);
    transform: translateY(0%);
  }

  .headroom--unpinned {
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
  }
}
#works-page {
  min-height: 100vh;
}

/* ----
bootstrap adjustments
---- */
@media (max-width: 10000px) {
  .navbar-header {
    float: none;
  }

  .navbar-left, .navbar-right {
    float: none !important;
  }

  .navbar-toggle {
    display: block;
  }

  .navbar-collapse {
    border-top: 1px solid transparent;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
  }

  .navbar-fixed-top {
    top: 0;
    border-width: 0 0 1px;
  }

  .navbar-collapse.collapse {
    display: none !important;
  }

  .navbar-nav {
    float: none !important;
    margin-top: 7.5px;
  }

  .navbar-nav > li {
    float: none;
  }

  .navbar-nav > li > a {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .collapse.in {
    display: block !important;
  }
}
/* noscroll class for body */
.noscroll {
  overflow: hidden;
}

/* slide pane from left */
.left-pane {
  height: 100vh;
  width: 50%;
  top: 0;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  background-color: #fff;
  left: -50vw;
  z-index: 9980;
  position: fixed;
}

.left-pane-expanded {
  left: 0;
}

.left-pane-content {
  width: 100%;
  height: 100%;
}

/* remove hover navs on mobile */
@media only screen and (max-width: 768px) {
  #nav-dot-left, #nav-dot-right {
    display: none;
  }
}
/* directory page padding */
.directory-page {
  padding: 50px 20px 50px 20px;
}

@media only screen and (min-width: 480px) {
  .directory-page {
    padding: 80px 50px 50px 50px;
  }
}
/* works page */
#works-page h1 {
  padding-top: 20px;
}

#works-page .panel-group {
  margin: 8px 0 8px 0;
  border-top: 1px solid #000;
}

#works-page .panel {
  border-radius: 0;
  border: 0;
  box-shadow: none;
  -webkit-box-shadow: none;
}

#works-page .panel-group .panel + .panel {
  margin-top: 0;
}

#works-page .panel-heading {
  font-family: "adelle-sans", sans-serif;
  font-size: 16px;
  padding: 4px 0 1px 0;
  border-bottom: 1px solid #000;
  height: 37px;
}

#works-page .panel-heading a {
  color: #000;
  padding: 6px 2px 5px 2px;
  display: inline-block;
  width: 100%;
  line-height: 100%;
}

#works-page .panel-heading a:hover {
  background-color: yellow;
}

#works-page .panel-heading a .listing {
  width: 100%;
}

#works-page .panel-heading a .listing .listing-name {
  display: inline;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

#works-page .panel-heading a .listing .listing-specs {
  display: none;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

#works-page .panel-heading a .listing .listing-date {
  display: inline;
  text-align: right;
  padding-right: 15px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

@media only screen and (min-width: 540px) {
  #works-page .panel-heading a .listing .listing-name {
    display: inline;
  }

  #works-page .panel-heading a .listing .listing-specs {
    width: auto;
  }

  #works-page .panel-heading a .listing .listing-date {
    display: inline;
    text-align: right;
    padding-right: 15px;
  }
}
#works-page .panel-body {
  border-top: 0;
  border-bottom: 1px solid #000;
  padding: 40px 0;
}

#works-page .panel-body img {
  width: 100%;
  height: auto;
}

#works-page .info {
  margin: 0 2px;
}

#works-page .info p {
  max-width: 400px;
}

/* main nav list */
.main-nav-list {
  list-style: none;
  padding: 0;
}

.main-nav-list li {
  padding-bottom: 10px;
  cursor: pointer;
}

.main-nav-list li a {
  font-size: 16px;
}

/* site directory */
#directory {
  position: relative;
  list-style: none;
  margin-left: 30px;
  padding: 0;
  margin: 0;
}

#directory li {
  margin-left: 30px;
  font-size: 16px;
  line-height: 0%;
}

.directory-list li:last-child {
  border-bottom: 0;
}

.directory-list li a {
  font-family: "adelle-sans", sans-serif;
  color: #000;
  text-overflow: ellipsis;
  text-transform: capitalize;
  white-space: nowrap;
  display: inline-block;
  width: 100%;
  display: inline-block;
  line-height: 100%;
  margin-bottom: -4px;
}

/* listings */
.directory-list li a:hover .listing {
  background-color: #000;
  color: #fff;
}

.directory-list li a .listing {
  width: 100%;
  line-height: 32px;
  height: 32px;
  padding: 0 4px;
}

.directory-list li a .listing .listing-name {
  width: 240px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.directory-list li a .listing .listing-info {
  display: none;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

@media only screen and (min-width: 540px) {
  .directory-list li a .listing .listing-name {
    width: 240px;
  }

  .directory-list li a .listing .listing-info {
    width: auto;
    width: 34%;
  }

  .directory-list li.scene a .listing .listing-name {
    width: 100%;
  }
}
/* text entries */
.directory-list .text-entry {
  height: 33px;
}

.directory-list .text-entry a {
  padding: 8px 4px;
}

.directory-list .text-entry a:hover {
  background-color: #000;
  color: #fff;
}

.directory-list .text-entry a:hover p {
  color: #fff;
}

.directory-list .text-entry a p {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin: 0;
  width: 66%;
}

.directory-list .poem-entry a {
  cursor: default !important;
  font-style: italic !important;
}

/* ----
home
---- */
.works-wrap {
  width: 100%;
  padding: 60px 50px;
  margin: 0 auto;
}

.works-wrap img {
  width: 100%;
  height: auto;
  padding: 0 0 30px 0;
}

.works-wrap p {
  padding-bottom: 15px;
}

#crack-up .works-wrap {
  width: 100%;
  max-width: 670px;
  padding: 60px 15px;
  margin: 0 auto;
}

#crack-up video {
  width: 100%;
  height: auto;
  margin: 0 auto 30px auto;
}

#crack-up .works-description {
  width: 100%;
  width: 640px;
}

/* work / page pane */
.work-pane {
  z-index: 3;
  height: 100vh;
  width: 100%;
  top: 0;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  background-color: #fff;
  position: fixed;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  left: 0;
}

@media only screen and (min-width: 768px) {
  .work-pane {
    width: calc(100% - 300px);
  }

  .right-pane {
    width: 300px;
  }

  .left-pane {
    width: calc(100% - 300px);
  }
}
.work-pane .work-header-wrap {
  width: 100%;
  top: 0;
  left: 0;
  background-color: #fff;
  z-index: 100;
  height: 70px;
  border-bottom: 1px solid #000;
}

@media only screen and (min-width: 768px) {
  .work-pane .work-header-wrap {
    visibility: hidden;
    position: fixed;
  }
}
.work-pane .work-header {
  padding: 40px 40px 0 40px;
  text-align: left;
  position: relative;
}

.work-pane .work-header h1 {
  margin: 0;
  padding: 0;
}

.work-pane .work-header h1 a {
  color: #000;
}

.work-pane .work-pane-content {
  padding: 20px 0 40px 0;
}

@media only screen and (min-width: 768px) {
  .work-pane .work-pane-content {
    padding: 30px 0 0 0;
  }
}
.work-pane img {
  display: block;
  padding: 0;
  max-width: 100%;
  max-height: 90vh;
  cursor: zoom-in;
}

.tall-images {
  text-align: center;
}

.tall-images img {
  padding-top: 15px !important;
  height: 75vh !important;
  width: auto !important;
  margin: 0 auto !important;
}

.work-pane section {
  z-index: 3;
  padding: 20px 0px 20px;
}

.work-pane .artworks {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.work-pane .exhibit img {
  padding-bottom: 20px;
}

.work-pane section.title {
  text-align: center;
  padding: 20px 40px;
}

.work-pane section.description {
  padding: 20px 40px;
  width: 100%;
  max-width: 540px;
  margin: 0 auto;
}

.work-pane section .image-instruction {
  text-align: center;
  width: 100%;
}

.work-pane section.video-section {
  padding: 20px 40px;
  text-align: center;
}

.work-pane section.video-section video {
  width: 100%;
  height: auto;
  max-width: 540px;
  margin: 0 auto;
}

.work-pane .essay {
  max-width: 540px;
  padding: 20px;
  margin: 0 auto;
  text-rendering: optimizeLegibility;
  font-family: "adelle-sans", sans-serif;
}

.work-pane .essay h1 {
  font-family: "adelle-sans", sans-serif;
  font-size: 28px;
  line-height: 130%;
  margin-bottom: 10px;
  text-transform: none;
  font-weight: 600;
  letter-spacing: 0;
}

.work-pane .essay p {
  text-indent: 40px;
  font-size: 20px;
}

.work-pane .essay em {
  font-style: italic;
}

.work-pane .essay .byline {
  font-family: "adelle-sans", sans-serif;
  text-indent: 0;
  margin-bottom: 60px;
  font-size: 16px;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.work-pane .essay .lead-paragraph {
  text-indent: 0;
}

.work-pane .essay .lead-paragraph::before {
  display: block;
  padding-bottom: 15px;
  text-align: center;
  content: "•••";
}

.work-pane .essay p:first-of-type {
  text-indent: 0;
}

.work-pane .essay .footnotes {
  margin-top: 60px;
  border-top: 1px solid #f9f9f9;
  padding: 40px 0;
  list-style: none;
  font-size: 16px;
}

.work-pane .essay .footnotes li {
  padding: 10px 0;
}

/* home */
#home {
  overflow: hidden;
}

.pane {
  height: 100vh;
  top: 0;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  background-color: #fff;
  position: fixed;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  z-index: 9999;
}

.left-pane {
  left: 0;
}

.right-pane {
  right: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
@media only screen and (max-width: 768px) {
  .right-pane {
    z-index: 2;
    display: block !important;
    width: 100%;
  }
}

.off-right {
  right: -50vw !important;
  z-index: 9980;
}

@media only screen and (max-width: 768px) {
  .off-right-mobile {
    right: -100vw !important;
  }

  #home .left-pane {
    display: none;
  }

  #home .right-pane {
    width: 100% !important;
    height: 100% !important;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
  }

  .left-pane {
    left: -100vw;
  }
}
@media only screen and (min-width: 768px) {
  .off-left {
    z-index: 2;
  }

  .right-pane {
    width: 300px;
  }
}
.pane-content {
  padding: 40px;
}

/* masthead */
.masthead {
  position: absolute;
  left: 40px;
  top: 42px;
  z-index: 99999;
}

.masthead h1 {
  margin: 0;
}

@media only screen and (max-width: 768px) {
  .masthead {
    display: none;
  }
}
/* text fill */
.left-pane.textFill {
  background-color: black;
}
.left-pane.textFill * {
  color: white;
}

.textPane,
.text-fill {
  padding: 40px 0;
  overflow: hidden;
}

.bg-black {
  background-color: #000 !important;
}

.text-fill p {
  opacity: 0;
  color: #fff;
  font-size: 2.5vw;
  line-height: 3.5vw;
  text-rendering: optimizeLegibility;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.text-fill p.essay-title,
.textFill h2 {
  font-size: 3.8vw;
  line-height: 4.8vw;
  text-transform: none;
  font-family: "adelle-sans", sans-serif;
}

.text-fill p.essay-byline,
.textFill small {
  font-size: 2vw;
  text-transform: uppercase;
  color: white;
}

.text-fill-active {
  display: block !important;
}

.text-fill-active p {
  opacity: 1 !important;
}

/* background pane */
.bg-pane {
  background-size: cover;
  overflow: hidden;
  -webkit-transition: background-color 0.3s;
  -moz-transition: background-color 0.3s;
  -ms-transition: background-color 0.3s;
  -o-transition: background-color 0.3s;
  transition: background-color 0.3s;
}

/* animations */
.pane-slide {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

#gradient {
  height: 100vh;
  width: 50%;
  top: 0;
  left: 0;
  position: fixed;
  z-index: 0;
}

/* header content */
.igheader-content {
  font-family: "adelle-sans", sans-serif;
  font-size: 16px;
  line-height: 17px;
  height: 100%;
  background-color: #fff;
  color: #000;
  margin: 0;
  padding: 14px 0px;
}

.igheader-content #listingWithDescription {
  width: 85%;
  display: block;
  margin-right: auto;
  margin-left: auto;
}

.igheader-content .listing {
  display: block;
  width: 100%;
  text-align: left;
}

.igheader-content .listing .listing-name {
  font-style: italic;
  overflow: hidden;
  text-overflow: ellipsis;
}

.igheader-content .listing .listing-specs {
  display: none;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.igheader-content .listing .listing-date {
  display: inline;
  font-style: normal;
  text-align: right;
  padding-right: 15px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

@media only screen and (min-width: 540px) {
  .igheader-content .listing .listing-specs {
    width: auto;
    display: none;
  }

  .igheader-content .listing .listing-date {
    width: 20%;
    text-align: right;
    padding-right: 15px;
  }
}
.igheader {
  display: none;
  padding: 10px;
  position: relative;
  z-index: 1;
}

.igheader-content {
  background: #fff;
}

.igheader.fixed {
  position: fixed;
  top: 80px;
  z-index: 0;
}

.igheader.fixed.absolute {
  position: absolute;
}

/* mobile menu toggle */
#menu-toggle {
  position: absolute;
  width: 20px;
  height: 20px;
  top: 40px;
  right: 40px;
  text-align: center;
  display: inline-block;
  color: #000;
}

#menu-close {
  position: absolute;
  top: 40px;
  right: 40px;
  width: 20px;
  height: 20px;
  text-align: center;
  display: inline-block;
  color: #000;
}

#nav_mobile {
  background-color: #fff;
}

#nav_mobile .collapse.in {
  border-bottom: 1px solid #000;
}

#nav_mobile .navbar-header {
  padding: 20px 20px 5px 20px;
  border-bottom: 1px solid #000;
  min-height: 0;
}

#nav_mobile .navbar-brand {
  padding: 0;
  height: auto;
  padding-top: 1px;
}

#nav_mobile .navbar-toggle {
  padding: 6px;
  margin: 18px 2px 0 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  margin: 0;
}

#nav_mobile .navbar-nav {
  margin: 4px -15px;
}

#nav_mobile .navbar-toggle .icon-bar {
  width: 14px;
  height: 1px;
  background-color: #000;
}

#nav_mobile .nav > li > a {
  padding: 8px 20px 8px 20px;
  text-transform: uppercase;
  font-family: "adelle-sans", sans-serif;
  font-size: 16px;
  letter-spacing: 1px;
  font-weight: 400;
  color: #000;
}

#nav_mobile .nav > li > a:hover {
  background-color: #000;
  color: #fff;
}

@media only screen and (min-width: 768px) {
  .mobile-only {
    display: none;
  }

  #menu-close, #menu-toggle {
    display: none;
  }

  #nav_mobile {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .desktopOnly {
    display: none !important;
  }

  .poem-entry {
    display: none;
  }

  .directory-list {
    border-bottom: 0;
  }

  #site-header {
    display: none;
  }

  .off-right-mobile {
    display: none;
  }
}
/* side scroll images */
.side-scroll-wrap {
  white-space: nowrap;
  overflow-y: hidden;
  overflow-x: scroll;
  -webkit-overflow-scrolling: touch;
}

.side-scroll-content {
  display: inline;
}

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