/* header */
@media all {
	body.theme_dagobah header {
		position: relative;
		width: 100%;
		z-index: 10;
		background-color: #ffffff;
	}

		body.theme_dagobah header a.nav-link,
		body.theme_dagobah header .campus a,
		body.theme_dagobah header .wordmark a {
			color: #13294b;
		}

			body.theme_dagobah header a:hover {
				text-decoration: none;
				color: inherit;
			}
				

		body.theme_dagobah header .campus {
			top: 0;
			left: 0;
			width: 100%;
			height: 30px;
			color: #13294b;
			background-color: #ffffff;
			border-top: 5px solid #ff552e;
			text-transform: uppercase;
			font-family: "Montserrat";
			font-size: 11px;
			font-weight: 600;
			line-height: 25px;
			letter-spacing: 0.5px;
		}

			body.theme_dagobah header .campus ul {
				list-style-type: none;
			}

				body.theme_dagobah header .campus ul li {
					display: inline;
				}

					body.theme_dagobah header .campus ul li::after {
						content: ' /';
						color: #ff552e;
					}

					body.theme_dagobah header .campus ul li:last-child::after {
						display: none;
					}

			body.theme_dagobah header .campus a {
				color: #13294b;
			}


		body.theme_dagobah header .site {
			position: relative;
		}

			body.theme_dagobah header .site::before {
				content: "";
				display: block;
				position: absolute;
				top: 0px;
				left: 0px;
				border-bottom: 1px solid #f0f0f0;
				width: 100%;
				height: 100%;
				z-index: 0;
				opacity: 1;
				transition: opacity 0.35s ease;
				/*background-image: repeating-linear-gradient(-55deg, #FFFFFF, #ffffff 3px, #f0f0f0 4px);*/
				background-color: #ffffff;
			}
			

			body.theme_dagobah header .site .row {
				position: relative;
				margin: 0 auto;
				z-index: 2;
			}

				body.theme_dagobah header .site > .row {
					display: flex;
					min-height: 85px;
					max-width: 1140px;
				}

		body.theme_dagobah header .blocki {
			float: left;
			display: flex;
			align-items: center;
		}

			body.theme_dagobah header .blocki a {
				display: block;
				height: 32px;
				width: 26px;
				background-image: url(//ws.engr.illinois.edu/images/block.i.color.png);
				background-size: contain;
				background-repeat: no-repeat;
				text-indent: -999999px;
			}

		body.theme_dagobah header .site_identification {
			float: left;
			margin: 0 0 0 15px;
			padding: 0 0 0 15px;
			border-left: 1px solid #13294b;
			display: flex;
			flex-wrap: wrap;
			align-items: center;
		}


		body.theme_dagobah header .parent_name {
			width: 100%;
			font-size: 13px;
			font-weight: 600;
			line-height: 1.2;
		}

		body.theme_dagobah header .site_name {
			width: 100%;
			font-weight: 600;
			font-size: 23px;
			line-height: 1;
			letter-spacing: -0.4px;
		}

	body.theme_dagobah #header-search-container {
		position: relative;
		overflow: hidden;
		min-height: 30px;
		min-width: 220px;
	}

	body.theme_dagobah #search-form .form-control{
		background-color: #f0f0f0;
		border: none;
		color: #13294B;
	}

		body.theme_dagobah #search-form .input-group-append .input-group-text {
			background-color: #f0f0f0;
			border: none;
		}

}




/* mainnav toggler button */
@media all {

	body.theme_dagobah #mainnav-toggler-container {
		float: right;
		display: none;
	}

	body.theme_dagobah #mainnav-toggler-container button {
		display: block;
		width: 50px;
		padding: 4px;
		background-color: #ff552e;
		color: #ffffff;
		border: none;
		border-radius: 0.25rem;
		line-height: 30px;
		font-weight: 600;
		text-transform: uppercase;
	}




		body.theme_dagobah #mainnav-toggler-container button:focus {
			background-color: #284C90;
			outline: none;
		}

		body.theme_dagobah #mainnav-toggler-container button .icon::before {
			display: inline-block;
			font-family: 'Font Awesome 5 Pro';
			font-weight: 300;
			width: 100%;
		}

		body.theme_dagobah #mainnav-toggler-container button[aria-expanded=false] .icon::before {
			content: '\f0c9';
		}

		body.theme_dagobah #mainnav-toggler-container button[aria-expanded=true] .icon::before {
			content: '\f00d';
		}
}




/* navbar */
@media all {

	/* main nav bar */
	body.theme_dagobah header .navbar {
		background-color: #f0f0f0;
		margin: 0 auto;
		font-family: "Montserrat";
		font-size: 1rem;
		font-weight: 500;
	}





	/* main nav bar items */
	body.theme_dagobah header .navbar .nav-item {
		flex-grow: 1;
		margin: 0;
	}

		body.theme_dagobah header .navbar .nav-item.mega {
			position: static;
		}

		body.theme_dagobah header .navbar .nav-item.simple:last-child .dropdown-menu {
			left: auto;
			right: 0px;
		}


		body.theme_dagobah header .navbar .nav-item > a.nav-link {
			text-align: center;
			font-weight: bold;
		}



		body.theme_dagobah header .navbar .dropdown.show {
			background-color: #ffffff;
		}

			body.theme_dagobah header .navbar .dropdown.show > a {
				color: #ff552e;
			}

	/* mega menu panel */
	body.theme_dagobah header .navbar .dropdown-menu {
		display: none;
		position: absolute;
		padding: 0 15px 0 15px;
		margin: 0 auto;
		z-index: 2;
		z-index: -1;
		min-width: 250px;
		box-shadow: rgba(0, 0, 0, 0.4) 0px 25px 25px;
		border-radius: 0;
		border: none;
		font-size: 0.8rem;
	}

		body.theme_dagobah header .navbar .dropdown.twocol {
			columns: initial;
		}

			body.theme_dagobah header .navbar .dropdown.twocol .menu > ul {
				columns: 2;
			}

		body.theme_dagobah header .navbar .dropdown.threecol {
			columns: initial;
		}

			body.theme_dagobah header .navbar .dropdown.threecol .menu > ul {
				columns: 3;
			}


		body.theme_dagobah header .navbar .dropdown.twocol .menu > ul > li,
		body.theme_dagobah header .navbar .dropdown.threecol .menu > ul > li {
			-webkit-column-break-inside: avoid;
			page-break-inside: avoid;
			break-inside: avoid;
		}




		body.theme_dagobah header .navbar .nav-item.simple .dropdown-menu {
			max-height: 50vh;
			overflow: auto;
			width: 300px;
		}

			body.theme_dagobah header .navbar .nav-item.simple .dropdown-menu .menu {
			}




		body.theme_dagobah header .navbar .dropdown-menu.tile-list {
			width: 100%;
		
		}

		body.theme_dagobah header .navbar .dropdown-menu.show {
			display: flex;
		}

		body.theme_dagobah header .navbar .dropdown-menu.tile-list .tile.w110 {
			order: 2;
		}

		body.theme_dagobah header .navbar .dropdown-menu.tile-list .tile:not(.w110):not(.menu) {
			margin-bottom: 1.2rem;
		}





		body.theme_dagobah header .navbar .dropdown-menu .menu {
			/*margin: 1.2rem 0.6rem;*/
			/*padding: 20px 30px 20px 30px;*/
			margin: 1.2rem 0;
			padding: 20px;
		}

		body.theme_dagobah header .navbar .dropdown-menu section:not(.w110) + .menu {
			padding-left: 40px;
		}

			body.theme_dagobah header .navbar .dropdown-menu .menu h2 {
				margin: 0 0 0.5rem 0;
			}

			body.theme_dagobah header .navbar .dropdown-menu .menu a {
				color: #13294b;
			}

				body.theme_dagobah header .navbar .dropdown-menu .menu a:hover {
					color: #ff552e;
				}


			body.theme_dagobah header .navbar .dropdown-menu .menu ul {
				list-style-type: none;
				padding: 0;
				margin: 0;
			}

			body.theme_dagobah header .navbar .dropdown-menu .menu li {
				margin-top: 0.25rem;
				line-height: 1.5;
				position: relative;
			}


			body.theme_dagobah header .navbar .dropdown-menu .menu ul ul li {
				padding-left: 20px;
				padding-right: 10px;

			}

			body.theme_dagobah header .navbar .dropdown-menu .menu ul ul li:before {
				position: absolute;
				left: 8px;
				color: #e0e0e0;
				content: '\f111';
				font-family: 'Font Awesome 5 Pro';
				font-size: 5px;
				font-weight: 900;
				padding-top: 7px;
			}

			body.theme_dagobah header .navbar .dropdown-menu .menu ul ul ul {
				display: none;
			}

}







/* hero */
@media all {

	body.theme_dagobah.landing #hero .row {
		min-height: 25vw;
	}

	body.theme_dagobah.landing.home #hero .row {
		height: auto;
		min-height: 45vw;
	}


	/* breadcrumbs */
	body.theme_dagobah #breadcrumbs {
		font-size: 0.8em;
		width: 100%;
	}

		body.theme_dagobah #breadcrumbs a {
			color: #ffffff;
		}

		body.theme_dagobah #breadcrumbs ul {
			margin: 0;
			padding: 0;
			list-style-type: none;
			text-transform: capitalize;
		}

			body.theme_dagobah #breadcrumbs ul li {
				display: inline;
			}

				body.theme_dagobah #breadcrumbs ul li::after {
					content: ' / ';
				}

				body.theme_dagobah #breadcrumbs ul li:last-child::after {
					content: "";
				}




	body.theme_dagobah #hero h1 {
		font-family: "Fjalla One", "Source Sans Pro", sans-serif;
		text-transform: uppercase;
		letter-spacing: 1.26px;
		font-weight: 500;
	}

		body.theme_dagobah.landing #hero h1 {
			font-size: 4rem;
			line-height: 4rem;
			font-weight: 500;
			letter-spacing: 1.26px;
			margin-bottom: 0;
		}

	body.theme_dagobah #hero .col {
		display: flex;
		flex-wrap: wrap;
		padding-right: 15px;
		align-items: flex-end;
	}

		body.theme_dagobah #hero .col div {
			flex-grow: 1;
		}

		body.theme_dagobah #hero .col div.herolink {
			margin: 0 0 8px 0;
			flex-grow: 0;
		}

	body.theme_dagobah.landing #hero .col div.herolink {
		margin: 0 0 8px 0;
	}

	body.theme_dagobah #hero .button {
		border-color: #ff552e;
		background-color: #ff552e;
	}
}

/* childnav */
@media all {

	body.theme_dagobah.home.landing #childnav {
		display: none;
	}

	body.theme_dagobah #childnav {
		background-color: #121b21;
		color: #ffffff;
		background-image: linear-gradient(to right, rgba(19,41,75, 0.8), rgba(18,27,33, 0.8));
	}
		
		body.theme_dagobah #childnav a {
			color: #ffffff;
		}


	body.theme_dagobah #childnav ul {
		columns: 4;
		margin: 0;
		padding: 3rem 15px 3rem 15px;
		list-style-type: none;
		width: 100%;
	}

		body.theme_dagobah #childnav ul li {
			-webkit-column-break-inside: avoid;
			page-break-inside: avoid;
			break-inside: avoid;
			line-height: 20px;
			margin-bottom: 10px;
		}

			#childnav ul li a {
				position: relative;
			}

	body.theme_dagobah #childnav li {
		display: flex;
		flex-wrap: nowrap;
	}


	body.theme_dagobah #childnav li .bullet {
		margin-right: 8px;
		flex-grow: 0;
		font-size: 5px;
		color: #ff552e;
	}

	body.theme_dagobah #childnav li .item {
		display: block;
		flex-grow: 1;
		padding-right: 15px;
	}

}
@media screen and (max-width: 1192px){
	body.theme_dagobah header .navbar{
		font-size: .7rem;
	}
}
media screen and (max-width: 946px){
	body.theme_dagobah header .navbar{
		font-size: .7rem;
	}
}


@media screen and (max-width: 991px) {

	body.theme_dagobah header .campus {
		display: none;
	}

	body.theme_dagobah header .navbar {
		margin: 0 -15px 0 -15px;
	}

	body.theme_dagobah body.landing #hero .row {
		padding-top: 80px;
	}

	body.theme_dagobah #mainnav-toggler-container {
		display: block;
	}

	body.theme_dagobah header .navbar .dropdown-menu {
		position: relative;
		box-shadow: initial;
		z-index: 2;
	}

	body.theme_dagobah header .navbar li.nav-item {
		border-top: 1px solid #e0e0e0;
	}

	body.theme_dagobah header .navbar .nav-item > a.nav-link {
		padding: 0.5rem 1rem;
		text-align: left;
	}


#	body.theme_dagobah header .navbar .dropdown-menu.tile-list .tile:not(.menu) {
#		display: none;
#	}

	body.theme_dagobah header .navbar .dropdown-menu {
		border-top: 1px solid #e0e0e0;
	}

		body.theme_dagobah header .navbar .dropdown-menu section:not(.w110) + .menu {
			padding-left: 20px;
		}


	body.theme_dagobah header .navbar .nav-item.simple .dropdown-menu {
		width: 100%;
	}



	body.theme_dagobah header .navbar .dropdown-menu .menu {
		margin: 0;
		padding: 20px 1rem 20px 1rem;
	}


}

@media screen and (max-width: 767px) {


	body.theme_dagobah #childnav ul {
		columns: 2;
	}

	body.theme_dagobah.landing #hero h1 {
		font-size: 3rem;
	}

}



@media screen and (max-width: 541px) {

	body.theme_dagobah header .site .parent_name {
		display: none;
	}

	body.theme_dagobah header .site_name {
		font-size: 20px;
	}

	body.theme_dagobah header .navbar .dropdown-menu {
		padding: 0;
	}

	body.theme_dagobah header .navbar .dropdown.twocol .menu > ul,
	body.theme_dagobah header .navbar .dropdown.threecol .menu > ul {
		columns: 1;
	}

		body.theme_dagobah header .navbar .dropdown-menu .menu ul ul li:before {
			padding-top: 17px;
		}

		body.theme_dagobah header .navbar .dropdown-menu .menu li {
			margin: 0;
			border-top: 1px solid #f0f0f0;
		}

	body.theme_dagobah header .navbar .dropdown-menu .menu a {
		display: block;
		padding: 10px 5px;
	}

		body.theme_dagobah header .navbar .dropdown-menu .menu a:hover {
			text-decoration: underline;
		}


	body.theme_dagobah #childnav ul {
		padding: 1.5rem 15px;
		columns: 1;
	}

}