/* Default styles for our custom content */
.ContainerWrapper, .CMSComponentCustomPage, .cke_editable {
	a {
		text-decoration: underline;
	}
	h1 {
		font-size: 24px;
		color: #0649e2;
	}
	li, p, table {
		font-size: 18px;
	}
}

/* Embedded html */
.dolRun {
	display: none;
}

/* Custom slideshow */
div.dolFrame {
	aspect-ratio: 5;
	margin: 1em 0;
	position: relative;
	width: 100%;
	
	& > * {
		border-radius: 5px;
		position: absolute;
		height: 100%;
		width: 100%;
	}
	.dolBorder {
		border-radius: unset;
		background-color: transparent;
		box-shadow: 0px 0px 5px white inset, 5px 5px 10px white inset, -5px -5px 10px white inset;
	}
	.dolSlide {
		display: block;
		object-fit: contain;
		opacity: 0;
	}
	.dolSlide0 {
		animation: fadeIn 1s;
		opacity: 1;
	}
	.dolSlide1 {
		animation: fadeOut 1s;
	}
}
@keyframes fadeIn {
	0% { opacity: 0; }
	100% { opacity: 1; }
}
@keyframes fadeOut {
	0% { opacity: 1; }
	100% { opacity: 0; }
}

/* Page-level banners */
.dolBanner {
	background-color: #FFF0A0;
	border: 1px solid #CCC;
	border-radius: 3px;
	box-sizing: border-box;
	padding: 10px 10px 14px 10px;
    text-align: center;
	width: 100%;
	
	&:before {
		content: "\26A0\00a0";
		font-size: 24px;
	}
}

/* More compact header */
#headerPane #cms_Section_topBar {
	padding-bottom: 0;
}
.CMSSection {
	padding-top: 0;
}

/* Remove background image for mobile */
@media screen and (max-width: 991px) {
	body:not(.CMSAdmin) {
		background-image: unset;
	}
}

/* Remove blue top bar for desktop */
#globalTopBar {
	background-color: unset !important;
}

/* More compact footer */
#footerContent, #footerContent p {
	font-size: 10px;
}
#siteFooter {
	padding-top: 0;
}

/* Make home page margins closer to custom pages */
#cms_Section_welcome .CMSComponentMainText {
	padding: unset;
}

/* Tighten up Events page */
div.CalendarWrapper .calendar-notes,
.event-notes {
    display: none;
}

/* Tighten up Events sidebar */
div.CMSComponentUpcomingEvents .UpcomingEvents .AnonId_footerActions,
div.CMSComponentUpcomingEvents .UpcomingEvents > .AnonId_sidePane > .AnonId_selectorPanes {
    display: none;
}
div h2.ComponentHeader {
    margin-bottom: unset !important;
    padding: 6px 0 !important;
}
div.CMSComponentUpcomingEvents .UpcomingEvents .AnonId_eventList .Item {
    margin: 6px 0;
}

/* Format Event titles like links */
div.CMSComponentUpcomingEvents .UpcomingEvents .AnonId_eventList .Item > .ContentWrapper > .Content > .Title,
div.TeamEventWrapper .TeamEventLister .event-info .title {
    color: #043197;
    font-size: 18px;
    text-decoration: underline;
    &:hover {
        color: #3a75fa;
    }
}

/* Add "Calendar" to the General tab */
.CalendarWrapper .navbar-nav li:last-of-type .ng-binding {
	&::after {
		content: " Calendar";
	}
}