/* popup - large */

.custom-popup-component-region {
  position: fixed;
  opacity: 0;
  top: -150vh;
  left: 0;
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 12;
  padding: 20px;
  transition: all 0.5s linear 0s;
}

.custom-popup-component-region.is-active {
  top: 0;
  opacity: 1;
}

.popup-style-2 .custom-popup-component {
  display: block;
  max-width: 800px;
  width: 100%;
  position: relative;
  max-height: 100%;
  height: 525px;
}

.popup-overlay {
  background: rgba(0, 0, 0, 0.4) !important;
  opacity: 1 !important;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.custom-popup-head .popup-close:hover {
  background: url(/themes/custom/knomad/components/pages/inner-common/css/../img/close_popup_download_data_hover.png) no-repeat center center transparent;
}

/* iframe */

.iframe-popup-component .custom-popup-content-inner {
  max-height: none;
}

.iframe-popup-region .iframe-popup-component {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.iframe-content iframe,
.iframe-content,
.iframe-popup-component .custom-popup-content-inner,
.iframe-popup-region .custom-popup-content,
.iframe-popup-region .custom-popup-inner {
  flex: 1;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  width: 100%;
}


/* responsive */


@media only screen and (max-width: 991px) {
  .popup-style-2 .custom-popup-inner {
    max-width: none;
  }

  .popup-style-2 .custom-popup-component {
    position: relative !important;
  }
}