@charset "UTF-8";
/***!  /media/templates/site/avenir/css/mod_avenir_home_linkedin.css?736373  !***/

.homeLinkedIn{
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 var(--global-padding);
    background: var(--color-8);
}
    .homeLinkedIn_narrow{
        display: flex;
        flex-direction: row;
        width: 100%;
        max-width: 1400px;
    }
        .homeLinkedIn_left{
            flex-grow: 1;
            display: flex;
            flex-direction: column;
            align-items: flex-end;
            padding: 90px 60px;
        }
            .homeLinkedIn_title{
                text-align: right;
                position: relative;
            }
                .homeLinkedIn_title-label{
                    position: relative;
                    z-index: 2;
                }
                .homeLinkedIn_title-shadow{
                    color: var(--color-2);
                    line-height: 0.85;
                    font-family: var(--font-2);
                    font-size: 120px;
                    text-transform: uppercase;
                    opacity: 0.6;
                    position: absolute;
                    top: -35px;
                    right: -25px;
                    z-index: 1;
                }
        .homeLinkedIn_right{
            flex-shrink: 0;
            display: flex;
            flex-direction: row;
            width: calc(50% + 100px);
        }
            .homeLinkedIn_slider{
                flex-grow: 1;
                height: 600px;
                background: var(--color-9);
            }
                .homeLinkedIn_slider-slides{
                }
                    .homeLinkedIn_slide{
                        padding: 60px;
                    }
                        .homeLinkedIn_slide-post{
                            width: 100%;
                            height: 100%;
                            border: 0;
                        }
            .homeLinkedIn_buttons{
                display: flex;
                flex-direction: column;
                align-items: center;
                justify-content: center;
                gap: 15px;
                width: 100px;
            }
                .homeLinkedIn_button{
                    display: flex;
                    flex-direction: row;
                    align-items: center;
                    justify-content: center;
                    width: 40px;
                    height: 40px;
                    border-radius: 50%;
                    background: var(--color-4);
                    cursor: pointer;

                    transition: background .2s ease-in-out;

                    &:hover{
                        background: var(--color-4-darker);
                    }

                    &.swiper-button-disabled{
                        background: var(--color-7);
                        cursor: default;
                    }
                }
                    .homeLinkedIn_button-icon{
                        color: var(--color-2);
                        font-size: 20px;
                    }

@media (max-width: 1280px) {

    .homeLinkedIn_right{
        width: calc(60% + 100px);
    }

}

@media (max-width: 1024px) {

    .homeLinkedIn_narrow{
        flex-direction: column;
        gap: 30px;
        padding: 40px 0;
    }
    .homeLinkedIn_left{
        align-items: center;
        padding: 0;
    }
    .homeLinkedIn_title{
        text-align: center;
    }
    .homeLinkedIn_title-shadow{
        display: none;
    }
    .homeLinkedIn_right{
        flex-direction: column;
        gap: 30px;
        width: 100%;
    }
    .homeLinkedIn_slider{
        width: 100%;
        height: 500px;
        border-radius: 10px;
    }
    .homeLinkedIn_slide{
        padding: 30px;
    }
    .homeLinkedIn_buttons{
        flex-direction: row;
        width: 100%;
    }

}

@media (max-width: 768px) {

    .homeLinkedIn_slider{
        height: 450px;
        background: none;
    }
    .homeLinkedIn_slide{
        padding: 0;
    }

}