/*---[Layout] ------------------------------------------------------------------*/
.Viewport, .Header-Viewport {
	width: 100%;
	min-width: 768px;
	max-width: 1600px;
}
div > .Column {
	position: relative;
	min-width: 0;
	min-height: 0;
	margin-left: 2%;
}

.Column div > .Column {
	margin-bottom: 20px;
	margin-left: 4%;
}
.Body .Column {
	margin-bottom: 20px;
}

.TwoColumn > .Column {
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 49%;
		-ms-flex: 0 0 49%;
			flex: 0 0 49%;
}
.ThreeColumn > .Column {
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 32%;
		-ms-flex: 0 0 32%;
			flex: 0 0 32%;
}
.FourColumn > .Column {
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 23.5%;
		-ms-flex: 0 0 23.5%;
			flex: 0 0 23.5%;
}

.Column .TwoColumn > .Column {
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 48%;
		-ms-flex: 0 0 48%;
			flex: 0 0 48%;
}
.Column .ThreeColumn > .Column {
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 30.6666%;
		-ms-flex: 0 0 30.6666%;
			flex: 0 0 30.6666%;
}
.Column .FourColumn > .Column {
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 22%;
		-ms-flex: 0 0 22%;
			flex: 0 0 22%;
}

.Calendar-Page .backToCalendar.Button {
	display: none;
}

.Event.Detail .TwoColumn > .Column.One {
	-webkit-box-flex: 0;
	-webkit-flex: 1;
		-ms-flex: 1;
			flex: 1;
}
.Event.Detail .TwoColumn > .Column.Two {
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 287px;
		-ms-flex: 0 0 287px;
			flex: 0 0 287px;
}

.LearnLandingPage > .TwoColumn > .Column.One {
	-webkit-box-flex: 0;
	-webkit-flex: 1 1 55.7%;
		-ms-flex: 1 1 55.7%;
			flex: 1 1 55.7%;
}
.LearnLandingPage > .TwoColumn > .Column.Two {
	-webkit-box-flex: 0;
	-webkit-flex: 0 1 318px;
		-ms-flex: 0 1 318px;
			flex: 0 1 318px;
}

.Body-Related > .Column.One, .Form-Body > .Column.Two, .Form-Body-Related > .Column.Two, .Nav-Body > .Column.Two, .Nav-Body-Related > .Column.Two {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
		-ms-flex: 1;
			flex: 1;
}

.Nav-Body > .Column.One, .Nav-Body-Related > .Column.One, .Form-Body-Related > .Column.One, .Form-Body > .Column.One {
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 318px;
		-ms-flex: 0 0 318px;
			flex: 0 0 318px;
}
.Nav-Body-Related > .Column.Three, .Form-Body-Related > .Column.Three, .Body-Related > .Column.Two {
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 287px;
		-ms-flex: 0 0 287px;
			flex: 0 0 287px;
}

.Content > .Content-Banner {
	margin-top: -45px;
	margin-bottom: 45px;
}

div > .Column:first-child {
	margin-left: 0;
}

/*---[Navigation] ------------------------------------------------------------------*/
.Nav-Item {
	display: inline-block;
}

/* Content Header Nav */
.Content-Header .Nav {
	margin-top: 15px;
}
.Content-Header .Nav-Item {
	display: block;
	float: left;
	padding: 20px 10px;
	border: 1px solid #dadada;
	border-left-width: 0;
	background: #f0f0f0;
}
.Content-Header .Nav-Item:first-child {
	border-left-width: 1px;
}
.Content-Header .Nav-Item.Active {
	font-weight: bold;
	background-color: #ccc;
}

/* Main Navigation */
.Navigation {
	margin-top: 22px;
	background: #fff;
	box-shadow: 0 1px 1px 0 rgba(13, 38, 51, .3);
}
.Main-Nav {
	font-size: 1.143em;
	position: relative;
	display: table;
	width: 100%;
	border-width: 0 0 3px 0;
}
.Main-Nav .Nav-Item {
	display: table-cell;
	vertical-align: middle;
	background: #fff;
}
.Main-Nav .Active {
	background-color: transparent;
}
.Main-Nav .Active .Nav-Link {
	color: #fff;
}
.Main-Nav .Nav-Link {
	display: block;
	padding: 24px 1em 22px;
	text-align: center;
}
.Main-Nav:after {
	position: absolute;
	z-index: 5;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 3px;
	content: '';
}
.Main-Nav, .Main-Nav:after {
	background: #1589d4;
	background: -webkit-linear-gradient(right, rgb(29, 175, 236) 0%, rgb(0, 84, 166) 100%);
	background:		 linear-gradient(to left, rgb(29, 175, 236) 0%, rgb(0, 84, 166) 100%);
}

/* Utility Navigation */
.Utility {
	position: absolute;
	top: -63px;
	right: 22px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display:		 flex;
	width: 100%;
	max-width: 1100px;
	padding-left: 284px;

	-ms-flex-pack: end;
	-webkit-box-pack: end;
	-webkit-justify-content: flex-end;
			justify-content: flex-end;
}
.Utility .Nav, .Utility-Nav .Nav-Item {
	margin-left: .47em;
}
.Utility .Nav:first-child, .Utility-Nav > .Nav-Item:first-child {
	margin-left: 4px;
}
.Utility-Nav .Nav-Link {
	display: inline-block;
}

/* Social Navigation */
.Header .Social-Nav {
	display: table;
	margin-left: 12px;
}
.Header .Social-Nav .Nav-Item {
	display: table-cell;
	width: 33px;
	height: 38px;
	vertical-align: middle;
}
.Header .Social-Nav .Nav-Item.Facbook {
	display: none;
}
.Header .Social-Nav .Nav-Item.YouTube {
	display: none;
}
.Header .Social-Nav .Nav-Item:last-child {
	width: auto;
	padding-left: 11px;
}
.Footer .Social-Nav {
	position: relative;
	margin-left: 23px;
}
.Footer .Social-Nav:before {
	position: absolute;
	top: 3px;
	left: -15px;
	display: block;
	width: 1px;
	height: 16px;
	content: '';
	background: #3a4954;
}
.Footer .Social-Nav .Nav-Link:before {
	top: 4px;
}

/* Footer Navigation */
.Footer-Nav {
	display: inline-block;
	vertical-align: top;
}
.Footer-Nav .NewsletterLink {
	display: none;
}

/* Left Navigation */
.Left-Nav {
	margin: 0 17px;
}

/* Admin Navigation */
.Admin-Nav {
	position: absolute;
	top: 9px;
	right: 3px;
}
.Admin-Nav .Nav-Item:before {
	display: inline-block;
	padding: 0 10px;
	content: '|';
}
.Admin-Nav .Nav-Item:first-child:before {
	padding: 0;
	content: '';
}
.Admin-Nav .Nav-Link {
	display: inline-block;
}

/*---[Header-Footer] ------------------------------------------------------------------*/
.Header {
	height: auto;
	padding-bottom: 0;
	background: url('/assets/images/header.jpg') no-repeat top center;
}
/*
	When browser is larger than 1600px, header background should render at full width. The min-width
	of the media query should be Viewport width + 1. http://tasks.getfused.com/browse/MASSMOB-868
*/
@media (min-width: 1601px) {
	.Header {
		background-size: 100% auto;
	}
}
.Header .Header-Button {
	display: none;
}
.Logo {
	width: 151px;
	height: 51px;
}

.Header .Search-Form {
	min-width: 150px;
	max-width: 400px;
	margin-left: 15px;

	-webkit-box-flex: 2;
	-webkit-flex: 2;
		-ms-flex: 2;
			flex: 2;
}
.Header .Inline-Form .Input {
	color: #333;
	border-color: #fff;
	background: #fff;
}

.Footer .Input {
	width: 100%;
	color: #fff;
	border-color: rgba(255,255,255, .2);
	background: rgba(255,255,255,.03);
}
.Footer a.Button {
	width: 100%;
	color: #fff;
	border-color: rgba(255,255,255, .2);
	background: rgba(255,255,255,.03);
}
.Footer a.Button:hover {
	background: rgba(255,255,255,.15);
}
.Footer .Input:focus {
	color: #333;
	border-color: #fff;
	background: #fff;
}
.Footer .Address {
	text-align: right;
}
.Footer .Copyright {
	margin: 0;
}
.Getfused {
	display: inline-block;
	margin-left: 15px;
}

.Footer-Content {
	position: absolute;
	top: 0;
	right: 22px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display:		 flex;
}
.Footer-Content .Newsletter-Form {
	margin-left: 31px;
}

/*---[Listings] ------------------------------------------------------------------*/
.Listing-Thumbnail {
	float: left;
}
/*
	Make Listing-Info flex on the following pages:
		Knowledge Base listing
		My Company > Knowledge Posted listing
*/
.KnowledgeBase .Listing-Info, .KnowledgePosted .Listing-Info {
	display: -webkit-flex;
	display: -ms-flexbox;
	display:		 flex;
}

.Listing-Info.Has-Thumbnail {
	margin-left: 175px;
}
.Listing-Image {
	max-width: 160px;
}
.HasDownload .Listing-Image {
	margin-bottom: 20px;
}

.Listing-MemberInfo .Button {
	position: absolute;
	top: 0;
	right: 0;
}
.Listing-MemberInfo .Property {
	margin-right: 50px;
}

.Listing-Filter form {
	max-width: 400px;
}
.Listing-Filter select {
	max-width: 250px;
}
.Listing-Filter .Button {
	float: right;
	margin-top: 23px;
}
.Listing-Filter .Button.postContent {
	margin-top: 0;
}

/* Grid Listing */
.Grid .Listing-Row {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display:		 flex;
}
.Grid .Listing-Item {
	min-width: 0;
	min-height: 0;
	margin-left: 2.5%;

	-webkit-box-flex: 1;
	-webkit-flex: 1;
		-ms-flex: 1;
			flex: 1;
}
.Grid .Listing-Item:first-child {
	margin-left: 0;
}

.Grid-2 .Listing-Item {
	max-width: 48.75%;

	-webkit-box-flex: 0 0 48.75%;
	-webkit-flex: 0 0 48.75%;
		-ms-flex: 0 0 48.75%;
			flex: 0 0 48.75%;
}
.Grid-3 .Listing-Item {
	max-width: 31.666666666%;

	-webkit-box-flex: 0 0 31.666666666%;
	-webkit-flex: 0 0 31.666666666%;
		-ms-flex: 0 0 31.666666666%;
			flex: 0 0 31.666666666%;
}
.Grid-4 .Listing-Item {
	max-width: 23.125%;

	-webkit-box-flex: 0 0 23.125%;
	-webkit-flex: 0 0 23.125%;
		-ms-flex: 0 0 23.125%;
			flex: 0 0 23.125%;
}


/* Related Listing */
.Content-Form .Article, .Content-Form .Blogs, .Content-Form .Event {
	margin: 25px 17px 0;
}
.Content-Related .Listing.Related-Author .Listing-Image {
	max-width: 100px;
}
.Listing.Related-Author .Listing-Image {
	float: left;
}
.Content-Related .Listing.Related-Author .Listing-Info.Has-Thumbnail {
	margin-left: 110px;
}

/* Promotion Listing */
.Content-Form .Listing.Promotion {
	margin-top: 3%;
}

/* Member Company Listing */
.MemberCompany .Card .Listing-Info {
	padding-bottom: 60px;
}
.MemberCompany .Card .Links {
	position: absolute;
	right: 20px;
	bottom: 15px;
	left: 20px;
}

/* Email Listing */
.Email.Listing .Listing-Item {
	display: -webkit-flex;
	display: -ms-flexbox;
	display:		 flex;

	-ms-flex-pack: justify;
	-ms-flex-align: center;
	-webkit-align-items: center;
			align-items: center;
	-webkit-justify-content: space-between;
			justify-content: space-between;
}
.Email.Listing .Listing-Info {
	width: 90%;
	padding-right: 21px;
}

/* Event Listing */
.Event.Listing .Listing-Item.Special .Listing-Title {
	margin-right: 20px;
}

/*---[Form] ------------------------------------------------------------------*/
.Form {
	max-width: 600px;
}

/*---[Overlay] ------------------------------------------------------------------*/
.Overlay {
	position: fixed;
	z-index: 10001;
	top: 8%;
	left: 15%;
	display: none;
	overflow-y: scroll;
	width: 70%;
	min-height: 25%;
	max-height: 86%;
	background: #fff;
}
.Overlay.Loading {
	background: #fff url('/assets/images/loading.gif') no-repeat center 25%;
}
.Overlay-Close {
	position: absolute;
	z-index: 10;
	top: 10px;
	right: 10px;
	width: 40px;
	height: 32px;
	cursor: pointer;
	border: 0;
	outline: none;
	background: 0;
}
.Overlay-Close:before {
	font-size: 16px;
	content: '\ea0f';
	color: #000;
}
.Overlay-Close .Button-Text {
	font: 0/0 a;
}
.Overlay-Content {
	display: none;
	min-width: 300px;
	min-height: 300px;
	padding: 20px;
	background: #fff;
}
.Overlay-Content .Viewport {
	min-width: auto;
	padding: 0;
}
.Overlay-Content .Form {
	max-width: 100%;
}
.Overlay-Content .Form .Field:last-child {
	margin: 0;
}
.Overlay-Content .cbox_messagebox_error {
	margin: 0 0 20px;
}

.Expose:after {
	position: fixed;
	z-index: 10000;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	content: '';
	background: rgba(0,0,0,.5);
}

/*---[Paging] ------------------------------------------------------------------*/
.Pagination .Paging, .Pagination .Next, .Paging .Back + .PageNumber {
	position: relative;
	display: inline-block;
	margin-left: 13px;
}
.Pagination .Paging:first-child {
	margin-left: 0;
}
.Pagination .Paging:after, .Pagination .Next:after, .Paging .Back + .PageNumber:after {
	position: absolute;
	top: 3px;
	left: -9px;
	display: block;
	width: 1px;
	height: 15px;
	content: '';
	opacity: 1;
	background: #dadada;
}
.Pagination .Paging:first-child:after {
	display: none;
}
.Pagination .Disabled, .Pagination .Back.Disabled + .PageNumber:after {
	display: none;
}
.Pagination .Back.Disabled + .PageNumber {
	margin-left: 0;
}

/*---[Content] ------------------------------------------------------------------*/
.Content {
	padding: 45px 0;
}
.Expandable {
	cursor: pointer;
}

/* Tabbed Content Element */
.Tab-Sections {
	position: relative;
	top: 1px;
	margin-bottom: 0;
	padding-bottom: 0;
	padding-left: 15px;
}
.Tab .Section-Header {
	display: inline-block;
	padding: 0;
	border: 1px solid #dadada;
	border-bottom: 0;
	border-radius: 15px;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
	background: #dadada;
}
.Tab .Section-Header.Selected {
	background: #fff;
}
.Tab .Section-Header:first-child {
	border-left-width: 1px;
}
.Tab .Section-Header a {
	font: bold 14px/1.714em 'Myriad', sans-serif;
	display: inline-block;
	padding: 10px 25px 3px;
	text-decoration: none;
	color: #666;
	border-bottom: 0;
	background: transparent;
}
.Tab-Display {
	display: block;
	padding: 1em;
	border: 1px solid #dadada;
	border-radius: .5em;
	background: #fff;
}
.Tab-Display .Pagination {
	display: block;
	width: 100%;
	margin-bottom: 0;
	border-bottom: 0;
}
/* Right align pagination if it comes after a content filter. Example is My Company > Staff page. */
.Tab-Display .Content-Filter + .Pagination {
	text-align: right;
}

.Accordion-Display, .Selected .Accordion-Display {
	display: none;
}

/* Accordion Content Element */
.Accordion-Header {
	display: block;
	width: 100%;
	padding: 1em 2em;
	text-decoration: none;
	border-bottom: 1px solid #ccc;
	background: #fff;
}
a.Accordion-Header:hover {
	color: #fff;
	background: #31a2eb;
}
.Accordion-Display {
	display: none;
	padding: 1em 2em;
	border-bottom: 1px solid #ccc;
	background: #fff;
}
.Open .Accordion-Header {
	color: #fff;
	border-color: #333;
	background: #1589d4;
}
.Open .Accordion-Display {
	display: block;
}

/*---[Detail] ------------------------------------------------------------------*/
.Detail-Header .Page-Title, .Detail-Header .Page-Subtitle {
	display: inline-block;
	margin-right: 10px;
	padding: 0;
}

.Content-Related .Download-Box {
	margin: 0 0 20px;
}

/* Staff Detail */
.Staff.Detail .Contact .Property-Phone, .Contact-Info a[href].Property-Phone {
	color: #787878;
}
.Staff.Detail .Contact .Property-Phone:hover, .Contact-Info a[href].Property-Phone:hover {
	cursor: default;
}
.Staff .Detail-Info.TwoColumn .Column {
	max-width: 300px;
}

/* My Company > Staff */
.Content-Filter {
	float: left;
}

/* Contact Page */
.ContactPage .ThreeColumn > .One {
	min-width: 220px;
	max-width: 320px;

	-webkit-flex: 1 1 30.6666%;
		-ms-flex: 1 1 30.6666%;
			flex: 1 1 30.6666%;
}
.ContactPage .ThreeColumn > .Two {
	-webkit-box-flex: 0;
	-webkit-flex: 1 1 30.6666%;
		-ms-flex: 1 1 30.6666%;
			flex: 1 1 30.6666%;
}
.ContactPage .ThreeColumn > .Three {
	max-width: 262px;

	-webkit-box-flex: 0;
	-webkit-flex: 1 0 183px;
		-ms-flex: 1 0 183px;
			flex: 1 0 183px;
}

.ContactPage .Contact .Phone {
	line-height: normal;
	padding-bottom: 15px;
}
.ContactPage .Contact .Phone:before {
	font-size: 18px;
}
.ContactPage .Contact a[href].Phone:hover:before, .ContactPage .Contact a[href].Phone:hover {
	cursor: default;
	color: #000;
}
.ContactPage .Content .Phone {
	line-height: 18px;
	display: block;
	width: 100%;
	padding-left: 25px;
	color: #000;
}

.ContactPage .SocialAndStaff .Column {
	background: #fff;
}

/*---[Gallery] ------------------------------------------------------------------*/
.PageHeader {
	min-height: 391px;
	background-repeat: no-repeat;
	background-position: top center;
	background-size: cover;
}
.PageHeader.HeroImage {
	min-height: 0;
	text-align: center;
}
.PageHeader-Image {
	width: 100%;
	max-width: 1556px;
	max-height: none;
}

.ScrollGallery, .ScrollGallery-Viewport, .ScrollGallery-Item {
	height: 391px;
}
.ScrollGallery-Viewport {
	width: 100%;
	min-width: 768px;
	max-width: 1600px;
	margin: 0 auto;
}
.ScrollGallery-Content {
	position: absolute;
	z-index: 51;
	bottom: 20px;
	left: 55px;
	display: block;
	min-width: 390px;
	max-width: 45%;
	text-align: left;
	color: #fff;
}
.ScrollGallery-Title {
	font-size: 2.571em;
	font-weight: bold;
	line-height: 1.2em;
	display: block;
	margin: 0 0 12px;
}
.ScrollGallery-Caption {
	font-size: 1.714em;
	font-weight: 100;
	line-height: 1.2em;
	margin: 0 0 22px;
}
.ScrollGallery-Link {
	line-height: 1;
	display: inline-block;
	padding: 11px 40px 11px 19px;
	text-decoration: none;
	color: #fff;
	border: 1px solid #1589d4;
	border-radius: 2px;
	background: url('/assets/images/icons/arrow-right.svg') no-repeat right 16px center;
}
.ScrollGallery .ScrollGallery-Link:hover {
	color: #fff;
	background-color: #1589d4;
}
.ScrollGallery .ScrollGallery-Link:active {
	border-color: #106ba6;
	background-color: #106ba6;
}

.Homepage .ScrollGallery, .Homepage .ScrollGallery-Viewport, .Homepage .ScrollGallery-Item {
	height: 546px;
}
.Homepage .ScrollGallery-Content {
	top: 266px;
	bottom: auto;
}

/*---[Homepage] ------------------------------------------------------------------*/

/* Header/Footer */
.Homepage .Header {
	padding-top: 31px;
}
.Homepage .Logo {
	width: 216px;
	height: 73px;
}

/* Navigation */
.Homepage .Utility, .Homepage .Header .Social-Nav {
	top: -90px;
}
.Homepage .Navigation {
	margin: 43px 0 0;
	background: 0;
	box-shadow: 0;
}
.Homepage .Main-Nav {
	background: rgba(4, 95,175,.2);
}
.Homepage .Main-Nav:after {
	right: 22px;
	bottom: -3px;
	left: 0;
	height: 1px;
	background: #0663b3;
}
.Homepage .Main-Nav .Nav-Item {
	background: transparent;
}
.Homepage .Main-Nav .Nav-Item:hover {
	background: rgba(4, 95,175,.3);
}
.Homepage .Main-Nav .Nav-Link {
	padding: 25px 1em 21px;
	color: #fff;
}

.Homepage .Section.UpcomingEvents h2, .Homepage .Section.Recent-News h2, .Homepage .Section.Related-Section h2 {
	display: inline-block;
	margin: 0;
	padding: 0 .5em 0 0;
	border-bottom: 0;
}
.Homepage .Section.UpcomingEvents > .Listing, .Homepage .Section.Recent-News > .Listing, .Homepage .Section.Related-Section > .Listing {
	padding-top: 23px;
}

.Content-Nav .HelperNavigation {
	padding: 1.5em 17px;
}

.Homepage .Recent-News .Listing-Image {
	max-width: 160px;
	max-height: 160px;
}

/*---[Media Queries] ------------------------------------------------------------------*/
/*--- Small Desktop ------*/
@media only screen and (max-width : 1065px) {
	/* Layout */
	.Nav-Body > .Column.One, .Nav-Body-Related > .Column.One, .Form-Body > .Column.One {
		max-width: 275px;
	}
	.Nav-Body-Related > .Column.Three, .Body-Related > .Column.Two {
		max-width: 200px;
	}
	.Contact .Content-Body > .ThreeColumn {
				flex-direction: column;

		-webkit-flex-direction: column;
		   -moz-flex-direction: column;
			-ms-flex-direction: column;
			 -o-flex-direction: column;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
	}
	.Contact .Content-Body > .ThreeColumn > .Column {
		margin-bottom: 20px;

		-webkit-box-flex: 0 0 auto;
		-webkit-flex: 0 0 auto;
			-ms-flex: 0 0 auto;
				flex: 0 0 auto;
	}
	.Contact .Content-Body > .ThreeColumn > .One {
		-ms-flex-order: 2;
		-webkit-order: 2;
		   -moz-order: 2;
			-ms-order: 2;
		-webkit-box-ordinal-group: 3;
				order: 2;
	}
	.Event.Detail .TwoColumn > .Column.One {
		min-width: 325px;

		-webkit-box-flex: 0;
		-webkit-flex: 1 0 325px;
			-ms-flex: 1 0 325px;
				flex: 1 0 325px;
	}
	.Event.Detail .TwoColumn > .Column.Two {
		max-width: 275px;

		-webkit-box-flex: 0;
		-webkit-flex: 0 1 275px;
			-ms-flex: 0 1 275px;
				flex: 0 1 275px;
	}
	.Homepage .Content-Body > .Viewport {
		padding: 0 22px;
	}
	/* Main Navigation */
	.Main-Nav {
		font-size: 1em;
	}
	/* Utility Navigation */
	.Utility-Nav > .Nav-Item > .Nav-Link {
		padding: 0;
		vertical-align: top;
		border: 0;
		border-radius: 0;
		background: 0;
	}
	.Utility-Nav > .Nav-Item > .Nav-Link:hover, .Utility-Nav > .Nav-Item > .Nav-Link:active, .Utility-Nav .Alt .Nav-Link:hover {
		color: #fff;
		background: 0;
	}
	.Utility-Nav > .Nav-Item > .Nav-Link .Nav-Title {
		font: 0/0 a;
		display: block;
		width: 38px;
		height: 38px;
	}
	.Utility-Nav > .Nav-Item > .Nav-Link .Nav-Title:before {
		font-size: 18px;
		top: 10px;
		left: 0;
	}
	.Utility-Nav .Icon-Member .Nav-Title {
		width: 42px;
	}
	.Utility-Nav .Icon-Member .Nav-Title:before {
		left: 3px;
	}
	.Utility-Nav > .Nav-Item.GetInvolved > .Nav-Link:hover {
		background: #31a2eb;
	}
	/* Admin Navigation */
	.Admin-Nav {
		position: relative;
		top: auto;
		right: auto;
		left: auto;
		margin-top: -10px;
	}
	.Admin-Nav .Nav-Item:before {
		padding-right: 3px;
		padding-left: 3px;
	}
	/* Listings */
	.Listing-Thumbnail {
		float: none;
		margin: 0 0 12px;
	}
	.Listing-Info.Has-Thumbnail {
		margin-left: 0;
	}
	.Listing-Image {
		max-width: 100%;
	}
	.Listing-MemberInfo .Button {
		position: static;
	}
	.Listing-MemberInfo .Property {
		margin-right: 0;
	}
	.Listing-Filter select {
		max-width: 100%;
	}
	.Listing-Filter .Button {
		float: none;
		margin-top: 0;
	}
	.Event.Listing .Listing-Item.Special .Listing-Title {
		margin-right: 0;
	}
	.Event.Listing:not(.Grid) .Listing-Item.Special:after {
		background-position: top 10px right 10px;
	}
	.Grid .Listing-Row {
		display: block;
	}
	.Grid .Listing-Item {
		max-width: 100%;
		margin-left: 0;
	}
	/* Tabed section */
	.Tab-Display {
		border-radius: .4em;
	}
	.Tab-Sections {
		padding-left: .5em;
	}
	.Tab .Section-Header a {
		padding-right: 20px;
		padding-left: 20px;
	}
	/*Event Calendar*/
	#keywordFilterForm {
		max-width: 197px;
	}
	/* Gallery */
	.ScrollGallery-Title {
		font-size: 2.1em;
	}
	.ScrollGallery-Caption {
		font-size: 1.414em;
	}
}
/*--- Tablet Portrait ------*/
@media only screen and (max-width : 769px) {
	/*Layout*/
	.Nav-Body > .Column.One, .Nav-Body-Related > .Column.One, .Form-Body > .Column.One {
		max-width: 220px;
	}
	.Left-Nav {
		margin: 0 1rem 0 0;
	}
	/*Header-Footer*/
	.Footer-Content {
			flex-direction: column-reverse;

		-ms-flex-direction: column-reverse;
	}
	/*Event Calendar*/
	.Calendar-Page .MonthNavigation .Title {
		padding-bottom: 1rem;
	}
	.Calendar-Page .MonthNavigation a {
		bottom: 0;
	}
	.Calendar .Day {
		overflow: hidden;
	}
	.Calendar :not(.Calendar-Header) .Day {
		min-height: 110px;
	}
	.Calendar .Day.hasEvent:after {
		display: block;
		width: 15px;
		height: 15px;
		margin: 1rem auto;
		content: '';
		border: 2px solid #fff;
		border-radius: 50%;
		background: #1589d4;
		box-shadow: 0 0 0 1px #1589d4;
	}
	.Calendar .Day-Content {
		display: none;
	}
}