﻿@media screen
{
	#signinlink
	{
		display: none;
	}
	
	div.vjs-loading-spinner, div.amp-content-title
	{
		display: none !important;
	}
	
	#topnavcontainer
	{
		z-index: 4;
	}
	
	#main div#contentarea
	{
		margin: 0;
		padding: 0;
	}
	
	#content
	{
		margin-top: 0;
	}
	
	.section
	{
		position: relative;
		z-index: 2;
	}
	
	#sitebannerhome
	{
		margin-top: -82px;
		padding-top: 82px;
		position: relative;
		background-color: #FFFFFF;
	}
	
	#sitebannerhome .slide
	{
		position: relative;
	}
	
	#sitebannerhome .fp-tableCell
	{
		height: 100% !important;
	}
	
	#sitebannerhome video
	{
		width: 100%;
		margin: 0 auto;
		padding: 0;
		background-color: #FFFFFF;
		display: block;
	}
	
	#sitebannerhome button
	{
		min-width: 0;
	}
	
	#sitebannerhome .campusvid-dimensions
	{
		width: 100%;
		height: 100%;
	}
	
	#sitebannerhome .campusinfo
	{
		display: none;
		min-width: 300px;
		max-width: 500px;
		padding: 25px 15px 15px 25px;
		background-color: rgba(0, 43, 92, 0.8);
		color: #FFFFFF;
		text-align: left;
		position: absolute;
		bottom: 135px;
		left: 0;
		z-index: 3;
	}
	
	#sitebanner div.vjs-text-track-display div
	{
		display: inline-block !important;
		min-width: 300px !important;
		max-width: 500px !important;
		padding: 25px 15px 15px 25px !important;
		background-color: rgba(0, 43, 92, 0.8) !important;
		color: #FFFFFF !important;
		text-align: left !important;
		position: absolute !important;
		bottom: 135px !important;
		left: 0 !important;
		z-index: 3 !important;
	}
	
	#sitebannerhome a.sb-visit
	{
		display: block;
		position: absolute;
		right: -10px;
		top: -10px;
		width: 100px;
		margin: 0;
		padding: 5px 10px;
		background-color: rgba(0, 83, 155, 1.0);
		border-radius: 20px;
		font-size: 140%;
		color: #FFFFFF;
		text-decoration: none;
		text-align: center;
	}
	
	#sitebannerhome a.sb-visit2
	{
		display: block;
		position: absolute;
		left: 325px;
		bottom: 20px; /*350px;*/
		width: 100px;
		margin: 0;
		padding: 5px 10px;
		background-color: rgba(0, 83, 155, 1.0);
		border-radius: 20px;
		font-size: 140%;
		color: #FFFFFF;
		text-decoration: none;
		text-align: center;
	}
	
	#sitebannerhome .fp-slidesNav
	{
		margin-top: 82px;
	}
	
	#sitebannerhome .fp-slidesNav ul li a span,
	#sitebannerhome .fp-slidesNav ul li a.active span
	{
		background-color: #FFFFFF;
		color: #000000;
	}
	
	#sitebannerhome .fp-controlArrow
	{
		display: none;
	}
	
	#sitebannerhome .fp-table-cell
	{
		padding-bottom: -135px;
	}
	
	#main .campusinfo h2
	{
		font-size: 18pt;
		font-weight: bold;
		color: #FFFFFF;
		line-height: normal;
		margin: 0;
		padding: 0;
	}
	
	#whydmacc, #newsevents, #sm-feeds
	{
		text-align: center;
		background-color: #FFFFFF;
	}
	
	#choose h2, #whydmacc h2, #newsevents h2, #sm-feeds h2
	{
		font-family: 'Raleway', sans-serif;
		font-size: 24pt;
		font-weight: 900;
		color: #002B5C;
		border-bottom: none;
		line-height: normal;
		margin: 70px 0 10px 0;
		padding: 0;
	}
	
	#content /* #whyinfo */
	{
		margin-top: 150px;
		margin-right: 0;
	}
	
	#whyinfo
	{
		margin-top: 30px;
	}
	
	#whyinfo .info, #sm-feeds .news-item
	{
		width: 310px;
		height: 550px;
		margin: 5px 5px 72px 5px;
		padding: 250px 10px 10px 10px;
		display: inline-block;
		background-color: #002B5C;
		color: #FFFFFF;
		text-align: left;
		background-size: 310px auto;
		background-position: left top;
		background-repeat: no-repeat;
		vertical-align: top;
		font-size: 110%;
	}
	
	#newsevents .news-item
	{
		position: relative;
		width: 310px;
		height: 375px;
		margin: 5px 5px 15px 5px;
		padding: 190px 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;
	}
	
	.hm-type2019
	{
		position: relative;
		background-size: cover;
	}
	
	.ht-box2019
	{
		position: relative;
		top: 0;
		padding: 0;
		width: 100%;
		margin: 0;
		padding: 0;
		color: #FFFFFF;
		font-size: 80%;
		text-align: center;
		display: inline-block;
	}
	
	#main .ht-box2019 h2
	{
		color: #FFFFFF;
		margin: 0;
		padding: 30px;
	}
	
	#main .ht-box2019 a
	{
		color: #FFFFFF;
		display: block;
	}
	
	/*#dontknow
	{
		background-color: #002B5C;
		background-image: url('https://img.dmacc.edu/SiteCollectionImages/dmacc2018/dontknowsquare.jpg');
	}
	
	#transfer
	{
		background-color: #E54F3D;
		background-image: url('https://img.dmacc.edu/SiteCollectionImages/dmacc2018/transfersquare.jpg');
	}
	
	#career
	{
		background-color: #78A22F;
		background-image: url('https://img.dmacc.edu/SiteCollectionImages/dmacc2018/advanceCareersquare.jpg');
	}
	
	#skill
	{
		background-color: #78A22F;
		background-image: url('https://img.dmacc.edu/SiteCollectionImages/dmacc2018/careerTechnicalsquare.jpg');
	}
	
	#highschool
	{
		background-color: #002B5C;
		background-image: url('https://img.dmacc.edu/SiteCollectionImages/dmacc2018/highschoolsquare.jpg');
	}
	
	#online
	{
		background-color: #E54F3D;
		background-image: url('https://img.dmacc.edu/SiteCollectionImages/dmacc2018/takeClassesOnlinesquare.jpg');
	}*/
	
		#choose
	{
		position: relative;
		max-width: 990px;
		margin: 0 auto;
		padding: 0;
		text-align: center;
	}
	
	.hm-type
	{
		position: relative;
		width: 310px;
		height: 494px;
		margin: 25px 5px;
		padding: 0;
		display: inline-block;
		color: #FFFFFF;
		text-align: left;
		background-position: left top;
		background-size: cover;
	}
	
	.hm-type .ht-box
	{
		max-width: none;
		position: absolute;
		margin: 0;
		padding: 0;
		bottom: 10px;
		left: 10px;
		right: 10px;
		top: 215px;
		font-size: 100%;
		color: #FFFFFF;
		text-align: center;
		vertical-align: bottom;
		display: inline !important;
		opacity: 0.9;
	}
	
	.hm-type .ht-box a
	{
		color: #FFFFFF;
	}
	
	#main .ht-box h2
	{
		position: absolute;
		top: 20px;
		left: 20px;
		right: 20px;
		margin: 0;
		padding: 0 0 30px 0;
		height: 70px;
		border-bottom: 1px solid #FFFFFF;
		font-size: 18pt;
		font-weight: 800;
	}
	
	#main .ht-box h2 a
	{
		display: block;
		height: 70px;
	}
	
	#main .ht-box p
	{
		position: absolute;
		top: 110px;
		left: 20px;
		right: 20px;
		margin: 0;
		padding: 0 0 30px 0;
		height: 70px;
	}
	
	#main .ht-phlink a
	{
		display: block;
		position: absolute;
		bottom: 20px;
		left: 50px;
		right: 50px;
		margin: 0 auto;
		font-size: 140%;
		padding: 20px;
		border: 1px solid #FFFFFF;
		border-radius: 10px;
	}
	
	/*#main .hm-type#online p, #main .hm-type#online h2,
	#main .hm-type#online p a, #main .hm-type#online h2 a,
	#main .hm-type#online .ht-phlink a
	{
		color: #000000;
		border-color: #000000;
	}*/
	
	#dontknow
	{
		background-color: #002B5C;
		vertical-align: bottom !important;
		background-image: url('https://img.dmacc.edu/SiteCollectionImages/dmacc2018/dontKnow.jpg');
	}
	
	#transfer
	{
		background-color: #E0321F;
		vertical-align: bottom !important;
		background-image: url('https://img.dmacc.edu/SiteCollectionImages/dmacc2018/transfer.jpg');
	}
	
	#career
	{
		background-color: #78A22F;
		vertical-align: bottom !important;
		background-image: url('https://img.dmacc.edu/SiteCollectionImages/dmacc2018/advanceCareer.jpg');
	}
	
	#skill
	{
		background-color: #78A22F;
		vertical-align: bottom !important;
		background-image: url('https://img.dmacc.edu/SiteCollectionImages/dmacc2018/careerTechnical.jpg');
	}
	
	#highschool
	{
		background-color: #002B5C;
		vertical-align: bottom !important;
		background-image: url('https://img.dmacc.edu/SiteCollectionImages/dmacc2018/highSchool.jpg');
	}
	
	#online
	{
		background-color: #E0321F; /*#857300; /*#A89200; /*#FFDD00; /*#78A22F;*/
		vertical-align: bottom !important;
		background-image: url('https://img.dmacc.edu/SiteCollectionImages/dmacc2018/takeClassesOnline.jpg');
	}
	
	#dontknow .ht-box, #highschool .ht-box
	{
		background-color: #002B5C;
	}
	
	#transfer .ht-box, #online .ht-box
	{
		background-color: #E0321F;
	}
	
	#career .ht-box, #skill .ht-box
	{
		background-color: #78A22F;
	}
	
	#online .ht-box
	{
		background-color: #E0321F; /*#857300; /*#A89200; /*#FFDD00; /*#78A22F;*/
	}
	

	
	#sm-feeds .news-item
	{
		color: #000000;
		height: 700px;
	}
	
	#sm-feeds .i-twitter
	{
		padding: 0px;
		background-color: transparent;
	}
	
	#sm-feeds div.i-instagram
	{
		width: 100%;
		min-width: 310px;
		max-width: 630px;
		padding: 0px;
		background: transparent;
		height: auto;
	}
	
	#sm-feeds div.i-instagram h3
	{
		font-size: 21px;
		font-weight: 300;
		line-height: 24px;
		color: #292F33;
		font-family: Helvetica, Roboto, "Segoe UI", Calibri, sans-serif;
	}
	
	#sm-feeds div.i-instagram h3 a
	{
		color: #002B5C;
	}
	
	#sm-feeds .i-twitter iframe
	{
		height: 700px !important;
	}
	
	#whydmacc .info h2
	{
		color: #FFFFFF;
		font-size: 29pt;
		font-weight: bold;
		margin: 0 0 10px 0;
		padding: 10px 0 0 0;
		border-top: 1px solid #FFFFFF;
	}
	
	#newsevents .news-item h3
	{
		color: #000000;
		font-size: 14pt;
		font-weight: bold;
		margin: 0 0 10px 0;
		padding: 0;
	}
	
	#whydmacc .info h2 a, #newsevents .news-item h3 a
	{
		display: block;
		position: relative;
	}
	
	#newsevents .news-item h3 a, #newsevents .news-item p a
	{
		color: #003399;
	}
	
	#whydmacc .info h2 a:after
	{
		content: url('https://img.dmacc.edu/SiteCollectionImages/dmacc2016/arrow.png');
		position: absolute;
		bottom: -40px;
		right: 40px;
		margin: 0;
	}
	
	.info a
	{
		color: #FFFFFF;
	}
	
	#main .info p
	{
		margin-right: 105px;
	}
	
	#whyinfo .i-orange, #newsevents .i-orange
	{
		background-color: #E0321F;
	}
	
	#whyinfo .i-ltblue, #newsevents .i-ltblue
	{
		background-color: #00539B;
	}
	
	#whyinfo .i-testimonials
	{
		background-image: url('https://img.dmacc.edu/SiteCollectionImages/dmacc2018/earnADegreeOnline.jpg');
	}	
	
	#whyinfo .i-faculty
	{
		background-image: url('https://img.dmacc.edu/SiteCollectionImages/dmacc2016/meetOurProfessors.jpg');
	}	
	
	#whyinfo .i-afterdmacc
	{
		background-image: url('https://img.dmacc.edu/SiteCollectionImages/dmacc2016/afterDmacc.jpg');
	}
	
	.i-arrow
	{
		float: right;
		margin: 0 25px 5px 5px;
		padding: 0;
	}
	
	#newsevents .news-item img
	{
		position: absolute;
		top: 0;
		left: 0;
		width: 310px;
		height: 175px;
		margin: 0 auto;
		padding: 0;
	}
	
	#morenews
	{
		min-width: 310px;
		max-width: 950px;
		margin: 0px auto 30px auto;
		text-align: left;
	}
	
	#morenews a
	{
		color: #006699;
		font-size: 14pt;
		padding: 0 10px;
		font-weight: bold;
	}
	
	#transfer img.desktop
	{
		right: 0;
		left: auto;
	}
	
	#newsevents h2, #sm-feeds h2
	{
		margin-top: 80px;
		margin-bottom: 40px;
	}
	
	#content
	{
		text-align: center;
	}
	
	#hm-left, #hm-center, #hm-right
	{
		display: inline-block;
		width: 310px;
		height: 310px;
		margin: 5px;
		vertical-align: top;
		/*position: relative;*/
	}
	
	#content img
	{
		width: 310px;
		height: 310px;
	}
	
	.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;
	}
		
	/* Countdown to start of term box */
	#cntdays
	{
		position: relative;
		width: 310px;
		height: 310px;
		margin: 0;
		padding: 0;
		background-color: #002B5C;
		color: #FFFFFF;
	}
	
	#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;
	}
	
	#content #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;
	}
	
	#content #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: 769px)
{
	#sitebannerhome
	{
		margin-top: -132px; /*-150px;*/
		position: relative;
		z-index: 100;
		width: 100%;
		background-color: #FFFFFF;
	}
	
	#choose2019
	{
		display: block;
		float: left;
		margin:0;
		padding: 0;
	}
	
	.hm-type2019
	{
		display: inline;
		float: left;
		width: 33%;
		margin: 0;
		padding: 0;
		vertical-align: middle;
	}
}

/*@media screen and (min-width: 1250px)
{
	.hm-type2019
	{
		width: 16.6%;
	}
}*/

@media screen and (max-width: 1024px)
{
	a#visitLink, a#visitLink:link, a#visitLink:hover, a#visitLink:visited, a#visitLink:active
	{
		display: none;
	}
	
	#whyinfo
	{
		margin-top: 30px;
	}
	
	#sm-feeds .news-item
	{
		height: 500px;
	}
	
	#sm-feeds div.i-twitter iframe
	{
		height: 500px !important;
	}
	
	#sitebannerhome video, #sitebannerhome iframe, #sitebannerhome a.sb-visit2
	{
		display: none;
	}
	
	#sitebannerhome .campusinfo
	{
		bottom: 75px;
		display: inline-block;
	}
	
	#sitebannerhome .slide
	{
		position: relative;
		display: block;
	}

	#sbdownlink
	{
		bottom: 10px;
	}
	
	.ht-box
	{
		top: 40px;
		left: 30px;
		right: 30px;
	}
	
	#sb-ankeny
	{
		background-image: url('https://img.dmacc.edu/SiteCollectionImages/dmacc2016/ankeny.jpg');
		background-size: cover;
		background-position: center top;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		display: none;
	}

	#sb-boone
	{
		background-image: url('https://img.dmacc.edu/SiteCollectionImages/dmacc2016/boone.jpg');
		background-size: cover;
		background-position: center top;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		display: none;
	}

	#sb-carroll
	{
		background-image: url('https://img.dmacc.edu/SiteCollectionImages/dmacc2016/carroll.jpg');
		background-size: cover;
		background-position: center top;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		display: none;
	}

	#sb-newton
	{
		background-image: url('https://img.dmacc.edu/SiteCollectionImages/dmacc2016/newton.jpg');
		background-size: cover;
		background-position: center top;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		display: none;
	}

	#sb-urban
	{
		background-image: url('https://img.dmacc.edu/SiteCollectionImages/dmacc2016/urban.jpg');
		background-size: cover;
		background-position: center top;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		display: none;
	}

	#sb-west
	{
		background-image: url('https://img.dmacc.edu/SiteCollectionImages/dmacc2016/west.jpg');
		background-size: cover;
		background-position: center top;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		display: none;
	}
	
	#sitebannerhome .campusinfo
	{
		bottom: 50px;
		max-width: 50% !important;
		min-width: 0px;
		padding: 20px 5px 5px 5px;
	}
	
	#sitebannerhome a.sb-visit
	{
		font-size: 120%;
	}
	
	#main .campusinfo h2
	{
		font-size: 16pt;
	}
}

@media screen and (max-width: 768px)
{
	#content
	{
		margin-top: 30px;
	}
	
	#sm-feeds .news-item
	{
		margin: 0;
	}
	
	#whyinfo
	{
		margin-top: 0;
	}
	
	#whyinfo .info
	{
		margin-bottom: 30px;
	}
	
	.hm-type
	{
		margin: 0 5px 30px 5px;
	}
}

@media screen and (max-width: 984px)
{
	#skill
	{
		background-color: #002B5C;
		background-image: url('https://img.dmacc.edu/SiteCollectionImages/dmacc2018/careerTechnical-mobile.jpg');
	}
	
	#skill .ht-box
	{
		background-color: #002B5C;
	}
	
	#highschool
	{
		background-color: #E0321F;
		background-image: url('https://img.dmacc.edu/SiteCollectionImages/dmacc2018/highSchool-mobile.jpg');
	}
	
	#highschool .ht-box
	{
		background-color: #E0321F;
	}
	
	#online
	{
		background-color: #E0321F; /*#857300; /*#A89200; /*#FFDD00; /*#78A22F;*/
		background-image: url('https://img.dmacc.edu/SiteCollectionImages/dmacc2018/takeClassesOnline-yellow.jpg');
	}
	
	#online .ht-box
	{
		background-color: /*#E0321F; /*#857300; /*#A89200; /*#FFDD00;*/ #78A22F;
	}
}

@media print
{
	.contentlink, #applyLink, #contactLink, #visitLink, #whydmacc, #stutypes, .ht-phlink, .sb-visit, #sm-feeds, iframe
	{
		display: none !important;
	}
	
	#sitebannerhome h2, .ht-box h2
	{
		margin-bottom: 0;
	}
}
