/* your styles go here */

.navbar {
  background: url('../image/w4p-logo-banner.png');
  background-repeat: no-repeat;
  //background-size: cover;
  //background-attachment: fixed;
  //background-size: 100% 100%;
  //height: 100px;
}

.navbar-header  {
  //height: 80px;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  color: var(--primary-accent);
}

body {
  font-size: 2rem;
}

footer {
  display:none;
}

table {
  border-collapse: collapse;
}
td, th {
  border: 1px solid #333;
  padding: 0 .2em;
}

/* For adding a marquee: https://www.google.com/search?q=hugo+universal+theme+how+to+show+a+marquee&gs_lcrp=EgZjaHJvbWUqCQgBECEYChigATIGCAAQRRg5MgkIARAhGAoYoAEyCQgCECEYChigATIJCAMQIRgKGKABMgkIBBAhGAoYoAEyBwgFECEYjwIyBwgGECEYjwIyBwgHECEYjwLSAQkyMjI5OGowajeoAgCwAgA&sourceid=chrome&ie=UTF-8&udm=50&fbs=AIIjpHxU7SXXniUZfeShr2fp4giZud1z6kQpMfoEdCJxnpm_3UK3oyqvhV9opp98EEM6wbwHzDo1FKQA4Ghovh3mhAD4mvq3u94VSBwROsr2SRW_QsNhBkiQArMASqGLEYbI4B35Fg5omhw4E6kTfrjU6UnmyV9etX8i0oaGlwPfXFjMUFWaQNW6BkYmefQfIEcKbCpjAphKmE7Iik8MDtjfR0jlVZ6hHQ&ved=2ahUKEwi357CguOORAxWFVjUKHY5MBQEQ0NsOegQIAxAB&aep=10&ntc=1&mtid=i8pSabShHICt5NoPlbvswQU&mstk=AUtExfBoQBnh3k08Mj4Zo5hSLjlpZbK0GuJfYPjVUHB18T179YV3db4EbPsJAMCxVX5dHi8irs68x8vB68nKXusPIHN4CocRT45ARRvbSUBf-oBP8V5O0uuhFiLMZLxZ8Z2eXr-WkgX4vdwJPwgBhBGfGWVbPr6uSaNgdZuDGB5toRcnSEtIe2Zy1MEL6fwcWjSsROmzQ30CqbD57HCh7Lbx_gL26b-paD8CUqr0eVFyPTlX_o5pOsPbbt67xWHMgieIxZ5qL0PYXOoi9pPaG_s5QAYWRZiP-OatRSJYrxFEEn2lqfLiaTtrIsCOm1dgn0B9sZmNuUDOpaAong&csuir=1 */
.marquee-container {
  /* Hides the overflowing content outside the container */
  overflow: hidden;
  /* Establishes a positioning context for the content */
  position: relative;
  /* Sets the height of the marquee area */
  height: 50px;
  /* Optional: adds background color, etc. */
  background-color: #f0f0f0;
   font-size: 24px; /* Set your desired size in px, rem, or em */
}

.marquee-content {
  /* Uses flexbox to place content side-by-side in one line */
  display: flex;
  /* Prevents the content from shrinking */
  flex-shrink: 0;
  /* Ensures all content stays on one line */
  white-space: nowrap;
  /* Defines the animation properties */
  animation: scrolling 15s linear infinite;
  animation: scrolling 15s linear infinite;
}

/* Optional: pause the animation on hover */
.marquee-container:hover .marquee-content {
  animation-play-state: paused;
}

/* Define the animation */
@keyframes scrolling {
  0% {
    /* Starts the content at the beginning of the container */
    transform: translateX(0);
  }
  100% {
    /* Moves the content entirely off-screen to the left, ready for the loop to restart seamlessly */
    transform: translateX(-100%);
  }
}