@charset "UTF-8";
/************************************************

Stylesheet: Main Stylesheet

*************************************************/
/*********************
GENERAL STYLES
*********************/


@font-face {
    font-family: 'black_jackregular';
    src: url('../fonts/blackjack-webfont.woff2') format('woff2'),
         url('../fonts/blackjack-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}



body{
	font-family: 'Cabin', sans-serif;
	font-size: 1.3rem;
	color: #6C7A89;
	background: #1f618d;
}

p{
	line-height: 1.6;
	margin-bottom: 1.6rem;
}

h1,h2,h3,h4,h5{
	font-weight: 700;
	line-height: 1.4;
	margin-bottom: 1.7rem;
	color: #2574A9;
}

h2{
	font-size: 2rem;
}

#content a{
	color: #913D88;
}

#content a:hover{
	text-decoration: underline;
}

.button{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#685295+0,87428b+100 */
background: #685295; /* Old browsers */
background: -moz-linear-gradient(left, #685295 0%, #87428b 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #685295 0%,#87428b 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #685295 0%,#87428b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#685295', endColorstr='#87428b',GradientType=1 ); /* IE6-9 */
	font-size: 1.3rem;
	border-radius: 3px;
	border: none;
}

.button:hover{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#87428b+0,685295+100 */
background: #87428b; /* Old browsers */
background: -moz-linear-gradient(left, #87428b 0%, #685295 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #87428b 0%,#685295 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #87428b 0%,#685295 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#87428b', endColorstr='#685295',GradientType=1 ); /* IE6-9 */
}

.off-canvas-content{
	background: #F2F1EF;
}

.top-bar, .top-bar ul{
	background: #fefefe;
}

.top-bar{
	padding: 2rem 0;
}



#content{
	padding: 3rem 0;
}


/*********************
LINK STYLES
*********************/
a:link, a:visited:link {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0.3); }

/*********************
H1, H2, H3, H4, H5 P STYLES
*********************/
h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a, h4 a, .h4 a, h5 a, .h5 a {
  text-decoration: none; }

/*********************
HEADER STYLES
*********************/
.header ul.off-canvas-list li {
  list-style: none; }


.bellen{
	background: #2574a9; /* Old browsers */
background: -moz-linear-gradient(-45deg, #2574a9 0%, #913d88 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, #2574a9 0%,#913d88 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, #2574a9 0%,#913d88 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2574a9', endColorstr='#913d88',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */horizontal gradient */;
text-align: center;
font-size: 5rem;
font-weight: bold;
color: #fff;
}

/*********************
NAVIGATION STYLES
*********************/
.top-bar .title-area {
  z-index: 1; }

.off-canvas-list ul {
  margin-left: 0; }
  .off-canvas-list ul li a {
    border-bottom: 0px; }
  .off-canvas-list ul .dropdown {
    margin-left: 20px; }

img.logo{
	height: 60px;
	width: auto;
}


.top-bar ul{
	margin-top: .5rem;
}  
.top-bar a{
	font-size: 1.3rem;
	font-weight: 700;
	color: #6C7A89;
}

.top-bar ul ul {
	margin-top: 0;
	border: none;
	width: 220px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#87428b+0,685295+100 */
background: #87428b; /* Old browsers */
background: -moz-linear-gradient(-45deg, #87428b 0%, #685295 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, #87428b 0%,#685295 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, #87428b 0%,#685295 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#87428b', endColorstr='#685295',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.top-bar ul ul a{
		font-size: 1rem;
	font-weight: normal;
	color: #fff;
	transition: all .25s ease-in-out;
}

.top-bar ul ul a:hover{
	color: #fff;
	transform: translateX(.5rem);
}

.top-bar ul ul.menu .active > a{
	color: #fff !important;
}

.top-bar ul ul li{
	border-bottom: 1px solid #685295;
}

.top-bar ul ul li:hover{
	background: #2574A9;
}

.top-bar ul ul li:last-child{
	border-bottom: none;
}

.top-bar a:hover{
	color: #2574A9;
}

.menu .active > a{
	color: #913D88;
	background: none;
}

.off-canvas-wrapper{
	background: #fff;
}

#off-canvas ul{
	background: #fff;
}

 #off-canvas ul ul{
	
background: #87428b; /* Old browsers */
background: -moz-linear-gradient(-45deg, #87428b 0%, #685295 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, #87428b 0%,#685295 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, #87428b 0%,#685295 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#87428b', endColorstr='#685295',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

#off-canvas a{
	color: #6C7A89
}

#off-canvas ul li{
	border-bottom: 1px solid #e3e3e3;
}

#off-canvas ul ul li{
	border-bottom: 1px solid #685295;
}

#off-canvas ul ul a{
	color: #fff;
}

.is-accordion-submenu-parent > a::after, .dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a::after{

    border-color: #685295 transparent transparent;
  }

/*********************
UI ELEMENTS
*********************/

.facts:after{
	content: '';
    display: block;
    clear: left;
}

.fact{
	width: 200px;
	height: 200px;
	display: block;
	float: left;
	margin: 0 2rem 2rem 0;
	color: #fff;
	padding: 1rem;
	font-size: 1.1rem;
	border-radius: 10px;
	text-align: center;
	overflow: hidden;
	position: relative;
}


.fact i.fa-long-arrow-down{
	font-size: 20rem;
	color: #1c577f;
		opacity: 0.45;
	position: absolute;
	top: -6rem;
	 left : 0;
	  transform: rotate(-45deg);
	  	  z-index: 1;
}

.fact i.fa-long-arrow-up{
		font-size: 20rem;
	color: #793372;
	opacity: 0.85;
	position: absolute;
	bottom: -6rem;
	 right : 0;
	  transform: rotate(-45deg);
	  z-index: 1;
}

.fact.paars{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#913d88+0,793372+100 */
background: #913d88; /* Old browsers */
background: -moz-linear-gradient(-45deg, #913d88 0%, #793372 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, #913d88 0%,#793372 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, #913d88 0%,#793372 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#913d88', endColorstr='#793372',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.fact.blauw{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#2574a9+0,1f618d+100 */
background: #2574a9; /* Old browsers */
background: -moz-linear-gradient(-45deg, #2574a9 0%, #1f618d 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, #2574a9 0%,#1f618d 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, #2574a9 0%,#1f618d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2574a9', endColorstr='#1f618d',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.fact span{
	font-size: 4rem;
	font-weight: bold;
	z-index: 2;
	position: relative;
}

.fact p{
	z-index: 2;
	position: relative;

}

/*********************
MEER WETEN
*********************/

section.meer-weten{
background: #fff;
padding: 3rem 3rem 1.5rem 3rem;;
position: relative;
  -moz-box-shadow: 0 2px 4px -1px rgba(0,0,0,0.06),0 4px 5px 0 rgba(0,0,0,0.06),0 1px 10px 0 rgba(0,0,0,0.08);
box-shadow: 0 2px 4px -1px rgba(0,0,0,0.06),0 4px 5px 0 rgba(0,0,0,0.06),0 1px 10px 0 rgba(0,0,0,0.08);
margin: 9rem 0 3rem 0;

}

.meer-weten h4{

}

.meer-weten img{
position: relative;
top: -7.5rem;
margin-bottom: 1.5rem;
}

p.wieger{
	margin-top: -7.5rem;
    font-family: 'black_jackregular';
}

.tags {
  list-style: none;
  margin: 0 0 0 1rem;
  overflow: hidden; 
  padding: 0;
}

.tags li {
  float: left; 
}

.tag {
  background: #913D88;
  border-radius: 3px 0 0 3px;
  color: #fff !important;
  display: inline-block;
  height: 26px;
  line-height: 26px;
  padding: 0 20px 0 23px;
  position: relative;
  margin: 0 10px 10px 0;
  text-decoration: none;
  -webkit-transition: color 0.2s;
  font-size: 1rem;
}

.tag::before {
  background: #fff;
  border-radius: 10px;
  box-shadow: inset 0 1px rgba(0, 0, 0, 0.25);
  content: '';
  height: 6px;
  left: 10px;
  position: absolute;
  width: 6px;
  top: 10px;
}

.tag::after {
  background: #F2F1EF;
  border-bottom: 13px solid transparent;
  border-left: 10px solid #913D88;
  border-top: 13px solid transparent;
  content: '';
  position: absolute;
  right: 0;
  top: 0;
}

.tag:hover {
  background-color: #6d2e66;
  color: white;
  text-decoration: none !important
}

.tag:hover::after {
   border-left-color: #6d2e66; 
}

/*********************
HOMEPAGE
*********************/

.masthead-home{
	padding: 9rem 0;
	text-align: center;
	background-size: cover !important;
	background-repeat: no-repeat !important;
	position: relative;
	width: 100%;
	height: 100%;
	z-index: 0;
}


.masthead-home h1{

	font-size: 3rem;
	margin-bottom: 0;
}

.masthead-home p{

	font-size: 1.7rem;
	margin-bottom: 1.6rem;
	}
	
section.hoe-home ,section.wat-home, section.waarom-home{
	padding: 6rem 0;
}
	
section.wat-home{
	background: #fff;

}

section.wat-home .wrapper{
	display: grid;
	max-width: 1200px;
	margin: 0 auto;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 6rem;
}

.home section a{
	color: #913D88;
	
}

.home section a i{
	margin-left: .25rem;

	transition: all .1s ease-in-out;
	font-size: 1rem;
}

.home section a:hover i{
	transform: translateX(4px);
}

/*********************
B2B Leadgeneratie	
*********************/

.page-template-b2b-leadgeneratie article section:nth-child(even){
	background: #fff;
}

.page-template-b2b-leadgeneratie section .container{
	display: flex;
	flex-direction: row;
	margin: 0 auto;
	padding: 6rem .9375rem;
	max-width: 1200px;
}

.page-template-b2b-leadgeneratie section .content{
	width: 66%;
}

.content.left{
	padding-right: 6rem;
}

.content.right{
	padding-left: 6rem;
}

.page-template-b2b-leadgeneratie section .afbeelding{
	width: 33%;

}

.page-template-b2b-leadgeneratie section img{
	max-height: 400px;
	width: auto;
	margin: 0 auto;
}



/*********************
OPLOSSINGEN ARCHIVE
*********************/


section.oplossing-intro{
	margin: 6rem 0;
	text-align: center;
	padding: 0 10%;
}

section.oplossing{

	margin-bottom: 9rem;
	
}


section.oplossing img{
 width: 100%; /* or any custom size */
    height: 100%; 
    object-fit: contain;
}

section.oplossing .content{
	padding: 3rem 3rem 1.4rem 3rem;
	background: #fff;
	box-shadow: 0px 10px 40px 0px rgba(46,46,46,0.3)
}

section.oplossing h2 a{
	color: #2574A9;
}

section.oplossing i{ 
font-size: 4rem;
color: #d4d0ca;
}



section.oplossing .icon{
	text-align: center;
	display: flex;
	align-items: center;
  justify-content: center;
}

section.oplossing .icon a{
	width: 200px;
	height: 200px;
	border: 5px solid #d4d0ca;
	border-radius: 50%;
	 display: flex;
  align-items: center;
  justify-content: center;
  transition: all .25s ease-in-out;
}

section.oplossing .icon a:hover{
	transform: rotate(-15deg); /* Equal to rotateZ(45deg) */
}


section.oplossing.even{
display: grid;
grid-template-columns: 40% 60%;
}

section.oplossing.odd{
display: grid;
grid-template-columns: 60% 40%;
}

/*********************
SINGLE OPLOSSINGEN
*********************/

.single-oplossingen .related-container{
	display: grid;
	grid-template-columns: repeat(4,1fr);
	grid-gap: 3rem;
}


/*********************
DIENSTEN ARCHIVE
*********************/

header.diensten-archief{
	padding: 6rem .9375rem 0 .9375rem;

	background-position: left center;
	background-repeat: no-repeat;
	background-size: cover;
	font-size: 2rem;
	font-weight: 700;
		position: relative;
	width: 100%;
	height: 100%;
	z-index: 0;
}

/*
header.diensten-archief:before{
	 content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
background: #575b9a; /* Old browsers *
background: -moz-linear-gradient(45deg, #575b9a 0%, #2972a8 100%); /* FF3.6-15 
background: -webkit-linear-gradient(45deg, #575b9a 0%,#2972a8 100%); /* Chrome10-25,Safari5.1-6 
background: linear-gradient(45deg, #575b9a 0%,#2972a8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#575b9a', endColorstr='#2972a8',GradientType=1 ); /* IE6-9 fallback on horizontal gradient 
opacity: 0.95;
z-index: -1;

}

*/

.post-type-archive-diensten .off-canvas-content{

}

header.diensten-archief p{
	padding: 0 12.5% 0 12.5%;
	margin-bottom: 0;
	text-align: center;

}


section.diensten-intro{
	text-align: center;
	margin-top: 6rem;
	padding: 0 10%;
}

.soort-dienst-container{
	padding: 6rem .9375rem;
	display: grid;
	grid-template-columns: repeat(2,1fr);
	grid-gap: 3rem;
}

section.soort-dienst{
	background: #fff;
	padding: 3rem;
	box-shadow: 0px 10px 40px 0px rgba(47,47,47,0.3);
	transition: all .25s ease-in-out;
display: flex;
flex-direction: column;
}
section.soort-dienst:hover{
	box-shadow: 0px 10px 40px 0px rgba(47,47,47,0.5);
}

section.soort-dienst i{
	margin-right: 1rem;
	color: #913D88;
}

section.soort-dienst h2 a{
	color: #2574A9
}

section.soort-dienst a.button{
	color: #fff;
	margin-top: auto;
	margin-bottom: 0;
	align-self: flex-start
}

section.soort-dienst a:hover{
	text-decoration: none;
}

/*********************
TAXONOMY DIENSTEN
*********************/


.tax-soort_dienst #content{
	background: url('../images/test-3.jpg') no-repeat;
	background-size: cover;
}

section.diensten{
	background: #fff;
	padding: 6rem .9375rem;
}

.diensten-wrapper{
	max-width: 1200px;
	margin: 0 auto;	
	display: grid;
	grid-template-columns: repeat(2,1fr);
	grid-gap: 3rem 6rem;
}

section.diensten h2{
	margin-bottom: 1.5rem;
}

.intro-dienst .content {
  position: relative;
  padding-top: 1.5rem;
}

.intro-dienst .content:after {
  background: linear-gradient(to right, #913D88 25%, #F2F1EF 25%, #F2F1EF  75%);
  position: absolute;
  content: '';
  height: 2px;
  right: 0;
  left: 0;
  top: 0;
}

footer.contactpersoon.tax{
	background: #F2F1EF;
}

footer.contactpersoon.tax h3 span{
	text-transform: lowercase;
}

/*********************
SINGLE DIENSTEN
*********************/

header.page-header{
	margin-bottom: 6rem;
	position: relative;
	width: 100%;
	height: 100%;
	z-index: 0;
	background-position: center center;
	background-size: cover;
}

.page-header:before{
	 content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
background: #575b9a; /* Old browsers */
background: -moz-linear-gradient(45deg, #575b9a 0%, #2972a8 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg, #575b9a 0%,#2972a8 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg, #575b9a 0%,#2972a8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#575b9a', endColorstr='#2972a8',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
opacity: 0.8;
z-index: -1;

}

header.page-header .row{
	padding: 0 .9375rem;
}

header.page-header h1{
	color: #fff;
	padding: 3rem 0;
	margin-bottom: 0;
}

header.page-header #breadcrumbs{
	font-size: 1rem;
	color: #fff;
}

header.page-header #breadcrumbs a{
	color: #fff;
}

header.page-header #breadcrumbs a:hover{
	text-decoration: underline;
}

.single-diensten section.content{
	max-width: 700px;
	margin: 0 auto;
}

.single-diensten .sticky-sidebar{
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	align-items: flex-start;
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 .9375rem;
}

.sticky-sidebar #content{
	padding-top: 0;
}



.single-diensten .sticky-sidebar section.content{
	max-width: none;
	width: 60%;
margin-left: 0;
}

.single-diensten .sticky-sidebar .sidebar{
		width: 33%;
		margin-right: 0;

}



.sticky-sidebar aside ul{
	list-style: none;
	margin-left: 0;
	margin-bottom: 1.5rem;
}

.sticky-sidebar aside ul li{ 
    padding-left: 1em; 
    text-indent: -1.2em;
    line-height: 1.7;
    font-size: 18px;
}

.sticky-sidebar aside ul li:before{
    content: '\f00c';
    font-family: 'FontAwesome';
    color: #913D88; /* or whatever color you prefer */
    font-size: 1.2rem;
    margin-right: 0.4rem;
}

.sticky-sidebar .inner__sidebar .content{
	background: #fff;
	padding: 1.5rem;
    box-shadow: 0px 10px 40px 0px rgba(47,47,47,0.3);
}


.sticky-sidebar .sidebar h3{
	font-size: 1.5rem
}

.sticky-sidebar .sidebar p{
	font-size: 18px;
}

.single-diensten .related-container{
	display: grid;
	grid-template-columns: repeat(3,1fr);
	grid-gap: 3rem;
}

.related-container section{
	background: #fff;
	box-shadow: 0px 10px 40px 0px rgba(47,47,47,0.3)
}

.related-container h4{
	padding: 1.5rem;
	margin: 0;
}

.single-diensten article footer{
	border-top: none !important;
}

/*********************
OVER ONS
*********************/

section.team{
	background: #fff;
	padding: 6rem;
	text-align: center;
}

section.team p.intro{
	text-align: center;
	margin-bottom: 6rem;
}

.team-lead{
	margin: 4.5rem 3rem;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 4.5rem;


}

.team-wrapper{
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 4.5rem;
	max-width: 1200px;
	margin: 0 auto;
}

.teamlid{
	padding: 0 4.5rem;
	text-align: center;
}

.teamlid h2{
	font-size: 1.5rem;
	margin-bottom: 1rem;
}

.teamlid img{
	border-radius: 50%;
	max-width: 200px;
	max-height: 200px;
	margin: 0 auto 1.5rem;
}

.teamlid p {
  position: relative;
  padding-top: 1.5rem;
  font-size: 1rem;
}

.teamlid p:after {
  background: linear-gradient(to right, #913D88 34%, #d4d2ca 34%, #d4d2ca  66%);
  position: absolute;
  content: '';
  height: 2px;
  right: 0;
  left: 0;
  top: 0;
}



.timeline {
  width:100%;
  max-width:800px;
  background:#fff;
  padding: 3rem;
  position: relative;
  margin: 4.5rem 0;
  	box-shadow: 0px 10px 40px 0px rgba(47,47,47,0.3);
}
.timeline:before {
    content: '';
    position: absolute;
    top: 0px;
    left: calc(10% + 15px);
    bottom: 0px;
    width: 4px;
    background: #F2F1EF;
}
.timeline:after {
    content: "";
    display: table;
    clear: both;
} 


.entry {
  clear: both;
  text-align: left;
  position: relative;
} 
 .entry .title {
    margin-bottom: .5em;
    float: left;
    width: 10%;
    padding-right: 30px;
    text-align: left;
    position: relative;
}
.entry .title:before{
      content: '';
      position: absolute;
      width: 18px;
      height: 18px;
      border: 4px solid #913D88;
      background-color:#fff;
      border-radius:100%;
      top: 20px;
      right: 12px;
      z-index: 99;
}
.entry h3 {
      margin: 0;
      font-size: 2.5rem;
    }
.entry p {
      margin: 0;
      font-size: 100%;
    }

.body {
    margin: 0 0 3em;
    float: right;
    width: 90%;
    padding-left: 20px;
 }  
    
.body p:first-child {
        margin-top: 0;
}        font-weight: 400;

.body ul {
      color:#aaa;
      padding-left: 0;
      list-style-type: none;
}    
.body ul li:before {
        content: "–";
        margin-right: .5em;
      }



/*********************
PAGE STYLES
*********************/

.page p.intro{
	font-weight: bold;
	font-size: 1.5rem;
}

.page-template-default section, .page-template-over-ons section{
	padding-bottom: 6rem;

}

footer.contactpersoon{
	padding: 6rem 0;
	background: #fff;}

footer.contactpersoon img{
}

.avatar{
	padding-right: 3rem;
}

footer.contactpersoon p.meta {
  position: relative;
  padding-top: 1.5rem;
}

footer.contactpersoon p.meta:after {
  background: linear-gradient(to right, #913D88 34%, #F2F1EF 34%, #F2F1EF  66%);
  position: absolute;
  content: '';
  height: 1px;
  right: 0;
  left: 0;
  top: 0;
}

/*********************
POSTS & CONTENT STYLES
*********************/
#content #inner-content {
  padding: 1rem 0rem; }

.page-title .vcard {
  border: 0px;
  padding: 0px; }

.byline {
  color: #d4d0ca; }

.entry-content img {
  max-width: 100%;
  height: auto; }

.entry-content .alignleft, .entry-content img.alignleft {
  margin-right: 1.5em;
  display: inline;
  float: left; }

.entry-content .alignright, .entry-content img.alignright {
  margin-left: 1.5em;
  display: inline;
  float: right; }

.entry-content .aligncenter, .entry-content img.aligncenter {
  margin-right: auto;
  margin-left: auto;
  display: block;
  clear: both; }

.entry-content video, .entry-content object {
  max-width: 100%;
  height: auto; }

.entry-content pre {
  background: #eee;
  border: 1px solid #cecece;
  padding: 10px; }

.wp-caption {
  max-width: 100%;
  background: #eee;
  padding: 5px; }
  .wp-caption img {
    max-width: 100%;
    margin-bottom: 0;
    width: 100%; }
  .wp-caption p.wp-caption-text {
    font-size: 0.85em;
    margin: 4px 0 7px;
    text-align: center; }

.post-password-form input[type="submit"] {
  display: inline-block;
  text-align: center;
  line-height: 1;
  cursor: pointer;
  -webkit-appearance: none;
  transition: all 0.25s ease-out;
  vertical-align: middle;
  border: 1px solid transparent;
  border-radius: 0;
  padding: 0.85em 1em;
  margin: 0 1rem 1rem 0;
  font-size: 0.9rem;
  background: #2199e8;
  color: #fff; }
  [data-whatinput='mouse'] .post-password-form input[type="submit"] {
    outline: 0; }
  .post-password-form input[type="submit"]:hover, .post-password-form input[type="submit"]:focus {
    background: #1583cc;
    color: #fff; }
    
/*********************
BLOG INDEX
*********************/ 

.blog article{

}

.blog article h1 a{
	color: #2574A9;
}

.blog article h1 a:hover{
	text-decoration: underline;
}

.blog article a.button{
	margin-bottom: 0;
}

.blog-top{
	display: grid;
	grid-template-columns: repeat(2,1fr);
	grid-gap: 3rem;
	margin: 6rem 0 3rem;
	padding: 0 .9375rem;
}  

.blog-top article{
	background: #fff;
	box-shadow: 0px 10px 40px 0px rgba(47,47,47,0.3);
	display: flex;
	flex-direction: column;
}

.blog-top article h1{
	padding: 3rem 3rem 0 3rem;
	margin: 0;
	font-size: 2rem;
}

.blog-top article p.meta{
	padding: 1.6rem 1.6rem 0 3rem;
	font-size: 1rem;
	
}

.blog-top article p:last-child{
	margin-top: auto;
	align-self: flex-start;
}

.blog-top .article_content{
	padding: 0 3rem 1.4rem 3rem;
}

.blog-bottom{
	display: grid;
	grid-template-columns: repeat(3,1fr);
	margin: 0 .9375rem 6rem .9375rem;
	box-shadow: 0px 10px 40px 0px rgba(47,47,47,0.3)
} 

.blog-bottom article{
	background: #fff;
	border-right: 1px solid #F2F1EF;
} 

.blog-bottom .article_content{
	padding: 0 3rem 1.4rem 3rem;
	font-size: 1rem;
}


.blog-bottom article:nth-child(3n+3){
	border-right: none;
}

.blog-bottom article h1{
	padding: 3rem 3rem 1.6rem 3rem;
	margin: 0;
	font-size: 1.7rem;
}

.blog article h1 a:hover{
	text-decoration: underline;
}

.advertentie-blog{
	margin: 3rem .9375rem;
	background: #fff;
	padding: 3rem;
	box-shadow: 0px 10px 40px 0px rgba(47,47,47,0.3)
}


/*********************
BLOG SINGLE
*********************/

.single #content{
	padding-bottom: 0;
}

.post-meta{
	display: flex;
}

.single header img.wp-post-image{
	margin-bottom: 2rem;
	box-shadow: 0px 10px 40px 0px rgba(47,47,47,0.3)
}

.single .entry-content a{
	text-decoration: underline;
}

.sinlge .entry-content a:hover{
	text-decoration: none;
	color: #61295b
}

.single .entry-content h2{
	margin: 3.4rem 0 1.7rem;
}

.single article footer{
	padding: 4.5rem 0 8rem 0;
	margin-top: 4.5rem;
	border-top: 2px solid transparent;
  -moz-border-image: -moz-linear-gradient(left, #913D88 0%, #2574A9 100%);
  -webkit-border-image: -webkit-linear-gradient(left, #913D88 0%, #2574A9 100%);
  border-image: linear-gradient(to right, #913D88 0%, #2574A9 100%);
  border-image-slice: 1;
}

#content p.share a{
	margin-left: 1rem;
	color: #6C7A89;
}

ul.share li{
	display: inline;
	list-style: none;
}

i.fa-facebook-square{
	color: #365899;
}

i.fa-twitter{
	color: #1da1f2
}

i.fa-linkedin{
	color: #007bb5
}

i.fa-whatsapp{
	color: #25d366
}

a.whatsapp.mobile{
	display: none;
}

.share a:hover{
	text-decoration: none !important;
}

section.related{
	background: #fff;
}

section.related img{
	box-shadow: none;
}

.container_related{
	display: grid;
	max-width: 80%;
	margin: 0 auto;
	grid-template-columns: repeat(3,1fr);
	grid-gap: 4.5rem;
	padding: 9rem 0;
}

.related article{
	box-shadow: 0px 10px 40px 0px rgba(212,208,209,1);
}

.related article h3{
	padding: 2rem;
	margin: 0;
}

/*********************
PAGE NAVI STYLES
*********************/
.page-navigation {
  margin-top: 1rem; }

/*********************
COMMENT STYLES
*********************/
#comments .commentlist {
  margin-left: 0px; }

#respond ul {
  margin-left: 0px; }

.commentlist li {
  position: relative;
  clear: both;
  overflow: hidden;
  list-style-type: none;
  margin-bottom: 1.5em;
  padding: 0.7335em 10px; }
  .commentlist li:last-child {
    margin-bottom: 0; }
  .commentlist li ul.children {
    margin: 0; }

.commentlist li[class*=depth-] {
  margin-top: 1.1em; }

.commentlist li.depth-1 {
  margin-left: 0;
  margin-top: 0; }

.commentlist li:not(.depth-1) {
  margin-left: 10px;
  margin-top: 0;
  padding-bottom: 0; }

.commentlist .vcard {
  margin-left: 50px; }
  .commentlist .vcard cite.fn {
    font-weight: 700;
    font-style: normal; }
  .commentlist .vcard time {
    float: right; }
    .commentlist .vcard time a {
      color: #999;
      text-decoration: none; }
      .commentlist .vcard time a:hover {
        text-decoration: underline; }
  .commentlist .vcard img.avatar {
    position: absolute;
    left: 10px;
    padding: 2px;
    border: 1px solid #cecece;
    background: #fff; }

.commentlist .comment_content p {
  margin: 0.7335em 0 1.5em;
  font-size: 1em;
  line-height: 1.5em; }

.commentlist .comment-reply-link {
  float: right; }

/*********************
COMMENT FORM STYLES
*********************/
.respond-form {
  margin: 1.5em 10px;
  padding-bottom: 2.2em; }
  .respond-form form {
    margin: 0.75em 0; }
    .respond-form form li {
      list-style-type: none;
      clear: both;
      margin-bottom: 0.7335em; }
      .respond-form form li label,
      .respond-form form li small {
        display: none; }
    .respond-form form input[type=text],
    .respond-form form input[type=email],
    .respond-form form input[type=url],
    .respond-form form textarea {
      padding: 3px 6px;
      background: #efefef;
      border: 2px solid #cecece;
      line-height: 1.5em; }
      .respond-form form input[type=text]:focus,
      .respond-form form input[type=email]:focus,
      .respond-form form input[type=url]:focus,
      .respond-form form textarea:focus {
        background: #fff; }
      .respond-form form input[type=text]:invalid,
      .respond-form form input[type=email]:invalid,
      .respond-form form input[type=url]:invalid,
      .respond-form form textarea:invalid {
        outline: none;
        border-color: #fbc2c4;
        background-color: #f6e7eb;
        -ms-box-shadow: none;
        box-shadow: none; }
    .respond-form form input[type=text],
    .respond-form form input[type=email],
    .respond-form form input[type=url] {
      max-width: 400px;
      min-width: 250px; }
    .respond-form form textarea {
      resize: none;
      width: 97.3%;
      height: 150px; }

#comment-form-title {
  margin: 0 0 1.1em; }

#allowed_tags {
  margin: 1.5em 10px 0.7335em 0; }

.nocomments {
  margin: 0 20px 1.1em; }

/*********************
SIDEBARS & ASIDES
*********************/
.widget ul {
  margin: 0; }
  .widget ul li {
    list-style: none; }

/*********************
FOOTER STYLES
*********************/
.footer {
  clear: both;
  color: #fff;
}

footer.footer{
	margin-bottom: 6px;
}

.inner-footer{
background: #575b9a; /* Old browsers */
background: -moz-linear-gradient(45deg, #575b9a 0%, #2972a8 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg, #575b9a 0%,#2972a8 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg, #575b9a 0%,#2972a8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#575b9a', endColorstr='#2972a8',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
color: #fff;
	padding: 6rem .9375rem;;
	
}

.footer-widgets{
	display: grid;
	max-width: 1200px;
	margin: 0 auto;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 3rem;
}

.inner-footer .footer-menu{
	border-left: 1px solid #1f618d;
	padding-left: 1rem;
}

.inner-footer h4{
	color: #fff;
}

.footer-menu ul{
	margin: 0;
	padding: 0;
}

.footer-menu ul li{
	display: list-item;
}

.footer-menu .menu>li>a{
	color: #fff;
	padding: .5rem 0;
	font-size: 1rem;
}

footer.footer a:hover{
	text-decoration: underline;
}

.legal{
 text-align: center;
 font-size: .8rem;
 padding: .8rem;
 background: #1f618d;
}

.legal p{
	margin-bottom: 0;
}

.legal a{
	color: #fff;
}

.legal a:hover{
	text-decoration: underline;
}

/*********************
FOUNDATION STYLES
*********************/

/*********************
PLUGIN STYLES
*********************/
.gform_body ul {
  list-style: none outside none;
  margin: 0; }
  
.gform_body input, .gform_body textarea{
	border-radius: 5px;
}

.gform_body label{
	color: #6C7A89;
}

.gform_body input, .gform_body textarea{
	border: 1px solid #d4d0ca;
	color: #6C7A89;
}

.gform_wrapper input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]), .gform_wrapper textarea{
	padding: .5rem !important;
	height: auto !important;
	-webkit-box-shadow: inset 2px 2px 2px 0px #dddddd;
-moz-box-shadow: inset 2px 2px 2px 0px #dddddd;
box-shadow: inset 2px 2px 2px 0px #dddddd;
}


span.gfield_required{
	display: none;
}

.ginput_complex input{
	margin-bottom: 0;
}
.gform_wrapper .gform_footer{
	padding: 0 !important;
}

.gform_wrapper .gform_footer input[type="submit"]{
	border: none;
}

.gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type="submit"], .gform_wrapper .gform_page_footer input.button, .gform_wrapper .gform_page_footer input[type="submit"] {
	border: none;
	font-size: 1.3rem;
}

body .gform_wrapper ul li.gfield{
	margin-top: 0;
}


/*********************
FOUNDATION STYLES
*********************/

.off-canvas-content{
	padding-bottom: 0;
}

/******************************************************************

Stylesheet: Retina Screens & Devices Stylesheet

When handling retina screens you need to make adjustments, especially
if you're not using font icons. Here you can add them in one neat
place.

******************************************************************/


  
@media all and (max-width: 39.9375em){
	.top-bar-right, .top-bar-left{
		width: 50% !important;
	} 
	
	.top-bar-right ul{
	float: right;
	}
}

@media all and (max-width: 639px){
	
	/** B2B Leadgeneratie**/
	
	.masthead-home{
		padding: 4.5rem .9375rem;
	}

	
	.page-template-b2b-leadgeneratie section .container{
		flex-direction: column;}
	
	.page-template-b2b-leadgeneratie section .content{
		width: 100%;
	}
	
	.content.left{
		padding-right: 0rem;
	}
	
	.content.right{
		padding-left: 0rem;
	}
	
	.page-template-b2b-leadgeneratie section .afbeelding{
		width: 100%;
	
	}
	
	/** DIENSTEN ARCHIEF **/
	
	
	header.diensten-archief{
		padding: 4.5rem .9375rem;
	}
	
	header.diensten-archief p{
		padding: 0;
		font-size: 1.5rem;
	}
	
	section.diensten-intro{
		margin-top: 0;
	}
	
	

	
	
	/** DIENSTEN OVERZICHT **/
	
	.soort-dienst-container, .diensten-wrapper {

    grid-template-columns: repeat(1,1fr);
    
    }
    
    
    
    /** DIENSTEN SINGLE **/
    
    .single-diensten section.content{
	    padding: 0.9375rem;
    }
    
    .single-diensten .sticky-sidebar{
	    flex-direction: column;
    }
    
    .single-diensten .sticky-sidebar section.content, .single-diensten .sticky-sidebar .sidebar{
	max-width: none;
	width: 100%;
	}
	
	.single-diensten .sticky-sidebar .sidebar{
		margin-bottom: 3rem;
	}
	
	/** BLOG **/
	
	.blog-top, .blog-bottom{
			  grid-template-columns: repeat(1,1fr);
	}
	
	footer.sticky-hide{
		display: none;
	}
	
	/** BLOG SINGLE **/
	
	p#breadcrumbs{
		font-size: 1rem;
	}
	
	.post-meta{
		flex-direction: column;
	}
	
	ul.tags{
		margin: 0 0 1.875rem 0;
	}
	
	.container_related {
    display: grid;
    max-width: 100%;
    margin: 0 auto;
    grid-template-columns: repeat(1,1fr);
    grid-gap: 3rem;
    padding: 3rem .9375rem;

	/** FOOTER **/
	
	.footer-widgets{
		  grid-template-columns: repeat(1,1fr);
	}




}

/******************************************************************



Stylesheet: Print Stylesheet

This is the print stylesheet. There's probably not a lot
of reasons to edit this stylesheet. 

Remember to add things that won't make sense to print at 
the bottom. Things like nav, ads, and forms shouldbe set 
to display none.
******************************************************************/
@media print {
  * {
    background: transparent !important;
    color: black !important;
    text-shadow: none !important;
    -webkit-filter: none !important;
    filter: none !important;
    -ms-filter: none !important; }
  a, a:visited {
    color: #444 !important;
    text-decoration: underline; }
    a:after, a:visited:after {
      content: " (" attr(href) ")"; }
    a abbr[title]:after, a:visited abbr[title]:after {
      content: " (" attr(title) ")"; }
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: ""; }
  pre, blockquote {
    border: 1px solid #999;
    page-break-inside: avoid; }
  thead {
    display: table-header-group; }
  tr, img {
    page-break-inside: avoid; }
  img {
    max-width: 100% !important; }
  @page {
    margin: 0.5cm; }
  p, h2, h3 {
    orphans: 3;
    widows: 3; }
  h2,
  h3 {
    page-break-after: avoid; }
  .sidebar,
  .page-navigation,
  .wp-prev-next,
  .respond-form,
  nav {
    display: none; } }