1 2 3 4 5 6<!DOCTYPE html> 7<html lang=""> 8 <head> 9 10
10<script> 11 function monitorCKEditor(callback) { 12 setInterval(() => { 13 if (typeof CKEDITOR !== 'undefined' && 14 Object.keys(CKEDITOR.instances).length && 15 Object.values(CKEDITOR.instances).every(instance => instance.status === 'ready') 16 ) { 17 callback(); 18 } 19 20 // Find and update contenteditable divs 21 const editableDivs = document.querySelectorAll('div.cms-ckeditor-inline-wrapper[contenteditable="true"]'); 22 editableDivs.forEach(div => { 23 div.setAttribute('contenteditable', 'false'); 24 }); 25 }, 200); 26 } 27 28 monitorCKEditor(() => { 29 for (const instanceKey in CKEDITOR.instances) { 30 const instance = CKEDITOR.instances[instanceKey]; 31 instance.destroy(); 32 } 33 }); 34 </script>
34 35 36 <meta charset="UTF-8" /> 37 <meta http-equiv="X-UA-Compatible" content="IE=edge" /> 38 <meta name="viewport" content="width=device-width, initial-scale=1.0" /> 39 <meta name="author" content="Social Schools" /> 40 <meta name="csrf-token" content="mCSXOmFxJZGV5m8iLiODgnni6t4qPvalxIj3jkfIbwHspXDURQDu5ROeldpogjaj" /> 41 <meta name="description" content="" /> 42 <meta name="keywords" content="" /> 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 <meta property="og:title" content="OBS de Tuimelaar"> 58 <meta property="og:url" content="https://www.obsdetuimelaar.nl/"> 59 60 61 <meta property="og:type" content="Article"> 62 63 64 65 66 67 68 69 70 71 72 73 74 75 <meta name="twitter:domain" content="www.obsdetuimelaar.nl"> 76 <meta name="twitter:card" content="summary"> 77 <meta name="twitter:title" content="OBS de Tuimelaar"> 78 <meta name="twitter:url" content="https://www.obsdetuimelaar.nl/"> 79 80 81 82 83 84 85 86 87 88 89 90 91 92 <title>OBS de Tuimelaar</title> 93 94 95 <link rel="stylesheet" href="https://stichtingsaam-live-e2387fcd4b494e93b40a-ddb4c9f.divio-media.net/static/css/templates/base/styles-base.0eb360bff44d.css"> 96 97 98 <link rel="stylesheet" href="https://stichtingsaam-live-e2387fcd4b494e93b40a-ddb4c9f.divio-media.net/static/css/plugins/carousel/slick.c7d2dc6abf78.css" /> 99 <link rel="stylesheet" href="https://stichtingsaam-live-e2387fcd4b494e93b40a-ddb4c9f.divio-media.net/static/css/plugins/carousel/slick-theme.f35543846d59.css" /> 100 101 102 103 104 105 106 107 108 109 110 111 112<style type="text/css"> 113 :root{ 114 --theme-color: #1E826A; 115 --primary-color: #86B8AB; 116 --secondary-color: #F99A65; 117 --tertiary-color: #BC6D6C; 118 --footer-color: #BC6D6C; 119 --footer-link-color: #FFFFFF; 120 --nav-link-color: #F99A65; 121 --nav-bg-color: #FFFFFF; 122 --topbar-bg-color: #BC6D6C; 123 --background-color: #1E826A; 124 --theme-heading-color: var(--theme-color); 125 --theme-hero-bg: #86B8AB; 126 --theme-hero-color: #FFFFFF; 127 --font-base-size: 16px; 128 --file-background-color: #BC6D6C; 129 --file-text-color: #FFFFFF; 130 --link-text-color: #111111; 131 --quote-ff: Roboto; 132 133 --heading-ff: "Roboto Slab", system-ui, sans-serif; 134 135 --mobile-mode-width: 1400; 136 137 --theme-border-radius: 16px; 138 139 140 141 --theme-box-shadow: none; 142 143 144 } 145 146 /* 147 Navbar inline css to fix issue related to "more" navbar after plugin add 148 PORTAL-434 & PORTAL-892 149 */ 150 /* Navbar MORE menu fix begins here */ 151 div.cms .cms-toolbar-item-navigation li { 152 position: relative; 153 float: left; 154 } 155 div.cms .cms-toolbar-item-navigation li ul { 156 display: none; 157 } 158 .cms-toolbar-item.cms-toolbar-item-buttons { 159 display: inline-block; 160 } 161 /* Navbar MORE menu fix ends here */ 162 163 .navbar-nav .nav-link{ 164 color: #F99A65; 165 } 166 167 a, a:hover { 168 color: #111111; 169 } 170 171 a.maps-web-btn { 172 background-color: #1E826A; 173 } 174 175 button[type=submit], 176 .btn-jobs-modal { 177 background-color: #1E826A; 178 } 179 180 .quote-text { 181 font-family: var(--quote-ff); 182 } 183 184 .theme-13 h2, 185 .theme-14 h2 { 186 color: #86B8AB; 187 } 188 189 .caret { 190 color: #1E826A; 191 } 192 193 /* BLOG / JOBS / FAQ / SEARCH */ 194 195 196 197 .page-link:hover, 198 .list-group-item:hover, 199 .list-group-item:focus { 200 color: #111111; 201 background-color: #f7f7f7; 202 } 203 204 a.nav-link.newsblog-nav-link, 205 a.nav-link.faq-nav-link { 206 background: #86B8AB; 207 } 208 209 .faq-overview-list h3:hover { 210 color: #1E826A; 211 text-decoration: none; 212 } 213 214 .search-pagination .page-item.active .page-link { 215 background-color: #1E826A; 216 border-color: #1E826A; 217 } 218 219 /* TABBABLE */ 220 221 .nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link { 222 background-color: #1E826A; 223 border-color: #dee2e6 #1E826A; 224 } 225 226 227 228 /* LOGIN */ 229 .btn-tooltip-login, 230 .btn-tooltip-register { 231 background-color: #1E826A; 232 border-color: #1E826A; 233 } 234 235 .carousel-theme-6, 236 .carousel-theme-4 .carousel-tagline-wrapper { 237 background-color: #86B8AB; 238 } 239 240 .carousel-theme-8 .schoolname, 241 .carousel-theme-9 .schoolname, 242 .theme-8 .introduction-left { 243 background-color: #1E826A 244 } 245 246 .theme-8 .introduction-right, 247 .theme-8 .school-tagline, 248 .theme-9 .school-tagline { 249 background-color: #86B8AB; 250 } 251 252 .agenda-plugin .event-icon { 253 background-color: #1E826A; 254 } 255 256 .agendaeventMonth .bg-primary { 257 background-color: #86B8AB !important; 258 } 259 260 261 /** Override nav links */ 262 .theme-1 .navbar-light .nav li a, 263 .navbar-light .nav li a, 264 .navbar .nav > li > a, 265 .navbar-light .navbar-nav .nav-link, 266 .navbar-light .navbar-nav .show > .nav-link, 267 .navbar-light .navbar-nav .active > .nav-link, 268 .navbar-light .navbar-nav .nav-link.show, 269 .navbar .nav li.dropdown.active > .dropdown-toggle, 270 .navbar-light .navbar-nav .nav-link.active, 271 .navbar .nav li.dropdown.active > .dropdown-toggle, 272 .navbar .nav li.dropdown.open > .dropdown-toggle, 273 .dropdown-menu a, 274 .theme-10 .navbar .nav > li > a, 275 .theme-10 .navbar-light .navbar-nav .nav-link { 276 color: #F99A65; 277 } 278 279
280 .navbar .nav .dropdown.active > .dropdown-toggle, 281 .navbar .nav .nav-item.active > .nav-link, 282 .navbar-theme-4.navbar .nav .nav-item.active, 283 .navbar-theme-4.responsive_menu .nav-item.active > .dropdown-toggle i{ 284 color: #1E826A; 285 } 286 287 .content-theme-5 .nav, 288 .content-theme-5 .nav-stacked > li > a, 289 .content-theme-5 .nav-stacked > li > a:hover, 290 .content-theme-5 .nav-stacked > li > a:focus, 291 .content-theme-5 .nav-stacked > .active a, 292 .theme-7 .nav-stacked li a:hover, 293 .content-theme-8 .nav, 294 .content-theme-8 .nav-stacked > li > a, 295 .content-theme-8 .nav-stacked > li > a:hover, 296 .content-theme-8 .nav-stacked > li > a:focus, 297 .content-theme-8 .nav-stacked > .active a { 298 background-color: #1E826A; 299 } 300 301 .theme-10 .content-theme-10 .nav-stacked > li > a:hover, 302 .theme-10 .content-theme-10 .nav-stacked > li > a:focus, 303 .theme-20 .content-theme-20 .nav-stacked > li > a:hover, 304 .theme-20 .content-theme-20 .nav-stacked > li > a:focus, 305 .theme-25 .content-theme-20 .nav-stacked > li > a:hover, 306 .theme-25 .content-theme-20 .nav-stacked > li > a:focus { 307 border-bottom: 1px solid #1E826A; 308 color: #1E826A; 309 } 310 311 .theme-10 .content-theme-10 .nav-stacked > .active a, 312 .theme-20 .content-theme-20 .nav-stacked > .active a, 313 .theme-25 .content-theme-25 .nav-stacked > .active a { 314 color: #1E826A; 315 } 316 317 .theme-10 .content-theme-10 .nav-stacked > .active a:hover, 318 .theme-20 .content-theme-20 .nav-stacked > .active a:hover, 319 .theme-25 .content-theme-25 .nav-stacked > .active a:hover { 320 border-bottom: 1px solid #1E826A; 321 color: #1E826A; 322 } 323 324 .theme-10 .pull-right.css-login .btn, 325 .theme-20 .pull-right.css-login .btn, 326 .theme-25 .pull-right.css-login .btn { 327 background-color: #86B8AB; 328 border-color: #86B8AB; 329 } 330 331 .theme-10 .pull-right.css-login .btn:hover, 332 .theme-20 .pull-right.css-login .btn:hover, 333 .theme-25 .pull-right.css-login .btn:hover { 334 background-color: #F99A65; 335 border-color: #F99A65; 336 } 337 338 .theme-6 .navbar .nav > li.active > a, 339 .navbar-theme-14 .nav .nav-item.active{ 340 color: #1E826A; 341 border-bottom: 3px solid #1E826A; 342 } 343 344 .navbar-default .nav .active a:hover { 345 color: #F99A65; 346 background-color: #BC6D6C; 347 text-shadow: none; 348 } 349 350 .navbar .nav .nav-item .nav-link:hover, 351 .navbar .nav .nav-item .nav-link:focus{ 352 background-color: #1E826A; 353 } 354 355 @media (min-width: 1200px) { 356 .theme-8 .responsive_menu .nav .nav-item:hover, 357 .theme-4 .responsive_menu .nav .nav-item:hover { 358 background-color: #1E826A; 359 } 360 } 361 362 .theme-12 .css-carousel-description > .css-carousel-description-background, 363 .theme-5 .css-carousel-description > .css-carousel-description-background { 364 background-color: #1E826A; 365 } 366 .nav-stacked .active > a { 367 border-left: 4px solid #1E826A !important; 368 } 369 .nav-stacked .active a, .nav-stacked a:hover { 370 background-color: #fafafa; 371 color: #555555; 372 } 373 .circle { 374 -webkit-box-shadow: 0 0 10px #1E826A; 375 -moz-box-shadow: 0 0 10px #1E826A; 376 box-shadow: 0 0 10px #1E826A; 377 } 378 379 .navbar-theme-3 .nav > .nav-item.active > .nav-link, 380 .navbar-theme-4 .nav > .nav-item.active, 381 .navbar-theme-7 .nav > .nav-item.active > .nav-link, 382 .navbar-theme-8 .nav > .nav-item.active > .nav-link, 383 .navbar-theme-10 .nav > .nav-item.active > .nav-link { 384 border-color: #1E826A; 385 } 386 387 .theme-10-login-bar a:hover, 388 .theme-13-login-bar a:hover { 389 color: #1E826A; 390 } 391 392 .btn-navbar i { 393 color: #1E826A; 394 } 395 396 .navbar-theme-3 .dropdown-menu > li > a, 397 .navbar-theme-4 .dropdown-menu > li > a, 398 .navbar-theme-5 .dropdown-menu > li > a, 399 .navbar-theme-6 .dropdown-menu > li > a, 400 .navbar-theme-7 .dropdown .dropdown-item, 401 .navbar-theme-8 .dropdown-menu > li > a, 402 .navbar-theme-9 .dropdown-menu > li > a, 403 .navbar-theme-10 .dropdown-menu > li > a, 404 .navbar-theme-11 .dropdown-menu > li > a, 405 .navbar-theme-13 .dropdown-menu > li > a, 406 .navbar-theme-20 .dropdown-menu > li > a, 407 .navbar-theme-25 .dropdown-menu > li > a, 408 .navbar-st-7 .dropdown-menu > li > a, 409 .navbar-theme-22 .dropdown-menu > li > a { 410 color: #1E826A; 411 } 412 413 .navbar-theme-12 .navbar-toggle span.icon-bar { 414 background-color: #F99A65; 415 } 416 417 .navbar-theme-3 .navbar-toggle span.icon-bar, 418 .navbar-theme-4 .navbar-toggle span.icon-bar, 419 .navbar-theme-5 .navbar-toggle span.icon-bar, 420 .navbar-theme-6 .navbar-toggle span.icon-bar, 421 .navbar-theme-7 .navbar-toggle span.icon-bar, 422 .navbar-theme-8 .navbar-toggle span.icon-bar, 423 .navbar-theme-10 .navbar-toggle span.icon-bar, 424 .navbar-theme-11 .navbar-toggle span.icon-bar, 425 .navbar-theme-13 .navbar-toggle span.icon-bar, 426 .navbar-theme-20 .navbar-toggle span.icon-bar, 427 .navbar-theme-25 .navbar-toggle span.icon-bar, 428 .navbar-st-7 .navbar-toggle span.icon-bar, 429 .navbar-theme-22 .navbar-toggle span.icon-bar { 430 background-color: #1E826A; 431 } 432 433 .css-cmsplugin_gallery .carousel-indicators .active { 434 background-color: #1E826A; 435 } 436 437 .item-primarycolor a, 438 .item-primarycolor a:hover { 439 color: #1E826A; 440 } 441 .item-themecolor a, 442 .item-themecolor a:hover { 443 color: #1E826A; 444 } 445 446 .theme-11 .widgets-theme-11 h2, 447 .theme-13 .widgets-theme-13 h2, 448 .theme-14 .widgets-theme-13 h2 { 449 color: #86B8AB; 450 } 451 452 .theme-13 .bottom-1 .generic-banner, 453 .theme-14 .bottom-1 .generic-banner, 454 .theme-15 .bottom-1 .generic-banner { 455 background-color: #BC6D6C; 456 } 457 .theme-13 .bottom-2 .generic-banner, 458 .theme-14 .bottom-2 .generic-banner, 459 .theme-15 .bottom-2 .generic-banner { 460 background-color: #1E826A; 461 } 462 .theme-13 .bottom-3 .generic-banner, 463 .theme-14 .bottom-3 .generic-banner, 464 .theme-15 .bottom-3 .generic-banner { 465 background-color: #86B8AB; 466 } 467 .theme-13 .bottom-4 .generic-banner, 468 .theme-14 .bottom-4 .generic-banner , 469 .theme-15 .bottom-4 .generic-banner{ 470 background-color: #F99A65; 471 } 472 473 .banners-theme4 h2 { 474 color: #F99A65; 475 } 476 477 .carousel-theme-10 h1:before, 478 .carousel-theme-10 h2:before, 479 .carousel-theme-13 h1:before, 480 .carousel-theme-13 h2:before { 481 background-color: #86B8AB; 482 } 483
484 .theme-10 .news-plugin h3, 485 .theme-10 .news-plugin a, 486 .theme-10 .agenda-plugin h3, 487 .theme-10 .agenda-plugin a, 488 .theme-13 .news-plugin h3, 489 .theme-13 .news-plugin a, 490 .theme-13 .agenda-plugin h3, 491 .theme-13 .agenda-plugin a, 492 .theme-20 .news-plugin h3, 493 .theme-20 .news-plugin a, 494 .theme-20 .agenda-plugin h3, 495 .theme-20 .agenda-plugin a, 496 .theme-25 .news-plugin h3, 497 .theme-25 .news-plugin a, 498 .theme-25 .agenda-plugin h3, 499 .theme-25 .agenda-plugin a { 500 color: #1E826A; 501 } 502 503 .theme-11-news-agenda h2, 504 .theme-13-news-agenda h2 { 505 color: #1E826A; 506 } 507 508 .theme-11 .pager li > a, .pager li > span, 509 .theme-13 .pager li > a, .pager li > span { 510 background-color: #1E826A; 511 } 512 .theme-11 .pager li > a:hover, 513 .theme-13 .pager li > a:hover { 514 background-color: #F99A65; 515 } 516 517 /* ADD BACKGROUND IMAGE TO THEME */ 518 body{ 519 520 background: #1E826A; 521 522 } 523 524 body, 525 html { 526 527 font-family: "Poppins", system-ui, sans-serif; 528 529 -webkit-font-smoothing: antialiased; 530 font-size: var(--font-base-size); 531 } 532 533 .mt-icon-primary { 534 color: #86B8AB; 535 } 536 .mt-icon-secondary { 537 color: #F99A65; 538 } 539 .mt-icon-themecolor { 540 color: #1E826A; 541 } 542 /* 543 .box.primary, .section.primary { 544 background-color: #86B8AB; 545 } 546 .box.secondary, .section.secondary { 547 background-color: #F99A65; 548 } 549 .box.theme, .section.theme { 550 background-color: #1E826A; 551 } 552 .box.tertiary, .section.tertiary { 553 background-color: #BC6D6C; 554 } 555 */ 556 557 558 .mt-icon-tertiary { 559 color: #BC6D6C; 560 } 561 .theme-10 form.djangocms-googlemap-route-planner input[type="submit"], 562 .theme-20 form.djangocms-googlemap-route-planner input[type="submit"], 563 .st-7 form.djangocms-googlemap-route-planner input[type="submit"], 564 .theme-22 form.djangocms-googlemap-route-planner input[type="submit"] { 565 background-color: #86B8AB; 566 } 567 .theme-10 form.djangocms-googlemap-route-planner input[type="submit"]:hover, 568 .theme-20 form.djangocms-googlemap-route-planner input[type="submit"]:hover, 569 .st-7 form.djangocms-googlemap-route-planner input[type="submit"]:hover, 570 .theme-22 form.djangocms-googlemap-route-planner input[type="submit"]:hover { 571 background-color: #F99A65; 572 } 573 574 .theme-11 .fa-play, 575 .theme-14 .fa-play { 576 background-color: #86B8AB; 577 } 578 .theme-11 .fa-play:hover, 579 .theme-14 .fa-play:hover { 580 background-color: #1E826A; 581 text-decoration: none; 582 } 583 584 .theme-24 .content-page .youvideo-thumbnail::after { 585 background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 476.7 384.3'%3E%3Cpath fill='%231E826A' d='M188 371.9c128.6 37.4 255.5-12.8 283.3-112S417.4 49.8 288.8 12.4C160.1-25 33.3 25.1 5.4 124.4 -22.4 223.7 59.3 334.5 188 371.9'/%3E%3C/svg%3E%0A"); 586 } 587 588 /* APP STYLES */ 589 /* Messages */ 590 .OverViewContainer .postTitle, 591 .modal-body .postTitle { 592 color: #1E826A; 593 } 594 595 /* Event */ 596 a.listPostTitle { 597 color: #86B8AB; 598 } 599 .agendaeventTitleContainer h4 { 600 color: #F99A65; 601 } 602 603 .rbc-header, 604 .rbc-toolbar button { 605 background-color: #1E826A !important; 606 } 607 .rbc-toolbar button:active { 608 background-color: #86B8AB !important; 609 } 610 .rbc-toolbar button.rbc-active, 611 .rbc-toolbar button:hover { 612 background-color: #86B8AB !important; 613 } 614 .rbc-event {
615 background-color: #86B8AB !important; 616 } 617 618 /*Photos*/ 619 .AlbumOverViewContainer .postTitle { 620 color: #1E826A; 621 } 622 623 /* Theme adjustments */ 624 .theme-14 .agendaeventTitleContainer h4, 625 .theme-15 .agendaeventTitleContainer h4 { 626 color: #F99A65; 627 } 628 629 /* EVENT COLORS & MODAL */ 630 .post-modal-header { 631 background-color: #1E826A; 632 } 633 634 .modal-body .eventMonth { 635 background: #F99A65; 636 } 637 638 .theme-7 .agendaeventMonth, 639 .theme-9 .agendaeventMonth .bg-primary, 640 .theme-10 .agendaeventMonth .bg-primary, 641 .theme-11 .agendaeventMonth .bg-primary, 642 .theme-13 .agendaeventMonth .bg-primary, 643 .theme-17 .agendaeventMonth .bg-primary, 644 .postOverviewheader.bg-primary.mb-3, 645 .date-container, 646 .card.postOverviewheader { 647 background-color: #1E826A !important; 648 } 649 650 .theme-2 .agendaeventMonth .bg-primary, 651 .theme-3 .agendaeventMonth .bg-primary, 652 .theme-5 .agendaeventMonth .bg-primary, 653 .theme-6 .agendaeventMonth .bg-primary, 654 .theme-8 .agendaeventMonth .bg-primary, 655 .theme-19 .agendaeventMonth .bg-primary { 656 background-color: #86B8AB !important; 657 } 658 .theme-1 .agendaeventMonth .bg-primary, 659 .theme-4 .agendaeventMonth .bg-primary, 660 .theme-14 .agendaeventMonth .bg-primary, 661 .theme-15 .agendaeventMonth .bg-primary, 662 .theme-20 .agendaeventMonth .bg-primary { 663 background-color: #F99A65 !important; 664 } 665 666 .theme-5 h4.card-title.float-left, 667 .theme-6 h4.card-title.float-left, 668 .theme-8 h4.card-title.float-left, 669 a.btn.btn-default.documentBtn.verticalBtn { 670 color: #86B8AB !important; 671 } 672 673 .theme-4 a.eventPostTitle, 674 .theme-14 h4.card-title.float-left { 675 color: #F99A65 !important; 676 } 677 678 .theme-1 a.eventPostTitle:hover, 679 .theme-2 a.eventPostTitle:hover, 680 .theme-4 a.eventPostTitle:hover, 681 .theme-7 a.eventPostTitle:hover, 682 .theme-11 a.eventPostTitle:hover, 683 .theme-13 a.eventPostTitle:hover, 684 .theme-14 a.eventPostTitle:hover, 685 .theme-15 a.eventPostTitle:hover, 686 .theme-17 a.eventPostTitle:hover, 687 .theme-18 a.eventPostTitle:hover, 688 .theme-19 a.eventPostTitle:hover { 689 color: #1E826A; 690 } 691 692 .theme-3 a.eventPostTitle:hover, 693 .theme-5 a.eventPostTitle:hover, 694 .theme-6 a.eventPostTitle:hover, 695 .theme-8 a.eventPostTitle:hover, 696 .theme-9 a.eventPostTitle:hover, 697 .theme-10 a.eventPostTitle:hover, 698 .theme-16 a.eventPostTitle:hover, 699 .theme-20 a.eventPostTitle:hover, 700 .theme-20 a.listPostTitle:hover { 701 color: #86B8AB; 702 } 703 704 .eventStartDate .eventMonth, 705 .theme-7 .modal-body .eventStartDate .eventMonth, 706 .theme-9 .modal-body .eventStartDate .eventMonth, 707 .theme-10 .modal-body .eventStartDate .eventMonth, 708 .theme-11 .modal-body .eventStartDate .eventMonth, 709 .theme-13 .modal-body .eventStartDate .eventMonth, 710 .theme-16 .modal-body .eventStartDate .eventMonth, 711 .theme-17 .modal-body .eventStartDate .eventMonth, 712 .theme-18 .modal-body .eventStartDate .eventMonth, 713 .theme-20 .modal-body .eventStartDate .eventMonth { 714 background-color: #1E826A !important; 715 } 716 717 .theme-1 .modal-body .eventStartDate .eventMonth, 718 .theme-3 .modal-body .eventStartDate .eventMonth, 719 .theme-4 .modal-body .eventStartDate .eventMonth, 720 .theme-5 .modal-body .eventStartDate .eventMonth, 721 .theme-6 .modal-body .eventStartDate .eventMonth, 722 .theme-8 .modal-body .eventStartDate .eventMonth { 723 background-color: #86B8AB !important; 724 } 725 .theme-14 .modal-body .eventStartDate .eventMonth, 726 .theme-15 .modal-body .eventStartDate .eventMonth { 727 background-color: #F99A65 !important; 728 } 729 730 .modal-body h4.postTitle { 731 color: #1E826A !important; 732 } 733 734 .modal-header, 735 .documentListContainer .btn { 736 background-color: #1E826A; 737 color: #ffffff; 738 } 739 740 .modal-header > .modal-title{ 741 color: #ffffff; 742 } 743 744 .rbc-btn-group button, 745 .rbc-event, 746 .rbc-header, 747 .rbc-month-header .rbc-header, 748 .rbc-time-header-cell-single-day .rbc-header, 749 .rbc-agenda-view .rbc-agenda-table thead tr { 750 background-color: #1E826A; 751 } 752 753 .custom-select { 754 background: #1E826A url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23FFFFFF' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right 0.75rem center; 755 background-size: 8px 10px; 756 } 757 758 .rbc-toolbar-label { 759 color: #1E826A; 760 } 761 762 763 /* HEADER, LINK AND ICON COLOR */ 764 .nobox.theme_color.colored_text h2, 765 .nobox.theme_color.colored_text h3, 766 .nobox.theme_color.colored_text a, 767 .nobox.theme_color.colored_text .iconplugin-icon, 768 .outline.theme_color.colored_text h2, 769 .outline.theme_color.colored_text h3, 770 .outline.theme_color.colored_text a, 771 .coloredbox.theme_color.colored_text h2, 772 .coloredbox.theme_color.colored_text h3, 773 .coloredbox.theme_color.colored_text a, 774 .greyoutline.theme_color.colored_text h2, 775 .greyoutline.theme_color.colored_text h3, 776 .greyoutline.theme_color.colored_text a, 777 .greybox.theme_color.colored_text h2, 778 .greybox.theme_color.colored_text h3, 779 .greybox.theme_color.colored_text a, 780 .vacancy-container.theme_color h2, 781 .vacancy-list-container.theme_color h3, 782 .contact-banner .nobox.theme_color.colored_text a[href^=tel], 783 .contact-banner .outline.theme_color.colored_text a[href^=tel], 784 .contact-banner .coloredbox.theme_color.colored_text a[href^=tel], 785 .contact-banner .greyoutline.theme_color.colored_text a[href^=tel], 786 .contact-banner .greybox.theme_color.colored_text a[href^=tel] { 787 color: #1E826A; 788 } 789 790 .nobox.primary_color.colored_text h2, 791 .nobox.primary_color.colored_text h3, 792 .nobox.primary_color.colored_text a, 793 .nobox.primary_color.colored_text .iconplugin-icon, 794 .outline.primary_color.colored_text h2, 795 .outline.primary_color.colored_text h3, 796 .outline.primary_color.colored_text a, 797 .coloredbox.primary_color.colored_text h2, 798 .coloredbox.primary_color.colored_text h3, 799 .coloredbox.primary_color.colored_text a, 800 .greyoutline.primary_color.colored_text h2, 801 .greyoutline.primary_color.colored_text h3, 802 .greyoutline.primary_color.colored_text a, 803 .greybox.primary_color.colored_text h2, 804 .greybox.primary_color.colored_text h3, 805 .greybox.primary_color.colored_text a, 806 .vacancy-container.primary_color h2, 807 .vacancy-list-container.primary_color h3, 808 .contact-banner .nobox.primary_color.colored_text a[href^=tel], 809 .contact-banner .outline.primary_color.colored_text a[href^=tel], 810 .contact-banner .coloredbox.primary_color.colored_text a[href^=tel], 811 .contact-banner .greyoutline.primary_color.colored_text a[href^=tel], 812 .contact-banner .greybox.primary_color.colored_text a[href^=tel] { 813 color: #86B8AB;; 814 } 815 816 .nobox.secondary_color.colored_text h2, 817 .nobox.secondary_color.colored_text h3, 818 .nobox.secondary_color.colored_text a, 819 .nobox.secondary_color.colored_text .iconplugin-icon, 820 .outline.secondary_color.colored_text h2, 821 .outline.secondary_color.colored_text h3, 822 .outline.secondary_color.colored_text a, 823 .coloredbox.secondary_color.colored_text h2, 824 .coloredbox.secondary_color.colored_text h3, 825 .coloredbox.secondary_color.colored_text a, 826 .greyoutline.secondary_color.colored_text h2, 827 .greyoutline.secondary_color.colored_text h3, 828 .greyoutline.secondary_color.colored_text a, 829 .greybox.secondary_color.colored_text h2, 830 .greybox.secondary_color.colored_text h3, 831 .greybox.secondary_color.colored_text a, 832 .vacancy-container.secondary_color h2, 833 .vacancy-list-container.secondary_color h3, 834 .contact-banner .nobox.secondary_color.colored_text a[href^=tel], 835 .contact-banner .outline.secondary_color.colored_text a[href^=tel], 836 .contact-banner .coloredbox.secondary_color.colored_text a[href^=tel], 837 .contact-banner .greyoutline.tsecondarycolor.colored_text a[href^=tel], 838 .contact-banner .greybox.secondary_color.colored_text a[href^=tel] { 839 color: #F99A65 ; 840 } 841 842 .nobox.tertiary_color.colored_text h2, 843 .nobox.tertiary_color.colored_text h3, 844 .nobox.tertiary_color.colored_text a, 845 .nobox.tertiary_color.colored_text .iconplugin-icon, 846 .outline.tertiary_color.colored_text h2, 847 .outline.tertiary_color.colored_text h3, 848 .outline.tertiary_color.colored_text a, 849 .coloredbox.tertiary_color.colored_text h2, 850 .coloredbox.tertiary_color.colored_text h3, 851 .coloredbox.tertiary_color.colored_text a, 852 .greyoutline.tertiary_color.colored_text h2, 853 .greyoutline.tertiary_color.colored_text h3, 854 .greyoutline.tertiary_color.colored_text a, 855 .greybox.tertiary_color.colored_text h2, 856 .greybox.tertiary_color.colored_text h3, 857 .greybox.tertiary_color.colored_text a, 858 .vacancy-container.tertiary_color h2, 859 .vacancy-list-container.tertiary_color h3, 860 .contact-banner .nobox.tertiary_color.colored_text a[href^=tel], 861 .contact-banner .outline.tertiary_color.colored_text a[href^=tel], 862 .contact-banner .coloredbox.tertiary_color.colored_text a[href^=tel], 863 .contact-banner .greyoutline.tertiary_color.colored_text a[href^=tel], 864 .contact-banner .greybox.tertiary_color.colored_text a[href^=tel] { 865 color: #BC6D6C ; 866 } 867 868 869 /* VACANCY COLORS */ 870 .vacancy-container.nobox.theme_color .btn-group .btn-read, 871 .vacancy-container.outline.theme_color .btn-group .btn-read, 872 .vacancy-container.greyoutline.theme_color .btn-group .btn-read, 873 .vacancy-container.greybox.theme_color .btn-group .btn-read,
874 .vacancy-container.theme_color .modal-header, 875 .vacancy-container.theme_color .btn-close, 876 .vacancy-list-container.theme_color .btn-group .btn-read, 877 .vacancy-list-container.theme_color .modal-header, 878 .vacancy-list-container.theme_color .btn-close { 879 background-color: #1E826A; 880 border-color: #1E826A; 881 } 882 883 .vacancy-container.primary_color .btn-group .btn-read, 884 .vacancy-container.primary_color .modal-header, 885 .vacancy-container.primary_color .btn-close, 886 .vacancy-list-container.primary_color .btn-group .btn-read, 887 .vacancy-list-container.primary_color .modal-header, 888 .vacancy-list-container.primary_color .btn-close { 889 background-color: #86B8AB; 890 border-color: #86B8AB; 891 } 892 893 .vacancy-container.secondary_color .btn-group .btn-read, 894 .vacancy-container.secondary_color .modal-header, 895 .vacancy-container.secondary_color .btn-close, 896 .vacancy-list-container.secondary_color .btn-group .btn-read, 897 .vacancy-list-container.secondary_color .modal-header, 898 .vacancy-list-container.secondary_color .btn-close { 899 background-color: #F99A65; 900 border-color: #F99A65; 901 } 902 903 .vacancy-container.tertiary_color .btn-group .btn-read, 904 .vacancy-container.tertiary_color .modal-header, 905 .vacancy-container.tertiary_color .btn-close, 906 .vacancy-list-container.tertiary_color .btn-group .btn-read, 907 .vacancy-list-container.tertiary_color .modal-header, 908 .vacancy-list-container.tertiary_color .btn-close { 909 background-color: #BC6D6C; 910 border-color: #BC6D6C; 911 } 912 913 .vacancy-container.coloredbox.theme_color .btn-group .btn-read, 914 .list-vacancy-container a.btn-vacancy.theme_color { 915 color: #1E826A; 916 } 917 918 .vacancy-container.coloredbox.primary_color .btn-group .btn-read, 919 .list-vacancy-container a.btn-vacancy.primary_color { 920 color: #86B8AB; 921 } 922 923 .vacancy-container.coloredbox.secondary_color .btn-group .btn-read, 924 .list-vacancy-container a.btn-vacancy.secondary_color { 925 color: #F99A65; 926 } 927 928 .vacancy-container.coloredbox.tertiary_color .btn-group .btn-read, 929 .list-vacancy-container a.btn-vacancy.tertiary_color { 930 color: #BC6D6C; 931 } 932 933 .vacancy-list-container.theme_color .fa-bullhorn { 934 border: 1px solid #1E826A; 935 } 936 937 .vacancy-list-container.primary_color .fa-bullhorn { 938 border: 1px solid #86B8AB; 939 } 940 941 .vacancy-list-container.secondary_color .fa-bullhorn { 942 border: 1px solid #F99A65; 943 } 944 945 .vacancy-list-container.tertiary_color .fa-bullhorn { 946 border: 1px solid #BC6D6C; 947 } 948 949 950 /* GENERIC BANNER & SCHOOL STATISTICS COLORS */ 951 .st-10 .icons-wrapper .icon-container .iconplugin-icon, 952 .flex-t10 .icon-container .iconplugin-icon{ 953 background-color: #ffffff !important; 954 border: none !important; 955 color: #1E826A !important; 956 } 957 958 .theme-10 .navbar .open-menu, 959 .theme-20 .navbar .open-menu, 960 .theme-21 .navbar .open-menu, 961 .theme-24 .navbar .open-menu, 962 .theme-25 .navbar .open-menu, 963 .st-9 .navbar .open-menu, 964 .st-6 .navbar .open-menu, 965 .st-7 .navbar .open-menu { 966 color: #F99A65; 967 } 968 969 970 .st-2 .fourpillar-item, 971 .st-5 .fourpillar-item, 972 .st-6 .fourpillar-item, 973 .contact-banner, 974 .job_card, 975 .search-card, 976 .blog-card, 977 .carousel-tagline .schoolname, 978 .carousel-tagline .school-tagline, 979 #searchModal .search-modal.modal-content, 980 .navbar-theme-16 .nav > li.active > a{ 981 border-radius: 16px; 982 } 983 984 .st-2 .fourpillar-item .pillar-icon-top{ 985 border-radius: 16px 986 } 987 988 .st-2 .fourpillar-item.mt-item-themecolor .pillar-icon-top{ 989 background-color: #1E826A; 990 } 991 .st-2 .fourpillar-item.mt-item-tertiary .pillar-icon-top{ 992 background-color: #BC6D6C; 993 } 994 .st-2 .fourpillar-item.mt-item-primary .pillar-icon-top{ 995 background-color: #86B8AB; 996 } 997 .st-2 .fourpillar-item.mt-item-secondary .pillar-icon-top{ 998 background-color: #F99A65; 999 } 1000 1001 .gets-rounded, 1002 .st-9 .main-content.first-row .column, 1003 .st-1 .generic-banners, 1004 .st-10 .icons-wrapper .icon-container .iconplugin-icon, 1005 .slick-arrow{ 1006 border-radius: 16px !important; 1007 } 1008 1009 .news__items-horizontal .news__container .news__header { 1010 border-top-left-radius: 16px; 1011 border-top-right-radius: 16px; 1012 overflow: hidden; 1013 } 1014 1015 .st-4 .nav-stacked.gets-rounded{ 1016 overflow-y: hidden; 1017 border-bottom: none; 1018 } 1019 1020 1021 1022 .st-4 .carousel-tagline .schoolname, 1023 .st-4 .carousel-tagline .school-tagline{ 1024 padding: 16px; 1025 } 1026 1027 1028 [class*="mt-btn"], 1029 .file-plugin, 1030 .btn-share, 1031 .btn-search, .btn-outline { 1032 1033 border-radius: 99999999px !important; 1034 1035 1036 1037 } 1038 1039 1040 .file-plugin{ 1041 padding-left:20px; 1042 } 1043 .file-plugin--icon{ 1044 overflow: hidden; 1045 } 1046 1047 1048 1049 .gets-shadow, 1050 .gets-shadow--hover, 1051 .st-1 .generic-banners, 1052 .st-4 .carousel-tagline .schoolname, 1053 .st-4 .carousel-tagline .school-tagline, 1054 .st-9 .main-content.first-row .column, 1055 .st-10 .icons-wrapper .icon-container .iconplugin-icon, 1056 .base-template .icon-container.icon__background.gets-shadow .icon-choice{ 1057 1058 box-shadow: none !important; 1059 1060 } 1061 1062 .base-template .icon-container.icon__background.gets-shadow, 1063 .base-template .icon-container.nobox.gets-shadow { 1064 box-shadow: none !important; 1065 } 1066 1067 .gets-shadow--hover{ 1068 transition: all .15s cubic-bezier(0.25, 0.8, 0.25, 1); 1069 } 1070 1071 .verticalPostRow.gets-rounded, 1072 .news__items-horizontal .news { 1073 overflow: hidden; 1074 } 1075 1076 .news__items-horizontal .news .news__body{ 1077 padding: 10px; 1078 } 1079 1080 .news__items-horizontal .news .news__footer{ 1081 padding-left: 15px; 1082 } 1083 1084 .gets-shadow--hover:hover, 1085 .st-10 .icons-wrapper .icon-container .iconplugin-icon{ 1086 1087 box-shadow: none !important; 1088 1089 } 1090 1091 1092 1093 1094 h1, 1095 h2, 1096 h3, 1097 h4, 1098 h5, 1099 h6{ 1100 color: var(--theme-heading-color); 1101 1102 font-family: var(--heading-ff); 1103 1104 } 1105 1106 1107</style> 1108 1109
1110<script> 1111 (function() { 1112 var w = 1400; 1113 if (window.innerWidth >= w) { 1114 document.documentElement.classList.add('desktop-nav'); 1115 } 1116 })(); 1117</script>
1117 1118 1119 1120 <link rel="preconnect" href="https://fonts.googleapis.com"> 1121 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 1122 1123 <link href='https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;700&display=swap&version=2' rel='stylesheet' type='text/css'> 1124 <link href='https://fonts.googleapis.com/css2?family=Roboto Slab:wght@400;500;700&display=swap&version=2' rel='stylesheet' type='text/css'> 1125 <link href='https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap&version=2' rel='stylesheet' type='text/css'> 1126 1127 1128 1129 1130 <link rel="Shortcut Icon" class="favicon" href="https://stichtingsaam-live-e2387fcd4b494e93b40a-ddb4c9f.divio-media.net/theming/OBS%20De%20Tuimelaar/favicon.png" type="image/x-icon"> 1131 1132 1133 <style> 1134/* Hide scroll-bar onn x-axis */ 1135 body { 1136 overflow-x: hidden; 1137 } 1138</style> 1139 1140<style> 1141/*Onderdeel van SAAM footer*/ 1142.footer-bg::after { 1143 content: ""; 1144 position: relative; 1145 bottom: 0; 1146 height: 100px; 1147 background-color: #fff; 1148 background: #fff url(https://stichtingsaam-live-e2387fcd4b494e93b40a-ddb4c9f.divio-media.net/filer_public/ba/56/ba56eec6-0961-4598-bfbe-201bc0d1521a/onderdeel-van-saam1.png) center center/auto no-repeat; 1149 width: 100vw; 1150 display: block; 1151} 1152</style> 1153 1154 1155 1156<style> 1157.file-plugin a { 1158 color: var(--file-text-color) !important; 1159} 1160 1161/*X icon*/ 1162.fa-window-close:before { 1163 content: ""; 1164 width: 36px; 1165 height: 36px; 1166 display: block; 1167 position: relative; 1168 -webkit-mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--!Font Awesome Free v7.1.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path d="M357.2 48L427.8 48 273.6 224.2 455 464 313 464 201.7 318.6 74.5 464 3.8 464 168.7 275.5-5.2 48 140.4 48 240.9 180.9 357.2 48zM332.4 421.8l39.1 0-252.4-333.8-42 0 255.3 333.8z"/></svg>'); 1169 -webkit-mask-repeat: no-repeat; 1170 -webkit-mask-position: center center; 1171 mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--!Font Awesome Free v7.1.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path d="M357.2 48L427.8 48 273.6 224.2 455 464 313 464 201.7 318.6 74.5 464 3.8 464 168.7 275.5-5.2 48 140.4 48 240.9 180.9 357.2 48zM332.4 421.8l39.1 0-252.4-333.8-42 0 255.3 333.8z"/></svg>'); 1172 mask-repeat: no-repeat; 1173 mask-position: center center; 1174} 1175 1176.c-primary .fa-window-close:before { 1177 background-color: var(--primary-color) !important; 1178} 1179.c-secondary .fa-window-close:before { 1180 background-color: var(--secondary-color) !important; 1181} 1182.c-tertiary .fa-window-close:before { 1183 background-color: var(--tertiary-color) !important; 1184} 1185.c-theme .fa-window-close:before { 1186 background-color: var(--theme-color) !important; 1187} 1188 1189 1190.top-info .css-login { 1191 display: flex; 1192 gap: 1rem; 1193} 1194.top-info .css-login .btn { 1195 margin: 0.5rem 0; 1196} 1197</style> 1198 1199 1200<style> 1201<style> 1202/*MOBILE MENU FIX*/ 1203nav:not(.nav-hamburger) .sub-menu-parent .nav-holder .icon.expand, 1204nav:not(.nav-hamburger) .sub-menu-parent .sub-item .icon.expand { 1205 height: auto; 1206} 1207 1208@media (min-width: 1400px) { 1209 nav:not(.nav-hamburger) .sub-item-wrapper { 1210 width: max-content; 1211 } 1212 1213 nav:not(.nav-hamburger) .sub-item { 1214 width: 100%; 1215 } 1216} 1217 1218@media (max-width: 1399.98px) { 1219 .site-menu:not(.menu-hamburger) .sub-item-wrapper .sub-item-title { 1220 font-weight: bolder; 1221 } 1222 1223 .site-menu:not(.menu-hamburger) .sub-item-wrapper .sub-link:hover { 1224 font-weight: 700 !important; 1225 text-decoration: none; 1226 } 1227 1228 .site-menu:not(.menu-hamburger) .sub-item-wrapper .sub-link, 1229 .site-menu:not(.menu-hamburger) a[data-show="sub-menu"] { 1230 padding: .2em 1rem; 1231 } 1232 1233 .active__underline .nav-link::after { 1234 border-bottom: 0; 1235 } 1236 1237 .nav-item.active .nav-link { 1238 font-weight: bold !important; 1239 } 1240 1241 1242 1243 .active__button .active .nav-link, 1244 .active__button .nav-item:hover .nav-link { 1245 background-color: transparent !important; 1246 color: var(--primary-color) !important; 1247 font-weight: 700 !important; 1248 1249 } 1250} 1251/*END MOBILE MENU FIX*/ 1252</style> 1253</style> 1254<style> 1255 1256body.page-content { 1257 background: #F99A650A !important; 1258} 1259.side-menu, .sidemenu__menu { 1260 background-color: var(--nav-bg-color) !important; 1261} 1262 1263.side-menu .nav-item.active, .side-menu .nav-item:hover, 1264.sidemenu__menu .nav-item.active, 1265.sidemenu__menu .nav-item:hover { 1266 background-color: rgba(249, 154, 101, 0.1); 1267} 1268 1269.side-menu .nav-item:last-child, 1270.sidemenu__menu .nav-item:last-child { 1271 margin-bottom: var(--size-300);
1272} 1273 1274.side-menu .nav-item .nav-link, 1275.sidemenu__menu .nav-item .nav-link { 1276 color: var(--nav-link-color) !important; 1277} 1278</style> 1279 1280 1281 </head> 1282 <body class="base-template page-home page-id-506 with-mask with-mask__wave btn-pill is-rounded__lg no-shadow page-home"> 1283 1284 1285 1286 1287 1288 1289 1290 1291 1292 1293 1294 1295 1296 1297 1298 1299 1300 1301 1302 <div class="top-info top-bg"> 1303 <div class="container"><style type="text/css"> 1304 :root{ 1305 --theme-color: #1E826A; 1306 --primary-color: #86B8AB; 1307 --secondary-color: #F99A65; 1308 --tertiary-color: #BC6D6C; 1309 --footer-color: #BC6D6C; 1310 --footer-link-color: #FFFFFF; 1311 --nav-link-color: #F99A65; 1312 --nav-bg-color: #FFFFFF; 1313 --topbar-bg-color: #BC6D6C; 1314 --background-color: #1E826A; 1315 --theme-heading-color: var(--theme-color); 1316 --theme-hero-bg: #86B8AB; 1317 --theme-hero-color: #FFFFFF; 1318 --font-base-size: 16px; 1319 --file-background-color: #BC6D6C; 1320 --file-text-color: #FFFFFF; 1321 --link-text-color: #111111; 1322 --quote-ff: Roboto; 1323 1324 --heading-ff: "Roboto Slab", system-ui, sans-serif; 1325 1326 --mobile-mode-width: 1400; 1327 1328 --theme-border-radius: 16px; 1329 1330 1331 1332 --theme-box-shadow: none; 1333 1334 1335 } 1336 1337 /* 1338 Navbar inline css to fix issue related to "more" navbar after plugin add 1339 PORTAL-434 & PORTAL-892 1340 */ 1341 /* Navbar MORE menu fix begins here */ 1342 div.cms .cms-toolbar-item-navigation li { 1343 position: relative; 1344 float: left; 1345 } 1346 div.cms .cms-toolbar-item-navigation li ul { 1347 display: none; 1348 } 1349 .cms-toolbar-item.cms-toolbar-item-buttons { 1350 display: inline-block; 1351 } 1352 /* Navbar MORE menu fix ends here */ 1353 1354 .navbar-nav .nav-link{ 1355 color: #F99A65; 1356 } 1357 1358 a, a:hover { 1359 color: #111111; 1360 } 1361 1362 a.maps-web-btn { 1363 background-color: #1E826A; 1364 } 1365 1366 button[type=submit], 1367 .btn-jobs-modal { 1368 background-color: #1E826A; 1369 } 1370 1371 .quote-text { 1372 font-family: var(--quote-ff); 1373 } 1374 1375 .theme-13 h2, 1376 .theme-14 h2 { 1377 color: #86B8AB; 1378 } 1379 1380 .caret { 1381 color: #1E826A; 1382 } 1383 1384 /* BLOG / JOBS / FAQ / SEARCH */ 1385 1386 1387 1388 .page-link:hover, 1389 .list-group-item:hover, 1390 .list-group-item:focus { 1391 color: #111111; 1392 background-color: #f7f7f7; 1393 } 1394 1395 a.nav-link.newsblog-nav-link, 1396 a.nav-link.faq-nav-link { 1397 background: #86B8AB; 1398 } 1399 1400 .faq-overview-list h3:hover { 1401 color: #1E826A; 1402 text-decoration: none; 1403 } 1404 1405 .search-pagination .page-item.active .page-link { 1406 background-color: #1E826A; 1407 border-color: #1E826A; 1408 } 1409 1410 /* TABBABLE */ 1411 1412 .nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link { 1413 background-color: #1E826A; 1414 border-color: #dee2e6 #1E826A; 1415 } 1416 1417 1418 1419 /* LOGIN */ 1420 .btn-tooltip-login, 1421 .btn-tooltip-register { 1422 background-color: #1E826A; 1423 border-color: #1E826A; 1424 } 1425 1426 .carousel-theme-6, 1427 .carousel-theme-4 .carousel-tagline-wrapper { 1428 background-color: #86B8AB; 1429 } 1430 1431 .carousel-theme-8 .schoolname, 1432 .carousel-theme-9 .schoolname, 1433 .theme-8 .introduction-left { 1434 background-color: #1E826A 1435 } 1436 1437 .theme-8 .introduction-right, 1438 .theme-8 .school-tagline, 1439 .theme-9 .school-tagline { 1440 background-color: #86B8AB; 1441 } 1442 1443 .agenda-plugin .event-icon { 1444 background-color: #1E826A; 1445 } 1446 1447 .agendaeventMonth .bg-primary { 1448 background-color: #86B8AB !important; 1449 } 1450 1451 1452 /** Override nav links */ 1453 .theme-1 .navbar-light .nav li a, 1454 .navbar-light .nav li a, 1455 .navbar .nav > li > a, 1456 .navbar-light .navbar-nav .nav-link, 1457 .navbar-light .navbar-nav .show > .nav-link, 1458 .navbar-light .navbar-nav .active > .nav-link, 1459 .navbar-light .navbar-nav .nav-link.show, 1460 .navbar .nav li.dropdown.active > .dropdown-toggle, 1461 .navbar-light .navbar-nav .nav-link.active, 1462 .navbar .nav li.dropdown.active > .dropdown-toggle, 1463 .navbar .nav li.dropdown.open > .dropdown-toggle, 1464 .dropdown-menu a, 1465 .theme-10 .navbar .nav > li > a, 1466 .theme-10 .navbar-light .navbar-nav .nav-link { 1467 color: #F99A65; 1468 } 1469 1470
1471 .navbar .nav .dropdown.active > .dropdown-toggle, 1472 .navbar .nav .nav-item.active > .nav-link, 1473 .navbar-theme-4.navbar .nav .nav-item.active, 1474 .navbar-theme-4.responsive_menu .nav-item.active > .dropdown-toggle i{ 1475 color: #1E826A; 1476 } 1477 1478 .content-theme-5 .nav, 1479 .content-theme-5 .nav-stacked > li > a, 1480 .content-theme-5 .nav-stacked > li > a:hover, 1481 .content-theme-5 .nav-stacked > li > a:focus, 1482 .content-theme-5 .nav-stacked > .active a, 1483 .theme-7 .nav-stacked li a:hover, 1484 .content-theme-8 .nav, 1485 .content-theme-8 .nav-stacked > li > a, 1486 .content-theme-8 .nav-stacked > li > a:hover, 1487 .content-theme-8 .nav-stacked > li > a:focus, 1488 .content-theme-8 .nav-stacked > .active a { 1489 background-color: #1E826A; 1490 } 1491 1492 .theme-10 .content-theme-10 .nav-stacked > li > a:hover, 1493 .theme-10 .content-theme-10 .nav-stacked > li > a:focus, 1494 .theme-20 .content-theme-20 .nav-stacked > li > a:hover, 1495 .theme-20 .content-theme-20 .nav-stacked > li > a:focus, 1496 .theme-25 .content-theme-20 .nav-stacked > li > a:hover, 1497 .theme-25 .content-theme-20 .nav-stacked > li > a:focus { 1498 border-bottom: 1px solid #1E826A; 1499 color: #1E826A; 1500 } 1501 1502 .theme-10 .content-theme-10 .nav-stacked > .active a, 1503 .theme-20 .content-theme-20 .nav-stacked > .active a, 1504 .theme-25 .content-theme-25 .nav-stacked > .active a { 1505 color: #1E826A; 1506 } 1507 1508 .theme-10 .content-theme-10 .nav-stacked > .active a:hover, 1509 .theme-20 .content-theme-20 .nav-stacked > .active a:hover, 1510 .theme-25 .content-theme-25 .nav-stacked > .active a:hover { 1511 border-bottom: 1px solid #1E826A; 1512 color: #1E826A; 1513 } 1514 1515 .theme-10 .pull-right.css-login .btn, 1516 .theme-20 .pull-right.css-login .btn, 1517 .theme-25 .pull-right.css-login .btn { 1518 background-color: #86B8AB; 1519 border-color: #86B8AB; 1520 } 1521 1522 .theme-10 .pull-right.css-login .btn:hover, 1523 .theme-20 .pull-right.css-login .btn:hover, 1524 .theme-25 .pull-right.css-login .btn:hover { 1525 background-color: #F99A65; 1526 border-color: #F99A65; 1527 } 1528 1529 .theme-6 .navbar .nav > li.active > a, 1530 .navbar-theme-14 .nav .nav-item.active{ 1531 color: #1E826A; 1532 border-bottom: 3px solid #1E826A; 1533 } 1534 1535 .navbar-default .nav .active a:hover { 1536 color: #F99A65; 1537 background-color: #BC6D6C; 1538 text-shadow: none; 1539 } 1540 1541 .navbar .nav .nav-item .nav-link:hover, 1542 .navbar .nav .nav-item .nav-link:focus{ 1543 background-color: #1E826A; 1544 } 1545 1546 @media (min-width: 1200px) { 1547 .theme-8 .responsive_menu .nav .nav-item:hover, 1548 .theme-4 .responsive_menu .nav .nav-item:hover { 1549 background-color: #1E826A; 1550 } 1551 } 1552 1553 .theme-12 .css-carousel-description > .css-carousel-description-background, 1554 .theme-5 .css-carousel-description > .css-carousel-description-background { 1555 background-color: #1E826A; 1556 } 1557 .nav-stacked .active > a { 1558 border-left: 4px solid #1E826A !important; 1559 } 1560 .nav-stacked .active a, .nav-stacked a:hover { 1561 background-color: #fafafa; 1562 color: #555555; 1563 } 1564 .circle { 1565 -webkit-box-shadow: 0 0 10px #1E826A; 1566 -moz-box-shadow: 0 0 10px #1E826A; 1567 box-shadow: 0 0 10px #1E826A; 1568 } 1569 1570 .navbar-theme-3 .nav > .nav-item.active > .nav-link, 1571 .navbar-theme-4 .nav > .nav-item.active, 1572 .navbar-theme-7 .nav > .nav-item.active > .nav-link, 1573 .navbar-theme-8 .nav > .nav-item.active > .nav-link, 1574 .navbar-theme-10 .nav > .nav-item.active > .nav-link { 1575 border-color: #1E826A; 1576 } 1577 1578 .theme-10-login-bar a:hover, 1579 .theme-13-login-bar a:hover { 1580 color: #1E826A; 1581 } 1582 1583 .btn-navbar i { 1584 color: #1E826A; 1585 } 1586 1587 .navbar-theme-3 .dropdown-menu > li > a, 1588 .navbar-theme-4 .dropdown-menu > li > a, 1589 .navbar-theme-5 .dropdown-menu > li > a, 1590 .navbar-theme-6 .dropdown-menu > li > a, 1591 .navbar-theme-7 .dropdown .dropdown-item, 1592 .navbar-theme-8 .dropdown-menu > li > a, 1593 .navbar-theme-9 .dropdown-menu > li > a, 1594 .navbar-theme-10 .dropdown-menu > li > a, 1595 .navbar-theme-11 .dropdown-menu > li > a, 1596 .navbar-theme-13 .dropdown-menu > li > a, 1597 .navbar-theme-20 .dropdown-menu > li > a, 1598 .navbar-theme-25 .dropdown-menu > li > a, 1599 .navbar-st-7 .dropdown-menu > li > a, 1600 .navbar-theme-22 .dropdown-menu > li > a { 1601 color: #1E826A; 1602 } 1603 1604 .navbar-theme-12 .navbar-toggle span.icon-bar { 1605 background-color: #F99A65; 1606 } 1607 1608 .navbar-theme-3 .navbar-toggle span.icon-bar, 1609 .navbar-theme-4 .navbar-toggle span.icon-bar, 1610 .navbar-theme-5 .navbar-toggle span.icon-bar, 1611 .navbar-theme-6 .navbar-toggle span.icon-bar, 1612 .navbar-theme-7 .navbar-toggle span.icon-bar, 1613 .navbar-theme-8 .navbar-toggle span.icon-bar, 1614 .navbar-theme-10 .navbar-toggle span.icon-bar, 1615 .navbar-theme-11 .navbar-toggle span.icon-bar, 1616 .navbar-theme-13 .navbar-toggle span.icon-bar, 1617 .navbar-theme-20 .navbar-toggle span.icon-bar, 1618 .navbar-theme-25 .navbar-toggle span.icon-bar, 1619 .navbar-st-7 .navbar-toggle span.icon-bar, 1620 .navbar-theme-22 .navbar-toggle span.icon-bar { 1621 background-color: #1E826A; 1622 } 1623 1624 .css-cmsplugin_gallery .carousel-indicators .active { 1625 background-color: #1E826A; 1626 } 1627 1628 .item-primarycolor a, 1629 .item-primarycolor a:hover { 1630 color: #1E826A; 1631 } 1632 .item-themecolor a, 1633 .item-themecolor a:hover { 1634 color: #1E826A; 1635 } 1636 1637 .theme-11 .widgets-theme-11 h2, 1638 .theme-13 .widgets-theme-13 h2, 1639 .theme-14 .widgets-theme-13 h2 { 1640 color: #86B8AB; 1641 } 1642 1643 .theme-13 .bottom-1 .generic-banner, 1644 .theme-14 .bottom-1 .generic-banner, 1645 .theme-15 .bottom-1 .generic-banner { 1646 background-color: #BC6D6C; 1647 } 1648 .theme-13 .bottom-2 .generic-banner, 1649 .theme-14 .bottom-2 .generic-banner, 1650 .theme-15 .bottom-2 .generic-banner { 1651 background-color: #1E826A; 1652 } 1653 .theme-13 .bottom-3 .generic-banner, 1654 .theme-14 .bottom-3 .generic-banner, 1655 .theme-15 .bottom-3 .generic-banner { 1656 background-color: #86B8AB; 1657 } 1658 .theme-13 .bottom-4 .generic-banner, 1659 .theme-14 .bottom-4 .generic-banner , 1660 .theme-15 .bottom-4 .generic-banner{ 1661 background-color: #F99A65; 1662 } 1663 1664 .banners-theme4 h2 { 1665 color: #F99A65; 1666 } 1667 1668 .carousel-theme-10 h1:before, 1669 .carousel-theme-10 h2:before, 1670 .carousel-theme-13 h1:before, 1671 .carousel-theme-13 h2:before { 1672 background-color: #86B8AB; 1673 } 1674
1675 .theme-10 .news-plugin h3, 1676 .theme-10 .news-plugin a, 1677 .theme-10 .agenda-plugin h3, 1678 .theme-10 .agenda-plugin a, 1679 .theme-13 .news-plugin h3, 1680 .theme-13 .news-plugin a, 1681 .theme-13 .agenda-plugin h3, 1682 .theme-13 .agenda-plugin a, 1683 .theme-20 .news-plugin h3, 1684 .theme-20 .news-plugin a, 1685 .theme-20 .agenda-plugin h3, 1686 .theme-20 .agenda-plugin a, 1687 .theme-25 .news-plugin h3, 1688 .theme-25 .news-plugin a, 1689 .theme-25 .agenda-plugin h3, 1690 .theme-25 .agenda-plugin a { 1691 color: #1E826A; 1692 } 1693 1694 .theme-11-news-agenda h2, 1695 .theme-13-news-agenda h2 { 1696 color: #1E826A; 1697 } 1698 1699 .theme-11 .pager li > a, .pager li > span, 1700 .theme-13 .pager li > a, .pager li > span { 1701 background-color: #1E826A; 1702 } 1703 .theme-11 .pager li > a:hover, 1704 .theme-13 .pager li > a:hover { 1705 background-color: #F99A65; 1706 } 1707 1708 /* ADD BACKGROUND IMAGE TO THEME */ 1709 body{ 1710 1711 background: #1E826A; 1712 1713 } 1714 1715 body, 1716 html { 1717 1718 font-family: "Poppins", system-ui, sans-serif; 1719 1720 -webkit-font-smoothing: antialiased; 1721 font-size: var(--font-base-size); 1722 } 1723 1724 .mt-icon-primary { 1725 color: #86B8AB; 1726 } 1727 .mt-icon-secondary { 1728 color: #F99A65; 1729 } 1730 .mt-icon-themecolor { 1731 color: #1E826A; 1732 } 1733 /* 1734 .box.primary, .section.primary { 1735 background-color: #86B8AB; 1736 } 1737 .box.secondary, .section.secondary { 1738 background-color: #F99A65; 1739 } 1740 .box.theme, .section.theme { 1741 background-color: #1E826A; 1742 } 1743 .box.tertiary, .section.tertiary { 1744 background-color: #BC6D6C; 1745 } 1746 */ 1747 1748 1749 .mt-icon-tertiary { 1750 color: #BC6D6C; 1751 } 1752 .theme-10 form.djangocms-googlemap-route-planner input[type="submit"], 1753 .theme-20 form.djangocms-googlemap-route-planner input[type="submit"], 1754 .st-7 form.djangocms-googlemap-route-planner input[type="submit"], 1755 .theme-22 form.djangocms-googlemap-route-planner input[type="submit"] { 1756 background-color: #86B8AB; 1757 } 1758 .theme-10 form.djangocms-googlemap-route-planner input[type="submit"]:hover, 1759 .theme-20 form.djangocms-googlemap-route-planner input[type="submit"]:hover, 1760 .st-7 form.djangocms-googlemap-route-planner input[type="submit"]:hover, 1761 .theme-22 form.djangocms-googlemap-route-planner input[type="submit"]:hover { 1762 background-color: #F99A65; 1763 } 1764 1765 .theme-11 .fa-play, 1766 .theme-14 .fa-play { 1767 background-color: #86B8AB; 1768 } 1769 .theme-11 .fa-play:hover, 1770 .theme-14 .fa-play:hover { 1771 background-color: #1E826A; 1772 text-decoration: none; 1773 } 1774 1775 .theme-24 .content-page .youvideo-thumbnail::after { 1776 background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 476.7 384.3'%3E%3Cpath fill='%231E826A' d='M188 371.9c128.6 37.4 255.5-12.8 283.3-112S417.4 49.8 288.8 12.4C160.1-25 33.3 25.1 5.4 124.4 -22.4 223.7 59.3 334.5 188 371.9'/%3E%3C/svg%3E%0A"); 1777 } 1778 1779 /* APP STYLES */ 1780 /* Messages */ 1781 .OverViewContainer .postTitle, 1782 .modal-body .postTitle { 1783 color: #1E826A; 1784 } 1785 1786 /* Event */ 1787 a.listPostTitle { 1788 color: #86B8AB; 1789 } 1790 .agendaeventTitleContainer h4 { 1791 color: #F99A65; 1792 } 1793 1794 .rbc-header, 1795 .rbc-toolbar button { 1796 background-color: #1E826A !important; 1797 } 1798 .rbc-toolbar button:active { 1799 background-color: #86B8AB !important; 1800 } 1801 .rbc-toolbar button.rbc-active, 1802 .rbc-toolbar button:hover { 1803 background-color: #86B8AB !important; 1804 } 1805 .rbc-event {
1806 background-color: #86B8AB !important; 1807 } 1808 1809 /*Photos*/ 1810 .AlbumOverViewContainer .postTitle { 1811 color: #1E826A; 1812 } 1813 1814 /* Theme adjustments */ 1815 .theme-14 .agendaeventTitleContainer h4, 1816 .theme-15 .agendaeventTitleContainer h4 { 1817 color: #F99A65; 1818 } 1819 1820 /* EVENT COLORS & MODAL */ 1821 .post-modal-header { 1822 background-color: #1E826A; 1823 } 1824 1825 .modal-body .eventMonth { 1826 background: #F99A65; 1827 } 1828 1829 .theme-7 .agendaeventMonth, 1830 .theme-9 .agendaeventMonth .bg-primary, 1831 .theme-10 .agendaeventMonth .bg-primary, 1832 .theme-11 .agendaeventMonth .bg-primary, 1833 .theme-13 .agendaeventMonth .bg-primary, 1834 .theme-17 .agendaeventMonth .bg-primary, 1835 .postOverviewheader.bg-primary.mb-3, 1836 .date-container, 1837 .card.postOverviewheader { 1838 background-color: #1E826A !important; 1839 } 1840 1841 .theme-2 .agendaeventMonth .bg-primary, 1842 .theme-3 .agendaeventMonth .bg-primary, 1843 .theme-5 .agendaeventMonth .bg-primary, 1844 .theme-6 .agendaeventMonth .bg-primary, 1845 .theme-8 .agendaeventMonth .bg-primary, 1846 .theme-19 .agendaeventMonth .bg-primary { 1847 background-color: #86B8AB !important; 1848 } 1849 .theme-1 .agendaeventMonth .bg-primary, 1850 .theme-4 .agendaeventMonth .bg-primary, 1851 .theme-14 .agendaeventMonth .bg-primary, 1852 .theme-15 .agendaeventMonth .bg-primary, 1853 .theme-20 .agendaeventMonth .bg-primary { 1854 background-color: #F99A65 !important; 1855 } 1856 1857 .theme-5 h4.card-title.float-left, 1858 .theme-6 h4.card-title.float-left, 1859 .theme-8 h4.card-title.float-left, 1860 a.btn.btn-default.documentBtn.verticalBtn { 1861 color: #86B8AB !important; 1862 } 1863 1864 .theme-4 a.eventPostTitle, 1865 .theme-14 h4.card-title.float-left { 1866 color: #F99A65 !important; 1867 } 1868 1869 .theme-1 a.eventPostTitle:hover, 1870 .theme-2 a.eventPostTitle:hover, 1871 .theme-4 a.eventPostTitle:hover, 1872 .theme-7 a.eventPostTitle:hover, 1873 .theme-11 a.eventPostTitle:hover, 1874 .theme-13 a.eventPostTitle:hover, 1875 .theme-14 a.eventPostTitle:hover, 1876 .theme-15 a.eventPostTitle:hover, 1877 .theme-17 a.eventPostTitle:hover, 1878 .theme-18 a.eventPostTitle:hover, 1879 .theme-19 a.eventPostTitle:hover { 1880 color: #1E826A; 1881 } 1882 1883 .theme-3 a.eventPostTitle:hover, 1884 .theme-5 a.eventPostTitle:hover, 1885 .theme-6 a.eventPostTitle:hover, 1886 .theme-8 a.eventPostTitle:hover, 1887 .theme-9 a.eventPostTitle:hover, 1888 .theme-10 a.eventPostTitle:hover, 1889 .theme-16 a.eventPostTitle:hover, 1890 .theme-20 a.eventPostTitle:hover, 1891 .theme-20 a.listPostTitle:hover { 1892 color: #86B8AB; 1893 } 1894 1895 .eventStartDate .eventMonth, 1896 .theme-7 .modal-body .eventStartDate .eventMonth, 1897 .theme-9 .modal-body .eventStartDate .eventMonth, 1898 .theme-10 .modal-body .eventStartDate .eventMonth, 1899 .theme-11 .modal-body .eventStartDate .eventMonth, 1900 .theme-13 .modal-body .eventStartDate .eventMonth, 1901 .theme-16 .modal-body .eventStartDate .eventMonth, 1902 .theme-17 .modal-body .eventStartDate .eventMonth, 1903 .theme-18 .modal-body .eventStartDate .eventMonth, 1904 .theme-20 .modal-body .eventStartDate .eventMonth { 1905 background-color: #1E826A !important; 1906 } 1907 1908 .theme-1 .modal-body .eventStartDate .eventMonth, 1909 .theme-3 .modal-body .eventStartDate .eventMonth, 1910 .theme-4 .modal-body .eventStartDate .eventMonth, 1911 .theme-5 .modal-body .eventStartDate .eventMonth, 1912 .theme-6 .modal-body .eventStartDate .eventMonth, 1913 .theme-8 .modal-body .eventStartDate .eventMonth { 1914 background-color: #86B8AB !important; 1915 } 1916 .theme-14 .modal-body .eventStartDate .eventMonth, 1917 .theme-15 .modal-body .eventStartDate .eventMonth { 1918 background-color: #F99A65 !important; 1919 } 1920 1921 .modal-body h4.postTitle { 1922 color: #1E826A !important; 1923 } 1924 1925 .modal-header, 1926 .documentListContainer .btn { 1927 background-color: #1E826A; 1928 color: #ffffff; 1929 } 1930 1931 .modal-header > .modal-title{ 1932 color: #ffffff; 1933 } 1934 1935 .rbc-btn-group button, 1936 .rbc-event, 1937 .rbc-header, 1938 .rbc-month-header .rbc-header, 1939 .rbc-time-header-cell-single-day .rbc-header, 1940 .rbc-agenda-view .rbc-agenda-table thead tr { 1941 background-color: #1E826A; 1942 } 1943 1944 .custom-select { 1945 background: #1E826A url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23FFFFFF' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right 0.75rem center; 1946 background-size: 8px 10px; 1947 } 1948 1949 .rbc-toolbar-label { 1950 color: #1E826A; 1951 } 1952 1953 1954 /* HEADER, LINK AND ICON COLOR */ 1955 .nobox.theme_color.colored_text h2, 1956 .nobox.theme_color.colored_text h3, 1957 .nobox.theme_color.colored_text a, 1958 .nobox.theme_color.colored_text .iconplugin-icon, 1959 .outline.theme_color.colored_text h2, 1960 .outline.theme_color.colored_text h3, 1961 .outline.theme_color.colored_text a, 1962 .coloredbox.theme_color.colored_text h2, 1963 .coloredbox.theme_color.colored_text h3, 1964 .coloredbox.theme_color.colored_text a, 1965 .greyoutline.theme_color.colored_text h2, 1966 .greyoutline.theme_color.colored_text h3, 1967 .greyoutline.theme_color.colored_text a, 1968 .greybox.theme_color.colored_text h2, 1969 .greybox.theme_color.colored_text h3, 1970 .greybox.theme_color.colored_text a, 1971 .vacancy-container.theme_color h2, 1972 .vacancy-list-container.theme_color h3, 1973 .contact-banner .nobox.theme_color.colored_text a[href^=tel], 1974 .contact-banner .outline.theme_color.colored_text a[href^=tel], 1975 .contact-banner .coloredbox.theme_color.colored_text a[href^=tel], 1976 .contact-banner .greyoutline.theme_color.colored_text a[href^=tel], 1977 .contact-banner .greybox.theme_color.colored_text a[href^=tel] { 1978 color: #1E826A; 1979 } 1980 1981 .nobox.primary_color.colored_text h2, 1982 .nobox.primary_color.colored_text h3, 1983 .nobox.primary_color.colored_text a, 1984 .nobox.primary_color.colored_text .iconplugin-icon, 1985 .outline.primary_color.colored_text h2, 1986 .outline.primary_color.colored_text h3, 1987 .outline.primary_color.colored_text a, 1988 .coloredbox.primary_color.colored_text h2, 1989 .coloredbox.primary_color.colored_text h3, 1990 .coloredbox.primary_color.colored_text a, 1991 .greyoutline.primary_color.colored_text h2, 1992 .greyoutline.primary_color.colored_text h3, 1993 .greyoutline.primary_color.colored_text a, 1994 .greybox.primary_color.colored_text h2, 1995 .greybox.primary_color.colored_text h3, 1996 .greybox.primary_color.colored_text a, 1997 .vacancy-container.primary_color h2, 1998 .vacancy-list-container.primary_color h3, 1999 .contact-banner .nobox.primary_color.colored_text a[href^=tel], 2000 .contact-banner .outline.primary_color.colored_text a[href^=tel], 2001 .contact-banner .coloredbox.primary_color.colored_text a[href^=tel], 2002 .contact-banner .greyoutline.primary_color.colored_text a[href^=tel], 2003 .contact-banner .greybox.primary_color.colored_text a[href^=tel] { 2004 color: #86B8AB;; 2005 } 2006 2007 .nobox.secondary_color.colored_text h2, 2008 .nobox.secondary_color.colored_text h3, 2009 .nobox.secondary_color.colored_text a, 2010 .nobox.secondary_color.colored_text .iconplugin-icon, 2011 .outline.secondary_color.colored_text h2, 2012 .outline.secondary_color.colored_text h3, 2013 .outline.secondary_color.colored_text a, 2014 .coloredbox.secondary_color.colored_text h2, 2015 .coloredbox.secondary_color.colored_text h3, 2016 .coloredbox.secondary_color.colored_text a, 2017 .greyoutline.secondary_color.colored_text h2, 2018 .greyoutline.secondary_color.colored_text h3, 2019 .greyoutline.secondary_color.colored_text a, 2020 .greybox.secondary_color.colored_text h2, 2021 .greybox.secondary_color.colored_text h3, 2022 .greybox.secondary_color.colored_text a, 2023 .vacancy-container.secondary_color h2, 2024 .vacancy-list-container.secondary_color h3, 2025 .contact-banner .nobox.secondary_color.colored_text a[href^=tel], 2026 .contact-banner .outline.secondary_color.colored_text a[href^=tel], 2027 .contact-banner .coloredbox.secondary_color.colored_text a[href^=tel], 2028 .contact-banner .greyoutline.tsecondarycolor.colored_text a[href^=tel], 2029 .contact-banner .greybox.secondary_color.colored_text a[href^=tel] { 2030 color: #F99A65 ; 2031 } 2032 2033 .nobox.tertiary_color.colored_text h2, 2034 .nobox.tertiary_color.colored_text h3, 2035 .nobox.tertiary_color.colored_text a, 2036 .nobox.tertiary_color.colored_text .iconplugin-icon, 2037 .outline.tertiary_color.colored_text h2, 2038 .outline.tertiary_color.colored_text h3, 2039 .outline.tertiary_color.colored_text a, 2040 .coloredbox.tertiary_color.colored_text h2, 2041 .coloredbox.tertiary_color.colored_text h3, 2042 .coloredbox.tertiary_color.colored_text a, 2043 .greyoutline.tertiary_color.colored_text h2, 2044 .greyoutline.tertiary_color.colored_text h3, 2045 .greyoutline.tertiary_color.colored_text a, 2046 .greybox.tertiary_color.colored_text h2, 2047 .greybox.tertiary_color.colored_text h3, 2048 .greybox.tertiary_color.colored_text a, 2049 .vacancy-container.tertiary_color h2, 2050 .vacancy-list-container.tertiary_color h3, 2051 .contact-banner .nobox.tertiary_color.colored_text a[href^=tel], 2052 .contact-banner .outline.tertiary_color.colored_text a[href^=tel], 2053 .contact-banner .coloredbox.tertiary_color.colored_text a[href^=tel], 2054 .contact-banner .greyoutline.tertiary_color.colored_text a[href^=tel], 2055 .contact-banner .greybox.tertiary_color.colored_text a[href^=tel] { 2056 color: #BC6D6C ; 2057 } 2058 2059 2060 /* VACANCY COLORS */ 2061 .vacancy-container.nobox.theme_color .btn-group .btn-read, 2062 .vacancy-container.outline.theme_color .btn-group .btn-read, 2063 .vacancy-container.greyoutline.theme_color .btn-group .btn-read, 2064 .vacancy-container.greybox.theme_color .btn-group .btn-read,
2065 .vacancy-container.theme_color .modal-header, 2066 .vacancy-container.theme_color .btn-close, 2067 .vacancy-list-container.theme_color .btn-group .btn-read, 2068 .vacancy-list-container.theme_color .modal-header, 2069 .vacancy-list-container.theme_color .btn-close { 2070 background-color: #1E826A; 2071 border-color: #1E826A; 2072 } 2073 2074 .vacancy-container.primary_color .btn-group .btn-read, 2075 .vacancy-container.primary_color .modal-header, 2076 .vacancy-container.primary_color .btn-close, 2077 .vacancy-list-container.primary_color .btn-group .btn-read, 2078 .vacancy-list-container.primary_color .modal-header, 2079 .vacancy-list-container.primary_color .btn-close { 2080 background-color: #86B8AB; 2081 border-color: #86B8AB; 2082 } 2083 2084 .vacancy-container.secondary_color .btn-group .btn-read, 2085 .vacancy-container.secondary_color .modal-header, 2086 .vacancy-container.secondary_color .btn-close, 2087 .vacancy-list-container.secondary_color .btn-group .btn-read, 2088 .vacancy-list-container.secondary_color .modal-header, 2089 .vacancy-list-container.secondary_color .btn-close { 2090 background-color: #F99A65; 2091 border-color: #F99A65; 2092 } 2093 2094 .vacancy-container.tertiary_color .btn-group .btn-read, 2095 .vacancy-container.tertiary_color .modal-header, 2096 .vacancy-container.tertiary_color .btn-close, 2097 .vacancy-list-container.tertiary_color .btn-group .btn-read, 2098 .vacancy-list-container.tertiary_color .modal-header, 2099 .vacancy-list-container.tertiary_color .btn-close { 2100 background-color: #BC6D6C; 2101 border-color: #BC6D6C; 2102 } 2103 2104 .vacancy-container.coloredbox.theme_color .btn-group .btn-read, 2105 .list-vacancy-container a.btn-vacancy.theme_color { 2106 color: #1E826A; 2107 } 2108 2109 .vacancy-container.coloredbox.primary_color .btn-group .btn-read, 2110 .list-vacancy-container a.btn-vacancy.primary_color { 2111 color: #86B8AB; 2112 } 2113 2114 .vacancy-container.coloredbox.secondary_color .btn-group .btn-read, 2115 .list-vacancy-container a.btn-vacancy.secondary_color { 2116 color: #F99A65; 2117 } 2118 2119 .vacancy-container.coloredbox.tertiary_color .btn-group .btn-read, 2120 .list-vacancy-container a.btn-vacancy.tertiary_color { 2121 color: #BC6D6C; 2122 } 2123 2124 .vacancy-list-container.theme_color .fa-bullhorn { 2125 border: 1px solid #1E826A; 2126 } 2127 2128 .vacancy-list-container.primary_color .fa-bullhorn { 2129 border: 1px solid #86B8AB; 2130 } 2131 2132 .vacancy-list-container.secondary_color .fa-bullhorn { 2133 border: 1px solid #F99A65; 2134 } 2135 2136 .vacancy-list-container.tertiary_color .fa-bullhorn { 2137 border: 1px solid #BC6D6C; 2138 } 2139 2140 2141 /* GENERIC BANNER & SCHOOL STATISTICS COLORS */ 2142 .st-10 .icons-wrapper .icon-container .iconplugin-icon, 2143 .flex-t10 .icon-container .iconplugin-icon{ 2144 background-color: #ffffff !important; 2145 border: none !important; 2146 color: #1E826A !important; 2147 } 2148 2149 .theme-10 .navbar .open-menu, 2150 .theme-20 .navbar .open-menu, 2151 .theme-21 .navbar .open-menu, 2152 .theme-24 .navbar .open-menu, 2153 .theme-25 .navbar .open-menu, 2154 .st-9 .navbar .open-menu, 2155 .st-6 .navbar .open-menu, 2156 .st-7 .navbar .open-menu { 2157 color: #F99A65; 2158 } 2159 2160 2161 .st-2 .fourpillar-item, 2162 .st-5 .fourpillar-item, 2163 .st-6 .fourpillar-item, 2164 .contact-banner, 2165 .job_card, 2166 .search-card, 2167 .blog-card, 2168 .carousel-tagline .schoolname, 2169 .carousel-tagline .school-tagline, 2170 #searchModal .search-modal.modal-content, 2171 .navbar-theme-16 .nav > li.active > a{ 2172 border-radius: 16px; 2173 } 2174 2175 .st-2 .fourpillar-item .pillar-icon-top{ 2176 border-radius: 16px 2177 } 2178 2179 .st-2 .fourpillar-item.mt-item-themecolor .pillar-icon-top{ 2180 background-color: #1E826A; 2181 } 2182 .st-2 .fourpillar-item.mt-item-tertiary .pillar-icon-top{ 2183 background-color: #BC6D6C; 2184 } 2185 .st-2 .fourpillar-item.mt-item-primary .pillar-icon-top{ 2186 background-color: #86B8AB; 2187 } 2188 .st-2 .fourpillar-item.mt-item-secondary .pillar-icon-top{ 2189 background-color: #F99A65; 2190 } 2191 2192 .gets-rounded, 2193 .st-9 .main-content.first-row .column, 2194 .st-1 .generic-banners, 2195 .st-10 .icons-wrapper .icon-container .iconplugin-icon, 2196 .slick-arrow{ 2197 border-radius: 16px !important; 2198 } 2199 2200 .news__items-horizontal .news__container .news__header { 2201 border-top-left-radius: 16px; 2202 border-top-right-radius: 16px; 2203 overflow: hidden; 2204 } 2205 2206 .st-4 .nav-stacked.gets-rounded{ 2207 overflow-y: hidden; 2208 border-bottom: none; 2209 } 2210 2211 2212 2213 .st-4 .carousel-tagline .schoolname, 2214 .st-4 .carousel-tagline .school-tagline{ 2215 padding: 16px; 2216 } 2217 2218 2219 [class*="mt-btn"], 2220 .file-plugin, 2221 .btn-share, 2222 .btn-search, .btn-outline { 2223 2224 border-radius: 99999999px !important; 2225 2226 2227 2228 } 2229 2230 2231 .file-plugin{ 2232 padding-left:20px; 2233 } 2234 .file-plugin--icon{ 2235 overflow: hidden; 2236 } 2237 2238 2239 2240 .gets-shadow, 2241 .gets-shadow--hover, 2242 .st-1 .generic-banners, 2243 .st-4 .carousel-tagline .schoolname, 2244 .st-4 .carousel-tagline .school-tagline, 2245 .st-9 .main-content.first-row .column, 2246 .st-10 .icons-wrapper .icon-container .iconplugin-icon, 2247 .base-template .icon-container.icon__background.gets-shadow .icon-choice{ 2248 2249 box-shadow: none !important; 2250 2251 } 2252 2253 .base-template .icon-container.icon__background.gets-shadow, 2254 .base-template .icon-container.nobox.gets-shadow { 2255 box-shadow: none !important; 2256 } 2257 2258 .gets-shadow--hover{ 2259 transition: all .15s cubic-bezier(0.25, 0.8, 0.25, 1); 2260 } 2261 2262 .verticalPostRow.gets-rounded, 2263 .news__items-horizontal .news { 2264 overflow: hidden; 2265 } 2266 2267 .news__items-horizontal .news .news__body{ 2268 padding: 10px; 2269 } 2270 2271 .news__items-horizontal .news .news__footer{ 2272 padding-left: 15px; 2273 } 2274 2275 .gets-shadow--hover:hover, 2276 .st-10 .icons-wrapper .icon-container .iconplugin-icon{ 2277 2278 box-shadow: none !important; 2279 2280 } 2281 2282 2283 2284 2285 h1, 2286 h2, 2287 h3, 2288 h4, 2289 h5, 2290 h6{ 2291 color: var(--theme-heading-color); 2292 2293 font-family: var(--heading-ff); 2294 2295 } 2296 2297 2298</style>
2298<script> 2299 (function() { 2300 var w = 1400; 2301 if (window.innerWidth >= w) { 2302 document.documentElement.classList.add('desktop-nav'); 2303 } 2304 })(); 2305</script>
2305<link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin><link href='https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;700&display=swap&version=2' rel='stylesheet' type='text/css'><link href='https://fonts.googleapis.com/css2?family=Roboto Slab:wght@400;500;700&display=swap&version=2' rel='stylesheet' type='text/css'><link href='https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap&version=2' rel='stylesheet' type='text/css'><link rel="Shortcut Icon" class="favicon" href="https://stichtingsaam-live-e2387fcd4b494e93b40a-ddb4c9f.divio-media.net/theming/OBS%20De%20Tuimelaar/favicon.png" type="image/x-icon"><div class="multicolumn2 clearfix"><div class="column" style="width: 66%; float: left;"><div class="contact-banner banner--inline secondary_color white_text show_icon"><ul class="contact--items"><li class="contact-item contact-item__address"><i class="fa fa-map-pin"></i> 2306 Vlasven 94, 5464 PN Veghel 2307 </li><li class="contact-item contact-item__phone"><i class="fa fa-phone-alt"></i><a class="white_text" href="tel:0413-319 230">0413-319 230</a></li><li class="contact-item contact-item__mail"><i class="fa fa-envelope-o"></i><a href="mailto:[email protected]" target="_blank" 2308 class="white_text d-block d-lg-none">E-mailadres</a><a href="mailto:[email protected]" target="_blank" 2309 class="white_text d-none d-lg-block">[email protected]</a></li></ul></div></div><div class="column" style="width: 33%; float: left;"><div class="pull-right css-login login-wrapper"><a href="https://app.socialschools.eu/" class="btn btn-success css-tooltip btn-tooltip-login" target="_socialschools" data-toggle="tooltip" data-placement="bottom" data-original-title='Log hier in bij de Social School community.'>Inloggen Social schools <i class="fa fa-sign-in" aria-hidden="true"></i></a></div></div></div></div> 2310 </div> 2311 2312 <header> 2313 2314 2315 2316 2317<nav class="navbar navbar-expand-xxl active__bold nav-bg nav-default nav-shadow" data-toggle="affix" > 2318 <div class="container"> 2319 <div class="nav-header"> 2320 <a class="school-logo-wrapper " href="/"><img class="school-logo" src="https://stichtingsaam-live-e2387fcd4b494e93b40a-ddb4c9f.divio-media.net/filer_public/13/cc/13cc2043-0c2b-4d5b-9bb3-eb840b70d459/logo-detuimelaar.jpg" style="height:60px" /></a> 2321 <button class="menu-toggle d-flex ml-auto gets-rounded menu-toggle--open"> 2322 <span class="toggle-icon"></span> 2323 </button> 2324 </div> 2325 <div class="site-menu" data-collapse="1400" data-type="normal"> 2326 <button class="menu-toggle d-flex menu-toggle__close"> 2327 <span class="toggle-icon"></span> 2328 </button> 2329 <ul class="navbar-nav mx-auto"> 2330 2331 2332 2333 2334 2335 2336 2337 <li class="nav-item active"> 2338 <a class="nav-link" 2339 href="/" 2340 > 2341 Home 2342 </a> 2343 </li> 2344 2345 2346 2347 2348 <li class="nav-item sub-menu-parent"> 2349 <div class="nav-holder d-flex align-items-baseline"> 2350 <a class="nav-link flex-grow-1" 2351 data-show="sub-menu" 2352 href="/de-tuimelaar/" 2353 > 2354 Informatie <i class="fas fa-2xs fa-chevron-down"></i> 2355 </a> 2356 2357 <span id="expand-icon" data-show="sub-menu" class="icon expand"></span> 2358 </div> 2359 <div class="sub-item-wrapper"> 2360 <!-- Changing xl to xxl because XXL is the new standard break point of boostrap, 2361 in the past the breakpoints were changed, 2362 but never updated so it broke in some places --> 2363 <button class="nav-back-btn mobile-nav-only" data-hide="sub-menu"> <i class="fas fa-chevron-left"></i> Terug</button> 2364 <p class="sub-item-title h1 mobile-nav-only">Informatie</p> 2365 <ul class="sub-items list-unstyled"> 2366 2367 <li class="sub-item first-layer"> 2368 <a class="sub-link first-layer" 2369 href="/de-tuimelaar/onze-school/" 2370 2371 > 2372 Onze School 2373 </a> 2374 <span id="expand-icon-level-2" data-show="sub-menu" class="icon expand"></span> 2375 2376 </li> 2377 2378 <li class="sub-item first-layer"> 2379 <a class="sub-link first-layer" 2380 href="/de-tuimelaar/Schooltijden/" 2381 2382 > 2383 Schooltijden 2384 </a>
2385 <span id="expand-icon-level-2" data-show="sub-menu" class="icon expand"></span> 2386 2387 </li> 2388 2389 <li class="sub-item first-layer"> 2390 <a class="sub-link first-layer" 2391 href="/de-tuimelaar/team/" 2392 2393 > 2394 Team 2395 </a> 2396 <span id="expand-icon-level-2" data-show="sub-menu" class="icon expand"></span> 2397 2398 </li> 2399 2400 <li class="sub-item first-layer"> 2401 <a class="sub-link first-layer" 2402 href="/de-tuimelaar/kinderraad/" 2403 2404 > 2405 Kinderraad 2406 </a> 2407 <span id="expand-icon-level-2" data-show="sub-menu" class="icon expand"></span> 2408 2409 </li> 2410 2411 <li class="sub-item first-layer"> 2412 <a class="sub-link first-layer" 2413 href="/de-tuimelaar/medezeggenschapsraad/" 2414 2415 > 2416 Medezeggenschapsraad 2417 </a> 2418 <span id="expand-icon-level-2" data-show="sub-menu" class="icon expand"></span> 2419 2420 </li> 2421 2422 <li class="sub-item first-layer"> 2423 <a class="sub-link first-layer" 2424 href="/de-tuimelaar/ouderraad/" 2425 2426 > 2427 Activiteitencommissie 2428 </a> 2429 <span id="expand-icon-level-2" data-show="sub-menu" class="icon expand"></span> 2430 2431 </li> 2432 2433 <li class="sub-item first-layer"> 2434 <a class="sub-link first-layer" 2435 href="/de-tuimelaar/saamvatting/" 2436 2437 > 2438 SAAM&vatting 2439 </a> 2440 <span id="expand-icon-level-2" data-show="sub-menu" class="icon expand"></span> 2441 2442 </li> 2443 2444 <li class="sub-item first-layer"> 2445 <a class="sub-link first-layer" 2446 href="/de-tuimelaar/partners/" 2447 2448 > 2449 Partners 2450 </a> 2451 <span id="expand-icon-level-2" data-show="sub-menu" class="icon expand"></span> 2452 2453 </li> 2454 2455 </ul> 2456 </div> 2457 </li> 2458 2459 2460 2461 2462 2463 <li class="nav-item "> 2464 <a class="nav-link" 2465 href="/downloads/" 2466 > 2467 Downloads 2468 </a> 2469 </li> 2470 2471 2472 2473 2474 <li class="nav-item sub-menu-parent"> 2475 <div class="nav-holder d-flex align-items-baseline"> 2476 <a class="nav-link flex-grow-1" 2477 data-show="sub-menu" 2478 href="/saam/" 2479 > 2480 SAAM* <i class="fas fa-2xs fa-chevron-down"></i> 2481 </a> 2482 2483 <span id="expand-icon" data-show="sub-menu" class="icon expand"></span> 2484 </div> 2485 <div class="sub-item-wrapper"> 2486 <!-- Changing xl to xxl because XXL is the new standard break point of boostrap, 2487 in the past the breakpoints were changed, 2488 but never updated so it broke in some places --> 2489 <button class="nav-back-btn mobile-nav-only" data-hide="sub-menu"> <i class="fas fa-chevron-left"></i> Terug</button> 2490 <p class="sub-item-title h1 mobile-nav-only">SAAM*</p> 2491 <ul class="sub-items list-unstyled"> 2492 2493 <li class="sub-item first-layer"> 2494 <a class="sub-link first-layer" 2495 href="/saam/saam-werken/" 2496 2497 target="_blank"> 2498 SAAM* werken 2499 </a> 2500 <span id="expand-icon-level-2" data-show="sub-menu" class="icon expand"></span> 2501 2502 </li> 2503 2504 <li class="sub-item first-layer"> 2505 <a class="sub-link first-layer" 2506 href="/saam/privacystatement/" 2507 2508 target="_blank"> 2509 Privacystatement 2510 </a> 2511 <span id="expand-icon-level-2" data-show="sub-menu" class="icon expand"></span> 2512 2513 </li> 2514 2515 <li class="sub-item first-layer"> 2516 <a class="sub-link first-layer" 2517 href="/saam/watalshetmisgaat/" 2518 2519 target="_blank"> 2520 Wat als het mis gaat... 2521 </a>
2522 <span id="expand-icon-level-2" data-show="sub-menu" class="icon expand"></span> 2523 2524 </li> 2525 2526 </ul> 2527 </div> 2528 </li> 2529 2530 2531 2532 2533 2534 <li class="nav-item "> 2535 <a class="nav-link" 2536 href="/contact/" 2537 > 2538 Contact en kennismaken 2539 </a> 2540 </li> 2541 2542 2543 2544 2545 2546 2547 2548 </ul> 2549 <!-- SEARCH FUNCTION --> 2550 2551 <div class="search-function d-inline-flex"> 2552 <div class="form-check search-button"> 2553 <button class="search-toggle" data-toggle="modal" data-target="#searchModal"><i class="fa fa-search"></i></button> 2554 </div> 2555 </div> 2556 2557<!-- END SEARCH FUNCTION --> 2558 </div> 2559 </div> 2560</nav> 2561 2562 2563 2564 2565 2566 2567 2568<div class="container-fluid"> 2569 <div class="row"> 2570 <div class="slider-wrapper slider-wrapper__small slider_content_fifty_fifty_bordered"> 2571 <div class="home-slider" data-auto="true" data-fade="false"> 2572 2573 <div class="carousel-slide"> 2574 2575 2576 2577 2578 2579 2580 2581 2582<img class="img-fluid picture-plugin plugin-block " src="https://stichtingsaam-live-e2387fcd4b494e93b40a-ddb4c9f.divio-media.net/filer_public_thumbnails/filer_public/03/a0/03a0c40f-5ec8-4bb8-b19c-e1d0222ed86e/40ccc4f29959492d259ebcda4b3c1bbf.jpg__2560x2560_q100_subsampling-2.jpg" 2583 2584 2585 2586 2587 style="object-position: 50% 50%" 2588> 2589 2590 2591 2592 2593 2594 2595 2596 2597 2598 2599 </div> 2600 2601 <div class="carousel-slide"> 2602 2603 2604 2605 2606 2607 2608 2609 2610<img class="img-fluid picture-plugin plugin-block " src="https://stichtingsaam-live-e2387fcd4b494e93b40a-ddb4c9f.divio-media.net/filer_public_thumbnails/filer_public/c2/65/c265d799-b0c5-4d8f-91ad-75b00c14192d/4bc179c0afafd1e1eab0dfa1dcd71cb7.jpg__2560x2560_q100_subsampling-2.jpg" 2611 2612 2613 2614 2615 style="object-position: 50% 50%" 2616> 2617 2618 2619 2620 2621 2622 2623 2624 2625 2626 2627 </div> 2628 2629 <div class="carousel-slide"> 2630 2631 2632 2633 2634 2635 2636 2637 2638<img class="img-fluid picture-plugin plugin-block " src="https://stichtingsaam-live-e2387fcd4b494e93b40a-ddb4c9f.divio-media.net/filer_public_thumbnails/filer_public/33/ab/33ab5a82-f5ff-4f07-88d3-f289e48d277d/6d18359dfd3045bf232f5c668a80d971.jpg__2560x2560_q100_subsampling-2.jpg" 2639 2640 2641 2642 2643 style="object-position: 50% 50%" 2644> 2645 2646 2647 2648 2649 2650 2651 2652 2653 2654 2655 </div> 2656 2657 <div class="carousel-slide"> 2658 2659 2660 2661 2662 2663 2664 2665 2666<img class="img-fluid picture-plugin plugin-block " src="https://stichtingsaam-live-e2387fcd4b494e93b40a-ddb4c9f.divio-media.net/filer_public_thumbnails/filer_public/3b/e0/3be08639-b329-4081-b2e9-94e874906d6e/d3054c55a79a55d12e45ba351f53d3a1.jpg__2560x2560_q100_subsampling-2.jpg" 2667 2668 2669 2670 2671 style="object-position: 50% 50%" 2672> 2673 2674 2675 2676 2677 2678 2679 2680 2681 2682 2683 </div> 2684 2685 <div class="carousel-slide"> 2686 2687 2688 2689 2690 2691 2692 2693 2694<img class="img-fluid picture-plugin plugin-block " src="https://stichtingsaam-live-e2387fcd4b494e93b40a-ddb4c9f.divio-media.net/filer_public_thumbnails/filer_public/b2/09/b209942e-db8b-4892-85a1-a453ea02a2e4/6c96d5dadcad1b0718e2211551dcda98.jpg__2560x2560_q100_subsampling-2.jpg" 2695 2696 2697 2698 2699 style="object-position: 50% 50%" 2700> 2701 2702 2703 2704 2705 2706 2707 2708 2709 2710 2711 </div> 2712 2713 <div class="carousel-slide"> 2714 2715 2716 2717 2718 2719 2720 2721 2722<img class="img-fluid picture-plugin plugin-block " src="https://stichtingsaam-live-e2387fcd4b494e93b40a-ddb4c9f.divio-media.net/filer_public_thumbnails/filer_public/3b/ab/3bab9568-771f-4f08-bfdf-0117e4eb6473/0a41fb1dec42d69f167128368b76aa04.jpg__2560x2560_q100_subsampling-2.jpg" 2723 2724 2725 2726 2727 style="object-position: 50% 50%" 2728> 2729 2730 2731 2732 2733 2734 2735 2736 2737 2738 2739 </div> 2740 2741 <div class="carousel-slide"> 2742 2743 2744 2745 2746 2747 2748 2749 2750<img class="img-fluid picture-plugin plugin-block " src="https://stichtingsaam-live-e2387fcd4b494e93b40a-ddb4c9f.divio-media.net/filer_public_thumbnails/filer_public/b8/f7/b8f70c7a-75d2-4521-bc2c-524de550d7e0/6867caaedf9fc89560938f6b50b68e9f.jpg__2560x2560_q100_subsampling-2.jpg" 2751 2752 2753 2754 2755 style="object-position: 50% 50%" 2756> 2757 2758 2759 2760 2761 2762 2763 2764 2765 2766 2767 </div> 2768 2769 <div class="carousel-slide"> 2770 2771 2772 2773 2774 2775 2776 2777 2778<img class="img-fluid picture-plugin plugin-block " src="https://stichtingsaam-live-e2387fcd4b494e93b40a-ddb4c9f.divio-media.net/filer_public_thumbnails/filer_public/1b/e9/1be9c8ee-fc95-49e6-ab78-23cf65e3ef6a/9740e8eecc2c9d73b40db82b1a8a76ce.jpeg__2560x2560_q100_subsampling-2.jpg" 2779 2780 2781 2782 2783 style="object-position: 50% 50%" 2784> 2785 2786 2787 2788 2789 2790 2791 2792 2793 2794 2795 </div> 2796 2797 </div> 2798 2799 2800 2801 2802 2803 2804 2805 2806 2807 2808 2809 2810 2811 2812 2813 2814 2815 2816 2817 2818 <div class="school_text-wrapper aligned__left"> 2819 <div class="container school_text-container"> 2820 <div class="school-text"> 2821 2822 <h1 class="school-name">OBS de Tuimelaar</h1> 2823 2824 2825 <h2 class="school-slogan">Samen sterk, vanuit jezelf voor elkaar!</h2> 2826 2827 2828 <div class="text-footer"> 2829 2830 2831 2832 2833 2834 2835 2836 2837 2838 2839 2840 2841 2842 2843 2844 2845 2846 2847 2848 2849 </div> 2850 </div> 2851 </div> 2852 </div> 2853 2854 </div> 2855 </div> 2856</div> 2857 2858 2859 2860 2861 2862 </header> 2863 2864 2865 <main> 2866 <div class="container"> 2867 <div class="row"> 2868 <div class="col-12"> 2869 2870 2871 2872 2873 <div 2874 2875 class="section c-white section__colored-text section-fullwidth " 2876 style="background-color: rgba(30, 130, 106, 1.0);" 2877 > 2878 2879<div class="container section-content"> 2880 2881 <h1>Onze naam vertelt ons verhaal</h1> 2882 2883<p><br> 2884Op OBS De Tuimelaar geloven we dat leren begint met een sterke pedagogische basis.<br>
2885Of je nu kind, ouder of collega bent: we zien elkaar, werken samen en ontwikkelen ons samen.<br> 2886De tuimelaar, een dolfijn, is daarom een mooi symbool voor onze school.<br> 2887Het is een sociaal en intelligent dier dat leeft in een groep. In de groep is elke tuimelaar zichzelf, maar nooit alleen.</p> 2888 2889<p>In het werken met - en het kijken naar kinderen vinden wij deze vijf heel belangrijk:</p> 2890 2891</div> 2892 2893</div> 2894 2895 2896 2897 2898 2899 2900 <div 2901 2902 class="section c-white section__colored-text section-fullwidth " 2903 style="background-color: rgba(134, 184, 171, 0.0);" 2904 > 2905 2906<div class="container section-content"> 2907 2908 2909 2910 2911 2912 <div 2913 2914 class="section c-white section__colored-text section-fullwidth " 2915 style="background-color: rgba(188, 109, 108, 0.0);" 2916 > 2917 2918<div class="container section-content"> 2919 2920 2921 2922<div class="iconplugin-container iconplugin-container__row" data-items="5"> 2923 2924 2925 2926 2927 2928 2929 2930 <div class="icon-wrapper plugin-wrapper"> 2931 2932 2933<div 2934 class="icon-container gets-rounded gets-shadow icon-container__md icon--left icon__background bg-transparent icon__theme "> 2935 <div 2936 class="icon-choice c-theme"> 2937 2938 2939 2940 2941 <i class="iconplugin-icon gets-rounded fa fas fa-arrow-right fa-3x" aria-hidden="true"></i> 2942 2943 2944 2945 </div> 2946 <div class="icon-content"> 2947 <div class="icon-title"> 2948 <h3 class="icon-title-text white_text">Vertrouwen</h3> 2949 </div> 2950 2951 2952 </div> 2953</div> 2954 2955 </div> 2956 2957 2958 2959 2960 2961 2962 2963 2964 2965 2966 <div class="icon-wrapper plugin-wrapper"> 2967 2968 2969<div 2970 class="icon-container gets-rounded gets-shadow icon-container__md icon--left icon__background bg-transparent icon__theme "> 2971 <div 2972 class="icon-choice c-theme"> 2973 2974 2975 2976 2977 <i class="iconplugin-icon gets-rounded fa fas fa-link fa-3x" aria-hidden="true"></i> 2978 2979 2980 2981 </div> 2982 <div class="icon-content"> 2983 <div class="icon-title"> 2984 <h3 class="icon-title-text white_text">Verbinding</h3> 2985 </div> 2986 2987 2988 </div> 2989</div> 2990 2991 </div> 2992 2993 2994 2995 2996 2997 2998 2999 3000 3001 3002 <div class="icon-wrapper plugin-wrapper"> 3003 3004 3005<div 3006 class="icon-container gets-rounded gets-shadow icon-container__md icon--left icon__background bg-transparent icon__theme "> 3007 <div 3008 class="icon-choice c-theme"> 3009 3010 3011 3012 3013 <i class="iconplugin-icon gets-rounded fa fas fa-user-friends fa-3x" aria-hidden="true"></i> 3014 3015 3016 3017 </div> 3018 <div class="icon-content"> 3019 <div class="icon-title"> 3020 <h3 class="icon-title-text white_text">Gedeelde verwachtingen</h3> 3021 </div> 3022 3023 3024 </div> 3025</div> 3026 3027 </div> 3028 3029 3030 3031 3032 3033 3034 3035 3036 3037 3038 <div class="icon-wrapper plugin-wrapper"> 3039 3040 3041<div 3042 class="icon-container gets-rounded gets-shadow icon-container__md icon--left icon__background bg-transparent icon__theme "> 3043 <div 3044 class="icon-choice c-theme"> 3045 3046 3047 3048 3049 <i class="iconplugin-icon gets-rounded fa fas fa-eye fa-3x" aria-hidden="true"></i> 3050 3051 3052 3053 </div> 3054 <div class="icon-content"> 3055 <div class="icon-title"> 3056 <h3 class="icon-title-text white_text">Eigenaarschap</h3> 3057 </div> 3058 3059 3060 </div> 3061</div> 3062 3063 </div> 3064 3065 3066 3067 3068 3069 3070 3071 3072 3073 3074 <div class="icon-wrapper plugin-wrapper"> 3075 3076 3077<div 3078 class="icon-container gets-rounded gets-shadow icon-container__md icon--left icon__background bg-transparent icon__theme "> 3079 <div 3080 class="icon-choice c-theme"> 3081 3082 3083 3084 3085 <i class="iconplugin-icon gets-rounded fa far fa-heart fa-3x" aria-hidden="true"></i> 3086 3087 3088 3089 </div> 3090 <div class="icon-content"> 3091 <div class="icon-title"> 3092 <h3 class="icon-title-text white_text">Betrokkenheid</h3> 3093 </div> 3094 3095 3096 </div> 3097</div> 3098 3099 </div> 3100 3101 3102 3103 3104</div> 3105 3106 3107</div> 3108 3109</div> 3110 3111 3112 3113 3114 <p>Want kinderen groeien wanneer zij zich veilig en vertrouwd voelen,<br> 3115wanneer zij zich verbonden voelen met anderen en wanneer duidelijk is wat we van elkaar verwachten.<br> 3116Op onze school leren kinderen ook verantwoordelijkheid te nemen voor hun eigen gedrag en hun ontwikkeling.<br> 3117Tegelijk bouwen we samen, met betrokkenheid, aan een groep en een school waarin iedereen erbij hoort.</p> 3118 3119<p>Zo leren kinderen op De Tuimelaar niet alleen kennen en kunnen, maar ook
3119samen leven en samen groeien.</p> 3120 3121<p>Â </p> 3122 3123 3124 3125<span class="button_picture plugin-block 3126 3127 "> 3128 <a href="https://stichtingsaam-live-e2387fcd4b494e93b40a-ddb4c9f.divio-media.net/filer_public/cf/aa/cfaac6d4-c43a-469e-8f52-d31205dd9d5e/flyer-tuimelaar-2022.pdf" class=" btn gets-shadow--hover white_text 3129 mt-btn-secondary 3130 3131 btn-lg mt-btn-lg 3132 3133 btn__icon 3134 " target="_blank" > 3135 3136 <span class="fas fa-chevron-right"></span> 3137 3138 Download onze flyer 3139 </a> 3140</span> 3141 3142 3143</div> 3144 3145</div> 3146 3147 3148 3149 3150 3151 3152 <div 3153 3154 class="section c-white section__colored-text section-fullwidth " 3155 style="background-color: rgba(134, 184, 171, 0.5);" 3156 > 3157 3158<div class="container section-content"> 3159 3160 <h1 style="text-align: center;">Kennismaken en aanmelden</h1> 3161 3162<p style="text-align: center;">Voor je een keuze maakt voor een school wil je natuurlijk de sfeer komen proeven.<br> 3163Op onze website is al veel informatie te lezen, maar deze informatie gaat pas echt leven als je bij ons geweest bent.</p> 3164 3165<p style="text-align: center;">We nodigen je daarom van harte uit voor een rondleiding, of kennismaken tijdens een open dag.</p> 3166 3167 3168 3169<span class="button_picture plugin-block 3170 3171 center mx-auto d-block"> 3172 <a href="https://obsdetuimelaar-saam.cms.socialschools.nl/contact/" class=" btn gets-shadow--hover white_text 3173 mt-btn-secondary 3174 3175 btn-lg mt-btn-lg 3176 3177 btn__icon 3178 " > 3179 3180 <span class="fas fa-arrow-right"></span> 3181 3182 Aanmelden & kennismaken 3183 </a> 3184</span> 3185 3186 3187</div> 3188 3189</div> 3190 3191 3192 3193 3194 3195 3196 <div 3197 3198 class="section c-theme section__colored-text section-fullwidth " 3199 style="background-color: rgba(30, 130, 106, 0.9);" 3200 > 3201 3202<div class="container section-content"> 3203 3204 3205 3206<div class="iconplugin-container iconplugin-container__row" data-items="4"> 3207 3208 3209 3210 3211 3212 3213 3214 <a href="https://www.instagram.com/obsdetuimelaarveghel/" class="icon-wrapper icon-link plugin-wrapper"> 3215 3216 3217<div 3218 class="icon-container gets-rounded gets-shadow icon-container__sm icon--top icon__background bg-transparent icon__primary "> 3219 <div 3220 class="icon-choice c-primary"> 3221 3222 3223 3224 3225 <i class="iconplugin-icon gets-rounded fa fab fa-instagram fa-2x" aria-hidden="true"></i> 3226 3227 3228 3229 </div> 3230 <div class="icon-content"> 3231 <div class="icon-title"> 3232 <h3 class="icon-title-text white_text">Bekijk onze posts op Instagram</h3> 3233 </div> 3234 3235 3236 </div> 3237</div> 3238 3239 </a> 3240 3241 3242 3243 3244 3245 3246 3247 3248 3249 3250 <a href="https://scholenopdekaart.nl/basisscholen/veghel/47172/openbare-basisschool-de-tuimelaar/" class="icon-wrapper icon-link plugin-wrapper"> 3251 3252 3253<div 3254 class="icon-container gets-rounded gets-shadow icon-container__sm icon--top icon__background bg-transparent icon__primary "> 3255 <div 3256 class="icon-choice c-primary"> 3257 3258 3259 3260 3261 <i class="iconplugin-icon gets-rounded fa fas fa-map-marker-alt fa-2x" aria-hidden="true"></i> 3262 3263 3264 3265 </div> 3266 <div class="icon-content"> 3267 <div class="icon-title"> 3268 <h3 class="icon-title-text white_text">Scholen op de kaart</h3> 3269 </div> 3270 3271 3272 </div> 3273</div> 3274 3275 </a> 3276 3277 3278 3279 3280 3281 3282 3283 3284 3285 3286 <a href="https://kroontjeveghel.nl/opvang/veghel-de-tuimelaar/" class="icon-wrapper icon-link plugin-wrapper"> 3287 3288 3289<div 3290 class="icon-container gets-rounded gets-shadow icon-container__sm icon--top icon__background bg-transparent icon__primary "> 3291 <div 3292 class="icon-choice c-primary"> 3293 3294 3295 3296 3297 <i class="iconplugin-icon gets-rounded fa fas fa-crown fa-2x" aria-hidden="true"></i> 3298 3299 3300 3301 </div> 3302 <div class="icon-content"> 3303 <div class="icon-title"> 3304 <h3 class="icon-title-text white_text">'t Kroontje</h3> 3305 </div> 3306 3307 3308 </div> 3309</div> 3310 3311 </a> 3312 3313 3314 3315 3316 3317 3318 3319 3320 3321 3322 <a href="https://www.bvlbrabant.nl/over-bvl/bvl-info" class="icon-wrapper icon-link plugin-wrapper"> 3323 3324 3325<div 3326 class="icon-container gets-rounded gets-shadow icon-container__sm icon--top icon__background bg-transparent icon__primary "> 3327 <div 3328 class="icon-choice c-primary"> 3329 3330 3331 3332 3333 <i class="iconplugin-icon gets-rounded fa fas fa-bicycle fa-2x" aria-hidden="true"></i> 3334 3335 3336 3337 </div> 3338 <div class="icon-content"> 3339 <div class="icon-title"> 3340 <h3 class="icon-title-text white_text">Brabant Verkeersveiligheidslabel</h3> 3341 </div> 3342 3343 3344 </div> 3345</div> 3346 3347 </a> 3348 3349 3350 3351 3352</div> 3353 3354 3355</div> 3356 3357</div> 3358 3359 3360 3361 3362 3363 </div> 3364 </div> 3365 </div> 3366 </main> 3367 3368 3369 <footer class="footer-bg c-footer"> 3370 <div class="container"> 3371 <div class="row"> 3372 <div class="col-md-12"> 3373 <div class="page-footer"> 3374 3375<div class="multicolumn2 clearfix"> 3376 3377 3378<div class="column" style="width: 33%; float: left;"> 3379 3380</div> 3381 3382 3383 3384<div class="column" style="width: 66%; float: left;"> 3385 3386 3387 3388 3389 3390 3391 <div class="contact-banner banner--inline secondary_color white_text show_icon"> 3392 <ul class="contact--items"> 3393 3394 3395 <li class="contact-item contact-item__address"> 3396 <i class="fa fa-map-pin"></i> 3397 Vlasven 94, 5464 PN Veghel 3398 </li> 3399 3400 3401 3402 <li class="contact-item contact-item__phone"> 3403 <i class="fa fa-phone-alt"></i> 3404 <a class="white_text" href="tel:0413-319 230">0413-319 230</a> 3405 </li> 3406 3407 3408 3409 <li class="contact-item contact-item__mail"> 3410 <i class="fa fa-envelope-o"></i> 3411 <a href="mailto:[email protected]" target="_blank" 3412 class="white_text d-block d-lg-none">E-mailadres</a> 3413 <a href="mailto:[email protected]" target="_blank" 3414 class="white_text d-none d-lg-block">[email protected]</a> 3415 </li> 3416 3417 3418 3419 3420 </ul> 3421 </div> 3422 3423 3424 3425 3426</div> 3427 3428 3429</div> 3430 3431 </div> 3432 </div> 3433 </div> 3434 <div class="row"> 3435 <div class="col-12"> 3436 <div class="privacy-footer-wrapper"> 3437 3438 3439<div id="privacy_footer"> 3440 <div class="privacy_menu"> 3441 <ul class="privacy_menu-nav"> 3442 3443 3444 <li class="privacy_menu-item"> 3445 <a href="#" class="privacy_menu-link main-item" data-toggle="modal" data-modal="privacy" 3446 data-target="#privacyModal">Privacy statement</a> 3447 <div id="privacy" class="cc-hidden"> 3448 <h1>privacystatement</h1> 3449 3450<p>SAAM* privacystatement</p> 3451 3452<p>
3452 </p> 3453 3454<p>Wat zijn persoonsgegevens?Persoonsgegevens zijn gegevens die iets vertellen over jou of gegevens die we in verband kunnen brengen met jou of met jouw kind(eren).Je deelt gegevens met ons als je een kind inschrijft op een van onze scholen of als je bij SAAM* werkt. Denk aan naam, telefoonnummer, geboortedatum, e-mailadres of bankrekeningnummer. Daarnaast wordt er in de wet gesproken over bijzondere persoonsgegevens, dit zijn bijv. gegevens over levensovertuiging, gezondheid, strafrechtelijk verleden maar ook het burgerservicenummer (BSN). In principe mogen we geen bijzondere persoonsgegevens gebruiken, tenzij daarvoor in de wet een uitzondering is gemaakt.</p> 3455 3456<p>Waarvoor gebruiken we persoonsgegevens?Persoonsgegevens van kinderen gebruiken we bijvoorbeeld: om de ontwikkeling van kinderen vast te leggen, om uit te wisselen met ROD als basis voor de bekostiging vanuit DUO en om uit te wisselen met de vervolgopleiding als een kind de school weer verlaat. Persoonsgegevens van ouders gebruiken we bijvoorbeeld om contact met je op te kunnen nemen. Persoonsgegevens van collegaâs gebruiken we bijvoorbeeld om het salaris uit te kunnen betalen, om loonaangifte te doen bij de belastingdienst en om het pensioen bij APB te regelen.</p> 3457 3458<p>SAAM* verwerken we dus persoonsgegevens. Verwerken is een begrip uit de wet en gaat om alles wat je kunt doen met persoonsgegevens van verzamelen tot vernietigen. Daarbij kun je dus denken aan verzamelen, vastleggen, ordenen, bewaren, bijwerken, wijzigen, opvragen, raadplegen, doorzenden, verspreiden, beschikbaar stellen, samenbrengen, met elkaar in verband brengen, afschermen, uitwissen en vernietigen van gegevens.</p> 3459 3460<p>Welke persoonsgegevens verzamelen we?Gegevens over wie je bent. Denk daarbij aan naam, adres, telefoonnummer, e-mailadres, geboortedatum. Gevoelige persoonsgegevens. Denk daarbij aan het burgerservicenummer van kinderen en van collegaâs, maar ook aan VOG (Verklaring Omtrent Gedrag) van iedereen die in het onderwijs werkt. Ook houden we het verzuim bij van zowel kinderen als collegaâs. Gegevens over ontwikkeling. Binnen het onderwijs volgen we kinderen op het gebied van leerresultaten (denk aan toetsgegevens) maar ook op het gebied van sociaal-emotionele ontwikkeling. Dit leggen we vast in het leerling-volg-systeem en hierover rapporteren we aan ouders/verzorgers. Deze gegevens gebruiken we om het individuele kind te volgen in zijn/haar ontwikkeling maar ook om de totale groep en daarmee ook de school in haar ontwikkeling te volgen. Om te laten zien wie we zijn en wat we doen maken we in communicatie uitingen soms gebruik van beeldmateriaal. Voor het gebruik van beeldmateriaal hebben we <a href="https://www.saamscholen.nl/documenten/520812-saamuitleg-avg-informatie-voor-ouders-dot-pdf">een SAAM*uitleg</a> opgesteld. Met wie delen we persoonsgegevens?Bij de ontwikkeling van kinderen binnen de scholen zijn veel personen betrokken, denk aan de leraar, maar ook aan intern begeleiders, onderwijsassistenten, stagiaires, schooldirecteuren, hulpouders enz. Persoonsgegevens worden hierbij alleen gedeeld als het toegevoegde waarde heeft. Als een kind extra zorg nodig heeft, waarbij deskundigheid van iemand buiten de school nodig is, dan worden ook gegevens gedeeld met het samenwerkingsverband waarbij de school is aangesloten. Daarbij wordt dan ook de bovenschools deskundige van SAAM* ingeschakeld. Op grond van de wet kunnen persoonsgegevens opgevraagd worden door politie, justitie, toezichthouders (bijv. Ministerie van OCW) en de belastingdienst. Soms moeten we op basis van een overeenkomst of reglement gegevens van jouw kind(eren) of van jou delen met een andere partij of organisatie. Zo worden we bij ons werk geholpen door andere dienstverleners, bijvoorbeeld als het gaat over onze IT-systemen zoals het leerlingvolgsysteem en HRM-systeem. Maar ook maken we steeds meer gebruik van digitale systemen bij het verwerken van kennis door kinderen. Met deze dienstverleners maken we goede afspraken over wat ze (niet) met de persoonsgegevens in deze systemen mogen doen en deze afspraken leggen we vast in contracten.Ook delen we persoonsgegevens als een kind de school weer verlaat met de school waar het kind aansluitend naar toe gaat.</p> 3461 3462<p>Zo zorgen we voor je persoonsgegevensWe zorgen voor goede beveiliging. We besteden veel aandac
3462ht aan hoe veilig om te gaan met gegevens, daarvoor worden medewerkers getraind en maken we gebruik van systemen die veilig met gegevens omgaan.Datalekken worden geregistreerd en waar nodig gemeld aan de toezichthouder. We hebben een gedragscode getekend. Al onze collega's krijgen een gedragscode ter ondertekening. We gaan zorgvuldig om met gegevens die ons zijn toevertrouwd. Er is toezicht op hoe we de persoonsgegevens verwerken. Er is een Functionaris Gegevensbescherming (FG) benoemd die toezicht houdt of wij de Algemene Verordening Gegevensbescherming (AVG) naleven. Hij is te bereiken via <a href="https://www.lumengroup.nl/contact-fg/">https://www.lumengroup.nl/contact-fg/</a> Deze FG is gemeld bij de Autoriteit Persoonsgegevens (AP). We houden ons aan de bewaartermijnen van gegevens. Rondom het bewaren van gegevens hebben we ons te houden aan de wetgeving. Zo is er voor de gegevens van collegaâs een bewaartermijn van 7 jaar die wordt opgelegd vanuit de fiscus. Voor leerlingen geldt een bewaartermijn van 5 jaar voor de gegevens die gaan over in- en uitschrijven en over verzuim.</p> 3463 3464<p>Persoonsgegevens bekijken of aanpassenWil je weten welke persoonsgegevens wij over je hebben vastgelegd? Dan kun je gebruik maken van je âRecht van inzageâ. Of wil je gegevens wijzigen en zo gebruik maken van de je âRecht op correctieâ? Dan kun je contact opnemen met de school of met het bestuurskantoor van SAAM* in Oss. Je kunt jouw verzoek mailen aan [email protected] of sturen naar: SAAM* Postbus 661 5340 AR Oss. Ook de uitgebreidere versie van dit privacystatement is op deze manier op te vragen. </p> 3465 3466<p>Onze visie op privacy</p> 3467 3468<p>Onderwijs verzorgen kan én mag niet zonder dat je persoonsgegevens deelt met ons. Daarbij zijn de volgende zaken van belang:> We zijn zuinig op persoonsgegevens die ons zijn toevertrouwd en zorgen dat we er zo veilig mogelijk mee om gaan.> Voor de ontwikkeling van kinderen willen we juist het kind maar soms ook de ouders/verzorgers zo goed mogelijk leren kennen en daarvoor gebruiken we juist persoonsgegevens omdat we de ontwikkeling willen vastleggen en volgen.> We gebruiken persoonsgegevens alleen als het toegevoegde waarde heeft.> We communiceren open en begrijpelijk over welke persoonsgegevens wij gebruiken.> We geven persoonsgegevens aan personen en instanties die bevoegd zijn deze te ontvangen.> Als we gegevens uitwisselen met dienstverleners dan maken we goede afspraken over wat ze met de persoonsgegevens mogen doen en deze afspraken leggen we vast in contracten.> We houden ons beleid up to date. Regelgeving verandert regelmatig. Ons privacybeleid is daarom nooit helemaal klaar, we blijven over dit onderwerp in gesprek met collegaâs, kinderen en ouders/verzorgers, maar ook met toezichthouders en belangenorganisaties. </p> 3469 </div> 3470 </li> 3471 3472 3473 3474 3475 3476 <li class="privacy_menu-item"> 3477 <a href="#" class="privacy_menu-link main-item cc-settings" onclick="return klaro.show(klaroConfig, true)">Cookie instellingen</a> 3478 </li> 3479 3480 </ul> 3481 3482 3483 3484 <p class="meta-info">Powered by <a href="http://www.socialschools.nl" target="_blank">Social Schools</a></p> 3485 3486 </div> 3487 3488 3489 3490 3491 3492 3493</div> 3494 3495 <button type="button" class="btn b-theme user-settings-toggle" data-toggle="modal" data-target="#pageSettingsModal"> 3496 <i class="fas fa-universal-access"></i> 3497 </button> 3498 </div> 3499 </div> 3500 </div> 3501 </div> 3502 </footer> 3503 3504 3505<!-- Modal --> 3506<div class="modal fade user-settings" id="pageSettingsModal" tabindex="-1" aria-labelledby="pageSettingsModalLabel" aria-hidden="true"> 3507 <div class="modal-dialog"> 3508 <div class="modal-content"> 3509 <div class="modal-header py-2 bg-light"> 3510 <h5 class="modal-title text-dark" id="pageSettingsModalLabel">Pagina instellingen</h5> 3511 <button type="button" class="close text-dark" data-dismiss="modal" aria-label="Close"> 3512 <span aria-hidden="true">×</span> 3513 </button> 3514 </div> 3515 <div class="modal-body"> 3516 <p class="user-settings-title">
3517 Tekstgrootte 3518 </p> 3519 <div class="btn-group btn-group-toggle" data-toggle="buttons"> 3520 <button type="button" class="btn btn-light js-font-size" data-size="1" aria-pressed="false"> 3521 <i class="fas fa-font t-1"></i> 3522 </button> 3523 <button type="button" class="btn btn-light js-font-size" data-size="1.25" aria-pressed="false"> 3524 <i class="fas fa-font t-1-25"></i> 3525 </button> 3526 <button type="button" class="btn btn-light js-font-size" data-size="1.5" aria-pressed="false"> 3527 <i class="fas fa-font t-2"></i> 3528 </button> 3529 </div> 3530 </div> 3531 </div> 3532 </div> 3533</div> 3534 3535 3536 3537 3538 3539 3540 3541 <button class="socs--back-to-top" id="js-top" style="opacity: 0;"></button> 3542 3543 3544 3545 3546 3547 3548 3549 3550
3550<script defer type="text/javascript" src="https://stichtingsaam-live-e2387fcd4b494e93b40a-ddb4c9f.divio-media.net/static/js/klaro/config.v2.7ed61fafafb4.js"></script>
3550 3551
3551<script defer type="text/javascript" src="/klaro_cookies/js/klaro-override.js"></script>
3551 3552
3552<script defer type="text/javascript" src="https://cdn.kiprotect.com/klaro/v0.7.18/klaro-no-css.js"></script>
3552 3553 3554 3555
3555<script type="text/javascript" src="https://stichtingsaam-live-e2387fcd4b494e93b40a-ddb4c9f.divio-media.net/static/js/multitenant-cms.add.min.cb31e088f8f0.js"></script>
3555 3556
3556<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery-throttle-debounce/1.1/jquery.ba-throttle-debounce.min.js"></script>
vendor: 1 bytes, line 3556
3556
3557<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/prism/0.0.1/prism.min.js"></script>
3557 3558 3559<style> 3560 3561 .cms-toolbar-expanded .klaro .cookie-notice{bottom: 20px; left: 20px; top: auto; right: auto;} .cookie-notice {bottom: 20px; left: 20px; top: auto; right: auto;}; 3562</style> 3563 3564 3565 3566
3567<script> 3568 /** 3569 * Add translations to the CKEditor syles dropdown 3570 */ 3571 window.addEventListener("DOMContentLoaded", (event) => { 3572 3573 // Add consent events to the dataLayer 3574 window.dataLayer = window.dataLayer || []; 3575 window.setTimeout(function(){window.dataLayer.push({'event' : 'consentChoice'})},500) 3576 window.setTimeout(function(){window.dataLayer.push({'event' : 'consentUpdate'})},500) 3577 3578 if (window.CKEDITOR) { 3579 // add translations for each CKEditor on load 3580 CKEDITOR.on('instanceReady', function(){ 3581 window.CKEDITOR.stylesSet.registered.default.find((styleSet) => { 3582 if (styleSet.hasOwnProperty("attributes") && styleSet.attributes.hasOwnProperty("class")) { 3583 if (styleSet.attributes.class == "c-theme") { 3584 styleSet.name = 'Thema kleur'; 3585 } 3586 if (styleSet.attributes.class == "c-primary") { 3587 styleSet.name = 'Primaire kleur'; 3588 } 3589 if (styleSet.attributes.class == "c-secondary") { 3590 styleSet.name = 'Secondaire kleur'; 3591 } 3592 if (styleSet.attributes.class == "c-tertiary") { 3593 styleSet.name = 'Tertiaire kleur'; 3594 } 3595 } 3596 }) 3597 }); 3598 } 3599 }); 3600</script>
3600 3601 3602 3603
3603<script> 3604 $('.cms-alert').each(function(){ 3605 $(this).on('closed.bs.alert', function (e) { 3606 const { id } = e.currentTarget.dataset; 3607 const cookieName = `socs-announcements-${id}`; 3608 setCookie(cookieName, 'closed', 1); 3609 }); 3610 }); 3611 </script>
3611 3612 3613 3614
3614<script src="https://stichtingsaam-live-e2387fcd4b494e93b40a-ddb4c9f.divio-media.net/static/js/mobilemenu.a69741d3dfb4.js"></script>
3614 3615 3616 3617
3617<script type="text/javascript" src="https://stichtingsaam-live-e2387fcd4b494e93b40a-ddb4c9f.divio-media.net/static/js/slick.min.22f754161489.js"></script>
3617 3618
3618<script> 3619 function initFlexCarousel() { 3620 $homeSlider = $('.home-slider'); 3621 const {auto, fade} = $homeSlider.get(0).dataset; 3622 3623 const slickProps = { 3624 slidesToScroll: 1, 3625 slidesToShow: 1, 3626 arrows: true, 3627 infinite: true, 3628 fade: fade === 'true', 3629 dots: true, 3630 centerMode: false, 3631 variableWidth: false, 3632 focusOnSelect: false, 3633 autoplay: auto === 'true', 3634 autoplaySpeed: 3000, 3635 rows: 0, 3636 accessibility: true, 3637 }; 3638 3639 if($homeSlider.hasClass('unslick')) { 3640 $homeSlider.slick('unslick'); 3641 $homeSlider.removeClass('unslick'); 3642 } 3643 3644 $homeSlider.slick(slickProps) 3645 } 3646 if (window.CMS !== undefined) { 3647 window.CMS.$(window).on('cms-content-refresh', function () { 3648 initFlexCarousel(); 3649 }); 3650 } 3651 3652 (function () { 3653 initFlexCarousel(); 3654 })(); 3655 3656 </script>
3656 3657 3658 3659
3659<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/jarallax.min.js" integrity="sha256-uCknJLYMrtYTPwl8PwQnFj6T6Hck2oSGEZLhMi1BRvU=" crossorigin="anonymous"></script>
3659 3660
3660<script> 3661 jarallax(document.querySelectorAll('[data-jarallax]'), { 3662 speed: 0.2, 3663 }); 3664 </script>
3664 3665 3666 3667 <div class="modal fade" id="privacyModal" tabindex="-1" role="dialog" aria-labelledby="privacyModalLabel" 3668 aria-hidden="true"> 3669 <div class="modal-dialog modal-lg modal-dialog-scrollable modal-dialog-centered" role="document"> 3670 <div class="modal-content"> 3671 <div class="modal-header"> 3672 <h2 class="modal-title" id="privacyModalLabel">Modal title</h2> 3673 <button type="button" class="close" data-dismiss="modal" aria-label="Close"> 3674 <span aria-hidden="true">×</span> 3675 </button> 3676 </div> 3677 <div class="modal-body"> 3678 </div> 3679 <div class="modal-footer"> 3680 <button type="button" class="btn btn-secondary" data-dismiss="modal">Sluiten</button> 3681 </div> 3682 </div> 3683 </div> 3684 </div> 3685 3686 3687
3687<script> 3688 const $backToTop = document.querySelector("#js-top"); 3689 3690 window.addEventListener('scroll', function(e) { 3691 if(window.scrollY > 150) { 3692 $backToTop.style.opacity = 1; 3693 } else { 3694 $backToTop.style.opacity = 0; 3695 } 3696 }); 3697 3698 $backToTop.addEventListener('click', function(e){ 3699 e.preventDefault(); 3700 3701 window.scrollTo({ 3702 left: 0, 3703 top: 0, 3704 behavior: 'smooth' 3705 }); 3706 }); 3707 </script>
3707 3708 3709 3710 3711 3712 3713 3714 3715 3716<!-- Modal --> 3717<div 3718 class="modal fade" 3719 id="searchModal" 3720 tabindex="-1" 3721 role="dialog" 3722 aria-hidden="true" 3723> 3724 <button type="button" class="close" data-dismiss="modal" aria-label="Close"> 3725 <span aria-hidden="true">×</span> 3726 </button> 3727 <div class="modal-dialog" role="document"> 3728 <div class="modal-content search-modal gets-rounded gets-shadow--hover"> 3729 <div class="modal-body"> 3730 <div class="search-input"> 3731 <form action="/zoek-resultaten" method="GET" id="search-form"> 3732 <i class="fa fa-search"></i> 3733 <input type="text" class="search-text-input form-control" name="q" placeholder='Type je zoekwoord...' /> 3734 <button class="btn btn-search mt-btn gets-shadow--hover">Zoeken</button> 3735 </form> 3736 </div> 3737 </div> 3738 </div> 3739 </div> 3740</div> 3741 3742 3743 3744<!--In order to create the mobile version of the paths, I used https://yqnn.github.io/svg-path-editor/ 3745 This editor lets you paste the path and edit it. --> 3746<div style="height:0px;"> 3747 <svg width="0" height="0" xmlns="http://www.w3.org/2000/svg" > 3748 3749 <clipPath id="mask-top" clipPathUnits="objectBoundingBox"> 3750 <path d="M0,0H1V.97s-.07,.06-.25,0-.26-.16-.45-.16-.3,.16-.3,.16V0Z" /> 3751 </clipPath> 3752 3753 <clipPath id="mask-top-mobile" clipPathUnits="objectBoundingBox"> 3754 <path d="m 0 0 h 1 v 0.97 s 0 0.03 -0.25 0.01 s -0.26 -0.05 -0.45 -0.065 s -0.3 0.065 -0.3 0.065 v -1.015 z" /> 3755 </clipPath> 3756 3757 <clipPath id="mask-bottom" clipPathUnits="objectBoundingBox"> 3758 <path d="M1,1H0V.03S.07-.03,.25,.03s.25,.18,.44,.18S1,.03,1,.03v.97Z" /> 3759 </clipPath> 3760 3761 <clipPath id="mask-bottom-tablet" clipPathUnits="objectBoundingBox"> 3762 <path d="m 1 1 h -1 v -0.95 s 0.1 -0.05 0.25 0 s 0.25 0.05 0.4 0.005 s 0.35 -0.05 0.35 -0.05 v 0.97 z" /> 3763 </clipPath> 3764 3765 <clipPath id="mask-bottom-mobile" clipPathUnits="objectBoundingBox"> 3766 <path d="m 1 1 h -1 v -0.98 s 0.1 -0.01 0.25 0 s 0.3 0.02 0.4 0.02 s 0.35 -0.05 0.35 -0.03 v 0.97 z" /> 3767 </clipPath> 3768 3769 3770 3771 3772 3773 3774 </svg> 3775</div> 3776 3777 3778 3779 3780 3781 </body> 3782</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.