body main .list_grid div.inactive h4 {font-style: italic; color: var(--black70percent);}
.page_career-fair #clubs a,
.page_2022 #clubs a,
.page_2023 .list_grid a {
    display: block;
    margin: 1rem 0.8rem 2rem 0.8rem;
    padding-bottom:1rem;
    text-align: center;
    font-weight: bold;
    border: 1px solid var(--anthracitelightgrey);
}

.page_career-fair #clubs a.hide,
.page_2022 #clubs a.hide,
.page_2023 .list_grid a.hide, .the_type, .the_major, .page_career-fair .major {
    display: none;
}
.page_career-fair .filters,
.page_2022 .filters,
.page_2023 .filters {
    margin: 2rem 0 2rem 0.8rem;
}
/* when major filter was added 06/03/2024
------------------------------------------*/
.page_career-fair .major {
    display: inline-block;
}
a.withoutLoc, a.withoutMajor {display: none !important; }
.checkboxes label {
    padding: 0 0.5rem 0 0;
    margin: 0 0.5em 1em 0;
}
.page_career-fair .checkboxes {
   margin-top: .5em;
}
.page_career-fair .major {
    padding: 0.5rem;
    color: var(--anthracite);
}
.page_career-fair .filters select,
.page_career-fair .filters span,
.page_2022 .filters select, 
.page_2022 .filters span,
.page_2023 .filters select, 
.page_2023 .filters span {
    padding: 0.5rem;
    color: var(--anthracite);
}

.page_career-fair #clubs a:hover,
.page_2022 #clubs a:hover,
.page_2023 .list_grid a:hover {
    background: var(--primarygreen55percent);
    color: var(--white);
    text-decoration: none;

}
.page_career-fair #clubs a:hover,
.page_2022 #clubs a:hover,
.page_2023 .list_grid a:hover {
    background: var(--primarygreen55percent);
    color: var(--white);
    text-decoration: none;

}
        .list_grid { margin: 0; padding: 0;}
        
        body main .list_grid > div {border: 1px solid var(--anthracitelightgrey);}
        body main .list_grid > div.hide { display: none !important;   }
        body main .list_grid div h4 {
            background-color: var(--anthracitelightgrey);   
            /*FBK*/
            display: inline-block;
            vertical-align: top;
            width: 100%;
            margin: 0;
        }

        body main .links_grid h4:focus-within h4 {background-color: var(--primarygreen55percent);}

        body main .list_grid h4 {
            box-sizing: border-box;
            display: block;
            position: relative;
            z-index: 2;
            padding: 1rem 0.8rem;
            height: 100%;
            color: var(--anthracite);
            text-decoration: none;
    
            -webkit-transition: all 200ms ease-out;
            -moz-transition: all 200ms ease-out;
            -o-transition: all 200ms ease-out;
            transition: all 200ms ease-out;
        }
        
        body main .list_grid div.club_description {
            width: 95%;
            margin: 0 auto;
            padding: 0;
        }
        
        body main .list_grid .sustainability .club_description { display: block !important; }
   
        
        body main .list_grid h4:hover, 
        body main .list_grid div.expanded h4,
        body main .list_grid h4:focus {
            background-color: var(--primarygreen55percent);
            color: var(--white);
            font-weight: bold;
        }
        body main .list_grid div.expanded h4
        {
            height: auto;
        }
        /* CSS GRID */
        @supports (display: grid) {
    
            .list_grid { display: grid; grid-template-columns: 1fr 1fr 1fr ; grid-gap: 8px; grid-auto-rows: auto; }
            body main .list_grid > div {
            width: 100%;
            margin: 0;
            display: inherit;
        }
        
        body main .list_grid > div.expanded {
            height: auto;
            grid-row-end:span 6;
            grid-auto-rows: 0.1fr;
            grid-auto-flow: dense;
        }
    
        @media only screen and (max-width: 900px) {
            .list_grid { grid-template-columns: 1fr 1fr;}	
        }
         
        @media only screen and (max-width: 570px) {
            .list_grid { grid-template-columns: 1fr; }
        }
    
    }