/*
Theme Name: Divi-child
Template: Divi
*/

/* case study archive */
.case-study-container {
    width: 100%;
    max-width: 1200px;
    margin: auto;
}
.case-study-single {
    display: flex;
    align-items:center;
    max-width: 1000px;
    margin: 25px auto;
    width: 85%;
    transition:.3s;
}
.case-study-single:hover{
    background:#f1f1f1;
    transition:.3s;
}
.case-study-single img {
    max-width: 300px;
    width:100%;
    max-height: 300px;
    height:100%;
    margin:0;
}
.case-study-single div {
    padding: 10px;
}

/* case study filters */
div.case-study-filter {
    display: flex;
    flex-wrap: wrap;
    justify-items: center;
    width: 100%;
    justify-content: center!important;
    margin: auto;
    align-items: center;
}
div.case-study-filter a {
    margin: 10px;
    color:white;
    background: #1c1c1c;
    padding: 2px 10px;
    border-radius: 3px;
    transition:.3s;
    text-align:center;
}
div.case-study-filter a:hover {
    background:#1289BE;
    transition:.3s;
    color: white;
}
.filter-link-block {
    display: flex;
    flex-direction: column;
    margin:15px;
}
@media (max-width:1350px){
    .filter-link-block{margin: 15px 7%;}
}
@media (max-width:700px){
    .filter-link-block{margin: 25px;}
}
@media (max-width:550px){
    .filter-link-block{margin: 10px;}
}
img.filter-img {
    width: 75px;
    height: 75px;
    margin:auto;
}
@media (max-width:860px){
    .case-study-single{flex-direction: column;}
    .case-study-single img{max-width:100%;}
}
@media (max-width:460px){
    .case-study-single h3{font-size:1em!important;}
}