/**
 * Acture Shared CSS file
 *
 * This file should contain all shared styling for Acture.nl. Use this file
 * instead of custom.css if styles are shared. If styles are for a particular
 * site only, please use /{child-theme}/custom.css.  
 */
 /*============================================================
## ANIMATIONS
============================================================*/
@keyframes comeUp {
	0% {
		transform: translate3d(0, 400px, 0);
	}
	100% {
		transform: translate3d(0, 0, 0);
	}
}

 /*============================================================
## GENERAL STYLING: General tweaks
============================================================*/
::selection {
	background-color: #1c3d72;
	color: #ffffff;
}
-moz-::selection {
	background-color: #1c3d72;
	color: #ffffff;
}

body.no-touch .touch-only {
	display:  none !important;
}
/*============================================================
## GENERAL STYLING: Base Typography
============================================================*/
body, p, h1, h2, h3, h4, h5, h6 { /* General typography */ }

body, p {
	color: #081935;
	font-size: 14px;
}

p {
	font-size: 14px;
	line-height: 24px;
	margin-bottom: 30px;
}


p:last-child,
ul:last-child,
ol:last-child {
	margin-bottom: 0;
}

h1, h2, h3, h4, h5, h6 { /* Heading styling */ }

h1, .h1 {
	font-size:  32px;
	font-weight:  400;
	line-height:  40px;
	color:  #1c3d72;
	margin-top: 0;
	margin-bottom: 0;

}
h2, .h2 {
	font-size:  18px;
	line-height:  1;
	color:  #1c3d72;
	font-weight:  700;
	font-family:  'Open Sans', sans-serif;
	margin-top: 0;
	margin-bottom:  30px;
	letter-spacing: 0.02em;
}
h3, .h3 {
	font-size:  14px;
	font-weight:  700;
	color: #1c3d72;
	line-height:  24px;
	margin-bottom:  0px;
	margin-top: 0;
}
h4, .h4 {
	font-size:  14px;
	font-weight:  700;
	color: #1c3d72;
	line-height:  24px;
	margin-bottom:  10px;
	margin-top: 0;
}
h5, .h5 { /* Header 5 Styling */ }
h6, .h6 { /* Header 6 Styling */ }

#content p > a:not(.btn):not(.button) {
	text-decoration: underline;
}
a:hover { /* General anchor hover styling */ }

/*============================================================
## GENERAL STYLING: Utility Classes
============================================================*/
.cover-link {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 99;
}

@media (max-width: 767px){
	.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
		padding-left: 15px;
		padding-right: 15px;
	}

	.row,
	body .vc_row {
		margin-left: -15px;
		margin-right: -15px;
	}
	.container {
		padding-left: 15px;
		padding-right: 15px;
	}
	body .vc_col-xs-1, body .vc_col-sm-1, body .vc_col-md-1, body .vc_col-lg-1, body .vc_col-xs-2, body .vc_col-sm-2, body .vc_col-md-2, body .vc_col-lg-2, body .vc_col-xs-3, body .vc_col-sm-3, body .vc_col-md-3, body .vc_col-lg-3, body .vc_col-xs-4, body .vc_col-sm-4, body .vc_col-md-4, body .vc_col-lg-4, body .vc_col-xs-5, body .vc_col-sm-5, body .vc_col-md-5, body .vc_col-lg-5, body .vc_col-xs-6, body .vc_col-sm-6, body .vc_col-md-6, body .vc_col-lg-6, body .vc_col-xs-7, body .vc_col-sm-7, body .vc_col-md-7, body .vc_col-lg-7, body .vc_col-xs-8, body .vc_col-sm-8, body .vc_col-md-8, body .vc_col-lg-8, body .vc_col-xs-9, body .vc_col-sm-9, body .vc_col-md-9, body .vc_col-lg-9, body .vc_col-xs-10, body .vc_col-sm-10, body .vc_col-md-10, body .vc_col-lg-10, body .vc_col-xs-11, body .vc_col-sm-11, body .vc_col-md-11, body .vc_col-lg-11, body .vc_col-xs-12, body .vc_col-sm-12, body .vc_col-md-12, body .vc_col-lg-12 {
		padding-left: 15px;
		padding-right: 15px;
	}
	body .vc_column_container > .vc_column-inner {
		padding-left: 15px;
		padding-right: 15px;
	}

	
}
/*============================================================
## GENERAL STYLING: Base elements
============================================================*/
/*== Buttons ==*/
.btn, 
.gform_button, 
button[type="button"],
input[type="submit"],
.button,
.btn.btn-primary {
	padding: 7px 15px;
	font-weight: 400;
	font-size: 14px;
	margin-left: 0;
	margin-right: 0;
	background-color: #f67d20;
	color: #ffffff;
	border: 1px solid #f67d20;
	transition: background-color 0.15s, color 0.15s, border-color 0.15s;
}

.btn:hover, 
.gform_button:hover, 
button[type="button"]:hover,
input[type="submit"]:hover,
.button:hover,
.btn.btn-primary:hover {
	background-color: #081935;
	border-color: #081935;
}

/*== Lists ==*/
ul, ol {
	padding-left: 0px;
	margin-bottom: 30px;
}
ul > li, ol > li {
	margin-left: 15px;
	padding-left: 10px;
}

ul > li {
	margin-left: 20px;
	padding-left: 5px;
}

/*============================================================
## FORM STYLING: General
============================================================*/
input[type="text"], 
input[type="email"],
input[type="url"],
input[type="tel"],
input[type="number"],
textarea, 
select {
	border: 1px solid #c0d8d7;
	font-size: 12px !important;
	padding: 15px !important;
	color: #1c3d72 !important;
	font-weight: 400;
	background-color: #c0d8d7;
	border-radius:  0 !important;
}

input[type="text"]:focus, 
input[type="email"]:focus,
input[type="url"]:focus,
input[type="tel"]:focus,
input[type="number"]:focus,
textarea:focus, 
select:focus {
	outline: 1px solid #1c3d72;
}
.gform_wrapper .top_label input.medium, .gform_wrapper .top_label select.medium {
	width: 100% !important;
}
.gform_wrapper .gform_fileupload_multifile .gform_drop_area {
	border: 1px dashed #c0d8d7 !important;
	font-size: 14px !important;
	padding: 15px !important;
	color: #081935 !important;
	font-weight: 300 !important;
	background-color: #c0d8d7 !important;
	border-radius:  0 !important;	
	font-family: 'Open Sans', sans-serif;
}
.gform_wrapper .gform_fileupload_multifile .gform_drop_area input[type="button"] {
	background-color: #081935;
	border-color: #081935;
}
.gform_wrapper .gform_fileupload_multifile .gform_drop_area input[type="button"]:hover {
	background-color: #f67d20;
	border-color: #f67d20;	
}
form label,
.gform_wrapper form label.gfield_label {
	font-size: 14px !important;
	font-weight: 400;
	color: #1c3d72;
	line-height: 24px !important;
}
.gform_wrapper .field_sublabel_below .ginput_complex.ginput_container label {
	font-size: 14px !important;
	font-weight: 400;
}

.gform_wrapper form label.gfield_label .gfield_required {
	color: #f67d20;
}

.gform_body {
	margin: 0 !important;
	padding: 15px 0 0 !important;
}
.gform_footer {
	margin: 0 !important;
	padding: 0 0 0 5px !important;
	text-align: left;
}
.gform_wrapper form label.gfield_label {
	margin: 0 0 15px;
}
body .gform_wrapper ul li.gfield {
	margin: 0 0 30px !important;
}
body .gform_wrapper .top_label div.ginput_container {
	margin: 0 !important;
}
.gform_wrapper .field_description_below .gfield_description {
	padding: 0 !important;
	margin-top: 5px;
}

.gform_wrapper ul.gfield_checkbox, .gform_wrapper ul.gfield_radio {
	margin: 0 !important;
}

.gform_wrapper ul.gfield_checkbox label, 
.gform_wrapper ul.gfield_radio label {
	font-weight: 400;
	font-size: 14px !important;
}
.gform_wrapper.gf_browser_chrome .gfield_checkbox li input, .gform_wrapper.gf_browser_chrome .gfield_checkbox li input[type=checkbox], .gform_wrapper.gf_browser_chrome .gfield_radio li input[type=radio] {
	margin-top: 2px !important;
	margin-right: 5px !important;
}
.gform_wrapper {
	margin-top: 0 !important;
}
.ginput_container_date {
	position: relative;
}
.gform_wrapper input.datepicker_with_icon.large, .gform_wrapper input.datepicker_with_icon.medium, .gform_wrapper input.datepicker_with_icon.small {
	padding-right: 45px !important;
}
.gform_wrapper .gform_footer {
	text-align: right;
}
.gform_wrapper .gform_footer > .gform_button {
	margin-right: 0 !important;
}
.ui-datepicker-trigger {
	position: absolute;
	right: 15px;
	top: 15px;
}

.gform_body {
	padding-top: 0 !important;
}
::placeholder {
	font-style: italic;
	font-size: 12px !important;
	letter-spacing: 0.02em;
	color: #081935 !important;
}
@media (min-width: 768px) {
	.gform_wrapper {
		border: 3px solid #c0d8d7;
		padding: 30px; 
	}
	.gform_wrapper ul.gform_fields li.gfield {
		padding-right: 0 !important;
	}
}

body .gform_wrapper h2 {
	font-size:  18px;
	line-height:  1;
	color:  #1c3d72;
	font-weight:  700;
	font-family:  'Open Sans', sans-serif;
	margin-top: 0;
	margin-bottom:  30px;
	letter-spacing: 0.02em;
}

/*============================================================
## GENERAL STYLING: Misc general styling
============================================================*/

/*============================================================
## HEADER STYLING: General
============================================================*/
.navbar-header .site-branding > a {
	padding-top: 15px;
	padding-bottom: 15px;
}

.navbar-header .site-branding > a > img {
	height:  45px;
}

.navbar-default > .navbar-primary {
	padding-left: 30px;
	padding-right: 30px;
}

@media (max-width: 767px) {
	.navbar-default > .navbar-primary {
		padding-left: 15px;
		padding-right: 15px;
	}
}

.navbar#site-navigation {
	box-shadow: none;
	
	border-bottom: 0 none;
}

@media (min-width: 768px) {
	.site-branding,
	.subswitch {
		display: inline-block;
	}

	.subswitch {
		margin-left: 45px;
	}

}
.subswitch .subsite-switch > .subsite-switch-item {
	margin-left: 0;
	margin-right: 0;
	padding: 0;
	line-height: 0.9;
	font-size: 14px;
	color: #f67d20;
}

.subswitch .subsite-switch > .subsite-switch-item + .subsite-switch-item {
	margin-left: 15px;
	padding-left: 15px;
	border-left: 1px solid #1c3d72;
}

.subswitch a {
	color: #1c3d72;
}

.head-search .search-form {
	background-color: #ffffff;
	border: 1px solid;
	padding: 8px 15px 8px;
}
.head-search .search-form input {
	background-color: transparent;
	border: 0 none;
	box-shadow: none, inset none;
	outline: none;
	color: #1c3d72;
	padding: 0 !important;
	line-height: 1 !important;
	font-size: 14px !important;
}

.head-search .search-form ::placeholder {
	color: #1c3d72 !important;
	font-size: 14px !important;
	font-style: normal !important;
	font-weight: 400 !important;
	letter-spacing: 0 !important; 
}

.menu-button-container button {
	color: #081935;
	background: none !important;
	border: none;
	padding: 0;
	font-size: 30px;
	line-height: 30px;
	height: 30px;
	transition: background-color 0.15s, color 0.15s, border-color 0.15s;	
}
.menu-button-container button:hover {
	color: #f67d20;
}
.head-search,
.login-button-container,
.menu-button-container {
	display: inline-block;
	margin-left: 15px;
	vertical-align: middle;
	padding-top: 15px;
	padding-bottom: 15px;
}
.menu-button-container button:focus,
.menu-button-container button:active {
	outline: 0 !important;
}
@media (max-width: 991px) {
	.head-search {
		display: none;
	}
}

@media (max-width: 767px) {
	.subswitch {
		display: none;
	}
}
/*============================================================
## HEADER STYLING: Fullscreen menu
============================================================*/
body.fullscreen-menu-active {
	overflow: hidden;
}

#menu-fullscreen {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: #c0d8d7;
	z-index: 9999;
	display: none;
}

.fullscreen-menu-active #wpadminbar {
	z-index: 0;
	transition: z-index 0 0.5s, opacity 0.5s;
	opacity: 0;
}

.fullscreen-menu-search > div/* ,
.fullscreen-menu-tab */ {
	display: none;
}

.fullscreen-menu-search > div.active/* ,
.fullscreen-menu-tab.active */ {
	display: block;
}

.menu-fullscreen-top {
	overflow: hidden;
	padding-bottom: 30px;
}

.menu-fullscreen-top .close {
	opacity: 1;
	font-size: 30px;
	color: #ffffff;
}
.fullscreen-menu-tabtoggles {
	padding-bottom: 60px;
	margin-bottom: 60px;
	border-bottom: 1px solid #1c3d72;
}
.fullscreen-menu-tabtoggles li {
	border: 1px solid #f67d20;
	padding: 0;
	margin: 0;
	font-size: 18px;
	background-color: #f67d20;
	transition: background-color 0.15s, color 0.15s, border-color 0.15s;	
}
.fullscreen-menu-tabtoggles li.active {
	border-color: #1c3d72;
	background-color: #1c3d72;
}

.fullscreen-menu-tabtoggles li > .menutab-inner  {
	background-color: transparent;
	padding: 5px 10px;
	margin: 0;
	color: #ffffff;
	text-transform: uppercase;
	position: relative;
	display: inline-block;
}

.fullscreen-menu-tabtoggles li.active > .menutab-inner {
	background-color: #1c3d72;
	transition: background-color 0.15s, color 0.15s, border-color 0.15s;	
}

.fullscreen-menu-tabtoggles li > .menutab-caret {
	display: inline-block;
	background-color: #fff;
	height: 100%;
	padding: 5px 12px;
	border-left: 1px solid rgba(255,255,255,0.5);
	color: #f67d20;
	transition: background-color 0.15s, color 0.15s, border-color 0.15s;	
}
.fullscreen-menu-tabtoggles li.active > .menutab-caret {
	color: #1c3d72;
}
.fullscreen-menu-tabtoggles li + li {
	margin-left: 15px;
}

.fullscreen-menu-tabtoggles li a {
	display: block;
	padding: 0;
	background-color: transparent !important;
	color: #ffffff;
}


.fullscreen-menu-tabtoggles li .caret {
	margin-left: 10px;
}


.fullscreen-menu-left-top {
	margin-bottom: 45px;
}
.fullscreen-menu-right-top {
	margin-bottom: 30px;
}

ul.fullscreen-menu-items {
	list-style: none;
	margin-left: 0;
	padding-left: 0;
}
ul.fullscreen-menu-items > li {
	padding-left: 0;
	margin-left: 0;
}

ul.fullscreen-menu-items a {
	font-size: 25px;
	text-transform: uppercase;
	color: #1c3d72;
	padding-bottom: 15px;
	display: block;
}

.fullscreen-menu-right-bottom p {
	font-size: 18px;
}
.fullscreen-menu-right-top .fullscreen-menu-login {
	background-color: #f67d20;
	font-size: 18px;
	margin-bottom: 30px;
	transition: background-color 0.15s, color 0.15s, border-color 0.15s;	
}
.fullscreen-menu-right-top .fullscreen-menu-login:hover {
	background-color: #1c3d72;
}

.fullscreen-menu-right-top .fullscreen-menu-login a {
	color: #ffffff;
	display: block;
	padding: 10px 15px;
	text-transform: uppercase;
}
.fullscreen-menu-right-top ul.list-inline li {
	padding: 0;
	margin: 0;
	font-size: 18px;
	font-weight: 400;
	text-transform: uppercase;
}
.fullscreen-menu-right-top ul.list-inline li + li {
	margin-left: 30px;
}

@media (min-width: 768px) {
	.fullscreen-menu-right {
		padding-left: 90px;
		border-left: 1px solid #1c3d72;
		margin-left: -1px;
		padding-bottom: 60px;
	}

	.fullscreen-menu-left {
		padding-right: 90px;
		border-right: 1px solid #1c3d72;
		padding-bottom: 60px;
	}
}
@media (max-width: 767px) {
	.fullscreen-menu-left {
		padding-bottom: 30px;
	}
	.fullscreen-menu-left-top {
		margin-bottom: 15px;
	}
	ul.fullscreen-menu-items a {
		font-size: 18px;
		padding-bottom: 15px;
	}
	ul.fullscreen-menu-items {
		line-height: 1;
	}
	#menu-fullscreen {
		height: 100% !important;
		overflow-y: auto;
		padding-bottom: 0;
	}

	.fullscreen-menu-tabtoggles {
		float:  left;
		width:  75%;
		padding-bottom: 30px;
		margin-bottom: 0;
		padding-top:  15px;
	}
}

@media (max-width: 550px) {
	.fullscreen-menu-tabtoggles li {
		display: block !important;
		float: none;
		width: 100%;
		max-width: 270px;
	}
	#menutab-werknemers-search {
		width: 270px;
	}
	.fullscreen-menu-tabtoggles li .menutab-caret {
		float: right;
	}
}

.fullscreen-menu-search .search-form {
	background-color: #fff;
	border: 1px solid;
	padding: 8px 15px 8px;
	position: relative;
}

@media (min-width: 768px) {
	.fullscreen-menu-search {
		padding-left: 0 !important;
	}
}
@media (max-width: 767px) {
	.fullscreen-menu-search {
		margin-top: 15px;
		max-width: 330px;
		
	}
	.fullscreen-menu-tabtoggles li {
		margin-left: 0 !important;
		margin-right: 15px;
		margin-bottom: 15px;
	}
	.fullscreen-menu-tabtoggles li:last-child {
		margin-right: 0;
	}
}
.fullscreen-menu-search .search-form input {
	background-color: transparent;
	border: 0 none;
	box-shadow: none, inset none;
	outline: none;
	color: #1c3d72;
	padding: 0 !important;
	line-height: 1 !important;
	font-size: 18px !important;
}
.fullscreen-menu-search .search-form input[type="submit"] {
	position: absolute;
	right: 12px;
	top: 12px;
}

.fullscreen-menu-search .search-form ::placeholder {
	color: #1c3d72 !important;
	font-size: 18px !important;
	font-style: normal !important;
	font-weight: 400 !important;
	letter-spacing: 0 !important; 
	text-transform: none;
}

@media (min-width: 768px) {
	.fullscreen-menu-tabtoggles .col-sm-8 {
		padding-right: 0;
	}
}
/*============================================================
## HEADER STYLING: Mobile
============================================================*/
@media (max-width: 767px) {
	.navbar-header, 
	.navbar-right {
		display: inline-block;
		vertical-align: middle;
	}

	.navbar-right {
		float: right;
	}
	.navbar-header .site-branding > a > img {
		padding: 0;
	}

	.navbar-primary.container {
		overflow: hidden;
	}
	.login-button-container,
	.menu-button-container {
		padding: 5px 0 0;
	}
}

@media (max-width: 480px) {
	#branding .site-branding {
		max-width: 100%;
	}
}
@media (max-width: 400px) {
	.login-button-container {
		display: none;
	}
	.menu-button-container {
		padding-top: 11px;
	}
}

/** Kevin */
@media (max-width: 767px) {

	#menu-fullscreen {
		padding-bottom: 0px;
	}

	.fullscreen-menu-search .search-form {
		padding: 5px 10px 5px;
	}

	#menutab-werknemers-search,
	#menutab-werkgevers-search,
	#menutab-zzp-search {
		max-width: 270px;
	}

	ul.fullscreen-menu-items a,
	.fullscreen-menu-tabtoggles li > .menutab-inner {
		text-transform: none;
	}

	.fullscreen-menu-tabtoggles li {
		margin-bottom: 3px;
	}

	.menu-fullscreen-top {
		float: right;
		width: 25%;
	}

	.menu-fullscreen-top button {
		margin-top: 15px;
	}

	.fullscreen-menu-tabtoggles {
		float: left;
		width: 75%;
		padding-top: 15px;
		border-bottom: 0px none;
		margin-bottom: 0px;
	}

	.fullscreen-menu-tabs {
		clear: both;
	}

	.fullscreen-menu-tabs .fullscreen-menu-left,
	.fullscreen-menu-tabs .fullscreen-menu-right {
		margin-left: 0px;
		margin-right: 0px;
		padding-top: 30px;
		padding-right: 15px !important;
		padding-bottom: 30px;
		padding-left: 15px !important;
	}

	.fullscreen-menu-tabs .fullscreen-menu-right p,
	.fullscreen-menu-tabs .fullscreen-menu-right a {
		color: #ffffff;
	}

	.fullscreen-menu-tabs .fullscreen-menu-left {
		border-top: 1px solid #1c3d72;
		background-color: #ffffff;
	}

	.fullscreen-menu-tabs .fullscreen-menu-right {
		background-color: #081935;
	}

	.fullscreen-menu-right-top > div {
		display: inline-block;
		margin-right: 15px;
	}

	.fullscreen-menu-right-bottom .menu-contact-details p {
		display: inline-block;
		width: 49%;
	}

	.fullscreen-menu-right-top .fullscreen-menu-login {
		margin-bottom: 0px;
	}

	.fullscreen-menu-search .search-form input[type="submit"] {
		top: 8px;
	}
}
/*============================================================
## HEADER STYLING: Subheader
============================================================*/
.page-subheader {
	position: relative;
	z-index: 12;
}
.page-subheader > .container {
	background-color: #1c3d72;
	color: #ffffff;
	overflow: hidden;

}
.page-subheader .subheader-left,
.page-subheader .subheader-right {
	width: 50%;
	float: left;
	padding-top: 15px;
	padding-bottom: 15px;
	line-height: 1;
}
.page-subheader a,
.page-subheader p {
	color: #ffffff;
	font-size: 14px;
	line-height: 1;
}
.page-subheader p {

}
.page-subheader .subheader-right {
	text-align: right;
	margin-right: -15px;
	float: right;
}
.page-subheader .subheader-left i {
	margin-right: 5px;
}
@media (min-width: 768px) {
.page-subheader .subheader-left i {
	position: absolute;
	right: 100%;
}
}

.subheader-left > a {
	position: relative;
}
/*============================================================
## BODY STYLING: General
============================================================*/

/*============================================================
## FOOTER STYLING: General
============================================================*/
@media (min-width: 992px) {
	.columns-5 {
		width: 20%;
		float: left;
		color: #ffffff;
	}	
}
.columns-5 {
	position: relative;
	padding-left: 30px;
	padding-right: 30px;
	color: #ffffff; 
	margin-bottom: 30px;
}

@media (max-width: 767px) {
	.columns-5 {
		padding-left: 15px;
		padding-right: 15px;
	}
}
/*============================================================
## FOOTER STYLING: Prefooter
============================================================*/
#prefooter {
	background-color: #1c3d72;
	color: #ffffff;
	padding-bottom: 30px;
	padding-top: 45px;
	margin-top: 45px;
}


#prefooter h3 {
	color: #ffffff;
	font-size: 20px;
	font-weight: 400;
	margin-top: 0;
	margin-bottom: 30px;
}
#prefooter p {
	font-size: 12px;
	color: #ffffff;
}

#prefooter a:not(.btn) {
	color: #fff;
	text-decoration: underline;
	font-size: 12px;
}
#prefooter a:not(.btn):hover {
	color: #f67d20;
}

/*============================================================
## FOOTER STYLING: Colophon
============================================================*/
#colophon, 
#colophon-trim {
	padding-top: 15px;
	padding-bottom: 15px;
} 

#colophon .col-md-6, 
#colophon-trim .col-sm-6 {
	padding-top: 15px;
	padding-bottom: 15px;
}
#colophon {
	background-color: #081935;
	color: #ffffff;
}
#colophon a {
	color: #ffffff;
}
#colophon-trim,
#colophon-trim p,
#colophon-trim a {
	color: #1c3d72;
	font-size: 14px;
}
@media (min-width: 768px) {
	#colophon-trim .col-sm-6:last-child {
		text-align: right;
	}
	#nav-colophon.nav {
		text-align: left;
	}
}
@media (min-width: 992px) {
	#colophon .col-md-6:last-child {
		text-align: right;
	}
}
@media (max-width: 767px) {
	#colophon-trim .col-sm-6:last-child,
	#nav-colophon.nav {
		text-align: center;
	}	
}

#nav-colophon.nav > li {
	margin-left: 0;
	margin-right: 0;
	padding-left: 0;
	padding-right: 0;
}
#nav-colophon.nav > li + li {
	margin-left: 3px;
	padding-left: 5px;
	border-left: 1px solid #1c3d72;
	line-height: 0.9;
}
#nav-colophon.nav > li a {
	padding: 0;
	margin: 0;
}
/*============================================================
## BODY STYLING: Page Headers
============================================================*/
.page-header {
	background-color: #c0d8d7;
	background-size: cover;
	background-repeat: no-repeat;
	padding: 23px 0 0 0;
	margin: -23px 0 30px 0;
	z-index: 10;
	position: relative;
}
body.search .page-header,
body.blog .page-header {
	margin-bottom: 60px;
}
.page-header .page-header-inner {
	position: relative;
	min-height: 240px;
	padding-top: 90px;
	padding-bottom: 60px;
}

.page-header-background-image {
	position: absolute;
	right: 0;	
	bottom: 0;
	left: 50%;
	z-index: 0;
	overflow: hidden;
	max-height: 100%;
	text-align: center;
	user-select: none;
}

.page-header .page-header-background-image {
	top: 0;
}
.page-header-background-image > img {
	max-height: 100%;
	user-select: none;
	width: auto;
	max-width: 100%;
	vertical-align: bottom;
	max-height: 100%;
}

@media (max-width: 767px) {
	.page-header-background-image > img {
		width: 0;
	}	
}

.page-header .pagetitle-sub {
	color: #1c3d72;
	font-size: 20px;
	letter-spacing: 0.02em;
	display: block;
}
.header-calltoaction {
	float: right;
	background-color: #f67d20;
	color: #ffffff;
	position: relative;
	padding: 15px 60px 15px 30px;
	margin-top: 36px;
	border: 1px solid #f67d20;
	transition: background 0.12s, color 0.12s, border-color 0.12s;	

}
@media (max-width: 767px) {
	.header-calltoaction {
	padding: 15px 45px 15px 15px;		
		float: none;
	}
}
.header-calltoaction:hover {
	background-color: #081935;
	border: 1px solid #081935;
}

.header-calltoaction::after {
	position: absolute;
	right: 25px;
	top: 15px;
	content: '\f054 ';
	font-family: 'FontAwesome';
}
/*============================================================
## BODY STYLING: Visual Composer
============================================================*/
section.vc_section {
	padding-top: 30px;
	padding-bottom: 30px;
}

@media (max-width: 767px) {
	section.vc_section {
		padding-left: 0px;
		padding-right: 0px;
	}	
}
@media (min-width: 768px) {
	section.vc_section .vc_row:last-child .wpb_content_element:last-child {
		margin-bottom: 0;
	}
}
@media (max-width: 767px) {
	section.vc_section .vc_row:last-child .wpb_column:last-child .wpb_content_element:last-child {
		margin-bottom: 0;
	}
}
/*============================================================
## ARCHIVE STYLING: General
============================================================*/

/*============================================================
## ARCHIVE STYLING: posts
============================================================*/

/*============================================================
## SINGLE POST STYLING: General
============================================================*/

/*============================================================
## PAGE STYLING: General
============================================================*/

/*============================================================
## ELEMENT STYLING: Quicklinks
============================================================*/
.pt_quicklinks-container {
	list-style: none;
	padding-left: 0;
	margin-left: 0;
	padding-right: 0;
}

.pt_quicklinks-container .pt_quicklink {
	border: 1px solid;
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 15px;
	display: block;
	padding: 15px 15px 15px 38px;
	position: relative;
	color: #1c3d72;
	transition: background-color 0.15s, color 0.15s, border-color 0.15s;	
}

.pt_quicklinks-container .pt_quicklink::before {
	content: '\f054 ';
	position: absolute;
	left: 15px;
	top: 15px;
	font-family: 'FontAwesome';
}

.quicklink-link {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
}

.pt_quicklinks-container .pt_quicklink .quicklink-title {
	font-size: 14px;
	font-weight: 700;
}

.pt_quicklinks-container .pt_quicklink:hover {
	color: #f67d20;
}

/*============================================================
## HOME STYLING: Brandbox
============================================================*/
.brandbox {
	background-size: cover;
	background-repeat: no-repeat;
	max-width: 2000px;
	margin-left: auto;
	margin-right: auto;
}

.brandbox-inner {
	position: relative;
	padding-top: 0px;
	padding-bottom: 60px;
}

.brandbox-title-box {
	background-color: #f67d20;
	color: #fff;
	padding: 30px;
	margin-bottom: 150px;
	margin-top: 60px;
	box-shadow: 0 15px 45px rgba(0,0,0,0.05);
}

@media (min-width: 992px) and (max-width: 1200px) {
	.brandbox-title-box {
		margin-bottom: 90px;
	}
}
@media (min-width: 768px) and (max-width: 991px) {
	.brandbox-title-box {
		margin-top: 30px;
		margin-bottom: 60px;
	}
}

@media (min-width: 768px) {
	.brandbox-title-box {
		margin-right: -30px;
	}
}

.brandbox-title-box h1 {
	font-size: 36px;
	font-weight: 600;
	color: #ffffff;
	margin-bottom: 30px;
}
.brandbox-intro-text {
	font-size: 14px;
	font-weight: 400;
	line-height: 24px;
}

@media (max-width: 767px) {

}
@media (max-width: 420px) {
	.brandbox-title-box h1 {
		font-size: 30px;
		line-height: 36px;
		font-weight: 600;
		color: #fff;
		margin-bottom: 20px;
	}
}
.brandbox-servicenotice {
	background-color: #c0d8d7;
	color: #f67d20;
	padding: 30px;
	font-size: 14px;
	margin-left: -40px;
	line-height: 24px;
	box-shadow: 0 15px 45px rgba(0,0,0,0.05);
}


.brandbox-servicenotice-title {
	font-size: 18px;
	font-weight: 700;
	text-transform: uppercase;
	display: block;
	margin-bottom: 5px;
}

.brandbox-servicenotice a {
	color: #f67d20;
	text-decoration: underline;
}

.brandbox .page-header-background-image {
	bottom: 60px;
}
@media (max-width: 767px) {
	.brandbox-title-box {
		background-color: transparent;
		color: #1c3d72;
		padding: 0 15px;
		margin: 30px 0;
		box-shadow: none;
	}

	body .brandbox-title-box h1 {
		color: #1c3d72;
	}

	.brandbox-inner {
		padding-top: 0;
		padding-bottom: 0;
	}
	.brandbox .col-sm-4 {
		padding: 0;
		margin: 0 !important;
	}
	.brandbox-servicenotice {
		margin-left: 0;
		padding: 7px 15px;
	}
	.brandbox-servicenotice-title {
		display: inline-block;
		margin-right: 3px;
		text-transform: unset;
		font-size: 14px;
	}

	.brandbox-title-box {


	}

	.brandbox .col-sm-6 {
		padding: 0;
	}
}

/*============================================================
## HOME STYLING: Content
============================================================*/
.home .entry-content {
	margin-top: -90px;
	z-index: 10;
	position: relative;
}

@media (max-width: 767px) {
	.home .entry-content {
		margin-top: 0;
	}
}

.home .entry-content section.vc_section:first-of-type > .vc_row {
	margin-left: 0;
	margin-right: 0;
	
}
.home .entry-content section.vc_section:first-of-type .vc_column_container {
	border: 1px solid #c7c5c3;
	padding: 30px 0;
	background-color: #ffffff;
}

@media (min-width: 768px) {
.home .entry-content section.vc_section:first-of-type .vc_column_container:first-child {
	background-color: #081935;
	color: #ffffff;
	border-color: #081935;
}
}

.pt_productbox {
	position: relative;
}
.pt_productbox .pt_productbox-link {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
}
.pt_productbox-title {
	font-size: 20px;
	text-transform: uppercase;
}
.pt_productbox:hover .pt_productbox-title {
	text-decoration: underline;
}
.pt_productbox-description {
	font-size: 14px;
	line-height: 24px;
}

.pt_productbox:not(:last-child) {
	margin-bottom: 30px;
}

@media (min-width: 768px) {
	.home .entry-content section.vc_section:first-of-type .vc_column_container + .vc_column_container + .vc_column_container {
		border-left: 0;
	}
}
@media (min-width: 992px) {
	.home .entry-content section.vc_section:first-of-type .vc_column_container + .vc_column_container {
		border-left: 0;
	}
}
.home .entry-content section.vc_section:first-of-type .vc_column_container h2,
.home .entry-content section.vc_section:first-of-type .vc_column_container h2,
.home .entry-content section.vc_section:first-of-type .vc_column_container h2 {
	font-size: 18px;
	text-transform: uppercase;
	font-weight: 400;
	color: #1c3d72;
	margin-bottom: 30px;
}
@media (max-width: 767px) {
	.pt_productbox {
		background-color: #081935;
		color: #fff;
		margin-left: -7px;
		margin-right: -7px;
		padding: 7px;
	}
	.pt_productbox-description {
		display: none;
	}
	.pt_productbox .pt_productbox-title::after {
	content: '\f054';
	position: absolute;
	right: 7px;;
	font-family: 'FontAwesome';		
	}

	.home .entry-content section.vc_section:first-of-type .vc_column_container {
		padding: 15px 0;
		border-left: 0;
		border-right: 0;
		border-top: 0;
		max-width: none;
		/* width: 100%; */
	}
	.home .entry-content section.vc_section:first-of-type .vc_column_container > .vc_column-inner {

		margin-left: 0;
		margin-right: 0;
	}
	.home .entry-content section.vc_section:first-of-type {
		padding: 0;
	}
	.pt_productbox:not(:last-child) {
		margin-bottom: 15px;
	}
}
ul.pt_recentnews_posts {
	list-style: none;
	padding-left: 0;
	margin: 0
}

ul.pt_recentnews_posts > li.pt_recentnews_post {
	margin-left: 0;
	padding-left: 0;
	white-space: nowrap; 
	display: block;
	overflow: hidden;
	padding-right: 0px;
	margin-bottom: 30px;
}

.pt_recentnews_date {
	display: inline-block;
	background-image: url('media/icon-agenda.png');
	background-size: contain;
	background-repeat: no-repeat;
	width: 44px;
	height: 49px;
	text-align: center; 
	padding-top: 23px;
	font-size: 12px;
	letter-spacing: 0;
	font-weight: 700;
	margin-right: 15px;
}

.pt_recentnews_post-content {
	display: inline-block;
	vertical-align: top;
	white-space: normal;
	padding-right: 60px;
}
.pt_recentnews_posts + a {
	text-decoration: underline;
}

.menu-kennisbank-home-container ul {
	list-style: none;
	padding-left: 0px;
	margin-bottom: 30px;
}

.menu-kennisbank-home-container ul > li {
	padding-left: 23px;
	margin-left: 0;
	position: relative;
	font-size: 14px;
	line-height: 24px;
}

.menu-kennisbank-home-container ul > li::before {
	content: '\f054 ';
	position: absolute;
	left: 0;
	top: 0;
	font-family: 'FontAwesome';
}

.pt_highlight-title {
	color: #1c3d72;
	font-size: 18px;
	font-weight: 700;
	margin-bottom: 30px;
}

.pt_highlight-body {
	font-size: 14px;
	line-height: 24px;
}

.pt_highlight:not(:last-child) {
	margin-bottom: 30px;
}

.pt_highlight a {
	text-decoration: underline;
}

.pt_highlight-body-link {
	margin-top: 15px;
}
.home section ~ section.vc_section:last-child .wpb_column:first-child h2 {
	letter-spacing: 0;
	font-size: 18px;
	font-weight: 700;
}
.home section ~ section.vc_section:last-child .wpb_column:first-child > div {
	background-color: #c0d8d7;
	padding: 30px;
}
@media (min-width: 768px) {
	.home section ~ section.vc_section:last-child .wpb_column:first-child {
		padding-left: 30px;
	}
}
.vid-desc {
	margin-top: 30px;
	line-height: 24px;
}

.home section ~ section.vc_section:last-child .wpb_video_widget {
	margin-bottom: 15px;
}

.home section ~ section.vc_section:last-child .wpb_column:last-child {
	padding-top: 30px;
}


@media (max-width: 767px) {
	.home section.vc_section {
		padding: 0;
	}

	.home section ~ section.vc_section:last-child .wpb_column:first-child > div {
		padding: 30px 15px;
	}
}
.pt_highlight-title {
	line-height: 1;
}

.pt_highlight-title::before {
	content: url('media/prehighlight.png');
	margin-right: 7px;
	height: 18px;
	overflow: hidden;
	display: inline-block;
}

.pt_infobox > .pt_infobox-title,
.pt_newsbox > .pt_newsbox_title {
	padding: 30px;
	background-color: #081935;
	color: #fff;
}

.pt_ctabox > .pt_ctabox-title {
	background-color: #f67d20; 
	padding: 30px;
}


@media (max-width: 767px) {
	.pt_infobox, 
	.pt_newsbox {
		margin-bottom: 30px;
	}
}


.pt_ctabox > .pt_ctabox-title >h2 {
	font-size: 32px;
	line-height: 40px;
	font-weight: 400;
	letter-spacing: 0;
}
.pt_infobox > .pt_infobox-title > h2,
.pt_ctabox > .pt_ctabox-title > h2,
.pt_newsbox > .pt_newsbox_title h2 {
	margin: 0;
	color: #fff;
}

.pt_infobox > .pt_infobox-body,
.pt_ctabox > .pt_ctabox-body,
.pt_newsbox > .pt_newsbox-body {
	padding: 30px;
	/* 	border: 1px solid #081935; */
	box-shadow: 0 15px 45px rgba(0,0,0,0.05);
	line-height: 24px;
}
@media (max-width: 767px) {

.pt_infobox > .pt_infobox-body,
.pt_ctabox > .pt_ctabox-body,
.pt_newsbox > .pt_newsbox-body,
.pt_infobox > .pt_infobox-title,
.pt_newsbox > .pt_newsbox_title {
	padding: 15px;
}
}
.pt_infobox > .pt_infobox-body .pt_infobox-text + .pt_infobox-links {
	margin-top: 20px;
}
.pt_infobox-links ul,
.pt_ctabox-links ul,
.pt_newsbox ul {
	list-style: none;
}
.pt_infobox-links ul > li,
.pt_newsbox ul > li {
	padding-left: 23px;
	margin-left: 0;
	position: relative;
	font-size: 14px;
	line-height: 24px;
}
.pt_ctabox-links {
	margin-top: 30px;
}
.pt_infobox-links ul > li::before {
	content: '\f054 ';
	position: absolute;
	left: 0;
	top: 0;
	font-family: 'FontAwesome';
}

.pt_newsbox ul > li::before {
	content: '\f0f6';
	position: absolute;
	left: 0;
	top: 0;
	font-family: 'FontAwesome';
}
.pt_newsbox ul > li {
	margin-bottom: 7px;
	line-height: 24px;
	font-size: 14px;
}

.pt_newsbox ul > li:last-child {
	margin-bottom: 0;
}
.pt_newsbox ul > li a {
	font-weight: 700;
}

.wpb_text_column,
.wpb_text_column p {
	font-size: 14px;
	line-height: 24px;
}

.pt_text_intro,
.pt_text_intro p {
	font-size: 18px;
	line-height: 28px;
}

.pt_ctabox li {
	margin-left: 0;
	padding-left: 0;
	line-height: 24px;
}

.pt_ctabox li > i {
	margin-right: 15px;
}
.login-cols .wpb_row {
	padding: 0 30px;
}
.login-cols .wpb_column {
	border: 1px solid #081935;
	padding: 30px 0;
}

.login-cols .wpb_column:first-child {
	background-color: #c0d8d7;
}

@media (min-width: 768px) {
	.login-cols .wpb_column + .wpb_column {
		border-left: 0;
	}
}

.login-cols ul {
	list-style: none;
}

.login-cols li {
	margin-left: 0;
	padding-left: 0;
}

@media (max-width: 767px) {
	.contact-introduction {
		margin-bottom: 45px;
	}
	.login-cols .wpb_row {
		padding: 0 15px;
	}
	.login-cols .wpb_column {
		padding: 15px 0;
	}
	
}
.contact-tablist ul > li {
	padding: 0;
	border: 1px solid #081935;
	background-color: #c0d8d7;
}
.contact-tablist ul > li.active {
	border-bottom-color: #fff;
	outline: none;
	border-right-style: solid;
	border-left-style: solid;
}
.contact-tablist ul > li:last-child:not(:nth-child(2)) {
	border-left-style: none;
}
.contact-tablist ul > li:first-child {
	border-right-style: none;
}

.contact-tabbody {
	border: 1px solid #081935;
	border-top: 0;
	padding: 30px 30px;
}

.contact-tablist ul.nav.nav-tabs > li > a {
	border: 0 none !important;
	padding: 15px 30px;
	text-align: left;
	font-weight: 700;
}

@media (min-width: 441px) and (max-width: 767px){
	.contact-tablist ul.nav.nav-tabs {
		overflow: hidden;
	}
	.contact-tablist ul.nav.nav-tabs > li {
		display: block;
		float: left;
		width: 33.3%;
		margin-left: 0;
		margin-bottom: 0;

	}
	.contact-tablist ul.nav.nav-tabs > li > a {
		margin-bottom: 0;
	}
	.contact-tabbody {
		padding: 15px 0;
	}
}
@media (max-width: 440px){
	.contact-tablist ul.nav.nav-tabs {
		overflow: hidden;
	}
	.contact-tablist ul.nav.nav-tabs > li {
		display: block;
		width: 100%;
		margin-left: 0;
		margin-bottom: 0;
		border: 1px solid #081935;
	}
	.contact-tablist ul.nav.nav-tabs > li + li {
		border-top: 0;
	}
	.contact-tablist ul.nav.nav-tabs > li > a {
		margin-bottom: 0;
		padding: 5px 15px;
	}
	.contact-tablist ul.nav.nav-tabs > li.active a {
	}
	.contact-tabbody {
		padding: 15px 0;
	}
}
#contact-topcontent {
	margin-top: 30px;
	margin-bottom: 60px;
}

#contact-topcontent li.pt_quicklink:last-child {
	margin-bottom: 0;
}

#contact-tabs {
	margin-bottom: 60px;
}
.post-highlit {
	margin-bottom: 60px;
	margin-top: 0;
}
.post-highlit > .entry {
	background-color: #9ca4a4;
	background-size: cover;
	background-position: center center;
	position: relative;
	z-index: 900;
}
.post-highlit .cover-link {
	z-index: 99;
}

.post-highlit .postitem-wrapper {
	background-color: #1c3d72;
	color: #ffffff;
	opacity: .95;
	padding: 30px;
	transition: background 0.17s;
}
.post-highlit > .entry:hover .postitem-wrapper {
	background-color: #344141;
}

.post-highlit .postitem-wrapper a,
.post-highlit .postitem-wrapper p,
.post-highlit .postitem-wrapper span {
	color: #fff;
}

.post-highlit h2 {
	font-size: 18px;
	font-weight: 400;
	line-height: 28px;
	letter-spacing: 0;
}

.post-highlit .postdate {
	margin-bottom: 30px;
	display: block;
	font-weight: 400;
	font-size: 14px;
	font-weight: 24px;
}

.post-highlit .entry-content p {
	font-size: 14px;
	line-height: 24px;
}


.ac_postthumb-link {
	height: 150px;
	display: block;
	background-size: cover;
	background-position: center;
	margin: -30px;
	margin-bottom: 30px;
}

article.post-list:nth-child(odd) {
	clear: left;
}


article.post-list h2 {
	font-size: 18px;
	line-height: 28px;
	font-weight: 400;
	margin-bottom: 30px;
}

article.post-list .postdate.h3 {
	color: #081935;
	font-size: 14px;
	font-weight: 400;
	line-height: 24px;
	margin-bottom: 30px;
	display: block;
}
article.post-list .entry-content p {
	color: #1c3d72;
	font-size: 14px;
	line-height: 24px;	
}
article.post-list {
	border-bottom: 0;
	padding-bottom: 0;
	margin-bottom: 45px;
	padding: 0 30px;
	
}
article.post-list > div h2 a {
	transition: color 0.15s;
} 
article.post-list > div:hover h2 a {
	color: #f67d20;
}
article.post-list > div {
	padding: 30px;
	box-shadow: 0 15px 45px rgba(0,0,0,0.05);
	position: relative;
	transform: translate3d(0, 0, 0);
	transition: transform 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

article.post-list > div:hover {
	box-shadow: 0 20px 45px 2px rgba(0,0,0,0.08);
	transform: translate3d(0, -5px, 5px);
}

@media (max-width: 767px) {
	article.post-list > div {
		padding: 15px;
	}
	article.post-list {
		padding: 0 15px;
	}
}
.navigation.pagination {
	display: block;
	width: 100%;
	text-align: left;
}
.navigation.pagination .nav-links {
	width: 100%;
}

.navigation.pagination .nav-links > a,
.navigation.pagination .nav-links > span {
	display: inline-block;
	font-size: 14px;
	border: 1px solid;
	padding: 15px 22px;
	text-decoration: none;
	margin-right: 15px;
}

.navigation.pagination .nav-links > span {
	border-color: #f67d20;
	color: #f67d20;
}

.navigation.pagination .nav-links > :last-child {
	margin-right: 0;
}

.category-intro {
	margin-top: 30px;
	margin-bottom: 60px;
}

#secondary .widget-title {
	background-color: #081935;
	color: #fff;
	font-size: 18px;
	line-height: 28px;
	padding: 15px 30px;
	font-weight: 700;
}

#secondary .media-sidebar-box {
	/* 	border: 1px solid #081935; */
	/* 	border-top: 0; */
	box-shadow: 0 15px 45px rgba(0,0,0,0.05);
	padding: 30px;
}

#secondary .media-sidebar-box .media-sidebar-items {
	list-style: none;
	margin: 0;
	padding: 0;
}

#secondary .media-sidebar-box .media-sidebar-item {
	margin-left: 0;
	padding-left: 0;
	border-bottom: 1px solid #081935;
	padding-bottom: 30px;
	margin-bottom: 20px;
	position: relative;
}
.media-sidebar-item-title {
	font-weight: 700;
	margin-bottom: 7px;
	font-size: 14px;
	line-height: 24px;
	color: #1c3d72;
}

.media-sidebar-item-title > a {
	color: #1c3d72;
}

.media-sidebar-item-icon {
	float: left;
	border: 1px solid #c0d8d7;
	font-size: 18px;
	margin-right: 30px;
	padding: 5px;
	line-height: 28px;
}
.media-sidebar-morelink {
	margin-left: 0;
	padding-left: 0;
}

.media-sidebar-morelink > a {
	text-decoration: underline;
}

#secondary .widget > ul {
/* 	border: 1px solid #081935;
border-top: 0; */
box-shadow: 0 15px 45px rgba(0,0,0,0.05);
padding: 30px;
list-style: none;
}
#secondary .widget > ul > li {
	padding-left: 0;
	margin-left: 0;
}
#secondary .widget_categories > ul > li > a {
	text-decoration: underline;
	line-height: 24px;
}
#secondary .widget {
	margin-bottom: 60px;
	margin-top: 30px;
}
@media (min-width: 992px) {
	#secondary .widget:first-child {
		margin-top: 0;
	}
	.category #secondary .widget:first-child,
	.post-type-archive #secondary .widget:first-child {
		margin-top: 30px;
	}
}

#secondary .widget_recent_entries a {
	display: block;
	font-weight: 700;
	margin-bottom: 5px;
}
@media (min-width: 768px) and (max-width: 991px) {}
#secondary .widget_recent_entries li + li {
	margin-top: 15px;
}

article.media .entry .media-icon-box,
article.media .entry .media-content-box {
	display: inline-block;
	vertical-align: middle;
}

article.media .entry .media-icon-box {
	font-size: 18px;
	border: 1px solid #c0d8d7; 
	width: 45px;
	text-align: center;
	line-height: 1;
	padding: 13px 0;
	margin-right: 30px;
}

.media-content-box {
	line-height: 24px;
	font-size: 14px;
	position: relative;
}
article.media {
	margin-top: 0;
}


article.media + article.media {
	margin-top: 30px;
}

article > .entry {
	position: relative;
}
article.media .media-row-meta,
article.media a {
	transition: background-color 0.15s, color 0.15s, border-color 0.15s;
}
.media-content-box .media-row-title a {
	font-weight: 700;

}
article.media:hover .media-row-meta,
article.media:hover a {
	color: #f67d20;
}
.media-content-box .media-row-meta .media-meta-date {
	margin-right: 30px;
}
@media (max-width: 767px) {
	#secondary .widget-title,
	#secondary .widget > ul,
	#secondary .media-sidebar-box {
		padding: 15px;
	}
}
.authorbio,
#author-socials {
	margin-bottom: 30px;
}

#author-socials h2.h3 {
	font-size: 18px;
	line-height: 28px;
	color: #1c3d72;
}

#author-socials .auth-social i {
	margin-right: 15px;
}

.pagetitle-newsmeta {
	font-size: 20px;
	letter-spacing: 0.02em;
}

.pagetitle-newsmeta-auth {
	margin-bottom: 30px;
}
.pagetitle-newsmeta-auth a {
	text-decoration: underline;
}
.pagetitle-newsmeta-auth .meta-author {
	margin-right: 10px;
}
.pagetitle-newsmeta-auth .meta-cats {
	margin-left: 10px;
}

@media (max-width: 767px) {
	.page-header {
    margin-bottom: 0px;
}
.page-header .page-header-inner {
    padding-top: 30px;
    padding-bottom: 30px; 
    min-height: auto;
}

h1 {
    font-size: 24px;
}

span.pagetitle-sub {
    font-size: 16px;
}

#breadcrumbs {
    display: none;
}
}

#boilerplate {
	background-color: #081935;
	padding: 30px;
	margin-bottom: 60px;	
}

#boilerplate h2 {
	color: #fff;
	font-weight: 400;
	font-size: 18px;
	line-height: 28px;
	letter-spacing: 0;
}

#boilerplate .boilerplate-content, 
#boilerplate .boilerplate-content p {
	font-size: 14px;
	line-height: 24px;
	color: #fff;
	letter-spacing: 0;
}

.rel-media {
	background-color: #c0d8d7;
	padding: 30px;
	margin-bottom: 45px;
}
.rel-media .media-content-box + .media-content-box {
	margin-top: 15px;
}

.rel-media h2 {
	color: #1c3d72;
	font-weight: 400;
	font-size: 18px;
	line-height: 28px;
	letter-spacing: 0;
	
}



.pt_catbox {
	position: relative;
	clear: both;
	margin-bottom: 30px;
	overflow: hidden;
	background-color: #1c3d72;
	color: #ffffff;
}

.pt_catbox .pt_catbox-title::after {
	content: '\f054';
	position: absolute;
	right: 30px;
	font-family: 'FontAwesome';
}

.pt_catbox-link {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	display: block;
}

.pt_catbox-image-container {
	overflow: hidden;
	width: 25%;
	height: 90px;
	display: inline-block;
	vertical-align: middle;
	background-position: center;
	background-size: cover;
	opacity: 1;
} 

.pt_catbox-title {
	padding: 0 60px 0 30px;
	display: inline-block;
	vertical-align: middle;
	font-size: 18px;
	font-weight: 300;
	letter-spacing: 0.02em;
	line-height: 18px;
}

.pt_catbox:hover {
	background-color: #f67d20;
}
.pt_catbox:hover .pt_catbox-image-container {
	opacity: 0.7;
}

@media (max-width: 550px) {
	.pt_catbox-image-container {
		width: 20%;
		height: 60px;
	}
}

@media (max-width: 420px) {
	.pt_catbox-image-container {
		display: none;
	}
	.pt_catbox-title {
		padding-top: 15px;
		padding-bottom: 15px;
	}

	.pt_catbox {
		margin-bottom: 20px;
	}
}


.pt_kennisbox {
	margin-bottom: 60px;
	box-shadow: 0 18px 45px rgba(0,0,0,0.05);	
}

.pt_kennisbox-title {
	background-color: #081935;
	padding: 30px;
}

.pt_kennisbox-title > h2 {
	margin-bottom: 0;
	color: #fff;
}

.pt_kennislinks {
	margin-bottom: 0;
	display: flex;
	flex-wrap: wrap;
}
@media (min-width: 768px) {
	.pt_kennislink {
		display: inline-block;
		padding: 15px 30px;
	}
}
@media (min-width: 768px) and (max-width: 991px) {
	.pt_kennislink {
		padding: 15px;
	}
	.pt_kennisbox-title {
		padding: 15px;
	}
}

@media (min-width: 768px) {
	.pt_kennislink-title {
		width: 30%;
/* 		border-right: 1px solid #1c3d72; */
	}
	
	.pt_kennislink-description {
		width: 70%;
	}

	.vc_col-sm-6 .pt_kennislink-title {
		width: 40%;
	}

	.vc_col-sm-6 .pt_kennislink-description {
		width: 60%;
	}

	dd ~ .pt_kennislink {
/* 		border-top: 1px solid #1c3d72; */
	} 
}
.pt_kennislink:nth-of-type(even) {
	background-color: #c0d8d7;
}

@media (max-width: 767px) {
	.pt_kennisbox-title {
		padding: 30px 15px;
	}
	.pt_kennislink {
		padding-left: 15px;
		padding-right: 15px;
	}
	.pt_kennislink-title {
		padding-top: 15px;
/* 		border-top: 1px solid; */
	}
	.pt_kennislink-description {
		padding-bottom: 15px;
	}
}
.point-quoteblock {
	overflow: hidden;
}
.point-quoteblock .quoteblock-left {
	width: 25%;
	float: left;
}
.point-quoteblock .point-quoteblock-image {
	overflow: hidden;
	height: 90px;
}
.point-quoteblock .point-quoteblock-image > img {
	max-width: 100%;
	max-height: 100%;
	width: auto !important;
	height: auto !important;
}

.point-quoteblock .point-quoteblock-content {
	float: left;
	width: 75%;
	padding-left: 30px;
	padding-right: 30px;
}

.quoteblock-quote {
	font-size: 14px;
	line-height: 24px;
	margin-bottom: 15px;
}

.twitshare {
	margin-top: 15px;
	text-align: right;
}

@media (max-width: 600px) {
	.point-quoteblock .point-quoteblock-content {
		float: none;
		width: 100%;
		padding-left: 0;
		padding-right: 0;
	}

	.point-quoteblock .quoteblock-left {
		float: none;
		width: 100%;
		overflow: hidden;
		padding-bottom: 15px;
	}

	.point-quoteblock .point-quoteblock-image {
		float: none;
		display: inline-block;
		margin-right: 15px;
	}

	.twitshare {
		float: none;
		text-align: left;
		display: inline-block;
		vertical-align: bottom;
		margin-top: 0;
	}

	.twitshare > iframe {
		margin-bottom: 0 !important;
	}

}


ul.search-result-breadcrumb {
	list-style: none;
	padding-left: 0;
	margin-bottom: 0;
}

.search-result-breadcrumb > li {
	display: inline;
	padding: 0;
	margin: 0;
}

.search-result-breadcrumb > li .arrow-breadcrumb::before {
	content: '/'; 
	font-style: normal;
	margin-left: 5px;
	margin-right: 5px; 
}

.search-result-breadcrumb > li a {
	text-decoration: none;
}
.search-result-breadcrumb > li a,
.search-result-breadcrumb > li {
	color: #081935;
	font-size: 14px;
	letter-spacing: 0.02em;
}
.search-result-breadcrumb > li a:hover {
	text-decoration: underline;
}
.search h2.entry-title {
	font-size: 18px;
	line-height: 28px;
	margin-bottom: 0;
	letter-spacing: 0.02em;
	font-weight: 700;
}
.search h2.entry-title > a {
}

.search article {
	margin-bottom: 45px;
}

.search .entry-summary {
	font-size: 14px;
	line-height: 24px;
	color: #1c3d72;
}

.error404 .pt_text_intro {
	margin-top: 30px;
	margin-bottom: 60px;
}

.gform_wrapper h2.title-in-form {
	color: #1c3d72;
	font-size: 18px;
	line-height: 28px;
	font-weight: 700;
	letter-spacing: 0;
}

body .gform_wrapper li.gfield.field_description_below+li.gsection {
	margin-top: 30px !important;
	padding-bottom: 30px;
}
body .gform_wrapper li.gfield.field_description_below+li.gsection h2 {
	color: #1c3d72;
	font-size: 18px;
	line-height: 28px;
	font-weight: 700;
	letter-spacing: 0;
	margin: 0;	
}

.togcoll .morep-more,
.togcoll .moretog {
	display: none;
}

.morehyph {
	display:  none;
}
.togcoll .morehyph {
	display:  inline;
}
.togmore-container {

}
.togmore-container-text {
	text-decoration: underline; 
		cursor: pointer;
}

.opsomming-vinkje ul {
	list-style: url('media/list-check.png');
}
.page-content .search-form {
	background-color: #fff;
	border: 1px solid;
	padding: 8px 15px 8px;
	position: relative;
	max-width: 400px;
}
.page-content .search-form input {
	background-color: transparent;
	border: 0 none;
	box-shadow: none, inset none;
	outline: none;
	color: #1c3d72;
	padding: 0 !important;
	line-height: 1 !important;
	font-size: 18px !important;
}
.page-content .search-form input[type="submit"] {
	position: absolute;
	right: 12px;
	top: 12px;
}

.page-content .search-form ::placeholder {
	color: #1c3d72 !important;
	font-size: 18px !important;
	font-style: normal !important;
	font-weight: 400 !important;
	letter-spacing: 0 !important; 
	text-transform: none;
}

.pointshare-sharebar {
	margin-bottom: 45px;
	padding-bottom: 30px;
	border-bottom: 1px solid #bac6c6;
}

.pointshare-items {
	margin-left: -8px;
	margin-right: -8px;
}

.pointshare-items > .pointshare-item {
	padding: 0 8px;
}

.gform_wrapper.gf_browser_ie .gform_footer input.button {
	padding:  7px 15px !important;
}

html body .ui-datepicker-title select {
	margin-top: 2px;
	padding: 7px 15px !important;
	margin-bottom: 2px;
	background-color: #fff;
	box-shadow: inset 0px 0px 10px rgba(0,0,0,0.7);
	border: 1px solid #666;
}

html body .ui-datepicker-header {
	padding-top: 8px;
	padding-bottom: 8px;
}

#primary img {
    max-width: 100%;
    height: auto;
}

.cookie-bar {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    box-shadow: 0 0 1px 4px rgba(0,0,0,0.8);
    z-index: 99;
}

.cookie-inner {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1em;
}

.cookie-inner p {
    margin: 10px;
    color: #ffffff;
}

.cookie-inner a {
    color: #f67d20;
}

.opt-out {
    display: flex;
    justify-content: center;
    align-items: center;
}

.cookie-inner label {
    margin: 10px;
    color: #f67d20;
    font-weight: 400;
    word-break: break-word;
    -webkit-hyphens: manual;
    -ms-hyphens: manual;
    hyphens: manual;
}

.cookie-inner label:hover {
    cursor: pointer;
}

.cookie-inner .btn.btn-primary {
    margin: 10px 20px !important;
}

@media only screen and (max-width: 768px) {
    .cookie-inner {
        flex-direction: column;
        text-align: center;
    }
}

.navbar-right .wpml-ls {
    display: inline-block;
    padding: 15px 0;
}

.navbar-right .wpml-ls ul {
    display: flex;
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.navbar-right .wpml-ls li {
    margin-left: 5px;
}

.wpml-ls-flag {
	width: auto !important;
    height: 20px !important;
    border: 1px solid #c7c5c3;
}

#kennissessie .cookie-bar {
	display: none;
}

#kennissessie {}

#kennissessie .gform_wrapper {
	margin: 0;
	padding: 0;
	border: 0;
}

#kennissessie input[type="text"], 
#kennissessie input[type="email"],
#kennissessie input[type="url"],
#kennissessie input[type="tel"],
#kennissessie input[type="number"],
#kennissessie textarea,
#kennissessie select {
	padding: 10px !important;
	border: 1px solid #f18f01 !important;
	background-color: #fff !important;
	font-size: 16px !important;
	line-height: 1;
}

#kennissessie form label,
#kennissessie .gform_wrapper form label.gfield_label {
	font-size: 16px !important;
	font-weight: 600 !important;
}

#kennissessie .gfield_consent_label {
	padding-left: 15px;
	font-size: 16px !important;
	font-weight: 400 !important;
}

#kennissessie .btn, 
#kennissessie .gform_button,
#kennissessie button[type="button"],
#kennissessie input[type="submit"],
#kennissessie .button, .btn.btn-primary {
	margin: 0;
	padding: 10px 24px !important; 
	font-size: 18px !important;
}

#kennissessie ul.gfield_radio {
	display: flex;
}

#kennissessie ul.gfield_radio li {
	margin-right: 15px;
}

body#kennissessie .gform_wrapper ul li.gfield {
	margin: 0 0 15px !important;
}

#kennissessie .name_first label,
#kennissessie .name_last label {
	font-size: 14px !important;
	color: #666;
}

#kennissessie .gform_wrapper .top_label div.ginput_container_consent {
	display: flex;
}

#kennissessie section {
	padding: 0;
}

#kennissessie .vc_column_container > .vc_column-inner {
	padding: 0 !important
}

@media ( max-width: 641px ) {
	#kennissessie .gform_wrapper ul.gfield_checkbox li label, 
	#kennissessie .gform_wrapper ul.gfield_radio li label {
		width: unset; 
	}
}

.pardot {
    padding: 30px;
	border: 3px solid #c0d8d7 !important;
}

.vc_wp_search > .widget_search {
	display: inline-block;
}

.vc_wp_search .search-form {
	background-color: #ffffff;
	border: 1px solid;
	padding: 8px 15px 8px;
}

.vc_wp_search .search-form input {
	background-color: transparent;
	border: 0 none;
	box-shadow: none, inset none;
	outline: none;
	color: #1c3d72;
	padding: 0 !important;
	line-height: 1 !important;
	font-size: 14px !important;
}

.vc_wp_search .search-form ::placeholder {
	color: #1c3d72 !important;
	font-size: 14px !important;
	font-style: normal !important;
	font-weight: 400 !important;
	letter-spacing: 0 !important;
}

.login-button-container .btn-primary.btn-head-search {
	background: transparent !important;
	border-color: transparent !important;
	color: #1c3d72;
}

.login-button-container .btn-primary.btn-head-search:focus {
	box-shadow: none !important;
	color: #f18f01;
}

.login-button-container .btn-primary.btn-head-search:hover {
	box-shadow: none !important;
	color: #f18f01;
}
