.slider {
    width: 100%;
    margin: 0px auto;
    background: url('https://www.ditid.qld.gov.au/__data/assets/image/0004/1430671/ajax-loader.gif');
    background-repeat: no-repeat;
    background-position: center top;
}

.hero .slider {
    background-position: center;
}

.slider .slide { 
    opacity: 0;
    position: relative;
}

.slider.slick-initialized {
    background: none;
}

.slider.slick-initialized .slick-list .slick-track .slide.slick-slide {
    opacity: 1;
    position: relative;
    transition: opacity 0.2s ease-in;
}
    
.slick-slide {
  margin: 0px;
  position: relative;
}

.slick-slide img {
  width: 100%;
}

.caption > div {
    box-sizing: border-box;
    display: block;
    width: 100%;
    bottom: 0px;
    padding: 10px 20px;
    color: white;
    background-color: #000;
}
@media (min-width: 750px) {
    .caption > div {
        position: absolute;
        background-color: rgba(0,0,0,0.8);
    }
}
.slick-slide {
  transition: all ease-in-out .3s;
  opacity: 1;
}


.slick-arrow {
    width: 44px;
    height: 44px;
    color: #fff;
    z-index: 5;
    opacity: 0.5;
    background-color: rgba(0,0,0,0.25);
}
.slick-arrow:hover {
  opacity: 1;
  background-color: rgba(0,0,0,0.75);
}
.slick-arrow:active::before {
    top: 13px;
}


.slick-prev {
    left: 0;  
}
.slick-next {
    right: 0;
}
.slick-prev::before,
.slick-next::before {
    position: absolute;
    top: 12px;
    width: 16px;
    height: 16px;
    border-top: 3px solid #fff;
    border-right: 3px solid #fff;
    display: flex;
    transform-origin: 50% 50%;
    content: "";
}
.slick-prev::before {
    left: 17px;
    transform: rotate(225deg);
}
.slick-next::before {
    right: 17px;
    transform: rotate(45deg);
}


.slick-active {
  opacity: 1;
}

.slick-current {
  opacity: 1;
}

.slick-dots {
    display: none;
}

@media (min-width: 750px) {
    .slick-dots {
        display: flex;
        align-items: flex-end;
        justify-content: flex-end;
        line-height: 20px;
        height: 40px;
    }
}

.slick-dots li {
    width: 10px !important;
    height: 10px !important;
    margin: 0 7.5px !important;
}

.slick-dots li button {
    border: 1px solid rgba(67, 179, 239, 0.8);
    border-radius: 100px;
}

.slick-dots li button:before {
    content: '' !important;
    opactiy: 0.01 !important;    
}

.slick-dots li.slick-active button:before {
    opacity: 0.80 !important;
    border-radius: 100px !important;
    font-size: 40px;
    color: #04609c;
    content: '\2022' !important;
}