/* Theme Name: Rehobothschool Template: kadence Author: Cloudwise Version: 1.0.1 Text Domain: cloudwise-basis-child License: GNU General Public License v3 or later. License URI: https://www.gnu.org/licenses/gpl-3.0.html */ :root { --blauw: #98CBD0; --donkerblauw: #5A708C; --lichtgroen: #6FA192; --groen: #538777; --donkergroen: #52655B; --geel: #ECC747; --grijs: #e6e9ed; --licht: #f9f0ce; } /* knoppen */ .kb-button:not(.kb-btn-global-inherit), .kb-form .kadence-blocks-form-field .kb-forms-submit{ } .kb-button:not(.kb-btn-global-inherit).knop{} .kb-button:not(.kb-btn-global-inherit).knop:hover{} .kb-button.knop-terug:after{display:none} .kb-button.knop-terug:before{content: "\f104"; font-family: 'Font Awesome 5 Free'; font-weight: 700; padding-right:10px; position:relative; opacity:1;} .knop a, .knop a:active, .knop a:visited, a.knop, a.knop:active, a.knop:visited, .wp-block-button a, .wp-block-button a:active, .wp-block-button a:visited, .kb-adv-form-submit-button, #wrapper .wp-block-kadence-posts a.post-more-link, #wpwrap .wp-block-kadence-posts a.post-more-link, #wrapper #archive-container a.post-more-link, #wpwrap #archive-container a.post-more-link{display:inline-block; font-size:16px; line-height:45px; height:45px; text-align:center; border-radius:30px !important; color:#fff !important; background-color:var(--donkerblauw) !important; border:1px solid var(--donkerblauw); padding:0px 25px 0px 25px !important;} .knop a:hover, a.knop:hover, .wp-block-button a:hover, .kb-adv-form-submit-button:hover, #wrapper .wp-block-kadence-posts a.post-more-link:hover, #wpwrap .wp-block-kadence-posts a.post-more-link:hover, #wrapper #archive-containers a.post-more-link:hover, #wpwrap #archive-container a.post-more-link:hover { color:var(--donkerblauw) !important; background-color:#fff !important; box-shadow:none !important;} /* flickity */ #wrapper .flickity-page-dots{padding-left:0;} #wrapper .flickity-page-dots .dot{height:15px; width:15px; margin:0 4px; opacity:1; background-color:transparent; border:1px solid var(--donkerblauw);} #wrapper .flickity-page-dots .dot.is-selected{ background-color:var(--donkerblauw);} /* zoeken */ .search-toggle-open-container{display:none;} /* onzichtbaar met css, modal reroute door custom search */ .search-toggle-open-container .search-toggle-open{ } .search-toggle-open-container .search-toggle-label{} #search-drawer .drawer-inner input.search-field{border-radius:33px; padding:12px 30px !important;} #search-drawer .drawer-inner input.search-field:focus{box-shadow:none !important;} .search-items .wp-block-post-excerpt__more-text{display:none;} /* zoeken x (browser default overschrijven) */ #search-drawer input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; appearance: none; width: 20px; height: 20px; background-color: #fff; border-radius: 50%; cursor: pointer; -webkit-mask-image: url("data:image/svg+xml;utf8,\ \ \ ");-webkit-mask-repeat: no-repeat;-webkit-mask-position: center; -webkit-mask-size: contain; } /* header top */ .site-top-header-wrap .site-header-row-container-inner{position:relative;} .site-top-header-wrap .site-header-row-container-inner:before{content:""; position:absolute; left:0; top:0; width:100%; height:70px; display:block; background-color:var(--grijs);} .site-header-upper-inner-wrap .site-container{padding:0;} /* menu */ #primary-menu ul.sub-menu { border-radius: 30px; padding-top: 10px; padding-bottom: 10px;} #primary-menu ul.sub-menu > li:first-child > a {border-top-left-radius: 20px; border-top-right-radius: 20px;} #primary-menu ul.sub-menu > li:last-child > a {border-bottom-left-radius: 20px;border-bottom-right-radius: 20px; } /* header nav */ .secondary-navigation{background-color:var(--blauw); padding:20px; border-radius:45px; transform:translateY(20px);} .secondary-navigation .knop{margin:0 3px;} .secondary-navigation .knop-telefoon a, .secondary-navigation .knop-zoeken a{position:relative; width:45px !important; height:45px; padding:0 !important; border-radius:50%; overflow:hidden; font-size:0;} .secondary-navigation .knop-telefoon a:before, .secondary-navigation .knop-zoeken a:before{content:"\f095"; font-family:"Font Awesome 5 Free"; font-weight:900; position:absolute; width:45px; height:45px; line-height:45px; top:0; left:0; text-align:center; color:#fff; font-size: 18px; transition:all 0.3s ease;} .secondary-navigation .knop-telefoon a:hover:before, .secondary-navigation .knop-zoeken a:hover:before{color:var(--donkerblauw); font-size:20px;} .secondary-navigation .knop-telefoon a:before{content:"\f095";} .secondary-navigation .knop-zoeken a:before{content:"\f002";} .secondary-navigation .knop-parro a{position:relative; width:100px !important; height:45px; padding:0 !important; border-radius:50%; overflow:hidden; font-size:0; border-color:transparent; background-color:transparent !important;} .secondary-navigation .knop-parro a:hover{background-color:transparent !important;} .secondary-navigation .knop-parro a:before{content: ""; position: absolute; width: 80px; height: 35px; line-height: 45px; top: 5px; left: 10px; text-align: center; transition: all 0.3s ease; background-image: url(images/logo_parro.png); background-size: contain; background-position: center center; background-repeat: no-repeat;} /* footer */ #colophon{position:relative;} #colophon:before{content:""; display:block; width:100%; aspect-ratio:1440/ 170; max-height:170px; top:0; left:0; background-color:#fff; -webkit-mask-image: url("images/footer_uitsnede.svg"); mask-image: url("images/footer_uitsnede.svg"); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center top; mask-position: center top; webkit-mask-size: 100% 100%;mask-size: 100% 100%;} /* banner */ .banner{position:relative;} .banner:after{content:""; display:block; width:100%; position:absolute; aspect-ratio:1440/ 170; max-height:170px; bottom:0; left:0; background-color:#fff; -webkit-mask-image: url("images/banner_uitsnede.svg"); mask-image: url("images/banner_uitsnede.svg"); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center top; mask-position: center top; webkit-mask-size: 100% 100%;mask-size: 100% 100%;} /* nieuws kadence */ /* kadence nieuws overzicht */ .wp-block-kadence-posts{} .wp-block-kadence-posts .post-thumbnail{border-radius:50%; background-color:var(--grijs); aspect-ratio:1/1;} .wp-block-kadence-posts .content-bg{} .wp-block-kadence-posts .entry-taxonomies{} .wp-block-kadence-posts .entry-taxonomies .category-style-pill a{} .wp-block-kadence-posts .entry-header{margin:0;} .wp-block-kadence-posts .entry-header .entry-title{} .wp-block-kadence-posts .entry-header .entry-title a{} .wp-block-kadence-posts .entry-header .entry-title a:hover{} .wp-block-kadence-posts .entry-header .entry-meta{} .wp-block-kadence-posts .entry-summary{margin:0;} .wp-block-kadence-posts .entry-summary p{margin:0;} .wp-block-kadence-posts .entry-actions{} #wrapper .wp-block-kadence-posts .entry-content-wrap .entry-footer a.post-more-link{ text-transform:none; letter-spacing:0; font-weight:300; border-color:var(--geel); background-color:var(--geel) !important;} #wrapper .wp-block-kadence-posts .entry-content-wrap .entry-footer a.post-more-link:hover{background-color:#fff !important; color:var(--geel) !important;} .wp-block-kadence-posts .entry-content-wrap .entry-footer a.post-more-link .kadence-svg-iconset{display:none;} /* kadence nieuws archief */ #archive-container .post-thumbnail{} #archive-container .entry-taxonomies .category-style-pill a{} #archive-container .entry-header .entry-title{} #archive-container .entry-header .entry-title a{} #archive-container .entry-header .entry-title a:hover{} #archive-container .entry-header .entry-meta{} #wrapper #archive-container .entry-content-wrap .entry-footer a.post-more-link{ text-transform:none; letter-spacing:0; text-transform:none; letter-spacing:0; font-weight:300; border-color:var(--geel); background-color:var(--geel) !important;} #wrapper #archive-container .entry-content-wrap .entry-footer a.post-more-link:hover{background-color:#fff !important; color:var(--geel) !important;} #archive-container .entry-content-wrap .entry-footer a.post-more-link .kadence-svg-iconset{display:none;} /* vacature pagina */ .vacature-content-wrapper{} .vacature-content-wrapper .vacature-type, .vacature-content-wrapper .vacature-fte{display:inline-block; color:#fff; background-color:var(--groen); height:30px; line-height:30px; padding:0 15px; margin-right:10px; border-radius:15px;} .vacature-content-wrapper .vacature-fte:after{content:"FTE"; padding-left:3px;} .vacature-content-wrapper .vacature-type{background-color:var(--blauw);} .vacature-content-wrapper .vacature-fte{background-color:var(--geel);} .vacature-content-wrapper .vacature-content{padding-top:20px;} /* LB CTA */ .CTA-wrapper{background-color:var(--blauw); position:relative; min-width:300px; max-width:400px; aspect-ratio:255 / 233; margin-bottom:30px; -webkit-mask-image: url("images/hart_vorm.svg"); mask-image: url("images/hart_vorm.svg"); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center top; mask-position: center top; webkit-mask-size: 100% 100%;mask-size: 100% 100%;} .CTA-wrapper .CTA-content{text-align:center; padding:18% 10% 10% 10%; color:#fff;} .CTA-wrapper .CTA-content .CTA-title{font-size:20px; font-weight:700;} .CTA-wrapper .CTA-content .CTA-txt{} .CTA-wrapper .CTA-content .CTA-btn{margin-top:10px;} .CTA-wrapper.blauw{background-color:var(--blauw);} .CTA-wrapper.donkerblauw{background-color:var(--donkerblauw);} .CTA-wrapper.donkerblauw .CTA-content .CTA-btn{border-color:var(--blauw); color:#fff !important;background-color:var(--blauw) !important;} .CTA-wrapper.donkerblauw .CTA-content .CTA-btn:hover{color:var(--blauw) !important;background-color:#fff !important;} .CTA-wrapper.lichtgroen{background-color:var(--lichtgroen);} .CTA-wrapper.groen{background-color:var(--groen);} .CTA-wrapper.donkergroen{background-color:var(--donkergroen);} .CTA-wrapper.donkergroen .CTA-content .CTA-btn{border-color:var(--groen); color:#fff !important;background-color:var(--groen) !important;} .CTA-wrapper.donkergroen .CTA-content .CTA-btn:hover{color:var(--groen) !important;background-color:#fff !important;} .CTA-wrapper.geel{background-color:var(--geel);} .banner .CTA-banner-wrapper{position:absolute; display:flex; align-items: center; justify-content: center; top:200px; right:30px; } .CTA-banner-wrapper{position:relative; display:flex; align-items: center; justify-content: center; min-width:270px; max-width:320px; aspect-ratio:264/ 242; background-image:url("images/hart_met_rand.svg");} .CTA-banner-wrapper .CTA-banner-content{text-align:center; padding:0 10%;} .CTA-banner-wrapper .CTA-banner-content .CTA-banner-txt{font-size:20px; color:#fff; line-height:1.3; margin-bottom:15px; font-weight:500;} .CTA-banner-wrapper .CTA-banner-content .CTA-banner-btn{background-color:#fff !important; color:var(--donkerblauw) !important;} .CTA-banner-wrapper .CTA-banner-content .CTA-banner-btn:hover{background-color:var(--donkerblauw) !important; color:#fff !important;} /* LB maps */ .maps-item{display:flex; align-items: center; justify-content: center; position:relative;} .maps-item .maps-map{display:block; width:400px; aspect-ratio:1/1; border-radius:50%; background-size:cover; background-position:center center;} .maps-item .maps-img{display:block; width:250px; aspect-ratio:1/1; border-radius:50%; background-size:cover; background-position:center center; transform: translateX(-20%);} .maps-item .maps-btn{background-color:var(--geel) !important; border-color:var(--geel); position:absolute; left:calc(50% + 70px); bottom:0; } .maps-item .maps-btn:hover{background-color:#fff !important; color:var(--geel) !important;} /* LB banner */ .banner-wrapper{position:relative; display:flex; min-height:650px; background-color:var(--grijs); margin-bottom:60px;} .banner-wrapper:after{content:""; display:block; position:absolute; width:100%; aspect-ratio:1440/ 170; max-height:170px; bottom:0; left:0; background-color:#fff; -webkit-mask-image: url("images/banner_uitsnede.svg"); mask-image: url("images/banner_uitsnede.svg"); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center top; mask-position: center top; webkit-mask-size: 100% 100%;mask-size: 100% 100%;} .banner-wrapper .banner-content-wrapper{width:50%; display:flex; flex-wrap: wrap; justify-content: flex-end; align-items: stretch; background-color:var(--blauw); color:#fff;} .banner-wrapper .banner-content-wrapper .banner-content{max-width:calc(1290px/2); padding:50px 30px;} .banner-wrapper .banner-content-wrapper .banner-content .banner-btn{margin-top:20px;} .banner-wrapper .banner-img{width:50%; background-size:cover; background-repeat:no-repeat; background-position:center center;} .banner-wrapper .banner-content-wrapper a{color:#fff; text-decoration:underline !important;} .banner-wrapper .banner-content-wrapper h1, .banner-wrapper .banner-content-wrapper h2, .banner-wrapper .banner-content-wrapper h3, .banner-wrapper .banner-content-wrapper h4, .banner-wrapper .banner-content-wrapper h5, .banner-wrapper .banner-content-wrapper h6{color:var(--geel);} .banner-wrapper .banner-content-wrapper h6{font-size:16px; line-height:1.8} .banner-wrapper .banner-content-wrapper a.banner-btn{text-decoration:none !important;} .banner-wrapper.blauw .banner-content-wrapper{background-color:var(--blauw);} .banner-wrapper.blauw .banner-content-wrapper, .banner-wrapper.blauw .banner-content-wrapper a{color:#fff;} .banner-wrapper.blauw .banner-content-wrapper h1, .banner-wrapper.blauw .banner-content-wrapper h2, .banner-wrapper.blauw .banner-content-wrapper h3, .banner-wrapper.blauw .banner-content-wrapper h4, .banner-wrapper.blauw .banner-content-wrapper h5, .banner-wrapper.blauw .banner-content-wrapper h6{color:var(--donkerblauw);} .banner-wrapper.donkerblauw .banner-content-wrapper{background-color:var(--donkerblauw);} .banner-wrapper.donkerblauw .banner-content-wrapper, .banner-wrapper.donkerblauw .banner-content-wrapper a{color:#fff;} .banner-wrapper.donkerblauw .banner-content-wrapper h1, .banner-wrapper.donkerblauw .banner-content-wrapper h2, .banner-wrapper.donkerblauw .banner-content-wrapper h3, .banner-wrapper.donkerblauw .banner-content-wrapper h4, .banner-wrapper.donkerblauw .banner-content-wrapper h5, .banner-wrapper.donkerblauw .banner-content-wrapper h6{color:var(--geel);} .banner-wrapper.donkerblauw .banner-content-wrapper .knop{border-color:var(--geel); background-color:var(--geel) !important;} .banner-wrapper.donkerblauw .banner-content-wrapper .knop:hover{background-color:#fff !important; color:var(--geel) !important; } .banner-wrapper.lichtgroen .banner-content-wrapper{background-color:var(--lichtgroen);} .banner-wrapper.lichtgroen .banner-content-wrapper, .banner-wrapper.lichtgroen .banner-content-wrapper a{color:#fff;} .banner-wrapper.lichtgroen .banner-content-wrapper h1, .banner-wrapper.lichtgroen .banner-content-wrapper h2, .banner-wrapper.lichtgroen .banner-content-wrapper h3, .banner-wrapper.lichtgroen .banner-content-wrapper h4, .banner-wrapper.lichtgroen .banner-content-wrapper h5, .banner-wrapper.lichtgroen .banner-content-wrapper h6{color:var(--geel);} .banner-wrapper.lichtgroen .banner-content-wrapper .knop{border-color:var(--geel); background-color:var(--geel) !important;} .banner-wrapper.lichtgroen .banner-content-wrapper .knop:hover{background-color:#fff !important; color:var(--geel) !important; } .banner-wrapper.groen .banner-content-wrapper{background-color:var(--groen);} .banner-wrapper.groen .banner-content-wrapper, .banner-wrapper.groen .banner-content-wrapper a{color:#fff;} .banner-wrapper.groen .banner-content-wrapper h1, .banner-wrapper.groen .banner-content-wrapper h2, .banner-wrapper.groen .banner-content-wrapper h3, .banner-wrapper.groen .banner-content-wrapper h4, .banner-wrapper.groen .banner-content-wrapper h5, .banner-wrapper.groen .banner-content-wrapper h6{color:var(--geel);} .banner-wrapper.groen .banner-content-wrapper .knop{border-color:var(--geel); background-color:var(--geel) !important;} .banner-wrapper.groen .banner-content-wrapper .knop:hover{background-color:#fff !important; color:var(--geel) !important; } .banner-wrapper.donkergroen .banner-content-wrapper{background-color:var(--donkergroen);} .banner-wrapper.donkergroen .banner-content-wrapper, .banner-wrapper.donkergroen .banner-content-wrapper a{color:#fff;} .banner-wrapper.donkergroen .banner-content-wrapper h1, .banner-wrapper.donkergroen .banner-content-wrapper h2, .banner-wrapper.donkergroen .banner-content-wrapper h3, .banner-wrapper.donkergroen .banner-content-wrapper h4, .banner-wrapper.donkergroen .banner-content-wrapper h5, .banner-wrapper.donkergroen .banner-content-wrapper h6{color:var(--geel);} .banner-wrapper.donkergroen .banner-content-wrapper .knop{border-color:var(--geel); background-color:var(--geel) !important;} .banner-wrapper.donkergroen .banner-content-wrapper .knop:hover{background-color:#fff !important; color:var(--geel) !important; } .banner-wrapper.zonder-tekst .banner-content-wrapper{display:none;} .banner-wrapper.zonder-tekst .banner-img{width:100%;} /* LB kernwaarden */ .kernwaarden-main-titel{display:none;} .kernwaarden-wrapper{display:flex; flex-wrap: wrap; justify-content:space-between; padding-bottom:160px; margin-bottom:10%; margin-top:15%; position:relative;} .kernwaarden-wrapper:before{content:""; z-index:10; position:absolute; left: -50%; top: -30%; width: 200%; height: 180%; background-image:url("images/content_vorm.svg"); background-repeat:no-repeat; background-size:contain; background-position:center center;} .kernwaarden-item-wrapper{width:32%; position:relative;} .kernwaarden-item-wrapper .kernwaarden-item{background-color:var(--blauw); border-radius:30px; padding:30px; color:#fff; position:relative; z-index:20;} .kernwaarden-item .kernwaarden-titel{font-size:24px; font-weight:500; line-height:1.4;} .kernwaarden-item .kernwaarden-content{margin-top:5px;} .kernwaarden-item a.kernwaarden-btn{margin-top:15px; background-color:#fff !important; color:var(--donkerblauw) !important;} .kernwaarden-item a.kernwaarden-btn:hover{background-color:var(--donkerblauw) !important; color:#fff !important;} .kernwaarden-item-wrapper:nth-of-type(1) .kernwaarden-item{background-color:var(--lichtgroen); transform:translateY(80px);} .kernwaarden-item-wrapper:nth-of-type(2) h2{ transform:translateY(50px); color:var(--donkerblauw)} .kernwaarden-item-wrapper:nth-of-type(2) .kernwaarden-item{background-color:var(--blauw); transform:translateY(80px);} .kernwaarden-item-wrapper:nth-of-type(3) .kernwaarden-item{background-color:var(--donkerblauw)} .kernwaarden-item-wrapper:nth-of-type(3) .kernwaarden-item a.kernwaarden-btn:hover{background-color:var(--blauw) !important;} .kernwaarden-item-wrapper:nth-of-type(3):after{content:""; position:absolute; display:block; width:144px; aspect-ratio:144/ 200; right:10px; bottom:-60px; z-index:30; background-image:url("images/rugzak.svg"); background-repeat:no-repeat; background-size:contain;} /* LB citaten */ .citaat-wrapper{} .citaat-wrapper .citaat-item-wrapper{ width:100%;} .citaat-wrapper .citaat-item{width:100%; margin-bottom:30px;} .citaat-wrapper .citaat-item .citaat-img-wrapper{max-width:770px; aspect-ratio:1030 / 810; margin-left:auto; margin-right:auto; background-image:url("images/stralen.svg"); background-size:contain; background-repeat:no-repeat; background-position:center center; padding-top:20%;} .citaat-wrapper .citaat-item .citaat-img{ background-color:var(--grijs); height:240px; aspect-ratio:1/1; border-radius:50%; background-size:cover; background-repeat:no-repeat; background-position:center center; margin-left:auto; margin-right:auto;} .citaat-wrapper .citaat-item .citaat-content{text-align:center; max-width:770px; margin-left:auto; margin-right:auto; margin-top:-20px;} .citaat-wrapper .citaat-item .citaat-content .citaat-naam{color:var(--geel); font-size:20px; font-weight:500;} /* LB vacature lijst */ .vacature-lijst-wrapper{display:flex; flex-wrap: wrap; justify-content:flex-start; column-gap:3.5%;} .vacature-lijst-item{background-color:#fff; padding:30px; padding-bottom:90px; border-radius:30px; width:31%; position:relative; margin:15px 0; } .vacature-lijst-item .vacature-lijst-img{display:none;} .vacature-lijst-item .vacature-lijst-label{color:#fff; background-color:var(--geel); font-size:12px; padding: 0 10px; display:inline-block; height:30px; line-height:30px; border-radius:15px; margin-bottom:10px;} .vacature-lijst-item .vacature-lijst-label.fulltime{background-color:var(--geel);} .vacature-lijst-item .vacature-lijst-label.parttime{background-color:var(--blauw);} .vacature-lijst-item .vacature-lijst-content{display: -webkit-box; -webkit-line-clamp: 7; -webkit-box-orient: vertical; overflow: hidden;} .vacature-lijst-item .vacature-lijst-content .vacature-lijst-title{font-size:28px; color:var(--groen); line-height:1.2; } .vacature-lijst-item .vacature-lijst-content .vacature-lijst-short{ margin-top:10px;} .vacature-lijst-item a.vacature-lijst-btn{border-color:var(--groen); background-color:var(--groen) !important; position:absolute; bottom:30px; left:30px;} .vacature-lijst-item a.vacature-lijst-btn:hover{color:var(--groen) !important; background-color:#fff !important;} /* LB agenda */ .agenda-list{margin-bottom:30px;} .agenda-list .agenda-item{margin-bottom:10px; display: flex; align-items: center; justify-content: center;} .agenda-list .agenda-item .agenda-date, .agenda-list .agenda-item .agenda-title{background-color:var(--lichtgroen); color:#fff; display:inline-block; height:60px; line-height:60px; border-radius:30px; padding:0px 20px; text-align:center;} .agenda-list .agenda-item .agenda-date{background-color:var(--blauw); min-width:180px; margin-right:10px;} .agenda-list .agenda-item .agenda-title{display: block; min-width: 200px; max-width: 200px; font-weight: 700; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} .agenda-full{} .agenda-full .agenda-item{display:flex; justify-content:space-between; padding-bottom:15px;} .agenda-full .agenda-item .agenda-date{ display:flex; flex-wrap:wrap; align-items: center; justify-content: center; padding:10px; width:100px; min-height:100px; background-color:var(--geel); color:#fff; border-radius:30px; text-align:center; font-size:12px;} .agenda-full .agenda-item .agenda-date > span {width:100%;} .agenda-full .agenda-item .agenda-date .agenda-day{font-size:30px; font-weight:500; display:block; width:100%; line-height:1;} .agenda-full .agenda-item .agenda-date .agenda-month{font-size:16px; display:block; width:100%; font-weight:500; line-height:1.2;} .agenda-full .agenda-item .agenda-content{width:calc(100% - 130px);} .agenda-full .agenda-item .agenda-content .agenda-titel{var(--donkerblauw);} /* media queries */ @media only screen and (max-width: 1024px) { } @media only screen and (max-width: 767px) { .banner .CTA-banner-wrapper{display:none;} .banner-wrapper{min-height:450px;} .banner-wrapper.met-tekst{flex-direction:column;} .banner-wrapper.met-tekst .banner-content-wrapper{width:100%;} .banner-wrapper.met-tekst .banner-img{width:100%; min-height:300px;} .home-kernwaarden{background-color:var(--grijs);} .kernwaarden-main-titel{display:block; color:var(--donkerblauw); text-align:center; padding-bottom:30px;} .kernwaarden-wrapper{flex-direction:column; margin:0; padding:0;} .kernwaarden-wrapper:before{display:none;} .kernwaarden-item-wrapper{width:100%; margin-bottom:30px;} .kernwaarden-item-wrapper .kernwaarden-item{transform:none !important;} .kernwaarden-item-wrapper:nth-of-type(2) h2{display:none;} .kernwaarden-item-wrapper:nth-of-type(3):after{display:none;} .vacature-lijst-wrapper{flex-direction:column;} .vacature-lijst-item{width:100%;} } @media only screen and (max-width: 479px) { .citaat-wrapper .citaat-item .citaat-content{margin-top:0;} .agenda-list .agenda-item{flex-direction:column; margin-bottom:20px;} .agenda-list .agenda-item .agenda-date{margin-bottom:5px; width:100%;} .agenda-list .agenda-item .agenda-title{width:100%; max-width: none;} .maps-item{flex-direction:column;} .maps-item .maps-map{max-width:100%; margin-bottom:10px;} .maps-item .maps-img{max-width:100%; margin-bottom:10px; transform:none;} .maps-item .maps-btn{position:relative; left:auto; bottom:0; } }