/*
	Theme Name: JijOnline Theme
	Theme URI: https://jijonline.nu/
	Template: vantage
	Author: JijOnline
	Author URI: https://jijonline.nu/
	Description: Dit is het thema voor de JijOnline site.
	Tags: Bla bla, bla bla bla.
	Version: 2.2.05
*/

/* FONTS */

h1, h2, h3, h4, h5, h6, .btn, button, input[type="submit"],
.entry-main ul,
.entry-main ol li:before,
.entry-main ul,
body .main-navigation,
body .main-navigation a,
body .mobile-nav-frame,
body .mobile-nav-frame body .title h3,
.video-grid p,
body .entry-content .sow-accordion .sow-accordion-panel .sow-accordion-panel-header .sow-accordion-title {
	font-family: AvenirLTStd-Black !important;
	font-weight: normal !important;
	font-style: normal;
}

/* THEME RESET */

#masthead { padding: 0; }
.main-navigation { margin: 0; }
.panel-row-style { margin: 0; padding: inherit; }
.widget { margin: initial; }
#page-title a { font-weight: inherit; }
.sow-accordion *:focus { outline: none !important; }
.aligncenter { clear: inherit; }
.alignnone, .aligncenter { margin-bottom: 0; }

/* ALGEMEEN */

body {
    font-size: 18px;
}

h1 { font-size: 48px; }
h2 { font-size: 48px; }
h3 { font-size: 36px; }
h4 { font-size: 24px; }
h5 { font-size: 20px; }
h6 { font-size: 18px; }

div,
article {
	box-sizing: border-box;
}

ul, ol,
.entry-content > ul,.entry-content > ol {
    margin: 30px 0;
}

a,
a[href^="tel"],
input[type="submit"] {
	text-decoration: none;
	-webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
a, a[href^="tel"] { color: #00d3a7; }
a:hover { color: #000; }
a:focus { outline: none; }
p:empty { display: none; }

article.post .entry-header h1.entry-title,
h1, .entry-main h1,
h2, .entry-main h2,
h3, .entry-main h3,
h4, .entry-main h4,
h5, .entry-main h5,
h6, .entry-main h6 {	
	line-height: 1.25em;
	margin-bottom: 20px;
	margin-top: 0;
}

.entry-main .text-light h1,
.entry-main .text-light h2,
.entry-main .text-light h3,
.entry-main .text-light h4,
.entry-main .text-light h5,
.entry-main .text-light h6,
.entry-main .text-light p,
.entry-main .text-light a,
.entry-main .text-light a:visited,
.entry-main .text-light {
    color:#fff;
}

img { -ms-interpolation-mode: nearest-neighbor; }

em { /*color: #00d3a7;*/ margin-right: 2px; }
.bold { font-weight: bold; }

.entry-main h1.entry-title > a,
.entry-main h2.entry-title > a,
.entry-main h3.entry-title > a,
.entry-main h4.entry-title > a,
.entry-main h5.entry-title > a,
.entry-main h6.entry-title > a {
    color: #000;
}

body, body .entry-main, body .entry-content { line-height: 1.5em; }

p,
.entry-main p,
.entry-main > ul,
.entry-main > ol,
.entry-main > li,
.entry-main > dl,
.entry-main pre,
.entry-main code,
.entry-main blockquote {
    margin: 30px 0;
}

.entry-content blockquote {
    font-size: 1.2em;
    line-height: 1.5em;
    margin-left: 0;
    border-left: 0;
    background-color: #f2f2f2;
    padding: 50px;
}
.entry-content blockquote p:first-child { margin-top: 0; }
.entry-content blockquote p:last-child { margin-bottom: 0; }

.entry-main ul {
    list-style-type: none;
}

.entry-main ul li {
    position: relative;
    margin-left: 0;
    padding-left: 35px;
    line-height: 1.5em;
    letter-spacing: -0.1px;
}
.entry-main ol li:not(:last-child),
.entry-main ul li:not(:last-child) { margin-bottom: 15px; }

.entry-main ul li:before {
    content: "";
    position: absolute;
    background-image: url(images/JO_aan.png);
    background-repeat: no-repeat;
    background-position: 0 3px;
    background-size: contain;
    left: 0;
    top: 0;
    height: 100%;
    width: 28px;
}

.entry-main ol li {
	line-height: 1.5em;
}
.entry-main ol { list-style: none; counter-reset: jo-counter; }
.entry-main ol li { position: relative; margin-left: 0; padding-left: 1.5em; counter-increment: jo-counter; }
.entry-main ol li::before {
	content: counter(jo-counter) ".";
	position: absolute;
	color: #00d3a7;
	left: 0;
}


.entry-main table {
    border-bottom: inherit;
    border-collapse: inherit;
    border-spacing: inherit;
    font-size: inherit;
    line-height: inherit;
    margin: inherit;
}

li.hs-form-checkbox:before {
    display: none;
}
li.hs-form-checkbox {
	padding-left: 0 !important;
}
li.hs-form-checkbox label {
	padding-left: 15px;
}
.entry-main table td { vertical-align: middle; }

.entry-main .sow-accordion-panel-border > *:first-child,
.entry-main .textwidget > *:first-child { margin-top: 0; }
.entry-main .sow-accordion-panel-border > *:last-child,
.entry-main .textwidget > *:last-child { margin-bottom: 0; }

.m0 { margin-bottom: 0; }
.m30 { margin-bottom: 30px; }
.m50 { margin-bottom: 50px; }
.m100 { margin-bottom: 100px; }
h2.widget-title { margin-bottom: 50px; }

.p0 { padding-top: 0; padding-bottom: 0; }
.p30 { padding-top: 30px; padding-bottom: 30px; }
.p50 { padding-top: 50px; padding-bottom: 50px; }
.p100 { padding-top: 100px; padding-bottom: 100px; }

.hide { display: none !important; }

.offset,
#footer-widgets.offset {
    padding-left: 100px;
    padding-right: 100px;
    margin-left: -100px;
    margin-right: -100px;
}
.offtop50 { margin-top: -50px; }
.offtop100 { margin-top: -100px; }

.box {
	position: relative;
	display: block;
	overflow: auto;
    box-sizing: border-box;
    margin-bottom: 50px;
    padding: 50px 30px;
    width: 100%;
	background-color: #fff;
    -webkit-box-shadow: 0 0 25px rgba(0,0,0,0.25);
    -moz-box-shadow: 0 0 25px rgba(0,0,0,0.25);
    box-shadow: 0 0 25px rgba(0,0,0,0.25);
}
#hero .panel-grid-cell .box:last-child { margin-bottom: 0; }

.shadow img,
.shadow iframe {
    -webkit-box-shadow: 0 0 25px rgba(0,0,0,0.25);
    -moz-box-shadow: 0 0 25px rgba(0,0,0,0.25);
    box-shadow: 0 0 25px rgba(0,0,0,0.25);
}

.overlay { position: relative; }
.overlay > div { position: relative; z-index: 10; }

.overlay:before {
	content: "";
	position: absolute;
	z-index: 5;
	background-color: #fff;
	opacity: 0.9;
	top: 0; left: 0;
	height: 100%; width: 100%;
}

.entry-main ul.usps li {
	position: relative;
	padding-left: 25px !important;
}
.entry-main ul.usps li:before {
    content: "\f00c";
    font-family: 'FontAwesome';
    background: none !important;
    color: #00d3a7;
    position: absolute;
    left: 0;
}

del {
    text-decoration: none;
    background: linear-gradient(transparent 65%, #00d3a7 35%);
    padding: 3px 5px;
    margin: -3px -5px;
}

body.responsive.layout-full #page-wrapper .full-container { max-width: 1200px; }
.menu { text-transform: lowercase; }

.row {
    margin-left: -25px;
    margin-right: -25px;
}

.row:before,
.row:after {
	display: table;
	content: " ";
}

.row:after {
	clear: both;
}

#main { padding-top: 0; padding-bottom: 100px; padding-left: 30px; padding-right: 30px; }
#scroll-to-top { display: none; }

.hide-desk { display: none; }

/* HEADER */

#masthead.masthead-logo-in-menu .logo {
    padding: 18px 0 12px 0 !important;
    margin: 0 !important;
}
#masthead.masthead-logo-in-menu .logo > img { max-height: 50px; }

.main-navigation {
    padding-left: 30px;
    padding-right: 30px;
}

.main-navigation ul li a {
    line-height: 20px;
}

.main-navigation ul.menu > li:last-child > a {
    padding-right: 0;
}

.main-navigation ul ul a {
    width: 250px;
    padding: 15px 25px !important;
	text-align: center;
}

.main-navigation ul ul {
	margin-left: -125px;
    left: 50%;
	padding: 20px 0;
    -webkit-box-shadow: 0 0 25px rgba(0,0,0,0.25);
    -moz-box-shadow: 0 0 25px rgba(0,0,0,0.25);
    box-shadow: 0 0 25px rgba(0,0,0,0.25);
}

.main-navigation ul li:hover > a,
.main-navigation ul li.focus > a,
.main-navigation ul ul li:hover > a,
.main-navigation ul ul li.focus > a {
  background: inherit;
  color: inherit;
}

.main-navigation.sticky {
    -webkit-transition: all 500ms;
    transition: all 500ms;
    -webkit-box-shadow: 0 0 25px rgba(0,0,0,0.25);
    -moz-box-shadow: 0 0 25px rgba(0,0,0,0.25);
    box-shadow: 0 0 25px rgba(0,0,0,0.25);
}
.main-navigation.sticky:after { display: none !important; }
ul.menu li.current_page_item a { color: #00d3a7; }

/* Menu cta */
.main-navigation ul .menu-btn a,
.main-navigation ul .menu-btn a:active {
    padding-top: 11px;
    padding-bottom: 11px;
    padding-right: 18px !important;
    padding-left: 18px;
    line-height: 20px;
    color: #fff;
    background-color: #00d3a7 !important;
    border: 2px solid #00d3a7;
    border-radius: 50px;
    margin-left: 25px;
}
.main-navigation ul .menu-btn a:hover {
    color: #00d3a7;
    background-color: #fff !important;
}

/* XMAS */

.main-navigation ul.menu li.xmas { 
	padding-left: 20px; 
	padding-right: 20px;
}
.mobile-nav-frame ul li.xmas a,
.main-navigation ul.menu li.xmas a {
    position: relative;
    box-shadow: inset 0 0 0 1px #e30613;
    -webkit-box-shadow: inset 0 0 0 1px #e30613;
    -moz-box-shadow: inset 0 0 0 1px #e30613;
	border-radius: 30px;
    color: #e30613;
    width: 210px;
}
.main-navigation ul.menu li.xmas a { margin-top: 10px; }
.mobile-nav-frame ul li.xmas a {
    padding: 10px 30px;
    text-align: center;
    margin-right: 0 !important;
    width: auto;
	color: #e30613 !important;
}
.main-navigation ul.menu li.xmas a:hover {
	background-color: #e30613;
    color: #fff;
}
.mobile-nav-frame ul li.xmas a:before,
.main-navigation ul.menu li.xmas a:before {
    content: "";
    background-image: url(images/hat.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    position: absolute;
    height: 40px;
    width: 40px;
    left: -11px;
    top: -12px;
}

/* BUTTONS */

.btn,
body .wpca-btn,
.entry-main .btn,
input[type="submit"] {
	font-size: inherit;
	cursor: pointer;
    display: inline-block;
    line-height: 20px;
    padding: 13px 30px;
    color: #fff !important;
    background-color: #00d3a7;
    border: 2px solid #00d3a7 !important;
    border-radius: 50px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
.btn.off { cursor: no-drop; }

.btn.line,
.entry-main .btn.line {
    color: #00d3a7 !important;
    background-color: transparent;
    border: 2px solid #00d3a7 !important;
}

.btn:hover,
body .wpca-btn:hover,
.entry-main .btn:hover,
input[type="submit"]:hover {
    color: #00d3a7 !important;
    background-color: transparent !important;
}

.btn.line:hover,
.entry-main .btn.line:hover {
    color: #fff !important;
    background-color: #00d3a7 !important;
}

p .btn:not(:last-child) { margin-right: 20px; }
.btn:focus, input[type="submit"]:focus { opacity: 1; outline: none; }

button.alm-load-more-btn.more.btn {
	display: block;
    color: #00d3a7;
    border: 2px solid #00d3a7;
	margin: 0 auto 100px auto;
}
button.alm-load-more-btn.btn.done { display: none !important; }

#wpca-bar-meta .wpca-btn-accept,
#wpca-bar-meta .wpca-btn-decline {
    margin-right: 0;
}
#wpca-bar-meta .wpca-btn-decline {
	margin-left: 15px;
	background-color: #d30000;
	border-color: #d30000 !important;
}
#wpca-bar-meta .wpca-btn-decline:hover { color: #d30000 !important; }

/* FILTER MENU */

.entry-main .filters .menu { margin-bottom: 0; }
.entry-main .filters .menu li {
    display: inline-block;
    float: left;
    padding: 0;
    margin-bottom: 0;
}
.filters .menu li:before { display: none; }
.filters .menu li:not(:last-child) { margin-right: 20px; }
.filters .menu li a {
    cursor: pointer;
    display: inline-block;
    line-height: 20px;
    padding: 13px 30px;
    color: #fff;
    background-color: #00d3a7;
    border: 2px solid #00d3a7;
    border-radius: 50px;
}
.filters .menu li a:hover {
    color: #00d3a7;
    background-color: transparent;
}
.filters ul.menu li.current_page_item a {
    color: #fff;
    background-color: #000;
    border-color: #000;
}

/* HOME */

.home #main { padding-bottom: 0; }

#hero {
    background-repeat: no-repeat !important;
    background-size: 40%;
    background-position: right -25% center;
}

#hero .panel-grid-cell-empty:last-child {
    width: calc(33.3% - ( 0.667 * 50px ) );
}

#hero .img-persoon {
    background-repeat: no-repeat !important;
    background-position: bottom center;
    background-size: contain;
    height: calc(100% + 150px);
    margin-top: -50px;
}
.sebas-img { background-image: url('../../uploads/2019/06/sebastian-optimized.png') !important; }
.chris-img { background-image: url('../../uploads/2019/06/chris-optimized.png') !important; }

#services img {
    max-height: 75px;
    width: auto;
    margin: 0 auto !important;
}

#services h3 {
    font-size: 24px;
    text-align: center;
}

#services .btn {
    margin: 0 auto !important;
}

#services .box {
    position: relative;
    margin-bottom: 0;
    padding-bottom: 100px;
}
#services .btn {
    margin: 0 auto !important;
    position: absolute;
    bottom: 50px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

#services.groen .box {
    background-color: #00d3a7;
	padding-bottom: 50px;
}
#services.groen h3 {
    font-size: 30px;
    text-align: left;
    line-height: 75px;
}
#services.groen h3 img {
    padding-right: 15px;
    float: left;
}

/* Groeimodel */
.groeimodel {
    position: relative;
    padding: 100px 100px 150px 100px;
    margin-left: -100px;
    margin-right: -100px;
}
.groeimodel > .panel-grid-cell { position: relative; }
.groeimodel > .panel-grid-cell:before,
.groeimodel > .panel-grid-cell:after {
    font-family: AvenirLTStd-Book !important;
	display: block;
    background-image: url(images/model-arrow-right.svg);
    background-size: 1500px;
    background-repeat: no-repeat;
    position: absolute;
    text-align: center;
    height: 50px;
}
.groeimodel > .panel-grid-cell:before {
    content: "groei";
    line-height: 30px;
    background-position: right bottom 10px;
    left: -50px;
    top: 100%;
    width: 53%;
    transform: rotate(-90deg);
    transform-origin: 0 0;
}
.groeimodel > .panel-grid-cell:after {
    content: "tijd";
    line-height: 70px;
    background-position: right top 10px;
    left: 0;
    bottom: -50px;
    width: 100%;
}

#partner h3 {
    font-size: 24px;
}

#partner img {
    max-height: 75px;
    width: auto;
	margin-bottom: 20px;
}

#partner table {
    width: calc(100% + 60px);
    margin-left: -30px;
    margin-right: -30px;
}

#partner table td:first-child {
    width: 33.3%;
    text-align: center;
    padding-left: 30px;
    padding-right: 25px;
}

#partner table td:last-child {
    width: 66.7%;
    padding-left: 25px;
    padding-right: 30px;
}

#partner .btn {
    margin: 0;
}

#partner ul li {
    float: left;
    margin-right: 15px;
}

#partner .box {
    margin-bottom: 0;
}

p.naam,
p.klantnaam {
    font-size: 20px;
    margin-bottom: 5px;
    font-weight: 700;
    color: #00d3a7;
}
p.functie {
    font-family: AvenirLTStd-Book !important;
    font-size: 14px;
    line-height: 1.25em;
    margin-top: 0;
}
p.links {
	font-size: 20px;
    margin-bottom: 5px;
    font-weight: 700;
}

#cases h2.widget-title { margin-bottom: 50px; }
#cases h3.entry-title { margin-bottom: 0; }
#cases header.entry-header { margin-bottom: 0; }
#cases .entry-thumbnail { margin-bottom: 30px; }
#cases .entry-thumbnail a { display: block; }

.case-full {
    position: relative;
    display: flex;
	-ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -100px;
    margin-right: -100px;
}

.case-img-full {
    position: absolute;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    z-index: 5;
    height: 100%;
    width: calc( 66.7% - 50px );
}

.case-full .entry-content {
    position: relative;
    background-color: #fff;
    padding: 50px 100px 50px 50px;
    box-sizing: border-box;
    z-index: 10;
    width: 50%;
    margin-left: 50%;
    margin-right: 0;
    margin-top: 100px;
    margin-bottom: 100px;
}

.row article.case,
.row article.type-post {
	width: 33.3%;
	padding: 0 25px;
	float: left;
    padding-bottom: 0;
    border-bottom: 0;
}
.row article.case:not(:first-child),
.row article.type-post {
    margin-bottom: 0;
}

.row:not(.related) article.case:first-child {
	width: 100%;
}

#stories h4.entry-title {
    height: 3.75em;
}

#stories .type-post .entry-content {
    padding: 50px 30px;
}

#stories .entry-main {
    -webkit-box-shadow: 0 0 25px rgba(0,0,0,0.25);
    -moz-box-shadow: 0 0 25px rgba(0,0,0,0.25);
    box-shadow: 0 0 25px rgba(0,0,0,0.25);
}

.post-img {
    min-height: 300px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: #f2f2f2;
}

/* Resultaten */
.row.resultaten:not(.related) article.case { width: 50%; }
.row.resultaten:not(.related) article.case .case-img-half {
    padding-top: 80%;
    background-size: cover;
    background-position: center;
}
.row.resultaten:not(.related) article.case:first-child .case-img-half { margin-left: -100px; }
.row.resultaten:not(.related) article.case:last-child .case-img-half { margin-right: -100px; }
.row.resultaten:not(.related) article.case .case-half .entry-content {
    background-color: #fff;
    padding-top: 50px;
}
.row.resultaten:not(.related) article.case:first-child .case-half .entry-content { padding-left: 50px; }
.row.resultaten:not(.related) article.case:last-child .case-half .entry-content { padding-right: 50px; }
.row.resultaten .case-half .entry-content p:not(.klantnaam) {
    height: 6em;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    display: -webkit-box;
}

/* PAGINA TITEL */

header.entry-header.page-title {
	margin-bottom: 50px;
    background-color: #f2f2f2;
}
header.entry-header.page-title > .title-content { max-width: calc(66.7% - ( 0.3 * 50px ) ); }
header.entry-header.page-title > .title-content *:last-child { margin-bottom: 0; }
body #page-wrapper .chris-boek img { margin: 0 auto; max-width: 90%; }

/* PAGINA */

.widget h2.widget-title { margin-bottom: 20px; }

/* Pagina gewoon */

article.page,
article.post {
    margin-bottom: 50px;
    padding-bottom: 0;
    border-bottom: 0;
}

.single-case:not(.siteorigin-panels) .slim .entry-content,
.single-content-container.slim .entry-content,
.site-content.slim .entry-content,
.slim .cta-content,
.slim .case-hero,
.slim .title-content {
    max-width: calc(66.7% - ( 0.3 * 50px ) );
    margin: 0 auto;
}
.single-case:not(.siteorigin-panels) .slim .entry-content { padding-top: 50px; padding-bottom: 50px; }

.slim .p100.page-title {
    padding-bottom: 50px;
}

.cta h3 { font-size: 36px; }
.cta { background-color: #00d3a7; }
.cta *:last-child { margin-bottom: 0; }

.cta-form {
    max-width: calc(66.7% - ( 0.3 * 50px ) );
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
}

/* Content sectie small */
.slim.panel-row-style .widget {
    max-width: calc(66.7% - ( 0.3 * 50px ) );
    margin-left: auto;
    margin-right: auto;
}

/* Content secties links en rechts */
.content-l,
.content-r {
	position: relative;
    margin-left: -100px;
    margin-right: -100px;
}

.content-l .panel-grid-cell-empty .panel-cell-style,
.content-r .panel-grid-cell-empty .panel-cell-style {
    width: calc(66.7% - 50px);
    height: 100%;
    position: absolute;
    z-index: 5;
    background-repeat: no-repeat !important;
    background-size: cover;
    background-position: center;
}
.content-l .panel-grid-cell-empty .panel-cell-style { top: 0; right: 0; }
.content-r .panel-grid-cell-empty .panel-cell-style { top: 0; left: 0; }

.content-l .widget,
.content-r .widget {
    margin-top: 100px;
    margin-bottom: 100px !important;
    background-color: #fff;
    z-index: 10;
    position: relative;
}
.content-l .widget {
    margin-right: -25px;
    padding: 50px 50px 50px 100px;
}
.content-l .panel-grid-cell-empty .panel-cell-style.infograph {
    background-size: 60%;
    background-position: right 100px center;
}
.content-r .widget {
    margin-left: -25px;
    padding: 50px 100px 50px 50px;
}
.content-r .panel-grid-cell-empty .panel-cell-style.infograph {
    background-size: 60%;
    background-position: left 100px center;
}

/* Call to action sectie */
.cta h1, .cta h2, .cta h3, .cta h4, .cta h5, .cta h6, .cta p, .cta h2.widget-title { color: #fff; }
.cta a:not(.btn) { color: #fff !important; }
.cta a:not(.btn):hover { color: #000 !important; }

.cta .btn {
	color: #00d3a7 !important;
	background-color: #fff;
	border-color: #fff !important;
}
.cta .btn:hover { color:#fff !important; }

/* Partner sectie */
.partners { text-align: center; }
.partners h2.widget-title { font-size: 24px; }

.partners .panel-grid-cell {
	position: relative;
    padding: 50px 50px 130px 50px;
    background-color: #f2f2f2;
}

.partners img {
    position: absolute;
    max-height: 80px;
    max-width: 50%;
    width: auto;
    bottom: 50px;
    transform: translateX(-50%);
	left: 50%;
}

/* Link sectie */
.links img {
    max-height: 75px;
    width: auto;
    margin: 0 auto !important;
}

.links .box {
    position: relative;
    padding: 100px 30px 50px 30px;
    margin-bottom: 0;
}

.links h3 {
	font-size: 24px !important;
    text-align: center;
	position: absolute;
    padding: 50px 30px 0 30px;
    box-sizing: border-box;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin-bottom: 0;
}

.links h3 a:before {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
}

.links .box:hover {
    box-shadow: 0 0 25px rgba(0,0,0,0.35);
	-webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

/* Beeldsectie sectie */
.beeldsectie {
	background-color: #f2f2f2;
}

.beeldsectie .beeld {
    position: relative;
    margin-top: -100px;
    margin-bottom: -100px;
    margin-left: -100px;
    height: calc(100% + 200px) !important;
}

.beeldsectie .beeld:before {
    content: "";
	background: -moz-linear-gradient(left, rgba(242,242,242,0) 0%, rgba(242,242,242,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(242,242,242,0) 0%,rgba(242,242,242,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(242,242,242,0) 0%,rgba(242,242,242,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00f2f2f2', endColorstr='#f2f2f2',GradientType=1 ); /* IE6-9 */
    position: absolute;
    height: 100%;
    width: 30%;
    right: 0;
    top: 0;
}

.entry-main ul.contact-info li {
	position: relative;
    display: inline-block;
	margin-right: 50px;
	margin-bottom: 0;
}
.entry-main ul.contact-info li:last-child { margin-right: 0; }

.entry-main ul.contact-info li a:before {
	content: "";
	position: absolute;
	height: 100%;
	width: 100%;
	left: 0;
	top: 0;
}

.entry-main ul.contact-info li:before {
    font-family: fontawesome;
    text-align: center;
    display: inline-block;
    background: none;
	color: #00d3a7;
}
.entry-main ul.contact-info li:hover:before { color: #000; }

/* Neem contact op met sectie */
.contact-met {	
	display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: nowrap;
    -ms-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: stretch;
    align-items: stretch;
    background-color: #f2f2f2;
    background-image: url(../../uploads/2019/04/hero-visual.png);
	background-repeat: no-repeat !important;
    background-size: 52%; /* zo werkt dat nu eenmaal */
    background-position: left -100px center;
}

.contact-met .contact-image, .contact-met .contact-content {
    align-self: auto;
    width: 50%;
    width: calc(50% - ( 0.5 * 50px ) );
}

.contact-met .contact-persoon {
    background-repeat: no-repeat !important;
    background-position: bottom center;
    background-size: contain;
    height: calc(100% + 150px) !important;
    margin-top: -50px;
}

.entry-main ul.contact-info li.mail:before { content: "\f003"; }
.entry-main ul.contact-info li.phone:before { content: "\f095"; }
.entry-main ul.contact-info li.adres:before { content:"\f015"; }
.entry-main ul.contact-info li.bedrijf:before { content:"\f0b1"; }
.entry-main ul.contact-info li.linkedin:before { content:"\f0e1"; }

.entry-main ul.contact-info li.linkedin {
    width: 0;
    height: 2em;
    overflow: hidden;
    vertical-align: top;
}

.contact-met-alt { background-color: #f2f2f2; }
.contact-met-alt.offset:not(.alt) { padding-left: 0; }
.contact-met-alt.alt.offset { padding-right: 0; }
.contact-met-alt .so-widget-sow-image .sow-image-container {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 600px;
    overflow: hidden;
}
.contact-met-alt .so-widget-sow-image .sow-image-container img {
    min-width: 100%;
    min-height: 100%;
    object-fit: cover;
}

/* Contact sectie */
.contact .box { margin-bottom: 0; }
.contact .contact-info {
    padding: 50px 30px;
    background-color: #f2f2f2;
	color: #000;
}
.entry-main .contact .contact-info a,
.entry-main .contact .contact-info li:before { color: #000; }
.entry-main .contact .contact-info li:not(:last-child) { margin-bottom: 15px; }

.entry-main .contact ul.contact-info li {
    display: block;
    margin-right: 0;
	-webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.entry-main .contact .contact-info li:hover,
.entry-main .contact .contact-info li:hover a,
.entry-main .contact .contact-info li:hover:before { color: #00d3a7; }

/* Klantreactie sectie */
.klantreacties .panel-grid-cell {
    font-size: 16px;
    position: relative;
    background-color: #fff;
    color: #000;
    padding: 50px 30px 170px 30px;
    box-shadow: 0 0 25px rgb(0 0 0 / 25%);
}

.klantreacties p.klantnaam {
    color: #000;
}

.klantrecensies .naam {
    margin-top: 40px;
}

.klantrecensies img.round-img {
    border-radius: 50%;
    margin-right: 10px;
    margin-bottom: 0;
}

.klantreacties table img {
    margin-bottom: 0;
    display: block;
    max-width: 75px;
	border-radius: 50%;
}
.klantreacties table {
    position: absolute;
    width: calc(100% - 60px);
    left: 30px;
    bottom: 50px;
    border: 1px solid #00d3a7;
    padding: 20px;
    background-color: #fff;
    height: 120px;
}
.klantreacties > .panel-grid-cell i.fa-star { color: #00d3a7; }

/* Klantreactie single */
.klantreactie {
    background-color: #f2f2f2;
    font-size: 16px;
    padding: 50px;
}
.klantreactie > .panel-grid-cell:first-child {
    background-color: #fff;
    text-align: center;
    padding: 30px;
    margin-top: -100px;
    margin-bottom: -100px;
    -webkit-box-shadow: 0 0 25px rgb(0 0 0 / 25%);
    -moz-box-shadow: 0 0 25px rgba(0,0,0,0.25);
    box-shadow: 0 0 25px rgb(0 0 0 / 25%);
}
.klantreactie > .panel-grid-cell i.fa-star { color: #00d3a7; }
.klantreactie .widget_sow-image .sow-image-container { margin-bottom: 30px; }
.klantreactie .widget_sow-image .sow-image-container img { border-radius: 300px; }

/* Formulier sectie */
.form .box { margin-bottom: 0; }
.form h2.widget-title { text-align: center; }
.contact-info-form { font-size: 0.75em; line-height: 1.5em; }
.entry-content .contact-info-form a { color: #000; }
.contact-info-container {
    display: flex;
    flex-wrap: wrap;
    place-content: space-between;
}

/* Accordion form */
.acc-form h2.widget-title { text-align: center; }
.acc-form .sow-accordion-panel-header-container { text-align: center; }
.acc-form .sow-accordion-open-close-button { display: none; }
.acc-form .sow-accordion-panel-border { padding: 0 10px !important; margin-top: 20px; }
.acc-form .sow-accordion-title { width: auto !important; }
.acc-form .sow-accordion-panel { margin-bottom: 0 !important; }

.acc-form .sow-accordion-panel-header {
    font-family: AvenirLTStd-Black !important;
    font-weight: normal !important;
    font-style: normal;
    font-size: inherit;
    display: inline-block !important;
    line-height: 20px;
    padding: 13px 30px !important;
    color: #fff !important;
    background-color: #00d3a7;
    border: 2px solid #00d3a7 !important;
    border-radius: 50px;
}

/* Uitdaging */
.uitdaging .box { padding: 0; }
.entry-content .uitdaging h2 { font-size: 36px; line-height: 1em; }
.uitdaging .panel-layout .panel-row-style .panel-grid-cell:first-child { padding: 50px 0 50px 50px; }
.uitdaging .panel-layout .panel-row-style .panel-grid-cell:last-child {
    -webkit-box-shadow: 0 0 50px rgb(0 0 0 / 25%);
    -moz-box-shadow: 0 0 50px rgba(0,0,0,0.25);
    box-shadow: 0 0 50px rgb(0 0 0 / 25%);
}
body .entry-content .panel-row-style:not(.acc-form) .sow-accordion .sow-accordion-panel .sow-accordion-panel-header,
body .entry-content .panel-row-style:not(.acc-form) .sow-accordion .sow-accordion-panel .sow-accordion-panel-header:hover {
    background-color: transparent;
    color: #000;
    padding: 0;
}
.sow-accordion .sow-accordion-panel:not(:last-child) .sow-accordion-panel-header-container { margin-bottom: 10px; }
body .entry-content .sow-accordion .sow-accordion-panel { margin-bottom: 15px; }
body .entry-content .sow-accordion .sow-accordion-panel:last-child { margin-bottom: 0; }
body .entry-content .sow-accordion .sow-accordion-panel .sow-accordion-panel-content .sow-accordion-panel-border {
    padding: 0;
    background: transparent;
}
.uitdaging .sow-accordion-open-button,
.uitdaging .sow-accordion-close-button {
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;    width: 28px;
    height: 28px;
}
.uitdaging .sow-accordion-open-button { background-image: url(images/toggle-off.png); }
.uitdaging .sow-accordion-close-button { background-image: url(images/toggle-on.png); }

.sow-accordion-open-button span,
.sow-accordion-close-button span {
    display: none;
}
.so-widget-sow-accordion-default-99be652ed941 .sow-accordion .sow-accordion-panel:not(.sow-accordion-panel-open) > .sow-accordion-panel-header-container > .sow-accordion-panel-header .sow-accordion-close-button { display: none; }

/* Faq */
body .faq .widget_sow-accordion .so-widget-sow-accordion .sow-accordion .sow-accordion-panel .sow-accordion-panel-header,
body .faq .widget_sow-accordion .so-widget-sow-accordion .sow-accordion .sow-accordion-panel .sow-accordion-panel-header:hover {
    position: unset;
    background-color: #f2f2f2;
    flex-direction: row-reverse;
    color: #000;
    padding: 20px;
}
.faq .widget_sow-accordion .so-widget-sow-accordion .sow-accordion .sow-accordion-panel .sow-accordion-panel-header:hover { background-color: #f2f2f2; }
.faq .widget_sow-accordion .so-widget-sow-accordion .sow-accordion .sow-accordion-panel {
    position: relative;
    margin-bottom: 1em;
    background-color: #f2f2f2;
    padding-left: 50px;
}
.faq .widget_sow-accordion .so-widget-sow-accordion .sow-accordion .sow-accordion-panel:last-child { margin-bottom: 0; }
.faq .widget_sow-accordion .so-widget-sow-accordion .sow-accordion .sow-accordion-panel .sow-accordion-panel-content .sow-accordion-panel-border {
    background-color: #f2f2f2;
    padding: 0 20px 20px 20px;
}
.faq .sow-accordion-open-close-button {
    position: absolute;
    top: 0;
    left: 0;
    width: 50px;
    text-align: center;
    height: 100%;
    background-color: #00cea3;
    color: #fff;
}
.faq .sow-accordion-open-button,
.faq .sow-accordion-close-button {
    position: absolute;
    left: 0;
    top: 20px;
    font-size: 20px;
    width: 50px;
    height: 1.25em;
}
.faq .sow-accordion-open-button span,
.faq .sow-accordion-close-button span { display: inline-flex; }

/* Badge */
.badge { position: relative; }
.badge:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -15px;
    border-top: 10px solid #00d3a7;
    border-bottom: 15px solid transparent;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
}
.entry-main .badge p { margin: 0; }
.entry-main .badge img { max-height: 75px; width: auto; }
.entry-main .badge ul li { padding: 0; }
.entry-main .badge ul li:not(:last-child) { margin-bottom: 5px; }
/* .entry-main .badge ul li:before { display: none; } */
.badge .so-panel { height: 50%; }
.badge .so-panel:first-child { background-color: #00d3a7; }
.badge .so-panel:last-child { background-color: #f2f2f2; }
.badge .so-panel {
    height: 50%;
    padding: 30px;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
}
.badge .so-panel .panel-widget-style,
.badge .so-panel .so-widget-sow-editor.so-widget-sow-editor-base { margin: auto; }

/* Video grid */
.video-grid .panel-layout .panel-grid:not(:last-child) .panel-row-style {
    margin-bottom: 50px;
}

.video-grid p {
    margin: 0;
    line-height: 2em;
    background: #00d3a7;
    color: #fff;
    text-align: center;
}

	/* Overlay */
	.video-grid .sow-accordion-panel .sow-accordion-panel-content { 
		position: fixed;
		z-index: 9999;
		opacity: 0;
		left: 0; top: 0;
		width: 100%; height: 100% !important;
		background-color: transparent;
		transition: all 300ms !important;
	}
	.video-grid .sow-accordion-panel.sow-accordion-panel-open .sow-accordion-panel-content {
		opacity: 1;
		background-color: rgba(0,0,0,0.5);
	}
	
	/* Trigger open */
	.video-grid .panel-layout .panel-grid-cell { position:relative; }
	.video-grid .widget_sow-accordion {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	.video-grid .sow-accordion-panel-header-container {
		height: 100%;
		width: 100%;
		position: absolute;
		margin: 0 !important;
	}
	.video-grid .sow-accordion-panel-header {
		padding: 0 !important;
		color: transparent !important;
		height: 100%;
		width: 100%;
	}

	/* Trigger sluiten */
	.video-grid .sow-accordion-panel-open .sow-accordion-panel-header:after {
		content: "\f00d";
		font-family: 'FontAwesome';
		color: #fff;
		font-size: 40px;
		line-height: 1em;
		z-index: 99999;
		position: fixed;
		top: 50px;
		right: 50px;
	}

	/* Video */
	.video-grid .sow-accordion-panel .sow-accordion-panel-content { opacity: 0; }
	.video-grid .sow-accordion-panel .sow-accordion-panel-border {
		padding: 0 !important;
		position: relative;
		top: 50%;
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
		max-width: 1000px;
		margin: auto;
	}
	.video-grid .mejs-mediaelement {
		z-index: 0;
		position: relative;
		padding-bottom: 56.25%;
		height: 0;
		overflow: hidden;
	}
	.video-grid mediaelementwrapper {
		position: absolute;
		height: 100%;
		width: 100%;
		overflow: hidden;
	}
	.video-grid .wp-video,
	.video-grid .mejs-container,
	.video-grid .wp-video-shortcode video,
	.video-grid video.wp-video-shortcode { 
		width: 100% !important;
		height: 100% !important;
	}

/* Prijs sectie */
.prijstabel h2 {
    text-align: center;
    margin-bottom: 50px;
}

.prijstabel table ul { margin: 0; }
.prijstabel table ul li { padding: 0; line-height: 1em;}

.prijstabel ul li:before {
    content: "\f00c";
    font-family: 'FontAwesome';
    position: relative;
    background: none !important;
}

.prijstabel table tr:nth-child(odd) td { background-color: transparent; }
.prijstabel table tr:nth-child(even) td { background-color: #f2f2f2; }

.prijstabel table { width: 100%; }

.prijstabel table tr th,
.prijstabel table tr td { vertical-align: middle; line-height: 24px; }

.prijstabel table tr th { padding: 13px 20px; }
.prijstabel table tr td { padding: 8px 20px; }

.prijstabel table tr th {
	font-family: AvenirLTStd-Black !important;
    font-weight: normal !important;
    font-style: normal;
    font-size: 20px;
}

.prijstabel table tr > th:first-child,
.prijstabel table tr > td:first-child { width: 50%; }
.prijstabel table tr > th:not(:first-child),
.prijstabel table tr > td:not(:first-child) { width: 16.6%; }

.prijstabel table tr th {
    background-color: #000;
    color: #fff;
	text-align: center;
}

.prijstabel table tr > th:first-child {
    color: black;
    text-align: left;
}

.prijstabel table tr th:nth-child(1) { background-color: transparent; }
.prijstabel table tr td:not(:first-child) { text-align: center; }

.prijstabel.uitgelicht1 table tr th:nth-child(2) { background-color: #00d3a7; }
.prijstabel.uitgelicht2 table tr th:nth-child(3) { background-color: #00d3a7; }
.prijstabel.uitgelicht3 table tr th:nth-child(4) { background-color: #00d3a7; }
.prijstabel.uitgelicht1 table tr td:nth-child(2) { color: #00d3a7; }
.prijstabel.uitgelicht2 table tr td:nth-child(3) { color: #00d3a7; }
.prijstabel.uitgelicht3 table tr td:nth-child(4) { color: #00d3a7; }

p.note {
    padding: 50px 30px;
    background-color: #f2f2f2;
}

/* Box content sectie */
.box-r,
.box-l { position: relative; }
.box-r .box,
.box-l .box { margin-bottom: 0; }
.box-r > div,
.box-l > div { position: relative; z-index: 10; }

.box-r:before,
.box-l:before {
    content: "";
    background-color: #f2f2f2;
    position: absolute;
    top: 0;
    height: 100%;
    z-index: 5;
    width: calc(66.7% - 50px);
}
.box-r:before { left: 0; }
.box-l:before { right: 0; }


/* Post selectie sectie */
.select-post .row article.case,
.select-post .row:not(.related) article.case:first-child { 
    width: 50%;
	margin-bottom: 0;
}

.select-post .entry-content {
    padding: 50px 30px;
}

.select-post .entry-main {
    -webkit-box-shadow: 0 0 25px rgba(0,0,0,0.25);
    -moz-box-shadow: 0 0 25px rgba(0,0,0,0.25);
    box-shadow: 0 0 25px rgba(0,0,0,0.25);
}

/* Case selectie sectie */
.select-case { margin-top: -100px; }
.select-case .row:not(.related) article.case { width: 33.333%; }
.select-case .post-img { min-height: 200px; }
.select-case .widget_sow-editor { margin-top: 50px; margin-bottom: 30px !important; }

/* Logo sectie */
.logos { text-align: center; }

.logos img {
    max-height: 65px;
    width: auto;
    max-width: 200px !important;
}

.logos .panel-layout .panel-grid { margin-bottom: 50px !important; }
.logos .panel-layout .panel-grid:last-child { margin-bottom: 0 !important; }

/* Teamleden sectie */
.teamleden > .panel-grid-cell {
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: flex-start;
    align-items: flex-start;
	margin-bottom: -50px;
}
.teamleden > .panel-grid-cell > .so-panel {
    width: 33.3333%;
    width: calc(33.3333% - ( 0.66666666666667 * 50px ) );
}
.teamleden img {
    display: block;
    width: 100%;
}
.teamleden .textwidget {
    position: relative;
    margin-bottom: 50px;
}
.teamleden .textwidget a:before {
	content: "";
	position: absolute;
	height: 100%;
	width: 100%;
	left: 0;
	top: 0;
}
.teamleden p.functie {
    margin-right: -10px;
}

/* Team nieuw */
#team.panel-widget-style { margin-bottom: -50px; }
#team.panel-widget-style .panel-row-style .panel-grid-cell { margin-bottom: 50px; }
.team-image {
    position: relative;
    max-width: 200px;
    margin: 0 auto 15px auto;
    overflow: hidden;
    border-radius: 50%;
}
.team-image .widget-title {
    position: absolute;
    box-sizing: border-box;
    font-size: 20px;
    padding: 0 15px;
    margin-bottom: 0 !important;
    width: 100%;
    height: 100%;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    place-content: center;
    text-align: center;
    line-height: 100%;
    background-color: #00d3a7;
    color: #fff;
    top: 0;
    left: 0;
    opacity: 0;
	-webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.team-image .widget-title:hover { opacity: 0.9; }

/* Profiel Publicaties | Podcasts | Custom Content */
.profiel-ppcc > .panel-grid-cell > div > .so-widget-sow-editor,
.profiel-ppcc .panel-grid-cell > div .panel-layout > .panel-grid:not(:last-child) .panel-row-style { margin-bottom: 50px; }

.profiel-ppcc .panel-grid-cell > div .panel-layout > .panel-grid .panel-row-style:before {
	content: "";
    position: absolute;
    z-index: -5;
    background-color: #ffffff;
    width: calc(100% + 30px);
    height: calc(100% + 30px);
    top: -15px;
    left: -15px;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.profiel-ppcc .panel-grid-cell > div .panel-layout > .panel-grid:hover .panel-row-style:before { background-color: #f2f2f2; }

.profiel-ppcc .panel-layout .textwidget { max-width: 66.667%; }
.profiel-ppcc .panel-layout .textwidget ul { 
	font-family: inherit !important; 
	font-weight: 400 !important;
}
.profiel-ppcc .panel-layout .textwidget ul li { 
	display: inline-block; 
	margin-bottom: 0; 
	line-height: 30px;
}
.profiel-ppcc .panel-layout .textwidget ul li:not(:last-child) { margin-right: 15px; }
.profiel-ppcc .panel-layout .textwidget ul li:first-child:before { display: none; }
.profiel-ppcc .panel-layout .textwidget ul li:last-child:before { 
	content: "\f073";
	font-family: fontawesome;
	background-image: none;
}
.profiel-ppcc .panel-layout .textwidget ul li:first-child { padding-left: 40px; }
.profiel-ppcc .panel-layout .textwidget ul li img {
    position: absolute;
    max-width: 30px;
    border-radius: 15px;
    left: 0; top: 0;
}
.profiel-ppcc .so-widget-sow-image .sow-image-container {
    position: relative;
    padding-top: 80%;
    overflow: hidden;
}
.profiel-ppcc .so-widget-sow-image .sow-image-container img {
    position: absolute;
    height: 100%;
    max-width: none;
    width: auto;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

/* Toggle on/off */
.toggles { text-align: center; }
.toggles .box { margin-bottom: 0; }
.toggle {
    background-image: url(images/toggle-off.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    display: block;
    height: 40px;
    width: auto;
    margin-bottom: 20px;
	-webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.toggles .box:hover .toggle { background-image: url(images/toggle-on.png); }

/* Video/review sectie */
.video-l,
.video-r { position: relative; }
.video-l > div, .video-r > div { position: relative; z-index: 10;}
.video-l:before,
.video-r:before {
    content: "";
    background-color: #f2f2f2;
    position: absolute;
    top: 0;
    height: 100%;
    z-index: 5;
    width: calc(66.7% - 50px);
}
.video-l:before { right: 0; }
.video-r:before { left: 0; }

.video-l .wp-video,
.video-r .wp-video {
    -webkit-box-shadow: 0 0 25px rgba(0,0,0,0.25);
    -moz-box-shadow: 0 0 25px rgba(0,0,0,0.25);
    box-shadow: 0 0 25px rgba(0,0,0,0.25);
}

.wp-block-embed__wrapper .wp-video { width: 100% !important; }

/* STRIPPENKAART */

.strippenkaart .title-content em { color: #00d3a7; }

hr {
    background-color: #f2f2f2;
    margin-top: 50px;
    margin-bottom: 50px;
}

.strippenkaart table {
    width: 100%;
    border: 1px solid #000;
}

.strippenkaart table tr th,
.strippenkaart table tr td {
	padding: 10px !important;
    line-height: 20px !important;
    vertical-align: middle !important;
}
.strippenkaart table tr th { font-weight: normal; }
.strippenkaart table tr td { font-size: 14px; }

.strippenkaart table td:before { /* als veld leeg is */
    content: "";
    height: 20px; width: 0;
    display: inline-block; float: left;
}

.strippenkaart table tr:nth-child(odd) td { background-color: transparent; }
.strippenkaart table tr:nth-child(even) td { background-color: #f2f2f2; }

.strippenkaart table tr th:not(:nth-child(2)),
.strippenkaart table tr td:not(:nth-child(2)) {
	text-align: center;
}
.strippenkaart table tr th,
.strippenkaart table tr td {
	min-width: 110px;
    box-sizing: border-box;
}

.strippenkaart table tr th { 
	background-color: #000; 
	color: #fff;
}

.wp-block-table td,
.wp-block-table th {
	word-break: normal;
}

/* Sheet css */
#sheets-viewport > div { display: block !important; }
#strippen { display: flex; flex-direction: column; }
#strippen .btn { order: 2; }
#strippen div { order: 1; }
#strippen .row-headers-background,
#strippen .header-shim,
#strippen #top-bar,
#strippen #footer { display: none; }
#strippen table tr tr { height: inherit !important; }
#strippen table tr td { font-family: inherit !important; font-size: 14px !important; height: inherit !important; white-space: inherit !important; }
#strippen .softmerge-inner { width: 100% !important; white-space: normal !important; }
#strippen .btn:not(:last-child) { margin-top: 30px; }
#strippen .btn { margin-right: auto; margin-left: auto; display: table; }

/* CASE */

.single-case #main {
    padding-top: 0;
}
.single-case article {
	margin-bottom: 0;
}

.case-post-header {
	position: relative;
    margin-bottom: 0 !important;
    background-size: cover;
    background-position: center;
}
.case-post-header > div { position: relative; z-index: 10; }

.case-post-header:before {
	content: "";
	position: absolute;
	z-index: 5;
	background-color: #fff;
	opacity: 0.9;
	top: 0; left: 0;
	height: 100%; width: 100%;
}

.case-hero *:first-child { margin-top: 0; }
.case-hero *:last-child { margin-bottom: 0; }

.kpis {
    width: 100%;
    position: relative;
    z-index: 15;
    display: flex;
    ms-flex-wrap: wrap;
    flex-wrap: nowrap;
    -ms-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: stretch;
    align-items: stretch;
}

.kpis .box {
    background-color: #00d3a7;
    text-align: center;
    width: calc(33.3333% - ( 0.666666666667 * 50px ) );
    padding-bottom: 100px;
    margin-bottom: 0;
}

.kpis .box h4 {
    color: #fff;
    position: absolute;
    bottom: 50px;
    left: 0;
    width: 100%;
    padding: 0 30px;
    box-sizing: border-box;
    margin-bottom: 0;
}

.kpis span.count,
.kpis-pb span.count {
    font-family: AvenirLTStd-Black !important;
    font-weight: normal !important;
    font-style: normal;
    font-size: 75px;
    line-height: 1em;
}

.kpis span.count:after,
.kpis-pb span.count:after {
    content: "%";
    font-size: 0.5em;
    vertical-align: bottom;
    margin-left: 10px;
}

.related article.type-case,
.related article.type-post {
	margin-bottom: 0;
}

/* Case page builder */
.single-case.siteorigin-panels #main { padding-bottom: 0; }
.single-case.siteorigin-panels .case-post-header { text-align: center; }
.single-case.siteorigin-panels .kpis,
.single-case.siteorigin-panels .related,
.single-case.siteorigin-panels header.case-post-header:before { display: none; }
.single-case.siteorigin-panels header.case-post-header { background-image: none !important; background-color: #f2f2f2; }

.case-client-visual .klantlogo img {
    max-height: 60px;
    width: auto;
    margin: 20px auto;
}
.case-client-visual .widget_siteorigin-panels-builder .offset {
    padding-top: 150px;
    margin-top: -100px;
    padding-bottom: 100px;
	font-size: 16px;
}
.case-client-visual div:not(.klantlogo) > .so-widget-sow-image {
    position: relative;
    padding-top: 60%;
    overflow: hidden;
}
.case-client-visual div:not(.klantlogo) > .so-widget-sow-image .sow-image-container {
    position: absolute;
    width: 100%;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.case-client-visual .widget_siteorigin-panels-builder .team .sow-image-grid-wrapper { 
	margin-top: 20px; 
	margin-left: -10px; 
	margin-right: -10px;
}
.case-client-visual .widget_siteorigin-panels-builder .team .sow-image-grid-wrapper .sow-image-grid-image { 
	width: 25%;
	padding: 10px;
}
.case-client-visual .widget_siteorigin-panels-builder .team .sow-image-grid-wrapper .sow-image-grid-image img { 
	border-radius: 50%;
}

.kpis-pb .box { margin-bottom: 0; text-align: center; }

.case-form {
	background-color: #fff;
	position: relative;
    z-index: 10;
    -webkit-box-shadow: 0 0 25px rgb(0 0 0 / 25%);
    -moz-box-shadow: 0 0 25px rgba(0,0,0,0.25);
    box-shadow: 0 0 25px rgb(0 0 0 / 25%);
}
.case-form .panel-grid-cell:first-child .widget_sow-image {
    position: relative;
	overflow: hidden;
	height: 100%;
	width: 100%;
}
.case-form .panel-grid-cell:first-child .widget_sow-image img {
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: auto;
    height: 100%;
    max-width: inherit;
}
.case-form > .panel-grid-cell:last-child { padding: 50px 50px 50px 0; }
.case-form .panel-grid-cell > .widget:not(:last-child) { margin-bottom: 30px !important; }
.case-form .textwidget p { margin: 0; }

/* BERICHTEN */

.single-post #main {
    padding-top: 0;
}

.single-content-container {
    position: relative;
    display: block;
    float: left;
}

.single-sidebar {
    display: block;
    float: left;
    width: 33.3%;
    padding: 0 25px;	
}

.single-post article header.entry-header {
    width: 100%;
    box-sizing: border-box;
    position: relative;
    display: block;
    float: left;
    margin-bottom: 50px;
}

.single-post-img {
    position: absolute;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-color: #f2f2f2;
    z-index: 5;
    height: 100%;
    margin-left: -100px;
    width: calc( 66.7% + 50px );
}

.single-holder {
    position: relative;
    background-color: #fff;
    padding: 50px 0 50px 50px;
    box-sizing: border-box;
    z-index: 10;
    width: 50%;
    margin-left: 50%;
    margin-top: 100px;
    margin-bottom: 100px;
}

.single-holder > *:last-child { margin-bottom: 0; }

.entry-meta {
	color: #999;
    margin-bottom: 10px;
    font-style: italic;
}
.page .entry-meta { display: block; }

article.post .entry-header .entry-meta,
article.page .entry-header .entry-meta {
    color: #999;
    font-size: 18px;
}

article.post .entry-header .entry-meta a,
article.page .entry-header .entry-meta a {
    font-weight: inherit;
    color: #00d3a7;
}

article.post .entry-header .entry-meta a:hover,
article.page .entry-header .entry-meta a:hover {
    color: #000;
}

span.author:before {
    content: "– ";
    padding: 0 5px;
}

/* Auteurs box */
.auteur-box {
    display: block;
    width: 100%;
    position: relative;
    background-color: #f2f2f2;
    float: left;
    min-height: 300px;
    padding: 50px 30px 50px 130px;
    margin-top: 50px;
}

.auteur-foto {
    position: absolute;
    left: -100px;
    top: 50px;
    max-width: 200px;
}
.auteur-foto img { max-height: 200px; }

.author-social a {
    height: 30px;
    width: 30px;
    line-height: 30px;
    margin-right: 10px;
    font-size: 24px;
}

/* OVERZICHT */

.pace .pace-progress {
    z-index: 999999 !important;
}

ul.alm-listing.row {
    margin-top: 0;
    margin-bottom: 0;
}

.alm-masonry .row { margin-top: -100px; min-height: 100px;}
.alm-masonry .row article { margin-bottom: 50px;}

#stories h4.entry-title,
.alm-masonry h4.entry-title {
    height: 3.75em;
	-webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    display: -webkit-box;
}
#stories article p,
.alm-masonry article p {
    font-size: 14px;
    line-height: 1.75em;
    height: 7em;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    display: -webkit-box;
}

.alm-masonry .type-post .entry-content {
    padding: 50px 30px;
}

.alm-masonry .entry-main {
    -webkit-box-shadow: 0 0 25px rgba(0,0,0,0.25);
    -moz-box-shadow: 0 0 25px rgba(0,0,0,0.25);
    box-shadow: 0 0 25px rgba(0,0,0,0.25);
}

.alm-listing article.type-case { margin-bottom: 100px !important; }
.alm-listing article.type-case:nth-child(even) .case-full .case-img-full { right: 0; }
.alm-listing article.type-case:nth-child(even) .case-full .entry-content {
    padding: 50px 50px 50px 100px;
    margin-right: 50%;
	margin-left: 0;
    margin-top: 100px;
    margin-bottom: 100px;
}
.alm-listing article.type-case .kpis { float: left; }
.alm-listing article.type-case .kpis .box { background-color: #fff; }
.alm-listing article.type-case .kpis h4,
.alm-listing article.type-case .kpis span.count { color: inherit; }

/* SHARE */

.post-share {
    float: left;
}

ul.share-entry {
    margin: 0;
    list-style: none;
    text-align: center;
}

ul.share-entry li {
    margin-bottom: 10px;
    padding-left: 0;
    line-height: inherit;
}
ul.share-entry li:before { display: none; }
ul.share-entry li:last-child { margin-bottom: 0; }

ul.share-entry li span {
	font-family: AvenirLTStd-Black !important;
    font-weight: normal !important;
    font-style: normal;
}

ul.share-entry li a {
	display: inline-block;
    width: 50px;
    height: 50px;
	line-height: 50px;
	font-size: 24px;
	border-radius: 50%;
	background-color: #00d3a7;
	border: 2px solid #00d3a7;
	color: #fff;
}
ul.share-entry li a > i { color: #fff; }

ul.share-entry li a:hover {
	color: #00d3a7;
	background-color: transparent;
}
ul.share-entry li a:hover > i { color: #00d3a7; }

/* FORMULIEREN */

/* Hubspot reset */
.hbspt-form fieldset { max-width: inherit !important; }
.hs-error-msgs { margin: 0; }
.hs-error-msgs li:before { display: none; }
.hbspt-form .input { margin-right: inherit !important; }
.hs-form-booleancheckbox .hs-form-required { display: none; }

/* Contact fomr 7 reset */
.c7wrap h3 { margin-bottom: 0; }
span.wpcf7-list-item { margin: 0; }

/* Mollie reset */
.mollieform br { display: none; }
.mollieform p { margin-top: 0; }
.mollieform .btn { margin-top: 30px; }
.mollieform ul.radio-opties li { padding-left: 0; }
.mollieform ul.radio-opties li:before { display: none; }
.mollieform ul.radio-opties li label { display: inline-block; margin-bottom: 30px; margin-right: 30px; }
.mollieform p:last-child { margin-bottom: 0; }

/* Sizes */
.c7wrap,
.hbspt-form fieldset.form-columns-1,
.hbspt-form fieldset.form-columns-2 {
    margin-left: -10px;
    margin-right: -10px;
}

.c7wrap > div ul { margin: 0; }
.c7wrap > *:last-child { margin-bottom: 0; }

.c7full,
.c7threefourth,
.c7twothird,
.c7half,
.c7onethird,
.c7onefourth {
	padding: 0 10px;
	float: left;
	margin-bottom: 20px;
}

.form-columns-1 > *,
.form-columns-2 > * {
    position: relative;
	padding: 0 10px;
	margin-bottom: 20px;
}

.c7full { width: 100%; }
.c7threefourth { width: 75%; }
.c7twothird { width: 66.7%; }
.c7half { width: 50%; }
.c7onethird { width: 33.3%; }
.c7onefourth { width: 25%; }

/* Normale velden */
.wpcf7-text, input[type=text],
.wpcf7-email, input[type=email],
.wpcf7-date,
input[type="number"],
.wpcf7-tel, input[type="tel"],
input[type=password],
.wpcf7-select, select,
.wpcf7-textarea, textarea {
	position: relative;
    background: #f2f2f2;
    border: 1px solid #f2f2f2 !important;
	border-radius: 0 !important;
    line-height: 30px;
    padding: 8px 18px !important;
    width: 100%;
	max-width: 100%;
	min-width: 100%;
}

.wpcf7-date,
.wpcf7-text, input[type=text],
.wpcf7-email, input[type=email],
.wpcf7-tel, input[type="tel"],
input[type="number"],
input[type=password],
.wpcf7-select, select { height: 50px; }
.wpcf7-textarea, textarea { height: 150px; }

.wpcf7-text:focus, input[type=text]:focus,
.wpcf7-email:focus, input[type=email]:focus,
.wpcf7-tel:focus, input[type="tel"]:focus,
input[type="number"]:focus,
input[type=password]:focus,
.wpcf7-select:focus, select:focus,
.wpcf7-textarea:focus, textarea:focus {
	outline: none;
    border: 1px solid #000 !important;
}

span.hs-form-required { color: #00d3a7; }
.hs-fieldtype-text span.hs-form-required,
.hs-fieldtype-textarea span.hs-form-required {
    position: absolute;
    right: 25px;
    top: 0;
    z-index: 5;
    line-height: 50px;
}

/* Labels */
.hs-fieldtype-radio.hs-form-field > label,
.hs-fieldtype-number.hs-form-field > label,
.hs-fieldtype-checkbox.hs-form-field > label,
.hs-fieldtype-textarea.hs-form-field > label { display: block; margin-bottom: 10px; }
.hs-fieldtype-radio.hs-form-field > label > span:first-child,
.hs-fieldtype-number.hs-form-field > label > span:first-child,
.hs-fieldtype-checkbox.hs-form-field > label > span:first-child,
.hs-fieldtype-textarea.hs-form-field > label > span:first-child { font-family: AvenirLTStd-Book !important; }

/* Checkboxes & Radioboxes > */
.hs-form-radio,
.wpcf7-list-item
.radio-opties li {
    display: inline-block;
    margin-left: 0 !important;
}
.hs-fieldtype-radio ul.inputs-list,
.hs-fieldtype-checkbox ul.inputs-list { margin-top: 0; }

.hs-fieldtype-radio ul ,
.hs-fieldtype-booleancheckbox ul { list-style: none; }
.hs-fieldtype-radio ul li,
.hs-fieldtype-booleancheckbox ul li { padding-left: 0; line-height: inherit; margin-bottom: 0 !important;}
.hs-fieldtype-radio ul li:before,
.hs-fieldtype-booleancheckbox ul li:before { display: none; }

.hs-form-radio span,
span.wpcf7-list-item-label {
    margin-left: 15px;
    margin-right: 15px;
    display: inline-block;
}

/* Radioboxes */
.hs-form-radio label,
.wpcf7-radio label {
	position: relative;
	cursor: pointer;
}

.hs-form-radio input[type=radio],
.wpcf7-radio input[type=radio] {
	position: relative;
	visibility: hidden;
}

.hs-form-radio input[type=radio] + span:before,
.wpcf7-radio input[type=radio] + span:before {
    display: block;
    position: absolute;
    content: '';
    border-radius: 100%;
    height: 20px;
    width: 20px;
    top: 0;
	left: 0;
    background-color: #f2f2f2 !important;
}

.hs-form-radio input[type=radio] + span:after,
.wpcf7-radio input[type=radio] + span:after {
    display: block;
    position: absolute;
    content: '';
    border-radius: 100%;
    height: 10px;
    width: 10px;
    top: 5px;
    left: 5px;
    visibility: hidden;
    background-color: #00d3a7 !important;
}

.hs-form-radio input[type=radio]:checked + span:before,
.wpcf7-radio input[type=radio]:checked + span:before {
    background: transparent;
}

.hs-form-radio input[type=radio]:checked + span:after,
.wpcf7-radio input[type=radio]:checked + span:after {
	background: #00d3a7;
	visibility: visible;
}

/* Checkboxes */
.hs-fieldtype-booleancheckbox label,
.wpcf7-checkbox label,
li.hs-form-checkbox label {
	position: relative;
	cursor: pointer;
}

.hs-form-booleancheckbox-display>span,
li.hs-form-checkbox>span {
	position: relative;
    margin-left: 0 !important;
    padding-left: 30px;
    line-height: 20px;
}

.hs-fieldtype-booleancheckbox input[type=checkbox],
.wpcf7-checkbox input[type=checkbox],
li.hs-form-checkbox input[type=checkbox] {
	position: relative;
	visibility: hidden;
}

.hs-fieldtype-booleancheckbox input[type=checkbox] + span:before,
.wpcf7-checkbox input[type=checkbox] + span:before,
li.hs-form-checkbox input[type=checkbox] + span:before {
    display: block;
    position: absolute;
    content: '';
    height: 20px;
    width: 20px;
    top: 1px;
	left: 0;
    background-color: #eee !important;
}

.hs-fieldtype-booleancheckbox input[type=checkbox] + span:after,
.wpcf7-checkbox input[type=checkbox] + span:after,
li.hs-form-checkbox input[type=checkbox] + span:after {
    display: block;
    position: absolute;
    font-family: 'FontAwesome';
	content:"\f00c";
    border-radius: 100%;
    height: 20px;
    width: 20px;
    line-height: 20px;
    top: -1px;
    left: 0px;
    text-align: center;
    visibility: hidden;
    font-size: 24px;
    color: #00d3a7;
}

.hs-fieldtype-booleancheckbox input[type=checkbox]:checked + span:before,
.wpcf7-checkbox input[type=checkbox]:checked + span:before,
li.hs-form-checkbox input[type=checkbox]:checked + span:before {
    background: transparent;
}

.hs-fieldtype-booleancheckbox input[type=checkbox]:checked + span:after,
.wpcf7-checkbox input[type=checkbox]:checked + span:after,
li.hs-form-checkbox input[type=checkbox]:checked + span:after {
	visibility: visible;
}

/* Response */
.hs_error_rollup .hs-error-msgs li,
.wpcf7-response-output {
    font-family: AvenirLTStd-Book !important;
	box-sizing: border-box;
    padding: 10px 15px !important;
    float: left;
    width: 100%;
    border: 0 !important;
    background-color: #00d3a7;
    color: #fff;
}
.hs_error_rollup .hs-error-msgs li { margin-bottom: 20px; }
.wpcf7-response-output { margin: 30px 0 0 0 !important; }

.hs_error_rollup .hs-error-msgs li,
.wpcf7-validation-errors {
    background-color: #d30000 !important;
}

.field .hs-error-msgs li,
span.wpcf7-not-valid-tip {
	position: relative;
    font-family: AvenirLTStd-Book !important;
    font-size: 12px;
    line-height: 1em;
    background-color: #d30000;
    color: #fff;
    padding: 10px 20px;
	line-height: 1.25em;
}
body .legal-consent-container .hs-error-msgs label { color: #fff; }

.field .hs-error-msgs li:after,
span.wpcf7-not-valid-tip:after {
    content: "";
    top: -10px;
    position: absolute;
    box-sizing: border-box;
    width: 10px;
    height: 10px;
	left: 20px;
    border-bottom: 5px solid #d30000;
    border-right: 5px solid transparent;
    border-top: 5px solid transparent;
    border-left: 5px solid transparent;
}

/* Privacy */
.privacypolicy span.wpcf7-list-item-label {
    margin-left: 5px;
    margin-right: 5px;
}

.privacypolicy span.wpcf7-not-valid-tip {
    display: inline-block;
    top: -2px;
    padding: 0 5px;
    line-height: 21px;
    height: 20px;
    margin-right: 10px;
    margin-left: 15px;
    vertical-align: middle;
}

.privacypolicy span.wpcf7-not-valid-tip:after {
    content: "";
    left: -20px;
    position: absolute;
    box-sizing: border-box;
    width: 20px;
    height: 100%;
    top: 0;
    border-bottom: 10px solid transparent;
    border-right: 10px solid #d30000;
    border-top: 10px solid transparent;
    border-left: 10px solid transparent;
}

label.privacy,
.legal-consent-container {
    font-family: AvenirLTStd-Book !important;
    font-size: 14px;
    line-height: 1.25em;
}
.legal-consent-container p { margin: 0; }

/* Beveiligde pagina form */
.post-password-form p:last-child { margin-bottom: 0; }
.post-password-form label { font-weight: bold; }
.post-password-form input[type=password] {
    margin-bottom: 20px;
    margin-top: 10px;
}

/* POPUPS */

/* Hubspot popup leadgen */
.leadinModal .leadinModal-content h1,
.leadinModal .leadinModal-content h2,
.leadinModal .leadinModal-content h3,
.leadinModal .leadinModal-content h4,
.leadinModal .leadinModal-content h5,
.leadinModal .leadinModal-content h6 {
    color: #444;
}
.leadinModal .leadinModal-content p,
.leadinModal .leadinModal-content ul,
.leadinModal .leadinModal-content li,
.leadinModal .leadinModal-content input[type="text"],
.leadinModal .leadinModal-content input[type="email"],
.leadinModal .leadinModal-content input[type="tel"],
.leadinModal .leadinModal-content input[type="number"],
.leadinModal .leadinModal-content input[type="checkbox"],
.leadinModal .leadinModal-content select,
.leadinModal .leadinModal-content textarea,
.leadinModal .leadinModal-content .secondary-dismiss {
    color: #000 !important;
}
.leadinModal-v3.leadinModal.leadinModal-theme-bottom-right-corner .leadin-content-body .leadin-preview-wrapper,
.leadinModal-v3.leadinModal.leadinModal-theme-bottom-left-corner .leadin-content-body .leadin-preview-wrapper,
.leadinModal-v3.leadinModal.leadinEmbedded-theme-default .leadin-content-body .leadin-preview-wrapper {
	padding: 30px !important; 
}
.leadinModal .leadinModal-content {
    -webkit-box-shadow: 0px 0px 25px rgba(0,0,0,0.25) !important;
    -moz-box-shadow: 0px 0px 25px rgba(0,0,0,0.25) !important;
    box-shadow: 0px 0px 25px rgba(0,0,0,0.25) !important;
}
.leadinModal.leadinModal-theme-bottom-right-corner .leadinModal-content {
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -ms-border-radius: 0 !important;
    -o-border-radius: 0 !important;
    border-radius: 0 !important;
    right: 30px !important;
    bottom: 30px !important;
}
button.leadin-button.leadin-button-primary.leadin-primary,
button.leadin-button.leadin-advance-button.leadin-button-secondary {
    line-height: 20px;
    padding: 13px 30px;
    border-radius: 50px;
    font-size: 18px;
}
button.leadin-button.leadin-button-primary.leadin-primary {
	border: 2px solid #00d3a7 !important;
	margin-top: 0;
}
button.leadin-button.leadin-advance-button.leadin-button-secondary {
	border: 2px solid #fff;
}
button.leadin-button.leadin-button-primary.leadin-primary:hover {
	color: #00d3a7 !important;
	background-color: transparent !important;
}
button.leadin-button.leadin-advance-button.leadin-button-secondary:hover {
	color: #fff !important;
	background-color: transparent !important;
}
#leadin-content-form-wrapper {
    padding: 30px !important;
}
.leadinModal-v3.leadinModal.leadinModal-theme-bottom-right-corner.leadinModal-form .leadinModal-content,
.leadinModal-v3.leadinModal.leadinModal-theme-bottom-right-corner.leadinModal-thanks .leadinModal-content,
.leadinModal-v3.leadinModal.leadinModal-theme-bottom-left-corner.leadinModal-form .leadinModal-content,
.leadinModal-v3.leadinModal.leadinModal-theme-bottom-left-corner.leadinModal-thanks .leadinModal-content,
.leadinModal-v3.leadinModal.leadinEmbedded-theme-default.leadinModal-form .leadinModal-content,
.leadinModal-v3.leadinModal.leadinEmbedded-theme-default.leadinModal-thanks .leadinModal-content {
    background-color: #fff !important;
    border-bottom-width: 0 !important;
}
.leadinModal.leadinModal-theme-bottom-right-corner .leadinModal-content,
.leadinModal.leadinModal-theme-bottom-left-corner .leadinModal-content {
    border-top-width: 0 !important;
}
.leadinModal.leadinModal-v3 .leadin-form-wrapper {
    padding-top: 0 !important;
}
.leadinModal-v3.leadinModal.leadinModal-theme-bottom-right-corner .leadin-message-wrapper,
.leadinModal-v3.leadinModal.leadinModal-theme-bottom-left-corner .leadin-message-wrapper,
.leadinModal-v3.leadinModal.leadinEmbedded-theme-default .leadin-message-wrapper {
    margin-bottom: 20px !important;
}
.leadinModal .leadin-input-wrapper input[type="text"],
.leadinModal .leadin-input-wrapper input[type="email"],
.leadinModal .leadin-input-wrapper input[type="tel"],
.leadinModal .leadin-input-wrapper input[type="number"],
.leadinModal .leadin-input-wrapper select,
.leadinModal .leadin-input-wrapper textarea {
    margin: 0 0 20px 0 !important;
}
.leadinModal .leadin-input-wrapper .error-text {
    font-size: 12px !important;
    color: #d30000 !important;
    margin-left: 0 !important;
}
.leadinModal .leadin-input-wrapper label {
    font-weight: 400 !important;
    padding-top: 0 !important;
    font-size: 18px !important;
}
.leadinModal-v3.leadinModal.leadinModal-theme-bottom-right-corner.leadinModal-form p,
.leadinModal-v3.leadinModal.leadinModal-theme-bottom-left-corner.leadinModal-form p,
.leadinModal-v3.leadinModal.leadinEmbedded-theme-default.leadinModal-form p {
    margin-bottom: 0;
    font-family: AvenirLTStd-Book !important;
    font-size: 14px;
    line-height: 1.25em !important;
}
body .leadinModal .gdpr-options {
    margin-bottom: 0 !important;
}
.leadinModal .gdpr-options .gdpr-checkbox {
    margin-bottom: 10px;
    margin-top: 10px;
    line-height: 1.25em;
}
.leadinModal .gdpr-options .gdpr-checkbox .gdpr-label p {
    font-family: AvenirLTStd-Black !important;
}
.leadinModal .leadin-button-wrapper {
    padding-top: 20px !important;
}
.leadinModal .button-with-gdpr {
    width: calc(100% - 60px) !important;
    margin-left: 10px;
}
body .leadinModal .back-button {
    width: 50px;
    min-width: 50px !important;
    max-width: 50px;
    font-weight: bolder !important;
    padding: 14px 0 !important;
    border-width: 2px !important;
    border-radius: 50px !important;
}
a.leadin-button.leadin-advance-button.leadin-button-secondary {
    font-family: AvenirLTStd-Black !important;
    font-weight: normal !important;
    font-style: normal;
    font-size: 18px;
    line-height: 20px;
    padding: 13px 30px !important;
    color: #2a2b2b !important;
    background-color: #ffffff !important;
    border: 2px solid #ffffff !important;
    border-radius: 50px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
a.leadin-button.leadin-advance-button.leadin-button-secondary:hover {
    color: #fff !important;
    background-color: transparent !important;
}

/* 404 */

.pnf404 {
    font-family: AvenirLTStd-Black !important;
    font-weight: normal !important;
    font-style: normal;
    font-size: 300px;
    color: #00d3a7;
    line-height: 1em;
    text-align: center;
}

.pnf404 span {
    color: #f2f2f2;
    vertical-align: text-bottom;
}

/* CONSENT */

.wpca-lay-out .wpca-lay-out-content * {
    font-size: 18px !important;
    line-height: 1.6em !important;
}

#wpca-bar {
    z-index: 999999 !important;
    padding: 15px !important;
    -webkit-box-shadow: 0 0 25px rgba(0,0,0,0.25);
    -moz-box-shadow: 0 0 25px rgba(0,0,0,0.25);
    box-shadow: 0 0 25px rgba(0,0,0,0.25);
}

/* CHATBOT */

#hubspot-messages-iframe-container {
    z-index: 99999 !important;
}

/* FOOTER */

footer.site-footer {
    padding: 0 30px;
}

body.layout-full {
    background-color: transparent !important;
}

.pre-footer {
    padding-top: 30px;
    padding-bottom: 30px;
    background-color: #00d3a7;
    color: #fff;
}
.pre-footer a { color: #fff; font-family: AvenirLTStd-Book !important; }
.pre-footer a:hover { color: #000; }

.pre-widget {
	display: table;
	width: 100%;
}

.pre-widget h3.widget-title {
    width: 33.3%;
    margin-bottom: 0;
    display: table-cell;
    vertical-align: middle;
}

.pre-widget .textwidget {
    width: 66.7%;
    display: table-cell;
    vertical-align: middle;
}

.pre-widget ul {
    margin: 0;
    width: 100%;
}

.pre-widget ul li {
    display: inline-block;
    text-align: center;
    float: left;
    width: 50%;
	font-size: 24px;
}

#footer-widgets {
	max-width: calc(100% + 200px);
    padding-top: 100px;
    padding-bottom: 50px;
    background-color: #000;
}

#footer-widgets .widget:not(:first-child) {
	font-family: AvenirLTStd-Book !important;
}

#footer-widgets .footer-row {
    margin-left: -25px;
    margin-right: -25px;
}

#footer-widgets .widget {
    padding: 0 25px;
	margin-bottom: 50px;
}

#footer-widgets .widget ul li {
    padding-bottom: 0;
}

.site-footer h3.widget-title {
    font-size: 36px !important;
}

#secondary .widget,
#footer-widgets .widget,
#masthead-widgets .widget {
    font-size: 18px;
    line-height: 1.5em;
}

.footer-copy {
	font-family: AvenirLTStd-Book !important;
    display: table;
	width: 100%;
    padding-top: 30px;
    padding-bottom: 30px;
}
.footer-copy .widget-copy:first-child a:not(:last-child):after { content: " –"; }
.footer-copy a { color: #000; display: inline-block; }
.footer-copy a:hover { color: #00d3a7; }

.widget-copy {
    display: table-cell;
    width: 33.3%;
    vertical-align: middle;
    text-align: center;
}
.widget-copy:first-child { text-align: left; }
.widget-copy:last-child { text-align: right; }

.widget-copy img {
    margin-left: 25px;
    margin-right: 25px;
    max-height: 50px;
    width: auto;
}

/* MEDIA */

.wp-block-embed {
	margin: 30px 0;
}
.responsive-container,
.wp-block-embed__wrapper {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
}
.responsive-container iframe,
.wp-block-embed__wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.mejs-button>button { background: transparent url(images/mejs-controls.svg) !important; }
.mejs-button>button:hover { background: transparent url(images/mejs-controls.svg) !important; }

.mejs-mute>button { background-position: -60px 0 !important; }
.mejs-mute>button:hover { background-position: -60px 0 !important; }

.mejs-unmute>button { background-position: -40px 0 !important; }
.mejs-unmute>button:hover { background-position: -40px 0 !important; }

.mejs-fullscreen-button>button { background-position: -80px 0 !important; }
.mejs-fullscreen-button>button:hover { background-position: -80px 0 !important; }

.mejs-unfullscreen>button { background-position: -100px 0 !important; }
.mejs-unfullscreen>button:hover { background-position: -100px 0 !important; }

.mejs-pause>button { background-position: -20px 0 !important; }
.mejs-pause>button:hover { background-position: -20px 0 !important; }

.theme-15078 .pum-content > *:not(.pum-video-wrapper) {
    padding-left: 30px;
    padding-right: 30px; 
}

.theme-15078 .pum-content > .pum-video-wrapper { margin-bottom: 30px; }
.theme-15078 .pum-content > *:last-child { padding-bottom: 30px; }

/* SOCIAL */

.libutton {
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 7px;
	text-align: center;
	outline: none;
	text-decoration: none !important;
	color: #ffffff !important;
	width: 200px;
	height: 32px;
	border-radius: 16px;
	background-color: #0A66C2;
	font-family: "SF Pro Text", Helvetica, sans-serif;
}

/* OVERIG */

body.page-template-page-handler header.entry-header.page-title > .title-content { max-width: 100%; }

::-moz-selection { background: #000; color: #fff; }
::selection { background: #000; color: #fff; }

/* RESPONSIVE */

@media only screen and (max-width: 1200px) /* Voor laptops */ {

	h1, body .entry-content h1,
	h2, body .entry-content h2,
	#page-title,
	body article.post .entry-header h1.entry-title,
	body article.page .entry-header h1.entry-title	{
    font-size: 40px;
	}
	h3, body .entry-content h3 {
    font-size: 32px;
	}
	body,
	body .entry-content,
	#secondary .widget,
	#footer-widgets .widget,
	#masthead-widgets .widget {
    font-size: 16px;
	}
	body.responsive.layout-full #page-wrapper .full-container {
    max-width: 100%;
	}
	.offset,
	#footer-widgets.offset {
    padding-left: 30px;
    padding-right: 30px;
    margin-left: -30px;
    margin-right: -30px;
	}
	.content-l,
	.content-r,
	.case-full {
    margin-left: -30px;
    margin-right: -30px;
	}
	.content-l .widget,
	.content-r .widget,
	.case-full .entry-content {
    padding: 50px 30px !important;
	}
	.case-img-full,
	.content-l .panel-grid-cell-empty .panel-cell-style,
	.content-r .panel-grid-cell-empty .panel-cell-style,
	.box-l:before,
	.box-r:before,
	.video-l:before,
	.video-r:before {
    width: calc( 66.7% - 30px );
	}
	.single-holder {
    padding-left: 30px;
	}
	.single-post-img {
    margin-left: -30px;
    width: calc( 66.7% + 15px );
	}

}

@media only screen and (max-width: 1024px) /* Voor tablets liggend */ {

	.p100 { padding-top: 60px; padding-bottom: 60px; }
	.m100, .alm-listing article.type-case { margin-bottom: 60px !important; }
	.offtop50 { margin-top: -30px; }
	.offtop100, .alm-masonry .row { margin-top: -80px; }
	.entry-content blockquote { padding: 30px; }
	#hero .img-persoon,
	.contact-met .contact-persoon {
    height: calc(100% + 90px) !important;
    margin-top: -30px;
	}
	.content-l .widget, .content-r .widget,
	.case-full .entry-content,
	.single-holder {
    margin-top: 60px !important;
    margin-bottom: 60px !important;
	}
	#main {
    padding-bottom: 60px;
	}
	.teamleden > .panel-grid-cell > .so-panel {
    width: calc(33.3333% - ( 0.66666666666667 * 30px ) );
	}
	.wpca-lay-out .wpca-lay-out-content * { font-size: 16px !important; }
	#footer-widgets {
    padding-top: 60px;
    padding-bottom: 10px;
	}
	.footer-copy{
	padding-top: 15px;
    padding-bottom: 15px;
	}
	.entry-meta,
	.widget-copy {
    font-size: 16px !important;
	}
	.widget-copy img {
    margin-left: 15px;
    margin-right: 15px;
	}
	.entry-main ul.contact-info li {
    margin-right: 30px;
	}
	
	.klantreactie { padding: 30px; }
	.klantreactie > .panel-grid-cell:first-child {
    width: 35% !important;
    width: calc(35% - ( 0.65 * 30px ) ) !important;
	margin-top: -50px;
    margin-bottom: -50px;
	}
	.klantreactie > .panel-grid-cell:last-child {
    width: 65% !important;
    width: calc(65% - ( 0.35 * 30px ) ) !important;
	}
	
	.groeimodel {
    padding: 50px 75px 100px 75px;
    margin-left: -30px;
    margin-right: -30px;
	}
	
	.kpis .box h4 { font-size: 18px; padding: 0 10px; }
	
	.profiel-ppcc .panel-layout .textwidget { max-width: 100%; }
	
	.case-client-visual .widget_siteorigin-panels-builder .offset {
    padding-top: 90px;
    margin-top: -60px;
    padding-bottom: 60px;
	}
	.select-case { margin-top: -60px; }
	.select-case .widget_sow-editor { margin-top: 30px; }
	
	.row.resultaten:not(.related) article.case .case-half .entry-content { padding-top: 30px; }
	.row.resultaten:not(.related) article.case:first-child .case-half .entry-content { padding-left: 30px; }
	.row.resultaten:not(.related) article.case:last-child .case-half .entry-content { padding-right: 30px; }

}

@media only screen and (max-width: 768px) /* Voor tablets staand */ {

	.hide-desk { display: block; }
	.hide-mob { display: none; }
	body.responsive #masthead.masthead-logo-in-menu .main-navigation .menu-mobilenav-container ul li a {
    padding-left: 0;
    padding-right: 0;
	font-weight: normal;
	}
	.mobile .menu-btn a {
    background-color: #00d3a7;
    color: #fff !important;
    margin: 0 !important;
    padding: 10px 25px;
    text-align: center;
    border-radius: 50px;
	}
	body .mobile-nav-frame { text-transform: lowercase; }
	body .mobile-nav-icon { margin-right: 0; }
	body .main-navigation ul li { font-size: 0px; }
	body .mobile-nav-frame .title {
    padding: 15px 30px;
    margin-bottom: 20px;
    border-bottom: 0;
	}
	body .mobile-nav-frame ul li {
    padding: 15px 30px;
    border-bottom: 0;
    border-top: 0;
	}
	body .mobile-nav-frame ul li a.link {
    text-shadow: none;
    font-size: 18px;
	}
	body .mobile-nav-icon:before {
    position: relative;
    font-size: 18px;
    top: 3px;
	}
	body .mobile-nav-frame .title .close { right: 0; padding-right: 30px; }
	body .mobile-nav-frame .title .back { left: 0; padding-left: 30px; }
	body .mobile-nav-frame [class^="fa fa-"] { margin-right: 0; text-align: right; }
	body .mobile-nav-frame .title h3 {
    text-shadow: none;
    font: inherit;
    font-size: 24px;
	}
	body .mobile-nav-frame ul {
    margin: 0;
    border: 0;
    padding: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
	}
	.single-post { margin-bottom: 50px; }
	.post-share {
    position: fixed !important;
    z-index: 25;
    background-color: #00d3a7;
    color: #fff;
    width: 100%;
    margin-left: 0;
    bottom: 0;
    left: 0;
    padding: 0 90px 0 30px;
	-webkit-box-shadow: 0 0 25px rgba(0,0,0,0.25);
    -moz-box-shadow: 0 0 25px rgba(0,0,0,0.25);
    box-shadow: 0 0 25px rgba(0,0,0,0.25);
	}
	
	.p100 {
    padding-top: 50px;
    padding-bottom: 50px;
	}
	.offset,
	#footer-widgets.offset {
    margin-left: 0;
    margin-right: 0;
	}
	
	body #page-wrapper .chris-boek img { margin-top: 30px; }
	.toggles .panel-grid-cell:not(:last-child) { margin-bottom: 30px !important; }
	
	.filters .menu li:not(:last-child) { margin-right: 5px; }
	.filters .menu li a { padding: 3px 10px; border-radius: 0; }
	
	.box,
	.select-post .entry-main,
	.video-l .wp-video,
	.video-r .wp-video	{
	-webkit-box-shadow: 0 0 20px rgba(0,0,0,0.25);
	-moz-box-shadow: 0 0 20px rgba(0,0,0,0.25);
	box-shadow: 0 0 20px rgba(0,0,0,0.25);
	}
	#hero { background-image: none !important; }
	#hero .panel-grid-cell .box:last-child { margin-top: 30px; }
	
	#partner .box,
	#services .box {
    position: relative;
    padding-left: 160px;
	}
	#partner img,
	#services img {
    position: absolute;
    left: 30px;
    top: 50px;
    max-height: 100px;
	}
	#partner .textwidget h3,
	#services .textwidget h3,
	#partner .textwidget p:last-child,
	#services .textwidget p:last-child {
    text-align: left !important;
	}
	#partner .box p:first-child,
	#services .box p:first-child {
    margin: 0;
	}
	
	.content-l .widget,
	.content-r .widget,
	.case-full .entry-content,
	.single-holder {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding: 0 !important;
	}
	.content-l,
	.content-r,
	.case-full {
    margin-left: 0;
    margin-right: 0;
	}
	
	.content-l .panel-grid-cell-empty,
	.content-r .panel-grid-cell-empty {
    display: flex !important;
/*    min-height: 400px !important;*/
	}
	.content-l { flex-direction: column-reverse !important; }
	.content-l .panel-grid-cell-empty .panel-cell-style,
	.content-r .panel-grid-cell-empty .panel-cell-style {
	position: relative;
    background-size: cover;
    width: 100%;
    height: 400px;
    background-position: center !important;
	margin-bottom: 30px;
	}
	.content-l .panel-grid-cell-empty .panel-cell-style.infograph,
	.content-r .panel-grid-cell-empty .panel-cell-style.infograph {
    background-size: 400px;
    background-position: center;
	}
	
	.groeimodel {
    padding: 50px 50px 105px 50px;
    margin-left: 0;
    margin-right: 0;
	}
	
	.single-case:not(.siteorigin-panels) .slim .entry-content,
	.single-content-container.slim .entry-content,
	.site-content.slim .entry-content,
	.slim .cta-content,
	.slim .case-hero,
	.slim .title-content,
	.slim.panel-row-style .widget,
	header.entry-header.page-title > .title-content	{ max-width: 100%; }
	
	.partners .panel-grid-cell { padding: 50px 30px 130px 30px !important; }
	.partners .panel-grid-cell:not(:last-child) { margin-bottom: 50px !important; }
	
	.offtop50 { margin-top: -25px; }
	.offtop100, .alm-masonry .row { margin-top: -75px; }
	
	.box-l:before,
	.box-r:before,
	.video-l:before,
	.video-r:before {
    width: 100%;
	}
	
	#partner,
	.offtop50,
	.offtop100,
	#ajax-load-more .alm-masonry {
    padding-left: 30px;
    padding-right: 30px;
	}
	
	#services.groen img { max-height: 75px; }
	#services .btn {
    position: relative;
    left: inherit;
    bottom: inherit;
    -webkit-transform: inherit;
    -ms-transform: inherit;
    transform: inherit;
	}
	#services > .panel-grid-cell { margin-bottom: 30px; }
	
	.select-post article:not(:last-child) {
    margin-bottom: 50px !important;
	}
	.select-post .row article.case,
	.select-post .row:not(.related) article.case:first-child {
    width: 100%;
	}
	
	ul.share-entry {
    display: table;
    width: 100%;
	}
	ul.share-entry li {
    display: table-cell;
	}
	ul.share-entry li:first-child { display: none; }
	ul.share-entry li a {
    width: 100%;
    font-size: 18px;
	}
	ul.share-entry li a:hover > i { color: #fff; }
	
	#partner ul li {
    float: inherit;
    margin-right: inherit;
	}
	#partner h3 { text-align: center; }
	
	.case-full {
    margin-left: 0;
    margin-right: 0;
	}
	.case-img-full {
    position: relative;
    height: 300px;
	width: 100%;
	}
	.case-full .entry-content {
    order: -1;
    width: 100%;
    padding: 0 !important;
    margin: 0 0 30px 0 !important;
	}
	
	.alm-listing article.type-case .kpis.offtop50 {
    padding: 0;
    margin: 30px 0 0 0;
	}
	.kpis .box {
    padding-top: 30px;
    padding-bottom: 80px;
	}
	.kpis .box h4 {
    bottom: 30px;
    font-size: 16px;
	}
	.kpis span.count {
    font-size: 40px;
	}

	.links .box {
    padding: 50px 30px 50px 125px;
	}
	.links h3 {
    text-align: left;
    padding: 30px 30px 30px 120px;
	}
	.links img {
    position: absolute;
    max-height: 60px;
    left: 30px;
    top: 30px;
	}
	.links .panel-grid-cell:not(:last-child) .box { margin-bottom: 50px; }
	
	.box-l .box,
	.box-r .box { margin-top: 50px; }
	.box-l {
    -webkit-flex-direction: column-reverse !important;
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
	}
	
	.prijstabel table tr th { font-size: 18px; }
	.prijstabel table tr > th:first-child,
	.prijstabel table tr > td:first-child {
    width: 40%;
	}
	.prijstabel table tr > th:not(:first-child),
	.prijstabel table tr > td:not(:first-child) {
    width: 20%;
	}

	.klantreacties .panel-grid-cell { padding: 50px 30px !important; }
	.klantreacties .panel-grid-cell:not(:last-child) {
    margin-bottom: 30px !important;
	}
	
	.klantreactie { margin-top: 100px; }
	.klantreactie > .panel-grid-cell:first-child {
    width: 100% !important;
	max-width: 300px;
	padding: 30px !important;
	margin-top: -130px;
    margin-bottom: 30px !important;
	}
	.klantreactie > .panel-grid-cell:last-child {
    width: 100% !important;
	text-align: center;
	}
	
	.row.resultaten:not(.related) article.case { width: 100%; }
	.row.resultaten:not(.related) article.case .case-img-half { padding-top: 60%; }
	.row.resultaten:not(.related) article.case:first-child .case-img-half { margin-left: 0; }
	.row.resultaten:not(.related) article.case:last-child .case-img-half { margin-right: 0; }
	.row.resultaten:not(.related) article.case:first-child .case-half .entry-content {
    margin-left: 75px;
    padding-right: 0;
	}
	.row.resultaten:not(.related) article.case:last-child .case-half .entry-content {
    margin-right: 75px;
    padding-left: 0;
	}
	
	.logos .panel-layout .panel-grid {
    margin-bottom: 0 !important;
	}
	.logos .panel-layout .panel-grid .panel-row-style {
    display: flex !important;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-justify-content: space-between;
    justify-content: space-between;
    -webkit-flex-direction: row !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important;
	-webkit-align-items: center !important;
    align-items: center !important;
	}
	.logos .panel-layout .panel-grid:not(:first-child) .panel-row-style .panel-grid-cell { width: 50% !important; margin-top: 50px; }
	
	.video-l, .video-r {
    padding: 0 !important;
	}
	.video-l { 
	-webkit-flex-direction: column-reverse !important;
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
	}
	.video-r .so-widget-sow-editor,
	.video-l .so-widget-sow-editor {
    padding: 50px 30px;
	}
	
	.content-r .widget { margin-left: 0; }
	.content-l .widget { margin-right: 0; }
	
	.contact-met {
	position: relative;
	background-image: none;
	margin-top: 350px;
	}
	.case-content-container .contact-met { margin-top: 300px; }
	.contact-met .contact-persoon {
	background-position: left 30px center;
	height: inherit !important;
	margin-top: 0 !important;
	}
	.contact-met .contact-image,
	.contact-met .panel-grid-cell-empty {
    background-image: url(../../uploads/2019/04/hero-visual.png);
    background-position: left bottom;
    background-size: contain;
    background-repeat: no-repeat;
    display: block !important;
    width: 100% !important;
    height: 300px;
    position: absolute;
    top: -300px;
    left: 0;
	}
	.contact-met h3,
	.contact-met p.naam {
	position: absolute;
    left: 40%;
	}
	.contact-met .contact-content { width: 100%; }
	.contact-met h3 { top: -125px; }
	.contact-met p.naam { top: -150px; }
	.contact-met ul,
	.contact-met p { margin-top: 0 !important; }
	.contact-met ul.contact-info li { display: block; margin-right: 0; }
	.contact-met ul.contact-info li:not(:last-child) { margin-bottom: 15px; }
	.contact-met-alt.offset { padding-right: 0; }
	.contact-met-alt .textwidget { padding: 50px 30px; }
	
	.uitdaging .panel-layout .panel-row-style .panel-grid-cell:first-child { padding: 30px !important; }
	.badge {
    display: flex;
    -webkit-align-items: stretch;
    align-items: stretch;
	}
	.badge:after {
	margin-left: 0;
    margin-top: -15px;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-left: 10px solid #00d3a7;
    border-right: 15px solid transparent;
	}
	.badge .so-panel { height: auto; width: 50%; }

	.case-client-visual .widget_siteorigin-panels-builder .offset {
    padding-top: 80px;
    margin-top: -50px;
    padding-bottom: 50px;
    margin-left: -30px;
    margin-right: -30px;
	}
	.case-client-visual .widget_siteorigin-panels-builder .panel-row-style > .panel-grid-cell:not(:last-child) { margin-bottom: 30px !important; }
	.kpis-pb .panel-grid-cell:not(:last-child) .box { margin-bottom: 30px; }
	
	.select-case,
	.select-case .widget_sow-editor { margin-top: 0; }
	.select-case .row:not(.related) article.case { width: 50%; }	
	.case-form > .panel-grid-cell:last-child { padding: 30px !important; }
	
	.case-form { margin-top: calc(25% + 50px); }
	.case-form .panel-grid-cell:first-child .widget_sow-image { overflow: visible; }
	.case-form .panel-grid-cell:first-child .widget_sow-image .so-widget-sow-image { padding-top: 50%; margin-top: -25%; }

	.row article.case,
	.row article.type-post { width: 50%; }

	.select-case .row:not(.related) article.case:last-child,
	#cases .row:not(.resultaten) article:last-child,#stories article:last-child { display: none; }
	
	.profiel-ppcc .so-widget-sow-image .sow-image-container { margin-bottom: 30px; }
	
	.single-post article header.entry-header {
    display: flex;
	-webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
	}
	.single-holder {
    margin-left: 0;
    margin-bottom: 30px !important;
    width: 100%;
	}
	.single-post-img {
    position: relative;
    height: 400px;
    margin-left: 0;
    width: 100%;
	}
	.auteur-box {
    margin-left: 100px;
    width: auto;
	}
	
	#wpca-bar-meta { padding-top: 15px !important; }

	.pre-widget h3.widget-title { font-size: 24px !important; }
	
	#footer-widgets .widget { margin-bottom:50px !important; }
	#footer-widgets .widget:first-child { width: 100%; }
	#footer-widgets .widget:first-child .textwidget { max-width: 500px; }
	#footer-widgets .widget:not(:first-child) { width: 50%; }
	
	.widget-copy { display: block; width: 100%; }
	.widget-copy:not(:last-child) { margin-bottom: 15px; }
	.widget-copy:first-child,
	.widget-copy:last-child { text-align: center; }

}

@media only screen and (max-width: 677px) /* Voor mobiel liggend */ {

	h1, body .entry-content h1,
	h2, body .entry-content h2,
	#page-title,
	body article.post .entry-header h1.entry-title,
	body article.page .entry-header h1.entry-title	{ font-size: 32px; }
	h3, body .entry-content h3 { font-size: 24px; }
	body .entry-content h4 { font-size: 20px; }
	p.naam, p.klantnaam { font-size: 18px; }
	.entry-meta, .widget-copy { font-size: 14px !important; }
	
	.offtop50,
	.offtop100, .alm-masonry .row {
    margin-top: 50px;
	}
	.box { padding: 30px; }
	#partner,
	.offtop50,
	.offtop100,
	#ajax-load-more .alm-masonry {
    padding-left: 0;
    padding-right: 0;
	}

	#hero {
    background-size: contain;
    background-position: center top -50px;
	}
	
	#partner .box,
	#services .box {
    padding: 30px;
	}
	#partner .textwidget h3,
	#services:not(.groen) .textwidget h3,
	#partner .textwidget p:last-child,
	#services .textwidget p:last-child {
    text-align: center !important;
	}
	#partner img, #services img {
    position: relative;
    left: inherit;
    top: inherit;
    margin-bottom: 20px !important;
    max-height: 75px;
	}
	
	.row.resultaten:not(.related) article.case:first-child .case-half .entry-content,
	.row.resultaten:not(.related) article.case:last-child .case-half .entry-content {
    margin-left: 0;
    margin-right: 0;
    padding-right: 0;
    padding-left: 0;
    padding-top: 0;
    margin-top: 30px;
	}
	
	.row article.case,
	.row article.type-post {
    width: 100%;
	}
	.post-img,
	.case-img-full {
    height: 200px;
	min-height: inherit;
	}
	#cases .row:not(.resultaten) article:last-child,
	#stories article:last-child {
    display: block;
	}
	.row article.case:not(:last-child),
	.row article.type-post:not(:last-child),
	.select-post article:not(:last-child) {
    margin-bottom: 30px !important;
	}
	#stories .type-post .entry-content,
	.alm-masonry .type-post .entry-content {
    padding: 30px;
	}
	#stories h4.entry-title, .alm-masonry h4.entry-title {
    height: inherit;
    -webkit-line-clamp: inherit;
    -webkit-box-orient: inherit;
    overflow: inherit;
    display: inherit;
	}
		
	.single-post-img {
    height: 200px;
	}
	.auteur-box {
    margin-left: 0;
    margin-top: 150px;
    padding: 130px 30px 30px 30px;
	}
	.auteur-foto {
    text-align: center;
    left: 0;
    top: -100px;
    width: 100%;
    max-width: 100%;
	}
	
	.kpis {
    display: block;
    ms-flex-wrap: inherit;
    flex-wrap: inherit;
    -ms-justify-content: inherit;
    justify-content: inherit;
    -webkit-align-items: inherit;
    align-items: inherit;
	}
	.kpis .box {
	padding-bottom: 30px;
    width: 100%;
	}
	.kpis .box h4 {
    bottom: 0;
    font-size: 16px;
    position: relative;
	}
	.kpis .box:not(:last-child) { margin-bottom: 30px; }
	
	.links .box {
	padding: 70px 30px 30px 30px;
	}
	.links h3 {
	text-align: center;
    position: absolute;
    padding: 30px 30px 0 30px;
	}
	.links img {
    position: relative;
    max-height: 60px;
    left: inherit;
    top: 0;
	}
	
	.logos img {
    max-height: 100px;
    max-width: 80% !important;
	}
	
	.prijstabel table tr th {
    padding: 10px;
	}
	.prijstabel table tr > th,
	.prijstabel table tr > td {
    font-size: 10px;
	line-height: 1.5em;
	}
	.prijstabel table tr > th,
	.prijstabel table tr > td {
    width: 25% !important;
	}
	.prijstabel table tr:not(:last-child) > th,
	.prijstabel table tr:not(:last-child) > td {
    border-bottom: 1px solid #f2f2f2;
	}
	.prijstabel table tr:nth-child(even) td {
    background-color: transparent;
	}
	.prijstabel table tr td:not(:first-child) {
    padding: 0 10px;
	}
	.prijstabel table tr td {
    padding: 5px 0;
	}
	
	.video-r .so-widget-sow-editor,
	.video-l .so-widget-sow-editor {
    padding: 30px;
	}
	.widget_media_video {
    margin-left: -30px;
    margin-right: -30px;
	}
	
	.teamleden p.naam {
    margin-top: 10px;
    margin-bottom: 10px !important;
	}
    .teamleden .textwidget {
    margin-bottom: 30px;
    }
	    
	.contact-met {
    margin-top: 300px;
	}
	.contact-met .contact-image,
	.contact-met .panel-grid-cell-empty {
    height: 250px;
    top: -250px;
	}
	.contact-met .contact-persoon {
    background-position: center bottom;
    height: 250px !important;
	}
	.contact-met h3,
	.contact-met p.naam {
    position: relative;
    left: inherit;
	}
	.contact-met h3 { top: inherit; }
	.contact-met p.naam { top: inherit; }
	
	.c7threefourth { width: 100%; }
	.c7twothird { width: 100%; }
	.c7half { width: 100%; }
	.c7onethird { width: 100%; }
	.c7onefourth { width: 100%; }
	.wpcf7-form-control-wrap:not(.privacypolicy) span.wpcf7-list-item,
	.hs-fieldtype-radio ul li,
	.hs-fieldtype-booleancheckbox ul li {
    display: block;
	}
	
	#cases .row:not(.resultaten) article,
	#stories article,
	.select-case .row:not(.related) article.case { width: 100%; }
	
	.select-case .row:not(.related) article.case:last-child,
	#cases .row:not(.resultaten) article:last-child,
	#stories article:last-child { display: block; }
	
	.profiel-ppcc > .panel-grid-cell > div > .so-widget-sow-editor,
	.profiel-ppcc .panel-grid-cell > div .panel-layout > .panel-grid:not(:last-child) .panel-row-style { margin-bottom: 30px; }
	
	#wpca-bar.wpca-has-decline #wpca-bar-meta .wpca-btn { width: 100% !important; }
	#wpca-bar.wpca-has-decline #wpca-bar-meta .wpca-btn-decline { margin-left: 0 !important; margin-top: 15px !important; }

	.pre-widget {
    display: block;
	}
	.pre-widget h3.widget-title {
    width: 100%;
    display: block;
	}
	.pre-widget .textwidget {
    width: 100%;
	}
	.pre-widget ul li {
    text-align: left;
    width: 100%;
    margin-top: 15px;
	}
	#footer-widgets {
	padding-top: 30px;
	padding-bottom: 0;
	}
	#footer-widgets .footer-row {
    margin-left: 0;
    margin-right: 0;
	}
	#footer-widgets .widget {
    padding-bottom: 0 !important;
	}

}

@media only screen and (max-width: 480px) /* Voor mobiel staand */ {

	h1, body .entry-content h1,
	h2, body .entry-content h2,
	#page-title,
	body article.post .entry-header h1.entry-title,
	body article.page .entry-header h1.entry-title,
	.site-footer h3.widget-title { font-size: 24px; }
	h3, body .entry-content h3,
	#services h3,
	#partner h3	{ font-size: 20px; }
	body .entry-content h4 { font-size: 18px; }
	p.naam, p.klantnaam { font-size: 16px; }
	.btn, body .wpca-btn, .entry-main .btn, input[type="submit"] { margin-right: auto; padding: 13px 20px; text-align: center; }
	.textwidget p > .btn:not(:last-child) { margin-bottom: 30px; }
	.teamleden > .panel-grid-cell > .so-panel { width: calc(50% - ( 0.5 * 30px ) ); }
	.content-l .panel-grid-cell-empty .panel-cell-style.infograph,
	.content-r .panel-grid-cell-empty .panel-cell-style.infograph { background-size: 90% auto; }
	.content-l .panel-grid-cell-empty .panel-cell-style,
	.content-r .panel-grid-cell-empty .panel-cell-style { height: 240px; }
	.badge {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
	}
	.badge .so-panel {
    height: 200px;
    width: 100%;
	}
	.badge:after {
    margin-left: -15px;
    margin-top: 0px;
    border-top: 10px solid #00d3a7;
    border-bottom: 15px solid transparent;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
	}
	.filters .menu li:not(:last-child) { margin-right: 5px; margin-bottom: 5px; }
	
	.groeimodel { padding: 50px 0px 50px 30px; }
	.groeimodel > .panel-grid-cell:before, .groeimodel > .panel-grid-cell:after {
    font-size: 14px;
    background-size: 1000px;
    height: 30px;
	}
	.groeimodel > .panel-grid-cell:before {
    line-height: 20px;
    background-position: right bottom 3px;
    left: -30px;
    width: 380px;
	}
	.groeimodel > .panel-grid-cell:after {
    line-height: 40px;
    background-position: right top 3px;
    bottom: -30px;
    width: calc(100% - 30px);
	}
	.groeimodel .sow-image-container { overflow-x: auto; }
	.groeimodel .sow-image-container img {
    height: 400px !important;
    max-width: inherit !important;
    margin-right: 30px;
	}
	
	.case-hero p .btn { display: block; }
	.case-hero p .btn:not(:last-child) { margin-right: 0; margin-bottom: 20px; }
	
	.case-client-visual .widget_siteorigin-panels-builder .team .sow-image-grid-wrapper .sow-image-grid-image { width: 33%; }
	
	.case-form { margin-top: 0; }
	.case-form .panel-grid-cell:first-child .widget_sow-image .so-widget-sow-image {
    padding-top: 0;
    margin-top: 0;
	}
	.case-form .panel-grid-cell:first-child .widget_sow-image img {
    position: relative;
    top: 0;
    left: 0;
    -webkit-transform: inherit;
    -ms-transform: inherit;
    transform: inherit;
    height: inherit;
    max-width: 100%;
	}
	
	.contact-met-alt .sow-image-container { max-height: 400px; }

}

@media only screen and (max-width: 320px) /* Voor mobiel klein */ {

	

}