/**
 * sliders-global.css
 * 
 * Styles common to all Slick sliders across the website.
 * 
 */

/*-----------------------------------------------------------------------
# Sliders Global: Previous and Next Buttons
------------------------------------------------------------------------*/

/* Removes the default previous and next styling */
.slick-next::before, .slick-prev::before {
    content: "";
}

/* Global styling for previous and next */
button.slick-next, 
button.slick-next:hover, 
button.slick-prev, 
button.slick-prev:hover {
    position: absolute;
    top: 50%;
    z-index: 9996;
    background-size: 95px;
    height: 50px;
    width: 50px;
}

.slick-slider button:focus {
    outline: 1px dotted #212121;
    outline: 5px auto -webkit-focus-ring-color;
}

/* Accessibility: Fixing lack of focus around Slick Slider pagination dots */

.slick-dots li button { outline: initial; }

.slick-dots button:focus {
    outline: 1px dotted #212121;
    outline: 5px auto -webkit-focus-ring-color !important;
}