/* ================ EVENTS STYLING ================ */
/*
 
    VERSION: 1.0.0
    DESCRIPTION: Styles applies to Event calendar.
 
    APPLICATION: Applies styling to calendar pages. 
 
/* ================ TABLE OF CONTENTS ================ */
/*
01. GENERAL
00. Media Quires
*/
 
/* ==================== 01. GENERAL ==================== */
.fc-event-container a {
	color:#ffffff;
}
.fc-event-container a:hover {
	text-decoration:underline;
}

.fc-event-container .fc-content {
	padding: .5rem;
	display:flex;
	flex-direction:column-reverse;
	text-align:center;
	gap:1rem;
	text-wrap: wrap;
	align-content:center;
}

.fc-time {
	display: none;
}

 
/* ==================== 00. MEDIA QUERIES ==================== */
 
/* === 1550px === */
@media screen and (min-width: 1550px) {
}
 
/* === 960px === */
@media screen and (min-width: 960px) {
}
 
/* === 900px === */
@media screen and (min-width: 900px) {
}
 
/* === 659px === */
@media screen and (min-width: 659px) {
}
 
/* === 480px === */
@media screen and (min-width: 480px) {
	

}

@media all and (min-width: 450px) and (max-width:700px) {
	    .js-drupal-fullcalendar .fc-toolbar.fc-header-toolbar {
        flex-flow: row wrap;
        margin-bottom: 1em;
    }

    .js-drupal-fullcalendar .fc-left {
        order: 2;
        display: flex;
        flex-direction:row;
        gap; .5rem
    }
    .js-drupal-fullcalendar .fc-right {
        order: 2;
    }

    .js-drupal-fullcalendar .fc-left .fc-today-button {
        
    }

    .js-drupal-fullcalendar .fc-center {
        order: 0;
        flex-basis: 100%;
        display: block;
        margin-bottom: 25px;
        margin-top: 0 !important;
    }

    .js-drupal-fullcalendar .fc-center h2 {
        display: block;
        text-align: center;
    }
}