/* Imports */
/* @import url('https://fonts.googleapis.com/css?family=Almarai&display=swap'); */
/* @import url('https://fonts.googleapis.com/css?family=Open+Sans'); */
/* @import url('https://fonts.googleapis.com/css?family=Roboto'); */
@import url('https://fonts.googleapis.com/css2?family=Lilita+One&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Comfortaa:wght@300..700');
/*lilita-one-regular:
    font-family: "Lilita One", sans-serif;
    font-weight: 400;
    font-style: normal;*/
/*comfortaa:
    font-family: "Comfortaa", sans-serif;
    font-optical-sizing: auto;
    font-weight: <300-700>;
    font-style: normal;*/



/*
 * Variables
 */
:root {
  --primary-color: #D70103;
  --primary-color-contrast: #fff;
  --primary-color-shade: #D70103;
  --primary-color-tint: #e9373f;

  --secondary-color: #002060;
  --secondary-color-contrast: #fff;
  --secondary-color-shade: #00206;
  --secondary-color-tint: #1a4993;

  --background-color: white;
  --text-color: #0F0F0F;
  --text-color-hover: #F0F0F0;
  --link-text-color: #D70103;

  --height-navbar: 60px;
  
  --phanos-rood:#D70103;
  --phanos-lichtrood:#fed2d4;
  --phanos-blauw:#002060;
  --phanos-lichtblauw:#d9e5f8;

}

/*
 * Essentials
 */
* {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

:target {
  scroll-margin-top: var(--height-navbar);
}

body {
  font-family: "Comfortaa", sans-serif;
  font-weight: 400;
  font-size: 16px;
  background-color: var(--background-color);
}

h1, h2, h3, h4, h5, h6, .my-env h1, .my-env h2, .my-env h3, .my-env h4, .my-env h5, .my-env h6 {
  font-family: "Lilita One", sans-serif;
  color: var(--text-color);
  font-weight: 600;
  text-transform: uppercase;
}

a, .my-env a {
  color: var(--link-text-color);
  text-decoration: none;
}

a:hover, .my-env a:hover {
  text-decoration: underline;
  color: var(--link-text-color);
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
  color: var(--text-color);
  text-decoration: none;
}


/*
 * Bootstrap overwrites
 */

.btn,
.my-env .btn {
  border-radius: 0 !important;
  text-transform: uppercase;
  text-decoration: none;
  font-family: "Lilita One", sans-serif;
}

.btn-primary, .my-env .btn-primary {
  background-color: var(--primary-color);
  border: 0;
  color: var(--primary-color-contrast);
  margin-top:10px;
  margin-block-end: 1em;
  font-size:20px;
  font-weight: bold;
  padding:4px 20px;
}

.btn-primary:active,
.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:focus,
.btn-primary:hover,
.my-env .btn-primary:hover {
  text-decoration:underline; color:white;
  background-color: var(--primary-color);
}

.btn-secondary, .my-env .btn-secondary {
  background-color: var(--secondary-color);
  border: 0;
  color: var(--secondary-color-contrast);
}

.btn-secondary:active,
.btn-secondary:not(:disabled):not(.disabled):active,
.btn-secondary:focus,
.btn-secondary:hover,
.my-env .btn-secondary:hover {
  text-decoration:underline; color:white;
  background-color: var(--secondary-color);
}

/*
 * Bootstrap extensions
 */
.py-8 { padding-block: 5rem; }
.pt-8 { padding-top: 5rem; }
.pb-8 { padding-bottom: 5rem; }
.my-8 { margin-block: 5rem; }
.mt-8 { margin-top: 5rem; }
.mb-8 { margin-bottom: 5rem; }

.align-justify {
  text-align: justify;
}

/* 
 * Basics
 */
 
 /*menu*/

.website-header{
    background-color:#000000a8 !important; 
    color:white !important;
    border-bottom:none !important;
    box-shadow:0px 8px 12px 5px #000000a6;
    height: var(--height-navbar);
    position: sticky;
  }
.navbar-dark .navbar-nav .nav-link {
  color: white !important;
  font-family: "Lilita One", sans-serif !important;
  font-weight: 500 !important;
  text-transform: uppercase;
  text-decoration: none;
  white-space: nowrap;
}
.navbar-brand{color: #fff0 !important; font-size:0.8rem !important;}
.dropdown-menu{background-color:#002060db !important; color:white !important;}
.dropdown-item{color:white !important; font-family: "Lilita One", sans-serif !important; text-transform: uppercase;}
h6:has(+.dropdown-item){color:white !important;}
.nav-item:last-of-type{
  width: fit-content;
  position:relative;
  background-color:var(--phanos-rood);
  color:white;
  font-size:20px;
  font-weight: bold;
  font-family: "Lilita One", sans-serif !important;
  text-transform: uppercase;
  white-space: nowrap;
}.nav-item:last-of-type > a{padding:4px 20px !important;}
.btn-outline-light{color:#002060db !important; border-color:#002060db !important;}

 
.website-header .btn-primary {
  width: 250px;
}

.website-header-logo {
  max-height: 100px;
}

.navbar-dark .navbar-toggler {
  border-color: white;
}

.navbar-dark .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgb(255 255 255)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

.navbar-dark .navbar-nav .nav-link {
  color: white !important; /* Important is needed to overwrite .nav-link from _navbar.scss  */
  font-family: "Lilita One", sans-serif !important;
  font-weight: 500 !important;
  text-transform: uppercase;
  text-decoration: none;
  white-space: nowrap;
}
.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {
  color: var(--primary-color);
}

.dropdown-item:hover {
  background-color: #002060db;
}
/*end menu*/

.foys-footer {
  background: var(--primary-color);
  color: var(--primary-color-contrast);
  max-width: none;
}

.foys-footer a {
  color: var(--primary-color-contrast);
}

/* 
 * 👇 INSERT CUSTOM CSS FOR ALL SCREEN SIZES BELOW 👇
 */

.red {
  background-color: var(--primary-color);
  color: var(--primary-color-contrast);
}

.red a, .red h1, .red h2, .red h3, .red h4, .red h5, .red h6 {
  color: var(--primary-color-contrast);
}

/* news items */
.news-item.border,
.calendar-event.border {
  border: 0 !important;
}

.news-image-container {
  width: 100%;
}

.news-item-image-div {
  min-height: 150px;
}

.news-content-container {
  width: 100%;
}

.news-item-image-div {
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  height: 200px;
  transition: all 1s;
}

.news-title {
  padding-top: 0.5rem;
}

.news-title a {
  font-family: "Lilita One", sans-serif;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 1rem;
  text-decoration: none;
  color: #0F0F0F;
}

.news-title a:hover {
  color: var(--primary-color);
}

.news-date {
  font-size: 0.8rem;
}

.news-short-description-content {
  text-align: justify !important;
}

.news-read-more {
  margin-top: 1rem;
  text-align: left;
}

.news-read-more a {
  color: var(--link-text-color);
  font-size: 1rem;
}

.news-body img {
  width: 400px;
  height: 600px;
}
#meer-nieuws{text-align:center; font-weight: 900;}
/* end news items */

/* News detail page - Full width image */
.website-news-item-details .news-title {
  margin-top: 20px;
}

.website-news-item-details .col-md-3 {
  flex: 0 0 100%;
  max-width: 100%;
}

.website-news-item-details .col-md-3 img {
  width: 100%;
  aspect-ratio: 16/9;
  object-fit: cover;
}

.website-news-item-details .col-md-9 {
  padding-inline: 1rem;
}

.website-news-item-details .news-body {
  padding-inline: 1rem;
}
/* END News detail page */

.calendar-event-date,
.calendar-event-time {
  display: inline;
  font-family: "Novecento sans Bold", sans-serif;
  font-weight: 900;
  font-size: 1rem;
  text-decoration: none;
  color: var(--primary-color);
}

.calendar-event-date:first-letter {
  text-transform: capitalize;
}

.calendar-event-time::before {
  content: "van ";
}

.calendar-event-title {
  font-size: 0.8rem;
}

.website-calendar-events .lead {
  display: none;
}
#meer-events{text-align:center; font-weight: 900;}

.big-date-block {
  background-color: var(--primary-color);
  color: #E0E0E0;
  text-align: center;
  text-transform: uppercase;
  padding: 0.5rem;
  font-family: "Lilita One", sans-serif;
}

.big-date-day, .big-date-month {
  font-size: 35px;
  line-height: 35px;
  margin-bottom: 0;
}

.link a {
  color: #ffffff;
  text-decoration: none;
}
.link a:hover {
  color: #ffffff;
  text-decoration: underline;
}

.link2 a {
  color: #ffffff;
  text-decoration: none;
}
.link2 a:hover {
  color: #bebebe;
  text-decoration: none;
}

.link3 a {
  color: #bebebe;
  text-decoration: none;
}
.link3 a:hover {
  color: #000000;
  text-decoration: none;
}

.link4 a {
  color: #ffffff;
  text-decoration: none;
}
.link4 a:hover {
  color: #ffffff;
  font-size: 14px;
  text-decoration: none;
}

.page-top-image {
  display: block;
  height: 300px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.page-top-image h2 {
  color: #FFFFFF;
  margin-top: 110px;
  text-align: center;
  font-size: clamp(48px, 10vw, 60px);
}


/*REDESIGN*/

/*algemeen*/
#R-page-title{
  color: white;
  text-shadow: 5px 5px 5px black;
  padding: 4px;
  left:5%;
  z-index: 10;
  position: absolute;
  font-family: "Lilita One", sans-serif;
  text-transform: uppercase;
}
.R-header{}
.R-header>figure{
  overflow:hidden;
}
.R-header>figure>img{
  width:100%;
}
.R-knop-blauw{
  padding:4px 20px;
  margin-top:10px;
  width: fit-content;
  position:relative;
  background-color:var(--phanos-blauw);
  color:white;
  font-size:20px;
  font-weight: bold;
  font-family: "Lilita One", sans-serif !important;
  text-transform: uppercase;
  white-space: nowrap;
}.R-knop-blauw:hover{text-decoration:underline; color:white;}.R-knop-blauw:active{color:white;}.R-knop-blauw>a{color:white !important;text-decoration: none !important;}
.R-knop-rood{
  padding:4px 20px;
  margin-top:10px;
  width: fit-content;
  position:relative;
  background-color:var(--phanos-rood);
  color:white;
  font-size:20px;
  font-weight: bold;
  font-family: "Lilita One", sans-serif !important;
  text-transform: uppercase;
  white-space: nowrap;
}.R-knop-rood:hover{text-decoration:underline; color:white;}.R-knop-rood:active{color:white;}.R-knop-rood>a{color:white !important}
.R-button-row{}
.R-button-wrapper{
  font-size: 48px;
  font-family: "Lilita One", sans-serif;
  text-transform: uppercase;
  font-weight: bold;
  text-align: center;
  margin:40px auto;
  transform: skewY(-4deg);
}
.R-button-wrapper>div{transform: skewY(4deg);}
.R-button-row .R-button-wrapper:nth-child(odd){background-color:var(--phanos-lichtrood);}
.R-button-row .R-button-wrapper:nth-child(even){background-color:var(--phanos-lichtblauw);}
.R-button-wrapper>div>*{margin:50px 0;}
.R-button-wrapper>div>*>a{color: black !important; text-decoration:none !important;}
/*end algemeen*/

/*home*/

/*header*/
.R-header{margin-top:-90px;}
#R-welkom{
  color: white;
  text-shadow: 5px 5px 5px black;
  padding: 4px;
  z-index: 10;
  position: absolute;
  font-family: "Lilita One", sans-serif;
  text-transform: uppercase;
}
#R-header-knop-1{
  padding: 8px 14px;
  }
#R-header-knop-2{
  padding: 8px 14px;
  }
#R-header-knop-3{
  padding: 8px 14px;
  }
/*end header*/
/*aanbod*/
.R-aanbod-wrapper{}
.R-aanbod-link{color: white;}
.R-aanbod-link:hover{color: white;}
#R-aanbod-title{
text-align:center;
text-transform: uppercase;
padding: 20px 0;
}
.R-aanbod{padding:0 !important;float:left;}
.R-aanbod figure{text-align:left; }
.R-aanbod figure>img{width:90%;}
.R-aanbod-label{
  margin-left:auto;
  margin-right:14px;
  top:-80px;
  padding: 6px 26px 6px 14px;
  text-align: right;
  color: white;
  position: relative;
  width: fit-content;
  text-transform: uppercase;
}
.R-aanbod  p{padding:0 28px 0 12px; margin-top: -40px;}
.R-aanbod:nth-child(odd)   .R-aanbod-label{background-color: var(--phanos-rood);}
.R-aanbod:nth-child(even)   .R-aanbod-label{background-color: var(--phanos-blauw);}

/*end aanbod*/

/*home widgets*/
.R-home-widget-wrapper{margin-top:40px;}
.R-home-widget-wrapper>div{column-gap: 30px !important;}
/*nieuwsblok*/
#R-nieuws-blok{
  background-color:var(--phanos-lichtrood);
  padding:60px 20px 20px 20px;
  transform: skewY(-4deg);
}
#R-nieuws-wrapper{transform: skewY(4deg);}
#R-nieuws-wrapper>h3{padding-bottom:40px;text-transform: uppercase;}
#R-nieuws-wrapper>div{}
/*kalenderblok*/
#R-kalender-blok{
  background-color:var(--phanos-lichtblauw);
  padding:60px 20px 20px 20px;
  transform: skewY(-4deg);
}
#R-kalender-wrapper{transform: skewY(4deg);}
#R-kalender-wrapper>h3{padding-bottom:40px;text-transform: uppercase;}
#R-kalender-wrapper>div{}
/*end home widgets*/
/*end home*/

/*pagina templates*/
.R-body-wrapper{}
.R-content-row{}
.R-content-row > .container{padding-left:0;}
.R-content-row > .container > row{}
.R-content-wrapper{}
.R-content-wrapper li,ul{
    font-family: "Comfortaa", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
}
.R-content-wrapper p ~ h1{margin-top:40px;}
.R-content-wrapper p ~ h2{margin-top:40px;}
.R-content-wrapper p ~ h3{margin-top:40px;}
.R-content-wrapper p ~ h4{margin-top:40px;}
.R-content-wrapper p ~ h5{margin-top:40px;}
.R-content-wrapper p ~ h6{margin-top:40px;}
.R-content-wrapper table{
    font-family: "Comfortaa", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
}
.R-content-wrapper thead{}
.R-content-wrapper th{
background-color:var(--phanos-lichtblauw);
font-size:17px;
padding: 6px 12px;
}
.R-content-wrapper table{margin-bottom: 20px;text-align:center;}
.R-content-wrapper tbody{}
.R-content-wrapper tr{ font-size:15px;}
.R-content-wrapper tr:nth-child(even){background-color: snow;}
.R-content-wrapper tr:nth-child(odd){background-color: #f2f2f2;}
.R-content-wrapper tr>td:first-child{background-color:var(--phanos-lichtblauw); font-size:17px !important;}
.R-content-wrapper td{padding: 6px 12px;}
.R-foto-wrapper{
  transform: skewY(-4deg);
  height:fit-content;
}
.R-content-row>div>div>.R-foto-wrapper{margin:5% 0;}
.R-content-row .R-foto-wrapper:nth-child(even){background-color:var(--phanos-lichtrood);}
.R-content-row .R-foto-wrapper:nth-child(odd){background-color:var(--phanos-lichtblauw);}
.R-trainer-rij .R-foto-wrapper:nth-child(even){background-color:var(--phanos-lichtrood) !important;}
.R-trainer-rij .R-foto-wrapper:nth-child(odd){background-color:var(--phanos-lichtblauw) !important;}
.R-foto-wrapper>div{transform: skewY(4deg);padding:30px 0 0 0}
.R-foto-wrapper img{width:100%;}
.R-foto-wrapper *{font-size: 16px;}
.R-trainer-foto{margin:10px auto; padding: 15px; background-color:var(--phanos-lichtrood) !important;}
.R-trainer-foto:nth-child(3n+1){background-color:var(--phanos-lichtblauw) !important;}
.R-trainer-foto:nth-child(4n+1){background-color:var(--phanos-lichtblauw) !important;}
.R-trainer-foto *{text-align:center; margin:0; font-family: "Lilita One", sans-serif; text-transform: uppercase;}
.trainrooster{margin-top:40px;} .trainrooster ~ table{margin-bottom:40px !important;}
.R-tegel-wrapper{height:fit-content;}
.R-tegel-wrapper img{width:100%;}
.R-trainer-knop{}
/*trainer blokken*/
.R-train-groep-row{margin-top: 40px; padding:20px 0}
.R-train-groep-row:nth-child(odd){background-color:#f8f9fa}
.R-train-groep-row-title{}
.R-train-groep-row .R-train-groep-blok{background-color:var(--phanos-lichtrood); height: fit-content;}
.R-train-groep-row .R-train-groep-blok:nth-child(3n+1){background-color:var(--phanos-lichtblauw);}
.R-train-groep-row .R-train-groep-blok:nth-child(4n+1){background-color:var(--phanos-lichtblauw);} 
.R-train-groep-blok{
  margin: 20px 0;
  padding: 30px 15px 15px 15px;
  transform: skewY(-4deg);
}
.R-train-groep-blok>div{transform: skewY(4deg);}
.R-train-blok-knop{
  padding:4px 20px;
  width: fit-content;
  position:relative;
  color:white;
  font-size:20px;
  font-weight: bold;
  font-family: "Lilita One", sans-serif;
  text-transform: uppercase;
  background-color:var(--phanos-rood);
}.R-train-blok-knop a{color:white;}
.R-train-groep-row .R-train-groep-blok:nth-child(3n+1) .R-train-blok-knop{background-color:var(--phanos-blauw);}
.R-train-groep-row .R-train-groep-blok:nth-child(4n+1) .R-train-blok-knop{background-color:var(--phanos-blauw);}

.R-train-groep-row .R-train-groep-blok tr>td:first-child{background-color:#e8e8e8;}

.R-train-blok-foto{}
.R-train-blok-foto > div > figure:first-of-type{padding-top: 44px;}
.R-train-groep-blok img{width:100%;}
/*trainer blokken*/
/*bestuur blokken*/
.R-bestuur-foto{margin:10px 30px; padding: 15px; text-align:center; }
.R-bestuur-foto *{margin:0;}
.R-vacature h2{font-size:24px !important;}
.wedstrijd-label{
  padding:4px 20px;
  margin-top:-35px;
  margin-left:auto;
  margin-right:auto;
  position: relative;
  width: fit-content;
  color: white;
  text-transform: uppercase;
  font-family: "Lilita One", sans-serif;
  text-align: center;
}.wedstrijd-label a{color:white !important;}
.R-tegel-wrapper a:hover{text-decoration:underline; color:white;}
.R-tegel-wrapper:nth-of-type(odd)   .wedstrijd-label{background-color: var(--phanos-rood);}
.R-tegel-wrapper:nth-of-type(even)   .wedstrijd-label{background-color: var(--phanos-blauw);}


/*sidebar menu*/
.sidebar-menu-wrapper{
  transform: skewY(-4deg);
  background-color:var(--phanos-lichtblauw);
  padding:30px 10px;
}
.sidebar-menu-wrapper > div{
  transform: skewY(4deg);
}
.sidebar-menu-wrapper > div  a{
  color: white !important;
  text-align: center;
  font-family: "Lilita One", sans-serif !important;
  margin-left: auto;
  margin-right: auto;
  text-transform: uppercase;
}
.sidebar-menu-wrapper > div > p:nth-child(odd){
  background-color:var(--phanos-blauw);
  color: white;
  text-align: center;
  font-family: "Lilita One", sans-serif !important;
  margin-left: auto;
  margin-right: auto;
  text-transform: uppercase;
}
.sidebar-menu-wrapper > div > p:nth-child(even){
  background-color:var(--phanos-rood);
  color: white;
  text-align: center;
  font-family: "Lilita One", sans-serif !important;
  margin-left: auto;
  margin-right: auto;
  text-transform: uppercase;
}
.sidebar-menu-wrapper > div > h4{text-align:center; font-weight:100;}
/*end sidebar menu*/
/*end pagina templates*/
@media all and (max-width: 768px) {
 .R-header>figure{
    height:240px;
  }
  .R-header>figure>img{
    margin-top: -20px;
    margin-left: -90px;
    width: 140%;
  }
  #R-page-title{
    font-size: 30px;
    top:150px;
  }
  #R-welkom{
    font-size: 30px;
    top:110px;
    left:2%;
    }
  .R-body-wrapper{}
  .R-content-row{
    padding:30px 0;
  }
  .R-body-wrapper-w-menu>.R-content-row > .container{
    padding: 0 0 0 5%;
    max-width:100%;
  }
  .R-content-row > .container{padding-left: 15px; padding-right: 0;}
  .R-content-row > .container > row{
    column-gap: 10%;
  }
  .R-content-wrapper{padding:0 20px ;}
  .sidebar-menu-wrapper{
    margin:-60px 0 50px 0;
  }
  .sidebar-menu-wrapper > div > p:nth-child(odd){
    font-size:24px;
    width:80%;
  }
  .sidebar-menu-wrapper > div > p:nth-child(even){
    font-size:24px;
    width:80%;
  }
  .R-trainer-foto{margin-top:-20px;margin-bottom:40px;}
  .R-trainer-knop{margin: 20px 30% 20px 0;}
  .R-content-wrapper th{font-size:16px}
  .R-content-wrapper tr{ font-size:14px;}
  .R-content-wrapper tr>td:first-child{font-size:16px !important;}
  /*home*/

  /*header*/
  #R-header-knop-1{
    left:0;
    top:-60px;
    font-size: 14px;
    padding: 6px 9px !important;
  }
  #R-header-knop-2{
    left:-5px;
    top:-60px;
    font-size: 14px;
    padding: 6px 9px !important;
  }
  #R-header-knop-3{
    left:-9px;
    top:-60px;
    font-size: 14px;
    padding: 6px 9px !important;
  }
  /*end header*/
  /*aanbod*/
  R-aanbod-wrapper .R-tegel-wrapper{padding-left: 8px !important;}
  .R-aanbod>figure>img {width: 95%;}
  .R-aanbod-label{
    margin-left:auto;
    margin-right:14px;
  }
  .R-aanbod  p{font-size:18px;}
  /*end aanbod*/

  /*home widgets*/
  .R-home-widget-wrapper{margin-top:40px;}
  .R-home-widget-wrapper>div{column-gap: 30px !important;}
  /*nieuwsblok*/
  #R-nieuws-blok{;
    margin:40px 0 40px 0;
  }
  /*kalenderblok*/
  #R-kalender-blok{
    margin:40px 0 40px 0;
  }
  /*end home widgets*/
  /*end home*/
}
@media all and (min-width: 768px) {
 .R-header>figure{
    height:290px;
  }
  .R-header>figure>img{
    margin-top:-100px;
  }
  #R-page-title{
    font-size: 50px;
    top:190px;
  }
  #R-welkom{
    font-size: 60px;
    top:130px;
    left:5%;
  }
  .R-body-wrapper{}
  .R-content-row{
    padding:30px 0;
  }
  .R-body-wrapper-w-menu>.R-content-row > .container{
    padding: 0 0 0 5%;
    max-width:100%;
  }
  .R-content-row > .container > row{
    column-gap: 10%;
  }
  .sidebar-menu-wrapper{
    margin-top:-52px;
    position: sticky;
    top:96px;
  }
  .sidebar-menu-wrapper > div > p:nth-child(odd){
    font-size:16px;
    width:90%;
  }
  .sidebar-menu-wrapper > div > p:nth-child(even){
    font-size:16px;
    width:90%;
  }
  .R-trainer-knop{margin: 20px 30% 20px 0;}
  /*home*/

  /*header*/
  #R-header-knop-1{left:2%; top:-60px; font-size:20px;}
  #R-header-knop-2{left:14.5%; top:-60px; font-size:20px;}
  #R-header-knop-3{left: 35%; top:-60px; font-size:20px;}
  /*end header*/
  /*aanbod*/
  .R-aanbod-label{
    margin-left:auto;
    margin-right:14px;
  }
  .R-aanbod  p{font-size:18px;}
  /*end aanbod*/

  /*home widgets*/
  .R-home-widget-wrapper{margin-top:40px;}
  .R-home-widget-wrapper>div{column-gap: 30px !important;}
  /*nieuwsblok*/
  #R-nieuws-blok{;
    margin:40px 0 40px 0;
  }
  /*kalenderblok*/
  #R-kalender-blok{
    margin:40px 0 40px 0;
  }
  /*end home widgets*/
  /*end home*/
}
@media all and (min-width: 992px) {
  .R-header>figure{
    height:440px;
  }
  .R-header>figure>img{
    margin-top:-195px;
  }
  #R-page-title{
    font-size: 74px;
    top:310px;
    left:5%;
  }
  #R-welkom{
  font-size: 90px;
  top:240px;
  left:5%;
  }
  .R-body-wrapper{}
  .R-content-row{
    padding:30px 0;
  }
  .R-body-wrapper-w-menu>.R-content-row > .container{
    padding: 0 0 0 5%;
    max-width:100%;
  }
  .R-content-row > .container > row{
    column-gap: 10%;
  }
  .sidebar-menu-wrapper{
    margin-top:-56px;
    position: sticky;
    top:100px;
  }
  .sidebar-menu-wrapper > div > p:nth-child(odd){
    font-size:24px;
    width:80%;
  }
  .sidebar-menu-wrapper > div > p:nth-child(even){
    font-size:24px;
    width:80%;
  }
  .R-trainer-knop{margin: 20px 60% 20px 0;}
  /*home*/

  /*header*/
  #R-header-knop-1{left:8%; top:-80px; font-size:24px;}
  #R-header-knop-2{left:17.5%; top:-80px; font-size:24px;}
  #R-header-knop-3{left:46%; top:-80px; font-size:24px;}
  /*end header*/
 /*aanbod*/
  .R-aanbod-label{
    margin-left:auto;
    margin-right:14px;
  }
  .R-aanbod  p{font-size:18px;}
  }
  /*end aanbod*/

  /*home widgets*/
  .R-home-widget-wrapper{margin-top:40px;}
  .R-home-widget-wrapper>div{column-gap: 30px !important;}
  /*nieuwsblok*/
  #R-nieuws-blok{;
    margin:40px 0 40px 0;
  }
  /*kalenderblok*/
  #R-kalender-blok{
    margin:40px 0 40px 0;
  }
  /*end home widgets*/
  /*end home*/
}
/*END REDESIGN*/
/*
 * DESKTOP
 */
@media all and (min-width: 992px) {
  /* BASICS */


  /*
   * 👇 CUSTOM CSS FOR DESKTOP ONLY 👇
   */
  .navbar .nav-item .dropdown-large {
    padding: 20px;
  }

  .navbar .nav-item .dropdown-large {
    min-width: 500px;
    left: 50% !important;
    transform: translateX(-50%) !important;
    top: 100% !important;
  }

}

/* 
 * MOBILE AND TABLETS
 */
@media all and (max-width: 992px) {
     /* BASICS */
  .website-header-logo {
    max-height: 60px;
  }

  .navbar-collapse {
    position: fixed;
    top: var(--height-navbar); /* height of website-header */
    left: 0;
    right: 0;
    padding: 1rem;
    background-color:#002060db !important; 
    color:white !important;
  }

  .navbar-toggler {
    padding: 0.25rem 0.75rem;
    font-size: 1.25rem;
    line-height: 1;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: 0.25rem;  
    border-color: white;
    cursor: pointer;
  }

  .dropdown-menu {
    border: none;
  }

  /*
   * 👇 CUSTOM CSS FOR MOBILE AND TABLETS 👇
   */


}