.poi-alert{
    display:block;
    padding:1em;
    background-color:#888;
    border-radius:6px;
    color:#fff;
    font-weight:600;
    text-align:center;
    margin-bottom:1em;
}

.poi-alert--success{
    background-color:var(--green-succes-color);
}

.poi-inquiry-modal{
    display:none;
    position:fixed;
    z-index:9999;left:0;top:0;width:100%;height:100%;
    overflow:auto;
    background-color:#000000e6;
    justify-content:center;
    align-items:center;
}

.poi-inquiry-modal.is-active{
    display:flex;
}

.poi-inquiry-modal .poi-inquiry__content{
    background-color:#fff;
    padding:2em;
    width:80%;
    max-width:800px;
    position:relative;
}

.poi-inquiry-modal .poi-inquiry__content .poi-inquiry__close {
    position:absolute;
    top:0;
    right:0;
    padding:.5em;
    cursor:pointer;
    font-size:1.5em;
    color:#000;
}

.poi-inquiry-modal .poi-inquiry__content .poi-inquiry__title {
    text-align:left;
    font-size:1.5em;
    font-weight:600;
    margin-bottom:1em;
}

.poi-inquiry-modal .poi-inquiry__content .poi-inquiry__description {
    margin-bottom:1em;
}

.poi-inquiry-modal .poi-inquiry__content .poi-inquiry__form .poi-inquiry__form-row {
    display:flex;
    flex-direction:column;
    flex-wrap:wrap;
    margin:0 -.5em
}
    
@media (min-width: 768px) { 
    .poi-inquiry-modal .poi-inquiry__content .poi-inquiry__form .poi-inquiry__form-row {
        flex-direction:row;
        }
    }

.poi-inquiry-modal .poi-inquiry__content .poi-inquiry__form .poi-inquiry__form-row .poi-inquiry__form-field {
    flex:1;
    padding:0 .5em;
    margin-bottom:1em;
}

.poi-inquiry-modal .poi-inquiry__content .poi-inquiry__form .poi-inquiry__form-row .poi-inquiry__form-field .poi-inquiry__form-label {
    display:block;
    margin-bottom:.25em;
    color: var(--primary-color);
}

.poi-inquiry-modal .poi-inquiry__content .poi-inquiry__form .poi-inquiry__form-row .poi-inquiry__form-field .poi-inquiry__form-input {
    width:100%;
    padding:.5em;
    border:1px solid var(--border-color);
    background-color: var(--background-color);
    border-radius: 0.5rem;
}

.poi-inquiry-modal .poi-inquiry__content .poi-inquiry__form .poi-inquiry__form-row .poi-inquiry__form-submit {
    width: 100%;
    padding: 1rem;
    border-radius: 0.3rem;
    background-color: var(--secondary-color);
    color: #fff;
    font-weight: 600;
    cursor: pointer;
}
