/*
Theme Name: TOPEC def
Template: themetrust-create
Author: Brut Communicatie
Version: 1.1559028718
Updated: 2019-05-28 07:31:58







/*-----------------------------------------------------------------
	CONTENT
-------------------------------------------------------------------
- GLOBAL
- TYPOGRAPHY
    - CUSTOM TYPOGRAPHY
- BUTTONS
- HEADER
	- NAV HOLDER
- VACATURES
- SEPERATOR
- FOOTER_STYLING
- POSTTYPE RDH STYLING
- CUSTOM OPMAAK DIVERSE
	- SLIDER OPMAAK
	- CONTACTFORMS
-  CUSTOM PLUGIN OPMAAK


------------------------------------------------------------------*/


:root {
    --color-blue-primary: #0080d7;
    --color-blue-2nd: #002f5b;
    --color-blue-3rd: #054b82;
    --color-blue-4th: #002450;
}





/*-----------------------------------------------------------------
	HTML
-----------------------------------------------------------------*/
html {
    scroll-behavior: smooth;
  }




  

/*-----------------------------------------------------------------
	GLOBAL
-----------------------------------------------------------------*/
@media (min-width: 1025px) {
	.hide-on-desktop {
		display: none;
	}	
}
@media (min-width: 768px) and (max-width: 1224px) {
	.hide-on-tablet {
		display: none;
	}	
}





/*-----------------------------------------------------------------
	TYPOGRAPHY
-----------------------------------------------------------------*/
.textwidget h1,
.textwidget h2,
.textwidget h3,
.textwidget h4,
.textwidget h5,
.textwidget h6,
.textwidget p,
.sow-slider-image-wrapper h1,
.sow-slider-image-wrapper h2,
.sow-slider-image-wrapper h3,
.sow-slider-image-wrapper h4,
.sow-slider-image-wrapper p {
	word-break: break-word;
}

h1, h2, h3, h4 {
	text-transform: uppercase;
}
.site-main .textwidget h3 {
    font-size: 24px;
    color: var(--color-blue-2nd);
}

/* CUSTOM TYPOGRAPHY */
.homepageheader h1,
.homepageheader h2 {
    font-size: calc(24px + 5.8vw) !important;
    letter-spacing: -2px;
    line-height: 1 !important;
    margin-bottom: 32px !important; 
}
@media (min-width:1261px) {
    .homepageheader h1,
    .homepageheader h2 {
        font-size: 85px !important;
    }
}
.site-main .column--sidebar h2 {
    font-size: 38px;
    letter-spacing: -0.025em;
}
@media (max-width:640px) {
    .site-main .column--sidebar h2 {
        font-size: 32px;
    }
}
.text--lowercase {
    text-transform: lowercase !important;
}
.column--call-out h3,
.column--sidebar h2,
.column--sidebar h3,
.column--sidebar h4 {
    margin: 0 !important;
    padding: 0 !important;
}




/*-----------------------------------------------------------------*/
/* BUTTONS */
/*-----------------------------------------------------------------*/
.button.button--email,
a.button.button--email,
.button.button--email:visited,
a.button.button--email:visited {
/* 	background-color: #F9D300 !important; */
	background: #fff !important;
	color: #006eb9 !important;
}

.homepageheader .widget .homepage-hero a.button,
.homepageheader .widget .homepage-hero a.button:visited {
	text-shadow: 0 1px 1px rgba(0,0,0,0.12) !important;
	margin-bottom:8px;
}
a.button:hover,
.button:hover,
a.button.button--hero:hover {
    opacity: 1;
    /* background-color: var(--color-blue-2nd); */
}

#footer a.button:hover {
    color: #fff !important;
  }


/*-----------------------------------------------------------------*/
/** header **/
/*-----------------------------------------------------------------*/

/* STICKY HEADER */
#site-header {
    position: sticky;
    top: 0;
}

/* NAVHOLDER */
@media (max-width:768px) {
	.nav-holder {
		display: flex;
		flex-wrap: nowrap;
		align-items: center;
	}
}
/* hamburger */
@media (max-width:530px) {
	#site-header.main .secondary-nav span.menu-toggle,
	.inline-header #site-header.main .logo-and-nav .nav-holder {
		height: 40px;
		line-height: 40px;
	}
}
/* tel-number */
/* @media (max-width:530px) {
	.sticky-header.loaded.down .nav-holder .telnumber{
		display: none;
	}
} */

@import url("https://cdn.linearicons.com/free/1.0.0/icon-font.min.css");

body .entry-content {
	color: #585858;
}
#slide-panel .zonder_link.menu-item-has-children::after {
    width: 100%;
    text-align: right;
}
.inline-header #site-header.main #logo {
    position: relative;
    left: -33px;
}
span#search-toggle-open {
    margin: -1px 25px!important;
}
#search-toggle-open::before {
    font-size: 15px;
    position: relative;
    top: 1px;
}
.site-title a:hover {
	opacity:1!important;
}
.entry-content a {
  	-webkit-transition: 0.2s ease;
    -moz-transition: 0.2s ease;
    -o-transition: 0.2s ease;
    transition: 0.2s ease;
}
/* verborgen i.v.m. komen te vervallen sticky header */
/* body.down #site-header.sticky {
    transform: translateY(0) !important;
    -webkit-transform: translateY(0) !important;
    -moz-transform: translateY(0) !important;
    -ms-transform: translateY(0) !important;
    height: 70px;
}
body.down #site-header .inside {
    margin-top: -14px;
}
body.down #site-header.sticky #logo {
    margin-top: 10px;
} */
.content-area li {
	font-size: 1em !important;
}
header a {color: #006eb9;
	text-decoration: none;}

#rdh-header .top-header #site-header.sticky #logo .site-title.sticky {
    position: absolute;
    left: 0;
    top: 0;

}
#rdh-header #site-header.sticky .inside .nav-holder {

    height: 100px !important;
    top: -10px;

}
h2.site-title img, h1.site-title img  {
    margin-bottom: -30px;
	width: 232px;
}
h2.site-title.sticky img, h1.site-title.sticky img {
    margin-bottom: 30px;
}
.menu-toggle.open::before {
    font-size: 18px;
    display: inherit!important;
    margin-right: 4px;
    position: relative;
    top: 1px;
}
span#telnumber, span#email {
    font-size: 16px;
    font-weight: bold;
    padding: 4px 17px; 
}
span#telnumber a::before {

    content: "\f095";
    font-family: FontAwesome;
    font-size: 18px;
    -webkit-font-smoothing: antialiased;
    font-smooth: antialiased;
    margin-right: 5px;

}
span#email a::before {
    content: "\f0e0";
    font-family: FontAwesome;
    font-size: 18px;
    -webkit-font-smoothing: antialiased;
    font-smooth: antialiased;
    margin-right: 5px;
}
#site-header .secondary-nav .menu-toggle.open.constant {
    padding-right: 70px;
    margin-right: -70px;
    padding-top: 2px;
}
.secondary-nav span, .secondary-nav a {
    color: #002f5b;
}
span#menu-toggle-open {
    font-size: 15px;
}
.secondary-nav span:hover, .secondary-nav a:hover, span#menu-toggle-open:hover, .secondary-nav:hover::after  {
	color: #006fb9!important;
}
#site-header {
    background: #fff;
    box-shadow: none;
	-webkit-box-shadow: none;
	padding: 0px!important;
}
/* .loaded.down header {
    border-bottom: 1px solid #ededed!important;
} */
div#header-widget-area {
    background: #f1f0f0;
}
.textwidget.custom-html-widget {
    text-align: right;
    padding-right: 11px;
}
#header-widget-area .textwidget.custom-html-widget {
    padding-right: 0;
}
#header-widget-area .widget_text.inside {
    margin-top: 0 !important;
}
div#header-widget-area .widget-box {
    margin: 0 !important;
    padding: 0px;
    font-size: 14px !important;
}
div#header-widget-area .widget-box span {
	color: #2f5faa;
text-decoration: none !important;
font-weight: bold;
}
div#header-widget-area .widget-box a {
	font-weight: normal;
	color: #5a5a5a;
}
#header-fill {
    width: 268px;
    float: left;
}

.no-marge, .topec-button.no-marge {
	margin: 0px!important;
}
/**.sow-icon-container.sow-icon {
    display: none;
}**/
article.entry .entry-content strong {
    font-weight: bold!important;
}

.entry-content .homepageheader h3 {
        font-weight: bold!important;
        line-height: 90px!important;
	    letter-spacing: -2px; 
	font-size: 85px!important;

}
/* hide bread crumb on home */
.home .chw-widget-area {
    display: none;
}
.down .chw-widget-area {
    display:none;
}




/*-----------------------------------------------------------------*/
/*vacatures*/
/*-----------------------------------------------------------------*/
.scroll-cta-bar {
    position: fixed; 
    left: 0; right: 0; bottom: 0; 
    height: 250px;
}

.printomatictext {
	color: #fff;
	float: right;

}

.pom-default {
	background-image: url('https://topec.testjevorm.nl/wp-content/uploads/2019/11/print-icon-20px.png');
	width:20px;
	height:20px;
	float:right;
	margin-left:20px;
	margin-top: 7px;
}

 .column {
  float: left;
  width: 33.33%;
  justify-content: center;
  display: grid; 
}

 .column-25 {
  float: left;
  width: 25%;
}

 .column-50 {
  float: left;
  width: 50%;
}

 .column-75 {
  float: left;
  width: 75%;
}


 .column-100 {
  float: left;
  width: 100%;
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}
.page-id-3105 .cta-blok {
	padding: 12px 15px 12px 35px !important;
}

/* PLUG-INS CONTACT FORM 7 */

.wpcf7-form-control-wrap {
    display: inline-flex;
}
div.wpcf7 .wpcf7-submit:disabled {
    float:right;
}
input[type="submit"] {
    float:right;
    line-height:2.3em !important;
    margin-top:5px;
}
.wpcf7-form input[type="text"], input[type="email"], textarea {
    width:100% !important;
}
.entry-content .wpcf7 table {
  border: none;
  border-collapse: collapse;
  border-spacing: 0;
  font-size: 14px;
  line-height: normal;
  width: 100%;
}
.entry-content .wpcf7 table tr {
  display: flex;
  align-items: stretch; 
}
.entry-content .wpcf7 table td {
  border: none;
  line-height: normal;
  padding-bottom: 0;
  text-align: left;
}
.entry-content .wpcf7 table td span {
  display: block;
  margin-bottom: 5px;
  overflow: auto;
}
span.wpcf7-list-item {
  display: inline-block !important;
  margin-right: 0.5em;
  margin-left: 0;
}
span.wpcf7-list-item-label {
  display: inline-block !important;
  vertical-align: top;
}
span.wpcf7-form-control-wrap span {
  margin-bottom: 0 !important;
}
.wpcf7 form.sent .wpcf7-response-output {
    border-color: #fff;
    box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;
    padding: 16px;
    color: #006fba;
    font-weight: 700;
  }



.page-id-3105 .site-main h3 {
	font-size:29px;
}


@media only screen and (max-width: 1024px) {
	.entry-content .homepageheader h3 {
	    line-height: 55px!important;
	    font-size: 55px!important;
	}
	.arrow_down_light_grey {
	      top: -202px!important;
	}
	#header-fill {
	    width: 25px;
	    float: left;
	}
	.homepage-hero .sow-slider-image-wrapper {
	    padding-top: 50px!important;
	    max-height: 650px;
	}
	#footer .widget-box {
	    width: 100%!important;
	}
}

.homepageheader .button, .homepageheader .widget a.button, .widget a.button {
    border: none!important;
    background: #0080d7;    
    padding: 6px 22px;
    font-weight: bold;
    border-radius: 10px;
    text-shadow: none!important;
    -webkit-box-shadow: none!important;
    -moz-box-shadow: 0px!important;
    box-shadow: none!important;
    margin-right: 20px;
    text-transform: inherit;
}
article.entry .entry-content .homepage-hero h3 {
    margin: 0!important;
    padding: 0!important;
    line-height: 1em!important;
    margin-left: -4px!important;
	font-size: 84px!important;
}
.homepageheader a {color: white!important;
	font-weight: bold;
	text-decoration: none;
}
.homepageheader {
	font-size: 24px!important;
}
.homepage-hero::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 185px;
    bottom: -55px;
    -webkit-transform: skewY(-4deg);
    transform: skewY(-4deg);
    background: #f1f0f0;
    z-index: 200;
}
.homepage-hero {
	position: relative;
}
body {
    background: #ffffff;
    font-size: 16px;
}
.site-header .site-title img {
	min-width: 232px;
	min-height: 116px;
}
#main {
    margin-top: 0px!important;
}
.site-main .content-col-right h3 {
    font-size: 50px;
}
@media (min-width: 781px) and (max-width:1280px) {
	.site-main .content-col-right h3 {
    	font-size: 4vw;
	}
}
@media (max-width: 780px) {
	.site-main .content-col-right h3 {
    	font-size: 8vw;
	}
}



article.entry .post-text {
    padding: 0px!important;
}
article.entry {
    border: none!important;
    box-shadow: none!important;
    background: #ffffff!important;
}
article.entry .entry-content {
    color: #4e4d4a;
    line-height: 2;
}

.entry-content a {
    color: #2f5faa;
    text-decoration: none!important;
    font-weight: bold;
}

hr.blue-line {
    background-color: #015db2;
    border: 0;
    height: 7px;
    margin-bottom: 27px;
    width: 280px;
    display: inline-block;
}

hr.blue-line-small {
	background-color: #015db2;
    border: 0;
    height: 7px;    
    width: 100px;
    display: inline-block;
    }
h1.site-title {
    margin-bottom: -54px;
    margin-left: -38px;
}
/* .entry-content h1, */
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6 {
    /* margin: 0px!important; */
    padding: 0px!important;
    line-height: 1.2em;
}




/*-----------------------------------------------------------------*/
/**.entry-content h3 {
    font-size: 2.1em!important;
}**/
/*-----------------------------------------------------------------*/
.entry-content h4.firstline {
    margin-bottom: 20px!important;
}
.entry-content h5 {
    font-size: 1em!important;
}
ul, ol {
    margin: 0em 0 3em 0;
}

.topec-button.grijs a span {
	color: gray!important;
}
.topec-button span.sow-icon-ionicons {
    border: 2px solid #0080d7;
    padding: 2px;
    border-radius: 5em;
    width: 26px !important;
    height: 26px !important;
    margin-top: -4px!important;
}

.sow-icon-ionicons[data-sow-icon]:before{
    color: #002f5b !important;
    line-height: 19px;
    vertical-align: text-top;
    padding-left: 2px;
}
.arrow_down_light_grey .sow-icon-ionicons[data-sow-icon]:before {
    color: var(--color-blue-primary) !important;
    line-height: 1 !important;
}

.solutionsfolio article.lsow-module h3 a::after {
    padding-top: 2px !important;
}

.lsow-container button.slick-next, .lsow-container button.slick-prev {
color: #1790df!important;	
}
.lsow-container ul.slick-dots li button {
	background-color:#1790df!important;
	border-color:#1790df!important;
}
.topec-button a {
    border: 0px!important;
    font-size: 16px!important;
    padding-left: 20px!important;
	font-weight: bold!important;
	color: #1790df!important;
	-webkit-transition: 0.2s ease;
    -moz-transition: 0.2s ease;
    -o-transition: 0.2s ease;
    transition: 0.2s ease;
}
.topec-button a:hover {background: #0080d7!important;
	border-radius: 3px; 
}
.topec-button a:hover span {color:white!important}

.topec-button a span {
	color: #006fba!important;    
}

.topec-button .sow-icon-ionicons::before { 
    color: #002f5b !important;
    font-weight: 900;
}

/* MIRTRIR WIDGET */
/* CTA-BLOK INTERESTED */

.cta-blok {
    padding: 12px 35px!important;
    border: 3px solid #0080d7;
	margin-top: 80px!important;
    margin-bottom: 65px;
}
.cta-tekst {
    margin-top: 10px;
}
.cta-blok h3 {
    font-size: 1.5em !important;
}
.cta-blok h4 {
    font-size: 1.2em !important;
}
.cta-blok.solliciteren {
	 border: 3px solid #ffffff;
}
.cta-blok.solliciteren .calltoactionright {
    padding-top: 20px !important;
}
.cta-blok.solliciteren .cta-tekst {
    margin-top: 26px;
}
@media (max-width: 510px) {
    .cta-blok .button {
        width: 100%;
        margin-bottom: 8px;
    }
}

.calltoactionright {
    padding-top: 39px!important;
}
.cta-blok hr.blue-line-small {
	margin-bottom: 0px!important;	
}
.grijs {
    color: #838383 !important;
}
.licht-blauw, #footer .licht-blauw {
    color: #0080d7 !important;
} 
.wit {color: white !important;}
.wit a {
    color: #0080d7;
}
.tel.licht-blauw {

    background-image: url(images/phoneicon.png);
    background-size: 16px;
    background-repeat: no-repeat;
    background-position: 0px 4px;

}
.mail.licht-blauw {
    background-image: url(images/mailicon.png);
    background-size: 16px;
    background-repeat: no-repeat;
    background-position: 0px 4px;

}
.nl.licht-blauw {
	background-image: url(images/nl.jpg);
    background-size: 16px;
    background-repeat: no-repeat;
    background-position: 0px 4px;
    }
.ng.licht-blauw {
	background-image: url(images/nigeria.jpg);
    background-size: 16px;
    background-repeat: no-repeat;
    background-position: 0px 4px;
    }

.donker-blauw, #footer a.donker-blauw {
    color: #002f5b !important;
}
.donkerder-blauw {
    color: #054b82!important;
}
.donkerst-blauw {
	color: #002450!important;
	}
.lightgray-smaller p {
    font-size: 0.87em;
    font-weight: bolder;
}





/*-----------------------------------------------------------------*/
/** seperator **/
/*-----------------------------------------------------------------*/

.arrow_down_light_grey span.sow-icon-ionicons {
    background-image: url(images/separrowdown1.png);
    position: relative;
    padding: 10px 56px;    
    z-index: 300;
    left: 421px;   
}

.arrow_down_light_grey span.sow-icon-ionicons {
    background-image: url(images/separrowdown1.png);    
}

.arrow_down_light_grey{
    z-index: 2000000000;
    position: relative;
    top: -225px;
}
.homepageheader {
    margin-bottom: -150px;
}

 .seperator-bovenkant {
	position: relative;
}
.seperator-bovenkant::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 185px;
    top: -211px;
    -webkit-transform: skewY(-4deg);
    transform: skewY(-4deg);
    background: white;
    left: 0;
}
.seperator-bovenkant-content {
    margin-top: -242px;    
    position: relative;		
}
body #footer {
    z-index: 500 !important;
    position: relative;
}
#footer .sow-icon-fontawesome {

    color: #007cd2 !important;

}
#footer .sow-social-media-button {
	padding:0 0.5em 0 0!important;
	
}
#footer-widgets .seperator-bovenkant:before {   
    left: 0;
}
#footer-widgets .seperator-bovenkant {
	margin-top:-20px;
}
#footer-widgets .seperator-bovenkant-content {
    margin-top: -180px;    
}
.inspring {
    padding-left: 40px;
    display: block;
}
#footer a.button.inspring {
    margin-left: 40px !important;
}
.sep-wit {
	background: white!important;
}
text-small {
    font-size: 14px;
    line-height: 19px!important;
}
.entry-content table, .entry-content table td {
	border: 0px none!important;
}
.text-small {
    font-size: 14px;
    line-height: 19px!important;
}
.last-row {
    padding-bottom: 160px!important;
}
.last-row.var2 {
    padding-bottom: 0 !important;
    margin-bottom: 150px;
}
.last-row.var2 .navigation.post-navigation {
    margin-bottom: 0;
}
.last-row.var2 .post-navigation .nav-links {
    margin: 0 auto!important;
    }




/*-----------------------------------------------------------------*/ 
    /** footer_styling **/
/*-----------------------------------------------------------------*/
#colophon {
    background: #2d2c2c;
    margin-top: 0px;   
}
.lsow-posts-carousel .lsow-posts-carousel-item .hentry {
    background: #fff;
    border-radius: 0!important;
    border: none!important;  
    box-shadow: none!important;
}
.img--footer-logo img {
    width: 209px;
}

/*-----------------------------------------------------------------*/ 
    /** START REFERENTIE BLOK **/
/*-----------------------------------------------------------------*/
.referentieblok .lsow-grid-item {
    padding: 0 !important;
    background: #f1f0f0;
}
.referentieblok .lsow-entry-text-wrap {
    margin: 0 !important;
    padding: 25px;
    background: #f1f0f0;
}

.referentieblok .lsow-portfolio-wrap .lsow-portfolio .lsow-portfolio-item .lsow-entry-text-wrap {
    text-align: left;
    font-size: 13px;
    line-height: 22px;
}
.referentieblok h3 {
    font-size: 18px !important;
    text-align: left;
    text-transform: uppercase;
  }
.referentieblok .lsow-portfolio-wrap .lsow-portfolio .lsow-portfolio-item .lsow-entry-text-wrap a {
    color: #444;
}
.referentieblok .lsow-portfolio-wrap .lsow-portfolio .lsow-portfolio-item .lsow-read-more a span {
    font-size: 24px;
    text-align: center;
    border: 2px solid #0080d7;
    padding: 2px;
    border-radius: 5em;
    width: 26px !important;
    height: 26px !important;
    margin-top: -4px !important;
}
.referentieblok .lsow-portfolio-wrap .lsow-portfolio .lsow-portfolio-item .lsow-read-more a:not(.lsow-button)::after {
    content: '';
}
.referentieblok .lsow-portfolio {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
    margin: 0 !important;
    overflow: visible !important;
}
.lsow-gapless-grid .lsow-grid-container .lsow-grid-item {
    position: relative !important;
    left: 0 !important;
    top:0 !important;
}
@media (min-width:960px) {
    .lsow-gapless-grid .lsow-grid-container.lsow-grid-desktop-4 .lsow-grid-item {
        width: calc(25% - 16px);
    }
    .lsow-gapless-grid .lsow-grid-container.lsow-grid-desktop-3 .lsow-grid-item {
        width: calc(33% - 24px);
    }
}
@media (min-width:721px) and (max-width:960px) {
    .lsow-gapless-grid .lsow-grid-container.lsow-grid-desktop-3 .lsow-grid-item,
    .lsow-gapless-grid .lsow-grid-container.lsow-grid-tablet-3 .lsow-grid-item {
        width: calc(33% - 8px);
    }
    .lsow-gapless-grid .lsow-grid-container.lsow-grid-desktop-3 .lsow-grid-item {
        width: calc(50% - 16px);
    }
}
@media (min-width:481px) and (max-width:720px) {
    .lsow-gapless-grid .lsow-grid-container.lsow-grid-mobile-2 .lsow-grid-item {
        width: calc(50% - 8px);
    }
    .lsow-gapless-grid .lsow-grid-container.lsow-grid-desktop-3 .lsow-grid-item {
        width: calc(50% - 16px);
    }
}
@media (max-width:480px) {
    .lsow-gapless-grid .lsow-grid-container.lsow-grid-mobile-2 .lsow-grid-item {
        width: 100%;
    }
    .lsow-gapless-grid .lsow-grid-container.lsow-grid-desktop-3 .lsow-grid-item {
        width: 100%;
    }
}

.referentieblok .lsow-project-image a::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    overflow: hidden;
    width: 100%;
    height: 100%;
    -webkit-transition: opacity 0.4s ease-in-out 0s;
    transition: opacity 0.4s ease-in-out 0s;
    opacity: 0;
}
.referentieblok .lsow-project-image a::after {
    background: rgba(0, 111, 185, 0.54) !important;
}
.referentieblok .lsow-project-image:hover a::after {
    opacity: 1;
}
.referentieblok .lsow-image {
    -webkit-filter: brightness(100%) !important;
    filter: brightness(100%) !important;
  }

  .referentieblok .lsow-entry-meta a {
      pointer-events: none;
  }

/* Onderstaande code uit gezet na overstappen van Livemesh SiteOrigin Widgets Pro naar Livemesh SiteOrigin Widgets Lite */
/* 
.referentieblok.overzichtrdh .lsow-read-more {
    display: none!important;
}
.referentieblok .lsow-entry-meta span a,
.referentieblok .lsow-module .lsow-module-meta span a {
	pointer-events: none!important;
}
.referentieblok.overzichtrdh .referenties,
.referentieblok.overzichtrdh .lsow-module {
	border-radius: 0px!important;
}
.referentieblok.overzichtrdh .lsow-module .lsow-comments {
	display: none;
}
.referentieblok.overzichtrdh .lsow-module .lsow-module-meta {
	text-align: left;
}
.referentieblok.overzichtrdh .lsow-module .lsow-module-entry-text {
    padding-bottom: 40px;
}
.referentieblok {
	margin-top: -20px;
}
.referentieblok .lsow-terms {
    line-height: 17px;
}
.referentieblok .lsow-entry-meta {
    margin-bottom: 15px;
}
.referentieblok .lsow-posts-carousel {
	max-width: 100%!important;
	width: 100%!important;
}
.referentieblok .lsow-posts-carousel-item {
    margin-right: 7px;
}
.referentieblok .lsow-entry-info {
    visibility: hidden;
}
.referentieblok.big .referenties,
.referentieblok.big .lsow-block-grid .lsow-module  {
    position: relative;
    background: #f1f0f0;
    border-right: 1px solid gray !important;
    border-bottom: 1px solid gray !important;

}
.referentieblok.big.overzichtrdh.nieuws .entry-title {
    min-height: 52px;
}
.referentieblok.big.overzichtrdh.nieuws .entry-summary {
    text-align: left;
}

@media only screen and (min-width: 768px) {
    .referentieblok.big .lsow-entry-text-wrap {
        float: left;
    }
    .referentieblok.big .lsow-project-image {
        max-width: 50%;
        float: left;
    }
}

.referentieblok.big .lsow-posts-carousel .lsow-posts-carousel-item .lsow-entry-text-wrap {
    text-align: left;
}
.referentieblok.big h3 {
	padding: 0!important;
}
.referentieblok.big h3 a {
	min-height: inherit!important;
    color: #002f5b !important;
    display: block;
    line-height: 1em !important;
}
.referentieblok h3 a::after {
	font-family: "sow-ionicons";
	content: "";
    position: absolute;
    bottom: 12px;
    left: 17px;
    border: 1px solid;      
    border-radius: 100%;
    border-color: #006fb9;
    color: #002f5b;
    font-size: 19px;
    width: 25px;
    height: 25px;
    padding-left: 2px; 
    padding-top: 3px;
	text-align: center;
}
@media only screen and (max-width: 768px) {
	.referentieblok h3 a::after {
		right: 20px;
	}
}
.referentieblok .entry-title {
    min-height: 52px;
}
.referentieblok .slick-dots {
    bottom: -56px !important;
}
.referentieblok .lsow-project-image a::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    overflow: hidden;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    -webkit-transition: opacity 0.4s ease-in-out 0s;
    transition: opacity 0.4s ease-in-out 0s;
    opacity: 0;
}
.referentieblok .lsow-project-image a::after {
    background: rgba(0, 111, 185, 0.54) !important;
}
.referentieblok .lsow-project-image:hover a::after {
    opacity: 1;
}
 */
/*-----------------------------------------------------------------*/ 
    /** END REFERENTIE BLOK **/
/*-----------------------------------------------------------------*/

/*-----------------------------------------------------------------*/ 
    /** START NIEUWS BLOK **/
/*-----------------------------------------------------------------*/
.lsow-gapless-grid .lsow-grid-container .lsow-grid-item {
    margin-bottom: 24px;
}


/*-----------------------------------------------------------------*/ 
    /** END NIEUWS BLOK **/
/*-----------------------------------------------------------------*/


/*-----------------------------------------------------------------*/ 
    /** START VACATURES BLOK **/
/*-----------------------------------------------------------------*/

.vacature-carrousel-rij .lsow-posts-carousel .lsow-posts-carousel-item .hentry {
    background: #ffffff;
    border-right: 1px solid gray !important;
    border-bottom: 1px solid gray !important;
    padding-bottom: 20px;
}
.vacature-carrousel-rij h3 a::after {
    bottom: 27px!important;
}
.big .vacatures .lsow-entry-text-wrap {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 218px;
}
.vacature-carrousel-rij .lsow-entry-meta a {
    pointer-events: none;
}


/*-----------------------------------------------------------------*/ 
    /** END VACATURES BLOK **/
/*-----------------------------------------------------------------*/


/*-----------------------------------------------------------------*/ 
    /** START CTA CONTACT BLOK **/
/*-----------------------------------------------------------------*/

.row__cta--contact {
    padding-top: 144px;
    padding-bottom: 304px;
    margin-bottom: -160px;
}
.row__cta--contact .cta-blok {
    background: #fff;
}
@media (max-width: 767px) {
    .row__cta--contact {
        padding-top: 0;
        padding-bottom: 64px;
        margin-bottom: -120px;
    }
}
@media (min-width:768px) and (max-width:1199px) {
    .row__cta--contact {
        padding-top: 48px;
        padding-bottom: 144px;
        margin-bottom: -120px;
      }
}

/*-----------------------------------------------------------------*/ 
    /** END CTA CONTACT BLOK **/
/*-----------------------------------------------------------------*/


.lsow-posts-carousel .lsow-container button.slick-next:before,
.lsow-posts-carousel .lsow-container button.slick-prev:before{
    color: #d1d1d1;
}
h3 a::after{
    border-width: 2px !important;
}
.solutionsfolio .lsow-gapless-grid .lsow-fourcol {
    width: calc(16.66%)!important;
}

.solutionsfolio .lsow-block-grid .lsow-module {
    background: #f1f0f0;
}
.solutionsfolio .lsow-gapless-grid .lsow-fourcol {
    width: calc(16.66%)!important;
}
.solutionsfolio .lsow-block-column {
    padding: 10px!important;
}
.solutionsfolio.test h3 a {
    color: #002450 !important;
    font-size: 26px;
    text-transform: uppercase;
    min-height: 52px !important;
    display: inline-block;

}

@media only screen and (max-width: 768px) {
	.solutionsfolio .lsow-gapless-grid .lsow-fourcol {
    	width: inherit!important;    
	}
	#footer .secondary {
	    padding: 0px;
	    background-color: #fff;
	}
	#footer .main {
	    margin: 0 auto;
	    padding: 70px 0 0px !important;    
	}
	#footer .widget-box {
		margin-bottom: 0px!important;
	}
	.seperator-bovenkant-content {
	    margin-top: -210px;
	    position: relative;
	}
}

.text__route .sow-icon-ionicons {
	position: relative;
	top: 1px;
}



/*-----------------------------------------------------------------*/
/* posttype RDH styling **/
/*-----------------------------------------------------------------*/
.solutionsfolio article.lsow-module,
.referentieblok .lsow-posts-carousel .lsow-posts-carousel-item article.products  {
    border-right: 1px solid lightgray!important;
    border-bottom: 1px solid lightgray!important;
}
.solutionsfolio article.lsow-module {
    border-right: 1px solid lightgray !important;
    border-bottom: 1px solid lightgray !important;
    background: #f1f0f0;

}
.solutionsfolio article.lsow-module h3 {
    font-size: 18px !important;
    text-align: left;
    padding: 0px 17px !important;
    text-transform: uppercase;

}
.solutionsfolio article.lsow-module h3 a,
.referentieblok h3 a {
    color: #002f5b !important;
    display: block;
    min-height: 68px;
    line-height: 1em !important;
}

.lsow-posts-carousel .lsow-posts-carousel-item .lsow-project-image:hover img {

    -webkit-filter: brightness(100%)!important;
    filter: brightness(100%)!important;
}
.solutionsfolio article.lsow-module h3 a::after {
	font-family: "sow-ionicons";
	content: "";
    position: absolute;
    bottom: 12px;
    left: 17px;
    border: 1px solid;      
    border-radius: 100%;
    border-color: #006fb9;
    color: #002f5b;
    font-size: 19px;
    width: 25px;
    height: 25px;
    padding-left: 2px; 
    padding-top: 3px;
	text-align: center;
}

.lsow-module-image .lsow-post-link::after {
    background: rgba(0, 111, 185, 0.54)!important;
}

    
@media (max-width:1270px) {
    #site-header .inside {
        padding: 0 24px;
    }
}
@media only screen and (max-width: 768px) {
    .secondary-nav {
        margin-right: 11px!important;
    }
    .arrow_down_light_grey span.sow-icon-ionicons {
        left: 0px;
    }	
    .secondary-nav::after {
        content:"";
        display: none;
    }	
    #site-header .secondary-nav .menu-toggle.open.constant {
        padding-right: 0px;
        margin-right: 0px;
    }
    .inline-header #site-header.sticky .inside .nav-holder {    
        top: -0px!important;
        
    }
    .inline-header #site-header.main .nav-holder {	
        top: 0px!important;	
    }
    .home .solid.light .nav-holder {    
        top: 0px;         
    }
    .home .main.solid.light .nav-holder {	
        top: 0px;         
    }
}

@media only screen and (max-width: 640px) {
    .cta-blok.solliciteren {
        width:325px;
    }
    .column {
    width: 100%;
    }
   .column-50 {
	   width: 100%;
   }
    .page-id-3105 .site-main h3 {
        font-size:15px;
    }
    input[type="submit"] {
        padding: 8px 22px 8px !important;
        line-height:2.3em !important;
        margin: 5px 3px 0 0 !important;
    }
}
	






	
/*-----------------------------------------------------------------*/
/* CUSTOM OPMAAK DIVERSE **/
/*-----------------------------------------------------------------*/

/* PAGE REFERENCES */
/* BG WHITE */
.bg--white {
    background-color: #fff;
    padding-top: 64px;
    padding-bottom: 64px;
}


/* SLIDER OPMAAK */
.sow-slider-image-container .sow-slider-image-wrapper h3 {
	margin-bottom: 32px !important;
}



/* CONTACTFORMS */
.wpcf7-form {
	background: #fff;
	border: 3px solid #0080d7;
	box-shadow: 1px 1px 0px rgba(0,0,0,0.12);
	padding: 25px;
}
.wpcf7 .wpcf7-form h3 {
	font-size: 25px;
}
.wpcf7 .wpcf7-form h4 {
	font-size: 25px;
}
.wpcf7 .wpcf7-form p:first-of-type {
	margin-top: 25px;
}
.wpcf7 .wpcf7-form p {
	font-size: 14px;
}

.wpcf7 .your-message {
	height: 125px;
}

/* ROW EXTRA PADDING */
.row--padding-extra {
    padding: 80px 0;
}
/* ROW SWAP */
@media (max-width:780px) {
    .row--swap .panel-grid-cell:nth-child(1) {
        order: 2;
    }
    .row--swap .panel-grid-cell:nth-child(2) {
        order: 1;
    }
}



	
/*-----------------------------------------------------------------*/
/* CUSTOM PLUGIN OPMAAK  **/
/*-----------------------------------------------------------------*/
/* COOKIEBOT */
#CybotCookiebotDialogBodyContentTitle,
#CybotCookiebotDialogBodyContentTitle h2,
#CybotCookiebotDialogBodyButtonsWrapper button {
    text-transform: none !important;
}