@charset "utf-8";

/* =====================================================
   BASE TYPOGRAPHY (Beez3 style)
===================================================== */

body {
    font-family: 'Merriweather', serif;
    padding-top: 0px;
    padding-bottom: 0px;
    background: #f2f2f2;
}
h1, h2, h3, h4, h5, h6 {
    font-family: 'Merriweather Sans', sans-serif;
    font-weight: 400;
}

h1 { font-size: 24px; line-height: 28px; }
h2 { font-size: 20px; line-height: 24px; }
h3 { font-size: 16px; line-height: 22px; }
h4, h5, h6 { font-size: 14px; line-height: 22px; }


/* =====================================================
   1170px BOXED LAYOUT
===================================================== */

.container-header,
.container-main,
.container-footer,
.site-grid {
    max-width: 1226px;
    margin-left: auto;
    margin-right: auto;
}


/* =====================================================
   MAIN CONTENT
===================================================== */

.container-main {
    background: #fff;
    padding: 10px;
    border-radius: 4px;
    box-shadow: 0 0 6px #e4e4e4;
}


/* =====================================================
   ARTICLES
===================================================== */

.item-content,
.blog-item,
.com-content-article {
    border: none;
    padding: 10px;
    border-radius: 4px;
    background: #fff;
    margin-bottom: 10px;
}


/* =====================================================
   HEADER FIX (Cassiopeia clean Beez3-style)
===================================================== */

.container-header {
    background: #fff !important;
}

.container-header .navbar {
    background: #fff !important;
    border-bottom: 1px solid #d9d9d9;
    box-shadow: none !important;
}

.container-header .navbar[class*="bg-"],
.container-header .navbar.bg-primary,
.container-header .navbar.bg-dark {
    background: #fff !important;
}

.container-header .navbar .container,
.container-header .navbar .container-fluid {
    max-width: 1226px;
    margin: 0 auto;
    padding-left: 10;
    padding-right: 10;
    background: transparent !important;
}


/* =====================================================
   MENU
===================================================== */

.metismenu.mod-menu {
    display: flex;
    max-width: 1226px  
  gap: 18px;
    padding: 0px 0 0px 0;
    margin: 0;
}


/* menu links */
.container-header .metismenu.mod-menu a {
    color: #1a5fb4 !important;
    text-decoration: none;
}

.container-header .metismenu.mod-menu a:hover {
    color: #000 !important;
    text-decoration: underline;
}

.container-header .metismenu.mod-menu li.current > a {
    color: #000 !important;
}


/* =====================================================
   BREADCRUMB
===================================================== */

.breadcrumb {
    background: #f4f4f4;
    padding: 8px 12px;
    border-radius: 3px;
    margin-bottom: 15px;
    font-size: 12px;
    color: #666;
}

.breadcrumb a {
    color: #666;
    text-decoration: none;
}

.breadcrumb a:hover {
    color: #000;
}


/* =====================================================
   IMAGE BLOCK
===================================================== */

div.bigimage {
    border: none;
    margin-bottom: 20px;
    padding-right: 10px;
}


/* =====================================================
   SPECIAL MODULE STYLES
===================================================== */

[class*="special"] {
    border-radius: 4px;
    margin-bottom: 20px;
    box-shadow: 0 0 6px #e4e4e4;
    overflow: hidden;
}

[class*="special"] .module-content,
[class*="special"] .card-body {
    padding: 10px 19px;
}


/* =====================================================
   EMBEDS
===================================================== */

iframe,
embed,
object {
    max-width: 100%;
}


/* =====================================================
   FOOTER BASE
===================================================== */

.container-footer {
    background: #fff !important;
    border-top: 1px solid #ddd;
    padding: 10px 0;
    color: #666;
}

/* Joomla wrapper fix */
.container-footer .grid-child {
    max-width: 1226px;
    margin: 0 auto;
    width: 100%;
}

.container-footer .mod-custom {
    width: 100%;
}

/* =====================================================
   BACK TO TOP (CSS ONLY)
===================================================== */

.back-to-top-link {
    position: fixed;
    right: 20px;
    bottom: 20px;
    width: 38px;
    height: 38px;
    line-height: 38px;
    text-align: center;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 3px;
    box-shadow: 0 2px 6px rgba(0,0,0,0.15);
    z-index: 9999;
    opacity: 0.9;
}


/* =====================================================
   MOBILE
===================================================== */

@media (max-width: 681px) {

    .metismenu.mod-menu {
        flex-direction: column;
    }

    .metismenu.mod-menu > li > a {
        border-radius: 0;
    }

    body {
        background-color: #f2f2f2;
    }
}

/* =====================================================
   FOOTER LAYOUT
===================================================== */

/* ===============================
   FOOTER HARD RESET (Cassiopeia)
================================ */

.container-footer {
    background: #fff !important;
    border-top: 1px solid #ddd;
    padding: 10px 0;
}

/* 🔴 BELANGRIJK: breek Joomla grid centering volledig */
.container-footer .grid-child {
    display: block !important;
    width: 100% !important;
    max-width: 1226px !important;
    margin: 0 auto !important;
    padding: 0 !important;
}

/* 🔴 extra wrapper neutraliseren */
.container-footer .mod-custom {
    width: 100% !important;
}

/* ===============================
   FOOTER LAYOUT
================================ */

#footer-bar {
    max-width: 1226px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 12px;
    padding: 10px 0;
}

/* links */
.footer-left {
    color: #666;
}

/* rechts */
.footer-top {
    color: #1a5fb4;
    text-decoration: none;
}

.footer-top:hover {
    color: #000;
    text-decoration: underline;
}
.container-footer {
    text-align: initial !important;
}

.container-footer .grid-child {
    display: block !important;
    width: 100% !important;
}

#footer-bar {
    width: 100% !important;
}
/* ================================
   JOOMLA PROOF FOOTER (CASSIOPEIA SAFE)
================================ */

#site-footer-bar {
    position: relative;
    max-width: 1226px;
    margin: 0 auto;
    padding: 10px 0;

    display: flex;
    justify-content: space-between;
    align-items: center;

    font-size: 12px;
}

/* links */
.site-footer-left {
    color: #666;
}

/* rechts */
.site-footer-top {
    color: #1a5fb4;
    text-decoration: none;
    cursor: pointer;
}

.site-footer-top:hover {
    color: #000;
    text-decoration: underline;
}

/* BELANGRIJK: breekt Cassiopeia centering ONLY for footer module */
.container-footer {
    text-align: initial !important;
}

/* voorkomt grid/center interference zonder layout te slopen */
.container-footer .grid-child,
.container-footer .mod-custom {
    display: block !important;
    padding: 0 !important;
    margin: 0 auto !important;
    width: 100% !important;
    max-width: none !important;
    background: transparent !important;
}
/* Make the menu item row follow the real content width */
.site-grid,
.container,
.container-lg,
.container-xl,
.header,
#sp-header,
#sp-main-body {
  width: auto !important;
}

/* Force the module/menu row to the exact width */
.metismenu.mod-menu,
.mod-menu {
  width: 1190px !important;
  max-width: 1190px !important;
}

/* Ensure it can actually take that space */
.metismenu.mod-menu {
  margin-left: 0 !important;
  margin-right: 0 !important;
}
/* Make tag links consistently blue */
.mod-articles-tags a,
.tagspop a,
.list-inline a,
a.btn-info,
.btn-info {
  background: #30638d !important;
  color: #fff !important;
  border-color: #30638d !important;
}
/* ==========================================
   Tabel Aviagraphers
========================================== */

.table-aviagraphers {
    width: 100%;
    border-collapse: collapse;
    color: #505050;
    font-family: inherit;
    font-size: 1rem;
}

.table-aviagraphers th,
.table-aviagraphers td {
    border: 1px dashed #ff912d;
    padding: 8px 12px;
    text-align: left;
}

.table-aviagraphers th {
    background: #ff912d;
    color: #ffffff;
    font-weight: bold;
}

.table-aviagraphers tbody tr:nth-child(odd) {
    background: #ffffff;
}

.table-aviagraphers tbody tr:nth-child(even) {
    background: #f2f2f2;
}