/* ---------------------------------
 
   GBA CSS 


   :: Colours

   Diepblauw: #154273 (21,66,115)
   Donkerblauw: #1b5078;
   Blauw: #007bc7 (0,123,199)
   Lichtblauw: #8fcae7 (143,202,231)

   Grijs: #999999 (153,153,153)
   Lichtgrijs: #CCCCCC (204,204,204)
   Heel licht grijs: #f1f2f4

   :: Typography

   RijksoverheidSansWeb regular
   RijksoverheidSansWeb bold
   RijksoverheidSansWeb italic


   :: This file

   - webfonts
   - styling of plain HTML elements (like h1, ol)
   - site-wide parts (like .main-nav)
   - components (like .faq)
   - helper classes (like .visually-hidden)

------------------------------------ */

/* ------------------------------------ 
   WEBFONTS
   ------------------------------------ */

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

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

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


* {
	margin: 0;
	padding: 0;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}


/* ------------------------------------ 
   STYLING OF PLAIN HTML ELEMENTS
   ------------------------------------ */

html {
	background: #999999;
}

body {
	max-width: 960px;
	margin: 0 auto;
	background: #fff;
	font-family: "RijksoverheidSans", "Trebuchet MS", sans-serif;
	line-height: 1.5;
}

h1 {
	color: #007bc7;
	line-height: 1;
	margin-bottom: 0.5em;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
}
h2 {
	font-size: 1.25em;
	color: #007bc7;
	font-weight: normal;
	margin-top: 1.5em;
}
.test h2 {
	font-size: 1.5em;
	color: #8fcae7;
	line-height: 1.1;
	margin: 1em 0 0.3em 0;
}
h3 {
	font-size: 1em;
	color: #007bc7;
	margin-top: 0.5em;
}

p, ul, ol {
	margin-bottom: 1em;
}

ul, ol {
	list-style-position: inside;
}

a {
	color: #007bc7;
}
a:hover,
a:focus,
a:active {
	color: #000;
}

a img {
	border: 0;
}

blockquote {
	font-weight: normal;
	margin-left: 2em;
}

strong {
	color: #007bc7;
}

label {
	cursor: pointer;
}


/* ------------------------------------ 
   SITE-WIDE PARTS
   ------------------------------------ */

.site-title {
	background: #007bc7;
	color: #fff; 
	font-size: 1.25em;
	padding: 0.1em 1.15em;
	border-bottom: 5px solid #8fcae7;
	line-height: 1.1;
}  

.site-logo {
	margin: 0 auto 2em auto;
	display: block;
	position: relative;
}

.main-nav {
	background: #8fcae7;
	padding: 1em 1.6em 1em 1.6em;
	width: 100%;
	margin: 0;
}
	.main-nav li {
		list-style: none;
		margin-right: 0.6em;
		display: block;
	}
	.main-nav a {
		color: #000;
		text-decoration: none;
		padding: 0;
		margin-left: -10px;
		display: block;
		padding: 5px 10px;
		font-weight: bold;
	}
	.main-nav a:hover,
	.main-nav a:focus,
	.main-nav a:active {
		text-decoration: underline;
	}
	.current-menu-item a {
		background: #fff;
	}
	.current-menu-item a:hover,
	.current-menu-item a:focus,
	.current-menu-item a:active {
		text-decoration: none;
	}
	.main-nav-toggler {
		background: #8fcae7;
		color: #1a5178;
		text-transform: uppercase;
		border: 0;
		padding: 2px 5px;
		font-family: "RijksoverheidSans", sans-serif;
		font-size: 0.85em;
		cursor: pointer;
		float: right;
		margin: 2px;
	}

 @media(min-width: 40em) {
 	.site-title {
 		border-bottom: 0;
 	}
 	.main-nav {
 	 	padding: 3em 1.6em 0 1.6em;
 	}
 	.main-nav li {
 		display: inline-block;
 		vertical-align: bottom;
 	}
 }

 .page-content {
 	padding: 1.6em;
 	background: url(../img/logo-footer.png) center bottom no-repeat;
 	min-height: 500px;
}
 .page-content em {
 	font-weight: normal;
 }
 @media(min-width: 40em) {
	 .page-content {
	 	padding: 1em 1.6em 6em 1.6em;
	 }
	 .has-faq .page-content {
	 	padding-top: 3em;	
	 	position: relative;
	 	overflow: hidden;
	 }
	 .has-faq .page-sidebar:before {
	 	content: '';
	 	width: 934px;
	 	height: 16px;
	 	position: absolute;
	 	top: -20px;
	 	display: block;
	 	background: #D2EAF5;
	 }
	 .page-content-inner {
	 	padding: 0 2em 0 12.4em;
	 	position: relative;
	 }
	 .page-content-inner-test {
	 	padding: 0 12em 0 0;
	 }
	 .has-faq .breadcrumb {
	 	padding-left: 200px;
	 }
}

/* ------------------------------------ 
   COMPONENTS
   ------------------------------------ */

.breadcrumb {
	margin-bottom: 1em;
 	font-size: 0.85em;
 	color: #007bc7;
 	line-height: 1.3;
 	font-weight: normal;
}
	.breadcrumb a {
		color: #007bc7;
		text-decoration: none;
	}
	.breadcrumb a:hover,
	.breadcrumb a:focus,
	.breadcrumb a:active {
		text-decoration: underline;
	}
	.breadcrumb-current, 
	.breadcrumb-current a {
		color: #000;
	}

.qa {
	margin-bottom: 1em;
}
	.qa-q {
		color: #000;
		padding: 0.3em 0;
		font-weight: normal;
		font-size: 1em;
		margin-top: 0;
	}
	.qa-a {
		padding: 0.3em 0.6em;
		background: #d2eaf5;
		color: #000;
	}

@media(min-width: 60em) {
.qa {
	font-size: 0.85em;
	margin-bottom: 0;
}
	.qa-q {
		display: inline-block;
		vertical-align: top;
		width: 20em;
		color: #999999;
		padding: 0.3em 0;
	}
	.qa-a {
		display: inline-block;
		vertical-align: top;
		width: 29em;
		margin-left: 0.5em; 
		padding: 0.3em 0.6em;
		background: #d2eaf5;
		color: #007bc7;
	}
	.qa-a a,
	.qa-a strong {
		color: #007bc7;		
	}
	.qa-title-hidden {
		position: absolute;
		left: -10000px;
		top: auto;
		width: 1px;
		height: 1px;
		overflow: hidden;
		clip: rect(0 0 0 0);
		padding: 0;
		margin: -1px;
		border: 0;
	}
	.qa:hover .qa-q,
	.qa:focus .qa-q,
	.qa:active .qa-q,
	.qa:target .qa-q {
		color: #000;
	}
	.qa:hover .qa-a,
	.qa:focus .qa-a,
	.qa:active .qa-a,
	.qa:target .qa-a {
		color: #000;
	}
	.qa:hover .qa-a a,
	.qa:hover .qa-a strong,
	.qa:focus .qa-a  a,
	.qa:focus .qa-a strong,
	.qa:active .qa-a a,
	.qa:active .qa-a strong,
	.qa:target .qa-a a,
	.qa:target .qa-a strong {
		color: #007bc7;		
	}
	.qa-title-q,
	.qa-title-a {
		display: inline-block;
	}
	.qa-title-q  /* .qa-title is 'Vraag en antwoord', with CSS
this is transformed into 'Vraag' and 'Antwoord', positioned above
their respective columns. Users without CSS will just see 
'Vraag en antwoord' as the title */{
		width: 9.1em; /* NB: .qa-title itself is 2em */
	}
	.qa-title-a {
		width: 10em;
		text-transform: capitalize;
	}
}

.lt-ie9 .qa-q {
	color: #000;
}
.lt-ie9  .qa-a {
	background: #d2eaf5;
	color: #1a5178;
}

.in-page-nav {
	background: #D2EAF5;
	padding: 0.5em 1em;
	margin-bottom: 2em;
}
	.in-page-nav h3 {
		margin-bottom: 1em;
	}
	.in-page-nav li {
		line-height: 1.2;
		margin-bottom: 0.4em;
		list-style: none;
	}
	.in-page-nav a {
		text-decoration: none;
	}
@media(min-width: 40em) {
	.in-page-nav {
		position: absolute;
		top: 0;
		left: 0;
		width: 11em;
		background: transparent;
		padding: 0;
	}
		.in-page-nav li {
			font-size: 0.85em;
			line-height: 1.2;
			margin-bottom: 0.4em;
		}
		.in-page-nav a {
			color: #1b507e;
		}
		.in-page-nav a:hover,
		.in-page-nav a:focus,
		.in-page-nav a:active {
			text-decoration: underline;
		}
		.in-page-nav .current_page_item a {
			color: #1b507e;
			font-weight: bold;
			
		}
		.in-page-nav .current_page_item a:hover,
		.in-page-nav .current_page_item a:focus,
		.in-page-nav .current_page_item a:active {
			text-decoration: none;
		}
}

.button {
	font-style: italic;
	font-weight: normal;
	font-size: 1.25em;
	padding: 0 5px;
	width: 100%;
	display: inline-block;
	color: #1B5078;
	background: #8FCAE7;
}
.button-test {
	background: #CCC;
}
.button:hover,
.button:focus {
	background: #007BC7;
	color: #fff;
}
@media(min-width: 40em) {
	.button {
		width: 49%;
	}
}

p + .action-links {
	margin-top: -1em; /* 'undo' the margin-bottom of the p */
	margin-bottom: 1em; /* 'redo' the margin-bottom of the p */
}
.action-links a {
	font-style: italic;
	font-weight: normal;
	color: #1B5078;
}
.action-links a:hover,
.action-links a:focus,
.action-links a:active {
	color: #007BC7;
}

.page-sidebar-widget {
	background: #D2EAF5;
	padding: 1em;
	margin: 1em 0;
}

.heading-left {
	font-size: 1em;
	color: #007bc7;
	margin: 0.7em 0 1.5em 0;
	display: block;
	font-weight: bold;
}

@media(min-width: 40em) {
	.page-sidebar {
		position: absolute;
		top: 0em;
		border-top: 20px solid #D2EAF5;
		width: 176px;
	}
		.page-sidebar-widget {
			width: 11em;
			margin: 0;
			padding: 1.8em 0.5em;
		}
}

.list-faq li {
	list-style: none;
	margin-bottom: 1.25em; 
}
	.list-faq a {
		font-size: 0.8em;
		line-height: 1.4;
		display: block;
		text-decoration: none;
		color: #1b507e;
	}
	.list-faq a:hover,
	.list-faq a:focus,
	.list-faq a:active {
		text-decoration: underline;
		/*color: #007BC7;*/
	}

.list-orgs {
	list-style: none;
}
.list-orgs a {
	color: #007BC7;
	text-decoration: none;
}
.list-orgs a:hover,
.list-orgs a:focus,
.list-orgs a:active {
	text-decoration: underline;
}

p + .list-decision {
	margin-top: -1em; /* 'undo' the margin-bottom of the p */
	margin-bottom: 1em; /* 'redo' the margin-bottom of the p */
}
.list-decision li {
	list-style: none;
}
.list-decision a {
	font-style: italic;
	font-weight: normal;
	color: #1B5078;
}
.list-decision a:hover,
.list-decision a:focus,
.list-decision a:active {
	color: #007BC7;
}
.list-decision-foldout {
	background: #f1f2f4;	
	padding: 1em;
	color: #1B5078;
}

.test {
	padding-bottom: 6em;
}
.test-quiz .form-row {
	background: #e6e6e6;
	overflow: hidden;
	margin-bottom: 5px;
	font-weight: normal;
	padding: 0 0.2em;
	clear: both;
}
fieldset {
    border: 0;
}

	.form-row > p {
		font-size: 1.125em;
		margin: 0.2em 0.4em;
		line-height: 1.2;
		float: left;
		max-width: 62%; /* reserve some space for the yes-no toggles */
	}
	.test-switch {
		float: right; 
		max-width: 30%; /* make sure these toggles are never larger than 20% */
		margin-right: 0.4em;
	}
		.test-switch input[type=radio] {
			margin: 0 0.4em 0 1.25em;
		}
	@media(max-width: 30em) {
		.form-row > p {
			float: none;
			max-width: none;
		}
		.test-switch {
			width: 100%;
			display: block;
			clear: both;
			max-width: none;
			float: none;
			margin-left: 0.6em;
			padding: 0.5em 0 1em 0;
		}
	}
	.test-result-fixed,
	.test-results-dynamic {
		padding: 0 10px;
	}
	.test-result-fixed {
		background: #D2EAF5;
	}
	.test-results-dynamic {
		background: #c1d0f1;
	}
	.test-result {
		font-size: 1.125em;
	}
		.test-result ul,
		.test-result ol {
			margin-bottom: 0;
		}
		.test-result li {
			list-style: none;
		}
		.test-result a {
			text-decoration: none;
			color: #000;
		}
		.test-result-fixed a {
			color: #007bc7;
		}
		.test-result-title.toggler-open {
			background: #f1f2f4;
			margin: 0 -10px;
			padding: 0 10px;
			display: block;
		}
		li:first-child .test-result-title  {
			margin: 0 -10px 0 -10px;
			padding: 0 10px 0 10px;
		}
		.test-result-details {
			background: #f1f2f4;
			margin: 0 -10px;
			padding: 10px 3em 10px 1.5em;
			font-size: 0.85em;
		} 
		.test-result-details h4 {
			color: #007bc7;
			font-weight: normal;
		}
		.test-result .read-more {
			margin-bottom: 1.5em;
			display: block;
		}

@media(min-width: 60em) {
	.test {
		overflow: hidden;
		width: 100%;
	}
		.test-quiz, 
		.test-results {
			width: 48%;
			float: left;
		}
		.test-quiz {
			margin-right: 2%;
		}
}

.custom-radio, 
.custom-checkbox /* JS wraps inputs with @type radio and checkbox into these divs */ {
	display: inline;
}
	.custom-radio input {
		position: absolute;
		left: -1000px;
	}
	.custom-radio label {
		padding-left: 1.5em;
		margin-right: 1.25em;
		background: url(../img/radio.png) no-repeat left -127px;
		display: inline-block;
		vertical-align: text-bottom;
	}
	.custom-radio label.checked,
	.contains-checked-hider-label .question-hider-label , 
	.contains-checked-shower-label .question-shower-label /* the last two classes can be used to 'check' a radio button independently from the custom-radio-button script; use with caution */ {
		background-position: left 3px;	
	}

.toggler {
	cursor: pointer;
}
.toggler:before {
	content: '';
	width: 24px;
	display: inline-block;
	height: 18px;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAASCAYAAABB7B6eAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoyNkVGNEU1ODVCRkMxMUUzOTJEMEJGNTg0NDNGNDZBNyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDoyNkVGNEU1OTVCRkMxMUUzOTJEMEJGNTg0NDNGNDZBNyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjI2RUY0RTU2NUJGQzExRTM5MkQwQkY1ODQ0M0Y0NkE3IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjI2RUY0RTU3NUJGQzExRTM5MkQwQkY1ODQ0M0Y0NkE3Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+oAahfgAAAmhJREFUeNpi/P//PwMtARMDjQHNLWCBMTw8PMB0Sf8CxdwdT28v9pfnrcmK+U7IgMYZy3gSNzx5O9FDQqO3IO4+SGzHjh3YfZDWtcDMb/nDezfe/mT2WH7/W/nERdL4DC+fPF/ae9H9zzfefGXzW373XmrnfDN0NYywSJ536qlf2uaHG/8yMDIw/mFi+M/0n4GLjZFhZZCc3pTSxMvoGjN75htEr3l0/usfRgaG//8YGBn/M7AC3TvNX8Y/2VR6E4YP1l77WP3vP0gxI9Dwv2Cx7z//MoSsenoppmWeK7LhsW1znEJXPT7/7Q/Qhf+ABMMfhv9Afb///2ZYff1THdZI/ruiyDxSk38T0ClAXSC//QPZxfATaED8xke7/GpnR4HUBdTOCY/d8GTv779AeZDvmZiBaiHGhOuIbGVYVmiCMxW9XVzkn2EgPJcRZAMo5P4DNTMxMvz795chd9uzpRyRfQcytz1ZwQByOTBYGBhAjgDS/5kYMo2F575fWOBDMJnen52TUmkl3sTICHIZ0JZ//4GKWBj+Adkbb3+wBxsMdPF/oDwjWJ6RocJGpPXerNwUovPB2UlZ9e1OorkMwIhm/gd2J9RHTEBDgXHEALLkLziVd7hI5p6fmFNDckbb35U1ZYa3dCgjGygk/gIVguIGGFxACHI4O5A/zU8mYn9n+hSyc/L6hrQ1iwIUHLjYmIF2/ANHPAMDMwM7KyPD/BB5hw11ySspLioWViYcXB2hpM3DBQqV/wzc7AwMG8KUVBdWJB2kWlk0qTDu2rZoVTENIfZf26PVxPqLY+8QWxYxjhbXhABAgAEAVFruX+3TiCQAAAAASUVORK5CYII=) top left no-repeat;
	margin-left: -0.2em;
	margin-bottom: -0.2em;
}
.toggler-closed:before {
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAASCAYAAABB7B6eAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoyNkVGNEU1QzVCRkMxMUUzOTJEMEJGNTg0NDNGNDZBNyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDoyNkVGNEU1RDVCRkMxMUUzOTJEMEJGNTg0NDNGNDZBNyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjI2RUY0RTVBNUJGQzExRTM5MkQwQkY1ODQ0M0Y0NkE3IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjI2RUY0RTVCNUJGQzExRTM5MkQwQkY1ODQ0M0Y0NkE3Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+KSi0GQAAAnVJREFUeNqUVF1o01AUPjdJ27Wldlbrw1qsyoSC+jAEBV+qiDpxsoodc0UZqOCLQx98GXsQRND3iX9MhuBYdVbpQBFBmeDLBEFFijCkWjcd6CRrR5smzb2emzqZNc3MCR/Jvdx8X875zglhjEGjSL/9xm/bkmP5SY1p0L159SNcdzQ6P9oT/WdPAItY4RLXH33waVIDCgwkSL2XD6x0iUMIMINZWAqceTL7oaIDMEZwVQUgFK69njvhd5OLCKiHbYHheHhVwOlEYgEIQwB+pcDg8ssfA81NjtMIWArbAiWtsjDW0xL2SuiTIILhF2VAiA79z2YH/V6pGwGLsC1QqBiYGUmsbZOEWgkI4yWT0BMdzo7nU34niSGAw7bAgqov4s1wvGU3EWuvELwAS6ZSAscffpkIOBytCPsCxfJfeH51X/iI4Ter4osMGJZKqTI4nP445WkSg2YcxGoO4rezZtsTmSk5xjNAM4zOIjqDaMClZs9tddUflqwy2Nvqq99K9j3+GuNdZaTPPcfu9XoI3DgUCZtxSMsM2tLlnt5MfoSiuQKazEePIrsHz9zt2rCpqNLvtgWaXX86Y0vi3sxTSvlnIzm2qojPxCnCUHzdznmFZhtxWAp4nUYGoY5U7p2q40hzPV007jrOxvX9oa5CRX1hxWEp4HMI7vbR3HRJZcY0c0ORGr0V4dKuNX1yqXoflglLgWOZz8W5soa8OMWCXms77Jz+HcELBQWuwH+E5RwMtoc2uvkvQqK/MxDhVFvw1s8yPY+Aetj/VWiQu5OIbEcJLDuDZNQ3XlDUkwgwg+0SyYpRllc3D0Y609n5AVmDTrAZvwQYAI90B9sRVzCCAAAAAElFTkSuQmCC) top left no-repeat;
}
@media(min-width: 40em) {
	.toggler:before {
		margin-left: -0.4em;
		margin-bottom: -0.2em;
	}
}

.read-more,
.test-result .read-more {
	font-style: italic;
	text-decoration: underline;
	color: #1b5078;
}


/* ------------------------------------ 
   HELPER CLASSES
   ------------------------------------ */

.visually-hidden /* in .qa-title there is a .qa-title-hidden class 
that does the same as .visually-hidden; it is there so that it can
be used within a mediaquery */ {
	position: absolute;
	left: -10000px;
	top: auto;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip: rect(0 0 0 0);
	padding: 0;
	margin: -1px;
	border: 0;
}

.is-hidden {
	display: none;
}

.page-content-splash {
	border-top: 90px solid #90c9e7;
	background: #d2eaf5;
	min-height: 0;
}
	.page-content-splash .page-content-inner {
		padding-left: 0;
		font-weight: bold;
	}
	.page-content-splash h1 {
		font-size: 3em;
		font-weight: bold;
	}

.message-cookie{
        padding-top: 5px;
        background-image: none;
        background-color: #eaebee;

        margin: 0 auto;
        padding-bottom: 10px;

        padding-left: 20px;
        padding-right: 20px;
        background-position: 20px 0;

        height:36px;

        font-size: 90%;
}