/*--- Color ---*/

.color-red,
.color-h-red:hover { color: var(--color-red) !important; }
.color-brick,
.color-h-brick:hover { color: var(--color-brick) !important; }
.color-green,
.color-h-green:hover { color: var(--color-green) !important; }
.color-yellow,
.color-h-yellow:hover { color: var(--color-yellow) !important; }
.color-orange,
.color-h-orange:hover { color: var(--color-orange) !important; }
.color-purple,
.color-h-purple:hover { color: var(--color-purple) !important; }

.bkgrd-red,
.bkgrd-b-red:before { background: var(--color-red) !important; }
.bkgrd-brick,
.bkgrd-b-brick:before { background: var(--color-brick) !important; }
.bkgrd-green,
.bkgrd-b-green:before { background: var(--color-green) !important; }
.bkgrd-yellow,
.bkgrd-b-yellow:before { background: var(--color-yellow) !important; }
.bkgrd-orange,
.bkgrd-b-orange:before { background: var(--color-orange) !important; }
.bkgrd-purple,
.bkgrd-b-purple:before { background: var(--color-purple) !important; }

.page-template-default,
.page-template-default #masthead,
.page-template-default #footer {
	background: var(--color-red);
}

.page-template-page-expositions,
.page-template-page-expositions #masthead,
.page-template-page-expositions #footer,
.single-exposition,
.single-exposition #masthead,
.single-exposition #footer {
	background: var(--color-purple);
}

.single-createur,
.single-createur #masthead,
.single-createur #footer,
.page-template-page-createurs,
.page-template-page-createurs #masthead,
.page-template-page-createurs #footer {
	background: var(--color-green);
}

.page-template-page-catalogue,
.page-template-page-catalogue #masthead,
.page-template-page-catalogue #footer, 
.woocommerce-page,
.woocommerce-page #masthead,
.woocommerce-page #footer {
	background: var(--color-yellow);
}

.page-template-default .end-page *,
.page-template-default .footer-links .social a,
.page-template-default .footer-links .logotype a,
.page-template-default .menu li,
.page-template .end-page *,
.page-template .footer-links .social a,
.page-template .footer-links .logotype a,
.page-template .menu li {
	color: var(--color-yellow);
}

.page-template-page-expositions .end-page *,
.page-template-page-expositions .footer-links .social a,
.page-template-page-expositions .footer-links .logotype a,
.page-template-page-expositions #site-navigation .menu li,
.single-exposition .end-page *,
.single-exposition .footer-links .social a,
.single-exposition .footer-links .logotype a,
.single-exposition .menu li {
	color: var(--color-green);
}

.page-template-page-createurs .end-page *,
.page-template-page-createurs .footer-links .social a,
.page-template-page-createurs .footer-links .logotype a,
.page-template-page-createurs .menu li,
.single-createur .end-page *,
.single-createur .footer-links .social a,
.single-createur .footer-links .logotype a,
.single-createur .menu li {
	color: var(--color-purple);
}

.page-template-page-catalogue .end-page *,
.page-template-page-catalogue .footer-links .social a,
.page-template-page-catalogue .footer-links .logotype a,
.page-template-page-catalogue .menu li,
.page-template-page-catalogue article .entry-header *,
.page-template-page-catalogue article .entry-content *,
.woocommerce-page .end-page *,
.woocommerce-page .footer-links .social a,
.woocommerce-page .footer-links .logotype a,
.woocommerce-page .menu li,
.woocommerce-page article .entry-header *,
.woocommerce-page article .entry-content * {
	color: var(--color-red);
}

.page-template-default form button {
	color: var(--color-red) !important;
}
.page-template-default form button {
	background: var(--color-yellow);
}
.page-template-default form input {
	border-color: var(--color-yellow);
}
.page-template-page-createurs form button {
	color: var(--color-green) !important;
}
.page-template-page-createurs form button {
	background: var(--color-purple);
}
.page-template-page-createurs form input {
	border-color: var(--color-purple);
}
.page-template-page-expositions form button,
.single-exposition form button {
	color: var(--color-purple) !important;
}
.page-template-page-expositions form button,
.single-exposition form button {
	background: var(--color-green);
}
.page-template-page-expositions form input,
.single-exposition form input {
	border-color: var(--color-green);
}
.page-template-page-catalogue form button,
.woocommerce-page form button {
	color: var(--color-yellow) !important;
}
.page-template-page-catalogue form button,
.woocommerce-page form button {
	background: var(--color-red);
}
.page-template-page-catalogue form input,
.woocommerce-page form input {
	border-color: var(--color-red);
}


/* Media Queries ---*/

@media screen and (max-width: 960px) {
	.page-template-default button.menu-toggle span:before,
	.page-template-default button.menu-toggle span:after {
		background: var(--color-yellow);
	}
	.page-template-page-createurs button.menu-toggle span:before,
	.page-template-page-createurs button.menu-toggle span:after,
	.single-createur button.menu-toggle span:before,
	.single-createur button.menu-toggle span:after {
		background: var(--color-purple);
	}
	.page-template-page-expositions button.menu-toggle span:before,
	.page-template-page-expositions button.menu-toggle span:after,
	.single-exposition button.menu-toggle span:before,
	.single-exposition button.menu-toggle span:after {
		background: var(--color-green);
	}
	.page-template-page-catalogue button.menu-toggle span:before,
	.page-template-page-catalogue button.menu-toggle span:after,
	.woocommerce-page button.menu-toggle span:before,
	.woocommerce-page button.menu-toggle span:after {
		background: var(--color-red);
	}
	#site-navigation .menu li.color-h-red {
		color: var(--color-red);
	}
	#site-navigation .menu li.color-h-green {
		color: var(--color-green);
	}
	#site-navigation .menu li.color-h-yellow {
		color: var(--color-yellow);
	}
}