///////////////////////////////////////////////////////////////
// Device: Desktop
///////////////////////////////////////////////////////////////

.first-visit-title {
    text-align: center;
    margin: 60px 0 20px 0;
    font-family: "lucien-light";
    text-transform: uppercase;
}

.first-visit-container {
    @include outer-container;
}

.first-visit-wrapper {
    @include span-columns(10);
    @include shift(1);
    margin-bottom: 60px;
}

.first-visit-list {
    margin-top: 40px;
    /*@include outer-container;*/
    @include text-center;
}

.first-visit-list-item {
    list-style-type: none;
    display: inline-block;
    width: 32%;
    margin-right: 1%;
    vertical-align: top;
}

.first-visit-list-item-picture {
    img {
        display: block;
        width: 100%;
    }
}

.first-visit-list-item-info-title {
    @include span-columns(12);
    @include omega();
    font-family: 'Lucien-bold';
    font-size: 2.5em;
    line-height: 1em;
    color: $color-golden;
    @include text-center;
    text-transform: uppercase;
    margin-bottom: 40px;
    height: 100px;
}

.first-visit-list-item-info-picto {
    
    display: flex;
        align-items: center;
        justify-content: center;
    height: 100px;
}

.first-visit-list-item-info-picto-icon {

    svg
    {
        display: block;
        fill: #000000;
        height: 100%;
        width: 100%;
    }
}

.first-visit-list-item-info-picto[data-id="clothing"] {
    
    .first-visit-list-item-info-picto-icon {
        
        height: 44px;
        width: 44px;
    }    
}

.first-visit-list-item-info-picto[data-id="person"] {

    .first-visit-list-item-info-picto-icon {
        
        height: 30px;
        width: 30px;
    }
}

.first-visit-list-item-info-picto[data-id="cards"] {
    
    .first-visit-list-item-info-picto-icon {
        
        height: 44px;
        width: 44px;
    }
    svg
    {
        color: #000000;
        fill: none;
    }
}

.first-visit-conditions {
    margin-top: 50px;
    list-style: none;
    font-size: 0.8em;
    line-height: 1.2em;
}

/* ********* PUSHS ********** */
.first-visit-push-container {
    @include outer-container;
}

.first-visit-push-wrapper {
    @include span-columns(10);
    @include shift(1);
    padding: 60px 0 60px 0;
    text-align: center;
    &.one-item {
        .pmc, .pgq {
            float: none !important;
        }
    }
}

/* end PUSHS */

///////////////////////////////////////////////////////////////
// Device: Tablet :: LANDSCAPE
///////////////////////////////////////////////////////////////

@include tablet-landscape-and-below {
    .first-visit-list-item {
        width: 31%;
    }
    .first-visit-list-item {
        margin-bottom: 60px;
    }
    .first-visit-list-item-info-txt {
        font-size: 1.6vw;
        line-height: 1.6vw;
    }
    .first-visit-list-item-info-title {
        font-size: 2.6vw;
        line-height: 2.6vw;
        height: 6vw;
        margin-bottom: 20px;
        height: 80px;
    }
    .first-visit-conditions {
        font-size: 1.2vw;
        line-height: 1.2vw;
        margin-top: 0;
    }
}

///////////////////////////////////////////////////////////////
// Device: TABLET :: PORTRAIT
///////////////////////////////////////////////////////////////

@include tablet-portrait-and-below {
    .first-visit-list-item {
        width: 100%;
    }

    .first-visit-list-item-info-txt {
        font-size: 1.2em;
        line-height: 1.2em;
    }
    .first-visit-list-item-info-title {
        font-size: 2.6em;
        line-height: 1em;
        height: 120px;
    }
    .first-visit-conditions {
        font-size: 0.8em;
        line-height: 1.2em;
        padding: 0 20px 0 20px;
    }
}

///////////////////////////////////////////////////////////////
// Device: Mobile
///////////////////////////////////////////////////////////////

@include mobile-landscape-and-below {
    .first-visit-list-item-info-txt {
        font-size: 1em;
        line-height: 1em;
    }
    .first-visit-list-item-info-title {
        font-size: 1.8em;
        line-height: 1em;
        height: 80px;
    }
    .first-visit-list-item {
        &:nth-child(2) {
            .first-visit-list-item-info-title {
                height: 60px;
            }
        }
    }
}