/*
Theme Name: Hello Elementor Child
Template: hello-elementor
Version: 1.0.0
Author: Lazone
Description: A child theme of Hello Elementor that will be used to create a template page for FoncierOnline form
*/

/* Styles for the iframe */
#react-app-iframe {
    width: 100%;
    height: calc(100vh - 73px);
    margin-top: 66px;
    border: none;


    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    position: fixed;
    bottom: 0px;

}

#hubspot-messages-iframe-container {
    display: none !important;
}
/* put height: 100 on form in react
add overflow-x hidden and height 100% on main div foncier-lead-form
on react-app-iframe put 100vh-73px on desktop */
/* change min-height: 90vh to 100% in request form first div
try overflow auto on foncier-lead-form div and disable overflow on body
put 100dvh on body  */
/* on mobile try 73 for header height */
/* Mobile-specific styles for the iframe */
@media (max-width: 768px) {
    #react-app-iframe {
        /* Example mobile styles */
        height: calc(100dvh - 73px); /* Adjust height for mobile */
        margin-top: 71px; /* Adjust margin for mobile */
        border: none; /* Example border for visibility on mobile */
        /* You can add more mobile-specific styles here */
    }
}

.foncier-lead-form {

    overflow-x: hidden;
    height: 100%;

}

/* Add any additional styles you want here */