body {
	background-image: url(/images/backpage.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
}

@media (max-width: 1200px) {
  .x-topbar {
    display: none;
  }
}


/* =================================
   1. TRANSPARENT HEADER
================================= */

.container-header {
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
}

/* Remove possible overlay */
.container-header::before,
.container-header::after {
    display: none !important;
}

/* =================================
   2. CENTER EVERYTHING
================================= */

/* Center global text */
body {
    text-align: center;
}

/* Center containers */
.container,
.container-fluid,
main,
.com-content-article,
.moduletable {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

/* =================================
   3. CENTER NAVBAR & MENU
================================= */

.container-header .navbar {
    justify-content: center !important;
}

.container-header .navbar-collapse {
    justify-content: center !important;
}

.container-header .navbar-nav {
    margin: 0 auto !important;
    justify-content: center !important;
    text-align: center;
}

.container-header .navbar-nav .nav-item {
    display: inline-block;
    float: none;
}

/* =================================
   4. LOGO STYLING
================================= */

.navbar-brand,
.navbar-brand span,
.site-title {
    font-family: Cambria, "Times New Roman", serif !important;
    font-weight: bold !important;
    color: #0b3d2e !important;   /* green */
    text-decoration: none !important;
}

/* Remove underline in all states */
.navbar-brand:link,
.navbar-brand:visited,
.navbar-brand:hover,
.navbar-brand:focus {
    color: #0b3d2e !important;
    text-decoration: none !important;
}

}   5. CENTER FOOTER
================================= */

.footer,
.container-footer {
    text-align: center;
}
/* =================================
   Remove all table borders
================================= */

table,
table th,
table td {
    border: none !important;
}

/* Remove Bootstrap table borders */
.table,
.table th,
.table td {
    border: none !important;
}

/* Remove inner borders */
.table-bordered,
.table-bordered th,
.table-bordered td {
    border: none !important;
}

/* Remove row dividers */
.table > :not(caption) > * > * {
    border-bottom: none !important; 
}

/*.container-header .mod-search,
.container-header .mod-finder 
/* display: block !important;
/*    visibility: visible !important;
/*    opacity: 1 !important;

}
.table, th, td {
    border: none !important;
}

table {
    border-collapse: collapse;
}
/* =================================
   JOOMLA 5 CASSIOPEIA LAYOUT
   Logo centered
   Menu centered
   Smart Search right
================================= */

/* Ensure navbar is flexible */
.container-header .navbar {
    display: flex;
    align-items: center;
    position: relative;
}

/* Center the logo */
.navbar-brand {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

/* Center the menu perfectly */
.container-header .navbar-nav {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

/* Prevent layout wrapping */
.container-header .navbar-collapse {
    display: flex !important;
    align-items: center;
}
/* =================================
   Increase Main Menu Font Size
================================= */

}
.main-menu-custom .nav-link {
    font-size: 30px !important;
}
.footer {
    background-color: transparent !important;
    background: none !important;
}
.footer-inner {
    background-color: transparent !important;
}


.container-topbar .mod-menu {
    display: flex;
    justify-content: center;
    padding: 0;
    margin: 0;
    list-style: none;
}
/* Increase topbar horizontal menu font size */
.topbar .mod-menu > li > a {
    font-size: 1.5rem;   /* Adjust as needed */
}

@media (max-width: 900px) {
    
    body {
        background-image: none !important;
        background-color: #0b3d2e !important; /* dark green */
    }
.container-nav {
    justify-content: center !important;
}

  @media screen and (max-width: 1200px) {
  .topbar-position {
    display: none;
  }
.login .card-header {
    background-color: #ffffff !important;
    color: #000000 !important; /* Or dark color for contrast */
}

#kunena .kpage-wrap {
    color: #ffffff !important;
}