/* =========================================================
   CASE STUDY CATEGORY ARCHIVE
========================================================= */

.case-study-category-page{
    background:#fff;
}


/* HERO */

.case-category-hero{
    position:relative;
}


.case-category-hero
.manufacturing-image-container{
    position:relative;

    min-height:620px;

    display:flex;

    flex-direction:column;

    justify-content:center;

    padding-bottom:0;
}

section.case-category-intro {
padding: 80px 350px 80px 350px;
text-align: center;
    width: 100%;
    margin: auto;
    background: radial-gradient(circle at 82% 18%, rgba(59, 214, 220, .09), transparent 24%), radial-gradient(circle at 16% 82%, rgba(118, 104, 255, .12), transparent 26%), linear-gradient(180deg, #061126, #07172f);
}

.case-category-intro-content.reveal.visible h1 {
    color: white;
}

.case-category-description{
    /*max-width:720px;*/

    margin-top:25px;

    /*color:rgba(255,255,255,.80);*/
color:white;
    font-size:16px;

    line-height:1.8;
}


.case-category-description p{
    margin:0;
}


/* =========================================================
   BREADCRUMBS
========================================================= */

.case-category-breadcrumbs{
    width:100%;

    min-height:74px;

    margin-top:auto;

    display:flex;

    align-items:center;

    flex-wrap:wrap;

    gap:10px;

    border-top:
        1px solid
        rgba(255,255,255,.17);

    color:
        rgba(255,255,255,.64);

    font-size:12px;
}


.case-category-breadcrumbs a{
    color:
        rgba(255,255,255,.78);

    text-decoration:none;

    transition:
        color .25s ease;
}


.case-category-breadcrumbs a:hover{
    color:#fff;
}


.case-category-breadcrumbs span:last-child{
    color:#fff;
}


/* =========================================================
   DIRECTORY
========================================================= */

.case-category-directory{
    padding-top:50px;
}


/* =========================================================
   FILTERS AS LINKS
========================================================= */

.case-study-category-page
.blog-filter{
    text-decoration:none;

    display:inline-flex;

    align-items:center;

    justify-content:center;

    cursor:pointer;
}


/* =========================================================
   EMPTY STATE
========================================================= */

.case-category-empty{
    grid-column:1 / -1;

    padding:70px 30px;

    text-align:center;

    border:
        1px solid
        #e1e7f1;

    border-radius:20px;

    background:#f8faff;
}


.case-category-empty h3{
    margin:0 0 10px;

    color:#071b63;

    font-size:30px;
}


.case-category-empty p{
    margin:0 0 25px;

    color:#62738d;

    font-size:14px;
}


/* =========================================================
   CTA CLICK SAFETY
========================================================= */

.case-study-category-page
.blog-cta-box::before,

.case-study-category-page
.blog-cta-box::after{
    pointer-events:none;
}


/* =========================================================
   MOBILE
========================================================= */

@media(max-width:767px){

    .case-category-hero
    .manufacturing-image-container{
        min-height:540px;
    }


    .case-category-description{
        font-size:13px;

        line-height:1.75;
    }


    .case-category-breadcrumbs{
        min-height:65px;

        gap:7px;

        font-size:10px;
    }


    .case-category-directory{
        padding-top:60px;
    }

}