html { 
  font: bold normal 130%/1.2 arial, serif;
} 

h1 {
  font-size: 1.15rem; 
}

h2 {
  font-size: 1.05rem; 
} 
h3 {
  font-size: 0.95rem;
}

li { font-size: 0.85;
   }

.centering {
  text-align: center;
  font-size: 0.75rem;
}

.largebluetext {
  Font-size: 1.5rem;
  font-weight: bold;
  color: #0056b3;
  text-align: center;  
}

.largeblacktext {
  Font-size: 1.5rem;
  font-weight: bold;
  color: #000000;
  text-align: center;  
}

.largetext {
  Font-size: 1.5rem;
  font-weight: bold;
  color: #000000;
  text-align: left;  
}

.catbox {
  border:  4px dotted green;
  color: red;
  font-weight: bolder;
  text-align: center;
}

.float-left {
  float: left;
  margin: 10 10rem 10 10;
}

/* -------------------------- */
/* footer setup begins       */
/* -------------------------- */
.joomla-footer { 
  background-color: var(--cassiopeia-color-primary) !important; 
  padding: 15px; 
  display: flex; 
  justify-content: space-around; 
  align-items: center; 
  font-size: 0.85rem; 
} 

/* Targets the list item if applicable */
.joomla-footer__item { 
  font-size: 0.85rem; 
}

/* FIX: Targets the actual link text */
.joomla-footer a,
.joomla-footer__item a {
  color: #ffffff !important;
  text-decoration: none; /* Optional: Removes the default underline */
}

/* FIX: Keeps the link white when hovered or focused */
.joomla-footer a:hover,
.joomla-footer a:focus,
.joomla-footer__item a:hover,
.joomla-footer__item a:focus {
  color: #ffffff !important;
  text-decoration: underline; /* Optional: Adds an underline on hover for accessibility */
}

/* Stack the footer if the screen is small */
@media (max-width: 600px) {
  .joomla-footer {
    flex-direction: column;
    gap: 15px; 
    text-align: center;
  }
}

/* -------------------------- */
/*     foooter setup ends     */
/* -------------------------- */

/* Step 1: Force any container housing an edocman layout link to take full layout width */
a[href*="task=document.download"],
a[class*="edocman"],
.edocman-download-btn-container,
div[id^="edocman"] a.btn {
    display: table !important;
    margin-left: auto !important;
    margin-right: auto !important;
    float: none !important;
    text-align: center !important;
}

/* Step 2: Catch the actual nested text inside the structural block to keep it centered */
a[href*="task=document.download"] span,
a[class*="edocman"] span {
    display: inline-block !important;
    text-align: center !important;
}