/*/////////////////////////////////////////////
//// BEGIN: Homepage
/////////////////////////////////////////////*/

/* BEGIN: Calendar Section
-----------------------------------*/
.section-upcoming {
	padding-top: 0;
}

.section-upcoming .section-wrapper {
    width: 1920px;
	max-width: 100%;
	padding: 0;
}

.section-upcoming .col-left {
	width: 470px;
	max-width: 40%;
	z-index: 1;
}

.section-upcoming .col-right {
	width: 60%;
	flex-grow: 1;
	padding: 5em 5em 0;
}

/* BEGIN: Upcoming Events
-----------------------------------*/
.calendar-list-container .section-header {
    margin-bottom: 0;
}

.calendar-list li a {
	padding: 30px 0 25px;
	column-gap: 30px;
}

.calendar-list__item-date {
	width: 75px;
}

.calendar-list__item-date--month {
}

.calendar-list__item-date--day {
	font-size: 65px;
}

.calendar-list__content {
	width: calc(100% - 105px);
	flex-grow: 1;
}

/* BEGIN: Find the Program
-----------------------------------*/
.section-upcoming .program-description {
	margin-bottom: 3.25em;
	gap: 30px 80px;
}
.section-upcoming .program-description-text {
	width: calc(100% - 280px);
	flex-grow: 1;
}

.section-upcoming .button-container {
	width: 200px;
	gap: 8px;
	flex-shrink: 0;
}

.program-list  {
	column-gap: 20px;
	row-gap: 30px;
}

.program-list li {
	background: var(--tu-gray);
	border-top: 10px solid;
	transition: transform 0.4s ease-in-out;
}

.program-list li.blue {
	border-top-color: var(--tu-primary-blue);
}

.program-list li.purple {
	border-top-color: var(--tu-primary-purple);
}

.program-list li.orange {
	border-top-color: var(--tu-primary-orange);
}

.program-list li.green {
	border-top-color: var(--tu-primary-green);
}

.program-list li a {
	display: block;
	width: 100%;
	height: 100%;
	padding: 45px 40px;
}

.program-list li a:hover {
	color: inherit;

}

.program-list li h3 {
	font-size: 28px;
}

.program-list__item-desc {
	margin-bottom: 25px;
}

.site-footer {
	margin-top: 0;
}

/*/////////////////////////////////////////////
//// BEGIN: Media Queries
/////////////////////////////////////////////*/

/* BEGIN: Hovers
-----------------------------------*/
@media screen and (min-width: 992px) {

	.program-list li:hover {
		transform: translateY(-10px);
	}
}

/* BEGIN: Responsive
---------------------------------------------*/
@media screen and (min-width: 1441px) {

	.section-upcoming .section-wrapper {
		width: 2560px; 
    }

	.section-upcoming .col-left {
		position: absolute;
		top: 0;
		left: 0;
	}
	
	.section-upcoming .col-right {
		width: calc(1920px - 470px);
		padding-left: calc(470px + 5%);
		margin: 0 auto;
	}
}

/* BEGIN: Responsive
---------------------------------------------*/
@media screen and (min-width: 767px) and (max-width: 1440px) {

	.section-upcoming .col-right {
		padding: 5em 5vw 0;
	}
	
	.program-list li a {
		padding: 25px 20px;
	}

	.program-list li h3 {
		font-size: 24px;
	}
	
	.program-list__item-desc p {
		font-size: 18px;
	}
}

/* BEGIN: iPad / Mobile */
@media screen and (max-width: 991px) {
	
	/* BEGIN: Header + Navigation
	-----------------------------------*/
	.section-upcoming .program-description-text,
	.section-upcoming .button-container {
		width: 100%;
		max-width: 100%;
	}
}

/* BEGIN: Mobile
-----------------------------------*/
@media screen and (max-width: 767px) {

	.section-upcoming .col-right {
		padding: 2em 20px 0;
	}
	
	.calendar-list__item-date--day {
		font-size: 50px;
	}
}
/* FIN */