/* Have fun adding your style here :) - PS: At all times this file should contain a comment or a rule, otherwise opera might act buggy :( */

/* General Custom CSS */

/* LOGO */
.logo img{ padding-top:10px; padding-bottom:10px;}


/* FORM PRENOTAZIONE */
.form-prenotazione-table,
.form-prenotazione-table tr,
.form-prenotazione-table td {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

.form-prenotazione-table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
}

.form-prenotazione-table td {
    padding: 8px;
    vertical-align: top;
}

.form-prenotazione-table label {
    display: block;
    color: #ffffff;
}

.form-prenotazione-table input,
.form-prenotazione-table select,
.form-prenotazione-table textarea {
    width: 100%;
    background: transparent !important;
    border: 1px solid #ffffff !important;
    color: #ffffff;
    padding: 10px;
    box-sizing: border-box;
    border-radius: 0;
    margin: 0 !important;
}

.form-prenotazione-table input::placeholder,
.form-prenotazione-table textarea::placeholder {
    color: #ffffff;
    opacity: 1;
}

.form-prenotazione-table input[type="submit"] {
    width: auto;
    cursor: pointer;
}

.form-prenotazione-table p {
    margin-top: 2px !important;
    margin-bottom: 2px !important;
    padding: 0 !important;
}

.form-prenotazione-table .wpcf7-form-control-wrap {
    display: block;
    width: 100%;
    margin: 0 !important;
}

.form-prenotazione-table select option,
.form-prenotazione-table .wpcf7-select option {
    background: #000000 !important;
    color: #ffffff !important;
}

/*.form-prenotazione-table input[type="date"] {
    color-scheme: dark;
}*/

.form-prenotazione-table input[type="date"]::-webkit-calendar-picker-indicator {
    filter: invert(1) brightness(2);
    cursor: pointer;
}

.submit-center {
    text-align: left;
    padding-left: 8px;
    margin-top: 15px;
}

.submit-center input[type="submit"],
.submit-center .wpcf7-submit {
    width: auto !important;
    display: inline-block !important;
    margin: 0 auto !important;
    cursor: pointer;
}

/* immagni su stessa riga*/
.img-row {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
}

.img-row img {
    max-width: 50%;
    height: auto;
}

@media (max-width: 767px) {
    /*.img-row {
        flex-direction: column;
    }

    .img-row img {
        max-width: 100%;
    }*/
    .img-row {
        display: none !important;
    }
}




/*
Desktop Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the desktop view of your site */

@media only screen and (min-width: 768px) {
  /* Add your Desktop Styles here */

}



/*
Mobile Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the Mobile and Tablet Portrait view */

@media only screen and (max-width: 767px) {
  /* Add your Mobile Styles here */

}