:root {
  --color-white: #fff;
  --color-black: #333;
  
  --color-blue-mm-logo: #23A0DB; 
  --color-blue-mm-light: #7CB1C2;
  --color-blue-mm-light-transp: rgba(124, 177, 194, 0.9);
  --color-blue-mm-dark: #417BA5;
  --color-action-green: #1e964e;
   
  --color-text: #11354d;
  
  --font-size-small: 0.6875rem;
  --font-size-default: 1rem;
  --font-letter-spacing: .04em;

  --font_titel: "Titillium Web", sans-serif !important;
  --font_def: "Titillium Web", sans-serif;
}

*,
html, body {
  font-family: var(--font_def);
  color: var(--color-text);
  font-size: 17px;
  letter-spacing: var(--font-letter-spacing);
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
	font-family: var(--font_titel);
	font-weight:unset;
} 
h1, .h1{
	font-size: 3rem !important;
	word-break: break-all;
} 
h3,p,
div.container h1{
	color:inherit; 
}

@media (max-width: 900px) {
  h1, .h1{
    font-size: 2rem !important;
  }
}
h2, .h2{
	font-size: 2.5rem !important;
}
h3, .h3 {
	font-size: 1.875rem !important;
}
h4, .h4, .fs-18{
	font-size: 1.1rem;
}
h5, .h5 {
	font-size: 1.25rem;
}
h6, .h6 {
	font-size: 1rem;
}
p, .p{
  line-height: 1.8;
  font-size: 1rem;
}

.btn{
  text-transform: none;
}
.btn-outline-secondary {
  background-color: var(--color-action-green);
}
.btn-outline-secondary:hover {
  background-color: rgb(25 124 65);
}  
.btn-primary{
	background-color: var(--color-blue-mm-dark);
}	
.btn-primary:hover, .btn-base-color:hover {
  background-color: var(--color-blue-mm-light);
}  
/* ----- header start ----- */
header.header-dark {
  background-color: rgba(0, 24, 49, 0.8) !important;
}

@media (min-width: 992px) {
  header.header-dark {
    background-color: rgba(0, 24, 49, 0.8) !important;
  }
}
header .navbar-nav img { 
  border: solid 1px #FFF;
}



header .navbar-nav .nav-link{
  font-weight: 400;
}
header .navbar-nav .nav-link,
.text-uppercase {
  text-transform: none !important;
}
header .navbar-nav .nav-link {
  font-size: 0.7875rem;
}  
@media (max-width: 992px) {
  header .navbar-nav .nav-link {
	font-size: 1.2rem;
  }
}
/* ----- header end ----- */


/* ----- navbar start ----- */
.navbar-nav .dropdown-menu {
  background-color: var(--color-blue-mm-light-transp);
  color: #FFF;
}
.dropdown-item{
	color:inherit;
}
.dropdown-item:focus, .dropdown-item:hover {
  color: inherit;
  background-color: inherit;
}
.dropdown-item a:hover {
  text-decoration: underline;
}
/* ----- navbar end ----- */

.text-primary,
i.fa,
.text-base-color,
.service-icon i.fas, 
.features-block .block-icon i{
	color:var(--color-blue-mm-logo) !important;
}
.text-hover-base-color:hover {
  color:var(--color-blue-mm-light) !important;
}
.bg-base-color, .timeline .timeline-item:before, .pace .pace-progress, .title-sideline-base-color:before, .btn-base-color {
  background-color: var(--color-blue-mm-light);
}  
.title-underline-base-color, .title-underline-thick-base-color, .features-block .block-icon  {
    border-color:  var(--color-blue-mm-light);
}
.carousel-custom .flickity-page-dots .dot.is-selected {
    background: var(--color-blue-mm-light);
}


.service-card {
  box-shadow: 0 2px 15px rgba(0, 0, 0, 0.35);
  width:100%;
  background-color: #ffffff  !important; /*#f8f9fa !important; */
}
.service-card:hover {
  box-shadow: 0 5px 25px rgba(0, 0, 0, 0.75);
  cursor: pointer;
}
 

.service-title {
  font-weight: unset;
}
 
.bg-mm{
	background-color: #23a0db24;
}

@media (min-width: 992px) {
  section {
    padding: 80px 0;
  }
}

footer h4,
footer i,
footer a,
footer span,
footer p,
footer div{
	color:#FFF;
	
}

/* news_ticker */
.news-ticker-container {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  background: rgba(4,19,39,0.8);
  overflow: hidden;
  z-index: 99;
}

/* Centered white “inner” column */
.news-ticker-inner {
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  height: 40px;
  align-items: center;
  background: rgba(246, 249, 252, 0.9);
  
}

/* “Nieuws” label */
.news-ticker-label {
  background: #307eaa;
  color: #fff;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 13px;
  letter-spacing: .5px;
  padding: 0 20px;
  min-width: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 2;
}
.news-ticker-label::after {
  content: '';
  position: absolute;
  right: 0; top: 50%;
  width: 1px; height: 20px;
  background: rgba(255,255,255,.3);
  transform: translateY(-50%);
}

/* Scroller “mask” + start offset */
.news-ticker-content {
  position: relative;
  flex: 1;
  overflow: hidden;
  padding-left: 20px;
  height: 100%;
}

/* Fixed fade on top of scrolling area */
.news-ticker-content::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  height: 100%;
  pointer-events: none;
  background: linear-gradient(to right, rgba(18, 74, 124, 0.8), transparent);
  z-index: 10; /* Make sure it's above .news-ticker-wrapper */
}

/* Scrolling strip  */
.news-ticker-wrapper {
  display: flex;
  align-items: center;
  height: 100%;
  white-space: nowrap;
  z-index: 5;
}

/* Individual items */
.news-ticker-item {
  display: flex;
  align-items: center;
  height: 100%;
  padding: 0 30px;
  font-size: 14px;
  color: #4a4a4a;
  text-decoration: none;
  position: relative;
}
.news-ticker-item i {
  margin-right: 12px;
  font-size: 14px;
  color: #124a7c;
}
.news-ticker-item:not(:last-child)::after {
  content: '•';
  position: absolute;
  right: 10px;
  color: #124a7c;
  opacity: .4;
  font-size: 12px;
}

/* Responsive shrink */
@media (max-width: 991px) {
  .news-ticker-inner { height: 36px; }
  .news-ticker-label {
    padding: 0 15px;
    font-size: 12px;
    min-width: 80px;
  }
  .news-ticker-item {
    padding: 0 20px;
    font-size: 13px;
  }
}
/* Sportles Lessen */
.classes-scroll {
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scrollbar-width: thin;
    padding: 10px 0 25px;
    margin-bottom: 2rem;
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    -webkit-overflow-scrolling: touch;
}

.classes-scroll::-webkit-scrollbar {
    height: 8px;
    display: block;
}

.classes-scroll::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 10px;
}

.classes-scroll::-webkit-scrollbar-thumb {
    background: var(--primary, #007bff);
    border-radius: 10px;
}

.classes-scroll::-webkit-scrollbar-thumb:hover {
    background: #0056b3;
}

.class-item {
    scroll-snap-align: start;
    min-width: 280px;
    flex: 0 0 auto;
    width: 320px;
    padding: 0 15px;
    margin-bottom: 15px;
}

.class-card {
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(0,0,0,0.1);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    height: 100%;
    background-color: #fff;
}

.class-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 35px rgba(0,0,0,0.15);
}

.class-card-header {
    padding: 20px;
    text-align: center;
    border-bottom: 1px solid #f0f0f0;
}

.class-card-header i {
    color: var(--primary);
    font-size: 1.75rem;
    margin-bottom: 10px;
}

.class-card-body {
    padding: 20px;
}

.class-indicator {
    height: 3px;
    width: 40px;
    background-color: var(--primary);
    margin: 8px auto 15px;
}