/*
 Theme Name:  DPAC 2018
 Template:    bootstrap-basic
 Text Domain: dpac2018
 Version: 2023-09-19::0
*/

:root {
  --brand-orange:#f05323;
  --brand-red:#c0311a;
  --brand-yellow:#fae200;
  --gray-extra-dark:#272727;
  --gray-dark:#5f6062;
  --gray-light:#a7a9ac;
  --gray-extra-light:#e2e2e2;
  --gray-extra-extra-light:#f2f2f2;
  --font-default:"Helvetica Neue", "Roboto", Helvetica, Arial, Verdana, sans-serif;
  --font-heading:proxima-nova, "Helvetica Neue", "Roboto", Helvetica, Arial, Verdana, sans-serif;
}

/*---Import Web fonts---*/
@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700');

/*-----TYPOGRAPHY-----*/
.sans-serif {
  font-family: var(--font-default);
}
.headline-text {
  font-family: var(--font-default);
  font-weight: 400;
  text-transform: uppercase;
  line-height: 1em;
}
.bold {font-weight: 700;}
.regular-text {font-family: var(--font-default);}
.uppercase {text-transform: uppercase;}

h1, .h1 {font-size:50px; font-weight:900;}
h1, .h1,
h2, .h2,
h3, .h3 {
  font-family:var(--font-heading);
  color: #111;
  font-style: normal;
  line-height: 1.1em;
}
h4, .h4,
h5, .h5 {
  font-family: var(--font-default);
  font-weight: 300;
  color: #111;
  line-height: 1.25em;
}
h6, .h6 {
  font-family: var(--font-default);
  font-weight: 300;
  font-style: italic;
  line-height: 1em;
  color: #111;
  font-size: 14px;
  text-transform: uppercase;
}
h2, .h2 {
  font-size:32px;
  margin-top: 30px;
  margin-bottom: 0px;
  font-weight: 300;
}
h2.padded {padding: 0 15px;}
h3, .h3 {font-size:30px; font-weight: 300; margin-top: 30px; margin-bottom: 5px;}
h4, .h4 {
  font-size: 22px;
  margin-bottom: 0.25em;
  margin-top: 30px;
}
h5, .h5 {
  font-size: 18px;
  text-transform: uppercase;
  color:var(--brand-orange);
  margin-bottom: 0.25em;
  margin-top: 30px;
}

/* General
----------------------------------------------------*/
.hidden {display:none !important;}
.invisible {visibility:hidden;}
.visually-hidden {position:absolute; border:0; clip:rect(0 0 0 0); height:1px; width:1px; overflow:hidden; margin:-1px; padding:0; white-space:nowrap;}

/* Alignment */
.text-left {text-align:left;}
.text-center {text-align:center;}
.text-right {text-align:right;}
.float-left {float:left;}
.float-right {float:right;}
.block-center {max-width:65rem; margin-left:auto; margin-right:auto;}
.block-center-wide { max-width:90rem; }
.justify-start { justify-content:flex-start; }
.justify-center { justify-content:center;}
.justify-end { justify-content:flex-end;}
.justify-between { justify-content:space-between;}
.justify-around { justify-content:space-around;}
.justify-self-start { justify-self:flex-start;}
.justify-self-center { justify-self:center;}
.justify-self-end { justify-self:flex-end;}
.align-start { align-items:flex-start; }
.align-center { align-items:center;}
.align-end { align-items:flex-end;}
.align-self-start { align-self:flex-start; }
.align-self-center { align-self:center; }
.align-self-end { align-self:flex-end; }

.m-0 {margin:0 !important;}
.margbott0 {margin-bottom: 0px !important;}
.margbott10 {margin-bottom: 10px !important;}
.margbott20 {margin-bottom: 20px !important;}
.margbott30 {margin-bottom: 30px !important;}
.margbott40 {margin-bottom: 40px !important;}
.margbott50 {margin-bottom: 50px !important;}
.margbott60 {margin-bottom: 60px !important;}
.margbott80 {margin-bottom: 80px !important;}
.margbott100 {margin-bottom: 100px !important;}
.margtop0 {margin-top: 0px !important;}
.margtop10 {margin-top: 10px !important;}
.margtop20 {margin-top: 20px !important;}
.margtop30 {margin-top: 30px !important;}
.margtop40 {margin-top: 40px !important;}
.margtop50 {margin-top: 50px !important;}
.margtop60 {margin-top: 60px !important;}
.margtop80 {margin-top: 80px !important;}
.margtop100 {margin-top: 100px !important;}
.p-0 {padding:0 !important;}
.paddtop0 {padding-top: 0px !important;}
.paddtop10 {padding-top: 10px !important;}
.paddtop20 {padding-top: 20px !important;}
.paddtop30 {padding-top: 30px !important;}
.paddtop40 {padding-top: 40px !important;}
.paddtop50 {padding-top: 50px !important;}
.paddtop60 {padding-top: 60px !important;}
.paddtop80 {padding-top: 80px !important;}
.paddtop100 {padding-top: 100px !important;}
.paddbott0 {padding-bottom: 0px !important;}
.paddbott10 {padding-bottom: 10px !important;}
.paddbott20 {padding-bottom: 20px !important;}
.paddbott30 {padding-bottom: 30px !important;}
.paddbott40 {padding-bottom: 40px !important;}
.paddbott50 {padding-bottom: 50px !important;}
.paddbott60 {padding-bottom: 60px !important;}
.paddbott80 {padding-bottom: 80px !important;}
.paddbott100 {padding-bottom: 100px !important;}
.text-center {text-align: center !important;}
.sixty-width {width:60%;margin-left:auto;margin-right:auto;}
.eighty-width {width:80%;margin-left:auto;margin-right:auto;}

/*-----COLORS-----*/
.ltgray {color: #84888b !important;}
.dkgray {color: #575a5d !important;}
.orange {color: var(--brand-orange) !important;}
.red {color: var(--brand-red) !important;}
.white, .white h1, .white h2, .white h3, .white h4, .white h5, .white h6 {
  color: #fff !important;
}
.black {color: #111 !important;}
.bg-dkgray {background-color: #575a5d;}
.bg-ltgray {background-color: #84888b;}
.bg-veryltgray {background-color: rgba(100, 100, 100, 0.2);}
.bg-orange {background-color: var(--brand-orange);}
.bg-red {background-color: var(--brand-red);}
.bg-white {background-color: #fff;}
.bg-offwhite {background-color: #f9f9f9;}
.bg-black {background-color: #111;}
.bg-ndblue {background-color: #002b5b;}
.yellow,
.dance {color: #fae200 !important;}
.teal,
.film {color: #76bab2 !important;}
.pink,
.theater {color: #e81e75 !important;}
.purple,
.music {color: #b080d0 !important;}
.bg-yellow,
.bg-dance {background-color: #fae200 !important;}
.bg-teal,
.bg-film {background-color: #76bab2 !important;}
.bg-pink,
.bg-theater {background-color: #e81e75 !important;}
.bg-purple,
.bg-music {background-color: #b080d0 !important;}
.bg-fadeorange {background-color: rgba(240, 83, 35, 0.8) !important;}
.orangeborder {border: 1px solid var(--brand-orange);}

/*-----GENERAL-----*/
html,
body { height: 100%; position:relative; }
body {
  font-family: var(--font-default);
  font-weight: 300;
  font-style: normal;
  font-size: 1.8em;
  overflow-x: hidden;
  color: #575a5d;
  transition: all .3s ease-out;
  scroll-behavior:smooth;
}
iframe {max-width:100%;}
strong {color:#111;font-weight: 500;}
.white strong {color:#fff;font-weight: 500;}
.screen-reader-text {display: none;}

.c1 {
    background-color: var(--gray-extra-light);
    padding: 20px;
    margin-bottom: 1em;
}

a {
  color: var(--brand-orange);
  font-family: var(--font-default);
  transition: all .1s ease-out;
}
a:hover {color: var(--brand-red);}

.cta-link {
  transition: all 0.1s ease-out;
  font-size:15px !important;
}

a.cta-link, a .cta-link {text-transform: uppercase;text-decoration:none !important;color:#111;font-weight: 500 !important;position:relative;padding:15px 60px 15px 0;display: inline-block !important;margin-top:30px;}
a.cta-link:before, a .cta-link:before {
  content: "\2013";
  color: var(--brand-orange);
  margin-right: 4px;
  text-decoration:none !important;
}
a.cta-link:after, .cta-link:after {content:"";display:block;position:absolute;width:100%;height:1px;background-color:var(--brand-orange);top:0;left:0;}
a.cta-link.nobar:after, .cta-link.nobar:after {content:none;}
a.cta-link:hover, a:hover .cta-link {color:#575a5d !important;}

.bg-orange a.cta-link, .bg-orange a .cta-link, .bg-fadeorange a.cta-link, .bg-teal a.cta-link {text-transform: uppercase;text-decoration:none !important;color:#111;font-weight: 600 !important;}
.bg-orange a.cta-link:before, .bg-orange a .cta-link:before, .bg-fadeorange a.cta-link:before {
    content: "\2013";
    color: #fff;
    margin-right: 4px;
}
.bg-orange a.cta-link:after, .bg-orange .cta-link:after {background-color:#fff;}
.bg-red a {color: #fff;}
.bg-red a:hover {color: rgba(255, 255, 255, 0.6);}
.nav a {font-weight: 400 !important;}

img {max-width: 100%; height: auto;}
p {margin: 0 0 1em 0;font-weight:300 !important;}
p span {font-weight:300 !important;}

/*----SLICK CAROUSEL-----*/

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  user-select: none;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}
.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
.slick-list:focus {outline: none;}
.slick-loading .slick-list {
  background: #fff url("./ajax-loader.gif") center center no-repeat;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}
.slick-slider .slick-track {transform: translate3d(0, 0, 0);}
.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
}
.slick-track:before,
.slick-track:after {
    content: "";
    display: table;
}
.slick-track:after {clear: both;}
.slick-loading .slick-track {visibility: hidden;}
.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none;
}
[dir="rtl"] .slick-slide {float: right;}
.slick-slide img {display: block;}
.slick-slide.slick-loading img {display: none;}
.slick-slide.dragging img {pointer-events: none;}
.slick-initialized .slick-slide {display: block;}
.slick-loading .slick-slide {visibility: hidden;}
.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}

/*-- Icons --*/
@font-face {
    font-family: "slick";
    src: url("./fonts/slick.eot");
    src: url("./fonts/slick.eot?#iefix") format("embedded-opentype"), url("./fonts/slick.woff") format("woff"), url("./fonts/slick.ttf") format("truetype"), url("./fonts/slick.svg#slick") format("svg");
    font-weight: normal;
    font-style: normal;
}

/* Arrows */
.slick-prev,
.slick-next {
    position: absolute;
    display: block;
    height: 30px;
    width: 30px;
    line-height: 0;
    font-size: 0 !important;
    cursor: pointer;
    background: transparent;
    color: transparent;
    top: 50%;
    margin-top: -15px;
    padding: 0;
    border: none;
    outline: none;
}

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
    outline: none;
    background: transparent !important;
    color: transparent;
}

.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
    opacity: 1;
}

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
    opacity: 0;
}

.slick-prev:before,
.slick-next:before {
    font-family: "slick";
    font-size: 30px;
    line-height: 1;
    color: white;
    opacity: 1;
    font-smoothing: antialiased;
}
.slick-prev {left: 60px;}
[dir="rtl"] .slick-prev {left: auto; right: 60px;}
.slick-prev:before {content: "←";}
[dir="rtl"] .slick-prev:before {content: "→";}
.slick-next {right: 60px;}
[dir="rtl"] .slick-next {left: 60px; right: auto;}
.slick-next:before {content: "→";}
[dir="rtl"] .slick-next:before {content: "←";}

/* Dots */
.slick-slider {
    margin-bottom: 30px;
}

.slick-dots {
    position: absolute;
    bottom: -45px;
    list-style: none;
    display: none;
    text-align: center;
    padding: 0;
    width: 100%;
}

.slick-dots li {
    position: relative;
    display: inline-block;
    height: 20px;
    width: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
}

.slick-dots li button {
    border: 0;
    background: transparent !important;
    display: block;
    height: 20px;
    width: 20px;
    outline: none;
    line-height: 0;
    font-size: 0;
    color: transparent;
    padding: 5px;
    cursor: pointer;
}

.slick-dots li button:hover,
.slick-dots li button:focus {
    outline: none;
}

.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
    opacity: 1;
}

.slick-dots li button:before {
    position: absolute;
    top: 0;
    left: 0;
    content: "•";
    width: 20px;
    height: 20px;
    font-family: "slick";
    font-size: 6px;
    line-height: 20px;
    text-align: center;
    color: black;
    opacity: 0.25;
    font-smoothing: antialiased;
}

.slick-dots li.slick-active button:before {
    color: var(--brand-orange);
    opacity: 1;
}

/* copied from caro-styles.css */
.wpf_carousel_container {
    width: 100% !important;
}

.slick-slider {
    margin: 0;
}

.wpf_carousel_container > h2 {
    margin: 10px 0px !important;
    font-size: 18px !important;
    padding: 5px;
}
.wpf_slides {
    margin-left: 0;
    margin-right: 1px;
    padding: 0;
}
.wpf_slides img {
    width: auto;
    height: auto;
    margin: 0.5em auto !important;
}
#wpf_products—grid-carousel .wpf_slides img {
    width: 100%;
    margin: 0.5em 0 !important;
}
.wpf_slides:hover img {opacity: 1;}
.wpf_slides > h3,
.wpf_slides > h4,
.wpf_slides > h5,
.wpf_slides h6 {color: #fff;}
.wpf_slides > p {
    color: #fff;
    font-size: 20px !important;
    line-height: 22px !important;
    margin: 5px 0px 10px !important;
}
.wpf_slides > a {
    text-decoration: none;
    font-size: 20px;
    line-height: 22px;
    border: none;
}
.wpf_slides > a:focus {outline: none;}

.slick-prev:before,
.slick-next:before {color: #111;}
.slick-prev,
.slick-next {
    bottom: auto;
    top:64%;
    box-shadow: none;
    padding: 0px;
    width: 60px;
    height: 60px;
    background: none !important;
}
.slick-prev {left: -15px;}
.slick-next {right: 0;}
.slick-prev::before,
.slick-next::before { font-family: "FontAwesome"; font-size: 60px;}
.slick-prev::before {content: '\f104';}
.slick-next::before {content: "\f105";}
.slick-disabled {display: none !important;}
.slick-slider button {opacity:0.8 !important; transition: all .1s ease-out;}
.slick-slider:hover button{opacity:1 !important;}

/* Home Hero
******************************/
:root { --slide-opacity:1; }
.hero--container {}
.hero--image { width:100%; aspect-ratio:16/9; background:#000;}
  .hero--image img { object-fit:cover; width:100%; height:100%; }
.hero--primary { position:relative; padding:2rem; }
.hero--title-block { position:relative; }
  .hero--title-block::before { position: absolute; top: -15px; left: 0; display: block; content: ''; width: 50px; height: 4px; background: var(--brand-orange); }
.hero--title { margin:0; }
.hero--pretitle,
.hero--subtitle { margin:0; }
.hero--cta { margin:2rem 0; }

@media screen and (min-width:768px){
  :root { --slide-opacity:0.4; }
  .hero--container { display:grid; gap:1rem;
    grid-template-rows:6rem repeat(4, auto);
    grid-template-columns:5vw 1fr 1fr 5vw;
  }
  .hero--image { grid-column:1/-1; grid-row:1/4; overflow:hidden; aspect-ratio:auto; }
    .hero--image img { object-fit:cover; /*filter:grayscale(1);*/ }
    .hero--image .hero-single img { opacity:0.4; }
  .hero--primary { grid-column:2/4; grid-row:2/3; padding:3rem 0; color:#fff; }
    .hero--title-block { margin-top:6rem; }
    .hero--title { color:#fff; }
  .hero--secondary { grid-column:2/4; grid-row:3/5; }

  .feature-count-1 .hero--primary { grid-column:2/3; grid-row:2/4; display:flex; flex-flow:column; justify-content:center;}
  .feature-count-1 .hero--secondary { grid-column:3/4; grid-row:2/-1; }
}
@media screen and (min-width:1400px){
  .feature-count-1.hero--container { grid-template-rows:6rem 300px 300px 1fr 1fr; }
  .hero--container { gap:2rem; grid-template-columns:10vw 1fr 1fr 10vw; }
}

  /* Slides */
.hero-slides { width:100%; height:100%; position:relative; overflow:hidden; }
  .hero-slides.slide-count-2 img { animation:kenburns2 20s infinite; }
  .hero-slides.slide-count-3 img { animation:kenburns3 30s infinite; }
  .hero-slides.slide-count-4 img { animation:kenburns4 40s infinite; }
  .hero-slides.slide-count-5 img { animation:kenburns5 50s infinite; }
  .hero-slide { position:absolute; top:0; bottom:0; left:0; right:0; }
  .hero-slides img { opacity:0; width:100%; transform-origin:50% 50%; }
    .hero-slide.anim-upper-left img { transform-origin:10% 10%; }
    .hero-slide.anim-upper-right img { transform-origin:90% 10%; }
    .hero-slide.anim-lower-right img { transform-origin:90% 90%; }
    .hero-slide.anim-lower-left img { transform-origin:10% 90%; }
    .hero-slide.anim-upper-center img { transform-origin:50% 10%; }
    .hero-slide.anim-middle-right img { transform-origin:90% 50%; }
    .hero-slide.anim-lower-center img { transform-origin:50% 90%; }
    .hero-slide.anim-middle-left img { transform-origin:10% 50%; }
    .hero-slide.anim-center img { transform-origin:50% 50%; }
    .hero-slide.slide_photo_2 img { animation-delay:10s; }
    .hero-slide.slide_photo_3 img { animation-delay:20s; }
    .hero-slide.slide_photo_4 img { animation-delay:30s; }
    .hero-slide.slide_photo_5 img { animation-delay:40s; }

    .hero-slide.start-top { transform-origin:top; }
    .hero-slide.start-middle { transform-origin:center; }
    .hero-slide.start-bottom { transform-origin:bottom; }

/* Slide Animations */
@keyframes kenburns2 {
  0% { transform: scale(1); opacity: 0; }
  2% { opacity: var(--slide-opacity); }
  50% { opacity: var(--slide-opacity); }
  55% { transform: scale(1.2); opacity: 0; }
}

@keyframes kenburns3 {
  0% { transform: scale(1); opacity: 0; }
  2% { opacity: var(--slide-opacity); }
  33% { opacity: var(--slide-opacity); }
  38% { transform: scale(1.2); opacity: 0; }
}

@keyframes kenburns4 {
  0% { transform: scale(1); opacity: 0; }
  2% { opacity: var(--slide-opacity); }
  25% { opacity: var(--slide-opacity); }
  30% { transform: scale(1.2); opacity: 0; }
}

@keyframes kenburns5 {
  0% { transform: scale(1); opacity: 0; }
  2% { opacity: var(--slide-opacity); }
  20% { opacity: var(--slide-opacity); }
  25% { transform: scale(1.2); opacity: 0; }
}

/* Features */
.hero--secondary { position:relative; }
.hero-features {}
  .hero-feature {}
  .hero-feature .hero-feature--link { display:block; text-decoration:none; color:var(--gray-extra-dark); transition:all 325ms cubic-bezier(0, 0, 0, 1); }
  .hero-feature .hero-feature--link:hover { transform:scale(1.01); }
  .hero-feature--image {}
    .hero-feature--link:hover .hero-feature--image img {filter: sepia(300%) hue-rotate(-30deg) saturate(300%);}
  .hero-feature--content { padding:1rem 2rem 4rem; }
    .hero-feature--title { position:relative; margin-bottom:1rem; }
    .hero-feature--title::before { position: absolute; top: -15px; left: 0; display: block; content: ''; width: 50px; height: 4px; background: var(--brand-orange); }
    .hero-feature--subtitle {}

@media screen and (min-width:768px){
  .hero-features { display:flex; gap:2rem; }
    .feature-count-1 .hero-feature {}
    .feature-count-2 .hero-feature {width:50%;}
    .feature-count-3 .hero-feature {width:33%;}
}

/* Home Intro Spotlight
******************************/
.intro-spotlight {}
.intro-spotlight-img { aspect-ration:2/1; }
.spotlight-infoband { padding:2rem; }
.spotlight-infoband h2 {margin:0 0 1rem;}

@media screen and (min-width:768px){
  .intro-spotlight-img {}
}
@media screen and (min-width:1000px){
  .intro-spotlight { display:grid; margin:8rem 0;
    grid-template-columns: 1fr 30vw 32px;
    grid-template-rows: 1fr;
  }
  .intro-spotlight-img { grid-row:1/-1; grid-column:1/-1; object-fit:cover; width:100%; }
  .spotlight-infoband { grid-column:2/3; grid-row:1/-1; align-self:end; padding:4rem; background:rgba(240,83,35,0.9); }
}

/* Triptych
******************************/
.triptychs { margin:2rem 0; background:rgba(0,0,0,0.8); }
  .triptych {}
  .triptych--img { width:100%; }
  .triptych--title { margin:0; position:relative; }
  .triptych--title::before { position:absolute; top:26px; left:20px; display:block; content:''; width:50px; height:4px; background:var(--brand-orange); }
  .triptych .triptych--link { display:block; padding:4rem 2rem 2rem; color:#fff; text-decoration:none; }
  .triptych .triptych--link:hover { text-decoration:underline; }

@media screen and (min-width:768px){
  .triptychs { display:flex; height:100vh; max-height:600px; margin:4rem 0; gap:5px; background:none; }
    .triptych { display:grid; width:33%;
      grid-template-rows:1fr auto;
      grid-template-columns:auto;
    }
    .triptych--img { grid-row:1/-1; grid-column:1/-1; object-fit:cover; height:100%; }
    .triptych--title { grid-row:2/3; grid-column:1/-1; background:rgba(0,0,0,0.8); }
}

@media screen and (min-width:1200px){
  .triptychs { display:grid;
    grid-template-rows:1fr 1fr;
    grid-template-columns:1fr 1fr 1fr;
  }
  .triptych { width:auto; }
  .triptych:nth-child(1) { grid-row:1/-1; grid-column:1/3; }
  .triptych:nth-child(2) { grid-row:1/2; grid-column:3/4; }
  .triptych:nth-child(3) { grid-row:2/3; grid-column:3/4; }
}

/* Related Events
******************************/
#related-events h2 {
    position: relative;
    display: block;
    padding-top: 30px;
}
#related-events h2:before {
    content:"";
    position:absolute;
    top:0;
    height:1px;
    left: 35%;
    right: 35%;
    background-color:#111;
}

#gallery .slick-prev {
    left: -60px;
    top:40%;
    bottom:auto;
}

#gallery .slick-next {
    right: -60px;
    top:40%;
    bottom:auto;
}
#gallery .slick-prev:before,
#gallery .slick-next:before {
    color: #fff;
}

@media (hover: none) {
    .staff-page-block a .staff-details-block {bottom:0%;}
}

@media only screen and (min-width:1170px) {
    .nav li.mainmenu-events .sub-menu {
        width: 850px;
        padding: 15px 5px;
    }
}

@media only screen and (min-width:1024px) {
    .nav li.mainmenu-events .sub-menu {
        width: 760px;
        padding: 15px 5px;
    }
}

@media only screen and (max-width:1023px) {
    .nav li.mainmenu-events .sub-menu {
        width: 740px;
        padding: 15px 5px;
    }
}


@media only screen and (max-width: 1060px) and (min-width:768px) {
    #gallery .wpf_carousel_container, #related-events .wpf_carousel_container {width: 90% !important;}
}

@media only screen and (max-width: 767px) {
  .event-details-block {min-height: 0px !important; padding:30px !important;}
  .entry-content,
  .entry-header {padding: 0 15px !important;}
}

/*-----BUTTONS-----*/
.gform_wrapper .gform_footer {margin: 0 !important;}
.btn,
.btn-primary,
button,
.button,
input[type="submit"],
input[type="reset"],
.gform_wrapper .gform_footer input.button,
.gform_wrapper .gform_footer input[type="submit"],
.gform_wrapper .gform_page_footer input.button,
.gform_wrapper .gform_page_footer input[type="submit"], .tm_pb_button {
    font-family: var(--font-default);
    font-weight: 300 !important;
    font-size: 16px !important;
    line-height: 1.5em !important;
    color: #fff !important;
    background-color: var(--brand-orange) !important;
    border:none !important;
    border-radius: 10px !important;
    padding: 5px 28px !important;
    text-decoration: none !important;
    display: inline-block;
    cursor:pointer !important;
    transition: all 0.1s ease-out;
    border-color: transparent !important;
    box-shadow: none !important;
    text-shadow: none !important;
    text-transform:uppercase ;
    text-align:center;
    max-width: 100%;
    white-space: normal;
}

button span {pointer-events: none;}

.btn,
.btn-primary,
.btn-default {background-image: none !important;}
.button.inactive {cursor:default !important;background-color: #575a5d !important;}
.btn:hover,
.btn-primary:hover,
button:hover,
.button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
.gform_wrapper .gform_footer input.button:hover,
.gform_wrapper .gform_footer input[type="submit"]:hover,
.gform_wrapper .gform_page_footer input.button:hover,
.gform_wrapper .gform_page_footer input[type="submit"]:hover,
ul.seasonal-links li.current-menu-item .button, button.selected, .button.selected, .tm_pb_button:hover {
    color: #fff !important;
    background-color: #575a5d !important;
    text-decoration: none;
}

.button.small {font-size: 14px !important;padding: 3px 15px !important;}
button.black,
.button.black,
input[type="submit"].black {background-color: #111 !important;}
button.black:hover,
.button.black:hover,
input[type="submit"].black:hover {background-color: #575a5d !important;}
button.white,
.button.white,
input[type="submit"].white {color:#333 !important; background-color: #fff !important;}
button.white:hover,
.button.white:hover,
input[type="submit"].white:hover {background-color: #ddd !important;}
button.gray,
.button.gray,
input[type="submit"].gray {
    border: 2px solid #84888b;
    color: var(--brand-orange) !important;
    background-color: #84888b !important;
}

button.gray:hover,
.button.gray:hover,
input[type="submit"].gray:hover {
    background-color: #575a5d !important;
}

button.ghost,
.button.ghost,
input[type="submit"].ghost {
    background-color: rgba(70, 70, 70, 0.1) !important;
    border: 1px solid rgba(51,51,51,0.25) !important;
    color:#111 !important;
}
button.ghost:hover,
.button.ghost:hover,
input[type="submit"].ghost:hover {
    background-color: rgba(70, 70, 70, 0.4) !important;
    border: 1px solid rgba(51,51,51,0.3) !important;
    color:#111 !important;
}

.button.mega-button {display:inline-block !important;margin-bottom:0.25em !important;background-color:rgba(70, 70, 70, 0.4) !important;border:1px solid rgba(255,255,255,0.25) !important;font-size:13px !important;padding: 5px 5px !important;}
.button.mega-button:hover {background-color: rgba(70, 70, 70, 1) !important;}
.button.mega-button .fa {margin:0 5px !important;}

.fa {transition: all .1s ease-out;}

/*---SEARCH AND MENU OVERLAYS---*/
.header .fa {
  font-size: 22px;
  cursor: pointer;
  margin-left: 0.25em;
  transition: all .1s ease-out;
}

.header .fa:hover {color: var(--brand-orange) !important;}
.header.hero .fa {color: #fff;}
.header.hero .fa:hover {color: rgba(255, 255, 255, 0.6) !important;}

.search-container,
.menu-container {
    pointer-events: none;
    opacity: 0;
    transform: translateZ(0);
    transition: opacity 0.1s ease-out;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    background-color: rgba(0, 0, 0, 1);
    z-index: 9999;
}
.menu-container {
    display:block !important;
    right: 0;
    bottom: 0;
    min-height:100vh !important;
    height:auto;
    overflow-y: auto;
}

.search-container:before,
.search-container:after,
.menu-container:before,
.menu-container:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    pointer-events: none;
    transition: transform 0.5s;
}

.search-container:before,
.menu-container:before {
    top: 0;
    left: 0;
    border-right-width: 0;
    border-bottom-width: 0;
    transform: translate3d(-1px, -1px, 0);
}

.search-container:after,
.menu-container:after {
    right: 0;
    bottom: 0;
    border-top-width: 0;
    border-left-width: 0;
    transform: translate3d(1px, 1px, 0);
}

.search-opened {
    pointer-events: auto;
    opacity: 1;
}

.search-opened:before,
.search-opened:after {
    transform: translate3d(0, 0, 0);
}

.menu-container .closexwrapper {
    background-color: rgba(0, 0, 0, 0.92);
    z-index: 9995;
    bottom: 0;
    height: 120px;
    width: 100%;
}
.search-container .closexwrapper {
    position: absolute;
    top: 46px;
    right: 46px;
}

.search-container .fa,
.menu-container .fa {
    font-size: 2em !important;
    position: relative;
    color: rgba(255, 255, 255, 1);
    cursor: pointer;
    transition: all .1s ease-out;
}

.search-container .fa:hover,
.menu-container .fa:hover {
    color: #fff;
}

input[type="text"].search-input:focus {
    outline: none !important;
    box-shadow: none !important;
}

.bg-black input[type="text"]::input-placeholder {
    opacity: 1;
    color: #fff;
    line-height: 1em;
}

.menu-container .nav>li>a:focus, .menu-container .nav>li>a:hover {background-color:transparent;}

.searchform input {
    color: #fff !important;
}

.on {opacity: 1 !important;}
.opensearch .fa {cursor:pointer;}
.opensearch .fa:hover {color:rgba(255,255,255,0.6);}
.openmenu {padding:10px;}

/*----GENERAL STYLES----*/
.container.unrestrained {width:100% !important; max-width: 1440px;}
.container-fluid .container {width:auto !important;}
.container .container {max-width: 1440px !important; padding:0 !important; /*this is to counter the stylings done by Power Builder plugin*/}

@media screen, projection {
  .ndbrandbar {z-index:200; position:relative; top:0; width:100%; height:50px; border-bottom:1px solid #000000; box-shadow:0 1px #2e2e30 inset, 0 -12px 3px -10px rgba(0,0,0,0.4) inset;
    background:linear-gradient(to bottom, #2e2e30 0%, #54585a 100%);
  }
  .brandbar-list {margin:0; padding:0; list-style:none;}
    .brandbar-list li {margin:0 auto;}
      .ndbrandbar a {display:block; margin:0 auto; text-decoration:none; height:50px; text-indent:-9999px; overflow:hidden; background-repeat:no-repeat; background-size:auto 50px;}
        .ndbrandbar a:focus {background-color:rgba(255,255,255,0.2);}
        .ndbrandbar .dept-nd a {width:301px; background-image:url('https://static.nd.edu/images/brandbar/dept-nd-white.png');}
}

@media only screen and (min-width:700px) {
  .ndbrandbar li {margin:0 32px;}
  .ndbrandbar a {margin:0;}
}

@media
  only screen and (-webkit-min-device-pixel-ratio:1.5),
  only screen and (min-device-pixel-ratio:1.5),
  only screen and (min-resolution:144dpi),
  only screen and (min-resolution:1.5dppx){
    .ndbrandbar .dept-nd a {background-image:url('https://static.nd.edu/images/brandbar/dept-nd-white@2x.png');}
}


.ndbrandbar {
  transition-duration: .5s;
  transition-timing-function: cubic-bezier( 0.215, 0.610, 0.355, 1.000 );
  transition-property: transform;
}
.header {
  /* position:fixed; */
  width: 100%;
  border-bottom: 1px dotted rgba(100, 100, 100, 0.25);
  padding:0 !important;
  letter-spacing: 1px;
  background-color: rgba(255,255,255,0.9);
  z-index: 10;
  transition-duration: .5s;
  transition-timing-function: cubic-bezier( 0.215, 0.610, 0.355, 1.000 );
  transition-property: transform;
}
.header.opened {z-index:10;}
.header--hidden {transform: translateY( -100% );}
.header.hero { width: 100%; z-index: 25; border-bottom: none; background:var(--gray-extra-dark); }
.header .container, footer .container, #finalfooter .container { padding: 10px 32px; }
.table {display: table; margin: 0;}
.table-row {display: table-row;}
.table-cell {display: table-cell; padding: 0px;}
.table-cell:first-child {padding-left: 0;}
.table-cell:last-child {padding-right: 0;}
.inline-block {display: inline-block;}
.vertical-middle {vertical-align: middle;}
.no-leftpadding {padding-left: 0 !important;}
.no-rightpadding {padding-right: 0 !important;}
.tinytext {font-size: 60%;}
.cl {clear: both;}

.breadcrumbs { padding: 30px 0 5px 0; font-size: 70%; }
.breadcrumbs .glyphicon:before { content: '' !important; }

.bgimage {
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: 50% !important;
}

#content {
  position: relative;
  transition: all 0.1s ease-out;
}


#main-menu {
  width: 100%;
  height: auto;
  position: fixed;
  z-index: 9995;
  bottom: 0;
  padding: 5px 0 25px 0;
  text-align: center;
}

#main-menu .container {
  padding: 0;
}

.menu-icon {
  cursor: pointer;
  width: 20%;
  display: inline-block;
  position: relative;
  text-align: center;
  font-size: 11px;
  padding: 0 0.25em;
  vertical-align: top;
}

.menu-icon img {
  height: 25px;
  width: 25px;
  margin-bottom: 2px;
}

.megamenu {
  list-style: none;
  padding: 0;
}

.megamenu li {
  margin: 0.5em 0;
}

.megamenu li a {
  text-decoration: none !important;
}

.megamenu li a:hover {
  color: #84888b;
}

.logo {
  width: auto;
  height: 50px;
}

.no-labels label {
  display: none !important;
}

.page-header {
  border-bottom: none;
  padding: 0;
}

#main-column .post,
#main-column .page {
  border: none;
  margin-bottom: auto;
  padding: inherit;
}

.content-area {padding: 2rem;}
.hero .content-area {padding: 0;}
.content-area a {text-decoration: underline;}

#hero-image {
  height: 90vh !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  background-position: 50% 0px !important;
  padding: 0;
  position:relative;
  min-height:700px;
}
#hero-image.subpage {height: 78vh;}
.hero-image {
  background-repeat: no-repeat !important;
  background-size: cover !important;
  padding: 0;
  height:100%;
}
.hero-video {
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
  width:100%;
  height:100%;
  background-color:#111;
  overflow:hidden;
}
.hero-video video {
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}

#hero-infoband {
  position: absolute;
  width: 40%;
  max-width: 630px;
  bottom: -40px;
  background: none;
  background-color: rgba(240, 83, 35, 0.85);
  padding: 26px 26px 13px 26px;
  left: 32px;
  z-index: 2;
}
.hero-infoband {
  position: absolute;
  width: 100%;
  bottom: 20px;
  background: none;
  background: linear-gradient(to right, rgba(241, 92, 34, 0.6), rgba(241, 92, 34, 0));
  padding: 0 0 0 15px;
}

#hero-image.subpage .hero-text {width:100%;}

.hero-text h1, .hero-text h2 {
  margin-bottom: 10px;
  margin-top: 10px;
}

.hero-pretitle {
  font-size: 22px;
  font-weight: 300;
}

.hero-subtitle {
  font-size: 22px;
  font-weight: 300;
  border-top: 3px solid #fff;
  padding-top: 10px;
  displaY: inline-block;
}

#mobile-hero-image {margin-top:120px;}
#mobile-hero-infoband {padding:30px;}

.video-area {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: -1;
  top: 0;
    opacity:0;
  background: #111;
  overflow: hidden;
    transition: all 100ms ease-out;
}
.video-area.opened {
    opacity:1;
    z-index: 30;
}
.video-area.opened video {display: table-cell;}
.video-area .closex {
  display: block;
  color: var(--brand-orange);
  top: 10px;
  right: 10px;
  height: 45px;
  width: 45px;
  position: absolute;
  z-index: 9999;
  cursor: pointer;
  background-color: transparent;
  font-size: 30px;
}
.video-area .closex:hover {background-color: transparent;color:#fff;}
.video-poster {
    width: 100px;
    height: 100px;
    margin: -50px 0 0 -50px;
    display: block;
    cursor: pointer;
    border-radius: 50%;
    transition: all 100ms ease-out;
    z-index: 20;
    position: absolute;
    top: 50%;
    left: 50%;
}
.video-poster.opened {z-index:1;}
.video-poster:hover {box-shadow: 0px 0px 20px 5px rgba(17,17,17,0.5);}

#quote {
    padding: 180px 43px 0 43px;
    position: relative;
}

.intro-quote-wrapper {
    position: relative;
}

.intro-quote {
    font-size:1.8em;
    font-weight:100;
    z-index: 1;
    line-height:1.4em;
    position:relative;
    font-size:45px;
}

.intro-quote.smaller {
    font-size: 1.1em;
    line-height: 1.5em;
}
.intro-quote .quotes {
    position: absolute;
    z-index: 0;
}
.intro-quote .quotes.left {
    top: -58px;
    left: -160px;
    top: -160px;
    left: -50px;
}
.intro-quote .quotes.right {
    bottom: -130px;
    right: -20px;
}

.intro-quotee {
    font-weight: 300;
    font-size:22px;
    line-height: 1em;
    z-index: 1;
}
.intro-quotee span {
    color:#fff;
    font-size:15px;
    z-index: 1;
}

.intro-quotee-wrapper {
    position: relative;
    width: 50%;
    bottom: 0px;
    left: -26px;
    padding: 26px 26px 104px 26px;
}

.spotlight-wrapper {
    padding: 60px;
    position: relative;
    margin-top: -60px;
}

.spotlight-wrapper .tiltyborder {
    margin: 30px 0 60px 0;
}

#events {
    position: relative;
    z-index: 2;
    padding: 0;
}

#events .container {
    position: relative;
    z-index: 2;
    padding: 0 30px;
    display: flex;
    flex-wrap: wrap;
}

.events-heading {
    padding: 30px;
    font-size: 50px;
    margin-bottom: 0;
    display: inline-block;
    border-bottom: 30px solid #575a5d;
}

.plusicon {
    margin: 0 0 0 20px;
    display: inline-block;
    width: 30px;
    height:auto;
}

.plusicon img {
    vertical-align: top;
}

.event-block {
    padding: 0;
    margin: 0 1px 0 0;
}

.event-block a {
    color: #111;
    text-decoration: none;
}

.event-block a span {display: block;}

.event-image-wrapper {
    aspect-ratio: 1 / 1;
    display: block;
    margin: 0;
    position: relative;
    overflow: hidden;
}

.event-image {
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: block;
    z-index: 1;
}

.event-block a .event-image {
    transition: all 0.3s ease-out;
}

.event-block a:hover .event-image {
    filter: none;
    transform: scale(1.1);
}

.event-block .endblock a .event-image,
.event-page-block .endblock a .event-image,
.event-page-block.endblock a .event-image {
    filter: none;
    font-weight: 700;
    padding: 30% 15%;
    line-height: 1em;
}
.wpf_slides .endblock a {font-size:22px;}

.event-block a img {
    transition: all 0.3s ease-out;
}

a .home-event-details-block, .home-event-details-block {
    padding: 0rem 2rem;
    color: #111 !important;
    font-weight:100;
    display:block;
}

.event-block .title {
    font-size: 30px;
    margin-top: 20px;
    margin-bottom: 10px;
    text-transform: none;
    font-style: normal;
    text-decoration: none;
    line-height:1em;
    margin-left:1px;
    color: #111;
    font-weight: 300;
}

.event-block .date {
    font-size: 16px;
    margin-bottom: 10px;
    text-decoration: none;
    font-weight: 300;
    display: block;
    margin-left:1px;
}

.event-block .details {
    display: none;
    margin-bottom: 10px;
}

.event-block a .link {
    text-decoration: none;
    transition: all 0.1s ease-out;
    margin-left:1px;
}

.event-block a:hover .link {
}

.home-events-search {
    z-index: 2;
    position: relative;
}

.home-events-search-title {
    position:relative;
    margin: 0 auto 30px;
    font-weight: 400;
}

#home-events-search-form {
    font-size: 24px;
    font-weight: 100;
}

.home-search-select {
  position: relative;
  display: inline-block;
  padding: 10px;
  text-transform: uppercase;
  font-weight: 700;
  border-bottom: 1px dotted #111;
  margin: 0px 1em;
  cursor: pointer;
  color: #111;
  transition: all 0.1s ease-out;
}

.home-search-select:hover {
  color: rgba(17, 17, 17, 0.6);
}

.home-search-select .fa {
  margin-left: 0.5em;
}

.select-options {
  position: absolute;
  display: none;
  border: 1px dotted #111;
  left: -140px;
  width: auto;
  min-width:300px;
  top: -80px;
  text-transform: none;
  font-size: 20px;
  font-weight: 300;
  background-color: rgba(100, 100, 100, 1);
  z-index: 10;
}
#datepicker .event a {
  background-color: rgba(241, 92, 34, 0.75);
  background-image: none !important;
  color: #fff !important;
}
#datepicker .event a:hover {
  background-color: rgba(241, 92, 34, 0.95);
}

.select-options .ui-datepicker-calendar {width:100%;}

.select-options .ui-datepicker {
  border-top: 1px solid #fff;
  padding-top: 10px;
  cursor: default;
  background-color: rgba(255,255,255, 0.75);
  transition: all 0.1s ease-out;
  display:none !important;
}
.select-options .ui-datepicker.active {display:block !important;}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {border: 1px solid #a8a8a8 !important;background: #a8a8a8 !important;}

.select-options.opened {
  display: block;
}

.select-options p {
  display: block;
  font-size: 18px;
  padding: 5px 10px;
  cursor: pointer;
  transition: all 0.1s ease-out;
  color: rgba(255, 255, 255, 1) !important;
  margin: 0;
}
.select-options .titletext {
  display: block;
  font-size: 18px;
  padding: 5px 10px;
  margin: 0;
  cursor:default;
  color:#fff;
}
.select-options .titletext:hover,.select-options .titletext.active {color:#fff;background-color: rgba(0, 0, 0, 0.3);}
.select-options .titletext:before {
  content:"";
  height:1px;
  background-color:#fff;
  display:block;
  width:80%;
  margin:0.5em auto;
}

.select-options p:hover, .select-options p.active {
  background-color: rgba(0, 0, 0, 0.3);
  color: rgba(255, 255, 255, 1) !important;
}

#home-events-search-form input[type='text'] {
  padding: 10px;
  text-transform: uppercase;
  font-weight: 700;
  border-bottom: 1px dotted #111;
  background-color:transparent;
  box-shadow: none;
  border-top: none;
  border-right: none;
  border-left: none;
  text-align: center;
  margin: 0 1em;
  width: 170px;
  color:#111;
}

.event-venue {font-size:24px;}
.event-date {font-size:20px;margin-bottom:1em;}

.discover-title {
  font-size: 50px;
}

.post-block a {text-decoration:none;color: #111;}

.post-image-wrapper {
  height: 250px;
  display: block;
  margin: 0;
  position: relative;
  overflow: hidden;
}

.post-image {
  background-size: cover;
  background-position: 50%;
  background-repeat: no-repeat;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  z-index: 1;
}

.post-block a .post-image {
  transition: all 0.3s ease-out;
}

.post-block a:hover .post-image {
  transform: scale(1.1);
}

.post-details {
  position: relative;
  padding: 0rem 2rem;
  color: #111 !important;
  font-weight: 300;
  display: block;
}

.post-name {
  font-size: 30px;
  line-height: 1.25em;
  display: block;
  font-weight:400;
  margin-top: 20px;
  margin-bottom: 10px;
}
.post-excerpt {
  display: block;
}
.post-link {display: block;}

#email-signup {
  position: relative;
  z-index: 2;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: left top;
  font-size: 20px;
}

#email-signup .container {
  position: relative;
  z-index: 2;
}

#email-signup .home-email-wrapper {
  padding-left: 60px;
  font-size:20px;
  text-shadow: 0px 0px 5px #111;
}

#email-signup input[type="submit"] {
  color: #fff !important;
  width: auto;
}
#email-signup input[type="text"],  {
  color: #fff !important;
  width: 100%;
}
#footer input {
  color: #fff !important;
  width: 100%;
}

#email-signup .gform_wrapper {margin: 16px 0 0 0;}

.info-image-block {height:70vh;}
.info-image-block.short {height:430px;}

.info-detail-block {
  padding: 60px 52px 60px 58px;
  color: #111 !important;
  font-weight: 300;
  position:relative;
}
.info-detail-block h1, .info-detail-block h2, .info-detail-block h3, .info-detail-block h4, .info-detail-block h5, .info-detail-block h6  {margin-top:0;}
.info-detail-block.right:before {
  content:"";
  position:absolute;
  width:1px;
  background-color:#111;
  top:60px;
  bottom:60px;
  left:0;
}

a.gform_anchor:before {content:none !important;}
#footer {
  padding: 15px;
  font-size: 13px;
  color: #fff;
  border-top: 1px solid #000;
  background: var(--gray-extra-dark);
  letter-spacing: 1px;
}

#footer div[class^="col-"] {padding-right:30px;margin-bottom:40px;}

#footer .logo {margin: 30px 0 0 0;}
#footer p {color: #fff;}

#footer a {
  text-decoration: underline;
  text-decoration: none;
}

#footer a:before {
  content: "\2022";
  color: #fff;
  margin-right: 5px;
}
#footer .btn-subscribe:before {
  content:'';
  margin:0;
}

#footer a:hover {color: rgba(255, 255, 255, 0.6);}
#footer input {color: #111;}

#footer h1,
#footer h2,
#footer h3,
#footer h4,
#footer h5,
#footer h6 {
  min-height:40px;
  color: #84888b !important;
}
#footer .copyright-text a {color:var(--brand-orange);}
#footer .copyright-text a:before {content:"";}
#footer .copyright-text a:hover {color: rgba(255, 255, 255, 0.6);}

.social_icons {
  margin: 0 0 20px 0;
}

.social_icons span {
  margin: 0 0.25em 0.75em 0;
  font-size: 30px;
}

.social_icons a {
  color: #fff !important;
  font-size:18px;
  text-decoration: none !important;
}
.social_icons a:before {content:none !important;}

.social_icons a:hover {
  color: rgba(255, 255, 255, 0.6) !important;
}

.social_icons.large span {
  display:inline-block;
  margin:1em;
}
.social_icons.large a {
  font-size: 40px
}

.orange-social .social_icons a {
  color: var(--brand-orange) !important;
  text-decoration: none !important;
}

.orange-social .social_icons a:hover {
  color: var(--brand-red) !important;
}

#finalfooter {
  padding: 1.5em 0 0.75em 0;
}

.footer-links {
  padding: 0;
  margin: 0;
}

.footer-links li {
  display: inline-block;
  margin: 0 0.25em 0 0;
}

.footer-links li a {
  padding: 0 0.75em 0 0;
  color: #fff;
  font-size: 13px;
}

.footer-links li a:hover {
  color: rgba(255, 255, 255, 0.6);
}

.footer-links li:after {
  content: "|";
  color:#fff;
}

.footer-links li:last-child:after {
  content: "";
  border-right: none;
}

.desktop-menu {
  display: none;
}

.cat-links,
.tags-links {
  display: block;
  margin: 0 0 1em 0;
}

.alignright,
.alignleft {
  float: none;
  margin: 1em auto;
  display: block;
}

.acf-fields > .acf-field {
  padding: 15px 0 !important;
}

.admin-hidden {
  display: none;
}

#page-header-image {
  position: relative;
  min-height: 200px;
  height: 100%;
  width: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 0;
  display: flex;
  align-items: center;
  overflow: hidden;
}

#page-header-image:before {
  content: "";
  position: absolute;
  z-index: 2;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
  display: block;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.page-header-content {
  min-height: 200px;
  height: auto;
  display: flex;
  align-items: stretch;
}

.page-header-content.photoglare:before {
  left: 15px;
}

.page-header-text {
  vertical-align: middle;
  display: block;
  z-index: 4;
  position: relative;
  margin: 0 auto;
  padding: 1em;
}

.page-header-text h1 {
  font-size: 38px;
}

.page-header-text h1 .tinytext {
  display: block;
}

.page-header-text a {
  color: #fff;
  text-decoration: underline !important;
}

.page-header-text.white p {
  color: #fff !important;
}

#secondary-nav {
  text-align: center;
  display: block;
  height: auto;
  width: 100%;
  margin: 0;
}

#secondary-nav ul {
  padding: 0;
}

#secondary-nav ul li {
  display: inline-block;
}

#secondary-nav ul li a {
  padding: 0.5em 1em;
  text-decoration: none;
  text-transform: uppercase;
  line-height: 36px;
}

.entry-meta {
  margin-bottom: 30px;
  font-size: 80%;
}

footer.entry-meta {
  margin-top: 30px;
}

.social-sharing {
  margin: 50px 0;
  text-align:center;
}

.social-sharing .share-title {
  font-family: var(--font-default);
  font-weight: 700;
  font-size: 18px;
  text-transform: uppercase;
  margin: 0 1em 0 0;
}

.social-sharing a.share {
  display: inline-block;
  color: #fff;
  font-size: 14px;
  text-transform: uppercase;
  font-family: var(--font-default);
  background-color: #84888b;
  padding: 2px 16px;
  margin: 0 0.5em 0.5em 0;
  width: auto;
  text-decoration: none;
  line-height: 34px;
  opacity: 1;
  transition: all .1s ease-out;
}

.social-sharing a.share:hover {opacity: 0.8;}
.social-sharing a.share .fa {
  line-height: inherit;
  margin: 0 0.5em 0 0;
}

.bg-facebook {background-color: #4864a0 !important;}
.bg-twitter {background-color: #58adf1 !important;}
.bg-google {background-color: #db4d33 !important;}
.bg-pinterest {background-color: #c92521 !important;}

.featured-image {
  width: 100%;
  height: 250px;
  background-size: cover;
  background-repeat: no-repeat;
}

figcaption {
  font-weight: 400;
  padding: 0.5em 1em;
  text-align: center;
  font-size: 28px;
  line-height: 1em;
}

.entry-content {
  position: relative;
}

.entry-content figure img {
  width: 100%;
  height: auto;
}

.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6 {
  margin-bottom: 0.5em;
}

.search-results .sectionboximagecontainer h2 {
  font-size: 26px;
}

.search-terms {
  text-transform: capitalize;
  font-style: italic;
  font-size: 80%;
}

.hero .navbar-nav > li > a,
.navbar-nav > li > a,
.hero .supernav a {
  color: #fff;
  text-shadow: none;
}

.hero .navbar-nav > li > a:hover,
.hero .supernav a:hover {
  color: rgba(255, 255, 255, 0.6);
}

.hero .nav > li > a:focus,
.hero .nav > li > a:hover {
  background-color: transparent;
  color: rgba(255, 255, 255, 0.6);
}

.quick-links {
  padding: 0;
  list-style: none;
}

.narrow-content {
  padding: 0 130px;
}

.tiltyborder {
  position: relative;
}

.tiltyborder:before {
  content: "";
  position: absolute;
  z-index: 1;
  border: 1px solid black;
  width: 100%;
  height: 100%;
  transform: rotate(-5deg);
}

.tiltyborder img {
  position: relative;
  z-index: 0;
}

.gform_wrapper ul li.gfield {
  clear: none !important;
}

.center-button .gform_footer {
  text-align: center !important;
}

.mapboxgl-ctrl-compass {
  display: none !important;
}

.mapboxgl-ctrl-group > button {
  background-color: rgba(0, 0, 0, 0) !important;
}

.mapboxgl-popup-content {
  padding: 45px 30px 30px 30px;
  pointer-events: auto;
  font-size: 14px;
  color: #111;
}

.mapboxgl-popup-content a {
  text-decoration: underline;
}

.mapboxgl-popup-close-button {
  padding: 0px 10px;
}

.mapboxgl-ctrl.mapboxgl-ctrl-attrib {
  display:none;
}
.mapboxgl-ctrl-bottom-left {right:10px;left:auto;bottom:20px;}

.styled-form input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {
  padding: 10px 15px !important;
  font-size: 18px !important;
  color: #111 !important;
  border: none !important;
  border-bottom: 1px dotted #111 !important;
  background-color: rgba(200, 200, 200, 0.2) !important;
}

.white .styled-form input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), .white input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {color:#fff!important;}

.styled-form textarea.large {
  border: 1px dotted #111;
  padding: 10px 15px;
  font-size: 18px;
  color: #111;
  margin-bottom: 1em;
  background-color: rgba(200, 200, 200, 0.2);

}

body .gform_wrapper .top_label div.ginput_container {width: auto;display: inline;}

.gform_wrapper.gf_browser_chrome .styled-form ul.gform_fields li.gfield select, .styled-form select {
  border: none;
  border-bottom: 1px dotted #111;
  padding: 10px 15px;
  font-size: 18px;
  color: #111;
  background-color: rgba(200, 200, 200, 0.2);
  border-radius: 0;
  z-index:1;
}

.styled-form .ginput_container_select {position:relative;}
.styled-form .ginput_container_select select {width:100%;}

.gform_wrapper .styled-form .ginput_container_select:after, .styled-form .ginput_container_select:after {
    content: "\f107";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    font-smoothing: antialiased;
    position: absolute;
    top: 50%;
    margin-top:-15px;
    right: 15px;
    font-size: 30px;
    z-index:-1;
}
.blog-filtering .styled-form {min-width:300px;}

input.search-input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {
    font-family: inherit;
    font-size: 5vw !important;
    display: inline-block;
    box-sizing: border-box;
    width: 75%;
    padding: 0.25em 0 !important;
    color: rgba(255, 255, 255, 1) !important;
    border-top: none !important;
    border-right: none !important;
    border-left: none !important;
    border-bottom: 4px dotted rgba(255, 255, 255, 1) !important;
    border: 0;
    background: transparent !important;
    background-color: transparent !important;
    border-radius: 0;
    height: auto !important;
    outline: none;
}
input.search-input::input-placeholder {
    opacity: 1;
    color: #fff;
    line-height: 1em;
}

.view-more-blogs {display: block;margin: 1em auto;}

.corner-white {
    position: relative;
}

.corner-white:before {
    content: "";
    position: absolute;
    top: -10px;
    left: -10px;
    border-top: 10px solid #fff;
    border-left: 10px solid #fff;
    width: 150px;
    height: 150px;
    display: block;
}

#venue-info h2, #blog-carousel h2, .topline-header {
    position: relative;
    display: block;
    padding-top: 30px;
}
#venue-info h2:before, #blog-carousel h2:before, .topline-header:before {
    content:"";
    position:absolute;
    top:0;
    height:1px;
    left: 35%;
    right: 35%;
    background-color:#111;
}

.venue-list-wrapper {width:100%;padding:0;}
.venue-list {display:block;position:relative;}
.venue-list a {display:block;position:relative;height:250px;margin-bottom:1px;}
.venue-list a:before {content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-color:rgba(0,0,0,0.25);width:100%;height:100%;z-index:2;}
.venue-list a span.hero-image {
    filter: grayscale(100%);
    transition: all 0.3s ease-out;
    z-index:1;
    position: absolute;
    width: 100%;
}
.venue-list a:hover span.hero-image {
    filter: grayscale(0%);
}
.venue-list a span.hero-infoband {z-index:5;background:none;}
.venue-list a span {display:block;}
.venue-list .venue-title {background-color: var(--brand-orange);font-size:36px;background-color:var(--brand-orange);padding:10px;display:inline;}

.venue-list.smaller {display:block;position:relative;}
.venue-list.smaller a {display:block;position:relative;height:auto;margin-bottom:5px;text-decoration:none !important;padding: 45px 0 5px 0!important;}
.venue-list.smaller a:before {content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-color:rgba(0,0,0,0.25);width:100%;height:100%;z-index:2;}
.venue-list.smaller a span.hero-image {
    position:absolute;
    display:block;
    z-index:1;
    width:100%;
    height:100%;
    top:0;right:0;bottom:0;left:0;
}
.venue-list.smaller a span.hero-text {z-index: 5;text-transform: uppercase;position: relative;display:inline;background-color: var(--brand-orange);margin: 10px 10px 0 10px;padding: 0 5px;}
.venue-list.smaller a span.hero-text span {font-size:24px !important;}

.headline-wrap {margin: 30px 0;}

.firstimage {height: 350px;background-repeat: no-repeat;background-size: cover;}

.loading {display:none;margin: 1em auto;}
.ball {
    background-color: rgba(0,0,0,0);
    border: 5px solid rgb(235, 131, 22);
    opacity: .9;
    border-top: 5px solid rgba(0,0,0,0);
    border-left: 5px solid rgba(0,0,0,0);
    border-radius: 50px;
    box-shadow: 0 0 35px rgb(235, 131, 22);
    width: 50px;
    height: 50px;
    margin: 0 auto;
    animation: spin .5s infinite linear;
}

.ball1 {
    border-radius: 50%;
  box-shadow: 0 0 15px rgb(235, 131, 22);
  width: 40px;
  height: 40px;
  margin: 0 auto;
  position: relative;
  top: -50px;
}

.gallery-block {padding: 0;height: 150px;}
.gallery-image-wrapper {
    height: 150px;
    display: block;
    margin: 0 0 1em 0;
    position: relative;
    overflow: hidden;
}

.gallery-image {
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: block;
    z-index: 1;
}

button.close {padding: 2px 10px !important; filter: alpha(opacity=100) !important; opacity:1 !important;}
button.close:hover {filter: alpha(opacity=100) !important; opacity:1 !important;}

.modal-backdrop.in {filter: alpha(opacity=75);opacity: .75;}
.modal-dialog {width:auto;max-width:1000px;}
.ekko-lightbox-nav-overlay a {color: #fff !important; opacity: 0.75;}
.ekko-lightbox a:hover {opacity:1;}
.ekko-lightbox-nav-overlay a .fa {font-size:80px;}

.venue-floorplanimage-wrapper {display:block;width:100%;height:100%;position:relative;}
.venue-floor-plan {width:100%;height:auto;display:table-cell;vertical-align:middle;}
.floor-plan-pin {position:absolute;z-index:5;transform:translateX(-10px) translateY(-10px);}

.full-width-column {margin:0 auto;max-width:700px;}

.events-float-menu {
    position: absolute !important;
    right: 30px;
    top: 130px;
}

#events-search .container {margin: 0 auto !important;}
#events-search .gfield {display:inline-block;margin-top:0;margin-bottom:0;}
#events-search .gform_body, #events-search .gform_footer {display: inline-block; width: auto;padding: 0}
#events-search .styled-form .ginput_container_select:after {top: 13px;right: 10px;}
.styled-form.white input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), .styled-form.white textarea.large, .gform_wrapper.gf_browser_chrome .styled-form.white ul.gform_fields li.gfield select {color:#fff;border-bottom: 1px dotted #fff;}
.styled-form.white .ginput_container_select:after {color:#fff;}

.styled-form.white input[type="text"]::input-placeholder {
    opacity: 1;
    color: #fff;
    line-height: 1em;
}

body .gform_wrapper img.ui-datepicker-trigger {position:absolute;top: 20px;right: 20px;}
.form-reset {font-size:12px;font-weight:2em;display:inline-block;margin-right:1em !important;}

#ui-datepicker-div {background-color:#fff;}
.ui-datepicker td a, .ui-datepicker td span {text-shadow:none;font-weight:500;font-size:14px;color:#111;padding: 8px 12px;display: block;text-align: center;}
.ui-datepicker-title select {color:#111;}
.ui-datepicker-calendar thead tr th {font-size: 12px;text-align: center;}
.ui-datepicker-title {
    text-align: center;
    padding: 4px 5px;
    font-weight: 700;
    border-bottom: 1px solid #111;
}
.ui-datepicker td {border: 1px dotted rgba(17,17,17,0.5);}
.ui-datepicker-next {float:right;padding: 5px;font-size: 12px;}
.ui-datepicker-prev {float:left;padding: 5px;font-size: 12px;}
a.ui-state-disabled span, .ui-state-disabled span {color: #a0a0a0 !important;font-weight: 300 !important;text-decoration:none !important;}

#events-grid, #events-grid.container-fluid {padding:30px 0px 60px 0px !important}
.event-page-block {position:relative;padding: 15px 6px 0px 6px;min-height: 475px;}
.event-block-innerwrap {position:relative;display:block;width:100%;height:100%;padding:15px;}
.event-block-innerwrap.withborder {border:1px solid #84888b;}

.event-page-block > h3,
.event-page-block > h4,
.event-page-block > h5,
.event-page-block h6 {color: #111;}
.event-page-block a {color: #111; text-decoration: none;}
.event-page-block a span {display: block;}

.event-page-block .event-image-wrapper {
    display: block;
    margin: 0;
    position: relative;
    overflow: hidden;
}

.event-image {
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: block;
    z-index: 1;
}

.event-page-block .event-image-wrapper.short {height:260px;}
.performancerow a.cta-link, .performancerow a .cta-link {margin-top:10px;}
.performancerow.event-page-block {min-height:auto !important;}

.event-genre {
    font-size:14px;
    font-weight: 400;
}

.event-page-block a .event-image {transition: all 0.3s ease-out;}
.event-page-block a:hover .event-image {transform: scale(1.1);}

.event-details-block {
    z-index: 5;
    position: relative;
    width:100%;
    padding: 30px 24px 60px 24px;
    margin-top:30px;
    line-height: 1.25em;
    display:block;
    border-top: 1px solid #111;
}
.event-details-block.short {padding: 30px 30px 0px 30px; min-height: 0px;}

.archive .event-details-block {border-bottom:none !important;}

.filter-toggle {display:none;}

.event-block-innerwrap.withborder .event-details-block {border-bottom: none !important;}
.event-page-block a .event-details-block .more-event-details {
    position:relative;
    height:auto;
}

.event-page-block .title {
    font-size: 24px;
    color:#111;
    margin-top: 0;
    margin-bottom: 0;
    font-weight: 300;
    font-style: normal;
    text-decoration: none;
    line-height:1.25em;
    display:block;
}

.event-details-block .title .lightfont {display: inline-block; font-weight: 100;}

.event-page-block .date {
    font-size: 17px;
    margin-top: 5px;
    margin-bottom: 10px;
    text-decoration: none;
    display:block;
}

.event-page-block .details {
    display: none;
    margin-bottom: 10px;
}

.event-page-block a .link {
    text-decoration: none;
    transition: all 0.1s ease-out;
    font-size: 14px;
}

/* Film Series */
.filmseries-innerwrap {padding:30px 24px 120px 24px;}
.filmseries-info {margin-top:30px; border-top:1px solid #111;}
.filmseries-title {
  font-size: 24px;
  color:#111;
  margin: 20px 0 0;
  font-weight: 300;
  font-style: normal;
  text-decoration: none;
  line-height:1.25em;
  display:block;
}
.filmseries-title a {color:#111; text-decoration: none;}

/* Result Block */
.result-block {margin-bottom:2em;}
.result-block .publishdate {display:block;font-size:20px;}
.result-block .posttype {font-size:12px;}

#wpf_events_carousel {display:block;}
#wpf_mobileevents_carousel {display:none;}

#hero-infoband.single {
    background-color: var(--brand-orange);
    width: 40%;
    padding: 60px 32px 60px 32px;
    top: -200px;
    z-index: 1;
    left:0;
    bottom:0;
}
#hero-infoband.single .single-title-block {display:block;position:relative;padding-bottom:1em;}
#hero-infoband.single .event-date {position:relative;font-size:24px;margin-bottom:0;}
#hero-infoband.single .sponsor-info {position:relative;font-size:14px;font-style: italic;padding-top:1em;}
#hero-infoband.single .sponsor-info:before {content:"";position:absolute;top:0;left:0;width:50%;height:1px;background-color:#111;}

#hero-infoband.page-type {
    background-color: var(--brand-orange);
    width: 40%;
    padding: 60px 32px 30px 48px;
    margin-bottom: -60px;
    margin-left: -16px;
    z-index: 1;
    left: 0;
    position: absolute;
    bottom: 0;
    min-width:400px;
}
#hero-infoband.page-type .single-title-block {display:block;position:relative;padding-bottom:1em;}
#hero-infoband.page-type .hero-description {position:relative;color:#fff;}
#hero-infoband.page-type .hero-description:before {content:"";position:absolute;top:0;left:0;width:80%;height:3px;background-color:#fff;}
#hero-infoband.page-type .hero-description.noline:before {content:none !important;}

#hero-infoband.no-hero {padding:400px 32px 60px 32px;}

.single-title-block h4, .event-details-block .title h4, .menu-item h4 {display:none;}

.left-details-column {padding-right: 60px !important;}

.starting-content {overflow:hidden;}

.mini-image {
    width: 100%;
    height: auto;
    margin-top: 50px;
    max-width: 500px;
    float: right;
    margin-right: -64px;
}
.mini-image img {width:100%;}

.event-detail {}
  .event-detail-primary {padding:150px 2rem 2rem;}
  .event-detail-primary h1 {margin:0; line-height:1em;}
    .event-detail .hero-text {}
    .event-detail-image {margin:4rem 0 2rem;}
  .event-detail-secondary {margin:0; padding:2rem;}
  .event-btn {margin-left:1rem;}

  @media only screen and (min-width:48em) {
    .btn-event-times-anchor {display:none;}
    .event-detail {grid-template-columns:2fr 1fr;}
    .event-detail-primary {padding-top:170px;}
    .event-detail-image {margin:2rem 0;}
    .event-detail-secondary {margin:0; padding:170px 2rem 0;}
  }
  @media only screen and (min-width:60em) {
    .event-detail {grid-template-columns:1fr 52vw 42vw 1fr;}
    .event-detail-primary {grid-column:2/3; flex:0 0 auto; padding:170px 0 2rem;}
    .event-detail-secondary {grid-column:3/4; padding:170px 4rem 0;}

    .event-detail-primary-heading {display:flex; gap:2rem; margin-bottom:2rem;}
    .event-detail-primary-heading .hero-text {align-self:center;}
    .event-detail-image {order:-1; margin:0; width:33%; flex:0 0 auto;}
    .event-description {padding-bottom:4rem;}
  }
  @media only screen and (min-width:90em) {
    .event-detail {grid-template-columns:1fr 60% auto 1fr; max-width:1410px; margin:0 auto;}
  }

.slick-dots {top:-40px;bottom:auto;}

.category-sorter {margin:2em auto;}
.category-sorter .button {margin:0 5px 5px 0;}

.staff-page-block {padding:15px 6px 0px 6px;}
.staff-page-block .bio-pic-wrapper {
    overflow:hidden;
    position:relative;
    width: 100%;
    min-height:300px;
    aspect-ratio: 1/1;
}

.staff-page-block a span {
    display: block;
}

.staff-page-block a {
    overflow:hidden;
    height:30vh;
}
.staff-page-block a .bio-pic {
    transition: all 0.3s ease-out;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.staff-page-block a:hover .bio-pic {
    filter: none;
    transform: scale(1.1);
}
.staff-details-block {
    width:100%;
    bottom:0%;
    position:absolute;
    z-index:1;
    padding: 13px 13px 0px 13px;
    color: #fff;
    transition: all 0.3s ease-out;
}
.staff-page-block a:hover .staff-details-block {bottom:0%;}

.bioimage-wrapper {
    height:460px;
    position:relative;
}
.bioimage-wrapper.bgimage {background-position: right !important;}

.bioname-wrapper {
    position: absolute;
    width: 50%;
    bottom: 0px;
    left: 26px;
    padding: 13px 13px 0px 13px;
    margin-bottom: -30px;
    border-bottom: 30px solid var(--brand-orange);
}

.bio-name {
    font-weight: 100;
    font-size:36px;
    line-height: 1em;
    z-index: 1;
    margin-bottom:0;
    display:block;
}
.bio-title {
    font-size:18px;
    z-index: 1;
    display:block;
    margin-bottom:13px;
}
.bio-number{
    font-size:15px;
    z-index: 1;
    display:inline-block;
    margin-right: 0.5em;
    font-weight: 400;
}
.bio-contact .social_icons {display:inline-block;}
.bio-contact .social_icons a {color:var(--brand-orange) !important;}

.email-formwrapper {
    overflow:hidden;
    max-height:0;
    transition: all 0.1s ease-out;
}
.email-formwrapper.opened {max-height:1000px;}
.email-formwrapper .styled-form input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), .email-formwrapper .styled-form textarea {
    font-size: 16px;
    margin-bottom: 0em;
}
.email-formwrapper .styled-form textarea { height: 120px;}
.email-formwrapper .gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type=submit] {margin:0;}


.related-staff-blocks {display: flex;flex-wrap: wrap;}
.related-staff-block {display: flex;flex-direction: column;}
.related-staff-block .bio-pic-wrapper {
    height: 250px;
    margin-bottom: 0.5em;
    overflow:hidden;
    position:relative;
    display:block;
}

.related-staff-block a {text-decoration:none;color:#111;}

.related-staff-block a span {display: block;}

.related-staff-block a .bio-pic {
    transition: all 0.3s ease-out;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.related-staff-block a:hover .bio-pic {
    filter: none;
    transform: scale(1.1);
}
.related-staff-block .title {font-size:20px;}

.large-bullets {font-size:22px;color:var(--brand-orange);}
.large-bullets .bullet-text {font-size:18px;color: #575a5d;}
.large-bullets .bullet-text strong {color: #111;}

.promo-blocks{border-spacing:20px;}
.table-cell .promo-blocks {max-width: 50%;}
.promo-block {font-size: 16px;}
.promo-block a { color:#fff;position:relative;}
.promo-block a * {z-index:1;position:relative;}
.promo-block a:before {
    content: '';
    display: block;
    position: absolute;
    top:0;right:0;bottom: 0;left:0;
    width: 100%;
    height:100%;
    background-color: rgba(17,17,17,0.5);
    transition: all 0.1s ease-out;
    z-index:0;
}
.promo-block a:hover:before {background-color: rgba(17,17,17,0.7);}
.promo-block a strong {color: #fff;font-weight: 700;}
.promo-block a {padding: 2em 3em;text-decoration: none;display: table;height: 100%;}
.promo-block p {margin-bottom:0;}
.promo-block a h1, .promo-block a h2, .promo-block a h3, .promo-block a h4, .promo-block a h5, .promo-block a h6 {color:#fff !important;margin: 0 auto 0.25em auto;width:80%;}
.promo-block h1, .promo-block h2, .promo-block h3, .promo-block h4, .promo-block h5, .promo-block h6 {margin-top:0;line-height:1em;color:var(--brand-orange);}

.nav-pills {position: relative;z-index: 1;}
.nav-pills>li {
    border-top: 1px solid transparent;
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
    border-bottom: 1px solid transparent;
    font-size:12px;
}
.nav-pills>li.active {
    color: var(--brand-orange);
    background-color: #fff !important;
    border-top: 1px solid rgba(100, 100, 100, 0.25);
    border-left: 1px solid rgba(100, 100, 100, 0.25);
    border-right: 1px solid rgba(100, 100, 100, 0.25);
    border-bottom: 1px solid #fff;
    border-radius: 0;
}
.nav-pills>li>a {
    color:#575a5d !important;
    text-transform:uppercase;
    text-decoration:none;
}
.nav-pills>li>a:hover {color:var(--brand-orange) !important;background-color:transparent;}

.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover {
    background-color:transparent;
    color:var(--brand-orange) !important;
}
.nav-pills>li {
    background-color:#e2e2e2;
     vertical-align: middle;
    transition: all 0.1s ease-out;
    line-height: 1;
}

.nav-pills>li:after {
    content:"";
    position:absolute;
    width:1px;
    background-color:rgba(100, 100, 100, 0.35);
    height:20px;
    right:-2px;
    top:50%;
    margin-top:-10px;
    z-index:1;
}
.nav-pills>li.active:after, .nav-pills>li:last-child:after {
    content:none;
}

.nav-pills>li:hover {
    background-color:rgba(17,17,17,0.1);
}

.tab-content {
    border-top: 1px solid rgba(100, 100, 100, 0.25);
    margin-top: -1px;
    background-color:#fff;
    z-index: 0;
}
.vms .tab-content {height:75vh;}

.tab-content>.tab-pane {height:100%;}
.tab-content .venue-floorplanimage-wrapper {
    display: inline-block;
    width: auto;
    height: 90%;
    height: calc(100% - 64px);
    position: relative;
}
.tab-content .venue-floorplanimage-wrapper .venue-floor-plan {
    width: auto;
    height: 100%;
    display: block;
    position: relative;
}

.column-wrap {display:table;width:100%;position:relative;}
.column-img {display:table-cell;width:20%;}
.column-text {display:table-cell;width:80%;padding:0 0 0 30px;}
.column-text h1,.column-text h2,.column-text h3,.column-text h4,.column-text h5,.column-text h6 {margin-top:0;}

.mejs-container, .mejs-container .mejs-controls, .mejs-embed, .mejs-embed body {width:100% !important;}
.mejs-button>button {
    background-color:transparent !important;
    width: 20px !important;
    height: 20px !important;
    overflow: hidden !important;
    padding: 0 !important;
    border-radius:0 !important;
}
.mejs-button>button:hover {background-color:transparent !important;}

.ig-details {padding: 10px; font-size: 14px;}
.ig-details .fa {margin-right:0.25em;}

#package-info h4 {font-size:13px; color:var(--brand-orange);margin-bottom: 0.5em;margin-top: 0.25em;}

.modal-footer {font-size:14px;}

.page-template-page-calendar .prev-month {text-align:left;}
.page-template-page-calendar .next-month {text-align:right;}

.cookie-bar {
    position:fixed;
    bottom: 0;
    z-index: 9999;
    width: 100%;
    transition: all 0.3s ease-out;
}
.cookie-bar.closed {bottom:-100%;}
.cookie-bar .fa {
    cursor:pointer;
    transition: all 0.3s ease-out;
}
.cookie-bar .fa:hover {color:#fff;}

/*---- TN COMPONENTS -----*/
.tn-component-contact-permissions__settings .tn-component-contact-permissions__settings__item {border:none; padding:0;}
  .tn-component-contact-permissions__settings__item .c1 {margin:0; padding:0; background:transparent;}
  .tn-component-contact-permissions__header,
  .tn-component-contact-permissions__settings .ng-binding[ng-bind-html="category.category_header"],
  .tn-component-contact-permissions__settings .ng-binding[ng-bind-html="type.type_label"] {display:none;}

/* Vertical Timeline
---------------------------------------------------------------------------------------------------- */
#cd-timeline {
  margin-bottom: 2em;
  margin-top: 2em;
  padding: 2em 0;
  position: relative;
}
#cd-timeline::before {
  background: #111 none repeat scroll 0 0;
  content: "";
  height: 100%;
  left: 18px;
  position: absolute;
  top: 0;
  width: 2px;
}

.es_msg {color:#111;}
.es_lablebox {display:none;}
.es_textbox {display:inline-block;margin:0 0.5em;}
.es_button {display:inline-block;}
.es_textbox_button {width:auto;}
.email-blog-subscription {padding:30px 30px 60px 30px;text-align:center;background-color: rgba(151, 151, 151, 0.1);}

.powerpress_links.powerpress_links_mp3, .powerpress_links.powerpress_subscribe_links {color:#fff;font-size: 14px;}
.powerpress_links.powerpress_links_mp3 a, .powerpress_links.powerpress_subscribe_links a {color:#fff;text-decoration:underline !important;}
.powerpress_links.powerpress_links_mp3 a:hover, .powerpress_links.powerpress_subscribe_links a:hover {color:rgba(255,255,255,0.8);}
.powerpress_player {margin-bottom:1em;}
.wp-playlist-item-title {font-size:20px !important;}
.wp-playlist-caption {padding:5px 0;}
.wp-playlist-item .wp-playlist-caption {max-width:calc(100% - 80px) !important;}
.wp-playlist-current-item .wp-playlist-item-title {font-size:28px !important;}
.wp-playlist-item-length {top:calc(50% - 10px) !important;}
.wp-playlist-tracks {margin-top:30px !important;}
.wp-playlist-current-item {height:auto !important;}
.wp-playlist-caption, .wp-playlist-current-item .wp-playlist-item-artist, .wp-playlist-current-item .wp-playlist-item-title, .wp-playlist-item-album {white-space:normal !important;}
.wp-playlist-item-meta {font-size:18px !important;}
.wp-playlist .wp-playlist-current-item img {max-width: 150px !important;margin-right:30px !important;}

/*** Not the beginning of media queries, this is only for the timeline. ***/
@media only screen and (min-width: 1023px) {
#cd-timeline {
  margin-bottom: 3em;
  margin-top: 3em;
}
#cd-timeline::before {
  left: 50%;
  margin-left: -1px;
}
}
.cd-timeline-block {
  margin: 2em 0;
  position: relative;
}
.cd-timeline-block::after {
  clear: both;
  content: "";
  display: table;
}
.cd-timeline-block:first-child {
  margin-top: 0;
}
.cd-timeline-block:last-child {
  margin-bottom: 0;
}

body.single .pp-ssb-widget a.pp-ssb-btn {
    width: auto !important;
    height: auto !important;
    padding: 5px 10px !important;
    display: inline-block !important;
    margin: 10px 10px 10px 0 !important;
}
.widget_powerpress_subscribe {text-align:center;}

@media only screen and (min-width: 1023px) {
.cd-timeline-block {
  margin: 4em 0;
}
.cd-timeline-block:first-child {
  margin-top: 0;
}
.cd-timeline-block:last-child {
  margin-bottom: 0;
}
}
.cd-timeline-img {
  border-radius: 50%;
  box-shadow: 0 0 0 4px white, 0 2px 0 rgba(0, 0, 0, 0.08) inset, 0 3px 0 4px rgba(0, 0, 0, 0.05);
  height: 40px;
  left: 0;
  position: absolute;
  top: 0;
  width: 40px;
}
.cd-timeline-img img {
  display: block;
  height: 28px;
  left: 50%;
  margin-left: -14px;
  margin-top: -14px;
  position: relative;
  top: 50%;
  width: 28px;
}
.cd-timeline-img.cd-red1 {
  background-color: #000000;
}
.cd-timeline-img.cd-red2 {
  background-color: #000000;
}
.cd-timeline-img.cd-red3 {
  background-color: #000000;
}
.cd-timeline-img.cd-red4 {
  background-color: #000000;
}

@media only screen and (min-width: 1023px) {
.cd-timeline-img {
  height: 60px;
  left: 50%;
  margin-left: -30px;
  width: 60px;
}
.cssanimations .cd-timeline-img.is-hidden {
  visibility: hidden;
}
.cssanimations .cd-timeline-img.bounce-in {
  animation: 0.6s ease 0s normal none 1 running cd-bounce-1;
  visibility: visible;
}
}
 @keyframes cd-bounce-1 {
 0% {
 opacity: 0;
 transform: scale(0.5);
}
60% {
 opacity: 1;
 transform: scale(1.2);
}
100% {
 transform: scale(1);
}
}
 @keyframes cd-bounce-1 {
 0% {
 opacity: 0;
 transform: scale(0.5);
}
60% {
 opacity: 1;
 transform: scale(1.2);
}
100% {
 transform: scale(1);
}
}
.cd-timeline-content {
  background: white none repeat scroll 0 0;
  border-radius: 0;
    box-shadow: 0px 0px 25px rgba(51,51,51,0.05);
  margin-left: 60px;
  padding: 1em;
  position: relative;
}
.cd-timeline-content::after {
  clear: both;
  content: "";
  display: table;
}
.cd-timeline-content h2 {
  color: #111 !important;
    margin:0 0 0.5em 0;
}
.cd-timeline-content p, .cd-timeline-content .cd-read-more, .cd-timeline-content .cd-date {
  font-size: 15px;
}
.cd-timeline-content .cd-read-more, .cd-timeline-content .cd-date {
  display: inline-block;
}
.cd-timeline-content p {
  line-height: 1.6;
  margin: 1em 0;
}
.cd-timeline-content .cd-read-more {
  background: #acb7c0 none repeat scroll 0 0;
  border-radius: 0.25em;
  color: white;
  float: right;
  padding: 0.8em 1em;
}
.no-touch .cd-timeline-content .cd-read-more:hover {
  background-color: #bac4cb;
}
.cd-timeline-content .cd-date {
  float: none;
  opacity: 0.7;
  padding: 1em 0 0.8em 0;
    display:block;
    font-size:30px !important;
}
.cd-timeline-content::before {
  border-color: transparent white transparent transparent;
  border-image: none;
  border-style: solid;
  border-width: 7px;
  content: "";
  height: 0;
  position: absolute;
  right: 100%;
  top: 16px;
  width: 0;
}
#tm_builder_outer_content .tm_pb_module ol, #tm_builder_outer_content .tm_pb_module ul {margin-bottom:1em !important;}
#tm_builder_outer_content .tm_pb_module li {list-style: disc !important;}

.tm_pb_section .container {width:100%;}

@media only screen and (min-width: 768px) {
  .cd-timeline-content h2 {font-size: 24px;}
  .cd-timeline-content p {font-size: 16px;}
  .cd-timeline-content p.caption {
    font-size: 14px;
    font-style: italic;
    margin-top: 0;
    max-width: 355px;
    text-align: center;
  }
  .cd-timeline-content .cd-read-more, .cd-timeline-content .cd-date {font-size: 15px;}
}

@media only screen and (min-width: 1023px) {
  .cd-timeline-content {
    margin-left: 0;
    padding: 1.6em;
    width: 45%;
      border:1px solid rgba(51,51,51,0.1);
  }
  .cd-timeline-content::before {
    border-color: transparent transparent transparent white;
    left: 100%;
    top: 24px;
  }
  .cd-timeline-content .cd-read-more {
    float: left;
  }
  .cd-timeline-content .cd-date {
    font-size: 36px;
      font-weight:300;
    left: 122%;
    position: absolute;
    top: 6px;
    width: 100%;
      color: #111;
      padding: 0 0 0.8em 0;
  }
  .cd-timeline-block:nth-child(2n) .cd-timeline-content {float: right;}
  .cd-timeline-block:nth-child(2n) .cd-timeline-content::before {
    border-color: transparent white transparent transparent;
    left: auto;
    right: 100%;
    top: 24px;
  }
  .cd-timeline-block:nth-child(2n) .cd-timeline-content .cd-read-more {float: right;}
  .cd-timeline-block:nth-child(2n) .cd-timeline-content .cd-date {
    left: auto;
    right: 122%;
    text-align: right;
  }
  .cssanimations .cd-timeline-content.is-hidden {visibility: hidden;}
  .cssanimations .cd-timeline-content.bounce-in {
    animation: 0.6s ease 0s normal none 1 running cd-bounce-2;
    visibility: visible;
  }
}

@media only screen and (min-width: 1023px) {
  .cssanimations .cd-timeline-block:nth-child(2n) .cd-timeline-content.bounce-in {
    animation: 0.6s ease 0s normal none 1 running cd-bounce-2-inverse;
  }
}
@keyframes cd-bounce-2 {
  0% {opacity: 0; transform: translateX(-100px);}
  60% {opacity: 1; transform: translateX(20px);}
  100% {transform: translateX(0px);}
}
@keyframes cd-bounce-2 {
  0% {opacity: 0; transform: translateX(-100px);}
  60% {opacity: 1; transform: translateX(20px);}
  100% {transform: translateX(0px);}
}
@keyframes cd-bounce-2-inverse {
  0% {opacity: 0; transform: translateX(100px);}
  60% {opacity: 1; transform: translateX(-20px);}
  100% {transform: translateX(0px);}
}
@keyframes cd-bounce-2-inverse {
  0% {opacity: 0; transform: translateX(100px);}
  60% {opacity: 1; transform: translateX(-20px);}
  100% {transform: translateX(0px);}
}

@media screen and (max-width:540px) {
  p {margin: 0 0 1em 0;}
  .h1,
  h1,
  .page-header-text h1 {font-size: 32px !important;}
  .h2,
  h2 {font-size: 30px;margin-bottom: 0.5em;}
  .entry-content img,
  .entry-content figure {width: 100% !important; height: auto;}
  .promo-block a, .promo-block span {padding: 0.25em;}
}

@media screen and (min-width: 992px) and (max-width:1099px) {
    .logo-cell {width: 16% !important;}
    .navbar-nav > li > a {font-size:13px !important;}
    .nav>li>a {padding:10px 10px !important;}
    .menu-cell {width:48% !important;}
    .supernav-cell {width:14% !important;}
    .supernav li a {font-size:12px !important;}
}

@media screen and (max-width:991px) {
  .container-fluid.margtop100 {margin-top: 30px !important;}
  .header.hero {background: rgba(17,17,17,1);}

    .h1,
    h1,
    .page-header-text h1,
    .page-header-text h2 {
        font-size: 40px !important;
    }
    .nomobile {display: none;}
    .menu-contents ul {
        list-style: none;
    }
    .menu-contents ul li a {
        font-size: 22px !important;
        text-transform: uppercase;
    }
    .menu-contents ul li.dropdown .sub-menu {
        background-color: transparent;
        position: relative;
        transition: all 0.1s ease-out;
    }
    .menu-contents {width: 100%; padding: 40px 40px 40px 40px; }
    .menu-contents h2 {margin-bottom: 1em;}
    .menu-contents a {color: #fff;}
    .menu-contents .nav>li {margin:0.5em 0 1em 0;display: block;float:none;}
    .menu-contents .caret {
        margin-left: 4px;
        vertical-align: 4px;
    }
    .menu-contents .dropdown-menu li {margin:0 0 1em 1.5em;}
    .menu-contents .dropdown-menu li a {text-transform:none;}
    .menu-contents .dropdown-menu>li>a:focus, .menu-contents .dropdown-menu>li>a:hover {background-color:transparent;color:rgba(241, 92, 34,0.8);}
    .menu-contents .nav .open>a, .menu-contents .nav .open>a:focus, .menu-contents .nav .open>a:hover {background-color: transparent;color:rgba(241, 92, 34,1);}
    .menu-contents .dropdown-menu>li>a {color: rgba(255,255,255,0.75) !important;}
    .menu-contents .dropdown-menu>li>a:hover {color: rgba(255,255,255,0.5) !important;background-image:none;}
    .menu-contents .dropdown-menu>.active>a, .menu-contents .dropdown-menu>.active>a:focus, .menu-contents .dropdown-menu>.active>a:hover {background-color:transparent !important;background-image: none !important;}

    .supernav-cell { display: none; }

    .icons-cell {
        width: 10%;
        padding-top: 0px;
    }

    .intro-quote-wrapper .fa {display: none;}
    .intro-quote {
        font-size: 30px !important;
        z-index: 1;
        padding-bottom: 20px;
    }
    .subpage .intro-quote {font-size: 30px;}
    .intro-quote .quotes {width:100px;}
    .intro-quote .quotes.left {top: -160px;left: 0;}
    .intro-quote .quotes.right {bottom: -100px;right: 0;}

    .spotlight-wrapper {
        padding: 5px 30px;
        position: relative;
        margin-top: 0;
        background-color: rgba(100, 100, 100, 0.2);
    }

    #email-signup .home-email-wrapper {
        padding-left: 15px;
        padding-top: 30px;
    }

    #email-signup {padding-top: 30% !important;}

    .detail-block {margin: 30px 0;}
    .icon-for-block {margin-left: 60px;}

    #venue-info {padding-top:30px; padding-bottom:30px;background-image: none !important;margin-bottom: 30px; }
    #venue-info .container {display: block;align-items: normal;}

    .event-block .endblock a .event-image, .event-page-block .endblock a .event-image {
        padding: 30% 10%;
        line-height: 1em;
    }

    .bioimage-wrapper {
        height:400px;
        position:relative;
    }

    #hero-infoband.single {
        position: relative;
        top: auto;
        width: calc(100% + 30px);
        padding: 30px 32px;
        bottom: auto;
        margin: -60px -15px 30px -15px;
    }

    #hero-infoband.no-hero {padding: 100px 32px 32px 32px;margin: 0px -15px 30px -15px;}

    .left-details-column {border-left: none;padding-left: inherit !important;padding-right: inherit !important;width: 100% !important;max-width: 100% !important;left:0 !important;}

    .mini-image {
        width: 100%;
        height: auto;
        margin-top: -10%;
        max-width: 200px;
        float: right;
        margin-right: 0;
    }

    .info-image-block {height:45vh;}

    #events-search .container {max-width: 100%;width: 100%;}

    .select-options p, .select-options #datepicker .titletext {padding:15px 10px;}

}

@media screen and (max-width:767px) {
    .sixty-width, .eighty-width {width:100%;margin-left:auto;margin-right:auto;}

    .content-area .table,.content-area .table-row,.content-area .table-cell {display: block;}

    .menu-cell {
        display: none !important;
        width: 0 !important;
    }

    #hero-infoband {width:60%;}
    #hero-infoband.page-type {width: 100%;margin:0px 0px 0px 0px;padding:32px 32px 32px 32px;}

    .hero-video {display:none;}

    .footer-links li {display: block;}
    .footer-links li:after {
        content: "";
        border-right: none;
    }
    .icon-wrapper {
        margin-right: 0;
        margin-top: 0;
    }
    .icon-for-block {
        margin-left: 0px;
        margin: 0 auto -60px auto;
    }
    .detail-block {padding: 45px 30px 30px;}
    .narrow-content {padding: 0 15px;}

    #wpf_events_carousel {display:none;}
    #wpf_mobileevents_carousel {display:block;}

    .home-events-search-title:after {width: 50%;}

    .intro-quote {
        font-size: 24px;
        z-index: 1;
        padding-bottom: 20px;
    }
    .home .intro-quote {font-size:34px !important;}
    .home-search-select {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .select-options {
        top:-180px;
        left:auto;
    }

    a .home-event-details-block, .home-event-details-block, .info-detail-block, .post-details {padding: 36px 34px 36px 30px;}

    .info-image-block {height:350px;border-bottom-width: 25px !important;}
    .info-detail-block.right:before {content:none;}

    .mini-image {
        width: 100%;
        height: auto;
        margin: 30px auto -130px auto;
        max-width: 350px;
        float: none;
    }

    #quote {margin-top:100px;}

    .staff-page-block a .staff-details-block {bottom:0%;}

    .bioname-wrapper {
        position: absolute;
        bottom: 0;
        left: 0;
        padding: 15px;
        margin-bottom: -60px;
        width: 100%;
        border-bottom: none;
        background-color: var(--brand-orange) !important;
    }
    .bio-contact {
        margin-top: 60px;
        text-align: left;
        padding-left:15px;
    }
    .email-formwrapper .gfield {
        padding-left:0 !important;
        padding-right:0 !important;
    }
    .nav-pills>li.active {
        color: var(--brand-orange);
        background-color: #fff;
        border: 1px solid var(--brand-orange);
    }

    .tab-content, .tab-content .venue-floorplanimage-wrapper, .tab-content .venue-floorplanimage-wrapper .venue-floor-plan {width:100%;height:auto;}
    .quick-links li {margin:0.5em 0;}

    .column-img {
        display: block;
        width: 100%;
        height: 260px;
        background-position: 50% !important;
        margin-bottom: 1em;
    }
    .column-text {display:block;width:100%;padding:0;}

    #footer {font-size:16px;}
    #footer a {padding: 0.5em 0; display:inline-block;}
    #footer h1, #footer h2, #footer h3, #footer h4, #footer h5, #footer h6 {font-size:150%;}

    .social_icons a {font-size: 30px;margin:0 0.5em 0 0;}

    .left-details-column {padding-right: inherit;}
    .wp-playlist-item-title, .wp-playlist-item-artist {display:inline-block !important;}

    input.search-input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {font-size:8vw !important;width:90%;}

    .page-template-page-calendar .event-image-wrapper.cal-number {display:none;}
    .page-template-page-calendar .event-details-block {padding:30px; margin-top:0;border-top:none;min-height:0;}
    .page-template-page-calendar .prev-month, .page-template-page-calendar .next-month {text-align:center;}

    .sorting-fields {max-height: 0;overflow: hidden; transition: max-height 0.3s ease-in-out;}
    .sorting-fields.opened {max-height: 1000px;}

    .filter-toggle {text-align: center;display: block;font-family: var(--font-default);text-transform: uppercase;font-weight: 700;text-decoration: none !important;color: #111;}
    .filter-toggle:hover, .filter-toggle:active, .filter-toggle:focus {color: #575a5d !important;}
    .filter-toggle.opened {border-top: 1px solid #000000;padding-top: 20px;}
    .filter-toggle:after {font: normal normal normal 18px/1 FontAwesome;content: "\f0d7";margin: 0 0 0 10px;}
    .filter-toggle.opened:after {content: "\f0d8";}
}

@media screen and (max-height:840px) {
  .tab-content {height:auto !important;}
}

@media screen and (min-width:768px) {
  .alignright {float: right; margin: 1em 0 1em 3em;}
  .alignleft {float: left; margin: 1em 3em 1em 0;}
  .nav-justified>li {display: table-cell; width: 1%; height: 50px;}
  .col-md-4 {float:left; width: 33.33333333%;}
  .tm_pb_column.col-md-4 {flex: 0 0 33.1%;}
  .col-md-8 {float:left;width: 66.66666667%;}
}

@media screen and (min-width:1100px) {
  .supernav-cell {width: 15%;}
}
@media screen and (max-width:1099px) {
  .supernav-cell {width: 9%;}
}

@media screen and (min-width:992px) {
  .nodesktop {display: none;}

  .logo {width: 220px; height: auto;}
  .search-container {z-index: 9999;}
  .menu-container {display: none !important;}

  .search-container .closexwrapper,
  .menu-container .closexwrapper {
      position: absolute;
      background-color: transparent;
      z-index: 9995;
      bottom: auto;
      top: 0;
      right: 50px;
      height: auto;
      border-top: none;
      width: auto;
  }

  .navbar-nav {
      float: none;
      margin: 0;
      display: block;
  }
  .navbar-nav > li {
      float: none;
  }
  .navbar-nav > li > a, .supernav li a {
      color: #575a5d;
      text-shadow: none;
      font-weight: 300;
      font-size:13px;
      white-space: nowrap;
  }

  .navbar-nav > li > a:hover, .supernav li a:hover {
      color: var(--brand-orange);
  }
  .nav > li > a:focus,
  .nav > li > a:hover,
  .nav > li.current-menu-item a,
  .supernav li.current-menu-item a,
  .nav li.current-menu-ancestor > a,
  .nav li.current-menu-parent > a,
  .page-template-page-event-detail .navbar-nav li.mainmenu-events a,
  .single-venue .navbar-nav li.mainmenu-about > a
  {
      background-color: transparent;
      color: var(--brand-orange);
  }

  .navbar-nav > li > .dropdown-menu,
  .supernav > li > .dropdown-menu {
      background-color: rgba(87, 90, 93, 0.9);
      border: none;
      padding: 15px;
  }

  .nav .open > a,
  .nav .open > a:focus,
  .nav .open > a:hover {
      background-color: transparent;
      border-color: #575a5d;
      color: var(--brand-orange);
      text-shadow: none;
  }

  .navbar-nav > li:after {
      content: '';
      display: block;
      position: absolute;
      bottom: 0;
      width: 0;
      height: 5px;
      background-color: var(--brand-orange);
      transition: all 0.1s ease-out;
  }
  .navbar-nav > li.open:after {
      content: '';
      display: block;
      position: absolute;
      bottom: 0;
      width: 100%;
      height: 5px;
      background-color: var(--brand-orange);
  }
  .dropdown-menu li {
      width: auto;
      display:block !important;
  }
  .dropdown-menu li > a, .single-venue .navbar-nav li.mainmenu-about a li a {
      padding: 4px;
      clear: both;
      text-transform: none !important;
      line-height: 1.5em;
      color: #fff !important;
      font-size: 16px !important;
      font-weight: 300 !important;
      font-family: var(--font-default);
      transition: all .1s ease-out;
  }
  .dropdown-menu li > a:focus,
  .dropdown-menu li > a:hover {
      background-color: rgba(70, 70, 70, 1) !important;
      background-image: none;
      filter: none;
      color: #fff;
      text-decoration: none;
  }
  .dropdown-toggle .caret {
      display: none;
  }

  .dropdown-menu > .active > a,
  .dropdown-menu > .active > a:focus,
  .dropdown-menu > .active > a:hover,
  .single-venue .navbar-nav li.mainmenu-about .dropdown-menu li.menu-item-102 a {
      filter: none;
      color: rgba(255, 255, 255, 0.5) !important;
      background-image: none !important;
      background-color: transparent !important;
  }

  .menu-upcoming, #menu-events-megamenu {
      columns: 2;
      column-gap: 30px;
  }
  .nav li.mainmenu-events .dropdown-menu .menu-upcoming li {display: inline-block !important;}
  .nav li.mainmenu-events .dropdown-menu li {
      page-break-inside: avoid;
      break-inside: avoid;
  }
  .nav li.mainmenu-events .dropdown-menu li > a {
      padding: 4px;
      clear: both;
      font-weight: 300 !important;
      text-transform: none !important;
      line-height: 1.25em;
      color: #fff;
      font-size: 16px;
      display: block;
      margin-bottom: 0.5em !important;
  }
  .nav li.mainmenu-events .dropdown-menu li > a span {
      text-transform: uppercase;
      font-size: 12px;
      display:block;
  }

  .logo-cell {width: 18%;}
  .icons-cell {width: 3%; padding-top: 0px;}
  .icons-cell .fa {vertical-align: top;}
  .menu-cell {width: 55%;}
  .supernav {
      list-style: none;
      padding: 0;
      margin: -5px 0 0 0;
  }
  .supernav li {
      display: inline-block;
      margin: 0 10px;
      font-size: 14px;
  }

  #main-menu {display: none;}
  .desktop-menu {display: table-cell;}
  .desktopnav {display:flex;}
  .desktop-menu ul {
      list-style: none;
      margin: 0;
      padding: 0;
  }
  .desktop-menu ul li {
      display: inline-block;
      color: #575a5d;
      font-family: var(--font-default);
      font-weight: 700;
      text-transform: uppercase;
      cursor: pointer;
      margin: 0;
      transition: all .1s ease-out;
  }
  .menu-icon.red,
  .opensearch.red {
      transition: all .1s ease-out;
  }
  .menu-icon.red:hover,
  .opensearch.red:hover {color: #575a5d;}

  .header .fa {
      font-size: 20px;
      cursor: pointer;
  }

  .search-container .closexwrapper {
      padding: 36px 14px 14px 14px;
  }
  .search-container .fa,
  .menu-contents {
      padding: 40px 0 0 0;
      border-bottom: none;
      height: auto;
      overflow-y: auto;
  }

  .container.main {padding: 0;}
  .alignright {float: right; margin: 1em 0 1em 3em;}
  .alignleft {float: left; margin: 1em 3em 1em 0;}

  .page-header-content,
  #page-header-image {min-height: 380px;}
  .page-header-text {padding: 0 60px;}
  .page-header-text h1 {font-size: 60px;}
  .featured-image {width: 100%; height: 450px;}

}

@media screen and (max-width:600px) {
    #hero-image {height: 40% !important;}
    .hero-image { padding: 0 15px; }
    #hero-infoband {
        position: absolute;
        margin-top: 0;
        padding: 1em 1.5em 0 1.5em;
        width: 100%;
        bottom: 0;
        left: 0;
        border-bottom: none;
    }
    .hero-infoband {
        position: relative;
        margin-top: 80px;
        padding: 1em 0;
    }
    .hero-text {width: 100%;}
    .hero-subtitle {
        font-size: 18px;
        margin: 0 !important;
    }

    #quote { padding:26px !important; }
    .intro-quote .quotes {width: 80px; opacity: 0.5;}
    .intro-quotee-wrapper {width: 100%;bottom: 0px;left: 0;}
    .home .intro-quote {
        font-size: 26px !important;
        line-height: 1.5em;
    }
    .intro-quote .quotes.right {bottom:20px;right:-20px;}
    .intro-quote .quotes.left {top: -20px;left: -20px;}

    .events-heading {font-size: 30px;}
    .home-search-select {margin-bottom: 0.5em;}

    #email-signup .stay {
        font-size: 45px;
        font-weight: 600;
        text-transform: uppercase;
    }
    #email-signup .intheknow-wrapper {
        display: inline;
        margin-top: 0;
    }
    #email-signup .inthe {
        font-size: 32px;
        font-weight: 100;
        margin-left: 10px;
        vertical-align: top;
        margin-top: 10px;
        display: inline-block;
    }
    #email-signup .know {
        font-size: 60px;
        font-weight: 600;
        font-style: italic;
        vertical-align: top;
        display: block;
        margin-top: -20px;
        margin-left: 40px;
    }

    .icon-wrapper {margin-right: 0 !important;}

    .styled-form input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]),
    .styled-form textarea.large,
    .gform_wrapper.gf_browser_chrome .styled-form ul.gform_fields li.gfield select {
        font-size: 15px !important;
    }

    .venue-list a span.hero-infoband {position: absolute;}
    .venue-list .hero-text span {font-size: 28px;line-height: 1em;}

    .event-block .endblock a .event-image, .event-page-block .endblock a .event-image {
        padding: 20%;
        line-height: 1em;
        font-size:40px
    }
    .related-staff-blocks {display: block;flex-wrap: wrap;}
    .related-staff-block {display: block;flex-direction: column;}

    .bioimage-wrapper {
        height:300px;
        position:relative;
    }

    .wp-playlist .wp-playlist-current-item img {float:none !important;max-width:100% !important;width:100%;height:auto;}
    .wp-playlist-caption {max-width:100%;}
    .wp-playlist-current-item .wp-playlist-item-title {font-size:22px !important;}

}

@media only screen and (min-width: 641px) {
    .gform_wrapper .top_label input.medium, .gform_wrapper .top_label select.medium,  .gform_wrapper .top_label textarea.medium {
        width:calc(50% - 8px);
    }
}

@media screen and (max-width:480px) {
    #hero-infoband.page-type {min-width:100%;}
    .home-search-select {margin:0;}
    .select-options.opened {width:100%;}
    .select-options .ui-datepicker-calendar {width:100%;}
    .ui-datepicker td a, .ui-datepicker td span {padding: 4px 4px;}
    .ui-datepicker {width:100%;}
}

@media screen and (min-width:1200px) {
  .desktop-menu {padding-left: 20px;}
  .navbar-nav > li > a {font-size: 14px;}
  .entry-content,
  .entry-header {padding: 0 60px;}
}

@media screen and (max-width:1199px) {
  .supernav li,
  .hero .supernav li,
  .hero .supernav li a {font-size: 11px !important;}
  .navbar-nav > li > a {font-size: 12px !important;}
  .icon-wrapper {margin-right: -30px;}
  .narrow-content {padding: 0 15px;}
  .entry-content,
  .entry-header {padding: 0;}
  .styled-form input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]),
  .styled-form textarea.large,
  .gform_wrapper.gf_browser_chrome .styled-form ul.gform_fields li.gfield select {font-size: 18px;}
  .info-image-block {height:45vh;}
}

@media screen and (min-width:1500px){
  .container {max-width:1440px;}
}

@media screen and (min-width:1700px) {
  .info-image-block {height:35vh;}
  .slick-prev, .slick-next {top: 64%;}
}

/*======ANIMATIONS=======*/
/*--------------------------------------------*/

@keyframes spin {
  0% {transform: rotate(0deg); }
  100% {transform: rotate(360deg); }
}

/*************************************************************************************
 * Grid
 ************************************************************************************/
 :root {
  --grid-gap: 1.5rem;
 }
.d-flex { display:flex; }
.grid-row { width:100%; flex-flow:row; }
.grid-row-container { flex-flow:row; padding-left:0; padding-right:0; max-width:90vw; margin:0 auto; }
.grid { display:flex; flex-flow:row wrap; list-style:none; padding:0; clear:both; }
.grid-xs-2 > * { width:50%; }
.grid-xs-3 > * { width:33.33%; }
.grid-xs-4 > * { width:25%; }
.grid-xs-5 > * { width:20%; }
.grid-xs-6 > * { width:16.66%; }
.order-xs--1 { order:-1; }
.order-xs-0  { order:0; }
.order-xs-1  { order:1; }
.order-xs-2  { order:2; }
.order-xs-3  { order:3; }
.order-xs-4  { order:4; }
.order-xs-5  { order:5; }

@media only screen and (min-width:30em), print {
  .grid-sm-2 > * { width:50%; }
  .grid-sm-3 > * { width:33.33%; }
  .grid-sm-4 > * { width:25%; }
  .grid-sm-5 > * { width:20%; }
  .grid-sm-6 > * { width:16.66%; }
  .grid-sm-6 > .span-sm-2 { width:33.3%; }
  .grid-sm-5 > .span-sm-2 { width:40%; }
  .grid-sm-4 > .span-sm-2,
  .grid-sm-6 > .span-sm-3 { width:50%; }
  .grid-sm-5 > .span-sm-3 { width:60%; }
  .grid-sm-3 > .span-sm-2,
  .grid-sm-6 > .span-sm-4 { width:66.7%; }
  .grid-sm-4 > .span-sm-3 { width:75%; }
  .grid-sm-5 > .span-sm-4 { width:80%; }
  .grid-sm-6 > .span-sm-5 { width:83.4%; }
  .order-sm--1 { order:-1; }
  .order-sm-0  { order:0; }
  .order-sm-1  { order:1; }
  .order-sm-2  { order:2; }
  .order-sm-3  { order:3; }
  .order-sm-4  { order:4; }
  .order-sm-5  { order:5; }
}

@media only screen and (min-width:48em), print {
  .d-flex-md { display:flex; }
  .grid-md-2 > * { width:50%; }
  .grid-md-3 > * { width:33.33%; }
  .grid-md-4 > * { width:25%; }
  .grid-md-5 > * { width:20%; }
  .grid-md-6 > * { width:16.66%; }
  .grid-md-6 > .span-md-2 { width:33.3%; }
  .grid-md-5 > .span-md-2 { width:40%; }
  .grid-md-4 > .span-md-2,
  .grid-md-6 > .span-md-3 { width:50%; }
  .grid-md-5 > .span-md-3 { width:60%; }
  .grid-md-3 > .span-md-2,
  .grid-md-6 > .span-md-4 { width:66.7%; }
  .grid-md-4 > .span-md-3 { width:75%; }
  .grid-md-5 > .span-md-4 { width:80%; }
  .grid-md-6 > .span-md-5 { width:83.4%; }
  .order-md--1 { order:-1; }
  .order-md-0  { order:0; }
  .order-md-1  { order:1; }
  .order-md-2  { order:2; }
  .order-md-3  { order:3; }
  .order-md-4  { order:4; }
  .order-md-5  { order:5; }
}

@media only screen and (min-width:60em) {
  .d-flex-lg { display:flex; }
  .grid-lg-2 > * { width:50%; }
  .grid-lg-3 > * { width:33.33%; }
  .grid-lg-4 > * { width:25%; }
  .grid-lg-5 > * { width:20%; }
  .grid-lg-6 > * { width:16.66%; }
  .grid-lg-6 > .span-lg-2 { width:33.3%; }
  .grid-lg-5 > .span-lg-2 { width:40%; }
  .grid-lg-4 > .span-lg-2,
  .grid-lg-6 > .span-lg-3 { width:50%; }
  .grid-lg-5 > .span-lg-3 { width:60%; }
  .grid-lg-3 > .span-lg-2,
  .grid-lg-6 > .span-lg-4 { width:66.7%; }
  .grid-lg-4 > .span-lg-3 { width:75%; }
  .grid-lg-5 > .span-lg-4 { width:80%; }
  .grid-lg-6 > .span-lg-5 { width:83.4%; }
  .order-lg--1 { order:-1; }
  .order-lg-0  { order:0; }
  .order-lg-1  { order:1; }
  .order-lg-2  { order:2; }
  .order-lg-3  { order:3; }
  .order-lg-4  { order:4; }
  .order-lg-5  { order:5; }
}

@media only screen and (min-width:100em) {
  .grid-xl-2 > * { width:50%; }
  .grid-xl-3 > * { width:33.33%; }
  .grid-xl-4 > * { width:25%; }
  .grid-xl-5 > * { width:20%; }
  .grid-xl-6 > * { width:16.66%; }
  .grid-xl-6 > .span-xl-2 { width:33.3%; }
  .grid-xl-5 > .span-xl-2 { width:40%; }
  .grid-xl-4 > .span-xl-2,
  .grid-xl-6 > .span-xl-3 { width:50%; }
  .grid-xl-5 > .span-xl-3 { width:60%; }
  .grid-xl-3 > .span-xl-2,
  .grid-xl-6 > .span-xl-4 { width:66.7%; }
  .grid-xl-4 > .span-xl-3 { width:75%; }
  .grid-xl-5 > .span-xl-4 { width:80%; }
  .grid-xl-6 > .span-xl-5 { width:83.4%; }
  .order-xl--1 { order:-1; }
  .order-xl-0  { order:0; }
  .order-xl-1  { order:1; }
  .order-xl-2  { order:2; }
  .order-xl-3  { order:3; }
  .order-xl-4  { order:4; }
  .order-xl-5  { order:5; }
}

@supports (display:grid) {
  .grid { display:grid; grid-gap:var(--grid-gap); }
  .grid > * { width:auto; }
  .grid.no-gap { grid-gap:0; }
  .grid-xs-2 { grid-template-columns:repeat(2, minmax(0,50%)); }
  .grid-xs-3 { grid-template-columns:repeat(3, minmax(0,33.3%)); }
  .grid-xs-4 { grid-template-columns:repeat(4, minmax(0,25%)); }
  .grid-xs-5 { grid-template-columns:repeat(5, minmax(0,20%)); }
  .grid-xs-6 { grid-template-columns:repeat(6, minmax(0,16.6%)); }
  [class*="grid-xs-"] > [class*="span-xs"] { width:auto; }
  .span-xs-1 { grid-column:span 1; }
  .span-xs-2 { grid-column:span 2; }
  .span-xs-3 { grid-column:span 3; }
  .span-xs-4 { grid-column:span 4; }
  .span-xs-5 { grid-column:span 5; }
  .span-xs-6 { grid-column:span 6; }
  .span-full, .full { grid-column:1/-1; }

  /* 480px
  ----------------------------------------------------*/
  @media only screen and (min-width:30em), print {
    .grid-sm-1 { grid-template-columns:100%; }
    .grid-sm-2 { grid-template-columns:repeat(2, minmax(0,50%)); }
    .grid-sm-3 { grid-template-columns:repeat(3, minmax(0,33.3%)); }
    .grid-sm-4 { grid-template-columns:repeat(4, minmax(0,25%)); }
    .grid-sm-5 { grid-template-columns:repeat(5, minmax(0,20%)); }
    .grid-sm-6 { grid-template-columns:repeat(6, minmax(0,16.6%)); }
    [class*="grid-sm-"] > [class*="span-sm"] { width:auto; }
    .span-sm-1 { grid-column:span 1; }
    .span-sm-2 { grid-column:span 2; }
    .span-sm-3 { grid-column:span 3; }
    .span-sm-4 { grid-column:span 4; }
    .span-sm-5 { grid-column:span 5; }
    .span-sm-6 { grid-column:span 6; }
  }
  /* 768px
  ----------------------------------------------------*/
  @media only screen and (min-width:48em), print {
    .grid-md-1 { grid-template-columns:100%; }
    .grid-md-2 { grid-template-columns:repeat(2, minmax(0,50%)); }
    .grid-md-3 { grid-template-columns:repeat(3, minmax(0,33.3%)); }
    .grid-md-4 { grid-template-columns:repeat(4, minmax(0,25%)); }
    .grid-md-5 { grid-template-columns:repeat(5, minmax(0,20%)); }
    .grid-md-6 { grid-template-columns:repeat(6, minmax(0,16.6%)); }
    [class*="grid-md-"] > [class*="span-md"] { width:auto; }
    .span-md-1 { grid-column:span 1; }
    .span-md-2 { grid-column:span 2; }
    .span-md-3 { grid-column:span 3; }
    .span-md-4 { grid-column:span 4; }
    .span-md-5 { grid-column:span 5; }
    .span-md-6 { grid-column:span 6; }
  }

  /* 960px
  ----------------------------------------------------*/
  @media only screen and (min-width:60em) {
    .grid-lg-1 { grid-template-columns:100%; }
    .grid-lg-2 { grid-template-columns:repeat(2, minmax(0,50%)); }
    .grid-lg-3 { grid-template-columns:repeat(3, minmax(0,33.3%)); }
    .grid-lg-4 { grid-template-columns:repeat(4, minmax(0,25%)); }
    .grid-lg-5 { grid-template-columns:repeat(5, minmax(0,20%)); }
    .grid-lg-6 { grid-template-columns:repeat(6, minmax(0,16.6%)); }
    [class*="grid-lg-"] > [class*="span-lg"] { width:auto; }
    .span-lg-1 { grid-column:span 1; }
    .span-lg-2 { grid-column:span 2; }
    .span-lg-3 { grid-column:span 3; }
    .span-lg-4 { grid-column:span 4; }
    .span-lg-5 { grid-column:span 5; }
    .span-lg-6 { grid-column:span 6; }
  }

  /* 1600px
  ----------------------------------------------------*/
  @media only screen and (min-width:100em) {
    .grid-xl-1 { grid-template-columns:100%; }
    .grid-xl-2 { grid-template-columns:repeat(2, minmax(0,50%)); }
    .grid-xl-3 { grid-template-columns:repeat(3, minmax(0,33.3%)); }
    .grid-xl-4 { grid-template-columns:repeat(4, minmax(0,25%)); }
    .grid-xl-5 { grid-template-columns:repeat(5, minmax(0,20%)); }
    .grid-xl-6 { grid-template-columns:repeat(6, minmax(0,16.6%)); }
    [class*="grid-xl-"] > [class*="span-xl"] { width:auto; }
    .span-xl-1 { grid-column:span 1; }
    .span-xl-2 { grid-column:span 2; }
    .span-xl-3 { grid-column:span 3; }
    .span-xl-4 { grid-column:span 4; }
    .span-xl-5 { grid-column:span 5; }
    .span-xl-6 { grid-column:span 6; }
  }
}

/* 1920px
----------------------------------------------------*/
@media only screen and (min-width:120em) {
  .row-container { max-width:108rem; }
}