/*
 * ESTILS PER AGENDA (pots trobar més estils per agenda al fitxer generic del tema)
*/
.et_pb_column.et_pb_column_1_3 {
    margin-bottom: 66px;
}

.fira-form .form-search {
    margin-top: 20px;
}

.search-calendar.init {
    display: flex;
    gap: 20px;
    align-items: flex-end;
    flex-wrap: wrap;
}

.form-label-half {
    display: block;
    margin-bottom: 5px;
}

.calendari-date {
    height: 50px;
    border-radius: 5px !important;
    border: solid 1px #bbbbbb;
    display: block;
}

.div-date input {
    caret-color: transparent !important;
    cursor: pointer;
}

.div-button {
    margin-left: 0px;
}

.div-word {
    width: min-content;
}

.custom-submit {
    text-align: left;
    display: inline-block;
    margin-top: 20px;
}

.div-date input::after {
    content: "\e023";
    /* Código del icono de calendario en Divi */
    font-family: 'ETmodules';
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
}

.fira-form .div-button {
    display: flex;
    gap: 5px;
    align-items: flex-end;
}

.fira-form input.custom-submit,
.fira-form button.custom-submit {
    padding: 13px 20px !important;
    cursor: pointer !important;
    height: stretch !important;
}

@media(max-width: 992px) {

    .fira-form .search-calendar.init {
        gap: 20px;
    }

    .fira-form .fira-form label.form-label-half,
    .fira-form label {
        margin-bottom: 0px !important;
    }

    .fira-form {
        margin-bottom: 3rem;
    }

    .custom-submit {
        margin-top: 0px;
    }
}

@media(max-width: 768px) {
    .fira-form .search-calendar {
        display: flex !important;
    }

    .fira-form .div-date,
    .fira-form .div-word {
        width: 40% !important;
    }

    .fira-form .div-button {
        width: 100% !important;
    }

    .fira-form .div-button * {
        height: stretch !important;
        padding: 13px 25px !important;
        margin: 0 !important;
    }
}

@media (max-width: 700px) {

    .fira-form .div-date,
    .fira-form .div-word {
        width: 80% !important;
    }
}