.center-module {
    /* Set a width, as 'margin: auto' only works on block elements with a set width */
    width: 80%; /* Adjust the width as needed, e.g., 500px, 80% */
    margin-left: auto;
    margin-right: auto;
}

/* Rainbow Button – Mid-Muted Version (with blue underlined text) */
.rainbow-btn {
    display: inline-block;
    padding: 12px 24px;
    border-radius: 8px;
    text-align: center;
    font-weight: 600;
    color: #0b5ed7 !important;  /* Joomla link blue */
    text-decoration: underline !important;
    width: 200px;

    /* Rainbow gradient */
    background: linear-gradient(90deg,
        #ff7ba5,
        #ffae57,
        #ffe75f,
        #8de96d,
        #6ad7ff,
        #b79bff
    );
    background-size: 200% 200%;
    transition: background-position 0.4s ease, filter 0.3s ease;

    box-shadow: 0 2px 4px rgba(0,0,0,0.15);
}

/* Hover – slightly darker background only */
.rainbow-btn:hover {
    background-position: 100% 0%;
    filter: brightness(0.92);
    color: #084298 !important;  /* darker blue on hover */
    text-decoration: underline;
}

/* Layout wrapper */
.rainbow-btn-wrap {
    display: flex;
    justify-content: center;
    gap: 12px;
    flex-wrap: wrap;
    margin: 20px 0;
}
.slideshowck-center {
    display: flex;
    justify-content: center;
}
.slideshowck-center .slideshowck {
    max-width: 600px; /* or whatever your slideshow width is */
}
/* =====================================================
   Article Bottom Image Row
   - Displays 3 images side-by-side on wide screens
   - Stacks images vertically on small/mobile screens
   - Compatible with JCE popup / mediabox
   ===================================================== */
/* =====================================================
   Bottom 3 images: centred on wide screens, stacked on phones
   (Robust approach for Joomla/JCE markup)
   ===================================================== */

/* The wrapper must be the full width and must clear any earlier floated image */
.article-image-row{
  width: 100% !important;
  clear: both !important;          /* stop the earlier float affecting layout */
  text-align: center !important;   /* centre the row */
  margin: 15px 0 !important;
}

/* Each linked thumbnail behaves like an inline “card” */
.article-image-row a{
  display: inline-block !important; /* allows centring via text-align */
  vertical-align: top !important;
  margin: 0 10px 10px !important;   /* spacing between thumbnails */
}

/* Keep images responsive */
.article-image-row img{
  display: block !important;
  max-width: 100% !important;
  height: auto !important;
}

/* Mobile: stack */
@media (max-width: 640px){
  .article-image-row a{
    display: block !important;
    margin: 0 auto 12px !important; /* centre each when stacked */
  }
}
/* This ensures cells have breathing room and alignment */
.custom-table td {
    padding: 12px 15px !important; 
    vertical-align: top !important;
    border-bottom: 1px solid #ececec;
}

/* Optional: Makes the left column labels bold */
.custom-table td:first-child {
    font-weight: bold;
    width: 25%; /* Keeps your labels tidy */
}


/* =====================================================
   ICAgenda (com_icagenda) – make action buttons match "Print"
   Goal: blue underlined text (and icons) on whatever background
   ===================================================== */

/* Cover common ICAgenda button markup (links + buttons + dropdown toggles) */
body.com_icagenda a.btn,
body.com_icagenda button.btn,
body.com_icagenda .btn,
body.com_icagenda a.ic-btn,
body.com_icagenda button.ic-btn,
body.com_icagenda .ic-btn,
body.com_icagenda .btn-group > .btn,
body.com_icagenda .btn-group > .ic-btn,
body.com_icagenda .dropdown-toggle {
    color: #0b5ed7 !important;                 /* Joomla link blue */
    text-decoration: underline !important;
    font-weight: 600 !important;
}

/* Icons inside those buttons */
body.com_icagenda a.btn i,
body.com_icagenda button.btn i,
body.com_icagenda .btn i,
body.com_icagenda a.ic-btn i,
body.com_icagenda button.ic-btn i,
body.com_icagenda .ic-btn i,
body.com_icagenda .btn svg,
body.com_icagenda .ic-btn svg,
body.com_icagenda .btn .icon,
body.com_icagenda .ic-btn .icon {
    color: #0b5ed7 !important;
    fill: currentColor !important;
}

/* Dropdown caret / chevron (Bootstrap uses borders) */
body.com_icagenda .dropdown-toggle::after,
body.com_icagenda .btn.dropdown-toggle::after,
body.com_icagenda .ic-btn.dropdown-toggle::after {
    border-top-color: #0b5ed7 !important;
}

/* Hover/focus: darker blue like the Print hover state */
body.com_icagenda a.btn:hover,
body.com_icagenda button.btn:hover,
body.com_icagenda .btn:hover,
body.com_icagenda a.ic-btn:hover,
body.com_icagenda button.ic-btn:hover,
body.com_icagenda .ic-btn:hover,
body.com_icagenda .dropdown-toggle:hover,
body.com_icagenda a.btn:focus,
body.com_icagenda button.btn:focus,
body.com_icagenda .btn:focus,
body.com_icagenda a.ic-btn:focus,
body.com_icagenda button.ic-btn:focus,
body.com_icagenda .ic-btn:focus,
body.com_icagenda .dropdown-toggle:focus {
    color: #084298 !important;                 /* darker blue */
    text-decoration: underline !important;
}

/* If ICAgenda forces white text via a stronger selector on specific button types */
body.com_icagenda .btn-primary,
body.com_icagenda .btn-success,
body.com_icagenda .btn-info,
body.com_icagenda .btn-warning,
body.com_icagenda .btn-danger,
body.com_icagenda .btn-secondary {
    color: #0b5ed7 !important;
    text-decoration: underline !important;
}
body.com_icagenda .btn-primary:hover,
body.com_icagenda .btn-success:hover,
body.com_icagenda .btn-info:hover,
body.com_icagenda .btn-warning:hover,
body.com_icagenda .btn-danger:hover,
body.com_icagenda .btn-secondary:hover {
    color: #084298 !important;
}