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="DMrAMDhMz2SISnB9oOnMm8I8XLUbucaextVO8R9G47Tbb0bCOyOfnleGQPxZC9ig" /> 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="Home"> 58 <meta property="og:url" content="https://www.elzeneind.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.elzeneind.nl"> 76 <meta name="twitter:card" content="summary"> 77 <meta name="twitter:title" content="Home"> 78 <meta name="twitter:url" content="https://www.elzeneind.nl/"> 79 80 81 82 83 84 85 86 87 88 89 90 91 92 <title>Home</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: #7E8DA9; 115 --primary-color: #9C200B; 116 --secondary-color: #EEB65F; 117 --tertiary-color: #353B47; 118 --footer-color: #353B47; 119 --footer-link-color: #FFFFFF; 120 --nav-link-color: #E4E4E4; 121 --nav-bg-color: #353B47; 122 --topbar-bg-color: #353B47; 123 --background-color: #EFEFEF; 124 --theme-heading-color: var(--theme-color); 125 --theme-hero-bg: #E4E4E4; 126 --theme-hero-color: #353B47; 127 --font-base-size: 16px; 128 --file-background-color: #7E8DA9; 129 --file-text-color: #FFFFFF; 130 --link-text-color: #0F1115; 131 --quote-ff: Eczar; 132 133 --heading-ff: "Eczar", system-ui, sans-serif; 134 135 --mobile-mode-width: 1400; 136 137 --theme-border-radius: 16px; 138 139 140 141 --theme-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.02); 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: #E4E4E4; 165 } 166 167 a, a:hover { 168 color: #0F1115; 169 } 170 171 a.maps-web-btn { 172 background-color: #7E8DA9; 173 } 174 175 button[type=submit], 176 .btn-jobs-modal { 177 background-color: #7E8DA9; 178 } 179 180 .quote-text { 181 font-family: var(--quote-ff); 182 } 183 184 .theme-13 h2, 185 .theme-14 h2 { 186 color: #9C200B; 187 } 188 189 .caret { 190 color: #7E8DA9; 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: #0F1115; 201 background-color: #f7f7f7; 202 } 203 204 a.nav-link.newsblog-nav-link, 205 a.nav-link.faq-nav-link { 206 background: #9C200B; 207 } 208 209 .faq-overview-list h3:hover { 210 color: #7E8DA9; 211 text-decoration: none; 212 } 213 214 .search-pagination .page-item.active .page-link { 215 background-color: #7E8DA9; 216 border-color: #7E8DA9; 217 } 218 219 /* TABBABLE */ 220 221 .nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link { 222 background-color: #EFEFEF; 223 border-color: #dee2e6 #EFEFEF; 224 } 225 226 227 228 /* LOGIN */ 229 .btn-tooltip-login, 230 .btn-tooltip-register { 231 background-color: #7E8DA9; 232 border-color: #7E8DA9; 233 } 234 235 .carousel-theme-6, 236 .carousel-theme-4 .carousel-tagline-wrapper { 237 background-color: #9C200B; 238 } 239 240 .carousel-theme-8 .schoolname, 241 .carousel-theme-9 .schoolname, 242 .theme-8 .introduction-left { 243 background-color: #7E8DA9 244 } 245 246 .theme-8 .introduction-right, 247 .theme-8 .school-tagline, 248 .theme-9 .school-tagline { 249 background-color: #9C200B; 250 } 251 252 .agenda-plugin .event-icon { 253 background-color: #7E8DA9; 254 } 255 256 .agendaeventMonth .bg-primary { 257 background-color: #9C200B !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: #E4E4E4; 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: #7E8DA9; 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: #7E8DA9; 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 #7E8DA9; 308 color: #7E8DA9; 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: #7E8DA9; 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 #7E8DA9; 321 color: #7E8DA9; 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: #9C200B; 328 border-color: #9C200B; 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: #EEB65F; 335 border-color: #EEB65F; 336 } 337 338 .theme-6 .navbar .nav > li.active > a, 339 .navbar-theme-14 .nav .nav-item.active{ 340 color: #7E8DA9; 341 border-bottom: 3px solid #7E8DA9; 342 } 343 344 .navbar-default .nav .active a:hover { 345 color: #E4E4E4; 346 background-color: #353B47; 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: #7E8DA9; 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: #7E8DA9; 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: #7E8DA9; 365 } 366 .nav-stacked .active > a { 367 border-left: 4px solid #7E8DA9 !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 #7E8DA9; 375 -moz-box-shadow: 0 0 10px #7E8DA9; 376 box-shadow: 0 0 10px #7E8DA9; 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: #7E8DA9; 385 } 386 387 .theme-10-login-bar a:hover, 388 .theme-13-login-bar a:hover { 389 color: #7E8DA9; 390 } 391 392 .btn-navbar i { 393 color: #7E8DA9; 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: #7E8DA9; 411 } 412 413 .navbar-theme-12 .navbar-toggle span.icon-bar { 414 background-color: #E4E4E4; 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: #7E8DA9; 431 } 432 433 .css-cmsplugin_gallery .carousel-indicators .active { 434 background-color: #7E8DA9; 435 } 436 437 .item-primarycolor a, 438 .item-primarycolor a:hover { 439 color: #7E8DA9; 440 } 441 .item-themecolor a, 442 .item-themecolor a:hover { 443 color: #7E8DA9; 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: #9C200B; 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: #353B47; 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: #7E8DA9; 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: #9C200B; 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: #EEB65F; 471 } 472 473 .banners-theme4 h2 { 474 color: #EEB65F; 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: #9C200B; 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: #7E8DA9; 501 } 502 503 .theme-11-news-agenda h2, 504 .theme-13-news-agenda h2 { 505 color: #7E8DA9; 506 } 507 508 .theme-11 .pager li > a, .pager li > span, 509 .theme-13 .pager li > a, .pager li > span { 510 background-color: #7E8DA9; 511 } 512 .theme-11 .pager li > a:hover, 513 .theme-13 .pager li > a:hover { 514 background-color: #EEB65F; 515 } 516 517 /* ADD BACKGROUND IMAGE TO THEME */ 518 body{ 519 520 background: #EFEFEF; 521 522 } 523 524 body, 525 html { 526 527 font-family: "Nunito", 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: #9C200B; 535 } 536 .mt-icon-secondary { 537 color: #EEB65F; 538 } 539 .mt-icon-themecolor { 540 color: #7E8DA9; 541 } 542 /* 543 .box.primary, .section.primary { 544 background-color: #9C200B; 545 } 546 .box.secondary, .section.secondary { 547 background-color: #EEB65F; 548 } 549 .box.theme, .section.theme { 550 background-color: #7E8DA9; 551 } 552 .box.tertiary, .section.tertiary { 553 background-color: #353B47; 554 } 555 */ 556 557 558 .mt-icon-tertiary { 559 color: #353B47; 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: #9C200B; 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: #EEB65F; 572 } 573 574 .theme-11 .fa-play, 575 .theme-14 .fa-play { 576 background-color: #9C200B; 577 } 578 .theme-11 .fa-play:hover, 579 .theme-14 .fa-play:hover { 580 background-color: #7E8DA9; 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='%237E8DA9' 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: #7E8DA9; 593 } 594 595 /* Event */ 596 a.listPostTitle { 597 color: #9C200B; 598 } 599 .agendaeventTitleContainer h4 { 600 color: #EEB65F; 601 } 602 603 .rbc-header, 604 .rbc-toolbar button { 605 background-color: #7E8DA9 !important; 606 } 607 .rbc-toolbar button:active { 608 background-color: #9C200B !important; 609 } 610 .rbc-toolbar button.rbc-active, 611 .rbc-toolbar button:hover { 612 background-color: #9C200B !important; 613 } 614 .rbc-event {
615 background-color: #9C200B !important; 616 } 617 618 /*Photos*/ 619 .AlbumOverViewContainer .postTitle { 620 color: #7E8DA9; 621 } 622 623 /* Theme adjustments */ 624 .theme-14 .agendaeventTitleContainer h4, 625 .theme-15 .agendaeventTitleContainer h4 { 626 color: #EEB65F; 627 } 628 629 /* EVENT COLORS & MODAL */ 630 .post-modal-header { 631 background-color: #7E8DA9; 632 } 633 634 .modal-body .eventMonth { 635 background: #EEB65F; 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: #7E8DA9 !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: #9C200B !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: #EEB65F !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: #9C200B !important; 671 } 672 673 .theme-4 a.eventPostTitle, 674 .theme-14 h4.card-title.float-left { 675 color: #EEB65F !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: #7E8DA9; 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: #9C200B; 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: #7E8DA9 !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: #9C200B !important; 724 } 725 .theme-14 .modal-body .eventStartDate .eventMonth, 726 .theme-15 .modal-body .eventStartDate .eventMonth { 727 background-color: #EEB65F !important; 728 } 729 730 .modal-body h4.postTitle { 731 color: #7E8DA9 !important; 732 } 733 734 .modal-header, 735 .documentListContainer .btn { 736 background-color: #7E8DA9; 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: #7E8DA9; 751 } 752 753 .custom-select { 754 background: #7E8DA9 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: #7E8DA9; 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: #7E8DA9; 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: #9C200B;; 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: #EEB65F ; 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: #353B47 ; 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: #7E8DA9; 880 border-color: #7E8DA9; 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: #9C200B; 890 border-color: #9C200B; 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: #EEB65F; 900 border-color: #EEB65F; 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: #353B47; 910 border-color: #353B47; 911 } 912 913 .vacancy-container.coloredbox.theme_color .btn-group .btn-read, 914 .list-vacancy-container a.btn-vacancy.theme_color { 915 color: #7E8DA9; 916 } 917 918 .vacancy-container.coloredbox.primary_color .btn-group .btn-read, 919 .list-vacancy-container a.btn-vacancy.primary_color { 920 color: #9C200B; 921 } 922 923 .vacancy-container.coloredbox.secondary_color .btn-group .btn-read, 924 .list-vacancy-container a.btn-vacancy.secondary_color { 925 color: #EEB65F; 926 } 927 928 .vacancy-container.coloredbox.tertiary_color .btn-group .btn-read, 929 .list-vacancy-container a.btn-vacancy.tertiary_color { 930 color: #353B47; 931 } 932 933 .vacancy-list-container.theme_color .fa-bullhorn { 934 border: 1px solid #7E8DA9; 935 } 936 937 .vacancy-list-container.primary_color .fa-bullhorn { 938 border: 1px solid #9C200B; 939 } 940 941 .vacancy-list-container.secondary_color .fa-bullhorn { 942 border: 1px solid #EEB65F; 943 } 944 945 .vacancy-list-container.tertiary_color .fa-bullhorn { 946 border: 1px solid #353B47; 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: #7E8DA9 !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: #E4E4E4; 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: #7E8DA9; 990 } 991 .st-2 .fourpillar-item.mt-item-tertiary .pillar-icon-top{ 992 background-color: #353B47; 993 } 994 .st-2 .fourpillar-item.mt-item-primary .pillar-icon-top{ 995 background-color: #9C200B; 996 } 997 .st-2 .fourpillar-item.mt-item-secondary .pillar-icon-top{ 998 background-color: #EEB65F; 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: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.02) !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: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22) !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=Nunito:wght@400;500;700&display=swap&version=2' rel='stylesheet' type='text/css'> 1124 <link href='https://fonts.googleapis.com/css2?family=Eczar:wght@400;500;700&display=swap&version=2' rel='stylesheet' type='text/css'> 1125 <link href='https://fonts.googleapis.com/css2?family=Eczar: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/Montessorischool%20Elzeneind/favicon_SAAM" 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.carousel .slick-slide .box { 1256 margin-left: 2rem; 1257 margin-right: 2rem; 1258} 1259 1260.icon-container__sm .img-icon, .iconplugin-icon { 1261 width: 36px; 1262 height: 36px; 1263 border-radius: 0 !important; 1264 text-align: center; 1265} 1266 1267.side-menu, .sidemenu__menu { 1268 background-color: var(--nav-bg-color) !important; 1269 1270} 1271 1272 1273.side-menu .nav-item.active, .side-menu .nav-item:hover, 1274.sidemenu__menu .nav-item.active, 1275.sidemenu__menu .nav-item:hover { 1276 background-color: rgb(50, 50, 50); 1277} 1278 1279.side-menu .nav-item:last-child, 1280.sidemenu__menu .nav-item:last-child { 1281 margin-bottom: var(--size-300);
1282} 1283 1284} 1285 1286.section { 1287 scroll-margin-top: 10rem; 1288} 1289.socs--back-to-top { 1290 background: var(--theme-color); 1291} 1292.socs--back-to-top::after { 1293 color: #fff; 1294} 1295 1296footer .privacy_menu a { 1297 color: var(--footer-link-color) !important; 1298 text-decoration: underline; 1299} 1300 1301</style> 1302 1303 1304 </head> 1305 <body class="base-template page-home page-id-504 with-mask with-mask__skew btn-pill is-rounded__lg has-shadow__sm page-home"> 1306 1307 1308 1309 1310 1311 1312 1313 1314 1315 1316 1317 1318 1319 1320 1321 1322 1323 1324 1325 <div class="top-info top-bg"> 1326 <div class="container"><style type="text/css"> 1327 :root{ 1328 --theme-color: #7E8DA9; 1329 --primary-color: #9C200B; 1330 --secondary-color: #EEB65F; 1331 --tertiary-color: #353B47; 1332 --footer-color: #353B47; 1333 --footer-link-color: #FFFFFF; 1334 --nav-link-color: #E4E4E4; 1335 --nav-bg-color: #353B47; 1336 --topbar-bg-color: #353B47; 1337 --background-color: #EFEFEF; 1338 --theme-heading-color: var(--theme-color); 1339 --theme-hero-bg: #E4E4E4; 1340 --theme-hero-color: #353B47; 1341 --font-base-size: 16px; 1342 --file-background-color: #7E8DA9; 1343 --file-text-color: #FFFFFF; 1344 --link-text-color: #0F1115; 1345 --quote-ff: Eczar; 1346 1347 --heading-ff: "Eczar", system-ui, sans-serif; 1348 1349 --mobile-mode-width: 1400; 1350 1351 --theme-border-radius: 16px; 1352 1353 1354 1355 --theme-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.02); 1356 1357 1358 } 1359 1360 /* 1361 Navbar inline css to fix issue related to "more" navbar after plugin add 1362 PORTAL-434 & PORTAL-892 1363 */ 1364 /* Navbar MORE menu fix begins here */ 1365 div.cms .cms-toolbar-item-navigation li { 1366 position: relative; 1367 float: left; 1368 } 1369 div.cms .cms-toolbar-item-navigation li ul { 1370 display: none; 1371 } 1372 .cms-toolbar-item.cms-toolbar-item-buttons { 1373 display: inline-block; 1374 } 1375 /* Navbar MORE menu fix ends here */ 1376 1377 .navbar-nav .nav-link{ 1378 color: #E4E4E4; 1379 } 1380 1381 a, a:hover { 1382 color: #0F1115; 1383 } 1384 1385 a.maps-web-btn { 1386 background-color: #7E8DA9; 1387 } 1388 1389 button[type=submit], 1390 .btn-jobs-modal { 1391 background-color: #7E8DA9; 1392 } 1393 1394 .quote-text { 1395 font-family: var(--quote-ff); 1396 } 1397 1398 .theme-13 h2, 1399 .theme-14 h2 { 1400 color: #9C200B; 1401 } 1402 1403 .caret { 1404 color: #7E8DA9; 1405 } 1406 1407 /* BLOG / JOBS / FAQ / SEARCH */ 1408 1409 1410 1411 .page-link:hover, 1412 .list-group-item:hover, 1413 .list-group-item:focus { 1414 color: #0F1115; 1415 background-color: #f7f7f7; 1416 } 1417 1418 a.nav-link.newsblog-nav-link, 1419 a.nav-link.faq-nav-link { 1420 background: #9C200B; 1421 } 1422 1423 .faq-overview-list h3:hover { 1424 color: #7E8DA9; 1425 text-decoration: none; 1426 } 1427 1428 .search-pagination .page-item.active .page-link { 1429 background-color: #7E8DA9; 1430 border-color: #7E8DA9; 1431 } 1432 1433 /* TABBABLE */ 1434 1435 .nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link { 1436 background-color: #EFEFEF; 1437 border-color: #dee2e6 #EFEFEF; 1438 } 1439 1440 1441 1442 /* LOGIN */ 1443 .btn-tooltip-login, 1444 .btn-tooltip-register { 1445 background-color: #7E8DA9; 1446 border-color: #7E8DA9; 1447 } 1448 1449 .carousel-theme-6, 1450 .carousel-theme-4 .carousel-tagline-wrapper { 1451 background-color: #9C200B; 1452 } 1453 1454 .carousel-theme-8 .schoolname, 1455 .carousel-theme-9 .schoolname, 1456 .theme-8 .introduction-left { 1457 background-color: #7E8DA9 1458 } 1459 1460 .theme-8 .introduction-right, 1461 .theme-8 .school-tagline, 1462 .theme-9 .school-tagline { 1463 background-color: #9C200B; 1464 } 1465 1466 .agenda-plugin .event-icon { 1467 background-color: #7E8DA9; 1468 } 1469 1470 .agendaeventMonth .bg-primary { 1471 background-color: #9C200B !important; 1472 } 1473 1474 1475 /** Override nav links */ 1476 .theme-1 .navbar-light .nav li a, 1477 .navbar-light .nav li a, 1478 .navbar .nav > li > a, 1479 .navbar-light .navbar-nav .nav-link, 1480 .navbar-light .navbar-nav .show > .nav-link, 1481 .navbar-light .navbar-nav .active > .nav-link, 1482 .navbar-light .navbar-nav .nav-link.show, 1483 .navbar .nav li.dropdown.active > .dropdown-toggle, 1484 .navbar-light .navbar-nav .nav-link.active, 1485 .navbar .nav li.dropdown.active > .dropdown-toggle, 1486 .navbar .nav li.dropdown.open > .dropdown-toggle, 1487 .dropdown-menu a, 1488 .theme-10 .navbar .nav > li > a, 1489 .theme-10 .navbar-light .navbar-nav .nav-link { 1490 color: #E4E4E4; 1491 } 1492 1493
1494 .navbar .nav .dropdown.active > .dropdown-toggle, 1495 .navbar .nav .nav-item.active > .nav-link, 1496 .navbar-theme-4.navbar .nav .nav-item.active, 1497 .navbar-theme-4.responsive_menu .nav-item.active > .dropdown-toggle i{ 1498 color: #7E8DA9; 1499 } 1500 1501 .content-theme-5 .nav, 1502 .content-theme-5 .nav-stacked > li > a, 1503 .content-theme-5 .nav-stacked > li > a:hover, 1504 .content-theme-5 .nav-stacked > li > a:focus, 1505 .content-theme-5 .nav-stacked > .active a, 1506 .theme-7 .nav-stacked li a:hover, 1507 .content-theme-8 .nav, 1508 .content-theme-8 .nav-stacked > li > a, 1509 .content-theme-8 .nav-stacked > li > a:hover, 1510 .content-theme-8 .nav-stacked > li > a:focus, 1511 .content-theme-8 .nav-stacked > .active a { 1512 background-color: #7E8DA9; 1513 } 1514 1515 .theme-10 .content-theme-10 .nav-stacked > li > a:hover, 1516 .theme-10 .content-theme-10 .nav-stacked > li > a:focus, 1517 .theme-20 .content-theme-20 .nav-stacked > li > a:hover, 1518 .theme-20 .content-theme-20 .nav-stacked > li > a:focus, 1519 .theme-25 .content-theme-20 .nav-stacked > li > a:hover, 1520 .theme-25 .content-theme-20 .nav-stacked > li > a:focus { 1521 border-bottom: 1px solid #7E8DA9; 1522 color: #7E8DA9; 1523 } 1524 1525 .theme-10 .content-theme-10 .nav-stacked > .active a, 1526 .theme-20 .content-theme-20 .nav-stacked > .active a, 1527 .theme-25 .content-theme-25 .nav-stacked > .active a { 1528 color: #7E8DA9; 1529 } 1530 1531 .theme-10 .content-theme-10 .nav-stacked > .active a:hover, 1532 .theme-20 .content-theme-20 .nav-stacked > .active a:hover, 1533 .theme-25 .content-theme-25 .nav-stacked > .active a:hover { 1534 border-bottom: 1px solid #7E8DA9; 1535 color: #7E8DA9; 1536 } 1537 1538 .theme-10 .pull-right.css-login .btn, 1539 .theme-20 .pull-right.css-login .btn, 1540 .theme-25 .pull-right.css-login .btn { 1541 background-color: #9C200B; 1542 border-color: #9C200B; 1543 } 1544 1545 .theme-10 .pull-right.css-login .btn:hover, 1546 .theme-20 .pull-right.css-login .btn:hover, 1547 .theme-25 .pull-right.css-login .btn:hover { 1548 background-color: #EEB65F; 1549 border-color: #EEB65F; 1550 } 1551 1552 .theme-6 .navbar .nav > li.active > a, 1553 .navbar-theme-14 .nav .nav-item.active{ 1554 color: #7E8DA9; 1555 border-bottom: 3px solid #7E8DA9; 1556 } 1557 1558 .navbar-default .nav .active a:hover { 1559 color: #E4E4E4; 1560 background-color: #353B47; 1561 text-shadow: none; 1562 } 1563 1564 .navbar .nav .nav-item .nav-link:hover, 1565 .navbar .nav .nav-item .nav-link:focus{ 1566 background-color: #7E8DA9; 1567 } 1568 1569 @media (min-width: 1200px) { 1570 .theme-8 .responsive_menu .nav .nav-item:hover, 1571 .theme-4 .responsive_menu .nav .nav-item:hover { 1572 background-color: #7E8DA9; 1573 } 1574 } 1575 1576 .theme-12 .css-carousel-description > .css-carousel-description-background, 1577 .theme-5 .css-carousel-description > .css-carousel-description-background { 1578 background-color: #7E8DA9; 1579 } 1580 .nav-stacked .active > a { 1581 border-left: 4px solid #7E8DA9 !important; 1582 } 1583 .nav-stacked .active a, .nav-stacked a:hover { 1584 background-color: #fafafa; 1585 color: #555555; 1586 } 1587 .circle { 1588 -webkit-box-shadow: 0 0 10px #7E8DA9; 1589 -moz-box-shadow: 0 0 10px #7E8DA9; 1590 box-shadow: 0 0 10px #7E8DA9; 1591 } 1592 1593 .navbar-theme-3 .nav > .nav-item.active > .nav-link, 1594 .navbar-theme-4 .nav > .nav-item.active, 1595 .navbar-theme-7 .nav > .nav-item.active > .nav-link, 1596 .navbar-theme-8 .nav > .nav-item.active > .nav-link, 1597 .navbar-theme-10 .nav > .nav-item.active > .nav-link { 1598 border-color: #7E8DA9; 1599 } 1600 1601 .theme-10-login-bar a:hover, 1602 .theme-13-login-bar a:hover { 1603 color: #7E8DA9; 1604 } 1605 1606 .btn-navbar i { 1607 color: #7E8DA9; 1608 } 1609 1610 .navbar-theme-3 .dropdown-menu > li > a, 1611 .navbar-theme-4 .dropdown-menu > li > a, 1612 .navbar-theme-5 .dropdown-menu > li > a, 1613 .navbar-theme-6 .dropdown-menu > li > a, 1614 .navbar-theme-7 .dropdown .dropdown-item, 1615 .navbar-theme-8 .dropdown-menu > li > a, 1616 .navbar-theme-9 .dropdown-menu > li > a, 1617 .navbar-theme-10 .dropdown-menu > li > a, 1618 .navbar-theme-11 .dropdown-menu > li > a, 1619 .navbar-theme-13 .dropdown-menu > li > a, 1620 .navbar-theme-20 .dropdown-menu > li > a, 1621 .navbar-theme-25 .dropdown-menu > li > a, 1622 .navbar-st-7 .dropdown-menu > li > a, 1623 .navbar-theme-22 .dropdown-menu > li > a { 1624 color: #7E8DA9; 1625 } 1626 1627 .navbar-theme-12 .navbar-toggle span.icon-bar { 1628 background-color: #E4E4E4; 1629 } 1630 1631 .navbar-theme-3 .navbar-toggle span.icon-bar, 1632 .navbar-theme-4 .navbar-toggle span.icon-bar, 1633 .navbar-theme-5 .navbar-toggle span.icon-bar, 1634 .navbar-theme-6 .navbar-toggle span.icon-bar, 1635 .navbar-theme-7 .navbar-toggle span.icon-bar, 1636 .navbar-theme-8 .navbar-toggle span.icon-bar, 1637 .navbar-theme-10 .navbar-toggle span.icon-bar, 1638 .navbar-theme-11 .navbar-toggle span.icon-bar, 1639 .navbar-theme-13 .navbar-toggle span.icon-bar, 1640 .navbar-theme-20 .navbar-toggle span.icon-bar, 1641 .navbar-theme-25 .navbar-toggle span.icon-bar, 1642 .navbar-st-7 .navbar-toggle span.icon-bar, 1643 .navbar-theme-22 .navbar-toggle span.icon-bar { 1644 background-color: #7E8DA9; 1645 } 1646 1647 .css-cmsplugin_gallery .carousel-indicators .active { 1648 background-color: #7E8DA9; 1649 } 1650 1651 .item-primarycolor a, 1652 .item-primarycolor a:hover { 1653 color: #7E8DA9; 1654 } 1655 .item-themecolor a, 1656 .item-themecolor a:hover { 1657 color: #7E8DA9; 1658 } 1659 1660 .theme-11 .widgets-theme-11 h2, 1661 .theme-13 .widgets-theme-13 h2, 1662 .theme-14 .widgets-theme-13 h2 { 1663 color: #9C200B; 1664 } 1665 1666 .theme-13 .bottom-1 .generic-banner, 1667 .theme-14 .bottom-1 .generic-banner, 1668 .theme-15 .bottom-1 .generic-banner { 1669 background-color: #353B47; 1670 } 1671 .theme-13 .bottom-2 .generic-banner, 1672 .theme-14 .bottom-2 .generic-banner, 1673 .theme-15 .bottom-2 .generic-banner { 1674 background-color: #7E8DA9; 1675 } 1676 .theme-13 .bottom-3 .generic-banner, 1677 .theme-14 .bottom-3 .generic-banner, 1678 .theme-15 .bottom-3 .generic-banner { 1679 background-color: #9C200B; 1680 } 1681 .theme-13 .bottom-4 .generic-banner, 1682 .theme-14 .bottom-4 .generic-banner , 1683 .theme-15 .bottom-4 .generic-banner{ 1684 background-color: #EEB65F; 1685 } 1686 1687 .banners-theme4 h2 { 1688 color: #EEB65F; 1689 } 1690 1691 .carousel-theme-10 h1:before, 1692 .carousel-theme-10 h2:before, 1693 .carousel-theme-13 h1:before, 1694 .carousel-theme-13 h2:before { 1695 background-color: #9C200B; 1696 } 1697
1698 .theme-10 .news-plugin h3, 1699 .theme-10 .news-plugin a, 1700 .theme-10 .agenda-plugin h3, 1701 .theme-10 .agenda-plugin a, 1702 .theme-13 .news-plugin h3, 1703 .theme-13 .news-plugin a, 1704 .theme-13 .agenda-plugin h3, 1705 .theme-13 .agenda-plugin a, 1706 .theme-20 .news-plugin h3, 1707 .theme-20 .news-plugin a, 1708 .theme-20 .agenda-plugin h3, 1709 .theme-20 .agenda-plugin a, 1710 .theme-25 .news-plugin h3, 1711 .theme-25 .news-plugin a, 1712 .theme-25 .agenda-plugin h3, 1713 .theme-25 .agenda-plugin a { 1714 color: #7E8DA9; 1715 } 1716 1717 .theme-11-news-agenda h2, 1718 .theme-13-news-agenda h2 { 1719 color: #7E8DA9; 1720 } 1721 1722 .theme-11 .pager li > a, .pager li > span, 1723 .theme-13 .pager li > a, .pager li > span { 1724 background-color: #7E8DA9; 1725 } 1726 .theme-11 .pager li > a:hover, 1727 .theme-13 .pager li > a:hover { 1728 background-color: #EEB65F; 1729 } 1730 1731 /* ADD BACKGROUND IMAGE TO THEME */ 1732 body{ 1733 1734 background: #EFEFEF; 1735 1736 } 1737 1738 body, 1739 html { 1740 1741 font-family: "Nunito", system-ui, sans-serif; 1742 1743 -webkit-font-smoothing: antialiased; 1744 font-size: var(--font-base-size); 1745 } 1746 1747 .mt-icon-primary { 1748 color: #9C200B; 1749 } 1750 .mt-icon-secondary { 1751 color: #EEB65F; 1752 } 1753 .mt-icon-themecolor { 1754 color: #7E8DA9; 1755 } 1756 /* 1757 .box.primary, .section.primary { 1758 background-color: #9C200B; 1759 } 1760 .box.secondary, .section.secondary { 1761 background-color: #EEB65F; 1762 } 1763 .box.theme, .section.theme { 1764 background-color: #7E8DA9; 1765 } 1766 .box.tertiary, .section.tertiary { 1767 background-color: #353B47; 1768 } 1769 */ 1770 1771 1772 .mt-icon-tertiary { 1773 color: #353B47; 1774 } 1775 .theme-10 form.djangocms-googlemap-route-planner input[type="submit"], 1776 .theme-20 form.djangocms-googlemap-route-planner input[type="submit"], 1777 .st-7 form.djangocms-googlemap-route-planner input[type="submit"], 1778 .theme-22 form.djangocms-googlemap-route-planner input[type="submit"] { 1779 background-color: #9C200B; 1780 } 1781 .theme-10 form.djangocms-googlemap-route-planner input[type="submit"]:hover, 1782 .theme-20 form.djangocms-googlemap-route-planner input[type="submit"]:hover, 1783 .st-7 form.djangocms-googlemap-route-planner input[type="submit"]:hover, 1784 .theme-22 form.djangocms-googlemap-route-planner input[type="submit"]:hover { 1785 background-color: #EEB65F; 1786 } 1787 1788 .theme-11 .fa-play, 1789 .theme-14 .fa-play { 1790 background-color: #9C200B; 1791 } 1792 .theme-11 .fa-play:hover, 1793 .theme-14 .fa-play:hover { 1794 background-color: #7E8DA9; 1795 text-decoration: none; 1796 } 1797 1798 .theme-24 .content-page .youvideo-thumbnail::after { 1799 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='%237E8DA9' 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"); 1800 } 1801 1802 /* APP STYLES */ 1803 /* Messages */ 1804 .OverViewContainer .postTitle, 1805 .modal-body .postTitle { 1806 color: #7E8DA9; 1807 } 1808 1809 /* Event */ 1810 a.listPostTitle { 1811 color: #9C200B; 1812 } 1813 .agendaeventTitleContainer h4 { 1814 color: #EEB65F; 1815 } 1816 1817 .rbc-header, 1818 .rbc-toolbar button { 1819 background-color: #7E8DA9 !important; 1820 } 1821 .rbc-toolbar button:active { 1822 background-color: #9C200B !important; 1823 } 1824 .rbc-toolbar button.rbc-active, 1825 .rbc-toolbar button:hover { 1826 background-color: #9C200B !important; 1827 } 1828 .rbc-event {
1829 background-color: #9C200B !important; 1830 } 1831 1832 /*Photos*/ 1833 .AlbumOverViewContainer .postTitle { 1834 color: #7E8DA9; 1835 } 1836 1837 /* Theme adjustments */ 1838 .theme-14 .agendaeventTitleContainer h4, 1839 .theme-15 .agendaeventTitleContainer h4 { 1840 color: #EEB65F; 1841 } 1842 1843 /* EVENT COLORS & MODAL */ 1844 .post-modal-header { 1845 background-color: #7E8DA9; 1846 } 1847 1848 .modal-body .eventMonth { 1849 background: #EEB65F; 1850 } 1851 1852 .theme-7 .agendaeventMonth, 1853 .theme-9 .agendaeventMonth .bg-primary, 1854 .theme-10 .agendaeventMonth .bg-primary, 1855 .theme-11 .agendaeventMonth .bg-primary, 1856 .theme-13 .agendaeventMonth .bg-primary, 1857 .theme-17 .agendaeventMonth .bg-primary, 1858 .postOverviewheader.bg-primary.mb-3, 1859 .date-container, 1860 .card.postOverviewheader { 1861 background-color: #7E8DA9 !important; 1862 } 1863 1864 .theme-2 .agendaeventMonth .bg-primary, 1865 .theme-3 .agendaeventMonth .bg-primary, 1866 .theme-5 .agendaeventMonth .bg-primary, 1867 .theme-6 .agendaeventMonth .bg-primary, 1868 .theme-8 .agendaeventMonth .bg-primary, 1869 .theme-19 .agendaeventMonth .bg-primary { 1870 background-color: #9C200B !important; 1871 } 1872 .theme-1 .agendaeventMonth .bg-primary, 1873 .theme-4 .agendaeventMonth .bg-primary, 1874 .theme-14 .agendaeventMonth .bg-primary, 1875 .theme-15 .agendaeventMonth .bg-primary, 1876 .theme-20 .agendaeventMonth .bg-primary { 1877 background-color: #EEB65F !important; 1878 } 1879 1880 .theme-5 h4.card-title.float-left, 1881 .theme-6 h4.card-title.float-left, 1882 .theme-8 h4.card-title.float-left, 1883 a.btn.btn-default.documentBtn.verticalBtn { 1884 color: #9C200B !important; 1885 } 1886 1887 .theme-4 a.eventPostTitle, 1888 .theme-14 h4.card-title.float-left { 1889 color: #EEB65F !important; 1890 } 1891 1892 .theme-1 a.eventPostTitle:hover, 1893 .theme-2 a.eventPostTitle:hover, 1894 .theme-4 a.eventPostTitle:hover, 1895 .theme-7 a.eventPostTitle:hover, 1896 .theme-11 a.eventPostTitle:hover, 1897 .theme-13 a.eventPostTitle:hover, 1898 .theme-14 a.eventPostTitle:hover, 1899 .theme-15 a.eventPostTitle:hover, 1900 .theme-17 a.eventPostTitle:hover, 1901 .theme-18 a.eventPostTitle:hover, 1902 .theme-19 a.eventPostTitle:hover { 1903 color: #7E8DA9; 1904 } 1905 1906 .theme-3 a.eventPostTitle:hover, 1907 .theme-5 a.eventPostTitle:hover, 1908 .theme-6 a.eventPostTitle:hover, 1909 .theme-8 a.eventPostTitle:hover, 1910 .theme-9 a.eventPostTitle:hover, 1911 .theme-10 a.eventPostTitle:hover, 1912 .theme-16 a.eventPostTitle:hover, 1913 .theme-20 a.eventPostTitle:hover, 1914 .theme-20 a.listPostTitle:hover { 1915 color: #9C200B; 1916 } 1917 1918 .eventStartDate .eventMonth, 1919 .theme-7 .modal-body .eventStartDate .eventMonth, 1920 .theme-9 .modal-body .eventStartDate .eventMonth, 1921 .theme-10 .modal-body .eventStartDate .eventMonth, 1922 .theme-11 .modal-body .eventStartDate .eventMonth, 1923 .theme-13 .modal-body .eventStartDate .eventMonth, 1924 .theme-16 .modal-body .eventStartDate .eventMonth, 1925 .theme-17 .modal-body .eventStartDate .eventMonth, 1926 .theme-18 .modal-body .eventStartDate .eventMonth, 1927 .theme-20 .modal-body .eventStartDate .eventMonth { 1928 background-color: #7E8DA9 !important; 1929 } 1930 1931 .theme-1 .modal-body .eventStartDate .eventMonth, 1932 .theme-3 .modal-body .eventStartDate .eventMonth, 1933 .theme-4 .modal-body .eventStartDate .eventMonth, 1934 .theme-5 .modal-body .eventStartDate .eventMonth, 1935 .theme-6 .modal-body .eventStartDate .eventMonth, 1936 .theme-8 .modal-body .eventStartDate .eventMonth { 1937 background-color: #9C200B !important; 1938 } 1939 .theme-14 .modal-body .eventStartDate .eventMonth, 1940 .theme-15 .modal-body .eventStartDate .eventMonth { 1941 background-color: #EEB65F !important; 1942 } 1943 1944 .modal-body h4.postTitle { 1945 color: #7E8DA9 !important; 1946 } 1947 1948 .modal-header, 1949 .documentListContainer .btn { 1950 background-color: #7E8DA9; 1951 color: #ffffff; 1952 } 1953 1954 .modal-header > .modal-title{ 1955 color: #ffffff; 1956 } 1957 1958 .rbc-btn-group button, 1959 .rbc-event, 1960 .rbc-header, 1961 .rbc-month-header .rbc-header, 1962 .rbc-time-header-cell-single-day .rbc-header, 1963 .rbc-agenda-view .rbc-agenda-table thead tr { 1964 background-color: #7E8DA9; 1965 } 1966 1967 .custom-select { 1968 background: #7E8DA9 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; 1969 background-size: 8px 10px; 1970 } 1971 1972 .rbc-toolbar-label { 1973 color: #7E8DA9; 1974 } 1975 1976 1977 /* HEADER, LINK AND ICON COLOR */ 1978 .nobox.theme_color.colored_text h2, 1979 .nobox.theme_color.colored_text h3, 1980 .nobox.theme_color.colored_text a, 1981 .nobox.theme_color.colored_text .iconplugin-icon, 1982 .outline.theme_color.colored_text h2, 1983 .outline.theme_color.colored_text h3, 1984 .outline.theme_color.colored_text a, 1985 .coloredbox.theme_color.colored_text h2, 1986 .coloredbox.theme_color.colored_text h3, 1987 .coloredbox.theme_color.colored_text a, 1988 .greyoutline.theme_color.colored_text h2, 1989 .greyoutline.theme_color.colored_text h3, 1990 .greyoutline.theme_color.colored_text a, 1991 .greybox.theme_color.colored_text h2, 1992 .greybox.theme_color.colored_text h3, 1993 .greybox.theme_color.colored_text a, 1994 .vacancy-container.theme_color h2, 1995 .vacancy-list-container.theme_color h3, 1996 .contact-banner .nobox.theme_color.colored_text a[href^=tel], 1997 .contact-banner .outline.theme_color.colored_text a[href^=tel], 1998 .contact-banner .coloredbox.theme_color.colored_text a[href^=tel], 1999 .contact-banner .greyoutline.theme_color.colored_text a[href^=tel], 2000 .contact-banner .greybox.theme_color.colored_text a[href^=tel] { 2001 color: #7E8DA9; 2002 } 2003 2004 .nobox.primary_color.colored_text h2, 2005 .nobox.primary_color.colored_text h3, 2006 .nobox.primary_color.colored_text a, 2007 .nobox.primary_color.colored_text .iconplugin-icon, 2008 .outline.primary_color.colored_text h2, 2009 .outline.primary_color.colored_text h3, 2010 .outline.primary_color.colored_text a, 2011 .coloredbox.primary_color.colored_text h2, 2012 .coloredbox.primary_color.colored_text h3, 2013 .coloredbox.primary_color.colored_text a, 2014 .greyoutline.primary_color.colored_text h2, 2015 .greyoutline.primary_color.colored_text h3, 2016 .greyoutline.primary_color.colored_text a, 2017 .greybox.primary_color.colored_text h2, 2018 .greybox.primary_color.colored_text h3, 2019 .greybox.primary_color.colored_text a, 2020 .vacancy-container.primary_color h2, 2021 .vacancy-list-container.primary_color h3, 2022 .contact-banner .nobox.primary_color.colored_text a[href^=tel], 2023 .contact-banner .outline.primary_color.colored_text a[href^=tel], 2024 .contact-banner .coloredbox.primary_color.colored_text a[href^=tel], 2025 .contact-banner .greyoutline.primary_color.colored_text a[href^=tel], 2026 .contact-banner .greybox.primary_color.colored_text a[href^=tel] { 2027 color: #9C200B;; 2028 } 2029 2030 .nobox.secondary_color.colored_text h2, 2031 .nobox.secondary_color.colored_text h3, 2032 .nobox.secondary_color.colored_text a, 2033 .nobox.secondary_color.colored_text .iconplugin-icon, 2034 .outline.secondary_color.colored_text h2, 2035 .outline.secondary_color.colored_text h3, 2036 .outline.secondary_color.colored_text a, 2037 .coloredbox.secondary_color.colored_text h2, 2038 .coloredbox.secondary_color.colored_text h3, 2039 .coloredbox.secondary_color.colored_text a, 2040 .greyoutline.secondary_color.colored_text h2, 2041 .greyoutline.secondary_color.colored_text h3, 2042 .greyoutline.secondary_color.colored_text a, 2043 .greybox.secondary_color.colored_text h2, 2044 .greybox.secondary_color.colored_text h3, 2045 .greybox.secondary_color.colored_text a, 2046 .vacancy-container.secondary_color h2, 2047 .vacancy-list-container.secondary_color h3, 2048 .contact-banner .nobox.secondary_color.colored_text a[href^=tel], 2049 .contact-banner .outline.secondary_color.colored_text a[href^=tel], 2050 .contact-banner .coloredbox.secondary_color.colored_text a[href^=tel], 2051 .contact-banner .greyoutline.tsecondarycolor.colored_text a[href^=tel], 2052 .contact-banner .greybox.secondary_color.colored_text a[href^=tel] { 2053 color: #EEB65F ; 2054 } 2055 2056 .nobox.tertiary_color.colored_text h2, 2057 .nobox.tertiary_color.colored_text h3, 2058 .nobox.tertiary_color.colored_text a, 2059 .nobox.tertiary_color.colored_text .iconplugin-icon, 2060 .outline.tertiary_color.colored_text h2, 2061 .outline.tertiary_color.colored_text h3, 2062 .outline.tertiary_color.colored_text a, 2063 .coloredbox.tertiary_color.colored_text h2, 2064 .coloredbox.tertiary_color.colored_text h3, 2065 .coloredbox.tertiary_color.colored_text a, 2066 .greyoutline.tertiary_color.colored_text h2, 2067 .greyoutline.tertiary_color.colored_text h3, 2068 .greyoutline.tertiary_color.colored_text a, 2069 .greybox.tertiary_color.colored_text h2, 2070 .greybox.tertiary_color.colored_text h3, 2071 .greybox.tertiary_color.colored_text a, 2072 .vacancy-container.tertiary_color h2, 2073 .vacancy-list-container.tertiary_color h3, 2074 .contact-banner .nobox.tertiary_color.colored_text a[href^=tel], 2075 .contact-banner .outline.tertiary_color.colored_text a[href^=tel], 2076 .contact-banner .coloredbox.tertiary_color.colored_text a[href^=tel], 2077 .contact-banner .greyoutline.tertiary_color.colored_text a[href^=tel], 2078 .contact-banner .greybox.tertiary_color.colored_text a[href^=tel] { 2079 color: #353B47 ; 2080 } 2081 2082 2083 /* VACANCY COLORS */ 2084 .vacancy-container.nobox.theme_color .btn-group .btn-read, 2085 .vacancy-container.outline.theme_color .btn-group .btn-read, 2086 .vacancy-container.greyoutline.theme_color .btn-group .btn-read, 2087 .vacancy-container.greybox.theme_color .btn-group .btn-read,
2088 .vacancy-container.theme_color .modal-header, 2089 .vacancy-container.theme_color .btn-close, 2090 .vacancy-list-container.theme_color .btn-group .btn-read, 2091 .vacancy-list-container.theme_color .modal-header, 2092 .vacancy-list-container.theme_color .btn-close { 2093 background-color: #7E8DA9; 2094 border-color: #7E8DA9; 2095 } 2096 2097 .vacancy-container.primary_color .btn-group .btn-read, 2098 .vacancy-container.primary_color .modal-header, 2099 .vacancy-container.primary_color .btn-close, 2100 .vacancy-list-container.primary_color .btn-group .btn-read, 2101 .vacancy-list-container.primary_color .modal-header, 2102 .vacancy-list-container.primary_color .btn-close { 2103 background-color: #9C200B; 2104 border-color: #9C200B; 2105 } 2106 2107 .vacancy-container.secondary_color .btn-group .btn-read, 2108 .vacancy-container.secondary_color .modal-header, 2109 .vacancy-container.secondary_color .btn-close, 2110 .vacancy-list-container.secondary_color .btn-group .btn-read, 2111 .vacancy-list-container.secondary_color .modal-header, 2112 .vacancy-list-container.secondary_color .btn-close { 2113 background-color: #EEB65F; 2114 border-color: #EEB65F; 2115 } 2116 2117 .vacancy-container.tertiary_color .btn-group .btn-read, 2118 .vacancy-container.tertiary_color .modal-header, 2119 .vacancy-container.tertiary_color .btn-close, 2120 .vacancy-list-container.tertiary_color .btn-group .btn-read, 2121 .vacancy-list-container.tertiary_color .modal-header, 2122 .vacancy-list-container.tertiary_color .btn-close { 2123 background-color: #353B47; 2124 border-color: #353B47; 2125 } 2126 2127 .vacancy-container.coloredbox.theme_color .btn-group .btn-read, 2128 .list-vacancy-container a.btn-vacancy.theme_color { 2129 color: #7E8DA9; 2130 } 2131 2132 .vacancy-container.coloredbox.primary_color .btn-group .btn-read, 2133 .list-vacancy-container a.btn-vacancy.primary_color { 2134 color: #9C200B; 2135 } 2136 2137 .vacancy-container.coloredbox.secondary_color .btn-group .btn-read, 2138 .list-vacancy-container a.btn-vacancy.secondary_color { 2139 color: #EEB65F; 2140 } 2141 2142 .vacancy-container.coloredbox.tertiary_color .btn-group .btn-read, 2143 .list-vacancy-container a.btn-vacancy.tertiary_color { 2144 color: #353B47; 2145 } 2146 2147 .vacancy-list-container.theme_color .fa-bullhorn { 2148 border: 1px solid #7E8DA9; 2149 } 2150 2151 .vacancy-list-container.primary_color .fa-bullhorn { 2152 border: 1px solid #9C200B; 2153 } 2154 2155 .vacancy-list-container.secondary_color .fa-bullhorn { 2156 border: 1px solid #EEB65F; 2157 } 2158 2159 .vacancy-list-container.tertiary_color .fa-bullhorn { 2160 border: 1px solid #353B47; 2161 } 2162 2163 2164 /* GENERIC BANNER & SCHOOL STATISTICS COLORS */ 2165 .st-10 .icons-wrapper .icon-container .iconplugin-icon, 2166 .flex-t10 .icon-container .iconplugin-icon{ 2167 background-color: #ffffff !important; 2168 border: none !important; 2169 color: #7E8DA9 !important; 2170 } 2171 2172 .theme-10 .navbar .open-menu, 2173 .theme-20 .navbar .open-menu, 2174 .theme-21 .navbar .open-menu, 2175 .theme-24 .navbar .open-menu, 2176 .theme-25 .navbar .open-menu, 2177 .st-9 .navbar .open-menu, 2178 .st-6 .navbar .open-menu, 2179 .st-7 .navbar .open-menu { 2180 color: #E4E4E4; 2181 } 2182 2183 2184 .st-2 .fourpillar-item, 2185 .st-5 .fourpillar-item, 2186 .st-6 .fourpillar-item, 2187 .contact-banner, 2188 .job_card, 2189 .search-card, 2190 .blog-card, 2191 .carousel-tagline .schoolname, 2192 .carousel-tagline .school-tagline, 2193 #searchModal .search-modal.modal-content, 2194 .navbar-theme-16 .nav > li.active > a{ 2195 border-radius: 16px; 2196 } 2197 2198 .st-2 .fourpillar-item .pillar-icon-top{ 2199 border-radius: 16px 2200 } 2201 2202 .st-2 .fourpillar-item.mt-item-themecolor .pillar-icon-top{ 2203 background-color: #7E8DA9; 2204 } 2205 .st-2 .fourpillar-item.mt-item-tertiary .pillar-icon-top{ 2206 background-color: #353B47; 2207 } 2208 .st-2 .fourpillar-item.mt-item-primary .pillar-icon-top{ 2209 background-color: #9C200B; 2210 } 2211 .st-2 .fourpillar-item.mt-item-secondary .pillar-icon-top{ 2212 background-color: #EEB65F; 2213 } 2214 2215 .gets-rounded, 2216 .st-9 .main-content.first-row .column, 2217 .st-1 .generic-banners, 2218 .st-10 .icons-wrapper .icon-container .iconplugin-icon, 2219 .slick-arrow{ 2220 border-radius: 16px !important; 2221 } 2222 2223 .news__items-horizontal .news__container .news__header { 2224 border-top-left-radius: 16px; 2225 border-top-right-radius: 16px; 2226 overflow: hidden; 2227 } 2228 2229 .st-4 .nav-stacked.gets-rounded{ 2230 overflow-y: hidden; 2231 border-bottom: none; 2232 } 2233 2234 2235 2236 .st-4 .carousel-tagline .schoolname, 2237 .st-4 .carousel-tagline .school-tagline{ 2238 padding: 16px; 2239 } 2240 2241 2242 [class*="mt-btn"], 2243 .file-plugin, 2244 .btn-share, 2245 .btn-search, .btn-outline { 2246 2247 border-radius: 99999999px !important; 2248 2249 2250 2251 } 2252 2253 2254 .file-plugin{ 2255 padding-left:20px; 2256 } 2257 .file-plugin--icon{ 2258 overflow: hidden; 2259 } 2260 2261 2262 2263 .gets-shadow, 2264 .gets-shadow--hover, 2265 .st-1 .generic-banners, 2266 .st-4 .carousel-tagline .schoolname, 2267 .st-4 .carousel-tagline .school-tagline, 2268 .st-9 .main-content.first-row .column, 2269 .st-10 .icons-wrapper .icon-container .iconplugin-icon, 2270 .base-template .icon-container.icon__background.gets-shadow .icon-choice{ 2271 2272 box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.02) !important; 2273 2274 } 2275 2276 .base-template .icon-container.icon__background.gets-shadow, 2277 .base-template .icon-container.nobox.gets-shadow { 2278 box-shadow: none !important; 2279 } 2280 2281 .gets-shadow--hover{ 2282 transition: all .15s cubic-bezier(0.25, 0.8, 0.25, 1); 2283 } 2284 2285 .verticalPostRow.gets-rounded, 2286 .news__items-horizontal .news { 2287 overflow: hidden; 2288 } 2289 2290 .news__items-horizontal .news .news__body{ 2291 padding: 10px; 2292 } 2293 2294 .news__items-horizontal .news .news__footer{ 2295 padding-left: 15px; 2296 } 2297 2298 .gets-shadow--hover:hover, 2299 .st-10 .icons-wrapper .icon-container .iconplugin-icon{ 2300 2301 box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22) !important; 2302 2303 } 2304 2305 2306 2307 2308 h1, 2309 h2, 2310 h3, 2311 h4, 2312 h5, 2313 h6{ 2314 color: var(--theme-heading-color); 2315 2316 font-family: var(--heading-ff); 2317 2318 } 2319 2320 2321</style>
2321<script> 2322 (function() { 2323 var w = 1400; 2324 if (window.innerWidth >= w) { 2325 document.documentElement.classList.add('desktop-nav'); 2326 } 2327 })(); 2328</script>
2328<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=Nunito:wght@400;500;700&display=swap&version=2' rel='stylesheet' type='text/css'><link href='https://fonts.googleapis.com/css2?family=Eczar:wght@400;500;700&display=swap&version=2' rel='stylesheet' type='text/css'><link href='https://fonts.googleapis.com/css2?family=Eczar: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/Montessorischool%20Elzeneind/favicon_SAAM" type="image/x-icon"><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><p>Burgerschap</p><p></p></div> 2329 </div> 2330 2331 <header> 2332 2333 2334 2335 2336<nav class="navbar navbar-expand-xxl active__bold nav-bg nav-default nav-shadow" data-toggle="affix" > 2337 <div class="container"> 2338 <div class="nav-header"> 2339 <a class="school-logo-wrapper " href="/"><img class="school-logo" src="https://stichtingsaam-live-e2387fcd4b494e93b40a-ddb4c9f.divio-media.net/filer_public/7c/30/7c307810-ae9c-4084-9589-d0fcbb2b673d/logo-elzeneind.png" style="height:120px" /></a> 2340 <button class="menu-toggle d-flex ml-auto gets-rounded menu-toggle--open"> 2341 <span class="toggle-icon"></span> 2342 </button> 2343 </div> 2344 <div class="site-menu" data-collapse="1400" data-type="normal"> 2345 <button class="menu-toggle d-flex menu-toggle__close"> 2346 <span class="toggle-icon"></span> 2347 </button> 2348 <ul class="navbar-nav mx-auto"> 2349 2350 2351 2352 2353 2354 2355 2356 <li class="nav-item active"> 2357 <a class="nav-link" 2358 href="/" 2359 > 2360 Home 2361 </a> 2362 </li> 2363 2364 2365 2366 2367 <li class="nav-item sub-menu-parent"> 2368 <div class="nav-holder d-flex align-items-baseline"> 2369 <a class="nav-link flex-grow-1" 2370 data-show="sub-menu" 2371 href="/onze-school/" 2372 > 2373 Montessorischool Elzeneind <i class="fas fa-2xs fa-chevron-down"></i> 2374 </a> 2375 2376 <span id="expand-icon" data-show="sub-menu" class="icon expand"></span> 2377 </div> 2378 <div class="sub-item-wrapper"> 2379 <!-- Changing xl to xxl because XXL is the new standard break point of boostrap, 2380 in the past the breakpoints were changed, 2381 but never updated so it broke in some places --> 2382 <button class="nav-back-btn mobile-nav-only" data-hide="sub-menu"> <i class="fas fa-chevron-left"></i> Terug</button> 2383 <p class="sub-item-title h1 mobile-nav-only">Montessorischool Elzeneind</p> 2384 <ul class="sub-items list-unstyled"> 2385 2386 <li class="sub-item first-layer"> 2387 <a class="sub-link first-layer" 2388 href="/onze-school/montessorischool-elzeneind-staat-voor/" 2389 2390 > 2391 Montessorischool Elzeneind staat voor... 2392 </a> 2393 <span id="expand-icon-level-2" data-show="sub-menu" class="icon expand"></span> 2394 2395 </li> 2396 2397 <li class="sub-item first-layer"> 2398 <a class="sub-link first-layer" 2399 href="/onze-school/onze-visie/" 2400 2401 > 2402 Onze visie 2403 </a> 2404 <span id="expand-icon-level-2" data-show="sub-menu" class="icon expand"></span> 2405 2406 </li> 2407 2408 <li class="sub-item first-layer"> 2409 <a class="sub-link first-layer" 2410 href="/onze-school/onze-visie-copy-2/" 2411 2412 > 2413 Ons onderwijs in beeld 2414 </a> 2415 <span id="expand-icon-level-2" data-show="sub-menu" class="icon expand"></span> 2416 2417 </li> 2418 2419 <li class="sub-item first-layer"> 2420 <a class="sub-link first-layer" 2421 href="/onze-school/onze-visie-copy-3/" 2422 2423 > 2424 Maria Montessori 2425 </a>
2426 <span id="expand-icon-level-2" data-show="sub-menu" class="icon expand"></span> 2427 2428 </li> 2429 2430 <li class="sub-item first-layer"> 2431 <a class="sub-link first-layer" 2432 href="/onze-school/ons-team/" 2433 2434 > 2435 Ons team 2436 </a> 2437 <span id="expand-icon-level-2" data-show="sub-menu" class="icon expand"></span> 2438 2439 </li> 2440 2441 <li class="sub-item first-layer"> 2442 <a class="sub-link first-layer" 2443 href="/onze-school/schooltijden/" 2444 2445 > 2446 Schooltijden 2447 </a> 2448 <span id="expand-icon-level-2" data-show="sub-menu" class="icon expand"></span> 2449 2450 </li> 2451 2452 <li class="sub-item first-layer"> 2453 <a class="sub-link first-layer" 2454 href="/onze-school/schoolgids-en-documenten/" 2455 2456 > 2457 Schoolgids en documenten 2458 </a> 2459 <span id="expand-icon-level-2" data-show="sub-menu" class="icon expand"></span> 2460 2461 </li> 2462 2463 <li class="sub-item first-layer"> 2464 <a class="sub-link first-layer" 2465 href="/onze-school/saamvatting/" 2466 2467 > 2468 SAAM&vatting 2469 </a> 2470 <span id="expand-icon-level-2" data-show="sub-menu" class="icon expand"></span> 2471 2472 </li> 2473 2474 <li class="sub-item first-layer"> 2475 <a class="sub-link first-layer" 2476 href="/onze-school/Veelgestelde-vragen/" 2477 2478 > 2479 Veelgestelde vragen 2480 </a> 2481 <span id="expand-icon-level-2" data-show="sub-menu" class="icon expand"></span> 2482 2483 </li> 2484 2485 </ul> 2486 </div> 2487 </li> 2488 2489 2490 2491 2492 2493 <li class="nav-item sub-menu-parent"> 2494 <div class="nav-holder d-flex align-items-baseline"> 2495 <a class="nav-link flex-grow-1" 2496 data-show="sub-menu" 2497 href="/ons-onderwijs/" 2498 > 2499 Ons onderwijs <i class="fas fa-2xs fa-chevron-down"></i> 2500 </a> 2501 2502 <span id="expand-icon" data-show="sub-menu" class="icon expand"></span> 2503 </div> 2504 <div class="sub-item-wrapper"> 2505 <!-- Changing xl to xxl because XXL is the new standard break point of boostrap, 2506 in the past the breakpoints were changed, 2507 but never updated so it broke in some places --> 2508 <button class="nav-back-btn mobile-nav-only" data-hide="sub-menu"> <i class="fas fa-chevron-left"></i> Terug</button> 2509 <p class="sub-item-title h1 mobile-nav-only">Ons onderwijs</p> 2510 <ul class="sub-items list-unstyled"> 2511 2512 <li class="sub-item first-layer"> 2513 <a class="sub-link first-layer" 2514 href="/ons-onderwijs/kosmisch-onderwijs/" 2515 2516 > 2517 Kosmisch onderwijs 2518 </a> 2519 <span id="expand-icon-level-2" data-show="sub-menu" class="icon expand"></span> 2520 2521 </li> 2522 2523 <li class="sub-item first-layer"> 2524 <a class="sub-link first-layer" 2525 href="/ons-onderwijs/periode-van-groei-burgerschap/" 2526 2527 > 2528 Periode van Groei - burgerschap 2529 </a> 2530 <span id="expand-icon-level-2" data-show="sub-menu" class="icon expand"></span> 2531 2532 </li> 2533 2534 <li class="sub-item first-layer"> 2535 <a class="sub-link first-layer" 2536 href="/ons-onderwijs/rekenen-en-geometrie/" 2537 2538 > 2539 Rekenen en Geometrie 2540 </a> 2541 <span id="expand-icon-level-2" data-show="sub-menu" class="icon expand"></span> 2542 2543 </li> 2544 2545 <li class="sub-item first-layer"> 2546 <a class="sub-link first-layer" 2547 href="/ons-onderwijs/taal/" 2548 2549 > 2550 Taal 2551 </a>
2552 <span id="expand-icon-level-2" data-show="sub-menu" class="icon expand"></span> 2553 2554 </li> 2555 2556 <li class="sub-item first-layer"> 2557 <a class="sub-link first-layer" 2558 href="/ons-onderwijs/waarneming-en-motoriek/" 2559 2560 > 2561 Waarneming en Motoriek 2562 </a> 2563 <span id="expand-icon-level-2" data-show="sub-menu" class="icon expand"></span> 2564 2565 </li> 2566 2567 <li class="sub-item first-layer"> 2568 <a class="sub-link first-layer" 2569 href="/ons-onderwijs/-/" 2570 2571 > 2572 Plusklas 2573 </a> 2574 <span id="expand-icon-level-2" data-show="sub-menu" class="icon expand"></span> 2575 2576 </li> 2577 2578 </ul> 2579 </div> 2580 </li> 2581 2582 2583 2584 2585 2586 <li class="nav-item "> 2587 <a class="nav-link" 2588 href="/voor-ouders/" 2589 > 2590 Voor ouders 2591 </a> 2592 </li> 2593 2594 2595 2596 2597 <li class="nav-item "> 2598 <a class="nav-link" 2599 href="/contact/" 2600 > 2601 Contact 2602 </a> 2603 </li> 2604 2605 2606 2607 2608 <li class="nav-item sub-menu-parent"> 2609 <div class="nav-holder d-flex align-items-baseline"> 2610 <a class="nav-link flex-grow-1" 2611 data-show="sub-menu" 2612 href="/saam/" 2613 > 2614 SAAM* <i class="fas fa-2xs fa-chevron-down"></i> 2615 </a> 2616 2617 <span id="expand-icon" data-show="sub-menu" class="icon expand"></span> 2618 </div> 2619 <div class="sub-item-wrapper"> 2620 <!-- Changing xl to xxl because XXL is the new standard break point of boostrap, 2621 in the past the breakpoints were changed, 2622 but never updated so it broke in some places --> 2623 <button class="nav-back-btn mobile-nav-only" data-hide="sub-menu"> <i class="fas fa-chevron-left"></i> Terug</button> 2624 <p class="sub-item-title h1 mobile-nav-only">SAAM*</p> 2625 <ul class="sub-items list-unstyled"> 2626 2627 <li class="sub-item first-layer"> 2628 <a class="sub-link first-layer" 2629 href="/saam/alshetmisgaat/" 2630 2631 target="_blank"> 2632 Als het mis gaat... 2633 </a> 2634 <span id="expand-icon-level-2" data-show="sub-menu" class="icon expand"></span> 2635 2636 </li> 2637 2638 <li class="sub-item first-layer"> 2639 <a class="sub-link first-layer" 2640 href="/saam/privacystatement/" 2641 2642 target="_blank"> 2643 Privacystatement 2644 </a> 2645 <span id="expand-icon-level-2" data-show="sub-menu" class="icon expand"></span> 2646 2647 </li> 2648 2649 <li class="sub-item first-layer"> 2650 <a class="sub-link first-layer" 2651 href="/saam/saam-werken/" 2652 2653 target="_blank"> 2654 SAAM* werken 2655 </a> 2656 <span id="expand-icon-level-2" data-show="sub-menu" class="icon expand"></span> 2657 2658 </li> 2659 2660 </ul> 2661 </div> 2662 </li> 2663 2664 2665 2666 2667 2668 2669 2670 2671 </ul> 2672 <!-- SEARCH FUNCTION --> 2673 2674 <div class="search-function d-inline-flex"> 2675 <div class="form-check search-button"> 2676 <button class="search-toggle" data-toggle="modal" data-target="#searchModal"><i class="fa fa-search"></i></button> 2677 </div> 2678 </div> 2679 2680<!-- END SEARCH FUNCTION --> 2681 </div> 2682 </div> 2683</nav> 2684 2685 2686 2687 2688 2689 2690 2691<div class="container-fluid"> 2692 <div class="row"> 2693 <div class="slider-wrapper slider-wrapper__medium slider_content_fifty_fifty_bordered"> 2694 <div class="home-slider" data-auto="true" data-fade="false"> 2695 2696 <div class="carousel-slide"> 2697 2698 2699 2700 2701 2702 2703 2704 2705<img class="img-fluid picture-plugin plugin-block " src="https://stichtingsaam-live-e2387fcd4b494e93b40a-ddb4c9f.divio-media.net/filer_public_thumbnails/filer_public/68/3d/683df817-3406-4a79-80d5-d47787de5968/screenshot_20251127_094914_instagram.jpg__2560x2560_q100_subsampling-2.jpg" 2706 2707 2708 2709 2710 style="object-position: 50% 50%" 2711> 2712 2713 2714 2715 2716 2717 2718 2719 2720 2721 2722 </div> 2723 2724 <div class="carousel-slide"> 2725 2726 2727 2728 2729 2730 2731 2732 2733<img class="img-fluid picture-plugin plugin-block " src="https://stichtingsaam-live-e2387fcd4b494e93b40a-ddb4c9f.divio-media.net/filer_public_thumbnails/filer_public/be/bd/bebd3808-a9ba-4de0-b077-5a9ca8a184ae/afbeeldinggoed.png__2560x2560_q100_subsampling-2.jpg" 2734 2735 2736 2737 2738 style="object-position: 50% 50%" 2739> 2740 2741 2742 2743 2744 2745 2746 2747 2748 2749 2750 </div> 2751 2752 <div class="carousel-slide"> 2753 2754 2755 2756 2757 2758 2759 2760 2761<img class="img-fluid picture-plugin plugin-block " src="https://stichtingsaam-live-e2387fcd4b494e93b40a-ddb4c9f.divio-media.net/filer_public_thumbnails/filer_public/da/8e/da8ede95-f48a-4bb0-bc8e-976a5660a067/dsc05323-verbeterd-nr.jpg__2560x2560_q100_subsampling-2.jpg" 2762 2763 2764 2765 2766 style="object-position: 50% 50%" 2767> 2768 2769 2770 2771 2772 2773 2774 2775 2776 2777 2778 </div> 2779 2780 <div class="carousel-slide"> 2781 2782 2783 2784 2785 2786 2787 2788 2789<img class="img-fluid picture-plugin plugin-block " src="https://stichtingsaam-live-e2387fcd4b494e93b40a-ddb4c9f.divio-media.net/filer_public_thumbnails/filer_public/ab/59/ab59dd70-fad2-4fcc-8c76-da354e890f6b/dsc05319-verbeterd-nr.jpg__2560x2560_q100_subsampling-2.jpg" 2790 2791 2792 2793 2794 style="object-position: 50% 50%" 2795> 2796 2797 2798 2799 2800 2801 2802 2803 2804 2805 2806 </div> 2807 2808 <div class="carousel-slide"> 2809 2810 2811 2812 2813 2814 2815 2816 2817<img class="img-fluid picture-plugin plugin-block " src="https://stichtingsaam-live-e2387fcd4b494e93b40a-ddb4c9f.divio-media.net/filer_public_thumbnails/filer_public/1e/ad/1eadcfec-b732-4390-a995-6a3c29105dd5/dsc05317-verbeterd-nr.jpg__2560x2560_q100_subsampling-2.jpg" 2818 2819 2820 2821 2822 style="object-position: 50% 50%" 2823> 2824 2825 2826 2827 2828 2829 2830 2831 2832 2833 2834 </div> 2835 2836 <div class="carousel-slide"> 2837 2838 2839 2840 2841 2842 2843 2844 2845<img class="img-fluid picture-plugin plugin-block " src="https://stichtingsaam-live-e2387fcd4b494e93b40a-ddb4c9f.divio-media.net/filer_public_thumbnails/filer_public/1e/35/1e350932-21b5-41bc-be1a-b3523d30fce2/dsc05549-verbeterd-nr.jpg__2560x2560_q100_subsampling-2.jpg" 2846 2847 2848 2849 2850 style="object-position: 50% 50%" 2851> 2852 2853 2854 2855 2856 2857 2858 2859 2860 2861 2862 </div> 2863 2864 <div class="carousel-slide"> 2865 2866 2867 2868 2869 2870 2871 2872 2873<img class="img-fluid picture-plugin plugin-block " src="https://stichtingsaam-live-e2387fcd4b494e93b40a-ddb4c9f.divio-media.net/filer_public_thumbnails/filer_public/e4/a1/e4a178c7-390a-45b7-9c9d-63d15d6f4523/dsc05374.jpg__2560x2560_q100_subsampling-2.jpg" 2874 2875 2876 2877 2878 style="object-position: 50% 50%" 2879> 2880 2881 2882 2883 2884 2885 2886 2887 2888 2889 2890 </div> 2891 2892 <div class="carousel-slide"> 2893 2894 2895 2896 2897 2898 2899 2900 2901<img class="img-fluid picture-plugin plugin-block " src="https://stichtingsaam-live-e2387fcd4b494e93b40a-ddb4c9f.divio-media.net/filer_public_thumbnails/filer_public/66/61/66619498-2ae2-4fca-894f-b22c02c62b41/dsc05344-verbeterd-nr.jpg__2560x2560_q100_subsampling-2.jpg" 2902 2903 2904 2905 2906 style="object-position: 50% 50%" 2907> 2908 2909 2910 2911 2912 2913 2914 2915 2916 2917 2918 </div> 2919 2920 <div class="carousel-slide"> 2921 2922 2923 2924 2925 2926 2927 2928 2929<img class="img-fluid picture-plugin plugin-block " src="https://stichtingsaam-live-e2387fcd4b494e93b40a-ddb4c9f.divio-media.net/filer_public_thumbnails/filer_public/fd/d4/fdd42ddd-22e9-45e9-905e-4e792bf192d7/dsc05492.jpg__2560x2560_q100_subsampling-2.jpg" 2930 2931 2932 2933 2934 style="object-position: 50% 50%" 2935> 2936 2937 2938 2939 2940 2941 2942 2943 2944 2945 2946 </div> 2947 2948 <div class="carousel-slide"> 2949 2950 2951 2952 2953 2954 2955 2956 2957<img class="img-fluid picture-plugin plugin-block " src="https://stichtingsaam-live-e2387fcd4b494e93b40a-ddb4c9f.divio-media.net/filer_public_thumbnails/filer_public/48/68/4868b36a-9893-4cb7-87aa-a0ad90889b9f/dsc05347-verbeterd-nr.jpg__2560x2560_q100_subsampling-2.jpg" 2958 2959 2960 2961 2962 style="object-position: 50% 50%" 2963> 2964 2965 2966 2967 2968 2969 2970 2971 2972 2973 2974 </div> 2975 2976 <div class="carousel-slide"> 2977 2978 2979 2980 2981 2982 2983 2984 2985<img class="img-fluid picture-plugin plugin-block " src="https://stichtingsaam-live-e2387fcd4b494e93b40a-ddb4c9f.divio-media.net/filer_public_thumbnails/filer_public/08/a2/08a2743d-7016-4e99-b361-41f4bac77e97/dsc05520.jpg__2560x2560_q100_subsampling-2.jpg" 2986 2987 2988 2989 2990 style="object-position: 50% 50%" 2991> 2992 2993 2994 2995 2996 2997 2998 2999 3000 3001 3002 </div> 3003 3004 <div class="carousel-slide"> 3005 3006 3007 3008 3009 3010 3011 3012 3013<img class="img-fluid picture-plugin plugin-block " src="https://stichtingsaam-live-e2387fcd4b494e93b40a-ddb4c9f.divio-media.net/filer_public_thumbnails/filer_public/1e/35/1e350932-21b5-41bc-be1a-b3523d30fce2/dsc05549-verbeterd-nr.jpg__2560x2560_q100_subsampling-2.jpg" 3014 3015 3016 3017 3018 style="object-position: 50% 50%" 3019> 3020 3021 3022 3023 3024 3025 3026 3027 3028 3029 3030 </div> 3031 3032 <div class="carousel-slide"> 3033 3034 3035 3036 3037 3038 3039 3040 3041<img class="img-fluid picture-plugin plugin-block " src="https://stichtingsaam-live-e2387fcd4b494e93b40a-ddb4c9f.divio-media.net/filer_public_thumbnails/filer_public/75/01/7501699c-0779-4382-9286-1843a600f379/dsc05511.jpg__2560x2560_q100_subsampling-2.jpg" 3042 3043 3044 3045 3046 style="object-position: 50% 50%" 3047> 3048 3049 3050 3051 3052 3053 3054 3055 3056 3057 3058 </div> 3059 3060 <div class="carousel-slide"> 3061 3062 3063 3064 3065 3066 3067 3068 3069<img class="img-fluid picture-plugin plugin-block " src="https://stichtingsaam-live-e2387fcd4b494e93b40a-ddb4c9f.divio-media.net/filer_public_thumbnails/filer_public/04/e1/04e1c03d-812e-4bf5-a778-130f213069d8/dsc05378.jpg__2560x2560_q100_subsampling-2.jpg" 3070 3071 3072 3073 3074 style="object-position: 50% 50%" 3075> 3076 3077 3078 3079 3080 3081 3082 3083 3084 3085 3086 </div> 3087 3088 <div class="carousel-slide"> 3089 3090 3091 3092 3093 3094 3095 3096 3097<img class="img-fluid picture-plugin plugin-block " src="https://stichtingsaam-live-e2387fcd4b494e93b40a-ddb4c9f.divio-media.net/filer_public_thumbnails/filer_public/5f/83/5f83f49d-9f70-4be3-b456-ae1c198f76a1/dsc05428.jpg__2560x2560_q100_subsampling-2.jpg" 3098 3099 3100 3101 3102 style="object-position: 50% 50%" 3103> 3104 3105 3106 3107 3108 3109 3110 3111 3112 3113 3114 </div> 3115 3116 <div class="carousel-slide"> 3117 3118 3119 3120 3121 3122 3123 3124 3125<img class="img-fluid picture-plugin plugin-block " src="https://stichtingsaam-live-e2387fcd4b494e93b40a-ddb4c9f.divio-media.net/filer_public_thumbnails/filer_public/c3/b1/c3b1eb16-a940-46f0-937d-04a12d084961/dsc05377.jpg__2560x2560_q100_subsampling-2.jpg" 3126 3127 3128 3129 3130 style="object-position: 50% 50%" 3131> 3132 3133 3134 3135 3136 3137 3138 3139 3140 3141 3142 </div> 3143 3144 </div> 3145 3146 3147 3148 3149 3150 3151 3152 3153 3154 3155 3156 3157 3158 3159 3160 3161 3162 3163 3164 3165 3166 3167 3168 3169 3170 3171 3172 3173 3174 3175 3176 3177 3178 3179 3180 3181 <div class="school_text-wrapper aligned__left"> 3182 <div class="container school_text-container"> 3183 <div class="school-text"> 3184 3185 <h1 class="school-name">Montessorischool Elzeneind</h1> 3186 3187 3188 <h2 class="school-slogan">"Leer mij het zelf te doen!"</h2> 3189 3190 3191 <div class="text-footer"> 3192 3193 3194 3195 3196 3197 3198 3199 3200 3201 3202 3203 3204 3205 3206 3207 3208 3209 3210 3211 3212 3213 3214 3215 3216 3217 3218 3219 3220 3221 3222 3223 3224 3225 3226 3227 3228 </div> 3229 </div> 3230 </div> 3231 </div> 3232 3233 </div> 3234 </div> 3235</div> 3236 3237 3238 3239 3240 3241 </header> 3242 3243 3244 <main> 3245 <div class="container"> 3246 <div class="row"> 3247 <div class="col-12"> 3248 3249 3250 3251 3252 <div 3253 3254 class="section c-tertiary section__colored-text mt-0 pt-0" 3255 style="background-color: rgba(126, 141, 169, 0.2);" 3256 > 3257 3258<div class="container section-content"> 3259 3260 3261<div class="multicolumn2 clearfix"> 3262 3263 3264<div class="column" style="width: 33%; float: left;"> 3265 3266 3267 3268 3269 3270 3271 3272 3273 3274<img class="img-fluid mb-2 img-thumbnail " src="https://stichtingsaam-live-e2387fcd4b494e93b40a-ddb4c9f.divio-media.net/filer_public_thumbnails/filer_public/74/a8/74a809dc-7e92-4c1b-a388-79a3cf026238/header_3.jpg__1200x1200_q85_subsampling-2.jpg" 3275 3276 3277 3278 style="height: 100%;object-fit: cover;" loading="lazy" 3279> 3280 3281 3282 3283 3284 3285 3286 3287 3288 3289 3290</div> 3291 3292 3293 3294<div class="column" style="width: 66%; float: left;"> 3295 3296 <h1>Welkom</h1> 3297 3298<p><em>âKijk alleen maar naar kinderen en ze vertellen je wie ze zijn en wat ze nodig hebben.â </em>Maria Montessori</p> 3299 3300<p>Montessorischool Elzeneind biedt vanuit de visie van Maria Montessori onderwijs voor kinderen vanaf 4 jaar, met peuteropvang vanaf 2,5 jaar.<br> 3301Het uitgangspunt van ons onderwijs is het Montessori-principe: âHelp mij, Leer mij, zie mij het zelf doen.â<br> 3302Kinderen zijn van nature nieuwsgierig en willen de wereld ontdekken. In een veilige en stimulerende omgeving krijgen zij bij ons de ruimte om te onderzoeken, te leren en zich te ontwikkelen.<br> 3303Wij vinden het belangrijk dat ieder kind zich gezien, gehoord en gekend voelt.<br>
3304Binnen ons onderwijs leren kinderen zelfstandig werken, samenwerken en verantwoordelijkheid nemen voor zichzelf, voor anderen en voor hun omgeving. Zo groeien kinderen op tot zelfbewuste en betrokken wereldburgers.</p> 3305 3306</div> 3307 3308 3309</div> 3310 3311 3312</div> 3313 3314</div> 3315 3316 3317 3318 3319 3320 3321 <div 3322 3323 class="section section-fullwidth " 3324 style="background-color: rgba(255, 255, 255, 0.7);" 3325 > 3326 3327<div class="container section-content"> 3328 3329 <h2 style="text-align: center;">Kennismaken met Monterossischool Elzeneind</h2> 3330 3331<p style="text-align: center;">De keuze voor een basisschool is een belangrijke stap voor u en uw kind. Een plek waar uw kind zich veilig voelt, zichzelf kan zijn en de ruimte krijgt om te groeien. Op deze website krijgt u een eerste indruk van Montessorischool Elzeneind. U leest hier meer over onze visie, ons onderwijs en hoe wij kinderen begeleiden in hun ontwikkeling naar zelfstandigheid en verantwoordelijkheid. Wij hopen dat deze website u een goed beeld geeft van onze school. Heeft u vragen of bent u benieuwd of onze school bij uw kind past? Dan maken we graag persoonlijk kennis met u.</p> 3332 3333 3334 3335<span class="button_picture plugin-block 3336 3337 center mx-auto d-block"> 3338 <a href="/contact/" class=" btn gets-shadow--hover white_text 3339 mt-btn-primary 3340 3341 btn-lg mt-btn-lg 3342 3343 btn__icon 3344 " > 3345 3346 <span class="fas fa-arrow-right"></span> 3347 3348 Contact aanmelden kind 3349 </a> 3350</span> 3351 3352 3353</div> 3354 3355</div> 3356 3357 3358 3359 3360 3361 3362 3363 3364 <div 3365 3366 class="section " 3367 style="background-color: rgba(255, 255, 255, 0.0);" 3368 > 3369 3370<div class="container section-content"> 3371 3372 3373<div class="multicolumn3 clearfix"> 3374 3375 3376<div class="column" style="width: 10%; float: left;"> 3377 3378</div> 3379 3380 3381 3382<div class="column" style="width: 80%; float: left;"> 3383 3384 3385 3386 3387 3388 3389 3390 3391<div class="carousel-wrapper"> 3392 3393 <div 3394 class="carousel carousel-plugin 8 clearfix" 3395 data-style=,autoplay,dots,centermode 3396 data-slideToShow="1" 3397 data-slidesToScroll="1" 3398 data-heightofTheSlides="auto" 3399 data-autoplaySpeed="8" 3400 3401 style="height: auto" 3402 id="carousel-51537" 3403 > 3404 3405 3406 <div class="carousel-slide" style="height: auto"> 3407 3408 3409 3410 3411 <div 3412 class="box box-color secondary gets-rounded gets-shadow mb-5 h-100 plugin-block" 3413 3414 style="border-radius: 0px; background-color: rgba(238, 182, 95, 0.1);" 3415 > 3416 3417 3418<div class="box-content c-black"> 3419 3420 3421 3422<blockquote class="blockquote quote quote__large theme 3423 3424 text-center" 3425> 3426 <p class="quote-text c-theme large"> 3427 âWij wandelen samen op dit levenspad omdat alle dingen onderdeel zijn van het universum en alles met elkaar verbonden is.â â Maria Montessori 3428 </p> 3429 <footer class="blockquote-footer flex-column 3430 3431 justify-content-center" 3432 > 3433 3434 <div class="quote-author-info c-theme"> 3435 3436 3437 </div> 3438 3439 </footer> 3440</blockquote> 3441 3442 3443 3444 3445 3446</div> 3447</div> 3448 3449 </div> 3450 3451 3452 3453 <div class="carousel-slide" style="height: auto"> 3454 3455 3456 3457 3458 <div 3459 class="box box-color theme gets-rounded gets-shadow mb-5 plugin-block" 3460 3461 style="border-radius: 0px; background-color: rgba(126, 141, 169, 0.1);" 3462 > 3463 3464 3465<div class="box-content c-tertiary"> 3466 3467 3468 3469<blockquote class="blockquote quote quote__large tertiary 3470 3471 text-center" 3472> 3473 <p class="quote-text c-tertiary large"> 3474 "Het kind dat leert zelfstandig te handelen en zijn kracht ontwikkelt door eigen initiatie, leert zichzelf 3475overwinnen, zijn energie te ontplooien en zichzelf op te voeden." â Maria Montessori 3476 </p> 3477 <footer class="blockquote-footer flex-column 3478 3479 justify-content-center" 3480 > 3481 3482 <div class="quote-author-info c-tertiary"> 3483 3484 3485 </div> 3486 3487 </footer> 3488</blockquote> 3489 3490 3491 3492 3493 3494</div> 3495</div> 3496 3497 </div> 3498 3499 3500 3501 <div class="carousel-slide" style="height: auto"> 3502 3503 3504 3505 3506 <div 3507 class="box box-color secondary gets-rounded gets-shadow mb-5 h-100 plugin-block" 3508 3509 style="border-radius: 0px; background-color: rgba(238, 182, 95, 0.1);" 3510 > 3511 3512 3513<div class="box-content c-black"> 3514 3515 3516 3517<blockquote class="blockquote quote quote__large theme 3518 3519 text-center" 3520> 3521 <p class="quote-text c-theme large"> 3522 âWij wandelen samen op dit levenspad omdat alle dingen onderdeel zijn van het universum en alles met elkaar verbonden is.â â Maria Montessori 3523 </p> 3524 <footer class="blockquote-footer flex-column 3525 3526 justify-content-center" 3527 > 3528 3529 <div class="quote-author-info c-theme"> 3530 3531 3532 </div> 3533 3534 </footer> 3535</blockquote> 3536 3537 3538 3539 3540 3541</div> 3542</div> 3543 3544 </div> 3545 3546 3547 3548 <div class="carousel-slide" style="height: auto"> 3549 3550 3551 3552 3553 <div 3554 class="box box-color theme gets-rounded gets-shadow mb-5 plugin-block" 3555 3556 style="border-radius: 0px; background-color: rgba(126, 141, 169, 0.1);" 3557 > 3558 3559 3560<div class="box-content c-tertiary"> 3561 3562 3563 3564<blockquote class="blockquote quote quote__large tertiary 3565 3566 text-center" 3567> 3568 <p class="quote-text c-tertiary large"> 3569 âIt is the child who makes the man, and no man exists who was not made by the child he once was.â â Maria Montessori 3570 </p> 3571 <footer class="blockquote-footer flex-column 3572 3573 justify-content-center" 3574 > 3575 3576 <div class="quote-author-info c-tertiary"> 3577 3578 3579 </div> 3580 3581 </footer> 3582</blockquote> 3583 3584 3585 3586 3587 3588</div> 3589</div> 3590 3591 </div> 3592 3593 3594 3595 <div class="carousel-slide" style="height: auto"> 3596 3597 3598 3599 3600 <div 3601 class="box box-color primary gets-rounded gets-shadow mb-5 h-100 plugin-block" 3602 3603 style="border-radius: 0px; background-color: rgba(156, 32, 11, 0.1);" 3604 > 3605 3606 3607<div class="box-content c-black"> 3608 3609 3610 3611<blockquote class="blockquote quote quote__large theme 3612 3613 text-center" 3614> 3615 <p class="quote-text c-theme large"> 3616 âConflicten vermijden is het werk van de politiek, vrede tot stand brengen is het werk van onderwijs.â - vanuit schoolplan 3617 </p> 3618 <footer class="blockquote-footer flex-column 3619 3620 justify-content-center" 3621 > 3622 3623 <div class="quote-author-info c-theme"> 3624 3625 3626 </div> 3627 3628 </footer> 3629</blockquote> 3630 3631 3632 3633 3634 3635</div> 3636</div> 3637 3638 </div> 3639 3640 3641 3642 <div class="carousel-slide" style="height: auto"> 3643 3644 3645 3646 3647 <div 3648 class="box box-color tertiary gets-rounded gets-shadow mb-5 plugin-block" 3649 3650 style="border-radius: 0px; background-color: rgba(53, 59, 71, 0.1);" 3651 > 3652 3653 3654<div class="box-content c-tertiary"> 3655 3656 3657 3658<blockquote class="blockquote quote quote__large tertiary 3659 3660 text-center" 3661> 3662 <p class="quote-text c-tertiary large"> 3663 âHet kind dat vrij kan handelen volgens zijn eigen innerlijke behoeften bereikt een hoger niveau van ontwikkeling.â â Maria Montessori 3664 </p> 3665 <footer class="blockquote-footer flex-column 3666 3667 justify-content-center" 3668 > 3669 3670 <div class="quote-author-info c-tertiary"> 3671 3672 3673 </div> 3674 3675 </footer> 3676</blockquote> 3677 3678 3679 3680 3681 3682</div> 3683</div> 3684 3685 </div> 3686 3687 3688 3689 <div class="carousel-slide" style="height: auto"> 3690 3691 3692 3693 3694 <div 3695 class="box box-color secondary gets-rounded gets-shadow mb-5 h-100 plugin-block" 3696 3697 style="border-radius: 0px; background-color: rgba(238, 182, 95, 0.1);" 3698 > 3699 3700 3701<div class="box-content c-black"> 3702 3703 3704 3705<blockquote class="blockquote quote quote__large theme 3706 3707 text-center" 3708> 3709 <p class="quote-text c-theme large"> 3710 âKijk alleen maar naar kinderen en ze vertellen je wie ze zijn en wat ze 3711nodig hebben.â - Maria Montessori 3712 </p> 3713 <footer class="blockquote-footer flex-column 3714 3715 justify-content-center" 3716 > 3717 3718 <div class="quote-author-info c-theme"> 3719 3720 3721 </div> 3722 3723 </footer> 3724</blockquote> 3725 3726 3727 3728 3729 3730</div> 3731</div> 3732 3733 </div> 3734 3735 3736 3737 <div class="carousel-slide" style="height: auto"> 3738 3739 3740 3741 3742 <div 3743 class="box box-color secondary gets-rounded gets-shadow mb-5 h-100 plugin-block" 3744 3745 style="border-radius: 0px; background-color: rgba(238, 182, 95, 0.1);" 3746 > 3747 3748 3749<div class="box-content c-black"> 3750 3751 3752 3753<blockquote class="blockquote quote quote__large theme 3754 3755 text-center" 3756> 3757 <p class="quote-text c-theme large"> 3758 âKijk alleen maar naar kinderen en ze vertellen je wie ze zijn en wat ze nodig hebben.â Maria Montessori 3759 </p> 3760 <footer class="blockquote-footer flex-column 3761 3762 justify-content-center" 3763 > 3764 3765 <div class="quote-author-info c-theme"> 3766 3767 3768 </div> 3769 3770 </footer> 3771</blockquote> 3772 3773 3774 3775 3776 3777</div> 3778</div> 3779 3780 </div> 3781 3782 3783 </div> 3784 3785 3786 3787</div> 3788 3789 3790</div> 3791 3792 3793 3794<div class="column" style="width: 10%; float: left;"> 3795 3796</div> 3797 3798 3799</div> 3800 3801 3802</div> 3803 3804</div> 3805 3806 3807 3808 3809 3810 3811 <div 3812 3813 class="section section-fullwidth " 3814 style="background-color: rgba(126, 141, 169, 0.2);" 3815 > 3816 3817<div class="container section-content"> 3818 3819 <h2 style="text-align: center;">Social media en links</h2> 3820 3821<p>
3821Â </p> 3822 3823 3824 3825<div class="iconplugin-container iconplugin-container__row" data-items="3"> 3826 3827 3828 3829 3830 3831 3832 3833 <a href="https://www.instagram.com/montessorischoolelzeneind?igsh=MXRhdHZ1Z3NwOHU1OQ==" class="icon-wrapper icon-link plugin-wrapper"> 3834 3835 3836<div 3837 class="icon-container gets-rounded gets-shadow icon-container__sm icon--top icon__background bg-transparent icon__primary "> 3838 <div 3839 class="icon-choice c-primary"> 3840 3841 3842 3843 3844 <i class="iconplugin-icon gets-rounded fa fas fa-camera-retro fa-2x" aria-hidden="true"></i> 3845 3846 3847 3848 </div> 3849 <div class="icon-content"> 3850 <div class="icon-title"> 3851 <h3 class="icon-title-text black_text">Bekijk onze posts op Insta</h3> 3852 </div> 3853 3854 3855 </div> 3856</div> 3857 3858 </a> 3859 3860 3861 3862 3863 3864 3865 3866 3867 3868 3869 <a href="https://scholenopdekaart.nl/basisscholen/oss/8322/montessorischool-elzeneind/" class="icon-wrapper icon-link plugin-wrapper"> 3870 3871 3872<div 3873 class="icon-container gets-rounded gets-shadow icon-container__sm icon--top icon__background bg-transparent icon__secondary "> 3874 <div 3875 class="icon-choice c-secondary"> 3876 3877 3878 3879 3880 <i class="iconplugin-icon gets-rounded fa fas fa-map-marker-alt fa-2x" aria-hidden="true"></i> 3881 3882 3883 3884 </div> 3885 <div class="icon-content"> 3886 <div class="icon-title"> 3887 <h3 class="icon-title-text black_text">Scholen op de kaart</h3> 3888 </div> 3889 3890 3891 </div> 3892</div> 3893 3894 </a> 3895 3896 3897 3898 3899</div> 3900 3901 3902</div> 3903 3904</div> 3905 3906 3907 3908 </div> 3909 </div> 3910 </div> 3911 </main> 3912 3913 3914 <footer class="footer-bg c-footer"> 3915 <div class="container"> 3916 <div class="row"> 3917 <div class="col-md-12"> 3918 <div class="page-footer"> 3919 3920<div class="multicolumn2 clearfix"> 3921 3922 3923<div class="column" style="width: 33%; float: left;"> 3924 3925 3926 3927 3928 3929 3930 3931 <a href="https://stichtingsaam-live-e2387fcd4b494e93b40a-ddb4c9f.divio-media.net/filer_public/bb/65/bb65e480-26da-483a-a6d6-b1d8d27d2f8d/nmv-erkenningslogo-informatie.pdf" class="icon-wrapper icon-link plugin-wrapper"> 3932 3933 3934<div 3935 class="icon-container gets-rounded gets-shadow icon-container__lg icon--top icon__background bg-transparent icon__primary "> 3936 <div 3937 class="icon-choice c-primary"> 3938 3939 3940 3941 3942 <img class="gets-rounded img-icon" src="https://stichtingsaam-live-e2387fcd4b494e93b40a-ddb4c9f.divio-media.net/filer_public_thumbnails/filer_public/24/7a/247a3e63-32fb-43e2-aff0-76140ac70838/logo_footer.png__400x400_q85_subsampling-2.jpg" alt="" width="400" height="400"> 3943 3944 3945 </div> 3946 <div class="icon-content"> 3947 <div class="icon-title"> 3948 <h3 class="icon-title-text black_text">Erkenning NMV</h3> 3949 </div> 3950 3951 3952 </div> 3953</div> 3954 3955 </a> 3956 3957 3958 3959 3960</div> 3961 3962 3963 3964<div class="column" style="width: 66%; float: left;"> 3965 3966 3967 <div id="space-plugin-46430" class="whitespace mt-4"></div> 3968 3969 3970 3971 3972 3973 3974 3975 <div class="contact-banner banner--inline primary_color white_text show_icon"> 3976 <ul class="contact--items"> 3977 3978 3979 <li class="contact-item contact-item__address"> 3980 <i class="fa fa-map-pin"></i> 3981 Staringstraat 6-10 - 5343 GH, Oss 3982 </li> 3983 3984 3985 3986 <li class="contact-item contact-item__phone"> 3987 <i class="fa fa-phone-alt"></i> 3988 <a class="white_text" href="tel:0412-691620">0412-691620</a> 3989 </li> 3990 3991 3992 3993 <li class="contact-item contact-item__mail"> 3994 <i class="fa fa-envelope-o"></i> 3995 <a href="mailto:[email protected]" target="_blank" 3996 class="white_text d-block d-lg-none">E-mailadres</a> 3997 <a href="mailto:[email protected]" target="_blank" 3998 class="white_text d-none d-lg-block">[email protected]</a> 3999 </li> 4000 4001 4002 4003 4004 </ul> 4005 </div> 4006 4007 4008 4009 4010</div> 4011 4012 4013</div> 4014 4015 </div> 4016 </div> 4017 </div> 4018 <div class="row"> 4019 <div class="col-12"> 4020 <div class="privacy-footer-wrapper"> 4021 4022 4023<div id="privacy_footer"> 4024 <div class="privacy_menu"> 4025 <ul class="privacy_menu-nav"> 4026 4027 4028 <li class="privacy_menu-item"> 4029 <a href="#" class="privacy_menu-link main-item" data-toggle="modal" data-modal="privacy" 4030 data-target="#privacyModal">Privacy statement</a> 4031 <div id="privacy" class="cc-hidden"> 4032 <h1>privacystatement</h1> 4033 4034<p>SAAM* privacystatement</p> 4035 4036<p>
4036 </p> 4037 4038<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> 4039 4040<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> 4041 4042<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> 4043 4044<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> 4045 4046<p>Zo zorgen we voor je persoonsgegevensWe zorgen voor goede beveiliging. We besteden veel aandac
4046ht 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> 4047 4048<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> 4049 4050<p>Onze visie op privacy</p> 4051 4052<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> 4053 </div> 4054 </li> 4055 4056 4057 4058 4059 4060 <li class="privacy_menu-item"> 4061 <a href="#" class="privacy_menu-link main-item cc-settings" onclick="return klaro.show(klaroConfig, true)">Cookie instellingen</a> 4062 </li> 4063 4064 </ul> 4065 4066 4067 4068 <p class="meta-info">Powered by <a href="http://www.socialschools.nl" target="_blank">Social Schools</a></p> 4069 4070 </div> 4071 4072 4073 4074 4075 4076 4077</div> 4078 4079 <button type="button" class="btn b-theme user-settings-toggle" data-toggle="modal" data-target="#pageSettingsModal"> 4080 <i class="fas fa-universal-access"></i> 4081 </button> 4082 </div> 4083 </div> 4084 </div> 4085 </div> 4086 </footer> 4087 4088 4089<!-- Modal --> 4090<div class="modal fade user-settings" id="pageSettingsModal" tabindex="-1" aria-labelledby="pageSettingsModalLabel" aria-hidden="true"> 4091 <div class="modal-dialog"> 4092 <div class="modal-content"> 4093 <div class="modal-header py-2 bg-light"> 4094 <h5 class="modal-title text-dark" id="pageSettingsModalLabel">Pagina instellingen</h5> 4095 <button type="button" class="close text-dark" data-dismiss="modal" aria-label="Close"> 4096 <span aria-hidden="true">×</span> 4097 </button> 4098 </div> 4099 <div class="modal-body"> 4100 <p class="user-settings-title">
4101 Tekstgrootte 4102 </p> 4103 <div class="btn-group btn-group-toggle" data-toggle="buttons"> 4104 <button type="button" class="btn btn-light js-font-size" data-size="1" aria-pressed="false"> 4105 <i class="fas fa-font t-1"></i> 4106 </button> 4107 <button type="button" class="btn btn-light js-font-size" data-size="1.25" aria-pressed="false"> 4108 <i class="fas fa-font t-1-25"></i> 4109 </button> 4110 <button type="button" class="btn btn-light js-font-size" data-size="1.5" aria-pressed="false"> 4111 <i class="fas fa-font t-2"></i> 4112 </button> 4113 </div> 4114 </div> 4115 </div> 4116 </div> 4117</div> 4118 4119 4120 4121 4122 4123 4124 4125 <button class="socs--back-to-top" id="js-top" style="opacity: 0;"></button> 4126 4127 4128 4129 4130 4131 4132 4133 4134
4134<script defer type="text/javascript" src="https://stichtingsaam-live-e2387fcd4b494e93b40a-ddb4c9f.divio-media.net/static/js/klaro/config.v2.7ed61fafafb4.js"></script>
4134 4135
4135<script defer type="text/javascript" src="/klaro_cookies/js/klaro-override.js"></script>
4135 4136
4136<script defer type="text/javascript" src="https://cdn.kiprotect.com/klaro/v0.7.18/klaro-no-css.js"></script>
4136 4137 4138 4139
4139<script type="text/javascript" src="https://stichtingsaam-live-e2387fcd4b494e93b40a-ddb4c9f.divio-media.net/static/js/multitenant-cms.add.min.cb31e088f8f0.js"></script>
4139 4140
4140<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 4140
4140
4141<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/prism/0.0.1/prism.min.js"></script>
4141 4142 4143<style> 4144 4145 .cms-toolbar-expanded .klaro .cookie-notice{bottom: 20px; left: 20px; top: auto; right: auto;} .cookie-notice {bottom: 20px; left: 20px; top: auto; right: auto;}; 4146</style> 4147 4148 4149 4150
4151<script> 4152 /** 4153 * Add translations to the CKEditor syles dropdown 4154 */ 4155 window.addEventListener("DOMContentLoaded", (event) => { 4156 4157 // Add consent events to the dataLayer 4158 window.dataLayer = window.dataLayer || []; 4159 window.setTimeout(function(){window.dataLayer.push({'event' : 'consentChoice'})},500) 4160 window.setTimeout(function(){window.dataLayer.push({'event' : 'consentUpdate'})},500) 4161 4162 if (window.CKEDITOR) { 4163 // add translations for each CKEditor on load 4164 CKEDITOR.on('instanceReady', function(){ 4165 window.CKEDITOR.stylesSet.registered.default.find((styleSet) => { 4166 if (styleSet.hasOwnProperty("attributes") && styleSet.attributes.hasOwnProperty("class")) { 4167 if (styleSet.attributes.class == "c-theme") { 4168 styleSet.name = 'Thema kleur'; 4169 } 4170 if (styleSet.attributes.class == "c-primary") { 4171 styleSet.name = 'Primaire kleur'; 4172 } 4173 if (styleSet.attributes.class == "c-secondary") { 4174 styleSet.name = 'Secondaire kleur'; 4175 } 4176 if (styleSet.attributes.class == "c-tertiary") { 4177 styleSet.name = 'Tertiaire kleur'; 4178 } 4179 } 4180 }) 4181 }); 4182 } 4183 }); 4184</script>
4184 4185 4186 4187
4187<script> 4188 $('.cms-alert').each(function(){ 4189 $(this).on('closed.bs.alert', function (e) { 4190 const { id } = e.currentTarget.dataset; 4191 const cookieName = `socs-announcements-${id}`; 4192 setCookie(cookieName, 'closed', 1); 4193 }); 4194 }); 4195 </script>
4195 4196 4197 4198
4198<script src="https://stichtingsaam-live-e2387fcd4b494e93b40a-ddb4c9f.divio-media.net/static/js/mobilemenu.a69741d3dfb4.js"></script>
4198 4199 4200 4201
4201<script type="text/javascript" src="https://stichtingsaam-live-e2387fcd4b494e93b40a-ddb4c9f.divio-media.net/static/js/slick.min.22f754161489.js"></script>
4201 4202
4202<script> 4203 function initFlexCarousel() { 4204 $homeSlider = $('.home-slider'); 4205 const {auto, fade} = $homeSlider.get(0).dataset; 4206 4207 const slickProps = { 4208 slidesToScroll: 1, 4209 slidesToShow: 1, 4210 arrows: true, 4211 infinite: true, 4212 fade: fade === 'true', 4213 dots: true, 4214 centerMode: false, 4215 variableWidth: false, 4216 focusOnSelect: false, 4217 autoplay: auto === 'true', 4218 autoplaySpeed: 3000, 4219 rows: 0, 4220 accessibility: true, 4221 }; 4222 4223 if($homeSlider.hasClass('unslick')) { 4224 $homeSlider.slick('unslick'); 4225 $homeSlider.removeClass('unslick'); 4226 } 4227 4228 $homeSlider.slick(slickProps) 4229 } 4230 if (window.CMS !== undefined) { 4231 window.CMS.$(window).on('cms-content-refresh', function () { 4232 initFlexCarousel(); 4233 }); 4234 } 4235 4236 (function () { 4237 initFlexCarousel(); 4238 })(); 4239 4240 </script>
4240 4241 4242 4243
4243<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/jarallax.min.js" integrity="sha256-uCknJLYMrtYTPwl8PwQnFj6T6Hck2oSGEZLhMi1BRvU=" crossorigin="anonymous"></script>
4243 4244
4244<script> 4245 jarallax(document.querySelectorAll('[data-jarallax]'), { 4246 speed: 0.2, 4247 }); 4248 </script>
4248 4249 4250 4251
4251<script type="text/javascript" src="https://stichtingsaam-live-e2387fcd4b494e93b40a-ddb4c9f.divio-media.net/static/js/slick.min.22f754161489.js"></script>
4251 4252
4252<script type="text/javascript" src="https://stichtingsaam-live-e2387fcd4b494e93b40a-ddb4c9f.divio-media.net/static/js/carousel.267fcefbf855.js"></script>
4252 4253 4254 4255 <div class="modal fade" id="privacyModal" tabindex="-1" role="dialog" aria-labelledby="privacyModalLabel" 4256 aria-hidden="true"> 4257 <div class="modal-dialog modal-lg modal-dialog-scrollable modal-dialog-centered" role="document"> 4258 <div class="modal-content"> 4259 <div class="modal-header"> 4260 <h2 class="modal-title" id="privacyModalLabel">Modal title</h2> 4261 <button type="button" class="close" data-dismiss="modal" aria-label="Close"> 4262 <span aria-hidden="true">×</span> 4263 </button> 4264 </div> 4265 <div class="modal-body"> 4266 </div> 4267 <div class="modal-footer"> 4268 <button type="button" class="btn btn-secondary" data-dismiss="modal">Sluiten</button> 4269 </div> 4270 </div> 4271 </div> 4272 </div> 4273 4274 4275
4275<script> 4276 const $backToTop = document.querySelector("#js-top"); 4277 4278 window.addEventListener('scroll', function(e) { 4279 if(window.scrollY > 150) { 4280 $backToTop.style.opacity = 1; 4281 } else { 4282 $backToTop.style.opacity = 0; 4283 } 4284 }); 4285 4286 $backToTop.addEventListener('click', function(e){ 4287 e.preventDefault(); 4288 4289 window.scrollTo({ 4290 left: 0, 4291 top: 0, 4292 behavior: 'smooth' 4293 }); 4294 }); 4295 </script>
4295 4296 4297 4298 4299 4300 4301 4302 4303 4304<!-- Modal --> 4305<div 4306 class="modal fade" 4307 id="searchModal" 4308 tabindex="-1" 4309 role="dialog" 4310 aria-hidden="true" 4311> 4312 <button type="button" class="close" data-dismiss="modal" aria-label="Close"> 4313 <span aria-hidden="true">×</span> 4314 </button> 4315 <div class="modal-dialog" role="document"> 4316 <div class="modal-content search-modal gets-rounded gets-shadow--hover"> 4317 <div class="modal-body"> 4318 <div class="search-input"> 4319 <form action="/zoek-resultaten" method="GET" id="search-form"> 4320 <i class="fa fa-search"></i> 4321 <input type="text" class="search-text-input form-control" name="q" placeholder='Type je zoekwoord...' /> 4322 <button class="btn btn-search mt-btn gets-shadow--hover">Zoeken</button> 4323 </form> 4324 </div> 4325 </div> 4326 </div> 4327 </div> 4328</div> 4329 4330 4331 4332<!--In order to create the mobile version of the paths, I used https://yqnn.github.io/svg-path-editor/ 4333 This editor lets you paste the path and edit it. --> 4334<div style="height:0px;"> 4335 <svg width="0" height="0" xmlns="http://www.w3.org/2000/svg" > 4336 4337 4338 4339 <clipPath id="mask-top" clipPathUnits="objectBoundingBox"> 4340 <path d="m1,0H0v.88l1,.12V0Z" /> 4341 </clipPath> 4342 4343 4344 <clipPath id="mask-top-mobile" clipPathUnits="objectBoundingBox"> 4345 <path d="m 1 0 h -1 v 0.94 l 1 0.06 v -1 z" /> 4346 </clipPath> 4347 4348 <clipPath id="mask-bottom" clipPathUnits="objectBoundingBox"> 4349 <path d="m0,1h1V.12l-1-.12v1Z" /> 4350 </clipPath> 4351 4352 <clipPath id="mask-bottom-tablet" clipPathUnits="objectBoundingBox"> 4353 <path d="m 0 1 h 1 V 0.06 l -1 -0.06 v 1 Z" /> 4354 </clipPath> 4355 4356 <clipPath id="mask-bottom-mobile" clipPathUnits="objectBoundingBox"> 4357 <path d="m 0 1 h 1 V 0.06 l -1 -0.06 v 1 Z" /> 4358 </clipPath> 4359 4360 4361 4362 4363 </svg> 4364</div> 4365 4366 4367 4368 4369 4370 </body> 4371</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.