Changes

/new-site/events/calendar/

/new-site/events/calendar/

Calendar

Calendar

{"togglable_footerCTA":null,"togglable_memberCTA":"on","togglable_testCTA":null,"togglable_newslettercta":null}

{"togglable_footerCTA":null,"togglable_memberCTA":"on","togglable_testCTA":null,"togglable_newslettercta":null}

.fc {

	.fc-daygrid-day-top {

		z-index: 1;

	}



	.fc-scroller-harness {

		overflow: visible;

	}



	.fc-scrollgrid-section-sticky > *,

	.fc-daygrid-event {

		z-index: auto;

	}



	.fc-col-header-cell a,

	.fc-daygrid-day-number {

		color: #808080;

	}



	.fc-event {

		.fc-event-main {

			z-index: auto;

		}

	}



	.fc-daygrid-event {

		overflow: visible;

	}



	.fc-daygrid-event-harness {

		padding: 5px 10px;

		margin-left: -3px;

		position: relative;

		border-left: 5px solid #F39237;

		background: #fff4f6;

		margin-right: 5px;

		border-radius: 5px 0 0 5px;

		border-bottom: 10px solid #fff;



		&:last-child {

			margin-bottom: 0;

		}



		&:hover > .fc-daygrid-event .event-details {

			visibility: visible;

		}

	}



	.fc-daygrid-dot-event {

		&:hover,

		&.fc-event-mirror {

			background: none;

		}

	}



	/* Long Events */

	.fc-daygrid-event-harness-abs {

		.fc-h-event {

			background: transparent;

			border: 0 none;

		}



		.fc-event-time,

		.event-title {

			display: block;

			vertical-align: middle;

		}



		.fc-event-time {

			font-size: 12px;

			text-transform: uppercase;

			color: #333;

		}

	}



	/* Time Grid View */

	.fc-timegrid-body {

		.fc-timegrid-event {

			background: #fff4f6;

			border: 0 none;

			border-left: 3px solid #F39237;

			border-radius: 5px 0 0 5px;

			padding: 5px;



			.fc-event-time {

				display: none;

			}

		}

	}

}



.fc-event-time {

	font-weight: bold;

	font-size: 12px;

	text-transform: uppercase;

	color: #333;

}



.event-title {

	color: #828282;

	white-space: break-spaces;

}



.event-details {

	background: #f7f7f7;

	width: 300px;

	position: absolute;

	left: 30%;

	top: 0;

	white-space: normal;

	visibility: hidden;

	z-index: 999;

	transform: translate(2%, -50%);

	box-shadow: 2px 2px 20px rgba(0, 0, 0, 0.12);

	color: #000;

	border-radius: 10px;



	@media (max-width: 700px) {

		display: none;

	}



	.event-thumbnail img {

		width: 100%;

		border-radius: 10px 10px 0 0;

	}



	.event-timedate {

		padding: 20px 20px 10px;



		h4 {

			font-size: 20px;

			position: relative;

			margin-bottom: 20px;



			&:after {

				content: '';

				position: absolute;

				bottom: -10px;

				left: 0;

				width: 50px;

				height: 2px;

				background: #F39237;

			}

		}



		.s8-standard-icon {

			width: 16px;

			height: 16px;

			color: #F39237;

			margin-right: 5px;

		}



		> .date,

		> .time {

			margin-bottom: 5px;

			color: #999;

		}

	}



	.event-description {

		line-height: normal;

		padding: 10px 20px;

		color: #7a7a7a;

	}

}



.fc-day-fri .event-details,

.fc-day-sat .event-details {

	left: unset !important;

	right: 30% !important;

}

.fc {

	.fc-daygrid-day-top {

		z-index: 1;

	}



	.fc-scroller-harness {

		overflow: visible;

	}



	.fc-scrollgrid-section-sticky > *,

	.fc-daygrid-event {

		z-index: auto;

	}



	.fc-col-header-cell a,

	.fc-daygrid-day-number {

		color: #808080;

	}



	.fc-event {

		.fc-event-main {

			z-index: auto;

		}

	}



	.fc-daygrid-event {

		overflow: visible;

	}



	.fc-daygrid-event-harness {

		padding: 5px 10px;

		margin-left: -3px;

		position: relative;

		border-left: 5px solid #F39237;

		background: #fff4f6;

		margin-right: 5px;

		border-radius: 5px 0 0 5px;

		border-bottom: 10px solid #fff;



		&:last-child {

			margin-bottom: 0;

		}



		&:hover > .fc-daygrid-event .event-details {

			visibility: visible;

		}

	}



	.fc-daygrid-dot-event {

		&:hover,

		&.fc-event-mirror {

			background: none;

		}

	}



	/* Long Events */

	.fc-daygrid-event-harness-abs {

		.fc-h-event {

			background: transparent;

			border: 0 none;

		}



		.fc-event-time,

		.event-title {

			display: block;

			vertical-align: middle;

		}



		.fc-event-time {

			font-size: 12px;

			text-transform: uppercase;

			color: #333;

		}

	}



	/* Time Grid View */

	.fc-timegrid-body {

		.fc-timegrid-event {

			background: #fff4f6;

			border: 0 none;

			border-left: 3px solid #F39237;

			border-radius: 5px 0 0 5px;

			padding: 5px;



			.fc-event-time {

				display: none;

			}

		}

	}

}



.fc-event-time {

	font-weight: bold;

	font-size: 12px;

	text-transform: uppercase;

	color: #333;

}



.event-title {

	color: #828282;

	white-space: break-spaces;

}



.event-details {

	background: #f7f7f7;

	width: 300px;

	position: absolute;

	left: 30%;

	top: 0;

	white-space: normal;

	visibility: hidden;

	z-index: 999;

	transform: translate(2%, -50%);

	box-shadow: 2px 2px 20px rgba(0, 0, 0, 0.12);

	color: #000;

	border-radius: 10px;



	@media (max-width: 700px) {

		display: none;

	}



	.event-thumbnail img {

		width: 100%;

		border-radius: 10px 10px 0 0;

	}



	.event-timedate {

		padding: 20px 20px 10px;



		h4 {

			font-size: 20px;

			position: relative;

			margin-bottom: 20px;



			&:after {

				content: '';

				position: absolute;

				bottom: -10px;

				left: 0;

				width: 50px;

				height: 2px;

				background: #F39237;

			}

		}



		.s8-standard-icon {

			width: 16px;

			height: 16px;

			color: #F39237;

			margin-right: 5px;

		}



		> .date,

		> .time {

			margin-bottom: 5px;

			color: #999;

		}

	}



	.event-description {

		line-height: normal;

		padding: 10px 20px;

		color: #7a7a7a;

	}

}



.fc-day-fri .event-details,

.fc-day-sat .event-details {

	left: unset !important;

	right: 30% !important;

}

0

0

0

0

0

0

0.5

0.5

0

0

0

0

0

0

0

0

0

0

/new-site/events/

/new-site/events/

0

0

16

16

0

0