.cmplz-video.cmplz-iframe-styles{background-color:transparent}.cmplz-video.cmplz-hidden{visibility:hidden !important}.cmplz-blocked-content-notice{display:none}.cmplz-placeholder-parent{height:inherit}.cmplz-optin .cmplz-blocked-content-container .cmplz-blocked-content-notice,.cmplz-optin .cmplz-wp-video .cmplz-blocked-content-notice,.cmplz-optout .cmplz-blocked-content-container .cmplz-blocked-content-notice,.cmplz-optout .cmplz-wp-video .cmplz-blocked-content-notice{display:block}.cmplz-blocked-content-container,.cmplz-wp-video{animation-name:cmplz-fadein;animation-duration:600ms;background:#FFF;border:0;border-radius:3px;box-shadow:0 0 1px 0 rgba(0,0,0,0.5),0 1px 10px 0 rgba(0,0,0,0.15);display:flex;justify-content:center;align-items:center;background-repeat:no-repeat !important;background-size:cover !important;height:inherit;position:relative}.cmplz-blocked-content-container.gmw-map-cover,.cmplz-wp-video.gmw-map-cover{max-height:100%;position:absolute}.cmplz-blocked-content-container.cmplz-video-placeholder,.cmplz-wp-video.cmplz-video-placeholder{padding-bottom:initial}.cmplz-blocked-content-container iframe,.cmplz-wp-video iframe{visibility:hidden;max-height:100%;border:0 !important}.cmplz-blocked-content-container .cmplz-custom-accept-btn,.cmplz-wp-video .cmplz-custom-accept-btn{white-space:normal;text-transform:initial;cursor:pointer;position:absolute !important;width:100%;top:50%;left:50%;transform:translate(-50%,-50%);max-width:200px;font-size:14px;padding:10px;background-color:rgba(0,0,0,0.5);color:#fff;text-align:center;z-index:98;line-height:23px}.cmplz-blocked-content-container .cmplz-custom-accept-btn:focus,.cmplz-wp-video .cmplz-custom-accept-btn:focus{border:1px dotted #cecece}.cmplz-blocked-content-container .cmplz-blocked-content-notice,.cmplz-wp-video .cmplz-blocked-content-notice{white-space:normal;text-transform:initial;position:absolute !important;width:100%;top:50%;left:50%;transform:translate(-50%,-50%);max-width:300px;font-size:14px;padding:10px;background-color:rgba(0,0,0,0.5);color:#fff;text-align:center;z-index:98;line-height:23px}.cmplz-blocked-content-container .cmplz-blocked-content-notice .cmplz-links,.cmplz-wp-video .cmplz-blocked-content-notice .cmplz-links{display:block;margin-bottom:10px}.cmplz-blocked-content-container .cmplz-blocked-content-notice .cmplz-links a,.cmplz-wp-video .cmplz-blocked-content-notice .cmplz-links a{color:#fff}.cmplz-blocked-content-container .cmplz-blocked-content-notice .cmplz-blocked-content-notice-body,.cmplz-wp-video .cmplz-blocked-content-notice .cmplz-blocked-content-notice-body{display:block}.cmplz-blocked-content-container div div{display:none}.cmplz-wp-video .cmplz-placeholder-element{width:100%;height:inherit}@keyframes cmplz-fadein{from{opacity:0}to{opacity:1}}@font-face {
font-family: Clash;
src: url(//www.jeugdbeschermingstafeltwente.nl/wp-content/themes/Wordlenig-theme/fonts/ClashDisplay-Variable.ttf);
}
@font-face {
font-family: Overused;
src: url(//www.jeugdbeschermingstafeltwente.nl/wp-content/themes/Wordlenig-theme/fonts/OverusedGrotesk-Medium.otf);
font-weight: 500;
} :root {
--kleur-beige-licht: #fff7f0;
--kleur-beige-20: rgba(255, 202, 150, 0.2);
--kleur-beige-donker: #ffca96;
--kleur-blauw-donker: #121d58;
--kleur-paars: #322fe2;
--kleur-wit: #fff;
--kleur-tekst-donker: #121d58;
--kleur-tekst-licht: #fff;
--kleur-item-focus: green;
--primary-font: "Clash", sans-serif;
--secondary-font: "Overused", serif;
--third-font: ;
} * {
font-family: var(--primary-font);
color: var(--kleur-tekst-donker);
padding: 0;
margin: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
scroll-behavior: smooth;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
body {
background-color: var(--kleur-beige-licht);
scroll-behavior: smooth;
}
h1 {
font-size: 80px;
line-height: 80px;
font-weight: 600;
}
h2 {
font-size: 60px;
line-height: 60px;
margin-bottom: 40px;
font-weight: 600;
}
h3 {
font-weight: 600;
}
p {
font-family: var(--secondary-font);
margin-bottom: 20px;
font-size: 20px;
line-height: 1.6em;
font-weight: 500;
}
a {
text-decoration: none;
}
a:focus {
background-color: var(--kleur-item-focus) !important;
color: var(--kleur-tekst-licht) !important;
}
ul {
list-style-type: none;
}
ul li {
position: relative;
padding-left: 22px;
font-size: 20px;
line-height: 30px;
font-weight: 500;
}
ul li::before {
content: "";
position: absolute;
left: 0;
top: 5px;
width: 12px;
height: 20px;
background-image: url(//www.jeugdbeschermingstafeltwente.nl/wp-content/themes/Wordlenig-theme/img/caret-right-paars.svg);
background-size: cover;
background-position: center;
}
img {
display: block;
margin: 0 auto;
max-width: 100%;
height: auto;
}
.fullWidthContainer {
width: 100%;
padding: 100px 50px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: distribute;
justify-content: space-around;
}
.normalContainer {
width: 100%;
max-width: calc(100% - 100px);
max-width: 1500px;
z-index: 5;
}
.gridContainer {
display: grid;
}
.kolom-1-1 {
grid-template-columns: 1fr 1fr;
grid-gap: 100px;
}
.kolom-2-1 {
grid-template-columns: 2fr 1fr;
grid-gap: 100px;
}
.kolom-1-1-1 {
grid-template-columns: 1fr 1fr 1fr;
grid-gap: 50px;
}
.kolom-1-1-1-1 {
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-gap: 50px;
}
.button {
display: inline-block;
position: relative;
width: 225px;
height: 50px;
border-radius: 10px;
padding: 15px;
text-transform: lowercase;
font-weight: 500;
-webkit-transition: 0.6s;
transition: 0.6s;
}
.button:focus {
background-color: var(--kleur-item-focus) !important;
color: var(--kleur-tekst-licht);
}
.buttonPaars {
color: var(--kleur-tekst-licht);
background-color: var(--kleur-paars);
}
.buttonPaars:hover {
background-color: var(--kleur-blauw-donker);
-webkit-transition: 0.6s;
transition: 0.6s;
}
.buttonWit {
color: var(--kleur-tekst-donker);
background-color: var(--kleur-wit);
border: 2px solid rgba(0, 0, 0, 0.1);
}
.buttonWit::after {
content: "";
position: absolute;
right: 15px;
top: 0;
width: 35px;
height: 46px;
border-left: 2px solid rgba(0, 0, 0, 0.1);
background-image: url(//www.jeugdbeschermingstafeltwente.nl/wp-content/themes/Wordlenig-theme/img/arrow-right-donker-blauw.svg) !important;
background-position: right center;
background-repeat: no-repeat;
}
.buttonWit:hover {
color: var(--kleur-tekst-licht);
background-color: var(--kleur-paars);
-webkit-transition: 0.6s;
transition: 0.6s;
}
.buttonWit:hover:after {
background-image: url(//www.jeugdbeschermingstafeltwente.nl/wp-content/themes/Wordlenig-theme/img/arrow-right-white.svg) !important;
}
.buttonHero {
position: relative;
}
.buttonHero::before {
content: "";
position: absolute;
right: 50px;
top: 0;
height: 46px;
border-left: 2px solid rgba(0, 0, 0, 0.1);
}
.buttonHero .heroArrowContainer {
position: absolute;
width: 22px;
height: 22px;
right: 12px;
top: 12px;
overflow: hidden;
}
.buttonHero .heroArrowContainer .heroArrow {
position: absolute;
left: 0;
width: auto;
height: 28px;
-webkit-transition: 0.6s;
transition: 0.6s;
}
.buttonHero .heroArrowContainer .heroArrow1 {
top: -28px;
-webkit-transition: 0.6s;
transition: 0.6s;
}
.buttonHero .heroArrowContainer .heroArrow2 {
top: 0px;
-webkit-transition: 0.6s;
transition: 0.6s;
}
.buttonHero:hover > .heroArrowContainer .heroArrow1 {
top: 0;
-webkit-transition: 0.6s;
transition: 0.6s;
}
.buttonHero:hover > .heroArrowContainer .heroArrow2 {
top: 28px;
-webkit-transition: 0.6s;
transition: 0.6s;
}
.buttonArrowRight {
position: relative;
}
.buttonArrowRight::before {
content: "";
position: absolute;
right: 50px;
top: 0;
height: 46px;
border-left: 2px solid rgba(0, 0, 0, 0.1);
}
.buttonArrowRight .heroArrowContainer {
position: absolute;
width: 22px;
height: 22px;
right: 12px;
top: 10px;
overflow: hidden;
}
.buttonArrowRight .heroArrowContainer .heroArrow {
position: absolute;
top: 0;
width: auto;
height: 28px;
-webkit-transition: 0.6s;
transition: 0.6s;
}
.buttonArrowRight .heroArrowContainer .heroArrow1 {
left: -28px;
-webkit-transition: 0.6s;
transition: 0.6s;
}
.buttonArrowRight .heroArrowContainer .heroArrow2 {
left: 0px;
-webkit-transition: 0.6s;
transition: 0.6s;
}
.buttonArrowRight:hover > .heroArrowContainer .heroArrow1 {
left: 0;
-webkit-transition: 0.6s;
transition: 0.6s;
}
.buttonArrowRight:hover > .heroArrowContainer .heroArrow2 {
left: 28px;
-webkit-transition: 0.6s;
transition: 0.6s;
}
.fullWidthHeader {
padding: 60px 50px 60px 50px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.fullWidthHeader .headerContainer {
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;
}
.fullWidthHeader .headerContainer .headerNavButton {
background-color: var(--kleur-blauw-donker);
border-radius: 10px;
border: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
cursor: pointer;
overflow: hidden;
}
.fullWidthHeader .headerContainer .headerNavButton:focus {
background-color: var(--kleur-item-focus) !important;
}
.fullWidthHeader .headerContainer .headerNavButton .headerNavButtonLeft {
padding: 9px 14px;
min-width: 170px;
}
.fullWidthHeader .headerContainer .headerNavButton .headerNavButtonLeft p {
color: var(--kleur-tekst-licht);
text-align: left;
margin: 0;
text-transform: lowercase;
}
.fullWidthHeader .headerContainer .headerNavButton .headerNavButtonRight {
width: 50px;
position: relative;
}
.fullWidthHeader .headerContainer .headerNavButton .headerNavButtonRight .headerBar {
background-color: var(--kleur-wit);
height: 3px;
border-radius: 2px;
position: absolute;
right: 14px;
-webkit-transition: 0.6s;
transition: 0.6s;
}
.fullWidthHeader .headerContainer .headerNavButton .headerNavButtonRight .headerBar1 {
width: 26px;
top: 18px;
}
.fullWidthHeader .headerContainer .headerNavButton .headerNavButtonRight .headerBar2 {
width: 18px;
top: 28px;
}
.fullWidthHeader .headerContainer .headerNavButton:hover > .headerNavButtonRight .headerBar1 {
width: 18px;
-webkit-transition: 0.6s;
transition: 0.6s;
}
.fullWidthHeader .headerContainer .headerNavButton:hover > .headerNavButtonRight .headerBar2 {
width: 26px;
-webkit-transition: 0.6s;
transition: 0.6s;
}
.navigatieWrapper {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(11, 17, 49, 0.8);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
opacity: 0;
pointer-events: none;
z-index: 10;
-webkit-transition: 0.6s 0.3s;
transition: 0.6s 0.3s;
}
.navigatieWrapper .navBackgroundSpace {
width: 50%;
background-color: transparent !important;
border: 0;
}
.navigatieWrapper .navigatieContainer {
position: absolute;
top: 0;
right: -50%;
width: 50%;
height: 100%;
border-radius: 40px 0 0 40px;
background-color: var(--kleur-beige-donker);
padding: 60px 50px;
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;
-webkit-transition: 0.6s;
transition: 0.6s;
}
.navigatieWrapper .navigatieContainer .navigatieContainerTop {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.navigatieWrapper .navigatieContainer .navigatieContainerTop .navCloseButton {
position: relative;
width: 50px;
height: 50px;
border-radius: 50%;
border: 3px solid rgba(18, 29, 88, 0.2);
-webkit-transition: 0.6s;
transition: 0.6s;
}
.navigatieWrapper .navigatieContainer .navigatieContainerTop .navCloseButton:focus {
background-color: var(--kleur-item-focus) !important;
}
.navigatieWrapper .navigatieContainer .navigatieContainerTop .navCloseButton:focus .navCloseBar {
background-color: var(--kleur-wit) !important;
}
.navigatieWrapper .navigatieContainer .navigatieContainerTop .navCloseButton:hover {
cursor: pointer;
}
.navigatieWrapper .navigatieContainer .navigatieContainerTop .navCloseButton:hover .navCloseBar1 {
-webkit-transform: scale(1.5) rotate(45deg);
transform: scale(1.5) rotate(45deg);
-webkit-transition: 0.6s;
transition: 0.6s;
}
.navigatieWrapper .navigatieContainer .navigatieContainerTop .navCloseButton:hover .navCloseBar2 {
-webkit-transform: scale(1.5) rotate(-45deg);
transform: scale(1.5) rotate(-45deg);
-webkit-transition: 0.6s;
transition: 0.6s;
}
.navigatieWrapper .navigatieContainer .navigatieContainerTop .navCloseButton .navCloseBar {
position: absolute;
background-color: var(--kleur-blauw-donker);
width: 18px;
height: 3px;
border-radius: 3px;
-webkit-transition: 0.6s;
transition: 0.6s;
}
.navigatieWrapper .navigatieContainer .navigatieContainerTop .navCloseButton .navCloseBar1 {
top: 21px;
left: 14px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-transition: 0.6s;
transition: 0.6s;
}
.navigatieWrapper .navigatieContainer .navigatieContainerTop .navCloseButton .navCloseBar2 {
top: 21px;
left: 14px;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
-webkit-transition: 0.6s;
transition: 0.6s;
}
.navigatieWrapper .navigatieContainer .navigatieContainerMiddle .menu {
list-style-type: none;
}
.navigatieWrapper .navigatieContainer .navigatieContainerMiddle .menu li {
font-size: 40px;
line-height: 60px;
padding-left: 0;
}
.navigatieWrapper .navigatieContainer .navigatieContainerMiddle .menu li::before {
display: none;
}
.navigatieWrapper .navigatieContainer .navigatieContainerMiddle .menu li a {
font-weight: 600;
}
.navigatieWrapper .navigatieContainer .navigatieContainerMiddle .menu li a:hover {
border-bottom: 5px solid var(--kleur-paars);
}
.navigatieWrapper .navigatieContainer .navigatieContainerBottom {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.navigatieWrapper .navigatieContainer .navigatieContainerBottom p,
.navigatieWrapper .navigatieContainer .navigatieContainerBottom a {
font-size: 16px;
line-height: 16px;
font-weight: 400;
margin-bottom: 0;
}
.navigatieWrapper .navigatieContainer .navigatieContainerBottom .navigatieContainerBottomRight a:first-child {
margin-right: 50px;
}
.navWrapOpen {
pointer-events: auto;
opacity: 1;
-webkit-transition: 0.6s;
transition: 0.6s;
}
.navWrapOpen .navigatieContainer {
right: 0 !important;
-webkit-transition: 0.6s 0.3s;
transition: 0.6s 0.3s;
}
.heroFullWidth {
padding-top: 0;
}
.heroFullWidth .heroContainer {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.heroFullWidth .heroContainer .heroContainerWrapper {
width: 100%;
}
.heroFullWidth .heroContainer .heroContainerContent {
position: relative;
display: grid;
grid-template-columns: 2fr 1fr;
grid-gap: 50px;
background-color: var(--kleur-beige-donker);
border-radius: 20px;
padding: 100px;
}
.heroFullWidth .heroContainer .heroContainerContent .heroContainerContentLeft {
padding-right: 50px;
}
.heroFullWidth .heroContainer .heroContainerContent h1 {
font-size: 80px;
line-height: 80px;
margin-bottom: 40px;
}
.heroFullWidth .heroContainer .heroContainerContent .heroImage {
position: absolute;
right: 100px;
bottom: -50px;
width: 30%;
height: auto;
}
.uspFullWidthWhite {
background-color: var(--kleur-wit);
}
.uspContainer {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-gap: 200px;
}
.uspContainer .uspItem .uspIcon {
height: 72px;
margin: 0 0 40px 0;
}
.uspContainer .uspItem h3 {
font-size: 40px;
line-height: 30px;
margin-bottom: 20px;
}
.fotoTekstFullWidth .fotoTekstContainer {
display: grid;
grid-template-columns: 3fr 2fr;
grid-gap: 100px;
}
.fotoTekstFullWidth .fotoTekstContainer .fotoTekstContainerLeft {
height: 100%;
min-height: 800px;
position: relative;
}
.fotoTekstFullWidth .fotoTekstContainer .fotoTekstContainerLeft .fotoMask {
position: absolute;
width: 400px;
height: auto;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: cover;
mask-size: cover;
}
.fotoTekstFullWidth .fotoTekstContainer .fotoTekstContainerLeft .fotoMask1 {
left: 100px;
-webkit-mask-image: url(//www.jeugdbeschermingstafeltwente.nl/wp-content/themes/Wordlenig-theme/img/maskShape-1.svg);
mask-image: url(//www.jeugdbeschermingstafeltwente.nl/wp-content/themes/Wordlenig-theme/img/maskShape-1.svg);
}
.fotoTekstFullWidth .fotoTekstContainer .fotoTekstContainerLeft .fotoMask2 {
left: 320px;
top: 320px;
-webkit-mask-image: url(//www.jeugdbeschermingstafeltwente.nl/wp-content/themes/Wordlenig-theme/img/maskShape-2.svg);
mask-image: url(//www.jeugdbeschermingstafeltwente.nl/wp-content/themes/Wordlenig-theme/img/maskShape-2.svg);
-webkit-mask-size: 95%;
mask-size: 95%;
}
.fotoTekstFullWidth .fotoTekstContainer .fotoTekstContainerRight {
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;
}
.fotoTekstFullWidth .fotoTekstContainer .fotoTekstContainerRight h2 {
font-size: 60px;
line-height: 60px;
margin-bottom: 40px;
}
.partnersFullWidth {
position: relative;
padding: 0;
overflow: hidden;
}
.partnersFullWidth .partnerSliderContainer {
position: relative;
width: 100%;
}
.partnersFullWidth .partnerSliderContainer .owl-stage {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.partnersFullWidth .partnerSliderContainer .owl-nav {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 9;
}
.partnersFullWidth .partnerSliderContainer .owl-nav .owl-prev {
position: absolute;
top: calc(50% - 25px);
left: 50px;
width: 60px;
height: 50px;
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-image: url(//www.jeugdbeschermingstafeltwente.nl/wp-content/themes/Wordlenig-theme/img/arrow-left-white.svg);
background-size: 22px 32px;
background-position: center center;
background-repeat: no-repeat;
border: 0;
border-radius: 10px;
background-color: var(--kleur-paars);
cursor: pointer;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.partnersFullWidth .partnerSliderContainer .owl-nav .owl-prev:hover {
background-color: var(--kleur-blauw-donker);
-webkit-transition: 0.3s;
transition: 0.3s;
}
.partnersFullWidth .partnerSliderContainer .owl-nav .owl-next {
position: absolute;
top: calc(50% - 25px);
right: 50px;
width: 60px;
height: 50px;
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-image: url(//www.jeugdbeschermingstafeltwente.nl/wp-content/themes/Wordlenig-theme/img/arrow-right-white.svg);
background-size: 22px 32px;
background-position: center center;
background-repeat: no-repeat;
border: 0;
border-radius: 10px;
background-color: var(--kleur-paars);
cursor: pointer;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.partnersFullWidth .partnerSliderContainer .owl-nav .owl-next:hover {
background-color: var(--kleur-blauw-donker);
-webkit-transition: 0.3s;
transition: 0.3s;
}
.partnersFullWidth .partnerSliderContainer .owl-dots {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
z-index: 10;
}
.partnersFullWidth .partnerSliderContainer .owl-dots .owl-dot {
width: 18px;
height: 18px;
border-radius: 9px;
background-color: var(--kleur-blauw-donker);
border: 0;
margin: 0 5px;
cursor: pointer;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.partnersFullWidth .partnerSliderContainer .owl-dots .active {
background-color: var(--kleur-paars);
width: 36px;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.partnersFullWidth .partnerSliderOverlay {
position: absolute;
top: 0;
width: 300px;
height: 100%;
pointer-events: none;
z-index: 8;
}
.partnersFullWidth .partnerSliderOverlayLeft {
left: 0;
background: -webkit-gradient(linear, right top, left top, from(rgba(255, 247, 240, 0)), to(rgb(255, 247, 240)));
background: linear-gradient(to left, rgba(255, 247, 240, 0) 0%, rgb(255, 247, 240) 100%);
}
.partnersFullWidth .partnerSliderOverlayRight {
right: 0;
background: -webkit-gradient(linear, left top, right top, from(rgba(255, 247, 240, 0)), to(rgb(255, 247, 240)));
background: linear-gradient(to right, rgba(255, 247, 240, 0) 0%, rgb(255, 247, 240) 100%);
}
.backgroundBuffContainerFull {
min-height: 500px;
}
.hoeWerktFullWidth {
background-color: var(--kleur-wit);
height: 400px;
}
.hoeWerktFullWidth .hoeWerktContainer {
position: relative;
display: grid;
grid-template-columns: 1fr 1fr;
background-color: var(--kleur-wit);
border-radius: 40px;
background-size: auto;
background-position: right 100px;
background-repeat: no-repeat;
padding: 100px;
min-height: 800px;
border-top: 5px solid var(--kleur-beige-licht);
border-right: 5px solid var(--kleur-beige-licht);
border-left: 5px solid var(--kleur-beige-licht);
-webkit-transform: translateY(-500px);
transform: translateY(-500px);
}
.hoeWerktFullWidth .hoeWerktContainer .hoeWerktOverlay {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 200px;
background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(70%, rgb(255, 255, 255)), to(rgb(255, 255, 255)));
background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 70%, rgb(255, 255, 255) 100%);
}
.testimonialFullWidth {
background-color: var(--kleur-wit);
padding: 0;
}
.testimonialFullWidth .testimonialContainer {
display: grid;
grid-template-columns: 1fr 1fr;
padding: 0;
grid-gap: 50px;
}
.testimonialFullWidth .testimonialContainer .testimonialItem {
background-color: #000;
position: relative;
border-radius: 40px;
padding: 100px;
min-height: 700px;
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;
overflow: hidden;
-webkit-transition: 0.6s;
transition: 0.6s;
}
.testimonialFullWidth .testimonialContainer .testimonialItem .testimonialBackground {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-size: cover;
background-position: center;
opacity: 0.4;
-webkit-transition: 0.6s;
transition: 0.6s;
}
.testimonialFullWidth .testimonialContainer .testimonialItem .testimonialItemTop {
position: relative;
z-index: 2;
}
.testimonialFullWidth .testimonialContainer .testimonialItem .testimonialItemTop .testimonialTitel {
font-size: 60px;
line-height: 60px;
margin-bottom: 20px;
color: var(--kleur-tekst-licht);
-webkit-transition: 0.6s;
transition: 0.6s;
}
.testimonialFullWidth .testimonialContainer .testimonialItem .testimonialItemTop .testimonialTekst {
opacity: 0;
-webkit-transform: translateY(20px);
transform: translateY(20px);
-webkit-transition: 0.6s;
transition: 0.6s;
}
.testimonialFullWidth .testimonialContainer .testimonialItem .testimonialItemBottom {
position: relative;
z-index: 2;
}
.testimonialFullWidth .testimonialContainer .testimonialItem .testimonialItemBottom .testimonialNaam {
font-size: 26px;
line-height: 26px;
font-weight: 600;
margin-bottom: 0;
color: var(--kleur-tekst-licht);
-webkit-transition: 0.6s;
transition: 0.6s;
}
.testimonialFullWidth .testimonialContainer .testimonialItem .testimonialItemBottom .testimonialRol {
margin-bottom: 20px;
color: var(--kleur-tekst-licht);
-webkit-transition: 0.6s;
transition: 0.6s;
}
.testimonialFullWidth .testimonialContainer .testimonialItem .testimonialItemBottom .testimonialBron {
margin-bottom: 0;
font-size: 16px;
line-height: 18px;
color: var(--kleur-tekst-licht);
-webkit-transition: 0.6s;
transition: 0.6s;
}
.testimonialFullWidth .testimonialContainer .testimonialItem:hover {
background-color: var(--kleur-beige-donker);
-webkit-transition: 0.6s;
transition: 0.6s;
}
.testimonialFullWidth .testimonialContainer .testimonialItem:hover > .testimonialBackground {
opacity: 0;
-webkit-transition: 0.6s;
transition: 0.6s;
}
.testimonialFullWidth .testimonialContainer .testimonialItem:hover > .testimonialItemTop .testimonialTitel {
color: var(--kleur-tekst-donker);
-webkit-transition: 0.6s;
transition: 0.6s;
}
.testimonialFullWidth .testimonialContainer .testimonialItem:hover > .testimonialItemTop .testimonialTekst {
color: var(--kleur-tekst-donker);
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
-webkit-transition: 0.6s;
transition: 0.6s;
}
.testimonialFullWidth .testimonialContainer .testimonialItem:hover > .testimonialItemBottom .testimonialNaam {
color: var(--kleur-tekst-donker);
-webkit-transition: 0.6s;
transition: 0.6s;
}
.testimonialFullWidth .testimonialContainer .testimonialItem:hover > .testimonialItemBottom .testimonialRol {
color: var(--kleur-tekst-donker);
opacity: 0.6;
-webkit-transition: 0.6s;
transition: 0.6s;
}
.testimonialFullWidth .testimonialContainer .testimonialItem:hover > .testimonialItemBottom .testimonialBron {
color: var(--kleur-tekst-donker);
opacity: 0.6;
-webkit-transition: 0.6s;
transition: 0.6s;
}
.drieTafelsIntroFullWidth {
padding-bottom: 250px;
}
.drieTafelsIntroFullWidth .drieTafelsIntroContainer {
max-width: 800px;
}
.drieTafelsIntroFullWidth .drieTafelsIntroContainer h2 {
text-align: center;
}
.drieTafelsIntroFullWidth .drieTafelsIntroContainer p {
text-align: center;
}
.drieTafelsFullWidth {
background-color: var(--kleur-wit);
}
.drieTafelsFullWidth .drieTafelsContainer {
margin-top: -350px;
}
.drieTafelsFullWidth .drieTafelsContainer .drieTafelKolom {
height: 100%;
}
.drieTafelsFullWidth .drieTafelsContainer .drieTafelKolom img {
border-radius: 40px;
}
.drieTafelsFullWidth .drieTafelsContainer .drieTafelKolom .tafelContent {
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;
padding: 40px;
}
.drieTafelsFullWidth .drieTafelsContainer .drieTafelKolom .tafelContentTop {
margin-bottom: 40px;
}
.drieTafelsFullWidth .drieTafelsContainer .drieTafelKolom .tafelContentTop .tafelNummer {
color: var(--kleur-paars);
}
.drieTafelsFullWidth .drieTafelsContainer .drieTafelKolom .tafelContentTop h3 {
font-size: 30px;
line-height: 35px;
font-weight: 600;
min-height: 105px;
}
.drieTafelsFullWidth .drieTafelsContainer .drieTafelKolom .tafelContentBottom p {
margin-bottom: 40px;
}
.heroSingleTafelFullWidth {
position: relative;
background-color: var(--kleur-wit);
}
.heroSingleTafelFullWidth::after {
content: "";
position: absolute;
height: 50%;
width: 100%;
top: 0;
left: 0;
background-color: var(--kleur-beige-licht);
}
.stappenFoldOutFullWidth {
background-color: var(--kleur-wit);
}
.stappenFoldOutFullWidth .stappenFoldOutContainer {
position: relative;
max-width: 800px;
}
.stappenFoldOutFullWidth .stappenFoldOutContainer .stappenFoldOutCategorie {
padding: 0 70px 0 120px;
}
.stappenFoldOutFullWidth .stappenFoldOutContainer .stappenFoldOutCategorie .stapCategorieTitel {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.stappenFoldOutFullWidth .stappenFoldOutContainer .stappenFoldOutCategorie .stapCategorieTitel .stapCategorieTitelLeft {
width: 50px;
margin-right: 20px;
}
.stappenFoldOutFullWidth .stappenFoldOutContainer .stappenFoldOutCategorie .stapCategorieTitel .stapCategorieTitelCirkel {
width: 50px;
height: 50px;
border: 5px solid var(--kleur-beige-licht);
border-radius: 50%;
background-color: var(--kleur-beige-donker);
}
.stappenFoldOutFullWidth .stappenFoldOutContainer .stappenFoldOutCategorieVooraf {
margin-bottom: 100px;
}
.stappenFoldOutFullWidth .stappenFoldOutContainer .stappenFoldOutCategorieVooraf .stapCategorieTitelCirkel {
border: 5px solid #fff !important;
}
.stappenFoldOutFullWidth .stappenFoldOutContainer .stappenFoldOutCategorieVooraf .stapCategorieTitelVooraf {
position: relative;
padding-left: 60px;
}
.stappenFoldOutFullWidth .stappenFoldOutContainer .stappenFoldOutCategorieVooraf .stapCategorieTitelVooraf::after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 50px;
height: 50px;
background-image: url(//www.jeugdbeschermingstafeltwente.nl/wp-content/themes/Wordlenig-theme/img/stapCatVooraf.svg);
background-position: center center;
background-repeat: no-repeat;
background-size: auto;
}
.stappenFoldOutFullWidth .stappenFoldOutContainer .stappenFoldOutCategorieVooraf .stapSwitch {
border: 5px solid #fff !important;
}
.stappenFoldOutFullWidth .stappenFoldOutContainer .stappenFoldOutCategorieGesprek {
padding: 50px 70px 50px 120px;
background-color: var(--kleur-beige-20);
border-radius: 40px;
margin-bottom: 100px;
}
.stappenFoldOutFullWidth .stappenFoldOutContainer .stappenFoldOutCategorieGesprek .stapCategorieTitelGesprek {
position: relative;
padding-left: 60px;
}
.stappenFoldOutFullWidth .stappenFoldOutContainer .stappenFoldOutCategorieGesprek .stapCategorieTitelGesprek::after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 50px;
height: 50px;
background-image: url(//www.jeugdbeschermingstafeltwente.nl/wp-content/themes/Wordlenig-theme/img/stapCatGesprek.svg);
background-position: center center;
background-repeat: no-repeat;
background-size: auto;
}
.stappenFoldOutFullWidth .stappenFoldOutContainer .stappenFoldOutCategorieAchteraf .stapCategorieTitelCirkel {
border: 5px solid #fff !important;
}
.stappenFoldOutFullWidth .stappenFoldOutContainer .stappenFoldOutCategorieAchteraf .stapCategorieTitelAchteraf {
position: relative;
padding-left: 60px;
}
.stappenFoldOutFullWidth .stappenFoldOutContainer .stappenFoldOutCategorieAchteraf .stapCategorieTitelAchteraf::after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 50px;
height: 50px;
background-image: url(//www.jeugdbeschermingstafeltwente.nl/wp-content/themes/Wordlenig-theme/img/stapCatAchteraf.svg);
background-position: center center;
background-repeat: no-repeat;
background-size: auto;
}
.stappenFoldOutFullWidth .stappenFoldOutContainer .stappenFoldOutCategorieAchteraf .stapSwitch {
border: 5px solid #fff !important;
}
.stappenFoldOutFullWidth .stappenLijn {
position: absolute;
top: 30px;
left: 140px;
width: 10px;
height: calc(100% - 30px);
background-color: var(--kleur-beige-20);
z-index: -1;
}
.stappenFoldOutFullWidth .stapItemWrapper .stapItemTop {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
cursor: pointer;
background-color: transparent;
border: 0;
}
.stappenFoldOutFullWidth .stapItemWrapper .stapItemTop .stapItemTopLeft {
position: relative;
width: 50px;
height: 30px;
margin-right: 20px;
}
.stappenFoldOutFullWidth .stapItemWrapper .stapItemTop .stapItemTopLeft .stapSwitch {
position: absolute;
top: 0;
left: 10px;
width: 30px;
height: 30px;
border-radius: 50%;
border: 5px solid var(--kleur-beige-licht);
background-color: var(--kleur-beige-donker);
background-image: url(//www.jeugdbeschermingstafeltwente.nl/wp-content/themes/Wordlenig-theme/img/plus.svg);
background-size: auto;
background-repeat: no-repeat;
background-position: center center;
-webkit-transition: 0.6s;
transition: 0.6s;
}
.stappenFoldOutFullWidth .stapItemWrapper .stapItemTop .stapSwitchOpen .stapSwitch {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-transition: 0.6s;
transition: 0.6s;
}
.stappenFoldOutFullWidth .stapItemWrapper .stapItemTop .stapItemTopRight h3 {
font-size: 30px;
line-height: 30px;
font-weight: 500;
}
.stappenFoldOutFullWidth .stapItemWrapper .stapItemBottom {
padding: 20px 0 0 70px;
height: 0;
overflow: hidden;
-webkit-transition: 0.6s;
transition: 0.6s;
}
.heroContactFullWidth {
height: auto !important;
padding-top: 0;
background-color: var(--kleur-wit);
}
.heroContactFullWidth::after {
content: "";
position: absolute;
height: 550px;
width: 100%;
top: 0;
left: 0;
background-color: var(--kleur-beige-licht);
}
.heroContactFullWidth .heroContainer .heroContainerContactContent .heroContainerContentLeft {
position: relative;
background-color: var(--kleur-beige-donker);
border-radius: 40px;
padding: 100px;
}
.heroContactFullWidth .heroContainer .heroContainerContactContent .heroContainerContentLeft h1 {
margin-bottom: 20px;
}
.heroContactFullWidth .heroContainer .heroContainerContactContent .heroContainerContentLeft p {
margin-bottom: 40px;
}
.heroContactFullWidth .heroContainer .heroContainerContactContent .heroContainerContentLeft .contactFormBijschrift {
bottom: 120px;
}
.heroContactFullWidth .heroContainer .heroContainerContactContent .heroContainerContentLeft .contactFormBijschrift p {
margin-bottom: 0;
}
.heroContactFullWidth .heroContainer .heroContainerContactContent .heroContainerContentRight {
padding-top: 200px;
}
.heroContactFullWidth .heroContainer .heroContainerContactContent .heroContainerContentRight .heroContainerContentRightTop {
margin-bottom: 100px;
}
.heroContactFullWidth .nf-error .nf-error-msg {
color: #b80000 !important;
}
.heroContactFullWidth .nf-error .nf-error-msg .ninja-forms-req-symbol {
color: #b80000 !important;
}
.heroContactFullWidth .nf-before-form-content {
display: none;
}
.heroContactFullWidth .nf-form-content {
padding: 0;
}
.heroContactFullWidth .nf-field {
background-color: var(--kleur-wit);
border-radius: 10px;
border: 1px solid var(--kleur-tekst-donker);
}
.heroContactFullWidth .submit-container .nf-field {
border: 0 !important;
}
.heroContactFullWidth .label-left .nf-field-label {
width: 120px;
text-align: left;
padding: 0 0 0 20px;
}
.heroContactFullWidth .label-left .nf-field-element {
width: calc(100% - 120px);
}
.heroContactFullWidth .label-left .nf-field-element input:not([type="button"]) {
border: 0;
border-left: 1px solid var(--kleur-tekst-donker);
background-color: transparent;
}
.heroContactFullWidth .label-left .nf-field-element textarea.ninja-forms-field {
border: 0;
border-left: 1px solid var(--kleur-tekst-donker);
background-color: transparent;
}
.heroContactFullWidth .textarea-container .nf-field-label {
margin-top: 14px !important;
}
.heroContactFullWidth .nf-after-field {
margin-left: 0 !important;
}
.heroContactFullWidth .nf-error .ninja-forms-field {
border-color: #b80000 !important;
}
.heroContactFullWidth .nf-error.field-wrap .nf-field-element:after {
height: 50px;
border-radius: 0 10px 10px 0;
top: 0;
right: 0;
bottom: 0;
background: #b80000;
}
.heroContactFullWidth .submit-container {
margin-bottom: 0 !important;
}
.heroContactFullWidth .submit-container .nf-field {
background-color: transparent !important;
}
.heroContactFullWidth .submit-wrap .nf-field-label {
display: none;
}
.heroContactFullWidth .submit-wrap .nf-field-element {
width: 200px !important;
background-color: transparent !important;
}
.heroContactFullWidth .submit-wrap .nf-field-element input[type="submit"] {
width: 100%;
border: 0;
border-radius: 10px;
background-color: var(--kleur-paars);
cursor: pointer;
overflow: hidden;
}
.heroContactFullWidth .submit-wrap .nf-field-element input[type="submit"]:hover {
color: var(--kleur-wit);
background-color: var(--kleur-blauw-donker);
}
.heroContactFullWidth .contactAdresLijst {
margin-bottom: 20px;
}
.heroContactFullWidth .contactAdresLijst li {
padding-left: 0;
}
.heroContactFullWidth .contactAdresLijst li::before {
display: none;
}
.heroContactFullWidth .contactAdresLijst .titelLijst {
font-weight: 600;
}
.heroContactFullWidth .contactAdresLijst .contactEmailLink {
word-break: break-all;
color: var(--kleur-paars);
}
.heroContactFullWidth .contactAdresLijst .contactFAQLink {
color: var(--kleur-paars);
}
.heroContactFullWidth .contactFormBijschrift {
position: absolute;
bottom: 20px;
right: 200px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.heroContactFullWidth .contactFormBijschrift .contactFormBijschriftLeft {
padding-right: 20px;
}
.heroContactFullWidth .contactFormBijschrift .contactFormBijschriftRight p {
font-size: 16px;
line-height: 18px;
margin-bottom: 0;
}
.locatiesIntroFullWidth {
background-color: var(--kleur-wit);
padding-bottom: 0;
}
.locatiesIntroFullWidth .locatiesIntroContainer {
max-width: 800px;
}
.locatiesIntroFullWidth .locatiesIntroContainer h2 {
text-align: center;
}
.locatiesIntroFullWidth .locatiesIntroContainer p {
text-align: center;
}
.locatiesFullWidth {
padding: 0 50px;
background-color: var(--kleur-wit);
}
.locatiesFullWidth .locatieItem img {
border-radius: 40px;
}
.locatiesFullWidth .locatieItem .locatieContent {
padding: 30px;
}
.locatiesFullWidth .locatieItem .locatieContent h3 {
font-size: 30px;
line-height: 35px;
margin-bottom: 20px;
}
.locatiesFullWidth .locatieItem .locatieContent ul {
list-style-type: none;
}
.locatiesFullWidth .locatieItem .locatieContent ul li {
padding-left: 0;
line-height: 30px;
}
.locatiesFullWidth .locatieItem .locatieContent ul li::before {
display: none;
}
.locatiesFullWidth .locatieItem .locatieContent ul .locatieGoogleLink {
margin-top: 20px;
}
.locatiesFullWidth .locatieItem .locatieContent ul .locatieGoogleLink a {
color: var(--kleur-paars);
}
.heroFAQFullWidth {
background-color: var(--kleur-wit);
padding-top: 0;
height: auto;
}
.heroFAQFullWidth::after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 320px;
background-color: var(--kleur-beige-licht);
}
.heroFAQFullWidth .heroContentContainer {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
background-color: var(--kleur-beige-donker);
border-radius: 20px;
padding: 100px;
width: 100%;
}
.faqFullWidth {
background-color: var(--kleur-wit);
padding: 0 50px 50px 50px;
}
.faqFullWidth .faqContentContainer {
max-width: 1000px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.faqFullWidth .faqCategorieContainer {
margin-bottom: 100px;
}
.faqContainer {
position: relative;
border-bottom: 2px solid var(--kleur-beige-licht);
margin-bottom: 20px;
}
.faqContainer .faqContainerTop {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-bottom: 20px;
padding-right: 10px;
}
.faqContainer .faqContainerTop .faqQuestion {
font-family: var(--secondary-font);
font-size: 20px;
font-weight: 600;
cursor: pointer;
margin-bottom: 0;
padding-right: 20px;
}
.faqContainer .faqContainerTop .faqSwitch {
position: relative;
width: 40px;
min-width: 40px;
height: 40px;
border-radius: 50%;
background-color: transparent;
border: 2px solid var(--kleur-blauw-donker);
cursor: pointer;
}
.faqContainer .faqContainerTop .faqSwitch:focus {
background-color: var(--kleur-item-focus) !important;
}
.faqContainer .faqContainerTop .faqSwitch:focus .faqBar {
background-color: var(--kleur-wit) !important;
}
.faqContainer .faqContainerTop .faqSwitch .faqBar1 {
position: absolute;
width: 14px;
height: 2px;
background-color: var(--kleur-blauw-donker);
top: 18px;
left: 12px;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.faqContainer .faqContainerTop .faqSwitch .faqBar2 {
position: absolute;
width: 14px;
height: 2px;
background-color: var(--kleur-blauw-donker);
top: 18px;
left: 12px;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
-webkit-transition: 0.3s;
transition: 0.3s;
}
.faqContainer .faqContainerTop .faqSwitch:hover {
border: 2px solid var(--kleur-paars);
-webkit-transition: 0.3s;
transition: 0.3s;
}
.faqContainer .faqContainerTop .faqSwitch:hover > .faqBar {
background-color: var(--kleur-paars);
-webkit-transition: 0.3s;
transition: 0.3s;
}
.faqContainer .faqContainerTop .faqSwitchOpen {
border: 2px solid var(--kleur-paars);
}
.faqContainer .faqContainerTop .faqSwitchOpen .faqBar1 {
opacity: 0;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.faqContainer .faqContainerTop .faqSwitchOpen .faqBar2 {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
background-color: var(--kleur-paars);
-webkit-transition: 0.3s;
transition: 0.3s;
}
.faqContainer .faqContainerBottom {
height: 0;
overflow: hidden;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.faqContainer .faqContainerBottom .faqAntwoordContainer {
padding: 0 75px 0 0;
}
.faqContainer .faqContainerBottom p {
font-size: 16px;
font-family: var(--third-font);
}
.faqContainer .faqContainerBottom a {
font-size: 16px;
text-decoration: underline;
}
.faqContainer .faqContainerBottom ul {
padding-left: 30px;
}
.faqContainer .faqContainerBottom ul li {
font-size: 16px;
}
.faqContainer .faqContainerBottom ul li a {
font-size: 16px;
text-decoration: underline;
}
.faqContactFullWidth {
background-color: var(--kleur-wit);
padding: 0 50px;
}
.faqContactFullWidth .faqContactContentContainer {
background-color: var(--kleur-beige-donker);
border-radius: 40px;
padding: 20px;
padding: 100px;
}
.faqContactFullWidth .faqContactContentContainer .faqContactContainerLeft {
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;
}
.faqContactFullWidth .faqContactContentContainer .faqContactContainerRight {
position: relative;
}
.faqContactFullWidth .faqContactContentContainer .faqContactContainerRight .nf-error .nf-error-msg {
color: #b80000 !important;
}
.faqContactFullWidth .faqContactContentContainer .faqContactContainerRight .nf-error .nf-error-msg .ninja-forms-req-symbol {
color: #b80000 !important;
}
.faqContactFullWidth .faqContactContentContainer .faqContactContainerRight .nf-before-form-content {
display: none;
}
.faqContactFullWidth .faqContactContentContainer .faqContactContainerRight .nf-form-content {
padding: 0;
}
.faqContactFullWidth .faqContactContentContainer .faqContactContainerRight .nf-field {
background-color: var(--kleur-wit);
border-radius: 10px;
border: 1px solid var(--kleur-tekst-donker);
}
.faqContactFullWidth .faqContactContentContainer .faqContactContainerRight .submit-container .nf-field {
border: 0 !important;
}
.faqContactFullWidth .faqContactContentContainer .faqContactContainerRight .label-left .nf-field-label {
width: 120px;
text-align: left;
padding: 0 0 0 20px;
}
.faqContactFullWidth .faqContactContentContainer .faqContactContainerRight .label-left .nf-field-element {
width: calc(100% - 120px);
}
.faqContactFullWidth .faqContactContentContainer .faqContactContainerRight .label-left .nf-field-element input:not([type="button"]) {
border: 0;
border-left: 1px solid var(--kleur-tekst-donker);
background-color: transparent;
}
.faqContactFullWidth .faqContactContentContainer .faqContactContainerRight .label-left .nf-field-element textarea.ninja-forms-field {
border: 0;
border-left: 1px solid var(--kleur-tekst-donker);
background-color: transparent;
}
.faqContactFullWidth .faqContactContentContainer .faqContactContainerRight .textarea-container .nf-field-label {
margin-top: 14px !important;
}
.faqContactFullWidth .faqContactContentContainer .faqContactContainerRight .nf-after-field {
margin-left: 0 !important;
}
.faqContactFullWidth .faqContactContentContainer .faqContactContainerRight .nf-error .ninja-forms-field {
border-color: #b80000 !important;
}
.faqContactFullWidth .faqContactContentContainer .faqContactContainerRight .nf-error.field-wrap .nf-field-element:after {
height: 50px;
border-radius: 0 10px 10px 0;
top: 0;
right: 0;
bottom: 0;
background: #b80000;
}
.faqContactFullWidth .faqContactContentContainer .faqContactContainerRight .submit-container {
margin-bottom: 0 !important;
}
.faqContactFullWidth .faqContactContentContainer .faqContactContainerRight .submit-container .nf-field {
background-color: transparent !important;
}
.faqContactFullWidth .faqContactContentContainer .faqContactContainerRight .submit-wrap .nf-field-label {
display: none;
}
.faqContactFullWidth .faqContactContentContainer .faqContactContainerRight .submit-wrap .nf-field-element {
width: 200px !important;
background-color: transparent !important;
}
.faqContactFullWidth .faqContactContentContainer .faqContactContainerRight .submit-wrap .nf-field-element input[type="submit"] {
width: 100%;
border: 0;
border-radius: 10px;
background-color: var(--kleur-paars);
cursor: pointer;
overflow: hidden;
}
.faqContactFullWidth .faqContactContentContainer .faqContactContainerRight .submit-wrap .nf-field-element input[type="submit"]:hover {
color: var(--kleur-wit);
background-color: var(--kleur-blauw-donker);
}
.faqContactFullWidth .faqContactContentContainer .faqContactContainerRight .contactFormBijschrift {
position: absolute;
bottom: 20px;
right: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.faqContactFullWidth .faqContactContentContainer .faqContactContainerRight .contactFormBijschrift .contactFormBijschriftLeft {
padding-right: 20px;
}
.faqContactFullWidth .faqContactContentContainer .faqContactContainerRight .contactFormBijschrift .contactFormBijschriftRight p {
font-size: 16px;
line-height: 18px;
margin-bottom: 0;
}
.nf-error-msg {
color: #b80000 !important;
}
.contentHeroFullWidth {
position: relative;
background-color: var(--kleur-wit);
padding: 0 50px;
}
.contentHeroFullWidth::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 50%;
background-color: var(--kleur-beige-licht);
}
.contentFullWidthContainer {
padding-bottom: 0;
background-color: var(--kleur-wit);
}
.contentFullWidthContainer .contentContainer {
padding: 0 100px;
}
.profInleidingFullWidthContainer {
background-color: var(--kleur-wit);
}
.profInleidingFullWidthContainer .profInleidingContainer {
padding: 0 100px;
}
.professionalFullWidth {
background-color: var(--kleur-beige-licht);
}
.professionalFullWidth .professionalContainer {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding: 0 100px;
}
.professionalFullWidth .professionalContainer .professionalContainerStap .professionalContainerStapTop {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 20px;
cursor: pointer;
background-color: transparent !important;
border: 0;
}
.professionalFullWidth .professionalContainer .professionalContainerStap .professionalContainerStapTop .professionalContainerStapLeft {
width: 85px;
margin-right: 40px;
}
.professionalFullWidth .professionalContainer .professionalContainerStap .professionalContainerStapTop .professionalContainerStapRight h2 {
font-size: 30px;
line-height: 40px;
margin-bottom: 0;
border-bottom: 5px solid var(--kleur-paars);
}
.professionalFullWidth .professionalContainer .professionalContainerStap .professionalContainerStapBottom {
padding: 0 0 0 125px;
overflow: hidden;
height: 0;
-webkit-transition: 1s;
transition: 1s;
}
.professionalFullWidth .professionalContainer .professionalContainerStap .professionalContainerStapBottom .professionalContainerStapBottomBottom {
background-color: var(--kleur-wit);
padding: 40px;
border-radius: 20px;
margin-bottom: 20px;
}
.professionalFullWidth .professionalContainer .professionalContainerStap .professionalContainerStapBottom .professionalContainerStapBottomBottom h3 {
font-size: 20px;
margin-bottom: 30px;
}
.professionalFullWidth .professionalContainer .professionalContainerStap .professionalContainerStapBottom .professionalContainerStapBottomBottom .profDownloadLijst li {
margin-bottom: 10px;
}
.professionalFullWidth .professionalContainer .professionalContainerStap .professionalContainerStapRechts {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.professionalFullWidth .professionalContainer .professionalContainerStap .professionalContainerStapRechts .profLarge {
-ms-flex-item-align: start;
align-self: flex-start;
margin: 0;
}
.profPraktischFullWidth {
background-color: var(--kleur-wit);
padding-bottom: 0;
}
.profPraktischFullWidth .profPraktischContainer {
padding: 100px;
}
.profPraktischFullWidth table th {
text-align: left;
font-size: 20px;
line-height: 30px;
}
.profPraktischFullWidth table th:first-child {
width: 250px;
}
.profPraktischFullWidth table td {
font-size: 20px;
line-height: 30px;
font-weight: 500;
}
.profFaqFullWidth {
background-color: var(--kleur-wit);
}
.profFaqFullWidth .profFaqContentContainer {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
max-width: 1000px;
}
.profFaqFullWidth .profFaqContentContainer h3 {
font-size: 60px;
line-height: 75px;
font-weight: 600;
text-align: center;
margin-bottom: 40px;
}
.fullWidthFooter {
background-color: var(--kleur-wit);
padding-bottom: 50px;
}
.fullWidthFooter .footerContainer {
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;
}
.fullWidthFooter .footerContainer .footerLinkContainer {
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;
}
.fullWidthFooter .footerContainer .footerLinkContainer .footerLinkContainerLeft {
margin-right: 50px;
}
.fullWidthFooter .footerContainer .footerLinkContainer .footerLinkContainerLeft p {
font-size: 20px;
line-height: 20px;
font-weight: 400;
margin-bottom: 0;
}
.fullWidthFooter .footerContainer .footerLinkContainer a {
font-size: 20px;
line-height: 20px;
font-weight: 400;
margin: 0 50px 0 0;
}
.fullWidthFooter .footerContainer .footerLinkContainer a:last-child {
margin: 0;
}
.cmplz-documents .privacy-statement {
display: none !important;
}
.sr-only {
position: absolute;
left: -10000px;
top: auto;
width: 1px;
height: 1px;
overflow: hidden;
}
@media (max-width: 1600px) {
.heroFullWidth .heroContainer .heroContainerContent .heroImage {
right: 20px;
}
.uspContainer {
grid-gap: 50px;
}
.fotoTekstFullWidth .fotoTekstContainer .fotoTekstContainerLeft {
min-height: 600px;
}
.fotoTekstFullWidth .fotoTekstContainer .fotoTekstContainerLeft .fotoMask {
width: 55%;
}
.fotoTekstFullWidth .fotoTekstContainer .fotoTekstContainerLeft .fotoMask1 {
left: 0;
}
.fotoTekstFullWidth .fotoTekstContainer .fotoTekstContainerLeft .fotoMask2 {
top: 200px;
left: auto;
right: 0;
}
.hoeWerktFullWidth .hoeWerktContainer {
background-image: url(//www.jeugdbeschermingstafeltwente.nl/wp-content/themes/Wordlenig-theme/img/hoeWerktPlaceholder-15.jpg) !important;
}
.testimonialFullWidth {
padding: 0 50px;
}
.heroContainerContentLeft {
padding-right: 100px;
}
.drieTafelsFullWidth .drieTafelsContainer {
margin-top: -100px;
}
.testimonialFullWidth .testimonialContainer .testimonialItem {
padding: 50px;
}
.heroContactFullWidth .contactFormBijschrift {
position: relative;
margin-top: 40px;
bottom: 0 !important;
right: 0;
}
.locatiesFullWidth .locatieItem .locatieContent {
padding: 20px;
}
}
@media (max-width: 1200px) {
.heroFullWidth .heroContainer .heroContainerContent {
grid-gap: 0;
}
.heroFullWidth .heroContainer .heroContainerContent .heroImage {
position: relative;
width: 50%;
right: 0;
top: -30px;
}
.heroFullWidth .heroContainer .heroContainerContent .heroContainerContentLeft {
padding-right: 0;
}
.uspContainer {
grid-gap: 20px;
}
.fotoTekstFullWidth {
padding-top: 0;
}
.fotoTekstFullWidth .fotoTekstContainer {
grid-template-columns: 1fr;
}
.fotoTekstFullWidth .fotoTekstContainer .fotoTekstContainerLeft {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: distribute;
justify-content: space-around;
min-height: 650px;
}
.fotoTekstFullWidth .fotoTekstContainer .fotoTekstContainerLeft .fotoContainer {
position: relative;
width: 100%;
max-width: 800px;
}
.testimonialFullWidth .testimonialContainer {
grid-template-columns: 1fr;
}
.testimonialFullWidth .testimonialContainer .testimonialItem {
min-height: 600px;
}
.navigatieWrapper .navBackgroundSpace {
width: 30%;
}
.navigatieWrapper .navigatieContainer {
right: -70%;
width: 70%;
}
.heroFullWidth .heroContainer .heroContainerContent {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
padding-top: 0;
}
.heroContainerContentLeft {
padding-right: 40px;
}
.drieTafelsIntroFullWidth {
padding: 50px;
}
.drieTafelsFullWidth {
height: auto;
}
.drieTafelsFullWidth .drieTafelsContainer {
grid-template-columns: 1fr;
}
.drieTafelsFullWidth .drieTafelsContainer .drieTafelKolom .tafelContentTop {
margin-bottom: 0;
}
.professionalFullWidth .professionalContainer {
padding: 0;
}
.faqFullWidth .faqContentContainer {
padding: 0 20px;
}
.faqContactFullWidth .faqContactContentContainer {
padding: 50px;
grid-gap: 50px;
}
.faqContactFullWidth .faqContactContentContainer .faqContactContainerRight .contactFormBijschrift {
position: relative !important;
margin-top: 40px !important;
}
.heroContactFullWidth {
padding-bottom: 0 !important;
}
.heroContainerContactContent {
grid-template-columns: 1fr;
grid-gap: 50px;
}
.heroContactFullWidth .heroContainer .heroContainerContactContent .heroContainerContentRight {
padding-top: 0;
}
.heroContainerContentRightTop {
margin-bottom: 40px !important;
}
.locatiesFullWidth .locatiesContainer {
grid-template-columns: 1fr 1fr;
}
.footerLinkContainer {
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: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.footerLinkContainer .footerLinkContainerLeft {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
width: 100%;
margin-right: 0 !important;
margin-bottom: 20px;
}
.footerLinkContainer a {
margin: 0 20px 0 0 !important;
}
.footerLinkContainer a:last-child {
margin: 0 !important;
}
}
@media (max-width: 900px) {
h1 {
font-size: 50px !important;
line-height: 50px !important;
}
h2 {
font-size: 40px !important;
line-height: 40px !important;
}
.headerLogoContainer img {
max-width: 209px;
}
.navLogoContainer img {
max-width: 200px;
}
.heroFullWidth {
padding: 20px !important;
}
.heroFullWidth .heroContainer .heroContainerContent .heroImage {
width: 70%;
}
.heroFullWidth .heroContainer .heroContainerContent {
grid-template-columns: 1fr;
}
.uspFullWidth {
overflow: hidden;
}
.uspFullWidth .uspContainer {
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;
}
.uspFullWidth .uspContainer .owl-stage {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.uspFullWidth .uspContainer .owl-dots {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
z-index: 10;
margin: 0 auto;
width: 320px;
}
.uspFullWidth .uspContainer .owl-dots .owl-dot {
width: 18px;
height: 18px;
border-radius: 9px;
background-color: var(--kleur-blauw-donker);
border: 0;
margin: 0 5px;
cursor: pointer;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.uspFullWidth .uspContainer .owl-dots .active {
background-color: var(--kleur-paars);
width: 36px;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.hoeWerktFullWidth {
height: 250px;
}
.hoeWerktFullWidth .hoeWerktContainer {
grid-template-columns: 1fr;
background-image: none !important;
padding: 50px;
}
.hoeWerktFullWidth .hoeWerktContainer .hoeWerktContainerRight {
display: none;
}
.testimonialFullWidth .testimonialContainer .testimonialItem {
padding: 50px;
}
.testimonialFullWidth .testimonialContainer .testimonialItem .testimonialItemTop .testimonialTitel {
font-size: 50px;
line-height: 50px;
}
.profPraktischFullWidth table {
border-spacing: 0 10px;
}
.fullWidthFooter .footerContainer {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.fullWidthFooter .footerContainer .footerLogoContainer {
margin-bottom: 20px;
}
.fullWidthFooter .footerContainer .footerLogoContainer img {
max-width: 200px;
margin: 0;
}
.fullWidthContainer {
padding: 50px 20px;
}
.navigatieWrapper .navBackgroundSpace {
width: 20%;
}
.navigatieWrapper .navigatieContainer {
right: -80%;
width: 80%;
border-radius: 20px 0 0 20px;
padding: 20px 40px;
}
.owl-nav {
display: none;
}
.contentHeroFullWidth {
padding: 20px;
}
.kolom-2-1 {
grid-template-columns: 1fr;
}
.stappenFoldOutFullWidth .stappenFoldOutContainer .stappenFoldOutCategorie {
padding: 0 20px;
}
.stappenFoldOutFullWidth .stappenFoldOutContainer .stappenFoldOutCategorieGesprek {
padding: 50px 20px;
}
.stappenFoldOutFullWidth .stappenLijn {
left: 40px;
}
.professionalFullWidth .professionalContainer .professionalContainerStap .professionalContainerStapTop .professionalContainerStapRight h2 {
font-size: 26px !important;
line-height: 26px !important;
}
.professionalContainerStapRechts {
display: none !important;
}
.faqContactFullWidth .faqContactContainer {
padding: 0;
}
.faqContactFullWidth .faqContactContentContainer {
grid-template-columns: 1fr;
}
.fullWidthFooter .footerContainer .footerLinkContainer .footerLinkContainerLeft {
-ms-flex-pack: distribute;
justify-content: space-around;
}
}
@media (max-width: 600px) {
h1 {
font-size: 40px !important;
line-height: 32px !important;
}
h2 {
font-size: 26px !important;
line-height: 26px !important;
}
.fullWidthHeader {
padding: 20px;
}
.fullWidthHeader .headerContainer .headerNavButton .headerNavButtonLeft {
display: none;
}
.fullWidthHeader .headerContainer .headerNavButton .headerNavButtonRight {
width: 60px;
height: 50px;
}
.heroFullWidth .heroContainer .heroContainerContent {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
padding: 30px;
}
.heroFullWidth .heroContainer .heroContainerContent .heroImage {
width: 90%;
top: -30px;
margin-top: -30px;
}
.fotoTekstFullWidth .fotoTekstContainer {
grid-gap: 50px;
}
.fotoTekstFullWidth .fotoTekstContainer .fotoTekstContainerLeft {
min-height: 405px;
}
.fotoTekstFullWidth .fotoTekstContainer .fotoTekstContainerLeft .fotoMask2 {
top: 100px;
}
.partnersFullWidth .partnerSliderOverlay {
width: 100px;
}
.hoeWerktFullWidth .hoeWerktContainer {
padding: 30px;
}
.hoeWerktFullWidth .hoeWerktContainer .hoeWerktOverlay {
display: none;
}
.testimonialFullWidth .testimonialContainer .testimonialItem {
padding: 40px;
}
.testimonialFullWidth .testimonialContainer .testimonialItem .testimonialItemTop .testimonialTitel {
font-size: 28px;
line-height: 28px;
}
.profPraktischFullWidth .profPraktischContainer {
padding: 0;
}
.fullWidthFooter .footerContainer .footerLinkContainer {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
text-align: center;
}
.fullWidthFooter .footerContainer .footerLinkContainer p {
margin-bottom: 30px;
}
.fullWidthFooter .footerContainer .footerLinkContainer a {
margin-bottom: 10px;
}
.navigatieWrapper .navBackgroundSpace {
width: 10%;
}
.navigatieWrapper .navigatieContainer {
right: -90%;
width: 90%;
padding: 20px 20px 20px 40px;
}
.navLogoContainer img {
max-width: 180px;
}
.navigatieWrapper .navigatieContainer .navigatieContainerMiddle .menu li {
font-size: 24px;
line-height: 40px;
}
.navigatieWrapper .navigatieContainer .navigatieContainerBottom {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.navigatieWrapper .navigatieContainer .navigatieContainerBottom .navigatieContainerBottomLeft {
margin-bottom: 10px;
}
.contentFullWidthContainer .contentContainer {
padding: 0;
}
.drieTafelsFullWidth .drieTafelsContainer .drieTafelKolom .tafelContent {
padding: 20px;
}
.stappenFoldOutFullWidth .stappenFoldOutContainer .stappenFoldOutCategorie .stapCategorieTitel .stapCategorieTitelLeft {
margin-right: 10px;
}
.stappenFoldOutFullWidth .stapItemWrapper .stapItemTop .stapItemTopRight h3 {
font-size: 26px;
line-height: 26px;
}
.stappenFoldOutFullWidth .stappenFoldOutContainer .stappenFoldOutCategorie {
padding: 0;
}
.stappenFoldOutFullWidth .stappenFoldOutContainer .stappenFoldOutCategorieAchteraf .stapCategorieTitelAchteraf,
.stappenFoldOutFullWidth .stappenFoldOutContainer .stappenFoldOutCategorieGesprek .stapCategorieTitelGesprek,
.stappenFoldOutFullWidth .stappenFoldOutContainer .stappenFoldOutCategorieVooraf .stapCategorieTitelVooraf {
padding-top: 15px;
margin-bottom: 40px;
}
.stappenFoldOutFullWidth .stappenFoldOutContainer .stappenFoldOutCategorieGesprek {
padding: 50px 0;
}
.stappenFoldOutFullWidth .stappenLijn {
left: 20px;
}
.profInleidingFullWidthContainer .profInleidingContainer {
padding: 0;
}
.professionalFullWidth .professionalContainer .professionalContainerStap .professionalContainerStapTop {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.professionalFullWidth .professionalContainer .professionalContainerStap .professionalContainerStapTop .professionalContainerStapLeft {
margin-bottom: 10px;
}
.professionalFullWidth .professionalContainer .professionalContainerStap .professionalContainerStapTop .professionalContainerStapRight h2 {
font-size: 22px !important;
line-height: 22px !important;
padding-bottom: 5px;
}
.professionalContainerStap {
margin-bottom: 20px;
}
.professionalFullWidth .professionalContainer .professionalContainerStap .professionalContainerStapBottom {
padding: 0;
}
.profFaqFullWidth .profFaqContentContainer h3 {
font-size: 26px;
line-height: 26px;
}
.faqContainer .faqContainerTop .faqQuestion {
font-size: 18px;
}
.faqFullWidth .faqContentContainer {
padding: 0 !important;
}
.faqContactFullWidth .faqContactContentContainer {
padding: 30px;
}
.heroContactFullWidth .heroContainer .heroContainerContactContent .heroContainerContentLeft {
padding: 30px;
}
.heroContainerContactContent .field-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: column !important;
flex-direction: column !important;
}
.heroContainerContactContent .label-left .nf-field-label {
display: block;
padding: 20px;
margin-bottom: 0 !important;
width: 100%;
border-bottom: 3px solid var(--kleur-beige-licht);
}
.heroContainerContactContent .submit-wrap .nf-field-label {
border-bottom: 0;
}
.locatiesIntroFullWidth {
padding-bottom: 0;
}
.locatiesFullWidth {
overflow: hidden;
}
.locatiesFullWidth .locatiesContainer {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.locatiesFullWidth .locatiesContainer .owl-stage {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.locatiesFullWidth .locatiesContainer .owl-dots {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
z-index: 10;
}
.locatiesFullWidth .locatiesContainer .owl-dots .owl-dot {
width: 18px;
height: 18px;
border-radius: 9px;
background-color: var(--kleur-blauw-donker);
border: 0;
margin: 0 5px;
cursor: pointer;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.locatiesFullWidth .locatiesContainer .owl-dots .active {
background-color: var(--kleur-paars);
width: 36px;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.footerLinkContainerLeft {
margin-bottom: 40px !important;
}
.footerLinkContainerRight {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.footerLinkContainerRight a {
margin-bottom: 20px !important;
}
}
@media (max-width: 360px) {
h1 {
font-size: 30px !important;
}
}.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(//www.jeugdbeschermingstafeltwente.nl/wp-content/themes/Wordlenig-theme/css/owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}.owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav{margin-top:10px}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791}