/* Override container width on extra-large screens */
@media (min-width: 1400px) {
  .t4-main-body .container,
  .t4-section .container,
  div.container,
  .t4-content-inner, 
  .container-xxl {
    max-width: 1100px !important; /* Change 1500px to your desired max width */
    margin-left: auto !important;
    margin-right: auto !important;
  }
}
.article-title h1 {
    margin-top: 0px;
}
/* foto's van de kapiteins */
/* --- RIDER/MEMBER PHOTO CARD STYLING --- */

.member-card {
  background-color: #9aca4d; /* Exact green background */
  border-radius: 6px;
  padding: 2rem 1.5rem;
  text-align: center;
  color: #ffffff;
  max-width: 320px; /* Adjust size of card as needed */
  margin: 0 auto 1.5rem auto;
}

/* Name styling with soft accent lines */
.member-card .member-name {
  color: #ffffff;
  font-size: 1.4rem;
  font-weight: 400;
  margin-bottom: 1.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.member-card .member-name::before,
.member-card .member-name::after {
  content: "";
  flex: 1;
  border-bottom: 1px solid rgba(255, 255, 255, 0.35);
  margin: 0 10px;
}

/* Circular photo mask */
.member-card .photo-circle {
  width: 200px;
  height: 200px;
  margin: 0 auto;
  border-radius: 50%;
  overflow: hidden;
}

.member-card .photo-circle img {
  width: 100%;
  height: 100%;
  object-fit: cover; /* Prevents distortion, auto-crops to face */
  object-position: center top;
  display: block;
}
/* --- ADDITIONAL CARD VARIANTS --- */

/* Reserve Card (No Photo) */
.member-card.card-reserve {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  text-align: left;
  padding: 1.5rem 2rem;
  min-height: 180px; /* Adjust height to match layout needs */
}

.member-card .reserve-label {
  font-size: 1.1rem;
  color: #ffffff;
  opacity: 0.9;
  margin-bottom: 0.75rem;
  font-weight: 300;
}

.member-card .reserve-name {
  font-size: 1.8rem;
  font-weight: 400;
  color: #ffffff;
  margin: 0;
}

/* "Jij ?" Call to Action Card */
.member-card.card-cta {
  padding: 1.5rem;
}

.member-card .cta-white-box {
  background-color: #ffffff;
  color: #000000;
  padding: 2.5rem 1rem;
  border-radius: 2px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
}

.member-card .cta-title {
  font-size: 3rem;
  font-weight: 800;
  margin-bottom: 1rem;
  font-family: inherit; /* Adjust font family if needed */
}

.member-card .cta-text {
  font-size: 0.9rem;
  line-height: 1.3;
  margin-bottom: 0.25rem;
}

.member-card .cta-email {
  font-size: 0.9rem;
  font-weight: 600;
  color: #000000;
  text-decoration: none;
}

.member-card .cta-email:hover {
  text-decoration: underline;
}

/* menu styling */
/* hide the twistie on nested menus */
/* Hide the T4 menu arrow icon */
.nav-link .item-caret,
.dropdown-toggle .item-caret {
  display: none !important;
}

/* Custom 80% centered dark divider line above footer */
.footer-divider::before {
  content: "";
  position: absolute;
  top: 0;
  left: 10%; /* Centers a 80% width element (100 - 80) / 2 */
  width: 80%;
  height: 2px; /* Set line thickness */
  background-color: #212529; /* Dark border color (adjust hexadecimal to your preference) */
  opacity: 0.8; /* Ensures high contrast/darker appearance */
}
/* Restrain logo height within the T4 header element block */
.header-block .logo-image img,
.header-block a.logo img,
.header-block .navbar-brand img {
  max-height: 100px !important; /* Adjust this value (e.g., 40px to 65px) to scale your logo */
  width: auto !important;      /* Keeps the aspect ratio intact */
}
/* T4 lijkt fout te hebben in category list */
/* Fix broken T4 Framework table striping variable */
.table, 
table.category {
  --t4-table-striped-bg: rgba(0, 0, 0, 0.04) !important;
  --t4-table-striped-color: #212529 !important;
  --t4-table-hover-bg: rgba(0, 0, 0, 0.075) !important;
}

/* Fallback for explicit Joomla cat-list rows */
tr.cat-list-row1 {
  background-color: rgba(0, 0, 0, 0.04) !important;
  color: #212529 !important;
}
/* styling gps navigation */
.gps-navi {
    display: none;
}