| Current Path : /home/ereika83/public_html/wp-content/plugins/bbpowerpack/modules/pp-modal-box/css/ |
| Current File : /home/ereika83/public_html/wp-content/plugins/bbpowerpack/modules/pp-modal-box/css/frontend.css |
.pp-modal-wrap {
position: fixed;
top: 0;
left: 0;
height: 100%;
width: 100%;
overflow-y: auto;
z-index: -1;
visibility: hidden;
opacity: 0;
transition: all 0.3s ease-in-out;
}
.pp-modal-wrap.pp-modal-active {
z-index: 99999;
visibility: visible;
opacity: 1;
}
.pp-modal-overlay {
position: absolute;
height: 100%;
width: 100%;
top: 0;
bottom: 0;
}
.pp-modal-button .sr-only {
position: absolute !important;
height: 1px !important;
width: 1px !important;
margin: 0 !important;
clip: rect(1px 1px 1px 1px);
clip: rect(1px,1px,1px,1px);
clip-path: polygon(0px 0px, 0px 0px, 0px 0px);
-webkit-clip-path: polygon(0px 0px, 0px 0px, 0px 0px);
overflow: hidden !important;
}
.pp-modal {
display: block;
position: relative;
margin: auto auto;
opacity: 1;
outline: 0;
}
.pp-modal-container {
height: 100%;
width: 100%;
position: fixed;
overflow: auto;
opacity: 0;
z-index: 1;
}
.pp-modal.layout-fullscreen {
max-width: 100%;
height: auto;
min-height: 100%;
margin: 0;
}
/* .pp-modal.layout-standard:not(.position-auto) {
top: 50%;
transform: translateY(-50%);
} */
.pp-modal .pp-modal-content {
height: inherit;
overflow-y: auto;
position: relative;
z-index: 1;
-webkit-overflow-scrolling: touch;
}
/* .pp-modal.layout-standard .pp-modal-content {
max-height: 90vh;
} */
.pp-modal .pp-modal-body {
overflow: hidden;
height: inherit;
}
.pp-modal .pp-modal-header {
display: table;
width: 100%;
}
.pp-modal .pp-modal-title {
margin: 0;
display: table-cell;
vertical-align: middle;
}
.pp-modal .pp-modal-frame iframe {
width: 100%;
}
.pp-modal .pp-modal-video-embed {
position: relative;
padding-top: 56.25%;
height: inherit;
}
.pp-modal .pp-modal-video-embed iframe,
.pp-modal .pp-modal-video-embed .wp-video,
.pp-modal .pp-modal-video-embed > video {
height: 100%;
width: 100%;
position: absolute;
top: 0;
left: 0;
}
.pp-modal .pp-modal-content.pp-modal-frame:before {
background-position: 50%;
content: "";
display: block;
width: 32px;
height: 32px;
border-radius: 100%;
position: absolute;
top: 50%;
left: 50%;
transform: translate3D(-50%, -50%, 0);
}
.pp-modal .pp-modal-content-inner {
position: relative;
height: 100%;
}
.pp-modal-trigger {
display: inline-block;
text-decoration: none;
text-shadow: none;
}
.pp-modal-trigger .pp-button-icon {
height: auto;
margin-right: 8px;
vertical-align: middle;
width: auto;
}
.pp-modal-trigger .pp-button-icon-after {
margin-left: 8px;
margin-right: 0;
}
.pp-modal-trigger .pp-modal-trigger-text {
vertical-align: middle;
}
.pp-modal-close {
position: relative;
right: 10px;
line-height: 0;
cursor: pointer;
display: table-cell;
vertical-align: middle;
top: 0;
padding: 5px;
-webkit-transition: background 0.2s ease-in-out;
-moz-transition: background 0.2s ease-in-out;
transition: background 0.2s ease-in-out;
}
.pp-modal-close.box-top-right-out {
position: absolute;
right: -40px;
}
.pp-modal .pp-modal-close.box-top-left-out {
position: absolute;
left: -40px;
right: 0;
}
.pp-modal-close.win-top-right {
position: fixed;
}
.pp-modal-close.win-top-left {
position: fixed;
right: 0;
}
.pp-modal-close .bar-wrap {
display: inline-block;
position: relative;
}
.pp-modal-close .bar-wrap span {
position: absolute;
border-radius: 0;
width: 100%;
top: 49.5%;
left: 0px;
}
.pp-modal-close .bar-wrap .bar-1 {
-webkit-transform: rotate(225deg);
-moz-transform: rotate(225deg);
transform: rotate(225deg);
}
.pp-modal-close .bar-wrap .bar-2 {
-webkit-transform: rotate(-225deg);
-moz-transform: rotate(-225deg);
transform: rotate(-225deg);
}
.pp-modal-wrap .modal-visible {
opacity: 1;
}
.pp-modal .pp-modal-content .fl-row-content-wrap,
.pp-modal .pp-modal-content .fl-builder-module-template {
padding: 0;
}
.fl-module-pp-modal-box {
z-index: 2 !important;
}
.pp-modal-wrap .pp-flexbox {
display: flex;
flex-direction: row;
align-items: center;
}
.pp-modal-wrap .pp-flexbox.layout-vertical {
flex-direction: column;
}
.pp-modal-wrap .pp-flexbox .pp-flexbox-item {
align-self: stretch;
}
.pp-modal-wrap .pp-flexbox .pp-flexbox-item.object-fit-cover img {
height: 100%;
object-fit: cover;
}
@media only screen and (max-width: 768px) {
.pp-modal-wrap .pp-flexbox {
flex-direction: column;
}
.pp-modal-wrap .pp-flexbox .pp-flexbox-item {
width: 100%;
}
}