.field--name-body {
	font-size: 1.1em;
}

h1, h2, h3, h4, h5 {
  font-family: "Avenir Next Bold", Arial, sans-serif;
  
}

.nav__item em {
    text-transform: none;
    font-style: normal;
    padding-left: 20px;
    font-size: 28px;
}

.nav__facebook:hover {
    width: 130px;
    padding-left: 15px;
}

.content-moderation-entity-moderation-form {
  display:none;
}

.nav__facebook:hover em {
    display:none;
}


.field--name-field-link-blok a, .field--name-field-link-blok a:visited {
	color: #fff;
	font-weight: 700;
	background: #d26428;
	padding: 12px;
	border-radius: 3px;
	-webkit-transition: color .5s linear;
	-moz-transition: color .5s linear;
	-ms-transition: color .5s linear;
	-o-transition: color .5s linear;
	transition: color .5s linear;
	display: inline-block;
}
.field--name-field-link-blok a:hover {
	background: #333;
	color: #FFF;
}
.paragraph--type--rij-50-25-25 {
	clear: both;
}

#block-generalbanner .field.field--name-body {
	padding: 0;
}

#block-generalbanner p {
    font-size: 0;
}

.header {
	height: 120px;
}

a.site-logo img {
     height: 200px;
    position: relative;
    z-index: 200;
    top: -64px;
    left: 0px;
}


#header-region {
	height: 120px;
}
img.footerlogo {
	max-width: 200px;
	margin: 10px;
}
#block-footerlogos .field.field--name-body {
	padding: 0;
	text-align: center;
}
#block-footerlogos .field.field--name-body {
	padding: 25px 0 10px 0;
	text-align: center;
	background-color: #ffffff;
}
#main .field--name-body {
	background: #f5f5f5;
	padding: 40px;
	clear: both;
}
#block-footerlogos img {
	margin: 0 20px;
}
.block-pagetitle h1 {
	background: #f5f5f5;
	margin: 0;
	padding: 25px 40px;
}
.field--name-field-tekst-pagina {
	padding: 40px;
	background: #f5f5f5;
	font-size: 1.1em;
}
.field--type-text-long ul, .field--type-text-long li {
	list-style-type: initial;
	margin: initial;
	line-height: initial;
}
/*+++++++++++++++++++++++++++++++++ 50% RECHTHOEK +++++++++++++++++++++++++++++++++++*/

.paragraph--type--standaard-rechthoek-1680x480- {
	width: 100%;
	height: 0;
	padding-bottom: 50%;
	overflow: hidden;
	border-bottom: 1px solid #fff;
	border-left: 1px solid #fff;
	float: left;
	position: relative;
}
.paragraph--type--standaard-rechthoek-1680x480- .field--name-field-tekst-rechthoek {
	position: absolute;
	width: 100%;
	top: 15%;
	padding: 0 40px;
	font-size:18px;
}
.paragraph--type--standaard-rechthoek-1680x480- .field--name-field-titel-blok {
	position: absolute;
	top: 5%;
	font-size: 1.3em;
	font-weight: 700;
	padding: 0 40px;
}
.paragraph--type--standaard-rechthoek-1680x480- .field--name-field-link-blok {
	position: absolute;
	bottom: 50px;
	width: 100%;
	text-align: center;
}


/*+++++++++++++++++++++++++++++++++ 50% VIERKANT +++++++++++++++++++++++++++++++++++*/

.field--name-field-tekst-groot-vierkant {
	color: #fff;
	font-size: 1.4em;
	padding: 20px 40px;
}

.paragraph--type--groot-vierkant-1280-x-1280- .field--name-field-link-blok {
	position: absolute;
	bottom: 50px;
	width: 100%;
	text-align: center;
}
.paragraph--type--groot-vierkant-1280-x-1280- .field--name-field-titel-blok {
	/*position: absolute;
	top: 1em;
	left: 60px;*/
	color: #fff;
	font-size: 2em;
	font-weight: 700;
	margin:20px 40px;
}
.field--name-field-tekst-groot-vierkant- {
	width: 50%;
	height: 0;
	padding-bottom: 47%;
	padding-left: 50px;
	padding-top: 3%;
	padding-right: 50px;
	overflow: hidden;
	border-bottom: 1px solid #fff;
	border-left: 1px solid #fff;
	float: left;
}
.paragraph--type--groot-vierkant-1280-x-1280- {
	width: 100%;
	overflow: hidden;
	border-bottom: 1px solid #fff;
	border-left: 1px solid #fff;
	float: left;
	position: relative;
	font-size: 80%;
	background-color: #fafafa;
	height: 0;
}


/*+++++++++++++++++++++++++++++++++ 25% +++++++++++++++++++++++++++++++++++*/

.field--name-field-afbeelding-vierkant- {
	border-left: 1px solid #fff;
	padding: 0;
	max-width: 420px;
	height: 0;
	padding-bottom: 25%;
	float: left;
	width: 25%;
	overflow: hidden;
}
.paragraph--type--standaard-vierkant-640x640- .field--name-field-titel-blok, .paragraph--type--standaard-vierkant-640x640- .field--name-field-tekst-vierkant, .paragraph--type--standaard-vierkant-640x640- .field--name-field-link-blok {
	position: absolute;
	/*left:60px;*/
	color: #333;
}
.paragraph--type--standaard-vierkant-640x640- .field--name-field-link-blok {
	position: absolute;
	bottom: 50px;
	width: 96%;
	text-align: center;
	margin: 0 2%;
	;
}
.paragraph--type--standaard-vierkant-640x640- .field--name-field-titel-blok {
	top: 5%;
	font-size: 1.3em;
	font-weight: 700;
	padding: 0 5%;
}
.paragraph--type--standaard-vierkant-640x640- .field--name-field-tekst-vierkant {
	width: 100%;
	top: 20%;
	padding: 0 40px;
}
.paragraph--type--standaard-vierkant-640x640- {
	border-left: 1px solid #fff;
	border-bottom: 1px solid #fff;
	padding: 0;
	height: 0;
	padding-bottom: 100%;
	float: left;
	width: 100%;
	overflow: hidden;
	position: relative;
	background-color: #ffffff;
}


/*+++++++++++++++++++++++++++++++++ 16% +++++++++++++++++++++++++++++++++++*/

.paragraph--type--blok-33- .field.field--name-field-titel {
	text-align: center;
	padding: 20px 10px;
	font-size: 1.5em;
}
.paragraph--type--blok-33- {
	width: 33.33333%;
	height: 0;
	padding-bottom: 16.6%;
	float: left;
	background: #fff;
	border-left: 1px solid #fff;
	border-bottom: 1px solid #fff;
}
.paragraph--type--blok-33- .field--name-field-url {
	position: absolute;
	width: 100%;
	text-align: center;
	font-size: 2em;
	color: #fff;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.paragraph--type--blok-33- .field--name-field-url a, .paragraph--type--blok-33- .field--name-field-url a:visited {
	color: #fff;
	font-family: "Avenir Next Bold", Arial, sans-serif;
	padding: 40% 0;
	display: block;
	font-size: 2vw;
}
.paragraph--type--blok-33- .field--name-field-url a:hover {
	color: #000;
}
.filozoo.paragraph--type--blok-33- {
	background: #214a7b;
	position: relative;
}
.aanbod.paragraph--type--blok-33- {
	background: #5182bb;
	position: relative;
}
.materiaal.paragraph--type--blok-33- {
	background: #be5150;
	position: relative;
}
.contact.paragraph--type--blok-33- {
	background: #50acc4;
	position: relative;
}
.extra.paragraph--type--blok-33- {
	background: #8066a0;
	position: relative;
}
.over.paragraph--type--blok-33- {
	background: #9cba5f;
	position: relative;
}


/*============ Kleuren ============ */

.donkerblauw {
	background: #214a7b;
	color:#fff;

}
.blauw {
	background: #5182bb;
	color:#fff;

}
.rood {
	background: #be5150;
	color:#fff;
	
}
.lichtblauw {
	background: #50acc4;
	color:#fff;
}
.paars {
	background: #8066a0;
	color:#fff;

}
.groen {
	background: #9cba5f;
	color:#fff;
}

.donkerblauw a, .donkerblauw a:visited,
.blauw a, .blauw a:visited,
.lichtblauw a, .lichtblauw a:visited,
.rood a, .rood a:visited,
.paars a, .paars a:visited,
.groen a, .groen a:visited
{
  color:#fff;
  text-decoration: underline;
}



/*+++++++++++++++++++++++++++++++++ 33% +++++++++++++++++++++++++++++++++++*/


.paragraph--type--video-33- {
	width: 100%;
	float: left;
	border-left: 1px solid #fff;
	border-bottom: 1px solid #fff;
}
.paragraph--type--tekst-of-afbeelding-33- {
	width: 100%;
	float: left;
	height: 0;
	padding-bottom: 56.25%;
	overflow: hidden;
	border-left: 1px solid #fff;
	font-size: 2.5vw;
}

.field--name-field-tekst-derde {
	padding: 40px 40px;
}
/* ==========================================================================
======== AANGEPASTE BLOKKEN   ===============================================
===========================================================================*/

.quote.paragraph--type--tekst-of-afbeelding-33- {
	background: url(/sites/default/files/2018-03/quote.gif) #faf8f0 no-repeat;
	background-size: 16%;
	background-position: 104% -6%;
}
.quote.paragraph--type--standaard-vierkant-640x640- .field--name-field-titel-blok, 
.quote.paragraph--type--standaard-vierkant-640x640- .field--name-field-tekst-vierkant, 
.quote.paragraph--type--standaard-vierkant-640x640- .field--name-field-link-blok, 
.quote.paragraph--type--standaard-rechthoek-1680x480- .field--name-field-titel-blok, 
.quote.paragraph--type--standaard-rechthoek-1680x480- .field--name-field-tekst-rechthoek, 
.quote.paragraph--type--standaard-rechthoek-1680x480- .field--name-field-link-blok {
	color: #395626;
	font-style: italic;
	padding-right: 10%;
}

.quote.paragraph--type--tekst-of-afbeelding-33- {
	color: #395626;
	font-style: italic;
}

.quote.paragraph--type--standaard-vierkant-640x640- {
	background: url(/sites/default/files/2018-03/quote.gif) #faf8f0 no-repeat;
	background-size: 16%;
	background-position: 102% -3%;
}
.quote.paragraph--type--standaard-rechthoek-1680x480- {
	background: url(/sites/default/files/2018-03/quote.gif) #Fafafa no-repeat;
	background-size: 45%;
	background-position: 90%;
}
.zwart.paragraph--type--standaard-vierkant-640x640- .field--name-field-titel-blok, .zwart.paragraph--type--standaard-vierkant-640x640- .field--name-field-tekst-vierkant, .zwart.paragraph--type--standaard-vierkant-640x640- .field--name-field-link-blok {
	color: #333;
}
.zwart.paragraph--type--groot-vierkant-1280-x-1280- .field--name-field-titel-blok {
	color: #000000;
}
.zwart.paragraph--type--groot-vierkant-1280-x-1280- .field--name-field-tekst-groot-vierkant {
	color: #333;
}
.donker.paragraph--type--standaard-vierkant-640x640- {
	background: #395626;
	color: #fff;
}
.donker.paragraph--type--standaard-rechthoek-1680x480- {
	background: #395626;
	color: #fff;
}
rechts {
	float: right;
	margin: 0 0 15px 15px;
}
links {
	float: left;
	margin: 0 15px 15px 0;
}
/* ==========================================================================
======== SUPERFISH MENU   ===============================================
===========================================================================*/


ul.sf-menu.sf-style-black li, ul.sf-menu.sf-style-black.sf-navbar {
	background: #395626;
	border-right: 1px solid #fff;
	width: 16.66666666%;
	text-align: center;
}
ul.sf-menu.sf-style-black li.active-trail {
	background: #577d3f;
}
ul.sf-menu.sf-style-black {
	width: 100%;
}
ul.sf-menu.sf-style-black li li, ul.sf-menu.sf-style-black.sf-navbar > li > ul {
	background: #666;
	width: 100%;
	border-right: 0px none;
}
ul.sf-menu.sf-horizontal.sf-shadow ul, ul.sf-menu.sf-vertical.sf-shadow ul, ul.sf-menu.sf-navbar.sf-shadow ul ul {
	background: #ccc;
	width: 100% !important;
}
ul.sf-menu .sf-sub-indicator {
	height: 17px;
	width: 17px;
}

.sf-accordion-toggle, .superfish-main-accordion {
    display: none;
}

.field--name-field-tekst-getuigenis {
    float: left;
    padding: 3%;
    width: 67%;
    font-size: 1.2em;
    line-height: 140%;

}

.field--name-field-getuigenis-foto {
  float:left;
}

.paragraph--type--getuigenis {
  clear:both;
  background: #333;
  color: #fafafa;
  height:420px;
  
}


/* CONTENT SLIDER HOMEPAGE */

.views-field-view-node a, li.comment-delete a, li.comment-reply a, li.comment-edit a {
    display: inline-block;
    padding: 18px 25px 14px;
    border: 0;
    border-radius: 3px;
    background: #e73f16;
    color: #fff;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 14px;
    font-family: "Avenir Next Demi", Arial, sans-serif;
    transition: .3s;
}

button, input[type="button"], input[type="reset"], input[type="submit"] {
    background-color: #e73f16;
}

.views-field-view-node a:hover, .content ul li.comment-delete a:hover, .content ul li.comment-reply a:hover, .content ul li.comment-edit a:hover {
    background: #000;
}

.content ul li.comment-delete,.content ul li.comment-reply,.content ul li.comment-edit  {
  float: left;
  margin-right: 10px;
      margin-bottom: 50px;
}

.content ul.links  {
 padding-left:0px;
}

.views-field-field-leeftijd, .views-field-field-muzische-taal {
    /*margin-top: 10px;*/
}

.views-field-field-leeftijd div::before, .views-field-field-muzische-taal div::before  {
    content: "≫ ";
    font-size:25px;
}

.views-field.views-field-field-image {
    width: 33.333333%;
    float: right;

}

.views-field.views-field-title {
    padding: 1.5% 4%;
    font-size: 22px;
    font-weight: 700;
    text-transform: uppercase;
}


.views_slideshow_pager_field .views_slideshow_pager_field_item {
  background: #FFF;
  width: 15px;
  height: 15px;
  overflow: hidden;
  margin: 2px;
  border-radius: 50%;
  float: left;
  border:1px solid #333;
}
.views_slideshow_pager_field .views_slideshow_pager_field_item a {
  color: transparent;
  cursor: cell;
}

.views_slideshow_pager_field_item.active {
    background-color: #3d636f;
}

.views-slideshow-controls-top {
    margin: 0 auto;
    width: 50%;
    position: absolute;
    bottom: 5px;
    left: 4%;
}

.views-field-field-muzische-taal a, .views-field-field-leeftijd a {
    color: #d26428;
    text-decoration: underline;
}


.comments h2.title {
  clear:left;
}

.block-views-block-comments-recent-block-1 {
    background: #333;
    color: #efefef;
}

.block-views-block-comments-recent-block-1 a {
    color: #efefef;
    text-decoration:underline;
}

.block-views-block-comments-recent-block-1 .views-field-uid {
    padding: 0;
    font-size: 17px;
    font-weight: 700;
    text-transform: initial;
    margin-bottom: 15px;
}


.block-views-block-likes-block-1 .views-field.views-field-title {
   
    font-size: 20px;
    font-weight: 100;
        padding: 7px 0;
    text-transform: none;
}


.block-views-block-likes-block-1 .views-field.views-field-title a {
   color: #d26428;
    text-decoration: underline;

}

.simplenews-subscriptions-block-nbr {
    background: #3d636f;
    color: #fafafa;
}

.simplenews-subscriptions-block-nbr .button {
    margin-top: 5%;
}


.block-aflmelden {
    float: right;
    width: 25%;
    height: 0;
    padding-bottom: 23%;
    background: #fafafa;
    color: #efefef;
    padding-left: 2%;
    padding-top: 1%;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
}


#main .block-aflmelden .field--name-body {
    background: #fafafa;
    padding: 0px; 
    clear: none; 
}

a.button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #e73f16;
    border: 0;
    border-radius: 2px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-family: "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
    font-size: 16px;
    -webkit-font-smoothing: antialiased;
    font-weight: 600;
    line-height: 1;
    padding: 0.75em 1.5em;
    text-decoration: none;
    transition: background-color 150ms ease;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    vertical-align: middle;
    white-space: nowrap;
}

a.button:hover {
    background-color: #555;
   
}

.block-views-block-current-user-block-1 {
    background: #f5f5f5;
    width: 25%;
    height: 0;
    float: right;
    border-bottom: 1px solid #fff;
    border-right: 1px solid #fff;
}


.block-views-block-current-user-block-1 {
    padding: 2% 1% 23% 3%;
}

.block-gebruikerslogin {
    padding: 1% 1% 23% 3%;
}


.block-customsearchform {
    background: #e0e0e0;
    width: 25%;
    height: 0;
    padding: 2% 1% 23% 3%;
    float: left;
}

li.node-readmore a, li.comment-comments a, li.comment-add a, a.feed-icon {
    background-color: #d26428;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0;
    border-radius: 2px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-family: "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
    font-size: 16px;
    -webkit-font-smoothing: antialiased;
    font-weight: 600;
    line-height: 1;
    padding: 0.75em 1.5em;
    text-decoration: none;
    transition: background-color 150ms ease;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    vertical-align: middle;
    white-space: nowrap;
    float: left;
    margin-right: 5px;
}

li.node-readmore a:hover, li.comment-comments a:hover, li.comment-add a:hover, a.feed-icon:hover  {
    background-color: #555;
}