*{
	margin:0;
	padding:0;
	box-sizing: border-box;
	/* NAVIGATION */
	--swiper-navigation-size: 50px;
    --swiper-navigation-top-offset: 50%;
    --swiper-navigation-sides-offset: 0px;
    --swiper-navigation-color: var(--swiper-theme-color);

	/* PAGINATION */
	--swiper-pagination-color: var(--swiper-theme-color);
	--swiper-pagination-left: auto;
	--swiper-pagination-right: 8px;
	--swiper-pagination-bottom: 8px;
	--swiper-pagination-top: auto;
	--swiper-pagination-fraction-color: inherit;
	--swiper-pagination-progressbar-bg-color: rgba(0, 0, 0, 0.25);
	--swiper-pagination-progressbar-size: 4px;
	--swiper-pagination-bullet-size: 12px;
	--swiper-pagination-bullet-width: 12px;
	--swiper-pagination-bullet-height: 12px;
	--swiper-pagination-bullet-inactive-color: var(--background-color);
	--swiper-pagination-bullet-inactive-opacity: .5;
	--swiper-pagination-bullet-opacity: 1;
	--swiper-pagination-bullet-horizontal-gap: 4px;
	--swiper-pagination-bullet-vertical-gap: 6px;
	/*IMAGE SIZES*/
	--events-pic-width:400px;
	--events-pic-height:300px;
}



.events{
    width:90%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    align-self: center;
    align-items: center;
    margin:auto;

}

.event-date{
    background-color: var(--primary-color);
    border-radius: 15px;
    font-size: 2rem;
    margin-bottom:10px;
    padding:10px;
    margin:10px;
    width:90%;
    color: var(--background-color);
}


.event{
    position: relative;
    justify-content: center;
    align-content: center;
    align-self: center;
    align-items: center;
    border:10px;
    display:flex; 
    border: 2px solid var(--primary-color);
    border-radius: 15px;
    color: var(--primary-color);
    padding:10px;
    margin:10px;
    width:90%;
}

.event-photo img{
    width: var(--events-pic-width);
    height: var(--events-pic-height);
    border-radius: 15px;
    margin-top:10px;
    margin-bottom:10px;
    margin-left:10px;
    
}

.event-details{
    display:block;
}

.event-title{
    font-size:2rem;
    padding-left:2rem;
    font-weight: bold;
}

.event-time{
    font-size:1.5rem;
    padding-left:2rem;
}

.event table{
    width:100%;
    justify-content: left;
    align-items: start;
}

.event td{
    text-align: left;
}

.event-photo{
    width:450px;
}

.spacer {
    height: 5em;
}

.hours-event{
    position: relative;
    justify-content: center;
    align-content: center;
    align-self: center;
    align-items: center;
    border:10px;
    display:flex; 
    border: 2px solid var(--primary-color);
    border-radius: 15px;
    color: var(--primary-color);
    padding:10px;
    margin:5px;
    width:100%;
  }

.atv-title{
    background-color: var(--primary-color);
    border-radius: 15px;
    margin-bottom:10px;
    padding:10px;
    margin:10px;
    width:90%;
    color: var(--background-color);
}

.event li{
    padding:10px;
}

.sled-title{
    background-color: var(--primary-color);
    border-radius: 15px;
    margin-bottom:10px;
    padding:10px;
    margin:10px;
    width:90%;
    color: var(--background-color);
}