/* BASE
 * -------------------------------------------------- 
 *  Base styles 
 * 
 *  Default styles of the project, these will not
 *  be changed or altered in most of the cases
 * -------------------------------------------------- */

/* HEADER / NAV 
 * --------------------------------------------------
 *  Header/nav/hamburger styles 
 * -------------------------------------------------- */

/* GENERAL
 * --------------------------------------------------
 *  General styles 
 * 	Hero/subhero/grids/contact forms 
 * -------------------------------------------------- */

.steps-navigation button svg.svgfill path {
	fill: var(--mainColor);
}


.steps-navigation button.active--step svg.svgfill path {
	fill: var(--accentText);
}

.steps-navigation button svg.svgstroke path {
	stroke: var(--mainColor);
	fill: transparent;
}

.steps-navigation button.active--step svg.svgstroke path {
	stroke: var(--accentText);
	fill: transparent;
}

.steps-navigation button svg {
	width:26px;
	height: 26px;
}

/* HOME
 * --------------------------------------------------
 *  Homepage styles
 * -------------------------------------------------- */

/* SUBPAGE
 * --------------------------------------------------
 *  Subpage styles
 * -------------------------------------------------- */

/* FOOTER
 * --------------------------------------------------
 *  Footer styles
 * -------------------------------------------------- */

/* MEDIA QUERIES
 * --------------------------------------------------
 *  Media query styles
 * -------------------------------------------------- */