/* Template css resource: Core 8 - Fluid - Module banner pop-up - site multiple */
/* begin popover overlay 09-10-2020 */
@media (min-width: 0) {
.popover {
position: fixed;
z-index: 99;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
background: rgba(0, 0, 0, 0.7);
overflow: auto;
opacity: 0;
pointer-events: none;
-webkit-transition: 0.6s ease all;
transition: 0.6s ease all;
}
.popover.active {
opacity: 1;
pointer-events: all;
}
.popover .overlay-inner {
max-height: calc(100% - 20px);
position: relative;
max-width: 960px;
background: #fff;
border-radius: 4px;
overflow: auto;
}
}
@media (min-width: 0) and (max-width: 1020px) {
.popover .overlay-inner {
max-width: calc(100% - 20px);
}
.popover .overlay-inner .title {
padding-top: 10px;
}
}
@media (min-width: 0) {
.popover .overlay-inner .title {
margin-bottom: 40px;
}
.popover .overlay-inner img {
width: 100%;
display: block;
}
.popover .overlay-inner a:not(.button) {
text-decoration: underline;
}
.popover .overlay-inner a:not(.button):hover,
.popover .overlay-inner a:not(.button):focus {
text-decoration: none;
}
.popover .overlay-inner .overlay-content {
position: relative;
text-align: center;
padding: 0 80px;
overflow: hidden;
}
}
@media (min-width: 0) and (max-width: 1020px) {
.popover .overlay-inner .overlay-content {
padding: 0 40px;
}
}
@media (min-width: 0) and (max-width: 750px) {
.popover .overlay-inner .overlay-content {
padding: 0 20px;
}
}
@media (min-width: 0) and (max-width: 600px) {
.popover .overlay-inner .overlay-content {
padding: 0 10px;
}
}
@media (min-width: 0) {
.popover .overlay-inner .overlay-content .close {
position: absolute;
margin: 0;
padding: 0;
background: #fff url(/site/7A6399BA5313E114C125892E003666F5/$File/overlay-close.png) no-repeat center;
border: 1px solid #000;
top: 10px;
right: 10px;
font-size: 0;
width: 25px;
height: 25px;
display: block;
}
.popover .overlay-inner .overlay-content .close:hover,
.popover .overlay-inner .overlay-content .close:focus,
.popover .overlay-inner .overlay-content .close:active {
background: #000 url(/site/7A6399BA5313E114C125892E003666F5/$File/overlay-close-hover.png) no-repeat center;
}
/* end popover overlay 09-10-2020 */
/* [strtopmenutest] - idd ook in css */