/**
 * Static Pages Compatible CSS
 * High-end visual styles and interactive enhancements.
 *
 * @package Ethereal Fashion Widget Box
 */

:root {
	--black: #000000; /* hover : black/80 */
	--white: #FFFFFF;
	--kyleBlack: #222222;
	--colorNavy: #3A4D69;
	--colorYellow: #EFE40C;
	--colorLightGray: #E2E2E2;
	--colorSlateGray: #728093;
	--colorRed: #FF2C2C;
	--colorLime: #BBDC2F;
	--colorAmber: #FFBF00;
	--colorGreen: #6CC761;
	--colorGrassGreen: #55AC4B; /* color green hover */
	--colorMustard: #D3C908; /* yellow hover */
	--colorCharcoal: #222222; /* kyleBlack */
	--colorGunmetal: #182021;
	--colorGray: #ACACAC;
}


body {
	/** Contact US */
	.wkfashion-static-contact-wrapper {
		--wkfashion-static-primary: var(--colorYellow); 
      	--wkfashion-static-primary-hover: var(--colorMustard);
	}

	/** FAQ */
	.wkfashion-static-faqs-wrapper{
		--wkfashion-static-primary-red: var(--colorYellow);
      	--wkfashion-static-hover-red: var(--colorMustard);
	}

	.wkfashion-static-contact-wrapper .wkfashion-static-crumbs a,
	.wkfashion-static-faqs-wrapper .wkfashion-static-crumbs a,
	.pp-crumbs-link {
		color: var(--kyleBlack);
	}
	
	input.wpcf7-form-control {
		color: var(--black) !important;
	}

	.pp-banner {
		background-color: var(--colorYellow);
		color: var(--black);
	}

	.pp-toc-item.is-active .pp-toc-link, .pp-toc-item.is-active::before{
		color: var(--colorYellow);
	}
	.pp-toc-item a:hover {
		color: var(--colorYellow);
	}
}