@font-face { font-family:"Sans"; src:url("fonts/ROsanswebtextregular.eot?") format("embedded-opentype"), url("fonts/ROsanswebtextregular.woff") format("opentype"); font-style:normal; font-weight:normal; }
@font-face { font-family:"Sans"; src:url("fonts/ROsanswebtextitalic.eot?") format("embedded-opentype"), url("fonts/ROsanswebtextitalic.woff") format("opentype"); font-style:italic; font-weight:normal; }
@font-face { font-family:"Sans"; src:url("fonts/ROsanswebtextbold.eot?") format("embedded-opentype"), url("fonts/ROsanswebtextbold.woff") format("opentype"); font-weight:bold; font-style:normal; }
@font-face { font-family:"Serif"; src:url("fonts/ROserifwebregular.eot?") format("embedded-opentype"), url("fonts/ROserifwebregular.woff") format("opentype"); font-style:normal; font-weight:normal; }
@font-face { font-family:"Serif"; src:url("fonts/ROserifwebitalic.eot?") format("embedded-opentype"), url("fonts/ROserifwebitalic.woff") format("opentype"); font-style:italic; font-weight:normal; }
@font-face { font-family:"Serif"; src:url("fonts/ROserifwebbold.eot?") format("embedded-opentype"), url("fonts/ROserifwebbold.woff") format("opentype"); font-weight:bold; font-style:normal; }

:root {
    --purple:#42145f;
    --pink:#ca005d;
    --lightpink:#F7D9E7;
    --grey:#333;
}

body { background-color:#fff; font-family:"Alegreya Sans", Sans-Serif; font-size:20px; color:var(--grey); }

h1, .h1 { color:var(--pink); font-size:42px; }
h2, .h2 { color:var(--purple); font-size:28px; }
h3, .h3 { color:var(--purple); font-size:22px; }

h3.sessionTitle { font-size:20px; color:var(--grey); }

a:link, a:visited { color:var(--pink); text-decoration:underline; }
a:hover, a:active { color:var(--pink); text-decoration:none; }

.skipLink { margin-left:-150px; top:30px; }

header .logoBar2 { width:100%; height:100px; display:flex; align-items:center; }
header .logo2, footer .logo { height:75px; }

header .logoBar { width:100%; background-color:#fff; height:100px; position:relative; }
header .logo { left:50%; margin-left:-22px; position:absolute; top:0; width:235px; height:87px; }
header .logo > img { float:left; } 
header .logo > a { text-decoration:none; color:#000; display:block; }
header .logo .wordmark { letter-spacing:.2pt; font-family:"RO Serif","Droid Serif",Georgia,"Times New Roman","DejaVu Serif",serif; font-size:12px; line-height:13px; float:right; margin-top:39px; margin-left:9px; /* visibility:hidden; */ }
/* @media (min-width:500px) {
	header .logo .wordmark { visibility:visible; }
} */
header .logo .wordmark > span { display:block; }
header .logo  .wordmark .secondary-sender { font-style:italic; }

@media (max-width:500px) {
    header .logo { left:15px; margin-left:0; }
    .skipLink { position:absolute; top:10px; left:unset; right:15px; transform:none;; }
    .skipLink a:focus { left:25px; }
}

/* .navContainer { background:linear-gradient(90deg, var(--purple), var(--pink)); font-size:22px; } */
.navContainer { background-color:var(--purple); font-size:22px; }
.navContainer .container { background-color:transparent; }
.navContainer .navbar { background-color:transparent !important; }
.navContainer .navbar-nav a.nav-link:link, .navContainer .navbar-nav a.nav-link:visited { color:#fff; text-decoration:none; }
.navContainer .navbar-nav .active>.nav-link, .navContainer .navbar-nav .nav-link.active, .navContainer .navbar-nav .nav-link.show, .navContainer .navbar-nav .show>.nav-link { background-color:transparent; color:#fff; text-decoration:none; }
.navContainer .navbar-nav .nav-link:focus, .navContainer .navbar-nav .nav-link:hover { background-color:transparent; color:#fff; text-decoration:underline !important; }
.navContainer .navbar-brand img { max-height:60px; }
.navContainer .navbar-nav .dropdown-menu { background-color:#fff; border-color:#fff; padding:0; width:300px; color:var(--grey); box-shadow: 0 0 20px #00000040; border-radius:0; }
.navContainer .navbar-nav .dropdown-item { line-height:30px; color:var(--grey); text-decoration:none; }
.navContainer .navbar-nav .dropdown-item:focus, .dropdown-item:hover { background-color:var(--lightpink); color:var(--grey) !important; }
.navContainer .navbar-toggler { border:none; }
.navContainer .navbar-toggler-icon { background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); }

footer>.container { background-color:#fff; color:var(--purple); font-size:18px; }
footer>.container .borderTop { width:100%; background:var(--purple); background: linear-gradient(90deg, rgba(66,20,95,1) 0%, rgba(202,0,93,1) 100%); height:2px; margin-top:50px; margin-bottom:40px; }
footer>.container h5 { color:var(--pink); font-size:20px; font-weight:normal; }
footer .sitemap { list-style-type:none; margin:0; padding:0; }
footer .sitemap li { line-height:25px; font-size:17px; }
footer .sitemap a:link, footer .sitemap a:visited { color:var(--purple); text-decoration:none; }
footer .sitemap a:hover, footer .sitemap a:active { text-decoration:underline; }
footer a.socialIconFooter:link, footer a.socialIconFooter:visited { display:block; width:36px; height:36px; border-radius:50%; background:var(--purple); background:linear-gradient(90deg, rgba(66,20,95,1) 0%, rgba(202,0,93,1) 100%); line-height:36px; color:#fff !important; text-align:center; font-size:18px; margin-left:12px; transition:background .3s; padding-top:0px; float:right; }
footer a.socialIconFooter:hover, footer a.socialIconFooter:active { display:block; width:36px; height:36px; border-radius:50%; background:var(--purple); background:linear-gradient(180deg, rgba(66,20,95,1) 0%, rgba(202,0,93,1) 100%); line-height:36px; text-align:center; font-size:18px; margin-left:12px; padding-top:0px; float:right; }

footer .container-fluid { background-color:#f7f7f7; font-size:15px; padding-top:15px; padding-bottom:10px; line-height:120%; }
footer .container-fluid .container { background-color:transparent; padding:0; color:var(--grey); }
footer .container-fluid a:link, footer .container-fluid a:visited { color:var(--grey); text-decoration:none; }
footer .container-fluid a:hover, footer .container-fluid a:active { color:var(--grey); text-decoration:underline; }
footer .container-fluid ul.list-group-horizontal { float:right; }
footer .container-fluid ul.list-group-horizontal li { background:transparent; border:none; padding-top:0; padding-bottom:0; }

.coloredBlock { padding:15px; font-size:16px; }
div[data-name="coloredBlock-pink"], .coloredBlock.pink { background-color:var(--pink); color:#FFF; border-radius:30px 0; }
div[data-name="coloredBlock-purple"], .coloredBlock.purple { background-color:var(--purple); color:#FFF; border-radius:30px 0; }
div[data-name="coloredBlock-lightpink"], .coloredBlock.lightpink { background-color:var(--lightpink); color:#FFF; border-radius:30px 0; }
div[data-name="coloredBlock-shadow"], .coloredBlock.shadow { box-shadow:0 0 12px #0003; background-color:#fff; color:var(--grey); border-radius:30px 0; }
.coloredBlock.pink>* { color:#FFF; }
.coloredBlock.purple>* { color:#FFF; }

a.pinkBlockLink:link, a.pinkBlockLink:visited { background-color:var(--pink); min-width:250px; height:50px; display:block; text-align:center; line-height:50px; color:#fff; text-decoration:none !important; font-size:18px; font-weight:bold; border-radius:10px 0; padding:0 15px; display:inline-block; }
a.pinkBlockLink:hover, a.pinkBlockLink:active { text-decoration:underline !important; }
a.purpleBlockLink:link, a.purpleBlockLink:visited { background-color:var(--purple); min-width:250px; height:50px; display:block; text-align:center; line-height:50px; color:#fff; text-decoration:none !important; font-size:18px; font-weight:bold; border-radius:10px 0; padding:0 15px; display:inline-block; }
a.purpleBlockLink:hover, a.purpleBlockLink:active { text-decoration:underline !important; }
a.lightpinkBlockLink:link, a.lightpinkBlockLink:visited { background-color:var(--lightpink); min-width:250px; height:50px; display:block; text-align:center; line-height:50px; color:var(--grey); text-decoration:none !important; font-size:18px; font-weight:bold; border-radius:10px 0; padding:0 15px; display:inline-block; }
a.lightpinkBlockLink:hover, a.lightpinkBlockLink:active { text-decoration:underline !important; }
a.whiteTextLink { color:#fff; }

.coloredBlock.shadowWithImage { border-radius:0 0 30px 0; }
.shadowWithImage figure { margin:-15px -15px 15px -15px; }
.coloredBlock p:last-child { margin-bottom:0; }
.roundedBorder img { border-radius:30px 0; }
li::marker { color:var(--pink); }

figure.float-left, img.float-left { float:left; padding-right:15px; padding-bottom:15px; }
figure.float-right, img.float-right { float:right; padding-left:15px; padding-bottom:15px; }

.btn-primary { border-radius:15px 0 15px; background-color:var(--pink); color:#fff !important; text-decoration:none !important; border:none; height:40px; padding:0 25px; line-height:40px; }
.btn-primary:hover, .btn-primary.focus, .btn-primary:focus, .btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active { background-color:var(--pink) !important; color:#fff !important; text-decoration:underline !important; box-shadow:none; }
.btn-secondary {border-radius:15px 0 15px;background-color:#FFF;color:var(--pink);text-decoration:none;border:none;height:40px;padding:0 25px;line-height:40px; border:2px solid var(--pink); }
.btn-secondary:hover, .btn-secondary.focus, .btn-secondary:focus, .btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active { background-color:#FFF !important; color:var(--pink) !important; text-decoration:underline; box-shadow:none; border-color:var(--pink) !important; }

.form-check-input:checked { background-color:var(--purple); border-color:var(--purple); }

.accordion-item { border-color:#fff; }
.accordion-button { background:var(--lightpink); color:var(--grey); }
.accordion-button:not(.collapsed) { background:var(--lightpink); color:var(--grey); }
.accordion-button:not(.collapsed)::before { background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23333333'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); }
.accordion-button::before { background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23333333'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); }

#homepageSlide { overflow:hidden; }
#homepageSlide .slide { margin-top:0px; position:relative; }
#homepageSlide .slide { background-image:url(../img/header-estafette.jpg); background-position:center; background-repeat:no-repeat; background-size:cover; width:100%; height:450px; }

#homepageSlide .ctaHolder { position:absolute; top:0; width:100%; height:100%; }
#homepageSlide .ctaHolder .container { background:transparent; display:flex; align-items:center; height:100%; }
#homepageSlide .ctaHolder .cta { /*width:75%;*/ background:rgba(255,255,255,0.75); padding:15px; border-radius:0 0 25px; font-size:20px; line-height:28px; font-weight:500; }
#homepageSlide .ctaHolder .cta .col-md-4, #homepageSlide .ctaHolder .cta .col-md-6, #homepageSlide .ctaHolder .cta .col-md-12 { position:relative; display:flex; flex-flow:wrap; flex-direction:column; }
#homepageSlide .ctaHolder .cta h1 { color:var(--pink); font-size:46px; font-weight:bold; }

#homepageSlide .ctaHolder .cta h2 { color:var(--pink); font-size:26px; }
#homepageSlide .ctaHolder .cta p { font-size:17px; /* margin-bottom:55px; */ }
#homepageSlide .ctaHolder .cta a { /* position:absolute; bottom:0; width:calc(100% - 30px); left:0; right:0; margin-left:15px; */ width:100%; align-self:flex-end; }
#homepageSlide .ctaHolder .cta .col-4 { position:relative; padding-bottom:45px; }

@media (max-width:991px) {
    #homepageSlide .ctaHolder .cta p { margin-bottom:100px; }
}

@media (max-width:767px) {
    #homepageSlide .slide { height:600px; }
	#homepageSlide .ctaHolder { position:relative !important; }
	#homepageSlide .ctaHolder .cta { width:100% !important; font-size:18px; margin-top:15px; margin-bottom:15px; }
    #homepageSlide .ctaHolder .cta p { margin-bottom:0px; }
	#homepageSlide .ctaHolder .cta h1 { font-size:28px; }
	#homepageSlide .ctaHolder .cta a { position:relative; margin-bottom:30px; margin-top:15px; }
}
@media (max-width:500px) {
    #homepageSlide .slide { height:800px; }
}

a.btnPink:link, a.btnPink:visited { font-size:20px; display:inline-block; min-width:200px; min-height:45px; line-height:45px; border-radius:15px 0 15px; background-color:var(--pink); color:#fff; padding:0 15px 0 45px; text-decoration:none; }
a.btnPink:hover, a.btnPink:active { font-size:20px; display:inline-block; min-width:200px; min-height:45px; line-height:41px; border-radius:15px 0 15px; background-color:#fff; border:2px solid var(--pink); color:var(--pink); padding:0 13px 0 43px; text-decoration:none; }

a.btnRegister::before { content:var(--icon-register); font-family:'icons'; margin-right:15px; font-size:19px; position:absolute; margin-left:-30px; }
a.btnActivity::before { content:var(--icon-chevron-right); font-family:'icons'; margin-right:15px; font-size:19px; position:absolute; margin-left:-30px; }
a.btnLogin::before { content:var(--icon-profile); font-family:'icons'; margin-right:15px; font-size:19px; position:absolute; margin-left:-30px; }

.sessies .session-item { box-shadow:0px 0px 20px 0px rgb(0 0 0 / 25%); border-radius:0 0 25px 0; position:relative; height:100%; background-color:#fff; }
.sessies .sessionTime { font-weight:normal; margin-bottom:0; font-size:13px; }

.filters { position:relative; }
.skipLink2 { position:absolute; right:20px; top:7px; transform:none; width:154px; height:30px; font-size:16px; color:#575757; z-index:10; text-align:right; }
.skipLink2 a { position:absolute; top:-100vh; left:-100vw; }
.skipLink2 a:focus { top:0; left:0; }

.prettyCheckbox { position:relative; }
.prettyCheckbox > input { -webkit-appearance:none; -moz-appearance:none; -o-appearance:none; appearance:none; border:2px solid #888; border-radius:4px; outline:none; transition-duration:0.3s; background-color:#FFF; cursor:pointer; width:25px; min-width:25px; height:25px; margin-right:10px; }
.prettyCheckbox .empty { border:2px solid #ddd; width:30px; height:30px; border-radius:4px; text-align:center; color:#ddd; }
.prettyCheckbox > input:focus { border-color:rgba(66, 20, 95, .5); background-color:rgba(66, 20, 95, .5); }
.prettyCheckbox:hover > input { border-color:rgba(66, 20, 95, .5); background-color:rgba(66, 20, 95, .5); }
.prettyCheckbox > input:checked { border:2px solid var(--purple); background-color:var(--purple); }
.prettyCheckbox > input:checked + span::before, .prettyCheckbox:hover > input + span::before, .prettyCheckbox > input:focus + span::before { font-family:'icons'; content:var(--icon-removefavorites); display:block; text-align:center; color:#FFF; position:absolute; left:0.35rem; font-size:16px; }
.prettyCheckbox > input:active { border:2px solid var(--purple); }

.prettyInput { border:2px solid #888; border-radius:4px; outline:none; height:35px; width:100%; }
.prettyInput:hover, .prettyInput:focus { border-color:var(--purple); }
.prettyInput:active { border:2px solid var(--purple); }

.filters label { width:100%; display:flex; align-items:flex-start; margin-top:5px; }
.filters hr { background-color:var(--purple); }
.filters h2, #countProp { color:var(--pink); /*font-weight:bold;*/ font-size:20px; line-height:28px; margin-bottom:0; text-transform:none; }
#countProp { font-size:16px; text-align:center; }
.filters h3 { color:var(--pink); font-weight:normal; font-size:18px; line-height:25px; }

.calendarCheckbox { width:calc(100% / 7 - 5px) !important; margin-right:5px; float:left; justify-content:center; min-height:30px; }
.calendarCheckboxMonth { text-align:center; font-weight:bold; }
.calendarCheckbox span { position:absolute; width:100%; text-align:center; }
.calendarCheckbox > input { margin-right:0; width:30px; height:30px; display:flex; align-items:center; justify-content:center; }
.calendarCheckbox > input:checked + span::before, .calendarCheckbox > input:focus + span::before, .calendarCheckbox:focus > input + span::before { content:' '; }
.calendarCheckbox > input:checked + span, .calendarCheckbox > input:focus + span, .calendarCheckbox:focus > input + span { color:#fff; font-weight:bold; }
.calendarCheckbox > input:disabled { background-color:#eee; }
.prettyCheckboxSpacer { width:calc(100% / 7 - 5px) !important; margin-right:5px; float:left; text-align:center; }

@media (max-width:767px) {
    .filters hr { display:none; }
	.filters .mobileFilters { display:none; border:2px solid var(--purple); margin-top:-12px; padding:15px; margin-bottom:15px; border-radius:0 0 25px 25px; }
	.filters h2 { height:45px; line-height:45px; border-radius:25px; background-color:var(--purple); color:#fff !important; padding:0 15px 0 15px; text-decoration:none; }
    .filters h2:focus-visible { outline:4px solid black; }
	.filters h2.open { border-radius:25px 25px 0px 0px;; }
}

.session-item .locationHolder { position:absolute; right:5px; top:5px; }
.session-item .location { margin:0px 0px 0px 10px; width:30px; height:30px; border-radius:50%; color:#fff; text-align:center; line-height:30px; float:left; }
.session-item .location.online { background-color:var(--pink); text-indent:-1px; }
.session-item .location.locatie { background-color:var(--purple); }

.applySession.applied { background-color:#ddffdd; }
.mt-neg-5 { margin-top:-2.5rem; }

.shareButton { width:auto; float:left; margin-right:5px; margin-left:5px; margin-top:15px; }
.linkedinShare { height:28px; display:inline-flex; line-height:28px; color:#fff !important; background-color:#0073b1; border-radius:4px; padding:0px 5px; font-weight:bold; font-size:14px; }
a.linkedinShare:link, a.linkedinShare:visited { text-decoration:none; }
a.linkedinShare:hover, a.linkedinShare:active { text-decoration:underline !important; }
.linkedinShare i { font-size:18px; line-height:30px; }
.twitterShare { height:28px; display:inline-flex; line-height:28px; color:#000 !important; background-color:rgb(29,161,242); border-radius:4px; padding:0px 5px; text-decoration:none !important; font-weight:bold; font-size:14px; }
.twitterShare i { font-size:18px; line-height:30px; }
a.twitterShare:link, a.twitterShare:visited { text-decoration:none; }
a.twitterShare:hover, a.twitterShare:active { text-decoration:underline !important; }
.icalShare { height:28px; display:inline-flex; line-height:28px; color:#fff !important; background-color:#3C757B; border-radius:4px; padding:0px 5px; text-decoration:none !important; font-weight:bold; font-size:14px; }
.icalShare i { font-size:17px; }
a.icalShare:link, a.icalShare:visited { text-decoration:none; }
a.icalShare:hover, a.icalShare:active { text-decoration:underline; }

#mainContent .row.mb-5 { margin-bottom:1.5rem !important; }

.propShare { float:right; }
.propShare .shareButton { margin-top:0; }
#homeHighlight .swiper-slide.session-slide { padding:15px; background:transparent; }
.swiper-button-next, .swiper-button-prev { color:var(--pink); }

.icon-arrow-right:before { content:var(--icon-arrow-left); transform: rotate(180deg); }
h3.dottedBorder { border-top:1px dotted #ccc; border-bottom:1px dotted #ccc; padding-top:10px; padding-bottom:10px; }

.swiper-slide ul.list-group-horizontal, .complete-item ul.list-group-horizontal { float:right; }
.swiper-slide ul.list-group-horizontal li, .complete-item ul.list-group-horizontal li { background:transparent; border:none; padding-top:0; padding-bottom:0; padding-left:5px; padding-right:5px; }

ul.list-group.eventPage { margin-bottom:15px; }
ul.list-group.eventPage li { background:transparent; border:none; padding:0; }

.bg-form-error #counter-text-1 { color:var(--bs-danger-text-emphasis) !important; }
.accordion-button:focus { box-shadow: 0 0 0 0.25rem #42145f; }
.navbar-toggler:focus { box-shadow:0 0 0 var(--bs-navbar-toggler-focus-width) #FFF; }
.nav-link:focus-visible { box-shadow: 0 0 0 0.25rem #fff; }

@media (max-width:500px) {
    footer .container-fluid ul.list-group-horizontal { float:none; flex-direction:column; }
}

.inlineLegendLabel { font-weight:normal; }