.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: "Epiloguet";
src: url(//samenwerkingsagendajeugdhulptwente.nl/wp-content/themes/SJT-theme/fonts/Epiloguet.ttf) format("truetype");
}
.navActielijnButtonMobileBack {
display: none;
}
.logged-in .headerFullWidth {
top: 32px;
}
.logged-in .headerFullWidthOpen {
top: 82px;
}
.logged-in .headerNavMenuFullWidth {
height: calc(100ch - 60px);
}
.logged-in .headerNavMenuFullWidthOpen {
top: 182px;
} :root {
--kleur-paars-donker: #444c88;
--kleur-roze: #d391ad;
--kleur-paars-licht: #dddce9;
--kleur-grijs-licht: #efefef;
--kleur-wit: #fff;
--kleur-tekst-donker: #444c88;
--kleur-tekst-licht: #fff;
--kleur-paars-opacity-70: rgba(68, 76, 136, 0.7);
--kleur-licht-paars-opacity-70: rgba(221, 220, 233, 0.7);
--primary-font: "Epiloguet", sans-serif;
--font-size-hero: 70px;
--font-size-sub-hero: 50px;
--font-size-big: 36px;
--font-size-medium: 26px;
--font-size-text: 20px;
--font-size-button: 18px;
--font-size-input: 18px;
--font-size-news: 16px;
--font-size-copy: 14px;
--line-height-hero: 80px;
--line-height-sub-hero: 60px;
--line-height-big: 46px;
--line-height-medium: 36px;
--line-height-text: 35px;
--line-height-news: 26px;
--line-height-button: 18px;
--line-height-input: 18px;
--line-height-copy: 14px;
--font-weight-bold: 700;
--font-weight-semibold: 600;
--font-weight-medium: 500;
--font-weight-regular: 400;
} * {
font-family: var(--primary-font);
color: var(--kleur-tekst-donker);
padding: 0;
margin: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
word-break: break-word;
}
h1 {
font-size: var(--font-size-hero);
line-height: var(--line-height-hero);
font-weight: var(--font-weight-bold);
margin-bottom: 20px;
}
h2 {
font-size: var(--font-size-sub-hero);
line-height: var(--line-height-sub-hero);
margin-bottom: 20px;
}
h3 {
font-size: var(--font-size-big);
line-height: var(--line-height-big);
margin-bottom: 20px;
}
h4 {
font-size: var(--font-size-text);
line-height: var(--line-height-text);
margin-bottom: 20px;
}
p {
font-size: var(--font-size-text);
line-height: var(--line-height-text);
margin-bottom: 20px;
}
p:last-child {
margin-bottom: 0;
}
img {
max-width: 100%;
height: auto;
}
ul,
ol {
margin: 0 0 40px 20px;
}
ul li,
ol li {
font-size: var(--font-size-text);
line-height: var(--line-height-text);
}
ul li a,
ol li a {
font-size: var(--font-size-text);
line-height: var(--line-height-text);
}
a:focus-visible {
background-color: #000 !important;
color: var(--kleur-tekst-licht) !important;
}
.fullWidthContainer {
width: 100%;
padding: 100px 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: distribute;
justify-content: space-around;
}
.normalContainer {
position: relative;
width: 100%;
padding: 0 20px;
max-width: 1400px;
z-index: 1;
}
.kolomContainer {
display: grid;
grid-gap: 100px;
}
.kolom-1-1 {
grid-template-columns: 1fr 1fr;
}
.kolom-2-3 {
grid-template-columns: 2fr 3fr;
}
.kolom-3-1 {
grid-template-columns: 3fr 1fr;
}
.button {
display: inline-block;
font-size: var(--font-size-button);
line-height: var(--line-height-button);
font-weight: var(--font-weight-medium);
text-decoration: none;
padding: 16px 20px;
border-radius: 25px;
}
.buttonLightPurple {
background-color: var(--kleur-paars-licht);
color: var(--kleur-paars-donker);
-webkit-transition: 0.3s;
transition: 0.3s;
}
.buttonLightPurple:hover {
background-color: var(--kleur-roze);
color: var(--kleur-tekst-licht);
-webkit-transition: 0.3s;
transition: 0.3s;
}
.buttonDarkPurple {
background-color: var(--kleur-paars-donker);
color: var(--kleur-tekst-licht);
-webkit-transition: 0.3s;
transition: 0.3s;
}
.buttonDarkPurple:hover {
background-color: var(--kleur-roze);
color: var(--kleur-tekst-licht);
-webkit-transition: 0.3s;
transition: 0.3s;
}
.heroScrollSign {
position: fixed;
bottom: 20px;
right: 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-align: end;
-ms-flex-align: end;
align-items: flex-end;
-webkit-transform: translateY(-40px);
transform: translateY(-40px);
opacity: 0;
pointer-events: none;
z-index: 997;
-webkit-transition: 2s;
transition: 2s;
}
.heroScrollSign p {
font-size: var(--font-size-medium);
line-height: var(--line-height-medium);
-webkit-transform: rotate(-90deg) translateX(36px) translateY(26px);
transform: rotate(-90deg) translateX(36px) translateY(26px);
margin-bottom: 0;
}
.heroScrollSign img {
width: 20px;
height: auto;
}
.heroScrollSignLight p {
color: var(--kleur-paars-licht);
}
.heroScrollSignDark p {
color: var(--kleur-paars-donker);
}
.heroScrollSignOpen {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1;
-webkit-transition: 2s;
transition: 2s;
}
.leftLine {
position: absolute;
top: 0;
left: 0;
z-index: 0;
max-height: 100vh;
}
.bgDarkPurple {
background-color: var(--kleur-paars-donker);
}
.bgLightPurple {
background-color: var(--kleur-paars-licht);
}
.textWhite {
color: var(--kleur-tekst-licht);
}
.textDarkPurple {
color: var(--kleur-paars-donker);
}
.textLightPurple {
color: var(--kleur-paars-licht);
}
.textPink {
color: var(--kleur-roze);
}
.headerFullWidth {
position: fixed;
top: 0;
left: 0;
height: 150px;
padding: 20px 0;
opacity: 1;
pointer-events: auto;
z-index: 999;
-webkit-transition: 0.5s;
transition: 0.5s;
}
.headerFullWidth::before {
content: "";
position: absolute;
top: -150px;
left: 0;
height: 150px;
width: 100%;
background-color: var(--kleur-paars-donker);
-webkit-transition: 0.5s;
transition: 0.5s;
}
.headerFullWidth .headerContainer {
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;
}
.headerFullWidth .headerContainer .headerLogo {
width: 145px;
-webkit-transition: 0.5s;
transition: 0.5s;
}
.headerFullWidth .headerNavSection {
position: absolute;
right: 20px;
top: calc(50% - 15px);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 30px;
}
.headerFullWidth .headerNavSection .headerNavSearchButton {
display: none;
position: relative;
background-color: transparent !important;
border: 0 !important;
margin-right: 20px;
cursor: pointer;
z-index: 3;
}
.headerFullWidth .headerNavSection .headerNavSearchButton img {
width: 20px;
height: auto;
}
.headerFullWidth .headerNavSection .headerNavSearchButtonActief {
display: block;
}
.headerFullWidth .headerNavSection .headerNavSearchContainer {
position: absolute;
width: 300px;
top: -10px;
right: 120px;
height: 50px;
border-radius: 10px;
overflow: hidden;
}
.headerFullWidth .headerNavSection .headerNavSearchContainer .searchForm {
position: absolute;
width: 300px;
top: 0;
right: -300px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
pointer-events: none;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.headerFullWidth .headerNavSection .headerNavSearchContainer .searchForm input {
height: 50px;
width: 70%;
border: 0;
padding: 5px 10px;
border-radius: 10px 0 0 10px;
font-size: var(--font-size-text);
}
.headerFullWidth .headerNavSection .headerNavSearchContainer .searchForm button {
background-color: var(--kleur-paars-licht);
font-size: var(--font-size-text);
color: var(--kleur-tekst-donker);
width: 30%;
border: 0;
height: 50px;
padding: 5px 10px;
border-radius: 0 10px 10px 0;
cursor: pointer;
}
.headerFullWidth .headerNavSection .headerNavSearchContainer .searchFormOpen {
right: 0;
pointer-events: auto;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.headerFullWidth .headerNavSection .headerNavMenuButton {
background-color: transparent !important;
border: 0 !important;
color: var(--kleur-paars-licht);
font-size: var(--font-size-text);
font-weight: var(--font-weight-medium);
width: 60px;
text-align: right;
cursor: pointer;
}
.headerFullWidthNavOpen::before {
top: 0;
-webkit-transition: 0.5s;
transition: 0.5s;
}
.mainNavStickyClosed {
top: -150px;
opacity: 0;
pointer-events: none;
-webkit-transition: 0.5s;
transition: 0.5s;
}
.mainNavSticky {
background-color: var(--kleur-paars-donker);
-webkit-transition: 0.5s;
transition: 0.5s;
}
.headerDarkFullWidth .headerNavSection .headerNavMenuButton {
color: var(--kleur-paars-donker);
}
.headerDarkFullWidth .headerNavSection .headerNavSearchContainer .searchForm button {
background-color: var(--kleur-paars-donker) !important;
color: var(--kleur-tekst-licht) !important;
}
.headerDarkFullWidth.headerFullWidthNavOpen .headerNavMenuButton {
color: var(--kleur-paars-licht) !important;
}
.headerDarkFullWidth.mainNavSticky {
background-color: var(--kleur-paars-licht) !important;
}
.headerDarkFullWidth.mainNavSticky.headerFullWidthNavOpen .headerNavMenuButton {
color: var(--kleur-paars-licht) !important;
}
.headerNavMenuFullWidth {
position: fixed;
top: 275px;
right: 0;
width: 100%;
height: calc(100vh - 150px);
background-color: var(--kleur-paars-licht);
padding-top: 100px;
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-box-align: center;
-ms-flex-align: center;
align-items: center;
pointer-events: none;
opacity: 0;
z-index: 998;
-webkit-transition: 0.5s;
transition: 0.5s;
}
.headerNavMenuFullWidth .headerNavMenuContainer {
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 100px;
}
.headerNavMenuFullWidth .headerNavMenuContainer .headerNavMenuContainerHoofd ul {
list-style-type: none;
margin: 0;
}
.headerNavMenuFullWidth .headerNavMenuContainer .headerNavMenuContainerHoofd ul li {
margin-bottom: 20px;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.headerNavMenuFullWidth .headerNavMenuContainer .headerNavMenuContainerHoofd ul li a {
font-size: var(--font-size-big);
text-decoration: none;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.headerNavMenuFullWidth .headerNavMenuContainer .headerNavMenuContainerHoofd ul li:hover {
padding-left: 20px;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.headerNavMenuFullWidth .headerNavMenuContainer .headerNavMenuContainerHoofd ul li:hover a {
font-weight: var(--font-weight-semibold);
text-decoration: underline;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.headerNavMenuFullWidth .headerNavMenuContainer .headerNavMenuContainerHoofd ul .navActielijnButton {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 320px;
}
.headerNavMenuFullWidth .headerNavMenuContainer .headerNavMenuContainerHoofd ul .navActielijnButton .navActielijnButtonPlus {
position: absolute;
right: 0;
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;
color: var(--kleur-tekst-licht);
background-color: var(--kleur-paars-donker);
border: none;
width: 30px;
height: 30px;
border-radius: 15px;
margin-left: 40px;
font-size: var(--font-size-big);
font-weight: var(--font-weight-semibold);
cursor: pointer;
}
.headerNavMenuFullWidth .headerNavMenuContainer .headerNavMenuContainerSub .menu-submenu-container {
opacity: 0;
-webkit-transform: translateY(20px);
transform: translateY(20px);
pointer-events: none;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.headerNavMenuFullWidth .headerNavMenuContainer .headerNavMenuContainerSub .actielijnSubmenuOpen {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
pointer-events: auto;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.headerNavMenuFullWidth .headerNavMenuContainer .headerNavMenuContainerSub ul {
list-style-type: none;
margin: 0;
}
.headerNavMenuFullWidth .headerNavMenuContainer .headerNavMenuContainerSub ul li {
margin-bottom: 20px;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.headerNavMenuFullWidth .headerNavMenuContainer .headerNavMenuContainerSub ul li a {
font-size: var(--font-size-medium);
text-decoration: none;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.headerNavMenuFullWidth .headerNavMenuContainer .headerNavMenuContainerSub ul li:hover {
padding-left: 20px;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.headerNavMenuFullWidth .headerNavMenuContainer .headerNavMenuContainerSub ul li:hover a {
font-weight: var(--font-weight-semibold);
text-decoration: underline;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.headerNavMenuFullWidth .headerNavSocialContainer {
text-align: center;
border-top: 1px solid var(--kleur-roze);
padding: 20px 0;
max-width: 1360px;
}
.headerNavMenuFullWidth .headerNavSocialContainer a {
-webkit-transition: 0.3s;
transition: 0.3s;
}
.headerNavMenuFullWidth .headerNavSocialContainer a:hover {
font-weight: var(--font-weight-semibold);
-webkit-transition: 0.3s;
transition: 0.3s;
}
.headerNavMenuFullWidthOpen {
top: 150px;
pointer-events: auto;
opacity: 1;
-webkit-transition: 0.5s;
transition: 0.5s;
}
.heroHomeFullWidth {
position: relative;
min-height: 100vh;
min-height: 100svh;
overflow: hidden;
}
.heroHomeFullWidth .homeHeroContainer .kolom {
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;
}
.heroHomeFullWidth .homeHeroContainer h2 {
font-size: var(--font-size-big);
line-height: var(--line-height-big);
font-weight: var(---font-weight-regular);
}
.heroHomeFullWidth .homeHeroContainer .buttonHomeHero {
-ms-flex-item-align: start;
align-self: flex-start;
}
.heroHomeFullWidth .homeHeroContainer .kolomHeroPortret {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
.heroHomeFullWidth .homeHeroContainer .kolomHeroPortret .heroPortret {
max-width: 600px;
}
.homeFeatureFullWidth {
min-height: 100vh;
min-height: 100svh;
}
.homeFeatureFullWidth .homeFeatureContainer {
max-width: 1100px;
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;
}
.homeFeatureFullWidth h2 {
font-size: var(--font-size-hero);
line-height: var(--line-height-hero);
text-align: center;
margin-bottom: 40px;
}
.homeFeatureFullWidth p {
text-align: center;
max-width: 800px;
margin-bottom: 40px;
}
.homeActielijnenFullWidth {
min-height: 100vh;
min-height: 100svh;
}
.homeActielijnenFullWidth .homeActielijnenContainer {
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;
}
.homeActielijnenFullWidth .homeActielijnenLinkContainer {
width: 100%;
border-bottom: 1px solid var(--kleur-roze);
}
.homeActielijnenFullWidth .homeActielijnenLinkContainer a {
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: 20px 0;
}
.homeActielijnenFullWidth .homeActielijnenLinkContainer a h3 {
font-size: var(--font-size-big);
line-height: var(--line-height-big);
font-weight: var(--font-weight-regular);
margin-bottom: 0;
}
.sectieNieuwsFullWidth {
min-height: 100vh;
min-height: 100svh;
position: relative;
overflow: hidden;
}
.sectieNieuwsFullWidth .sectieNieuwsContainer {
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-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.sectieNieuwsFullWidth .sectieNieuwsContainer h2 {
width: 100%;
text-align: center;
margin-bottom: 0;
}
.sectieNieuwsFullWidth .sectieNieuwsContainer .sectieNieuwsSlider {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
margin: 60px 0;
}
.sectieNieuwsFullWidth .sectieNieuwsContainer .sectieNieuwsSlider .owl-stage {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
.sectieNieuwsFullWidth .sectieNieuwsContainer .sectieNieuwsSlider .owl-nav,
.sectieNieuwsFullWidth .sectieNieuwsContainer .sectieNieuwsSlider .owl-dots {
display: none;
}
.sectieNieuwsFullWidth .sectieNieuwsContainer .sectieNieuwsSlider a {
text-decoration: none;
}
.sectieNieuwsFullWidth .sectieNieuwsContainer .sectieNieuwsSlider .sectieNieuwsGridItem {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
background-color: var(--kleur-wit);
height: 100%;
min-height: 500px;
border-radius: 50px;
padding: 20px;
}
.sectieNieuwsFullWidth .sectieNieuwsContainer .sectieNieuwsSlider .sectieNieuwsGridItem .nieuwsGridItemBottom {
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;
padding: 20px;
}
.sectieNieuwsFullWidth .sectieNieuwsContainer .sectieNieuwsSlider .sectieNieuwsGridItem .nieuwsGridItemBottom h2 {
text-align: left;
font-size: var(--font-size-medium);
line-height: var(--line-height-medium);
font-weight: var(--font-weight-semibold);
margin-bottom: 20px;
-webkit-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
}
.sectieNieuwsFullWidth .sectieNieuwsContainer .sectieNieuwsSlider .sectieNieuwsGridItem .nieuwsGridItemTop {
height: 300px;
width: 100%;
border-radius: 45px;
background-size: cover;
background-position: center;
}
.sectieNieuwsFullWidth .sectieNieuwsContainer .sectieNieuwsSliderNoInit {
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 50px;
}
.sectieNieuwsFullWidth .sectieNieuwsContainer .nieuwsButtonsContainer {
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;
width: 100%;
}
.sectieNieuwsFullWidth .sectieNieuwsContainer .nieuwsButtonsContainer .nieuwsButtonsControlsContainer {
width: 120px;
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;
margin-right: 40px;
}
.sectieNieuwsFullWidth .sectieNieuwsContainer .nieuwsButtonsContainer .nieuwsSliderButton {
width: 50px;
height: 50px;
border-radius: 50%;
background-color: var(--kleur-paars-donker);
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;
border: none;
cursor: pointer;
}
.sectieNieuwsFullWidth .sectieNieuwsContainer .nieuwsButtonsContainer .nieuwsSliderButtonLight {
background-color: var(--kleur-paars-licht);
}
.eventsTeaserFullWidth {
min-height: 100vh;
min-height: 100svh;
overflow: hidden;
}
.eventsTeaserFullWidth .eventsTeaserContainer {
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;
}
.eventsTeaserFullWidth .eventsTeaserContainer .sectieEventSliderContainer {
margin-bottom: 40px;
}
.eventsTeaserFullWidth .eventsTeaserContainer .sectieEventSliderContainer .owl-stage {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
min-height: 600px;
}
.eventsTeaserFullWidth .eventsTeaserContainer .sectieEventSliderContainer a {
text-decoration: none;
}
.eventsTeaserFullWidth .eventsTeaserContainer .sectieEventSliderContainer .sectieEventSliderItem {
display: grid;
grid-template-columns: 1fr 1fr;
background-color: var(--kleur-wit);
padding: 20px;
border-radius: 75px;
height: 100%;
}
.eventsTeaserFullWidth .eventsTeaserContainer .sectieEventSliderContainer .sectieEventSliderItem .eventSliderItemLeft {
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;
padding: 40px;
}
.eventsTeaserFullWidth .eventsTeaserContainer .sectieEventSliderContainer .sectieEventSliderItem .eventSliderItemLeft .eventSliderItemLeftTitelContainer {
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;
}
.eventsTeaserFullWidth .eventsTeaserContainer .sectieEventSliderContainer .sectieEventSliderItem .eventSliderItemLeft .eventSliderCatLabel {
display: inline-block;
text-decoration: underline;
font-weight: var(--font-weight-medium);
margin-bottom: 40px;
}
.eventsTeaserFullWidth .eventsTeaserContainer .sectieEventSliderContainer .sectieEventSliderItem .eventSliderItemLeft h3 {
font-weight: var(--font-weight-semibold);
}
.eventsTeaserFullWidth .eventsTeaserContainer .sectieEventSliderContainer .sectieEventSliderItem .eventSliderItemLeft .eventSliderDatumLabel {
position: relative;
display: inline-block;
font-size: var(--font-size-button);
line-height: var(--line-height-button);
font-weight: var(--font-weight-medium);
text-decoration: none;
padding: 16px 16px 16px 60px;
border-radius: 25px;
background-color: var(--kleur-paars-donker);
color: var(--kleur-wit);
-ms-flex-item-align: start;
align-self: flex-start;
margin-top: 20px;
}
.eventsTeaserFullWidth .eventsTeaserContainer .sectieEventSliderContainer .sectieEventSliderItem .eventSliderItemLeft .eventSliderDatumLabel::before {
content: "";
position: absolute;
left: 20px;
top: 10px;
width: 26px;
height: 28px;
background-image: url(//samenwerkingsagendajeugdhulptwente.nl/wp-content/themes/SJT-theme/img/icon-calendar-white.svg);
background-size: 80%;
background-repeat: no-repeat;
background-position: center;
}
.eventsTeaserFullWidth .eventsTeaserContainer .sectieEventSliderContainer .sectieEventSliderItem .eventSliderItemRight {
background-size: cover;
background-position: center;
border-radius: 60px;
}
.eventsTeaserFullWidth .eventsTeaserContainer .sectieEventSliderContainer .owl-nav {
display: none;
}
.eventsTeaserFullWidth .eventsTeaserContainer .eventButtonsContainer {
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;
}
.eventsTeaserFullWidth .eventsTeaserContainer .eventButtonsContainer .eventButtonsControlsContainer {
width: 120px;
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;
margin-right: 40px;
}
.eventsTeaserFullWidth .eventsTeaserContainer .eventButtonsContainer .eventSliderButton {
width: 50px;
height: 50px;
border-radius: 50%;
background-color: var(--kleur-paars-licht);
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;
border: none;
cursor: pointer;
}
.eventsTeaserFullWidth .button {
-ms-flex-item-align: center;
align-self: center;
}
.nieuwsbriefFullWidth {
position: relative;
background-size: cover;
background-position: right bottom;
min-height: 100vh;
min-height: 100svh;
}
.nieuwsbriefFullWidth .nieuwsbriefOverlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: transparent;
pointer-events: none;
z-index: 0;
}
.nieuwsbriefFullWidth .nieuwsbriefContainer {
position: relative;
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;
z-index: 1;
}
.nieuwsbriefFullWidth .nieuwsbriefContainer .nieuwsbriefContainerTop {
max-width: 650px;
}
.nieuwsbriefFullWidth .nieuwsbriefContainer .nieuwsbriefContainerTop h2 {
font-weight: var(--font-weight-semibold);
margin-bottom: 40px;
}
.nieuwsbriefFullWidth .nieuwsbriefContainer .nieuwsbriefContainerTop .nieuwsbriefFormulierContainer {
background-color: var(--kleur-wit);
height: 100px;
border-radius: 50px;
padding: 0 25px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.nieuwsbriefFullWidth .nieuwsbriefContainer .nieuwsbriefContainerTop .nieuwsbriefFormulierContainer .nf-form-cont {
width: 100%;
}
.nieuwsbriefFullWidth .nieuwsbriefContainer .nieuwsbriefContainerTop .nieuwsbriefFormulierContainer .nf-before-form-content,
.nieuwsbriefFullWidth .nieuwsbriefContainer .nieuwsbriefContainerTop .nieuwsbriefFormulierContainer .nf-after-form-content {
display: none;
}
.nieuwsbriefFullWidth .nieuwsbriefContainer .nieuwsbriefContainerTop .nieuwsbriefFormulierContainer .nf-form-content nf-fields-wrap {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
max-height: 50px;
}
.nieuwsbriefFullWidth .nieuwsbriefContainer .nieuwsbriefContainerTop .nieuwsbriefFormulierContainer .nf-form-content nf-fields-wrap .nf-field-container {
width: 100%;
margin: 0;
}
.nieuwsbriefFullWidth .nieuwsbriefContainer .nieuwsbriefContainerTop .nieuwsbriefFormulierContainer .email-container {
position: relative;
}
.nieuwsbriefFullWidth .nieuwsbriefContainer .nieuwsbriefContainerTop .nieuwsbriefFormulierContainer .email-container input {
height: 50px;
font-size: var(--font-size-text);
border: 0;
min-width: 350px;
}
.nieuwsbriefFullWidth .nieuwsbriefContainer .nieuwsbriefContainerTop .nieuwsbriefFormulierContainer .email-container .nf-error-msg {
position: absolute;
bottom: -50px;
left: 0;
}
.nieuwsbriefFullWidth .nieuwsbriefContainer .nieuwsbriefContainerTop .nieuwsbriefFormulierContainer .submit-container .nf-field-element input {
background-color: var(--kleur-paars-donker);
color: var(--kleur-tekst-licht);
border: 0;
display: inline-block;
font-size: var(--font-size-button);
line-height: var(--line-height-button);
font-weight: var(--font-weight-medium);
text-decoration: none;
padding: 16px 20px;
border-radius: 25px;
cursor: pointer;
}
.nieuwsbriefFullWidth .nieuwsbriefContainer .nieuwsbriefContainerBottom {
max-width: 650px;
}
.nieuwsbriefFullWidth .nieuwsbriefContainer .nieuwsbriefContainerBottom h3 {
font-weight: var(--font-weight-medium);
margin-bottom: 0;
}
.nieuwsbriefFullWidth .nieuwsbriefContainer .nieuwsbriefContainerBottom .nieuwsBriefPayOffSmall {
font-size: var(--font-size-medium);
font-weight: var(--font-weight-medium);
}
.contactFooterFullWidth {
min-height: 100vh;
min-height: 100svh;
background: -webkit-gradient(linear, left top, right top, from(rgb(68, 76, 136)), to(rgb(211, 145, 172)));
background: linear-gradient(to right, rgb(68, 76, 136) 0%, rgb(211, 145, 172) 100%);
}
.contactFooterFullWidth .contactFooterContainer {
max-width: 900px;
}
.contactFooterFullWidth .contactFooterContainer h2 {
text-align: center;
}
.contactFooterFullWidth .contactFooterContainer p {
text-align: center;
color: var(--kleur-paars-licht);
}
.contactFooterFullWidth .contactFooterContainer .contactFooterFormulierContainer {
background-color: var(--kleur-wit);
padding: 50px 100px;
border-radius: 35px;
margin-top: 60px;
}
.contactFooterFullWidth .contactFooterContainer .contactFooterFormulierContainer .nf-before-form-content,
.contactFooterFullWidth .contactFooterContainer .contactFooterFormulierContainer .nf-after-form-content {
display: none;
}
.contactFooterFullWidth .contactFooterContainer .contactFooterFormulierContainer .nf-form-content nf-fields-wrap {
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 20px;
grid-template-areas: "fci1 fci3" "fci2 fci3" "fci4 fci4";
}
.contactFooterFullWidth .contactFooterContainer .contactFooterFormulierContainer .nf-form-content nf-fields-wrap nf-field:nth-child(1) {
grid-area: fci1;
}
.contactFooterFullWidth .contactFooterContainer .contactFooterFormulierContainer .nf-form-content nf-fields-wrap nf-field:nth-child(1) .nf-field-element input {
height: 50px;
border: 0;
border-bottom: 2px solid var(--kleur-paars-donker);
font-size: var(--font-size-input);
}
.contactFooterFullWidth .contactFooterContainer .contactFooterFormulierContainer .nf-form-content nf-fields-wrap nf-field:nth-child(2) {
grid-area: fci2;
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;
}
.contactFooterFullWidth .contactFooterContainer .contactFooterFormulierContainer .nf-form-content nf-fields-wrap nf-field:nth-child(2) .nf-field-element input {
height: 50px;
border: 0;
border-bottom: 2px solid var(--kleur-paars-donker);
font-size: var(--font-size-input);
-webkit-transform: translateY(-4px);
transform: translateY(-4px);
}
.contactFooterFullWidth .contactFooterContainer .contactFooterFormulierContainer .nf-form-content nf-fields-wrap nf-field:nth-child(3) {
grid-area: fci3;
}
.contactFooterFullWidth .contactFooterContainer .contactFooterFormulierContainer .nf-form-content nf-fields-wrap nf-field:nth-child(3) .nf-field-element textarea {
padding-top: 15px;
border: 0;
border-bottom: 2px solid var(--kleur-paars-donker);
font-size: var(--font-size-input);
}
.contactFooterFullWidth .contactFooterContainer .contactFooterFormulierContainer .nf-form-content nf-fields-wrap nf-field:nth-child(4) {
grid-area: fci4;
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-align: center;
-ms-flex-align: center;
align-items: center;
margin-top: 20px;
}
.contactFooterFullWidth .contactFooterContainer .contactFooterFormulierContainer .nf-form-content nf-fields-wrap nf-field:nth-child(4) .nf-field-element input {
background-color: var(--kleur-paars-donker);
color: var(--kleur-tekst-licht);
border: 0;
display: inline-block;
font-size: var(--font-size-button);
line-height: var(--line-height-button);
font-weight: var(--font-weight-medium);
text-decoration: none;
padding: 16px 20px;
border-radius: 25px;
cursor: pointer;
}
.contactFooterFullWidth .contactFooterContainer .contactFooterFormulierContainer .nf-form-content nf-fields-wrap .nf-field-container {
margin-bottom: 0;
}
.heroOverFullWidth {
position: relative;
min-height: 100vh;
min-height: 100svh;
overflow: hidden;
}
.heroOverFullWidth .overHeroContainer .kolom {
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;
}
.heroOverFullWidth .overHeroContainer h1 {
text-align: center;
}
.heroOverFullWidth .overHeroContainer .kolomHeroPortret {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
.heroOverFullWidth .overHeroContainer .kolomHeroPortret .heroPortret {
max-width: 600px;
}
.contentCenterFullWidth .contentCenterContainer {
max-width: 1100px;
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;
}
.contentCenterFullWidth h2 {
text-align: center;
margin-bottom: 40px;
}
.contentCenterFullWidth p {
text-align: center;
max-width: 800px;
margin-bottom: 40px;
}
.overWatFullWidth {
padding-top: 0;
}
.overWatFullWidth .overWatContainer {
background-color: var(--kleur-wit);
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 40px;
padding: 20px;
border-radius: 50px;
}
.overWatFullWidth .overWatContainer .overWatContainerLeft {
min-height: 600px;
border-radius: 45px;
background-position: center;
background-size: cover;
}
.overWatFullWidth .overWatContainer .overWatContainerRight {
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;
}
.overWatFullWidth .overWatContainer .overWatContainerRight .overWatSubTitle {
display: block;
color: var(--kleur-roze);
text-decoration: underline;
margin-bottom: 40px;
font-weight: var(--font-weight-medium);
}
.overAanpakFullWidth {
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-align: center;
-ms-flex-align: center;
align-items: center;
}
.overAanpakFullWidth .overAanpakContainerTop {
margin-bottom: 40px;
}
.overAanpakFullWidth .overAanpakContainerTop p {
color: var(--kleur-paars-licht);
max-width: 50%;
}
.overAanpakFullWidth .overAanpakContainerBottom {
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 40px;
max-width: 1480px;
}
.overAanpakFullWidth .overAanpakContainerBottom a {
text-decoration: none;
}
.overAanpakFullWidth .overAanpakContainerBottom .aanpakItem {
position: relative;
background-color: var(--kleur-wit);
border-radius: 50px;
padding: 60px 100px 60px 40px;
height: 100%;
}
.overAanpakFullWidth .overAanpakContainerBottom .aanpakItem .aanpakItemLink {
position: absolute;
right: 40px;
bottom: 60px;
}
.overAanpakFullWidth .overAanpakContainerBottom .aanpakItem .aanpakItemLine {
position: absolute;
left: 40px;
bottom: 40px;
width: calc(100% - 80px);
height: 1px;
background-color: var(--kleur-roze);
}
.overStaanFullWidth {
position: relative;
min-height: 100vh;
min-height: 100svh;
overflow: hidden;
}
.overStaanFullWidth .overStaanContainer {
text-align: center;
}
.overStaanFullWidth .overStaanContainer p {
max-width: 50%;
margin: 0 auto;
}
.overStaanFullWidth .overStaanContainer .overStaanItemsContainer {
margin: 40px 0;
display: grid;
grid-template-areas: "osi1 osi1 osi2 osi2 osi3 osi3" " . osi4 osi4 osi5 osi5 . ";
grid-gap: 40px;
}
.overStaanFullWidth .overStaanContainer .overStaanItemsContainer .overStaanItem {
background-color: var(--kleur-wit);
border-radius: 50px;
padding: 60px 40px;
text-align: left;
}
.overStaanFullWidth .overStaanContainer .overStaanItemsContainer .overStaanItem h3 {
font-size: var(--font-size-text);
font-weight: var(--font-weight-semibold);
}
.overStaanFullWidth .overStaanContainer .overStaanItemsContainer .overStaanItem p {
max-width: none;
}
.overStaanFullWidth .overStaanContainer .overStaanItemsContainer .overStaanItem1 {
grid-area: osi1;
}
.overStaanFullWidth .overStaanContainer .overStaanItemsContainer .overStaanItem2 {
grid-area: osi2;
}
.overStaanFullWidth .overStaanContainer .overStaanItemsContainer .overStaanItem3 {
grid-area: osi3;
}
.overStaanFullWidth .overStaanContainer .overStaanItemsContainer .overStaanItem4 {
grid-area: osi4;
}
.overStaanFullWidth .overStaanContainer .overStaanItemsContainer .overStaanItem5 {
grid-area: osi5;
}
.overStaanFullWidth .rightLine {
position: absolute;
top: 0;
right: 0;
z-index: 0;
max-height: 100vh;
-webkit-transform: scale(-1, 1);
transform: scale(-1, 1);
}
.overVoorFullWidth {
position: relative;
min-height: 100vh;
min-height: 100svh;
background-size: cover;
background-position: center;
}
.overVoorFullWidth .overVoorContainer {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
.overVoorFullWidth .overVoorInhoudContainer {
background-color: var(--kleur-wit);
border-radius: 50px;
padding: 60px 40px;
max-width: 60%;
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;
}
.overVoorFullWidth .overVoorInhoudContainer .overVoorInhoudContainerTop {
margin-bottom: 40px;
}
.overVoorFullWidth .overVoorInhoudContainer .overVoorSubTitle {
display: block;
color: var(--kleur-roze);
text-decoration: underline;
margin-bottom: 40px;
font-weight: var(--font-weight-medium);
}
.ervaringenFullWidth {
padding-top: 0;
}
.ervaringenFullWidth .ervaringenContainer {
border-top: 1px solid var(--kleur-roze);
}
.ervaringenFullWidth .ervaringenContainer .ervaringenContainerTop {
margin-bottom: 40px;
}
.ervaringenFullWidth .ervaringenContainer .ervaringenContainerTop .ervaringenIcon {
font-size: 90px;
font-weight: var(--font-weight-semibold);
line-height: var(--line-height-medium);
text-align: center;
min-height: 150px;
-webkit-transform: translateY(100px);
transform: translateY(100px);
}
.ervaringenFullWidth .ervaringenContainer .ervaringenContainerBottom {
margin-bottom: 50px;
}
.ervaringenFullWidth .ervaringenContainer .ervaringenContainerBottom .ervaringItemContainer p {
font-size: var(--font-size-medium);
font-weight: var(--font-weight-medium);
line-height: var(--line-height-medium);
font-style: italic;
}
.ervaringenFullWidth .ervaringenContainer .ervaringenContainerBottom .ervaringItemContainer .ervaringNaam {
font-size: var(--font-size-text);
font-weight: var(--font-weight-regular);
font-style: normal;
}
.heroActielijnenFullWidth {
position: relative;
min-height: 100vh;
min-height: 100svh;
overflow: hidden;
}
.heroActielijnenFullWidth .heroActielijnenContainer .kolom {
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;
}
.heroActielijnenFullWidth .heroActielijnenContainer h2 {
font-size: var(--font-size-big);
line-height: var(--line-height-big);
font-weight: var(---font-weight-regular);
}
.heroActielijnenFullWidth .heroActielijnenContainer .buttonActielijnenHero {
-ms-flex-item-align: start;
align-self: flex-start;
}
.heroActielijnenFullWidth .heroActielijnenContainer .kolomHeroPortret {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
.heroActielijnenFullWidth .heroActielijnenContainer .kolomHeroPortret .heroPortret {
max-width: 600px;
}
.actielijnenOverOnsFullWidth {
position: relative;
min-height: 100vh;
min-height: 100svh;
}
.actielijnenOverOnsFullWidth .actielijnenOverOnsContainer .kolom {
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;
}
.actielijnenOverOnsFullWidth .actielijnenOverOnsContainer .kolom h2 {
font-size: var(--font-size-medium);
font-weight: var(--font-weight-semibold);
}
.actielijnenOverzichtFullWidth .actielijnenOverzichtContainerTop {
text-align: center;
margin-bottom: 40px;
}
.actielijnenOverzichtFullWidth .actielijnenOverzichtContainerTop p {
color: var(--kleur-paars-licht);
margin: 0 auto;
max-width: 600px;
}
.actielijnenOverzichtFullWidth .actielijnenOverzichtContainerBottom {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.actielijnenOverzichtFullWidth .actielijnenOverzichtContainerBottom a {
text-decoration: none;
}
.actielijnenOverzichtFullWidth .actielijnenOverzichtContainerBottom .actielijnItem {
display: grid;
grid-template-columns: 3fr 1fr;
grid-gap: 40px;
background-color: var(--kleur-wit);
border-radius: 50px;
padding: 40px 40px 60px 40px;
margin: 20px 0;
}
.actielijnenOverzichtFullWidth .actielijnenOverzichtContainerBottom .actielijnItem .actielijnItemLeft {
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;
border-bottom: 1px solid var(--kleur-roze);
padding: 20px;
}
.actielijnenOverzichtFullWidth .actielijnenOverzichtContainerBottom .actielijnItem .actielijnItemRight {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.actielijnenOverzichtFullWidth .actielijnenOverzichtContainerBottom .actielijnItem .actielijnItemRight .actielijnIllustratie1 {
width: 250px;
-webkit-transform: translateX(40px);
transform: translateX(40px);
}
.actielijnSingleHeroFullWidth {
padding-top: 300px;
}
.actielijnSingleHeroFullWidth .actielijnSingleHeroAfbeelding {
background-color: var(--kleur-wit);
padding: 20px;
border-radius: 50px;
margin: 40px 0;
}
.actielijnSingleContentFullWidth {
padding-top: 0;
}
.actielijnSingleContentFullWidth .actielijnSingleContentContainer {
max-width: 900px;
}
.actielijnSingleContentFullWidth .actielijnSingleContentContainer h2 {
font-size: var(--font-size-big);
line-height: var(--line-height-big);
}
.actielijnSingleContentFullWidth .actielijnSingleContentContainer h3 {
font-size: var(--font-size-text);
font-weight: var(--font-weight-semibold);
margin-bottom: 0;
}
.nieuwsHeroFullWidth {
padding-bottom: 50px;
}
.nieuwsHeroFullWidth .nieuwsHeroContainer {
padding-top: 100px;
text-align: center;
}
.nieuwsGridFullWidth .nieuwsGridContainerSectie {
display: grid;
width: 100%;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-gap: 40px;
margin-bottom: 40px;
grid-template-areas: "gi1 gi1 gi2 gi2" "gi3 gi4 gi5 gi6" "gi7 gi8 gi9 gi10";
}
.nieuwsGridFullWidth .nieuwsGridContainerSectie .nieuwsGridItem {
background-color: var(--kleur-wit);
padding: 20px;
}
.nieuwsGridFullWidth .nieuwsGridContainerSectie .nieuwsGridItem .nieuwsGridItemText a {
text-decoration: none;
}
.nieuwsGridFullWidth .nieuwsGridContainerSectie .nieuwsGridItem .nieuwsGridItemText h2 {
font-size: var(--font-size-medium);
line-height: var(--line-height-medium);
font-weight: var(--font-weight-semibold);
}
.nieuwsGridFullWidth .nieuwsGridContainerSectie .nieuwsGridItemStaand {
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;
border-radius: 20px;
}
.nieuwsGridFullWidth .nieuwsGridContainerSectie .nieuwsGridItemStaand .nieuwsGridItemImage {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
height: 300px;
border-radius: 45px;
background-position: center;
background-size: cover;
margin-bottom: 20px;
}
.nieuwsGridFullWidth .nieuwsGridContainerSectie .nieuwsGridItemStaand .nieuwsGridItemText {
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;
}
.nieuwsGridFullWidth .nieuwsGridContainerSectie .nieuwsGridItemLiggend {
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;
border-radius: 20px;
}
.nieuwsGridFullWidth .nieuwsGridContainerSectie .nieuwsGridItemLiggend .nieuwsGridItemText h2 {
font-size: var(--font-size-text);
line-height: var(--line-height-news);
}
.nieuwsGridFullWidth .nieuwsGridContainerSectie .nieuwsGridItemLiggend .nieuwsGridItemText p {
font-size: var(--font-size-news);
line-height: var(--line-height-news);
}
.nieuwsGridFullWidth .nieuwsGridContainerSectie .nieuwsGridItemLiggend .nieuwsGridItemImage {
min-height: 200px;
margin-bottom: 20px;
border-radius: 15px;
background-position: center;
background-size: cover;
}
.nieuwsGridFullWidth .nieuwsGridContainerSectie .nieuwsGridItem1 {
grid-area: gi1;
}
.nieuwsGridFullWidth .nieuwsGridContainerSectie .nieuwsGridItem2 {
grid-area: gi2;
}
.nieuwsGridFullWidth .nieuwsGridContainerSectie .nieuwsGridItem3 {
grid-area: gi3;
}
.nieuwsGridFullWidth .nieuwsGridContainerSectie .nieuwsGridItem4 {
grid-area: gi4;
}
.nieuwsGridFullWidth .nieuwsGridContainerSectie .nieuwsGridItem5 {
grid-area: gi5;
}
.nieuwsGridFullWidth .nieuwsGridContainerSectie .nieuwsGridItem6 {
grid-area: gi6;
}
.nieuwsGridFullWidth .nieuwsGridContainerSectie .nieuwsGridItem7 {
grid-area: gi7;
}
.nieuwsGridFullWidth .nieuwsGridContainerSectie .nieuwsGridItem8 {
grid-area: gi8;
}
.nieuwsGridFullWidth .nieuwsGridContainerSectie .nieuwsGridItem9 {
grid-area: gi9;
}
.nieuwsGridFullWidth .nieuwsGridContainerSectie .nieuwsGridItem10 {
grid-area: gi10;
}
.singlePostHeroFullWidth .singlePostHeroContainer {
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-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.singlePostHeroFullWidth .singlePostHeroContainer .singlePostHeroContainerTop {
padding-top: 60px;
margin-bottom: 50px;
}
.singlePostHeroFullWidth .singlePostHeroContainer .singlePostHeroContainerTop img {
border-radius: 50px;
max-height: 500px;
}
.singlePostHeroFullWidth .singlePostHeroContainer h1 {
color: var(--kleur-paars-licht);
font-size: var(--font-size-sub-hero);
line-height: var(--line-height-sub-hero);
max-width: 1200px;
text-align: center;
-webkit-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
}
.singlePostHeroFullWidth .singlePostHeroContainer .singlePostTagLijst {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
list-style-type: none;
}
.singlePostHeroFullWidth .singlePostHeroContainer .singlePostTagLijst li {
color: var(--kleur-paars-licht);
margin-right: 20px;
}
.singlePostHeroFullWidth .singlePostHeroContainer .singlePostHeroContainerBottom {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.singlePostHeroFullWidth .singlePostHeroContainer .singlePostHeroContainerBottom .singlePostMetaContainer {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.singlePostHeroFullWidth .singlePostHeroContainer .singlePostHeroContainerBottom p {
color: var(--kleur-paars-licht);
}
.singlePostContentFullWidth {
padding-bottom: 0;
}
.singlePostContentFullWidth .singlePostContentContainer {
max-width: 900px;
}
.singlePostContentFullWidth .singlePostContentContainer h2 {
font-size: var(--font-size-big);
}
.singlePostContentFullWidth .singlePostContentContainer .singlePostQuoteContainer {
padding: 100px;
}
.singlePostContentFullWidth .singlePostContentContainer .singlePostQuoteContainer p {
font-size: var(--font-size-big);
line-height: var(--line-height-big);
}
.singlePostMeerNieuwsContainer {
padding-top: 100px;
border-top: 1px solid var(--kleur-roze);
}
.kennisPageHeroFullWidth {
position: relative;
min-height: 60vh;
min-height: 60svh;
padding: 200px 0 150px 0;
}
.kennisPageHeroFullWidth .kennisPageHeroContainer {
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-align: center;
-ms-flex-align: center;
align-items: center;
}
.kennisPageHeroFullWidth .kennisPageHeroContainer h1 {
font-size: var(--font-size-sub-hero);
line-height: var(--line-height-sub-hero);
text-align: center;
}
.kennisPageHeroFullWidth .kennisPageHeroContainer p {
color: var(--kleur-paars-licht);
max-width: 800px;
text-align: center;
}
.kennisPageHeroFullWidth .kennisPageHeroContainer img {
margin: 40px 0;
max-width: 400px;
}
.kennisPageCategorysFullWidth {
padding-top: 0;
}
.kennisPageCategorysFullWidth .kennisPageCategorysContainer {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
grid-template-rows: 430px 430px;
grid-gap: 40px;
margin-top: -50px;
}
.kennisPageCategorysFullWidth .kennisPageCategorysContainer a {
text-decoration: none;
}
.kennisPageCategorysFullWidth .kennisPageCategorysContainer .kennisbankGridItem {
height: 100%;
background-color: var(--kleur-wit);
padding: 40px;
border-radius: 50px;
}
.kennisPageCategorysFullWidth .kennisPageCategorysContainer .kennisbankGridItem .kennisbankGridItemTop {
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;
margin-bottom: 20px;
}
.kennisPageCategorysFullWidth .kennisPageCategorysContainer .kennisbankGridItem img {
width: auto;
height: 250px;
}
.kennisPageCategorysFullWidth .kennisPageCategorysContainer .kennisbankGridItem h2 {
font-size: var(--font-size-medium);
line-height: var(--line-height-medium);
margin-bottom: 0;
}
.kennisBankSubGridFullWidth {
padding-top: 0;
}
.kennisBankSubGridFullWidth .kennisBankSubGridContainer {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
grid-gap: 40px;
margin-top: -50px;
}
.kennisBankSubGridFullWidth .kennisBankSubGridContainer .kennisbankSubThemaContainer {
height: 100%;
background-color: var(--kleur-wit);
padding: 40px;
border-radius: 50px;
}
.kennisBankSubGridFullWidth .kennisBankSubGridContainer .kennisbankSubThemaContainer h2 {
font-size: var(--font-size-medium);
line-height: var(--line-height-medium);
margin-bottom: 20px;
}
.kennisBankSubGridFullWidth .kennisBankSubGridContainer .kennisbankSubThemaContainer .kennisbankSubLijst {
list-style-type: none;
}
.kennisBankSubGridFullWidth .kennisBankSubGridContainer .kennisbankSubThemaContainer .kennisbankSubLijst .subThemaListItem {
position: relative;
padding-left: 30px;
margin-bottom: 16px;
}
.kennisBankSubGridFullWidth .kennisBankSubGridContainer .kennisbankSubThemaContainer .kennisbankSubLijst .subThemaListItem::before {
content: "";
position: absolute;
top: 6px;
left: 0;
height: 18px;
width: 18px;
background-image: url(//samenwerkingsagendajeugdhulptwente.nl/wp-content/themes/SJT-theme/img/arrow-right-pink.svg);
background-size: cover;
background-position: center;
}
.kennisBankSubGridFullWidth .kennisBankSubGridContainer .kennisbankSubThemaContainer .kennisbankSubLijst .subThemaListItem a {
font-size: var(--font-size-text);
line-height: var(--line-height-input);
text-decoration: none;
}
.kennisbankSingleHeroFullWidth {
position: relative;
min-height: 60vh;
min-height: 60svh;
padding: 200px 0 150px 0;
}
.kennisbankSingleHeroFullWidth .kennisbankSingleHeroContainer {
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-align: center;
-ms-flex-align: center;
align-items: center;
}
.kennisbankSingleContentFull {
padding-top: 0;
}
.kennisbankSingleContentFull .kennisbankSingleContentContainer {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin-top: -100px;
}
.kennisbankSingleContentFull .kennisbankSingleContentContainer .kennisbankSingleContentTop {
width: 100%;
min-height: 300px;
border-radius: 20px 20px 0 0;
}
.kennisbankSingleContentFull .kennisbankSingleContentContainer .kennisbankSingleContentBottom {
background-color: var(--kleur-wit);
border-radius: 0 0 20px 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
overflow: hidden;
}
.kennisbankSingleContentFull .kennisbankSingleContentContainer .kennisbankSingleContentBottom .kennisbankSingleContentBottomLeft {
padding: 40px;
width: 65%;
}
.kennisbankSingleContentFull .kennisbankSingleContentContainer .kennisbankSingleContentBottom .kennisbankSingleContentBottomLeft .kennisbankSingleProjectLabel {
display: inline-block;
font-size: var(--font-size-button);
line-height: var(--line-height-button);
font-weight: var(--font-weight-medium);
background-color: var(--kleur-roze);
color: var(--kleur-wit);
text-decoration: none;
padding: 16px 20px;
border-radius: 25px;
margin-bottom: 20px;
}
.kennisbankSingleContentFull .kennisbankSingleContentContainer .kennisbankSingleContentBottom .kennisbankSingleContentBottomLeft h1 {
font-size: var(--font-size-big);
line-height: var(--line-height-big);
}
.kennisbankSingleContentFull .kennisbankSingleContentContainer .kennisbankSingleContentBottom .kennisbankSingleContentBottomLeft .kennisbankSingleContentVideo {
position: relative;
padding-bottom: 56.25%;
overflow: hidden;
max-width: 100%;
height: auto;
margin-top: 40px;
}
.kennisbankSingleContentFull .kennisbankSingleContentContainer .kennisbankSingleContentBottom .kennisbankSingleContentBottomLeft .kennisbankSingleContentVideo iframe,
.kennisbankSingleContentFull .kennisbankSingleContentContainer .kennisbankSingleContentBottom .kennisbankSingleContentBottomLeft .kennisbankSingleContentVideo object,
.kennisbankSingleContentFull .kennisbankSingleContentContainer .kennisbankSingleContentBottom .kennisbankSingleContentBottomLeft .kennisbankSingleContentVideo embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.kennisbankSingleContentFull .kennisbankSingleContentContainer .kennisbankSingleContentBottom .kennisbankSingleContentBottomRight {
background-color: var(--kleur-grijs-licht);
padding: 40px;
width: 35%;
}
.kennisbankSingleContentFull .kennisbankSingleContentContainer .kennisbankSingleContentBottom .kennisbankSingleContentBottomRight h2 {
font-size: var(--font-size-medium);
line-height: var(--line-height-medium);
}
.kennisbankSingleContentFull .kennisbankSingleContentContainer .kennisbankSingleContentBottom .kennisbankSingleContentBottomRight .kennisbankSingleDownloadLijst {
list-style-type: none;
}
.kennisbankSingleContentFull .kennisbankSingleContentContainer .kennisbankSingleContentBottom .kennisbankSingleContentBottomRight .kennisbankSingleDownloadLijst li {
position: relative;
padding-left: 30px;
margin-bottom: 16px;
}
.kennisbankSingleContentFull .kennisbankSingleContentContainer .kennisbankSingleContentBottom .kennisbankSingleContentBottomRight .kennisbankSingleDownloadLijst li::before {
content: "";
position: absolute;
top: 6px;
left: 0;
height: 18px;
width: 18px;
background-image: url(//samenwerkingsagendajeugdhulptwente.nl/wp-content/themes/SJT-theme/img/arrow-right-pink.svg);
background-size: cover;
background-position: center;
}
.kennisbankSingleContentFull .kennisbankSingleContentContainer .kennisbankSingleContentBottom .kennisbankSingleContentBottomRight .kennisbankSingleDownloadLijst li a {
font-size: var(--font-size-text);
line-height: var(--line-height-input);
text-decoration: none;
}
.kennisbankSingleContentFull .kennisbankSingleContentContainer .kennisbankSingleContentBottom .kennisbankSingleContentBottomRight .kennisbankSingleDownloadLijst li a:hover {
text-decoration: underline;
}
.eventsGridContainer {
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 40px;
}
.eventsGridContainer a {
text-decoration: none;
}
.eventsGridContainer .eventGridItem {
display: grid;
grid-template-columns: 1fr 1fr;
background-color: var(--kleur-wit);
padding: 20px;
border-radius: 50px;
height: 100%;
}
.eventsGridContainer .eventGridItem .eventGridItemItemLeft {
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;
padding: 20px;
}
.eventsGridContainer .eventGridItem .eventGridItemItemLeft .eventGridCatLabel {
display: inline-block;
text-decoration: underline;
font-weight: var(--font-weight-medium);
margin-bottom: 40px;
}
.eventsGridContainer .eventGridItem .eventGridItemItemLeft h2 {
font-size: var(--font-size-medium);
line-height: var(--line-height-medium);
font-weight: var(--font-weight-semibold);
}
.eventsGridContainer .eventGridItem .eventGridItemItemLeft .eventGridDatumLabel {
position: relative;
display: inline-block;
font-size: var(--font-size-button);
line-height: var(--line-height-button);
font-weight: var(--font-weight-medium);
text-decoration: none;
padding: 16px 60px;
border-radius: 25px;
background-color: var(--kleur-paars-donker);
color: var(--kleur-wit);
-ms-flex-item-align: start;
align-self: flex-start;
margin-top: 20px;
}
.eventsGridContainer .eventGridItem .eventGridItemItemLeft .eventGridDatumLabel::before {
content: "";
position: absolute;
left: 20px;
top: 10px;
width: 26px;
height: 28px;
background-image: url(//samenwerkingsagendajeugdhulptwente.nl/wp-content/themes/SJT-theme/img/icon-calendar-white.svg);
background-size: 80%;
background-repeat: no-repeat;
background-position: center;
}
.eventsGridContainer .eventGridItem .eventGridItemRight {
background-size: cover;
background-position: center;
border-radius: 45px;
}
.singleEventHeroFullWidth {
padding: 200px 0 100px;
position: relative;
min-height: 100vh;
min-height: 100svh;
}
.singleEventHeroFullWidth .singleEventHeroContainer .eventSingleHeaderItem {
display: grid;
grid-template-columns: 1fr 1fr;
background-color: var(--kleur-wit);
padding: 20px;
border-radius: 50px;
height: 100%;
}
.singleEventHeroFullWidth .singleEventHeroContainer .eventSingleHeaderItem .eventSingleHeaderItemLeft {
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;
padding: 20px;
}
.singleEventHeroFullWidth .singleEventHeroContainer .eventSingleHeaderItem .eventSingleHeaderItemLeft .eventSingleHeaderItemLeftTitleContainer {
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;
}
.singleEventHeroFullWidth .singleEventHeroContainer .eventSingleHeaderItem .eventSingleHeaderItemLeft .eventSingleHeaderItemCatLabel {
display: inline-block;
text-decoration: underline;
font-weight: var(--font-weight-medium);
margin-bottom: 40px;
}
.singleEventHeroFullWidth .singleEventHeroContainer .eventSingleHeaderItem .eventSingleHeaderItemLeft h3 {
font-size: var(--font-size-medium);
line-height: var(--line-height-medium);
font-weight: var(--font-weight-semibold);
}
.singleEventHeroFullWidth .singleEventHeroContainer .eventSingleHeaderItem .eventSingleHeaderItemLeft .eventSingleHeaderItemDatumLabel {
position: relative;
display: inline-block;
font-size: var(--font-size-button);
line-height: var(--line-height-button);
font-weight: var(--font-weight-medium);
text-decoration: none;
padding: 16px 60px;
border-radius: 25px;
background-color: var(--kleur-paars-donker);
color: var(--kleur-wit);
-ms-flex-item-align: start;
align-self: flex-start;
margin-top: 20px;
}
.singleEventHeroFullWidth .singleEventHeroContainer .eventSingleHeaderItem .eventSingleHeaderItemLeft .eventSingleHeaderItemDatumLabel::before {
content: "";
position: absolute;
left: 20px;
top: 10px;
width: 26px;
height: 28px;
background-image: url(//samenwerkingsagendajeugdhulptwente.nl/wp-content/themes/SJT-theme/img/icon-calendar-white.svg);
background-size: 80%;
background-repeat: no-repeat;
background-position: center;
}
.singleEventHeroFullWidth .singleEventHeroContainer .eventSingleHeaderItem .eventSingleHeaderItemRight {
background-size: cover;
background-position: center;
border-radius: 45px;
}
.singleEventContentFullWidth {
padding-bottom: 0;
}
.singleEventContentFullWidth .singleEventContentContainer {
max-width: 900px;
}
.singleEventContentFullWidth .singleEventContentContainer h2 {
font-size: var(--font-size-big);
}
.singleEventAanmeldenFullWidth .singleEventAanmeldenContainer {
max-width: 860px;
background-color: var(--kleur-wit);
border-radius: 50px;
padding: 40px 60px;
}
.singleEventAanmeldenFullWidth .singleEventAanmeldenContainer h3 {
text-align: center;
}
.singleEventAanmeldenFullWidth .singleEventAanmeldenContainer p {
text-align: center;
max-width: 500px;
margin: 0 auto;
}
.singleEventAanmeldenFullWidth .singleEventAanmeldenContainer .eventAanmeldFormulierContainer {
margin-top: 40px;
}
.singleEventAanmeldenFullWidth .singleEventAanmeldenContainer .eventAanmeldFormulierContainer .nf-before-form-content,
.singleEventAanmeldenFullWidth .singleEventAanmeldenContainer .eventAanmeldFormulierContainer .nf-after-form-content {
display: none;
}
.singleEventAanmeldenFullWidth .singleEventAanmeldenContainer .eventAanmeldFormulierContainer .nf-form-content nf-fields-wrap {
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 20px;
grid-template-areas: "fci1 fci2" "fci3 fci3";
}
.singleEventAanmeldenFullWidth .singleEventAanmeldenContainer .eventAanmeldFormulierContainer .nf-form-content nf-fields-wrap .eventAanmeldNaamContainer {
display: none;
pointer-events: none;
opacity: 0;
}
.singleEventAanmeldenFullWidth .singleEventAanmeldenContainer .eventAanmeldFormulierContainer .nf-form-content nf-fields-wrap nf-field:nth-child(2) {
grid-area: fci1;
}
.singleEventAanmeldenFullWidth .singleEventAanmeldenContainer .eventAanmeldFormulierContainer .nf-form-content nf-fields-wrap nf-field:nth-child(2) .nf-field-element input {
height: 50px;
border: 0;
border-bottom: 2px solid var(--kleur-roze);
font-size: var(--font-size-input);
}
.singleEventAanmeldenFullWidth .singleEventAanmeldenContainer .eventAanmeldFormulierContainer .nf-form-content nf-fields-wrap nf-field:nth-child(3) {
grid-area: fci2;
}
.singleEventAanmeldenFullWidth .singleEventAanmeldenContainer .eventAanmeldFormulierContainer .nf-form-content nf-fields-wrap nf-field:nth-child(3) .nf-field-element input {
height: 50px;
border: 0;
border-bottom: 2px solid var(--kleur-roze);
font-size: var(--font-size-input);
}
.singleEventAanmeldenFullWidth .singleEventAanmeldenContainer .eventAanmeldFormulierContainer .nf-form-content nf-fields-wrap nf-field:nth-child(4) {
grid-area: fci3;
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-align: center;
-ms-flex-align: center;
align-items: center;
margin-top: 20px;
}
.singleEventAanmeldenFullWidth .singleEventAanmeldenContainer .eventAanmeldFormulierContainer .nf-form-content nf-fields-wrap nf-field:nth-child(4) .nf-field-element input {
background-color: var(--kleur-paars-donker);
color: var(--kleur-tekst-licht);
border: 0;
display: inline-block;
font-size: var(--font-size-button);
line-height: var(--line-height-button);
font-weight: var(--font-weight-medium);
text-decoration: none;
padding: 16px 20px;
border-radius: 25px;
cursor: pointer;
}
.singleEventAanmeldenFullWidth .singleEventAanmeldenContainer .eventAanmeldFormulierContainer .nf-form-content nf-fields-wrap .nf-field-container {
margin-bottom: 0;
}
.contactHeroFullWidth {
position: relative;
min-height: 100vh;
min-height: 100svh;
padding: 200px 0;
}
.contactHeroFullWidth .contactHeroContainer {
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;
}
.contactHeroFullWidth .contactHeroContainerTop {
padding-bottom: 50px;
border-bottom: 1px solid var(--kleur-roze);
}
.contactHeroFullWidth .contactHeroContainerTop .contactHeroEmail {
font-weight: var(---font-weight-regular);
}
.contactHeroFullWidth .contactHeroContainerTop .contactHeroEmail a {
text-decoration: none;
}
.contactHeroFullWidth .contactHeroContainerBottom {
padding-top: 50px;
}
.contactHeroFullWidth .contactHeroContainerBottom p {
max-width: 400px;
}
.contactHeroFullWidth .contactAdresLijst {
list-style-type: none;
padding-top: 5px;
}
.contactHeroFullWidth .contactAdresLijst .contactAdresLijstNaam {
font-weight: var(--font-weight-medium);
}
.contactHeroFullWidth .contactAdresLijst li {
margin-bottom: 10px;
color: var(--kleur-paars-donker);
font-size: var(--font-size-medium);
}
.contactAfbeeldingFullWidth {
padding: 0 0 0 0;
}
.contactAfbeeldingFullWidth .contactAfbeelding {
-webkit-transform: translateY(-100px);
transform: translateY(-100px);
border-radius: 25px;
}
.searchHeroFullWidth {
position: relative;
min-height: 60vh;
min-height: 60svh;
padding: 200px 0 150px 0;
}
.searchHeroFullWidth .searchHeroContainer {
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-align: center;
-ms-flex-align: center;
align-items: center;
}
.searchHeroFullWidth .searchHeroContainer h1 {
font-size: var(--font-size-sub-hero);
line-height: var(--line-height-sub-hero);
text-align: center;
}
.searchHeroFullWidth .searchHeroContainer p {
max-width: 800px;
text-align: center;
}
.searchHeroFullWidth .searchHeroContainer .searchHeroAgainContainer {
width: 100%;
max-width: 800px;
border-bottom: 1px solid var(--kleur-roze);
margin-top: 25px;
}
.searchHeroFullWidth .searchHeroContainer .searchHeroAgainContainer .searchForm {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
}
.searchHeroFullWidth .searchHeroContainer .searchHeroAgainContainer .searchForm input {
width: calc(100% - 50px);
height: 50px;
border: 0;
color: var(--kleur-wit);
font-size: var(--font-size-medium);
line-height: var(--line-height-medium);
font-weight: var(--font-weight-semi-bold) !important;
background-color: transparent;
}
.searchHeroFullWidth .searchHeroContainer .searchHeroAgainContainer .searchForm input::-webkit-input-placeholder {
color: var(--kleur-paars-licht);
font-weight: var(--font-weight-regular);
}
.searchHeroFullWidth .searchHeroContainer .searchHeroAgainContainer .searchForm input::-moz-placeholder {
color: var(--kleur-paars-licht);
font-weight: var(--font-weight-regular);
}
.searchHeroFullWidth .searchHeroContainer .searchHeroAgainContainer .searchForm input:-ms-input-placeholder {
color: var(--kleur-paars-licht);
font-weight: var(--font-weight-regular);
}
.searchHeroFullWidth .searchHeroContainer .searchHeroAgainContainer .searchForm input::-ms-input-placeholder {
color: var(--kleur-paars-licht);
font-weight: var(--font-weight-regular);
}
.searchHeroFullWidth .searchHeroContainer .searchHeroAgainContainer .searchForm input::placeholder {
color: var(--kleur-paars-licht);
font-weight: var(--font-weight-regular);
}
.searchHeroFullWidth .searchHeroContainer .searchHeroAgainContainer .searchForm button {
width: 50px;
background-color: transparent;
background-image: url(//samenwerkingsagendajeugdhulptwente.nl/wp-content/themes/SJT-theme/img/icon-search.svg);
background-size: 50%;
background-repeat: no-repeat;
background-position: center center;
border: 0;
cursor: pointer;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.searchHeroFullWidth .searchHeroContainer .searchHeroAgainContainer .searchForm button:hover {
background-size: 46%;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.zoekGridFullWidth {
padding-top: 0;
margin-top: -50px;
}
.zoekGridFullWidth .zoekGridContainerSectie {
display: grid;
width: 100%;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-gap: 40px;
margin-bottom: 40px;
grid-template-areas: "zi1 zi1 zi2 zi2" "zi3 zi4 zi5 zi6" "zi7 zi8 zi9 zi10";
}
.zoekGridFullWidth .zoekGridContainerSectie .zoekGridItem {
background-color: var(--kleur-wit);
padding: 20px;
}
.zoekGridFullWidth .zoekGridContainerSectie .zoekGridItem .zoekGridItemText a {
text-decoration: none;
}
.zoekGridFullWidth .zoekGridContainerSectie .zoekGridItem .zoekGridItemText h2 {
font-size: var(--font-size-medium);
line-height: var(--line-height-medium);
font-weight: var(--font-weight-semibold);
}
.zoekGridFullWidth .zoekGridContainerSectie .zoekGridItemStaand {
display: grid;
grid-gap: 40px;
grid-template-columns: 1fr 1fr;
border-radius: 50px;
}
.zoekGridFullWidth .zoekGridContainerSectie .zoekGridItemStaand .zoekGridItemText {
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;
padding: 20px;
}
.zoekGridFullWidth .zoekGridContainerSectie .zoekGridItemStaand .zoekGridItemImage {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
height: 100%;
min-height: 300px;
background-position: center;
background-size: cover;
border-radius: 45px;
overflow: hidden;
}
.zoekGridFullWidth .zoekGridContainerSectie .zoekGridItemStaand .zoekGridItemImage .zoekPostTypeLabel {
position: absolute;
top: 20px;
right: 20px;
font-size: 14px;
line-height: 14px;
background-color: var(--kleur-paars-donker);
color: var(--kleur-tekst-licht);
padding: 5px;
border-radius: 5px;
}
.zoekGridFullWidth .zoekGridContainerSectie .zoekGridItemLiggend {
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;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
border-radius: 20px;
}
.zoekGridFullWidth .zoekGridContainerSectie .zoekGridItemLiggend .zoekGridItemText h2 {
font-size: var(--font-size-text);
line-height: var(--line-height-news);
}
.zoekGridFullWidth .zoekGridContainerSectie .zoekGridItemLiggend .zoekGridItemText p {
font-size: var(--font-size-news);
line-height: var(--line-height-news);
}
.zoekGridFullWidth .zoekGridContainerSectie .zoekGridItemLiggend .zoekGridItemImage {
position: relative;
margin-bottom: 20px;
min-height: 200px;
background-position: center;
background-size: cover;
border-radius: 15px;
overflow: hidden;
}
.zoekGridFullWidth .zoekGridContainerSectie .zoekGridItemLiggend .zoekGridItemImage .zoekPostTypeLabel {
position: absolute;
top: 10px;
right: 10px;
background-color: var(--kleur-paars-donker);
color: var(--kleur-tekst-licht);
padding: 5px;
border-radius: 5px;
}
.zoekGridFullWidth .zoekGridContainerSectie .zoekGridItem1 {
grid-area: zi1;
}
.zoekGridFullWidth .zoekGridContainerSectie .zoekGridItem2 {
grid-area: zi2;
}
.zoekGridFullWidth .zoekGridContainerSectie .zoekGridItem3 {
grid-area: zi3;
}
.zoekGridFullWidth .zoekGridContainerSectie .zoekGridItem4 {
grid-area: zi4;
}
.zoekGridFullWidth .zoekGridContainerSectie .zoekGridItem5 {
grid-area: zi5;
}
.zoekGridFullWidth .zoekGridContainerSectie .zoekGridItem6 {
grid-area: zi6;
}
.zoekGridFullWidth .zoekGridContainerSectie .zoekGridItem7 {
grid-area: zi7;
}
.zoekGridFullWidth .zoekGridContainerSectie .zoekGridItem8 {
grid-area: zi8;
}
.zoekGridFullWidth .zoekGridContainerSectie .zoekGridItem9 {
grid-area: zi9;
}
.zoekGridFullWidth .zoekGridContainerSectie .zoekGridItem10 {
grid-area: zi10;
}
.footerFullWidth {
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-align: center;
-ms-flex-align: center;
align-items: center;
padding-bottom: 20px;
}
.footerFullWidth .footerTopContainer {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 0 0 60px 0;
}
.footerFullWidth .footerTopContainer .footerNavContainer .menu {
list-style-type: none;
}
.footerFullWidth .footerTopContainer .footerNavContainer .menu li {
margin-bottom: 15px;
}
.footerFullWidth .footerTopContainer .footerNavContainer .menu li a {
font-size: var(--font-size-medium);
font-weight: var(--font-weight-medium);
color: var(--kleur-paars-licht);
text-decoration: none;
}
.footerFullWidth .footerTopContainer h2 {
font-size: var(--font-size-medium);
font-weight: var(--font-weight-semibold);
color: var(--kleur-paars-licht);
margin-bottom: 40px;
}
.footerFullWidth .footerTopContainer .footerAdresLijst {
margin: 0;
list-style-type: none;
}
.footerFullWidth .footerTopContainer .footerAdresLijst li {
margin-bottom: 10px;
color: var(--kleur-paars-licht);
line-height: var(--line-height-input);
}
.footerFullWidth .footerTopContainer .footerKolomAdres {
margin: 0 20px;
}
.footerFullWidth .footerBottomContainer {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 20px 0 0 0;
max-width: 1360px;
border-top: 1px solid var(--kleur-roze);
}
.footerFullWidth .footerBottomContainer .kolom {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.footerFullWidth .footerBottomContainer .copyNavContainer .menu {
list-style-type: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: 0 60px 0 0 !important;
}
.footerFullWidth .footerBottomContainer .copyNavContainer .menu li {
margin: 0 20px;
}
.footerFullWidth .footerBottomContainer .copyNavContainer .menu li:first-child {
margin-left: 0;
}
.footerFullWidth .footerBottomContainer .copyNavContainer .menu li a {
font-size: var(--font-size-copy);
line-height: var(--line-height-copy);
color: var(--kleur-paars-licht);
text-decoration: none;
}
.footerFullWidth .footerBottomContainer p {
font-size: var(--font-size-copy);
line-height: var(--line-height-copy);
color: var(--kleur-paars-licht);
margin: 0;
}
.sr-only {
position: absolute;
left: -10000px;
top: auto;
width: 1px;
height: 1px;
overflow: hidden;
}
.sr-only:focus {
left: 20px;
top: 20px;
width: auto;
height: auto;
padding: 20px;
}
@media (max-width: 1400px) {
.overWatFullWidth {
padding: 20px;
}
.footerFullWidth .footerBottomContainer .copyNavContainer .menu {
margin: 0px 60px 0px 20px !important;
}
.footerLinkednLogo {
margin-right: 20px;
}
}
@media (max-width: 1050px) {
h1 {
font-size: var(--font-size-sub-hero);
line-height: var(--line-height-sub-hero);
}
h2 {
font-size: var(--font-size-big);
line-height: var(--line-height-big);
}
.kolomContainer {
grid-gap: 50px;
}
.heroHomeFullWidth .homeHeroContainer .heroPortret {
max-width: 100% !important;
}
.homeHeroContainer h2 {
font-size: var(--font-size-medium) !important;
line-height: var(--line-height-medium) !important;
}
.homeFeatureFullWidth h2 {
font-size: var(--font-size-sub-hero);
line-height: var(--line-height-sub-hero);
}
.homeActielijnenFullWidth .homeActielijnenLinkContainer a h3 {
font-size: var(--font-size-medium) !important;
}
.nieuwsbriefFullWidth {
background-position: 70% bottom;
}
.sectieNieuwsContainer {
grid-template-columns: 1fr !important;
}
.heroOverFullWidth .overHeroContainer .heroPortret {
max-width: 100% !important;
}
.overWatFullWidth .overWatContainer {
grid-template-columns: 1fr;
margin-bottom: 40px;
}
.overWatFullWidth .overWatContainer .overWatContainerRight {
padding: 0;
}
.overAanpakFullWidth .overAanpakContainerTop p {
max-width: 100%;
}
.overAanpakFullWidth .overAanpakContainerBottom {
grid-template-columns: 1fr;
}
.overAanpakFullWidth .overAanpakContainerBottom .aanpakItem {
padding: 40px 20px 90px 20px;
}
.overAanpakFullWidth .overAanpakContainerBottom .aanpakItem h3 {
font-size: var(--font-size-medium);
line-height: var(--line-height-medium);
}
.overStaanFullWidth .overStaanContainer p {
max-width: 100%;
}
.overStaanFullWidth .overStaanContainer .overStaanItemsContainer {
grid-template-areas: "osi1 osi1 osi2 osi2" "osi3 osi3 osi4 osi4" " . osi5 osi5 . ";
}
.heroActielijnenFullWidth .heroActielijnenContainer .heroPortret {
max-width: 100% !important;
}
.nieuwsGridFullWidth .nieuwsGridContainerSectie {
grid-template-columns: 1fr 1fr;
grid-template-areas: "gi1 gi1" "gi2 gi2" "gi3 gi4" "gi5 gi6" "gi7 gi8" "gi9 gi10";
}
.kennisPageCategorysFullWidth .kennisPageCategorysContainer {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.kennisBankSubGridFullWidth .kennisBankSubGridContainer {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.eventsGridContainer {
grid-template-columns: 1fr;
}
.singleEventAanmeldenFullWidth {
padding: 100px 20px;
}
.footerFullWidth .footerTopContainer .footerNavContainer .menu li a {
font-size: var(--font-size-text);
font-weight: var(--font-weight-text);
}
.footerFullWidth .footerBottomContainer .copyNavContainer .menu {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.footerFullWidth .footerBottomContainer .copyNavContainer .menu li {
margin: 0 0 10px 0;
}
.footerFullWidth .footerBottomContainer .copyNavContainer .menu li a {
margin: 0;
}
}
@media (max-width: 700px) {
.headerFullWidth {
height: 100px;
}
.headerFullWidth::before {
height: 100px;
}
.headerFullWidth .headerContainer a {
z-index: 999;
}
.headerFullWidth .headerLogo {
width: 100px !important;
}
.headerFullWidth .headerNavSection {
right: 20px;
width: calc(100% - 40px);
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.headerFullWidth .headerNavSection .headerNavSearchContainer {
position: fixed;
top: 100px;
right: auto;
left: 0;
width: 100%;
height: calc(100% - 100px);
border-radius: 0;
pointer-events: none;
z-index: 999;
-webkit-transition: 0.5s;
transition: 0.5s;
}
.headerFullWidth .headerNavSection .headerNavSearchContainer .searchForm {
right: -20px;
width: calc(100% - 40px);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding-top: 100px;
opacity: 0;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-transition: 0.5s;
transition: 0.5s;
}
.headerFullWidth .headerNavSection .headerNavSearchContainer .searchForm input {
width: 100%;
border-radius: 10px;
height: 50px;
margin-bottom: 20px;
}
.headerFullWidth .headerNavSection .headerNavSearchContainer .searchForm button {
height: 50px;
border-radius: 10px;
width: 200px;
-ms-flex-item-align: center;
align-self: center;
}
.headerFullWidth .headerNavSection .headerNavSearchContainer .searchFormOpen {
right: 20px;
opacity: 1;
-webkit-transition: 0.5s 0.5s;
transition: 0.5s 0.5s;
}
.headerFullWidth .headerNavSection .headerNavSearchContainerOpen {
background-color: var(--kleur-paars-licht);
-webkit-transition: 0.5s;
transition: 0.5s;
}
.headerNavMenuFullWidth {
height: calc(100vh - 100px);
height: calc(100svh - 100px);
padding-top: 50px;
}
.headerNavMenuFullWidth .headerNavMenuContainer {
position: relative;
display: block;
width: 100%;
height: 100%;
}
.headerNavMenuFullWidth .headerNavMenuContainer .headerNavMenuContainerHoofd {
position: absolute;
top: 0;
opacity: 1;
left: 20px;
width: calc(100% - 40px);
height: 100%;
-webkit-transition: 1s;
transition: 1s;
}
.headerNavMenuFullWidth .headerNavMenuContainer .headerNavMenuContainerHoofdClosed {
opacity: 0;
left: -100%;
-webkit-transition: 1s;
transition: 1s;
}
.headerNavMenuFullWidth .headerNavMenuContainer .headerNavMenuContainerSub {
position: absolute;
top: 0;
left: auto;
right: -100%;
width: calc(100% - 40px);
height: 100%;
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 0;
pointer-events: none;
-webkit-transition: 1s;
transition: 1s;
}
.headerNavMenuFullWidth .headerNavMenuContainer .headerNavMenuContainerSub .navActielijnButtonMobileBack {
display: block;
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-paars-donker);
width: 30px;
height: 30px;
border-radius: 15px;
border: none;
cursor: pointer;
}
.headerNavMenuFullWidth .headerNavMenuContainer .headerNavMenuContainerSub .menu-submenu-container {
padding-top: 20px;
-webkit-transform: translateY(0);
transform: translateY(0);
}
.headerNavMenuFullWidth .headerNavMenuContainer .headerNavMenuContainerSub .menu-submenu-container ul li a {
font-size: var(--font-size-text);
}
.headerNavMenuFullWidth .headerNavMenuContainer .headerNavMenuContainerSubOpen {
right: 20px;
pointer-events: auto;
opacity: 1;
-webkit-transition: 1s;
transition: 1s;
}
.headerNavMenuFullWidthOpen {
top: 100px;
}
.kolom-1-1,
.kolom-2-3 {
grid-template-columns: 1fr;
}
.homeFeatureFullWidth h2 {
font-size: var(--font-size-big);
line-height: var(--line-height-big);
}
.heroHomeFullWidth .homeHeroContainer .heroPortret {
width: 100%;
max-width: 280px !important;
margin: 0 auto;
}
.homeActielijnenLinkContainer h3 {
padding-right: 20px;
}
.nieuwsGridItemBottom {
padding: 20px 0 !important;
}
.nieuwsButtonsContainer {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.nieuwsButtonsContainer .nieuwsButtonsControlsContainer {
margin-bottom: 20px;
margin-right: 0 !important;
}
.sectieEventSliderItem {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
-webkit-box-orient: vertical !important;
-webkit-box-direction: reverse !important;
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
padding: 20px 20px 60px 20px !important;
}
.sectieEventSliderItem .eventSliderItemLeft {
padding: 0 !important;
}
.sectieEventSliderItem .eventSliderItemLeft h3 {
-webkit-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
}
.sectieEventSliderItem .eventSliderItemRight {
width: 100%;
min-height: 240px;
margin-bottom: 20px;
}
.overStaanFullWidth .overStaanContainer .overStaanItemsContainer {
grid-template-areas: "osi1" "osi2" "osi3" "osi4" "osi5";
}
.overStaanFullWidth .overStaanContainer .overStaanItemsContainer .overStaanItem {
padding: 40px 20px;
}
.overVoorFullWidth .overVoorInhoudContainer {
max-width: 100%;
padding: 40px 20px;
}
.actielijnenOverzichtFullWidth .actielijnenOverzichtContainerBottom .actielijnItem {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding: 40px 20px 40px 20px;
}
.actielijnenOverzichtFullWidth .actielijnenOverzichtContainerBottom .actielijnItem .actielijnItemLeft {
border: none;
padding: 0;
}
.actielijnenOverzichtFullWidth .actielijnenOverzichtContainerBottom .actielijnItem .actielijnItemLeft h3 {
font-size: var(--font-size-medium);
line-height: var(--line-height-medium);
}
.actielijnenOverzichtFullWidth .actielijnenOverzichtContainerBottom .actielijnItem .actielijnItemRight {
-ms-flex-pack: distribute;
justify-content: space-around;
}
.actielijnenOverzichtFullWidth .actielijnenOverzichtContainerBottom .actielijnItem .actielijnItemRight .actielijnIllustratie {
-webkit-transform: translateX(0);
transform: translateX(0);
}
.nieuwsGridFullWidth .nieuwsGridContainerSectie {
grid-template-columns: 1fr;
grid-template-areas: "gi1" "gi2" "gi3" "gi4" "gi5" "gi6" "gi7" "gi8" "gi9" "gi10";
}
.nieuwsGridFullWidth .nieuwsGridContainerSectie .nieuwsGridItemStaand {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.nieuwsGridFullWidth .nieuwsGridContainerSectie .nieuwsGridItemStaand .nieuwsGridItemImage {
min-height: 200px;
border-radius: 15px;
}
.kennisPageCategorysFullWidth .kennisPageCategorysContainer {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
.kennisBankSubGridFullWidth .kennisBankSubGridContainer {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
.kennisbankSingleContentFull .kennisbankSingleContentContainer .kennisbankSingleContentBottom {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.kennisbankSingleContentFull .kennisbankSingleContentContainer .kennisbankSingleContentBottom .kennisbankSingleContentBottomLeft {
width: 100%;
padding: 40px 20px;
}
.kennisbankSingleContentFull .kennisbankSingleContentContainer .kennisbankSingleContentBottom .kennisbankSingleContentBottomRight {
width: 100%;
padding: 40px 20px;
}
.eventsGridContainer {
grid-template-columns: 1fr;
}
.eventsGridContainer .eventGridItem {
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;
}
.eventsGridContainer .eventGridItem .eventGridItemItemLeft {
padding: 20px 0;
}
.eventsGridContainer .eventGridItem .eventGridItemRight {
min-height: 250px;
}
.singleEventHeroFullWidth .singleEventHeroContainer .eventSingleHeaderItem {
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;
}
.singleEventHeroFullWidth .singleEventHeroContainer .eventSingleHeaderItem .eventSingleHeaderItemLeft {
padding: 20px 0;
}
.singleEventHeroFullWidth .singleEventHeroContainer .eventSingleHeaderItem .eventSingleHeaderItemRight {
min-height: 250px;
}
.singleEventAanmeldenFullWidth .singleEventAanmeldenContainer {
padding: 20px 40px;
}
.singleEventAanmeldenFullWidth .singleEventAanmeldenContainer .eventAanmeldFormulierContainer .nf-form-content nf-fields-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
grid-template-areas: none;
}
.singleEventAanmeldenFullWidth .singleEventAanmeldenContainer .eventAanmeldFormulierContainer .nf-form-content nf-fields-wrap nf-field {
grid-area: none !important;
}
.singlePostContentFullWidth .singlePostContentContainer .singlePostQuoteContainer {
padding: 20px;
}
.singlePostHeroFullWidth .singlePostHeroContainer h1 {
font-size: var(--font-size-big);
line-height: var(--line-height-big);
}
.sectieNieuwsFullWidth .sectieNieuwsContainer .sectieNieuwsSliderNoInit {
grid-template-columns: 1fr;
}
.contactHeroFullWidth .contactHeroContainerBottom {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.nieuwsbriefFullWidth {
padding: 50px 0;
}
.nieuwsbriefFullWidth .nieuwsbriefOverlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(255, 255, 255, 0.7);
pointer-events: none;
z-index: 0;
}
.nieuwsbriefFullWidth .nieuwsbriefContainer .nieuwsbriefContainerTop .nieuwsbriefFormulierContainer {
padding: 20px;
height: 150px;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.nieuwsbriefFullWidth .nieuwsbriefContainer .nieuwsbriefContainerTop .nieuwsbriefFormulierContainer .nf-form-content nf-fields-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.nieuwsbriefFullWidth .nieuwsbriefContainer .nieuwsbriefContainerTop .nieuwsbriefFormulierContainer .email-container input {
min-width: 100%;
max-width: 100%;
}
.nieuwsbriefFullWidth .nieuwsbriefContainer .nieuwsbriefContainerTop .nieuwsbriefFormulierContainer .email-container .nf-error-msg {
bottom: -115px;
}
.nieuwsbriefFullWidth .nieuwsbriefContainer .nieuwsbriefContainerTop .nieuwsbriefFormulierContainer .submit-container .nf-field-element input {
width: 100%;
}
.contactFooterFullWidth .contactFooterContainer .contactFooterFormulierContainer {
padding: 20px;
}
.contactFooterFullWidth .contactFooterContainer .contactFooterFormulierContainer .nf-form-content nf-fields-wrap {
grid-template-columns: 1fr;
grid-template-areas: none;
}
.contactFooterFullWidth .contactFooterContainer .contactFooterFormulierContainer .nf-form-content nf-fields-wrap nf-field {
grid-area: unset !important;
}
.footerFullWidth .footerTopContainer {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding-bottom: 20px;
}
.footerFullWidth .footerTopContainer .kolom {
margin-bottom: 50px;
}
.footerFullWidth .footerBottomContainer {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.footerFullWidth .footerBottomContainer .kolom {
-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;
margin-bottom: 20px;
}
.footerFullWidth .footerBottomContainer .copyNavContainer {
margin-bottom: 20px;
}
.footerFullWidth .footerBottomContainer .copyNavContainer .menu {
margin-right: 0;
}
.footerFullWidth .footerBottomContainer p {
margin-left: 20px;
}
.footerFullWidth .footerBottomContainer .footerLinkednLogo {
margin-left: 20px;
}
}
@media (max-width: 360px) {
.normalContainer {
padding: 0 5px;
}
ul,
ol {
margin: 0 0 40px 5px;
}
ul li,
ol li {
overflow-wrap: break-word;
}
p {
font-size: 12px !important;
overflow-wrap: break-word;
}
h1,
h2,
h3 {
font-size: var(--font-size-medium) !important;
line-height: var(--line-height-medium) !important;
overflow-wrap: break-word;
}
.headerFullWidth {
height: 50px;
}
.headerFullWidth::before {
height: 50px;
}
.headerFullWidth .headerLogo {
width: 60px !important;
}
.headerFullWidth .headerNavSection {
right: 5px;
width: calc(100% - 10px);
}
.headerFullWidth .headerNavSection .headerNavSearchContainer {
top: 50px;
height: calc(100% - 50px);
}
.headerFullWidth .headerNavSection .headerNavSearchContainer .searchForm {
padding-top: 40px;
}
.headerFullWidth .headerNavMenuFullWidth {
height: calc(100vh - 50px);
height: calc(100svh - 50px);
padding-top: 10px;
}
.headerFullWidth .headerNavMenuFullWidth .headerNavMenuContainer .headerNavMenuContainerHoofd {
left: 5px;
width: calc(100% - 10px);
}
.headerFullWidth .headerNavMenuFullWidth .headerNavMenuContainer .headerNavMenuContainerHoofd ul .navActielijnButton .navActielijnButtonPlus {
left: 100px;
margin-left: 0;
width: 15px;
height: 15px;
}
.headerFullWidth .headerNavMenuFullWidth .headerNavMenuContainer .headerNavMenuContainerHoofd ul li {
line-height: 14px;
margin-bottom: 4px;
}
.headerFullWidth .headerNavMenuFullWidth .headerNavMenuContainer .headerNavMenuContainerHoofd ul li:hover {
padding-left: 5px;
}
.headerFullWidth .headerNavMenuFullWidth .headerNavMenuContainer .headerNavMenuContainerHoofd ul li a {
font-size: 14px;
line-height: 14px;
}
.headerFullWidth .headerNavMenuFullWidth .headerNavMenuContainer .headerNavMenuContainerSub {
left: 5px;
width: calc(100% - 10px);
}
.headerFullWidth .headerNavMenuFullWidth .headerNavMenuContainer .headerNavMenuContainerSub .menu-submenu-container {
padding-top: 5px;
}
.headerFullWidth .headerNavMenuFullWidth .headerNavMenuContainer .headerNavMenuContainerSub .menu-submenu-container ul li {
font-size: 14px;
line-height: 14px;
margin-bottom: 5px;
}
.headerFullWidth .headerNavMenuFullWidth .headerNavMenuContainer .headerNavMenuContainerSub .menu-submenu-container ul li:hover {
padding-left: 5px;
}
.headerFullWidth .headerNavMenuFullWidth .headerNavMenuContainer .headerNavMenuContainerSub .menu-submenu-container ul li a {
font-size: 12px;
line-height: 12px;
}
.headerFullWidth .headerNavMenuFullWidth .headerNavMenuContainer .headerNavMenuContainerSub .navActielijnButtonMobileBack {
width: 15px;
height: 15px;
}
.headerFullWidth .headerNavMenuFullWidth .headerNavSocialContainer {
padding: 5px 0;
}
.headerFullWidth .headerNavMenuFullWidth .headerNavSocialContainer p,
.headerFullWidth .headerNavMenuFullWidth .headerNavSocialContainer a {
font-size: 14px;
line-height: 14px;
}
.headerFullWidth .headerNavMenuFullWidthOpen {
top: 50px;
}
.homeHeroContainer h1 {
font-size: var(--font-size-big);
line-height: var(--line-height-big);
}
.overHeroContainer h1 {
font-size: var(--font-size-big);
line-height: var(--line-height-big);
}
.heroActielijnenContainer h1 {
font-size: var(--font-size-big);
line-height: var(--line-height-big);
}
.homeActielijnenFullWidth .homeActielijnenLinkContainer a h3 {
font-size: var(--font-size-text) !important;
line-height: var(--line-height-text) !important;
}
.eventsTeaserFullWidth .eventsTeaserContainer .sectieEventSliderContainer .sectieEventSliderItem .eventSliderItemLeft h3 {
font-size: var(--font-size-medium);
line-height: var(--line-height-medium);
}
.overAanpakFullWidth .overAanpakContainerBottom .aanpakItem h3 {
font-size: var(--font-size-text);
line-height: var(--line-height-text);
}
.overStaanFullWidth .overStaanContainer .overStaanItemsContainer .overStaanItem {
padding: 20px;
}
.overVoorFullWidth .overVoorInhoudContainer {
padding: 40px 20px;
}
.actielijnenOverzichtFullWidth .actielijnenOverzichtContainerBottom .actielijnItem .actielijnItemLeft h3 {
font-size: var(--font-size-text);
line-height: var(--line-height-text);
}
.kennisPageCategorysFullWidth .kennisPageCategorysContainer {
grid-template-rows: 500px;
}
.kennisPageHeroFullWidth .kennisPageHeroContainer img {
max-width: 100%;
}
.singleEventHeroFullWidth .singleEventHeroContainer .eventSingleHeaderItem .eventSingleHeaderItemLeft .eventSingleHeaderItemDatumLabel,
.eventsGridContainer .eventGridItem .eventGridItemItemLeft .eventGridDatumLabel {
padding: 16px 16px 16px 60px;
}
.footerFullWidth .footerTopContainer .footerKolomAdres {
margin: 0 5px 30px 5px;
}
.footerFullWidth .footerBottomContainer .copyNavContainer {
margin-left: 5px;
}
.footerFullWidth .footerBottomContainer .copyNavContainer .menu {
margin: 0 !important;
}
.footerFullWidth .footerBottomContainer .copyNavContainer .menu li {
margin-bottom: 0;
}
.footerFullWidth .footerBottomContainer p {
margin-left: 5px;
}
.footerFullWidth .footerBottomContainer .footerLinkednLogo {
margin-left: 5px;
}
}