* {
    box-sizing: border-box;
}
html, body, div, img {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
body {
    line-height: 1;
    --dpz-screen-width:100vw;
    --dpz-screen-height:100vh;
}

body {
    margin:0;
}
#dpz-ig-overlay {
    position:fixed;
    width:100%;
    height:100%;
    margin:auto;
    background-color:#000000;
    display:flex;
    align-items:center;
    justify-content:center;
    top:0;
    left:0;
    z-index:99999;
    display:none;
}
.admin-bar #dpz-ig-overlay {
    top:32px;
    height: calc(100% - 32px);
}
#dpz-ig-box {
    /* v2 */
    position: absolute;
    top:40px;
    overflow: hidden;
    width:100%;
    height:calc(100% - 60px);
    max-width:100%;
    max-height:calc(100% - 60px);
    background-color:#000000;
    display:flex;
    flex-direction:column;
    justify-content: flex-end;
    align-items: center;
    align-content: center;
    /*align-content:flex-end;*/
}
.stage {
    display:flex;
    width:100%;
    flex:1 1 auto;
    flex-direction:row;
    align-content:stretch;
}
/* mobile adjustments */
.dpz-slide-mobile .stage { flex-direction:column; }
.stage-left, .stage-right {
    /* v2 */
    z-index:999;
    flex-grow:0;
    flex-shrink:0;
    width:50px;
    background-color:#E10098;
    background-image:url('../images/arrow-left.svg');
}
.stage-left {
    border-right:4px solid #000000;
    background-image:url('../images/arrow-left.svg');
    background-position:center;
    background-repeat:no-repeat;
    background-size:40%;
}
.stage-right {
    border-left:4px solid #000000;
    background-image:url('../images/arrow-right.svg');
    background-position:center;
    background-repeat:no-repeat;
    background-size:40%;
}
/* hide side nav on mobile */
.dpz-slide-mobile .stage-left, .dpz-slide-mobile .stage-right {
    display:none;
}
.center-stage {
    flex-grow:1;
    height:100%;
    display:flex;
    background-color:#000000;
    overflow:hidden;
}
.center-stage ul {
    /* v2 */
    position:absolute;
    z-index:998;
    list-style:none;
    padding:0;
    margin:0;
    display:flex;
    flex-wrap:nowrap;
    align-items: center;
}
.dpz-slide-mobile .center-stage ul {
    flex-wrap:wrap;
    width:100%;
}
.center-stage li {
    padding:0;
    margin:0 10px 0 10px;
    text-align:center;
}
.dpz-slide-mobile .center-stage li  {
    margin:10px 0;
}
img.slide {
    width:100%;
    height:100%;
    /*filter: brightness(30%);*/
    /*z-index:9;*/
}
/* mobile settings */
.dpz-slide-mobile .center-stage li,
.dpz-slide-mobile img.slide {
    width:100%;
} 
/*.dpz-slide-mobile #slide-list { scroll-snap-stop: always; }*/

.cast {
    width:100%;
    height:auto;
    display:flex;
    flex-wrap:nowrap;
    background-color:#000000;
    justify-content:center;
    border-top: 20px solid #000000;
}
.cast img {
    flex: 1 1 auto;
    border:2px solid #000000;
    filter: brightness(30%);
    height:100%;
}
/* hide cast on mobile */
.dpz-slide-mobile .cast { display:none; }
/*
img.hot-slide, .hot-slide {
    filter: brightness(100%);
    z-index:999;
}
*/
img.cast-on {
    border:2px solid #E10098;
    filter: brightness(100%);
}
.arrow {
    border: solid #ffffff;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 3px;
  }
  .arrow-right {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
  }

  .arrow-left {
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
  }

  /* animations */
  img.cast-on,
  img.hot-slide,
  img.slide {
    -webkit-transition: all 1s ease;
    transition:  all 1s ease;
}

#dpz-closer {
    position:fixed;
    top:0;
    left:0;
    width:100%;
    cursor:pointer;
    text-align:right;
    z-index:99999;
    display:none;
}
#dpz-closer img { height:100%; /*max-height:80px; padding:10px;*/ }
.admin-bar #dpz-closer {
    top:32px;
    height:40px ! important;
}

/* ideal ratio 1200x800 */

@media only screen and (max-width:1175px) {
    /*#dpz-ig-box {
        max-height:80vw;
    }*/
}
@media only screen and (min-width:768px) {
}
@media only screen and (max-width:767px) {
    #dpz-ig-box {
        max-height:auto;
    }
    #dpz-ig-overlay {
        align-items:center;
    }
    #dpz-closer { height:20px; }
}
/* jquery ui-loader for mobile is a menace; hide it */
.ui-loader { display:none ! important; height:0 ! important; max-height:0 ! important; min-height:0 ! important; }

/*
@media only screen and (max-width:1333px) {
    body {
        background-color:powderblue;
    }
    #dpz-ig-box {
    height: calc(90vw * .66);
    }
}
@media only screen and (max-width:1333px) and (max-height:700px) {
    #dpz-ig-box {
      height: 90vh;
    }
}
@media only screen and (max-height:750px) and (min-width:1334px) {
    #dpz-ig-box {
        width:150vh;
    }
}
*/