/* site specific theme */

body, input, span {
	color: #333;
}

h1 {
	/*font-size: 30pt;*/
	color: #3A84C1;
	/*line-height: 1.2;*/
}

h2 {
	font-size: 20pt;
	line-height: 1.6;
	margin-top: 2px;
}

h3 {
	margin-top: 0;
	line-height: 1.4;
}

h4 {
	line-height: 1.8;
	margin-bottom: 2px;
	margin-top: 4px;
}

fontbrief {
    font-size: 10pt;
    line-height: 1.2;
}

.menu-item-content h1 {
	font-size: 24px;
}

.menu-item-content h2 {
	font-size: 16px;
}

a[href] > h1:hover,
a[href] > h2:hover,
a[href] > h3:hover {
	text-decoration: underline;
}

.logo-text {
	color: rgb(96, 44, 20);
}

a, a:visited {
	color: initial;
}

	a[href], a[href]:visited, .link {
		color: #6AADE4;
	}

.menu-container {
	background-color: #34B233;
	color: white;
	box-shadow: 0 6px 15px -8px black;
}


.menu-item a[href],
.menu-item a[href]:visited {
	display: inline-block;
	transition: background-color 1000ms;
	color: white;
	text-decoration: none;
}

.menu-item.expander a[href]:after {
	content: "\F010";
	font-family: wurfont;
	text-align: center;
	vertical-align: middle;
	margin-left: 2px;
}

.menu-item a[href]:hover {
	background-color: white;
	color: #34B233;
	text-decoration: none;
	transition: background-color 600ms;
}

.menu-item-content {
	box-shadow: 0 3px 15px 0px #888;
}


header {
	background-color: rgba(255,255,255,0);
	/*background-color: rgba(255,255,255,.5);*/
}

.menu-item-content {
	background-color: white;
	color: black;
}

.menu-item-content-sub {
	position: relative;
	overflow: hidden;
}

	.menu-item-content-sub img.background-image {
		/* parent needs to be relative */
		position: absolute;
		right: 0;
		top: 0;
		width: 100%;
		max-width: 600px;
		opacity: 0.25;
		z-index: -10;
	}

.search-bar {
	/*background-color: rgba(255, 255, 255, .9);*/
	/*box-shadow: 0 5px 21px -6px black;*/
	background-color: white;
	/*background-color: #34B233;*/
}


#searchbox-container {
	background-color: #e3e3e3;
	border-radius: 30px;
	border-bottom: 1px solid #888;
	/*box-shadow: 0 1px 18px 5px white;*/
}

#search-box {
	border-radius: 30px;
	outline: none;
	padding-left: .7em;
	padding-right: .7em;
}

#search-button {
	cursor: pointer;
}

.suggestion-result {
	border: 1px solid #34b233;
}

.suggestion-result,
.search-terms span {
	background-color: white;
	display: inline-block;
	border-radius: 5px;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 5px;
	padding-right: 5px;
	text-decoration: none;
	margin-right: 4px;
	margin-bottom: 4px;
}


h2[data-field="search-query"]:before,
h2[data-field="search-query"]:after {
	content: '"';
}

[data-tab-control] {
	background-color: #cecece;
}


[data-tab-header] {
	border: solid 2px #c3c3c3;
	border-bottom: 0;
	background-color: #cecece;
}

	[data-tab-header].active,
	[data-tab-page] {
		background-color: white;
	}

.content-container {
}

.caroussel .slide .caption {
	background-color: #34b233;
	background-color: rgba(52,178,51,0.7);
	color: white;
}

	.caroussel .slide .caption,
	.caroussel .slide .caption h1 {
		color: white;
	}

.content-container img {
	/* shadow contour for regular images. */
	margin: 2px;
	box-shadow: 0 0 7px 0px black;
}

.link{
	cursor: pointer;
}
.link:hover {
	text-decoration: underline;
}

.button,
a[href].button,
a[href].button:visited,
a.button:visited {
	background-color: #005172;
	display: inline-block;
	border-radius: 40px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 4px;
	padding-bottom: 4px;
	color: white;
	margin: 4px;
	transition: background-color 1600ms;
	text-decoration: none;
}

	.button:hover,
	a[href].button:hover
	 {
		background-color: #438ac4;
		color: white;
		border: none;
		text-decoration: none;
		margin: 4px;
		transition: background-color 800ms, color 800ms, border 800ms;
	}


footer {
	background: #34B233;
}

	footer,
	footer a[href],
	footer a[href]:visited,
	footer a[href]:hover {
		color: white;
	}

		footer .links nav li {
			position: relative;
		}

			footer .links nav li:before {
				content: "\F006";
				font-family: wurfont;
				position: absolute;
				margin: 0;
				/*left: -0.3em;*/
				left: -1em;
				/*margin-left: -0.2em;*/
				color: inherit;
				line-height: inherit;
				font-size: 1em;
			}

.category-description:nth-child(even) {
	background-color: #e3e3e3;
}


.abstract .fa {
	margin-right: .5em;
}