﻿@font-face
{
	font-family: "United Serif Reg"; 
	src: url("/Style Library/fonts/united/UnitedSerifReg-Bold.otf") format("opentype");
}

@font-face
{
	font-family: "United Serif Reg Black"; 
	src: url("/Style Library/fonts/united/UnitedSerifReg-Black.otf") format("opentype");
}

@media screen
{
	#signinlink
	{
		display: none;
	}
	
	div.vjs-loading-spinner, div.amp-content-title
	{
		display: none !important;
	}
	
	#topnavcontainer
	{
		z-index: 4;
	}
	
	#s4-bodyContainer div#main
	{
		z-index: 3;
	}
	
	#main div#contentarea
	{
		margin: 0;
		padding: 0;
	}
	
	#content
	{
		margin-top: 0;
	}
	
	.section
	{
		position: relative;
		z-index: 2;
	}

	/* Sllder */
	#sitebannerctr
	{
		margin-top: -82px;
		padding-top: 82px;
	}
	
	#sitebannerhome
	{
		position: relative;
		background-color: #FFFFFF;
	}
	
	#main #sitebannerhome img
	{
		width: 100%;
		height: auto;
	}
	
	div.carousel-caption
	{
		position: absolute;
		left: 0;
		right: 0;
		bottom: 0;
		/*z-index: 100;*/
		padding-top: 20px;
		padding-bottom: 20px;
		color: #fff;
		text-align: left;
		text-shadow: none;
		background-image: linear-gradient(to right, rgba(0,43, 92, 0.7) 0, rgba(0,0,0,0) 100%);
	}
	
	#main .carousel-caption h2
	{
		color: #FFFFFF;
		text-shadow: 1px 1px #000000, -1px 1px #000000, 1px -1px #000000, -1px -1px #000000;
		font-size: calc(11pt + 4vw);
		margin: 0 0 0 20px;
	}
	
	#main .carousel-caption div
	{
		color: #FFFFFF;
		text-shadow: 1px 1px #000000, -1px 1px #000000, 1px -1px #000000, -1px -1px #000000;
		font-size: calc(10pt + 1.75vw);
		margin: 0 0 0 40px;
	}
	
	#main .carousel-caption div::after
	{
		content: " »";
	}
	
	#sitebannerhome .carousel-control.right,
	#sitebannerhome .carousel-control.left
	{
		background-image: none;
		max-width: 30px !important;
		text-shadow: 1px 1px #000000, -1px 1px #000000, 1px -1px #000000, -1px -1px #000000;
		color: #FFFFFF !important;
		opacity: 1 !important;
		outline: none !important;
	}
	
	#sitebannerhome .slide
	{
		position: relative;
	}
	
	.carousel-fade .carousel-inner .item
	{
		-webkit-transition-property: opacity;
		transition-property: opacity;
		padding-left: 0;
		padding-right: 0;
		padding-top: 0;
		padding-bottom: 0;
	}
	
	.carousel-fade .carousel-inner .item,
	.carousel-fade .carousel-inner .active.left,
	.carousel-fade .carousel-inner .active.right
	{
		opacity: 0;
	}
		
	.carousel-fade .carousel-inner .active,
	.carousel-fade .carousel-inner .next.left,
	.carousel-fade .carousel-inner .prev.right
	{
		opacity: 1;
	}
		
	.carousel-fade .carousel-inner .next,
	.carousel-fade .carousel-inner .prev,
	.carousel-fade .carousel-inner .active.left,
	.carousel-fade .carousel-inner .active.right
	{
		left: 0;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
		
	.carousel-fade .carousel-control 
	{
		z-index: 2;
	}
	
	/* COVID Information */
	.cvbanner
	{
		margin: 10px;
		padding: 0;
		border: 1px solid #000000;
	}
	
	#main .cvbanner h3
	{
		margin: 0;
		padding: 10px;
		min-width: 150px;
		background-color: #E54F3D;
		text-align: center !important;
		font-size: 18pt;
		font-weight: bold;
		color: #000000 !important;
	}
	
	#main .cvbanner p
	{
		font-size: 14pt;
		margin: 0;
		padding: 10px;
		text-align: left;
	}
	
	.cvbanner p span
	{
		display: block;
	}
	
	.cvbanner p span.cvb1
	{
		font-weight: bold;
		margin-bottom: 10px;
	}
	
	.cvbanner p a, .cvbanner p a:link, .cvbanner p a:visited
	{
		color: #006699;
		text-decoration: none;
	}
	
	cvbanner p a:hover
	{
		text-decoration: underline;
	}
	
	.cvbanner p a span.cvb2
	{
		font-size: 12pt;
	}
	
	/*#choose2019 h2,*/ #newsevents h2, #whydmacc h2, #getstarted h2, #ytctr h2/*, #sm-feeds h2*/
	{
		font-family: 'Raleway', sans-serif;
		font-size: 24pt;
		font-weight: 900;
		color: #FFFFFF; /*#002B5C;*/
		background-color: #002B5C;
		border-bottom: none;
		line-height: normal;
		margin: 0 0 0 0;/*70px 0 10px 0;*/
		padding: 30px 0 10px 0;
		border-bottom: 1px solid #CFD4D8;
	}
	
	#newsevents h2
	{
		background-color: #FFFFFF;
		color: #002B5C;
		border-bottom: none;
	}
	
	#whydmacc, #newsevents, #sm-feeds
	{
		text-align: center;
		background-color: #FFFFFF;
	}
	
	#content /* #whyinfo */
	{
		margin-top: 150px;
		margin-right: 0;
	}
	
	#whyinfo
	{
		margin-top: 30px;
	}
	
	#newsevents .news-item
	{
		position: relative;
		width: 310px; /*310px;*/
		height: 350px; /*400px; /*375px;*/
		margin: 0 5px 15px 5px;
		padding: 0 10px 10px 10px;
		display: inline-block;
		color: #000000;
		text-align: left;
		background-size: 310px auto;
		background-position: left top;
		background-repeat: no-repeat;
		vertical-align: top;
		font-size: 110%;
		border: 1px solid #CFD4D8;
	}
	
	#newsevents .news-item a
	{
		display: block;
	}
	
	#newsevents .news-item h3
	{
		color: #000000;
		font-size: 14pt;
		font-weight: bold;
		margin: 0 0 10px 0;
		padding: 0;
	}
	
	#newsevents .news-item img
	{
		position: relative;
		top: 0;
		left: 0;
		width: 288px; /*310px;*/
		height: 145px; /*175px;*/
		margin: 0 auto 20px auto;
		padding: 0;
	}
	
	#morenews
	{
		min-width: 310px;
		max-width: 1600px; /*950px;*/
		margin: 0px auto 30px auto;
		text-align: left;
	}
	
	#morenews a
	{
		color: #006699;
		font-size: 14pt;
		padding: 0 10px;
		font-weight: bold;
	}
	
	#content
	{
		text-align: center;
	}
	
	#hm-left, #hm-center, #hm-right
	{
		display: inline-block;
		width: 310px;
		height: 310px;
		margin: 5px;
		vertical-align: top;
	}
	
	#content img
	{
		width: 310px;
		height: 310px;
	}
	
	/* Get Started Boxes */
	#getstarted
	{
		text-align: center;
		background-color: rgba(0, 43, 92, 0.6);/*#CFD4D8;*/
		padding-bottom: 30px;
	}
	
	#getstarted h2
	{
		background-color: transparent; /*rgba(0, 43, 92, 0.4);/*#CFD4D8;*/
		color: #FFFFFF; /*#002B5C;*/
		border-bottom: none;
	}
	
	.gs-box
	{
		display: inline-block;
		width: 100%;
		max-width: 350px;
		height: 350px;
		margin: 5px;
		vertical-align: middle;
		background-color: #002B5C;
	}
	
	.gs-box a
	{
		display: block;
		width: 100%;
		height: 100%;
		color: #FFFFFF;
		text-decoration: none;
		position: relative;
	}
	
	.gsb1
	{
		display: flex;
		/*padding-top: 140px;*/
		padding-top: 55px;
		justify-content: center;
		align-items: center;
		height: 100%;
		font-size: 32pt;
		font-family: "United Serif Reg Black", serif;
		text-transform: uppercase;
		color: #FE1A3D;
		line-height: 1.0 !important;
  	}
  	
  	.gsb2
  	{
		display: block;
		position: absolute;
		bottom: 20px;
		left: 30px;
		right: 30px;
		padding: 10px;
		font-family: "United Serif Reg", serif;
		text-align: center;
		font-size: 28pt;
		border: 1px solid #FFFFFF;
		border-radius: 5px;
		line-height: 1.0;
	}
	
	.gs-box a:hover .gsb2
	{
		text-decoration: underline;
	}
	
	#gsbox-1
	{
		background-image: url('/PublishingImages/1s.jpg');
	}
	
	#gsbox-2
	{
		background-image: url('/PublishingImages/2s.jpg');
	}
	
	#gsbox-3
	{
		background-image: url('/PublishingImages/3s.jpg');
	}
	
	#gsbox-3 a .gsb1
	{
		font-size: 28pt; /*32pt;*/
		/*margin-top: 50px;*/
	}
	
	/* Homepage Video Embed */
	#ytctr
	{
		background-color: #CFD4D8;
		text-align: center;
		margin-top: 100px;
		margin-bottom: 0;
		padding-bottom: 20px;
	}
	
	#ytctr h2
	{
		background-color: #CFD4D8;
		color: #000000;
		border-bottom: none;
	}
	
	#ytctr p
	{
		font-size: 14pt;
	}	
	
	#ytctr p a
	{
		font-weight: bold;
	}
	
	.youtubehome
	{
		position: relative;
		max-width: 1600px;
		padding-bottom: 31.25%; /*56.25%;*/
		padding-top: 0;
		margin: 40px 0 0 0;
		height: 0;
		overflow: hidden;
		background-color: #002B5C;
	}
	
	.youtubehome iframe, .youtubehome object, .youtubehome embed, .youtubehome video, .youtubehome div.azuremediaplayer-dimensions, .youtubehome img
	{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		margin: 0;
		padding: 0 0 0 0;
	}
	
	#main .youtubehome img
	{
		width: 100%;
		height: auto;
		overflow: hidden;
	}
	
	.youtubehome video
	{
		height: auto !important;
		overflow: hidden;
	}
	
	/* top video */
	div.azuremediaplayer-dimensions
	{
		width: 100%;
		height: calc(100vw * .3415);
	}
	
	#main .amp-default-skin .vjs-control.vjs-fullscreen-control,
	#main .amp-default-skin .vjs-control.amp-moreoptions-control,
	#main .amp-default-skin .vjs-control.amp-audiotracks-control,
	#main .amp-default-skin .vjs-control.amp-quality-control
	{
		display: none;
	}
	
	#main .azuremediaplayer .vjs-control-bar
	{
		display: none;
	}
	
	#main .azuremediaplayer:hover .vjs-control-bar,
	#main .azuremediaplayer:focus .vjs-control-bar
	{
		display: block;
	}
	
	#main .amp-default-skin .vjs-big-play-button
	{
		top: calc(100vw * 0.1);
		left: calc(100vw * 0.45);
	}
	
	/* Countdown to start of term box */
	#newsevents .news-item#cntdays
	{
		position: relative;
		width: 310px;
		/*height: 310px;*/
		margin: 0;
		padding: 0;
		background-color: #002B5C;
		color: #FFFFFF;
		text-align: center;
	}
	
	#cd-days
	{
		position: absolute;
		top: 20px;
		right: 20px;
		width: 270px;
		height: 140px;
		font-size: 100px;
		font-weight: bold;
	}
	
	#cd-msg
	{
		position: absolute;
		top: 160px;
		left: 20px;
		width: 270px;
		padding: 20px;
		border-top: 1px solid #A4D7F4;
		font-size: 20px;
		font-weight: bold;
	}
	
	#cntdays #cd-registerlink a
	{
		display: block;
		position: absolute;
		bottom: 0;
		left: 0;
		width: 130px;
		height: 40px;
		padding: 10px 20px;
		background-color: #00539B;
		font-size: 16px;
		font-weight: bold;
		border-right: 1px solid #A4D7F4;
		text-align: center;
		color: #A4D7F4;
	}
	
	#cntdays #cd-browselink a
	{
		display: block;
		position: absolute;
		bottom: 0;
		right: 0;
		width: 180px;
		height: 40px;
		padding: 10px 20px;
		background-color: #00539B;
		font-size: 16px;
		font-weight: bold;
		text-align: center;
		color: #A4D7F4;
	}
}

@media screen and (min-width: 768px)
{
	#sitebannerctr
	{
		margin-top: -132px; /*-150px;*/
	}
	
	#sitebannerhome
	{
		position: relative;
		/*z-index: 100;*/
		width: 100%;
		background-color: #FFFFFF;
	}
	
	#sb-overlay
	{
		top: 132px;
	}
	
	/*#newsevents div.news-item
	{
		width: 50%;
		height: 28.23vw;
	}
	
	#newsevents div.news-item:nth-child(2n+1)
	{
		border-right: 1px solid #CFD4D8;
	}*/
	
	div#s4-bodyContainer div#main
	{
		padding-bottom: 0;
	}
}

@media screen and (min-width: 1200px)
{
	.cvbanner
	{
		display: table;
		width: 1180px;
		margin: 10px auto;
	}
	
	.cvbanner h3, .cvbanner p
	{
		display: table-cell;
		vertical-align: middle;
	}
}

@media screen and (min-width: 1280px)
{
	/*#newsevents div.news-item
	{
		width: 20%;
		height: 11.29vw;
		border-right: 1px solid #CFD4D8;
	}
	
	#newsevent div.news-item:nth-child(5n)
	{
		border-right: none;
	}*/
}

@media screen and (min-width: 1600px)
{
	.youtubehome
	{
		width: 1600px;
		margin: 40px auto 40px auto;
		padding-bottom: 500px; /*900px;*/
	}
}

@media screen and (min-width: 1720px)
{
	#sitebannerctr
	{
		padding-top: 32px;
	}
}

@media screen and (max-width: 1024px)
{
	a#visitLink, a#visitLink:link, a#visitLink:hover, a#visitLink:visited, a#visitLink:active/*, #sb-overlay*/
	{
		display: none;
	}
}

@media screen and (max-width: 767px)
{
	#content
	{
		margin-top: 30px;
	}
	
	#sitebannerhome button#cvbtn
	{
		display: none;
	}
	
	div.carousel-caption
	{
		position: static;
		min-height: 135px;
		background-image: none;
		background-color: #002B5C;
	}
	
	#sitebannerhome .carousel-control .icon-prev, #sitebannerhome .carousel-control .icon-next, 
	#sitebannerhome .carousel-control .glyphicon-chevron-left, #sitebannerhome .carousel-control .glyphicon-chevron-right
	{
		top: 75%;
	}
	
	#topnavcontainer
	{
		z-index: 6;
	}
}

@media print
{
	.contentlink, #applyLink, #contactLink, #visitLink, #whydmacc, #stutypes, .ht-phlink, .sb-visit, #sm-feeds, iframe, #getstartedfall
	{
		display: none !important;
	}
}
