/* Group Restricted Items */
	/* AllNavEditors */
	/* STILL NEED TO CODE THIS */

/* Temporary */
	.cbs-List ul {
		list-style-type: disc;
		padding-left: 40px;
	}
	#navEditor, 
	#navEditButton,
	#imagePicker,
	#lastModifiedPanel, 
	#metaDataPanel,
	#storyMetaDataPanel
		{ display: none; }
	/*#s4-titlerow { display: none !important; }*/
	
/* Controls */
	.sectionControls { display: none; }

/* Control box in Nav */
	/* Hide if not in edit */
	body:not(.editMode) #pL-boolHideLeftNavButton,
	body:not(.editMode) #pL-choiceLayoutButton,
	body:not(.editMode) #showWebPartButton
		{ display: none; }
	/* Hide if web part only and not wpeditor */
	body.WebPartEditorsOnly:not(.WebPartEditors) #imagesLinkButton,
	body.WebPartEditorsOnly:not(.WebPartEditors) #documentsLinkButton
		{ display: none; }
	/* Basics */
	#controlBoxInNav { background-color: black; color: white; height: 32px; }
	#controlBoxInNav .controlButton { cursor: pointer; font-size: 18px; margin: 7px; }
	/* Page Layout Selection Tool Glyph */
	#custom #o1 #layoutChoices { display: none; padding: 4px; position: absolute; right: -180px; bottom: 0; z-index: 1; background-color: rgb(0, 0, 0); width: 170px; } 
	#custom #o1 #layoutChoices div { float: left; padding: 0; margin: 3px 7px; z-index: 1; cursor: pointer; } 
	/* Page Layout Selection Tool Sub-Menu Glyphs, Built Entirely Using CSS */
	#custom #o1 #layoutRRRR, #custom #o1 #layoutCCRR, #custom #o1 #layoutRCCR, #custom #o1 #layoutRRCC, #custom #o1 #layoutCCCC
		 { position: relative; height: 2px; width: 20px; background-color: rgb(0, 0, 0); border-top: 12px solid rgba(255, 255, 255, 0.5); border-bottom: 12px solid rgba(255, 255, 255, 0.5); } 
	#custom #o1 #layoutRRRR:hover, #custom #o1 #layoutCCRR:hover, #custom #o1 #layoutRCCR:hover, #custom #o1 #layoutRRCC:hover, #custom #o1 #layoutCCCC:hover
		 { border-color: rgba(255, 255, 255, 0.75); }
	#custom #o1 #layoutRRRR:before, #custom #o1 #layoutCCRR:before, #custom #o1 #layoutRCCR:before, #custom #o1 #layoutRRCC:before, #custom #o1 #layoutCCCC:before
		 { content: " "; position: absolute; height: 2px; width: 20px; margin-top: -7px; background-color: rgb(0, 0, 0); } 
	#custom #o1 #layoutRRRR:after, #custom #o1 #layoutCCRR:after, #custom #o1 #layoutRCCR:after, #custom #o1 #layoutRRCC:after, #custom #o1 #layoutCCCC:after
		 { content: " "; position: absolute; height: 2px; width: 20px; margin-top: 7px; background-color: rgb(0, 0, 0); } 
	#custom #o1 #layoutCCRR:before { height: 13px; width: 2px; margin-top: -12px; margin-left: 9px; } 
	#custom #o1 #layoutRCCR { height: 16px; width: 2px; border-top-width: 5px; border-bottom-width: 5px; border-left: 9px solid rgba(255, 255, 255, 0.5); border-right: 9px solid rgba(255, 255, 255, 0.5); } 
	#custom #o1 #layoutRCCR:before { margin-top: 0; left: -9px; } 
	#custom #o1 #layoutRCCR:after { margin-top: 14px; left: -9px; } 
	#custom #o1 #layoutRRCC:after { height: 13px; width: 2px; margin-top: 2px; margin-left: 9px; } 
	#custom #o1 #layoutCCCC:before { height: 13px; width: 2px; margin-top: -12px; margin-left: 9px; } 
	#custom #o1 #layoutCCCC:after { height: 13px; width: 2px; margin-top: 2px; margin-left: 9px; } 

/* Breadcrumb */
	#breadcrumb,
	#newsBreadcrumb { display: none !important; }
	#breadcrumbWrapper,
	#newsBreadcrumbWrapper
		{ padding: 50px 0 20px 0; }
	#breadcrumbWrapper span,
	#newsBreadcrumbWrapper span
		{ margin-right: 10px; }

/* Main Column Definition Area */
	#hiddenCustomProperties { display: none; }
	#WebPart0,
	#breadcrumb,
	#newsBreadcrumb,
	#OmniPageLeftWrapper,
	#controlBoxWrapper,
	#lastModifiedPanel,
	#metaDataPanel,
	#storyMetaDataPanel
		{ width: var(--pageWidth); padding: 0 var(--gutterWidth); margin: 0 auto; position: relative; }
	#contentBox h1#header,
	#sortingDateInStoryHeader,
	.opBody 
		{ width: var(--contentWidth); padding: 0 var(--gutterWidth) 0 calc(var(--gutterWidth) + var(--navGutter)); margin: 0 auto; }

/* Left Nav & Social */
	#OmniPageLeftWrapper { position: relative; }
	#OmniPageLeft { display: inline-block; position: absolute; width: 324px; }
	/* Nav */
	#currentNavigation { padding: 20px; margin-bottom: 30px; }
	#currentNavigation ul.root li a { padding: 10px 30px 10px 5px; color: var(--casgraydark); }
	#currentNavigation ul.root > li > a { cursor: default; }
	#currentNavigation ul.root li a:hover { background-color: transparent; }
	#currentNavigation ul.root > li > a { text-transform: uppercase; font-size: 20px; padding: 0 5px 10px 5px; }
	#currentNavigation ul { padding: 0px; }
	#currentNavigation ul.root li { list-style-type: none; }
	#currentNavigation ul.root ul.static li a { border-bottom: 1px dotted var(--udbluedark); }
	#currentNavigation ul.root > li > ul.static > li:last-of-type > a { border: none; }
	#currentNavigation ul.root ul.static ul { padding-left: 20px; }
	#currentNavigation ul.root ul.static li > a:hover { background-color: var(--casgraylight); }
	#currentNavigation ul.root ul.static li.selected > a { background-color: var(--spbluelight); }
	#currentNavigation li.ms-navedit-editArea { display: none; }
	#currentNavigation li.notSelected ul { display: none; }
	#currentNavigation li.selected.branch::before,
	#currentNavigation li.hasSelectedChild::before
		{ position: absolute; right: 30px; margin-top: 10px; }
	#currentNavigation li.selected.branch::before,
	#currentNavigation li.hasSelectedChild::before 
		{ content: "[-]"; display: none; }
	#currentNavigation li.notSelected a::before { content: "[+]"; position: absolute; right: 30px; }
	/* New window */
	#currentNavigation li a.newwindow { position: relative; }
	#currentNavigation li a.newwindow span.fa { position: absolute; right: 10px; color: var(--casgray); }
	/* Social */
	#currentNavSocial { padding: 10px; text-align: center; }
	#currentNavSocial #currentNavSocialTitle { font-weight: 700; margin-bottom: 10px; }
	#currentNavSocial img { display: inline-block; padding: 5px; }

/* Layout */
	body {
		--twocolleftmargin: calc(50% - 210px);
		--twocolrightmargin: calc(50% - 590px);
		--twocolwidth: calc(var(--contentWidth)/2 - 25px);
	}
	/* Left Column */
	.CCRR #body1,
	.CCRR #body5,
	.RCCR #body2,
	.RCCR #body6,
	.RRCC #body3,
	.RRCC #body7,
	.CCCC #body1,
	.CCCC #body3,
	.CCCC #body5,
	.CCCC #body7
		{ width: var(--twocolwidth); float: left; margin-left: var(--twocolleftmargin); margin-right: 0; padding: 0; }
	/* Right Column */
	.CCRR #body2,
	.CCRR #body6,
	.RCCR #body3,
	.RCCR #body7,
	.RRCC #body4,
	.RRCC #body8,
	.CCCC #body2,
	.CCCC #body4,
	.CCCC #body6,
	.CCCC #body8
		{ width: var(--twocolwidth); float: right; margin-right: var(--twocolrightmargin); margin-left: 0; padding: 0; }
	/* Media in Columns */
	.CCRR #body1 .opMedia,
	.CCRR #body2 .opMedia,
	.CCRR #body5 .opMedia,
	.CCRR #body6 .opMedia,
	.RCCR #body2 .opMedia,
	.RCCR #body3 .opMedia,
	.RCCR #body6 .opMedia,
	.RCCR #body7 .opMedia,
	.RRCC #body3 .opMedia,
	.RRCC #body4 .opMedia,
	.RRCC #body7 .opMedia,
	.RRCC #body8 .opMedia,
	.CCCC .opBody .opMedia
		{ width: 100%; padding-left: 0; padding-right: 0; }
	/* Wrap right Wrapper */
	.opBodyEnd { clear: both; }
	.CCRR #bodyEnd1,
	.CCRR #bodyEnd5,
	.RCCR #bodyEnd2,
	.RCCR #bodyEnd6,
	.RRCC #bodyEnd3,
	.RRCC #bodyEnd7,
	.CCCC #bodyEnd1,
	.CCCC #bodyEnd3,
	.CCCC #bodyEnd5,
	.CCCC #bodyEnd7
		{ clear: none; }
	/* No Left Nav */
	body.hideLeftNav #OmniPageLeftWrapper { display: none; }
	body.hideLeftNav {
		--contentWidth: 1180px;
		--navGutter: 0;
		--twocolleftmargin: calc(50% - var(--contentWidth)/2);
		--twocolrightmargin: calc(50% - var(--contentWidth)/2);
		--twocolwidth: calc(var(--contentWidth)/2 - 25px);
	}
	/* Hide Header */
	body.hideHeader #SPHeader { display: none; }

/* Page Classes */
	/* Center Headline */
		.OPCenterHeadline h1#header { text-align: center; }
	/* Hide Breadcrumb */
		.OPHideBreadcrumb #breadcrumbWrapper #breadcrumb,
		.OPHideBreadcrumb #newsBreadcrumbWrapper #newsBreadcrumb
			{ visibility: hidden; }
	/* Remove Breadcrumb */
		.OPRemoveBreadcrumb #breadcrumbWrapper,
		.OPRemoveBreadcrumb #newsBreadcrumbWrapper
			{ display: none; }
	/* Hide Header */
		.OPHideHeader #header { visibility: hidden; }
	/* Remove Header */
		.OPRemoveHeader #header { display: none; }
	/* Social Border White */
		.OPSocialBorderWhite #currentNavSocial { border: 2px solid white; }
	/* Social Border DarkBlue */
		.OPSocialBorderDarkBlue #currentNavSocial { border: 2px solid var(--udbluedark); }
	/* All buttons 100px */
		.OPAllButtons100px a[title="button"] { display: inline-block; width: 95px; text-align: center; }
	/* All buttons 200px */
		.OPAllButtons200px a[title="button"] { display: inline-block; width: 200px; text-align: center; }

/* Row Classes */
	/* GrayLight */
		#custom .OPRGrayLight { background-color: var(--casgraylight); }
		/* Padding: Full Row */
		.OPRGrayLight { padding-top: 50px; padding-bottom: 50px; }
		/* Padding: Left Column */
		.CCRR #bodyWrapper1.OPRGrayLight,
		.CCRR #bodyWrapper5.OPRGrayLight,
		.RCCR #bodyWrapper2.OPRGrayLight,
		.RCCR #bodyWrapper6.OPRGrayLight,
		.RRCC #bodyWrapper3.OPRGrayLight,
		.RRCC #bodyWrapper7.OPRGrayLight,
		.CCCC #bodyWrapper1.OPRGrayLight,
		.CCCC #bodyWrapper3.OPRGrayLight,
		.CCCC #bodyWrapper5.OPRGrayLight,
		.CCCC #bodyWrapper7.OPRGrayLight
			{ padding-bottom: 0; }
		/* Padding: Right Column */
		.CCRR #bodyWrapper2.OPRGrayLight,
		.CCRR #bodyWrapper6.OPRGrayLight,
		.RCCR #bodyWrapper3.OPRGrayLight,
		.RCCR #bodyWrapper7.OPRGrayLight,
		.RRCC #bodyWrapper4.OPRGrayLight,
		.RRCC #bodyWrapper8.OPRGrayLight,
		.CCCC #bodyWrapper2.OPRGrayLight,
		.CCCC #bodyWrapper4.OPRGrayLight,
		.CCCC #bodyWrapper6.OPRGrayLight,
		.CCCC #bodyWrapper8.OPRGrayLight
			{ padding-top: var(--nearZero); }
		/* WebPart Bottom Padding */
		.OPRGrayLight .ms-webpart-chrome .ms-WPBody { margin-bottom: 25px; }
		/* WPRow color */
		.OPRGrayLight div.WPRow:nth-of-type(even) { background-color: white; }
	/* Blue */
		#custom .OPRBlue { background-color: var(--udblue); color: white; }
		#custom #o1 .OPRBlue h1,
		#custom #o1 .OPRBlue h2,
		#custom #o1 .OPRBlue h3,
		#custom #o1 .OPRBlue h4
			{ color: white; }
		#custom #o1 .OPRBlue a { color: var(--udgold); }
		#custom #o1 .OPRBlue a[title="button"] { background-color: var(--udgold); color: var(--udblue) !important; }
		/* Padding: Full Row */
		.OPRBlue { padding-top: 50px; padding-bottom: 50px; }
		/* Padding: Left Column */
		.CCRR #bodyWrapper1.OPRBlue,
		.CCRR #bodyWrapper5.OPRBlue,
		.RCCR #bodyWrapper2.OPRBlue,
		.RCCR #bodyWrapper6.OPRBlue,
		.RRCC #bodyWrapper3.OPRBlue,
		.RRCC #bodyWrapper7.OPRBlue,
		.CCCC #bodyWrapper1.OPRBlue,
		.CCCC #bodyWrapper3.OPRBlue,
		.CCCC #bodyWrapper5.OPRBlue,
		.CCCC #bodyWrapper7.OPRBlue
			{ padding-bottom: 0; }
		/* Padding: Right Column */
		.CCRR #bodyWrapper2.OPRBlue,
		.CCRR #bodyWrapper6.OPRBlue,
		.RCCR #bodyWrapper3.OPRBlue,
		.RCCR #bodyWrapper7.OPRBlue,
		.RRCC #bodyWrapper4.OPRBlue,
		.RRCC #bodyWrapper8.OPRBlue,
		.CCCC #bodyWrapper2.OPRBlue,
		.CCCC #bodyWrapper4.OPRBlue,
		.CCCC #bodyWrapper6.OPRBlue,
		.CCCC #bodyWrapper8.OPRBlue
			{ padding-top: var(--nearZero); }
		/* WebPart Bottom Padding */
		.OPRBlue .ms-webpart-chrome .ms-WPBody { margin-bottom: 25px; }
		/* WPRow color */
		#custom #o1 .OPRBlue div.WPRow:nth-of-type(even) h1,
		#custom #o1 .OPRBlue div.WPRow:nth-of-type(even) h2,
		#custom #o1 .OPRBlue div.WPRow:nth-of-type(even) h3,
		#custom #o1 .OPRBlue div.WPRow:nth-of-type(even) h4
			{ color: var(--udblue); }
		/* CSWP Paging */
		#custom #o1 .OPRBlue a.ms-commandLink { color: var(--udblue); }
		/* Accordion Outline */
		#custom .OPRBlue .ms-rtestate-field .accordion h3, #custom .accordion h3.ms-rteElement-H3 { border: 1px solid white; }
	/* Blue */
		#custom .OPRBlueDark { background-color: var(--udbluedark); color: white; }
		#custom #o1 .OPRBlueDark h1,
		#custom #o1 .OPRBlueDark h2,
		#custom #o1 .OPRBlueDark h3,
		#custom #o1 .OPRBlueDark h4
			{ color: white; }
		#custom #o1 .OPRBlueDark a { color: var(--udgold); }
		#custom #o1 .OPRBlueDark a[title="button"] { background-color: var(--udgold); color: var(--udblue) !important; }
		/* Padding: Full Row */
		.OPRBlueDark { padding-top: 50px; padding-bottom: 50px; }
		/* Padding: Left Column */
		.CCRR #bodyWrapper1.OPRBlueDark,
		.CCRR #bodyWrapper5.OPRBlueDark,
		.RCCR #bodyWrapper2.OPRBlueDark,
		.RCCR #bodyWrapper6.OPRBlueDark,
		.RRCC #bodyWrapper3.OPRBlueDark,
		.RRCC #bodyWrapper7.OPRBlueDark,
		.CCCC #bodyWrapper1.OPRBlueDark,
		.CCCC #bodyWrapper3.OPRBlueDark,
		.CCCC #bodyWrapper5.OPRBlueDark,
		.CCCC #bodyWrapper7.OPRBlueDark
			{ padding-bottom: 0; }
		/* Padding: Right Column */
		.CCRR #bodyWrapper2.OPRBlueDark,
		.CCRR #bodyWrapper6.OPRBlueDark,
		.RCCR #bodyWrapper3.OPRBlueDark,
		.RCCR #bodyWrapper7.OPRBlueDark,
		.RRCC #bodyWrapper4.OPRBlueDark,
		.RRCC #bodyWrapper8.OPRBlueDark,
		.CCCC #bodyWrapper2.OPRBlueDark,
		.CCCC #bodyWrapper4.OPRBlueDark,
		.CCCC #bodyWrapper6.OPRBlueDark,
		.CCCC #bodyWrapper8.OPRBlueDark
			{ padding-top: var(--nearZero); }
		/* WebPart Bottom Padding */
		.OPRBlueDark .ms-webpart-chrome .ms-WPBody { margin-bottom: 25px; }
		/* WPRow color */
		#custom #o1 .OPRBlueDark div.WPRow:nth-of-type(even) h1,
		#custom #o1 .OPRBlueDark div.WPRow:nth-of-type(even) h2,
		#custom #o1 .OPRBlueDark div.WPRow:nth-of-type(even) h3,
		#custom #o1 .OPRBlueDark div.WPRow:nth-of-type(even) h4
			{ color: var(--udbluedark); }
		/* CSWP Paging */
		#custom #o1 .OPRBlueDark a.ms-commandLink { color: var(--udbluedark); }
		/* Accordion Outline */
		#custom .OPRBlueDark .ms-rtestate-field .accordion h3, #custom .accordion h3.ms-rteElement-H3 { border: 1px solid white; }
	/* GrayLightInner */
		#custom .OPRGrayLightInner .opBodyInnerWrapper { background-color: var(--casgraylight); padding: 40px; }
		#custom #o1 #o2 .OPRGrayLightInner .opBodyInnerWrapper h2.opSubTitle { margin-top: 0; }
		@media only screen and (max-width: 900px) {
			#custom #o1 #contentRow .opBodyWrapper.OPRGrayLightInner { padding: var(--nearZero) 0; }
			#custom #o1 #contentRow .opBodyWrapper.OPRGrayLightInner .opBodyInnerWrapper { padding: 20px; }
		}
		/* WPRow color */
		.OPRGrayLightInner .opBodyInnerWrapper div.WPRow:nth-of-type(even) { background-color: white; }
	/* BlueInner */
		#custom .OPRBlueInner .opBodyInnerWrapper { background-color: var(--udblue); color: white; padding: 40px; margin-bottom: 40px; }
		#custom .OPRBlueInner .opBodyInnerWrapper h2,
		#custom .OPRBlueInner .opBodyInnerWrapper h3,
		#custom .OPRBlueInner .opBodyInnerWrapper h4
			{ color: white; }
		#custom #o1 #o2 .OPRBlueInner .opBodyInnerWrapper h2.opSubTitle { margin-top: 0; }
		#custom #o1 .OPRBlueInner .opBodyInnerWrapper a { color: var(--udgold) !important; }
		#custom #o1 .OPRBlueInner .opBodyInnerWrapper a[title="button"] { background-color: var(--udgold); color: var(--udblue) !important; }
		@media only screen and (max-width: 900px) {
			#custom #o1 #contentRow .opBodyWrapper.OPRBlueInner { padding: var(--nearZero) 0; }
			#custom #o1 #contentRow .opBodyWrapper.OPRBlueInner .opBodyInnerWrapper { padding: 20px; }
		}
		/* WPRow color */
		#custom #o1 .OPRBlueInner .opBodyInnerWrapper div.WPRow:nth-of-type(even) h1,
		#custom #o1 .OPRBlueInner .opBodyInnerWrapper div.WPRow:nth-of-type(even) h2,
		#custom #o1 .OPRBlueInner .opBodyInnerWrapper div.WPRow:nth-of-type(even) h3,
		#custom #o1 .OPRBlueInner .opBodyInnerWrapper div.WPRow:nth-of-type(even) h4
			{ color: var(--udblue); }
		/* CSWP Paging */
		#custom #o1 .OPRBlueInner .opBodyInnerWrapper a.ms-commandLink { color: var(--udblue) !important; }
		/* Accordion Outline */
		#custom .OPRBlueInner .ms-rtestate-field .accordion h3, #custom .accordion h3.ms-rteElement-H3 { border: 1px solid white; }
	/* No Gutter */
		.OPRNoGutter { --gutterWidth: 0; --phoneGutter: 0; }
	/* No Top padding */
		.OPRNoPaddingTop { padding-top: var(--nearZero) !important; }
	/* No Bottom padding */
		.OPRNoPaddingBottom { padding-bottom: var(--nearZero) !important; }
	/* No Nav Width */
		.OPRNoNav { 
			--contentWidth: 1180px;
			--navGutter: 0;
			--twocolleftmargin: calc(50% - var(--contentWidth)/2);
			--twocolrightmargin: calc(50% - var(--contentWidth)/2);
			--twocolwidth: calc(var(--contentWidth)/2 - 25px);
		}
		@media only screen and (max-width: 1280px) {
			.OPRNoNav { 
				--contentWidth: calc(100% - var(--gutterWidth)*2);
			}
		}
	/* Full Width */
		.OPRFullWidth { 
			--contentWidth: calc(100% - var(--gutterWidth)*2);
			--navGutter: 0;
		}
	/* Don't Hide Empty header */
		.OPRForceHeader .opSubTitle::after { content: "\00a0\00a0"; }
		.OPRForceHeader .opSubTitle { display: block !important; }
	/* Refiners: Two Column */
		.OPRRefiners2Col #Refinement .ms-ref-refiner { width: calc(50% - 20px/2); float: left; }
		.OPRRefiners2Col #Refinement .ms-ref-refiner:nth-of-type(2n+1) { margin-right: 20px; }
		.OPRRefiners2Col #Refinement .Filter { float: none; width: auto; }
		@media only screen and (max-width: 400px) {
			.OPRRefiners2Col #Refinement .ms-ref-refiner { width: auto; float: none; }
			.OPRRefiners2Col #Refinement .ms-ref-refiner:nth-of-type(2n+1) { margin-right: 0; }
		}
	/* Outcomes */
		.OPROutcomes { background-image: url("/code/core/images/outcomes-bg.png"); background-size: cover; background-color: black; color: var(--udgold); padding: 50px 0; }
		.OPROutcomes .dfwp-column { padding: 50px 0; }
		#custom .OPROutcomes h2,
		#custom .OPROutcomes h3,
		#custom .OPROutcomes h4,
		#custom .OPROutcomes .ms-WPBody a { color: var(--udgold); }
	/* Parallax */
		/* Make Sections normally obscure the parallax background */
		#breadcrumbWrapper,
		#headerWrapper,
		.opBodyWrapper 
			{ background-color: white; }
		/* Deal with some Margin Collapsing */
		#headerWrapper,
		.opBodyWrapper 
			{ padding-top: var(--nearZero); padding-bottom: var(--nearZero); }
		/* Make the Parallax body Transparent */
		.OPRParallax.opBodyWrapper { background-color: transparent; margin: 50px 0; }
		/* Parallax Object */
		.OPRParallax::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;
		}
		/* Body Sections in Parallax */
		#custom .OPRParallax .opBodyInnerWrapper { background-color: rgba(255,255,255,0.9); padding: 40px; }
		#custom #o1 #o2 .OPRParallax .opBodyInnerWrapper h2.opSubTitle { margin-top: 0; }
		@media only screen and (max-width: 900px) {
			.OPRParallax .HPWebPartCell .ms-rtestate-field { padding: var(--phoneGutter) 0 0 0; }
			#custom #o1 #contentRow .opBodyWrapper.OPRParallax .opBodyInnerWrapper { padding: 20px; }
		}

/* Content */
	/* Header Tags */
	#custom #o1 h1,
	#custom #o1 h2,
	#custom #o1 h3,
	#custom #o1 h4
		{ font-weight: 700; margin-bottom: 10px; }
	#custom #o1 #o2 h1#header { font-family: 'Vanguard'; font-weight: 400; font-size: 65px; line-height: 1; margin-bottom: 25px; text-transform: uppercase; }
	#custom #o1 #o2 h2 { margin-top: 25px; }
	h2 { font-size: 24px; }
	h3 { font-size: 20px; }
	h4 { font-size: 18px; }
	/* Web Part Zones */
	.OPRow25 { display: inline-block; float: left; width: 25%; }
	.OPRow33 { display: inline-block; float: left; width: 33%; }
	.OPRow34 { display: inline-block; float: left; width: 34%; }
	.OPRow50 { display: inline-block; float: left; width: 50%; }
	.OPRow67 { display: inline-block; float: left; width: 67%; }
	.OPRowClear { clear: both; }
	/* Full Width */
	@media only screen and (max-width: 500px) {
		.OPRow25 { display: block; float: none; width: 100%; }
		.OPRow33 { display: block; float: none; width: 100%; }
		.OPRow34 { display: block; float: none; width: 100%; }
		.OPRow50 { display: block; float: none; width: 100%; }
		.OPRow67 { display: block; float: none; width: 100%; }
	}


/* Accordions & FAQ's */
	#custom .ms-rtestate-field .accordion h3, 
	#custom .accordion h3.ms-rteElement-H3 { border: 1px solid var(--casgraydark); padding: 10px 50px 10px 10px; margin: 20px 0; cursor: pointer; position: relative; }
	#custom .ms-rtestate-field .accordion h3::after, 
	#custom .accordion h3.ms-rteElement-H3::after { Content: "[+]"; position: absolute; top: 7px; right: 10px; }
	#custom .ms-rtestate-field .accordion h3.expanded::after, 
	#custom .accordion h3.ms-rteElement-H3.expanded::after { Content: "[-]"; }
	body.displayMode #custom .opBody.accordion .accordion>:not(h3) { display: none; }

/* Media */
	.opMedia { float: right; width: var(--imgWidth50); padding-bottom: var(--imgPaddingBottom); padding-left: var(--imgPaddingSide); }
	.opMedia img { display: block; width: 100%; }
	.opMedia.opMediaVFull,
	.opMedia.opMediaR7 
		{ width: 100%; padding-right: 0; padding-left: 0; }
	.opMedia.opMediaLeft { float: left; padding-left: 0; padding-right: var(--imgPaddingSide); }
	.opMedia.opMediaR4,
	.opMedia.opMediaR14
		{ width: calc(var(--contentWidth) / 4); }
	.opMedia .opMediaVid iframe { width: 100%; height: calc(.5625 * var(--imgWidth50)); }
	.opMedia.opMediaVFull .opMediaVid iframe { height: calc(.5625 * var(--contentWidth)); }
	.opMedia .opMediaCap { clear: both; padding: 15px; background-color: var(--casgraylight); font-size: 13px; color: black; }
	.opMedia .opMediaCap p:last-of-type { margin-bottom: 0; }
	.opMedia .opMediaCap.opMediaCapEmpty { display: none; }
	@media only screen and (max-width: 900px) {
		#custom #o1 .opMedia { width: 100%; padding: 0; }
	}
	/* Accessibility */
	body.authenticated .accessibiltyAlert { border: 5px dotted red; font-weight: 700; background-color: white; }
	body.authenticated a.accessibiltyHightlight,
	body.authenticated .opMediaImg img[alt=""] 
		{ outline: 5px dotted red; }
	body.authenticated .imgAltTextWrapper { cursor: pointer; }
	body.authenticated .imgAltTextError { color: red; font-size: 20px; }
	/* Web Part in Media zone */
	#custom .opMedia .ms-WPBody .ms-rtestate-field { background-color: var(--casgraylight); color: black; padding: 20px; }
	#custom .opMedia .ms-WPBody .ms-rtestate-field h3,
	#custom .opMedia .ms-WPBody .ms-rtestate-field h4
		{ background-color: var(--casgraylight); color: var(--udblue); }

/* Web Parts */
	/* Paging Controls */
		/* The Paging Controls' Containers */
		.cswpPaged-PagerWrapper-Top, .cswpPaged-PagerWrapper-Bottom { clear: both; text-align: center; }
		.cswpPaged-PagerWrapper-Top { padding-bottom: 30px; }
		.cswpPaged-PagerWrapper-Bottom { padding-top: 30px; }
		/* The default paging control button styles */
		.cswpPaged-List .ms-promlink-button { background-color: white; margin: 0 2px; border: none; }
		#o1 .cswpPaged-List .ms-promlink-button span { font-size: 14px; font-weight: 700; line-height: 24px; }
		.cswpPaged-List .ms-promlink-button-image, 
		.cswpPaged-List .ms-promlink-button 
			{ height: 24px; width: 24px; }
		/* An 'enabled' button is a standard, functional, normal button. */
		.cswpPaged-List .ms-promlink-button-enabled { background-color: white; } 
		.cswpPaged-List .ms-promlink-button-enabled:hover { background-color: var(--casgraylight); }
		/* A 'disabled' button is one that is greyed out / displayed but not used. E.g. the */
		/* [<] button to go to the first page when you're already on page 1. */
		.cswpPaged-List .ms-promlink-button-disabled, 
		.cswpPaged-List .ms-promlink-button-disabled:hover { background-color: transparent; cursor: default; }
		.cswpPaged-List .ms-promlink-button-disabled span, 
		.cswpPaged-List .ms-promlink-button-disabled:hover span { color: white; }
		.cswpPaged-List .ms-promlink-button-disabled:not(.currPage) span { color: transparent; }
		/* The 'currPage' button is one displaying the number of the page you're currently on. */
		/* It's also disabled because clicking it would serve no real purpose.*/
		.cswpPaged-List .ms-promlink-button-disabled.currPage { background-color: var(--casgraydark); } 
		.cswpPaged-List .ms-promlink-button-disabled.currPage span { color: white; }

	/* CAS Search Box */
		#custom #CASSearchBox #SearchBox { float: right; }
		#custom #CASSearchBox #SearchBoxClear span { font-size:20px; padding:7px 5px; }
		#custom #CASSearchBox #SearchBoxClear,
		#custom #CASSearchBox #SearchBoxGo { font-size:15px; padding:7px 5px; }
		#custom #CASSearchBox #SearchBox { width: 400px; }
		#custom #CASSearchBox {  margin-bottom: 20px; height: 37px; }
		#custom #CASSearchBox .ms-srch-sbLarge-fullWidth { width: 270px; }
		#custom #CASSearchBox input { font-size: 14px; line-height: 16px; margin: 0 0 0 10px; padding: 0; }
		@media only screen and (max-width: 400px) { 
			#custom #o1 #CASSearchBox #SearchBox { width: 100%; display: block; float: none; }
			#custom #o1 #CASSearchBox #SearchBox .ms-srch-sbLarge { display: block; }
			#custom #o1 #CASSearchBox .ms-srch-sbLarge-fullWidth { width: 75%; display: block; }
		}

	/* News */
		@media only screen and (max-width: 900px) {
			#custom div.CAS_NewsList-Item .CAS_NewsList-Blurb { display: none; }
			#custom div.CAS_NewsList-Item h2.CAS_NewsList-Headline { font-size: 18px; }
		}

	/* Events */
		.EventLeftPanel { width: 350px; float: left; border:  2px solid var(--casgray); background-color: var(--casgraylight); }
		.EventLeftPanel img { width: 100%; }
		.EventLeftPanel .EventLeftPanelInnerWrapper { padding: 20px; }
		.EventRightPanel { padding-left: 400px; }
		.EventPanelSection { padding-top: 20px; }
		#custom .WPLeftFloatedWithWrap.EventSpeakerImage { width: 200px; }
		.EventRightPanel H2 { margin-top: 0 !important; }
		@media only screen and (max-width: 900px) {
			#custom .EventLeftPanel { width: 40%; }
			#custom .EventRightPanel { padding-left: calc(40% + 20px); }
		}
		@media only screen and (max-width: 700px) {
			#custom #o1 .EventLeftPanel { width: 100%; float: none; }
			#custom #o1 .EventRightPanel { padding-left: 0; padding-top: 50px; }
		}

	/* Gallery */
		.GalleryGrid-Tile { display: inline-block; float: left; margin: 10px; width: calc(25% - 20px); }
		.GalleryGrid-Tile:not(.GalleryGrid-Tile-CQWP):nth-of-type(4n+2) { clear: both; }
		.GalleryGrid-Tile-CQWP:nth-of-type(4n+1) { clear: both; }
		.GalleryGrid-Tile img { width: 100%; }
		.GalleryGrid-Tile .GalleryGrid-GalleryName { text-align: center; }
		@media only screen and (max-width: 900px) {
			.GalleryGrid-Tile { width: calc(50% - 20px); }
			.GalleryGrid-Tile:nth-of-type(2n+2) { clear: both; }
		}

	/* Bio List */
		/* Increased Font Size */
		/*.CAS_BioList-Item { font-size: 20px; }*/
		@media only screen and (max-width: 900px) {
			#custom .CAS_BioList-Item { font-size: 15px; }
		}

	/* Bio Individual page */
		#bpName { display: none; }
		.bpDemographics,
		.bpShortcuts
			{ display: inline-block; width: calc(var(--contentWidth)/2 - var(--imgWidth25)/2 - var(--imgPaddingSide)/2); }
		.bpDemographics { float: left; }
		.bpShortcuts { float: right; }
		@media only screen and (max-width: 900px) {
			img.WPLeftFloatedWithWrap { width: 200px; float: none; display: block; }
			.bpDemographics,
			.bpShortcuts
				{ display: block; width: 100%; }
			.bpDemographics { float: none; margin-bottom: 20px; }
			.bpShortcuts { float: none; text-align: left; }
			.bpSection iframe { width: 100%; }
		}

	/* Rendition Editors / Crop Pages */
		.CAS_Rendition-Row { width: 200px; padding: 10px; float: left; }
		.CAS_Rendition-Row:nth-of-type(3n+1) { clear: both; }
		.CAS_Rendition-Row img { width: 100%; }

/* Embed Form Fixes */
	input,
	select
		{ max-width: 90vw !important; }

/* Registrar acalog Embed */
    #custom #o1 #o2 div.acalog table { background-color: var(--casgraylight); margin-bottom: 20px; }
    #custom #o1 #o2 div.acalog th,
    #custom #o1 #o2 div.acalog td 
    	{ border: none; padding: 5px; }

    #custom .acalog-permalink { display: inline-block; }

    #custom #o1 #o2 div.acalog div.acalog-program-description p:first-of-type,
    #custom a.acalog-close,
    #custom h1.acalog-program-name,
    #custom div.acalog-permalink-container,
    #custom div.acalog-program-core-course-container
    	{ display: none; }

/* Mobile */
	/* Mobile Tablet AND Phone */
	@media only screen and (max-width: 1280px) {
		body {
			--twocolleftmargin: calc(50% - var(--contentWidth)/2);
			--twocolrightmargin: calc(50% - var(--contentWidth)/2);
		}
		#breadcrumb,
		#newsBreadcrumb
			{ width: var(--contentWidth) }
		#OmniPageLeftWrapper { display: none; }
		#contentBox h1#header,
		.opBody 
			{ width: var(--contentWidth); padding: 0 var(--gutterWidth); margin: 0 auto; }
	}
	/* Mobile Phone Only */
	@media only screen and (max-width: 900px) {
		#custom #o1 #breadcrumbWrapper,
		#custom #o1 #newsBreadcrumbWrapper
			{ padding: 20px; }
		#custom #o1 #header,
		#custom #o1 #contentRow .opBodyWrapper 
			{ padding: var(--nearZero) var(--phoneGutter); width: auto; }
		#custom #o1 .opBody
			{ width: 100%; float: none; margin: 0; }
	}