/**
 * Featured article grid specific styles
 * 
 */

/** General */

	.events .container {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}

	.upcoming-courses {
		flex: 0 49%;
	}
		.upcoming-courses h2 {
			font-size: 32px;
			color: #010101;
			font-weight: 700;
			margin: 0 0 1em;
			text-align: center;
		}
		.bg-black .upcoming-courses h2 {
			color: #fff;
		}
		.upcoming-courses .courses-grid {
			display: flex;
			justify-content: space-between;
			flex-wrap: wrap;
		}
			.upcoming-courses .courses-grid .no-events {
				width: 100%;
				text-align: center;
			}
			.bg-black .upcoming-courses .courses-grid .no-events h4 {
				color: #fff;
			}
			.upcoming-courses .courses-grid .courses-wrapper {
				flex: 0 48%;
				background-color: #fff;
			}
				.upcoming-courses .courses-grid .courses-wrapper .image-wrap-wrapper {
					width: 100%;
					overflow: hidden;
					position: relative;
					background: #fff;
					border-bottom: 1px solid rgba(0, 0, 0, 0.05);
				}
					.upcoming-courses .courses-grid .courses-wrapper .image-wrap {
						overflow: hidden;
						text-align: center;
						position: relative;
						background-size: contain;
						background-color: #fff;
						background-repeat: no-repeat;
						background-position: center;
						transition: transform .2s ease-in-out, opacity .3s ease;
					}
					.upcoming-courses .courses-grid .courses-wrapper .image-wrap::after {
						content: "";
						display: block;
						padding-bottom: 45%;
					}
						.upcoming-courses .courses-grid .courses-wrapper:hover .image-wrap {
							transform: scale(1.05);
						}
					.upcoming-courses .courses-grid .courses-wrapper .image-wrap-wrapper .event_type {
						position: absolute;
						top: 18px;
						right: 0;
						color: #ffffff;
						font-weight: 500;
						font-size: 15px;
						letter-spacing: 0.02em;
						text-transform: uppercase;
						background-color: #b43a8d;
						padding: 0.75em 1em;
					}
					.events.primary-d13036 .upcoming-courses .courses-grid .courses-wrapper .image-wrap-wrapper .event_type {
						background-color: #b43a8d;
					}
					.events.primary-b43a8d .upcoming-courses .courses-grid .courses-wrapper .image-wrap-wrapper .event_type {
						background-color: #b43a8d;
					}
					.events.primary-575756 .upcoming-courses .courses-grid .courses-wrapper .image-wrap-wrapper .event_type {
						background-color: #575756;
					}
					.events.primary-935f88 .upcoming-courses .courses-grid .courses-wrapper .image-wrap-wrapper .event_type {
						background-color: #935f88;
					}
					.events.primary-577491 .upcoming-courses .courses-grid .courses-wrapper .image-wrap-wrapper .event_type {
						background-color: #577491;
					}
					.events.primary-175e55 .upcoming-courses .courses-grid .courses-wrapper .image-wrap-wrapper .event_type {
						background-color: #175e55; 
					}
					.events.primary-d9a552 .upcoming-courses .courses-grid .courses-wrapper .image-wrap-wrapper .event_type {
						background-color: #d9a552;
					}
				.upcoming-courses .courses-grid .courses-wrapper .content-wrap {
					padding: 1em 1.5em;
					min-height: 200px;
				}
					.upcoming-courses .courses-grid .courses-wrapper .event-date {
						color: #151617;
						font-size: 13px;
						font-weight: 300;
					}
					.upcoming-courses .courses-grid .courses-wrapper h3 {
						font-size: 15px;
						font-weight: 700;
						line-height: 1.6;
						color: #151617;
						margin: 0 0 1em;
					}
					.upcoming-courses .courses-grid .courses-wrapper a {
						text-decoration: none;
					}
		.upcoming-courses .buttons {
			text-align: center;
		}

	.upcoming-events {
		flex: 0 49%;
	}
		.upcoming-events h2 {
			font-size: 32px;
			color: #010101;
			font-weight: 700;
			margin: 0 0 1em;
			text-align: center;
		}
			.bg-black .upcoming-events h2 {
				color: #fff;
			}
		.upcoming-events .events-grid {
			display: flex;
			justify-content: space-between;
			flex-wrap: wrap;
		}
			.upcoming-events .events-grid .no-events {
				width: 100%;
    			text-align: center;
			}
				.bg-black .upcoming-events .events-grid .no-events h4 {
					color: #fff;
				}
			.upcoming-events .events-grid .event-wrapper {
				flex: 0 48%;
				background-color: #fff;
			}
				.upcoming-events .events-grid .event-wrapper .image-wrap-wrapper {
					width: 100%;
					overflow: hidden;
					position: relative;
					background: #fff;
					border-bottom: 1px solid rgba(0, 0, 0, 0.05);
				}
					.upcoming-events .events-grid .event-wrapper .image-wrap {
						overflow: hidden;
						text-align: center;
						position: relative;
						background-size: contain;
						background-color: #fff;
						background-repeat: no-repeat;
						background-position: center;
						transition: transform .2s ease-in-out, opacity .3s ease;
					}
					.upcoming-events .events-grid .event-wrapper .image-wrap::after {
						content: "";
						display: block;
						padding-bottom: 45%;
					}
						.upcoming-events .events-grid .event-wrapper:hover .image-wrap {
							transform: scale(1.05);
						}
					.upcoming-events .events-grid .event-wrapper .image-wrap-wrapper .event_type {
						position: absolute;
						top: 18px;
						right: 0;
						color: #ffffff;
						font-weight: 500;
						font-size: 15px;
						letter-spacing: 0.02em;
						text-transform: uppercase;
						background-color: #b43a8d;
						padding: 0.75em 1em;
					}
					.events.primary-d13036 .upcoming-events .events-grid .event-wrapper .image-wrap-wrapper .event_type {
						background-color: #b43a8d;
					}
					.events.primary-b43a8d .upcoming-events .events-grid .event-wrapper .image-wrap-wrapper .event_type {
						background-color: #b43a8d;
					}
					.events.primary-575756 .upcoming-events .events-grid .event-wrapper .image-wrap-wrapper .event_type {
						background-color: #575756;
					}
					.events.primary-935f88 .upcoming-events .events-grid .event-wrapper .image-wrap-wrapper .event_type {
						background-color: #935f88;
					}
					.events.primary-577491 .upcoming-events .events-grid .event-wrapper .image-wrap-wrapper .event_type {
						background-color: #577491;
					}
					.events.primary-175e55 .upcoming-events .events-grid .event-wrapper .image-wrap-wrapper .event_type {
						background-color: #175e55; 
					}
					.events.primary-d9a552 .upcoming-events .events-grid .event-wrapper .image-wrap-wrapper .event_type {
						background-color: #d9a552;
					}

				.upcoming-events .events-grid .event-wrapper .content-wrap {
					padding: 1em 1.5em;
					min-height: 200px;
				}
					.upcoming-events .events-grid .event-wrapper .event-date {
						color: #151617;
						font-size: 13px;
						font-weight: 300;
					}
					.upcoming-events .events-grid .event-wrapper h3 {
						font-size: 15px;
						font-weight: 700;
						line-height: 1.6;
						color: #151617;
						margin: 0 0 1em;
					}
					.upcoming-events .events-grid .event-wrapper a {
						text-decoration: none;
					}
		.upcoming-events .buttons {
			text-align: center;
		}

		@media only screen and (max-width: 959px) { 

			.upcoming-courses {
				flex: 0 100%;
			}

			.upcoming-events {
				flex: 0 100%;
				margin-top: 4em;
			}

		}

		@media only screen and (max-width: 479px) { 

			.upcoming-events .events-grid .event-wrapper {
				flex: 0 100%;
				margin-bottom: 2em;
			}

			.upcoming-courses .courses-grid .courses-wrapper {
				flex: 0 100%;
				margin-bottom: 2em;
			}

			.upcoming-courses .buttons {
				margin-top: 0;
			}

		}