/*

Theme Name: Talent Westerveld Scholen
Template: kadence
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:			#00AEF7;
  --lichtblauw:		#74D3FF;	
  --oranje: 		#FF9500;
  --lichtoranje:	#FFA729;
}


.kb-button:not(.kb-btn-global-inherit),
.kb-form .kadence-blocks-form-field .kb-forms-submit{ border-style: solid !important; border-width: 2px !important; border-color: var(--blauw) !important; border-radius: 5px !important;}
.kb-button:not(.kb-btn-global-inherit).knop.kleur2{border-color: var(--oranje) !important; color:var(--oranje) !important;}
.kb-button:not(.kb-btn-global-inherit).knop.kleur2:hover{color:#fff !important; background-color:var(--oranje) !important;}

.lint{background-color:var(--blauw) !important; color:#fff !important; display: inline-block; padding-left:4%; padding-right:4%; position:relative !important;
-webkit-mask-image: url('images/lint.svg'); mask-image: url('images/lint.svg'); mask-repeat: no-repeat;}
.lint.kleur1{background-color:var(--blauw) !important;}
.lint.kleur2{background-color:var(--oranje) !important;}

/* nav */
#site-navigation,
.search-toggle-open-container{margin-top:15px;}
.main-navigation .primary-menu-container > ul > li.menu-item > a{}
.main-navigation .primary-menu-container > ul > li.menu-item.highlight > a{background-color:var(--blauw); color:#fff; border-radius:5px;}
.main-navigation .primary-menu-container > ul > li.menu-item.highlight > a:hover{background-color:var(--lichtblauw); color:#fff;}
.main-navigation .primary-menu-container > ul > li.menu-item.highlight.current-menu-item > a{background-color:var(--oranje); color:#fff;}

#nav-main .sf-menu ul, .nav-main .sf-menu ul, #nav-second .sf-menu ul, .topbarmenu .sf-menu ul {border-radius: 20px; }

.menu-toggle-open{aspect-ratio:1/1 !important;}

/* banner */ 
.home-banner,
.sub-banner{overflow:hidden; position:relative;}
.home-banner:after,
.sub-banner:after{content:""; position:absolute; display:block; height:200%; aspect-ratio:48/52;  top:-15%; right:-10%; background-image:url('images/scholen/hoekstee/vorm.svg'); background-repeat:no-repeat; background-size:contain; background-position:center center; opacity:0.9;}
.sub-banner:after{height:500%; top:-35%;}


/* home items */
.home-snel-naar-wrapper{margin-top:-120px;}


/* contact */
#post-45 .entry-content-wrap{padding-bottom:0;}

/* documenten */
.documenten-wrapper{}
.documenten-wrapper tr td p > a{display:inline-block; border-style: solid; border-width: 2px ; border-color: var(--blauw); background-color:#fff; border-radius: 5px; font-weight:700; padding:.4em 1em; font-size:1.125rem;}
.documenten-wrapper tr td p > a:hover{color:#fff; background-color:var(--blauw);}


/* posts overzicht */
.home-nieuws{margin-top:20px !important;}
.wp-block-kadence-posts{}
.wp-block-kadence-posts .post-thumbnail{border-radius:0px;}
.wp-block-kadence-posts .content-bg{border-radius:10px; box-shadow:none !important; border:2px solid var(--lichtoranje); overflow:hidden;}
.wp-block-kadence-posts .entry-header{margin:0;}
.wp-block-kadence-posts .entry-header .entry-title{font-size:24px;}
.wp-block-kadence-posts .entry-header .entry-title a{color:var(--oranje);}
.wp-block-kadence-posts .entry-header .entry-title a:hover{color:var(--oranje);}
.wp-block-kadence-posts .entry-header .entry-meta{font-size:13px; font-style:italic; color:var(--lichtoranje);}
.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{display:inline-block; background-color:#fff; color:var(--oranje); border:2px solid var(--oranje); text-decoration:none; display:inline-block; font-size:18px; font-weight:600; border-radius:10px; padding:7px 18px !important; font-weight:bold; text-transform:none; letter-spacing:0;}
.wp-block-kadence-posts .entry-content-wrap .entry-footer a.post-more-link:hover{background-color:var(--oranje); color:#fff;}
.wp-block-kadence-posts .entry-content-wrap .entry-footer a.post-more-link .kadence-svg-iconset{display:none;}


/* post single */
.post-template-default .content-area{padding:2rem;}
.post-template-default .post-thumbnail{overflow:hidden; position:relative;}
.post-template-default .post-thumbnail:after{content:""; position:absolute; display:block; height:200%; aspect-ratio:48/52;  top:-15%; right:-10%; background-image:url('images/scholen/hoekstee/vorm.svg'); background-repeat:no-repeat; background-size:contain; background-position:center center; opacity:0.9;}
.post-template-default .entry.single-entry {box-shadow:none;}
.post-template-default .entry-taxonomies{padding:0 20px 10px 20px;}
.post-template-default .entry-title{background-color:var(--blauw) !important; color:#fff !important; display: inline-block; padding-left:4%; padding-right:4%; position:relative !important;
-webkit-mask-image: url('images/lint.svg'); mask-image: url('images/lint.svg'); mask-repeat: no-repeat;}
.post-template-default .entry-meta{font-style:italic; color:var(--lichtblauw);}


/* citaat */
.citaat{}
.citaat .wp-block-pullquote{display:block;}
.citaat .wp-block-pullquote:after{content:""; position:absolute; top:50%;  background-color:inherit; width:40px; aspect-ratio:24/20; 
-webkit-mask-image: url('images/driehoek.svg'); mask-image: url('images/driehoek.svg'); mask-repeat: no-repeat;}
.citaat.foto-links .wp-block-pullquote:after{left:-30px; transform:rotate(90deg) translateX(-50%);}
.citaat.foto-rechts .wp-block-pullquote:after{right:-30px; transform:rotate(-90deg) translateX(0%);}
.citaat .wp-block-pullquote blockquote::before{display:none;}


/* footer */
footer#colophon{overflow:hidden; position:relative;}
footer#colophon:before{content:""; position:absolute; display:block; height:350%; aspect-ratio:48/52;  top:-35%; left:-15%; background-image:url('images/scholen/hoekstee/vorm.svg'); background-repeat:no-repeat; background-size:contain; background-position:center center; opacity:1;}



/* responsive */
@media (max-width: 1024px) {
	.home-banner:after, 
	.sub-banner:after{right:-30%;}
	
	footer#colophon:before{top:-80%; left:-80%;}
}

@media (max-width: 768px) {
	.home-banner:after{right:-30%;}
	.sub-banner:after{right:-60%;}
	
	.home-snel-naar-wrapper{margin-top:-0px;}
	
	.citaat.foto-links .wp-block-pullquote:after,
	.citaat.foto-rechts .wp-block-pullquote:after{left:calc(50% - 15px); right:auto; top:0px; transform:rotate(180deg); }
	
	footer#colophon:before{top:-100%; left:-200%;}
}