:root {
--kleur-donkergroen: #007A3E;
--kleur-lichtgroen: #A6CA56;
--kleur-oranje: #FF9300;
--kleur-lichtgrijs: #f5f5f5;
--kleur-oranje-hover: #c57200;
--kleur-tekst-donker: #707070;
--kleur-tekst-licht: #fff;
--primary-font: 'Encode Sans';
--secondary-font: 'Oxygen';
--third-font: 'Rancho';
}
@-webkit-keyframes animHeroPijl {
0% {
-webkit-transform: translateY(0px);
transform: translateY(0px);
}
25% {
-webkit-transform: translateY(10px);
transform: translateY(10px);
}
50% {
-webkit-transform: translateY(0px);
transform: translateY(0px);
}
100% {
-webkit-transform: translateY(0px);
transform: translateY(0px);
}
}
@keyframes animHeroPijl {
0% {
-webkit-transform: translateY(0px);
transform: translateY(0px);
}
25% {
-webkit-transform: translateY(10px);
transform: translateY(10px);
}
50% {
-webkit-transform: translateY(0px);
transform: translateY(0px);
}
100% {
-webkit-transform: translateY(0px);
transform: translateY(0px);
}
} * {
font-family: var(--secondary-font);
color: var(--kleur-tekst-donker);
padding: 0;
margin: 0;
font-size: 16px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
scroll-behavior: smooth;
}
iframe {
border: 0;
}
.mobileNavContainer {
display: none;
}
h1,
h2,
h3,
h4 {
font-family: var(--primary-font);
color: var(--kleur-donkergroen);
margin-bottom: 20px;
font-weight: 700;
}
p {
color: var(--kleur-tekst-donker);
margin-bottom: 20px;
line-height: 1.6em;
}
a {
text-decoration: none !important;
}
li {
color: var(--kleur-tekst-donker);
margin-bottom: 10px;
font-size: 1em;
}
img {
display: block;
margin: 0 auto;
max-width: 100%;
height: auto;
}
.fullWidthContainer {
width: 100%;
padding: 100px 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: distribute;
justify-content: space-around;
background-color: #fff;
}
.normalContainer {
width: 100%;
max-width: 1280px;
padding: 20px;
z-index: 5;
}
.flexColumn {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.achtergrondLichtGroen {
width: 100%;
padding: 100px 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: distribute;
justify-content: space-around;
background-color: var(--kleur-lichtgroen);
}
.achtergrondLichtGrijs {
background-color: var(--kleur-lichtgrijs);
background-image: url(//dewaltakke.nl/wp-content/themes/BMWD-theme/img/greyTopWhite.svg), url(//dewaltakke.nl/wp-content/themes/BMWD-theme/img/greyBottomWhite.svg);
background-position: top center, bottom center;
background-repeat: no-repeat;
}
.fullWidthTopContainer {
background-color: var(--kleur-lichtgroen);
height: 40px;
padding: 0 20px;
}
.fullWidthTopContainer .normalContainer {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 0;
}
.fullWidthTopContainer nav ul {
list-style-type: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.fullWidthTopContainer nav ul li {
margin: 0 20px;
}
.fullWidthTopContainer nav ul li:first-child {
margin-left: 0;
}
.fullWidthTopContainer nav ul li a {
color: var(--kleur-tekst-licht);
font-weight: 700;
font-size: 16px;
}
.fullWidthTopContainer .topMenuSocialContainer {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.fullWidthTopContainer .topMenuSocialContainer .topMenuSocialItem {
margin: 0 10px;
-webkit-transform: scale(0.8);
transform: scale(0.8);
-webkit-transition: .3s;
transition: .3s;
}
.fullWidthTopContainer .topMenuSocialContainer .topMenuSocialItem:last-child {
margin-right: 0;
}
.fullWidthTopContainer .topMenuSocialContainer .topMenuSocialItem img {
width: 24px;
height: 24px;
-webkit-transition: .3s;
transition: .3s;
}
.fullWidthTopContainer .topMenuSocialContainer .topMenuSocialItem img:hover {
-webkit-transform: scale(0.8);
transform: scale(0.8);
-webkit-transition: .3s;
transition: .3s;
}
.fullWidthTopContainer .topMenuSocialContainer .topMenuSocialItemFacebook img,
.fullWidthTopContainer .topMenuSocialContainer .topMenuSocialItemInstagram img {
margin-top: 2px;
width: 20px;
height: 20px;
}
.fullWidthNavBarContainer {
padding: 0 20px;
height: 100px;
padding-top: 20px;
}
.fullWidthNavBarContainer .normalContainer {
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.fullWidthNavBarContainer .logoContainer {
padding-bottom: 20px;
}
.fullWidthNavBarContainer .logoContainer img {
width: 200px;
}
.fullWidthNavBarContainer .navigatieContainer {
background-color: #fff;
}
.fullWidthNavBarContainer .navigatieContainer ul {
list-style-type: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.fullWidthNavBarContainer .navigatieContainer ul li {
margin: 0 50px;
position: relative;
-webkit-transition: .3s;
transition: .3s;
}
.fullWidthNavBarContainer .navigatieContainer ul li:last-child {
margin-right: 0;
}
.fullWidthNavBarContainer .navigatieContainer ul li:last-child .sub-menu {
width: 100px;
}
.fullWidthNavBarContainer .navigatieContainer ul li a {
color: var(--kleur-donkergroen);
font-weight: 700;
font-size: 16px;
}
.fullWidthNavBarContainer .navigatieContainer ul .sub-menu {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
position: absolute;
padding: 10px 0;
left: 0;
width: 200px;
opacity: 0;
pointer-events: none;
overflow: hidden;
z-index: 9998;
-webkit-transition: .3s;
transition: .3s;
}
.fullWidthNavBarContainer .navigatieContainer ul .sub-menu li {
margin: 0 0 10px 0 !important;
}
.fullWidthNavBarContainer .navigatieContainer ul .sub-menu li a {
font-size: 13px;
border-left: 2px solid transparent;
-webkit-transition: .3s;
transition: .3s;
}
.fullWidthNavBarContainer .navigatieContainer ul .sub-menu li a:hover {
padding-left: 5px;
border-left: 2px solid var(--kleur-oranje);
-webkit-transition: .3s;
transition: .3s;
}
.fullWidthNavBarContainer .navigatieContainer ul .sub-menu-open {
opacity: 1;
pointer-events: all;
-webkit-transition: .5s;
transition: .5s;
}
.fullWidthNavBarContainer .navigatieContainer ul .sub-menu-open-no-hover {
opacity: .3;
-webkit-transition: .3s;
transition: .3s;
}
.fullWidthNavBarContainer .mogelijkheden-menu-background {
position: absolute;
width: 100%;
height: 0;
opacity: 0;
top: 140px;
background-color: #fff;
z-index: 4;
-webkit-transition: .5s;
transition: .5s;
}
.fullWidthNavBarContainer .mogelijkheden-menu-background .fixedNavBorderBottom {
position: absolute;
bottom: -30px;
left: 0;
}
.fullWidthNavBarContainer .mogelijkheden-menu-background-open {
height: 300px;
opacity: 1;
-webkit-transition: .5s;
transition: .5s;
}
.homeFullWidthHeroContainer {
position: relative;
height: 805px;
background-color: #fff;
background-image: url(//dewaltakke.nl/wp-content/themes/BMWD-theme/img/homeHeroBackgroundTop.svg), url(//dewaltakke.nl/wp-content/themes/BMWD-theme/img/homeHeroBackgroundBottom2.svg);
background-position: top center, bottom center;
background-repeat: no-repeat;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: distribute;
justify-content: space-around;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.homeFullWidthHeroContainer .homeHeroBackground {
position: absolute;
-webkit-mask-image: url(//dewaltakke.nl/wp-content/themes/BMWD-theme/img/homeHeroMask.svg);
mask-image: url(//dewaltakke.nl/wp-content/themes/BMWD-theme/img/homeHeroMask.svg);
background-size: cover;
background-position: top center, bottom center;
background-repeat: no-repeat;
top: 10px;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
}
.homeFullWidthHeroContainer .homeHeroOverlay {
position: absolute;
-webkit-mask-image: url(//dewaltakke.nl/wp-content/themes/BMWD-theme/img/homeHeroMask.svg);
mask-image: url(//dewaltakke.nl/wp-content/themes/BMWD-theme/img/homeHeroMask.svg);
top: 10px;
left: 0;
width: 100%;
height: 100%;
background-color: var(--kleur-donkergroen);
opacity: 0.6;
z-index: 2;
}
.homeFullWidthHeroContainer .homeHeroInhoudContainer {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: distribute;
justify-content: space-around;
z-index: 3;
}
.homeFullWidthHeroContainer h3 {
color: var(--kleur-tekst-licht);
text-transform: uppercase;
font-size: 60px;
text-align: center;
}
.homeFullWidthHeroContainer .heroTekstThin {
color: var(--kleur-tekst-licht);
font-weight: 400;
}
.homeFullWidthHeroContainer .heroTekstThick {
font-family: var(--primary-font);
color: var(--kleur-tekst-licht);
font-weight: 900;
}
.homeFullWidthHeroContainer .heroKnopBoeken {
display: inline-block;
text-align: center;
font-size: 20px;
color: #fff;
font-weight: 900;
text-transform: uppercase;
font-family: var(--primary-font);
background-color: var(--kleur-oranje);
padding: 10px 20px;
border-radius: 25px;
margin: 50px auto;
-webkit-transition: .3s;
transition: .3s;
}
.homeFullWidthHeroContainer .heroKnopBoeken:hover {
background-color: var(--kleur-oranje-hover);
-webkit-transition: .3s;
transition: .3s;
}
.homeFullWidthHeroContainer .heroKnopPijl {
display: inline-block;
width: 60px;
margin: 100px auto 0 auto;
-webkit-animation: animHeroPijl 3s infinite;
animation: animHeroPijl 3s infinite;
-webkit-transition: .3s;
transition: .3s;
}
.homeFullWidthHeroContainer .heroKnopPijl:hover {
-webkit-transition: .3s;
transition: .3s;
}
.homeInleidingContainer h1,
.homeInleidingContainer p {
text-align: center;
margin-bottom: 20px;
}
.homeMogelijkhedenContainer {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 1fr 1fr;
grid-template-columns: 1fr 1fr 1fr;
-ms-grid-rows: 1fr 1fr;
grid-template-rows: 1fr 1fr;
grid-gap: 50px;
margin: 40px 0;
}
.homeMogelijkheidItem {
padding: 20px;
border-radius: 20px;
-webkit-box-shadow: 0px 2px 15px #ddd;
box-shadow: 0px 2px 15px #ddd;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.homeMogelijkheidItem .homeMogelijkheidItemTop {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin-bottom: 20px;
}
.homeMogelijkheidItem .itemTitel {
-ms-flex-item-align: start;
align-self: flex-start;
font-family: var(--third-font);
font-size: 2em;
letter-spacing: 1px;
font-weight: 400;
background-color: var(--kleur-donkergroen);
color: #fff;
margin: 20px 0 20px -20px;
padding: 10px 20px;
}
.homeMogelijkheidItem p {
color: var(--kleur-tekst-donker);
}
.homeMogelijkheidItem .itemStrong {
color: var(--kleur-tekst-donker);
font-weight: 700;
}
.homeMogelijkheidItem .homeMogelijkheidItemBottom {
min-height: 32px;
}
.homeMogelijkheidItem .itemLink {
-ms-flex-item-align: start;
align-self: flex-start;
color: var(--kleur-oranje);
text-transform: uppercase;
border: 2px solid var(--kleur-oranje);
padding: 10px 20px;
border-radius: 25px;
-webkit-transition: .3s;
transition: .3s;
}
.homeMogelijkheidItem .itemLink:hover {
background-color: var(--kleur-oranje-hover);
border: 2px solid var(--kleur-oranje-hover);
color: var(--kleur-tekst-licht);
-webkit-transition: .3s;
transition: .3s;
}
.fullHomeCTAContainer {
padding-top: 0;
}
.homeCTAContainer {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: distribute;
justify-content: space-around;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.homeCTAContainer h3 {
text-transform: uppercase;
font-size: 60px;
font-weight: 700;
text-align: center;
}
.homeCTAContainer h4 {
font-weight: 400;
text-transform: uppercase;
text-align: center;
font-size: 60px;
}
.homeCTAContainer .heroKnopBoeken {
display: inline-block;
text-align: center;
font-size: 20px;
color: #fff;
font-weight: 900;
text-transform: uppercase;
font-family: var(--primary-font);
background-color: var(--kleur-oranje);
padding: 10px 20px;
border-radius: 25px;
margin: 30px auto;
}
.homeCTAContainer .heroKnopBoeken:hover {
background-color: var(--kleur-oranje-hover);
-webkit-transition: .3s;
transition: .3s;
}
.achtergrondNatuurlijkeLijn {
background-image: url(//dewaltakke.nl/wp-content/themes/BMWD-theme/img/backgroundLightGreenDoubleLine.svg), url(//dewaltakke.nl/wp-content/themes/BMWD-theme/img/homeHeroBackgroundBottomWhite.svg);
background-position: top center, bottom center;
background-repeat: repeat-x;
}
.homeOverOnsContainer {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: distribute;
justify-content: space-around;
}
.homeOverOnsContainer h3 {
color: var(--kleur-tekst-licht);
text-align: center;
font-size: 2em;
margin-bottom: 20px;
}
.homeOverOnsContainer p {
color: var(--kleur-tekst-licht);
text-align: center;
}
.homeOverOnsContainer h4 {
color: var(--kleur-donkergroen);
text-align: center;
font-size: 2em;
font-weight: 400;
}
.homeOverOnsContainer img {
border-radius: 20px;
margin: 20px auto;
}
.accommOverzichtContainer {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-bottom: 100px;
}
.accommOverzichtContainer .accommOverzichtContainerLeft {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding-right: 60px;
}
.accommOverzichtContainer .accommOverzichtContainerLeft h2 {
font-size: 2em;
}
.accommOverzichtContainer .accommOverzichtContainerLeft .accommOverzichtButton {
-ms-flex-item-align: start;
align-self: flex-start;
color: var(--kleur-oranje);
text-transform: uppercase;
border: 2px solid var(--kleur-oranje);
padding: 10px 20px;
border-radius: 25px;
height: 44px;
font-weight: 700;
-webkit-transition: .3s;
transition: .3s;
}
.accommOverzichtContainer .accommOverzichtContainerLeft .accommOverzichtButton:hover {
background-color: var(--kleur-oranje-hover);
border: 2px solid var(--kleur-oranje-hover);
color: var(--kleur-tekst-licht);
-webkit-transition: .3s;
transition: .3s;
}
.accommOverzichtContainer .accommOverzichtContainerRight {
min-width: 320px;
padding-left: 20px;
}
.accommOverzichtContainer .accommOverzichtContainerRight img {
-webkit-box-shadow: 0 0 35px -20px #000;
box-shadow: 0 0 35px -20px #000;
border-radius: 20px;
}
.inhoudParagraafContainer {
margin-bottom: 40px;
}
.activiteitenInhoudContainer {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 1fr 1fr;
grid-template-columns: 1fr 1fr 1fr;
grid-gap: 50px;
padding: 0;
}
.activiteitenGridContainer {
grid-gap: 50px !important;
}
.activiteitDetailsContainer {
background-color: var(--kleur-donkergroen);
padding: 20px;
border-radius: 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.activiteitDetailsContainer h3 {
font-family: var(--third-font);
font-size: 2em;
letter-spacing: 1px;
font-weight: 400;
color: var(--kleur-tekst-licht);
background-color: var(--kleur-lichtgroen);
margin: 10px 0 40px -20px;
padding: 10px 0 10px 20px;
max-width: 200px;
}
.activiteitDetailsContainer table {
margin-bottom: 40px;
}
.activiteitDetailsContainer table tr {
height: 30px;
}
.activiteitDetailsContainer table tr td {
color: var(--kleur-tekst-licht);
}
.activiteitDetailsContainer table tr td:first-child {
font-weight: 700;
}
.activiteitDetailsContainer table tr:hover {
background-color: transparent !important;
}
.activiteitDetailsContainer .activiteitDetailsFooter {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.activiteitDetailsContainer .activiteitDetailsFooter .activiteitDetailsKostenContainer {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.activiteitDetailsContainer .activiteitDetailsFooter .activiteitDetailsKostenContainer .activiteitDetailsKostenLabelKostenPP {
color: var(--kleur-lichtgrijs);
margin-bottom: 0;
}
.activiteitDetailsContainer .activiteitDetailsFooter .activiteitDetailsKostenContainer .activiteitDetailsTarief {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: baseline;
-ms-flex-align: baseline;
align-items: baseline;
margin-bottom: 0;
}
.activiteitDetailsContainer .activiteitDetailsFooter .activiteitDetailsKostenContainer .activiteitDetailsTarief .activiteitDetailsTariefValuta {
color: var(--kleur-tekst-licht);
font-size: 50px;
line-height: 50px;
display: inline-block;
}
.activiteitDetailsContainer .activiteitDetailsFooter .activiteitDetailsKostenContainer .activiteitDetailsTarief .activiteitDetailsTariefValutaEuro {
color: var(--kleur-tekst-licht);
font-size: 50px;
line-height: 50px;
font-weight: 700;
display: inline-block;
}
.activiteitDetailsContainer .activiteitDetailsFooter .activiteitDetailsKostenContainer .activiteitDetailsTarief .activiteitDetailsTariefValutaCenten {
color: var(--kleur-tekst-licht);
font-size: 30px;
line-height: 35px;
display: inline-block;
-ms-flex-item-align: start;
align-self: flex-start;
}
.activiteitDetailsContainer .activiteitDetailsFooter .activiteitButton {
display: inline-block;
-ms-flex-item-align: end;
align-self: flex-end;
text-align: center;
font-size: 20px;
color: var(--kleur-tekst-licht);
font-weight: 700;
text-transform: uppercase;
font-family: var(--primary-font);
background-color: var(--kleur-oranje);
padding: 10px 20px;
border-radius: 25px;
-webkit-transition: .3s;
transition: .3s;
}
.activiteitDetailsContainer .activiteitDetailsFooter .activiteitButton:first-child {
margin-left: 0;
}
.activiteitDetailsContainer .activiteitDetailsFooter .activiteitButton:hover {
background-color: var(--kleur-oranje-hover);
-webkit-transition: .3s;
transition: .3s;
}
.activiteitenAfbeeldingFull {
padding-top: 0;
}
.activiteitenAfbeeldingFull .activiteitenAfbeeldingContainer {
grid-gap: 50px;
}
.activiteitenAfbeeldingFull .activiteitenAfbeeldingContainer img {
border-radius: 10px;
-webkit-box-shadow: 0 0 35px -20px #000;
box-shadow: 0 0 35px -20px #000;
}
.activiteitKaart {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
background-color: #fff;
padding: 20px;
border-radius: 20px;
-webkit-box-shadow: 0px 2px 15px #ddd;
box-shadow: 0px 2px 15px #ddd;
}
.activiteitKaart .activiteitKaartTop {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.activiteitKaart h3 {
-ms-flex-item-align: start;
align-self: flex-start;
font-family: var(--third-font);
font-size: 2em;
letter-spacing: 1px;
font-weight: 400;
background-color: var(--kleur-donkergroen);
color: #fff;
margin: 20px 0 20px -20px;
padding: 10px 20px;
}
.activiteitKaart p {
color: var(--kleur-tekst-donker);
}
.activiteitKaart a {
display: inline-block;
color: var(--kleur-oranje);
text-transform: uppercase;
border: 2px solid var(--kleur-oranje);
padding: 10px 20px;
border-radius: 25px;
height: 44px;
font-weight: 700;
-webkit-transition: .3s;
transition: .3s;
}
.activiteitKaart a:hover {
background-color: var(--kleur-oranje-hover);
border: 2px solid var(--kleur-oranje-hover);
color: var(--kleur-tekst-licht);
-webkit-transition: .3s;
transition: .3s;
}
.activiteitKaart .activiteitKaartFooter {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.activiteitKaart .activiteitKaartFooter .activiteitKaartTarief {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: baseline;
-ms-flex-align: baseline;
align-items: baseline;
margin-bottom: 0;
}
.activiteitKaart .activiteitKaartFooter .activiteitKaartTarief .activiteitKaartTariefValuta {
color: var(--kleur-lichtgroen);
font-size: 50px;
line-height: 50px;
display: inline-block;
}
.activiteitKaart .activiteitKaartFooter .activiteitKaartTarief .activiteitKaartTariefValutaEuro {
color: var(--kleur-lichtgroen);
font-size: 50px;
line-height: 50px;
font-weight: 700;
display: inline-block;
}
.activiteitKaart .activiteitKaartFooter .activiteitKaartTarief .activiteitKaartTariefValutaCenten {
color: var(--kleur-lichtgroen);
font-size: 30px;
line-height: 35px;
display: inline-block;
-ms-flex-item-align: start;
align-self: flex-start;
}
.buffetKaart {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
background-color: #fff;
padding: 20px;
border-radius: 20px;
-webkit-box-shadow: 0px 2px 15px #ddd;
box-shadow: 0px 2px 15px #ddd;
}
.buffetKaart .buffetKaartTop {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.buffetKaart h3 {
-ms-flex-item-align: start;
align-self: flex-start;
font-family: var(--third-font);
font-size: 2em;
letter-spacing: 1px;
font-weight: 400;
background-color: var(--kleur-donkergroen);
color: #fff;
margin: 20px 0 20px -20px;
padding: 10px 20px;
}
.buffetKaart p {
color: var(--kleur-tekst-donker);
}
.buffetKaart a {
display: inline-block;
color: var(--kleur-oranje);
text-transform: uppercase;
border: 2px solid var(--kleur-oranje);
padding: 10px 20px;
border-radius: 25px;
height: 44px;
font-weight: 700;
-webkit-transition: .3s;
transition: .3s;
}
.buffetKaart a:hover {
background-color: var(--kleur-oranje-hover);
border: 2px solid var(--kleur-oranje-hover);
color: var(--kleur-tekst-licht);
-webkit-transition: .3s;
transition: .3s;
}
.buffetKaart .buffetKaartFooter {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.buffetKaart .buffetKaartFooter .buffetKaartTarief {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: baseline;
-ms-flex-align: baseline;
align-items: baseline;
margin-bottom: 0;
}
.buffetKaart .buffetKaartFooter .buffetKaartTarief .buffetKaartTariefValuta {
color: var(--kleur-lichtgroen);
font-size: 50px;
line-height: 50px;
display: inline-block;
}
.buffetKaart .buffetKaartFooter .buffetKaartTarief .buffetKaartTariefValutaEuro {
color: var(--kleur-lichtgroen);
font-size: 50px;
line-height: 50px;
font-weight: 700;
display: inline-block;
}
.buffetKaart .buffetKaartFooter .buffetKaartTarief .buffetKaartTariefValutaCenten {
color: var(--kleur-lichtgroen);
font-size: 30px;
line-height: 35px;
display: inline-block;
-ms-flex-item-align: start;
align-self: flex-start;
}
.narrowHeroFullContainer {
position: relative;
height: 400px;
background-color: #fff;
background-image: url(//dewaltakke.nl/wp-content/themes/BMWD-theme/img/homeHeroBackgroundTop.svg), url(//dewaltakke.nl/wp-content/themes/BMWD-theme/img/homeHeroBackgroundBottom2.svg);
background-position: top center, bottom center;
background-repeat: no-repeat;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: distribute;
justify-content: space-around;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.narrowHeroFullContainer .narrowHeroBackground {
position: absolute;
-webkit-mask-image: url(//dewaltakke.nl/wp-content/themes/BMWD-theme/img/narrowHeroMask.svg);
mask-image: url(//dewaltakke.nl/wp-content/themes/BMWD-theme/img/narrowHeroMask.svg);
background-position: center;
background-repeat: none;
background-size: cover;
top: 10px;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
}
.narrowHeroFullContainer .narrowHeroOverlay {
position: absolute;
-webkit-mask-image: url(//dewaltakke.nl/wp-content/themes/BMWD-theme/img/narrowHeroMask.svg);
mask-image: url(//dewaltakke.nl/wp-content/themes/BMWD-theme/img/narrowHeroMask.svg);
top: 10px;
left: 0;
width: 100%;
height: 100%;
background-color: var(--kleur-donkergroen);
opacity: 0.8;
z-index: 2;
}
.narrowHeroFullContainer .narrowHeroInhoudContainer {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: distribute;
justify-content: space-around;
z-index: 3;
}
.narrowHeroFullContainer h1,
.narrowHeroFullContainer h3 {
color: var(--kleur-tekst-licht);
text-transform: uppercase;
font-size: 60px;
text-align: center;
font-weight: 700;
}
.contentGrid {
display: -ms-grid;
display: grid;
gap: 20px;
}
.grid1-1 {
-ms-grid-columns: 1fr 1fr;
grid-template-columns: 1fr 1fr;
}
.grid2-1 {
-ms-grid-columns: 2fr 1fr;
grid-template-columns: 2fr 1fr;
}
.grid1-1-1 {
-ms-grid-columns: 1fr 1fr 1fr;
grid-template-columns: 1fr 1fr 1fr;
}
.contentTextSectie h3 {
margin-bottom: 10px;
font-weight: 700;
}
.contentTextSectie ul {
margin: 0 0 60px 20px;
}
.contentTextSectie a {
color: var(--kleur-oranje);
font-weight: 700;
}
.contentTextSectie img {
margin: 20px 0 !important;
}
.accommInhoudButtonContainer {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
margin-top: 40px;
}
.accommInhoudButtonContainer .accommButton {
display: inline-block;
text-align: center;
font-size: 20px;
color: var(--kleur-tekst-licht);
font-weight: 900;
text-transform: uppercase;
font-family: var(--primary-font);
background-color: var(--kleur-oranje);
padding: 10px 20px;
border-radius: 25px;
margin: 0 20px;
-webkit-transition: .3s;
transition: .3s;
}
.accommInhoudButtonContainer .accommButton:first-child {
margin-left: 0;
}
.accommInhoudButtonContainer .accommButton:hover {
background-color: var(--kleur-oranje-hover);
-webkit-transition: .3s;
transition: .3s;
}
.contentGrid table {
width: 100%;
border-collapse: collapse;
}
.contentGrid table tr:hover {
background-color: var(--kleur-lichtgrijs);
}
.contentGrid table th {
background-color: var(--kleur-donkergroen);
color: #fff;
padding: 5px;
text-align: left;
}
.contentGrid table td {
padding: 5px;
cursor: default;
}
.contentGrid .tabelIndoorVoetbalTarieven th:nth-child(1), .contentGrid .tabelIndoorVoetbalTarieven th:nth-child(2) {
text-align: left;
}
.contentGrid .tabelIndoorVoetbalTarieven th:nth-child(3), .contentGrid .tabelIndoorVoetbalTarieven th:nth-child(4) {
text-align: center;
}
.contentGrid .tabelIndoorVoetbalTarieven td:nth-child(1), .contentGrid .tabelIndoorVoetbalTarieven td:nth-child(2) {
text-align: left;
}
.contentGrid .tabelIndoorVoetbalTarieven td:nth-child(3), .contentGrid .tabelIndoorVoetbalTarieven td:nth-child(4) {
text-align: center;
}
table.tarieven td:nth-child(1) {
width: 60%;
}
.video-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
border-radius: 20px;
overflow: hidden;
margin-top: 50px;
-webkit-transform: scale(0.75);
transform: scale(0.75);
}
.video-container iframe,
.video-container object,
.video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.contentFotoColumn {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding: 10px 0 0 40px;
}
.contentFotoColumn img {
margin-bottom: 40px;
border-radius: 20px;
-webkit-box-shadow: 0 0 35px -20px #000;
box-shadow: 0 0 35px -20px #000;
}
.contentFotoColumn .accommGalerijImageTrigger {
background-color: var(--kleur-lichtgroen);
width: 100%;
min-height: 275px;
border-radius: 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-shadow: 0 0 35px -20px #000;
box-shadow: 0 0 35px -20px #000;
}
.contentFotoColumn .accommGalerijImageTrigger h3 {
color: var(--kleur-tekst-licht);
text-align: center;
font-family: var(--third-font);
font-size: 50px;
font-weight: 400;
line-height: 50px;
}
.contentFotoColumn .accommGalerijImageTrigger p {
margin-bottom: 0;
padding: 5px 30px;
text-transform: uppercase;
color: var(--kleur-donkergroen);
background-color: #fff;
border-radius: 20px;
font-weight: 700;
}
.contentFotoColumn .accommGalerijImageTrigger .fotoTriggerButton {
cursor: pointer;
-webkit-transition: .3s;
transition: .3s;
}
.contentFotoColumn .accommGalerijImageTrigger .fotoTriggerButton:hover {
color: var(--kleur-tekst-licht);
background-color: var(--kleur-donkergroen);
-webkit-transition: .3s;
transition: .3s;
}
.contentFotoColumn iframe {
width: 100%;
max-height: 275px;
border-radius: 20px;
overflow: hidden;
}
.contentDividerFull {
padding: 75px 0;
background-color: #e4efcc;
background-image: url(//dewaltakke.nl/wp-content/themes/BMWD-theme/img/homeHeroBackgroundTopLichtGroen.svg), url(//dewaltakke.nl/wp-content/themes/BMWD-theme/img/homeHeroBackgroundBottomLichtGroen.svg);
background-position: center top, center bottom;
background-repeat: no-repeat;
}
.contentDividerContainer {
position: relative;
width: 100%;
border-radius: 20px;
background-size: cover;
background-position: center;
overflow: hidden;
background-color: grey;
height: 500px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.contentDividerContainer .contentDividerContainerOverlay {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background-color: var(--kleur-oranje);
opacity: 0.3;
z-index: 1;
}
.contentDividerContainer .contentDividerContainerInhoud {
width: 500px;
background-color: rgba(255, 147, 0, 0.7);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: distribute;
justify-content: space-around;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 40px;
z-index: 3;
}
.contentDividerContainer .contentDividerContainerInhoud h3 {
font-family: var(--third-font);
color: var(--kleur-tekst-licht);
letter-spacing: 1px;
text-align: center;
font-weight: 400;
font-size: 3.5em;
}
.optieSliderFull .normalContainer {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
overflow: hidden;
}
.optieSliderFull .normalContainer .sliderOptiesContainer {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: relative;
padding-bottom: 60px;
}
.optieSliderFull .normalContainer .sliderOptiesContainer .owl-stage {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.optieSliderFull .normalContainer .sliderOptiesContainer .owl-item {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.optieSliderFull .normalContainer .sliderOptiesContainer .owl-dots {
position: absolute;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 200px;
bottom: 0;
left: calc(50% - 100px);
}
.optieSliderFull .normalContainer .sliderOptiesContainer .owl-dots .owl-dot {
width: 20px;
height: 20px;
margin: 0 10px;
border-radius: 15px;
border: none;
background-color: var(--kleur-lichtgroen);
opacity: .5;
cursor: pointer;
}
.optieSliderFull .normalContainer .sliderOptiesContainer .owl-dots .active {
opacity: 1;
}
.sliderKaartOpties {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
height: 100%;
background-color: #fff;
padding: 20px;
border-radius: 20px;
-webkit-box-shadow: 0px 2px 15px #ddd;
box-shadow: 0px 2px 15px #ddd;
cursor: -webkit-grab;
cursor: grab;
}
.sliderKaartOpties h3 {
display: inline-block;
font-family: var(--third-font);
font-size: 2em;
letter-spacing: 1px;
font-weight: 400;
background-color: var(--kleur-donkergroen);
color: #fff;
margin: 20px 0 20px -20px;
padding: 10px 20px;
}
.sliderKaartOpties p {
color: var(--kleur-tekst-donker);
}
.sliderKaartOpties a {
display: inline-block;
color: var(--kleur-oranje);
text-transform: uppercase;
border: 2px solid var(--kleur-oranje);
padding: 10px 20px;
border-radius: 25px;
height: 44px;
font-weight: 700;
font-size: 16px !important;
-webkit-transition: .3s;
transition: .3s;
}
.sliderKaartOpties a:hover {
background-color: var(--kleur-oranje-hover);
border: 2px solid var(--kleur-oranje-hover);
color: var(--kleur-tekst-licht);
-webkit-transition: .3s;
transition: .3s;
}
.sliderKaartOpties .sliderKaartFooter {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.sliderKaartOpties .sliderKaartFooter .sliderKaartTarief {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: baseline;
-ms-flex-align: baseline;
align-items: baseline;
margin-bottom: 0;
}
.sliderKaartOpties .sliderKaartFooter .sliderKaartTarief .sliderKaartTariefValuta {
color: var(--kleur-lichtgroen);
font-size: 50px;
line-height: 50px;
display: inline-block;
}
.sliderKaartOpties .sliderKaartFooter .sliderKaartTarief .sliderKaartTariefValutaEuro {
color: var(--kleur-lichtgroen);
font-size: 50px;
line-height: 50px;
font-weight: 700;
display: inline-block;
}
.sliderKaartOpties .sliderKaartFooter .sliderKaartTarief .sliderKaartTariefValutaCenten {
color: var(--kleur-lichtgroen);
font-size: 30px;
line-height: 35px;
display: inline-block;
-ms-flex-item-align: start;
align-self: flex-start;
}
.sliderLaatsteKaart {
background-size: cover;
background-position: center;
position: relative;
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: distribute;
justify-content: space-around;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
overflow: hidden;
}
.sliderLaatsteKaart .sliderLaatsteKaartOverlay {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background-color: var(--kleur-oranje);
opacity: 0.7;
z-index: 1;
}
.sliderLaatsteKaart h2 {
color: var(--kleur-tekst-licht);
font-family: var(--third-font);
letter-spacing: 1px;
font-weight: 400;
font-size: 3em;
z-index: 3;
}
.sliderLaatsteKaart a {
color: var(--kleur-tekst-licht);
border-color: #fff;
z-index: 3;
-webkit-transition: .3s;
transition: .3s;
}
.sliderLaatsteKaart a:hover {
color: var(--kleur-oranje);
border-color: #fff;
background-color: #fff;
-webkit-transition: .3s;
transition: .3s;
}
.laatsteKaartBuffetten {
background-image: url(//dewaltakke.nl/wp-content/themes/BMWD-theme/img/buffet-placeholder.jpg);
}
.laatsteKaartActiviteiten {
background-image: url(//dewaltakke.nl/wp-content/themes/BMWD-theme/img/mogelijkheden-placeholder.jpg);
}
.laatsteKaartAccommodaties {
background-image: url(//dewaltakke.nl/wp-content/themes/BMWD-theme/img/mogelijkheden-placeholder.jpg);
}
.prijslijstDrankenSectie {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 1fr;
grid-template-columns: 1fr 1fr;
grid-gap: 30px;
}
.prijslijstDrankenSectie table tr td:first-child {
width: 210px;
}
.singleBoekenBackground {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 9999;
background-color: rgba(0, 0, 0, 0.8);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: distribute;
justify-content: space-around;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
opacity: 1;
-webkit-transition: .3s;
transition: .3s;
}
.singleBoekenContainer {
position: relative;
margin: 100px 0;
padding: 40px 20px;
overflow-y: scroll;
border-radius: 20px;
background-color: #fff;
height: 80%;
}
.singleBoekenClosed {
opacity: 0;
pointer-events: none;
-webkit-transition: .3s;
transition: .3s;
}
.singleBoekenButtonClose {
position: absolute;
top: 20px;
right: 20px;
width: 40px;
height: 40px;
background-color: var(--kleur-oranje);
color: #fff;
font-weight: 900;
border-radius: 5px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: distribute;
justify-content: space-around;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
cursor: pointer;
-webkit-transition: .3s;
transition: .3s;
}
.singleBoekenButtonClose:hover {
background-color: var(--kleur-oranje-hover);
-webkit-transition: .3s;
transition: .3s;
}
.singleLightboxBackground {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 9999;
background-color: rgba(0, 0, 0, 0.8);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: distribute;
justify-content: space-around;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
opacity: 1;
-webkit-transition: .3s;
transition: .3s;
}
.lightboxContainer {
width: 100%;
max-width: 800px;
padding: 20px;
height: auto;
background-color: #fff;
border-radius: 20px;
position: relative;
}
.lightboxContainerTop {
position: relative;
min-height: 570px;
}
.lightboxContainerTop picture {
position: absolute;
width: 100%;
height: auto;
top: 0;
left: 0;
opacity: 0;
pointer-events: none;
-webkit-transition: .3s;
transition: .3s;
}
.lightboxContainerTop .lightBoxImageActive {
opacity: 1;
pointer-events: none;
-webkit-transition: .3s;
transition: .3s;
}
.lightboxClosed {
opacity: 0;
pointer-events: none;
-webkit-transition: .3s;
transition: .3s;
}
.lightBoxCounterContainer {
width: 80px;
height: 30px;
background-color: rgba(255, 255, 255, 0.8);
position: absolute;
bottom: 20px;
left: calc(50% - 40px);
border-radius: 5px 5px 0 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.lightBoxCounterContainer .lightBoxCounter {
margin-right: 5px;
}
.lightBoxCounterContainer .lightBoxCounterTotaal {
margin-left: 5px;
}
.lightBoxButtonLeft {
position: absolute;
left: 20px;
top: calc(50% - 30px);
width: 30px;
height: 60px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: distribute;
justify-content: space-around;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background-color: var(--kleur-lichtgroen);
color: #fff;
font-weight: 900;
border-radius: 0 5px 5px 0;
cursor: pointer;
-webkit-transition: .3s;
transition: .3s;
}
.lightBoxButtonLeft:hover {
background-color: var(--kleur-donkergroen);
-webkit-transition: .3s;
transition: .3s;
}
.lightBoxButtonRight {
position: absolute;
right: 20px;
top: calc(50% - 30px);
width: 30px;
height: 60px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: distribute;
justify-content: space-around;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background-color: var(--kleur-lichtgroen);
color: #fff;
font-weight: 900;
border-radius: 5px 0 0 5px;
cursor: pointer;
-webkit-transition: .3s;
transition: .3s;
}
.lightBoxButtonRight:hover {
background-color: var(--kleur-donkergroen);
-webkit-transition: .3s;
transition: .3s;
}
.lightboxButtonClose {
position: absolute;
top: 20px;
right: 20px;
width: 40px;
height: 40px;
background-color: var(--kleur-oranje);
color: #fff;
font-weight: 900;
border-radius: 0 0 0 5px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: distribute;
justify-content: space-around;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
cursor: pointer;
-webkit-transition: .3s;
transition: .3s;
}
.lightboxButtonClose:hover {
background-color: var(--kleur-oranje-hover);
-webkit-transition: .3s;
transition: .3s;
}
.plattegrondImage {
border: 1px solid #000;
margin: 0;
}
.nf-before-form-content {
display: none;
}
.contactKnopVerzenden {
display: inline-block;
color: var(--kleur-oranje) !important;
background-color: #fff !important;
text-transform: uppercase;
border: 2px solid var(--kleur-oranje) !important;
padding: 10px 20px;
border-radius: 25px;
font-weight: 700;
cursor: pointer;
-webkit-transition: .3s;
transition: .3s;
}
.contactKnopVerzenden:hover {
color: var(--kleur-tekst-licht) !important;
background-color: var(--kleur-oranje) !important;
-webkit-transition: .3s;
transition: .3s;
}
.contactAdresLijst {
list-style-type: none;
margin: 0 0 20px 20px;
}
.contactMapsFull {
padding-bottom: 0;
}
.footerFullWidth {
background-color: var(--kleur-donkergroen);
min-height: 400px;
background-image: url(//dewaltakke.nl/wp-content/themes/BMWD-theme/img/footerBackground.png);
background-repeat: repeat-x;
background-position: bottom center;
-webkit-mask-image: url(//dewaltakke.nl/wp-content/themes/BMWD-theme/img/footerMask.svg);
mask-image: url(//dewaltakke.nl/wp-content/themes/BMWD-theme/img/footerMask.svg);
-webkit-mask-position: top;
mask-position: top;
-webkit-mask-size: cover;
mask-size: cover;
padding: 50px 0 100px 0;
margin-top: -30px;
}
.footerFullWidth .normalContainer {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: distribute;
justify-content: space-around;
}
.footerFullWidth .normalContainer .footerKolom h3 {
color: var(--kleur-tekst-licht);
font-size: 22px;
margin-bottom: 20px;
}
.footerFullWidth .normalContainer .footerKolom ul {
list-style-type: none;
margin-bottom: 40px;
}
.footerFullWidth .normalContainer .footerKolom li {
color: var(--kleur-tekst-licht);
margin-bottom: 8px;
}
.footerFullWidth .normalContainer .footerKolom a {
color: var(--kleur-tekst-licht);
}
.footerFullWidth .normalContainer .footerKolom .footerLink {
display: block;
font-weight: 700;
margin-bottom: 10px;
}
.footerFullWidth .normalContainer .footerKolom .footerLogo {
margin: 0 0 20px 0;
}
.footerFullWidth .normalContainer .footerKolom .footerLinkMail,
.footerFullWidth .normalContainer .footerKolom .footerLinkTel {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 1em;
margin-bottom: 10px;
}
.footerFullWidth .normalContainer .footerKolom .footerLinkMail img,
.footerFullWidth .normalContainer .footerKolom .footerLinkTel img {
margin-right: 10px;
}
.footerFullWidth .normalContainer .footerKolom .footerSocialContainer {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-top: 30px;
}
.footerFullWidth .normalContainer .footerKolom .footerSocialContainer .footerSocialLink {
margin-right: 15px;
}
.footerFullWidth .normalContainer .footerKolom .footerSocialContainer .footerSocialLink img {
width: 28px;
height: 28px;
}
.footerFullWidth .normalContainer .footerKolomPaddingTop {
padding-top: 50px;
}
.copyFullWidthContainer {
padding: 10px 20px;
background-color: #005b27;
}
.copyFullWidthContainer p {
font-size: 10px !important;
margin-bottom: 0;
color: #bbb;
}
.copyFullWidthContainer a {
font-size: 10px;
font-weight: 700;
color: #bbb;
}
.toTopWaltakkeButton {
position: fixed;
right: -80px;
bottom: 50px;
width: 70px;
height: 50px;
background-color: rgba(0, 122, 62, 0.6);
border-radius: 25px 0 0 25px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 20px;
z-index: 99996;
-webkit-transition: .3s;
transition: .3s;
}
.toTopWaltakkeButton:hover {
cursor: pointer;
background-color: #007a3e;
-webkit-transition: .3s;
transition: .3s;
}
.toTopWaltakkeButton img {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
width: 30px;
margin: 0;
}
.toTopButton-open {
right: 0;
-webkit-transition: .3s;
transition: .3s;
}
.splashScreen {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #fff;
opacity: 1;
z-index: 99999;
pointer-events: none;
-webkit-transition: .3s;
transition: .3s;
}
.headerDisclaimer {
margin: 40px 0 0 0;
}
@media (max-width: 1366px) {
.fullWidthNavBarContainer {
height: 150px;
}
.fullWidthNavBarContainer .normalContainer {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: distribute;
justify-content: space-around;
}
.fullWidthNavBarContainer .navigatieContainer ul li:last-child {
margin-right: 40px;
}
.mogelijkheden-menu-background .fixedNavBorderBottom {
bottom: -22px !important;
}
.homeMogelijkhedenContainer {
grid-gap: 30px;
}
.activiteitenInhoudContainer {
padding: 0 20px;
grid-gap: 30px;
}
.activiteitKaartFooter {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.activiteitKaartFooter .activiteitKaartTarief {
margin-bottom: 20px !important;
}
.buffetKaartFooter {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.buffetKaartFooter .buffetKaartTarief {
margin-bottom: 20px !important;
}
}
@media (max-width: 980px) {
.fullWidthNavBarContainer {
height: 100px;
}
.fullWidthNavBarContainer .normalContainer {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.mobileNavSwitchButton {
position: fixed;
right: 40px;
top: 75px;
width: 50px;
height: 56px;
color: var(--kleur-donkergroen);
background-color: #fff;
border-radius: 5px;
text-transform: uppercase;
margin: 0 -20px 0 0;
font-size: 12px;
font-weight: 700;
line-height: 16px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
cursor: pointer;
-webkit-transition: .3s;
transition: .3s;
}
.mobileNavSwitchButton .mobileNavSwitchBarsContainer {
position: relative;
width: 36px;
height: 24px;
top: 10px;
}
.mobileNavSwitchButton .mobileNavSwitchBarsContainer .mobileSwitchBar {
position: absolute;
width: 35px;
height: 4px;
border-radius: 3px;
background-color: var(--kleur-donkergroen);
left: 0;
-webkit-transition: .3s;
transition: .3s;
}
.mobileNavSwitchButton .mobileNavSwitchBarsContainer .bar1 {
top: 0;
}
.mobileNavSwitchButton .mobileNavSwitchBarsContainer .bar2 {
top: 10px;
}
.mobileNavSwitchButton .mobileNavSwitchBarsContainer .bar1 {
top: 20px;
}
.mobileNavSwitchButton .mobileSwitchBarOpen .bar1 {
top: 10px !important;
-webkit-transform: rotate(-45deg) !important;
transform: rotate(-45deg) !important;
}
.mobileNavSwitchButton .mobileSwitchBarOpen .bar2 {
top: 10px !important;
opacity: 0;
}
.mobileNavSwitchButton .mobileSwitchBarOpen .bar3 {
top: 10px !important;
-webkit-transform: rotate(45deg) !important;
transform: rotate(45deg) !important;
}
.mobileNavSwitchButton .mobileNavSwitchButtonSpan {
position: absolute;
font-size: 12px;
left: 7px;
top: 38px;
color: var(--kleur-donkergroen);
}
.mogelijkheden-menu-background,
.navigatieContainer {
display: none;
}
.mobileNavContainer {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 9999;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-transition: .3s;
transition: .3s;
}
.mobileNavContainer .mobileNavInhoud {
position: absolute;
top: 0;
left: 180px;
width: calc(100% - 140px);
height: 100%;
background-color: #fff;
-webkit-box-shadow: 2px 0 40px -15px #888;
box-shadow: 2px 0 40px -15px #888;
padding: 50px 60px 30px 35px;
overflow: scroll;
}
.mobileNavContainer .logoContainer {
margin-bottom: 20px;
}
.mobileNavContainer .logoContainer img {
margin: 0;
}
.mobileNavContainer #menu-mobiel-menu {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 1fr;
grid-template-columns: 1fr 1fr;
grid-gap: 40px;
list-style-type: none;
}
.mobileNavContainer #menu-mobiel-menu .menu-item-has-children a {
font-size: 1.3em;
font-weight: 700;
color: var(--kleur-donkergroen);
}
.mobileNavContainer #menu-mobiel-menu .sub-menu {
margin-top: 10px;
list-style-type: none;
}
.mobileNavContainer #menu-mobiel-menu .sub-menu li a {
font-size: 1em !important;
font-weight: 400 !important;
}
.mobileNavContainerClosed {
left: calc(100% - 140px);
-webkit-transition: .3s;
transition: .3s;
}
.homeFullWidthHeroContainer h3 {
font-size: 44px !important;
}
.narrowHeroFullContainer h1 {
font-size: 44px !important;
}
.homeMogelijkhedenContainer {
-ms-grid-columns: 1fr 1fr;
grid-template-columns: 1fr 1fr;
}
.overnachtenFullWidth {
padding-bottom: 0;
}
.overnachtenInhoudContainer {
margin-bottom: 0;
}
.accommOverzichtContainer {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
.accommOverzichtContainer .accommOverzichtContainerLeft {
padding: 0;
}
.accommOverzichtContainer .accommOverzichtContainerLeft .accommOverzichtButton {
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
}
.accommOverzichtContainer .accommOverzichtContainerRight {
padding: 0;
margin-bottom: 40px;
}
.grid1-1 {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
}
.grid2-1 {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
}
.grid1-1-1 {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
}
.contentTextSectie {
margin-bottom: 50px;
}
.contentFotoColumn {
padding: 0;
}
.activiteitenInhoudContainer {
-ms-grid-columns: 1fr 1fr;
grid-template-columns: 1fr 1fr;
}
.contentDividerContainerInhoud {
width: 300px !important;
}
.contentDividerContainerInhoud h3 {
font-size: 2.5em !important;
}
.homeCTAContainer h3 {
font-size: 44px !important;
}
.homeCTAContainer h4 {
font-size: 44px !important;
}
.lightboxContainer {
margin: 20px;
}
.lightboxContainerTop {
min-height: 392px;
}
.sliderOptiesContainer .owl-dots {
width: 260px !important;
left: calc(50% - 130px) !important;
}
.footerFullWidth .normalContainer {
padding: 20px 5px;
}
.footerKolomPaddingTop {
padding-top: 24px !important;
}
.footerLogo {
width: 180px;
}
}
@media (max-width: 600px) {
.mobileNavContainer {
padding: 50px 20px;
}
.mobileNavContainer .mobileNavInhoud {
left: 0;
width: 100%;
}
.mobileNavContainer .mobileNavInhoud .logoContainer {
margin-bottom: 20px;
}
.mobileNavContainerClosed {
left: 100%;
}
#menu-mobiel-menu {
-ms-grid-columns: 1fr !important;
grid-template-columns: 1fr !important;
grid-gap: 10px !important;
}
.fullWidthTopContainer .normalContainer {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.fullWidthTopContainer nav {
display: none;
}
.topMenuSocialContainer .topMenuSocialItem {
margin: 0 15px !important;
}
.narrowHeroFullContainer h1,
.narrowHeroFullContainer h3 {
font-size: 30px !important;
}
.homeMogelijkhedenContainer {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
}
.homeCTAContainer h3 {
font-size: 30px !important;
}
.homeCTAContainer h4 {
font-size: 30px !important;
}
.contentDividerContainerInhoud {
width: 100% !important;
}
.activiteitenInhoudContainer {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
}
.activiteitDetailsFooter {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.activiteitDetailsFooter .activiteitDetailsKostenContainer {
margin-bottom: 20px;
}
.activiteitDetailsFooter .activiteitButton {
display: block !important;
margin: 0 auto;
}
.accommInhoudButtonContainer {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.accommInhoudButtonContainer .accommButton {
width: 260px;
display: block;
margin: 20px auto !important;
}
.prijslijstDrankenSectie {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
}
.tabelIndoorVoetbalTarieven th,
.tabelIndoorVoetbalTarieven td {
font-size: 12px;
}
.sliderKaartFooter {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.sliderKaartFooter .sliderKaartTarief {
margin-bottom: 20px !important;
}
.footerFullWidth {
-webkit-mask-image: none;
mask-image: none;
}
.footerFullWidth .normalContainer {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.footerFullWidth .footerKolom {
padding-left: 40px;
margin-bottom: 40px;
}
}
@media (min-width: 1921px) {
.achtergrondLichtGrijs,
.contentDividerFull,
.narrowHeroFullContainer,
.achtergrondNatuurlijkeLijn,
.homeFullWidthHeroContainer {
background-image: none;
}
}