/*--------------------------------------------------------------
# Global Styles
--------------------------------------------------------------*/

/* Industries We Serve */
#industries-we-serve {
    background-color: #fafafa;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    padding-bottom: 5em;
    padding-top: 3em;
    text-align: center;
}

#industries-we-serve header + .industry-icons {
    margin-top: 3em;
}

.industry-icons {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    margin: auto;
}

.industry-icon__item {
    box-shadow: 1px 1px 10px -.5px rgba(0,0,0,.1);
    background-color: #fff;
    display: block;
    padding: 1em;
    margin: var(--icon-spacing, 5px);
    position: relative;
    z-index: 0;
}

.industry-icon__item.no--link {
    filter: saturate(.2);
}

.industry-icon__item.no--link img,
.industry-icon__item.no--link  .industry-icon__label {
    opacity: .8;
}

.industry-icon__label {
    display: block;
    color: inherit;
    margin-top: 1rem;
    transition: color 500ms ease-in-out;
}


/*--------------------------------------------------------------
# Coompatibility Styles
--------------------------------------------------------------*/
@supports ( gap: 2em ) {
    .industry-icons {
        --icon-spacing: 0;
        gap: 1em;
    }
}

/*--------------------------------------------------------------
# @Media Styles
--------------------------------------------------------------*/

@media screen and (max-width: 767px) {
	/* Industries We Serve */
    #industries-we-serve .container {
        padding: 0;
    }

    .industry-icon__item {
        max-width: calc(45%);
    }
}

@media screen and ( min-width: 768px ) {
    #industries-we-serve {
        padding-bottom: 10em;
        padding-top: 8em;
    }

    .industry-icon__item {
        padding: 2em;
    }

    .industry-icon__item:hover {
        z-index: 10;
    }

    .industry-icon__item.has--link::before {
        background-color: inherit;
        box-shadow: inherit;
        content: "";
        bottom: 0;
        left: 0;
        right: 0;
        top: 0;
        position: absolute;
        transition: transform 250ms cubic-bezier(.76,-0.43,.28,1.45);
        z-index: -1;
    }

    .industry-icon__item.has--link:hover::before{
        transform: scale(1.2);
    }
}