/* element pare */

.pr-q12-organization {
    margin: 0 0 5em;
}
.pr-q12-organization .paragraph-r13 {
    max-width: 818px;
    font-size: 18px;
    margin: 0 auto;
}

/* text intro */

.paragraph-q14.directors_board .container {
    font-size: 18px;
    padding: 0;
    margin: 4em auto 3em;
}
.paragraph-q14.directors_board .container .inner-column{
    max-width: 846px;
}
.paragraph-q14.organization_chart .container {
    max-width: 846px;
    margin: 4em auto 3em;
    font-size: 18px;
}

/* llistat consell directiu */

.paragraph-q11 .container {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    flex-direction: row;
    padding: 1.6em 0;
}
.paragraph-q11 .container .intro {
    width: 21%;
    padding-right: 1em;
    font-size: 20px;
    line-height: 140%;
}
.paragraph-q11 .container .intro .subtitle {
    font-size: 16px;
    margin-top: -5px;
}
.paragraph-q11 .container .members {
    width: 79%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
}
.paragraph-q11 .card-people {
    width: 31%;
}
.paragraph-q11 .card-people.profile-with-photo {
    width: 46%;
}

/* llistat d'organigrama */

.paragraph-q13 .container {
    display: flex;
    width: 836px;
    justify-content: flex-start;
    align-items: stretch;
    flex-wrap: wrap;
    flex-direction: row;
    padding: 3em 0;
    margin: 0 auto;
}
.paragraph-q13.gray-background {
    background-color: #D8D8D8;
}

/* targeta persona en llistats */

.card-people {
    display: flex;
    background-color: #EAEAF1;
    border-radius: 10px;
    padding: 2em 1em 2em 2em;
    width: 31%;
    margin: 0.5em;
    font-size: 16px;
}
.card-people.profile-with-photo {
    min-height: 200px;
    width: 49%;
    margin-bottom: 2em;
}
.card-people.profile-with-photo:last-child {
    margin-bottom: 0;
}
.card-people.color-blue {
    border-bottom: 10px solid #0073cf;
}
.card-people.color-orange {
    border-bottom: 10px solid #F47B29;
}
.card-people .retrat {
    width: 150px;
}
.card-people .retrat img {
    border-radius: 50%;
}
.card-people.profile-with-photo .text-wrapper {
    width: calc(100% - 150px);
}
.card-people .name {
    font-size: 18px;
    font-weight: bold;
}
.card-people .name a {
    text-decoration: none;
    color: #002664;
}
.card-people .position {
    margin-top: 0.5em;
}
.card-people .social-links,
.node-member .social-links {
    margin-top: 1em;
}
.card-people .social-links > a,
.node-member .social-links > a {
    display: inline-block;
    height: 22px;
    width: 22px;
    margin-right: 0.5em;
}
.card-people .social-links > a:hover,
.node-member .social-links > a:hover {
    cursor: pointer;
    opacity: 0.8;
}
.card-people .social-links > a.instagram,
.node-member .social-links > a.instagram {
    background: transparent url(../svg/instagram-dark-blue.svg) no-repeat center center;
    background-size: 20px;
}
.card-people .social-links > a.linkedin,
.node-member .social-links > a.linkedin {
    background: transparent url(../svg/linkedin-dark-blue.svg) no-repeat center center;
    background-size: 20px; 
}
.card-people .social-links > a.twitter,
.node-member .social-links > a.twitter {
    background: transparent url(../svg/twitter-dark-blue.svg) no-repeat center center;
    background-size: 20px;
}

/* descarrega de fitxers */

.pr-q12-organization .paragraph-q15 {
    max-width: 818px;
    margin: 0 auto;
}
.pr-q12-organization .paragraph-q15 .container {
    padding: 0;
}

/* pàgina vista de fitxa de persona */

.node-member #header-basic-page .personal-info {
    display: flex;
    margin-top: 1em;
}
.node-member #header-basic-page .portrait {
    padding-right: 4em;
}
.node-member #header-basic-page img {
    border-radius: 50%;
}
.node-member #header-basic-page .text-links {
    padding-top: 1em;
}
.node-member #header-basic-page h1.title {
    margin-bottom: 0.3em;
}
.container.member-page .row {
    margin: 2em 0;
    font-size: 18px;
}

/* RESPONSIVITAT */

@media (max-width: 1000px) { 
    .paragraph-q11 .container .intro {
        width: 70%;
        width: 100%;
        padding-left: 1em;
    }
    .paragraph-q11 .container .members {
        width: 100%;
    }
}

@media (max-width: 860px) { 
    .paragraph-q14.organization_chart .container,
    .paragraph-q14.directors_board .container {
        max-width: 720px;
        padding: 0 15px;
    }
    .paragraph-q11 .container,
    .paragraph-q13 .container {
        justify-content: space-between;
        max-width: 702px;
        padding: 2em 5px;
    }
    .card-people.profile-with-photo {
        width: 100%;
        max-width: 500px;
    }
    .paragraph-q11 .container .members {
        justify-content: space-between;
    }
    .paragraph-q11 .card-people.profile-with-photo {
        width: 80%;
    }
    .card-people,
    .paragraph-q11 .card-people {
        width: 46%;
    }
    .container > .btn-cta {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
}

@media (max-width: 740px) {
    .paragraph-q13 .container {
        max-width: 600px;
    }
}

@media (max-width: 630px) {
    .paragraph-q13 .container {
        max-width: 540px;
    }
}

@media (max-width: 560px) { 
    .paragraph-q11 .container {
        width: 100%;
        padding: 0 1em 3em;
    }
    .paragraph-q13 .container {
        width: 100%;
        padding: 3em 1em;
    }
    .paragraph-q11 .card-people.profile-with-photo {
        width: 100%;
    }
    .card-people,
    .paragraph-q11 .card-people {
        width: 100%;
    }
}