/* Case Study archive */
/*
.case-study-archive--page-header {
    padding: 180px 0 0;
    background-image: url(/wp-content/uploads/2024/07/concrete60.jpg);
    min-height: calc(100vh - 200px);
    text-align: center;
    display: grid;
    align-items: start;
    
}
*/

header.case-study-archive--page-header .svg-animation--overlaid {
    padding-bottom: var(--height-standard);
}

.case-study-archive--header-width {
    max-width: 750px;
    margin: 0 auto;
    padding: 0 20px;
}

@media screen and (max-width: 767px) {
    /* MOBILE RULES GO HERE */
    .case-study-archive--page-header {
        padding: 0px 0 0px;
        min-height: 200px;
        
    }

}

@media screen and (min-width: 768px) {
    /* DESKTOP RULES GO HERE */
}


/* Case Study Single */

.case-studies-single--header {
    position: relative;
}

.case-studies-single--header-image {
  /*  min-height: calc(100vh - 200px);*/
    padding-top: 32%;
    background-size: cover!important;
    background-position: center!important;
    border-radius: 0 0 var(--curved-border) var(--curved-border);
    position: relative;
}

.case-studies-single--textarea {
    padding: var(--height-double) 0 var(--height-double);
    display: grid;
    text-align: center;
    justify-content: center;
    align-content: center;
    padding-left: 20px;
    padding-right: 20px;
}

.case-studies-single--textarea--content{
    max-width: 800px;
}

@media screen and (max-width: 767px) {
    /* MOBILE RULES GO HERE */

    .case-studies-single--header-image {
    /*    min-height: 64vw;*/
   
    }
    
}

@media screen and (min-width: 768px) {
    /* DESKTOP RULES GO HERE */
}

/* Case Study Card */


/* Case Study Feed */

.case-studies-feed {
    display: grid;
    grid-template-columns: minmax(0,1fr) minmax(0,1fr);
    grid-gap: 70px 25px;
    padding: var(--height-double) 0 var(--height-double);
}

.case-study-archive--body, .case-study-archive--page-header {
    background: var(--background-beige);
}

.case-study-archive--page-header {
    position: relative;
}

@media screen and (max-width: 767px) {
    /* MOBILE RULES GO HERE */
    .case-studies-feed{
        grid-template-columns: minmax(0,1fr);
    }
}

@media screen and (min-width: 768px) {
    /* DESKTOP RULES GO HERE */

}