@import "fonts.css";
@import "base.css";
@import "header-footer.css";
@import "bricks.css";
@import "waterway-cleanups.css";

/*------------------------*/
/* theme colors
/*------------------------*/

:root {
    --textDarker: rgba(47, 46, 42, 0.9);
    --textDark: rgba(47, 46, 42, 0.9);
    --textMedium: rgba(47, 46, 42, 0.9);
    --borderMedium: rgba(38, 50, 56, 0.2); 
    --borderLight: rgba(38, 50, 56, 0.075);

    --accent: #b9e597;
    --accentDarker: #58b093;
    --light: rgba(38, 50, 56, 0.035);
    --teal-blue: #043C58;
    --eden-green: #0E4D3B;
    --genoa-green: #198562;
    --granny-smith-apple-green: #B9E597;
    --pearl-bush-white: #EAE4D7;
    --silver-tree-green: #C8D6B9;
    --white: #FFFFFF;
}
/*------------------------*/
/* turn grayscale off
/*------------------------*/

img {filter: grayscale(0);}

/*------------------------*/
/* colorize_image
/*------------------------*/

.colorize_image {filter: contrast(1) sepia(1) hue-rotate(160deg) grayscale(0.8)!important;}

/*------------------------*/
/* black_2_textDark
/*------------------------*/

.map:not(section)::after, .black_2_textDark {filter: contrast(0.7) sepia(1) hue-rotate(160deg)!important;}

/*------------------------*/
/* black_2_textMedium
/*------------------------*/

.black_2_textMedium {filter: contrast(0.3) sepia(0.3) hue-rotate(160deg) brightness(1.4)!important;}

/*------------------------*/
/* black_2_accent
/*------------------------*/

.black_2_accent {filter: contrast(0.11) sepia(1) hue-rotate(340deg) contrast(13)!important;}


/*------------------------ CSS overrides below ------------------------*/

section.two-columns-section {
    padding-top: 5rem;
 }

/* Team page - keep photos in color */
.people .avatar {
    filter: none !important;
}

/* Team page - keep person boxes a consistent size regardless of how many
   are in the last row (auto-fit stretches items to fill empty space,
   auto-fill keeps the column count/width stable and leaves empty tracks instead) */
ul.grid.people {
    grid-template-columns: repeat(auto-fill, minmax(20rem, 1fr));
}

/* Team page - open roles placeholder cards, mixed in alongside real
   team members within each section's grid */
ul.people li.open-role {
    text-align: left;
}
ul.people li.open-role .box {
    border-style: dashed;
    border-color: var(--borderMedium);
    background: transparent;
}
ul.people li.open-role .function {
    display: inline-block;
    margin: 0 0 0.75rem;
    padding: 0.2rem 0.75rem;
    border-radius: 1rem;
    background: var(--accent);
    color: var(--textDark);
    font-size: 0.8rem;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}
ul.people li.open-role p {
    font-size: 0.95rem;
}