/* timeline-slider */ .timeline { border: 1px solid #dedede; box-sizing: border-box; margin-bottom: 0 !important; border-radius: 0.4rem; } .slider-for, .slider-nav { visibility: hidden; } .slider-nav.slick-initialized, .slider-for.slick-initialized { visibility: visible; } .timeline .slick-prev.slick-arrow, .timeline .slick-next.slick-arrow { background-color: #fff; padding: .2rem; width: 3rem; height: 3rem; } .timeline .slick-prev.slick-arrow { left: 0.5rem; } .timeline .slick-next.slick-arrow { right: 0.5rem; } .slider-nav .slick-slide:hover { opacity: 1; cursor: pointer; } .slider-nav .slick-slide{ opacity: .4; } .slider-nav .slick-current { background-color: #ececec; color: #000; opacity: 1; } /* end of timeline */ @media screen and (max-width:974px) { .timeline .slick-prev.slick-arrow, .timeline .slick-next.slick-arrow { background-color: #ececec; color: #fff; } .timeline .slick-next.slick-arrow.slick-disabled, .timeline .slick-prev.slick-arrow.slick-disabled { background-color: #fff; } .timeline .slick-next.slick-arrow.slick-disabled:before, .timeline .slick-prev.slick-arrow.slick-disabled:before { color: #fff; } .timeline .slick-prev.slick-arrow:before, .timeline .slick-next.slick-arrow:before { color: #000; } /* .slick-prev.slick-arrow:hover, .slick-next.slick-arrow:hover { background-color: #a60000; } .slick-prev.slick-arrow:hover:before, .slick-next.slick-arrow:hover:before { color: #fff; } */ .timeline .slick-next.slick-arrow.slick-disabled:hover, .timeline .slick-prev.slick-arrow.slick-disabled:hover { background-color: #fff; cursor: inherit; } .timeline .slick-next.slick-arrow.slick-disabled:hover:before, .timeline .slick-prev.slick-arrow.slick-disabled:hover:before { color: #fff; } }