/*
  CSS Styles for float at bottom of Overview and IT In Action pages in BayITOutsourcing.com
*/

/*
  Copyright (c) 2025 Bay IT Outsourcing
  All rights reserved.
  Created: 2025-10-21
*/

.floating-bottom {
  font-weight: bold;       /* bold the floating text */
  position: fixed;
  bottom: 16px;            /* distance from viewport bottom */
  left: 50%;
  transform: translateX(-50%);
  max-width: 90%;
  width: 360px;            /* or auto / remove to size to content */
  background: rgba(255,255,255,0.80); /* light, translucent */
  color: #111;                          /* dark text for contrast */
  padding: 12px 16px;
  text-align: center;
  border-radius: 8px;
  z-index: 9999;
  box-shadow: 0 6px 18px rgba(0,0,0,0.08); /* softer shadow */
  border: 1px solid rgba(0,0,0,0.06);     /* subtle outline */
}

body{ padding-bottom: 84px; } /* adjust to floating height + gap */