/*
 * For Small Displays: Min Width 336px
 */

/* --------------------------------- */
/* Carousel                          */
/* --------------------------------- */

/*
 * At this breakpoint there is enough room to place each carousel item left to
 * right. So there is no need to justify the items.
 */

.owl-carousel {
    float: left;
    text-align: left;
}

.owl-carousel:after {
    display: none;
}

.owl-carousel .item {
    display: block;
    float: left;
    margin: 0 1rem 1rem 0;
}

/* --------------------------------- */
/* Event Grid                        */
/* --------------------------------- */

/*
 * At this breakpoint there is enough room to place each grid item left to
 * right. So there is no need to justify the items.
 */

.event-grid .featured-posts ul {
    float: left;
    text-align: left;
}

.event-grid .featured-posts ul:after {
    display: none;
}

.event-grid .featured-posts .post {
    display: block;
    float: left;
    margin: 0 1rem 1rem 0;
}



/* --------------------------------- */
/* HOME                      */
/* --------------------------------- */

nav.third-nav {
	display:none;
}