/* CSDA homepage banner controls v3. Append to current site.css OR load this file after site.css in Home/Index/index.tpl. */
.hero-slider:not(.is-single) .slide-arrow {z-index:12; top:50%; display:flex; align-items:center; justify-content:center; width:44px; height:44px; margin:0; padding:0 0 5px; border:1px solid rgba(255,255,255,.55); border-radius:50%; background:rgba(12,29,57,.42); box-shadow:0 1px 8px rgba(0,0,0,.18); color:#fff; font-family:Arial,sans-serif; font-size:31px; font-weight:400; line-height:1; text-align:center; transform:translateY(-50%); cursor:pointer; transition:background .18s ease,border-color .18s ease; }
.hero-slider:not(.is-single) .slide-arrow:hover, .hero-slider:not(.is-single) .slide-arrow:focus-visible {background:rgba(12,29,57,.72);border-color:#fff;}
.hero-slider:not(.is-single) .slide-prev {left:18px;}
.hero-slider:not(.is-single) .slide-next {right:18px;}
@media(max-width:600px){.hero-slider:not(.is-single) .slide-arrow{width:36px;height:36px;padding-bottom:4px;font-size:26px;}.hero-slider:not(.is-single) .slide-prev{left:10px;}.hero-slider:not(.is-single) .slide-next{right:10px;}}