/*
Theme Name: Yachbat child
Template:   yachbat
Theme URI: https://themeforest.net/user/ovatheme/portfolio
Version: 0.0.1
Description: Yachbat is a modernized take on an ever-popular WordPress. It has custom color options with beautiful default color schemes, a harmonious fluid grid using a mobile-first approach, and impeccable polish in every detail. Yachbat will make your WordPress look beautiful everywhere.
Author: Humayun
Author URI: <a href="https://pph.me/heymi">Humayun</a>
License: GNU General Public License
License URI: license.txt
Tags: two-columns, three-columns, left-sidebar, right-sidebar, custom-menu, editor-style, featured-images, flexible-header, full-width-template, post-formats, rtl-language-support, sticky-post, translation-ready
Text Domain: yachbat child
*/

.custom-modal {
    justify-content: center;
    align-items: center;
    pointer-events: all;
    background-color: rgba(0,0,0,.8);
    width: 100%;
    height: 100vh;
    display: flex;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 99991;
    overflow-y: scroll;
    display: none;
}

body.admin-bar .custom-modal {
    height: calc(100vh - 32px);
}

.custom-modal .overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.custom-modal .content {
    position: absolute;
    top: 10%;
    width: auto;
    margin: auto;
    background-color: #fff2;
    max-width: 100%;
    max-height: 100%;
    padding: 0 40px;
}

.custom-modal .content .close-button {
    position: absolute;
    top: 20px;
    margin-top: 0;
    right: 60px;
    opacity: 1;
    z-index: 9999;
    cursor: pointer;
}