div.open-house-2023-popup * {
    box-sizing: border-box;
    color: #FFF;
}

div.open-house-2023-popup {
    position: fixed;
    width: 100vw;
    height: 100vh;
    top: 0px;
    left: 0px;
    z-index: 4206969;
    transition: none;
}

    div.open-house-2023-popup .p-background {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0px;
        left: 0px;
        z-index: 69;
        background: rgba(51, 51, 51, 0.60);
        backdrop-filter: blur(2px);
        cursor: pointer;
    }

    div.open-house-2023-popup .popup-wrapper {
        position: relative;
        top: calc(50% - 239px);
        width: 100%;
        height: 100%;
        z-index: 420;
        /*        background-image: url(/Files/templates/main2021/Images/open-house-2023-popup-background.png);
*/
        background-image: url(/Files/templates/main-2024/images/rsvp-event-1.png);
        max-width: 567px;
        max-height: 478px;
        margin: 0px auto;
        background-size: contain;
        background-repeat: no-repeat;
        background-color: black;
    }


    div.open-house-2023-popup .popup-wrapper:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: #000;
        opacity: .3;
        z-index: -1;
    }
    div.open-house-2023-popup .popup-close {
        width: 100%;
        text-align: right;
        display: flex;
        padding-top: 14px;
        padding-right: 14px;
        justify-content: flex-end;
    }

        div.open-house-2023-popup .popup-close a.x {
            width: 20px;
            height: 20px;
            cursor: pointer;
        }

            div.open-house-2023-popup .popup-close a.x img {
                width: 100%;
                height: 100%;
            }

                div.open-house-2023-popup .popup-close a.x img.plus-hover {
                    display: none;
                }

            div.open-house-2023-popup .popup-close a.x:hover img.plus-hover {
                display: block;
            }

            div.open-house-2023-popup .popup-close a.x:hover img.plus {
                display: none;
            }

    div.open-house-2023-popup .cont {
        width: 100%;
        padding: 53px 46px;
    }

        div.open-house-2023-popup .cont h2 {
            font-family: syncopate-bold;
            font-size: 60px;
            font-style: normal;
            font-weight: 700;
            line-height: 100%; /* 60px */
            letter-spacing: 1.2px;
            margin-bottom: 20px;
        }

            div.open-house-2023-popup .cont h2 span {
                font-size: 60px;
                letter-spacing: 0.02em;
                line-height: 52px;
                font-family: syncopate-bold;
                -webkit-text-stroke: 1.5px white;
                color: transparent;
            }

        div.open-house-2023-popup .cont h3 {
            font-family: catamaran-bold;
            font-size: 20px;
            line-height: normal;
            letter-spacing: 0.4px;
            margin-bottom: 20px;
        }

        div.open-house-2023-popup .cont p {
            font-family: catamaran-medium;
            font-size: 15px;
            line-height: 160%; /* 24px */
            letter-spacing: 0.3px;
            max-width: 340px;
            margin-bottom: 25px;
        }

        div.open-house-2023-popup .cont a.learn-more {
            display: flex;
            font-family: catamaran-medium;
            font-size: 16px;
            font-style: normal;
            font-weight: 500;
            line-height: 100%;
            height: 45px;
            width: 100%;
            max-width: 195px;
            background-color: #ED1B34;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            text-decoration: none;
        }

            div.open-house-2023-popup .cont a.learn-more:hover {
                border: 1px solid #ED1B34;
                background: #FFF;
                color: #ED1B34;
            }

    div.open-house-2023-popup .cont h2.rsvp-event{
        font-size:32px;
    }

@media only screen and (max-width: 800px) {
    div.open-house-2023-popup .popup-wrapper {
        max-width: 350px;
        max-height: 295px;
        width: calc(100% - 60px);
        top: calc(50% - 147px);
    }

    div.open-house-2023-popup .popup-close {
        padding-top: 8px;
        padding-right: 8px;
    }

        div.open-house-2023-popup .popup-close a.x {
            width: 12px;
            height: 12px;
            display: block;
        }

    div.open-house-2023-popup .cont {
        padding-top: 33px;
        padding-left: 28px;
    }

        div.open-house-2023-popup .cont h2 {
            font-size: 37.029px;
            line-height: 100%;
            margin-bottom: 12px;
        }

            div.open-house-2023-popup .cont h2 span {
                font-size: 37.029px;
                line-height: 100%;
            }

        div.open-house-2023-popup .cont h3 {
            font-size: 12.343px;
            margin-bottom: 12px;
        }

        div.open-house-2023-popup .cont p {
            font-size: 9.257px;
            margin-bottom: 15px;
        }

        div.open-house-2023-popup .cont a.learn-more {
            font-size: 10px;
            max-width: 120px;
            height: 27px;
        }


        div.open-house-2023-popup .cont h2.rsvp-event {
            font-size: 16px;
        }

    div.open-house-2023-popup .popup-wrapper {
        background-image: url(/Files/templates/main-2024/images/rsvp-event-4.png);
    }
}