/* Hover display functionality */

/* First section of the hover display functionality */


.clsWhatWhereContent {
    display: none;
    padding: 0px;
    margin: 0%;
    z-index: 20;
}
.clsArticlesContent {
    background-color: plum; 
}
.clsEventsContent {
    background-color: plum;  
}
.clsFoodContent {
    background-color: plum;
}
.clsNewRestaurantsContent {
    background-color: plum; 
}


/* ================================================= */


.clsWhatWhere {
    /* background-color: #14c4ff; */
    background-color: #ff6a14;
}

.clsArticles {
    /* background-color: #7aa4f1; */
    background-color: #FF842E;
}

.clsEvents {
    background-color: #FF9D47;
}

.clsFood {
    background-color: #FFB761;
}

.clsNewRestaurants {
    background-color: #FFD07A;
}

/* ================================================= */
/* Third section of the hover display functionality */

/* === This is for the initial load only and after the js setTimer gets replaced by .clswhatWhereContentLoad === */


@media only screen and (max-width: 768px) {
    table.responsive { 
        margin-bottom: 0;
        overflow: hidden; 
        overflow-x: scroll;
        display: block;
        white-space: nowrap;
    }
}