/*
Theme Name: Impreza Child
Template: Impreza
Version: 1.0
Author:	UpSolution
Theme URI: http://impreza.us-themes.com/
Author URI: http://us-themes.com/
*/

/* =========================================================================
   Achtergrond-fade — plak dit in style.css van het child theme
   Gebruik: WPBakery-rij > "Extra class name" > bijv. breon-bg-beige
   ========================================================================= */
:root {
	--breon-fade-duration: 1s;
}

body.breon-fade-on .l-canvas,
body.breon-fade-on .l-main,
body.breon-fade-on .l-section {
	background-color: transparent !important;
}

.breon-bg-mint  { --breon-fade-color: var(--color-mint); }
.breon-bg-wit   { --breon-fade-color: var(--color-wit); }
.breon-bg-beige { --breon-fade-color: var(--color-beige); }
.breon-bg-paars { --breon-fade-color: var(--color-donkerblauw); --breon-ink: var(--color-wit); }
.breon-bg-groen { --breon-fade-color: var(--color-groen); }

[class*="breon-bg-"] { background-color: var(--breon-fade-color); }

/* Met main.js: rijen transparant, de body fadet */
body.breon-fade-on {
	transition: background-color var(--breon-fade-duration) cubic-bezier(.4, 0, .2, 1);
}
body.breon-fade-on [class*="breon-bg-"] {
	background-color: transparent !important;
	color: var(--breon-ink, inherit);
}

@media (prefers-reduced-motion: reduce) {
	body.breon-fade-on { transition: none; }
}





/* Responsive Queries */
/* Large */
@media screen and (max-width: 1200px){}

/* Medium */
@media screen and (max-width: 1040px){}

/* Small */
@media screen and (max-width: 768px){}

/* Extra Small */
@media screen and (max-width: 576px){}



/* Device Queries */
/* Large Devices */
@media screen and (max-device-width: 1200px){}

/* Medium Devices */
@media screen and (max-device-width: 1040px){}

/* Small Devices */
@media screen and (max-device-width: 768px){}

/* Extra Small Devices */
@media screen and (max-device-width: 576px){}