/* Responsive */
@media (max-width: 700px) {
	:root {
		--mobile-navbar-height: 60px;
		--mobile-footer-height: 34px;
		--mobile-breadcrumb-height: 26px;
		--border-color: #808080;
		--navbar-bg: #ffffff;
		--dropdown-max-width: 260px;
	}
	html,
	body {
		scroll-padding-top: var(--mobile-navbar-height) !important;
	}
	/* Layout adjustments */
	#wrap {
		display: flex;
		flex-direction: column;
		margin-top: var(--mobile-navbar-height) !important;
		margin-bottom: var(--mobile-footer-height) !important;
		min-height: calc(100svh - 86px);
	}
	#page-body {
		flex: 1;
	}
	/* Header navbar */
	#page-header .navbar {
		position: fixed;
		inset: 0 0 auto 0;
		z-index: 20;
		display: block;
		max-width: 100%;
		border-radius: 0;
		border-bottom: 1px solid var(--border-color);
		background: linear-gradient(
			to bottom,
			hsl(222, 25%, 6%),
			hsl(222, 25%, 41%)
		);
		padding: 0;
		margin: 0;
	}
	html.phpbb-dark-mode #page-header > .navbar { border: none !important; background-color: #1e2c3d !important; }
	#nav-main, #nav-main a, nav-main i, ul#nav-breadcrumbs a, ul#nav-breadcrumbs span, ul#nav-footer, ul#nav-footer a, ul#nav-footer i {
		color: #fff;
	}
	#page-header .dropdown-contents a, #page-header .dropdown-container {
		color: #105289;
	}
	/* Avatar styling */
	a.header-avatar img {
		border-radius: 50%;
	}
	/* Main navigation */
	ul#nav-main {
		padding: 0 8px !important;
		font-size: 1.3em !important;
		line-height: 1.6em;
		border-bottom: 1px solid var(--border-color);
	}
	/* Hide spans by default, show specific ones */
	ul#nav-main span {
		display: none;
	}
	ul#nav-main li#username_logged_in span,
	li#quick-links .dropdown  span,
	ul#nav-main .dropdown-contents span {
		display: inline-block;
	}
	/* Navigation icons */
	ul#nav-main i {
		font-size: 1.1em !important;
		transform: scale(1.5) !important;
		margin: 8px 5px 0 5px !important;
	}
	ul#nav-main i.fa-bell {
		transform: scale(1.3) !important;
	}
	ul#nav-breadcrumbs i.fa-search, ul#nav-breadcrumbs #toggle-theme {
		position:relative;top: 0px;
		transform: scale(1.3) !important;
	}
	ul#nav-main .header-profile {
		background-color: #fff;
		border-radius: 5px;
		padding: 1px 4px 0px 4px;
		margin-top: 2.5px !important;
		line-height: 26px;
	}
	ul#nav-main .header-profile .username {
		color: initial;
	}
	ul#nav-main a.header-avatar span:after {
		padding-top: 3px !important;
	}
	/* Dropdown styling */
	ul#nav-main .dropdown-contents {
		font-size: 12px;
		max-width: var(--dropdown-max-width);
	}
	ul#nav-main .dropdown-contents img {
		display: none;
	}
	ul#nav-main .dropdown-contents div.notification_text {
		margin-left: 0;
	}
	/* Breadcrumbs */
	#nav-breadcrumbs {
		height: var(--mobile-breadcrumb-height) !important;
		font-size: 1.1em;
		padding: 0 8px;
	}
	#nav-breadcrumbs li.breadcrumbs {
		max-width: 80%;
		height: var(--mobile-breadcrumb-height) !important;
		white-space: nowrap;
		overflow: hidden;
	}
	/* Footer navbar */
	#page-footer .navbar {
		position: fixed;
		inset: auto 0 0 0;
		z-index: 20;
		display: block;
		height: var(--mobile-footer-height) !important;
		font-size: 1.3em;
		line-height: 1.5em;
		border-radius: 0;
		border: none;
		background: linear-gradient(
			to bottom,
			hsl(222, 25%, 6%),
			hsl(222, 25%, 41%)
		);
		padding: 0;
		margin: 0;
	}
	html.phpbb-dark-mode #page-footer > .navbar { border: none !important; background-color: #1e2c3d !important; }
	html.phpbb-dark-mode ul#nav-footer ul.dropdown-contents * { color: #7cc1ff; }
	/* Footer navigation elements */
	/* 
	#nav-footer li.breadcrumbs {
		width: 85%;
	}
	 */
	ul#nav-footer {
		padding: 0 0 0 8px;
	}
	ul#nav-footer ul.dropdown-contents * {
		color: #105289;
	}
	/* Footer icons */
	ul#nav-footer i {
		font-size: 1.2em;
	}
	ul#nav-footer .fa-institution {
		font-size: 14px;
		vertical-align: text-top;
	}
	ul#nav-footer .fa-home {
		font-size: 19px;
		vertical-align: text-center;
	}
	/* Footer text visibility */
	ul#nav-footer .rightside a span {
		display: none;
	}
	ul#nav-footer ul.dropdown-contents span {
		display: inline;
	}
	/* Copyright adjustments */
	.copyright {
		text-align:left;
		border-top: 1px solid var(--border-color);
		padding-top: 4px;
		padding-left: 0px;
	}
	.copyright p.footer-row {
	line-height:12px;
	}
}
@media (max-width: 400px) {
	ul#nav-main .header-profile {
		margin-top: 3px !important;;
	}
}
/* Desktop */
@media screen and (max-width: 1000px) and (min-width: 701px) {
	ul#nav-main li.rightside span {
		display:none;
	}
	ul#nav-main li#username_logged_in span, li#quick-links .dropdown  span, ul#nav-main .dropdown-contents span {
		display:inline-block;
	}
}
@media (min-width: 701px) {
	:root {
		--navbar-height: 70px;
		--main-height: 38px;
		--breadcrumbs-height: 26px;
		--navbar-border-color: #808080;
		--navbar-bg-color: #ffffff;
		--content-max-width: 900px;
	}
	html,
	body {
		scroll-padding-top: var(--navbar-height) !important;
	}
	html.phpbb-dark-mode #page-header > .navbar { border: none !important; background-color: #1e2c3d !important; }
	#wrap > #page-footer > .navbar {
		border-bottom-left-radius: 0;
		border-bottom-right-radius: 0;
		margin-bottom: -1px;
	}
	
	#wrap > #page-footer {
		margin-bottom: 28px;
	}
	#page-footer > .navbar {
		position: fixed;
		inset: auto auto 0 auto;
		width: calc(100% - 76px);
		max-width:calc(var(--content-max-width) - 20px);
		height: 28px;
		z-index: 500;
		border-bottom-left-radius: 0;
		border-bottom-right-radius: 0;
		background: linear-gradient(
			to bottom,
			hsl(222, 25%, 6%),
			hsl(222, 25%, 41%)
		);
	}
	#page-footer > .navbar, #page-footer > .navbar i {
		font-size: 1.2em;

	}
	ul#nav-footer {
		 margin-top: -2px;
		padding-top: 0;
		
	}
	
	html.phpbb-dark-mode #page-footer > .navbar { border: none !important; background-color: #1e2c3d !important; }
	#nav-main, #nav-main a, nav-main i, ul#nav-breadcrumbs a, ul#nav-breadcrumbs span, ul#nav-footer, ul#nav-footer a, ul#nav-footer i {
		color: #fff;
	}
	#wrap > #page-header {
		margin-top: 58px;
	}
	#page-header > .navbar {
		position: fixed;
		inset: 0 auto;
		width: calc(100% - 56px);
		max-width:var(--content-max-width);
		height: var(--navbar-height) !important;
		z-index: 500;
		border-top-left-radius: 0;
		border-top-right-radius: 0;
		padding: 0;
		margin: 0;
		display: block;
		background: linear-gradient(
			to bottom,
			hsl(222, 25%, 6%),
			hsl(222, 25%, 41%)
		);
	}
	#nav-main, #nav-main a, nav-main i, ul#nav-breadcrumbs a, ul#nav-breadcrumbs span, html.phpbb-dark-mode .navbar #search-box i {
		color: #fff;
	}
	#page-header .dropdown-contents a, #page-header .dropdown-container {
		color: #105289;
	}
	ul#nav-main {
		max-width: var(--content-max-width);
		height: var(--main-height);
		margin: 0 auto;
		padding: 0px 8px;
		font-size: 1.5em !important;
		line-height: 1.6em;
		border-bottom: 1px solid var(--navbar-border-color);
	}
	ul#nav-main .dropdown-contents {
		font-size: 13px !important; 
	}
	/* Navigation icons */
	ul#nav-main i {
		font-size: 1.1em !important;
		transform: scale(1.5) !important;
		margin: 8px 5px 0 5px !important;
	}
	ul#nav-main i.fa-bell {
		transform: scale(1.4) !important;
	}
	ul#nav-main .header-profile {
		background-color: #fff;
		border-radius: 5px;
		padding: 1px 4px 0px 4px;
		line-height: 26px;
		margin-top:5px !important;
	}
	ul#nav-main .header-profile .username {
		color: initial;
	}
	ul#nav-main a.header-avatar span:after {
		display:none;
	}
	.menu-navbar {
		margin-top: 1px;
	}
	ul#nav-breadcrumbs {
		max-width: var(--content-max-width);
		height: var(--breadcrumbs-height) !important;
		margin: 0 auto;
		padding: 1px 8px  0 8px !important;
		font-size: 1.1em;
	}
	li.breadcrumbs span.crumb {
		max-height: var(--breadcrumbs-height) !important;
		white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
	}
	.navbar #search-box {
		padding-top: 2px !important;
	}
}