Carousel scroll button
a.home-carousel-scroll-down-btn, a.home-carousel-scroll-down-btn:visited, a.home-carousel-scroll-down-btn:active {
display: block;
margin: -20px auto -20px;
width: 60px;
height: 60px;
-webkit-border-radius: 53px;
-moz-border-radius: 53px;
border-radius: 53px;
overflow: hidden;
background: rgba(255, 255, 255, 0.8);
border: 0px solid #fff;
color: #201a3f;
position: absolute;
left: 0;
right: 0;
bottom: 170px;
text-decoration: none;
z-index: 1;
line-height: 5;
text-align: center;
font-weight: 500;
&:before{
content: "\f103";
font-family: "FontAwesome";
line-height: 1.2;
font-size: 39px;
display: block;
height: 40px;
width: 61px;
padding-top: 10px;
text-align: center;
color: $brand-orange;
}
}
$home_carousel = $('.carousel');
if( $home_carousel.length > 0 ){
$home_carousel.append('<a class="home-carousel-scroll-down-btn" id="content-start" href="#content-start" title="Scroll down to start of content">Scroll</a>');
}