/*!*****************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./ce-blocks/public-website-compatibility/copied-blocks/popup-link/style.scss ***!
  \*****************************************************************************************************************************************************************************************************************************/
/**
 * Deps: magnific-popup
 */
.popup {
  max-width: var(--wp--style--global--content-size);
  padding: 3rem 3rem;
  background: #fff;
  margin: 0 auto;
  border-radius: 5px;
  overflow: hidden;
  position: relative;
  text-align: left;
}
.less-padding .popup {
  padding: 1rem;
  overflow: visible;
}

/* ==== GENERAL MAGNIFIC ============================================= */
body .mfp-bg {
  background: rgba(43, 46, 56, 0.9);
  text-align: center;
}

.mfp-container *,
.mfp-container *:before,
.mfp-container *:after {
  box-sizing: border-box;
}

.mfp-wrap {
  position: fixed !important;
}
.mfp-wrap.less-padding .mfp-close, .mfp-wrap.less-padding .mfp-close-btn-in .mfp-close {
  top: -3.5rem;
  right: -0.7rem;
  color: var(--wp--preset--color--white);
}
.mfp-wrap.less-padding .mfp-close:hover, .mfp-wrap.less-padding .mfp-close:focus, .mfp-wrap.less-padding .mfp-close-btn-in .mfp-close:hover, .mfp-wrap.less-padding .mfp-close-btn-in .mfp-close:focus {
  color: var(--wp--preset--color--white);
}

body.popup-open {
  overflow: hidden;
}

.mfp-content {
  text-align: center;
  padding: 10rem 3rem;
}
.mfp-content .inline-close-button {
  text-align: center;
  margin-top: 5rem;
}

body .mfp-wrap > .mfp-close,
body .mfp-close-btn-in .popup > .mfp-close {
  top: 1rem;
  right: 1rem;
  width: 3.5rem;
  height: 3.5rem;
  line-height: 3.5rem;
  padding-top: 0.1rem;
  font-size: 3rem;
  color: var(--wp--preset--color--hero-blue);
  border: 1px solid;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 1;
}
body .mfp-wrap > .mfp-close:hover, body .mfp-wrap > .mfp-close:focus,
body .mfp-close-btn-in .popup > .mfp-close:hover,
body .mfp-close-btn-in .popup > .mfp-close:focus {
  background: none;
  transform: none;
  color: var(--wp--preset--color--executive-blue);
}
body .mfp-wrap > .mfp-close:hover:before, body .mfp-wrap > .mfp-close:focus:before,
body .mfp-close-btn-in .popup > .mfp-close:hover:before,
body .mfp-close-btn-in .popup > .mfp-close:focus:before {
  transform: translateX(-2px);
}

body .mfp-close-btn-in .popup.has-video > .mfp-close {
  color: var(--wp--preset--color--white);
  opacity: 0.8;
  border-width: 0.2rem;
  background-color: rgba(0, 0, 0, 0.2);
}
body .mfp-close-btn-in .popup.has-video > .mfp-close:hover, body .mfp-close-btn-in .popup.has-video > .mfp-close:focus {
  opacity: 1;
  background-color: rgba(0, 0, 0, 0.4);
}

.mfp-iframe-scaler {
  position: relative;
}

.mfp-wrap {
  overflow: scroll;
}

div[item-prop=video] br {
  display: none;
}

/* ====== Magnific Zoom-out effect ====== */
.mfp-wrap {
  top: 0 !important;
}

.mfp-wrap ~ * {
  filter: blur(2px);
}

.CampaignType--popup {
  filter: blur(0) !important;
}

.mfp-zoom-out {
  position: fixed;
  width: 100%;
  overflow: auto;
  /* start state */
}
.mfp-zoom-out .popup,
.mfp-zoom-out .mfp-close {
  opacity: 0;
  transition: all 0.1s ease-in-out;
  transform: scale(0.8);
}
.mfp-zoom-out.mfp-bg {
  opacity: 0;
  transition: all 0.3s ease-out;
}
.mfp-zoom-out {
  /* animate in */
}
.mfp-zoom-out.mfp-ready .mfp-close {
  opacity: 1;
  transform: scale(1);
}
.mfp-zoom-out.mfp-ready .popup {
  opacity: 1;
  transform: scale(1);
}
.mfp-zoom-out.mfp-ready.mfp-bg {
  opacity: 0.69;
}
.mfp-zoom-out {
  /* animate out */
}
.mfp-zoom-out.mfp-removing .mfp-close,
.mfp-zoom-out.mfp-removing .popup {
  transform: scale(0.8);
  opacity: 0;
}
.mfp-zoom-out.mfp-removing.mfp-bg {
  opacity: 0;
}

@media (min-width: 768px) {
  .mfp-content {
    padding-left: 5rem;
    padding-right: 5rem;
  }
  .popup {
    padding-left: 5rem;
    padding-right: 5rem;
  }
}
@media (max-width: 768px) {
  .mfp-wrap.less-padding {
    width: calc(100% - 1.2rem);
  }
  .mfp-wrap.less-padding .mfp-content,
  .mfp-wrap.less-padding .popup {
    padding: 0.5rem;
  }
}