﻿/* page */
@media all {
	/* max width of content area */
	body.theme_dagobah #page {
		margin: 0 auto;
		max-width: 1920px;
		box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.2);
	}

	body.theme_dagobah #content_inner {
		background-color: var(--engr-white);
	}
}


/* header */
@media all {
	body.theme_dagobah header {
		position: relative;
		width: 100%;
		z-index: 1001;
		background-color: var(--engr-white);
		color: var(--il-blue);
		border-top: 7px solid var(--il-orange);
		font-size: 16px;
		font-weight: 600;
		line-height: initial;
	}

		body.theme_dagobah header a {
			color: var(--il-blue);
			text-decoration: none;
		}

			body.theme_dagobah header a:focus,
			body.theme_dagobah header a:hover {
				color: var(--il-altgeld);
				text-decoration: none;
			}

			body.theme_dagobah header a:focus-visible {
				outline: none;
			}

		body.theme_dagobah header .campus {
			padding: 10px 0 8px 0;
		}

			body.theme_dagobah header .campus .row {
				max-width: 1170px;
				height: 24px;
				padding: 0 15px;
			}

			body.theme_dagobah header .campus #campus_name a {
				display: inline-block;
			}

			body.theme_dagobah header .campus #campus_name svg {
				display: block;
				margin-top: 6px;
				fill: var(--il-blue);
			}

			body.theme_dagobah header .campus #campus_name a:focus svg,
			body.theme_dagobah header .campus #campus_name a:hover svg {
				fill: var(--il-altgeld);
			}

			body.theme_dagobah header .campus #featurelinks {
				flex: 0 0 auto;
				width: auto;
				max-width: 100%;
			}

			body.theme_dagobah header .campus ul {
				list-style-type: none;
				margin: 0;
				padding: 0;
				display: flex;
			}

				body.theme_dagobah header .campus ul li {
					position: relative;
					padding: 0 1em 0 0;
				}

					body.theme_dagobah header .campus ul li a::after {
						position: absolute;
						top: 0;
						right: 0;
						width: 1em;
						content: '/';
						color: var(--il-orange);
						text-align: center;
					}

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

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

			body.theme_dagobah header .site .row {
				position: relative;
				margin: 0 auto;
				max-width: 1170px;
				padding: 0 15px;
				z-index: 2;
			}

			body.theme_dagobah header .site > .row {
				display: flex;
				min-height: 84px;
				position: relative;
			}

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

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

				body.theme_dagobah header .blocki a:focus,
				body.theme_dagobah header .blocki a:hover {
					background-image: url(//ws.engr.illinois.edu/images/block.i.navy.svg);
				}

		body.theme_dagobah header .site_identification {
			float: left;
			margin: 0 0 0 20px;
			padding: 0 0 0 20px;
			border-left: 1px solid var(--il-blue);
			display: flex;
			flex-wrap: wrap;
			align-items: center;
		}

		body.theme_dagobah header .parent_name {
			line-height: 1.2;
			font-weight: 500;
		}

		body.theme_dagobah header .site_name {
			width: 100%;
			font-size: 25px;
			line-height: 1.1;
			letter-spacing: -0.4px;
		}

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

		body.theme_dagobah #header-search-container.disabled {
			display: none !important;
		}


	body.theme_dagobah #search-form .input-group {
		background-color: var(--il-cloud-3);
		border: 2px solid var(--il-cloud-3);
		border-radius: 5px;
		color: var(--il-blue);
	}

		body.theme_dagobah #search-form .input-group.input-has-focus {
			border: 2px solid var(--il-industrial-blue);
		}

		body.theme_dagobah #search-form .form-control {
			border: none;
			color: var(--il-blue);
			background-color: var(--engr-white);
			width: 188px;
			height: 40px;
			padding: 12px 6px;
		}

			body.theme_dagobah #search-form .form-control:focus {
				box-shadow: none;
			}

			body.theme_dagobah #search-form button:focus {
				outline: 2px solid var(--il-industrial-blue);
			}

	body.theme_dagobah #search-form .input-group-append {
		border-left: 3px solid var(--il-cloud-3);
	}

	body.theme_dagobah #search-form .input-group-append .input-group-text {
		display: block;
		border: none;
		background-color: var(--engr-white);
		width: 60px;
		text-align: center;
		padding: 8px;
	}

	body.theme_dagobah #mobile-search-form.disabled {
		display: none !important;
	}


	body.theme_dagobah.dev header:before {
		content: "Dev Site";
		position: fixed;
		top: 0px;
		width: 100px;
		background: var(--il-cloud-3);
		text-align: center;
		left: calc(50% - 50px);
		padding: 10px;
		text-transform: uppercase;
		z-index: 100;
		border-bottom-left-radius: 8px;
		border-bottom-right-radius: 8px;
		border-top: 7px solid var(--il-orange);
	}

	body.theme_dagobah.dev header {
		background: repeating-linear-gradient(45deg, transparent, transparent 10px, var(--engr-ghost) 10px, var(--engr-ghost) 20px);
	}


}


/* 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: var(--il-orange);
			color: var(--engr-white);
			border: none;
			border-radius: 0.25rem;
			line-height: 30px;
			text-transform: uppercase;
		}

			body.theme_dagobah #mainnav-toggler-container button:focus {
				background-color: var(--engr-royal);
				outline: none;
			}

			body.theme_dagobah #mainnav-toggler-container button .icon::before {
				display: inline-block;
				font-family: 'Font Awesome 6 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: var(--il-cloud-1);
		margin: 0 auto;
		padding: 8px 0 0px 0;
	}

		body.theme_dagobah header .navbar a:focus,
		body.theme_dagobah header .navbar a:hover {
			text-decoration: underline;
		}



		body.theme_dagobah header .navbar #mainnav {
			max-width: 1170px;
			margin: 0 auto;
			position: relative;
		}

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

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

				body.theme_dagobah header .navbar .nav-item > a.nav-link:focus,
				body.theme_dagobah header .navbar .nav-item > a.nav-link:hover {
					background-color: var(--engr-white);
				}

				body.theme_dagobah header .navbar .nav-item > a.nav-link.active {
					color: var(--il-altgeld);
				}

			body.theme_dagobah header .navbar .nav-item.dropdown.show {
				background-color: var(--engr-white);
			}
		
			body.theme_dagobah header .navbar .nav-item.dropdown > a.nav-link::after {
				border: none;
				font-family: 'Font Awesome 6 Pro';
				content: '\f078';
				vertical-align: middle;
				font-size: 14px;
				margin-left: 8px;
			}

			body.theme_dagobah header .navbar .nav-item.dropdown.show > a.nav-link::after {
				content: '\f077';
			}

	/* mega menu panel */
	header.portal_header .disclosure-nav li {
		font-weight: 500;
	}

	body.theme_dagobah header .navbar .dropdown-menu {
		display: none;
		position: absolute;
		padding: 0 15px 0 15px;
		margin: 0 auto;
		min-width: 250px;
		box-shadow: rgba(0, 0, 0, 0.4) 0px 25px 25px;
		border-radius: 0;
		border: none;
	}

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

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

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

		body.theme_dagobah header .navbar .dropdown-menu .menu {
			margin: 0 0 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 .row {
			padding: 0;
			margin: 0 -15px;
		}

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

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

		body.theme_dagobah header .navbar .dropdown-menu .menu li {
			line-height: 1.25;
			margin: 0;
			position: relative;
		}

			body.theme_dagobah header .navbar .dropdown-menu .menu a {
				display: block;
				padding: 0.25rem 0;
			}

	/*
			body.theme_dagobah header .navbar .dropdown-menu .menu a:focus {
				color: var(--il-altgeld);
				text-decoration: underline;
			}
			*/


	/* mega specific styles */
	body.theme_dagobah header .navbar .mega {
		position: static;
	}

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

	/*
	body.theme_dagobah header .navbar .mega .dropdown-menu .menu h2 {
		display: none;
		margin-bottom: 0.75rem;
		font-size: 1.5rem;
	}

		body.theme_dagobah header .navbar .mega .dropdown-menu .menu h2 a {
			display: block;
			position: relative;
			padding: 0;
			border-bottom: 2px solid;
		}

		body.theme_dagobah header .navbar .mega .dropdown-menu .menu h2 a:after {
			font-family: 'Font Awesome 6 Pro';
			content: '\f352';
			margin-left: 15px;
		}
		*/

	body.theme_dagobah header .navbar .mega .dropdown-menu .menu .row .menucol > ul > li.dropdown {
		margin-top: 0.75rem;
		margin-bottom: 0.75rem;
	}

	body.theme_dagobah header .navbar .mega .dropdown-menu .menu .row .menucol > ul > li.dropdown:first-child {
		margin-top: 0;
	}

	body.theme_dagobah header .navbar .mega .dropdown-menu .menu .row .menucol > ul > li > a {
		font-weight: bold;
	}


	/* simple specific styles */

	body.theme_dagobah header .navbar .simple .dropdown-menu {
		max-height: calc(100vh - 180px);
		overflow: auto;
		width: 300px;
		padding: 0;
	}

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

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

		body.theme_dagobah header .navbar .simple .dropdown-menu .menu .row {
			margin: 0;
		}

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


		/*
		body.theme_dagobah header .navbar .simple .dropdown-menu .menu h2 {
			display: none;
			margin-bottom: 0;
			font-size: 1rem;
			font-weight: normal;
		}
		*/

		body.theme_dagobah header .navbar .simple .dropdown-menu .menu a {
			padding: 0.5rem 1.25rem;
		}

			body.theme_dagobah header .navbar .simple .dropdown-menu .menu a:focus,
			body.theme_dagobah header .navbar .simple .dropdown-menu .menu a:hover {
				text-decoration: underline;
				/*background-color: var(--il-cloud);*/
			}


	/* hide level 4 menu items from mainnav menu */
	body.theme_dagobah header .navbar .dropdown-menu .menu ul ul ul {
		display: none;
	}

	body.theme_dagobah header .navbar .dropdown-menu .menu a.active {
		color: var(--il-altgeld);
	}

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

/* breadcrumbs */
@media all {
	body.theme_dagobah #breadcrumbs_container.d-none {
		display: block !important;
		background-color: var(--engr-charcoal);
		background-image: linear-gradient(to right, rgba(19,41,75, 0.8), rgba(18,27,33, 0.8));
		font-size: 0.8rem;
		color: var(--engr-white);
	}

	body.theme_dagobah #breadcrumbs_container #breadcrumbs {
		width: 100%;
		padding: 0 20px;
	}

		body.theme_dagobah #breadcrumbs_container #breadcrumbs a {
			color: var(--engr-white);
			text-decoration: none;
		}

			body.theme_dagobah #breadcrumbs_container #breadcrumbs a:hover {
				text-decoration: underline;
			}

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

			body.theme_dagobah #breadcrumbs_container #breadcrumbs ul li {
				display: inline-block;
				margin: 0;
				padding: 0.5rem 0;
			}

				body.theme_dagobah #breadcrumbs_container #breadcrumbs ul li::after {
					content: '\f105';
					font-family: 'Font Awesome 6 Pro';
					margin: 0 10px;
					color: var(--il-orange);
				}

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

	body.theme_dagobah #hero #breadcrumbs { display: none; }
}




/* hero */
@media all {

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

	/* breadcrumbs */
	body.theme_dagobah #hero #breadcrumbs {
		font-size: 0.8em;
		width: 100%;
		margin-bottom: 5px;
	}

		body.theme_dagobah #hero #breadcrumbs a {
			color: var(--engr-white);
			text-decoration: none;
		}

			body.theme_dagobah #hero #breadcrumbs a:hover {
				text-decoration: underline;
			}

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

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

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

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

	body.theme_dagobah #hero .col {
		display: flex;
		flex-wrap: wrap;
		padding: 0;
		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: var(--il-orange);
		background-color: var(--il-orange);
	}

}


/* childnav */
@media all {
	body.theme_dagobah.home.landing #childnav {
		display: none;
	}

	body.theme_dagobah #childnav {
		background-color: var(--engr-charcoal);
		color: var(--engr-white);
		background-image: linear-gradient(to right, rgba(19,41,75, 0.8), rgba(18,27,33, 0.8));
	}

		body.theme_dagobah #childnav a {
			color: var(--engr-white);
		}

		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;
				display: inline-grid;
				width: 100%;
				position: relative;
				padding: 0 16px;
			}

				body.theme_dagobah #childnav ul li:before {
					font-family: 'Font Awesome 6 Pro';
					font-weight: 600;
					content: '\f111';
					color: var(--il-orange);
					font-size: 6px;
					position: absolute;
					left: 0px;
				}

	#childnav ul li a {
		position: relative;
	}
}


/* sidebar nav */
@media all {

	/* if sidebar is enabled for site, then hide childnav */
	body.dev.theme_dagobah[data-sidebar="dev"] #childnav,
	body.theme_dagobah[data-sidebar="prod"] #childnav {
		display: none;
	}

	/* if sidebar is enabled, then start content off with 0 opacity and set a transition on opacity change */
	body.dev.theme_dagobah[data-sidebar="dev"] #content,
	body.theme_dagobah[data-sidebar="prod"] #content {
		transition: opacity ease-in-out 0.3s;
		opacity: 0;
	}

		/* this rule causes content_inner to become visible when the appear class is applied after our dom manipution to add the sidebar completes */
		body.dev.theme_dagobah[data-sidebar="dev"] #content.appear,
		body.theme_dagobah[data-sidebar="prod"] #content.appear {
			opacity: 1;
		}

	body.dev.theme_dagobah[data-sidebar="dev"] #content_inner,
	body.theme_dagobah[data-sidebar="prod"] #content_inner {
		/*z-index: 2; changed from 2 to 9 to fix layering issue with fullscreenhero  */
		/*z-index: 9;*/  /* removed to fix issue with modals layering behind modal background */
	}

	/********** this is for the section style of sidebar ***************/
	/* styling for the wrapper div that will contain the sidebar and the adjacent section */
	body.theme_dagobah #sidebar_wrapper {
		display: flex;
		width: 100%;
		max-width: 1170px;
		margin-left: auto;
		margin-right: auto;
	}

	/* formatting for sidebar nav menu */
	body.theme_dagobah #sidebarnav {
		flex: 0 0 25%;
		max-width: 25%;
		min-width: 25%;
		padding-top: 1rem;
	}

	body.theme_dagobah #sidebarnav nav {
		position: sticky;
		top: 1rem;
		padding: 1.5rem 25px 2rem 15px;
		min-height: 254px;
		max-height: calc(100vh - 2rem);
		overflow: auto;
	}

		body.theme_dagobah #sidebarnav a {
			text-decoration: none;
			color: var(--il-blue);
		}

			body.theme_dagobah #sidebarnav a:hover {
				text-decoration: underline;
			}

			body.theme_dagobah #sidebarnav a.disabled {
				opacity: 0.3;
			}

		body.theme_dagobah #sidebarnav h2 {
			margin: 0;
			font-size: 1.3rem;
			border-bottom: 1px solid var(--il-cloud-3);
			line-height: 1.8;



			font-size: 1rem;
			line-height: 1.3;
			font-weight: normal;
			letter-spacing: initial;
		}

			body.theme_dagobah #sidebarnav h2 a {
				display: block;
				position: relative;
				padding-right: 30px;


				padding: 0.5rem 0rem;
			}

				body.theme_dagobah #sidebarnav h2 a:after {
					content: ' Overview';
				}



			/*
				body.theme_dagobah #sidebarnav h2 a:after {
					font-family: 'Font Awesome 6 Pro';
					content: '\f352';
					font-size: 20px;
					position: absolute;
					right: 0px;
				}
			*/

		body.theme_dagobah #sidebarnav ul {
			margin: 0;
			padding: 0;
			list-style-type: none;
			line-height: 1.3;
		}

			body.theme_dagobah #sidebarnav ul li {
				margin: 0;
				padding: 0;
			}

				body.theme_dagobah #sidebarnav ul li a {
					display: block;
					padding: 0.5rem 0rem;
					border-bottom: 1px solid var(--il-cloud-3);
				}

				body.theme_dagobah #sidebarnav ul li li {
					padding-left: 1rem;
				}

				body.theme_dagobah #sidebarnav ul li a.active {
					color: var(--il-altgeld);
					font-weight: bold;
				}

			body.theme_dagobah #sidebarnav ul.nopills {
				display: none;
			}

	/* container for sidebar-adjacent section(s) */
	body.theme_dagobah #mainbar {
		flex: 0 0 75%;
		max-width: 75%;
		min-width: 75%;
		padding: 0rem 0.6rem 0 0.6rem;
		display: flex;
		flex-wrap: wrap;
		/*align-items: flex-start;*/
	}

		body.theme_dagobah #mainbar figure.fright,
		body.theme_dagobah #mainbar .pullquote.fright {
			margin-right: 0;
		}

}


@media screen and (min-width: 992px) {
	#sidebarnav .collapse {
		display: block;
	}


	/* landingsidebar variation */

	body.dev.theme_dagobah.landingsidebar[data-sidebar="dev"]:not(.nosidebar) #hero .row .col,
	body.theme_dagobah.landingsidebar[data-sidebar="prod"]:not(.nosidebar) #hero .row .col {
		max-width: calc(100% - 1.2rem);
	}

	body.theme_dagobah.landingsidebar #mainbar {
		flex: 0 0 65%;
		max-width: 65%;
		min-width: 65%;
	}

		body.theme_dagobah.landingsidebar #mainbar .lower {
			padding-left: 0;
		}

	body.theme_dagobah.landingsidebar #sidebarnav {
		font-weight: 700;
		flex: 0 0 35%;
		max-width: 35%;
		min-width: 35%;
	}

		body.theme_dagobah.landingsidebar #sidebarnav h2 {
			position: fixed;
			top: -9999999px;
		}

		body.theme_dagobah.landingsidebar #sidebarnav nav {
			background-color: var(--engr-white);
		}

		body.theme_dagobah.landingsidebar #sidebarnav a {
			color: var(--il-industrial-blue);
			padding: 1rem 0;
		}

			body.theme_dagobah.landingsidebar #sidebarnav a::after {
				font-family: 'Font Awesome 6 Pro';
				content: '\f105';
				margin-left: 7px;
			}

			body.theme_dagobah.landingsidebar #sidebarnav a:hover {
				text-decoration: none;
				color: var(--il-altgeld);
			}
}


@media screen and (max-width: 991px) {
	body.theme_dagobah header {
		border-bottom: 1px solid var(--il-cloud-1);
	}

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

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






	body.theme_dagobah header .navbar {
		padding: 0;
	}

		body.theme_dagobah header .navbar .nav-item {
			border-top: 1px solid var(--il-cloud-2);
		}

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

			body.theme_dagobah header .navbar .nav-item.dropdown > a.nav-link::after {
				right: 1rem;
				top: 11px;
				position: absolute;
			}


		body.theme_dagobah header .navbar .dropdown-menu {
			position: relative;
			margin: 0;
			padding: 0;
			border-top: 1px solid var(--il-cloud-2);
			box-shadow: initial;
			z-index: 2;
		}

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

		body.theme_dagobah header .navbar .dropdown-menu .menu .row {
			flex-direction: column;
			margin: 0;
		}

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

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

		body.theme_dagobah header .navbar .mega .dropdown-menu .menu,
		body.theme_dagobah header .navbar .simple .dropdown-menu .menu {
			margin: 0;
			padding: 0;
		}

		body.theme_dagobah header .navbar .dropdown-menu .menu h2 {
			display: block;
			font-size: 1rem;
			font-weight: normal;
			letter-spacing: normal;
			line-height: 1.25;
			margin: 0;
		}

		body.theme_dagobah header .navbar .dropdown-menu .menu ul {
			margin-top: 0;
		}

		body.theme_dagobah header .navbar .dropdown-menu .menu li {
			margin: 0;
			border-top: 1px solid var(--engr-platinum);
		}


		body.theme_dagobah header .navbar .mega .dropdown-menu .menu a,
		body.theme_dagobah header .navbar .simple .dropdown-menu .menu a {
			padding: 0.625rem 1rem 0.625rem 1.5rem;
		}

		body.theme_dagobah header .navbar .mega .dropdown-menu .menu .row .menucol > ul > li > a {
			font-weight: normal;
		}

		body.theme_dagobah header .navbar .mega .dropdown-menu .menu .row .menucol > ul > li.dropdown,
		body.theme_dagobah header .navbar .simple .dropdown-menu .menu .row .menucol > ul > li.dropdown {
			margin: 0;
		}

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

	body.theme_dagobah #hero .row .col {
		padding: 0;
	}

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



	/* The sidebar disappears below the 991 breakpoint using built-in responsive display classes from bootstrap.
	This rule makes the section adjacent to the sidebar fill the available space as if it were a w110 sized section. */
	body.theme_dagobah #sidebar_wrapper {
		flex-direction: column;
	}

	body.theme_dagobah.landing #sidebarnav,
	body.theme_dagobah.landing.home #sidebarnav,
	body.theme_dagobah #sidebarnav {
		flex: initial;
		background-color: var(--il-cloud);
		max-width: calc(100% + 30px);
		min-width: calc(100% + 30px);
		padding: 0;
		margin-left: -15px;
		margin-right: -15px;
	}
		body.theme_dagobah #sidebarnav nav {
			padding: 0;
			min-height: initial;
			max-height: initial;
		}

	body.theme_dagobah #sidebarnav_toggler {
		position: relative;
		padding: 0.5rem 15px;
		background-color: var(--il-cloud-1);
		border-bottom: 1px solid var(--il-cloud-3);
		font-size: 1.2rem;
	}

		body.theme_dagobah #sidebarnav_toggler::after {
			content: '\f13a';
			font-family: 'Font Awesome 6 Pro';
			font-weight: 300;
			display: block;
			position: absolute;
			right: 15px;
			top: 0;
			padding: 14px 0;
			font-size: 1.5rem;
			line-height: 1;
			transition: transform linear 0.2s;
			transform: rotate(-180deg)
		}

		body.theme_dagobah #sidebarnav_toggler.collapsed::after {
			transform: rotate(0deg)
		}

	body.theme_dagobah #sidebarnav h2 a {
		display: block;
		padding: 10px 15px;
	}

		body.theme_dagobah #sidebarnav h2 a:after {
			right: 15px;
		}

	body.theme_dagobah #sidebarnav ul li a {
		padding: 10px 15px;
	}


	body.theme_dagobah #mainbar {
		margin-top: 0;
		flex: initial;
		max-width: initial;
		min-width: initial;
		margin-left: initial;
		margin-right: initial;
		padding: 0;
	}
}

@media screen and (max-width: 767px) {
	body.theme_dagobah #childnav ul {
		columns: 2;
	}
}

@media screen and (max-width: 575px) {
	body.theme_dagobah header .site .parent_name {
		display: none;
	}

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


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

	body.theme_dagobah #breadcrumbs_container #breadcrumbs ul li.ancestor-bc-item,
	body.theme_dagobah #breadcrumbs_container #breadcrumbs ul li.last-bc-item {
		display: none;
	}

	body.theme_dagobah #breadcrumbs_container #breadcrumbs ul li::after {
		content: '';
		display: none;
	}

	body.theme_dagobah #breadcrumbs_container #breadcrumbs ul li::before {
		content: '\f104';
		font-family: 'Font Awesome 6 Pro';
		margin: 0 5px 0 0;
		color: var(--il-orange);
	}

}
