/*
    As falang does not permit translations for list items,
    I created lists with text elements, inserting some custom html to add icons
*/
.custom-list-item {
    margin-bottom: 5px;
}
.custom-list-item .uk-icon {
    margin-right: 10px;
}

/* Center items on small devices */
@media screen and (max-width: 960px) {
    .centered-text-small {
        text-align: center;
    }
    .centered-section-content-small *, 
    .centered-section-content-small .uk-text-right {
        text-align: center !important;
    }

    .centered-section-content-flex-small .uk-grid-item-match .uk-panel  {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
}

/* Images of the gallery with parallax are too small on mobile devices */
.parralax-gallery .el-item,
.parralax-gallery .img {
    min-width: 170px !important;
    min-height: 105px !important;
}

.parralax-gallery .uk-child-width-1-3 > * {

}

@media screen and (max-width: 572px) {
    .parralax-gallery .uk-child-width-1-3 {
        flex-wrap: nowrap;
    }
    .parralax-gallery .uk-child-width-1-3 > * {
        /* width: max-content !important; */
        width: 170px !important;
        height: 105px !important;
        margin-right: 15px;
    }
}

/* Falang dropdown color */
div.advanced-dropdown a.langChoose:link, .lang-inline {
    background: rgba(117, 117, 117, 0.418) !important;
    backdrop-filter: blur(5px) !important;
}

/* Smaller text size for text reveal texts on mobile */
@media screen and (max-width: 750px) {
    .tr {
        font-size: 33px;
    }
}

/* Do not set google reviews as fixed */
#google-reviews > div > div {
    position: static;
    z-index: 1;
}
#google-reviews > div,
#google-reviews > div > div {
    max-height: 134px !important;
    cursor: default;
}
#google-reviews .badge-close-button {
    display: none;
}
@media screen and (max-width: 750px) {

    #google-reviews > div > div {
        min-width: 100% !important;
        max-width: none !important;
        transform: none !important;
    }
}

/* Make bottom section of footer on top of yummeezy reservation btn */
#footer-always-on-top-section {
    position: relative;
    z-index: 999999999;
}

#yummeezy-res-btn {
    z-index: 1001;
}