@font-face {
    font-family: 'Roboto';
    src: url('/static/fonts/Roboto-Regular.ttf');
    src: local('Roboto'),
    local('Roboto'),
    url('/static/fonts/Roboto-Regular.ttf') format('truetype');
}
@font-face {
    font-family: 'Bree';
    src: url('/static/fonts/Bree-Regular.otf');
    src: local('Bree'),
    local('Bree'),
    url('/static/fonts/Bree-Regular.otf') format('opentype');
}
body {
    background: #f8f7f4;
}
:root {
    --cnvs-themecolor:	#bca469;
    --cnvs-themecolor-rgb:	26, 188, 156;
    --bs-link-color:	var(--cnvs-themecolor);
    --bs-link-color-rgb:	var(--cnvs-themecolor-rgb);
    --bs-link-hover-color:	var(--cnvs-heading-color);
    --cnvs-white:	#fff;
    --cnvs-black:	#000;
    --cnvs-headings-font-weight:	600;
    /* Font Families */
    --cnvs-body-font:	"Roboto", sans-serif;
    --cnvs-primary-font:	"Bree", sans-serif;
    --cnvs-secondary-font:	"Roboto", serif;
    --cnvs-line-height-base:	1.5;
    --cnvs-line-height-content:	1.65;
    /* Margins */
    --cnvs-margin-base:	3rem;
    --cnvs-margin-sm:	2rem;
    --cnvs-margin-lg:	5rem;
    --cnvs-content-padding:	5rem;
    --cnvs-section-margin:	4rem;
    --cnvs-section-padding:	var(--cnvs-section-margin);
    --cnvs-col-padding:	var(--cnvs-section-padding);
    --cnvs-box-shadow-sm:	0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
    --cnvs-box-shadow:	0 0.5rem 1rem rgba(0, 0, 0, 0.15);
    --cnvs-box-shadow-lg:	0 1rem 3rem rgba(0, 0, 0, 0.175);
    --cnvs-copyrights-font-size: 0.875rem;
    --bs-bg-opacity:	1;
    /* Header Height */
    --cnvs-header-height:	150px;
    --cnvs-header-height-sm:	80px;
    --cnvs-header-height-md:	80px;
    --cnvs-header-height-lg:	120px;
    --cnvs-header-height-shrink:	80px;
    --cnvs-side-header-width:	260px;
    --cnvs-side-header-padding-gutters:	30px;
    --cnvs-side-panel-size:	300px;
    --cnvs-side-panel-padding:	50px 70px 50px 40px;
    --cnvs-side-panel-widget-padding:	40px;
    --cnvs-transitions:	0.5s ease;
    /* Social Colors */
    --cnvs-color-facebook:	#3b5998;
    --cnvs-color-facebook-rgb:	59, 89, 152;
    --cnvs-color-whatsapp:	#25d366;
    --cnvs-color-whatsapp-rgb:	37, 211, 102;
    --cnvs-color-delicious:	#205cc0;
    --cnvs-color-delicious-rgb:	32, 92, 192;
    --cnvs-color-paypal:	#00588b;
    --cnvs-color-paypal-rgb:	0, 88, 139;
    --cnvs-color-waze:	#05c8f7;
    --cnvs-color-waze-rgb:	5, 200, 247;
    --cnvs-color-android:	#a4c639;
    --cnvs-color-android-rgb:	164, 198, 57;
    --cnvs-color-googledrive:	#1FA463;
    --cnvs-color-googledrive-rgb:	31, 164, 99;
    --cnvs-color-wikipedia:	#333;
    --cnvs-color-wikipedia-rgb:	51, 51, 51;
    --cnvs-color-stumbleupon:	#f74425;
    --cnvs-color-stumbleupon-rgb:	247, 68, 37;
    --cnvs-color-foursquare:	#25a0ca;
    --cnvs-color-foursquare-rgb:	37, 160, 202;
    --cnvs-color-call:	#444;
    --cnvs-color-call-rgb:	68, 68, 68;
    --cnvs-color-ninetyninedesigns:	#f26739;
    --cnvs-color-ninetyninedesigns-rgb:	242, 103, 57;
    --cnvs-color-forrst:	#5b9a68;
    --cnvs-color-forrst-rgb:	91, 154, 104;
    --cnvs-color-digg:	#191919;
    --cnvs-color-digg-rgb:	25, 25, 25;
    --cnvs-color-spotify:	#1DB954;
    --cnvs-color-spotify-rgb:	29, 185, 84;
    --cnvs-color-reddit:	#c6c6c6;
    --cnvs-color-reddit-rgb:	198, 198, 198;
    --cnvs-color-blogger:	#fc4f08;
    --cnvs-color-blogger-rgb:	252, 79, 8;
    --cnvs-color-cc:	#688527;
    --cnvs-color-cc-rgb:	104, 133, 39;
    --cnvs-color-dribbble:	#ea4c89;
    --cnvs-color-dribbble-rgb:	234, 76, 137;
    --cnvs-color-evernote:	#5ba525;
    --cnvs-color-evernote-rgb:	91, 165, 37;
    --cnvs-color-flickr:	#ff0084;
    --cnvs-color-flickr-rgb:	255, 0, 132;
    --cnvs-color-google:	#4885ed;
    --cnvs-color-google-rgb:	72, 133, 237;
    --cnvs-color-salesforce:	#1798c1;
    --cnvs-color-salesforce-rgb:	23, 152, 193;
    --cnvs-color-cloudflare:	#f38020;
    --cnvs-color-cloudflare-rgb:	243, 128, 32;
    --cnvs-color-linkedin:	#0e76a8;
    --cnvs-color-linkedin-rgb:	14, 118, 168;
    --cnvs-color-vk:	#2b587a;
    --cnvs-color-vk-rgb:	43, 88, 122;
    --cnvs-color-rss:	#ee802f;
    --cnvs-color-rss-rgb:	238, 128, 47;
    --cnvs-color-skype:	#00aff0;
    --cnvs-color-skype-rgb:	0, 175, 240;
    --cnvs-color-twitter:	#00acee;
    --cnvs-color-twitter-rgb:	0, 172, 238;
    --cnvs-color-x-twitter:	#010101;
    --cnvs-color-x-twitter-rgb:	1, 1, 1;
    --cnvs-color-youtube:	#c4302b;
    --cnvs-color-youtube-rgb:	196, 48, 43;
    --cnvs-color-vimeo:	#86c9ef;
    --cnvs-color-vimeo-rgb:	134, 201, 239;
    --cnvs-color-slack:	#ECB22E;
    --cnvs-color-slack-rgb:	236, 178, 46;
    --cnvs-color-yahoo:	#720e9e;
    --cnvs-color-yahoo-rgb:	114, 14, 158;
    --cnvs-color-email3:	#6567a5;
    --cnvs-color-email3-rgb:	101, 103, 165;
    --cnvs-color-macstore:	#333333;
    --cnvs-color-macstore-rgb:	51, 51, 51;
    --cnvs-color-figma:	#ab7c63;
    --cnvs-color-figma-rgb:	171, 124, 99;
    --cnvs-color-podcast:	#e4b21b;
    --cnvs-color-podcast-rgb:	228, 178, 27;
    --cnvs-color-meetup:	#e51937;
    --cnvs-color-meetup-rgb:	229, 25, 55;
    --cnvs-color-dropbox:	#3d9ae8;
    --cnvs-color-dropbox-rgb:	61, 154, 232;
    --cnvs-color-ebay:	#89c507;
    --cnvs-color-ebay-rgb:	137, 197, 7;
    --cnvs-color-github:	#171515;
    --cnvs-color-github-rgb:	23, 21, 21;
    --cnvs-color-googleplay:	#3bccff;
    --cnvs-color-googleplay-rgb:	59, 204, 255;
    --cnvs-color-itunes:	#222;
    --cnvs-color-itunes-rgb:	34, 34, 34;
    --cnvs-color-periscope:	#52677b;
    --cnvs-color-periscope-rgb:	82, 103, 123;
    --cnvs-color-meta:	#0668E1;
    --cnvs-color-meta-rgb:	6, 104, 225;
    --cnvs-color-soundcloud:	#ff7700;
    --cnvs-color-soundcloud-rgb:	255, 119, 0;
    --cnvs-color-tumblr:	#34526f;
    --cnvs-color-tumblr-rgb:	52, 82, 111;
    --cnvs-color-wordpress:	#1e8cbe;
    --cnvs-color-wordpress-rgb:	30, 140, 190;
    --cnvs-color-yelp:	#c41200;
    --cnvs-color-yelp-rgb:	196, 18, 0;
    --cnvs-color-microsoft:	#f65314;
    --cnvs-color-microsoft-rgb:	246, 83, 20;
    --cnvs-color-trello:	#0079bf;
    --cnvs-color-trello-rgb:	0, 121, 191;
    --cnvs-color-scribd:	#666666;
    --cnvs-color-scribd-rgb:	102, 102, 102;
    --cnvs-color-stripe:	#008cdd;
    --cnvs-color-stripe-rgb:	0, 140, 221;
    --cnvs-color-print:	#111;
    --cnvs-color-print-rgb:	17, 17, 17;
    --cnvs-color-btc:	#f2a900;
    --cnvs-color-btc-rgb:	242, 169, 0;
    --cnvs-color-weibo:	#DF2029;
    --cnvs-color-weibo-rgb:	223, 32, 41;
    --cnvs-color-acrobat:	#d3222a;
    --cnvs-color-acrobat-rgb:	211, 34, 42;
    --cnvs-color-drupal:	#27537a;
    --cnvs-color-drupal-rgb:	39, 83, 122;
    --cnvs-color-buffer:	#333333;
    --cnvs-color-buffer-rgb:	51, 51, 51;
    --cnvs-color-pocket:	#ee4056;
    --cnvs-color-pocket-rgb:	238, 64, 86;
    --cnvs-color-bitbucket:	#0e4984;
    --cnvs-color-bitbucket-rgb:	14, 73, 132;
    --cnvs-color-stackoverflow:	#ef8236;
    --cnvs-color-stackoverflow-rgb:	239, 130, 54;
    --cnvs-color-hackernews:	#ff6600;
    --cnvs-color-hackernews-rgb:	255, 102, 0;
    --cnvs-color-xing:	#126567;
    --cnvs-color-xing-rgb:	18, 101, 103;
    --cnvs-color-instagram:	#8a3ab9;
    --cnvs-color-instagram-rgb:	138, 58, 185;
    --cnvs-color-quora:	#a82400;
    --cnvs-color-quora-rgb:	168, 36, 0;
    --cnvs-color-openid:	#e16309;
    --cnvs-color-openid-rgb:	225, 99, 9;
    --cnvs-color-steam:	#111;
    --cnvs-color-steam-rgb:	17, 17, 17;
    --cnvs-color-amazon:	#e47911;
    --cnvs-color-amazon-rgb:	228, 121, 17;
    --cnvs-color-line:	#00b900;
    --cnvs-color-line-rgb:	0, 185, 0;
    --cnvs-color-kickstarter:	#87c442;
    --cnvs-color-kickstarter-rgb:	135, 196, 66;
    --cnvs-color-appstore:	#000;
    --cnvs-color-appstore-rgb:	0, 0, 0;
    --cnvs-color-pinterest:	#c8232c;
    --cnvs-color-pinterest-rgb:	200, 35, 44;
    --cnvs-color-fivehundredpx:	#111;
    --cnvs-color-fivehundredpx-rgb:	17, 17, 17;
    --cnvs-color-tiktok:	#000;
    --cnvs-color-tiktok-rgb:	0, 0, 0;
    --cnvs-color-airbnb:	#FF5A5F;
    --cnvs-color-airbnb-rgb:	255, 90, 95;
    --cnvs-color-gpay:	#6877df;
    --cnvs-color-gpay-rgb:	104, 119, 223;
    --cnvs-color-unsplash:	#111;
    --cnvs-color-unsplash-rgb:	17, 17, 17;
    --cnvs-color-snapchat:	#fffc00;
    --cnvs-color-snapchat-rgb:	255, 252, 0;
    --cnvs-color-discord:	#7289da;
    --cnvs-color-discord-rgb:	114, 137, 218;
    --cnvs-color-twitch:	#6441a5;
    --cnvs-color-twitch-rgb:	100, 65, 165;
    --cnvs-font-size-body:	var(--bs-body-font-size);
    --cnvs-font-size-h1:	2.25rem;
    --cnvs-font-size-h2:	1.875rem;
    --cnvs-font-size-h3:	1.625rem;
    --cnvs-font-size-h4:	1.375rem;
    --cnvs-font-size-h5:	1.125rem;
    --cnvs-font-size-h6:	0.875rem;
    --cnvs-font-size-small:	calc(var(--cnvs-font-size-body) * 0.875);
}
:root,
.not-dark {
    --cnvs-contrast-0: #fff;
    --cnvs-contrast-100: #f8f9fa;
    --cnvs-contrast-200: #e9ecef;
    --cnvs-contrast-300: #dee2e6;
    --cnvs-contrast-400: #ced4da;
    --cnvs-contrast-500: #adb5bd;
    --cnvs-contrast-600: #6c757d;
    --cnvs-contrast-700: #495057;
    --cnvs-contrast-800: #343a40;
    --cnvs-contrast-900: #333333;
    --cnvs-contrast-1000: #000;
    --cnvs-invert-contrast-0: #000;
    --cnvs-invert-contrast-100: #212529;
    --cnvs-invert-contrast-200: #343a40;
    --cnvs-invert-contrast-300: #495057;
    --cnvs-invert-contrast-400: #6c757d;
    --cnvs-invert-contrast-500: #adb5bd;
    --cnvs-invert-contrast-600: #ced4da;
    --cnvs-invert-contrast-700: #dee2e6;
    --cnvs-invert-contrast-800: #e9ecef;
    --cnvs-invert-contrast-900: #f8f9fa;
    --cnvs-invert-contrast-1000: #fff;
    --cnvs-body-bg:	var(--bs-body-bg);
    --cnvs-body-bg-boxed:	var(--cnvs-body-bg);
    --cnvs-link-color:	var(--cnvs-themecolor);
    --cnvs-link-hover-color:	var(--cnvs---cnvs-heading-color);
    --cnvs-contrast-rgb:	0, 0, 0;
    --cnvs-invert-contrast-rgb:	255, 255, 255;
    --cnvs-contrast-bg:	#fff;
    --cnvs-contrast-bg-offset:	#213450;
    --cnvs-topbar-bg: var(--cnvs-contrast-0);
    --cnvs-topbar-color: var(--cnvs-contrast-700);
    --cnvs-topbar-border-color: rgba(var(--cnvs-contrast-rgb), 0.1);
    --cnvs-topbar-social-icon-color: var(--cnvs-contrast-600);
    --cnvs-header-bg:	var(--cnvs-contrast-0);
    --cnvs-header-sticky-bg:	var(--cnvs-header-bg);
    --cnvs-side-header-bg:	var(--cnvs-contrast-0);
    --cnvs-section-bg:	var(--cnvs-contrast-bg-offset);
    --cnvs-heading-color:	var(--cnvs-contrast-900);
    --cnvs-line-color:	rgba(var(--cnvs-contrast-rgb), .1);
    --cnvs-footer-bg:	var(--cnvs-contrast-bg-offset);
    --cnvs-bg-overlay-bg-opacity: 0.75;
    --cnvs-bg-overlay-bg: rgba(var(--cnvs-invert-contrast-rgb), var(--cnvs-bg-overlay-bg-opacity));
    color: var(--cnvs-contrast-800);
}
.dark {
    --cnvs-contrast-bg-offset:	#213450;
}
#header {
    --cnvs-primary-menu-padding-x: 15px;
    --cnvs-primary-menu-color: var(--cnvs-contrast-900);
    --cnvs-primary-menu-font: var(--cnvs-primary-font);
    --cnvs-primary-menu-font-weight: 400;
    --cnvs-primary-menu-font-size: 1.2rem;
    --cnvs-primary-menu-tt: initial;
    --cnvs-primary-menu-ls: 1px;
}
.is-expanded-menu .full-header #logo {
    border-right: 0;
}
.is-expanded-menu .menu-link {
    --cnvs-primary-menu-padding-x: 25px;
}
#header-wrap {
    border-bottom: 0;
}
#logo {
    margin-right: 0;
}
.primary-menu {
    margin: 0 auto;
}
.is-expanded-menu .full-header .primary-menu .menu-container {
    border-right: 0;
}
.bg-color-run {
    background-color: #d3c7a2;
}
.bg-color-swim {
    background-color: #a4dcf7;
}
.bg-color-run:hover {
    background-color: #bca469;
}
.bg-color-swim:hover {
    background-color: #2398d9;
}
footer ul {
    list-style-type: none;
}
footer li a {
    display: block;
    color: white;
    padding: 8px 16px;
    text-decoration: none;
}
footer .copyright {
    color: #4b6ea2;
}
.logo-wrapper {
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 20px 0;
}

.logo-image {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    object-fit: contain;
}


.sport-icon-box {
    width: 100px;
    height: 100px;
    background: #d9d9d9;
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2.8rem;
    color: #222;
    margin-bottom: 1.2rem;
}

.section-title {
    font-size: 1.25rem;
    font-weight: 700;
    color: #1a1a2e;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 1rem;
}

.section-title i {
    color: #1a1a2e;
}

.wedstrijd-item {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 0.5rem;
    font-size: 1.1rem;
    color: #1a1a2e;
}

.datum-badge {
    background: #b0b0b0;
    color: #fff;
    border-radius: 20px;
    padding: 2px 10px;
    font-size: 0.85rem;
    font-weight: 600;
    white-space: nowrap;
}

.bekijk-link {
    color: #555;
    font-size: 0.95rem;
    text-decoration: none;
    display: block;
    margin-top: 0.75rem;
}

.bekijk-link:hover {
    color: #1a1a2e;
    text-decoration: underline;
}

.klassement-item {
    display: flex;
    align-items: baseline;
    gap: 0.5rem;
    font-size: 1.05rem;
    color: #1a1a2e;
    margin-bottom: 0.3rem;
}

.klassement-item .naam {
    flex: 1;
}

.klassement-item .punten {
    font-weight: 600;
    min-width: 40px;
    text-align: right;
}

.klassement-block {
    margin-top: 2rem;
}

.sport-col {
    padding: 1.5rem 1rem;
}

hr.col-divider {
    border: none;
    border-left: 1px solid #ddd;
}
.logo-box {
    margin-bottom: 30px;

}
.logo-box img {
    height:60px;
}

:root {
    --loop-color: #d3c7a2;
    --loop-dark: #8a7d55;
    --swim-color: #a4dcf7;
    --swim-dark: #2398d9;
}

.sport-col {
    padding: 1.5rem 1rem;
}
.accent-bar-run {
    height: 3px;
    border-radius: 2px;
    background: var(--loop-color);
    margin-bottom: 1.1rem;
    width: 36px;
}

.accent-bar-swim {
    height: 3px;
    border-radius: 2px;
    background: var(--swim-color);
    margin-bottom: 1.1rem;
    width: 36px;
}
.badge-loop {
    background: var(--loop-color);
    color: var(--loop-dark);
}

.badge-swim {
    background: var(--swim-color);
    color: var(--swim-dark);
}


.hdivider-wrap {
    width: 100%;
    padding: 1.5rem 0;
}
.hdivider-canvas {
    display: block;
    width: 100%;
    height: 12px;
}
.loop-link {
    transition: color 0.3s ease;
}

.loop-link:hover {
    color: var(--loop-dark);
}
.zwem-link {
    transition: color 0.3s ease;
}

.zwem-link:hover {
    color: var(--swim-dark);
}
.menu-item:hover > .menu-link {
    transition: color 0.3s ease;
}
.text-muted {
    font-style: italic;
    color: #999;
}
.page-title-content h1 {
    color: white;
}
.page-title-parallax .container {
    z-index: 10;
}
.list-margin ul {
    margin-left: 50px;
}
p {
    margin-bottom: 15px;
}