/* Theme Name: Meander Kapelle 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 { --donkerblauw: #333B8F; --blauw: #37A9E1; --roze: #DB5197; --groen: #78AD42; --paars: #951B81; --oranje: #F07E31; --altblauw: #7FBFEA; --altroze: #E6007E; --altgroen #A0C071; --altpaars: #AD599E; --altoranje: #F5A164; --lichtblauw: #f2f9fd; --lichtroze: #f5e7ee; --lichtgroen #ebf0e4; --lichtpaars: #f0e8ef; --lichtoranje: #fff7eb; --donker: #292358; --wit: #ffffff; } /* 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; text-decoration:none; font-size:16px; background-color:var(--donkerblauw); color:#fff; border:1px solid var(--donkerblauw); height:40px; line-height:40px; padding:0 20px; border-radius:20px;} .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{background-color:#fff; color:var(--donkerblauw);} /* header */ #masthead{z-index:100 !important;} /* zoeken */ .search-toggle-open{border-radius:0; padding-top: 30px !important; transform: translateY(-10px);} .search-toggle-open-container{} .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;} /* main menu */ #site-navigation .menu li.blauw > a, #site-navigation .menu li.blauw > a span, #site-navigation .menu li.blauw > a .dropdown-nav-toggle svg { color:var(--blauw); fill:var(--blauw);} #site-navigation .menu li.blauw .sub-menu {background-color:var(--blauw);} #site-navigation .menu li.blauw .sub-menu a:hover, #site-navigation .menu li.blauw ul li.menu-item.current-menu-item > a { background-color: var(--altblauw);} #site-navigation .menu li.roze > a, #site-navigation .menu li.roze > a span, #site-navigation .menu li.roze > a .dropdown-nav-toggle svg { color:var(--roze); fill:var(--roze);} #site-navigation .menu li.roze .sub-menu {background-color:var(--roze);} #site-navigation .menu li.roze .sub-menu a:hover, #site-navigation .menu li.roze ul li.menu-item.current-menu-item > a { background-color: var(--altroze);} #site-navigation .menu li.oranje > a, #site-navigation .menu li.oranje > a span, #site-navigation .menu li.oranje > a .dropdown-nav-toggle svg { color:var(--oranje); fill:var(--oranje);} #site-navigation .menu li.oranje .sub-menu {background-color:var(--oranje);} #site-navigation .menu li.oranje .sub-menu a:hover, #site-navigation .menu li.oranje ul li.menu-item.current-menu-item > a { background-color: var(--altoranje);} #site-navigation .menu li.groen > a, #site-navigation .menu li.groen > a span, #site-navigation .menu li.groen > a .dropdown-nav-toggle svg { color:var(--groen); fill:var(--groen);} #site-navigation .menu li.groen .sub-menu {background-color:var(--groen);} #site-navigation .menu li.groen .sub-menu a:hover, #site-navigation .menu li.groen ul li.menu-item.current-menu-item > a { background-color: var(--altgroen);} #site-navigation .menu li.paars > a, #site-navigation .menu li.paars > a span, #site-navigation .menu li.paars > a .dropdown-nav-toggle svg { color:var(--paars); fill:var(--paars);} #site-navigation .menu li.paars .sub-menu {background-color:var(--paars);} #site-navigation .menu li.paars .sub-menu a:hover, #site-navigation .menu li.paars ul li.menu-item.current-menu-item > a { background-color: var(--altpaars);} #site-navigation .menu li.knop{margin-left:10px;} #site-navigation .menu li.knop a{padding-top:0; padding-bottom:0; background-color:var(--blauw); border:1px solid var(--blauw); color:#fff;} #site-navigation .menu li.knop a:hover{background-color:#fff; color:var(--blauw);} #mobile-menu.menu li.knop a{border: 0; background-color: transparent; line-height: inherit; border-radius: 0;} /* nieuws kadence */ /* kadence nieuws overzicht */ .wp-block-kadence-posts{} .wp-block-kadence-posts .post-thumbnail{-webkit-mask-image: url('images/nieuws_masker.svg'); mask-image: url('images/nieuws_masker.svg');-webkit-mask-size: cover; mask-size: cover;-webkit-mask-repeat: no-repeat;mask-repeat: no-repeat;-webkit-mask-position: center; mask-position: center;} .wp-block-kadence-posts .kb-post-list-item:nth-child(2) .post-thumbnail {transform: scaleX(-1);} .wp-block-kadence-posts .kb-post-list-item:nth-child(2) .post-thumbnail img {transform: scaleX(-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{} .wp-block-kadence-posts .entry-content-wrap .entry-footer a.post-more-link{ text-transform:none; letter-spacing:0; font-weight:300;} .wp-block-kadence-posts .entry-content-wrap .entry-footer a.post-more-link:hover{} .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{} #archive-container .entry-content-wrap .entry-footer a.post-more-link{ text-transform:none; letter-spacing:0;} #archive-container .entry-content-wrap .entry-footer a.post-more-link:hover{} #archive-container .entry-content-wrap .entry-footer a.post-more-link .kadence-svg-iconset{display:none;} /* vorm onderaan op achtergrond */ #inner-wrap{position:relative; } #inner-wrap:before{content:""; position:absolute; left:0; bottom:-280px; width:100%; height:1200px; background-image:url('images/stijlelement.svg'); background-size:contain; background-repeat:no-repeat; background-position:bottom left; background-size: auto 1200px; } /* footer */ .custom-footer{color:#fff; position:relative; margin-top:80px;} .custom-footer:before{content:""; position:absolute; width:100%; height:calc(100% + 100px); left:calc(50% - 700px); top:-80px; background-color:var(--donker); -webkit-mask-image: url("images/vorm_footer.svg"); mask-image: url("images/vorm_footer.svg"); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat;} .custom-footer a:link, .custom-footer a:visited, .custom-footer a:hover, .custom-footer a:active{color:#fff; text-decoration:none;} .custom-footer .footer-tekst h6{} .custom-footer .footer-tekst h6 + p{margin-top:5px;} .custom-footer .footer-tekst a:hover{text-decoration:underline;} .custom-footer .wp-block-social-link{border-radius:0;} .custom-footer .footer-links .blauw a{color:var(--blauw);} .custom-footer .footer-links .roze a{color:var(--roze);} .custom-footer .footer-links .oranje a{color:var(--oranje);} .custom-footer .footer-links .groen a{color:var(--groen);} .custom-footer .footer-links .paars a{color:var(--paars);} .custom-footer .footer-links a:hover span + span{color:#fff !important;} /* banner */ .banner-big{position:relative;} .banner-big:after{content:""; z-index:10; position:absolute; width:150%; bottom:-1px; left:-20%; background-color:#fff; aspect-ratio:1954/ 786; -webkit-mask-image: url("images/banner_masker.svg"); mask-image: url("images/banner_masker.svg"); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat;} .banner-big > .kt-row-column-wrap{position:relative; z-index:30;} .banner-big .banner-txt{} .banner-big .banner-txt h1 + h1{ margin-top:-25px;} .banner-big .banner-side{position:relative;} .banner-big .banner-side .banner-cta{ position:absolute; top:240px; left:0; width:100%;} .banner-color{position:relative;} .banner-color:before{content:""; z-index:20; position:absolute; left:0; top:0px; height:100%; width:60%; background-color:var(--blauw); -webkit-mask-image: url("images/vorm_banner_vlak.svg"); mask-image: url("images/vorm_banner_vlak.svg"); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat;} .banner-color > .kt-row-column-wrap{position:relative; z-index:50 !important;} /* banner editor z-index fix*/ .editor-styles-wrapper .banner-color > .innerblocks-wrap{position:relative;z-index:50 !important;} .editor-styles-wrapper .banner-color:before{pointer-events:none;} .banner-color.blauw:before{background-color:var(--blauw);} .banner-color.oranje:before{background-color:var(--oranje);} .banner-color.roze:before{background-color:var(--roze);} .banner-color.groen:before{background-color:var(--groen);} .banner-color.paars:before{background-color:var(--paars);} .banner-color.achtergrond-blauw:after{background-color:var(--lichtblauw);} .banner-color.achtergrond-oranje:after{background-color:var(--lichtoranje);} .banner-color.achtergrond-roze:after{background-color:var(--lichtroze);} .banner-color.achtergrond-groen:after{background-color:var(--lichtgroen);} .banner-color.achtergrond-paars:after{background-color:var(--lichtpaars);} /* actualiteiten */ .actualiteiten.roze .wp-block-kadence-posts .entry-header h2, .actualiteiten.roze .agenda-list .agenda-item .agenda-date{color:var(--roze);} .actualiteiten.oranje .wp-block-kadence-posts .entry-header h2, .actualiteiten.oranje .agenda-list .agenda-item .agenda-date{color:var(--oranje);} .actualiteiten.groen .wp-block-kadence-posts .entry-header h2, .actualiteiten.groen .agenda-list .agenda-item .agenda-date{color:var(--groen);} .actualiteiten.paars .wp-block-kadence-posts .entry-header h2{color:var(--paars);} .actualiteiten.paars .agenda-list .agenda-item .agenda-date{color:var(--altpaars);} /* vacature bolletje */ .vacature-knop a {position: relative; overflow: visible !important;} .vacature-bolletje { position:absolute; display:block; top: -2px; right:-10px; height:25px;width:25px; line-height:25px; text-align:center; font-weight:300; font-size:14px; border-radius:50%; background-color:var(--donkerblauw); text-align: center; color: #fff; -webkit-animation: bounce 2s ease infinite; animation: bounce 2s ease infinite;} #mobile-menu .vacature-bolletje {display:none;} @keyframes bounce { 0%, 20%, 50%, 80%, 100% { transform: translateY(0); } 40% { transform: translateY(-10px); } 60% { transform: translateY(-5px); } } @-webkit-keyframes bounce { 0%, 20%, 50%, 80%, 100% { -webkit-transform: translateY(0); } 40% { -webkit-transform: translateY(-10px); } 60% { -webkit-transform: translateY(-5px); } } /* agenda */ .agenda-home > .kt-inside-inner-col{position:relative;} .agenda-home > .kt-inside-inner-col:before, .agenda-home > .kt-inside-inner-col:after{content:""; display:block; position:absolute; width:100%; height:50px; background-color:inherit; -webkit-mask-image: url("images/vorm_rand.svg"); mask-image: url("images/vorm_rand.svg"); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat;} .agenda-home > .kt-inside-inner-col:before{left:0; top:-50px; } .agenda-home > .kt-inside-inner-col:after{left:0; bottom:-50px; -webkit-transform: scale(1, -1); transform: scale(1, -1);} .agenda-list{color:#fff; padding:20px 0px; font-size:18px;} .agenda-list .agenda-item{color:#fff; padding-bottom:5px;} .agenda-list .agenda-item > span{display:block;} .agenda-list .agenda-item .agenda-date{color:var(--blauw);} .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(--donker); color:#fff; border-radius:0px; text-align:center; font-size:12px;} .agenda-full .agenda-item.cat-onderwijs .agenda-date{background-color:var(--blauw);} .agenda-full .agenda-item.cat-vso .agenda-date{background-color:var(--oranje);} .agenda-full .agenda-item.cat-sbo .agenda-date{background-color:var(--roze);} .agenda-full .agenda-item.cat-dab .agenda-date{background-color:var(--groen);} .agenda-full .agenda-item.cat-elo .agenda-date{background-color:var(-paars);} .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{color:var(--donker); margin-bottom:0;} .agenda-full .agenda-item .agenda-content .agenda-categories{} .agenda-full .agenda-item .agenda-content .agenda-categories span{display:inline-block; background-color:var(--donker); color:#fff; padding:0px 5px;} .agenda-full .agenda-item .agenda-content .agenda-categories span.cat-vso{background-color:var(--oranje);} .agenda-full .agenda-item .agenda-content .agenda-categories span.cat-dab{background-color:var(--groen);} .agenda-full .agenda-item .agenda-content .agenda-categories span.cat-sbo{background-color:var(--roze);} .agenda-full .agenda-item .agenda-content .agenda-categories span.cat-elo{background-color:var(--paars);} .agenda-full .agenda-item .agenda-content .agenda-categories span.cat-onderwijs{background-color:var(--blauw);} /* driekoloms */ .driekoloms-home{} .driekoloms-home > .kt-row-column-wrap {position:relative;} .driekoloms-home > .kt-row-column-wrap > .wp-block-kadence-column{position:relative;} .driekoloms-home > .kt-row-column-wrap > .wp-block-kadence-column > .kt-inside-inner-col{position:relative;} .driekoloms-home > .kt-row-column-wrap > .wp-block-kadence-column > .kt-inside-inner-col:before, .driekoloms-home > .kt-row-column-wrap > .wp-block-kadence-column > .kt-inside-inner-col:after{content:""; display:block; position:absolute; width:100%; height:50px; background-color:inherit; -webkit-mask-image: url("images/vorm_rand.svg"); mask-image: url("images/vorm_rand.svg"); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat;} .driekoloms-home > .kt-row-column-wrap > .wp-block-kadence-column > .kt-inside-inner-col:before{top:-50px; left:0;} .driekoloms-home > .kt-row-column-wrap > .wp-block-kadence-column > .kt-inside-inner-col:after{bottom:-50px; left:0;} .driekoloms-home > .kt-row-column-wrap > .wp-block-kadence-column:nth-of-type(1) > .kt-inside-inner-col:before{} .driekoloms-home > .kt-row-column-wrap > .wp-block-kadence-column:nth-of-type(1) > .kt-inside-inner-col:after{transform: scale(-1, -1);} .driekoloms-home > .kt-row-column-wrap > .wp-block-kadence-column:nth-of-type(2) > .kt-inside-inner-col:before{-webkit-mask-image: url("images/vorm_driehoek.svg"); mask-image: url("images/vorm_driehoek.svg"); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat;} .driekoloms-home > .kt-row-column-wrap > .wp-block-kadence-column:nth-of-type(2) > .kt-inside-inner-col:after{transform: scale(-1, -1);} .driekoloms-home > .kt-row-column-wrap > .wp-block-kadence-column:nth-of-type(3) > .kt-inside-inner-col:before{transform: scale(-1, 1);} .driekoloms-home > .kt-row-column-wrap > .wp-block-kadence-column:nth-of-type(3) > .kt-inside-inner-col:after{transform: scale(1, -1);} /* LB route */ .route-wrapper{display:flex; transform:translatex(-150px);} .route-wrapper .route-img-wrapper, .route-wrapper .route-content-wrapper{width:50%; position:relative; } .route-wrapper .route-img, .route-wrapper .route-content-wrapper{aspect-ratio: 826 /647; -webkit-mask-image: url("images/vorm_afbeelding_donkerblauw.svg"); mask-image: url("images/vorm_afbeelding_donkerblauw.svg"); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat;} .route-wrapper .route-img-wrapper{z-index:20; display:flex; align-items: center; justify-content:right; transform: translatex(150px);} .route-wrapper .route-img{height:85%; background-size:cover; background-position:center center; background-repeat:no-repeat;} .route-wrapper .route-content-wrapper{z-index:10; background-color:var(--blauw); display:flex; align-items: center; justify-content: center;} .route-wrapper .route-content{color:#fff; padding-left: 40%; padding-right: 20%; padding-top:20px;} .route-wrapper .route-content .route-titel{} .route-wrapper .route-content .route-tekst{} .route-wrapper .route-content .route-titel, .route-wrapper .route-content .route-tekst, .route-wrapper .route-content .route-tekst h1, .route-wrapper .route-content .route-tekst h2, .route-wrapper .route-content .route-tekst h3, .route-wrapper .route-content .route-tekst h4, .route-wrapper .route-content .route-tekst h5, .route-wrapper .route-content .route-tekst h6, .route-wrapper .route-content .route-tekst a{color:#fff;} .route-wrapper .route-content .route-btn{margin-top:20px; background-color:var(--donker); border-color:var(--donker);} .route-wrapper .route-content .route-btn:hover{background-color:#fff; color:var(--donker);} .route-wrapper.blauw .route-content-wrapper{background-color:var(--blauw);} .route-wrapper.roze .route-content-wrapper{background-color:var(--roze);} .route-wrapper.oranje .route-content-wrapper{background-color:var(--oranje);} .route-wrapper.groen .route-content-wrapper{background-color:var(--groen);} .route-wrapper.paars .route-content-wrapper{background-color:var(--paars);} /* LB vacature */ .vacature-list{} .vacature-list .vacature-item{display:block; color:#fff; background-color:var(--blauw); border:1px solid var(--blauw); text-decoration:none; font-size:20px; padding:0 20px; margin-bottom:10px; height:60px; line-height:60px; border-radius:30px;} .vacature-list .vacature-item:after{content: "\f105"; font-family: 'Font Awesome 5 Free'; font-weight: 700; padding-right:10px; position:relative; opacity:1; position: absolute;right: 20px;} .vacature-list .vacature-item:hover{background-color:#fff; color:var(--blauw);} .vacature-list .vacature-item.cat-onderwijs{background-color:var(--blauw); border-color:var(--blauw);} .vacature-list .vacature-item.cat-vso{background-color:var(--oranje); border-color:var(--oranje);} .vacature-list .vacature-item.cat-sbo{background-color:var(--roze); border-color:var(--roze);} .vacature-list .vacature-item.cat-dab{background-color:var(--groen); border-color:var(--groen);} .vacature-list .vacature-item.cat-elo{background-color:var(-paars); border-color:var(--paars);} .vacature-list .vacature-item.cat-onderwijs:hover{background-color:#fff; color:var(--blauw);} .vacature-list .vacature-item.cat-vso:hover{background-color:#fff; color:var(--oranje);} .vacature-list .vacature-item.cat-sbo:hover{background-color:#fff; color:var(--roze);} .vacature-list .vacature-item.cat-dab:hover{background-color:#fff; color:var(--groen);} .vacature-list .vacature-item.cat-elo:hover{background-color:#fff; color:var(--paars);} /* media queries */ @media only screen and (max-width: 1600px) { .banner-big:after{width:200%; left:-45%;} .custom-footer:before{width:130%;} } @media only screen and (max-width: 1200px) { .custom-footer{background-color:var(--donker);} .custom-footer:before{display:none;} .route-wrapper{transform:none;} .route-wrapper .route-img-wrapper{width:40%} .route-wrapper .route-content-wrapper{width:60%;} } @media only screen and (max-width: 1024px) { .route-wrapper .route-img-wrapper{width:30%} .route-wrapper .route-content-wrapper{width:70%;} } @media only screen and (max-width: 767px) { .banner-big .banner-side .banner-cta{display:none;} .banner-color{background-image:none !important; background-color:var(--blauw) !important;} .banner-color:before{display:none;} .banner-color.blauw:before{background-color:var(--blauw) !important;} .banner-color.oranje:before{background-color:var(--oranje) !important;} .banner-color.roze:before{background-color:var(--roze) !important;} .banner-color.groen:before{background-color:var(--groen) !important;} .banner-color.paars:before{background-color:var(--paars) !important;} .route-wrapper{flex-direction:column;} .route-wrapper .route-img-wrapper{width:100%; transform:none; margin-bottom:30px;} .route-wrapper .route-content-wrapper{width:100%;} .route-wrapper .route-img{width:100%;} .driekoloms-home > .kt-row-column-wrap > .wp-block-kadence-column{margin-bottom:80px;} } @media only screen and (max-width: 479px) { .route-wrapper .route-content-wrapper{width:100%; -webkit-mask-image: none; mask-image: none;} .route-wrapper .route-content{padding:20px;} } /* 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; }