/*DURFTEKIEZEN.NL 
COLORS
Cyan       29 187 237  1DBBEA
Green      96 136  87  608857
Blue-grey  137 152 167 8998A7

BREAKPOINTS
      <800
801 - 1000
1001<
*/


/*RESETS*/
*, :before, :after {margin:0; padding:0; box-sizing:border-box;}
tbody {border-top:0 none;}

/*TYPE*/
html {-webkit-text-size-adjust:100%;} /*Prevent font scaling in landscape while allowing user zoom*/
body {margin:0; font:14px/1.5em 'Montserrat', sans-serif; color:#333;
text-rendering:optimizeLegibility; letter-spacing:.02rem;}

a {color:#000; text-decoration:none; border-bottom:1px dotted #036; outline-style:none;}
a:hover {color:#036;}
a.image,
a.button,
a#toggle-icon,
.field--type-image a,
.views-field-field-afbeelding a {border-bottom:0 none;}

h1, h2, h3 {letter-spacing:.03em; margin:0 0 .75em;}
h1, h2 {font-weight:400; color:#222;}
h1 {font-size:1.6em; line-height:1.1;}
h3, h4, h5, h6 {font-size:1em;}

p, ul {padding:0 0 15px;}
blockquote {color:#333; margin:-1em 0 2.2em;}
blockquote:before {content:'“'; display:inline-block; width:1.8rem; height:auto; font-size:4.5em; position:relative; top:.44em; color:#555;}
blockquote .quote-van,
blockquote em {display:block; margin:.3em 0 0; color:#608857;}
span.intro {font-weight:600; font-size:1.1em; line-height:1.5em;}

a.button,
.view-roadshow .more-link a {padding:.6em 1em; display:inline-block; color:#FFF; background:#777; border-bottom:0 none; opacity:.85; border-radius:4px;}
a.button:hover,
.view-roadshow .more-link a:hover {color:#FFF; opacity:1;}
a.button.black, a.button.black:hover {background:#222; color:#FFF;}
a.button.blue, a.button.blue:hover {background:#1DBBEA; color:#FFF;}
a.button.red, a.button.red:hover {background:#d10a10; color:#FFF;}
a.button.skyblue, a.button.skyblue:hover {background:#2d94d7; color:#FFF;}
a.button.yellow, a.button.yellow:hover {background:#f9ca32; color:#333;}
.view-roadshow .more-link a {background:#608857; color:#FFF;} /*green*/


/*LAYOUT*/
.layout-container {width:100%; max-width:1100px; position:relative; margin:0 auto; overflow:hidden;}
header, main {overflow:hidden;}
header {margin:.5em 10px 1em;}
main {margin:.5em 10px 3em;}

/*Header & menu*/
nav a, header a, nav#block-hoofdnavigatie a {border-bottom:0 none;}
header .site-logo {display:none;}
#block-classy-custom-branding {overflow:hidden; margin:1.5em 0 1.2em;}
.site-name {display:block; margin:0 .5em .4em 0; font-size:2.5em; font-weight:550; line-height:2em;}
.site-name a {color:#036;}
.site-slogan {color:#7B3; margin:1em 0 0;}

.responsive-menu-toggle-icon:before,
.responsive-menu-toggle-icon:after,
.responsive-menu-toggle-icon span.icon {background:#608857;}

#socialmedia a {width:16px; height:16px; display:inline-block; overflow:hidden; border-bottom:none;}
#socialmedia a img {margin:0}
#socialmedia a:hover img {margin:-16px 0 0;}
.diap, .button {display:inline-block; color:#FFF; background:#036; padding:.3em .5em .35em; margin:.2em 0 .3em; line-height:1em;}
.button:hover {color:#FFF; background:#7B3;}


/*NODES*/
.node__content .field {padding:1.5em 0;}
.node__content .field--name-field-afbeelding {clear:both; overflow:hidden; line-height:1; margin-bottom:1em;}
.node__content .field--name-field-afbeelding img,
.field--name-field-body2 img {width:100%; height:auto;}


/*Home*/

.page-node-type-durf-te-kiezen header,
.page-node-type-durf-te-kiezen navigation {display:none;}

.block-block-content {clear:both; margin:2em 0;}
.block-block-content .field--name-field-afbeelding,
.block-block-content .field--name-field-lightbox {width:30%; max-width:190px; height:auto; margin:.4em 1em 1em 0;}
.block-block-content .field--name-field-afbeelding img,
.block-block-content .field--name-field-lightbox img {width:100%; height:auto;}

.page-node-type-durf-te-kiezen article,
.page-node-type-artikel article {display:inline-block; margin:0 0 .5em; padding:0 0 1em; border-bottom:1px solid #DDD;}
.page-node-type-durf-te-kiezen article .field--name-body,
.page-node-type-durf-te-kiezen article .field--name-field-afbeelding {background:#8abee8;}
.page-node-type-durf-te-kiezen article .field--name-body {padding:1.5em 1em;}
.page-node-type-durf-te-kiezen article .field--name-field-afbeelding {background:linear-gradient(to right, #afd3ef, #8abee8);}

/*banner on book img
a.nrcbanner {display:inline-block; width:22.4em; height:0; text-decoration:none; font-size:1.2em;
	border-bottom:4em solid #FFF; border-right:4em solid transparent; transform:rotate(-45deg);
	position:absolute; margin:7em 0 0 -6.5em; padding:0 0 0 4.5em;}
a.nrcbanner .best,
a.nrcbanner .summer18,
a.nrcbanner .nrclogo {display:inline-block;}
a.nrcbanner .best {margin:.4em 0 0; color:#000;}
a.nrcbanner .summer18 {color:#8998A7; margin:.2em 0 0 1.5em;}
a.nrcbanner .nrclogo {width:6em; height:1.58em; color:transparent; float:right;
	background:url('/sites/default/files/Afbeeldingen/logo-NRC.svg'); background-size:cover;}*/


.page-node-type-durf-te-kiezen article ul {list-style:none;}
.page-node-type-durf-te-kiezen article li {display:block; padding:.4em .75em;}
.page-node-type-durf-te-kiezen article li:nth-child(1),
.page-node-type-durf-te-kiezen article li:nth-child(3),
.page-node-type-durf-te-kiezen article li:nth-child(5) {color:#FFF;}
.page-node-type-durf-te-kiezen article li:nth-child(1) {background:#99c13b;} /*green*/
.page-node-type-durf-te-kiezen article li:nth-child(3) {background:#13a7d3;} /*blue*/
.page-node-type-durf-te-kiezen article li:nth-child(5) {background:#de0022;} /*red*/

.layout-content-lower .block,
.layout-sidebar-first .block,
.path-roadshow .view-roadshow .views-row {margin:0 0 .5em; padding:1.5em 0 1.8em; border:1px solid #DDD; border-left:0 none; border-right:0 none;}

/*Blog*/

main .view-blog .views-row {margin:3em 0;}
main .view-blog h2 a {font-weight:normal; color:#036; border-bottom:0 none;}

article.node.node--type-blog {margin:2em auto;}
.node--type-blog .field--name-field-auteur .field__item,
.node--type-blog .field--name-field-datum,
main .view-blog .views-field-title-1 /*same info but in the view*/ {font-size:.85em; height:1.5em; line-height:1;}
.node--type-blog .field--name-field-auteur {display:inline-block; float:left; margin-right:.5em; overflow:hidden; display:inline-block;}

.field--name-field-body2 {padding:2em 0 0;}
.banner.boek {margin-left:-10px;}

#block-organisatiesvangijs h2 {font-size:1em;}
#block-organisatiesvangijs ul,
#block-organisatiesvangijs li {list-style:none;}
#block-organisatiesvangijs a {border-bottom:0 none;}
#block-organisatiesvangijs a img {border:0 none; width:100%; height:auto;}
#block-organisatiesvangijs a:hover img {opacity:.8;}

#block-durftekiezenkleinebanner a,
#block-goodcrisiskleinebanner a {border-bottom:0 none;}
#block-durftekiezenkleinebanner img,
#block-goodcrisiskleinebanner img {max-width:100%; height:auto;}

/*VIEWS*/

.path-roadshow .view-roadshow 
.view-roadshow h3 {margin:0;}
.view-roadshow .view-header {margin:1.5em 0;}
.view-roadshow .view-content {margin:0 0 1.5em;}
.path-roadshow .view-roadshow .views-row {padding:2em 0 1.5em; overflow:hidden;} /*also see block styling*/
.view-roadshow .views-field-field-afbeelding {width:220px; height:auto; margin:0 0 1em;}
.view-roadshow .views-field-field-afbeelding img {width:100%; height:auto;}
.view-roadshow .views-field-field-afbeelding .noimage {color:transparent;}
.view-roadshow .more-link {text-align:left;}


/*Roadshow taxonomy*/     /*svg fix*/
.path-taxonomy .vocabulary-roadshow .field--name-field-afbeelding img {width:200px; height:auto;}


/*YouTube embed*/
iframe#widget2 {max-width:100% !important;}


@media screen and (min-width:501px) { /*not smallest*/
	#block-organisatiesvangijs li {display:table-cell; width:48%; margin:1em 2% 2% 0; float:left; height:135px;}
	a.nrcbanner {font-size:1.5em;}
	a.nrcbanner .best {margin:.4em 0 .1em .5em;}
}
@media screen and (max-width:800px) { /*mobile ONLY*/
	.page-node-type-durf-te-kiezen .block-block-content {padding:1.5em 0 2em;}
}
@media screen and (min-width:801px) { /*tablet*/
	nav.responsive-menu-block-wrapper {margin:1em 0 3em 30px; overflow:hidden; font-size:1.05rem;}
	nav.responsive-menu-block-wrapper li.menu-item {float:left; display:inline-block; margin:0 .7em 0 0;}
	nav.responsive-menu-block-wrapper li.menu-item:not(:last-child) {border-right:1px solid #000; padding-right:.7em;}

	.site-name {display:inline-block; float:left; font-size:3.5em; margin:0 .5rem 0 0;}
	.site-slogan {display:inline-block; margin-top:2.3em;}
	#block-quoteurbach {position:relative; width:35%; padding:1em; margin:-50% 0 0; float:right; background:#FFF;}
	:not(.path-frontpage) h1 {font-size:2em;}
	.page-node-type-blog h1 {width:82%; margin:0 auto;}

	.layout-content,
	.layout-sidebar-first,
	.layout-content-lower {position:relative;}
	.path-frontpage .layout-content,
	.page-node-type-durf-te-kiezen .layout-content,
	.path-frontpage .layout-content-lower,
	.page-node-type-durf-te-kiezen .layout-content-lower {width:65%; float:left;}
	.path-frontpage .layout-sidebar-first,
	.page-node-type-durf-te-kiezen .layout-sidebar-first {width:30%; float:right;}

	.path-frontpage .layout-sidebar-first .block:first-child {border-top:0 none; padding:.3em 0 1.8em;}

	article.node.node--type-blog {display:-webkit-box; width:82%;}
	article.node--type-blog:before,
	article.node--type-blog:after {position:absolute; display:block; content:'.'; width:4.5%; height:100%;} 
	article.node--type-blog:before {float:left; margin:0 4.5% 0 -9%; background:#1DBBEA; color:#1DBBEA;}
	article.node--type-blog:after {float:right; margin:0 -9% 0 4.5%; background:#608857; color:#608857;}
	.page-node-type-blog .node__content .field--name-body {margin-left:2rem;}
	.page-node-type-blog .node__content .field--name-body span.intro {margin-left:-2rem;}
	.page-node-type-blog blockquote:before {margin-left:-3.8rem;}
	.banner.boek {margin-left:-4.5%; width:104.5%;}
	#block-organisatiesvangijs li {display:table-cell; width:24%; margin:1em 1% 1% 0; float:left; height:135px;}

	.page-node-type-durf-te-kiezen .node__content {position:relative;} /*to keep img position consistent across browsers*/

	.page-node-type-durf-te-kiezen article .field--name-body,
	.page-node-type-durf-te-kiezen article .field--name-field-afbeelding {position:relative; display:inline-block; height:27em;}
	.page-node-type-durf-te-kiezen article .field--name-field-afbeelding {width:42%; margin-top:-27em; float:left;}
	.page-node-type-durf-te-kiezen article .field--name-body {width:60%; float:right;}
	.page-node-type-durf-te-kiezen article .field--name-field-body2 {clear:both;}

	a.nrcbanner {margin:0; z-index:1; top:3.2em; left:-90%; font-size:1.2em;}
	a.nrcbanner .best {margin:.4em 0 0;}

	.region-sidebar-first>.block:first-child {margin-top:6em;}
	.region-sidebar-first .view-roadshow .view-content {margin:0;}
	.region-sidebar-first .view-roadshow .views-row {margin:.1em 0 0; padding:1.1em 0 0; border-top:1px solid #DDD;}
	.region-sidebar-first .view-roadshow .views-field-field-afbeelding {width:35%; margin:0 0 .2em;}

	.path-roadshow .view-roadshow .views-row {clear:both;}
	.path-roadshow .view-roadshow .views-field-field-afbeelding {display:inline-block; position:relative; width:18%; height:auto; margin:0 3% .6em 0; float:left;}
	.path-roadshow .view-roadshow .views-field-nothing {display:inline-block; width:79%; float:right;}

	/*.view-roadshow .views-field-field-datum {position:relative; width:13em; margin:0 -13em 0 0; float:left;}
	.view-roadshow .views-field-description__value {position:relative; margin-left:13em; max-width:35em;}*/
}
@media screen and (min-width:1001px) { /*wide*/
	body {background:linear-gradient(#afc3ab, #a2d3d9, #FFFFFF);}
	#mm-0 {background:transparent url('../images/patroon-wittelijnen.png') repeat;}
	header {margin: .5em 4% 1em;}
	main {margin: .5em 4% 4em;}
	.layout-container {background:#FFF;}

	#block-contactinformatie {float:right; width:270px; margin:-6em 0 0;}
	#debatacademie-logo {float:left; width:90px; margin:0 -90px 0 0;}
	#socialmedia {float:left; width:90px; margin:40px -90px 0 0;}
	#contactgegevens {margin:0 0 0 90px;}
	#block-quoteurbach {width:30%; padding:1em; margin:-55% 0 0;}
	#block-quoteurbach img {margin:2em 0 -3em 0;}
	#block-quoteurbach a {border-bottom:0 none;}

	/*.page-node-type-durf-te-kiezen article .field--name-body,
	.page-node-type-durf-te-kiezen .field--name-field-afbeelding {height:23em;}
	.page-node-type-durf-te-kiezen .field--name-field-afbeelding {margin-top:-23em;}*/

	.block-block-content .field--name-field-afbeelding,
	.block-block-content .field--name-field-lightbox {float:left;}
	#block-bestelhetboek.block-block-content .field--name-field-afbeelding {float:right; margin:.4em 0 1em 1em;}
}




/*contact form*/

/*temp for unfinished contact form*/
.path-contact {padding:2em;}
.path-contact .site-logo {display:none;} 

#contact-message-contactformulier-form input,
#contact-message-contactformulier-form textarea {
	border:1px solid #7B3; font-size:1em; padding:.2em .4em;}
#contact-message-contactformulier-form .form-item:not(.field--type-string-long) label {
	display:inline-block; width:12em;}
#contact-message-contactformulier-form .form-item:not(.field--type-string-long) input {
	width:30em;}
a.button,
#contact-message-contactformulier-form input.button {
	display:inline-block; text-decoration:none; padding:.5em .7em; background:#7B3; color:#FFF; font-weight:bold; cursor:pointer;     border-bottom:inherit;}
a.button:hover,
#contact-message-contactformulier-form input.button:hover {
	color:#036;}
#contact-message-contactformulier-form .form-required:after {
	content:'*'; color:#7B3; font-size:1.2em; vertical-align:baseline; display:inline-block; background-image:none; width:auto; height:auto; margin:0 0.1em;}


/*NAVIGATION*/


/*Font-awesome*/



/*UI IMPROVEMENTS*/
.region-highlighted {clear:both;}
#block-classy-custom-local-tasks {position:relative; z-index:5;}