/* 
 Theme Name:   Waste Water Africa
 Theme URI:    
 Description:  
 Author:       Michael Watts
 Author URI:   https://goat.co.za
 Template:     hello-elementor
 Version:      1.085

 /* == Add your own styles below this line ==
--------------------------------------------*/

/* =========================================================================
   Regional Waste Water — main.css
   Design tokens extracted from the Stitch design system (navy / teal).
   Hand-built, no framework. Mobile-first, fully responsive, animated.
   ========================================================================= */

article{
	margin:0 auto;
	max-width: min(100%, var(--width));
	gap: var(--row-gap) var(--column-gap);
    height: 100%;
    margin: 0 auto;
    max-width: 1280px;
    width: 100%;
}

main.single-project{
	padding:3rem 0;
    font-family:"Work Sans";
}

main.single-project figure{
	cursor:pointer;
}

.sector-tags{
	display:flex;
    gap:1rem;
    margin:1rem 0;
    font-family:"Manrope";
    text-transform:uppercase;
}

.sector-tag{
	display: inline-flex;
    border: 1px solid var(--e-global-color-secondary);
    padding: 0.5rem 1rem;
}

.breadcrumb{
	color:var(--e-global-color-secondary);
    font-weight:500;
    font-size:1.4rem;
    display:flex;
	justify-content:center;
    gap:1rem;
	margin-bottom:2rem;
}

.breadcrumb a{
	color:var( --e-global-color-c64eab1 );
    background-color:var(--e-global-color-secondary);
    font-family: "Manrope", Sans-serif;
    font-size: 1rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    padding: .75rem 1.5rem .75rem 1.5rem;
    line-height:1;
    border-radius:3px;
    display:inline-block;
}

.breadcrumb a:hover{
	background-color:var( --e-global-color-primary );
    color:var( --e-global-color-c64eab1 );
}

div.wpforms-container-full button[type=submit].wide{
	background-color: var(--e-global-color-primary);
    font-family: "Manrope", Sans-serif;
    font-size: 1rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    padding: 2rem!important;
	border-radius:3px;
	line-height:1;
	color: #fff;
	text-align:center;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	width:100%;
}

.just-center nav{
	justify-content:center!important;
	align-items:center!important;
}

.menu-is-active{
	position:absolute;
	top:65px;
	left:0;
	width:100%;
}

.elementskit-menu-hamburger{
	display: flex;
    justify-content: center;
    align-items: center;
}

.ekit-svg-icon{
	fill:#FFF!important;
}


/* ----------  MOTION PREFERENCES  ---------- */
@media (prefers-reduced-motion: reduce) {
    * { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
    .reveal, .reveal-stagger > * { opacity: 1; transform: none; }
}