@charset 'UTF-8';
.slick-slider
{
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list
{
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus
{
outline: none;
}
.slick-list.dragging
{
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list
{
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track
{
position: relative;
top: 0;
left: 0;
display: block;
}
.slick-track:before,
.slick-track:after
{
display: table;
content: '';
}
.slick-track:after
{
clear: both;
}
.slick-loading .slick-track
{
visibility: hidden;
}
.slick-slide
{
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir='rtl'] .slick-slide
{
float: right;
}
.slick-slide img
{
display: block;
}
.slick-slide.slick-loading img
{
display: none;
}
.slick-slide.dragging img
{
pointer-events: none;
}
.slick-initialized .slick-slide
{
display: block;
}
.slick-loading .slick-slide
{
visibility: hidden;
}
.slick-vertical .slick-slide
{
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}
 .slick-loading .slick-list
{
background: #fff url(https://groothuisbv.nl/wp-custom/themes/twinsense/slick/ajax-loader.gif) center center no-repeat;
} @font-face
{
font-family: 'slick';
font-weight: normal;
font-style: normal;
src: url(https://groothuisbv.nl/wp-custom/themes/twinsense/slick/fonts/slick.eot);
src: url(https://groothuisbv.nl/wp-custom/themes/twinsense/slick/fonts/slick.eot?#iefix) format('embedded-opentype'), url(https://groothuisbv.nl/wp-custom/themes/twinsense/slick/fonts/slick.woff) format('woff'), url(https://groothuisbv.nl/wp-custom/themes/twinsense/slick/fonts/slick.ttf) format('truetype'), url(https://groothuisbv.nl/wp-custom/themes/twinsense/slick/fonts/slick.svg#slick) format('svg');
} .slick-prev,
.slick-next
{
font-size: 0;
line-height: 0;
position: absolute;
top: 50%;
display: block;
width: 20px;
height: 20px;
padding: 0;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
cursor: pointer;
color: transparent;
border: none;
outline: none;
background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
color: transparent;
outline: none;
background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
opacity: .25;
}
.slick-prev:before,
.slick-next:before
{
font-family: 'slick';
font-size: 20px;
line-height: 1;
opacity: .75;
color: white;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-prev
{
left: -25px;
}
[dir='rtl'] .slick-prev
{
right: -25px;
left: auto;
}
.slick-prev:before
{
content: '←';
}
[dir='rtl'] .slick-prev:before
{
content: '→';
}
.slick-next
{
right: -25px;
}
[dir='rtl'] .slick-next
{
right: auto;
left: -25px;
}
.slick-next:before
{
content: '→';
}
[dir='rtl'] .slick-next:before
{
content: '←';
} .slick-dotted.slick-slider
{
margin-bottom: 30px;
}
.slick-dots
{
position: absolute;
bottom: -25px;
display: block;
width: 100%;
padding: 0;
margin: 0;
list-style: none;
text-align: center;
}
.slick-dots li
{
position: relative;
display: inline-block;
width: 20px;
height: 20px;
margin: 0 5px;
padding: 0;
cursor: pointer;
}
.slick-dots li button
{
font-size: 0;
line-height: 0;
display: block;
width: 20px;
height: 20px;
padding: 5px;
cursor: pointer;
color: transparent;
border: 0;
outline: none;
background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
opacity: 1;
}
.slick-dots li button:before
{
font-family: 'slick';
font-size: 6px;
line-height: 20px;
position: absolute;
top: 0;
left: 0;
width: 20px;
height: 20px;
content: '•';
text-align: center;
opacity: .25;
color: black;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
opacity: .75;
color: black;
}img {max-width:100%;height: auto;}
h1, h2, h3, h4, .navbar-default {font-family: Ubuntu, Arial, "Helvetica Neue", Helvetica, sans-serif;color: #2d4759;}
h1, h2 { font-size: 25px; font-weight:bold; }
h2, h3 {font-weight:700;font-size: 1.5rem;margin-bottom: 1rem;position:relative;margin-top: 30px;}
h3 {font-size: 16px;}
h1 a, h2 a, h3 a, h1 a:hover, h2 a:hover, h3 a:hover { color:inherit; text-decoration:none; }
html, body {font-size: 15px;line-height: 200%;height: 100%;background: #EEE;}
body, input { font-family: Ubuntu, Arial, "Helvetica Neue", Helvetica, sans-serif; font-weight:300}
p { max-width:800px; }
.row.smallgap div[class^="col"] { padding-left:8px; padding-right:8px; }
.row.smallgap { margin-left:-8px; margin-right:-8px; }
.navbar-default {background-color:transparent;border: none; }
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {background-color:transparent;color: #FFF;}
.navbar-default .navbar-toggle {border-color:#FFF;border-width:2px;margin-bottom: 15px; margin-right: 45px;}
.navbar-default .navbar-collapse, .navbar-default .navbar-form { border:none; background:#333; }
.header-top {background-color: #097753;position:fixed;height: 70px;width: 100vw;z-index: 100;border-bottom: 6px solid #fabc47; background-image: url(//groothuisbv.nl/wp-custom/themes/twinsense/images/background_overlay.png); background-position: left center;  background-size: 50%; background-repeat: no-repeat;}
.header {padding: 70px 0 20px;background: #EEE;}
.header h1 {font-weight:400;margin-top: 0;position:relative; font-size: 3rem;color: #FFF;}
.header h1 em {font-style:normal;font-weight:600;display: block;}
.header h1 strong { font-weight:700; text-transform:uppercase; color:#f5800e; }
.header h1::after {content:'';position:absolute;width:100px;border-bottom:2px solid #FFF;left:0;bottom: -10px;}
.fb-link{
position: absolute;
top: 0;
right: 0;
margin-right: 30px;
margin-top: 20px;
cursor: pointer;
z-index: 99;
font-size: 25px;
color: #fff;
}
.fb-link:hover{
color: #fabc47;
}
section.referenties { background:#333; }
section.referenties h2 { color:#FFF; }
section {position:relative; }
section .text {position: relative; padding: 15px 30px;background:#FFF;border-bottom: 6px solid #75ad93;flex: 1 0 auto;}
section>*>div {margin-bottom: 40px;}
.single-post h2 { margin-top:0; }
.single-post .img {box-shadow: 0 0 20px 0 rgba(0,0,0,0.2);display: block;border: 1px solid rgba(0,0,0,0.1); margin:20px;}
.single-post section { padding-top:2rem; }
.single-post #newsslider { padding-top:4rem;}
.footer {width: 100%;clear: both; background: #097753;border-top: 6px solid #f8b500;background-size: contain;}
.footer {color:#FFF;padding:1rem 0; }
.footer h2 {margin-top: 15px;}
.footer h2, .footer a, .footer a:hover {color:#FFF;font-size: 110%;}
.footer label { display:none; }
.footer input { padding: 4px 8px; max-width:100%; background:transparent; border:1px solid #eee; }
.footer input[type=submit] { background:#f5800e; border:none; }
ul.slider {padding:0;margin: 0; white-space:nowrap;}
ul.slider li.slick-slide {padding: 0 3px 0;}
ul.slider li { display:inline-block; }
ul.slider li a{
display: block;
}
.home .image, .nieuws .image { position:relative; }
.home .image::after, .nieuws .image::after { content:'\f0d8'; font-family:FontAwesome; font-size:100px; position:absolute; color:#FFF; bottom:0; left:30px;}
.home .image+.text { margin-top:-40px; }
.home .image+.text h3, .nieuws .image+.text h3 { margin-top:15px; }
.nieuws .image{
padding-top: 70%;
background-size: cover;
background-position: 50% 50%;
}
.readmore{
display: block;
padding: 5px;
padding-left: 45px;
padding-right: 15px;
color: #fff;
font-weight: 700;
background-color: #75ad93;
position: absolute;
right: 0;
bottom: 0;
margin-bottom: -22px;
margin-right: -20px;
transition: 0.3s ease all;
}
.readmore:hover{
text-decoration: none;
color: #fff;
background-color: #fabc47;
transition: 0.3s ease all;
}
ul.slider li img  {  max-width: 100vw; }
@media (min-width:  320px) { ul.slider li img  {  max-width: 500px; max-height: 250px;} }
@media (min-width:  768px) { ul.slider li img  {  max-width: 710px; max-height: 300px;} }
@media (min-width:  992px) { ul.slider li img  {  max-width: 940px; max-height: 344px;} }
@media (min-width: 1200px) { ul.slider li img {  max-width: 1140px; max-height: 570px; } }
.slick-arrow {position:absolute;z-index:10;top:50%;transform:translateY(-50%);width:50px;height: 120px;background:none;border:none;font-family:FontAwesome;font-size:0;color:#FFF;padding: 0;margin: 0;}
.slick-prev::before { font-family:FontAwesome; content:'\f104'; }
.slick-next::before { font-family:FontAwesome; content:'\f105'; }
.header-top .container {position:relative;padding: 8px 15px 0px;}
.header-top .container .logo {z-index:10;display:block;width: 200px;height: 50px;background: url(//groothuisbv.nl/wp-custom/themes/twinsense/images/groothuis_logo.png);position:absolute;top: 9px;left: 15px;background-size: contain;background-repeat: no-repeat; }
.navbar-default .navbar-nav>li>a {padding: 10px 15px;color: #FFF;font-size: 16px;font-style: italic;}
.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .current_page_ancestor > a {background:transparent;color: #FFF; text-shadow: 0px 0px 4px rgba(255, 255, 255, 1);}
.navbar-default .navbar-toggle .icon-bar {background:#FFF;}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover { background:rgba(0,0,0,0.4); }
.dropdown-menu { font-size: 18px; text-align: left; list-style: none; }
#refvid { display:none; }
.slick-next {right: 20px;}
.slick-prev { left:20px; }
.slick-prev::before {font-size:120px;content:'\f104';}
.slick-next::before { font-size:120px; content:'\f105'; }
.slick-dots { position:absolute; bottom:0; left:50%; transform:translateX(-50%); list-style:none; }
.slick-dots li { float:left; padding:10px; }
.slick-dots button { border-radius:50%; font-size:0; width:10px; height:10px; padding:0; border:none; background:rgba(255, 255, 255, 0.45); }
.slick-dots .slick-active button { background:#fff; }
@media ( min-width:768px ) {
.row {margin-left:-20px;margin-right:-20px;display: flex;flex-direction: row;}
.nieuws.row{display:block;}
div[class*='col-'] {padding:0 20px;flex: 1 0 auto;display: flex;flex-direction: column;}
.nieuws div[class*='col-'] {display: block;}
html {display:flex;flex-direction:column;}
body {display:flex;flex: 1 1 auto;flex-direction:column;font-size: 1rem;}
body>div#maincontent {flex: 1 0 auto;}
body>.header,
body>.footer {flex:0 0 auto;overflow: hidden;}
.header, .header-top { background-size:50%; }
.header-top { min-height:150px; }
.header-top .container {padding: 8px 0 0;}
.header-top .container::after {top: 25px;}
.header-top .container .logo {width: 260px;height: 70px;top: 17px;left: 7px;}
.navbar-default {margin: 0 -30px;position: relative;}
.navbar-default .navbar-collapse, .navbar-default .navbar-form { background:transparent; }
.header {padding: 30px 0 30px;margin-top: 100px;}
.home .header {padding: 6px 0;}
.header h1 { font-size: 5rem;color: #FFF;}
.header h1::after {bottom: -10px;}
section {overflow: visible;}
.home ul.links {float: left;width: 20%;min-width: 150px;margin: 0 15px 0 0;}
.home section:nth-child(2n) ul.links { margin: 0 0 0 15px; }
.home section:nth-child(2n) ul.links,
.home section:nth-child(2n) .col-sm-6 {float:right;}
.home .focus {border:none;padding: 0; flex:1 1 auto }
.home .focus .content { padding: 0 15px; }
.home section.kanalen .container .row {border:3px solid #aaa;padding: 30px;margin: 0 -38px;}
.home section.diensten .row { display:flex; }
.home section.diensten .row .col-sm-3 { flex:1 1 auto; }
.navbar-nav {float: right;margin: 0 0px;margin-left: 250px; margin-right: 100px; z-index: 10;position: relative;}
#newsslider li { width:33.333%; }
.home section.referenties {overflow:hidden; }
#refvid { display:block; position:absolute;top: 50%;height:0;padding-bottom: 56.25%;left:0;right:0;overflow:hidden;transform: translateY(-50%);}
#refvid iframe {position:absolute;width: 100%;height: 100%;}
}
@media ( min-width:1400px ) {
.header {padding: 6px 0 30px;margin-top: 100px;}
.header-top { min-height:100px; }
section {overflow: visible;}
}