{"id":139,"date":"2026-01-22T12:43:17","date_gmt":"2026-01-22T12:43:17","guid":{"rendered":"https:\/\/arrowlineacademy.nl\/?page_id=139"},"modified":"2026-02-17T09:32:22","modified_gmt":"2026-02-17T09:32:22","slug":"vitaliteit-kalender","status":"publish","type":"page","link":"https:\/\/arrowlineacademy.nl\/?page_id=139","title":{"rendered":"Vitaliteit Kalender"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"139\" class=\"elementor elementor-139\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-940f756 e-con-full e-flex e-con e-parent\" data-id=\"940f756\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-06129a2 elementor-widget elementor-widget-ucaddon_ue_calendar\" data-id=\"06129a2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"ucaddon_ue_calendar.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n<!-- start Calendar -->\n<style>\/* widget: Calendar *\/\n\n\/* =========================================================\n   Unlimited Elements Calendar (FullCalendar) \u2014 Arrowline RED\n   Scoped to widget: #uc_ue_calendar_elementor_06129a2\n   ========================================================= *\/\n\n\/* --- keep your existing structural fixes (unchanged) --- *\/\n#uc_ue_calendar_elementor_06129a2{ min-height: 1px; }\n#uc_ue_calendar_elementor_06129a2 .fc-scroller-liquid-absolute{ inset: unset; }\n\n\n#uc_ue_calendar_elementor_06129a2 .fc > div:not(.fc-header-toolbar){ overflow:hidden; }\n\n#uc_ue_calendar_elementor_06129a2 .fc-event{\n  cursor: pointer;\n  transition: all .3s ease-out;\n}\n#uc_ue_calendar_elementor_06129a2 table:not(.fc-col-header){ margin-bottom:0; }\n\/* --- end existing fixes --- *\/\n\n\n\/* =========================================================\n   Arrowline look & feel \u2014 RED accent\n   ========================================================= *\/\n\n#uc_ue_calendar_elementor_06129a2{\n  --al-bg: #ffffff;\n  --al-text: #0f172a;\n  --al-muted: #64748b;\n  --al-border: rgba(15,23,42,.10);\n  --al-border2: rgba(15,23,42,.06);\n\n  \/* Arrowline RED (pas aan naar exact brand rood indien nodig) *\/\n  --al-accent: #dc2626;      \/* red-600 *\/\n  --al-accent2: #ef4444;     \/* red-500 *\/\n  --al-accent-ink: #ffffff;\n\n  --al-radius: 16px;\n  --al-shadow: 0 14px 40px rgba(2,6,23,.08);\n  --al-shadow-sm: 0 10px 28px rgba(2,6,23,.10);\n}\n\n\/* Typography *\/\n#uc_ue_calendar_elementor_06129a2 .fc,\n#uc_ue_calendar_elementor_06129a2 .fc *{\n  font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n  color: var(--al-text);\n}\n\n\/* Outer card *\/\n#uc_ue_calendar_elementor_06129a2 .ue-calendar-fc{\n  border: 1px solid var(--al-border);\n  border-radius: var(--al-radius);\n  box-shadow: var(--al-shadow);\n  overflow: hidden;\n  background: var(--al-bg);\n}\n\n\/* Remove FullCalendar default borders *\/\n#uc_ue_calendar_elementor_06129a2 .fc .fc-scrollgrid,\n#uc_ue_calendar_elementor_06129a2 .fc .fc-scrollgrid table{ border:0; }\n\n\/* Toolbar *\/\n#uc_ue_calendar_elementor_06129a2 .fc .fc-header-toolbar{\n  margin:0;\n  padding:18px 18px 14px;\n  border-bottom:1px solid var(--al-border2);\n  background: linear-gradient(180deg, rgba(15,23,42,.03), rgba(15,23,42,0));\n  gap:10px;\n}\n#uc_ue_calendar_elementor_06129a2 .fc .fc-toolbar-title{\n  font-size:18px;\n  font-weight:800;\n  letter-spacing:-0.02em;\n}\n\n\/* Buttons *\/\n#uc_ue_calendar_elementor_06129a2 .fc .fc-button{\n  border-radius:999px;\n  border:1px solid var(--al-border);\n  background:#fff;\n  color:var(--al-text);\n  font-weight:700;\n  font-size:13px;\n  padding:10px 12px;\n  line-height:1;\n  box-shadow:0 1px 0 rgba(2,6,23,.05);\n  transition: transform .12s ease, box-shadow .12s ease, background .12s ease, border-color .12s ease;\n}\n#uc_ue_calendar_elementor_06129a2 .fc .fc-button:hover{\n  background: rgba(15,23,42,.03);\n  border-color: rgba(15,23,42,.14);\n  box-shadow: var(--al-shadow-sm);\n  transform: translateY(-1px);\n}\n#uc_ue_calendar_elementor_06129a2 .fc .fc-button:focus{\n  outline:none;\n  box-shadow: 0 0 0 4px rgba(239,68,68,.18), 0 10px 28px rgba(2,6,23,.10);\n}\n\n\/* Today button = red gradient *\/\n#uc_ue_calendar_elementor_06129a2 .fc .fc-today-button:not(:disabled){\n  background: linear-gradient(180deg, var(--al-accent2), var(--al-accent));\n  border-color: transparent;\n  color: var(--al-accent-ink);\n}\n\n\/* Prev\/Next icon buttons *\/\n#uc_ue_calendar_elementor_06129a2 .fc .fc-prev-button,\n#uc_ue_calendar_elementor_06129a2 .fc .fc-next-button{\n  width:40px; height:40px; padding:0;\n  display:inline-flex; align-items:center; justify-content:center;\n}\n\n\/* Weekday header *\/\n#uc_ue_calendar_elementor_06129a2 .fc .fc-scrollgrid-section-header{\n  background: rgba(15,23,42,.02);\n  border-bottom: 1px solid var(--al-border2);\n}\n#uc_ue_calendar_elementor_06129a2 .fc .fc-col-header-cell{ border:0; padding:10px 0; }\n#uc_ue_calendar_elementor_06129a2 .fc .fc-col-header-cell-cushion{\n  color: var(--al-muted);\n  font-size:12px;\n  font-weight:800;\n  letter-spacing:.06em;\n  text-transform:uppercase;\n  padding:10px 0;\n}\n\n\/* Day cells *\/\n#uc_ue_calendar_elementor_06129a2 .fc .fc-daygrid-day{ border:1px solid var(--al-border2); }\n#uc_ue_calendar_elementor_06129a2 .fc .fc-daygrid-day-frame{\n  padding:10px;\n  min-height:96px;\n  background:#fff;\n  transition: background .12s ease;\n}\n#uc_ue_calendar_elementor_06129a2 .fc .fc-daygrid-day:hover .fc-daygrid-day-frame{\n  background: rgba(239,68,68,.06); \/* red hover wash *\/\n}\n\n\/* Day number pill *\/\n#uc_ue_calendar_elementor_06129a2 .fc .fc-daygrid-day-number{\n  width:30px; height:30px;\n  display:inline-flex; align-items:center; justify-content:center;\n  border-radius:999px;\n  font-weight:800; font-size:13px;\n  color:var(--al-text);\n  background: rgba(15,23,42,.03);\n  text-decoration:none;\n}\n#uc_ue_calendar_elementor_06129a2 .fc .fc-day-other .fc-daygrid-day-number{ opacity:.50; }\n\n\/* Today highlight (red) *\/\n#uc_ue_calendar_elementor_06129a2 .fc .fc-day-today .fc-daygrid-day-frame{\n  background: rgba(239,68,68,.08);\n  position:relative;\n}\n#uc_ue_calendar_elementor_06129a2 .fc .fc-day-today .fc-daygrid-day-number{\n  background: linear-gradient(180deg, var(--al-accent2), var(--al-accent));\n  color: var(--al-accent-ink);\n}\n#uc_ue_calendar_elementor_06129a2 .fc .fc-day-today .fc-daygrid-day-frame::after{\n  content:\"\";\n  position:absolute;\n  inset:8px;\n  border-radius:12px;\n  box-shadow: inset 0 0 0 2px rgba(239,68,68,.22);\n  pointer-events:none;\n}\n\n\/* Weekend subtle tint *\/\n#uc_ue_calendar_elementor_06129a2 .fc .fc-day-sat .fc-daygrid-day-frame,\n#uc_ue_calendar_elementor_06129a2 .fc .fc-day-sun .fc-daygrid-day-frame{\n  background: linear-gradient(180deg, rgba(15,23,42,.012), rgba(15,23,42,0));\n}\n\n\/* Events as red pills *\/\n#uc_ue_calendar_elementor_06129a2 .fc .fc-daygrid-event,\n#uc_ue_calendar_elementor_06129a2 .fc .fc-event{\n  border-radius:999px;\n  border:1px solid rgba(239,68,68,.28);\n  background: rgba(239,68,68,.12);\n  color: var(--al-text);\n  padding:6px 10px;\n  font-weight:750;\n  box-shadow:0 1px 0 rgba(2,6,23,.05);\n}\n#uc_ue_calendar_elementor_06129a2 .fc .fc-daygrid-event:hover,\n#uc_ue_calendar_elementor_06129a2 .fc .fc-event:hover{\n  background: rgba(239,68,68,.18);\n  border-color: rgba(239,68,68,.40);\n  transform: translateY(-1px);\n}\n#uc_ue_calendar_elementor_06129a2 .fc .fc-event-title,\n#uc_ue_calendar_elementor_06129a2 .fc .fc-event-time{\n  font-size:12px;\n  line-height:1.2;\n}\n\n\/* Mobile *\/\n@media (max-width: 768px){\n  #uc_ue_calendar_elementor_06129a2 .fc .fc-header-toolbar{ padding:14px 12px 12px; }\n  #uc_ue_calendar_elementor_06129a2 .fc .fc-toolbar-title{ font-size:16px; }\n  #uc_ue_calendar_elementor_06129a2 .fc .fc-daygrid-day-frame{ padding:8px; min-height:84px; }\n}\n\/* =========================================================\n   MOBILE RESPONSIVE FIX \u2014 FullCalendar inline widths override\n   ========================================================= *\/\n@media (max-width: 768px){\n\n  \/* 1) Force everything to fit the viewport (kills inline 1137px widths) *\/\n  #uc_ue_calendar_elementor_06129a2 .ue-calendar-fc,\n  #uc_ue_calendar_elementor_06129a2 .fc,\n  #uc_ue_calendar_elementor_06129a2 .fc-view-harness,\n  #uc_ue_calendar_elementor_06129a2 .fc-view-harness-active,\n  #uc_ue_calendar_elementor_06129a2 .fc-scroller-harness,\n  #uc_ue_calendar_elementor_06129a2 .fc-scroller,\n  #uc_ue_calendar_elementor_06129a2 .fc-daygrid-body,\n  #uc_ue_calendar_elementor_06129a2 .fc-scrollgrid,\n  #uc_ue_calendar_elementor_06129a2 .fc-scrollgrid-section,\n  #uc_ue_calendar_elementor_06129a2 .fc-scrollgrid-section > td,\n  #uc_ue_calendar_elementor_06129a2 .fc-scrollgrid-sync-table,\n  #uc_ue_calendar_elementor_06129a2 table.fc-col-header,\n  #uc_ue_calendar_elementor_06129a2 .fc-col-header{\n    width: 100% !important;\n    max-width: 100% !important;\n  }\n\n  \/* 2) Make the month grid behave like a real mobile table *\/\n  #uc_ue_calendar_elementor_06129a2 .fc-scrollgrid-sync-table,\n  #uc_ue_calendar_elementor_06129a2 table.fc-col-header{\n    table-layout: fixed !important;\n  }\n\n  \/* 3) Remove \u201csqueeze\u201d side effects *\/\n  #uc_ue_calendar_elementor_06129a2 .fc .fc-scroller{\n    overflow: hidden !important;\n  }\n\n  \/* 4) Toolbar: wrap + center title + compact buttons *\/\n  #uc_ue_calendar_elementor_06129a2 .fc .fc-header-toolbar{\n    display: flex;\n    flex-wrap: wrap;\n    align-items: center;\n    justify-content: space-between;\n    gap: 10px;\n    padding: 12px 12px 10px;\n  }\n\n  #uc_ue_calendar_elementor_06129a2 .fc .fc-toolbar-chunk{\n    display: flex;\n    align-items: center;\n    gap: 8px;\n  }\n\n  \/* Make title take full row (better on narrow screens) *\/\n  #uc_ue_calendar_elementor_06129a2 .fc .fc-toolbar-chunk:nth-child(2){\n    order: 3;\n    width: 100%;\n    justify-content: center;\n  }\n\n  #uc_ue_calendar_elementor_06129a2 .fc .fc-toolbar-title{\n    font-size: 15px;\n    line-height: 1.2;\n    text-align: center;\n  }\n\n  #uc_ue_calendar_elementor_06129a2 .fc .fc-button{\n    padding: 8px 10px;\n    font-size: 12px;\n  }\n\n  #uc_ue_calendar_elementor_06129a2 .fc .fc-prev-button,\n  #uc_ue_calendar_elementor_06129a2 .fc .fc-next-button{\n    width: 36px;\n    height: 36px;\n  }\n\n  \/* Optional: hide Today button on very small screens *\/\n  @media (max-width: 420px){\n    #uc_ue_calendar_elementor_06129a2 .fc .fc-today-button{ display: none !important; }\n  }\n\n  \/* 5) Header weekdays + day cells: tighter *\/\n  #uc_ue_calendar_elementor_06129a2 .fc .fc-col-header-cell-cushion{\n    font-size: 10px;\n    letter-spacing: .04em;\n    padding: 8px 0;\n  }\n\n  #uc_ue_calendar_elementor_06129a2 .fc .fc-daygrid-day-frame{\n    padding: 6px;\n    min-height: 72px;\n  }\n\n  \/* 6) Day number circles smaller (prevents \u201cbubble crowding\u201d) *\/\n  #uc_ue_calendar_elementor_06129a2 .fc .fc-daygrid-day-number{\n    width: 24px;\n    height: 24px;\n    font-size: 12px;\n  }\n\n  \/* 7) Events: keep them readable without breaking layout *\/\n  #uc_ue_calendar_elementor_06129a2 .fc .fc-daygrid-event,\n  #uc_ue_calendar_elementor_06129a2 .fc .fc-event{\n    padding: 5px 8px;\n    font-size: 11px;\n    max-width: 100%;\n  }\n\n  \/* If event text is long, prevent overflow *\/\n  #uc_ue_calendar_elementor_06129a2 .fc .fc-event-title{\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n  }\n}\n\n<\/style>\n\n<div id=\"uc_ue_calendar_elementor_06129a2\" class=\"ue-calendar   \"   aria-label=\"Event Calendar Widget\">\n  <div class=\"ue-calendar-fc\"><\/div>\n  <div class=\"uc-items-wrapper\"><div class=\"ue-calendar-item \" \n     data-title=\"Zandvoort&#x20;Circuitrun\"\n     data-start=\"2026-03-29\"\n     data-end=\"2026-03-29\"\n     data-bg=\"\"\n     data-color=\"\"\n     data-border-color=\"\"\n     data-overlap=\"true\"\n     data-link=\"\"\n               >\n<\/div>\n<div class=\"ue-calendar-item \" \n     data-title=\"Hydrox&#x20;Challenge&#x20;Bootcamper\"\n     data-start=\"2026-03-01\"\n     data-end=\"2026-03-01\"\n     data-bg=\"\"\n     data-color=\"\"\n     data-border-color=\"\"\n     data-overlap=\"true\"\n     data-link=\"\"\n               >\n<\/div>\n<\/div>\n<\/div>\n<!-- end Calendar -->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-139","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/arrowlineacademy.nl\/index.php?rest_route=\/wp\/v2\/pages\/139","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/arrowlineacademy.nl\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/arrowlineacademy.nl\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/arrowlineacademy.nl\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/arrowlineacademy.nl\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=139"}],"version-history":[{"count":10,"href":"https:\/\/arrowlineacademy.nl\/index.php?rest_route=\/wp\/v2\/pages\/139\/revisions"}],"predecessor-version":[{"id":244,"href":"https:\/\/arrowlineacademy.nl\/index.php?rest_route=\/wp\/v2\/pages\/139\/revisions\/244"}],"wp:attachment":[{"href":"https:\/\/arrowlineacademy.nl\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=139"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}