/* Set form elements to full width */
.wpcf7,
.wpcf7-form input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
select,
textarea {
    width: 100% !important;
}

/* General Styles */
.opentable-widget-container {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;  
    height: auto;
    margin: 0 auto;
}

.image-container {
    position: relative;
    flex: 1 1 30%;
    margin: 5px;
    overflow: hidden;
    padding-top: 56.25%; /* Maintain aspect ratio */
}

.image-container img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
}

.image-container:hover img {
    transform: scale(1.1);
}

.overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: opacity 0.5s ease;
}

.image-container:hover .overlay {
    opacity: 1;
}

.overlay a {
    text-decoration: none;
    color: white;
    font-size: 30px;
}

/* Media Query for Mobile Devices */
@media (max-width: 768px) {

    /* Hide mobile menu image */
    #menu-image-mobile,
    #booking-image-mobile {
        display: none !important;
    }
	
	.custom-row {
		display: block !important;
	}
	
	    .inline-form p {
        flex-direction: column;
    }

    .inline-form .wpcf7-form-control-wrap {
        margin-right: 0;
    }

    .inline-form input[type="submit"] {
        width: 100%; 
    }
	.inline-form p {
		padding: 0;
		display: block !important;
	}
	
  .main-taberna-etrusca .wp-block-cover-image.has-parallax, .wp-block-cover.has-parallax, .wp-block-cover__image-background.has-parallax, video.wp-block-cover__video-background.has-parallax {
    background-position: 60% 80% !important;
}


	
}

#pdf-container {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

#pdf-container img {
    width: 100%;
    height: auto;
    display: block;
    margin: 0 auto; /* Center the images horizontally */
}

.inline-form p {
    display: flex;
    align-items: center; 
    justify-content: space-between;
    flex-wrap: wrap; 
}

.inline-form .wpcf7-form-control-wrap {
    flex-grow: 1; 
    margin-right: 10px; 
}

.inline-form input[type="email"] {
    width: 100%;
}

.inline-form input[type="submit"] {
    white-space: nowrap;
	    padding: 21px 20px;
}