.wp-block-vagabond-plus-modal .modal {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.8);
display: flex;
justify-content: center;
align-items: center;
z-index: 1000;
display: none;
cursor: pointer;
}
.wp-block-vagabond-plus-modal.no-flex .main-modal-content {
display: block;
} .wp-block-vagabond-plus-modal .main-modal-content {
padding: 50px;
height: calc(var(--vh, 1vh) * 70);
background: white;
display: inline-block;
position: relative;
display: flex;
border: 20px solid white;
cursor: default;
max-width: 60vw;
}
.black.wp-block-vagabond-plus-modal .main-modal-content {
background: var(--wp--preset--color--va-black);
border-color: var(--wp--preset--color--va-black);
border-width: 10px;
height: auto;
max-height: calc(var(--vh, 1vh) * 80);
}
.wp-block-vagabond-plus-modal .main-modal-content p {
margin-block-start: 0 !important;
}
.wp-block-vagabond-plus-modal .main-modal-content::before {
top: 0px;
bottom: 0px;
right: 0px;
left: 0px;
content: '';
position: absolute;
border: 1px solid var(--wp--preset--color--va-black);
}
.black.wp-block-vagabond-plus-modal .main-modal-content::before {
border-color: white;
}
.wp-block-vagabond-plus-modal .main-modal-content .wp-block-columns {
gap: 4rem;
}
.wp-block-vagabond-plus-modal
.main-modal-content
.wp-block-column:not(:first-child) {
overflow: auto;
z-index: 1010;
}
.wp-block-vagabond-plus-modal
.main-modal-content
.wp-block-column::-webkit-scrollbar {
width: 2px; height: 8px; }
.wp-block-vagabond-plus-modal
.main-modal-content
.wp-block-column::-webkit-scrollbar-thumb {
background-color: var(--wp--preset--color--va-red);
border-radius: 10px;
}
.wp-block-vagabond-plus-modal
.main-modal-content
.wp-block-column::-webkit-scrollbar-track {
background-color: var(--wp--preset--color--va-black);
}
.wp-block-vagabond-plus-modal .closebtn {
position: absolute;
right: 10px;
top: 5px;
font-size: 66px;
line-height: 0.5;
cursor: pointer;
font-weight: lighter;
}
.black.wp-block-vagabond-plus-modal .closebtn {
color: white;
}
@media only screen and (max-width: 782px) {
.wp-block-vagabond-plus-modal .main-modal-content {
padding: 0 20px;
max-width: 70vw;
}
.wp-block-vagabond-plus-modal .closebtn {
font-size: 33px;
}
.wp-block-vagabond-plus-modal .main-modal-content .wp-block-columns {
overflow: auto;
position: relative;
z-index: 20000;
height: 100%;
gap: 2rem;
}
.wp-block-vagabond-plus-modal
.main-modal-content
.wp-block-column:not(:first-child) {
overflow: hidden;
z-index: auto;
}
.black.wp-block-vagabond-plus-modal .main-modal-content::before {
border: none;
}
}