@charset "utf-8";
/* CSS Document */

        html, body {
            height: 100%;
            margin: 0;
            font-family: 'Open Sans', sans-serif;
            background-color: #f8f9fa;
        }

        /* Layout a due colonne ad altezza intera su desktop */
        .main-wrapper {
            display: flex;
            min-height: 100vh;
            flex-direction: column;
        }

        @media (min-width: 992px) {
            .main-wrapper {
                flex-direction: row;
            }
        }

/* Colonna di Sinistra: Immagine reale e Logo (Stile Sidebar/Aside) */
        .residence-aside {
            flex: 0 0 100%;
            background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.4)), 
                        url('../images/residence-valentina-jesolo-lido.jpg') no-repeat center center;
            background-size: cover;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            padding: 4rem 2rem;
            color: #fff;
            text-align: center;
        }

        @media (min-width: 992px) {
            .residence-aside {
                flex: 0 0 40%;
                position: fixed;
                top: 0;
                left: 0;
                bottom: 0;
                padding: 2rem;
            }
        }

        /* Colonna di Destra: Contenuti, Info e Login */
        .residence-content {
            flex: 0 0 100%;
            padding: 3rem 1.5rem;
            display: flex;
            flex-direction: column;
            justify-content: center;
        }

        @media (min-width: 992px) {
            .residence-content {
                flex: 0 0 60%;
                margin-left: 40%; /* Lascia lo spazio per la sidebar fissa */
                padding: 5rem;
            }
        }

        /* Stile Titoli */
        h1, h2, h3, .font-oswald {
            font-family: 'Oswald', sans-serif;
            text-transform: uppercase;
            letter-spacing: 1px;
        }

        /* Box Telefono in evidenza */
        .phone-highlight-box {
            background-color: #fff;
            border-left: 5px solid #0d6efd; /* Bordo blu Bootstrap */
            border-radius: 4px;
            transition: transform 0.2s;
        }
        .phone-highlight-box:hover {
            transform: translateY(-2px);
        }
        .phone-number {
            font-size: 2rem;
            font-weight: 700;
            color: #0d6efd;
            text-decoration: none;
        }

        /* Form di Login stile card pulita */
        .login-card {
            background: #ffffff;
            border: 1px solid #e3e6f0;
            border-radius: 0.5rem;
        }

/**/
#footer .policy{
  display:inline;
margin-left:-30px;
}
#footer .policy li{
	 display:inline;
	 margin:0px 8px 0px 0px;
}
#footer .policy li a{
	color:#0d6efd;
	font-size:18px;
	text-decoration:none;	
}
#footer .policy li a:hover{
color:#846f54;
	text-decoration:none;
}

#modalMail, #modalCookie, #second-modal{
	color:#282828;
	font-family: 'Open Sans', sans-serif;
}
.outerDivFull { margin:50px; } 



.gestFreccia[aria-expanded="true"] .fa-chevron-down {
  transform: rotate(180deg);
}

.fa-chevron-up {
    transition: all 0.3s ease;
 }
.gestFreccia.collapsed .fa-chevron-up {
  transform: rotate(180deg);
}

.cookie .modal-body{
    height: 450px;
    overflow-y: auto;
}