/*
 Theme Name:     Halldin Divi
 Theme URI:      https://www.ericj.se
 Description:    Divi Child Theme
 Author:         Eric Johansson
 Author URI:     https://www.ericj.se
 Template:       Divi
 Version:        1.0.0
*/

.contact-info .contact-column {
    display: inline-block;
    margin-right: 20px;
}

.contact-info .social-media-column {
    border-left: 1px solid #e4e4e4;
    padding-left: 20px;
    display: inline-block;
}

.contact-info .social-media-column a {
    display: inline-block;
    margin-right: 10px;
}

.team-portfolio {
    margin: 0 -20px;
}

.team-portfolio-item {
    float: left;
    width: 25%;
}

.team-portfolio-item a {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
    margin: 20px;
}

.team-portfolio.items-3 .team-portfolio-item,
.team-portfolio.items-6 .team-portfolio-item,
.team-portfolio.items-12 .team-portfolio-item {
    width: 33.33%;
}

.team-portfolio.items-5 .team-portfolio-item,
.team-portfolio.items-9 .team-portfolio-item,
.team-portfolio.items-10 .team-portfolio-item,
.team-portfolio.items-11 .team-portfolio-item,
.team-portfolio.items-12 .team-portfolio-item,
.team-portfolio.items-15 .team-portfolio-item {
    width: 20%;
}

.team-portfolio-item img {
    display: block;
    width: 100%;
    height: auto;
}

.team-persons {
    display: grid;
    grid-gap: 40px;
    width: 100%;
    grid-template-columns: repeat(4, 1fr);
}

@media screen and (max-width: 1200px) {
    .team-persons {
        grid-template-columns: repeat(3, 1fr);
    }
}

.team-persons .team-item {
    /*width: 25%;
    float: left;*/
    text-align: center;
}

.team-persons h2 {
    font-size: 20px;
    margin-top: 25px;
    padding-bottom: 0;
}

.team-persons p {
    font-size: 14px;
    font-weight: 300;
    line-height: 1.8;
}

.team-persons .contact-column {
    display: block;
}

.team-persons .image {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 2000px;
    max-width: 180px;
    margin: 0 auto;
}

.team-persons img {
    width: 100%;
    height: auto;
    display: block;
}

.case-row {
    padding-top: 40px;
    padding-bottom: 40px;
    font-size: 15px;
    font-weight: 300;
}

.case-row h2 {
    font-size: 23px;
}

.case-row .column1 .column-texts {
    padding-left: 50px;
}

.case-row .column2 .column-texts {
    padding-right: 50px;
}

.case-row img {
    display: block;
    width: 100%;
    height: auto;
}

.case-row.has-columns {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 80px;
}

.case-row.has-columns.has-image1 .column,
.case-row.has-columns.has-image2 .column {
    align-self: center;
}

.portfolio-list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 80px;
}

.portfolio-list img {
    display: block;
    width: 100%;
    height: auto;
}

.portfolio-list .portfolio-item {
    box-shadow: 0 0 40px rgba(0,0,0,0.1);
    background: #fff;
    transition: all 500ms;
}

.portfolio-list .portfolio-item:hover {
    transform: scale(1.05);
}

.portfolio-list h2 {
    font-size: 23px;
}

.portfolio-list .content-text {
    padding: 30px;
    font-weight: 300;
    font-size: 14px;
    line-height: 1.6;
}

.portfolio-list .image {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.logo-list {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    grid-gap: 50px;
}

.logo-list .logo-item {
    opacity: .5;
    transition: all 200ms;
}

.logo-list .logo-item:hover {
    opacity: 1;
}

/*.case-row.has-columns .column1 {
    padding-right: 35px;
}

.case-row.has-columns .column2 {
    padding-left: 35px;
}*/

@media screen and (max-width: 700px) {
    .contact-info .contact-column {
        display: block;
        margin-right: 0;
    }

    .contact-info .social-media-column {
        padding-left: 0;
        border-left: 0;
    }
}

.cf:before,
.cf:after {
    content: " ";
    display: table;
}

.cf:after {
    clear: both;
}

.cf {
    *zoom: 1;
}

p:empty {
    display: none;
}