@charset "utf-8";

/*
Notes about this file:
this is some.[x.x].css, which must be called after all.css
all.css governs the base structure of the website, which was launched in 2013 and amended in 2024.
Over the years, rather than having to recompile all.css from LESS/SASS each time an update is needed,
some.css file was created as a collection of all.css overrides AND css tags that govern any html that is inserted within the CMS content fields.
ALL governs the base structure, SOME manages the content.
*/

/*==========================================================*/
/* Global
/*==========================================================*/

body, html { overflow-x:hidden; }

.clear { clear:both }
.block { display:block; margin-top:1px; }
.inline { display:inline-block; }
.serif { font-family: "Chronicle Display A","Chronicle Display B",Georgia,Times,"Times New Roman",serif; }
.sans { font-family: "Whitney SSm A","Whitney SSm B",Arial,sans-serif; }
.mt0 { margin-top:0 !important; }
.mtxl { margin-top:75px !important; }
.mtns { margin-top: -5px !important; }
.mb0 { margin-bottom:0 !important; }
.mbxl { margin-bottom:75px !important; }
.mln { margin-left:-25px !important; }
.mlauto { margin-left:auto !important; }
.mrauto { margin-right:auto !important; }
.middle { margin-left:auto !important;  margin-right:auto !important; }
.max200 { max-width:200px; }
.max225 { max-width:225px; }
.max250 { max-width:250px; }
.max275 { max-width:275px; }
.max300 { max-width:300px; }
.max325 { max-width:325px; }
.max350 { max-width:350px; }
.max375 { max-width:375px; }
.max400 { max-width:400px; }
.max425 { max-width:425px; }
.max450 { max-width:450px; }
.max475 { max-width:475px; }
.max500 { max-width:500px; }
.max525 { max-width:525px; }
.max550 { max-width:550px; }
.max575 { max-width:575px; }
.max600 { max-width:600px; }
.max625 { max-width:625px; }
.max650 { max-width:650px; }
.max675 { max-width:675px; }
.max700 { max-width:700px; }
.max725 { max-width:725px; }
.max750 { max-width:750px; }
.max775 { max-width:775px; }
.max800 { max-width:800px; }
.max825 { max-width:825px; }
.max850 { max-width:850px; }
.max875 { max-width:875px; }
.max900 { max-width:900px; }
.max925 { max-width:925px; }
.max950 { max-width:950px; }
.max975 { max-width:975px; }
.max1000 { max-width:1000px; }
.max1170 { max-width:1170px; }
span.h1fsn { font-size:1em !important; }
.fsv2 { font-size:0.8em !important; }
.fsv1 { font-size:0.9em !important; }
.fs1 { font-size:1.1em }
.fs2 { font-size:1.2em }
.fs3 { font-size:1.3em }
.fs4 { font-size:1.4em }
.fs5 { font-size:1.5em }
.fs6 { font-size:1.6em }
.op5 { opacity:.5 }
.op6 { opacity:.6 }
.op7 { opacity:.7 }
.op8 { opacity:.8 }
.op9 { opacity:.9 }
.w100 { display:block; width:100% }
@media only screen and (max-width: 690px) { .mobilesmaller { font-size:1.5em } .mobilecenter { text-align:center; }}
.italic { font-style:italic }
.fsn { font-style:normal }
.ls1 { letter-spacing:1px; }
.ls2 { letter-spacing:2px; }
.lh1 { line-height:1em !important }
small.h3lh { display:block; line-height:1.3em; margin-top:5px; }
.lh1 { line-height:1.1em; }
.lh2 { line-height:1.2em; }
.lh3 { line-height:1.3em; }
.lh4 { line-height:1.4em; }
.lh5 { line-height:1.5em; }
.lh6 { line-height:1.6em; }
p.smaller { font-size:.9em }
.imgcaption { line-height:1.3em !important; color:#666; }
@media only screen and (min-width: 768px) and (max-width:960px) { .lineheight { line-height:1.2em; }}
.ddd { border-color:#eee; }
.gray { color:#999; } /* <-- use to overrwite hyperlink green color on h2, h3, h4 tags */
.fade { color:#ddd !important; } /* <-- use to make white slightly opacity */
.cursor { cursor:pointer; } /* <-- add a Mickey Mouse hand on hover for data-toggle links, and for right-arrow circles */
.light-blue { background-color:#e1f1ff}

/* make alt tags less visible */
.content a img, .container img { color:#f5f5f5; font-size:.75em; }
.listing-basic a img, .calendar a img { color:#666; font-size:.75em; }
  .calendar a img { line-height:1em }

/* "My Cart" link on mobile navigation  - not used any more, legacy code - the html is there, but is not displayed as of new TNEW 7.0, see tnew/xx.subnav.css for display:none */
.navcart { margin-left:-16px; }
  .navcart i { color:#155b67; margin-right:4px; }
 
/* better br tags */ 
@media only screen and (max-width: 700px){ br.break { display:block; margin-bottom:30px; }}
@media only screen and (min-width: 900px){ br.tablet { display:none; }}

/* hide things */
.hide { display:none; }
@media only screen and (max-width:959px) {
  .mobiletabletoff { display:none; }
}
/* add shortcut tags to control content on various viewports */
@media only screen and (min-width: 768px) and (max-width:960px) {.tabletoff { display:none; }}
@media only screen and (max-width: 849px) { .mobileoff2 { display:none; }}
@media only screen and (min-width: 690px) { /* desktop margin top */ .dmts { margin-top:10px; }}
@media only screen and (max-width: 690px) { .mobileoff { display:none; } /* mobile margin top */ .mmtl { margin-top:50px; }}


 /* add styling to hyperlinks that need an underline */
    a.dyi {
      padding-bottom:3px;
      border-bottom:1px dotted #155b67;
      }

/* adjust logo on desktop larger than container width */      
@media only screen and (min-width: 1190px) {
nav.logo { margin-left:10px; }
}


/*==========================================================*/
/* Headlines
/*==========================================================*/

/* better h1 tags */
h1 { line-height:1.2; }
.date-nav h1 { line-height:1.4; }

/* Subheads entered into CMS fields */
.subh2 {/* <-- Subhead on pages */
  line-height:48px;
  }

    @media only screen and (max-width: 767px) {
     .subh2 { color:#00262d !important; line-height:1.25em; margin-top:20px; font-size:24px !important; margin:20px 0 20px 0 !important; }
     .ticket-header h1 { margin:3px 0 5px 0 !important; }
     .subimg { display:none; }
    }
    
    @media only screen and (min-width: 768px) {
      .pvs h1.mvs { padding-top:10px; /* <-- makes up the difference in padding */ }
      .subh2 { color:#777 !important; margin:-15px 0 30px 0 !important; }
    }

    @media only screen and (min-width: 768px) and (max-width: 991px) {
     .pvs h1 { font-size:42px !important; }
     .subh2 { line-height:1.25em; font-size:32px !important; margin:-15px 0 30px 0 !important;  }
     .ticket-header h1 { margin:3px 0 5px 0 !important;}
     .subimg { display:none; }
    }
    

hr.museumsub {            /* <-- Optional grey line below subhead */
  margin:10px 0 -5px 0;
  border-top:0;
  border-bottom:5px solid #eee;
  }

.subimg { /* <-- using for 15-Year Anniversary logo, particularly on Museum exhibition pages */
  float:right;
  width:125px;
  margin-top:-125px;
  clear:both;
}



.subh5 {margin-top:0;font-weight:normal;color:#666 !important;}

/*==========================================================*/
/* Navigation
/*==========================================================*/

/* breadcrumb nav */
.beadcrumbs div a, .beadcrumbs div a:visited, .social a, .social a:visited {color:#155b67;} /* <-- fixes bug in Firefox, preventing default purple color on links in breadcrumb and social tags */

/* adjust breadcrumb on tablet */
@media only screen and (max-width:767px) {
  .backcrumb { margin-top:-10px; position:relative; }
}
@media only screen and (min-width: 768px) and (max-width:991px) {
.backcrumb { display:block; margin-top:-52px; position:absolute; }
}
@media only screen and (min-width:990px) {
  .backcrumb { display:none; }
}

/* adjust nav spacing on tablet */
@media only screen and (min-width: 768px) and (max-width:991px) {
  nav.primary #navigation li.sub { padding-left:10px; padding-right:10px; }
}

/*==========================================================*/
/* Homepage Carousel
/*==========================================================*/
  
.home .js-ticket-product-slideshow {
  position:relative;
  padding:0;
  overflow:hidden;
  -webkit-animation-name: fademe;
  animation-name: fademe;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  }
  .home .js-ticket-product-slideshow .slide { position:relative; width:100%; }
  .home .js-ticket-product-slideshow .slide a { display:block; z-index:1008; visibility:visible !important; }
  .home .js-ticket-product-slideshow .slide img {
    display:block;
    width:100%;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
    }
    .home .js-ticket-product-slideshow .slide img.kenburns {
      -webkit-animation-name: kenburn;
      animation-name: kenburn;
      -webkit-animation-timing-function: linear;
      animation-timing-function: linear;
      -webkit-animation-iteration-count: infinite;
      animation-iteration-count: infinite;
      -webkit-animation-duration: 17s;
      animation-duration: 17s;
      opacity: 1;
      -webkit-transform: scale(1.2);
      transform: scale(1.2);
      }
      #events, #museum, #learn {
        -webkit-animation-name: kenburn;
        animation-name: kenburn;
        z-index: 2;
        }

  .home .js-ticket-product-slideshow .slide p {
    position:absolute;
    display:block;
    color:#fff;
    font-weight:100;
    z-index:100;
    width:100%;
    font-family: Chronicle SSm A,Chronicle SSm B,Georgia,Times,Times New Roman,serif;
    text-align:right;
    text-shadow: 0px 0px 10px rgba(0,0,0,1);
    background: url("/assets/images/alpha/black/50.png");
    }
    
    /* colortry - slide border-bottom color in rotation 
    .home .js-ticket-product-slideshow .slide:nth-of-type(3n+1) p { border-bottom:30px solid #5591c3; }
    .home .js-ticket-product-slideshow .slide:nth-of-type(3n+2) p { border-bottom:30px solid #b675b2; }
    .home .js-ticket-product-slideshow .slide:nth-of-type(3n+3) p { border-bottom:30px solid #ff8c73; }
    */

    .home .js-ticket-product-slideshow .slide p .italic { font-size:.6em; color:#ccc; }
    .home .js-ticket-product-slideshow .slide p small { right:0; font-size:.6em; color:#fff; display:block; position:absolute; z-index:101; }
    .home .js-ticket-product-slideshow .pager { display:inline-block; position:relative; z-index:1009; max-width:280px; opacity:.5; transition-duration: 0s; transition-timing-function: ease-in; transition-delay: 0s; }
    .home .js-ticket-product-slideshow .pager:hover, .home .js-ticket-product-slideshow .pager:active { transition: all .2s ease-in; opacity:1; }
    .home .js-ticket-product-slideshow .pager span { background-color:#aaa; }
    .home .js-ticket-product-slideshow .pager span.cycle-pager-active { background-color:#ff8c73; }
    
@media only screen and (min-width:992px) {
  .home .js-ticket-product-slideshow {
      margin:50px auto 0 auto;
      max-width:1170px;
      height:500px;
    }
    .home .js-ticket-product-slideshow .slide img {
      height:500px;
      }
      .home .js-ticket-product-slideshow .slide p {
        height:70px;
	bottom:-30px;
        padding:12px 30px 0 30px;
        font-size: 1.875rem;
        }
        .home .js-ticket-product-slideshow .slide p small  { bottom:-26px; margin-right:30px; }
        .home .js-ticket-product-slideshow .pager { margin-top:-56px; margin-left:30px; float:left; }
	
}
@media only screen and (min-width: 768px) and (max-width:991px) {
  .home .js-ticket-product-slideshow {
    margin:20px auto 0 auto;
    height:600px;
    }
    .home .js-ticket-product-slideshow .slide img {
      height:600px;
      }
      .home .js-ticket-product-slideshow .slide p {
	bottom:-30px;
        padding:15px 20px 50px 20px;
        font-size: 1.875rem;
	line-height:1.2em;
        }
        .home .js-ticket-product-slideshow .slide p small { bottom:-31px; margin-right:20px; }
	.home .js-ticket-product-slideshow .pager { margin-top:-54px; margin-right:20px; float:right; }
}
@media only screen and (max-width:767px) {
  .home .js-ticket-product-slideshow {
    margin:20px auto 40px auto;
    height:430px;
    }
    .home .js-ticket-product-slideshow .slide img {
      height:430px;
      }
      .home .js-ticket-product-slideshow .slide p {
        bottom:-23px;
        padding:15px 20px 40px 20px;
        font-size: 1.4rem;
        line-height: 1.8rem;
        }
        .home .js-ticket-product-slideshow .slide p small { bottom:-28px; margin-right:20px; }
        .home .js-ticket-product-slideshow .pager { margin-top:-46px; margin-right:20px; float:right; }
}

@media only screen and (max-width:959px) {
  .home .mobile9off { display:none; }
}

@media only screen and (max-width:359px) {
  .home .mobile5off { display:none; }
}

/*==========================================================*/
/* Homepage Cubes
/*==========================================================*/
  
/* reposition h2 tag */
.wrapper.features article h2 {
  position: relative;
  color: #2a6069;
  text-transform:uppercase;
  font-family: 'Whitney SSm A','Whitney SSm B',Arial,sans-serif;
  font-style: normal;
  font-weight:500;
  padding: 10px 0;
  background-color:#fff;
}

/* change size of cubes depending on viewport */
@media only screen and (min-width:960px) {
  .wrapper.features { margin-top:20px; }
  .wrapper.features article { height: 250px; }
  .wrapper.features article h2 { font-size:1.4em; }
}
@media only screen and (min-width: 768px) and (max-width:959px) {
  .wrapper.features { margin-top:10px; }
  .wrapper.features article { height:146px; }
  .wrapper.features article h2 { font-size:1.4em; }
  .wrapper.features article h2 .homehide { display:none }
}
@media only screen and (max-width:767px) {
  .wrapper.features article { height: 250px; margin-bottom:40px }
  .wrapper.features article img, .wrapper.features article a img, .wrapper.features article a:hover img { top:0; }
}

/*==========================================================*/
/* CSS keyframes
/*==========================================================*/

@-webkit-keyframes 
kenburn {  0% {
 -webkit-transform: scale(1.2);
 transform: scale(1.2);
}
 26.5625% {
 -webkit-transform: scale(1);
 transform: scale(1);
}
 100% {
 -webkit-transform: scale(1.2);
 transform: scale(1.2);
}
}

@keyframes 
kenburn {  0% {
 -webkit-transform: scale(1.2);
 transform: scale(1.2);
}
 26.5625% {
 -webkit-transform: scale(1);
 transform: scale(1);
}
 100% {
 -webkit-transform: scale(1.2);
 transform: scale(1.2);
}
}

@-webkit-keyframes fademe {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
     }
}

@keyframes fademe {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
     }
}
      
/*==========================================================*/
/* Homepage
/*==========================================================*/

.homealert, .homeniff { position:relative; z-index:11; }

  .homeniff { position:relative; background:#e1f1ff url('/uploads/files/resources/images/events/niff/homeniff3.png') no-repeat; background-position: 790px 85px;
  margin-top:30px; }
  .homeniff h3 { font-size:2em; line-height:1.2em; }
  .homeniff p { margin-top:20px }
  @media only screen and (max-width: 1170px) { .homeniff { background-position: 790px 85px; } }
  @media only screen and (max-width: 991px) { .homeniff { background-position: 580px 85px; } }
  @media only screen and (max-width: 767px) { .homeniff { background-position: 480px 85px; } }
  @media only screen and (max-width: 640px) { .homeniff { background-position: 0px 150px; } .homeniff p { margin-top:25px; margin-left:120px;  } }
  @media only screen and (max-width: 510px) {  .homeniff { background-position: 0px 150px; } }
  @media only screen and (max-width: 460px) {  .homeniff { background-position: 0px 210px; } }
  @media only screen and (max-width: 370px) {  .homeniff { background-position: 0px 230px; } }
  @media only screen and (max-width: 330px) {  .homeniff { background-position: 0px 250px; } }
  
  @media only screen and (min-width: 992px) { .homealert { margin-top:30px; margin-bottom:-60px; } }
  @media only screen and (max-width: 991px) { .homealert { margin-top:0; margin-bottom:-30px; } }
  .homealert h4 { max-width:1155px; font-size:1.3em; background:#fff5ee }
  .homealert h4 small { display:block; line-height:1.6em; margin-top:5px; }


.archivebar { margin-top:30px; padding-top:3px; padding-bottom:3px; background:#00262d; margin-bottom:-30px; max-width:1170px; }

/* new 3-cubes */
 .wrapper.features article a:hover h2 { color:#19afaf; top:0; }

@media only screen and (min-width:768px) {
  /* colortry - border bottom color 
  .listing-basic article:nth-of-type(4n+2) { border-bottom:10px solid #ff8c73; }
  .listing-basic article:nth-of-type(4n+3) { border-bottom:10px solid #5591c3; }
  .listing-basic article:nth-of-type(4n+4) { border-bottom:10px solid #b675b2; }
  .listing-basic article:nth-of-type(4n+1) { border-bottom:10px solid #3c966e; }
   */
  }
  
/* fix hover effect on upcoming events */
@media only screen and (min-width: 959px) {
.listing-basic article a .content h3  { margin-top:3px; }
.listing-basic article a:hover .content h3 { display:none; transition: all .2s ease-in; }
.listing-basic article a:hover .content p .headhover { display:block; font-size:16px; color:#fff; margin:5px 0 -15px 0; }
.listing-basic article a:hover .content p small { display:none }
}

/*==========================================================*/
/* Homepage AAM box
/*==========================================================*/

 .aambox { position:relative; }
 
@media only screen and (min-width: 992px) {
  .aambox { border:10px solid #eee; max-width:1154px; margin-top:60px; margin-bottom:50px; margin-left:auto; margin-right:auto; }
  .aambox img { display:inline-block; max-width:180px; position:absolute; top:-30px; left:50%; margin-left:-280px; }
  .aambox h3 { margin-left:40%; max-width:400px; }
  }
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .aambox { border:10px solid #eee; max-width:740px; margin-top:60px; margin-bottom:50px; margin-left:auto; margin-right:auto; }
  .aambox img { display:inline-block; max-width:180px; position:absolute; top:-30px; left:50%; margin-left:-280px; }
  .aambox h3 { margin-left:40%; max-width:400px; }
  }
@media only screen and (max-width: 767px)  {
  .aambox { border:10px solid #eee; max-width:100%; margin-bottom:60px; margin-left:20px; margin-right:20px; }
  .aambox img { display:inline-block; max-width:140px; position:absolute; top:-25px; left:0; margin-left:20px; }
  .aambox h3 { margin-left:40%; max-width:300px; font-size:.9em; }
  }
@media only screen and (max-width: 520px)  {
  .aambox  { border:5px solid #eee; }
  }
@media only screen and (max-width: 509px)  {
  .aambox img { max-width:100px; top:50%; margin-top:-50px; margin-left:20px; }
}

/*==========================================================*/
/* Popup
/*==========================================================*/

.popUpBox .fancybox-wrap { box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.3); }

/*==========================================================*/
/* Calendar
/*==========================================================*/

.calendar td { font-family: "Whitney SSm A","Whitney SSm B",Arial,sans-serif; }

/* overwrites hidden li when there are 3 or more events */
.calendar .week td li { display:block }
.calendar .week td li:last-of-type { margin-bottom:25px }

/* fixes font color in red square when date is active */
.calendar .week td.current .num { color:#fff !important }

/* determines expanded details width on various viewports */
@media only screen and (min-width:1020px) { .calendar .extended td .details { width:46%; } }
@media only screen and (min-width:960px) and (max-width:1019px) { .calendar .extended td .details { width:44%; } }
@media only screen and (min-width:860px) and (max-width:959px) { .calendar .extended td .details { width:42%; } }
@media only screen and (min-width:768px) and (max-width:859px) { .calendar .extended td .details { width:40%; } }
  
/* colortry - cubes border bottom color  
  .featured-grid section:nth-of-type(4n+2) { border-bottom:10px solid #ff8c73; }
  .featured-grid section:nth-of-type(4n+3) { border-bottom:10px solid #5591c3; }
  .featured-grid section:nth-of-type(4n+4) { border-bottom:10px solid #b675b2; }
  .featured-grid section:nth-of-type(4n+1) { border-bottom:10px solid #3c966e; }
*/

/*==========================================================*/
/* Isotope Pages
/*==========================================================*/

.wrapper.content .matrix p { margin-top:15px; }

.isotope-block article .type, .isotope-block article .details, .isotope-block nav .type, .isotope-block nav .details { padding: 5px 5px 5px 10px; }

  @media only screen and (min-width:768px) {
  /* colortry - border bottom color 
  .isotope-block article:nth-of-type(5n+3), .isotope-block nav:nth-of-type(5n+3) .extended-details { border-bottom:10px solid #19afaf; }
  .isotope-block article:nth-of-type(5n+4), .isotope-block nav:nth-of-type(5n+4) .extended-details { border-bottom:10px solid #19afaf; }
  .isotope-block article:nth-of-type(5n+5), .isotope-block nav:nth-of-type(5n+5) .extended-details { border-bottom:10px solid #19afaf; }
  .isotope-block article:nth-of-type(5n+1), .isotope-block nav:nth-of-type(5n+1) .extended-details { border-bottom:10px solid #19afaf; }
  .isotope-block article:nth-of-type(5n+2), .isotope-block nav:nth-of-type(5n+2) .extended-details { border-bottom:10px solid #19afaf; }
  */
  }
  @media only screen and (max-width:767px) {
  /* fix padding on title bar on events pages */
  .mobile-light-mint { padding-bottom: 10px; }
  
  /* add a bit of padding to cubes events title */
  .isotope-block article .extended-details, .isotope-block nav .extended-details {
    padding-bottom: 10px; }
  }

/* Filter buttons  */
  #nav_categories {width:16rem;}
  .mobile-full .dropdown-menu { width:100%; }
     @media only screen and (max-width:767px) { .mobile-full #nav_categories { text-align:center; width:100%; }}
     @media only screen and (max-width:991px) { .wrnwcontainer .mobile-full #nav_categories { text-align:center; }}
  #niff_schedule {width:20rem;}
  #nav_categories li:nth-of-type(17) {margin-top:10px;padding-top:10px;border-top:1px solid #ccc;font-style:italic;}
  
  
/*==========================================================*/
/* Contribution Pages
/*==========================================================*/

#listexhdiv .matrix p {
  margin-top:5px;
  line-height:30px; /* <-- This one overwrites all.css and affects the text below matrix cubes on all statics pages. */
  } 
h4.hgift {
  clear:both;
  display:block;
  height:50px;
  width:100%;
  background:#ffdab9;
  margin:0 0 5px 0;
  line-height:50px;
  }
p.pgift {
  clear:both;
  display:block;
  height:30px;
  width:100%;
  background:#f5f5f5;
  margin:0 0 5px 0;
  line-height:30px;
  font-size:16px;
  }
  p.pgift a {color:#000;}
  p.pgift a i {color:#155b67;margin-left:-10px;}
p.cgift {
  clear:both;
  display:block;
  width:100%;
  background:#f5f5f5;
  margin:0 0 5px 0;
  line-height:25px;
  font-size:16px;
  }
.btn-contr {
  width:100px;
  line-height:23px;
  padding-top:3px;
  }
#left-gft {
  padding-right:20px;
  border-right:1px solid #999;
  }
  #left-gft2 {
  padding-right:30px;
  border-right:1px solid #999;
  }
#right-gft {padding-left:10px;}
#right-gft2 {padding-left:30px;border-left:1px solid #999;}


p.sticker { border:1px solid #999;padding:4px 10px;margin:14px 0 14px 10px;text-transform:uppercase;color:#555; }
@media only screen and (min-width: 767px) { p.sticker { float:right; }}

/*==========================================================*/
/* Museum Past Exhibitions
/*==========================================================*/

#pastexh h3 {
  position:relative;
  clear:both;
  padding-top:60px;
  margin-bottom:20px;
  font-style:oblique;
  }
#pastexh ul {
  list-style:none;
  width:100%;
  padding:0;
  }
#pastexh li {
  float:left;
  position:relative;
  display:inline;
  background:#fff;
  margin:3px 3px 10px 3px;
  width:47%;
  height:100px;
  padding:0;
  padding-left:20px;
  border-left:#CFE6E0 solid 10px;
  }
    @media only screen and (max-width:850px) {
      #pastexh li {
        width:98%;
        }
    }
#pastexh li a {
  display:block;
  height:100px;
  color:#000;
  }
  #pastexh li a:hover { color:#19afaf; }
  
#pastexh .activexh li {
  border-left:0;
  margin:0 20px 20px 0;
  border-bottom:1px solid #fff;
  padding-left:0;
  /* background:#fff url('/uploads/files/resources/images/bmuseum/pastexh/pastexh.gif')no-repeat 139px bottom; */
  }
    @media only screen and (max-width:525px) {
      #pastexh .activexh li {
        background-image:none;
      }
      #pastexh .activexh li small {
        display:none;
      }
    }
    @media only screen and (min-width:526px) and (max-width:849px) {
      #pastexh .activexh li {
        background-position:right top;padding-right:40px;
      }
    }
#pastexh li span {
  font-weight:500;
  display:block;
  margin-right:10px;
  line-height:22px;
  }
#pastexh li small {
  font-style:italic;
  color:#666;
  }
#pastexh li img {
  float:left;
  width:129px;
  height:100px;
  margin:0 10px 0 0;
  background:#ccc;
  }


/*==========================================================*/
/* Museum Exhibition Page
/*==========================================================*/

/*  Legacy page layout that powers past exhibitions 2013-2020  */

    .content .featexhsec {
      margin-top:40px;
      clear:both;
      }
    .content .featexhdiv {
      background:#fff;
      padding:0 20px 0 0;
      margin-right:0;
      }
    .content .matrix .featexhdiv .featexhp {
      color:#666;
      font-size: 10px;
      line-height: 16px;
      margin-top:10px;
      }

/* New Museum Page and Static Page Slideshow 2020 */

  .js-page-slideshow { padding-bottom:20px; }
  .musmain img { width:100%; }

.page-slideshow .slide.slide p, .musmain p  { color:#444; display:block; margin:40px auto 15px auto; width:100%; line-height:1.5em; font-size:12px; text-align:center; }
  .page-slideshow .slide.slide p { max-width:450px; }
  
div.icon-arrow-left, div.icon-arrow-right, div.prev.icon-arrow-left:before, div.next.icon-arrow-right:before { cursor:pointer !important; }

     @media only screen and (min-width: 992px){
      .musmain { display:inline-block; float:right; }
      .ml100 { margin-left:100px; }
      .ml150 { margin-left:150px; }
      .ml200 { margin-left:200px; }
      .ml250 { margin-left:250px; }
      .mr50 { margin-right:50px; }
      .mr100 { margin-right:100px; }
      .mr150 { margin-right:150px; }
      .mb0   { margin-bottom:0; }
      .mb30  { margin-bottom:30px; }
      .mb50  { margin-bottom:50px; }
      .mb70  { margin-bottom:70px; }
      .mb100  { margin-bottom:100px; }
     }
    @media only screen and (max-width: 991px){
     .musmain { display:block; float:none; margin-bottom:80px; margin-left:auto; margin-right:auto; }
     .musmain img { display:block;  max-height:585px; width:auto; margin-left:auto; margin-right:auto; }
    }
    @media only screen and (max-width: 525px){
    .page-slideshow .slide.slide p, .musmain p { font-size:10px; }
    }
    
    
/*==========================================================*/
/* Museum Exhibitions Listing Page
/*==========================================================*/

.exhimg {
  display:inline;
  float:left;
  margin:40px 0 0 0;
  width:28%;
  }
  .exhimg img {
    max-width:85%;
  }
.exhlisting {
  display:inline;
  float:right;
  width:72%;
  margin-bottom:30px;
  }
  .exhlisting .exhdesc {
      display:block;
      margin-right:24%;
    }
hr.clearlisting { clear:both; }
hr.clearhr { border-top: 1px solid transparent; }

  @media only screen and (min-width: 768px) and (max-width: 991px){
    #listexhdiv {
      display:block;
      margin-right:-34%;
    }
  }
   @media only screen and (max-width: 991px){
   .exhlisting .exhdesc {
      margin-right:0;
      }
  }
  @media only screen and (max-width: 767px){
    .exhimg {
      float:none;
      width:100%;
      }
      .exhimg img {
        max-width:100%;
      }
    .exhlisting {
      display:inline;
      float:none;
      width:100%;
      }
    #listexhdiv {
      margin-right:0;
      }
  }
  
/*==========================================================*/
/* Museum Admission page
/*==========================================================*/

.admcontainer {
  background:#CFE6E0;
  padding:20px;
  height:100%;
  width:100%;
  display:inline-block;
  }
.admleft {width:35%;display:block;float:left;text-align:center;}
.admright {width:65%;display:block;float:right;padding-left:35px;border-left:1px solid #ccc;}

@media only screen and (max-width: 991px) {
  .admcontainer {padding:0;}
  .admleft {width:100%;display:block;padding:20px;text-align:center;}
  .admright {width:100%;display:block;padding:20px;padding-left:35px;border-left:0;border-top:1px solid #fff;}
}

/*==========================================================*/
/* Individual Events pages
/*==========================================================*/

/* dealing with long headlines on event pages */
 @media only screen and (min-width: 768px) {
.wrapper .ticket-header h1 { margin:8px 0; }
.js-init-isotope .hidecalendar, .js-init-calendar .hidecalendar { display:none; }
 }

/* event slideshow - dots color */
.artis-event-wrapper .pager span:nth-of-type(5n+1) { background-color:#19afaf; }
.artis-event-wrapper .pager span:nth-of-type(5n+2) { background-color:#5591c3; }
.artis-event-wrapper .pager span:nth-of-type(5n+3) { background-color:#b675b2; }
.artis-event-wrapper .pager span:nth-of-type(5n+4) { background-color:#3c966e; }
.artis-event-wrapper .pager span:nth-of-type(5n+5) { background-color:#ff8c73; }
.artis-event-wrapper .pager span:hover { }
.artis-event-wrapper .pager span.cycle-pager-active {  }
  
/* event slideshow - slides color */
.artis-event-wrapper .js-ticket-product-slideshow .cycle-slide:nth-of-type(5n+3) img { border-bottom:15px solid #19afaf; }
.artis-event-wrapper .js-ticket-product-slideshow .cycle-slide:nth-of-type(5n+4) img { border-bottom:15px solid #5591c3; }
.artis-event-wrapper .js-ticket-product-slideshow .cycle-slide:nth-of-type(5n+5) img { border-bottom:15px solid #b675b2; }
.artis-event-wrapper .js-ticket-product-slideshow .cycle-slide:nth-of-type(5n+1) img { border-bottom:15px solid #3c966e; }
.artis-event-wrapper .js-ticket-product-slideshow .cycle-slide:nth-of-type(5n+2) img { border-bottom:15px solid #ff8c73; }
 
/* move the ticket detail container up a little from 60px to 20px on desktop */
@media only screen and (min-width: 959px) {
  .wrapper.ticket-product .ticket-details { margin-top:20px; }
}

/* revised date display for descktop, borrowing from mobile/tablet */
.venuebar {
  position:relative;
  background-color: #fff5ee;
  border: 1px solid #ffdab9;
  font-size: 16px;
  font-weight: 700;
  padding: 10px;
  color: #155b67;
  line-height: 12px;
  text-transform:uppercase;
  text-align:center;
  }
  @media only screen and (min-width: 768px) {
    .venuebar, .wrapper.ticket-product .fake-select { margin-left:auto; margin-right:auto; max-width:675px; }
  }
  
/* display message for multiple events */
.multiplemessage {
  color: #00262d;
  font-size: 13px;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.5px;
  text-align:center;
  padding:5px;
  background-color: #ffdab9;
  }
  .multipleboxes ul li a { cursor:default !important; }

/* hide time sidebar and display venue & time in alternative field on tablet  */

    /* display event message  */
    .wrapper.ticket-product h4.eventmessage {
      font-family: "Chronicle SSm A","Chronicle SSm B",Georgia,Times,"Times New Roman",serif;
      font-size: 20px;
      text-align:center;
      font-style:italic;
      margin-left:auto;
      margin-right:auto;
      max-width:400px;
    }
    .eventmessage .block {
      margin-left:auto;
      margin-right:auto;
      }

  @media only screen and (min-width: 992px) {
  .multipleboxes {
      display:block;
      margin-top:-30px;
      }
      .js-increment-date-links {
        padding-bottom:25px;
        border-bottom: 1px solid #ccc;
      }
  }
  @media only screen and (min-width: 768px) and (max-width: 1200px){
     .wrapper .incrementors .hours { display:none; }
     .wrapper.ticket-product .ticket-details .ticket-note {
      width:100%;
      max-width:310px;
      border-left:5px solid #ccc;
      }
     .wrapper.ticket-product .ticket-details .ticket-note small { color:#4d4d4d; margin-bottom:10px; }
     .wrapper.ticket-product .ticket-details .ticket-note span { font-size:.5em; }
    }
  @media only screen and (min-width: 1200px){
    .wrapper.ticket-product .ticket-details .ticket-note { display:none !important;}
  }

/* affect width of ticket button dropdown */
.wrapper.ticket-product ul.dropdown-menu { top:40px; width:100%;  text-align:center; }

/* affect icon size on subs button */
.subbutton i { font-size:.9em; }

/* make subs button same width as Buy Tickets button */
@media only screen and (min-width: 768px){
.subbutton, .buyticketsbutton { width:80%; margin-left:10%; }
}

/* allow for line break and max designation in message font */
.blm { display:block; }
  @media only screen and (max-width: 767px) { .blm { margin: 14px auto 0 auto; }}

/* tabs on mobile */
.tab-data .tab-content h3.mobile-heading { margin-top:50px; }
.tab-data .tab-content:nth-of-type(1) h3.mobile-heading { margin-top:0; }

/* tabs on destop/tablet */
@media only screen and (min-width: 992px) {
.tab-data .tab-content h3 { margin-top:0 }
}

/* repertoire paragraph */
.rep { padding-left:20px; border-left: 2px solid #ccc; }

/* mug in an artist bio */
@media only screen and (min-width: 451px) {
    .biopic {
      float:right;
      max-width:145px;
      margin-bottom:50px;
      margin-top: 10px;
      margin-left: 50px;
      }
  }
@media only screen and (max-width: 450px) {
    .biopic {
      float:none;
      text-align:center;
      margin-top: 30px;
      margin-bottom:30px;
      }
  }

/* you may also like */
.sidebar .listing-basic { max-width:175px; margin-left:0; margin-right:0; }
.sidebar .listing-basic article a:hover p { line-height:16px; }

/* related events tab */
#related {
  margin-top:30px
}
#related ul {
  list-style:none;
  width:100%;
  padding:0;
  }
#related li {
  position:relative;
  display:block;
  margin:20px 0;
  border-bottom:1px solid #ccc;
  width:100%;
  height:140px;
  padding:10px 0 30px 0;
  }
#related li a {
  display:block;
  height:140px;
  color:#000;
  }
#related li span {
  font-weight:500;
  display:block;
  margin-right:10px;
  line-height:22px;
  }
#related li small {
  display:block;
  line-height:1.3em;
  }
  #related li small.rtype {
    color:#00262d;
    margin-bottom:5px;
  }
  #related li small.rdate {
    margin-top:5px;
    color:#666;
  }
  #related li small.rmore {
    margin-top:15px;
    color:#155b67;
  }
#related li img {
  float:left;
  width:129px;
  height:100px;
  margin:0 15px 20px 0;
  background:#ccc;
  }
  
  @media only screen and (max-width: 500px) {
    #related li, #related li a { height:160px; }
  }
  @media only screen and (max-width: 400px) {
    #related { margin-top:60px }
    #related li, #related li a { height:220px; }
    #related li img { margin:0 15px 90px 0; }
  }

/* venue and address location for schema, but hide visually */
#artis-schema-venue { display:block; position:absolute; z-index:-1000; }

/*==========================================================*/
/* General Static Pages - 
/* an unfortunately discorded collection of various bits accreted over the years
/*==========================================================*/

/* englarge images using fancybox */
.fancybox-skin { background: #fff; }

/* - - - Photo Gallery nav buttons - - - */
.lg-actions .lg-next,.lg-actions .lg-prev { padding:15px; border:0 }

/* Gallery float box - found on Stories Pages / Museum Store / Hamilton */

div.box {float:right;width:50%;background:#f1f1f1;padding:20px;margin-left:50px;border: 10px solid #eee;}
.monthselect, .sale {width: 220px !important;float:right;margin-top:5px;}
  .sale {width: 250px !important;}

.mission {float:right;width:50%;margin-top:-30px;margin-left:50px;margin-bottom:40px !important;background: rgb(207, 230, 224) none repeat scroll 0% 0%;
          padding: 20px; text-align: center; }

div.boxmint {float:right;width:50%;background-color:#fff5ee;padding:20px;margin-left:50px;}

@media only screen and (min-width: 768px) and (max-width: 959px){
  .monthselect, .sale {float:left;}
}
@media only screen and (max-width: 767px){
  div.box, div.boxmint {float:none;width:100%;margin-left:0px;}
  .monthselect, .sale {width:100% !important;float:none;}
  .mission {margin-top:0;}
}

/* Drop cap for text content */
.dropcap {font-size:2.5em;font-family:"Chronicle Display A","Chronicle Display B",Georgia,Times,"Times New Roman",serif;} /* <-- For magazine style stories */


@media all and (min-width:960px){
  .wrapthisinaborder{ border-right:1px solid #ccc; padding-right:50px; }
}

.abovegrid75 {width:75%;} /* <-- for content on the Above Grid field, limit width for graphical appeal */

/* - - - Two Columns within Page Grid Wrappers field - - - */
.twocolumns {width:48%;display:block;}
@media only screen and (max-width: 1000px) {
	.twocolumns {width:100%;display:block;}
}

/* overide .content h1 span in all.css (line 31) for span tags within Page Title */
.fullfont { font-size:1em !important }

 /* larger arrow */
 .bigdot {font-size:1.5em; }
 
 /* banner image border bottom */
 /* .message-large { background-color:#eee; border-bottom:10px solid #3c966e; } */
 
 /* adjust "mint" bar h1 + h2 tags on those pages */
 @media only screen and (min-width: 992px) {
 .wrapper .ticket-header h1, .wrapper .ticket-header h2, .wrapper.light-mint h1, .wrapper.light-mint h2 { margin-left:10px; }
 }
 
/*==========================================================*/
/* Subscriptions & LLL pages
/* this code is inserted into various CMS fields of Static Pages
/*==========================================================*/

/* Renewal Box on left with marketing text on the right */

.rnwcontainer {
  background:#f5f5f5;
  padding:20px;
  height:100%;
  width:100%;
  display:inline-block;
  }
.rnwleft {width:35%;display:block;float:left;text-align:center;}
.rnwright {width:65%;display:block;float:right;padding-left:35px;border-left:1px solid #ccc;}

@media only screen and (max-width: 991px) {
  .rnwcontainer {padding:0;}
  .rnwleft {width:100%;display:block;padding:20px;text-align:center;}
  .rnwright {width:100%;display:block;padding:20px;padding-left:35px;border-left:0;border-top:5px solid #fff;}
}

/* Split Renewal and New Aquisitions in the same box, renewals on left, new subs on right */

.splitcontainer {
  background:#f5f5f5;
  padding:20px;
  height:100%;
  width:100%;
  display:inline-block;
  }
.splitleft {width:50%;display:block;float:left;text-align:center;padding-bottom:5px}
.splitright {width:50%;display:block;float:right;text-align:center;border-left:1px solid #ccc;padding-bottom:5px}

@media only screen and (max-width: 991px) {
  .splitcontainer {padding:0;}
  .splitleft {width:100%;display:block;padding:20px;text-align:center;}
  .splitright {width:100%;display:block;padding:20px;border-left:0;border-top:5px solid #fff;}
}

/* subs button */
@media only screen and (min-width: 768px) and (max-width: 991px){
  .wrnwcontainer .mobile-full { width:80%; max-width: 675px; margin-left:auto; margin-right:auto; }
}

/* Listing of Performances */

.subscriptimg {
  display:inline;
  float:left;
  margin:40px 0 0 0;
  width:28%;
  color:#999;
  }
  .subscriptimg img {
    max-width:85%;
  }
.subscriptimg-r {
  display:inline;
  float:right;
  margin:40px 0 0 0;
  width:28%;
  color:#999;
  }
  .subscriptimg-r img {
    max-width:85%;
  }
.subscriptlisting {
  display:inline;
  float:right;
  width:72%;
  margin-bottom:30px;
  }
  .subscriptlisting .subscriptdesc {
      display:block;
      margin-right:24%;
    }
hr.clearlisting {clear:both;}
h4.subscriptdesc  { line-height: 1.7em; }

  @media only screen and (max-width: 991px){
    .subscriptlisting .subscriptdesc {
      margin-right:0;
      }
  }
  @media only screen and (max-width: 767px){
    .subscriptimg, .subscriptimg-t {
      float:none;
      width:100%;
      }
      .subscriptimg, .subscriptimg-r img {
        max-width:100%;
	display:block;
      }
    .subscriptlisting {
      display:inline;
      float:none;
      width:100%;
      }
    
  }

/*==========================================================*/
/* Buttons on Listing pages
/*==========================================================*/

#subscriptdiv .btn, #listexhdiv .btn, .exhlisting .btn { padding:5px 18px; }

/*==========================================================*/
/* Event Planning page
/*==========================================================*/

/*  text on the left, links on the right */

.wrnwcontainer {
  background:#fff;
  padding:20px 0;
  height:100%;
  width:100%;
  display:inline-block;
  }
.wrnwleft {width:65%;display:block;float:left;text-align:left; padding-right:35px; border-right:1px solid #ccc;}
  .wrnwleft h4 {line-height:1.7em}
.wrnwright {width:35%;display:block;float:right;text-align:center;}

@media only screen and (max-width: 991px) {
  .wrnwcontainer {padding:0;}
  .wrnwleft {width:100%;display:block;padding:20px;border-right:0;}
  .wrnwright {width:100%;display:block;padding:20px;border-top:5px solid #fff;}
}

/*==========================================================*/
/* Orchestra Musician Page
/*==========================================================*/

/* - - - Roster page, line breaks on mobile - - - */
.roster h4 { margin-top:55px }
.roster p span { position:relative; display:block; margin-bottom:-25px; }
@media only screen and (max-width:999px) {
  .roster p span { margin-bottom:-20px; }
  .roster p span.leader small { position:relative; display:block; white-space:nowrap; margin-top:-5px; }
  }

/* - - - Musician page grid - - - */
.musicians, .musicians-row { text-align:center;margin:0 auto 0 auto; padding:0; }
.musicians-group { text-align:center; vertical-align:top; display:inline-block; margin:0 auto 0 auto; }
.musicians li { height:380px; vertical-align:top; color:#4d4d4d; display:inline-block; margin:20px }
.musicians li a { font-weight:bold; }
.musicians li a img { width:140px; margin-bottom:10px }
.musicians li a small { display:block; font-weight:normal; color:#000; line-height:1.3em }

/* - - - Musician profile quote mark - - - */
.quote { font-family:georgia;font-size:10em !important;color:#ccc;margin-bottom:-20px !important;}

/* - - - profile image - - - */
@media only screen and (min-width:768px) {
  .profile .col1of3  { margin-right:60px; }
}

/*==========================================================*/
/* NIFF
/*==========================================================*/

/* hr on mobile only */
.niffmobileon { display:none; }
@media only screen and (max-width:689px) {
  .niffmobileon { display:block; }
}

/* date chicklets */
@media only screen and (min-width:768px) {
.niffbar { white-space:nowrap; }
}
.niffbar .pagination li { margin-right:5px; border: 1px solid #ffdab9; }
.niffbar .pagination li a { padding: 10px 15px 10px 10px; }
.niffbar .pagination li a i { margin-right:5px; margin-top:2px; opacity:.7; font-size:1.2em; }

/*==========================================================*/
/* Search
/*==========================================================*/

.searchresults .sidebar .red { color:#000 !important; }

/*==========================================================*/
/* Footer
/*==========================================================*/

/*  add a little padding for tablets */
footer.site .sitemap ul:first-child { margin-top:20px; }
footer.site .sitemap ul li ul { margin-bottom: 30px; }
footer.site .sitemap ul li ul li a { margin-left:0; padding-left:0;}

/*  change color of hours footer */
footer.site h4 { color:#000 }
footer.site dl { color:#333 }

  /*  colortry - footer column subject colors */
  footer.site .sitemap ul li:nth-of-type(1) a { border-bottom:2px solid #19afaf; }
  footer.site .sitemap ul li:nth-of-type(2) a { border-bottom:2px solid #3c966e; }
  footer.site .sitemap ul li:nth-of-type(3) a { border-bottom:2px solid #5591c3; }
  footer.site .sitemap ul li:nth-of-type(4) a { border-bottom:2px solid #b675b2; }
  footer.site .sitemap ul li:nth-of-type(5) a { border-bottom:2px solid #ff8c73; }
  footer.site .sitemap ul li:nth-of-type(6) a { border-bottom:2px solid #aaa; }
  
  /*  footer email submit form */
  @media only screen and (max-width:991px) {
  #_form_7_ ._button-wrapper { width:100%; }
  #_form_7_submit.mobile-full { width:100%; }
  }
    @media only screen and (min-width:667px) and (max-width:991px) {
      #_form_7_ ._button-wrapper { max-width:224px; } 
    }