/* Hide Dept Header Home Page */
	#udHeader-unitName { display: none; }

/* Edit Stuff on this Page Menu	*/
	#hpListEditMenuBody { display: none; }
	#hpListEditMenu:hover #hpListEditMenuBody { display: inline-block; }
	#hpListEditMenuHeader .fa { font-size: 16px; position: relative; top: 2px; }
	#hpListEditMenuHeader span { text-transform: uppercase; }
	#hpListEditMenuBody { position: absolute; }
	#hpListEditMenuBody ul { margin: 0; padding: 0; }
	#hpListEditMenuBody ul li { list-style: none; }
	body:not(.editMode) #showWebPartButton { display: none; }

/* Group Restricted Ribbon Buttons */
	/* HomePageEditors */
	body:not(.HomePageEditors) #Ribbon\.WikiPageTab\.EditAndCheckout,
	body:not(.HomePageEditors) li#Ribbon\.WikiPageTab\.Manage,
	body:not(.HomePageEditors) a#mp1_0_3_Anchor,
	body:not(.HomePageEditors) a#mp1_0_4_Anchor,
	body:not(.HomePageEditors) a#mp1_0_5_Anchor,
	body:not(.HomePageEditors) a[id*="PageStateActionButton"]
		{display:none;}

/* Advert */
	.advert_Wrapper { background-color: var(--udgold); text-align: center; font-size: 16px; font-family: greycliff; padding: 12px; }
	.advert_Wrapper .advert_Title { font-family: greycliff-bold; }
	.advert_Wrapper a { color: var(--udbluedark); }

/* Home Page Rows */
	.HPRowInnerWrapper { width: var(--pageWidth); padding: 0 var(--gutterWidth); margin: 0 auto; }
	.HPRow25 { display: inline-block; width: 25%; }
	.HPRow33 { display: inline-block; width: 33%; }
	.HPRow34 { display: inline-block; width: 33%; margin-left: 0.5%; margin-right: 0.5%; }
	.HPRow50 { display: inline-block; width: 50%; }
	.HPRow67 { display: inline-block; width: 67%; }
	.HPRow25LL,
	.HPRow25LM,
	.HPRow33L,
	.HPRow34,
	.HPRow50L,
	.HPRow67L
		{ float: left; }
	.HPRow25RM,
	.HPRow25RR,
	.HPRow33R,
	.HPRow50R,
	.HPRow67R
		{ float: right; }
	.HPRowClear { clear: both; height: 0; overflow: hidden; }
	.HPRowOuterWrapper { background-size: cover; background-position: bottom; } /* background-size: 100% auto; */

/* Home Page Row Classes */
	/* 16:9 Video */
		/* Normal Width */
		.HPR16x9iframe .HPRow25 iframe { height: calc(((.25*var(--pageWidth)) - 100px) * 0.5625); }
		.HPR16x9iframe .HPRow33 iframe { height: calc(((.33*var(--pageWidth)) - 100px) * 0.5625); }
		.HPR16x9iframe .HPRow34 iframe { height: calc(((.33*var(--pageWidth)) - 100px) * 0.5625); }
		.HPR16x9iframe .HPRow50 iframe { height: calc(((.50*var(--pageWidth)) - 100px) * 0.5625); }
		.HPR16x9iframe .HPRow67 iframe { height: calc(((.67*var(--pageWidth)) - 100px) * 0.5625); }
		.HPR16x9iframe .HPRow100 iframe { height: calc((var(--pageWidth) - 100px) * 0.5625); }
		@media only screen and (max-width: 1280px) {
			.HPR16x9iframe .HPRow25 iframe { height: calc((25vw - 100px) * 0.5625); }
			.HPR16x9iframe .HPRow33 iframe { height: calc((33vw - 100px) * 0.5625); }
			.HPR16x9iframe .HPRow34 iframe { height: calc((33vw - 100px) * 0.5625); }
			.HPR16x9iframe .HPRow50 iframe { height: calc((50vw - 100px) * 0.5625); }
			.HPR16x9iframe .HPRow67 iframe { height: calc((67vw - 100px) * 0.5625); }
			.HPR16x9iframe .HPRow100 iframe { height: calc(100vw - 100px) * 0.5625); }
		}
		/* Full Width */
		.HPR16x9iframe.HPRFullWidth .HPRow25 iframe { height: calc((25vw - 100px) * 0.5625); }
		.HPR16x9iframe.HPRFullWidth .HPRow33 iframe { height: calc((33vw - 100px) * 0.5625); }
		.HPR16x9iframe.HPRFullWidth .HPRow34 iframe { height: calc((33vw - 100px) * 0.5625); }
		.HPR16x9iframe.HPRFullWidth .HPRow50 iframe { height: calc((50vw - 100px) * 0.5625); }
		.HPR16x9iframe.HPRFullWidth .HPRow67 iframe { height: calc((67vw - 100px) * 0.5625); }
		.HPR16x9iframe.HPRFullWidth .HPRow100 iframe { height: calc((100vw - 100px) * 0.5625); }
		/* Mobile */
		@media only screen and (max-width: 900px) {
			#custom #o1 #o2 .HPR16x9iframe iframe { height: calc((100vw - 50px) * 0.5625); }
		}
	/* Larger Gradient */
		.HPRHero.HPRHeroLargeGradeint .HPRow { background: linear-gradient(0deg, rgba(0,0,0,1) 0%, transparent 75%, transparent); }
	/* Full Width */
		.HPRFullWidth .HPRowInnerWrapper { width: auto; }
		@media only screen and (max-width: 900px) {
			.HPRFullWidth #custom .HPRow100 .HPWebPartCell .ms-webpart-zone { padding: 50px var(--phoneGutter) 0 var(--phoneGutter); }
			.HPRFullWidth #custom .HPRow50L .HPWebPartCell .ms-webpart-zone { padding: 0 0 var(--phoneGutter) 0; }
			.HPRFullWidth #custom .HPRow50R .HPWebPartCell .ms-webpart-zone { padding: 0 var(--phoneGutter) 50px var(--phoneGutter); }
		}
	/* Remove Web Part Zone Padding */
		#custom #o1 .HPRRemoveWebPartZoneMargins { padding-top: 50px; padding-bottom: 50px; }
		@media only screen and (max-width: 500px) {
			#custom #o1 #o2 .HPRRemoveWebPartZoneMargins .HPWebPartCell .ms-webpart-zone { padding: 0 var(--phoneGutter) 0 var(--phoneGutter); }
		}
		#custom #o1 .HPRRemoveWebPartZoneMargins .ms-webpart-zone .ms-webpartzone-cell .dfwp-column,
		#custom #o1 .HPRRemoveWebPartZoneMargins .ms-webpart-zone .ms-webpartzone-cell .ms-rtestate-field,
		#custom #o1 .HPRRemoveWebPartZoneMargins .ms-webpart-zone .ms-webpartzone-cell table img
			{ margin-top: 0; margin-bottom: 0; }
	/* Remove All Padding */
		.HPRRemoveAllMargins .HPRowInnerWrapper { padding: 0; }
		.HPRRemoveAllMargins .HPRowInnerWrapper img { display: block; }
		@media only screen and (max-width: 500px) {
			#custom #o1 #o2 .HPRRemoveAllMargins .HPWebPartCell .ms-webpart-zone { padding: 0 var(--phoneGutter) 0 var(--phoneGutter); }
		}
		#custom #o1 .HPRRemoveAllMargins .ms-webpart-zone .ms-webpartzone-cell .dfwp-column,
		#custom #o1 .HPRRemoveAllMargins .ms-webpart-zone .ms-webpartzone-cell .ms-rtestate-field,
		#custom #o1 .HPRRemoveAllMargins .ms-webpart-zone .ms-webpartzone-cell table img
			{ margin-top: 0; margin-bottom: 0; }
	/* Big Text */
		.HPRBigText { font-size: 24px; }
	/* GrayLight */
		#custom .HPRGrayLight { background-color: var(--casgraylight); }
	/* YellowBG1 */
		#custom .HBRYellowBG1 { background-color: var(--casgraylight); background-image: url("/code/core/images/yellow-abstract-panel.jpg"); }
	/* Blue */
		#custom .HPRBlue { background-color: var(--udblue); color: white; }
		#custom .HPRBlue .HPRow .ms-webpart-zone h2,
		#custom .HPRBlue .HPRow .ms-webpart-zone h3,
		#custom .HPRBlue .HPRow .ms-webpart-zone h4
			{ color: white; }
		.HPRBlue .ms-WPBody a { color: var(--udgold); }
		.HPRBlue .ms-WPBody a[title="button"] { background-color: var(--udgold); color: var(--udblue); }
	/* BlueBG1 */
		#custom .HBRBlueBG1 { background-color: var(--udblue); background-image: url("/code/core/images/cas-bg-1.jpg"); color: white; }
		#custom .HBRBlueBG1 .HPRow .ms-webpart-zone h2,
		#custom .HBRBlueBG1 .HPRow .ms-webpart-zone h3,
		#custom .HBRBlueBG1 .HPRow .ms-webpart-zone h4
			{ color: white; }
		.HBRBlueBG1 .ms-WPBody a { color: var(--udgold); }
		.HBRBlueBG1 .ms-WPBody a[title="button"] { background-color: var(--udgold); color: var(--udblue); }
	/* Dark Blue */
		#custom .HPRBlueDark { background-color: var(--udbluedark); color: white; }
		#custom .HPRBlueDark .HPRow .ms-webpart-zone h2,
		#custom .HPRBlueDark .HPRow .ms-webpart-zone h3,
		#custom .HPRBlueDark .HPRow .ms-webpart-zone h4
			{ color: white; }
		.HPRBlueDark .ms-WPBody a { color: var(--udgold); }
		.HPRBlueDark .ms-WPBody a[title="button"] { background-color: var(--udgold); color: var(--udblue); }
	/* Hero */
		.HPRHero { background-image: url("/code/core/images/hero.png"); color: white; }
		.HPRHero.HPRowOuterWrapper { background-color: black; }
		.HPRHero .HPRow { background: transparent; background: linear-gradient(0deg, rgba(0,0,0,1) 0%, transparent 45%, transparent); }
		.HPRHero .HPRow100 { height: 33vw; display: flex; align-items: flex-end; }
		.HPRHero .HPRow100 .HPWebPartCell { width: 100%; margin-bottom: 30px; }
		.HPRHero .HPRow100 .HPWebPartCell .ms-webpart-zone { padding: 0; text-align: center; }
		#custom .HPRHero .HPRow100 .HPWebPartCell .ms-webpart-zone .ms-WPBody h3 { color: white; text-transform: uppercase; font-family: 'Vanguard'; font-size: 40px; line-height: 1; margin-bottom: 0; letter-spacing: 1px; }
		#custom .HPRHero .HPRow100 .HPWebPartCell .ms-webpart-zone .ms-WPBody h2 { color: white; text-transform: uppercase; font-family: 'Vanguard'; font-size: 70px; line-height: 1; font-weight: 900; margin-bottom: 30px; letter-spacing: 3px; }
		.HPRHero .HPRow100 .HPWebPartCell .ms-webpart-zone .ms-WPBody a { font-family: 'greycliff'; background-color: var(--udgold); font-size: 21px; padding: 10px 30px; margin: 0 10px; }
		#custom #o1 .HPRHero .ms-webpart-zone .ms-webpartzone-cell .ms-rtestate-field { margin: 0; }
		@media only screen and (max-width: 900px) {
			#custom .HPRHero  { background-size: cover; }
			#custom .HPRHero .HPRow { background: rgba(0,0,0,0.5); min-height: 50vw; background: transparent; }
			#custom .HPRHero .HPRow100 { display: block; height: auto; }
			#custom .HPRHero .HPRow100 .HPWebPartCell { width: 100%; margin-bottom: 0; }
			#custom .HPRHero .HPRow100 .HPWebPartCell .ms-webpart-zone .ms-WPBody a { display: block; width: 50%; margin: 1px auto; }
			#custom .HPRHero .HPRow100 .HPWebPartCell .ms-webpart-zone .ms-WPBody h3 { margin-top: 10px; }
			#custom .HPRHero .HPRow100 .HPWebPartCell .ms-webpart-zone .ms-WPBody h2,
			#custom .HPRHero .HPRow100 .HPWebPartCell .ms-webpart-zone .ms-WPBody h3 { display: none; }
		}
	/* HeroTall mod */
		.HPRHeroTall .HPRow100 { height: 45vw; }
	/* HeroGoldFont */
		#custom .HPRHero.HPRHeroGoldFont .HPRow100 .HPWebPartCell .ms-webpart-zone .ms-WPBody h3,
		#custom .HPRHero.HPRHeroGoldFont .HPRow100 .HPWebPartCell .ms-webpart-zone .ms-WPBody h2 { color: var(--udgold); }
	/* HeroShadowFont */
		#custom .HPRHero.HeroShadowFont .HPRow100 .HPWebPartCell .ms-webpart-zone .ms-WPBody h3,
		#custom .HPRHero.HeroShadowFont .HPRow100 .HPWebPartCell .ms-webpart-zone .ms-WPBody h2
			{ text-shadow: 1px 1px 10px rgb(50 50 50 / 53%); }
	/* Hero50 (assumed right) */
		.HPRHero50 { height: 33vw; background-image: url("/code/core/images/hero50.jpg"); background-position: top right; background-size: contain; background-repeat: no-repeat; color: white; }
		.HPRHero50.HPRowOuterWrapper { background-color: #003c71; }
		.HPRHero50 .HPRow {  height: 33vw; background-image: url("/code/core/images/bg5050.png"); background-position: top left; background-size: contain; background-repeat: no-repeat; }
		.HPRHero50 .HPRowInnerWrapper { width: auto; }
		.HPRHero50 .HPRow100 { width: 50%; }
		#custom .HPRHero50 .HPRow100 .HPWebPartCell { padding-top: var(--gutterWidth); padding-right: var(--gutterWidth); }
		#custom .HPRHero50 .HPRow100 .HPWebPartCell .ms-webpart-zone .ms-WPBody h3 { color: white; text-transform: uppercase; font-family: 'Vanguard'; font-size: 3vw; line-height: 1; margin-bottom: 0; padding-top: 4vw; } /* font-size: 40px; */
		#custom .HPRHero50 .HPRow100 .HPWebPartCell .ms-webpart-zone .ms-WPBody h2 { color: white; text-transform: uppercase; font-family: 'Vanguard'; font-size: 5vw; line-height: 1; font-weight: 900; margin-bottom: 30px; } /* font-size: 70px */
		.HPRHero50 .HPRow100 .HPWebPartCell .ms-webpart-zone .ms-WPBody a { font-family: 'greycliff'; background-color: var(--udgold); font-size: 21px; padding: 10px 30px; margin: 0 10px; }
		#custom #o1 .HPRHero50 .ms-webpart-zone .ms-webpartzone-cell .ms-rtestate-field { margin: 0; }
		@media only screen and (max-width: 900px) {
			#custom .HPRHero50 { background-position: top left; height: 70vw; }
			#custom .HPRHero50 .HPRow100 { width: 100%; text-align: center; }
			#custom .HPRHero50  { background-size: cover; }
			#custom .HPRHero50 .HPRow { background: rgba(0,0,0,0.5); height: 70vw; background: transparent; }
			#custom .HPRHero50 .HPRow100 { display: block; height: auto; }
			#custom .HPRHero50 .HPRow100 .HPWebPartCell { width: 100%; margin-bottom: 0; height: 70vw; }
			#custom .HPRHero50 .HPRow100 .HPWebPartCell .ms-webpart-zone .ms-WPBody a { display: block; width: 60%; margin: 1px auto; }
			#custom .HPRHero50 .HPRow100 .HPWebPartCell .ms-webpart-zone .ms-WPBody h3 { margin-top: 10px; }
			#custom .HPRHero50 .HPRow100 .HPWebPartCell .ms-webpart-zone .ms-WPBody h2,
			#custom .HPRHero50 .HPRow100 .HPWebPartCell .ms-webpart-zone .ms-WPBody h3 { display: none; }
		}
	/* For % heroes, force left */
		.HPRHeroLeft { background-position: top left; }
		.HPRHeroLeft .HPRow { background-position: top right; }
		.HPRHeroLeft .HPRow100 { margin-left: 50%; }
		#custom #o1 .HPRHeroLeft .HPRHero50 .HPRow100 .HPWebPartCell { padding-right: 0; padding-left: var(--gutterWidth); }

	/* Outcomes */
		.HPROutcomes .HPRow { background-image: url("/code/core/images/outcomes-bg.png"); background-size: cover; background-color: black; color: var(--udgold); }
		#custom .HPROutcomes .ms-webpart-zone h2,
		#custom .HPROutcomes .ms-webpart-zone h3,
		#custom .HPROutcomes .ms-webpart-zone h4,
		#custom .HPROutcomes .ms-WPBody a { color: var(--udgold); }
	/* Parallax */
		.HPRParallax.HPRowOuterWrapper { background-color: transparent; }
		.HPRParallax .HPRow::before {
			content:"";
			background-image: url("/code/core/images/parallax.png");
			position: fixed; top: 0; left: 0; height: 100vh; width: 100vw; z-index: -1;
			background-size: cover; 
			background-position: bottom;
		}
		@media only screen and (max-width: 900px) {
			.HPRParallax #custom .HPRow50L .HPWebPartCell { padding: 50px var(--phoneGutter); margin: 0; }
			.HPRParallax #custom .HPRow50L .HPWebPartCell .ms-webpart-zone { padding: 0; }
			.HPRParallax .HPRow::before { position: static; display: block; height: 50vw; }
		}	
		/* CEWP's in Parallax */
		.HPRParallax .HPWebPartCell .ms-rtestate-field { background-color: rgba(255,255,255,0.90); padding: 50px; font-size: 20px; }
		@media only screen and (max-width: 900px) {
			.HPRParallax .HPWebPartCell .ms-rtestate-field { padding: var(--phoneGutter) 0 0 0; }
		}
	/* BigFont */
		.HPRBigFont .HPWebPartCell .ms-rtestate-field { font-size: 20px; }
	/* BigFont26 */
		.HPRBigFont26 .HPWebPartCell .ms-rtestate-field { font-size: 26px; }

/* Home Page Webparts */
	/* Zones */
		.HPRow33L .HPWebPartCell,
		.HPRow67L .HPWebPartCell,
		.HPRow50L .HPWebPartCell
			{ margin-left: 0; margin-right: 25px; }
		.HPRow34M .HPWebPartCell
			{ margin-left: 12.5px; margin-right: 12.5px; }
		.HPRow33R .HPWebPartCell,
		.HPRow67R .HPWebPartCell,
		.HPRow50R .HPWebPartCell
			{ margin-right: 0; margin-left: 25px; }
		@media only screen and (max-width: 900px) {
			#custom .HPWebPartCell { margin: 0; }
		}
	/* Web Parts in a Zone */
		#custom .ms-webpart-zone .ms-webpartzone-cell:first-of-type .dfwp-column,
		#custom .ms-webpart-zone .ms-webpartzone-cell:first-of-type .ms-rtestate-field,
		#custom .ms-webpart-zone .ms-webpartzone-cell:first-of-type table img
			{ margin-top: 50px; }
		#custom .ms-webpart-zone .ms-webpartzone-cell:last-of-type .dfwp-column,
		#custom .ms-webpart-zone .ms-webpartzone-cell:last-of-type .ms-rtestate-field,
		#custom .ms-webpart-zone .ms-webpartzone-cell:last-of-type table img
			{ margin-bottom: 50px; }
		/* START REMOVAL 11/1
		I'd rather have 100px between zones in a row in mobile than no top and bottom
		NOTE: If you have a smart idea to just put the padding on the zone or row, know that you'll be adding padding to empty zones/rows
		@media only screen and (max-width: 900px) {
			#custom .ms-webpart-zone .ms-webpartzone-cell:first-of-type .dfwp-column,
			#custom .ms-webpart-zone .ms-webpartzone-cell:first-of-type .ms-rtestate-field,
			#custom .ms-webpart-zone .ms-webpartzone-cell:first-of-type table img
				{ margin-top: 0; }
			#custom .ms-webpart-zone .ms-webpartzone-cell:last-of-type .dfwp-column,
			#custom .ms-webpart-zone .ms-webpartzone-cell:last-of-type .ms-rtestate-field,
			#custom .ms-webpart-zone .ms-webpartzone-cell:last-of-type table img
				{ margin-bottom: 0; }
		}
		END REMOVAL 11/1 */
	/* Alumnus */
		.profileAlumnusItem:not(.showAlum) { display: none; }
	/* CEWP's */
		@media only screen and (max-width: 900px) {
			/*#custom #o1 #o2 .ms-webpart-zone .ms-webpartzone-cell .ms-rtestate-field { margin: 50px; }*/
		}
	/* Annoucements */
		/* Main Colors */
		#custom .HPRowOuterWrapper .announcementItem { background-color: var(--udbluedark); color: white; }
		#custom .HPRowOuterWrapper .announcementItem h2,
		#custom .HPRowOuterWrapper .announcementItem h3,
		#custom .HPRowOuterWrapper .announcementItem h4 { color: white; }
		#custom .HPRowOuterWrapper .announcementItem a { color: var(--udgold); }
		/* Light Colors */
		#custom #o1 .HPRowOuterWrapper.HPRLightWebPart .announcementItem { background-color: white; color: black; }
		#custom #o1 .HPRowOuterWrapper.HPRLightWebPart .announcementItem h2,
		#custom #o1 .HPRowOuterWrapper.HPRLightWebPart .announcementItem h3,
		#custom #o1 .HPRowOuterWrapper.HPRLightWebPart .announcementItem h4,
		#custom #o1 .HPRowOuterWrapper.HPRLightWebPart .announcementItem a { color: var(--udblue); }
		/* Layout */
		#custom .announcementItem { padding: 50px; margin-bottom: 50px; }
		#custom .announcementItem img { display: inline-block; float: left; width: 200px; padding: 0 20px 20px 0; }
		@media only screen and (max-width: 900px) {
			#custom .WP-ILCR-Content { margin-left: 0; }
		}
		@media only screen and (max-width: 500px) {
			#custom .announcementItem { padding: 50px var(--phoneGutter); }
			#custom .announcementItem img { display: block; float: none; width: 100%; padding: 0 0 20px 0; }
		}
		#custom .announcementItem h2 { font-size: 26px; text-transform: uppercase; }
		#custom .announcementItem h3 { font-size: 33px; }
		#custom .announcementItem .announcementBody p:last-of-type { margin-bottom: 0px; }
	/* News */
		.HPWebPartCell .newsArticle { clear: both; padding-bottom: 30px; }
		.HPWebPartCell .newsArticle img { width: 150px; float: left; margin-right: 20px; }
		.HPWebPartCell .newsArticleBody { margin-left: 170px; }
		@media only screen and (max-width: 900px) {
			.HPWebPartCell .ms-webpart-zone { padding: 0 50px; }
		}
		@media only screen and (max-width: 500px) {
			.HPWebPartCell .ms-webpart-zone { padding: 50px var(--phoneGutter) 0 var(--phoneGutter); }
			.HPWebPartCell .ms-webpart-zone .newsArticle img { margin-right: 15px; }
			.HPWebPartCell .ms-webpart-zone .newsArticle .newsText { display: none; }
		}
		/* News in small format */
		.HPRow25 .newsText,
		.HPRow33 .newsText,
		.HPRow34 .newsText
			{ display: none; }
	/* News V2 */
		.HPWebPartCell .newsArticleV2 { clear: both; padding-bottom: 30px; }
		.HPWebPartCell .newsArticleV2 img { width: 100%; }
	/* Events */
		.HPWebPartCell .event { clear: both; padding-bottom: 30px; }
		.HPWebPartCell .pastevent:first-of-type::before { content: "Past Events"; text-transform:uppercase;color:var(--udgold); font-weight:700; }
	/* Alumnus */
		/* Main Colors */
		#custom .profileAlumnusItem { background-color: var(--udblue); }
		#custom .profileAlumnusItem,
		#custom .profileAlumnusItem h3,
		#custom .profileAlumnusItem a
			{ color: white; }
		/* Light Colors */
		#custom .HPRowOuterWrapper.HPRLightWebPart .profileAlumnusItem { background-color: white; color: black; }
		#custom .HPRowOuterWrapper.HPRLightWebPart .profileAlumnusItem,
		#custom .HPRowOuterWrapper.HPRLightWebPart .profileAlumnusItem h3,
		#custom .HPRowOuterWrapper.HPRLightWebPart .profileAlumnusItem a
			{ color: var(--udblue); }
		/* Laout */
		#custom .profileAlumnusItem { padding: 50px; }
		#custom .profileAlumnusItem img { width: 100%; }
	/* Quick links */
		/* Main Colors */
		#custom .HPQuickLinks { background-color: var(--udblue); }
		#custom .QuickLink:first-of-type::before,
		#custom .HPQuickLinks a 
			{ color: white; }
		#custom .QuickLink a::before{ background-color: white; }
		/* Light Colors */
		#custom .HPRowOuterWrapper.HPRLightWebPart .HPQuickLinks { background-color: white; }
		#custom .HPRowOuterWrapper.HPRLightWebPart .QuickLink:first-of-type::before,
		#custom .HPRowOuterWrapper.HPRLightWebPart .HPQuickLinks a 
			{ color: var(--udblue); }
		#custom .HPRowOuterWrapper.HPRLightWebPart .QuickLink a::before {  background-color: var(--udblue); }
		/* Laout */
		#custom .HPQuickLinks { float: none; padding: 50px; width: calc(100% - 100px) !important; }
		#custom .QuickLink:first-of-type::before { content: "Quick Links"; display: block; font-size: 40px; line-height: 1; font-weight: 700; margin-bottom: 20px; }
		#custom .QuickLink { padding: 5px 0; }
		#custom .QuickLink a { font-family: 'greycliff'; font-size: 20px; font-weight: 400; }
		#custom .QuickLink a::before{ border-radius: 1em; content: " "; display: inline-block; height: 0.25em; margin: 0.25em; width: 0.25em; }
		@media only screen and (max-width: 900px) {
			#custom #o1 .HPQuickLinks { padding: var(--phoneGutter); width: calc(100% - var(--phoneGutter)*2) !important;}
		}
	/* Social */
		/* Main Colors */
		.HPSocial { background-color: var(--udbluedark); }
		/* Light Colors */
		.HPRowOuterWrapper.HPRLightWebPart .HPSocial { border: 5px solid var(--udgold); margin-top: 5px; }
		@media only screen and (max-width: 900px) {
			.HPRowOuterWrapper.HPRLightWebPart .HPSocial { border: none; margin-top: 0; }
		}
		/* Layout */
		.HPSocial { padding: 50px; text-align: center; width: auto !important; float: none; }
		.HPSocial img { display: inline-block; padding: 5px; max-width: 100%; }
		@media only screen and (max-width: 500px) {
			#custom .HPSocial { padding: 50px var(--phoneGutter); }
		}
	/* Video */
		/* YouTube Fit Trick Start */
		.HomePageVideoTile { position: relative; }
		.HomePageVideoTile::before { content:""; display: block; width: 100%; height: 0; padding-bottom: 56.25%; }
		.HomePageVideoTile iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
	/* Web Part Blue */
		/* Main Colors */
		.HPWPBlue { background-color: var(--udbluedark); padding: 20px; width: calc(100% - 40px) !important; }
		#custom .HPWPBlue,
		#custom .HPWPBlue h2,
		#custom .HPWPBlue h3,
		#custom .HPWPBlue h4
			{ color: white; }
	/* Web Part Gray Light */
		/* Main Colors */
		.HPWPGrayLight { background-color: var(--casgraylight); padding: 20px; width: calc(100% - 40px) !important; }
		#custom .HPWPGrayLight,
		#custom .HPWPGrayLight h2,
		#custom .HPWPGrayLight h3,
		#custom .HPWPGrayLight h4
			{ color: var(--udbluedark); }
		@media only screen and (max-width: 900px) {
			.HPRowOuterWrapper.HPRLightWebPart .HPSocial { border: none; margin-top: 0; }
		}
	/* Web Part White */
		/* Main Colors */
		.HPWPWhite { background-color: white; padding: 20px; }
		#custom .HPWPWhite,
		#custom .HPWPWhite h2,
		#custom .HPWPWhite h3,
		#custom .HPWPWhite h4
			{ color: var(--udbluedark); }

		@media only screen and (max-width: 900px) {
			.HPRowOuterWrapper.HPRLightWebPart .HPSocial { border: none; margin-top: 0; }
		}
	/* Any Bordered Webpart */
		#custom #o1 .ms-WPBorderBorderOnly { border: none; }
		#custom #o1 .ms-WPBorderBorderOnly .ms-rtestate-field { background-color: var(--casgraylight); color: black; padding: 20px; }
		#custom #o1 .ms-WPBorderBorderOnly .ms-rtestate-field h1,
		#custom #o1 .ms-WPBorderBorderOnly .ms-rtestate-field h2,
		#custom #o1 .ms-WPBorderBorderOnly .ms-rtestate-field h3,
		#custom #o1 .ms-WPBorderBorderOnly .ms-rtestate-field h4
			{ color: var(--udblue); }

/* Home Page Row Content */
	#HomePageContent h1, 
	#HomePageContent h2, 
	#HomePageContent h3, 
	#HomePageContent h4
		{ margin-bottom: 10px; line-height: 100%; font-family: 'Greycliff-bold'; }
	#HomePageContent h2 { font-size: 40px; margin-bottom: 20px; } /* font-weight: 500; */
	#HomePageContent h3 { font-size: 26px; }
	#HomePageContent h4 { font-size: 22px; }
	.HPRowOuterWrapper { background-color: white; }
	/* As a WP Title */
	#HomePageContent .js-webpart-titleCell h2 { margin-bottom: 0; margin-top: 20px; }
	#contentRow #custom a, #contentRow #custom a:visited { font-weight: 500; }

/* Mobile */
	/* Mobile Tablet AND Phone */
	@media only screen and (max-width: 1280px) {
	}
	/* Mobile Phone Only */
	@media only screen and (max-width: 900px) {
	}
	@media only screen and (max-width: 500px) {
	}