* {
	color: $light-grey;
	font-family: $primary-font;
	font-weight: lighter;
}

body {
	background-color: $white;
}
.separator-line {
	background-image: url('');
	background-position: center;
	background-size: contain;
	padding: 1.5rem 0;
}

.grey-50-bg {
	background-color: rgba($grey, 0.5);
}

.round-image {
	border-radius: 50%;
	overflow: hidden;
}

#admin-bar-front {
	display: none;
}

.page-description {
	p, h1 {
		color: $white;
		font-size: 1.75rem;
		margin-bottom: 0;
		font-weight: lighter;
	}
	h1 {
		text-transform: none !important;
	}
}

.top-links {
	text-align: center;
	list-style: none;
	margin-bottom: 0;
	li {
		display: inline-block;
		padding: 0 1rem;
		font-size: 1.25rem;
		color: $light-grey;
		a {
			color: $light-grey;
			letter-spacing: 1px;
			&:hover {
				color: $primary;
				text-decoration: none;
			}
		}
	}
	li:not(:first-of-type) {
		&:before {
			@include media-breakpoint-up(md) {
				content: "\25A0";
				color: $blue;
				font-weight: bold;
				display: inline-block;
				width: 1em;
				margin-left: -1em;
				padding-right: 2rem;
			}
		}
	}
}

.divider {
	&:after {
		content: "";
		display: block;
		margin: 0 auto;
		border-bottom: 1px solid $primary;
		padding-top: 1.5rem;
		width: 14rem;
	}
}

.divider.no-padding {
	&:after {
		padding-top: 0;
	}
}

.container-fluid, .container-lg, .container-md, .container-sm, .container-xl {
    padding-left: 0!important;
    padding-right: 0!important;
}

.border-top {
	border-top: 1px solid $primary !important;
}

.border-bottom {
	border-bottom: 1px solid $primary !important;
}

@media only screen and (max-width: 1400px) {
	.container-wide {
		margin-right: 0 !important;
    	margin-left: 0 !important;
		padding-left: 0 !important;
		padding-right: 0 !important;
		max-width: 100%;
		width: 100%;
	}
}

@media only screen and (min-width: 1400px) {
	.container-wide {
		max-width: 1400px;
	}
}