/**
 * Theme Name: Blocher 2018.3
 * Theme URI: http://asperger-ag.ch
 * Author: nrekow @ Asperger AG
 * Author URI: https://rekow.ch
 * Description: Official blocher.ch theme.
 * Requires at least: WordPress 4.9.6
 * Version: 1.3
 * License: GNU General Public License v3
 * License URI: LICENSE
 * Text Domain: asperger
 */

@import url('css/font-awesome.css');

@import url("https://fast.fonts.net/lt/1.css?apiType=css&c=adcf61f6-3658-493b-9496-b8b789041874&fontids=1475948,5158412,5550939");
@font-face{
	font-family:"Univers LT W04_45 Light";
	src:url("fonts/1475948/1215ed91-313a-4dda-99be-3acf61484452.eot?#iefix");
	src:url("fonts/1475948/1215ed91-313a-4dda-99be-3acf61484452.eot?#iefix") format("eot"),url("fonts/1475948/db1e9a24-d371-4686-ba25-77b32a84e0db.woff2") format("woff2"),url("fonts/1475948/beca77d5-0862-440e-bddd-321e82d5422c.woff") format("woff"),url("fonts/1475948/a27ea012-0910-47ac-8294-40726e5a8fd3.ttf") format("truetype");
}
@font-face{
	font-family:"Univers LT CYR W05_65 Bold";
	src:url("fonts/5158412/295ab1bb-e70a-4a03-8e1e-74dc716a7c76.eot?#iefix");
	src:url("fonts/5158412/295ab1bb-e70a-4a03-8e1e-74dc716a7c76.eot?#iefix") format("eot"),url("fonts/5158412/5fe451d9-64d1-4ba2-be4b-f0e192b892a1.woff2") format("woff2"),url("fonts/5158412/7c84006b-ccba-401b-8a40-846b70c491ef.woff") format("woff"),url("fonts/5158412/d060baf0-1efe-456b-9c4f-ba61b61f2535.ttf") format("truetype");
}
@font-face{
	font-family:"Univers LT CYR W05_55 Roman";
	src:url("fonts/5550939/286c0418-b547-4d14-b22d-2629be7fa7ee.eot?#iefix");
	src:url("fonts/5550939/286c0418-b547-4d14-b22d-2629be7fa7ee.eot?#iefix") format("eot"),url("fonts/5550939/d45b3f1d-4e65-4f13-af3e-07232554f33a.woff2") format("woff2"),url("fonts/5550939/ad2fe178-0eb9-4123-bab0-51b4d085c1a8.woff") format("woff"),url("fonts/5550939/36a11c43-fb86-43ff-b577-c2d43cbcaf1d.ttf") format("truetype");
}


body, html {
	color: #555;
	display: inline;
	font-family: 'Univers LT W04_45 Light', sans-serif;
	font-size: 15pt;
	margin: 0;
	padding: 0;
}

body {
	overflow-x: hidden;
	overflow-y: scroll;
	line-height: 145%;
}

*:not(input) {
	-webkit-user-select: none;  /* Chrome all / Safari all */
	-moz-user-select: none;     /* Firefox all */
	-ms-user-select: none;      /* IE 10+ */
	user-select: none;          /* Likely future */      
}

input, textarea {
	outline: none;
}

textarea {
	-webkit-user-select: text;  /* Chrome all / Safari all */
	-moz-user-select: text;     /* Firefox all */
	-ms-user-select: text;      /* IE 10+ */
	user-select: text;          /* Likely future */
	resize: none;
}


a, a:active, a:visited {
	color: #555 !important;
	text-decoration: none;
}

a:hover {
	color: #f50000 !important;
}

/*
a:visited {
	color: #888888;
}
*/

button, input, label, .fa {
	cursor:pointer;
}

input[type="text"], input[type="email"], textarea {
	cursor: text;
	color: #555;
	font-family: 'Univers LT W04_45 Light', sans-serif;
	font-size: 12pt;
}

p.bodytext {
	margin: 0.9em 0 1.5em 0;
	width: 90%;
}

.no-margin > p.bodytext {
	margin: 0;
}

.fa {
	font-family: FontAwesome !important;
	font-size: 14pt;
}

.page_item .children {
	display: none;
}

.page-numbers.current {
	color: #f50000;
}

.page-numbers.prev > .fa,
.page-numbers.next > .fa {
	font-size: 16pt;
}

#pageTitle, #pageSubtitle {
	display: none;
}

.wp-block-table {
	margin-bottom: 1em;
}

/* Screen reader */
/* Hide visually but not from screen readers */
.screen-reader-text,
.screen-reader-text span,
.ui-helper-hidden-accessible {
	position: absolute;
	margin: -1px;
	padding: 0;
	height: 1px;
	width: 1px;
	overflow: hidden;
	clip: rect(0 0 0 0);
	border: 0;
	word-wrap: normal !important; /* many screen reader and browser combinations announce broken words as they would appear visually */
}

.screen-reader-shortcut {
	position: absolute;
	top: -1000em;
}

.screen-reader-shortcut:focus {
	left: 6px;
	top: -25px;
	height: auto;
	width: auto;
	display: block;
	font-size: 14px;
	font-weight: 600;
	padding: 15px 23px 14px;
	background: #f1f1f1;
	color: #0073aa;
	z-index: 100000;
	line-height: normal;
	-webkit-box-shadow: 0 0 2px 2px rgba(0,0,0,.6);
	box-shadow: 0 0 2px 2px rgba(0,0,0,.6);
	text-decoration: none;
	outline: none;
}


/* Classes to hide things */
.hidden,
.js .closed .inside,
.js .hide-if-js,
.no-js .hide-if-no-js,
.js.wp-core-ui .hide-if-js,
.js .wp-core-ui .hide-if-js,
.no-js.wp-core-ui .hide-if-no-js,
.no-js .wp-core-ui .hide-if-no-js {
	display: none;
}


/* Notice banner in case of sudden outages etc. */
#notice {
	background-color: #555;
	color: #fff;
	font-family: 'Univers LT W04_45 Light', sans-serif;
	font-size: 10pt;
	line-height: 12pt;
	position: sticky;
	top: 0;
	left: 0;
	padding: 4px 0;
	text-align: center;
	width: 100%;
	z-index: 10000000;
}


/* Header */
#header {
	background-color: #fff;
	position: fixed;
	height: 160px;
	width: calc(100% - 100px);
	padding: 10px 50px 0 50px;
	z-index: 100;
}

.header-wrapper {
	background-color: #fff;
	position: relative;
	margin: 0 auto;
	max-width: 1400px;
	padding-bottom: 2em;
}

#banner {
	height: 160px;
	width: 100%;
	display: inline-block;
	position: relative;
	border-bottom:1px solid #f50000;
}

#banner a {
	color:#555 !important;
	text-decoration:none !important;
	z-index: 0;
}

#banner > div {
	position: absolute;
	bottom: 0;
	right: 12em;
}

#banner > div > a.title {
	position:relative;
	left: 1.5em;
	bottom: 7px;
}

#banner > div span {
	font-family: 'Univers LT W04_45 Light', sans-serif;
	font-size: 22pt; /* 18pt */
	letter-spacing: 0.1em;
	text-transform: uppercase;
}

/*
#banner > div img {
	position: relative;
	left: 2em;
	bottom: -6px;
}
*/

#menu-toggle {
	display: none;
	z-index: 1001;
}


/* Navigation */
#navigation {
	position: absolute;
	top: 1.5em;
	left: 0;
	z-index: 10;
}

#navigation-menu {
	display: none;
}

	#navigation > a > img#logo {
		position: absolute;
		top: -1em;
	}
	
	#navigation > .menu-header-container {
		position: relative;
		left: 8em;
	}
	
		#navigation > .menu-header-container ul {
			margin: 0;
			padding: 0;
			list-style: none;
		}
		
			#navigation > .menu-header-container ul > li {
				position: relative;
				float: left;
				padding: 0 1em 0 0;
			}
		
				#navigation > .menu-header-container ul > li > a {
					font-family: 'Univers LT CYR W05_55 Roman', sans-serif;
					font-size: 13.5pt;
					font-weight: normal;
					text-decoration: none;
				}
		
				#navigation > .menu-header-container ul > li.active > a,
				#navigation > .menu-header-container ul > li.current_page_item > a {
					font-family: 'Univers LT CYR W05_65 Bold', sans-serif;
					font-weight: normal;
				}
				
				#navigation > .menu-header-container ul > li > form.custom-search-widget-menu {
					display: none;
				}


/* Searchbar */
#searchbar {
	border: 1px solid #f0f0f0;
}

#searchOptions {
	border-bottom: 1px solid #aaa;
	margin-bottom: 1.5em;
}

.searchOption {
	border: 0 none;
}

.searchOptions-box {
	display: block;
	float: left;
	margin: 0 10px 0em 0;
	height: 325px;
	width: 32%;
	max-width: 360px;
}

#searchOptions-years {
	margin: 0;
}

.searchOptions-box > div {
	font-family: 'Univers LT CYR W05_65 Bold';
	font-size: 12pt;
	font-weight: normal;
	line-height: 24pt;
	margin-bottom: 0;
	padding-left: 1em;
}

.searchOptions-box > ul {
	display: block;
	margin-top: 0;
	padding: 1em;
	height: 280px;
	overflow-y: auto;
}

.searchOptions-box > ul > li {
	display: block; /* inline-block */
	list-style: none;
	height: 20px;
	margin: 0;
	margin-bottom: 0.5em;
}

/* Search bar input field */
#searchOptions-word {
	background-color: #fafafa;
	margin-bottom: 10px;
	padding: 8px 30px 8px 12px;
	width:calc(100% - 44px); /* -67px */
}

#searchOptions-word:hover {
	background-color: #f0f0f0;
}

#searchOptions > form > img {
	position:relative;
	left:30px;
	top:2px;
	margin-left: -18px;
}

.search-button-bottom {
	float: right;
	position: relative;
	bottom: 1em;
	right: 1em;
}

.search-button-bottom > button {
	color: #888;
	background-color: #fafafa;
	border: 0 none;
	padding: 0.5em 1em;
}

.search-button-bottom > button:hover {
	color: #555;
	background-color: #f0f0f0;
}

.search-button-bottom > button > span {
	position: relative;
	top: -2px;
	margin: 0 0.25em 0 0.85em;
}
	
.search-results-count {
	font-size:10pt;
	margin: 1em 0 0 1em;	
}



/* Square checkboxes with filled square instead of checkmark when checked. */
.squaredThree {
  position: relative;
}
.squaredThree label {
  width: 9px;
  height: 9px;
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #fff;
  border: 1px solid #e0e0e0;
}
.squaredThree label span {
	position: relative;
	top: -12px;
	left: 24px;
	text-overflow: ellipsis;
	overflow-x: hidden;
	white-space: nowrap;
}
.squaredThree label:after {
	content: '';
	width: 9px;
	height: 9px;
	position: absolute;
	top: 0;
	left: 0;
	background-color: #888; /* #aaa */
	opacity: 0;
}
.squaredThree label:hover::after {
	opacity: 0.5;
}
.squaredThree input[type=checkbox] {
	visibility: hidden;
}
.squaredThree input[type=checkbox]:checked + label:after {
	opacity: 1;
}

.squaredThree input[type=checkbox]:checked + label:hover::after {
	background-color: #555;
}



/* Language selector */
#languageSelect {
	position: absolute;
	top: 1.5em;
	right: -12px;
}

#languageSelect-menu {
	display: none;
}

.flags-styled {
	font-size: 13.5pt;
	list-style: none;
	margin: 0;
	padding: 0;
}

.flags-styled .flag {
	font-family: 'Univers LT CYR W05_55 Roman', sans-serif;
	margin: 0 !important;
	border-left: 1px solid #ccc;
	display: inline-block;
	line-height: 13.5pt;
	padding: 0 0.5em;
}

.flags-styled .flag:first-child {
	border-left: none;
}


/* Content */
#wrapper {
	position: relative;
	top: 11em;
	left: 0;
}

#contentwrapper {
	box-sizing: border-box;
	display: block;
	margin: 0 auto;
	margin-bottom: 1.5em;
	padding: 0;
	position: relative;
	width: calc(100% - 100px);
	max-width: 1400px;
	height: auto;
	min-height: 720px;
}

#content {
	position: relative;
	padding: 4px 0 0 0;
	width: 70%;
	box-sizing: border-box;
	float: left;
}

h1 {
	font-family: 'Univers LT CYR W05_65 Bold', sans-serif;
	font-size: 15pt;
	font-weight: normal;
}

h2 {
	font-family: 'Univers LT CYR W05_65 Bold', sans-serif;
	font-size: 15pt; /*1.2em;*/
	font-weight: normal;
}

#content > h1 {
	margin-top: 0.5em;
}

#content > h2 {
	margin: 0;
}

#content > ul {
	margin: 0 0 1.5em 0;
	padding: 0 0 0 1em;
}

/* Stupid OS X does not support custom list-style types ... */
#content > ul > li {
	list-style-type: none;
}
/* ... therefore we use this workaround. */
#content > ul > li::before {
	content: '–';
	margin-right: 1em;
	padding: 0;
	position: absolute;
	left: 0.1em;
}


/* Sidebar */
#sidebar {
	position: relative;
	padding: 36px 0 0 0;
	float: right;
	width: 25.7%;
	box-sizing: border-box;
}

#sidebar .custom-html-widget > img {
	width: 100%;
}

#sidebar > .widget {
	border-top: 1px solid #aaa;
	font-family: 'Univers LT CYR W05_55 Roman', sans-serif;
	font-size: 13pt;
	line-height: 130%;
	margin: 0.5em 0 0 0;
	padding: 0.5em 0 0.75em 0;
}

/*
#sidebar > .widget.gallery,
#sidebar > .widget.videos {
	position: fixed;
	top: 14.9em;
}
*/

#sidebar > .widget:first-child {
	/*
	border: 0 none !important;
	margin: -0.6em 0 2em 0;
	*/
	padding: 0;
}


#sidebar > .widget.custom-search-widget-wrapper {
	border: 0 none !important;
	margin: -0.6em 0 1em 0;
	padding: 0 !important;
}


#sidebar > .widget:last-child {
	border-bottom: 1px solid #aaa;
	padding-bottom: 1em;
}

#sidebar > .widget_text.widget:first-child,
#sidebar > .categories.widget:first-child,
#sidebar > .gallery.widget:first-child,
#sidebar > .videos.widget:first-child {
	border-top: 1px solid #aaa;
	margin: 0.5em 0 0 0;
	padding: 0.5em 0 0.75em 0;
}


#sidebar > .widget > h3:last-child {
	/*border-bottom: 1px solid #ccc;*/
	/*padding-bottom: 0.5em;*/
}

#sidebar > .widget_text.widget:last-child {
	border-bottom: 0 none;
	margin-bottom: 0.5em;
}

#sidebar > .widget > h2 {
	color: #f50000;
	margin: 0 0 0.2em 0;
	font-family: 'Univers LT CYR W05_55 Roman', sans-serif;
	font-size: 15.5pt;
	font-weight: normal;
}

#sidebar > .widget .textwidget > ul{
	margin: 0;
	padding: 0;
}

#sidebar > .widget .textwidget > ul > li {
	list-style-type: none;
	margin: 0 0 0.75em 0;
}

#sidebar > .widget .textwidget > p {
	padding:0;
	margin:0;
}

#sidebar > .widget .textwidget > img {
	cursor: pointer;
}

#sidebar > .widget #galleries {
	font-size: 13pt;
	line-height: 20pt;
}


/* Posts */
.post {
	font-family: 'Univers LT W04_45 Light', sans-serif;
	font-size:15pt;
	font-weight: lighter;
	position: relative;
	padding: 8px 0 0 0;
	line-height: 140%;
	width: 90%;
}


.post > .date {
	font-size: 13pt;
}


.post > h3 {
	margin: 0;
	padding: 0;
	font-family: 'Univers LT CYR W05_65 Bold', sans-serif;
	font-size: 20pt;
	font-weight: normal;
}

.post > p,
.post > h3 {
	width: 80%;
	margin: 0;
}

.post > p {
	margin-bottom: 1.2em;
}


/* Pagination */
.pagination {
	font-family: 'Univers LT W04_45 Light', sans-serif;
	font-size: 13pt;
	margin: 2em auto;
	text-align: center;
	width: 100%;
}

.pagination > p {
	text-align: center;
}

.pagination .post-button {
	display: inline-block;
	line-height: 20px;
	height: 20px;
	padding: 0 5px;
	text-align: center;
	width: 20px;
}


/* Advanced categories widget */
#sidebar h3 {
	font-family: 'Univers LT CYR W05_55 Roman', sans-serif;
	font-weight: normal;
	font-size: 13pt; /* 15pt */
	line-height: 20pt;
	margin: 0;
	padding: 0;
	margin-bottom: 0.5em;
}

.backToArticles {
	line-height: 70px;
	vertical-align: baseline;
	text-decoration: none;
}


/* Footer */
#footer {
	background-color: #fff;
	border-top: 1px solid #f50000;
	clear: both;
	font-family: 'Univers LT W04_45 Light', sans-serif;
	font-size: 10pt;
	position: relative;
	left:0;
	bottom:0;
	width: calc(100% - 100px);
	max-width: 1400px;
	margin: 0 auto;
	padding: 0.5em 0 2em 0;
	text-align: center;
}

#footer ul {
	list-style: none;
	margin: 0;
	padding:0;
}

#footer ul li {
	display: inline-block;
	padding: 0 1em;
	border-left: 1px solid #ccc;
	line-height: 12pt;
}

#footer ul li:first-child {
	border-left: none;
}


/* Dropdown */
.dropdown {
	margin-bottom: 10px;
}

.dropdown > .dropdown-header {
	border: 1px solid #CFCFCF;
	padding: 5px;
	line-height: 125%;
	text-align: center;
	background-color: #EEEEEE;
}

.dropdown > .dropdown-body {
	padding: 5px;
	border: 1px solid #CFCFCF;
	border-top: none;
}


/* Gallery */
.box, .antiscroll-inner {
	width: 360px;
	overflow-x: hidden !important;
}

.gallery.widget .box, .videos.widget .box, .antiscroll-inner {
	max-height: 60vh;
	overflow-x: hidden !important;
}

.gallery-button {
	cursor: pointer;
	margin-bottom: 0.5em;
	margin-right: 0.5em;
}

#sidebar h3 a.active,
.gallery-button:hover,
.gallery-button.active {
	color: #f50000 !important;
}

#gallery-wrapper {
	position: relative;
	width: 100%;
	border-radius: 5px;
	clear:both;
	margin: 1.5em 0;
}

#gallery-wrapper > h2 {
	margin: 0;
	margin-bottom: 15px;
}

#gallery-image-wrapper {
	position: relative;
	width: 100%;
	height: 600px;
	margin-bottom: 15px;
}

#gallery-image {
	overflow: hidden;
	border: none;
	position: relative;
	height: 100%;
	width: 100%;
	height: 600px;
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
	-webkit-transition-property: background-image 300ms ease-in 200ms;
	-moz-transition-property: background-image 300ms ease-in 200ms;
	-o-transition-property: background-image 300ms ease-in 200ms;
	transition: background-image 300ms ease-in 200ms;
}

#gallery-image-wrapper:hover #gallery-previous,
#gallery-image-wrapper:hover #gallery-next,
#gallery-preview:hover #preview-previous,
#gallery-preview:hover #preview-next {
	display: block;
}

#gallery-previous,
#gallery-next,
#preview-previous,
#preview-next {
	display:none;
	top: 0;
	position: absolute;
	height: 100%;
	background-size: contain !important;
	background-repeat: no-repeat !important;
	background-position: center !important;
	cursor: pointer;
	z-index: 10000;
}

/* Move pagination of video gallery some pixels down to make iframe controls reachable. */
.video-gallery #gallery-previous, .video-gallery #gallery-next {
	top: unset;
	bottom: 50px;
	height: 520px;
}

#gallery-previous, #gallery-next {
	width: 4em;
}
#preview-previous, #preview-next {
	width: 2em;	
}

#gallery-previous, #preview-previous {
	left: 0;
}

#gallery-next, #preview-next {
	right: 0;
}

#gallery-next i.fa, #preview-next i.fa,
#gallery-previous i.fa, #preview-previous i.fa {
	color: #fff;
	text-shadow: 0 0 0 #555;
	font-size: 24pt;
}

#gallery-next i.fa, #gallery-previous i.fa,
#preview-next i.fa, #preview-previous i.fa {
	position: absolute;
	top: 50%;
	/* Do not use "transform" to vertically align the arrows. They are already aligned. */	
}

#preview-next i.fa, #preview-previous i.fa {
	/* But these need vertical alignment, so ... */
	transform: translate(0,-50%);
}

#gallery-next i.fa {
	right: 1em;
}

#gallery-previous i.fa {
	left: 1em;
}

#preview-next i.fa {
	right: 0.5em;	
}

#preview-previous i.fa {
	left: 0.5em;	
}

#gallery-preview {
	position: relative;
	top: 0.75em;
	width: 100%;
	height: 150px;
	overflow: hidden;
}


/* Gallery pagination */
#gallery-image-pagination {
	/*display: none;*/
	font-family: 'Univers LT W04_45 Light', sans-serif;
	font-size: 13pt;
	margin: 0 auto;
	text-align: center;
}

#gallery-image-pagination-count {
	display: inline-block;
	margin: 0;
}

#gallery-image-pagination-controls i {
	color: #aaa;
	position: relative;
	right: 0;
	top: 4px;
	float: right;
	clear: both;
}

.gallery-image-pagination-prev,
.gallery-image-pagination-next {
	padding: 0 1em;
}

.image-gallery > #gallery-preview {
	display: none;
}

.video-gallery > #gallery-preview {
	display: block;
}

#preview-content {
	left: 0px;
	position: absolute;
	transition: all 1s ease;
}

#preview-content > img {
	margin-right: 4px;
	cursor: pointer;
}

.preview-image,
.placeholder-image {
	height: 150px;
}


/* Forms */
div.wpcf7 {
	margin-bottom: 2em;
}

.wpcf7-form {
	min-width: 300px;
	width: 96%;
}

.wpcf7-form > p {
	padding: 0.5em 0;
	margin: 0.25em 0;
	background-color: #fafafa;
}

.wpcf7-form > p > label {
	color: #555;
	display: block;
	font-family: 'Univers LT CYR W05_55 Roman', sans-serif;
	font-size: 13pt;
	margin-left: 0.5em;
	width: 200px;
}

.wpcf7-form > p > span {
	width: 100%;
}

.wpcf7-form > p > span > input,
.wpcf7-form > p > span > textarea {
	background-color: transparent;
	border: 0 none;
	box-sizing: border-box;
	padding: 5px;
	width: 100%;
}

.wpcf7-form *:hover {
	background-color: #f0f0f0;
}

.wpcf7-form > div {
	margin-bottom: 0;	/* 0.5em */	
}

.wpcf7-form #captcha {
	width: 100% !important;
	background-color: #fafafa;
}

.wpcf7-form #captcha:hover {
	width: 100% !important;
	background-color: #f0f0f0;
}

div.wpcf7 .wpcf7-recaptcha > div > div:hover {
	background-color: transparent;
}

.wpcf7-submit {
	background-color: transparent;
	border: 0 none;
	color: #f50000;
	cursor: pointer;
	font-family: 'Univers LT CYR W05_55 Roman', sans-serif;
	font-size: 13pt;
	padding: 0 0 2em 0;
	margin: 0 0 0 0.35em;
	text-align: left;
	width: 100%;
}

.wpcf7-submit:hover {
	background-color: transparent;
}

span.wpcf7-not-valid-tip {
	color: #f00;
	display: block;
	font-size: 13pt;
	font-weight: normal;
	margin-left: 0.5em;
}


div.wpcf7-response-output {
	border: 0 none;
	font-size: 13pt;
	margin: 0;
	padding: 0.2em 0.5em;
}

div.wpcf7-validation-errors, div.wpcf7-acceptance-missing {
	color: #F50000;
}

/* Buttons */
.btn {
	position: absolute;
	border: 0 none;
	background-color: transparent;
	color: #888;
	width: 24px;
}

.btn img {
	width: 18px;
}

.btn-search {
	top: 0.9em;
	/*left: 0.25em;*/
	right: 20.75%;
}


/* Print page button */
.btn-print {
	position: relative;
	top: 1.05em;
	right: 0;
	float: right;
	color: #666;
	cursor: pointer;
	z-index: 10;
}

.btn-reset {
	top: 0.9em;
	right: 23%;
	color: #ccc;
}


/* Media queries */
@media (max-width: 1200px) and (min-width: 0) {
	#header {
		height: 7.4em;
	}

	#searchbar {
		width: calc(100% - 540px);
	}
}

@media (max-width: 1100px) and (min-width: 0) {
	#banner > div {
		right: 8em;
	}
}


@media (min-width: 961px) {
	#navigation {
		width: auto !important;
	}
}

@media (max-width: 960px) and (min-width: 0) {
	#banner > div {
		right: 4em;
	}
	
	#navigation > a > img#logo {
		display: none;
	}
	
	#navigation {
		z-index: 100;
		position: fixed;
		height: 100vh;
		width: 0;
		left: 0;
		padding-left: 0.75em;
		overflow: hidden;
		background-color: #fff;
		-webkit-transition: .5s ease-in-out;
		-moz-transition: .5s ease-in-out;
		-o-transition: .5s ease-in-out;
		transition: .5s ease-in-out;
	}

	#navigation > .menu-header-container {
		padding: 20px;
		box-sizing: border-box;
	}

	#navigation > .menu-header-container ul {
		left: 0;
		margin: 0;
		padding: 0;
		list-style: none;
	}

	#navigation > .menu-header-container ul > li {
		position: relative;
		float: none;
		padding: 0.25em 1em;
	}

	.custom-search-widget-wrapper {
		display: none;
	}
	
	#navigation > .menu-header-container ul > li > form.custom-search-widget-menu {
		display: block !important;
	}
	
	.custom-search-widget-menu {
		background-color: #fafafa;
		border: 0 none;
		padding: 0.2em 0.4em;
	}
	
	.custom-search-widget-menu:hover {
		background-color: #f0f0f0;
	}

	.custom-search-widget-menu > button {
		border: 0 none;
		background-color: transparent;
		color: #888;
		cursor: pointer;
		margin-top: 0.3em;
		position: absolute;
		right: 2.5em;
		z-index: 10;
		height: 24px;
		width: 24px;
	}

	.custom-search-widget-menu > input {
		border: 0 none;
		background-color: transparent;
		font-size: 18pt;
		max-width: calc(100% - 24px);
	}

	#menu-blend {
		display: none;
		z-index: 90;
		position: fixed;
		top: 0;
		left: 0;
		height: 100vh;
		width: 100vw;
		background-color: rgba(255, 255, 255, .9);
	}

	/* menu button */
	#menu-toggle {
		display: block;
		position: absolute;
		width: 30px;
		height: 30px;
		top: 1.5em;
		left: 0;
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
		-webkit-transition: .4s ease-in-out;
		-moz-transition: .4s ease-in-out;
		-o-transition: .4s ease-in-out;
		transition: .4s ease-in-out;
		-webkit-transition-delay: .3s;
		transition-delay: .3s;
		cursor: pointer;
	}

	#menu-toggle span {
		display: block;
		position: absolute;
		height: 2px;
		width: 50%;
		background: #666;
		opacity: 1;
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
		-webkit-transition: .3s ease-in-out;
		-moz-transition: .3s ease-in-out;
		-o-transition: .3s ease-in-out;
		transition: .3s ease-in-out;
	}

	#menu-toggle span:nth-child(even) {
		left: 50%;
		border-radius: 0 3px 3px 0;
	}

	#menu-toggle span:nth-child(odd) {
		left: 0px;
		border-radius: 3px 0 0 3px;
	}

	#menu-toggle span:nth-child(1),
	#menu-toggle span:nth-child(2) {
		top: 0px;
	}

	#menu-toggle span:nth-child(3),
	#menu-toggle span:nth-child(4) {
		top: 11px;
	}

	#menu-toggle span:nth-child(5),
	#menu-toggle span:nth-child(6) {
		top: 22px;
	}

	#menu-toggle.active span:nth-child(1),
	#menu-toggle.active span:nth-child(6) {
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		transform: rotate(45deg);
	}

	#menu-toggle.active span:nth-child(2),
	#menu-toggle.active span:nth-child(5) {
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		-o-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}

	#menu-toggle.active span:nth-child(1) {
		left: 5px;
		top: 7px;
	}

	#menu-toggle.active span:nth-child(2) {
		left: calc(50% - 1px);
		top: 7px;
	}

	#menu-toggle.active span:nth-child(3) {
		left: -50%;
		opacity: 0;
	}

	#menu-toggle.active span:nth-child(4) {
		left: 100%;
		opacity: 0;
	}

	#menu-toggle.active span:nth-child(5) {
		left: 5px;
		top: 16px;
	}

	#menu-toggle.active span:nth-child(6) {
		left: calc(50% - 1px);
		top: 16px;
	}

	/* sidebar */
	#sidebar {
		float:none;
		position: relative;
		width: 100%;
	}

	#content {
		position: relative;
		float: none;
		width: 100%;
		padding-right: 0;
	}

	.btn-print {
		display:none;	/* hide print icon on mobile devices */
		position: relative;
		float: right;
		top: -36px;
		right: 0;
	}

	#languageSelect {
		display: none;
	}

	#search-menu {
		padding-top: 2em !important;
	}
	
	#searchOptions {
		width: 100% !important;
	}
	
	.btn-search {
		right: 1.75%;
	}
	
	#languageSelect-menu {
		display: block;
		padding: 0 !important;
		margin: 0 0 0.5em 0;
		right: 1.25em;
		position: absolute !important;
		top: -0.25em;
	}

	#searchbar {
		width: calc(100% - 389px);
	}
}


@media (max-width: 800px) and (min-width: 0) {
	#banner > div span {
		font-size: 18pt;
	}
	#banner > div img {
		width: 30%;
	}
	
	.searchOptions-box {
		float: none;
		height: auto;
		width: 100%;
		max-width: inherit;
	}
	
	.searchOptions-box > ul {
		height: auto;
	}

	.squaredThree {
		position: relative;
		float: left;
		padding-right: 4em;
	}
	
	#searchOptions-years > ul > li {
		display: inline;
	}
}

@media (max-width: 725px) {
	#footer ul li {
		font-size: 9pt;
		line-height:11pt;
	}
}

@media (max-width: 720px) and (min-width: 0) {
	#banner {
		width: calc(100% - 40px);
		margin: -8px 20px;
	}
	
	#header,
	#contentwrapper {
		width: calc(100% - 40px);
		padding: 0 20px;
	}
	
	#menu-toggle {
		left: 1em;
	}

	#searchbar {
		display: none;
	}

	.searchOptions-box > ul > li {
		display: block;
		width: auto;
	}
	
	#footer {
		width: calc(100% - 80px);
	}
}

@media (max-width: 670px) {
	#footer ul li {
		font-size: 8pt;
		line-height:10pt;
	}
}


@media (max-width: 610px) and (min-width: 0) {
	#banner > div {
		left:0;
		width:100%
	}
	
	#banner > div > a.title {
		left:0;
	}
	
	#banner > div img {
		right:0;
		display:none;
	}

	#footer ul li {
		font-size: 10pt;
		line-height:9pt;
		display: block;
		margin: 0.5em auto;
		padding: 0;
		border: 0 none;
	}
}

@media (max-width: 530px) and (min-width: 0) {
	#banner > div {
		right:0;
	}

	#banner > div img {
		display:none;
	}

	#banner > div > a.title {
		left:0;
	}
}

@media print {
	#header, #sidebar, #footer, .btn-print {
		display: none !important;
	}

	#wrapper, #contentwrapper, #content {
		border: 0 none;
		padding: 0;
		margin: 0;
		min-height: auto;
		top: 0;
	}
}

/*
 * Antiscroll: cross-browser native OS X Lion scrollbars
 * https://github.com/Automattic/antiscroll
 * v0.9
 */

.antiscroll-wrap {
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.antiscroll-scrollbar {
  background: gray;
  background: rgba(0, 0, 0, 0.5);
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
  -webkit-box-shadow: 0 0 1px #fff;
  -moz-box-shadow: 0 0 1px #fff;
  box-shadow: 0 0 1px #fff;
  position: absolute;
  opacity: 0;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  -webkit-transition: linear 300ms opacity;
  -moz-transition: linear 300ms opacity;
  -o-transition: linear 300ms opacity;
}

.antiscroll-scrollbar-shown {
  opacity: 1;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
}

.antiscroll-scrollbar-horizontal {
  height: 7px;
  margin-left: 2px;
  bottom: 2px;
  left: 0;
}

.antiscroll-scrollbar-vertical {
  width: 7px;
  margin-top: 2px;
  right: 2px;
  top: 0;
}

.antiscroll-inner {
  overflow: scroll;
}

/** A bug in Chrome 25 on Lion requires each selector to have their own
    blocks. E.g. the following:

    .antiscroll-inner::-webkit-scrollbar, .antiscroll-inner::scrollbar {...}

    causes the width and height rules to be ignored by the browser resulting
    in both native and antiscroll scrollbars appearing at the same time.
 */
.antiscroll-inner::-webkit-scrollbar {
  width: 0;
  height: 0;
}

.antiscroll-inner::scrollbar {
  width: 0;
  height: 0;
}