/* ---- Back to top ---- */
.back-to-top{
  position:fixed;
  right:24px;
  bottom:24px;
  width:48px;
  height:48px;
  border-radius:50%;
  background:#003d2b;
  color:#d8b45a;
  display:block;
  box-shadow:0 6px 18px rgba(0,0,0,.22);
  opacity:0;
  visibility:hidden;
  transform:translateY(12px);
  transition:opacity .3s ease, transform .3s ease, visibility .3s, background .25s ease;
  z-index:60;
  padding:0;
  line-height:0;
}
.back-to-top.show{opacity:1;visibility:visible;transform:translateY(0);}
.back-to-top:hover,.back-to-top:focus{background:#0b5a3e;color:#e6c877;}

/* centred by absolute positioning so it does not depend on flex
   (other stylesheets were overriding display on the anchor) */
.back-to-top svg{
  position:absolute;
  top:50%;
  left:50%;
  margin:0;
  width:22px;
  height:22px;
  fill:currentColor;
  transform:translate(-50%,-50%);
}

@media (max-width:767px){
  .back-to-top{right:16px;bottom:16px;width:42px;height:42px;}
  .back-to-top svg{width:19px;height:19px;}
}

@media (prefers-reduced-motion:reduce){
  .back-to-top{transition:none;}
}