@charset "UTF-8";
          @font-face {
font-family: "serif";
src: url(//hetgroethuis.nl/wp-content/themes/twentysixteen-child/fonts/Muli-Light.woff2) format("woff2"), url(//hetgroethuis.nl/wp-content/themes/twentysixteen-child/fonts/Muli-Light.woff) format("woff");
font-style: normal;
font-weight: normal !important;
}
@font-face {
font-family: "light";
src: url(//hetgroethuis.nl/wp-content/themes/twentysixteen-child/fonts/Muli-Light.woff2) format("woff2"), url(//hetgroethuis.nl/wp-content/themes/twentysixteen-child/fonts/Muli-Light.woff) format("woff");
font-style: normal;
font-weight: normal !important;
}
@font-face {
font-family: "regular";
src: url(//hetgroethuis.nl/wp-content/themes/twentysixteen-child/fonts/LibreBaskerville-Regular.woff2) format("woff2"), url(//hetgroethuis.nl/wp-content/themes/twentysixteen-child/fonts/LibreBaskerville-Regular.woff) format("woff");
font-style: normal;
font-weight: normal !important;
}
@font-face {
font-family: "semibold";
src: url(//hetgroethuis.nl/wp-content/themes/twentysixteen-child/fonts/LibreBaskerville-Bold.woff2) format("woff2"), url(//hetgroethuis.nl/wp-content/themes/twentysixteen-child/fonts/LibreBaskerville-Bold.woff) format("woff");
font-style: normal;
font-weight: normal !important;
}
@font-face {
font-family: "bold";
src: url(//hetgroethuis.nl/wp-content/themes/twentysixteen-child/fonts/LibreBaskerville-Bold.woff2) format("woff2"), url(//hetgroethuis.nl/wp-content/themes/twentysixteen-child/fonts/LibreBaskerville-Bold.woff) format("woff");
font-style: normal;
font-weight: normal !important;
}
@font-face {
font-family: "extrabold";
src: url(//hetgroethuis.nl/wp-content/themes/twentysixteen-child/fonts/LibreBaskerville-Bold.woff2) format("woff2"), url(//hetgroethuis.nl/wp-content/themes/twentysixteen-child/fonts/LibreBaskerville-Bold.woff) format("woff");
font-style: normal;
font-weight: normal !important;
}
@font-face {
font-family: "italic";
src: url(//hetgroethuis.nl/wp-content/themes/twentysixteen-child/fonts/LibreBaskerville-Italic.woff2) format("woff2"), url(//hetgroethuis.nl/wp-content/themes/twentysixteen-child/fonts/LibreBaskerville-Italic.woff) format("woff");
font-style: normal;
font-weight: normal !important;
}
body {
font-family: "regular";
}
h1, h2, h3, h4, h5, h6, p, li, td, a {
font-weight: 400 !important;
}
h1 {
font-size: 44px;
line-height: 52px;
font-family: "light";
margin: 0px;
margin-bottom: 20px !important;
color: #73141b;
text-transform: none;
}
@media screen and (max-width: 1040px) {
h1 {
font-size: 38px;
line-height: 42px;
}
}
@media screen and (max-width: 768px) {
h1 {
font-size: 24px;
line-height: 28px;
}
}
@media screen and (max-width: 480px) {
h1 {
font-size: 22px;
line-height: 24px;
}
}
@media screen and (min-width: 320px) and (max-width: 812px) and (orientation: landscape) {
h1 {
font-size: 30px;
line-height: 34px;
}
}
@media screen and (max-width: 768px) {
.single-post h1, .single-post h2 {
font-size: 20px;
line-height: 24px;
margin: 0px;
margin-bottom: 10px !important;
}
}
@media screen and (max-width: 480px) {
.single-post h1, .single-post h2 {
font-size: 18px;
line-height: 24px;
}
}
h2 {
font-size: 44px;
line-height: 52px;
font-family: "light";
margin: 0px;
margin-bottom: 20px !important;
color: #73141b;
text-transform: none;
}
@media screen and (max-width: 1040px) {
h2 {
font-size: 38px;
line-height: 42px;
}
}
@media screen and (max-width: 768px) {
h2 {
font-size: 24px;
line-height: 28px;
}
}
@media screen and (max-width: 480px) {
h2 {
font-size: 22px;
line-height: 24px;
}
}
@media screen and (min-width: 320px) and (max-width: 812px) and (orientation: landscape) {
h2 {
font-size: 30px;
line-height: 34px;
}
}
.cta h2 {
font-size: 32px;
line-height: 40px;
margin-bottom: 30px !important;
}
.content-bottom-widgets h2 {
font-size: 19px !important;
text-transform: unset;
}
.nieuwsblok .wpb_widgetised_column .wpb_wrapper, #rpwe_widget-2 h2 {
font-size: 20px;
font-family: "bold";
text-transform: uppercase;
line-height: inherit !important;
}
@media screen and (max-width: 768px) {
.sidebar-news h2, .post-sidebar-custom h2, .mailchimp h2 {
font-size: 16px !important;
line-height: 20px !important;
}
.nieuwsblok .wpb_widgetised_column .wpb_wrapper, #rpwe_widget-2 h2 {
font-size: 16px;
line-height: 20px;
}
}
@media screen and (max-width: 480px) {
.sidebar-news h2, .post-sidebar-custom h2, .mailchimp h2 {
font-size: 16px !important;
line-height: 20px !important;
}
.nieuwsblok .wpb_widgetised_column .wpb_wrapper, #rpwe_widget-2 h2 {
font-size: 16px;
line-height: 16px;
}
}
h3 {
font-size: 24px;
line-height: 28px;
font-family: "regular";
font-weight: normal;
margin: 0px;
margin-bottom: 40px !important;
color: #bf0413;
}
@media screen and (max-width: 1040px) {
h3 {
font-size: 24px;
line-height: 28px;
}
}
@media screen and (max-width: 768px) {
h3 {
font-size: 20px;
line-height: 24px;
margin-bottom: 20px !important;
}
}
@media screen and (max-width: 480px) {
h3 {
font-size: 18px;
line-height: 24px;
margin-bottom: 15px !important;
}
}
@media screen and (min-width: 320px) and (max-width: 812px) and (orientation: landscape) {
h3 {
font-size: 20px;
line-height: 22px;
margin-bottom: 15px !important;
}
}
h4, .gdprc_item__label {
font-size: 24px;
line-height: 28px;
font-family: "regular";
margin: 0px;
margin-bottom: 10px !important;
color: #bf0413;
}
@media screen and (max-width: 1040px) {
h4, .gdprc_item__label {
font-size: 18px !important;
line-height: 24px;
}
}
@media screen and (max-width: 768px) {
h4, .gdprc_item__label {
font-size: 16px !important;
line-height: 18px;
}
}
@media screen and (max-width: 480px) {
h4, .gdprc_item__label {
font-size: 16px !important;
line-height: 16px;
}
}
h5 {
font-size: 18px;
line-height: 28px;
font-family: "regular";
}
@media screen and (max-width: 1040px) {
h5 {
font-size: 16px;
line-height: 24px;
}
}
@media screen and (max-width: 768px) {
h5 {
font-size: 14px;
line-height: 28px;
}
}
p, .screen-reader-text, .gdprc_items p, .social-info {
font-family: "regular";
font-size: 16px !important;
line-height: 1.6em;
margin: 0px;
margin-bottom: 40px !important;
}
@media screen and (max-width: 1040px) {
p, .screen-reader-text, .gdprc_items p, .social-info {
font-size: 14px !important;
line-height: 24px;
margin-bottom: 24px !important;
}
}
@media screen and (max-width: 768px) {
p, .screen-reader-text, .gdprc_items p, .social-info {
font-size: 12px !important;
line-height: 20px;
margin-bottom: 20px !important;
}
}
@media screen and (max-width: 480px) {
p, .screen-reader-text, .gdprc_items p, .social-info {
font-size: 12px !important;
line-height: 20px;
margin-bottom: 15px !important;
}
}
p:empty {
display: none !important;
}
.last h1, .last h2, .last h3, .last h4, .last h5, .last h6, .last li, .last td, .last ul, .last a, .last p {
margin-bottom: 0px !important;
}
td, label, textarea, input {
font-family: "regular";
font-size: 16px;
margin: 0px;
}
@media screen and (max-width: 1040px) {
td, label, textarea, input {
font-size: 14px;
}
}
@media screen and (max-width: 768px) {
td, label, textarea, input {
font-size: 12px;
}
}
@media screen and (max-width: 480px) {
td, label, textarea, input {
font-size: 12px;
}
}
li {
font-family: "regular";
font-size: 16px;
line-height: 28px;
margin: 0px;
margin-bottom: 0px !important;
}
@media screen and (max-width: 1040px) {
li {
font-size: 14px;
line-height: 24px;
}
}
@media screen and (max-width: 768px) {
li {
font-size: 12px;
line-height: 20px;
}
}
@media screen and (max-width: 480px) {
li {
font-size: 12px;
line-height: 20px;
}
}
a {
cursor: pointer;
font-size: 16px;
font-family: "regular";
text-decoration: none;
color: #73141b;
transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
}
@media screen and (max-width: 1040px) {
a {
font-size: 14px;
}
}
@media screen and (max-width: 768px) {
a {
font-size: 12px;
}
}
@media screen and (max-width: 480px) {
a {
font-size: 12px;
}
}
.container a {
text-decoration: underline;
}
.container a:hover {
text-decoration: none;
}
.rpwe-block a {
font-size: 12px;
}
.nieuwsblok .rpwe-block h3, .single .rpwe-block h3 {
font-size: 10px !important;
}
.standard-button p {
height: auto;
-webkit-line-clamp: unset;
-webkit-box-orient: unset;
overflow: unset;
text-overflow: unset;
display: inline-block;
}
.mc-button {
font-family: "regular" !important;
display: inline-block;
border: 1px solid #73141b !important;
background-color: white !important;
color: black !important;
border-radius: 0px;
transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
cursor: pointer !important;
}
.mc-button:hover, .mc-button:active {
opacity: 0.8;
}
.standard-button a, .vc_btn3.vc_btn3-color-juicy-pink, .vc_btn3.vc_btn3-color-juicy-pink.vc_btn3-style-flat, .mc-button, .wpcf7-submit, .search-submit {
font-family: "light";
display: inline-block;
border: 1px solid #73141b;
background-color: #73141b;
color: white;
line-height: 40px;
padding: 0px 10px;
text-decoration: none;
font-size: 16px;
overflow-x: hidden;
position: relative;
border-radius: 5px;
cursor: pointer;
transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
}
.standard-button a:hover, .standard-button a:active, .vc_btn3.vc_btn3-color-juicy-pink:hover, .vc_btn3.vc_btn3-color-juicy-pink:active, .vc_btn3.vc_btn3-color-juicy-pink.vc_btn3-style-flat:hover, .vc_btn3.vc_btn3-color-juicy-pink.vc_btn3-style-flat:active, .mc-button:hover, .mc-button:active, .wpcf7-submit:hover, .wpcf7-submit:active, .search-submit:hover, .search-submit:active {
border: 1px solid #73141b !important;
background-color: #73141b !important;
color: white !important;
opacity: 0.8;
}
@media screen and (max-width: 1040px) {
.standard-button a, .vc_btn3.vc_btn3-color-juicy-pink, .vc_btn3.vc_btn3-color-juicy-pink.vc_btn3-style-flat, .mc-button, .wpcf7-submit, .search-submit {
font-size: 14px;
}
}
@media screen and (max-width: 768px) {
.standard-button a, .vc_btn3.vc_btn3-color-juicy-pink, .vc_btn3.vc_btn3-color-juicy-pink.vc_btn3-style-flat, .mc-button, .wpcf7-submit, .search-submit {
font-size: 12px;
}
}
@media screen and (max-width: 480px) {
.standard-button a, .vc_btn3.vc_btn3-color-juicy-pink, .vc_btn3.vc_btn3-color-juicy-pink.vc_btn3-style-flat, .mc-button, .wpcf7-submit, .search-submit {
font-size: 12px;
}
}
.cta-flavour-1 .standard-button a, .cta-flavour-1 .vc_btn3.vc_btn3-color-juicy-pink, .cta-flavour-1 .vc_btn3.vc_btn3-color-juicy-pink.vc_btn3-style-flat {
font-family: "light";
display: inline-block;
border: 1px solid #73141b;
background-color: #73141b;
color: white;
line-height: 40px;
padding: 0px 20px;
text-decoration: none;
font-size: 16px;
overflow-x: hidden;
position: relative;
border-radius: 5px;
cursor: pointer;
transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
}
.cta-flavour-1 .standard-button a:hover, .cta-flavour-1 .standard-button a:active, .cta-flavour-1 .vc_btn3.vc_btn3-color-juicy-pink:hover, .cta-flavour-1 .vc_btn3.vc_btn3-color-juicy-pink:active, .cta-flavour-1 .vc_btn3.vc_btn3-color-juicy-pink.vc_btn3-style-flat:hover, .cta-flavour-1 .vc_btn3.vc_btn3-color-juicy-pink.vc_btn3-style-flat:active {
opacity: 0.8;
}
@media screen and (max-width: 1040px) {
.cta-flavour-1 .standard-button a, .cta-flavour-1 .vc_btn3.vc_btn3-color-juicy-pink, .cta-flavour-1 .vc_btn3.vc_btn3-color-juicy-pink.vc_btn3-style-flat {
font-size: 14px;
}
}
@media screen and (max-width: 768px) {
.cta-flavour-1 .standard-button a, .cta-flavour-1 .vc_btn3.vc_btn3-color-juicy-pink, .cta-flavour-1 .vc_btn3.vc_btn3-color-juicy-pink.vc_btn3-style-flat {
font-size: 12px;
}
}
@media screen and (max-width: 480px) {
.cta-flavour-1 .standard-button a, .cta-flavour-1 .vc_btn3.vc_btn3-color-juicy-pink, .cta-flavour-1 .vc_btn3.vc_btn3-color-juicy-pink.vc_btn3-style-flat {
font-size: 12px;
}
}
.pink-background .standard-button a, .pink-background .vc_btn3.vc_btn3-color-juicy-pink, .pink-background .vc_btn3.vc_btn3-color-juicy-pink.vc_btn3-style-flat {
font-family: "light";
display: inline-block;
border: 1px solid white;
background-color: #73141b;
color: white;
line-height: 40px;
padding: 0px 20px;
text-decoration: none;
font-size: 16px;
overflow-x: hidden;
position: relative;
border-radius: 0px;
cursor: pointer;
transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
}
.pink-background .standard-button a:hover, .pink-background .standard-button a:active, .pink-background .vc_btn3.vc_btn3-color-juicy-pink:hover, .pink-background .vc_btn3.vc_btn3-color-juicy-pink:active, .pink-background .vc_btn3.vc_btn3-color-juicy-pink.vc_btn3-style-flat:hover, .pink-background .vc_btn3.vc_btn3-color-juicy-pink.vc_btn3-style-flat:active {
opacity: 0.8;
}
@media screen and (max-width: 1040px) {
.pink-background .standard-button a, .pink-background .vc_btn3.vc_btn3-color-juicy-pink, .pink-background .vc_btn3.vc_btn3-color-juicy-pink.vc_btn3-style-flat {
font-size: 14px;
}
}
@media screen and (max-width: 768px) {
.pink-background .standard-button a, .pink-background .vc_btn3.vc_btn3-color-juicy-pink, .pink-background .vc_btn3.vc_btn3-color-juicy-pink.vc_btn3-style-flat {
font-size: 12px;
}
}
@media screen and (max-width: 480px) {
.pink-background .standard-button a, .pink-background .vc_btn3.vc_btn3-color-juicy-pink, .pink-background .vc_btn3.vc_btn3-color-juicy-pink.vc_btn3-style-flat {
font-size: 12px;
}
}  .container-full {
padding: 100px 0px;
}
@media screen and (min-width: 320px) and (max-width: 812px) and (orientation: landscape) {
.container-full {
padding: 50px 0px;
}
}
.container-full.no-top-pad {
padding: 0px;
}
.container-full > div > div {
padding-right: 0px !important;
padding-left: 0px !important;
}
.container-full .container {
max-width: 1200px;
margin: 0 auto !important;
padding: 0px 40px;
}
.container-full .container.mar-bot {
margin-bottom: 50px !important;
}
.container-full .container .content > div {
padding-left: 0px !important;
padding-right: 0px !important;
}
.container-full .container .zijbalk > div {
padding-left: 0px !important;
padding-right: 0px !important;
}
.container-full .container-pannellum {
max-width: 1250px;
margin: 0 auto !important;
padding: 0px 40px;
}
.container-full .container-pannellum.mar-bot {
margin-bottom: 50px !important;
}
.container-full .container-pannellum .content > div {
padding-left: 0px !important;
padding-right: 0px !important;
}
.container-full .container-pannellum .zijbalk > div {
padding-left: 0px !important;
padding-right: 0px !important;
}
.dont-clamp-this p, .standard-button p {
-webkit-line-clamp: unset !important;
-webkit-box-orient: unset !important;
overflow: unset !important;
text-overflow: unset !important;
height: auto !important;
display: block !important;
}
.ajax-loader {
display: none !important;
}
ul {
padding: 0px;
margin: 0px;
}
ul li {
list-style-type: none;
}
a {
text-decoration: none;
}
.vc_col-has-fill > .vc_column-inner, .vc_row-has-fill + .vc_row-full-width + .vc_row > .vc_column_container > .vc_column-inner, .vc_row-has-fill + .vc_row > .vc_column_container > .vc_column-inner, .vc_row-has-fill + .vc_vc_row > .vc_row > .vc_vc_column > .vc_column_container > .vc_column-inner, .vc_row-has-fill + .vc_vc_row_inner > .vc_row > .vc_vc_column_inner > .vc_column_container > .vc_column-inner, .vc_row-has-fill > .vc_column_container > .vc_column-inner, .vc_row-has-fill > .vc_row > .vc_vc_column > .vc_column_container > .vc_column-inner, .vc_row-has-fill > .vc_vc_column_inner > .vc_column_container > .vc_column-inner, .vc_section.vc_section-has-fill, .vc_section.vc_section-has-fill + .vc_row-full-width + .vc_section, .vc_section.vc_section-has-fill + .vc_section {
padding-top: 0px;
}
div#wp-a11y-speak-polite, div#wp-a11y-speak-assertive {
margin-bottom: 0px !important;
}
.copyright-bar, .site {
overflow-x: hidden;
max-width: 100%;
}
.edit-link, .skip-link {
display: none;
}
.site-main {
margin-bottom: 0px;
}
@media screen and (max-width: 1040px) {
.site-main {
margin-top: 0px !important;
}
}
.site-inner {
margin: 0 auto;
max-width: 100%;
min-width: 100%;
position: relative;
}
.site-content {
padding: 144px 0 0 0;
}
@media screen and (max-width: 1040px) {
.site-content {
padding: 0;
}
}
.content-bottom-widgets .widget-area:last-child {
margin-bottom: 0px;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-align-items: stretch;
align-items: stretch;
-webkit-justify-content: space-around;
justify-content: space-around;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
.content-bottom-widgets .widget {
border-top: none;
}
.site {
margin: 0px;
}
body {
overflow-x: hidden;
width: 100%;
margin: 0 auto;
padding: 0px;
-webkit-appearance: none !important;
}
.vc_row {
margin-left: 0px !important;
margin-right: 0px !important;
}
p.site-title, p.site-description {
display: none;
}
.entry-header, footer#colophon {
display: none;
}
.type-post .entry-header, .type-post footer#colophon {
display: block !important;
}
.no-sidebar .entry-header, .no-sidebar .entry-content, .no-sidebar .entry-summary, .no-sidebar .entry-footer, .no-sidebar .comments-area, .no-sidebar .image-navigation, .no-sidebar .post-navigation, .no-sidebar .pagination, .no-sidebar .page-header, .no-sidebar .page-content, .no-sidebar .content-bottom-widgets {
margin-left: 0px !important;
margin-right: 0px !important;
}
.wpb_button, .wpb_content_element, ul.wpb_thumbnails-fluid > li {
margin-bottom: 0px;
}
.wpb_gmaps_widget .wpb_wrapper {
padding: 0;
}
.custom-logo-link img {
max-height: 100%;
width: auto;
max-width: 100%;
height: auto;
}
.container > div > div.vc_column-inner {
padding-left: 0;
padding-right: 0;
}
.wpb_single_image .vc_single_image-wrapper, .wpb_single_image .vc_figure {
display: block;
} body {
background-color: white;
}
body i, body img {
margin: auto;
max-width: 100%;
}
.the-slider .vc_column-inner {
padding: 0;
}
.the-slider .vc_column-inner .slick-slide img {
width: 100%;
}
@media screen and (max-width: 480px) {
.the-slider .vc_column-inner .slick-slide img {
object-position: center right;
}
}
input[type=submit] {
border-radius: 0;
}
input:not([type="radio"], [type="checkbox"]), select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.error-404 {
max-width: 1200px;
margin: 30px auto;
}
:focus {
outline: none;
}
.fa-phone {
transform: rotateY(180deg);
}
img.alignright {
text-align: right;
float: right;
}
@media screen and (max-width: 768px) {
.vc_col-sm-1, .vc_col-sm-10, .vc_col-sm-11, .vc_col-sm-12, .vc_col-sm-2, .vc_col-sm-3, .vc_col-sm-4, .vc_col-sm-5, .vc_col-sm-6, .vc_col-sm-7, .vc_col-sm-8, .vc_col-sm-9 {
float: left !important;
}
} #gdprc_bar {
background: #73141b;
padding: 10px 0px !important;
height: 70px;
}
@media screen and (max-width: 768px) {
#gdprc_bar {
height: 150px;
}
}
@media (max-width: 500px) {
#gdprc_bar {
height: auto;
padding-top: 30px !important;
}
}
@media (max-width: 500px) {
#gdprc_bar .container {
padding: 0px 10px;
}
}
#gdprc_bar .container .gdprc_content {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-align-items: stretch;
align-items: stretch;
-webkit-justify-content: flex-start;
justify-content: flex-start;
-webkit-flex-wrap: wrap;
flex-wrap: wrap; }
@media screen and (max-width: 768px) {
#gdprc_bar .container .gdprc_content {
padding-right: 20px;
}
}
@media (max-width: 500px) {
#gdprc_bar .container .gdprc_content {
padding-right: 0px !important;
}
}
#gdprc_bar .container .gdprc_content .gdprc_content__title {
order: 1;
display: none;
}
#gdprc_bar .container .gdprc_content .preword {
order: 3;
margin-right: 5px;
}
#gdprc_bar .container .gdprc_content .tussen-woord {
order: 5;
margin-right: 5px;
}
#gdprc_bar .container .gdprc_content .gdprc_content__desc {
order: 2;
margin: 0px !important;
}
#gdprc_bar .container .gdprc_content .gdprc_content__link {
order: 4;
}
#gdprc_bar .container .gdprc_content .gdprc_content__link_separator {
display: none;
}
#gdprc_bar .container .gdprc_content .gdprc_action__close {
order: 7;
}
#gdprc_bar .container .gdprc_content a {
order: 6;
margin-right: 5px;
line-height: 21px !important;
font-family: "regular";
}
@media (max-width: 500px) {
#gdprc_bar .container .gdprc_content {
margin-top: 0px;
position: relative;
}
}
#gdprc_bar .container .gdprc_content h3 {
color: white;
margin-bottom: 5px !important;
font-size: 18px !important;
}
#gdprc_bar .container .gdprc_content p {
color: white;
font-size: 12px !important;
margin-bottom: 5px !important;
line-height: 21px !important;
}
#gdprc_bar .container .gdprc_content a {
color: white;
text-decoration: underline !important;
font-size: 12px !important;
}
#gdprc_bar .container .gdprc_actions a {
font-size: 12px !important;
margin-bottom: 5px !important;
color: white;
}
#gdprc_bar .container .gdprc_actions .gdprc_action__settings {
display: none;
}
#gdprc_bar .container .gdprc_actions button {
background-color: transparent;
box-shadow: none;
border: none;
color: white;
text-decoration: none;
font-size: 16px !important;
margin-bottom: 5px !important;
min-height: 91px;
margin-top: -11px;
font-family: "bold";
border-left: 1px solid white;
border-right: 1px solid white;
transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
}
#gdprc_bar .container .gdprc_actions button:hover {
background-color: white;
color: #73141b;
}
@media screen and (max-width: 768px) {
#gdprc_bar .container .gdprc_actions button {
font-size: 12px !important;
min-height: 172px;
}
}
@media (max-width: 500px) {
#gdprc_bar .container .gdprc_actions button {
font-size: 12px !important;
min-height: 40px;
border-left: none;
border-right: none;
background-color: white;
color: #73141b;
}
}
#gdprc_bar .container .gdprc_actions .gdprc_link {
text-decoration: underline !important;
}
#gdprc_settings {
margin-top: 0px !important;
max-width: 1200px;
border: none;
}
#gdprc_settings .gdprc_header {
display: none;
}
#gdprc_settings .gdprc_actions {
background: transparent;
border-top: none;
padding: 0px 0px 30px 0px;
}
#gdprc_settings .gdprc_button, #gdprc_settings .gdprc_action {
background-color: #73141b;
color: white;
border: none;
display: inline-block;
line-height: 40px;
padding: 0px 20px !important;
width: auto !important;
font-size: 12px;
font-family: "regular";
min-height: 1px;
}
#gdprc_settings .gdprc_items {
background: transparent;
border-top: none;
margin-top: -30px;
padding: 0px;
border: none;
}
#gdprc_settings .gdprc_items .gdprc_item {
padding: 0px;
}
@media screen and (max-width: 480px) {
#gdprc_settings .gdprc_items .gdprc_item .gdprc_item__link {
display: none;
}
}
#gdprc_settings .gdprc_items .gdprc_item .gdprc_item__label {
order: 2;
margin-left: 10px;
font-family: "bold";
margin-bottom: 0px !important;
}
#gdprc_settings .gdprc_items .gdprc_item .gdprc_item__checkbox__wrapper {
order: 1;
margin-right: 20px;
}
#gdprc_settings .gdprc_items .gdprc_item .gdprc_item__desc {
order: 3;
}
@media screen and (max-width: 480px) {
#gdprc_settings .gdprc_items .gdprc_item .gdprc_item__desc {
display: block;
}
}
#gdprc_settings .gdprc_items .gdprc_item .gdprc_item__checkbox__wrapper label {
background-color: white;
}
.cookie-header {
min-height: 400px;
}
.cookie-row ul {
margin-bottom: 30px !important;
}
.cookie-row ul li {
position: relative;
width: calc(100% - 30px);
left: 30px;
}
.cookie-row ul li svg {
position: absolute;
left: -30px;
top: 50%;
transform: translateY(-50%);
}
.cookie-row .container {
margin-bottom: 50px !important;
}
@media screen and (max-width: 768px) {
.cookie-row .container .cookie-consent {
width: 100%;
}
}
@media screen and (max-width: 480px) {
.cookie-row .container .cookie-consent {
width: 100%;
}
}
.cookie-row .container img {
margin-bottom: 30px;
}
.privacyblok {
padding: 30px 0;
}
.privacyblok h1 {
margin-bottom: 60px !important;
}
.privacyblok h5 {
margin-bottom: 0;
}
.privacyblok ul {
margin-bottom: 30px;
}
.privacyblok li {
list-style-type: disc;
font-family: "regular";
}
.privacyblok .container > div > div {
padding-right: 0px !important;
padding-left: 0px !important;
} #responsive-menu-pro-container {
max-width: 500px;
z-index: 999999 !important;
}
#responsive-menu-pro-mask {
z-index: 99999 !important;
}
#responsive-menu-pro-button {
z-index: 999999 !important;
}
@media screen and (max-width: 1040px) {
#responsive-menu-pro-button {
top: 0px !important;
}
#responsive-menu-pro-button .responsive-menu-pro-box {
display: block;
margin: 0 auto;
}
}
@media screen and (min-width: 320px) and (max-width: 812px) and (orientation: landscape) {
#responsive-menu-pro-button {
top: 0px !important;
}
}
@media screen and (max-width: 480px) {
#responsive-menu-pro-button {
top: 0px !important;
}
}
.nav-down {
top: 60px !important;
}
@media screen and (max-width: 1040px) {
.nav-down {
top: 0px !important;
}
}
.nav-up {
top: -160px !important;
}
.top-down {
top: 0px;
}
.top-up {
top: -200px;
}
.stick-top {
top: 0px !important;
}
.stick-menu {
top: 60px !important;
}
.site-header {
position: fixed;
top: 40px;
width: 100%;
z-index: 99999;
background-color: white;
transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
}
@media screen and (max-width: 1040px) {
.site-header {
position: relative !important;
top: unset !important;
}
}
.site-header .site-header-main {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-flex-wrap: nowrap;
flex-wrap: nowrap;
height: auto;
max-width: 1200px;
margin: 0 auto !important;
padding: 0px 40px;
}
@media screen and (max-width: 480px) {
.site-header .site-header-main {
justify-content: flex-start !important;
}
}
.site-header .site-header-main .site-header-menu {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.site-header .site-branding {
display: inline-flex;
align-items: center;
max-width: 100px;
min-width: 100px;
align-items: center;
margin: 0;
}
@media screen and (min-width: 320px) and (max-width: 812px) and (orientation: landscape) {
.site-header .site-branding {
max-width: 100px;
min-width: 100px;
}
}
.site-header .menuknop a {
padding: 0 25px;
}
@media screen and (max-width: 1200px) {
.site-header .menuknop a {
padding: 0 15px;
}
}
.site-header .main-navigation {
width: 100%;
}
.site-header .main-navigation ul {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-align-items: stretch;
align-items: stretch;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-flex-wrap: nowrap;
flex-wrap: nowrap;
padding: 0;
margin: 0;
list-style: none;
text-align: center;
height: auto;
}
.site-header .main-navigation ul li {
position: relative;
}
.site-header .main-navigation ul li * {
font-family: "light";
}
.site-header .main-navigation ul li .dropdown-toggle {
display: none;
}
.site-header .main-navigation ul li:hover .sub-menu {
display: block;
}
.site-header .main-navigation ul li a {
display: block;
padding: 15px;
line-height: 70px;
white-space: nowrap;
color: black;
}
.site-header .main-navigation ul li a:hover {
color: #bf0413;
}
@media screen and (max-width: 1200px) {
.site-header .main-navigation ul li a {
padding: 10px;
}
}
.site-header .main-navigation ul li.current-menu-item a {
color: #bf0413;
}
.site-header .main-navigation ul li i {
position: absolute;
left: -40px;
top: calc(50% - 9px);
transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
opacity: 0;
}
.site-header .main-navigation ul li .sub-menu {
display: none;
position: absolute;
margin: 0;
padding: 10px;
background: #505050;
left: 10px;
z-index: 9999;
width: 100%;
min-width: 200px;
}
.site-header .main-navigation ul li .sub-menu .border-bot {
display: none;
}
.site-header .main-navigation ul li .sub-menu li:last-child {
display: block;
width: auto;
}
.site-header .main-navigation ul li .sub-menu li:last-child a {
margin-bottom: 0px !important;
}
.site-header .main-navigation ul li .sub-menu li:hover .sub-menu {
display: block;
}
.site-header .main-navigation ul li .sub-menu li a {
line-height: 40px;
background-color: #a29e9d;
color: white;
font-weight: bold;
padding: 0px 10px;
transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
text-decoration: none;
font-size: 14px;
white-space: wrap;
border-radius: 3px !important;
margin-bottom: 5px;
}
.site-header .main-navigation ul li .sub-menu li a:hover {
background-color: black;
}
.site-header .main-navigation ul li .sub-menu li .sub-menu {
display: none;
position: absolute;
margin: 0;
padding: 10px;
background: #505050;
left: 100%;
top: -10px;
z-index: 9999;
width: 100%;
min-width: 200px;
}
.site-header .main-navigation ul li .sub-menu li .sub-menu .border-bot {
display: none;
}
.site-header .main-navigation ul li .sub-menu li .sub-menu li:last-child {
display: block;
width: auto;
}
.site-header .main-navigation ul li .sub-menu li .sub-menu li:last-child a {
margin-bottom: 0px !important;
}
.site-header .main-navigation ul li .sub-menu li .sub-menu li a {
line-height: 40px;
background-color: #a29e9d;
color: white;
font-weight: bold;
padding: 0px 10px;
transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
text-decoration: none;
font-size: 14px;
white-space: wrap;
border-radius: 3px !important;
margin-bottom: 5px !important;
}
.site-header .main-navigation ul li .sub-menu li .sub-menu li a:hover {
background-color: black;
}
.site-header .menu-toggle, .site-header .dropdown-toggle span {
display: none;
} .menu-item .border-bot {
display: block;
background-color: #bf0413;
width: calc(100% - 40px);
height: 5px;
position: absolute;
left: 20px;
bottom: 0px;
transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
transform: scale(0, 1);
transform-origin: center;
}
.menu-item.current-menu-item a {
text-shadow: 0px 0px 0.2px black;
}
.menu-item.current-menu-item .border-bot {
display: block;
background-color: #bf0413;
width: calc(100% - 40px);
height: 5px;
position: absolute;
left: 20px;
bottom: 0px;
transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
transform: scale(1, 1);
transform-origin: center;
}
.menu-item:hover .border-bot {
transform: scale(1, 1);
}     div#responsive-menu-additional-content {
position: relative;
top: 50px;
}
div#responsive-menu-additional-content .topbar {
background: transparent;
}
.topbar {
position: fixed;
z-index: 999999;
width: 100%;
transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
background: #d92949;
}
.topbar .custom-hamburger {
display: none;
}
@media screen and (max-width: 1040px) {
.topbar {
width: auto;
}
.topbar .custom-hamburger {
display: block;
height: 40px;
}
}
@media screen and (max-width: 480px) {
.topbar {
background: transparent !important;
}
}
@media screen and (max-width: 1040px) {
.topbar {
position: relative !important;
}
}
@media screen and (max-width: 480px) {
.topbar {
padding: 0px;
}
}
@media screen and (min-width: 320px) and (max-width: 812px) and (orientation: landscape) {
.topbar {
padding: 0px;
}
}
.topbar .show-at-mobile {
display: none !important;
}
@media screen and (max-width: 480px) {
.topbar .show-at-mobile {
display: block !important;
}
}
@media screen and (min-width: 320px) and (max-width: 812px) and (orientation: landscape) {
.topbar .show-at-mobile {
display: block !important;
}
}
.topbar .hide-at-mobile {
align-items: flex-end !important;
}
@media screen and (max-width: 480px) {
.topbar .hide-at-mobile {
background-color: black;
}
.topbar .hide-at-mobile .flex-wrapper, .topbar .hide-at-mobile .social-wrapper {
display: none !important;
}
}
@media screen and (min-width: 320px) and (max-width: 812px) and (orientation: landscape) {
.topbar .hide-at-mobile {
background-color: black;
}
.topbar .hide-at-mobile .flex-wrapper, .topbar .hide-at-mobile .social-wrapper {
display: none !important;
}
}
.topbar .flex-wrapper {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-align-items: stretch;
align-items: stretch;
-webkit-justify-content: flex-start;
justify-content: flex-start;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
max-width: 1200px;
margin: 0 auto;
}
.topbar .topbar2-wrapper {
max-width: 1200px;
margin: 0 auto;
}
.topbar .topbar2-wrapper .flex-wrapper {
margin: unset;
}
.topbar a {
line-height: 40px;
color: white;
}
@media screen and (max-width: 480px) {
.topbar a {
line-height: 28px;
}
}
@media screen and (min-width: 320px) and (max-width: 812px) and (orientation: landscape) {
.topbar a {
line-height: 28px;
}
}
.height800 {
height: 800px;
}
.container {
max-width: 1200px;
margin: 0 auto !important;
}
.container li {
list-style-type: none;
}
.icon-wrapper .wpb_wrapper {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-flex-wrap: nowrap;
flex-wrap: nowrap;
} .topbar-flavour-1-reverse {
text-align: right;
}
.topbar-flavour-1-reverse .flex-wrapper {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row-reverse;
flex-direction: row-reverse;
-webkit-align-items: stretch;
align-items: stretch;
-webkit-justify-content: flex-start;
justify-content: flex-start;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
.topbar-flavour-1 a {
padding: 0 20px;
text-decoration: none;
transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
}
.topbar-flavour-1 a svg {
transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
margin-right: 5px;
}
.topbar-flavour-1 a:hover {
color: #d92949;
}
.topbar-flavour-1 a:hover svg {
color: white;
}
@media screen and (max-width: 768px) {
.topbar-flavour-1 .flex-wrapper {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-align-items: flex-start;
align-items: flex-start;
-webkit-justify-content: flex-start;
justify-content: flex-start;
-webkit-flex-wrap: nowrap;
flex-wrap: nowrap;
}
}
@media screen and (max-width: 480px) {
.topbar-flavour-1 .flex-wrapper {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: column;
flex-direction: column;
-webkit-align-items: flex-start;
align-items: flex-start;
-webkit-justify-content: flex-start;
justify-content: flex-start;
-webkit-flex-wrap: nowrap;
flex-wrap: nowrap;
}
}
@media screen and (min-width: 320px) and (max-width: 812px) and (orientation: landscape) {
.topbar-flavour-1 .flex-wrapper {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: column;
flex-direction: column;
-webkit-align-items: flex-start;
align-items: flex-start;
-webkit-justify-content: flex-start;
justify-content: flex-start;
-webkit-flex-wrap: nowrap;
flex-wrap: nowrap;
}
} .topbar-flavour-2 a {
padding: 0 20px;
text-decoration: none;
transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
color: white;
}
.topbar-flavour-2 a svg {
transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
margin-right: 5px;
color: white;
}
.topbar-flavour-2 a:hover {
color: #73141b;
}
.topbar-flavour-2 a:hover svg {
color: #73141b;
}
.topbar-flavour-2 .topbar2-wrapper {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-flex-wrap: nowrap;
flex-wrap: nowrap;
}
@media screen and (max-width: 768px) {
.topbar-flavour-2 .topbar2-wrapper {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-flex-wrap: nowrap;
flex-wrap: nowrap;
}
}
@media screen and (max-width: 480px) {
.topbar-flavour-2 .topbar2-wrapper {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: column;
flex-direction: column;
-webkit-align-items: flex-start;
align-items: flex-start;
-webkit-justify-content: center;
justify-content: center;
-webkit-flex-wrap: nowrap;
flex-wrap: nowrap;
}
}
@media screen and (min-width: 320px) and (max-width: 812px) and (orientation: landscape) {
.topbar-flavour-2 .topbar2-wrapper {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: column;
flex-direction: column;
-webkit-align-items: flex-start;
align-items: flex-start;
-webkit-justify-content: center;
justify-content: center;
-webkit-flex-wrap: nowrap;
flex-wrap: nowrap;
}
}
.topbar-flavour-2 .topbar2-wrapper .wrapper {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-align-items: stretch;
align-items: stretch;
-webkit-justify-content: flex-start;
justify-content: flex-start;
-webkit-flex-wrap: nowrap;
flex-wrap: nowrap;
}
@media screen and (max-width: 480px) {
.topbar-flavour-2 .topbar2-wrapper .wrapper {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: column;
flex-direction: column;
-webkit-align-items: stretch;
align-items: stretch;
-webkit-justify-content: flex-start;
justify-content: flex-start;
-webkit-flex-wrap: nowrap;
flex-wrap: nowrap;
}
}
@media screen and (min-width: 320px) and (max-width: 812px) and (orientation: landscape) {
.topbar-flavour-2 .topbar2-wrapper .wrapper {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: column;
flex-direction: column;
-webkit-align-items: stretch;
align-items: stretch;
-webkit-justify-content: flex-start;
justify-content: flex-start;
-webkit-flex-wrap: nowrap;
flex-wrap: nowrap;
}
}
.topbar-flavour-2 .topbar2-wrapper .social-wrapper {
height: 40px;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: flex-start;
justify-content: flex-start;
-webkit-flex-wrap: nowrap;
flex-wrap: nowrap;
}
@media screen and (max-width: 1040px) {
.topbar-flavour-2 .topbar2-wrapper .social-wrapper {
position: relative;
right: 50px;
}
}
@media screen and (max-width: 480px) {
.topbar-flavour-2 .topbar2-wrapper .social-wrapper {
margin-top: 5px !important;
right: unset;
}
}
@media screen and (min-width: 320px) and (max-width: 812px) and (orientation: landscape) {
.topbar-flavour-2 .topbar2-wrapper .social-wrapper {
margin-top: 5px !important;
right: unset;
}
}
.topbar-flavour-2 .topbar2-wrapper .social-wrapper .facebook {
border: 2px solid #3b5998;
}
.topbar-flavour-2 .topbar2-wrapper .social-wrapper .facebook svg {
color: #3b5998;
}
.topbar-flavour-2 .topbar2-wrapper .social-wrapper .twitter {
border: 2px solid #55acee;
}
.topbar-flavour-2 .topbar2-wrapper .social-wrapper .twitter svg {
color: #55acee;
}
.topbar-flavour-2 .topbar2-wrapper .social-wrapper .pinterest {
border: 2px solid #cb2027;
}
.topbar-flavour-2 .topbar2-wrapper .social-wrapper .pinterest svg {
color: #cb2027;
}
.topbar-flavour-2 .topbar2-wrapper .social-wrapper .linkedin {
border: 2px solid #007bb5;
}
.topbar-flavour-2 .topbar2-wrapper .social-wrapper .linkedin svg {
color: #007bb5;
}
.topbar-flavour-2 .topbar2-wrapper .social-wrapper a {
line-height: 30px;
margin: 0px 5px;
border-radius: 50%;
width: 30px;
height: 30px;
padding: 0px;
text-align: center;
transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
}
@media screen and (max-width: 480px) {
.topbar-flavour-2 .topbar2-wrapper .social-wrapper a {
margin-right: 10px !important;
}
}
@media screen and (min-width: 320px) and (max-width: 812px) and (orientation: landscape) {
.topbar-flavour-2 .topbar2-wrapper .social-wrapper a {
margin-right: 10px !important;
}
}
.topbar-flavour-2 .topbar2-wrapper .social-wrapper a:hover {
border: none;
color: white;
}
.topbar-flavour-2 .topbar2-wrapper .social-wrapper a.facebook:hover {
background: #3b5998;
border-radius: 0%;
}
.topbar-flavour-2 .topbar2-wrapper .social-wrapper a.twitter:hover {
background: #55acee;
border-radius: 0%;
}
.topbar-flavour-2 .topbar2-wrapper .social-wrapper a.pinterest:hover {
background: #cb2027;
border-radius: 0%;
}
.topbar-flavour-2 .topbar2-wrapper .social-wrapper a.linkedin:hover {
background: #007bb5;
border-radius: 0%;
}
.topbar-flavour-2 .topbar2-wrapper .social-wrapper a svg {
color: white;
position: relative;
left: 2px;
}
@media screen and (max-width: 480px) {
.topbar-flavour-2 .topbar2-wrapper .social-wrapper a svg {
left: 0px;
top: -2px;
}
}
@media screen and (min-width: 320px) and (max-width: 812px) and (orientation: landscape) {
.topbar-flavour-2 .topbar2-wrapper .social-wrapper a svg {
left: 0px;
top: -2px;
}
}
.topbar-flavour-2 .topbar2-wrapper .social-wrapper a:hover svg {
color: #73141b;
}          .swal2-popup .swal2-header .swal2-title span {
line-height: 28px !important;
}
.swal2-popup .swal2-actions button {
display: inline-block !important;
}
.swal2-popup .swal2-actions button span {
color: white !important;
}
.wpcf7-response-output {
display: none !important;
}
.contact {
padding-top: 0;
}
.contact * {
font-family: "light";
}
.contact h4 {
font-size: 18px;
}
@media screen and (max-width: 768px) {
.contact .container {
display: flex;
flex-wrap: wrap;
}
}
.contact .container .map-container {
margin-top: 50px;
}
.contact .container .map-container > div {
padding-right: 0px !important;
padding-left: 0px !important;
}
.contact .container .content {
width: calc(50% - 100px);
margin-right: 100px;
}
.contact .container .content img {
margin-bottom: 30px;
}
.contact .container .content .openingstijden {
width: 100%;
}
.contact .container .content .openingstijden tr {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-flex-wrap: nowrap;
flex-wrap: nowrap;
border-bottom: 1px solid black;
line-height: 40px;
}
@media screen and (max-width: 768px) {
.contact .container .content {
width: 100%;
margin-right: 0px;
margin-bottom: 30px !important;
}
}
@media screen and (min-width: 320px) and (max-width: 812px) and (orientation: landscape) {
.contact .container .content {
width: 100%;
margin-right: 0px;
margin-bottom: 30px !important;
}
}
.contact .container .zijbalk {
width: 50%;
margin-left: 0px;
padding: 0;
background: transparent;
}
@media screen and (max-width: 768px) {
.contact .container .zijbalk {
width: 100%;
margin-left: 0px;
}
}
@media screen and (min-width: 320px) and (max-width: 812px) and (orientation: landscape) {
.contact .container .zijbalk {
width: 100%;
margin-left: 0px;
}
}
.contact .container .form-wrapper {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
.contact .container .form-wrapper label {
line-height: 30px;
margin-bottom: 20px;
}
.contact .container .form-wrapper .full-width {
width: 100%;
}
.contact .container .form-wrapper .full-width input {
margin: 0px;
width: calc(100% - 12px);
}
.contact .container .form-wrapper .half-width {
width: 50%;
}
.contact .container .form-wrapper .half-width.first input {
margin: 0px 10px 0px 0px;
}
.contact .container .form-wrapper .half-width.last input {
margin: 0px 0px 0px 10px;
}
@media screen and (max-width: 768px) {
.contact .container .form-wrapper .half-width {
width: 100%;
}
.contact .container .form-wrapper .half-width input {
width: calc(100% - 12px);
margin: 0px !important;
}
}
@media screen and (min-width: 320px) and (max-width: 812px) and (orientation: landscape) {
.contact .container .form-wrapper .half-width {
width: 100%;
}
.contact .container .form-wrapper .half-width input {
width: calc(100% - 12px);
margin: 0px !important;
}
}
.contact .container .form-wrapper .third-width {
width: 33.33%;
}
.contact .container .form-wrapper .third-width.first input {
margin: 0px 10px 0px 0px;
}
.contact .container .form-wrapper .third-width.last input {
margin: 0px 0px 0px 10px;
}
@media screen and (max-width: 768px) {
.contact .container .form-wrapper .third-width {
width: 100%;
}
.contact .container .form-wrapper .third-width input {
width: calc(100% - 12px);
margin: 0px !important;
}
}
@media screen and (min-width: 320px) and (max-width: 812px) and (orientation: landscape) {
.contact .container .form-wrapper .third-width {
width: 100%;
}
.contact .container .form-wrapper .third-width input {
width: calc(100% - 12px);
margin: 0px !important;
}
}
.contact .container .form-wrapper input {
width: calc(100% - 22px);
border: none;
line-height: 40px;
height: 40px;
padding: 0px;
padding-left: 10px;
margin-bottom: 10px !important;
border-radius: 5px !important;
}
.contact .container .form-wrapper textarea {
width: calc(100% - 12px);
border: none;
line-height: 40px;
padding: 0px;
padding-left: 10px;
margin: 0px;
margin-bottom: 30px;
border-radius: 5px !important;
height: 150px;
}
.contact .container .form-wrapper .flex-verzend {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-align-items: baseline;
align-items: baseline;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-flex-wrap: nowrap;
flex-wrap: nowrap;
width: 100%;
}
.contact .container .form-wrapper .flex-verzend p {
margin-bottom: 0px !important;
}
.contact .container .form-wrapper .flex-verzend .ajax-loader {
display: none;
}
.contact .container .form-wrapper .flex-verzend input {
width: 100%;
padding-left: unset;
padding: 0px 20px;
margin: 0px;
margin-bottom: 0px;
border: 1px solid #73141b;
}
.contact .container .form-wrapper.fancy p {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.contact .container .form-wrapper.fancy p label {
max-width: 200px;
min-width: 200px;
}
.contact .container .form-wrapper.fancy p > span {
width: calc(100% - 200px - 20px);
margin-left: 20px;
}
.contact .container .form-wrapper.fancy p input:not(.wpcf7-submit) {
border: none;
padding-left: 0px !important;
border-bottom: 1px solid black;
position: relative;
overflow: hidden;
}
.contact .container .form-wrapper.fancy p input:not(.wpcf7-submit)::placeholder {
width: 100%;
transform: translatex(-100%);
transition: all 0.3s ease-in-out;
transform-origin: left;
}
.contact .container .form-wrapper.fancy p input:not(.wpcf7-submit):focus::placeholder {
transform: translatex(0px);
}
.contact.contact-flavour-3 .contactinfo {
margin-bottom: 30px !important;
width: 100%;
}
.contact.contact-flavour-3 .contactinfo tr {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-flex-wrap: nowrap;
flex-wrap: nowrap;
border-bottom: 1px solid black;
line-height: 40px;
}
.contact.contact-flavour-3 .zijbalk img {
margin-bottom: 30px;
}
.contact.contact-flavour-3 .zijbalk ul {
padding: 0px;
}
.contact.contact-flavour-3 .zijbalk ul li {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: flex-start;
justify-content: flex-start;
-webkit-flex-wrap: nowrap;
flex-wrap: nowrap;
line-height: 40px;
}
.contact.contact-flavour-3 .zijbalk ul li svg {
margin-right: 20px;
font-size: 24px;
}
.contact.contact-flavour-4 select, .contact.contact-flavour-4 input:not([type="radio"]) {
line-height: 40px;
height: 40px;
border: 1px solid black;
background-color: white;
width: 100%;
border-radius: 0px !important;
-webkit-appearance: none;
}
.contact.contact-flavour-4 input:not([type="radio"]) {
padding: 0px;
height: 38px !important;
padding-left: 10px;
width: calc(100% - 10px);
}
.contact.contact-flavour-4 select {
padding-left: 10px;
}
.contact.contact-flavour-4 .q-box-wrapper {
width: 100%;
display: flex;
padding: 30px 0px;
}
@media screen and (max-width: 768px) {
.contact.contact-flavour-4 .q-box-wrapper {
flex-wrap: wrap;
justify-content: flex-end;
}
}
@media screen and (min-width: 320px) and (max-width: 812px) and (orientation: landscape) {
.contact.contact-flavour-4 .q-box-wrapper {
flex-wrap: wrap;
justify-content: flex-end;
}
}
.contact.contact-flavour-4 .q-box-wrapper p {
margin-bottom: 0px !important;
}
.contact.contact-flavour-4 .q-box-wrapper .box1 {
width: calc(33.33% - 10px);
padding: 0px 10px 0px 0px;
}
@media screen and (max-width: 480px) {
.contact.contact-flavour-4 .q-box-wrapper .box1 {
width: 100%;
padding: 0px;
}
}
.contact.contact-flavour-4 .q-box-wrapper .box1 p {
margin-top: 10px;
}
.contact.contact-flavour-4 .q-box-wrapper .box2 {
width: calc(33.33% - 10px);
padding: 0px 5px 0px 5px;
}
@media screen and (max-width: 480px) {
.contact.contact-flavour-4 .q-box-wrapper .box2 {
width: 100%;
padding: 0px;
}
}
.contact.contact-flavour-4 .q-box-wrapper .box2 p {
margin-top: 10px;
}
.contact.contact-flavour-4 .q-box-wrapper .box3 {
width: calc(33.33% - 10px);
padding: 0px 0px 0px 10px;
}
@media screen and (max-width: 480px) {
.contact.contact-flavour-4 .q-box-wrapper .box3 {
width: 100%;
padding: 0px;
}
}
.contact.contact-flavour-4 .q-box-wrapper .box3 p {
margin-top: 10px;
}
.contact.contact-flavour-4 .q-box-wrapper .box4, .contact.contact-flavour-4 .q-box-wrapper .box10, .contact.contact-flavour-4 .q-box-wrapper .box13, .contact.contact-flavour-4 .q-box-wrapper .box21 {
width: 33.33%;
}
@media screen and (max-width: 480px) {
.contact.contact-flavour-4 .q-box-wrapper .box4, .contact.contact-flavour-4 .q-box-wrapper .box10, .contact.contact-flavour-4 .q-box-wrapper .box13, .contact.contact-flavour-4 .q-box-wrapper .box21 {
width: 100%;
padding: 0px;
}
}
.contact.contact-flavour-4 .q-box-wrapper .box5 {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: flex-start;
justify-content: flex-start;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
width: 66.66%;
line-height: 40px;
}
.contact.contact-flavour-4 .q-box-wrapper .box5 > span > span > span {
display: block;
margin-left: 0px !important;
}
@media screen and (max-width: 480px) {
.contact.contact-flavour-4 .q-box-wrapper .box5 {
width: 100%;
}
}
.contact.contact-flavour-4 .q-box-wrapper .box6 {
width: 100%;
}
.contact.contact-flavour-4 .q-box-wrapper .box6 li {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: flex-start;
justify-content: flex-start;
-webkit-flex-wrap: nowrap;
flex-wrap: nowrap;
width: 66.67%;
line-height: 38px;
margin-top: 10px;
}
.contact.contact-flavour-4 .q-box-wrapper .box6 li:first-child {
margin-top: 0px !important;
}
.contact.contact-flavour-4 .q-box-wrapper .box6 li:last-child {
width: 100%;
}
.contact.contact-flavour-4 .q-box-wrapper .box6 li:last-child .first-word {
width: 33.33%;
}
.contact.contact-flavour-4 .q-box-wrapper .box6 li:last-child p {
width: 66.67%;
}
.contact.contact-flavour-4 .q-box-wrapper .box6 li:last-child p > span {
width: 100%;
}
.contact.contact-flavour-4 .q-box-wrapper .box6 li:last-child p > span > span {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-flex-wrap: nowrap;
flex-wrap: nowrap;
width: 100%;
}
.contact.contact-flavour-4 .q-box-wrapper .box6 li:last-child p > span > span > span {
width: 100%;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: flex-start;
justify-content: flex-start;
-webkit-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.contact.contact-flavour-4 .q-box-wrapper .box6 li:last-child p > span > span > span input {
width: auto !important;
margin-right: 10px;
}
.contact.contact-flavour-4 .q-box-wrapper .box6 li .first-word {
width: 50%;
}
@media screen and (max-width: 768px) {
.contact.contact-flavour-4 .q-box-wrapper .box6 li .first-word {
width: 33.33%;
}
}
@media screen and (min-width: 320px) and (max-width: 812px) and (orientation: landscape) {
.contact.contact-flavour-4 .q-box-wrapper .box6 li .first-word {
width: 33.33%;
}
}
@media screen and (max-width: 480px) {
.contact.contact-flavour-4 .q-box-wrapper .box6 li .first-word {
width: 100%;
}
}
.contact.contact-flavour-4 .q-box-wrapper .box6 li p {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-flex-wrap: nowrap;
flex-wrap: nowrap;
width: 50%;
margin-bottom: 0px !important;
}
.contact.contact-flavour-4 .q-box-wrapper .box6 li p input {
width: calc(100% - 50px);
display: inline-block;
}
.contact.contact-flavour-4 .q-box-wrapper .box6 li p span:not(.wpcf7-form-control-wrap) {
width: 50px;
display: inline-block;
}
@media screen and (max-width: 768px) {
.contact.contact-flavour-4 .q-box-wrapper .box6 li {
width: 100%;
}
}
@media screen and (min-width: 320px) and (max-width: 812px) and (orientation: landscape) {
.contact.contact-flavour-4 .q-box-wrapper .box6 li {
width: 100%;
}
}
@media screen and (max-width: 480px) {
.contact.contact-flavour-4 .q-box-wrapper .box6 li {
width: 100%;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: flex-start;
justify-content: flex-start;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
.contact.contact-flavour-4 .q-box-wrapper .box6 li p {
width: 100%;
}
.contact.contact-flavour-4 .q-box-wrapper .box6 li p input {
width: 100%;
}
}
.contact.contact-flavour-4 .q-box-wrapper .box6 img {
position: absolute;
right: 15px;
width: calc(33.33% - 15px);
}
@media screen and (max-width: 480px) {
.contact.contact-flavour-4 .q-box-wrapper .box6 img {
position: relative;
width: 100%;
right: unset;
}
}
.contact.contact-flavour-4 .q-box-wrapper .box9 {
width: 100%;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-flex-wrap: nowrap;
flex-wrap: nowrap;
}
@media screen and (max-width: 768px) {
.contact.contact-flavour-4 .q-box-wrapper .box9 {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: flex-end;
justify-content: flex-end;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
}
@media screen and (min-width: 320px) and (max-width: 812px) and (orientation: landscape) {
.contact.contact-flavour-4 .q-box-wrapper .box9 {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: flex-end;
justify-content: flex-end;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
}
.contact.contact-flavour-4 .q-box-wrapper .box9 > div {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: flex-start;
justify-content: flex-start;
-webkit-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.contact.contact-flavour-4 .q-box-wrapper .box9 > div input:not([type="radio"]) {
margin-left: 10px;
width: calc(100% - 20px);
}
.contact.contact-flavour-4 .q-box-wrapper .box9 > div input[type="radio"] {
margin-right: 5px;
}
.contact.contact-flavour-4 .q-box-wrapper .box9 > div p {
margin-bottom: 0px !important;
}
.contact.contact-flavour-4 .q-box-wrapper .box9 > div p.last-word {
margin-left: 10px;
}
.contact.contact-flavour-4 .q-box-wrapper .box9 > div:nth-child(1) {
width: 33.33%;
}
@media screen and (max-width: 768px) {
.contact.contact-flavour-4 .q-box-wrapper .box9 > div:nth-child(1) {
width: 33.33%;
}
}
@media screen and (min-width: 320px) and (max-width: 812px) and (orientation: landscape) {
.contact.contact-flavour-4 .q-box-wrapper .box9 > div:nth-child(1) {
width: 33.33%;
}
}
.contact.contact-flavour-4 .q-box-wrapper .box9 > div:nth-child(2) {
width: 16.67%;
}
@media screen and (max-width: 768px) {
.contact.contact-flavour-4 .q-box-wrapper .box9 > div:nth-child(2) {
width: 16.67%;
}
}
@media screen and (min-width: 320px) and (max-width: 812px) and (orientation: landscape) {
.contact.contact-flavour-4 .q-box-wrapper .box9 > div:nth-child(2) {
width: 16.67%;
}
}
.contact.contact-flavour-4 .q-box-wrapper .box9 > div:nth-child(3) {
width: 25%;
}
.contact.contact-flavour-4 .q-box-wrapper .box9 > div:nth-child(3) .last-word {
margin-right: 10px;
}
@media screen and (max-width: 768px) {
.contact.contact-flavour-4 .q-box-wrapper .box9 > div:nth-child(3) {
width: 50%;
}
}
@media screen and (min-width: 320px) and (max-width: 812px) and (orientation: landscape) {
.contact.contact-flavour-4 .q-box-wrapper .box9 > div:nth-child(3) {
width: 50%;
}
}
.contact.contact-flavour-4 .q-box-wrapper .box9 > div:nth-child(4) {
width: 25%;
}
@media screen and (max-width: 768px) {
.contact.contact-flavour-4 .q-box-wrapper .box9 > div:nth-child(4) {
width: 50%;
margin-top: 10px;
}
}
@media screen and (min-width: 320px) and (max-width: 812px) and (orientation: landscape) {
.contact.contact-flavour-4 .q-box-wrapper .box9 > div:nth-child(4) {
width: 50%;
margin-top: 10px;
}
}
.contact.contact-flavour-4 .q-box-wrapper .box9 > div .wpcf7-list-item {
display: flex;
}
@media screen and (max-width: 480px) {
.contact.contact-flavour-4 .q-box-wrapper .box9 > div {
width: 100% !important;
margin-bottom: 10px;
}
.contact.contact-flavour-4 .q-box-wrapper .box9 > div:last-child {
margin-bottom: 0px !important;
}
}
.contact.contact-flavour-4 .q-box-wrapper .box14 {
width: 100%;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
.contact.contact-flavour-4 .q-box-wrapper .box14 > div {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-flex-wrap: nowrap;
flex-wrap: nowrap;
width: calc(33.33% - 10px);
margin-right: 10px;
margin-bottom: 10px;
}
.contact.contact-flavour-4 .q-box-wrapper .box14 > div input[type="radio"] {
margin-right: 5px;
}
@media screen and (max-width: 768px) {
.contact.contact-flavour-4 .q-box-wrapper .box14 > div {
width: 100% !important;
margin-right: 0px !important;
margin-bottom: 10px !important;
}
.contact.contact-flavour-4 .q-box-wrapper .box14 > div:last-child {
margin-bottom: 0px !important;
}
}
@media screen and (min-width: 320px) and (max-width: 812px) and (orientation: landscape) {
.contact.contact-flavour-4 .q-box-wrapper .box14 > div {
width: 100% !important;
margin-right: 0px !important;
margin-bottom: 10px !important;
}
.contact.contact-flavour-4 .q-box-wrapper .box14 > div:last-child {
margin-bottom: 0px !important;
}
}
@media screen and (max-width: 480px) {
.contact.contact-flavour-4 .q-box-wrapper .box14 > div {
width: 100% !important;
}
}
.contact.contact-flavour-4 .q-box-wrapper .box14 > div:nth-child(5) {
width: 66.67%;
margin-right: 0px;
margin-bottom: 0px;
}
.contact.contact-flavour-4 .q-box-wrapper .box14 > div:nth-child(4) {
margin-bottom: 0px;
}
.contact.contact-flavour-4 .q-box-wrapper .box14 > div:nth-child(3) {
width: 33.33%;
margin-right: 0px;
}
.contact.contact-flavour-4 .q-box-wrapper .box14 > div .wpcf7-list-item {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-align-items: stretch;
align-items: stretch;
-webkit-justify-content: flex-start;
justify-content: flex-start;
-webkit-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.contact.contact-flavour-4 .q-box-wrapper .box14 > div > span:first-child {
width: 25%;
}
.contact.contact-flavour-4 .q-box-wrapper .box14 > div > span:last-child {
width: 75%;
}
.contact.contact-flavour-4 .q-box-wrapper .box15, .contact.contact-flavour-4 .q-box-wrapper .box16, .contact.contact-flavour-4 .q-box-wrapper .box17 {
width: 33.33%;
}
.contact.contact-flavour-4 .q-box-wrapper .box15 img, .contact.contact-flavour-4 .q-box-wrapper .box16 img, .contact.contact-flavour-4 .q-box-wrapper .box17 img {
width: 100%;
}
.contact.contact-flavour-4 .q-box-wrapper .box15 p, .contact.contact-flavour-4 .q-box-wrapper .box16 p, .contact.contact-flavour-4 .q-box-wrapper .box17 p {
margin-bottom: 0px !important;
}
.contact.contact-flavour-4 .q-box-wrapper .box15 > div, .contact.contact-flavour-4 .q-box-wrapper .box16 > div, .contact.contact-flavour-4 .q-box-wrapper .box17 > div {
width: 100%;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-flex-wrap: nowrap;
flex-wrap: nowrap;
}
@media screen and (max-width: 480px) {
.contact.contact-flavour-4 .q-box-wrapper .box15, .contact.contact-flavour-4 .q-box-wrapper .box16, .contact.contact-flavour-4 .q-box-wrapper .box17 {
width: 100% !important;
}
}
.contact.contact-flavour-4 .q-box-wrapper .box16 > div {
margin-bottom: 10px;
}
@media screen and (max-width: 768px) {
.contact.contact-flavour-4 .q-box-wrapper .box16 {
width: 66.67%;
margin-bottom: 30px;
}
}
@media screen and (min-width: 320px) and (max-width: 812px) and (orientation: landscape) {
.contact.contact-flavour-4 .q-box-wrapper .box16 {
width: 66.67%;
margin-bottom: 30px;
}
}
@media screen and (max-width: 768px) {
.contact.contact-flavour-4 .q-box-wrapper .box17 {
width: 66.67%;
}
}
@media screen and (min-width: 320px) and (max-width: 812px) and (orientation: landscape) {
.contact.contact-flavour-4 .q-box-wrapper .box17 {
width: 66.67%;
}
}
.contact.contact-flavour-4 .q-box-wrapper .box17 > div {
margin-bottom: 10px;
}
.contact.contact-flavour-4 .q-box-wrapper .box17 > div > span {
width: 10%;
}
.contact.contact-flavour-4 .q-box-wrapper .box17 > div > span.first-text, .contact.contact-flavour-4 .q-box-wrapper .box17 > div > span.wpcf7-form-control-wrap:first-child {
width: 25%;
}
.contact.contact-flavour-4 .q-box-wrapper .box17 > div > span.wpcf7-form-control-wrap {
width: 65%;
}
@media screen and (max-width: 768px) {
.contact.contact-flavour-4 .q-box-wrapper .box18 {
width: 100%;
margin-bottom: 30px;
}
}
@media screen and (min-width: 320px) and (max-width: 812px) and (orientation: landscape) {
.contact.contact-flavour-4 .q-box-wrapper .box18 {
width: 100%;
margin-bottom: 30px;
}
}
.contact.contact-flavour-4 .q-box-wrapper .box19 {
display: flex;
flex-wrap: wrap;
width: 66.67%;
}
@media screen and (max-width: 768px) {
.contact.contact-flavour-4 .q-box-wrapper .box19 {
width: 100%;
}
}
@media screen and (min-width: 320px) and (max-width: 812px) and (orientation: landscape) {
.contact.contact-flavour-4 .q-box-wrapper .box19 {
width: 100%;
}
}
.contact.contact-flavour-4 .q-box-wrapper .box19 input[type="checkbox"] {
-webkit-appearance: checkbox;
width: auto;
margin-right: 5px;
height: auto !important;
}
.contact.contact-flavour-4 .q-box-wrapper .box19 .wrap-row {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-flex-wrap: nowrap;
flex-wrap: nowrap;
width: 100%;
margin-bottom: 10px;
}
.contact.contact-flavour-4 .q-box-wrapper .box19 .wrap-row .wpcf7-list-item {
display: inline-flex;
align-items: center;
}
.contact.contact-flavour-4 .q-box-wrapper .box19 .wrap-row input[type="radio"] {
margin-right: 5px;
}
.contact.contact-flavour-4 .q-box-wrapper .box19 .wrap-row:nth-child(1) > span {
width: 50%;
}
.contact.contact-flavour-4 .q-box-wrapper .box19 .wrap-row:nth-child(1) > span > span {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.contact.contact-flavour-4 .q-box-wrapper .box19 .wrap-row:nth-child(2) {
margin-bottom: 0px !important;
}
.contact.contact-flavour-4 .q-box-wrapper .box19 .wrap-row:nth-child(2) > span {
width: 50%;
}
.contact.contact-flavour-4 .q-box-wrapper .box19 .wrap-row:nth-child(2) > span > span {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.contact.contact-flavour-4 .q-box-wrapper .box19 .wrap-row:nth-child(2) > div {
width: calc(25% - 10px);
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.contact.contact-flavour-4 .q-box-wrapper .box19 .wrap-row:nth-child(2) > div:first-child {
margin-right: 10px;
}
.contact.contact-flavour-4 .q-box-wrapper .box19 .wrap-row:nth-child(2) > div:last-child {
margin-left: 10px;
}
.contact.contact-flavour-4 .q-box-wrapper .box19 .wrap-row:nth-child(2) > div > span:first-child {
margin-right: 5px;
}
@media screen and (max-width: 480px) {
.contact.contact-flavour-4 .q-box-wrapper .box19 .wrap-row:nth-child(2) > div {
width: 100%;
margin-bottom: 10px;
margin-left: 0px !important;
}
}
.contact.contact-flavour-4 .q-box-wrapper .box19 .wrap-row:nth-child(3), .contact.contact-flavour-4 .q-box-wrapper .box19 .wrap-row:nth-child(4) {
margin-left: 30px;
}
@media screen and (max-width: 480px) {
.contact.contact-flavour-4 .q-box-wrapper .box19 .wrap-row:nth-child(3), .contact.contact-flavour-4 .q-box-wrapper .box19 .wrap-row:nth-child(4) {
margin-left: 0px !important;
}
}
@media screen and (max-width: 480px) {
.contact.contact-flavour-4 .q-box-wrapper .box19 .wrap-row {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
.contact.contact-flavour-4 .q-box-wrapper .box19 .wrap-row > span {
width: 100% !important;
margin-bottom: 10px;
}
}
.contact.contact-flavour-4 .q-box-wrapper .box26 {
width: 66.67%;
}
.contact.contact-flavour-4 .q-box-wrapper .box26 textarea {
width: 100%;
max-width: 747px;
}
@media screen and (max-width: 480px) {
.contact.contact-flavour-4 .q-box-wrapper .box26 {
width: 100%;
}
}
.contact.contact-flavour-4 .q-box-wrapper .box27 {
padding: 0px !important;
}
.contact.contact-flavour-4 .q-box-wrapper .box27 p {
margin-bottom: 0px !important;
}
.contact.contact-flavour-4 .q-box-wrapper .box27 .wpcf7-list-item {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: flex-start;
justify-content: flex-start;
-webkit-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.contact.contact-flavour-4 .q-box-wrapper .box27 .wpcf7-list-item input[type="checkbox"] {
-webkit-appearance: checkbox;
width: auto;
margin-right: 5px;
}
.contact.contact-flavour-4 .q-box-wrapper .box28 {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-flex-wrap: nowrap;
flex-wrap: nowrap;
width: 100%;
}
.contact.contact-flavour-4 .q-box-wrapper .box28 p {
margin-bottom: 0px !important;
}
.contact.contact-flavour-4 .q-box-wrapper .box28 input[type="submit"] {
padding: 0px 20px;
width: 100%;
line-height: 40px;
color: white !important;
background-color: black !important;
cursor: pointer;
}
.contact.contact-flavour-4 .q-box-wrapper .box28 input[type="submit"]:hover {
color: black !important;
background-color: white !important;
}
.contact.contact-flavour-4 .q-box-wrapper span.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 0em;
}
.cta {
background-color: #73141b;
padding: 90px 0 50px;
}
.cta .container h2, .cta .container h3, .cta .container p {
color: white;
text-align: center !important;
}
@media screen and (max-width: 480px) {
.cta .container h2 {
margin-bottom: 15px !important;
}
.cta .container h3 {
margin-bottom: 30px !important;
}
}
@media screen and (min-width: 320px) and (max-width: 812px) and (orientation: landscape) {
.cta .container h2 {
margin-bottom: 15px !important;
}
.cta .container h3 {
margin-bottom: 30px !important;
}
}
.cta.cta-flavour-2 {
position: relative;
background-attachment: fixed;
}
.cta.cta-flavour-2 > div {
position: unset;
}
.cta.cta-flavour-2 .container {
position: relative;
z-index: 999;
}
.cta.cta-flavour-2 .cta-overlay {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 99;
background-color: rgba(0, 0, 0, 0.8);
}
.cta.cta-flavour-3 {
padding: 20px 0;
}
.cta.cta-flavour-3 h2 {
font-size: 32px;
line-height: 32px;
margin-bottom: 0 !important;
}
.cta.cta-flavour-3 a {
color: white;
font-size: 32px;
font-family: "bold";
text-decoration: underline;
}
@media screen and (max-width: 480px) {
.cta.cta-flavour-3 a, .cta.cta-flavour-3 h2 {
font-size: 24px !important;
}
.cta.cta-flavour-3 a {
display: block;
}
}
.dienstblok .container.marbot50 {
margin-bottom: 50px !important;
}
.dienstblok .container.last-container .dienstbox {
padding-bottom: 0px !important;
}
@media screen and (max-width: 480px) {
.dienstblok .container.last-container .dienstbox {
padding-bottom: 20px !important;
}
.dienstblok .container.last-container .dienstbox:last-child {
padding-bottom: 0px !important;
}
}
.dienstblok .vierblocks {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-flex-wrap: nowrap;
flex-wrap: nowrap;
}
@media screen and (max-width: 768px) {
.dienstblok .vierblocks .dienstbox {
width: 50% !important;
}
}
@media screen and (max-width: 480px) {
.dienstblok .vierblocks .dienstbox {
width: 100% !important;
}
}
.dienstblok .vierblocks .dienstbox:nth-child(1) {
padding: 0px 45px 20px 0px;
}
@media screen and (max-width: 768px) {
.dienstblok .vierblocks .dienstbox:nth-child(1) {
padding: 0px 37.5px 50px 0px !important;
margin-bottom: 0px !important;
}
}
@media screen and (min-width: 320px) and (max-width: 812px) and (orientation: landscape) {
.dienstblok .vierblocks .dienstbox:nth-child(1) {
padding: 0px 15px 30px 0px !important;
}
}
@media screen and (max-width: 480px) {
.dienstblok .vierblocks .dienstbox:nth-child(1) {
padding: 0px 0px 50px 0px !important;
}
}
.dienstblok .vierblocks .dienstbox:nth-child(2) {
padding: 0px 30px 20px 20px;
}
@media screen and (max-width: 768px) {
.dienstblok .vierblocks .dienstbox:nth-child(2) {
padding: 0px 0px 50px 37.5px !important;
margin-bottom: 0px !important;
}
}
@media screen and (min-width: 320px) and (max-width: 812px) and (orientation: landscape) {
.dienstblok .vierblocks .dienstbox:nth-child(2) {
padding: 0px 0px 30px 15px !important;
}
}
@media screen and (max-width: 480px) {
.dienstblok .vierblocks .dienstbox:nth-child(2) {
padding: 0px 0px 50px 0px !important;
}
}
.dienstblok .vierblocks .dienstbox:nth-child(3) {
padding: 0px 15px 20px 30px;
}
@media screen and (max-width: 768px) {
.dienstblok .vierblocks .dienstbox:nth-child(3) {
padding: 0px 37.5px 0px 0px !important;
margin-bottom: 0px !important;
}
}
@media screen and (min-width: 320px) and (max-width: 812px) and (orientation: landscape) {
.dienstblok .vierblocks .dienstbox:nth-child(3) {
padding: 0px 15px 0px 0px !important;
}
}
@media screen and (max-width: 480px) {
.dienstblok .vierblocks .dienstbox:nth-child(3) {
padding: 0px 0px 50px 0px !important;
}
}
.dienstblok .vierblocks .dienstbox:nth-child(4) {
padding: 0px 0px 20px 45px;
}
@media screen and (max-width: 768px) {
.dienstblok .vierblocks .dienstbox:nth-child(4) {
padding: 0px 0px 0px 37.5px !important;
margin-bottom: 0px !important;
}
}
@media screen and (min-width: 320px) and (max-width: 812px) and (orientation: landscape) {
.dienstblok .vierblocks .dienstbox:nth-child(4) {
padding: 0px 0px 0px 15px !important;
}
}
@media screen and (max-width: 480px) {
.dienstblok .vierblocks .dienstbox:nth-child(4) {
padding: 0px 0px 0px 0px !important;
}
}
@media screen and (max-width: 768px) {
.dienstblok .vierblocks {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
}
@media screen and (min-width: 320px) and (max-width: 812px) and (orientation: landscape) {
.dienstblok .vierblocks {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
}
.dienstblok .teksthouder {
text-align: center;
margin-bottom: 50px !important;
}
.dienstblok .teksthouder .dont-clamp-this p {
max-width: 800px;
margin: 0 auto;
}
.dienstblok .dienstbox {
padding: 0px 25px 20px 25px;
}
@media screen and (max-width: 480px) {
.dienstblok .dienstbox {
padding: 0px 0px 20px 0px;
}
}
.dienstblok .dienstbox:first-child {
padding: 0px 50px 20px 0px;
}
@media screen and (max-width: 480px) {
.dienstblok .dienstbox:first-child {
padding: 0px 0px 20px 0px;
}
}
.dienstblok .dienstbox:last-child {
padding: 0px 0px 20px 50px;
}
@media screen and (max-width: 480px) {
.dienstblok .dienstbox:last-child {
padding: 0px 0px 0px 0px;
}
}
.dienstblok .dienstbox .iconwrapper {
background-color: black;
border-radius: 50%;
width: 70px;
height: 70px;
margin: 0 auto;
margin-bottom: 30px;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.dienstblok .dienstbox .iconwrapper svg {
font-size: 30px;
color: white;
}
@media screen and (max-width: 768px) {
.dienstblok .dienstbox .iconwrapper {
width: 50px;
height: 50px;
position: relative;
}
.dienstblok .dienstbox .iconwrapper svg {
font-size: 24px;
}
}
@media screen and (min-width: 320px) and (max-width: 812px) and (orientation: landscape) {
.dienstblok .dienstbox .iconwrapper {
width: 50px;
height: 50px;
position: relative;
}
.dienstblok .dienstbox .iconwrapper svg {
font-size: 24px;
}
}
.dienstblok .dienstbox .vc_separator {
margin: 30px 0px;
}
.dienstblok .dienstbox .vc_separator .vc_sep_line {
width: 50%;
left: 50%;
transform: translatex(-50%);
border-top: 5px solid #73141b;
max-width: 70px;
}
.dienstblok .dienstbox > div {
padding-left: 0px !important;
padding-right: 0px !important;
}
.dienstblok .dienstbox .wpb_single_image {
margin-bottom: 20px;
}
.dienstblok .dienstbox .wpb_wrapper .vc_icon_element .vc_icon_element-inner {
width: 70px !important;
height: 70px !important;
}
@media screen and (max-width: 768px) {
.dienstblok .dienstbox .wpb_wrapper .vc_icon_element .vc_icon_element-inner {
width: 50px !important;
height: 50px !important;
}
}
.dienstblok .iconbox .iconwrapper {
background-color: black;
border-radius: 50%;
width: 70px;
height: 70px;
margin: 0 auto;
margin-bottom: 30px;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.dienstblok .iconbox .iconwrapper svg {
font-size: 30px;
color: white;
}
@media screen and (max-width: 768px) {
.dienstblok .iconbox .iconwrapper {
width: 50px;
height: 50px;
position: relative;
left: 10px;
}
.dienstblok .iconbox .iconwrapper svg {
font-size: 24px;
}
}
@media screen and (min-width: 320px) and (max-width: 812px) and (orientation: landscape) {
.dienstblok .iconbox .iconwrapper {
width: 50px;
height: 50px;
position: relative;
left: 10px;
}
.dienstblok .iconbox .iconwrapper svg {
font-size: 24px;
}
}
.dienstblok.dienstblok-flavour-1 {
text-align: center;
}
.dienstblok.dienstblok-flavour-1 .iconholder .iconwrapper {
background-color: black;
border-radius: 50%;
width: 70px;
height: 70px;
margin: 0 auto;
margin-bottom: 30px;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.dienstblok.dienstblok-flavour-1 .iconholder .iconwrapper svg {
font-size: 30px;
color: white;
}
@media screen and (max-width: 768px) {
.dienstblok.dienstblok-flavour-1 .dienstbox {
width: 100%;
padding: 0px !important;
margin-bottom: 50px !important;
}
.dienstblok.dienstblok-flavour-1 .dienstbox:last-child {
margin-bottom: 0px !important;
}
}
@media screen and (min-width: 320px) and (max-width: 812px) and (orientation: landscape) {
.dienstblok.dienstblok-flavour-1 .dienstbox {
width: 50%;
}
}
@media screen and (max-width: 480px) {
.dienstblok.dienstblok-flavour-1 .dienstbox {
width: 100%;
}
}
.dienstblok.dienstblok-flavour-2 {
background: white;
}
.dienstblok.dienstblok-flavour-2 .dienstbox {
padding: 0px 35px 0px 35px;
}
.dienstblok.dienstblok-flavour-2 .dienstbox:first-child {
padding: 0px 70px 0px 0px;
}
.dienstblok.dienstblok-flavour-2 .dienstbox:last-child {
padding: 0px 0px 0px 70px;
}
@media screen and (max-width: 768px) {
.dienstblok.dienstblok-flavour-2 .dienstbox {
padding: 0px 10px 0px 10px;
}
.dienstblok.dienstblok-flavour-2 .dienstbox:first-child {
padding: 0px 20px 0px 0px;
}
.dienstblok.dienstblok-flavour-2 .dienstbox:last-child {
padding: 0px 0px 0px 20px;
}
}
@media screen and (max-width: 480px) {
.dienstblok.dienstblok-flavour-2 .dienstbox {
padding: 0px;
}
.dienstblok.dienstblok-flavour-2 .dienstbox:first-child {
padding: 0px;
}
.dienstblok.dienstblok-flavour-2 .dienstbox:last-child {
padding: 0px;
}
}
.dienstblok.dienstblok-flavour-2 .dienstbox h4 {
font-size: 22px;
}
.dienstblok.dienstblok-flavour-2 .dienstbox > div > div {
padding: 0px 10px 10px 10px;
}
.dienstblok.dienstblok-flavour-2 .dienstbox .wpb_single_image {
margin-left: -10px;
margin-right: -10px;
border-radius: 50%;
overflow: hidden;
margin-bottom: 50px;
}
@media screen and (max-width: 768px) {
.dienstblok.dienstblok-flavour-2 .dienstbox.vc_col-sm-3 {
width: 50%;
}
}
@media screen and (min-width: 320px) and (max-width: 812px) and (orientation: landscape) {
.dienstblok.dienstblok-flavour-2 .dienstbox.vc_col-sm-3 {
width: 50%;
}
}
@media screen and (max-width: 480px) {
.dienstblok.dienstblok-flavour-2 .dienstbox.vc_col-sm-3 {
width: 100%;
}
}
.dienstblok.dienstblok-flavour-2 .vierblocks {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.dienstblok.dienstblok-flavour-2 .vierblocks .dienstbox:nth-child(1) {
padding: 0px 22.5px 0px 0px;
}
@media screen and (max-width: 768px) {
.dienstblok.dienstblok-flavour-2 .vierblocks .dienstbox:nth-child(1) {
padding: 0px 15px 30px 0px !important;
}
}
@media screen and (min-width: 320px) and (max-width: 812px) and (orientation: landscape) {
.dienstblok.dienstblok-flavour-2 .vierblocks .dienstbox:nth-child(1) {
padding: 0px 15px 30px 0px !important;
}
}
@media screen and (max-width: 480px) {
.dienstblok.dienstblok-flavour-2 .vierblocks .dienstbox:nth-child(1) {
padding: 0px 0px 20px 0px !important;
}
}
.dienstblok.dienstblok-flavour-2 .vierblocks .dienstbox:nth-child(2) {
padding: 0px 15px 0px 10px;
}
@media screen and (max-width: 768px) {
.dienstblok.dienstblok-flavour-2 .vierblocks .dienstbox:nth-child(2) {
padding: 0px 0px 30px 15px !important;
}
}
@media screen and (min-width: 320px) and (max-width: 812px) and (orientation: landscape) {
.dienstblok.dienstblok-flavour-2 .vierblocks .dienstbox:nth-child(2) {
padding: 0px 0px 30px 15px !important;
}
}
@media screen and (max-width: 480px) {
.dienstblok.dienstblok-flavour-2 .vierblocks .dienstbox:nth-child(2) {
padding: 0px 0px 20px 0px !important;
}
}
.dienstblok.dienstblok-flavour-2 .vierblocks .dienstbox:nth-child(3) {
padding: 0px 7.5px 0px 15px;
}
@media screen and (max-width: 768px) {
.dienstblok.dienstblok-flavour-2 .vierblocks .dienstbox:nth-child(3) {
padding: 0px 15px 0px 0px;
}
}
@media screen and (min-width: 320px) and (max-width: 812px) and (orientation: landscape) {
.dienstblok.dienstblok-flavour-2 .vierblocks .dienstbox:nth-child(3) {
padding: 0px 15px 0px 0px;
}
}
@media screen and (max-width: 480px) {
.dienstblok.dienstblok-flavour-2 .vierblocks .dienstbox:nth-child(3) {
padding: 0px 0px 20px 0px;
}
}
.dienstblok.dienstblok-flavour-2 .vierblocks .dienstbox:nth-child(4) {
padding: 0px 0px 0px 22.5px;
}
@media screen and (max-width: 768px) {
.dienstblok.dienstblok-flavour-2 .vierblocks .dienstbox:nth-child(4) {
padding: 0px 0px 0px 15px;
}
}
@media screen and (min-width: 320px) and (max-width: 812px) and (orientation: landscape) {
.dienstblok.dienstblok-flavour-2 .vierblocks .dienstbox:nth-child(4) {
padding: 0px 0px 0px 15px;
}
}
@media screen and (max-width: 480px) {
.dienstblok.dienstblok-flavour-2 .vierblocks .dienstbox:nth-child(4) {
padding: 0px 0px 20px 0px;
}
}
@media screen and (max-width: 768px) {
.dienstblok.dienstblok-flavour-2 .vierblocks {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
}
@media screen and (min-width: 320px) and (max-width: 812px) and (orientation: landscape) {
.dienstblok.dienstblok-flavour-2 .vierblocks {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
}
.dienstblok.dienstblok-flavour-3.dienstblok-flavour-3-drie .iconbox {
width: 70px;
height: 70px;
margin: 0px 20px 40px 0px;
}
.dienstblok.dienstblok-flavour-3.dienstblok-flavour-3-drie .iconbox > div {
padding-right: 0px;
padding-left: 0px;
}
@media screen and (max-width: 768px) {
.dienstblok.dienstblok-flavour-3.dienstblok-flavour-3-drie .iconbox {
width: 50px;
height: 50px;
}
.dienstblok.dienstblok-flavour-3.dienstblok-flavour-3-drie .iconbox .vc_icon_element.vc_icon_element-outer .vc_icon_element-inner.vc_icon_element-size-lg.vc_icon_element-have-style-inner {
width: 50px !important;
height: 50px !important;
}
}
@media screen and (min-width: 320px) and (max-width: 812px) and (orientation: landscape) {
.dienstblok.dienstblok-flavour-3.dienstblok-flavour-3-drie .iconbox {
width: 50px;
height: 50px;
}
.dienstblok.dienstblok-flavour-3.dienstblok-flavour-3-drie .iconbox .vc_icon_element.vc_icon_element-outer .vc_icon_element-inner.vc_icon_element-size-lg.vc_icon_element-have-style-inner {
width: 50px !important;
height: 50px !important;
}
}
.dienstblok.dienstblok-flavour-3.dienstblok-flavour-3-drie .dienstbox {
width: calc(33.33% - 90px);
padding: 0px 0px 20px 20px;
}
.dienstblok.dienstblok-flavour-3.dienstblok-flavour-3-drie .dienstbox .vc_separator .vc_sep_line {
left: 0;
transform: translateX(0%);
}
@media screen and (max-width: 768px) {
.dienstblok.dienstblok-flavour-3.dienstblok-flavour-3-drie .dienstbox {
width: calc(33.33% - 70px);
padding: 0px 0px 20px 10px;
}
}
@media screen and (min-width: 320px) and (max-width: 812px) and (orientation: landscape) {
.dienstblok.dienstblok-flavour-3.dienstblok-flavour-3-drie .dienstbox {
width: calc(33.33% - 70px);
padding: 0px 0px 20px 10px;
}
}
@media screen and (max-width: 480px) {
.dienstblok.dienstblok-flavour-3.dienstblok-flavour-3-drie .dienstbox {
width: calc(100% - 70px);
padding: 0px 0px 20px 10px;
}
}
.dienstblok.dienstblok-flavour-3.dienstblok-flavour-3-vier .iconbox {
width: 70px;
height: 70px;
margin: 0px 20px 40px 0px;
}
.dienstblok.dienstblok-flavour-3.dienstblok-flavour-3-vier .iconbox > div {
padding-right: 0px;
padding-left: 0px;
}
@media screen and (max-width: 768px) {
.dienstblok.dienstblok-flavour-3.dienstblok-flavour-3-vier .iconbox {
width: 50px;
height: 50px;
}
.dienstblok.dienstblok-flavour-3.dienstblok-flavour-3-vier .iconbox .vc_icon_element.vc_icon_element-outer .vc_icon_element-inner.vc_icon_element-size-lg.vc_icon_element-have-style-inner {
width: 50px !important;
height: 50px !important;
}
}
@media screen and (min-width: 320px) and (max-width: 812px) and (orientation: landscape) {
.dienstblok.dienstblok-flavour-3.dienstblok-flavour-3-vier .iconbox {
width: 50px;
height: 50px;
}
.dienstblok.dienstblok-flavour-3.dienstblok-flavour-3-vier .iconbox .vc_icon_element.vc_icon_element-outer .vc_icon_element-inner.vc_icon_element-size-lg.vc_icon_element-have-style-inner {
width: 50px !important;
height: 50px !important;
}
}
.dienstblok.dienstblok-flavour-3.dienstblok-flavour-3-vier .dienstbox {
width: calc(50% - 90px);
padding: 0px 0px 20px 10px;
}
.dienstblok.dienstblok-flavour-3.dienstblok-flavour-3-vier .dienstbox .vc_separator .vc_sep_line {
left: 0;
transform: translateX(0%);
}
@media screen and (max-width: 768px) {
.dienstblok.dienstblok-flavour-3.dienstblok-flavour-3-vier .dienstbox {
width: calc(50% - 70px);
padding: 0px 0px 20px 10px;
}
}
@media screen and (min-width: 320px) and (max-width: 812px) and (orientation: landscape) {
.dienstblok.dienstblok-flavour-3.dienstblok-flavour-3-vier .dienstbox {
width: calc(50% - 70px);
padding: 0px 0px 20px 10px;
}
}
@media screen and (max-width: 480px) {
.dienstblok.dienstblok-flavour-3.dienstblok-flavour-3-vier .dienstbox {
width: calc(100% - 70px);
padding: 0px 0px 20px 10px;
}
}
.faqblok .container {
text-align: center;
}
.faqblok .container > div > div {
padding-right: 0px !important;
padding-left: 0px !important;
}
.faqblok .container p {
max-width: 600px;
margin: 0 auto;
}
.faqblok .container:first-child {
margin-bottom: 50px !important;
}
.faqblok .container .faq-single {
width: calc(50% - 15px);
padding: 30px;
box-shadow: 0px 2px 8px 0px #d2d2d2;
text-align: left;
}
.faqblok .container .faq-single.links {
margin-right: 15px;
}
.faqblok .container .faq-single.rechts {
margin-left: 15px;
}
@media screen and (max-width: 768px) {
.faqblok .container .faq-single.rechts {
margin: 50px 0px 0px 0px !important;
}
}
@media screen and (min-width: 320px) and (max-width: 812px) and (orientation: landscape) {
.faqblok .container .faq-single.rechts {
margin: 50px 0px 0px 0px !important;
}
}
.faqblok .container .faq-single .vc_toggle {
border: 1px solid black;
border-bottom: none;
padding: 5px 20px 5px 5px;
margin: 0px;
}
.faqblok .container .faq-single .vc_toggle:last-child {
border-bottom: 1px solid black;
}
@media screen and (max-width: 480px) {
.faqblok .container .faq-single .vc_toggle h4 {
line-height: 1.2em;
}
}
@media screen and (max-width: 768px) {
.faqblok .container .faq-single {
width: 100%;
margin: 0px 0px 0px 0px !important;
}
}
@media screen and (min-width: 320px) and (max-width: 812px) and (orientation: landscape) {
.faqblok .container .faq-single {
width: 100%;
margin: 0px 0px 0px 0px !important;
}
}
.faqblok.faqblok-flavour-2 .container {
text-align: center;
}
.faqblok.faqblok-flavour-2 .container .faq-single {
width: 50%;
position: relative;
left: 50%;
transform: translatex(-50%);
text-align: left;
}
@media screen and (max-width: 768px) {
.faqblok.faqblok-flavour-2 .container .faq-single {
width: 100%;
left: unset;
transform: translatex(0%);
}
}
@media screen and (min-width: 320px) and (max-width: 812px) and (orientation: landscape) {
.faqblok.faqblok-flavour-2 .container .faq-single {
width: 100%;
left: unset;
transform: translatex(0%);
}
}
.introblok {
margin-top: -650px;
padding: 0;
}
.introblok.buffer .container {
padding-top: 100px;
}
.introblok.colored-bg .zijbalk {
background-color: white;
}
.introblok .content {
width: calc(100% - 400px - 81px);
margin-right: 80px;
margin-top: 50px;
}
.introblok .content > div {
padding-right: 0px;
padding-left: 0px;
}
@media screen and (max-width: 768px) {
.introblok .content {
width: 100%;
margin-right: 0px;
margin-bottom: 30px;
}
}
.introblok .zijbalk {
width: 400px;
padding: 0px 0px 30px 0px;
text-align: left;
}
.introblok .zijbalk > div {
padding-left: 0px !important;
padding-right: 0px !important;
}
.introblok .zijbalk figure {
width: 100%;
margin-bottom: 30px;
}
.introblok .zijbalk figure .vc_single_image-wrapper {
width: 100%;
}
.introblok .zijbalk figure .vc_single_image-wrapper img {
width: 100%;
}
.introblok .zijbalk ul {
padding: 0px;
margin: 0px;
width: calc(100% - 100px);
margin: 0 auto;
margin-bottom: 30px !important;
}
.introblok .zijbalk ul li {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-align-items: baseline;
align-items: baseline;
-webkit-justify-content: flex-start;
justify-content: flex-start;
-webkit-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.introblok .zijbalk ul li:hover svg {
left: 5px;
}
.introblok .zijbalk ul li svg {
margin: 0px;
margin-right: 15px;
background: white;
border-radius: 50%;
width: 20px;
height: 20px;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-flex-wrap: nowrap;
flex-wrap: nowrap;
position: relative;
left: 0px;
top: 4px;
transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
}
@media screen and (max-width: 480px) {
.introblok .zijbalk ul li svg {
width: 15px;
height: 15px;
top: 2px;
}
}
@media screen and (min-width: 320px) and (max-width: 812px) and (orientation: landscape) {
.introblok .zijbalk ul li svg {
width: 15px;
height: 15px;
top: 2px;
}
}
@media screen and (max-width: 768px) {
.introblok .zijbalk ul {
width: calc(100% - 40px);
}
}
.introblok .zijbalk a {
position: relative;
overflow: hidden;
}
.introblok .zijbalk a svg {
position: absolute;
left: -100px;
color: white;
top: calc(50% - 8px);
transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
}
.introblok .zijbalk a:hover svg {
left: 10px;
}
@media screen and (max-width: 768px) {
.introblok .zijbalk {
width: 100%;
margin-left: 0px;
}
}
.introblok.introblok-flavour-1 .zijbalk {
padding: 30px 0px;
}
.introblok.introblok-flavour-1 .zijbalk h3 {
margin-bottom: 30px !important;
}
@media screen and (max-width: 480px) {
.introblok.introblok-flavour-1 .zijbalk {
padding: 15px !important;
}
.introblok.introblok-flavour-1 .zijbalk ul {
margin-bottom: 15px !important;
}
}
@media screen and (min-width: 320px) and (max-width: 812px) and (orientation: landscape) {
.introblok.introblok-flavour-1 .zijbalk {
width: 100%;
margin-left: 0px;
padding-bottom: 0px !important;
padding-top: 0px !important;
box-shadow: none;
}
.introblok.introblok-flavour-1 .zijbalk > div > div {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-align-items: flex-start;
align-items: flex-start;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
.introblok.introblok-flavour-1 .zijbalk > div > div > div:nth-child(1) {
max-width: 150px;
}
.introblok.introblok-flavour-1 .zijbalk > div > div > div:nth-child(1) figure {
margin-bottom: 0px !important;
}
.introblok.introblok-flavour-1 .zijbalk > div > div > div:nth-child(2) {
width: calc(100% - 150px - 185px);
margin-left: 25px;
}
.introblok.introblok-flavour-1 .zijbalk > div > div > div:nth-child(2) ul {
margin-bottom: 0px !important;
}
.introblok.introblok-flavour-1 .zijbalk > div > div > div:nth-child(3) {
max-width: 160px;
}
}
.introblok.introblok-flavour-1.introblok-flavour-1-sidebar-2 .zijbalk {
padding: 0px 0px 30px 0px !important;
}
@media screen and (min-width: 320px) and (max-width: 812px) and (orientation: landscape) {
.introblok.introblok-flavour-1.introblok-flavour-1-sidebar-2 .zijbalk {
padding-bottom: 0px !important;
}
}
@media screen and (max-width: 480px) {
.introblok.introblok-flavour-1.introblok-flavour-1-sidebar-2 .zijbalk {
padding: 0px 0px 15px 0px !important;
}
.introblok.introblok-flavour-1.introblok-flavour-1-sidebar-2 .zijbalk figure {
margin-bottom: 15px !important;
}
}
.introblok.introblok-flavour-2 {
text-align: center;
}
.introblok.introblok-flavour-2 .container {
max-width: 600px;
margin: 0 auto;
}
.introblok.introblok-flavour-3 {
min-height: 550px;
}
.introblok.introblok-flavour-3 .container {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-align-items: stretch;
align-items: stretch;
-webkit-justify-content: flex-start;
justify-content: flex-start;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
.introblok.introblok-flavour-3 .content {
margin-top: 0;
}
@media screen and (min-width: 320px) and (max-width: 812px) and (orientation: landscape) {
.introblok.introblok-flavour-3 .content {
width: calc(50% - 25px);
margin-right: 25px;
}
}
@media screen and (max-width: 480px) {
.introblok.introblok-flavour-3 .content {
order: -1;
width: 100%;
padding-bottom: 0px;
}
}
.introblok.introblok-flavour-3 .zijbalk {
box-shadow: none;
padding: 0px 0px 30px 0px;
}
@media screen and (max-width: 768px) {
.introblok.introblok-flavour-3 .zijbalk {
padding: 0px;
}
}
@media screen and (min-width: 320px) and (max-width: 812px) and (orientation: landscape) {
.introblok.introblok-flavour-3 .zijbalk {
width: 50%;
}
}
@media screen and (max-width: 480px) {
.introblok.introblok-flavour-3 .zijbalk {
padding: 0px;
width: 100%;
}
}
.introblok.introblok-flavour-3.mirrored .content {
margin-right: 0px;
margin-left: 80px;
}
@media screen and (max-width: 1040px) {
.introblok.introblok-flavour-3.mirrored .content {
margin-left: 60px;
}
}
@media screen and (min-width: 320px) and (max-width: 812px) and (orientation: landscape) {
.introblok.introblok-flavour-3.mirrored .content {
width: calc(50% - 25px);
margin-left: 25px;
margin-right: 0px;
}
}
@media screen and (max-width: 480px) {
.introblok.introblok-flavour-3.mirrored .content {
margin-left: 0px;
}
}
.introblok.introblok-flavour-3.mirrored .zijbalk {
margin-left: 0px;
margin-right: 0px;
padding: 0px 0px 30px 0px;
}
@media screen and (max-width: 768px) {
.introblok.introblok-flavour-3.mirrored .zijbalk {
margin-right: 0px;
padding: 0px;
}
}
@media screen and (max-width: 768px) {
.introblok.introblok-flavour-3.switched .content {
margin-left: 0px !important;
margin-right: 0px !important;
order: 2;
padding-bottom: 0;
}
}
@media screen and (max-width: 480px) {
.introblok.introblok-flavour-3.switched .content {
margin-left: 0px !important;
}
}
@media screen and (max-width: 768px) {
.introblok.introblok-flavour-3.switched.mirrored .content {
margin-left: 0px !important;
margin-right: 0px !important;
padding-bottom: 0;
}
}
@media screen and (max-width: 480px) {
.introblok.introblok-flavour-3.switched.mirrored .content {
margin-left: 0px !important;
}
}
.introblok.introblok-flavour-3:nth-child(2) .container {
margin-top: 100px !important;
}
.introblok.introblok-flavour-3:nth-child(2) .container .content {
margin-top: 50px;
}
@media screen and (max-width: 768px) {
.introblok.introblok-flavour-4 {
padding: 50px 0px 0px 0px !important;
}
}
.introblok.introblok-flavour-4 .container .intro-hover-box {
position: relative;
margin-bottom: 43px;
}
@media screen and (max-width: 1040px) {
.introblok.introblok-flavour-4 .container .intro-hover-box {
margin-bottom: 45px;
}
}
@media screen and (max-width: 768px) {
.introblok.introblok-flavour-4 .container .intro-hover-box {
margin-bottom: 45px;
}
}
.introblok.introblok-flavour-4 .container .intro-hover-box a {
position: absolute;
left: 0;
right: 0;
bottom: 5px;
top: 0;
background-color: rgba(115, 20, 27, 0.5);
transform-origin: top;
opacity: 0;
transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
}
@media screen and (max-width: 480px) {
.introblok.introblok-flavour-4 .container .intro-hover-box a {
opacity: 1;
}
}
.introblok.introblok-flavour-4 .container .intro-hover-box .box-tekst-wrapper {
pointer-events: none !important;
position: absolute;
z-index: 99991;
opacity: 0;
width: 100%;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
text-align: center;
transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
}
.introblok.introblok-flavour-4 .container .intro-hover-box .box-tekst-wrapper h1, .introblok.introblok-flavour-4 .container .intro-hover-box .box-tekst-wrapper h2, .introblok.introblok-flavour-4 .container .intro-hover-box .box-tekst-wrapper h3, .introblok.introblok-flavour-4 .container .intro-hover-box .box-tekst-wrapper p {
color: white;
}
.introblok.introblok-flavour-4 .container .intro-hover-box .box-tekst-wrapper h3 {
margin-bottom: 10px !important;
}
.introblok.introblok-flavour-4 .container .intro-hover-box .box-tekst-wrapper p {
margin-bottom: 0px !important;
}
.introblok.introblok-flavour-4 .container .intro-hover-box .box-tekst-wrapper .seppie {
width: 150px;
height: 1px;
background-color: white;
display: inline-block;
margin-bottom: 10px;
}
@media screen and (max-width: 480px) {
.introblok.introblok-flavour-4 .container .intro-hover-box .box-tekst-wrapper .seppie {
width: 75px;
}
}
@media screen and (max-width: 480px) {
.introblok.introblok-flavour-4 .container .intro-hover-box .box-tekst-wrapper {
opacity: 1;
}
}
.introblok.introblok-flavour-4 .container .intro-hover-box img {
width: 100%;
}
.introblok.introblok-flavour-4 .container .intro-hover-box:hover .box-tekst-wrapper {
opacity: 1;
}
.introblok.introblok-flavour-4 .container .intro-hover-box:hover a {
opacity: 0.5;
}
.introblok.introblok-flavour-4 .container .intro-hover-box.no-mar-bot {
margin-bottom: 0px !important;
}
.introblok.introblok-flavour-4 .container .content {
width: calc(100% - 400px);
margin-right: 0px;
}
@media screen and (max-width: 1040px) {
.introblok.introblok-flavour-4 .container .content {
width: calc(100% - 310px);
}
}
@media screen and (max-width: 768px) {
.introblok.introblok-flavour-4 .container .content {
width: calc(100% - 220px);
}
}
@media screen and (min-width: 320px) and (max-width: 812px) and (orientation: landscape) {
.introblok.introblok-flavour-4 .container .content {
width: 25%;
}
}
@media screen and (max-width: 480px) {
.introblok.introblok-flavour-4 .container .content {
width: 100%;
}
}
.introblok.introblok-flavour-4 .container .zijbalk {
box-shadow: none;
margin-left: 0px;
background: white;
padding: 0px 0px 0px 15px;
}
@media screen and (max-width: 1040px) {
.introblok.introblok-flavour-4 .container .zijbalk {
width: 310px;
}
}
@media screen and (max-width: 768px) {
.introblok.introblok-flavour-4 .container .zijbalk {
width: 220px;
}
}
@media screen and (min-width: 320px) and (max-width: 812px) and (orientation: landscape) {
.introblok.introblok-flavour-4 .container .zijbalk {
width: 75%;
}
.introblok.introblok-flavour-4 .container .zijbalk > div > div {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-align-items: flex-start;
align-items: flex-start;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.introblok.introblok-flavour-4 .container .zijbalk > div > div .intro-hover-box {
padding: 0px 12.5px;
}
}
@media screen and (max-width: 480px) {
.introblok.introblok-flavour-4 .container .zijbalk {
width: 100%;
padding: 0px !important;
}
}
.introblok.introblok-flavour-5 .container .intro-hover-box {
position: relative;
margin-bottom: 60px;
}
.introblok.introblok-flavour-5 .container .intro-hover-box a {
position: absolute;
left: 0;
right: 0;
bottom: 5px;
top: 0;
background-color: rgba(115, 20, 27, 0.5);
transform-origin: top;
opacity: 0;
transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
}
@media screen and (max-width: 480px) {
.introblok.introblok-flavour-5 .container .intro-hover-box a {
opacity: 1;
}
}
.introblok.introblok-flavour-5 .container .intro-hover-box .box-tekst-wrapper {
pointer-events: none !important;
position: absolute;
z-index: 99991;
opacity: 0;
width: 100%;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
text-align: center;
transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
}
.introblok.introblok-flavour-5 .container .intro-hover-box .box-tekst-wrapper h2, .introblok.introblok-flavour-5 .container .intro-hover-box .box-tekst-wrapper h3, .introblok.introblok-flavour-5 .container .intro-hover-box .box-tekst-wrapper p {
color: white;
}
.introblok.introblok-flavour-5 .container .intro-hover-box .box-tekst-wrapper h3 {
margin-bottom: 10px !important;
}
.introblok.introblok-flavour-5 .container .intro-hover-box .box-tekst-wrapper p {
margin-bottom: 0px !important;
}
.introblok.introblok-flavour-5 .container .intro-hover-box .box-tekst-wrapper .seppie {
width: 150px;
height: 1px;
background-color: white;
display: inline-block;
margin-bottom: 10px;
}
@media screen and (max-width: 480px) {
.introblok.introblok-flavour-5 .container .intro-hover-box .box-tekst-wrapper .seppie {
width: 75px;
}
}
@media screen and (max-width: 480px) {
.introblok.introblok-flavour-5 .container .intro-hover-box .box-tekst-wrapper {
opacity: 1;
}
}
.introblok.introblok-flavour-5 .container .intro-hover-box img {
width: 100%;
}
.introblok.introblok-flavour-5 .container .intro-hover-box:hover .box-tekst-wrapper {
opacity: 1;
}
.introblok.introblok-flavour-5 .container .intro-hover-box:hover a {
opacity: 0.5;
}
.introblok.introblok-flavour-5 .container .intro-hover-box.no-mar-bot {
margin-bottom: 0px !important;
}
.introblok.introblok-flavour-5 .container .content {
width: calc(100% - 395px);
margin-right: 0px;
}
@media screen and (max-width: 1040px) {
.introblok.introblok-flavour-5 .container .content {
width: calc(100% - 320px);
}
}
@media screen and (max-width: 768px) {
.introblok.introblok-flavour-5 .container .content {
width: calc(100% - 230px);
}
}
@media screen and (min-width: 320px) and (max-width: 812px) and (orientation: landscape) {
.introblok.introblok-flavour-5 .container .content {
width: calc(100% - 245px);
}
}
@media screen and (max-width: 480px) {
.introblok.introblok-flavour-5 .container .content {
width: 100%;
}
}
.introblok.introblok-flavour-5 .container .zijbalk {
box-shadow: none;
margin-left: 0px;
background: white;
padding: 0px 15px 0px 0px;
width: 395px;
}
@media screen and (max-width: 1040px) {
.introblok.introblok-flavour-5 .container .zijbalk {
width: 320px;
}
}
@media screen and (max-width: 768px) {
.introblok.introblok-flavour-5 .container .zijbalk {
width: 230px;
}
}
@media screen and (min-width: 320px) and (max-width: 812px) and (orientation: landscape) {
.introblok.introblok-flavour-5 .container .zijbalk {
width: 245px;
}
}
@media screen and (max-width: 480px) {
.introblok.introblok-flavour-5 .container .zijbalk {
width: 100%;
padding: 0px !important;
margin-bottom: 45px !important;
}
}
.introblok.introblok-flavour-6 .container .full-content {
width: 100% !important;
margin-bottom: 50px !important;
}
.introblok.introblok-flavour-6 .container .full-content > div {
padding-right: 0px !important;
padding-left: 0px !important;
}
.introblok.introblok-flavour-6 .container .full-content > div h1, .introblok.introblok-flavour-6 .container .full-content > div h2, .introblok.introblok-flavour-6 .container .full-content > div h3, .introblok.introblok-flavour-6 .container .full-content > div h4, .introblok.introblok-flavour-6 .container .full-content > div h5, .introblok.introblok-flavour-6 .container .full-content > div h6, .introblok.introblok-flavour-6 .container .full-content > div p, .introblok.introblok-flavour-6 .container .full-content > div a, .introblok.introblok-flavour-6 .container .full-content > div li {
text-align: center !important;
}
.introblok.introblok-flavour-6 .container .content {
width: calc(100% - 50% - 100px);
margin-right: 0px;
margin-left: 100px;
}
.introblok.introblok-flavour-6 .container .zijbalk {
width: 50%;
box-shadow: none;
}
.introblok.introblok-flavour-6 .container .zijbalk ul {
margin: 0px;
padding: 0px;
width: 100%;
margin-bottom: 0px !important;
}
.introblok.introblok-flavour-6 .container .zijbalk ul li svg {
color: #0c0;
}
.refblok img {
max-width: 300px;
}
.nieuwsblok.introblok {
padding-bottom: 30px;
}
.nieuwsblok.introblok h1 {
margin: 100px 0 !important;
}
.nieuwsblok h2 {
margin-bottom: 100px !important;
}
.nieuwsblok .container select {
height: 40px;
width: 100%;
border-radius: 0px !important;
padding-left: 10px;
background-color: transparent;
}
.nieuwsblok .container .smalltext p {
max-width: 800px;
margin: 0 auto;
}
.nieuwsblok .container .vc_btn3-container {
margin-bottom: 10px !important;
}
@media screen and (max-width: 480px) {
.nieuwsblok .container {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-align-items: stretch;
align-items: stretch;
-webkit-justify-content: flex-start;
justify-content: flex-start;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
}
.nieuwsblok .container.marbot50 {
margin-bottom: 50px !important;
}
.nieuwsblok .container > div > div {
padding-left: 0px;
padding-right: 0px;
}
.nieuwsblok .container .content-paging {
width: 100%;
margin-left: 0px;
}
.nieuwsblok .container .content-paging .vc_grid.vc_row.vc_grid-gutter-30px .vc_grid-item {
padding: 0 40px 30px;
}
.nieuwsblok .container .content-paging .vc_grid .vc_grid-item .vc_grid-item-mini {
box-shadow: none;
}
.nieuwsblok .container .content-paging .vc_grid .vc_grid-item .vc_gitem-zone-a {
background-position: center;
background-size: cover;
border-radius: 50%;
height: 0;
padding-bottom: 100%;
width: 100%;
filter: grayscale(1);
margin-bottom: 50px;
}
.nieuwsblok .container .content-paging .vc_grid .vc_grid-item h4 {
min-height: 56px;
}
.nieuwsblok .container .content-paging .vc_grid .vc_grid-item .vc_gitem-zone-c {
background-color: transparent !important;
}
.nieuwsblok .container .content-paging .vc_grid .vc_grid-item .vc_gitem-post-data {
text-align: left !important;
}
.nieuwsblok .container .content-paging .vc_grid .vc_grid-item .vc_gitem-post-data .vc_grid-filter-item {
background-color: transparent !important;
}
.nieuwsblok .container .content-paging .vc_grid .vc_grid-item .vc_gitem-post-data .vc_gitem-post-category-name a {
background-color: transparent;
}
.nieuwsblok .container .content-paging .vc_grid .vc_grid-item .vc_gitem-post-data .vc_gitem-post-category-name a:hover {
background-color: transparent;
}
.nieuwsblok .container .content-paging .vc_grid .vc_grid-item .vc_gitem-post-data .vc_gitem-post-category-name a:hover:before {
transform: rotate(3deg);
}
.nieuwsblok .container .content-paging .vc_grid .vc_grid-item .vc_gitem-post-data .vc_gitem-post-category-name a:before {
content: "";
font-weight: 900;
font-family: "Font Awesome 5 Free";
display: inline-block;
margin-right: 5px !important;
color: #73141b;
transform: rotate(0deg);
transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
}
.nieuwsblok .container .content-full-three {
width: 100%;
margin-left: 0px;
}
.nieuwsblok .container .content-full-three .vc_grid .vc_grid-item {
width: 33.33%;
padding: 0px 40px 0px 40px;
}
.nieuwsblok .container .content-full-three .vc_grid .vc_grid-item:first-child {
padding: 0px 80px 0px 0px;
}
.nieuwsblok .container .content-full-three .vc_grid .vc_grid-item:last-child {
padding: 0px 0px 0px 80px;
}
@media screen and (max-width: 768px) {
.nieuwsblok .container .content-full-three .vc_grid .vc_grid-item {
width: 100%;
padding: 0;
}
.nieuwsblok .container .content-full-three .vc_grid .vc_grid-item:first-child {
padding: 0;
}
.nieuwsblok .container .content-full-three .vc_grid .vc_grid-item:last-child {
padding: 0;
}
}
.nieuwsblok .container .content-full-three .vc_grid .vc_grid-item .vc_grid-item-mini {
box-shadow: none;
}
.nieuwsblok .container .content-full-three .vc_grid .vc_grid-item .vc_gitem-zone-a {
background-position: center;
background-size: cover;
border-radius: 50%;
height: 0;
padding-bottom: 100%;
width: 100%;
filter: grayscale(1);
margin-bottom: 50px;
}
.nieuwsblok .container .content-full-three .vc_grid .vc_grid-item h4 {
min-height: 56px;
}
.nieuwsblok .container .content-full-three .vc_grid .vc_grid-item .vc_gitem-zone-c {
background-color: transparent !important;
}
.nieuwsblok .container .content-full-three .vc_grid .vc_grid-item .vc_gitem-post-data {
text-align: left !important;
}
.nieuwsblok .container .content-full-three .vc_grid .vc_grid-item .vc_gitem-post-data .vc_grid-filter-item {
background-color: transparent !important;
}
.nieuwsblok .container .content-full-three .vc_grid .vc_grid-item .vc_gitem-post-data .vc_gitem-post-category-name a {
background-color: transparent;
}
.nieuwsblok .container .content-full-three .vc_grid .vc_grid-item .vc_gitem-post-data .vc_gitem-post-category-name a:hover {
background-color: transparent;
}
.nieuwsblok .container .content-full-three .vc_grid .vc_grid-item .vc_gitem-post-data .vc_gitem-post-category-name a:hover:before {
transform: rotate(3deg);
}
.nieuwsblok .container .content-full-three .vc_grid .vc_grid-item .vc_gitem-post-data .vc_gitem-post-category-name a:before {
content: "";
font-weight: 900;
font-family: "Font Awesome 5 Free";
display: inline-block;
margin-right: 5px !important;
color: #73141b;
transform: rotate(0deg);
transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
}
.nieuwsblok .container .content {
width: calc(100% - 400px - 100px - 1px);
margin-left: 100px;
}
@media screen and (max-width: 1040px) {
.nieuwsblok .container .content {
width: calc(100% - 300px - 60px - 1px);
margin-left: 60px;
}
}
@media screen and (max-width: 768px) {
.nieuwsblok .container .content {
width: calc(100% - 250px - 60px - 1px);
margin-left: 60px;
}
}
@media screen and (min-width: 320px) and (max-width: 812px) and (orientation: landscape) {
.nieuwsblok .container .content {
width: calc(100% - 250px - 60px - 1px);
margin-left: 60px;
}
}
@media screen and (max-width: 480px) {
.nieuwsblok .container .content {
width: 100%;
margin-left: 0px;
order: -1;
}
}
.nieuwsblok .container .content .vc_grid .vc_grid-item .vc_grid-item-mini {
box-shadow: 0px 2px 8px 0px #d2d2d2;
}
.nieuwsblok .container .content .vc_grid .vc_grid-item .vc_gitem-zone-c {
background-color: white !important;
}
.nieuwsblok .container .content .vc_grid .vc_grid-item .vc_gitem-post-data {
text-align: left !important;
}
.nieuwsblok .container .content .vc_grid .vc_grid-item .vc_gitem-post-data .vc_grid-filter-item {
background-color: transparent !important;
}
.nieuwsblok .container .content .vc_grid .vc_grid-item .vc_gitem-post-data .vc_gitem-post-category-name a {
background-color: transparent;
}
.nieuwsblok .container .content .vc_grid .vc_grid-item .vc_gitem-post-data .vc_gitem-post-category-name a:hover {
background-color: transparent;
}
.nieuwsblok .container .content .vc_grid .vc_grid-item .vc_gitem-post-data .vc_gitem-post-category-name a:hover:before {
transform: rotate(3deg);
}
.nieuwsblok .container .content .vc_grid .vc_grid-item .vc_gitem-post-data .vc_gitem-post-category-name a:before {
content: "";
font-weight: 900;
font-family: "Font Awesome 5 Free";
display: inline-block;
margin-right: 5px !important;
color: #73141b;
transform: rotate(0deg);
transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
}
@media screen and (max-width: 768px) {
.nieuwsblok .container .content .vc_grid .vc_grid-item {
width: 100%;
}
}
.nieuwsblok .container .zijbalk {
width: 400px;
}
@media screen and (max-width: 1040px) {
.nieuwsblok .container .zijbalk {
width: 300px;
}
}
@media screen and (max-width: 768px) {
.nieuwsblok .container .zijbalk {
width: 250px;
}
}
@media screen and (min-width: 320px) and (max-width: 812px) and (orientation: landscape) {
.nieuwsblok .container .zijbalk {
width: 250px;
}
}
@media screen and (max-width: 480px) {
.nieuwsblok .container .zijbalk {
width: 100% !important;
margin-left: 0px !important;
margin-right: 0px !important;
}
}
.nieuwsblok .container .zijbalk .rpwe-block .rpwe-ul .rpwe-li {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: flex-start;
justify-content: flex-start;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
position: relative;
min-height: 50px;
padding: 10px 0px;
}
.nieuwsblok .container .zijbalk .rpwe-block .rpwe-ul .rpwe-li h3 {
width: calc(100% - 60px);
margin-left: 80px;
}
.nieuwsblok .container .zijbalk .rpwe-block .rpwe-ul .rpwe-li a {
text-transform: none;
}
.nieuwsblok .container .zijbalk .rpwe-block .rpwe-ul .rpwe-li .rpwe-time {
width: calc(100% - 60px);
margin-left: 80px;
}
.nieuwsblok .container .zijbalk .rpwe-block .rpwe-ul .rpwe-li .rpwe-img {
position: absolute;
}
.nieuwsblok.nieuwsblok-flavour-2 .container .content {
width: 100%;
margin-left: 0px;
}
.single span.posted-on {
display: none;
}
.single .author.vcard {
display: none;
}
.single time.updated {
display: none;
}
.single .container {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-align-items: flex-start;
align-items: flex-start;
-webkit-justify-content: flex-start;
justify-content: flex-start;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
@media screen and (max-width: 1040px) {
.single .container {
padding: 0px 40px;
}
}
.single .container article {
width: calc(100% - 380px - 30px);
margin-left: 30px;
}
@media screen and (max-width: 768px) {
.single .container article {
width: calc(100% - 200px - 30px);
}
}
@media screen and (min-width: 320px) and (max-width: 812px) and (orientation: landscape) {
.single .container article {
width: calc(100% - 200px - 30px);
}
}
@media screen and (max-width: 480px) {
.single .container article {
width: 100%;
margin-left: 0px;
order: -1;
}
}
.single .container article .post-thumbnail img {
width: 100%;
height: auto;
}
.single .container article .entry-header h1 {
margin: 20px 0px !important;
}
.single .container article .entry-header .posted-on {
width: calc(100% - 10px);
display: none;
background-color: rgba(0, 0, 0, 0.8);
padding: 10px 0px 10px 10px;
margin-bottom: 10px;
}
.single .container article .entry-header .posted-on .updated {
display: none;
}
.single .container aside {
width: 380px;
}
@media screen and (max-width: 768px) {
.single .container aside {
width: 200px;
}
}
@media screen and (min-width: 320px) and (max-width: 812px) and (orientation: landscape) {
.single .container aside {
width: 200px;
}
}
@media screen and (max-width: 480px) {
.single .container aside {
width: 100%;
}
}
.single .container aside .rpwe-block .rpwe-ul .rpwe-li {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: flex-start;
justify-content: flex-start;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
position: relative;
min-height: 50px;
padding: 10px 0px;
}
.single .container aside .rpwe-block .rpwe-ul .rpwe-li h3 {
width: calc(100% - 60px);
margin-left: 80px;
}
.single .container aside .rpwe-block .rpwe-ul .rpwe-li .rpwe-time {
width: calc(100% - 60px);
margin-left: 80px;
}
.single .container aside .rpwe-block .rpwe-ul .rpwe-li .rpwe-img {
position: absolute;
}
.single .container #comments {
width: calc(100% - 380px - 30px);
margin-left: 410px;
}
@media screen and (max-width: 768px) {
.single .container #comments {
width: calc(100% - 200px - 30px);
margin-left: 230px;
}
}
@media screen and (min-width: 320px) and (max-width: 812px) and (orientation: landscape) {
.single .container #comments {
width: calc(100% - 200px - 30px);
margin-left: 230px;
}
}
@media screen and (max-width: 480px) {
.single .container #comments {
width: 100%;
margin-left: 0px;
}
}
.single .container #comments #respond {
padding: 20px;
box-shadow: 0px 2px 8px 0px #d2d2d2;
}
.single .container #comments form .logged-in-as {
display: none;
}
.single .container #comments form .comment-form-comment label {
display: none;
}
.single .container #comments form .comment-form-comment textarea {
width: 100%;
}
.single .container .post-navigation {
width: calc(100% - 30px);
margin-top: 30px;
}
@media screen and (max-width: 768px) {
.single .container .post-navigation {
width: calc(100% - 30px);
}
}
@media screen and (min-width: 320px) and (max-width: 812px) and (orientation: landscape) {
.single .container .post-navigation {
width: calc(100% - 30px);
}
}
@media screen and (max-width: 480px) {
.single .container .post-navigation {
width: 100%;
}
}
.single .container .post-navigation h2 {
display: none;
}
.single .container .post-navigation .nav-links {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-flex-wrap: nowrap;
flex-wrap: nowrap;
width: calc(100% - 20px);
padding: 10px;
}
.mc4wp-form {
padding: 20px;
box-shadow: 0px 0px 10px #b4b4b4;
background-color: white;
}
.mc4wp-form .mc4wp-response p {
font-family: bold !important;
height: auto !important;
margin-top: 20px;
}
.mc4wp-form .mc4wp-form-fields h2 {
font-size: 20px;
margin-bottom: 0px !important;
margin-top: 0px;
}
.mc4wp-form .mc4wp-form-fields h4 {
margin-bottom: 20px !important;
font-family: "regular";
text-align: left !important;
line-height: 21px !important;
font-size: 17px !important;
}
.mc4wp-form .mc4wp-form-fields p {
margin-bottom: 10px !important;
height: auto !important;
}
.mc4wp-form .mc4wp-form-fields .holder {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
.mc4wp-form .mc4wp-form-fields .holder p {
margin-bottom: 0px !important;
height: auto !important;
}
.mc4wp-form .mc4wp-form-fields .holder input {
display: block;
padding: 0px 0px 0px 10px;
width: calc(100% - 10px);
line-height: 40px;
height: 40px;
margin-bottom: 20px;
}
.mc4wp-form .mc4wp-form-fields .flex-verzend {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.mc4wp-form .mc4wp-form-fields .flex-verzend a {
font-size: 14px;
}
.mc4wp-form .mc4wp-form-fields .flex-verzend input {
display: inline-block;
line-height: 40px;
height: 40px;
padding: 0px 20px;
overflow-x: hidden;
position: relative;
cursor: pointer;
transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
}
.archive .content-area {
background-color: #f6f5f5;
}
.archive .content-area .site-main {
max-width: 960px;
margin: 0 auto;
padding-bottom: 55px;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-align-items: baseline;
align-items: baseline;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
.archive .content-area .site-main header {
width: 100%;
}
.archive .content-area .site-main article {
box-shadow: 0px 2px 8px 0px #d2d2d2;
position: relative;
margin-bottom: 45px !important;
background-color: white;
margin: 0px 15px;
width: calc(33.33% - 30px);
}
.archive .content-area .site-main article .entry-header {
position: absolute;
left: 10px;
top: -5px;
}
.archive .content-area .site-main article .entry-header h2 {
line-height: 28px !important;
margin-bottom: 0px !important;
}
.archive .content-area .site-main article .entry-header h2 a {
font-family: "bold";
color: white;
}
.archive .content-area .site-main article .entry-content, .archive .content-area .site-main article .entry-footer {
padding: 0px 10px 0px 10px;
}
.archive .content-area .site-main article .entry-footer {
padding-bottom: 10px;
}
.archive .content-area .site-main article .entry-footer .byline {
width: 100% !important;
display: block;
}
.archive .content-area .site-main article .entry-footer .posted-on {
width: 100% !important;
display: block;
}
.archive .content-area .site-main article:nth-child(3n+1) {
margin: 0px 30px 0px 0px;
}
.archive .content-area .site-main article:nth-child(3n+3) {
margin: 0px 0px 0px 30px;
}
.archive .content-area .site-main article .post-thumbnail img {
height: auto !important;
}
.archive .content-bottom-widgets {
background-color: white;
}
.tekstblok.nopaddingtop {
padding-top: 0;
}
.tekstblok .container.marbot50 {
margin-bottom: 50px !important;
}
@media screen and (max-width: 480px) {
.tekstblok .container {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-align-items: stretch;
align-items: stretch;
-webkit-justify-content: flex-start;
justify-content: flex-start;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
}
.tekstblok .content {
width: calc(100% - 400px - 100px - 1px);
margin-right: 100px;
}
.tekstblok .content > div {
padding-right: 0px;
padding-left: 0px;
}
@media screen and (max-width: 1040px) {
.tekstblok .content {
width: calc(100% - 300px - 60px - 1px);
margin-right: 60px;
}
}
@media screen and (max-width: 768px) {
.tekstblok .content {
width: calc(100% - 250px - 60px - 1px);
margin-right: 60px;
}
}
@media screen and (min-width: 320px) and (max-width: 812px) and (orientation: landscape) {
.tekstblok .content {
width: calc(100% - 250px - 60px - 1px);
margin-right: 60px;
}
}
@media screen and (max-width: 480px) {
.tekstblok .content {
width: 100% !important;
margin-right: 0px !important;
margin-bottom: 30px;
order: -1;
}
}
.tekstblok .zijbalk {
width: 400px;
margin-left: 0px;
background: white;
padding: 0px 15px 30px 15px;
box-shadow: 0px 2px 8px 0px #d2d2d2;
text-align: left;
}
@media screen and (max-width: 480px) {
.tekstblok .zijbalk {
padding: 0px 15px 15px 15px;
}
}
.tekstblok .zijbalk > div {
padding-left: 0px !important;
padding-right: 0px !important;
}
.tekstblok .zijbalk figure {
width: 100%;
margin-bottom: 30px;
}
@media screen and (max-width: 480px) {
.tekstblok .zijbalk figure {
margin-bottom: 15px;
}
}
.tekstblok .zijbalk figure .vc_single_image-wrapper {
width: 100%;
}
.tekstblok .zijbalk figure .vc_single_image-wrapper img {
width: 100%;
}
.tekstblok .zijbalk ul {
padding: 0px;
margin: 0px;
margin-bottom: 30px !important;
width: 100%;
}
.tekstblok .zijbalk ul li {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-align-items: baseline;
align-items: baseline;
-webkit-justify-content: flex-start;
justify-content: flex-start;
-webkit-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.tekstblok .zijbalk ul li:hover svg {
left: 5px;
}
.tekstblok .zijbalk ul li svg {
margin: 0px;
margin-right: 15px;
background: white;
border-radius: 50%;
width: 20px;
height: 20px;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-flex-wrap: nowrap;
flex-wrap: nowrap;
position: relative;
left: 0px;
top: 4px;
transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
}
@media screen and (max-width: 480px) {
.tekstblok .zijbalk ul li svg {
width: 15px;
height: 15px;
top: 2px;
}
}
@media screen and (min-width: 320px) and (max-width: 812px) and (orientation: landscape) {
.tekstblok .zijbalk ul li svg {
width: 15px;
height: 15px;
top: 2px;
}
}
@media screen and (max-width: 480px) {
.tekstblok .zijbalk ul {
margin-bottom: 0px !important;
}
}
.tekstblok .zijbalk a {
position: relative;
overflow: hidden;
}
.tekstblok .zijbalk a svg {
position: absolute;
left: -100px;
color: white;
top: calc(50% - 8px);
transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
}
.tekstblok .zijbalk a:hover svg {
left: 10px;
}
@media screen and (max-width: 1040px) {
.tekstblok .zijbalk {
width: 300px;
}
}
@media screen and (max-width: 768px) {
.tekstblok .zijbalk {
width: 250px;
}
}
@media screen and (min-width: 320px) and (max-width: 812px) and (orientation: landscape) {
.tekstblok .zijbalk {
width: 250px;
}
}
@media screen and (max-width: 480px) {
.tekstblok .zijbalk {
width: 100% !important;
margin-left: 0px !important;
margin-right: 0px !important;
}
}
@media screen and (max-width: 768px) {
.tekstblok.tekstblok-flavour-1 .container {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-align-items: stretch;
align-items: stretch;
-webkit-justify-content: flex-start;
justify-content: flex-start;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
}
.tekstblok.tekstblok-flavour-1 .container .content {
width: calc(50% - 20px);
margin-right: 20px;
order: -1;
}
@media screen and (max-width: 768px) {
.tekstblok.tekstblok-flavour-1 .container .content {
width: 100%;
margin-right: 0px !important;
margin-bottom: 25px !important;
}
}
.tekstblok.tekstblok-flavour-1 .container .zijbalk {
width: calc(50% - 20px);
box-shadow: none;
padding: 0px;
margin-left: 20px;
}
@media screen and (max-width: 768px) {
.tekstblok.tekstblok-flavour-1 .container .zijbalk {
width: 100%;
padding: 0px;
margin-left: 0px;
}
}
.tekstblok.tekstblok-flavour-1 .container.mirrored .content {
width: calc(50% - 20px);
margin-left: 20px !important;
margin-right: 0px;
}
@media screen and (max-width: 768px) {
.tekstblok.tekstblok-flavour-1 .container.mirrored .content {
width: 100%;
order: -1;
margin-left: 0px !important;
}
}
.tekstblok.tekstblok-flavour-1 .container.mirrored .zijbalk {
width: calc(50% - 20px);
box-shadow: none;
padding: 0px 1;
margin-left: 0px;
margin-right: 20px;
margin-left: 0px;
}
@media screen and (max-width: 768px) {
.tekstblok.tekstblok-flavour-1 .container.mirrored .zijbalk {
width: 100%;
padding: 0px !important;
margin-right: 0px;
}
}
@media screen and (max-width: 1040px) {
.tekstblok.tekstblok-flavour-1 .container:first-child {
margin-bottom: 50px !important;
}
}
.tekstblok.tekstblok-flavour-1.mirrored .container .content {
width: calc(50% - 20px);
margin-left: 20px;
margin-right: 0px;
}
@media screen and (max-width: 768px) {
.tekstblok.tekstblok-flavour-1.mirrored .container .content {
width: 100%;
margin-right: 0px !important;
margin-left: 0px !important;
margin-bottom: 25px !important;
}
}
.tekstblok.tekstblok-flavour-1.mirrored .container .zijbalk {
width: calc(50% - 20px);
box-shadow: none;
padding: 0px;
margin-left: 0px;
margin-right: 20px;
}
@media screen and (max-width: 768px) {
.tekstblok.tekstblok-flavour-1.mirrored .container .zijbalk {
width: 100%;
padding: 0px;
margin-right: 0px;
}
}
.tekstblok.tekstblok-flavour-1.mirrored .container.mirrored .content {
width: calc(50% - 20px);
margin-right: 20px;
margin-left: 0px !important;
}
@media screen and (max-width: 768px) {
.tekstblok.tekstblok-flavour-1.mirrored .container.mirrored .content {
width: 100%;
margin-right: 0px !important;
margin-left: 0px !important;
margin-bottom: 25px !important;
}
}
.tekstblok.tekstblok-flavour-1.mirrored .container.mirrored .zijbalk {
width: calc(50% - 20px);
box-shadow: none;
padding: 0px;
margin-left: 20px;
margin-right: 0px;
}
@media screen and (max-width: 768px) {
.tekstblok.tekstblok-flavour-1.mirrored .container.mirrored .zijbalk {
width: 100%;
padding: 0px;
margin-left: 0px;
}
}
.tekstblok.tekstblok-flavour-2 .container {
max-width: 600px;
text-align: center;
margin-bottom: 0px !important;
}
.tekstblok.tekstblok-flavour-2 .container > div > div {
padding-right: 0px;
padding-left: 0px;
}
.tekstblok.tekstblok-flavour-3 .container {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-align-items: stretch;
align-items: stretch;
-webkit-justify-content: flex-start;
justify-content: flex-start;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
@media screen and (max-width: 768px) {
.tekstblok.tekstblok-flavour-3 .content {
order: -1;
width: 100%;
padding-bottom: 30px;
}
}
@media screen and (max-width: 480px) {
.tekstblok.tekstblok-flavour-3 .content {
padding-bottom: 0px;
}
}
.tekstblok.tekstblok-flavour-3 .zijbalk {
box-shadow: none;
padding: 0px 0px 30px 0px;
}
@media screen and (max-width: 768px) {
.tekstblok.tekstblok-flavour-3 .zijbalk {
padding: 0px;
width: 100%;
}
}
.tekstblok.tekstblok-flavour-3.mirrored .content {
margin-right: 0px;
margin-left: 100px;
}
@media screen and (max-width: 1040px) {
.tekstblok.tekstblok-flavour-3.mirrored .content {
margin-left: 60px;
}
}
@media screen and (max-width: 768px) {
.tekstblok.tekstblok-flavour-3.mirrored .content {
margin-left: 0px;
}
}
.tekstblok.tekstblok-flavour-3.mirrored .zijbalk {
margin-left: 0px;
margin-right: 0px;
padding: 0px 0px 30px 0px;
}
@media screen and (max-width: 768px) {
.tekstblok.tekstblok-flavour-3.mirrored .zijbalk {
margin-right: 0px;
padding: 0px;
}
}
@media screen and (max-width: 768px) {
.tekstblok.tekstblok-flavour-3.switched .content {
order: 2;
padding-bottom: 0;
}
}
.tekstblok.tekstblok-flavour-4 ul {
padding: 0px;
margin: 0px;
width: calc(100% - 100px);
margin: 0 auto;
margin-bottom: 30px !important;
}
@media screen and (max-width: 768px) {
.tekstblok.tekstblok-flavour-4 ul {
width: calc(100% - 40px);
}
}
.tekstblok.tekstblok-flavour-4 ul li {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-align-items: baseline;
align-items: baseline;
-webkit-justify-content: flex-start;
justify-content: flex-start;
-webkit-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.tekstblok.tekstblok-flavour-4 ul li:hover svg {
left: 5px;
}
.tekstblok.tekstblok-flavour-4 ul li svg {
margin: 0px;
margin-right: 15px;
background: transparent;
border-radius: 50%;
width: 20px;
height: 20px;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-flex-wrap: nowrap;
flex-wrap: nowrap;
position: relative;
left: 0px;
top: 4px;
transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
}
@media screen and (max-width: 480px) {
.tekstblok.tekstblok-flavour-4 ul li svg {
width: 15px;
height: 15px;
top: 2px;
}
}
@media screen and (min-width: 320px) and (max-width: 812px) and (orientation: landscape) {
.tekstblok.tekstblok-flavour-4 ul li svg {
width: 15px;
height: 15px;
top: 2px;
}
}
.tekstblok.tekstblok-flavour-4 .zijbalk {
padding: 0px 0px 30px 0px;
}
.tekstblok.tekstblok-flavour-4 .no-image .zijbalk {
padding: 30px 0px;
}
@media screen and (max-width: 480px) {
.tekstblok.tekstblok-flavour-4 .no-image .zijbalk {
padding: 15px;
}
}
@media screen and (max-width: 768px) {
.tekstblok.tekstblok-flavour-4 .content {
width: calc(100% - 250px - 61px);
margin-right: 60px;
}
}
@media screen and (min-width: 320px) and (max-width: 812px) and (orientation: landscape) {
.tekstblok.tekstblok-flavour-4 .content {
width: calc(100% - 250px - 35px);
margin-right: 15px;
}
}
.tekstblok.tekstblok-flavour-6 .container a {
color: #73141b;
text-decoration: underline;
}
.tekstblok.tekstblok-flavour-6 .container .zijbalk {
padding: 0px;
box-shadow: none;
}
.tekstblok.tekstblok-flavour-6 .container .zijbalk .wpb_single_image {
margin-left: 0px;
margin-right: 0px;
}
@media screen and (max-width: 768px) {
.tekstblok.tekstblok-flavour-6 .container .zijbalk:not(.bruidshow-contact) {
display: none;
}
}
@media screen and (max-width: 480px) {
.tekstblok.tekstblok-flavour-6 .container .zijbalk {
padding: 15px;
}
}
.tekstblok.tekstblok-flavour-6 .container .zijbalk form input:not([type=submit]), .tekstblok.tekstblok-flavour-6 .container .zijbalk form select {
width: calc(100% - 15px);
padding: 0px 0px 0px 15px;
box-shadow: none;
border: 1px solid #e0e1e1;
color: #b8bcbe;
background-color: #fcfcfc;
border-radius: 3px;
line-height: 40px;
height: 40px;
font-size: 13px;
}
.tekstblok.tekstblok-flavour-6 .container .zijbalk form input:not([type=submit])[type="checkbox"], .tekstblok.tekstblok-flavour-6 .container .zijbalk form select[type="checkbox"] {
width: auto;
display: inline-block;
-webkit-appearance: checkbox;
margin-right: 10px;
}
.tekstblok.tekstblok-flavour-6 .container .zijbalk form select {
width: 100% !important;
}
.tekstblok.tekstblok-flavour-6 .container .zijbalk form textarea {
width: calc(100% - 15px);
padding: 15px 0px 0px 15px;
border: 1px solid #e0e1e1;
color: #b8bcbe;
background-color: #fcfcfc;
border-radius: 3px !important;
box-shadow: none;
font-size: 13px !important;
}
.tekstblok.tekstblok-flavour-6 .container .zijbalk form .flex-verzend {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.tekstblok.tekstblok-flavour-6 .container .zijbalk form .flex-verzend p {
margin-bottom: 0px !important;
}
@media screen and (max-width: 480px) {
.tekstblok.tekstblok-flavour-6 .container .zijbalk form .flex-verzend {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
}
@media screen and (min-width: 320px) and (max-width: 812px) and (orientation: landscape) {
.tekstblok.tekstblok-flavour-6 .container .zijbalk form .flex-verzend {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: flex-end;
justify-content: flex-end;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
}
.tekstblok.tekstblok-flavour-6 .container .zijbalk form p .wpcf7-list-item {
display: inline-flex;
width: 33.33%;
align-items: center;
margin: 0px;
}
.tekstblok.tekstblok-flavour-6 .container ul {
margin-bottom: 20px !important;
}
.tekstblok.tekstblok-flavour-6 .container .hony-prijzen .prijs-wrapper .hony-prijs {
width: 155px;
background-color: #f8d4dc;
border: 1px solid #73141b;
border-radius: 3px;
margin-bottom: 10px;
}
.tekstblok.tekstblok-flavour-6 .container .hony-prijzen .prijs-wrapper .hony-prijs p {
line-height: 30px;
padding: 0px 10px;
}
.tekstblok.tekstblok-flavour-6 .container .hony-prijzen .prijs-wrapper .hony-prijs:last-child {
margin-bottom: 26px;
}
.tekstblok.tekstblok-flavour-6 .container.no-mar-bot {
margin-bottom: 0px !important;
}
.tekstblok.tekstblok-flavour-6 .container.teammember {
margin-bottom: 0px !important;
}
.tekstblok.tekstblok-flavour-6 .container.teammember .team-member {
width: calc(50% - 7.5px);
margin-bottom: 15px;
}
.tekstblok.tekstblok-flavour-6 .container.teammember .team-member:first-child {
margin-right: 7.5px;
}
.tekstblok.tekstblok-flavour-6 .container.teammember .team-member:last-child {
margin-left: 7.5px;
}
.tekstblok.tekstblok-flavour-6 .container.teammember .team-member > div {
padding-right: 0px;
padding-left: 0px;
}
@media screen and (max-width: 480px) {
.tekstblok.tekstblok-flavour-6 .container.teammember .team-member {
width: 100%;
margin-left: 0px !important;
margin-right: 0px !important;
}
}
.tekstblok.tekstblok-flavour-6 .container.teammember .het-team {
width: 100%;
}
.tekstblok.tekstblok-flavour-6 .container.teammember .het-team > div {
padding-right: 0px;
padding-left: 0px;
}
.tekstblok.tekstblok-flavour-6 .container.teammember .het-team .vc_figure {
width: 100%;
}
.tekstblok.tekstblok-flavour-6 .container.teammember .het-team .vc_figure > div {
width: 100%;
}
.tekstblok.tekstblok-flavour-6 .container.teammember .het-team .vc_figure > div img {
width: 100%;
}
@media screen and (max-width: 1040px) {
.tekstblok.tekstblok-flavour-6 .content.full-dis {
width: 100%;
}
}
@media screen and (max-width: 768px) {
.tekstblok.tekstblok-flavour-6 .content:not(.bruidshow-contact) {
width: 100%;
}
}
@media screen and (max-width: 768px) {
.tekstblok.tekstblok-flavour-6 .content {
width: calc(100% - 250px - 35px);
margin-right: 15px;
}
}
@media screen and (min-width: 320px) and (max-width: 812px) and (orientation: landscape) {
.tekstblok.tekstblok-flavour-6 .content {
width: calc(100% - 250px - 35px);
margin-right: 15px;
}
}
.tekstblok.tekstblok-flavour-6 .content h3 {
color: #73141b;
}
.tekstblok.tekstblok-flavour-7 {
position: relative;
}
.tekstblok.tekstblok-flavour-7 > div {
position: unset;
}
.tekstblok.tekstblok-flavour-7 .content {
position: absolute;
top: 0;
bottom: 0;
right: 50%;
}
.tekstblok.tekstblok-flavour-7 .content > div {
height: 100%;
}
.tekstblok.tekstblok-flavour-7 .content > div:after {
content: "";
position: absolute;
top: 0px;
bottom: 0px;
right: 0px;
width: 50%;
height: calc(100% + 1px);
background-image: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5), white);
}
@media screen and (max-width: 480px) {
.tekstblok.tekstblok-flavour-7 .content > div:after {
background-image: none;
}
}
@media screen and (max-width: 480px) {
.tekstblok.tekstblok-flavour-7 .content {
position: relative;
top: unset;
width: 100% !important;
right: unset !important;
height: 250px;
order: -1;
}
}
.tekstblok.tekstblok-flavour-7 .zijbalk {
margin-left: calc(50% + 20px)!important;
box-shadow: none;
width: 50%;
padding: 0px !important;
}
@media screen and (max-width: 480px) {
.tekstblok.tekstblok-flavour-7 .zijbalk {
margin-left: 0px !important;
}
}
.tekstblok.tekstblok-flavour-7.mirrored .content {
position: absolute;
top: 0;
bottom: 0;
left: 50%;
margin-right: 0px !important;
margin-left: 100px !important;
}
.tekstblok.tekstblok-flavour-7.mirrored .content > div {
height: 100%;
}
.tekstblok.tekstblok-flavour-7.mirrored .content > div:after {
content: "";
position: absolute;
top: 0px;
bottom: 0px;
left: 0px;
width: 50%;
height: calc(100% + 1px);
background-image: linear-gradient(to right, white, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));
}
@media screen and (max-width: 480px) {
.tekstblok.tekstblok-flavour-7.mirrored .content > div:after {
background-image: none;
}
}
@media screen and (max-width: 480px) {
.tekstblok.tekstblok-flavour-7.mirrored .content {
position: relative;
top: unset;
width: 100% !important;
left: unset !important;
height: 250px;
order: -1;
margin-left: 0px !important;
}
}
.tekstblok.tekstblok-flavour-7.mirrored .zijbalk {
margin-right: calc(50% + 20px)!important;
margin-left: 0px !important;
}
@media screen and (max-width: 480px) {
.tekstblok.tekstblok-flavour-7.mirrored .zijbalk {
margin-right: 0px !important;
}
}
.homeblok .container {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-align-items: stretch;
align-items: stretch;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
width: 900px;
}
.homeblok .container:before, .homeblok .container:after {
flex-basis: 100%;
}
.homeblok .container:first-child {
margin-bottom: 30px !important;
}
.homeblok.desktop .homebutton {
width: 280px;
height: 280px;
}
.homeblok.desktop .homebutton > div {
width: 280px;
height: 280px;
padding: 0;
background-size: cover;
border-radius: 13px;
}
.homeblok.desktop .homebutton p {
width: 280px;
height: 280px;
margin-bottom: 0 !important;
background: rgba(115, 20, 27, 0.5);
border-radius: 13px;
opacity: 0;
transition: all 0.3s ease;
}
.homeblok.desktop .homebutton p a {
display: table-cell;
vertical-align: middle;
text-align: center;
width: 280px;
height: 280px;
font-size: 30px;
color: white;
text-decoration: none;
}
.homeblok.desktop .homebutton p:hover {
opacity: 1;
}
@media screen and (max-width: 960px) {
.homeblok.desktop {
display: none;
}
}
.homeblok.mobile {
display: none;
}
@media screen and (max-width: 960px) {
.homeblok.mobile {
display: block;
}
.homeblok.mobile .container {
margin-bottom: 30px !important;
width: calc(100% - 80px);
}
.homeblok.mobile .homebutton {
width: 387px;
height: 120px;
margin: 0 auto;
}
.homeblok.mobile .homebutton > div {
width: 387px;
height: 120px;
padding: 0;
background-size: cover;
border-radius: 13px;
}
.homeblok.mobile .homebutton p {
width: 387px;
height: 120px;
margin-bottom: 0 !important;
background: rgba(115, 20, 27, 0.5);
border-radius: 13px;
opacity: 0;
transition: all 0.3s ease;
}
.homeblok.mobile .homebutton p a {
display: table-cell;
vertical-align: middle;
text-align: center;
width: 387px;
height: 120px;
font-size: 30px;
color: white;
text-decoration: none;
}
.homeblok.mobile .homebutton p:hover {
opacity: 1;
}
}
@media screen and (max-width: 480px) {
.homeblok.mobile .homebutton {
width: 290px;
height: 90px;
}
.homeblok.mobile .homebutton > div {
width: 290px;
height: 90px;
}
.homeblok.mobile .homebutton p {
width: 290px;
height: 90px;
}
.homeblok.mobile .homebutton p a {
width: 290px;
height: 90px;
}
}
@media screen and (min-width: 320px) and (max-width: 812px) and (orientation: landscape) {
.homeblok.mobile .homebutton {
width: 50%;
height: 130px;
}
.homeblok.mobile .homebutton > div {
width: 100%;
height: 130px;
}
.homeblok.mobile .homebutton p {
width: 100%;
height: 130px;
}
.homeblok.mobile .homebutton p a {
width: 100%;
height: 130px;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-flex-wrap: nowrap;
flex-wrap: nowrap;
}
}
.sliderblok {
padding: 50px 0;
}
.metaslider .flexslider:hover .flex-next {
opacity: 1 !important;
right: -35px !important;
}
.metaslider .flexslider:hover .flex-prev {
opacity: 1 !important;
left: -35px !important;
}
@media screen and (max-width: 1040px) {
.metaslider .flexslider .flex-next {
opacity: 1 !important;
right: -30px !important;
}
.metaslider .flexslider .flex-prev {
opacity: 1 !important;
left: -30px !important;
}
} .slider-row {
padding: 50px 0px;
}
.msacwl-gallery-slider button.slick-prev, .msacwl-gallery-slider button.slick-prev:hover, .msacwl-gallery-slider button.slick-prev:focus, .msacwl-gallery-carousel button.slick-prev, .msacwl-gallery-carousel button.slick-prev:hover, .msacwl-gallery-carousel button.slick-prev:focus {
background: transparent url(//hetgroethuis.nl/wp-content/themes/twentysixteen-child/images/slider-pijltje-links.svg) !important;
background-repeat: no-repeat !important;
background-size: 30px !important;
width: 30px;
}
.msacwl-gallery-slider button.slick-next, .msacwl-gallery-slider button.slick-next:hover, .msacwl-gallery-slider button.slick-next:focus, .msacwl-gallery-carousel button.slick-next, .msacwl-gallery-carousel button.slick-next:hover, .msacwl-gallery-carousel button.slick-next:focus {
background: transparent url(//hetgroethuis.nl/wp-content/themes/twentysixteen-child/images/slider-pijltje-rechts.svg) !important;
background-repeat: no-repeat !important;
background-size: 30px !important;
width: 30px;
}
.mfp-bg {
background: #d92949 !important;
} img.attachment-large.size-large {
width: 100% !important;
height: auto !important;
}
.msacwl-carousel-slide {
padding: 0px 10px;
}
.msacwl-gallery-carousel button.slick-prev {
left: -60px;
top: calc(50% + 10px);
}
.msacwl-gallery-carousel button.slick-next {
right: -60px;
top: calc(50% + 10px);
}
.msacwl-carousel-slide a {
height: auto;
}
.mfp-arrow-right:before {
border-left: none !important;
}
.mfp-arrow-left:before {
border-right: none !important;
}
.page-id-239 {
background-color: black;
}
.page-id-239 #content-bottom-widgets {
display: none;
}
.page-id-239 .site-header, .page-id-239 .topbar {
display: none;
}
.page-id-239 .site-main {
margin-top: 0px !important;
}
.page-id-239 .copyright-bar {
display: none;
}
.page-id-239 .entry-content {
position: relative;
}
.modules {
height: 100vh;
}
.modules.robot-holder {
position: fixed;
right: 0;
left: 0;
bottom: 0;
height: 200px;
background-color: #f0f0f0;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.modules.robot-holder > div {
position: unset !important;
}
.modules.robot-holder .robot-assistent {
position: absolute;
bottom: 0px;
left: 0;
min-width: 350px;
max-width: 350px;
}
.modules.robot-holder .robot-text-holder {
width: calc(100% - 400px - 40px);
margin-left: 340px;
border: 1px solid black;
padding: 20px;
}
.modules .container:first-child {
min-height: 150px;
max-height: 150px;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.modules .container .module-wrapper {
width: 100%;
height: calc(100vh - 200px - 150px - 50px);
overflow: scroll;
box-shadow: 0px 2px 8px 0px #d2d2d2;
} .logobar {
width: 100%;
max-width: 320px;
margin: 0 auto;
padding: 70px 15px;
box-sizing: border-box;
}
.content-bottom-widgets {
background-color: #f6f5f5;
background-image: url(//hetgroethuis.nl/wp-content/uploads/footer-def.png);
background-position: center bottom;
background-repeat: no-repeat;
background-size: 1600px 300px;
padding-bottom: 200px;
}
.content-bottom-widgets label, .content-bottom-widgets li, .content-bottom-widgets li a, .content-bottom-widgets ul, .content-bottom-widgets h4 {
font-family: "light";
}
.content-bottom-widgets .signaturetext {
position: absolute;
bottom: 0;
left: 0;
padding: 50px 0;
font-family: "light";
font-size: 12px;
color: #a29e9d;
width: 100vw;
text-align: center;
}
.content-bottom-widgets .signaturetext a {
font-size: 12px;
font-family: "light";
color: #a29e9d;
}
@media screen and (max-width: 480px) {
.content-bottom-widgets .signaturetext {
padding: 20px 0;
}
}
.content-bottom-widgets .widget-area:last-child {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-align-items: flex-start;
align-items: flex-start;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
max-width: 1200px;
margin: 0 auto;
padding: 50px 40px;
}
.content-bottom-widgets .widget-area:last-child section:nth-child(1) {
width: calc(33.33% - 40px);
padding: 0px 40px 0px 0px;
}
@media screen and (max-width: 768px) {
.content-bottom-widgets .widget-area:last-child section:nth-child(1) {
width: 100%;
padding: 0px;
margin-bottom: 30px;
}
}
.content-bottom-widgets .widget-area:last-child section:nth-child(2) {
width: calc(33.33% - 40px);
padding: 0px 20px;
}
@media screen and (max-width: 768px) {
.content-bottom-widgets .widget-area:last-child section:nth-child(2) {
width: 100%;
padding: 0px;
margin-bottom: 30px;
}
}
.content-bottom-widgets .widget-area:last-child section:nth-child(3) {
width: calc(33.33% - 40px);
padding: 0px 0px 0px 40px;
}
@media screen and (max-width: 768px) {
.content-bottom-widgets .widget-area:last-child section:nth-child(3) {
width: 100%;
padding: 0px;
margin-top: 50px;
}
}
.content-bottom-widgets .widget-area:last-child section .form-wrapper {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
.content-bottom-widgets .widget-area:last-child section .form-wrapper .full-width {
width: 100%;
}
.content-bottom-widgets .widget-area:last-child section .form-wrapper .full-width input {
margin: 0px;
width: calc(100% - 12px);
}
.content-bottom-widgets .widget-area:last-child section .form-wrapper .half-width {
width: 50%;
}
.content-bottom-widgets .widget-area:last-child section .form-wrapper .half-width.first input {
margin: 0px 10px 0px 0px;
}
.content-bottom-widgets .widget-area:last-child section .form-wrapper .half-width.last input {
margin: 0px 0px 0px 10px;
}
@media screen and (max-width: 768px) {
.content-bottom-widgets .widget-area:last-child section .form-wrapper .half-width {
width: 100%;
}
.content-bottom-widgets .widget-area:last-child section .form-wrapper .half-width input {
width: calc(100% - 12px);
margin: 0px !important;
}
}
@media screen and (min-width: 320px) and (max-width: 812px) and (orientation: landscape) {
.content-bottom-widgets .widget-area:last-child section .form-wrapper .half-width {
width: 100%;
}
.content-bottom-widgets .widget-area:last-child section .form-wrapper .half-width input {
width: calc(100% - 12px);
margin: 0px !important;
}
}
.content-bottom-widgets .widget-area:last-child section .form-wrapper .third-width {
width: 33.33%;
}
.content-bottom-widgets .widget-area:last-child section .form-wrapper .third-width.first input {
margin: 0px 10px 0px 0px;
}
.content-bottom-widgets .widget-area:last-child section .form-wrapper .third-width.last input {
margin: 0px 0px 0px 10px;
}
@media screen and (max-width: 768px) {
.content-bottom-widgets .widget-area:last-child section .form-wrapper .third-width {
width: 100%;
}
.content-bottom-widgets .widget-area:last-child section .form-wrapper .third-width input {
width: calc(100% - 12px);
margin: 0px !important;
}
}
@media screen and (min-width: 320px) and (max-width: 812px) and (orientation: landscape) {
.content-bottom-widgets .widget-area:last-child section .form-wrapper .third-width {
width: 100%;
}
.content-bottom-widgets .widget-area:last-child section .form-wrapper .third-width input {
width: calc(100% - 12px);
margin: 0px !important;
}
}
.content-bottom-widgets .widget-area:last-child section .form-wrapper input {
width: calc(100% - 22px);
border: none;
line-height: 40px;
height: 40px;
padding: 0px;
padding-left: 10px;
margin-bottom: 10px !important;
border-radius: 5px !important;
}
.content-bottom-widgets .widget-area:last-child section .form-wrapper textarea {
width: calc(100% - 12px);
border: none;
line-height: 40px;
padding: 0px;
padding-left: 10px;
margin: 0px;
margin-bottom: 30px;
border-radius: 5px !important;
height: 150px;
}
@media screen and (max-width: 768px) {
.content-bottom-widgets .widget-area:last-child section .form-wrapper textarea {
margin-bottom: 10px;
}
}
.content-bottom-widgets .widget-area:last-child section .form-wrapper .flex-verzend {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-align-items: baseline;
align-items: baseline;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
width: 100%;
}
.content-bottom-widgets .widget-area:last-child section .form-wrapper .flex-verzend a {
font-family: "light";
text-decoration: underline;
}
.content-bottom-widgets .widget-area:last-child section .form-wrapper .flex-verzend a:hover {
text-decoration: none;
}
.content-bottom-widgets .widget-area:last-child section .form-wrapper .flex-verzend p {
margin-bottom: 0px !important;
}
.content-bottom-widgets .widget-area:last-child section .form-wrapper .flex-verzend .ajax-loader {
display: none;
}
.content-bottom-widgets .widget-area:last-child section .form-wrapper .flex-verzend input {
width: 100%;
padding-left: unset;
padding: 0px 20px;
margin: 0px;
margin-bottom: 0px;
border: 1px solid #73141b;
}
@media screen and (max-width: 480px) {
.content-bottom-widgets .widget-area:last-child section .form-wrapper .flex-verzend {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-align-items: baseline;
align-items: baseline;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
.content-bottom-widgets .widget-area:last-child section .form-wrapper .flex-verzend p {
order: -1;
}
.content-bottom-widgets .widget-area:last-child section .form-wrapper .flex-verzend p.verplichtveld {
order: 1;
}
}
.content-bottom-widgets .widget-area:last-child section .footer-nav {
padding: 0px;
margin: 0px;
}
.content-bottom-widgets .widget-area:last-child section .footer-nav li {
list-style-type: none;
}
.content-bottom-widgets .widget-area:last-child section .footer-nav li a {
display: block;
color: black;
font-family: "light";
line-height: 40px;
border-bottom: 1px solid rgba(0, 0, 0, 0.2);
transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
text-decoration: none;
overflow: hidden;
position: relative;
}
.content-bottom-widgets .widget-area:last-child section .footer-nav li a svg {
position: absolute;
right: -20px;
top: 50%;
transform: translatey(-50%);
transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
}
.content-bottom-widgets .widget-area:last-child section .footer-nav li a:hover {
border-bottom: 1px solid black;
}
.content-bottom-widgets .widget-area:last-child section .footer-nav li a:hover svg {
right: 20px;
}
.content-bottom-widgets .imgfooter {
max-width: 200px;
}
.content-bottom-widgets .mobile_show {
display: none;
}
@media screen and (max-width: 768px) {
.content-bottom-widgets .mobile_show {
display: block;
margin-bottom: 30px !important;
margin: 0;
width: 50%;
max-width: 200px;
}
}
@media screen and (min-width: 320px) and (max-width: 812px) and (orientation: landscape) {
.content-bottom-widgets .mobile_show {
display: none;
}
}
@media screen and (max-width: 480px) {
.content-bottom-widgets .mobile_show {
display: block;
margin-bottom: 30px !important;
margin: 0;
width: 100%;
max-width: 150px;
}
}
.footer-info img {
width: 100%;
margin-bottom: 30px;
max-width: 200px;
}
@media screen and (max-width: 768px) {
.footer-info img {
display: none;
}
}
@media screen and (max-width: 480px) {
.footer-info img {
display: none;
}
}
.footer-info h4 {
color: #73141b;
font-size: 18px;
}
.footer-info a {
text-decoration: underline;
}
.footer-info a:hover {
text-decoration: none;
}
.footer-info .bezoek-info {
margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
.footer-info .bezoek-info h4 {
margin-bottom: 15px !important;
}
}
@media screen and (max-width: 480px) {
.footer-info .bezoek-info h4 {
margin-bottom: 15px !important;
}
}
@media screen and (max-width: 480px) {
.footer-info .bezoek-info {
width: 100%;
display: block;
margin: 0px 0px 20px 0px;
}
}
.footer-info .contact-info {
margin-bottom: 20px;
}
@media screen and (max-width: 480px) {
.footer-info .contact-info {
width: 100%;
display: block;
margin: 0px 0px 20px 0px;
}
}
.footer-info .contact-info svg {
margin-right: 10px;
color: #73141b;
}
.footer-info .social-info a {
margin-right: 20px;
}
@media screen and (max-width: 480px) {
.footer-info .social-info {
width: 100%;
display: block;
margin: 0px 0px 20px 0px;
text-align: left;
}
}
.footer-info .social-info p {
margin-bottom: 10px !important;
}
@media screen and (max-width: 768px) {
.footer-info .social-info p {
text-align: right;
}
}
@media screen and (max-width: 480px) {
.footer-info .social-info p {
text-align: left;
}
}
.footer-info .social-info div {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: flex-start;
justify-content: flex-start;
-webkit-flex-wrap: nowrap;
flex-wrap: nowrap;
position: relative;
top: 10px;
}
@media screen and (max-width: 768px) {
.footer-info .social-info div {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: flex-start;
justify-content: flex-start;
-webkit-flex-wrap: nowrap;
flex-wrap: nowrap;
}
}
@media screen and (max-width: 480px) {
.footer-info .social-info div {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: flex-start;
justify-content: flex-start;
-webkit-flex-wrap: nowrap;
flex-wrap: nowrap;
}
}
.footer-info .social-info div li {
width: 30px;
height: 30px;
margin-right: 10px;
}
@media screen and (max-width: 768px) {
.footer-info .social-info div li {
margin-right: 20px;
margin-left: 0px;
}
}
@media screen and (max-width: 480px) {
.footer-info .social-info div li {
margin-right: 20px;
margin-left: 0px;
}
}
.footer-info .social-info div li a {
background-color: white;
border: 1px solid black;
border-radius: 50%;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-flex-wrap: nowrap;
flex-wrap: nowrap;
height: 30px;
width: 30px;
transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
}
.footer-info .social-info div li a.facebook {
border: 2px solid #3b5998;
}
.footer-info .social-info div li a.facebook svg {
color: #3b5998;
}
.footer-info .social-info div li a.twitter {
border: 2px solid #55acee;
}
.footer-info .social-info div li a.twitter svg {
color: #55acee;
}
.footer-info .social-info div li a.pinterest {
border: 2px solid #cb2027;
}
.footer-info .social-info div li a.pinterest svg {
color: #cb2027;
}
.footer-info .social-info div li a.linkedin {
border: 2px solid #007bb5;
}
.footer-info .social-info div li a.linkedin svg {
color: #007bb5;
}
.footer-info .social-info div li a.facebook:hover {
background: #3b5998;
border-radius: 0%;
}
.footer-info .social-info div li a.twitter:hover {
background: #55acee;
border-radius: 0%;
}
.footer-info .social-info div li a.pinterest:hover {
background: #cb2027;
border-radius: 0%;
}
.footer-info .social-info div li a.linkedin:hover {
background: #007bb5;
border-radius: 0%;
}
.footer-info .social-info div li a svg {
color: white;
transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
}
.footer-info .social-info div li a:hover {
background-color: white;
border-radius: 50%;
}
.footer-info .social-info div li a:hover svg {
color: white;
}
.copyright-bar {
padding: 5px 0px;
background-color: #d92949;
}
.copyright-bar .container {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-flex-wrap: nowrap;
flex-wrap: nowrap;
padding: 0px 40px;
}
@media screen and (max-width: 480px) {
.copyright-bar .container {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
}
.copyright-bar .container p {
margin-bottom: 0px !important;
color: white;
font-size: 11px !important;
}
@media screen and (max-width: 480px) {
.copyright-bar .container p {
width: 100%;
display: block;
text-align: center;
}
}
.copyright-bar .container a {
color: white;
text-decoration: underline;
font-size: 11px !important;
}
@media screen and (max-width: 480px) {
.copyright-bar {
padding: 5px 0px;
}
}
@media screen and (min-width: 320px) and (max-width: 812px) and (orientation: landscape) {
.copyright-bar {
padding: 5px 0px;
}
}
.searchpage .searchlist {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-align-items: flex-start;
align-items: flex-start;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
.searchpage .searchlist li {
width: calc(33.333333% - 60px);
margin: 30px !important;
background-color: rgba(255, 255, 255, 0.5);
}
.searchpage .searchlist li .postimage a {
position: relative;
display: block;
height: 100%;
}
.searchpage .searchlist li .postimage a:hover:before {
display: block;
position: absolute;
top: 0;
right: 0;
left: 0;
bottom: 0;
z-index: 5;
content: "";
font-size: 30px;
line-height: 45px;
display: block;
text-align: right;
color: white;
padding-top: 0;
padding-right: 20px;
height: 100%;
background: rgba(0, 0, 0, 0.8);
}
.searchpage .searchlist li .postimage img {
width: 100%;
height: auto;
}
.searchpage .searchlist li .postcontent {
padding: 20px;
}
.searchpage .searchlist li .postcontent h3 a {
color: black;
font-size: 28px;
line-height: 48px;
font-family: "bold";
}
.searchpage .searchlist li .postcontent h3 a:hover {
opacity: 0.6;
}
.searchpage h1.search-title {
text-align: center;
padding: 30px;
background: rgba(255, 255, 255, 0.5);
font-size: 36px;
}
.searchpage .searchpagination {
padding: 30px;
text-align: center;
} .error-page {
background-color: #e6e6e6;
margin-top: 50px;
padding: 50px 0px;
}
.error-page .container .standard-button > div {
text-align: center;
}
.error-page .container h1 {
text-transform: unset !important;
}
.error-page .container ul {
margin: 0px 0px 30px 0px !important;
padding: 0px;
}
.error-page .container ul li {
position: relative;
left: 30px;
width: calc(100% - 30px);
}
.error-page .container ul li svg {
position: absolute;
left: -30px;
top: 5px;
}
.error-page .container .zoeken form label span {
display: none;
}
.error-page .container .zoeken form label input {
line-height: 40px;
height: 42px;
-webkit-appearance: none;
border: 1px solid black;
padding: 0px 0px 0px 10px;
width: calc(100% - 150px - 25px);
margin-right: 20px;
}
.error-page .container .zoeken form button {
max-width: 150px;
min-width: 150px;
}
.error-page .but-wrapper {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.cookie-row {
margin-top: 100px;
}
.cookie-row td {
padding: 5px;
border: 1px solid rgba(0, 0, 0, 0.8);
}
.cookie-row a {
text-decoration: underline !important;
}
.cookie-info-box {
padding: 20px;
box-shadow: 0px 2px 8px 0px #d2d2d2;
margin-top: 30px;
}
.cookie-info-box > div > div {
border-bottom: 1px solid black;
padding: 20px 0px;
}
.pea_cook_wrapper {
bottom: 0px !important;
width: 100%;
left: 0px !important;
margin: 0px !important;
}
.pea_cook_wrapper a#fom {
display: inline-block;
border-bottom: none !important;
border: 1px solid white !important;
margin: 20px 0px 20px 10px;
padding: 10px 20px;
transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
}
.pea_cook_wrapper a#fom:hover {
background-color: white;
color: black !important;
}
.pea_cook_wrapper .pea_cook_btn {
padding: 10px 20px;
background-color: #000;
border: 1px solid #fff !important;
color: #fff !important;
border-radius: 0px !important;
box-shadow: none !important;
text-shadow: none !important;
display: inline-block;
width: auto;
transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
}
.pea_cook_wrapper .pea_cook_btn:hover {
background-color: white;
color: black !important;
}
.pea_cook_wrapper p {
bottom: 30px;
margin: 0;
font-weight: normal;
line-height: 16px;
padding-top: 30px;
}
.pt-checkout-form {
margin-bottom: 15px;
border: none !important;
padding: 15px;
width: 20em;
}
.pt-checkout-form button {
-webkit-appearance: button;
background-color: #000;
border: 2px solid black;
color: #fff;
cursor: pointer;
font-size: 14px;
font-weight: 700;
padding: 0.7917em 1.5em;
text-transform: uppercase;
display: none;
}
.pt-checkout-form button:hover {
color: black;
background: white;
}
.vc_column-inner.vc_custom_1540979957109 h5 {
margin-bottom: 0px;
margin-left: 15px;
}
.vc_column-inner.vc_custom_1540979957109 img {
margin-left: 15px;
margin-top: 30px !important;
max-width: 93% !important;
}
.vc_column-inner.vc_custom_1540976379530 h5 {
margin-bottom: 0px;
margin-left: 15px;
}
.vc_column-inner.vc_custom_1540976379530 img {
margin-left: 15px;
margin-top: 30px;
max-width: 93% !important;
}
.vc_custom_1540977606979 h5, .vc_custom_1540977627881 h5, .vc_custom_1540977587526 h5, .vc_custom_1540977653744 h5, .vc_custom_1540977722899 h5, .vc_custom_1540977713471 h5, .vc_custom_1540977705000 h5 {
margin-bottom: 0px;
margin-left: 15px;
}
.pt-form-group .pt-uea-container .pt-uea-custom-amount {
width: 93%;
}
@media screen and (max-width: 480px) {
.pt-form-group .pt-uea-container .pt-uea-custom-amount {
width: 50% !important;
}
}
* .h1-pannellum {
color: black !important;
}
.h3-pannellum {
padding: 20px;
}
.img-pannellum {
margin: 0 auto;
width: 100%;
height: auto;
max-width: 1250px;
margin-bottom: 30px;
}
@media screen and (max-width: 2560px) {
.img-pannellum {
width: 100%;
}
}
@media screen and (max-width: 768px) {
.img-pannellum {
width: 100%;
}
}
.wpb_single_image.vc_align_left {
text-align: center !important;
}
.pannellum-bow {
margin-left: 50%;
}
@media screen and (max-width: 480px) {
.pannellum-bow {
margin-left: 0% !important;
}
}
.grey-background {
padding: 50px 0px;
background-color: #e6e6e6;
}
.contact-blokken {
padding: 100px 0px;
}
@media screen and (max-width: 480px) {
.contact-blokken {
padding: 50px 0px;
}
}
.contact-blokken .container {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
margin-top: 100px !important;
}
@media screen and (max-width: 480px) {
.contact-blokken .container {
margin-top: 50px !important;
}
}
.contact-blokken .container .contact-blok {
padding: 15px;
box-shadow: 0px 0px 10px #b4b4b4;
background-color: white;
width: calc(25% - 30px);
margin: 0 auto;
}
.contact-blokken .container .contact-blok > div {
padding-left: 0px;
padding-right: 0px;
}
@media screen and (max-width: 768px) {
.contact-blokken .container .contact-blok {
width: calc(50% - 30px);
margin-bottom: 30px;
}
}
@media screen and (max-width: 480px) {
.contact-blokken .container .contact-blok {
width: calc(100% - 30px);
margin-bottom: 30px;
}
.contact-blokken .container .contact-blok:last-child {
margin-bottom: 0px !important;
}
}
.contact-blokken .container .contact-blok .vc_separator {
margin: 20px 0px !important;
}
.contact-blokken .container .contact-blok h4 {
margin-top: 5px !important;
font-size: 16px !important;
}
.contact-blokken .container .contact-blok p svg {
margin-right: 20px;
}
.contact-blokken .container .contact-blok .standard-btn a {
width: calc(100% - 40px);
margin-top: 10px;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.contact-blokken .container .contact-blok .standard-btn a svg {
margin-right: 0px !important;
}  .make-it-sticky {
-webkit-box-shadow: 0px 5px 10px -2px rgba(0, 0, 0, 0.8);
-moz-box-shadow: 0px 5px 10px -2px rgba(0, 0, 0, 0.8);
box-shadow: 0px 5px 10px -2px rgba(0, 0, 0, 0.8);
}
@media screen and (max-width: 1040px) {
.make-it-sticky {
position: relative !important;
box-shadow: none !important;
}
}
@media screen and (max-width: 1040px) {
#behind-menu-box {
display: none;
}
}
.scrollToTop {
z-index: 9999;
font-size: 24px;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-flex-wrap: nowrap;
flex-wrap: nowrap;
transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
border: 1px solid #d92949;
background: #d92949;
color: #73141b;
position: fixed;
right: 0px;
bottom: 0px;
animation-name: slideButtonIn;
animation-duration: 1s;
width: 38px;
height: 38px;
border-radius: 0%;
}
@keyframes slideButtonIn {
0% {
right: 0px;
bottom: 0px;
width: 0px;
height: 0px;
border-radius: 50%;
}
50% {
border-radius: 50%;
}
100% {
right: 0px;
bottom: 0px;
width: 38px;
height: 38px;
border-radius: 0%;
}
}
.hel-simple-slider {
animation: bgSlider 15s infinite;
height: 400px;
}
.hel-simple-slider-boxed {
background-color: #73141b;
}
.hel-simple-slider-boxed .container {
animation: bgSlider 15s infinite;
height: 400px;
}
@keyframes bgSlider {
0% {
background-image: url(//hetgroethuis.nl/wp-content/uploads/blokken-header1.jpg);
}
25% {
background-image: url(//hetgroethuis.nl/wp-content/uploads/blokken-header2.jpg);
}
35% {
background-image: url(//hetgroethuis.nl/wp-content/uploads/blokken-header2.jpg);
}
60% {
background-image: url(//hetgroethuis.nl/wp-content/uploads/blokken-header3.jpg);
}
70% {
background-image: url(//hetgroethuis.nl/wp-content/uploads/blokken-header3.jpg);
}
90% {
background-image: url(//hetgroethuis.nl/wp-content/uploads/blokken-header1.jpg);
}
}  label.gform-field-label.gform-field-label--type-inline.gfield_consent_label {
font-family: "light";
}
p.gform_required_legend {
display: none !important;
}
.gform_wrapper .gform_body input:focus, .gform_wrapper .gform_body textarea:focus {
box-shadow: 0px 0px 4px lightgray;
border-color: #d92949;
}
label.gfield_label.gform-field-label {
font-family: "light" !important;
position: absolute;
background: #f6f5f5;
left: 15px;
top: -10px;
padding: 0px 5px 0px 10px;
z-index: 2;
}
.gform-theme--foundation .gfield .ginput_password.large, .gform-theme--foundation .gfield input.large, .gform-theme--foundation .gfield select.large {
font-family: "light" !important;
color: darkgray;
border-radius: 10px;
height: 45px;
position: relative;
z-index: 1;
background: transparent;
}
input:-internal-autofill-selected {
background-color: white !important;
}
.gfield--type-consent input:before {
color: #d92949 !important;
}
.gform-theme--foundation .gfield textarea.medium {
border-radius: 10px;
background: transparent;
}
.gfield--type-text, .gfield--type-email, .gfield--type-phone, .gfield--type-textarea {
position: relative;
background: transparent;
}
input#gform_submit_button_1, input#gform_submit_button_2 {
border: 1px solid #73141b ! important;
background: #73141b !important;
font-family: "light" !important;
color: white !important;
line-height: 40px !important;
padding: 0px 20px !important;
text-decoration: none !important;
font-size: 16px !important;
overflow-x: hidden !important;
position: relative !important;
border-radius: 5px !important;
} .meerlink {
text-align: right;
}
.page-id-192 .last-row {
padding-bottom: 200px;
}
.page-id-192 .content-bottom-widgets .widget-area {
margin-top: -100px;
background-color: white;
border-radius: 20px;
border: 10px solid #f6f5f5;
}
.colored-bg {
background-color: #f6f5f5;
}
.colored-bg .content {
background-color: transparent;
}
.colored-bg .zijbalk {
background-color: white;
}
@media screen and (min-width: 320px) and (max-width: 812px) and (orientation: landscape) {
.colored-bg .zijbalk {
background-color: transparent !important;
}
.colored-bg .zijbalk svg {
background-color: transparent !important;
}
}
.colored-bg.mirrored .content {
background-color: white;
}
.colored-bg.mirrored .zijbalk {
background-color: transparent;
}
.slider-row {
background-image: url(//hetgroethuis.nl/wp-content/uploads/blokken-header.jpg);
height: 400px;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.slider-wrapper {
position: relative;
height: 100px;
overflow: hidden;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: flex-start;
justify-content: flex-start;
-webkit-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.slider-wrapper h1 {
color: white;
margin-bottom: 0px !important;
text-align: center;
}
.slider-wrapper .slide-1 {
animation-name: sliderAnimation1;
animation-duration: 3s;
animation-iteration-count: infinite;
width: 100%;
}
.slider-wrapper .slide-2 {
position: absolute;
top: -100px;
animation-name: sliderAnimation1;
animation-duration: 3s;
animation-iteration-count: infinite;
display: none;
}
.slider-wrapper .slide-3 {
position: absolute;
top: -100px;
animation-name: sliderAnimation1;
animation-duration: 3s;
animation-iteration-count: infinite;
display: none;
}
.headblok {
padding: 0;
background-image: url(//hetgroethuis.nl/wp-content/uploads/header-groethuis.jpg);
background-size: 1600px 1200px;
background-position: center center;
background-repeat: no-repeat;
height: 1200px;
position: relative;
}
.headblok h5 {
color: white;
font-size: 56px;
line-height: 60px;
font-family: "italic";
text-align: center;
position: absolute;
width: 100%;
top: 100px;
text-shadow: 1px 1px 2px black;
}
.rondimage figure {
border-radius: 50%;
overflow: hidden;
}
.seperator {
padding: 0;
margin-bottom: 50px;
}
.seperator.colored-bg {
margin-bottom: 0;
padding-bottom: 50px;
}
.seperator img {
width: 250px;
}
.parallax-window {
background: transparent;
}
.refblok.colored-bg {
background-color: #f6f5f5;
}
.refblok .dienstbox {
background-image: url(//hetgroethuis.nl/wp-content/uploads/carla-saris-kader-referenties.png);
background-size: contain;
background-position: center top;
background-repeat: no-repeat;
background-color: transparent;
background-origin: content-box;
}
.refblok .dienstbox > div {
padding: 60px 30px !important;
text-align: center;
}
.refblok .dienstbox > div .stars {
color: #d92949;
font-size: 24px;
margin-bottom: 20px;
}
.refblok .dienstbox > div .signoff {
color: #bf0413;
font-family: "italic";
}
.plaatsenblok .standard-button a {
width: 150px;
}
.rpwe-thumb {
border-radius: 50%;
}
.mobile-header-logo {
display: none;
}
@media screen and (max-width: 1040px) {
.mobile-header-logo {
display: block;
width: 100vw;
height: 55px;
position: absolute;
top: 0;
left: 0;
z-index: 3;
background: white;
}
.mobile-header-logo img {
height: 55px;
margin-left: 15px;
width: auto;
}
}
.captcha-image {
border: none !important;
}
.captcha-image label > input {
width: 0px !important;
}
.captcha-image label svg {
color: #d92949;
width: 35px;
height: 35px;
}
.captcha-image label > input:checked + svg, .captcha-image label > input:focus + svg {
border: 2px solid #d92949 !important;
}
.captcha-image .cf7ic_instructions span {
color: #d92949 !important;
}
.kc_captcha {
display: block !important;
margin: 0 auto !important;
}
.cf7ic_instructions {
font-family: "light";
}