/*
Theme Name: VCPOZ Scholen
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 {
	--oranje: 		#E18E6A;
	--rood:			#964C64;
	--geel:			#F5D699;
	--groen:		#B6C2B2;
	--paars:		#C693C2;
	--lichtgroen:	#A3CA68;
	--donker:		#534E4E;
	--licht:		rgba(245, 214, 153, 0.4);	
}

/* 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,
#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{postion:relative; display:inline-block; margin-right:15px; font-size:14px; height:45px; line-height:45px; padding:0 30px; border-radius:23px; transition:all 0.3s ease; text-align:center; color:#fff; background-color:var(--paars); border:1px solid var(--paars); text-decoration:none;}
.knop a:hover,
a.knop: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(--paars); background-color:#fff; text-decoration:none;}
*/

/* flickity */
#wrapper .flickity-page-dots{padding-left:0;}
#wrapper .flickity-page-dots .dot{height:15px; width:15px; margin:0 4px; opacity:1; background-color:var(--lichtgrijs);}
#wrapper .flickity-page-dots .dot.is-selected{ background-color:var(--paars);}


/* zoeken */
.search-toggle-open-container{margin-left:20px;}
.search-toggle-open-container .search-toggle-open{height;36px; line-height:38px; border-radius:18px; padding:0 20px; border:1px solid #e7eff3;}
.search-toggle-open-container .search-toggle-label{ margin-right:20px;}

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


/* header */
.site-top-header-wrap{transform:translateY(36px);}
.site-container .site-header-main-section-right .site-header-item{align-items:end;}


/* menu */
#primary-menu li.current-menu-item > a{font-weight:bold;}
#primary-menu ul.sub-menu {border-radius:10px; overflow:hidden; padding-top:10px; padding-bottom:10px;}

#secondary-menu li.knop{}
#secondary-menu li.knop a{color:#fff; padding:0 30px; height:36px; line-height:36px; border-radius:18px;}
#secondary-menu li.knop a:hover{color:var(--paars);}





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

}

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

}

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

}

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

}

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

}