.path-frontpage a,
footer a {
	color: #ffc425;
}
.path-frontpage a:hover,
footer a:hover {
	color: #fccf57 ;
}

a[name] {
  padding-top: 300px;
  margin-top: -300px;
  display: inline-block; /* required for webkit browsers */
	position: relative;
	z-index: -1;
}
/*--Drupal Admin Toolbar--*/
.toolbar .toolbar-bar {
    background-color: #0f0f0f !important;
    box-shadow: -1px 0 3px 1px rgba(0,0,0,0.3333);
    color: #ddd;
		position: fixed;
		top:0;
		left:0;
		right:0;
}
.toolbar-tray a,
.contextual-links a {
    color: #565656;
}

@media only screen and (max-width: 760px) {
.toolbar-tray a:hover, .toolbar-tray a:active, .toolbar-tray a:focus, .toolbar-tray a.is-active, .contextual-links a {
    color: #000;
    text-decoration: underline;
}
header.page-header .contextual .trigger {display: none;}
header.page-header .contextual .trigger:hover {display: block;}

header.page-header .contextual .trigger,
header.page-header .contextual .trigger:hover {max-width: 26px !important;min-width: 26px !important;width: 26px !important; margin-bottom: -26px;}
	nav#toolbar-bar.toolbar-bar {
		position: fixed;
		top: 0;
	}
}
/*Page Content Div*/
#block-medaille2019-content p {
	margin: 18px 0;
}
#block-medaille2019-content .article ul:not(.contextual-links),
#block-medaille2019-content .article ol:not(.contextual-links) {
	margin: 0 0 18px 0;

}
#block-medaille2019-content .article ul:not(.contextual-links),
#block-medaille2019-content .article ol:not(.contextual-links) {
	list-style-position: outside;
	position: relative;
	left: 5vw;
	margin-left: 0;
}
#block-medaille2019-content .article .stick-this ul:not(.contextual-links),
#block-medaille2019-content .article .stick-this ol {
	list-style-position: inside;
	position: relative;
	left: 5vw;
	margin-left: 0;
	box-sizing: border-box;
	max-width: calc(100% - 10vw);
}
#block-medaille2019-content .article ul:not(.contextual-links) li,
#block-medaille2019-content .article ol:not(.contextual-links) li {
	padding-left:  calc(3px + 3 * ((100vw - 320px) / 680));
	margin-bottom:  calc(14px + 6 * ((100vw - 320px) / 680));
}
.node-title,
.field-node-title {
	font-size: calc(32px + (64 - 32) * ((100vw - 600px) / (1600 - 600)));
	line-height: calc(1.3em + (1.5 - 1.2) * ((100vw - 600px)/(1600 - 600)));
	font-weight: 500 !important;
}
a .field-node-title {color: inherit; text-decoration: none;}

/*Footer*/
footer .views-element-container.block-wrapper ul.contextual-links {
	/* display: none; */
}


/*Edit Menu*/
#block-medaille2019-local-tasks.contextual-region:hover {
	opacity: 1;
}
#block-medaille2019-local-tasks.contextual-region .contextual {display: none;}
#block-medaille2019-local-tasks ul {
	transition: opacity 0.5s ease;
}
#block-medaille2019-local-tasks ul:not(.contextual-links) li{
	display: inline-block;

}

#block-medaille2019-local-tasks a {
	color: /*#565656*/ #fff;
	text-decoration: none;
	margin-left: 0;
	padding: 6px 12px 4px;
	background: /*#f1f1f1*/ /*#ffc425*/ #000;
	font-size: 14px;
	border-radius: 14px /*5px 0 0*/;
	border: solid 1px white;
	transition: all  0.5s ease;
	opacity: 0.5;
}
#block-medaille2019-local-tasks a:hover, #block-medaille2019-local-tasks a:active, #block-medaille2019-local-tasks a:focus {

		opacity: 1;
}

/*--System Messages--*/
.sys-message {
	position: relative;
	box-sizing: border-box;
	animation: 4s ease 0s normal forwards 1 fadeout;
	background: #ccffcc;
	height: 0;
	padding: 0 2vw 0 2vw;
	/* margin: -1.6vw -2vw 0 -2vw; */
	margin: 0 -2vw 0 -2vw;
	overflow: hidden;
	color: rgba(0,0,0,0);
	z-index: 2;
	border-bottom: solid 1px #009900;
	background-color 0.5s ease;
	opacity: 0.5;
}
@keyframes fadeout {
    0% { opacity:0; }
    2% { opacity:1;background:#009900; color: white; }
    10% { color: black;background: #ccffcc; }
		20% { opacity:1;height:auto;padding:3vw 2vw 1vw 2vw;}
		95% { opacity:1;height:auto;padding:3vw 2vw 1vw 2vw;color: black; margin-top: 0;  }
    100% { opacity:0;height:0;padding:0 2vw 0;margin-top: -1px;  color: white;}
}
.sys-message a,
.sys-message a:visited {
	color: blue;
}

/*Block contextual menu */
.block-wrapper .contextual .trigger {
  /* margin-bottom: -18px; */
}
#block-medaille2019-search.block-wrapper .contextual .trigger,
footer #block-campuses.block-wrapper .contextual .trigger,
#block-sitebranding.block-wrapper .contextual .trigger,
#block-medaille2019-branding.block-wrapper .contextual .trigger {
	margin-bottom: 0;
}
/*Webforms*/
form.webform-submission-form {
	position: relative;
}
form.webform-submission-form .form-wrapper.js-form-wrapper {
	text-align: right;
}
form.webform-submission-form .form-wrapper.js-form-wrapper > div * {
	width: calc(100% - 2vw);
	max-width: 94vw;
	text-align: left !important;
}
form.webform-submission-form .form-wrapper.js-form-wrapper > div input.form-checkbox,
form.webform-submission-form .form-wrapper.js-form-wrapper > div input.form-radio {
	width: auto;
	max-width: auto;
}
form.webform-submission-form fieldset.form-wrapper,
form.webform-submission-form .form-wrapper.js-form-wrapper > div {
	width: calc(100% - 2vw);
	max-width: 94vw;
	text-align: left !important;
}
.webform-type-fieldset {
	padding:  1vw 1vw 2vw 1vw;
	margin-top: 2vw;
}

.webform-type-fieldset .webform-element-description {
	margin-top: 3vw;
}

.node-title {
	font-size: calc(32px + (64 - 32) * ((100vw - 600px) / (1600 - 600)));
	line-height: calc(1.3em + (1.5 - 1.2) * ((100vw - 600px)/(1600 - 600)));
	font-weight: 500 !important;
}
/* .field-node-title {
	font-size: calc(32px + (64 - 32) * ((100vw - 600px) / (1600 - 600)));
	line-height: 100%;
	font-weight: 500 !important;
} */
.page-node-type-program-page
a .field-node-title {color: inherit; text-decoration: none;}
.form-wrapper.js-form-wrapper > div .form-item label {
	line-height: 160%;
}
.form-wrapper.js-form-wrapper > div .form-item input {
	display: inline-block;
	vertical-align: top;
}
.form-wrapper.js-form-wrapper > div .form-item input[type=radio] {
	display: inline-block !important;
}
.form-wrapper.js-form-wrapper > div .form-item.js-form-type-radio,
.form-wrapper.js-form-wrapper > div .form-item.js-form-type-checkbox {margin: .25vw 0 !important;}
/* .webform-submission-form > .form-item > .webform-type-fieldset > .form-item:first-of-type */
.webform-submission-form > fieldset > .fieldset-wrapper > div:first-of-type  {
		margin-top: 1vw !important;
}
.webform-submission-form .fieldset-legend,
.webform-submission-form .form-item label {font-weight: bold;}

.webform-submission-form .form-item.js-form-type-radio label,
.webform-submission-form .form-item.js-form-type-checkbox label {font-weight: normal;}

.js-form-type-radio {padding-top: 0 !important; margin-top: 0 !important;}
.js-form-type-radio * {display: inline !important;}

.form-wrapper.js-form-wrapper > div .form-item input[type=checkbox] {
	display: inline-block !important;
}
.js-form-type-checkbox {padding-top: 0 !important; margin-top: 0 !important;}
.js-form-type-checkbox > * {display: inline !important;}

.form-wrapper.js-form-wrapper > div .form-item label {
}
input.webform-button--submit.button {
	background: #ffc425;
	color: white;
}
*:focus {
    outline: none;
}
input:focus {
	outline: 1px dotted darkorange;
	outline: 5px auto -webkit-focus-ring-color;
}
.webform-submission-form textarea {
	-moz-appearance: none;
	-webkit-appearance: none;
	padding: 1vw;
	width: calc(100% - 2vw);
	font-size: calc(14px + 4 * ((100vw - 320px) / 680));
	border: solid 1px #333;
}
/*Views Pger*/
ul.pager__items {display: block !important; text-align: center;}
ul.pager__items li{display: inline !important; padding: 0 1vw;}

/*  Search Results and FAQ search Pages */
.path-search .search-form {
	padding: 2vw 0;
	font-size: calc(14px + 4 * ((100vw - 320px) / 680));
}
.path-search .search-form label {
	font-size: calc(14px + 6 * ((100vw - 320px) / 680));
	padding: .5vw .5vw .5vw 0;
}
.path-search .search-form fieldset {
	font-size: calc(14px + 4 * ((100vw - 320px) / 680));
	padding: .5vw;
}
.path-search .search-form fieldset:first-of-type,
.path-search details {
	margin-top: 1vw;
}
.path-search .search-form input {
	font-size: calc(14px + 4 * ((100vw - 320px) / 680));
	padding: .5vw;
}
.path-search .search-form div {
	margin: 1vw 0;
}
.path-search #block-medaille2019-content ol {
		list-style-type: none;
}
.path-search #block-medaille2019-content ol li {
		margin: 2vw 0;
}
.faq-search-block {
	display: block;
	flex-direction: column;
	justify-content: space-between;
	width: 40%;
	min-width: 360px;
	max-width: 1080px;
	margin: calc(140px + 1vw) auto calc(60px + 2vw);
	padding: 2vw 0 0 0;
}
.faq-search-block form {
	display: flex;
	align-items: flex-start;
	width: 100%;
	line-height: 0;
}
.faq-search-block form div:first-of-type {
	width: calc(100% - 42px);
	align-self: flex-start;
	position: relative;
}
.faq-search-block form div:last-of-type {
	width: 42px;
	height: 42px;
	align-self: flex-end;
}
.faq-search-block .form-item-keyphrase {
}

.faq-search-block label {
	/* display: none !important; */
	display: block;
	height: 0;
	overflow: visible;
	margin-top: calc(-10px - 10 * ((100vw - 320px) / 680));
	font-size: calc(14px + 10 * ((100vw - 320px) / 680));
}
.faq-search-block input.form-text {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	font-size: 24px !important;
	padding: 4px 8px 5px;
	width: calc(100% - 16px) !important;
	line-height: 100%;
	height: 29px !important;
	border-radius: 0;
}

.faq-search-block input.form-submit {
	width: 100%;
	height: 100%;
	background: #002639 url('/themes/medaille-2019/css/component/../../images/search.svg') no-repeat;
	background-size: 80% 80%;
	background-position: center;
	text-indent: -1000vw;
	overflow: hidden;
}
.layout-content .faq-search-block input.form-submit {
	margin: -1px 0;
	width: 42px !important;
}
/*Webform Element Styles*/
select#edit-todays-date-month,
select#edit-todays-date-day,
select#edit-todays-date-year,
.form-item-date-month select,
.form-item-date-day select,
.form-item-date-year select,
form.webform-submission-form .js-form-type-select select
 {
	min-width: 160px;
}
fieldset.address--wrapper > legend {margin-bottom: -3.25vw !important;}
