@charset "UTF-8";
   html {
line-height: 1.15; -webkit-text-size-adjust: 100%; }  body {
margin: 0; } h1 {
font-size: 2em;
margin: 0.67em 0; }  hr {
box-sizing: content-box; height: 0; overflow: visible; } pre {
font-family: monospace, monospace; font-size: 1em; }  a {
background-color: transparent; } abbr[title] {
border-bottom: none; text-decoration: underline; text-decoration: underline dotted; } b,
strong {
font-weight: bolder; } code,
kbd,
samp {
font-family: monospace, monospace; font-size: 1em; } small {
font-size: 80%; } sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline; }
sub {
bottom: -0.25em; }
sup {
top: -0.5em; }  img {
border-style: none; }  button,
input,
optgroup,
select,
textarea {
font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0; } button,
input { overflow: visible; } button,
select { text-transform: none; } button,
[type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button; } button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0; } button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText; } fieldset {
padding: 0.35em 0.75em 0.625em; } legend {
box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; } progress {
vertical-align: baseline; } textarea {
overflow: auto; } [type="checkbox"],
[type="radio"] {
box-sizing: border-box; padding: 0; } [type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto; } [type="search"] {
-webkit-appearance: textfield; outline-offset: -2px; } [type="search"]::-webkit-search-decoration {
-webkit-appearance: none; } ::-webkit-file-upload-button {
-webkit-appearance: button; font: inherit; }  details {
display: block; } summary {
display: list-item; }  template {
display: none; } [hidden] {
display: none; }
* {
box-sizing: border-box; }
img {
max-width: 100%;
height: auto; }
code {
overflow: scroll; }
p {
margin: 0; }
.blockBehind {
position: relative;
z-index: 10; }
.blockBehind:before {
content: "";
z-index: -1;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
height: 147px;
width: 147px;
background-image: url(//www.mesuenpartners.nl/wp-content/themes/Mesu/assets/img/heading-block.png);
background-repeat: no-repeat;
background-size: contain; }
a.arrow {
font-style: italic; }
a.arrow:after {
content: "→";
display: inline-block;
margin-bottom: 3px;
transition: .35s;
margin-left: 10px; }
a.arrow:hover:after {
padding-left: 10px; }
.grey {
background-color: #FCFCFC; }
.underline {
position: relative;
margin-bottom: calc(1.5rem + 20px); }
.underline:after {
position: absolute;
bottom: -7.5px;
width: 64px;
height: 4px;
background-color: #008C95;
color: #fff;
content: "";
left: calc(50% - 32px); }
.underline-left {
margin-bottom: calc(1.5rem + 20px);
position: relative; }
.underline-left:after {
position: absolute;
bottom: -7.5px;
width: 64px;
height: 4px;
background-color: #008C95;
color: #fff;
content: "";
left: 0; }
.time {
display: block;
text-align: center;
margin-bottom: 2rem;
margin-top: -1rem;
text-transform: uppercase;
font-weight: 300; } html {
font-size: 16.5px;
font-family: 'Merriweather';
color: #7d7d7d; }
@media (max-width: 1000px) {
html {
font-size: calc(14px + .25vw); } } body {
font-size: 1rem;
line-height: 2em; }
strong {
font-weight: bold; }
em {
font-style: italic; }
small {
font-size: 75%; }
h1, h2, h3, h4, h5, h6 {
font-family: 'Maven Pro';
font-weight: 900;
line-height: 1.5em;
color: #424242; }
.font-h1, .font-h2, .font-h3, .font-h4, .font-h5, .font-h6 {
line-height: 1.5em;
font-weight: 300; }
h1, .font-h1 {
font-size: 2rem;
margin-bottom: 2rem; }
h2, .font-h2 {
font-size: 1.8rem;
margin-bottom: 1.8rem; }
h3, .font-h3 {
font-size: 1.6rem;
margin-bottom: 1.6rem; }
h4, .font-h4 {
font-size: 1.4rem;
margin-bottom: 1.4rem; }
h5, .font-h5 {
font-size: 1.2rem;
margin-bottom: 1.2rem; }
h6, .font-h6 {
font-size: 1rem;
margin-bottom: 1rem; } .text-left {
text-align: left; }
.text-right {
text-align: right; }
.text-center {
text-align: center; } .text-capitalize {
text-transform: capitalize; }
.text-lowercase {
text-transform: lowercase; }
.text-uppercase {
text-transform: uppercase; } a {
color: #008C95;
text-decoration: none; }
a:hover {
opacity: 0.8; } @font-face {
font-family: 'Merriweather';
font-style: normal;
font-weight: 300;
src: local("Merriweather Light"), local("Merriweather-Light"), url(https://fonts.gstatic.com/s/merriweather/v19/u-4n0qyriQwlOrhSvowK_l521wRZVcf6lvg.woff2) format("woff2");
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } @font-face {
font-family: 'Merriweather';
font-style: normal;
font-weight: 300;
src: local("Merriweather Light"), local("Merriweather-Light"), url(https://fonts.gstatic.com/s/merriweather/v19/u-4n0qyriQwlOrhSvowK_l521wRZXMf6lvg.woff2) format("woff2");
unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } @font-face {
font-family: 'Merriweather';
font-style: normal;
font-weight: 300;
src: local("Merriweather Light"), local("Merriweather-Light"), url(https://fonts.gstatic.com/s/merriweather/v19/u-4n0qyriQwlOrhSvowK_l521wRZV8f6lvg.woff2) format("woff2");
unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB; } @font-face {
font-family: 'Merriweather';
font-style: normal;
font-weight: 300;
src: local("Merriweather Light"), local("Merriweather-Light"), url(https://fonts.gstatic.com/s/merriweather/v19/u-4n0qyriQwlOrhSvowK_l521wRZVsf6lvg.woff2) format("woff2");
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face {
font-family: 'Merriweather';
font-style: normal;
font-weight: 300;
src: local("Merriweather Light"), local("Merriweather-Light"), url(https://fonts.gstatic.com/s/merriweather/v19/u-4n0qyriQwlOrhSvowK_l521wRZWMf6.woff2) format("woff2");
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face {
font-family: 'Merriweather';
font-style: normal;
font-weight: 400;
src: local("Merriweather Regular"), local("Merriweather-Regular"), url(https://fonts.gstatic.com/s/merriweather/v19/u-440qyriQwlOrhSvowK_l5-cSZMZ-Y.woff2) format("woff2");
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } @font-face {
font-family: 'Merriweather';
font-style: normal;
font-weight: 400;
src: local("Merriweather Regular"), local("Merriweather-Regular"), url(https://fonts.gstatic.com/s/merriweather/v19/u-440qyriQwlOrhSvowK_l5-eCZMZ-Y.woff2) format("woff2");
unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } @font-face {
font-family: 'Merriweather';
font-style: normal;
font-weight: 400;
src: local("Merriweather Regular"), local("Merriweather-Regular"), url(https://fonts.gstatic.com/s/merriweather/v19/u-440qyriQwlOrhSvowK_l5-cyZMZ-Y.woff2) format("woff2");
unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB; } @font-face {
font-family: 'Merriweather';
font-style: normal;
font-weight: 400;
src: local("Merriweather Regular"), local("Merriweather-Regular"), url(https://fonts.gstatic.com/s/merriweather/v19/u-440qyriQwlOrhSvowK_l5-ciZMZ-Y.woff2) format("woff2");
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face {
font-family: 'Merriweather';
font-style: normal;
font-weight: 400;
src: local("Merriweather Regular"), local("Merriweather-Regular"), url(https://fonts.gstatic.com/s/merriweather/v19/u-440qyriQwlOrhSvowK_l5-fCZM.woff2) format("woff2");
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face {
font-family: 'Merriweather';
font-style: normal;
font-weight: 900;
src: local("Merriweather Black"), local("Merriweather-Black"), url(https://fonts.gstatic.com/s/merriweather/v19/u-4n0qyriQwlOrhSvowK_l52_wFZVcf6lvg.woff2) format("woff2");
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } @font-face {
font-family: 'Merriweather';
font-style: normal;
font-weight: 900;
src: local("Merriweather Black"), local("Merriweather-Black"), url(https://fonts.gstatic.com/s/merriweather/v19/u-4n0qyriQwlOrhSvowK_l52_wFZXMf6lvg.woff2) format("woff2");
unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } @font-face {
font-family: 'Merriweather';
font-style: normal;
font-weight: 900;
src: local("Merriweather Black"), local("Merriweather-Black"), url(https://fonts.gstatic.com/s/merriweather/v19/u-4n0qyriQwlOrhSvowK_l52_wFZV8f6lvg.woff2) format("woff2");
unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB; } @font-face {
font-family: 'Merriweather';
font-style: normal;
font-weight: 900;
src: local("Merriweather Black"), local("Merriweather-Black"), url(https://fonts.gstatic.com/s/merriweather/v19/u-4n0qyriQwlOrhSvowK_l52_wFZVsf6lvg.woff2) format("woff2");
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face {
font-family: 'Merriweather';
font-style: normal;
font-weight: 900;
src: local("Merriweather Black"), local("Merriweather-Black"), url(https://fonts.gstatic.com/s/merriweather/v19/u-4n0qyriQwlOrhSvowK_l52_wFZWMf6.woff2) format("woff2");
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face {
font-family: 'Maven Pro';
font-style: normal;
font-weight: 400;
src: local("Maven Pro Regular"), local("MavenPro-Regular"), url(https://fonts.gstatic.com/s/mavenpro/v11/7Au9p_AqnyWWAxW2Wk3GwmQIAFg.woff2) format("woff2");
unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB; } @font-face {
font-family: 'Maven Pro';
font-style: normal;
font-weight: 400;
src: local("Maven Pro Regular"), local("MavenPro-Regular"), url(https://fonts.gstatic.com/s/mavenpro/v11/7Au9p_AqnyWWAxW2Wk3Gw2QIAFg.woff2) format("woff2");
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face {
font-family: 'Maven Pro';
font-style: normal;
font-weight: 400;
src: local("Maven Pro Regular"), local("MavenPro-Regular"), url(https://fonts.gstatic.com/s/mavenpro/v11/7Au9p_AqnyWWAxW2Wk3GzWQI.woff2) format("woff2");
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face {
font-family: 'Maven Pro';
font-style: normal;
font-weight: 900;
src: local("Maven Pro Black"), local("MavenPro-Black"), url(https://fonts.gstatic.com/s/mavenpro/v11/7Au4p_AqnyWWAxW2Wk3OTkMdMHkD61g.woff2) format("woff2");
unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB; } @font-face {
font-family: 'Maven Pro';
font-style: normal;
font-weight: 900;
src: local("Maven Pro Black"), local("MavenPro-Black"), url(https://fonts.gstatic.com/s/mavenpro/v11/7Au4p_AqnyWWAxW2Wk3OTkMdMXkD61g.woff2) format("woff2");
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face {
font-family: 'Maven Pro';
font-style: normal;
font-weight: 900;
src: local("Maven Pro Black"), local("MavenPro-Black"), url(https://fonts.gstatic.com/s/mavenpro/v11/7Au4p_AqnyWWAxW2Wk3OTkMdP3kD.woff2) format("woff2");
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } .container {
position: relative;
width: 100%;
max-width: 1580px;
margin: 0 auto;
padding: 0 20px;
box-sizing: border-box; }
.container.fluid {
max-width: none;
padding: 0 20px; }
.container.small {
max-width: 800px; }
.container:after {
clear: both;
display: table;
content: ""; }
@media (min-width: 1620px) {
.container {
padding: 0; } }
.grid {
display: block; }
.grid .grid__cell {
display: block;
margin: 0; }
.grid .grid__cell:last-of-type {
margin-bottom: 0; }
@media (min-width: 768px) {
.grid {
display: flex;
align-items: flex-start;
justify-content: space-between;
flex-flow: row wrap;
margin: 0 calc(-40px/2); }
.grid.grid__middle {
align-items: center; }
.grid .grid__cell {
flex: 0 0 auto;
padding: calc(40px/2); }
.grid .grid__cell-1 {
width: 8.3333333333%;
flex: unset; }
.grid .grid__cell--push-1 {
margin-left: 8.3333333333%;
flex: unset; }
.grid .grid__cell-2 {
width: 16.6666666667%;
flex: unset; }
.grid .grid__cell--push-2 {
margin-left: 16.6666666667%;
flex: unset; }
.grid .grid__cell-3 {
width: 25%;
flex: unset; }
.grid .grid__cell--push-3 {
margin-left: 25%;
flex: unset; }
.grid .grid__cell-4 {
width: 33.3333333333%;
flex: unset; }
.grid .grid__cell--push-4 {
margin-left: 33.3333333333%;
flex: unset; }
.grid .grid__cell-5 {
width: 41.6666666667%;
flex: unset; }
.grid .grid__cell--push-5 {
margin-left: 41.6666666667%;
flex: unset; }
.grid .grid__cell-6 {
width: 50%;
flex: unset; }
.grid .grid__cell--push-6 {
margin-left: 50%;
flex: unset; }
.grid .grid__cell-7 {
width: 58.3333333333%;
flex: unset; }
.grid .grid__cell--push-7 {
margin-left: 58.3333333333%;
flex: unset; }
.grid .grid__cell-8 {
width: 66.6666666667%;
flex: unset; }
.grid .grid__cell--push-8 {
margin-left: 66.6666666667%;
flex: unset; }
.grid .grid__cell-9 {
width: 75%;
flex: unset; }
.grid .grid__cell--push-9 {
margin-left: 75%;
flex: unset; }
.grid .grid__cell-10 {
width: 83.3333333333%;
flex: unset; }
.grid .grid__cell--push-10 {
margin-left: 83.3333333333%;
flex: unset; }
.grid .grid__cell-11 {
width: 91.6666666667%;
flex: unset; }
.grid .grid__cell--push-11 {
margin-left: 91.6666666667%;
flex: unset; }
.grid .grid__cell-12 {
width: 100%;
flex: unset; }
.grid .grid__cell--push-12 {
margin-left: 100%;
flex: unset; } }
.padding-sm {
padding: 2rem 0; }
.padding {
padding: 4rem 0; }
.padding-lg {
padding: 8rem 0; }
h1, h2, h3, h4, h5, h6 {
margin-bottom: .5rem; }
button,
.button {
margin-bottom: 1rem; }
input,
textarea,
select,
fieldset {
margin-bottom: 10px; }
pre,
blockquote,
dl,
figure,
table,
p,
ul,
ol,
form {
margin-bottom: 1rem; }
body {
padding-top: 80px; }
.slideWrapper {
-webkit-transition: all 0.25s ease;
-moz-transition: all 0.25s ease;
transition: all 0.25s ease;
overflow-x: hidden;
position: relative;
left: 0; }
.slideWrapper.open {
left: calc((100% - 70px) * -1); }
.slideWrapper.open:after {
content: " ";
z-index: 5;
display: block;
position: absolute;
height: 100%;
top: 0;
left: 0;
right: 0;
background: rgba(0, 0, 0, 0.25); }
.sideNav {
width: 0px;
max-width: calc(100% - 70px);
z-index: 1000;
background-color: #008C95;
position: fixed;
right: 0;
top: 0;
height: 100%;
bottom: 0;
transition: .25s; }
.sideNav.open {
width: calc(100% - 70px); }
.sideNav ul {
display: block;
padding: 0;
margin: 0;
list-style: none; }
.sideNav ul li {
display: block;
padding: 0;
margin: 0; }
.sideNav ul li.show ul {
display: block; }
.sideNav ul li ul {
display: none;
font-size: 80%;
margin-bottom: 1.2rem; }
.sideNav ul li ul a {
border-top: 0;
padding: .2rem 40px; }
.sideNav ul li a {
padding: 1.2rem 20px;
display: block;
color: #fff;
border-top: 1px solid #00A4AD; }
.sideNav ul li:first-child > a {
border-top: 0; }
header {
position: fixed;
top: 0;
left: 0;
width: 100%;
background-color: #fff;
z-index: 999; }
#navbar {
display: flex;
align-items: flex-start;
justify-content: space-between;
height: 80px; }
#navbar .navbarHeading {
display: inline-block;
width: 300px;
height: 80px;
padding: 10px 0; }
#navbar .navbarToggle {
padding: 10px 0;
display: block;
margin: calc((60px - 22.5px)/2) 0;
width: auto;
display: inline-block;
margin-left: auto;
line-height: 60px; }
#navbar .navbarToggle .navbar-hamburger {
width: 30px;
height: 22.5px;
position: relative;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .5s ease-in-out;
-moz-transition: .5s ease-in-out;
-o-transition: .5s ease-in-out;
transition: .5s ease-in-out;
cursor: pointer;
z-index: 10; }
#navbar .navbarToggle .navbar-hamburger.open span:nth-child(1) {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
top: -1.5px;
left: 4px; }
#navbar .navbarToggle .navbar-hamburger.open span:nth-child(2) {
width: 0%;
opacity: 0; }
#navbar .navbarToggle .navbar-hamburger.open span:nth-child(3) {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
top: 19.5px;
left: 4px; }
#navbar .navbarToggle .navbar-hamburger span {
display: block;
position: absolute;
height: 4.5px;
width: 100%;
background: #000;
border-radius: 0;
opacity: 1;
left: 0;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .25s ease-in-out;
-moz-transition: .25s ease-in-out;
-o-transition: .25s ease-in-out;
transition: .25s ease-in-out; }
#navbar .navbarToggle .navbar-hamburger span:nth-child(1) {
top: 0px;
-webkit-transform-origin: left center;
-moz-transform-origin: left center;
-o-transform-origin: left center;
transform-origin: left center; }
#navbar .navbarToggle .navbar-hamburger span:nth-child(2) {
top: 9px;
-webkit-transform-origin: left center;
-moz-transform-origin: left center;
-o-transform-origin: left center;
transform-origin: left center; }
#navbar .navbarToggle .navbar-hamburger span:nth-child(3) {
top: 18px;
-webkit-transform-origin: left center;
-moz-transform-origin: left center;
-o-transform-origin: left center;
transform-origin: left center; }
#navbar .navbarContact, #navbar .navbarNavigation {
display: none; }
@media (min-width: 1200px) {
#navbar .navbarToggle {
display: none; }
#navbar .navbarNavigation {
display: block;
flex: 1;
height: 80px;
line-height: 80px; }
#navbar .navbarNavigation ul {
display: block;
list-style: none;
padding: 0;
margin: 0;
text-align: right; }
#navbar .navbarNavigation ul li {
display: inline-block; }
#navbar .navbarNavigation ul li.current_page_item a {
text-decoration: none;
border-bottom: 4px solid #008C95;
opacity: 1;
font-weight: 600; }
#navbar .navbarNavigation ul li a {
display: block;
font-family: 'Maven Pro';
font-weight: 400;
text-transform: uppercase;
padding: 0 1.2rem;
color: #4F4F4F;
height: 80px;
line-height: 80px; }
#navbar .navbarNavigation ul li a:hover {
text-decoration: none;
border-bottom: 4px solid #008C95;
opacity: 1; } }
@media (min-width: 1800px) {
#navbar .navbarNavigation ul {
text-align: center; }
#navbar .navbarContact {
display: block;
width: auto;
height: 80px;
padding: 10px 0;
line-height: 30px;
font-size: 80%;
font-weight: 300; }
#navbar .navbarContact ul {
display: flex;
align-items: flex-start;
justify-content: space-between;
flex-wrap: wrap;
padding: 0;
margin: 0;
list-style: none; }
#navbar .navbarContact ul li {
width: 50%;
height: 30px;
line-height: 30px; }
#navbar .navbarContact ul li a {
color: #424242; }
#navbar .navbarContact ul li img {
height: 18px;
display: inline-block;
vertical-align: middle;
margin-bottom: 3px;
margin-right: 10px; } }
#hero {
padding: 15vh 0;
background-position: center;
background-size: cover;
background-repeat: no-repeat; }
#hero h1, #hero h2, #hero h3, #hero h4, #hero h5, #hero h6 {
color: #fff;
text-transform: uppercase; }
#hero h1 {
font-size: 2.4rem; }
#hero.small {
padding: 5rem 0; }
#usps h3 {
text-transform: uppercase;
font-size: 1.2rem;
color: #4F4F4F;
margin-bottom: 2rem;
font-weight: 500; }
#usps p {
font-size: 90%;
color: #7D7D7D; }
@media (max-width: 767px) {
#usps .grid__cell {
margin-bottom: 2rem; }
#usps .grid__cell:last-of-type {
margin-bottom: 0; } } .button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
display: inline-block;
height: 40px;
padding: 0 20px;
color: #424242;
text-align: center;
line-height: 40px;
text-decoration: none;
white-space: nowrap;
background-color: transparent;
border-radius: 4px;
border: 1px solid #424242;
cursor: pointer;
transition: 0.35s;
box-sizing: border-box;
font-size: .8rem; }
.button:hover, .button:focus,
button:hover,
button:focus,
input[type="submit"]:hover,
input[type="submit"]:focus,
input[type="reset"]:hover,
input[type="reset"]:focus,
input[type="button"]:hover,
input[type="button"]:focus {
text-decoration: none;
box-shadow: 0 4px 2px -2px rgba(0, 0, 0, 0.5); }
.button.button--big,
button.button--big,
input[type="submit"].button--big,
input[type="reset"].button--big,
input[type="button"].button--big {
height: 50px;
padding: 0 40px;
line-height: 50px;
font-size: 1rem; }
.button img,
button img,
input[type="submit"] img,
input[type="reset"] img,
input[type="button"] img {
display: inline-block;
height: 60%;
vertical-align: middle;
margin-bottom: 2.5px;
margin-right: .5rem; }
.button.button--theme-primary,
button.button--theme-primary,
input[type="submit"].button--theme-primary,
input[type="reset"].button--theme-primary,
input[type="button"].button--theme-primary {
background-color: #4385F5;
color: #fff;
border-color: #4385F5; } .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;
margin-left: auto;
margin-right: auto; }
.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;
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-arrow {
position: absolute;
padding: 0;
height: 48px;
width: 48px;
text-align: center;
line-height: 48px;
background-color: #fff;
opacity: 0.5;
font-size: 2rem;
transform: translateY(-50%);
top: 50%;
z-index: 99;
transition: 0.35s; }
.slick-arrow:hover {
cursor: pointer; }
.arrow-next {
right: 0; }
.arrow-prev {
left: 0; }
.slick-slider:hover > .slick-arrow {
opacity: 1; } .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-size: 1rem;
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; }
.slick-slider {
overflow: hidden; }
.slick-slide {
margin: 0 10px; } .slick-list {
margin: 0 -10px;
overflow: hidden; }
footer #information {
font-size: 80%;
background-color: #E6E6E6; }
@media (max-width: 767px) {
footer #information .grid__cell {
margin-bottom: 2rem; }
footer #information .grid__cell:last-of-type {
margin-bottom: 0; } }
footer #information .logo {
display: block;
margin-bottom: 3rem; }
footer #information h5 {
margin-top: 0;
padding-top: 0;
margin-bottom: 2rem;
padding-bottom: 1rem;
font-size: 1.5rem;
font-weight: 600; }
footer #information h5.underline:after {
left: 0; }
footer #information .twoCols {
display: flex;
flex-wrap: wrap;
margin: 0 -20px; }
footer #information .twoCols .col {
flex: 1 0 50%;
padding: 0 20px; }
footer #information .twoCols .col ul {
list-style: none;
padding: 0;
margin: 0; }
footer #information .twoCols .col ul li {
display: block; }
footer #information .twoCols .col ul li a {
color: #424242; }
footer #information .twoCols .col h6 {
padding: 0;
margin: 0;
margin-bottom: 1rem;
text-transform: uppercase;
color: #6B6B6B;
font-size: 1.2rem;
font-weight: 400; }
footer #credentials a {
color: #424242;
text-decoration: underline; }
footer #credentials .left, footer #credentials .right {
font-size: .8rem;
color: #424242;
display: block;
text-transform: uppercase; }
@media (min-width: 1200px) {
footer #credentials .left, footer #credentials .right {
height: 42px;
line-height: 42px; }
footer #credentials .left {
float: left; }
footer #credentials .right {
float: right; } } .alignnone {
margin: 5px 20px 20px 0; }
.aligncenter,
div.aligncenter {
display: block;
margin: 5px auto 5px auto; }
.alignright {
float: right;
margin: 5px 0 20px 20px; }
.alignleft {
float: left;
margin: 5px 20px 20px 0; }
a img.alignright {
float: right;
margin: 5px 0 20px 20px; }
a img.alignnone {
margin: 5px 20px 20px 0; }
a img.alignleft {
float: left;
margin: 5px 20px 20px 0; }
a img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto; }
.wp-caption {
background: #fff;
border: 1px solid #f0f0f0;
max-width: 96%; padding: 5px 3px 10px;
text-align: center; }
.wp-caption.alignnone {
margin: 5px 20px 20px 0; }
.wp-caption.alignleft {
margin: 5px 20px 20px 0; }
.wp-caption.alignright {
margin: 5px 0 20px 20px; }
.wp-caption img {
border: 0 none;
height: auto;
margin: 0;
max-width: 98.5%;
padding: 0;
width: auto; }
.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
margin: 0;
padding: 0 4px 5px; } .screen-reader-text {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute !important;
width: 1px;
word-wrap: normal !important; }
.screen-reader-text:focus {
background-color: #eee;
clip: auto !important;
clip-path: none;
color: #444;
display: block;
font-size: 1em;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000; }
input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea,
select {
width: 100%;
transition: 0.5s;
height: 40px;
padding: 6px 10px; background-color: #fff;
border: 1px solid #DADADA;
border-radius: 3px;
box-shadow: none;
box-sizing: border-box; } input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none; }
textarea {
min-height: 165px;
padding-top: 6px;
padding-bottom: 6px;
max-width: 100%;
resize: vertical; }
input[type="email"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="text"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
textarea:focus,
select:focus {
-moz-box-shadow: inset 0 0 15px rgba(0, 0, 0, 0.0125);
-webkit-box-shadow: inset 0 0 15px rgba(0, 0, 0, 0.0125);
box-shadow: inset 0 0 15px rgba(0, 0, 0, 0.0125);
outline: 0; }
label,
legend {
color: #858585;
display: block;
margin-bottom: .25rem;
font-weight: 400; }
fieldset {
padding: 0;
border-width: 0; }
input[type="checkbox"],
input[type="radio"] {
display: inline; }
label > .label-body {
display: inline-block;
margin-left: .5rem;
font-weight: normal; }
.req {
font-size: 100%;
display: inline-block;
color: #008C95; }
.flex-grid {
display: flex;
flex-wrap: wrap; }
@media (min-width: 1200px) {
.flex-grid.two-blocks .block {
flex: 1 0 50%; } }
@media (min-width: 1200px) {
.flex-grid.three-blocks .block {
flex: 1 0 50%; } }
@media (min-width: 1600px) {
.flex-grid.three-blocks .block {
flex: 1 0 33.333%; } }
.flex-grid .block {
display: block;
width: 100%;
position: relative;
text-align: center;
transition: 0.35s; }
.flex-grid .block img {
width: 100%;
height: auto;
display: block; }
.flex-grid .block .blockIntro {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%); }
.flex-grid .block .blockIntro h3 {
padding: 0;
margin: 0;
color: #fff; }
.flex-grid .block .blockIntro time {
display: block;
text-align: center;
padding: 0;
margin: 0;
text-transform: uppercase;
font-weight: 300;
margin-top: 1rem;
color: #fff; }
.flex-grid .block .blockTotal {
opacity: 0;
position: absolute;
background-color: #fff;
transition: 0.35s;
overflow: hidden;
top: 20px;
right: 20px;
bottom: 20px;
left: 20px; }
@media (min-width: 1600px) {
.flex-grid .block .blockTotal {
top: 40px;
right: 40px;
bottom: 40px;
left: 40px; } }
.flex-grid .block .blockTotal .blockText {
padding: 40px;
padding-bottom: 0; }
.flex-grid .block .blockTotal .blockText .font-h3 {
font-weight: 900;
display: block;
margin-bottom: 2rem;
text-transform: uppercase;
font-size: 1.4rem; }
.flex-grid .block .blockTotal .blockText time {
display: block;
text-align: center;
padding: 0;
margin: 0;
margin-top: -1rem;
margin-bottom: 1rem;
font-size: 80%;
text-transform: uppercase;
font-weight: 300; }
.flex-grid .block .blockTotal .blockText p {
font-size: 80%; }
.flex-grid .block .blockTotal .blockText a.arrow {
position: absolute;
display: block;
width: 100%;
text-align: center;
background-color: #fff;
color: #008c95;
bottom: 0;
left: 0;
padding-bottom: 20px; }
.flex-grid .block .blockTotal .blockText a.arrow:hover {
opacity: 1; }
.flex-grid .block .blockTotal .blockText a.arrow:before {
position: absolute;
top: -50px;
left: 0;
right: 0;
width: 100%;
height: 50px;
background-image: linear-gradient(to bottom, transparent, #fff);
display: block;
content: ""; }
.flex-grid .block:hover .blockTotal, .flex-grid .block.visible .blockTotal {
opacity: 1; }
.flex-grid.spacing {
margin-left: -0.5rem;
margin-right: -0.5rem; }
.flex-grid.spacing .block {
padding: 0 0.5rem 1rem; }
.flex-grid.spacing .blockTotal {
top: 20px;
right: 20px;
bottom: calc(20px + 1rem);
left: 20px; }
@media (min-width: 1600px) {
.flex-grid.spacing .blockTotal {
top: 40px;
right: 40px;
bottom: calc(40px + 1rem);
left: 40px; } }
.flex-grid .overlay {
display: block;
position: relative; }
.flex-grid .overlay:after {
content: "";
position: absolute;
display: block;
background-repeat: repeat;
background-image: url(//www.mesuenpartners.nl/wp-content/themes/Mesu/assets/img/news-overlay.png);
width: 100%;
height: 100%;
left: 0;
top: 0; }
.navigation {
padding: 2rem 0;
text-align: center; }
.navigation ul {
padding: 0;
margin: 0;
list-style: none; }
.navigation ul li {
display: inline-block; }
.navigation ul li a {
color: #7D7D7D;
padding: 10px 20px;
margin: 0 10px; }
.navigation ul li.active a { background-image: url(//www.mesuenpartners.nl/wp-content/themes/Mesu/assets/img/paginatie.png);
background-size: contain;
background-position: center;
color: #fff;
background-repeat: no-repeat; }
.navigation ul li.next a, .navigation ul li.previous a {
color: #008C95; }