/*TIMELINE*/

    /*FIX ACF PREVIEW*/

        .acf-block-preview .timeline-image {
            opacity: 1 !important;
        }

    /*SLIDER*/

        /*IMAGE*/

            .timeline-slider .timeline-content {
                padding: 25px;
            }

    /*ALTERNATE ROWS*/

        /*ITEM*/

            .timeline-alternate-rows .timeline-item {
                padding-top: 50px;
                padding-bottom: 50px;
                border-bottom: 2px dashed rgba(0,0,0,0.25);
            }

            /*FIRST OF TYPE*/

                .timeline-alternate-rows .timeline-item:first-of-type {
                    padding-top: 0px;
                }

            /*LAST OF TYPE*/

                .timeline-alternate-rows .timeline-item:last-of-type {
                    padding-bottom: 0px;
                    border-bottom: none;
                }

            /*IMAGE*/

                .timeline-alternate-rows .timeline-image {
                    width: 35%;
                    transition: .25s ease-out;
                }

                /*IMAGE EFFECTS*/

                    /*SLIDE IN*/

                        .timeline-alternate-rows.slide-image-effect .timeline-item .timeline-image {
                            opacity: 0;
                        }

                        /*ROW*/

                            .timeline-alternate-rows.slide-image-effect .timeline-item.flex-row-between-center.active-timeline-item .timeline-image {
                                animation-name: slide-row;
                                animation-duration: 1s;
                                animation-fill-mode: forwards;
                                opacity: 1 !important;
                                transition: .25s ease-in;
                            }

                            @keyframes slide-row {
                                0% {
                                    transform: translate(-100px);
                                }
                                100% {
                                    transform: translate(0px);
                                }
                            }

                        /*ROW REVERSE*/

                            .timeline-alternate-rows.slide-image-effect .timeline-item.flex-rowreverse-between-center.active-timeline-item .timeline-image {
                                animation-name: slide-rowreverse;
                                animation-duration: 1s;
                                animation-fill-mode: forwards;
                                opacity: 1 !important;
                                transition: .25s ease-in;
                            }

                            @keyframes slide-rowreverse {
                                0% {
                                    transform: translate(100px);
                                }
                                100% {
                                    transform: translate(0px);
                                }
                            }

                    /*PULSE*/

                        .timeline-alternate-rows.pulse-image-effect .timeline-item .timeline-image {
                            opacity: 0;
                        }

                        .timeline-alternate-rows.pulse-image-effect .timeline-item.active-timeline-item .timeline-image {
                            animation-name: pulse;
                            animation-duration: 1s;
                            animation-fill-mode: forwards;
                            opacity: 1 !important;
                            transition: .25s ease-in;
                        }
            
                        @keyframes pulse {
                            0% {
                                transform: scale(1);
                            }
                            50% {
                                transform: scale(1.1);
                            }
                            100% {
                                transform: scale(1);
                            }
                        }

            /*CONTENT*/

                .timeline-alternate-rows .timeline-content {
                    width: 65%;
                    padding: 50px;
                }

/*MEDIA QUERIES*/

    @media (max-width: 1200px) {

        .timeline-alternate-rows .timeline-item * {
            opacity: 1 !important;
        }

    }

    @media (max-width: 800px) {

        .timeline-alternate-rows .timeline-image {
            width: 100%;
            margin-bottom: 25px;
        }
        
        .timeline-alternate-rows .timeline-content {
            width: 100%;
            padding: 0px;
        }

    }