html, .timeline span:before, .timeline span:after, .timeline span, a.open i, .popup a:before, .popup a:after,
.back .layout .bullet, .sources, h2:before, h2:after, .half hr, .invert, .break.invert, .card.full, .invert .half h2 {
    background: #222;
}
.invert.black {
    background: #000;
}
.quote, .text, .info {
    color: #111;
}
.quote, a.open, .popup a:hover, a.info, .nav {
    border-color: #111;
}
.stage i {
    color: #666;
}
.invert .stage i {
    color: #ccc;
}

.nav a {
    border-color: rgba(0,10,20,.2);
}
.seats:after {
    background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,#fff 100%);
}
.row, .half h2 {
    background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,#fff 20%);
}
.invert .row  {
    background: none;
}
#content, .rotateportrait, .invert .half hr, .break, .popup, a.open, .bubble, h2 span {
    background: #fff;
}
.nav a:hover {
    background-color: #579;
}
.nav a:hover {
    border-color: #EB6264;
}
.invert, .text u, .sources, .card.full, .invert a {
    color: #fff;
}
a {
    text-decoration: none;
}
.back .layout .bullet, .scroll span  {
    border-color: #fff;
}
.invert img {
    outline: 1px solid #fff;
}
img.turn, .video img, .video-empty img, .invert .video img, .if-mobile img {
    outline: none;
}
@media screen and (max-width: 414px) {
    .invert img {
        outline: none;
    }
}

.card.invisible+.back+.card {
    box-shadow: -20px 0 80px rgba(0, 50, 100, .2);
}
.globe {
    border-color: #578;
    opacity: .5;
}
.shadow {
    background: rgb(0, 50, 100);
    opacity: 0;
}
svg.grid path {
    stroke: #034;
    opacity: .2;
    fill: none;
}

.prod .grid {
    display: none;
}