@charset "utf-8";

/*
Notes about this file:
this is some.css, which must be called after all.css
all.css governs the website, and was launched in 2013.
Rather than having to contact the developer and to recompile all.css each time an update is needed,
some.css file is a collection of all.css overrides AND css tags that govern any html that is inserted within the CMS content fields.
*/


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

body, html { overflow-x:hidden; }

.clear { clear:both }
.block { display:block; margin-top:1px; }
.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; }
.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; }
.max500 { max-width:500px; }
.max550 { max-width:550px; }
.max600 { max-width:600px; }
.max650 { max-width:650px; }
.max700 { max-width:700px; }
.max750 { max-width:750px; }
.max800 { max-width:800px; }
.max850 { max-width:850px; }
.max900 { max-width:900px; }
.max950 { max-width:950px; }
.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 }
.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; }
.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; }
.red { color:#72141e; } /* <-- use to overrwite hyperlink green color on h2, h3, h4 tags */
.gray { color:#999; } /* <-- use to overrwite hyperlink green color on h2, h3, h4 tags */
.cursor { cursor:pointer; } /* <-- add a Mickey Mouse hand on hover for data-toggle links, and for right-arrow circles */

/* 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:#115a65; 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; }}

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

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

/*==========================================================*/
/* 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;
    }
    .home .js-ticket-product-slideshow .slide p small, .home .js-ticket-product-slideshow .slide p .italic { color:#ccc; }
    .home .js-ticket-product-slideshow .slide .angle.bottom { bottom:-75px; }
    .home .js-ticket-product-slideshow .pager { position:relative; z-index:1009; margin-top:-42px; margin-right:20px; float:right; max-width:280px; }
    .home .js-ticket-product-slideshow .pager { transition-property: background-color; transition-duration: 0s; transition-timing-function: ease-in; transition-delay: 0s; }
    
@media only screen and (min-width:960px) {
  .home .js-ticket-product-slideshow {
      margin:20px auto 0 auto;
      max-width:1170px;
      height:500px;
    }
    .home .js-ticket-product-slideshow .slide img {
      height:500px;
      }
      .home .js-ticket-product-slideshow .slide p {
        bottom:0px;
        padding:0 30px;
        font-size: 1.875rem;
        }
        .home .js-ticket-product-slideshow .slide p small, .home .js-ticket-product-slideshow .slide p .italic { font-size:.6em; }
        .home .js-ticket-product-slideshow .pager { margin-top:-50px; margin-left:30px; float:left; }
}
@media only screen and (min-width: 768px) and (max-width:959px) {
  .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:7px;
        padding:0 20px;
        font-size: 1.875rem;
        }
        .home .js-ticket-product-slideshow .slide p small, .home .js-ticket-product-slideshow .slide p .italic { font-size:.6em; }
}
@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:25px;
        padding:0 20px;
        font-size: 1.4rem;
        line-height: 1.6rem;
        }
        .home .js-ticket-product-slideshow .slide p small { width:100%; display:block; position:absolute; bottom:55px; font-size:.6em; padding-right:40px; }
        .home .js-ticket-product-slideshow .slide p .italic { font-size:.6em; }
        .home .js-ticket-product-slideshow .slide .angle.bottom { bottom:-55px; }
        .home .js-ticket-product-slideshow .pager { margin-top:-45px; margin-right:20px; float:right; }
}

/*==========================================================*/
/* Homepage Cubes
/*==========================================================*/
  
/* reposition h2 tag */
.wrapper.features article h2 {
  position: relative;
  color: #72141e;
  font-family: Chronicle SSm A,Chronicle SSm B,Georgia,Times,Times New Roman,serif;
  font-style: normal;
  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
/*==========================================================*/

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

  .homeniff { position:relative; background:#CFE6E0 url('/uploads/files/resources/images/events/niff/homeniff2.jpg') no-repeat; background-position: 240px 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: 190px 85px; } }
  @media only screen and (max-width: 960px) { .homeniff { background-position: 50px 85px; } }
  @media only screen and (max-width: 640px) { .homeniff { background-position: 0px 125px; } .homeniff p { margin-top:25px;  } }
  @media only screen and (max-width: 510px) {  .homeniff { background-position: 0px 150px; } .homeniff p { margin-left:120px }}
  @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; } }
  .homecovid {margin-top:0; margin-bottom:-10px; }
  .homecovid h4 {font-size:1.5em; background:#f5f5f5 }
  .homecovid h4 small {display:block; line-height:1.5em; margin-top:5px; }
  /*
  .homecovid h4 a { display:block; line-height:1.5em; margin-top:12px; font-size:.7em; color:#115a65; }
  */

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

/*==========================================================*/
/* 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; }

/*==========================================================*/
/* 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; }

/* fix padding on title bar on events pages */
@media only screen and (max-width:767px) { .mobile-light-mint { padding-bottom: 10px; } }

/* Filter buttons  */
  #nav_categories {width:16rem;}
  #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:#CFE6E0;
  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:#115a65;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 .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:#777; display:block; margin:40px auto 15px auto; width:100%; line-height:1.5em; font-size:12px; }
  .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: 960px){
      .musmain { display:inline-block; float:right; }
      .ml100 { margin-left:100px; }
      .ml150 { margin-left:150px; }
      .ml200 { margin-left:200px; }
      .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: 959px){
     .musmain { display:block; float:none; margin-bottom:50px; 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;}

  @media only screen and (min-width: 768px) and (max-width: 959px){
    #listexhdiv {
      display:block;
      margin-right:-34%;
    }
  }
   @media only screen and (max-width: 959px){
   .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: 959px) {
  .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 { line-height:1.15em; margin:8px 0; }
.js-init-isotope .hidecalendar, .js-init-calendar .hidecalendar { display:none }
 }

/* move the ticket detail containter up a little from 60px to 20px on desktop */
@media only screen and (min-width: 959px) {
  .wrapper.ticket-product .ticket-details { margin-top:20px; }
}

/* display message for multiple events */
.multiplemessage {
  color: #4d4d4d;
  font-size: 13px;
  text-transform:uppercase;
}

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

  @media only screen and (max-width: 767px) {
    /* display event message on mobile too */
    .eventmessage {
      text-align:center;
      font-style:italic;
    }
  }
  @media only screen and (min-width: 768px) {
  .multipleboxes {
      display:block;
      padding:10px 0 0 0;
      border-top:1px solid #ccc;
      }
      .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;}
  }

/* make subs button same width as Buy Tickets button */
.subbutton, .buyticketsbutton { min-width:250px; }

/* overwrite message font */
.wrapper.ticket-product h4 {
  font-family: "Chronicle SSm A","Chronicle SSm B",Georgia,Times,"Times New Roman",serif;
  font-size: 20px;
  font-weight:400;
  font-style:italic;
}

/* 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;
      }
  }

/* 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:#0a2c38;
    margin-bottom:5px;
  }
  #related li small.rdate {
    margin-top:5px;
    color:#666;
  }
  #related li small.rmore {
    margin-top:15px;
    color:#115a65;
  }
#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; }
  }
  
/*==========================================================*/
/* 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: 200px !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:rgb(207, 230, 224) none repeat scroll 0% 0%;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;color:#72141e;} /* <-- For magazine style stories */

@media only screen and (min-width: 767px){
  .pvs h1.mvs {
    line-height:1em; /* <-- reduce line-height on static pages */
    padding-top:10px; /* <-- makes up the difference in padding */
    } 
}

/* Subheads entered into CMS fields */
.subh2 {margin:-10px 0 50px 0; /* <-- Subhead on pages */
  color:#999 !important;
  line-height:42px;
  }
hr.museumsub {            /* <-- Optional grey line below subhead */
  margin:30px 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;
}

    @media only screen and (min-width: 768px) and (max-width: 959px){
     .ticket-header h1 {line-height:1.25em;margin:3px 0 5px 0 !important;}
     .subimg {display:none;}
    }
    @media only screen and (max-width: 767px){
     .subh2 {line-height:1.25em;margin-top:20px;font-size:1.5em !important;}
     .ticket-header h1 {line-height:1.25em;margin:3px 0 5px 0 !important;}
     .subimg {display:none;}
    }

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

@media only screen and (max-width: 767px){
  .wrapper.ticket-product .slideshow .author {font-size:10px;color:#999;}
}

@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; }
 
/*==========================================================*/
/* 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: 959px) {
  .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: 959px) {
  .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;}
}

/* Listing of Performances */

.subscriptimg {
  display:inline;
  float:left;
  margin:40px 0 0 0;
  width:28%;
  color:#999;
  }
  .subscriptimg 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;}

  @media only screen and (max-width: 959px){
    .subscriptlisting .subscriptdesc {
      margin-right:0;
      }
  }
  @media only screen and (max-width: 767px){
    .subscriptimg {
      float:none;
      width:100%;
      }
      .subscriptimg img {
        max-width:100%;
      }
    .subscriptlisting {
      display:inline;
      float:none;
      width:100%;
      }
    
  }
  
/*==========================================================*/
/* 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: 959px) {
  .wrnwcontainer {padding:0;}
  .wrnwleft {width:100%;display:block;padding:20px;border-right:0;}
  .wrnwright {width:100%;display:block;padding:20px;padding-left:35px;border-top:5px solid #fff;}
}

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

/* - - - 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;}


/*==========================================================*/
/* 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;}