:root {
    --popup-radius: 5px;
    --duration: .5s;
}

.opacity_zero { 
    opacity: 0 !important; 
}
/* Making the input placeholders italic */
.inquiry_form ::-webkit-input-placeholder { font-style: italic; }
.inquiry_form :-moz-placeholder { font-style: italic; }
.inquiry_form ::-moz-placeholder { font-style: italic; }
.inquiry_form :-ms-input-placeholder { font-style: italic; }

body.show_form { 
    width: 100vw;
    height: 100vh;
    overflow: hidden;
}
#singlepost.maincontent {
    transition: filter .6s ease;
}
.blurred { 
    filter: blur(10px); 
    opacity: .5; 
    pointer-events: none;
}

.inquiry_form h1 { font-size: 1.8rem;}
.inquiry_form p { margin: 0;}
.inquiry_form .title_container p.title { font-size: 1.4rem;}
.inquiry_form hr {
    height: 2px;
    width: 100%;
    background-color: black;
    border: none;
}
.inquiry_form input:not(input[type="radio"]) { 
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    border: none !important;
    border-bottom: 2px solid rgba(0, 0, 0, 0.6) !important;
}
.inquiry_form legend, .inquiry_form label { font-weight: normal !important; }
.inquiry_form svg.close_inquiry {
    width: 25px;
    position: absolute;
    top: 7px;
    right: 9px;
    transition: .2s;
}
.inquiry_form svg.close_inquiry:hover {
    fill: var(--clr-accent);
    cursor: pointer;
}
.inquiry_form:not(.inquiry_form.shown) * { visibility: hidden; }
.inquiry_form, .virtual_tour {
    position: fixed;
    top: 50vh !important; 
    left: 50vw !important; 
    display: block; 
    transform: translate(-50%, -48%);

    width: 75vw !important;
    max-height: 78vh !important;
    padding: 40px 100px !important;
    visibility: hidden;
    pointer-events: none; 
    
    opacity: 0;
    background-color: white;
    border-radius: var(--popup-radius);
    box-shadow: 0 0 0 rgba(0, 0, 0, 0);
    z-index: 102;
    overflow-y: hidden;

    transition: opacity var(--duration) ease-out, 
    transform var(--duration) ease-out, 
    box-shadow .4s ease-out .1s;
}
.inquiry_form.shown, .virtual_tour.shown { 
    visibility: visible;
    opacity: 1;
    transform: translate(-50%, -50%);
    box-shadow: 0 0 60px rgba(0, 0, 0, .7);
    pointer-events: auto;
    overflow: auto;
}


/* styling the wpform */
.inquiry_form form { width: 100% !important; }
.inquiry_form_form { width: 100% !important; margin: 0 !important;}
.inquiry_form .title_container { margin-bottom: 34px; }
.inquiry_form .title_container, .inquiry_form .submit_btn { grid-column: span 2; }
#wpforms-field-limit-text-1571-8 { display: none; }
.wpforms-confirmation-container-full { margin: 0 !important;} 
.wpforms-submit-container { display: flex; justify-content: end; }
div.wpforms-container-full .wpforms-form .wpforms-field input.wpforms-error:hover { box-shadow: none !important;}

/* radio inputs */
.inquiry_form input[type="text"]:focus, .inquiry_form input[type="email"]:focus { box-shadow: none !important; border-color: var(--clr-accent) !important; }
div.wpforms-container-full .wpforms-field.wpforms-field-radio ul li input:checked::after { background-color: var(--clr-accent); }
div.wpforms-container-full input[type="radio"]:checked::before { border-color: rgb(0, 0, 0, .25) !important; }
.inquiry_form input[type="radio"]:focus { outline: 1px solid var(--clr-accent) !important; }

@media only screen and (max-width: 767px) {
    .wpforms-submit.cta_btn { font-size: 14px !important; }
    .inquiry_form {
        padding: 30px !important;
        width: 90vw !important;
        height: 80vh !important;
    }
    .inquiry_form input:not(input[type="radio"]) { border-bottom-width: 1px !important; }
    .inquiry_form .title_container hr { height: 1px; }
}
@media only screen and (max-width: 1100px) {
    .wpforms-field-container div {
        float: none !important;
        width: 100% !important;
        margin-left: 0 !important;
    }
}


/* VIRTUAL TOUR POPUP */
.virtual_tour { 
    background-color: rgba(255, 255, 255, 0.9) !important; 
    height: 75vh !important;
    width: 75vw !important;
    padding: 0 !important;
}
.virtual_tour iframe {
    width: 100%;
    height: 100.5%;
    border-radius: var(--popup-radius);
}