

/*---REGIONS----*/

#block-medaille2019-local-tasks.block-wrapper {
	position: fixed;
	top: calc(84px + 3vw);
	width: 90%;
	z-index: 2;
	animation: 2s ease 0s normal forwards 1 quick-fadein;
	height: 60px;
	margin-bottom: -20px;
	margin-left: -2vw;
	padding-left: 2vw;
	display: block !important;
	opacity: 0.5 !important;
	transition: opacity 0.5s ease;
}
.page-banner {
}
#block-medaille2019-local-tasks.block-wrapper:hover {
	opacity: 1.0 !important;
}
.toolbar-tray-open #block-medaille2019-local-tasks.block-wrapper {
	/* margin-top: 40px; */
	top: calc(125px + 3vw);
}
@media only screen and (max-width: 760px) {
	.user-logged-in #block-medaille2019-local-tasks.block-wrapper  {
		position: fixed;
		top: 120px;
	}
	.toolbar-tray-open 	#block-medaille2019-local-tasks.block-wrapper  {
			top: 120px;
	}
}
@keyframes quick-fadein {
    0% { visibility:hidden; }
    100% { visibility: visible;}
}
#block-medaille2019-local-tasks {
	display: none;
}
.user-logged-in #block-medaille2019-local-tasks {
	display: block;
}

/*Header*/
header.page-header {
	background: #002639;
	width: 100%;
	padding: 0;
	position: fixed;
	display: flex;
	top: 0;
	z-index: 10;
	border-bottom: solid 1px rgba(255,255,255,0.25);
	height: calc(35px + 3vw);
	line-height: 100% !important;
	/* opacity: 0.85; */
}
.user-logged-in header.page-header,
.adminimal-admin-toolbar header.page-header {
	top: 39px;
}
.user-logged-in.toolbar-tray-open header.page-header,
.adminimal-admin-toolbar.toolbar-tray-open header.page-header  {
	top: 79px;
}
header.page-header > div {
	width: 100%;
	display: flex;
	justify-content: space-between;
}
header.page-header #block-medaille2019-branding,
header.page-header #block-medaille2019-search,
header.page-header #block-exposedformsearchmain-search,
header.page-header #block-exposedformfaq-searchmain-search-2 {
	display: flex;
	align-items: center;
}
header.page-header #block-medaille2019-search {
	justify-content: flex-end;
	padding-right: 1vw;
}
header.page-header #block-exposedformsearchmain-search,
header.page-header #block-exposedformfaq-searchmain-search-2 {
	justify-content: flex-end;
	padding-left: 1vw;
}
header.page-header #block-medaille2019-branding {
	width: 14%;
	/*max-width: 12%;*/
	min-width: calc(160px + (120 - 90) * ((100vw - 600px) / (1800 - 600)));
	min-height: 18px;

}
header.page-header #block-medaille2019-search,
header.page-header #block-exposedformsearchmain-search,
header.page-header #block-exposedformfaq-searchmain-search-2 {
	width: 10%;
	/*max-width: 12%;*/
	min-width: calc(160px + (120 - 90) * ((100vw - 600px) / (1800 - 600)));
	min-height: 18px;

}
header.page-header #block-medaille2019-branding {
	padding: 1vw;
}
header.page-header #block-medaille2019-branding img {
	width: 13vw;
	min-width: 180px;
	height: auto;
	padding-top: .125vw;
}
main#main {
}
@media only screen and (max-width: 61em) {
	.user-logged-in.toolbar-tray-open header.page-header {
		top: 39px;
	}
}
/********** Main Section **********/
div.layout-container {
	position: relative;
	top: calc(3vw + 10px);
	/* width: calc(100vw - 15px); */
	/* overflow-y: hidden; */
}
body:not(.page-node-347) div.layout-container {
	overflow-x: hidden;

}
.node-title {
	padding-top: 2vw !important;
}
/* body:not(.user-logged-in) h1.node-title {
	padding-bottom: 2vw !important;
} */
/*.page-node-type-page h1.node-title {
	margin-bottom: 4vw;
}*/

@media only screen and (max-width: 860px) {
	body {
		overscroll-behavior: none;
	}
	*::-webkit-scrollbar {
	    width: 0px;
	    background: transparent; /* Chrome/Safari/Webkit */
	}
	* {
	  scrollbar-width: none; /* Firefox */
	  -ms-overflow-style: none;  /* IE 10+ */
	}
	div.layout-container {
		top: -5px;
		width: 100%;
		max-width: 100vw;
		box-sizing: border-box;
		-webkit-overflow-scrolling: auto;
		overflow-y: hidden;
	}
	body:not(.page-node-347) div.layout-container {
		overflow-x: scroll !important;
	}
	ul.pager__items {left: 0 !important;}
	body.user-logged-in div.layout-container {
		top: -20px;
		margin-bottom: -20px;
	}
	body {
		padding-top: 12px !important;
	}
	body.user-logged-in.toolbar-tray-open {
		padding-top: 65px !important;
	}
	h1.node-title {
		padding-top:30px !important;
	}
}
@media only screen and (max-width: 975px) {
	body.user-logged-in.toolbar-tray-open {
		padding-top: 65px !important;
	}
}
.layout-content {
	flex: 1;
	min-height: 60vh;
	padding: 0 2vw 2vw 2vw;
}
.path-user .layout-content #block-medaille2019-content {
	padding-top: calc(50px + .5vw);
}
body:not(.path-node):not(.path-frontpage):not(.path-academics) #block-medaille2019-content,
.page-403 #block-medaille2019-content {
	padding-top: calc(50px + .5vw);
}


/****Mobile Main Menu (with Search)****/
@media only screen and (max-width: 860px) {
	header.page-header {
		position: fixed;
		z-index: 10;
		top: 0;
		padding: 0 0 0 0;
		max-width: 100%;
		height: auto;
		min-height: 70px;
		overflow-y: hidden;
	}
	.contextual-region .contextual .contextual-links {
		width: auto;
		display: none;
	}
	.contextual-region .contextual.open .contextual-links {
		display: block;
		position: absolute;
		top: 30px;
	}
	header.page-header > div {
		display: block;
		width: 100%;
	}

	header.page-header #block-medaille2019-search,
	header.page-header #block-exposedformsearchmain-search,
	header.page-header #block-exposedformfaq-searchmain-search-2 {
		/* display: none; */
	}
	header.page-header #block-medaille2019-main-menu {
		margin-top: 100px;
	}
	header.page-header #block-medaille2019-search,
	header.page-header #block-exposedformsearchmain-search,
	header.page-header #block-exposedformfaq-searchmain-search-2 {
		position: absolute;
		top: 65px;
		width: 100%;
		min-width: 100%;
		min-height: 50px;
		/* left: 0 !important;
		right: 0 !important; */
		padding: 20px 20px 20px 30px;
	}
	header.page-header #block-exposedformsearchmain-search .form-item-keyphrase,
	header.page-header #block-exposedformsearchmain-search .form-item-keyphrase input,
	header.page-header #block-exposedformfaq-searchmain-search-2 .form-item-keyphrase,
	header.page-header #block-exposedformfaq-searchmain-search-2 .form-item-keyphrase input {
	width: calc(100% - 70px);
	min-width: calc(100% - 70px);
	}
	header.page-header #block-exposedformsearchmain-search .form-item-keyphrase input,
	header.page-header #block-exposedformfaq-searchmain-search-2 .form-item-keyphrase input {
		position: absolute;
		left: 20px;
		right: 20px;
		top: 20px;;
		font-size: 28px;
		padding: 10px;
		min-height: 48px;
	}
	#block-medaille2019-search input.form-submit,
	#block-exposedformsearchmain-search input.form-submit,
	#block-exposedformfaq-searchmain-search-2 input.form-submit {
		height: 38px;
		width: 38px;
	}
	#block-medaille2019-search,
	#block-exposedformsearchmain-search,
	#block-exposedformfaq-searchmain-search-2 {padding-right: 16px;}
	#block-medaille2019-search > div,
	#block-medaille2019-search > div > form,
	#block-exposedformsearchmain-search > form,
	#block-exposedformsearchmain-search > form div,
	#block-exposedformfaq-searchmain-search-2 > form,
	#block-exposedformfaq-searchmain-search-2 > form div {
		width: 100%;
		min-width: 100%;
	}
	#block-medaille2019-search .form-item-keys,
	#block-exposedformsearchmain-search > form,
	#block-exposedformfaq-searchmain-search-2 > form  {
		min-width: calc(100% - 50px);
		display: inline-block;
		margin: 0;
		vertical-align: middle;
	}
	#block-medaille2019-search .form-item-keys input,
	#block-exposedformsearchmain-search > form input,
	#block-exposedformfaq-searchmain-search-2 > form input {
		min-width: calc(100% - 50px);
		max-width: calc(100% - 50px);
		padding: 10px !important;
		border: none;
		height: 36px;
		margin: 0;
		font-size: 24px !important;
	}
	#block-medaille2019-search .form-actions,
	#block-exposedformsearchmain-search .form-actions,
	#block-exposedformfaq-searchmain-search-2 .form-actions {
		max-width: 20%;
		display: inline-block;
		margin: 0;
	}

	#block-medaille2019-main-menu ul.dmenu,
	#block-medaille2019-main-menu ul.dmenu li,
	#block-medaille2019-main-menu ul.dmenu > li a {
		display: inline-block;
		position: relative;
		visibility: visible;
	}
	#block-medaille2019-main-menu ul.dmenu {
		width: 100%;
		padding: 0 0 20px 0;
		background: #002639;

	}
	#block-medaille2019-main-menu ul.dmenu a {
		text-align: left;
		/*color: white;*/
		font-size: inherit;
		display: inline-block;
		width: auto;
	}
	#block-medaille2019-main-menu ul.dmenu * a:hover {
		background: none;
		text-decoration: underline;
	}
	#block-medaille2019-main-menu ul.dmenu  li:hover,
	#block-medaille2019-main-menu ul.dmenu  li:hover ul {
		background: none;
	}
	header.page-header ul.dmenu li {
		width: calc(100% - 40px) !important;
		display: block;
		padding: 5px 30px;
		font-size: 30px !important;
	}

	header.page-header ul.dmenu li.has-submenu > .open-sub {
		background: none;
		color: /*white*/ #ffc425;
		border: none;
		display: inline-block;
		padding-left: 1px;
		font-size: 30px !important;
		cursor: pointer;
		transition: transform .5s;
	}
	header.page-header ul.dmenu li.has-submenu > a.is-active + button.open-sub {
		color: white;
	}
	.dd-title {
	display: inline-block;
	text-indent: -1000vw;
	overflow: hidden;
	max-width: 0 !important;
	}
	header.page-header ul.dmenu li.has-submenu > a.is-active + button.open-sub {
		color: white;
	}
	header.page-header ul.dmenu li.has-submenu > .open-sub::after {
		content: '\25b8';
		font-size: 50px !important;
		line-height: 30px;
		vertical-align: top;
	}
	.rotate-down {
		transform: rotate(90deg);
	}
	header.page-header ul.dmenu li ul {
		padding-left: 20px;
		position: relative !important;
		display: none;
		position: relative;
		margin-left: -30px;
		/* visibility: hidden !important; */
	}
	header.page-header ul.dmenu ul li a {
		text-transform: none !important;
		color: /*#a99031*/ #ffc425 !important;
		font-size: 24px !important;
		height: 24px;
	}
	#block-medaille2019-main-menu ul.dmenu > li:hover > ul {
		background: auto;
		position: relative;
		width: auto;
	}
	#block-medaille2019-main-menu ul.dmenu a:hover {
		color: #fff !important;
	}
	header.page-header #block-medaille2019-branding {
		display: block;
		width: 240px;
		padding: 16px 10px 10px 30px;
		height: auto;
	}
	header.page-header #block-medaille2019-branding img {width: 100% !important;}
	header.page-header .hamburg {
		display: block;
		position: absolute !important;
		top: 0;
		right: 16px;
		left: auto;
		color: white;
		cursor: pointer;
		width: 11vw;
		min-width: 11vw;
		max-width: 11vw;
		height: /*11vw*/ 60px;
		font-size: auto;
		text-align: center;
		vertical-align: middle;
		padding: 0;
		background: none;
		border: none;
	}
	header.page-header .hamburg:active {
	    outline: none;
	    border: none;
	}
	header.page-header .hamburg::focus {outline:0;}
	.open-mm {
		font-size: 30px;
	}
	.user-logged-in.toolbar-tray-open header.page-header {
		top: 39px;
	}
	.close-mm {
		font-size: 36px;
	}
	.opened-mm {
		display: block !important;
	}
	main {
		margin-top: 64px;
	}
}

/*Sidebar*/
aside.layout-sidebar-first {
	background: #F2F1F0;
	border-left: solid 1px #002639;
}
aside.layout-sidebar-first .block-wrapper {
	padding: 0 2vw;
}
aside.layout-sidebar-first .block-wrapper:first-of-type {
	padding-top: 1vw;
}
aside.layout-sidebar-first .block-wrapper:last-of-type {
	padding-bottom: 1vw;
}

/*Footer*/
footer  {
	background: #002639;
	min-height: 100px;
	padding: 3vw 2vw;
	position: relative;
	z-index: 1;
	line-height: normal;
}
footer a {
	color: #ffc425;

}

footer #block-sitebranding {
	width: 20vw;
	padding-bottom: 2vw;
}
footer #block-campuses {
	width: calc(25% - 7vw);
	padding-left: 5vw;
	padding-right: 2vw;
	display: inline-block;
}
footer #block-campuses p {
	padding-bottom: 3vw;
}
footer #block-medaille2019-footer {
	width: 74%;
	display: inline-flex;
	vertical-align: top;
}

footer #block-medaille2019-footer ul.dmenu {
	list-style-type: none;
	display: flex;
	flex-direction: column;
	-webkit-flex-wrap: wrap;
	-webkit-flex: 1 1 auto;
	flex-wrap: wrap;
	flex: 1 1 auto;
	/* justify-content: space-evenly;
	align-content: space-evenly; */
	height: 28vw;
	padding-top: 1.25vw;
	min-height: 0;
}
footer #block-medaille2019-footer ul.dmenu>* {
}
footer #block-medaille2019-footer ul.dmenu li {
	font-size: calc(14px + 4 * ((100vw - 320px) / 680));
	margin-bottom: 2vw;
	height: 2vw;
	overflow: visible;

}
footer #block-medaille2019-footer ul.dmenu li:last-of-type {

}

#block-medaille2019-footer ul.dmenu li:nth-child(4n) {
	break-after: always;
}
@media only screen and (max-width: 900px) {
	.layout-container > footer {
		min-height: 800px;
		margin-bottom: -20px;
		z-index: 1;
	}
	footer #block-medaille2019-footer ul.dmenu {
margin-bottom: -2vw;
	}
	footer #block-medaille2019-footer ul.dmenu > li {
		flex: 1 1 30px;
		height: 20px;
	}
	footer #block-sitebranding {
		width: 200px;
	}
	#block-medaille2019-footer ul.dmenu li:nth-child(4n) {
		break-after: auto;
	}
	#block-medaille2019-footer ul.dmenu li:nth-child(6n) {
	}
}

@media only screen and (max-width: 860px) {
	.layout-container > footer {
		min-height: 1400px;
		padding-top: 10vw;
		font-size: 18px;
	}
	footer #block-sitebranding {
		margin: 0 auto;
		width: 300px;
	}
	footer #block-medaille2019-footer {
		margin: 0 10%;
		width: 80%;
	}
	footer #block-medaille2019-footer ul.dmenu {
		display: block;
		min-height: 110vw;
	}
	#block-medaille2019-footer ul.dmenu li:nth-child(6n) {
		break-after: auto;
	}
	#block-medaille2019-footer ul.dmenu li:nth-child(8n) {
		break-after: always;
	}
	footer #block-medaille2019-footer ul.dmenu li {
		width: 100%;
		margin-right: 10%;
		padding-bottom: 14px;
		padding-top: 8px;
		flex: 1 1 20px;
		border-bottom: solid 1px white;
		font-size: 18px !important;
	}
	footer #block-medaille2019-footer ul.dmenu li:last-of-type {
		border-bottom: solid 0px rgba(0,0,0,0);
	}
	footer #block-campuses {
		width: 80%;
		padding: 0;
		margin: 0 10% 8vw;
		display: block;
		vertical-align: top;
	}
	footer #block-campuses p {
		display: inline-block;
		width: 49%;
		padding: 0;
		text-align: center !important;
		vertical-align: top;
	}
}
/* Sticky Divs */
/* body.sticky-page {
		overflow-y: hidden;
}
body.sticky-page *{
		overflow-y: auto;
}
.stick-this:focus {
	outline:none;
	outline-style:none;
	box-shadow:none;
	border-color:transparent;
}
.sticky .stick-this {
	position: sticky;
	position: -webkit-sticky;
	top: calc(35px + 3vw);
	z-index: 1;
	box-sizing: border-box;
	overflow-y: hidden;
}

 .sticky .stick-this:first-of-type {
}
.user-logged-in .sticky .stick-this {
	top: calc(75px + 3vw);
}
.user-logged-in.toolbar-tray-open .sticky .stick-this {
	top: calc(115px + 3vw);
}
.path-frontpage.user-logged-in.toolbar-tray-open .sticky .stick-this {
	top: calc(93px + 3vw);
}
.stick-this.last {height: 0; margin: 0; clear: both;}
.sticky .stick-this.last {
	height: 30vw;
	margin-bottom: -30vw;
}
.sticky .stick-this > div {
	max-height: 100%;
	min-height: 100%;
}
.sticky .stick-this.at-top > div {
	box-sizing: border-box !important;
	overflow-y: hidden;
	max-height: calc(100vh - (35px + 3vw));
	min-height: 0;
	height: calc(auto + 2vw) !important;
	padding-bottom: 1vw;
	margin-bottom: -1vw !important;
}
.sticky .stick-this.at-top,
.sticky .stick-this.at-top > div * {
	overflow: hidden;
}
.sticky .stick-this.at-top > div {
	overflow-y: auto;
}
 .user-logged-in .sticky .stick-this.at-top > div {
	max-height: calc(100vh - (75px + 3vw));
}
.user-logged-in.toolbar-tray-open .sticky .stick-this.at-top > div {
	max-height: calc(100vh - (115px + 3vw));
}
.path-frontpage.user-logged-in.toolbar-tray-open .sticky .stick-this.at-top > div {
	max-height: calc(100vh - (93px + 3vw));
}

.stick-here {
	height: 0;
	overflow: hidden;
} */

#block-medaille2019-page-title {
	padding-top: .33vw;
}
.hide-title h1.node-title   {
	font-size: 0;
	height: 0;
	max-height: 0;
	min-height: 0;
	overflow: hidden;
	line-height: 0;
	display: none;
}

/* @media only screen and (max-width: 760px) {
	.sticky .stick-this {
		top: 70px;
	}
	.user-logged-in .sticky .stick-this,
	.user-logged-in.toolbar-tray-open .sticky .stick-this {
		top: 100px;
	}
	.path-frontpage.user-logged-in.toolbar-tray-open .sticky .stick-this {
		top: 105px;
	}
	.sticky .stick-this.at-top > div {
		max-height: calc(100vh - 70px);
	}
	 .user-logged-in .sticky .stick-this.at-top > div,
	 .user-logged-in.toolbar-tray-open .sticky .stick-this.at-top > div {
		max-height: calc(100vh - 100px);
	}
	.path-frontpage.user-logged-in.toolbar-tray-open .sticky .stick-this.at-top > div {
	 max-height: calc(100vh - 105px);
 	}
} */
* {scroll-behavior: smooth;}
a#scroll-to-top {
	/* visibility: hidden; */
	opacity: 0;
	transition: opacity 0.5s;
	background: url('../../images/back-to-top.svg');
	background-repeat: no-repeat;
	background-size: contain;
	width: 36px;
	height: 36px;
	position: fixed;
	bottom: 4vw;
	right: 4vw;
	z-index: 10;
}
.scrolltop a#scroll-to-top {
	opacity: 0.85;
}
a#scroll-to-top:hover { color: rgba(0,0,0,0); opacity: 1;}
@media only screen and (max-width: 760px) {
	a#scroll-to-top {display: none;}
}

/*Feedback Button */
.feedback-button {
	position: absolute;
	top: -.33vw;
		right: 0; z-index: 1;
	margin: 0 !important;
}
.feedback-button a {
	background: #ffc425;
	color: #002639;
	padding: 2px;
	font-size: 14px;
	border-bottom-left-radius: 6px;
}
.feedback-button a:hover {
	color: #002639;
}
@-moz-document url-prefix() {
  /* .feedback-button {right: -2vw;} */
}
@media only screen and (max-width: 860px) {
	.feedback-button {top:68px; position: fixed;}
	.user-logged-in .feedback-button {top:108px;}
	.feedback-button a {}
}
