/*
    If your page is created dynamically by some language like php, 
    you could add some variable at the end of the href value (check header.php).

    That will add the current timestamp on the end of a file path, 
    so it will always be unique and never loaded from cache.
    
    https://stackoverflow.com/questions/12717993/stylesheet-not-updating
*/

.h-auto {
    height: auto !important;
}


.tribe-events-page-title {
    font-size: 30px !important;
    color: #3232b3 !important;
    background-color: #f5d90b;
    padding: 15px 30px;
    text-align: left !important;
}

.tribe-events-calendar th {
    background-color: #f1f1f1 !important;
    padding: 15px 20px;
}

.tribe-events-calendar th,
.tribe-events-calendar div[id*=tribe-events-daynum-] {
    color: #3232b3 !important;

}

.tribe-events-calendar td.tribe-events-present div[id*=tribe-events-daynum-] {
    background-color: #e0e0e0 !important;
}

#tribe-events-bar,
#tribe-events-content {
    padding-left: 20px !important;
    padding-right: 20px !important;
}

#tribe-events-content table.tribe-events-calendar,
#tribe-events-content .tribe-events-calendar td {
    border: 2px solid #e0e0e0 !important;
}

.tribe-events-has-events div:first-child {
    background-color: #3232b3 !important;
    color: #fff !important;
}

td.tribe-events-thismonth.tribe-events-future.tribe-events-has-events {
    background-color: #f5d90b;
}

#tribe-events-content .tribe-events-calendar td>div {
    text-decoration: underline;
}

.background-color-white {
    background-color: #fff;
}

#tribe-events-content .tribe-events-calendar td {
    height: 60px !important;
}

#tribe-bar-form {
    display: none !important;
}

#tribe-events-footer nav.tribe-events-nav-pagination {
    display: none !important;
}

.tribe-events-calendar td.tribe-events-present.mobile-active {
    background-color: transparent !important;
}

ul.tribe-events-sub-nav a {
    color: #3232b3 !important;
    font-size: 16px;
    font-weight: 700;
}

.tribe-events-sub-nav li a {
    background-color: transparent !important;
}

.tribe-events-month #tribe-events-header .tribe-events-sub-nav .tribe-events-nav-next a,
.tribe-events-month #tribe-events-header .tribe-events-sub-nav li {
    display: block;
}

@media (min-width: 768px) {
    #tribe-events-header .tribe-events-nav-pagination {
        padding-top: 15px !important;
    }

}

@media (min-width: 415px) {
    #tribe-events-content {
        background-color: #f1f1f1 !important;
        border-left: 20px solid !important;
        border-right: 20px solid !important;
        border-color: #fff !important;
    }
}


@media (max-width: 414px) {
    #tribe-events-content table.tribe-events-calendar {
        font-size: 8px !important;
    }
}