html.has-scroll-smooth {
overflow: hidden; 
}
html.has-scroll-dragging {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; 
}
.has-scroll-smooth body {
overflow: hidden; 
}
.has-scroll-smooth [data-scroll-container] {
min-height: 100vh; 
}
.c-scrollbar {
position: absolute;
right: 0;
top: 0;
width: 11px;
height: 100%;
transform-origin: center right;
transition: transform 0.3s, opacity 0.3s;
opacity: 0; 
}
.c-scrollbar:hover {
transform: scaleX(1.45); 
}
.c-scrollbar:hover, .has-scroll-scrolling .c-scrollbar, .has-scroll-dragging .c-scrollbar {
opacity: 1; 
}
.c-scrollbar_thumb {
position: absolute;
top: 0;
right: 0;
background-color: black;
opacity: 0.5;
width: 7px;
border-radius: 10px;
margin: 2px;
cursor: -webkit-grab;
cursor: grab; 
}
.has-scroll-dragging .c-scrollbar_thumb {
cursor: -webkit-grabbing;
cursor: grabbing; 
}@font-face {
font-family: 'Georgia';
src: url(//vmh-ontwikkeling.nl/wp-content/themes/vmh-ontwikkeling/assets/fonts/georgia-webfont.woff2) format('woff2'), url(//vmh-ontwikkeling.nl/wp-content/themes/vmh-ontwikkeling/assets/fonts/georgia-webfont.woff) format('woff');
font-weight: normal;
font-style: normal;
}
* {
padding: 0;
margin: 0;
box-sizing: border-box;
}
::-moz-selection { color: #fff;
background: #9d9d9d;
}
::selection {
color: #fff;
background: #9d9d9d;
}
*:focus {
outline: none;
}
a {
text-decoration: none;
display: inline-block;
}
input,
textarea {
border-radius: 0 !important;
-webkit-appearance: none !important;
}
input[type=date]::-webkit-clear-button,
input[type=date]::-webkit-calendar-picker-indicator,
input[type=date]::-webkit-inner-spin-button,
input[type=date]::-webkit-outer-spin-button {
display: none;
-webkit-appearance: none;
}
.lazyBackground.lazy {
background-image: none!important;
}
html,
body {
text-rendering: optimizeLegibility;
text-rendering: geometricPrecision;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
font-family: 'Cormorant', serif;
color: #1a1a1a;
overflow-x: hidden;
}
html p,
body p {
font-size: 20px;
letter-spacing: 0.25px;
line-height: 24px;
margin-bottom: 24px;
}
html p:last-child,
body p:last-child {
margin-bottom: 0;
}
html.overflow,
body.overflow {
overflow: hidden;
}
html .contentScroller,
body .contentScroller {
position: relative;
top: 0;
z-index: 1;
opacity: 1;
pointer-events: all;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-o-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
-webkit-transition: opacity 0.6s 0s, pointer-events 0.6s 0s, transform 0.6s 0s;
-moz-transition: opacity 0.6s 0s, pointer-events 0.6s 0s, transform 0.6s 0s;
-ms-transition: opacity 0.6s 0s, pointer-events 0.6s 0s, transform 0.6s 0s;
-o-transition: opacity 0.6s 0s, pointer-events 0.6s 0s, transform 0.6s 0s;
transition: opacity 0.6s 0s, pointer-events 0.6s 0s, transform 0.6s 0s;
}
html .contentScroller section:first-child,
body .contentScroller section:first-child {
margin-top: 0;
}
html .contentScroller .pageContainer,
body .contentScroller .pageContainer {
padding-top: 90px;
}
strong,
b {
font-weight: 600;
}
.has-scroll-smooth[data-scroll-container] {
-webkit-transform: none;
-moz-transform: none;
-o-transform: none;
-ms-transform: none;
transform: none;
}
.has-scroll-smooth body {
overflow: hidden !important;
}
[data-scroll-speed] {
will-change: transform;
}
.contentWrapper {
padding: 0 30px;
margin: 0 auto;
max-width: 100%;
}
.quoteTitle {
font-family: 'Georgia', serif;
font-size: 30px;
letter-spacing: 0.25px;
line-height: 36px;
text-transform: uppercase;
font-weight: 400;
}
.smallTitle {
font-family: 'Georgia', serif;
font-size: 24px;
letter-spacing: 0.25px;
line-height: 28px;
text-transform: uppercase;
font-weight: 400;
}
.subTitle {
font-family: 'Georgia', serif;
font-size: 20px;
letter-spacing: 0.25px;
line-height: 24px;
text-transform: uppercase;
font-weight: 400;
}
.textLink {
color: #1a1a1a;
opacity: 1;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.textLink:hover {
opacity: 0.6;
}
.grecaptcha-badge {
visibility: hidden;
}
.c-scrollbar {
z-index: 10;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.c-scrollbar.hidden {
opacity: 0;
}
.c-scrollbar .c-scrollbar_thumb {
background: #000;
opacity: 1;
}
@media all and (max-width: 767px) {
.contentWrapper {
padding: 0 20px;
}
.quoteTitle {
font-size: 26px;
line-height: 30px;
}
.smallTitle {
font-size: 20px;
line-height: 26px;
}
.subTitle {
font-size: 16px;
line-height: 20px;
}
}