@charset "utf-8";
/* CSS Document */

.main-content {padding-top:0;}
html, body { max-width:100%; margin:0 auto; font-family:'Lato'; font-size:105%; height:100%; }
p, li, td { font-size:.8em; }
a:hover { opacity:.5; }
h1, h2, h3, h4 { font-family:'Sanchez'; }
h1 { font-size:2em; font-weight:normal; margin:0; }
h2 { font-size:1.6em; font-weight:normal; margin:0; }
h3 { font-size:1.2em; font-weight:normal; margin-bottom:0; color:#623583; }
h4 { font-size:.8em; margin-bottom:0; }
p, ul { margin-top:.2em; }
ul, ol { padding-left:15px; }
li { margin-bottom:.5em; }

.wn-logo { padding-right:5%; }
.clear { clear:both; }
.largerText { font-size:1em; }
.smallText { font-size:.8em; }
.smallerText { font-size:.7em; }
.header { background-color:#58277b; color:#fff; padding: 10px 8.333%; position:relative; }
.headerNav { position:absolute; bottom:10px; right: 8.333%;; }
.headerNav li { float:left; list-style:none; padding-left:1em; }
.headerNav a { color:#fff; text-decoration:none; }
.section { padding:0 8.333%; }
.roundedBox { border-radius:15px; background-color: rgb(237, 231, 223); background-color: rgba(237, 231, 223, 0.6); }
.reverse { color:#fff!important; }


/*---slider styles---*/
.slider { margin:.5em -9.375%; }
.slider dd { font-size:.8em; margin:0 0 3em 0; background-color:#fff; color:#333; padding:.5em 9.375% 6em 9.375%; }
.slider dd a { color:#8446ac; }
.slider dt { cursor:pointer; padding:.5em 9.375%; font-size:.85em; }
.slider dt.active, .slider dt:hover { background-color:#fff; background-color: rgba(255, 255, 255, 0.4); color: #333; }
.slider dt:after { content: " " url(../images/rightarrow15.png); }
.slider dt.active:after { content: " " url(../images/downarrow15.png); }
.slider li, .slider p { font-size:1em; }

.column1 dd { font-size:1em; }
.column1 dd li { font-size:.9em; }
.column1 .slider dd { border-color:#999; }
.column1 .slider dt.active { background-color:#e1e1e1; border-color:#999; }
.sidenote { background-color: #dedede; border-radius: 10px; padding: 10px; width: 90%; margin: auto;
			background-image: url(https://forms.weber.edu/universitycommunications/getintoweber/images/Info.png);
			background-repeat: no-repeat; background-position: 98% 5%; }



/*---Buttons---*/
.greenButton {
	display:inline-block;
	background-color: #b1c66b;
	color: #fff;
	background-image: -webkit-gradient(linear, left bottom, left top, color-stop(1, #b1c66b), color-stop(.65, #b1c66b), color-stop(.35, #97b42c), color-stop(0, #97b42c));
	background-image: -moz-linear-gradient(center bottom, #97b42c 0, #97b42c 35%, #b1c66b 65%, #b1c66b 100%);
	-moz-box-shadow: 5px 10px 5px #000;
	-webkit-box-shadow: 5px 10px 5px #000;
	box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
	border-radius:5px;
	padding:.8em;
	border:1px solid #584f46;
	text-decoration:none;
	}
.orangeButton {
	display:inline-block;
	background-color: #ec9354;
	color: #fff;
	background-image: -webkit-gradient(linear, left bottom, left top, color-stop(1, #ec9354), color-stop(.65, #ec9354), color-stop(.35, #e4701e), color-stop(0, #e4701e));
	background-image: -moz-linear-gradient(center bottom, #e4701e 0, #e4701e 35%, #ec9354 65%, #ec9354 100%);
	-moz-box-shadow: 5px 10px 5px #000;
	-webkit-box-shadow: 5px 10px 5px #000;
	box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
	border-radius:5px;
	padding:.8em;
	border:1px solid #584f46;
	text-decoration:none;
	}
.bluegreenButton {
	display:inline-block;
	background-color: #72adb2;
	color: #fff;
	background-image: -webkit-gradient(linear, left bottom, left top, color-stop(1, #72adb2), color-stop(.65, #72adb2), color-stop(.35, #37939b), color-stop(0, #37939b));
	background-image: -moz-linear-gradient(center bottom, #37939b 0, #37939b 35%, #72adb2 65%, #72adb2 100%);
	-moz-box-shadow: 5px 10px 5px #000;
	-webkit-box-shadow: 5px 10px 5px #000;
	box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
	border-radius:5px;
	padding:.8em;
	border:1px solid #584f46;
	text-decoration:none;
	}
.purpleButton {
	display:inline-block;
	background-color: #b5aad4;
	color: #fff;
	background-image: -webkit-gradient(linear, left bottom, left top, color-stop(1, #b5aad4), color-stop(.65, #b5aad4), color-stop(.35, #6f57a5), color-stop(0, #6f57a5));
	background-image: -moz-linear-gradient(center bottom, #6f57a5 0, #6f57a5 35%, #b5aad4 65%, #b5aad4 100%);
	-moz-box-shadow: 5px 10px 5px #000;
	-webkit-box-shadow: 5px 10px 5px #000;
	box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
	border-radius:5px;
	padding:.8em;
	border:1px solid #584f46;
	text-decoration:none;
	}
.darkPurpleButton {
	display:inline-block;
	background-color: #9279ac;
	color: #fff;
	background-image: -webkit-gradient(linear, left bottom, left top, color-stop(1, #9279ac), color-stop(.65, #9279ac), color-stop(.35, #58277b), color-stop(0, #58277b));
	background-image: -moz-linear-gradient(center bottom, #58277b 0, #58277b 35%, #9279ac 65%, #9279ac 100%);
	-moz-box-shadow: 5px 10px 5px #000;
	-webkit-box-shadow: 5px 10px 5px #000;
	box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3); 
	border-radius:5px;
	padding:.8em;
	border:1px solid #584f46;
	text-decoration:none;
	}
.grayButton {
	display:inline-block;
	background-color: #b4b3b2;
	color: #fff;
	background-image: -webkit-gradient(linear, left bottom, left top, color-stop(1, #b4b3b2), color-stop(.65, #b4b3b2), color-stop(.35, #828080), color-stop(0, #828080));
	background-image: -moz-linear-gradient(center bottom, #b4b3b2 100%, #b4b3b2 65%, #828080 35%, #828080 0);
	-moz-box-shadow: 5px 10px 5px #000;
	-webkit-box-shadow: 5px 10px 5px #000;
	box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
	border-radius:5px;
	padding:.8em;
	border:1px solid #584f46;
	text-decoration:none;
	}
.header .purpleButton { display:inline-block; }



/*---Explore Your Options---*/
.exploreOptions { background:url(../images/stripedbackground.jpg); padding:1em 8.333%; }
.exploreOptions h2 { color:#58277b; padding-bottom:.8em; }
.exploreOptions .column2 a { margin-bottom:.5em; }


/*---part 1---*/
.part1 { background-color:#58277b; color:#fff; padding:.5em 8.333%; }
.part1 .purpleButton { width:100px; float:left; text-transform:uppercase; text-align:center; padding:1.5em .5em; margin-right:10px; }


/*---part 1---*/
.part1a { background: url(../images/dividerstripes.jpg); padding:0 8.333%; }
.part1a .column1 { background-color:#fff; border-radius:10px 0 0 10px; margin:1em 0; }
.part1a .column2 { background-color:#37939b; padding-bottom: 8em; }
.part1a .column1 h3 { color:#333; font-family:'lato'; font-size:1em; font-weight:bold; }
.part1a .column1 h2 { color:#58277b; }


/*---part 2---*/
.part2 { background-color:#58277b; color:#fff; padding:.5em 8.333%; }
.part2 .purpleButton { width:100px; float:left; text-transform:uppercase; text-align:center; padding:1.5em .5em; margin-right:10px; }


/*---Enrollment---*/
.part2Navigation { background: url(../images/dividerstripes.jpg); padding:50px 8.333% 30px 8.333%; }
.part2Navigation h2 { text-align:center; font-family:'Lato', sans-serif; }
.part2Navigation .column2 a { margin-bottom:.5em; }
.part2Navigation .roundedBox { background-color:#58277b; color:#fff; padding:1em 20px; }
.part2Navigation p { max-width:670px; margin:auto; }
.headCheck { margin:auto; margin-top:-60px; display:block; }
.nav { margin:auto; max-width:670px;}
.nav ol, .nav ul { padding:0; margin:0; }
.nav li { list-style-type:none; }
.nav a { color:#fff; text-decoration:none; text-align: center; padding-left: 52px; padding-top:.9em; display:inline-block; height:75px; width:318px; box-sizing: border-box; }
.navColumn1, .navColumn2 { float:left; display:inline-block; }
.navColumn1 { padding-right:5%; }
.nav .check { vertical-align:middle; margin-left:-20px; }



/*---step 1---*/
.step1 { background-color:#dad7d3; color:#574f46; }
.step1 .column2 { background-color:#574f46; }


/*---step 2---*/
.step2 { background-color:#e6edcf; color:#574f46; }
.step2 .column2 { background-color:#97b52c; }
.step2Header { background:url(../images/dividerstripes.jpg); height:50px; }


/*---step 3---*/
.step3 { background-color:#fadcc5; color:#574f46; }
.step3 .column2 { background-color:#e4701e; }
.step3Header { background:url(../images/dividerstripes.jpg); height:50px; }


/*---step 4---*/
.step4 { background-color:#cfe3e7; color:#574f46; }
.step4 .column2 { background-color:#37939b; }
.step4Header { background:url(../images/dividerstripes.jpg); height:50px; }


/*---step 5---*/
.step5 { background-color:#d8d2e9; color:#574f46; }
.step5 .column2 { background-color:#6f57a5; }
.step5Header { background:url(../images/dividerstripes.jpg); height:50px; }


/*---step 6---*/
.step6 { background-color:#e8e5e4; color:#574f46; }
.step6 .column2 { background-color:#58277b; }
.step6Header { background:url(../images/dividerstripes.jpg); height:50px; }


/*---nav step 1---*/
.navStep1 a { background:url(../images/nav-background1.png) no-repeat; }


/*---nav step 2---*/
.navStep2 a { background:url(../images/nav-background2.png) no-repeat; }


/*---nav step 3---*/
.navStep3 a { background:url(../images/nav-background3.png) no-repeat; }


/*---nav step 4---*/
.navStep4 a { background:url(../images/nav-background4.png) no-repeat; }


/*---nav step 5---*/
.navStep5 a { background:url(../images/nav-background5.png) no-repeat; }


/*---nav step 6---*/
.navStep6 a { background:url(../images/nav-background6.png) no-repeat; }


/*---sticky footer---*/
.stickyFooter { position:fixed; color:#fff; left:1%; bottom:0; width:98%; background-color:#fff; border-radius:10px 10px 0 0; }
.stickyFooterBody { /*display:none;*/ padding:1em; }
.stickyFooterHeader { background-color:#574f46; padding:.5em; cursor:pointer; border-radius:10px 10px 0 0; }
.stickyFooterHeaderContent { max-width:535px; margin:auto; }
.stickyFooterHeader img { vertical-align:middle; padding-left:10px; }
.stickyFooterHeader.inactive .expandContract { background:url(../images/uparrow.png) no-repeat; }
.stickyFooterHeader .expandContract { margin-left:10px; display:inline-block; vertical-align:middle; width:26px; height:26px; background:url(../images/downarrow.png) no-repeat; }


.stepIcon { float:left; }
.column1 { float:left; width:60%; padding:3.125%; }
.column1a { margin-left:120px; }
.column2 { color:#fff!important; float:left; width:40%; padding:3.125%; }
.column2 h3 { color:#fff; font-family:Lato, Arial, sans-serif; margin-top:2em; }
.column2 h4 { color:#fff; }
.column2 a { color:#fff; }
.dashedDivider { border:2px dashed #666; padding:0; margin:0 0 0 -9.8%; width:119.4%; }




/*-  MEDIA QUERIES
----------------------------------------------------------------------*/
@media screen and (max-width: 1075px) {
	.headerNav { display:none; }
}

@media screen and (max-width: 675px) {
	.logo { display:block; padding-bottom:.5em; }
}

@media screen and (max-width: 600px) {
	.stepIcon { float:none; }
	.column1 { float:none; width:auto; padding:0; }
	.column1a { margin-left:0; }
	.column2 { float:none; width:auto; padding:3.125%; }
	.header .purpleButton { width:45%; font-size:.8em; min-height:4em; }
}