@font-face {
    font-family: 'WonderUnitSans';
    src: url('../fonts/WonderUnitSans-Regular.eot');
    src: url('../fonts/WonderUnitSans-Regular.eot?#iefix') format('embedded-opentype'),
         url('../fonts/WonderUnitSans-Regular.woff2') format('woff2'),
         url('../fonts/WonderUnitSans-Regular.woff') format('woff'),
         url('../fonts/WonderUnitSans-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'WonderUnitSans';
    src: url('../fonts/WonderUnitSans-LightItalic.eot');
    src: url('../fonts/WonderUnitSans-LightItalic.eot?#iefix') format('embedded-opentype'),
         url('../fonts/WonderUnitSans-LightItalic.woff2') format('woff2'),
         url('../fonts/WonderUnitSans-LightItalic.woff') format('woff'),
         url('../fonts/WonderUnitSans-LightItalic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;

}

@font-face {
    font-family: 'WonderUnitSans';
    src: url('../fonts/WonderUnitSans-Bold.eot');
    src: url('../fonts/WonderUnitSans-Bold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/WonderUnitSans-Bold.woff2') format('woff2'),
         url('../fonts/WonderUnitSans-Bold.woff') format('woff'),
         url('../fonts/WonderUnitSans-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;

}

@font-face {
    font-family: 'WonderUnitSans';
    src: url('../fonts/WonderUnitSans-BoldItalic.eot');
    src: url('../fonts/WonderUnitSans-BoldItalic.eot?#iefix') format('embedded-opentype'),
         url('../fonts/WonderUnitSans-BoldItalic.woff2') format('woff2'),
         url('../fonts/WonderUnitSans-BoldItalic.woff') format('woff'),
         url('../fonts/WonderUnitSans-BoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;

}

:root {
	--background-color: #fff;
	--content-background-color: #fff;
	--text-color: #444;
	--link-color: #603;
	--hover-color: #906;
	--active-color: #906;
	--secondary-color: #603390;
	--tertiary-color: #666;
	--dim-color: rgba(0, 0, 0, 0.06);
	--highlight-color: #ff0;
}

BODY {
	color: var(--text-color);
	background-color: var(--background-color);
	font-family: WonderUnitSans, Helvetica, sans-serif;
 }


/** Links **/

A:link, A:visited, LI A.active, INPUT[type="submit"], summary, button.link, ul.menu a.is-active { color: var(--link-color);  }
A:hover, A:focus, LI A.active:hover, LI A.active:focus, summary:hover, summary:focus, button.link:hover, button.link:focus { color: var(--hover-color); }
A:active { color: var(--active-color); }

header[role=banner] A:link, header[role=banner] A:visited { }
footer A:link, footer A:visited { }


button, INPUT[type="submit"], .button, .image-button,
.webform-options-display-buttons input + label.webform-options-display-buttons-label {
	border-color: var(--link-color);
	background-color: transparent;
}

.button:hover,
.button:focus,
.button:active,
.webform-options-display-buttons input:hover + label.webform-options-display-buttons-label {
	background-color: var(--dim-color);
}

INPUT[id|="edit-submit"], INPUT.button-primary, P.promo .button,
.webform-options-display-buttons input:checked + label.webform-options-display-buttons-label {
	border-color: var(--link-color);
	background-color: var(--link-color);
	color: #fff;
	text-shadow: none;
	background-image: none;
}

INPUT[id|="edit-submit"]:hover, INPUT.button-primary:hover, P.promo .button:hover,
.webform-options-display-buttons input:checked:hover + label.webform-options-display-buttons-label {
	background-color: var(--hover-color);
}

.pager__item A:hover, .pager__item A:focus { border-color: var(--hover-color) !important; }
.pager__item.is-active A { color: #fff !important; background-color: var(--link-color); }


/** Header **/

header[role=banner]
{
	border-width: 0 0 1px 0;
	border-color: #333;
	border-style: solid;
	background-color: #491185;
	background-image: url(../images/backgroundtop.gif);
	background-repeat: repeat-x;
	background-position: center;
}

.site-logo { display: none; }
.site-name A {
	float: left; 
	z-index: 15; 
	margin-top: 0;
	background: url(../images/logo-mobile.svg) no-repeat;
	text-indent: -9999px;
	background-size: 186px 38px;
	width: 186px;
	height: 38px;
	background-position: left top;
}

header[role=banner] .block-social { clear: right; float: right; }
footer .block-social { text-align: center; }


#search-block-form, .accessibility--controls {
	/* background-color: var(--dim-color); */
}

.accessibility--control { color: var(--link-color); }

@media (min-width: 768px) {
	.site-logo { display: block; float: left; }
	.site-logo IMG { width: 73px; height: 100px; filter: drop-shadow( 4px 4px 3px rgba(0, 0, 0, .25)); }

	.site-name A {
		background: url(../images/name-white.svg) no-repeat;
		background-size: 580px 95px;
		width: 580px;
		height: 95px;
		margin-left: 20px;
		filter: drop-shadow( 2px 2px 2px rgba(0, 0, 0, .5));
	}
	header[role=banner] {
		border-width: 0; 
		background-image: url(../images/backgroundtop.gif);
		background-repeat: repeat-x;
		background-position: top;
		vertical-align: top;
	}
	header[role=banner] .region-header { padding-bottom: 0; }
	#block-accessibilitytoolbar { margin-top: 10px; }
	#block-accessibilitytoolbar .color-contrast { float: right; }
	#block-accessibilitytoolbar .text-sizing { float: right; margin-right: 2em; }
	header[role=banner] .search-block-form { margin-top: 1em; float: right; }
	#search-block-form, .accessibility--controls { background-color: transparent; }
	.region-header { padding-top: 1px; }
}

@media (min-width: 992px) {
}

@media (min-width: 1200px) {
}

@media (min-width: 1400px) {
}







/** Navigation **/

.layout-sidebar-first .block-menu { font-size: 0.888888888888889em; }

header[role=banner] .collapsiblock A, #superfish-main-toggle { 
	/* background-color: var(--link-color); icon color */
}

#superfish-main-toggle.sf-expanded { 
	background-color: var(--link-color); /* icon color */
}

#superfish-main-accordion { 
	background-color: #fff; /* accordion menu color */
}

ul.sf-menu a, ul.sf-menu a:visited, ul.sf-menu span.nolink { /** all menu items **/
	color: var(--link-color);
}

ul.sf-menu.sf-accordion li.sf-depth-1 > A { /* main menu items */
	color: #fff;
	background-color: var(--link-color);
}

ul.sf-menu li.sf-depth-1 {
	border-color: rgba(255, 255, 255, 0.5); /* line between main menu items */
}

ul.sf-menu.sf-horizontal li.sf-depth-1 { flex-grow: 1; }

ul.sf-menu.sf-horizontal li.sf-depth-1 > A { /* main menu items */
	color: var(--link-color);
}



ul.sf-menu li A:hover:not(.sf-accordion-button), 
ul.sf-menu li A:focus:not(.sf-accordion-button), 
ul.sf-menu span.nolink:hover,
.layout-sidebar-first UL.menu LI A:hover { background-color: var(--hover-color) !important; color: #fff !important; } /* hover all menu items */

ul.sf-menu li.active-trail A.is-active { text-decoration: underline; text-decoration-thickness: 1px; }

ul.sf-menu li.active-trail.sf-depth-1 > A,
.layout-sidebar-first UL.menu--level-1 > LI.menu-item--active-trail > A,
.layout-sidebar-first UL.menu--level-1 > LI.menu-item--expanded > A { background-color: var(--active-color); color: #fff !important; } /* active main menu items */

ul.sf-menu li.active-trail:not(.sf-depth-1) > A,
.layout-sidebar-first UL.menu LI.menu-item--active-trail LI A { background-color: #eee; } /* active drop down menu items */

.menu--main { display: none; }


@media (min-width: 768px) {
	BODY:not(.path-frontpage) nav.menu { display: none; }
	.menu--main { display: block; }
	
	nav.menu {
		background-color: #EBE5F1;
		border-color: #CDBFDC;
		border-width: 1px 0px;
		border-style: solid;
	}


	ul.sf-menu li A.sf-depth-1 {
		/* height: 2em; max number of lines */
		color: var(--link-color);
		padding: .5em 1em;
		font-weight: bold;
		text-align: center;
	}

	ul.sf-menu li:hover > ul, ul.sf-menu li.sfHover > ul { top: 2em; }

	ul.sf-menu.menu ul { /** sub menu outline **/
		border: 1px #ccc solid; 
		background-color: #fff; 
	}
}

/** Content **/
.layout-content {
	background-color: var(--content-background-color);
}

.page-node-type-event.mode-view .field--name-field-event-date { font-weight: bold; }

/** Headers **/

H1, H2, H3, H4, H5, H6 { font-weight: bold; }

H1 { color: #307; }
H2, H2+P.subtitle { color: var(--secondary-color); }
P.subtitle, .mode-view .field--name-field-subtitle { color: #000; margin-bottom: .5em; }

H3, H4, H5, H6 { color: var(--tertiary-color); }

/* Fields */

main .field, .view-eva { margin-bottom: 1em; }

BLOCKQUOTE {   }





/** Images & Video **/



/** Forms **/

textarea:focus, input:is([type="text"], [type="search"], [type="number"], [type="date"], [type="time"], [type="datetime-local"], [type="month"], [type="week"], [type="password"], [type="email"], [type="tel"], [type="url"]):focus {
	border-color: #cc0;
	box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.05), 0 0 8px #ff9;
}

input:checked[type="checkbox"] {
	background-color: #005569;
}


/** Tables **/

THEAD TH {
	color: var(--tertiary-color);
	border-width: 0 0 2px 0;
	border-color: var(--tertiary-color);
	border-style: solid;
}


/** Footer **/

.region-footer {
	border-width: 1px 0 0 0;
	border-color: #ccc;
	border-style: solid;
	color: #666;
	text-align: center;
}


/** Front Page **/

.featured { background-color: #ccc; }

.path-frontpage H1 { display: none; }

.mode-view .field--name-field-alert
{
	background-color: hsl(from var(--highlight-color) h s 75% );
	padding: .5em;
	text-align: center;
	border: 1px var(--highlight-color) solid;
}

.path-frontpage main .layout-content-wrapper {
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,cdbfdc+100 */
background: linear-gradient(to bottom,  #ffffff 0%,#cdbfdc 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.path-frontpage .layout-content { background-color: transparent; }

.path-frontpage footer { background-color: #cdbfdc; }

.path-frontpage .region-footer { border-width: 0; }

.path-frontpage #flexslider-1 IMG { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }

.path-frontpage .layout-sidebar-first H2 { text-align: center; }

@media (max-width: 767px) {
	.path-frontpage main { grid-template-areas: "featured" "content" "sidebar2" "sidebar1" "postscript" "footer"; }
	.path-frontpage main .layout-sidebar-first, .path-frontpage main .layout-sidebar-second {
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,cdbfdc+100 */
background: linear-gradient(to bottom,  #ffffff 0%,#cdbfdc 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

}

/** Resources **/

.mode-view .field--name-field-byline { font-style: italic; }

DIV.letter {
	padding: 1em;
	margin: 1em 2em;
	border-color: #666;
	border-width: 1px;
	border-style: solid;
	clear: both;
}

.field--name-field-large-image IMG { margin: 0 auto; }