/*body { background-color: #f9f9f9 !important; } .body-inner { background-color: #f9f9f9 !important; }
.site-grid, .container-all { background-color: #f9f9f9 !important; }*/

@keyframes slideDown {
 from {
 transform: translateY(-50px);
 opacity: 0;
 }
 to {
 transform: translateY(0);
 opacity: 1;
 }
}

/*@keyframes dynamicGlow {
0%, 100% {
filter: drop-shadow(4px 8px 15px rgba(100, 70, 55, 0.2)) drop-shadow(0 0 9px rgba(213,208,192,0.7));
}
50% {
filter: drop-shadow(4px 8px 15px rgba(0, 0, 0, 0.1)) drop-shadow(0 0 12px rgba(213,208,192,0.3)) drop-shadow(0 0 18px rgba(213,208,192,0.7));
}
}*/

/*@keyframes dynamicFlames {
0%, 100% {
filter: drop-shadow(4px 8px 10px rgba(0, 0, 0, 0.1)) drop-shadow(0 0 8px rgba(255, 69, 0, 0.5)) drop-shadow(0 0 16px rgba(255, 140, 0, 0.5));
}
33% {
filter: drop-shadow(4px 8px 10px rgba(0, 0, 0, 0.1)) drop-shadow(0 0 12px rgba(255, 0, 0, 0.6)) drop-shadow(0 0 20px rgba(255, 69, 0, 0.6));
}
66% {
filter: drop-shadow(4px 8px 10px rgba(0, 0, 0, 0.1)) drop-shadow(0 0 10px rgba(255, 165, 0, 0.7)) drop-shadow(0 0 25px rgba(255, 0, 0, 0.5));
}
}*/


html, body {
    height: 100%;
    margin: 0;
}

body {
    position: relative;
    margin: 0;
}

body::before {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url("https://chesstongeren.be/files/Website%20Chess%20Tongeren/BG/bg.png.bak");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    opacity: 0.3;
  pointer-events: none;
}

.blog-item, article {
    border: 1px solid #D3D3D3;
    border-radius: 0px;
  text-align: center;
    padding: 20px 30px 25px 40px;
    margin-bottom: 0px;
    background-color: #f5f5f5;
}
.blog-item .item-content p {
  padding-left: 20px;
  padding-right: 20px;
  text-align: left;
  font-size: 20px !important;
}

.blog-items { grid-gap: 0px !important; }

.com-content-article__body p { font-size: 20px !important; }


.item-image { display: block !important; float: none !important; width: 100% !important; margin: 20px 0 !important; }

.left-item-image { float: none !important; width: 100% !important; }

.grid-child { display: flex; justify-content: flex-start; }

.header {
    display: flex;
    flex-direction: column;
    align-items: center;
    transition: transform 0.1s ease-out;
    position: relative;
}

.header, .container-header {
  position: relative;
  min-height: 359px;
  overflow: visible;
}


/*.bg-layer {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  animation: chessAnimation 6s infinite ease-in-out;
}


.bg-1 {
  background-image: url('https://chesstongeren.be/files/Website%20Chess%20Tongeren/BG/bg.png');
  animation-delay: 1s;
}

.bg-3 {
  background-image: url('https://chesstongeren.be/files/Website%20Chess%20Tongeren/BG/bg_met_paard_nieuwe_positie.jpeg');
  animation-delay: 2s;
}

.bg-4 {
  background-image: url('https://chesstongeren.be/files/Website%20Chess%20Tongeren/BG/bg_pion_nieuwe_positie.jpeg');
  animation-delay: 3s;
}

.bg-5 {
  background-image: url('https://chesstongeren.be/files/Website%20Chess%20Tongeren/BG/bg_met_paard_nieuwe_positie_2.jpeg');
  animation-delay: 4s;
}


@keyframes chessAnimation {
  0% { opacity: 0; }
  5% { opacity: 1; }
  20% { opacity: 1; }
  25% { opacity: 0; }
  100% { opacity: 0; }
}*/


@media (max-width: 991px) { .mod-menu { display: flex !important; flex-direction: column !important; align-items: center !important; } .navbar-toggler { display: flex !important; justify-content: center !important; border: none !important; box-shadow: none !important; background: transparent !important; } .navbar-toggler[aria-expanded="true"] .icon-menu { display: none !important; } }

.metismenu-item a, .metismenu-item span { color: #333333 !important; font-size: 1.2rem !important; background-color: #d7d2c3 !important; }

.metismenu .mm-toggler { color: #333333 !important; background-color: #333333; !important; padding-right: 10px !important; }

.navbar-brand { display: flex !important; justify-content: center; width: 100% !important; }

.navbar-brand {
position: absolute;
flex-direction: column;
align-items: center;
text-align: center;
margin-left: auto;
margin-right: auto;
  z-index: 10;
}
.navbar-brand a { color: #333333 !important; background-color: rgba(211, 211, 211, 0.3) !important; text-decoration: none !important; font-size: 2.2rem !important; padding-left: 10px; padding-right: 10px; }
.navbar-brand::after {
 content: url('https://chesstongeren.be/files/Website%20Chess%20Tongeren/Logo/header_logo.png');
 display: block;
 margin-top: 40px;
 margin-left: auto;
 margin-right: auto;
 filter: drop-shadow(4px 8px 10px rgba(0,0,0,0.1));
 animation: slideDown 0.5s ease-out, dynamicGlow 2s infinite alternate;
  /*animation: slideDown 0.5s ease-out, dynamicFlames 1.5s infinite alternate;*/
}

.header, .container-header {
  background-image: url('https://chesstongeren.be/files/Website%20Chess%20Tongeren/BG/bg.png');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  min-height: 359px;
}

.navbar-toggler {
margin-left: auto !important;
float: right !important;
border: 2px solid #333333 !important;
border-radius: 4px !important;
padding: 5px !important;
  background-color: #ffffff !important;
}
.navbar-toggler[aria-expanded="true"] .icon-menu {
display: block !important;
visibility: visible !important;
}
.navbar {
display: flex !important;
justify-content: flex-end !important;
}
.navbar-toggler .icon-menu {
color: #333333 !important;
}


.footer { background-color: #f2f2f2 !important; background-image: none !important; }
.footer { padding-top: 5px; padding-bottom: 5px; }
.container-footer { padding-top: 5px !important; padding-bottom: 5px !important; }
.footer .grid-child { padding-top: 5px !important; padding-bottom: 5px !important; }

.footer1, .footer2 { color: #333333; }
.footer2 { display: none; }

.container-topbar .navbar[aria-label="Main Menu"] .btn.jmodedit { right: -50px; }

@media (max-width: 991px) {
    .mod-menu {
        position: absolute;
        top: 345%;
        left: 50%;
        transform: translateX(-50%);
        width: max-content;
        min-width: 130px;
        background: rgba(255, 255, 255, 0.8);
        z-index: 1000;
        padding: 5px;
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0);
        text-align: center;
      opacity: 0;
        transition: opacity 0.5s ease-in-out;
    }

    .navbar-collapse.show .mod-menu {
        opacity: 1;
    }
  .mod-menu .metismenu-item {padding: .2em 1em !important; }
}

.mod-menu__heading { color: #333333 !important; font-size: 1.2rem !important; background-color: #73a974 !important; padding: 0px 10px !important; border: none !important; }

.kleinere-foto { max-width: 50% !important; height: auto; }

.btn-secondary {
  margin-top: 0px !important;
  margin-bottom: 20px;
}

.fixed-nav {display: none; }

@media (max-width: 991px) {
.fixed-nav {
position: absolute; display: flex; right: -130px; top: 270px; /*transform: translateY(-50%);*/ list-style: none; padding: 0; margin: 0; z-index: 1000;
}
.fixed-nav li {
margin-right: 15px; animation: slideIn 0.8s ease-out forwards; opacity: 0;
}
.fixed-nav li:nth-child(1) { animation-delay: 0.1s; }
.fixed-nav li:nth-child(2) { animation-delay: 0.3s; }
.fixed-nav li:nth-child(3) { animation-delay: 0.5s; }
.fixed-nav li:nth-child(4) { animation-delay: 0.7s; }
  .fixed-nav li:nth-child(5) { animation-delay: 0.9s; }
  .fixed-nav li:nth-child(6) { animation-delay: 0.1s; left: 135px; }
.fixed-nav li:nth-child(7) { animation-delay: 0.3s; left: 57px;}
.fixed-nav li:nth-child(8) { animation-delay: 0.5s; left: 68px; }
.fixed-nav li:nth-child(9) { animation-delay: 0.7s; left: 160px; }
  .fixed-nav li:nth-child(10) { animation-delay: 0.9s; left: 115px; }
  .fixed-nav li:nth-child(6) a { width: 65px; }
  .fixed-nav li:nth-child(7) a { width: 65px; }
  .fixed-nav li:nth-child(8) a { width: 30px; }
  .fixed-nav li:nth-child(9) a { width: 30px; }
  .fixed-nav li:nth-child(10) a { width: 30px; }

.fixed-nav li:nth-child(8),
.fixed-nav li:nth-child(9),
.fixed-nav li:nth-child(10) {
top: -198px; position: absolute; right: -150px;
}

.fixed-nav li:nth-child(6),
.fixed-nav li:nth-child(7) {
  top: -300px;
  position: absolute;
  right: -550px;
}

  
  
.fixed-nav a {
display: flex; justify-content: center; align-items: center; width: 40px; height: 30px; background-color: rgba(213,210,197,1); color: #666666 !important; border-radius: 6px; text-decoration: none; font-weight: bold; font-size: 18px; transition: transform 0.3s ease, background-color 0.3s ease;
}
.fixed-nav a:hover {
transform: scale(1.1); background-color: #ffffff;
}
  
/*@media (max-width: 991px) {
.fixed-nav-mid { position: absolute; display: flex; right: -130px; top: 200px; list-style: none; padding: 0; margin: 0; z-index: 1000;
}
.fixed-nav-mid li {
margin-right: 15px; animation: slideIn 0.8s ease-out forwards; opacity: 0;
}
.fixed-nav-mid li:nth-child(1) { animation-delay: 0.1s; }
.fixed-nav-mid li:nth-child(2) { animation-delay: 0.3s; }
.fixed-nav-mid li:nth-child(3) { animation-delay: 0.5s; }
.fixed-nav-mid li:nth-child(4) { animation-delay: 0.7s; }
  .fixed-nav-mid li:nth-child(5) { animation-delay: 0.9s; }
.fixed-nav-mid a {
display: flex; justify-content: center; align-items: center; width: 40px; height: 30px; background-color: rgba(213,210,197,1); color: #666666 !important; border-radius: 6px; text-decoration: none; font-weight: bold; font-size: 18px; transition: transform 0.3s ease, background-color 0.3s ease;
}
.fixed-nav-mid a:hover {
transform: scale(1.1); background-color: #ffffff;
}*/  
  /*.metismenu-item.item-111 {
    display: none !important;
}*/
} 

.navbar-toggler[aria-expanded="true"] + .fixed-nav { display: none !important; }
.article-info {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 15px !important;
    margin-left: 0 !important;
    padding-left: 0 !important;
  margin: 0 !important;
}
.article-info dt {
    margin-right: 0 !important;
}

.article-info dd {margin-left: 0 !important; padding-left: 0 !important; margin-inline-start: 0 !important; }

:root {
   --link-color: #73a974; /* Jouw linkkleur */
   --link-hover-color: #005656; /* Jouw hoverkleur */
}

a {
    color: var(--link-color);
}

a:hover {
    color: var(--link-hover-color);
}

/*.contact-name, .com-contact h2 { display: none; }

legend { display: none !important; }
fieldset { margin-top: -20px !important; }*/


#contactList td {
  font-size: 18px;
}
.com-contact__position dt,
.com-contact__position dd {
  font-size: 18px;
}
.contact-emailto a {
  font-size: 18px;
}
.com-contact__links a {
  font-size: 18px;
}
.contact-mobile {
  font-size: 18px;
}

.page-header h1 {
  color: #73a974;
}
.contact-category h1 {
  color: #73a974;
}
.contact h1 {
  color: #73a974;
}

.view-contact .com-contact__container > h3 {
    display: none;
}

.com-contact__links {
    font-size: 0;
}

.com-contact__links * {
    font-size: var(--body-font-size);
}



.blog-item:nth-child(even) {
  background-color: #353a3f;
  color: #e6e6e6;
}

.blog-item:nth-child(even) a,
.blog-item:nth-child(even) h2 a {
  color: #d4cfbd;
}

.blog-item:nth-child(even) .author,
.blog-item:nth-child(even) .date,
.blog-item:nth-child(even) .hits {
color: #ffffff;
}

.blog-item:nth-child(even) .icon-user, 
.blog-item:nth-child(even) .icon-calendar {
  fill: #ffffff;
  color: #ffffff;
}

.blog-item:nth-child(even) .createdby,
.blog-item:nth-child(even) .published,
.blog-item:nth-child(even) time {
  color: #ffffff;
}

.blog-item:nth-child(even) .readmore .btn-secondary {
  background-color: #404040;
  color: #ffffff;
  border-color: #ffffff;
}

.blog-item:nth-child(even) h2::after { border-bottom: 3px solid #e6e6e6; }

.page-header h2 {
display: flex;
flex-direction: column;
align-items: flex-start;
  text-align: left;
  padding-left: 20px;
}
.page-header h2 a {
text-decoration: none;
}
.page-header h2::after {
content: "";
display: block;
width: 40%;
  margin-left: 0;
border-bottom: 5px solid #363a3f;
margin-top: 10px;
  margin-bottom: 15px;
}

.addtoany_list { display: block !important; text align: left !important; margin-top: 20px; }

.card-header { text-align: center !important; } .card-body { text-align: center !important; }

.ejc-thread, .ejc-thread_new-comment-heading { font-size: 18px !important; font-family: var(--cassiopeia-font-family-body), sans-serif !important; }
.ejc-label, .ejc-form-label, .ejc-field-group label, .ejc-form input, .ejc-form textarea, .form-control { font-size: 18px !important; font-family: var(--cassiopeia-font-family-body), sans-serif !important; }

.ejc-thread .comment-body, .ejc-thread .comment-meta { font-size: 16px !important; font-family: var(--cassiopeia-font-family-body), sans-serif !important; }

.ejc-thread__count { color: #73a974 !important; } .ejc-thread_new-comment-heading { color: #73a974 !important; }


.ejc-avatar-initials {
    background-color: #D8D2C1 !important;
}

.category-desc {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    text-align: left;
    padding-left: 20px;
  padding-bottom: 20px;
    font-size: 2rem;
    font-weight: bold;
    line-height: normal;
}
.category-desc::after {
content: "";
display: block;
width: 40%;
margin-left: 0;
border-bottom: 5px solid #363a3f;
margin-top: 0px;
margin-bottom: 15px;
}

.blog .category-desc::after { margin-top: 10px; }

.category-desc .addtoany_container {
display: none !important; margin-bottom: 20px;
}
.breadcrumb {
    font-size: 1.15rem; /* of 1.2rem, 1.25rem, wat jij mooi vindt */
}


@media (max-width: 767px) {
    .category-desc {
        font-size: 1.5rem !important;
    }
}

.com-content-article__body h3 {
padding-left: 20px !important;
}

.com-content-article__body h3::after {
content: "";
display: block;
width: 40%;
margin-left: 0;
border-bottom: 5px solid #363a3f;
margin-top: 10px;
margin-bottom: 15px;
}

.contact-category h2 {
  padding-left: 20px;
}

.view-category .item-content .articleimagegallery {
    display: none !important;
}
.view-category .category_article_image {
    display: none !important;
}

.news-ticker {
    position: relative;
    background: #f8f9fa; /* Dezelfde lichte achtergrondkleur als de breadcrumb */
    border: 1px solid #e9ecef; /* Subtiel randje erbij voor een mooie eenheid */
    padding: 0;
    height: 35px;
    line-height: 35px;
    font-size: 1rem; /* Iets aangepast zodat het mooi matcht met de rest */
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    color: #333333; /* Donkere tekstkleur i.p.v. wit, passend bij de lichte balk */
}

.ticker-content {
    display: inline-block;
    padding-left: 100%;
    animation: scroll 15s linear infinite; /* Eventueel iets rustiger gezet op 12s, pas gerust aan naar wens */
}

.ticker-content span {
    margin-right: 40px;
}

@keyframes scroll {
    0% { 
        transform: translate3d(0, 0, 0); 
    } 
    100% { 
        transform: translate3d(-100%, 0, 0); 
    } 
}



@keyframes slideIn {
from { transform: translateX(50px); opacity: 0; }
to { transform: translateX(0); opacity: 1; }
}

/*@keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } body { animation: fadeIn 0.5s ease-in; }*/

/*@keyframes slideInFromLeft { from { transform: translateX(-100%); opacity: 0; } to { transform: translateX(0); opacity: 1; } } body { animation: slideInFromLeft 0.5s ease-out; }*/

@keyframes slideInFromTop { from { transform: translateY(-100%); opacity: 0; } to { transform: translateY(0); opacity: 1; } } body { animation: slideInFromTop 1.2s ease-out; }

.responsive-spreadsheet { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; } .responsive-spreadsheet iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; }


/* Verwijder dubbele kader + witte ruimte */
.sidebar-right.card {
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
    padding-top: 7px !important;
}

/* Verwijder binnenste padding */
.sidebar-right.card .card-body {
    padding: 0 !important;
    text-align: inherit !important; /* indien je geen centrering wil */
}

/* Verwijder extra marges rond de module */
.container-sidebar-right .sidebar-right {
    margin: 5px 0 0 0 !important;
}


/* --- MOBIELE HEADER --- */

/* Verberg module op desktop/tablet */
.mobile-only {
  display: none;
}

/*@media (min-width: 451px) {
    .top-a.card {
        display: none;
    }*/
}



/* Verberg Cassiopeia header */
  header.header.container-header.full-width {
    display: none !important;
  }

/* Alles voor mobiel */
@media (max-width: 450px) {
  body {
    padding-top: 0 !important;
  }
  
  .site-grid {
    padding-top: 0 !important;
    margin-top: 0 !important;
  }

  .grid-child.container-top-a {
    padding: 0 !important;
    margin: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
  }
  .top-a.card {
    border: none !important;
    border-radius: 0 !important;
    background: none !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  .top-a.card .card-body {
    padding: 0 !important;
    margin: 0 !important;
    }

    /* Verwijder extra container-marges op mobiel */
    .container-top-a > * {
        margin: 0 !important;
    }
.container-top-a > .top-a.card {
        margin-top: 1rem !important;
  }
    

/* Compacte header zoals Rokade Westerlo */
.mobile-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  box-sizing: border-box !important;

  background: #333333;        /* grijze doorlopende balk */
  width: 100% !important;                /* volledige breedte */
  padding: 4px 12px !important;          /* supercompact */
  height: 46px !important;               /* vaste hoogte */
  margin: 0 !important;                  /* geen extra witruimte */
  border-bottom: none !important;
}

/* Titel groter en prominenter */
.mobile-title {
  font-size: 1.55rem;         /* groter */
  font-weight: 700;           /* bold */
  color: #ffffff;
  margin: 0;
  padding: 0;
  line-height: 1;
  text-decoration: none !important;
    color: #ffffff !important;
}

.mobile-title:hover,
.mobile-title:focus,
.mobile-title:active {
    text-decoration: none !important;
    color: #ffffff !important;
}  

/* Hamburger strakker */
.mobile-toggle {
  font-size: 1.7rem;
  color: #ffffff;
  background: none;
  border: none;
  padding: 0;
  margin: 0;
  line-height: 1;
  cursor: pointer;
}



  /* Toon module alleen op mobiel */
  .mobile-only {
    display: block;
  }

  /* Onze eigen header */
  /*.mobile-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #ffffff;
    padding: 10px 15px;
    border-bottom: 1px solid #ddd;
    font-size: 1.3rem;
    font-weight: bold;
  }

  .mobile-title {
    color: #333;
  }

  .mobile-toggle {
    font-size: 1.8rem;
    background: none;
    border: none;
    cursor: pointer;
  }*/

  /* Menu standaard verborgen */
  .mobile-menu {
    display: none;
    background: #fff;
    padding: 15px;
    border: none !important;
  }

  .mobile-menu ul {
    list-style: none;
    margin: 0;
    padding: 0;
  }

  .mobile-menu li {
    padding: 10px 0;
    border-bottom: 1px solid #ddd;
  }

  .mobile-menu li:last-child {
    border-bottom: none;
  }

  .mobile-menu a {
    text-decoration: none;
    color: #333;
    font-size: 1.2rem;
  }

  /* Submenu standaard verborgen */
  .submenu {
    display: none;
    padding-left: 10px;
  }

  /* Submenu zichtbaar wanneer actief */
  .submenu.active {
    display: block;
  }

  /* Submenu toggle knop */
  .submenu-toggle {
    background: none;
    border: none;
    font-size: 1.2rem;
    padding: 10px 0;
    width: 100%;
    text-align: left;
    cursor: pointer;
    color: #333;
  }

  .arrow {
    float: right;
    transition: transform 0.2s ease;
  }

  .arrow.rotate {
    transform: rotate(90deg);
  }
  
  

  


  /* Hoofdmenu zichtbaar wanneer actief */
  .mobile-menu.active {
    display: block;
  }
}

@media (max-width: 450px) {
  #mod-custom129 {
    display: none !important;
  }
}

.alert-danger {
    background-color: #f9d4d7 !important; /* lichtrood */
    border: 1px solid #f0bec2 !important;
    color: #666666 !important;
    font-size: 1.10rem;
  font-weight: bold;
    padding: 1rem;
    border-radius: .375rem;
}

.alert-secondary {
    background-color: #f2f2f2 !important; /* lichtgrijs */
    border: 1px solid #dbd5d5 !important;
    color: #666666 !important;
    font-size: 1.10rem;
  font-weight: bold;
    padding: 1rem;
    border-radius: .375rem;
}


.top-a.card {
    margin: 0 !important;
}

.top-a.card .card-body {
    padding: 0 !important;
}

.container-top-a > * {
    margin: 0 !important;
  flex: 0 0 auto !important;
}

.top-a.card {
    margin: 0 !important;
  margin-top: 1rem !important;
    margin-bottom: 0 !important;+
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
  display: block !important;
    flex: none !important;
}

.top-a.card .card-body {
    padding: 0 !important;
}

.grid-child.container-top-a {
    gap: 0rem !important;
  padding-top: 0 !important;
}

.alert.mt-3,
.alert.mb-3 {
    margin-top: 0rem !important;
    margin-bottom: 0rem !important;
}

.container-top-a {
    margin-top: 0 !important;
    padding-top: 0 !important;
  margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.container-banner {
    margin-bottom: 0rem !important;
    padding-bottom: 0 !important;
}

.container-banner { position: sticky; top: 0; z-index: 1000; }

.container-top-a {
    margin-top: 0 !important;
    padding-top: 0 !important;
    margin-bottom: 0 !important;
}


/* ===== HEADER V2 ===== */

.site-header-v2 {
    display: flex;
    justify-content: space-between;
    align-items: center;

    background: #333333;
    width: 100%;
    height: 46px;

    padding: 4px 12px;
    box-sizing: border-box;
}

.site-title-v2 {
    color: #ffffff;
    font-size: 1.55rem;
    font-weight: 700;
    line-height: 1;
    white-space: nowrap;
}
.site-title-v2 a { color: inherit; text-decoration: none; }

.menu-toggle-v2 {
    background: none;
    border: none;
    color: #ffffff;
    font-size: 1.7rem;
    padding: 0;
    line-height: 1;
    cursor: pointer;
}

/* menu standaard verborgen */
/*.main-nav-v2 {
    display: none;
    background: #ffffff;
    text-align: left !important;
}*/

.main-nav-v2.active {
    display: block;
}

/* Mobile + tablet */
@media (max-width: 991px) {

    .main-nav-v2 {
        max-height: 0;
        overflow: hidden;
        background: #ffffff;
        transition: max-height 0.9s ease;
    }

    .main-nav-v2.active {
        max-height: 800px;
    }

}

/* Desktop */
@media (min-width: 992px) {

    .main-nav-v2 {
        max-height: none;
        overflow: visible;
    }

}

/* hoofdmenu */
.main-nav-v2 ul {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.main-nav-v2 li {
    border-bottom: 1px solid #ddd;
}

.main-nav-v2 li:last-child {
    border-bottom: none;
}

.main-nav-v2 a {
    display: block;
    padding: 10px 15px;
    text-decoration: none !important;
    color: #333333 !important;
    font-size: 1.2rem;
}

.main-nav-v2 a:hover {
    background: #f5f5f5;
}

/* Competitie knop */
.submenu-toggle-v2 {
    display: block;
    width: 100%;

    padding: 10px 15px;

    background: none;
    border: none;

    text-align: left;
    font-size: 1.2rem;
    color: #333333;

    cursor: pointer;
}


.submenu-v2 {
    max-height: 0;
    overflow: hidden;
    background: #f7f7f7;
    transition: max-height 0.6s ease;
}

.submenu-v2.active {
    max-height: 500px;
}

.submenu-v2 li {
    border-bottom: 1px solid #eee;
}

.submenu-v2 a {
    padding-left: 30px;
    font-size: 1.1rem;
}

#mod-custom135 .card-body { padding: 0 !important; }
.bottom-a .card-body { padding: 0 !important; }

@media (min-width: 992px) {

   #mod-custom135 {
    display: flex;
    align-items: center;
    background: #333;

    padding-left: max(1rem, calc((100vw - 1320px) / 2));
    padding-right: max(1rem, calc((100vw - 1320px) / 2));
}

    .site-header-v2 {
        width: auto !important;
      background: transparent;
    }

    .menu-toggle-v2 {
        display: none !important;
    }

    .main-nav-v2 {
        display: flex !important;
        flex-direction: row !important;
        justify-content: flex-end !important;
      flex: 1;
      background: transparent;
    }

  .main-nav-v2 a,
    .submenu-toggle-v2 {
        color: #fff !important;
        font-size: 1.2rem;
        font-weight: 600;
    }
  
  .main-nav-v2 a:hover,
.main-nav-v2 a:focus,
.main-nav-v2 a:active,
.main-nav-v2 li:hover,
.main-nav-v2 li:focus {
    background: transparent !important;
    color: #fff !important;
    box-shadow: none !important;
    border-bottom: none !important;
}

    .main-nav-v2 ul {
        display: flex;
        flex-direction: row;
        justify-content: flex-end;
        align-items: center !important;
      margin: 0;
    }

.main-nav-v2 ul,
    .main-nav-v2 li,
    .main-nav-v2 a {
        border: none !important;
        box-shadow: none !important;
    }

  .has-submenu-v2 {
        position: relative;
    }

    .submenu-v2 {
        position: absolute;
        top: 100%;
        right: 0;
        min-width: 280px;
        background: #333;
        z-index: 9999;
    }
  
}

header.container-header {
    display: none !important;
}

.grid-child.container-top-a {
        flex-direction: column !important;
    }
}

@media (min-width: 451px) {

    #mod-custom133 .alert,
    #mod-custom134 .alert {
        padding: 0.75rem 1rem !important;
        min-height: auto !important;
    }

    .banner.card {
        margin: 0.25rem 0 !important;
    }

    .banner.card .card-body {
        padding: 0.5rem !important;
    }

  .grid-child.container-top-a {
        justify-content: flex-start !important;
        gap: 0.25rem !important;
    }

}

#mod-custom126 p {
    margin: 0;
    text-align: center;
}


.sidebar-right.card .card-header {
    margin-top: 5px !important;
}

.sidebar-right.card #mod-custom126 {
    padding-top: 1rem;
}

#mod-custom136 {
    display: flex;
    align-items: center;
  justify-content: center;
  }

@media (min-width: 992px) {
  .blog-item {
    margin: 0 10px 20px 10px;
    border-radius: 15px;
    overflow: hidden;
    padding: 15px;
    background-color: #f9f9f9;
    border: 1px solid #ddd;
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
  }
}

@media (min-width: 992px) {

    .submenu-v2.active {
        display: block !important;
        max-height: none !important;
    }

    .submenu-v2.active li {
        display: block !important;
        width: 100%;
    }

}

#module-135 { position: sticky; top: 0; z-index: 1000; }

.btn-primary {
    background-color: #73a974;
    border-color: #4CAF50;
}

/*.back-to-top-link {
    bottom: 180px;
}*/

.footer .grid-child {
    display: flex;
    align-items: center;
    justify-content: center;
}

#mod-custom139 {
    width: 100%;
    text-align: left;
}

.footer p {
    margin: 0;
}

@media (max-width: 991px) {
    #mod-custom139 {
        position: relative;
        top: -6px;
    }
}

.site-grid { background-color: #f6f6f6; }

.sidebar-right .mod-login label,
.sidebar-right .mod-login a,
.sidebar-right .mod-login button,
.sidebar-right .mod-login .btn {
font-family: system-ui !important;
font-size: 20px !important;
}
.sidebar-right .mod-login input {
font-family: system-ui !important;
font-size: 20px !important;
}
.sidebar-right .mod-login .form-control {
font-family: system-ui !important;
font-size: 20px !important;
}

.sidebar-right .mod-login .form-control {
font-family: system-ui !important;
font-size: 20px !important;
}
.sidebar-right .mod-finder input[type="text"],
.sidebar-right .mod-finder .form-control {
font-family: system-ui !important;
font-size: 20px !important;
}

.com-contact__links a { text-decoration: none; margin-top: 0; padding-top: 0; }
.icon-envelope, 
.icon-mobile {
    display: none;
}
.input-password-toggle {
    padding-left: 0;
    padding-right: 0;
    width: 54px;
}

p.readmore {
    margin-top: 20px;
}
input#modlgn-passwd-16 {height: 52px; }