/*
Theme Name: VanEVE ZPCW Child
Theme URI: https://vaneve-online.nl
Description: Child theme van VanEVE FSE voor ZPC Woerden.
Author: VanEVE
Author URI: https://vaneve-online.nl
Template: vaneve-fse
Version: 1.1.7
Requires at least: 6.5
Tested up to: 7.1
Requires PHP: 8.0
Text Domain: vaneve-zpcw-child
*/

/*
 * Voeg hier ZPC Woerden-specifieke overrides toe.
 */



.wp-element-button,
.wp-block-button__link {
	transition:
		background-color 0.28s ease,
		color 0.28s ease,
		border-color 0.28s ease,
		box-shadow 0.28s ease,
		transform 0.28s ease;
}

.wp-block-button:not(.is-style-outline):not(.is-style-outline-white) .wp-block-button__link,
.wp-element-button:not(.is-style-outline):not(.is-style-outline-white) {
	box-shadow: 0 10px 18px rgba(21, 48, 126, 0.22);
}

.wp-block-button:not(.is-style-outline):not(.is-style-outline-white) .wp-block-button__link:hover,
.wp-block-button:not(.is-style-outline):not(.is-style-outline-white) .wp-block-button__link:focus-visible,
.wp-element-button:not(.is-style-outline):not(.is-style-outline-white):hover,
.wp-element-button:not(.is-style-outline):not(.is-style-outline-white):focus-visible {
	box-shadow: none;
	transform: translateY(4px);
}

.wp-block-button.is-style-outline .wp-block-button__link:hover,
.wp-block-button.is-style-outline .wp-block-button__link:focus-visible,
.wp-element-button.is-style-outline:hover,
.wp-element-button.is-style-outline:focus-visible {
	background-color: var(--wp--preset--color--basiskleur);
	border-color: var(--wp--preset--color--basiskleur);
	color: var(--wp--preset--color--white);
}

.wp-block-button.is-style-outline-white .wp-block-button__link:hover,
.wp-block-button.is-style-outline-white .wp-block-button__link:focus-visible,
.wp-element-button.is-style-outline-white:hover,
.wp-element-button.is-style-outline-white:focus-visible {
	background-color: var(--wp--preset--color--white);
	border-color: var(--wp--preset--color--white);
	color: var(--wp--preset--color--basiskleur);
}
.has-global-padding :where(:not(.alignfull.is-layout-flow) > .has-global-padding:not(.wp-block-block, .alignfull)) {
   padding-right: var(--wp--style--root--padding-right);
    padding-left: var(--wp--style--root--padding-left);
}
@media (min-width: 992px){
.columns-opacity-hover .wp-block-column{
transition: all 0.3s ease-in-out;
}
.columns-opacity-hover:hover .wp-block-column {
	filter: blur(4px);
}
.columns-opacity-hover:hover .wp-block-column:hover {
	filter: blur(0);
	box-shadow: 0px 20px 18px 20px rgba(21, 48, 126, 0.22);
}
}