.hup-overlay {
position: fixed;
inset: 0;
z-index: 999999;
display: flex;
align-items: center;
justify-content: center;
padding: 24px;
background: rgba(0, 0, 0, var(--hup-overlay, 0.6));
opacity: 0;
pointer-events: none;
transition: opacity 0.25s ease;
-webkit-overflow-scrolling: touch;
overflow-y: auto;
}
.hup-overlay[hidden] {
display: none;
}
.hup-overlay.hup-visible {
opacity: 1;
pointer-events: auto;
}
.hup-box {
position: relative;
width: 100%;
max-width: var(--hup-width, 600px);
max-height: calc(100vh - 48px);
overflow-y: auto;
background: var(--hup-bg, #ffffff);
color: var(--hup-text, #1f2430);
border-radius: var(--hup-radius, 8px);
box-shadow: 0 24px 60px rgba(0, 0, 0, 0.28);
transition: transform 0.28s ease, opacity 0.28s ease;
} .hup-anim-fade .hup-box { opacity: 0; }
.hup-anim-fade.hup-visible .hup-box { opacity: 1; }
.hup-anim-slide .hup-box { transform: translateY(40px); opacity: 0; }
.hup-anim-slide.hup-visible .hup-box { transform: translateY(0); opacity: 1; }
.hup-anim-zoom .hup-box { transform: scale(0.9); opacity: 0; }
.hup-anim-zoom.hup-visible .hup-box { transform: scale(1); opacity: 1; }
.hup-anim-none .hup-box { transition: none; } .hup-overlay .hup-close {
position: absolute;
top: 10px;
right: 10px;
z-index: 2;
display: flex;
align-items: center;
justify-content: center;
width: var(--hup-close-size, 36px);
height: var(--hup-close-size, 36px);
padding: 0 !important;
margin: 0 !important;
border: 0 !important;
border-radius: 0 !important;
background: none !important;
background-color: transparent !important;
background-image: none !important;
box-shadow: none !important;
text-shadow: none !important;
color: var(--hup-close, #1f2430) !important;
cursor: pointer;
line-height: 1;
transition: opacity 0.15s ease;
}
.hup-overlay .hup-close svg {
display: block;
width: 100%;
height: 100%;
color: inherit;
}
.hup-overlay .hup-close svg path {
stroke: var(--hup-close, #1f2430) !important;
}
.hup-overlay .hup-close.hup-has-shadow svg {
filter: drop-shadow( 0 1px 2px rgba( 0, 0, 0, 0.45 ) );
}
.hup-overlay .hup-close:hover,
.hup-overlay .hup-close:focus {
background: none !important;
background-color: transparent !important;
box-shadow: none !important;
transform: none;
opacity: 0.7;
}
.hup-overlay .hup-close:focus-visible {
outline: 2px solid currentColor;
outline-offset: 2px;
}
.hup-close-outside .hup-close {
top: -46px;
right: 0;
} .hup-image img {
display: block;
width: 100%;
height: auto;
border-radius: var(--hup-radius, 8px) var(--hup-radius, 8px) 0 0;
}
.hup-box > .hup-image:only-child img {
border-radius: var(--hup-radius, 8px);
}
.hup-body {
padding: 28px 32px 32px;
}
.hup-heading {
margin: 0 0 12px;
font-size: 26px;
line-height: 1.25;
color: inherit;
}
.hup-text {
font-size: 16px;
line-height: 1.6;
}
.hup-text p:last-child {
margin-bottom: 0;
}
.hup-button {
display: inline-block;
margin-top: 20px;
padding: 13px 28px;
border-radius: 6px;
font-size: 16px;
font-weight: 600;
line-height: 1.2;
text-decoration: none;
transition: filter 0.15s ease;
}
.hup-button:hover {
filter: brightness(0.92);
text-decoration: none;
} body.hup-locked {
overflow: hidden;
} @media (max-width: 1024px) {
.hup-body { padding: 24px 26px 28px; }
.hup-heading { font-size: 23px; }
} @media (max-width: 767px) {
.hup-overlay { padding: 16px; align-items: flex-start; padding-top: 56px; }
.hup-box { max-height: calc(100vh - 72px); }
.hup-body { padding: 20px 20px 24px; }
.hup-heading { font-size: 20px; }
.hup-text { font-size: 15px; }
.hup-button { display: block; text-align: center; padding: 14px 20px; }
.hup-close-outside .hup-close { top: -48px; right: 0; }
} @media (prefers-reduced-motion: reduce) {
.hup-overlay,
.hup-box,
.hup-overlay .hup-close {
transition: none !important;
}
.hup-anim-slide .hup-box,
.hup-anim-zoom .hup-box {
transform: none;
}
}.wpconsent-iframe-placeholder,.wpforms-form .wpconsent-iframe-placeholder,div.wpforms-container-full .wpconsent-iframe-placeholder{position:relative;display:inline-block;background-color:#f5f5f5;border:1px solid #ddd;overflow:hidden}.wpconsent-iframe-placeholder.wpconsent-iframe-placeholder-recaptcha,.wpforms-form .wpconsent-iframe-placeholder.wpconsent-iframe-placeholder-recaptcha,div.wpforms-container-full .wpconsent-iframe-placeholder.wpconsent-iframe-placeholder-recaptcha{width:302px;height:76px}.wp-block-embed__wrapper .wpconsent-iframe-placeholder{position:absolute;top:0;left:0;width:100%;height:100%;border:0}.wpconsent-iframe-thumbnail,.wpforms-form .wpconsent-iframe-thumbnail,div.wpforms-container-full .wpconsent-iframe-thumbnail{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.wpconsent-iframe-thumbnail img,.wpforms-form .wpconsent-iframe-thumbnail img,div.wpforms-container-full .wpconsent-iframe-thumbnail img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.wpforms-form .wpconsent-iframe-overlay,div.wpforms-container-full .wpconsent-iframe-overlay .wpconsent-iframe-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:2}.wpconsent-iframe-overlay-content,.wpforms-form .wpconsent-iframe-overlay-content,div.wpforms-container-full .wpconsent-iframe-overlay-content{text-align:center;padding:20px;position:absolute;left:0;top:0;right:0;bottom:0;display:flex;justify-content:center;align-items:center;z-index:5}.wpconsent-iframe-accept-button,.wpforms-form .wpconsent-iframe-accept-button,div.wpforms-container-full .wpconsent-iframe-accept-button{background-color:var(--wpconsent-accept-bg);color:var(--wpconsent-accept-color);border:none;padding:12px 24px;border-radius:4px;cursor:pointer;font-size:14px;transition:background-color .2s ease}.wpconsent-iframe-placeholder iframe[src]+.wpconsent-iframe-thumbnail,.wpconsent-iframe-placeholder iframe[src]+.wpconsent-iframe-thumbnail+.wpconsent-iframe-overlay{display:none}