/*
Block Name: Hero
Description: This is a hero block, designed to be used for page headers, with various customisation options.
*/

.block-hero .hero-slide-dots{position:absolute;bottom:5rem;left:0;width:100%;}
.block-hero .hero-slide-dots ul{list-style-type:none;padding:0;}
.block-hero .hero-slide-dots ul li{display:inline-block;margin:0;margin-right:1.5rem;}
.block-hero .hero-slide-dots ul li button{background:rgba(255, 255, 255, 0.5);font-size:0;width:15px;height:15px;transform:rotate(45deg);}
.block-hero .hero-slide-dots ul li.slick-active button{background:#4D4D4F;}