/* 
    display properties 
*/

.position--fixed {
    position:fixed;
    top: 0px;
    width: 100%;
    height: 100vh;
    z-index: 99;
}
.position--fixed-bottom {
    position:fixed;
    bottom: 0px;
    width: 100vw;
}

.position--full {
    width: 100%;
    height: 100%;
    margin-top: -36px;
}

.position--center {
/* animação */
/* se estivesse a meio do ecra, e abrir para a direita */
    left: 50vh;
    /* a transição deve estar aqui para garantir o hover in e o out  */
    transition: 300ms ease;
}

.position--fixed-bottom:hoover {
    left: 0;
    transition: 1s ease;
}
/* fim da animação */

.position--sticky {
    margin-top: 40%;
    position: sticky;
    top: 24px;
}

.position--absolute {
    position: absolute;
}

.inline {
    display: inline;
}


/* Container */

.flex {
    display: flex;
}

.flex--space-between {
    justify-content: space-between;
}

.flex--wrap {
    flex-wrap: wrap;
}

.flex--column {
    flex-direction: column;
}

.flex--row {
    flex-direction: row;
}

.flex--center {
    justify-content: space-between;
    align-items: center;
}

.flex--left-top {
    align-items: flex-start;
}

.flex--left-end {
    align-items: flex-end;
}

.flex--start {
    align-items: flex-start;
}


/* Child */


.flex--half {
    width: 50%;
}


.flex--25 {
    width: 25vw;
}


/* Grids */

.main--grid {
    width: 100%;
    display: grid;
    /* grid-template-columns: 1fr 1fr 1fr; */
    grid-template-columns: repeat(9, 1fr);
    grid-template-rows: auto;
    /* grid-gap: 30px; */
}
.amanda {
    grid-gap: 30px;
}
.main--grid-marta {
    width: 100%;
    display: grid;
    /* grid-template-columns: 1fr 1fr 1fr; */
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: auto;
    /* grid-gap: 30px; */
}

.main--grid.thierry {
    grid-gap: 30px;
    margin-top: 150px;
}
.main--grid.rod {
    grid-gap: 30px;
    margin-top: 60px;
    margin-bottom: 60px;
}

.grid--element {
    grid-column: span 3;
}

.grid--element-left {
    grid-column: 1/4;
}
.grid--element-middle {
    grid-column: 4/7;
}
.grid--element-right {
    grid-column: 7/10;
}

.grid--element-eng {
    grid-column: 5/8;
}

.grid--element-ft {
    grid-column: span 2;
}

.element-video {
    width: 100%;
    margin: auto;
    /* grid-column: 3/8; */
}


/* 
    FADES 
*/
.fade-in {
    opacity: 0;
    transition: opacity 250 ease-in;
}

.fade-in.appear {
    opacity: 1;
}
/* 
    images 
*/

.marta--images {
    width: 100%;
    height: auto;
    object-fit: scale-down;
    margin: auto;    
}

.marta--images:nth-child(3n+1) {
    grid-column: 2;
}
.marta--images:nth-child(3n+2) {
    grid-column: 1;
}
.marta--images:nth-child(3n+3) {
    grid-column: 3;
}

.amanda--images {
    width: 100%;
    height: auto;
    object-fit: scale-down;
    margin: auto;
    grid-column: span 3;
    margin-bottom: 100px;
}

.thierry--images {
    width: 100%;
    height: auto;
    object-fit: scale-down;
    margin: auto;
    grid-column: span 2;
}