@charset "UTF-8";
/*********************
VARIABLES
*********************/
/*********************
FONT FACE / FONTS
*********************/
@font-face {
  font-family: "Primo";
  src: url("assets/fonts/PrimoSerif.otf");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Primo";
  src: url("assets/fonts/PrimoSerif-DemiBold.otf");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "Primo";
  src: url("assets/fonts/PrimoSerif-Italic.otf");
  font-weight: normal;
  font-style: italic;
}
html,
body {
  font-family: "Primo";
}

.feature-text {
  font-family: "Primo";
}

.acf-ui-datepicker .ui-datepicker.ui-widget,
.acf-ui-datepicker .ui-datepicker.ui-widget input,
.acf-ui-datepicker .ui-datepicker.ui-widget select,
.acf-ui-datepicker .ui-datepicker.ui-widget textarea,
.acf-ui-datepicker .ui-datepicker.ui-widget button {
  font-family: "Primo";
}

.itinerary-map-container .info-window-content,
.map-container .info-window-content {
  font-family: "Primo";
}

.itinerary-container .my-itinerary-header {
  font-size: 0.7em;
  text-transform: capitalize;
}

@media print {
  body {
    font-family: "Primo";
  }
}
/*********************
GRID CONTENT ACF STYLES
*********************/
.grid-item-wrapper {
  display: -ms-grid;
  display: grid;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
}
.grid-item-wrapper > *:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}
@media (min-width: 768px) {
  .grid-item-wrapper.grid-column-1 {
    -ms-grid-columns: 1fr ;
    grid-template-columns: 1fr ;
  }
  .grid-item-wrapper.grid-column-2 {
    -ms-grid-columns: 1fr 1fr ;
    grid-template-columns: 1fr 1fr ;
  }
  .grid-item-wrapper.grid-column-3 {
    -ms-grid-columns: 1fr 1fr 1fr ;
    grid-template-columns: 1fr 1fr 1fr ;
  }
  .grid-item-wrapper.grid-column-4 {
    -ms-grid-columns: 1fr 1fr 1fr 1fr ;
    grid-template-columns: 1fr 1fr 1fr 1fr ;
  }
  .grid-item-wrapper.grid-column-5 {
    -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr ;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr ;
  }
}
.grid-item-wrapper .grid-item .grid-video, .grid-item-wrapper .grid-item .grid-video *,
.grid-item-wrapper .grid-item .grid-image,
.grid-item-wrapper .grid-item .grid-image * {
  margin: 0;
}
.grid-item-wrapper .grid-item .grid-video iframe,
.grid-item-wrapper .grid-item .grid-image iframe {
  width: 100%;
}
.grid-item-wrapper .grid-item .grid-title {
  margin: 0.5rem 0;
}
.grid-item-wrapper .grid-item .grid-title + .grid-caption {
  margin-top: -0.5rem;
}
.grid-item-wrapper .grid-item .grid-caption {
  margin: 0;
}
.grid-item-wrapper .grid-item .grid-caption > * {
  margin: 0.5rem 0;
}

.iframe-wrapper iframe {
  -webkit-transition: 0.25s ease-in-out all;
  -o-transition: 0.25s ease-in-out all;
  transition: 0.25s ease-in-out all;
}
.iframe-wrapper.apply-padding {
  position: relative;
  padding-bottom: 60%;
}
.iframe-wrapper.apply-padding iframe {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.single-texts .author-info-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 1em -18px;
  width: calc(100% + 18px + 18px);
}
.single-texts .author-info-wrapper .author-photo {
  width: 33%;
  max-width: 300px;
  padding-right: 1em;
}
.single-texts .author-info-wrapper .author-photo img {
  margin: 0;
}
.single-texts .author-info-wrapper .author-info {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  width: 75%;
}
.single-texts .author-info-wrapper .author-info > *:first-child {
  margin-top: 0;
}
.single-texts .author-info-wrapper .author-info > *:last-child {
  margin-bottom: 0;
}

.wp-caption {
  max-width: 100%;
}
.wp-caption figcaption,
.wp-caption .wp-caption-text {
  display: block;
  border: none;
  font-size: 0.875rem;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  color: #000000;
}

@media (min-width: 481px) {
  .entry-content .alignleft, .entry-content img.alignleft {
    margin-right: 1.5em;
    display: inline;
    float: left;
  }
  .entry-content .alignleft figcaption, .entry-content img.alignleft figcaption {
    text-align: left;
  }
  .entry-content .alignright, .entry-content img.alignright {
    margin-left: 1.5em;
    display: inline;
    float: right;
  }
  .entry-content .alignright figcaption, .entry-content img.alignright figcaption {
    text-align: right;
  }
  .entry-content .aligncenter, .entry-content img.aligncenter {
    margin-right: auto;
    margin-left: auto;
    display: block;
    clear: both;
  }
  .entry-content .aligncenter figcaption, .entry-content img.aligncenter figcaption {
    text-align: center;
  }
}

/*********************
OTHER STYLES
*********************/
.caption,
.wp-caption,
.figcaption,
.wp-caption,
.wp-caption-text {
  font-size: 16px !important;
}

.woocommerce .sku_wrapper {
  display: none;
}

.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button {
  color: #000000;
}

.woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover {
  color: #000000;
}

/*********************
MAILPOET STYLES
*********************/
#mailpoet_form_2.mailpoet_form .mailpoet_paragraph {
  width: 24%;
}

footer #mailpoet_form_2.mailpoet_form .mailpoet_paragraph {
  width: 70%;
}
@media (min-width: 768px) {
  footer .container {
    max-width: 1400px;
    width: 100%;
  }
}
@media (min-width: 768px) and (min-width: 992px) {
  footer .container {
    padding-right: 72px;
    padding-left: 72px;
  }
}
@media (min-width: 768px) {
  footer .widget:last-of-type {
    margin-left: auto;
    width: -webkit-min-content;
    width: -moz-min-content;
    width: min-content;
  }
}
footer .widget_custom_html {
  display: none;
}
@media (min-width: 1024px) {
  footer .widget_custom_html {
    display: block;
  }
}

/*********************
OWL CAROUSEL
*********************/
.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;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.owl-carousel .owl-dots {
  display: 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;
  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 {
  -ms-touch-action: pan-y;
      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: -webkit-grab;
  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 {
  -webkit-animation-duration: 1000ms;
          animation-duration: 1000ms;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}
.owl-carousel .owl-animated-in {
  z-index: 0;
}
.owl-carousel .owl-animated-out {
  z-index: 1;
}
.owl-carousel .fadeOut {
  -webkit-animation-name: fadeOut;
          animation-name: fadeOut;
}

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
/*
 * 	Owl Carousel - Auto Height Plugin
 */
.owl-height {
  -webkit-transition: height 500ms ease-in-out;
  -o-transition: height 500ms ease-in-out;
  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;
  -webkit-transition: opacity 400ms ease;
  -o-transition: opacity 400ms ease;
  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 {
  -webkit-transform-style: preserve-3d;
          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("../library/images/owl.video.play.png") no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  -webkit-transition: -webkit-transform 100ms ease;
  transition: -webkit-transform 100ms ease;
  -o-transition: transform 100ms ease;
  transition: transform 100ms ease;
  transition: transform 100ms ease, -webkit-transform 100ms ease;
}
.owl-carousel .owl-video-play-icon:hover {
  -webkit-transform: scale(1.3, 1.3);
      -ms-transform: scale(1.3, 1.3);
          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;
  -webkit-transition: opacity 400ms ease;
  -o-transition: opacity 400ms ease;
  transition: opacity 400ms ease;
}
.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
  height: 100%;
  width: 100%;
}

.slideshow-wrapper {
  margin-top: 1em;
}

.sj-slideshow {
  position: relative;
}
.sj-slideshow .each-slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  z-index: 1;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  overflow: hidden;
}
.sj-slideshow .each-slide .each-slide-inner {
  position: relative;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  position: relative;
  z-index: 1;
  min-height: 300px;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  overflow: hidden;
}
@media (min-width: 768px) {
  .sj-slideshow .each-slide .each-slide-inner {
    min-height: 500px;
  }
}
@media (min-width: 1024px) {
  .sj-slideshow .each-slide .each-slide-inner {
    min-height: 700px;
  }
}
@media (min-width: 1366px) {
  .sj-slideshow .each-slide .each-slide-inner {
    min-height: 800px;
  }
}
.sj-slideshow .each-slide .each-slide-inner.no-bg {
  background-color: darkgray;
  height: 100%;
  width: 100%;
}
.sj-slideshow .each-slide .image-link {
  z-index: 1;
  width: 100%;
  height: 100%;
  text-decoration: none;
  border-bottom: none;
}
.sj-slideshow .each-slide .cover {
  z-index: 1;
  width: 100%;
  height: 100%;
  display: block;
  width: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translateY(-50%) translateX(-50%);
      -ms-transform: translateY(-50%) translateX(-50%);
          transform: translateY(-50%) translateX(-50%);
  min-height: 100%;
  min-width: 100%;
  max-width: none;
  max-height: none;
  margin: 0;
  -o-object-fit: cover;
     object-fit: cover;
}
.sj-slideshow .each-slide .slide-content-wrapper {
  position: absolute;
  bottom: 0;
  z-index: 10;
  width: 100%;
  font-size: 16px;
}
@media (min-width: 768px) {
  .sj-slideshow .each-slide .slide-content-wrapper {
    bottom: 2.3em;
    left: 2em;
    font-size: 20px;
  }
}
.sj-slideshow .each-slide .caption {
  text-decoration: none;
  margin: 0;
  padding: 5px;
  background-color: white;
}
.sj-slideshow .each-slide .slide-content {
  padding: 1em;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.86);
}
@media (min-width: 768px) {
  .sj-slideshow .each-slide .slide-content {
    padding: 2em;
    width: 50%;
  }
}
.sj-slideshow .each-slide .slide-content .content-wrapper > * {
  color: #ffffff;
}
.sj-slideshow .each-slide .slide-content .text-wrapper > * {
  color: #ffffff;
}
.sj-slideshow .each-slide .slide-content .text-wrapper > *:first-child {
  margin-top: 0;
}
.sj-slideshow .each-slide .slide-content .text-wrapper > *:last-child {
  margin-bottom: 0;
}
.sj-slideshow .each-slide .slide-content .text-wrapper p {
  color: #ffffff;
}
.sj-slideshow .each-slide .slide-content .text-wrapper a {
  color: #ffffff;
  -webkit-box-shadow: inset 0 -0.125em 0 0 blue;
          box-shadow: inset 0 -0.125em 0 0 blue;
}
.sj-slideshow .each-slide .slide-content .text-wrapper a:hover {
  -webkit-box-shadow: inset 0 -0.25em 0 0 blue;
          box-shadow: inset 0 -0.25em 0 0 blue;
}
.sj-slideshow .each-slide .button-wrapper {
  width: 100%;
  text-align: right;
  margin: 1em 0;
}
@media (min-width: 1024px) {
  .sj-slideshow .each-slide .button-wrapper {
    margin: 2em 0;
  }
}
.sj-slideshow .each-slide .button-wrapper .btn {
  margin-left: auto;
  margin-right: 0;
  text-align: center;
}
.sj-slideshow .owl-nav button {
  outline: none;
}
.sj-slideshow .owl-nav button.owl-prev, .sj-slideshow .owl-nav button.owl-next {
  position: absolute;
  top: 20%;
  bottom: 20%;
  min-height: 0;
  z-index: 2;
  min-width: 0;
  width: auto;
  padding: 1rem;
  font-size: 1.2em;
  line-height: 1rem;
  color: #ffffff;
  -webkit-transition: 0.25s ease-in-out all;
  -o-transition: 0.25s ease-in-out all;
  transition: 0.25s ease-in-out all;
}
@media (min-width: 768px) {
  .sj-slideshow .owl-nav button.owl-prev, .sj-slideshow .owl-nav button.owl-next {
    font-size: 3em;
  }
}
@media (min-width: 1024px) {
  .sj-slideshow .owl-nav button.owl-prev, .sj-slideshow .owl-nav button.owl-next {
    top: 0;
    bottom: 0;
    opacity: 0;
  }
}
.sj-slideshow .owl-nav button.owl-prev {
  left: 0;
  right: auto;
}
.sj-slideshow .owl-nav button.owl-prev span {
  display: none;
}
.sj-slideshow .owl-nav button.owl-prev::after {
  content: "";
  font-family: "Font Awesome 5 Pro";
  padding-left: 0.5em;
}
.sj-slideshow .owl-nav button.owl-next {
  left: auto;
  right: 0;
}
.sj-slideshow .owl-nav button.owl-next span {
  display: none;
}
.sj-slideshow .owl-nav button.owl-next::after {
  content: "";
  font-family: "Font Awesome 5 Pro";
  padding-right: 0.5em;
}
@media (min-width: 1024px) {
  .sj-slideshow:hover .owl-nav button.owl-prev, .sj-slideshow:hover .owl-nav button.owl-next {
    opacity: 1;
  }
}
.sj-slideshow .owl-stage-outer .owl-stage {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
.sj-slideshow .owl-stage-outer .owl-stage .owl-item {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin: 0 -3px;
}
@media (min-width: 1366px) {
  .sj-slideshow .owl-stage-outer .owl-stage .owl-item {
    margin: 0 -5px;
    padding-left: 6px;
  }
}
.sj-slideshow .owl-stage-outer .owl-stage .owl-item.active {
  z-index: 1;
}
.sj-slideshow .owl-dots {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  display: block;
  margin: 0.25rem 0;
  text-align: center;
  font-size: 12px;
}
.sj-slideshow .owl-dots .owl-dot {
  min-width: 1em;
  width: 1em;
  max-width: 1em;
  min-height: 1em;
  height: 1em;
  max-height: 1em;
  padding: 0;
  margin: 0.25em;
  border-radius: 10em;
  border: 2px solid #44cee5;
  background: #ffffff;
  opacity: 0.5;
  -webkit-transition: 0.25s ease-in-out all;
  -o-transition: 0.25s ease-in-out all;
  transition: 0.25s ease-in-out all;
}
.sj-slideshow .owl-dots .owl-dot.active {
  opacity: 1;
}

#container.ie #main > .slideshow-wrapper .each-slide .slide-content {
  background-image: none;
  background-color: rgba(46, 195, 236, 0.85);
}
#container.ie .sj-slideshow .each-slide .slide-content {
  background-image: none;
  background-color: rgba(46, 195, 236, 0.85);
}

/*********************
CAPTURE FESTIVAL DATE SETTINGS
*********************/
.feature-text__container {
  width: 100%;
}
.feature-text__container .feature-text {
  margin: 50px 0;
}
@media (min-width: 768px) {
  .feature-text__container .feature-text {
    padding-bottom: 36px;
  }
}

.front-feature.return-wrapper span[class*=feature-text-] {
  text-align: left;
}

.feature-text__container .feature-text {
  margin: 40px 0;
}
@media (max-width: 991px) {
  .feature-text__container .feature-text {
    font-size: 2em;
  }
}
@media (min-width: 1200px) {
  .feature-text__container .feature-text {
    font-size: 2em;
  }
}
@media (min-width: 1366px) {
  .feature-text__container .feature-text {
    margin: 50px 0;
  }
}

/*********************
DROP DOWN MENU
*********************/
.nav-open header.banner a.navbar-brand img {
  width: 150px;
  max-width: 200px;
}

@media (min-width: 1024px) {
  header.banner {
    padding-bottom: 0;
  }
}
header.banner a.navbar-brand {
  width: auto !important;
  height: auto !important;
}
header.banner a.navbar-brand img {
  max-width: 200px;
}
@media (max-width: 1023px) {
  header.banner a.navbar-brand img {
    max-width: 150px;
  }
}
header.banner .site-title {
  width: 150px;
  height: 45px;
}
@media (min-width: 768px) {
  header.banner .site-title {
    width: 330px;
    height: 60px;
  }
}

.nav-overlay__column {
  width: 100%;
}

@media (min-width: 1024px) {
  .nav-overlay,
.nav-overlay--active {
    display: none;
  }
}

@media (min-width: 1024px) {
  .navbar-toggle-container.navbar-toggle {
    display: none;
  }
}

@media (min-width: 1024px) {
  .container-fluid.header-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .container-fluid.header-menu .navbar__menu-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: auto;
  }
  .container-fluid.header-menu .navbar-search {
    margin-right: 0;
    margin-left: 1em;
  }
}

.exhibitions .swipe-controls {
  margin-top: 25px !important;
}
@media (min-width: 767px) {
  .exhibitions .swipe-controls {
    margin-top: 0 !important;
  }
}

.swipe-controls-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.caption-container-inner {
  min-height: 35px;
}

.feature-image figure img {
  width: auto !important;
  height: 200px;
  max-height: 200px;
}
@media (min-width: 767px) {
  .feature-image figure img {
    height: 500px;
    max-height: 500px;
  }
}
@media (min-width: 1366px) {
  .feature-image figure img {
    height: 800px;
    max-height: 800px;
  }
}

.drop-down-menu {
  display: none;
}
@media (min-width: 1024px) {
  .drop-down-menu {
    display: block;
    width: 100%;
  }
  .drop-down-menu .nav {
    font-size: 22px;
    line-height: 2.3;
    margin: 0;
    color: #000000;
  }
}
@media (min-width: 1024px) and (min-width: 1366px) {
  .drop-down-menu .nav {
    font-size: 24px;
  }
}
@media (min-width: 1024px) {
  .drop-down-menu .nav li {
    width: auto;
    margin-bottom: 0;
  }
  .drop-down-menu .nav li.dropdown {
    margin: 0 0.9em;
    padding-bottom: 36px;
  }
}
@media (min-width: 1024px) and (min-width: 1366px) {
  .drop-down-menu .nav li.dropdown {
    margin: 0 1em;
  }
}
@media (min-width: 1024px) {
  .drop-down-menu .nav li > a:hover, .drop-down-menu .nav li > a:active, .drop-down-menu .nav li > a:focus {
    border-bottom: none;
  }
  .drop-down-menu .nav li > a .caret {
    display: none;
  }
}
@media (min-width: 1024px) {
  .drop-down-menu .dropdown-menu {
    padding: 0.5em 0;
    width: auto;
    border: 1px solid #000000;
    border-top: 5px solid;
    left: 50% !important;
    right: auto !important;
    text-align: center !important;
    -webkit-transform: translate(-50%, 0) !important;
        -ms-transform: translate(-50%, 0) !important;
            transform: translate(-50%, 0) !important;
    top: 70%;
    border-radius: 6px;
  }
  .drop-down-menu .dropdown-menu::before {
    content: "";
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #000000;
    position: absolute;
    top: -13px;
    left: 50%;
    -webkit-transform: translate(-50%, 0px);
        -ms-transform: translate(-50%, 0px);
            transform: translate(-50%, 0px);
  }
  .drop-down-menu .dropdown-menu li {
    margin-right: 0;
    text-align: left;
  }
  .drop-down-menu .dropdown-menu li a {
    color: #000000;
  }
  .drop-down-menu .dropdown-menu li a:hover, .drop-down-menu .dropdown-menu li a:active, .drop-down-menu .dropdown-menu li a:focus {
    background-color: #f5f5f5;
  }
  .drop-down-menu .dropdown-menu > .active > a {
    background-color: #f5f5f5;
  }
}

.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
  color: #000000;
}

@media (max-width: 1023px) {
  .main-nav {
    padding-top: 20px;
  }
}
@media (max-width: 767px) {
  .main-nav {
    padding-top: 50px;
  }
}
.main-nav .nav {
  font-size: 20px;
}
.main-nav .nav .dropdown-toggle {
  color: #000000;
}
.main-nav .nav .dropdown-toggle:hover, .main-nav .nav .dropdown-toggle:active, .main-nav .nav .dropdown-toggle:focus {
  border-bottom: 1px solid #000000;
}
.main-nav .nav .dropdown-toggle .caret {
  display: none;
}
.main-nav .nav .dropdown-menu {
  display: block;
  position: initial;
  border: none;
}
.main-nav .nav .dropdown-menu li {
  margin-bottom: 7px;
}
.main-nav .nav .dropdown-menu li a {
  padding: 0;
  text-align: center;
  color: #000000;
}
@media (min-width: 768px) {
  .main-nav .nav .dropdown-menu li a {
    text-align: left;
  }
}
@media (max-width: 1023px) {
  .main-nav .nav .dropdown-menu li a {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
}
@media (max-width: 767px) {
  .main-nav .nav .dropdown-menu li a {
    margin: 0 auto;
  }
}
.main-nav .nav .dropdown-menu li a:hover, .main-nav .nav .dropdown-menu li a:active, .main-nav .nav .dropdown-menu li a:focus {
  border-bottom: 1px solid white;
  color: black;
}
@media (max-width: 1023px) {
  .main-nav .nav .dropdown-menu li a:hover, .main-nav .nav .dropdown-menu li a:active, .main-nav .nav .dropdown-menu li a:focus {
    background-color: transparent;
    border-bottom: 1px solid #000000;
  }
}

@media (min-width: 1024px) {
  .itinerary-container .my-itinerary-header {
    position: fixed;
    left: 100%;
    top: 40%;
    -ms-transform: translate(0%, -50%);
        transform: translate(0%, -50%);
    -webkit-transform: rotateZ(90deg);
    -webkit-transform-origin: 0% 100%;
        -ms-transform-origin: 0% 100%;
            transform-origin: 0% 100%;
    bottom: auto;
  }
}

/*********************
 INSTAGRAM FEED
*********************/
#sb_instagram {
  padding-top: 72px;
}
#sb_instagram * > a {
  border-bottom: none;
}
#sb_instagram .sbi_header_text h3 {
  font-family: "Primo";
}
#sb_instagram .sbi_header_text h3::before {
  content: "@";
}
@media (min-width: 768px) {
  #sb_instagram .sbi_header_text h3 {
    font-size: 22px;
  }
}

#sb_instagram .sb_instagram_header .sbi_header_text.sbi_no_bio h3 {
  padding-top: 5px !important;
}

/*********************
 OVERWRITE THE COLORS
*********************/
body {
  border-bottom: 20px solid #000000;
}

.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  background-color: transparent;
}
@media (max-width: 1023px) {
  .dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    border-bottom: 1px solid #000000;
  }
}

h4,
.h4 {
  color: #000000;
}

.exhibition-category {
  color: #000000;
}

.visible-nav ul li a {
  color: #000000;
}

.navbar-toggle-container .navbar-toggle-header {
  color: #000000;
}

.hamburger .icon-bar {
  background-color: #000000;
}

.newsletter-signup__submit:hover,
.newsletter-signup__submit:focus,
.newsletter-signup__submit:active {
  color: #fff;
  background-color: #000000;
}

.menu-selected-exhibitions a,
.menu-exhibitions a,
.menu-selected-printing-prize a,
.menu-printing-prize a {
  color: #000000;
}

.menu-selected-exhibitions a:hover,
.menu-selected-exhibitions a:focus,
.menu-selected-exhibitions a:active,
.menu-exhibitions a:hover,
.menu-exhibitions a:focus,
.menu-exhibitions a:active,
.menu-selected-printing-prize a:hover,
.menu-selected-printing-prize a:focus,
.menu-selected-printing-prize a:active,
.menu-printing-prize a:hover,
.menu-printing-prize a:focus,
.menu-printing-prize a:active {
  border-color: #000000;
}

.icon-blue,
.icon-brand-primary {
  fill: #000000;
}

.btn-fill-blue {
  background-color: #000000;
}

.btn-border-blue {
  border: 2px solid #000000;
}

.btn-blue {
  color: #000000;
}

.itinerary-container .exhibitions-link {
  color: #000000;
}

.itinerary-container .exhibitions-link:hover {
  border-color: #000000 !important;
}

.itinerary-overlay .event-type-exhibitions {
  color: #000000;
}

.itinerary-overlay .event-type-exhibitions span {
  border-color: #000000;
}

.date-picker-wrapper {
  border: 2px solid #000000;
  color: #000000;
}

.date-picker-wrapper .month-name,
.date-picker-wrapper .month-wrapper table .day.toMonth.valid {
  color: #000000;
}

.date-picker-wrapper .month-wrapper table td .day.real-today {
  border: 1px solid #000000;
  color: #000000;
}

.date-picker-wrapper .month-wrapper table .day.toMonth.valid.checked,
.date-picker-wrapper .month-wrapper table .day.toMonth.valid.checked.first-date-selected,
.date-picker-wrapper .month-wrapper table .day.toMonth.valid.checked.last-date-selected {
  background-color: #000000 !important;
}

.date-picker-wrapper table .caption .next,
.date-picker-wrapper table .caption .next:hover,
.date-picker-wrapper table .caption .next:active,
.date-picker-wrapper table .caption .next:focus,
.date-picker-wrapper table .caption .prev,
.date-picker-wrapper table .caption .prev:hover,
.date-picker-wrapper table .caption .prev:active,
.date-picker-wrapper table .caption .prev:focus {
  color: #000000;
}

.front-schedule__heading {
  color: #000000;
}

.front-schedule__sorting-status {
  color: #000000;
}

.front-schedule__sorting-status .filter-button:checked + span.input .icon {
  background-color: #000000;
}

.front-schedule__sorting-status span.input {
  border: 3px solid #000000;
}

.front-schedule__datepicker input {
  color: #000000;
}

.front-schedule__heading {
  color: #000000;
}

.front-schedule__sorting-status {
  color: #000000;
}

.front-schedule__sorting-status .filter-button:checked + span.input .icon {
  background-color: #000000;
}

.front-schedule__sorting-status span.input {
  border: 3px solid #000000;
}

.front-schedule__datepicker input {
  color: #000000;
}

.front-schedule__exhibition-heading.is-active {
  color: #000000;
  border-bottom: 1px solid #000000;
}

.single-tab__link {
  color: #000000;
  border-color: #000000;
}

.contest-form .acf-button.blue,
.contest-form .button {
  background-color: #000000;
}

.contest-form .acf-button.blue:hover,
.contest-form .button:hover,
.contest-form .acf-button.blue:active,
.contest-form .button:active,
.contest-form .acf-button.blue:focus,
.contest-form .button:focus {
  background-color: #000000;
}

.payment .stripe-button-el:not(:disabled):active span,
.payment .stripe-button-el:not(:disabled):focus span {
  background: #000000;
}

.payment .stripe-button-el:not(disabled).payment .stripe-button-el:hover span,
.payment .stripe-button-el:not(disabled).payment .stripe-button-el:focus span,
.payment .stripe-button-el:not(disabled).payment .stripe-button-el:active span {
  background-color: #000000 !important;
}

.payment .stripe-button-el span {
  background-color: #000000;
}

.error404 .input-group input[type=search] {
  border-bottom: 1px solid #000000;
}

.submission-btn {
  background-color: #000000;
}

.submission-breadcrumbs-list-item--active .submission-breadcrumbs-figure {
  background-color: #000000;
}

.acf-field-radio ul.acf-radio-list label,
.acf-field-radio ul.acf-hl.acf-radio-list label {
  border: 2px solid #000000;
  color: #000000;
}

.acf-field-radio ul.acf-radio-list label.event-type--active,
.acf-field-radio ul.acf-hl.acf-radio-list label.event-type--active {
  background-color: #000000;
}

.review-field .event-review__label--edit {
  color: #000000;
}

.archive .post:after,
.search .post:after,
.blog .post:after {
  background-color: #000000;
}

.supporters .keyline:after {
  background-color: #000000;
}

.search-form__submit:hover,
.search-form__submit:focus,
.search-form__submit:active {
  background-color: #000000;
}

.control-item {
  background-color: #000000;
}

.post-type-filter-container span.input,
.legend-container span.input {
  border: 3px solid #000000;
}

.filter-container:not(.legend-container) .h4,
.filter-container:not(.legend-container) .filters {
  color: #000000;
}

.filters .filter-button-blue {
  color: #000000;
}

.filters .filter-button-blue.active span.input {
  background-color: #000000;
}

.filters span.input {
  border: 3px solid #000000;
}

.post-type-filter-container .exhibition-span,
.legend-container .exhibition-span {
  color: #000000;
}

.legend-container .exhibition-span svg {
  fill: #000000;
}

.post-type-filter-container .exhibition-span .active span.input,
.legend-container .exhibition-span span.input {
  background-color: #000000;
  border: 3px solid #000000;
}

.map-container .info-window-content .post-type-text.exhibitions,
.page-template-page-calendar .post-type-text.exhibitions {
  color: #000000;
}

.post-type-text.youth-programs span.exhibitions {
  color: #000000;
}

.mailchimp-form form {
  background-color: #000000;
}

.mailchimp-form .form-item label {
  color: #000000;
}

.mailchimp-form input[type=text],
.mailchimp-form input[type=email] {
  color: #000000;
}

@media print {
  html.itinerary-overlay-open .itinerary-overlay {
    background-color: #000000;
  }
}
.fc-event,
.fc-event-dot {
  background-color: #000000;
  border: 1px solid #000000;
}

.tool-tip-event .color-exhibitions {
  color: #000000;
}

#mailpoet_form_2 input.mailpoet_submit {
  color: #000000 !important;
}

.btn {
  background-color: #000000;
}

.btn:focus, .btn:hover {
  background-color: #000000;
}

.btn:active {
  background-color: #000000;
}

.menu-public-art a {
  color: #000000;
}

.menu-public-art a:hover,
.menu-public-art a:focus,
.menu-public-art a:active {
  border-color: #000000;
}

.icon-orange,
.icon-brand-secondary {
  fill: #000000;
}

.btn-fill-orange {
  background-color: #000000;
}

.btn-orange {
  color: #000000;
}

.itinerary-container {
  background-color: #000000;
}

.itinerary-container .planner-header {
  background-color: #000000;
}

.itinerary-container .public-installations-link {
  color: #000000;
}

.itinerary-container .public-installations-link:hover {
  border-color: #000000 !important;
}

.itinerary-container .my-itinerary-header {
  color: #000000;
}

.itinerary-container .my-itinerary-header a {
  background-color: #000000;
}

@media (min-width: 768px) {
  .itinerary-overlay .container-fluid {
    border-bottom: 18px solid #000000;
    border-left: 18px solid #000000;
    border-right: 18px solid #000000;
  }
}
.itinerary-overlay .event-type-public-installations {
  color: #000000;
}

.itinerary-overlay .event-type-public-installations span {
  border-color: #000000;
}

.itinerary-overlay .event-type-public-installations svg {
  fill: #000000;
}

.date-picker-wrapper .date-range-length-tip {
  background-color: #000000;
}

.date-picker-wrapper .date-range-length-tip:after {
  border-top: 4px solid #000000;
}

.contest-form .acf-error-message,
.contest-form .acf-field .acf-error-message {
  background-color: #000000;
}

.contest-form .acf-error-message:after,
.contest-form .acf-field .acf-error-message:after {
  border-top-color: #000000;
}

.contest-form span.acf-required {
  color: #000000;
}

.single-exhibitions .itinerary-add:hover,
.single-public-installations .itinerary-add:hover,
.single-events .itinerary-add:hover,
.single-artists .itinerary-add:hover,
.single-gallery .itinerary-add:hover {
  color: #000000;
}

.single-exhibitions .itinerary-add:hover svg,
.single-public-installations .itinerary-add:hover svg,
.single-events .itinerary-add:hover svg,
.single-artists .itinerary-add:hover svg,
.single-gallery .itinerary-add:hover svg {
  border-color: #000000;
  fill: #000000;
}

.single-public-installations .colour-header {
  color: #000000;
}

.single-public-installations .colour-header svg {
  fill: #000000;
}

.entry-sidebar .related-public-art .capture-grid-entry h3 a {
  color: #000000;
}

.itinerary-add.added {
  color: #000000;
}

.itinerary-add.added svg {
  border-color: #000000;
  background-color: #000000;
}

.post-type-archive .tooltip,
.page-template-page-calendar .tooltip,
.search .tooltip,
.page-template-template-open-exhibitions .tooltip {
  color: #000000;
  border: 1px solid #000000;
}

.post-type-archive .tooltip:before,
.page-template-page-calendar .tooltip:before,
.search .tooltip:before,
.page-template-template-open-exhibitions .tooltip:before {
  border-top-color: #000000;
}

@media (max-width: 767px) {
  .post-type-archive .tooltip:before,
.page-template-page-calendar .tooltip:before,
.search .tooltip:before,
.page-template-template-open-exhibitions .tooltip:before {
    border-color: transparent #000000 transparent transparent;
  }
}
@media (min-width: 768px) {
  .post-type-archive .tooltip:before,
.page-template-page-calendar .tooltip:before,
.search .tooltip:before,
.page-template-template-open-exhibitions .tooltip:before {
    border-top-color: #000000;
  }
}
.post-type-filter-container .public-art-span,
.legend-container .public-art-span,
.post-type-archive-public-installations .filter-container .h4,
.post-type-archive-public-installations .filter-container .filters {
  color: #000000;
}

.legend-container .public-art-span svg,
.post-type-archive-public-installations .filter-container .sort-by svg {
  fill: #000000;
}

.post-type-filter-container .public-art-span .active span.input,
.legend-container .public-art-span span.input,
.post-type-archive-public-installations .filter-container .filter-button-blue.active span.input {
  background-color: #000000;
}

.post-type-filter-container .public-art-span span.input,
.legend-container .public-art-span span.input,
.post-type-archive-public-installations .filter-container span.input {
  border: 3px solid #000000;
}

.map-container .info-window-content .post-type-text.public-installations,
.page-template-page-calendar .post-type-text.public-installations {
  color: #000000;
}

.ci_save_session_logged_in {
  border: 1px solid #000000;
}

.ci_save_session_logged_in button,
.ci_save_session_logged_in .button {
  background-color: #000000;
}

.tool-tip-event .color-public-installations {
  color: #000000;
}

.button,
.button:hover,
.button:focus,
.button:active {
  border: 2px solid #000000;
}

.btn.dropdown-toggle {
  color: white;
}

.btn.dropdown-toggle .icon {
  fill: white;
}

.search-form__submit.btn {
  background-color: transparent;
}
.search-form__submit.btn:hover, .search-form__submit.btn:focus, .search-form__submit.btn:active {
  background-color: #000000;
  color: white;
}

.home .video-wrapper {
  position: relative;
  overflow: hidden;
  width: 100%;
}
.home .video-wrapper:before {
  content: "";
  display: block;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
}
.home .video-wrapper iframe, .home .video-wrapper video {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.home .video-wrapper-nb {
  padding: 0 !important;
}