/* Base funcional del widget */
.tia-cloudbeds-widget {
    clear: both;
    display: flex;
    justify-content: center;
    position: relative;
    z-index: 100;
}

.tia-cloudbeds-widget .widgetHotelsForm .acessa_widget_block p {
  text-align: center;
  color: white;
  text-transform: uppercase;
}

.tia-cloudbeds-widget .submit_link {
    background-color: #0E503C !important;
}

/* Desktop */
@media (min-width: 1101px) {
    .tia-cloudbeds-widget {
        width: 1100px;
        margin-left: 50px;
        margin-bottom: 40px;
        top:60px;
    }

    .tia-cloudbeds-widget .date_mobile {
        display: none !important;
    }
}

/* 960 */
@media (min-width: 961px) and (max-width: 1100px) {
    .tia-cloudbeds-widget {
        width: 960px;
        margin-left: 70px;
        margin-bottom: 21px;
        top:40px;
    }

    .tia-cloudbeds-widget .date_mobile {
        display: none !important;
    }
}

/* 768 */
@media (min-width: 769px) and (max-width: 960px) {
    .tia-cloudbeds-widget {
        width: 768px;
        margin-left: 96px;
        margin-bottom: 22px;
        top:40px;
    }

    .tia-cloudbeds-widget .date_mobile {
        display: none !important;
    }
}

/* 550 */
@media (min-width: 551px) and (max-width: 768px) {
    .tia-cloudbeds-widget {
        width: 550px;
        margin-left: 109px;
        margin-bottom: 18px;
        top:40px;
    }

    .tia-cloudbeds-widget .date_mobile {
        display: none !important;
    }
}

/* Mobile 380 */
@media (min-width: 381px) and (max-width: 550px) {
    .tia-cloudbeds-widget {
        width: 380px;
        margin-left: 85px;
        margin-bottom: 66px;
        top:40px;
    }
}

/* Mobile 320 */
@media (max-width: 380px) {
    .tia-cloudbeds-widget {
        width: 320px;
        margin-left: 30px;
        margin-bottom: 28px;
        top:10px;
    }
    
    html[lang="es-ES"] .tia-cloudbeds-widget {
        width: 320px;
        margin-left: 30px;
        margin-bottom: -22px;
        top:10px;
    }
    
     .tia-cloudbeds-widget .horizontal-widget {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    
     .tia-cloudbeds-widget .widgetHotelsForm .acessa_widget_block {
       margin: 0 !important;
    }
}