/* Overrides: scrollUp button default and hover color swap
   Default: background = brand color, icon = white
   Hover: background = white, icon = brand color
*/
#scrollUp {
  background-color: var(--brand-color) !important;
  color: #fff !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 44px !important;
  height: 44px !important;
  line-height: 44px !important;
  border-radius: 50% !important;
  transition: background-color 180ms ease, color 180ms ease, transform 140ms ease !important;
  box-shadow: 0 6px 18px rgba(0,0,0,0.12) !important;
}
#scrollUp i, #scrollUp svg, #scrollUp .icon {
  color: #fff !important;
  fill: var(--brand-color) !important;
  stroke: var(--brand-color) !important;
  transition: color 180ms ease, fill 180ms ease !important;
}
#scrollUp:hover, #scrollUp:focus {
  background-color: #ffffff !important;
}
#scrollUp:hover i, #scrollUp:focus i,
#scrollUp:hover svg, #scrollUp:focus svg,
#scrollUp:hover .icon, #scrollUp:focus .icon {
  color: var(--brand-color) !important;
  fill: var(--brand-color) !important;
  stroke: var(--brand-color) !important;
}
/* Ensure inner elements don't force white text on hover */
#scrollUp, #scrollUp * { color: inherit !important; fill: inherit !important; stroke: inherit !important; }

/* Prevent horizontal scroll and constrain wide media */
/* html, body { overflow-x: hidden; } */

/* img, embed, object, iframe, video, svg { max-width: 100%; height: auto; display: block; } */

/* Make sure elements using viewport width don't overflow due to scrollbars */
.full-viewport, .vw-100 { width: 100vw; max-width: 100%; box-sizing: border-box; }

/* Ensure animated elements are visible if JS animation library (WOW) doesn't initialize */
.wow { visibility: visible !important; opacity: 1 !important; transform: none !important; }