/* This adds padding from top and bottom */
.custom-popup-class .mfp-container {
    padding-top: 40px;
    padding-bottom: 40px;
}
/* This adds max-width to popup content */
.custom-popup-class .mfp-content {
    width: 100%;
    max-width: 900px;
}

/* This makes "#popup-with-something" scale down proportionally */
div[id^='playerdiv-'] {
    width: 100%;
    height: 0;
    overflow: hidden;
    /* This is scale ratio */
    padding-top: 56.25%;
}
/* This shifts close button outside of the container */
div[id^='playerdiv-'] .mfp-close {
    top: -44px;
    color: #FFF;
    text-align: right;
    right: 1px;
}
/* This is an element itself */
.some-element {
    background: #EBE8E8;
    position: absolute;
    top: -3px;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, .6);
}
/* plyr container should be over nav */
.mfp-bg {
  z-index: 10000;
}
.mfp-wrap {
  z-index: 10001;
}