/*

Theme Name: Varietas
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{	
	--turquoise:#00ACA8;
	--roze:#E6007E;
	--paars:#B62270;
	--twitterblauw:#46ade0;
	--blauw:#008ab7;
    --lichtblauw:#d3edec;
	--facebookblauw:#3d5a9c;
	--donkerblauw:#005675;
	--rood:#E30613;
	--groen:#76B82A;
	--lichtgroen:#c2deba;
	--oranje:#F39200;
	--geel:#FECB13;
	--wit:#fff;
	--zwart:#000;
    --donker:#444; 
	--lichtgrijs: #ececec; 
}   

/* 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; }

.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{}


/* link met pijl */
.met-pijl > a{}
.met-pijl > a:after{content:"\f061"; font-family: 'Font Awesome 5 Free'; font-weight: 700; padding-left:5px; transition:all 0.3s ease; display:inline-block; vertical-align: middle;}
.met-pijl > a:hover:after{padding-left:10px;}
h1.met-pijl > a:after,
h2.met-pijl > a:after{padding-left:8px;}
h2.met-pijl > a:hover:after,
h2.met-pijl > a:hover:after{padding-left:15px;}


/* zoeken */
.search-toggle-open-container{}
.search-toggle-open-container .search-toggle-open{ }
.search-toggle-open-container .search-toggle-label{}

.search-toggle-open-container .search-toggle-open{border-radius:22px;}

#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;} 



/* nieuws kadence */
/* kadence nieuws overzicht */
.wp-block-kadence-posts{}
.wp-block-kadence-posts .post-thumbnail{}
.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;}
.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;}


/* kadence nieuws home */
.home-nieuws{margin-bottom:1.5rem !important; row-gap:1.5rem !important;}
.home-nieuws .entry-content-wrap{padding:15px !important;}
.home-nieuws a.post-more-link{color:var(--oranje); font-size:16px; display:inline-block; vertical-align: middle; }
.home-nieuws a.post-more-link:hover{color:var(--oranje);}
.home-nieuws a.post-more-link:after{content:"\f061"; font-family: 'Font Awesome 5 Free'; font-weight: 700; padding-left:5px; transition:all 0.3s ease; display:inline-block; vertical-align: middle;}
.home-nieuws a.post-more-link:hover:after{padding-left:10px;}


/* kadence vid blok geen ronde randjes */
.wp-block-kadence-videopopup .kadence-video-popup-wrap { border-radius: 0;}


/* wp breadcrumb blok */
.wp-block-breadcrumbs ol{padding-left:0 !important;}


/* max breedte forceren, ook in kadence elements */
.content-width-fullwidth .entry-content .wp-block-kadence-rowlayout.alignwide,
.content-width-fullwidth #inner-wrap > .wp-block-kadence-rowlayout.alignwide  { max-width: 1472px; margin-left: auto; margin-right: auto;}



/* LB submenu */
.submenu{background-color:var(--lichtblauw); padding:20px 20px 40px 20px; margin-top:75px; margin-bottom:30px;}
.submenu .submenu-title a,
.submenu .submenu-title a:hover{color:var(--zwart); font-weight:bold; font-size:24px;}
.submenu ul.submenu-list{padding-left:0;}
.submenu ul.submenu-list li.submenu-item{ padding:5px 0;}
.submenu ul.submenu-list li.submenu-item a{text-decoration:none; color:var(--donker);}
.submenu ul.submenu-list li.submenu-item a:hover,
.submenu ul.submenu-list li.submenu-item.current a{color:var(--turquoise)}
.submenu ul.submenu-list li.submenu-item a:before{content: '\003E'; display:inline-block; padding-right:3px;}



/* LB Vacatures */
.vacature-home-wrapper{}
.vacature-home-wrapper .vacature-home-item{display:block; border-bottom:2px dotted #fff; padding:14px 0;}
.vacature-home-wrapper .vacature-home-item:nth-of-type(1){border-top:2px dotted #fff;}
.vacature-home-wrapper .vacature-home-item .vacature-home-content{display:block;}
.vacature-home-wrapper .vacature-home-item:hover .vacature-home-content{padding-left:20px;}
.vacature-home-wrapper .vacature-home-content .vacature-home-title{font-size:24px;}
.vacature-home-wrapper .vacature-home-content .vacature-home-cat{ margin-top:5px;}



/* LB Team */
.team-wrapper{display:flex; flex-wrap: wrap; gap:4%;}
.team-wrapper .team-item{width:48%; margin-bottom:30px;}
.team-wrapper .team-item .team-img{width:150px; aspect-ratio: 6/9; background-size: cover; background-position: center center; background-repeat: no-repeat; background-color:var(--lichtgrijs); margin-left:auto; margin-right:auto; margin-bottom:10px;}
.team-wrapper .team-item .team-content{text-align: center;}
.team-wrapper .team-item .team-functie{font-weight:bold;}



/* LB Documenten */
.docs-wrapper{width:100%;}
.docs-wrapper .docs-item{width:100%; display:flex; justify-content: space-between; align-items: center; padding:10px 10px; box-sizing:border-box;}
.docs-wrapper .docs-item:nth-of-type(2n){background-color:var(--lichtgrijs);}
.docs-wrapper .docs-item .docs-titel{}
.docs-wrapper .docs-item .docs-btn{margin-right:0; margin:0; min-width:100px;}



/* LB scholen */
.scholen { display: flex; flex-direction: column; gap: 2rem;}
.school-item { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 1.5rem; align-items: center;}
.school-item .school-img { width: 100%; max-width: 260px; aspect-ratio: 27 / 10; background-size: contain; background-position: left center; background-repeat: no-repeat;}
.school-item .school-content { grid-column: 2;}
.school-item .school-naam { margin: 0 0 0.25rem; font-size: 20px; line-height: 30px; font-weight: 700; color:var(--blauw);}
.school-item .school-adres { white-space: pre-line;}
.school-item .school-email,
.school-item .school-website { display: block; text-decoration: none; color:var(--donker);}
.school-item .school-email:before,
.school-item .school-website:before{content: "\f104"; font-family: 'Font Awesome 5 Free'; font-weight: 700; color:var(--blauw); margin-right:10px;}
.school-item .school-email:before{content:"\f0e0"}
.school-item .school-website:before{content: "\f0ac";}
.school-item .school-email:hover,
.school-item .school-website:hover { color: var(--blauw); text-decoration: underline;}



/* media queries */
@media only screen and (max-width: 1024px) {
}

@media only screen and (max-width: 767px) {
	.submenu{display:none;}

	.team-wrapper{gap:0;}
	.team-wrapper .team-item{width:100%;}

	.scholen {gap: 0;}
	.scholen .school-item {grid-template-columns: 1fr; gap: 15px; margin-bottom: 30px;}
	.scholen .school-item:last-child {margin-bottom: 0;}
	.scholen .school-img { width: 100%; max-width: 260px;}
	.scholen .school-item .school-content { grid-column: auto;}
	
}

@media only screen and (max-width: 479px) {	
}


/* 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,\
    <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'>\
    <path fill='black' d='M18.3 5.7a1 1 0 0 0-1.4 0L12 10.6 7.1 5.7a1 1 0 1 0-1.4 1.4L10.6 12l-4.9 4.9a1 1 0 1 0 1.4 1.4L12 13.4l4.9 4.9a1 1 0 0 0 1.4-1.4L13.4 12l4.9-4.9a1 1 0 0 0 0-1.4z'/>\
    </svg>");-webkit-mask-repeat: no-repeat;-webkit-mask-position: center; -webkit-mask-size: contain;
}