body.single-nos_popups > .popup-bg,
body.single-nos_popups > .popup-wrapper,
.elementor-editor-active:not(.single-nos_popups) .popup-wrapper,
.elementor-editor-active:not(.single-nos_popups) .popup-bg {
display: none !important;
}
.elementor-editor-active .popup-close {
pointer-events: none !important;
}
.single-popup-content-container {
min-height: 90vh
} .popup-bg {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
z-index: 1040;
background-color: rgba(0,0,0,.5);
transition: all var(--a-timing-default, .2s) var(--a-easing-default, ease);
opacity: 0;
pointer-events: none;
visibility: hidden;
}
.popup-wrapper {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
z-index: 1030;
display:flex;
justify-content: center;
align-items: center;
transition: all var(--a-timing-default, .2s) var(--a-easing-default, ease);
opacity: 0;
pointer-events: none;
visibility: hidden;
}
.popup-wrapper.popup-style-default {z-index: 1045;}
.popup-bg.popup-bg-2 {z-index: 1050;}
.popup-wrapper.popup-style-default.popup-count-2 {z-index: 1055;}
.popup-bg.popup-bg-3 {z-index: 1060;}
.popup-wrapper.popup-style-default.popup-count-3 {z-index: 1065;}
.popup-bg.popup-bg-4 {z-index: 1070;}
.popup-wrapper.popup-style-default.popup-count-4 {z-index: 1075;}
.popup-bg.popup-bg-5 {z-index: 1080;}
.popup-wrapper.popup-style-default.popup-count-5 {z-index: 1085;}
.popup-bg.popup-bg-6 {z-index: 1090;}
.popup-wrapper.popup-style-default.popup-count-6 {z-index: 1095;}
.popup-bg.popup-bg-7 {z-index: 1100;}
.popup-wrapper.popup-style-default.popup-count-7 {z-index: 1105;}
.popup-bg.popup-bg-8 {z-index: 1110;}
.popup-wrapper.popup-style-default.popup-count-8 {z-index: 1115;}
.popup-bg.popup-bg-9 {z-index: 1120;}
.popup-wrapper.popup-style-default.popup-count-9 {z-index: 1125;}
.popup-bg.popup-bg-10 {z-index: 1130;}
.popup-wrapper.popup-style-default.popup-count-10 {z-index: 1135;}
.popup-close {
width: 50px;
height: 50px;
padding: 0;
color: var(--c-text, #000000);
border-radius: var(--border-radius, 0px);
background-color: var(--c-lightest-gray, #f5f5f5);
position: absolute;
top: 0;
right: 0;
cursor: pointer;
border: none;
z-index: 2;
transition: all var(--a-timing-default, .2s) var(--a-easing-default, ease);
}
.popup-close::before,
.popup-close::after {
content: "";
width: 22px;
height: 2px;
border-radius: var(--border-radius, 2px);
background-color: var(--c-bg-invert, currentColor);
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
transform: rotate(45deg);
}
.popup-close::before {
transform: rotate(-45deg);
}
.popup {
width: calc(100% - 40px);
height: auto;
max-width: 937px;
padding:0;
background-color: var(--c-bg, #fff);
position: relative;
pointer-events: all;
box-shadow: var(--box-shadow-default, 0 0 10px 0 rgba(0,0,0,.05));
}
.popup-inner {
height: 100%;
max-height: 88vh;
overflow-y: auto;
overflow-x: hidden;
}
.popup-content-wrap {
display:flex;
flex-direction: column;
justify-content: space-between; }
.popup-content-wrap .h2 {
display:inline-block;
}
.popup .popup-content {
font-size: 16px;
}
.popup-wrapper.active {
opacity: 1;
visibility: visible;
}
.popup-bg.active {
opacity: 1;
pointer-events: all;
visibility: visible;
} .popup-wrapper.popup-style-fly-in {
left:auto;
top:auto;
width:auto;
height:auto;
display:block;
transform:translateY(60px);
}
.popup-wrapper.popup-style-fly-in.active {
transform:translateY(0);
}
.popup-wrapper.popup-style-fly-in .popup {
max-width: 100%;
width: 380px;
height:auto;
min-height:500px;
border: 1px solid var(--c-gray, rgba(0,0,0,.1));
} .popup-wrapper.popup-style-bottom-bar {
top:auto;
height:60px;
transform:translateY(60px);
}
.popup-wrapper.popup-style-bottom-bar.active {
transform:translateY(0);
}
.popup-wrapper.popup-style-bottom-bar .popup {
width:100%;
max-width:100%;
height:100%;
overflow:hidden;
border-top: 1px solid var(--c-gray, rgba(0,0,0,.1));
}
.popup-wrapper.popup-style-bottom-bar .popup-content-wrap {
width: 100%;
display: block;
padding: 10px 60px;
}
.popup-wrapper.popup-style-bottom-bar .popup-content-wrap:has(.elementor) {
padding-top: 0;
padding-bottom: 0;
}
.popup-wrapper.popup-style-bottom-bar .popup-close {
height: 100%;
}
.popup-wrapper.popup-style-bottom-bar .popup-inner {
display: flex;
align-items: center;
}
.popup-wrapper.popup-style-bottom-bar .popup-inner button,
.popup-wrapper.popup-style-bottom-bar .popup-inner .button,
.popup-wrapper.popup-style-bottom-bar .popup-inner p,
.popup-wrapper.popup-style-bottom-bar .popup-inner a,
.popup-wrapper.popup-style-bottom-bar .popup-inner h1,
.popup-wrapper.popup-style-bottom-bar .popup-inner h2,
.popup-wrapper.popup-style-bottom-bar .popup-inner h3,
.popup-wrapper.popup-style-bottom-bar .popup-inner h4,
.popup-wrapper.popup-style-bottom-bar .popup-inner h5,
.popup-wrapper.popup-style-bottom-bar .popup-inner h6 {
margin-bottom: 0 !important;
margin-top: 0 !important;
}
html[data-color-theme="dark"] {
& .popup {
box-shadow: none;
}
} .pcb-image-col {
height: 100%;
}
.pcb-image-col img,
.popup-image-wrapper img {
width:100%;
display: block;
}
.cover img {
height:100%;
object-fit: cover;
}
@media (max-width:767px) {
.grid.pcb-image-text {
grid-gap: 0;
}
.pcb-image-col {
order: 1;
}
.pcb-image-col img {
max-height: 300px;
}
.pcb-image-text .pcb-text-col {
order: 2;
padding: var(--gap-default);
}
}