

/*****************************************************************

AGENDA

*****************************************************************/


.agenda {

    background-color: $dark-color;
    color: #ffffff;

    &-date {


        .date {

            font-size: 18px;
            font-weight: 700;
            text-transform: uppercase;
            text-align: center;

            &:after {

                content: '';
                display: block;
                width: 100px;
                height: 1px;
                margin: auto;
                background-color: #ffffff;
                margin-top: 20px;
                margin-bottom: 20px;

            }

        }

        &-container-horaires {



        }

        &-item {

            border-bottom: 1px solid #ffffff;
            margin: 12px 20px 12px 20px;
            padding-bottom: 12px;
            display: flex;
            align-items: baseline;

            &-title {

                font-size: 16px;
                font-weight: 300;
                flex: 1 0 65%;
                text-transform: lowercase;
                line-height: 18px;
                &::first-letter {
    
                    text-transform: uppercase; 
    
                }
    
                

                a {

                    color: #ffffff;

                    &:hover {

                        color: #ffffff;
                        

                    }
                }

            }


            &-horaires {

                font-size: 16px;
                font-weight: 300;
                flex: 1 0 35%;

            }

        }


    }


}

.slider-agenda {
    
    min-height: 408px;

    .slick-prev {

        z-index: 2;
        top: 34px;
        left: 20px;

        &::before {

            content: url(img/logo/small-arrow-prev.png);

        }
        
    }
    
    .slick-next {

        z-index: 2;
        top: 34px;
        right: 20px;

        &::before {

            content: url(img/logo/small-arrow-next.svg);  

        }
    }
}




