body {background-color: #000000;}

h1, h2 {text-transform: uppercase; line-height: 0.85em; margin-bottom: 0.75rem;}
h1 {font-weight: 900;}

h2 {font-weight: 600;}
.time-date {text-transform: uppercase; font-weight: 600; line-height: 1;}
h5 {font-size: 1rem;}
h5 em {font-weight: 600;}
.premiere {font-weight:900;}
h6 {font-size: 0.7rem; font-style: italic;}
.bold {font-weight:600;}
.white {color:white;}

.nav-item-disabled {
	opacity: 0.25;
    cursor: not-allowed;
}


@media screen and (min-width: 55em) {
	h1, h2, h4 {margin-bottom: 1.25rem;}
}

.partners a img {margin:0 1.5rem 1.5rem 0;}
.partners a:last-of-type img {margin-right: 0;}

.whitebg {background-color:#ffffff;}
.stripbg {
	background:url(/2017/img/pixel_bifem-background.jpg) repeat center center; 
	height:30vh; 
	position:relative; 
	margin-bottom: 5rem;
}
h1.pgtitle {margin-top:11vh;}
.social-icons img {max-width:40px;}
@media screen and (min-width: 30em) { .stripbg{height:40vh;} h1.pgtitle {margin-top:15vh;}}
@media screen and (min-width: 55em) { .stripbg{height:50vh;} h1.pgtitle {margin-top:18vh;}}
.stripbg img {position:absolute; bottom:0; width:100%;}

.vcenter {
position: relative;
top: 50%;
transform: translateY(-50%);
}

.thumbnail {box-shadow: 0 0 0 1px rgba(255, 255, 255, 0);}

/* MASONRY GRID LAYOUT */

.masonry-css {
  -webkit-column-count: 1;
     -moz-column-count: 1;
          column-count: 1;
  -webkit-column-gap: 0.625rem;
     -moz-column-gap: 0.625rem;
          column-gap: 0.625rem;
		 padding-top: 0.625rem;
}

@media screen and (min-width: 30em) {
  .masonry-css {
    -webkit-column-count: 2;
       -moz-column-count: 2;
            column-count: 2;
  }
}

@media screen and (min-width: 40em) {
  .masonry-css {
    -webkit-column-count: 3;
       -moz-column-count: 3;
            column-count: 3;
	  -webkit-column-gap: 1rem;
     	 -moz-column-gap: 1rem;
      	      column-gap: 1rem;
	 	 	 padding-top: 1rem;
  }
.social-icons img {max-width:30px;}
}

@media screen and (min-width: 55em) {
  .masonry-css {
    -webkit-column-count: 4;
       -moz-column-count: 4;
            column-count: 4;
  }
}

@media screen and (min-width: 75em) {
  .masonry-css {
    -webkit-column-count: 5;
       -moz-column-count: 5;
            column-count: 5;
   -webkit-column-gap: 1.5rem;
      -moz-column-gap: 1.5rem;
           column-gap: 1.5rem;
	  	  padding-top: 1.5rem;
  }
}

.masonry-css-item {
  -webkit-column-break-inside: avoid;
     page-break-inside: avoid;
          break-inside: avoid;
  margin-bottom: 1rem;
}

.card {background-color: #222; border:none; color:#999;}
.card a {color:#fff}
.card a:hover, .card a:focus {color: #ccc;}
.card h1 {margin-bottom: 0.5rem; line-height: 1em; font-size: 1.6rem;}
.card h2 {color:#fff; font-size: 1.3rem;}
.card h5 {letter-spacing:0.025rem;}

.nomargintop {margin-top:0;}
.margintopbottom {margin-top:1rem; margin-bottom:1rem;}




/* REVEAL MODALS */

.reveal {padding:0;}

.reveal .pixel-img {max-height: 80vh; overflow: hidden; position: relative;}
.reveal .pixel-img img {width:100%;}

.reveal .text {padding: 2.5rem 1.5rem;}
@media print, screen and (min-width: 40em) { .reveal .text {padding:4rem 2.5rem;} }
@media print, screen and (min-width: 64em) { .reveal .text {padding:6.5rem 4rem;} }

.reveal .details .button {display:none;}
.reveal .details .button.on {display:inline-block;}

.reveal .pixel-img .pixel-img-overlay {position:absolute; bottom: 0; left: 0; z-index: 5;}

.reveal .close-button {font-size:3.25em; top:0rem; right:0.75rem; color: white;}
.reveal .close-button.black {color: black;}

.pixel-btn { background: url(/2017/img/menu-icon-background.png) no-repeat top left; position: absolute; width: 70px; height: 97px; z-index:1;}
.menu-icon { top:0.75rem; left: 0.75rem;}
.menu-icon::after {background: #000; box-shadow: 0 7px 0 #000, 0 14px 0 #000;}

.intro-img {
	background: url(../img/2018-intro-background.jpg) no-repeat center center fixed #000;
	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/2018-intro-background.jpg', sizingMethod='scale');
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/2018-intro-background.jpg', sizingMethod='scale')";
}
.intro-img .grid-x {height:100vh; height:100%;}
.intro-img .grid-x .cell {padding: 25vh 0;}

a.next, a.prev {
	display:none; 
	position: absolute; 
	top:42%; 
	z-index: 10;
	background: rgba(0,0,0,0.25) no-repeat center center;
	width:43px;
	height:60px;
}
a.next {right:-2px; background-image:url(/2016/images/next-arrow.png);}
a.prev {left:-2px; background-image:url(/2016/images/prev-arrow.png);}
a.next.on, a.prev.on {display:block;}


/* OFF SCREEN NAVIGATION */

.menuheader {
	font-weight: 900;
	font-size: 1.5rem;
	color:#ffffff;
	padding: 1rem 1rem 1rem 2rem;
	background: url(/2017/img/pixel_bifem-background.jpg) no-repeat center center #000;
	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
	height:73px;
	margin-bottom: 1rem;
}



.js-off-canvas-overlay { background: rgba(0, 0, 0, 0.5); }

.offcanvas-full-screen {
  position: fixed;
  z-index: 1;
  transition: -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  background: #000000;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: translateX(-100%);
      -ms-transform: translateX(-100%);
          transform: translateX(-100%);
  overflow-y: auto;
}

[data-whatinput='mouse'] .offcanvas-full-screen {
  outline: 0;
}

.offcanvas-full-screen.is-transition-overlap {
  z-index: 10;
}

.offcanvas-full-screen.is-transition-overlap.is-open {
  box-shadow: 0 0 10px rgba(10, 10, 10, 0.7);
}

.offcanvas-full-screen.is-open {
  -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
          transform: translate(0, 0);
}

.offcanvas-full-screen.is-open ~ .off-canvas-content {
  -webkit-transform: translateX(100%);
      -ms-transform: translateX(100%);
          transform: translateX(100%);
}

.offcanvas-full-screen.is-transition-push::after {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 1px;
  box-shadow: 0 0 10px rgba(10, 10, 10, 0.7);
  content: " ";
}

.offcanvas-full-screen.is-transition-overlap.is-open ~ .off-canvas-content {
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
}

.offcanvas-full-screen-inner {
  padding: 1rem;
  text-align: center;
}

.offcanvas-full-screen-menu {
  margin: 0;
  list-style-type: none;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}

.offcanvas-full-screen-menu > li {
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

[data-whatinput='mouse'] .offcanvas-full-screen-menu > li {
  outline: 0;
}

.offcanvas-full-screen-menu > li > a {
  display: block;
  padding: 0.7rem 1rem;
  line-height: 1;
}

.offcanvas-full-screen-menu input,
.offcanvas-full-screen-menu select,
.offcanvas-full-screen-menu a,
.offcanvas-full-screen-menu button {
  margin-bottom: 0;
}

.offcanvas-full-screen-menu > li {
  -webkit-flex: 0 0 100%;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  max-width: 100%;
}

.offcanvas-full-screen-menu > li > a {
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.offcanvas-full-screen-menu a {
  color: #fefefe;
}

.offcanvas-full-screen-menu a:hover {
  color: #b2b2b2;
}

.offcanvas-full-screen-close {
  color: #fefefe;
  font-size: 5rem;
}

.offcanvas-full-screen-close:hover {
  color: #b2b2b2;
}

.menu a, .menu .button {white-space:normal;}
.accordion-menu .is-accordion-submenu a {padding:0.7rem 2rem 0.7rem 1rem;}