@charset "UTF-8"; /* Business school styles voor landing */ /* Generic */ /* Site switch */ /* Facebook */ /* Buttons */ /* Top Menu */ /* Main Menu */ /* Cart */ /* Post */ /* Sidebar blocks */ /** * Foundation for Sites by ZURB * Version 6.3.1 * foundation.zurb.com * Licensed under MIT Open Source */ /*! jQuery UI - v1.12.1 - 2016-09-14 * http://jqueryui.com * Includes: core.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, draggable.css, resizable.css, progressbar.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Arial%2CHelvetica%2Csans-serif&fsDefault=1em&fwDefault=normal&cornerRadius=3px&bgColorHeader=e9e9e9&bgTextureHeader=flat&borderColorHeader=dddddd&fcHeader=333333&iconColorHeader=444444&bgColorContent=ffffff&bgTextureContent=flat&borderColorContent=dddddd&fcContent=333333&iconColorContent=444444&bgColorDefault=f6f6f6&bgTextureDefault=flat&borderColorDefault=c5c5c5&fcDefault=454545&iconColorDefault=777777&bgColorHover=ededed&bgTextureHover=flat&borderColorHover=cccccc&fcHover=2b2b2b&iconColorHover=555555&bgColorActive=007fff&bgTextureActive=flat&borderColorActive=003eff&fcActive=ffffff&iconColorActive=ffffff&bgColorHighlight=fffa90&bgTextureHighlight=flat&borderColorHighlight=dad55e&fcHighlight=777620&iconColorHighlight=777620&bgColorError=fddfdf&bgTextureError=flat&borderColorError=f1a899&fcError=5f3f3f&iconColorError=cc0000&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=666666&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=5px&offsetTopShadow=0px&offsetLeftShadow=0px&cornerRadiusShadow=8px * Copyright jQuery Foundation and other contributors; Licensed MIT */ .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } .ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; border-collapse: collapse; } .ui-helper-clearfix:after { clear: both; } .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter: Alpha(Opacity=0); } .ui-front { z-index: 100; } .ui-state-disabled { cursor: default !important; pointer-events: none; } .ui-icon { display: inline-block; vertical-align: middle; margin-top: -.25em; position: relative; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } .ui-widget-icon-block { left: 50%; margin-left: -8px; display: block; } .ui-widget-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; } .ui-accordion .ui-accordion-header { display: block; cursor: pointer; position: relative; margin: 2px 0 0 0; padding: .5em .5em .5em .7em; font-size: 100%; } .ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; overflow: auto; } .ui-autocomplete { position: absolute; top: 0; left: 0; cursor: default; } .ui-menu { list-style: none; padding: 0; margin: 0; display: block; outline: 0; } .ui-menu .ui-menu { position: absolute; } .ui-menu .ui-menu-item { margin: 0; cursor: pointer; list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"); } .ui-menu .ui-menu-item-wrapper { position: relative; padding: 3px 1em 3px .4em; } .ui-menu .ui-menu-divider { margin: 5px 0; height: 0; font-size: 0; line-height: 0; border-width: 1px 0 0 0; } .ui-menu .ui-state-focus, .ui-menu .ui-state-active { margin: -1px; } .ui-menu-icons { position: relative; } .ui-menu-icons .ui-menu-item-wrapper { padding-left: 2em; } .ui-menu .ui-icon { position: absolute; top: 0; bottom: 0; left: .2em; margin: auto 0; } .ui-menu .ui-menu-icon { left: auto; right: 0; } .ui-button { padding: .4em 1em; display: inline-block; position: relative; line-height: normal; margin-right: .1em; cursor: pointer; vertical-align: middle; text-align: center; -webkit-user-select: none; -ms-user-select: none; user-select: none; overflow: visible; } .ui-button, .ui-button:link, .ui-button:visited, .ui-button:hover, .ui-button:active { text-decoration: none; } .ui-button-icon-only { width: 2em; box-sizing: border-box; text-indent: -9999px; white-space: nowrap; } input.ui-button.ui-button-icon-only { text-indent: 0; } .ui-button-icon-only .ui-icon { position: absolute; top: 50%; left: 50%; margin-top: -8px; margin-left: -8px; } .ui-button.ui-icon-notext .ui-icon { padding: 0; width: 2.1em; height: 2.1em; text-indent: -9999px; white-space: nowrap; } input.ui-button.ui-icon-notext .ui-icon { width: auto; height: auto; text-indent: 0; white-space: normal; padding: .4em 1em; } input.ui-button::-moz-focus-inner, button.ui-button::-moz-focus-inner { border: 0; padding: 0; } .ui-controlgroup { vertical-align: middle; display: inline-block; } .ui-controlgroup > .ui-controlgroup-item { float: left; margin-left: 0; margin-right: 0; } .ui-controlgroup > .ui-controlgroup-item:focus, .ui-controlgroup > .ui-controlgroup-item.ui-visual-focus { z-index: 9999; } .ui-controlgroup-vertical > .ui-controlgroup-item { display: block; float: none; width: 100%; margin-top: 0; margin-bottom: 0; text-align: left; } .ui-controlgroup-vertical .ui-controlgroup-item { box-sizing: border-box; } .ui-controlgroup .ui-controlgroup-label { padding: .4em 1em; } .ui-controlgroup .ui-controlgroup-label span { font-size: 80%; } .ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item { border-left: none; } .ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item { border-top: none; } .ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content { border-right: none; } .ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content { border-bottom: none; } .ui-controlgroup-vertical .ui-spinner-input { width: 75%; width: calc( 100% - 2.4em); } .ui-controlgroup-vertical .ui-spinner .ui-spinner-up { border-top-style: solid; } .ui-checkboxradio-label .ui-icon-background { box-shadow: inset 1px 1px 1px #ccc; border-radius: .12em; border: none; } .ui-checkboxradio-radio-label .ui-icon-background { width: 16px; height: 16px; border-radius: 1em; overflow: visible; border: none; } .ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon, .ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon { background-image: none; width: 8px; height: 8px; border-width: 4px; border-style: solid; } .ui-checkboxradio-disabled { pointer-events: none; } .ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; } .ui-datepicker .ui-datepicker-header { position: relative; padding: .2em 0; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position: absolute; top: 2px; width: 1.8em; height: 1.8em; } .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; } .ui-datepicker .ui-datepicker-prev { left: 2px; } .ui-datepicker .ui-datepicker-next { right: 2px; } .ui-datepicker .ui-datepicker-prev-hover { left: 1px; } .ui-datepicker .ui-datepicker-next-hover { right: 1px; } .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; } .ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; } .ui-datepicker .ui-datepicker-title select { font-size: 1em; margin: 1px 0; } .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 45%; } .ui-datepicker table { width: 100%; font-size: .9em; border-collapse: collapse; margin: 0 0 .4em; } .ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0; } .ui-datepicker td { border: 0; padding: 1px; } .ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; } .ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding: 0 .2em; border-left: 0; border-right: 0; border-bottom: 0; } .ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width: auto; overflow: visible; } .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float: left; } .ui-datepicker.ui-datepicker-multi { width: auto; } .ui-datepicker-multi .ui-datepicker-group { float: left; } .ui-datepicker-multi .ui-datepicker-group table { width: 95%; margin: 0 auto .4em; } .ui-datepicker-multi-2 .ui-datepicker-group { width: 50%; } .ui-datepicker-multi-3 .ui-datepicker-group { width: 33.3%; } .ui-datepicker-multi-4 .ui-datepicker-group { width: 25%; } .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width: 0; } .ui-datepicker-multi .ui-datepicker-buttonpane { clear: left; } .ui-datepicker-row-break { clear: both; width: 100%; font-size: 0; } .ui-datepicker-rtl { direction: rtl; } .ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; } .ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; } .ui-datepicker-rtl .ui-datepicker-buttonpane { clear: right; } .ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; } .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-rtl .ui-datepicker-group { float: right; } .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width: 0; border-left-width: 1px; } .ui-datepicker .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; left: .5em; top: .3em; } .ui-dialog { position: absolute; top: 0; left: 0; padding: .2em; outline: 0; } .ui-dialog .ui-dialog-titlebar { padding: .4em 1em; position: relative; } .ui-dialog .ui-dialog-title { float: left; margin: .1em 0; white-space: nowrap; width: 90%; overflow: hidden; text-overflow: ellipsis; } .ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 20px; margin: -10px 0 0 0; padding: 1px; height: 20px; } .ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; background: none; overflow: auto; } .ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin-top: .5em; padding: .3em 1em .5em .4em; } .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; } .ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; } .ui-dialog .ui-resizable-n { height: 2px; top: 0; } .ui-dialog .ui-resizable-e { width: 2px; right: 0; } .ui-dialog .ui-resizable-s { height: 2px; bottom: 0; } .ui-dialog .ui-resizable-w { width: 2px; left: 0; } .ui-dialog .ui-resizable-se, .ui-dialog .ui-resizable-sw, .ui-dialog .ui-resizable-ne, .ui-dialog .ui-resizable-nw { width: 7px; height: 7px; } .ui-dialog .ui-resizable-se { right: 0; bottom: 0; } .ui-dialog .ui-resizable-sw { left: 0; bottom: 0; } .ui-dialog .ui-resizable-ne { right: 0; top: 0; } .ui-dialog .ui-resizable-nw { left: 0; top: 0; } .ui-draggable .ui-dialog-titlebar { cursor: move; } .ui-draggable-handle { -ms-touch-action: none; touch-action: none; } .ui-resizable { position: relative; } .ui-resizable-handle { position: absolute; font-size: 0.1px; display: block; -ms-touch-action: none; touch-action: none; } .ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; } .ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; } .ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; } .ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; } .ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; } .ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; } .ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; } .ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; } .ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px; } .ui-progressbar { height: 2em; text-align: left; overflow: hidden; } .ui-progressbar .ui-progressbar-value { margin: -1px; height: 100%; } .ui-progressbar .ui-progressbar-overlay { background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw=="); height: 100%; filter: alpha(opacity=25); opacity: 0.25; } .ui-progressbar-indeterminate .ui-progressbar-value { background-image: none; } .ui-selectable { -ms-touch-action: none; touch-action: none; } .ui-selectable-helper { position: absolute; z-index: 100; border: 1px dotted black; } .ui-selectmenu-menu { padding: 0; margin: 0; position: absolute; top: 0; left: 0; display: none; } .ui-selectmenu-menu .ui-menu { overflow: auto; overflow-x: hidden; padding-bottom: 1px; } .ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup { font-size: 1em; font-weight: bold; line-height: 1.5; padding: 2px 0.4em; margin: 0.5em 0 0 0; height: auto; border: 0; } .ui-selectmenu-open { display: block; } .ui-selectmenu-text { display: block; margin-right: 20px; overflow: hidden; text-overflow: ellipsis; } .ui-selectmenu-button.ui-button { text-align: left; white-space: nowrap; width: 14em; } .ui-selectmenu-icon.ui-icon { float: right; margin-top: 0; } .ui-slider { position: relative; text-align: left; } .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; -ms-touch-action: none; touch-action: none; } .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; } .ui-slider.ui-state-disabled .ui-slider-handle, .ui-slider.ui-state-disabled .ui-slider-range { filter: inherit; } .ui-slider-horizontal { height: .8em; } .ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; } .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; } .ui-slider-horizontal .ui-slider-range-min { left: 0; } .ui-slider-horizontal .ui-slider-range-max { right: 0; } .ui-slider-vertical { width: .8em; height: 100px; } .ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; } .ui-slider-vertical .ui-slider-range { left: 0; width: 100%; } .ui-slider-vertical .ui-slider-range-min { bottom: 0; } .ui-slider-vertical .ui-slider-range-max { top: 0; } .ui-sortable-handle { -ms-touch-action: none; touch-action: none; } .ui-spinner { position: relative; display: inline-block; overflow: hidden; padding: 0; vertical-align: middle; } .ui-spinner-input { border: none; background: none; color: inherit; padding: .222em 0; margin: .2em 0; vertical-align: middle; margin-left: .4em; margin-right: 2em; } .ui-spinner-button { width: 1.6em; height: 50%; font-size: .5em; padding: 0; margin: 0; text-align: center; position: absolute; cursor: default; display: block; overflow: hidden; right: 0; } .ui-spinner a.ui-spinner-button { border-top-style: none; border-bottom-style: none; border-right-style: none; } .ui-spinner-up { top: 0; } .ui-spinner-down { bottom: 0; } .ui-tabs { position: relative; padding: .2em; } .ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; } .ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 0; margin: 1px .2em 0 0; border-bottom-width: 0; padding: 0; white-space: nowrap; } .ui-tabs .ui-tabs-nav .ui-tabs-anchor { float: left; padding: .5em 1em; text-decoration: none; } .ui-tabs .ui-tabs-nav li.ui-tabs-active { margin-bottom: -1px; padding-bottom: 1px; } .ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor { cursor: text; } .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor { cursor: pointer; } .ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; } .ui-tooltip { padding: 8px; position: absolute; z-index: 9999; max-width: 300px; } body .ui-tooltip { border-width: 2px; } .ui-widget { font-family: Arial,Helvetica,sans-serif; font-size: 1em; } .ui-widget .ui-widget { font-size: 1em; } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Arial,Helvetica,sans-serif; font-size: 1em; } .ui-widget.ui-widget-content { border: 1px solid #c5c5c5; } .ui-widget-content { border: 1px solid #ddd; background: #fff; color: #333; } .ui-widget-content a { color: #333; } .ui-widget-header { border: 1px solid #ddd; background: #e9e9e9; color: #333; font-weight: bold; } .ui-widget-header a { color: #333; } .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active { border: 1px solid #c5c5c5; background: #f6f6f6; font-weight: normal; color: #454545; } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited, a.ui-button, a:link.ui-button, a:visited.ui-button, .ui-button { color: #454545; text-decoration: none; } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-button:hover, .ui-button:focus { border: 1px solid #ccc; background: #ededed; font-weight: normal; color: #2b2b2b; } .ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited, .ui-state-focus a, .ui-state-focus a:hover, .ui-state-focus a:link, .ui-state-focus a:visited, a.ui-button:hover, a.ui-button:focus { color: #2b2b2b; text-decoration: none; } .ui-visual-focus { box-shadow: 0 0 3px 1px #5e9ed6; } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover { border: 1px solid #003eff; background: #007fff; font-weight: normal; color: #fff; } .ui-icon-background, .ui-state-active .ui-icon-background { border: #003eff; background-color: #fff; } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #fff; text-decoration: none; } .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { border: 1px solid #dad55e; background: #fffa90; color: #777620; } .ui-state-checked { border: 1px solid #dad55e; background: #fffa90; } .ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a { color: #777620; } .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error { border: 1px solid #f1a899; background: #fddfdf; color: #5f3f3f; } .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #5f3f3f; } .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #5f3f3f; } .ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; } .ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { opacity: .7; filter: Alpha(Opacity=70); font-weight: normal; } .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter: Alpha(Opacity=35); background-image: none; } .ui-state-disabled .ui-icon { filter: Alpha(Opacity=35); } .ui-icon { width: 16px; height: 16px; } .ui-icon, .ui-widget-content .ui-icon { background-image: url("images/ui-icons_444444_256x240.png"); } .ui-widget-header .ui-icon { background-image: url("images/ui-icons_444444_256x240.png"); } .ui-state-hover .ui-icon, .ui-state-focus .ui-icon, .ui-button:hover .ui-icon, .ui-button:focus .ui-icon { background-image: url("images/ui-icons_555555_256x240.png"); } .ui-state-active .ui-icon, .ui-button:active .ui-icon { background-image: url("images/ui-icons_ffffff_256x240.png"); } .ui-state-highlight .ui-icon, .ui-button .ui-state-highlight.ui-icon { background-image: url("images/ui-icons_777620_256x240.png"); } .ui-state-error .ui-icon, .ui-state-error-text .ui-icon { background-image: url("images/ui-icons_cc0000_256x240.png"); } .ui-button .ui-icon { background-image: url("images/ui-icons_777777_256x240.png"); } .ui-icon-blank { background-position: 16px 16px; } .ui-icon-caret-1-n { background-position: 0 0; } .ui-icon-caret-1-ne { background-position: -16px 0; } .ui-icon-caret-1-e { background-position: -32px 0; } .ui-icon-caret-1-se { background-position: -48px 0; } .ui-icon-caret-1-s { background-position: -65px 0; } .ui-icon-caret-1-sw { background-position: -80px 0; } .ui-icon-caret-1-w { background-position: -96px 0; } .ui-icon-caret-1-nw { background-position: -112px 0; } .ui-icon-caret-2-n-s { background-position: -128px 0; } .ui-icon-caret-2-e-w { background-position: -144px 0; } .ui-icon-triangle-1-n { background-position: 0 -16px; } .ui-icon-triangle-1-ne { background-position: -16px -16px; } .ui-icon-triangle-1-e { background-position: -32px -16px; } .ui-icon-triangle-1-se { background-position: -48px -16px; } .ui-icon-triangle-1-s { background-position: -65px -16px; } .ui-icon-triangle-1-sw { background-position: -80px -16px; } .ui-icon-triangle-1-w { background-position: -96px -16px; } .ui-icon-triangle-1-nw { background-position: -112px -16px; } .ui-icon-triangle-2-n-s { background-position: -128px -16px; } .ui-icon-triangle-2-e-w { background-position: -144px -16px; } .ui-icon-arrow-1-n { background-position: 0 -32px; } .ui-icon-arrow-1-ne { background-position: -16px -32px; } .ui-icon-arrow-1-e { background-position: -32px -32px; } .ui-icon-arrow-1-se { background-position: -48px -32px; } .ui-icon-arrow-1-s { background-position: -65px -32px; } .ui-icon-arrow-1-sw { background-position: -80px -32px; } .ui-icon-arrow-1-w { background-position: -96px -32px; } .ui-icon-arrow-1-nw { background-position: -112px -32px; } .ui-icon-arrow-2-n-s { background-position: -128px -32px; } .ui-icon-arrow-2-ne-sw { background-position: -144px -32px; } .ui-icon-arrow-2-e-w { background-position: -160px -32px; } .ui-icon-arrow-2-se-nw { background-position: -176px -32px; } .ui-icon-arrowstop-1-n { background-position: -192px -32px; } .ui-icon-arrowstop-1-e { background-position: -208px -32px; } .ui-icon-arrowstop-1-s { background-position: -224px -32px; } .ui-icon-arrowstop-1-w { background-position: -240px -32px; } .ui-icon-arrowthick-1-n { background-position: 1px -48px; } .ui-icon-arrowthick-1-ne { background-position: -16px -48px; } .ui-icon-arrowthick-1-e { background-position: -32px -48px; } .ui-icon-arrowthick-1-se { background-position: -48px -48px; } .ui-icon-arrowthick-1-s { background-position: -64px -48px; } .ui-icon-arrowthick-1-sw { background-position: -80px -48px; } .ui-icon-arrowthick-1-w { background-position: -96px -48px; } .ui-icon-arrowthick-1-nw { background-position: -112px -48px; } .ui-icon-arrowthick-2-n-s { background-position: -128px -48px; } .ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; } .ui-icon-arrowthick-2-e-w { background-position: -160px -48px; } .ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; } .ui-icon-arrowthickstop-1-n { background-position: -192px -48px; } .ui-icon-arrowthickstop-1-e { background-position: -208px -48px; } .ui-icon-arrowthickstop-1-s { background-position: -224px -48px; } .ui-icon-arrowthickstop-1-w { background-position: -240px -48px; } .ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; } .ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; } .ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; } .ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; } .ui-icon-arrowreturn-1-w { background-position: -64px -64px; } .ui-icon-arrowreturn-1-n { background-position: -80px -64px; } .ui-icon-arrowreturn-1-e { background-position: -96px -64px; } .ui-icon-arrowreturn-1-s { background-position: -112px -64px; } .ui-icon-arrowrefresh-1-w { background-position: -128px -64px; } .ui-icon-arrowrefresh-1-n { background-position: -144px -64px; } .ui-icon-arrowrefresh-1-e { background-position: -160px -64px; } .ui-icon-arrowrefresh-1-s { background-position: -176px -64px; } .ui-icon-arrow-4 { background-position: 0 -80px; } .ui-icon-arrow-4-diag { background-position: -16px -80px; } .ui-icon-extlink { background-position: -32px -80px; } .ui-icon-newwin { background-position: -48px -80px; } .ui-icon-refresh { background-position: -64px -80px; } .ui-icon-shuffle { background-position: -80px -80px; } .ui-icon-transfer-e-w { background-position: -96px -80px; } .ui-icon-transferthick-e-w { background-position: -112px -80px; } .ui-icon-folder-collapsed { background-position: 0 -96px; } .ui-icon-folder-open { background-position: -16px -96px; } .ui-icon-document { background-position: -32px -96px; } .ui-icon-document-b { background-position: -48px -96px; } .ui-icon-note { background-position: -64px -96px; } .ui-icon-mail-closed { background-position: -80px -96px; } .ui-icon-mail-open { background-position: -96px -96px; } .ui-icon-suitcase { background-position: -112px -96px; } .ui-icon-comment { background-position: -128px -96px; } .ui-icon-person { background-position: -144px -96px; } .ui-icon-print { background-position: -160px -96px; } .ui-icon-trash { background-position: -176px -96px; } .ui-icon-locked { background-position: -192px -96px; } .ui-icon-unlocked { background-position: -208px -96px; } .ui-icon-bookmark { background-position: -224px -96px; } .ui-icon-tag { background-position: -240px -96px; } .ui-icon-home { background-position: 0 -112px; } .ui-icon-flag { background-position: -16px -112px; } .ui-icon-calendar { background-position: -32px -112px; } .ui-icon-cart { background-position: -48px -112px; } .ui-icon-pencil { background-position: -64px -112px; } .ui-icon-clock { background-position: -80px -112px; } .ui-icon-disk { background-position: -96px -112px; } .ui-icon-calculator { background-position: -112px -112px; } .ui-icon-zoomin { background-position: -128px -112px; } .ui-icon-zoomout { background-position: -144px -112px; } .ui-icon-search { background-position: -160px -112px; } .ui-icon-wrench { background-position: -176px -112px; } .ui-icon-gear { background-position: -192px -112px; } .ui-icon-heart { background-position: -208px -112px; } .ui-icon-star { background-position: -224px -112px; } .ui-icon-link { background-position: -240px -112px; } .ui-icon-cancel { background-position: 0 -128px; } .ui-icon-plus { background-position: -16px -128px; } .ui-icon-plusthick { background-position: -32px -128px; } .ui-icon-minus { background-position: -48px -128px; } .ui-icon-minusthick { background-position: -64px -128px; } .ui-icon-close { background-position: -80px -128px; } .ui-icon-closethick { background-position: -96px -128px; } .ui-icon-key { background-position: -112px -128px; } .ui-icon-lightbulb { background-position: -128px -128px; } .ui-icon-scissors { background-position: -144px -128px; } .ui-icon-clipboard { background-position: -160px -128px; } .ui-icon-copy { background-position: -176px -128px; } .ui-icon-contact { background-position: -192px -128px; } .ui-icon-image { background-position: -208px -128px; } .ui-icon-video { background-position: -224px -128px; } .ui-icon-script { background-position: -240px -128px; } .ui-icon-alert { background-position: 0 -144px; } .ui-icon-info { background-position: -16px -144px; } .ui-icon-notice { background-position: -32px -144px; } .ui-icon-help { background-position: -48px -144px; } .ui-icon-check { background-position: -64px -144px; } .ui-icon-bullet { background-position: -80px -144px; } .ui-icon-radio-on { background-position: -96px -144px; } .ui-icon-radio-off { background-position: -112px -144px; } .ui-icon-pin-w { background-position: -128px -144px; } .ui-icon-pin-s { background-position: -144px -144px; } .ui-icon-play { background-position: 0 -160px; } .ui-icon-pause { background-position: -16px -160px; } .ui-icon-seek-next { background-position: -32px -160px; } .ui-icon-seek-prev { background-position: -48px -160px; } .ui-icon-seek-end { background-position: -64px -160px; } .ui-icon-seek-start { background-position: -80px -160px; } .ui-icon-seek-first { background-position: -80px -160px; } .ui-icon-stop { background-position: -96px -160px; } .ui-icon-eject { background-position: -112px -160px; } .ui-icon-volume-off { background-position: -128px -160px; } .ui-icon-volume-on { background-position: -144px -160px; } .ui-icon-power { background-position: 0 -176px; } .ui-icon-signal-diag { background-position: -16px -176px; } .ui-icon-signal { background-position: -32px -176px; } .ui-icon-battery-0 { background-position: -48px -176px; } .ui-icon-battery-1 { background-position: -64px -176px; } .ui-icon-battery-2 { background-position: -80px -176px; } .ui-icon-battery-3 { background-position: -96px -176px; } .ui-icon-circle-plus { background-position: 0 -192px; } .ui-icon-circle-minus { background-position: -16px -192px; } .ui-icon-circle-close { background-position: -32px -192px; } .ui-icon-circle-triangle-e { background-position: -48px -192px; } .ui-icon-circle-triangle-s { background-position: -64px -192px; } .ui-icon-circle-triangle-w { background-position: -80px -192px; } .ui-icon-circle-triangle-n { background-position: -96px -192px; } .ui-icon-circle-arrow-e { background-position: -112px -192px; } .ui-icon-circle-arrow-s { background-position: -128px -192px; } .ui-icon-circle-arrow-w { background-position: -144px -192px; } .ui-icon-circle-arrow-n { background-position: -160px -192px; } .ui-icon-circle-zoomin { background-position: -176px -192px; } .ui-icon-circle-zoomout { background-position: -192px -192px; } .ui-icon-circle-check { background-position: -208px -192px; } .ui-icon-circlesmall-plus { background-position: 0 -208px; } .ui-icon-circlesmall-minus { background-position: -16px -208px; } .ui-icon-circlesmall-close { background-position: -32px -208px; } .ui-icon-squaresmall-plus { background-position: -48px -208px; } .ui-icon-squaresmall-minus { background-position: -64px -208px; } .ui-icon-squaresmall-close { background-position: -80px -208px; } .ui-icon-grip-dotted-vertical { background-position: 0 -224px; } .ui-icon-grip-dotted-horizontal { background-position: -16px -224px; } .ui-icon-grip-solid-vertical { background-position: -32px -224px; } .ui-icon-grip-solid-horizontal { background-position: -48px -224px; } .ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; } .ui-icon-grip-diagonal-se { background-position: -80px -224px; } .ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { border-top-left-radius: 3px; } .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { border-top-right-radius: 3px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { border-bottom-left-radius: 3px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { border-bottom-right-radius: 3px; } .ui-widget-overlay { background: #aaa; opacity: .3; filter: Alpha(Opacity=30); } .ui-widget-shadow { box-shadow: 0 0 5px #666; } /*! normalize-scss | MIT/GPLv2 License | bit.ly/normalize-scss */ /* Document ========================================================================== */ /** * 1. Change the default font family in all browsers (opinionated). * 2. Correct the line height in all browsers. * 3. Prevent adjustments of font size after orientation changes in * IE on Windows Phone and in iOS. */ html { font-family: sans-serif; /* 1 */ line-height: 1.15; /* 2 */ -ms-text-size-adjust: 100%; /* 3 */ -webkit-text-size-adjust: 100%; /* 3 */ } /* Sections ========================================================================== */ /** * Remove the margin in all browsers (opinionated). */ body { margin: 0; } /** * Add the correct display in IE 9-. */ article, aside, footer, header, nav, section { display: block; } /** * Correct the font size and margin on `h1` elements within `section` and * `article` contexts in Chrome, Firefox, and Safari. */ h1 { font-size: 2em; margin: 0.67em 0; } /* Grouping content ========================================================================== */ /** * Add the correct display in IE 9-. */ figcaption, figure { display: block; } /** * Add the correct margin in IE 8. */ figure { margin: 1em 40px; } /** * 1. Add the correct box sizing in Firefox. * 2. Show the overflow in Edge and IE. */ hr { box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ } /** * Add the correct display in IE. */ main { display: block; } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ pre { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /* Links ========================================================================== */ /** * 1. Remove the gray background on active links in IE 10. * 2. Remove gaps in links underline in iOS 8+ and Safari 8+. */ a { background-color: transparent; /* 1 */ -webkit-text-decoration-skip: objects; /* 2 */ } /** * Remove the outline on focused links when they are also active or hovered * in all browsers (opinionated). */ a:active, a:hover { outline-width: 0; } /* Text-level semantics ========================================================================== */ /** * 1. Remove the bottom border in Firefox 39-. * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */ abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ text-decoration: underline dotted; /* 2 */ } /** * Prevent the duplicate application of `bolder` by the next rule in Safari 6. */ b, strong { font-weight: inherit; } /** * Add the correct font weight in Chrome, Edge, and Safari. */ b, strong { font-weight: bolder; } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ code, kbd, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /** * Add the correct font style in Android 4.3-. */ dfn { font-style: italic; } /** * Add the correct background and color in IE 9-. */ mark { background-color: #ff0; color: #000; } /** * Add the correct font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` elements from affecting the line height in * all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } /* Embedded content ========================================================================== */ /** * Add the correct display in IE 9-. */ audio, video { display: inline-block; } /** * Add the correct display in iOS 4-7. */ audio:not([controls]) { display: none; height: 0; } /** * Remove the border on images inside links in IE 10-. */ img { border-style: none; } /** * Hide the overflow in IE. */ svg:not(:root) { overflow: hidden; } /* Forms ========================================================================== */ /** * 1. Change the font styles in all browsers (opinionated). * 2. Remove the margin in Firefox and Safari. */ button, input, optgroup, select, textarea { font-family: sans-serif; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */ } /** * Show the overflow in IE. */ button { overflow: visible; } /** * Remove the inheritance of text transform in Edge, Firefox, and IE. * 1. Remove the inheritance of text transform in Firefox. */ button, select { /* 1 */ text-transform: none; } /** * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video` * controls in Android 4. * 2. Correct the inability to style clickable types in iOS and Safari. */ button, html [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; /* 2 */ } button, [type="button"], [type="reset"], [type="submit"] { /** * Remove the inner border and padding in Firefox. */ /** * Restore the focus styles unset by the previous rule. */ } button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; } button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; } /** * Show the overflow in Edge. */ input { overflow: visible; } /** * 1. Add the correct box sizing in IE 10-. * 2. Remove the padding in IE 10-. */ [type="checkbox"], [type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * Correct the cursor style of increment and decrement buttons in Chrome. */ [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } /** * 1. Correct the odd appearance in Chrome and Safari. * 2. Correct the outline style in Safari. */ [type="search"] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ /** * Remove the inner padding and cancel buttons in Chrome and Safari on macOS. */ } [type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /** * 1. Correct the inability to style clickable types in iOS and Safari. * 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } /** * Change the border, margin, and padding in all browsers (opinionated). */ fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } /** * 1. Correct the text wrapping in Edge and IE. * 2. Correct the color inheritance from `fieldset` elements in IE. * 3. Remove the padding so developers are not caught out when they zero out * `fieldset` elements in all browsers. */ legend { box-sizing: border-box; /* 1 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ color: inherit; /* 2 */ white-space: normal; /* 1 */ } /** * 1. Add the correct display in IE 9-. * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera. */ progress { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ } /** * Remove the default vertical scrollbar in IE. */ textarea { overflow: auto; } /* Interactive ========================================================================== */ /* * Add the correct display in Edge, IE, and Firefox. */ details { display: block; } /* * Add the correct display in all browsers. */ summary { display: list-item; } /* * Add the correct display in IE 9-. */ menu { display: block; } /* Scripting ========================================================================== */ /** * Add the correct display in IE 9-. */ canvas { display: inline-block; } /** * Add the correct display in IE. */ template { display: none; } /* Hidden ========================================================================== */ /** * Add the correct display in IE 10-. */ [hidden] { display: none; } .foundation-mq { font-family: "small=0em&medium=40em&large=64em&xlarge=75em&xxlarge=90em"; } html { box-sizing: border-box; font-size: 100%; } *, *::before, *::after { box-sizing: inherit; } body { margin: 0; padding: 0; background: white; font-family: Open Sans, "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; font-weight: normal; line-height: 1.5; color: #0a0a0a; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } img { display: inline-block; vertical-align: middle; max-width: 100%; height: auto; -ms-interpolation-mode: bicubic; } textarea { height: auto; min-height: 50px; border-radius: 0; } select { box-sizing: border-box; width: 100%; border-radius: 0; } .map_canvas img, .map_canvas embed, .map_canvas object, .mqa-display img, .mqa-display embed, .mqa-display object { max-width: none !important; } button { padding: 0; appearance: none; border: 0; border-radius: 0; background: transparent; line-height: 1; } [data-whatinput='mouse'] button { outline: 0; } pre { overflow: auto; } .is-visible { display: block !important; } .is-hidden { display: none !important; } .row { max-width: 86.25rem; margin-right: auto; margin-left: auto; display: -ms-flexbox; display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; } .row .row { margin-right: -0.625rem; margin-left: -0.625rem; } @media print, screen and (min-width: 40em) { .row .row { margin-right: -0.9375rem; margin-left: -0.9375rem; } } @media print, screen and (min-width: 64em) { .row .row { margin-right: -0.9375rem; margin-left: -0.9375rem; } } @media screen and (min-width: 75em) { .row .row { margin-right: -0.9375rem; margin-left: -0.9375rem; } } @media screen and (min-width: 90em) { .row .row { margin-right: -0.9375rem; margin-left: -0.9375rem; } } .row .row.collapse { margin-right: 0; margin-left: 0; } .row.expanded { max-width: none; } .row.expanded .row { margin-right: auto; margin-left: auto; } .row:not(.expanded) .row { max-width: none; } .row.collapse > .column, .row.collapse > .columns { padding-right: 0; padding-left: 0; } .row.is-collapse-child, .row.collapse > .column > .row, .row.collapse > .columns > .row { margin-right: 0; margin-left: 0; } .column, .columns { -ms-flex: 1 1 0px; flex: 1 1 0px; padding-right: 0.625rem; padding-left: 0.625rem; min-width: initial; } @media print, screen and (min-width: 40em) { .column, .columns { padding-right: 0.9375rem; padding-left: 0.9375rem; } } .column.row.row, .row.row.columns { float: none; display: block; } .row .column.row.row, .row .row.row.columns { margin-right: 0; margin-left: 0; padding-right: 0; padding-left: 0; } .flex-container { display: -ms-flexbox; display: flex; } .flex-child-auto { -ms-flex: 1 1 auto; flex: 1 1 auto; } .flex-child-grow { -ms-flex: 1 0 auto; flex: 1 0 auto; } .flex-child-shrink { -ms-flex: 0 1 auto; flex: 0 1 auto; } .flex-dir-row { -ms-flex-direction: row; flex-direction: row; } .flex-dir-row-reverse { -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .flex-dir-column { -ms-flex-direction: column; flex-direction: column; } .flex-dir-column-reverse { -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .small-1 { -ms-flex: 0 0 8.3333333333%; flex: 0 0 8.3333333333%; max-width: 8.3333333333%; } .small-offset-0 { margin-left: 0%; } .small-2 { -ms-flex: 0 0 16.6666666667%; flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .small-offset-1 { margin-left: 8.3333333333%; } .small-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .small-offset-2 { margin-left: 16.6666666667%; } .small-4 { -ms-flex: 0 0 33.3333333333%; flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .small-offset-3 { margin-left: 25%; } .small-5 { -ms-flex: 0 0 41.6666666667%; flex: 0 0 41.6666666667%; max-width: 41.6666666667%; } .small-offset-4 { margin-left: 33.3333333333%; } .small-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .small-offset-5 { margin-left: 41.6666666667%; } .small-7 { -ms-flex: 0 0 58.3333333333%; flex: 0 0 58.3333333333%; max-width: 58.3333333333%; } .small-offset-6 { margin-left: 50%; } .small-8 { -ms-flex: 0 0 66.6666666667%; flex: 0 0 66.6666666667%; max-width: 66.6666666667%; } .small-offset-7 { margin-left: 58.3333333333%; } .small-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .small-offset-8 { margin-left: 66.6666666667%; } .small-10 { -ms-flex: 0 0 83.3333333333%; flex: 0 0 83.3333333333%; max-width: 83.3333333333%; } .small-offset-9 { margin-left: 75%; } .small-11 { -ms-flex: 0 0 91.6666666667%; flex: 0 0 91.6666666667%; max-width: 91.6666666667%; } .small-offset-10 { margin-left: 83.3333333333%; } .small-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .small-offset-11 { margin-left: 91.6666666667%; } .small-order-1 { -ms-flex-order: 1; order: 1; } .small-order-2 { -ms-flex-order: 2; order: 2; } .small-order-3 { -ms-flex-order: 3; order: 3; } .small-order-4 { -ms-flex-order: 4; order: 4; } .small-order-5 { -ms-flex-order: 5; order: 5; } .small-order-6 { -ms-flex-order: 6; order: 6; } .small-up-1 { -ms-flex-wrap: wrap; flex-wrap: wrap; } .small-up-1 > .column, .small-up-1 > .columns { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .small-up-2 { -ms-flex-wrap: wrap; flex-wrap: wrap; } .small-up-2 > .column, .small-up-2 > .columns { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .small-up-3 { -ms-flex-wrap: wrap; flex-wrap: wrap; } .small-up-3 > .column, .small-up-3 > .columns { -ms-flex: 0 0 33.3333333333%; flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .small-up-4 { -ms-flex-wrap: wrap; flex-wrap: wrap; } .small-up-4 > .column, .small-up-4 > .columns { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .small-up-5 { -ms-flex-wrap: wrap; flex-wrap: wrap; } .small-up-5 > .column, .small-up-5 > .columns { -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; } .small-up-6 { -ms-flex-wrap: wrap; flex-wrap: wrap; } .small-up-6 > .column, .small-up-6 > .columns { -ms-flex: 0 0 16.6666666667%; flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .small-up-7 { -ms-flex-wrap: wrap; flex-wrap: wrap; } .small-up-7 > .column, .small-up-7 > .columns { -ms-flex: 0 0 14.2857142857%; flex: 0 0 14.2857142857%; max-width: 14.2857142857%; } .small-up-8 { -ms-flex-wrap: wrap; flex-wrap: wrap; } .small-up-8 > .column, .small-up-8 > .columns { -ms-flex: 0 0 12.5%; flex: 0 0 12.5%; max-width: 12.5%; } .small-collapse > .column, .small-collapse > .columns { padding-right: 0; padding-left: 0; } .small-uncollapse > .column, .small-uncollapse > .columns { padding-right: 0.625rem; padding-left: 0.625rem; } @media print, screen and (min-width: 40em) { .medium-1 { -ms-flex: 0 0 8.3333333333%; flex: 0 0 8.3333333333%; max-width: 8.3333333333%; } .medium-offset-0 { margin-left: 0%; } .medium-2 { -ms-flex: 0 0 16.6666666667%; flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .medium-offset-1 { margin-left: 8.3333333333%; } .medium-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .medium-offset-2 { margin-left: 16.6666666667%; } .medium-4 { -ms-flex: 0 0 33.3333333333%; flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .medium-offset-3 { margin-left: 25%; } .medium-5 { -ms-flex: 0 0 41.6666666667%; flex: 0 0 41.6666666667%; max-width: 41.6666666667%; } .medium-offset-4 { margin-left: 33.3333333333%; } .medium-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .medium-offset-5 { margin-left: 41.6666666667%; } .medium-7 { -ms-flex: 0 0 58.3333333333%; flex: 0 0 58.3333333333%; max-width: 58.3333333333%; } .medium-offset-6 { margin-left: 50%; } .medium-8 { -ms-flex: 0 0 66.6666666667%; flex: 0 0 66.6666666667%; max-width: 66.6666666667%; } .medium-offset-7 { margin-left: 58.3333333333%; } .medium-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .medium-offset-8 { margin-left: 66.6666666667%; } .medium-10 { -ms-flex: 0 0 83.3333333333%; flex: 0 0 83.3333333333%; max-width: 83.3333333333%; } .medium-offset-9 { margin-left: 75%; } .medium-11 { -ms-flex: 0 0 91.6666666667%; flex: 0 0 91.6666666667%; max-width: 91.6666666667%; } .medium-offset-10 { margin-left: 83.3333333333%; } .medium-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .medium-offset-11 { margin-left: 91.6666666667%; } .medium-order-1 { -ms-flex-order: 1; order: 1; } .medium-order-2 { -ms-flex-order: 2; order: 2; } .medium-order-3 { -ms-flex-order: 3; order: 3; } .medium-order-4 { -ms-flex-order: 4; order: 4; } .medium-order-5 { -ms-flex-order: 5; order: 5; } .medium-order-6 { -ms-flex-order: 6; order: 6; } .medium-up-1 { -ms-flex-wrap: wrap; flex-wrap: wrap; } .medium-up-1 > .column, .medium-up-1 > .columns { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .medium-up-2 { -ms-flex-wrap: wrap; flex-wrap: wrap; } .medium-up-2 > .column, .medium-up-2 > .columns { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .medium-up-3 { -ms-flex-wrap: wrap; flex-wrap: wrap; } .medium-up-3 > .column, .medium-up-3 > .columns { -ms-flex: 0 0 33.3333333333%; flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .medium-up-4 { -ms-flex-wrap: wrap; flex-wrap: wrap; } .medium-up-4 > .column, .medium-up-4 > .columns { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .medium-up-5 { -ms-flex-wrap: wrap; flex-wrap: wrap; } .medium-up-5 > .column, .medium-up-5 > .columns { -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; } .medium-up-6 { -ms-flex-wrap: wrap; flex-wrap: wrap; } .medium-up-6 > .column, .medium-up-6 > .columns { -ms-flex: 0 0 16.6666666667%; flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .medium-up-7 { -ms-flex-wrap: wrap; flex-wrap: wrap; } .medium-up-7 > .column, .medium-up-7 > .columns { -ms-flex: 0 0 14.2857142857%; flex: 0 0 14.2857142857%; max-width: 14.2857142857%; } .medium-up-8 { -ms-flex-wrap: wrap; flex-wrap: wrap; } .medium-up-8 > .column, .medium-up-8 > .columns { -ms-flex: 0 0 12.5%; flex: 0 0 12.5%; max-width: 12.5%; } } @media print, screen and (min-width: 40em) and (min-width: 40em) { .medium-expand { -ms-flex: 1 1 0px; flex: 1 1 0px; } } @media print, screen and (min-width: 40em) { .medium-flex-dir-row { -ms-flex-direction: row; flex-direction: row; } .medium-flex-dir-row-reverse { -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .medium-flex-dir-column { -ms-flex-direction: column; flex-direction: column; } .medium-flex-dir-column-reverse { -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .medium-flex-child-auto { -ms-flex: 1 1 auto; flex: 1 1 auto; } .medium-flex-child-grow { -ms-flex: 1 0 auto; flex: 1 0 auto; } .medium-flex-child-shrink { -ms-flex: 0 1 auto; flex: 0 1 auto; } } .row.medium-unstack > .column, .row.medium-unstack > .columns { -ms-flex: 0 0 100%; flex: 0 0 100%; } @media print, screen and (min-width: 40em) { .row.medium-unstack > .column, .row.medium-unstack > .columns { -ms-flex: 1 1 0px; flex: 1 1 0px; } } @media print, screen and (min-width: 40em) { .medium-collapse > .column, .medium-collapse > .columns { padding-right: 0; padding-left: 0; } .medium-uncollapse > .column, .medium-uncollapse > .columns { padding-right: 0.9375rem; padding-left: 0.9375rem; } } @media print, screen and (min-width: 64em) { .large-1 { -ms-flex: 0 0 8.3333333333%; flex: 0 0 8.3333333333%; max-width: 8.3333333333%; } .large-offset-0 { margin-left: 0%; } .large-2 { -ms-flex: 0 0 16.6666666667%; flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .large-offset-1 { margin-left: 8.3333333333%; } .large-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .large-offset-2 { margin-left: 16.6666666667%; } .large-4 { -ms-flex: 0 0 33.3333333333%; flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .large-offset-3 { margin-left: 25%; } .large-5 { -ms-flex: 0 0 41.6666666667%; flex: 0 0 41.6666666667%; max-width: 41.6666666667%; } .large-offset-4 { margin-left: 33.3333333333%; } .large-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .large-offset-5 { margin-left: 41.6666666667%; } .large-7 { -ms-flex: 0 0 58.3333333333%; flex: 0 0 58.3333333333%; max-width: 58.3333333333%; } .large-offset-6 { margin-left: 50%; } .large-8 { -ms-flex: 0 0 66.6666666667%; flex: 0 0 66.6666666667%; max-width: 66.6666666667%; } .large-offset-7 { margin-left: 58.3333333333%; } .large-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .large-offset-8 { margin-left: 66.6666666667%; } .large-10 { -ms-flex: 0 0 83.3333333333%; flex: 0 0 83.3333333333%; max-width: 83.3333333333%; } .large-offset-9 { margin-left: 75%; } .large-11 { -ms-flex: 0 0 91.6666666667%; flex: 0 0 91.6666666667%; max-width: 91.6666666667%; } .large-offset-10 { margin-left: 83.3333333333%; } .large-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .large-offset-11 { margin-left: 91.6666666667%; } .large-order-1 { -ms-flex-order: 1; order: 1; } .large-order-2 { -ms-flex-order: 2; order: 2; } .large-order-3 { -ms-flex-order: 3; order: 3; } .large-order-4 { -ms-flex-order: 4; order: 4; } .large-order-5 { -ms-flex-order: 5; order: 5; } .large-order-6 { -ms-flex-order: 6; order: 6; } .large-up-1 { -ms-flex-wrap: wrap; flex-wrap: wrap; } .large-up-1 > .column, .large-up-1 > .columns { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .large-up-2 { -ms-flex-wrap: wrap; flex-wrap: wrap; } .large-up-2 > .column, .large-up-2 > .columns { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .large-up-3 { -ms-flex-wrap: wrap; flex-wrap: wrap; } .large-up-3 > .column, .large-up-3 > .columns { -ms-flex: 0 0 33.3333333333%; flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .large-up-4 { -ms-flex-wrap: wrap; flex-wrap: wrap; } .large-up-4 > .column, .large-up-4 > .columns { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .large-up-5 { -ms-flex-wrap: wrap; flex-wrap: wrap; } .large-up-5 > .column, .large-up-5 > .columns { -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; } .large-up-6 { -ms-flex-wrap: wrap; flex-wrap: wrap; } .large-up-6 > .column, .large-up-6 > .columns { -ms-flex: 0 0 16.6666666667%; flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .large-up-7 { -ms-flex-wrap: wrap; flex-wrap: wrap; } .large-up-7 > .column, .large-up-7 > .columns { -ms-flex: 0 0 14.2857142857%; flex: 0 0 14.2857142857%; max-width: 14.2857142857%; } .large-up-8 { -ms-flex-wrap: wrap; flex-wrap: wrap; } .large-up-8 > .column, .large-up-8 > .columns { -ms-flex: 0 0 12.5%; flex: 0 0 12.5%; max-width: 12.5%; } } @media print, screen and (min-width: 64em) and (min-width: 64em) { .large-expand { -ms-flex: 1 1 0px; flex: 1 1 0px; } } @media print, screen and (min-width: 64em) { .large-flex-dir-row { -ms-flex-direction: row; flex-direction: row; } .large-flex-dir-row-reverse { -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .large-flex-dir-column { -ms-flex-direction: column; flex-direction: column; } .large-flex-dir-column-reverse { -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .large-flex-child-auto { -ms-flex: 1 1 auto; flex: 1 1 auto; } .large-flex-child-grow { -ms-flex: 1 0 auto; flex: 1 0 auto; } .large-flex-child-shrink { -ms-flex: 0 1 auto; flex: 0 1 auto; } } .row.large-unstack > .column, .row.large-unstack > .columns { -ms-flex: 0 0 100%; flex: 0 0 100%; } @media print, screen and (min-width: 64em) { .row.large-unstack > .column, .row.large-unstack > .columns { -ms-flex: 1 1 0px; flex: 1 1 0px; } } @media print, screen and (min-width: 64em) { .large-collapse > .column, .large-collapse > .columns { padding-right: 0; padding-left: 0; } .large-uncollapse > .column, .large-uncollapse > .columns { padding-right: 0.9375rem; padding-left: 0.9375rem; } } @media screen and (min-width: 75em) { .xlarge-1 { -ms-flex: 0 0 8.3333333333%; flex: 0 0 8.3333333333%; max-width: 8.3333333333%; } .xlarge-offset-0 { margin-left: 0%; } .xlarge-2 { -ms-flex: 0 0 16.6666666667%; flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .xlarge-offset-1 { margin-left: 8.3333333333%; } .xlarge-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .xlarge-offset-2 { margin-left: 16.6666666667%; } .xlarge-4 { -ms-flex: 0 0 33.3333333333%; flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .xlarge-offset-3 { margin-left: 25%; } .xlarge-5 { -ms-flex: 0 0 41.6666666667%; flex: 0 0 41.6666666667%; max-width: 41.6666666667%; } .xlarge-offset-4 { margin-left: 33.3333333333%; } .xlarge-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .xlarge-offset-5 { margin-left: 41.6666666667%; } .xlarge-7 { -ms-flex: 0 0 58.3333333333%; flex: 0 0 58.3333333333%; max-width: 58.3333333333%; } .xlarge-offset-6 { margin-left: 50%; } .xlarge-8 { -ms-flex: 0 0 66.6666666667%; flex: 0 0 66.6666666667%; max-width: 66.6666666667%; } .xlarge-offset-7 { margin-left: 58.3333333333%; } .xlarge-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .xlarge-offset-8 { margin-left: 66.6666666667%; } .xlarge-10 { -ms-flex: 0 0 83.3333333333%; flex: 0 0 83.3333333333%; max-width: 83.3333333333%; } .xlarge-offset-9 { margin-left: 75%; } .xlarge-11 { -ms-flex: 0 0 91.6666666667%; flex: 0 0 91.6666666667%; max-width: 91.6666666667%; } .xlarge-offset-10 { margin-left: 83.3333333333%; } .xlarge-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .xlarge-offset-11 { margin-left: 91.6666666667%; } .xlarge-order-1 { -ms-flex-order: 1; order: 1; } .xlarge-order-2 { -ms-flex-order: 2; order: 2; } .xlarge-order-3 { -ms-flex-order: 3; order: 3; } .xlarge-order-4 { -ms-flex-order: 4; order: 4; } .xlarge-order-5 { -ms-flex-order: 5; order: 5; } .xlarge-order-6 { -ms-flex-order: 6; order: 6; } .xlarge-up-1 { -ms-flex-wrap: wrap; flex-wrap: wrap; } .xlarge-up-1 > .column, .xlarge-up-1 > .columns { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .xlarge-up-2 { -ms-flex-wrap: wrap; flex-wrap: wrap; } .xlarge-up-2 > .column, .xlarge-up-2 > .columns { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .xlarge-up-3 { -ms-flex-wrap: wrap; flex-wrap: wrap; } .xlarge-up-3 > .column, .xlarge-up-3 > .columns { -ms-flex: 0 0 33.3333333333%; flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .xlarge-up-4 { -ms-flex-wrap: wrap; flex-wrap: wrap; } .xlarge-up-4 > .column, .xlarge-up-4 > .columns { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .xlarge-up-5 { -ms-flex-wrap: wrap; flex-wrap: wrap; } .xlarge-up-5 > .column, .xlarge-up-5 > .columns { -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; } .xlarge-up-6 { -ms-flex-wrap: wrap; flex-wrap: wrap; } .xlarge-up-6 > .column, .xlarge-up-6 > .columns { -ms-flex: 0 0 16.6666666667%; flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .xlarge-up-7 { -ms-flex-wrap: wrap; flex-wrap: wrap; } .xlarge-up-7 > .column, .xlarge-up-7 > .columns { -ms-flex: 0 0 14.2857142857%; flex: 0 0 14.2857142857%; max-width: 14.2857142857%; } .xlarge-up-8 { -ms-flex-wrap: wrap; flex-wrap: wrap; } .xlarge-up-8 > .column, .xlarge-up-8 > .columns { -ms-flex: 0 0 12.5%; flex: 0 0 12.5%; max-width: 12.5%; } } @media screen and (min-width: 75em) and (min-width: 75em) { .xlarge-expand { -ms-flex: 1 1 0px; flex: 1 1 0px; } } @media screen and (min-width: 75em) { .xlarge-flex-dir-row { -ms-flex-direction: row; flex-direction: row; } .xlarge-flex-dir-row-reverse { -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .xlarge-flex-dir-column { -ms-flex-direction: column; flex-direction: column; } .xlarge-flex-dir-column-reverse { -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .xlarge-flex-child-auto { -ms-flex: 1 1 auto; flex: 1 1 auto; } .xlarge-flex-child-grow { -ms-flex: 1 0 auto; flex: 1 0 auto; } .xlarge-flex-child-shrink { -ms-flex: 0 1 auto; flex: 0 1 auto; } } .row.xlarge-unstack > .column, .row.xlarge-unstack > .columns { -ms-flex: 0 0 100%; flex: 0 0 100%; } @media screen and (min-width: 75em) { .row.xlarge-unstack > .column, .row.xlarge-unstack > .columns { -ms-flex: 1 1 0px; flex: 1 1 0px; } } @media screen and (min-width: 75em) { .xlarge-collapse > .column, .xlarge-collapse > .columns { padding-right: 0; padding-left: 0; } .xlarge-uncollapse > .column, .xlarge-uncollapse > .columns { padding-right: 0.9375rem; padding-left: 0.9375rem; } } @media screen and (min-width: 90em) { .xxlarge-1 { -ms-flex: 0 0 8.3333333333%; flex: 0 0 8.3333333333%; max-width: 8.3333333333%; } .xxlarge-offset-0 { margin-left: 0%; } .xxlarge-2 { -ms-flex: 0 0 16.6666666667%; flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .xxlarge-offset-1 { margin-left: 8.3333333333%; } .xxlarge-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .xxlarge-offset-2 { margin-left: 16.6666666667%; } .xxlarge-4 { -ms-flex: 0 0 33.3333333333%; flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .xxlarge-offset-3 { margin-left: 25%; } .xxlarge-5 { -ms-flex: 0 0 41.6666666667%; flex: 0 0 41.6666666667%; max-width: 41.6666666667%; } .xxlarge-offset-4 { margin-left: 33.3333333333%; } .xxlarge-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .xxlarge-offset-5 { margin-left: 41.6666666667%; } .xxlarge-7 { -ms-flex: 0 0 58.3333333333%; flex: 0 0 58.3333333333%; max-width: 58.3333333333%; } .xxlarge-offset-6 { margin-left: 50%; } .xxlarge-8 { -ms-flex: 0 0 66.6666666667%; flex: 0 0 66.6666666667%; max-width: 66.6666666667%; } .xxlarge-offset-7 { margin-left: 58.3333333333%; } .xxlarge-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .xxlarge-offset-8 { margin-left: 66.6666666667%; } .xxlarge-10 { -ms-flex: 0 0 83.3333333333%; flex: 0 0 83.3333333333%; max-width: 83.3333333333%; } .xxlarge-offset-9 { margin-left: 75%; } .xxlarge-11 { -ms-flex: 0 0 91.6666666667%; flex: 0 0 91.6666666667%; max-width: 91.6666666667%; } .xxlarge-offset-10 { margin-left: 83.3333333333%; } .xxlarge-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .xxlarge-offset-11 { margin-left: 91.6666666667%; } .xxlarge-order-1 { -ms-flex-order: 1; order: 1; } .xxlarge-order-2 { -ms-flex-order: 2; order: 2; } .xxlarge-order-3 { -ms-flex-order: 3; order: 3; } .xxlarge-order-4 { -ms-flex-order: 4; order: 4; } .xxlarge-order-5 { -ms-flex-order: 5; order: 5; } .xxlarge-order-6 { -ms-flex-order: 6; order: 6; } .xxlarge-up-1 { -ms-flex-wrap: wrap; flex-wrap: wrap; } .xxlarge-up-1 > .column, .xxlarge-up-1 > .columns { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .xxlarge-up-2 { -ms-flex-wrap: wrap; flex-wrap: wrap; } .xxlarge-up-2 > .column, .xxlarge-up-2 > .columns { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .xxlarge-up-3 { -ms-flex-wrap: wrap; flex-wrap: wrap; } .xxlarge-up-3 > .column, .xxlarge-up-3 > .columns { -ms-flex: 0 0 33.3333333333%; flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .xxlarge-up-4 { -ms-flex-wrap: wrap; flex-wrap: wrap; } .xxlarge-up-4 > .column, .xxlarge-up-4 > .columns { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .xxlarge-up-5 { -ms-flex-wrap: wrap; flex-wrap: wrap; } .xxlarge-up-5 > .column, .xxlarge-up-5 > .columns { -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; } .xxlarge-up-6 { -ms-flex-wrap: wrap; flex-wrap: wrap; } .xxlarge-up-6 > .column, .xxlarge-up-6 > .columns { -ms-flex: 0 0 16.6666666667%; flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .xxlarge-up-7 { -ms-flex-wrap: wrap; flex-wrap: wrap; } .xxlarge-up-7 > .column, .xxlarge-up-7 > .columns { -ms-flex: 0 0 14.2857142857%; flex: 0 0 14.2857142857%; max-width: 14.2857142857%; } .xxlarge-up-8 { -ms-flex-wrap: wrap; flex-wrap: wrap; } .xxlarge-up-8 > .column, .xxlarge-up-8 > .columns { -ms-flex: 0 0 12.5%; flex: 0 0 12.5%; max-width: 12.5%; } } @media screen and (min-width: 90em) and (min-width: 90em) { .xxlarge-expand { -ms-flex: 1 1 0px; flex: 1 1 0px; } } @media screen and (min-width: 90em) { .xxlarge-flex-dir-row { -ms-flex-direction: row; flex-direction: row; } .xxlarge-flex-dir-row-reverse { -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .xxlarge-flex-dir-column { -ms-flex-direction: column; flex-direction: column; } .xxlarge-flex-dir-column-reverse { -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .xxlarge-flex-child-auto { -ms-flex: 1 1 auto; flex: 1 1 auto; } .xxlarge-flex-child-grow { -ms-flex: 1 0 auto; flex: 1 0 auto; } .xxlarge-flex-child-shrink { -ms-flex: 0 1 auto; flex: 0 1 auto; } } .row.xxlarge-unstack > .column, .row.xxlarge-unstack > .columns { -ms-flex: 0 0 100%; flex: 0 0 100%; } @media screen and (min-width: 90em) { .row.xxlarge-unstack > .column, .row.xxlarge-unstack > .columns { -ms-flex: 1 1 0px; flex: 1 1 0px; } } @media screen and (min-width: 90em) { .xxlarge-collapse > .column, .xxlarge-collapse > .columns { padding-right: 0; padding-left: 0; } .xxlarge-uncollapse > .column, .xxlarge-uncollapse > .columns { padding-right: 0.9375rem; padding-left: 0.9375rem; } } .shrink { -ms-flex: 0 0 auto; flex: 0 0 auto; max-width: 100%; } .column-block { margin-bottom: 1.25rem; } .column-block > :last-child { margin-bottom: 0; } @media print, screen and (min-width: 40em) { .column-block { margin-bottom: 1.875rem; } .column-block > :last-child { margin-bottom: 0; } } div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, th, td { margin: 0; padding: 0; } p { margin-bottom: 1rem; font-size: inherit; line-height: 1.6; text-rendering: optimizeLegibility; } em, i { font-style: italic; line-height: inherit; } strong, b { font-weight: bold; line-height: inherit; } small { font-size: 80%; line-height: inherit; } h1, h2, h3, h4, h5, h6 { font-family: "Poppins", sans-serif; font-style: normal; font-weight: normal; color: #1e225d; text-rendering: optimizeLegibility; } h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { line-height: 0; color: #cacaca; } h1 { font-size: 1.5rem; line-height: 1.4; margin-top: 0; margin-bottom: 0.5rem; } h2 { font-size: 1.25rem; line-height: 1.4; margin-top: 0; margin-bottom: 0.5rem; } h3 { font-size: 1.1875rem; line-height: 1.4; margin-top: 0; margin-bottom: 0.5rem; } h4 { font-size: 1.125rem; line-height: 1.4; margin-top: 0; margin-bottom: 0.5rem; } h5 { font-size: 1.0625rem; line-height: 1.4; margin-top: 0; margin-bottom: 0.5rem; } h6 { font-size: 1rem; line-height: 1.4; margin-top: 0; margin-bottom: 0.5rem; } @media print, screen and (min-width: 40em) { h1 { font-size: 3rem; } h2 { font-size: 2.5rem; } h3 { font-size: 1.9375rem; } h4 { font-size: 1.5625rem; } h5 { font-size: 1.25rem; } h6 { font-size: 1rem; } } a { line-height: inherit; color: #1E225C; text-decoration: none; cursor: pointer; } a:hover, a:focus { color: #1a1d4f; } a img { border: 0; } hr { clear: both; max-width: 86.25rem; height: 0; margin: 1.25rem auto; border-top: 0; border-right: 0; border-bottom: 1px solid #cacaca; border-left: 0; } ul, ol, dl { margin-bottom: 1rem; list-style-position: outside; line-height: 1.6; } li { font-size: inherit; } ul { margin-left: 1.25rem; list-style-type: disc; } ol { margin-left: 1.25rem; } ul ul, ol ul, ul ol, ol ol { margin-left: 1.25rem; margin-bottom: 0; } dl { margin-bottom: 1rem; } dl dt { margin-bottom: 0.3rem; font-weight: bold; } blockquote { margin: 0 0 1rem; padding: 0.5625rem 1.25rem 0 1.1875rem; border-left: 1px solid #cacaca; } blockquote, blockquote p { line-height: 1.6; color: #8a8a8a; } cite { display: block; font-size: 0.8125rem; color: #8a8a8a; } cite:before { content: "— "; } abbr { border-bottom: 1px dotted #0a0a0a; color: #0a0a0a; cursor: help; } figure { margin: 0; } code { padding: 0.125rem 0.3125rem 0.0625rem; border: 1px solid #cacaca; background-color: #e6e6e6; font-family: Consolas, "Liberation Mono", Courier, monospace; font-weight: normal; color: #0a0a0a; } kbd { margin: 0; padding: 0.125rem 0.25rem 0; background-color: #e6e6e6; font-family: Consolas, "Liberation Mono", Courier, monospace; color: #0a0a0a; } .subheader { margin-top: 0.2rem; margin-bottom: 0.5rem; font-weight: normal; line-height: 1.4; color: #8a8a8a; } .lead { font-size: 125%; line-height: 1.6; } .stat { font-size: 2.5rem; line-height: 1; } p + .stat { margin-top: -1rem; } .no-bullet { margin-left: 0; list-style: none; } .text-left { text-align: left; } .text-right { text-align: right; } .text-center { text-align: center; } .text-justify { text-align: justify; } @media print, screen and (min-width: 40em) { .medium-text-left { text-align: left; } .medium-text-right { text-align: right; } .medium-text-center { text-align: center; } .medium-text-justify { text-align: justify; } } @media print, screen and (min-width: 64em) { .large-text-left { text-align: left; } .large-text-right { text-align: right; } .large-text-center { text-align: center; } .large-text-justify { text-align: justify; } } @media screen and (min-width: 75em) { .xlarge-text-left { text-align: left; } .xlarge-text-right { text-align: right; } .xlarge-text-center { text-align: center; } .xlarge-text-justify { text-align: justify; } } @media screen and (min-width: 90em) { .xxlarge-text-left { text-align: left; } .xxlarge-text-right { text-align: right; } .xxlarge-text-center { text-align: center; } .xxlarge-text-justify { text-align: justify; } } .show-for-print { display: none !important; } @media print { * { background: transparent !important; box-shadow: none !important; color: black !important; text-shadow: none !important; } .show-for-print { display: block !important; } .hide-for-print { display: none !important; } table.show-for-print { display: table !important; } thead.show-for-print { display: table-header-group !important; } tbody.show-for-print { display: table-row-group !important; } tr.show-for-print { display: table-row !important; } td.show-for-print { display: table-cell !important; } th.show-for-print { display: table-cell !important; } a, a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } .ir a:after, a[href^='javascript:']:after, a[href^='#']:after { content: ''; } abbr[title]:after { content: " (" attr(title) ")"; } pre, blockquote { border: 1px solid #8a8a8a; page-break-inside: avoid; } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } @page { margin: 0.5cm; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } .print-break-inside { page-break-inside: auto; } } .button { display: inline-block; vertical-align: middle; margin: 0 0 1rem 0; padding: 0.85em 1em; -webkit-appearance: none; border: 1px solid transparent; border-radius: 0; transition: background-color 0.25s ease-out, color 0.25s ease-out; font-size: 0.9rem; line-height: 1; text-align: center; cursor: pointer; background-color: #1E225C; color: white; } [data-whatinput='mouse'] .button { outline: 0; } .button:hover, .button:focus { background-color: #1a1d4e; color: white; } .button.tiny { font-size: 0.6rem; } .button.small { font-size: 0.75rem; } .button.large { font-size: 1.25rem; } .button.expanded { display: block; width: 100%; margin-right: 0; margin-left: 0; } .button.primary { background-color: #1E225C; color: white; } .button.primary:hover, .button.primary:focus { background-color: #181b4a; color: white; } .button.secondary { background-color: #777; color: white; } .button.secondary:hover, .button.secondary:focus { background-color: #5f5f5f; color: white; } .button.success { background-color: #3adb76; color: #0a0a0a; } .button.success:hover, .button.success:focus { background-color: #22bb5b; color: #0a0a0a; } .button.warning { background-color: #ffae00; color: #0a0a0a; } .button.warning:hover, .button.warning:focus { background-color: #cc8b00; color: #0a0a0a; } .button.alert { background-color: #ec5840; color: #0a0a0a; } .button.alert:hover, .button.alert:focus { background-color: #da3116; color: #0a0a0a; } .button.hollow { border: 1px solid #1E225C; color: #1E225C; } .button.hollow, .button.hollow:hover, .button.hollow:focus { background-color: transparent; } .button.hollow:hover, .button.hollow:focus { border-color: #0f112e; color: #0f112e; } .button.hollow.primary { border: 1px solid #1E225C; color: #1E225C; } .button.hollow.primary:hover, .button.hollow.primary:focus { border-color: #0f112e; color: #0f112e; } .button.hollow.secondary { border: 1px solid #777; color: #777; } .button.hollow.secondary:hover, .button.hollow.secondary:focus { border-color: #3c3c3c; color: #3c3c3c; } .button.hollow.success { border: 1px solid #3adb76; color: #3adb76; } .button.hollow.success:hover, .button.hollow.success:focus { border-color: #157539; color: #157539; } .button.hollow.warning { border: 1px solid #ffae00; color: #ffae00; } .button.hollow.warning:hover, .button.hollow.warning:focus { border-color: #805700; color: #805700; } .button.hollow.alert { border: 1px solid #ec5840; color: #ec5840; } .button.hollow.alert:hover, .button.hollow.alert:focus { border-color: #881f0e; color: #881f0e; } .button.disabled, .button[disabled] { opacity: 0.25; cursor: not-allowed; } .button.disabled, .button.disabled:hover, .button.disabled:focus, .button[disabled], .button[disabled]:hover, .button[disabled]:focus { background-color: #1E225C; color: white; } .button.disabled.primary, .button[disabled].primary { opacity: 0.25; cursor: not-allowed; } .button.disabled.primary, .button.disabled.primary:hover, .button.disabled.primary:focus, .button[disabled].primary, .button[disabled].primary:hover, .button[disabled].primary:focus { background-color: #1E225C; color: white; } .button.disabled.secondary, .button[disabled].secondary { opacity: 0.25; cursor: not-allowed; } .button.disabled.secondary, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary, .button[disabled].secondary:hover, .button[disabled].secondary:focus { background-color: #777; color: white; } .button.disabled.success, .button[disabled].success { opacity: 0.25; cursor: not-allowed; } .button.disabled.success, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success, .button[disabled].success:hover, .button[disabled].success:focus { background-color: #3adb76; color: #0a0a0a; } .button.disabled.warning, .button[disabled].warning { opacity: 0.25; cursor: not-allowed; } .button.disabled.warning, .button.disabled.warning:hover, .button.disabled.warning:focus, .button[disabled].warning, .button[disabled].warning:hover, .button[disabled].warning:focus { background-color: #ffae00; color: #0a0a0a; } .button.disabled.alert, .button[disabled].alert { opacity: 0.25; cursor: not-allowed; } .button.disabled.alert, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert, .button[disabled].alert:hover, .button[disabled].alert:focus { background-color: #ec5840; color: #0a0a0a; } .button.dropdown::after { display: block; width: 0; height: 0; border: inset 0.4em; content: ''; border-bottom-width: 0; border-top-style: solid; border-color: white transparent transparent; position: relative; top: 0.4em; display: inline-block; float: right; margin-left: 1em; } .button.dropdown.hollow::after { border-top-color: #1E225C; } .button.dropdown.hollow.primary::after { border-top-color: #1E225C; } .button.dropdown.hollow.secondary::after { border-top-color: #777; } .button.dropdown.hollow.success::after { border-top-color: #3adb76; } .button.dropdown.hollow.warning::after { border-top-color: #ffae00; } .button.dropdown.hollow.alert::after { border-top-color: #ec5840; } .button.arrow-only::after { top: -0.1em; float: none; margin-left: 0; } [type='text'], [type='password'], [type='date'], [type='datetime'], [type='datetime-local'], [type='month'], [type='week'], [type='email'], [type='number'], [type='search'], [type='tel'], [type='time'], [type='url'], [type='color'], textarea { display: block; box-sizing: border-box; width: 100%; height: 2.4375rem; margin: 0 0 1rem; padding: 0.5rem; border: 1px solid #cacaca; border-radius: 0; background-color: white; box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1); font-family: inherit; font-size: 1rem; font-weight: normal; color: #0a0a0a; transition: box-shadow 0.5s, border-color 0.25s ease-in-out; appearance: none; } [type='text']:focus, [type='password']:focus, [type='date']:focus, [type='datetime']:focus, [type='datetime-local']:focus, [type='month']:focus, [type='week']:focus, [type='email']:focus, [type='number']:focus, [type='search']:focus, [type='tel']:focus, [type='time']:focus, [type='url']:focus, [type='color']:focus, textarea:focus { outline: none; border: 1px solid #8a8a8a; background-color: white; box-shadow: 0 0 5px #cacaca; transition: box-shadow 0.5s, border-color 0.25s ease-in-out; } textarea { max-width: 100%; } textarea[rows] { height: auto; } input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #cacaca; } input::placeholder, textarea::placeholder { color: #cacaca; } input:disabled, input[readonly], textarea:disabled, textarea[readonly] { background-color: #e6e6e6; cursor: not-allowed; } [type='submit'], [type='button'] { appearance: none; border-radius: 0; } input[type='search'] { box-sizing: border-box; } [type='file'], [type='checkbox'], [type='radio'] { margin: 0 0 1rem; } [type='checkbox'] + label, [type='radio'] + label { display: inline-block; vertical-align: baseline; margin-left: 0.5rem; margin-right: 1rem; margin-bottom: 0; } [type='checkbox'] + label[for], [type='radio'] + label[for] { cursor: pointer; } label > [type='checkbox'], label > [type='radio'] { margin-right: 0.5rem; } [type='file'] { width: 100%; } label { display: block; margin: 0; font-size: 0.875rem; font-weight: normal; line-height: 1.8; color: #0a0a0a; } label.middle { margin: 0 0 1rem; padding: 0.5625rem 0; } .help-text { margin-top: -0.5rem; font-size: 0.8125rem; font-style: italic; color: #0a0a0a; } .input-group { display: -ms-flexbox; display: flex; width: 100%; margin-bottom: 1rem; -ms-flex-align: stretch; align-items: stretch; } .input-group > :first-child { border-radius: 0 0 0 0; } .input-group > :last-child > * { border-radius: 0 0 0 0; } .input-group-label, .input-group-field, .input-group-button, .input-group-button a, .input-group-button input, .input-group-button button, .input-group-button label { margin: 0; white-space: nowrap; } .input-group-label { padding: 0 1rem; border: 1px solid #cacaca; background: #e6e6e6; color: #0a0a0a; text-align: center; white-space: nowrap; display: -ms-flexbox; display: flex; -ms-flex: 0 0 auto; flex: 0 0 auto; -ms-flex-align: center; align-items: center; } .input-group-label:first-child { border-right: 0; } .input-group-label:last-child { border-left: 0; } .input-group-field { border-radius: 0; -ms-flex: 1 1 0px; flex: 1 1 0px; height: auto; min-width: 0; } .input-group-button { padding-top: 0; padding-bottom: 0; text-align: center; -ms-flex: 0 0 auto; flex: 0 0 auto; } .input-group-button a, .input-group-button input, .input-group-button button, .input-group-button label { height: 2.5rem; padding-top: 0; padding-bottom: 0; font-size: 1rem; } fieldset { margin: 0; padding: 0; border: 0; } legend { max-width: 100%; margin-bottom: 0.5rem; } .fieldset { margin: 1.125rem 0; padding: 1.25rem; border: 1px solid #cacaca; } .fieldset legend { margin: 0; margin-left: -0.1875rem; padding: 0 0.1875rem; background: white; } select { height: 2.4375rem; margin: 0 0 1rem; padding: 0.5rem; appearance: none; border: 1px solid #cacaca; border-radius: 0; background-color: white; font-family: inherit; font-size: 1rem; line-height: normal; color: #0a0a0a; background-image: url("data:image/svg+xml;utf8,"); background-origin: content-box; background-position: right -1rem center; background-repeat: no-repeat; background-size: 9px 6px; padding-right: 1.5rem; transition: box-shadow 0.5s, border-color 0.25s ease-in-out; } @media screen and (min-width: 0\0) { select { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAYAAACbU/80AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIpJREFUeNrEkckNgDAMBBfRkEt0ObRBBdsGXUDgmQfK4XhH2m8czQAAy27R3tsw4Qfe2x8uOO6oYLb6GlOor3GF+swURAOmUJ+RwtEJs9WvTGEYxBXqI1MQAZhCfUQKRzDMVj+TwrAIV6jvSUEkYAr1LSkcyTBb/V+KYfX7xAeusq3sLDtGH3kEGACPWIflNZfhRQAAAABJRU5ErkJggg=="); } } select:focus { outline: none; border: 1px solid #8a8a8a; background-color: white; box-shadow: 0 0 5px #cacaca; transition: box-shadow 0.5s, border-color 0.25s ease-in-out; } select:disabled { background-color: #e6e6e6; cursor: not-allowed; } select::-ms-expand { display: none; } select[multiple] { height: auto; background-image: none; } .is-invalid-input:not(:focus) { border-color: #ec5840; background-color: #fdeeec; } .is-invalid-input:not(:focus):-ms-input-placeholder { color: #ec5840; } .is-invalid-input:not(:focus)::placeholder { color: #ec5840; } .is-invalid-label { color: #ec5840; } .form-error { display: none; margin-top: -0.5rem; margin-bottom: 1rem; font-size: 0.75rem; font-weight: bold; color: #ec5840; } .form-error.is-visible { display: block; } .accordion { margin-left: 0; background: white; list-style-type: none; } .accordion-item:first-child > :first-child { border-radius: 0 0 0 0; } .accordion-item:last-child > :last-child { border-radius: 0 0 0 0; } .accordion-title { position: relative; display: block; padding: 1.25rem 1rem; border: 1px solid #e6e6e6; border-bottom: 0; font-size: 0.75rem; line-height: 1; color: #1E225C; } :last-child:not(.is-active) > .accordion-title { border-bottom: 1px solid #e6e6e6; border-radius: 0 0 0 0; } .accordion-title:hover, .accordion-title:focus { background-color: #e6e6e6; } .accordion-title::before { position: absolute; top: 50%; right: 1rem; margin-top: -0.5rem; content: '+'; } .is-active > .accordion-title::before { content: '\2013'; } .accordion-content { display: none; padding: 1rem; border: 1px solid #e6e6e6; border-bottom: 0; background-color: white; color: #0a0a0a; } :last-child > .accordion-content:last-child { border-bottom: 1px solid #e6e6e6; } .is-accordion-submenu-parent > a { position: relative; } .is-accordion-submenu-parent > a::after { display: block; width: 0; height: 0; border: inset 6px; content: ''; border-bottom-width: 0; border-top-style: solid; border-color: #1E225C transparent transparent; position: absolute; top: 50%; margin-top: -3px; right: 1rem; } .is-accordion-submenu-parent[aria-expanded='true'] > a::after { transform: rotate(180deg); transform-origin: 50% 50%; } .badge { display: inline-block; min-width: 2.1em; padding: 0.3em; border-radius: 50%; font-size: 0.6rem; text-align: center; background: #1E225C; color: white; } .badge.primary { background: #1E225C; color: white; } .badge.secondary { background: #777; color: white; } .badge.success { background: #3adb76; color: #0a0a0a; } .badge.warning { background: #ffae00; color: #0a0a0a; } .badge.alert { background: #ec5840; color: #0a0a0a; } .breadcrumbs { margin: 0 0 1rem 0; list-style: none; } .breadcrumbs::before, .breadcrumbs::after { display: table; content: ' '; -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-order: 1; order: 1; } .breadcrumbs::after { clear: both; } .breadcrumbs li { float: left; font-size: 1rem; color: #0a0a0a; cursor: default; } .breadcrumbs li:not(:last-child)::after { position: relative; top: 1px; margin: 0 0.65rem; opacity: 1; content: "/"; color: #cacaca; } .breadcrumbs a { color: #1E225C; } .breadcrumbs a:hover { text-decoration: underline; } .breadcrumbs .disabled { color: #8a8a8a; cursor: not-allowed; } .button-group { margin-bottom: 1rem; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -ms-flex-align: stretch; align-items: stretch; } .button-group::before, .button-group::after { display: table; content: ' '; -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-order: 1; order: 1; } .button-group::after { clear: both; } .button-group .button { margin: 0; margin-right: 1px; margin-bottom: 1px; font-size: 0.9rem; -ms-flex: 0 0 auto; flex: 0 0 auto; } .button-group .button:last-child { margin-right: 0; } .button-group.tiny .button { font-size: 0.6rem; } .button-group.small .button { font-size: 0.75rem; } .button-group.large .button { font-size: 1.25rem; } .button-group.expanded .button { -ms-flex: 1 1 0px; flex: 1 1 0px; } .button-group.primary .button { background-color: #1E225C; color: white; } .button-group.primary .button:hover, .button-group.primary .button:focus { background-color: #181b4a; color: white; } .button-group.secondary .button { background-color: #777; color: white; } .button-group.secondary .button:hover, .button-group.secondary .button:focus { background-color: #5f5f5f; color: white; } .button-group.success .button { background-color: #3adb76; color: #0a0a0a; } .button-group.success .button:hover, .button-group.success .button:focus { background-color: #22bb5b; color: #0a0a0a; } .button-group.warning .button { background-color: #ffae00; color: #0a0a0a; } .button-group.warning .button:hover, .button-group.warning .button:focus { background-color: #cc8b00; color: #0a0a0a; } .button-group.alert .button { background-color: #ec5840; color: #0a0a0a; } .button-group.alert .button:hover, .button-group.alert .button:focus { background-color: #da3116; color: #0a0a0a; } .button-group.stacked, .button-group.stacked-for-small, .button-group.stacked-for-medium { -ms-flex-wrap: wrap; flex-wrap: wrap; } .button-group.stacked .button, .button-group.stacked-for-small .button, .button-group.stacked-for-medium .button { -ms-flex: 0 0 100%; flex: 0 0 100%; } .button-group.stacked .button:last-child, .button-group.stacked-for-small .button:last-child, .button-group.stacked-for-medium .button:last-child { margin-bottom: 0; } @media print, screen and (min-width: 40em) { .button-group.stacked-for-small .button { -ms-flex: 1 1 0px; flex: 1 1 0px; margin-bottom: 0; } } @media print, screen and (min-width: 64em) { .button-group.stacked-for-medium .button { -ms-flex: 1 1 0px; flex: 1 1 0px; margin-bottom: 0; } } @media screen and (max-width: 39.9375em) { .button-group.stacked-for-small.expanded { display: block; } .button-group.stacked-for-small.expanded .button { display: block; margin-right: 0; } } .callout { position: relative; margin: 0 0 1rem 0; padding: 1rem; border: 1px solid rgba(10, 10, 10, 0.25); border-radius: 0; background-color: white; color: #0a0a0a; } .callout > :first-child { margin-top: 0; } .callout > :last-child { margin-bottom: 0; } .callout.primary { background-color: #d3d5f1; color: #0a0a0a; } .callout.secondary { background-color: #ebebeb; color: #0a0a0a; } .callout.success { background-color: #e1faea; color: #0a0a0a; } .callout.warning { background-color: #fff3d9; color: #0a0a0a; } .callout.alert { background-color: #fce6e2; color: #0a0a0a; } .callout.small { padding-top: 0.5rem; padding-right: 0.5rem; padding-bottom: 0.5rem; padding-left: 0.5rem; } .callout.large { padding-top: 3rem; padding-right: 3rem; padding-bottom: 3rem; padding-left: 3rem; } .card { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; margin-bottom: 1rem; border: 1px solid #e6e6e6; border-radius: 0; background: white; box-shadow: none; overflow: hidden; color: #0a0a0a; } .card > :last-child { margin-bottom: 0; } .card-divider { -ms-flex: 0 1 auto; flex: 0 1 auto; padding: 1rem; background: #e6e6e6; } .card-divider > :last-child { margin-bottom: 0; } .card-section { -ms-flex: 1 0 auto; flex: 1 0 auto; padding: 1rem; } .card-section > :last-child { margin-bottom: 0; } .close-button { position: absolute; color: #8a8a8a; cursor: pointer; } [data-whatinput='mouse'] .close-button { outline: 0; } .close-button:hover, .close-button:focus { color: #0a0a0a; } .close-button.small { right: 0.66rem; top: 0.33em; font-size: 1.5em; line-height: 1; } .close-button, .close-button.medium { right: 1rem; top: 0.5rem; font-size: 2em; line-height: 1; } .menu { margin: 0; list-style-type: none; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -ms-flex-align: center; align-items: center; width: 100%; } .menu > li { -ms-flex: 0 0 auto; flex: 0 0 auto; } [data-whatinput='mouse'] .menu > li { outline: 0; } .menu > li > a { display: block; padding: 0.7rem 1rem; line-height: 1; } .menu input, .menu select, .menu a, .menu button { margin-bottom: 0; } .menu > li > a { display: -ms-flexbox; display: flex; } .menu > li > a { -ms-flex-flow: row nowrap; flex-flow: row nowrap; } .menu > li > a img, .menu > li > a i, .menu > li > a svg { margin-right: 0.25rem; } .menu, .menu.horizontal { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .menu > li, .menu.horizontal > li { -ms-flex: 0 0 auto; flex: 0 0 auto; } .menu.expanded > li { -ms-flex: 1 1 0px; flex: 1 1 0px; } .menu.expanded > li:first-child:last-child { width: 100%; } .menu.vertical { -ms-flex-wrap: wrap; flex-wrap: wrap; } .menu.vertical > li { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .menu.vertical > li > a { -ms-flex-pack: start; justify-content: flex-start; -ms-flex-align: start; align-items: flex-start; } @media print, screen and (min-width: 40em) { .menu.medium-horizontal { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .menu.medium-horizontal > li { -ms-flex: 0 0 auto; flex: 0 0 auto; } .menu.medium-expanded > li { -ms-flex: 1 1 0px; flex: 1 1 0px; } .menu.medium-expanded > li:first-child:last-child { width: 100%; } .menu.medium-vertical { -ms-flex-wrap: wrap; flex-wrap: wrap; } .menu.medium-vertical > li { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .menu.medium-vertical > li > a { -ms-flex-pack: start; justify-content: flex-start; -ms-flex-align: start; align-items: flex-start; } } @media print, screen and (min-width: 64em) { .menu.large-horizontal { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .menu.large-horizontal > li { -ms-flex: 0 0 auto; flex: 0 0 auto; } .menu.large-expanded > li { -ms-flex: 1 1 0px; flex: 1 1 0px; } .menu.large-expanded > li:first-child:last-child { width: 100%; } .menu.large-vertical { -ms-flex-wrap: wrap; flex-wrap: wrap; } .menu.large-vertical > li { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .menu.large-vertical > li > a { -ms-flex-pack: start; justify-content: flex-start; -ms-flex-align: start; align-items: flex-start; } } @media screen and (min-width: 75em) { .menu.xlarge-horizontal { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .menu.xlarge-horizontal > li { -ms-flex: 0 0 auto; flex: 0 0 auto; } .menu.xlarge-expanded > li { -ms-flex: 1 1 0px; flex: 1 1 0px; } .menu.xlarge-expanded > li:first-child:last-child { width: 100%; } .menu.xlarge-vertical { -ms-flex-wrap: wrap; flex-wrap: wrap; } .menu.xlarge-vertical > li { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .menu.xlarge-vertical > li > a { -ms-flex-pack: start; justify-content: flex-start; -ms-flex-align: start; align-items: flex-start; } } @media screen and (min-width: 90em) { .menu.xxlarge-horizontal { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .menu.xxlarge-horizontal > li { -ms-flex: 0 0 auto; flex: 0 0 auto; } .menu.xxlarge-expanded > li { -ms-flex: 1 1 0px; flex: 1 1 0px; } .menu.xxlarge-expanded > li:first-child:last-child { width: 100%; } .menu.xxlarge-vertical { -ms-flex-wrap: wrap; flex-wrap: wrap; } .menu.xxlarge-vertical > li { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .menu.xxlarge-vertical > li > a { -ms-flex-pack: start; justify-content: flex-start; -ms-flex-align: start; align-items: flex-start; } } .menu.simple li { display: inline-block; vertical-align: top; line-height: 1; } .menu.simple a { padding: 0; } .menu.simple li { margin-left: 0; margin-right: 1rem; } .menu.simple.align-right li { margin-right: 0; margin-left: 1rem; } .menu.align-right { -ms-flex-pack: end; justify-content: flex-end; } .menu.icon-top > li > a { -ms-flex-flow: column nowrap; flex-flow: column nowrap; } .menu.icon-top > li > a img, .menu.icon-top > li > a i, .menu.icon-top > li > a svg { -ms-flex-item-align: stretch; align-self: stretch; margin-bottom: 0.25rem; text-align: center; } .menu.icon-top.vertical a > span { margin: auto; } .menu.nested { margin-left: 1rem; } .menu .active > a { background: #1E225C; color: white; } .menu.menu-bordered li { border: 1px solid #e6e6e6; } .menu.menu-bordered li:not(:first-child) { border-top: 0; } .menu.menu-hover li:hover { background-color: #e6e6e6; } .menu-text { padding-top: 0; padding-bottom: 0; padding: 0.7rem 1rem; font-weight: bold; line-height: 1; color: inherit; } .menu-centered { text-align: center; } .menu-centered > .menu { -ms-flex-pack: center; justify-content: center; -ms-flex-align: start; align-items: flex-start; } .no-js [data-responsive-menu] ul { display: none; } .menu-icon { position: relative; display: inline-block; vertical-align: middle; width: 20px; height: 16px; cursor: pointer; } .menu-icon::after { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 2px; background: white; box-shadow: 0 7px 0 white, 0 14px 0 white; content: ''; } .menu-icon:hover::after { background: #cacaca; box-shadow: 0 7px 0 #cacaca, 0 14px 0 #cacaca; } .menu-icon.dark { position: relative; display: inline-block; vertical-align: middle; width: 20px; height: 16px; cursor: pointer; } .menu-icon.dark::after { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 2px; background: #0a0a0a; box-shadow: 0 7px 0 #0a0a0a, 0 14px 0 #0a0a0a; content: ''; } .menu-icon.dark:hover::after { background: #8a8a8a; box-shadow: 0 7px 0 #8a8a8a, 0 14px 0 #8a8a8a; } .is-drilldown { position: relative; overflow: hidden; } .is-drilldown li { display: block; } .is-drilldown.animate-height { transition: height 0.5s; } .is-drilldown-submenu { position: absolute; top: 0; left: 100%; z-index: -1; width: 100%; background: white; transition: transform 0.15s linear; } .is-drilldown-submenu.is-active { z-index: 1; display: block; transform: translateX(-100%); } .is-drilldown-submenu.is-closing { transform: translateX(100%); } .drilldown-submenu-cover-previous { min-height: 100%; } .is-drilldown-submenu-parent > a { position: relative; } .is-drilldown-submenu-parent > a::after { display: block; width: 0; height: 0; border: inset 6px; content: ''; border-right-width: 0; border-left-style: solid; border-color: transparent transparent transparent #1E225C; position: absolute; top: 50%; margin-top: -6px; right: 1rem; } .js-drilldown-back > a::before { display: block; width: 0; height: 0; border: inset 6px; content: ''; border-left-width: 0; border-right-style: solid; border-color: transparent #1E225C transparent transparent; border-left-width: 0; display: inline-block; vertical-align: middle; margin-right: 0.75rem; border-left-width: 0; } .dropdown-pane { position: absolute; z-index: 10; display: block; width: 300px; padding: 1rem; visibility: hidden; border: 1px solid #cacaca; border-radius: 0; background-color: white; font-size: 1rem; } .dropdown-pane.is-open { visibility: visible; } .dropdown-pane.tiny { width: 100px; } .dropdown-pane.small { width: 200px; } .dropdown-pane.large { width: 400px; } .dropdown.menu > li.opens-left > .is-dropdown-submenu { top: 100%; right: 0; left: auto; } .dropdown.menu > li.opens-right > .is-dropdown-submenu { top: 100%; right: auto; left: 0; } .dropdown.menu > li.is-dropdown-submenu-parent > a { position: relative; padding-right: 1.5rem; } .dropdown.menu > li.is-dropdown-submenu-parent > a::after { display: block; width: 0; height: 0; border: inset 6px; content: ''; border-bottom-width: 0; border-top-style: solid; border-color: #1E225C transparent transparent; right: 5px; margin-top: -3px; } [data-whatinput='mouse'] .dropdown.menu a { outline: 0; } .no-js .dropdown.menu ul { display: none; } .dropdown.menu.vertical > li .is-dropdown-submenu { top: 0; } .dropdown.menu.vertical > li.opens-left > .is-dropdown-submenu { right: 100%; left: auto; } .dropdown.menu.vertical > li.opens-right > .is-dropdown-submenu { right: auto; left: 100%; } .dropdown.menu.vertical > li > a::after { right: 14px; } .dropdown.menu.vertical > li.opens-left > a::after { display: block; width: 0; height: 0; border: inset 6px; content: ''; border-left-width: 0; border-right-style: solid; border-color: transparent #1E225C transparent transparent; } .dropdown.menu.vertical > li.opens-right > a::after { display: block; width: 0; height: 0; border: inset 6px; content: ''; border-right-width: 0; border-left-style: solid; border-color: transparent transparent transparent #1E225C; } @media print, screen and (min-width: 40em) { .dropdown.menu.medium-horizontal > li.opens-left > .is-dropdown-submenu { top: 100%; right: 0; left: auto; } .dropdown.menu.medium-horizontal > li.opens-right > .is-dropdown-submenu { top: 100%; right: auto; left: 0; } .dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a { position: relative; padding-right: 1.5rem; } .dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a::after { display: block; width: 0; height: 0; border: inset 6px; content: ''; border-bottom-width: 0; border-top-style: solid; border-color: #1E225C transparent transparent; right: 5px; margin-top: -3px; } .dropdown.menu.medium-vertical > li .is-dropdown-submenu { top: 0; } .dropdown.menu.medium-vertical > li.opens-left > .is-dropdown-submenu { right: 100%; left: auto; } .dropdown.menu.medium-vertical > li.opens-right > .is-dropdown-submenu { right: auto; left: 100%; } .dropdown.menu.medium-vertical > li > a::after { right: 14px; } .dropdown.menu.medium-vertical > li.opens-left > a::after { display: block; width: 0; height: 0; border: inset 6px; content: ''; border-left-width: 0; border-right-style: solid; border-color: transparent #1E225C transparent transparent; } .dropdown.menu.medium-vertical > li.opens-right > a::after { display: block; width: 0; height: 0; border: inset 6px; content: ''; border-right-width: 0; border-left-style: solid; border-color: transparent transparent transparent #1E225C; } } @media print, screen and (min-width: 64em) { .dropdown.menu.large-horizontal > li.opens-left > .is-dropdown-submenu { top: 100%; right: 0; left: auto; } .dropdown.menu.large-horizontal > li.opens-right > .is-dropdown-submenu { top: 100%; right: auto; left: 0; } .dropdown.menu.large-horizontal > li.is-dropdown-submenu-parent > a { position: relative; padding-right: 1.5rem; } .dropdown.menu.large-horizontal > li.is-dropdown-submenu-parent > a::after { display: block; width: 0; height: 0; border: inset 6px; content: ''; border-bottom-width: 0; border-top-style: solid; border-color: #1E225C transparent transparent; right: 5px; margin-top: -3px; } .dropdown.menu.large-vertical > li .is-dropdown-submenu { top: 0; } .dropdown.menu.large-vertical > li.opens-left > .is-dropdown-submenu { right: 100%; left: auto; } .dropdown.menu.large-vertical > li.opens-right > .is-dropdown-submenu { right: auto; left: 100%; } .dropdown.menu.large-vertical > li > a::after { right: 14px; } .dropdown.menu.large-vertical > li.opens-left > a::after { display: block; width: 0; height: 0; border: inset 6px; content: ''; border-left-width: 0; border-right-style: solid; border-color: transparent #1E225C transparent transparent; } .dropdown.menu.large-vertical > li.opens-right > a::after { display: block; width: 0; height: 0; border: inset 6px; content: ''; border-right-width: 0; border-left-style: solid; border-color: transparent transparent transparent #1E225C; } } @media screen and (min-width: 75em) { .dropdown.menu.xlarge-horizontal > li.opens-left > .is-dropdown-submenu { top: 100%; right: 0; left: auto; } .dropdown.menu.xlarge-horizontal > li.opens-right > .is-dropdown-submenu { top: 100%; right: auto; left: 0; } .dropdown.menu.xlarge-horizontal > li.is-dropdown-submenu-parent > a { position: relative; padding-right: 1.5rem; } .dropdown.menu.xlarge-horizontal > li.is-dropdown-submenu-parent > a::after { display: block; width: 0; height: 0; border: inset 6px; content: ''; border-bottom-width: 0; border-top-style: solid; border-color: #1E225C transparent transparent; right: 5px; margin-top: -3px; } .dropdown.menu.xlarge-vertical > li .is-dropdown-submenu { top: 0; } .dropdown.menu.xlarge-vertical > li.opens-left > .is-dropdown-submenu { right: 100%; left: auto; } .dropdown.menu.xlarge-vertical > li.opens-right > .is-dropdown-submenu { right: auto; left: 100%; } .dropdown.menu.xlarge-vertical > li > a::after { right: 14px; } .dropdown.menu.xlarge-vertical > li.opens-left > a::after { display: block; width: 0; height: 0; border: inset 6px; content: ''; border-left-width: 0; border-right-style: solid; border-color: transparent #1E225C transparent transparent; } .dropdown.menu.xlarge-vertical > li.opens-right > a::after { display: block; width: 0; height: 0; border: inset 6px; content: ''; border-right-width: 0; border-left-style: solid; border-color: transparent transparent transparent #1E225C; } } @media screen and (min-width: 90em) { .dropdown.menu.xxlarge-horizontal > li.opens-left > .is-dropdown-submenu { top: 100%; right: 0; left: auto; } .dropdown.menu.xxlarge-horizontal > li.opens-right > .is-dropdown-submenu { top: 100%; right: auto; left: 0; } .dropdown.menu.xxlarge-horizontal > li.is-dropdown-submenu-parent > a { position: relative; padding-right: 1.5rem; } .dropdown.menu.xxlarge-horizontal > li.is-dropdown-submenu-parent > a::after { display: block; width: 0; height: 0; border: inset 6px; content: ''; border-bottom-width: 0; border-top-style: solid; border-color: #1E225C transparent transparent; right: 5px; margin-top: -3px; } .dropdown.menu.xxlarge-vertical > li .is-dropdown-submenu { top: 0; } .dropdown.menu.xxlarge-vertical > li.opens-left > .is-dropdown-submenu { right: 100%; left: auto; } .dropdown.menu.xxlarge-vertical > li.opens-right > .is-dropdown-submenu { right: auto; left: 100%; } .dropdown.menu.xxlarge-vertical > li > a::after { right: 14px; } .dropdown.menu.xxlarge-vertical > li.opens-left > a::after { display: block; width: 0; height: 0; border: inset 6px; content: ''; border-left-width: 0; border-right-style: solid; border-color: transparent #1E225C transparent transparent; } .dropdown.menu.xxlarge-vertical > li.opens-right > a::after { display: block; width: 0; height: 0; border: inset 6px; content: ''; border-right-width: 0; border-left-style: solid; border-color: transparent transparent transparent #1E225C; } } .dropdown.menu.align-right .is-dropdown-submenu.first-sub { top: 100%; right: 0; left: auto; } .is-dropdown-menu.vertical { width: 100px; } .is-dropdown-menu.vertical.align-right { float: right; } .is-dropdown-submenu-parent { position: relative; } .is-dropdown-submenu-parent a::after { position: absolute; top: 50%; right: 5px; margin-top: -6px; } .is-dropdown-submenu-parent.opens-inner > .is-dropdown-submenu { top: 100%; left: auto; } .is-dropdown-submenu-parent.opens-left > .is-dropdown-submenu { right: 100%; left: auto; } .is-dropdown-submenu-parent.opens-right > .is-dropdown-submenu { right: auto; left: 100%; } .is-dropdown-submenu { position: absolute; top: 0; left: 100%; z-index: 1; display: none; min-width: 200px; border: 1px solid #cacaca; background: white; } .is-dropdown-submenu .is-dropdown-submenu-parent > a::after { right: 14px; } .is-dropdown-submenu .is-dropdown-submenu-parent.opens-left > a::after { display: block; width: 0; height: 0; border: inset 6px; content: ''; border-left-width: 0; border-right-style: solid; border-color: transparent #1E225C transparent transparent; } .is-dropdown-submenu .is-dropdown-submenu-parent.opens-right > a::after { display: block; width: 0; height: 0; border: inset 6px; content: ''; border-right-width: 0; border-left-style: solid; border-color: transparent transparent transparent #1E225C; } .is-dropdown-submenu .is-dropdown-submenu { margin-top: -1px; } .is-dropdown-submenu > li { width: 100%; } .is-dropdown-submenu.js-dropdown-active { display: block; } .responsive-embed, .flex-video { position: relative; height: 0; margin-bottom: 1rem; padding-bottom: 75%; overflow: hidden; } .responsive-embed iframe, .responsive-embed object, .responsive-embed embed, .responsive-embed video, .flex-video iframe, .flex-video object, .flex-video embed, .flex-video video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .responsive-embed.widescreen, .flex-video.widescreen { padding-bottom: 56.25%; } .label { display: inline-block; padding: 0.33333rem 0.5rem; border-radius: 0; font-size: 0.8rem; line-height: 1; white-space: nowrap; cursor: default; background: #1E225C; color: white; } .label.primary { background: #1E225C; color: white; } .label.secondary { background: #777; color: white; } .label.success { background: #3adb76; color: #0a0a0a; } .label.warning { background: #ffae00; color: #0a0a0a; } .label.alert { background: #ec5840; color: #0a0a0a; } .media-object { display: -ms-flexbox; display: flex; margin-bottom: 1rem; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .media-object img { max-width: none; } @media screen and (max-width: 39.9375em) { .media-object.stack-for-small { -ms-flex-wrap: wrap; flex-wrap: wrap; } } @media screen and (max-width: 39.9375em) { .media-object.stack-for-small .media-object-section { padding: 0; padding-bottom: 1rem; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } .media-object.stack-for-small .media-object-section img { width: 100%; } } .media-object-section { -ms-flex: 0 1 auto; flex: 0 1 auto; } .media-object-section:first-child { padding-right: 1rem; } .media-object-section:last-child:not(:nth-child(2)) { padding-left: 1rem; } .media-object-section > :last-child { margin-bottom: 0; } .media-object-section.main-section { -ms-flex: 1 1 0px; flex: 1 1 0px; } .is-off-canvas-open { overflow: hidden; } .js-off-canvas-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; transition: opacity 0.5s ease, visibility 0.5s ease; background: rgba(255, 255, 255, 0.25); opacity: 0; visibility: hidden; overflow: hidden; } .js-off-canvas-overlay.is-visible { opacity: 1; visibility: visible; } .js-off-canvas-overlay.is-closable { cursor: pointer; } .js-off-canvas-overlay.is-overlay-absolute { position: absolute; } .js-off-canvas-overlay.is-overlay-fixed { position: fixed; } .off-canvas-wrapper { position: relative; overflow: hidden; } .off-canvas { position: fixed; z-index: 1; transition: transform 0.5s ease; backface-visibility: hidden; background: #e6e6e6; } [data-whatinput='mouse'] .off-canvas { outline: 0; } .off-canvas.is-transition-overlap { z-index: 10; } .off-canvas.is-transition-overlap.is-open { box-shadow: 0 0 10px rgba(10, 10, 10, 0.7); } .off-canvas.is-open { transform: translate(0, 0); } .off-canvas-absolute { position: absolute; z-index: 1; transition: transform 0.5s ease; backface-visibility: hidden; background: #e6e6e6; } [data-whatinput='mouse'] .off-canvas-absolute { outline: 0; } .off-canvas-absolute.is-transition-overlap { z-index: 10; } .off-canvas-absolute.is-transition-overlap.is-open { box-shadow: 0 0 10px rgba(10, 10, 10, 0.7); } .off-canvas-absolute.is-open { transform: translate(0, 0); } .position-left { top: 0; left: 0; width: 560px; height: 100%; transform: translateX(-560px); overflow-y: auto; } .position-left.is-open ~ .off-canvas-content { transform: translateX(560px); } .position-left.is-transition-push::after { position: absolute; top: 0; right: 0; height: 100%; width: 1px; box-shadow: 0 0 10px rgba(10, 10, 10, 0.7); content: " "; } .position-left.is-transition-overlap.is-open ~ .off-canvas-content { transform: none; } .position-right { top: 0; right: 0; width: 560px; height: 100%; transform: translateX(560px); overflow-y: auto; } .position-right.is-open ~ .off-canvas-content { transform: translateX(-560px); } .position-right.is-transition-push::after { position: absolute; top: 0; left: 0; height: 100%; width: 1px; box-shadow: 0 0 10px rgba(10, 10, 10, 0.7); content: " "; } .position-right.is-transition-overlap.is-open ~ .off-canvas-content { transform: none; } .position-top { top: 0; left: 0; width: 100%; height: 250px; transform: translateY(-250px); overflow-x: auto; } .position-top.is-open ~ .off-canvas-content { transform: translateY(250px); } .position-top.is-transition-push::after { position: absolute; bottom: 0; left: 0; height: 1px; width: 100%; box-shadow: 0 0 10px rgba(10, 10, 10, 0.7); content: " "; } .position-top.is-transition-overlap.is-open ~ .off-canvas-content { transform: none; } .position-bottom { bottom: 0; left: 0; width: 100%; height: 250px; transform: translateY(250px); overflow-x: auto; } .position-bottom.is-open ~ .off-canvas-content { transform: translateY(-250px); } .position-bottom.is-transition-push::after { position: absolute; top: 0; left: 0; height: 1px; width: 100%; box-shadow: 0 0 10px rgba(10, 10, 10, 0.7); content: " "; } .position-bottom.is-transition-overlap.is-open ~ .off-canvas-content { transform: none; } .off-canvas-content { transition: transform 0.5s ease; backface-visibility: hidden; } @media print, screen and (min-width: 40em) { .position-left.reveal-for-medium { transform: none; z-index: 1; } .position-left.reveal-for-medium ~ .off-canvas-content { margin-left: 560px; } .position-right.reveal-for-medium { transform: none; z-index: 1; } .position-right.reveal-for-medium ~ .off-canvas-content { margin-right: 560px; } .position-top.reveal-for-medium { transform: none; z-index: 1; } .position-top.reveal-for-medium ~ .off-canvas-content { margin-top: 560px; } .position-bottom.reveal-for-medium { transform: none; z-index: 1; } .position-bottom.reveal-for-medium ~ .off-canvas-content { margin-bottom: 560px; } } @media print, screen and (min-width: 64em) { .position-left.reveal-for-large { transform: none; z-index: 1; } .position-left.reveal-for-large ~ .off-canvas-content { margin-left: 560px; } .position-right.reveal-for-large { transform: none; z-index: 1; } .position-right.reveal-for-large ~ .off-canvas-content { margin-right: 560px; } .position-top.reveal-for-large { transform: none; z-index: 1; } .position-top.reveal-for-large ~ .off-canvas-content { margin-top: 560px; } .position-bottom.reveal-for-large { transform: none; z-index: 1; } .position-bottom.reveal-for-large ~ .off-canvas-content { margin-bottom: 560px; } } @media screen and (min-width: 75em) { .position-left.reveal-for-xlarge { transform: none; z-index: 1; } .position-left.reveal-for-xlarge ~ .off-canvas-content { margin-left: 560px; } .position-right.reveal-for-xlarge { transform: none; z-index: 1; } .position-right.reveal-for-xlarge ~ .off-canvas-content { margin-right: 560px; } .position-top.reveal-for-xlarge { transform: none; z-index: 1; } .position-top.reveal-for-xlarge ~ .off-canvas-content { margin-top: 560px; } .position-bottom.reveal-for-xlarge { transform: none; z-index: 1; } .position-bottom.reveal-for-xlarge ~ .off-canvas-content { margin-bottom: 560px; } } @media screen and (min-width: 90em) { .position-left.reveal-for-xxlarge { transform: none; z-index: 1; } .position-left.reveal-for-xxlarge ~ .off-canvas-content { margin-left: 560px; } .position-right.reveal-for-xxlarge { transform: none; z-index: 1; } .position-right.reveal-for-xxlarge ~ .off-canvas-content { margin-right: 560px; } .position-top.reveal-for-xxlarge { transform: none; z-index: 1; } .position-top.reveal-for-xxlarge ~ .off-canvas-content { margin-top: 560px; } .position-bottom.reveal-for-xxlarge { transform: none; z-index: 1; } .position-bottom.reveal-for-xxlarge ~ .off-canvas-content { margin-bottom: 560px; } } .orbit { position: relative; } .orbit-container { position: relative; height: 0; margin: 0; list-style: none; overflow: hidden; } .orbit-slide { width: 100%; } .orbit-slide.no-motionui.is-active { top: 0; left: 0; } .orbit-figure { margin: 0; } .orbit-image { width: 100%; max-width: 100%; margin: 0; } .orbit-caption { position: absolute; bottom: 0; width: 100%; margin-bottom: 0; padding: 1rem; background-color: rgba(10, 10, 10, 0.5); color: white; } .orbit-previous, .orbit-next { position: absolute; top: 50%; transform: translateY(-50%); z-index: 10; padding: 1rem; color: white; } [data-whatinput='mouse'] .orbit-previous, [data-whatinput='mouse'] .orbit-next { outline: 0; } .orbit-previous:hover, .orbit-next:hover, .orbit-previous:active, .orbit-next:active, .orbit-previous:focus, .orbit-next:focus { background-color: rgba(10, 10, 10, 0.5); } .orbit-previous { left: 0; } .orbit-next { left: auto; right: 0; } .orbit-bullets { position: relative; margin-top: 0.8rem; margin-bottom: 0.8rem; text-align: center; } [data-whatinput='mouse'] .orbit-bullets { outline: 0; } .orbit-bullets button { width: 1.2rem; height: 1.2rem; margin: 0.1rem; border-radius: 50%; background-color: #cacaca; } .orbit-bullets button:hover { background-color: #8a8a8a; } .orbit-bullets button.is-active { background-color: #8a8a8a; } .pagination { margin-left: 0; margin-bottom: 1rem; } .pagination::before, .pagination::after { display: table; content: ' '; -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-order: 1; order: 1; } .pagination::after { clear: both; } .pagination li { margin-right: 0.0625rem; border-radius: 0; font-size: 0.875rem; display: none; } .pagination li:last-child, .pagination li:first-child { display: inline-block; } @media print, screen and (min-width: 40em) { .pagination li { display: inline-block; } } .pagination a, .pagination button { display: block; padding: 0.1875rem 0.625rem; border-radius: 0; color: #0a0a0a; } .pagination a:hover, .pagination button:hover { background: #e6e6e6; } .pagination .current { padding: 0.1875rem 0.625rem; background: #1E225C; color: white; cursor: default; } .pagination .disabled { padding: 0.1875rem 0.625rem; color: #cacaca; cursor: not-allowed; } .pagination .disabled:hover { background: transparent; } .pagination .ellipsis::after { padding: 0.1875rem 0.625rem; content: '\2026'; color: #0a0a0a; } .pagination-previous a::before, .pagination-previous.disabled::before { display: inline-block; margin-right: 0.5rem; content: '\00ab'; } .pagination-next a::after, .pagination-next.disabled::after { display: inline-block; margin-left: 0.5rem; content: '\00bb'; } .progress { height: 1rem; margin-bottom: 1rem; border-radius: 0; background-color: #cacaca; } .progress.primary .progress-meter { background-color: #1E225C; } .progress.secondary .progress-meter { background-color: #777; } .progress.success .progress-meter { background-color: #3adb76; } .progress.warning .progress-meter { background-color: #ffae00; } .progress.alert .progress-meter { background-color: #ec5840; } .progress-meter { position: relative; display: block; width: 0%; height: 100%; background-color: #1E225C; } .progress-meter-text { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); position: absolute; margin: 0; font-size: 0.75rem; font-weight: bold; color: white; white-space: nowrap; } .slider { position: relative; height: 0.5rem; margin-top: 1.25rem; margin-bottom: 2.25rem; background-color: #e6e6e6; cursor: pointer; -webkit-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: none; touch-action: none; } .slider-fill { position: absolute; top: 0; left: 0; display: inline-block; max-width: 100%; height: 0.5rem; background-color: #cacaca; transition: all 0.2s ease-in-out; } .slider-fill.is-dragging { transition: all 0s linear; } .slider-handle { position: absolute; top: 50%; transform: translateY(-50%); position: absolute; left: 0; z-index: 1; display: inline-block; width: 1.4rem; height: 1.4rem; border-radius: 0; background-color: #1E225C; transition: all 0.2s ease-in-out; -ms-touch-action: manipulation; touch-action: manipulation; } [data-whatinput='mouse'] .slider-handle { outline: 0; } .slider-handle:hover { background-color: #1a1d4e; } .slider-handle.is-dragging { transition: all 0s linear; } .slider.disabled, .slider[disabled] { opacity: 0.25; cursor: not-allowed; } .slider.vertical { display: inline-block; width: 0.5rem; height: 12.5rem; margin: 0 1.25rem; transform: scale(1, -1); } .slider.vertical .slider-fill { top: 0; width: 0.5rem; max-height: 100%; } .slider.vertical .slider-handle { position: absolute; top: 0; left: 50%; width: 1.4rem; height: 1.4rem; transform: translateX(-50%); } .sticky-container { position: relative; } .sticky { position: relative; z-index: 0; transform: translate3d(0, 0, 0); } .sticky.is-stuck { position: fixed; z-index: 5; } .sticky.is-stuck.is-at-top { top: 0; } .sticky.is-stuck.is-at-bottom { bottom: 0; } .sticky.is-anchored { position: relative; right: auto; left: auto; } .sticky.is-anchored.is-at-bottom { bottom: 0; } body.is-reveal-open { overflow: hidden; } html.is-reveal-open, html.is-reveal-open body { min-height: 100%; overflow: hidden; position: fixed; -webkit-user-select: none; -ms-user-select: none; user-select: none; } .reveal-overlay { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1005; display: none; background-color: rgba(10, 10, 10, 0.45); overflow-y: scroll; } .reveal { z-index: 1006; backface-visibility: hidden; display: none; padding: 1rem; border: 1px solid #cacaca; border-radius: 0; background-color: white; position: relative; top: 100px; margin-right: auto; margin-left: auto; overflow-y: auto; } [data-whatinput='mouse'] .reveal { outline: 0; } @media print, screen and (min-width: 40em) { .reveal { min-height: 0; } } .reveal .column, .reveal .columns { min-width: 0; } .reveal > :last-child { margin-bottom: 0; } @media print, screen and (min-width: 40em) { .reveal { width: 600px; max-width: 86.25rem; } } @media print, screen and (min-width: 40em) { .reveal .reveal { right: auto; left: auto; margin: 0 auto; } } .reveal.collapse { padding: 0; } @media print, screen and (min-width: 40em) { .reveal.tiny { width: 30%; max-width: 86.25rem; } } @media print, screen and (min-width: 40em) { .reveal.small { width: 50%; max-width: 86.25rem; } } @media print, screen and (min-width: 40em) { .reveal.large { width: 90%; max-width: 86.25rem; } } .reveal.full { top: 0; left: 0; width: 100%; max-width: none; height: 100%; height: 100vh; min-height: 100vh; margin-left: 0; border: 0; border-radius: 0; } @media screen and (max-width: 39.9375em) { .reveal { top: 0; left: 0; width: 100%; max-width: none; height: 100%; height: 100vh; min-height: 100vh; margin-left: 0; border: 0; border-radius: 0; } } .reveal.without-overlay { position: fixed; } .switch { height: 2rem; position: relative; margin-bottom: 1rem; outline: 0; font-size: 0.875rem; font-weight: bold; color: white; -webkit-user-select: none; -ms-user-select: none; user-select: none; } .switch-input { position: absolute; margin-bottom: 0; opacity: 0; } .switch-paddle { position: relative; display: block; width: 4rem; height: 2rem; border-radius: 0; background: #cacaca; transition: all 0.25s ease-out; font-weight: inherit; color: inherit; cursor: pointer; } input + .switch-paddle { margin: 0; } .switch-paddle::after { position: absolute; top: 0.25rem; left: 0.25rem; display: block; width: 1.5rem; height: 1.5rem; transform: translate3d(0, 0, 0); border-radius: 0; background: white; transition: all 0.25s ease-out; content: ''; } input:checked ~ .switch-paddle { background: #1E225C; } input:checked ~ .switch-paddle::after { left: 2.25rem; } [data-whatinput='mouse'] input:focus ~ .switch-paddle { outline: 0; } .switch-active, .switch-inactive { position: absolute; top: 50%; transform: translateY(-50%); } .switch-active { left: 8%; display: none; } input:checked + label > .switch-active { display: block; } .switch-inactive { right: 15%; } input:checked + label > .switch-inactive { display: none; } .switch.tiny { height: 1.5rem; } .switch.tiny .switch-paddle { width: 3rem; height: 1.5rem; font-size: 0.625rem; } .switch.tiny .switch-paddle::after { top: 0.25rem; left: 0.25rem; width: 1rem; height: 1rem; } .switch.tiny input:checked ~ .switch-paddle::after { left: 1.75rem; } .switch.small { height: 1.75rem; } .switch.small .switch-paddle { width: 3.5rem; height: 1.75rem; font-size: 0.75rem; } .switch.small .switch-paddle::after { top: 0.25rem; left: 0.25rem; width: 1.25rem; height: 1.25rem; } .switch.small input:checked ~ .switch-paddle::after { left: 2rem; } .switch.large { height: 2.5rem; } .switch.large .switch-paddle { width: 5rem; height: 2.5rem; font-size: 1rem; } .switch.large .switch-paddle::after { top: 0.25rem; left: 0.25rem; width: 2rem; height: 2rem; } .switch.large input:checked ~ .switch-paddle::after { left: 2.75rem; } table { width: 100%; margin-bottom: 1rem; border-radius: 0; } table thead, table tbody, table tfoot { border: 1px solid #ededed; background-color: white; } table caption { padding: 0.5rem 0.625rem 0.625rem; font-weight: bold; } table thead { background: #f6f6f6; color: #0a0a0a; } table tfoot { background: #ededed; color: #0a0a0a; } table thead tr, table tfoot tr { background: transparent; } table thead th, table thead td, table tfoot th, table tfoot td { padding: 0.5rem 0.625rem 0.625rem; font-weight: bold; text-align: left; } table tbody th, table tbody td { padding: 0.5rem 0.625rem 0.625rem; } table tbody tr:nth-child(even) { border-bottom: 0; background-color: #ededed; } table.unstriped tbody { background-color: white; } table.unstriped tbody tr { border-bottom: 0; border-bottom: 1px solid #ededed; background-color: white; } @media screen and (max-width: 63.9375em) { table.stack thead { display: none; } table.stack tfoot { display: none; } table.stack tr, table.stack th, table.stack td { display: block; } table.stack td { border-top: 0; } } table.scroll { display: block; width: 100%; overflow-x: auto; } table.hover thead tr:hover { background-color: #ececec; } table.hover tfoot tr:hover { background-color: #e3e3e3; } table.hover tbody tr:hover { background-color: whitesmoke; } table.hover:not(.unstriped) tr:nth-of-type(even):hover { background-color: #e3e3e3; } .table-scroll { overflow-x: auto; } .table-scroll table { width: auto; } .tabs { margin: 0; border: 1px solid #e6e6e6; background: white; list-style-type: none; } .tabs::before, .tabs::after { display: table; content: ' '; -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-order: 1; order: 1; } .tabs::after { clear: both; } .tabs.vertical > li { display: block; float: none; width: auto; } .tabs.simple > li > a { padding: 0; } .tabs.simple > li > a:hover { background: transparent; } .tabs.primary { background: #1E225C; } .tabs.primary > li > a { color: white; } .tabs.primary > li > a:hover, .tabs.primary > li > a:focus { background: #23276b; } .tabs-title { float: left; } .tabs-title > a { display: block; padding: 1.25rem 1.5rem; font-size: 0.75rem; line-height: 1; color: #1E225C; } .tabs-title > a:hover { background: white; color: #1a1d4f; } .tabs-title > a:focus, .tabs-title > a[aria-selected='true'] { background: #e6e6e6; color: #1E225C; } .tabs-content { border: 1px solid #e6e6e6; border-top: 0; background: white; color: #0a0a0a; transition: all 0.5s ease; } .tabs-content.vertical { border: 1px solid #e6e6e6; border-left: 0; } .tabs-panel { display: none; padding: 1rem; } .tabs-panel[aria-hidden="false"] { display: block; } .thumbnail { display: inline-block; max-width: 100%; margin-bottom: 1rem; border: solid 4px white; border-radius: 0; box-shadow: 0 0 0 1px rgba(10, 10, 10, 0.2); line-height: 0; } a.thumbnail { transition: box-shadow 200ms ease-out; } a.thumbnail:hover, a.thumbnail:focus { box-shadow: 0 0 6px 1px rgba(30, 34, 92, 0.5); } a.thumbnail image { box-shadow: none; } .title-bar { padding: 0.5rem; background: #0a0a0a; color: white; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center; } .title-bar .menu-icon { margin-left: 0.25rem; margin-right: 0.25rem; } .title-bar-left, .title-bar-right { -ms-flex: 1 1 0px; flex: 1 1 0px; } .title-bar-right { text-align: right; } .title-bar-title { display: inline-block; vertical-align: middle; font-weight: bold; } .has-tip { position: relative; display: inline-block; border-bottom: dotted 1px #8a8a8a; font-weight: bold; cursor: help; } .tooltip { position: absolute; top: calc(100% + 0.6495rem); z-index: 1200; max-width: 10rem; padding: 0.75rem; border-radius: 0; background-color: #0a0a0a; font-size: 80%; color: white; } .tooltip::before { display: block; width: 0; height: 0; border: inset 0.75rem; content: ''; border-top-width: 0; border-bottom-style: solid; border-color: transparent transparent #0a0a0a; position: absolute; bottom: 100%; left: 50%; transform: translateX(-50%); } .tooltip.top::before { display: block; width: 0; height: 0; border: inset 0.75rem; content: ''; border-bottom-width: 0; border-top-style: solid; border-color: #0a0a0a transparent transparent; top: 100%; bottom: auto; } .tooltip.left::before { display: block; width: 0; height: 0; border: inset 0.75rem; content: ''; border-right-width: 0; border-left-style: solid; border-color: transparent transparent transparent #0a0a0a; top: 50%; bottom: auto; left: 100%; transform: translateY(-50%); } .tooltip.right::before { display: block; width: 0; height: 0; border: inset 0.75rem; content: ''; border-left-width: 0; border-right-style: solid; border-color: transparent #0a0a0a transparent transparent; top: 50%; right: 100%; bottom: auto; left: auto; transform: translateY(-50%); } .top-bar { display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center; padding: 0.5rem; -ms-flex-wrap: wrap; flex-wrap: wrap; } .top-bar, .top-bar ul { background-color: #e6e6e6; } .top-bar input { max-width: 200px; margin-right: 1rem; } .top-bar .input-group-field { width: 100%; margin-right: 0; } .top-bar input.button { width: auto; } .top-bar .top-bar-left, .top-bar .top-bar-right { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } @media print, screen and (min-width: 40em) { .top-bar { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .top-bar .top-bar-left { -ms-flex: 1 1 auto; flex: 1 1 auto; } .top-bar .top-bar-right { -ms-flex: 0 1 auto; flex: 0 1 auto; } } @media screen and (max-width: 63.9375em) { .top-bar.stacked-for-medium { -ms-flex-wrap: wrap; flex-wrap: wrap; } .top-bar.stacked-for-medium .top-bar-left, .top-bar.stacked-for-medium .top-bar-right { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } } @media screen and (max-width: 74.9375em) { .top-bar.stacked-for-large { -ms-flex-wrap: wrap; flex-wrap: wrap; } .top-bar.stacked-for-large .top-bar-left, .top-bar.stacked-for-large .top-bar-right { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } } @media screen and (max-width: 89.9375em) { .top-bar.stacked-for-xlarge { -ms-flex-wrap: wrap; flex-wrap: wrap; } .top-bar.stacked-for-xlarge .top-bar-left, .top-bar.stacked-for-xlarge .top-bar-right { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } } .top-bar.stacked-for-xxlarge { -ms-flex-wrap: wrap; flex-wrap: wrap; } .top-bar.stacked-for-xxlarge .top-bar-left, .top-bar.stacked-for-xxlarge .top-bar-right { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .top-bar-title { -ms-flex: 0 0 auto; flex: 0 0 auto; margin: 1rem; } .top-bar-left, .top-bar-right { -ms-flex: 0 0 auto; flex: 0 0 auto; } .hide { display: none !important; } .invisible { visibility: hidden; } @media screen and (max-width: 39.9375em) { .hide-for-small-only { display: none !important; } } @media screen and (max-width: 0em), screen and (min-width: 40em) { .show-for-small-only { display: none !important; } } @media print, screen and (min-width: 40em) { .hide-for-medium { display: none !important; } } @media screen and (max-width: 39.9375em) { .show-for-medium { display: none !important; } } @media screen and (min-width: 40em) and (max-width: 63.9375em) { .hide-for-medium-only { display: none !important; } } @media screen and (max-width: 39.9375em), screen and (min-width: 64em) { .show-for-medium-only { display: none !important; } } @media print, screen and (min-width: 64em) { .hide-for-large { display: none !important; } } @media screen and (max-width: 63.9375em) { .show-for-large { display: none !important; } } @media screen and (min-width: 64em) and (max-width: 74.9375em) { .hide-for-large-only { display: none !important; } } @media screen and (max-width: 63.9375em), screen and (min-width: 75em) { .show-for-large-only { display: none !important; } } @media screen and (min-width: 75em) { .hide-for-xlarge { display: none !important; } } @media screen and (max-width: 74.9375em) { .show-for-xlarge { display: none !important; } } @media screen and (min-width: 75em) and (max-width: 89.9375em) { .hide-for-xlarge-only { display: none !important; } } @media screen and (max-width: 74.9375em), screen and (min-width: 90em) { .show-for-xlarge-only { display: none !important; } } @media screen and (min-width: 90em) { .hide-for-xxlarge { display: none !important; } } @media screen and (max-width: 89.9375em) { .show-for-xxlarge { display: none !important; } } @media screen and (min-width: 90em) { .hide-for-xxlarge-only { display: none !important; } } @media screen and (max-width: 89.9375em) { .show-for-xxlarge-only { display: none !important; } } .show-for-sr, .show-on-focus { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0, 0, 0, 0); } .show-on-focus:active, .show-on-focus:focus { position: static !important; width: auto; height: auto; overflow: visible; clip: auto; } .show-for-landscape, .hide-for-portrait { display: block !important; } @media screen and (orientation: landscape) { .show-for-landscape, .hide-for-portrait { display: block !important; } } @media screen and (orientation: portrait) { .show-for-landscape, .hide-for-portrait { display: none !important; } } .hide-for-landscape, .show-for-portrait { display: none !important; } @media screen and (orientation: landscape) { .hide-for-landscape, .show-for-portrait { display: none !important; } } @media screen and (orientation: portrait) { .hide-for-landscape, .show-for-portrait { display: block !important; } } .float-left { float: left !important; } .float-right { float: right !important; } .float-center { display: block; margin-right: auto; margin-left: auto; } .clearfix::before, .clearfix::after { display: table; content: ' '; -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-order: 1; order: 1; } .clearfix::after { clear: both; } .align-right { -ms-flex-pack: end; justify-content: flex-end; } .align-center { -ms-flex-pack: center; justify-content: center; } .align-justify { -ms-flex-pack: justify; justify-content: space-between; } .align-spaced { -ms-flex-pack: distribute; justify-content: space-around; } .align-top { -ms-flex-align: start; align-items: flex-start; } .align-self-top { -ms-flex-item-align: start; align-self: flex-start; } .align-bottom { -ms-flex-align: end; align-items: flex-end; } .align-self-bottom { -ms-flex-item-align: end; align-self: flex-end; } .align-middle { -ms-flex-align: center; align-items: center; } .align-self-middle { -ms-flex-item-align: center; align-self: center; } .align-stretch { -ms-flex-align: stretch; align-items: stretch; } .align-self-stretch { -ms-flex-item-align: stretch; align-self: stretch; } .align-center-middle { -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; -ms-flex-line-pack: center; align-content: center; } .small-order-1 { -ms-flex-order: 1; order: 1; } .small-order-2 { -ms-flex-order: 2; order: 2; } .small-order-3 { -ms-flex-order: 3; order: 3; } .small-order-4 { -ms-flex-order: 4; order: 4; } .small-order-5 { -ms-flex-order: 5; order: 5; } .small-order-6 { -ms-flex-order: 6; order: 6; } @media print, screen and (min-width: 40em) { .medium-order-1 { -ms-flex-order: 1; order: 1; } .medium-order-2 { -ms-flex-order: 2; order: 2; } .medium-order-3 { -ms-flex-order: 3; order: 3; } .medium-order-4 { -ms-flex-order: 4; order: 4; } .medium-order-5 { -ms-flex-order: 5; order: 5; } .medium-order-6 { -ms-flex-order: 6; order: 6; } } @media print, screen and (min-width: 64em) { .large-order-1 { -ms-flex-order: 1; order: 1; } .large-order-2 { -ms-flex-order: 2; order: 2; } .large-order-3 { -ms-flex-order: 3; order: 3; } .large-order-4 { -ms-flex-order: 4; order: 4; } .large-order-5 { -ms-flex-order: 5; order: 5; } .large-order-6 { -ms-flex-order: 6; order: 6; } } @media screen and (min-width: 75em) { .xlarge-order-1 { -ms-flex-order: 1; order: 1; } .xlarge-order-2 { -ms-flex-order: 2; order: 2; } .xlarge-order-3 { -ms-flex-order: 3; order: 3; } .xlarge-order-4 { -ms-flex-order: 4; order: 4; } .xlarge-order-5 { -ms-flex-order: 5; order: 5; } .xlarge-order-6 { -ms-flex-order: 6; order: 6; } } @media screen and (min-width: 90em) { .xxlarge-order-1 { -ms-flex-order: 1; order: 1; } .xxlarge-order-2 { -ms-flex-order: 2; order: 2; } .xxlarge-order-3 { -ms-flex-order: 3; order: 3; } .xxlarge-order-4 { -ms-flex-order: 4; order: 4; } .xxlarge-order-5 { -ms-flex-order: 5; order: 5; } .xxlarge-order-6 { -ms-flex-order: 6; order: 6; } } .slide-in-down.mui-enter { transition-duration: 500ms; transition-timing-function: linear; transform: translateY(-100%); transition-property: transform, opacity; backface-visibility: hidden; } .slide-in-down.mui-enter.mui-enter-active { transform: translateY(0); } .slide-in-left.mui-enter { transition-duration: 500ms; transition-timing-function: linear; transform: translateX(-100%); transition-property: transform, opacity; backface-visibility: hidden; } .slide-in-left.mui-enter.mui-enter-active { transform: translateX(0); } .slide-in-up.mui-enter { transition-duration: 500ms; transition-timing-function: linear; transform: translateY(100%); transition-property: transform, opacity; backface-visibility: hidden; } .slide-in-up.mui-enter.mui-enter-active { transform: translateY(0); } .slide-in-right.mui-enter { transition-duration: 500ms; transition-timing-function: linear; transform: translateX(100%); transition-property: transform, opacity; backface-visibility: hidden; } .slide-in-right.mui-enter.mui-enter-active { transform: translateX(0); } .slide-out-down.mui-leave { transition-duration: 500ms; transition-timing-function: linear; transform: translateY(0); transition-property: transform, opacity; backface-visibility: hidden; } .slide-out-down.mui-leave.mui-leave-active { transform: translateY(100%); } .slide-out-right.mui-leave { transition-duration: 500ms; transition-timing-function: linear; transform: translateX(0); transition-property: transform, opacity; backface-visibility: hidden; } .slide-out-right.mui-leave.mui-leave-active { transform: translateX(100%); } .slide-out-up.mui-leave { transition-duration: 500ms; transition-timing-function: linear; transform: translateY(0); transition-property: transform, opacity; backface-visibility: hidden; } .slide-out-up.mui-leave.mui-leave-active { transform: translateY(-100%); } .slide-out-left.mui-leave { transition-duration: 500ms; transition-timing-function: linear; transform: translateX(0); transition-property: transform, opacity; backface-visibility: hidden; } .slide-out-left.mui-leave.mui-leave-active { transform: translateX(-100%); } .fade-in.mui-enter { transition-duration: 500ms; transition-timing-function: linear; opacity: 0; transition-property: opacity; } .fade-in.mui-enter.mui-enter-active { opacity: 1; } .fade-out.mui-leave { transition-duration: 500ms; transition-timing-function: linear; opacity: 1; transition-property: opacity; } .fade-out.mui-leave.mui-leave-active { opacity: 0; } .hinge-in-from-top.mui-enter { transition-duration: 500ms; transition-timing-function: linear; transform: perspective(2000px) rotateX(-90deg); transform-origin: top; transition-property: transform, opacity; opacity: 0; } .hinge-in-from-top.mui-enter.mui-enter-active { transform: perspective(2000px) rotate(0deg); opacity: 1; } .hinge-in-from-right.mui-enter { transition-duration: 500ms; transition-timing-function: linear; transform: perspective(2000px) rotateY(-90deg); transform-origin: right; transition-property: transform, opacity; opacity: 0; } .hinge-in-from-right.mui-enter.mui-enter-active { transform: perspective(2000px) rotate(0deg); opacity: 1; } .hinge-in-from-bottom.mui-enter { transition-duration: 500ms; transition-timing-function: linear; transform: perspective(2000px) rotateX(90deg); transform-origin: bottom; transition-property: transform, opacity; opacity: 0; } .hinge-in-from-bottom.mui-enter.mui-enter-active { transform: perspective(2000px) rotate(0deg); opacity: 1; } .hinge-in-from-left.mui-enter { transition-duration: 500ms; transition-timing-function: linear; transform: perspective(2000px) rotateY(90deg); transform-origin: left; transition-property: transform, opacity; opacity: 0; } .hinge-in-from-left.mui-enter.mui-enter-active { transform: perspective(2000px) rotate(0deg); opacity: 1; } .hinge-in-from-middle-x.mui-enter { transition-duration: 500ms; transition-timing-function: linear; transform: perspective(2000px) rotateX(-90deg); transform-origin: center; transition-property: transform, opacity; opacity: 0; } .hinge-in-from-middle-x.mui-enter.mui-enter-active { transform: perspective(2000px) rotate(0deg); opacity: 1; } .hinge-in-from-middle-y.mui-enter { transition-duration: 500ms; transition-timing-function: linear; transform: perspective(2000px) rotateY(-90deg); transform-origin: center; transition-property: transform, opacity; opacity: 0; } .hinge-in-from-middle-y.mui-enter.mui-enter-active { transform: perspective(2000px) rotate(0deg); opacity: 1; } .hinge-out-from-top.mui-leave { transition-duration: 500ms; transition-timing-function: linear; transform: perspective(2000px) rotate(0deg); transform-origin: top; transition-property: transform, opacity; opacity: 1; } .hinge-out-from-top.mui-leave.mui-leave-active { transform: perspective(2000px) rotateX(-90deg); opacity: 0; } .hinge-out-from-right.mui-leave { transition-duration: 500ms; transition-timing-function: linear; transform: perspective(2000px) rotate(0deg); transform-origin: right; transition-property: transform, opacity; opacity: 1; } .hinge-out-from-right.mui-leave.mui-leave-active { transform: perspective(2000px) rotateY(-90deg); opacity: 0; } .hinge-out-from-bottom.mui-leave { transition-duration: 500ms; transition-timing-function: linear; transform: perspective(2000px) rotate(0deg); transform-origin: bottom; transition-property: transform, opacity; opacity: 1; } .hinge-out-from-bottom.mui-leave.mui-leave-active { transform: perspective(2000px) rotateX(90deg); opacity: 0; } .hinge-out-from-left.mui-leave { transition-duration: 500ms; transition-timing-function: linear; transform: perspective(2000px) rotate(0deg); transform-origin: left; transition-property: transform, opacity; opacity: 1; } .hinge-out-from-left.mui-leave.mui-leave-active { transform: perspective(2000px) rotateY(90deg); opacity: 0; } .hinge-out-from-middle-x.mui-leave { transition-duration: 500ms; transition-timing-function: linear; transform: perspective(2000px) rotate(0deg); transform-origin: center; transition-property: transform, opacity; opacity: 1; } .hinge-out-from-middle-x.mui-leave.mui-leave-active { transform: perspective(2000px) rotateX(-90deg); opacity: 0; } .hinge-out-from-middle-y.mui-leave { transition-duration: 500ms; transition-timing-function: linear; transform: perspective(2000px) rotate(0deg); transform-origin: center; transition-property: transform, opacity; opacity: 1; } .hinge-out-from-middle-y.mui-leave.mui-leave-active { transform: perspective(2000px) rotateY(-90deg); opacity: 0; } .scale-in-up.mui-enter { transition-duration: 500ms; transition-timing-function: linear; transform: scale(0.5); transition-property: transform, opacity; opacity: 0; } .scale-in-up.mui-enter.mui-enter-active { transform: scale(1); opacity: 1; } .scale-in-down.mui-enter { transition-duration: 500ms; transition-timing-function: linear; transform: scale(1.5); transition-property: transform, opacity; opacity: 0; } .scale-in-down.mui-enter.mui-enter-active { transform: scale(1); opacity: 1; } .scale-out-up.mui-leave { transition-duration: 500ms; transition-timing-function: linear; transform: scale(1); transition-property: transform, opacity; opacity: 1; } .scale-out-up.mui-leave.mui-leave-active { transform: scale(1.5); opacity: 0; } .scale-out-down.mui-leave { transition-duration: 500ms; transition-timing-function: linear; transform: scale(1); transition-property: transform, opacity; opacity: 1; } .scale-out-down.mui-leave.mui-leave-active { transform: scale(0.5); opacity: 0; } .spin-in.mui-enter { transition-duration: 500ms; transition-timing-function: linear; transform: rotate(-0.75turn); transition-property: transform, opacity; opacity: 0; } .spin-in.mui-enter.mui-enter-active { transform: rotate(0); opacity: 1; } .spin-out.mui-leave { transition-duration: 500ms; transition-timing-function: linear; transform: rotate(0); transition-property: transform, opacity; opacity: 1; } .spin-out.mui-leave.mui-leave-active { transform: rotate(0.75turn); opacity: 0; } .spin-in-ccw.mui-enter { transition-duration: 500ms; transition-timing-function: linear; transform: rotate(0.75turn); transition-property: transform, opacity; opacity: 0; } .spin-in-ccw.mui-enter.mui-enter-active { transform: rotate(0); opacity: 1; } .spin-out-ccw.mui-leave { transition-duration: 500ms; transition-timing-function: linear; transform: rotate(0); transition-property: transform, opacity; opacity: 1; } .spin-out-ccw.mui-leave.mui-leave-active { transform: rotate(-0.75turn); opacity: 0; } .slow { transition-duration: 750ms !important; } .fast { transition-duration: 250ms !important; } .linear { transition-timing-function: linear !important; } .ease { transition-timing-function: ease !important; } .ease-in { transition-timing-function: ease-in !important; } .ease-out { transition-timing-function: ease-out !important; } .ease-in-out { transition-timing-function: ease-in-out !important; } .bounce-in { transition-timing-function: cubic-bezier(0.485, 0.155, 0.24, 1.245) !important; } .bounce-out { transition-timing-function: cubic-bezier(0.485, 0.155, 0.515, 0.845) !important; } .bounce-in-out { transition-timing-function: cubic-bezier(0.76, -0.245, 0.24, 1.245) !important; } .short-delay { transition-delay: 300ms !important; } .long-delay { transition-delay: 700ms !important; } .shake { animation-name: shake-7; } @keyframes shake-7 { 0%, 10%, 20%, 30%, 40%, 50%, 60%, 70%, 80%, 90% { transform: translateX(7%); } 5%, 15%, 25%, 35%, 45%, 55%, 65%, 75%, 85%, 95% { transform: translateX(-7%); } } .spin-cw { animation-name: spin-cw-1turn; } @keyframes spin-cw-1turn { 0% { transform: rotate(-1turn); } 100% { transform: rotate(0); } } .spin-ccw { animation-name: spin-cw-1turn; } @keyframes spin-cw-1turn { 0% { transform: rotate(0); } 100% { transform: rotate(1turn); } } .wiggle { animation-name: wiggle-7deg; } @keyframes wiggle-7deg { 40%, 50%, 60% { transform: rotate(7deg); } 35%, 45%, 55%, 65% { transform: rotate(-7deg); } 0%, 30%, 70%, 100% { transform: rotate(0); } } .shake, .spin-cw, .spin-ccw, .wiggle { animation-duration: 500ms; } .infinite { animation-iteration-count: infinite; } .slow { animation-duration: 750ms !important; } .fast { animation-duration: 250ms !important; } .linear { animation-timing-function: linear !important; } .ease { animation-timing-function: ease !important; } .ease-in { animation-timing-function: ease-in !important; } .ease-out { animation-timing-function: ease-out !important; } .ease-in-out { animation-timing-function: ease-in-out !important; } .bounce-in { animation-timing-function: cubic-bezier(0.485, 0.155, 0.24, 1.245) !important; } .bounce-out { animation-timing-function: cubic-bezier(0.485, 0.155, 0.515, 0.845) !important; } .bounce-in-out { animation-timing-function: cubic-bezier(0.76, -0.245, 0.24, 1.245) !important; } .short-delay { animation-delay: 300ms !important; } .long-delay { animation-delay: 700ms !important; } @font-face { font-family: 'Gelasio'; src: url("/fonts/Gelasio/Gelasio-VariableFont_wght.ttf") format("truetype-variations"); font-weight: 1 999; } @font-face { font-family: 'SourceSerif4'; src: url("/fonts/SourceSerif4/SourceSerif4-VariableFont_opsz,wght.ttf") format("truetype-variations"); font-weight: 1 999; } @font-face { font-family: 'Lexend'; src: url("/fonts/Lexend/Lexend-VariableFont_wght.ttf") format("truetype-variations"); font-weight: 1 999; } @font-face { font-family: 'Caveat'; src: url("/fonts/Caveat/Caveat-VariableFont_wght.ttf") format("truetype-variations"); font-weight: 1 999; } @font-face { font-family: 'Poppins'; src: url("/fonts/Poppins/Poppins-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; } @font-face { font-family: 'Poppins'; src: url("/fonts/Poppins/Poppins-BlackItalic.ttf") format("truetype"); font-weight: 900; font-style: italic; } @font-face { font-family: 'Poppins'; src: url("/fonts/Poppins/Poppins-ExtraBold.ttf") format("truetype"); font-weight: 800; font-style: normal; } @font-face { font-family: 'Poppins'; src: url("/fonts/Poppins/Poppins-ExtraBoldItalic.ttf") format("truetype"); font-weight: 800; font-style: italic; } @font-face { font-family: 'Poppins'; src: url("/fonts/Poppins/Poppins-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; } @font-face { font-family: 'Poppins'; src: url("/fonts/Poppins/Poppins-BoldItalic.ttf") format("truetype"); font-weight: 700; font-style: italic; } @font-face { font-family: 'Poppins'; src: url("/fonts/Poppins/Poppins-SemiBold.ttf") format("truetype"); font-weight: 600; font-style: normal; } @font-face { font-family: 'Poppins'; src: url("/fonts/Poppins/Poppins-SemiBoldItalic.ttf") format("truetype"); font-weight: 600; font-style: italic; } @font-face { font-family: 'Poppins'; src: url("/fonts/Poppins/Poppins-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; } @font-face { font-family: 'Poppins'; src: url("/fonts/Poppins/Poppins-MediumItalic.ttf") format("truetype"); font-weight: 500; font-style: italic; } @font-face { font-family: 'Poppins'; src: url("/fonts/Poppins/Poppins-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; } @font-face { font-family: 'Poppins'; src: url("/fonts/Poppins/Poppins-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; } @font-face { font-family: 'Poppins'; src: url("/fonts/Poppins/Poppins-Light.ttf") format("truetype"); font-weight: 300; font-style: normal; } @font-face { font-family: 'Poppins'; src: url("/fonts/Poppins/Poppins-LightItalic.ttf") format("truetype"); font-weight: 300; font-style: italic; } @font-face { font-family: 'Poppins'; src: url("/fonts/Poppins/Poppins-ExtraLight.ttf") format("truetype"); font-weight: 200; font-style: normal; } @font-face { font-family: 'Poppins'; src: url("/fonts/Poppins/Poppins-ExtraLightItalic.ttf") format("truetype"); font-weight: 200; font-style: italic; } @font-face { font-family: 'Poppins'; src: url("/fonts/Poppins/Poppins-Thin.ttf") format("truetype"); font-weight: 100; font-style: normal; } @font-face { font-family: 'Poppins'; src: url("/fonts/Poppins/Poppins-ThinItalic.ttf") format("truetype"); font-weight: 100; font-style: italic; } @page { size: A4; margin-top: 15mm; margin-left: 15mm; margin-right: 15mm; margin-bottom: 15mm; } @page :first { margin-top: 0px; } * { -webkit-print-color-adjust: exact !important; /* Chrome, Safari */ color-adjust: exact !important; /*Firefox*/ font-family: 'Poppins', sans-serif; font-display: fallback; } * { color: #1e225d; } span, a, strong { color: inherit; } html { font-size: 85%; } @media print, screen and (min-width: 40em) { html { font-size: 100%; } } h1, h2, h3, h4, h5, h6 { font-family: 'Lexend', sans-serif; font-display: fallback; color: #1e225d; font-weight: 800; } h1 { font-size: 1.5rem; letter-spacing: -1px; } @media print, screen and (min-width: 40em) { h1 { font-size: 2rem; } } h2 { line-height: 1.2; letter-spacing: -1px; margin-bottom: 1rem !important; } h2, h3, h4, h5, h6 { font-size: 1.35rem; margin-bottom: 1rem; } @media print, screen and (min-width: 40em) { h2, h3, h4, h5, h6 { font-size: 1.5rem; } } h4 { font-size: 1.2rem; margin-bottom: 2px; } @media print, screen and (min-width: 40em) { h4 { font-size: 1.25rem; } } h5 { font-size: 1.1rem; } @media print, screen and (min-width: 40em) { h5 { font-size: 1.2rem; } } a { text-decoration: underline; } a:hover { text-decoration: none; } p, ul, li { color: #1e225d; } .divider { margin: 40px 0px; } button { font-family: 'Poppins', sans-serif; font-display: fallback; cursor: pointer; } @media print { html, body { width: 210mm; height: 297mm; } a[href]:after { display: none; /*visibility: hidden;*/ } } .button { text-decoration: none; } #block-ui { position: fixed; display: none; top: 0; left: 0; background-color: black; opacity: 0; width: 100%; height: 100%; z-index: 0; transition: opacity 300ms; } #block-ui.visible { display: block; opacity: 0.3; } .handwritten-title { line-height: 1; } .handwritten-title em { font-family: 'Shadows Into Light', cursive; font-display: fallback; font-weight: bold; font-style: normal; font-size: 110%; } .handwritten-title strong { font-size: 90%; text-transform: uppercase; font-weight: 800; } [class^="icon-"], [class*=" icon-"] { text-decoration: none; } .opensans { font-family: 'Poppins', sans-serif; font-display: fallback; } @media screen and (min-width: 40em) and (max-width: 63.9375em) { .column, .columns { padding-left: 1.3rem; padding-right: 1.3rem; } } .is-invalid-input:not(:focus) { background-color: unset; } .algn-left { text-align: left; } .flx { display: -ms-flexbox; display: flex; } .flx-jst-cntr { -ms-flex-pack: center; justify-content: center; } .flx-algn-cntr { -ms-flex-align: center; align-items: center; } .flx-direction-clmn { -ms-flex-direction: column; flex-direction: column; } @media print, screen and (min-width: 40em) { .h3-desktop { font-family: 'Lexend', sans-serif; font-display: fallback; font-size: 24px; font-style: normal; font-weight: 600; line-height: 32px; /* 133.333% */ letter-spacing: -0.24px; } } .h2-mobile { font-family: 'Lexend', sans-serif; font-display: fallback; font-size: 20px; font-style: normal; font-weight: 600; line-height: 32px; /* 160% */ letter-spacing: -0.2px; } @media print, screen and (min-width: 40em) { .h2-desktop { font-family: Lexend; font-size: 35px; font-style: normal; font-weight: 600; line-height: 40px; /* 114.286% */ letter-spacing: -0.35px; } } /* Headline 3 | body 1 Mobile */ @media screen and (max-width: 39.9375em) { .h3-body1-mobile { font-family: Lexend; font-size: 16px; font-style: normal; font-weight: 600; line-height: 24px; /* 150% */ letter-spacing: -0.16px; } } @media screen and (max-width: 39.9375em) { .h4-mobile { font-family: Lexend; font-size: 18px; font-style: normal; font-weight: 600; line-height: 24px; /* 133.333% */ letter-spacing: -0.18px; } } @media print, screen and (min-width: 40em) { .h4-desktop { font-family: Lexend; font-size: 18px; font-style: normal; font-weight: 600; line-height: 24px; /* 133.333% */ letter-spacing: -0.18px; } } @media screen and (max-width: 39.9375em) { .h4-body2-mobile { /* Headline 4 | body 2 Mobile */ font-family: Lexend; font-size: 14px; font-style: normal; font-weight: 600; line-height: 24px; /* 171.429% */ letter-spacing: -0.14px; } } @media print, screen and (min-width: 40em) { .h5-desktop { font-family: Poppins; font-size: 16px; font-style: normal; font-weight: 400; line-height: 24px; /* 150% */ letter-spacing: -0.16px; } } @media screen and (max-width: 39.9375em) { .h5-mobile { font-family: Poppins; font-size: 16px; font-style: normal; font-weight: 400; line-height: 24px; /* 150% */ letter-spacing: -0.16px; } } .body1-mobile { font-family: Poppins; font-size: 14px; font-style: normal; font-weight: 400; line-height: 24px; /* 171.429% */ letter-spacing: -0.14px; } .body2-mobile { font-family: Poppins; font-size: 14px; font-style: normal; font-weight: 300; line-height: 20px; /* 142.857% */ } .body2 { font-family: Poppins; font-size: 14px; font-style: normal; font-weight: 400; line-height: 20px; /* 142.857% */ } @media print, screen and (min-width: 40em) { .body1-desktop { font-family: Poppins; font-size: 16px; font-style: normal; font-weight: 400; line-height: 24px; /* 150% */ letter-spacing: -0.16px; } } @media print, screen and (min-width: 40em) { .body2-desktop { font-family: Poppins; font-size: 14px; font-style: normal; font-weight: 400; line-height: 20px; /* 142.857% */ } } select:focus { box-shadow: none; } select:hover { cursor: pointer; } input[type='text']:focus { box-shadow: none; } .caption-mobile { font-family: Poppins; font-size: 12px; font-style: normal; font-weight: 600; line-height: 20px; /* 166.667% */ } .checklist-header { color: #262B56; font-family: Lexend; font-size: 14px; font-style: normal; font-weight: 600; line-height: 24px; /* 171.429% */ letter-spacing: -0.14px; margin-bottom: 12px; } @media print, screen and (min-width: 40em) { .checklist-header { font-family: Caveat; font-size: 26px; font-style: normal; font-weight: 700; line-height: 24px; /* 92.308% */ letter-spacing: -0.26px; margin-bottom: 24px; } } .checklist-items { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; gap: 12px; } .checklist-item { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 12px; } .checklist-item .input { line-height: 1; } .checklist-item .input input { margin-bottom: 0px; transform: scale(1.2); pointer-events: none; } .checklist-item .text a { text-decoration: none; } .checklist-item .text .lnk { position: relative; z-index: 1; } .checklist-item .text .lnk::after { content: ''; position: absolute; bottom: -8px; /* Positioning the stroke near the bottom */ left: 0; width: 100%; /* Stretches across the full width of the text */ height: 16px; /* Height of the stroke (adjust as needed) */ background-image: url("/images/orange-stroke.svg"); /* Use the stroke image */ background-size: 100% 100%; background-repeat: no-repeat; background-position: center; z-index: -1; /* Ensures the stroke stays behind the text */ } .hyperlink { color: #106BC6; font-family: Poppins; font-size: 14px; font-style: normal; font-weight: 500; line-height: 20px; /* 142.857% */ -webkit-text-decoration-line: underline; text-decoration-line: underline; display: -ms-inline-flexbox; display: inline-flex; gap: 6px; -ms-flex-align: center; align-items: center; } .hyperlink:hover { -webkit-text-decoration-line: none; text-decoration-line: none; color: #106BC6; } .dwnld-naked-button { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 6px; } .dwnld-naked-button .text { color: var(--CF-highlight-color, #106BC6); font-family: Poppins; font-size: 15px; font-style: normal; font-weight: 400; line-height: normal; -webkit-text-decoration-line: underline; text-decoration-line: underline; } .gry-divider { background: #DFE4EA; } .gry-divider.horizontal { width: 100%; height: 1px; } .gry-divider.vertical { height: 100%; width: 1px; } .tbs-select select { border-radius: 10px; border: 1px solid var(--Stroke, #DFE4EA); background: var(--CF-WHITE, #FFF); padding: 12px 16px; } .tbs-bar { display: -ms-flexbox; display: flex; gap: 10px; margin-bottom: 25px; margin-right: -22px; -ms-flex-align: center; align-items: center; overflow: scroll; scrollbar-width: none; /* Firefox */ } @media print, screen and (min-width: 40em) { .tbs-bar { gap: 14px; margin-bottom: 46px; } } @media print, screen and (min-width: 64em) { .tbs-bar { margin-right: 0px; } } .tbs-bar::-webkit-scrollbar { display: none; } .tbs-bar .tab-item { display: -ms-flexbox; display: flex; padding: 10px 20px; -ms-flex-direction: row; flex-direction: row; -ms-flex-align: center; align-items: center; gap: 10px; border-radius: 10px; background: #F8F8FA; transition: all 400ms; -ms-flex-wrap: nowrap; flex-wrap: nowrap; text-wrap: nowrap; } .tbs-bar .tab-item .text { color: #637381; } .tbs-bar .tab-item.selected, .tbs-bar .tab-item:hover { cursor: pointer; background: #106BC6; } .tbs-bar .tab-item.selected .text, .tbs-bar .tab-item:hover .text { color: white; } .tbs-bar .tab-item.selected .icon img, .tbs-bar .tab-item:hover .icon img { filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(93deg) brightness(101%) contrast(104%); } div.training-sections { margin-bottom: 46px; } @media print, screen and (min-width: 40em) { div.training-sections { margin-bottom: 66px; } } div.training-sections:last-of-type { margin-bottom: 0px; } div.training-sections .section-title { margin-bottom: 12px; } @media print, screen and (min-width: 64em) { div.training-sections .section-title { margin-bottom: 16px; } } .notice { display: -ms-inline-flexbox; display: inline-flex; padding: 3px 8px; padding: 6px 10px; -ms-flex-align: center; align-items: center; gap: 12px; border-radius: 6px; } .notice.alert { color: #9a6409; background-color: #FFFBEB; } .notice.success { color: #22AD5C; background-color: #DAF8E6; } .breadcrumbs-section { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: -15px; } .breadcrumbs-section .crumbs { color: var(--Text-color, #64748B); text-align: right; font-family: Lexend; font-size: 16px; font-style: normal; font-weight: 500; line-height: 24px; /* 150% */ } .breadcrumbs-section .crumbs .item { transition: all 400ms; } .breadcrumbs-section .crumbs .item a { text-decoration: none; transition: all 400ms; } .breadcrumbs-section .crumbs .current, .breadcrumbs-section .crumbs a:hover, .breadcrumbs-section .crumbs .item:hover { color: #106BC6; } .tgl-item { display: -ms-flexbox; display: flex; gap: 6px; } @media print, screen and (min-width: 64em) { .tgl-item { -ms-flex-align: center; align-items: center; } } .tgl-item .icon { width: 24px; height: 24px; border-radius: 6px; background: rgba(48, 86, 211, 0.06); position: relative; } @media print, screen and (min-width: 64em) { .tgl-item .icon { width: 42px; height: 42px; border-radius: 10px; } } .tgl-item .icon img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); height: 10px; transition: all 400ms; } @media print, screen and (min-width: 64em) { .tgl-item .icon img { height: 19px; } } .tgl-item .content .title { text-align: left; } .tgl-item .content .info { margin-top: 12px; display: -ms-flexbox; display: flex; gap: 24px; } .tgl-item.open .icon img { transform-origin: center; transform: rotate(90deg) translateX(-4px) translateY(2px); } @media print, screen and (min-width: 64em) { .tgl-item.open .icon img { transform: rotate(90deg) translateX(-8px) translateY(5px); } } .main-block { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-direction: column; flex-direction: column; gap: 24px; } .main-block div { text-align: left !important; } @media print, screen and (min-width: 40em) { .main-block { -ms-flex-direction: row; flex-direction: row; -ms-flex-align: stretch; align-items: stretch; height: 360px; } } @media print, screen and (min-width: 64em) { .main-block { height: 270px; } } .main-block .left-part { display: -ms-flexbox; display: flex; -ms-flex-positive: 1; flex-grow: 1; width: 100%; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: start; align-items: flex-start; } @media print, screen and (min-width: 40em) { .main-block .left-part { height: 360px; width: unset; } } @media print, screen and (min-width: 64em) { .main-block .left-part { height: 270px; } } @media print, screen and (min-width: 64em) { .main-block .left-part .type { margin-bottom: 6px; } } .main-block .left-part .training-title { margin-bottom: 24px; } @media print, screen and (min-width: 64em) { .main-block .left-part .training-title { margin-bottom: 16px; } } .main-block .left-part .info-grid { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; row-gap: 6px; -ms-flex-item-align: stretch; align-self: stretch; margin-bottom: 6px; } @media print, screen and (min-width: 64em) { .main-block .left-part .info-grid { -ms-flex-align: center; align-items: center; row-gap: 11px; column-gap: 30px; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; max-width: 550px; } } .main-block .left-part .info-grid .item { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 8px; } @media print, screen and (min-width: 64em) { .main-block .left-part .info-grid .item { gap: 16px; -ms-flex: 0 0 calc(50% - 15px); flex: 0 0 calc(50% - 15px); } } .main-block .left-part .info-bar { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; row-gap: 3px; -ms-flex-item-align: stretch; align-self: stretch; margin-bottom: 6px; } @media print, screen and (min-width: 64em) { .main-block .left-part .info-bar { -ms-flex-align: center; align-items: center; gap: 36px; -ms-flex-direction: row; flex-direction: row; } } .main-block .left-part .info-bar .item { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 8px; } .main-block .left-part .change-date { margin-bottom: 24px; } .main-block .left-part .notice { margin-bottom: 12px; } .main-block .left-part .action-btns { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; gap: 6px; } @media print, screen and (min-width: 64em) { .main-block .left-part .action-btns { -ms-flex-direction: row; flex-direction: row; gap: 12px; } } .main-block .left-part .bottom-part, .main-block .left-part .top-part { width: 100%; } .main-block .right-part { width: 100%; } @media print, screen and (min-width: 40em) { .main-block .right-part { -ms-flex-positive: 1; flex-grow: 1; width: initial; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: center; justify-content: center; /* Centers content vertically */ -ms-flex-align: center; align-items: center; /* Centers content horizontally (optional) */ } } .main-block.detail-page { height: unset; } .main-block.detail-page .left-part { height: unset; } .main-block.detail-page .left-part .gry-divider.horizontal { margin-top: 24px; } .main-block.detail-page .left-part .checklist { margin-top: 24px; margin-bottom: 36px; } .main-block.detail-page .right-part .trainer-photo { position: relative; } .main-block.detail-page .right-part .trainer-photo .designation { position: absolute; padding: 8px 16px; bottom: 15px; background-color: white; box-shadow: 0px 15px 30px 0px rgba(42, 62, 82, 0.1); } .main-block.detail-page .right-part .trainer-photo .designation > span { display: block; } .main-block.detail-page .right-part .trainer-photo img { max-width: 350px; margin-bottom: -22px; } @media print, screen and (min-width: 64em) { .main-block.detail-page .right-part .trainer-photo img { margin-bottom: -36px; } } .width-45 { width: 45%; } .width-20 { width: 20%; } .width-15 { width: 15%; } .width-10 { width: 10%; } table.tbl-stacked-clmn thead { background-color: white !important; border: none; border-bottom: 1px solid #EBEBEB; } table.tbl-stacked-clmn thead tr { box-shadow: none; } table.tbl-stacked-clmn thead th { box-shadow: none; color: #A3A3A3; padding-left: 0px; padding-right: 0px; } @media print, screen and (min-width: 64em) { table.tbl-stacked-clmn thead th { padding-left: initial; padding-right: initial; } } table.tbl-stacked-clmn tbody { border: none; } table.tbl-stacked-clmn tbody tr { box-shadow: none; border-bottom: 1px solid #EBEBEB !important; background-color: white; } table.tbl-stacked-clmn tbody tr.selected { border-bottom: none !important; } table.tbl-stacked-clmn tbody td { text-align: left; padding-left: 0px; padding-right: 0px; padding: 16px 0px; } @media print, screen and (min-width: 64em) { table.tbl-stacked-clmn tbody td { padding-left: initial; padding-right: initial; } } table.tbl-stacked-clmn tbody .main-row { cursor: pointer; } table.tbl-stacked-clmn tbody .details-row td { padding-top: 0px; padding-left: 30px; } @media print, screen and (min-width: 40em) { table.tbl-stacked-clmn tbody .details-row td .main-block, table.tbl-stacked-clmn tbody .details-row td .left-part { height: unset; } } @media print, screen and (min-width: 64em) { table.tbl-stacked-clmn tbody .details-row td { padding-top: 10px; padding-left: 48px; } table.tbl-stacked-clmn tbody .details-row td .main-block, table.tbl-stacked-clmn tbody .details-row td .left-part { height: 250px; } } .clr-gray { color: #8899A8; } .clr-blue { color: #262957 !important; } .back-button { position: absolute; margin-top: 8px; right: 0; } .back-button .text { text-wrap: nowrap; } .nkd-btn { display: -ms-flexbox; display: flex; padding: 0; gap: 6px; text-decoration: none; transition: all 400ms; } .nkd-btn .text { text-decoration: none; } .nkd-btn .icon { transition: all 400ms; } .nkd-btn.hasicon.left { padding-left: 10px; } .nkd-btn.hasicon.right { padding-right: 10px; } .nkd-btn.orange { color: #FF9900; } .nkd-btn:hover.hasicon.left { padding-left: 0px; } .nkd-btn:hover.hasicon.left .icon { padding-right: 10px; } .nkd-btn:hover.hasicon.right { padding-right: 0px; } .nkd-btn:hover.hasicon.right .icon { padding-left: 10px; } .nkd-btn:hover .text { -webkit-text-decoration-line: underline; text-decoration-line: underline; } .new-btn { display: -ms-flexbox; display: flex; padding: 10px 30px; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; gap: 16px; -ms-flex-item-align: stretch; align-self: stretch; border-radius: 6px; text-decoration: none; transition: all 400ms; } @media print, screen and (min-width: 40em) { .new-btn { -ms-flex-pack: unset; justify-content: unset; -ms-flex-item-align: unset; align-self: unset; } } .new-btn .text { text-decoration: none; } .new-btn.primary { border: 1px solid #262957; background-color: #262957; } .new-btn.primary .text { color: white; } .new-btn.primary-orange { border: 1px solid #F90; background-color: #F90; } .new-btn.primary-orange .text { color: #262957; } .new-btn.primary-orange .icon { filter: invert(1) sepia(1) saturate(1000%) hue-rotate(200deg) brightness(80%); } .new-btn.secundary { border: 1px solid #262957; background-color: white; } .new-btn.secundary .icon { filter: invert(1) sepia(1) saturate(1000%) hue-rotate(200deg) brightness(80%); } .new-btn:hover.primary { background-color: white; } .new-btn:hover.primary .text { color: #262957; } .new-btn:hover.primary .icon { filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(93deg) brightness(101%) contrast(104%); } .new-btn:hover.primary-orange { background-color: white; } .new-btn:hover.primary-orange .text { color: #F90; } .new-btn:hover.primary-orange .icon { filter: invert(81%) sepia(48%) saturate(6610%) hue-rotate(0deg) brightness(104%) contrast(104%); } .new-btn:hover.secundary { background-color: #262957; } .new-btn:hover.secundary .text { color: white; } .new-btn:hover.secundary .icon { filter: none; } @media screen and (max-width: 39.9375em) { .drpdwn-container { position: relative; display: block; margin-bottom: 24px; } } @media screen and (max-width: 39.9375em) { .drpdwn-button { background-color: #ffffff; border: 1px solid #DFE4EA; padding: 12px 16px; font-size: 16px; cursor: pointer; border-radius: 10px; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center; width: 100%; } } .arrow { margin-left: 10px; font-size: 14px; } /* Dropdown menu hidden by default */ @media screen and (max-width: 39.9375em) { .drpdwn-menu { display: none; position: absolute; background-color: #ffffff; border-radius: 10px; border: 1px solid var(--Stroke, #DFE4EA); margin-top: 5px; width: 100%; box-shadow: 0px 15px 30px 0px rgba(42, 62, 82, 0.1); z-index: 5; } } @media screen and (max-width: 39.9375em) { .drpdwn-menu .tab-item { padding: 10px; cursor: pointer; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } } @media screen and (max-width: 39.9375em) { .drpdwn-menu .icon { margin-right: 10px; } } /* Show dropdown when the 'show' class is added */ .show { display: block; } .even-overleggen { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; gap: 100px; } @media print, screen and (min-width: 64em) { .even-overleggen { -ms-flex-direction: row; flex-direction: row; gap: 0px; } } .even-overleggen .content { -ms-flex: 1; flex: 1; /* Keeps the 50% width */ display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; /* Stack items vertically */ } @media print, screen and (min-width: 64em) { .even-overleggen .content { -ms-flex-align: start; align-items: flex-start; /* Prevent items from stretching horizontally */ } } .even-overleggen .content > .title { margin-bottom: 24px; text-align: left; } .even-overleggen .content > .text { margin-bottom: 36px; max-width: 420px; } .even-overleggen .content .action-button { margin-bottom: 43px; } .even-overleggen .content .info-box > .title { padding: 20px 24px; border-radius: 8px 8px 0px 0px; background: #1E225C; border: 1px solid #1C2663; color: white; text-align: left; } .even-overleggen .content .info-box .items { border-radius: 0px 0px 8px 8px; border: 1px solid #1C2663; display: -ms-flexbox; display: flex; padding: 16px 24px 16px 24px; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: center; justify-content: center; -ms-flex-align: start; align-items: flex-start; gap: 12px; -ms-flex-item-align: stretch; align-self: stretch; } @media print, screen and (min-width: 64em) { .even-overleggen .content .info-box .items { padding-right: 64px; } } .even-overleggen .content .info-box .items .item { display: -ms-flexbox; display: flex; gap: 24px; } .even-overleggen .content .info-box .items .item .icon { width: 45px; height: 45px; border-radius: 5px; background: rgba(48, 86, 211, 0.06); position: relative; } .even-overleggen .content .info-box .items .item .icon img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); transition: all 400ms; } .even-overleggen .content .info-box .items .item a { text-decoration: none; } .even-overleggen .content .info-box .items .item a:hover { text-decoration: underline; } .even-overleggen .image { -ms-flex: 1; flex: 1; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: end; justify-content: flex-end; -ms-flex-align: center; align-items: center; position: relative; } .even-overleggen .image .bg-letters { position: absolute; top: 15%; left: 44%; font-size: 270px; letter-spacing: -30px; transform: translate(-50%, -50%); /* Shifts it back by 50% of its own size to perfectly center */ z-index: 1; /* Ensure it's above the image */ pointer-events: none; /* Make sure it doesn't interfere with clicks if necessary */ font-family: 'Lexend', sans-serif; font-display: fallback; font-weight: 800; line-height: 45px; color: #00c4c2; } @media print, screen and (min-width: 40em) { .even-overleggen .image .bg-letters { left: 48%; } } @media print, screen and (min-width: 64em) { .even-overleggen .image .bg-letters { top: 40%; /* Centers it vertically */ left: 46%; /* Centers it horizontally */ font-size: 370px; letter-spacing: -40px; } } .even-overleggen .image img { position: relative; z-index: 3; margin-bottom: -22px; max-width: 310px; } @media print, screen and (min-width: 64em) { .even-overleggen .image img { margin-bottom: -36px; max-width: 500px; } } .account-blocks { background: #FFFFFF 0% 0% no-repeat padding-box; box-shadow: 0px 15px 30px rgba(42, 62, 82, 0.098); border-radius: 8px; padding: 22px; } @media print, screen and (min-width: 64em) { .account-blocks { padding: 35px; } } .faqs .main-row { padding: 16px 59px 16px 24px; border-bottom: 1px solid #F3F4FE; } .faqs .main-row.selected { border-bottom: 0px; } .faqs .main-row .tgl-item { gap: 24px; } .faqs .details-row { padding: 16px 59px 16px 24px; border-bottom: 1px solid #F3F4FE; } .new-form input, .new-form textarea, .new-form select { border-radius: 6px; border: 1px solid var(--Stroke, #DFE4EA); } .bxd-content { display: -ms-flexbox; display: flex; padding: 16px; -ms-flex-direction: column; flex-direction: column; -ms-flex-align: center; align-items: center; gap: 24px; -ms-flex-item-align: stretch; align-self: stretch; border-radius: 8px; border: 1px solid var(--CF-primary-style-color, #262957); } @media print, screen and (min-width: 64em) { .bxd-content { -ms-flex-direction: row; flex-direction: row; padding: 0px 24px 0px 24px; gap: 50px; } } @media print, screen and (min-width: 64em) { .bxd-content .content { padding: 24px 0px 24px 0px; } } .bxd-content .content > .title { margin-bottom: 20px; text-align: left; } .bxd-content .content > .description { margin-bottom: 26px; } @media print, screen and (min-width: 64em) { .bxd-content .content > .description { margin-bottom: 46px; } } .bxd-content .content .grades { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-align: center; align-items: center; gap: 16px; -ms-flex-item-align: stretch; align-self: stretch; } @media print, screen and (min-width: 64em) { .bxd-content .content .grades { -ms-flex-direction: row; flex-direction: row; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: start; align-items: flex-start; } } .bxd-content .content .grades .item { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-align: center; align-items: center; -ms-flex-item-align: stretch; align-self: stretch; } @media print, screen and (min-width: 64em) { .bxd-content .content .grades .item { -ms-flex-align: start; align-items: flex-start; -ms-flex-item-align: normal; align-self: normal; gap: 16px; width: 168px; } } .bxd-content .image { -ms-flex-item-align: end; align-self: flex-end; } .hover-image .hover { display: none; } .hover-image img { transition: visibility 0.3s ease; } .btns { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; gap: 12px; } @media print, screen and (min-width: 64em) { .btns { -ms-flex-direction: row; flex-direction: row; } } .text-image-block { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; gap: 24px; } @media print, screen and (min-width: 64em) { .text-image-block { -ms-flex-direction: row; flex-direction: row; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: stretch; align-items: stretch; } } .text-image-block .text > img { border-radius: 8px; } .text-image-block .image { display: -ms-flexbox; display: flex; -ms-flex-align: stretch; align-items: stretch; -ms-flex-pack: center; justify-content: center; /* Optional: Center the image horizontally */ } .text-image-block .image .equal-height-container { position: relative; height: 100%; min-width: 400px; } .text-image-block .image .equal-height-container > img { border-radius: 8px; position: absolute; height: 100%; width: 100%; object-fit: cover; } .text-image-block .image > img { border-radius: 8px; height: 100%; width: auto; object-fit: cover; } .location-img { margin-bottom: 24px; max-height: 200px; object-fit: cover; width: 100%; } .link-grid { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; column-gap: 16px; } @media print, screen and (min-width: 64em) { .link-grid { -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; } } @media print, screen and (min-width: 64em) { .link-grid .item { -ms-flex: 0 0 calc(50% - 8px); flex: 0 0 calc(50% - 8px); } } .link-grid .item > a { display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; border-bottom: 1px solid #F3F4FE; padding: 12px; gap: 12px; -ms-flex-align: center; align-items: center; text-decoration: none; } @media print, screen and (min-width: 64em) { .link-grid .item > a { padding: 16px 59px 16px 24px; gap: 46px; } } .link-grid .item > a:hover { text-decoration: underline; } .link-grid .item > a .icon { width: 25px; height: 25px; position: relative; border-radius: 10px; background: rgba(48, 86, 211, 0.06); } @media print, screen and (min-width: 64em) { .link-grid .item > a .icon { width: 42px; height: 42px; } } .link-grid .item > a .icon img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); height: 12px; transition: all 400ms; } @media print, screen and (min-width: 64em) { .link-grid .item > a .icon img { height: 18px; } } /** * 4.0 - Alignment */ .alignleft { float: left; margin: 6px 28px 28px 0; } .alignright { float: right; margin: 6px 0 28px 28px; } .aligncenter { clear: both; display: block; margin: 0 auto 28px; } /** * 5.0 - Caption */ .wp-caption { background: transparent; border: none; margin-bottom: 28px; max-width: 100%; padding: 0; text-align: inherit; } .wp-caption-text, .wp-caption-dd { color: #686868; font-size: 13px; font-style: italic; line-height: 1.6153846154; padding-top: 7px; } /** * 6.0 - Galleries */ .mce-content-body .wpview-wrap { margin-bottom: 28px; } .gallery { margin: 0 -1.1666667%; padding: 0; } .gallery .gallery-item { display: inline-block; max-width: 33.33%; padding: 0 1.1400652% 2.2801304%; text-align: center; vertical-align: top; width: 100%; } .gallery-columns-1 .gallery-item { max-width: 100%; } .gallery-columns-2 .gallery-item { max-width: 50%; } .gallery-columns-4 .gallery-item { max-width: 25%; } .gallery-columns-5 .gallery-item { max-width: 20%; } .gallery-columns-6 .gallery-item { max-width: 16.66%; } .gallery-columns-7 .gallery-item { max-width: 14.28%; } .gallery-columns-8 .gallery-item { max-width: 12.5%; } .gallery-columns-9 .gallery-item { max-width: 11.11%; } .gallery .gallery-caption { font-size: 13px; margin: 0; } .gallery-columns-6 .gallery-caption, .gallery-columns-7 .gallery-caption, .gallery-columns-8 .gallery-caption, .gallery-columns-9 .gallery-caption { display: none; } /** * 7.0 - Audio / Video */ .wp-audio-shortcode a, .wp-playlist a { box-shadow: none; } .mce-content-body .wp-audio-playlist { margin: 0; padding-bottom: 0; } .mce-content-body .wp-playlist-tracks { margin-top: 0; } .mce-content-body .wp-playlist-item { padding: 10px 0; } .mce-content-body .wp-playlist-item-length { top: 10px; } /** * 8.0 - RTL */ .rtl blockquote { border: 0 solid #1a1a1a; border-right-width: 4px; } .rtl blockquote.alignleft, .rtl blockquote.alignright { border: 0 solid #1a1a1a; border-top-width: 4px; } .rtl blockquote:not(.alignleft):not(.alignright) { margin-right: -28px; padding: 0 24px 0 0; } .rtl blockquote blockquote:not(.alignleft):not(.alignright) { margin-right: 0; margin-left: auto; } .rtl li > ul, .rtl blockquote > ul { margin-right: 20px; margin-left: auto; } .rtl li > ol, .rtl blockquote > ol { margin-right: 24px; margin-left: auto; } .rtl table th, .rtl .mce-item-table th, .rtl table caption { text-align: right; } /** * 9.0 Video */ .video-shortcode { max-width: 100%; max-height: 100%; height: unset !important; } .singlecol { padding: 15px 0; } @media print, screen and (min-width: 40em) { .singlecol { padding: 50px 0; padding-top: 0px; } } .singlecol--opleidingoverzicht, .singlecol--account { padding-bottom: 0px; } .twocol { position: relative; padding: 0 0 10px; } @media print, screen and (min-width: 40em) { .twocol { padding: 0 0 50px; } } @media print { .twocol > .row > .column:nth-child(1), .twocol > .row > .columns:nth-child(1) { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } } .twocol__banner { position: absolute; left: 0; width: 100%; height: 320px; overflow: hidden; background-position: center center; background-size: cover; background-color: #f2f8ff; background: #f2f8ff; background: linear-gradient(180deg, #f2f8ff 0%, rgba(255, 255, 255, 0) 100%); } @media screen and (max-width: 39.9375em) { .twocol__banner { display: none !important; } } .twocol__banner-overlay { position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0.8; z-index: 2; } .twocol__banner--sharper { height: 320px; } .twocol__banner--sharper .twocol__banner-overlaywithoutimage { opacity: 1; background: none; } @media print { .twocol__banner--sharper { height: 175px; } } @media print { .twocol__banner { top: 0px; } } .twocol__image { background-size: cover; background-position: center center; position: absolute; left: 0; bottom: 0; width: 100%; height: 400px; z-index: 1; } @media print { .twocol__image { /*background-size: cover!important; background-position: center center!important; -webkit-print-color-adjust: exact !important; /* Chrome, Safari */ /*color-adjust: exact !important; /*Firefox*/ display: none; } } .twocol__content { position: relative; margin-bottom: 1.5rem; } @media print, screen and (min-width: 40em) { .twocol__content { margin-bottom: 0; } } .twocol__sidebar { position: relative; z-index: 3; } @media screen and (max-width: 63.9375em) { .twocol__sidebar .sticky { position: static; } } @media print, screen and (min-width: 64em) { .twocol__sidebar { margin-top: 5rem; } } @media print { .twocol__sidebar { display: none; } } .twocol__sidebar-training { position: relative; z-index: 3; } @media screen and (max-width: 63.9375em) { .twocol__sidebar-training__background { padding: 0px; } } @media print, screen and (min-width: 64em) { .twocol__sidebar-training { margin-top: 1.5rem; } } @media print { .twocol__sidebar-training { display: none; } } .mobile_layout_checkout__sidebar { width: 100%; height: 60px; box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16); display: grid; grid-template-columns: 1fr 1fr; position: fixed; background: white; top: 0; z-index: 1; } .mobile_layout_checkout__sidebar__logo { display: grid; -ms-flex-line-pack: center; align-content: center; margin-left: 20px; } .mobile_layout_checkout__sidebar__logo img { width: 100px; } .mobile_layout_checkout__sidebar__slideout__text { display: grid; -ms-flex-align: center; align-items: center; height: 100%; float: right; margin-right: 20px; width: 100%; } .mobile_layout_checkout__sidebar__slideout__text p { font-size: 14px; margin: 0; font-family: 'Lexend', sans-serif; letter-spacing: -0.14px; font-weight: 500; text-align: right; } .mobile_layout_checkout__sidebar__slideout__text p img { width: 30px; } .mobile_layout_checkout__content { margin-top: 60px; } .mobile_layout_checkout__content .desktop_layout_checkout__main__top > .row > .column, .mobile_layout_checkout__content .desktop_layout_checkout__main__top > .row > .columns { padding: 0px 20px; } @media print, screen and (min-width: 64em) { .layout__done { height: 100vh; max-height: 100vh; overflow: hidden; } .layout__done.overflowscroll { overflow-y: scroll; } } .layout__done__content { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media print, screen and (min-width: 64em) { .layout__done__content { -ms-flex-wrap: nowrap; flex-wrap: nowrap; height: 90%; } } .layout__done__leftside { -ms-flex-preferred-size: 100%; flex-basis: 100%; padding: 20px; padding-bottom: 0px; } @media print, screen and (min-width: 64em) { .layout__done__leftside { -ms-flex-preferred-size: 50%; flex-basis: 50%; padding: 50px; padding-bottom: 0px; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: justify; justify-content: space-between; } } @media screen and (min-width: 90em) { .layout__done__leftside { padding: 100px; padding-bottom: 0px; } } .layout__done__leftside h1 { letter-spacing: -1.35px; color: #1E225D; font: normal normal 800 25px/50px Lexend; } @media print, screen and (min-width: 64em) { .layout__done__leftside h1 { font: normal normal 900 45px/70px Lexend; } } .layout__done__leftside p { font-size: 16px; color: #1e225d; } @media print, screen and (min-width: 64em) { .layout__done__leftside p { font-size: 16px; } } .layout__done__leftside strong { font-size: 16px; color: #1e225d; } .layout__done__leftside ul li { font-size: 16px; color: #1e225d; } @media print, screen and (min-width: 64em) { .layout__done__leftside .bottompart { max-height: 70%; } } .layout__done__leftside .icon { filter: invert(9%) sepia(50%) saturate(4280%) hue-rotate(233deg) brightness(86%) contrast(92%); } .layout__done__leftside img.yougotthis { max-width: 300px; display: block; margin: 0 auto; margin-top: 30px; } @media print, screen and (min-width: 64em) { .layout__done__leftside img.yougotthis { max-width: 70%; max-height: 100%; } } .layout__done__leftside .maakaccountaan { border: 1px solid #1e225d; padding: 20px; border-radius: 12px; } .layout__done__leftside .maakaccountaan ul { list-style-type: none; margin-left: 0; } .layout__done__leftside .maakaccountaan ul li svg path { fill: #1e225d; } .layout__done__rightside { -ms-flex-preferred-size: 100%; flex-basis: 100%; padding: 0px 20px; } @media print, screen and (min-width: 64em) { .layout__done__rightside { -ms-flex-preferred-size: 50%; flex-basis: 50%; padding-top: 175px; } } @media screen and (min-width: 90em) { .layout__done__rightside { padding: 0px 100px; padding-top: 150px; } } .layout__done__rightside .checkout__receipt__container { position: relative; } .layout__done__rightside .checkout__receipt__container .checkout__receipt { box-shadow: 0px 15px 40px rgba(42, 62, 82, 0.152); padding: 35px; } @media print, screen and (min-width: 64em) { .layout__done__rightside .checkout__receipt__container .checkout__receipt { padding: 35px; max-height: 50vh; } } .layout__done__rightside .checkout__receipt__container::after { content: "CF"; font-family: 'Lexend', sans-serif; font-display: fallback; color: #00C4C2; font-size: 300px; font-weight: 900; display: block; margin-top: 50px; line-height: 1; letter-spacing: -40px; text-align: center; margin-left: -30px; } @media print, screen and (min-width: 64em) { .layout__done__rightside .checkout__receipt__container::before { content: "C"; font-family: 'Lexend', sans-serif; font-display: fallback; color: #00C4C2; font-size: 600px; position: absolute; font-weight: 900; top: -500px; left: -120px; z-index: -1; } .layout__done__rightside .checkout__receipt__container::after { content: "F"; font-family: 'Lexend', sans-serif; font-display: fallback; color: #00C4C2; font-size: 600px; position: absolute; bottom: -280px; right: -80px; font-weight: 900; z-index: -1; } } .desktop_layout_checkout { display: grid; grid-template-columns: 5fr 6fr; height: 100vh; max-height: 100vh; } .desktop_layout_checkout__sidebar { background-color: #F8F8FA; overflow: scroll; } .desktop_layout_checkout__sidebar__div { padding: 0px 40px; height: 100%; } .desktop_layout_checkout__sidebar__div .logo-section { width: 100%; display: -ms-flexbox; display: flex; margin-bottom: 50px; padding-top: 30px; -ms-flex-pack: justify; justify-content: space-between; gap: 35px; } .desktop_layout_checkout__sidebar__div .logo-section img.icon { width: 25px; margin-bottom: 25px; filter: invert(9%) sepia(50%) saturate(4280%) hue-rotate(233deg) brightness(86%) contrast(92%); } .desktop_layout_checkout__sidebar__div .logo-section img.logo { min-width: 180px; width: 180px; } .desktop_layout_checkout__sidebar__div .logo-section .leftpart { margin-left: -25px; } .desktop_layout_checkout__sidebar__div .logo-section .leftpart a { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 20px; } .desktop_layout_checkout__sidebar__div .logo-section .rightpart { font-size: 0.9375rem; color: #1e225d; max-width: 250px; } .desktop_layout_checkout__sidebar__div .logo-section .rightpart img { width: 15px; filter: invert(9%) sepia(50%) saturate(4280%) hue-rotate(233deg) brightness(86%) contrast(92%); } .desktop_layout_checkout__sidebar__div .content { height: 80%; display: grid; } @media only screen and (max-height: 750px) { .desktop_layout_checkout__sidebar__div .content { height: 50%; } } @media screen and (min-width: 90em) { .desktop_layout_checkout__sidebar__div .content { padding: 0px 20px; } } .desktop_layout_checkout__main { height: 100%; overflow: scroll; } .desktop_layout_checkout__main__top { overflow: scroll; height: 85%; padding-bottom: 30px; } @media print, screen and (min-width: 64em) { .desktop_layout_checkout__main__top { padding-bottom: 90px; } } .desktop_layout_checkout__main__top .callout.alert { border-radius: 0; box-shadow: none; padding: 7px 15px; border: none; } .desktop_layout_checkout__main__bottom { height: 15%; position: relative; padding-bottom: 85px; } @media print, screen and (min-width: 64em) { .desktop_layout_checkout__main__bottom { padding-bottom: 0px; } .desktop_layout_checkout__main__bottom::before { content: ""; position: absolute; width: 100%; height: 90px; background: transparent linear-gradient(180deg, #FFFFFF00 0%, #FFFFFF 100%) 0% 0% no-repeat padding-box; margin-top: -90px; pointer-events: none; } } .offcanvasboeking { background-color: white; padding: 20px 25px; width: 320px; z-index: 9999 !important; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2) !important; } .offcanvasboeking__topnav { height: 20px; width: 100%; padding: 0; margin-top: 3vh; } .offcanvasboeking__topnav__closebutton { float: right; cursor: pointer; } .cancellation-select { pointer-events: none; } .checkout__paymentmethods { -ms-flex-item-align: end; align-self: end; padding-bottom: 15px; padding-top: 15px; } .checkout__paymentmethods__title { font: normal normal medium 17px/30px Lexend; font-family: 'Lexend', sans-serif; font-display: fallback; font-weight: medium; color: #1e225d; margin-bottom: 10px; } .checkout__paymentmethods__items { display: -ms-flexbox; display: flex; gap: 10px; } .checkout__paymentmethods__items > div { border: 1px solid #DDDDDD; border-radius: 8px; background: transparent; padding: 6px; min-width: 60px; min-height: 60px; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-line-pack: center; align-content: center; -ms-flex-direction: column; flex-direction: column; } @media print, screen and (min-width: 64em) { .checkout__paymentmethods__items > div { padding: 13px; min-width: 80px; min-height: 80px; } } .checkout__paymentmethods__items > div img { display: block; margin-left: auto; margin-right: auto; max-width: 54px; } .checkout__paymentmethods__items > div.withlegenda { padding: 6px; } @media print, screen and (min-width: 64em) { .checkout__paymentmethods__items > div.withlegenda { padding: 13px 8px; } } .checkout__paymentmethods__items > div.withlegenda img { margin-bottom: 4px; width: 30px; } @media print, screen and (min-width: 64em) { .checkout__paymentmethods__items > div.withlegenda img { margin-bottom: 9px; } } .checkout__paymentmethods__items > div.withlegenda p { font-size: 10px; font-family: 'Lexend', sans-serif; font-display: fallback; text-align: center; margin-bottom: 0px; line-height: 1 !important; } @media print, screen and (min-width: 64em) { .checkout__paymentmethods__items > div.withlegenda p { font: normal normal normal 13px/32px Lexend; } } @media print, screen and (min-width: 64em) { .checkout__paymentmethods__choice { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 2%; } .checkout__paymentmethods__choice > div { -ms-flex-preferred-size: 48%; flex-basis: 48%; margin-bottom: 15px; } } .checkout__receipt { margin-bottom: 0px; } @media print, screen and (min-width: 64em) { .checkout__receipt { background: #FFFFFF 0% 0% no-repeat padding-box; box-shadow: 0px 15px 40px rgba(148, 148, 148, 0.909); box-shadow: 0px 15px 40px rgba(42, 62, 82, 0.152); border-radius: 12px; padding: 35px; min-height: 40vh; max-height: 60vh; overflow: scroll; height: 60vh; } } @media only screen and (max-height: 750px) { .checkout__receipt { height: 100%; } } @media only screen and (max-height: 480px) { .checkout__receipt { min-height: 5vh; } } @media screen and (min-width: 90em) { .checkout__receipt { padding: 45px; } } .checkout__receipt__notice { color: #1e225d; margin-bottom: 20px; } .checkout__receipt__divider { border: 1px solid #E9E9E9; margin-bottom: 20px; } .checkout__receipt__totals { margin-bottom: 35px; } @media screen and (min-width: 75em) { .checkout__receipt__totals { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: start; align-items: flex-start; margin-bottom: 0px; } } .checkout__receipt__totals__type { background: #FFF500 0% 0% no-repeat padding-box; border-radius: 100px; display: inline-block; padding: 4.5px 20.5px; font-family: 'Lexend', sans-serif; font-display: fallback; font-size: 0.9375rem; font-weight: 600; margin-bottom: 20px; } @media screen and (min-width: 75em) { .checkout__receipt__totals__type { margin-bottom: 0px; } } .checkout__receipt__totals__amounts__line { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; gap: 10px; color: #1e225d; } @media print, screen and (min-width: 64em) { .checkout__receipt__totals__amounts__line { -ms-flex-pack: end; justify-content: flex-end; } } .checkout__receipt__totals__amounts__line .description { font-size: 1.1rem; } .checkout__receipt__totals__amounts__line .description.lowercase { text-transform: lowercase; } @media print, screen and (min-width: 64em) { .checkout__receipt__totals__amounts__line .description { font-size: 0.95rem; text-align: right; } } .checkout__receipt__totals__amounts__line .price { font-size: 1.1rem; min-width: 85px; text-align: right; } .checkout__receipt__totals__amounts__line .price.bold { font-weight: bold; } .checkout__receipt__totals__amounts__line .price.strikethrough { text-decoration: line-through; } @media print, screen and (min-width: 64em) { .checkout__receipt__totals__amounts__line .price { min-width: 80px; font-size: 0.95rem; } } .checkout__receipt__totals__amounts__line.paymentmethodprice span { font-style: italic; } .checkout__receipt__lines { margin-top: 25px; } .checkout__receipt__line { margin-bottom: 20px; } .checkout__receipt__line__title { font: normal normal 800 20px/40px Lexend; font-family: 'Lexend', sans-serif; font-display: fallback; letter-spacing: -0.4px; color: #1E225C; border-bottom: 1px solid #E9E9E9; padding-bottom: 15px; line-height: 1.2; } .checkout__receipt__line__details { margin-top: 15px; } .checkout__receipt__line__details__row { color: #1e225d; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 15px; margin-bottom: 10px; } .checkout__receipt__line__details__row .icon img { width: 18px; filter: invert(9%) sepia(50%) saturate(4280%) hue-rotate(233deg) brightness(86%) contrast(92%); } .checkout__receipt__line__details__row .description { font-weight: 500; } .checkout__receipt__line__details__row .sublocation { color: #86868E; font-weight: 400; } .checkout__receipt__line__details__row .sublocation::before { content: "\2022"; color: #1e225d; padding-left: 5px; padding-right: 10px; } .checkout__receipt__line__extra { border-top: 1px solid #E9E9E9; margin-top: 15px; padding-top: 15px; } .checkout__notice { background: #F8F8FA 0% 0% no-repeat padding-box; border-radius: 2px; font-weight: 400; padding: 14px 20px; margin: 20px 0px; font-size: 1rem; color: #1e225d; display: -ms-flexbox; display: flex; gap: 10px; -ms-flex-align: center; align-items: center; } .checkout__notice.centered { text-align: center; } @media print, screen and (min-width: 64em) { .checkout__notice.centered { text-align: left; } } .checkout__notice .icon img { width: 20px; filter: invert(9%) sepia(50%) saturate(4280%) hue-rotate(233deg) brightness(86%) contrast(92%); } .checkout__notice__icon .good { filter: invert(48%) sepia(74%) saturate(433%) hue-rotate(81deg) brightness(94%) contrast(99%); } .checkout__notice__icon .warning { filter: invert(84%) sepia(26%) saturate(4194%) hue-rotate(354deg) brightness(101%) contrast(101%); } .checkout__notice--totals { padding: 14px 20px; } .checkout__legend { font: normal normal medium 15px/19px Lexend; letter-spacing: -0.15px; font-family: 'Lexend', sans-serif; font-display: fallback; font-weight: 500; margin-bottom: 10px; color: #1e225d; } .checkout__switchinformation { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 20px; margin-bottom: 20px; } @media screen and (min-width: 75em) { .checkout__switchinformation { margin-top: 40px; -ms-flex-wrap: nowrap; flex-wrap: nowrap; gap: 50px; } } .checkout__switchinformation .checkout__switch { -ms-flex-preferred-size: 100%; flex-basis: 100%; } @media screen and (min-width: 75em) { .checkout__switchinformation .checkout__switch { -ms-flex-preferred-size: 50%; flex-basis: 50%; } } .checkout__switchinformation .checkout__notice { -ms-flex-preferred-size: 100%; flex-basis: 100%; } @media screen and (min-width: 75em) { .checkout__switchinformation .checkout__notice { margin: 0px; -ms-flex-preferred-size: 64%; flex-basis: 64%; } } .checkout__switch__item { padding: 7px 30px; font-family: 'Lexend', sans-serif; font-display: fallback; font-weight: medium; color: #1e225d; transition: all 400ms; border: 1px solid #1e225d; border-radius: 8px; margin-bottom: 8px; text-align: center; } @media print, screen and (min-width: 64em) { .checkout__switch__item { border: none; text-align: left; } } .checkout__switch__item input { margin-bottom: 0px; transform: scale(1.3); margin-right: 12px; display: none; } @media print, screen and (min-width: 64em) { .checkout__switch__item input { display: inline; } } .checkout__switch__item.selected { background: #2D85DD 0% 0% no-repeat padding-box; border: 1px solid #2D85DD; border-radius: 8px; color: white; } .checkout__switch__item.selected:hover { background: #2D85DD 0% 0% no-repeat padding-box; } .checkout__switch__item:hover { cursor: pointer; background: #E9E9E9 0% 0% no-repeat padding-box; } .checkout__item { background: #FFFFFF 0% 0% no-repeat padding-box; border: 2px solid #E9E9E9; border-radius: 8px; box-sizing: border-box; padding: 20px 25px; position: relative; margin-bottom: 20px; transition: all 400ms; } .checkout__item.selected { box-shadow: 0px 3px 10px rgba(25, 50, 75, 0.2); border: 2px solid #1e225d; } .checkout__item:hover { cursor: pointer; } @media print, screen and (min-width: 64em) { .checkout__item:hover { box-shadow: 0px 3px 10px rgba(25, 50, 75, 0.2); border: 2px solid #1e225d; } } .checkout__item__selection { position: absolute; } .checkout__item__selection input { transform: scale(1.7); } .checkout__item__selection.left { left: 25px; top: 20px; } .checkout__item__selection.right { right: 25px; top: 20px; } .checkout__item__trash { position: absolute; right: 15px; top: 15px; } .checkout__item__information { padding-left: 43px; } .checkout__item__information .title { font: normal normal 400 16px/22px Poppins; color: #1e225d; text-align: left; } .checkout__item__information .text { margin-top: 10px; color: #1e225d; } .checkout__item__information .text .icon-list { list-style-type: none; margin: 0; padding: 0; } .checkout__item__information .text .icon-list li { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 11px; } .checkout__item__information .text .icon-list li img { filter: invert(15%) sepia(29%) saturate(3794%) hue-rotate(219deg) brightness(81%) contrast(98%); width: 16px; } .checkout__item__information .details { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; column-gap: 30px; row-gap: 10px; margin-top: 13px; color: #1e225d; } .checkout__item__information .details__item { display: inline-block; } .checkout__item__information .details__item__icon img { height: 13px; filter: invert(9%) sepia(50%) saturate(4280%) hue-rotate(233deg) brightness(86%) contrast(92%); } .checkout__item__information .details__item__text { font-size: 0.9375rem; font-family: 'Lexend', sans-serif; font-display: fallback; } .checkout__item__information .details__item--notice { margin: 0px; } .checkout__item__badge { position: absolute; background-image: linear-gradient(to top right, transparent 50%, #1e225d 50%); /* Creates a triangle effect */ width: 43px; height: 43px; } .checkout__item__badge.right { top: 0px; right: 0px; border-top-right-radius: 6px; text-align: right; } .checkout__item__badge.right img { margin-right: 7px; } .checkout__item__badge.premium { background-image: linear-gradient(to top right, transparent 50%, #ff9900 50%); /* Creates a triangle effect */ } .checkout__item__badge img { filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(111deg) brightness(104%) contrast(101%); width: 16px; height: 16px; } .checkout__item--training:hover { border: 2px solid #E9E9E9; box-shadow: none; cursor: default; } .checkout__item--training .checkout__item__information { padding-left: 0px; } .checkout__item--training .checkout__item__information .title { font: normal normal 800 18px/23px Lexend; letter-spacing: -0.18px; } .checkout__item--paymentmethod .checkout__item__information { padding-left: 0px; } .checkout__item--paymentmethod .checkout__item__information .title { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 15px; } .checkout__item--paymentmethod .checkout__item__information .title .icon img { width: 50px; max-height: 33px; object-fit: contain; } .checkout__item--paymentmethod .checkout__item__information .title .text { margin-top: 0px; } .checkout__subtitle { font: normal normal 800 20px/40px Lexend; letter-spacing: -0.4px; color: #1e225d; font-weight: 800; } .checkout__form { background: #FFFFFF 0% 0% no-repeat padding-box; border: 2px solid #E9E9E9; border-radius: 8px; padding: 20px 25px; margin-bottom: 30px; } .checkout__form .form-error { margin-top: 0px; } .checkout__form.selected { background: #F8F8FA 0% 0% no-repeat padding-box; } .checkout__form__header { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 20px; } .checkout__form__header__title { font: normal normal 800 20px/40px Lexend; letter-spacing: -0.4px; color: #1e225d; font-weight: 800; } .checkout__form__header__subselection { background: #FFFFFF 0% 0% no-repeat padding-box; border: 1px solid #CBCBCB; border-radius: 8px; padding: 10px 15px; } .checkout__form__row { display: -ms-flexbox; display: flex; gap: 20px; margin-bottom: 20px; } .checkout__form__row:last-of-type { margin-bottom: 0px; } .checkout__form__row > div { -ms-flex-positive: 1; flex-grow: 1; } .checkout__form__row__inner { display: -ms-flexbox; display: flex; gap: 20px; -ms-flex-align: start; align-items: flex-start; margin-top: 5px; } .checkout__form__row__inner label { margin-bottom: 0px; padding: 0px; } .checkout__form__row.nomargin { margin-bottom: 0px; } .checkout__form__row.margintop { margin-top: 20px; } .checkout__form input[type="radio"], .checkout__form input[type="checkbox"] { transform: scale(1.7); margin-bottom: 0px; margin-right: 22px; margin-left: 5px; } .checkout__form input[type="radio"] { margin-right: 12px; } .checkout__form input[type="text"], .checkout__form input[type="email"], .checkout__form input[type="tel"], .checkout__form input[type="date"], .checkout__form input[type="password"] { margin-bottom: 0px; border: 1px solid #CBCBCB; border-radius: 8px; padding: 7px 13px; padding: 16px 30px; font-size: 0.9375rem; height: unset; color: #1e225d; width: 100%; } .checkout__form input[type="text"]:-ms-input-placeholder, .checkout__form input[type="email"]:-ms-input-placeholder, .checkout__form input[type="tel"]:-ms-input-placeholder, .checkout__form input[type="date"]:-ms-input-placeholder, .checkout__form input[type="password"]:-ms-input-placeholder { color: #9798A2; } .checkout__form input[type="text"]::placeholder, .checkout__form input[type="email"]::placeholder, .checkout__form input[type="tel"]::placeholder, .checkout__form input[type="date"]::placeholder, .checkout__form input[type="password"]::placeholder { color: #9798A2; } .checkout__form label { font-weight: 600; color: #1e225d; } .site-switch { background: #dbdbdb; height: 25px; position: relative; } @media print, screen and (min-width: 40em) { .site-switch { height: 25px; } } .site-switch__list { margin: 0; padding: 0; } .site-switch__list li { float: left; margin: 0; padding: 0; } .site-switch__site { display: block; float: left; height: 25px; line-height: 25px; padding: 0 10px; font-weight: 300; color: #0a0a0a; font-size: 0.75rem; text-decoration: none; text-transform: uppercase; } @media print, screen and (min-width: 40em) { .site-switch__site { margin-top: 10px; padding: 0 20px; font-size: 0.8125rem; } } .site-switch__site:hover, .site-switch__site:focus { color: #1e225d; } .site-switch__site--active { color: #1e225d; /*background: #fff;*/ font-weight: bold; } @media print { .site-switch { visibility: hidden !important; } } /** Bovenste balk, mobile only */ .ui-autocomplete { z-index: 99999 !important; width: 200px; } .header--admin .header__mobile { padding-bottom: 10px; border-bottom: 10px solid #e3e5e7; background-color: #fff; } .header__mobile { box-shadow: 0px 3px 6px rgba(127, 139, 152, 0.16); background-color: #fff; } .header__mobile .container { padding: 7px 7px; } .header__mobile__firstrow { position: relative; } .header__mobile__middlesection { display: -ms-flexbox; display: flex; column-gap: 10px; } .header__topnav { position: relative; } .header__mobilenav { position: relative; } .header__logo-mobile { display: inline-block; width: 100%; max-width: 132px; } .header__logo-mobile img { width: 100%; max-width: 132px; top: 13px; position: relative; z-index: 10; } @media print, screen and (min-width: 40em) { .header__logo-mobile { height: 55px; } } .header__menu-button img { width: 24px !important; height: 24px !important; filter: invert(15%) sepia(11%) saturate(6183%) hue-rotate(209deg) brightness(96%) contrast(103%) !important; } .header__mobile-button { margin: 0; background: white; font-size: 1.5rem; color: white; border: 1px solid #999BBA; border-radius: 8px; position: initial; height: 36px; padding-left: 8px; padding-right: 8px; } @media print, screen and (min-width: 40em) { .header__mobile-button { padding-top: 8px; } } .header__mobile-button img { height: 20px; filter: invert(10%) sepia(24%) saturate(7500%) hue-rotate(229deg) brightness(96%) contrast(92%); z-index: 2; position: relative; } @media print, screen and (min-width: 40em) { .header__mobile-button img { height: 20px; vertical-align: top; } } .header__contents { background-color: #fff; position: relative; z-index: 400; } .header__contents > .row { background-color: #fff; box-shadow: 0px 3px 6px rgba(49, 77, 101, 0.16); padding: 12px 0px; } .header__contents > .row > .column:nth-child(1), .header__contents > .row > .columns:nth-child(1) { padding-right: 0px; } @media print { .header__contents > .row > .column:nth-child(1), .header__contents > .row > .columns:nth-child(1) { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } } .header__contents > .row > .column:nth-child(2), .header__contents > .row > .columns:nth-child(2) { padding-left: 0px; } @media print { .header__contents > .row > .column:nth-child(2), .header__contents > .row > .columns:nth-child(2) { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } } .header__logo-desktop { display: inline-block; width: 100%; margin: 0rem 0 0 0%; position: relative; } .header__logo-desktop img { height: auto; width: auto; max-width: 170px; margin-top: 0px; margin-bottom: 7px; position: absolute; top: -25px !important; } .header__search-mobile { margin: 0 0 0px; display: inline-block; width: 100%; } @media print { .header__search-mobile { display: none; } } .header__search-mobile .search-form { height: 36px; transition: all 400ms; } .header__search-mobile .search-form__input { border-radius: 40px; position: relative; font-size: 1rem; height: 36px; margin-bottom: 0px; z-index: 3; } .header__search-mobile .search-form__button { background: white; color: #1e225d; font-size: 18px; border-radius: 40px; width: 30px; height: 30px; z-index: 4; } .header__search-mobile .search-form__clear { position: absolute; right: 8px; top: 8px; width: 20px; height: 20px; color: #1e225d; z-index: 3; } .header__search-mobile .search-form__clear img { filter: invert(20%) sepia(9%) saturate(5499%) hue-rotate(194deg) brightness(95%) contrast(106%); } .header__search-desktop { min-width: 120px !important; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-negative: 1; flex-shrink: 1; max-width: 500px !important; margin-right: 15px; padding-top: 5px; position: relative; display: inline-block; } @media print { .header__search-desktop { display: none; } } .header__phone-desktop { color: #1e225d; font-weight: bold; margin: 62px 0 0 20px; float: left; text-decoration: none; } .header__phone-desktop:hover { color: #1e225d; } .header__phone-desktop .icon-phone { font-size: 105%; margin-right: 4px; position: relative; top: 2px; } .header__main-menu { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: end; justify-content: flex-end; } .header__cart-desktop { font-weight: 600; width: 40px; height: 40px; border-radius: 50%; margin-top: 0; position: relative; color: white; font-size: 0.9rem; padding: 4px 7px; border: 1px solid #1E225C; margin-left: 15px; margin-top: 5px; } .header__cart-desktop--filled { background: #1E225C; } .header__cart-desktop--filled .header__cart-button path { fill: white; transition: all 400ms; } .header__cart-desktop--filled:hover, .header__cart-desktop--filled:focus, .header__cart-desktop--filled:active { background: #1d2159; } .header__cart-desktop:hover, .header__cart-desktop:focus, .header__cart-desktop:active { color: white; background-color: #1E225C; transition: all 400ms; } .header__cart-desktop:hover .header__cart-button path, .header__cart-desktop:focus .header__cart-button path, .header__cart-desktop:active .header__cart-button path { fill: white; transition: all 400ms; } @media print { .header__cart-desktop { visibility: hidden !important; } } .header__cart-desktop.login { text-align: center; color: white; } .header__cart-quantity { font-size: 0.8rem; position: absolute; width: 25px; height: 25px; padding: 5px; padding-top: 1px; border-radius: 50%; background: #ff9900; border: 1px solid white; top: -8px; right: -5px; text-align: center; z-index: 2; color: white; } .header__cart-price { font-size: 80%; font-weight: bold; float: right; display: none; } .header__cart-button { display: block; font-weight: bold; text-transform: uppercase; text-align: center; z-index: 1; } .header__cart-button-icon { float: left; font-size: 160%; } .header__cart-button-icon svg path { fill: #1E225C; } .header__cart-button-icon.login { width: 100%; color: white; } @media print, screen and (min-width: 40em) { .header__cart-button-icon.login { line-height: 1.35; } } .header__cart-button-text { display: none; } .header__cart-button-chevron { font-family: 'Open Sans Condensed', sans-serif; font-display: fallback; font-size: 160%; line-height: 95%; float: right; display: none; } .search-open .mainmenu-desktop__menu a { /*transition: all 400ms; opacity:0.2;*/ } .header-sticky { transition: transform 0.4s; z-index: 40 !important; top: 0px !important; } .scroll-down .header-sticky { transform: translate3d(0, -100%, 0); } .scroll-up .header-sticky { transform: none; } .searchformmobileheader { font-size: 14px; font-weight: 500; border: 1px solid #999bba !important; } .searchformmobileheader:-ms-input-placeholder { color: #1e225d; opacity: 1; } .searchformmobileheader::placeholder { color: #1e225d; opacity: 1; } .cart-dropdown { box-shadow: 0px 15px 30px rgba(42, 62, 82, 0.098); border-radius: 8px; border: none; padding: 0px !important; } .cart-dropdown__menu__section { border-bottom: 1px solid #F0F0F0; padding: 10.5px 0; margin: 0 19px; } .cart-dropdown__menu__section ul { list-style-type: none; margin: 0px; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; } .cart-dropdown__menu__section ul li a { text-decoration: none; } .cart-dropdown__menu__section ul li a img { width: 20px; filter: invert(11%) sepia(81%) saturate(1819%) hue-rotate(223deg) brightness(89%) contrast(95%); } .cart-dropdown__menu__section ul li a:hover { text-decoration: underline; } .cart-dropdown__menu__section ul.logout { margin-top: 22px; } .cart-dropdown__menu__section ul.logout li a { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; column-gap: 10px; } .cart-dropdown__menu__section ul.logout li a svg { transform: scale(0.75); } .cart-dropdown__menu__section ul.logout li a svg path { fill: #1E225C; } .cart-dropdown__menu__section.header { font-weight: 500; font-family: 'Lexend', sans-serif; font-display: fallback; color: #1E225C; } .cart-dropdown__menu__section.bottom { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; padding: 40px 0 20px 0; } .cart-dropdown__menu__section.bottom .cf-button-cart { width: 100%; } .cart-dropdown__menu__section:first-of-type { border-bottom: none; padding: 22px 0; } .header__contents__account { height: 100px !important; } .header__contents__account .expanded { height: 100%; } .header__contents__account__logodiv { border-right: 1px solid #d6d6d6; border-bottom: 1px solid #d6d6d6; height: 100%; } .header__contents__account__logodiv #logo-desktop { display: -ms-flexbox; display: flex; width: 100%; height: 100%; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; } .header__contents__account__logodiv #logo-desktop #logo { position: initial; margin-bottom: 0px; } .header__contents__account__logodiv #logo-desktop svg { rotate: 180deg; filter: invert(17%) sepia(10%) saturate(6263%) hue-rotate(207deg) brightness(88%) contrast(104%); margin-right: 10px; } .header__contents__account__membership { border-left: 1px solid #d6d6d6; height: 100%; width: 100%; } .header__contents__account__membership__div { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; height: 100%; } .header__contents__account__membership__div__circle { background-image: linear-gradient(white, white), conic-gradient(#1c2663 0deg, #1c2663 240deg, #f8f8fa 240deg, #f8f8fa 360deg); height: 75px; width: 75px; background-repeat: no-repeat; border-image-slice: 1; background-origin: content-box, border-box, border-box, border-box, border-box; background-clip: content-box, border-box, border-box, border-box, border-box; border-radius: 50%; border: 10px solid transparent; } .header__contents__account__membership__div__tekst p { margin-bottom: 0; } @media screen and (max-width: 769px) { ul.ui-autocomplete { width: 95%; left: 2.5% !important; } } ul.ui-autocomplete.ui-widget.ui-widget-content { padding: 10px 20px; box-shadow: 0px 15px 40px rgba(42, 62, 82, 0.129); border-radius: 8px; border: none; } .search-form { position: relative; height: 40px; right: 0; width: 100%; transition: all 400ms; } .search-form__input { font-weight: regular; left: 0; top: 0; font-family: 'Poppins', sans-serif; font-display: fallback; width: 100%; background: white; border: 1px solid #1E225C; color: #1E225C; border-radius: 40px; box-shadow: none; padding-left: 40px; font-size: 0.8rem; height: 40px; transition: all 400ms; } .search-form__input:focus { border: 1px solid #1E225C !important; box-shadow: none; } .search-form__input:-ms-input-placeholder { color: #1e225d; } .search-form__input::placeholder { color: #1e225d; } .search-form__placeholder { color: #1e225d; position: absolute; left: 0; top: 0; height: 40px; line-height: 40px; padding-left: 15px; } @media screen and (max-width: 39.9375em) { .search-form__placeholder { width: 85%; text-align: center; } } .search-form__placeholder strong { font-weight: inherit; } @media print, screen and (min-width: 40em) { .search-form__placeholder strong { color: #1e225d; } } .search-form__button { position: absolute; left: 3px; top: 2.5px; width: 35px; height: 35px; color: #1e225d; } .search-form__button img { width: 15px !important; height: 15px !important; filter: invert(7%) sepia(36%) saturate(6641%) hue-rotate(235deg) brightness(99%) contrast(91%) !important; } .search-form__clear { position: absolute; right: 3px; top: 2.5px; width: 35px; height: 35px; color: #1e225d; } .search-form__clear img { filter: invert(20%) sepia(9%) saturate(5499%) hue-rotate(194deg) brightness(95%) contrast(106%); } .search-form__autocomplete__subtitle { color: #1E225C; font-size: 0.875rem; margin-bottom: 10px; font-family: 'Lexend', sans-serif; font-display: fallback; } .search-form__autocomplete__suggestion .type { display: inline-block; margin-left: 12px; color: rgba(30, 34, 92, 0.501); font-size: 0.9375rem; } .search-form__autocomplete__suggestion .type:before { content: "\2022"; margin-right: 10px; color: #1E225C; } .search-form__autocomplete__suggestion .ui-menu-item-wrapper { transition: background-color 400ms; border: none; } .search-form__autocomplete__suggestion .ui-menu-item-wrapper.ui-state-active { background-color: #F7F7F7; border: 1px solid #F7F7F7; border-radius: 4px; } .search-form__autocomplete__suggestion .ui-menu-item-wrapper.ui-state-active .title { color: #1e225d; } .search-form__autocomplete__suggestion:hover .ui-menu-item-wrapper, .search-form__autocomplete__suggestion:active .ui-menu-item-wrapper { background-color: #F7F7F7; border: 1px solid #F7F7F7; border-radius: 4px; } .search-form__autocomplete__suggestion:hover .title, .search-form__autocomplete__suggestion:active .title { color: #1e225d; } .search-form__autocomplete__button { border-top: 1px solid #F0F0F0; padding-top: 10px; margin-top: 10px; color: inherit !important; } .search-form__autocomplete__button a, .search-form__autocomplete__button button { color: inherit !important; width: 100% !important; display: -ms-inline-flexbox !important; display: inline-flex !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } .search-form--start { height: inherit; } .search-form--start .search-form__input { height: 41px; padding-left: 20px; position: relative; width: 100%; border: 0px solid #ff9900; border-radius: 5px; display: inline-block; margin: 0; } @media screen and (max-width: 39.9375em) { .search-form--start .search-form__input { display: block; margin-bottom: 15px; } } @media print, screen and (min-width: 40em) { .search-form--start .search-form__input { margin-bottom: 15px; } } @media print, screen and (min-width: 64em) { .search-form--start .search-form__input { width: 75%; margin-bottom: 0px; } } .search-form--start .search-form__placeholder { height: 40px; font-weight: 400; font-style: italic; line-height: 40px; padding-left: 20px; } @media screen and (max-width: 39.9375em) { .search-form--start .search-form__placeholder { display: none; } } .search-form--start .search-form__submitbutton { display: inline-block; width: 100%; } .search-form--start .search-form__submitbutton .cf-button__text { margin: -2px 15px 0 15px; } @media print, screen and (min-width: 64em) { .search-form--start .search-form__submitbutton { width: 24%; } } .search-form--start .search-form__button { display: none; } .mainmenu-mobile { position: absolute; top: 0; left: 0; width: 100%; background: #fff; border-bottom: 1px solid #e3e5e7; box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1); padding: 0 0 15px; z-index: 9999999; font-family: 'Lexend', sans-serif; font-display: fallback; } .no-js .mainmenu-mobile { display: none; } .mainmenu-desktop { z-index: 1; display: inline-block; } .mainmenu-desktop .menu { width: auto; } @media print { .mainmenu-desktop { display: none !important; } } .mainmenu-desktop__menu-item { cursor: pointer; -webkit-appearance: none; transition: background-color 0.25s ease-out, color 0.25s ease-out; vertical-align: middle; float: left; height: 50px; font-weight: 400; } [data-whatinput='mouse'] .mainmenu-desktop__menu-item { outline: 0; } @media screen and (min-width: 65.625em) { .mainmenu-desktop__menu-item { font-size: 14px; } } @media screen and (min-width: 81.25em) { .mainmenu-desktop__menu-item { font-size: 15px; } } .mainmenu-desktop__menu-item img { width: 15px; height: 15px; object-fit: contain; filter: invert(12%) sepia(43%) saturate(3297%) hue-rotate(224deg) brightness(85%) contrast(95%); margin-left: 5px; } .mainmenu-desktop__menu-item svg { position: relative; top: -0.125rem; transform: scale(0.55); margin-left: 5px; } .mainmenu-desktop__menu-item:hover { text-decoration: underline; } .mainmenu-desktop__menu-item a { text-decoration: none; color: #1E225C; font-family: 'Lexend', sans-serif; font-display: fallback; } .mainmenu-desktop__menu-item--trainingen { font-weight: 400; } .mainmenu-desktop__menu-item--aanbiedingen { font-weight: 400; } .mainmenu-desktop .menu > li > a { padding: 0.9rem 0.35rem; line-height: 1.5; -ms-flex-align: center; align-items: center; } @media screen and (min-width: 81.25em) { .mainmenu-desktop .menu > li > a { padding: 0.9rem 0.7rem; } } .submenu-mobile { position: absolute; top: 0; left: 0; width: 100%; background: #fff; border-bottom: 1px solid #e3e5e7; box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1); padding: 0 0 15px; z-index: 9999999; } .no-js .mainmenu-mobile { display: none; } .submenu-desktop { z-index: 1; display: -ms-flexbox; display: flex; padding: 12px 0px; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center; } .submenu-desktop__back { color: #505050; text-decoration: none; } .submenu-desktop__back svg { margin-right: 10px; width: 12px !important; height: 12px !important; } .submenu-desktop__back svg path { fill: #505050; } .submenu-desktop__back:hover { text-decoration: underline; } .submenu-desktop .menu { width: auto; } .submenu-desktop .menu > .menu-item { cursor: pointer; -webkit-appearance: none; transition: background-color 0.25s ease-out, color 0.25s ease-out; vertical-align: middle; float: left; font-weight: 500; margin-bottom: 0px; margin-right: 10px; /*a::after{ content:" "; border-top:1px solid rgba(30,34,92,0.513); position:absolute; width:10px; height:1px; right:-11px; top:50%; }*/ /*11-10-2021*/ /*&.data-inschrijven a:hover,&.data-inschrijven a.active{ border: 1px solid $color-blue; color: #fff !important; background: $color-blue; &::before{ background-color:white; } }*/ /*11-10-2021*/ } [data-whatinput='mouse'] .submenu-desktop .menu > .menu-item { outline: 0; } .submenu-desktop .menu > .menu-item:last-of-type { margin-right: 0px; } .submenu-desktop .menu > .menu-item:last-of-type a::after { display: none; } @media screen and (min-width: 65.625em) { .submenu-desktop .menu > .menu-item { font-size: 0.9rem; } } @media print, screen and (min-width: 64em) { .submenu-desktop .menu > .menu-item { font-size: 1rem; } } .submenu-desktop .menu > .menu-item svg { position: relative; top: -0.125rem; transform: scale(0.65); margin-left: 5px; } .submenu-desktop .menu > .menu-item a { text-decoration: none; padding: 8px 18px; color: #1E225C; font-size: 15px; position: relative; padding-bottom: 20px; font-family: 'Lexend', sans-serif; } .submenu-desktop .menu > .menu-item a.active, .submenu-desktop .menu > .menu-item a:hover { border-bottom: 2px solid #1E225C; font-weight: 500; font-size: 15px; transition: all 400ms; } .submenu-desktop .menu > .menu-item a.cf-button--orange-flat { text-decoration: none; color: white; font-weight: 500; } .submenu-desktop .menu > .menu-item a.cf-button--orange-flat:hover { text-decoration: none; } .submenu-desktop .menu > .menu-item--trainingen { font-weight: 500; } .submenu-desktop .menu > .menu-item--aanbiedingen { font-weight: 500; } .submenu-desktop .menu > .menu-item.data-inschrijven a { opacity: 1; color: #1E225C; transition: all .4s ease; display: -ms-flexbox; display: flex; font-family: 'Lexend', sans-serif; font-size: 15px; /*&::after{ display:none; }*/ } .submenu-desktop .menu > .menu-item.data-inschrijven a::before { display: inline-block; width: 22px; height: 18px; margin-right: 5px; content: ""; background-color: #1E225C; -webkit-mask: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMTAuMTQ5IDcuMzgxYy0xLjQ4Mi0uMDA4LTMuMzQzLjc5NS00Ljc2MyAyLjIxNC0uNTQxLjU0MS0xLjAxOSAxLjE3My0xLjM4NiAxLjg4MiAxLjI4MS0uOTY5IDIuNjQ3LTEuMjczIDQuMjQ3LS4zNzUuNDcxLTEuMjQ1IDEuMDk5LTIuNTEyIDEuOTAyLTMuNzIxem04LjQ3NyA4LjQ2MWMtMS4zMTMuODU4LTIuNjA0IDEuNDc4LTMuNzIzIDEuOTE0Ljg5NyAxLjYuNTk0IDIuOTY0LS4zNzYgNC4yNDQuNzEyLS4zNjcgMS4zNDMtLjg0NCAxLjg4NC0xLjM4NiAxLjQyNS0xLjQyMyAyLjIyOS0zLjI4OCAyLjIxNS00Ljc3MnptNS4zMjktMTMuODA1Yy0uMzU3LS4wMjUtLjcwNy0uMDM3LTEuMDUxLS4wMzctNy40NTEgMC0xMS42OTIgNS42NzgtMTMuMjM1IDEwLjI0NWw0LjA5NSA0LjA5NGM0LjcwMi0xLjY4NSAxMC4yMzYtNS43NjcgMTAuMjM2LTEzLjEzNiAwLS4zOC0uMDE1LS43NjgtLjA0NS0xLjE2NnptLTguNTY1IDguNTc5Yy0uMzM5LS4zMzgtLjMzOS0uODg2IDAtMS4yMjQuMzM4LS4zMzguODg2LS4zMzggMS4yMjQgMCAuMzM5LjMzOC4zMzkuODg2IDAgMS4yMjQtLjMzOS4zMzktLjg4Ni4zMzktMS4yMjQgMHptMi40NDktMi40NDhjLS42NzctLjY3Ni0uNjc3LTEuNzcyIDAtMi40NDlzMS43NzMtLjY3NiAyLjQ0OSAwYy42NzcuNjc2LjY3NyAxLjc3MiAwIDIuNDQ5LS42NzYuNjc2LTEuNzcyLjY3Ni0yLjQ0OSAwem0tNi4wODkgOC43MjNjLTEuNDY5IDEuNzk3LTMuODEyIDMuMDg0LTYuMTI2IDMuMDg0LTMuMiAwLTUuNjI0LTIuMzU0LTUuNjI0LTUuMzExIDAtMS40ODUuNjExLTMuMTIyIDIuMDQzLTQuNjg5LTMuMjAxIDUuMTM3IDEuNTMyIDkuODMxIDcuMTAxIDQuMzFsLjc2NS43NjVjLS45MSAxLjA2MS0xLjg0IDEuOC0zLjE0OSAyLjQ2MSAxLjM0NC4wNTcgMy4wNDktLjU2OCA0LjE5NS0xLjQxNmwuNzk1Ljc5NnoiLz48L3N2Zz4=") no-repeat 0 0; mask: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMTAuMTQ5IDcuMzgxYy0xLjQ4Mi0uMDA4LTMuMzQzLjc5NS00Ljc2MyAyLjIxNC0uNTQxLjU0MS0xLjAxOSAxLjE3My0xLjM4NiAxLjg4MiAxLjI4MS0uOTY5IDIuNjQ3LTEuMjczIDQuMjQ3LS4zNzUuNDcxLTEuMjQ1IDEuMDk5LTIuNTEyIDEuOTAyLTMuNzIxem04LjQ3NyA4LjQ2MWMtMS4zMTMuODU4LTIuNjA0IDEuNDc4LTMuNzIzIDEuOTE0Ljg5NyAxLjYuNTk0IDIuOTY0LS4zNzYgNC4yNDQuNzEyLS4zNjcgMS4zNDMtLjg0NCAxLjg4NC0xLjM4NiAxLjQyNS0xLjQyMyAyLjIyOS0zLjI4OCAyLjIxNS00Ljc3MnptNS4zMjktMTMuODA1Yy0uMzU3LS4wMjUtLjcwNy0uMDM3LTEuMDUxLS4wMzctNy40NTEgMC0xMS42OTIgNS42NzgtMTMuMjM1IDEwLjI0NWw0LjA5NSA0LjA5NGM0LjcwMi0xLjY4NSAxMC4yMzYtNS43NjcgMTAuMjM2LTEzLjEzNiAwLS4zOC0uMDE1LS43NjgtLjA0NS0xLjE2NnptLTguNTY1IDguNTc5Yy0uMzM5LS4zMzgtLjMzOS0uODg2IDAtMS4yMjQuMzM4LS4zMzguODg2LS4zMzggMS4yMjQgMCAuMzM5LjMzOC4zMzkuODg2IDAgMS4yMjQtLjMzOS4zMzktLjg4Ni4zMzktMS4yMjQgMHptMi40NDktMi40NDhjLS42NzctLjY3Ni0uNjc3LTEuNzcyIDAtMi40NDlzMS43NzMtLjY3NiAyLjQ0OSAwYy42NzcuNjc2LjY3NyAxLjc3MiAwIDIuNDQ5LS42NzYuNjc2LTEuNzcyLjY3Ni0yLjQ0OSAwem0tNi4wODkgOC43MjNjLTEuNDY5IDEuNzk3LTMuODEyIDMuMDg0LTYuMTI2IDMuMDg0LTMuMiAwLTUuNjI0LTIuMzU0LTUuNjI0LTUuMzExIDAtMS40ODUuNjExLTMuMTIyIDIuMDQzLTQuNjg5LTMuMjAxIDUuMTM3IDEuNTMyIDkuODMxIDcuMTAxIDQuMzFsLjc2NS43NjVjLS45MSAxLjA2MS0xLjg0IDEuOC0zLjE0OSAyLjQ2MSAxLjM0NC4wNTcgMy4wNDktLjU2OCA0LjE5NS0xLjQxNmwuNzk1Ljc5NnoiLz48L3N2Zz4=") no-repeat 0 0; -webkit-mask-size: cover; mask-size: cover; position: relative; } .submenu-desktop .menu > .menu-item.download-brochure a { background-color: #FF9900; border-radius: 8px; opacity: 1; padding: 13px 16px !important; color: #fff !important; font-weight: 400; transition: all .4s ease; font-weight: 700; display: -ms-flexbox; display: flex; border: 1px solid #ff9900; display: flex; margin-bottom: 10px; } .submenu-desktop .menu > .menu-item.download-brochure a::before { display: inline-block; width: 15px; height: 15px; margin-right: 5px; content: ""; background-color: #fff; -webkit-mask: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMjIgMGgtMTdjLTEuNjU3IDAtMyAxLjM0My0zIDN2MThjMCAxLjY1NyAxLjM0MyAzIDMgM2gxN3YtMjBoLTR2OGwtMi0yLTIgMnYtOGgtOC41MDVjLTEuMzc1IDAtMS4zNzUtMiAwLTJoMTYuNTA1di0yeiIvPjwvc3ZnPg==") no-repeat 0 0; mask: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMjIgMGgtMTdjLTEuNjU3IDAtMyAxLjM0My0zIDN2MThjMCAxLjY1NyAxLjM0MyAzIDMgM2gxN3YtMjBoLTR2OGwtMi0yLTIgMnYtOGgtOC41MDVjLTEuMzc1IDAtMS4zNzUtMiAwLTJoMTYuNTA1di0yeiIvPjwvc3ZnPg==") no-repeat 0 0; -webkit-mask-size: cover; mask-size: cover; position: relative; } .submenu-desktop .menu > .menu-item.download-brochure a::after { display: none; } .submenu-desktop .menu > .menu-item.download-brochure a:hover { border: 1px solid #ff9900; color: #FF9900 !important; background: transparent; } .submenu-desktop .menu > .menu-item.download-brochure a:hover::before { background-color: #ff9900; } @media print { .submenu-desktop { display: none !important; } } .submenu-desktop .menu > li > a { padding: 0.9rem 0.9rem; } .overons-dropdown, .incompany-dropdown, .opleidingen-dropdown, .events-dropdown, .stap-dropdown, .vakgebieden-dropdown { font-family: 'Poppins', sans-serif; font-display: fallback; z-index: 99999; padding: 0px; box-shadow: 0px 15px 30px rgba(42, 62, 82, 0.098); border-radius: 8px; border: none; } .overons-dropdown__menu, .incompany-dropdown__menu, .opleidingen-dropdown__menu, .events-dropdown__menu, .stap-dropdown__menu, .vakgebieden-dropdown__menu { padding-top: 5px; padding-bottom: 40px; } .overons-dropdown__menu ul, .incompany-dropdown__menu ul, .opleidingen-dropdown__menu ul, .events-dropdown__menu ul, .stap-dropdown__menu ul, .vakgebieden-dropdown__menu ul { list-style-type: none; margin: 0; } .overons-dropdown__menu ul li a, .incompany-dropdown__menu ul li a, .opleidingen-dropdown__menu ul li a, .events-dropdown__menu ul li a, .stap-dropdown__menu ul li a, .vakgebieden-dropdown__menu ul li a { text-decoration: none; font-size: 0.95rem; } .overons-dropdown__menu ul li a:hover, .incompany-dropdown__menu ul li a:hover, .opleidingen-dropdown__menu ul li a:hover, .events-dropdown__menu ul li a:hover, .stap-dropdown__menu ul li a:hover, .vakgebieden-dropdown__menu ul li a:hover { text-decoration: underline; } .overons-dropdown__menu, .incompany-dropdown__menu, .events-dropdown__menu, .stap-dropdown__menu, .vakgebieden-dropdown__menu { padding-top: 5px; padding-bottom: 10px; padding-left: 10px; } .opleidingen-dropdown { width: 100vw !important; z-index: 300; padding-top: 40px; padding-bottom: 0px; border-radius: 8px; box-shadow: 0px 15px 40px rgba(42, 62, 82, 0.129); border: none; } .opleidingen-dropdown > .row:first-of-type { column-gap: 40px; max-width: 95%; -ms-flex-pack: justify; justify-content: space-between; } .opleidingen-dropdown__section { padding: 0px; } .opleidingen-dropdown__section.trainingen { max-width: 70%; } .opleidingen-dropdown__section.trainingen > .row { gap: 25px; -ms-flex-pack: justify; justify-content: space-between; } .opleidingen-dropdown__section.trainingen .opleidingen-dropdown__section__header { margin-bottom: 30px; } .opleidingen-dropdown__section.trainingen .opleidingen-dropdown__section__header > div { min-width: 160px; } .opleidingen-dropdown__section__header { margin-bottom: 20px; display: -ms-flexbox; display: flex; column-gap: 17px; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; } .opleidingen-dropdown__section__header div { font-size: 1rem; font-family: 'Lexend', sans-serif; font-display: fallback; font-weight: 600; color: #1E225C; -ms-flex-positive: 2; flex-grow: 2; } .opleidingen-dropdown__section__header:after { content: ''; width: 100%; height: 1px; background: #1E225C; } .opleidingen-dropdown__callout { display: inline-block; border-radius: 12px; min-height: 225px; padding: 20px; text-decoration: none; margin-bottom: 15px; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: justify; justify-content: space-between; } .opleidingen-dropdown__callout__top { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; column-gap: 5px; } .opleidingen-dropdown__callout__bottom { text-align: center; } .opleidingen-dropdown__callout__bottom img { margin-bottom: -20px; max-height: 123px; } .opleidingen-dropdown__callout__text__title { display: block; font-family: 'Lexend', sans-serif; font-display: fallback; font-size: 1.125rem; font-weight: 800; margin-bottom: 2px; } .opleidingen-dropdown__callout__text__subtitle { display: block; font-size: 0.9375rem; font-weight: 400; } .opleidingen-dropdown__callout__button { min-width: 32px; } .opleidingen-dropdown__callout__button .training-grid-block__action { transition: none; } .opleidingen-dropdown__callout.advies { background-color: #9ED18C; } .opleidingen-dropdown__callout.trainingen { background-color: #FCB84C; min-height: unset; } .opleidingen-dropdown__callout.aiproof { background-color: #C087E3; min-height: unset; } .opleidingen-dropdown__callout.test { background-color: #00C4C2; min-height: unset; } .opleidingen-dropdown__column { max-width: 30%; padding: 0px; } .opleidingen-dropdown__title { font-family: 'Lexend', sans-serif; font-display: fallback; font-size: 1rem; font-weight: 700; color: #1E225C; padding-bottom: 5px; border-bottom: 1px solid #D6D6D6; } .opleidingen-dropdown__title a { text-decoration: none; transition: color 400ms; } .opleidingen-dropdown__title a img { height: 12px; margin-left: 5px; transition: filter 400ms; } .opleidingen-dropdown__title a:hover { color: #ff9900; } .opleidingen-dropdown__title a:hover img { filter: invert(53%) sepia(77%) saturate(647%) hue-rotate(358deg) brightness(102%) contrast(108%); } .opleidingen-dropdown__menu { color: #1E225C; } .topnav-mobile { position: absolute; top: 0; left: 0; width: 100%; background: #fff; border-bottom: 1px solid #e3e5e7; box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1); padding: 0 0 15px; z-index: 9999999; } .no-js .topnav-mobile { display: none; } .topnav-desktop { position: relative; z-index: 1; width: 100%; height: 35px; /*background: linear-gradient( to right, $top-menu-color-dark 0%, $top-menu-color-dark 50%, $top-menu-color-light 50%, $top-menu-color-light 100% );*/ } .topnav-desktop .menu { -ms-flex-pack: end; justify-content: flex-end; width: auto; } @media print { .topnav-desktop { display: none !important; } } .topnav-desktop__menu-item { cursor: pointer; -webkit-appearance: none; transition: background-color 0.25s ease-out, color 0.25s ease-out; vertical-align: middle; float: right; height: 35px; font-size: 0.9rem; background: #1e225d; font-weight: 500; } [data-whatinput='mouse'] .topnav-desktop__menu-item { outline: 0; } .topnav-desktop__menu-item:hover { background: #5992d2; } .topnav-desktop__menu-item a { text-decoration: none; color: #fff; } .topnav-desktop__menu-item:last-of-type { border-left: 1px dashed white; } .topnav-desktop .menu > li > a { padding: 0.6rem 0.9rem; } .mobile-nav { position: relative; z-index: 1; width: 100%; height: 40px; /*background: linear-gradient( to right, $top-menu-color-dark 0%, $top-menu-color-dark 50%, $top-menu-color-light 50%, $top-menu-color-light 100% );*/ } @media print, screen and (min-width: 40em) { .mobile-nav { height: inherit; } } .mobile-nav .menu { -ms-flex-pack: center; justify-content: center; width: auto; } @media print { .mobile-nav { display: none !important; } } .mobile-nav__menu-item { cursor: pointer; -webkit-appearance: none; transition: background-color 0.25s ease-out, color 0.25s ease-out; vertical-align: middle; float: right; font-size: 1.1rem; background: white; font-weight: 600; } [data-whatinput='mouse'] .mobile-nav__menu-item { outline: 0; } .mobile-nav__menu-item:hover { text-decoration: underline; } .mobile-nav__menu-item a { text-decoration: none; color: #0a0a0a; font-family: 'Lexend', sans-serif; font-display: fallback; } .mobile-nav .menu > li > a { padding: 0.9rem 0.9rem; } .training-nav { position: relative; z-index: 999; height: 0; display: none; } .training-nav__subsite-link { font-size: 13px; font-weight: bold; padding: 10px 12px 10px 10px !important; } .training-nav__subsite-link:hover { padding: 10px 12px 10px 10px !important; } .training-nav__subsite-link--business-school { color: #1b2a68; } .training-nav__subsite-link--business-school:hover { color: #09355c; } .training-nav__subsite-link--factory { color: #403d54; } .training-nav__subsite-link--factory:hover { color: #232130; } .training-nav__menu-container { position: absolute; top: 0; left: 0; background: white; height: 625px; width: 100%; overflow: auto; box-shadow: 0 15px 15px rgba(0, 0, 0, 0.2); } .training-nav__categories-container { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .training-nav__categories { width: 221px; min-width: 221px; } .training-nav__categories ul > li > .training-nav__category-topmargin { display: block; border-left: 1px solid #e3e5e7; border-right: 1px solid #e3e5e7; background: white; height: 12px; } .training-nav__categories ul > li > a { text-decoration: none; font-size: 1rem; border-left: 1px solid #e3e5e7; border-right: 1px solid #e3e5e7; background: white; padding: 10px 12px 10px 10px; } .training-nav__categories ul > li > a:hover { padding: 10px 2px 10px 8px; font-weight: bold; } .training-nav__categories ul > li > a.active { border-top: 1px solid #e3e5e7; border-bottom: 1px solid #e3e5e7; border-right: none; padding: 9px 3px 9px 8px; font-weight: bold; } .training-nav__subnav { padding: 1.2rem 1.5rem; width: 100%; height: 625px; } .training-nav__cat-name { width: 100%; color: #1e225d; font-weight: 500; font-size: 1.625rem; margin: 0 0 1rem; } .training-nav__subcat-name { color: #1e225d; font-size: 1rem; font-weight: 800; margin: 0 0 0.5rem; } .training-nav__subcat-name a { color: inherit; text-decoration: none; } .training-nav__subcat-name a:hover { color: inherit; text-decoration: none; } .training-nav__trainings { margin: 0 0 2rem; font-size: 0.875rem; } .training-nav__trainings > li > a { padding: 0; margin: 0; text-decoration: none; line-height: 1.6; } .training-nav__trainings > li > a:hover { text-decoration: underline; } .training-nav__trainings > li > a.training-nav__subcat-page { margin-top: 4px; font-weight: 800; } #offCanvasMobileMenu { margin: 0; padding: 0; } #offCanvasMobileMenu .OffcanvasUsername { float: left; margin-left: 3vw; font-size: 13px; font-family: Poppins; color: #9D9D9D; margin-top: 13px; cursor: pointer; } #offCanvasMobileMenu .menu.nested { margin: 0; padding-left: 0rem; } #offCanvasMobileMenu .TopbarMobileOffcanvasNav { height: 20px; width: 100%; padding: 0; margin-top: 3vh; } #offCanvasMobileMenu .TopbarMobileOffcanvasNav .close-button { color: #1e225d; outline: none; } #offCanvasMobileMenu .TopbarMobileOffcanvasNav .close-button:focus, #offCanvasMobileMenu .TopbarMobileOffcanvasNav .close-button:hover { outline: none; } #offCanvasMobileMenu .closebuttonMobileOffcanvasNav { float: right; margin-right: 5vw; } #offCanvasMobileMenu .MenuItems { margin-top: 5vh; outline: none; } #offCanvasMobileMenu .MenuItems .is-drilldown { max-width: fit-content !important; } #offCanvasMobileMenu .MenuItems .tekstdrilldown { color: #1E225C; border-bottom: 1px solid rgba(0, 0, 0, 0.1); outline: none; outline: none; /* .HeeftGeenTabindex::after{ content: ' \276F'; position: absolute; right: 0; margin-right: 15px; display: flex; align-items: center; height: 100%; padding-top: 0.7rem; padding-bottom: 0.7rem; top:0; font-size:1.5rem;t }*/ } #offCanvasMobileMenu .MenuItems .tekstdrilldown a { font-family: 'lexend'; font-size: 16px; text-decoration: none; text-align: start; font-weight: 500; position: relative; padding-right: 7vw; outline: none; padding-bottom: 2vh; padding-top: 2vh; } #offCanvasMobileMenu .MenuItems .tekstdrilldown a:focus { outline: none; } #offCanvasMobileMenu .MenuItems .tekstdrilldown a + ul > li > a { font-size: 14px; outline: none; } #offCanvasMobileMenu .MenuItems .tekstdrilldown .new-back { padding-right: 15px; padding-top: 10px !important; padding-bottom: 10px !important; } #offCanvasMobileMenu .MenuItems .tekstdrilldown .drilldownclicked a { margin-left: 5vw; font-size: 14px; outline: none; } #offCanvasMobileMenu .MenuItems .tekstdrilldown .drilldownclicked a:focus { outline: none; } #offCanvasMobileMenu .MenuItems .tekstdrilldown img { object-fit: contain; height: 70px; border-bottom: 1px solid black; width: 70%; margin-right: 25px; } #offCanvasMobileMenu .MenuItems .tekstdrilldown .link_noimage { display: grid; outline: none; } #offCanvasMobileMenu .MenuItems .tekstdrilldown .link_noimage span { color: #888995; font-size: 12px; font-family: 'Lexend'; margin-top: 0.5vh; } #offCanvasMobileMenu .MenuItems .tekstdrilldown .menudescription { display: grid !important; grid-template-columns: 1fr 1.5fr; justify-items: center; position: relative; } #offCanvasMobileMenu .MenuItems .tekstdrilldown .menudescription .MobileMenu_Catogorieletter { position: absolute; width: 100%; height: 100px; z-index: -1; font-size: 70px; overflow: hidden; font-family: 'Lexend', sans-serif; font-display: fallback; font-weight: 800; letter-spacing: -5px; line-height: 100px; padding-left: 10px; } #offCanvasMobileMenu .MenuItems .tekstdrilldown .menudescription span { font-family: 'lexend'; } #offCanvasMobileMenu .MenuItems .tekstdrilldown .menudescription div { display: grid; grid-template: auto; -ms-flex-line-pack: center; align-content: center; height: 100%; width: 100%; } #offCanvasMobileMenu .MenuItems .tekstdrilldown .menudescription .div_tekstMenu { padding-right: 5vw; } #offCanvasMobileMenu .MenuItems .tekstdrilldown .menudescriptiontext { font-size: 12px; color: #888995; } #offCanvasMobileMenu .MenuItems .tekstdrilldown .menudescriptiontitel { font-size: 14px; margin-bottom: 5px; } #offCanvasMobileMenu .MenuItems .topleveltesting a { font-weight: 600; outline: none; } #offCanvasMobileMenu .MenuItems .topleveltesting a:focus { outline: none; } #offCanvasMobileMenu .MenuItems .catogorietekst { color: #1E225C; border-bottom: 1px solid rgba(0, 0, 0, 0.1); outline: none; } #offCanvasMobileMenu .MenuItems .catogorietekst a { font-family: 'lexend'; font-size: 16px; text-decoration: none; text-align: start; font-weight: 500; position: relative; padding-right: 7vw; outline: none; padding-bottom: 2vh; padding-top: 2vh; } #offCanvasMobileMenu .MenuItems .catogorietekst a:focus { outline: none; } #offCanvasMobileMenu .MenuItems .catogorietekst a + ul > li > a { font-size: 14px; outline: none; } #offCanvasMobileMenu .MenuItems .catogorietekst .new-back { padding-right: 15px; padding-top: 10px !important; padding-bottom: 10px !important; } #offCanvasMobileMenu .MenuItems .catogorietekst a { margin-left: 0 !important; font-size: 16px !important; } #offCanvasMobileMenu .is-drilldown-submenu-parent > a::after { margin-right: 3px; border-left-color: rgba(0, 0, 0, 0.5); } #offCanvasMobileMenu .js-drilldown-back { width: fit-content; border: 1px solid #1E225C; border-radius: 100px; padding-left: 1vw; padding-right: 1vw; margin-bottom: 30px; margin-left: 13.6px; } #offCanvasMobileMenu .js-drilldown-back a { -ms-flex-align: center !important; align-items: center !important; } #offCanvasMobileMenu .new-back { margin-left: 0 !important; font-size: 16px !important; } .hero--stap { overflow: hidden; padding: 30px 20px 80px 20px; } @media print, screen and (min-width: 64em) { .hero--stap { padding: 100px 0px; } } @media print, screen and (min-width: 64em) { .hero--stap .hero__container { padding: 0px 20px; } } .hero--stap .hero__container__text { -ms-flex-item-align: center; align-self: center; } @media print, screen and (min-width: 64em) { .hero--stap .hero__container__text { padding-right: 30px; } } @media screen and (min-width: 75em) { .hero--stap .hero__container__text { padding-right: 90px; } } .hero--stap .hero__container__text h1 { font-size: 25px; margin-bottom: 25px; } @media print, screen and (min-width: 64em) { .hero--stap .hero__container__text h1 { font-size: 40px; margin-bottom: 30px; } } .hero--stap .hero__container__text > p { margin-bottom: 25px; font-size: 16px; } .hero--stap .hero__container__text > p a { color: #ff9900; } @media print, screen and (min-width: 64em) { .hero--stap .hero__container__text > p { margin-bottom: 30px; } } .hero--stap .hero__container__image { position: relative; padding-top: 100px; } @media print, screen and (min-width: 64em) { .hero--stap .hero__container__image { padding-top: unset; } } .hero--stap .hero__container__image img, .hero--stap .hero__container__image iframe { border-radius: 12px; position: relative; z-index: 5; } .hero--stap .hero__container__image iframe { width: 100%; min-height: 350px; } .hero--stap .hero__container__image::before { content: "C"; position: absolute; color: #00C4C2; font-family: 'Lexend', sans-serif; font-display: fallback; top: 20px; left: -80px; font-size: 300px; font-weight: 900; line-height: 200px; } @media print, screen and (min-width: 64em) { .hero--stap .hero__container__image::before { top: -100px; left: -100px; font-size: 350px; font-weight: 900; line-height: 200px; } } .hero--stap .hero__container__image::after { content: "F"; color: #00C4C2; position: absolute; font-family: 'Lexend', sans-serif; font-display: fallback; bottom: -60px; right: -70px; font-size: 300px; font-weight: 900; line-height: 200px; } @media print, screen and (min-width: 64em) { .hero--stap .hero__container__image::after { bottom: -70px; right: -70px; font-size: 350px; font-weight: 900; line-height: 200px; } } .hero--stap .hero__readmore { position: absolute; margin-top: 40px; } .hero--stap .hero__readmore a { font-family: 'Lexend', sans-serif; font-display: fallback; font-weight: 600; text-decoration: none; display: -ms-flexbox; display: flex; gap: 10px; } .hero--stap .hero__readmore a .icon img { width: 16px; } .footer { border-top: 1px solid #0a0a0a; background: #fff; text-align: center; margin-bottom: -32px; } @media print { .footer { padding-top: 0px; } } .footer--admin { border-top: 10px solid #e3e5e7; margin-top: 10px; } @media print, screen and (min-width: 64em) { .footer--admin { border-top: 50px solid #1e225d; margin-top: 30px; } } .footer__follow { padding-top: 1rem; padding-bottom: 1rem; } .footer__follow__logo img { width: 240px; } .footer__follow__items { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-direction: column; flex-direction: column; -ms-flex-align: center; align-items: center; } @media print, screen and (min-width: 40em) { .footer__follow__items { -ms-flex-direction: row; flex-direction: row; } } @media print { .footer__follow__items { display: none; } } .footer__follow__text { margin-right: 1rem; min-width: 25%; font-family: 'Poppins', sans-serif; font-display: fallback; font-size: 1.0625rem; font-weight: bold; color: #0a0a0a; line-height: 2.3; margin-top: 0; } .footer__follow__socials { margin-right: 1rem; min-width: 25%; font-size: 1.625rem; line-height: 2.7; } .footer__follow__socials a { display: inline-block; margin-right: 10px; } .footer__follow__reviews { margin-top: 0.5rem; margin-right: 1rem; min-width: 25%; } .footer__middle { padding-top: 4rem; padding-bottom: 3rem; background: #1e225d; } .footer__middle a { color: #fff; } @media print, screen and (min-width: 40em) { .footer { text-align: left; } } .footer .__fbcw__bar-widget__content { margin: 0 auto; } .footer__menus { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-direction: column; flex-direction: column; } @media print, screen and (min-width: 40em) { .footer__menus { -ms-flex-direction: row; flex-direction: row; } } @media print { .footer__menus { display: none; } } .footer__menu { margin-right: 1rem; min-width: 25%; } .footer__menu-nav-title { font-family: 'Poppins', sans-serif; font-display: fallback; font-size: 1.0625rem; font-weight: bold; color: #fff; line-height: 1.4; margin-top: 0; margin-bottom: .5rem; } .footer__menu-nav-list { margin-bottom: 2rem; } .footer__menu-nav-list li a { color: #fff; } .footer__contact { margin: 1rem 0 0; font-family: 'Poppins', sans-serif; font-display: fallback; font-size: 1.3125rem; font-weight: bold; } @media screen and (min-width: 75em) { .footer__contact { margin: 0; width: 100%; display: -ms-flexbox; display: flex; } } .footer__contact a { text-decoration: none; } .footer__nieuwsbrief { margin-top: 2rem; margin-bottom: 2rem; } .footer__nieuwsbrief__titel { color: #fff; font-size: 1.0625rem; font-family: 'Poppins', sans-serif; font-display: fallback; font-weight: bold; line-height: 1.4; margin-top: 0; margin-bottom: .5rem; } .footer__nieuwsbrief__text { color: #fff; } .footer__nieuwsbrief__form { display: -ms-flexbox; display: flex; } .footer__nieuwsbrief__form input { margin-bottom: 15px; border-top-left-radius: 5px; border-bottom-left-radius: 5px; padding: 0.65em; width: 50%; display: inline-block !important; } @media print, screen and (min-width: 40em) { .footer__nieuwsbrief__form input { width: 75%; display: block; } } @media print, screen and (min-width: 64em) { .footer__nieuwsbrief__form input { width: 75%; display: block; } } @media screen and (min-width: 75em) { .footer__nieuwsbrief__form input { width: 75%; } } .footer__nieuwsbrief__form input:-ms-input-placeholder { color: #505050; } .footer__nieuwsbrief__form input::placeholder { color: #505050; } .footer__nieuwsbrief__form button { margin-bottom: 15px !important; display: inline-block !important; margin-bottom: 3px; border-radius: 0px !important; border-top-right-radius: 5px !important; border-bottom-right-radius: 5px !important; width: 40% !important; } .footer__nieuwsbrief__form button .cf-button__text { margin: -2px 15px 0 15px !important; } @media print, screen and (min-width: 40em) { .footer__nieuwsbrief__form button { width: inherit !important; } } @media print { .footer__nieuwsbrief { display: none !important; } } .footer__opleidingsgids { text-align: center; } .footer__opleidingsgids__hoekje { width: 0px; height: 0px; border-top: solid 20px transparent; border-right: solid 10px white; border-bottom: solid 10px white; border-left: solid 5px transparent; margin-top: 20%; margin-right: -5px; display: inline-block; vertical-align: bottom; } .footer__opleidingsgids__tekst { text-align: left; width: 80%; background: white; padding: 20px; display: inline-block; } @media print, screen and (min-width: 40em) { .footer__opleidingsgids__tekst { width: 60%; } } @media print, screen and (min-width: 64em) { .footer__opleidingsgids__tekst { width: 80%; } } .footer__opleidingsgids__tekst__titel { font-size: 1.0625rem; font-family: 'Poppins', sans-serif; font-display: fallback; font-weight: bold; line-height: 1.4; margin-top: 0; margin-bottom: .5rem; } .footer__opleidingsgids__tekst img { width: 40%; margin: 0 auto; margin-bottom: 10px; } .footer__locaties { margin: 2rem 0 0; -ms-flex-direction: column; flex-direction: column; } @media print, screen and (min-width: 40em) { .footer__locaties { -ms-flex-direction: row; flex-direction: row; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; } } .footer__locatie { margin-right: 1rem; min-width: 25%; } .footer__locatie-titel { color: #fff; font-size: 1.0625rem; font-family: 'Poppins', sans-serif; font-display: fallback; font-weight: bold; line-height: 1.4; margin-top: 0; margin-bottom: .5rem; } .footer__locatie-text { color: #505050; } .footer__locatie-text a { text-decoration: none; font-size: 1.0625rem; } .footer__locatie-text a .icon { text-align: center; display: inline-block; width: 20px; margin-right: 5px; color: white; } .footer__locatie-text a .icon svg path { fill: white; } .footer--stripped .footer__locatie-titel, .footer--stripped .footer__nieuwsbrief__titel, .footer--stripped .footer__menu-nav-title { font-size: 1.5625rem; } @media print, screen and (min-width: 64em) { .footer--stripped .footer__nieuwsbrief__form input { width: 65%; } } .copyright { background: #1e225d; } .copyright__row__text { padding: 1rem 0; color: #fff; background: #1e225d; margin-top: 2rem; text-align: center; margin-bottom: 0; } .copyright__row__text a { color: inherit; text-decoration: underline; } @media print { .copyright__row__text__aftercopyright { display: none; } } .copyright__row__menu { margin: 0px; padding: 1rem 0; } .copyright__row__menu li { text-align: center; } @media print, screen and (min-width: 40em) { .copyright__row__menu { -ms-flex-pack: end; justify-content: flex-end; display: -ms-flexbox; display: flex; gap: 15px; } .copyright__row__menu li { text-align: left; } } .copyright--stripped .copyright__row__text { margin: 0; } @media print, screen and (min-width: 40em) { .copyright--stripped .copyright__row__text { text-align: left; } } .magazine-pro-footer { background-color: white; padding: 0px 20px; border-radius: 16px; height: 100%; display: grid; width: 80%; margin-left: auto; margin-right: auto; grid-template-rows: 1fr 1fr; } .magazine-pro-footer__boximg { height: 100%; position: relative; } .magazine-pro-footer__boximg__img { height: 100%; position: absolute; width: initial; margin-left: auto; margin-right: auto; left: 0; right: 0; top: -20px; transform: rotate(-7deg); } .magazine-pro-footer__textbox { display: grid; -ms-flex-line-pack: center; align-content: center; } .magazine-pro-footer__textbox__text { text-align: center; font-size: 16px; color: #1e225d; } .magazine-pro-footer__textbox__button { text-align: center; margin-bottom: 20px !important; } .cf-button, button.cf-button { cursor: pointer; -webkit-appearance: none; transition: background-color 0.25s ease-out, color 0.25s ease-out; vertical-align: middle; border-radius: 5px; display: -ms-flexbox; display: flex; background: white; border: 2px solid #ff9900; color: #0a0a0a; text-decoration: none; height: 42px; cursor: pointer; } [data-whatinput='mouse'] .cf-button, [data-whatinput='mouse'] button.cf-button { outline: 0; } .cf-button.extralabel::after, button.cf-button.extralabel::after { content: "VOL!"; color: black; background-color: yellow; padding: 5px 50px; transform: rotate(22deg); font-weight: 800; position: absolute; font-size: 1.4rem; margin-left: -130px; margin-top: -20px; } .cf-button .cf-button__text, button.cf-button .cf-button__text { font-family: 'Poppins', sans-serif; font-display: fallback; font-weight: bold; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-item-align: center; align-self: center; margin: -2px 30px 0 20px; font-family: 'Lexend', sans-serif; font-display: fallback; letter-spacing: -0.1px; } @media print, screen and (min-width: 40em) { .cf-button .cf-button__text, button.cf-button .cf-button__text { margin: -2px 30px 0 15px; } } .cf-button .cf-button__icon, button.cf-button .cf-button__icon { font-size: 140%; -ms-flex-item-align: center; align-self: center; margin: -2px 20px 0 0; } @media print, screen and (min-width: 40em) { .cf-button .cf-button__icon, button.cf-button .cf-button__icon { margin: -2px 20px 0 0; } } .cf-button.fullwidth, button.cf-button.fullwidth { width: 90%; } .cf-button.shadow, button.cf-button.shadow { box-shadow: 0 4px 4px 0 #022E2E; border-bottom: 0px; } .cf-button:hover, .cf-button:active, .cf-button:focus, button.cf-button:hover, button.cf-button:active, button.cf-button:focus { background: #e08700; color: #fff; } .cf-button:hover .cf-button__icon, .cf-button:active .cf-button__icon, .cf-button:focus .cf-button__icon, button.cf-button:hover .cf-button__icon, button.cf-button:active .cf-button__icon, button.cf-button:focus .cf-button__icon { margin: -2px 15px 0 0; transition: margin 400ms, box-shadow 400ms; } .cf-button.selected, button.cf-button.selected { background-color: #ff9900; color: white; } .cf-button--yellow-flat, button.cf-button--yellow-flat { background: #f7fb00; border: 1px solid #f7fb00; border-radius: 0px; color: black; padding: 10px 10px; display: inline-block; height: inherit !important; } .cf-button--yellow-flat.noicon, button.cf-button--yellow-flat.noicon { padding-right: 0px !important; display: inline-block; padding-top: 7px; } .cf-button--yellow-flat.noicon .cf-button__text, button.cf-button--yellow-flat.noicon .cf-button__text { margin: 0 30px; text-align: center; } .cf-button--yellow-flat.noiconfullwidth, button.cf-button--yellow-flat.noiconfullwidth { padding-right: 0px !important; width: 100%; } .cf-button--yellow-flat.noiconfullwidth .cf-button__text, button.cf-button--yellow-flat.noiconfullwidth .cf-button__text { margin: 0 30px; text-align: center; } .cf-button--yellow-flat.loading, button.cf-button--yellow-flat.loading { background: #aad3d3 url("/images/ajax-loader.gif"); background-position: center center; background-repeat: no-repeat; } .cf-button--yellow-flat:hover, .cf-button--yellow-flat:active, .cf-button--yellow-flat:focus, button.cf-button--yellow-flat:hover, button.cf-button--yellow-flat:active, button.cf-button--yellow-flat:focus { background: transparent; border: 1px solid #f7fb00; } .cf-button--yellow-flat:hover .cf-button__icon, .cf-button--yellow-flat:active .cf-button__icon, .cf-button--yellow-flat:focus .cf-button__icon, button.cf-button--yellow-flat:hover .cf-button__icon, button.cf-button--yellow-flat:active .cf-button__icon, button.cf-button--yellow-flat:focus .cf-button__icon { margin: -2px 15px 0 0; transition: margin 400ms, box-shadow 400ms; } @media print, screen and (min-width: 40em) { .cf-button--yellow-flat, button.cf-button--yellow-flat { padding: 15px 20px; } } .cf-button--yellow-flat-alt, button.cf-button--yellow-flat-alt { background: #f7fb00; border: 1px solid #f7fb00; border-radius: 0px; color: black; padding: 10px 10px; display: inline-block; height: inherit !important; } .cf-button--yellow-flat-alt.noicon, button.cf-button--yellow-flat-alt.noicon { padding-right: 0px !important; display: inline-block; padding-top: 7px; } .cf-button--yellow-flat-alt.noicon .cf-button__text, button.cf-button--yellow-flat-alt.noicon .cf-button__text { margin: 0 30px; text-align: center; } .cf-button--yellow-flat-alt.noiconfullwidth, button.cf-button--yellow-flat-alt.noiconfullwidth { padding-right: 0px !important; width: 100%; } .cf-button--yellow-flat-alt.noiconfullwidth .cf-button__text, button.cf-button--yellow-flat-alt.noiconfullwidth .cf-button__text { margin: 0 30px; text-align: center; } .cf-button--yellow-flat-alt.loading, button.cf-button--yellow-flat-alt.loading { background: #aad3d3 url("/images/ajax-loader.gif"); background-position: center center; background-repeat: no-repeat; } .cf-button--yellow-flat-alt:hover, .cf-button--yellow-flat-alt:active, .cf-button--yellow-flat-alt:focus, button.cf-button--yellow-flat-alt:hover, button.cf-button--yellow-flat-alt:active, button.cf-button--yellow-flat-alt:focus { background: transparent; border: 1px solid #f7fb00; color: black; } .cf-button--yellow-flat-alt:hover .cf-button__icon, .cf-button--yellow-flat-alt:active .cf-button__icon, .cf-button--yellow-flat-alt:focus .cf-button__icon, button.cf-button--yellow-flat-alt:hover .cf-button__icon, button.cf-button--yellow-flat-alt:active .cf-button__icon, button.cf-button--yellow-flat-alt:focus .cf-button__icon { margin: -2px 15px 0 0; transition: margin 400ms, box-shadow 400ms; } @media print, screen and (min-width: 40em) { .cf-button--yellow-flat-alt, button.cf-button--yellow-flat-alt { padding: 15px 20px; } } .cf-button--savelater, button.cf-button--savelater { border: 1px solid #1b2a68; border-radius: 100px; padding: 13px 20px; font-weight: normal; display: inline-block; } .cf-button--savelater .cf_button__text, button.cf-button--savelater .cf_button__text { color: #1b2a68; } .cf-button--savelater .cf-button__icon, button.cf-button--savelater .cf-button__icon { margin-right: 10px; } .cf-button--orange-flat, button.cf-button--orange-flat { background: #ff9900; border: 1px solid #ff9900; border-radius: 8px; color: white; padding: 13px 20px; font-weight: bold; display: inline-block; height: inherit !important; text-decoration: none; margin-bottom: 10px; display: -ms-flexbox; display: flex; width: 100%; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; } @media print, screen and (min-width: 40em) { .cf-button--orange-flat, button.cf-button--orange-flat { display: inline-block; width: inherit; } } .cf-button--orange-flat .cf-button__text, button.cf-button--orange-flat .cf-button__text { margin: 0px; text-decoration: none; position: relative; line-height: normal; color: white; font-family: 'Lexend', sans-serif; font-display: fallback; letter-spacing: -0.1px; } @media print, screen and (min-width: 40em) { .cf-button--orange-flat .cf-button__text, button.cf-button--orange-flat .cf-button__text { top: unset; } } .cf-button--orange-flat .cf-button__icon, button.cf-button--orange-flat .cf-button__icon { position: relative; margin-left: 10px; } .cf-button--orange-flat .cf-button__icon path, button.cf-button--orange-flat .cf-button__icon path { fill: white; } .cf-button--orange-flat .cf-button__icon img, button.cf-button--orange-flat .cf-button__icon img { filter: invert(100%) sepia(2%) saturate(9%) hue-rotate(351deg) brightness(101%) contrast(101%); height: 19.5px; } .cf-button--orange-flat .cf-button__icon.image, button.cf-button--orange-flat .cf-button__icon.image { top: 0; } .cf-button--orange-flat.iconleft .cf-button__icon, button.cf-button--orange-flat.iconleft .cf-button__icon { margin-left: 0px; margin-right: 10px; } .cf-button--orange-flat.noicon, button.cf-button--orange-flat.noicon { padding-right: 20px; } .cf-button--orange-flat.onlyicon .cf-button__icon, button.cf-button--orange-flat.onlyicon .cf-button__icon { margin-left: 10px; margin-right: 10px; } .cf-button--orange-flat.noiconfullwidth, button.cf-button--orange-flat.noiconfullwidth { padding-right: 0px !important; width: 100%; } .cf-button--orange-flat.noiconfullwidth .cf-button__text, button.cf-button--orange-flat.noiconfullwidth .cf-button__text { margin: 0 30px; text-align: center; } .cf-button--orange-flat.fullwidth, button.cf-button--orange-flat.fullwidth { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; width: 100%; } .cf-button--orange-flat.iconleft.fullwidth, button.cf-button--orange-flat.iconleft.fullwidth { -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; } .cf-button--orange-flat.small, button.cf-button--orange-flat.small { padding: 5px 0px; width: inherit; } .cf-button--orange-flat.small .cf-button__icon, button.cf-button--orange-flat.small .cf-button__icon { margin-left: 5px; margin-right: 5px; } .cf-button--orange-flat.smaller, button.cf-button--orange-flat.smaller { padding: 10px 15px; width: inherit; } .cf-button--orange-flat.loading, button.cf-button--orange-flat.loading { background: #aad3d3 url("/images/ajax-loader.gif"); background-position: center center; background-repeat: no-repeat; } .cf-button--orange-flat.textcentered .cf-button__text, button.cf-button--orange-flat.textcentered .cf-button__text { display: inline-block; width: 100%; text-align: center; } .cf-button--orange-flat.textcentered .cf-button__icon, button.cf-button--orange-flat.textcentered .cf-button__icon { margin-left: 20px; margin-right: 0px; } .cf-button--orange-flat:hover, .cf-button--orange-flat:active, .cf-button--orange-flat:focus, button.cf-button--orange-flat:hover, button.cf-button--orange-flat:active, button.cf-button--orange-flat:focus { background: #ffac13; color: white; padding: 13px 20px; padding-right: 0px; border: 1px solid #ffac13; transition: all 400ms; } .cf-button--orange-flat:hover .cf-button__icon, .cf-button--orange-flat:active .cf-button__icon, .cf-button--orange-flat:focus .cf-button__icon, button.cf-button--orange-flat:hover .cf-button__icon, button.cf-button--orange-flat:active .cf-button__icon, button.cf-button--orange-flat:focus .cf-button__icon { margin: 0px 10px 0 20px; transition: all 400ms; } .cf-button--orange-flat:hover.iconleft, .cf-button--orange-flat:active.iconleft, .cf-button--orange-flat:focus.iconleft, button.cf-button--orange-flat:hover.iconleft, button.cf-button--orange-flat:active.iconleft, button.cf-button--orange-flat:focus.iconleft { padding-right: 20px; } .cf-button--orange-flat:hover.iconleft .cf-button__icon, .cf-button--orange-flat:active.iconleft .cf-button__icon, .cf-button--orange-flat:focus.iconleft .cf-button__icon, button.cf-button--orange-flat:hover.iconleft .cf-button__icon, button.cf-button--orange-flat:active.iconleft .cf-button__icon, button.cf-button--orange-flat:focus.iconleft .cf-button__icon { margin: 0px 20px 0px 0px; } .cf-button--orange-flat:hover.noicon, .cf-button--orange-flat:active.noicon, .cf-button--orange-flat:focus.noicon, button.cf-button--orange-flat:hover.noicon, button.cf-button--orange-flat:active.noicon, button.cf-button--orange-flat:focus.noicon { padding-right: 20px; } .cf-button--orange-flat:hover.onlyicon .cf-button__icon, .cf-button--orange-flat:active.onlyicon .cf-button__icon, .cf-button--orange-flat:focus.onlyicon .cf-button__icon, button.cf-button--orange-flat:hover.onlyicon .cf-button__icon, button.cf-button--orange-flat:active.onlyicon .cf-button__icon, button.cf-button--orange-flat:focus.onlyicon .cf-button__icon { margin-left: 17px; margin-right: 3px; } .cf-button--orange-flat:hover.small, .cf-button--orange-flat:active.small, .cf-button--orange-flat:focus.small, button.cf-button--orange-flat:hover.small, button.cf-button--orange-flat:active.small, button.cf-button--orange-flat:focus.small { padding: 5px 0px; } .cf-button--orange-flat:hover.small .cf-button__icon, .cf-button--orange-flat:active.small .cf-button__icon, .cf-button--orange-flat:focus.small .cf-button__icon, button.cf-button--orange-flat:hover.small .cf-button__icon, button.cf-button--orange-flat:active.small .cf-button__icon, button.cf-button--orange-flat:focus.small .cf-button__icon { margin-left: 10px; margin-right: 0px; } .cf-button--orange-flat:hover.smaller, .cf-button--orange-flat:active.smaller, .cf-button--orange-flat:focus.smaller, button.cf-button--orange-flat:hover.smaller, button.cf-button--orange-flat:active.smaller, button.cf-button--orange-flat:focus.smaller { padding: 10px 15px; } .cf-button--orange-flat:hover.textcentered, .cf-button--orange-flat:active.textcentered, .cf-button--orange-flat:focus.textcentered, button.cf-button--orange-flat:hover.textcentered, button.cf-button--orange-flat:active.textcentered, button.cf-button--orange-flat:focus.textcentered { padding-right: 25px; } .cf-button--orange-flat:hover.textcentered .cf-button__icon, .cf-button--orange-flat:active.textcentered .cf-button__icon, .cf-button--orange-flat:focus.textcentered .cf-button__icon, button.cf-button--orange-flat:hover.textcentered .cf-button__icon, button.cf-button--orange-flat:active.textcentered .cf-button__icon, button.cf-button--orange-flat:focus.textcentered .cf-button__icon { margin-left: 30px; margin-right: 0px; } .cf-button--orange-flat-alt, button.cf-button--orange-flat-alt { background: transparent; border: 1px solid #ff9900; border-radius: 8px; color: white; padding: 13px 20px; font-weight: bold; display: inline-block; display: -ms-inline-flexbox; display: inline-flex; text-decoration: none; margin-bottom: 10px; display: -ms-flexbox; display: flex; width: 100%; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; } @media print, screen and (min-width: 40em) { .cf-button--orange-flat-alt, button.cf-button--orange-flat-alt { display: inline-block; width: inherit; } } .cf-button--orange-flat-alt .cf-button__text, button.cf-button--orange-flat-alt .cf-button__text { position: relative; font-family: 'Lexend', sans-serif; font-display: fallback; letter-spacing: -0.1px; } @media print, screen and (min-width: 40em) { .cf-button--orange-flat-alt .cf-button__text, button.cf-button--orange-flat-alt .cf-button__text { top: unset; } } .cf-button--orange-flat-alt .cf-button__icon, button.cf-button--orange-flat-alt .cf-button__icon { margin-left: 10px; margin-right: 20px; } .cf-button--orange-flat-alt .cf-button__icon path, button.cf-button--orange-flat-alt .cf-button__icon path { fill: #ff9900; } .cf-button--orange-flat-alt .cf-button__icon img, button.cf-button--orange-flat-alt .cf-button__icon img { filter: invert(52%) sepia(93%) saturate(1215%) hue-rotate(2deg) brightness(106%) contrast(104%); height: 19.5px; } .cf-button--orange-flat-alt.iconleft .cf-button__icon, button.cf-button--orange-flat-alt.iconleft .cf-button__icon { margin-left: 0px; margin-right: 20px; } .cf-button--orange-flat-alt.noicon, button.cf-button--orange-flat-alt.noicon { padding-right: 20px; } .cf-button--orange-flat-alt.noicon .cf-button__text, button.cf-button--orange-flat-alt.noicon .cf-button__text { top: unset; } .cf-button--orange-flat-alt.noiconfullwidth, button.cf-button--orange-flat-alt.noiconfullwidth { padding-right: 0px !important; width: 100%; } .cf-button--orange-flat-alt.noiconfullwidth .cf-button__text, button.cf-button--orange-flat-alt.noiconfullwidth .cf-button__text { margin: 0 30px; text-align: center; } .cf-button--orange-flat-alt.orangetext, button.cf-button--orange-flat-alt.orangetext { color: #ff9900; } .cf-button--orange-flat-alt.fullwidth, button.cf-button--orange-flat-alt.fullwidth { -ms-flex-pack: justify; justify-content: space-between; width: 100%; } .cf-button--orange-flat-alt.loading, button.cf-button--orange-flat-alt.loading { background: #aad3d3 url("/images/ajax-loader.gif"); background-position: center center; background-repeat: no-repeat; } .cf-button--orange-flat-alt:hover, .cf-button--orange-flat-alt:active, .cf-button--orange-flat-alt:focus, button.cf-button--orange-flat-alt:hover, button.cf-button--orange-flat-alt:active, button.cf-button--orange-flat-alt:focus { background: #ff9900; border: 1px solid #ff9900; color: white; padding-right: 0px; transition: background 400ms; } .cf-button--orange-flat-alt:hover .cf-button__icon, .cf-button--orange-flat-alt:active .cf-button__icon, .cf-button--orange-flat-alt:focus .cf-button__icon, button.cf-button--orange-flat-alt:hover .cf-button__icon, button.cf-button--orange-flat-alt:active .cf-button__icon, button.cf-button--orange-flat-alt:focus .cf-button__icon { margin: 0px 10px 0 20px; transition: margin 400ms, box-shadow 400ms; } .cf-button--orange-flat-alt:hover .cf-button__icon path, .cf-button--orange-flat-alt:active .cf-button__icon path, .cf-button--orange-flat-alt:focus .cf-button__icon path, button.cf-button--orange-flat-alt:hover .cf-button__icon path, button.cf-button--orange-flat-alt:active .cf-button__icon path, button.cf-button--orange-flat-alt:focus .cf-button__icon path { fill: white; } .cf-button--orange-flat-alt:hover.iconleft, .cf-button--orange-flat-alt:active.iconleft, .cf-button--orange-flat-alt:focus.iconleft, button.cf-button--orange-flat-alt:hover.iconleft, button.cf-button--orange-flat-alt:active.iconleft, button.cf-button--orange-flat-alt:focus.iconleft { padding-right: 20px; } .cf-button--orange-flat-alt:hover.iconleft .cf-button__icon, .cf-button--orange-flat-alt:active.iconleft .cf-button__icon, .cf-button--orange-flat-alt:focus.iconleft .cf-button__icon, button.cf-button--orange-flat-alt:hover.iconleft .cf-button__icon, button.cf-button--orange-flat-alt:active.iconleft .cf-button__icon, button.cf-button--orange-flat-alt:focus.iconleft .cf-button__icon { margin: 0px 20px 0px 0px; } .cf-button--orange-flat-alt:hover.noicon, .cf-button--orange-flat-alt:active.noicon, .cf-button--orange-flat-alt:focus.noicon, button.cf-button--orange-flat-alt:hover.noicon, button.cf-button--orange-flat-alt:active.noicon, button.cf-button--orange-flat-alt:focus.noicon { padding-right: 20px; } .cf-button--orange-link-button, button.cf-button--orange-link-button { background: transparent; border: 1px solid transparent; border-radius: 8px; color: #ff9900; padding: 15px 20px; display: inline-block; height: inherit !important; margin-bottom: 10px; } .cf-button--orange-link-button .cf-button__text, button.cf-button--orange-link-button .cf-button__text { position: relative; top: -0.125rem; color: #ff9900; font-family: 'Lexend', sans-serif; font-display: fallback; letter-spacing: -0.1px; } @media print, screen and (min-width: 40em) { .cf-button--orange-link-button .cf-button__text, button.cf-button--orange-link-button .cf-button__text { top: unset; } } .cf-button--orange-link-button.noicon, button.cf-button--orange-link-button.noicon { padding-right: 0px !important; display: inline-block; padding-top: 7px; } .cf-button--orange-link-button.noicon .cf-button__text, button.cf-button--orange-link-button.noicon .cf-button__text { margin: 0 30px; text-align: center; } .cf-button--orange-link-button.noiconfullwidth, button.cf-button--orange-link-button.noiconfullwidth { padding-right: 0px !important; width: 100%; } .cf-button--orange-link-button.noiconfullwidth .cf-button__text, button.cf-button--orange-link-button.noiconfullwidth .cf-button__text { margin: 0 30px; text-align: center; } .cf-button--orange-link-button.fullwidth, button.cf-button--orange-link-button.fullwidth { -ms-flex-pack: justify; justify-content: space-between; width: 100%; } .cf-button--orange-link-button.loading, button.cf-button--orange-link-button.loading { background: #aad3d3 url("/images/ajax-loader.gif"); background-position: center center; background-repeat: no-repeat; } .cf-button--orange-link-button:hover, .cf-button--orange-link-button:active, .cf-button--orange-link-button:focus, button.cf-button--orange-link-button:hover, button.cf-button--orange-link-button:active, button.cf-button--orange-link-button:focus { background: transparent; color: #ff9900; } .cf-button--orange-link-button:hover .cf-button__text, .cf-button--orange-link-button:active .cf-button__text, .cf-button--orange-link-button:focus .cf-button__text, button.cf-button--orange-link-button:hover .cf-button__text, button.cf-button--orange-link-button:active .cf-button__text, button.cf-button--orange-link-button:focus .cf-button__text { color: #ff9900; text-decoration: underline; transition: text-decoration 400ms; } .cf-button--orange-link-button:hover .cf-button__icon:not(.left), .cf-button--orange-link-button:active .cf-button__icon:not(.left), .cf-button--orange-link-button:focus .cf-button__icon:not(.left), button.cf-button--orange-link-button:hover .cf-button__icon:not(.left), button.cf-button--orange-link-button:active .cf-button__icon:not(.left), button.cf-button--orange-link-button:focus .cf-button__icon:not(.left) { margin: 0px 0px 0px 15px; transition: margin 400ms, box-shadow 400ms; } .cf-button--orange-link, button.cf-button--orange-link { border-radius: 0px; color: #ff9900; display: inline-block; height: inherit !important; text-decoration: none; } .cf-button--orange-link .cf-button__text, button.cf-button--orange-link .cf-button__text { margin-right: 10px; margin-left: 0px; color: #ff9900; font-family: 'Lexend', sans-serif; font-display: fallback; letter-spacing: -0.1px; } .cf-button--orange-link .cf-button__icon, button.cf-button--orange-link .cf-button__icon { color: #ff9900; } .cf-button--orange-link .cf-button__icon path, button.cf-button--orange-link .cf-button__icon path { fill: #ff9900; } .cf-button--orange-link.noiconfullwidth, button.cf-button--orange-link.noiconfullwidth { padding-right: 0px !important; width: 100%; } .cf-button--orange-link.noiconfullwidth .cf-button__text, button.cf-button--orange-link.noiconfullwidth .cf-button__text { margin: 0 30px; text-align: center; } .cf-button--orange-link.loading, button.cf-button--orange-link.loading { background: #aad3d3 url("/images/ajax-loader.gif"); background-position: center center; background-repeat: no-repeat; } .cf-button--orange-link:hover, .cf-button--orange-link:active, .cf-button--orange-link:focus, button.cf-button--orange-link:hover, button.cf-button--orange-link:active, button.cf-button--orange-link:focus { background: transparent; color: #ff9900; } .cf-button--orange-link:hover .cf-button__text, .cf-button--orange-link:active .cf-button__text, .cf-button--orange-link:focus .cf-button__text, button.cf-button--orange-link:hover .cf-button__text, button.cf-button--orange-link:active .cf-button__text, button.cf-button--orange-link:focus .cf-button__text { color: #ff9900; text-decoration: underline; transition: text-decoration 400ms; } .cf-button--orange-link:hover .cf-button__icon:not(.left), .cf-button--orange-link:active .cf-button__icon:not(.left), .cf-button--orange-link:focus .cf-button__icon:not(.left), button.cf-button--orange-link:hover .cf-button__icon:not(.left), button.cf-button--orange-link:active .cf-button__icon:not(.left), button.cf-button--orange-link:focus .cf-button__icon:not(.left) { margin: 0px 0px 0px 15px; transition: margin 400ms, box-shadow 400ms; } .cf-button--orange-tertiary, button.cf-button--orange-tertiary { border-radius: 0px; color: #ff9900; display: inline-block; height: inherit !important; text-decoration: none; cursor: pointer; } .cf-button--orange-tertiary .cf-button__text, button.cf-button--orange-tertiary .cf-button__text { margin-right: 10px; margin-left: 0px; font-weight: 600; color: #ff9900; font-family: 'Lexend', sans-serif; font-display: fallback; letter-spacing: -0.1px; } .cf-button--orange-tertiary .cf-button__icon, button.cf-button--orange-tertiary .cf-button__icon { color: #ff9900; } .cf-button--orange-tertiary .cf-button__icon svg, button.cf-button--orange-tertiary .cf-button__icon svg { width: 16px; height: 16px; } .cf-button--orange-tertiary .cf-button__icon path, button.cf-button--orange-tertiary .cf-button__icon path { fill: #ff9900; } .cf-button--orange-tertiary .cf-button__icon img, button.cf-button--orange-tertiary .cf-button__icon img { filter: invert(76%) sepia(73%) saturate(2862%) hue-rotate(342deg) brightness(103%) contrast(102%); height: 19.5px; } .cf-button--orange-tertiary .cf-button__icon.left, button.cf-button--orange-tertiary .cf-button__icon.left { margin-right: 10px; } .cf-button--orange-tertiary.iconleft .cf-button__icon, button.cf-button--orange-tertiary.iconleft .cf-button__icon { margin-left: 0px; margin-right: 20px; } .cf-button--orange-tertiary.noiconfullwidth, button.cf-button--orange-tertiary.noiconfullwidth { padding-right: 0px !important; width: 100%; } .cf-button--orange-tertiary.noiconfullwidth .cf-button__text, button.cf-button--orange-tertiary.noiconfullwidth .cf-button__text { margin: 0 30px; text-align: center; } .cf-button--orange-tertiary.loading, button.cf-button--orange-tertiary.loading { background: #aad3d3 url("/images/ajax-loader.gif"); background-position: center center; background-repeat: no-repeat; } .cf-button--orange-tertiary:hover, .cf-button--orange-tertiary:active, .cf-button--orange-tertiary:focus, button.cf-button--orange-tertiary:hover, button.cf-button--orange-tertiary:active, button.cf-button--orange-tertiary:focus { background: transparent; color: #ff9900; } .cf-button--orange-tertiary:hover .cf-button__text, .cf-button--orange-tertiary:active .cf-button__text, .cf-button--orange-tertiary:focus .cf-button__text, button.cf-button--orange-tertiary:hover .cf-button__text, button.cf-button--orange-tertiary:active .cf-button__text, button.cf-button--orange-tertiary:focus .cf-button__text { color: #ff9900; text-decoration: underline; transition: text-decoration 400ms; } .cf-button--orange-tertiary:hover .cf-button__icon:not(.left), .cf-button--orange-tertiary:active .cf-button__icon:not(.left), .cf-button--orange-tertiary:focus .cf-button__icon:not(.left), button.cf-button--orange-tertiary:hover .cf-button__icon:not(.left), button.cf-button--orange-tertiary:active .cf-button__icon:not(.left), button.cf-button--orange-tertiary:focus .cf-button__icon:not(.left) { margin: 0px 0px 0px 15px; transition: margin 400ms, box-shadow 400ms; } .cf-button--blue, button.cf-button--blue { background: #1b2a68; border: 1px solid #1b2a68; border-radius: 8px; color: white; padding: 13px 20px; text-decoration: none; font-weight: bold; margin-bottom: 10px; display: -ms-flexbox; display: flex; width: 100%; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; } @media print, screen and (min-width: 40em) { .cf-button--blue, button.cf-button--blue { display: inline-block; width: initial; } } .cf-button--blue .cf-button__text, button.cf-button--blue .cf-button__text { margin: 0px; position: relative; color: white; font-family: 'Lexend', sans-serif; font-display: fallback; letter-spacing: -0.1px; } @media print, screen and (min-width: 40em) { .cf-button--blue .cf-button__text, button.cf-button--blue .cf-button__text { top: unset; } } .cf-button--blue .cf-button__icon, button.cf-button--blue .cf-button__icon { position: relative; margin-right: 0px; margin-left: 20px; color: white; } .cf-button--blue .cf-button__icon .fas, button.cf-button--blue .cf-button__icon .fas { color: white; } .cf-button--blue .cf-button__icon svg path, button.cf-button--blue .cf-button__icon svg path { fill: white; } .cf-button--blue .cf-button__icon img, button.cf-button--blue .cf-button__icon img { filter: invert(100%) sepia(2%) saturate(9%) hue-rotate(351deg) brightness(101%) contrast(101%); height: 19.5px; } .cf-button--blue.iconleft .cf-button__icon, button.cf-button--blue.iconleft .cf-button__icon { margin-left: 0px; margin-right: 20px; } .cf-button--blue.onlyicon .cf-button__icon, button.cf-button--blue.onlyicon .cf-button__icon { margin-left: 6px; margin-right: 6px; } .cf-button--blue.noicon, button.cf-button--blue.noicon { padding-right: 20px; } .cf-button--blue.noiconfullwidth, button.cf-button--blue.noiconfullwidth { padding-right: 0px !important; width: 100%; } .cf-button--blue.noiconfullwidth .cf-button__text, button.cf-button--blue.noiconfullwidth .cf-button__text { margin: 0 30px; text-align: center; } .cf-button--blue.fullwidth, button.cf-button--blue.fullwidth { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; width: 100%; } .cf-button--blue.iconleft.fullwidth, button.cf-button--blue.iconleft.fullwidth { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; } .cf-button--blue.alignleft, button.cf-button--blue.alignleft { -ms-flex-pack: start !important; justify-content: flex-start !important; float: none; display: -ms-flexbox; display: flex; } .cf-button--blue.small, button.cf-button--blue.small { padding: 5px 0px; width: inherit; } .cf-button--blue.shadow, button.cf-button--blue.shadow { box-shadow: 0px 7.5px 15px 0px rgba(27, 42, 104, 0.25); } .cf-button--blue.loading, button.cf-button--blue.loading { background: #aad3d3 url("/images/ajax-loader.gif"); background-position: center center; background-repeat: no-repeat; } .cf-button--blue:hover, .cf-button--blue:active, .cf-button--blue:focus, button.cf-button--blue:hover, button.cf-button--blue:active, button.cf-button--blue:focus { background: white; color: #1b2a68; padding: 13px 20px; padding-right: 0px; transition: all 400ms, background 400ms; } .cf-button--blue:hover .cf-button__text, .cf-button--blue:active .cf-button__text, .cf-button--blue:focus .cf-button__text, button.cf-button--blue:hover .cf-button__text, button.cf-button--blue:active .cf-button__text, button.cf-button--blue:focus .cf-button__text { color: #1b2a68; } .cf-button--blue:hover .cf-button__icon, .cf-button--blue:active .cf-button__icon, .cf-button--blue:focus .cf-button__icon, button.cf-button--blue:hover .cf-button__icon, button.cf-button--blue:active .cf-button__icon, button.cf-button--blue:focus .cf-button__icon { margin: 0px 10px 0 30px; transition: all 400ms; color: #1b2a68; } .cf-button--blue:hover .cf-button__icon img, .cf-button--blue:active .cf-button__icon img, .cf-button--blue:focus .cf-button__icon img, button.cf-button--blue:hover .cf-button__icon img, button.cf-button--blue:active .cf-button__icon img, button.cf-button--blue:focus .cf-button__icon img { filter: invert(12%) sepia(43%) saturate(3297%) hue-rotate(224deg) brightness(85%) contrast(95%); } .cf-button--blue:hover .cf-button__icon .fas, .cf-button--blue:active .cf-button__icon .fas, .cf-button--blue:focus .cf-button__icon .fas, button.cf-button--blue:hover .cf-button__icon .fas, button.cf-button--blue:active .cf-button__icon .fas, button.cf-button--blue:focus .cf-button__icon .fas { color: #1b2a68; } .cf-button--blue:hover .cf-button__icon svg path, .cf-button--blue:active .cf-button__icon svg path, .cf-button--blue:focus .cf-button__icon svg path, button.cf-button--blue:hover .cf-button__icon svg path, button.cf-button--blue:active .cf-button__icon svg path, button.cf-button--blue:focus .cf-button__icon svg path { fill: #1b2a68; } .cf-button--blue:hover.iconleft, .cf-button--blue:active.iconleft, .cf-button--blue:focus.iconleft, button.cf-button--blue:hover.iconleft, button.cf-button--blue:active.iconleft, button.cf-button--blue:focus.iconleft { padding-right: 20px; } .cf-button--blue:hover.iconleft .cf-button__icon, .cf-button--blue:active.iconleft .cf-button__icon, .cf-button--blue:focus.iconleft .cf-button__icon, button.cf-button--blue:hover.iconleft .cf-button__icon, button.cf-button--blue:active.iconleft .cf-button__icon, button.cf-button--blue:focus.iconleft .cf-button__icon { margin: 0px 20px 0px 0px; } .cf-button--blue:hover.noicon, .cf-button--blue:active.noicon, .cf-button--blue:focus.noicon, button.cf-button--blue:hover.noicon, button.cf-button--blue:active.noicon, button.cf-button--blue:focus.noicon { padding-right: 20px; } .cf-button--blue:hover.onlyicon .cf-button__icon, .cf-button--blue:active.onlyicon .cf-button__icon, .cf-button--blue:focus.onlyicon .cf-button__icon, button.cf-button--blue:hover.onlyicon .cf-button__icon, button.cf-button--blue:active.onlyicon .cf-button__icon, button.cf-button--blue:focus.onlyicon .cf-button__icon { margin-left: 9px; margin-right: 3px; } .cf-button--blue:hover.small, .cf-button--blue:active.small, .cf-button--blue:focus.small, button.cf-button--blue:hover.small, button.cf-button--blue:active.small, button.cf-button--blue:focus.small { padding: 5px 0px; } @media print, screen and (min-width: 40em) { .cf-button--blue, button.cf-button--blue { margin-bottom: 0px; } } .cf-button--blue-alt, button.cf-button--blue-alt { background: transparent; border: 1px solid #1b2a68; border-radius: 8px; color: #1b2a68; padding: 13px 20px; display: inline-block; height: inherit !important; text-decoration: none; font-weight: bold; margin-bottom: 10px; cursor: pointer; display: -ms-flexbox; display: flex; width: 100%; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; } @media print, screen and (min-width: 40em) { .cf-button--blue-alt, button.cf-button--blue-alt { display: inline-block; width: inherit; } } .cf-button--blue-alt.greybrdr, button.cf-button--blue-alt.greybrdr { border: 1px solid #CCCCCC; } .cf-button--blue-alt .cf-button__text, button.cf-button--blue-alt .cf-button__text { margin: 0px; position: relative; font-family: 'Lexend', sans-serif; font-display: fallback; letter-spacing: -0.1px; } @media print, screen and (min-width: 40em) { .cf-button--blue-alt .cf-button__text, button.cf-button--blue-alt .cf-button__text { top: unset; } } .cf-button--blue-alt .cf-button__icon, button.cf-button--blue-alt .cf-button__icon { position: relative; margin-right: 0px; margin-left: 20px; } .cf-button--blue-alt .cf-button__icon path, button.cf-button--blue-alt .cf-button__icon path { fill: #1E225C; } .cf-button--blue-alt .cf-button__icon img, button.cf-button--blue-alt .cf-button__icon img { filter: invert(20%) sepia(9%) saturate(5499%) hue-rotate(194deg) brightness(95%) contrast(106%); height: 19.5px; } .cf-button--blue-alt.noicon, button.cf-button--blue-alt.noicon { padding-right: 20px; } .cf-button--blue-alt.noiconfullwidth, button.cf-button--blue-alt.noiconfullwidth { padding-right: 0px !important; width: 100%; } .cf-button--blue-alt.noiconfullwidth .cf-button__text, button.cf-button--blue-alt.noiconfullwidth .cf-button__text { margin: 0 30px; text-align: center; } .cf-button--blue-alt.iconleft .cf-button__icon, button.cf-button--blue-alt.iconleft .cf-button__icon { margin-left: 0px; margin-right: 20px; } .cf-button--blue-alt.fullwidth, button.cf-button--blue-alt.fullwidth { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; width: 100%; -ms-flex-align: center; align-items: center; } .cf-button--blue-alt.iconleft.fullwidth, button.cf-button--blue-alt.iconleft.fullwidth { -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; } .cf-button--blue-alt.loading, button.cf-button--blue-alt.loading { background: #aad3d3 url("/images/ajax-loader.gif"); background-position: center center; background-repeat: no-repeat; } .cf-button--blue-alt.textcentered .cf-button__text, button.cf-button--blue-alt.textcentered .cf-button__text { display: inline-block; width: 100%; text-align: center; } .cf-button--blue-alt.textcentered .cf-button__icon, button.cf-button--blue-alt.textcentered .cf-button__icon { margin-left: 20px; margin-right: 0px; } .cf-button--blue-alt:hover, .cf-button--blue-alt:active, .cf-button--blue-alt:focus, button.cf-button--blue-alt:hover, button.cf-button--blue-alt:active, button.cf-button--blue-alt:focus { background: #1b2a68; border-color: #152050; color: #fff; transition: all 400ms, background 400ms; padding-right: 0px; } .cf-button--blue-alt:hover .cf-button__text, .cf-button--blue-alt:active .cf-button__text, .cf-button--blue-alt:focus .cf-button__text, button.cf-button--blue-alt:hover .cf-button__text, button.cf-button--blue-alt:active .cf-button__text, button.cf-button--blue-alt:focus .cf-button__text { color: white; } .cf-button--blue-alt:hover .cf-button__icon, .cf-button--blue-alt:active .cf-button__icon, .cf-button--blue-alt:focus .cf-button__icon, button.cf-button--blue-alt:hover .cf-button__icon, button.cf-button--blue-alt:active .cf-button__icon, button.cf-button--blue-alt:focus .cf-button__icon { margin: 0px 10px 0 20px; transition: all 400ms; color: white; } .cf-button--blue-alt:hover .cf-button__icon path, .cf-button--blue-alt:active .cf-button__icon path, .cf-button--blue-alt:focus .cf-button__icon path, button.cf-button--blue-alt:hover .cf-button__icon path, button.cf-button--blue-alt:active .cf-button__icon path, button.cf-button--blue-alt:focus .cf-button__icon path { fill: white; } .cf-button--blue-alt:hover .cf-button__icon img, .cf-button--blue-alt:active .cf-button__icon img, .cf-button--blue-alt:focus .cf-button__icon img, button.cf-button--blue-alt:hover .cf-button__icon img, button.cf-button--blue-alt:active .cf-button__icon img, button.cf-button--blue-alt:focus .cf-button__icon img { filter: invert(95%) sepia(95%) saturate(19%) hue-rotate(337deg) brightness(106%) contrast(106%); } .cf-button--blue-alt:hover.iconleft, .cf-button--blue-alt:active.iconleft, .cf-button--blue-alt:focus.iconleft, button.cf-button--blue-alt:hover.iconleft, button.cf-button--blue-alt:active.iconleft, button.cf-button--blue-alt:focus.iconleft { padding-right: 20px; } .cf-button--blue-alt:hover.iconleft .cf-button__icon, .cf-button--blue-alt:active.iconleft .cf-button__icon, .cf-button--blue-alt:focus.iconleft .cf-button__icon, button.cf-button--blue-alt:hover.iconleft .cf-button__icon, button.cf-button--blue-alt:active.iconleft .cf-button__icon, button.cf-button--blue-alt:focus.iconleft .cf-button__icon { margin: 0px 20px 0px 0px; } .cf-button--blue-alt:hover.noicon, .cf-button--blue-alt:active.noicon, .cf-button--blue-alt:focus.noicon, button.cf-button--blue-alt:hover.noicon, button.cf-button--blue-alt:active.noicon, button.cf-button--blue-alt:focus.noicon { padding-right: 20px; } .cf-button--blue-alt:hover.hasicon .cf-button__icon, .cf-button--blue-alt:active.hasicon .cf-button__icon, .cf-button--blue-alt:focus.hasicon .cf-button__icon, button.cf-button--blue-alt:hover.hasicon .cf-button__icon, button.cf-button--blue-alt:active.hasicon .cf-button__icon, button.cf-button--blue-alt:focus.hasicon .cf-button__icon { margin-left: 30px; } .cf-button--blue-alt:hover.onlyicon .cf-button__icon, .cf-button--blue-alt:active.onlyicon .cf-button__icon, .cf-button--blue-alt:focus.onlyicon .cf-button__icon, button.cf-button--blue-alt:hover.onlyicon .cf-button__icon, button.cf-button--blue-alt:active.onlyicon .cf-button__icon, button.cf-button--blue-alt:focus.onlyicon .cf-button__icon { margin-left: 17px; margin-right: 3px; } .cf-button--blue-alt:hover.onlyicon .cf-button__icon, .cf-button--blue-alt:active.onlyicon .cf-button__icon, .cf-button--blue-alt:focus.onlyicon .cf-button__icon, button.cf-button--blue-alt:hover.onlyicon .cf-button__icon, button.cf-button--blue-alt:active.onlyicon .cf-button__icon, button.cf-button--blue-alt:focus.onlyicon .cf-button__icon { margin-left: 17px; margin-right: 3px; } .cf-button--blue-alt:hover.outline, .cf-button--blue-alt:active.outline, .cf-button--blue-alt:focus.outline, button.cf-button--blue-alt:hover.outline, button.cf-button--blue-alt:active.outline, button.cf-button--blue-alt:focus.outline { background: transparent; border: none; } .cf-button--blue-alt:hover.outline .cf-button__text, .cf-button--blue-alt:active.outline .cf-button__text, .cf-button--blue-alt:focus.outline .cf-button__text, button.cf-button--blue-alt:hover.outline .cf-button__text, button.cf-button--blue-alt:active.outline .cf-button__text, button.cf-button--blue-alt:focus.outline .cf-button__text { color: #1e225d; text-decoration: underline; } .cf-button--blue-alt:hover.outline .cf-button__icon, .cf-button--blue-alt:active.outline .cf-button__icon, .cf-button--blue-alt:focus.outline .cf-button__icon, button.cf-button--blue-alt:hover.outline .cf-button__icon, button.cf-button--blue-alt:active.outline .cf-button__icon, button.cf-button--blue-alt:focus.outline .cf-button__icon { color: #1e225d; } .cf-button--blue-alt:hover.outline .cf-button__icon path, .cf-button--blue-alt:active.outline .cf-button__icon path, .cf-button--blue-alt:focus.outline .cf-button__icon path, button.cf-button--blue-alt:hover.outline .cf-button__icon path, button.cf-button--blue-alt:active.outline .cf-button__icon path, button.cf-button--blue-alt:focus.outline .cf-button__icon path { fill: #1e225d; } .cf-button--blue-alt:hover.outline .cf-button__icon img, .cf-button--blue-alt:active.outline .cf-button__icon img, .cf-button--blue-alt:focus.outline .cf-button__icon img, button.cf-button--blue-alt:hover.outline .cf-button__icon img, button.cf-button--blue-alt:active.outline .cf-button__icon img, button.cf-button--blue-alt:focus.outline .cf-button__icon img { filter: unset; } .cf-button--blue-alt:hover.small, .cf-button--blue-alt:active.small, .cf-button--blue-alt:focus.small, button.cf-button--blue-alt:hover.small, button.cf-button--blue-alt:active.small, button.cf-button--blue-alt:focus.small { padding: 5px 0px; } .cf-button--blue-alt:hover.textcentered, .cf-button--blue-alt:active.textcentered, .cf-button--blue-alt:focus.textcentered, button.cf-button--blue-alt:hover.textcentered, button.cf-button--blue-alt:active.textcentered, button.cf-button--blue-alt:focus.textcentered { padding-right: 20px; } .cf-button--blue-alt:hover.textcentered .cf-button__icon, .cf-button--blue-alt:active.textcentered .cf-button__icon, .cf-button--blue-alt:focus.textcentered .cf-button__icon, button.cf-button--blue-alt:hover.textcentered .cf-button__icon, button.cf-button--blue-alt:active.textcentered .cf-button__icon, button.cf-button--blue-alt:focus.textcentered .cf-button__icon { margin-left: 35px; margin-right: 0px; } @media print, screen and (min-width: 40em) { .cf-button--blue-alt, button.cf-button--blue-alt { margin-bottom: 0px; } } .cf-button--noborder, button.cf-button--noborder { background: transparent; border: 1px solid white; border-radius: 8px; color: #1b2a68; padding: 13px 20px; display: inline-block; height: inherit !important; text-decoration: none; font-weight: bold; margin-bottom: 10px; cursor: pointer; display: -ms-flexbox; display: flex; width: 100%; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; } @media print, screen and (min-width: 40em) { .cf-button--noborder, button.cf-button--noborder { display: inline-block; width: inherit; } } .cf-button--noborder .cf-button__text, button.cf-button--noborder .cf-button__text { margin: 0px; position: relative; } @media print, screen and (min-width: 40em) { .cf-button--noborder .cf-button__text, button.cf-button--noborder .cf-button__text { top: unset; } } .cf-button--noborder .cf-button__icon, button.cf-button--noborder .cf-button__icon { position: relative; margin-right: 0px; margin-left: 20px; } .cf-button--noborder .cf-button__icon path, button.cf-button--noborder .cf-button__icon path { fill: #1E225C; } .cf-button--noborder .cf-button__icon img, button.cf-button--noborder .cf-button__icon img { filter: invert(20%) sepia(9%) saturate(5499%) hue-rotate(194deg) brightness(95%) contrast(106%); height: 19.5px; } .cf-button--noborder.noicon, button.cf-button--noborder.noicon { padding-right: 20px; } .cf-button--noborder.noiconfullwidth, button.cf-button--noborder.noiconfullwidth { padding-right: 0px !important; width: 100%; } .cf-button--noborder.noiconfullwidth .cf-button__text, button.cf-button--noborder.noiconfullwidth .cf-button__text { margin: 0 30px; text-align: center; } .cf-button--noborder.iconleft .cf-button__icon, button.cf-button--noborder.iconleft .cf-button__icon { margin-left: 0px; margin-right: 20px; } .cf-button--noborder.fullwidth, button.cf-button--noborder.fullwidth { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; width: 100%; -ms-flex-align: center; align-items: center; } .cf-button--noborder.iconleft.fullwidth, button.cf-button--noborder.iconleft.fullwidth { -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; } .cf-button--noborder.loading, button.cf-button--noborder.loading { background: #aad3d3 url("/images/ajax-loader.gif"); background-position: center center; background-repeat: no-repeat; } .cf-button--noborder:hover, .cf-button--noborder:active, .cf-button--noborder:focus, button.cf-button--noborder:hover, button.cf-button--noborder:active, button.cf-button--noborder:focus { transition: all 400ms, background 400ms; padding-right: 0px; } .cf-button--noborder:hover .cf-button__text, .cf-button--noborder:active .cf-button__text, .cf-button--noborder:focus .cf-button__text, button.cf-button--noborder:hover .cf-button__text, button.cf-button--noborder:active .cf-button__text, button.cf-button--noborder:focus .cf-button__text { text-decoration: underline; } .cf-button--noborder:hover .cf-button__icon, .cf-button--noborder:active .cf-button__icon, .cf-button--noborder:focus .cf-button__icon, button.cf-button--noborder:hover .cf-button__icon, button.cf-button--noborder:active .cf-button__icon, button.cf-button--noborder:focus .cf-button__icon { margin: 0px 10px 0 30px; transition: all 400ms; } .cf-button--noborder:hover.iconleft, .cf-button--noborder:active.iconleft, .cf-button--noborder:focus.iconleft, button.cf-button--noborder:hover.iconleft, button.cf-button--noborder:active.iconleft, button.cf-button--noborder:focus.iconleft { padding-right: 20px; } .cf-button--noborder:hover.iconleft .cf-button__icon, .cf-button--noborder:active.iconleft .cf-button__icon, .cf-button--noborder:focus.iconleft .cf-button__icon, button.cf-button--noborder:hover.iconleft .cf-button__icon, button.cf-button--noborder:active.iconleft .cf-button__icon, button.cf-button--noborder:focus.iconleft .cf-button__icon { margin: 0px 20px 0px 0px; } .cf-button--noborder:hover.noicon, .cf-button--noborder:active.noicon, .cf-button--noborder:focus.noicon, button.cf-button--noborder:hover.noicon, button.cf-button--noborder:active.noicon, button.cf-button--noborder:focus.noicon { padding-right: 20px; } .cf-button--noborder:hover.onlyicon .cf-button__icon, .cf-button--noborder:active.onlyicon .cf-button__icon, .cf-button--noborder:focus.onlyicon .cf-button__icon, button.cf-button--noborder:hover.onlyicon .cf-button__icon, button.cf-button--noborder:active.onlyicon .cf-button__icon, button.cf-button--noborder:focus.onlyicon .cf-button__icon { margin-left: 17px; margin-right: 3px; } .cf-button--noborder:hover.onlyicon .cf-button__icon, .cf-button--noborder:active.onlyicon .cf-button__icon, .cf-button--noborder:focus.onlyicon .cf-button__icon, button.cf-button--noborder:hover.onlyicon .cf-button__icon, button.cf-button--noborder:active.onlyicon .cf-button__icon, button.cf-button--noborder:focus.onlyicon .cf-button__icon { margin-left: 17px; margin-right: 3px; } .cf-button--noborder:hover.outline, .cf-button--noborder:active.outline, .cf-button--noborder:focus.outline, button.cf-button--noborder:hover.outline, button.cf-button--noborder:active.outline, button.cf-button--noborder:focus.outline { background: transparent; border: none; } .cf-button--noborder:hover.outline .cf-button__text, .cf-button--noborder:active.outline .cf-button__text, .cf-button--noborder:focus.outline .cf-button__text, button.cf-button--noborder:hover.outline .cf-button__text, button.cf-button--noborder:active.outline .cf-button__text, button.cf-button--noborder:focus.outline .cf-button__text { color: #1e225d; text-decoration: underline; } .cf-button--noborder:hover.outline .cf-button__icon, .cf-button--noborder:active.outline .cf-button__icon, .cf-button--noborder:focus.outline .cf-button__icon, button.cf-button--noborder:hover.outline .cf-button__icon, button.cf-button--noborder:active.outline .cf-button__icon, button.cf-button--noborder:focus.outline .cf-button__icon { color: #1e225d; } .cf-button--noborder:hover.outline .cf-button__icon path, .cf-button--noborder:active.outline .cf-button__icon path, .cf-button--noborder:focus.outline .cf-button__icon path, button.cf-button--noborder:hover.outline .cf-button__icon path, button.cf-button--noborder:active.outline .cf-button__icon path, button.cf-button--noborder:focus.outline .cf-button__icon path { fill: #1e225d; } .cf-button--noborder:hover.outline .cf-button__icon img, .cf-button--noborder:active.outline .cf-button__icon img, .cf-button--noborder:focus.outline .cf-button__icon img, button.cf-button--noborder:hover.outline .cf-button__icon img, button.cf-button--noborder:active.outline .cf-button__icon img, button.cf-button--noborder:focus.outline .cf-button__icon img { filter: unset; } .cf-button--noborder:hover.small, .cf-button--noborder:active.small, .cf-button--noborder:focus.small, button.cf-button--noborder:hover.small, button.cf-button--noborder:active.small, button.cf-button--noborder:focus.small { padding: 5px 0px; } @media print, screen and (min-width: 40em) { .cf-button--noborder, button.cf-button--noborder { margin-bottom: 0px; } } .cf-button--blue-flat-alt, button.cf-button--blue-flat-alt { background: transparent; border: 1px solid #1E225C; border-radius: 8px; color: #1E225C; padding: 15px 20px; display: inline-block; display: -ms-inline-flexbox; display: inline-flex; text-decoration: none; font-weight: 600; display: -ms-flexbox; display: flex; width: 100%; cursor: pointer; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; } @media print, screen and (min-width: 40em) { .cf-button--blue-flat-alt, button.cf-button--blue-flat-alt { display: inline-block; width: inherit; } } .cf-button--blue-flat-alt.greybrdr, button.cf-button--blue-flat-alt.greybrdr { border: 1px solid #CCCCCC; } .cf-button--blue-flat-alt .cf-button__text, button.cf-button--blue-flat-alt .cf-button__text { font-family: 'Lexend', sans-serif; font-display: fallback; letter-spacing: -0.1px; } .cf-button--blue-flat-alt .cf-button__icon, button.cf-button--blue-flat-alt .cf-button__icon { margin-left: 10px; margin-right: 20px; } .cf-button--blue-flat-alt .cf-button__icon path, button.cf-button--blue-flat-alt .cf-button__icon path { fill: #1E225C; } .cf-button--blue-flat-alt .cf-button__icon img, button.cf-button--blue-flat-alt .cf-button__icon img { filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(74deg) brightness(106%) contrast(101%); height: 19.5px; } .cf-button--blue-flat-alt.noicon, button.cf-button--blue-flat-alt.noicon { padding-right: 20px; } .cf-button--blue-flat-alt.noiconfullwidth, button.cf-button--blue-flat-alt.noiconfullwidth { padding-right: 0px !important; width: 100%; } .cf-button--blue-flat-alt.noiconfullwidth .cf-button__text, button.cf-button--blue-flat-alt.noiconfullwidth .cf-button__text { margin: 0 30px; text-align: center; } .cf-button--blue-flat-alt.lefticon .cf-button__icon, button.cf-button--blue-flat-alt.lefticon .cf-button__icon { top: .125em; position: relative; margin-right: 20px; margin-left: 0px; } .cf-button--blue-flat-alt.lefticon .cf-button__icon.image, button.cf-button--blue-flat-alt.lefticon .cf-button__icon.image { top: 0; } .cf-button--blue-flat-alt.outline, button.cf-button--blue-flat-alt.outline { border: none; padding-left: 0px; } @media print, screen and (min-width: 40em) { .cf-button--blue-flat-alt.outline, button.cf-button--blue-flat-alt.outline { padding-left: 20px; } } .cf-button--blue-flat-alt.whitebg, button.cf-button--blue-flat-alt.whitebg { background-color: white; } .cf-button--blue-flat-alt.shadow, button.cf-button--blue-flat-alt.shadow { box-shadow: 0px 3px 10px rgba(42, 62, 82, 0.129); } .cf-button--blue-flat-alt.nopaddingleftright, button.cf-button--blue-flat-alt.nopaddingleftright { padding-left: 0px; padding-right: 0px; } .cf-button--blue-flat-alt.fullwidth, button.cf-button--blue-flat-alt.fullwidth { -ms-flex-pack: justify; justify-content: space-between; width: 100%; display: -ms-flexbox; display: flex; } .cf-button--blue-flat-alt.loading, button.cf-button--blue-flat-alt.loading { background: #aad3d3 url("/images/ajax-loader.gif"); background-position: center center; background-repeat: no-repeat; } .cf-button--blue-flat-alt:hover, .cf-button--blue-flat-alt:active, .cf-button--blue-flat-alt:focus, button.cf-button--blue-flat-alt:hover, button.cf-button--blue-flat-alt:active, button.cf-button--blue-flat-alt:focus { background: #1b2a68; border-color: #152050; color: #fff; transition: all 400ms, background 400ms; padding-right: 0px; } .cf-button--blue-flat-alt:hover .cf-button__text, .cf-button--blue-flat-alt:active .cf-button__text, .cf-button--blue-flat-alt:focus .cf-button__text, button.cf-button--blue-flat-alt:hover .cf-button__text, button.cf-button--blue-flat-alt:active .cf-button__text, button.cf-button--blue-flat-alt:focus .cf-button__text { color: white; } .cf-button--blue-flat-alt:hover .cf-button__icon, .cf-button--blue-flat-alt:active .cf-button__icon, .cf-button--blue-flat-alt:focus .cf-button__icon, button.cf-button--blue-flat-alt:hover .cf-button__icon, button.cf-button--blue-flat-alt:active .cf-button__icon, button.cf-button--blue-flat-alt:focus .cf-button__icon { margin: 0px 10px 0 20px; transition: all 400ms; color: white; } .cf-button--blue-flat-alt:hover .cf-button__icon path, .cf-button--blue-flat-alt:active .cf-button__icon path, .cf-button--blue-flat-alt:focus .cf-button__icon path, button.cf-button--blue-flat-alt:hover .cf-button__icon path, button.cf-button--blue-flat-alt:active .cf-button__icon path, button.cf-button--blue-flat-alt:focus .cf-button__icon path { fill: white; } .cf-button--blue-flat-alt:hover .cf-button__icon img, .cf-button--blue-flat-alt:active .cf-button__icon img, .cf-button--blue-flat-alt:focus .cf-button__icon img, button.cf-button--blue-flat-alt:hover .cf-button__icon img, button.cf-button--blue-flat-alt:active .cf-button__icon img, button.cf-button--blue-flat-alt:focus .cf-button__icon img { filter: invert(95%) sepia(95%) saturate(19%) hue-rotate(337deg) brightness(106%) contrast(106%); } .cf-button--blue-flat-alt:hover.iconleft, .cf-button--blue-flat-alt:active.iconleft, .cf-button--blue-flat-alt:focus.iconleft, button.cf-button--blue-flat-alt:hover.iconleft, button.cf-button--blue-flat-alt:active.iconleft, button.cf-button--blue-flat-alt:focus.iconleft { padding-right: 20px; } .cf-button--blue-flat-alt:hover.iconleft .cf-button__icon, .cf-button--blue-flat-alt:active.iconleft .cf-button__icon, .cf-button--blue-flat-alt:focus.iconleft .cf-button__icon, button.cf-button--blue-flat-alt:hover.iconleft .cf-button__icon, button.cf-button--blue-flat-alt:active.iconleft .cf-button__icon, button.cf-button--blue-flat-alt:focus.iconleft .cf-button__icon { margin: 0px 20px 0px 0px; } .cf-button--blue-flat-alt:hover.noicon, .cf-button--blue-flat-alt:active.noicon, .cf-button--blue-flat-alt:focus.noicon, button.cf-button--blue-flat-alt:hover.noicon, button.cf-button--blue-flat-alt:active.noicon, button.cf-button--blue-flat-alt:focus.noicon { padding-right: 20px; } .cf-button--blue-flat-alt:hover.hasicon .cf-button__icon, .cf-button--blue-flat-alt:active.hasicon .cf-button__icon, .cf-button--blue-flat-alt:focus.hasicon .cf-button__icon, button.cf-button--blue-flat-alt:hover.hasicon .cf-button__icon, button.cf-button--blue-flat-alt:active.hasicon .cf-button__icon, button.cf-button--blue-flat-alt:focus.hasicon .cf-button__icon { margin-left: 30px; } .cf-button--blue-flat-alt:hover.onlyicon .cf-button__icon, .cf-button--blue-flat-alt:active.onlyicon .cf-button__icon, .cf-button--blue-flat-alt:focus.onlyicon .cf-button__icon, button.cf-button--blue-flat-alt:hover.onlyicon .cf-button__icon, button.cf-button--blue-flat-alt:active.onlyicon .cf-button__icon, button.cf-button--blue-flat-alt:focus.onlyicon .cf-button__icon { margin-left: 17px; margin-right: 3px; } .cf-button--blue-flat-alt:hover.onlyicon .cf-button__icon, .cf-button--blue-flat-alt:active.onlyicon .cf-button__icon, .cf-button--blue-flat-alt:focus.onlyicon .cf-button__icon, button.cf-button--blue-flat-alt:hover.onlyicon .cf-button__icon, button.cf-button--blue-flat-alt:active.onlyicon .cf-button__icon, button.cf-button--blue-flat-alt:focus.onlyicon .cf-button__icon { margin-left: 17px; margin-right: 3px; } .cf-button--blue-flat-alt:hover.outline, .cf-button--blue-flat-alt:active.outline, .cf-button--blue-flat-alt:focus.outline, button.cf-button--blue-flat-alt:hover.outline, button.cf-button--blue-flat-alt:active.outline, button.cf-button--blue-flat-alt:focus.outline { background: transparent; border: none; } .cf-button--blue-flat-alt:hover.outline .cf-button__text, .cf-button--blue-flat-alt:active.outline .cf-button__text, .cf-button--blue-flat-alt:focus.outline .cf-button__text, button.cf-button--blue-flat-alt:hover.outline .cf-button__text, button.cf-button--blue-flat-alt:active.outline .cf-button__text, button.cf-button--blue-flat-alt:focus.outline .cf-button__text { color: #1e225d; text-decoration: underline; } .cf-button--blue-flat-alt:hover.outline .cf-button__icon, .cf-button--blue-flat-alt:active.outline .cf-button__icon, .cf-button--blue-flat-alt:focus.outline .cf-button__icon, button.cf-button--blue-flat-alt:hover.outline .cf-button__icon, button.cf-button--blue-flat-alt:active.outline .cf-button__icon, button.cf-button--blue-flat-alt:focus.outline .cf-button__icon { color: #1e225d; } .cf-button--blue-flat-alt:hover.outline .cf-button__icon path, .cf-button--blue-flat-alt:active.outline .cf-button__icon path, .cf-button--blue-flat-alt:focus.outline .cf-button__icon path, button.cf-button--blue-flat-alt:hover.outline .cf-button__icon path, button.cf-button--blue-flat-alt:active.outline .cf-button__icon path, button.cf-button--blue-flat-alt:focus.outline .cf-button__icon path { fill: #1e225d; } .cf-button--blue-flat-alt:hover.outline .cf-button__icon img, .cf-button--blue-flat-alt:active.outline .cf-button__icon img, .cf-button--blue-flat-alt:focus.outline .cf-button__icon img, button.cf-button--blue-flat-alt:hover.outline .cf-button__icon img, button.cf-button--blue-flat-alt:active.outline .cf-button__icon img, button.cf-button--blue-flat-alt:focus.outline .cf-button__icon img { filter: unset; } .cf-button--blue-flat-alt:hover.small, .cf-button--blue-flat-alt:active.small, .cf-button--blue-flat-alt:focus.small, button.cf-button--blue-flat-alt:hover.small, button.cf-button--blue-flat-alt:active.small, button.cf-button--blue-flat-alt:focus.small { padding: 5px 0px; } .cf-button--blue-flat-alt:hover.textcentered, .cf-button--blue-flat-alt:active.textcentered, .cf-button--blue-flat-alt:focus.textcentered, button.cf-button--blue-flat-alt:hover.textcentered, button.cf-button--blue-flat-alt:active.textcentered, button.cf-button--blue-flat-alt:focus.textcentered { padding-right: 20px; } .cf-button--blue-flat-alt:hover.textcentered .cf-button__icon, .cf-button--blue-flat-alt:active.textcentered .cf-button__icon, .cf-button--blue-flat-alt:focus.textcentered .cf-button__icon, button.cf-button--blue-flat-alt:hover.textcentered .cf-button__icon, button.cf-button--blue-flat-alt:active.textcentered .cf-button__icon, button.cf-button--blue-flat-alt:focus.textcentered .cf-button__icon { margin-left: 35px; margin-right: 0px; } .cf-button--clean, button.cf-button--clean { background: transparent; border: none; color: #1b2a68; padding: 16px 0px; padding-right: 11px; display: inline-block; height: inherit !important; text-decoration: none; font-weight: bold; cursor: pointer; display: -ms-flexbox; display: flex; width: 100%; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; } @media print, screen and (min-width: 40em) { .cf-button--clean, button.cf-button--clean { display: inline-block; width: inherit; } } .cf-button--clean.border, button.cf-button--clean.border { border-bottom: 1px solid #1b2a68; } .cf-button--clean .cf-button__text, button.cf-button--clean .cf-button__text { margin: 0px; position: relative; font-family: 'Lexend', sans-serif; font-display: fallback; letter-spacing: -0.1px; } @media print, screen and (min-width: 40em) { .cf-button--clean .cf-button__text, button.cf-button--clean .cf-button__text { top: unset; } } .cf-button--clean .cf-button__icon, button.cf-button--clean .cf-button__icon { position: relative; margin-right: 0px; margin-left: 20px; } .cf-button--clean .cf-button__icon path, button.cf-button--clean .cf-button__icon path { fill: #1E225C; } .cf-button--clean .cf-button__icon img, button.cf-button--clean .cf-button__icon img { filter: invert(20%) sepia(9%) saturate(5499%) hue-rotate(194deg) brightness(95%) contrast(106%); height: 19.5px; } .cf-button--clean.noicon, button.cf-button--clean.noicon { padding-right: 0px; } .cf-button--clean.noiconfullwidth, button.cf-button--clean.noiconfullwidth { padding-right: 0px !important; width: 100%; } .cf-button--clean.noiconfullwidth .cf-button__text, button.cf-button--clean.noiconfullwidth .cf-button__text { margin: 0 30px; text-align: center; } .cf-button--clean.iconleft .cf-button__icon, button.cf-button--clean.iconleft .cf-button__icon { margin-left: 0px; margin-right: 20px; } .cf-button--clean.fullwidth, button.cf-button--clean.fullwidth { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; width: 100%; -ms-flex-align: center; align-items: center; } .cf-button--clean.iconleft.fullwidth, button.cf-button--clean.iconleft.fullwidth { -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; } .cf-button--clean.loading, button.cf-button--clean.loading { background: #aad3d3 url("/images/ajax-loader.gif"); background-position: center center; background-repeat: no-repeat; } .cf-button--clean:hover, .cf-button--clean:active, .cf-button--clean:focus, button.cf-button--clean:hover, button.cf-button--clean:active, button.cf-button--clean:focus { transition: all 400ms, background 400ms; padding-right: 0px; } .cf-button--clean:hover .cf-button__text, .cf-button--clean:active .cf-button__text, .cf-button--clean:focus .cf-button__text, button.cf-button--clean:hover .cf-button__text, button.cf-button--clean:active .cf-button__text, button.cf-button--clean:focus .cf-button__text { text-decoration: underline; } .cf-button--clean:hover .cf-button__icon, .cf-button--clean:active .cf-button__icon, .cf-button--clean:focus .cf-button__icon, button.cf-button--clean:hover .cf-button__icon, button.cf-button--clean:active .cf-button__icon, button.cf-button--clean:focus .cf-button__icon { margin: 0px 10px 0 30px; transition: all 400ms; } .cf-button--clean:hover.noicon, .cf-button--clean:active.noicon, .cf-button--clean:focus.noicon, button.cf-button--clean:hover.noicon, button.cf-button--clean:active.noicon, button.cf-button--clean:focus.noicon { padding-right: 20px; } .cf-button--clean:hover.onlyicon .cf-button__icon, .cf-button--clean:active.onlyicon .cf-button__icon, .cf-button--clean:focus.onlyicon .cf-button__icon, button.cf-button--clean:hover.onlyicon .cf-button__icon, button.cf-button--clean:active.onlyicon .cf-button__icon, button.cf-button--clean:focus.onlyicon .cf-button__icon { margin-left: 17px; margin-right: 3px; } .cf-button--white-alt, button.cf-button--white-alt { background: transparent; border: 2px solid white; border-radius: 8px; color: white; padding: 15px 20px; display: inline-block; height: inherit !important; text-decoration: none; font-weight: bold; margin-bottom: 10px; cursor: pointer; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; } @media print, screen and (min-width: 40em) { .cf-button--white-alt, button.cf-button--white-alt { display: inline-block; width: inherit; } } .cf-button--white-alt .cf-button__text, button.cf-button--white-alt .cf-button__text { margin: 0px; position: relative; top: -0.125rem; color: white; font-family: 'Lexend', sans-serif; font-display: fallback; letter-spacing: -0.1px; } @media print, screen and (min-width: 40em) { .cf-button--white-alt .cf-button__text, button.cf-button--white-alt .cf-button__text { top: unset; } } .cf-button--white-alt .cf-button__icon, button.cf-button--white-alt .cf-button__icon { top: .125em; position: relative; margin-right: 0px; margin-left: 20px; } .cf-button--white-alt .cf-button__icon img, button.cf-button--white-alt .cf-button__icon img { filter: invert(100%) sepia(2%) saturate(9%) hue-rotate(351deg) brightness(101%) contrast(101%); } .cf-button--white-alt .cf-button__icon.image, button.cf-button--white-alt .cf-button__icon.image { top: 0; } .cf-button--white-alt.lefticon .cf-button__icon, button.cf-button--white-alt.lefticon .cf-button__icon { top: .125em; position: relative; margin-right: 20px; margin-left: 0px; } .cf-button--white-alt.lefticon .cf-button__icon.image, button.cf-button--white-alt.lefticon .cf-button__icon.image { top: 0; } .cf-button--white-alt.noicon, button.cf-button--white-alt.noicon { display: inline-block; } .cf-button--white-alt.noicon .cf-button__text, button.cf-button--white-alt.noicon .cf-button__text { margin: 0px; text-align: center; } .cf-button--white-alt.noiconfullwidth, button.cf-button--white-alt.noiconfullwidth { padding-right: 0px !important; width: 100%; } .cf-button--white-alt.noiconfullwidth .cf-button__text, button.cf-button--white-alt.noiconfullwidth .cf-button__text { margin: 0 30px; text-align: center; } .cf-button--white-alt.fullwidth, button.cf-button--white-alt.fullwidth { -ms-flex-pack: justify; justify-content: space-between; width: 100%; } .cf-button--white-alt.loading, button.cf-button--white-alt.loading { background: #aad3d3 url("/images/ajax-loader.gif"); background-position: center center; background-repeat: no-repeat; } .cf-button--white-alt:hover, .cf-button--white-alt:active, .cf-button--white-alt:focus, button.cf-button--white-alt:hover, button.cf-button--white-alt:active, button.cf-button--white-alt:focus { background: white; color: #1e225d !important; padding-right: 10px; transition: color 400ms, background 400ms, padding 400ms; } .cf-button--white-alt:hover .cf-button__icon, .cf-button--white-alt:active .cf-button__icon, .cf-button--white-alt:focus .cf-button__icon, button.cf-button--white-alt:hover .cf-button__icon, button.cf-button--white-alt:active .cf-button__icon, button.cf-button--white-alt:focus .cf-button__icon { margin: 0px 0px 0px 30px; transition: margin 400ms, box-shadow 400ms, filter 400ms; } .cf-button--white-alt:hover .cf-button__icon img, .cf-button--white-alt:active .cf-button__icon img, .cf-button--white-alt:focus .cf-button__icon img, button.cf-button--white-alt:hover .cf-button__icon img, button.cf-button--white-alt:active .cf-button__icon img, button.cf-button--white-alt:focus .cf-button__icon img { filter: none; } .cf-button--white-alt:hover .cf_button__text, .cf-button--white-alt:active .cf_button__text, .cf-button--white-alt:focus .cf_button__text, button.cf-button--white-alt:hover .cf_button__text, button.cf-button--white-alt:active .cf_button__text, button.cf-button--white-alt:focus .cf_button__text { color: #1e225d !important; } .cf-button--white-alt:hover.lefticon, .cf-button--white-alt:active.lefticon, .cf-button--white-alt:focus.lefticon, button.cf-button--white-alt:hover.lefticon, button.cf-button--white-alt:active.lefticon, button.cf-button--white-alt:focus.lefticon { padding-right: 20px; padding-left: 10px; } .cf-button--white-alt:hover.lefticon .cf_button__text, .cf-button--white-alt:active.lefticon .cf_button__text, .cf-button--white-alt:focus.lefticon .cf_button__text, button.cf-button--white-alt:hover.lefticon .cf_button__text, button.cf-button--white-alt:active.lefticon .cf_button__text, button.cf-button--white-alt:focus.lefticon .cf_button__text { color: #1e225d !important; } .cf-button--white-alt:hover.lefticon .cf-button__icon, .cf-button--white-alt:active.lefticon .cf-button__icon, .cf-button--white-alt:focus.lefticon .cf-button__icon, button.cf-button--white-alt:hover.lefticon .cf-button__icon, button.cf-button--white-alt:active.lefticon .cf-button__icon, button.cf-button--white-alt:focus.lefticon .cf-button__icon { margin: 0px 30px 0 0; transition: margin 400ms, box-shadow 400ms, filter 400ms, padding 400ms; } .cf-button--white-alt:hover.noicon, .cf-button--white-alt:active.noicon, .cf-button--white-alt:focus.noicon, button.cf-button--white-alt:hover.noicon, button.cf-button--white-alt:active.noicon, button.cf-button--white-alt:focus.noicon { padding-right: 20px; } .cf-button--white-alt:hover.noicon .cf_button__text, .cf-button--white-alt:active.noicon .cf_button__text, .cf-button--white-alt:focus.noicon .cf_button__text, button.cf-button--white-alt:hover.noicon .cf_button__text, button.cf-button--white-alt:active.noicon .cf_button__text, button.cf-button--white-alt:focus.noicon .cf_button__text { color: #1e225d !important; } .cf-button--green, button.cf-button--green { background: #02ABAC; border: 0px; border-bottom: 3px solid #035B5B; color: white; } .cf-button--green .cf-button__text, button.cf-button--green .cf-button__text { color: white; } .cf-button--green.noicon, button.cf-button--green.noicon { padding-right: 0px !important; display: inline-block; padding-top: 7px; } .cf-button--green.noicon .cf-button__text, button.cf-button--green.noicon .cf-button__text { margin: 0 30px; text-align: center; } .cf-button--green.noiconfullwidth, button.cf-button--green.noiconfullwidth { padding-right: 0px !important; width: 100%; } .cf-button--green.noiconfullwidth .cf-button__text, button.cf-button--green.noiconfullwidth .cf-button__text { margin: 0 20px; text-align: center; display: inline-block; } .cf-button--green.loading, button.cf-button--green.loading { background: #aad3d3 url("/images/ajax-loader.gif"); background-position: center center; background-repeat: no-repeat; } .cf-button--green:hover, .cf-button--green:active, .cf-button--green:focus, button.cf-button--green:hover, button.cf-button--green:active, button.cf-button--green:focus { background: #028d8e !important; border-color: #023d3d; color: #fff; } .cf-button--green:hover .cf-button__icon, .cf-button--green:active .cf-button__icon, .cf-button--green:focus .cf-button__icon, button.cf-button--green:hover .cf-button__icon, button.cf-button--green:active .cf-button__icon, button.cf-button--green:focus .cf-button__icon { margin: -2px 15px 0 0; transition: margin 400ms, box-shadow 400ms; } .cf-button--red, button.cf-button--red { background: #ff5055; border: 0px; border-bottom: 3px solid #d64446; color: white; } .cf-button--red.noicon, button.cf-button--red.noicon { padding-right: 0px !important; display: inline-block; padding-top: 7px; } .cf-button--red.noicon .cf-button__text, button.cf-button--red.noicon .cf-button__text { margin: 0 30px; text-align: center; } .cf-button--red.noiconfullwidth, button.cf-button--red.noiconfullwidth { padding-right: 0px !important; width: 100%; } .cf-button--red.noiconfullwidth .cf-button__text, button.cf-button--red.noiconfullwidth .cf-button__text { margin: 0 30px; text-align: center; } .cf-button--red.loading, button.cf-button--red.loading { background: #aad3d3 url("/images/ajax-loader.gif"); background-position: center center; background-repeat: no-repeat; } .cf-button--red:hover, .cf-button--red:active, .cf-button--red:focus, button.cf-button--red:hover, button.cf-button--red:active, button.cf-button--red:focus { background: #ff3137 !important; border-color: #ce2d2f; color: #fff; } .cf-button--red:hover .cf-button__icon, .cf-button--red:active .cf-button__icon, .cf-button--red:focus .cf-button__icon, button.cf-button--red:hover .cf-button__icon, button.cf-button--red:active .cf-button__icon, button.cf-button--red:focus .cf-button__icon { margin: -2px 15px 0 0; transition: margin 400ms, box-shadow 400ms; } .cf-button--transparent, button.cf-button--transparent { background: transparent; color: white; border: 2px solid white; } .cf-button--transparent:hover, .cf-button--transparent:active, .cf-button--transparent:focus, button.cf-button--transparent:hover, button.cf-button--transparent:active, button.cf-button--transparent:focus { background: #fff !important; color: #000 !important; } .cf-button--transparent:hover .cf-button__icon, .cf-button--transparent:active .cf-button__icon, .cf-button--transparent:focus .cf-button__icon, button.cf-button--transparent:hover .cf-button__icon, button.cf-button--transparent:active .cf-button__icon, button.cf-button--transparent:focus .cf-button__icon { margin: -2px 15px 0 0; transition: margin 400ms, box-shadow 400ms; } .cf-button--orange, button.cf-button--orange { background: #ff9900; color: white; } .cf-button--orange .cf-button__text, button.cf-button--orange .cf-button__text { color: white; } .cf-button--orange.noicon, button.cf-button--orange.noicon { padding-right: 0px !important; display: inline-block; padding-top: 7px; } .cf-button--orange.noicon .cf-button__text, button.cf-button--orange.noicon .cf-button__text { margin: 0 30px; text-align: center; color: white; } .cf-button--orange.noiconfullwidth, button.cf-button--orange.noiconfullwidth { padding-right: 0px !important; width: 100%; } .cf-button--orange.noiconfullwidth .cf-button__text, button.cf-button--orange.noiconfullwidth .cf-button__text { margin: 0 30px; text-align: center; } .cf-button--orange:hover, .cf-button--orange:active, .cf-button--orange:focus, button.cf-button--orange:hover, button.cf-button--orange:active, button.cf-button--orange:focus { background: #ff9900; color: #fff; } .cf-button--orange:hover .cf-button__icon, .cf-button--orange:active .cf-button__icon, .cf-button--orange:focus .cf-button__icon, button.cf-button--orange:hover .cf-button__icon, button.cf-button--orange:active .cf-button__icon, button.cf-button--orange:focus .cf-button__icon { margin: -2px 15px 0 0; transition: margin 400ms, box-shadow 400ms; } .cf-button--alt, button.cf-button--alt { background: #ff9900; color: white; } .cf-button--alt span, button.cf-button--alt span { color: white; } .cf-button--alt svg path, button.cf-button--alt svg path { fill: white; } .cf-button--alt:hover, .cf-button--alt:active, .cf-button--alt:focus, button.cf-button--alt:hover, button.cf-button--alt:active, button.cf-button--alt:focus { background: #ff9900; color: #fff; } .cf-button--alt:hover .cf-button__icon, .cf-button--alt:active .cf-button__icon, .cf-button--alt:focus .cf-button__icon, button.cf-button--alt:hover .cf-button__icon, button.cf-button--alt:active .cf-button__icon, button.cf-button--alt:focus .cf-button__icon { margin: -2px 15px 0 0; transition: margin 400ms, box-shadow 400ms; } .cf-button--dark-background, button.cf-button--dark-background { background: none; color: #fff; } .cf-button--dark-background:hover, .cf-button--dark-background:active, .cf-button--dark-background:focus, button.cf-button--dark-background:hover, button.cf-button--dark-background:active, button.cf-button--dark-background:focus { background: #ff9900; color: #fff; } .cf-button--dark-background:hover .cf-button__icon, .cf-button--dark-background:active .cf-button__icon, .cf-button--dark-background:focus .cf-button__icon, button.cf-button--dark-background:hover .cf-button__icon, button.cf-button--dark-background:active .cf-button__icon, button.cf-button--dark-background:focus .cf-button__icon { margin: -2px 15px 0 0; transition: margin 400ms, box-shadow 400ms; } .cf-button--simple, button.cf-button--simple { border: none; background: none; border-radius: none; text-decoration: underline; } .cf-button--simple .cf-button__text, button.cf-button--simple .cf-button__text { font-weight: 500; } .cf-button--simple.noiconfullwidth, button.cf-button--simple.noiconfullwidth { padding-right: 0px !important; width: 100%; } .cf-button--simple.noiconfullwidth .cf-button__text, button.cf-button--simple.noiconfullwidth .cf-button__text { margin: 0 30px; text-align: center; } .cf-button--simple:hover, .cf-button--simple:active, .cf-button--simple:focus, button.cf-button--simple:hover, button.cf-button--simple:active, button.cf-button--simple:focus { background: none; text-decoration: none; color: #0a0a0a; } .cf-button--simple:hover .cf-button__icon, .cf-button--simple:active .cf-button__icon, .cf-button--simple:focus .cf-button__icon, button.cf-button--simple:hover .cf-button__icon, button.cf-button--simple:active .cf-button__icon, button.cf-button--simple:focus .cf-button__icon { margin: -2px 15px 0 0; transition: margin 400ms, box-shadow 400ms; } .cf-button--padding, button.cf-button--padding { display: inline-block; padding: 7px 10px; height: 0px; min-height: 42px; } .cf-button--padding .cf-button__text, button.cf-button--padding .cf-button__text { padding-top: 2px; display: inline-block; vertical-align: top; margin: -2px 10px 0 5px; } @media print, screen and (min-width: 40em) { .cf-button--padding .cf-button__text, button.cf-button--padding .cf-button__text { margin: -2px 30px 0 15px; } } .cf-button--padding .cf-button__icon, button.cf-button--padding .cf-button__icon { padding-top: 2px; display: inline-block; margin: -2px 5px 0 0; } @media print, screen and (min-width: 40em) { .cf-button--padding .cf-button__icon, button.cf-button--padding .cf-button__icon { margin: -2px 20px 0 0; } } .cf-button--padding:hover, .cf-button--padding:active, .cf-button--padding:focus, button.cf-button--padding:hover, button.cf-button--padding:active, button.cf-button--padding:focus { background: #e08700; color: #fff; } .cf-button--padding:hover .cf-button__icon, .cf-button--padding:active .cf-button__icon, .cf-button--padding:focus .cf-button__icon, button.cf-button--padding:hover .cf-button__icon, button.cf-button--padding:active .cf-button__icon, button.cf-button--padding:focus .cf-button__icon { margin: -2px 15px 0 5px; transition: margin 400ms, box-shadow 400ms; } .cf-button--lastminute, button.cf-button--lastminute { cursor: pointer; -webkit-appearance: none; transition: background-color 0.25s ease-out, color 0.25s ease-out; vertical-align: middle; display: -ms-flexbox; display: flex; border: none; background: none; border-radius: none; text-decoration: none; margin-bottom: 45%; margin-top: 45%; } [data-whatinput='mouse'] .cf-button--lastminute, [data-whatinput='mouse'] button.cf-button--lastminute { outline: 0; } @media print, screen and (min-width: 40em) { .cf-button--lastminute, button.cf-button--lastminute { margin-bottom: 0; } } .cf-button--lastminute .cf-button__text, button.cf-button--lastminute .cf-button__text { font-size: 1.3rem; font-family: 'Poppins', sans-serif; font-display: fallback; font-weight: bold; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-item-align: center; align-self: center; margin: -2px 30px 0 20px; } @media print, screen and (min-width: 40em) { .cf-button--lastminute .cf-button__text, button.cf-button--lastminute .cf-button__text { margin: -2px 30px 0 15px; } } .cf-button--lastminute .cf-button__icon, button.cf-button--lastminute .cf-button__icon { font-size: 140%; -ms-flex-item-align: center; align-self: center; margin: -2px 20px 0 0; } @media print, screen and (min-width: 40em) { .cf-button--lastminute .cf-button__icon, button.cf-button--lastminute .cf-button__icon { margin: -2px 20px 0 0; } } .cf-button--lastminute:hover, .cf-button--lastminute:active, .cf-button--lastminute:focus, button.cf-button--lastminute:hover, button.cf-button--lastminute:active, button.cf-button--lastminute:focus { background: none; text-decoration: none; color: #0a0a0a; } .cf-button--lastminute:hover .cf-button__icon, .cf-button--lastminute:active .cf-button__icon, .cf-button--lastminute:focus .cf-button__icon, button.cf-button--lastminute:hover .cf-button__icon, button.cf-button--lastminute:active .cf-button__icon, button.cf-button--lastminute:focus .cf-button__icon { margin: -2px 15px 0 0; transition: margin 400ms, box-shadow 400ms; } .cf-button--light, button.cf-button--light { border: 1px solid #cacaca; } .cf-button--light .cf-button__text, button.cf-button--light .cf-button__text { font-weight: 500; } .cf-button--light:hover, .cf-button--light:active, .cf-button--light:focus, button.cf-button--light:hover, button.cf-button--light:active, button.cf-button--light:focus { background: #ff9900; color: #fff; } .cf-button--light:hover .cf-button__icon, .cf-button--light:active .cf-button__icon, .cf-button--light:focus .cf-button__icon, button.cf-button--light:hover .cf-button__icon, button.cf-button--light:active .cf-button__icon, button.cf-button--light:focus .cf-button__icon { margin: -2px 15px 0 0; transition: margin 400ms, box-shadow 400ms; } .cf-button--large, button.cf-button--large { height: 50px; padding-top: 12px !important; } @media print, screen and (min-width: 40em) { .cf-button--large, button.cf-button--large { padding-top: 8px !important; } } .cf-button--large .cf-button__text, button.cf-button--large .cf-button__text { font-size: 1.2rem; padding: 10px; } .cf-button--altwhite, button.cf-button--altwhite { border: 2px solid white; background-coloR: transparent; } .cf-button--altwhite:hover, .cf-button--altwhite:active, .cf-button--altwhite:focus, button.cf-button--altwhite:hover, button.cf-button--altwhite:active, button.cf-button--altwhite:focus { background: white !important; color: #1e225d; } .cf-button--altwhite:hover .cf-button__icon, .cf-button--altwhite:active .cf-button__icon, .cf-button--altwhite:focus .cf-button__icon, button.cf-button--altwhite:hover .cf-button__icon, button.cf-button--altwhite:active .cf-button__icon, button.cf-button--altwhite:focus .cf-button__icon { margin: -2px 15px 0 0; transition: margin 400ms, box-shadow 400ms; } .cf-button--altblue, button.cf-button--altblue { border: 2px solid #1e225d; color: #1e225d; background-coloR: transparent; } .cf-button--altblue:hover, .cf-button--altblue:active, .cf-button--altblue:focus, button.cf-button--altblue:hover, button.cf-button--altblue:active, button.cf-button--altblue:focus { background: #171a46 !important; border-color: #171a46; color: #fff; } .cf-button--altblue:hover .cf-button__icon, .cf-button--altblue:active .cf-button__icon, .cf-button--altblue:focus .cf-button__icon, button.cf-button--altblue:hover .cf-button__icon, button.cf-button--altblue:active .cf-button__icon, button.cf-button--altblue:focus .cf-button__icon { margin: -2px 15px 0 0; transition: margin 400ms, box-shadow 400ms; } .cf-button--altblue .cf-button__text, button.cf-button--altblue .cf-button__text { margin: 0px 30px 0 30px; } .cf-button--top10training, button.cf-button--top10training { height: 53px; border: 1px solid #1E225C; box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16); } .cf-button--top10training .cf-button__trainingicon > img, button.cf-button--top10training .cf-button__trainingicon > img { margin: 7px 15px; margin-right: 0px; } .cf-button--top10training .cf-button__text, button.cf-button--top10training .cf-button__text { font-weight: 700; font-size: 1.1rem; margin-top: 0px; color: #1E225C; font-family: 'Lexend', sans-serif; font-display: fallback; } .cf-button--top10training .cf-button__icon, button.cf-button--top10training .cf-button__icon { color: #ff9900; } @media print, screen and (min-width: 40em) { .cf-button--top10training .cf-button__text, button.cf-button--top10training .cf-button__text { font-size: 1rem; } } @media print, screen and (min-width: 64em) { .cf-button--top10training .cf-button__text, button.cf-button--top10training .cf-button__text { font-size: 1.1rem; } } .cf-button--top10training:hover, .cf-button--top10training:active, .cf-button--top10training:focus, button.cf-button--top10training:hover, button.cf-button--top10training:active, button.cf-button--top10training:focus { background: #ff9900; color: #fff; color: white; } .cf-button--top10training:hover .cf-button__icon, .cf-button--top10training:active .cf-button__icon, .cf-button--top10training:focus .cf-button__icon, button.cf-button--top10training:hover .cf-button__icon, button.cf-button--top10training:active .cf-button__icon, button.cf-button--top10training:focus .cf-button__icon { margin: -2px 15px 0 0; transition: margin 400ms, box-shadow 400ms; } .cf-button--top10training:hover .cf-button__text, .cf-button--top10training:active .cf-button__text, .cf-button--top10training:focus .cf-button__text, button.cf-button--top10training:hover .cf-button__text, button.cf-button--top10training:active .cf-button__text, button.cf-button--top10training:focus .cf-button__text { color: white; } .cf-button--top10training:hover .cf-button__icon, .cf-button--top10training:active .cf-button__icon, .cf-button--top10training:focus .cf-button__icon, button.cf-button--top10training:hover .cf-button__icon, button.cf-button--top10training:active .cf-button__icon, button.cf-button--top10training:focus .cf-button__icon { color: white; } .cf-button--top10training__homebutton, button.cf-button--top10training__homebutton { border: none; margin: 0 !important; height: 100%; } @media screen and (min-width: 40em) { .cf-button--top10training__homebutton, button.cf-button--top10training__homebutton { margin: 15px 0px !important; } } .cf-button--top10training__homebutton .cf-button__text, button.cf-button--top10training__homebutton .cf-button__text { font-size: 15px; color: #1e225d; font-weight: 500; margin: 0; } .cf-button--top10training__homebutton .cf-button__text span, button.cf-button--top10training__homebutton .cf-button__text span { font-weight: 800; } @media screen and (min-width: 40em) { .cf-button--top10training__homebutton .cf-button__text, button.cf-button--top10training__homebutton .cf-button__text { font-size: 16px; } .cf-button--top10training__homebutton .cf-button__text span, button.cf-button--top10training__homebutton .cf-button__text span { font-weight: 500; } } .cf-button--top10training__homebutton .homebutton-icon, button.cf-button--top10training__homebutton .homebutton-icon { display: grid; -ms-flex-line-pack: center; align-content: center; margin-right: 20px; font-size: 1.2rem; color: #1e225d; } @media print, screen and (min-width: 40em) { .cf-button--top10training__homebutton .cf-button__text, button.cf-button--top10training__homebutton .cf-button__text { font-size: 1rem; } } @media print, screen and (min-width: 64em) { .cf-button--top10training__homebutton .cf-button__text, button.cf-button--top10training__homebutton .cf-button__text { font-size: 1.1rem; } } .cf-button--top10training__homebutton:hover, .cf-button--top10training__homebutton:active, .cf-button--top10training__homebutton:focus, button.cf-button--top10training__homebutton:hover, button.cf-button--top10training__homebutton:active, button.cf-button--top10training__homebutton:focus { color: #1e225d; background-color: transparent; } .cf-button--top10training__homebutton:hover .cf-button__icon, .cf-button--top10training__homebutton:hover .homebutton-icon, .cf-button--top10training__homebutton:active .cf-button__icon, .cf-button--top10training__homebutton:active .homebutton-icon, .cf-button--top10training__homebutton:focus .cf-button__icon, .cf-button--top10training__homebutton:focus .homebutton-icon, button.cf-button--top10training__homebutton:hover .cf-button__icon, button.cf-button--top10training__homebutton:hover .homebutton-icon, button.cf-button--top10training__homebutton:active .cf-button__icon, button.cf-button--top10training__homebutton:active .homebutton-icon, button.cf-button--top10training__homebutton:focus .cf-button__icon, button.cf-button--top10training__homebutton:focus .homebutton-icon { margin: 0px 5px 0px 15px; transition: margin 400ms, box-shadow 400ms; } .cf-button--top10training__homebutton:hover .cf-button__text, .cf-button--top10training__homebutton:active .cf-button__text, .cf-button--top10training__homebutton:focus .cf-button__text, button.cf-button--top10training__homebutton:hover .cf-button__text, button.cf-button--top10training__homebutton:active .cf-button__text, button.cf-button--top10training__homebutton:focus .cf-button__text { color: #1e225d; } .cf-button--top10training__homebutton:hover .cf-button__icon, .cf-button--top10training__homebutton:active .cf-button__icon, .cf-button--top10training__homebutton:focus .cf-button__icon, button.cf-button--top10training__homebutton:hover .cf-button__icon, button.cf-button--top10training__homebutton:active .cf-button__icon, button.cf-button--top10training__homebutton:focus .cf-button__icon { color: #1e225d; } .arrow-up { width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid #f2f8ff; } .arrow-down { width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #f2f8ff; } .arrow-right { width: 0; height: 0; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 5px solid #f2f8ff; } .arrow-left { width: 0; height: 0; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-right: 5px solid #f2f8ff; } .breadcrumbs { font-family: 'Poppins', sans-serif; font-display: fallback; margin: 0px; margin-top: 7px !important; display: -ms-flexbox; display: flex; } .breadcrumbs li { float: none; display: -ms-flexbox; display: flex; position: relative; margin: 0px !important; } .breadcrumbs li a { text-decoration: none; padding: 8px 13px; color: #1E225C; font-size: 15px; line-height: 1; font-weight: 400; } .breadcrumbs a span { vertical-align: middle; } .breadcrumbs a .hidden, .breadcrumbs li .hidden { display: none; } .breadcrumbs a.active, .breadcrumbs a:hover { text-decoration: underline; transition: all 400ms; } .breadcrumbs li.last.nolink, .breadcrumbs li.nolink { text-decoration: none; padding: 8px 13px; color: #1E225C; font-size: 15px; line-height: 1; font-weight: 400; } .breadcrumbs li.nolink:not(.last) { padding-left: 5px; padding-right: 10px; } .breadcrumbs li.nolink:not(.last)::after { margin-left: 20px; } .breadcrumbs li.last .visible { max-width: 250px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .breadcrumbs li:not(.last) a { padding: 10px 13px; padding: 8px 11px; } .breadcrumbs li:not(.last)::after { content: "<"; color: #1E225C; position: relative; top: 0px; font-size: 125%; margin: 0 0.35rem; } .breadcrumbs a { text-decoration: underline; } .breadcrumbs__home a { width: 36px; padding: 8px !important; padding-top: 6px !important; text-decoration: none; text-align: center; } @media print { .breadcrumbs { display: none !important; } } .wordpress-admin-bar { width: 100%; height: 25px; margin: 0; padding: 0; } .wordpress-admin-bar li { margin: 0; padding: 0; float: left; height: 100%; } .wordpress-admin-bar li a { float: right; background: #ffffff; color: #0a0a0a; display: block; line-height: 25px; padding: 0 20px; font-weight: 300; font-size: 0.8125rem; text-decoration: none; text-transform: uppercase; } .wordpress-admin-bar li a:hover, .wordpress-admin-bar li a:focus { color: #1e225d; } .tooltip { background-color: #f2f8ff; color: #1e225d; max-width: 12rem; border-radius: 4px; } .tooltip::before { border-color: transparent transparent #f2f8ff; } .beoordeling-block { background-color: #F8F8FA; padding-top: 75px; padding-bottom: 75px; position: relative; } .beoordeling-block:after { content: ""; position: absolute; left: 50%; bottom: -75px; margin-left: -50px; border-left: 50px solid transparent; border-right: 50px solid transparent; border-top: 30px solid #F8F8FA; border-bottom: 50px solid transparent; } @media print, screen and (min-width: 40em) { .beoordeling-block.keuzehulp { margin-left: auto; margin-right: auto; } } .beoordeling-block.keuzehulp:after { display: none; } @media print, screen and (min-width: 40em) { .beoordeling-block.keuzehulp .beoordeling-block__item__row.keuzehulp { margin-left: auto; } } @media print, screen and (min-width: 40em) { .beoordeling-block.keuzehulp .divtitlekeuzehulp { margin-left: auto; } } .beoordeling-block.keuzehulp .column, .beoordeling-block.keuzehulp .columns { display: block; } .beoordeling-block__title { font-family: 'Lexend', sans-serif; font-display: fallback; font-size: 1.5625rem; font-weight: 800; color: #1e225d; text-align: center; } @media print, screen and (min-width: 64em) { .beoordeling-block__title { width: 40%; } } .beoordeling-block__title.keuzehulp { font-size: 1.25rem; font-weight: 600; width: initial; text-align: start; margin-bottom: 7px; } .beoordeling-block__subtitle { margin-top: 14px; text-align: center; } .beoordeling-block__subtitle a { font-family: 'Lexend', sans-serif; font-display: fallback; } .beoordeling-block__subtitle.keuzehulp { font-weight: 300; margin-top: 0; text-align: left; } .beoordeling-block .column, .beoordeling-block .columns { display: grid; justify-items: center; } .beoordeling-block .column.keuzehulp, .beoordeling-block .keuzehulp.columns { justify-items: start; } .beoordeling-block__item__row { margin-top: 35px; -ms-flex-pack: center; justify-content: center; } .beoordeling-block__item__row.keuzehulp { -ms-flex-pack: start; justify-content: start; gap: 28px; } @media print, screen and (min-width: 64em) { .beoordeling-block__item__row.keuzehulp { gap: 100px; } } .beoordeling-block__item.keuzehulp { -ms-flex-pack: start; justify-content: start; } .beoordeling-block__item__logo { text-align: center; } .beoordeling-block__item__logo img { height: 7vh; object-fit: contain; } @media print, screen and (min-width: 40em) { .beoordeling-block__item__logo img { height: 12.6vh; } } .beoordeling-block__item__logo.keuzehulp { height: 45px; } @media print, screen and (min-width: 40em) { .beoordeling-block__item__logo.keuzehulp { height: 45px; } } .beoordeling-block__item__logo.keuzehulp img { height: 100%; } @media print, screen and (min-width: 40em) { .beoordeling-block__item__logo.keuzehulp img { height: 120%; } .beoordeling-block__item__logo.keuzehulp img.springtestlogo { height: 100%; } } @media print, screen and (min-width: 64em) { .beoordeling-block__item__logo.keuzehulp { text-align: left; } } .beoordeling-block__item__logo .springtestlogo { margin-left: 2vw; } @media print, screen and (min-width: 40em) { .beoordeling-block__item__logo .springtestlogo { padding: 15px; } } .beoordeling-block__item__logo .springtestlogo.keuzehulp { margin-left: 0px; } @media print, screen and (min-width: 40em) { .beoordeling-block__item__logo .springtestlogo.keuzehulp { padding: 0px; } } .beoordeling-block__item__stars { text-align: center; margin-top: 20px; color: #ffce00; } .beoordeling-block__item__stars svg path { fill: #ffce00; } .beoordeling-block__item__stars.keuzehulp { margin-top: 16px; } .beoordeling-block__item__stars.keuzehulp svg { width: 12px; height: 11px; margin-right: 3px; } .beoordeling-block__item__score { text-align: center; font-family: 'Lexend', sans-serif; font-display: fallback; font-size: 1.5625rem; font-weight: 600; color: #46475D; margin-top: 15px; } .beoordeling-block__item__score.keuzehulp { font-size: 1rem; text-align: start; } .callout-section > div.row > div.column, .callout-section > div.row > div.columns { padding-left: 2rem; padding-right: 2rem; } .callout-section__container { border-radius: 12px; border: 1px solid #1e225d; background-color: white; } @media print, screen and (min-width: 64em) { .callout-section__container { display: -ms-flexbox; display: flex; } } .callout-section__container__leftside { padding: 30px; } @media print, screen and (min-width: 64em) { .callout-section__container__leftside { padding: 45px 60px; padding-right: 20px; } } .callout-section__container__rightside { padding: 30px; padding-bottom: 0px; } @media print, screen and (min-width: 64em) { .callout-section__container__rightside { padding: 0px; min-width: 230px; } } .callout-section__container__title { font-family: 'Lexend', sans-serif; font-display: fallback; font-weight: 800; font-size: 18px; margin-bottom: 20px; } @media print, screen and (min-width: 64em) { .callout-section__container__title { font-size: 25px; } } .callout-section__container__text { margin-bottom: 25px; } .callout-section__container__image { position: relative; height: 100%; width: 100%; text-align: center; } .callout-section__container__image img { max-height: 300px; margin: 0 auto; } @media print, screen and (min-width: 64em) { .callout-section__container__image img { position: absolute; max-width: 230px; max-height: unset; bottom: 0px; left: 0px; } } .callout-section__container__image__label { padding: 10px 16px; background-color: white; box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16); border-radius: 2px; position: absolute; bottom: 25px; left: 50%; transform: translateX(-50%); } .callout-section__container__image__label__title { font-weight: 800; font-size: 14px; } .callout-section__container__image__label__subtitle { font-size: 14px; } .callout-section__container__buttons a, .callout-section__container__buttons button { margin-bottom: 10px; } .callout-section__container__buttons > div { text-align: center; } @media print, screen and (min-width: 40em) { .callout-section__container__buttons > div { text-align: left; } } @media print, screen and (min-width: 64em) { .callout-section__container__buttons { display: -ms-flexbox; display: flex; gap: 20px; -ms-flex-align: center; align-items: center; } .callout-section__container__buttons > div { display: inline; } .callout-section__container__buttons a, .callout-section__container__buttons button { margin: 0; } .callout-section__container__buttons div > a { font-weight: bold; } } .callout-section--blue .callout-section__container { background-color: #1e225d; } .callout-section--blue .callout-section__container__title { color: white; } .callout-section--blue .callout-section__container__text { color: white; } .callout-section--blue .callout-section__container__buttons > div { color: white; } .callout-section--blue .callout-section__container__buttons > div a { color: white; } .callout-section--blue .callout-section__container__buttons a, .callout-section--blue .callout-section__container__buttons button { margin-bottom: 10px; } .callout-section--blue .callout-section__container__buttons .cf-button--blue-alt { border-color: white; } .callout-section--blue .callout-section__container__buttons .cf-button--blue-alt .cf-button__text { color: white; } .callout-section--blue .callout-section__container__buttons .cf-button--blue-alt:hover { background-color: white; } .callout-section--blue .callout-section__container__buttons .cf-button--blue-alt:hover .cf-button__text { color: #1e225d; } @media print, screen and (min-width: 64em) { .callout-section--blue .callout-section__container__buttons a, .callout-section--blue .callout-section__container__buttons button { margin: 0; } } .callout-section.greybackground.bgbegin { background: linear-gradient(180deg, white 50%, #f8f8fa 50%); } .callout-section.greybackground.bgend { background: linear-gradient(180deg, #f8f8fa 50%, white 50%); } .section { margin: 50px 0px; } @media print, screen and (min-width: 64em) { .section { margin: 100px 0px; } } .section__title { font-size: 20px; font-weight: 800; font-family: 'Lexend', sans-serif; font-display: fallback; margin-bottom: 26px; } @media print, screen and (min-width: 64em) { .section__title { font-size: 35px; max-width: 750px; } } .section__title.centered { text-align: center; margin-left: auto; margin-right: auto; } .section__subtitle { font-size: 1rem; margin-bottom: 25px; margin-top: 26px; } @media print, screen and (min-width: 64em) { .section__subtitle { font-size: 1rem; max-width: 60%; margin-bottom: 55px; } } .section > div.row > div.column, .section > div.row > div.columns { padding-left: 2rem; padding-right: 2rem; } .section--grey { background-color: #F8F8FA; margin: 50px 0px; padding: 50px 0px; } @media print, screen and (min-width: 64em) { .section--grey { margin: 100px 0px; padding: 100px 0px; } } .section--blue { background-color: #1e225d; margin: 50px 0px; padding: 50px 0px; } @media print, screen and (min-width: 64em) { .section--blue { margin: 100px 0px; padding: 100px 0px; } } .section--blue .section__title { color: white; } .section--blue .section__subtitle { color: white; } .section--blue .evenementform p { color: white; text-align: center; } .section--blue #voorwaarden { color: white; } .section.nomargintop { margin-top: 0px; } .section.nomarginbottom { margin-bottom: 0px; } @media print, screen and (min-width: 64em) { .section.category .category-section__container__categories__card__container .category-section__container__categories__shape { right: -80px; } } .section.trainingcards .rf-cards-scroller-crop, .section.reviewcards .rf-cards-scroller-crop { height: 38.5rem; } @media print, screen and (min-width: 40em) { .section.trainingcards .rf-cards-scroller-crop, .section.reviewcards .rf-cards-scroller-crop { height: 31.5rem; } } @media print, screen and (min-width: 64em) { .section.trainingcards .rf-cards-scroller-crop, .section.reviewcards .rf-cards-scroller-crop { height: 33.5rem; } } .section.trainingcards .rf-ccard-40 .rf-ccard-content, .section.reviewcards .rf-ccard-40 .rf-ccard-content { width: 23rem; } @media print, screen and (min-width: 64em) { .section.trainingcards .rf-ccard-40 .rf-ccard-content, .section.reviewcards .rf-ccard-40 .rf-ccard-content { width: 25rem; } } .temptitle { font-size: 26px; } @media print, screen and (min-width: 64em) { .temptitle { font-size: 40px; } } .extraimgbox { box-shadow: 3px 6px rgba(0, 0, 0, 0.16); } .calendly__leftside { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: justify; justify-content: space-between; } @media print, screen and (min-width: 64em) { .calendly__leftside__top { margin-top: 35px; } } .calendly__usps { margin-bottom: 45px; } .calendly__usps ul { list-style-type: none; margin: 0; } .calendly__usps ul li { display: -ms-flexbox; display: flex; gap: 10px; -ms-flex-align: center; align-items: center; margin-bottom: 10px; } .calendly__usps ul li span { font-weight: 500; } .calendly__usps__icon img { width: 20px; } .calendly__contact { margin-bottom: 45px; } .calendly__contact .cta-block__intake__text__callout__content__item .icon { margin-right: 10px; } .calendly__contact .cta-block__intake__text__callout__content__item .icon img { width: 20px; } .calendly__image { position: relative; } .calendly__image__labels { position: absolute; bottom: 15px; display: -ms-flexbox; display: flex; gap: 12px; } .calendly__image__labels p { background: #1E225D 0% 0% no-repeat padding-box; box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16); border-radius: 2px 2px 12px 2px; color: white; font-size: 14px; padding: 7px 10px; } .calendly__image__labels p strong { color: white; } .calendly__border { border-bottom: 1px solid #1e225d; } @media print, screen and (min-width: 64em) { .calendly__embed { padding-left: 0px !important; } } .calendly__embed .calendly-inline-widget > iframe > html > body > div#root > div > div, .calendly__embed ._cUP1np9gMvFQrcPftuf.xahN8AEzyAvQtVj17TPv { margin-top: 33px !important; } .callout { border-radius: 12px; box-shadow: 0px 3px 10px rgba(42, 62, 82, 0.2); color: #1e225d; font-weight: 600; } .callout.icon { display: -ms-flexbox; display: flex; column-gap: 20px; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; } .callout__icon img { width: 50px; height: 50px; } .callout--blue { border: 1px solid #1e225d; } .callout--lightblue { border: 3px solid rgba(59, 195, 190, 0.5); } .callout--yellow { border: 3px solid rgba(245, 160, 1, 0.5); } .callout--red { border: 3px solid rgba(239, 81, 85, 0.5); } .updates__latest { margin: 35px 0px; margin-top: 85px; } @media print, screen and (min-width: 40em) { .updates__latest { margin: 35px 0px; } } .updates__item { margin-bottom: 30px; } .updates__item:last-of-type { margin-bottom: 0px; } .updates__item__date__tab { background-color: #1E225C; color: white; border: 1px solid #1E225C; border-bottom: 0px; border-radius: 8px 8px 0px 0px; padding-top: 5px; padding-bottom: 5px; text-align: center; } .updates__item__date__tab.latest { border-radius: 8px 0px 0px 0px; text-align: center; } @media print, screen and (min-width: 64em) { .updates__item__date__tab { max-width: 17%; -ms-flex: 0 0 17%; flex: 0 0 17%; } } .updates__item__date__showall { border: 1px solid #1E225C; border-bottom: 0px; border-radius: 0px 8px 0px 0px; padding-top: 5px; padding-bottom: 5px; text-align: center; } @media print, screen and (min-width: 64em) { .updates__item__date__showall { max-width: 17%; -ms-flex: 0 0 17%; flex: 0 0 17%; } } .updates__item__text { border: 1px solid #1E225C; border-radius: 0px 8px 8px 8px; box-shadow: 0px 3px 10px rgba(42, 62, 82, 0.129); padding: 15px; } .updates__item__text__container { border-top: 1px solid #E3E3E3; padding-top: 15px; } @media print, screen and (min-width: 40em) { .updates__item__text__container { padding-top: 0px; border: none; } } @media print, screen and (min-width: 40em) { .updates__item__text__timeslot { border-right: 1px solid #E3E3E3; } } .updates__item__text__timeslot__title { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; margin-bottom: 12px; } .updates__item__text__timeslot__title__icon { height: 39px; margin-right: 12px; padding: 5px 0px; } .updates__item__text__timeslot__title__text { font-family: 'Lexend', sans-serif; font-display: fallback; font-size: 1.125rem; } .updates__item__text__title { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; margin-bottom: 12px; } .updates__item__text__title__icon { width: 39px; height: 39px; border-radius: 100px; background: #FFF500 0% 0% no-repeat padding-box; margin-right: 12px; padding: 5px 7px; } .updates__item__text__title__text { font-family: 'Lexend', sans-serif; font-display: fallback; font-size: 1.125rem; } .blog { padding: 1.5rem 1.1rem; } @media print, screen and (min-width: 40em) { .blog { padding: 3rem 1.1rem; } } .blog__title { font-size: 2rem; text-align: center; } @media screen and (min-width: 40em) { .blog__title { font-size: 39px; } } .blog__large-items { margin-top: 1rem; } @media print, screen and (min-width: 40em) { .blog__large-items { margin-top: 2rem; } } @media print, screen and (min-width: 64em) { .blog__large-items { border: none; } } .blog__large-items > .row { row-gap: 20px; } @media print, screen and (min-width: 40em) { .blog__large-items > .row { row-gap: 0px; } } .blog__small-items { margin-top: 1rem; } @media print, screen and (min-width: 40em) { .blog__small-items { margin-top: 2rem; } } @media screen and (min-width: 75em) { .blog__small-items { margin-top: 2rem; } } .blog__small-items__container { box-shadow: 0px 12px 40px 0px rgba(157, 171, 192, 0.2); background: white; border-radius: 8px; padding: 30px; height: 100%; } .blog__small-items__title { font-size: 1.4rem; font-weight: 500; } blockquote { color: black; padding: 0.5625rem 1.25rem 0 2rem; border-left: 0px; position: relative; margin-bottom: 30px; border-left: 1px solid #1e225d; margin-top: 3rem; } blockquote p { color: black; } blockquote::before { content: ""; font-weight: bold; color: #1e225d; position: absolute; margin-left: -35px; margin-top: -40px; font-family: Georgia, serif; height: 25px; width: 25px; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMTkuMDkyIDYuODYzYy0xLjUwNCAyLjMxLTEuNzc5IDQuNDUtMS42ODEgNS42ODggNi4xMzItLjEwMSA1LjY5NiA2LjQ0OSAxLjM5IDYuNDQ5LTEuODMgMC0zLjgwMS0xLjMzOC0zLjgwMS00LjI3NSAwLTIuNzI0IDEuNDEyLTUuODQ1IDQuMDkyLTcuODYyem0tMTMgMGMtMS41MDQgMi4zMS0xLjc3OSA0LjQ1LTEuNjgxIDUuNjg4IDYuMTMyLS4xMDEgNS42OTYgNi40NDkgMS4zOSA2LjQ0OS0xLjgzIDAtMy44MDEtMS4zMzgtMy44MDEtNC4yNzUgMC0yLjcyNCAxLjQxMi01Ljg0NSA0LjA5Mi03Ljg2MnptMTYuOTA4LTMuODYzYy02LjEwOCAxLjIwNi0xMCA2LjU4NC0xMCAxMS43MjUgMCAzLjk3IDIuNzg2IDYuMjc1IDUuODAxIDYuMjc1IDIuNjE1IDAgNS4xOTktMS43OTcgNS4xOTktNC45NzkgMC0yLjYwMS0xLjkwNS00Ljc1Ny00LjM5Ni01LjE0OS4yMTctMi4wMDQgMi4xNjUtNC45MTEgNC4zOC01Ljc0NmwtLjk4NC0yLjEyNnptLTEzIDBjLTYuMTA4IDEuMjA2LTEwIDYuNTg0LTEwIDExLjcyNSAwIDMuOTcgMi43ODYgNi4yNzUgNS44MDEgNi4yNzUgMi42MTUgMCA1LjE5OS0xLjc5NyA1LjE5OS00Ljk3OSAwLTIuNjAxLTEuOTA1LTQuNzU3LTQuMzk2LTUuMTQ5LjIxNy0yLjAwNCAyLjE2NS00LjkxMSA0LjM4LTUuNzQ2bC0uOTg0LTIuMTI2eiIvPjwvc3ZnPg==); background-repeat: no-repeat; filter: invert(17%) sepia(44%) saturate(1161%) hue-rotate(197deg) brightness(94%) contrast(105%); background-size: cover; } /* .quoteIconErvaring{ margin-bottom:0.5rem; filter: invert(17%) sepia(44%) saturate(1161%) hue-rotate(197deg) brightness(94%) contrast(105%); } .ervaringtekst{ border-left: 1px solid $color-business-blue; padding-left: 40px; } */ .blog-knop { margin: auto; margin-top: 50px; padding-left: 50px; padding-right: 50px; margin-bottom: 20px; margin-right: 0.625rem; margin-left: 0.625rem; } @media print, screen and (min-width: 40em) { .blog-knop { margin-bottom: 0px; margin-right: auto; margin-left: auto; } } .blog-knop:hover, .blog-knop:active { padding-left: 50px; padding-right: 50px; } .cm--box { background-color: #1e225d !important; max-width: unset !important; border-radius: 8px; padding: 1.2em !important; margin-left: 2%; margin-right: 2%; width: 96% !important; margin: 0 auto; margin-bottom: 20px !important; display: grid !important; } @media print, screen and (min-width: 64em) { .cm--box { max-width: 1350px !important; padding: 2.5rem !important; width: 90% !important; margin-bottom: 4% !important; } } @media print, screen and (min-width: 40em) { .cm--box { display: -ms-flexbox !important; display: flex !important; } } .cm--box.cc-invisible { display: none !important; } #cc-main .cm__texts { margin: 0 auto; padding-top: 0px !important; } @media print, screen and (min-width: 64em) { #cc-main .cm__texts { max-width: 39em !important; } } #cc-main .cm__desc { font: normal normal normal 16px/20px Lexend !important; letter-spacing: 0px; --cc-secondary-color: white; padding-top: 1em; padding-bottom: 1em; padding: 0 !important; text-align: center; } #cc-main .cm__desc::before { content: ""; width: 50px; height: 50px; display: block; background-position: center; background-repeat: no-repeat; background-size: contain; background-image: url("/images/iconmonstr-candy-5-48.png"), linear-gradient(to right, #393D79, #393D79); border-radius: 8px; margin-right: auto; background-size: 25px 25px, auto; margin-left: auto; margin-bottom: 25px; } #cc-main .cc__link, #cc-main a { --cc-btn-primary-bg: white; font-family: 'Lexend', sans-serif; font-display: fallback; font-weight: 400 !important; text-decoration: underline; border-bottom: 1px solid var(--cc-btn-primary-bg); } #cc-main .cc__link:hover, #cc-main a:hover { color: white !important; } #cc-main .cm__btns { --cc-separator-border-color: #1e225d; } #cc-main .cm__btn { padding: 1em 1.7em; } #cc-main .cm__btn--secondary { font: normal normal 400 14px/16px Lexend !important; text-decoration: underline !important; --cc-btn-secondary-bg: #1e225d; --cc-btn-secondary-border-color: #1e225d; --cc-btn-secondary-color: white; font-weight: 400 !important; } #cc-main .cm__btn--secondary:hover { --cc-btn-secondary-hover-bg: #1e225d; --cc-btn-secondary-hover-border-color: #1e225d; --cc-btn-secondary-hover-color: white; text-decoration: none !important; } #cc-main .cm__btn[data-role="all"] { font: normal normal 600 16px/20px Lexend !important; margin: 0 auto !important; font-size: 17px !important; font-weight: 700; padding: 17px 30px; min-width: 250px; font-family: 'Lexend', sans-serif; font-display: fallback; --cc-btn-primary-bg: #f1d600; --cc-btn-primary-color: black; --cc-btn-border-radius: 8px; } #cc-main .cm__btn[data-role="all"]:hover { --cc-btn-primary-hover-bg: #f1e500; --cc-btn-primary-hover-color: black; } #cc-main .cm__footer { --cc-footer-bg: #1e225d; --cc-footer-border-color: #1e225d; --cc-footer-color: white; } .goodtoknow { background: #dcdcdc; min-height: 6rem; padding: 1.5rem 0; } @media print, screen and (min-width: 40em) { .goodtoknow { padding: 3rem 0; } } .goodtoknow__title { color: #1e225d; font-size: 1.7rem; } .goodtoknow__large-items { margin-top: 1rem; border-bottom: 2px solid #1e225d; } @media print, screen and (min-width: 40em) { .goodtoknow__large-items { margin-top: 2rem; } } @media print, screen and (min-width: 64em) { .goodtoknow__large-items { border: none; } } .goodtoknow__small-items { margin-top: 1rem; } @media print, screen and (min-width: 40em) { .goodtoknow__small-items { margin-top: 2rem; } } @media screen and (min-width: 75em) { .goodtoknow__small-items { margin-top: 4rem; } } .why-cf { padding: 25px 0px; padding-bottom: 0px; background: linear-gradient(180deg, #ffffff 40%, #F5F5F5 40%); } .why-cf__usp { row-gap: 20px; padding-bottom: 75px; } .why-cf__usp__container { background-color: white; border-radius: 8px; box-shadow: 0px 12px 40px 0px rgba(157, 171, 192, 0.2); padding: 20px; height: 100%; } .why-cf__usp__icon { height: 128px; margin-bottom: 20px; text-align: center; } .why-cf__usp__subtitle { font-family: 'Poppins', sans-serif; font-display: fallback; color: #1e225d; font-size: 1.3rem; font-weight: bold; text-align: center; } .why-cf__usp__text { font-family: 'Poppins', sans-serif; font-display: fallback; text-align: center; } .why-cf__usp--prijs .why-cf__usp__container { border: 1px solid #3BC3BE; } .why-cf__usp--locatie .why-cf__usp__container { border: 1px solid #F5A001; } .why-cf__usp--creatief .why-cf__usp__container { border: 1px solid #EF5155; } .why-cf__usp--top20 .why-cf__usp__container { border: 1px solid #b579db; } .why-cf__locatie { width: 100%; max-width: 100%; } .why-cf__locatie__foto { background: url("/images/cf-locatie-new.jpg"); background-size: cover; background-repeat: no-repeat; background-position: center center; } .why-cf__prijs { width: 100%; max-width: 100%; } .why-cf__prijs__foto { background: url("/images/cf-prijs-new.jpg"); background-size: cover; background-repeat: no-repeat; background-position: center center; } .why-cf__events { width: 100%; max-width: 100%; } .why-cf__events__foto { background: url("/images/cf-events-new.jpg"); background-size: cover; background-repeat: no-repeat; background-position: center center; } .why-cf__community { width: 100%; max-width: 100%; } .why-cf__community__foto { background: url("/images/cf-community.jpg"); background-size: cover; background-repeat: no-repeat; background-position: center center; } .why-cf__locatie__tekst, .why-cf__prijs__tekst, .why-cf__events__tekst, .why-cf__community__tekst { background: white; padding: 30px; font-family: 'Poppins', sans-serif; font-display: fallback; } .why-cf__locatie__tekst p, .why-cf__prijs__tekst p, .why-cf__events__tekst p, .why-cf__community__tekst p { line-height: 1.9; } @media print, screen and (min-width: 40em) { .why-cf__locatie__tekst, .why-cf__prijs__tekst, .why-cf__events__tekst, .why-cf__community__tekst { padding: 50px; } } @media print, screen and (min-width: 64em) { .why-cf__locatie__tekst, .why-cf__prijs__tekst, .why-cf__events__tekst, .why-cf__community__tekst { padding-right: 70px; } } @media print, screen and (min-width: 64em) { .why-cf__prijs__tekst { padding-left: 70px; } } .why-cf__locatie .column, .why-cf__locatie .columns, .why-cf__prijs .column, .why-cf__prijs .columns, .why-cf__events .column, .why-cf__events .columns, .why-cf__community .column, .why-cf__community .columns { min-height: 300px; } @media print { .why-cf .medium-offset-1 { margin-left: 0px; -ms-flex: 0 0 25%; flex: 0 0 100%; max-width: 100%; } } @media print, screen and (min-width: 40em) { .why-cf { padding: 5rem 0; padding-bottom: 0px; } } @media print { .why-cf { padding-top: 0px; padding-bottom: 0px; } } .why-cf--small { padding: 30px 10px 20px 25px; } @media screen and (max-width: 39.9375em) { .why-cf--small { display: none !important; } } .why-cf__title { margin-bottom: 0px; } @media print, screen and (min-width: 40em) { .why-cf__title { margin-bottom: 70px; } } .why-cf__title h2 { margin: 0 0 1rem; font-size: 1.5625rem; text-align: center; padding-left: 15px; padding-right: 15px; } @media print, screen and (min-width: 40em) { .why-cf__title h2 { font-size: 2.4375rem; } } .why-cf__title h3 { margin: 0 0 1rem; font-size: 1.5625rem; text-align: center; padding-left: 15px; padding-right: 15px; } @media print, screen and (min-width: 40em) { .why-cf__title h3 { font-size: 2.4375rem; } } .why-cf__title__text { color: #8a8a8a; margin: 0 0 1rem; font-size: 1.1rem; text-align: center; padding: 0px 25px; } @media print, screen and (min-width: 40em) { .why-cf__title__text { padding: 0px 75px; } } @media print, screen and (min-width: 64em) { .why-cf__title__text { padding: 0px 150px; } } .why-cf__subtitle { font-family: 'Poppins', sans-serif; font-display: fallback; color: #1e225d; font-size: 1.6rem; font-weight: 800; } @media print, screen and (min-width: 64em) { .why-cf__subtitle { padding-top: 30px; } } .why-cf--small .why-cf__title { font-size: 1.5rem; } .why-cf__calltoaction { padding-bottom: 75px; } .why-cf__action { display: inline-block; margin: 2rem 0 0; color: white; font-size: 1.0625rem; text-decoration: none; font-weight: bold; } .why-cf__action:hover { color: #e0e0e0; } .why-cf__action i { font-size: 140%; position: relative; top: 4px; left: 10px; } @media print { .why-cf__action { display: none; } } .cf-proof { margin: 25px 0px; } .cf-proof--category { margin: 80px 0px; margin-top: 150px; } .cf-proof--category .row > .column, .cf-proof--category .row > .columns { padding: 0 2rem; } @media print, screen and (min-width: 40em) { .cf-proof { margin: 150px 0px; } .cf-proof--category .row > .column, .cf-proof--category .row > .columns { padding: 0 0.9375rem; } } .cf-proof__text__title { font-size: 1.5625rem; font-weight: 800; margin-bottom: 25px; } @media print, screen and (min-width: 40em) { .cf-proof__text__title { margin-bottom: 35px; font-size: 2.4375rem; } } .cf-proof__text__description { margin-bottom: 35px; } @media print, screen and (min-width: 64em) { .cf-proof__usps { padding-left: 4rem !important; } } .cf-proof__usps__container { border: 3px solid rgba(239, 81, 85, 0.5); border-radius: 10px; padding: 15px; display: -ms-flexbox; display: flex; margin-bottom: 17px; } @media print, screen and (min-width: 64em) { .cf-proof__usps__container { padding: 30px; } } .cf-proof__usps__container__icon { height: 60px !important; } .cf-proof__usps__container__counter { flex-width: 40%; } .cf-proof__usps__container__text p { margin-bottom: 0px; font-size: 18px; font-weight: 500; } .cf-proof__usps__container__text p span { font-size: 18px !important; font-weight: 500 !important; } .cf-proof__usps__container:first-of-type { border: 3px solid rgba(59, 195, 190, 0.5); } .cf-proof__usps__container:nth-of-type(2) { border: 3px solid rgba(245, 160, 1, 0.5); } .cf-proof__usp { padding-left: 1.1rem; padding-right: 1.1rem; margin-bottom: 25px; } @media print, screen and (min-width: 64em) { .cf-proof__usp { margin-bottom: 0px; } } .cf-proof__usp__icon { height: 128px; margin-bottom: 20px; } .cf-proof__usp--trainingen .cf-proof__usp__container { border: 3px solid rgba(239, 81, 85, 0.5); border-radius: 10px; padding: 25px 0px; padding-bottom: 35px; height: 100%; } .cf-proof__usp--trainingen .cf-proof__usp__icon { background: url("/images/icons/128/33_TRAINER.png"); background-size: contain; background-repeat: no-repeat; background-position: center center; } .cf-proof__usp--incompany .cf-proof__usp__container { border: 3px solid rgba(245, 160, 1, 0.5); border-radius: 10px; padding: 25px 0px; padding-bottom: 35px; height: 100%; } .cf-proof__usp--incompany .cf-proof__usp__icon { background: url("/images/icons/128/22_WORKFLOW.png"); background-size: contain; background-repeat: no-repeat; background-position: center center; } .cf-proof__usp--cursisten .cf-proof__usp__container { border: 3px solid rgba(59, 195, 190, 0.5); border-radius: 10px; padding: 25px 0px; padding-bottom: 35px; height: 100%; } .cf-proof__usp--cursisten .cf-proof__usp__icon { background: url("/images/icons/128/17_PERSUASION.png"); background-size: contain; background-repeat: no-repeat; background-position: center center; } .cf-proof__usp--creatief .cf-proof__usp__icon { background: url("/images/icons/128/36_IDEA.png"); background-size: contain; background-repeat: no-repeat; background-position: center center; } .cf-proof__usp--top20 .cf-proof__usp__icon { background: url("/images/icons/128/6_COMMUNITY.png"); background-size: contain; background-repeat: no-repeat; background-position: center center; } .cf-proof__usp__subtitle { font-family: 'Lexend', sans-serif; font-display: fallback; font-size: 2.5rem; font-weight: 800; text-align: center; color: #1d215e; margin-bottom: 0px; } @media print, screen and (min-width: 64em) { .cf-proof__usp__subtitle { font-size: 4rem; } } .cf-proof__usp__text { font-family: 'Poppins', sans-serif; font-display: fallback; text-align: center; font-size: 1.3rem; margin-bottom: 0px; } @media print { .cf-proof .medium-offset-1 { margin-left: 0px; -ms-flex: 0 0 25%; flex: 0 0 100%; max-width: 100%; } } @media print { .cf-proof { padding-top: 0px; padding-bottom: 0px; } } .cf-proof--small { padding: 30px 10px 20px 25px; } @media screen and (max-width: 39.9375em) { .cf-proof--small { display: none !important; } } .cf-proof__title { margin-bottom: 40px; } @media print, screen and (min-width: 40em) { .cf-proof__title { margin-bottom: 70px; } } .cf-proof__title h2 { font-family: 'Lexend', sans-serif; font-display: fallback; font-size: 25px; margin-bottom: 35px; font-weight: 800; text-align: start; } @media print, screen and (min-width: 40em) { .cf-proof__title h2 { font-size: 45px; text-align: center; } } .cf-proof__title__text { font-size: 1.125rem; text-align: start; margin-right: 20px; } @media print, screen and (min-width: 40em) { .cf-proof__title__text { text-align: center; margin-right: 0px; } } .cf-proof__subtitle { font-family: 'Poppins', sans-serif; font-display: fallback; color: #0a0a0a; font-size: 1.6rem; font-weight: 800; } @media print, screen and (min-width: 64em) { .cf-proof__subtitle { padding-top: 30px; } } .cf-proof--small .cf-proof__title { font-size: 1.5rem; } .cf-proof__action { display: inline-block; margin: 2rem 0 0; color: white; font-size: 1.0625rem; text-decoration: none; font-weight: bold; } .cf-proof__action:hover { color: #e0e0e0; } .cf-proof__action i { font-size: 140%; position: relative; top: 4px; left: 10px; } @media print { .cf-proof__action { display: none; } } .cta-block__intake { position: relative; margin: 75px 0px; } .cta-block__intake.greybackground { margin: 0px; padding: 75px 0px; background-color: #f8f8fa; } .cta-block__intake__lettersbg { display: none; } @media print, screen and (min-width: 64em) { .cta-block__intake__lettersbg { display: block; position: absolute; width: 55%; height: 100%; left: 45%; top: 20px; z-index: -1; font-size: 400px; overflow: hidden; font-family: 'Lexend', sans-serif; font-display: fallback; font-size: 750px; font-weight: 800; letter-spacing: -90px; line-height: 545px; color: #00c4c2; } } .cta-block__intake__text { padding-top: 20px; padding-bottom: 40px; font-size: 1.125rem; } @media print, screen and (min-width: 40em) { .cta-block__intake__text { padding-bottom: 40px; padding-top: 100px; } } @media screen and (min-width: 75em) { .cta-block__intake__text > div { width: 80%; } } .cta-block__intake__text h2 { font-size: 20px !important; } @media print, screen and (min-width: 40em) { .cta-block__intake__text h2 { font-size: 36px !important; } } .cta-block__intake__text p { margin-bottom: 40px; } @media print, screen and (min-width: 40em) { .cta-block__intake__text p { font-size: 1.125rem; } } .cta-block__intake__text .cf-button--orange-flat .cf-button__text { font-size: 1.125rem; } .cta-block__intake__text .cf-button--orange-flat .cf-button__icon { top: -0.125em; } .cta-block__intake__text__callout { margin-top: 10px; box-shadow: 0px 3px 10px rgba(42, 62, 82, 0.129); border: 1px solid #1e225d; border-radius: 8px; } @media print, screen and (min-width: 40em) { .cta-block__intake__text__callout { margin-top: 40px; } } .cta-block__intake__text__callout__title { background-color: #1e225d; color: white; font-family: 'Lexend', sans-serif; font-display: fallback; padding: 8px 25px; font-size: 1.125rem; font-weight: 800; text-align: center; } @media print, screen and (min-width: 64em) { .cta-block__intake__text__callout__title { padding: 8px 25px; text-align: left; } } .cta-block__intake__text__callout__content { padding: 14px 10px; } @media print, screen and (min-width: 64em) { .cta-block__intake__text__callout__content { padding: 20px 25px; } } .cta-block__intake__text__callout__content__item { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; text-decoration: none; margin-bottom: 10px; } .cta-block__intake__text__callout__content__item .icon { margin-right: 5px; } .cta-block__intake__text__callout__content__item .icon img { width: 15px; filter: invert(9%) sepia(69%) saturate(2738%) hue-rotate(228deg) brightness(99%) contrast(93%); } @media print, screen and (min-width: 40em) { .cta-block__intake__text__callout__content__item .icon { margin-right: 20px; } .cta-block__intake__text__callout__content__item .icon img { width: 24px; } } .cta-block__intake__text__callout__content__item .text { font-weight: 600; font-size: 0.9375rem; } @media print, screen and (min-width: 40em) { .cta-block__intake__text__callout__content__item .text { font-size: 1rem; } } .cta-block__intake__text__callout__content__item:hover { text-decoration: underline; } .cta-block__intake__text__callout__content__item:last-of-type { margin-bottom: 0px; } .cta-block__intake__title { padding-top: 100px; padding-bottom: 100px; } .cta-block__intake__title p { margin: 0px; font-size: 1.125rem; } .cta-block__intake__designation { padding: 10px 15px; background-color: white; font-size: 0.875rem; box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16); } .cta-block__intake__designation strong { font-weight: 800; font-family: 'Lexend', sans-serif; font-display: fallback; } .cta-block__intake__image { display: -ms-flexbox; display: flex; position: relative; height: 300px; } .cta-block__intake__image__lettersbg { height: 100%; width: 100vw; z-index: -1; font-size: 400px; overflow: hidden; font-family: 'Lexend', sans-serif; font-display: fallback; font-size: 350px; font-weight: 800; letter-spacing: -30px; line-height: 250px; position: absolute; left: -20px; text-align: right; } @media print, screen and (min-width: 40em) { .cta-block__intake__image__lettersbg { text-align: center; } } @media print, screen and (min-width: 64em) { .cta-block__intake__image__lettersbg { display: none; } } @media print, screen and (min-width: 64em) { .cta-block__intake__image { padding-left: 1.5rem; height: inherit; } } .cta-block__intake__image > img { position: absolute; bottom: 0px; right: 0px; max-height: 350px; } @media print, screen and (min-width: 40em) { .cta-block__intake__image > img { left: 50%; transform: translateX(-50%); } } @media print, screen and (min-width: 64em) { .cta-block__intake__image > img { left: unset; transform: none; right: 0px; max-height: 500px; } } .cta-block__intake__image__textbox { -ms-flex-item-align: end; align-self: flex-end; width: 100%; } @media print, screen and (min-width: 64em) { .cta-block__intake__image__textbox { position: relative; width: 90%; width: 96%; bottom: -40px; } } @media print, screen and (min-width: 64em) { .cta-block__intake__image__textbox.training { bottom: -20px; } } .cta-block__intake__image .cluster-header__background__designation { display: inline-block; position: relative; bottom: 0px; left: 8px; margin-bottom: 8px; } .cta-block__intake__image .cluster-header__background__overlay__reviews { position: relative; bottom: 0px; width: 100%; } .cta-block__brochure { background-color: #58c2c1; margin: 75px 0px; } .cta-block__brochure__text { padding-top: 40px; padding-bottom: 100px; color: #1E225C h2; color-font-size: 2rem; color-margin-bottom: 25px; } @media print, screen and (min-width: 40em) { .cta-block__brochure__text { padding-top: 100px; padding-bottom: 100px; } } .cta-block__brochure__text__description { margin-bottom: 20px; color: #1E225C; } .cta-block__brochure__usps { list-style-type: none; margin-left: 0px; margin-bottom: 25px; } .cta-block__brochure__usps__usp { display: inline-block; width: 85%; } .cta-block__brochure__usps li { font-family: 'Poppins', sans-serif; font-display: fallback; font-size: 1rem; font-weight: bold; margin-top: 15px; color: #1b2a68; } .cta-block__brochure__usps li .fa, .cta-block__brochure__usps li .svg-inline--fa { font-size: 1.2rem; margin-right: 15px; display: inline-block; font-weight: normal; vertical-align: top; } .cta-block__brochure__image { /*position:relative;*/ padding-top: 100px; } @media print, screen and (min-width: 40em) { .cta-block__brochure__image { padding: 50px 0px; } } .cta-block__brochure__image img { width: 50%; /*@include breakpoint(large) { position:relative; bottom:40px; max-width:65%; width:100%; }*/ } @media screen and (min-width: 40em) { .cta-block__brochure__image img { width: 70%; max-width: 230px; } } .cta-block__event { background-color: #58c2c1; margin: 75px 0px; } .cta-block__event__text { padding-top: 40px; padding-bottom: 100px; } @media print, screen and (min-width: 40em) { .cta-block__event__text { padding-top: 100px; padding-bottom: 100px; } } .cta-block__event__text h2 { font-size: 2rem; margin-bottom: 25px; } .cta-block__event__text__description { margin-bottom: 20px; } .cta-block__event__usps { list-style-type: none; margin-left: 0px; margin-bottom: 25px; } .cta-block__event__usps__usp { display: inline-block; width: 80%; } .cta-block__event__usps li { font-family: 'Poppins', sans-serif; font-display: fallback; font-size: 1rem; font-weight: bold; margin-top: 15px; color: #1b2a68; } .cta-block__event__usps li .fa, .cta-block__event__usps li .svg-inline--fa { font-size: 1.2rem; margin-right: 15px; display: inline-block; font-weight: normal; vertical-align: top; } .cta-block__event__image { position: relative; padding-top: 100px; } @media print, screen and (min-width: 40em) { .cta-block__event__image { padding-top: 0px; } } .cta-block__event__image img { width: 100%; border-radius: 0px 0px 0px 70px; } @media print, screen and (min-width: 40em) { .cta-block__event__image img { position: absolute; top: 40px; width: 80%; } } @media print, screen and (min-width: 64em) { .cta-block__event__image img { position: absolute; top: 40px; max-width: 100%; width: 100%; } } .cta-block__callout { background: #00C4C2 0% 0% no-repeat padding-box; box-shadow: 0px 3px 10px rgba(42, 62, 82, 0.2); border: 1px solid #1C2663; border-radius: 12px; padding: 0px; width: 100%; } .cta-block__callout > div { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: justify; justify-content: space-between; } .cta-block__callout__details { padding: 1.5rem 2rem; } @media print, screen and (min-width: 64em) { .cta-block__callout__details { padding-right: 1rem; } } .cta-block__callout__details__links-box a { margin-bottom: 10px; } @media print, screen and (min-width: 64em) { .cta-block__callout__details__links-box { display: -ms-flexbox; display: flex; } .cta-block__callout__details__links-box a { margin-bottom: 0px; } } .cta-block__callout__details__links-box a.cf-button--blue { color: white !important; } .cta-block__callout__details__links-box a.cf-button--blue-flat-alt.outline .cf-button__icon { margin-right: 10px; margin-left: 0px; } .cta-block__callout__image { padding: 0; text-align: center; } .cta-block__callout__image img { max-height: 200px; } @media print, screen and (min-width: 64em) { .cta-block__callout__image img { max-height: unset; } } @media print, screen and (min-width: 40em) { .cta-block__callout.contact > div { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } } .cta-block--general { background-color: #1e225d; } .cta-block--general .cta-block__intake { background-color: #1e225d; } .cta-block--general .cta-block__intake__text { color: white; } .cta-block--general .cta-block__intake__text h2 { color: white; } .cta-block--general .cta-block__intake__text p { color: white; } .cta-block--general .cta-block__intake__title p { color: white; } .cta-block--general .cta-block__brochure { background-color: #1e225d; } .cta-block--general .cta-block__brochure__text h2 { color: white; } .cta-block--general .cta-block__brochure__usps li { color: white; } .cta-block--general .cta-block__brochure__usps li .fa, .cta-block--general .cta-block__brochure__usps li .svg-inline--fa { color: white; } .cta-block--cyan { background-color: #1e225d; } .cta-block--cyan .cta-block__intake { background-color: #1e225d; } .cta-block--cyan .cta-block__intake__text { color: white; } .cta-block--cyan .cta-block__intake__text h2 { color: white; } .cta-block--cyan .cta-block__intake__text p { color: white; } .cta-block--cyan .cta-block__intake__title p { color: white; } .cta-block--cyan .cta-block__brochure { background-color: #1e225d; } .cta-block--cyan .cta-block__brochure__text h2 { color: white; } .cta-block--cyan .cta-block__brochure__usps li { color: white; } .cta-block--cyan .cta-block__brochure__usps li .fa, .cta-block--cyan .cta-block__brochure__usps li .svg-inline--fa { color: white; } .about-cf { background: #fbfbfb; padding: 25px 15px; } @media print { .about-cf .medium-offset-1 { margin-left: 0px; -ms-flex: 0 0 25%; flex: 0 0 100%; max-width: 100%; } } @media print, screen and (min-width: 40em) { .about-cf { padding: 3rem 0; } } @media print { .about-cf { padding-top: 0px; padding-bottom: 0px; } } .about-cf--small { padding: 30px 10px 20px 25px; } @media screen and (max-width: 39.9375em) { .about-cf--small { display: none !important; } } .about-cf__title { margin-bottom: 30px; } .about-cf__title h2 { color: #1e225d; margin: 0 0 1rem; font-size: 1.8rem; text-align: center; } .about-cf__title__text { color: #8a8a8a; margin: 0 0 1rem; font-size: 1.1rem; text-align: center; padding: 0px 25px; } @media print, screen and (min-width: 40em) { .about-cf__title__text { padding: 0px 75px; } } @media print, screen and (min-width: 64em) { .about-cf__title__text { padding: 0px 150px; } } .about-cf__subtitle { color: #0a0a0a; font-size: 1.5rem; font-weight: 600; } .about-cf--small .about-cf__title { font-size: 1.5rem; } .about-cf__action { display: inline-block; margin: 2rem 0 0; color: white; font-size: 1.0625rem; text-decoration: none; font-weight: bold; } .about-cf__action:hover { color: #e0e0e0; } .about-cf__action i { font-size: 140%; position: relative; top: 4px; left: 10px; } @media print { .about-cf__action { display: none; } } .sidebar-block { background: white; color: #1e225d; padding: 15px; margin: 0 0 1px; } .sidebar-block__title { font-family: 'Poppins', sans-serif; font-display: fallback; font-weight: bold; font-size: 1.4375rem; color: #1e225d; } .sidebar-block__text { font-size: 1.0625rem; font-weight: 600; color: #1e225d; } .sidebar-block--light { background: #1e225d; } @media print, screen and (min-width: 64em) { .sidebar-block--light { border-radius: 8px; } } .sidebar-block--light .sidebar-block__title { font-size: 1.25rem; color: white; } .sidebar-block--light .sidebar-block__text { font-size: 1rem; font-weight: normal; color: white; } .sidebar-block--grey { background: #cacaca; } .sidebar-block--grey .sidebar-block__title { color: #1e225d; } @media print, screen and (min-width: 64em) { .sidebar-block { padding: 20px; } } .opleidingsadvies__contact { font-family: 'Poppins', sans-serif; font-display: fallback; font-weight: bold; font-size: 1.4375rem; margin: 0; } .opleidingsadvies__image { margin-bottom: -15px; text-align: center; } @media print, screen and (min-width: 64em) { .opleidingsadvies__image { margin-bottom: -20px; } } .opleidingsadvies__image img { height: 150px; } .opleidingsadvies__heads li { width: 55px; height: 55px; background: #ccc; border-radius: 50%; list-style-type: none; position: relative; overflow: hidden; display: inline-block; margin: 0 0 0 15px; } .opleidingsadvies__heads li img { width: auto; height: 100%; max-width: inherit; } .opleidingsadvies__heads li:first-child { margin-left: 0; } .opleidingsadvies__tel a { color: rgba(255, 255, 255, 0.9); font-family: 'Lexend', sans-serif; font-display: fallback; text-decoration: none; transition: color 400ms; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; column-gap: 16px; } .opleidingsadvies__tel a span { color: white; } .opleidingsadvies__tel a:hover, .opleidingsadvies__tel a:focus { color: white; } .opleidingsadvies__tel a img { filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(33deg) brightness(104%) contrast(105%); } .opleidingsadvies__tel a span { font-family: 'Lexend', sans-serif; font-display: fallback; } .opleidingsadvies__tel a i { position: relative; top: 2px; margin-right: 10px; } .opleidingsadvies__print a { color: rgba(255, 255, 255, 0.9); text-decoration: none; font-size: 1.0625rem; font-weight: 600; transition: color 400ms; } .opleidingsadvies__print a:hover, .opleidingsadvies__print a:focus { color: white; } .opleidingsadvies__print a i { position: relative; top: 2px; margin-right: 10px; } .opleidingsadvies__brochure span { font-size: 1rem; } .stap-menu-counter { display: -ms-flexbox; display: flex; -ms-flex-pack: end; justify-content: flex-end; -ms-flex-align: center; align-items: center; } .stap-menu-counter__announcement { margin-right: 15px; color: #1e225d; font-family: 'Lexend', sans-serif; font-display: fallback; font-weight: 500; } .counter { display: -ms-inline-flexbox; display: inline-flex; -ms-flex-align: center; align-items: center; color: white; font-weight: bold; font-family: 'Lexend', sans-serif; font-display: fallback; } .counter__item { margin-right: 15px; color: white; -ms-flex-negative: 2; flex-shrink: 2; -ms-flex-preferred-size: 33%; flex-basis: 33%; font-family: 'Lexend', sans-serif; font-display: fallback; } @media print, screen and (min-width: 40em) { .counter__item { -ms-flex-preferred-size: auto; flex-basis: auto; } } .counter.center { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; } .counter.center .counter__item { -ms-flex-negative: auto; flex-shrink: auto; } .counter--blue { background: #F2F8FF; border-radius: 4px; padding: 10px 15px; } .card-item { display: block; position: relative; padding-bottom: 0.72em; font-size: 1.25rem; line-height: 0.95; text-align: center; } .counter__item__card__top, .counter__item__card__bottom, .counter__item__card__back::before, .counter__item__card__back::after { display: block; height: 0.72em; color: #1e225d; background: #fff; padding: 0.25em 0.25em; border-radius: 4px 4px 0 0; backface-visiblity: hidden; transform-style: preserve-3d; width: 1.4em; transform: translateZ(0); } .counter__item__card__bottom { color: #1e225d; position: absolute; top: 50%; left: 0; background: #FFF; border-radius: 0 0 4px 4px; pointer-events: none; overflow: hidden; } .counter__item__card__bottom::after { display: block; margin-top: -0.72em; } .counter__item__card__back::before, .counter__item__card__bottom::after { content: attr(data-value); } .counter__item__card__back { position: absolute; top: 0; height: 100%; left: 0%; pointer-events: none; } .counter__item__card__back::before { position: relative; z-index: -1; overflow: hidden; } .flip-clock__slot { display: none; } .flip .counter__item__card__back::before { animation: flipTop 0.3s cubic-bezier(0.37, 0.01, 0.94, 0.35); animation-fill-mode: both; transform-origin: center bottom; } .flip .counter__item__card__back .counter__item__card__bottom { transform-origin: center top; animation-fill-mode: both; animation: flipBottom 0.6s cubic-bezier(0.15, 0.45, 0.28, 1); } @keyframes flipTop { 0% { transform: rotateX(0deg); z-index: 2; } 0%, 99% { opacity: 0.99; } 100% { transform: rotateX(-90deg); opacity: 0; } } @keyframes flipBottom { 0%, 50% { z-index: -1; transform: rotateX(90deg); opacity: 0; } 51% { opacity: 0.99; } 100% { opacity: 0.99; transform: rotateX(0deg); z-index: 5; } } .digit { position: relative; float: left; width: 15px; height: 25px; background-color: #fff; border-radius: 4px; text-align: center; font-family: Lexend,open-sans; font-weight: 600; font-size: 12px; } @media print, screen and (min-width: 40em) { .digit { font-size: 14px; } } .base { display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #1e225d; } .flap { display: none; position: absolute; width: 100%; height: 50%; background-color: #fff; left: 0; top: 0; border-radius: 4px 4px 0 0; transform-origin: 50% 100%; backface-visibility: hidden; overflow: hidden; } .flap::before { content: attr(data-content); position: absolute; left: 50%; } .flap.front::before, .flap.under::before { top: 100%; transform: translate(-50%, -50%); } .flap.back { transform: rotateY(180deg); } .flap.back::before { top: 100%; transform: translate(-50%, -50%) rotateZ(180deg); } .flap.over { z-index: 2; } .flap.under { z-index: 1; } .flap.front { animation: flip-down-front 300ms ease-in both; } .flap.back { animation: flip-down-back 300ms ease-in both; } .flap.under { animation: fade-under 300ms ease-in both; } @keyframes flip-down-front { 0% { transform: rotateX(0deg); background-color: #fff; color: #1e225d; } 100% { transform: rotateX(-180deg); background-color: #a6a6a6; color: black; } } @keyframes flip-down-back { 0% { transform: rotateY(180deg) rotateX(0deg); background-color: #a6a6a6; color: black; } 100% { transform: rotateY(180deg) rotateX(180deg); background-color: #fff; color: #1e225d; } } @keyframes fade-under { 0% { background-color: #a6a6a6; color: black; } 100% { background-color: #fff; color: #1e225d; } } .clock { perspective: 100vw; perspective-origin: 50% 50%; -ms-flex-positive: 2; flex-grow: 2; } @media print, screen and (min-width: 40em) { .clock { -ms-flex-positive: initial; flex-grow: initial; } } .clock .digit { margin-right: 0px; border-radius: 4px 0px 0px 4px; padding-left: 15px; margin-right: -1px; font-family: 'Lexend', sans-serif; font-display: fallback; margin-left: 0px; font-size: 12px; } .clock .digit.even { border-radius: 0px 4px 4px 0px; padding-right: 15px; margin-left: -2px; margin-right: 0px; padding-left: 0px; } .clock .digit:last-child { margin-right: 0; } .clock .seperator { margin: 0px 5px; color: white; font-family: Lexend; font-weight: 600; float: left; font-size: 1rem; } .counter.simple .digit, .counter.simple .flap, .counter.simple .flap::before { background-color: #1e225d; font-family: "Poppins", sans-serif; width: unset; height: unset; } .counter.simple .base { top: unset; left: unset; } .counter.simple .digit { padding: 0px; margin: 0px; padding-right: 5px; color: white; font-size: unset; } .counter.simple .base, .counter.simple .flap::before, .counter.simple .denominator { color: white; display: inline-block; position: relative; transform: none; font-family: "Poppins", sans-serif; } .counter.simple .flap::before { border-color: #1e225d; } .counter.simple .counter__item { margin-right: 5px; -ms-flex-preferred-size: auto; flex-basis: auto; font-family: "Poppins", sans-serif; font-weight: 600; } .counter.simple .counter__item__card__top, .counter.simple .counter__item__card__bottom, .counter.simple .counter__item__card__back::before, .counter.simple .counter__item__card__back::after { background: #1e225d; } @keyframes slidein { 0% { opacity: 0; transform: translateY(100vh); } 100% { opacity: 1; transform: none; } } @keyframes slideout { 0% { opacity: 1; transform: none; } 100% { opacity: 0; transform: translateY(-100vh); } } #9r6ous-tooltip { max-width: 20rem; } .fullscreenform { height: 100vh; position: relative; } .fullscreenform__progress { position: absolute; top: 0px; left: 0px; right: 0px; width: 100%; height: 15px; z-index: 10; background-color: #FFD9A0; } .fullscreenform__progress__number { display: none; } .fullscreenform__progress__current { position: absolute; top: 0px; left: 0px; width: 0%; height: 100%; background-color: #ff9900; } .fullscreenform__header { position: absolute; top: 15px; left: 0px; right: 0px; width: 100%; z-index: 10; display: -ms-flexbox; display: flex; padding: 0 15px; background-color: #1e225d; padding-top: 15px; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center; } @media print, screen and (min-width: 64em) { .fullscreenform__header { background-color: transparent; padding: 0 30px; padding-top: 15px; } } .fullscreenform__header__logo { text-align: center; width: 100%; } .fullscreenform__header__logo img { width: 150px; } @media print, screen and (min-width: 64em) { .fullscreenform__header__logo img { width: 250px; } } @media print, screen and (min-width: 64em) { .fullscreenform__header__logo { text-align: left; width: unset; } } .fullscreenform__header__reviews { display: none; } .fullscreenform__header__reviews p.home-leader-new__subtext { color: white; max-width: 100%; font-family: 'Lexend', sans-serif; font-display: fallback; font-size: 16px; } .fullscreenform__header__reviews p.home-leader-new__subtext span { font-family: 'Lexend', sans-serif; font-display: fallback; } .fullscreenform__header__reviews p.home-leader-new__subtext .start__reviews__ratings__text { color: white; } .fullscreenform__header__reviews p.home-leader-new__subtext .start__reviews__ratings__text strong { color: white; } @media print, screen and (min-width: 64em) { .fullscreenform__header__reviews { display: block; } } .fullscreenform__footer { position: absolute; bottom: 15px; left: 50%; transform: translateX(-50%); right: 0px; width: 100%; max-width: 1024px; z-index: 10; display: -ms-flexbox; display: flex; padding: 20px 15px; border-top: 1px solid #939393; background-color: #1e225d; padding-top: 20px; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center; } @media print, screen and (min-width: 64em) { .fullscreenform__footer { background-color: transparent; } } @media screen and (min-width: 75em) { .fullscreenform__footer { padding: 20px 0px; bottom: 50px; } } .fullscreenform__footer__button a { border: 1px solid #FFFFFF; border-radius: 4px; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center; color: white; padding: 8px 15px; text-decoration: none; gap: 15px; transition: all 400ms; } .fullscreenform__footer__button a:hover { background: white; color: #1e225d; } .fullscreenform__footer__button a:hover span { color: #1e225d; } .fullscreenform__footer__button a:hover img { filter: invert(13%) sepia(24%) saturate(4675%) hue-rotate(220deg) brightness(87%) contrast(97%); } .fullscreenform__footer__button__text { font-weight: 600; color: white; } .fullscreenform__footer__button__icon { height: 16px; line-height: 16px; } .fullscreenform__footer__button__icon img { width: 16px; filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(263deg) brightness(103%) contrast(102%); } .fullscreenform__footer__text { font-size: 14px; font-weight: medium; color: white; } @media print, screen and (min-width: 64em) { .fullscreenform__footer__text { font-size: 17px; } } .fullscreenform__container { height: 100%; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: center; justify-content: center; } @media print, screen and (min-width: 40em) { .fullscreenform__container { -ms-flex-pack: center; justify-content: center; } } .fullscreenform__container__section { width: 100%; height: 100%; max-height: 100vh; overflow: hidden; overflow-y: scroll; } .fullscreenform__container__section__container { width: 100%; max-width: 1024px; margin: 0 auto; } .fullscreenform__container__section__container .step-module__section { padding-top: 0px; transition: all 600ms ease-out; } .fullscreenform__container__section__container .step-module__section img.logo { width: 50%; margin-bottom: 30px; margin-left: auto; margin-right: auto; display: block; max-width: 350px; } .fullscreenform__container__section__container .step-module__section h3, .fullscreenform__container__section__container .step-module__section p { text-align: center; font-family: 'Lexend', sans-serif; font-display: fallback; } .fullscreenform__container__section__container .step-module__section h3 { margin-top: 25px; font-size: 1.4rem; } @media print, screen and (min-width: 64em) { .fullscreenform__container__section__container .step-module__section h3 { margin-top: 70px; } } @media screen and (min-width: 75em) { .fullscreenform__container__section__container .step-module__section h3 { font-size: 2.4375rem !important; } } .fullscreenform__container__section__container .step-module__section.category_section h3 { padding-top: 100px; } @media print, screen and (min-width: 64em) { .fullscreenform__container__section__container .step-module__section.category_section h3 { margin-top: 70px; } } .fullscreenform__container__section__container .step-module__section .home-leader-new__subtext { max-width: 100%; margin-top: 80px; font-size: 1rem; background: transparent; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; } .fullscreenform__container__section__container .step-module__section label { display: none; } .fullscreenform__container__section__container .step-module__section .input-group-field { border: 1px solid #707070; margin-top: 10px; border-radius: 8px; padding: 25px 45px; font-family: 'Lexend', sans-serif; font-display: fallback; } .fullscreenform__container__section__container .step-module__section .input-group-field:-ms-input-placeholder { color: #1e225d; } .fullscreenform__container__section__container .step-module__section .input-group-field::placeholder { color: #1e225d; } @media print, screen and (min-width: 64em) { .fullscreenform__container__section__container .step-module__section .input-group-field { width: 52%; margin: 0 auto; } } .fullscreenform__container__section__container .step-module__section.slidein { animation-duration: 1s; animation-name: slidein; animation-fill-mode: forwards; } .fullscreenform__container__section__container .step-module__section.slideout { animation-duration: 1s; animation-name: slideout; animation-fill-mode: forwards; } .fullscreenform__container__section__container .step-module__section.current { transform: none; opacity: 1; } .fullscreenform__container__section__container .step-module.test .step-module__section h3 { width: 100%; } .fullscreenform__container__section__container .step-module__section__choices { margin-top: 10px; gap: 10px; } @media print, screen and (min-width: 64em) { .fullscreenform__container__section__container .step-module__section__choices { gap: 25px; } } .fullscreenform__container__section__container .step-module__section__choices > div { font-size: 16px; } .fullscreenform__container__section__container .step-module__section__choices > div p { text-align: left; } .fullscreenform__container__section__container .step-module__section__choices > div.category { min-height: 70px; padding: 10px 30px; font-size: 14px !important; } @media print, screen and (min-width: 64em) { .fullscreenform__container__section__container .step-module__section__choices > div.category { min-height: 50px; font-size: 16px; } } .fullscreenform__container__section__container .step-module__section__choices > div.category input { top: 16px; accent-color: #1E225C; } @media screen and (min-width: 75em) { .fullscreenform__container__section__container .step-module__section__choices > div.category { min-width: 20%; max-width: 32%; } } .fullscreenform__container__section__container .step-module__section__choices > div.category span.category__tooltip { position: absolute; bottom: -3px; right: -3px; padding: 3px 8px; font-family: 'Lexend', sans-serif; font-display: fallback; color: white; line-height: 1; border: 1px solid white; border-radius: 4px; background: #1e225d; font-size: 1.125rem; } .fullscreenform__container__section__container .step-module__section__choices > div.category span.category__tooltip .fa-info-circle { border: 1px solid #1e225d; border-radius: 100px; } .fullscreenform__container__section__container .step-module__section__choices > div.time { min-height: 180px; } @media screen and (min-width: 75em) { .fullscreenform__container__section__container .step-module__section__choices > div { min-width: 40%; max-width: 50%; } } .fullscreenform__container__section__container .step-module__section__choices > div p.subtitle { font-size: 14px; } .fullscreenform__container__section__container .step-module__buttons { margin-top: 30px; -ms-flex-pack: center; justify-content: center; gap: 10px; margin-bottom: 20px; } @media print, screen and (min-width: 40em) { .fullscreenform__container__section__container .step-module__buttons { gap: 20px; } } .fullscreenform__container__section__container .step-module__buttons button, .fullscreenform__container__section__container .step-module__buttons button:first-of-type, .fullscreenform__container__section__container .step-module__buttons a, .fullscreenform__container__section__container .step-module__buttons a:first-of-type { margin: 0px; -ms-flex-preferred-size: 49%; flex-basis: 49%; } @media print, screen and (min-width: 64em) { .fullscreenform__container__section__container .step-module__buttons button, .fullscreenform__container__section__container .step-module__buttons button:first-of-type, .fullscreenform__container__section__container .step-module__buttons a, .fullscreenform__container__section__container .step-module__buttons a:first-of-type { -ms-flex-preferred-size: 25%; flex-basis: 25%; } } .fullscreenform__container__section__container .step-module__buttons.single button, .fullscreenform__container__section__container .step-module__buttons.single button:first-of-type, .fullscreenform__container__section__container .step-module__buttons.single a, .fullscreenform__container__section__container .step-module__buttons.single a:first-of-type { margin: 0px; -ms-flex-preferred-size: 100%; flex-basis: 100%; } @media print, screen and (min-width: 64em) { .fullscreenform__container__section__container .step-module__buttons.single button, .fullscreenform__container__section__container .step-module__buttons.single button:first-of-type, .fullscreenform__container__section__container .step-module__buttons.single a, .fullscreenform__container__section__container .step-module__buttons.single a:first-of-type { -ms-flex-preferred-size: 50%; flex-basis: 50%; } } .fullscreenform--blue { background: #1e225d; } .fullscreenform--blue .step-module__section h3, .fullscreenform--blue .step-module__section p { color: white; } .fullscreenform--blue .step-module__section__choices > div { background: rgba(255, 255, 255, 0.082); border: 1px solid white; box-shadow: 0px 3px 10px rgba(42, 62, 82, 0.2); } .fullscreenform--blue .step-module__section__choices > div img { filter: invert(100%) sepia(0%) saturate(1%) hue-rotate(251deg) brightness(101%) contrast(102%); } .fullscreenform--blue .step-module__section__choices > div.checked, .fullscreenform--blue .step-module__section__choices > div:hover { background: white; color: #1e225d; box-shadow: 0px 3px 10px rgba(42, 62, 82, 0.2); } .fullscreenform--blue .step-module__section__choices > div.checked p, .fullscreenform--blue .step-module__section__choices > div:hover p { color: #1e225d; } .fullscreenform--blue .step-module__section__choices > div.checked img, .fullscreenform--blue .step-module__section__choices > div:hover img { filter: invert(13%) sepia(55%) saturate(1783%) hue-rotate(217deg) brightness(97%) contrast(102%); } .fullscreenform.test { position: relative; } @media print, screen and (min-width: 64em) { .fullscreenform.test .step-module__timeline { position: absolute; right: 0; } } @media print, screen and (min-width: 64em) { .fullscreenform.test .step-module__section h3 { font-size: 2rem; width: 50%; line-height: 1.2; letter-spacing: -1px; font-weight: 800; } } .fullscreenform__result { margin-top: 25px; } .fullscreenform__result .trainingen-grid__item:hover .training-grid-block__image__overlay { opacity: 0; } .fullscreenform__timeline { display: -ms-flexbox; display: flex; column-gap: 30px; margin-bottom: 50px; } .fullscreenform__timeline.small { column-gap: 10px; } .fullscreenform__timeline.small .step-module__timeline__item { padding: 4px; height: 35px; width: 35px; } .fullscreenform__timeline.small .step-module__timeline__item::after { width: 12px; margin-left: 11px; } @media screen and (min-width: 40em) { .fullscreenform__timeline.small { column-gap: 30px; } .fullscreenform__timeline.small .step-module__timeline__item { padding: 10px; height: 50px; width: 50px; } .fullscreenform__timeline.small .step-module__timeline__item::after { width: 30px; margin-left: 19px; } } .fullscreenform__timeline__item { border-radius: 100%; border: 1px solid #1E225C; font-family: 'Lexend', sans-serif; font-display: fallback; font-size: 1.2rem; font-weight: 800; padding: 10px; text-align: center; width: 50px; height: 50px; cursor: pointer; } .fullscreenform__timeline__item.filled { background: #1E225C; color: white; } .fullscreenform__timeline__item::after { position: absolute; border: 2px solid #1E225C; width: 30px; content: " "; margin-top: 12px; margin-left: 19px; } .fullscreenform__timeline__item:last-of-type::after { display: none; } @media screen and (min-width: 40em) { .fullscreenform__timeline__item::after { width: 80px; content: " "; } } @media screen and (min-width: 40em) { .fullscreenform__timeline { column-gap: 80px; } } .fullscreenform__section { display: none; margin-bottom: 50px; } .fullscreenform__section.current { display: block; } .fullscreenform__section h3 { font-size: 1.2rem; font-weight: bold; margin-bottom: 20px; } .fullscreenform__section a { color: #ff9900; } .fullscreenform__section__choices { display: -ms-flexbox; display: flex; gap: 25px; -ms-flex-wrap: wrap; flex-wrap: wrap; } .fullscreenform__section__choices > div { cursor: pointer; -ms-flex: 1 1 calc(25% - 10px); flex: 1 1 calc(25% - 10px); min-width: 90%; background-color: #fff; box-shadow: 0px 10px 30px 0px rgba(157, 171, 192, 0.2); border: 1px solid white; border-radius: 8px; position: relative; padding: 20px; z-index: 2; text-decoration: none; display: block; height: 100%; font-weight: bold; font-size: 18px; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center; } @media print, screen and (min-width: 40em) { .fullscreenform__section__choices > div { padding: 30px; display: block; min-width: 40%; max-width: 50%; } } @media screen and (min-width: 75em) { .fullscreenform__section__choices > div { min-width: 20%; max-width: 32%; } .fullscreenform__section__choices > div.category { min-height: 170px; } } .fullscreenform__section__choices > div:hover { border: 1px solid #1E225C; box-shadow: 0px 10px 30px 0px rgba(157, 171, 192, 0.35); transition: all 400ms; } .fullscreenform__section__choices > div:hover .category-section__container__categories__card__title { color: #ff9900; transition: all 400ms; } .fullscreenform__section__choices > div:hover .category-section__container__categories__card__link > .cf-button--orange-link { background: transparent; color: #ff9900; } .fullscreenform__section__choices > div:hover .category-section__container__categories__card__link > .cf-button--orange-link .cf-button__text { color: #ff9900; text-decoration: underline; transition: text-decoration 400ms; } .fullscreenform__section__choices > div:hover .category-section__container__categories__card__link > .cf-button--orange-link .cf-button__icon:not(.left) { margin: 0px 0px 0px 15px; transition: margin 400ms, box-shadow 400ms; } .fullscreenform__section__choices > div.checked { border: 1px solid #1E225C; } .fullscreenform__section__choices > div.disabled { border: 1px solid gray; opacity: 0.5; } .fullscreenform__section__choices > div input { position: absolute; left: 10px; top: 10px; } .fullscreenform__section__choices > div p { margin-bottom: 0px; } .fullscreenform__section__choices > div p.subtitle { font-weight: normal; font-size: 16px; } .fullscreenform__section__choices > div img { width: 50px; filter: invert(19%) sepia(31%) saturate(1553%) hue-rotate(201deg) brightness(83%) contrast(106%); margin-bottom: 10px; } .fullscreenform__buttons { display: -ms-flexbox; display: flex; } .fullscreenform__buttons button:first-of-type { margin-right: 20px; } .fullscreenform.light { color: white; } .fullscreenform.light .step-module__timeline__item { border: 1px solid white; } .fullscreenform.light .step-module__timeline__item.filled { background: white; color: #1E225C; } .fullscreenform.light .step-module__timeline__item::after { border: 2px solid white; } .fullscreenform.light .step-module__section { color: white; } .fullscreenform.light .step-module__section h3 { color: white; } .fullscreenform.light .step-module__section p { color: white; } .sidebar-inschrijven__button { margin: 0; -webkit-clip-path: none; clip-path: none; box-shadow: none; width: 100%; text-align: left; height: 50px; } .sidebar-inschrijven__button .cf-button__text { margin-left: 20px; } .sidebar-inschrijven__button .cf-button__icon { margin-right: 20px; } .op-deze-pagina--mobile .sidebar-block__title { margin-bottom: 0.3rem; } .op-deze-pagina__menu li a { text-decoration: none; color: #1e225d; } .op-deze-pagina__menu li a.active, .op-deze-pagina__menu li a:active { background: #1e225d; font-weight: bold; color: white; } .op-deze-pagina__menu li a:hover { background: #1e225d; color: white; } .op-deze-pagina__menu--mobile li a { display: block; padding: 0.4rem 0; border-bottom: 1px solid #1e225d; } .op-deze-pagina__menu--mobile li a:hover { background: none; } .inschrijven-optie { margin-top: 15px; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .inschrijven-optie__inschrijven-button--small .cf-button__icon { margin-right: 15px; } .inschrijven-optie__inschrijven-button--small .cf-button__text { margin-right: 10px; margin-left: 10px; } .inschrijven-optie__optie-link { font-family: 'Poppins', sans-serif; font-display: fallback; font-weight: 600; margin-left: 20px; text-decoration: underline; display: none; text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.2); } .springest-widget { width: 230px; } @media print { .springest-widget { display: none; } } .prijs-sticker { font-family: 'Poppins', sans-serif; font-display: fallback; font-size: 1.3125rem; font-weight: bold; width: 60px; height: 60px; background: #ff9900; border-radius: 30px; display: block; line-height: 55px; text-align: center; border: 2px solid white; color: white; } .prijs-sticker--star { background: url(../images/factory/sticker.png) no-repeat left px; background-size: 100% 100%; border: none; width: 68px; height: 70px; background: #ff9900; border-radius: 35px; display: block; line-height: 70px; } .facebook-follow { background: #3b5998; color: white; padding: 25px; } @media print, screen and (min-width: 64em) { .facebook-follow { width: 375px; float: right; } } .facebook-follow__title { color: white; } .facebook-follow__title strong { text-transform: lowercase; font-size: 110%; } .facebook-follow__text { font-size: 1.0625rem; } .facebook-follow__widget { width: 100%; } .popout { color: #1e225d; } .cue { position: fixed; top: 70px; left: 0px; width: 90%; margin: 0% 5%; box-shadow: 0px 15px 30px rgba(42, 62, 82, 0.149); border-radius: 6px; background-color: white; padding: 17px 20px; z-index: 9999; } @media print, screen and (min-width: 40em) { .cue { width: unset; left: unset; margin: unset; right: 40px; top: 30px; } } .cue.closed { display: none; } .cue.opened { display: block; } .cue__container { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 10px; } .cue__icon img { width: 20px; display: none; } .cue__icon.messagetype.error { color: #FF4F57; } .cue__icon.messagetype.error img.error-icon { display: inline; filter: invert(49%) sepia(56%) saturate(5055%) hue-rotate(331deg) brightness(107%) contrast(103%); } .cue__icon.messagetype.success { color: #FF4F57; } .cue__icon.messagetype.success img.success-icon { display: inline; filter: invert(49%) sepia(56%) saturate(5055%) hue-rotate(331deg) brightness(107%) contrast(103%); } .cue__icon.messagetype.saved { color: #FF4F57; } .cue__icon.messagetype.saved img.saved-icon { display: inline; filter: invert(49%) sepia(56%) saturate(5055%) hue-rotate(331deg) brightness(107%) contrast(103%); } .cue__text { font-size: 16px; font-family: 'Lexend', sans-serif; font-display: fallback; } .popup { transform: unset !important; left: 2% !important; top: 10% !important; width: 95% !important; height: inherit !important; color: #1e225d; } @media print, screen and (min-width: 40em) { .popup { left: 50% !important; top: 50% !important; width: 600px !important; transform: matrix(1, 0, 0, 1, -300, -339.5) scale(1) !important; } } .popup__content__header { padding: 20px; background-color: #201B66; } .popup__content__header h4 { text-transform: uppercase; color: #fff; text-align: center; } .popup__content__header p { color: #fff; text-align: center; } .popup__content__header span.orange { color: #FF833B; font-weight: bold; } .popup__content__form { padding: 20px; background-color: #EFF5FC; } .popup__content__form__instructions { font-size: 0.85rem; color: #201B66; } .popup__content__form__content__form input { margin-bottom: 15px; border-radius: 5px; padding: 0.65em; } @media print, screen and (min-width: 40em) { .popup__content__form__content__form input { display: inline-block; margin-bottom: 0px; } } .popup__content__form__content__form input:-ms-input-placeholder { color: #505050; } .popup__content__form__content__form input::placeholder { color: #505050; } .popup__content__form__content__form button { width: 100%; } @media print, screen and (min-width: 40em) { .popup__content__form__content__form button { display: inline-block; margin-bottom: 3px; } } .popup__content__form__content__form button .cf-button__text { margin: -2px 15px 0 15px; } .popup__content__form__content > .privacy { font-size: 0.9rem; text-align: center; line-height: 0.9rem; } .popup__photo { background: url("../../images/popup-background.jpg") no-repeat left top; background-size: cover; background-position: 20% center; } .gadget { cursor: pointer; text-align: center; background: #23213B; padding: 40px 0px 0px 40px; border-radius: 50%; width: 200px; height: 200px; line-height: 1.2; margin-top: 10px; box-shadow: 0px 2px 22px 1px rgba(0, 0, 0, 0.75); } .gadget::before, .gadget::after { display: table; content: ' '; -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-order: 1; order: 1; } .gadget::after { clear: both; } .gadget img { float: right; width: 25%; height: auto; margin: 0 0 0 2%; } .gadget em, .gadget small { width: 73%; float: left; } .gadget em { font-style: normal; font-size: 110%; font-weight: bold; color: #fff; } .gadget small { font-size: 90%; margin-top: 5px; line-height: 1.1; color: #fff; } @media print, screen and (min-width: 40em) { .gadget { margin-top: 0; padding: 22px 0 0 39px; } .gadget img { width: 28%; } .gadget em, .gadget small { width: 70%; } } @media print, screen and (min-width: 64em) { .gadget { padding: 30px 0 0 36px; } .gadget img { width: 23%; } .gadget em, .gadget small { width: 75%; } } @media screen and (min-width: 75em) { .gadget img { width: 23%; } .gadget em, .gadget small { width: 75%; } } @media print { .gadget { display: none; } } .category-section__container { margin: 75px 0px; position: relative; } @media print, screen and (min-width: 40em) { .category-section__container { margin: 150px 0px; margin-top: 100px; } } .category-section__container::before { content: ""; background-image: url(/images/dot-bgv5.svg); height: 40%; width: 50%; position: absolute; background-repeat: repeat; top: 90px; bottom: auto; right: 0px; z-index: 2; background-position: center; background-size: 50px; } @media print, screen and (min-width: 40em) { .category-section__container::before { bottom: 0px; right: 10%; height: 40%; width: 20%; top: 200px; background-size: 60px; } } .category-section__container::after { content: ""; background-image: url(/images/dot-bgv5.svg); height: 40%; width: 50%; position: absolute; background-repeat: repeat; top: auto; bottom: -30px; right: auto; z-index: 1; background-position: center; background-size: 50px; left: 0; } @media print, screen and (min-width: 40em) { .category-section__container::after { bottom: 230px; right: 0px; left: 10%; height: 40%; width: 20%; background-size: 60px; } } .category-section__container__text__title { font-family: 'Lexend', sans-serif; font-display: fallback; font-size: 25px; font-weight: 800; text-align: center; letter-spacing: 0; width: 60%; margin: 0 auto; margin-bottom: 35px; } .category-section__container__text__title.align-left { text-align: left; } @media print, screen and (min-width: 40em) { .category-section__container__text__title { width: 80%; } } @media print, screen and (min-width: 64em) { .category-section__container__text__title { width: 600px; font-size: 35px; } } .category-section__container__text__title__mobile { color: #1e225d; font-size: 20px; font-family: 'Lexend', sans-serif; letter-spacing: 0px; font-weight: 600; } .category-section__container__text__title__mobile span { color: #77799c; } .category-section__container__text__subtitle { font-size: 1.125rem; text-align: center; max-width: 60%; margin: 0 auto; } @media print, screen and (min-width: 40em) { .category-section__container__text__subtitle { max-width: 50%; } } .category-section__container__text__subtitle.align-left { text-align: left; margin: 0; } .category-section__container__text__subtitle.callout { display: inline-block; margin-top: 10px; max-width: unset; border: 1px solid #1E225C; border-radius: 4px; padding: 5px 17px; background: transparent; font-size: 1rem; } .category-section__container__text__subtitle.callout img { margin-right: 15px; filter: invert(20%) sepia(9%) saturate(5499%) hue-rotate(194deg) brightness(95%) contrast(106%); } .category-section__container__text__subtitle__mobile { color: #1e225d; font-size: 16px; padding-left: 0.625rem; } .category-section__container__categories { margin-top: 30px; position: relative; } @media print, screen and (min-width: 64em) { .category-section__container__categories { margin-top: 75px; } } .category-section__container__categories__background { z-index: -1; } .category-section__container__categories__background::before { content: ""; height: 100%; width: 50%; position: absolute; background-repeat: repeat; top: 40px; left: 0px; z-index: -1; background-position: center; background-size: unset; } .category-section__container__categories .row { max-width: 100rem; padding: 0; } @media screen and (min-width: 40em) { .category-section__container__categories .row { padding-left: 1rem; padding-right: 1rem; margin: 0px; } } .category-section__container__categories__card { border: none; margin-bottom: 15px; } @media print, screen and (min-width: 40em) { .category-section__container__categories__card { margin-bottom: 2rem; padding-left: 1rem; padding-right: 1rem; } } .category-section__container__categories__card__container { background-color: #fff; box-shadow: 6px 6px 30px rgba(157, 171, 192, 0.2); position: relative; padding: 20px; z-index: 2; text-decoration: none; display: -ms-flexbox; display: flex; height: 100%; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center; border-radius: 16px; } @media print, screen and (min-width: 40em) { .category-section__container__categories__card__container { padding: 30px; border-radius: 16px; display: block; } } .category-section__container__categories__card__container:hover { box-shadow: 6px 6px 30px rgba(157, 171, 192, 0.2); transition: all 400ms; } .category-section__container__categories__card__container:hover .category-section__container__categories__card__title { color: #ff9900; transition: all 400ms; } .category-section__container__categories__card__container:hover .category-section__container__categories__card__link > .cf-button--orange-link { background: transparent; color: #ff9900; } .category-section__container__categories__card__container:hover .category-section__container__categories__card__link > .cf-button--orange-link .cf-button__text { color: #ff9900; text-decoration: underline; transition: text-decoration 400ms; } .category-section__container__categories__card__container:hover .category-section__container__categories__card__link > .cf-button--orange-link .cf-button__icon:not(.left) { margin: 0px 0px 0px 15px; transition: margin 400ms, box-shadow 400ms; } .category-section__container__categories__card__container:hover .category-section__container__categories__card__title__arrow { background-color: #1e225d; color: white; } .category-section__container__categories__card__container:hover .category-section__container__categories__card__title__arrow path { fill: white !important; } .category-section__container__categories__card__help { width: 100%; text-align: center; margin-top: 20px; margin-bottom: 52px; font-size: 18px; } .category-section__container__categories__card__help strong { font-weight: 500 !important; } .category-section__container__categories__card__title { font-size: 1.1rem; margin-bottom: 0px; color: #1E225C; font-weight: 600; display: grid; -ms-flex-align: center; align-items: center; grid-template-columns: 9fr 1fr; } @media print, screen and (min-width: 40em) { .category-section__container__categories__card__title { font-size: 20px; margin-bottom: 10px; font-weight: 800; } } .category-section__container__categories__card__title__arrow { width: 40px !important; height: 40px; padding: 10px; border-radius: 100px; border: 1px solid #1e225d; background-color: white; } .category-section__container__categories__card__text { font-size: 1rem; margin-bottom: 0; } @media print, screen and (min-width: 64em) { .category-section__container__categories__card__text { padding-right: 30px; } } .category-section__container__categories__card__link { font-size: 1rem; } .category-section__container__categories__card__icon { position: absolute; top: 10px; right: 10px; width: 40px; } @media print, screen and (min-width: 64em) { .category-section__container__categories__card__icon { width: 50px; } } .category-section__container__categories__card__mobile-link { display: inline-block; font-size: 1rem; } .category-section__container__categories__card__mobile-link > div { line-height: 30px; border-radius: 50%; color: #1e225d; width: 30px; height: 30px; vertical-align: center; text-align: center; } .category-section__container__categories__card--alt { margin-bottom: 1rem; } @media print, screen and (min-width: 40em) { .category-section__container__categories__card--alt { padding-left: 1rem; padding-right: 1rem; } } .category-section__container__categories__card--alt .category-section__container__categories__card__container { background: #1E225C; } .category-section__container__categories__card--alt .category-section__container__categories__card__title { color: white; } .category-section__container__categories__card--alt .category-section__container__categories__card__text { color: white; } @media print, screen and (min-width: 64em) { .category-section__container__categories__card--alt .category-section__container__categories__card__text { padding-right: 50px; } } .category-section__container__categories__card--alt .category-section__container__categories__card__mobile-link > div { color: #1e225d; } #trainingoverzicht-card { background-color: white !important; border-radius: 8px; border: none; position: relative; overflow: hidden; } #trainingoverzicht-card p { color: #1e225d; } #trainingoverzicht-card:hover p { color: #1e225d; } #trainingoverzicht-card:hover .category-section__container__categories__shape { right: -60px; } #trainingoverzicht-card .category-section__container__categories__shape { position: absolute; width: 150px; height: 100%; transform: skew(-10deg); background: #fcb84c; top: 0; right: -90px; z-index: -1; transition: right .3s ease-in-out; } #keuze-card { background-color: white !important; border-radius: 8px; border: none; position: relative; overflow: hidden; } #keuze-card p { color: #1e225d; } #keuze-card:hover p { color: #1e225d; } #keuze-card:hover .category-section__container__categories__shape { right: -60px; } #keuze-card:hover:hover { background-color: #1e225d; } #keuze-card .category-section__container__categories__shape { position: absolute; width: 150px; height: 100%; transform: skew(-10deg); background: #00C4C2; top: 0; right: -90px; z-index: -1; transition: right .3s ease-in-out; } #opleiding-card { background-color: white !important; border-radius: 8px; border: none; position: relative; overflow: hidden; } #opleiding-card p { color: #1e225d; } #opleiding-card:hover p { color: #1e225d; } #opleiding-card:hover .category-section__container__categories__shape { right: -60px; } #opleiding-card .category-section__container__categories__shape { position: absolute; width: 150px; height: 100%; transform: skew(-10deg); background: #9DD08B; top: 0; right: -90px; z-index: -1; transition: right .3s ease-in-out; } #subsidie-card { background-color: white !important; border-radius: 8px; border: none; position: relative; overflow: hidden; } #subsidie-card p { color: #1e225d; } #subsidie-card:hover p { color: #1e225d; } #subsidie-card:hover .category-section__container__categories__shape { right: -60px; } #subsidie-card .category-section__container__categories__shape { position: absolute; width: 150px; height: 100%; transform: skew(-10deg); background: #B24ED6; top: 0; right: -90px; z-index: -1; transition: right .3s ease-in-out; } .quote-block { background: #F7F7F7; margin: 50px 0px; } @media print, screen and (min-width: 64em) { .quote-block { margin: 125px 0px; } } .quote-block__text { display: -ms-flexbox; display: flex; } .quote-block__text__icon { padding: 90px 0px; padding-right: 10px; } .quote-block__text__icon svg path { fill: #1e225d; } .quote-block__text__container { padding: 100px 0px; } .quote-block__text__container__text { font-style: italic; font-weight: 700; font-size: 1.4rem; color: #1E225C; margin-bottom: 20px; } @media print, screen and (min-width: 40em) { .quote-block__text__container__text { font-size: 30px; margin-right: 100px; } } .quote-block__text__container__person { font-style: italic; font-weight: 500; font-size: 1.4rem; color: #1E225C; margin-bottom: 10px; padding-left: 1rem; } .quote-block__text__container__person::before { content: "-"; color: #1e225d; margin-right: 10px; } @media print, screen and (min-width: 40em) { .quote-block__text__container__person { text-align: right; padding-right: 4.5rem; padding-left: 0rem; } } .quote-block__text__container__function { font-style: italic; color: rgba(30, 34, 92, 0.5); font-size: 1.1rem; padding-left: 2rem; } @media print, screen and (min-width: 40em) { .quote-block__text__container__function { text-align: right; padding-right: 2rem; padding-left: 0rem; } } .quote-block__image { position: relative; } .quote-block__image img { position: absolute; bottom: 0px; right: 0px; width: 27%; } @media print, screen and (min-width: 40em) { .quote-block__image img { max-width: 90%; width: 90%; } } .iframe-container { position: relative; overflow: hidden; width: 100%; padding-top: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */ } .iframe-container > iframe { position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100% !important; } @media print, screen and (min-width: 40em) { .videotext-block { margin: 100px 0px; } } .videotext-block.graybg { background-color: #F8F8FA; padding: 50px 0px; } @media print, screen and (min-width: 64em) { .videotext-block.graybg { padding: 100px 0px; } } .videotext-block.homepage { margin: 50px 0px; } @media print, screen and (min-width: 40em) { .videotext-block.homepage { margin: 125px 0px; } } .videotext-block.header { margin: 0; margin-top: 20px; background-color: #FFF; } @media screen and (min-width: 40em) { .videotext-block .imagetoright { border-radius: 2px 16px 16px 16px !important; } } .videotext-block__video { padding: 0 2rem; } .videotext-block__video.centre { padding-right: 2rem; padding-left: 2rem; } @media print, screen and (min-width: 64em) { .videotext-block__video.centre { padding-right: 2rem; padding-left: 2rem; } } .videotext-block__video.left { position: relative; } .videotext-block__video.left:before { /* content: ""; height: 93%!important; width: 75%; position: absolute; background-repeat: repeat; top: 9%!important; left: 2%; z-index: -1; background-position: left; background-size: unset; background-image: url(/images/dot-bgv4.png); @include breakpoint(medium){ top: 7%!important; } @include breakpoint(large){ top: 4%!important; } */ } .videotext-block__video.left.incompany:before { background-image: url(/images/dot-bgv5.png); } .videotext-block__video.left #videoplayer-container3 { height: 200px; width: 100%; object-fit: cover; border-radius: 2px 16px 16px 16px !important; } @media screen and (min-width: 40em) { .videotext-block__video.left #videoplayer-container3 { height: 500px; width: 100%; object-fit: cover; } } @media print, screen and (min-width: 64em) { .videotext-block__video.left #videoplayer-container3 { margin-bottom: 0px; width: 100%; } } .videotext-block__video.left .videotext-block__video__container3 { margin-bottom: 20px; } .videotext-block__video.left .videotext-block__video__container3 #background-img { height: 200px; width: 100%; object-fit: cover; border-radius: 2px 16px 16px 16px !important; } .videotext-block__video.left .videotext-block__video__container3 .background-img-class { height: 200px; width: 100%; object-fit: cover; border-radius: 2px 16px 16px 16px !important; } @media screen and (min-width: 40em) { .videotext-block__video.left .videotext-block__video__container3 #background-img { height: 500px; width: 100%; object-fit: cover; } .videotext-block__video.left .videotext-block__video__container3 #background-img-home { height: 600px; width: 100%; object-fit: cover; } } @media print, screen and (min-width: 64em) { .videotext-block__video.left .videotext-block__video__container3 { margin-bottom: 0px; width: 100%; } } .videotext-block__video.left .videotext-block__video__container3 .corner-img { position: absolute; z-index: 1; height: 10vh; width: 10vh; bottom: 0; right: 0; padding: 10px; backdrop-filter: blur(21px); border: 1px solid white; border-radius: 8px !important; margin: 10px; } @media print, screen and (min-width: 64em) { .videotext-block__video.left .videotext-block__video__container3 .corner-img { margin: 20px; padding: 20px; height: 12vh; width: 12vh; } } .videotext-block__video.left .videotext-block__video__container3 .right-cornerimg { position: absolute; z-index: 1; height: 10vh; width: 10vh; bottom: 0; right: 0; padding: 10px; backdrop-filter: blur(21px); border: 1px solid white; border-radius: 8px !important; margin: 10px; object-fit: contain; } @media screen and (min-width: 40em) { .videotext-block__video.left .videotext-block__video__container3 .right-cornerimg { left: 0; } } @media print, screen and (min-width: 64em) { .videotext-block__video.left .videotext-block__video__container3 .right-cornerimg { margin: 20px; padding: 10px; height: 12vh; width: 12vh; left: 0; } } @media print, screen and (min-width: 40em) { .videotext-block__video.left { padding-left: 2rem; padding-right: 2.7rem; } } .videotext-block__video.right { position: relative; } .videotext-block__video.right:before { content: ""; height: 93% !important; width: 75%; position: absolute; background-repeat: repeat; top: 9% !important; right: 0; z-index: -1; background-position: right; background-size: unset; background-image: url(/images/dot-bgv4.png); } @media print, screen and (min-width: 40em) { .videotext-block__video.right:before { right: 2%; top: 7% !important; } } @media print, screen and (min-width: 64em) { .videotext-block__video.right:before { top: 5% !important; } } .videotext-block__video.right.incompany:before { background-image: url(/images/dot-bgv5.png); } .videotext-block__video.right .videotext-block__video__container { margin-bottom: 20px; } @media print, screen and (min-width: 64em) { .videotext-block__video.right .videotext-block__video__container { margin-bottom: 0px; width: 92%; margin-bottom: 60px; } } @media print, screen and (min-width: 40em) { .videotext-block__video.right { padding-right: 0.9375rem; padding-left: 2.7rem; } } @media print, screen and (min-width: 40em) { .videotext-block__video.right > div > img { border-radius: 2px 16px 16px 16px; } } .videotext-block__video.nobackground:before { background-image: none; } .videotext-block__video__container { position: relative; } .videotext-block__video__container > img { border-radius: 2px 16px 16px 16px !important; } .videotext-block__video__container > #homepage-background-image { height: 200px; width: 100%; object-fit: cover; border-radius: 2px 16px 16px 16px !important; } @media print, screen and (min-width: 40em) { .videotext-block__video__container > #homepage-background-image { height: 700px; } } .videotext-block__video__container .vid-btn { font-size: 50px; color: #fff; position: absolute; top: 0px; left: 0px; transform: none; text-align: center; border: none; border-radius: 100%; opacity: .95; height: 100%; width: 100%; border-radius: 0px 0px 0px 90px; } .videotext-block__video__container .vid-btn iframe, .videotext-block__video__container .vid-btn figure, .videotext-block__video__container .video_play { height: 100% !important; width: 100% !important; } .videotext-block__video__container #vid-icon { font-size: 60px; color: #fff; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; padding: 20px; background-color: rgba(255, 255, 255, 0.3); border-radius: 100%; cursor: pointer; -webkit-backdrop-filter: blur(10.7px); backdrop-filter: blur(10px); width: 25%; transition: margin 400ms, box-shadow 400ms, transform 400ms; } @media screen and (min-width: 40em) { .videotext-block__video__container #vid-icon { height: auto; width: auto; } } .videotext-block__video__container #vid-icon img { width: 100%; display: block; } @media screen and (min-width: 40em) { .videotext-block__video__container #vid-icon img { height: auto; width: auto; display: inline-block; } } .videotext-block__video__container #vid-icon .fa-play-circle { vertical-align: 1em; } .videotext-block__video__container #vid-icon:hover { transform: translate(-50%, -50%) scale(1.2); box-shadow: 0px 12px 40px 0px rgba(157, 171, 192, 0.5); } .videotext-block__video__container div#vid-icons { font-size: 50px; color: #fff; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) !important; text-align: center; border: 20px solid #ffffffa1; border-radius: 100%; opacity: .95; -webkit-backdrop-filter: blur(10.7px); backdrop-filter: none; cursor: pointer; /* height: 100%; */ /* width: 100%; */ } .videotext-block__video__container:hover { cursor: pointer; } .videotext-block__video__container:hover #vid-icon { transform: translate(-50%, -50%) scale(1.2); box-shadow: 0px 12px 40px 0px rgba(157, 171, 192, 0.5); } .videotext-block__text { padding: 0 2rem; } @media print, screen and (min-width: 40em) { .videotext-block__text.right { margin-bottom: 40px; padding-right: 2rem; padding-left: 2.7rem; margin-bottom: 0px; } } @media print, screen and (min-width: 40em) { .videotext-block__text.right-home { padding-right: 2rem; padding-left: 2.7rem; } } .videotext-block__text.left { margin-bottom: 40px; } @media print, screen and (min-width: 40em) { .videotext-block__text.left { padding-left: 2rem !important; padding-right: 2.7rem; margin-bottom: 0px; } } .videotext-block__text.left-home { margin-bottom: 40px; } @media print, screen and (min-width: 40em) { .videotext-block__text.left-home { padding-left: 2rem !important; padding-right: 2.7rem; } } .videotext-block__text__homepagetitle { font-size: 25px !important; } @media print, screen and (min-width: 40em) { .videotext-block__text__homepagetitle { font-size: 39px !important; margin-bottom: 2rem; } } .videotext-block__text h2 { font-family: 'Lexend', sans-serif; font-display: fallback; margin-top: 25px; margin-bottom: 25px !important; font-size: 20px; letter-spacing: 0px; } @media print, screen and (min-width: 40em) { .videotext-block__text h2 { font-size: 30px; margin-bottom: 2rem; } } @media print, screen and (min-width: 64em) { .videotext-block__text h2 { margin-top: 0px; } } .videotext-block__text p { margin-bottom: 40px; line-height: 1.8; margin-right: 5vw; font-size: 16px; } .videotext-block__text a { font-size: 16px; -ms-flex-pack: justify; justify-content: space-between; } @media screen and (min-width: 40em) { .videotext-block__text a { -ms-flex-pack: center; justify-content: center; } } .videotext-block__text a img { margin-left: 10px; filter: invert(100%) sepia(0%) saturate(7480%) hue-rotate(140deg) brightness(105%) contrast(105%); } .videotext-block__text a:hover img { filter: invert(10%) sepia(36%) saturate(4183%) hue-rotate(227deg) brightness(99%) contrast(96%); } .videotext-block__text__button { padding: 20px 50px !important; padding-right: 40px !important; } .videotext-block__text__trainerknop { display: -ms-flexbox; display: flex; width: fit-content; padding: 20px 20px; } .videotext-block__text__trainerknop:hover, .videotext-block__text__trainerknop:active, .videotext-block__text__trainerknop:focus { padding: 20px 20px; } .videotext-block__text__trainerknop:hover svg, .videotext-block__text__trainerknop:active svg, .videotext-block__text__trainerknop:focus svg { filter: invert(11%) sepia(56%) saturate(2101%) hue-rotate(221deg) brightness(102%) contrast(100%); } .videotext-block__text__trainerknop svg { margin-right: 10px; margin-left: 20px; filter: invert(98%) sepia(79%) saturate(0%) hue-rotate(338deg) brightness(102%) contrast(106%); } .videotext-block-home { background-color: #ffffff; padding: 0px; } @media print, screen and (min-width: 40em) { .videotext-block-home { padding: 50px 0px; } } .videotext-block-home__text__incompanytitle { font-size: 25px !important; } @media print, screen and (min-width: 40em) { .videotext-block-home__text__incompanytitle { font-size: 39px !important; } } .videotext-block-home__reverseblocks { display: -ms-flexbox; display: flex; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } @media print, screen and (min-width: 40em) { .videotext-block-home__reverseblocks { -ms-flex-direction: row; flex-direction: row; } } .reveal iframe, #videohead iframe, #video1 iframe, #video2 iframe { width: 100% !important; height: 70vh; } .reveal:not(#signup-modal2):not(#loginModal):not(#evenement-done):not(#signup-modal3):not(#gids-done):not(#nieuwsbrief-footer-done):not(#signup-done), #videohead, #video1, #video2 { background: #222222 0% 0% no-repeat padding-box; border-radius: 12px; border: none; } @media print, screen and (min-width: 64em) { .reveal:not(#signup-modal2):not(#loginModal):not(#evenement-done):not(#signup-modal3):not(#gids-done):not(#nieuwsbrief-footer-done):not(#signup-done), #videohead, #video1, #video2 { width: 900px; } } .reveal-overlay { background-color: rgba(10, 10, 10, 0.75); } .page.reviews .testimonial-block__text__title { font-size: 24px; text-align: left; } .page.reviews .testimonial-block__text__subtitle { text-align: left; } .page.reviews .testimonial-block__text.container { margin: 0px; padding: 0px; } .testimonial-block { background-color: #F8F8FA; margin: 100px 0px; padding: 100px 0px; padding-bottom: 0px; } .testimonial-block__text__title { font-family: 'Lexend', sans-serif; font-size: 25px; margin-bottom: 35px; font-weight: 800; } @media print, screen and (min-width: 40em) { .testimonial-block__text__title { font-size: 42px; text-align: center; } } .testimonial-block__text__subtitle { font-size: 16px; } @media print, screen and (min-width: 40em) { .testimonial-block__text__subtitle { text-align: center; } } .testimonial-block__background { position: relative; margin-bottom: 50px; } .testimonial-block__background__image { content: ""; background-image: url(/images/dot-bgv4.png); height: 60%; width: 65%; position: absolute; background-repeat: repeat; top: 10%; left: 0px; z-index: -1; background-position: center; background-size: unset; } @media print, screen and (min-width: 40em) { .testimonial-block__background__image { top: 10%; } } .testimonial-block__background__image.incompany { background-image: url(/images/dot-bgv5.png); } .testimonial-block__background > .row > .column, .testimonial-block__background > .row > .columns { padding-right: 0rem; padding-left: 0rem; } @media print, screen and (min-width: 40em) { .testimonial-block__background > .row > .column, .testimonial-block__background > .row > .columns { padding-right: 2rem; padding-left: 2rem; } } .testimonial-block__card { background-color: white; border-radius: 15px; border: 1px solid #1C2663; box-shadow: 0px 10px 30px 0px rgba(157, 171, 192, 0.2); } .testimonial-block__card__top { padding: 20px 35px; } .testimonial-block__card__top__person { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; } .testimonial-block__card__top__person__image { margin-right: 20px; } .testimonial-block__card__top__person__image img { object-fit: contain; width: 80px; max-width: 80px; max-height: 80px; } .testimonial-block__card__top__person__name { color: #1E225C; font-size: 18px; font-weight: 700 !important; } @media print, screen and (min-width: 64em) { .testimonial-block__card__top__person__name { font-size: 22px; } } .testimonial-block__card__additional { padding: 20px 35px; border-top: 1px solid rgba(30, 34, 92, 0.078); color: #1E225C; } .testimonial-block__card__additional__training { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; column-gap: 10px; } .testimonial-block__card__additional__training span:first-of-type { width: 65%; } .testimonial-block__card__additional__training span:last-of-type { width: 35%; text-align: right; } .testimonial-block__card__additional__grade span { display: block; } .testimonial-block__card__additional__grade svg path { fill: #F5C80B; } .testimonial-block__card__additional__grade .fa-star { color: #F5C80B; } .testimonial-block__card__body { padding: 35px 35px; padding-top: 0px; } .testimonial-block__card__body__text { font-size: 0.9375rem; font-weight: 400; } .testimonial-block__card__body__text__quoteicon { margin-bottom: 10px; display: none; } .testimonial-block__card__body__text__quoteicon svg path { fill: #1E225C; } .testimonial-block__card__body__text__recommend { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 5px; } .testimonial-block__card__body__text__recommend svg path { fill: #1E225C; } .testimonial-block__card__body__text p:last-of-type { margin-bottom: 0; } .testimonial-block__card__bottom { display: none; padding: 20px 35px; padding-top: 20px; border-top: 1px solid rgba(30, 34, 92, 0.078); text-align: center; } .testimonial-block__card__bottom__logo { height: 60px; object-fit: contain; } @media print, screen and (min-width: 64em) { .testimonial-block__card__bottom { display: block; } } .testimonial-block__loadmore { text-align: center; padding-top: 10px !important; padding-bottom: 10px !important; } @media print, screen and (min-width: 40em) { .testimonial-block__loadmore { padding-top: 0px; } } .testimonial-block .deze-profile-name strong { display: block; } .testimonial-block .deze-pro-img img { height: 100%; width: 100%; } .testimonial-block .deze-pro-img { height: 70px; width: 70px; border-radius: 100%; overflow: hidden; } .testimonial-block .deze-voor-box { background: #FFFFFF 0% 0% no-repeat padding-box; box-shadow: 0px 3px 36px rgba(103, 103, 41, 0.4); border-radius: 14px; opacity: 1; padding: 25px; margin: 40px 15px; } .testimonial-block .deze-voor-box-body { margin: 0px -20px; margin-top: 30px; } .testimonial-block .deze-voor-box-body .testimonial-block__card { margin: 40px 10px; margin-right: 0px; border: none; } @media print, screen and (min-width: 40em) { .testimonial-block .deze-voor-box-body .testimonial-block__card { margin: 40px 15px; } } .testimonial-block .deze-cat span { display: block; width: 100%; } .testimonial-block .deze-profile-name { padding-left: 90px; padding-top: 5px; } .testimonial-block .deze-voor-wrapper { margin-bottom: 60px; } .testimonial-block .slick-next { display: block !important; } .testimonial-block .slick-prev, .testimonial-block .slick-prev:hover { padding: 14px; width: 60px !important; height: 60px !important; border-radius: 5px !important; background-color: #1b2a68; z-index: 1; text-align: center; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; line-height: 32px; } .testimonial-block .slick-prev:before, .testimonial-block .slick-prev:hover:before { content: ' \276E'; display: block; position: absolute; display: block; line-height: unset; opacity: 1 !important; font-family: unset; font-size: 16px; z-index: 555; color: #fff; border: 1px solid; border-radius: 100%; padding: 0px 12px; } .testimonial-block .slick-next, .testimonial-block .slick-next:hover { right: 5px; width: unset; height: unset; top: 20%; padding: 14px; width: 60px !important; height: 60px !important; border-radius: 5px !important; background-color: #1b2a68; z-index: 1; text-align: center; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; line-height: 32px; } @media print, screen and (min-width: 40em) { .testimonial-block .slick-next, .testimonial-block .slick-next:hover { right: -25px; top: 50%; } } .testimonial-block .slick-next:before, .testimonial-block .slick-next:hover:before { content: ' \276F'; display: block; position: absolute; display: block; line-height: unset; opacity: 1 !important; font-family: unset; font-size: 16px; z-index: 555; color: #fff; border: 1px solid; border-radius: 100%; padding: 0px 12px; } .testimonial-block .slic-prev { left: -35px; } .testimonial-block__partners { display: none; row-gap: 40px; } @media print, screen and (min-width: 64em) { .testimonial-block__partners { display: -ms-flexbox; display: flex; padding-bottom: 100px; } } .testimonial-block__partners img { width: 100%; max-height: 75px; } @media print, screen and (min-width: 64em) { .testimonial-block__partners img { max-height: 75px; max-width: 200px; width: 100%; object-fit: contain; } } .testimonial_bottomtitle { font-size: 35px; text-align: center; margin-top: 50px; display: none; margin-bottom: 50px !important; } @media print, screen and (min-width: 64em) { .testimonial_bottomtitle { display: block; } } .ui-autocomplete-term { font-weight: bold; color: blue; } /*accordian css*/ .faq-body ul .inner { /*padding-left: 1em; overflow: hidden;*/ display: none; padding-bottom: 20px; } .faq-body, ul.accordion, ul.accordion li { position: relative; } ul.accordion > li > a:after { content: ' \276F'; transform: rotate(90deg); display: inline-block; position: absolute; right: 15px; top: 15px; } .faq-body:before { content: ""; height: 80%; width: 100%; position: absolute; background-repeat: repeat; top: 30%; left: 0px; z-index: -1; background-position: center; background-size: unset; } @media print, screen and (min-width: 40em) { .faq-body:before { top: 40%; } } .faq-body__title { font-size: 25px !important; } @media print, screen and (min-width: 40em) { .faq-body__title { font-size: 32px !important; } } @media print, screen and (min-width: 40em) { .faq-body__title.centered { font-size: 39px !important; text-align: center; } } .faq-body__subtitle { font-size: 16px; margin-bottom: 35px; } @media print, screen and (min-width: 40em) { .faq-body__subtitle { font-size: 17px; margin-bottom: 60px; } } @media print, screen and (min-width: 40em) { .faq-body__subtitle.centered { text-align: center; } } .faq-body__row { display: -ms-flexbox; display: flex; gap: 70px; row-gap: 35px; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 25px; } @media print, screen and (min-width: 64em) { .faq-body__row { -ms-flex-wrap: nowrap; flex-wrap: nowrap; margin-top: 55px; } } .faq-body ul.accordion { -ms-flex-preferred-size: 100%; flex-basis: 100%; } @media print, screen and (min-width: 64em) { .faq-body ul.accordion { -ms-flex-preferred-size: 70%; flex-basis: 70%; } } .faq-body ul.accordion > li { margin: 0em 0; background-color: #F8F8FA; list-style: none; font-size: 16px; position: relative; border-radius: 12px; border: none; margin-bottom: 10px; } @media print, screen and (min-width: 64em) { .faq-body ul.accordion > li { margin-bottom: 20px; } } .faq-body ul > li:last-of-type { border-bottom: none; margin-bottom: 0px; } .faq-body ul > li a.toggle { width: 100%; display: block; background: #F8F8FA; border-radius: 12px; transition: background 0.3s ease; padding: 25px 40px; padding-right: 60px; color: #1E225C; font-weight: 600; font-size: 16px; text-decoration: none; } .faq-body ul div.inner { padding: 0px 40px; padding-bottom: 25px; } .faq-wrapper { margin: 80px 0px; } @media print, screen and (min-width: 64em) { .faq-wrapper { margin: 120px 0px; } } .faq-wrapper--dark { background: #F8F8FA; margin: 0px !important; padding-bottom: 120px; } .faq-wrapper--dark .faq-body ul.accordion { background-color: #F8F8FA; } .faq-wrapper--dark .faq-body ul.accordion > li { background-color: white; } .faq-wrapper--dark .faq-body ul.accordion > li > a.toggle { background-color: white; } .faq-readmore { margin: 20px auto; text-align: center; } .faq-readmore.left { text-align: left; } .banner-wrapper { position: relative; min-height: 550px; } ul.accordion li a:after { right: 40px !important; top: 24px !important; } .faq-wrapper { margin-bottom: 60px; } .faq-callout-container { -ms-flex-preferred-size: 100%; flex-basis: 100%; } @media print, screen and (min-width: 64em) { .faq-callout-container { -ms-flex-preferred-size: 26%; flex-basis: 26%; } } .faq-callout { border: 1px solid #1E225C; border-radius: 12px; display: -ms-flexbox; display: flex; width: 100%; margin: 0 auto; } @media print, screen and (min-width: 40em) { .faq-callout { width: 85%; } } @media print, screen and (min-width: 64em) { .faq-callout { width: 65%; } } .faq-callout.singlecol { display: block; padding: 0px; } @media print, screen and (min-width: 40em) { .faq-callout.singlecol { width: 100%; position: sticky; top: 100px; } } @media print, screen and (min-width: 64em) { .faq-callout.singlecol { width: 100%; } } .faq-callout__text { padding: 20px; } .faq-callout__text__title { font-size: 20px; font-weight: 800; color: #1e225d; font-family: 'Lexend', sans-serif; font-display: fallback; padding-bottom: 12px; } .faq-callout__text__subtext { font-size: 16px; color: #1e225d; } .faq-callout__text__buttons { margin: 20px 0px; } .faq-callout__text__buttons a .text { font-family: 'Lexend', sans-serif; font-display: fallback; font-weight: 800; font-size: 21px; } @media print, screen and (min-width: 64em) { .faq-callout__text__buttons a .text { font-size: 22px; } } .faq-callout__text__buttons a .icon img { margin-top: 5px; width: 24px; } .faq-callout__image { text-align: center; } .faq-callout__image img { max-width: 300px; margin: 0 auto; } .inspiration-block { background-color: #F8F8FA; padding: 85px 0px; } .inspiration-block__main { margin-bottom: 35px; padding: 0 2rem; } @media print, screen and (min-width: 64em) { .inspiration-block__main { padding: inherit; } } .inspiration-block__main__title { font-size: 1.5625rem; font-weight: 800; font-family: 'Lexend', sans-serif; font-display: fallback; } @media print, screen and (min-width: 40em) { .inspiration-block__main__title { font-size: 2.4375rem; text-align: center; } } @media print, screen and (min-width: 64em) { .inspiration-block__main__title { width: 70%; margin: 0 auto; } } .inspiration-block__main__subtitle { margin-top: 15px; font-size: 1.125rem; } @media print, screen and (min-width: 64em) { .inspiration-block__main__subtitle { text-align: center; width: 70%; margin-left: auto; margin-right: auto; } } .inspiration-block__section { margin-bottom: 80px; } .inspiration-block__section > div.row:not(.section-content):first-of-type > div.small-12, .inspiration-block__section > div.row:not(.section-content):last-of-type > div.small-12 { padding: 0 2rem; } @media print, screen and (min-width: 40em) { .inspiration-block__section > div.row:not(.section-content):first-of-type > div.small-12, .inspiration-block__section > div.row:not(.section-content):last-of-type > div.small-12 { padding: 0 0.9375rem; } } .inspiration-block__section__title { font-size: 1.25rem; font-weight: 800; font-family: 'Lexend', sans-serif; font-display: fallback; text-align: left; margin-bottom: 35px; } @media print, screen and (min-width: 40em) { .inspiration-block__section__title { font-size: 1.875rem; } } .inspiration-block__section__button { margin-top: 35px; text-align: right; } .inspiration-block__section:last-of-type { margin-bottom: 0px; } .inspiration-block__section .slide-box { margin-bottom: 20px; margin-right: 0px; box-shadow: 0px 15px 40px rgba(42, 62, 82, 0.129); } @media print, screen and (min-width: 40em) { .inspiration-block__section .slide-box { margin-bottom: 0px; } } .inspiration-block__section a.blog-grid-item { text-decoration: none; } .inspiration-block__section .slide-box:hover a.link svg { margin-left: 20px; } .inspiration-block__item { position: relative; box-shadow: 0px 15px 40px rgba(42, 62, 82, 0.129); border-radius: 8px; background: white; margin: 0px !important; } .inspiration-block__item__image { position: relative; padding: 1.2rem; } @media print, screen and (min-width: 40em) { .inspiration-block__item__image { padding: 0.8rem; } } .inspiration-block__item__image #vid-icon { position: absolute; left: 50%; top: 50%; padding: 20px; background-color: rgba(255, 255, 255, 0.3); border-radius: 100%; cursor: pointer; -webkit-backdrop-filter: blur(10.7px); backdrop-filter: blur(10px); margin-left: -75px; margin-top: -75px; } .inspiration-block__item__image #vid-icon:hover { box-shadow: 0px 12px 40px 0px rgba(157, 171, 192, 0.5); } .inspiration-block__item__image__background { min-height: 180px; border-radius: 4px 4px 4px 4px; background-size: cover; background-repeat: no-repeat; background-position: center center; height: 100%; width: 100%; } @media print, screen and (min-width: 40em) { .inspiration-block__item__image__background { border-radius: 4px 4px 4px 70px; min-height: 450px; } .inspiration-block__item__image__background.smaller { min-height: 350px; } } .inspiration-block__item__image__background iframe { width: 100%; height: 219px; } @media print, screen and (min-width: 64em) { .inspiration-block__item__image__background iframe { height: 526px; } } .inspiration-block__item__image > a > img { border-radius: 4px 4px 4px 70px; object-fit: cover; } .inspiration-block__item__text { padding: 1.2rem; } @media print, screen and (min-width: 40em) { .inspiration-block__item__text { padding: 30px; } } @media print, screen and (min-width: 64em) { .inspiration-block__item__text { padding: 50px; } } .inspiration-block__item__text__label { background-color: #FFF500; border-radius: 100px; color: #1e225d; font-weight: 600; display: inline-block; padding: 3px 10px; font-family: 'Lexend', sans-serif; font-display: fallback; margin-bottom: 20px; } .inspiration-block__item__text__title { font-size: 1.5625rem; font-family: 'Lexend', sans-serif; font-display: fallback; margin-top: 10px; margin-bottom: 10px; } .inspiration-block__item__text__subtitle { opacity: 0.53; font-size: 1.25rem; font-family: 'Lexend', sans-serif; font-display: fallback; margin-top: 10px; } .inspiration-block__item__text__description { margin-top: 20px; margin-bottom: 20px; } @media print, screen and (min-width: 40em) { .inspiration-block__item__text__description { font-size: 16px; } } @media print, screen and (min-width: 40em) { .inspiration-block__item__text .cf-button--blue-flat-alt { margin-top: 20px; } } .inspiration-block__item__favorite { border-radius: 100%; border: 1px solid #1e225d; width: 50px; height: 50px; background-color: white; padding: 13px 11px 10px 11px; position: absolute; margin-top: 10px; right: 25px; bottom: -8px; z-index: 4; box-shadow: 0px 10px 30px 0px rgba(157, 171, 192, 0.2); } @media print, screen and (min-width: 40em) { .inspiration-block__item__favorite { top: 40px; left: -11px; } } .inspiration-block__item__favorite.selected.collection { padding: 5px 5px 5px 5px; } .inspiration-block__item__favorite.selected img.selected { filter: invert(36%) sepia(79%) saturate(1372%) hue-rotate(328deg) brightness(112%) contrast(107%); display: block; margin: 1px !important; } .inspiration-block__item__favorite.selected img.notselected { display: none; margin: 1px !important; } .inspiration-block__item__favorite.notselected img.selected { display: none; margin: 1px !important; } .inspiration-block__item__favorite.notselected img.notselected { filter: invert(9%) sepia(69%) saturate(2738%) hue-rotate(228deg) brightness(99%) contrast(93%); display: block; margin: 1px !important; } .inspiration-block__item__favorite:hover { cursor: pointer; } .inspiration-block__item__favorite:hover.notselected img.notselected { filter: invert(36%) sepia(79%) saturate(1372%) hue-rotate(328deg) brightness(112%) contrast(107%); transition: all 400ms; } .inspiration-block__item--seo-landingpage .inspiration-block__item__text { padding: 1.2rem; } .inspiration-block__item--seo-landingpage .inspiration-block__item__text > div { margin-left: 0px; margin-top: 0px; margin-bottom: 0px; } @media print, screen and (min-width: 40em) { .inspiration-block__item--seo-landingpage .inspiration-block__item__text { padding: 20px; } } .inspiration-block__item--seo-landingpage .inspiration-block__item__text__description { margin-top: 20px; margin-bottom: 20px; } .opleiding-container .slick-track { width: max-content !important; } .training-slider-block { margin-top: 120px; } .training-slider-block > div.row > .column.small-12, .training-slider-block > div.row > .small-12.columns { padding: 0 2rem; } @media print, screen and (min-width: 40em) { .training-slider-block > div.row > .column.small-12, .training-slider-block > div.row > .small-12.columns { padding: 0 0.9375rem; } } .training-slider-block__title { font-size: 25px; font-weight: 800; } @media print, screen and (min-width: 40em) { .training-slider-block__title { font-size: 39px; } } .training-slider-block__body { position: relative; padding: 30px 0px 0px; margin-bottom: 80px; } .training-slider-block__body:before { content: ""; height: 65% !important; width: 50%; position: absolute; background-repeat: repeat; top: 30% !important; left: 0px; z-index: -1; background-position: center; background-size: unset; } @media print, screen and (min-width: 40em) { .training-slider-block__body:before { background-image: none !important; } } .training-slider-block__body.keuzehulp_sliders { padding: 20px 0px 0px; } .training-slider-block__body .tab-title { margin-top: 0px; } .training-slider-block__body .tab-head { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; border-radius: 4px; box-shadow: none !important; border: none; background-color: transparent !important; padding-bottom: 0px; } .training-slider-block__body .tab-head h6 { font-size: 1rem; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.14; letter-spacing: normal; text-align: left; padding-bottom: 10px; /* border-bottom: 2px solid #747AA557;*/ margin-right: 40px; margin-bottom: 10px; } .training-slider-block__body .tab-title { padding: 0px !important; } .training-slider-block__body .tab-title.categories { overflow: scroll; -ms-flex-preferred-size: 75% !important; flex-basis: 75% !important; } @media print, screen and (min-width: 40em) { .training-slider-block__body .tab-title.categories { -ms-flex-preferred-size: 50% !important; flex-basis: 50% !important; } } .training-slider-block__body .tab-title.usps { border: none !important; } .training-slider-block__body .tab-title.usps .listing { padding-top: 0px !important; column-gap: 15px; } .training-slider-block__body .tab-title.usps .listing > div > div { margin-bottom: 15px; } .training-slider-block__body .tab-title.usps .listing > div > div:last-of-type { margin-bottom: 10px; } .training-slider-block__body .tab-title.usps .listing img.checkmark-svgs { width: 20px; position: absolute; } .training-slider-block__body .tab-title.usps .listing span { padding-left: 25px; display: block; } .training-slider-block__body .tab-title:nth-child(2) { -ms-flex-preferred-size: 50% !important; flex-basis: 50% !important; } .training-slider-block__body .tab-title:nth-child(3) { -ms-flex-preferred-size: 25% !important; flex-basis: 25% !important; } .training-slider-block__body ul.tabbing li { margin-bottom: 0px; margin-right: 0px; } @media screen and (min-width: 40em) { .training-slider-block__body ul.tabbing li { margin-bottom: 8px !important; margin-right: 4px !important; font-size: 14px !important; } } .training-slider-block__body .tab-title.filter { border-left: 1px solid #D6D6D6; } .training-slider-block__body .tab-title.filter select { margin-bottom: 0px; font-size: 12px; font-weight: 600; padding-left: 2rem; height: initial; background-image: url("data:image/svg+xml;utf8,"), url('data:image/svg+xml;utf8,'); background-origin: content-box, content-box; background-position: right -1rem center, left -1.5rem center; background-repeat: no-repeat, no-repeat; background-size: 9px 6px, 18px 15px; border: 1px solid #1E225C; color: #1E225C; } .training-slider-block__body .loadmore { border-top: 1px solid #D6D6D6; margin-top: 25px; padding-top: 25px; text-align: center; } .training-slider-block__body .slider .slick-slide { margin-bottom: 30px; margin-right: 20px; } .training-slider-block__body .slider .slick-track { transition: padding 400ms; } .training-slider-block__body .slider .slick-track.startingposition { padding-left: 8vw; } .training-slider-block__body .slider .slick-track.startingposition .slick-slide:last-of-type { margin-right: 100px; } .training-slider-block--fullwidth { background-color: #F8F8FA; padding: 75px 0px; } .training-slider-block--fullwidth .training-slider-block__title { text-align: center; } .training-slider-block--fullwidth .training-slider-block__title__row { -ms-flex-pack: center; justify-content: center; } .training-slider-block--fullwidth .training-slider-block__body h6 { display: none; } .training-slider-block--fullwidth .training-slider-block__body .tab-title.categories { -ms-flex-preferred-size: 100% !important; flex-basis: 100% !important; } @media print, screen and (min-width: 40em) { .training-slider-block--fullwidth .training-slider-block__body .tab-title.categories { text-align: center; } } @media print, screen and (min-width: 40em) { .training-slider-block--fullwidth .training-slider-block__body .tab-title.categories .tabbing { display: -ms-inline-flexbox; display: inline-flex; border: 1px solid #1C2663; border-radius: 12px; background: white; padding: 5px; column-gap: 5px; margin-bottom: 35px; } } @media print, screen and (min-width: 40em) { .training-slider-block--fullwidth .training-slider-block__body .tab-title.categories .tabbing li { margin-bottom: 0px !important; margin-right: 0px !important; border-radius: 8px; } } .training-slider-block--fullwidth .tab-bottom__keuzehulp { display: none; } .tab-bottom__keuzehulp a { color: #ff9900; } .Wij-trainers-wrapper:before, .online-training-slider-body:before { content: ""; background-image: url(/images/dot-bgv4.png); height: 100%; width: 50%; position: absolute; background-repeat: repeat; top: 0px; left: 0px; z-index: -1; background-position: center; background-size: unset; } @media print, screen and (min-width: 40em) { .Wij-trainers-wrapper:before, .online-training-slider-body:before { display: none; } } .Wij-trainers-slider { padding: 20px 0px; } @media print, screen and (min-width: 64em) { .Wij-trainers-slider .slick-slideshow__slide[data-slick-index="1"] { margin-left: 10vw; } } @media only screen and (min-width: 1700px) { .Wij-trainers-slider .slick-slideshow__slide[data-slick-index="1"] { margin-left: 12vw; } } @media print, screen and (min-width: 64em) { .Wij-trainers-slider .slideschanged[data-slick-index="1"] { margin-left: 0px; } } @media print, screen and (min-width: 64em) { .Wij-trainers-slider .slideschanged2 { margin-left: 12vw; } } @media print, screen and (min-width: 64em) { .design-training-slider .slick-slideshow__slide[data-slick-index="1"] { margin-left: 12vw; } } @media print, screen and (min-width: 64em) { .design-training-slider .slideschangedopleiding[data-slick-index="1"] { margin-left: 0px; } } @media print, screen and (min-width: 64em) { .design-training-slider .slideschangedopleiding2 { margin-left: 12vw; } } @media print, screen and (min-width: 64em) { .filteractive .slick-slideshow__slide[data-slick-index="1"] { margin-left: 0px; } } @media print, screen and (min-width: 64em) { .arrow_trainers { margin-right: 200px; } } .Wij-trainers-wrapper { position: relative; } .Wij-trainers-wrapper:before { right: 0px !important; left: auto; } .Wij-trainers-slider .slide-box { width: 400px; } .Wij-trainers-slider .box-content p { font-size: 14px !important; overflow: hidden; text-overflow: ellipsis; white-space: initial; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; min-height: 70px; } .Wij-slider-body { width: 55%; } .Wij-trainers-text { width: 35%; } @media print, screen and (min-width: 64em) { .Wij-trainers-text h2 { font-size: 2.4375rem; } } .Wij-trainers-text .checkmark { list-style-type: none; margin-left: 0px; } .Wij-trainers-text .checkmark li { margin-bottom: 15px; } .Wij-trainers-wrapper { padding: 80px 0px 70px 0px; } .Wij-trainers-slider .slick-track { display: -ms-flexbox !important; display: flex !important; } .Wij-trainers-slider .slick-slide { height: inherit !important; } .Wij-trainers-slider .slick-slide { display: -ms-flexbox !important; display: flex !important; display: -moz-flex; display: -ms-flex; } .Wij-slider-body h3 { padding-bottom: 20px; } .trainer-slider { margin-top: 100px; padding: 50px 0px 80px 0px !important; } .trainer-slider > .container { padding: 0px; } @media print, screen and (min-width: 40em) { .trainer-slider > .container { padding: 0px 20px; padding-right: 0px; } } .trainer-slider > .container .Wij-trainers-text { padding: 0px 20px; } @media print, screen and (min-width: 64em) { .trainer-slider > .container .Wij-trainers-text { padding-top: 40px; } } .trainer-slider .slide-box { margin-top: 20px; margin-left: 10px; margin-right: 10px; background-color: #fff; position: relative; border-radius: 4px; box-shadow: 7px 7px 30px 0 rgba(42, 62, 82, 0.129); background-color: #fff; margin-bottom: 40px; border-radius: 8px; overflow: hidden; transition: all 400ms; } .training-slider-block { margin-top: 120px; } .training-slider-block__title { font-size: 1.5625rem; font-weight: 800; } @media print, screen and (min-width: 40em) { .training-slider-block__title { font-size: 2.4375rem; } } .training-slider-block__body { position: relative; padding: 30px 0px 0px; margin-bottom: 80px; } .training-slider-block__body:before { content: ""; height: 65% !important; width: 50%; position: absolute; background-repeat: repeat; top: 30% !important; left: 0px; z-index: -1; background-position: center; background-size: unset; } @media print, screen and (min-width: 40em) { .training-slider-block__body:before { background-image: url(/images/dot-bgv4.png); } } .training-slider-block__body .tab-title { margin-top: 0px; } .training-slider-block__body .tab-head { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; border-radius: 4px; box-shadow: none !important; border: none; background-color: transparent !important; padding-bottom: 0px; } .training-slider-block__body .tab-head h6 { font-size: 1rem; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.14; letter-spacing: normal; text-align: left; padding-bottom: 10px; /* border-bottom: 2px solid #747AA557;*/ margin-right: 40px; margin-bottom: 10px; } .training-slider-block__body .tab-title { padding: 0px !important; } .training-slider-block__body .tab-title.categories { overflow: scroll; -ms-flex-preferred-size: 75% !important; flex-basis: 75% !important; } @media print, screen and (min-width: 40em) { .training-slider-block__body .tab-title.categories { -ms-flex-preferred-size: 50% !important; flex-basis: 50% !important; } } .training-slider-block__body .tab-title.usps { border: none !important; } .training-slider-block__body .tab-title.usps .listing { padding-top: 0px !important; column-gap: 15px; } .training-slider-block__body .tab-title.usps .listing > div > div { margin-bottom: 15px; } .training-slider-block__body .tab-title.usps .listing > div > div:last-of-type { margin-bottom: 10px; } .training-slider-block__body .tab-title.usps .listing img.checkmark-svgs { width: 20px; position: absolute; } .training-slider-block__body .tab-title.usps .listing span { padding-left: 25px; display: block; } .training-slider-block__body .tab-title:nth-child(2) { -ms-flex-preferred-size: 50% !important; flex-basis: 50% !important; } .training-slider-block__body .tab-title:nth-child(3) { -ms-flex-preferred-size: 25% !important; flex-basis: 25% !important; } .training-slider-block__body ul.tabbing li { margin-bottom: 0px; margin-right: 0px; } @media screen and (min-width: 40em) { .training-slider-block__body ul.tabbing li { margin-bottom: 10px; margin-right: 10px; font-size: 0.875rem !important; } } .training-slider-block__body .tab-title.filter { border-left: 1px solid #D6D6D6; } .training-slider-block__body .tab-title.filter select { margin-bottom: 0px; font-size: 12px; font-weight: 600; padding-left: 2rem; height: initial; background-image: url("data:image/svg+xml;utf8,"), url('data:image/svg+xml;utf8,'); background-origin: content-box, content-box; background-position: right -1rem center, left -1.5rem center; background-repeat: no-repeat, no-repeat; background-size: 9px 6px, 18px 15px; border: 1px solid #1E225C; color: #1E225C; } .training-slider-block__body .loadmore { border-top: 1px solid #D6D6D6; margin-top: 25px; padding-top: 25px; text-align: center; } .tab-bottom__keuzehulp a { color: #ff9900; } .training-grid-section { margin: 75px 0px; } .training-grid-section__title { font-size: 30px; font-weight: 800; margin-bottom: 20px; } @media print, screen and (min-width: 40em) { .training-grid-section__title { font-size: 30px; } } .training-grid-section__text { margin-bottom: 25px; font-size: 16px; } .training-grid-section__body { position: relative; padding: 0px 0px 0px; margin-bottom: 60px; } .training-grid-section__body > div.row { row-gap: 30px; padding-left: 20px; padding-right: 20px; } @media print, screen and (min-width: 40em) { .training-grid-section__body > div.row { padding-left: 0px; padding-right: 0px; } } .training-grid-section__footer > div.row { padding-left: 20px; padding-right: 20px; } @media print, screen and (min-width: 40em) { .training-grid-section__footer > div.row { padding-left: 0px; padding-right: 0px; } } .training-grid-section > div.row > .column.small-12, .training-grid-section > div.row > .small-12.columns, .training-grid-section > div.row > .small-12.columns { padding: 0 2rem; } @media print, screen and (min-width: 64em) { .training-grid-section > div.row > .column.small-12, .training-grid-section > div.row > .small-12.columns, .training-grid-section > div.row > .small-12.columns { padding-right: 0.9375rem; padding-left: 0.9375rem; } } .training-grid-section--grey { padding: 74px 0px; background-color: #F8F8FA; } .training-grid-section--blue { padding: 74px 0px; background-color: #1e225d; } .split-header { overflow: hidden; } .split-header .mobile-container { padding-bottom: 0px; } .split-header .title-row h1 { margin-bottom: 15px; } @media print, screen and (min-width: 64em) { .split-header .title-row h1 { font-size: 2.4375rem; margin: 50px 0px; } } .split-header .title-row .home-leader-new__subtext.rating { background: transparent; -ms-flex-align: center; align-items: center; margin-bottom: 15px; } .split-header .title-row .home-leader-new__subtext.rating .start__reviews__ratings, .split-header .title-row .home-leader-new__subtext.rating .start__reviews__ratings__text { font-size: 1rem; margin: 0; } .split-header .background-row { position: relative; } .split-header .content-row { position: relative; z-index: 10; } .split-header .background-letters { position: absolute; height: 100%; width: 100%; left: 50%; transform: translateX(-50%); overflow: hidden; } .split-header .background-letters__text { position: absolute; right: 0px; bottom: 5px; text-align: right; font-size: 230px; font-weight: 900; line-height: 180px; letter-spacing: -27px; font-family: 'Lexend', sans-serif; font-display: fallback; } @media print, screen and (min-width: 64em) { .split-header .background-letters__text { right: 30px; bottom: 15px; line-height: 300px; font-size: 475px; letter-spacing: -47px; } } .split-header__image { position: relative; } .split-header__image > img { position: absolute; bottom: 0px; left: 0px; max-width: 210px; max-height: 290px; } @media print, screen and (min-width: 40em) { .split-header__image > img { right: 0px; left: unset; } } @media print, screen and (min-width: 64em) { .split-header__image > img { max-width: 100%; max-height: 520px; right: unset; left: 50%; transform: translateX(-50%); } } .split-header__image .vid-btn { height: 100% !important; } .split-header__image .vid-btn .vid-icon { color: #fff; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) !important; text-align: center; padding: 0px; height: 80px; width: 80px; background-color: rgba(255, 255, 255, 0.3); border-radius: 100%; cursor: pointer; -webkit-backdrop-filter: blur(10.7px); backdrop-filter: blur(10px); transition: margin 400ms, box-shadow 400ms; } @media print, screen and (min-width: 64em) { .split-header__image .vid-btn .vid-icon { padding: 20px; height: 140px; width: 140px; } } .split-header__image .vid-btn .vid-icon img { height: 60px; width: 60px; } @media print, screen and (min-width: 64em) { .split-header__image .vid-btn .vid-icon img { height: 100px; width: 100px; } } .split-header__image .vid-btn .vid-icon:hover { box-shadow: 0px 12px 40px 0px rgba(157, 171, 192, 0.5); cursor: pointer; } .split-header__container { background: white; box-shadow: 0px 2px 6px rgba(12, 29, 43, 0.219); border-radius: 8px; margin: 19px 0px; } @media print, screen and (min-width: 64em) { .split-header__container { margin: 50px 0px 80px 0px; } } @media print, screen and (min-width: 64em) { .split-header__container__upper { padding: 25px; padding-right: 15px; } } .split-header__container__upper .training-header__uspblock__block { background: transparent; padding: 15px 15px; row-gap: 8px; } @media print, screen and (min-width: 64em) { .split-header__container__upper .training-header__uspblock__block { padding: 0px; row-gap: 15px; } } .split-header__container__upper .training-header__uspblock__block__item { width: 100%; } .split-header__container__upper .training-header__uspblock__block__item__image { width: 18px; } @media print, screen and (min-width: 64em) { .split-header__container__upper .training-header__uspblock__block__item__image { width: 24px; } } .split-header__container__upper .training-header__uspblock__block__item__text { font-size: 0.8125rem; } @media print, screen and (min-width: 64em) { .split-header__container__upper .training-header__uspblock__block__item__text { font-size: 0.9375rem; } } @media print, screen and (min-width: 64em) { .split-header__container__upper .training-header__uspblock__block__item { width: 48%; } } .split-header__container__lower { padding: 5px; } @media print, screen and (min-width: 64em) { .split-header__container__lower { padding: 12px; } } .split-header__container__lower__button .cluster-header__content__text__buttons__button { width: 100%; } .split-header__container__lower__button .cluster-header__content__text__buttons__button:last-of-type { margin-bottom: 0px; } @media print, screen and (min-width: 64em) { .split-header__container__lower__button { padding-left: 0px !important; } } .split-header__container__lower__review .home-leader-new__subtext.rating { display: -ms-flexbox; display: flex; background-color: #F2F8FF; max-width: 100%; padding: 13px 3px; } @media screen and (min-width: 90em) { .split-header__container__lower__review .home-leader-new__subtext.rating { padding: 13px 13px; } } .split-header__container__lower__review .home-leader-new__subtext.rating .start__reviews__ratings__text { font-size: 0.875rem; margin-left: 0px; } @media print, screen and (min-width: 64em) { .split-header__container__lower__review { padding-right: 0px !important; padding-left: 0px !important; } } .split-header__container__lower .cf-button--blue { margin-top: 0px; margin-bottom: 0px; font-size: 0.875rem; } .split-header__container__lower .cf-button--blue .cf-button__text { font-size: 0.875rem; } @media print, screen and (min-width: 64em) { .split-header__container__lower { border-top: 1px solid #D8D8D8; } } .split-header__finalrow { border-bottom: 1px solid #D8D8D8; } .split-header__finalrow .column, .split-header__finalrow .columns { text-align: center; padding: 20px 0px; } .split-header__finalrow .column p, .split-header__finalrow .columns p { font-size: 0.875rem; font-family: 'Lexend', sans-serif; font-display: fallback; font-weight: medium; width: 80%; margin: 0 auto; } @media print, screen and (min-width: 64em) { .training-grid-view { position: relative; z-index: 30; margin-top: -30px; margin-bottom: 40px; } } .scroll-down .inspiratie__filterbalk { top: 0px; } @media print, screen and (min-width: 64em) { .scroll-down .inspiratie__filterbalk { top: 0px; } } .scroll-down .nieuws__filterbalk { top: 0px; } @media print, screen and (min-width: 64em) { .scroll-down .nieuws__filterbalk { top: 0px; } } .scroll-up .inspiratie__filterbalk, .scroll-submenu .inspiratie__filterbalk { top: 45px; } @media print, screen and (min-width: 64em) { .scroll-up .inspiratie__filterbalk, .scroll-submenu .inspiratie__filterbalk { top: 100px; } } .scroll-up .nieuws__filterbalk, .scroll-submenu .nieuws__filterbalk { top: 45px; } @media print, screen and (min-width: 64em) { .scroll-up .nieuws__filterbalk, .scroll-submenu .nieuws__filterbalk { top: 70px; } } .singlecol.nieuws { max-width: 1336px; margin: 0 auto; } .singlecol.inspiratie { padding-bottom: 0px; } #pro-news-logo { top: 2px; } .header__logo-mobile.pro-news-logo-mobile { height: unset !important; } #nieuws { max-width: 100rem; } #nieuws .nieuws_blogrij { display: grid; grid-template-columns: 1fr; margin-top: 0px; width: 100%; } #nieuws .nieuws_blogrij .trainingen-grid__item { margin: 20px; border-radius: 8px; } @media screen and (min-width: 64em) { #nieuws .nieuws_blogrij { grid-template-columns: 1fr 1fr 1fr !important; padding-left: 20px; padding-right: 20px; } #nieuws .nieuws_blogrij .inspiratie-video-image-overlag .vid-icon img { width: 55px; } #nieuws .nieuws_blogrij .training-grid-block:hover .training-grid-block__title { color: #1e225d; } } @media screen and (min-width: 64em) { #nieuws .nieuws_blogrij .label, #nieuws .banner_nieuws .label { padding: 6px 14px; font-weight: 500; text-transform: capitalize; } } #inspiration { max-width: 100rem; } #inspiration .inspiration-list { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; margin-top: 30px; width: 100%; } @media print, screen and (min-width: 64em) { #inspiration .inspiration-list { margin-top: 0px; } } #inspiration .inspiration-list .trainingen-grid__item { display: -ms-flexbox; display: flex; -ms-flex-direction: row-reverse; flex-direction: row-reverse; margin: 40px 20px 0 20px; padding-bottom: 20px; border-radius: 8px; } .nieuws__filterbalk { position: sticky; top: 0px; padding-bottom: 10px; border-bottom: 1px solid #DBE1E8; background-color: white; z-index: 10; transition: all 400ms; } @media print, screen and (min-width: 64em) { .nieuws__filterbalk { top: 70px; border-bottom: 0px; padding-bottom: 0px; max-width: 1600px; margin: 0 auto; } } .inspiratie__filterbalk { position: sticky; top: 0px; padding-bottom: 10px; border-bottom: 1px solid #DBE1E8; background-color: white; z-index: 10; transition: all 400ms; } @media print, screen and (min-width: 64em) { .inspiratie__filterbalk { top: 70px; border-bottom: 0px; padding-bottom: 0px; max-width: 1600px; margin: 0 auto; } } .filterbalk { width: 100%; display: -ms-flexbox; display: flex; margin-top: 10px; padding: 0px 20px; column-gap: 5px; } @media print, screen and (min-width: 64em) { .filterbalk { width: unset; padding: 0px; padding-bottom: 10px; border-bottom: 1px solid #DBE1E8; } } .filterbalk .categoriebalknieuws { -ms-flex-align: center; align-items: center; min-width: 170px; } .filterbalk .categoriebalknieuws select { width: 100%; border: 1px solid #1e225d; height: 3rem; border-radius: 6px; line-height: 1.2rem; font-weight: 500; color: #1e225d; background-position: right -0.5rem center; background-size: 14px 10px; margin: 0; font-size: 14px; padding: 0.5rem 1rem 0.5rem 1rem; background-image: url("/images/iconmonstr-caret-down-filled-32.png"); background-size: contain; backdrop-filter: unset; } .filterbalk .categoriebalknieuws select:focus { box-shadow: none; } .filterbalk .typenieuws { display: -ms-flexbox; display: flex; margin: auto; width: 100%; margin-bottom: -11px; overflow: scroll; -ms-overflow-style: none; /* Internet Explorer 10+ */ scrollbar-width: none; /* Firefox */ position: relative; grid-column: span 3; } .filterbalk .typenieuws::-webkit-scrollbar { width: 0; /* Remove scrollbar space */ background: transparent; /* Optional: just make scrollbar invisible */ display: none; } .filterbalk .typenieuws .verschillendetype { padding: 9px 10px; /* Adjust padding to reduce button size */ padding-bottom: 19px; background-color: transparent; /* Remove background */ color: #888AAA; /* Muted purple color */ text-decoration: none; font-weight: 500; /* Default font weight */ font-size: 14px; border: none; /* Remove borders */ white-space: nowrap; transition: color 300ms, border-bottom 300ms; } .filterbalk .typenieuws .verschillendetype:hover { color: #585a7f; /* Hover color: dark blue */ font-weight: 600; /* Increase font weight on hover */ padding-left: 9px; padding-right: 9.5px; } .filterbalk .typenieuws .verschillendetype_selected { padding-left: 9px; padding-right: 9.5px; color: #585a7f; /* Active state color */ font-weight: 600; /* Bold for active button */ border-bottom: 1px solid #1E225C; /* Add bottom underline */ } .filterbalk .searchbarnieuws { display: grid; justify-items: center; -ms-flex-align: center; align-items: center; position: relative; } @media print, screen and (min-width: 64em) { .filterbalk .searchbarnieuws { justify-items: flex-end; } } .filterbalk .searchbarnieuws.search-selected { padding-right: 30px; } .filterbalk .searchbarnieuws.search-selected #searchnieuwsoverzicht { width: 90%; } .filterbalk .searchbarnieuws.search-selected #searchiconinspiratie { right: 19%; } .filterbalk .searchbarnieuws #searchnieuwsoverzicht { margin: 0; width: unset; border: 1px solid #1e225d; border-radius: 8px; padding-left: 1rem; padding-right: 2rem; } .filterbalk .searchbarnieuws #searchnieuwsoverzicht:-ms-input-placeholder { font-size: 14px; color: #1e225d; opacity: 1; } .filterbalk .searchbarnieuws #searchnieuwsoverzicht::placeholder { font-size: 14px; color: #1e225d; opacity: 1; } .filterbalk .mobile-icon-box { border: 1px solid #1e225d; border-radius: 2px; display: grid; -ms-flex-align: center; align-items: center; justify-items: center; } #searchiconinspiratie { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMjEuMTcyIDI0bC03LjM4Ny03LjM4N2MtMS4zODguODc0LTMuMDI0IDEuMzg3LTQuNzg1IDEuMzg3LTQuOTcxIDAtOS00LjAyOS05LTlzNC4wMjktOSA5LTkgOSA0LjAyOSA5IDljMCAxLjc2MS0uNTE0IDMuMzk4LTEuMzg3IDQuNzg1bDcuMzg3IDcuMzg3LTIuODI4IDIuODI4em0tMTIuMTcyLThjMy44NTkgMCA3LTMuMTQgNy03cy0zLjE0MS03LTctNy03IDMuMTQtNyA3IDMuMTQxIDcgNyA3eiIvPjwvc3ZnPg=="); background-position: right -0.1rem center; background-repeat: no-repeat; background-size: 20px 15px; width: 20px; border: 0; background-color: transparent; position: absolute; right: 12%; cursor: pointer; } @media print, screen and (min-width: 64em) { #searchiconinspiratie { right: 7%; } } .geenpostsgevonden { font-size: 25px; font-weight: 600; text-align: center; margin: auto; margin-top: 100px; } .banner.row { max-width: 100rem; } .post-highlight { border-bottom: 0px; display: grid; grid-template-columns: 5.5fr 4.5fr; margin: 0 40px 0 40px; padding-top: 50px; padding-bottom: 20px; } @media screen and (min-width: 75em) { .post-highlight { grid-template-columns: 7fr 4fr; } } .post-highlight:hover { cursor: pointer; } .post-highlight__image { width: 100%; min-height: 398px; max-height: 398px; border-radius: 4px 20px 20px 20px; border: 1px solid #DBE1E8; object-fit: cover; } .post-highlight__image img { border: none !important; border-radius: 4px 20px 20px 20px; height: 100%; width: 100%; object-fit: cover; } .post-highlight__content { -ms-flex-item-align: start; align-self: flex-start; margin-left: 40px; padding-top: 15px; color: #333; } .post-highlight__content .nieuws_banner_type { margin-top: 10px; color: red; } .post-highlight__content .nieuws_banner_type div { margin-right: 10px; font-size: 16px; font-weight: bold; } .post-highlight__title { margin-top: 15px; font-size: 20px; font-weight: 700; font-family: 'Lexend', sans-serif; font-display: fallback; color: #0A246A; margin-bottom: 23px; } .post-highlight__text { margin-top: 23px; font-size: 15px; line-height: 1.7; font-family: 'SourceSerif4', serif; font-display: fallback; max-width: none; color: rgba(22, 25, 78, 0.8); } .post-highlight__new-marker { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 10px; margin-bottom: 10px; font-size: 13px; font-weight: 400; color: #4A9030; } .post-highlight__new-marker .relative_time { font-size: 13px; font-weight: 300; color: #4A9030; } .banner_nieuws { display: grid; grid-template-columns: 5fr 5fr; margin-top: 40px; margin-bottom: 40px; margin-left: 40px; margin-right: 40px; } .banner_nieuws:hover { cursor: pointer; } .banner_nieuws .banner_img_nieuws { width: 100%; height: 482px; border-radius: 10px; object-fit: cover; } .banner_nieuws .banner_tekst_nieuws { -ms-flex-item-align: center; align-self: center; margin-left: 70px; } .banner_nieuws .banner_tekst_nieuws .nieuws_banner_type div { margin-right: 20px; font-size: 16px; } .banner_nieuws .banner_tekst_nieuws .banner_title_nieuws { margin-top: 20px; font-size: 39px; font-weight: 800; max-width: 80%; max-height: 100%; } .banner_nieuws .banner_nieuws_leesmeer { margin-top: 20px; } .banner_nieuws .banner_nieuws_tekst { max-width: 60%; max-height: 100%; font-size: 16px; } .banner_nieuws .cf-button--orange-link .cf-button__text { font-weight: 600; } .banner_nieuws .banner_new_marker { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 10px; margin-bottom: 10px; font-size: 13px; font-weight: 400; color: #4A9030; } .banner_nieuws .banner_new_marker .relative_time { font-size: 13px; font-weight: 300; color: #4A9030; } .training-grid-block-blog-mobile { display: -ms-flexbox !important; display: flex !important; -ms-flex-direction: row; flex-direction: row; gap: 10px; margin-top: 20px !important; box-shadow: none !important; padding: 0px !important; } .training-grid-block-blog-mobile .inspiration-listing__author { display: -ms-flexbox; display: flex; gap: 10px; -ms-flex-align: center; align-items: center; } .training-grid-block-blog-mobile .inspiration-listing__author__text { font-size: 14px; font-family: 'Lexend', sans-serif; font-display: fallback; } .training-grid-block-blog-mobile .inspiration-listing__author__text span { font-size: 14px; font-family: 'Lexend', sans-serif; font-display: fallback; } .training-grid-block-blog-mobile .training-grid-block__content { height: unset !important; min-height: unset !important; -ms-flex-direction: row; flex-direction: row; } .training-grid-block-blog-mobile .training-grid-block__content__text { margin-left: 0px !important; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-align: start; align-items: flex-start; height: 100% !important; -ms-flex-pack: justify; justify-content: space-between; } .training-grid-block-blog-mobile .training-grid-block__content__infotext { padding: 0px !important; -ms-flex-positive: 1; flex-grow: 1; } .training-grid-block-blog-mobile .training-grid-block__image { width: 120px; height: 80px; } @media print, screen and (min-width: 40em) { .training-grid-block-blog-mobile .training-grid-block__image { width: 160px; height: 100px; } } .training-grid-block-blog-mobile .mobile-img-grid-block { height: 80px !important; min-width: 120px !important; border-radius: 0px 8px 8px 8px !important; } @media print, screen and (min-width: 40em) { .training-grid-block-blog-mobile .mobile-img-grid-block { max-width: unset !important; width: 160px !important; height: 100px !important; } } .training-grid-block-blog-mobile .inspiratie-video-image-overlag .vid-icon img { width: 40px; } .training-grid-block-blog-mobile p.training-grid-block__title { font-weight: 600 !important; font-family: 'Lexend', sans-serif; font-display: fallback; font-size: 16px; width: 90%; margin-bottom: 0px; } @media print, screen and (min-width: 40em) { .training-grid-block-blog-mobile p.training-grid-block__title { font-weight: 700; font-size: 18px; } } .nieuws-blogrijmobile { padding: 0px 20px; width: 100%; } #testing123 { display: none; } @media screen and (min-width: 64em) { .nieuws_blogrij { padding-left: 20px; padding-right: 20px; } .nieuws_blogrij .inspiratie-video-image-overlag .vid-icon img { width: 55px; } .nieuws_blogrij .training-grid-block:hover .training-grid-block__title { color: #1e225d; } .nieuws_blogrij .label, .banner_nieuws .label { padding: 6px 14px; font-weight: 500; text-transform: capitalize; } .filterbalk { margin-top: 40px; margin-left: 40px; margin-right: 40px; column-gap: 0px; } .filterbalk .categoriebalknieuws { justify-items: flex-start; margin-right: 40px; } .filterbalk .categoriebalknieuws select { height: initial; } .filterbalk .typenieuws { overflow: scroll; position: relative; grid-column: inherit; } } .mobile-searchbar { height: 20%; width: 100%; } .scroll-header .sidebar, .scroll-submenu .sidebar, .scroll-up .sidebar { top: 145px; } .scroll-down .sidebar { top: 45px; } .doublecol-container { display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -ms-flex-direction: row; flex-direction: row; max-width: 1450px; margin: 0 auto; } .doublecol-container .main-content { width: 100%; -ms-flex-positive: 1; flex-grow: 1; } @media screen and (min-width: 75em) { .doublecol-container .main-content { padding-right: 10px; } } .doublecol-container #sidebar-content { border-left: 1px solid #DBE1E8; -ms-flex-positive: 1; flex-grow: 1; padding: 20px; box-shadow: none; border-radius: 0px; background-color: #FFF; } @media print, screen and (min-width: 64em) { .doublecol-container #sidebar-content { padding: 20px 60px; } } @media screen and (min-width: 75em) { .doublecol-container #sidebar-content { max-width: 400px; padding: 30px 40px; padding-left: 50px; } } .doublecol-container #sidebar-content .sidebar { background-color: #fff; padding: 0px; border-radius: 0px; box-shadow: none; position: sticky; height: fit-content; } @media screen and (max-width: 74.9375em) { .doublecol-container { -ms-flex-direction: column; flex-direction: column; } .doublecol-container .main-content, .doublecol-container .sidebar { width: 100%; border-left: none; } } .doublecol-container .post-type { font-size: 12px; font-weight: normal; color: #888AAA; display: -ms-flexbox; display: flex; gap: 15px; } .doublecol-container .rotate-button { display: -ms-inline-flexbox; display: inline-flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; background-color: white; /* Button background */ color: #888AAA; /* Arrow color */ padding-top: 7px; border-radius: 50%; /* Makes the button circular */ width: 35px; /* Fixed width for a circle */ height: 35px; /* Fixed height for a circle */ font-size: 18px; /* Size of the arrow */ font-weight: bold; /* Make arrow bold */ cursor: pointer; /* Indicate clickability */ display: none; } .doublecol-container .rotate-button:hover { color: #585a7f; } .post-block { border-bottom: 0px; box-shadow: none; margin-top: 0px !important; padding: 20px !important; } .post-block .training-grid-block__content__infotext { padding-top: 0px; padding-left: 0px; height: 100%; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; } .post-row-block-divider { background-color: #DBE1E8; height: 1px; margin: 20px 20px; } @media print, screen and (min-width: 64em) { .post-row-block-divider { margin: 20px 40px; } } .post-row { border-bottom: 0px; box-shadow: none; margin-top: 0px; display: -ms-flexbox; display: flex; padding: 0px; -ms-flex-direction: column; flex-direction: column; margin: 0px 20px 0 20px; border-radius: 8px; text-decoration: none; transition: all 400ms; gap: 10px; } .post-row:hover .post-row__title { color: #ff9900; } .post-row:hover .post-row__image_overlay { background-color: rgba(32, 42, 54, 0.5); } @media print, screen and (min-width: 64em) { .post-row { padding: 20px; } } .post-row__title { font-weight: 600; font-size: 16px; width: 90%; margin-bottom: 0px; line-height: 1.2; transition: all 400ms; } @media print, screen and (min-width: 40em) { .post-row__title { font-size: 18px; width: 100%; line-height: 1.5; } } @media print, screen and (min-width: 64em) { .post-row__title { font-size: 20px; font-weight: 700; width: 100%; } } .post-row__content { display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; } .post-row__content__container { width: 100%; height: 100%; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; height: 53%; padding: 0px; -ms-flex-positive: 1; flex-grow: 1; } @media print, screen and (min-width: 40em) { .post-row__content__container { padding-right: 20px; } } @media print, screen and (min-width: 64em) { .post-row__content__container { padding-right: 50px; } } .post-row__image { width: 120px; height: 80px; border-radius: 0px 16px 16px 16px; position: relative; } @media print, screen and (min-width: 40em) { .post-row__image { width: 160px; height: 100px; } } @media print, screen and (min-width: 64em) { .post-row__image { width: 25%; min-width: 290px; height: 210px; } } .post-row__image > img { max-width: unset; width: 120px; height: 80px; border: 1px solid #DBE1E8; border-radius: 0px 16px 16px 16px; object-fit: cover; } @media print, screen and (min-width: 40em) { .post-row__image > img { width: 160px; height: 100px; } } @media print, screen and (min-width: 64em) { .post-row__image > img { width: 100%; height: 210px; } } .post-row__image_overlay { width: 100%; position: absolute; height: 100%; opacity: 1; border-radius: 0px 16px 16px 16px; display: grid; -ms-flex-pack: center; justify-content: center; -ms-flex-line-pack: center; align-content: center; transition: all 400ms; } .post-row__image_overlay .vid-icon { padding: 10px !important; } @media print, screen and (min-width: 64em) { .post-row__image_overlay .vid-icon { padding: 20px !important; } } .post-row__image_overlay .vid-icon img { width: 30px; } @media print, screen and (min-width: 64em) { .post-row__image_overlay .vid-icon img { width: 55px; } } .post-row__extralabel { position: absolute; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; top: 15px; left: 30px; color: white; opacity: 0; font-size: 16px; font-weight: bold; text-shadow: 0px 0px 4px #000000; } .post-row__infolabel { position: absolute; bottom: 15px; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 20px; left: 20px; color: white; font-size: 12px; font-weight: bold; } .post-row__infolabel__type { background-color: #1e225d; padding: 5px 13px; border-radius: 6px; text-transform: capitalize; } .post-row__text_container { height: 100%; -ms-flex-positive: 1; flex-grow: 1; max-width: 750px; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: justify; justify-content: space-between; gap: 12px; text-overflow: ellipsis; } @media print, screen and (min-width: 40em) { .post-row__text_container { height: auto; } } .post-row__text { font-size: 15px; text-overflow: ellipsis; font: normal normal normal 15px/26px Gelasio; font-family: 'SourceSerif4', serif; font-display: fallback; height: 4em; margin-bottom: 0px; } .post-row__author { font-size: 14px; font-weight: 500; color: #1e225d; display: -ms-flexbox; display: flex; gap: 10px; -ms-flex-align: center; align-items: center; } @media print, screen and (min-width: 64em) { .post-row__author { margin-bottom: 16px; } } .post-row__author-icon { width: 2rem; height: 2rem; border-radius: 100%; object-fit: contain; border: 1px solid #DBE1E8; } .post-row__meta { font-size: 14px; font-weight: 400; color: #888AAA; display: -ms-flexbox; display: flex; font-family: 'Lexend', sans-serif; font-display: fallback; gap: 7px; -ms-flex-align: center; align-items: center; } @media screen and (max-width: 63.9375em) { .post-row__meta { font-size: 10px; } } .post-row__meta-container { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; margin-top: 0px; gap: 30px; } @media screen and (max-width: 63.9375em) { .post-row__meta-container { -ms-flex-direction: row; flex-direction: row; margin: 0 !important; } } .post-row__meta-img { width: 20px; height: 20px; } .post-row__svg { width: 20px; height: 20px; filter: invert(65%) sepia(10%) saturate(684%) hue-rotate(198deg) brightness(87%) contrast(89%); } .training-row-block { border-bottom: 0px; box-shadow: none; margin-top: 0px; display: -ms-flexbox; display: flex; padding: 0px; -ms-flex-direction: row; flex-direction: row; margin: 0px 20px 0 20px; border-radius: 8px; text-decoration: none; transition: all 400ms; gap: 20px; } .training-row-block:hover .training-row-block__title { color: #ff9900; } .training-row-block:hover .training-row-block__image_overlay { background-color: rgba(32, 42, 54, 0.5); } @media print, screen and (min-width: 64em) { .training-row-block { padding: 20px; } .training-row-block:hover { box-shadow: 0px 10px 30px 0px rgba(157, 171, 192, 0.35); border-color: #dbdde0; } } .training-row-block__title { font-weight: 600; font-size: 16px; width: 90%; margin-bottom: 16px; line-height: 1.2; transition: all 400ms; } @media print, screen and (min-width: 40em) { .training-row-block__title { font-size: 18px; width: 100%; line-height: 1.5; } } @media print, screen and (min-width: 64em) { .training-row-block__title { font-size: 20px; font-weight: 700; margin-bottom: 16px; width: 100%; } } .training-row-block__content { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; gap: 16px; -ms-flex-positive: 1; flex-grow: 1; } .training-row-block__content__container { width: 100%; height: 100%; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; height: 53%; padding: 0px; -ms-flex-positive: 1; flex-grow: 1; } @media print, screen and (min-width: 40em) { .training-row-block__content__container { padding-right: 20px; } } .training-row-block__image { width: 120px; height: 80px; border-radius: 0px 12px 12px 12px; position: relative; } @media print, screen and (min-width: 40em) { .training-row-block__image { width: 160px; height: 100px; } } @media print, screen and (min-width: 64em) { .training-row-block__image { width: 25%; min-width: 290px; height: 210px; } } .training-row-block__image > img { max-width: unset; width: 120px; height: 80px; border: 1px solid #DBE1E8; border-radius: 0px 12px 12px 12px; object-fit: cover; } @media print, screen and (min-width: 40em) { .training-row-block__image > img { width: 160px; height: 100px; } } @media print, screen and (min-width: 64em) { .training-row-block__image > img { width: 100%; height: 210px; } } .training-row-block__image_overlay { width: 100%; position: absolute; height: 100%; opacity: 1; border-radius: 0px 12px 12px 12px; display: grid; -ms-flex-pack: center; justify-content: center; -ms-flex-line-pack: center; align-content: center; transition: all 400ms; } .training-row-block__image_overlay .vid-icon { padding: 10px !important; } @media print, screen and (min-width: 64em) { .training-row-block__image_overlay .vid-icon { padding: 20px !important; } } .training-row-block__image_overlay .vid-icon img { width: 30px; } @media print, screen and (min-width: 64em) { .training-row-block__image_overlay .vid-icon img { width: 55px; } } .training-row-block__extralabel { position: absolute; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; top: 15px; left: 30px; color: white; opacity: 0; font-size: 16px; font-weight: bold; text-shadow: 0px 0px 4px #000000; } .training-row-block__infolabel { position: absolute; bottom: 15px; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 20px; left: 20px; color: white; font-size: 12px; font-weight: bold; } .training-row-block__infolabel__type { background-color: #1e225d; padding: 5px 13px; border-radius: 6px; text-transform: capitalize; } .training-row-block__text_container { height: 100%; -ms-flex-positive: 1; flex-grow: 1; max-width: 750px; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: justify; justify-content: space-between; gap: 20px; text-overflow: ellipsis; } @media print, screen and (min-width: 40em) { .training-row-block__text_container { height: auto; } } .training-row-block__text { font-size: 16px; text-overflow: ellipsis; font: normal normal normal 16px/26px Gelasio; font-family: 'SourceSerif4', serif; font-display: fallback; height: auto; } .training-row-block__author { font-size: 12px; font-weight: 500; color: #1e225d; display: -ms-flexbox; display: flex; gap: 10px; -ms-flex-align: center; align-items: center; } @media print, screen and (min-width: 40em) { .training-row-block__author { font-size: 14px; } } .training-row-block__author__text { font-family: 'Lexend', sans-serif; font-display: fallback; } .training-row-block__author-icon { width: 2rem; height: 2rem; border-radius: 100%; object-fit: contain; border: 1px solid #DBE1E8; } .training-row-block__meta__container { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 20px; } @media print, screen and (min-width: 40em) { .training-row-block__meta__container { gap: 40px; } } .training-row-block__meta__item { display: -ms-flexbox; display: flex; gap: 7px; -ms-flex-align: center; align-items: center; } .training-row-block__meta__item__icon { width: 16px; height: 16px; } .training-row-block__meta__item__text { font-size: 12px; font-weight: 500; color: #1e225d; font-family: 'Lexend', sans-serif; font-display: fallback; } @media print, screen and (min-width: 40em) { .training-row-block__meta__item__text { font-size: 14px; } } .training-row-block__meta-container { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; margin-top: 0px; gap: 30px; } @media screen and (max-width: 63.9375em) { .training-row-block__meta-container { -ms-flex-direction: row; flex-direction: row; margin: 0 !important; } } .training-row-block__meta-img { width: 20px; height: 20px; } .training-row-block__svg { width: 20px; height: 20px; filter: invert(65%) sepia(10%) saturate(684%) hue-rotate(198deg) brightness(87%) contrast(89%); } .training-row-block__favorite { height: 30px; background-color: white; position: absolute; right: 0px; top: 0px; z-index: 4; border-radius: 0px 0px 0px 6px; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; padding: 0 9px; } .training-row-block__favorite::after { content: "Bewaar"; color: #1e225d; font-size: 14px; font-family: 'lexend', sans-serif; padding-left: 2px; } .training-row-block__favorite.selected::after { content: "Bewaard"; } .training-row-block__favorite.selected.collection { padding: 5px 5px 5px 5px; } .training-row-block__favorite.selected.collection::after { content: "Verwijder"; } .training-row-block__favorite.selected img.selected { filter: invert(36%) sepia(79%) saturate(1372%) hue-rotate(328deg) brightness(112%) contrast(107%); display: block; margin: 5px !important; margin-left: 0px !important; height: 50%; width: unset !important; } .training-row-block__favorite.selected img.selected.trashcan { height: 80%; } .training-row-block__favorite.selected img.notselected { display: none; margin: 5px !important; margin-left: 0px !important; height: 50%; width: unset !important; } .training-row-block__favorite.selected.collection img.selected { filter: invert(9%) sepia(69%) saturate(2738%) hue-rotate(228deg) brightness(99%) contrast(93%); } .training-row-block__favorite.notselected img.selected { display: none; margin: 5px !important; margin-left: 0px !important; height: 50%; width: unset !important; } .training-row-block__favorite.notselected img.notselected { filter: invert(9%) sepia(69%) saturate(2738%) hue-rotate(228deg) brightness(99%) contrast(93%); display: block; margin: 5px !important; margin-left: 0px !important; height: 50%; width: unset !important; } .training-row-block__favorite:hover { cursor: pointer; } .training-row-block__favorite:hover.notselected img.notselected { filter: invert(36%) sepia(79%) saturate(1372%) hue-rotate(328deg) brightness(112%) contrast(107%); transition: all 400ms; } .training-row-block__aiproof { position: absolute; top: 10px; left: 15px; } .training-row-block__aiproof img { height: 60px; } .training-row-block__status-label { position: absolute; top: 10px; left: 15px; background-color: #f2f8ff; padding: 5px 13px; border-radius: 6px; text-transform: capitalize; color: #1e225d; font-size: 12px; font-weight: bold; } .training-row-block__pricelabel { position: absolute; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; top: 15px; left: 30px; color: white; opacity: 0; font-size: 16px; font-weight: bold; text-shadow: 0px 0px 4px #000000; } .training-row-block__pricelabel.show { opacity: 1; } .training-row-block__pricelabel img { filter: invert(100%) sepia(100%) saturate(2%) hue-rotate(78deg) brightness(109%) contrast(101%) drop-shadow(0px 0px 4px #000); width: 18px; height: 18px; margin-right: 7px; } .training-row-block__infolabel { position: absolute; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 20px; bottom: 15px; left: 20px; color: white; font-size: 12px; font-weight: 600; font-weight: bold; } .training-row-block__infolabel.jobs-demand { font-size: 11px; } @media print, screen and (min-width: 40em) { .training-row-block__infolabel.jobs-demand { font-size: 12px; } } .training-row-block__infolabel__type { background-color: #1e225d; padding: 5px 13px; border-radius: 6px; text-transform: capitalize; } @keyframes rotate { 100% { transform: rotate(360deg); } } /* Header Styling */ header { background-color: #ffffff; /* Left Section */ /* Middle Section */ /* Right Section */ /* Purple Gradient Bar */ } header .container-inspiratie { -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; background: white; width: 100%; margin: 0; padding: 0 1.5rem; display: -ms-flexbox; display: flex; gap: 10px; height: 50px; } @media print, screen and (min-width: 40em) { header .container-inspiratie { height: 60px; gap: 20px; } } @media print, screen and (min-width: 64em) { header .container-inspiratie { height: 60px; gap: 60px; } } header .logo-section { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } header .logo-section img { height: 21px; object-fit: contain; max-width: unset; } @media print, screen and (min-width: 40em) { header .logo-section img { height: 30px; } } @media print, screen and (min-width: 64em) { header .logo-section img { height: 35px; } } header .logo-section span { font-size: 0.875rem; color: #6b7280; /* Gray */ margin-left: 10px; } header .search-bar { -ms-flex-positive: 1; flex-grow: 1; max-width: 450px; } header .search-bar .search-form { position: relative; height: 36px; max-width: 450px; } @media print, screen and (min-width: 40em) { header .search-bar .search-form { height: 43px; } } @media print, screen and (min-width: 64em) { header .search-bar .search-form { height: 43px; } } header .search-bar input { width: 100%; padding: 8px 33px 9px 36px; border: 1px solid #1e225d; /* Light gray */ color: #1e225d; border-radius: 9999px; font-size: 14px; outline: none; background-color: white; box-shadow: none; margin-bottom: 0px; height: 36px; } @media print, screen and (min-width: 40em) { header .search-bar input { height: 43px; font-size: 15px; padding: 12px 33px 12px 66px; } } @media print, screen and (min-width: 64em) { header .search-bar input { padding: 12px 33px 12px 66px; font-size: 15px; height: 43px; max-width: 450px; } } header .search-bar input:-ms-input-placeholder { color: #1e225d; font-size: 14px; } header .search-bar input::placeholder { color: #1e225d; font-size: 14px; } @media print, screen and (min-width: 64em) { header .search-bar input:-ms-input-placeholder { font-size: 16px; } header .search-bar input::placeholder { font-size: 16px; } } header .search-bar input:focus { border-color: #1e225d; box-shadow: none; } header .search-bar .search-form__button { left: 2px; top: 1px; } @media print, screen and (min-width: 40em) { header .search-bar .search-form__button { left: 5px; top: 5px; } } @media print, screen and (min-width: 64em) { header .search-bar .search-form__button { left: 20px; top: 5px; } } header .search-bar .search-form__clear { right: 8px; top: 5px; width: 25px; height: 25px; } @media print, screen and (min-width: 40em) { header .search-bar .search-form__clear { top: 6px; width: 30px; height: 30px; } } @media print, screen and (min-width: 64em) { header .search-bar .search-form__clear { right: 11px; top: 6px; width: 30px; height: 30px; } } header .search-bar .search-form__submitbutton { position: absolute; right: 8px; top: 5px; width: 25px; height: 25px; color: #1e225d; } @media print, screen and (min-width: 40em) { header .search-bar .search-form__submitbutton { top: 6px; width: 30px; height: 30px; } } @media print, screen and (min-width: 64em) { header .search-bar .search-form__submitbutton { right: 11px; top: 6px; width: 30px; height: 30px; } } header .search-bar .search-form__submitbutton img { filter: invert(20%) sepia(9%) saturate(5499%) hue-rotate(194deg) brightness(95%) contrast(106%); } header .search-bar .search-form__loading { position: absolute; right: 8px; top: 5px; width: 25px; height: 25px; color: #1e225d; animation: rotate 2s linear infinite; } @media print, screen and (min-width: 40em) { header .search-bar .search-form__loading { top: 6px; width: 30px; height: 30px; } } @media print, screen and (min-width: 64em) { header .search-bar .search-form__loading { right: 11px; top: 6px; width: 30px; height: 30px; } } header .search-bar .search-form__loading img { filter: invert(20%) sepia(9%) saturate(5499%) hue-rotate(194deg) brightness(95%) contrast(106%); } header .nav-section { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: end; justify-content: flex-end; gap: 1rem; -ms-flex-positive: 1; flex-grow: 1; /* Creative Business School Link */ /* Word Member Button */ } @media print, screen and (min-width: 64em) { header .nav-section { -ms-flex-pack: justify; justify-content: space-between; } } header .nav-section .nav-section-right { display: -ms-flexbox; display: flex; gap: 10px; } header .nav-section a.business-school { font-size: 16px; font-weight: 600; color: #888AAA; /* Dark gray */ text-decoration: none; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 5px; transition: color 400ms; } header .nav-section a.business-school span { padding-bottom: 2px; } header .nav-section a.business-school .icon { transition: filter 400ms; transform: rotate(45deg); height: 20px; filter: invert(58%) sepia(19%) saturate(440%) hue-rotate(198deg) brightness(92%) contrast(86%); } header .nav-section a.business-school:hover { text-decoration: none; color: #1E225C; } header .nav-section a.business-school:hover .icon { filter: invert(6%) sepia(45%) saturate(6605%) hue-rotate(236deg) brightness(102%) contrast(87%); } header .nav-section a.member-button { background-color: #1e3a8a; /* Dark blue */ color: #ffffff; padding: 0.5rem 1rem; border-radius: 4px; font-size: 0.875rem; text-decoration: none; font-weight: bold; } header .nav-section a.member-button:hover { background-color: #1d4ed8; /* Lighter blue */ } header .nav-section .header__menu-button img { width: 24px !important; height: 24px !important; max-width: unset; } header .promo-bar { background: linear-gradient(to right, #79b9d4, #3f6e9f); color: #ffffff; text-align: center; padding: 0.5rem 0; font-family: 'Lexend', sans-serif; font-display: fallback; } header .promo-bar span { font-size: 14px; font-weight: 500; } header .promo-bar a { font-size: 14px; font-weight: 500; color: #ffffff; text-decoration: underline; } header .promo-bar-post { background: linear-gradient(to right, #79b9d4, #3f6e9f); /* Pink to purple */ color: #ffffff; text-align: center; padding: 0.5rem 0; font-family: 'Lexend', sans-serif; font-display: fallback; } header .promo-bar-post span { font-size: 14px; font-weight: 500; } header .promo-bar-post a { font-size: 14px; font-weight: 500; color: #ffffff; text-decoration: underline; } .header-mobile { background-color: white; position: sticky; top: 0; z-index: 1000; } .header-mobile__container { box-shadow: 0 3px 6px rgba(127, 139, 152, 0.16); } .header-mobile__firstrow { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center; padding: 0.5rem 1rem; } .header-mobile #search-mobile-input { width: 90%; padding: 0.5rem; border: 1px solid #ddd; border-radius: 4px; } .header-mobile .header__menu-button img { width: 25px; height: 25px; } .sidebar { background-color: #f9f9f9; padding: 20px; border-radius: 8px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); } .sidebar .sidebar-spacer { width: 100%; height: 1px; background-color: #DBE1E8; margin: 30px 0px; } .sidebar .sidebar-section { margin-bottom: 30px; } @media print, screen and (min-width: 64em) { .sidebar .sidebar-section { max-width: 380px; } } .sidebar .sidebar-section .sidebar-title { font-family: 'Lexend', sans-serif; font-display: fallback; font-size: 16px; font-weight: 500; margin-bottom: 34px; letter-spacing: -0.2px; } .sidebar .sidebar-section .post-list { list-style: none; padding: 0; margin: 0; } .sidebar .sidebar-section .post-list .post-item { margin-bottom: 34px; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .sidebar .sidebar-section .post-list .post-item .post-link { display: -ms-flexbox; display: flex; text-decoration: none; transition: all 0.3s ease; -ms-flex-direction: column; flex-direction: column; width: 100%; } .sidebar .sidebar-section .post-list .post-item .post-link:hover { color: #007bff; } .sidebar .sidebar-section .post-list .post-item .post-link .post-author { display: -ms-flexbox; display: flex; gap: 9px; -ms-flex-align: center; align-items: center; margin-bottom: 10px; } .sidebar .sidebar-section .post-list .post-item .post-link .post-author .author-text { font-size: 12px; font-weight: 500; color: #1E225C; font-family: 'Lexend', sans-serif; font-display: fallback; } .sidebar .sidebar-section .post-list .post-item .post-link .post-thumbnail { width: 50px; height: 50px; border-radius: 6px; object-fit: cover; margin-right: 10px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); } .sidebar .sidebar-section .post-list .post-item .post-link .post-title { font-size: 15px; font-weight: 500; line-height: 25px; overflow: hidden; text-overflow: ellipsis; } .sidebar .sidebar-section .sidebar-readmore a { color: #ff9900; text-decoration: none; font-size: 13px; font-family: 'Lexend', sans-serif; font-display: fallback; } .sidebar .sidebar-section .sidebar-readmore a:hover { text-decoration: underline; } .inspiration-detail__content { max-width: 700px; margin: 0 auto; padding: 0 24px; } .inspiration-detail__content__hoofdstukken { margin-top: 50px; } .inspiration-detail__content__text { margin-top: 50px; margin-bottom: 50px; } @media print, screen and (min-width: 64em) { .inspiration-detail__content__text { margin-bottom: 100px; } } .inspiration-detail__content__text .page__content h2 { margin-top: 30px; margin-bottom: 16px; font: normal normal bold 24px/34px Lexend; line-height: 34px; color: #1E225C; } .inspiration-detail__content__text .page__content h2 strong, .inspiration-detail__content__text .page__content h2 b, .inspiration-detail__content__text .page__content h2 a, .inspiration-detail__content__text .page__content h2 span { font: normal normal bold 24px/34px Lexend; } .inspiration-detail__content__text .page__content h3 { margin-top: 35px; margin-bottom: 16px; font: normal normal bold 22px/32px Lexend; line-height: 32px; color: #1E225C; } .inspiration-detail__content__text .page__content h3 strong, .inspiration-detail__content__text .page__content h3 b, .inspiration-detail__content__text .page__content h3 a, .inspiration-detail__content__text .page__content h3 span { font: normal normal bold 22px/32px Lexend; } .inspiration-detail__content__text .page__content h4 { font: normal normal bold 20px/48px Lexend; line-height: 32px; margin-bottom: 16px; color: #1E225C; } .inspiration-detail__content__text .page__content h4 strong, .inspiration-detail__content__text .page__content h4 b, .inspiration-detail__content__text .page__content h4 a, .inspiration-detail__content__text .page__content h4 span { font: normal normal bold 20px/32px Lexend; } .inspiration-detail__content__text .page__content h5 { font: normal normal bold 18px/32px Lexend; line-height: 32px; margin-bottom: 16px; color: #1E225C; } .inspiration-detail__content__text .page__content h5 strong, .inspiration-detail__content__text .page__content h5 b, .inspiration-detail__content__text .page__content h5 a, .inspiration-detail__content__text .page__content h5 span { font: normal normal bold 18px/32px Lexend; } .inspiration-detail__content__text .page__content p { overflow: hidden; font-size: 16px; line-height: 28px; font: normal normal normal 18px/28px Gelasio; font-family: 'SourceSerif4', serif; font-display: fallback; color: #171a46; text-align: left; letter-spacing: 0; opacity: 1; } .inspiration-detail__content__text .page__content p b, .inspiration-detail__content__text .page__content p s, .inspiration-detail__content__text .page__content p a, .inspiration-detail__content__text .page__content p strong, .inspiration-detail__content__text .page__content p del, .inspiration-detail__content__text .page__content p span, .inspiration-detail__content__text .page__content p li { color: #171a46; } .inspiration-detail__content__text .page__content ol li, .inspiration-detail__content__text .page__content ul li, .inspiration-detail__content__text .page__content p a, .inspiration-detail__content__text .page__content s, .inspiration-detail__content__text .page__content b, .inspiration-detail__content__text .page__content strong, .inspiration-detail__content__text .page__content del, .inspiration-detail__content__text .page__content span { line-height: 26px; font: normal normal normal 18px/28px Gelasio; font-family: 'SourceSerif4', serif; font-display: fallback; } .inspiration-detail__content__text .page__content ul, .inspiration-detail__content__text .page__content ol { margin-top: 15px; margin-bottom: 15px; } .inspiration-detail__content__text .page__content li { margin-top: 10px; } .inspiration-detail__content__text .page__content strong, .inspiration-detail__content__text .page__content b { font-weight: bold; } .inspiration-detail__content__text .page__content strong a, .inspiration-detail__content__text .page__content strong span, .inspiration-detail__content__text .page__content b a, .inspiration-detail__content__text .page__content b span { font-weight: bold; } .inspiration-detail__content__text .page__content .cf-button__text { font: normal normal normal 18px/28px Lexend; color: white; } @media print, screen and (min-width: 40em) { .inspiration-detail__content__text .page__content h2 { margin-top: 65px; font-size: 25px; font-weight: 700; line-height: 1.3; color: #1E225C; margin-bottom: 1.1rem !important; } .inspiration-detail__content__text .page__content h2 span { font-weight: bold !important; } .inspiration-detail__content__text .page__content h3 { margin-top: 65px; font-size: 22px; font-weight: 700; line-height: 1.3; margin-bottom: 16px !important; color: #1E225C; } .inspiration-detail__content__text .page__content a { font: normal normal normal 18px/30px Gelasio; font-family: 'SourceSerif4', serif; font-display: fallback; } .inspiration-detail__content__text .page__content span { font-size: 18px; line-height: 30px; } .inspiration-detail__content__text .page__content p { font: normal normal normal 18px/30px Gelasio; font-family: 'SourceSerif4', serif; font-display: fallback; line-height: 30px; color: #171a46; margin-bottom: 34.24px; } .inspiration-detail__content__text .page__content p b, .inspiration-detail__content__text .page__content p strong { font: normal normal bold 18px/30px Gelasio; font-family: 'SourceSerif4', serif; font-display: fallback; } .inspiration-detail__content__text .page__content p:has( + ul) { margin-bottom: 25px; } .inspiration-detail__content__text .page__content ul, .inspiration-detail__content__text .page__content ol { margin-top: 25px; margin-left: 20px; margin-bottom: 34.24px; } .inspiration-detail__content__text .page__content ul li, .inspiration-detail__content__text .page__content ol li { font-size: 18px; line-height: 30px; color: #171a46; margin-left: 30px; margin-top: 16px; font: normal normal normal 18px/30px Gelasio; font-family: 'SourceSerif4', serif; font-display: fallback; } .inspiration-detail__content__text .page__content ul li::marker, .inspiration-detail__content__text .page__content ol li::marker { font-weight: bold; /* Make bullet point numbers bold */ } .inspiration-detail__content__text .page__content ul li > p, .inspiration-detail__content__text .page__content ol li > p { margin-bottom: 0.5rem; } } .inspiration-detail__related-training { background-color: #F0F7FF; } .inspiration-detail__related-training__container { max-width: 700px; margin: 0px auto; padding: 50px 24px; } @media print, screen and (min-width: 64em) { .inspiration-detail__related-training__container { padding: 100px 24px; } } .inspiration-detail__related-training__container h3 { font-size: 16px; margin-bottom: 50px; } .inspiration-detail__related-training__container .training-row-block { margin: 0px; padding: 0px; } .inspiration-detail__related-training__container .training-row-block:hover { box-shadow: none; } .inspiration-detail__related-training__container .post-row-block-divider { margin: 30px 0px; } .inspiration-detail__divider { height: 1px; width: 100%; background-color: #DBE1E8; } .inspiration-detail__related-inspiration { background-color: #F0F7FF; } .inspiration-detail__related-inspiration__container { max-width: 920px; padding: 50px 24px; margin: 0px auto; } @media print, screen and (min-width: 64em) { .inspiration-detail__related-inspiration__container { padding: 100px 24px; } } .inspiration-detail__related-inspiration__container h3 { font-size: 16px; margin-bottom: 50px; } .inspiration-detail__related-inspiration__container .post-row { margin: 0px; padding: 0px; } .inspiration-detail__related-inspiration__container .post-row:hover { box-shadow: none; } .inspiration-detail__related-inspiration__container .post-row-block-divider { margin: 30px 0px; } .banner-post { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-align: start; align-items: flex-start; margin: 5rem auto 0 auto; max-width: 920px; padding: 0px 20px; } .banner-post .banner-post-title { font-size: 26px; font-weight: 600; line-height: 34px; color: #1e225b; max-width: 800px; margin-bottom: 15px; letter-spacing: 0px; } @media print, screen and (min-width: 40em) { .banner-post .banner-post-title { font-size: 30px; } } .banner-post .banner-post-category { font-size: 13px; font-weight: 600; color: #1e225b; margin-bottom: 20px; } @media print, screen and (min-width: 40em) { .banner-post .banner-post-category { font-size: 14px; } } .banner-post .banner-post-intro { max-width: 800px; text-align: left; font: normal normal normal 18px/25px Gelasio; font-family: 'SourceSerif4', serif; font-display: fallback; letter-spacing: 0; color: #888AAA; opacity: 1; } @media print, screen and (min-width: 40em) { .banner-post .banner-post-intro { font-size: 20px; line-height: 35px; } } .banner-post .banner-post-image { width: 100%; height: 100%; margin-top: 50px; border-radius: 0px 22px 22px 22px; } .banner-post .banner-post-author { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; margin-bottom: 25px; margin-top: 25px; gap: 14px; } @media print, screen and (min-width: 40em) { .banner-post .banner-post-author { margin-bottom: 30px; margin-top: 30px; } } .banner-post .banner-post-author .author-icon { width: 45px; height: 45px; border-radius: 100%; object-fit: contain; border: 1px solid #DBE1E8; } .banner-post .banner-post-author .author-meta-row { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 14px; } .banner-post .banner-post-author .author-space-divider { color: #888AAA; } .banner-post .banner-post-author .author-text { font-size: 14px; font-weight: 600; color: #1e225b; } .banner-post .banner-post-author .author-follow { font-size: 14px; color: #FF9900; font-weight: 600; text-decoration: none; } .banner-post .banner-post-author .author-date, .banner-post .banner-post-author .author-readtime { font-size: 13px; font-weight: 400; color: #888AAA; } .banner-post .banner-divider { height: 1px; background-color: #e7ebf1; width: 100%; } .banner-post .banner-meta { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; border-top: 1px solid #e7ebf1; border-bottom: 1px solid #e7ebf1; width: 100%; padding-top: 10px; padding-bottom: 10px; margin-bottom: 1rem; } .banner-post .banner-meta .banner-meta-icon { width: 18px; height: 25px; } .banner-post .banner-meta .banner-meta-icon__filter { width: 21px; height: 21px; filter: invert(56%) sepia(5%) saturate(1672%) hue-rotate(199deg) brightness(97%) contrast(88%); } .banner-post .banner-meta .banner-meta-container { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 35px; } .banner-post .banner-meta .banner-meta-item { color: #888AAA; display: -ms-flexbox; display: flex; gap: 8px; -ms-flex-align: center; align-items: center; } .banner-post .banner-meta .banner-meta-item:first-of-type { margin-left: 20px; } .banner-post .banner-meta .banner-meta-item:last-of-type { margin-right: 20px; } .banner-post .banner-meta .banner-meta-text { font-size: 14px; font-family: 'Lexend', sans-serif; font-display: fallback; color: #888AAA; } .banner-post .banner-meta .favorited { filter: brightness(0.5); } .banner-post .banner-post-quote { position: relative; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; margin-top: 35px; } .banner-post .banner-post-quote .quote-img-container { display: -ms-flexbox; display: flex; /* Allows the image to shrink */ -ms-flex-align: stretch; align-items: stretch; /* Stretches the image within */ } .banner-post .banner-post-quote .quote-img { width: auto; max-width: 100%; height: 100px; /* Ensures the image can shrink */ object-fit: cover; /* Adjust this based on your needs */ } .banner-post .banner-post-quote .quote-container { position: relative; max-width: 100%; margin: 0 auto; text-align: left; -ms-flex: 1; flex: 1; display: -ms-flexbox; display: flex; padding-top: 20px; } .banner-post .banner-post-quote .quote-text { font-size: 1.4rem; font-style: italic; color: #1e225b; line-height: 1.4; font-weight: 550; margin: 0; padding: 0 5px; } .banner-post .banner-post-quote .quote-mark { font-size: 24px; } .hoof_section h3 { font-size: 20px; margin-bottom: 10px; color: #1E225C; } .hoof_section .box_layout { display: -ms-flexbox; display: flex; -ms-flex-pack: start; justify-content: start; overflow: scroll; gap: 10px; max-width: 752px; margin-bottom: 0px; padding: 5px 0px; } .hoof_section .box_layout .box1 { width: 119px; min-height: 104px; padding: 5px; border: 1px solid #1E225C; border-radius: 12px; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-direction: column; flex-direction: column; margin-right: 5px; margin-top: 5px; box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16); transition: box-shadow 400ms; } .hoof_section .box_layout .box1 p { font-size: 14px; line-height: 19px; margin-bottom: 30px; } .hoof_section .box_layout .box1 p.custom_time { margin-bottom: 0; } .hoof_section .box_layout .box1:hover { box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.32); cursor: pointer; } .like-button { background: none; border: none; cursor: pointer; transition: transform 0.2s ease; } .like-button:hover { transform: scale(1.2); } .like-button.liked { transform: scale(1.2); } .snap-slide:last-of-type .rf-ccard-content { margin-right: 20px; } .rf-cards-scroller { position: relative; } .rf-cards-scroller-crop { overflow: hidden; height: 31rem; padding-bottom: 26px; } .rf-cards-scroller-content { overscroll-behavior-x: contain; -ms-overflow-style: none; scrollbar-width: none; } .rf-cards-scroller-content::-webkit-scrollbar { display: none; } [data-core-scroller] { position: relative; white-space: nowrap; scroll-snap-type: mandatory; scroll-snap-type: x mandatory; overflow-x: scroll; -webkit-overflow-scrolling: touch; } .rf-cards-scroller-platter { width: 100%; vertical-align: top; display: -ms-inline-flexbox; display: inline-flex; padding-top: 10px; padding-bottom: 40px; } [data-core-scroller-platter] > div { display: inline-block; scroll-snap-coordinate: left; scroll-snap-align: start; } .rf-cards-scroller-platter > div:first-child .rf-cards-scroller-itemview { margin-left: 0; } .rf-cards-scroller-itemview { display: -ms-flexbox; display: flex; /*height: 29.41176rem;*/ margin-right: 20px; transform: translateX(calc(max(1380px, 100vw)/2 - 660px)); } .as-util-relatedlink { cursor: pointer; } .rf-ccard-40 .rf-ccard-content { width: 19.69rem; } .rf-ccard-content.rf-ccard-content-withfullimg { -ms-flex-direction: row; flex-direction: row; -ms-flex-pack: center; justify-content: center; } .rf-ccard-content { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; position: relative; overflow: hidden; background-color: #fff; border-radius: 2px 16px 16px 16px; width: 19.69rem; /*height: 26.41176rem;*/ /*24 rem for large */ white-space: normal; box-shadow: 2px 4px 12px rgba(0, 0, 0, 0.08); transition: all 0.3s cubic-bezier(0, 0, 0.5, 1); } .rf-ccard-overlay { position: absolute; bottom: 0px; left: 0px; width: 100%; height: 100%; background: transparent linear-gradient(186deg, transparent 0%, rgba(41, 15, 10, 0.372) 100%) 0% 0% no-repeat padding-box; } .rf-ccard-txtoverlay { position: absolute; bottom: 0px; left: 0px; width: 100%; overflow-wrap: break-word; padding: 15px; color: white; z-index: 4; font-size: 16px; font-weight: 600; font-family: 'Lexend', sans-serif; font-display: fallback; } @media print, screen and (min-width: 40em) { .rf-ccard-txtoverlay { padding: 20px; font-size: 20px; } } @media print, screen and (min-width: 64em) { .rf-ccard-txtoverlay { padding: 45px; font-size: 30px; } } .rf-ccard-img-full-wrapper { width: 100%; } .rf-ccard-img-full-wrapper + .rf-ccard-content-info, .rf-ccard-video-full-wrapper + .rf-ccard-content-info { position: absolute; left: 0; } .rf-ccard-content-info { padding: 30px; width: 20rem; } .rf-ccard-img-full { width: 100%; height: 100%; object-fit: cover; display: block; } .rf-ccard-darkbg .rf-ccard-content-eyebrow { color: #f5f5f7; } [class*=t-eyebrow] { display: block; margin-bottom: 0.4em; } .rf-ccard-content-eyebrow { font-size: 12px; line-height: 1.33337; font-weight: 400; letter-spacing: -.01em; font-family: SF Pro Text,SF Pro Icons,AOS Icons,Helvetica Neue,Helvetica,Arial,sans-serif; font-weight: 600; color: #6e6e73; width: 204px; padding-bottom: 8px; } .rf-ccard-content-eyebrow + .rf-ccard-content-header, .rf-ccard-content-icon + .rf-ccard-content-header { padding-top: 0; } .rf-ccard-darkbg .rf-ccard-content-header { color: #fff; } [class*=t-eyebrow] + * { margin-top: 0; } .rf-ccard-content-header { font-size: 28px; line-height: 1.14286; font-weight: 600; letter-spacing: .007em; font-family: SF Pro Display,SF Pro Icons,AOS Icons,Helvetica Neue,Helvetica,Arial,sans-serif; color: #1d1d1f; padding-top: 24px; margin-top: 0; } .rf-ccard-darkbg .rf-ccard-content-desc { color: #fff; } .rf-ccard-content-desc { font-size: 17px; line-height: 1.23536; font-weight: 400; letter-spacing: -.022em; font-family: SF Pro Text,SF Pro Icons,AOS Icons,Helvetica Neue,Helvetica,Arial,sans-serif; color: #1d1d1f; padding-top: 10px; margin-top: 0; } .nowrap { display: inline-block; text-decoration: inherit; white-space: nowrap; } .visuallyhidden { position: absolute; clip: rect(1px, 1px, 1px, 1px); -webkit-clip-path: inset(0 0 99.9% 99.9%); clip-path: inset(0 0 99.9% 99.9%); overflow: hidden; height: 1px; width: 1px; padding: 0; border: 0; } .rf-cards-scroller:hover .paddlenav-arrow:not([disabled]) { transition-duration: 0.5s; } .rf-cards-scroller:hover .paddlenav-arrow:not([disabled]) { transform: scale(1); transition-duration: .5s; opacity: 1; background-color: rgba(0, 0, 0, 0.2); background-color: #1e225d; } .rf-cards-scroller .paddlenav-arrow { transition: transform 0.5s ease-in, opacity 0.7s cubic-bezier(0.15, 0, 0.2, 1) 0.1s; } .rf-cards-scroller .paddlenav-arrow { transform: scale(0.8); opacity: 0; transition: transform 0.5s ease-in, opacity 0.7s cubic-bezier(0.15, 0, 0.2, 1) 0.1s; background-color: rgba(0, 0, 0, 0.2); color: #fff; } .rf-cards-scroller .paddlenav .paddlenav-arrow-next, .rf-cards-scroller .paddlenav .paddlenav-arrow-previous { top: 50%; } .paddlenav-framed .paddlenav-arrow-previous { left: 18px; } .paddlenav-framed .paddlenav-arrow { background-color: #1e225d; color: white; } .paddlenav-compact .paddlenav-arrow-next, .paddlenav-compact .paddlenav-arrow-previous { margin-top: -1.52941rem; } .paddlenav-compact .paddlenav-arrow { font-weight: 300; width: 3.05882rem; height: 3.05882rem; border-radius: 3.05882rem; font-size: 53px; line-height: 3.05882rem; } .paddlenav .paddlenav-arrow-previous { left: 18px; } .paddlenav-framed .paddlenav-arrow-next { right: 18px; } .paddlenav .paddlenav-arrow { background-color: #1e225d; color: rgba(0, 0, 0, 0.56); } .paddlenav .paddlenav-arrow-next, .paddlenav .paddlenav-arrow-previous { margin-top: -2.64706rem; } .paddlenav .paddlenav-arrow { width: 5.29412rem; height: 5.29412rem; border-radius: 5.29412rem; font-size: 53px; line-height: 5.29412rem; width: 3.29412rem; height: 3.29412rem; border-radius: 3.29412rem; font-size: 25px; line-height: 3.29412rem; color: white; } .paddlenav .paddlenav-arrow-next, .paddlenav .paddlenav-arrow-previous { top: 50%; } .paddlenav .paddlenav-arrow-next:hover, .paddlenav .paddlenav-arrow-previous:hover { cursor: pointer; } .paddlenav .paddlenav-arrow { display: block; font-style: normal; overflow: hidden; position: absolute; text-align: center; transition: background-color .1s linear,color .1s linear,opacity .1s linear; display: none; } @media print, screen and (min-width: 64em) { .paddlenav .paddlenav-arrow { display: block; } } .paddlenav-compact .paddlenav-arrow-previous:after { margin-left: -0.1em; } .paddlenav-compact .paddlenav-arrow-previous:after { /*font-family: "Font Awesome 5 Free"; color: inherit; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; -webkit-font-smoothing: antialiased;*/ display: inline-block; line-height: 1; position: relative; z-index: 1; background-image: url("/images/chevron-left.png"); background-position: center center; background-repeat: no-repeat; } .paddlenav-compact .paddlenav-arrow-previous:after { content: " "; font-weight: 900; width: 25px; height: 25px; margin-top: 10px; } @media print, screen and (min-width: 64em) { .paddlenav-compact .paddlenav-arrow-previous:after { margin-top: 13px; } } .paddlenav-compact .paddlenav-arrow-next:after { margin-right: -0.1em; } .paddlenav-compact .paddlenav-arrow-next:after { /*font-family: "Font Awesome 5 Free"; font-style: normal; font-variant: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; color: inherit;*/ display: inline-block; line-height: 1; position: relative; z-index: 1; background-image: url("/images/chevron-right.png"); background-position: center center; background-repeat: no-repeat; } .paddlenav-compact .paddlenav-arrow-next:after { content: " "; width: 25px; height: 25px; margin-top: 10px; } @media print, screen and (min-width: 64em) { .paddlenav-compact .paddlenav-arrow-next:after { margin-top: 13px; } } .keuzehulp-trainingen-scroller { height: 35rem; } @media print, screen and (min-width: 40em) { .keuzehulp-trainingen-scroller { height: 32rem; } } .keuzehulp-trainingen-scroller__contentbox { width: 300px !important; } @media print, screen and (min-width: 40em) { .keuzehulp-trainingen-scroller__contentbox { width: 400px !important; } } .keuzehulp-trainingen-scroller .trainingen-grid__item { padding: 10px; height: 100%; } .keuzehulp-docenten-snap-slider { width: 100%; height: 35rem; } @media print, screen and (min-width: 40em) { .keuzehulp-docenten-snap-slider { height: 29rem; } } .keuzehulp-docenten-snap-slider .as-util-relatedlink { cursor: auto; } @media print, screen and (min-width: 40em) { .keuzehulp-docenten-snap-slider .rf-ccard-content-withfullimg { width: 400px; margin-left: 20px; margin-right: 20px; } } .keuzehulp-docenten-snap-slider .rf-ccard-content-withfullimg .slide-box { margin: 0 !important; } @media print, screen and (min-width: 40em) { .keuzehulp-cursisten-review-slider { margin-top: 20px; } } .keuzehulp-cursisten-review-slider .rf-cards-scroller-crop { height: 50rem; } @media print, screen and (min-width: 40em) { .keuzehulp-cursisten-review-slider .rf-cards-scroller-crop { height: 38rem; } } @media print, screen and (min-width: 40em) { .keuzehulp-cursisten-review-slider .rf-cards-scroller-crop .rf-cards-scroller-itemview .rf-ccard-content-withfullimg { width: 26.5rem; } } .text-slider-block { margin: 50px 0px; } @media print, screen and (min-width: 64em) { .text-slider-block { margin: 100px 0px; } } .text-slider-block__container__text { padding-left: 2rem; padding-right: 2rem; } @media print, screen and (min-width: 64em) { .text-slider-block__container__text { padding-right: 90px; } } .text-slider-block__container__text__title { font-size: 32px; font-weight: 800; margin-bottom: 26px !important; } .text-slider-block__container__text__runningtext { margin-bottom: 26px; } .text-slider-block__container__text__button { margin-top: 20px; } .text-slider-block__container__text__button.contactpagina svg { filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(55deg) brightness(103%) contrast(103%); } .text-slider-block__container__text__button:hover.contactpagina svg { filter: invert(13%) sepia(31%) saturate(3879%) hue-rotate(215deg) brightness(100%) contrast(97%); } .text-slider-block__container__slider { padding-left: 0rem; padding-right: 0rem; } .text-slider-block__container__slider .rf-cards-scroller-crop { height: 220px; } @media print, screen and (min-width: 64em) { .text-slider-block__container__slider { position: absolute !important; right: 0px; max-width: 50vw; } .text-slider-block__container__slider .rf-cards-scroller-itemview { transform: none; } .text-slider-block__container__slider .rf-ccard-40 .rf-ccard-content { width: 30rem; } .text-slider-block__container__slider .rf-ccard-img-full-wrapper { min-height: 340px; } .text-slider-block__container__slider .rf-ccard-img-full-wrapper img { height: 100%; object-fit: cover; } .text-slider-block__container__slider .rf-cards-scroller-crop { height: 380px; } .text-slider-block__container__slider .paddlenav .paddlenav-arrow-next, .text-slider-block__container__slider .paddlenav .paddlenav-arrow-previous { top: 50% !important; } } .text-slider-block--graybackground { margin: 50px 0px; padding: 50px 0px; background-color: #F8F8FA; } @media print, screen and (min-width: 64em) { .text-slider-block--graybackground { padding-top: 100px; padding-bottom: 100px; margin: 100px 0px; } } .start { margin-top: -25px; position: relative; z-index: 20; padding-bottom: 0px; /*padding-bottom: 20px;*/ } @media print, screen and (min-width: 40em) { .start { margin-top: -90px; /*padding-bottom: 1rem;*/ } } .start__search { position: relative; z-index: 1; } .start__search { margin: 0; } @media print, screen and (min-width: 40em) { .start__search { margin: 0px 0 0; } } .start__search__text { color: white; padding: 0.5rem 1rem; background: #1e225d; } .start__search__bar { padding: 1rem; background: #1e225d; } @media print, screen and (min-width: 64em) { .start__search__bar form { position: relative; } } .start__reviews { margin-top: 1rem; } .start__reviews__ratings { display: inline-block; padding: 5px 14px; border-radius: 10px; background: #f2f8ff; font-weight: 600; } .start__reviews__ratings__star-full { display: inline-block; background: url(/images/starfull.png); background-repeat: no-repeat; background-position: top-left; height: 15px; width: 15px; background-size: cover; margin-right: 5px; } .start__reviews__ratings__text { display: inline-block; margin-left: 5px; } .start__reviews__ratings__text span { color: white; } .start__reviews__ratings__text span strong { color: white; } @media screen and (max-width: 39.9375em) { .start__reviews__ratings__text { display: block; margin-top: 5px; } } .start__reviews > .column, .start__reviews > .columns { text-align: center; background-color: #fff; padding: 20px; padding-bottom: 0px; } @media print, screen and (min-width: 64em) { .start__reviews > .column, .start__reviews > .columns { /*text-align:left;*/ padding-left: 50px; padding-right: 50px; } } .start__reviews > .column > .review-container, .start__reviews > .columns > .review-container { padding-bottom: 20px; border-bottom: 1px dashed #000; } .start__faq { font-size: 0.5rem; color: #e6e6e6; margin: 2rem 0 0; text-align: center; } .start-alumni { background: white; padding: 2rem 0; } .start-alumni__text { color: #1E225C; text-align: center; font-weight: 700; line-height: 1.25; font-size: 1.2rem; padding-bottom: 2rem; } .start-alumni__logo { text-align: center; } .start-alumni .slick-dots li button:before { font-size: 1.7rem; color: black; } .usps { border-top: 1px solid #cacaca; border-bottom: 1px solid #e6e6e6; } .usps__row__column { border-bottom: 1px dashed #cacaca; } @media print, screen and (min-width: 40em) { .usps__row__column { border-right: 1px dashed #cacaca; border-bottom: 0px; } } .usps__row__column__last { border-bottom: 0px; } @media print, screen and (min-width: 40em) { .usps__row__column__last { border-right: 0px; } } .usps__row__benefit { padding: 15px 0px; margin-bottom: 0px; } .usps__row__benefit__text { display: inline-block; background: url(/images/greencheckmark.jpg); background-repeat: no-repeat; background-position: 0px 5px; background-size: 25px 25px; padding-left: 40px; min-height: 35px; padding-top: 5px; } .lastminutes { background: #1e225d; padding-bottom: 2.5rem; } .lastminutes__title { width: 100%; color: white; font-weight: 900; font-size: 1.6rem; line-height: 1.6; margin: 25px 0px; text-align: center; } .lastminutes__row { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .ervaring { background: linear-gradient(rgba(29, 33, 94, 0.9), rgba(29, 33, 94, 0.9)), url("/images/ervaringbackground-smaller.jpg"); padding: 3rem 0; } .ervaring__title { text-transform: uppercase; text-align: center; color: white; font-weight: 800; line-height: 1.25; font-size: 1.6rem; margin-bottom: 50px; } .ervaring__testimonial:nth-child(n+2) { display: none; } @media print, screen and (min-width: 40em) { .ervaring__testimonial:nth-child(n+2) { display: block; } } .ervaring__testimonial__tekstbubbel__tekst { font-family: 'Poppins', sans-serif; font-display: fallback; background: white; border-radius: 8px; padding: 30px; padding-left: 50px; } .ervaring__testimonial__tekstbubbel__tekst::before { content: '“'; font-family: 'Poppins', sans-serif; font-display: fallback; font-size: 4rem; font-weight: 800; color: #4B4B4B; position: absolute; margin-left: -40px; margin-top: -30px; } .ervaring__testimonial__tekstbubbel__hoekje { width: 0px; height: 0px; border-top: solid 20px white; border-right: solid 20px transparent; border-bottom: solid 20px transparent; border-left: solid 20px white; margin-left: 20%; } .ervaring__testimonial__foto { padding: 15px 0px; } .ervaring__testimonial__naam { font-family: 'Poppins', sans-serif; font-display: fallback; color: white; font-size: 1.3rem; font-weight: 800; line-height: 1.1; margin: 0px; } .ervaring__testimonial__titel { font-family: 'Poppins', sans-serif; font-display: fallback; color: white; font-size: 1.1rem; font-weight: 700; line-height: 1.1; } .ervaring__testimonial__cursus { font-family: 'Poppins', sans-serif; font-display: fallback; color: white; font-size: 0.9rem; font-weight: regular; line-height: 1.1; margin: 0; } .ervaring__testimonial__cijfer { font-family: 'Poppins', sans-serif; font-display: fallback; color: white; font-size: 0.9rem; font-weight: 700; line-height: 1.1; } .ervaring__testimonial__cijfer__ster { display: inline-block; background: url(/images/starfull.png); background-repeat: no-repeat; background-position: top-left; height: 10px; width: 10px; background-size: cover; margin-right: 10px; margin-left: 8px; } .ervaring__button { margin-top: 40px; text-align: center; margin-bottom: -60px; } @media print, screen and (min-width: 40em) { .ervaring__button { margin-bottom: -70px; } } .about-cf { background: #fbfbfb; } .about-cf__title { font-size: 1.6rem; font-weight: bold; margin-bottom: 5px; } .about-cf__subtitle { font-size: 1.3rem; } .about-cf__paragraphtitle { font-size: 1.2rem; font-weight: bold; } .start-why { display: -ms-flexbox; display: flex; height: 170px; -ms-flex-align: center; align-items: center; padding: 0 10px; } .start-why .starty-why__item { -ms-flex-positive: 1; flex-grow: 1; font-size: 15px; font-family: 'Poppins', sans-serif; font-display: fallback; font-weight: 500; color: #403d54; } .start-why .starty-why__item i { position: relative; top: 2px; font-size: 110%; margin-right: 5px; } .start-subsite__title { height: 90px; text-align: center; } .start-subsite__title img { height: 90px; } .start-subsite__training-list__button { margin: 10px 0px; } @media print, screen and (min-width: 40em) { .start-subsite__training-list__button { margin: 15px 0px; font-size: 0.9rem; } } @media print, screen and (min-width: 40em) { .start-subsite__button { text-align: center; } .start-subsite__button .cf-button { padding-right: 40px; } .start-subsite__button .cf-button i { font-size: 115%; margin-left: 20px; } } @media screen and (max-width: 39.9375em) { .start-subsite--factory { margin-top: 1.5rem; } } @media print, screen and (min-width: 40em) { .start-subsite--business-school { border-right: 1px solid #e6e6e6; } } .start-overview { padding: 1rem 0; padding-bottom: 3rem; background: #fbfbfb; } .start-overview__payoff { font-family: 'Lexend', sans-serif; font-display: fallback; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; font-size: 1.6875rem; margin: 0 0.625rem; padding: 0.625rem; } @media print, screen and (min-width: 40em) { .start-overview__payoff { font-size: 1.6875rem; height: 100px; margin: 0; margin-bottom: 2rem; padding: 0; } } @media print, screen and (min-width: 64em) { .start-overview__payoff { font-size: 1.8125rem; height: 120px; } } .start-overview__payoff-text { font-family: 'Lexend', sans-serif; font-display: fallback; text-align: center; color: #1e225d; font-weight: 600; line-height: 1.25; margin: 0; } .start-overview__payoff-text-link { text-decoration: underline; color: #ff9900; font-weight: 600; transition: color 500ms; } .start-overview__payoff-text-link:hover { color: #e0e0e0; } .start-overview__row { max-width: 100rem; display: grid; max-width: 100rem; padding-left: 20px; padding-right: 20px; grid-template-areas: "b" "c" "a"; } @media print, screen and (min-width: 64em) { .start-overview__row { grid-template-columns: 2.5fr 2fr 2fr; grid-template-rows: auto; grid-template-areas: "a b c"; } } .start-overview__row__Stapuitleg { box-shadow: 0px 3px 10px rgba(42, 62, 82, 0.2); border: 1px solid #1e225d; border-radius: 12px; margin-right: 0px; max-height: 100%; grid-area: a; margin-top: 20px; } @media print, screen and (min-width: 64em) { .start-overview__row__Stapuitleg { margin-right: 50px; margin-top: 0px; } } .start-overview__row__Stapuitleg__text { margin-left: 20px; margin-right: 20px; color: #1e225d; font-size: 16px; } @media print, screen and (min-width: 64em) { .start-overview__row__Stapuitleg__text { margin-left: 50px; margin-right: 50px; } } .start-overview__row__Stapuitleg__title { margin-top: 50px; margin-left: 20px; margin-right: 20px; color: #1e225d; font-size: 25px; font-family: 'Lexend', sans-serif; font-weight: 800; } @media print, screen and (min-width: 64em) { .start-overview__row__Stapuitleg__title { margin-left: 50px; margin-right: 50px; } } .start-overview__row__Stapuitleg__under { height: 315px; display: grid; grid-template-columns: 1fr 1fr; } .start-overview__row__Stapuitleg__under__imageblok { width: 100%; height: 315px; } .start-overview__row__Stapuitleg__under__imageblok__image { height: 100%; object-fit: cover; float: right; } .start-overview__row__Stapuitleg__under__knoppen { display: -ms-flexbox; display: flex; -ms-flex-direction: column-reverse; flex-direction: column-reverse; -ms-flex-align: center; align-items: center; } .start-overview__row__Stapuitleg__under__knoppen__box { display: -ms-flexbox; display: flex; -ms-flex-direction: column-reverse; flex-direction: column-reverse; width: fit-content; margin-bottom: 20px; } .start-overview__row__Stapuitleg__under__knoppen__box__Herinner { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center; font-weight: bold; text-decoration: none; padding: 10px 0px; font-size: 16px; } .start-overview__row__Stapuitleg__under__knoppen__box__Herinner__icon { filter: invert(65%) sepia(61%) saturate(684%) hue-rotate(341deg) brightness(101%) contrast(103%); margin-left: 20px; } .start-overview__row__Stapuitleg__under__knoppen__box__leesmeer { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center; font-weight: bold; text-decoration: none; padding: 10px 0px; border-bottom: 2px solid #E3E3E3; font-size: 16px; } .start-overview__row__Stapuitleg__under__knoppen__box__leesmeer__icon { color: #FFA120; margin-left: 20px; } .start-overview__row__row1 { grid-area: b; } .start-overview__row__row2 { grid-area: c; } .start-overview__faq { padding-top: 30px; text-align: center; } .start-overview__faq a { font-size: 13px; color: #bbb; text-decoration: none; } .start-overview__faq a:hover { text-decoration: underline; } .start-overview--category { background: white; } .start-overview--category #bigHalfCircle { position: absolute; margin-top: 400px; } .start-overview--category #bigHalfCircle path { fill: #f6f6f6; stroke: #f6f6f6; } .start-overview--category .start-overview__background { height: 400px; width: 100%; background: #f6f6f6; position: absolute; } .start-overview--category .start-overview__payoff { display: block; margin: 0; padding: 1.8rem 0; padding-top: 4rem; height: auto; position: relative; z-index: 1; } .start-overview--category .start-overview__payoff__text { display: block; text-align: center; color: #1e225d; font-weight: 800; line-height: 1.25; font-size: 1.6rem; margin-bottom: 20px; text-transform: uppercase; } .start-overview--category .start-overview__payoff__subtext { display: block; text-align: center; font-weight: 400; line-height: 1.25; font-size: 1.4rem; color: #0a0a0a; } .start-overview--category .start-subsite { background: white; border-radius: 8px; box-shadow: 0 0 10px 0 rgba(131, 131, 131, 0.83); border: 1px solid #F1F1F1; min-height: 415px; margin-right: 38px; padding: 0; background-image: url("/images/placeholder.png"); background-repeat: no-repeat; background-size: 100% 120px; /* Big half circle */ } .start-overview--category .start-subsite__row { padding: 0px 15px; position: relative; z-index: 1; } @media print, screen and (min-width: 40em) { .start-overview--category .start-subsite__row { padding: 0px; } } .start-overview--category .start-subsite:last-of-type { margin-right: 0px; } .start-overview--category .start-subsite__container { padding-right: 0.9375rem; padding-left: 0.9375rem; padding-top: 85px; } .start-overview--category .start-subsite__icon { border-radius: 50%; height: 69px; width: 69px; border: 1px solid #FFFFFF; background-color: white; box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.32); background-repeat: no-repeat; background-position: 50% 50%; display: inline-block; } .start-overview--category .start-subsite__icon__container { text-align: center; height: 70px; } .start-overview--category .start-subsite__title { text-align: center; font-family: 'Poppins', sans-serif; font-display: fallback; color: #201B66; font-weight: 800; font-size: 1.2rem; height: auto; margin-top: 15px; } .start-overview--category .start-subsite__text { text-align: center; color: #201B66; min-height: 120px; } .start-overview--category .start-subsite--business-school { background-image: url("/images/businessschool-background-120px.jpg") !important; } .start-overview--category .start-subsite--business-school .start-subsite__icon { background-image: url("/images/icons/targeting.png"); } .start-overview--category .start-subsite--business-school.lazy { background-image: none !important; } .start-overview--category .start-subsite--business-school.lazy .start-subsite__icon { background-image: none; } .start-overview--category .start-subsite--factory { background-image: url("/images/digitaldesign-background-120px.jpg") !important; } .start-overview--category .start-subsite--factory .start-subsite__icon { background-image: url("/images/icons/layers.png"); } .start-overview--category .start-subsite--factory.lazy { background-image: none !important; } .start-overview--category .start-subsite--factory.lazy .start-subsite__icon { background-image: none; } .start-overview--category .start-subsite--ux { background-image: url("/images/ux-background-120px.jpg") !important; } .start-overview--category .start-subsite--ux .start-subsite__icon { background-image: url("/images/icons/usability.png"); } .start-overview--category .start-subsite--ux.lazy { background-image: none !important; } .start-overview--category .start-subsite--ux.lazy .start-subsite__icon { background-image: none; } .start-overview--category .start-subsite--utrecht { background-image: url("/images/utrecht-background-120px.jpg") !important; } .start-overview--category .start-subsite--utrecht.lazy { background-image: none !important; } .start-overview--top10 { background: white; } .start-overview--top10 .start-overview__row { padding-left: 2rem; padding-right: 2rem; } .start-overview--top10 .start-overview__payoff { display: block; margin: 0; padding: 1.8rem 0; padding-top: 4rem; height: auto; } .start-overview--top10 .start-overview__payoff__text { display: block; text-align: start; font-weight: 800; line-height: 1.25; color: #1e225d; font-size: 25px; max-width: 100%; margin: 0 auto; margin-bottom: 35px; padding-left: 20px; padding-right: 20px; font-family: 'Lexend', sans-serif; font-display: fallback; } @media print, screen and (min-width: 64em) { .start-overview--top10 .start-overview__payoff__text { max-width: 50%; font-size: 42px; text-align: center; padding-left: 0px; padding-right: 0px; } } .start-overview--top10 .start-overview__payoff__smalltext { font-size: 16px; text-align: start; letter-spacing: 0px; padding-left: 20px; padding-right: 20px; } @media print, screen and (min-width: 64em) { .start-overview--top10 .start-overview__payoff__smalltext { text-align: center; padding-left: 0px; padding-right: 0px; } } .start-overview--top10 .start-overview__payoff__subtext { display: block; text-align: center; font-weight: 400; line-height: 1.25; font-size: 1.4rem; color: #0a0a0a; } .start-overview--top10 .start-overview__displaymore { text-align: center; margin-bottom: 30px; } .start-overview--top10 .start-overview__displaymore a { text-decoration: none; } .start-overview--top10 .start-overview__displaymore a:hover span, .start-overview--top10 .start-overview__displaymore a:active span, .start-overview--top10 .start-overview__displaymore a:focus span { margin-top: 20px; transition: margin 400ms; } .start-overview--top10 .start-overview__displaymore a span { display: block; margin-top: 10px; /* IE 9 */ /* Safari */ transform: rotate(90deg); } .start-overview--top10 .start-overview__secondrow { margin-bottom: 40px; } .start-overview--top10 .start-overview__button { margin-top: 40px; text-align: center; margin-bottom: 40px; } .mobile-container { padding-left: 2rem !important; padding-right: 2rem !important; padding-bottom: 20px; } .mobile-container.small { padding-right: 0.625rem !important; padding-left: 0.625rem !important; } @media print, screen and (min-width: 64em) { .mobile-container { padding-left: 0rem !important; padding-right: 0rem !important; } } .home .home-leader-new::before { content: ""; background-image: url(/images/dot-bgv5.svg); height: 15%; width: 15%; position: absolute; background-repeat: repeat; z-index: 2; background-position: center; background-size: 45px; top: auto; } @media print, screen and (min-width: 64em) { .home .home-leader-new::before { height: 70%; width: 10%; top: -50px; } } .home-leader-new { height: 100%; position: relative; /*@include breakpoint(xlarge) { background-position: center 40%; }*/ } .home-leader-new__overlay { display: none; } @media print, screen and (min-width: 64em) { .home-leader-new__overlay { display: block; width: 100%; height: 100%; position: absolute; z-index: -1; overflow: hidden; color: #00C4C2; font-size: 900px; font-weight: 800; letter-spacing: -90px; line-height: 705px; text-align: right; font-family: 'Lexend', sans-serif; font-display: fallback; } .home-leader-new__overlay span { font-family: 'Lexend', sans-serif; font-display: fallback; display: inline-block; overflow: hidden; width: 60%; } } .home-leader-new__container { height: 100%; padding-top: 50px; position: relative; z-index: 2; display: grid; -ms-flex-pack: center; justify-content: center; justify-items: center; padding-bottom: 60px; } .home-leader-new__container::before { content: ""; background-image: url(/images/dot-bgv5.svg); height: 26%; width: 25%; position: absolute; background-repeat: repeat; top: auto; bottom: -100px; right: -30px; z-index: 2; background-position: center; background-size: 45px; } @media print, screen and (min-width: 40em) { .home-leader-new__container::before { bottom: -150px; right: -50px; height: 60%; width: 20%; } } @media print, screen and (min-width: 64em) { .home-leader-new__container { padding-top: 75px; } } .home-leader-new__container > .row { height: 100%; margin: 0px; } .home-leader-new__container__left { padding-right: 0rem; padding-left: 0rem; margin-bottom: 20px; } @media print, screen and (min-width: 64em) { .home-leader-new__container__left { padding-right: 0.625rem; margin-bottom: 0px; } } .home-leader-new__container__right { background-color: white; } @media print, screen and (min-width: 64em) { .home-leader-new__container__right { background-color: transparent; } } .home-leader-new__subtext { font-family: 'Poppins', sans-serif; font-display: fallback; font-weight: 400; font-size: 1.125rem; } @media print, screen and (min-width: 40em) { .home-leader-new__subtext { text-align: left; padding-bottom: 20px; max-width: 80%; } } .home-leader-new__subtext.rating { border-radius: 10px; background: #f2f8ff; display: -ms-flexbox; display: flex; margin-bottom: 20px; } .home-leader-new__subtext.rating .start__reviews__ratings__text { display: inline-block; } @media print, screen and (min-width: 40em) { .home-leader-new__subtext.rating { margin-bottom: initial; background: transparent; display: block; } } .home-leader-new .inline-spacer { display: block; } .home-leader-new__buttons { display: grid; -ms-flex-pack: center; justify-content: center; column-gap: 10px; margin-top: 42px; -ms-flex-direction: column; flex-direction: column; } .home-leader-new__buttons .cf-button--orange-flat, .home-leader-new__buttons .cf-button--blue-alt { display: -ms-inline-flexbox !important; display: inline-flex !important; width: fit-content !important; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 0; width: 100% !important; margin-top: 10px; padding: 13px 35px; } @media screen and (min-width: 64em) { .home-leader-new__buttons .cf-button--orange-flat, .home-leader-new__buttons .cf-button--blue-alt { width: fit-content !important; font-size: 17px; } } .home-leader-new__buttons .cf-button--orange-flat .cf-button__text, .home-leader-new__buttons .cf-button--blue-alt .cf-button__text { font-weight: 600; } .home-leader-new__buttons .cf-button.shadow { margin-right: 0px; margin-bottom: 10px; } @media print, screen and (min-width: 64em) { .home-leader-new__buttons .vakgebieden-button { width: 280px !important; } } @media screen and (min-width: 25em) { .home-leader-new__buttons .cf-button.shadow { margin-right: 40px; margin-bottom: 0px; } .home-leader-new__buttons .inline-spacer { display: inline; } } @media print, screen and (min-width: 40em) { .home-leader-new__buttons { margin-top: 30px; text-align: left; -ms-flex-direction: unset; flex-direction: unset; display: -ms-flexbox; display: flex; } .home-leader-new__buttons .cf-button--orange-flat, .home-leader-new__buttons .cf-button--blue-alt { width: initial; } .home-leader-new__buttons .cf-button--blue-alt { margin-top: auto; } } .home-leader-new__date { font-weight: 600; color: #ff9900; } @media print, screen and (min-width: 64em) { .home-leader-new { height: 700px; position: relative; margin-top: 50px; } .home-leader-new__container { height: 575px; padding-top: 25px; } } @media print, screen and (min-width: 64em) { .home-leader-new { height: 700px; margin-top: 30px; } .home-leader-new__container { height: fit-content; padding-top: 25px; padding-left: 10px; } .home-leader-new__subtext { display: block; } .home-leader-new__date { margin-bottom: 0.5rem; } } @media screen and (min-width: 75em) { .home-leader-new { height: 700px; margin-top: 50px; } .home-leader-new__container { height: fit-content; padding-top: 25px; padding-left: 20px; } } @media screen and (min-width: 90em) { .home-leader-new { height: 700px; } .home-leader-new__container { height: fit-content; padding-top: 25px; padding-left: 20px; } } .home-leader-new--404 { height: 100px; } @media print, screen and (min-width: 40em) { .home-leader-new--404 { height: 200px; } } @media print, screen and (min-width: 64em) { .home-leader-new--404 { height: 200px; } } @media screen and (min-width: 75em) { .home-leader-new--404 { height: 200px; } } @media screen and (min-width: 90em) { .home-leader-new--404 { height: 200px; } } .home-leader-new__title { font-family: 'Poppins', sans-serif; font-display: fallback; font-family: "Lexend",sans-serif; font-weight: 900; width: 100%; height: fit-content; font-size: 26px; line-height: 1.2; letter-spacing: 0px; padding: 0; text-align: center; } @media print, screen and (min-width: 40em) { .home-leader-new__title { font-size: 45px; margin-bottom: 40px; } } @media print, screen and (min-width: 64em) { .home-leader-new__title { font-weight: 800; font-size: 45px; letter-spacing: -1.8px; max-width: 100%; } } @media screen and (min-width: 75em) { .home-leader-new__title { font-size: 45px; } } .home-leader-new__subtitle { font-family: 'Poppins', sans-serif; font-display: fallback; font-weight: 500; width: 100%; line-height: 1.1; padding: 0; padding-bottom: 15px; text-align: center; font-size: 1rem; } @media screen and (min-width: 22.5em) { .home-leader-new__subtitle { font-size: 1rem; } } @media screen and (min-width: 26.25em) { .home-leader-new__subtitle { font-size: 1rem; } } @media print, screen and (min-width: 40em) { .home-leader-new__subtitle { font-size: 1rem; font-weight: 800; text-align: left; } } @media print, screen and (min-width: 64em) { .home-leader-new__subtitle { font-size: 1.5rem; max-width: 1200px; padding-bottom: 20px; } } .home-leader-new__text { text-align: center; margin-top: 25px; } @media print, screen and (min-width: 64em) { .home-leader-new__text { max-width: 800px; } } .home-leader-new__action { position: absolute; right: 20px; bottom: 20px; font-size: 1.5rem; } .home-leader-new__button { width: 280px; position: absolute; top: 250px; left: 350px; } .home-leader-new__agenda { border-radius: 12px; background-color: white; box-shadow: 0px 12px 40px 0px rgba(157, 171, 192, 0.2); margin-left: 0.9rem; margin-right: 0.9rem; position: relative; z-index: 10; } @media print, screen and (min-width: 64em) { .home-leader-new__agenda { margin-left: 1.35rem; margin-right: 0.9rem; position: initial; margin-bottom: -20px; } } .home-leader-new__agenda .test { display: none; } @media screen and (min-width: 40em) { .home-leader-new__agenda .test { display: block; } } .home-leader-new__agenda .test2 { display: block; } @media screen and (min-width: 40em) { .home-leader-new__agenda .test2 { display: none; } } .home-leader-new__agenda__background { position: relative; text-align: center; margin-bottom: -90px; } @media print, screen and (min-width: 40em) { .home-leader-new__agenda__background { margin-bottom: -50px; } } .home-leader-new__agenda__background__text { overflow: visble; color: #00C4C2; font-size: 290px; font-weight: 800; letter-spacing: -32px; line-height: 255px; text-align: center; margin-left: -20px; font-family: 'Lexend', sans-serif; font-display: fallback; } @media print, screen and (min-width: 40em) { .home-leader-new__agenda__background__text { font-size: 300px; } } .home-leader-new__agenda__background__text span { font-family: 'Lexend', sans-serif; font-display: fallback; display: inline-block; overflow: visible; width: 100%; } @media print, screen and (min-width: 40em) { .home-leader-new__agenda__background__text span { width: 90%; } } .home-leader-new__agenda__background__image { position: absolute; z-index: 1; bottom: 0px; width: 100%; height: 100%; background-image: url("https://www.competencefactory.nl/wordpress/wp-content/uploads/2021/11/Esther-Mutsaers-4-1_adobespark-e1636931608789.png"); background-repeat: no-repeat; background-size: 180px; background-position: 50% 100%; } .home-leader-new__agenda__title { margin-top: 40px; font-weight: 700; font-size: 1.125rem; text-align: left; border-radius: 8px 8px 0px 0px; padding: 15px 20px; color: #1E225C; margin-bottom: 0px; display: block; } .home-leader-new__agenda__title a { display: none; font-weight: 400; color: #ff9900; font-size: 0.875rem; } @media print, screen and (min-width: 40em) { .home-leader-new__agenda__title a { display: inline; } } @media screen and (min-width: 40em) { .home-leader-new__agenda__title { margin-top: 0px; margin-bottom: 0px; padding: 0px; padding-bottom: 13px; padding-left: 30px; padding-top: 22px; padding-right: 18px; } } .home-leader-new__agenda__link { padding: 10px 15px; } @media print, screen and (min-width: 40em) { .home-leader-new__agenda__link { text-align: right; border-radius: 12px; padding-right: 18px; padding-top: 17px; padding-bottom: 17px; margin-bottom: 0px; } } .home-leader-new__agenda__link a { font-weight: 500; color: #ff9900; font-size: 15px; text-decoration: none; transition: text-decoration 400ms; } @media print, screen and (min-width: 40em) { .home-leader-new__agenda__link a { text-align: end; } } .home-leader-new__agenda__link a:hover { text-decoration: underline; } .home-leader-new__agenda__link .cf-button__icon { color: #ff9900; margin-left: 10px; } @media print, screen and (min-width: 40em) { .home-leader-new__agenda__link .cf-button__icon { margin-left: .9vw; } } @media screen and (min-width: 40em) { .home-leader-new__agenda__link { padding-left: 25px; padding-right: 18px; padding-top: 17px; padding-bottom: 17px; background-color: white; } } .home-leader-new__agenda__item { display: block; background: white; margin: 0px 0; padding: 15px 20px; transition: background 300ms, color 300ms; border-bottom: 1px solid #E5E5E5; } .home-leader-new__agenda__item:nth-of-type(1n+2) { display: none; } @media print, screen and (min-width: 40em) { .home-leader-new__agenda__item { padding: 5px 20px; padding-left: 30px; padding-right: 18px; display: grid; grid-template-columns: 9fr 1fr; -ms-flex-align: center; align-items: center; text-decoration: none; } } .home-leader-new__agenda__item__date { height: 55px; background-color: #1e225d; width: 55px; border-radius: 2px; display: grid; justify-items: center; -ms-flex-align: center; align-items: center; padding: 5px; } .home-leader-new__agenda__item__date p { color: white; text-align: center; font-size: 1.125rem; margin: 0; line-height: 1; font-weight: 800; font-family: "Lexend",sans-serif; text-transform: uppercase; } .home-leader-new__agenda__item__date p span { font-size: 1rem; } .home-leader-new__agenda__item__info { display: inline-block; } .home-leader-new__agenda__item__info p { font-size: 1rem; color: #1e225d; margin: 0px; padding: 0px; } .home-leader-new__agenda__item__info__title { font-weight: 500; word-break: break-word; word-break: break-all; hypens: auto; } @media print, screen and (min-width: 40em) { .home-leader-new__agenda__item__info { width: 90%; } } @media print, screen and (min-width: 64em) { .home-leader-new__agenda__item__info { width: 90%; } } .home-leader-new__agenda__item__action { display: inline-block; float: right; font-size: 1rem; text-align: center; } .home-leader-new__agenda__item__action > div { line-height: 50px; border-radius: 50%; background: #ff9900; color: white; width: 50px; height: 50px; vertical-align: center; text-align: center; } @media print, screen and (min-width: 40em) { .home-leader-new__agenda__item__action > div { line-height: 60px; width: 60px; height: 60px; } } .home-leader-new__agenda__item:hover { background: #1e225d; } .home-leader-new__agenda__item:hover > div > p { color: white; } .home-leader-new__agenda__item:hover > .home-leader-new__agenda__item__date { background-color: white; } .home-leader-new__agenda__item:hover > .home-leader-new__agenda__item__date > p { color: #1e225d; } .home-leader-new__agenda__item:hover > .home-leader-new__agenda__item__action > span { color: white; } .home-leader-new__agenda__item:hover .cf-button--orange-flat-alt { background: #ff9900; border: 1px solid #ff9900; color: white; padding-right: 0px; transition: background 400ms; } .home-leader-new__agenda__item:hover .cf-button--orange-flat-alt .cf-button__icon { margin: 0px 10px 0 20px; transition: margin 400ms, box-shadow 400ms; } .home-leader-new__agenda__item:hover .cf-button--orange-flat-alt .cf-button__icon path { fill: white; } .home-leader-new__agenda__item:hover .cf-button--orange-flat-alt.iconleft { padding-right: 20px; } .home-leader-new__agenda__item:hover .cf-button--orange-flat-alt.iconleft .cf-button__icon { margin: 0px 20px 0px 0px; } .home-leader-new__agenda__item:hover .cf-button--orange-flat-alt.noicon { padding-right: 20px; } .home-leader-new__agenda__item--event { display: block; background: white; margin: 0px 0; padding: 15px 20px; transition: background 300ms, color 300ms; border-bottom: 1px solid #E5E5E5; } @media screen and (min-width: 40em) { .home-leader-new__agenda__item--event { padding: 5px 20px; padding-left: 30px; padding-right: 18px; display: grid; grid-template-columns: 9fr 1fr; -ms-flex-align: center; align-items: center; text-decoration: none; } } .home-leader-new__agenda__item--event .home-leader-new__agenda__item__info p { color: #1e225d; } .home-leader-new__agenda__item--event .home-leader-new__agenda__item__info__header { color: #1e225d; font-weight: 600; font-size: 1rem; } .home-leader-new__agenda__item--event .home-leader-new__agenda__item__action { display: inline-block; float: right; font-size: 1rem; } .home-leader-new__agenda__item--event .home-leader-new__agenda__item__action > div { line-height: 50px; border-radius: 50%; background: #ff9900; color: white; width: 50px; height: 50px; vertical-align: center; text-align: center; } @media print, screen and (min-width: 40em) { .home-leader-new__agenda__item--event .home-leader-new__agenda__item__action > div { line-height: 60px; width: 60px; height: 60px; } } .home-leader-new__agenda__item--event:hover { background: #1e225d; } .home-leader-new__agenda__item--event:hover > div { color: white; } .home-leader-new__agenda__item--event:hover > div > p { color: white; } .home-leader-new__agenda__item--event:hover > .home-leader-new__agenda__item__date { background-color: white; } .home-leader-new__agenda__item--event:hover > .home-leader-new__agenda__item__date > p { color: #1e225d; } .home-leader-new__agenda__item--event:hover .cf-button--orange-flat-alt { background: #ff9900; border: 1px solid #ff9900; color: white; padding-right: 0px; transition: background 400ms; } .home-leader-new__agenda__item--event:hover .cf-button--orange-flat-alt .cf-button__icon { margin: 0px 10px 0 20px; transition: margin 400ms, box-shadow 400ms; } .home-leader-new__agenda__item--event:hover .cf-button--orange-flat-alt .cf-button__icon path { fill: white; } .home-leader-new__agenda__item--event:hover .cf-button--orange-flat-alt.iconleft { padding-right: 20px; } .home-leader-new__agenda__item--event:hover .cf-button--orange-flat-alt.iconleft .cf-button__icon { margin: 0px 20px 0px 0px; } .home-leader-new__agenda__item--event:hover .cf-button--orange-flat-alt.noicon { padding-right: 20px; } .header-usp div { -ms-flex-pack: center; justify-content: center; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } @media print, screen and (min-width: 40em) { .header-usp div { -ms-flex-direction: unset; flex-direction: unset; } } .header-usp__item { padding: 0px; max-width: 35%; } @media print, screen and (min-width: 64em) { .header-usp__item { padding: 10px 0px; max-width: 100%; -ms-flex: 0 0 9%; flex: 0 0 9%; max-width: 40%; } } .header-usp__item.springtest { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-align: center; align-items: center; font-weight: 600; margin-left: -50px; } @media print, screen and (min-width: 40em) { .header-usp__item.springtest { margin-left: initial; } } @media print, screen and (min-width: 64em) { .header-usp__item.springtest { margin-right: 50px; } } .header-usp__item.springtest span { font-family: 'Lexend', sans-serif; font-display: fallback; color: #1e225d; } .header-usp__item.springtest svg path { fill: #F5C80B; } .header-usp__item.springtest img { max-width: none; width: 123px; height: 64px; } @media print, screen and (min-width: 64em) { .header-usp__item.springtest { width: 120x; height: 60px; } } .header-usp__item.bestopleider img { max-width: none; width: 123px; height: 75px; } .header-usp .icon-div { display: -ms-flexbox; display: flex; -ms-flex-direction: initial; flex-direction: initial; -ms-flex-align: center; align-items: center; margin-top: 26px; column-gap: 15px; } @media print, screen and (min-width: 40em) { .header-usp__items { -ms-flex: inherit; flex: inherit; } } @media print, screen and (min-width: 64em) { .header-usp__items { padding-left: 50px; } } .header-usp__items ul { margin: 0px; margin-top: 15px; padding: 0px; list-style-type: none; } @media print, screen and (min-width: 40em) { .header-usp__items ul { margin: 0px; } } .header-usp__items ul li { color: #1E225C; display: -ms-flexbox; display: flex; font-size: 14px; gap: 9px; -ms-flex-pack: center; justify-content: center; } @media print, screen and (min-width: 40em) { .header-usp__items ul li { -ms-flex-pack: normal; justify-content: normal; font-size: 15px; } } .header-usp__items ul li img { filter: invert(16%) sepia(41%) saturate(1875%) hue-rotate(211deg) brightness(84%) contrast(102%); width: 16px; } .header-usp__items ul li svg { position: relative; transform: scale(0.7); } .header-usp__items ul li svg path { fill: #1E225C; } .home-leader { background-repeat: repeat-x; background-position: center center; background-size: cover; height: 350px; position: relative; } .home-leader__videobg { /*position: fixed; top: 50%; left: 50%; min-width: 100%; min-height: 100%; width: auto; height: auto; z-index: -100; transform: translateX(-50%) translateY(-50%); background: url('//demosthenes.info/assets/images/polina.jpg') no-repeat; background-size: cover; transition: 1s opacity;*/ position: absolute; top: -40px; left: 50%; min-width: 100%; min-height: 100%; width: 100%; height: auto; z-index: -100; transform: translateX(-50%); background-size: cover; transition: 1s opacity; } @media screen and (min-width: 75em) { .home-leader__videobg { top: -200px; } } .home-leader__overlay { width: 100%; height: 100%; background: white; position: absolute; z-index: 1; background: rgba(32, 27, 102, 0.5); } .home-leader__container { height: 250px; padding-top: 60px; position: relative; z-index: 2; } .home-leader__subtext { font-family: 'Poppins', sans-serif; font-display: fallback; font-weight: 600; color: #fff; display: none; text-align: center; } .home-leader .inline-spacer { display: block; } .home-leader__buttons { margin-top: 4rem; text-align: center; } .home-leader__buttons .cf-button.shadow { margin-right: 0px; margin-bottom: 10px; } @media screen and (min-width: 25em) { .home-leader__buttons .cf-button.shadow { margin-right: 40px; margin-bottom: 0px; } .home-leader__buttons .inline-spacer { display: inline; } } .home-leader__buttons .cf-button__text { margin: -2px 15px 0 15px; } @media print, screen and (min-width: 64em) { .home-leader__buttons .vakgebieden-button { width: 280px; } } .home-leader__date { font-weight: 600; color: #ff9900; } @media screen and (min-width: 25em) { .home-leader { height: 300px; } } @media print, screen and (min-width: 40em) { .home-leader { height: 325px; } .home-leader__container { height: 250px; padding-top: 60px; } } @media print, screen and (min-width: 64em) { .home-leader { height: 450px; } .home-leader__container { height: 270px; padding-top: 90px; padding-left: 10px; } .home-leader__subtext { display: block; margin-top: 4rem; } .home-leader__date { margin-bottom: 0.5rem; } } @media screen and (min-width: 75em) { .home-leader { height: 450px; } .home-leader__container { height: 270px; padding-top: 100px; padding-left: 20px; } } @media screen and (min-width: 90em) { .home-leader { height: 450px; } .home-leader__container { height: 270px; padding-top: 100px; padding-left: 20px; } } .home-leader--404 { height: 100px; } @media print, screen and (min-width: 40em) { .home-leader--404 { height: 200px; } } @media print, screen and (min-width: 64em) { .home-leader--404 { height: 200px; } } @media screen and (min-width: 75em) { .home-leader--404 { height: 200px; } } @media screen and (min-width: 90em) { .home-leader--404 { height: 200px; } } .home-leader__title { font-family: 'Poppins', sans-serif; font-display: fallback; font-weight: 600; /*color: $color-header;*/ color: #fff; /*text-shadow: 1px 1px 0 #fff;*/ float: left; width: 100%; font-size: 1.625rem; line-height: 1.1; padding: 0; padding-bottom: 15px; text-align: center; } @media screen and (min-width: 22.5em) { .home-leader__title { font-size: 1.625rem; } } @media screen and (min-width: 26.25em) { .home-leader__title { font-size: 1.625rem; } } @media print, screen and (min-width: 40em) { .home-leader__title { font-size: 1.875rem; } } @media print, screen and (min-width: 64em) { .home-leader__title { font-size: 2.25rem; max-width: 1200px; padding-bottom: 0px; } } @media screen and (min-width: 75em) { .home-leader__title { font-size: 2.25rem; } } .home-leader__title a { text-decoration: none; color: white; text-shadow: 1px 1px 1px #1e225d; } .home-leader__title strong { font-size: 140%; } .home-leader__title .cf-button { text-shadow: none; font-size: 80%; height: 1.875rem; line-height: 1.5; margin: 8px auto 0; } @media print, screen and (min-width: 40em) { .home-leader__title .cf-button { margin: 15px auto 0; width: 20rem; height: 2.5rem; } } @media print, screen and (min-width: 64em) { .home-leader__title .cf-button { margin: 15px 0 0; width: auto; float: left; clear: left; height: 3.125rem; } } .home-leader__action { position: absolute; right: 20px; bottom: 20px; font-size: 1.5rem; } .home-leader__button { width: 280px; position: absolute; top: 250px; left: 350px; } .homepagevideo { background: white; background: linear-gradient(180deg, white 30%, #f8f8fa 30%); } .homepagevideo #homepage-background-image { z-index: 2; position: inherit; } .homepagevideo .homepage-background-image-class { z-index: 2; position: inherit; width: 100%; border-radius: 20px !important; position: relative; padding-bottom: 56.25%; /* 16:9 */ height: 0; background-size: cover; background-position: bottom; } @media print, screen and (min-width: 64em) { .homepagevideo .homepage-background-image-class { background-position: 90%; } } .homepagevideo .homepage-background-image-class .videotext-block__video__container { padding-bottom: 56.25%; /* 16:9 */ } .homepagevideo .homepage-background-image-class iframe { position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important; border-radius: 8px; } .homepagevideo .vid-btn { z-index: 3; } .cursistenreview { padding-top: 50px; background-color: #F8F8FA; } @media screen and (min-width: 40em) { .cursistenreview { padding-top: 120px; padding-bottom: 120px; } } .cursistenreview .uitlijncuristreview-home { margin: auto; display: grid; grid-template-columns: 1fr; grid-template-rows: 1fr 1fr; padding-left: 2rem; padding-bottom: 50px; } @media screen and (min-width: 40em) { .cursistenreview .uitlijncuristreview-home { grid-template-columns: 1fr 1fr; grid-template-rows: 1fr; } } .cursistenreview__reviewbericht { padding-left: 0.9375rem; margin-right: 40px; } @media print, screen and (min-width: 64em) { .cursistenreview__reviewbericht { margin-right: 80px; } } .cursistenreview__reviewbericht__titel { color: #1e225d; font-size: 25px; font-weight: 800; font-family: "Lexend",sans-serif; } @media print, screen and (min-width: 64em) { .cursistenreview__reviewbericht__titel { font-size: 1.3125rem; } } .cursistenreview__reviewbericht__message { color: #1e225d; margin-bottom: 0; font-size: 16px; } .cursistenreview__reviewbericht__leesmeer { text-decoration: underline; font-weight: 500; display: inline-block; margin-top: 10px; margin-bottom: 20px; } @media print, screen and (min-width: 64em) { .cursistenreview__reviewbericht__leesmeer { margin-top: 0px; } } .cursistenreview__reviewbericht__leesmeer p { font-family: "Lexend",sans-serif; color: #1e225d; font-size: 16px; } .cursistenreview__reviewbericht__review-company { display: grid; grid-template-columns: 1fr 1fr 1fr; } .cursistenreview__reviewbericht__review-company__imageblock { display: grid; justify-items: center; } @media screen and (min-width: 40em) { .cursistenreview__reviewbericht__review-company__imageblock { margin-right: 30px; } } .cursistenreview__reviewbericht__review-company__imageblock__star svg { color: #F5C80B; font-size: 10px; } @media print, screen and (min-width: 64em) { .cursistenreview__reviewbericht__review-company__imageblock__star svg { font-size: 16px; } } .cursistenreview__reviewbericht__review-company__imageblock__image { padding: 0; mix-blend-mode: luminosity; } .cursistenreview__reviewbericht__review-company__imageblock span { color: #1e225d; font-weight: 600; font-family: "Lexend",sans-serif; margin: 0; font-size: 16px; margin-bottom: 20px; } @media print, screen and (min-width: 64em) { .cursistenreview__reviewbericht__review-company__imageblock span { margin-top: 15px; font-size: 20px; margin-bottom: 0; } } .cursistenreview__photocarousel { max-height: 360px; max-width: 100vw; min-height: 320px !important; } @media screen and (min-width: 40em) { .cursistenreview__photocarousel { position: absolute !important; right: 0; min-height: 320px !important; max-width: 50vw; } } .cursistenreview__photocarousel .prev-arrow { right: 60px !important; } @media screen and (min-width: 40em) { .cursistenreview__photocarousel .prev-arrow { right: 75px !important; } } .cursistenreview__photocarousel .slide-arrow { margin-right: 40px; height: 45px !important; padding: 6px; bottom: -60px; width: 50px !important; } @media screen and (min-width: 40em) { .cursistenreview__photocarousel .slide-arrow { height: 50px !important; padding: 8px; width: 60px !important; } } .cursistenreview__photocarousel .slider__counter { bottom: -50px; top: auto; } @media screen and (min-width: 40em) { .cursistenreview__photocarousel .slider__counter { margin-right: 40px; } } .cursistenreview__photocarousel__imgbox { height: 100%; margin-right: 30px; } @media screen and (min-width: 40em) { .cursistenreview__photocarousel__imgbox { margin-left: 20px; margin-right: 0; } } .cursistenreview__photocarousel__imgbox img { height: 100%; object-fit: cover; border-radius: 12px; } .cursistenreview__photocarousel .slick-list { height: 100%; background: #f8f8fa; } .cursistenreview__photocarousel .slick-list .slick-track { height: 100%; } .clustersection { margin: 50px 0px !important; margin-bottom: 50px !important; } @media print, screen and (min-width: 64em) { .clustersection { margin: 125px 0px !important; margin-bottom: 125px !important; padding-bottom: 0px !important; } } .home-content-divider--grey { border-bottom: 1px solid #F8F8FA !important; } .home-content-divider--grey::after { border-top: 30px solid #F8F8FA !important; } .cijfers-meeroverons { background-color: #F8F8FA; padding-top: 45px; margin: 0; } @media print, screen and (min-width: 40em) { .cijfers-meeroverons { padding-top: 70px; } } .cijfers-meeroverons .hr-container { padding-left: 1.0625rem; padding-right: 1.0625rem; } .cijfers-meeroverons hr { margin: 0; margin-top: 45px; width: 100%; } @media print, screen and (min-width: 64em) { .cijfers-meeroverons hr { margin-top: 30px; } } .cijfers-meeroverons__vak { display: grid; grid-template-columns: none; grid-template-rows: 1fr 1fr 1fr 1fr; -ms-flex-align: center; align-items: center; row-gap: 35px; } @media print, screen and (min-width: 40em) { .cijfers-meeroverons__vak { grid-template-columns: 1fr 1fr 1fr 1fr; grid-template-rows: none; row-gap: 0px; } } @media print, screen and (min-width: 64em) { .cijfers-meeroverons__vak { padding-left: 1.0625rem; padding-right: 1.0625rem; } } .cijfers-meeroverons__vak__titel { font-size: 25px; font-family: 'Lexend', sans-serif; font-display: fallback; font-weight: 900; margin-bottom: 0; line-height: inherit; text-align: center; } @media print, screen and (min-width: 40em) { .cijfers-meeroverons__vak__titel { text-align: start; font-size: 45px; } } .cijfers-meeroverons__vak__ondertekst { font-weight: 500; margin: 0; text-align: center; color: rgba(30, 34, 92, 0.5); } @media print, screen and (min-width: 40em) { .cijfers-meeroverons__vak__ondertekst { text-align: start; color: #1e225d; } } .cijfers-meeroverons__vak a { margin: auto; width: max-content; font-weight: 600; line-height: 1; } @media print, screen and (min-width: 40em) { .cijfers-meeroverons__vak a { padding: 15px 35px; float: right; width: max-content; } } @media print, screen and (min-width: 64em) { .cijfers-meeroverons__vak a .cf-button__text { width: max-content !important; } } .cijfers-meeroverons__vak a:hover .cf-button__icon { margin-left: 35px; } .uitgelichte_trainingen { background-color: #F8F8FA; padding-top: 50px; padding-bottom: 50px; } @media print, screen and (min-width: 64em) { .uitgelichte_trainingen { padding-top: 125px; padding-bottom: 125px; } } .uitgelichte_trainingen .row { margin-right: 2rem; margin-left: 2rem; } @media print, screen and (min-width: 64em) { .uitgelichte_trainingen .row { margin-right: auto; margin-left: auto; } } .uitgelichte_trainingen__title { font-size: 20px; font-weight: 600; padding: 0px; font-family: 'Lexend', sans-serif; font-display: fallback; } @media print, screen and (min-width: 40em) { .uitgelichte_trainingen__title { padding: inherit; font-size: 28px; font-weight: 600; } } @media print, screen and (min-width: 64em) { .uitgelichte_trainingen__title { padding-left: 2rem; padding-right: 2rem; } } .uitgelichte_trainingen__title span { color: #77799c; } .uitgelichte_trainingen__title p, .uitgelichte_trainingen__title h2 { margin-bottom: 25px; font-family: 'Lexend', sans-serif; font-display: fallback; } .uitgelichte_trainingen .training-grid-block { padding: 10px; } .uitgelichte_trainingen .rf-cards-scroller-crop { height: 38.5rem; } @media print, screen and (min-width: 40em) { .uitgelichte_trainingen .rf-cards-scroller-crop { height: 31.5rem; } } @media print, screen and (min-width: 64em) { .uitgelichte_trainingen .rf-cards-scroller-crop { height: 33.5rem; } } .uitgelichte_trainingen .rf-ccard-40 .rf-ccard-content { width: 23rem; } @media print, screen and (min-width: 64em) { .uitgelichte_trainingen .rf-ccard-40 .rf-ccard-content { width: 25rem; } } .bekijkwatwedoen { margin-bottom: 50px; } @media print, screen and (min-width: 64em) { .bekijkwatwedoen { margin-bottom: 125px; margin-top: 125px; } } .bekijkwatwedoen .row { margin-right: 2rem; margin-left: 2rem; } @media print, screen and (min-width: 64em) { .bekijkwatwedoen .row { margin-right: auto; margin-left: auto; } } .bekijkwatwedoen__title { font-size: 20px; font-weight: 600; padding: 0px; font-family: 'Lexend', sans-serif; font-display: fallback; } @media print, screen and (min-width: 40em) { .bekijkwatwedoen__title { font-size: 28px; font-weight: 600; } } @media print, screen and (min-width: 64em) { .bekijkwatwedoen__title { padding-left: 2rem; padding-right: 2rem; } } .bekijkwatwedoen__title span { color: #77799c; } .bekijkwatwedoen__title p { margin-bottom: 25px; font-family: 'Lexend', sans-serif; font-display: fallback; } @media print, screen and (min-width: 64em) { .bekijkwatwedoen__title p { margin-bottom: 35px; } } .bekijkwatwedoen__slider { height: 200px; width: auto; margin-bottom: 20px; } @media print, screen and (min-width: 40em) { .bekijkwatwedoen__slider { height: 600px; margin-bottom: auto; margin-bottom: 50px; } } .bekijkwatwedoen__slider__card { height: 100%; background-size: cover; border-radius: 8px; } .bekijkwatwedoen__slider__card .videotext-block__video__container2 { width: 100%; height: 100%; position: relative; } .bekijkwatwedoen__slider__card .videotext-block__video__container2 .vid-icon { font-size: 60px; color: #fff; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) !important; text-align: center; padding: 20px; background-color: rgba(255, 255, 255, 0.3); border-radius: 100%; cursor: pointer; -webkit-backdrop-filter: blur(10.7px); backdrop-filter: blur(10px); transition: margin 400ms, box-shadow 400ms; width: 25%; } .bekijkwatwedoen__slider__card .videotext-block__video__container2 .vid-icon img { display: block; } @media print, screen and (min-width: 40em) { .bekijkwatwedoen__slider__card .videotext-block__video__container2 .vid-icon img { display: inline-block; } } @media print, screen and (min-width: 40em) { .bekijkwatwedoen__slider__card .videotext-block__video__container2 .vid-icon { width: auto; } } .bekijkwatwedoen__slider__card .videotext-block__video__container2 iframe { border-radius: 8px; } .bekijkwatwedoen__slider__card .videotext-block__video__container3 { width: 100%; height: 100%; position: relative; } .bekijkwatwedoen__slider__card .videotext-block__video__container3 .vid-icon { font-size: 60px; color: #fff; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) !important; text-align: center; padding: 20px; background-color: rgba(255, 255, 255, 0.3); border-radius: 100%; cursor: pointer; -webkit-backdrop-filter: blur(10.7px); backdrop-filter: blur(10px); transition: margin 400ms, box-shadow 400ms; width: 25%; } .bekijkwatwedoen__slider__card .videotext-block__video__container3 .vid-icon img { display: block; } @media print, screen and (min-width: 40em) { .bekijkwatwedoen__slider__card .videotext-block__video__container3 .vid-icon img { display: inline-block; } } @media print, screen and (min-width: 40em) { .bekijkwatwedoen__slider__card .videotext-block__video__container3 .vid-icon { width: auto; } } .bekijkwatwedoen__slider__card .videotext-block__video__container3 iframe { aspect-ratio: 16 / 9; width: 100%; } .bekijkwatwedoen .snap-slider .rf-cards-scroller-crop { height: 16rem; } @media print, screen and (min-width: 64em) { .bekijkwatwedoen .snap-slider .rf-cards-scroller-crop { height: 39rem; } } .bekijkwatwedoen .snap-slider .rf-ccard-40 .rf-ccard-content { width: 23rem; height: 15rem; } @media print, screen and (min-width: 64em) { .bekijkwatwedoen .snap-slider .rf-ccard-40 .rf-ccard-content { width: 65rem; height: 36rem; } } .bekijkwatwedoen .snap-slider .rf-ccard-img-full-wrapper img { object-fit: cover; height: 100%; width: 100%; } .testimonial-block-home { background-color: #F8F8FA; padding-top: 50px; padding-bottom: 50px; } @media print, screen and (min-width: 64em) { .testimonial-block-home { padding-top: 125px; padding-bottom: 125px; } } .testimonial-block-home .row { margin-right: 2rem; margin-left: 2rem; } @media print, screen and (min-width: 64em) { .testimonial-block-home .row { margin-right: auto; margin-left: auto; } } .testimonial-block-home__title { font-size: 20px; font-weight: 600; padding: 0px; font-family: 'Lexend', sans-serif; font-display: fallback; } @media print, screen and (min-width: 40em) { .testimonial-block-home__title { font-size: 28px; font-weight: 600; } } @media print, screen and (min-width: 64em) { .testimonial-block-home__title { padding-left: 2rem; padding-right: 2rem; } } .testimonial-block-home__title p { margin-bottom: 25px; font-weight: 600; padding: 0px; font-family: 'Lexend', sans-serif; font-display: fallback; } @media print, screen and (min-width: 40em) { .testimonial-block-home__title p { font-size: 28px; font-weight: 600; } } @media print, screen and (min-width: 64em) { .testimonial-block-home__title p { margin-bottom: 35px; } } .testimonial-block-home__slider { height: 500px; display: -ms-flexbox; display: flex; column-gap: 30px; } .testimonial-block-home__slider__card { height: 100%; background-color: white; border-radius: 8px; display: grid; grid-template-rows: auto auto 300px; } .testimonial-block-home__slider__card__top { padding: 20px 30px 20px 30px; grid-template-columns: 1fr 3fr 1fr; -ms-flex-align: center; align-items: center; border-bottom: 1px solid #f3f4f6; } @media print, screen and (min-width: 40em) { .testimonial-block-home__slider__card__top { padding: 30px; } } .testimonial-block-home__slider__card__top__foto { margin: 15px; } .testimonial-block-home__slider__card__top__foto img { border-radius: 100%; border: 1px solid #1e225d; } .testimonial-block-home__slider__card__top__naam { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; gap: 5px; color: #1e225d; } .testimonial-block-home__slider__card__top__naam strong { font-size: 18px; font-weight: 700 !important; } @media print, screen and (min-width: 64em) { .testimonial-block-home__slider__card__top__naam strong { font-size: 22px; } } .testimonial-block-home__slider__card__top__logo { position: relative; height: 100%; } .testimonial-block-home__slider__card__top__logo img { position: absolute; right: 10px; top: 10px; } .testimonial-block-home__slider__card__middle { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; margin-right: 30px; margin-left: 30px; margin-top: 15px; margin-bottom: 15px; } .testimonial-block-home__slider__card__middle span { color: #1e225d; font-size: 0.9375rem; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 10px; } .testimonial-block-home__slider__card__middle span.grade .fas { color: #FFC107; } .testimonial-block-home__slider__card__middle span.grade svg path { fill: #FFC107; } .testimonial-block-home__slider__card__middle p { margin-top: 10px; } .testimonial-block-home__slider__card__middle .total-rating { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 10px; } .testimonial-block-home__slider__card__middle .total-rating .grade { font-size: 1.375rem; line-height: 2.063rem; font-weight: 700; padding: 0 5px; } .testimonial-block-home__slider__card__middle .total-rating .stars { font-size: 0.875rem; } .testimonial-block-home__slider__card__middle .total-rating .stars .fas { color: #FFC107; } .testimonial-block-home__slider__card__middle .total-rating .stars svg path { fill: #FFC107; } .testimonial-block-home__slider__card__middle .total-rating .total { font-size: 0.875rem; } .testimonial-block-home__slider__card__body { padding: 30px; padding-top: 0px; overflow: scroll; } .testimonial-block-home .snap-slider .rf-ccard-40 .rf-ccard-content { width: 23rem; height: 370px; } @media print, screen and (min-width: 40em) { .testimonial-block-home .snap-slider .rf-ccard-40 .rf-ccard-content { height: 420px; } } @media print, screen and (min-width: 64em) { .testimonial-block-home .snap-slider .rf-ccard-40 .rf-ccard-content { width: 25rem; height: 440px; } } .testimonial-block-home .rf-cards-scroller-crop { height: 30rem; } @media print, screen and (min-width: 40em) { .testimonial-block-home .rf-cards-scroller-crop { height: 29rem; } } @media print, screen and (min-width: 64em) { .testimonial-block-home .rf-cards-scroller-crop { height: 32rem; } } .nieuws-inspiratie { margin-top: 50px; margin-bottom: 50px; } @media print, screen and (min-width: 64em) { .nieuws-inspiratie { margin-top: 125px; margin-bottom: 125px; } } .nieuws-inspiratie .row { margin-right: 2rem; margin-left: 2rem; } @media print, screen and (min-width: 64em) { .nieuws-inspiratie .row { margin-right: auto; margin-left: auto; } } .nieuws-inspiratie__title { font-size: 20px; font-weight: 600; padding: 0px; font-family: 'Lexend', sans-serif; font-display: fallback; } @media print, screen and (min-width: 40em) { .nieuws-inspiratie__title { font-size: 28px; font-weight: 600; } } @media print, screen and (min-width: 64em) { .nieuws-inspiratie__title { padding-left: 2rem; padding-right: 2rem; margin-bottom: 35px; } .nieuws-inspiratie__title p { margin-bottom: 0px; } } .nieuws-inspiratie .rf-cards-scroller-crop { height: 36rem; } @media print, screen and (min-width: 64em) { .nieuws-inspiratie .rf-cards-scroller-crop { height: 34rem; } } .nieuws-inspiratie .rf-ccard-40 .rf-ccard-content { width: 23rem; height: 470px; } @media print, screen and (min-width: 64em) { .nieuws-inspiratie .rf-ccard-40 .rf-ccard-content { height: 520px; width: 25rem; } } .nieuws-inspiratie .post-summary-large { padding: 10px; border-radius: 2px 16px 16px 16px; } .nieuws-inspiratie .post-summary-large__date { color: #1e225d; font-weight: 500; font-family: 'lexend', 'sans-serif'; } .nieuws-inspiratie .post-summary-large__title { min-height: 35px; } .nieuws-inspiratie .post-summary-large__image img { border-radius: 8px; } @media print, screen and (min-width: 64em) { .nieuws-inspiratie .post-summary-large__image img { max-height: 220px; object-fit: cover; } } .nieuws-inspiratie .post-summary-large__content { max-height: 280px; text-overflow: ellipsis; overflow: hidden; } @media print, screen and (min-width: 64em) { .nieuws-inspiratie .post-summary-large__content { max-height: 250px; text-overflow: ellipsis; padding: 25px; } } .magazine-pro-home { margin-top: 100px; position: relative; margin-bottom: 100px; } @media print, screen and (min-width: 40em) { .magazine-pro-home { margin-top: 200px; margin-bottom: 150px; } } .magazine-pro-home .row { position: relative; padding-left: 2rem; padding-right: 2rem; } .magazine-pro-home .row::before { content: ""; background-image: url(/images/dot-bgv5.svg); height: 50%; width: 50%; position: absolute; background-repeat: repeat; background-position: center; background-size: 45px; bottom: -50px; left: -15px; } @media print, screen and (min-width: 40em) { .magazine-pro-home .row::before { height: 75%; width: 30%; } } .magazine-pro-home .row::after { content: ""; background-image: url(/images/dot-bgv5.svg); height: 50%; width: 50%; position: absolute; background-repeat: repeat; background-position: center; background-size: 45px; top: -50px; right: 0px; } @media print, screen and (min-width: 40em) { .magazine-pro-home .row::after { height: 75%; width: 30%; } } .magazine-pro-home.nobackgroundpoints .row::before { background-image: none; } .magazine-pro-home.nobackgroundpoints .row::after { background-image: none; } .magazine-pro-home .column, .magazine-pro-home .columns { display: grid; grid-template-rows: 1fr 1fr; border: 1px solid #1E225D; border-radius: 8px; padding-top: 20px; padding-bottom: 20px; position: relative; background: white; z-index: 2; } @media print, screen and (min-width: 40em) { .magazine-pro-home .column, .magazine-pro-home .columns { grid-template-columns: 7fr 8fr; grid-template-rows: none; padding-top: 100px; padding-bottom: 100px; } } .magazine-pro-home__imgbox { width: 100%; height: 100%; position: relative; } .magazine-pro-home__imgbox img { position: absolute; height: 80%; width: initial; margin-left: auto; margin-right: auto; left: 0; right: 0; top: -40px; transform: rotate(-7deg); } @media print, screen and (min-width: 40em) { .magazine-pro-home__imgbox img { margin-right: 30px; } } @media print, screen and (min-width: 64em) { .magazine-pro-home__imgbox img { top: -140px; height: 150%; margin-right: auto; } } @media only screen and (max-width: 1110px) and (min-width: 1000px) { .magazine-pro-home__imgbox img { margin-right: 30px; } } .magazine-pro-home__textbox { padding-left: 0; margin-top: -50px; } @media print, screen and (min-width: 40em) { .magazine-pro-home__textbox { margin: 0; } } .magazine-pro-home__textbox__title { font-size: 22px; font-weight: 800; color: #1e225d; font-family: 'Lexend', sans-serif; margin-left: 20px; } @media print, screen and (min-width: 40em) { .magazine-pro-home__textbox__title { font-size: 35px; margin-left: 0px; } } .magazine-pro-home__textbox__text { font-size: 15px; color: #1e225d; margin-right: 30px; line-height: 1.6; margin-left: 20px; } @media print, screen and (min-width: 40em) { .magazine-pro-home__textbox__text { margin-left: 0px; margin-right: 130px; } } .magazine-pro-home__textbox__button { margin-top: 20px; margin-left: 20px; margin-right: 20px; width: auto; } @media print, screen and (min-width: 40em) { .magazine-pro-home__textbox__button { margin-left: 0; margin-right: 0; } } .magazine-pro-home--greybackground { padding: 50px 0px; margin: 50px 0px; background-color: #F8F8FA; } @media print, screen and (min-width: 64em) { .magazine-pro-home--greybackground { padding: 100px 0px; margin: 100px 0px; } } .magazine-pro-home--greybackground form label { background-color: #F8F8FA !important; } .magazine-pro-home--greybackground form input { background-color: transparent !important; } .aanvraag-TMA-test { position: relative; } .aanvraag-TMA-test .row { display: block; } @media print, screen and (min-width: 64em) { .aanvraag-TMA-test .row { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: none; } } .aanvraag-TMA-test .img-position { height: 600px; position: absolute; bottom: 0; left: 60%; right: 40%; } .aanvraag-TMA-test .mobile-img-position { display: grid; -ms-flex-pack: center; justify-content: center; } .aanvraag-TMA-test .mobile-img-position img { height: 500px; } .aanvraag-TMA-test .form-contact { display: grid !important; grid-template-areas: "naam naam " "email email " "telefoonnummer telefoonnummer" "verstuur verstuur " !important; } .podcast .home-leader-new__title { margin-bottom: 0px; } .podcast .podcast_introduction_tekst { max-width: 800px; text-align: center; margin-top: 30px; } .podcast .podcast__banner__img { background-image: url(https://www.competencefactory.nl/wordpress/wp-content/uploads/2024/08/coverphoto-podcast.png); background-size: contain; background-repeat: no-repeat; background-position: center; border-radius: 20px; } .podcast .podcast_introduction_link { text-align: center; } .podcast .podcast_introduction_link a { text-decoration: none; } .podcast .podcast_introduction_link a img { width: 24px; height: 24px; filter: invert(16%) sepia(41%) saturate(1875%) hue-rotate(211deg) brightness(84%) contrast(102%); } .podcast__item { background-color: white !important; } .podcast__item__container { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; gap: 20px; } @media print, screen and (min-width: 64em) { .podcast__item__container { -ms-flex-direction: row; flex-direction: row; -ms-flex-align: center; align-items: center; height: 100%; } } @media print, screen and (min-width: 64em) { .podcast__item__image { min-width: 300px; max-width: 300px; -ms-flex-item-align: stretch; align-self: stretch; } } .podcast__item__image img { margin-top: 15px; border-radius: 2px 16px 16px 16px; width: 100%; height: 200px; object-fit: cover; } @media print, screen and (min-width: 64em) { .podcast__item__image img { margin-top: 0px; width: auto; height: 100%; } } .podcast__item__content__title { font-size: 22px; font-weight: 600; font-family: 'Lexend', sans-serif; } .podcast__item__content__cta { margin-bottom: 0px; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; gap: 20px; } @media print, screen and (min-width: 64em) { .podcast__item__content__cta { -ms-flex-align: center; align-items: center; -ms-flex-direction: row; flex-direction: row; } } .podcast .podcast__container { padding-bottom: 100px; display: grid; grid-template-columns: 1fr; gap: 50px; padding-left: 1rem; padding-right: 1rem; } @media print, screen and (min-width: 40em) { .podcast .podcast__container { grid-template-columns: 1fr 1fr; gap: 50px; } } @media print, screen and (min-width: 64em) { .podcast .podcast__container { grid-template-columns: 1fr 1fr 1fr 1fr; gap: 50px; } } .podcast .podcast__container__item { width: 100%; position: relative; text-decoration: none; } .podcast .podcast__container__item__img { height: 300px; border-radius: 20px; background-size: cover; position: relative; } @media print, screen and (min-width: 40em) { .podcast .podcast__container__item__img { height: 250px; } } .podcast .podcast__container__item__overlay { z-index: 5; position: absolute; width: 100%; height: 100%; top: 0; border-radius: 20px; } .podcast .podcast__container__item__overlay #vid-icon { display: none; color: #fff; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; padding: 20px; background-color: rgba(255, 255, 255, 0.3); border-radius: 100%; cursor: pointer; -webkit-backdrop-filter: blur(10.7px); backdrop-filter: blur(10px); transition: margin 400ms, box-shadow 400ms, transform 400ms; } .podcast .podcast__container__item__title { font-size: 18px; font-weight: 600; padding: 0px; margin-top: 5px; font-family: 'Lexend', sans-serif; } .podcast .podcast__container__item:hover .podcast__container__item__overlay { background-color: rgba(32, 42, 54, 0.5); transition: all 400ms; } .podcast .podcast__container__item:hover .podcast__container__item__overlay #vid-icon { display: block; } .podcast .podcast_review { background: white; } .podcast .podcast_review .podcast_review_card .testimonial-block-home__slider__card__top__naam { font-size: 22px; font-weight: 700; } .podcast .podcast_volgvoormeer { display: -ms-flexbox; display: flex; } .podcast .podcast_volgvoormeer__title { line-height: 1.3; } .podcast .podcast_volgvoormeer__usp { list-style-type: none; margin-left: 0; } .podcast .podcast_volgvoormeer__usp li img { filter: invert(16%) sepia(41%) saturate(1875%) hue-rotate(211deg) brightness(84%) contrast(102%); margin-right: 5px; } .podcast .podcast_volgvoormeer__links { -ms-flex-pack: start !important; justify-content: start !important; } .podcast .podcast_volgvoormeer__links a { display: grid !important; width: 270px; grid-template-columns: 8fr 2fr; } .podcast .podcast_volgvoormeer__links a .cf-button__text { width: fit-content; } .podcast .podcast_volgvoormeer__links a .cf-button__icon { display: -ms-flexbox; display: flex; -ms-flex-pack: end; justify-content: flex-end; } .podcast .podcast_volgvoormeer__links a .cf-button__icon svg { filter: invert(18%) sepia(11%) saturate(3629%) hue-rotate(198deg) brightness(94%) contrast(107%); } .podcast .podcast_volgvoormeer__links a:hover { background-color: #1e225d; border-color: #1e225d; transition: all 400ms; } .podcast .podcast_volgvoormeer__links a:hover .cf-button__text { color: white; } .podcast .podcast_volgvoormeer__links a:hover .cf-button__icon img { filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(93deg) brightness(103%) contrast(103%); } .podcast .podcast_volgvoormeer__links a:hover .cf-button__icon svg { filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(93deg) brightness(103%) contrast(103%); } .podcast .podcasts_title { padding-top: 50px; text-align: center; } .upload_lesmateriaal__box { margin-bottom: 30px; } .upload_lesmateriaal__box__icons { display: -ms-flexbox; display: flex; } .upload_lesmateriaal__box__icons__svg { cursor: pointer; } .upload_lesmateriaal__box__icons__span { cursor: pointer; } .upload_lesmateriaal__box__upload { margin: 0 0 1rem; } .upload_lesmateriaal__box__upload .LesmateriaalUpload { margin: 0; cursor: pointer; color: #1E225C; } .upload_lesmateriaal__box__upload .LesmateriaalUpload::file-selector-button { color: #1E225C; background-color: white; border: 1px solid #1E225C; letter-spacing: -0.1px; padding: 5px 10px; border-radius: 5px; } .upload_lesmateriaal__box__upload .LesmateriaalUpload::file-selector-button:hover { color: white; background-color: #1E225C; } .upload_lesmateriaal__box__upload__span { font-size: 12px; } .upload_lesmateriaal__box__label { color: #1E225C; } .upload_lesmateriaal .progressWrapper { width: 100%; background-color: #f3f3f3; border-radius: 10px; height: 15px; display: none; margin-top: 0px; margin-bottom: 10px; } .upload_lesmateriaal .progressBar { height: 100%; width: 0; background-color: #4caf50; border-radius: 10px; text-align: center; color: white; line-height: 15px; } .singlecol-nieuwsbrief { padding-bottom: 0px; } .nieuwsbrief { background-color: #1C2663; } .nieuwsbrief__container { height: calc(100vh - 74px); } .nieuwsbrief__container > .row { height: 100%; } .nieuwsbrief__image-column { padding: 0; height: 100%; } .nieuwsbrief__image-column img { height: 100%; object-fit: cover; } .nieuwsbrief__content-column { padding: 20px; padding-top: 70px; } @media print, screen and (min-width: 64em) { .nieuwsbrief__content-column { padding: 100px; width: 80%; height: 100%; overflow: scroll; } } @media print, screen and (min-width: 64em) { .nieuwsbrief__content-column.welcome { padding: 80px; } } @media print, screen and (min-width: 64em) { .nieuwsbrief__content-column > .page { width: 80%; max-width: 600px; } } @media print, screen and (min-width: 64em) { .nieuwsbrief__content-column > .page.welcome { width: 100%; max-width: 600px; } } .nieuwsbrief__content-column h1 { margin-bottom: 25px; font-size: 26px; position: relative; display: inline-block; } @media print, screen and (min-width: 64em) { .nieuwsbrief__content-column h1 { font-size: 35px; } } .nieuwsbrief__content-column h1.withicon::after { content: " "; width: 75px; height: 75px; background-image: url("/images/you-got-mail.png"); background-repeat: no-repeat; background-size: contain; position: absolute; display: inline-block; right: -125px; top: -50px; } @media print, screen and (min-width: 64em) { .nieuwsbrief__content-column h1.withicon::after { width: 110px; height: 110px; right: -160px; top: -85px; } } .nieuwsbrief__content-column h1.yougotthis::after { background-image: url("/images/Logo_Sticker-YouGotThis-v2.png"); } .nieuwsbrief__content-column.welcome h1::after { background-image: url("/images/Logo_Sticker-YouGotThis-v2.png"); } @media print, screen and (min-width: 64em) { .nieuwsbrief__content-column.welcome h1::after { width: 60px; height: 60px; right: -60px; top: -65px; } } .nieuwsbrief__content-column.welcome input { width: 100% !important; } .nieuwsbrief__content-column.welcome input[type="checkbox"] { width: unset !important; } .nieuwsbrief__content-column p { font-size: 16px; } .nieuwsbrief__content-column .gray-text { color: #919191; font-size: 14px; } @media print, screen and (min-width: 64em) { .nieuwsbrief__content-column .gray-text { font-size: 15px; } } .nieuwsbrief__content-column .signup--stap { padding: 0px; margin-top: 30px; margin-bottom: 50px; background-color: transparent; } @media print, screen and (min-width: 64em) { .nieuwsbrief__content-column .signup--stap { margin-top: 40px; margin-bottom: 60px; } } .nieuwsbrief__content-column .signup--stap .signup__container { padding: 0px !important; } .nieuwsbrief__content-column .signup--stap .signup__container .login-off-canvas__form { margin-bottom: 0px; } .nieuwsbrief__content-column .signup--stap .signup__container label { background-color: white !important; } .nieuwsbrief__content-column .signup--stap .signup__container input { width: 95%; } .nieuwsbrief__content-column .signup--stap .signup__container .login-off-canvas__form__input-withbutton input { width: 100%; } .nieuwsbrief__yougotthis { text-align: left; } .nieuwsbrief__yougotthis__hoekje { width: 0px; height: 0px; border-top: solid 20px transparent; border-right: solid 5px transparent; border-bottom: solid 10px #1e225d; border-left: solid 10px #1e225d; margin-top: 20%; margin-left: -5px; display: inline-block; vertical-align: bottom; } .nieuwsbrief__yougotthis__tekst { text-align: left; width: 80%; background: #1e225d; padding: 20px; display: inline-block; } @media print, screen and (min-width: 40em) { .nieuwsbrief__yougotthis__tekst { width: 60%; } } @media print, screen and (min-width: 64em) { .nieuwsbrief__yougotthis__tekst { width: 80%; } } .nieuwsbrief__yougotthis__tekst h1 { color: white; font-size: 3rem; text-transform: uppercase; } .nieuwsbrief__yougotthis__tekst__titel { font-size: 1.0625rem; font-family: 'Poppins', sans-serif; font-display: fallback; font-weight: bold; line-height: 1.4; margin-top: 0; margin-bottom: .5rem; } .nieuwsbrief__yougotthis__tekst__text { color: white; } .nieuwsbrief-aanmelden { padding: 80px 20px; } .nieuwsbrief-aanmelden__callout { border: 2px solid #1C2663; border-radius: 8px; padding: 15px; margin: 0px 15px; } @media print, screen and (min-width: 64em) { .nieuwsbrief-aanmelden__callout { padding: 35px; } } @media print, screen and (min-width: 64em) { .nieuwsbrief-aanmelden__callout .event__cta__title { width: 70%; margin: 0 auto; margin-bottom: 30px !important; } } .nieuwsbrief-aanmelden__titel { font-family: 'Lexend', sans-serif; font-size: 1.5625rem; color: white; font-weight: 800; margin: 0; text-align: start; } @media print, screen and (min-width: 40em) { .nieuwsbrief-aanmelden__titel { font-size: 2.1875rem; text-align: center; } } .nieuwsbrief-aanmelden__text { color: white; text-align: start; margin-bottom: 50px; font-size: 16px; margin-top: 10px; } @media print, screen and (min-width: 40em) { .nieuwsbrief-aanmelden__text { font-size: 25px; text-align: center; } } @media print, screen and (min-width: 64em) { .nieuwsbrief-aanmelden__flex { display: -ms-flexbox; display: flex; } } .nieuwsbrief-aanmelden__flex__fields input { width: unset !important; } .nieuwsbrief-aanmelden__flex__fields input[type="text"], .nieuwsbrief-aanmelden__flex__fields .input-group-field { width: 100% !important; border: 1px solid #1C2663; border-radius: 8px; box-shadow: none; padding: 1em; } @media print, screen and (min-width: 64em) { .nieuwsbrief-aanmelden__flex__fields { -ms-flex-positive: 1; flex-grow: 1; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 10px; } .nieuwsbrief-aanmelden__flex__fields > div { -ms-flex-preferred-size: 49%; flex-basis: 49%; } } @media print, screen and (min-width: 64em) { .nieuwsbrief-aanmelden__flex__cta { padding-top: 24px; } } .nieuwsbrief-aanmelden__flex__cta button { width: 100% !important; } @media print, screen and (min-width: 64em) { .nieuwsbrief-aanmelden__flex__cta button { padding: 16px 20px; } } .nieuwsbrief-aanmelden__form label { font-size: 0.875rem; letter-spacing: -0.28px; color: #1E225C; } .nieuwsbrief-aanmelden__form input { margin-bottom: 15px; border-radius: 5px; padding: 20px 20px; } @media print, screen and (min-width: 40em) { .nieuwsbrief-aanmelden__form input { width: 38%; display: inline-block; margin-bottom: 0px; } } .nieuwsbrief-aanmelden__form input:-ms-input-placeholder { opacity: 1; /* Firefox */ color: #1e225d; font-size: 18px; } .nieuwsbrief-aanmelden__form input::placeholder { opacity: 1; /* Firefox */ color: #1e225d; font-size: 18px; } .nieuwsbrief-aanmelden__form button { width: 100%; } @media print, screen and (min-width: 40em) { .nieuwsbrief-aanmelden__form button { width: 22%; display: inline-block; margin-bottom: 3px; } } .nieuwsbrief-aanmelden__form button .cf-button__text { margin: -2px 15px 0 15px; font-size: 18px; font-weight: 800; } @media print { .nieuwsbrief-aanmelden { display: none !important; } } .brochure { background: white; } .brochure__yougotthis { text-align: left; } .brochure__yougotthis__hoekje { width: 0px; height: 0px; border-top: solid 20px transparent; border-right: solid 5px transparent; border-bottom: solid 10px #1e225d; border-left: solid 10px #1e225d; margin-top: 20%; margin-left: -5px; display: inline-block; vertical-align: bottom; } .brochure__yougotthis__tekst { text-align: left; width: 80%; background: #1e225d; padding: 20px; display: inline-block; } @media print, screen and (min-width: 40em) { .brochure__yougotthis__tekst { width: 60%; } } @media print, screen and (min-width: 64em) { .brochure__yougotthis__tekst { width: 80%; } } .brochure__yougotthis__tekst h1 { color: #1e225d; font-size: 3rem; text-transform: uppercase; } .brochure__yougotthis__tekst__titel { font-size: 1.0625rem; font-family: 'Poppins', sans-serif; font-display: fallback; font-weight: bold; line-height: 1.4; margin-top: 0; margin-bottom: .5rem; } .brochure__yougotthis__tekst__text { color: #1e225d; } .brochure-aanmelden { padding: 20px; } .brochure-aanmelden__titel { font-family: 'Poppins', sans-serif; font-display: fallback; font-size: 1.5625rem; color: #1e225d; text-transform: uppercase; font-weight: 800; margin: 0; text-align: center; } .brochure-aanmelden__text { color: #0a0a0a; text-align: left; margin-bottom: 20px; } .brochure-aanmelden__afbeelding { text-align: center; } .brochure-aanmelden__button { text-align: center; } @media print, screen and (min-width: 40em) { .brochure-aanmelden__button { text-align: left; } } .brochure-aanmelden__button .cf-button { text-align: center; display: inline-block; margin-top: 10px; } @media print, screen and (min-width: 40em) { .brochure-aanmelden__button .cf-button { text-align: left; } } .brochure-aanmelden__form input { margin-bottom: 15px; border-radius: 5px; padding: 0.65em; } @media print, screen and (min-width: 40em) { .brochure-aanmelden__form input { width: 39%; display: inline-block; margin-bottom: 0px; } } .brochure-aanmelden__form input:-ms-input-placeholder { color: #505050; } .brochure-aanmelden__form input::placeholder { color: #505050; } .brochure-aanmelden__form button { width: 100%; } @media print, screen and (min-width: 40em) { .brochure-aanmelden__form button { width: 20%; display: inline-block; margin-bottom: 3px; } } .brochure-aanmelden__form button .cf-button__text { margin: -2px 15px 0 15px; } @media print { .brochure-aanmelden { display: none !important; } } .nieuwsbrief-aanmelden__knop { height: 65px !important; } .evenementform { margin-bottom: 50px; } .evenement-aanmelden { padding: 20px; } .evenement-aanmelden__titel { font-family: 'Poppins', sans-serif; font-display: fallback; font-size: 1.5625rem; color: white; font-weight: 800; margin: 0; text-align: center; } .evenement-aanmelden__text { color: white; text-align: center; margin-bottom: 20px; } .evenement-aanmelden__form input { margin-bottom: 15px; border-radius: 5px; padding: 0.65em; } @media print, screen and (min-width: 40em) { .evenement-aanmelden__form input { width: 39%; display: inline-block; margin-bottom: 0px; } } .evenement-aanmelden__form input:-ms-input-placeholder { color: #505050; } .evenement-aanmelden__form input::placeholder { color: #505050; } .evenement-aanmelden__form button { width: 100%; } @media print, screen and (min-width: 40em) { .evenement-aanmelden__form button { width: 20%; min-width: 300px; display: inline-block; margin-bottom: 3px; } } .evenement-aanmelden__form button .cf-button__text { margin: -2px 15px 0 15px; } @media print { .evenement-aanmelden { display: none !important; } } .webinar-aanmelden { padding: 20px; } .webinar-aanmelden__titel { font-family: 'Poppins', sans-serif; font-display: fallback; font-size: 1.5625rem; color: white; font-weight: 800; margin: 0; text-align: center; } .webinar-aanmelden__text { color: white; text-align: center; margin-bottom: 20px; } .webinar-aanmelden__form input, .webinar-aanmelden__form select { margin-bottom: 15px; border-radius: 5px; padding: 0.65em; } @media print, screen and (min-width: 40em) { .webinar-aanmelden__form input, .webinar-aanmelden__form select { width: 27%; display: inline-block; margin-bottom: 0px; } } .webinar-aanmelden__form select { line-height: 1.15; background-image: linear-gradient(45deg, transparent 50%, gray 50%), linear-gradient(135deg, gray 50%, transparent 50%), linear-gradient(to right, #ccc, #ccc); background-position: calc(100% - 20px) calc(0.4em + 2px), calc(100% - 15px) calc(0.4em + 2px), calc(100% - 2.2em) 0em; background-size: 5px 5px, 5px 5px, 1px 1.5em; background-repeat: no-repeat; } @media print, screen and (min-width: 40em) { .webinar-aanmelden__form select { margin-top: 3px; } } .webinar-aanmelden__form input:-ms-input-placeholder { color: #505050; } .webinar-aanmelden__form input::placeholder { color: #505050; } .webinar-aanmelden__form button { width: 100%; padding-top: 2px !important; } @media print, screen and (min-width: 40em) { .webinar-aanmelden__form button { width: 30%; display: inline-block; margin-top: 10px; margin-bottom: 3px; } } .webinar-aanmelden__form button .cf-button__text { padding-top: 3px; margin: -2px 15px 0 15px; } @media print { .webinar-aanmelden { display: none !important; } } .opleidingsbudget { padding: 20px; } .opleidingsbudget__titel { font-family: 'Poppins', sans-serif; font-display: fallback; font-size: 1.5625rem; color: white; font-weight: 800; margin: 0; text-align: center; } .opleidingsbudget__text { color: white; text-align: center; margin-bottom: 20px; } .opleidingsbudget__form__list { list-style-type: none; } .opleidingsbudget__form input, .opleidingsbudget__form select { margin-bottom: 15px; border-radius: 5px; padding: 0.65em; } @media print, screen and (min-width: 40em) { .opleidingsbudget__form input.halfwidth { width: 49.3%; display: inline-block; } } .opleidingsbudget__form input:-ms-input-placeholder, .opleidingsbudget__form textarea:-ms-input-placeholder, .opleidingsbudget__form select option:first-child { color: #505050; } .opleidingsbudget__form input::placeholder, .opleidingsbudget__form textarea::placeholder, .opleidingsbudget__form select option:first-child { color: #505050; } .opleidingsbudget__form button { width: 100%; } .opleidingsbudget__form button .cf-button__text { margin: -2px 15px 0 15px; } .opleidingsbudget__form__voorwaarden { font-size: 0.875rem; } .opleidingsbudget__form__voorwaarden input { margin-bottom: 0px; } @media print { .opleidingsbudget { display: none !important; } } @media print { .training-container { margin-top: 100px; } } .eventpage { overflow: hidden; } @media print, screen and (min-width: 64em) { .eventpage { overflow: initial; } } .eventpage > .column, .eventpage > .columns { padding: 0px; } .scroll-up .event__submenu { top: 0px; } @media print, screen and (min-width: 64em) { .scroll-up .event__submenu { top: 74px; } } .scroll-down .event__submenu { top: 0px; } .step { margin: 15px 0px; } .fatfrank { font-family: "Lexend",sans-serif; } .events__nextup { padding: 0px !important; margin-top: 30px; box-shadow: 0px 12px 40px 0px rgba(157, 171, 192, 0.2); border-radius: 8px; } @media print, screen and (min-width: 64em) { .events__nextup { min-height: 400px; } } .events__nextup__container { width: 100%; } @media print, screen and (min-width: 40em) { .events__nextup__container { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; } } @media print, screen and (min-width: 64em) { .events__nextup__container { -ms-flex-direction: row; flex-direction: row; } } .events__nextup__fulllabel { display: inline-block; padding: 7px 30px; background-color: yellow; border-radius: 5px; font-size: 1.4rem; font-weight: bold; position: absolute; right: 35px; margin-top: 10px; } @media print, screen and (min-width: 40em) { .events__nextup__fulllabel { right: 35px; margin-top: 10px; } } @media print, screen and (min-width: 64em) { .events__nextup__fulllabel { right: 25px; margin-top: 10px; } } .events__nextup__text { border-radius: 0px 0px 8px 8px; } @media print, screen and (min-width: 40em) { .events__nextup__text { border-radius: 0px 8px 8px 0px; } } @media print, screen and (min-width: 64em) { .events__nextup__text { padding: 0px; display: -ms-flexbox; display: flex; } } .events__nextup__text__container { margin: auto auto; width: 94%; background-color: white; padding: 20px !important; background: white; } @media print, screen and (min-width: 40em) { .events__nextup__text__container { width: 98%; padding: 30px !important; } } @media print, screen and (min-width: 64em) { .events__nextup__text__container { margin: inherit; width: 100%; padding: 50px !important; -ms-flex-item-align: center; align-self: center; } } .events__nextup__text__container .cf-button__text { display: -ms-flexbox; display: flex; } .events__nextup__text__container .cf-button__text svg { filter: invert(99%) sepia(6%) saturate(23%) hue-rotate(249deg) brightness(106%) contrast(100%); } .events__nextup__text__container a:hover svg { filter: invert(9%) sepia(40%) saturate(4457%) hue-rotate(230deg) brightness(100%) contrast(94%); } .events__nextup__text__date { font-size: 1.15rem; font-weight: 600; opacity: 0.53; margin-bottom: 20px; } .events__nextup__text p { font-family: 'Poppins', sans-serif; font-display: fallback; margin: 12px 0px 20px 0px; } .events__nextup__text__titlehome { font-size: 30px !important; } .events__nextup__cta { padding-top: 50px; } .events__nextup__media { text-align: center; height: 100%; position: relative; } @media print, screen and (min-width: 40em) { .events__nextup__media { padding-top: 0.9375rem; padding-bottom: 0.9375rem; } } @media print, screen and (min-width: 64em) { .events__nextup__media { padding-left: 0px; padding-right: 0px; } } .events__nextup__media__movie, .events__nextup__media__image { margin: auto auto; width: 94%; height: 100%; border-radius: 8px 8px 0px 0px; } @media print, screen and (min-width: 64em) { .events__nextup__media__movie, .events__nextup__media__image { border-radius: 8px 0px 0px 8px; } } @media print, screen and (min-width: 40em) { .events__nextup__media__movie, .events__nextup__media__image { margin: inherit; width: 100%; height: 240px; } } @media print, screen and (min-width: 64em) { .events__nextup__media__movie, .events__nextup__media__image { width: 100%; height: 100%; } } .events__nextup__media__image { background-repeat: no-repeat; background-size: cover; background-position: center center; height: 160px; } @media print, screen and (min-width: 40em) { .events__nextup__media__image { height: 100%; } } @media screen and (min-width: 75em) { .events__nextup__media__image { height: 100%; } } .events__nextup__media__image.lazy { background-image: none !important; } .events__upcoming.home { padding-left: 1.4rem; padding-right: 1.4rem; } .events__upcoming__event { margin-top: 50px; } .events__upcoming__event__container { width: 94%; background-color: white; box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.16); border-radius: 5px; border: 1px solid #EDEDED; height: inherit; margin: auto auto; } .events__upcoming__event__image { background-repeat: no-repeat; background-size: cover; background-position: center center; height: 160px; } @media print, screen and (min-width: 40em) { .events__upcoming__event__image { height: 240px; } } @media screen and (min-width: 75em) { .events__upcoming__event__image { height: 340px; } } .events__upcoming__event__information { padding: 30px; } .events__upcoming__event__date { font-size: 1.15rem; font-weight: 600; } .events__upcoming__event p { font-family: 'Poppins', sans-serif; font-display: fallback; margin: 12px 0px 20px 0px; } .events__planned { margin-top: 30px; } @media print, screen and (min-width: 40em) { .events__planned { padding-left: 2% !important; padding-right: 2% !important; } } @media print, screen and (min-width: 64em) { .events__planned__text { padding: 0px; } } .events__planned__text__container { margin: auto auto; width: 94%; background-color: white; box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.16); padding: 30px !important; } @media print, screen and (min-width: 40em) { .events__planned__text__container { width: 98%; } } @media print, screen and (min-width: 64em) { .events__planned__text__container { margin: inherit; width: 100%; padding: 30px !important; } } .events__planned__text__date { font-size: 1.15rem; font-weight: 600; margin-bottom: 20px; } .events__planned__text p { font-family: 'Poppins', sans-serif; font-display: fallback; margin: 12px 0px 20px 0px; } .events__planned__cta { padding-top: 50px; } .events__planned__media { text-align: center; } @media print, screen and (min-width: 64em) { .events__planned__media { padding-left: 0px; padding-right: 0px; } } .events__planned__media__movie, .events__planned__media__image { margin: auto auto; width: 94%; height: 100%; } @media print, screen and (min-width: 40em) { .events__planned__media__movie, .events__planned__media__image { margin: inherit; width: 98%; height: 240px; } } @media print, screen and (min-width: 64em) { .events__planned__media__movie, .events__planned__media__image { width: 100%; height: 100%; } } .events__planned__media__image { background-repeat: no-repeat; background-size: cover; background-position: center center; height: 160px; } @media print, screen and (min-width: 40em) { .events__planned__media__image { height: 100%; } } @media screen and (min-width: 75em) { .events__planned__media__image { height: 100%; } } .events__missed { margin-top: 30px; } @media print, screen and (min-width: 64em) { .events__missed__text { padding: 0px; } } @media print, screen and (min-width: 64em) { .events__missed__text__title { min-height: 87px; } } .events__missed__text__container { margin: auto auto; width: 94%; background-color: white; box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.16); padding: 30px !important; } @media print, screen and (min-width: 40em) { .events__missed__text__container { width: 98%; } } @media print, screen and (min-width: 64em) { .events__missed__text__container { margin: inherit; width: 100%; padding: 30px !important; } } @media print, screen and (min-width: 64em) { .events__missed__text__container p { min-height: 225px; } } .events__missed__text__date { font-size: 1.15rem; font-weight: 600; } .events__missed__text p { font-family: 'Poppins', sans-serif; font-display: fallback; margin: 12px 0px 20px 0px; } .events__missed__cta { padding-top: 50px; } .events__missed__media { text-align: center; position: relative; } @media print, screen and (min-width: 64em) { .events__missed__media { padding-left: 0px; padding-right: 0px; } } .events__missed__media__movie, .events__missed__media__image { margin: auto auto; width: 94%; height: 100%; } @media print, screen and (min-width: 40em) { .events__missed__media__movie, .events__missed__media__image { margin: auto auto; width: 98%; height: 240px; } } @media print, screen and (min-width: 64em) { .events__missed__media__movie, .events__missed__media__image { width: 100%; height: 240px; } } .events__missed__media__image { background-repeat: no-repeat; background-size: cover; background-position: center center; height: 160px; } @media print, screen and (min-width: 40em) { .events__missed__media__image { height: 100%; height: 240px; } } @media screen and (min-width: 75em) { .events__missed__media__image { height: 100%; height: 240px; } } .events__missed__media__image.lazy { background-image: none !important; } .events__images > .row > .column, .events__images > .row > .columns { padding-left: 20px; padding-right: 20px; } .events__images__row { padding-top: 40px !important; } @media print, screen and (min-width: 64em) { .events__images__row { padding: 40px 0px !important; } } .events__images__slider__image div { padding: 20px; } .events__images .slick-dots li button:before { font-size: 1.8rem; } .events__images .slick-prev:before, .events__images .slick-next:before { color: black; font-size: 1.5rem; } .events__images .snap-slider .rf-cards-scroller-crop { height: 18rem; } @media print, screen and (min-width: 64em) { .events__images .snap-slider .rf-cards-scroller-crop { height: 37rem; } } .events__images .snap-slider .rf-ccard-40 .rf-ccard-content { width: 24rem; height: 17rem; } @media print, screen and (min-width: 64em) { .events__images .snap-slider .rf-ccard-40 .rf-ccard-content { width: 65rem; height: 36rem; } } .events__images .snap-slider .rf-ccard-img-full-wrapper img { object-fit: cover; height: 100%; width: 100%; } .event__actiebalk { background: #02ABAC; } .event__actiebalk__row .column, .event__actiebalk__row .columns { text-align: center; color: white; padding: 7px 0px; font-size: 0.95rem; } .event__actiebalk__row .column .bold, .event__actiebalk__row .columns .bold { font-weight: bold; } .event__banner { background-position: center center; background-size: cover; position: relative; } .event__banner__image { padding: 60px 20px; background-position: center center; background-size: cover; background-image: linear-gradient(to right, rgba(0, 0, 0, 0.6), rgba(255, 255, 255, 0)); } @media print, screen and (min-width: 64em) { .event__banner__image { padding: 60px 20px; } } @media print, screen and (min-width: 64em) { .event__banner__image { background-image: linear-gradient(to right, rgba(0, 0, 0, 0.6), transparent, rgba(255, 255, 255, 0)); } } .event__banner__image.metteaser { padding-bottom: 0px; } .event__banner__image.banner_metTeaser_ai_campagne { padding: 0px 20px; } .event__banner.ai-campange { background-position: -50% !important; background-repeat: no-repeat; background-color: #bfbfbf; } @media screen and (min-width: 26.875em) { .event__banner.ai-campange { background-position: -250% !important; } } @media print, screen and (min-width: 40em) { .event__banner.ai-campange { background-position: center center !important; } } .event__banner.ai-campange .ai-campange__yougotthis { height: 30px; width: 35px; top: 5px; position: absolute; right: 50px; } @media print, screen and (min-width: 40em) { .event__banner.ai-campange .ai-campange__yougotthis { height: 75px; width: 85px; top: 40px; right: 30px; } } .event__banner__title h1 { font-size: 2rem; letter-spacing: 0px; text-align: center; line-height: 1.1; color: white; margin-bottom: 1.4rem; } @media print, screen and (min-width: 64em) { .event__banner__title h1 { font-size: 50px; } } .event__banner__title h2 { letter-spacing: 0px; font-weight: 600; margin-bottom: 1.2rem !important; font-size: 1.25rem; } .event__banner__title.title_AI_campagne { margin-top: 35px; } @media print, screen and (min-width: 64em) { .event__banner__title.title_AI_campagne { margin-top: 50px; } } .event__banner__title.title_AI_campagne.hide-for-large .column, .event__banner__title.title_AI_campagne.hide-for-large .columns { padding: 0 2rem; } .event__banner__title.title_AI_campagne h1 { font-size: 20px; font-weight: 800; color: #1E225C; letter-spacing: -0.4px; font-family: 'Lexend', sans-serif; text-align: start; margin-bottom: 10px; } @media print, screen and (min-width: 40em) { .event__banner__title.title_AI_campagne h1 { text-align: start; font-size: 35px; letter-spacing: -0.7px; } } @media print, screen and (min-width: 64em) { .event__banner__title.title_AI_campagne h1 { text-align: center; font-size: 35px; letter-spacing: -0.7px; margin-bottom: 25px; } } .event__banner__title.title_AI_campagne h2 { margin-top: 34px; color: #10133E; font-size: 17px; font-family: 'Poppins', sans-serif; letter-spacing: 0px; } .event__banner__data { color: white; margin-top: 20px; } .event__banner__data__date, .event__banner__data__location, .event__banner__data__price { font-family: 'Poppins', sans-serif; font-display: fallback; font-size: 1rem; text-align: center; font-weight: 600; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 15px; } @media print, screen and (min-width: 64em) { .event__banner__data__date, .event__banner__data__location, .event__banner__data__price { font-size: 19px; } } .event__banner__data__date span, .event__banner__data__location span, .event__banner__data__price span { color: white; } .event__banner__data__date .fa, .event__banner__data__date .svg-inline--fa, .event__banner__data__location .fa, .event__banner__data__location .svg-inline--fa, .event__banner__data__price .fa, .event__banner__data__price .svg-inline--fa { font-size: 1.1rem; display: inline-block; font-weight: normal; color: white; } @media print, screen and (min-width: 64em) { .event__banner__data__date .fa, .event__banner__data__date .svg-inline--fa, .event__banner__data__location .fa, .event__banner__data__location .svg-inline--fa, .event__banner__data__price .fa, .event__banner__data__price .svg-inline--fa { font-size: 1.25rem; } } .event__banner__data__date svg path, .event__banner__data__location svg path, .event__banner__data__price svg path { fill: white; } .event__banner__intro { margin-top: 20px; text-align: center; font-family: 'Poppins', sans-serif; font-display: fallback; } .event__banner__intro p { color: white; font-weight: 500; font-size: 14px; } @media print, screen and (min-width: 64em) { .event__banner__intro p { font-size: 17px; font-weight: medium; } } .event__banner__signup { text-align: center; margin-top: 20px; margin-bottom: 60px; } .event__banner__signup__container { background-color: white; border-radius: 12px; padding: 15px; } @media print, screen and (min-width: 64em) { .event__banner__signup__container { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; } } .event__banner__signup__container__text { margin-bottom: 15px; } @media print, screen and (min-width: 64em) { .event__banner__signup__container__text { margin-bottom: 0px; } } .event__banner__signup__container__text .strong { font-weight: bold; font-size: 16px; } @media print, screen and (min-width: 64em) { .event__banner__signup__container__text .strong { font-size: 18px; } } .event__banner__signup__container__text p { margin-bottom: 0px; } .event__banner__signup__container__button a, .event__banner__signup__container__button button { margin-bottom: 0px; } .event__banner__signup.banner-box_AI_campagne { margin-bottom: 0px; } @media print, screen and (min-width: 64em) { .event__banner__signup.banner-box_AI_campagne { margin-top: 200px; margin-bottom: 0px; } } .event__banner__signup.banner-box_AI_campagne .split-header__container { border-radius: 4px 12px 12px 12px; width: fit-content; } .event__banner__signup.banner-box_AI_campagne .split-header__container .training-header__uspblock__block { column-gap: 35px; } .event__banner__signup.banner-box_AI_campagne .split-header__container .training-header__uspblock__block__item { width: fit-content; } .event__banner__signup.banner-box_AI_campagne .split-header__container .training-header__uspblock__block__item__image { width: 16px; } .event__banner__signup.banner-box_AI_campagne .split-header__container .training-header__uspblock__block__item__text { font-weight: 400; font-size: 13px; } @media print, screen and (min-width: 40em) { .event__banner__signup.banner-box_AI_campagne .split-header__container .training-header__uspblock__block__item__text { font-size: 0.9375rem; } } .event__banner__signup.banner-box_AI_campagne .split-header__container .banner-score-span { letter-spacing: -0.15px; color: #1E225C; font-weight: bold; } .event__banner__signup.banner-box_AI_campagne .split-header__container .split-header__container__lower { border-top: none; padding: 0px 20px; padding-bottom: 10px; } @media print, screen and (min-width: 40em) { .event__banner__signup.banner-box_AI_campagne .split-header__container .split-header__container__lower { padding-bottom: 0px; padding-left: 25px; padding-bottom: 25px; } } .event__banner__signup.banner-box_AI_campagne .split-header__container .split-header__container__lower__button { display: -ms-flexbox; display: flex; gap: 5px; -ms-flex-direction: column; flex-direction: column; } @media print, screen and (min-width: 40em) { .event__banner__signup.banner-box_AI_campagne .split-header__container .split-header__container__lower__button { -ms-flex-direction: row; flex-direction: row; gap: 15px; } } .event__banner__signup.banner-box_AI_campagne .split-header__container .split-header__container__lower__button button { margin-bottom: 0px; padding: 7px 10px; } @media print, screen and (min-width: 40em) { .event__banner__signup.banner-box_AI_campagne .split-header__container .split-header__container__lower__button button { padding: 7px 10px; padding: 13px 20px; } } .event__banner__signup.banner-box_AI_campagne .split-header__container .split-header__container__lower__button .ai-campange-button1 { margin-bottom: 0px; text-decoration: none; } .event__banner__signup.banner-box_AI_campagne .split-header__container .split-header__container__lower__button .ai-campange-button1 span { font-weight: 500; } @media print, screen and (min-width: 40em) { .event__banner__signup.banner-box_AI_campagne .split-header__container .split-header__container__lower__button .ai-campange-button1:hover { padding-right: 20px; } } .event__banner__signup.banner-box_AI_campagne .split-header__container .split-header__container__lower__button .ai-campange-button2 { border: 1px solid #DDDDDD; -ms-flex-pack: start; justify-content: start; } .event__banner__signup.banner-box_AI_campagne .split-header__container .split-header__container__lower__button .ai-campange-button2 span { width: 100%; font-weight: 400; } @media print, screen and (min-width: 40em) { .event__banner__signup.banner-box_AI_campagne .split-header__container .split-header__container__lower__button .ai-campange-button2 span { width: auto; } } .event__banner__signup.banner-box_AI_campagne .split-header__container .split-header__container__lower__button .ai-campange-button2 .cf-button__icon { margin-left: 0px; margin-right: 5px; width: auto; } @media print, screen and (min-width: 40em) { .event__banner__signup.banner-box_AI_campagne .split-header__container .split-header__container__lower__button .ai-campange-button2 .cf-button__icon { margin-right: 5px; } } @media print, screen and (min-width: 40em) { .event__banner__signup.banner-box_AI_campagne .split-header__container .split-header__container__lower__button .ai-campange-button2:hover { padding-right: 20px; } } .event__banner__signup-subtext { font-family: 'Poppins', sans-serif; font-display: fallback; margin-top: 15px; text-align: center; font-weight: bold; color: white; } .event__banner__signup-subtext p { font-size: 0.9rem; color: white; } .event__banner__teaser { margin-top: 60px; } @media print, screen and (min-width: 64em) { .event__banner__teaser { margin-top: 120px; } } .event__banner__teaser__container { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 20px; } .event__banner__teaser__container__image img { width: 80px; transform: rotate(-10deg); box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16); } .event__banner__teaser__container__text p { color: white; margin-bottom: 0px; font-weight: 600; } @media print, screen and (min-width: 64em) { .event__banner__teaser__container__text p { font-size: 17px; } } .event__banner__teaser__container__icon img { filter: invert(99%) sepia(22%) saturate(3%) hue-rotate(226deg) brightness(115%) contrast(100%); } @media screen and (max-width: 39.9375em) { .event__banner .cf-button { height: auto; padding: 12px 7px !important; } .event__banner .cf-button__text { margin: 0px !important; padding: 0px; } } .event__banner--leftaligned.aitools { background-position: 45% 50%; } @media print, screen and (min-width: 40em) { .event__banner--leftaligned.aitools { background-position: 0% 50%; } } .event__banner--leftaligned .event__banner__title h1 { text-align: left; } .event__banner--leftaligned .event__banner__data__date, .event__banner--leftaligned .event__banner__data__location, .event__banner--leftaligned .event__banner__data__price { text-align: left; } .event__banner--leftaligned .event__banner__data:not(:first-of-type) { margin-top: 5px; } .event__banner--leftaligned .event__banner__intro { text-align: left; } .event__banner--leftaligned .event__banner__signup { text-align: left; } .event__banner--leftaligned .event__banner__signup-subtext { text-align: left; } .event__submenu { margin-top: 75px; border-bottom: 1px solid #D6D6D6; position: sticky; top: 0px; background-color: white; z-index: 6; overflow-x: scroll; } @media print, screen and (min-width: 64em) { .event__submenu { top: 74px; } } .event__submenu .submenu-desktop { width: 100%; padding-left: 20px; padding-right: 20px; transition: top 400ms, box-shadow 400ms; } .event__submenu .submenu-desktop li.menu-item a { padding-bottom: 8px; } .event__submenu__signup { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 25px; } .event__submenu__signup__notice p { margin-bottom: 0px; } .event__submenu__signup__notice__title { font-weight: bold; } .event__submenu__signup__button a, .event__submenu__signup__button button { margin-bottom: 0px; } .event__intro { margin-top: 50px !important; } .event__intro__text { padding-bottom: 60px; padding-left: 20px; padding-right: 20px; } @media print, screen and (min-width: 64em) { .event__intro__text { padding-bottom: 0px; padding-right: 40px; } } .event__intro__text h2 { margin-bottom: 25px; letter-spacing: 0px; } .event__intro__text p { font-family: 'Poppins', sans-serif; font-display: fallback; margin-bottom: 25px; } .event__intro__text a { font-weight: 600; } .event__intro__text a .fa, .event__intro__text a .svg-inline--fa { font-size: 1.5rem; margin-right: 15px; display: inline-block; font-weight: normal; } .event__intro__text #videoplayer-container { background-image: url(https://www.competencefactory.nl/wordpress/wp-content/uploads/2024/02/Richard-van-Hooijdonk2.jpg); height: 200px; background-position: 50% 40%; border-radius: 12px; background-size: cover; } @media print, screen and (min-width: 64em) { .event__intro__text #videoplayer-container { height: 300px; background-position: 50% 25%; } } .event__intro__text #videoplayer-container .vid-icon { max-height: 120px; max-width: 120px; line-height: 1; } .event__intro__movie { padding-left: 20px; padding-right: 20px; } .event__intro__movie small { font-style: italic; font-size: 1.15rem; color: #464646; } .event__intro__movie iframe { width: 100%; height: 315px; } .event__intro .row-divider { position: absolute; display: block; width: 0px; height: 0px; content: '\00a0'; border-left: 40px solid transparent; border-right: 40px solid transparent; border-top: 40px solid white; left: 50%; margin-left: -40px; margin-top: 60px; } .event__speakers { background-color: #f2f8ff; } .event__speakers__row { padding: 40px 0px; padding-bottom: 0px; } .event__speakers__row__section { margin: 20px 0px; padding: 20px; background: white; border-radius: 10px; } .event__speakers__row__section__title { font-size: 1.4rem; text-transform: uppercase; color: #ff5055; text-align: center; font-weight: 800; margin: 0 auto; letter-spacing: 0px; } .event__speakers__speaker { padding-bottom: 40px; } .event__speakers__speaker__padding { margin: 10px; } .event__speakers__speaker__photo { height: 300px; border-radius: 10px; background-size: cover; background-repeat: no-repeat; background-position: center center; background-color: gray; margin-bottom: 20px; } .event__speakers__speaker__name { font-family: 'Poppins', sans-serif; font-display: fallback; font-size: 1.2rem; font-weight: 700; color: #1e225d; } .event__speakers__speaker__function { font-family: 'Poppins', sans-serif; font-display: fallback; font-size: 0.9rem; color: #1e225d; } .event__speakers .slick-dots li button:before { font-size: 1.8rem; } .event__speakers .slick-prev:before, .event__speakers .slick-next:before { color: black; font-size: 1.5rem; } .event__speakers__cta { text-align: center; } .event__speakers__cta a { font-family: 'Poppins', sans-serif; font-display: fallback; font-size: 1.15rem; font-weight: 600; } .event__program > .row > .column, .event__program > .row > .columns { padding-left: 20px; padding-right: 20px; } .event__program__timeline { padding-bottom: 60px; } @media print, screen and (min-width: 40em) { .event__program__timeline { padding-bottom: 0px; } } .event__program__timeline h2 { margin-bottom: 50px !important; } .event__program__timeline h3 { text-transform: uppercase; } .event__program__timeline__container { position: relative; } .event__program__timeline__container__background { background-image: url("/images/timeline-dash.png"); background-repeat: repeat-y; background-position: 9% 0%; background-size: 5px; height: 100%; width: 100%; position: absolute; } .event__program__item { box-shadow: 2px 4px 15px rgba(46, 60, 75, 0.101); border-radius: 12px; background: white; position: relative; z-index: 1; margin-bottom: 20px; } .event__program__item .small-3 { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .event__program__item .small-3.starttimeline:before { position: absolute; content: '\00a0'; background-color: white; width: 50px; height: 50px; margin-top: -40px; } .event__program__item .small-3.endtimeline:before { position: absolute; content: '\00a0'; background-color: white; width: 50px; height: 50px; margin-top: 40px; } .event__program__item__icon { z-index: 4; position: relative; text-align: center; background-color: white; } .event__program__item__icon img { margin-top: 12px; } @media print, screen and (min-width: 40em) { .event__program__item__icon img { margin-top: 15px; } } .event__program__item__icon.red { background-color: #ff5055; } .event__program__item__data { padding-top: 15px; padding-bottom: 15px; padding-left: 15px; } @media print, screen and (min-width: 40em) { .event__program__item__data { padding-top: 15px; padding-bottom: 15px; } } .event__program__item__data.notimeline { padding: 10px; padding-top: 5px; } @media print, screen and (min-width: 40em) { .event__program__item__data.notimeline { padding-top: 25px; } } .event__program__item__time { font-family: 'Poppins', sans-serif; font-display: fallback; font-size: 1.15rem; color: #1e225d; } .event__program__item__title { color: #1e225d; font-family: 'Poppins', sans-serif; font-display: fallback; font-size: 1.15rem; font-weight: 700; } .event__program__item__title.alt { color: white; } .event__program__benefit h3 { font-family: 'Lexend', sans-serif; font-display: fallback; font-size: 20px !important; font-weight: 600; } @media print, screen and (min-width: 64em) { .event__program__benefit h3 { font-size: 30px !important; margin-bottom: 30px; } } .event__program__signup { margin-top: 60px; box-shadow: 0px 10px 40px rgba(142, 151, 165, 0.203); border-radius: 12px; } @media print, screen and (min-width: 64em) { .event__program__signup { margin-top: 100px; } } .event__program__signup__header { border-bottom: 1px solid #D6D6D6; padding: 15px; padding-top: 15px; padding-bottom: 15px; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 25px; } @media print, screen and (min-width: 64em) { .event__program__signup__header { padding: 30px; gap: 100px; } } .event__program__signup__header__image img { width: 80px; margin-top: -30px; transform: rotate(-10deg); box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16); } @media print, screen and (min-width: 64em) { .event__program__signup__header__image img { width: 120px; } } .event__program__signup__header__text strong { color: #1e225d; } .event__program__signup__header__text ul { list-style-type: none; margin: 0; } .event__program__signup__header__text li { font-weight: medium; } @media print, screen and (min-width: 64em) { .event__program__signup__header__text li { font-size: 17px; } } .event__program__signup__footer { padding: 15px; padding-top: 20px; padding-bottom: 25px; } @media print, screen and (min-width: 64em) { .event__program__signup__footer { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; gap: 25px; padding: 30px; } } .event__program__signup__footer .event__program__signup__notice { margin-bottom: 15px; } @media print, screen and (min-width: 64em) { .event__program__signup__footer .event__program__signup__notice { margin-bottom: 0px; } } .event__program__signup__footer .event__program__signup__notice p { margin-bottom: 0px; } .event__program__signup__footer .event__program__signup__notice__title { font-weight: bold; font-size: 16px; } @media print, screen and (min-width: 64em) { .event__program__signup__footer .event__program__signup__notice__title { font-size: 18px; } } .event__program__signup__footer .event__program__signup__button a, .event__program__signup__footer .event__program__signup__button button { margin-bottom: 0px; } .event__program__who { font-family: 'Poppins', sans-serif; font-display: fallback; } .event__program__who__icon { margin-left: auto; margin-right: auto; width: 80px; height: 80px; border-radius: 50%; margin-bottom: 10px; text-align: center; background: white; border: 1px solid #3BC3BE; } @media print, screen and (min-width: 40em) { .event__program__who__icon { margin-left: 0; margin-right: 0; } } .event__program__who__icon img { margin-top: 15px; width: 50px; height: 50px; } .event__program__who__icon.red { background-color: #ff5055; } .event__program__where { font-family: 'Poppins', sans-serif; font-display: fallback; margin-top: 50px; } .event__program__where__icon { margin-left: auto; margin-right: auto; width: 80px; height: 80px; border-radius: 50%; margin-bottom: 10px; text-align: center; box-shadow: 0 1px 4px 1px rgba(0, 0, 0, 0.26); } @media print, screen and (min-width: 40em) { .event__program__where__icon { margin-left: 0; margin-right: 0; } } .event__program__where__icon img { margin-top: 15px; width: 50px; height: 50px; } .event__program__where__icon.red { background-color: #ff5055; } .event__cta { background-color: #1e225d; background: linear-gradient(rgba(30, 34, 93, 0.9), rgba(30, 34, 93, 0.9)), url("https://www.competencefactory.nl/wordpress/wp-content/uploads/2019/04/17fd32ac-e683-40d9-91d4-5be030745aba.jpg"); background-repeat: no-repeat; background-size: cover; } .event__cta .programitems { margin: 10px 0px; } .event__cta__usps { list-style-type: none; margin-left: 0px; } .event__cta__usps__usp { display: inline-block; width: 80%; margin-left: 0px; } @media print, screen and (min-width: 64em) { .event__cta__usps__usp { margin-left: 15px; } } .event__cta__usps li { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; width: 100%; font-family: 'Poppins', sans-serif; font-display: fallback; font-size: 1rem; font-weight: medium; margin-top: 16px; } .event__cta__usps li .fa, .event__cta__usps li .svg-inline--fa { font-size: 1rem; margin-right: 15px; display: inline-block; font-weight: normal; vertical-align: top; } .event__cta__usps li svg:not(.svg-inline--fa) path { fill: #1E225C; } .event__cta__usps--light .event__cta__usps__usp { color: white; } .event__cta__usps--light li { color: white; } .event__cta__usps--light li .fa, .event__cta__usps--light li .svg-inline--fa { color: white; } .event__cta__form { padding-bottom: 30px; } @media print, screen and (min-width: 40em) { .event__cta__form { padding-bottom: 0px; } } .event__cta h2 { color: white; text-transform: initial; } .event__cta .evenementform { margin-top: 35px; margin-bottom: 0px; } .event__cta .evenementform .column, .event__cta .evenementform .columns { padding: 0px; } .event__cta .evenementform .evenement-aanmelden__form input, .event__cta .evenementform .evenement-aanmelden__form button { width: 100%; margin-bottom: 20px; } .event__cta .evenementform .evenement-aanmelden__form button { padding-top: 0px !important; } .event__speakers-about { overflow: hidden; } .event__speakers-about h2 { margin-bottom: 60px !important; } .event__speakers-about .speaker-grid { gap: 20px; padding-left: 20px !important; padding-right: 20px !important; position: relative; } @media print, screen and (min-width: 64em) { .event__speakers-about .speaker-grid { gap: 40px; } } .event__speakers-about .speaker-grid::before { height: 50%; width: 10%; left: -20px; bottom: -50px; content: ""; background-image: url(/images/dot-bgv5.svg); position: absolute; background-repeat: repeat; z-index: -1; background-position: center; background-size: 45px; } .event__speakers-about .speaker-grid::after { top: -120px; right: -30px; height: 40%; width: 15%; content: ""; background-image: url(/images/dot-bgv5.svg); position: absolute; background-repeat: repeat; z-index: -1; background-position: center; background-size: 45px; } .event__speakers-about .speaker-grid__item { box-shadow: 0px 10px 40px rgba(142, 151, 165, 0.203); background-color: white; border-radius: 12px; padding: 30px; -ms-flex-preferred-size: 100%; flex-basis: 100%; } @media print, screen and (min-width: 64em) { .event__speakers-about .speaker-grid__item { -ms-flex-preferred-size: 48%; flex-basis: 48%; } } .event__speakers-about .speaker-grid__item__header { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 15px; } @media print, screen and (min-width: 64em) { .event__speakers-about .speaker-grid__item__header { gap: 20px; } } .event__speakers-about .speaker-grid__item__header__image { -ms-flex-preferred-size: 65px; flex-basis: 65px; } @media print, screen and (min-width: 64em) { .event__speakers-about .speaker-grid__item__header__image { -ms-flex-preferred-size: unset; flex-basis: unset; } } .event__speakers-about .speaker-grid__item__header__image img { max-width: unset; width: 65px; height: 65px; border-radius: 50%; object-fit: cover; } @media print, screen and (min-width: 64em) { .event__speakers-about .speaker-grid__item__header__image img { width: 110px; height: 110px; } } .event__speakers-about .speaker-grid__item__header__title { font-family: 'Lexend', sans-serif; font-display: fallback; font-weight: bold; font-size: 20px; margin-bottom: 0px; line-height: 1; } .event__speakers-about .speaker-grid__item__header__subtitle { margin-top: 5px; margin-bottom: 0px; font-size: 14px; } .event__speakers-about .speaker-grid__item__content { margin-top: 25px; } .event__speakers-about .speaker-grid__item__content p { margin-bottom: 0px; font-size: 14px; } .event__speakers-about .speaker-grid__item__content ul { font-size: 14px; margin-bottom: 0px; } .event__speakers-about .speaker-grid__item__content ul li { padding-left: 10px; } .event__speakers-about__speaker { margin-bottom: 35px; } .event__speakers-about__image { width: 125px; height: 125px; border-radius: 50%; background-size: cover; background-repeat: no-repeat; background-position: center center; display: inline-block; margin-bottom: 35px; } .event__speakers-about p { text-align: left; font-family: 'Poppins', sans-serif; font-display: fallback; } .event__final-cta { text-align: center; } .event__final-cta > .row > .column, .event__final-cta > .row > .columns { padding-left: 20px; padding-right: 20px; } .event__final-cta h2 { text-transform: initial; text-align: left; } @media print, screen and (min-width: 64em) { .event__final-cta h2 { text-align: center; } } .event__final-cta p { font-family: 'Poppins', sans-serif; font-display: fallback; font-size: 1.15rem; font-weight: normal; text-align: left; } @media print, screen and (min-width: 64em) { .event__final-cta p { width: 60%; margin-left: auto; margin-right: auto; text-align: center; } } .event__final-cta p.subtext { margin-top: 10px; font-size: 0.9rem; font-weight: 600; } .event__final-cta.yellow { background-color: #f7fb00; } .event__final-cta.yellow p, .event__final-cta.yellow h2, .event__final-cta.yellow a { color: black; } .event__joinevent, .event__planned { background-color: #f6f6f6; } .event__section-divider { padding: 0 20px; } .event__section-divider .divider-container { border-bottom: 1px solid #1e225d; width: 100%; } .event__section { margin: 60px 0px; } @media print, screen and (min-width: 64em) { .event__section { margin: 100px 0px; } } .event__section.seo-landingpagev3 { margin-bottom: 0px; } @media print, screen and (min-width: 64em) { .event__section.seo-landingpagev3 { margin-top: 150px; } } .event__section.seo-landingpagev3 .seo-landingpagev3__container { padding-bottom: 50px; padding-top: 50px; } .event__section > .row { padding: 0px 15px; } @media print, screen and (min-width: 40em) { .event__section > .row { padding: 0px; } } .event__section__title { font-family: 'Lexend', sans-serif; font-display: fallback; font-size: 29px; letter-spacing: 0px; } @media print, screen and (min-width: 40em) { .event__section__title { font-size: 39px; } } .event__section__title.red { color: #ff5055; } .event__section__subtitle { font-size: 1.3rem; text-transform: uppercase; color: #ff5055; font-weight: 800; margin-bottom: 5px; } .event__section h3 { font-size: 1.3rem; } .event__section .centered { text-align: center; } .event__section .fullwidth { text-align: center; } @media print, screen and (min-width: 64em) { .event__section .fullwidth { max-width: 800px; margin-left: auto; margin-right: auto; } } .event__section .incompany__process__image { margin-bottom: -50px; } @media print, screen and (min-width: 64em) { .event__section .incompany__process__image { margin-bottom: -100px; } } .event__section--sub { border-bottom: 1px solid #8a8a8a; margin-bottom: 10px; } .event__section--sub:last-of-type { margin-bottom: 40px; } .event__section--sub__content.closed { display: none; } .event__section.lastitem { margin-bottom: -15px; } @media print, screen and (min-width: 40em) { .event__section.lastitem { margin-bottom: -50px; } } .event__section--greybg { background-color: #F8F8FA; padding: 50px 0px; } @media print, screen and (min-width: 64em) { .event__section--greybg { padding: 100px 0px; } } .event__section-header { font-size: 1.25rem; margin-bottom: 25px; color: #0a0a0a; } .event__section-header--sub { margin-bottom: 15px; cursor: pointer; font-size: 1.0625rem; font-family: 'Poppins', sans-serif; font-display: fallback; } .event__section-header--sub::before { content: "-"; width: 15px; display: inline-block; margin-right: 15px; } .event__section-header--sub.closed::before { content: "+"; } .rf-ccard-content-withfullimg.eventscard { box-shadow: none; } @media print, screen and (min-width: 64em) { .rf-ccard-content-withfullimg.eventscard { width: 731px !important; } } .events-snapping .rf-cards-scroller-itemview { transform: none !important; } @media print, screen and (min-width: 40em) { .events-snapping .rf-cards-scroller-itemview { transform: translateX(calc(max(1380px, 100vw)/2 - 660px)) !important; } } .score-ai-campagne-row .column, .score-ai-campagne-row .columns { padding: 0 2rem; } .score-ai-campagne-row .column .training-header__uspblock__block__item__text, .score-ai-campagne-row .columns .training-header__uspblock__block__item__text { font-size: 14px; } .score-ai-campagne { gap: 3px !important; margin-top: 25px; margin-bottom: 25px; } .score-ai-campagne .start__reviews__ratings__star-full { width: 16px; height: 16px; } .score-ai-campagne__span { letter-spacing: -0.15px; color: #1E225C; font-weight: bold; } .AI-campagne-trainingen { margin-top: 25px; margin-bottom: 25px; padding-top: 0; padding-bottom: 0; background-color: initial; } @media print, screen and (min-width: 64em) { .AI-campagne-trainingen { margin-bottom: 100px; margin-top: 100px; } } .AI-campagne-trainingen__title { letter-spacing: -0.45px; color: #1E225C; font-size: 20px; font-weight: 600; font-family: 'Lexend', 'sans-serif'; padding-left: 2rem; padding-right: 2rem; margin-bottom: 25px; } @media print, screen and (min-width: 64em) { .AI-campagne-trainingen__title { font-size: 30px; margin-bottom: 30px; } } .AI-campagne-trainingen__title h2 { letter-spacing: -0.45px; font-size: 20px; font-weight: 600; font-family: 'Lexend', 'sans-serif'; } @media print, screen and (min-width: 64em) { .AI-campagne-trainingen__title h2 { font-size: 30px; margin-bottom: 30px; } } .AI-campagne-trainingen__title P, .AI-campagne-trainingen__title h2 { margin-bottom: 0px; } .AI-campagne-trainingen__subtitle { padding-left: 2rem; padding-right: 2rem; margin-bottom: 25px; } @media print, screen and (min-width: 64em) { .AI-campagne-trainingen__subtitle { margin-bottom: 30px; } } .AI-campagne-trainingen__subtitle h2 { letter-spacing: -0.45px; font-size: 20px; font-weight: 600; font-family: 'Lexend', 'sans-serif'; } @media print, screen and (min-width: 64em) { .AI-campagne-trainingen__subtitle h2 { font-size: 30px; margin-bottom: 30px; } } .AI-campagne-trainingen__subtitle P, .AI-campagne-trainingen__subtitle h2 { margin-bottom: 0px; } .AI-campagne-trainingen.posts .rf-ccard-content { height: 470px; } @media print, screen and (min-width: 64em) { .AI-campagne-trainingen.posts .rf-ccard-content { height: 520px; } } .ai-campagne-springestaward-mobile { padding-right: 2rem; padding-left: 2rem; margin-bottom: 25px; } #feedbackWidget { position: fixed; right: -37px; top: 50%; /* Adjust for element's height/2 (if known) after rotation */ /* Assuming the height of the element is 100px before rotation */ transform: translateY(-50%) rotate(-90deg) translateX(0px); border-radius: 8px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; background-color: #1e225d; /* Ensure you define this variable elsewhere in your CSS */ /* Explicit width and height may help with alignment */ width: 100px; /* Adjust as necessary */ height: 27px; /* Adjust as necessary */ text-align: center; } #feedbackWidget a { display: inline-block; padding-top: 6px; color: white; font-size: 14px; text-decoration: none; line-height: 1; } .jouwcode__title { font-size: 12px; letter-spacing: -0.24px; margin: 0; color: #1C2663; font-family: 'Poppins', sans-serif; margin-bottom: 0px !important; text-align: left !important; } .jouwcode__kortingscode { font-size: 16px; color: rgba(28, 38, 99, 0.517); border: 2px dashed rgba(28, 38, 99, 0.517); border-radius: 8px; margin: 0; margin-top: 5px; margin-bottom: 0px !important; width: auto; padding: 10px 15px; white-space: nowrap; display: -ms-flexbox; display: flex; gap: 10px; transition: all 400ms; } @media print, screen and (min-width: 64em) { .jouwcode__kortingscode { width: fit-content; } } .jouwcode__kortingscode img { width: 24px; filter: invert(21%) sepia(12%) saturate(3912%) hue-rotate(197deg) brightness(83%) contrast(107%); opacity: 0.35; transition: all 400ms; } .jouwcode__kortingscode:hover { color: #1c2663; cursor: pointer; } .jouwcode__kortingscode:hover img { opacity: 1; } .diploma-container { box-shadow: 0px 15px 30px rgba(42, 62, 82, 0.098); } .changeuser { text-decoration: underline !important; } .changeuser:hover { text-decoration: none !important; } .vrienduitnodigenEmailPopup { position: absolute; top: 50% !important; transform: translateY(-50%); margin-left: 20px; margin-right: 20px; } @media print, screen and (min-width: 64em) { .vrienduitnodigenEmailPopup { position: absolute; top: 50% !important; left: 50%; transform: translate(-50%, -50%); } } .vrienduitnodigenEmailPopup__box { background: white; box-shadow: 0px 3px 10px rgba(42, 62, 82, 0.129); border-radius: 12px; margin: auto; text-align: center; padding: 30px; position: relative; } .vrienduitnodigenEmailPopup__box__title { font-size: 22px; letter-spacing: -0.44px; font-weight: bold; margin-bottom: 20px; text-align: left; } .vrienduitnodigenEmailPopup__box__tekst { font-size: 14px; margin-bottom: 20px; text-align: left; } .vrienduitnodigenEmailPopup__box .jouwcode__kortingscode { margin-bottom: 20px !important; } .vrienduitnodigenEmailPopup__box .form-email label { color: #1E225C; } .vrienduitnodigenEmailPopup__box .cf-button svg { filter: invert(9%) sepia(28%) saturate(6837%) hue-rotate(231deg) brightness(93%) contrast(92%); } .vrienduitnodigenEmailPopup__box .cf-button:hover svg { filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(34deg) brightness(103%) contrast(106%); } @media print, screen and (min-width: 40em) { .vrienduitnodigenEmailPopup__box { width: 500px; top: 0; } } .vrienduitnodigenEmailPopup .showInviteForm { text-decoration: underline; } .vrienduitnodigenEmailPopup .showInviteForm:hover { cursor: pointer; } .vrienduitnodigenEmailPopup .form-inviteEmail .form-email { margin-bottom: 15px; position: relative; } .vrienduitnodigenEmailPopup .form-inviteEmail input { border-radius: 8px; background-color: white; box-shadow: none; border: 1px solid #1E225C; margin-bottom: 0px; font-size: 14px; letter-spacing: -0.32px; padding: 22px; height: unset; font-weight: medium; color: #1e225d; } .vrienduitnodigenEmailPopup .form-inviteEmail label { position: absolute; left: 18px; background-color: white; padding-left: 5px; padding-right: 5px; top: -10px; } .vrienduitnodigenEmailPopup .form-inviteEmail .form-error { margin-top: 10px; } .moreInfoPerson { position: absolute; top: 50% !important; transform: translateY(-50%); margin-left: 20px; margin-right: 20px; } @media print, screen and (min-width: 64em) { .moreInfoPerson { position: absolute; top: 50% !important; left: 50%; transform: translate(-50%, -50%); } } .moreInfoPerson__box { background: white; box-shadow: 0px 3px 10px rgba(42, 62, 82, 0.129); border-radius: 12px; margin: auto; text-align: center; padding: 30px; position: relative; } .moreInfoPerson__box__title { font-size: 22px; letter-spacing: -0.44px; font-weight: bold; margin-bottom: 20px; text-align: left; } .moreInfoPerson__box__tekst { font-size: 14px; margin-bottom: 20px; text-align: left; } .moreInfoPerson__box__img { width: 100%; height: 250px; } .moreInfoPerson__box__bar .realbar { margin-bottom: 15px; } .moreInfoPerson__box__bar__title { text-align: start; margin-bottom: 0; } .moreInfoPerson__box__bar__div { height: 20px; width: 100%; position: relative; background-color: #9edcec; border-radius: 8px; } .moreInfoPerson__box__bar__div div { position: absolute; background-color: #00c4c2; height: 20px; border-radius: 8px; } .moreInfoPerson__box__bar__div span { font-size: 12px; position: absolute; right: 10px; } .moreInfoPerson__box__bar__div.time1 { background-color: #e7f4d2; } .moreInfoPerson__box__bar__div.time1 div { background-color: #9ed14e; } .moreInfoPerson__box__bar__div.time2 { background-color: #e8dbee; } .moreInfoPerson__box__bar__div.time2 div { background-color: #a472bd; } .moreInfoPerson__box .cf-button svg { filter: invert(9%) sepia(28%) saturate(6837%) hue-rotate(231deg) brightness(93%) contrast(92%); } .moreInfoPerson__box .cf-button:hover svg { filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(34deg) brightness(103%) contrast(106%); } @media print, screen and (min-width: 40em) { .moreInfoPerson__box { width: 500px; top: 0; } } .shareinterestpopup { background: white; box-shadow: 0px 3px 10px rgba(42, 62, 82, 0.129); border-radius: 12px; outline: none; } @media print, screen and (min-width: 64em) { .shareinterestpopup { position: absolute; top: 50% !important; left: 50%; transform: translate(-50%, -50%); display: none; } } .shareinterestpopup__box { margin: auto; text-align: center; padding: 30px; position: relative; } .shareinterestpopup__box__title { text-align: center; font-weight: 800; color: #1C2663; letter-spacing: -0.5px; font-family: 'Lexend', sans-serif; font-size: 25px; } @media print, screen and (min-width: 64em) { .shareinterestpopup__box__title { padding-left: 20%; padding-right: 20%; } } .shareinterestpopup__box__forms { width: fit-content; border: 1px solid #1C2663; border-radius: 100px; padding: 7px 15px; cursor: pointer; font-size: 14px; letter-spacing: 0px; color: #1E225C; } .shareinterestpopup__box__forms.interestselected { background-color: #1C2663; color: white; } .shareinterestpopup__box__forms.interestnotselected { background-color: white; color: #1C2663; } .shareinterestpopup__box__submitknop { -ms-flex-preferred-size: 100%; flex-basis: 100%; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; margin-top: 20px; } .shareinterestpopup__box__submitknop button { padding: 25px 10px; } .shareinterestpopup__box__submitknop button .cf-button__icon { filter: invert(100%) sepia(100%) saturate(1%) hue-rotate(357deg) brightness(103%) contrast(101%); } .shareinterestpopup__box__undertekst { font-size: 14px; color: #ADAEB5; margin-top: 10px; } .shareinterestpopup .form-addinginterests { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 5px 10px; -ms-flex-pack: center; justify-content: center; } .account { background: #F8F8FA; } @media print, screen and (min-width: 64em) { .account { height: 91vh; } } .account__sidebar { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: justify; justify-content: space-between; background: white; width: 300px; padding: 0px; } .account__sidebar::after { display: none; } .account__sidebar.off-canvas { z-index: 9999; } @media print, screen and (min-width: 64em) { .account__sidebar { position: relative; width: 33%; transform: none; border-right: 1px solid #EAEAEA; height: inherit; } } .account__sidebar .top .account__sidebar__section { border-bottom: none; } @media print, screen and (min-width: 64em) { .account__sidebar .top .account__sidebar__section__title { margin-top: 20px; } } .account__sidebar__section { border-bottom: 1px solid #EAEAEA; padding: 14px 0px; -ms-flex-preferred-size: 0; flex-basis: 0; } .account__sidebar__section__title { font-family: 'Lexend', sans-serif; font-display: fallback; font-weight: 600; font-size: 15px; margin: 13px 17px; margin-top: 0px; } .account__sidebar__section__title a { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; text-decoration: none; outline: none; } .account__sidebar__section__title a:focus, .account__sidebar__section__title a:hover { outline: none; } .account__sidebar__section__menu { list-style-type: none; margin: 0px; } .account__sidebar__section__menu li { padding: 5px 17px; padding-left: 27px; font-size: 15px; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; color: #1E225C; } .account__sidebar__section__menu li a { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; width: 100%; text-decoration: none; font-size: 15px; outline: none; } .account__sidebar__section__menu li a:hover { text-decoration: underline; } .account__sidebar__section__menu li a:focus, .account__sidebar__section__menu li a:hover { outline: none; } .account__sidebar__section__menu li span { font-size: 15px; } .account__sidebar__section__menu li.grid, .account__sidebar__section__menu li.list { -ms-flex-pack: start; justify-content: flex-start; gap: 20px; } .account__sidebar__section__menu li.current { color: white; background-color: #106BC6; } .account__sidebar__section__menu li.current a, .account__sidebar__section__menu li.current span { color: white; } .account__sidebar__section__menu li.current svg path { fill: white; } .account__sidebar__section__menu__submenu { display: block !important; padding-left: 0px !important; padding-right: 0px !important; } .account__sidebar__section__menu__submenu:first-of-type > p { padding-top: 10px; } .account__sidebar__section__menu__submenu__title { margin-bottom: 10px; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; font-family: 'Lexend', sans-serif; font-display: fallback; font-size: 15px; padding-left: 27px !important; padding-right: 17px !important; } .account__sidebar__section__menu__submenu__title span { font-family: 'Lexend', sans-serif; font-display: fallback; font-size: 15px; font-weight: bold; } .account__sidebar__section__menu__submenu__title__icon img { width: 14px; filter: invert(17%) sepia(7%) saturate(6119%) hue-rotate(201deg) brightness(99%) contrast(106%); margin-right: 2px; transition: all(400ms); } .account__sidebar__section__menu__submenu__title:hover { cursor: pointer; } .account__sidebar__section__menu__submenu ul { list-style: none; padding: 0; margin: 0; } .account__sidebar__section__menu__submenu ul li { margin: 2px 0px; padding: 2px 0px; font-size: 15px; padding-left: 27px !important; padding-right: 17px !important; } .account__sidebar__section__menu__submenu ul li span { font-size: 15px; } .account__sidebar__section__menu__submenu.closed ul { display: none; } .account__sidebar__section__menu__submenu.open .account__sidebar__section__menu__submenu__title__icon img { transform: rotate(180deg); } .account__sidebar__section__menu__submenu.open ul { display: block; } .account__sidebar__section__menu__icon { height: 18px; display: inline-block; } .account__sidebar__section__menu__icon svg { transform: scale(0.75); } .account__sidebar__section__menu__icon svg path { fill: #1E225C; } .account__sidebar__section__menu__count { min-width: 18px; text-align: center; } .account__sidebar__section__showhide { font-weight: 600; color: #7F819D; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: end; justify-content: flex-end; column-gap: 10px; padding-right: 17px; } .account__sidebar__section__showhide svg { transform: rotate(180deg) scale(0.75); } .account__sidebar__section__showhide svg path { fill: #7F819D; } .account__sidebar__section__levelprogress { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 11px; margin-left: 14px; } .account__sidebar__section__levelprogress__circle .circle { width: 50px; height: 50px; border-radius: 50%; border: 10px solid transparent; background-repeat: no-repeat; border-image-slice: 1; background-origin: content-box, border-box, border-box, border-box, border-box; background-clip: content-box, border-box, border-box, border-box, border-box; display: grid; -ms-flex-pack: center; justify-content: center; -ms-flex-line-pack: center; align-content: center; position: relative; } .account__sidebar__section__levelprogress__circle .circle lottie-player { width: 22px; height: 22px; } .account__sidebar__section__levelprogress__circle .circle .locked { display: none; width: 16px; height: 16px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); filter: invert(10%) sepia(54%) saturate(3706%) hue-rotate(226deg) brightness(90%) contrast(91%); } .account__sidebar__section__levelprogress__circle .circle.starter lottie-player { opacity: 0.5; } .account__sidebar__section__levelprogress__circle .circle.starter .locked { display: inline; } .account__sidebar__section__levelprogress__info p { margin-bottom: 0px; font-size: 13px; letter-spacing: -0.26px; } .account__sidebar__section__levelprogress__info__currentlevel { font-weight: bold; font-weight: 14px; letter-spacing: -0.28px; } .account__sidebar__section--bottom { border-top: 1px solid #EAEAEA; border-bottom: none; padding: 14px 0px; } .account__sidebar--filter.off-canvas { background: white; width: 300px; padding: 0px; z-index: 6; } .account__sidebar--filter::after { display: none; } @media print, screen and (min-width: 64em) { .account__sidebar--filter .account__sidebar__section__showhide { display: none; } .account__sidebar--filter .account__sidebar__section__title { display: none; } .account__sidebar--filter .account__sidebar__section__menu li { padding-left: 17px; } .account__sidebar--filter .account__sidebar__section__menu li.current { color: white; } .account__sidebar--filter .account__sidebar__section__menu__count { padding-right: 0px; } .account__sidebar--filter .account__sidebar__section:first-of-type { border-bottom: none; } .account__sidebar--filter::after { display: none; } } .account__profile { padding: 2rem 0rem; padding-left: 1.7rem; padding-right: 1.7rem; } @media print, screen and (min-width: 64em) { .account__profile { padding-left: 2.5rem; padding-right: 2.5rem; overflow: scroll; height: 100%; } } .account__profile__bar { position: sticky; z-index: 5; top: 15px; margin-left: -5px !important; margin-right: -5px !important; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center; padding: 10px 20px; background: #FFFFFF 0% 0% no-repeat padding-box; box-shadow: 0px 15px 30px rgba(42, 62, 82, 0.098); border-radius: 8px; column-gap: 10px; } @media print, screen and (min-width: 40em) { .account__profile__bar { top: 30px; margin-left: 0px !important; margin-right: 0px !important; } } @media print, screen and (min-width: 40em) { .account__profile__bar { column-gap: 40px; } } @media print, screen and (min-width: 64em) { .account__profile__bar { top: 0px; } } .account__profile__bar__mobile-item { -ms-flex-positive: 1; flex-grow: 1; -ms-flex-preferred-size: 0; flex-basis: 0; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; text-align: center; } @media print, screen and (min-width: 40em) { .account__profile__bar__mobile-item { display: none; } } .account__profile__bar__mobile-item svg { transform: scale(0.75); margin-right: 2px; } .account__profile__bar__mobile-item.menu { -ms-flex-pack: start; justify-content: flex-start; } .account__profile__bar__mobile-item.filter { -ms-flex-pack: end; justify-content: flex-end; } .account__profile__bar__filter { -ms-flex-positive: 1; flex-grow: 1; -ms-flex-preferred-size: 0; flex-basis: 0; display: none; } @media print, screen and (min-width: 40em) { .account__profile__bar__filter { display: block; position: relative; } } .account__profile__bar__filter.show { -ms-flex-align: center; align-items: center; } @media print, screen and (min-width: 40em) { .account__profile__bar__filter.show { display: -ms-flexbox; display: flex; } } .account__profile__bar__filter.show span.title { letter-spacing: 0px; color: #1E225C; padding-right: 20px; } .account__profile__bar__filter.show select { border: 1px solid #1E225C; border-radius: 2px; font-size: 0.8rem; height: inherit; margin-bottom: 0px; } .account__profile__bar__filter.show .mobile-filter__expand li.current { color: white; } .account__profile__bar__filter.search input { background: #FFFFFF 0% 0% no-repeat padding-box; box-shadow: 0px 2px 6px rgba(60, 84, 110, 0.2); border-radius: 8px; border: none; height: 37px; margin-bottom: 0px; padding: 7px 40px; padding-right: 0px; background-repeat: no-repeat; background-position: 3% 50%; background-size: 16px; } .account__profile__bar__filter.search input:-ms-input-placeholder { color: #1E225C; } .account__profile__bar__filter.search input::placeholder { color: #1E225C; } .account__profile__bar__filter.search .close-button { right: 0.1rem; top: 1rem; } .account__profile__bar__filter.view ul.tabbing { display: -ms-flexbox; display: flex; } .account__profile__bar__filter.view ul.tabbing li { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; margin-right: 0px; border: none; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; column-gap: 16px; font-size: 0.9rem; } .account__profile__bar__filter.view ul.tabbing li.current svg path { fill: white; } .account__profile__bar__filter .clickableCross { position: absolute; width: 10%; height: 100%; top: 0; left: 25px; cursor: pointer; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } @media print, screen and (min-width: 40em) { .account__profile__bar__filter .clickableCross { right: 0; left: initial; } } .account__profile__bar__filter .clickableCross img { filter: invert(20%) sepia(9%) saturate(5499%) hue-rotate(194deg) brightness(95%) contrast(106%); width: 30px; height: 30px; } .account__profile__bar__filter .Searchicon { position: absolute; width: 10%; height: 100%; top: 0; left: 30px; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } @media print, screen and (min-width: 40em) { .account__profile__bar__filter .Searchicon { left: 10px; } } .account__profile__bar__filter .Searchicon img { filter: invert(20%) sepia(9%) saturate(5499%) hue-rotate(194deg) brightness(95%) contrast(106%); width: 20px; height: 20px; } .account__profile__bar__filter-menu { display: none; } .account__profile__menu { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center; position: sticky; top: 15px; z-index: 6; } .account__profile__menu__button { padding: 10px 20px; background: #FFFFFF 0% 0% no-repeat padding-box; box-shadow: 0px 15px 30px rgba(42, 62, 82, 0.098); border-radius: 8px; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; } .account__profile__menu__button svg { transform: scale(0.75); margin-right: 2px; } .account__profile__menu__header { text-align: right; font-size: 1.5rem; font-weight: 800; color: #1E225C; } .account__profile__content { margin-top: 30px; max-width: 100%; } @media print, screen and (min-width: 40em) { .account__profile__content { margin-top: 50px; } } .account__profile__content h1 { font-weight: 800; font-size: 20px; margin-bottom: 17px; } .account__profile__content h1.saved { margin-bottom: 0px; padding-bottom: 17px; letter-spacing: -0.32px; } @media print, screen and (min-width: 64em) { .account__profile__content h1.saved { display: none; } } .account__profile__content h2 { font-weight: 600; font-size: 1rem; margin: 17px 0px; } @media print, screen and (min-width: 64em) { .account__profile__content h2 { font-size: 1.5rem; } } .account__profile__content .opleidingsbudgetedit { text-decoration: none; background: #F8F8FA 0% 0% no-repeat padding-box; border-radius: 100px; padding: 10px 20px; text-align: left; width: 170px; padding-left: 20px; } @media print, screen and (min-width: 40em) { .account__profile__content .opleidingsbudgetedit { width: fit-content; padding-left: 20px; } } .account__profile__content .opleidingsbudgetedit .title { letter-spacing: -0.3px; color: #1e225d; font-size: 12px; text-align: left; margin: 0; line-height: 1.2; font-family: Poppins; } @media print, screen and (min-width: 40em) { .account__profile__content .opleidingsbudgetedit .title { font-size: 14px; } } .account__profile__content .opleidingsbudgetedit .money { padding-left: 0px; border-radius: 4px; width: fit-content; padding-top: 0px; padding-bottom: 0px; letter-spacing: -0.32px; font-size: 12px; margin: 0; line-height: 1.2; font-family: Poppins; text-align: left; font-weight: 600; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } @media print, screen and (min-width: 40em) { .account__profile__content .opleidingsbudgetedit .money { font-size: 14px; } } .account__profile__content .opleidingsbudgetedit .money img { width: 14px; filter: invert(11%) sepia(28%) saturate(4845%) hue-rotate(223deg) brightness(98%) contrast(96%); } .account__profile__content__saved-content-block { padding-bottom: 17px; } .account__profile__content__saved-content-block > .row.grid-view { padding-bottom: 15px; } .account__profile__content__saved-content-block > .row.grid-view .grid-item { padding: 0px; } @media print, screen and (min-width: 40em) { .account__profile__content__saved-content-block > .row.grid-view { column-gap: 1.875rem; } .account__profile__content__saved-content-block > .row.grid-view .grid-item { padding: 0px; -ms-flex: 0 0 45%; flex: 0 0 45%; } } @media print, screen and (min-width: 64em) { .account__profile__content__saved-content-block > .row.grid-view { column-gap: 1.875rem; } .account__profile__content__saved-content-block > .row.grid-view .grid-item { padding: 0px; -ms-flex: 0 0 30.7%; flex: 0 0 30.7%; } } @media screen and (min-width: 90em) { .account__profile__content__saved-content-block > .row.grid-view .grid-item { -ms-flex: 0 0 25%; flex: 0 0 25%; } } .account__profile__content__saved-content-block > .row.list-view .grid-item { padding: 0px; } .account__profile__content__dashboard__mainblock { background: #FFFFFF 0% 0% no-repeat padding-box; box-shadow: 0px 15px 30px rgba(42, 62, 82, 0.098); border-radius: 8px; padding: 22px; } @media print, screen and (min-width: 64em) { .account__profile__content__dashboard__mainblock { padding: 35px; text-align: center; } } .account__profile__content__dashboard__mainblock.login h1, .account__profile__content__dashboard__mainblock.login p, .account__profile__content__dashboard__mainblock.login div { text-align: left; } .account__profile__content__dashboard__mainblock h1 { font-family: 'Lexend', sans-serif; font-display: fallback; text-align: center; font-size: 1.625rem; margin-bottom: 5px; } @media print, screen and (min-width: 64em) { .account__profile__content__dashboard__mainblock h1 { text-align: left; margin-bottom: 0px; margin-top: 0px; } } .account__profile__content__dashboard__mainblock p { text-align: center; margin-bottom: 30px; font-family: 'Lexend', sans-serif; } @media print, screen and (min-width: 64em) { .account__profile__content__dashboard__mainblock p { text-align: left; margin-bottom: 30px; } } .account__profile__content__dashboard__mainblock div { text-align: center; } @media print, screen and (min-width: 64em) { .account__profile__content__dashboard__mainblock div { text-align: left; } } .account__profile__content__dashboard__mainblock .Editprofile { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 20px; -ms-flex-direction: column; flex-direction: column; } @media print, screen and (min-width: 40em) { .account__profile__content__dashboard__mainblock .Editprofile { -ms-flex-direction: row; flex-direction: row; } } @media print, screen and (min-width: 64em) { .account__profile__content__dashboard__mainblock .Editprofile { -ms-flex-pack: initial; justify-content: initial; } } .account__profile__content__dashboard__mainblock .Editprofile .EditProfileButton { border: 1px solid rgba(28, 38, 99, 0.2); border-radius: 2px; padding: 10px 20px; text-decoration: none; height: fit-content; margin-right: 0px; margin-top: 5px; } @media print, screen and (min-width: 40em) { .account__profile__content__dashboard__mainblock .Editprofile .EditProfileButton { padding: 5px 20px; } } @media print, screen and (min-width: 64em) { .account__profile__content__dashboard__mainblock .Editprofile .EditProfileButton { margin-right: 20px; margin-top: 0px; } } .account__profile__content__dashboard__mainblock .Editprofile .huidiglevel { text-decoration: none; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 10px; background: #F8F8FA 0% 0% no-repeat padding-box; border-radius: 100px; width: 170px; padding: 5px 20px; padding-left: 5px; } @media print, screen and (min-width: 40em) { .account__profile__content__dashboard__mainblock .Editprofile .huidiglevel { padding: 0px 5px; width: fit-content; } } @media print, screen and (min-width: 64em) { .account__profile__content__dashboard__mainblock .Editprofile .huidiglevel { padding: 5px 20px; padding-left: 5px; } } .account__profile__content__dashboard__mainblock .Editprofile .huidiglevel__icon { position: relative; width: 45px; } .account__profile__content__dashboard__mainblock .Editprofile .huidiglevel__icon lottie-player { width: 45px; } .account__profile__content__dashboard__mainblock .Editprofile .huidiglevel__icon .locked { display: none; width: 20px; height: 20px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); filter: invert(10%) sepia(54%) saturate(3706%) hue-rotate(226deg) brightness(90%) contrast(91%); } .account__profile__content__dashboard__mainblock .Editprofile .huidiglevel__icon.starter lottie-player { opacity: 0.5; } .account__profile__content__dashboard__mainblock .Editprofile .huidiglevel__icon.starter .locked { display: inline; } .account__profile__content__dashboard__mainblock .Editprofile .huidiglevel__text p { font-family: poppins; font-size: 12px; margin-bottom: 0px; letter-spacing: -0.3px; line-height: 1.2; text-align: left; } @media print, screen and (min-width: 40em) { .account__profile__content__dashboard__mainblock .Editprofile .huidiglevel__text p { font-size: 14px; } } .account__profile__content__dashboard__mainblock .Editprofile .huidiglevel__text p.bold { font-weight: bold; } .account__profile__content__dashboard__mainblock .firstdashboard_balk { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; gap: 20xp; -ms-flex-pack: center; justify-content: center; } @media print, screen and (min-width: 64em) { .account__profile__content__dashboard__mainblock .firstdashboard_balk { -ms-flex-direction: row; flex-direction: row; -ms-flex-pack: center; justify-content: center; gap: 0xp; } } @media only screen and (min-width: 1460px) { .account__profile__content__dashboard__mainblock .firstdashboard_balk { margin-left: auto; margin-top: 0px; -ms-flex-pack: initial; justify-content: initial; } } .account__profile__content__dashboard__mainblock .personality { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; margin-top: 20px; } @media print, screen and (min-width: 64em) { .account__profile__content__dashboard__mainblock .personality { -ms-flex-direction: row; flex-direction: row; } } @media screen and (min-width: 75em) { .account__profile__content__dashboard__mainblock .personality { margin-top: 0px; margin-left: auto; } } .account__profile__content__dashboard__mainblock .personality__container { border-radius: 8px; } @media print, screen and (min-width: 64em) { .account__profile__content__dashboard__mainblock .personality__container { padding-left: 10px; padding-bottom: 0px; min-width: 200px; max-width: 300px; } } @media screen and (min-width: 75em) { .account__profile__content__dashboard__mainblock .personality__container { max-width: 220px; } } @media screen and (min-width: 90em) { .account__profile__content__dashboard__mainblock .personality__container { max-width: 300px; } } .account__profile__content__dashboard__mainblock .personality__container__title { font-size: 18px; margin-bottom: 10px; font-weight: bold; text-align: left; } .account__profile__content__dashboard__mainblock .personality__container__text { margin-bottom: 20px; font-size: 14px; font-family: 'Poppins', sans-serif; text-align: left; } .account__profile__content__dashboard__mainblock .personality__container__text span { text-decoration: underline; color: #f90; cursor: pointer; } .account__profile__content__dashboard__mainblock .personality__container .cf-button--blue { padding-top: 7px; padding-bottom: 7px; margin-bottom: 0px; } .account__profile__content__dashboard__mainblock .personality__container .cf-button--blue .cf-button__text { font-size: 14px; } .account__profile__content__dashboard__mainblock .personality__container .cf-button--blue:hover, .account__profile__content__dashboard__mainblock .personality__container .cf-button--blue:focus, .account__profile__content__dashboard__mainblock .personality__container .cf-button--blue:active { padding-top: 7px; padding-bottom: 7px; } .account__profile__content__dashboard__mainblock .personality__container .cf-button--blue:hover .cf-button__text, .account__profile__content__dashboard__mainblock .personality__container .cf-button--blue:focus .cf-button__text, .account__profile__content__dashboard__mainblock .personality__container .cf-button--blue:active .cf-button__text { font-size: 14px; } .account__profile__content__dashboard__mainblock .personality__container .cf-button--blue:hover .cf-button__icon, .account__profile__content__dashboard__mainblock .personality__container .cf-button--blue:focus .cf-button__icon, .account__profile__content__dashboard__mainblock .personality__container .cf-button--blue:active .cf-button__icon { font-size: 130%; } .account__profile__content__dashboard__mainblock .personality__containerimg { position: relative; margin-bottom: 20px; } @media print, screen and (min-width: 40em) { .account__profile__content__dashboard__mainblock .personality__containerimg { width: 180px; min-width: 180px; margin-bottom: 0px; } } @media screen and (min-width: 75em) { .account__profile__content__dashboard__mainblock .personality__containerimg { width: 130px; min-width: 130px; } } @media screen and (min-width: 90em) { .account__profile__content__dashboard__mainblock .personality__containerimg { width: 180px; min-width: 180px; } } .account__profile__content__dashboard__mainblock .personality__containerimg.done { width: 250px; min-width: 250px; margin-left: auto; margin-right: auto; } @media screen and (min-width: 75em) { .account__profile__content__dashboard__mainblock .personality__containerimg.done { width: 200px; min-width: 200px; } } @media screen and (min-width: 90em) { .account__profile__content__dashboard__mainblock .personality__containerimg.done { width: 250px; min-width: 250px; } } .account__profile__content__dashboard__mainblock .personality__containerimg img { min-width: 180px; width: 180px; } @media print, screen and (min-width: 64em) { .account__profile__content__dashboard__mainblock .personality__containerimg img { position: absolute; bottom: -35px; } } @media screen and (min-width: 75em) { .account__profile__content__dashboard__mainblock .personality__containerimg img { width: 130px; min-width: 130px; } } @media screen and (min-width: 90em) { .account__profile__content__dashboard__mainblock .personality__containerimg img { width: 180px; min-width: 180px; } } .account__profile__content__dashboard__mainblock .personality__containerimg__quizgedaan { height: 100%; width: 250px !important; right: 0; } @media print, screen and (min-width: 64em) { .account__profile__content__dashboard__mainblock .personality__containerimg__quizgedaan { margin-right: 30px; bottom: 0px !important; width: 250px !important; min-width: unset !important; } } .account__profile__content__dashboard__mainblock .maindivcircle { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; } .account__profile__content__dashboard__mainblock .maindivcircle .circlewithfavourites { height: 50vw; border-radius: 50%; border: 20px solid transparent; background-repeat: no-repeat; border-image-slice: 1; background-origin: content-box, border-box, border-box, border-box, border-box; background-clip: content-box, border-box, border-box, border-box, border-box; display: grid; -ms-flex-pack: center; justify-content: center; -ms-flex-line-pack: center; align-content: center; width: 70%; } @media only screen and (min-width: 500px) { .account__profile__content__dashboard__mainblock .maindivcircle .circlewithfavourites { width: 60%; } } @media print, screen and (min-width: 40em) { .account__profile__content__dashboard__mainblock .maindivcircle .circlewithfavourites { margin-bottom: 0; } .account__profile__content__dashboard__mainblock .maindivcircle .circlewithfavourites.kleinewidth { width: 160px; height: 160px; } .account__profile__content__dashboard__mainblock .maindivcircle .circlewithfavourites.grootewidth { width: 200px; height: 250px; } } @media only screen and (min-width: 1500px) { .account__profile__content__dashboard__mainblock .maindivcircle .circlewithfavourites { height: 100%; } .account__profile__content__dashboard__mainblock .maindivcircle .circlewithfavourites.kleinewidth { width: 80%; } .account__profile__content__dashboard__mainblock .maindivcircle .circlewithfavourites.grootewidth { width: 100%; height: 110%; } } .account__profile__content__dashboard__mainblock .maindivcircle .circlewithfavourites p { margin: 0; } .account__profile__content__dashboard__mainblock .tesktcirclemaindiv { margin-top: 25px; margin-bottom: 25px; } .account__profile__content__dashboard__mainblock .tesktcirclemaindiv .tekstbijcirclefavourite { display: grid; -ms-flex-line-pack: center; align-content: center; height: 100%; width: 100%; } .account__profile__content__dashboard__mainblock .tesktcirclemaindiv .tekstbijcirclefavourite p { margin: 0; } @media print, screen and (min-width: 40em) { .account__profile__content__dashboard__mainblock .tesktcirclemaindiv { margin: 0; } } .account__profile__content__dashboard__mainblock.diplomas { padding-bottom: 0; margin-bottom: 0; padding-right: 0px; height: 100%; } .account__profile__content__dashboard__mainblock.diplomas .titlebox { display: -ms-flexbox; display: flex; display: grid; grid-template-rows: none; grid-template-columns: auto; } @media print, screen and (min-width: 64em) { .account__profile__content__dashboard__mainblock.diplomas .titlebox { grid-template-columns: 2fr 1fr; grid-template-rows: auto; -ms-flex-align: center; align-items: center; padding-right: 40px; } } .account__profile__content__dashboard__mainblock.diplomas .titlebox .title { font-weight: 600; font-size: 18px; font-family: 'Lexend', sans-serif; letter-spacing: -0.36px; color: #1C2663; text-align: start; } @media print, screen and (min-width: 64em) { .account__profile__content__dashboard__mainblock.diplomas .titlebox .title { text-align: start; margin-bottom: 30px; } } .account__profile__content__dashboard__mainblock.diplomas .titlebox .allediplomas { display: none; font-family: 'Poppins', sans-serif; color: #1C2663; text-align: right; font-weight: 500; } .account__profile__content__dashboard__mainblock.diplomas .titlebox .allediplomas a { text-decoration: none; display: -ms-flexbox; display: flex; -ms-flex-align: end; align-items: flex-end; -ms-flex-pack: start; justify-content: start; } @media print, screen and (min-width: 64em) { .account__profile__content__dashboard__mainblock.diplomas .titlebox .allediplomas a { -ms-flex-pack: end; justify-content: end; } } .account__profile__content__dashboard__mainblock.diplomas .titlebox .allediplomas a svg { margin-left: 10px; height: 24px; width: 24px; } .account__profile__content__dashboard__mainblock.diplomas .diploma_sliderbox .diplomas-trainingen-scroller { height: auto; } .account__profile__content__dashboard__mainblock.diplomas .diploma_sliderbox .diplomas-trainingen-scroller .rf-cards-scroller-platter { padding-bottom: 10px; } .account__profile__content__dashboard__mainblock.diplomas .diploma_sliderbox .diplomas-trainingen-scroller .rf-cards-scroller-platter > div .rf-cards-scroller-itemview { transform: none; } .account__profile__content__dashboard__mainblock.recenteartikelen { margin-left: 0px; margin-top: 30px; } @media print, screen and (min-width: 40em) { .account__profile__content__dashboard__mainblock.recenteartikelen { margin-left: 50px; margin-top: 0px; height: 100%; } } .account__profile__content__dashboard__mainblock.recenteartikelen .recenteartikelen__title { font-weight: 600; font-size: 18px; font-family: 'Lexend', sans-serif; letter-spacing: -0.36px; color: #1C2663; text-align: start; } .account__profile__content__dashboard__mainblock.recenteartikelen .recenteartikelen__tekst { font-size: 16px; color: #1E225C; text-align: start; } .account__profile__content__dashboard__mainblock.recenteartikelen .recenteartikelen__tekst a { text-decoration: none; } .account__profile__content__dashboard__mainblock.recenteartikelen .recenteartikelen__tekst a:hover { text-decoration: underline; } .account__profile__content__dashboard__mainblock.recenteartikelen .recenteartikelen__tekst:last-of-type { margin-bottom: 0px; } .account__profile__content__dashboard__mainblock.inspiratiesuggesties { margin-bottom: 0; padding-right: 0px; height: 100%; } .account__profile__content__dashboard__mainblock.inspiratiesuggesties .inspiratiesuggesties__title { font-weight: 600; font-size: 18px; font-family: 'Lexend', sans-serif; letter-spacing: -0.36px; color: #1C2663; text-align: start; padding-right: 22px; } @media print, screen and (min-width: 40em) { .account__profile__content__dashboard__mainblock.inspiratiesuggesties .inspiratiesuggesties__title { padding-right: 35px; } } .account__profile__content__dashboard__mainblock.inspiratiesuggesties .inspiratiesuggesties__sliderbox { transform: none !important; } .account__profile__content__dashboard__mainblock.inspiratiesuggesties .rf-cards-scroller-platter { padding: 0px !important; } .account__profile__content__dashboard__mainblock.inspiratiesuggesties .rf-cards-scroller-platter .training-grid-block { border-radius: none; box-shadow: none; padding: 0; min-height: unset; height: fit-content; } .account__profile__content__dashboard__mainblock.inspiratiesuggesties .rf-cards-scroller-platter .training-grid-block__favorite { display: none; } .account__profile__content__dashboard__mainblock.inspiratiesuggesties .rf-cards-scroller-itemview { margin-right: 50px; } .account__profile__content__dashboard__mainblock.inspiratiesuggesties .rf-cards-scroller-crop { padding-bottom: 0px; } .account__profile__content__dashboard__mainblock.inspiratiesuggesties .rf-ccard-content { box-shadow: none; height: unset !important; max-width: 320px; } .account__profile__content__dashboard__mainblock.inspiratiesuggesties .training-grid-block__content__infotext { text-align: left; padding: 25px 0px 0px 0px; } .account__profile__content__dashboard__mainblock.inspiratiesuggesties .training-grid-block__image { height: 175px; } .account__profile__content__dashboard__mainblock.inspiratiesuggesties .training-grid-block__image > img { height: 175px; } .account__profile__content__dashboard__mainblock.inspiratiesuggesties .training-grid-block__title { margin-bottom: 14px; } .account__profile__content__dashboard__mainblock.inspiratiesuggesties .training-grid-block__content { height: unset; } .account__profile__content__dashboard__mainblock.inspiratiesuggesties .training-grid-block__title, .account__profile__content__dashboard__mainblock.inspiratiesuggesties .training-grid-block__intro { text-align: left; } .account__profile__content__dashboard__mainblock.inspiratiesuggesties .training-grid-block__title { font-size: 17px; } .account__profile__content__dashboard__mainblock.inspiratiesuggesties .training-grid-block__intro { font-family: poppins; font-weight: 400; } .account__profile__content__dashboard__mainblock.inspiratiesuggesties .training-grid-block__infolabel { bottom: 10px; } .account__profile__content__dashboard__mainblock.inspiratiesuggesties .training-grid-block__bottom { display: none; } .account__profile__content__dashboard__mainblock.inspiratiesuggesties .training-grid-block__content__text { height: unset; } .account__profile__content__dashboard__mainblock.inspiratiefactory { margin-left: 0px; height: 100%; } @media print, screen and (min-width: 40em) { .account__profile__content__dashboard__mainblock.inspiratiefactory { margin-right: 25px; } } @media print, screen and (min-width: 40em) { .account__profile__content__dashboard__mainblock.inspiratiefactory { margin-right: 25px; } } .account__profile__content__dashboard__mainblock.inspiratiefactory .inspiratiefactory__link { text-decoration: none; } .account__profile__content__dashboard__mainblock.inspiratiefactory .inspiratiefactory__link:hover .inspiratiefactory__eventbox .inspiratiefactory__eventbox__titlebox__title { text-decoration: underline; } .account__profile__content__dashboard__mainblock.inspiratiefactory .inspiratiefactory__link:hover .inspiratiefactory__eventbox .inspiratiefactory__eventbox__titlebox__title img { margin-left: 15px; } .account__profile__content__dashboard__mainblock.inspiratiefactory .inspiratiefactory__title { font-weight: 600; font-size: 18px; font-family: 'Lexend', sans-serif; letter-spacing: -0.36px; color: #1C2663; text-align: start; } .account__profile__content__dashboard__mainblock.inspiratiefactory .inspiratiefactory__noEventText { text-align: start !important; } .account__profile__content__dashboard__mainblock.inspiratiefactory .inspiratiefactory__eventbox { display: -ms-flexbox; display: flex; } .account__profile__content__dashboard__mainblock.inspiratiefactory .inspiratiefactory__eventbox .trainingsdata-table__datebox { text-align: center; padding: 5px 10px; max-height: fit-content; width: auto; background-color: #1e225d; color: white; font-size: 1.375rem !important; font-weight: 800; } .account__profile__content__dashboard__mainblock.inspiratiefactory .inspiratiefactory__eventbox__titlebox { display: grid; margin-left: 20px; } .account__profile__content__dashboard__mainblock.inspiratiefactory .inspiratiefactory__eventbox__titlebox__date { font-family: 'Lexend', sans-serif; font-size: 14px; color: #ABACB7; font-weight: 600; text-align: start; -ms-flex-item-align: end; align-self: end; } @media print, screen and (min-width: 40em) { .account__profile__content__dashboard__mainblock.inspiratiefactory .inspiratiefactory__eventbox__titlebox__date { text-align: start; } } .account__profile__content__dashboard__mainblock.inspiratiefactory .inspiratiefactory__eventbox__titlebox__title { font-family: 'Poppins', sans-serif; font-size: 15px; color: #1E225C; display: -ms-flexbox; display: flex; -ms-flex-align: start; align-items: start; text-align: start; } .account__profile__content__dashboard__mainblock.inspiratiefactory .inspiratiefactory__eventbox__titlebox__title img { margin-left: 5px; width: 24px; transition: all 400ms; filter: invert(12%) sepia(48%) saturate(3419%) hue-rotate(223deg) brightness(85%) contrast(93%); } .account__profile__content__dashboard__mainblock.gerelateerdecontent { margin-left: 0px; height: 100%; } @media print, screen and (min-width: 40em) { .account__profile__content__dashboard__mainblock.gerelateerdecontent { margin-left: 25px; } } @media print, screen and (min-width: 64em) { .account__profile__content__dashboard__mainblock.gerelateerdecontent { margin-left: 25px; } } .account__profile__content__dashboard__mainblock.gerelateerdecontent .gerelateerdecontent__title { font-weight: 600; font-size: 18px; font-family: 'Lexend', sans-serif; letter-spacing: -0.36px; color: #1C2663; text-align: start; margin-bottom: 25px; } .account__profile__content__dashboard__mainblock.gerelateerdecontent .recenteartikelen__div__schrijver { font-family: 'Lexend', sans-serif; font-size: 14px; color: #ABACB7; font-weight: 600; } .account__profile__content__dashboard__mainblock.gerelateerdecontent .recenteartikelen__div__tekst { font-family: 'Poppins', sans-serif; font-size: 15px; color: #1E225C; text-align: start; margin-bottom: 0px; } .account__profile__content__dashboard__mainblock.gerelateerdecontent .recenteartikelen__div__tekst a { text-decoration: none; } .account__profile__content__dashboard__mainblock.gerelateerdecontent .recenteartikelen__div__tekst a:hover { text-decoration: underline; } .account__profile__content__dashboard__mainblock.gerelateerdecontent .gerelateerdecontent__div { text-align: start; margin-bottom: 25px; } .account__profile__content__dashboard__mainblock.gerelateerdecontent .gerelateerdecontent__div:last-of-type { margin-bottom: 0px; } @media print, screen and (min-width: 64em) { .account__profile__content__dashboard__mainblock.voordeligsparen { margin-right: 40px; } } .account__profile__content__dashboard__mainblock.voordeligsparen .title { font-family: 'Lexend', sans-serif; font-size: 23px; font-weight: bold; letter-spacing: -0.36px; color: #1C2663; margin-bottom: 15px; text-align: left; } .account__profile__content__dashboard__mainblock.voordeligsparen .text p { font-family: poppins; margin-bottom: 0 !important; text-align: left; } .account__profile__content__dashboard__mainblock.vrienduitnodigen { margin-top: 30px; } @media print, screen and (min-width: 40em) { .account__profile__content__dashboard__mainblock.vrienduitnodigen { height: 100%; } } .account__profile__content__dashboard__mainblock.vrienduitnodigen .titelvrienduitnodigen { font-family: 'Lexend', sans-serif; font-size: 23px; font-weight: bold; letter-spacing: -0.36px; color: #1C2663; margin-bottom: 15px; text-align: left; } @media print, screen and (min-width: 64em) { .account__profile__content__dashboard__mainblock.vrienduitnodigen .codecontainer { display: -ms-flexbox; display: flex; gap: 20px; -ms-flex-align: center; align-items: center; } } .account__profile__content__dashboard__mainblock.vrienduitnodigen .deeljoucode { padding-top: 20px; height: 100%; } .account__profile__content__dashboard__mainblock.vrienduitnodigen .deeljoucode button { height: 100%; display: -ms-flexbox; display: flex; } .account__profile__content__dashboard__mainblock.vrienduitnodigen .deeljoucode svg { filter: invert(99%) sepia(1%) saturate(2%) hue-rotate(189deg) brightness(115%) contrast(100%); } .account__profile__content__dashboard__mainblock.vrienduitnodigen .deeljoucode:hover svg { filter: invert(10%) sepia(53%) saturate(3889%) hue-rotate(224deg) brightness(91%) contrast(90%); } .account__profile__content__dashboard__mainblock.vrienduitnodigen .jouwbudget__title { font-size: 12px; letter-spacing: -0.24px; margin: 0; color: #1C2663; font-family: 'Poppins', sans-serif; text-align: left; } .account__profile__content__dashboard__mainblock.vrienduitnodigen .jouwbudget__budget { font-size: 18px; border: 2px solid #1e225d; border-radius: 8px; margin: 0; margin-top: 5px; width: auto; padding: 10px 15px; gap: 10px; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; white-space: nowrap; } @media print, screen and (min-width: 64em) { .account__profile__content__dashboard__mainblock.vrienduitnodigen .jouwbudget__budget { width: fit-content; } } .account__profile__content__dashboard__mainblock.vrienduitnodigen .jouwbudget__budget__icon { background-color: #1e225d; border-radius: 100%; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; width: 26px; height: 26px; padding: 2px; text-align: center; } .account__profile__content__dashboard__mainblock.vrienduitnodigen .jouwbudget__budget__icon__inner { color: white; font-size: 10px; display: inline-block; width: 16px; height: 16px; text-align: center; line-height: 1.5; border: 1px solid white; border-radius: 100%; } .account__profile__content__dashboard__mainblock.vrienduitnodigen .vrienduitnodigenCodedescription { font-size: 14px; margin-top: 20px; margin-bottom: 0; font-family: 'Poppins', sans-serif; text-align: left; } .account__profile__content__dashboard__mainblock.vrienduitnodigen .vrienduitnodigenCodedescription .vrienduitnodigenEmail { text-decoration: underline; cursor: pointer; } .account__profile__content__dashboard__mainblock.vrienduitnodigen .vrienduitnodigenCodedescription .vrienduitnodigenEmail:hover { text-decoration: none; } @media print, screen and (min-width: 40em) { .account__profile__content__dashboard__mainblock.vrienduitnodigen { margin-top: 0; margin-left: 20px; } } .account__profile__content__dashboard__mainblock.sparen { padding: 0px !important; } .account__profile__content__dashboard__mainblock.sparen .sparen__top, .account__profile__content__dashboard__mainblock.sparen .sparen__bottom, .account__profile__content__dashboard__mainblock.sparen .sparen__middle { padding: 35px 22px; } @media print, screen and (min-width: 64em) { .account__profile__content__dashboard__mainblock.sparen .sparen__top, .account__profile__content__dashboard__mainblock.sparen .sparen__bottom, .account__profile__content__dashboard__mainblock.sparen .sparen__middle { padding: 35px; padding-bottom: 0px; } } .account__profile__content__dashboard__mainblock.sparen .sparen__bottom, .account__profile__content__dashboard__mainblock.sparen .sparen__middle { padding-top: 0px; } .account__profile__content__dashboard__mainblock.sparen .sparen__middle { padding-bottom: 0px; } .account__profile__content__dashboard__mainblock.sparen .sparen__loyaltylevels { padding: 0; } .account__profile__content__dashboard__mainblock.sparen .sparen__loyaltylevels__header { display: none; } @media print, screen and (min-width: 64em) { .account__profile__content__dashboard__mainblock.sparen .sparen__loyaltylevels__header { display: grid; grid-template-columns: 3fr 7fr 4fr; gap: 10px; -ms-flex-align: center; align-items: center; margin-bottom: 5px; } } .account__profile__content__dashboard__mainblock.sparen .sparen__loyaltylevels__header > div { font-size: 14px; font-family: 'Lexend'; font-weight: bold; } .account__profile__content__dashboard__mainblock.sparen .sparen__loyaltylevels__level { background: white; border: 2px solid #1e225d; border-radius: 12px; margin-bottom: 20px; position: relative; cursor: pointer; } .account__profile__content__dashboard__mainblock.sparen .sparen__loyaltylevels__level:last-of-type { margin-bottom: 0px; } @media print, screen and (min-width: 64em) { .account__profile__content__dashboard__mainblock.sparen .sparen__loyaltylevels__level { gap: 10px; display: grid; -ms-flex-align: center; align-items: center; grid-template-columns: 2.5fr 6fr 6fr; } } .account__profile__content__dashboard__mainblock.sparen .sparen__loyaltylevels__level__Premiumbuybuttom { display: none; padding-right: 5px; padding-top: 5px; padding-bottom: 5px; } .account__profile__content__dashboard__mainblock.sparen .sparen__loyaltylevels__level__Premiumbuybuttom .cf-button { float: right; min-width: 100%; max-width: 100%; height: 100%; display: -ms-flexbox; display: flex; } @media print, screen and (min-width: 64em) { .account__profile__content__dashboard__mainblock.sparen .sparen__loyaltylevels__level__Premiumbuybuttom .cf-button { min-width: 80%; max-width: 80%; } } .account__profile__content__dashboard__mainblock.sparen .sparen__loyaltylevels__level__Premiumbuybuttom .cf-button .cf-button__text { text-align: start; color: white; font-size: 14px; font-family: 'Poppins', sans-serif !important; font-weight: 500; text-align: start; margin-left: 0; } .account__profile__content__dashboard__mainblock.sparen .sparen__loyaltylevels__level__Premiumbuybuttom .cf-button div { margin-left: 20px; margin-top: 5px; margin-bottom: 5px; } .account__profile__content__dashboard__mainblock.sparen .sparen__loyaltylevels__level__Premiumbuybuttom .cf-button__icon { margin-right: 0; margin-left: 10px; } .account__profile__content__dashboard__mainblock.sparen .sparen__loyaltylevels__level__Premiumbuybuttom .cf-button__icon img { width: 31px; height: 31px; filter: invert(100%) sepia(0%) saturate(2%) hue-rotate(96deg) brightness(105%) contrast(101%); opacity: 0.57; max-width: inherit; } .account__profile__content__dashboard__mainblock.sparen .sparen__loyaltylevels__level__Premiumbuybuttom:hover .cf-button { background-color: white; } .account__profile__content__dashboard__mainblock.sparen .sparen__loyaltylevels__level__Premiumbuybuttom:hover .cf-button__text { color: #ff9900; } .account__profile__content__dashboard__mainblock.sparen .sparen__loyaltylevels__level__Premiumbuybuttom:hover .cf-button__icon img { filter: invert(53%) sepia(89%) saturate(1610%) hue-rotate(3deg) brightness(109%) contrast(103%); } .account__profile__content__dashboard__mainblock.sparen .sparen__loyaltylevels__level__status { position: absolute; top: 0px; left: 0px; background: linear-gradient(to top left, transparent 0%, transparent 50%, #1e225d 50%, #1e225d 100%); width: 45px; height: 45px; border-radius: 10px 0px 0px 0px; } .account__profile__content__dashboard__mainblock.sparen .sparen__loyaltylevels__level__status img { filter: invert(100%) sepia(0%) saturate(2%) hue-rotate(96deg) brightness(105%) contrast(101%); width: 15px; position: absolute; top: 5px; left: 5px; } .account__profile__content__dashboard__mainblock.sparen .sparen__loyaltylevels__level__status img.unlocked { display: none; } @media print, screen and (min-width: 64em) { .account__profile__content__dashboard__mainblock.sparen .sparen__loyaltylevels__level__content { gap: 10px; display: grid; -ms-flex-align: center; align-items: center; grid-template-columns: 3fr 7fr 4fr; } } .account__profile__content__dashboard__mainblock.sparen .sparen__loyaltylevels__level__name { padding: 10px 20px; padding-top: 20px; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 15px; } @media print, screen and (min-width: 64em) { .account__profile__content__dashboard__mainblock.sparen .sparen__loyaltylevels__level__name { padding-left: 27px; padding-top: 22px; padding-bottom: 22px; padding-right: 0px; } } .account__profile__content__dashboard__mainblock.sparen .sparen__loyaltylevels__level__name__icon { position: relative; } .account__profile__content__dashboard__mainblock.sparen .sparen__loyaltylevels__level__name__icon lottie-player { width: 45px; height: 45px; } .account__profile__content__dashboard__mainblock.sparen .sparen__loyaltylevels__level__name__text p { margin-bottom: 0; font-family: poppins; font-size: 15px; font-weight: bold; } .account__profile__content__dashboard__mainblock.sparen .sparen__loyaltylevels__level__benefits { padding: 5px 20px; } @media print, screen and (min-width: 64em) { .account__profile__content__dashboard__mainblock.sparen .sparen__loyaltylevels__level__benefits { padding: 0; } } .account__profile__content__dashboard__mainblock.sparen .sparen__loyaltylevels__level__benefits ul { list-style-type: none; margin: 0; padding: 0; } .account__profile__content__dashboard__mainblock.sparen .sparen__loyaltylevels__level__benefits ul li { margin-bottom: 5px; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .account__profile__content__dashboard__mainblock.sparen .sparen__loyaltylevels__level__benefits ul li .icon { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; margin-right: 10px; min-width: 14px; } .account__profile__content__dashboard__mainblock.sparen .sparen__loyaltylevels__level__benefits ul li .benefit-container { background: #F8F8FA; border-radius: 100px; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-align: center; align-items: center; gap: 15px; padding: 4px 12px; } .account__profile__content__dashboard__mainblock.sparen .sparen__loyaltylevels__level__benefits ul li img { width: 14px; height: 14px; filter: invert(17%) sepia(7%) saturate(6159%) hue-rotate(200deg) brightness(97%) contrast(107%); } .account__profile__content__dashboard__mainblock.sparen .sparen__loyaltylevels__level__benefits ul li img.unlocked { display: none; } .account__profile__content__dashboard__mainblock.sparen .sparen__loyaltylevels__level__benefits ul li span, .account__profile__content__dashboard__mainblock.sparen .sparen__loyaltylevels__level__benefits ul li .text, .account__profile__content__dashboard__mainblock.sparen .sparen__loyaltylevels__level__benefits ul li .text a { font-size: 14px; text-align: left; line-height: 1.2; } .account__profile__content__dashboard__mainblock.sparen .sparen__loyaltylevels__level__benefits ul li:last-of-type { margin-bottom: 0px; } .account__profile__content__dashboard__mainblock.sparen .sparen__loyaltylevels__level__todolist { justify-self: end; padding: 5px 20px; padding-bottom: 20px; min-width: 100%; max-width: 100%; margin-left: 0px; } @media print, screen and (min-width: 64em) { .account__profile__content__dashboard__mainblock.sparen .sparen__loyaltylevels__level__todolist { padding: 0; min-width: unset; width: 377px; max-width: 377px; padding: 19px; padding-left: 0px; } } .account__profile__content__dashboard__mainblock.sparen .sparen__loyaltylevels__level__todolist ul { margin: 0; list-style-type: none; padding: 0; } @media print, screen and (min-width: 64em) { .account__profile__content__dashboard__mainblock.sparen .sparen__loyaltylevels__level__todolist ul { max-width: 358px; } } .account__profile__content__dashboard__mainblock.sparen .sparen__loyaltylevels__level__todolist__knop { background: #1C2663; border-radius: 8px; padding: 12px; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .account__profile__content__dashboard__mainblock.sparen .sparen__loyaltylevels__level__todolist__knop img { width: 31px; height: 31px; filter: invert(97%) sepia(3%) saturate(3040%) hue-rotate(225deg) brightness(113%) contrast(103%); -ms-flex-item-align: center; align-self: center; opacity: 0.57; } .account__profile__content__dashboard__mainblock.sparen .sparen__loyaltylevels__level__todolist__knop__tekstdiv { margin-left: 20px; } .account__profile__content__dashboard__mainblock.sparen .sparen__loyaltylevels__level__todolist__knop.premium { background: #ff9900; } .account__profile__content__dashboard__mainblock.sparen .sparen__loyaltylevels__level__todolist li { list-style-type: none; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; gap: 10px; margin-bottom: 5px; text-align: left; } .account__profile__content__dashboard__mainblock.sparen .sparen__loyaltylevels__level__todolist li:last-of-type { margin-bottom: 0px; } .account__profile__content__dashboard__mainblock.sparen .sparen__loyaltylevels__level__todolist li .benefit-container { text-align: start; line-height: 1; } .account__profile__content__dashboard__mainblock.sparen .sparen__loyaltylevels__level__todolist li span { color: white; font-size: 14px; font-family: 'Poppins', sans-serif !important; font-weight: 500; text-align: start; } .account__profile__content__dashboard__mainblock.sparen .sparen__loyaltylevels__level__todolist li.achieved div.text { text-decoration: line-through; text-align: left; } .account__profile__content__dashboard__mainblock.sparen .sparen__loyaltylevels__level__todolist li.achieved div.icon img { filter: invert(11%) sepia(48%) saturate(3214%) hue-rotate(225deg) brightness(95%) contrast(95%); } .account__profile__content__dashboard__mainblock.sparen .sparen__loyaltylevels__level__todolist div.icon { min-width: 15px; line-height: 1; margin-right: 5px; } .account__profile__content__dashboard__mainblock.sparen .sparen__loyaltylevels__level__todolist div.icon img { filter: invert(56%) sepia(42%) saturate(1345%) hue-rotate(0deg) brightness(104%) contrast(105%); width: 20px; } @media print, screen and (min-width: 64em) { .account__profile__content__dashboard__mainblock.sparen .sparen__loyaltylevels__level__todolist div.icon { margin-right: 20px; } } .account__profile__content__dashboard__mainblock.sparen .sparen__loyaltylevels__level__todolist div.text { font-size: 14px; font-weight: 400; font-family: 'Poppins', sans-serif; width: fit-content; line-height: 1; } .account__profile__content__dashboard__mainblock.sparen .sparen__loyaltylevels__level.achieved { cursor: default; border-color: rgba(30, 34, 93, 0.5); } .account__profile__content__dashboard__mainblock.sparen .sparen__loyaltylevels__level.achieved .sparen__loyaltylevels__level__status { display: none; } .account__profile__content__dashboard__mainblock.sparen .sparen__loyaltylevels__level.achieved .sparen__loyaltylevels__level__benefits img.benefit { display: none; } .account__profile__content__dashboard__mainblock.sparen .sparen__loyaltylevels__level.achieved .sparen__loyaltylevels__level__benefits img.unlocked { display: block; } .account__profile__content__dashboard__mainblock.sparen .sparen__loyaltylevels__level.achieved .sparen__loyaltylevels__level__status { opacity: 0.5; } .account__profile__content__dashboard__mainblock.sparen .sparen__loyaltylevels__level.achieved .sparen__loyaltylevels__level__name { opacity: 0.5; } .account__profile__content__dashboard__mainblock.sparen .sparen__loyaltylevels__level.achieved .sparen__loyaltylevels__level__benefits { opacity: 0.5; } .account__profile__content__dashboard__mainblock.sparen .sparen__loyaltylevels__level.achieved .sparen__loyaltylevels__level__todolist { opacity: 0.5; } .account__profile__content__dashboard__mainblock.sparen .sparen__loyaltylevels__level.current { border-color: #1e225d; } .account__profile__content__dashboard__mainblock.sparen .sparen__loyaltylevels__level.current .sparen__loyaltylevels__level__status { opacity: 1; } .account__profile__content__dashboard__mainblock.sparen .sparen__loyaltylevels__level.current .sparen__loyaltylevels__level__name { opacity: 1; } .account__profile__content__dashboard__mainblock.sparen .sparen__loyaltylevels__level.current .sparen__loyaltylevels__level__benefits { opacity: 1; } .account__profile__content__dashboard__mainblock.sparen .sparen__loyaltylevels__level.current .sparen__loyaltylevels__level__todolist { opacity: 1; } .account__profile__content__dashboard__mainblock.sparen .sparen__loyaltylevels__level.nextlevel .sparen__loyaltylevels__level__status { display: block; } .account__profile__content__dashboard__mainblock.sparen .sparen__loyaltylevels__level.nextlevel .sparen__loyaltylevels__level__status img.locked { display: block; } .account__profile__content__dashboard__mainblock.sparen .sparen__loyaltylevels__level.nextlevel .sparen__loyaltylevels__level__status img.unlocked { display: none; } .account__profile__content__dashboard__mainblock.sparen .sparen__loyaltylevels__level.nextlevel .sparen__loyaltylevels__level__status img.premiumlocked { display: none; } .account__profile__content__dashboard__mainblock.sparen .sparen__loyaltylevels__level.locked { border-color: rgba(30, 34, 93, 0.5); } .account__profile__content__dashboard__mainblock.sparen .sparen__loyaltylevels__level.locked .sparen__loyaltylevels__level__status { opacity: 0.5; } .account__profile__content__dashboard__mainblock.sparen .sparen__loyaltylevels__level.locked .sparen__loyaltylevels__level__name { opacity: 0.5; } .account__profile__content__dashboard__mainblock.sparen .sparen__loyaltylevels__level.locked .sparen__loyaltylevels__level__benefits { opacity: 0.5; } .account__profile__content__dashboard__mainblock.sparen .sparen__loyaltylevels__level.locked .sparen__loyaltylevels__level__todolist { opacity: 1; } .account__profile__content__dashboard__mainblock.sparen .sparen__loyaltylevels__level.premium { border-color: #ff9900; } .account__profile__content__dashboard__mainblock.sparen .sparen__loyaltylevels__level.premium .sparen__loyaltylevels__level__status { display: block; background: linear-gradient(to top left, transparent 0%, transparent 50%, #ff9900 50%, #ff9900 100%); } .account__profile__content__dashboard__mainblock.sparen .sparen__loyaltylevels__level.premium .sparen__loyaltylevels__level__status img.locked { display: none; } .account__profile__content__dashboard__mainblock.sparen .sparen__loyaltylevels__level.premium .sparen__loyaltylevels__level__status img.unlocked { display: block; } .account__profile__content__dashboard__mainblock.sparen .sparen__loyaltylevels__level.premium .sparen__loyaltylevels__level__status img.premiumlocked { display: none; } .account__profile__content__dashboard__mainblock.sparen .sparen__loyaltylevels__level.premiumlocked { border-color: #ff9900; } .account__profile__content__dashboard__mainblock.sparen .sparen__loyaltylevels__level.premiumlocked .sparen__loyaltylevels__level__status { display: block; background: linear-gradient(to top left, transparent 0%, transparent 50%, #ff9900 50%, #ff9900 100%); } .account__profile__content__dashboard__mainblock.sparen .sparen__loyaltylevels__level.premiumlocked .sparen__loyaltylevels__level__status img.locked { display: none; } .account__profile__content__dashboard__mainblock.sparen .sparen__loyaltylevels__level.premiumlocked .sparen__loyaltylevels__level__status img.unlocked { display: none; } .account__profile__content__dashboard__mainblock.sparen .sparen__loyaltylevels__level.premiumlocked .sparen__loyaltylevels__level__status img.premiumlocked { display: block; } .account__profile__content__dashboard__mainblock.sparen .sparen__loyaltylevels__level.premiumlocked .sparen__loyaltylevels__level__status { opacity: 1; } .account__profile__content__dashboard__mainblock.sparen .sparen__loyaltylevels__level.premiumlocked .sparen__loyaltylevels__level__name { opacity: 1; } .account__profile__content__dashboard__mainblock.sparen .sparen__loyaltylevels__level.premiumlocked .sparen__loyaltylevels__level__benefits { opacity: 1; } .account__profile__content__dashboard__mainblock.sparen .sparen__loyaltylevels__level.premiumlocked .sparen__loyaltylevels__level__todolist { opacity: 1; } .account__profile__content__dashboard__mainblock.sparen .sparen__loyaltylevels__level.premiumlocked .sparen__loyaltylevels__level__Premiumbuybuttom { display: block; } .account__profile__content__dashboard__mainblock.sparen .sparenvoorextras { padding: 0; } @media print, screen and (min-width: 64em) { .account__profile__content__dashboard__mainblock.sparen .sparenvoorextras { height: fit-content; } } .account__profile__content__dashboard__mainblock.sparen .sparenvoorextras__title { font-family: 'Lexend', sans-serif; font-size: 23px; font-weight: bold; color: #1C2663; margin-bottom: 25px; letter-spacing: -0.44px; text-align: left; } .account__profile__content__dashboard__mainblock.sparen .sparenvoorextras__title span { color: #9DA2BF; font-weight: 500; } .account__profile__content__dashboard__mainblock.sparen .sparenvoorextras__tekst { font-size: 14px; font-family: 'Poppins', sans-serif; margin-top: 0px; } @media print, screen and (min-width: 64em) { .account__profile__content__dashboard__mainblock.sparen .sparenvoorextras__tekst { margin-right: 50px; } } .account__profile__content__dashboard__mainblock.sparen .sparenvoorextras__huidiglevel { display: -ms-flexbox; display: flex; justify-items: center; gap: 20px; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; text-align: initial; } @media print, screen and (min-width: 40em) { .account__profile__content__dashboard__mainblock.sparen .sparenvoorextras__huidiglevel { -ms-flex-direction: row; flex-direction: row; gap: 30px; -ms-flex-align: center; align-items: center; justify-items: start; text-align: center; } } @media print, screen and (min-width: 64em) { .account__profile__content__dashboard__mainblock.sparen .sparenvoorextras__huidiglevel { gap: 40px; } } @media screen and (min-width: 75em) { .account__profile__content__dashboard__mainblock.sparen .sparenvoorextras__huidiglevel { gap: 60px; } } @media screen and (min-width: 90em) { .account__profile__content__dashboard__mainblock.sparen .sparenvoorextras__huidiglevel { gap: 100px; } } .account__profile__content__dashboard__mainblock.sparen .sparenvoorextras__huidiglevel__img { -ms-flex-pack: center; justify-content: center; display: -ms-flexbox; display: flex; } @media print, screen and (min-width: 64em) { .account__profile__content__dashboard__mainblock.sparen .sparenvoorextras__huidiglevel__img { -ms-flex-pack: initial; justify-content: initial; display: block; } } .account__profile__content__dashboard__mainblock.sparen .sparenvoorextras__huidiglevel__niveau { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; gap: 10px; } @media print, screen and (min-width: 40em) { .account__profile__content__dashboard__mainblock.sparen .sparenvoorextras__huidiglevel__niveau { -ms-flex-pack: start; justify-content: flex-start; width: fit-content; } } .account__profile__content__dashboard__mainblock.sparen .sparenvoorextras__huidiglevel__niveau__extralayer { border: 1px solid #1C2663; border-radius: 100px; padding: 7px; } .account__profile__content__dashboard__mainblock.sparen .sparenvoorextras__huidiglevel__niveau__icon { position: relative; border: 1px solid #1C2663; border-radius: 100px; } .account__profile__content__dashboard__mainblock.sparen .sparenvoorextras__huidiglevel__niveau__icon lottie-player { width: 38px; height: 38px; } .account__profile__content__dashboard__mainblock.sparen .sparenvoorextras__huidiglevel__niveau__icon .locked { display: none; width: 20px; height: 20px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); filter: invert(10%) sepia(54%) saturate(3706%) hue-rotate(226deg) brightness(90%) contrast(91%); } .account__profile__content__dashboard__mainblock.sparen .sparenvoorextras__huidiglevel__niveau__icon.starter { opacity: 0.71; } .account__profile__content__dashboard__mainblock.sparen .sparenvoorextras__huidiglevel__niveau__icon.starter lottie-player { opacity: 0.5; } .account__profile__content__dashboard__mainblock.sparen .sparenvoorextras__huidiglevel__niveau__icon.starter .locked { display: inline; } .account__profile__content__dashboard__mainblock.sparen .sparenvoorextras__huidiglevel__niveau p { font-family: 'Poppins', sans-serif; text-align: left; margin-bottom: 0; font-size: 14px; letter-spacing: -0.28px; line-height: 1.4; } .account__profile__content__dashboard__mainblock.sparen .sparenvoorextras__huidiglevel__niveau .huidigbold { font-weight: bold; font-size: 14px; } .account__profile__content__dashboard__mainblock.sparen .sparenvoorextras__huidiglevel__budget .title, .account__profile__content__dashboard__mainblock.sparen .sparenvoorextras__huidiglevel__budget .money { font-size: 14px; line-height: 1.4; } .account__profile__content__dashboard__mainblock.sparen .sparenvoorextras__huidiglevel__budget .money { font-weight: normal; } .account__profile__content__dashboard__mainblock.sparen .sparenvoorextras__huidiglevel__budget .money span { font-weight: bold; } .account__profile__content__dashboard__mainblock.sparen .sparenvoorextras__huidiglevel__budget .opleidingsbudgetedit { padding: 0px; } .account__profile__content__dashboard__mainblock.sparen .sparenvoorextras__huidiglevel__progressbalkdiv { width: 100%; } @media print, screen and (min-width: 40em) { .account__profile__content__dashboard__mainblock.sparen .sparenvoorextras__huidiglevel__progressbalkdiv { width: 300px; } } .account__profile__content__dashboard__mainblock.sparen .sparenvoorextras__huidiglevel__progressbalkdiv__tekst { color: #1C2663; font-size: 14px; font-family: 'Poppins', sans-serif; } .account__profile__content__dashboard__mainblock.sparen .sparenvoorextras__huidiglevel__progressbalkdiv__tekst p { font-family: 'Poppins', sans-serif; margin-bottom: 0px; text-align: left; } .account__profile__content__dashboard__mainblock.sparen .sparenvoorextras__huidiglevel__progressbalkdiv__tekst span { font-weight: 700; } .account__profile__content__dashboard__mainblock.sparen .sparenvoorextras__huidiglevel__progressbalkdiv__balk { width: 100%; height: 16px; position: relative; } .account__profile__content__dashboard__mainblock.sparen .sparenvoorextras__huidiglevel__progressbalkdiv__balk__fullbalk { position: absolute; width: 100%; height: 100%; background: #EDEDED; border-radius: 4px; } .account__profile__content__dashboard__mainblock.sparen .sparenvoorextras__huidiglevel__progressbalkdiv__balk__userbalk { max-width: 100%; position: absolute; height: 100%; background: #FFBA00; border-radius: 5px; z-index: 3; } .account__profile__content__dashboard__mainblock.sparen .sparenvoorextras__huidiglevel__personalbudget__tekst { margin-bottom: 0px; font-size: 14px; font-family: 'Poppins', sans-serif; text-align: left; } .account__profile__content__dashboard__mainblock.sparen .sparenvoorextras__huidiglevel__personalbudget__tekst svg { width: 14px; height: 14px; margin-left: 5px; } .account__profile__content__dashboard__mainblock.sparen .sparenvoorextras__huidiglevel__personalbudget__budget { margin-bottom: 0px; font-size: 14px; font-family: 'Poppins', sans-serif; font-weight: 700; text-align: left; display: -ms-flexbox; display: flex; gap: 5px; -ms-flex-align: center; align-items: center; } .account__profile__content__dashboard__mainblock.sparen .sparenvoorextras__huidiglevel__personalbudget__budget img { width: 14px; height: 14px; filter: invert(9%) sepia(69%) saturate(3357%) hue-rotate(229deg) brightness(88%) contrast(91%); } .account__profile__content__dashboard__mainblock.sparen .sparenvoorextras__huidiglevel__text p { max-width: 356px; margin-bottom: 0px; font-family: poppins; font-size: 15px; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .account__profile__content__dashboard__mainblock.sparen .sparenvoorextras__huidiglevel__punten p { margin-bottom: 0; font-size: 14px; letter-spacing: -0.28px; } .account__profile__content__dashboard__mainblock.sparen .sparenvoorextras__huidiglevel__punten ul { list-style-type: none; margin: 0; margin-top: 10px; } @media print, screen and (min-width: 64em) { .account__profile__content__dashboard__mainblock.sparen .sparenvoorextras__huidiglevel__punten ul { margin-top: 0px; } } .account__profile__content__dashboard__mainblock.sparen .sparenvoorextras__huidiglevel__punten li { font-weight: 500; display: -ms-flexbox; display: flex; gap: 10px; -ms-flex-align: center; align-items: center; margin-bottom: 5px; font-size: 14px; letter-spacing: -0.28px; } .account__profile__content__dashboard__mainblock.sparen .sparenvoorextras__huidiglevel__punten li:last-of-type { margin-bottom: 0px; } .account__profile__content__dashboard__mainblock.sparen .sparenvoorextras__huidiglevel__punten img { width: 14px; filter: invert(9%) sepia(70%) saturate(2195%) hue-rotate(226deg) brightness(104%) contrast(97%); } .account__profile__content__dashboard__mainblock.sparen .sparenvoorextras__huidiglevel__voortgang p { margin-bottom: 0px; font-size: 14px; letter-spacing: -0.28px; } .account__profile__content__dashboard__mainblock.sparen .sparenvoorextras__huidiglevel__voortgang__bardiv { display: -ms-flexbox; display: flex; } .account__profile__content__dashboard__mainblock.sparen .sparenvoorextras__tierlist { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; } .account__profile__content__dashboard__mainblock.sparen .sparenvoorextras__tierlist__box { text-align: center; display: grid; justify-items: center; } .account__profile__content__dashboard__mainblock.sparen .sparenvoorextras__tierlist__box svg { width: 55px; height: 55px; } .account__profile__content__dashboard__mainblock.sparen .sparenvoorextras__tierlist__box lottie-player { width: 55px; height: 55px; } .account__profile__content__dashboard__mainblock.sparen .sparenvoorextras__tierlist__box__title { margin-bottom: 0px; font-weight: bold; text-align: center; } .account__profile__content__dashboard__mainblock.sparen .sparenvoorextras__tierlist__box__tekst { margin-bottom: 0px; text-align: center; font-weight: 500; font-size: 14px; } .account__profile__content__dashboard__mainblock.sparen .sparenvoorextras .sparenvoorextras__punten { display: grid; grid-template-columns: 9fr 1fr; margin-top: 25px; } .account__profile__content__dashboard__mainblock.sparen .sparenvoorextras .sparenvoorextras__punten__bar { margin-top: 5px; width: 100%; background-color: #ededed; border-radius: 4px; min-height: 16px; } .account__profile__content__dashboard__mainblock.sparen .sparenvoorextras .sparenvoorextras__punten__bar__insidebar { width: 85%; height: 100%; background: #ffba00; border-radius: 4px; } .account__profile__content__dashboard__mainblock.sparen .sparenvoorextras .sparenvoorextras__punten__getal { margin-bottom: 0px; font-size: 16px; font-weight: bold; } .account__profile__content__dashboard__mainblock.sparen .sparenvoorextras__benefits { background-color: #F8F8FA; padding: 20px; margin-bottom: 11px; border-radius: 8px; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; gap: 15px; } .account__profile__content__dashboard__mainblock.sparen .sparenvoorextras__benefits p { margin-bottom: 0; text-align: left; } .account__profile__content__dashboard__mainblock.sparen .sparenvoorextras__benefits ul { margin-bottom: 0; } .account__profile__content__dashboard__mainblock.sparen .sparenvoorextras__benefits ul li { text-align: left; } .account__profile__content__dashboard__mainblock.sparen .sparenvoorextras__benefits:last-of-type { margin-bottom: 0px; } .account__profile__content__dashboard__mainblock.sparen .sparenvoorextras__benefits.achieved .sparenvoorextras__huidiglevel__img img { display: none; } .account__profile__content__dashboard__mainblock.sparen .sparenvoorextras__benefits.achieved .sparenvoorextras__huidiglevel__punten img.benefit { display: none; } .account__profile__content__dashboard__mainblock.sparen .sparenvoorextras__benefits.locked .sparenvoorextras__huidiglevel__img { position: relative; } .account__profile__content__dashboard__mainblock.sparen .sparenvoorextras__benefits.locked .sparenvoorextras__huidiglevel__img lottie-player { opacity: 0.5; } .account__profile__content__dashboard__mainblock.sparen .sparenvoorextras__benefits.locked .sparenvoorextras__huidiglevel__img img { position: absolute; top: 16px; left: 16px; filter: invert(21%) sepia(12%) saturate(3912%) hue-rotate(197deg) brightness(83%) contrast(107%); } .account__profile__content__dashboard__mainblock.sparen .sparenvoorextras__benefits.locked .sparenvoorextras__huidiglevel__niveau, .account__profile__content__dashboard__mainblock.sparen .sparenvoorextras__benefits.locked .sparenvoorextras__huidiglevel__punten { opacity: 0.5; } .account__profile__content__dashboard__mainblock.sparen .sparenvoorextras__benefits.locked .sparenvoorextras__huidiglevel__punten img.unlocked { display: none; } @media print, screen and (min-width: 64em) { .account__profile__content__dashboard__mainblock.sparen .sparenvoorextras__benefits { display: grid; grid-template-columns: 1fr 2fr 7fr; } .account__profile__content__dashboard__mainblock.sparen .sparenvoorextras__benefits .sparenvoorextras__huidiglevel__niveau, .account__profile__content__dashboard__mainblock.sparen .sparenvoorextras__benefits .sparenvoorextras__huidiglevel__punten { padding-top: 5px; } } @media print, screen and (min-width: 64em) { .account__profile__content__dashboard__mainblock.sparen .hoesparen-lijst { padding-right: 40px; } } .account__profile__content__dashboard__mainblock.sparen .hoesparen { margin-top: 50px; border-radius: 20px; } @media print, screen and (min-width: 64em) { .account__profile__content__dashboard__mainblock.sparen .hoesparen { margin-top: 0px; overflow: scroll; overflow-x: scroll; height: 100%; overflow-x: hidden; -ms-overflow-style: none; /* IE and Edge */ scrollbar-width: none; /* Firefox */ padding: 30px; background-color: #f8f8fa; } .account__profile__content__dashboard__mainblock.sparen .hoesparen::-webkit-scrollbar { display: none; } .account__profile__content__dashboard__mainblock.sparen .hoesparen p:not(.hoesparen__title) { margin-bottom: 0 !important; } } .account__profile__content__dashboard__mainblock.sparen .hoesparen__title { font-family: 'Lexend', sans-serif; font-size: 16px; font-weight: 600; color: #1C2663; margin-bottom: 11px; text-align: start; margin-top: 20px; letter-spacing: -0.32px; text-align: left; } .account__profile__content__dashboard__mainblock.sparen .hoesparen__title:first-of-type { margin-top: 0px; } .account__profile__content__dashboard__mainblock.sparen .hoesparen__todolist { margin-left: 0px; } .account__profile__content__dashboard__mainblock.sparen .hoesparen__todolist li { list-style-type: none; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; gap: 10px; background-color: white; border-radius: 100px; padding: 5px 10px; margin-bottom: 5px; } .account__profile__content__dashboard__mainblock.sparen .hoesparen__todolist li:last-of-type { margin-bottom: 0px; } .account__profile__content__dashboard__mainblock.sparen .hoesparen__todolist li.achieved div.text { text-decoration: line-through; } .account__profile__content__dashboard__mainblock.sparen .hoesparen__todolist li.achieved div.points { min-width: 45px; text-align: center; } .account__profile__content__dashboard__mainblock.sparen .hoesparen__todolist li.achieved div.points img { filter: invert(16%) sepia(36%) saturate(2705%) hue-rotate(214deg) brightness(86%) contrast(102%); width: 16px; } .account__profile__content__dashboard__mainblock.sparen .hoesparen__todolist div.left { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 15px; } .account__profile__content__dashboard__mainblock.sparen .hoesparen__todolist div.icon { min-width: 20px; line-height: 1; } .account__profile__content__dashboard__mainblock.sparen .hoesparen__todolist div.icon img { filter: invert(56%) sepia(42%) saturate(1345%) hue-rotate(0deg) brightness(104%) contrast(105%); width: 20px; } .account__profile__content__dashboard__mainblock.sparen .hoesparen__todolist div.text { font-size: 14px; font-weight: 400; font-family: 'Poppins', sans-serif; width: fit-content; line-height: 1; } .account__profile__content__dashboard__mainblock.sparen .hoesparen__todolist div.points { border: 1px solid #D3D3D3; border-radius: 100px; font-size: 14px; font-weight: 400; font-family: 'Poppins', sans-serif; width: fit-content; padding: 5px 10px; line-height: 1; } .account__profile__content__settings__header { font-family: 'Lexend', sans-serif; font-display: fallback; text-align: left; font-size: 1.5rem; font-weight: 800; color: #1E225C; } @media print, screen and (min-width: 64em) { .account__profile__content__settings__header { margin-bottom: 10px; font-size: 30px; } } .account__profile__content__settings__menu { background: #FFFFFF 0% 0% no-repeat padding-box; box-shadow: 0px 15px 30px rgba(42, 62, 82, 0.098); border-radius: 8px; margin-bottom: 30px; } @media print, screen and (min-width: 64em) { .account__profile__content__settings__menu { position: sticky; top: 90px; margin-bottom: 0px; height: 100%; } } .account__profile__content__settings__menu__header { font-weight: 500; padding: 19px 22px; border-bottom: 1px solid #EAEAEA; color: #1E225C; font-family: 'Lexend', sans-serif; font-display: fallback; } .account__profile__content__settings__menu__items { list-style-type: none; margin: 22px 0px; } .account__profile__content__settings__menu__items a { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 13px; text-decoration: none; } .account__profile__content__settings__menu__items a img { width: 16px; filter: invert(56%) sepia(42%) saturate(1345%) hue-rotate(0deg) brightness(104%) contrast(105%); } .account__profile__content__settings__menu__items a:hover span { text-decoration: underline; } .account__profile__content__settings__sections__container { background: #FFFFFF 0% 0% no-repeat padding-box; box-shadow: 0px 15px 30px rgba(42, 62, 82, 0.098); border-radius: 8px; padding: 35px 22px; } @media print, screen and (min-width: 64em) { .account__profile__content__settings__sections__container { padding: 60px; } } .account__profile__content__settings__section__header { font-family: 'Lexend', sans-serif; font-display: fallback; text-align: left; font-size: 1.3rem; font-weight: 800; color: #1E225C; border-bottom: 1px solid #1e225d; padding: 15px 0px; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; } @media print, screen and (min-width: 64em) { .account__profile__content__settings__section__header { margin-bottom: 10px; font-size: 22px; } } .account__profile__content__settings__section__header > div { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .account__profile__content__settings__section__header__message { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; color: #7E8088; letter-spacing: -0.28px; font-size: 14px; font-weight: 300; } .account__profile__content__settings__section__header__message strong { color: #1e225d; } .account__profile__content__settings__section__header .important-icon { filter: invert(55%) sepia(8%) saturate(279%) hue-rotate(190deg) brightness(91%) contrast(92%); } .account__profile__content__settings__section__header img { width: 16px; margin-right: 10px; margin-left: 10px; } .account__profile__content__settings__section__header:hover { cursor: pointer; } .account__profile__content__settings__section__container { display: none; padding: 35px 0px; } .account__profile__content__settings__section__container__subtitle { font-family: 'Lexend', sans-serif; font-display: fallback; font-size: 16px; font-weight: 600; margin-bottom: 20px; margin-top: 35px; } .account__profile__content__settings__section__container__subtitle:first-of-type { margin-top: 0px; } .account__profile__content__settings__section__container .checkout__form { padding: 0px; border: none; } .account__profile__content__settings__section__container .checkout__form__row { -ms-flex-wrap: wrap; flex-wrap: wrap; } @media print, screen and (min-width: 40em) { .account__profile__content__settings__section__container .checkout__form__row { -ms-flex-wrap: initial; flex-wrap: initial; } } .account__profile__content__settings__section__container .shareinterestpopup .form-addinginterests { -ms-flex-pack: start; justify-content: flex-start; } .account__profile__content__settings__section__container .shareinterestpopup .shareinterestpopup__box__submitknop { -ms-flex-pack: start; justify-content: flex-start; } .account .certificate-box { width: 150px; height: 200px; border: 2px dashed transparent; position: relative; border-radius: 8px; } .account .certificate-box img { width: 100%; height: 100%; object-fit: cover; border-radius: 8px; } .account .certificate-box:after { display: block; position: absolute; background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, #000 100%); content: ''; top: 0; right: 0; bottom: 0; left: 0; opacity: 0.5; border-radius: 8px; } .account .certificate-box .certificate-overlay { position: absolute; bottom: 0; left: 0; width: 100%; white-space: initial; padding: 5px 10px; margin-bottom: 0; color: white; border-radius: 8px; z-index: 3; line-height: 1.2; } .account .certificate-box.unfilled { border: 2px dashed rgba(28, 38, 99, 0.18); } .account .certificate-box.unfilled:after { display: none; } .login-modal { padding: 0px; border-radius: 12px; border: none; } @media print, screen and (min-width: 40em) { .login-modal { width: 75vw; max-width: 789px; } } .login-modal__switch { font-family: 'Lexend', sans-serif; font-display: fallback; } .login-modal__switch__current { background: white; padding: 26px; font-size: 1rem; font-weight: 800; text-align: center; color: #1E225C; letter-spacing: -0.4px; } .login-modal__switch__option { background: #1E225C; color: white; padding: 26px; font-size: 1rem; font-weight: 800; text-align: center; letter-spacing: -0.4px; cursor: pointer; } .login-modal__switch__option__focus { color: #ff9900; text-decoration: underline; padding-left: 10px; } .login-modal__switch__option:hover__focus { text-decoration: none; } .login-modal__content { padding: 20px; } @media print, screen and (min-width: 40em) { .login-modal__content { padding: 50px; } } .login-modal__content__title { font-size: 1.95rem; font-weight: 900; letter-spacing: -0.62px; font-family: 'Lexend', sans-serif; font-display: fallback; color: #1E225C; text-align: left; } .login-modal__content label { font-size: 0.9rem; letter-spacing: -0.28px; font-family: 'Lexend', sans-serif; font-display: fallback; color: #1E225C; } .login-modal__content input[type='text'], .login-modal__content input[type='password'], .login-modal__content input[type='email'] { border: 1px solid #1C2663; border-radius: 4px; margin-bottom: 13px; padding: 15px 10px 12px 10px; min-height: 47px; } .login-modal__content input[type='text']:-ms-input-placeholder, .login-modal__content input[type='password']:-ms-input-placeholder, .login-modal__content input[type='email']:-ms-input-placeholder { font-family: 'Lexend', sans-serif; font-display: fallback; } .login-modal__content input[type='text']::placeholder, .login-modal__content input[type='password']::placeholder, .login-modal__content input[type='email']::placeholder { font-family: 'Lexend', sans-serif; font-display: fallback; } .account-dropdown { box-shadow: 0px 15px 30px rgba(42, 62, 82, 0.098); border-radius: 8px; border: none; padding: 0px !important; left: auto !important; right: 30px; top: 80px !important; width: 220px; } .account-dropdown__menu__section { border-bottom: 1px solid #EAEAEA; padding: 12px 14px; } .account-dropdown__menu__section ul { list-style-type: none; margin: 0px; } .account-dropdown__menu__section ul li { margin: 5px 0px; } .account-dropdown__menu__section ul li a { text-decoration: none; } .account-dropdown__menu__section ul li a img { width: 15px; height: 15px; margin-right: 10px; object-fit: contain; filter: invert(13%) sepia(67%) saturate(1543%) hue-rotate(216deg) brightness(95%) contrast(100%); } .account-dropdown__menu__section ul li a img.membership { width: 18px; margin-right: 7px; } .account-dropdown__menu__section ul li a:hover { text-decoration: underline; } .account-dropdown__menu__section ul.logout { margin-top: 5px; } .account-dropdown__menu__section ul.logout li a { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; column-gap: 10px; } .account-dropdown__menu__section ul.logout li a svg { transform: scale(0.75); } .account-dropdown__menu__section ul.logout li a svg path { fill: #1E225C; } .account-dropdown__menu__section.credits a:hover { text-decoration: none; } .account-dropdown__menu__section.credits span .money { border: 1px solid #d9d9d9; margin-left: 5px; padding-left: 8px; padding-right: 8px; border-radius: 8px; } .account-dropdown__menu__section.header { font-weight: 500; font-family: 'Lexend', sans-serif; font-display: fallback; color: #1E225C; } .account-dropdown__menu__section:last-of-type { border-bottom: none; } .account-dropdown.mobile { z-index: 11000; width: 100% !important; top: 75px !important; right: 0px !important; position: fixed; height: 1000px; display: block; } .account-dropdown.mobile .mobile-name { display: -ms-flexbox; display: flex; } .account-dropdown.mobile .mobile-name li { padding-top: 10px; } .account-dropdown.mobile .mobile-name li a { font-size: 16px; } .account-dropdown.mobile .mobile-name button { top: auto; padding-left: 22px; border: 1px solid #1E225C; border-radius: 100px; padding-bottom: 10px; } .account-dropdown.mobile .mobile-name button .new-back { font-size: 16px; font-weight: 500; position: relative; font-family: 'lexend'; margin-left: 0; text-decoration: none; padding-right: 15px; padding-top: 10px; padding-bottom: 10px; color: #1E225C; } .account-dropdown.mobile .mobile-text-section a { font-size: 16px; } .account-dropdown.mobile .mobile-text-section.credits span { font-size: 16px; } @media print, screen and (min-width: 40em) { .account-dropdown.mobile { width: 560px !important; top: 80px !important; } } .profile-avatar-field { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; } @media print, screen and (min-width: 40em) { .profile-avatar-field { display: block; } } .profile-avatar-field .avatar-container { max-width: 120px; max-height: 120px; width: 120px; height: 120px; margin-top: 10px; } @media print, screen and (min-width: 40em) { .profile-avatar-field .avatar-container { margin-top: 0px; } } .profile-avatar-field .hoverprofilebg, .profile-avatar-field .hoverprofileimg { opacity: 0; transition: opacity 400ms; position: absolute; height: 120px; width: 120px; border-radius: 100%; } .profile-avatar-field .profile-avatar { width: 100%; padding-bottom: 100%; border-radius: 100%; text-align: center; background-color: #1E225C; position: relative; } .profile-avatar-field .profile-avatar span { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: white; font-weight: bold; font-family: 'Lexend', sans-serif; font-display: fallback; font-size: 3.75rem; } .profile-avatar-field .profile-avatar__personimage { background-position: center; background-repeat: no-repeat; background-size: cover; } @media print, screen and (min-width: 40em) { .profile-avatar-field .profile-avatar { width: 100%; padding-bottom: 100%; } } .profile-avatar-field .profile-avatar:hover .hoverprofilebg { background-color: #000; opacity: 50%; } .profile-avatar-field .profile-avatar:hover .hoverprofileimg { filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(93deg) brightness(103%) contrast(103%); opacity: 50%; background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yNCAyMmgtMjR2LTIwaDI0djIwem0tMS0xOWgtMjJ2MThoMjJ2LTE4em0tMSAxNmgtMTlsNC03LjQ5MiAzIDMuMDQ4IDUuMDEzLTcuNTU2IDYuOTg3IDEyem0tMTEuODQ4LTIuODY1bC0yLjkxLTIuOTU2LTIuNTc0IDQuODIxaDE1LjU5M2wtNS4zMDMtOS4xMDgtNC44MDYgNy4yNDN6bS00LjY1Mi0xMS4xMzVjMS4zOCAwIDIuNSAxLjEyIDIuNSAyLjVzLTEuMTIgMi41LTIuNSAyLjUtMi41LTEuMTItMi41LTIuNSAxLjEyLTIuNSAyLjUtMi41em0wIDFjLjgyOCAwIDEuNS42NzIgMS41IDEuNXMtLjY3MiAxLjUtMS41IDEuNS0xLjUtLjY3Mi0xLjUtMS41LjY3Mi0xLjUgMS41LTEuNXoiLz48L3N2Zz4="); background-repeat: no-repeat; background-size: 100px 100px; background-position: center; } .profile-avatar-field #selfimage .changedimg { width: 100% !important; height: inherit !important; } .profile-name { margin-bottom: 20px; } @media print, screen and (min-width: 40em) { .profile-name { margin-bottom: 0; } } @media print, screen and (min-width: 64em) { .profile-name { padding-left: 25px !important; } } .profile-name a.name { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; gap: 10px; position: relative; } @media print, screen and (min-width: 64em) { .profile-name a.name { -ms-flex-pack: start; justify-content: flex-start; } } .profile-name a img.edit { width: 25px; opacity: 0.5; transition: all 400ms; filter: invert(18%) sepia(7%) saturate(5545%) hue-rotate(194deg) brightness(99%) contrast(107%); position: absolute; right: -35px; } @media print, screen and (min-width: 64em) { .profile-name a img.edit { position: relative; right: unset; } } .profile-name a:hover img.edit { opacity: 1; } .favorite-link.selected svg.notselected { display: none; } .favorite-link.notselected svg.selected { display: none; } .alert-box ul { margin: 0px; list-style-type: none; padding: 0px; } .alert-box ul li { color: white !important; } .alert-box.alert { border: 1px solid red; background-color: #f44336; padding: 20px; color: white; display: none; border-radius: 8px; margin-bottom: 15px; } .alert-box.success { border: 1px solid green; background-color: #04AA6D; padding: 20px; color: white; display: none; border-radius: 8px; margin-bottom: 15px; } .login-off-canvas { background: white; padding: 100px 25px; width: 100%; box-shadow: none; height: 100%; transform: translateX(100%); } @media print, screen and (min-width: 40em) { .login-off-canvas { width: 560px; transform: translateX(560px); box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2) !important; } } @media print, screen and (min-width: 64em) { .login-off-canvas { padding: 175px 75px; width: 620px; transform: translateX(620px); } } .login-off-canvas .close-button { color: #1e225d; font-size: 4rem; outline: none; right: 2rem; top: 2rem; } .login-off-canvas .close-button:focus { outline: none; } .login-off-canvas .close-button span { font-size: 4rem; } .login-off-canvas__intro { margin-bottom: 57px; } @media print, screen and (min-width: 64em) { .login-off-canvas__intro h2 { font-size: 1.875rem; } } .login-off-canvas__form { margin-bottom: 75px; } .login-off-canvas__form input[type="radio"], .login-off-canvas__form input[type="checkbox"] { transform: scale(1.7); margin-bottom: 0px; margin-right: 22px; margin-left: 5px; } .login-off-canvas__form input[type="radio"] { margin-right: 12px; } .login-off-canvas__form input[type="text"], .login-off-canvas__form input[type="email"], .login-off-canvas__form input[type="tel"], .login-off-canvas__form input[type="date"], .login-off-canvas__form input[type="password"] { margin-bottom: 0px; border: 1px solid #1e225d; border-radius: 4px; padding: 7px 13px; padding: 16px 30px; font-size: 0.9375rem; height: unset; color: #1e225d; box-shadow: none; width: 100%; } .login-off-canvas__form input[type="text"]:-ms-input-placeholder, .login-off-canvas__form input[type="email"]:-ms-input-placeholder, .login-off-canvas__form input[type="tel"]:-ms-input-placeholder, .login-off-canvas__form input[type="date"]:-ms-input-placeholder, .login-off-canvas__form input[type="password"]:-ms-input-placeholder { color: #9798A2; } .login-off-canvas__form input[type="text"]::placeholder, .login-off-canvas__form input[type="email"]::placeholder, .login-off-canvas__form input[type="tel"]::placeholder, .login-off-canvas__form input[type="date"]::placeholder, .login-off-canvas__form input[type="password"]::placeholder { color: #9798A2; } .login-off-canvas__form label { font-weight: 600; color: #1e225d; } .login-off-canvas__form__input-withbutton { position: relative; } .login-off-canvas__form__input-withbutton > input { padding-right: 100px !important; } .login-off-canvas__form__input-withbutton > button { position: absolute; right: 20px; top: 16px; font-weight: 600; color: #1e225d; } .login-off-canvas__text { color: #1e225d; } .login-off-canvas__text a { font-weight: 600; } .login-off-canvas__usps ul { list-style-type: none; margin: 0; } .login-off-canvas__usps ul li { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .login-off-canvas__usps ul li span { font-size: 14px; } .login-off-canvas__usps ul li svg { margin-right: 10px; margin-bottom: 5px; min-width: 20px; } .login-off-canvas__usps ul li svg path { fill: #1e225d; } .alert ul { margin: 0px; list-style-type: none; padding: 0px; } .alert ul li { color: white !important; } .alert-danger { border: 1px solid red; background-color: #f44336; padding: 20px; color: white; } .alert-success { border: 1px solid green; background-color: #04AA6D; padding: 20px; color: white; } @media print, screen and (min-width: 64em) { .instellingen-accountprofile { overflow: unset !important; height: fit-content; background: #f8f8fa; } } @media print, screen and (min-width: 64em) { .instellingenpagina .account__sidebar { position: fixed; top: 74px; } } .underpart_loyality { display: block; height: initial; } @media print, screen and (min-width: 64em) { .underpart_loyality { display: -ms-flexbox; display: flex; } } .account__profile__content__settings__section__header__alert { margin-bottom: 20px; } .eerstecolominspiratiefactory { margin-bottom: 30px; } @media print, screen and (min-width: 40em) { .eerstecolominspiratiefactory { margin-bottom: 0px; } } .content-divider_clubmembership { border-bottom: 1px solid #DDDDDD; clear: both; height: 0; margin: 1.25rem auto; border-top: 0; border-right: 0; border-left: 0; max-width: initial; margin-bottom: 45px; margin-top: 45px; } .membership-smalltext { padding-top: 30px; padding-bottom: 10px; font-size: 14px; margin-bottom: 0 !important; font-family: 'Poppins', sans-serif !important; letter-spacing: -0.28px; color: #8E95B5; font-weight: 300; width: 100%; text-align: start !important; } @media print, screen and (min-width: 64em) { .membership-smalltext { padding-top: 50px; padding-bottom: 50px; } } @media print, screen and (min-width: 40em) { .membership-smalltext { max-width: 800px; } } .smallprogresbar_memebership { display: -ms-flexbox; display: flex; margin-top: 5px; -ms-flex-align: center; align-items: center; } .smallprogresbar_memebership__bardiv { width: 66px; height: 5px; position: relative; } .smallprogresbar_memebership__bardiv__userbar { position: absolute; background-color: #FFBA00; height: 100%; border-radius: 4px; z-index: 2; max-width: 100%; } .smallprogresbar_memebership__bardiv__fullbar { position: absolute; width: 100%; background-color: #EDEDED; height: 100%; border-radius: 4px; } .smallprogresbar_memebership__text { font-size: 12px; color: #1E225D; font-family: 'Poppins', sans-serif !important; margin-left: 5px; } .offCanvaslevelinfo { position: absolute; top: 50% !important; transform: translateY(-50%); margin-left: 20px; margin-right: 20px; } @media print, screen and (min-width: 40em) { .offCanvaslevelinfo { left: 50%; transform: translate(-50%, -50%); } } .offCanvaslevelinfo__box { background: white; box-shadow: 0px 3px 10px rgba(42, 62, 82, 0.129); border-radius: 12px; margin: auto; text-align: center; padding: 30px; position: relative; } @media print, screen and (min-width: 40em) { .offCanvaslevelinfo__box { width: 500px; } } .offCanvaslevelinfo__box__title { font-size: 22px; font-family: 'Lexend', sans-serif; color: #1C2663; font-weight: bold; text-align: left; margin-bottom: 30px; } .offCanvaslevelinfo__box__actions { text-align: left; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; gap: 10px; margin-bottom: 8px; font-size: 14px; } .offCanvaslevelinfo__box__actions .text { color: white; } .offCanvaslevelinfo__box__textitle { text-align: left; font-family: 'Lexend', sans-serif; font-size: 16px; font-weight: bold; color: #1C2663; margin-top: 30px; margin-bottom: 10px; } .offCanvaslevelinfo__box__text { text-align: left; font-size: 16px; color: #1C2663; } .modalCertificate { position: absolute; top: 50% !important; transform: translateY(-50%); margin-left: 20px; margin-right: 20px; } @media print, screen and (min-width: 40em) { .modalCertificate { left: 50%; transform: translate(-50%, -50%); } } .modalCertificate__box { background: white; box-shadow: 0px 3px 10px rgba(42, 62, 82, 0.129); border-radius: 12px; margin: auto; text-align: center; padding: 30px; position: relative; } @media print, screen and (min-width: 40em) { .modalCertificate__box { width: 500px; } } @media print, screen and (min-width: 64em) { .modalCertificate__box { width: 733px; } } .modalCertificate__box__title { font-size: 22px; font-family: 'Lexend', sans-serif; color: #1C2663; font-weight: bold; text-align: left; margin-bottom: 30px; } .modalCertificate__box__divider { height: 1px; background-color: #DDDDDD; margin: 45px 0px; } .modalCertificate__box__actions { text-align: left; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; gap: 10px; margin-bottom: 8px; font-size: 14px; } .modalCertificate__box__actions .text { color: white; } .modalCertificate__box__actions .cf-button--blue { width: 260px; } .modalCertificate__box__fields { margin-bottom: 30px; } .modalCertificate__box__fields .checkout__form__row { -ms-flex-wrap: wrap; flex-wrap: wrap; } @media print, screen and (min-width: 64em) { .modalCertificate__box__fields .checkout__form__row { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } } .modalCertificate__box__fields .checkout__form__row > div { width: 100%; } .modalCertificate__box__fields .checkout__form__row > div .jouwcode__kortingscode { width: 70vw; -ms-flex-pack: justify; justify-content: space-between; } @media print, screen and (min-width: 40em) { .modalCertificate__box__fields .checkout__form__row > div .jouwcode__kortingscode { width: 100%; } } .modalCertificate__box__fields .checkout__form__row > div .jouwcode__kortingscode > span { text-align: left; overflow-x: scroll; -ms-overflow-style: none; /* IE and Edge */ scrollbar-width: none; /* Firefox */ } .modalCertificate__box__fields .checkout__form__row > div .jouwcode__kortingscode > span::-webkit-scrollbar { display: none; /* Chrome, Safari, Opera*/ } @media print, screen and (min-width: 64em) { .modalCertificate__box__fields .checkout__form__row > div { width: 310px; } .modalCertificate__box__fields .checkout__form__row > div .jouwcode { width: 310px; } .modalCertificate__box__fields .checkout__form__row > div .jouwcode__kortingscode > span { width: 260px; text-align: left; overflow-x: scroll; -ms-overflow-style: none; /* IE and Edge */ scrollbar-width: none; /* Firefox */ } .modalCertificate__box__fields .checkout__form__row > div .jouwcode__kortingscode > span::-webkit-scrollbar { display: none; /* Chrome, Safari, Opera*/ } } .modalCertificate__box__textitle { text-align: left; font-family: 'Lexend', sans-serif; font-size: 16px; font-weight: bold; color: #1C2663; margin-top: 30px; margin-bottom: 10px; } .modalCertificate__box__text { text-align: left; font-size: 16px; color: #1C2663; } @media only screen and (min-width: 642px) { .verzamelingblade { min-height: 91.1vh; } } @media only screen and (max-width: 642px) { .verzamelingblade { min-height: 92vh; } } @media only screen and (max-width: 380px) { .verzamelingblade { min-height: 93vh; } } @media only screen and (min-width: 1010px) { .verzamelingblade { min-height: auto; } } #MoreInfoPersonality { display: none; } .incompany__intro__container { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; row-gap: 40px; padding-top: 2rem; margin-bottom: 50px; } @media print, screen and (min-width: 64em) { .incompany__intro__container { margin-bottom: 100px; } } .incompany__intro__container__text { font-size: 16px; padding-left: 2rem; padding-right: 2rem; } @media print, screen and (min-width: 64em) { .incompany__intro__container__text p { font-size: 16px; } } .incompany__intro__container__text a:not(.cf-button):not(.cf-button--orange-flat):not(.cf-button--blue-alt):not(.cf-button--blue-flat-alt) { color: #ff9900; padding: 13px 32px; } @media print, screen and (min-width: 40em) { .incompany__intro__container__text { padding-left: 2rem !important; padding-right: 2rem !important; } .incompany__intro__container__text.contact { padding-right: 2rem !important; } } @media print, screen and (min-width: 64em) { .incompany__intro__container__text { max-width: 690px; padding-right: 2rem !important; } } .incompany__intro__container__text h1 { font-size: 2.375rem !important; line-height: 2.938rem; margin-bottom: 20px; margin-top: 40px; } @media print, screen and (min-width: 40em) { .incompany__intro__container__text h1 { font-size: 2.813rem; line-height: 3.438rem; } } .incompany__intro__container__text p:not(.incompany__intro__container__text__subclusters) { line-height: 1.8; margin-bottom: 20px; } .incompany__intro__container__text__subclusters { font-weight: 700; border-bottom: 1px solid #D6D6D6; margin-top: 20px; margin-bottom: 10px; } .incompany__intro__container__text__subclusters__row { row-gap: 15px; } @media print, screen and (min-width: 40em) { .incompany__intro__container__text__subclusters__row > .column:nth-of-type(odd), .incompany__intro__container__text__subclusters__row > .columns:nth-of-type(odd) { padding-right: 0.9375rem; } } .incompany__intro__container__text__subclusters__row a.cf-button--blue-flat-alt { padding: 20px 20px; border: 0px; } .incompany__intro__container__text__more { display: none; font-size: 14px !important; } .incompany__intro__container__text__readmore { font-weight: 500; color: #ff9900; text-decoration: none; font-size: 16px !important; } .incompany__intro__container__text__readmore:hover { text-decoration: none; } .incompany__intro__container__text .checkmark li { font-size: 14px; } .incompany__intro__container .button-container { -ms-flex-direction: row; flex-direction: row; -ms-flex-align: center; align-items: center; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; column-gap: 33px; row-gap: 10px; } .incompany__intro__container .button-container .cluster-header__content__text__buttons__button { margin-bottom: 0px; } .incompany__intro__container .button-container .cluster-header__content__text__buttons__button::after { content: ""; margin: 0; } .incompany__intro__container .button-container .blue-button, .incompany__intro__container .button-container .orange-button { padding: 10px 20px; margin-bottom: 0px; font-weight: 600; width: 100%; } @media print, screen and (min-width: 40em) { .incompany__intro__container .button-container .blue-button, .incompany__intro__container .button-container .orange-button { width: auto; } } .incompany__intro__container .button-container .orange-button:hover.hasicon { padding-right: 5px; } .incompany__intro__container .button-container .orange-button:hover .cf-button__icon { margin-right: 5px; } @media (max-width: 768px) { .incompany__intro__container .button-container { -ms-flex-wrap: wrap; flex-wrap: wrap; } } .incompany__intro__container .incompany__intro__usp-bar { padding: 0px; margin: 0px; margin-bottom: 30px; } .incompany__intro__container .incompany__intro__usp-bar__usp { margin-bottom: 5px; } .incompany__intro__container .incompany__intro__usp-bar > .container.row { padding: 0px; display: block; } .incompany__intro__container__image { padding: 0 2rem !important; position: relative; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; } .incompany__intro__container__image__overlay { position: absolute; right: 30px; top: 120px; background-color: white; padding: 10px 10px 10px 10px; z-index: 10; } @media print, screen and (min-width: 40em) { .incompany__intro__container__image__overlay { top: 200px; right: 33px; } } @media print, screen and (min-width: 64em) { .incompany__intro__container__image__overlay { top: 250px; } } @media screen and (min-width: 76.75em) { .incompany__intro__container__image__overlay { left: 435px; right: unset; top: 220px; } } @media screen and (min-width: 75em) { .incompany__intro__container__image__overlay { bottom: initial; top: 250px; } } .incompany__intro__container__image__overlay img { width: 100px; } @media print, screen and (min-width: 40em) { .incompany__intro__container__image__overlay img { width: 125px; } } .incompany__intro__container__image__container { position: relative; margin-right: 20px; } .incompany__intro__container__image__container .single-image { padding-top: 0; padding-left: 40px; } @media print, screen and (min-width: 64em) { .incompany__intro__container__image__container .single-image { padding-top: 20px; padding-left: 80px; } } .incompany__intro__container__image__container .single-image > img { object-fit: cover; border-radius: 0 24px 0 24px; width: 100%; max-height: 350px; } @media print, screen and (min-width: 64em) { .incompany__intro__container__image__container .single-image > img { width: 450px; } } .incompany__intro__container__image__container .image1 { padding-top: 0px; margin-bottom: 16px; padding-left: 40px; } @media print, screen and (min-width: 64em) { .incompany__intro__container__image__container .image1 { padding-top: 50px; padding-left: 80px; } } .incompany__intro__container__image__container .image1 > img { object-fit: cover; border-radius: 0 20px 20px 20px; width: 100%; height: 200px; } @media print, screen and (min-width: 40em) { .incompany__intro__container__image__container .image1 > img { height: 300px; } } @media screen and (min-width: 75em) { .incompany__intro__container__image__container .image1 > img { width: 450px; } } .incompany__intro__container__image__container .image1::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.3); pointer-events: none; } .incompany__intro__container__image__container .image2 { padding-right: 60px; } @media print, screen and (min-width: 64em) { .incompany__intro__container__image__container .image2 { padding-left: 40px; padding-right: 80px; } } .incompany__intro__container__image__container .image2 > img { object-fit: cover; border-radius: 20px 20px 20px 0; width: 100%; height: 180px; } @media print, screen and (min-width: 40em) { .incompany__intro__container__image__container .image2 > img { height: 230px; } } @media screen and (min-width: 75em) { .incompany__intro__container__image__container .image2 > img { width: 470px; } } .incompany__intro__container__image__container .image2::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.2); pointer-events: none; } .incompany__intro__container__image.singleimage .incompany__intro__container__image__overlay { top: unset; bottom: -20px; } .incompany__intro__container__image.singleimage .incompany__intro__container__image__container { margin-right: 10px; } @media print, screen and (min-width: 64em) { .incompany__intro__container__image.singleimage .incompany__intro__container__image__container { margin-right: 5px; } } .incompany__intro__container__background { position: relative; display: -ms-flexbox; display: flex; -ms-flex-align: end; align-items: flex-end; -ms-flex-pack: end; justify-content: flex-end; border-radius: 0px 0px 0px 70px; min-height: 300px; } @media print, screen and (min-width: 40em) { .incompany__intro__container__background { height: 78vh; } } .incompany__intro__container__background__overlay { position: absolute; display: -ms-flexbox; display: flex; left: 5px; bottom: -80px; z-index: 30; } @media screen and (min-width: 40em) { .incompany__intro__container__background__overlay { left: -85px; top: 20px; bottom: initial; } } .incompany__intro__container__background__overlay img { width: 115px; margin-right: -1px; } .incompany__intro__container__background__overlay__text { padding: 20px; padding-right: 10px; background-color: #1E225C; display: inline-block; color: white; display: -ms-flexbox; display: flex; width: 65%; -ms-flex-line-pack: center; align-content: center; } @media print, screen and (min-width: 40em) { .incompany__intro__container__background__overlay__text { width: 70%; padding: 23px; } } @media screen and (min-width: 64em) { .incompany__intro__container__background__overlay__text { padding: 20px; width: 60%; } } .incompany__intro__container__background__overlay__text .start__reviews__ratings__text { font-size: 15px; } .incompany__intro__container__background__overlay__text a { color: white; font-weight: bold; text-decoration: underline; font-size: 14px; } .incompany__intro__container__background__overlay__text a:hover { text-decoration: none; } .incompany__intro__container__background__overlay__text__icon { margin-top: 5px; } .incompany__intro__container__background__image { width: 50%; overflow: hidden; } @media print, screen and (min-width: 40em) { .incompany__intro__container__background__image { height: 75vh; position: relative; } } @media print, screen and (min-width: 40em) { .incompany__intro__container__background__image img { position: absolute; bottom: 0; max-width: 90%; max-height: 70vh; } .incompany__intro__container__background__image img.subcluster { max-height: 357px; } } .incompany__intro__container__background__container { position: relative; } .incompany__intro__container__background__container img { object-fit: cover; width: 100%; } @media print, screen and (min-width: 64em) { .incompany__intro__container__background__container img { z-index: 10; } } .incompany__intro__container__background__designation { position: absolute; color: white; z-index: 11; left: 50px; top: 30px; } .incompany__intro__container__background__designation p { color: white; } @media screen and (min-width: 40em) { .incompany__intro__container__background__designation { top: initial; left: 70px; bottom: 40px; } } .incompany__intro__usp-bar { margin: 40px 0px; padding-right: 0.625rem; padding-left: 0.625rem; } @media print, screen and (min-width: 40em) { .incompany__intro__usp-bar { padding-left: 1.3rem; padding-right: 1.3rem; } } .incompany__intro__usp-bar > .row { -ms-flex-pack: justify; justify-content: space-between; } .incompany__intro__usp-bar__usp { display: -ms-flexbox; display: flex; } .incompany__intro__usp-bar__usp span { color: #1E225C; } .incompany__intro__usp-bar__usp__icon { width: 20px; height: 20px; margin-right: 10px; } .incompany__intro__usp-bar__usp__icon path { fill: #1E225C; } .incompany__intro__socialproof { display: -ms-flexbox; display: flex; gap: 20px; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: center; justify-content: center; } @media print, screen and (min-width: 64em) { .incompany__intro__socialproof { gap: 25px; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } } @media screen and (min-width: 75em) { .incompany__intro__socialproof { gap: 50px; } } @media print, screen and (min-width: 64em) { .incompany__intro__socialproof__textitem { border-left: 1px solid gray; padding-left: 30px; } } .incompany__intro__socialproof__textitem .beoordeling-block__item__logo { font-family: 'Lexend', sans-serif; font-display: fallback; font-size: 1.875rem; font-weight: 900; line-height: 45px; } @media print, screen and (min-width: 64em) { .incompany__intro__socialproof__textitem .beoordeling-block__item__logo { text-align: left; } } @media print, screen and (min-width: 64em) { .incompany__intro__socialproof__textitem .beoordeling-block__item__stars { text-align: left; } } .incompany__intro__socialproof .beoordeling-block__item { min-width: 120px; } .incompany__intro__socialproof .beoordeling-block__item__logo { height: 45px; } .incompany__intro__socialproof .beoordeling-block__item__stars, .incompany__intro__socialproof .beoordeling-block__item__score { font-size: 0.938rem; } @media print, screen and (min-width: 64em) { .incompany__intro__socialproof .beoordeling-block__item__logo, .incompany__intro__socialproof .beoordeling-block__item__stars { text-align: left; } } .incompany__intro__socialproof .beoordeling-block__item__stars { margin-top: 10px; margin-bottom: 5px; } .incompany__intro__socialproof .beoordeling-block__item__logo img { height: 45px; } .incompany__intro--subcategory .incompany__intro__container__text h1 { font-size: 2.5rem; } @media print, screen and (min-width: 40em) { .incompany__intro--subcategory .incompany__intro__container__text { padding-right: 6rem !important; } } .incompany__intro--subcategory .incompany__intro__container__image { position: relative; } @media print, screen and (min-width: 40em) { .incompany__intro--subcategory .incompany__intro__container__image__container img { height: 400px; } } @media print, screen and (min-width: 40em) { .incompany__intro--subcategory .incompany__intro__container__background { height: 400px; } } @media print, screen and (min-width: 40em) { .incompany__intro--subcategory .incompany__intro__container__background__image { height: 400px; } .incompany__intro--subcategory .incompany__intro__container__background__image img { right: 0; max-width: 70%; } } .incompany__intro--stap { background-color: #B579DB; } .incompany__intro--stap .incompany__intro__container__text { color: white; } .incompany__intro--stap .incompany__intro__container__text h1 { font-size: 2.5rem; color: white; } .incompany__intro--stap .incompany__intro__container__text p { color: white; font-weight: medium; } @media print, screen and (min-width: 40em) { .incompany__intro--stap .incompany__intro__container__text { padding-right: 6rem !important; } } .incompany__intro--stap .incompany__intro__container__image { position: relative; } @media print, screen and (min-width: 40em) { .incompany__intro--stap .incompany__intro__container__image__container img { height: 400px; } } @media print, screen and (min-width: 40em) { .incompany__intro--stap .incompany__intro__container__background { height: 400px; } } @media print, screen and (min-width: 40em) { .incompany__intro--stap .incompany__intro__container__background__image { height: 400px; } .incompany__intro--stap .incompany__intro__container__background__image img { right: 0; max-width: 70%; } } .incompany__slider { margin: 150px 0px; } .incompany__slider h3 { margin-bottom: 50px; } .incompany__section { margin: 80px 0px; } @media print, screen and (min-width: 64em) { .incompany__section.nopaddinglarge .row { padding: 0px; } } .incompany__possibilities { background: #F8F8FA; margin: 0 0; padding: 65px 0px; margin-bottom: 0px; position: relative; } .incompany__possibilities > .row { row-gap: 20px; } .incompany__possibilities__title { margin-bottom: 55px; } .incompany__possibilities__title p { max-width: 75%; margin-bottom: 0px; } .incompany__possibilities__background { z-index: -1; } .incompany__possibilities__background::before { content: ""; background-image: url(/images/dot-bgv2.png); height: 50%; width: 50%; position: absolute; background-repeat: repeat; top: 140px; right: 0px; z-index: -1; background-position: center; background-size: unset; } @media print, screen and (min-width: 40em) { .incompany__possibilities__background::before { top: 120px; } } .incompany__possibilities__container { background-color: white; border-radius: 8px; box-shadow: 0px 12px 40px 0px rgba(157, 171, 192, 0.2); border: 2px solid #022543; padding: 0px; height: 100%; color: #1E225C; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: justify; justify-content: space-between; } .incompany__possibilities__container__top__header { padding: 20px; border-bottom: 1px solid #E3E3E3; } .incompany__possibilities__container__top__header p { margin-bottom: 0px; } .incompany__possibilities__container__top__body { padding: 20px; } .incompany__possibilities__container__top__body ul { margin-left: 0px; } .incompany__possibilities__container__top__body ul li { list-style: none; background-image: url("/images/check-mark.png"); background-repeat: no-repeat; background-position: left 2px; background-size: 20px; padding-left: 25px; } .incompany__possibilities__container__bottom { padding: 20px; padding-top: 0px; } .incompany__possibilities__container li { color: #1E225C; } .incompany__possibilities__container--blue { border-color: #3BC3BE; } .incompany__possibilities__container--yellow { border-color: #F5A001; } .incompany__possibilities__container--red { border-color: #EF5155; } .incompany__process { background: #F8F8FA; margin-bottom: -75px; padding: 65px 0px; } .incompany__process .column.large-3.small-6, .incompany__process .large-3.small-6.columns { margin-bottom: 20px; } .incompany__process__image { margin-bottom: -65px; width: 50%; } .incompany__process__image.stappagina { margin-bottom: -25px; } @media screen and (min-width: 40em) { .incompany__process__image.stappagina { margin-bottom: -65px; } } @media print, screen and (min-width: 64em) { .incompany__process__image { width: 100%; } } .incompany__payoff { margin: 50px 0px; margin-top: 0px !important; } @media print, screen and (min-width: 64em) { .incompany__payoff { margin: 100px 0px; } } .incompany__payoff__header > .column, .incompany__payoff__header > .columns { padding: 0 2rem; } .incompany__payoff__header__title { font-size: 2.188rem; font-weight: 800; font-family: 'Lexend', sans-serif; font-display: fallback; } .incompany__payoff__usps { margin-top: 40px; } .incompany__payoff__usps > .column, .incompany__payoff__usps > .columns { padding: 0 2rem; } .incompany__payoff__usps__container { display: grid; grid-template-columns: repeat(1, 1fr); /* 4 gelijke kolommen */ gap: 15px; /* Ruimte tussen de grid-items */ } @media print, screen and (min-width: 40em) { .incompany__payoff__usps__container { grid-template-columns: repeat(2, 1fr); } } @media print, screen and (min-width: 64em) { .incompany__payoff__usps__container { grid-template-columns: repeat(4, 1fr); /* 4 gelijke kolommen */ gap: 30px; /* Ruimte tussen de grid-items */ } } .incompany__payoff__usps__container__usp { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; gap: 15px; padding: 15px; } .incompany__payoff__usps__container__usp__icon { width: 30px; height: 30px; object-fit: contain; } .incompany__payoff__usps__container__usp__title { font-family: Caveat, cursive; font-size: 1.875rem; font-weight: 700; } .incompany__why { margin: 150px 0px; position: relative; } .incompany__why::before { content: ""; background-image: url(/images/dot-bgv2.png); height: 100%; width: 40%; position: absolute; background-repeat: repeat; top: 100px; right: 0px; z-index: -1; background-position: center; background-size: unset; } .incompany__companies { padding: 0px; margin: 50px 0px; } .incompany__companies__logoslider { padding-top: 40px !important; padding-bottom: 15px !important; } .incompany__companies__logoslider img { filter: grayscale(1); } .incompany__companies__logo-grid .column, .incompany__companies__logo-grid .columns { padding: 0 2rem; } .incompany__companies__logo-grid .logo-grid { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; gap: 20px; -ms-flex-align: center; align-items: center; } .incompany__intake { margin: 50px 0px; } .incompany__intake__text { padding-top: 0px; } @media print, screen and (min-width: 64em) { .incompany__intake { margin: 100px 0px; } } .image-text-block__container { gap: 30px; } @media print, screen and (min-width: 64em) { .image-text-block__container { gap: unset; } } .image-text-block__text-container { padding: 0 2rem; } .image-text-block__text-container__title { font-family: 'Lexend', sans-serif; font-display: fallback; font-weight: 800; font-size: 1.875rem; } @media print, screen and (min-width: 40em) { .image-text-block__text-container__title { max-width: 550px; } } .image-text-block__text-container__description { margin-top: 30px; } @media print, screen and (min-width: 40em) { .image-text-block__text-container__description { max-width: 550px; } } .image-text-block__image-container { padding: 0 2rem; } .image-text-block__image-container img { border-radius: 4px 30px 30px 30px; width: 100%; max-width: 3400px; max-height: 320px; object-fit: cover; margin: 0 auto; } @media print, screen and (min-width: 40em) { .image-text-block__image-container img { max-width: 550px; max-height: 430px; } } .logo-grid { display: -ms-flexbox; display: flex; gap: 5px; -ms-flex-wrap: wrap; flex-wrap: wrap; } .logo-grid > img { -ms-flex: 1 1 calc(25% - 10px); flex: 1 1 calc(25% - 10px); /*min-width: 90%; @include breakpoint(medium){ min-width: 40%; max-width: 50%; } @include breakpoint(xlarge){*/ min-width: 25%; max-width: 32%; } .tick-marks-container { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; margin-top: 30px; margin-bottom: 30px; gap: 10px; max-width: 520px; } @media print, screen and (min-width: 64em) { .tick-marks-container { margin-bottom: 0px; } } .tick-marks-container.has-title { gap: 30px; } .tick-marks-container .tick-text-container { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; gap: 5px; } .tick-marks-container .tick-text-container .tick-text { font-weight: 700; font-size: 1.125rem; font-family: 'Lexend', sans-serif; font-display: fallback; } .tick-marks-container .tick-text-container .tick-text-sub { font-size: 14px; } .incompany-development-section { text-align: left; background-color: #f8f8f8; padding: 50px 0rem 50px 0rem; } @media print, screen and (min-width: 64em) { .incompany-development-section { padding: 100px 0rem 100px 0rem; } } .incompany-development-section > .container { padding: 0 2rem; } .incompany-development-section__image-text__text { padding: 0 2rem; } @media print, screen and (min-width: 64em) { .incompany-development-section__image-text__text .incompany-development-section__description { margin-bottom: 0px; } } .incompany-development-section__image-text__image { padding: 0 2rem; } .incompany-development-section__image-text__image img { border-radius: 4px 30px 30px 30px; max-height: 430px; width: 100%; max-width: 550px; margin: 0 auto; object-fit: cover; } .incompany-development-section__title { font-family: 'Lexend', sans-serif; font-display: fallback; max-width: 800px; font-size: 2.188rem; font-weight: 800; line-height: 2.5rem; color: #1e225c; text-align: left; margin-bottom: 30px; } .incompany-development-section__description { font-size: 1rem; text-align: left; margin-top: 2rem; margin-bottom: 3rem; color: #1E225C; max-width: 810px; } .incompany-development-section__grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1rem; } @media (max-width: 768px) { .incompany-development-section__grid { grid-template-columns: 1fr; } } .incompany-development-section .button-container { margin-top: 3rem; margin-bottom: 1rem; } .incompany-development-section__below-description { font-size: 1rem; text-align: left; margin-top: 1rem; color: #1E225C; max-width: 810px; } .incompany-development-section__column { padding: 1rem; } .development-item { background: #fff; border-radius: 10px; padding: 1rem 1.5rem; font-size: 1.125rem; font-weight: 600; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center; cursor: pointer; transition: all 0.3s ease; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); position: relative; } .development-item .dev-arrow { filter: brightness(0) saturate(100%) invert(10%) sepia(54%) saturate(3334%) hue-rotate(230deg) brightness(90%) contrast(94%); } .development-item__icon { display: -ms-inline-flexbox; display: inline-flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; width: 2.5rem; height: 2.5rem; border: 1px solid #1E225C; /* initial blue color */ border-radius: 50%; transition: all 0.3s ease; } .development-item__icon svg { width: 1.5rem; height: 1.5rem; fill: #1E225C; transition: all 0.3s ease; } .development-item:hover .development-item__icon { border-color: #1E225C; /* hover blue color */ background-color: #1E225C; } .development-item:hover .development-item__icon .dev-arrow { filter: brightness(0) saturate(100%) invert(99%) sepia(100%) saturate(18%) hue-rotate(216deg) brightness(103%) contrast(100%); } .development-item:hover .development-item__icon svg { fill: #ffffff; } .development-link-overlay { width: 100%; height: 100%; position: absolute; top: 0; left: 0; } .trainers-text { text-align: left; margin-left: 4em; margin-bottom: 1em; } .trainers-text ul { margin-left: 0; list-style-type: none; } @media (max-width: 768px) { .trainers-text { margin-left: 1em; } } .incompany-snapslider-training-header-section { text-align: left; background-color: #f8f8f8; } .incompany-snapslider-training-header-section__title .column, .incompany-snapslider-training-header-section__title .columns { padding: 0px 2rem 20px 2rem; color: #7b7d99; font-weight: 500; font-size: 18px; margin-bottom: 0; } .incompany-snapslider-training-section { background-color: #f8f8f8; } @media print, screen and (min-width: 64em) { .incompany-snapslider-training-section { padding-bottom: 40px; } } .incompany-snapslider-training-section .rf-cards-scroller-crop { height: 26rem; } .incompany-snapslider-training-section .rf-cards-scroller-itemview { height: 100%; } .incompany-snapslider-training-section .as-util-relatedlink { height: 100%; } .incompany-snapslider-training-section .rf-ccard-content { height: 100%; padding: 30px; width: 22.5rem; } .incompany-snapslider-training-section .item { height: 100%; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; } .incompany-snapslider-training-section .item__title { font-size: 1.375rem; font-weight: 900; line-height: 1.563rem; } .incompany-snapslider-training-section .item__image { margin-top: auto; } .incompany-snapslider-training-section .item__trainers { margin-top: auto; } .incompany-snapslider-training-section .item__trainers .card-container { display: -ms-flexbox; display: flex; gap: 30px; } .incompany-snapslider-training-section .item__trainers .card-container .trainer-card { position: relative; } .incompany-snapslider-training-section .item__trainers .card-container .trainer-card .trainer-card-image { height: 100px; width: 75px; object-fit: cover; margin: 0 auto; position: relative; z-index: 2; } .incompany-snapslider-training-section .item__trainers .card-container .trainer-card .trainer-card-bg { border-radius: 10px; position: absolute; background-color: #01c4c2; height: 85px; width: 75px; bottom: 0px; left: 50%; transform: translateX(-50%); } .incompany-snapslider-training-section .item__trainers .card-container .trainer-card:nth-of-type(1) { transform: rotate(-6deg); } .incompany-snapslider-training-section .item__trainers .card-container .trainer-card:nth-of-type(2) { transform: rotate(8deg); } .incompany-testimonial-section { background-color: #f8f8f8; padding: 50px 0rem 50px 0rem !important; } @media print, screen and (min-width: 64em) { .incompany-testimonial-section { padding: 100px 0rem 100px 0rem !important; } } .incompany-testimonial-section__title { margin-bottom: 65px; padding: 0 2rem; } .incompany-testimonial-section__title__testimonial { font-family: 'Lexend', sans-serif; font-display: fallback; max-width: 660px; font-size: 2.188rem; font-weight: 800; line-height: 2.5rem; color: #1e225c; text-align: left; margin-bottom: 16px !important; letter-spacing: normal !important; } @media print, screen and (min-width: 40em) { .incompany-testimonial-section__title__testimonial { text-align: center; margin: 0 auto 16px auto; } } .incompany-testimonial-section__title__testimonial.category-page { font-size: 1.125rem; line-height: 1.5rem; max-width: 980px; font-weight: 600; text-align: center; } @media print, screen and (min-width: 40em) { .incompany-testimonial-section__title__testimonial.category-page { font-weight: 800; font-size: 2.188rem; line-height: 2.813rem; } } .incompany-testimonial-section__title__testimonial__person, .incompany-testimonial-section__title__testimonial__function { font-family: 'Lexend', sans-serif; font-display: fallback; color: #1e225c; font-weight: 700; font-size: 16px; line-height: 25px; text-align: left; margin-bottom: 0px; } @media print, screen and (min-width: 40em) { .incompany-testimonial-section__title__testimonial__person, .incompany-testimonial-section__title__testimonial__function { text-align: center; } } .incompany-testimonial-section__title__testimonial__function { font-size: 14px; } .incompany-testimonial-section__title__testimonial__description { max-width: 800px; margin: 0 auto; text-align: center; } .incompany-testimonial-section__title__testimonial__person-container { margin-top: 45px; text-align: center; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-align: center; align-items: center; gap: 6px; } .incompany-testimonial-section__title__testimonial__person-container .name-and-training { display: -ms-inline-flexbox; display: inline-flex; -ms-flex-align: center; align-items: center; gap: 6px; } .incompany-testimonial-section__title__testimonial__person-container .name-and-training .name { font-size: 1.125rem; font-family: 'Lexend', sans-serif; font-display: fallback; line-height: 1.5rem; font-weight: 600; } .incompany-testimonial-section__title__testimonial__person-container .name-and-training .training { font-size: 0.875rem; padding-top: 2px; line-height: 1.25rem; } .incompany-testimonial-section__title__testimonial__person-container .review-grade { display: -ms-inline-flexbox; display: inline-flex; -ms-flex-align: center; align-items: center; gap: 6px; } .incompany-testimonial-section__title__testimonial__person-container .review-grade__text { font-size: 0.875rem; line-height: 1.25rem; } .incompany-testimonial-section__title__testimonial__person-container .review-grade__stars { font-size: 0.875rem; line-height: 1.25rem; color: #ffce00; } .incompany-testimonial-section__title__testimonial__person-container .review-grade__stars .fas { color: #FFC107; } .incompany-testimonial-section__title__testimonial__person-container .review-grade__stars svg path { fill: #FFC107; } .incompany-testimonial-section__grid { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .incompany-testimonial-section__column { padding: 1rem; } .incompany-testimonial-section__socialproof { margin-top: 30px; margin-left: 0 !important; margin-right: 0 !important; } @media print, screen and (min-width: 64em) { .incompany-testimonial-section__socialproof { margin-top: 60px; margin-left: auto !important; margin-right: auto !important; } } .incompany-testimonial-section__socialproof__container { max-width: 560px; margin: 0 auto; padding: 0 2rem; } .incompany-testimonial-section__socialproof__title { font-size: 0.875rem; line-height: 1.25rem; font-weight: 600; } @media print, screen and (min-width: 64em) { .incompany-testimonial-section__socialproof__title { font-size: 1rem; } } .incompany-testimonial-section__socialproof__marks { margin-top: 35px; display: -ms-flexbox; display: flex; gap: 20px; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: center; justify-content: center; } @media print, screen and (min-width: 40em) { .incompany-testimonial-section__socialproof__marks { gap: 40px; } } .incompany-testimonial-section__socialproof .beoordeling-block__item { min-width: 90px; } @media print, screen and (min-width: 40em) { .incompany-testimonial-section__socialproof .beoordeling-block__item { min-width: 120px; } } .incompany-testimonial-section__socialproof .beoordeling-block__item__logo { height: 40px; } @media print, screen and (min-width: 40em) { .incompany-testimonial-section__socialproof .beoordeling-block__item__logo { height: 45px; } } .incompany-testimonial-section__socialproof .beoordeling-block__item__stars, .incompany-testimonial-section__socialproof .beoordeling-block__item__score { font-size: 0.813rem; } @media print, screen and (min-width: 40em) { .incompany-testimonial-section__socialproof .beoordeling-block__item__stars, .incompany-testimonial-section__socialproof .beoordeling-block__item__score { font-size: 0.938rem; } } @media print, screen and (min-width: 64em) { .incompany-testimonial-section__socialproof .beoordeling-block__item__logo, .incompany-testimonial-section__socialproof .beoordeling-block__item__stars { text-align: left; } } .incompany-testimonial-section__socialproof .beoordeling-block__item__stars { margin-top: 10px; margin-bottom: 5px; } .incompany-testimonial-section__socialproof .beoordeling-block__item__logo img { height: 40px; } @media print, screen and (min-width: 40em) { .incompany-testimonial-section__socialproof .beoordeling-block__item__logo img { height: 45px; } } .incompany-trainers-section { margin: 50px 0rem 50px 0rem !important; } @media print, screen and (min-width: 64em) { .incompany-trainers-section { margin: 100px 0rem 100px 0rem !important; } } .incompany-trainers-section__header { margin-bottom: 1.5rem; padding: 0 2rem; } .incompany-trainers-section__header__title { font-family: 'Lexend', sans-serif; font-display: fallback; max-width: 660px; font-size: 2.188rem; font-weight: 800; line-height: 2.5rem; color: #1e225c; text-align: left; margin-bottom: 20px !important; letter-spacing: normal !important; } .incompany-trainers-section__header__subtext { max-width: 800px; } .incompany-trainers-section__header__subtext .checkmark { list-style-type: none; margin: 0; } .incompany-trainers-section .rf-cards-scroller-crop { height: 45rem; } @media print, screen and (min-width: 64em) { .incompany-trainers-section .rf-cards-scroller-crop { height: 37rem; } } .incompany-trainers-section .item__button { transition: all 400ms; } .incompany-trainers-section .item__button img { filter: invert(16%) sepia(32%) saturate(1376%) hue-rotate(208deg) brightness(95%) contrast(96%); } .incompany-trainers-section .rf-ccard-content:hover .item__button { background-color: #2d295c; } .incompany-trainers-section .rf-ccard-content:hover .item__button img { filter: invert(99%) sepia(0%) saturate(4278%) hue-rotate(55deg) brightness(114%) contrast(100%); } .marked { position: relative; display: inline-block; background-image: url("/images/oranje-streep.svg"); /* Exporteer SVG los en verwijs hiernaar */ background-repeat: no-repeat; background-position: bottom center; background-size: contain; /* of: 100% auto */ padding-bottom: 0.5em; /* ruimte voor de streep */ } .contact-section { background-color: #f6f6f6; padding: 25px 2rem 0rem 2rem; } @media print, screen and (min-width: 40em) { .contact-section { padding: 25px 2rem 0rem 2rem; } } .contact-section .contact-container { display: -ms-flexbox; display: flex; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } @media print, screen and (min-width: 40em) { .contact-section .contact-container { -ms-flex-direction: row; flex-direction: row; -ms-flex-pack: center; justify-content: center; gap: 60px; } } .contact-section .contact-container .contact-image { max-width: 280px; object-fit: contain; object-position: center; margin-top: auto; } .contact-section .contact-container .text-container { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; max-width: 510px; } .contact-section .contact-container .text-container .title { font-size: 22px; line-height: 35px; font-weight: 800; margin-bottom: 1rem; text-align: left; } .contact-section .contact-container .text-container .subtext { line-height: 25px; margin-bottom: 1rem; font-weight: 400; font-size: 16px; color: #80829E; } .contact-section .contact-container .text-container .contact-info { font-weight: 700; font-size: 16px; line-height: 25px; } .contact-section .contact-container .text-container .contact-info a { text-decoration: none; transition: all 400ms; } .contact-section .contact-container .text-container .contact-info a:hover { text-decoration: underline; } .contact-section .contact-container .text-container .button-container { display: -ms-flexbox; display: flex; column-gap: 30px; row-gap: 20px; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 0px; margin-bottom: 2rem; } .contact-section .contact-container .text-container .button-container .cluster-header__content__text__buttons__button { margin-bottom: 0px; } .contact-section .contact-container .text-container .button-container .cluster-header__content__text__buttons__button::after { content: ""; display: none; } .contact-section .contact-container .text-container .button-container .button-naked { font-weight: 700; font-size: 16px; line-height: 25px; text-decoration: none; transition: all 400ms; } .contact-section .contact-container .text-container .button-container .button-naked:hover { text-decoration: underline; } .process-section { padding: 50px 0rem 50px 0rem; background-color: white; } @media print, screen and (min-width: 40em) { .process-section { padding: 100px 0rem 100px 0rem; } } .process-timeline .container { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; max-width: 100%; padding: 0; } .process-timeline__title { padding-left: 2rem; padding-right: 2rem; font-size: 2.188rem; font-weight: 800; line-height: 2.5rem; margin-bottom: 36px !important; letter-spacing: normal !important; color: #2d295c; } .process-timeline__indicator-container { padding: 10px 0px 60px 0px; position: relative; } .process-timeline__indicator { width: 50px; height: 50px; margin: 0 auto; border-radius: 50%; background-color: white; border: 4px solid #ffffff; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15); display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; font-weight: bold; color: #2d295c; cursor: pointer; transition: all 0.3s ease; font-size: 1.25rem; position: relative; } .process-timeline__indicator.active { background-color: #2d295c; color: #ffffff; border-color: #2d295c; transform: scale(1.1); } .process-timeline__indicator.completed { background-color: #2d295c; color: #ffffff; border-color: #2d295c; } .process-timeline__indicator span { line-height: 1; } .process-timeline__slider { overflow: visible; margin-bottom: 2rem; position: relative; } .process-timeline__slides { display: -ms-flexbox; display: flex; overflow-x: auto; scroll-behavior: smooth; -webkit-overflow-scrolling: touch; gap: 15px; padding: 10px 0; position: relative; scrollbar-width: none; } .process-timeline__slides:before { content: ''; position: absolute; top: 40px; left: 0; width: var(--indicators-width, 100%); right: 0; height: 10px; background: linear-gradient(to right, #58d3bb, #8bbb7f); transform: translateX(calc(max(1380px, 100vw) / 2 - 660px)); z-index: 0; border-radius: 50px; } .process-timeline__slides::-webkit-scrollbar { display: none; } @media print, screen and (min-width: 40em) { .process-timeline__slides { gap: 20px; } } .process-timeline__slide { -ms-flex: 0 0 260px; flex: 0 0 260px; transition: all 0.3s ease; cursor: pointer; transform: translateX(calc(max(1380px, 100vw) / 2 - 660px)); } .process-timeline__slide .process-timeline__card { opacity: 0.7; transition: all 0.3s ease; } .process-timeline__slide.active { transform: translateX(calc(max(1380px, 100vw) / 2 - 660px)); cursor: default; } .process-timeline__slide.active .process-timeline__card { opacity: 1; transform: translateY(-10px); } @media print, screen and (min-width: 40em) { .process-timeline__slide { -ms-flex: 0 0 201px; flex: 0 0 201px; } } .process-timeline__card { background-color: white; border-radius: 10px; border: 1.5px solid #262956; padding: 20px; height: 70%; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05); display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; min-height: 280px; } .process-timeline__icon { width: 50px; height: 50px; margin-bottom: 15px; } .process-timeline__icon img { width: 100%; height: auto; } .process-timeline__card-title { font-size: 1.5rem; font-weight: bold; margin-bottom: 15px; font-family: Caveat, cursive; color: #2d295c; } .process-timeline__card-text { font-size: 0.95rem; line-height: 1.5; color: #555; -ms-flex-positive: 1; flex-grow: 1; } .process-timeline__cta { text-align: left; padding-left: 2rem; padding-right: 2rem; } @media (max-width: 768px) { .process-timeline__cta { text-align: center; } } .process-timeline__cta .btn { display: -ms-inline-flexbox; display: inline-flex; -ms-flex-align: center; align-items: center; gap: 10px; background-color: #FF9F00; color: white; font-weight: bold; padding: 12px 24px; border-radius: 10px; text-decoration: none; transition: all 0.3s ease; } .process-timeline__cta .btn:hover { background-color: #cc7f00; transform: translateY(-2px); } .process-timeline__cta .btn svg { filter: brightness(0) saturate(100%) invert(99%) sepia(100%) saturate(18%) hue-rotate(216deg) brightness(103%) contrast(100%); width: 18px; height: 18px; } @media (max-width: 991px) { /*.process-timeline { &__indicators { padding: 0 20px; } &__indicator { width: 40px; height: 40px; font-size: 1rem; } &__slides { } }*/ } @media (max-width: 767px) { /*.process-timeline { &__track { overflow-x: auto; padding-bottom: 15px; &::-webkit-scrollbar { height: 4px; } &::-webkit-scrollbar-thumb { background-color: #58d3bb; border-radius: 4px; } &:before { content: ''; position: absolute; top: 50%; left: 0; width: var(--indicators-width, 100%); // Use the custom property with a fallback height: 10px; background: linear-gradient(to right, #58d3bb, #8bbb7f); transform: translateY(-50%); z-index: 1; } } }*/ } .itemview-trainers .rf-ccard { background-color: white; border-radius: 10px; padding: 20px; height: 100%; box-shadow: none; } .itemview-trainers .trainer-img-box { margin-bottom: 15px; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; position: relative; } .itemview-trainers .trainer-img-box img { max-width: 230px; height: 350px; object-fit: cover; margin: 0 auto; position: relative; z-index: 1; } .itemview-trainers .trainer-background-img { width: 230px; height: 280px; left: 50%; transform: translateX(-50%); bottom: 0; position: absolute; border-radius: 10px; background-color: #fd7272; display: block; } .itemview-trainers .item__name { font-size: 30px; font-weight: 700; margin-bottom: 10px; font-family: Caveat, cursive; color: #2d295c; } .itemview-trainers .item__description { font-size: 0.95rem; line-height: 1.5; color: #555; max-height: 90px; overflow: hidden; } .itemview-trainers .item__description p { margin-bottom: 0px; text-align: center; } .itemview-trainers .item-content { -ms-flex-direction: column; flex-direction: column; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; box-shadow: none; } .itemview-trainers .item__button { margin-top: 20px; border: 1px solid #2d295c; border-radius: 50%; position: relative; width: 36px; height: 36px; } .itemview-trainers .item__button_img { position: absolute; top: 16%; left: 12%; width: 25px; } .incompany-intake { position: relative; height: unset !important; } .incompany-intake__background { background-color: #e3e3e3; position: absolute; width: 55%; bottom: 0; left: 24%; height: 21rem; } @media print, screen and (min-width: 64em) { .incompany-intake__background { min-width: 475px; } } .incompany-intake .cutout-image-card-container { width: 100%; padding-top: 20px; } @media print, screen and (min-width: 64em) { .incompany-intake .cutout-image-card-container { padding-top: 0px; } } .incompany-intake .cutout-image-card-container .cutout-image-card { overflow: visible; width: 330px; height: 300px; position: relative; margin: 0 auto; } @media print, screen and (min-width: 40em) { .incompany-intake .cutout-image-card-container .cutout-image-card { height: 420px; width: 450px; } } @media print, screen and (min-width: 64em) { .incompany-intake .cutout-image-card-container .cutout-image-card { max-width: 475px; } } .incompany-intake .cutout-image-card-container .cutout-image-card-background { background-color: #e3e3e3; border-radius: 10px; width: 100%; height: 100%; position: relative; transform: rotate(1deg); } .incompany-intake .cutout-image-card-container .cutout-image { position: absolute; bottom: 0; width: 100%; } .incompany-intake .cutout-image-card-container .cutout-image-label { position: absolute; display: inline-block; } .incompany-intake .cutout-image-card-container .cutout-image-label__container { border-radius: 12px; background-color: #fff; box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16); } .incompany-intake .cutout-image-card-container .cutout-image-label p { color: #1E225C; padding: 10px 10px; margin-bottom: 0; font-size: 0.875rem; line-height: 1.3; border-radius: 10px; display: inline-block; margin-left: 0px; } @media print, screen and (min-width: 40em) { .incompany-intake .cutout-image-card-container .cutout-image-label p { padding: 15px 15px; } } .incompany-intake .cutout-image-card-container .cutout-image-label .name { font-size: 22px; font-weight: 700; font-family: Caveat, cursive; } @media print, screen and (min-width: 40em) { .incompany-intake .cutout-image-card-container .cutout-image-label .name { font-size: 30px; } } .incompany-intake .cutout-image-card-container .cutout-image-label-left { bottom: 35px; left: -15px; } @media print, screen and (min-width: 64em) { .incompany-intake .cutout-image-card-container .cutout-image-label-left { left: -40px; } } .incompany-intake .cutout-image-card-container .cutout-image-label-right { bottom: -10px; right: -10px; } .cases-button-container { display: -ms-flexbox; display: flex; -ms-flex-pack: right; justify-content: right; width: 100%; } @media (max-width: 768px) { .cases-button-container { -ms-flex-pack: center; justify-content: center; } } .cases-button-container__button:hover { padding: 15px 20px; } .inspiration-section { margin: 50px 0rem 50px 0rem; } @media print, screen and (min-width: 40em) { .inspiration-section { margin: 100px 0rem 100px 0rem; } } .inspiration-section__title { padding-left: 2rem; padding-right: 2rem; margin-bottom: 36px !important; font-size: 2.188rem; font-weight: 800; line-height: 2.5rem; letter-spacing: normal !important; color: #2d295c; } .inspiration-section__cta { text-align: center; padding-top: 30px; padding-left: 2rem; padding-right: 2rem; } @media print, screen and (min-width: 40em) { .inspiration-section__cta { text-align: right; } } .inspiration-section .rf-cards-scroller-crop { height: 36rem; } @media print, screen and (min-width: 64em) { .inspiration-section .rf-cards-scroller-crop { height: 34rem; } } .inspiration-section .rf-ccard-40 .rf-ccard-content { width: 23rem; height: 470px; } @media print, screen and (min-width: 64em) { .inspiration-section .rf-ccard-40 .rf-ccard-content { height: 520px; width: 25rem; } } .inspiration-section .post-summary-large { padding: 10px; border-radius: 2px 16px 16px 16px; } .inspiration-section .post-summary-large__date { color: #1e225d; font-weight: 500; font-family: 'lexend', 'sans-serif'; } .inspiration-section .post-summary-large__title { min-height: 35px; } .inspiration-section .post-summary-large__image img { border-radius: 8px; } @media print, screen and (min-width: 64em) { .inspiration-section .post-summary-large__image img { max-height: 220px; object-fit: cover; } } .inspiration-section .post-summary-large__content { max-height: 280px; text-overflow: ellipsis; overflow: hidden; } @media print, screen and (min-width: 64em) { .inspiration-section .post-summary-large__content { max-height: 250px; text-overflow: ellipsis; padding: 25px; } } @media (min-width: 768px) { .testimonial-text-container { margin-right: 18rem; } } .category-trainer-section { margin: 50px 0; } @media print, screen and (min-width: 64em) { .category-trainer-section { margin: 100px 0; } } .category-trainer-section.graybg, .category-trainer-section.grey { padding: 50px 0; margin: 0; background-color: #f6f6f6; } @media print, screen and (min-width: 64em) { .category-trainer-section.graybg, .category-trainer-section.grey { padding: 100px 0; margin: 0; } } .category-trainer-section__header { padding: 0 2rem; } .category-trainer-section__header__title { font-family: 'Lexend', sans-serif; font-display: fallback; font-weight: 700; font-size: 2.188rem; } .category-trainer-section__header__title.centered { text-align: center; } .category-trainer-section__header__subtext { margin-top: 20px; } .category-trainer-section__header__subtext.centered { text-align: center; } .category-trainer-section__slider { margin-top: 75px; } .trainer-slider-new .slider-image { width: 100%; height: 100%; } .trainer-slider-new .slider-content { position: relative; } .trainer-slider-new .slider-content .column, .trainer-slider-new .slider-content .columns { padding: 0px 2rem 0px 2rem; } @media print, screen and (min-width: 64em) { .trainer-slider-new .slider-content__image-block.left { padding-left: 75px; } } @media print, screen and (min-width: 64em) { .trainer-slider-new .slider-content__image-block.right { padding-right: 75px; } } .trainer-slider-new .slider-content__text-block { padding-top: 75px !important; } @media print, screen and (min-width: 64em) { .trainer-slider-new .slider-content__text-block { padding-top: 0px !important; } } @media print, screen and (min-width: 64em) { .trainer-slider-new .slider-content__text-block.left { padding-left: 75px; } } @media print, screen and (min-width: 64em) { .trainer-slider-new .slider-content__text-block.right { padding-right: 75px; } } .trainer-slider-new .slide__image__card { width: 320px; height: 300px; margin: 0 auto; position: relative; } @media print, screen and (min-width: 40em) { .trainer-slider-new .slide__image__card { width: 480px; height: 440px; } } @media print, screen and (min-width: 64em) { .trainer-slider-new .slide__image__card { width: 420px; height: 380px; } } @media screen and (min-width: 75em) { .trainer-slider-new .slide__image__card { width: 480px; height: 440px; } } .trainer-slider-new .slide__image__card-container { background-color: #00C4C2; border-radius: 30px; transform: rotate(3deg); width: 100%; height: 100%; position: relative; } .trainer-slider-new .slide__image__card-container-image { width: 100%; position: absolute; bottom: 0; max-height: 320px; object-fit: contain; transform: rotate(-3deg); } @media print, screen and (min-width: 40em) { .trainer-slider-new .slide__image__card-container-image { max-height: 500px; } } @media print, screen and (min-width: 64em) { .trainer-slider-new .slide__image__card-container-image { max-height: 440px; } } @media screen and (min-width: 75em) { .trainer-slider-new .slide__image__card-container-image { max-height: 500px; } } .trainer-slider-new .slide__image__card-label { position: absolute; left: 50%; bottom: -20px; width: 280px; transform: rotate(-2deg) translateX(-50%); padding: 10px 12px; border-radius: 5px; background-color: white; box-shadow: 0px 5px 10px rgba(126, 126, 126, 0.161); } @media print, screen and (min-width: 40em) { .trainer-slider-new .slide__image__card-label { width: 390px; padding: 12px 20px; } } @media print, screen and (min-width: 64em) { .trainer-slider-new .slide__image__card-label { width: 360px; } } @media screen and (min-width: 75em) { .trainer-slider-new .slide__image__card-label { width: 390px; } } .trainer-slider-new .slide__image__card-label__navigation { position: absolute; width: 35px; height: 35px; border: 1px solid #e0e0e0; color: #e0e0e0; transition: all 400ms; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; border-radius: 100%; top: 50%; transform: translateY(-50%); } .trainer-slider-new .slide__image__card-label__navigation img { filter: invert(84%) sepia(2%) saturate(0%) hue-rotate(101deg) brightness(101%) contrast(106%); width: 75%; } .trainer-slider-new .slide__image__card-label__navigation:hover { border: 1px solid #1E225C; background-color: #1E225C; color: white; cursor: pointer; } .trainer-slider-new .slide__image__card-label__navigation:hover img { filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%); } .trainer-slider-new .slide__image__card-label__navigation.left-arrow { left: 10px; } @media print, screen and (min-width: 40em) { .trainer-slider-new .slide__image__card-label__navigation.left-arrow { left: 20px; } } .trainer-slider-new .slide__image__card-label__navigation.right-arrow { right: 10px; } @media print, screen and (min-width: 40em) { .trainer-slider-new .slide__image__card-label__navigation.right-arrow { right: 20px; } } .trainer-slider-new .slide__image__card-label__title { font-family: Caveat, cursive; font-size: 1.5rem; line-height: auto; font-weight: 700; text-align: center; padding: 0 35px; } .trainer-slider-new .slide__image__card-label__description { font-family: Caveat, cursive; font-size: 1.25rem; line-height: auto; text-align: center; padding: 0 35px; } .trainer-slider-new .slide__title { font-family: 'Lexend', sans-serif; font-display: fallback; font-weight: 700; font-size: 1.75rem; line-height: 2rem; } .trainer-slider-new .slide__subtitle { margin-top: 12px; color: #46475b; font-weight: 700; } .trainer-slider-new .slide__description { margin-top: 26px; } .trainer-slider-new .slide__link { margin-top: 10px; font-family: 'Lexend', sans-serif; font-display: fallback; text-decoration: underline; transition: all 400ms; display: inline-block; } .trainer-slider-new .slide__link:hover { text-decoration: none; } .trainer-slider-new .slider-navigation.arrow { position: absolute; top: 50%; transform: translateY(-50%); width: 54px; height: 54px; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; border-radius: 100%; background-color: #1E225C; border: 1px solid #1E225C !important; color: white; border: none; transition: all 400ms; } .trainer-slider-new .slider-navigation.arrow img { filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(143deg) brightness(106%) contrast(104%); width: 75%; } .trainer-slider-new .slider-navigation.arrow:hover { cursor: pointer; background-color: transparent; } .trainer-slider-new .slider-navigation.arrow:hover img { filter: invert(13%) sepia(62%) saturate(1621%) hue-rotate(216deg) brightness(88%) contrast(99%); } .trainer-slider-new .slider-navigation.arrow-left { margin: 0; left: 10px; } .trainer-slider-new .slider-navigation.arrow-right { margin: 0; right: 10px; } .trainer-slider-new .slider-navigation.dot-navigation { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; gap: 7px; -ms-flex-align: center; align-items: center; margin-top: 55px; } .trainer-slider-new .slider-navigation.dot-navigation .dot { background-color: #cccfd8; border-radius: 3px; width: 12px; height: 8px; transition: all 400ms; } .trainer-slider-new .slider-navigation.dot-navigation .dot.active { background-color: #1e2459; width: 53px; } .trainer-slider-new .slider-navigation.dot-navigation .dot:hover { cursor: pointer; } #signup .is-invalid-input:not(:focus) { background-color: white; } .omscholen__usps { margin: 100px 0px; background: #F8F8FA !important; } .omscholen__usps__title { color: #1E225C !important; } .omscholen__usps__title.sum { padding-bottom: 30px; } @media print, screen and (min-width: 40em) { .omscholen__usps__title.sum { padding-bottom: 60px; } } .omscholen__usps__item { color: #1E225C !important; } .omscholen__usps__usp { color: #1E225C !important; } .omscholen__possibilities { margin: 100px 0px; position: relative; } .omscholen__possibilities > .row { row-gap: 20px; } .omscholen__possibilities__title h2 { text-align: center; font-size: 2rem; } .omscholen__possibilities__title p { max-width: 75%; margin: 0 auto; text-align: center; font-size: 1.15rem; } .omscholen__possibilities__background { z-index: -1; } .omscholen__possibilities__background::before { content: ""; background-image: url(/images/dot-bgv2.png); height: 50%; width: 50%; position: absolute; background-repeat: repeat; top: 140px; right: 0px; z-index: -1; background-position: center; background-size: unset; } @media print, screen and (min-width: 40em) { .omscholen__possibilities__background::before { top: 120px; } } .omscholen__possibilities__container { background-color: white; border-radius: 8px; box-shadow: 0px 12px 40px 0px rgba(157, 171, 192, 0.2); border: 0.5px solid #022543; padding: 40px; height: 100%; } .omscholen__possibilities__container p { line-height: 2; } .omscholen__possibilities__container h3 { margin-bottom: 1rem; } .omscholen__process { background: #F8F8FA; margin-bottom: -75px; padding: 150px 0px; } .omscholen__why { margin: 100px 0px; position: relative; } .omscholen__why::before { content: ""; background-image: url(/images/dot-bgv2.png); height: 100%; width: 40%; position: absolute; background-repeat: repeat; top: 100px; right: 0px; z-index: -1; background-position: center; background-size: unset; } .omscholen__companies__logoslider { background: #F8F8FA; padding-top: 40px !important; padding-bottom: 15px !important; } .test_email div { max-width: 630px; margin: 0 auto; background: #FFFFFF1D 0% 0% no-repeat padding-box; border-radius: 8px; opacity: 1; padding: 18px 18px; margin-bottom: 39px; } @media print, screen and (min-width: 40em) { .test_email div { min-width: 380px; } } .test_email div p { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 10px; text-align: left !important; } .test_email div p:last-of-type { margin-bottom: 0px; } .test_email div img { width: 25px; filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(93deg) brightness(103%) contrast(103%); } .test_email div span { color: white; } .test_email div svg { margin-right: 10px; color: #fff; font-size: 50px; } .test_cf_club div { max-width: 686px; min-width: 380px; margin: 0 auto; background: #FFFFFF1D 0% 0% no-repeat padding-box; border-radius: 8px; opacity: 1; padding: 21px 33.32px; margin-bottom: 30px; } .test_cf_club div p { margin-bottom: 0px; } .test_cf_club div svg { margin-right: 10px; color: #fff; font-size: 50px; } .favoriete_text1 { /* Layout Properties */ top: 375px; left: 476px; width: 597px; height: 67px; /* UI Properties */ background: #FFFFFF1D 0% 0% no-repeat padding-box; border-radius: 8px; opacity: 1; margin: 0 auto; padding: 21px 33.32px; margin-bottom: 39px; } .persoonlijke_custom { -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; max-width: 2000px !important; } .fullscreenform__container__section__container .step-module__section__choices > div { min-width: 40%; max-width: 100%; } .fullscreenform__container__section__container .step-module__section__choices > div { font-size: 16px; } .fullscreenform__container__section__container .step-module__section__choices > div p { text-align: left; } .fullscreenform__container__section__container .step-module__section__choices > div.favoriete_text2 { min-height: 50px; padding: 10px 30px; } .fullscreenform__container__section__container .step-module__section__choices > div.favoriete_text2 input { top: 16px; accent-color: #1E225C; } @media screen and (min-width: 75em) { .fullscreenform__container__section__container .step-module__section__choices > div.favoriete_text2 { min-width: 20%; max-width: 69%; } } .step-module__section__choices > div input { accent-color: #1E225C; } .test_resultaat div { display: block; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; max-width: 718px; height: unset; margin: 0 auto; background: #FFFFFF1D 0% 0% no-repeat padding-box; border-radius: 8px; opacity: 1; padding: 21px 20px; margin-bottom: 30px; } @media print, screen and (min-width: 64em) { .test_resultaat div { display: -ms-flexbox; display: flex; } } @media print, screen and (min-width: 40em) { .test_resultaat div { min-width: 380px; } } .test_resultaat div h4 { color: white; } #test-text-resultaat { top: 378px; left: 453px; margin-bottom: 0px; /* UI Properties */ text-align: left; letter-spacing: -0.32px; color: #FFFFFF; opacity: 1; } @media print, screen and (min-width: 64em) { #test-text-resultaat { width: 624px; } } .test-go-email { margin-top: 30px; -ms-flex-pack: center; justify-content: center; gap: 0px !important; margin-bottom: 20px; } @media print, screen and (min-width: 40em) { .test-go-email { gap: 20px; } } .test-go-email button, .test-go-email button:first-of-type, .test-go-email a, .test-go-email a:first-of-type { margin: 0px; -ms-flex-preferred-size: 49%; flex-basis: 49%; } @media print, screen and (min-width: 64em) { .test-go-email button, .test-go-email button:first-of-type, .test-go-email a, .test-go-email a:first-of-type { -ms-flex-preferred-size: 25%; flex-basis: 25%; } } .test-go-email.single button, .test-go-email.single button:first-of-type, .test-go-email.single a, .test-go-email.single a:first-of-type { margin: 0px; -ms-flex-preferred-size: 100%; flex-basis: 100%; } @media print, screen and (min-width: 64em) { .test-go-email.single button, .test-go-email.single button:first-of-type, .test-go-email.single a, .test-go-email.single a:first-of-type { -ms-flex-preferred-size: 50%; flex-basis: 50%; } } @media print, screen and (min-width: 64em) { .test-account-buttons a { -ms-flex-preferred-size: 35% !important; flex-basis: 35% !important; } } .test-go-input-div { -ms-flex-preferred-size: 75%; flex-basis: 75%; } @media print, screen and (min-width: 40em) { .test-go-input-div { -ms-flex-preferred-size: 51%; flex-basis: 51%; } } .test-go-input { border: 1px solid #707070 !important; margin-top: 10px !important; border-radius: 8px !important; padding: 25px 45px !important; height: unset !important; font-family: 'Lexend', sans-serif; font-display: fallback; margin: 0 auto !important; width: 114% !important; } .test-go-input:-ms-input-placeholder { color: #1e225d !important; } .test-go-input::placeholder { color: #1e225d !important; } @media print, screen and (min-width: 64em) { .test-go-input { width: 114% !important; } } .test-go-button { width: 50px !important; background: #FF9900 0% 0% no-repeat padding-box !important; border-radius: 0px 8px 8px 0px !important; -ms-flex-preferred-size: 25% !important; flex-basis: 25% !important; } @media print, screen and (min-width: 64em) { .test-go-button { -ms-flex-preferred-size: 15% !important; flex-basis: 15% !important; } } .stap-icon { text-align: center; margin: 5px 0; } .let-op { background: #f7fb00; box-shadow: 0px 3px 10px rgba(42, 62, 82, 0.2); border: 1px solid #1C2663; max-width: 500px; padding: 25px; margin-top: 25px; border-radius: 5px; } .kleiner { font-size: 0.9rem; color: #fff; font-style: italic; } .content-divider { position: relative; } .content-divider:after { content: ""; position: absolute; left: 50%; margin-left: -50px; border-left: 50px solid transparent; border-right: 50px solid transparent; border-top: 50px solid #D6D6D6; border-bottom: 50px solid transparent; } .content-divider--blue { border-bottom: 2px solid #1e225d; } .content-divider--blue:after { border-top: 30px solid #1e225d; } .content-divider--white { border-bottom: 2px solid white; } .content-divider--white:after { border-top: 30px solid white; } .content-divider--gray { border-bottom: 2px solid #F8F8FA; } .content-divider--gray:after { border-top: 30px solid #F8F8FA; } .content-divider.cluster { margin-bottom: 0px; } @media print, screen and (min-width: 64em) { .content-blocks { padding-left: 5rem !important; } } .stap-content { margin-top: 60px; padding-bottom: 55px; border-bottom: 1px solid #ccc; } .stap-content.seo { border: none; } .stap-content:first-of-type { margin-top: 0px; } .stap-content__heading { background-color: #1e225d; font-size: 1.875rem !important; color: white !important; padding: 7px 15px; margin-bottom: 30px !important; } .stap-content__heading-v3 { background-color: transparent; font-size: 1.875rem !important; color: #1e225d !important; margin-bottom: 30px !important; } .stap-content h2 { font-size: 2rem; color: #1E225C; margin-bottom: 1rem; font-family: 'Lexend', sans-serif; font-display: fallback; } .stap-content h3 { color: #1E225C; font-family: 'Lexend', sans-serif; font-display: fallback; } .stap-content li { margin: 0rem 0; } .stap-content .groen { color: #000; } .stap-content ul.dichtbij li { margin: 7px 0; } .stap-content .stap-newsitem { background: #02abac; border-radius: 5px; margin: 50px 0; padding: 25px; } .stap-content .stap-newsdate { color: #000; font-weight: bold; font-size: 1.3 rem; } .stap-content .stap-newstitle h3 { color: #fff; } .stap-content .stap-newstext { color: #000; } .stap-content .stap-newstext a { color: #000; } .stap-content .groen { color: #000; } .stap-content .biggerbold { font-size: 18px; color: #1e225d; } .stap-content a:not(.cf-button):not(.cf-button--blue-flat-alt):not(.cf-button--orange-flat):not(.cf-button--blue) { color: #ff9900; } .stap-content .bordergroen { box-shadow: 0px 3px 10px rgba(42, 62, 82, 0.2); border: 1px solid #1C2663; margin: 50px 0; border-radius: 12px; padding: 25px; color: #000; } .stap-content .bordergroen h3 { color: #1E225C; font-size: 24px; } .stap-content h2 { font-size: 2rem; color: #1e225d; margin-bottom: 1rem; font-family: 'Lexend', sans-serif; font-display: fallback; } .stap-content ul.dichtbij li { margin: 7px 0; color: #1E225C; } .stap-content .stap-newsitem { box-shadow: 0px 3px 10px rgba(42, 62, 82, 0.2); border: 1px solid #1C2663; background: #00c4c2; border-radius: 12px; margin: 50px 0; padding: 25px; } .stap-content section.enqform_section.contact__main { border-radius: 5px; margin-top: 50px; } .stap-content section.enqform_section.contact__main input:-ms-input-placeholder, .stap-content section.enqform_section.contact__main textarea:-ms-input-placeholder { color: #1E225C; } .stap-content section.enqform_section.contact__main input::placeholder, .stap-content section.enqform_section.contact__main textarea::placeholder { color: #1E225C; } .stap-content .cf-button--altblue, .stap-content button.cf-button--altblue { border: 2px solid #1e225d; color: #fff; background-coloR: #1e225d; } .stap-content__nopaddingbottom { padding-bottom: 0px !important; } .stap-content__banner__image { padding: 60px 0px; background-position: center center; background-size: cover; background: rgba(32, 27, 102, 0.9); } .event__overige { background-color: #1E225C; } .event__overige h2 { color: white; } .event__overige { background-color: #1E225C; } .event__overige h2 { color: white; } .event__overige.grey { background-color: #F8F8FA; } .event__overige.grey h2 { color: #1e225d; } .sticky-sidebar { box-shadow: 0px 15px 30px rgba(42, 62, 82, 0.098); border-radius: 8px; position: sticky; top: 75px; margin-bottom: 50px; } .sticky-sidebar__section { padding: 17px; border-bottom: 1px solid #F0F0F0; color: #1E225C; } .sticky-sidebar__section__title { padding: 17px; font-weight: bold; font-family: 'Lexend', sans-serif; font-display: fallback; color: #1E225C; border-bottom: 1px solid #F0F0F0; } .sticky-sidebar__section a { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center; font-size: 0.9rem; margin: 5px 0px; } .sticky-sidebar__section--bottom { padding: 17px; color: #1E225C; border-bottom: 0px; } .sticky-sidebar__section--bottom a { -ms-flex-pack: initial; justify-content: initial; } .sticky-sidebar__section--bottom a.orange { color: #ff9900; } .sticky-sidebar__section:last-of-type { border-bottom: none; } .white-callout { border: 1px solid #FFFFFF; border-radius: 12px; color: white; padding: 30px; } .white-callout ul.iconlist { list-style-type: none; margin: 0px; margin-top: 20px; margin-bottom: 20px; } .white-callout ul.iconlist li { color: white; } .white-callout ul.iconlist li .icon { padding-right: 10px; } .white-callout ul.iconlist li .icon img { width: 18px; filter: invert(100%) sepia(2%) saturate(9%) hue-rotate(351deg) brightness(101%) contrast(101%); } .white-callout ul.iconlist li a { color: white; } .dark-callout { color: #1e225d; padding: 30px; text-align: center; } .dark-callout__title { font-size: 20px; font-weight: 800; font-family: 'Lexend', sans-serif; font-display: fallback; margin-bottom: 10px; text-align: center; } .dark-callout ul.iconlist { list-style-type: none; margin: 0px; margin-top: 20px; margin-bottom: 20px; } .dark-callout ul.iconlist li { color: #1e225d; } .dark-callout ul.iconlist li .icon { padding-right: 10px; } .dark-callout ul.iconlist li .icon img { width: 18px; filter: invert(100%) sepia(2%) saturate(9%) hue-rotate(351deg) brightness(101%) contrast(101%); } .dark-callout ul.iconlist li a { color: #1e225d; } .dark-callout .cf-button--blue-alt .cf-button__text { font-family: 'Lexend', sans-serif; font-display: fallback; font-size: 16px; font-weight: 800; } .image-container-yougotthis { margin-bottom: -60px; margin-top: 30px; position: relative; } .image-container-yougotthis::after { background-image: url("/images/Logo_Sticker-YouGotThis-v2.png"); position: absolute; display: block; content: " "; width: 50px; height: 50px; background-repeat: no-repeat; background-size: contain; top: 0px; right: 0px; } .step-module.test { position: relative; } @media print, screen and (min-width: 64em) { .step-module.test .step-module__timeline { position: absolute; right: 0; } } @media print, screen and (min-width: 64em) { .step-module.test .step-module__section h3 { font-size: 2rem; width: 50%; line-height: 1.2; letter-spacing: -1px; font-weight: 800; } } .step-module__result { margin-top: 25px; } .step-module__result .trainingen-grid__item:hover .training-grid-block__image__overlay { opacity: 0; } .step-module__callout { margin-top: 60px; border-radius: 12px; border: 1px solid rgba(255, 255, 255, 0.494); padding: 10px; } @media print, screen and (min-width: 64em) { .step-module__callout { margin: 0 auto; margin-top: 160px; padding: 20px; max-width: 700px; } } .step-module__callout h4 { color: white; font-size: 1.1rem; text-align: center; margin-bottom: 20px; } @media print, screen and (min-width: 64em) { .step-module__callout h4 { font-size: 1.875rem; } } .step-module__callout p { font-size: 0.8rem; } @media print, screen and (min-width: 64em) { .step-module__callout p { font-size: 1.125rem; } } .step-module__callout .label { background-color: #f7fb00; color: #1e225d; } @media print, screen and (min-width: 64em) { .step-module__callout .label { font-size: 1.125rem; } } .step-module__callout__animation { margin-top: -65px; } .step-module__callout.has-tip { display: block; font-weight: unset; } .step-module__header { margin-bottom: 26px; border-bottom: 1px solid #DDDDDD; padding-bottom: 15px; } @media print, screen and (min-width: 64em) { .step-module__header { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 55px; padding-bottom: 20px; } } .step-module__title { font-size: 18px; font-weight: 900; font-family: 'Lexend', sans-serif; font-display: fallback; color: #1e225d; margin-bottom: 16px; } @media print, screen and (min-width: 64em) { .step-module__title { margin-bottom: 0px; } } .step-module__timeline { display: -ms-flexbox; display: flex; column-gap: 30px; margin-bottom: 50px; } .step-module__timeline.small { column-gap: 10px; } .step-module__timeline.small .step-module__timeline__item { padding: 4px; height: 35px; width: 35px; } .step-module__timeline.small .step-module__timeline__item::after { width: 12px; margin-left: 11px; } @media screen and (min-width: 40em) { .step-module__timeline.small { column-gap: 30px; } .step-module__timeline.small .step-module__timeline__item { padding: 3px; } .step-module__timeline.small .step-module__timeline__item::after { width: 30px; margin-left: 13px; } } .step-module__timeline__item { border-radius: 100%; border: 1px solid #1E225C; font-family: 'Lexend', sans-serif; font-display: fallback; font-size: 1.2rem; font-weight: 800; padding: 5px; width: 40px; height: 40px; text-align: center; color: #1e225d; cursor: pointer; } .step-module__timeline__item.filled { background: #1E225C; color: white; } .step-module__timeline__item::after { position: absolute; border: 2px solid #1E225C; width: 30px; content: " "; margin-top: 11px; margin-left: 15px; } .step-module__timeline__item:last-of-type::after { display: none; } @media screen and (min-width: 40em) { .step-module__timeline__item { column-gap: 80px; } .step-module__timeline__item::after { width: 80px; content: " "; margin-top: 12px; margin-left: 14px; } } @media screen and (min-width: 40em) { .step-module__timeline__item.small::after { width: 30px; } } .step-module__section { display: none; margin-bottom: 30px; } .step-module__section.current { display: block; } .step-module__section.current.hasimage { display: block; } @media print, screen and (min-width: 40em) { .step-module__section.current.hasimage { display: -ms-flexbox; display: flex; gap: 20px; } } .step-module__section__image { margin-bottom: 20px; } @media print, screen and (min-width: 40em) { .step-module__section__image { -ms-flex-preferred-size: 25%; flex-basis: 25%; margin-bottom: 0px; } } .step-module__section__content { -ms-flex-preferred-size: 75%; flex-basis: 75%; } .step-module__section__content ul li { color: white; } .step-module__section__content.dark ul li { color: #1e225d; } .step-module__section h3 { font-size: 1.2rem; font-weight: bold; margin-bottom: 20px; } .step-module__section a:not(.cf-button--white-alt) { color: #ff9900; } .step-module__section__choices { display: -ms-flexbox; display: flex; gap: 25px; -ms-flex-wrap: wrap; flex-wrap: wrap; } .step-module__section__choices > div { cursor: pointer; -ms-flex: 1 1 calc(25% - 10px); flex: 1 1 calc(25% - 10px); min-width: 90%; background-color: #fff; box-shadow: 0px 10px 30px 0px rgba(157, 171, 192, 0.2); border: 1px solid white; border-radius: 8px; position: relative; padding: 20px; z-index: 2; text-decoration: none; display: block; height: 100%; font-weight: bold; font-size: 18px; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center; } @media print, screen and (min-width: 40em) { .step-module__section__choices > div { padding: 30px; display: block; min-width: 40%; max-width: 50%; } } @media screen and (min-width: 75em) { .step-module__section__choices > div { min-width: 20%; max-width: 32%; } .step-module__section__choices > div.category { min-height: 170px; } } .step-module__section__choices > div:hover { border: 1px solid #1E225C; box-shadow: 0px 10px 30px 0px rgba(157, 171, 192, 0.35); transition: all 400ms; } .step-module__section__choices > div:hover .category-section__container__categories__card__title { color: #ff9900; transition: all 400ms; } .step-module__section__choices > div:hover .category-section__container__categories__card__link > .cf-button--orange-link { background: transparent; color: #ff9900; } .step-module__section__choices > div:hover .category-section__container__categories__card__link > .cf-button--orange-link .cf-button__text { color: #ff9900; text-decoration: underline; transition: text-decoration 400ms; } .step-module__section__choices > div:hover .category-section__container__categories__card__link > .cf-button--orange-link .cf-button__icon:not(.left) { margin: 0px 0px 0px 15px; transition: margin 400ms, box-shadow 400ms; } .step-module__section__choices > div.checked { border: 1px solid #1E225C; } .step-module__section__choices > div.disabled { border: 1px solid gray; opacity: 0.5; } .step-module__section__choices > div input { position: absolute; left: 10px; top: 10px; } .step-module__section__choices > div p { margin-bottom: 0px; } .step-module__section__choices > div p.subtitle { font-weight: normal; font-size: 16px; } .step-module__section__choices > div img { width: 50px; filter: invert(19%) sepia(31%) saturate(1553%) hue-rotate(201deg) brightness(83%) contrast(106%); margin-bottom: 10px; } .step-module__buttons { display: -ms-flexbox; display: flex; } .step-module__buttons button:first-of-type { margin-right: 20px; } .step-module.light { color: white; } .step-module.light .step-module__timeline__item { border: 1px solid white; } .step-module.light .step-module__timeline__item.filled { background: white; color: #1E225C; } .step-module.light .step-module__timeline__item::after { border: 2px solid white; } .step-module.light .step-module__section { color: white; } .step-module.light .step-module__section h3 { color: white; } .step-module.light .step-module__section p { color: white; } .step-module.light .step-module__section ul li { color: white; } @media print, screen and (min-width: 64em) { .process-module__container { padding: 0px 20px !important; } } .process-module__container .step-module__timeline { margin-bottom: 0px; } .process-module__container .step-module__section h3 { font-size: 24px; font-weight: 800; font-family: Poppins; } .process-module__container .step-module__timeline { column-gap: 20px; } .process-module__container .step-module__timeline__item::after { width: 20px; } @media screen and (min-width: 40em) { .process-module__container .step-module__section h3 { font-size: 32px; } .process-module__container .step-module__timeline { column-gap: 50px; } .process-module__container .step-module__timeline__item::after { width: 50px; } } .process-module__divider { border-bottom: 1px solid #DDDDDD; padding-top: 40px; margin-bottom: 20px; } .stap-training-slider { margin: 80px 0px; } .stap-training-slider__title { padding: 0px 20px; } @media print, screen and (min-width: 64em) { .stap-training-slider__title { padding: 0px 20px; } } .stap-training-slider h2 { font-size: 25px; } @media print, screen and (min-width: 64em) { .stap-training-slider h2 { font-size: 32px; font-family: 'Lexend', sans-serif; font-display: fallback; font-weight: 800; max-width: 530px; margin-bottom: 0px !important; } } .stap-training-slider .training-slider-block__body { width: 100%; max-width: 100%; } .stap-training-slider .training-slider-block__body .next-arrow, .stap-training-slider .training-slider-block__body .prev-arrow { margin-right: 20px; } .stap-training-slider .training-slider-block__body .opleiding-container .slider__counter { margin-right: 20px; } .stap-training-slider__readmore { margin-top: 20px; color: #1e225d; font-size: 16px; padding: 0px 20px; } .stap-training-slider__readmore a { font-weight: bold; } .stap-training-slider__readmore a.externallink { display: -ms-inline-flexbox; display: inline-flex; -ms-flex-align: center; align-items: center; gap: 10px; } .stap-training-slider__readmore a.externallink .icon img { width: 16px; filter: invert(15%) sepia(9%) saturate(7193%) hue-rotate(209deg) brightness(97%) contrast(103%); } @media print, screen and (min-width: 64em) { .stap-training-slider__readmore { margin-top: -80px; padding: 0px 20px; } } .stap-training-slider .slider__counter { display: none; } @media print, screen and (min-width: 64em) { .stap-training-slider .slider__counter { display: block; } } .signup--stap { background-color: #F8F8FA; padding: 80px 20px; } @media print, screen and (min-width: 64em) { .signup--stap { padding: 80px 0px; } } @media print, screen and (min-width: 64em) { .signup--stap .signup__container { padding: 0px 20px; } } @media print, screen and (min-width: 64em) { .signup--stap .signup__container__text { -ms-flex-item-align: center; align-self: center; } } .signup--stap .signup__container__text__title { font-family: 'Lexend', sans-serif; font-display: fallback; font-weight: 800; font-size: 25px; } @media print, screen and (min-width: 64em) { .signup--stap .signup__container__text__title { font-size: 32px; } } .signup--stap .signup__container__text__content { font-size: 16px; } .signup--stap .signup__container__image { text-align: center; } @media print, screen and (min-width: 64em) { .signup--stap .signup__container__image img { max-width: 500px; } } .signup--stap .signup__container__image__buttons { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; gap: 15px; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 10px; } .signup--stap .signup__container__image .naked-button { border: 1px solid #CFD0E5; border-radius: 8px; padding: 8px 14px; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-align: center; align-items: center; gap: 15px; text-decoration: none; } .signup--stap .signup__container__image .naked-button .cf-button__text { font-family: 'Lexend', sans-serif; font-display: fallback; font-size: 15px; font-weight: medium; } .signup--stap .signup__container__image .naked-button .cf-button__icon img { filter: invert(18%) sepia(11%) saturate(3629%) hue-rotate(198deg) brightness(94%) contrast(107%); width: 18px; } .signup--stap .signup__container__form { margin-bottom: 20px; } @media print, screen and (min-width: 64em) { .signup--stap .signup__container__form { margin-bottom: 0px; } } .signup--stap .signup__container__form .form-col { margin-bottom: 10px; } .signup--stap .signup__container__form .cluster-header__content-post__text__buttons { margin-top: 25px; } .signup--stap .signup__container__form label { font-size: 12px; font-family: 'Lexend', sans-serif; font-display: fallback; color: #1e225d; position: relative; top: 10px; left: 15px; background: #F8F8FA; display: inline-block; padding: 0px 5px; } .signup--stap .signup__container__form input { border: 1px solid #1e225d; border-radius: 8px; background-color: transparent; padding: 14px 20px; } .signup--stap .signup__container__form input:-ms-input-placeholder { color: #9798A2; } .signup--stap .signup__container__form input::placeholder { color: #9798A2; } @media print, screen and (min-width: 64em) { .signup--stap .signup__container__form input { width: 80%; } } .signup--stap .signup__container__form input.is-invalid-input:not(:focus) { border: 1px solid #ec5840; background-color: #fdeeec; } .signup--stap .signup__container__form input.is-invalid-input:not(:focus):-ms-input-placeholder { color: #ec5840; } .signup--stap .signup__container__form input.is-invalid-input:not(:focus)::placeholder { color: #ec5840; } @media print { .trainer-container { margin-top: 100px; } } .trainerpage > .column, .trainerpage > .columns { padding: 0px; } .trainers__overview__trainer h4 { color: #ff4f57; font-size: 1.2rem; margin-top: 10px; margin-bottom: 5px; } .trainers__overview__trainer p { color: #1e225d; } .trainers__nextup { margin-top: 30px; } @media print, screen and (min-width: 40em) { .trainers__nextup { padding-left: 2% !important; padding-right: 2% !important; } } @media print, screen and (min-width: 64em) { .trainers__nextup__text { padding: 0px; } } .trainers__nextup__text__container { margin: auto auto; width: 94%; background-color: white; box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.16); padding: 30px !important; } @media print, screen and (min-width: 40em) { .trainers__nextup__text__container { width: 98%; } } @media print, screen and (min-width: 64em) { .trainers__nextup__text__container { margin: inherit; width: 100%; padding: 50px !important; } } .trainers__nextup__text__date { font-size: 1.15rem; font-weight: 600; } .trainers__nextup__text p { font-family: 'Poppins', sans-serif; font-display: fallback; margin: 12px 0px 20px 0px; } .trainers__nextup__cta { padding-top: 50px; } .trainers__nextup__media { text-align: center; } @media print, screen and (min-width: 64em) { .trainers__nextup__media { padding-left: 0px; padding-right: 0px; } } .trainers__nextup__media__movie, .trainers__nextup__media__image { margin: auto auto; width: 94%; height: 100%; } @media print, screen and (min-width: 40em) { .trainers__nextup__media__movie, .trainers__nextup__media__image { margin: inherit; width: 98%; height: 240px; } } @media print, screen and (min-width: 64em) { .trainers__nextup__media__movie, .trainers__nextup__media__image { width: 100%; height: 100%; } } .trainers__nextup__media__image { background-repeat: no-repeat; background-size: cover; background-position: center center; height: 160px; } @media print, screen and (min-width: 40em) { .trainers__nextup__media__image { height: 100%; } } @media screen and (min-width: 75em) { .trainers__nextup__media__image { height: 100%; } } .trainers__upcoming__text { margin-bottom: 20px; } .trainers__upcoming__event { margin-top: 50px; } .trainers__upcoming__event__container { width: 94%; background-color: white; box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.16); border-radius: 5px; border: 1px solid #EDEDED; height: inherit; margin: auto auto; } .trainers__upcoming__event__image { background-repeat: no-repeat; background-size: cover; background-position: center center; height: 160px; } @media print, screen and (min-width: 40em) { .trainers__upcoming__event__image { height: 240px; } } @media screen and (min-width: 75em) { .trainers__upcoming__event__image { height: 340px; } } .trainers__upcoming__event__information { padding: 30px; } .trainers__upcoming__event__date { font-size: 1.15rem; font-weight: 600; } .trainers__upcoming__event p { font-family: 'Poppins', sans-serif; font-display: fallback; margin: 12px 0px 20px 0px; } .trainers__planned { background-color: #f6f6f6; } .trainers__planned__event { margin-top: 50px; } .trainers__planned__event__container { width: 94%; background-color: white; box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.16); border-radius: 5px; border: 1px solid #EDEDED; padding: 30px; height: inherit; margin: auto auto; } .trainers__planned__event__date { font-size: 1.15rem; font-weight: 600; } .trainers__planned__event p { font-family: 'Poppins', sans-serif; font-display: fallback; margin: 12px 0px 20px 0px; } .trainers__images__row { padding-top: 40px !important; } @media print, screen and (min-width: 64em) { .trainers__images__row { padding: 40px 0px !important; } } .trainers__images__slider__image div { padding: 20px; } .trainers__images .slick-dots li button:before { font-size: 1.8rem; } .trainers__images .slick-prev:before, .trainers__images .slick-next:before { color: black; font-size: 1.5rem; } .trainer__actiebalk { background: #02ABAC; } .trainer__actiebalk__row .column, .trainer__actiebalk__row .columns { text-align: center; color: white; padding: 7px 0px; font-size: 0.95rem; } .trainer__actiebalk__row .column .bold, .trainer__actiebalk__row .columns .bold { font-weight: bold; } .trainer__banner { background-position: center center; background-size: cover; } .trainer__banner__image { padding: 60px 0px; background-position: center center; background-size: cover; background: rgba(32, 27, 102, 0.5); } .trainer__banner__title__div { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; } .trainer__banner__title h1 { font-size: 30px; text-align: center; color: #1E225D; font-family: 'Lexend', 'sans-serif'; font-weight: 800; max-width: 100%; margin-top: 100px; } @media print, screen and (min-width: 64em) { .trainer__banner__title h1 { max-width: 60%; font-size: 45px; } } .trainer__banner__data { color: white; margin-top: 20px; } .trainer__banner__data__date, .trainer__banner__data__location, .trainer__banner__data__price { font-family: 'Poppins', sans-serif; font-display: fallback; font-size: 1.15rem; text-align: center; font-weight: bold; } .trainer__banner__data__date .fa, .trainer__banner__data__date .svg-inline--fa, .trainer__banner__data__location .fa, .trainer__banner__data__location .svg-inline--fa, .trainer__banner__data__price .fa, .trainer__banner__data__price .svg-inline--fa { font-size: 1.5rem; margin-right: 15px; display: inline-block; font-weight: normal; } .trainer__banner__intro { margin-top: 20px; text-align: center; font-family: 'Poppins', sans-serif; font-display: fallback; } .trainer__banner__intro p { font-size: 1.15rem; color: white; font-weight: 600; } .trainer__banner__signup { text-align: center; margin-top: 20px; } .trainer__banner__signup-subtext { font-family: 'Poppins', sans-serif; font-display: fallback; margin-top: 15px; text-align: center; font-weight: bold; color: white; } .trainer__banner__signup-subtext p { font-size: 0.9rem; } @media screen and (max-width: 39.9375em) { .trainer__banner .cf-button { height: auto; padding: 12px 7px !important; } .trainer__banner .cf-button__text { margin: 0px !important; padding: 0px; } } .trainer__banner--sharper .training__banner-overlaywithoutimage { opacity: 1; background: none; } @media print { .trainer__banner--sharper { height: 175px; } } .trainer__intro__text { padding-bottom: 60px; } @media print, screen and (min-width: 64em) { .trainer__intro__text { padding-bottom: 0px; } } .trainer__intro__text h2 { margin-bottom: 25px; } .trainer__intro__text p { font-family: 'Poppins', sans-serif; font-display: fallback; font-size: 1.15rem; margin-bottom: 25px; } .trainer__intro__text a { font-size: 1.15rem; font-weight: 600; } .trainer__intro__text a .fa, .trainer__intro__text a .svg-inline--fa { font-size: 1.5rem; margin-right: 15px; display: inline-block; font-weight: normal; } .trainer__intro__movie small { font-style: italic; font-size: 1.15rem; color: #464646; } .trainer__intro__movie iframe { width: 100%; height: 315px; } .trainer__intro .row-divider { position: absolute; display: block; width: 0px; height: 0px; content: '\00a0'; border-left: 40px solid transparent; border-right: 40px solid transparent; border-top: 40px solid white; left: 50%; margin-left: -40px; margin-top: 60px; } .trainer__speakers { background-color: #f2f8ff; } .trainer__speakers__row { padding: 40px 0px; padding-bottom: 0px; } .trainer__speakers__speaker { padding-bottom: 40px; } .trainer__speakers__speaker__padding { margin: 10px; } .trainer__speakers__speaker__photo { height: 300px; border-radius: 10px; background-size: cover; background-repeat: no-repeat; background-position: center center; background-color: gray; margin-bottom: 20px; } .trainer__speakers__speaker__name { font-family: 'Poppins', sans-serif; font-display: fallback; font-size: 1.2rem; font-weight: 700; } .trainer__speakers__speaker__function { font-family: 'Poppins', sans-serif; font-display: fallback; font-size: 0.9rem; } .trainer__speakers .slick-dots li button:before { font-size: 1.8rem; } .trainer__speakers .slick-prev:before, .trainer__speakers .slick-next:before { color: black; font-size: 1.5rem; } .trainer__speakers__cta { text-align: center; } .trainer__speakers__cta a { font-family: 'Poppins', sans-serif; font-display: fallback; font-size: 1.15rem; font-weight: 600; } .trainer__program__timeline { padding-bottom: 60px; } @media print, screen and (min-width: 40em) { .trainer__program__timeline { padding-bottom: 0px; } } .trainer__program__timeline h3 { text-transform: uppercase; } .trainer__program__item .small-3 { background-image: url("/images/timeline-dash.png"); background-repeat: repeat-y; background-position: 49% 0%; background-size: 5px; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .trainer__program__item .small-3.starttimeline:before { position: absolute; content: '\00a0'; background-color: white; width: 50px; height: 50px; margin-top: -40px; } .trainer__program__item .small-3.endtimeline:before { position: absolute; content: '\00a0'; background-color: white; width: 50px; height: 50px; margin-top: 40px; } .trainer__program__item__icon { width: 64px; height: 64px; z-index: 4; position: relative; border-radius: 50%; text-align: center; background-color: white; box-shadow: 0 1px 4px 1px rgba(0, 0, 0, 0.26); } @media print, screen and (min-width: 40em) { .trainer__program__item__icon { width: 80px; height: 80px; } } .trainer__program__item__icon img { margin-top: 12px; width: 40px; height: 40px; } @media print, screen and (min-width: 40em) { .trainer__program__item__icon img { margin-top: 15px; width: 50px; height: 50px; } } .trainer__program__item__data { padding-top: 20px; padding-bottom: 20px; } @media print, screen and (min-width: 40em) { .trainer__program__item__data { padding-top: 30px; padding-bottom: 30px; } } .trainer__program__item__time { font-family: 'Poppins', sans-serif; font-display: fallback; font-size: 1.15rem; } .trainer__program__item__title { font-family: 'Poppins', sans-serif; font-display: fallback; font-size: 1.15rem; font-weight: 700; } .trainer__program__who { font-family: 'Poppins', sans-serif; font-display: fallback; } .trainer__program__who__icon { margin-left: auto; margin-right: auto; width: 80px; height: 80px; border-radius: 50%; margin-bottom: 10px; text-align: center; box-shadow: 0 1px 4px 1px rgba(0, 0, 0, 0.26); } @media print, screen and (min-width: 40em) { .trainer__program__who__icon { margin-left: 0; margin-right: 0; } } .trainer__program__who__icon img { margin-top: 15px; width: 50px; height: 50px; } .trainer__program__where { font-family: 'Poppins', sans-serif; font-display: fallback; margin-top: 50px; } .trainer__program__where__icon { margin-left: auto; margin-right: auto; width: 80px; height: 80px; border-radius: 50%; margin-bottom: 10px; text-align: center; box-shadow: 0 1px 4px 1px rgba(0, 0, 0, 0.26); } @media print, screen and (min-width: 40em) { .trainer__program__where__icon { margin-left: 0; margin-right: 0; } } .trainer__program__where__icon img { margin-top: 15px; width: 50px; height: 50px; } .trainer__cta { background-color: #1e225d; background: linear-gradient(rgba(30, 34, 93, 0.9), rgba(30, 34, 93, 0.9)), url("https://www.competencefactory.nl/wordpress/wp-content/uploads/2019/04/17fd32ac-e683-40d9-91d4-5be030745aba.jpg"); background-repeat: no-repeat; background-size: cover; } .trainer__cta__usps { list-style-type: none; margin-left: 0px; } .trainer__cta__usps__usp { display: inline-block; width: 80%; } .trainer__cta__usps li { font-family: 'Poppins', sans-serif; font-display: fallback; font-size: 1.15rem; color: white; font-weight: bold; margin-top: 30px; } .trainer__cta__usps li .fa, .trainer__cta__usps li .svg-inline--fa { font-size: 1.5rem; margin-right: 15px; display: inline-block; font-weight: normal; vertical-align: top; } .trainer__cta__form { padding-bottom: 30px; } @media print, screen and (min-width: 40em) { .trainer__cta__form { padding-bottom: 0px; } } .trainer__cta h2 { color: white; text-transform: initial; } .trainer__cta .evenementform { margin-top: 35px; margin-bottom: 0px; } .trainer__cta .evenementform .column, .trainer__cta .evenementform .columns { padding: 0px; } .trainer__cta .evenementform .evenement-aanmelden__form input, .trainer__cta .evenementform .evenement-aanmelden__form button { width: 100%; margin-bottom: 20px; } .trainer__cta .evenementform .evenement-aanmelden__form button { padding-top: 0px !important; } .trainer__speakers-about { text-align: center; } .trainer__speakers-about h2 { margin-bottom: 35px; } .trainer__speakers-about__speaker { margin-bottom: 35px; } .trainer__speakers-about__image { width: 125px; height: 125px; border-radius: 50%; background-size: cover; background-repeat: no-repeat; background-position: center center; display: inline-block; margin-bottom: 35px; } .trainer__speakers-about p { text-align: left; font-family: 'Poppins', sans-serif; font-display: fallback; } .trainer__final-cta { text-align: center; background-color: #1e225d; } .trainer__final-cta h2 { color: white; text-transform: initial; } .trainer__final-cta p { font-family: 'Poppins', sans-serif; font-display: fallback; font-size: 1.15rem; color: white; font-weight: normal; } .trainer__final-cta p.subtext { margin-top: 10px; font-size: 0.9rem; font-weight: 600; } .trainer__joinevent, .trainer__planned { background-color: #f6f6f6; } .trainer__section { padding: 60px 0px; } .trainer__section > .row { padding: 0px 15px; } @media print, screen and (min-width: 40em) { .trainer__section > .row { padding: 0px; } } .trainer__section__title { font-size: 1.5rem; text-transform: uppercase; } .trainer__section h3 { font-size: 1.3rem; } .trainer__section .centered { text-align: center; } .trainer__section--sub { border-bottom: 1px solid #8a8a8a; margin-bottom: 10px; } .trainer__section--sub:last-of-type { margin-bottom: 40px; } .trainer__section--sub__content.closed { display: none; } .trainer__section-header { font-size: 1.25rem; margin-bottom: 25px; color: #0a0a0a; } .trainer__section-header--sub { margin-bottom: 15px; cursor: pointer; font-size: 1.0625rem; font-family: 'Poppins', sans-serif; font-display: fallback; } .trainer__section-header--sub::before { content: "-"; width: 15px; display: inline-block; margin-right: 15px; } .trainer__section-header--sub.closed::before { content: "+"; } .trainer__filtertrainers { margin-top: 25px; } @media print, screen and (min-width: 64em) { .trainer__filtertrainers { margin-top: 50px; } } .trainer__filtertrainers .row { width: 100%; } @media print, screen and (min-width: 64em) { .trainer__filtertrainers .row { width: 50%; } } .trainer__filtertrainers #trainers_filter_category { border: 1px solid #1E225C; border-radius: 100px; color: #1E225C; font-size: 14px; background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMCA3LjMzbDIuODI5LTIuODMgOS4xNzUgOS4zMzkgOS4xNjctOS4zMzkgMi44MjkgMi44My0xMS45OTYgMTIuMTd6Ii8+PC9zdmc+"); background-repeat: no-repeat, repeat; background-position: right 5px top 50%; background-size: 13px; text-indent: 10px; height: 52px; } .trainer__filtertrainers .trainers__filter { border: 1px solid #1E225C; border-radius: 100px; color: #1E225C; font-size: 14px; background-repeat: no-repeat, repeat; background-position: left 25px top 50%; background-size: 24px; text-indent: 40px; padding: 25px; } .trainer__filtertrainers .trainers__filter__zoekicon { position: absolute; left: 30px; top: 15px; width: 24px; height: 24px; } @media print, screen and (min-width: 40em) { .trainer__filtertrainers .trainers__filter__zoekicon { left: 40px; } } .trainer__filtertrainers :-ms-input-placeholder { color: #1E225C; opacity: 1; /* Firefox */ } .trainer__filtertrainers ::placeholder { color: #1E225C; opacity: 1; /* Firefox */ } .trainer__trainersdiv { margin-bottom: 50px; } .trainer__trainersdiv__div { height: 400px; } @media print, screen and (min-width: 64em) { .trainer__trainersdiv__div { padding-right: 2.5rem; padding-left: 2.5rem; } } .trainer__trainersdiv__div__banner { height: 320px; position: relative; border-bottom: 2px solid #1E225C; } .trainer__trainersdiv__div__banner img { position: absolute; left: 0; right: 0; margin-left: auto; margin-right: auto; height: 70%; bottom: 0; } .trainer__trainersdiv__div__banner span { position: absolute; font-size: 260px; font-weight: 900; letter-spacing: -15px; color: #00C4C2; text-align: center; margin-left: auto; margin-right: auto; left: 0; right: 0; bottom: -90px; } .trainer__trainersdiv__div__banner .alt_span { left: -30px; } .trainer__trainersdiv__div__textdiv { box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16); border-radius: 8px; height: 65px; margin-top: 15px; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .trainer__trainersdiv__div__textdiv__text { -ms-flex: 80; flex: 80; margin-left: 20px; width: 100%; } .trainer__trainersdiv__div__textdiv__text p { margin: 0; font-size: 14px; font-family: 'Poppins', 'sans-serif'; color: #1E225C; } .trainer__trainersdiv__div__textdiv__text__title { font-family: 'Lexend', 'sans-serif'; font-weight: 800; } .trainer__trainersdiv__div__textdiv__knop { -ms-flex: 20; flex: 20; width: 100%; } .trainer__trainersdiv__div__textdiv__knop__div { border: 1px solid #1E225C; border-radius: 100px; width: 50px; height: 50px; float: right; margin-right: 20px; position: relative; cursor: pointer; transition: 0.5s; } .trainer__trainersdiv__div__textdiv__knop__div img { width: 16px; position: absolute; left: 0; right: 0; margin-right: auto; margin-left: auto; height: 100%; filter: invert(10%) sepia(34%) saturate(4768%) hue-rotate(228deg) brightness(98%) contrast(95%); } .trainer-pagina__bannertexts p { font-size: 16px; color: #1E225C; font-family: 'Poppins', 'sans-serif'; } .trainer-pagina__bannertexts h1 { font-size: 25px; line-height: 30px; letter-spacing: -0.2px; font-weight: 700; color: #181C4D; font-family: 'Lexend', 'sans-serif'; margin-bottom: 20px; } @media print, screen and (min-width: 64em) { .trainer-pagina__bannertexts h1 { font-size: 39px; font-weight: 800; line-height: 44px; } } #trainer__backgroundimgbanner { left: 50%; transform: translateX(-50%); bottom: 80px; } @media screen and (min-width: 90em) { #trainer__backgroundimgbanner { margin-left: 160px; } } .trainer__text-background { overflow: initial !important; } .trainer__text-background span { letter-spacing: -60px !important; } .backgroundimglijn { position: absolute; width: 100%; border: 2px solid #1E225D; bottom: 80px; left: 50%; transform: translateX(-50%); z-index: 5; overflow: hidden; } @media screen and (min-width: 90em) { .backgroundimglijn { margin-left: 160px; } } .trainer-infowidget { bottom: 100px !important; left: 0 !important; } @media screen and (min-width: 90em) { .trainer-infowidget { margin-left: 160px !important; } } .trainer-bannerdiv { margin: 40px 20px; margin-bottom: 0; } @media print, screen and (min-width: 64em) { .trainer-bannerdiv { margin: initial; padding-bottom: 0px; } } #trainer-idbanner { padding-bottom: 0px; } .data-trainer { background: #F8F8FA; } .data-trainer__row { display: -ms-flexbox; display: flex; gap: 20px; -ms-flex-direction: column; flex-direction: column; padding: 40px 20px; } @media print, screen and (min-width: 64em) { .data-trainer__row { -ms-flex-direction: row; flex-direction: row; gap: 130px; padding-top: 40px; padding-bottom: 40px; padding-left: initial; padding-right: initial; } } .data-trainer__row__avg-rating { width: 100%; text-align: center; } @media print, screen and (min-width: 64em) { .data-trainer__row__avg-rating { text-align: left; } } .data-trainer__row__avg-rating span { font-size: 25px; font-family: 'Lexend', sans-serif; font-display: fallback; font-weight: 900; margin-bottom: 0; letter-spacing: 0px; line-height: inherit; color: #1E225C; } @media print, screen and (min-width: 64em) { .data-trainer__row__avg-rating span { font-size: 40px; } } .data-trainer__row__avg-rating p { font-size: 16px; font-weight: 500; margin: 0; text-align: center; font-family: 'Poppins', 'sans-serif'; letter-spacing: 0px; color: #1E225C; } @media print, screen and (min-width: 64em) { .data-trainer__row__avg-rating p { text-align: left; font-weight: 600; } } .data-trainer__row__totaltrainings { width: 100%; text-align: center; } @media print, screen and (min-width: 64em) { .data-trainer__row__totaltrainings { text-align: left; } } .data-trainer__row__totaltrainings span { font-size: 25px; font-family: 'Lexend', 'sans-serif'; letter-spacing: 0px; color: #1E225C; font-weight: 900; } @media print, screen and (min-width: 64em) { .data-trainer__row__totaltrainings span { font-size: 40px; } } .data-trainer__row__totaltrainings p { font-size: 16px; font-family: 'Poppins', 'sans-serif'; letter-spacing: 0px; color: #1E225C; font-weight: 500; text-align: center; } @media print, screen and (min-width: 64em) { .data-trainer__row__totaltrainings p { text-align: left; font-weight: 600; } } .data-trainer__row__year { width: 100%; text-align: center; } @media print, screen and (min-width: 64em) { .data-trainer__row__year { text-align: left; } } .data-trainer__row__year span { font-size: 25px; font-family: 'Lexend', 'sans-serif'; letter-spacing: 0px; color: #1E225C; font-weight: 900; } @media print, screen and (min-width: 64em) { .data-trainer__row__year span { font-size: 40px; } } .data-trainer__row__year p { font-size: 16px; font-family: 'Poppins', 'sans-serif'; letter-spacing: 0px; color: #1E225C; font-weight: 500; text-align: center; } @media print, screen and (min-width: 64em) { .data-trainer__row__year p { text-align: left; font-weight: 600; } } .data-trainer__row__button { width: 100%; display: -ms-flexbox; display: flex; } .data-trainer__row__button a { text-decoration: none; } @media print, screen and (min-width: 64em) { .data-trainer__row__button { -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; } } .data-trainer__row__button .cf-button { padding: 30px 50px; } .data-trainer__row__button .cf-button span { margin: 0; } .trainertrainingen { margin-top: 100px; padding: 0px 20px; padding-right: 0px; } @media print, screen and (min-width: 64em) { .trainertrainingen { padding: initial; } } .trainertrainingen .trainertrainingen__title h2 { font-size: 25px; font-family: 'Lexend', 'sans-serif'; color: #1E225C; font-weight: 600; } .trainertrainingen .training-slider-block__body { padding: 0; } .trainertrainingen .training-slider-block__body [data-core-scroller-platter] > div { margin-left: -30px; margin-right: 30px; } .footertrainers { margin-top: 50px !important; } @media print, screen and (min-width: 64em) { .footertrainers { margin-top: 100px; } } .footertrainers .cluster-header__background__text #trainer_letter_footer { font-size: 400px !important; padding: 30px 0px !important; } @media print, screen and (min-width: 64em) { .footertrainers .cluster-header__background__text #trainer_letter_footer { font-size: 700px !important; padding: 60px 0px !important; } } .footertrainers .cluster-header__background__image img { bottom: -50px !important; } @media print, screen and (min-width: 40em) { .footertrainers .cluster-header__background__image img { bottom: 0px !important; } } .trainer_footer_text { margin-left: -6px; } @media print, screen and (min-width: 40em) { .trainer_footer_text { margin-left: inherit; } } #trainer_footer { margin-top: 30px; } @media print, screen and (min-width: 40em) { #trainer_footer { margin-top: initial; } } #trainer_footer-designation { bottom: 10px; } @media print, screen and (min-width: 40em) { #trainer_footer-designation { bottom: 85px; } } .traineroverzichtopleidingen { height: 37rem !important; } @media print, screen and (min-width: 40em) { .traineroverzichtopleidingen { height: 32rem !important; } } .alltrainers-link { text-decoration: none; } .alltrainers-link .trainerimg-ready { display: block; } .alltrainers-link .trainerimg-hover { display: none; } .alltrainers-link:hover .trainerimg-ready { display: none; } .alltrainers-link:hover .trainerimg-hover { display: block; } .alltrainers-link:hover .trainer__trainersdiv__div__textdiv__knop__div { background-color: #1E225C; } .alltrainers-link:hover .trainer__trainersdiv__div__textdiv__knop__div img { filter: invert(100%) sepia(97%) saturate(0%) hue-rotate(14deg) brightness(104%) contrast(103%); } .grecaptcha-badge { display: none; } form .form-col .form-error { margin-top: 0; margin-bottom: 10px; } .contact__banner { background-position: center center; background-size: cover; } .contact__banner__image { padding: 60px 0px; background-position: center center; background-size: cover; background: rgba(32, 27, 102, 0.5); min-height: 330px; } @media print, screen and (min-width: 40em) { .contact__banner__image { padding: 80px 0px; } } @media screen and (min-width: 75em) { .contact__banner__image { padding: 100px 0px; } } @media screen and (min-width: 75em) { .contact__banner__image { min-height: 400px; } } .contact__banner__title h1 { font-size: 2.25rem; text-align: center; color: white; } .contact__banner--sharper .training__banner-overlaywithoutimage { opacity: 1; background: none; } @media print { .contact__banner--sharper { height: 175px; } } .contact__cta { padding: 0 15px; } .contact__cta__wbox { background: #fff; margin: 0 auto; max-width: 800px; display: inline-block; width: 100%; border-radius: 6px 6px 0 0; font-family: 'Poppins', sans-serif; font-display: fallback; border: 1px solid #e8e8e8; } @media print, screen and (min-width: 40em) { .contact__cta { padding: 0px; } } .contact__cta ul { margin-top: -27px; } .contact__cta ul li { width: 55px; height: 55px; background: #ccc; border-radius: 50%; list-style-type: none; position: relative; overflow: hidden; display: inline-block; margin: 0 0 0 15px; } .contact__cta ul li img { width: auto; height: 100%; max-width: inherit; } .contact__cta ul li:first-child { margin-left: 0; } .contact__cta__callus { max-width: 750px; margin: 0 auto 30px; } .contact__cta__callus p { width: 100%; display: inline-block; font-size: 18px; color: #1d215e; font-weight: 700; margin: 0; } @media print, screen and (min-width: 40em) { .contact__cta__callus p { width: calc(100% - 273px); } } @media print, screen and (min-width: 40em) { .contact__main__form { margin-left: 0px; } } .contact__sub__information { padding: 60px 0px; position: relative; z-index: 1; } .contact__sub__information__location__icon img { width: 70%; height: 70%; margin-top: 10px; } .contact__sub__information__text img { width: 150px; } .contact-body .cta-block__intake__text { padding-bottom: 20px; padding-top: 20px; } .contact-body .cta-block__intake__text .cta-block__intake__text h2 { font-size: 1.25rem; } .contact-body .cta-block__intake__text .cta-block__intake { border-radius: 12px; } .contact-body .incompany__intake { border-radius: 12px; margin-top: 35px; } .contact-body .incompany__intake .incompany__intake__text { padding-left: 36px; overflow: hidden; } .contact-body .incompany__intake .incompany__intake__text .will-body-sec .details_box .heading_text { font-size: 20px; color: #1E225C; } .contact-body .incompany__intake .incompany__intake__text .will-body-sec .details_box .links-box { display: inline-block; } .contact-body .incompany__intake .incompany__intake__text .will-body-sec .details_box .links-box .text-links { font-size: 15px; text-align: center; font: normal normal 600 15px/23px Poppins; letter-spacing: 0px; color: #FFFFFF; text-transform: lowercase; opacity: 1; padding: 7px 14px; border: none; } .contact-body .incompany__intake .incompany__intake__text .will-body-sec .details_box .links-box .cf-button--blue:hover { background: #fff; color: #1E225C; } .contact-body .incompany__intake .incompany__intake__text .will-body-sec .details_box .links-box .blue-text { color: #1b2a68; } .contact-body .incompany__intake .incompany__intake__text .will-body-sec .details_box .links-box .blue-text svg { transform: rotate(90deg); margin-right: 10px; } .contact-body .incompany__intake .incompany__intake__text .will-body-sec .details_box .links-box .blue-text:hover { color: #fff; } .contact-body .incompany__intake .incompany__intake__text .will-body-sec .cta-block__intake__image { position: relative; bottom: -45px; right: -30px; } .contact-body .incompany__intake .incompany__intake__text .will-body-sec .cta-block__intake__image.cta-block__intake__image img { max-width: 100%; } .contact-body .listing_points ul { margin: 0; padding: 0; } .contact-body .listing_points ul li { list-style: none; color: #1E225C; text-align: left; letter-spacing: 0px; opacity: 1; font-size: 16px; text-shadow: 0px 0px 0px #1E225C; font-family: "Poppins", sans-serif; margin-bottom: 10px; } .contact-body .listing_points ul li .fa-chevron-right { margin-left: 20px; font-size: 12px; } .contact-body .listing_points ul li a { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; column-gap: 10px; } .contact-body .listing_points ul li a img { filter: invert(20%) sepia(9%) saturate(5499%) hue-rotate(194deg) brightness(95%) contrast(106%); width: 20px; } .contact-body .listing_points ul li a span { text-decoration: underline; color: #1E225C !important; } .contact-body .listing_points ul li a:hover span { text-decoration: none; } .contact-body .listing_points ul li a:hover .fa-chevron-right { transition: margin 400ms, box-shadow 400ms; margin-left: 30px; } .contact-body .incompany__intro__container__image__container { height: 630px; overflow: hidden; border-radius: 0px 0px 0px 70px; } .contact-body .incompany__intro__container__image__container img { max-height: 100%; } .contact__main { margin-top: 50px; margin-bottom: 50px; } @media print, screen and (min-width: 40em) { .contact__main { margin-top: 75px; margin-bottom: 100px; } } .contact__main .container { padding: 0 1.5rem; } @media print, screen and (min-width: 40em) { .contact__main .container { padding: 0 1rem; } } .contact__main h2 { margin-bottom: 60px; } .contact__main .contact__main__form { margin-top: 0px; } @media print, screen and (min-width: 64em) { .contact__main .contact__main__form { padding-left: 70px; } } .contact__main .contact__main__form h3 { font-size: 18px; margin-bottom: 20px; margin-top: 10px; } .contact__main label { color: #1E225C; font-size: 14px; font-family: 'Lexend', sans-serif; font-display: fallback; } .contact__main input { border-radius: 8px; background-color: white; box-shadow: none; border: 1px solid #1E225C; margin-bottom: 0px; font-size: 16px; letter-spacing: -0.32px; padding: 22px; height: unset; font-weight: medium; color: #1e225d; } .contact__main input:placeholder { color: #BABABA; } .contact__main input:focus { box-shadow: none; } .contact__main textarea { border-radius: 8px; background-color: white; font-size: 16px; font-weight: medium; box-shadow: none; color: #1e225d; letter-spacing: -0.32px; margin-bottom: 0px; border: 1px solid #1E225C; padding: 22px; } .contact__main textarea:focus { box-shadow: none; } .contact__main .form-error { margin-bottom: 0px; margin-top: 5px; } .contact__main__information__sidebar { border-radius: 12px; background-color: #04D3D1; padding: 30px 20px; margin-bottom: 40px; } @media print, screen and (min-width: 64em) { .contact__main__information__sidebar { margin-bottom: 0px; padding: 60px 50px; } } .contact__main__information__sidebar .col-1 { display: grid; grid-template-columns: 1fr 5fr; column-gap: 15px; } .contact__main__information__sidebar .col-1 .contact-sidebar-icon { display: grid; -ms-flex-pack: center; justify-content: center; } .contact__main__information__sidebar .col-1 .contact-sidebar-icon div { background-color: #1B2A68; width: 35px; height: 35px; display: grid; -ms-flex-pack: center; justify-content: center; -ms-flex-line-pack: center; align-content: center; } .contact__main__information__sidebar .col-1 .contact-sidebar-icon svg { filter: invert(100%) sepia(0%) saturate(7469%) hue-rotate(87deg) brightness(97%) contrast(111%); scale: 0.75; } .contact__main__information .col-1 { margin-bottom: 20px; display: grid; grid-template-columns: 1fr 5fr; } @media print, screen and (min-width: 64em) { .contact__main__information .col-1 { margin-bottom: 55px; } } .contact__main__information .col-1 .contact_details_title { font-size: 18px; font-weight: bold; text-align: left; color: #1e225d; margin-bottom: 0px; } .contact__main__information .col-1 p { text-align: left; font: normal normal normal 16px/25px Poppins; letter-spacing: 0px; opacity: 1; color: #1e225d; margin-bottom: 0px; word-break: break-word; } .contact__main__information .col-1 a { color: #1e225d; } .contact__main__information .col-1:last-of-type { margin-bottom: 0px; } .video-block1 .videotext-block__video__container > img { border-radius: 0px 0px 70px 0px; } .videotext-block .design-training-slider-contact .slide-box { margin-right: 5px; } .videotext-block .design-training-slider-contact .slide-box .img-box { height: 481px; } .videotext-block .design-training-slider-contact .slick-next { right: 66px; background: white; width: 51px; height: 50px; border: 1px solid #fff; border-radius: 50%; vertical-align: middle; line-height: 2; } .videotext-block .design-training-slider-contact .slick-next:before { font-size: 48px; line-height: 54px; color: #1E225C; opacity: 1; font-weight: normal; } .videotext-block-contact h2 { font-size: 39px; } .videotext-block-contact .cf-button--blue-flat-alt { -ms-flex-align: center; align-items: center; border: none; padding: 0px; margin: 30px 0px; } .videotext-block-contact .cf-button--blue-flat-alt:hover { background: transparent; border-color: #152050; color: #152050; } .video-block1 { margin: 100px 0px; } .videotext-2 { margin: 0px 0px; } .videotext-2 .cf-button--blue-flat-alt { margin: 20px 0px 0px; } .Slider-block { margin: 30px 0px; background: #F8F8FA 0% 0% no-repeat padding-box; padding: 30px 0; } .Slider-block .container { padding-left: 1.5rem !important; padding-right: 1.5rem !important; } @media print, screen and (min-width: 40em) { .Slider-block .container { padding-left: 1rem !important; padding-right: 1rem !important; } } .Slider-block h2 { padding-bottom: 31px; } .Slider-block .slider-foot { -ms-flex-pack: justify; justify-content: space-between; } .banner-contactpage { height: 400px; width: 100%; } .banner-contactpage img { height: 100%; width: 100%; object-fit: cover; object-position: 50% 25%; } #menu-sub-menu-trainingen .contact-menu-item { margin-right: 30px; } #menu-sub-menu-trainingen .contact-menu-item a { font-size: 16px; } #contact .contact-titel { font-size: 32px; font-weight: 800; margin-bottom: 26px !important; } #contact .contact-beschrijving { max-width: 600px; margin-bottom: 36px !important; font-size: 16px; } #form-contact { display: grid; grid-template-areas: "naam naam" "onderwerp onderwerp" "email email" "telefoonnummer telefoonnummer" "bericht bericht" "verstuur verstuur"; column-gap: 30px; } @media screen and (min-width: 40em) { #form-contact { grid-template-areas: "naam onderwerp" "email telefoonnummer" "bericht bericht" "verstuur verstuur"; } } #form-contact #naam { grid-area: naam; } #form-contact #email { grid-area: email; } #form-contact #telefoonnummer { grid-area: telefoonnummer; } #form-contact #onderwerp { grid-area: onderwerp; } #form-contact #bericht { grid-area: bericht; } #form-contact #verstuur { grid-area: verstuur; } #form-contact #verstuur button { background-color: #181B4B; } #form-contact #verstuur span { color: #ffffff; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } #form-contact #verstuur span svg { filter: invert(100%) sepia(0%) saturate(7469%) hue-rotate(87deg) brightness(97%) contrast(111%); margin-left: 10px; } #form-contact #verstuur:hover button { background-color: #ffffff; } #form-contact #verstuur:hover span { color: #181B4B; } #form-contact #verstuur:hover span svg { filter: invert(15%) sepia(20%) saturate(2782%) hue-rotate(204deg) brightness(85%) contrast(104%); } #form-contact .form-col { position: relative; margin-bottom: 20px; } #form-contact .form-col label { position: absolute; left: 18px; background-color: white; padding-left: 5px; padding-right: 5px; } #form-contact .form-col input, #form-contact .form-col textarea { margin-top: 12px; padding: 16px 22px 16px; } @media print, screen and (min-width: 64em) { #form-contact .form-col textarea { max-height: 187px; } } .FAQ-block { margin: 50px 0px; background: #F8F8FA 0% 0% no-repeat padding-box; padding: 50px 0; } @media print, screen and (min-width: 64em) { .FAQ-block { margin: 100px 0px; padding: 100px 0px; } } .FAQ-block .FAQ-row { display: -ms-flexbox; display: flex; } .FAQ-block .FAQ-row__titel { font-size: 32px; font-weight: 800; margin-bottom: 30px !important; } .FAQ-block .FAQ-row__vraagtitel { background-color: white !important; } .FAQ-block .FAQ-row__vraagantwoord { background-color: white !important; } .FAQ-block .FAQ-row .accordion { background-color: #F8F8FA; } .FAQ-block .FAQ-row .bel-met-ons { display: grid; -ms-flex-align: start; align-items: flex-start; } .FAQ-block .FAQ-row .bel-met-ons .faq-callout { border: none; } .FAQ-block .FAQ-row .bel-met-ons .faq-callout__image img { border-bottom: 2px solid #1e225d; } .route-naar-cf { margin: 50px 0px; } @media print, screen and (min-width: 64em) { .route-naar-cf { margin: 100px 0px; } } .route-naar-cf .videotext-block-contact h2 { font-size: 32px; margin-bottom: 26px !important; } .route-naar-cf .videotext-block__text p { margin-bottom: 26px; } .route-naar-cf .videotext-block__video__container { margin-bottom: 0px !important; } .route-naar-cf .button-wanderoute { max-width: 450px; width: 100%; text-align: left; } @media print, screen and (min-width: 64em) { .route-naar-cf .button-wanderoute { text-align: center; } } .route-naar-cf .button-wanderoute a { margin: 0 !important; color: white !important; } .route-naar-cf .button-wanderoute-2 { max-width: 450px; width: 100%; margin-top: 10px; text-align: left; } @media print, screen and (min-width: 64em) { .route-naar-cf .button-wanderoute-2 { text-align: center; } } .route-naar-cf .button-wanderoute-2 a { margin: 0 !important; color: #1e225d !important; } .route-naar-cf .button-wanderoute svg { filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(55deg) brightness(103%) contrast(103%); } .route-naar-cf .button-wanderoute:hover { padding-right: 20px; } .route-naar-cf .button-wanderoute:hover svg { filter: invert(13%) sepia(31%) saturate(3879%) hue-rotate(215deg) brightness(100%) contrast(97%); } .route-naar-cf .button-wanderoute-2:hover { padding-right: 20px; } .route-naar-cf .button-wanderoute-2:hover svg { filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(55deg) brightness(103%) contrast(103%); } .Daarom-competence { margin: 50px 0px; margin-bottom: 100px; } @media print, screen and (min-width: 64em) { .Daarom-competence { margin: 100px 0px; } } .Daarom-competence__title { font-size: 32px; font-weight: 800; margin-bottom: 26px !important; } .Daarom-competence .wij-trainers-container { padding: 0 !important; margin: 0 !important; } .Daarom-competence .Wij-trainers-wrapper { width: 100%; padding: 0 !important; margin: 0 !important; } .Daarom-competence .Wij-trainers-wrapper .slick-slideshow__slide { margin: 0px !important; } .Daarom-competence .Wij-trainers-wrapper .slick-slideshow__slide .slide-box { margin-bottom: 15px; } .Daarom-competence .container.slidercontainer { padding-right: 0px; } @media print, screen and (min-width: 64em) { .Daarom-competence .container.slidercontainer { padding-right: 20px; } } .Daarom-competence .slick-track { margin: 0px !important; } .Daarom-competence .img-box { height: 180px; } .Daarom-competence .box-content p { min-height: 80px; } .Daarom-competence .box-content h3 { font-size: 20px; padding-bottom: 10px; } .Daarom-competence .Why-cf-slider .slide-arrow { margin-right: 13px; height: 45px !important; padding: 6px; bottom: -60px; width: 50px !important; } @media print, screen and (min-width: 40em) { .Daarom-competence .Why-cf-slider .slide-arrow { margin-right: 40px; } } .Daarom-competence .Why-cf-slider .prev-arrow { right: 60px !important; } .scroll-up .contactmenubalk { top: 73px; transition: top 400ms; } .contactmenubalk { position: sticky; top: 0px; z-index: 10; } /* Class for clearing floats */ .clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; } .cf:after, .cf:before { display: table; content: ''; } .cf:after { clear: both; } .categorie__container *, .categorie__container *:before, .categorie__container *:after { box-sizing: border-box; } .categories-body { color: #1e225c; position: relative; } .mr-10 { margin-right: 10px; } .categories-body ul, .categorie__container ul { margin: 0px; padding: 0px; } .categories-body ul:not(.training__programma__accordion) li, .categorie__container ul:not(.training__programma__accordion) li { list-style: none; margin-bottom: 10px; font-size: 16px; position: relative; } .hbo-body-left ul:not(.training__programma__accordion) { padding: initial; margin: 0px 0px 20px 20px; } .hbo-body-left ul:not(.training__programma__accordion) li { margin-bottom: 5px; list-style: disc; } .hbo-body-left ul:not(.training__programma__accordion) li a { text-decoration: underline; } .container { width: 100%; max-width: 1380px; margin: 0px auto; padding: 0px 20px; } .categories-body h1:not(.categorie__overview__title):not(.training-intro__titel):not(.training-header__title), .categorie__container h1:not(.categorie__overview__title):not(.training-intro__titel):not(.training-header__title) { font-size: 45px; color: #1e225c; line-height: 40px !important; text-align: left; font-family: Lexend, Open sans; letter-spacing: -1; margin-bottom: 2rem !important; } .categorie__container h1:not(.categorie__overview__title):not(.training-intro__titel):not(.training-header__title) { font-size: 45px; line-height: 50px; } @media screen and (min-width: 40em) { .categorie__container h1:not(.categorie__overview__title):not(.training-intro__titel):not(.training-header__title) { font-size: 45px; padding-right: 70px; } } .h2-2rem { font-size: 2.5rem; } .small-text { font-size: 12px; font-weight: 600; } .block { display: block !important; } .white { color: #fff !important; } .light-blue { color: #8b8dab; } .orange { color: #ffa120; } .orange svg path { fill: #ffa120; } .yellow { color: #FFC107 svg path; color-fill: #FFC107; } .l-yellow { color: #ffc069; } .pink { color: #ff6969; } .green { color: #8dff46; } .flot-left { float: left; } .flot-right { float: right; } .width-50 { width: 50%; } .bg-color { background-color: #ffbc24; } .bg-offwhite { background-color: #fafafc; } .bg-blue { background-color: #1e225d; } .bg-transparent { background-color: transparent !important; } .mt-20 { margin-top: 20px; } .mt-50 { margin-top: 50px; } .mt-60 { margin-top: 60px; } .mr-20 { margin-right: 20px; } .mt-120 { margin-top: 120px; } .mb-20 { margin-bottom: 20px; } .mb-50 { margin-bottom: 50px; } .pb-50 { padding-bottom: 50px; } .flex { display: -moz-flex; display: -ms-flex; display: -ms-flexbox; display: flex; } .flex-start { -ms-flex-pack: start; justify-content: flex-start; } .wrap { -ms-flex-wrap: wrap; flex-wrap: wrap; } .justi-space-btw { -moz-justify-content: center; -ms-justify-content: center; -ms-flex-pack: center; justify-content: center; } .left-text .justi-space-btw { -ms-flex-pack: start; justify-content: flex-start; column-gap: 30px; } .aline-center { -ms-flex-align: center; align-items: center; } .aline-end { -ms-flex-align: end; align-items: flex-end; } .left-text { padding-right: 100px; } .link { font-weight: 500; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; text-align: left; display: inline-block; font-stretch: 14px; } .link-a { background: #f48a25; padding: 7px 14px; color: #fff; position: absolute; bottom: 26px; right: 15px; } .bg-color { border-radius: 0px 0px 0px 70px; opacity: 1; height: 550px; position: relative; } .flex-basis-50 { -ms-flex-preferred-size: 50%; flex-basis: 50%; } .flex-basis-60 { -ms-flex-preferred-size: 60%; flex-basis: 60%; } .flex-basis-30 { -ms-flex-preferred-size: 30%; flex-basis: 30%; } .btn-yellow { font-family: "Poppins", sans-serif; text-decoration: none; background-color: #FFA120; border-radius: 8px; opacity: 1; padding: 19px 30px; color: #fff !important; font-weight: 400; border: 2px solid #FFA120; transition: all .4s ease; font-weight: bold; display: inline-block; } .btn-yellow svg path { fill: white; } .btn-yellow.disabled { background-color: transparent; border-color: #E2E2E2; color: #E2E2E2 !important; } .btn-yellow.disabled svg path { fill: #E2E2E2; } .btn-yellow a { color: #fff; } .btn-yellow:hover { border-color: #FFA120; color: #FFA120 !important; background-color: #FFF; cursor: pointer; } .btn-yellow:hover svg path { fill: #FFA120; } .btn-yellow.disabled:hover { background-color: transparent; border-color: #E2E2E2; color: #E2E2E2 !important; cursor: default; } .btn-yellow.disabled:hover svg path { fill: #E2E2E2; } .banner-body ul li { font-size: 18px; } .black-border-btn { /*background: #FFFFFF 0% 0% no-repeat padding-box;*/ border: 2px solid #1E225C; font-family: "Poppins", sans-serif; text-decoration: none; border-radius: 8px; opacity: 1; padding: 15px 30px; transition: all .4s ease; color: #1E225C; text-align: center; display: inline-block; font-weight: bolder; } .black-border-btn:hover { background: #1E225C 0% 0% no-repeat padding-box; color: #fff; cursor: pointer; } .right-img { position: relative; } p.designation strong { font-size: 14px; color: white; } p.designation { position: absolute; bottom: 30px; left: 50px; font-size: 15px !important; color: white; z-index: 50; } .img-caption { background: rgba(0, 0, 0, 0.1); box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16); border-radius: 15px; padding: 15px; position: absolute; top: 30px; width: fit-content; color: #fff; left: 30px; border-radius: 5px; -webkit-backdrop-filter: blur(25px); backdrop-filter: blur(25px); /* border: solid 0.5px #dddddd76;*/ } .img-caption p { width: 354px; font-size: 13px; padding-left: 15px; margin-bottom: 5px; display: inline-block; vertical-align: top; } .img-caption strong { padding-left: 8px; font-size: 14px; color: #ffffff; display: block; } .profile-img-img { width: 60%; position: absolute; bottom: 0px; right: 0px; } .listing span { font-size: 14px; } .listing div { position: relative; } .listing svg { position: absolute; left: 0px; top: 5px; } .listing span { padding-left: 25px; display: block; } .left-text p { font-size: 16px !important; font-weight: 400 !important; } /*.categorie__container p { font-size: 16px !important; font-weight: 400; }*/ .post-hbo h3 { font-size: 18px; } #keuzehulpWhitepaperTitle { font-size: 16px; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; } #keuzehulpWhitepaperTitle div { position: inherit; height: 19px; width: 16px; margin-top: 2px; padding-right: 30px; filter: invert(98%) sepia(8%) saturate(83%) hue-rotate(320deg) brightness(120%) contrast(100%); } .cluster-header__content__text__buttons__button .cf-button__text { font-size: 16px; } @media print, screen and (min-width: 64em) { #keuzehulp_backgroundimgbanner img { max-width: 100%; } } .wij-trainers-container { margin: 0; max-width: 100%; padding: 0; } .opleiding-container { margin: 0; max-width: 100%; padding: 0; } .opleiding-container .keuzehulp-tabbingdiv { margin-left: 1rem; } @media print, screen and (min-width: 40em) { .opleiding-container .keuzehulp-tabbingdiv { margin-left: auto; } } .opleiding-container .slick-track { width: max-content !important; } @media print, screen and (min-width: 64em) { .opleiding-container .slider__counter { margin-right: 200px; } } .icon-home2 { width: 16px; height: 15px; filter: invert(11%) sepia(46%) saturate(2857%) hue-rotate(223deg) brightness(100%) contrast(97%); } #trainingen { margin-top: 0; padding-top: 120px; background-color: #F8F8FA; } .titleTopCatogorytrainingen div { text-align: start; } .titleTopCatogorytrainingen div h2 { font-family: 'Lexend', sans-serif; font-size: 30px; font-weight: 600; margin-left: 0.5rem; } @media print, screen and (min-width: 40em) { .titleTopCatogorytrainingen div h2 { margin-left: initial; } } #keuzehulpTabbing { -ms-flex-preferred-size: 100% !important; flex-basis: 100% !important; overflow: auto; } #keuzehulpTabbing .tabbing { display: -ms-inline-flexbox; display: inline-flex; border-radius: 8px; background: #fff; padding: 5px; column-gap: 5px; margin-bottom: 15px; margin-left: 10px; box-shadow: 0px 3px 10px rgba(42, 61, 81, 0.129); } @media print, screen and (min-width: 40em) { #keuzehulpTabbing .tabbing { margin-bottom: 35px; margin-left: 0px; margin-right: 20px; } } #keuzehulpTabbing .tabbing .tab-link { border-radius: 8px; padding: 10px 20px; border: 0px; margin-bottom: 0px !important; font-size: 15px; font-weight: 600; font-family: 'Lexend', sans-serif; } .categorie__container span { font-size: 14px; } .deze-box-body { padding-top: 15px; } .deze-box-body p { font-stretch: 16px; } .listing { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; padding: 35px 0px 0px 0px; } .title h2 { color: #1e225c; text-align: center; letter-spacing: 0px; opacity: 1; font-size: 2rem; line-height: 48px; text-align: center; font-weight: 900; } .categories-body .trainingen { margin-top: 120px; } .left-text ul { margin-bottom: 45px !important; margin-top: 40px !important; } .listing-body { padding: 20px 0px 0px; } .title p { max-width: 800px; margin: 0px auto; padding: 20px 0px; } .title { text-align: center; } /*tabbing */ ul.tabbing { margin: 0px; padding: 0px; list-style: none; } .tab-title { -ms-flex-preferred-size: 60%; flex-basis: 60%; } .tab-title:nth-child(2) { -ms-flex-preferred-size: 40%; flex-basis: 40%; } ul.tabbing li.current { background: #106bc6; color: #fff; } .verticle-tabbing ul.tabbing li.current { color: #fff; border: solid 0.5px #707070; background-color: #1a2c6c; color: #fff; } .verticle-tabbing .tab-content { margin-top: 0px; } .verticle-tabbing .tab-content strong { padding: 20px 0px; display: block; } ul.tabbing li { background: none; display: inline-block; padding: 5px 15px; cursor: pointer; font-size: 12px; font-weight: 600; line-height: 20px; border: solid 0.5px rgba(30, 34, 92, 0.462); background-color: #fff; margin-right: 10px; } .verticle-tabbing ul.tabbing li { display: block; border-radius: 2px; border: transparent; font-weight: 800; font-stretch: normal; font-style: normal; line-height: 1; letter-spacing: normal; text-align: left; color: #1e225c; font-size: 20px; position: relative; width: 350px; padding: 15px; margin-left: 50px; transition: all .4s ease; } .verticle-tabbing li.tab-link:hover { background-color: #1a2c6c; color: #fff !important; } .verticle-tabbing ul.tabbing li span { font-size: 16px; } .tab-content .left { padding-right: 60px; } .tab-content .right { padding-left: 60px; } #tab-filter { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 20px; row-gap: 1.8rem; } .verticle-tabbing ul.tabbing { position: relative; } .verticle-tabbing ul.tabbing:before { border-right: 2px solid; content: ""; width: 2px; height: 100%; background: #1a2c6c; display: block; position: absolute; right: 35px; opacity: .3; } .verticle-tabbing .tab-content-body { width: 100%; } .count-no { position: absolute; left: -50px; height: 35px; width: 35px; border: 3px solid; text-align: center; border-radius: 100%; line-height: 30px; color: #1a2c6c; top: 12px; /* padding: 10px; */ } .count-no:after { content: ""; width: 2px; height: 55%; display: block; background-color: #000; position: absolute; left: 48%; /* top: 10px; */ margin-top: 7px; } .tab-link:last-child .count-no:after { background-color: transparent; } .programma-body-box { padding: 50px 60px; border-radius: 15.5px; box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16); background-color: #fff; } .programma-body-box .tab-content-body li, .programma-wrapper.mobile .programma-body-box li { list-style: disc outside none; display: list-item; margin-left: 1.25rem; } .tab-content { display: none; background: transparent; /* padding: 15px;*/ margin-top: 20px; height: max-content; } .tab-content.current { display: inherit; } .tab-grid { margin-top: 20px; } .tab-grid .grid-item { margin-bottom: 20px; padding: 0px; } .design-training-slider-body, .online-training-slider-body { position: relative; padding: 50px 0px 0px; margin-bottom: 80px; } .design-training-slider-body:before, .Wij-trainers-wrapper:before, .online-training-slider-body:before { content: ""; background-image: url(/images/dot-bgv4.png); height: 100%; width: 50%; position: absolute; background-repeat: repeat; top: 0px; left: 0px; z-index: -1; background-position: center; background-size: unset; } .Wij-trainers-wrapper { position: relative; } .Wij-trainers-wrapper:before { right: 0px !important; left: auto; } .categorie__container .tab-title { margin-top: 0px; } .categorie__container .tab-head { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; border-radius: 4px; box-shadow: 0 7.5px 20px 0 rgba(42, 62, 82, 0.129); border: none; background-color: #fff; padding-bottom: 0px; } .categorie__container .tab-head h6 { font-size: 17px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.14; letter-spacing: normal; text-align: left; padding-bottom: 10px; /* border-bottom: 2px solid #747AA557;*/ margin-right: 40px; margin-bottom: 10px; } .categorie__container .tab-title { padding: 0px; } @media screen and (min-width: 40em) { .categorie__container .tab-title { padding: 20px 20px; padding-bottom: 15px; } } .categorie__container .tab-title.categories { overflow: scroll; -ms-flex-preferred-size: 75%; flex-basis: 75%; } .categorie__container .tab-title:nth-child(2) { -ms-flex-preferred-size: 25%; flex-basis: 25%; } .categorie__container ul.tabbing li { margin-bottom: 0px; margin-right: 0px; } @media screen and (min-width: 40em) { .categorie__container ul.tabbing li { margin-bottom: 10px; margin-right: 10px; } } .categorie__container .tab-title.filter { border-left: 1px solid #D6D6D6; } .categorie__container .tab-title.filter select { margin-bottom: 0px; font-size: 12px; font-weight: 600; padding-left: 2rem; height: initial; background-image: url("data:image/svg+xml;utf8,"), url('data:image/svg+xml;utf8,'); background-origin: content-box, content-box; background-position: right -1rem center, left -1.5rem center; background-repeat: no-repeat, no-repeat; background-size: 9px 6px, 18px 15px; border: 1px solid #1E225C; color: #1E225C; } .categorie__container .loadmore { border-top: 1px solid #D6D6D6; margin-top: 25px; padding-top: 25px; text-align: center; } .Waarom-box p { font-weight: 500; } /*slider*/ .design-training-slider .slick-list, .Wij-trainers-slider .slick-list, .online-training-slider .slick-list { padding-left: 0px !important; } .design-training-slider, .design-training-slider-fullwidth, .online-training-slider { height: 100% !important; background: transparent !important; } .design-training-slider .slick-slide, .design-training-slider-fullwidth .slick-slide, .online-training-slider .slick-slide { margin-right: 20px; } .design-training-slider .training-grid-block__intro, .design-training-slider-fullwidth .training-grid-block__intro { height: 100px; } .slick-slider { margin: 0px !important; } .slick-slide img { display: block; width: 100%; } .slide-box { margin-right: 20px; background-color: #fff; position: relative; border-radius: 4px; box-shadow: 0 7px 7px 0 rgba(42, 62, 82, 0.129); background-color: #fff; margin-bottom: 40px; border-radius: 8px; overflow: hidden; transition: all 400ms; } .Wij-trainers-slider .slide-box { width: 400px; } .img-box { height: 230px; overflow: hidden; } .box-content { padding: 20px; } .box-content p { font-size: 14px !important; overflow: hidden; text-overflow: ellipsis; white-space: initial; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; min-height: 60px; margin-bottom: 20px; } .Wij-trainers-slider .box-content p { font-size: 14px !important; overflow: hidden; text-overflow: ellipsis; white-space: initial; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; min-height: 70px; } .box-content h3 { font-size: 18px; overflow: hidden; text-overflow: ellipsis; white-space: initial; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; min-height: 50px; } .box-foot-nav ul { display: -ms-flexbox; display: flex; -ms-flex-pack: start; justify-content: flex-start; } .box-foot-nav ul li { padding-right: 30px; color: #000; opacity: 0.39; font-size: 13px; } .heart { position: absolute; right: 13px; z-index: 222; font-size: 26px; top: 12px; color: #fff; } .slider__counter { position: absolute; bottom: -25px; right: 162px; font-weight: 600; font-size: 18px; } .box-foot-nav ul { transform: none; } button.slide-arrow { cursor: pointer; background-color: #1b2a68; padding: 14px; display: block; position: absolute; bottom: -40px; right: 0px; z-index: 1; width: 60px !important; height: 60px !important; border-radius: 5px !important; text-align: center; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; line-height: 32px; } button.slide-arrow.prev-arrow.slick-arrow:after { content: ' \276E'; display: block; position: absolute; display: block; z-index: 555; color: #fff; border: 1px solid; border-radius: 100%; padding: 0px 12px; } button.slide-arrow.prev-arrow.slick-arrow { right: 75px; } button.slide-arrow.next-arrow.slick-arrow:after { content: ' \276F'; display: block; position: absolute; display: block; z-index: 555; color: #fff; border: 1px solid; border-radius: 100%; padding: 0px 12px; } button.slide-arrow { cursor: pointer; } .Waarom-box { background: #FFFFFF 0% 0% no-repeat padding-box; box-shadow: 0px 10px 20px rgba(47, 50, 65, 0.403); box-shadow: 0 7.5px 20px 0 rgba(42, 62, 82, 0.129); border-radius: 8px; opacity: 1; margin: 0px 15px; padding: 50px; text-align: center; -ms-flex-preferred-size: 25%; flex-basis: 25%; } .Waarom-box img { padding-bottom: 30px; max-width: 100px; max-height: 100px; object-fit: contain; } .Waarom-body { position: relative; top: -50px; margin-top: 150px; } .Waarom-bg { background-color: #f5f5f5; padding: 0px 0px 30px; margin-top: 40px; } .video-body video { width: 100%; min-height: 500px; } .video-body img { width: 100%; } .video-body { border-radius: 0px 0px 0px 45px; overflow: hidden; position: relative; } .Waarom-video-text { padding-left: 50px; } .Waarom-video-wrapper { margin-top: 50px; margin-bottom: 120px; } .yellow-border-btn { display: inline-block; font-size: 14px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; text-align: left; color: #f48a25; border-radius: 4px; border: solid 1px #f48a25; background-color: #fff; transition: all .4s ease; margin-top: 20px; padding: 18px 36px; } .yellow-border-btn:hover, .yellow-border-btn:focus { background-color: #f48a25; color: #fff; } .blue-fill-btn { padding: 13px 30px; border-radius: 6px; border: 2px solid #1b2a68; box-shadow: 0 7.5px 15px 0 rgba(27, 42, 104, 0.25); background-color: #1b2a68; color: #fff; display: inline-block; transition: all .4s ease; margin-top: 20px; font-weight: 600; } .blue-fill-btn:hover, .blue-fill-btn:focus { color: #1b2a68; border: 2px solid #1b2a68; background-color: #fff; } .vid-btn { font-size: 50px; color: #fff; position: absolute; top: 0px; left: 0px; transform: none; text-align: center; border: none; border-radius: 100%; opacity: .95; -webkit-backdrop-filter: none; backdrop-filter: none; height: 100%; width: 100%; } .vid-btn iframe { height: 100% !important; width: 100% !important; } /*#vid-icon { font-size: 50px; color: #fff; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%) !important; text-align: center; border: 20px solid rgba(255,255,255,0.631); border-radius: 100%; opacity: .95; -webkit-backdrop-filter: blur(10.7px); backdrop-filter:none; cursor: pointer; }*/ .deze-profile-name strong { display: block; } .deze-pro-img img { height: 100%; width: 100%; } .deze-pro-img { height: 70px; width: 70px; border-radius: 100%; overflow: hidden; } .deze-voor-box { background: #FFFFFF 0% 0% no-repeat padding-box; box-shadow: 0px 3px 36px rgba(103, 103, 103, 0.16); border-radius: 14px; opacity: 1; padding: 25px; margin: 40px 15px; } .deze-voor-box-body { margin: 0px -20px; margin-top: 30px; } .deze-cat span { display: block; width: 100%; } .deze-profile-name { padding-left: 90px; padding-top: 5px; } .deze-voor-wrapper { margin-bottom: 100px; } /*.Wil-wrapper start */ .Wil-wrapper { /* border-radius: 5px; box-shadow: 0 7.5px 20px 0 #2a3e5221;*/ /* background-color: #4faead;*/ padding: 100px; margin-bottom: 120px; } .categories-body .will-img img, .categorie__container .will-img img { width: 100%; } .categories-body .will-img, .categorie__container .will-img { width: 18%; height: auto; } .categories-body .will-text, .categorie__container .will-text { width: 60%; } .Wij-slider-body { width: 100%; } .Wij-trainers-text { width: 100%; display: grid; justify-items: center; } .Wij-trainers-text h2 { text-align: center !important; } @media print, screen and (min-width: 64em) { .Wij-trainers-text h2 { font-size: 39px !important; max-width: 900px; font-weight: 800 !important; } } .intrainerbody { list-style-type: none; margin-left: 0px; display: grid; -ms-flex-pack: center; justify-content: center; margin-top: 50px !important; } .intrainerbody li { margin-left: 50px; margin-top: 10px; } @media print, screen and (min-width: 40em) { .intrainerbody li { font-size: 17px !important; margin-left: 0; } } .intrainerbody li::before { height: 29px !important; width: 23px !important; left: -10px !important; } #subclusterCATE .incompany__intro__container__text__subclusters__row .cf-button__text { font-size: 16px; font-family: 'Lexend', sans-serif; } .testimonial-block__background__image2 { content: ""; height: 110%; width: 100%; position: absolute; background-repeat: repeat; top: 10%; left: 0px; z-index: -1; background-position: center; background-size: unset; background-color: #f8f8fa; } .Wij-trainers-wrapper { padding: 80px 0px 70px 0px; } .Wij-trainers-slider .slick-track { display: -ms-flexbox !important; display: flex !important; } .Wij-trainers-slider .slick-slide { height: inherit !important; } .Wij-trainers-slider .slick-slide { display: -ms-flexbox !important; display: flex !important; display: -moz-flex; display: -ms-flex; } .Wij-slider-body h3 { padding-bottom: 20px; } /*.praktijkcases-wrapper section start */ .praktijkcases-wrapper { margin-top: 120px; margin-bottom: 120px; } .praktijkcases-body { padding-top: 30px; position: relative; } .left-imgbox { background-size: cover; height: 580px; width: 80%; background-repeat: no-repeat; border-radius: 5px; background-position: center; } .contact-box { width: 550px; right: 0; /* top: 80px; */ padding: 50px; background-color: #fff; border-radius: 4px; box-shadow: 0 7.5px 20px 0 rgba(42, 62, 82, 0.129); margin-top: 80px; position: inherit; margin-left: -200px; } .contact-box button { display: block; width: 100%; margin-bottom: 15px; margin-top: 20px; } .contact-box a { display: block; width: 100%; text-align: center; } img.contactbox-img { width: 100px; } .kom-img img { width: 100%; } .kom-img { width: 35%; height: auto; } .Meer-body .slide-box { display: block; -ms-flex-preferred-size: 31%; flex-basis: 31%; } .Meer-body .slide-box:hover { box-shadow: 0px 12px 40px 0px rgba(157, 171, 192, 0.35); cursor: pointer; } .Meer-body .slide-box:hover h3 { color: #ffa120; } .box-foot-nav .link { transition: all .4s ease; margin-top: 10px; text-decoration: none; } .box-foot-nav .link:hover svg { margin-left: 20px; } .img-box img { width: 100%; object-fit: cover; } .img-box img { width: 100%; height: 100%; } .Meer-body { padding: 50px 0px 0px; } .sec-btn { display: block; text-align: center; } .Meer-wrapper { margin-bottom: 120px; } .date { display: block; padding-bottom: 15px; font-size: 12px; font-weight: 300; } .direct-ux-wrapper p.white { font-size: 24px !important; } .overleggen-img { padding-left: 100px; } .overleggen-img p { margin: 0px; } .overleggen-img img { position: absolute; right: 0px; bottom: 0px; height: 290px; } .overleggen a { margin-right: 15px; } .direct-ux-wrapper { padding: 100px 0px 100px 0px; margin: 120px 0px; margin-top: -75px; background: #FAFAFC; } .direct-ux-body { margin-right: -20px; margin-top: 50px; -ms-flex-wrap: wrap; flex-wrap: wrap; } /*alles-body*/ .alles-wrapper { margin-bottom: 120px; } .alles-body { position: relative; } .alles-left { padding-right: 80px; } .alles-img-block { border-radius: 11.5px; box-shadow: 0 7.5px 20px 0 rgba(42, 62, 82, 0.129); overflow: hidden; height: 400px; } .alles-img-block img { width: 100%; height: 100%; } .alles-left .icon-ul li { padding-right: 20px; font-size: 14px; padding-bottom: 15px; padding-top: 10px; } .alles-rigth-card { width: 370px; padding: 25px 24px 21.5px 22px; box-shadow: 0 5px 19px 0 rgba(103, 103, 103, 0.16); background-color: #fff; position: absolute; right: 0px; /* border-bottom: 99px; */ bottom: unset; top: 280px; } .card-title img { background-color: #1b2a68; padding: 10px; border-radius: 100%; width: 50px; height: 50px; margin-right: 20px; } .blue-checkmark li:before { content: ""; background-image: url(/images/greencheckmark-blue.png); height: 15px; width: 15px; position: absolute; left: 0px; background-size: contain; background-repeat: no-repeat; top: 5px; } .card-title { margin-bottom: 20px; } .alles-rigth-card .quote { margin-top: 25px; margin-bottom: 20px; } .alles-body a { margin-right: 30px; } .quote-sign { position: absolute; font-size: 88px; line-height: 37px; font-family: 'Poppins'; z-index: 1; color: #1e225c; opacity: .1; font-weight: bold; } ul.li-dots li:before { content: ""; background: #1b2a68; height: 6px; width: 6px; display: block; position: absolute; left: 0px; border-radius: 100%; top: 7px; } ul.blue-checkmark li, ul.li-dots li { padding-left: 25px; } .Eerstvolgende-wrapper .direct-ux-body { margin-top: 30px; } .Eerstvolgende-wrapper .slide-box { width: 24%; } .Eerstvolgende-wrapper { padding: 50px 0px; } .van-wireframes { margin-top: 0px; padding-top: 80px; } .overleggen-body { background-color: #4faead; border-radius: 20px 0px 0px 45px; /*box-shadow: 0 7.5px 0px 0 #2a3e5221;*/ border: solid 2.5px #fff; padding: 55px; border-right: none; } .overleggen-wrapper { margin: 20px 0px 120px 0px; position: relative; } .overleggen { position: relative; } .overleggen-wrapper:after, .overleggen:after { content: ""; background-color: #4faead; display: block; position: absolute; right: 0px; width: 45%; height: 100%; top: 0px; bottom: 0px; z-index: -1; border-top: solid 2.5px #fff; border-bottom: solid 2.5px #fff; } /*accordian css*/ .faq-body ul .inner { /*padding-left: 1em; overflow: hidden;*/ display: none; } ul.accordion li a:after { content: ' \276F'; transform: rotate(90deg); display: inline-block; position: absolute; right: 15px; top: 15px; } .faq-body ul li { margin: 0.5em 0; border-bottom: 1px solid; } /*.faq-body ul li a.toggle { width: 100%; display: block; background: #fff; padding: 15px 0px; border-radius: 0.15em; transition: background 0.3s ease; color: #1E225C; font-weight: 600; font-size: 16px; }*/ .left-fqa-text { padding-right: 90px; } .faq-wrapper { margin-bottom: 120px; } .banner-wrapper { position: relative; min-height: 550px; } /*06-10-2021*/ .deze-box-header-border { margin: 0px -25px; border-bottom: 1px solid rgba(30, 34, 92, 0.078); } .deze-box-header { padding: 0px 25px 20px; } .box-foot-nav ul li svg { margin-right: 6px; } .box-content strong { font-size: 22px; } .contact-box h3 { font-weight: 900; } .right-img { position: relative; position: absolute; right: 0px; width: 50%; border-radius: 0px 0 0 70px; overflow: hidden; top: 0px; } ul.checkmark li { position: relative; padding-left: 25px; } ul.checkmark li:before { content: ""; background-image: url(/images/check-mark.png); height: 16px; width: 20px; position: absolute; left: 0px; background-size: contain; background-repeat: no-repeat; top: 5px; } img.checkmark-svgs { width: 20px; position: absolute; } li.calender-svg:after { background-image: url(/images/calendar.svg); height: 15px; width: 15px; position: absolute; left: 0px; background-size: contain; background-repeat: no-repeat; top: 5px; content: ""; } li.calender-svg:before { display: none; } a.black-border-btn:hover img#phone_icon { display: none; } img.call-white { display: none; } a.black-border-btn:hover img.call-white { display: block; } a.black-border-btn:hover img.call-white { display: inline-block; } .profile-img-img img { width: 550px; } .tab-btn a { margin-bottom: 10px; } /*product detail page start*/ .product-detail-banner:before { content: ""; background: #ffbc24; right: 0px; position: absolute; top: 0px; height: 100%; width: 50%; } .product-detail-banner { position: relative; /*overflow: hidden;*/ background-color: #ffbc24; } .post-hbo { margin: 60px 0px; } .h2-2rem { font-size: 1.8rem; } .rectangle-box { padding: 25px; border-radius: 15.5px; box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16); background-color: #fff; padding: 40px; position: relative; } .rectangle-box .faq-body ul li a.toggle { width: 90%; } .profile-designation img { width: 80px; } .card-log { display: block; text-align: center; } .blue-reg-box { padding: 35px; background-color: #1e225d; border-radius: 10px 0px 0px 10px; } .blue-reg-box ul li { margin-bottom: 5px; line-height: 28px; font-size: 16px; } .blue-reg-box .link { font-weight: bold; display: inline-block; } .blue-reg-box .link:hover, .blue-reg-box .link:focus { color: #fff; } .reg-box-foot strong { display: block; font-size: 15px; font-weight: 900; } .reg-box-foot { margin-top: 30px; border-top: 2px solid rgba(255, 255, 255, 0.5); margin-left: -40px; margin-right: -40px; padding: 30px 40px 0px; } table { color: #1e225c; border-collapse: collapse; } thead { background: #1E225C !important; color: white !important; border: solid 0.5px #707070; } table tr { box-shadow: 0 1.5px 3px 0 rgba(0, 0, 0, 0.16); } thead tr td { padding: 20px 10px; } table .btn-yellow { padding: 14px 30px; width: 100%; display: block; text-align: center; } table .black-border-btn { width: 100%; display: block; text-align: center; } tbody tr:nth-child(even) { border-bottom: none !important; background-color: transparent !important; } .banner-tab { background: #FFFFFF 0% 0% no-repeat padding-box; box-shadow: 0px 3px 36px rgba(0, 0, 0, 0.16); border-radius: 18px; opacity: 1; padding: 20px 40px 20px; /* margin-left: 60px;*/ min-height: 0px; } .width-30 { width: 30%; } .banner-tab ul.tabbing li.current { border: none; background: transparent; border-bottom: 2px solid; border-radius: 0px; padding: 10px 0px; color: #FEA120; } .banner-tab ul.tabbing li { border: none; padding: 10px 0px; color: #1C2663; font-weight: 600; font-size: 14px; } .tab-content ul li { font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.5; letter-spacing: normal; text-align: left; color: #707070; font-size: 14px; margin: 0px; } .banner-body .left-text ul { margin: 0px !important; } .card-log img { width: 200px; margin-bottom: 15px; } .phone { position: absolute; right: 30px; } .product-detail-banner .bg-color { border-radius: 0px 0px 0px 90px; opacity: 1; height: 650px; position: relative; } .product-detail-banner .left-text p { font-size: 16px !important; } .tab-btn a { padding: 10px 20px; line-height: 20px; } .tab-btn { margin-top: 35px; } .product-detail-banner .link { font-size: 13px; } .banner-tab strong { font-size: 28px; } .product-detail-banner .profile-img-img { width: 80% !important; position: absolute; bottom: 0px; right: 0px; z-index: 20; } @media screen and (min-width: 40em) { .product-detail-banner .profile-img-img { z-index: 40; } } .FAQ-box a { text-decoration: underline !important; } .hbo-body-left { padding-right: 100px; width: 70%; } .mobile { display: none; } /*.post-hbo iframe { margin-bottom: 40px; }*/ .right-img.flex-basis-50 .incompany__intro__container__background__overlay { left: 5px; } /* CSS Document */ /* media-query ------------------------------------------------*/ @media handheld, only screen and (max-width: 1140px) { .contact-box { padding: 20px 15px 30px 15px; } #trainingsdata-table { overflow-x: auto; } } @media handheld, only screen and (max-width: 1024px) { .title h2, h2.h2 { font-size: 30px; line-height: 35px; } .btn-yellow { padding: 19px 25px; } .black-border-btn { padding: 13px 20px; } .Waarom-box { padding: 30px 20px; } .Waarom-body { margin-top: 70px; } .Waarom-video-wrapper { margin-top: 0px; margin-bottom: 60px; } .design-training-slider-body { padding: 20px 0px 0px; } .design-training-slider-body .container { position: relative; } .categories-body .trainingen { margin-top: 60px; } /*h3{ font-size: 1.3rem !important; }*/ .box-content h3 { font-size: 16px !important; } .link { font-size: 13px; } .will-text { width: 60%; } .box-foot-nav ul li { padding-right: 15px; } .box-content { padding: 15px; } .box-content p { font-size: 13px !important; } /*.alles-rigth-card{ bottom: 20%; }*/ .alles-wrapper { margin-bottom: 60px; } .alles-left { padding-right: 50px; } .direct-ux-wrapper { margin: 60px 0px; } .van-wireframes { padding-top: 60px; } } @media (max-width: 800px) { table { overflow-x: scroll; } /* table {border: 0;} thead{display: none;} tr{display: block;margin: 0 0 20px 0;} td{display: block;text-align: right; } td:before{content: attr(aria-label);float: left;font-weight: bold;} td:last-child{border-bottom: 0;} tr:nth-child(odd){background-color: #F2F2F2;} tr:nth-child(even){background-color: #FFFFFF;border-width: 3px 0 3px 0;border-style: solid; border-color: #E5E5E5;} thead, tbody, tfoot{ border: none !important; } tbody tr:nth-child(even) { border-bottom: 1px solid rgba(30,34,92,0.46); background-color: #ededed; } tbody tr:nth-child(even) { border-bottom: 1px solid rgba(30,34,92,0.46) !important; background-color: transparent !important; border: 1px solid rgba(30,34,92,0.46) !important; } tbody th, tbody td { padding: 0.5rem 0.625rem 0.625rem; border-bottom: 1px solid rgba(0,0,0,0.039); } tbody th, tbody td { padding: 15px !important; } table tr { box-shadow: 0 1.5px 3px 0 rgba(0,0,0,0.16); border-radius: 10px; }*/ } @media handheld, only screen and (max-width: 991px) { .flex { -ms-flex-wrap: wrap; flex-wrap: wrap; } .left-text { margin-bottom: 50px; } } @media handheld, only screen and (max-width: 767px) { .flex-basis-50, .flex-basis-30 { -ms-flex-preferred-size: 100%; flex-basis: 100%; } .banner-wrapper:before { background-color: transparent; } .left-text { padding-right: 0px; } .categories-body { margin-top: 15px; } .bg-color { height: 280px; border-radius: 20px 0px 0px 50px; } .profile-img-img { width: 75%; } p.designation { bottom: unset; left: 20px; top: 20px; z-index: 50; } button.btn-yellow.mr-10, .black-border-btn { display: block; width: 100%; margin-bottom: 15px; margin-right: 0px; } p.designation strong { font-size: 18px; color: white; } .img-caption strong { color: #1e225c; padding-left: 27px; } .img-caption { top: auto; bottom: -89px; background: #fff; z-index: 1; color: #1e225c; left: 0; width: 95%; border-radius: 20px; backdrop-filter: initial; } .img-caption p { width: auto; font-size: 13px; padding-left: 25px; margin-bottom: 5px; display: inline-block; vertical-align: top; font-weight: 500; font-size: 14px !important; } .img-caption svg { position: absolute; top: 20px; } .listing { padding: 110px 0px 0px 20px; display: block; width: 100%; } .listing div { position: relative; margin-bottom: 20px; } .title h2, h2.h2 { font-size: 24px; } .design-training-slider:before, .Wij-trainers-wrapper:before, .online-training-slider:before { display: none; } .tab-head { display: -ms-flexbox; display: flex; padding-bottom: 25px; overflow: auto; } ul.tabbing { display: -ms-flexbox; display: flex; white-space: nowrap; /*overflow: scroll;*/ } .tab-head h6 { padding: 0px; } .tab-title { -ms-flex-preferred-size: 100%; flex-basis: 100%; margin-top: 10px; } .slider__counter { top: -50px; font-size: 16px; } .slide-box { margin-right: 0px; } .slick-slideshow__slide { padding: 0px 10px; } .slick-next, .slick-prev { display: none !important; } .design-training-slider .slick-dots, .online-training-slider .slick-dots { position: absolute; bottom: -70px !important; } .slick-dots { position: absolute; top: 0px; } .slick-dots li.slick-active button:before { opacity: 1 !important; background-color: #1E225C !important; } .slick-dots li button:before { font-size: 10px !important; line-height: 10px !important; opacity: .25 !important; color: transparent !important; background-color: #E5E5E5 !important; border: 2px solid #707070; border-radius: 100%; height: 10px !important; width: 10px !important; } .slick-dots li { margin: 0px !important; } .Waarom-box { -ms-flex-preferred-size: 48%; flex-basis: 48%; margin: 0px; margin-bottom: 20px; } .Waarom-box { padding: 15px; } .Waarom-body { margin-top: 0px; } .Waarom-body { position: static; margin-top: 0px; padding: 50px 0px 0px; } .Waarom-bg { margin-top: 15px; margin-bottom: 60px; } .design-training-slider-body { margin-bottom: 0px; } .Waarom-video-text { padding-top: 30px; padding-left: 0px; } .Wil-wrapper { padding: 50px 0px; margin-bottom: 0px; } .will-text { width: 100% !important; } .will-img { width: 100%; height: auto; margin-top: 30px; margin-bottom: 30px; } .Wij-trainers-wrapper { padding: 50px 0px 50px 0px; } .Wij-trainers-text { width: 100%; } .Wij-slider-body { width: 100%; padding-top: 30px; } .praktijkcases-wrapper { margin-top: 0px; margin-bottom: 25px; } .left-imgbox { width: 100%; height: 300px; } .contact-box { position: static; width: 100%; box-shadow: none; padding-top: 30px; margin-top: 0px; margin-left: 0px; } .kom-img { width: 100%; height: auto; margin-top: 30px; } .Waarom-video-wrapper { margin-top: 50px; margin-bottom: 60px; } .Meer-body .slide-box { -ms-flex-preferred-size: 100%; flex-basis: 100%; margin-bottom: 25px; } .blue-fill-btn { display: block; width: 100%; margin-bottom: 15px; text-align: center; } .overleggen-img { text-align: left; padding-left: 0px; display: block; width: 100%; margin-top: 20px; padding: 40px 0px; } .overleggen-img img { position: absolute; right: 0px !important; bottom: 0px; height: 200px !important; } .Meer-wrapper { margin-bottom: 50px; } .direct-ux-body { margin-right: 0px; } .direct-ux-slider .slick-dots li.slick-active button:before { opacity: 1 !important; background-color: #ffffff !important; } .direct-ux-slider .slick-dots li button:before { border: 2px solid #ffffff; } .alles-left { padding-right: 0px; } .alles-left .icon-ul li { padding-right: 10px; font-size: 12px; } .alles-rigth-card { position: static; width: 100%; box-shadow: none; padding: 27px 20px 20px; } .link { font-size: 14px; text-align: center; margin-bottom: 15px; text-align: left; display: block; width: 100%; } .box-foot-nav .link { text-align: left; } .direct-ux-wrapper p.white { font-size: 18px !important; } .alles-img-block { height: fit-content; } /*.Eerstvolgende-wrapper { padding: 20px 0px; }*/ .Eerstvolgende-wrapper .slide-box { width: 100%; margin-bottom: 20px; } .overleggen-wrapper { margin: 20px 0px 50px 0px; } .overleggen-body { padding: 25px; overflow: hidden; } .left-fqa-text { padding-right: 0px; } ul.accordion li a:after { right: 5px; } .design-training-slider, .design-training-slider-fullwidth, .online-training-slider { margin-bottom: 50px !important; } .right-img { position: static; right: 0; width: 100%; border-radius: 20px 0 0 90px; overflow: unset; } .yellow-border-btn { padding: 18px 26px; } .blue-fill-btn { padding: 13px 20px; } .categories-body h1:not(.categorie__overview__title):not(.training-intro__titel):not(.training-header__title), .categorie__container h1:not(.categorie__overview__title):not(.training-intro__titel):not(.training-header__title):not(.training-header__title) { color: #1e225c; line-height: 40px !important; } .deze-voor-box { margin: 15px 5px; } .deze-voor-slider .slick-dots { position: absolute; bottom: -40px !important; } .box { display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; } .Wil-wrapper .will-text { -ms-flex-order: 1; order: 1; } .Wil-wrapper .flot-right .will-img { -ms-flex-order: 1; order: 1; } .van-wireframes a.link { border: 2px solid #1E225C; border-radius: 8px; opacity: 1; padding: 13px 20px; transition: all .4s ease; color: #1E225C; text-align: center; display: inline-block; font-weight: bolder; } .banner-tab { width: 100%; margin: 10px 0px; padding: 20px; } .product-detail-banner .right-img .bg-color { height: 300px !important; } .product-detail-banner .bg-color { height: fit-content; } .product-detail-banner .left-text { margin-bottom: 10px; } .faq-wrapper { margin-bottom: 60px; } /*27-10-2021*/ .programma-body-box ul.tabbing { display: -ms-flexbox; display: flex; white-space: nowrap; /* overflow: scroll;*/ -ms-flex-wrap: wrap; flex-wrap: wrap; } .programma-body-box { padding: 20px; } .verticle-tabbing ul.tabbing li { font-size: 13px; width: 80%; } .verticle-tabbing ul.tabbing:before { border-right: none; width: unset; height: 100%; background: transparent; } .verticle-tabbing .tab-title { height: 100%; } .tab-content .left { padding-right: 0px; } .tab-content .right { padding-left: 0px; } .Wil-wrapper.mt-120, .programma-wrapper.mt-120 { margin-top: 0px; } .post-hbo { margin: 60px 0px; } iframe { width: 100%; } tbody th, tbody td { padding: 0.5rem 0.625rem 0.625rem; white-space: nowrap; } .banner-tab ul.tabbing li { font-size: 11px; } .tab-btn a { display: block; margin-bottom: 10px; text-align: center; } .product-detail-banner, .product-detail-banner:before { background-color: transparent; } .hbo-body-left { padding-right: 0px; width: 100%; margin-top: 100px; } .product-detail-banner .link { border-bottom: none; } .bg-sm-transparent { background-color: transparent !important; } .programma-wrapper { margin-bottom: 150px; } .programma-wrapper ul.accordion li a:after { right: 20px; } .programma-wrapper a.toggle.active { padding-right: 25px; background: #1E225C; color: #fff; padding: 15px; margin-bottom: 20px; padding-right: 25px !important; } .programma-wrapper ul li { border-bottom: none; } .desktop { display: none; } .mobile { display: block; } .deze-voor-wrapper.mt-120 { margin-top: 30px; } #cursusdata { margin-top: 60px; background-color: #F5F5F5; } .right-img.flex-basis-50 .incompany__intro__container__background__overlay { bottom: -80px; top: unset; } .blue-reg-box .link { width: initial; } } .profile-img-img img { height: 300px; object-fit: contain; } @media print, screen and (min-width: 40em) { .profile-img-img img { height: 550px; object-fit: contain; } } .terms { font-size: 14px; } .stap-budget__callout__image { display: none; } @media print, screen and (min-width: 40em) { .stap-budget__callout__image { display: block; width: 15%; } } .stap-budget__callout__text { width: 100%; padding-left: 20px; } @media print, screen and (min-width: 40em) { .stap-budget__callout__text { width: 85%; } } .stap-budget__callout__text form { margin-top: 0px; } .stap-budget__callout__text button { padding-top: 10px; cursor: pointer; } .stap-budget__callout__text button span { font-weight: bold; text-decoration: underline; } .stap-budget__callout__text button:hover span { text-decoration: none !important; } @media print { .training-container { margin-top: 100px; } } .scroll-up .training__navigation { top: 73px; transition: top 400ms; } .training-bottom-navbar { transition: all 400ms; width: 100%; position: fixed; bottom: 0px; background-color: white; height: 51px; border-top: 1px solid #E6E6E6; z-index: 40; padding: 5px 20px; } @media print, screen and (min-width: 64em) { .training-bottom-navbar { display: none; } } .training-bottom-navbar__items { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center; } .training-bottom-navbar__items__buttons { display: -ms-flexbox; display: flex; gap: 10px; } .training-bottom-navbar__items__buttons a, .training-bottom-navbar__items__buttons button { background-color: white; padding: 7px 15px; font-weight: 600; border-radius: 4px; border: 1px solid #1e225d; text-decoration: none; color: #1e225d; transition: all 400ms; line-height: 20px; font-size: 14px; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 10px; } .training-bottom-navbar__items__buttons a .icon img, .training-bottom-navbar__items__buttons button .icon img { width: 16px; filter: invert(100%) sepia(10%) saturate(0%) hue-rotate(250deg) brightness(101%) contrast(103%); } .training-bottom-navbar__items__buttons a:hover, .training-bottom-navbar__items__buttons a:active, .training-bottom-navbar__items__buttons button:hover, .training-bottom-navbar__items__buttons button:active { color: white; background-color: #1e225d; } .training-bottom-navbar__items__buttons a:hover .icon img, .training-bottom-navbar__items__buttons a:active .icon img, .training-bottom-navbar__items__buttons button:hover .icon img, .training-bottom-navbar__items__buttons button:active .icon img { filter: invert(11%) sepia(32%) saturate(4821%) hue-rotate(226deg) brightness(94%) contrast(94%); } .training-bottom-navbar__items__icons { display: -ms-flexbox; display: flex; gap: 15px; } .training-bottom-navbar__items__icons a { position: relative; } .training-bottom-navbar__items__icons a img { width: 24px; filter: invert(11%) sepia(32%) saturate(4821%) hue-rotate(226deg) brightness(94%) contrast(94%); } .training-bottom-navbar__items__icons a.working-hours::after { width: 8px; height: 8px; background-color: #9DD08B; border-radius: 100%; content: " "; position: absolute; right: -3px; } .training-bottom-navbar ~ #drift-frame-controller { bottom: 50px !important; display: none; } @media print, screen and (min-width: 64em) { .training-bottom-navbar ~ #drift-frame-controller { bottom: 24px !important; display: block; } } body.scroll-down .training-bottom-navbar { opacity: 0.5; } .training-bottom-navbar.mouseenter { opacity: 1 !important; } #introductie p, #introductie strong { font-weight: 400; } .training__navigation { border-bottom: 1px solid #D6D6D6; position: sticky; top: 0px; z-index: 95; background-color: white; transition: top 400ms; } .training__navigation .container { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; background-color: white; margin-top: 0px !important; } .training__navigation .menu .menu-item a { cursor: pointer; font-family: 'Lexend', sans-serif; font-display: fallback; text-decoration: none; border-bottom: 1px solid white; font-size: 15px; padding: 22px 16px; min-height: 70px; -ms-flex-align: center; align-items: center; color: #9b9dad; } .training__navigation .menu .menu-item a:hover, .training__navigation .menu .menu-item a.active { border-bottom: 1px solid #1E225C; color: #1e225d; } .training__navigation .menu .menu-item a:hover::before, .training__navigation .menu .menu-item a.active::before { background-color: #1e225d; } .training__navigation .menu .data-inschrijven a { /*transition: all 400ms;*/ display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .training__navigation .menu .data-inschrijven a::before { display: inline-block; width: 20px; height: 20px; margin-right: 15px; content: ""; background-color: #9b9dad; -webkit-mask: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMTAuMTQ5IDcuMzgxYy0xLjQ4Mi0uMDA4LTMuMzQzLjc5NS00Ljc2MyAyLjIxNC0uNTQxLjU0MS0xLjAxOSAxLjE3My0xLjM4NiAxLjg4MiAxLjI4MS0uOTY5IDIuNjQ3LTEuMjczIDQuMjQ3LS4zNzUuNDcxLTEuMjQ1IDEuMDk5LTIuNTEyIDEuOTAyLTMuNzIxem04LjQ3NyA4LjQ2MWMtMS4zMTMuODU4LTIuNjA0IDEuNDc4LTMuNzIzIDEuOTE0Ljg5NyAxLjYuNTk0IDIuOTY0LS4zNzYgNC4yNDQuNzEyLS4zNjcgMS4zNDMtLjg0NCAxLjg4NC0xLjM4NiAxLjQyNS0xLjQyMyAyLjIyOS0zLjI4OCAyLjIxNS00Ljc3MnptNS4zMjktMTMuODA1Yy0uMzU3LS4wMjUtLjcwNy0uMDM3LTEuMDUxLS4wMzctNy40NTEgMC0xMS42OTIgNS42NzgtMTMuMjM1IDEwLjI0NWw0LjA5NSA0LjA5NGM0LjcwMi0xLjY4NSAxMC4yMzYtNS43NjcgMTAuMjM2LTEzLjEzNiAwLS4zOC0uMDE1LS43NjgtLjA0NS0xLjE2NnptLTguNTY1IDguNTc5Yy0uMzM5LS4zMzgtLjMzOS0uODg2IDAtMS4yMjQuMzM4LS4zMzguODg2LS4zMzggMS4yMjQgMCAuMzM5LjMzOC4zMzkuODg2IDAgMS4yMjQtLjMzOS4zMzktLjg4Ni4zMzktMS4yMjQgMHptMi40NDktMi40NDhjLS42NzctLjY3Ni0uNjc3LTEuNzcyIDAtMi40NDlzMS43NzMtLjY3NiAyLjQ0OSAwYy42NzcuNjc2LjY3NyAxLjc3MiAwIDIuNDQ5LS42NzYuNjc2LTEuNzcyLjY3Ni0yLjQ0OSAwem0tNi4wODkgOC43MjNjLTEuNDY5IDEuNzk3LTMuODEyIDMuMDg0LTYuMTI2IDMuMDg0LTMuMiAwLTUuNjI0LTIuMzU0LTUuNjI0LTUuMzExIDAtMS40ODUuNjExLTMuMTIyIDIuMDQzLTQuNjg5LTMuMjAxIDUuMTM3IDEuNTMyIDkuODMxIDcuMTAxIDQuMzFsLjc2NS43NjVjLS45MSAxLjA2MS0xLjg0IDEuOC0zLjE0OSAyLjQ2MSAxLjM0NC4wNTcgMy4wNDktLjU2OCA0LjE5NS0xLjQxNmwuNzk1Ljc5NnoiLz48L3N2Zz4=") no-repeat 0 0; mask: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMTAuMTQ5IDcuMzgxYy0xLjQ4Mi0uMDA4LTMuMzQzLjc5NS00Ljc2MyAyLjIxNC0uNTQxLjU0MS0xLjAxOSAxLjE3My0xLjM4NiAxLjg4MiAxLjI4MS0uOTY5IDIuNjQ3LTEuMjczIDQuMjQ3LS4zNzUuNDcxLTEuMjQ1IDEuMDk5LTIuNTEyIDEuOTAyLTMuNzIxem04LjQ3NyA4LjQ2MWMtMS4zMTMuODU4LTIuNjA0IDEuNDc4LTMuNzIzIDEuOTE0Ljg5NyAxLjYuNTk0IDIuOTY0LS4zNzYgNC4yNDQuNzEyLS4zNjcgMS4zNDMtLjg0NCAxLjg4NC0xLjM4NiAxLjQyNS0xLjQyMyAyLjIyOS0zLjI4OCAyLjIxNS00Ljc3MnptNS4zMjktMTMuODA1Yy0uMzU3LS4wMjUtLjcwNy0uMDM3LTEuMDUxLS4wMzctNy40NTEgMC0xMS42OTIgNS42NzgtMTMuMjM1IDEwLjI0NWw0LjA5NSA0LjA5NGM0LjcwMi0xLjY4NSAxMC4yMzYtNS43NjcgMTAuMjM2LTEzLjEzNiAwLS4zOC0uMDE1LS43NjgtLjA0NS0xLjE2NnptLTguNTY1IDguNTc5Yy0uMzM5LS4zMzgtLjMzOS0uODg2IDAtMS4yMjQuMzM4LS4zMzguODg2LS4zMzggMS4yMjQgMCAuMzM5LjMzOC4zMzkuODg2IDAgMS4yMjQtLjMzOS4zMzktLjg4Ni4zMzktMS4yMjQgMHptMi40NDktMi40NDhjLS42NzctLjY3Ni0uNjc3LTEuNzcyIDAtMi40NDlzMS43NzMtLjY3NiAyLjQ0OSAwYy42NzcuNjc2LjY3NyAxLjc3MiAwIDIuNDQ5LS42NzYuNjc2LTEuNzcyLjY3Ni0yLjQ0OSAwem0tNi4wODkgOC43MjNjLTEuNDY5IDEuNzk3LTMuODEyIDMuMDg0LTYuMTI2IDMuMDg0LTMuMiAwLTUuNjI0LTIuMzU0LTUuNjI0LTUuMzExIDAtMS40ODUuNjExLTMuMTIyIDIuMDQzLTQuNjg5LTMuMjAxIDUuMTM3IDEuNTMyIDkuODMxIDcuMTAxIDQuMzFsLjc2NS43NjVjLS45MSAxLjA2MS0xLjg0IDEuOC0zLjE0OSAyLjQ2MSAxLjM0NC4wNTcgMy4wNDktLjU2OCA0LjE5NS0xLjQxNmwuNzk1Ljc5NnoiLz48L3N2Zz4=") no-repeat 0 0; -webkit-mask-size: cover; mask-size: cover; position: relative; } .training__navigation .menu .data-inschrijven a:hover::before, .training__navigation .menu .data-inschrijven a:active::before { background-color: #1e225d; } .training__navigation .menu .favorite a { /*transition: all 400ms;*/ display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .training__navigation .menu .favorite a::before { display: inline-block; width: 25px; height: 25px; margin-right: 15px; content: ""; background-color: #1E225C; -webkit-mask: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMTkuNSAxMGMtMi40ODMgMC00LjUgMi4wMTUtNC41IDQuNXMyLjAxNyA0LjUgNC41IDQuNSA0LjUtMi4wMTUgNC41LTQuNS0yLjAxNy00LjUtNC41LTQuNXptMi41IDVoLTJ2MmgtMXYtMmgtMnYtMWgydi0yaDF2MmgydjF6bS02LjUyNyA0LjU5M2MtMS4xMDggMS4wODYtMi4yNzUgMi4yMTktMy40NzMgMy40MDctNi40My02LjM4MS0xMi0xMS4xNDctMTItMTUuODA4IDAtNC4wMDUgMy4wOTgtNi4xOTIgNi4yODEtNi4xOTIgMi4xOTcgMCA0LjQzNCAxLjA0MiA1LjcxOSAzLjI0OCAxLjI3OS0yLjE5NSAzLjUyMS0zLjIzOCA1LjcyNi0zLjIzOCAzLjE3NyAwIDYuMjc0IDIuMTcxIDYuMjc0IDYuMTgyIDAgLjc0Ni0uMTU2IDEuNDk2LS40MjMgMi4yNTMtLjUyNy0uNDI3LTEuMTI0LS43NjgtMS43NjktMS4wMTQuMTIyLS40MjUuMTkyLS44MzkuMTkyLTEuMjM5IDAtMi44NzMtMi4yMTYtNC4xODItNC4yNzQtNC4xODItMy4yNTcgMC00Ljk3NiAzLjQ3NS01LjcyNiA1LjAyMS0uNzQ3LTEuNTQtMi40ODQtNS4wMy01LjcyLTUuMDMxLTIuMzE1LS4wMDEtNC4yOCAxLjUxNi00LjI4IDQuMTkyIDAgMy40NDIgNC43NDIgNy44NSAxMCAxM2wyLjEwOS0yLjA2NGMuMzc2LjU1Ny44MzkgMS4wNDggMS4zNjQgMS40NjV6Ii8+PC9zdmc+") no-repeat 0 0; mask: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMTkuNSAxMGMtMi40ODMgMC00LjUgMi4wMTUtNC41IDQuNXMyLjAxNyA0LjUgNC41IDQuNSA0LjUtMi4wMTUgNC41LTQuNS0yLjAxNy00LjUtNC41LTQuNXptMi41IDVoLTJ2MmgtMXYtMmgtMnYtMWgydi0yaDF2MmgydjF6bS02LjUyNyA0LjU5M2MtMS4xMDggMS4wODYtMi4yNzUgMi4yMTktMy40NzMgMy40MDctNi40My02LjM4MS0xMi0xMS4xNDctMTItMTUuODA4IDAtNC4wMDUgMy4wOTgtNi4xOTIgNi4yODEtNi4xOTIgMi4xOTcgMCA0LjQzNCAxLjA0MiA1LjcxOSAzLjI0OCAxLjI3OS0yLjE5NSAzLjUyMS0zLjIzOCA1LjcyNi0zLjIzOCAzLjE3NyAwIDYuMjc0IDIuMTcxIDYuMjc0IDYuMTgyIDAgLjc0Ni0uMTU2IDEuNDk2LS40MjMgMi4yNTMtLjUyNy0uNDI3LTEuMTI0LS43NjgtMS43NjktMS4wMTQuMTIyLS40MjUuMTkyLS44MzkuMTkyLTEuMjM5IDAtMi44NzMtMi4yMTYtNC4xODItNC4yNzQtNC4xODItMy4yNTcgMC00Ljk3NiAzLjQ3NS01LjcyNiA1LjAyMS0uNzQ3LTEuNTQtMi40ODQtNS4wMy01LjcyLTUuMDMxLTIuMzE1LS4wMDEtNC4yOCAxLjUxNi00LjI4IDQuMTkyIDAgMy40NDIgNC43NDIgNy44NSAxMCAxM2wyLjEwOS0yLjA2NGMuMzc2LjU1Ny44MzkgMS4wNDggMS4zNjQgMS40NjV6Ii8+PC9zdmc+") no-repeat 0 0; -webkit-mask-size: cover; mask-size: cover; position: relative; } .training__navigation .menu .favorite a:hover::before { background-color: #FF4F57; } .training__navigation .menu .download-brochure a { /*transition: all 400ms;*/ display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .training__navigation .menu .download-brochure a::before { display: inline-block; width: 20px; height: 20px; margin-right: 15px; content: ""; background-color: #1E225C; -webkit-mask: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMjIgMGgtMTdjLTEuNjU3IDAtMyAxLjM0My0zIDN2MThjMCAxLjY1NyAxLjM0MyAzIDMgM2gxN3YtMjBoLTR2OGwtMi0yLTIgMnYtOGgtOC41MDVjLTEuMzc1IDAtMS4zNzUtMiAwLTJoMTYuNTA1di0yeiIvPjwvc3ZnPg==") no-repeat 0 0; mask: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMjIgMGgtMTdjLTEuNjU3IDAtMyAxLjM0My0zIDN2MThjMCAxLjY1NyAxLjM0MyAzIDMgM2gxN3YtMjBoLTR2OGwtMi0yLTIgMnYtOGgtOC41MDVjLTEuMzc1IDAtMS4zNzUtMiAwLTJoMTYuNTA1di0yeiIvPjwvc3ZnPg==") no-repeat 0 0; -webkit-mask-size: cover; mask-size: cover; position: relative; } .training__navigation__submenu-right { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .training__navigation__submenu-right.working-hours::after { width: 10px; height: 10px; background-color: #9DD08B; border-radius: 100%; content: " "; -ms-flex-item-align: start; align-self: flex-start; margin-top: 10px; margin-left: 5px; } .training__navigation__submenu-right__bel { display: grid; font-size: 15px; font-weight: 600; color: #1E225C; font-family: 'Lexend', sans-serif; margin-bottom: 0px; } .training__navigation__submenu-right__bel span.kantoortijd { color: #9B9DAD; font-size: 14px; font-family: 'Poppins', sans-serif; font-weight: 400; text-align: right; } .training__navigation__submenu-right__bel span.kantoor-telnummer { text-align: right; display: -ms-flexbox; display: flex; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .training__navigation__submenu-right__bel span.kantoor-telnummer span { display: -ms-flexbox; display: flex; } .training__navigation__submenu-right__bel svg { filter: invert(17%) sepia(11%) saturate(3354%) hue-rotate(197deg) brightness(102%) contrast(109%); width: 16px; } .training__navigation__submenu-left { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .training__navigation__submenu-left .button-bewaar-blog span { color: #9b9dad; } .training__navigation__submenu-left .button-bewaar-blog img { width: 18px; filter: invert(73%) sepia(19%) saturate(187%) hue-rotate(196deg) brightness(84%) contrast(91%); } .training__navigation__submenu-left .button-bewaar-blog:hover span { color: #1e225d; font-weight: 400 !important; } .training__navigation__submenu-left .button-bewaar-blog:hover img { filter: invert(10%) sepia(35%) saturate(4627%) hue-rotate(227deg) brightness(97%) contrast(93%); } .training__navigation.maatwerk .data-inschrijven { display: none; } .training__body { margin: 60px 0px; overflow: hidden; } @media print, screen and (min-width: 64em) { .training__body { overflow: unset; } } .training__body__container { -ms-flex-pack: center; justify-content: center; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media screen and (min-width: 61.9375em) { .training__body__container { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } } .training__body__container__left { width: 100%; -ms-flex-order: 2; order: 2; } @media screen and (min-width: 47.9375em) { .training__body__container__left { padding-right: 100px; width: 70%; -ms-flex-order: 1; order: 1; } } .training__body__container__right { width: 100%; -ms-flex-order: 1; order: 1; } @media screen and (min-width: 47.9375em) { .training__body__container__right { -ms-flex-preferred-size: 30%; flex-basis: 30%; -ms-flex-order: 2; order: 2; } } .training__actiebalk { background: #1e225d; } .training__actiebalk .counter .clock { -ms-flex-positive: unset; flex-grow: unset; } .training__actiebalk .counter .digit span, .training__actiebalk .counter .digit { font-size: 12px; } @media print, screen and (min-width: 40em) { .training__actiebalk { padding: 0px 20px; } .training__actiebalk .counter.center { display: -ms-inline-flexbox; display: inline-flex; } .training__actiebalk .counter .counter__item { margin-left: 15px; } .training__actiebalk .counter .digit span, .training__actiebalk .counter .digit { font-size: 14px; } } @media print, screen and (min-width: 64em) { .training__actiebalk { height: inherit; } } .training__actiebalk__row .column, .training__actiebalk__row .columns { text-align: center; color: white; padding: 5px 0px; font-size: 12px; font-weight: 500; } .training__actiebalk__row .column a, .training__actiebalk__row .columns a { color: white; } .training__actiebalk__row .column .bold, .training__actiebalk__row .columns .bold { font-weight: bold; } @media print, screen and (min-width: 40em) { .training__actiebalk__row .column, .training__actiebalk__row .columns { font-size: 14px; } } .training__banner { height: 200px; overflow: hidden; background-position: center center; background-size: cover; } @media screen and (max-width: 39.9375em) { .training__banner { display: none !important; } } .training__banner__image { height: 200px; overflow: hidden; background-position: center center; background-size: cover; } @media screen and (max-width: 39.9375em) { .training__banner__image { display: none !important; } } .training__banner--sharper { height: 200px; } .training__banner--sharper .training__banner-overlaywithoutimage { opacity: 1; background: none; } @media print { .training__banner--sharper { height: 175px; } } .training__imageslider { margin-right: -20px; } @media print, screen and (min-width: 40em) { .training__imageslider { margin-right: 0px; } } .training__imageslider .snap-slider .rf-cards-scroller-crop { height: 20rem; } @media print, screen and (min-width: 64em) { .training__imageslider .snap-slider .rf-cards-scroller-crop { height: 33rem; } } .training__imageslider .snap-slider .rf-ccard-40 .rf-ccard-content { width: 24rem; height: 17rem; } @media print, screen and (min-width: 64em) { .training__imageslider .snap-slider .rf-ccard-40 .rf-ccard-content { width: 45rem; height: 30rem; } } .training__imageslider .snap-slider .rf-cards-scroller-itemview { transform: none !important; } .training__imageslider .snap-slider .rf-ccard-img-full-wrapper img { object-fit: cover; height: 100%; width: 100%; } .training__section { clear: both; margin: 80px 0px; } .training__section#opleidingsvoordeel { margin-bottom: 0px; margin-top: 0px; } .training__section#opleidingsvoordeel h2.headerOpleidingvoordeel, .training__section#opleidingsvoordeel p.tekst-headerOpleidingVoordeel { max-width: 300px; margin: 0 auto !important; } @media print, screen and (min-width: 40em) { .training__section#opleidingsvoordeel h2.headerOpleidingvoordeel, .training__section#opleidingsvoordeel p.tekst-headerOpleidingVoordeel { max-width: unset; } } .training__section:first-of-type { margin-top: 20px; } @media print, screen and (min-width: 64em) { .training__section:first-of-type { margin-top: 0px; } } .training__section__title, .training__section h2 { margin-bottom: 20px; font-size: 20px; font-weight: 600; letter-spacing: -0.1px; line-height: 26px; } @media print, screen and (min-width: 64em) { .training__section__title, .training__section h2 { font-weight: 700; font-size: 22px; line-height: 28px; } } .training__section__title, .training__section h3 { margin-bottom: 20px; font-size: 18px; font-weight: 600; letter-spacing: -0.1px; line-height: 26px; } @media print, screen and (min-width: 64em) { .training__section__title, .training__section h3 { font-weight: 700; font-size: 20px; line-height: 28px; } } .training__section--sub { border-bottom: 1px solid #E3E3E3; margin: 0px; margin-bottom: 25px; } .training__section--sub:first-of-type { margin-top: 80px !important; margin-bottom: 25px !important; } .training__section--sub:last-of-type { margin-bottom: 80px; } .training__section--sub__content { font-size: 16px; padding-bottom: 10px; } .training__section--sub__content.closed { display: none; } .training__section iframe { width: 100%; border: 0; border-radius: 8px; aspect-ratio: 16 / 9; } @media print, screen and (min-width: 64em) { .training__section iframe { width: 95%; height: 400px; } } .training__section p { line-height: 25px; font-size: 15px; color: #141743; } @media print, screen and (min-width: 64em) { .training__section p { font-size: 16px; } } .training__section li { line-height: 1.5; margin-bottom: 0.5rem; font-size: 15px; color: #141743; } @media print, screen and (min-width: 64em) { .training__section li { font-size: 16px; } } .training__section-header { font-size: 1.5625rem; margin-bottom: 25px; color: #1E225C; } .training__section-header--sub { cursor: pointer; position: relative; padding-right: 25px; } .training__section-header--sub::after { content: "-"; width: 15px; display: inline-block; margin-right: 15px; content: ' \276F'; transform: rotate(270deg); position: absolute; right: 0px; } .training__section-header--sub.closed::after { transform: rotate(90deg); } .training__upsell { margin: 92px 0px; padding: 92px 0px; background: #F5F5F5; } @media print, screen and (min-width: 40em) { .training__upsell .page__section-header { font-size: 2rem; } } .training__upsell > .row > .small-12 { padding: 0 10px; } @media print, screen and (min-width: 40em) { .training__upsell > .row > .small-12 { padding: unset; } } .training__crosssell { margin: 92px 0px; padding: 92px 0px; } @media print, screen and (min-width: 40em) { .training__crosssell .page__section-header { font-size: 2rem; } } .training__download-off-canvas { width: 100%; transform: translateX(100%); padding: 20px 30px; z-index: 9999 !important; background-color: white; box-shadow: none; } .training__download-off-canvas .close-button { outline: none; font-size: 4rem; color: #1e225d; right: 2rem; top: 2rem; } .training__download-off-canvas .close-button span { outline: none; font-size: 4rem; color: #1e225d; } @media print, screen and (min-width: 40em) { .training__download-off-canvas { width: 700px; transform: translateX(700px); padding: 0px 90px 50px 90px; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2) !important; } } .training__download-off-canvas__title { margin-top: 40px; margin-bottom: 20px; } @media print, screen and (min-width: 40em) { .training__download-off-canvas__title { margin-top: 140px; } } .training__download-off-canvas__title h2 { font-size: 25px; font-family: 'Poppins', 'sans-serif'; font-weight: 800; letter-spacing: normal; } @media print, screen and (min-width: 40em) { .training__download-off-canvas__title h2 { font-size: 39px; } } .training__download-off-canvas__points { display: -ms-flexbox; display: flex; margin-top: 60px; -ms-flex-align: center; align-items: center; } .training__download-off-canvas__points__tekst p { font-size: 16px; color: #1E225C; font-family: 'Poppins', 'sans-serif'; margin-bottom: 5px; } .training__download-off-canvas__points__tekst img { filter: invert(10%) sepia(84%) saturate(2201%) hue-rotate(222deg) brightness(99%) contrast(94%); margin-right: 10px; height: 19px; } .training__download-off-canvas__points__img img { width: 120px; object-fit: contain; margin-left: 20px; } .training__download-off-canvas__divider { border: 1px solid #CCCCCC; margin-top: 20px; } .training__download-off-canvas__stap { margin-top: 20px; } .training__download-off-canvas__stap p { color: #1E225C; font-size: 15px; font-family: 'Lexend', 'sans-serif'; margin-bottom: 3px; } .training__download-off-canvas__stap__bol { display: -ms-flexbox; display: flex; gap: 15px; } .training__download-off-canvas__stap__bol span { width: 60px; border: 1px solid #009DFF; display: block; height: 10px; border-radius: 100px; cursor: pointer; } .training__download-off-canvas__stap__bol span.selected { background-color: #009DFF; } .training__download-off-canvas__formulier { margin-top: 20px; } .training__download-off-canvas__formulier .form-col { margin-bottom: 15px; } .training__download-off-canvas__formulier__form label { font-size: 14px; font-family: 'Lexend', 'sans-serif'; color: #1C2663; font-weight: 400; margin-bottom: -3px; } .training__download-off-canvas__formulier__form input { border: 1px solid #1C2663 !important; border-radius: 4px !important; padding: 25px 10px; margin-bottom: 0px; color: #1e225d; } .training__download-off-canvas__formulier__form input[type="radio"] { transform: scale(1.2) !important; padding: 8px; } .training__download-off-canvas__formulier__form input[type="checkbox"] { display: inline !important; padding: 8px; } .training__download-off-canvas__formulier__form select { border: 1px solid #1C2663 !important; border-radius: 4px !important; padding-top: 12.5px; padding-bottom: 12.5px; } .training__download-off-canvas__formulier__form textarea { border: 1px solid #1C2663 !important; border-radius: 4px !important; padding: 10px; color: #1e225d; } .training__download-off-canvas__formulier__verder-knop { padding: 13px 70px !important; cursor: pointer; position: relative; } .training__download-off-canvas__formulier__verder-knop span { margin-left: -30px !important; } .training__download-off-canvas__formulier__verder-knop img { width: 24px; filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(28deg) brightness(109%) contrast(101%); position: absolute !important; right: 10px; } .training__download-off-canvas__account { margin-top: 20px; } .training__download-off-canvas__account__title { color: #1C2663; font-size: 20px; font-weight: 900; font-family: 'Lexend', 'sans-serif'; } .training__download-off-canvas__account__text { letter-spacing: -0.32px; color: #1C2663; font-size: 16px; font-family: 'Poppins', 'sans-serif'; } .training__download-off-canvas__account__span { font-size: 12px; color: #1D2052; font-family: 'Poppins', 'sans-serif'; } .training__download-off-canvas__account__submitknop { margin-top: 50px; } @media print, screen and (min-width: 40em) { .training__download-off-canvas__account__submitknop { margin-top: 105px; } } .training__download-off-canvas__account__submitknop button { position: relative; padding: 13px 60px !important; } .training__download-off-canvas__account__submitknop span { margin-left: -30px !important; } .training__download-off-canvas__account__submitknop img { width: 24px; filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(28deg) brightness(109%) contrast(101%); position: absolute !important; right: 10px; } .training__offerte-off-canvas { width: 100%; transform: translateX(100%); padding: 20px 30px; z-index: 9999 !important; background-color: white; box-shadow: none; } .training__offerte-off-canvas .close-button { outline: none; font-size: 4rem; color: #1e225d; right: 2rem; top: 2rem; } .training__offerte-off-canvas .close-button span { outline: none; font-size: 4rem; color: #1e225d; } @media print, screen and (min-width: 40em) { .training__offerte-off-canvas { width: 650px; transform: translateX(650px); padding: 0px 90px 50px 90px; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2) !important; } } .training__offerte-off-canvas .training__review-off-canvas__review-intro h2 { font-size: 20px; font-family: 'Poppins', 'sans-serif'; font-weight: 800; letter-spacing: normal; } @media print, screen and (min-width: 40em) { .training__offerte-off-canvas .training__review-off-canvas__review-intro h2 { font-size: 30px; } } .training__offerte-off-canvas__werkdagen { font-size: 14px; font-family: 'Poppins', 'sans-serif'; color: #9B9DAD; } .training__offerte-off-canvas__divider { border: 1px solid #CCCCCC; } .training__offerte-off-canvas__formulier { margin-top: 30px; } .training__offerte-off-canvas__formulier .form-col { margin-bottom: 15px; } .training__offerte-off-canvas__formulier__form label { font-size: 14px; font-family: 'Lexend', 'sans-serif'; color: #1C2663; font-weight: 400; } .training__offerte-off-canvas__formulier__form input { border: 1px solid #CBCBCB !important; border-radius: 8px !important; padding: 25px 10px; margin-bottom: 0px; color: #1e225d; } .training__offerte-off-canvas__formulier__form input[type="radio"] { transform: scale(1.2) !important; padding: 8px; } .training__offerte-off-canvas__formulier__form input[type="checkbox"] { display: inline !important; padding: 8px; } .training__offerte-off-canvas__formulier__form select { border: 1px solid #CBCBCB !important; border-radius: 8px !important; padding-top: 12.5px; padding-bottom: 12.5px; } .training__offerte-off-canvas__formulier__form textarea { border: 1px solid #CBCBCB !important; border-radius: 8px !important; padding: 10px; color: #1e225d; } .training__offerte-off-canvas__organisatie { margin-top: 20px; padding: 12px 15px; } .training__offerte-off-canvas__organisatie__hiddenparts { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; gap: 10px; } .training__offerte-off-canvas__organisatie__hiddenparts__inputs { height: 42px !important; border: 1px solid #CBCBCB !important; border-radius: 8px !important; padding: 25px 10px !important; } .training__offerte-off-canvas__organisatie__hiddenparts__formslabel { display: grid; grid-template-rows: 1fr 1fr; grid-template-columns: initial; column-gap: 20px; row-gap: 10px; } @media print, screen and (min-width: 40em) { .training__offerte-off-canvas__organisatie__hiddenparts__formslabel { grid-template-rows: initial; grid-template-columns: 6fr 4fr; } } .training__offerte-off-canvas__organisatie__radiolabels .checkout__form__row__inner { -ms-flex-direction: row; flex-direction: row; margin-top: 0px; } .training__offerte-off-canvas__organisatie__radiolabels .checkout__form__row__inner label { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } @media print, screen and (min-width: 40em) { .training__offerte-off-canvas__organisatie__radiolabels .checkout__form__row__inner { -ms-flex-direction: row; flex-direction: row; } } .training__review-off-canvas { background-color: white; padding: 20px 40px; padding-bottom: 200px; box-shadow: none; width: 100%; transform: translateX(100%); z-index: 10000 !important; } @media print, screen and (min-width: 64em) { .training__review-off-canvas { padding-bottom: 20px; } } @media print, screen and (min-width: 64em) { .training__review-off-canvas { width: 560px; transform: translateX(560px); } } .training__review-off-canvas .close-button { right: 2rem; top: 2rem; font-size: 4rem; color: #1e225d; } .training__review-off-canvas .close-button span { font-size: 4rem; color: #1e225d; } .training__review-off-canvas__review-intro { margin-top: 40px; margin-bottom: 20px; } @media print, screen and (min-width: 40em) { .training__review-off-canvas__review-intro h2 { font-size: 2rem; } } .training__review-off-canvas__review-intro img { border-radius: 9px; width: 100%; object-fit: contain; } @media screen and (min-width: 40em) { .training__review-off-canvas__review-intro { margin-top: 140px; } } .training__review-off-canvas__callout { margin-top: 40px; border: 1px solid #1E225C; border-radius: 12px; padding: 20px 30px; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; column-gap: 25px; } .training__review-off-canvas__callout__icon { color: #f5c80b; } .training__review-off-canvas__callout__icon svg path { fill: #F5C80B; } .training__review-off-canvas__callout .external { margin-top: 4px; font-weight: 600; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .training__review-off-canvas__callout .external::after { display: inline-block; width: 18px; height: 18px; margin-left: 15px; content: ""; background-color: #1E225C; -webkit-mask: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMjEgMTN2MTBoLTIxdi0xOWgxMnYyaC0xMHYxNWgxN3YtOGgyem0zLTEyaC0xMC45ODhsNC4wMzUgNC02Ljk3NyA3LjA3IDIuODI4IDIuODI4IDYuOTc3LTcuMDcgNC4xMjUgNC4xNzJ2LTExeiIvPjwvc3ZnPg==) no-repeat 0 0; mask: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMjEgMTN2MTBoLTIxdi0xOWgxMnYyaC0xMHYxNWgxN3YtOGgyem0zLTEyaC0xMC45ODhsNC4wMzUgNC02Ljk3NyA3LjA3IDIuODI4IDIuODI4IDYuOTc3LTcuMDcgNC4xMjUgNC4xNzJ2LTExeiIvPjwvc3ZnPg==) no-repeat 0 0; -webkit-mask-size: cover; mask-size: cover; position: relative; } .training__review-off-canvas__title { font-weight: bold; font-family: 'Lexend', sans-serif; font-display: fallback; font-size: 1.25rem; color: #1E225C; } .training__review-off-canvas__title.second { margin: 50px 0px; margin-bottom: 0px; } .training__review-off-canvas .training__reviews__item__header { padding: 20px 0px; border-bottom: 0px; } .training__review-off-canvas .training__reviews__item__body { padding: 20px 0px; } .training__review-off-canvas .training__reviews__item, .training__review-off-canvas .training__reviews__item--overview { padding: 50px 0px; padding-bottom: 40px; border-right: none; border-bottom: 1px solid #8a8a8a; } @media screen and (min-width: 40em) { .training__review-off-canvas { padding: 20px 90px; width: 560px; } } .training__programma__accordion { list-style-type: none; list-style: none; padding: 0px; margin: 0px; border: 1px solid #1E225C; border-radius: 5px; } .training__programma__accordion__item { display: block; border-bottom: 1px solid #1E225C; margin-bottom: 0px; } .training__programma__accordion__item .toggle { display: block; padding: 20px; text-decoration: none; font-weight: bold; } .training__programma__accordion__item .toggle:after { content: ' \276F'; transform: rotate(90deg); display: inline-block; position: absolute; right: 20px; top: 24px; } .training__programma__accordion__item__count { display: inline-block; left: -50px; height: 35px; width: 35px; border: 3px solid; text-align: center; border-radius: 100%; line-height: 30px; color: #1E225C; background-color: white; top: 12px; font-weight: bold; margin-right: 20px; } .training__programma__accordion__item:last-of-type { border-bottom: none; } .training__programma__accordion__item.current .toggle { background-color: #1E225C; color: white; } .training__programma__accordion__item.current .toggle:after { transform: rotate(270deg); } .training__programma__accordion__item.current .show { display: block; } .training__programma__accordion__item .inner { padding: 20px; display: none; } .training__programma__accordion__item .inner.current { display: block; } .training__programma__cta { margin-top: 30px; border: 1px solid #1e225d; padding: 20px; border-radius: 12px; } .training__programma__cta span { display: inline-block; margin-right: 30px; font-weight: bold; color: #1e225d; font: normal normal 800 20px Lexend; } .training__programma__cta p { margin-bottom: 0; } .training__cursusdata { background: #F8F8FA; margin: 40px 0px; padding: 50px 0px; } @media print, screen and (min-width: 64em) { .training__cursusdata { padding: 125px 0px; margin: 125px 0px; } } .training__cursusdata__load-more { margin-top: 50px; text-align: center; } .training__cursusdata__load-more button { max-width: 200px; margin: auto; margin-bottom: 0px; } @media print, screen and (min-width: 40em) { .training__cursusdata__load-more button { max-width: unset; } } .training__reviews { margin: 40px 0px; } .training__reviews__intro { margin-bottom: 30px; } @media print, screen and (min-width: 40em) { .training__reviews__intro__title { font-size: 2rem; } } .training__reviews__items { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; } @media print, screen and (min-width: 64em) { .training__reviews__items > div.large-6 { -ms-flex: 0 0 48%; flex: 0 0 48%; } } .training__reviews__overview { margin-bottom: 50px; } .training__reviews__overview__trainer { position: relative; padding: 0px; display: -ms-flexbox; display: flex; min-height: 350px; } .training__reviews__overview__trainer .cta-block__intake__image__lettersbg { display: block; height: inherit; width: 100%; z-index: -1; font-size: 400px; overflow: visible; font-family: 'Lexend', sans-serif; font-display: fallback; font-size: 350px; font-weight: 800; letter-spacing: -30px; line-height: 250px; position: absolute; left: unset; right: 0px; top: unset; bottom: 40px; text-align: right; color: #00c4c2; } @media print, screen and (min-width: 64em) { .training__reviews__overview__trainer .cta-block__intake__image__lettersbg { overflow: visible; } } .training__reviews__overview__trainer > img { height: 320px; position: absolute; right: 0px; } .training__reviews__overview__trainer .cta-block__intake__image__textbox { width: 100%; margin-left: 0px; } .training__reviews__overview__trainer .cta-block__intake__image__textbox .cluster-header__background__designation { left: 2%; } @media print, screen and (min-width: 40em) { .training__reviews__overview__trainer .cta-block__intake__image__textbox .cluster-header__background__designation { margin-left: 70px; } } .training__reviews__overview__trainer .cta-block__intake__image__textbox .cluster-header__background__overlay__reviews { width: 100%; } @media print, screen and (min-width: 40em) { .training__reviews__overview__trainer .cta-block__intake__image__textbox .cluster-header__background__overlay__reviews__text { width: 75%; } } @media print, screen and (min-width: 40em) { .training__reviews__item { padding: 0px; } } .training__reviews__item__container { box-shadow: 0px 3px 10px rgba(42, 62, 82, 0.2); border: 1px solid #1E225C; border-radius: 12px; background: white; padding: 0px; } .training__reviews__item__header { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; border-bottom: 1px solid rgba(30, 34, 92, 0.078); padding: 20px; } .training__reviews__item__body { padding: 20px; } .training__reviews__item__title { font-weight: bold; font-size: 1.125rem; color: #1e225d; } .training__reviews__item__date { -ms-flex-positive: 1; flex-grow: 1; text-align: right; color: #1e225d; font-size: 0.9375rem; } .training__reviews__item__score { margin-bottom: 20px; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .training__reviews__item__score__number { font-size: 0.9375rem; margin-right: 20px; color: #1e225d; } .training__reviews__item__score__number strong { margin-left: 20px; font-size: 1rem; } .training__reviews__item__score__stars { margin-right: 20px; color: #F5C80B; font-size: 15px; } .training__reviews__item__score__stars svg path { fill: #F5C80B; } .training__reviews__item__score__stars .fa-star { margin-right: 3px; } .training__reviews__item__text { margin-bottom: 20px; color: #1e225d; font-size: 0.9375rem; } .training__reviews__item__training { margin-bottom: 10px; color: #1e225d; font-size: 0.9375rem; font-weight: bold; } .training__reviews__item__recommend { margin-bottom: 20px; color: #1e225d; font-size: 0.9375rem; } .training__reviews__item__rating__element { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; } .training__reviews__item__rating__element__title { margin-bottom: 10px; color: #1e225d; } .training__reviews__item__rating__element__score { min-width: 110px; color: #F5C80B; font-size: 15px; } .training__reviews__item__rating__element__score svg path { fill: #F5C80B; } .training__reviews__item__rating__element__score .fa-star { margin-right: 3px; } .training__reviews__item__rating__see-all { margin-top: 10px; text-align: center; } @media print, screen and (min-width: 40em) { .training__reviews__item__rating__see-all { margin-top: 20px; } } .training__reviews__item--overview { border-right: 0px; padding: 20px 0px; padding-bottom: 0px; } .training__reviews__item--overview .training__reviews__item__header { border: 0px; padding: 0px; padding-bottom: 20px; } .training__reviews__item--overview .training__reviews__item__title { font-size: 1.5625rem; } .training__reviews__item--overview .training__reviews__item__score { display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; -ms-flex-align: center; align-items: center; gap: 5px; } .training__reviews__item--overview .training__reviews__item__score .text-span { font-size: 15px; } .training__reviews__item--overview .training__reviews__item__score__number { font-size: 26px; font-weight: bold; } .training__reviews__item--overview .training__reviews__item__score__stars { color: #1e225d; } .training__reviews__item--category { border-right: 0px; padding: 0px; margin-top: 40px; } .training__reviews__item--category.hasborder { border: 1px solid #1e225d; padding: 20px; border-radius: 12px; } .training__reviews__item--category .training__reviews__item__header { border: 0px; padding: 0px; padding-bottom: 20px; } .training__reviews__item--category .training__reviews__item__title { font-size: 1.2rem; } .training__reviews__item--category .training__reviews__item__score { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-align: start; align-items: flex-start; gap: 5px; margin-bottom: 0px; } .training__reviews__item--category .training__reviews__item__score .text-span { font-size: 15px; } .training__reviews__item--category .training__reviews__item__score__number { font-size: 26px; font-weight: bold; font-family: Caveat, serif; } .training__reviews__item--category .training__reviews__item__score__stars { color: #1e225d; margin-right: 10px; } .training__reviews__cta { margin-top: 30px; } .js-off-canvas-overlay { background: rgba(0, 0, 0, 0.25); z-index: 9998; } .training_image_slider .img-box { height: 200px; margin-left: 10px; margin-right: 10px; } .training_image_slider .slider__counter { position: initial; } .training_image_slider .slick-cloned:last-child { display: none !important; } @media print, screen and (min-width: 40em) { .training_image_slider .slider__counter { position: initial; } .training_image_slider .img-box { height: 230px; margin-left: 0; margin-right: 0; } } @media print, screen and (min-width: 64em) { .training_image_slider .slider__counter { position: absolute; } .training_image_slider .img-box { height: 400px; margin-left: 0; margin-right: 0; } } .img_teruglezen { -ms-flex-pack: center; justify-content: center; display: -ms-flexbox; display: flex; } .img_teruglezen img { height: 180px; object-fit: cover; } @media print, screen and (min-width: 40em) { .terugleesSectie { display: -ms-flexbox; display: flex; } .tekst_teruglezen { -ms-flex-preferred-size: 50%; flex-basis: 50%; } .img_teruglezen { -ms-flex-preferred-size: 50%; flex-basis: 50%; -ms-flex-pack: center; justify-content: center; display: -ms-flexbox; display: flex; } } @media print, screen and (min-width: 64em) { .terugleesSectie { display: -ms-flexbox; display: flex; } .tekst_teruglezen { -ms-flex-preferred-size: 70%; flex-basis: 70%; } .img_teruglezen { -ms-flex-preferred-size: 30%; flex-basis: 30%; -ms-flex-pack: center; justify-content: center; display: -ms-flexbox; display: flex; } } .undertext_cf-button .cf-button__text { text-align: start; } .undertext_cf-button .cf-button__text span { display: -ms-flexbox; display: flex; font-size: 14px; font-weight: 400; padding-top: 6px; } .undertext_cf-button .cf-button__text span.grey { color: #9B9DAD; font-weight: 300; letter-spacing: normal; } .undertext_cf-button:hover .cf-button__text { text-align: start; } .undertext_cf-button:hover .cf-button__text span.grey { color: white; } .training-header { width: 100%; position: relative; background-color: #00c4c2; } .training-header__container { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; height: 100%; padding-top: 40px; } @media screen and (min-width: 64em) { .training-header__container { padding-top: 0px; height: 100%; } } .training-header__container__text { -ms-flex-preferred-size: 100%; flex-basis: 100%; } @media screen and (min-width: 64em) { .training-header__container__text { -ms-flex-preferred-size: 50%; flex-basis: 50%; padding-right: 25px; padding: 75px 0px; } } @media screen and (min-width: 75em) { .training-header__container__text { padding-right: 50px; } } .training-header__container__text__area { position: relative; background: #FFFFFF 0% 0% no-repeat padding-box; box-shadow: 0px 3px 36px rgba(0, 0, 0, 0.16); border-radius: 2px 16px 16px 16px; opacity: 1; padding: 30px; min-height: 0px; } @media screen and (min-width: 40em) { .training-header__container__text__area { padding: 40px; } } @media screen and (min-width: 64em) { .training-header__container__text__area { padding: 60px; } } .training-header__container__text__area.haslabel .training-header__title { padding-right: 50px; } @media print, screen and (min-width: 64em) { .training-header__container__text__area.haslabel .training-header__title { padding-right: 30px; } } .training-header__container__text__area__label { position: absolute; right: 5px; top: 10px; } @media print, screen and (min-width: 64em) { .training-header__container__text__area__label { right: 10px; } } .training-header__container__text__area__label img { width: 80px; } .training-header__container__text__area__status-label { position: absolute; left: 5px; top: 5px; background-color: #f2f8ff; padding: 5px 13px; border-radius: 6px; text-transform: capitalize; color: #1e225d; font-size: 12px; font-weight: bold; } @media print, screen and (min-width: 64em) { .training-header__container__text__area__status-label { left: 10px; top: 10px; } } .training-header__container__image { position: static; right: 0; width: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; } @media print, screen and (min-width: 40em) { .training-header__container__image { max-height: initial; } } @media screen and (min-width: 64em) { .training-header__container__image { -ms-flex-preferred-size: 50%; flex-basis: 50%; position: absolute; right: 0px; width: 50%; /*overflow: hidden;*/ top: 0px; height: 100%; } } .training-header__container__image__background { height: 320px; } .training-header__container__image__background .cluster-header__background__overlay { bottom: -25px; } @media screen and (min-width: 64em) { .training-header__container__image__background { height: 100%; position: relative; } .training-header__container__image__background .cluster-header__background__overlay { bottom: 25px; } .training-header__container__image__background .cluster-header__background__image { overflow: visible; width: 70%; bottom: 0px; } .training-header__container__image__background .cluster-header__background__image img { bottom: -25px; max-height: 500px; max-width: 100%; } } .training-header__title { font-family: 'Lexend', sans-serif; font-display: fallback; letter-spacing: -0.2px; margin-bottom: 20px; line-height: 30px; font-size: 22px; font-weight: 700; } @media screen and (min-width: 40em) { .training-header__title { font-size: 28px; line-height: 44px; padding-right: 50px; } } .training-header__intro { margin-bottom: 20px; } .training-header__uspblock { margin-bottom: 20px; } .training-header__uspblock__block { background-color: #F2F8FF; border-radius: 4px; padding: 12px 21px; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 10px; row-gap: 18px; } .training-header__uspblock__block:not(:first-of-type) { margin-top: 8px; } .training-header__uspblock__block__item { display: -ms-flexbox; display: flex; width: 100%; gap: 10px; -ms-flex-align: center; align-items: center; } @media print, screen and (min-width: 64em) { .training-header__uspblock__block__item { width: 48%; } } .training-header__uspblock__block__item.fullwidth { width: 100%; } .training-header__uspblock__block__item__image { filter: invert(12%) sepia(43%) saturate(3297%) hue-rotate(224deg) brightness(85%) contrast(95%); } .training-header__uspblock__block__item__text { font-family: 'Lexend', sans-serif; font-display: fallback; font-size: 0.9375rem; font-weight: 500; color: #1e225d; } .training-header__priceblock { margin-bottom: 20px; } .training-header__price { margin-bottom: 10px; font-size: 1rem; display: -ms-flexbox; display: flex; gap: 35px; } .training-header__price__oneoff__description { font-size: 14px; display: block; } .training-header__price__oneoff__amount { display: block; font-size: 18px; font-weight: 600; font-family: 'Lexend', sans-serif; font-display: fallback; } .training-header__price__divider { width: 1px; background-color: #1e225d; } .training-header__price .training__sidebar__main__vanaf, .training-header__price .training__sidebar__main__vanafprijs, .training-header__price .training__sidebar__main__nuprijs { font-size: 1rem; font: normal normal 600 16px Lexend; } .training-header__price .training__sidebar__main__vanaf span, .training-header__price .training__sidebar__main__vanafprijs span, .training-header__price .training__sidebar__main__nuprijs span { font: normal normal 600 16px Lexend; } .training-header__price .training__sidebar__main__nuprijs { margin-left: 15px; } @media screen and (min-width: 40em) { .training-header__price { font-size: 1rem; } .training-header__price .training__sidebar__main__vanaf, .training-header__price .training__sidebar__main__vanafprijs { font-size: 1rem; } } .training-header__discount { padding: 7px 18px; font-size: 0.875rem; color: #1E225C; margin-left: 0rem; background-color: #f2f8ff; display: inline-block; border-radius: 5px; } .training-header__bubble { margin-bottom: 20px; } .training-header__buttons__primary .cf-button--orange-flat, .training-header__buttons__primary .cf-button--blue-alt { padding: 13px 14px; line-height: 1.4; -ms-flex-pack: center !important; justify-content: center !important; } @media screen and (min-width: 40em) { .training-header__buttons__primary .cf-button--orange-flat, .training-header__buttons__primary .cf-button--blue-alt { padding: 13px 15px; margin-bottom: 5px; } .training-header__buttons__primary .cf-button--orange-flat .cf-button__icon, .training-header__buttons__primary .cf-button--blue-alt .cf-button__icon { margin-right: 10px; } .training-header__buttons__primary .cf-button--orange-flat .cf-button__text, .training-header__buttons__primary .cf-button--blue-alt .cf-button__text { -ms-flex-positive: 1; flex-grow: 1; text-align: center; } .training-header__buttons__primary .cf-button--orange-flat:hover, .training-header__buttons__primary .cf-button--blue-alt:hover { padding-left: 15px; } } @media screen and (min-width: 75em) { .training-header__buttons__primary .cf-button--orange-flat .cf-button__icon, .training-header__buttons__primary .cf-button--blue-alt .cf-button__icon { margin-right: 15px; } } .training-header__buttons__secondary .cf-button--blue-alt, .training-header__buttons__secondary .cf-button--blue, .training-header__buttons__secondary .cf-button--orange-flat { padding: 13px 14px; } .training-header__buttons__secondary .cf-button--blue-alt .cf-button__text, .training-header__buttons__secondary .cf-button--blue .cf-button__text, .training-header__buttons__secondary .cf-button--orange-flat .cf-button__text { -ms-flex-positive: 1; flex-grow: 1; text-align: center; } @media screen and (min-width: 40em) { .training-header__buttons__secondary .cf-button--blue-alt, .training-header__buttons__secondary .cf-button--blue, .training-header__buttons__secondary .cf-button--orange-flat { padding: 13px 15px; } .training-header__buttons__secondary .cf-button--blue-alt:hover, .training-header__buttons__secondary .cf-button--blue:hover, .training-header__buttons__secondary .cf-button--orange-flat:hover { padding-left: 11px; } } @media screen and (min-width: 40em) { .training-header__buttons__secondary { display: -ms-flexbox; display: flex; column-gap: 6px; } .training-header__buttons__secondary > div:first-of-type { -ms-flex-preferred-size: 45%; flex-basis: 45%; } .training-header__buttons__secondary > div:last-of-type { -ms-flex-preferred-size: 55%; flex-basis: 55%; } .training-header__buttons__secondary .cf-button--blue-alt, .training-header__buttons__secondary .cf-button--blue, .training-header__buttons__secondary .cf-button--orange-flat { width: 100%; text-align: center; margin-bottom: 0px; } .training-header__buttons__secondary .cf-button--blue-alt .cf-button__icon, .training-header__buttons__secondary .cf-button--blue .cf-button__icon, .training-header__buttons__secondary .cf-button--orange-flat .cf-button__icon { margin-right: 10px; } .training-header__buttons__secondary .cf-button--blue-alt .cf-button__text, .training-header__buttons__secondary .cf-button--blue .cf-button__text, .training-header__buttons__secondary .cf-button--orange-flat .cf-button__text { -ms-flex-positive: 1; flex-grow: 1; text-align: center; } .training-header__buttons__secondary .cf-button--blue-alt:hover .cf-button__icon, .training-header__buttons__secondary .cf-button--blue:hover .cf-button__icon, .training-header__buttons__secondary .cf-button--orange-flat:hover .cf-button__icon { margin-right: 10px; } } @media screen and (min-width: 75em) { .training-header__buttons__secondary .cf-button--blue-alt .cf-button__icon, .training-header__buttons__secondary .cf-button--blue .cf-button__icon, .training-header__buttons__secondary .cf-button--orange-flat .cf-button__icon { margin-right: 15px; } .training-header__buttons__secondary .cf-button--blue-alt:hover .cf-button__icon, .training-header__buttons__secondary .cf-button--blue:hover .cf-button__icon, .training-header__buttons__secondary .cf-button--orange-flat:hover .cf-button__icon { margin-right: 15px; } } .training-header__secondary { border-top: 1px solid #D6D6D6; padding-top: 15px; } .tooltip-trainingen-certificaat { border-bottom: none; display: inline-block; width: fit-content; -ms-flex-align: center; align-items: center; } .tooltip-trainingen-certificaat img { width: 16px !important; height: 21px !important; margin-right: 0 !important; } .tooltip-trainingen-certificaatsidebar { border-bottom: none; display: -ms-flexbox; display: flex; width: fit-content; -ms-flex-align: center; align-items: center; margin-left: 5px; } .tooltip-trainingen-certificaatsidebar img { width: 16px !important; height: 16px !important; margin-right: 0 !important; } #training-links { margin-bottom: 45px; } @media print { #training-links { display: none; page-break-after: always; } } @media print { #inhoud { page-break-after: always; font-size: 0.8125rem; column-count: 2; column-gap: 40px; column-width: 148mm; -webkit-column-count: 2; -webkit-column-gap: 40px; -webkit-column-width: 148mm; -moz-column-count: 2; -moz-column-gap: 40px; -moz-column-width: 148mm; } } #inhoud h2 { column-span: all; } #inhoud p.title { font-weight: bold; } @media print { #lesmateriaal, #onderdelen { page-break-after: always; } } @media print { #onderdelen { display: none; } } .training-intro__titel { font-size: 1.35rem !important; margin: 20px 0px; padding-bottom: 0px !important; line-height: initial !important; } .training-intro__omschrijving { font-size: 0.9375rem; } @media print { .training-intro__omschrijving { font-size: 0.8125rem; } } .training-intro__springest { margin: 0 auto 0.5rem; width: 230px; } @media screen and (min-width: 25em) { .training-intro__springest { float: right; margin: -15px 0 0 1rem; } } @media print, screen and (min-width: 40em) { .training-intro__springest { margin-left: 2rem; } } @media print { .training-intro__springest { display: none; } } .training-intro__pe-punten { float: right; width: 125px; height: 180px; margin: 0 0 0 2rem; } .training-intro__pe-punten img { display: block; width: 125px; height: 180px; } .training-intro__nieuwsbrief { clear: both; } .training-opleidingsvoordeel { box-shadow: 0px 3px 10px rgba(42, 62, 82, 0.2); border: 1px solid #1E225C; border-radius: 12px; background: white; margin: 30px 0px; display: -ms-flexbox; display: flex; } .training-opleidingsvoordeel__content { padding: 20px; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-preferred-size: 70%; flex-basis: 70%; } @media print, screen and (min-width: 64em) { .training-opleidingsvoordeel__content { padding: 30px; } } .training-opleidingsvoordeel__content .label--yellow { background-color: yellow; padding: 0px 5px; } .training-opleidingsvoordeel__content h3 { font-size: 1.25rem; } .training-opleidingsvoordeel__content a { font-weight: bold; } .training-opleidingsvoordeel__content .readmore-link { cursor: pointer; } @media print, screen and (min-width: 64em) { .training-opleidingsvoordeel__content.adviesblok { padding: 50px 80px; } } .training-opleidingsvoordeel__image { -ms-flex-preferred-size: 30%; flex-basis: 30%; position: relative; } .training-opleidingsvoordeel__image img { position: absolute; right: 0; bottom: 0; max-height: 100%; border-radius: 12px; object-fit: contain; height: 100%; /*-webkit-transition: opacity 1s ease-in-out; -moz-transition: opacity 1s ease-in-out; -o-transition: opacity 1s ease-in-out; transition: opacity 1s ease-in-out;*/ } .training-opleidingsvoordeel__image img.hover { height: auto; } .training-opleidingsvoordeel__image img.ready { height: auto; } .training-opleidingsvoordeel__image img.bottom { object-position: bottom; } .training-opleidingsvoordeel__image img.hover { opacity: 0; } .training-opleidingsvoordeel.opleidingsbudget-banner { border: 1px solid #cccccc; box-shadow: none; } .training-opleidingsvoordeel.opleidingsbudget-banner h3 { font-size: 1rem; } .training-opleidingsvoordeel.opleidingsbudget-banner p { margin-bottom: 0px; } .training-opleidingsvoordeel:hover .training-opleidingsvoordeel__image img.ready { opacity: 0; } .training-opleidingsvoordeel:hover .training-opleidingsvoordeel__image img.hover { opacity: 1; } .training-opleidingsvoordeel--trainer { /*&:hover{ .training-opleidingsvoordeel__content .inner p{ height:100%; @include transition(all 400ms); } }*/ } .training-opleidingsvoordeel--trainer .training-opleidingsvoordeel__content .inner div { height: 75px; overflow: hidden; text-overflow: ellipsis; width: calc(100%); margin-bottom: 8px; } .training-opleidingsvoordeel--trainer .training-opleidingsvoordeel__content .label { background-color: yellow; color: white; } .training-opleidingsvoordeel--trainer .training-opleidingsvoordeel__content p { font-size: 0.9375rem; line-height: 23px; } .training-opleidingsvoordeel--trainer .training-opleidingsvoordeel__image img { border-radius: 0px 12px 12px 0px; } .training-opleidingsvoordeel--centered { width: 100%; margin: 30px auto !important; } @media print, screen and (min-width: 40em) { .training-opleidingsvoordeel--centered { width: 80%; } } @media print, screen and (min-width: 64em) { .training-opleidingsvoordeel--centered { width: 70%; } } .training-relateerdetrainingen__title { padding-bottom: 10px; } .training-relateerdetrainingen__title p { font-size: 1.5625rem; font-weight: bold; margin-bottom: 0; } .training-relateerdetrainingen__container .rf-cards-scroller-crop { height: 36rem; } @media print, screen and (min-width: 40em) { .training-relateerdetrainingen__container .rf-cards-scroller-crop { height: 33rem; } } .training-relateerdetrainingen__container .rf-cards-scroller-crop .rf-cards-scroller-platter { padding-top: 0; } .training-relateerdetrainingen__container .rf-cards-scroller-crop .rf-cards-scroller-platter .rf-cards-scroller-itemview { transform: none; height: 100%; } .training-relateerdetrainingen__container .rf-cards-scroller-crop .rf-cards-scroller-platter .rf-cards-scroller-itemview .as-util-relatedlink { height: 100%; } .training-relateerdetrainingen__container .rf-cards-scroller-crop .rf-cards-scroller-platter .rf-cards-scroller-itemview .as-util-relatedlink .rf-ccard-content { height: 100%; } .training-relateerdetrainingen__container .rf-cards-scroller-crop .rf-cards-scroller-platter .rf-cards-scroller-itemview .as-util-relatedlink .rf-ccard-content .trainingen-grid__item { height: 100%; } #trainingsdata-items { overflow: hidden; max-height: 10000px; transition: max-height 2s linear; } #trainingsdata-items.closed { max-height: 1488px; transition: none; } @media print, screen and (min-width: 40em) { #trainingsdata-items.closed { max-height: 783px; } } @media print, screen and (min-width: 64em) { #trainingsdata-items.closed { max-height: 520px; } } #toon-alle-trainingsdata { text-decoration: none; font-size: 1.1875rem; text-align: center; display: block; margin: 0 0 2rem; } #toon-alle-trainingsdata .icon-arrow-right { font-size: 130%; display: inline-block; position: relative; top: 2px; margin-left: 10px; transform: rotate(-90deg); } #toon-alle-trainingsdata.closed .icon-arrow-right { transform: rotate(90deg); } .zie-data { cursor: pointer; text-decoration: underline; display: inline-block; font-weight: medium; } .startdata_offCanvas { z-index: 9999; background-color: #fff; width: 350px; padding: 40px 20px 250px 20px; } @media print, screen and (min-width: 64em) { .startdata_offCanvas { padding: 123px 87px; width: 35.75rem; } } .startdata_offCanvas .close-btn { right: 3rem; top: 3.8rem; font-size: 3em; line-height: 1; } @media print, screen and (min-width: 64em) { .startdata_offCanvas .close-btn { top: 7.8rem; } } .startdata_offCanvas h3 { font-size: 39px; font-weight: bold; margin-bottom: 45px; } .startdata_offCanvas ul { list-style-type: disc; padding-left: 20px; margin-bottom: 45px; } .startdata_offCanvas span { color: #1C2663; } .startdata_offCanvas span span { font-weight: bold; } .startdata_offCanvas p.introtekst { margin-bottom: 45px; } .startdata_offCanvas p.trainingtitle { font-size: 25px; font-weight: bold; margin-bottom: 12px; } .startdata_offCanvas p.trainingtitle span { font-weight: bold; } @media print { #cursusdata { display: none; page-break-after: always; padding: 0px; } } @media print { #gerelateerd { padding: 0px; } } @media print { #opleidingsvoordeel { page-break-before: always; margin-bottom: 0px; } } .training__cursusdata .title h2 { font-size: 20px; text-align: center; max-width: 300px; margin: 0 auto; line-height: 26px; letter-spacing: -0.1px; margin-bottom: 0px !important; } @media print, screen and (min-width: 40em) { .training__cursusdata .title h2 { text-align: center; font-size: 39px; max-width: unset; width: 60%; margin: 0 auto; margin-bottom: 16px !important; } } @media print, screen and (min-width: 64em) { .training__cursusdata .title h2 { font-size: 45px; line-height: 50px; } } .training__cursusdata .title p { max-width: 900px; margin: 0 auto; padding-bottom: 0px; } .startgarantie { font-size: 12px; padding: 2.5px 5.5px; color: #8689AD; border: 1px dashed #979AC4; border-radius: 4px; font-weight: normal; } .startgarantie.filled { border: 1px solid #CDEDC2; background-color: #CDEDC2; color: #1e225d; } .startgarantie .blue { border: 1px solid #f2f8ff; background-color: #f2f8ff; color: #1e225d; } .trainingsdata-table { color: #403d54; margin: 15px 0 15px; margin-top: 50px; margin-bottom: 0px; } .trainingsdata-table::before, .trainingsdata-table::after { display: table; content: ' '; -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-order: 1; order: 1; } .trainingsdata-table::after { clear: both; } @media (max-width: 800px) { .trainingsdata-table table { border: 0; } .trainingsdata-table thead { display: none; } .trainingsdata-table tr { display: block; margin: 0 0 20px 0; } .trainingsdata-table tr:last-of-type { margin-bottom: 0px; } .trainingsdata-table td { display: block; text-align: right; } .trainingsdata-table td:before { content: attr(aria-label); float: left; font-weight: bold; } .trainingsdata-table td:last-child { border-bottom: 0; } .trainingsdata-table tr:nth-child(odd) { background-color: #F2F2F2; } .trainingsdata-table tr:nth-child(even) { background-color: #FFFFFF; border-width: 3px 0 3px 0; border-style: solid; border-color: #E5E5E5; } .trainingsdata-table thead, .trainingsdata-table tbody, .trainingsdata-table tfoot { border: none !important; } .trainingsdata-table tbody tr:nth-child(even) { border-bottom: 1px solid rgba(30, 34, 92, 0.46); background-color: #ededed; } .trainingsdata-table tbody tr:nth-child(even) { border-bottom: 1px solid rgba(30, 34, 92, 0.46) !important; background-color: transparent !important; border: 1px solid rgba(30, 34, 92, 0.46) !important; } .trainingsdata-table tbody th, .trainingsdata-table tbody td { padding: 0.5rem 0.625rem 0.625rem; border-bottom: 1px solid rgba(0, 0, 0, 0.039); } .trainingsdata-table tbody td.empty-cell { display: none; } } @media print and (max-width: 800px), screen and (max-width: 800px) and (min-width: 64em) { .trainingsdata-table tbody td.empty-cell { display: unset; } } @media (max-width: 800px) { .trainingsdata-table tbody th, .trainingsdata-table tbody td { padding: 15px !important; } .trainingsdata-table table tr { box-shadow: none; border-radius: 10px; } } @media print, screen and (min-width: 40em) { .trainingsdata-table { margin: 67px 0 15px; border: 1px solid #1e225d; border-radius: 12px; box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16); } } .trainingsdata-table table { border-collapse: collapse; margin-bottom: 0px; } @media print, screen and (min-width: 40em) { .trainingsdata-table table thead { border: none; } } @media print, screen and (min-width: 40em) { .trainingsdata-table table thead tr td:first-of-type { border-radius: 12px 0px 0px 0px; } } @media print, screen and (min-width: 40em) { .trainingsdata-table table thead tr td:last-of-type { border-radius: 0px 12px 0px 0px; } } .trainingsdata-table table thead tr td { color: white !important; } .trainingsdata-table table tbody { background: transparent; } @media print, screen and (min-width: 40em) { .trainingsdata-table table tbody { border: none; background: white; } } .trainingsdata-table table tbody tr { background-color: white !important; border: 1px solid rgba(30, 34, 92, 0.46) !important; } @media print, screen and (min-width: 40em) { .trainingsdata-table table tbody tr { box-shadow: none; border: none !important; border-bottom: 1px solid #D5D6DB !important; } } @media print, screen and (min-width: 40em) { .trainingsdata-table table tbody tr:last-of-type { border: none !important; } } @media print, screen and (min-width: 40em) { .trainingsdata-table table tbody tr:last-of-type td:first-of-type { border-radius: 0px 0px 0px 12px; } } @media print, screen and (min-width: 40em) { .trainingsdata-table table tbody tr:last-of-type td:last-of-type { border-radius: 0px 0px 12px 0px; } } .trainingsdata-table table tbody td[aria-label="Start"] { position: relative; } @media print, screen and (min-width: 64em) { .trainingsdata-table table tbody td[aria-label="Start"].leergang { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 12px; } } .trainingsdata-table button { margin-bottom: 0px; } @media print, screen and (min-width: 64em) { .trainingsdata-table__button { width: 200px; } } @media print, screen and (min-width: 64em) { .trainingsdata-table .threeprecent { width: 3%; } } @media print, screen and (min-width: 64em) { .trainingsdata-table .fourpercent { width: 4%; } } @media print, screen and (min-width: 64em) { .trainingsdata-table .fivepercent { width: 6%; } .trainingsdata-table .fivepercent.leergang { width: 12%; } } @media print, screen and (min-width: 64em) { .trainingsdata-table .tenpercent { width: 9%; } .trainingsdata-table .tenpercent.leergang { width: 12%; } } @media print, screen and (min-width: 64em) { .trainingsdata-table .twelvepercent { width: 12%; } } @media print, screen and (min-width: 64em) { .trainingsdata-table .fifteenpercent { width: 15%; } } @media print, screen and (min-width: 64em) { .trainingsdata-table .seventeenpercent { width: 17%; } } @media print, screen and (min-width: 64em) { .trainingsdata-table .eighteenpercent { width: 18%; } } @media print, screen and (min-width: 64em) { .trainingsdata-table .twentypercent { width: 23%; } } @media print, screen and (min-width: 64em) { .trainingsdata-table .thirtypercent { width: 30%; } } .trainingsdata-table .btn-yellow.reversed { border-color: #1e225d; color: #1e225d !important; background-color: #FFF; } .trainingsdata-table .btn-yellow.reversed:hover { border-color: #ff9900; background-color: #ff9900; color: white !important; } @media print, screen and (min-width: 40em) { .trainingsdata-table__datebox { display: inline-block; background-color: #1e225d; font-family: 'Lexend', sans-serif; font-display: fallback; text-align: center; color: white; font-weight: 800; line-height: 1; width: 50px; max-height: 50px; padding: 5px 0px; border-radius: 2px; } .trainingsdata-table__datebox__day { font-size: 1.375rem !important; display: block; color: white; } .trainingsdata-table__datebox__month { font-size: 1rem; display: block; color: white; } .trainingsdata-table__datebox__year { display: none; color: white; } .trainingsdata-table__datebox__tooltip { position: absolute; top: 0px; left: 50px; color: white; height: 18px; line-height: 1; border: 1px solid white; border-radius: 100px; background: #1e225d; } } @media print, screen and (min-width: 40em) and (min-width: 40em) { .trainingsdata-table__datebox__tooltip { top: 2px; } } @media print, screen and (min-width: 40em) and (min-width: 64em) { .trainingsdata-table__datebox__tooltip { top: 0px; } } @media print, screen and (min-width: 40em) { .trainingsdata-table__datebox__tooltip svg path { fill: white; } .trainingsdata-table__datebox__tooltip .fa-info-circle { border: 1px solid #1e225d; border-radius: 100px; color: white; } } .trainingsdata-table__label { background-color: #F2F8FF; font-size: 0.9375rem; padding: 5px 10px; display: inline-block; color: #1e225d; } .trainingsdata-table__locaties { margin-left: 80px; width: 120px; border-left: 1px solid #e3e5e7; border-top: 1px solid #e3e5e7; border-right: 1px solid #e3e5e7; display: -ms-flexbox; display: flex; } .trainingsdata-table__locatie { border-right: 1px solid #e3e5e7; float: left; width: 40px; height: 135px; } .trainingsdata-table__locatie span { display: block; transform: rotate(-90deg) translateX(-90px); } .trainingsdata-table__locatie--br { border-right: none; } .trainingsdata-table__item { display: -ms-flexbox; display: flex; width: 100%; height: 100px; } .trainingsdata-table__item:last-child { border-bottom: 1px solid #e3e5e7; } .trainingsdata-table__favorite.selected img.selected { filter: invert(36%) sepia(79%) saturate(1372%) hue-rotate(328deg) brightness(112%) contrast(107%); display: block; } .trainingsdata-table__favorite.selected img.notselected { display: none; } .trainingsdata-table__favorite.notselected img.selected { display: none; } .trainingsdata-table__favorite.notselected img.notselected { filter: invert(9%) sepia(69%) saturate(2738%) hue-rotate(228deg) brightness(99%) contrast(93%); display: block; } .trainingsdata-table__favorite:hover { cursor: pointer; } .trainingsdata-table__favorite:hover.notselected img.notselected { filter: invert(36%) sepia(79%) saturate(1372%) hue-rotate(328deg) brightness(112%) contrast(107%); transition: all 400ms; } .trainingsdata-table__cal { display: block; text-align: center; width: 80px; min-width: 80px; -ms-flex-positive: 0; flex-grow: 0; height: 100px; padding: 25px 0; border-left: 1px solid #e3e5e7; border-top: 1px solid #e3e5e7; font-weight: 800; line-height: 1; text-transform: uppercase; font-size: 16px; } .trainingsdata-table__cal strong { color: #0a0a0a; font-size: 24px; font-weight: 700; } @media print, screen and (min-width: 40em) { .trainingsdata-table__cal { font-size: 19px; } .trainingsdata-table__cal strong { font-size: 24px; } } .trainingsdata-table__locatie-checkmark { display: -ms-flexbox; display: flex; text-align: center; -ms-flex-pack: center; justify-content: center; -ms-flex-direction: column; flex-direction: column; -ms-flex-positive: 0; flex-grow: 0; font-size: 22px; border: none; border-top: 1px solid #e3e5e7; border-left: 1px solid #e3e5e7; width: 40px; min-width: 40px; height: 100px; } .trainingsdata-table__locatie-checkmark--yes { color: #3adb76; } .trainingsdata-table__locatie-checkmark--no { color: #cacaca; } .trainingsdata-table__locatie-checkmark--br { border-right: 1px solid #e3e5e7; } .trainingsdata-table__dates { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-direction: column; flex-direction: column; -ms-flex-positive: 1; flex-grow: 1; height: 100px; padding: 0 15px; line-height: 1.2; border-left: 1px solid #e3e5e7; border-top: 1px solid #e3e5e7; text-align: left; } @media screen and (max-width: 39.9375em) { .trainingsdata-table__dates { font-weight: 600; } } @media print, screen and (min-width: 40em) { .trainingsdata-table__dates { font-size: 0.8125rem; border-left: none; } } @media screen and (min-width: 75em) { .trainingsdata-table__dates { font-size: 1rem; max-width: 364px; } } .trainingsdata-table__availability { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-direction: column; flex-direction: column; -ms-flex-positive: 1; flex-grow: 1; height: 100px; padding: 0 15px; line-height: 1.2; border-left: 1px solid #e3e5e7; border-top: 1px solid #e3e5e7; text-align: left; } @media screen and (max-width: 39.9375em) { .trainingsdata-table__availability { font-weight: 600; } } @media print, screen and (min-width: 40em) { .trainingsdata-table__availability { font-size: 0.8125rem; border-left: none; } } @media screen and (min-width: 75em) { .trainingsdata-table__availability { font-size: 1rem; max-width: 364px; } } .trainingsdata-table__availability__green { width: 15px; height: 15px; border-radius: 50%; background-color: green; } .trainingsdata-table__availability__blue { width: 15px; height: 15px; border-radius: 50%; background-color: blue; } .trainingsdata-table__discount { font-style: italic; font-size: 0.8rem; } .trainingsdata-table__mobile-locaties { color: #8a8a8a; font-weight: 300; } .trainingsdata-table__prijs { display: -ms-flexbox; display: flex; -ms-flex-positive: 0; flex-grow: 0; height: 100px; padding: 0 15px; -ms-flex-pack: center; justify-content: center; -ms-flex-direction: column; flex-direction: column; border-right: none; font-weight: 700; font-size: 22px; text-align: center; width: 140px; color: #0a0a0a; border-left: 1px solid #e3e5e7; border-top: 1px solid #e3e5e7; } @media screen and (min-width: 75em) { .trainingsdata-table__prijs { font-size: 26px; } } .trainingsdata-table__inschrijven { height: 100px; max-width: 216px; font-weight: normal; padding: 0 20px; border-left: 1px solid #e3e5e7; border-top: 1px solid #e3e5e7; border-right: 1px solid #e3e5e7; } .trainingsdata-table__inschrijven .trainingsdata-table__inschrijven-no-btn { display: none; } .trainingsdata-table__inschrijven .inschrijven-vol { margin: 0; display: block; padding: 15px 0px; font-size: 0.9rem; } .trainingsdata-table__inschrijven .inschrijven-optie { margin: 0; display: block; padding: 15px 0px; } @media screen and (max-width: 39.9375em) { .trainingsdata-table__inschrijven { font-size: 110%; color: #ff9900; text-align: right; font-weight: bold; width: 120px; max-width: 112px; } .trainingsdata-table__inschrijven .trainingsdata-table__inschrijven-no-btn { display: block; } .trainingsdata-table__inschrijven i { font-size: 115%; } .trainingsdata-table__inschrijven button { position: relative; top: -3px; } .trainingsdata-table__inschrijven small { font-size: 1rem; font-weight: 300; position: relative; top: 6px; right: -3px; } } @media screen and (min-width: 64em) and (max-width: 74.9375em) { .trainingsdata-table__inschrijven { font-size: 110%; color: #ff9900; text-align: right; font-weight: bold; width: 110px; max-width: 110px; } .trainingsdata-table__inschrijven .trainingsdata-table__inschrijven-no-btn { display: block; } .trainingsdata-table__inschrijven i { font-size: 115%; } .trainingsdata-table__inschrijven button { position: relative; top: -3px; } .trainingsdata-table__inschrijven i { position: relative; left: 3px; } .trainingsdata-table__inschrijven small { font-size: 0.8125rem; font-weight: 600; position: relative; top: 6px; } } .trainingsdata-table__inschrijven .inschrijven-optie__optie { display: none; } @media screen and (min-width: 86.25em) { .trainingsdata-table__inschrijven .inschrijven-optie__optie { display: block; } } .trainingsdata-table .wachtlijst { text-decoration: none; font-weight: 600; } .trainingsdata-table .wachtlijst svg { margin-left: 5px; } .training-links__title { font-family: 'Poppins', sans-serif; font-display: fallback; font-size: 1.1875rem; font-weight: 700; margin: 0 0 15px; } .training-links__list { list-style: none; font-size: 1.1875rem; padding: 0; margin: 0; } .training-links__item { padding: 0; margin: 0; } .training-links__link { color: #2471B9; text-decoration: none; } .training-links__link i { position: relative; top: 2px; font-size: 1.375rem; } .training-links__link .download { background-image: url("images/downloadicon.png"); background-size: contain; background-position: center center; } .training-links__link span { text-decoration: underline; } .training-links__link:hover, .training-links__link:focus, .training-links__link:active { color: #ff9900; text-decoration: none; } @keyframes highlightbutton { 0% { background: #ff9900; color: white; } 50% { background: none; color: #fff; } 100% { background: #ff9900; color: white; } } .scroll-up .training__sidebar { top: 160px; transition: top 400ms; } .training__sidebar { margin-bottom: 20px; position: sticky; top: 90px; transition: top 400ms; border-bottom: 1px solid #D6D6D6; padding-bottom: 40px; } @media screen and (min-width: 40em) { .training__sidebar { padding-bottom: 0px; border-bottom: 0px; } } @media print, screen and (min-width: 64em) { .training__sidebar.geenribbon { border-radius: 30px 0px 0px 0px; } } .training__sidebar__title { font-size: 1.5625rem; margin-bottom: 15px; line-height: 1.1; } .training__sidebar__main { padding: 25px 0px; color: white; } @media print, screen and (min-width: 40em) { .training__sidebar__main { padding: 25px; } } @media print, screen and (min-width: 64em) { .training__sidebar__main { padding: 30px; } } .training__sidebar__main__ribbon { background-color: #f7fb00; padding: 25px 0px; padding-right: 0.625rem; padding-left: 0.625rem; padding-left: 48px; font-size: 0.9rem; } @media print, screen and (min-width: 64em) { .training__sidebar__main__ribbon { border-radius: 20px 0px 0px 0px; } } @media print, screen and (min-width: 40em) { .training__sidebar__main__ribbon { padding: 25px; padding-left: 89px; padding-top: 10px; padding-bottom: 10px; } } @media print, screen and (min-width: 64em) { .training__sidebar__main__ribbon { padding: 30px; padding-left: 94px; padding-top: 10px; padding-bottom: 10px; } } .training__sidebar__main__ribbon::before { position: absolute; margin-left: -48px; width: 30px; height: 00px; background: url("../../images/icons/128/36_IDEA.png") no-repeat; background-position: center center; background-size: cover; content: " "; white-space: pre; } @media print, screen and (min-width: 64em) { .training__sidebar__main__ribbon::before { margin-left: -69px; width: 45px; height: 45px; } } .training__sidebar__main__title h2 { font-size: 1.375rem; color: #fff; margin-bottom: 30px; } .training__sidebar__main__dates__text { font-weight: bold; display: block; } .training__sidebar__main__eerstvolgende-start { font-weight: 400; } .training__sidebar__main__eerstvolgende-datum { display: block; } .training__sidebar__main__eerstvolgende-locatie { display: block; } .training__sidebar__main__datumicoon { width: 25px; height: 25px; display: inline-block; background-image: url("/images/calender-icon-cf.png"); background-repeat: no-repeat; background-size: contain; background-position: left top; margin-right: 10px; } @media print { .training__sidebar__main__datumicoon { display: none; } } .training__sidebar__main__bekijkdata { display: block; margin-top: 5px; } .training__sidebar__main__link-trainingsdata { font-weight: 600; text-decoration: underline; color: #ff9900; } .training__sidebar__main__link-trainingsdata:hover, .training__sidebar__main__link-trainingsdata:focus, .training__sidebar__main__link-trainingsdata:active { text-decoration: none; color: #ff9900; } .training__sidebar__main__locatieicoon { width: 25px; height: 25px; display: inline-block; background-image: url("/images/location-icon-cf.png"); background-repeat: no-repeat; background-size: contain; background-position: left top; margin-right: 10px; } @media print { .training__sidebar__main__locatieicoon { display: none; } } @media print { .training__sidebar__main .leergang-locatie { display: none; } } .training__sidebar__main__certificaaticoon { width: 25px; height: 25px; display: inline-block; background-image: url("/images/academy-hat.png"); background-repeat: no-repeat; background-size: contain; background-position: left 6px; margin-right: 10px; } @media print { .training__sidebar__main__certificaaticoon { display: none; } } @media print { .training__sidebar__main .leergang-certificaat { display: none; } } .training__sidebar__main__prijs { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; line-height: 1.1; margin-top: 30px; margin-bottom: 30px; } .training__sidebar__main__normaal { width: 100%; font-size: 0.875rem; font-weight: 700; text-decoration: line-through; color: #1E225C; } @media print { .training__sidebar__main__normaal { font-size: 0.875rem; color: #fff; } } @media print { .training__sidebar__main .leergang-normaal { display: none; } } .training__sidebar__main__kortingprijs { font-family: 'Poppins', sans-serif; font-display: fallback; font-size: 1.375rem; color: #1E225C; font-weight: 700; width: 100%; } @media print { .training__sidebar__main__kortingprijs { display: none; } } .training__sidebar__main__korting-bubble { margin-top: 10px; -ms-flex: 1000px; flex: 1000px; } .training__sidebar__main__korting-arrow { height: 0px; width: 0px; display: block; margin-left: 20px; } .training__sidebar__main__uwkorting { padding: 7px 18px; font-size: 0.875rem; color: #1E225C; margin-left: 0rem; background-color: #f2f8ff; display: inline-block; border-radius: 5px; } @media print { .training__sidebar__main__uwkorting { display: none; } } .training__sidebar__main__vanaf { font-size: 1.375rem; font-weight: 700; color: #1E225C; padding-right: 7px; } .training__sidebar__main__vanafprijs, .training__sidebar__main__nuprijs { font-family: 'Poppins', sans-serif; font-display: fallback; font-size: 1.375rem; color: #1E225C; font-weight: 700; } .training__sidebar__main__korting { font-family: 'Poppins', sans-serif; font-display: fallback; font-weight: 700; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-item-align: end; align-self: flex-end; font-size: 1.25rem; color: #ff9900; padding-bottom: 3px; margin-left: 1rem; } .training__sidebar__main__btw { font-size: 1rem !important; color: #1E225C; font-style: italic; } .training__sidebar__main__betaalgemak { font-size: 0.85rem; } .training__sidebar__main__betaalgemak a { color: #1E225C; } .training__sidebar__main__actions { display: -ms-flexbox; display: flex; column-gap: 15px; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 15px; } @media print { .training__sidebar__main__actions { display: none; } } @media print, screen and (min-width: 64em) { .training__sidebar__main__actions__optie button { margin-top: 0px !important; } } .training__sidebar__main__actions__optie button:hover { cursor: pointer; } .training__sidebar__main__actions .cf-button { animation: highlight 2s; } .training__sidebar__main__printwidget { display: none; } @media print { .training__sidebar__main__printwidget { display: block; font-size: 0.625rem; } .training__sidebar__main__printwidget p { margin: 0px; } } .training__sidebar__main__secondary { border-top: 1px dashed white; padding: 25px 0px; color: white; } @media screen and (max-width: 63.9375em) { .training__sidebar__main__secondary { padding-right: 0.625rem; padding-left: 0.625rem; } } @media print, screen and (min-width: 40em) { .training__sidebar__main__secondary { padding: 25px; } } @media print, screen and (min-width: 64em) { .training__sidebar__main__secondary { padding: 30px; } } .training__sidebar__dowloadbrochure__tekst { font-size: 14px !important; font-weight: 400; text-decoration: none; color: #242A57; } @media print, screen and (min-width: 40em) { .training__sidebar__dowloadbrochure__tekst { font-size: 15px !important; } } .training__sidebar__dowloadbrochure__tekst:hover { text-decoration: underline; } .training__sidebar__review { display: -ms-flexbox; display: flex; column-gap: 20px; border-bottom: 1px solid #D6D6D6; padding-bottom: 15px; margin-bottom: 20px; } .training__sidebar__review__rating { margin-right: 5px; } .training__sidebar__review__rating__number { font-family: 'Lexend', sans-serif; font-display: fallback; font-weight: bold; margin-right: 10px; color: #1e225d; } .training__sidebar__review__rating__stars { color: #FFCE00 !important; font-size: 0.875rem; } .training__sidebar__review__rating__stars svg path { fill: #FFCE00; } .training__sidebar__review__rating__stars .fa-star { margin-right: 2px; } .training__sidebar__review__rating__stars .fa-star:last-of-type { margin-right: 0px; } .training__sidebar__review__rating__count { font-size: 14px !important; font-weight: 500; font-family: 'Lexend', sans-serif; font-display: fallback; letter-spacing: -0.1px; } @media print, screen and (min-width: 40em) { .training__sidebar__review__rating__count { font-size: 15px !important; } } .training__sidebar__review__readmore button { font-weight: 500; text-decoration: none; color: #1e225d; font-size: 15px; font-family: 'Lexend', sans-serif; font-display: fallback; letter-spacing: -0.1px; } .training__sidebar__review__readmore button:hover { text-decoration: underline; } .training__sidebar__eerstvolgende { margin-bottom: 18px; border-radius: 4px; padding: 14px 20px; border: 1px solid #CCCCCC; transition: border 400ms; position: relative; } .training__sidebar__eerstvolgende:hover { border: 1px solid #1E225C; cursor: pointer; } .training__sidebar__eerstvolgende .startgarantie { position: absolute; top: 10px; right: 10px; } .training__sidebar__eerstvolgende__title { font-size: 16px; font-weight: 700; color: #1e225d; font-family: 'Lexend', sans-serif; font-display: fallback; margin-bottom: 10px; padding-right: 80px; } .training__sidebar__eerstvolgende ul { margin-left: 0px; margin-bottom: 0px; } .training__sidebar__eerstvolgende ul li { margin-bottom: 7px !important; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .training__sidebar__eerstvolgende ul li img { width: 18px; margin-right: 28px; filter: invert(9%) sepia(97%) saturate(2210%) hue-rotate(229deg) brightness(88%) contrast(91%); } .training__sidebar__eerstvolgende ul li span { font-size: 0.875rem; line-height: 1; color: #1e225d; } .training__sidebar__eerstvolgende__label { background-color: #F2F8FF; padding: 5px 18px; font-size: 0.875rem; color: #1e225d; } .training__sidebar__eerstvolgende__secondary { border-top: 1px solid #D6D6D6; } .training__sidebar__eerstvolgende--stripped { padding: 0px; } .training__sidebar__eerstvolgende--stripped ul { padding: 14px 20px; } .training__sidebar__buttons__main { -ms-flex-positive: 1; flex-grow: 1; } .training__sidebar__buttons__favorite { -ms-flex-item-align: end; align-self: flex-end; } .training__sidebar__buttons__favorite .training-grid-block__favorite { position: relative; display: inline-block; right: unset; bottom: unset; margin-top: 0px; width: 45px; height: 45px; top: -3px; } .training__sidebar__secondary__actions__item { display: -ms-flexbox; display: flex; column-gap: 15px; padding: 15px 0px; position: relative; } @media screen and (min-width: 40em) { .training__sidebar__secondary__actions__item { border-bottom: 1px solid #D6D6D6; } } .training__sidebar__secondary__actions__item:hover .real-link { text-decoration: underline; } .training__sidebar__secondary__actions__item.link:hover { cursor: pointer; } .training__sidebar__secondary__actions__item:first-of-type { padding-top: 0px; } .training__sidebar__secondary__actions__item:last-of-type { border-bottom: 0px; padding-bottom: 0px; } .training__sidebar__secondary__actions__item > div { line-height: 1; } .training__sidebar__secondary__actions__item > div > span.subtext { font-size: 14px; color: #9B9EB9; line-height: 1.2; padding-top: 7px; display: inline-block; } .training__sidebar__secondary__actions__item .cover-link { position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; } .training__sidebar__secondary__actions__item a { font-weight: 500; color: #1e225d; text-decoration: none; font-size: 15px; font-family: 'Lexend', sans-serif; font-display: fallback; letter-spacing: -0.1px; } .training__sidebar__secondary__actions__item a:hover { text-decoration: underline; } .training__sidebar__secondary__actions__item img { -ms-flex-item-align: start; align-self: flex-start; filter: invert(9%) sepia(97%) saturate(2210%) hue-rotate(229deg) brightness(88%) contrast(91%); width: 16px; } .training__sidebar__secondary__actions__item span { font-size: 15px; color: #1e225d; } .training__sidebar__secondary__actions__item__image { background: transparent url("/images/nienke-rothuis-sidebar.png") 0% 0% no-repeat padding-box; background-size: cover; border: 1px solid #1E225C; border-radius: 8px; width: 58px; height: 68px; min-width: 58px; position: relative; } .training__sidebar__secondary__actions__item__image .working-hours { width: 8px; height: 8px; background-color: #9DD08B; border-radius: 100%; position: absolute; top: -5px; left: -5px; } .training__sidebar__savelater { padding-bottom: 0px; margin-bottom: 25px; } @media print, screen and (min-width: 64em) { .training__sidebar__savelater { border: 0px; } } .training__sidebar__savelater .favorite-link button { display: block; margin: 0 auto; } @media print, screen and (min-width: 64em) { .training__sidebar__savelater .favorite-link button { margin: 0; } } .training__sidebar__savelater .favorite-link.selected button { border: 1px solid #FF4F57; } .training__sidebar__savelater .favorite-link.selected img.selected { filter: invert(36%) sepia(79%) saturate(1372%) hue-rotate(328deg) brightness(112%) contrast(107%); } .training__sidebar__savelater .favorite-link.selected span.cf-button__text.selected { color: #FF4F57; display: inline-block; } .training__sidebar__savelater .favorite-link.selected img.notselected, .training__sidebar__savelater .favorite-link.selected span.cf-button__text.notselected { display: none; } .training__sidebar__savelater .favorite-link.notselected img.selected, .training__sidebar__savelater .favorite-link.notselected span.cf-button__text.selected { display: none; } .training__sidebar__savelater .favorite-link.notselected img.notselected { filter: invert(9%) sepia(69%) saturate(2738%) hue-rotate(228deg) brightness(99%) contrast(93%); display: inline-block; } .training__sidebar__savelater .favorite-link.notselected span.cf-button__text.notselected { color: #1e225d; display: inline-block; } .training__sidebar__savelater .favorite-link:hover { cursor: pointer; } .training__sidebar__savelater .favorite-link:hover.notselected img.notselected { filter: invert(9%) sepia(69%) saturate(2738%) hue-rotate(228deg) brightness(99%) contrast(93%); transition: all 400ms; } .training__sidebar__savelater .favorite-link:hover.notselected span.cf-button__text.notselected { transition: all 400ms; color: #1e225d; } .training__sidebar__savelater.mobile-savelater-training { padding-bottom: 0px; margin-bottom: 0px; } .training__sidebar__savelater.mobile-savelater-training .favorite-link button { display: block; margin: 0; } .training__sidebar__savelater.mobile-savelater-training .cf-button__icon { margin-right: 0px; } .training__sidebar__springestaward23-mobile { border: 1px solid #1E225C; border-radius: 2px 12px 12px 12px; display: grid; grid-template-columns: 1fr 1fr; margin: 0px 50px; padding: 10px; margin-bottom: 40px; } .training__sidebar__springestaward23-mobile__textdiv__title { margin-bottom: 0px; color: #1E225C; font-size: 10px; font-weight: 600; font-family: 'Lexend', 'sans-serif'; } .training__sidebar__springestaward23-mobile__textdiv__text { margin-bottom: 0px; font-family: 'Poppins', 'sans-serif'; font-size: 11px; line-height: 1.3; color: #1E225C; } .training__sidebar__springestaward23-mobile__imgdiv img { height: 60px; width: 100%; object-fit: contain; } .training__sidebar-other { margin-top: 20px; } .training__sidebar-other__gespreidbetalen { border: 1px dashed black; padding: 25px 0px; background: white; color: black; } @media screen and (max-width: 63.9375em) { .training__sidebar-other__gespreidbetalen { border: 1px dashed black; border-left: 0px; border-right: 0px; padding-right: 0.625rem; padding-left: 0.625rem; } } @media print, screen and (min-width: 40em) { .training__sidebar-other__gespreidbetalen { padding: 25px; } } @media print, screen and (min-width: 64em) { .training__sidebar-other__gespreidbetalen { padding: 30px; } } .training__sidebar-other__gespreidbetalen__title { font-weight: bold; margin-bottom: 0.25rem; } .training__sidebar-other__gespreidbetalen__text { font-size: 0.85rem; margin-bottom: 0px; } .training__sidebar-other__secondary { border-top: 1px dashed white; padding: 25px 0px; color: white; } @media screen and (max-width: 63.9375em) { .training__sidebar-other__secondary { padding-right: 0.625rem; padding-left: 0.625rem; } } @media print, screen and (min-width: 40em) { .training__sidebar-other__secondary { padding: 25px; } } @media print, screen and (min-width: 64em) { .training__sidebar-other__secondary { padding: 30px; } } .training__sidebar-other__review { border: 1px solid #206bb4; border-radius: 5px; background-color: #fff; padding: 30px; margin-bottom: 20px; } .training__sidebar-other__review__rating { text-align: center; margin: 10px 0px 20px 0px; } .training__sidebar-other__review__text::before, .training__sidebar-other__review__text::after { content: '"'; } .training__sidebar-other__review__author { font-size: 0.875rem; font-weight: 700; color: #1e225d; display: block; margin-top: 5px; } .training__sidebar-other__review .slick-dots { bottom: -35px; } .training__sidebar-other__review .slick-dots li button:before { font-size: 1.7rem; color: black; } .training__sidebar-other__review .slick-dots li.slick-active button:before { color: black; } .training__sidebar-other__teachers { border-radius: 5px; margin-bottom: 20px; border: 1px solid #f2f8ff; background-color: #f2f8ff; padding: 30px; } .training__sidebar-other__accreditation { border: 1px solid #8a8a8a; border-radius: 5px; margin-bottom: 20px; background-color: #fff; padding: 30px; } .training__sidebar-other__loading-spinner { width: 100%; height: 40px; background: url("/images/ajax-loader-zwart.gif"); background-position: center center; background-repeat: no-repeat; } .training__sidebar-other__filter { margin-bottom: 20px; } .training__sidebar-other__filter h2 { margin-top: 15px; margin-bottom: 20px; } @media print, screen and (min-width: 40em) { .training__sidebar-other__filter h2 { margin-top: 0px; } } .training__sidebar-other__filters__zoekopdracht { position: relative; } .training__sidebar-other__filters__zoekopdracht::before { position: absolute; right: 10px; top: 10px; background-image: url(/images/search.png); background-position: top left; width: 20px; height: 20px; content: '\a0'; background-size: 100% 100%; } .training__sidebar-other__filters__dividerborder { border-top: 1px solid #979797; margin-bottom: 15px; } .training__sidebar-other__filters__divider { position: relative; font-size: 1rem; z-index: 1; overflow: hidden; text-align: center; margin-bottom: 15px; } .training__sidebar-other__filters__divider::before, .training__sidebar-other__filters__divider::after { position: absolute; top: 51%; overflow: hidden; width: 37%; height: 1px; content: '\a0'; background-color: #979797; } .training__sidebar-other__filters__divider::before { margin-left: -40%; text-align: right; } .training__sidebar-other__filters__divider::after { margin-left: 3%; } .training__sidebar-other__filters__subtitle { font-weight: bold; font-size: 1.05rem; } .trainingoverzicht { background: #f2f8ff; padding-bottom: 30px; } .trainingoverzicht__content { padding: 30px 0px; padding-top: 20px; text-align: center; } .trainingoverzicht__content__logo { height: 70px; } .trainingoverzicht__content .cf-button { margin-bottom: 10px; } @media print, screen and (min-width: 40em) { .trainingoverzicht__content .cf-button { margin-bottom: 0px; } } .trainingoverzicht__section__title { background: #1e225d; } .trainingoverzicht__section__title h2 { color: white; padding: 30px 0px; } .trainingoverzicht__section__trainingen .training-nav__subnav { height: inherit; } @media print, screen and (min-width: 40em) { .trainingoverzicht__section__trainingen { min-height: 470px; } } @media print, screen and (min-width: 40em) { .trainingen__content { border-left: 1px solid #e3e5e7; padding-left: 1.5rem; } .trainingen__title { margin-bottom: 2rem; border-bottom: 2px solid #e3e5e7; } .trainingen__topcat { border-bottom: 2px solid #e3e5e7; margin-bottom: 2rem; } } .trainingen__topcat-title { color: #1e225d; font-weight: 500; font-size: 1.625rem; margin: 1rem 0 1rem; padding: 0.8rem 0 0; border-top: 2px solid #e3e5e7; } @media print, screen and (min-width: 40em) { .trainingen__topcat-title { margin: 0 0 1rem; padding: 0; border-top: none; } } .trainingen__subcat-title { color: #1e225d; font-size: 1rem; font-weight: 800; margin: 0 0 0.5rem; } .trainingen__subcat-title a { text-decoration: none; } .trainingen__subcat-title a:hover { text-decoration: underline; } .trainingen__subcat-page { font-weight: 800; } .trainingen__traininglist { margin: 0 0 2rem; font-size: 0.875rem; } .trainingen__traininglist > li > a { padding: 0; margin: 0; text-decoration: none; line-height: 1.6; } .trainingen__traininglist > li > a:hover { text-decoration: underline; } .trainingen__traininglist > li > a.training-nav__subcat-page { margin-top: 4px; font-weight: 800; } .trainingen-sidenav__title { font-family: 'Poppins', sans-serif; font-display: fallback; font-weight: 800; font-size: 1rem; color: #8a8a8a; } .trainingen-sidenav__menu { margin: 0; } .trainingen-sidenav__menu li { margin: 0; } .trainingen-sidenav__menu li a { text-decoration: none; margin: 0; padding: 0.3rem 0 !important; } .trainingen-sidenav__menu li a:hover { text-decoration: underline; } .training__sidebar__eerstvolgende p { font: normal normal normal 14px/25px Poppins; background: #EFF8FC 0% 0% no-repeat padding-box; display: inline-block; padding: 2px 25px; } .trainingen-grid { margin: 1rem 0 2rem; } @media print, screen and (min-width: 40em) { .trainingen-grid { margin: 3rem 0 2rem; } } .trainingen-grid__title { float: left; color: #1e225d; margin: 0; font-size: 1.5rem; } @media print, screen and (min-width: 40em) { .trainingen-grid__title { line-height: 1.8rem; font-size: 1.75rem; margin: 0 1rem 3rem 0; } } .trainingen-grid__link-all { float: left; clear: left; font-weight: 600; text-decoration: none; margin-bottom: 1rem; } .trainingen-grid__link-all em { font-style: normal; text-decoration: underline; } .trainingen-grid__link-all .icon { font-size: 1.1rem; position: relative; top: 2px; left: 2px; } @media print, screen and (min-width: 40em) { .trainingen-grid__link-all { clear: none; line-height: 2rem; margin-bottom: 0; } } .trainingen-grid__item { margin: 0 0 2rem; } .trainingen-grid__bekijk-aanbiedingen { padding: 20px 10px 20px 0; font-size: 1.1875rem; font-weight: 600; text-align: center; background: #f6f6f6; border-left: 1px solid #e3e5e7; border-right: 1px solid #e3e5e7; } .trainingen-grid__bekijk-aanbiedingen a { text-decoration: none; } .trainingen-grid__bekijk-aanbiedingen i { position: relative; top: 2px; left: 8px; } .trainingen-list { margin: 1rem 0 2rem; } @media print, screen and (min-width: 40em) { .trainingen-list { margin: 3rem 0 2rem; } } .trainingen-list__title { float: left; color: #1e225d; margin: 0; font-size: 1.5rem; } @media print, screen and (min-width: 40em) { .trainingen-list__title { line-height: 1.8rem; font-size: 1.75rem; margin: 0 1rem 3rem 0; } } .trainingen-list__link-all { float: left; clear: left; font-weight: 600; text-decoration: none; margin-bottom: 1rem; } .trainingen-list__link-all em { font-style: normal; text-decoration: underline; } .trainingen-list__link-all .icon { font-size: 1.1rem; position: relative; top: 2px; left: 2px; } @media print, screen and (min-width: 40em) { .trainingen-list__link-all { clear: none; line-height: 2rem; margin-bottom: 0; } } .trainingen-list__item { margin: 0 0 2rem; } .trainingen-list__bekijk-aanbiedingen { padding: 20px 10px 20px 0; font-size: 1.1875rem; font-weight: 600; text-align: center; background: #f6f6f6; border-left: 1px solid #e3e5e7; border-right: 1px solid #e3e5e7; } .trainingen-list__bekijk-aanbiedingen a { text-decoration: none; } .trainingen-list__bekijk-aanbiedingen i { position: relative; top: 2px; left: 8px; } .keuzehulp-filters input[type="radio"] { margin-left: 5px; } @media print, screen and (min-width: 40em) { .keuzehulp-filters input[type="radio"] { margin-left: 0px; } } .keuzehulp-layout { text-align: center; margin-bottom: 20px; } @media print, screen and (min-width: 40em) { .keuzehulp-layout { position: absolute; right: 30px; top: 30px; } } .keuzehulp-layout-button { display: inline-block; background: white; border-radius: 10px; border: 1px solid #bbbbbb; } .keuzehulp-layout-button__icons { padding: 5px 10px; font-size: 0.9rem; display: inline-block; transition: background 400ms, color 400ms; margin: 0px; } .keuzehulp-layout-button__icons.selected, .keuzehulp-layout-button__icons:active, .keuzehulp-layout-button__icons:hover, .keuzehulp-layout-button__icons:focus { background-color: #206bb4; color: white; cursor: pointer; } .keuzehulp-layout-button__icons:first-of-type { border-right: 1px solid #bbbbbb; border-radius: 10px 0px 0px 10px; } .keuzehulp-layout-button__icons:last-of-type { border-left: 0px; border-radius: 0px 10px 10px 0px; } .keuzehulp-layout-button__icons:not(:first-of-type):not(:last-of-type) { border-right: 1px solid #bbbbbb; border-radius: 0px; } .checkbox-container { border: 1px solid #1e225d; border-radius: 8px; position: relative; } .checkbox-container__selection { position: absolute; right: 15px; top: 15px; } .checkbox-container__selection input[type="checkbox"] { transform: scale(1.2); pointer-events: none; } .checkbox-container__title { display: -ms-flexbox; display: flex; gap: 5px; -ms-flex-align: center; align-items: center; font-weight: 600; font-family: 'Lexend', sans-serif; font-display: fallback; font-size: 18px; padding-left: 10px; padding-top: 5px; } .checkbox-container__title img { width: 57px; } .checkbox-container__description { padding: 15px; padding-top: 0px; } .checkbox-container:hover { cursor: pointer; } .grid-view { row-gap: 20px; } @media print, screen and (min-width: 64em) { .grid-view .grid-item { padding-right: 0.625rem; padding-left: 0.625rem; } } .clusterprijsbottom { display: none; font-size: 16px !important; } .keuzehulp_cluster { display: none !important; } .training-grid-block { display: block; position: relative; background-color: white; border-radius: 2px 16px 16px 16px; box-shadow: 0px 10px 30px 0px rgba(157, 171, 192, 0.2); transition: background 400ms, box-shadow 400ms; margin-bottom: 0px; padding: 7px; } .training-grid-block, .training-grid-block:active, .training-grid-block:hover, .training-grid-block:focus { text-decoration: none; color: inherit; transition: all 400ms; } .training-grid-block .detailinformatie { bottom: 5%; position: absolute; background: none; padding-left: 25px; } .training-grid-block .detailinformatie .cursustype { background-color: #FFF500; border-radius: 100px; color: #1E225C; padding-top: 2px; padding-bottom: 2px; padding-left: 10px; padding-right: 10px; font-family: 'Lexend', sans-serif; } .training-grid-block .detailinformatie .cursusdays { font-family: 'Lexend', sans-serif; color: white; margin-left: 5px; } .training-grid-block__favorite { height: 30px; background-color: white; position: absolute; right: 0px; top: -5px; z-index: 4; border-radius: 0px 0px 0px 6px; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; padding: 0 9px; } .training-grid-block__favorite::after { content: "Bewaar"; color: #1e225d; font-size: 14px; font-family: 'lexend', sans-serif; padding-left: 2px; } .training-grid-block__favorite.selected::after { content: "Bewaard"; } .training-grid-block__favorite.selected.collection { padding: 5px 5px 5px 5px; } .training-grid-block__favorite.selected.collection::after { content: "Verwijder"; } .training-grid-block__favorite.selected img.selected { filter: invert(36%) sepia(79%) saturate(1372%) hue-rotate(328deg) brightness(112%) contrast(107%); display: block; margin: 5px !important; margin-left: 0px !important; height: 50%; width: unset !important; } .training-grid-block__favorite.selected img.selected.trashcan { height: 80%; } .training-grid-block__favorite.selected img.notselected { display: none; margin: 5px !important; margin-left: 0px !important; height: 50%; width: unset !important; } .training-grid-block__favorite.selected.collection img.selected { filter: invert(9%) sepia(69%) saturate(2738%) hue-rotate(228deg) brightness(99%) contrast(93%); } .training-grid-block__favorite.notselected img.selected { display: none; margin: 5px !important; margin-left: 0px !important; height: 50%; width: unset !important; } .training-grid-block__favorite.notselected img.notselected { filter: invert(9%) sepia(69%) saturate(2738%) hue-rotate(228deg) brightness(99%) contrast(93%); display: block; margin: 5px !important; margin-left: 0px !important; height: 50%; width: unset !important; } .training-grid-block__favorite:hover { cursor: pointer; } .training-grid-block__favorite:hover.notselected img.notselected { filter: invert(36%) sepia(79%) saturate(1372%) hue-rotate(328deg) brightness(112%) contrast(107%); transition: all 400ms; } .training-grid-block__aiproof { position: absolute; top: 10px; left: 15px; } .training-grid-block__aiproof img { height: 60px; } .training-grid-block__status-label { position: absolute; top: 10px; left: 15px; background-color: #f2f8ff; padding: 5px 13px; border-radius: 6px; text-transform: capitalize; color: #1e225d; font-size: 12px; font-weight: bold; } .training-grid-block__image { width: 100%; height: 210px; border-radius: 6px 6px 6px 6px; position: relative; } .training-grid-block__image > img { border-radius: 6px 6px 6px 6px; width: 100%; height: 210px; object-fit: cover; } .training-grid-block__image__overlay { width: 100%; position: absolute; height: 100%; opacity: 1; border-radius: 8px; background: transparent linear-gradient(7deg, rgba(30, 34, 44, 0.482) 0%, rgba(92, 92, 92, 0) 100%) 0% 0% no-repeat padding-box; transition: all 400ms; } .training-grid-block__image.letters { overflow: hidden; padding: 30px; padding-bottom: 0px; } .training-grid-block__image.letters > img { border-bottom: 1px solid #1e225d; height: 180px; position: relative; z-index: 5; object-fit: contain; } .training-grid-block__pricelabel { position: absolute; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; top: 15px; left: 30px; color: white; opacity: 0; font-size: 16px; font-weight: bold; text-shadow: 0px 0px 4px #000000; } .training-grid-block__pricelabel.show { opacity: 1; } .training-grid-block__pricelabel img { filter: invert(100%) sepia(100%) saturate(2%) hue-rotate(78deg) brightness(109%) contrast(101%) drop-shadow(0px 0px 4px #000); width: 18px; height: 18px; margin-right: 7px; } .training-grid-block__infolabel { position: absolute; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 20px; bottom: 15px; left: 20px; color: white; font-size: 12px; font-weight: 600; font-weight: bold; } .training-grid-block__infolabel.jobs-demand { font-size: 11px; } @media print, screen and (min-width: 40em) { .training-grid-block__infolabel.jobs-demand { font-size: 12px; } } .training-grid-block__infolabel__type { background-color: #1e225d; padding: 5px 13px; border-radius: 6px; text-transform: capitalize; } .training-grid-block__author { position: absolute; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; top: 15px; left: 20px; color: white; opacity: 0; font-size: 14px; font-weight: bold; font-family: 'Lexend', sans-serif; font-display: fallback; } .training-grid-block__author span { color: white; } .training-grid-block__author.show { opacity: 1; } .training-grid-block__author img { filter: invert(100%) sepia(100%) saturate(2%) hue-rotate(78deg) brightness(109%) contrast(101%) drop-shadow(0px 0px 4px #000); width: 18px; height: 18px; margin-right: 7px; } .training-grid-block__author__date { font-weight: 500; padding-left: 3px; } .training-grid-block__label { display: inline-block; padding: 6px 14px; background-color: yellow; border-radius: 6px; position: absolute; left: 20px; bottom: 55px; font-size: 0.75rem !important; max-width: 90%; font-weight: 500; } @media print, screen and (min-width: 64em) { .training-grid-block__label { bottom: 50px; } } .training-grid-block__label.has-tip { border-bottom: 0px; } .training-grid-block__label img { width: 15px; display: inline-block !important; } .training-grid-block__label--light { background-color: white; border: 1px solid #1e225d; left: 0px; bottom: 10px; z-index: 10; } .training-grid-block__label--blue { background-color: #1e225d; color: white; } .training-grid-block__lettersbg { font-family: 'Lexend', sans-serif; font-display: fallback; font-size: 280px; line-height: 200px; letter-spacing: -26px; color: #00C4C2; position: absolute; bottom: 0px; left: 50%; transform: translateX(-55%); font-weight: 900; } .training-grid-block__content { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; height: 53%; } @media print, screen and (min-width: 40em) { .training-grid-block__content { min-height: 200px; } } .training-grid-block__content__infotext { padding: 25px 20px 0px 20px; } @media print, screen and (min-width: 40em) { .training-grid-block__content__infotext { padding: 20px 20px 0px 20px; } } @media print, screen and (min-width: 64em) { .training-grid-block__content__infotext { padding: 20px 20px 0px 20px; } } @media screen and (min-width: 75em) { .training-grid-block__content__infotext { padding: 25px 20px 0px 20px; } } .training-grid-block__content__text { height: 150px; text-overflow: ellipsis; } @media print, screen and (min-width: 64em) { .training-grid-block__content__text { height: 180px; } } .training-grid-block__title { width: 100%; color: #1e225d; font-family: 'Lexend', sans-serif; font-display: fallback; font-weight: 800; font-size: 18px; line-height: 1.2; margin-bottom: 15px; transition: all 400ms; } @media print, screen and (min-width: 40em) { .training-grid-block__title { font-size: 22px; } } .training-grid-block__title.postgridblock { font-size: 20px; font-family: 'Poppins', sans-serif; } .training-grid-block__intro { width: 100%; line-height: 1.35; -ms-flex-positive: 1; flex-grow: 1; max-height: 8em; font-weight: 1rem; margin: 0 0 1rem; overflow: hidden; } @media print, screen and (min-width: 40em) { .training-grid-block__intro { margin: 0; } } .training-grid-block__intro.postgridblock { font-size: 16px; font-weight: 500; } .training-grid-block__date { color: #bababa; font-size: 0.8rem; display: block; margin-bottom: 10px; } .training-grid-block__price { color: #ff9900; font-weight: 600; font-size: 20px !important; display: block; margin-top: 1rem !important; font: normal normal 600 20px Lexend; } .training-grid-block__price span { font: normal normal 600 20px Lexend; color: #ff9900; } .training-grid-block__bottom { display: -ms-flexbox; display: flex; padding: 11px 20px 25px 20px; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center; } @media print, screen and (min-width: 40em) { .training-grid-block__bottom { padding: 11px 20px 17px 20px; } } @media print, screen and (min-width: 64em) { .training-grid-block__bottom { padding: 11px 20px 17px 20px; } } @media screen and (min-width: 75em) { .training-grid-block__bottom { padding: 11px 20px 25px 20px; } } .training-grid-block__bottom__info { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-positive: 2; flex-grow: 2; column-gap: 15px; -ms-flex-direction: row; flex-direction: row; width: 100%; } @media print, screen and (min-width: 40em) { .training-grid-block__bottom__info { column-gap: 25px; } } @media print, screen and (min-width: 64em) { .training-grid-block__bottom__info { column-gap: 35px; } } .training-grid-block__bottom__info > div { -ms-flex-preferred-size: auto; flex-basis: auto; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; font-weight: 500px; font-family: 'Lexend', sans-serif; font-display: fallback; font-size: 14px; font-weight: 600; font-weight: 400; column-gap: 7px; color: #1e225d; } .training-grid-block__bottom__info > div svg path { fill: #bababa; } .training-grid-block__bottom__info > div img { width: 16px; height: 16px; filter: invert(70%) sepia(10%) saturate(367%) hue-rotate(199deg) brightness(94%) contrast(90%); } .training-grid-block__bottom__info > div.label { background-color: #FFF500; border-radius: 100px; color: #1e225d; -ms-flex-preferred-size: unset; flex-basis: unset; } .training-grid-block__bottom__info > div.nolabel { padding: 0.33333rem 0rem; line-height: 1; /*&::after{ content:"\2022"; margin-left:5px; }*/ } .training-grid-block__bottom__info__price.offer { color: #ff9900; } .training-grid-block__bottom__action { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-item-align: end; align-self: flex-end; } .training-grid-block__bottom__view { font-size: 16px; color: #ff9900; font-weight: 500; margin-right: 10px; opacity: 0; display: none; } @media print, screen and (min-width: 40em) { .training-grid-block__bottom__view { display: none; } } @media print, screen and (min-width: 64em) { .training-grid-block__bottom__view { display: none; } } @media screen and (min-width: 75em) { .training-grid-block__bottom__view { display: none; } } .training-grid-block__bottom__view__inspiratie { font-size: 16px; color: #ff9900; font-weight: 500; margin-right: 10px; opacity: 0; display: none; } @media print, screen and (min-width: 40em) { .training-grid-block__bottom__view__inspiratie { display: none; } } @media print, screen and (min-width: 64em) { .training-grid-block__bottom__view__inspiratie { display: none; } } @media screen and (min-width: 75em) { .training-grid-block__bottom__view__inspiratie { display: none; } } .training-grid-block__bottom__clusterview { color: #ff9900; margin-right: 10px; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; font-size: 16px; font-weight: 500; } .training-grid-block__action { margin-bottom: 0px; border-radius: 4px; transition: all 400ms; } .training-grid-block__action.cf-button--orange-flat { height: 23px; width: 23px; padding: 5px 0px; } .training-grid-block__action svg { transform: scale(0.7); } .training-grid-block__action .cf-button__icon { top: 0px; line-height: 12px; } .training-grid-block__action .cf-button__icon img { height: 12px; } .training-grid-block--home { height: auto; } @media print, screen and (min-width: 64em) { .training-grid-block--home { height: 460px; } } .training-grid-block--home .training-grid-block__content { height: auto; } @media print, screen and (min-width: 64em) { .training-grid-block--home .training-grid-block__content { height: 285px; } } .training-grid-block--home .training-grid-block__intro { margin: 0 0 1rem; } @media print, screen and (min-width: 64em) { .training-grid-block--home .training-grid-block__intro { margin: 0; } } .training-grid-block:hover, .training-grid-block:focus, .training-grid-block:active { box-shadow: 0px 10px 30px 0px rgba(157, 171, 192, 0.35); border-color: #dbdde0; } .training-grid-block:hover .clusterprijs, .training-grid-block:focus .clusterprijs, .training-grid-block:active .clusterprijs { display: none; } .training-grid-block:hover .clusterprijsbottom, .training-grid-block:focus .clusterprijsbottom, .training-grid-block:active .clusterprijsbottom { display: block; } .training-grid-block:hover .keuzehulp_cluster, .training-grid-block:focus .keuzehulp_cluster, .training-grid-block:active .keuzehulp_cluster { top: 0; background-color: transparent; border: 1px solid white; display: -ms-flexbox !important; display: flex !important; } .training-grid-block:hover .keuzehulp_cluster::after, .training-grid-block:focus .keuzehulp_cluster::after, .training-grid-block:active .keuzehulp_cluster::after { color: white; } .training-grid-block:hover .keuzehulp_cluster img, .training-grid-block:focus .keuzehulp_cluster img, .training-grid-block:active .keuzehulp_cluster img { filter: invert(100%) sepia(4%) saturate(3%) hue-rotate(39deg) brightness(103%) contrast(101%); } .training-grid-block:hover .training-grid-block__title, .training-grid-block:focus .training-grid-block__title, .training-grid-block:active .training-grid-block__title { color: #ff9900; transition: all 400ms; } .training-grid-block:hover .training-grid-block__action, .training-grid-block:focus .training-grid-block__action, .training-grid-block:active .training-grid-block__action { background: #ffac13; color: white; padding: 13px 20px; padding-right: 0px; border: 1px solid #ffac13; transition: all 400ms; } .training-grid-block:hover .training-grid-block__action .cf-button__icon, .training-grid-block:focus .training-grid-block__action .cf-button__icon, .training-grid-block:active .training-grid-block__action .cf-button__icon { margin: 0px 10px 0 20px; transition: all 400ms; } .training-grid-block:hover .training-grid-block__action.iconleft, .training-grid-block:focus .training-grid-block__action.iconleft, .training-grid-block:active .training-grid-block__action.iconleft { padding-right: 20px; } .training-grid-block:hover .training-grid-block__action.iconleft .cf-button__icon, .training-grid-block:focus .training-grid-block__action.iconleft .cf-button__icon, .training-grid-block:active .training-grid-block__action.iconleft .cf-button__icon { margin: 0px 20px 0px 0px; } .training-grid-block:hover .training-grid-block__action.noicon, .training-grid-block:focus .training-grid-block__action.noicon, .training-grid-block:active .training-grid-block__action.noicon { padding-right: 20px; } .training-grid-block:hover .training-grid-block__action.onlyicon .cf-button__icon, .training-grid-block:focus .training-grid-block__action.onlyicon .cf-button__icon, .training-grid-block:active .training-grid-block__action.onlyicon .cf-button__icon { margin-left: 17px; margin-right: 3px; } .training-grid-block:hover .training-grid-block__action.small, .training-grid-block:focus .training-grid-block__action.small, .training-grid-block:active .training-grid-block__action.small { padding: 5px 0px; } .training-grid-block:hover .training-grid-block__action.small .cf-button__icon, .training-grid-block:focus .training-grid-block__action.small .cf-button__icon, .training-grid-block:active .training-grid-block__action.small .cf-button__icon { margin-left: 10px; margin-right: 0px; } .training-grid-block:hover .training-grid-block__action.smaller, .training-grid-block:focus .training-grid-block__action.smaller, .training-grid-block:active .training-grid-block__action.smaller { padding: 10px 15px; } .training-grid-block:hover .training-grid-block__action.textcentered, .training-grid-block:focus .training-grid-block__action.textcentered, .training-grid-block:active .training-grid-block__action.textcentered { padding-right: 25px; } .training-grid-block:hover .training-grid-block__action.textcentered .cf-button__icon, .training-grid-block:focus .training-grid-block__action.textcentered .cf-button__icon, .training-grid-block:active .training-grid-block__action.textcentered .cf-button__icon { margin-left: 30px; margin-right: 0px; } .training-grid-block:hover .training-grid-block__bottom__view, .training-grid-block:focus .training-grid-block__bottom__view, .training-grid-block:active .training-grid-block__bottom__view { opacity: 1; transition: all 400ms; } .training-grid-block:hover .training-grid-block__bottom__view__inspiratie, .training-grid-block:focus .training-grid-block__bottom__view__inspiratie, .training-grid-block:active .training-grid-block__bottom__view__inspiratie { display: block; opacity: 1; transition: all 400ms; } .training-grid-block:hover .training-grid-block__pricelabel, .training-grid-block:focus .training-grid-block__pricelabel, .training-grid-block:active .training-grid-block__pricelabel { transition: all 400ms; opacity: 1; } .training-grid-block:hover .training-grid-block__author, .training-grid-block:focus .training-grid-block__author, .training-grid-block:active .training-grid-block__author { transition: all 400ms; opacity: 1; } .training-grid-block:hover .training-grid-block__image__overlay, .training-grid-block:focus .training-grid-block__image__overlay, .training-grid-block:active .training-grid-block__image__overlay { width: 100%; position: absolute; height: 100%; opacity: 1; background-color: rgba(32, 42, 54, 0.5); border-radius: 6px 6px 6px 6px; transition: all 400ms; } .training-grid-block--keuzehulp { height: 100%; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .training-grid-block--keuzehulp .training-grid-block__content { padding: 50px; display: -ms-flexbox; display: flex; -ms-flex-align: start; align-items: flex-start; -ms-flex-line-pack: center; align-content: center; -ms-flex-pack: center; justify-content: center; height: inherit; } .training-grid-block--keuzehulp .training-grid-block__content p { margin-bottom: 25px; } .training-grid-block--keuzehulp .training-grid-block__title { font-size: 1.7rem; } .training-grid-block--keuzehulp .training-grid-block__intro { -ms-flex-positive: unset; flex-grow: unset; } .training-grid-block--stap .training-grid-block__image { padding: 9px; } .training-grid-block--stap .training-grid-block__image > img { height: 201px; } .training-grid-block--stap .training-grid-block__image.letters { padding: 30px; padding-bottom: 0px; } .training-grid-block--stap .training-grid-block__image.letters > img { height: 180px; position: relative; z-index: 5; object-fit: contain; } .training-grid-block--stap .training-grid-block__content__text { height: 200px; } .training-grid-block--stap .training-grid-block__title { margin-top: 10px; } .training-grid-block--stap .training-grid-block__intro { font-size: 1rem; } @media print, screen and (min-width: 64em) { .training-grid-block--stap .training-grid-block__content__infotext { margin-bottom: 20px; } } .training-grid-block--stap .training-grid-block__bottom__info { column-gap: 10px; margin-bottom: 20px; } .training-grid-block--stap .training-grid-block__bottom__info > div { font-size: 1rem; } .training-grid-block--stap .training-grid-block__bottom__info__days { -ms-flex-preferred-size: 36%; flex-basis: 36%; } .training-grid-block--stap .training-grid-block__bottom__info__price { -ms-flex-preferred-size: 60%; flex-basis: 60%; -ms-flex-pack: end; justify-content: flex-end; } .training-grid-block .inspiratie-grid-bottom { -ms-flex-pack: end; justify-content: end; } .training-grid-block .inspiratie-bottom-info { margin-bottom: 20px; } .training-grid-block .inspiratie-video-image-overlag { display: grid; -ms-flex-pack: center; justify-content: center; -ms-flex-line-pack: center; align-content: center; } .training-grid-block .training-grid-block__infolabel { position: absolute; bottom: 20px; } @media print, screen and (min-width: 40em) { .training-grid-block .training-grid-block__infolabel { bottom: 15px; } } .training-grid-block .training-grid-block__infolabel__tekst { color: white; padding: 5px 15px; font-weight: 600; } .training-grid-block .training-grid-block__infolabel__tekst.withbackground { background: #1E225C; border-radius: 100px; font-size: 13px; } .training-list-block { display: grid; grid-template-columns: 1fr 2fr; grid-template-rows: auto; grid-template-areas: "left right" "content content" "bottom bottom"; justify-items: start; background-color: white; border-radius: 8px; box-shadow: 0px 10px 30px 0px rgba(157, 171, 192, 0.2); transition: background 400ms, box-shadow 400ms; } @media print, screen and (min-width: 64em) { .training-list-block { grid-template-areas: "left right" "left right" "left right"; } } .training-list-block, .training-list-block:active, .training-list-block:hover, .training-list-block:focus { text-decoration: none; color: inherit; } .training-list-block .cf-button__icon, .training-list-block:active .cf-button__icon, .training-list-block:hover .cf-button__icon, .training-list-block:focus .cf-button__icon { margin-left: 10px !important; margin-right: 0px !important; } .training-list-block__favorite { border-radius: 25px; width: 110px; height: 30px; background-color: white; margin-top: 10px; box-shadow: 0px 10px 30px 0px rgba(157, 171, 192, 0.2); border: 1px solid #1e225d; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; } .training-list-block__favorite::after { content: "Bewaar"; color: #1e225d; font-size: 14px; font-family: 'lexend', sans-serif; padding-left: 2px; } .training-list-block__favorite.selected::after { content: "Bewaard"; } .training-list-block__favorite.selected.collection { padding: 5px 5px 5px 5px; } .training-list-block__favorite.selected.collection::after { content: "Verwijder"; } .training-list-block__favorite.selected img.selected { filter: invert(36%) sepia(79%) saturate(1372%) hue-rotate(328deg) brightness(112%) contrast(107%); display: block; margin: 5px !important; height: 75%; padding-left: 2px; } .training-list-block__favorite.selected img.notselected { display: none; margin: 5px !important; height: 75%; padding-left: 2px; } .training-list-block__favorite.selected.collection img.selected { filter: invert(9%) sepia(69%) saturate(2738%) hue-rotate(228deg) brightness(99%) contrast(93%); } .training-list-block__favorite.notselected img.selected { display: none; margin: 5px !important; margin-left: 0px !important; height: 75%; width: unset !important; } .training-list-block__favorite.notselected img.notselected { filter: invert(9%) sepia(69%) saturate(2738%) hue-rotate(228deg) brightness(99%) contrast(93%); display: block; margin: 5px !important; margin-left: 0px !important; height: 75%; width: unset !important; } .training-list-block__favorite:hover { cursor: pointer; } .training-list-block__favorite:hover.notselected img.notselected { filter: invert(36%) sepia(79%) saturate(1372%) hue-rotate(328deg) brightness(112%) contrast(107%); transition: all 400ms; } .training-list-block__image { grid-column-start: 1; grid-row-start: 1; overflow: hidden; padding: 14px; padding-right: 0px; } @media print, screen and (min-width: 64em) { .training-list-block__image { grid-column-start: 1; grid-row-start: 1; grid-row-end: 4; } } .training-list-block__image img { width: 100%; height: 100%; border-radius: 4px; object-fit: cover; } .training-list-block__title { grid-column-start: 2; grid-row-start: 1; -ms-flex-item-align: center; align-self: center; padding: 15px 15px 10px 15px; } .training-list-block__title h3 { color: #1e225d; font-family: 'Lexend', sans-serif; font-display: fallback; font-weight: 800; font-size: 18px; line-height: 1.2; margin-bottom: 0px; } .training-list-block__content { font-size: 0.9rem; grid-column-start: 1; grid-column-end: 3; grid-row-start: 2; width: 100%; } @media print, screen and (min-width: 64em) { .training-list-block__content { grid-column-start: 2; grid-row-start: 2; } } .training-list-block__content__information { width: 100%; margin: 0px; padding: 10px 14px; } @media print, screen and (min-width: 40em) { .training-list-block__content__information { padding: 14px; width: 25%; border-bottom: 0px; } } .training-list-block__content__intro { width: 100%; padding: 10px 15px; line-height: 1.35; -ms-flex-positive: 1; flex-grow: 1; max-height: 10em; font-size: 15px; margin: 0; } @media print, screen and (min-width: 40em) { .training-list-block__content__intro { padding: 15px; border-bottom: 0px; } } .training-list-block__content__action { width: 100%; padding: 10px 15px; margin: 0; border: 0px; } @media print, screen and (min-width: 40em) { .training-list-block__content__action { padding: 15px; border-left: 1px solid #a7a7a7; width: 30%; } } .training-list-block__content__action__prijs { line-height: 1.1; display: block; } .training-list-block__content__action__normaal { display: block; font-family: 'Poppins', sans-serif; font-display: fallback; font-size: 1rem; font-weight: 700; color: #1e225d; } .training-list-block__content__action__kortingprijs { display: block; font-family: 'Poppins', sans-serif; font-display: fallback; font-size: 1.25rem; color: #0a0a0a; font-weight: 700; width: 100%; } .training-list-block__content__action__uwkorting { display: block; font-size: 0.875rem; color: #0a0a0a; padding-bottom: 10px; } .training-list-block__content__action__vanaf { font-family: 'Poppins', sans-serif; font-display: fallback; font-size: 1.25rem; font-weight: 700; color: #0a0a0a; display: inline-block; margin-bottom: 10px; } .training-list-block__content__action__vanafprijs { font-family: 'Poppins', sans-serif; font-display: fallback; font-size: 1.25rem; color: #0a0a0a; font-weight: 700; display: inline-block; margin-bottom: 10px; } .training-list-block__content__action__korting { font-weight: 700; font-size: 1.125rem; color: #0a0a0a; padding-bottom: 3px; margin-left: 1rem; } .training-list-block__content__action__btw { font-size: 0.75rem; color: slategray; font-style: italic; } .training-list-block__bottom { display: -ms-flexbox; display: flex; padding: 14px; grid-column-start: 1; grid-column-end: 3; grid-row-start: 3; width: 100%; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center; } @media print, screen and (min-width: 40em) { .training-list-block__bottom { padding: 14px; } } @media print, screen and (min-width: 64em) { .training-list-block__bottom { padding: 14px; grid-column-start: 2; grid-column-end: 2; grid-row-start: 3; } } @media screen and (min-width: 75em) { .training-list-block__bottom { padding: 14px; } } .training-list-block__bottom__info { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; column-gap: 10px; -ms-flex-preferred-size: 80%; flex-basis: 80%; } .training-list-block__bottom__info > div { display: -ms-flexbox; display: flex; -ms-flex-preferred-size: 48%; flex-basis: 48%; -ms-flex-align: center; align-items: center; font-family: 'Lexend', sans-serif; font-display: fallback; font-size: 14px; font-weight: 400; column-gap: 5px; color: #1e225d; } @media screen and (min-width: 75em) { .training-list-block__bottom__info > div { font-size: 14px; } } .training-list-block__bottom__info > div svg path { fill: #bababa; } .training-list-block__bottom__info > div img { width: 14px; height: 14px; filter: invert(70%) sepia(10%) saturate(367%) hue-rotate(199deg) brightness(94%) contrast(90%); } .training-list-block__bottom__info > div.label { background-color: #FFF500; border-radius: 100px; color: #1e225d; } .training-list-block__bottom__info > div.nolabel { padding: 0.33333rem 0rem; line-height: 1; /*&::after{ content:"\2022"; margin-left:5px; }*/ } .training-list-block__bottom__action { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-item-align: end; align-self: flex-end; } .training-list-block__bottom__view { font-size: 16px; color: #ff9900; font-weight: 500; margin-right: 10px; opacity: 0; display: none; } @media print, screen and (min-width: 40em) { .training-list-block__bottom__view { display: none; } } @media print, screen and (min-width: 64em) { .training-list-block__bottom__view { display: none; } } @media screen and (min-width: 75em) { .training-list-block__bottom__view { display: none; } } .training-list-block__bottom__clusterview { color: #ff9900; margin-right: 10px; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; font-size: 16px; font-weight: 500; } .training-list-block__action { margin-bottom: 0px; border-radius: 4px; transition: all 400ms; } .training-list-block__action.cf-button--orange-flat { height: 23px; width: 23px; padding: 5px 0px; } .training-list-block__action.cf-button--orange-flat:hover .cf-button__icon { margin-left: 10px !important; margin-right: 0px !important; } .training-list-block__action svg { transform: scale(0.7); } .training-list-block__action .cf-button__icon { top: 0px; line-height: 0px; margin-left: 5px !important; margin-right: 5px !important; } .training-list-block__action .cf-button__icon img { height: 12px; } .training-list-block__action:hover .cf-button__icon { margin-left: 10px !important; margin-right: 0px !important; } .training-list-block--home { height: auto; } @media print, screen and (min-width: 64em) { .training-list-block--home { height: 460px; } } .training-list-block--home { height: auto; } @media print, screen and (min-width: 64em) { .training-list-block--home { height: 460px; } } .training-list-block--home .training-list-block__content { height: auto; } @media print, screen and (min-width: 64em) { .training-list-block--home .training-list-block__content { height: 285px; } } .training-list-block--home .training-list-block__intro { margin: 0 0 1rem; } @media print, screen and (min-width: 64em) { .training-list-block--home .training-list-block__intro { margin: 0; } } .training-list-block:hover, .training-list-block:focus, .training-list-block:active { box-shadow: 0px 10px 30px 0px rgba(157, 171, 192, 0.35); border-color: #dbdde0; } .training-list-block:hover .clusterprijs, .training-list-block:focus .clusterprijs, .training-list-block:active .clusterprijs { display: none; } .training-list-block:hover .clusterprijsbottom, .training-list-block:focus .clusterprijsbottom, .training-list-block:active .clusterprijsbottom { display: block; } .training-list-block:hover .keuzehulp_cluster, .training-list-block:focus .keuzehulp_cluster, .training-list-block:active .keuzehulp_cluster { top: 0; background-color: transparent; border: 1px solid white; display: -ms-flexbox !important; display: flex !important; } .training-list-block:hover .keuzehulp_cluster::after, .training-list-block:focus .keuzehulp_cluster::after, .training-list-block:active .keuzehulp_cluster::after { color: white; } .training-list-block:hover .keuzehulp_cluster img, .training-list-block:focus .keuzehulp_cluster img, .training-list-block:active .keuzehulp_cluster img { filter: invert(100%) sepia(4%) saturate(3%) hue-rotate(39deg) brightness(103%) contrast(101%); } .training-list-block:hover .training-grid-block__title, .training-list-block:focus .training-grid-block__title, .training-list-block:active .training-grid-block__title { color: #ff9900; transition: all 400ms; } .training-list-block:hover .training-grid-block__action, .training-list-block:focus .training-grid-block__action, .training-list-block:active .training-grid-block__action { background: #ffac13; color: white; padding: 13px 20px; padding-right: 0px; border: 1px solid #ffac13; transition: all 400ms; } .training-list-block:hover .training-grid-block__action .cf-button__icon, .training-list-block:focus .training-grid-block__action .cf-button__icon, .training-list-block:active .training-grid-block__action .cf-button__icon { margin: 0px 10px 0 20px; transition: all 400ms; } .training-list-block:hover .training-grid-block__action.iconleft, .training-list-block:focus .training-grid-block__action.iconleft, .training-list-block:active .training-grid-block__action.iconleft { padding-right: 20px; } .training-list-block:hover .training-grid-block__action.iconleft .cf-button__icon, .training-list-block:focus .training-grid-block__action.iconleft .cf-button__icon, .training-list-block:active .training-grid-block__action.iconleft .cf-button__icon { margin: 0px 20px 0px 0px; } .training-list-block:hover .training-grid-block__action.noicon, .training-list-block:focus .training-grid-block__action.noicon, .training-list-block:active .training-grid-block__action.noicon { padding-right: 20px; } .training-list-block:hover .training-grid-block__action.onlyicon .cf-button__icon, .training-list-block:focus .training-grid-block__action.onlyicon .cf-button__icon, .training-list-block:active .training-grid-block__action.onlyicon .cf-button__icon { margin-left: 17px; margin-right: 3px; } .training-list-block:hover .training-grid-block__action.small, .training-list-block:focus .training-grid-block__action.small, .training-list-block:active .training-grid-block__action.small { padding: 5px 0px; } .training-list-block:hover .training-grid-block__action.small .cf-button__icon, .training-list-block:focus .training-grid-block__action.small .cf-button__icon, .training-list-block:active .training-grid-block__action.small .cf-button__icon { margin-left: 10px; margin-right: 0px; } .training-list-block:hover .training-grid-block__action.smaller, .training-list-block:focus .training-grid-block__action.smaller, .training-list-block:active .training-grid-block__action.smaller { padding: 10px 15px; } .training-list-block:hover .training-grid-block__action.textcentered, .training-list-block:focus .training-grid-block__action.textcentered, .training-list-block:active .training-grid-block__action.textcentered { padding-right: 25px; } .training-list-block:hover .training-grid-block__action.textcentered .cf-button__icon, .training-list-block:focus .training-grid-block__action.textcentered .cf-button__icon, .training-list-block:active .training-grid-block__action.textcentered .cf-button__icon { margin-left: 30px; margin-right: 0px; } .training-list-block:hover .training-grid-block__image__overlay, .training-list-block:focus .training-grid-block__image__overlay, .training-list-block:active .training-grid-block__image__overlay { width: 100%; position: absolute; height: 100%; opacity: 1; background: linear-gradient(to top left, transparent 50%, rgba(0, 0, 0, 0.8)); border-radius: 4px 4px 0px 0px; transition: all 400ms; } .account-fav-filters { z-index: 9999 !important; } @media print, screen and (min-width: 40em) { .account-fav-filters { z-index: 7 !important; } } @media print, screen and (min-width: 40em) { .account__profile__content__saved-content-block .training-list-block { grid-template-columns: 1fr 5fr; } } .lastminutes .training-prijs-block { width: 90%; margin-bottom: 0; } @media print, screen and (min-width: 40em) { .lastminutes .training-prijs-block { display: inline-block; width: 45%; } } @media print, screen and (min-width: 64em) { .lastminutes .training-prijs-block { width: 22%; } } .training-prijs-block { background: white; border: 1px solid #e3e5e7; position: relative; padding: 20px; margin: 0 0 25px; cursor: pointer; transition: background 400ms, box-shadow 400ms; } .training-prijs-block__actie-naam { font-family: 'Poppins', sans-serif; font-display: fallback; position: absolute; top: 20px; left: 20px; padding-right: 60px; font-size: 0.875rem; font-weight: 800; color: #ff9900; } .training-prijs-block__actie-naam:first-letter { text-transform: uppercase; } .training-prijs-block__actie-percentage { position: absolute; right: 5px; top: -30px; } .training-prijs-block__training-naam { font-family: 'Poppins', sans-serif; font-display: fallback; margin: 50px 0 0; height: 56px; font-size: 1rem; font-weight: 800; color: #1e225d; } .training-prijs-block__data { margin: 15px 0 0; color: #1e225d; } .training-prijs-block__plaats { margin: 0; color: #1e225d; } .training-prijs-block__prijs { font-family: 'Poppins', sans-serif; font-display: fallback; font-weight: 500; margin: 15px 0 0; line-height: 2rem; font-size: 1.25rem; color: #1e225d; } .training-prijs-block__prijs a { font-family: 'Poppins', sans-serif; font-display: fallback; font-weight: 800; font-size: 1.75rem; color: #1e225d; text-decoration: none; } .training-prijs-block__actions { height: 50px; margin: 0; } .training-prijs-block--training .training-prijs-block__data { font-family: 'Poppins', sans-serif; font-display: fallback; font-size: 1.125rem; font-weight: 800; } .training-prijs-block--home .training-prijs-block__training-naam { height: 100px; } .training-prijs-block--sidebar { margin-bottom: 0; } .training-prijs-block:hover, .training-prijs-block:focus, .training-prijs-block:active { background: #eeeeee; box-shadow: inset 0 0 20px rgba(80, 80, 80, 0.08); border-color: #dbdde0; } .training-prijs-block:hover .cf-button, .training-prijs-block:focus .cf-button, .training-prijs-block:active .cf-button { background: #e08700; color: #fff; } .training-prijs-block:hover .cf-button .cf-button__icon, .training-prijs-block:focus .cf-button .cf-button__icon, .training-prijs-block:active .cf-button .cf-button__icon { margin: -2px 15px 0 0; transition: margin 400ms, box-shadow 400ms; } .training-prijs-block:hover .cf-button--alt, .training-prijs-block:focus .cf-button--alt, .training-prijs-block:active .cf-button--alt { background: #ff9900; color: #fff; } .training-prijs-block:hover .cf-button--alt .cf-button__icon, .training-prijs-block:focus .cf-button--alt .cf-button__icon, .training-prijs-block:active .cf-button--alt .cf-button__icon { margin: -2px 15px 0 0; transition: margin 400ms, box-shadow 400ms; } .training-prijs-block:hover .cf-button--orange, .training-prijs-block:focus .cf-button--orange, .training-prijs-block:active .cf-button--orange { background: #ff9900; color: #fff; } .training-prijs-block:hover .cf-button--orange .cf-button__icon, .training-prijs-block:focus .cf-button--orange .cf-button__icon, .training-prijs-block:active .cf-button--orange .cf-button__icon { margin: -2px 15px 0 0; transition: margin 400ms, box-shadow 400ms; } .training-prijs-block-action { background: #eef5ff; } .training-prijs-block-action:hover, .training-prijs-block-action:focus, .training-prijs-block-action:active { background: #dfecff; box-shadow: none; border-color: none; } .training-small-block { border: 1px solid #e3e5e7; background: #f6f6f6; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; padding: 20px 15px; } @media print, screen and (min-width: 40em) { .training-small-block { height: 320px; } } @media print { .training-small-block { margin-bottom: 0px; } } .training-small-block--opleiding { background: #fff; border: 1px solid #8a8a8a; margin-bottom: 0px; } .training-small-block--opleiding--row { padding-left: 0.93rem; padding-right: 0.93rem; row-gap: 25px; /*&--container{ padding:0px; &:first-of-type{ .training-small-block--opleiding{ border-radius:15px 15px 0px 0px; @include breakpoint(medium) { //border-radius:15px 0px 0px 15px; } } } &:not(:last-of-type):not(:first-of-type){ .training-small-block--opleiding{ @include breakpoint(small only) { border-top:0px; } @include breakpoint(medium) { border-left:0px; } } } &:last-of-type{ .training-small-block--opleiding{ border-radius:0px 0px 15px 15px; @include breakpoint(small only) { border-top:0px; } @include breakpoint(medium) { //border-radius:0px 0px 15px 0px; border-left:0px; } } } /*&:nth-child(3){ @include breakpoint(large) { } } &:nth-last-child(4):first-child, &:nth-last-child(4):first-child ~ * { // unique CSS for elements when there are 6 of these } }*/ } @media screen and (max-width: 39.9375em) { .training-small-block--opleiding--row--container { padding: 0px; } .training-small-block--opleiding--row--container:first-of-type .training-small-block--opleiding { border-radius: 15px 15px 0px 0px; } .training-small-block--opleiding--row--container:not(:last-of-type):not(:first-of-type) .training-small-block--opleiding { border-top: 0px; } .training-small-block--opleiding--row--container:last-of-type .training-small-block--opleiding { border-radius: 0px 0px 15px 15px; border-top: 0px; } } @media screen and (max-width: 74.9375em) { .training-small-block--opleiding--row--container { padding: 0px; } .training-small-block--opleiding--row--container.row-medium-4:first-of-type .training-small-block--opleiding { border-radius: 15px 0px 0px 0px; } .training-small-block--opleiding--row--container.row-medium-4:not(:last-of-type):not(:first-of-type) .training-small-block--opleiding { border-top: 0px; } .training-small-block--opleiding--row--container.row-medium-4:last-of-type .training-small-block--opleiding { border-radius: 0px 0px 15px 15px; border-top: 0px; } .training-small-block--opleiding--row--container.row-medium-2:first-of-type .training-small-block--opleiding { border-radius: 15px 0px 0px 0px; } .training-small-block--opleiding--row--container.row-medium-2:last-of-type(2) .training-small-block--opleiding { border-radius: 0px 0px 15px 15px; border-top: 0px; } .training-small-block--opleiding--row--container.row-medium-2:last-of-type .training-small-block--opleiding { border-radius: 0px 0px 15px 15px; border-top: 0px; } .training-small-block--opleiding--row--container.row-medium-1:first-of-type .training-small-block--opleiding { border-radius: 15px 0px 0px 15px; } .training-small-block--opleiding--row--container.row-medium-1:last-of-type .training-small-block--opleiding { border-radius: 0px 15px 15px 0px; } } @media screen and (min-width: 75em) { .training-small-block--opleiding--row--container { padding: 0px; } .training-small-block--opleiding--row--container.row-xlarge-1:first-of-type .training-small-block--opleiding { border-radius: 15px 0px 0px 15px; } .training-small-block--opleiding--row--container.row-xlarge-1:not(:last-of-type):not(:first-of-type) .training-small-block--opleiding { border-left: 0px; border-top: 1px; } .training-small-block--opleiding--row--container.row-xlarge-1:last-of-type .training-small-block--opleiding { border-radius: 0px 15px 15px 0px; border-left: 0px; border-top: 1px; } } .training-small-block__title { width: 100%; color: #1e225d; font-weight: 900; font-size: 1.1rem; line-height: 1.1; margin-bottom: 15px; } .training-small-block__intro { width: 100%; line-height: 1.35; -ms-flex-positive: 1; flex-grow: 1; margin: 0; overflow: hidden; } .training-small-block__priceinfo { font-family: 'Poppins', sans-serif; font-display: fallback; font-weight: 500; margin: 15px 0; line-height: 2rem; font-size: 1.25rem; color: #1e225d; } .training-small-block__priceinfo strong { font-family: 'Poppins', sans-serif; font-display: fallback; font-weight: 700; font-size: 1.625rem; color: #1e225d; text-decoration: none; } @media print { .training-small-block__priceinfo { margin-top: 0px; margin-bottom: 0px; } } .training-small-block__action { width: 100%; min-height: 42px; } @media print { .training-small-block__action { display: none; } } .headerOpleidingvoordeel, .tekst-headerOpleidingVoordeel { text-align: center; padding-bottom: 25px !important; margin: 0 !important; } .tekst-headerOpleidingVoordeel { padding-bottom: 50px !important; } .training-grid-block__price { -ms-flex-preferred-size: 73%; flex-basis: 73%; margin: 0; } /*.training-grid-block__bottom__info__days::after{ content: "\2022"; margin-left: 5px; }*/ @media print, screen and (min-width: 40em) { .kalender__content { border-left: 1px solid #e3e5e7; padding-left: 1.5rem; } .kalender__title { margin-bottom: 2rem; border-bottom: 2px solid #e3e5e7; } .kalender__maand { border-bottom: 2px solid #e3e5e7; margin-bottom: 2rem; } } .kalender__maand-naam { color: #1e225d; font-weight: 500; font-size: 1.625rem; margin: 1rem 0 1rem; padding: 0.8rem 0 0; border-top: 2px solid #e3e5e7; } @media print, screen and (min-width: 40em) { .kalender__maand-naam { margin: 0 0 1rem; padding: 0; border-top: none; } } .kalender__dag { margin-bottom: 1rem; } .kalender__dag-list { line-height: 1.2; } .kalender__dag-list li { margin: 0 0 0.3rem; } .kalender__dag-list li a { text-decoration: none; } .kalender__dag-list li a:hover { text-decoration: underline; } .kalender__dag-list .kalender__training em { font-style: normal; font-weight: 500; color: #ff9900; } .kalender__dag-list .kalender__datum-plaats { font-size: 0.875rem; } .kalender__dag-list .kalender__plaats { color: #8a8a8a; } .kalender__dag-list .kalender__plaats-secondary { color: #cacaca; } .kalender__dagnummer { display: block; text-align: center; font-family: 'Poppins', sans-serif; font-display: fallback; font-size: 1.125rem; font-weight: 600; color: #1e225d; } .kalender__maand-jaar { display: block; font-family: 'Poppins', sans-serif; font-display: fallback; font-size: 1.125rem; margin: 0.9375rem 0 0.3125rem; } .kalender-sidenav__title { font-family: 'Poppins', sans-serif; font-display: fallback; font-weight: 800; font-size: 1rem; color: #8a8a8a; } .kalender-sidenav__menu { margin: 0; } .kalender-sidenav__menu li { margin: 0; } .kalender-sidenav__menu li a { text-decoration: none; margin: 0; padding: 0.3rem 0 !important; } .kalender-sidenav__menu li a:hover { text-decoration: underline; } .totalResult { font-size: 1.25rem; font-weight: 600; background-color: #f8f8fa; padding: 15px; width: 33.3%; text-align: center; border-radius: 5px; margin-bottom: 15px; } .option_new { background-color: #1dc246; padding: 15px; border-radius: 5px; margin-bottom: 15px; } .scroll-down .categorie__submenu > .row { margin-top: 0px !important; transform: none; max-width: 100% !important; } .scroll-up .sub-category__filter__container.sticky { top: 150px; } .scroll-up .categorie__submenu > .row:not(.is-anchored) { margin-top: 74px !important; transform: none; max-width: 100% !important; } body:not(.scroll-up):not(.scroll-down).scroll-submenu .categorie__submenu > .row:not(.is-anchored) { transform: translate3d(0, -100%, 0); margin-top: 0px !important; max-width: 100% !important; } body .categorie__submenu { display: none; } body.scroll-up .categorie__submenu, body.scroll-down .categorie__submenu, body:not(.scroll-header).scroll-submenu .categorie__submenu { display: block; } .categorie__submenu > .row { background: white; transition: all 0.4s; z-index: 95; } .cluster-header { height: 100%; position: relative; /*@include breakpoint(xlarge) { background-position: center 40%; }*/ } .cluster-header__text-background { display: none; } .cluster-header__text-background .container { padding-right: 0px; } @media print, screen and (min-width: 64em) { .cluster-header__text-background { display: block; width: 100%; height: 100%; position: absolute; z-index: -1; overflow: hidden; text-align: right; font-family: 'Lexend', sans-serif; font-display: fallback; } .cluster-header__text-background span { font-family: 'Lexend', sans-serif; font-display: fallback; color: #00C4C2; font-size: 900px; font-weight: 800; letter-spacing: -90px; line-height: 675px; display: inline-block; width: 60%; } } @media screen and (min-width: 75em) { .cluster-header__text-background span { width: 60%; } } .cluster-header__background { position: relative; height: 350px; padding-right: 0px; } @media print, screen and (min-width: 40em) { .cluster-header__background { height: 430px; } } @media print, screen and (min-width: 64em) { .cluster-header__background { height: 700px; padding-right: 0.9375rem; } } .cluster-header__background__text { overflow: hidden; color: #00C4C2; font-size: 300px; font-weight: 800; letter-spacing: -32px; line-height: 255px; text-align: right; font-family: 'Lexend', sans-serif; font-display: fallback; } .cluster-header__background__text span { font-family: 'Lexend', sans-serif; font-display: fallback; display: inline-block; overflow: hidden; font-size: 350px; width: 90%; } @media print, screen and (min-width: 40em) { .cluster-header__background__text span { font-size: 400px; } } @media print, screen and (min-width: 40em) { .cluster-header__background__text { line-height: 400px; } } @media print, screen and (min-width: 64em) { .cluster-header__background__text { display: none; } } .cluster-header__background__overlay { position: absolute; display: -ms-flexbox; display: flex; left: 0; bottom: 0px; z-index: 30; -ms-flex-pack: center; justify-content: center; width: 100%; } @media print, screen and (min-width: 40em) { .cluster-header__background__overlay { width: unset; } } @media print, screen and (min-width: 64em) { .cluster-header__background__overlay { bottom: -15px; } } .cluster-header__background__overlay__reviews { width: 87%; display: -ms-flexbox; display: flex; position: relative; z-index: 30; } @media print, screen and (min-width: 40em) { .cluster-header__background__overlay__reviews.training_overlay_review { margin-left: -7% !important; width: 80%; } } .cluster-header__background__overlay__reviews img { width: 100px; margin-right: -1px; } .cluster-header__background__overlay__reviews__text { padding: 15px; padding-right: 10px; background-color: #1E225C; display: inline-block; color: white; display: -ms-flexbox; display: flex; width: 100%; -ms-flex-line-pack: center; align-content: center; } @media print, screen and (min-width: 40em) { .cluster-header__background__overlay__reviews__text { width: 100%; padding: 15px; } } @media screen and (min-width: 64em) { .cluster-header__background__overlay__reviews__text { padding: 15px; width: 100%; } } .cluster-header__background__overlay__reviews__text .start__reviews__ratings__text { font-size: 0.875rem; } .cluster-header__background__overlay__reviews__text a { color: white; font-weight: bold; text-decoration: underline; font-size: 14px; } .cluster-header__background__overlay__reviews__text a:hover { text-decoration: none; } .cluster-header__background__overlay__reviews__text__icon { margin-top: 5px; } .cluster-header__background__overlay__springest_rewards_2023 { background-color: #1e225d; position: absolute; bottom: 25px; right: 2rem; z-index: 40; border-radius: 2px 12px 12px 12px; padding: 20px; -ms-flex-pack: center; justify-content: center; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; } .cluster-header__background__overlay__springest_rewards_2023__title { color: white; font-weight: 600; font-size: 12px; font-family: 'Lexend','sans-serif'; margin-bottom: 3px; text-align: center; } .cluster-header__background__overlay__springest_rewards_2023__text { color: white; font-size: 11px; font-family: 'Poppins','sans-serif'; text-align: center; } .cluster-header__background__overlay__springest_rewards_2023 img { height: 60px; object-fit: contain; } .cluster-header__background__overlay__springest_rewards_2023.AI-campagne_spingest2023 { position: relative; height: fit-content; padding: 10px; margin-top: 20px; } @media screen and (min-width: 64em) { .cluster-header__background__overlay__springest_rewards_2023.AI-campagne_spingest2023 { margin-top: 67px; } } @media only screen and (min-width: 1380px) { .cluster-header__background__overlay__springest_rewards_2023.AI-campagne_spingest2023 { margin-left: -5%; } } .cluster-header__background__overlay__springest_rewards_2023.AI-campagne_spingest2023 .cluster-header__background__overlay__springest_rewards_2023__text { line-height: 1; margin-bottom: 0.5rem; } .cluster-header__background__image { width: 55%; position: absolute; overflow: hidden; bottom: 80px; z-index: 5; } @media print, screen and (min-width: 40em) { .cluster-header__background__image { width: 50%; height: 350px; margin-left: 70px; } } @media print, screen and (min-width: 40em) { .cluster-header__background__image.training_overlay_image { margin-left: 0px; } } @media print, screen and (min-width: 64em) { .cluster-header__background__image { width: 70%; height: 75vh; min-height: 550px; } } @media print, screen and (min-width: 40em) { .cluster-header__background__image { bottom: 60px; } } @media print, screen and (min-width: 64em) { .cluster-header__background__image { bottom: 80px; } } .cluster-header__background__image img { max-height: 280px; } @media print, screen and (min-width: 40em) { .cluster-header__background__image img { position: absolute; bottom: 0px; max-width: 90%; max-height: 280px; } .cluster-header__background__image img.subcluster { max-height: 357px; } } @media print, screen and (min-width: 64em) { .cluster-header__background__image img { bottom: 0px; max-height: 70vh; } } .cluster-header__background__container { position: relative; } .cluster-header__background__container img { object-fit: cover; width: 100%; } @media print, screen and (min-width: 64em) { .cluster-header__background__container img { z-index: 10; } } .cluster-header__background__designation { position: absolute; color: #1E225C; z-index: 11; left: 9%; bottom: 105px; } .cluster-header__background__designation p { color: #1E225C; padding: 10px 15px; margin-bottom: 0px; font-size: 0.875rem; line-height: 1.3; background-color: #fff; box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16); display: inline-block; margin-left: 5px; } .cluster-header__background__designation p:first-of-type { margin-left: 0px; } .cluster-header__background__designation strong { font-family: 'Lexend', sans-serif; font-display: fallback; } @media screen and (min-width: 40em) { .cluster-header__background__designation { top: initial; left: 7.5%; bottom: 105px; } } @media screen and (min-width: 40em) { .cluster-header__background__designation.training_overlay_designation { left: 7.5% !important; } } .cluster-header__background__badge { width: 150px; margin-bottom: 20px; } .cluster-header__content { position: relative; z-index: 2; } .cluster-header__content__text { margin-bottom: 25px; padding: 0 2rem; } @media print, screen and (min-width: 64em) { .cluster-header__content__text { margin-bottom: 0px; padding: 0 0.9375rem; padding-top: 40px; } } @media print, screen and (min-width: 64em) { .cluster-header__content__text__container { width: 80%; } } .cluster-header__content__text__container h1 { font-weight: 800; font-size: 2.5rem !important; line-height: 1.1 !important; letter-spacing: -2px; margin-top: 30px; } @media print, screen and (min-width: 40em) { .cluster-header__content__text__container h1 { font-size: 2.4rem; margin-top: 10px; padding-right: 0px !important; line-height: 1.2 !important; letter-spacing: -1px; margin-bottom: 1rem; } } @media print, screen and (min-width: 64em) { .cluster-header__content__text__container h1 { margin-top: 0px; font-size: 45px !important; } } .cluster-header__content__text__buttons { margin: 35px 0px; } @media print, screen and (min-width: 40em) { .cluster-header__content__text__buttons { margin: 20px 0px 20px; } } .cluster-header__content__text__buttons__button a { width: 100%; text-align: center; margin-bottom: 20px; } .cluster-header__content__text__buttons__button a span { line-height: 1.5; } .cluster-header__content__text__buttons__button:last-of-type a { margin-bottom: 0px; } @media print, screen and (min-width: 40em) { .cluster-header__content__text__buttons__button { display: inline-block; margin-bottom: 15px; } .cluster-header__content__text__buttons__button::after { content: "\2022"; margin: 0px 20px; color: #1e225d; content: " "; margin: 0px 5px; } .cluster-header__content__text__buttons__button:last-of-type::after { display: none; } .cluster-header__content__text__buttons__button a { width: inherit; text-align: left; margin-bottom: 0px; } } .cluster-header__content__text__more { display: none; } .cluster-header__content__text__subclusters { font-weight: 600; padding-bottom: 8px; border-bottom: 1px solid #1e225d; width: 80%; } .cluster-header__container { height: 100%; padding-top: 50px; position: relative; z-index: 2; } @media print, screen and (min-width: 40em) { .cluster-header__container { height: 600px; } } .cluster-header__container .row { height: 100%; } .cluster-header__container__left { padding-right: 0.625rem; padding-left: 0.625rem; margin-bottom: 20px; } @media print, screen and (min-width: 40em) { .cluster-header__container__left { margin-bottom: 0px; } } .cluster-header__container__right { background-color: white; } @media print, screen and (min-width: 40em) { .cluster-header__container__right { background-color: transparent; } } .cluster-header__subtext { font-family: 'Poppins', sans-serif; font-display: fallback; font-weight: 500; } @media print, screen and (min-width: 40em) { .cluster-header__subtext { text-align: left; padding-bottom: 20px; max-width: 80%; } } .cluster-header__subtext.rating { border-radius: 10px; background: #f2f8ff; display: -ms-flexbox; display: flex; margin-bottom: 20px; } .cluster-header__subtext.rating .start__reviews__ratings__text { display: inline-block; } @media print, screen and (min-width: 40em) { .cluster-header__subtext.rating { margin-bottom: initial; background: transparent; display: block; } } .cluster-header .inline-spacer { display: block; } .cluster-header__buttons .cf-button--orange-flat, .cluster-header__buttons .cf-button--blue-alt { display: -ms-inline-flexbox !important; display: inline-flex !important; width: 100% !important; -ms-flex-pack: justify; justify-content: space-between; } @media screen and (min-width: 64em) { .cluster-header__buttons .cf-button--orange-flat, .cluster-header__buttons .cf-button--blue-alt { width: 70% !important; } } .cluster-header__buttons .cf-button.shadow { margin-right: 0px; margin-bottom: 10px; } @media screen and (min-width: 25em) { .cluster-header__buttons .cf-button.shadow { margin-right: 40px; margin-bottom: 0px; } .cluster-header__buttons .inline-spacer { display: inline; } } @media print, screen and (min-width: 40em) { .cluster-header__buttons { text-align: left; } } .cluster-header__date { font-weight: 600; color: #ff9900; } @media print, screen and (min-width: 40em) { .cluster-header { position: relative; margin-top: 0px; } .cluster-header__container { height: 575px; padding-top: 50px; background-image: url("https://www.competencefactory.nl/wordpress/wp-content/uploads/2021/11/Esther-Mutsaers-4-1_adobespark-e1636931608789.png"); background-repeat: no-repeat; background-size: 45%; background-position: 95% 100%; } } @media print, screen and (min-width: 64em) { .cluster-header { height: 700px; margin-top: 0px; } .cluster-header__container { height: 700px; padding-top: 60px; padding-left: 10px; background-image: url("https://www.competencefactory.nl/wordpress/wp-content/uploads/2021/11/Esther-Mutsaers-4-1_adobespark-e1636931608789.png"); background-repeat: no-repeat; background-size: 35%; background-position: 95% 100%; } .cluster-header__subtext { display: block; } .cluster-header__date { margin-bottom: 0.5rem; } } @media screen and (min-width: 75em) { .cluster-header { height: 700px; margin-top: 0px; } .cluster-header__container { height: 700px; padding-top: 70px; padding-left: 20px; background-image: url("https://www.competencefactory.nl/wordpress/wp-content/uploads/2021/11/Esther-Mutsaers-4-1_adobespark-e1636931608789.png"); background-repeat: no-repeat; background-size: 35%; background-position: 95% 100%; } } @media screen and (min-width: 90em) { .cluster-header { height: 700px; } .cluster-header__container { height: 700px; padding-top: 70px; padding-left: 20px; } } .cluster-header__title { font-family: 'Poppins', sans-serif; font-display: fallback; font-family: "Lexend",sans-serif; font-weight: 800; width: 100%; font-size: 3.1rem; line-height: 1.1; padding: 0; padding-bottom: 15px; } @media print, screen and (min-width: 40em) { .cluster-header__title { padding-right: 20px; } } @media print, screen and (min-width: 40em) { .cluster-header__title { font-size: 3.4rem; text-align: left; } } @media print, screen and (min-width: 64em) { .cluster-header__title { font-size: 4rem; max-width: 1200px; padding-bottom: 20px; } } @media screen and (min-width: 75em) { .cluster-header__title { font-size: 4rem; } } .cluster-header__subtitle { font-family: 'Poppins', sans-serif; font-display: fallback; font-weight: 500; width: 100%; line-height: 1.1; padding: 0; padding-bottom: 15px; text-align: center; font-size: 1rem; } @media screen and (min-width: 22.5em) { .cluster-header__subtitle { font-size: 1rem; } } @media screen and (min-width: 26.25em) { .cluster-header__subtitle { font-size: 1rem; } } @media print, screen and (min-width: 40em) { .cluster-header__subtitle { font-size: 1rem; font-weight: 800; text-align: left; } } @media print, screen and (min-width: 64em) { .cluster-header__subtitle { font-size: 1.5rem; max-width: 1200px; padding-bottom: 20px; } } .cluster-header__action { position: absolute; right: 20px; bottom: 20px; font-size: 1.5rem; } .cluster-header__button { width: 280px; position: absolute; top: 250px; left: 350px; } .cluster-header--subcluster { padding-bottom: 0px !important; } @media print, screen and (min-width: 64em) { .cluster-header--subcluster { height: inherit; } } .cluster-header--subcluster .cluster-header__text-background span { font-size: 600px; font-weight: 800; letter-spacing: -60px; line-height: 450px; width: 55%; } @media print, screen and (min-width: 40em) { .cluster-header--subcluster .cluster-header__background { height: 450px; } } @media print, screen and (min-width: 64em) { .cluster-header--subcluster .cluster-header__background__overlay { bottom: -20px; } } @media print, screen and (min-width: 40em) { .cluster-header--subcluster .cluster-header__background__image { height: 450px; } } .cluster-header--subcluster .cluster-header__background__image img { max-height: 260px; } @media print, screen and (min-width: 40em) { .cluster-header--subcluster .cluster-header__background__image img { max-height: 360px; } } @media print, screen and (min-width: 64em) { .cluster-header--subcluster .cluster-header__background__image img { max-height: 380px; } } .cluster-header--stap { background-color: #00BEBC; } @media print, screen and (min-width: 64em) { .cluster-header--stap { height: inherit; } } .cluster-header--stap .cluster-header__text-background { z-index: 0; } .cluster-header--stap .cluster-header__text-background span { font-size: 600px; font-weight: 800; letter-spacing: -60px; line-height: 450px; width: 70%; } @media print, screen and (min-width: 40em) { .cluster-header--stap .cluster-header__background { height: 450px; } } .cluster-header--stap .cluster-header__background__designation { bottom: 20px; left: 20px; } @media print, screen and (min-width: 64em) { .cluster-header--stap .cluster-header__background__designation { right: 20px; left: unset; } } .cluster-header--stap .cluster-header__background__overlay { width: 100%; } @media print, screen and (min-width: 64em) { .cluster-header--stap .cluster-header__background__overlay { bottom: 0px; } } .cluster-header--stap .cluster-header__background__text { line-height: 310px; } @media print, screen and (min-width: 40em) { .cluster-header--stap .cluster-header__background__text { line-height: 400px; } } @media print, screen and (min-width: 40em) { .cluster-header--stap .cluster-header__background__text span { font-size: 500px; } } .cluster-header--stap .cluster-header__background__image { bottom: 0px; } @media print, screen and (min-width: 40em) { .cluster-header--stap .cluster-header__background__image { height: 450px; } } .cluster-header--stap .cluster-header__background__image img { max-height: 450px; } .cluster-header--stap .cluster-header__content { position: relative; z-index: 2; } .cluster-header--stap .cluster-header__content__text__container { padding-top: 40px; } @media print, screen and (min-width: 64em) { .cluster-header--stap .cluster-header__content__text__container { padding-top: 0px; width: 100%; } } .cluster-header--stap .cluster-header__content__text__container h1, .cluster-header--stap .cluster-header__content__text__container p { color: white; } .cluster-header--stap .cluster-header__content__text__container p { font-size: 1.125rem; } .cluster-header--stap .cluster-header__content__text__container p a { color: white; font-weight: bold; } .cluster-header--stap .cluster-header__content__text__container a { width: unset; } .categorie-header { margin-bottom: 1rem; } @media print, screen and (min-width: 40em) { .categorie-header { min-height: 284px; margin-bottom: 1.5rem; background: none; border-bottom: none; } } .categorie-header__title { font-weight: 800; font-size: 1.5rem; color: #1e225d; margin-bottom: 25px; margin-top: 25px; } @media print, screen and (min-width: 40em) { .categorie-header__title { margin-top: 0px; font-size: 1.75rem; text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.4), 1px 1px 5px rgba(255, 255, 255, 0.05); } } .categorie-header__title img { float: right; margin: 0 0 0 15px; } @media print, screen and (min-width: 40em) { .categorie-header__title img { float: none; display: inline-block; margin: -3px 0 0 0.5rem; } } .categorie-header .page__intro { font-size: 1rem; color: #0a0a0a; } @media print, screen and (min-width: 40em) { .categorie__banner { margin-bottom: 1.5rem; } } .categorie__banner__image { background-size: cover; background-position: center center; width: 100%; height: 300px; border-radius: 10px; } @media print { .categorie__banner__image { /*background-size: cover!important; background-position: center center!important; -webkit-print-color-adjust: exact !important; /* Chrome, Safari */ /*color-adjust: exact !important; /*Firefox*/ display: none; } } .categorie__sidebar .training-links__list { font-size: 1rem; } @media print, screen and (min-width: 40em) { .categorie__sidebar .training-links { margin-bottom: 1.5rem; } } .categorie__sidebar__readmore { cursor: pointer; text-decoration: underline; color: #2471B9; text-align: center; } @media print, screen and (min-width: 40em) { .categorie__sidebar__readmore { text-align: left; margin-bottom: 1.5rem; } } .categorie__sidebar__readmore:hover, .categorie__sidebar__readmore:active { text-decoration: none; } .categorie__overview { background-color: #fafafb; padding-top: 25px; position: relative; } @media print, screen and (min-width: 40em) { .categorie__overview { border: 1px solid #a7a7a7; border-radius: 8px 0px 0px 8px; padding: 30px; } } .categorie__overview__title { font-weight: 750; margin-bottom: 25px; font-size: 1.5rem; text-align: center; color: #0a0a0a; } @media print, screen and (min-width: 40em) { .categorie__overview__title { text-align: left; } } .categorie__overview__filter { display: -ms-flexbox; display: flex; margin-bottom: 25px; } .categorie__overview__filter__option { background-color: #fff; color: #191e58; text-align: center; width: 100%; padding: 5px 0px; font-weight: 600; font-size: 0.9rem; cursor: pointer; transition: background 400ms, color 400ms; } .categorie__overview__filter__option.selected, .categorie__overview__filter__option:active, .categorie__overview__filter__option:hover, .categorie__overview__filter__option:focus { background-color: #206bb4; color: white; border: 1px solid #505050; } .categorie__overview__filter__grid { row-gap: 25px; } .categorie__overview__filter__grid.mobile-container { padding-left: 1rem !important; padding-right: 1rem !important; } .categorie__overview__filter__list { display: none; } .categorie__overview__filter__barebonelist { display: none; } .mobile-filter { position: relative; } .mobile-filter__button { margin-bottom: 0px; height: 32px; font-size: 12px; font-weight: 600; padding-left: 2rem; padding-top: 7px; padding-bottom: 7px; background-image: url("data:image/svg+xml;utf8,"), url('data:image/svg+xml;utf8,'); background-origin: content-box, content-box; background-position: right -1rem center, left -1.5rem center; background-repeat: no-repeat, no-repeat; background-size: 9px 6px, 18px 15px; color: #1E225C; } .mobile-filter__expand { display: none; z-index: 2; position: absolute; right: 20px; background: white; border-radius: 8px; width: 70%; padding: 10px; box-shadow: 0px 15px 40px rgba(42, 62, 82, 0.129); } .mobile-filter__expand__close-button { text-align: right; } .mobile-filter__expand .tabbing.categories { display: block; white-space: initial; } .mobile-filter__expand .tabbing.categories li { display: -ms-flexbox; display: flex; width: 100%; -ms-flex-pack: justify; justify-content: space-between; border: none; } .sub-category { position: relative; padding-top: 25px; } .sub-category__banner > .row { position: relative; } .sub-category__banner__background { position: absolute; height: 100%; width: 98%; right: 0px; background: beige; border-radius: 0px 0px 0px 70px; z-index: -1; } .sub-category__banner__text { margin: 0 auto; padding: 75px 5%; } @media print, screen and (min-width: 40em) { .sub-category__banner__text { padding: 100px 15%; } } @media print, screen and (min-width: 64em) { .sub-category__banner__text { padding: 100px 30%; } } .sub-category__banner__title { text-align: center; } .sub-category__banner__subtext { text-align: center; } .sub-category__filter { position: relative; margin-bottom: 25px; /*tabbing */ } @media screen and (min-width: 40em) { .sub-category__filter { margin-bottom: 0px; } } .sub-category__filter > .row { -ms-flex-pack: center; justify-content: center; -ms-flex-line-pack: center; align-content: center; } .sub-category__filter__container { background-color: #fff; } .sub-category__filter__container.sticky { position: sticky; top: 90px; transition: top 400ms, box-shadow 400ms; } .sub-category__filter .tab-head { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; column-gap: 10px; padding: 0px; border-bottom: 1px solid #D6D6D6; overflow: scroll; } .sub-category__filter .tab-head.view { padding: 15px 0px; } @media screen and (min-width: 40em) { .sub-category__filter .tab-head { padding: 15px 0px; -ms-flex-wrap: wrap; flex-wrap: wrap; overflow: visible; } } .sub-category__filter .tab-head:first-of-type { padding-top: 0px; } .sub-category__filter .tab-head.noborder { border-bottom: 0px !important; } .sub-category__filter .tab-head h6 { font-size: 15px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.14; letter-spacing: normal; text-align: left; padding-bottom: 10px; /* border-bottom: 2px solid #747AA557;*/ margin-right: 40px; margin-bottom: 5px; } .sub-category__filter ul.tabbing { margin: 0px; padding: 0px; list-style: none; display: -ms-flexbox; display: flex; } @media screen and (min-width: 40em) { .sub-category__filter ul.tabbing { -ms-flex-wrap: wrap; flex-wrap: wrap; } } .sub-category__filter .tab-title { -ms-flex-preferred-size: 100%; flex-basis: 100%; margin-top: 0px; } .sub-category__filter ul.tabbing li.current { background: #106bc6; color: #fff; } .sub-category__filter ul.tabbing li.current span { color: white; } .sub-category__filter ul.tabbing li.current svg { position: relative; top: 2px; } .sub-category__filter ul.tabbing li.current svg path { fill: white; } .sub-category__filter .verticle-tabbing ul.tabbing li.current { color: #fff; border: none; background-color: #1a2c6c; color: #fff; } .sub-category__filter .verticle-tabbing .tab-content { margin-top: 0px; } .sub-category__filter .verticle-tabbing .tab-content strong { padding: 20px 0px; display: block; } .sub-category__filter ul.tabbing li { background: none; display: inline-block; white-space: nowrap; padding: 5px 15px; cursor: pointer; font-size: 12px; line-height: 20px; border: none; background-color: #fff; margin-right: 0px; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-preferred-size: 50%; flex-basis: 50%; } .sub-category__filter ul.tabbing li svg { position: relative; top: 2px; } .sub-category__filter ul.tabbing li:hover { background: #106bc6; color: #fff; transition: all 400ms; } .sub-category__filter ul.tabbing li:hover svg path { fill: white; } @media screen and (min-width: 64em) { .sub-category__filter ul.tabbing li.type { -ms-flex-preferred-size: 100%; flex-basis: 100%; } } .sub-category__filter ul.tabbing.categories li { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; } .sub-category__filter .verticle-tabbing ul.tabbing li { display: block; border-radius: 2px; border: transparent; font-weight: 800; font-stretch: normal; font-style: normal; line-height: 1; letter-spacing: normal; text-align: left; color: #1e225c; font-size: 20px; position: relative; width: 350px; padding: 15px; margin-left: 50px; transition: all .4s ease; } .sub-category__filter .verticle-tabbing li.tab-link:hover { background-color: #1a2c6c; color: #fff !important; } .sub-category__filter .verticle-tabbing ul.tabbing li span { font-size: 16px; } .sub-category__filter .tab-bottom { display: -ms-flexbox; display: flex; gap: 10px; -ms-flex-wrap: wrap; flex-wrap: wrap; } .sub-category__filter .tab-bottom__item { border: 1px solid #C2C7CC; border-radius: 8px; padding: 15px; width: 100%; } .sub-category__filter .tab-bottom__item.usps { font-size: 0.8rem; } .sub-category__filter .tab-bottom__item.usps div { margin-bottom: 5px; } .sub-category__filter .tab-bottom__item.usps div:last-of-type { margin-bottom: 0px; } .sub-category__filter .tab-bottom__item.usps div > span { padding-left: 25px; display: inline-block; } .sub-category__filter .tab-bottom__item.keuzehulp { font-weight: 600; font-size: 0.8rem; color: #1E225C; } .sub-category__filter .tab-bottom__item.keuzehulp a { color: #ff9900; } .sub-category__filter .tab-bottom__item.keuzehulp a:hover { text-decoration: none; } .scroll-down .contact-info-section > .row { margin-top: 0px !important; transform: none; max-width: 100% !important; width: 100%; height: 70px; transition: all 400ms; background: white; } .scroll-up .contact-info-section > .row:not(.is-anchored) { margin-top: 74px !important; transform: none; max-width: 100% !important; height: 70px; width: 100%; background: white; } body:not(.scroll-up):not(.scroll-down).scroll-submenu .contact-info-section > .row:not(.is-anchored) { transform: translate3d(0, -100%, 0); margin-top: 0px !important; max-width: 100% !important; height: 0px; } body.scroll-header .contact-info-section, body:not(.scroll-up):not(.scroll-down):not(.scroll-header):not(.scroll-submenu) .contact-info-section { display: none; } body.scroll-submenu .contact-info-section { height: 0px !important; padding: 0px !important; } body.scroll-up .contact-info-section, body.scroll-down .contact-info-section { display: block; } /* .scroll-down .contact-info-section { margin-top:0px!important; transform: none; max-width:100%!important; } .scroll-up .contact-info-section { margin-top:74px!important; transform: none; max-width:100%!important; } body:not(.scroll-up):not(.scroll-down).scroll-submenu .contact-info-section { transform: translate3d(0, -100%, 0); margin-top:0px!important; max-width:100%!important; } body .contact-info-section{ display:none; } body.scroll-up .contact-info-section, body.scroll-down .contact-info-section { display:block; } */ /*.scroll-down .contact-info-section{ top: -65px!important; @include breakpoint(large){ top: -85px!important; } }*/ .scroll-up .contact-info-section, .scroll-header .contact-info-section, .scroll-submenu .contact-info-section { top: 45px; } @media print, screen and (min-width: 64em) { .scroll-up .contact-info-section, .scroll-header .contact-info-section, .scroll-submenu .contact-info-section { top: 65px; } } .header-section h1 { max-width: 700px; padding: 0; font-size: 2.375rem !important; } .header-section .grid-container { display: grid; gap: 10px; grid-template-columns: 1fr; } @media print, screen and (min-width: 64em) { .header-section .grid-container { gap: 10px; } } @media print, screen and (min-width: 40em) { .header-section .grid-container { grid-template-columns: repeat(2, 1fr); gap: 0; } } .header-section .grid-item { display: -ms-flexbox; display: flex; gap: 10px; } .header-section .grid-item__text { font-size: 13px; font-weight: 450; color: #1e225d; line-height: 1.5 !important; margin-bottom: 0px !important; margin-top: 5px; } @media print, screen and (min-width: 40em) { .header-section .grid-item__text { max-width: 220px; } } .header-section .logo { margin-top: 3px; -ms-flex-preferred-size: 20px; flex-basis: 20px; } .header-section .logo img { width: 20px; height: 20px; min-width: 20px; object-fit: contain; filter: invert(11%) sepia(29%) saturate(5639%) hue-rotate(229deg) brightness(87%) contrast(95%); margin-top: -5px; /*filter: invert(39%) sepia(5%) saturate(475%) hue-rotate(173deg) brightness(96%) contrast(91%);*/ } .header-section .text { font-size: 13px; font-weight: 450; max-width: 220px; color: #5F6368; } .header-section .award { margin: 16px auto 0 auto; text-align: center; } @media print, screen and (min-width: 40em) { .header-section .award { margin: 0 0 0 2rem; } } .header-section .award img { width: 105px; } .header-section .award.has-drawer:hover { cursor: pointer; } .header-section .award-text, .header-section .award-text p { margin-top: 12px; text-align: center; font-size: 0.875rem; } .header-section .award-text a, .header-section .award-text p a { font-family: 'Lexend', sans-serif; font-display: fallback; font-weight: 400; color: #1e225d !important; } .header-section .social-container { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; } @media print, screen and (min-width: 40em) { .header-section .social-container { -ms-flex-direction: row; flex-direction: row; } } .header-section .review-section { margin-top: 35px; text-align: left; } .header-section .review-score { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; } .header-section .stars { display: -ms-flexbox; display: flex; margin-right: 10px; } .header-section .star { font-size: 20px; color: #FFD700; /* Gold color for filled stars */ } .header-section .star .fa-star, .header-section .star .fa-star-half { color: #FFD700; } .header-section .star svg path { fill: #FFD700; } .header-section .star.filled { color: #FFD700; } .header-section .star.filled .fa-star, .header-section .star.filled .fa-star-half { color: #FFD700; } .header-section .star.filled svg path { fill: #FFD700; } .header-section .score { font-size: 26px; font-weight: bold; font-family: Caveat, serif; } .header-section .review-count { margin-top: 3px; font-size: 15px; text-align: center; } .header-section .review-link { margin-top: 3px; text-align: center; } .header-section .review-link a { font-family: 'Lexend', sans-serif; font-display: fallback; font-size: 15px; color: #1e225d; } .header-section .review-link a:hover { text-decoration: none; } @media print, screen and (min-width: 64em) { .header-section .incompany__intro__container__text { padding-right: 0px !important; } } .header-section .right-container { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; } .header-section .incompany__intro__socialproof { -ms-flex-pack: start; justify-content: flex-start; } .contact-info-section { padding: 20px 0; border-top: 1px solid #bbbbbb; transition: all 300ms; } @media print, screen and (min-width: 40em) { .contact-info-section { position: sticky; background-color: white; z-index: 20; top: 0px; } } .contact-info-left { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 30px; row-gap: 5px; } .contact-item { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .contact-item.nolink { -ms-flex-preferred-size: 100%; flex-basis: 100%; } @media screen and (min-width: 75em) { .contact-item.nolink { -ms-flex-preferred-size: unset; flex-basis: unset; } } .contact-item.nolink p { font-size: 0.875rem; font-weight: 600; } .contact-item p { margin: 0; } .contact-link { text-decoration: underline; margin-left: 10px; color: #5C5F93; font-size: 0.9rem; font-family: 'Lexend', sans-serif; font-display: fallback; } .contact-link span { font-family: 'Lexend', sans-serif; font-display: fallback; } .icon-contact { width: 20px; height: 20px; margin-right: 10px; } .contact-bar { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; padding: 0.5rem 2rem; gap: 10px; } @media print, screen and (min-width: 40em) { .contact-bar { -ms-flex-direction: row; flex-direction: row; -ms-flex-pack: justify; justify-content: space-between; } } .contact-info-right { display: -ms-flexbox; display: flex; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-align: center; align-items: center; } @media print, screen and (min-width: 40em) { .contact-info-right { -ms-flex-pack: end; justify-content: flex-end; } } .contact-info-right button { margin-bottom: 0px; } .contact-info-right button img { filter: invert(99%) sepia(39%) saturate(0%) hue-rotate(36deg) brightness(110%) contrast(100%); } .button-no-margin { margin: 0; } .training-section { padding: 50px 0; background-color: #f8f8fa; } @media print, screen and (min-width: 64em) { .training-section { padding: 100px 0px; } } .training-section .container { max-width: 1200px; margin: 0 auto; padding: 0 15px; } .training-section__header { text-align: center; max-width: 600px; margin: 0 auto 40px auto; } .training-section__header__column { padding: 0 2rem; } .training-section__title { font-size: 2.188rem; font-weight: 800; line-height: 2.5rem; margin-bottom: 24px; } .training-section__description { max-width: 800px; margin: 0 auto; } .training-section__description a { font-family: 'Lexend', sans-serif; font-display: fallback; } .training-section__footer { text-align: center; margin-top: 40px; } .training-section__button { display: inline-block; padding: 12px 32px; background-color: #1e225c; color: #fff; font-weight: 600; border-radius: 7%; text-decoration: none; transition: all 0.3s ease; } .training-section__button:hover { background-color: #111436; transform: translateY(-2px); box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); } .training-tabs { margin-bottom: 30px; text-align: center; } @media print, screen and (min-width: 64em) { .training-tabs { margin-bottom: 80px; } } .training-tabs__header { display: -ms-inline-flexbox; display: inline-flex; -ms-flex-pack: center; justify-content: center; gap: 15px; padding: 7px 9px; border-radius: 100px; background-color: #EEEEF3; margin: 0 auto 0px auto; } .training-tabs__button { padding: 10px 24px; background-color: transparent; border-radius: 100px; font-weight: 600; font-size: 16px; line-height: 1.2; cursor: pointer; transition: all 0.3s ease; } .training-tabs__button.active { background-color: #fff; color: #1e225c; } .training-tabs__button:hover:not(.active) { background-color: #f5f5f5; } .training-slider { display: none; position: relative; } .training-slider.active { display: block; } .training-slider__wrapper { display: -ms-flexbox; display: flex; overflow-x: auto; scroll-behavior: smooth; gap: 20px; padding: 10px; padding-bottom: 30px; scroll-snap-type: x mandatory; /* <--- Dit zorgt voor het snappen */ -ms-overflow-style: none; scrollbar-width: none; } .training-slider__wrapper::-webkit-scrollbar { display: none; } @media print, screen and (min-width: 64em) { .training-slider__wrapper.lessthanthree { scroll-snap-type: none; scroll-behavior: auto; overflow-x: hidden; -ms-flex-pack: center; justify-content: center; } .training-slider__wrapper.lessthanthree .training-card { scroll-snap-align: none; } .training-slider__wrapper.lessthanthree .training-card__inneritem { transform: none; } .training-slider__wrapper.lessthanthree .training-card:hover .training-card__inneritem { transform: translateY(-5px); } } .training-slider__controls { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; margin-top: 20px; gap: 15px; } .training-slider__arrow { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; min-width: 40px; width: 40px; height: 40px; border-radius: 50%; border: 1px solid #e0e0e0; background-color: #fff; cursor: pointer; transition: all 0.3s ease; } .training-slider__arrow:hover { background-color: #f5f5f5; border-color: #c7c7c7; } .training-slider__arrow svg { width: 20px; height: 20px; stroke: #333; } .training-slider__dots { display: -ms-flexbox; display: flex; gap: 8px; -ms-flex-wrap: wrap; flex-wrap: wrap; } .training-slider .dot { width: 10px; height: 10px; border-radius: 50%; background-color: #e0e0e0; cursor: pointer; transition: all 0.3s ease; } .training-slider .dot.active { background-color: #1e225c; transform: scale(1.2); } .training-slider .training-card { width: 320px; scroll-snap-align: start; /* of center / end afhankelijk van je voorkeur */ max-width: 320px; } .training-slider .training-card.highlighted .training-card__inneritem { border: 1px solid #b6b7c9; } @media print, screen and (min-width: 40em) { .training-slider .training-card { min-width: 400px; } } .training-slider .training-card__inneritem { transform: translateX(calc(max(1380px, 100vw) / 2 - 660px)); display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; background-color: #fff; border-radius: 30px; overflow: hidden; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); transition: all 0.3s ease; padding: 15px; border: 1px solid white; height: 100%; } .training-slider .training-card:hover .training-card__inneritem { transform: translateX(calc(max(1380px, 100vw) / 2 - 660px)) translateY(-5px); box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12); } .training-slider .training-card__header { position: relative; padding: 16px; display: -ms-flexbox; display: flex; -ms-flex-pack: end; justify-content: flex-end; } .training-slider .training-card__favorite { background: none; border: none; cursor: pointer; padding: 0; margin: 0; } .training-slider .training-card__favorite svg { stroke: #e0e0e0; fill: none; transition: all 0.3s ease; } .training-slider .training-card__favorite svg:hover { stroke: #1e225c; } .training-slider .training-card__favorite.active svg { fill: #1e225c; stroke: #1e225c; } .training-slider .training-card__tag { position: absolute; left: 50%; top: 16px; padding: 4px 10px; background-color: #f5f5f5; border-radius: 4px; font-size: 12px; font-weight: 600; transform: translateX(-50%); text-align: center; } .training-slider .training-card__content { -ms-flex: 1; flex: 1; padding: 0 8px 16px; } @media print, screen and (min-width: 40em) { .training-slider .training-card__content { padding: 0 16px 16px; } } .training-slider .training-card__title { font-size: 1.375rem; line-height: 1.5rem; font-weight: 600; margin-bottom: 25px; margin-top: 13px; font-family: 'Lexend', sans-serif; font-display: fallback; text-align: center; } @media print, screen and (min-width: 64em) { .training-slider .training-card__title { margin-bottom: 36px; } } .training-slider .training-card__intro { font-size: 0.938rem; line-height: 1.25rem; margin-bottom: 25px; } .training-slider .training-card__details { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; margin-bottom: 25px; } @media print, screen and (min-width: 64em) { .training-slider .training-card__details { margin-bottom: 36px; } } .training-slider .training-card__detail { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 8px; font-size: 12px; } .training-slider .training-card__detail svg { color: #1e225c; } .training-slider .training-card__detail img { filter: invert(12%) sepia(22%) saturate(5688%) hue-rotate(223deg) brightness(97%) contrast(96%); width: 16px; height: 16px; object-fit: contain; } .training-slider .training-card__category { display: -ms-flexbox; display: flex; gap: 10px; font-size: 0.875rem; line-height: 1.25rem; color: #9899AB; margin-bottom: 22px; border-top: 1px solid #e0e0e0; padding-top: 25px; } @media print, screen and (min-width: 64em) { .training-slider .training-card__category { padding-top: 36px; margin-bottom: 22px; } } .training-slider .training-card__included { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; gap: 12px; } .training-slider .training-card__included .training-listing { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center; } .training-slider .training-card__included .training-listing__name { font-size: 0.875rem; line-height: 1.25rem; font-weight: 600; } .training-slider .training-card__included .training-listing.notincluded .training-listing__name { color: #CBCFD9; } .training-slider .training-card__courses { margin-bottom: 15px; } .training-slider .training-card__courses h4 { font-size: 16px; font-weight: 600; margin-bottom: 8px; } .training-slider .training-card__courses ul { list-style: none; padding: 0; margin: 0; } .training-slider .training-card__courses li { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center; padding: 8px 0; border-bottom: 1px solid #e0e0e0; } .training-slider .training-card__courses li:last-child { border-bottom: none; } .training-slider .training-card__coaching { margin-top: 36px; } .training-slider .training-card__coaching .training-listing { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center; } .training-slider .training-card__coaching .training-listing__name { font-size: 0.875rem; line-height: 1.25rem; font-weight: 600; } .training-slider .training-card__coaching .training-listing.notincluded .training-listing__name { color: #CBCFD9; } .training-slider .training-card__footer { padding: 16px; display: -ms-flexbox; display: flex; /* border-top: 1px solid #e0e0e0; */ -ms-flex-pack: center; justify-content: center; } .training-slider .training-card__button { width: 100%; text-align: center; } .training-slider .info-button { background: none; border: none; padding: 0; cursor: pointer; } .training-slider .info-button svg { color: #999999; transition: all 0.3s ease; } .training-slider .info-button svg:hover { color: #1e225c; } @media (max-width: 991px) { .training-card { -ms-flex: 0 0 calc(50% - 20px); flex: 0 0 calc(50% - 20px); } } @media (max-width: 767px) { .training-section__title { font-size: 28px; } .training-section__description { font-size: 16px; } .training-section__description a { font-family: 'Lexend', sans-serif; font-display: fallback; } .training-card { -ms-flex: 0 0 100%; flex: 0 0 100%; } } .off-canvas.is-transition-overlap.is-open { box-shadow: none; } .scroll-header .header__mobile { box-shadow: none; } .scroll-up .category__content-blocks__container__toc, .scroll-header .category__content-blocks__container__toc, .scroll-submenu .category__content-blocks__container__toc { top: 90px; } @media print, screen and (min-width: 64em) { .scroll-up .category__content-blocks__container__toc, .scroll-header .category__content-blocks__container__toc, .scroll-submenu .category__content-blocks__container__toc { top: unset; } } @media print, screen and (min-width: 64em) { .scroll-up .category__content-blocks__container__toc__container, .scroll-header .category__content-blocks__container__toc__container, .scroll-submenu .category__content-blocks__container__toc__container { top: 140px; } } .specialization-grid { display: grid; grid-template-columns: 1fr; gap: 30px; } @media print, screen and (min-width: 40em) { .specialization-grid { grid-template-columns: repeat(2, 1fr); } } @media print, screen and (min-width: 64em) { .specialization-grid { grid-template-columns: repeat(3, 1fr); } } .specialization-card { background-color: #fff; border-radius: 16px; overflow: hidden; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); transition: all 0.3s ease; position: relative; text-decoration: none; } .specialization-card__content { padding: 25px 25px 25px; } .specialization-card__title { font-size: 1.375rem; line-height: 1.5rem; font-weight: 700; word-break: break-word; color: #1e225c; margin-bottom: 0; padding-right: 10px; /* Reduced from 30px */ -ms-flex: 1; flex: 1; /* Allow title to take available space */ min-width: 0; /* Allows text to truncate if needed */ position: relative; } .specialization-card__description { font-size: 0.875rem; line-height: 1.375rem; margin-bottom: 0px; margin-top: 20px; max-height: 10rem; overflow-y: auto; text-overflow: ellipsis; } .specialization-card__description a { font-family: 'Lexend', sans-serif; font-display: fallback; } .specialization-card__button { width: 25px; height: 25px; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; border-radius: 100%; border: 1px solid #1e225c; transition: all 400ms; min-width: 25px; /* Prevents button from shrinking */ -ms-flex-negative: 0; flex-shrink: 0; /* Prevents button from shrinking */ } .specialization-card__button img { filter: invert(17%) sepia(10%) saturate(4991%) hue-rotate(203deg) brightness(94%) contrast(105%); width: 18px; height: 18px; /* Added height to maintain aspect ratio */ object-fit: contain; /* Ensures the image maintains its aspect ratio */ } .specialization-card .title-button { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; } .specialization-card:hover { cursor: pointer; } .specialization-card:hover .specialization-card__button { background-color: #1e225c; } .specialization-card:hover .specialization-card__button img { filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(73deg) brightness(106%) contrast(101%); } .specialization-card:hover .specialization-card__title { color: #ff9900; transition: color 400ms; } .category .cluster-header__content__text__buttons__button { width: 100%; } @media print, screen and (min-width: 40em) { .category .cluster-header__content__text__buttons__button { width: inherit; } } .category__intro__container { margin-bottom: 50px !important; } @media print, screen and (min-width: 40em) { .category__intro__container { margin-bottom: 80px !important; } } .category__training-slider { margin: 50px 0px; } @media print, screen and (min-width: 64em) { .category__training-slider { margin: 100px 0px; } } .category__training-slider.graybg { background-color: #f6f6f6 !important; margin: 0px 0px; padding: 50px 0px !important; } @media print, screen and (min-width: 64em) { .category__training-slider.graybg { margin: 0px 0px; padding: 100px 0px !important; } } .category__training-slider__header__container { padding: 0 2rem; } .category__training-slider__header__title { font-size: 2.188rem; line-height: 2.5rem; font-weight: 800; font-family: 'Lexend', sans-serif; font-display: fallback; } .category__training-slider__header__description { font-size: 1rem; line-height: 1.5rem; max-width: 800px; margin-top: 24px; } .category__training-slider__header__description p { margin: 0; } .category__training-slider__slider-container { margin-top: 36px; /* .rf-cards-scroller { position: relative; margin-bottom: 20px; .rf-cards-scroller-crop { overflow: hidden; } .rf-cards-scroller-content { -webkit-overflow-scrolling: touch; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; &::-webkit-scrollbar { display: none; } } .rf-cards-scroller-platter { display: flex; flex-wrap: nowrap; } .snap-slide { scroll-snap-align: start; flex: 0 0 auto; width: calc(25% - 16px); margin-right: 1rem; transform: translateX(calc(max(1380px, 100vw) / 2 - 660px)); @media (max-width: 1024px) { width: calc(40.333% - 16px); } @media (max-width: 768px) { width: calc(70% - 16px); } @media (max-width: 480px) { width: calc(100% - 16px); } }*/ /*.training-card { border-radius: 8px; overflow: hidden; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); background-color: white; height: 100%; padding: 10px; min-width: 310px; display: flex; border: none; flex-direction: column; transition: transform 0.2s, box-shadow 0.2s; &:hover { transform: translateY(-5px); box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15); } &__link { text-decoration: none; color: inherit; display: flex; flex-direction: column; height: 100%; } &__image { position: relative; height: 0; border-radius: 10px; padding-bottom: 60%; overflow: hidden; img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; } } &__content { padding: 15px; display: flex; flex-direction: column; flex-grow: 1; } &__button { } &__category { font-size: 14px; padding: 6px; font-weight: 600; color: #575a86; /* margin-bottom: 8px; */ /*border: none; background-color: #f7f8f9; border-radius: 9px; width: fit-content; display: block; } &__title { font-size: 18px; font-weight: 700; color: #1e215c; text-align: left; margin-bottom: 12px; line-height: 1.3; } &__intro { font-size: 14px; line-height: 1.5; color: #1e215c; margin-bottom: 20px; flex-grow: 1; } &__details { display: flex; /* flex-wrap: wrap; */ /*gap: 12px; font-size: 12px; color: #1e215c; justify-content: space-around; align-items: baseline; .training-card__price { font-weight: 600; } .training-card__rating { color: #f5a623; } } } // Special tag styles .special-tag { position: absolute; top: 12px; left: 0; background-color: #e94ca1; color: white; padding: 4px 10px; font-size: 12px; font-weight: 600; z-index: 1; } .visuallyhidden { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } // Last minute tag .last-minute-tag { position: absolute; top: 12px; left: 0; background-color: #e94ca1; color: white; padding: 4px 10px; font-size: 12px; font-weight: 600; z-index: 1; } }*/ } .category__training-slider__slider-container .rf-cards-scroller-crop { height: 38.5rem; } @media print, screen and (min-width: 40em) { .category__training-slider__slider-container .rf-cards-scroller-crop { height: 32.5rem; } } @media print, screen and (min-width: 64em) { .category__training-slider__slider-container .rf-cards-scroller-crop { height: 35rem; } } .category__training-slider__slider-container .rf-ccard-40 .rf-ccard-content { width: 23rem; } @media print, screen and (min-width: 64em) { .category__training-slider__slider-container .rf-ccard-40 .rf-ccard-content { width: 25rem; } } .category__training-slider__cta { margin-top: 10px; /*Changeback - to 36px; */ } .category__training-slider__cta__container { padding: 0 2rem; } .category__specialization { margin: 50px 0px; } @media print, screen and (min-width: 64em) { .category__specialization { margin: 100px 0px; } } .category__specialization__header__container { padding: 0 2rem; } .category__specialization__header__title { font-size: 2.188rem; line-height: 2.5rem; font-weight: 800; font-family: 'Lexend', sans-serif; font-display: fallback; } .category__specialization__header__description { font-size: 16px; line-height: 1.6; max-width: 800px; } .category__specialization__header__description a { font-family: 'Lexend', sans-serif; font-display: fallback; } .category__specialization__header__description p { margin: 0; } .category__specialization__grid-section { margin-top: 36px; } .category__specialization__grid-section__container { padding: 0 2rem; } .category__content-blocks__main-title__text { font-family: 'Lexend', sans-serif; font-display: fallback; font-weight: 800; font-size: 3.188rem; line-height: 2.888rem; text-align: center; margin-bottom: 0px !important; letter-spacing: 0 !important; } @media print, screen and (min-width: 40em) { .category__content-blocks__main-title__text { font-size: 4rem; line-height: 4rem; } } @media print, screen and (min-width: 64em) { .category__content-blocks__main-title__text { font-size: 5rem; line-height: 4.5rem; } } .category__content-blocks__main-title__border { height: 5px; width: 100%; background-color: #D6D7E5; } .category__content-blocks__container { margin: 50px auto; -ms-flex-direction: column; flex-direction: column; } @media print, screen and (min-width: 40em) { .category__content-blocks__container { -ms-flex-direction: column; flex-direction: column; } } @media print, screen and (min-width: 64em) { .category__content-blocks__container { margin: 100px auto; -ms-flex-direction: row; flex-direction: row; } } .category__content-blocks__container__toc { -ms-flex-positive: 0; flex-grow: 0; padding: 0 2rem; position: sticky; top: 20px; transition: all 400ms; } @media print, screen and (min-width: 64em) { .category__content-blocks__container__toc { padding: 0 4rem 0 2rem; position: relative; top: unset; } } .category__content-blocks__container__toc__container { height: 75px; } @media print, screen and (min-width: 64em) { .category__content-blocks__container__toc__container { height: unset; padding: 37px 47px; background-color: white; position: sticky; top: 80px; box-shadow: 20px 20px 40px rgba(101, 119, 160, 0.12); border-radius: 12px; min-width: 360px; } } .category__content-blocks__container__toc__container .toc-title { font-family: 'Lexend', sans-serif; font-display: fallback; font-size: 0.875rem; font-weight: 700; line-height: 1.085rem; margin-bottom: 15px; padding: 16px 20px; background-color: white; box-shadow: 20px 20px 40px rgba(101, 119, 160, 0.12); border-radius: 12px; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-align: center; align-items: center; gap: 5px; position: absolute; } @media print, screen and (min-width: 40em) { .category__content-blocks__container__toc__container .toc-title { font-size: 1rem; line-height: 1.24rem; } } @media print, screen and (min-width: 64em) { .category__content-blocks__container__toc__container .toc-title { position: relative; margin-bottom: 30px; display: block; line-height: 1.5rem; padding: 0px; background-color: unset; box-shadow: none; border-radius: 0px; font-size: 1.375rem; } } .category__content-blocks__container__toc__container .toc-title .toc-menu-button-icon { width: 12px; height: 12px; object-fit: contain; filter: invert(17%) sepia(42%) saturate(1218%) hue-rotate(202deg) brightness(91%) contrast(106%); } .category__content-blocks__container__toc__container .toc-title.open .toc-menu-button-icon { transform: rotate(180deg); } .category__content-blocks__container__toc__container .toc-navigation { list-style-type: none; -ms-flex-direction: column; flex-direction: column; gap: 24px; margin: 0; padding: 16px 20px; background-color: white; box-shadow: 20px 20px 40px rgba(101, 119, 160, 0.12); border-radius: 12px; display: -ms-inline-flexbox; display: inline-flex; position: absolute; margin-top: 65px; } .category__content-blocks__container__toc__container .toc-navigation.closed { display: none; } @media print, screen and (min-width: 64em) { .category__content-blocks__container__toc__container .toc-navigation { margin-top: 0px; position: relative; display: -ms-flexbox; display: flex; padding: 0px; background-color: unset; box-shadow: none; border-radius: 0px; font-size: 1.375rem; } .category__content-blocks__container__toc__container .toc-navigation.closed { display: -ms-flexbox; display: flex; } } .category__content-blocks__container__toc__container .toc-navigation > li > a { display: block; font-size: 0.875rem; line-height: 1.085rem; font-family: 'Lexend', sans-serif; font-display: fallback; font-weight: 600; text-decoration: none; transition: all 400ms; position: relative; padding-right: 20px; } .category__content-blocks__container__toc__container .toc-navigation > li > a:hover { text-decoration: underline; } @media print, screen and (min-width: 64em) { .category__content-blocks__container__toc__container .toc-navigation > li > a { font-size: 1rem; line-height: 1.2rem; } } .category__content-blocks__container__toc__container .toc-navigation > li > a.has-sub::after { content: " ❯"; transform: rotate(90deg); display: inline-block; position: absolute; right: 0px; top: 2px; } @media print, screen and (min-width: 40em) { .category__content-blocks__container__toc__container .toc-navigation > li > a.has-sub::after { right: 0px; top: 2px; } } .category__content-blocks__container__toc__container .toc-navigation > li > a.has-sub.open::after { content: ' \276F'; transform: rotate(270deg); display: inline-block; position: absolute; } .category__content-blocks__container__toc__container .toc-navigation > li > ul { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; gap: 8px; max-height: 0; overflow: hidden; transition: max-height 0.3s ease; } .category__content-blocks__container__toc__container .toc-navigation > li > ul.is-open { max-height: 500px; /* groot genoeg voor grootste submenu */ margin-top: 12px; margin-left: 5px; } .category__content-blocks__container__toc__container .toc-navigation > li > ul.hidden { display: none; } .category__content-blocks__container__toc__container .toc-navigation > li > ul > li { display: -ms-flexbox; display: flex; gap: 8px; -ms-flex-align: center; align-items: center; } .category__content-blocks__container__toc__container .toc-navigation > li > ul > li > a { font-size: 0.875rem; line-height: 1.085rem; font-family: 'Lexend', sans-serif; font-display: fallback; font-weight: 400; text-decoration: none; transition: all 400ms; } .category__content-blocks__container__toc__container .toc-navigation > li > ul > li > a:hover { text-decoration: underline; } @media print, screen and (min-width: 64em) { .category__content-blocks__container__toc__container .toc-navigation > li > ul > li > a { font-size: 1rem; line-height: 1.25rem; font-weight: 400; } } .category__content-blocks__container__toc__container .toc-navigation > li > ul > li .bullet { width: 6px; height: 6px; background-color: #151A5E; /* jouw kleur */ border-radius: 50%; -ms-flex-negative: 0; flex-shrink: 0; } .category__content-blocks__container__content { padding: 0 2rem; max-width: 750px; } .category__content-blocks__container__content .content-section p, .category__content-blocks__container__content .content-section table { margin-bottom: 1.5rem; } .category__content-blocks__container__content .content-section p:has( + ul) { margin-bottom: 1rem; } .category__content-blocks__container__content .content-section table thead th { color: white; } .category__content-blocks__container__content .content-section table thead th b { color: white; } .category__content-blocks__container__content .content-section table td, .category__content-blocks__container__content .content-section table thead th { word-break: break-word; white-space: normal; /* of nowrap als je dat juist wil */ } .category__content-blocks__container__content .content-section h3 { font-weight: 600; font-size: 1.375rem; line-height: 1.5rem; font-family: 'Lexend', sans-serif; font-display: fallback; } .category__content-blocks__container__content .content-section h4 { font-weight: 600; font-size: 1.2rem; line-height: 1.375rem; font-family: 'Lexend', sans-serif; font-display: fallback; } .category__content-blocks__container__content .content-section:not(:first-of-type) { margin-top: 65px; } .category__content-blocks__container__content .content-section .section-title { font-size: 2.188rem; line-height: 2.5rem; margin-bottom: 30px !important; word-break: break-word; } .category__content-blocks__container__content .content-section img.size-full { width: 100%; object-fit: cover; border-radius: 4px 24px 24px 24px; } .category__content-blocks__container__content .content-section .section-list { margin-top: 36px; display: -ms-flexbox; display: flex; gap: 24px; } .category__content-blocks__container__content .content-section .section-list__icon { width: 34px; height: 34px; object-fit: contain; border-radius: 0; } .category__content-blocks__container__content .content-section .section-list__title { font-weight: 600; font-size: 1.375rem; line-height: 1.5rem; font-family: 'Lexend', sans-serif; font-display: fallback; } .category__content-blocks__container__content .content-section .subsection { margin-top: 65px; } .category__content-blocks__container__content .content-section .subsection-container { display: -ms-flexbox; display: flex; gap: 24px; } .category__content-blocks__container__content .content-section .subsection-icon { width: 34px; height: 34px; object-fit: contain; border-radius: 0; } .category__content-blocks__container__content .content-section .subsection-title { font-size: 1.75rem; line-height: 2rem; margin-bottom: 24px !important; font-weight: 600; font-family: 'Lexend', sans-serif; font-display: fallback; } .category__content-blocks__container__content .content-section .subsection-image { margin-bottom: 24px; height: 270px; width: 100%; object-fit: cover; border-radius: 4px 24px 24px 24px; } .category__choice-help { margin: 50px auto; } @media print, screen and (min-width: 64em) { .category__choice-help { margin: 100px auto; } } .category__choice-help__header__content { padding: 0 2rem; } .category__choice-help__header__title { font-size: 2.188rem; line-height: 2.5rem; font-weight: 800; font-family: 'Lexend', sans-serif; font-display: fallback; text-align: left !important; } @media print, screen and (min-width: 40em) { .category__choice-help__header__title { text-align: center !important; } } .category__choice-help__header__description { margin-top: 24px; } .category__choice-help__header__description a { font-family: 'Lexend', sans-serif; font-display: fallback; } .category__choice-help__blocks { margin-top: 42px; } .category__choice-help__blocks__container { padding: 0 2rem; } .category__choice-help__blocks__grid { display: grid; gap: 22px; grid-template-columns: 1fr; } @media print, screen and (min-width: 40em) { .category__choice-help__blocks__grid { grid-template-columns: 1fr 1fr; } } .category__choice-help__blocks__grid .grid-item { padding: 30px 30px 0px 30px; border-radius: 16px; border: 1px solid #DBDBDB; transition: all 400ms; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; gap: 10px; overflow: hidden; position: relative; } .category__choice-help__blocks__grid .grid-item .grid-item-header { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center; } .category__choice-help__blocks__grid .grid-item .grid-item-title { font-size: 1.375rem; line-height: 1.5rem; font-family: 'Lexend', sans-serif; font-display: fallback; font-weight: 600; } .category__choice-help__blocks__grid .grid-item .grid-item-button { width: 25px; height: 25px; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; border-radius: 100%; border: 1px solid #1e225c; transition: all 400ms; } .category__choice-help__blocks__grid .grid-item .grid-item-button img { filter: invert(17%) sepia(10%) saturate(4991%) hue-rotate(203deg) brightness(94%) contrast(105%); width: 18px; } .category__choice-help__blocks__grid .grid-item .grid-item-description { font-size: 0.938rem; padding-right: 30px; } .category__choice-help__blocks__grid .grid-item .grid-item-image { position: relative; margin-top: auto; } .category__choice-help__blocks__grid .grid-item .grid-item-image .grid-item-image-container { border-radius: 16px; transform: rotate(3deg) translateY(20px); max-width: 290px; height: 200px; margin: 0 auto 0 auto; position: relative; } .category__choice-help__blocks__grid .grid-item .grid-item-image .grid-item-image-container.yellow { background-color: #FFC107; } .category__choice-help__blocks__grid .grid-item .grid-item-image .grid-item-image-container.purple { background-color: #B14DD6; } .category__choice-help__blocks__grid .grid-item .grid-item-image .grid-item-image-container img { transform: rotate(-3deg); width: 100%; position: absolute; } .category__choice-help__blocks__grid .grid-item .grid-item-image .grid-item-image-container img.bottom-align { bottom: 0px; transform: translateY(-20px) rotate(-3deg); } .category__choice-help__blocks__grid .grid-item .grid-item-image .grid-item-image-container img.center-align { top: 50%; transform: translateY(-50%) rotate(-3deg); } .category__choice-help__blocks__grid .grid-item .grid-item-overlaylink { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .category__choice-help__blocks__grid .grid-item:hover { cursor: pointer; border: 1px solid #1e225c; } .category__choice-help__blocks__grid .grid-item:hover .grid-item-button { background-color: #1e225c; } .category__choice-help__blocks__grid .grid-item:hover .grid-item-button img { filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(73deg) brightness(106%) contrast(101%); } .category__choice-help__blocks__grid .help-block { text-decoration: none; } .category__choice-help__blocks__grid .help-block .image-background { position: absolute; top: 0; left: 0; border-radius: 16px; width: 100%; height: 18em; } @media print, screen and (min-width: 40em) { .category__choice-help__blocks__grid .help-block .image-background { width: 18em; } } .category__choice-help__blocks__grid .help-block:hover .grid-item-title { color: #ff9900; transition: color 400ms; } .category__choice-help__blocks__grid .help-block:hover .image-background { transform: rotate(-6deg) translateY(0px); transition: transform 400ms; } .category__incompany-section { margin: 50px auto; } @media print, screen and (min-width: 64em) { .category__incompany-section { margin: 100px auto; } } .category__incompany-section__header__content { padding: 0 2rem; } .category__incompany-section__header__title { font-size: 2.188rem; line-height: 2.5rem; font-weight: 800; font-family: 'Lexend', sans-serif; font-display: fallback; } .category__incompany-section__header__description { margin-top: 24px; } .category__incompany-section__header__description p { margin-bottom: 24px; } .category__incompany-section__header__description p:last-of-type { margin-bottom: 0px; } .category__incompany-section__header__image { position: relative; padding: 0 2rem; } @media print, screen and (min-width: 64em) { .category__incompany-section__header__image.left { padding: 0 2rem 0 0; } } @media print, screen and (min-width: 64em) { .category__incompany-section__header__image.right { padding: 0 0 0 2rem; } } .category__incompany-section__header__image .image1 { padding-left: 0px; margin-bottom: 10px; padding-right: 45px; margin-right: 0px; } .category__incompany-section__header__image .image1 img { height: 170px; border-radius: 0px 24px 24px 24px; } .category__incompany-section__header__image .image2 { padding-left: 35px; padding-right: 0px; margin-right: 0px; } .category__incompany-section__header__image .image2 img { height: 130px; border-radius: 0px 24px 24px 24px; } .category__incompany-section__header__image .incompany__intro__container__image__overlay { top: 135px; right: 45px; left: unset !important; } .category__incompany-section__header__image .incompany__intro__container__image__overlay img { width: 75px; height: 75px; } .category__incompany-section__logos { margin-top: 50px; } @media print, screen and (min-width: 64em) { .category__incompany-section__logos { margin-top: 100px; } } .category__incompany-section__logos__content { padding: 0 2rem; } .category__incompany-section__logos__title { font-size: 1rem; line-height: 1.6; max-width: 425px; margin: 0 auto; } .category__incompany-section__logos__grid { margin-top: 42px; display: grid; grid-template-columns: repeat(2, 1fr); gap: 40px; } @media print, screen and (min-width: 40em) { .category__incompany-section__logos__grid { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; gap: 70px; -ms-flex-wrap: wrap; flex-wrap: wrap; } } .category .faq-body { max-width: 975px; } .category .faq-body__subtitle { max-width: 590px; margin: 0 auto; font-size: 1rem; } .category .faq-body__subtitle a { font-family: 'Lexend', sans-serif; font-display: fallback; } .category .faq-body__box { margin-top: 36px; } .centered { text-align: center; } .download-off-canvas { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; } .download-off-canvas .download-image { width: 55%; margin-top: 5.5em; } .download-off-canvas .download-title { font-size: 1.5rem; line-height: 1.5rem; font-weight: 700; margin-top: 2rem; max-width: 20rem; color: #1e225c; } .download-off-canvas .download-form { padding: 0; margin: 0; } .download-off-canvas .download-text { font-size: 14px; margin: -2px 0px 0px 15px !important; } .download-off-canvas .download-disclaimer { color: #1e225c; font-size: 13px; line-height: 1.2rem; margin-top: 1rem; } .stars { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .star { position: relative; display: inline-block; margin-right: 2px; } .star img { width: 20px; height: 20px; display: block; } .star.empty img { opacity: 0.3; /* Make empty stars more transparent */ } .star.partial { position: relative; overflow: hidden; } .star.partial::after { content: ''; position: absolute; top: 0; left: 0; bottom: 0; background-color: rgba(255, 255, 255, 0.7); z-index: 1; } .testimonial-block-home .snap-slider .rf-ccard-40 .review-card { height: 370px; width: 21rem; } @media print, screen and (min-width: 40em) { .testimonial-block-home .snap-slider .rf-ccard-40 .review-card { height: 420px; } } @media print, screen and (min-width: 64em) { .testimonial-block-home .snap-slider .rf-ccard-40 .review-card { height: 470px; } } .scroll-up .keuzehulp__mainbar, .scroll-submenu .keuzehulp__mainbar { top: 60px; } @media print, screen and (min-width: 64em) { .scroll-up .keuzehulp__mainbar, .scroll-submenu .keuzehulp__mainbar { top: 70px; } } @media print, screen and (min-width: 64em) { .scroll-up .keuzehulp__sidebar, .scroll-submenu .keuzehulp__sidebar { top: 170px; } } .outer-padding { padding: 0rem 2rem !important; } .categorie__container .tab-head { padding-left: 2rem; padding-right: 0; margin-left: 0px; } @media print, screen and (min-width: 64em) { .categorie__container .tab-head { padding: 0 2rem; } } .categorie__container .tab-head #keuzehulpTabbing { overscroll-behavior-x: contain; -ms-overflow-style: none; scrollbar-width: none; } .categorie__container .tab-head #keuzehulpTabbing::-webkit-scrollbar { display: none; } .categorie__container .tab-head .tabbing:first-of-type { margin-left: 0px !important; } .titleTopCatogorytrainingen div h2 { margin-bottom: 0px !important; } .keuzehulp { background-color: #F8F8FA; } .keuzehulp .twocol { padding-top: 30px; } @media print, screen and (min-width: 64em) { .keuzehulp .twocol { padding-top: 0px; } } @media print, screen and (min-width: 64em) { .keuzehulp { background-color: transparent; } } .keuzehulp__offcanvas { width: 320px; background-color: white; } .keuzehulp__offcanvas .keuzehulp__sidebar__container { padding: 20px; } .keuzehulp__offcanvas .keuzehulp__sidebar__container__top { padding-right: 0.625rem; padding-left: 0.625rem; } .keuzehulp__profile { padding: 2rem 0rem; padding-left: 1.7rem; padding-right: 1.7rem; } @media print, screen and (min-width: 64em) { .keuzehulp__profile { padding-left: 2.5rem; padding-right: 2.5rem; overflow: scroll; height: 100%; } } .keuzehulp__profile__bar { position: sticky; z-index: 5; top: 0px; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center; padding: 10px 20px; background: #FFFFFF 0% 0% no-repeat padding-box; box-shadow: 0px 15px 30px rgba(42, 62, 82, 0.098); border-radius: 8px; column-gap: 10px; } @media print, screen and (min-width: 40em) { .keuzehulp__profile__bar { top: 30px; } } @media print, screen and (min-width: 40em) { .keuzehulp__profile__bar { column-gap: 40px; } } @media print, screen and (min-width: 64em) { .keuzehulp__profile__bar { top: -35px; } } .keuzehulp__profile__bar__mobile-item { -ms-flex-positive: 1; flex-grow: 1; -ms-flex-preferred-size: 0; flex-basis: 0; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; text-align: center; } @media print, screen and (min-width: 64em) { .keuzehulp__profile__bar__mobile-item { display: none; } } .keuzehulp__profile__bar__mobile-item svg { transform: scale(0.75); margin-right: 2px; } .keuzehulp__profile__bar__mobile-item.menu { -ms-flex-pack: start; justify-content: flex-start; } .keuzehulp__profile__bar__mobile-item.filter { -ms-flex-pack: end; justify-content: flex-end; } .keuzehulp__profile__bar__filter { -ms-flex-positive: 1; flex-grow: 1; -ms-flex-preferred-size: 0; flex-basis: 0; display: none; } @media print, screen and (min-width: 64em) { .keuzehulp__profile__bar__filter { display: block; position: relative; } } .keuzehulp__profile__bar__filter.show { -ms-flex-align: center; align-items: center; } @media print, screen and (min-width: 64em) { .keuzehulp__profile__bar__filter.show { display: -ms-flexbox; display: flex; } } .keuzehulp__profile__bar__filter.show span.title { letter-spacing: 0px; color: #1E225C; padding-right: 20px; } .keuzehulp__profile__bar__filter.show select { border: 1px solid #1E225C; border-radius: 2px; font-size: 0.8rem; height: inherit; margin-bottom: 0px; } .keuzehulp__profile__bar__filter.show .mobile-filter__expand li.current { color: white; } .keuzehulp__profile__bar__filter.search input { background: #FFFFFF 0% 0% no-repeat padding-box; box-shadow: 0px 2px 6px rgba(60, 84, 110, 0.2); border-radius: 8px; border: none; height: 37px; margin-bottom: 0px; padding: 7px 20px; padding-right: 40px; background-image: url("data:image/svg+xml;utf8,"); background-repeat: no-repeat; background-position: 95% 50%; background-size: 18px; } .keuzehulp__profile__bar__filter.search input:-ms-input-placeholder { color: #1E225C; } .keuzehulp__profile__bar__filter.search input::placeholder { color: #1E225C; } .keuzehulp__profile__bar__filter.search .close-button { right: 0.1rem; top: 1rem; } .keuzehulp__profile__bar__filter.view ul.tabbing { display: -ms-flexbox; display: flex; } .keuzehulp__profile__bar__filter.view ul.tabbing li { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; margin-right: 0px; border: none; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; column-gap: 16px; font-size: 0.9rem; } .keuzehulp__profile__bar__filter.view ul.tabbing li.current svg path { fill: white; } .keuzehulp__profile__bar__filter-menu { display: none; } .keuzehulp__profile__menu { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center; } .keuzehulp__profile__menu__button { padding: 10px 20px; background: #FFFFFF 0% 0% no-repeat padding-box; box-shadow: 0px 15px 30px rgba(42, 62, 82, 0.098); border-radius: 8px; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; } .keuzehulp__profile__menu__button svg { transform: scale(0.75); margin-right: 2px; } .keuzehulp__profile__menu__header { text-align: right; font-size: 1.5rem; font-weight: 800; color: #1E225C; } .keuzehulp__profile__content { margin-top: 30px; } .keuzehulp__profile__content h1 { font-weight: 800; font-size: 20px; margin-bottom: 17px; } .keuzehulp__profile__content h1.saved { border-bottom: 1px solid #AFB7C9; margin-bottom: 0px; padding-bottom: 17px; } @media print, screen and (min-width: 64em) { .keuzehulp__profile__content h1.saved { display: none; } } .keuzehulp__profile__content h2 { font-weight: 600; font-size: 1rem; margin: 17px 0px; } @media print, screen and (min-width: 64em) { .keuzehulp__profile__content h2 { font-size: 1.5rem; } } .keuzehulp__profile__content__saved-content-block { padding-bottom: 17px; border-bottom: 1px solid #AFB7C9; } .keuzehulp__profile__content__saved-content-block > .row.grid-view { padding-bottom: 15px; } .keuzehulp__profile__content__saved-content-block > .row.grid-view .grid-item { padding: 0px; } @media print, screen and (min-width: 40em) { .keuzehulp__profile__content__saved-content-block > .row.grid-view { column-gap: 1.875rem; } .keuzehulp__profile__content__saved-content-block > .row.grid-view .grid-item { padding: 0px; -ms-flex: 0 0 45%; flex: 0 0 45%; } } @media print, screen and (min-width: 64em) { .keuzehulp__profile__content__saved-content-block > .row.grid-view { column-gap: 1.875rem; } .keuzehulp__profile__content__saved-content-block > .row.grid-view .grid-item { padding: 0px; -ms-flex: 0 0 31.2%; flex: 0 0 31.2%; } } .keuzehulp__profile__content__saved-content-block > .row.list-view .grid-item { padding: 0px; } .keuzehulp__profile__content__dashboard__mainblock { background: #FFFFFF 0% 0% no-repeat padding-box; box-shadow: 0px 15px 30px rgba(42, 62, 82, 0.098); border-radius: 8px; padding: 35px 22px; margin-bottom: 30px; } @media print, screen and (min-width: 64em) { .keuzehulp__profile__content__dashboard__mainblock { padding: 60px; text-align: center; } } .keuzehulp__profile__content__dashboard__mainblock h1 { font-family: 'Lexend', sans-serif; font-display: fallback; text-align: center; font-size: 1.5rem; } @media print, screen and (min-width: 64em) { .keuzehulp__profile__content__dashboard__mainblock h1 { text-align: left; margin-bottom: 10px; } } .keuzehulp__profile__content__dashboard__mainblock p { text-align: center; margin-bottom: 30px; } @media print, screen and (min-width: 64em) { .keuzehulp__profile__content__dashboard__mainblock p { text-align: left; margin-bottom: 20px; } } .keuzehulp__profile__content__dashboard__mainblock div { text-align: center; } @media print, screen and (min-width: 64em) { .keuzehulp__profile__content__dashboard__mainblock div { text-align: left; } } .keuzehulp__profile__content__settings__menu { background: #FFFFFF 0% 0% no-repeat padding-box; box-shadow: 0px 15px 30px rgba(42, 62, 82, 0.098); border-radius: 8px; margin-bottom: 30px; } @media print, screen and (min-width: 64em) { .keuzehulp__profile__content__settings__menu { position: sticky; top: 30px; margin-bottom: 0px; height: 100%; } } .keuzehulp__profile__content__settings__menu__header { font-weight: 500; padding: 19px 22px; border-bottom: 1px solid #EAEAEA; color: #1E225C; font-family: 'Lexend', sans-serif; font-display: fallback; } .keuzehulp__profile__content__settings__menu__items { list-style-type: none; margin: 0px; padding: 19px 22px; } @media print, screen and (min-width: 64em) { .keuzehulp__profile__content__settings__sections { padding-left: 2.5rem !important; } } .keuzehulp__profile__content__settings__section { background: #FFFFFF 0% 0% no-repeat padding-box; box-shadow: 0px 15px 30px rgba(42, 62, 82, 0.098); border-radius: 8px; padding: 35px 22px; margin-bottom: 30px; } @media print, screen and (min-width: 64em) { .keuzehulp__profile__content__settings__section { padding: 60px; } } .keuzehulp__profile__content__settings__section__header { font-family: 'Lexend', sans-serif; font-display: fallback; text-align: left; font-size: 1.3rem; font-weight: 800; color: #1E225C; } @media print, screen and (min-width: 64em) { .keuzehulp__profile__content__settings__section__header { margin-bottom: 10px; font-size: 1.5rem; } } .keuzehulp__mainbar { position: sticky; top: 0px; z-index: 10; background-color: white; transition: all 400ms; } @media print, screen and (min-width: 64em) { .keuzehulp__mainbar { top: 0px; } } .keuzehulp__mainbar__title { display: none; } @media print, screen and (min-width: 64em) { .keuzehulp__mainbar__title { display: block; font-size: 2.4375rem; color: #1e225d; font-weight: bold; font-family: 'Lexend', sans-serif; font-display: fallback; margin-top: 30px; margin-bottom: 30px !important; } } .keuzehulp__mainbar__title__variable { display: none; } .keuzehulp__mainbar__content { margin-top: 10px; } .keuzehulp__mainbar__content__search { position: relative; } .keuzehulp__mainbar__content__search img { position: absolute; left: 16px; pointer-events: none; top: 1rem; width: 1rem; } .keuzehulp__mainbar__content__search__input { text-align: left; padding-left: 50px; border-radius: 8px; border: 1px solid #D6D6D6; height: 47px; text-align: left; } .keuzehulp__mainbar__content__search__input::-webkit-input-placeholder { color: #1e225d; opacity: 1; } .keuzehulp__mainbar__content__menu { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; width: 83%; } .keuzehulp__mainbar__content__menu__option { background-color: #fff; color: #191e58; text-align: center; width: 100%; padding: 5px 0px; font-weight: 600; font-size: 0.9rem; cursor: pointer; height: 100%; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; border-bottom: 2px solid white; transition: background 400ms, color 400ms; } .keuzehulp__mainbar__content__menu__option.selected, .keuzehulp__mainbar__content__menu__option:active, .keuzehulp__mainbar__content__menu__option:hover, .keuzehulp__mainbar__content__menu__option:focus { background-color: #fff; color: #1e225d; border: none; border-bottom: 2px solid #1e225d; } .keuzehulp__mainbar__content__menu__option__button { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; height: 100%; } .keuzehulp__mainbar__content__menu__option__button__icons { padding: 2px 10px; font-size: 1.5rem; display: inline-block; border-radius: 2px; transition: background 400ms, color 400ms; margin: 0px; } @media print, screen and (min-width: 64em) { .keuzehulp__mainbar__content__menu__option__button__icons { padding: 5px 10px; font-size: 0.9rem; } } .keuzehulp__mainbar__content__menu__option__button__icons.selected, .keuzehulp__mainbar__content__menu__option__button__icons:active, .keuzehulp__mainbar__content__menu__option__button__icons:hover, .keuzehulp__mainbar__content__menu__option__button__icons:focus { background-color: #206bb4; color: white; cursor: pointer; } .keuzehulp__mainbar__content__menu__option__button__icons.selected svg path, .keuzehulp__mainbar__content__menu__option__button__icons:active svg path, .keuzehulp__mainbar__content__menu__option__button__icons:hover svg path, .keuzehulp__mainbar__content__menu__option__button__icons:focus svg path { fill: white; } .keuzehulp__mainbar__line { width: 100%; height: 1px; background-color: #F8F8FA; margin: 0px 0px 30px 0px; max-width: 100%; margin-top: -1px; } .keuzehulp__sidebar { display: none; position: sticky; top: 90px; transition: all 400ms; } @media print, screen and (min-width: 64em) { .keuzehulp__sidebar { display: block; } } .keuzehulp__sidebar__container__top { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 15px; } .keuzehulp__sidebar__container__title { font-size: 1.25rem; color: #1e225d; font-weight: bold; font-family: 'Lexend', sans-serif; font-display: fallback; margin-bottom: 1px; } .keuzehulp__sidebar__container__clear { font-size: 0.9375rem; color: #9D9FB9; font-weight: medium; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; cursor: pointer; display: none; } .keuzehulp__sidebar__container__clear img { width: 0.9375rem; } .keuzehulp__sidebar__container__filter__selectOption select { height: 50px; border: 1px solid #1E225C; border-radius: 4px; color: #1e225d; font-size: 15px; letter-spacing: 0px; -webkit-appearance: none; } .keuzehulp__maincontent__resultcount { font-size: 0.875rem; background-color: #f8f8fa; color: #1e225d; padding: 7px 15px 7px 15px; border-radius: 2px; margin-bottom: 15px; display: none; margin-top: 15px; } @media print, screen and (min-width: 64em) { .keuzehulp__maincontent__resultcount { margin-top: 0; display: none; } } .scroll-down .categorie__submenu > .row { margin-top: 0px !important; transform: none; max-width: 100% !important; } .scroll-up .sub-category__filter__container.sticky { top: 150px; } .scroll-up .categorie__submenu > .row:not(.is-anchored) { margin-top: 74px !important; transform: none; max-width: 100% !important; } body:not(.scroll-up):not(.scroll-down).scroll-submenu .categorie__submenu > .row:not(.is-anchored) { transform: translate3d(0, -100%, 0); margin-top: 0px !important; max-width: 100% !important; } body .categorie__submenu { display: none; } body.scroll-up .categorie__submenu, body.scroll-down .categorie__submenu, body:not(.scroll-header).scroll-submenu .categorie__submenu { display: block; } .categorie__submenu > .row { background: white; transition: all 0.4s; z-index: 95; } .cluster-header { height: 100%; position: relative; padding-bottom: 60px; /*@include breakpoint(xlarge) { background-position: center 40%; }*/ } .cluster-header__text-background { display: none; } .cluster-header__text-background .container { padding-right: 0px; } @media print, screen and (min-width: 64em) { .cluster-header__text-background { display: block; width: 100%; height: 100%; position: absolute; z-index: -1; overflow: hidden; text-align: right; font-family: 'Lexend', sans-serif; font-display: fallback; } .cluster-header__text-background span { font-family: 'Lexend', sans-serif; font-display: fallback; color: #00C4C2; font-size: 750px; font-weight: 800; letter-spacing: -90px; line-height: 675px; display: inline-block; width: 50%; } } @media screen and (min-width: 75em) { .cluster-header__text-background span { width: 50%; } } .cluster-header__background { position: relative; height: 350px; padding-right: 0px; } @media print, screen and (min-width: 40em) { .cluster-header__background { height: 430px; } } @media print, screen and (min-width: 64em) { .cluster-header__background { height: 700px; padding-right: 0.9375rem; } } .cluster-header__background__text { overflow: hidden; color: #00C4C2; font-size: 300px; font-weight: 800; letter-spacing: -32px; line-height: 255px; text-align: right; font-family: 'Lexend', sans-serif; font-display: fallback; } .cluster-header__background__text span { font-family: 'Lexend', sans-serif; font-display: fallback; display: inline-block; overflow: hidden; font-size: 350px; width: 90%; color: #00C4C2; } @media print, screen and (min-width: 40em) { .cluster-header__background__text span { font-size: 400px; } } @media print, screen and (min-width: 40em) { .cluster-header__background__text { line-height: 400px; } } @media print, screen and (min-width: 64em) { .cluster-header__background__text { display: none; } } .cluster-header__background__overlay { position: absolute; display: -ms-flexbox; display: flex; left: 0; bottom: 20px; z-index: 30; -ms-flex-pack: center; justify-content: center; width: 100%; } @media print, screen and (min-width: 40em) { .cluster-header__background__overlay { width: unset; bottom: 20px; } } .cluster-header__background__overlay__reviews { width: 87%; display: -ms-flexbox; display: flex; position: relative; z-index: 30; } @media print, screen and (min-width: 64em) { .cluster-header__background__overlay__reviews { margin-left: 70px; } .cluster-header__background__overlay__reviews.trainingpage { margin-left: 0px; } } .cluster-header__background__overlay__reviews img { width: 80px; margin-right: -1px; } .cluster-header__background__overlay__reviews__text { padding: 15px; padding-right: 10px; background-color: #1E225C; display: inline-block; color: white; display: -ms-flexbox; display: flex; width: 100%; -ms-flex-line-pack: center; align-content: center; } @media print, screen and (min-width: 40em) { .cluster-header__background__overlay__reviews__text { width: 67%; padding: 15px; } } @media screen and (min-width: 64em) { .cluster-header__background__overlay__reviews__text { padding: 15px; width: 67%; } } .cluster-header__background__overlay__reviews__text .start__reviews__ratings__text { font-size: 0.875rem; } .cluster-header__background__overlay__reviews__text a { color: white; font-weight: bold; text-decoration: underline; font-size: 14px; } .cluster-header__background__overlay__reviews__text a:hover { text-decoration: none; } .cluster-header__background__overlay__reviews__text__icon { margin-top: 5px; } .cluster-header__background__overlay__reviews__text__icon .start__reviews__ratings__star-full { width: 21px; height: 21px; } @media screen and (min-width: 64em) { .cluster-header__background__overlay__reviews.trainingpage .cluster-header__background__overlay__reviews__text { width: 85%; } } .cluster-header__background__image { width: 55%; position: absolute; overflow: hidden; bottom: 60px; z-index: 5; } @media print, screen and (min-width: 40em) { .cluster-header__background__image { width: 50%; height: 350px; margin-left: 70px; } } @media print, screen and (min-width: 64em) { .cluster-header__background__image { width: 55%; height: 75vh; min-height: 450px; } } @media print, screen and (min-width: 40em) { .cluster-header__background__image { bottom: 60px; } } @media print, screen and (min-width: 64em) { .cluster-header__background__image { bottom: 60px; } } .cluster-header__background__image img { max-height: 280px; } @media print, screen and (min-width: 40em) { .cluster-header__background__image img { position: absolute; bottom: 0px; max-width: 90%; max-height: 280px; } .cluster-header__background__image img.subcluster { max-height: 357px; } } @media print, screen and (min-width: 64em) { .cluster-header__background__image img { bottom: 0px; max-height: 70vh; } } .cluster-header__background__container { position: relative; } .cluster-header__background__container img { object-fit: cover; width: 100%; } @media print, screen and (min-width: 64em) { .cluster-header__background__container img { z-index: 10; } } .cluster-header__background__designation { position: absolute; color: #1E225C; z-index: 11; left: 9%; bottom: 85px; } .cluster-header__background__designation p { color: #1E225C; padding: 10px 15px; margin-bottom: 0px; font-size: 0.875rem; line-height: 1.3; background-color: #fff; box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16); display: inline-block; margin-left: 5px; } .cluster-header__background__designation p:first-of-type { margin-left: 0px; } .cluster-header__background__designation strong { font-family: 'Lexend', sans-serif; font-display: fallback; } @media screen and (min-width: 40em) { .cluster-header__background__designation { top: initial; left: 7.5%; bottom: 85px; } } @media print, screen and (min-width: 64em) { .cluster-header__background__designation { left: 12.5%; } } .cluster-header__background__badge { width: 150px; margin-bottom: 20px; } .cluster-header__content { position: relative; z-index: 2; } .cluster-header__content__text { margin-bottom: 25px; padding: 0 2rem; /*&__buttons{ margin:35px 0px; @include breakpoint(medium){ margin:20px 0px 20px; } &__button{ a{ width:100%; text-align:center; margin-bottom:20px;} &:last-of-type a{ margin-bottom:0px; } @include breakpoint(medium){ display:inline-block; &::after{ content:"\2022"; margin:0px 20px; color:$color-business-blue; } &:last-of-type::after{ display:none; } a { width:inherit; text-align:left; margin-bottom:0px; } margin-bottom:15px; } } }*/ } @media print, screen and (min-width: 64em) { .cluster-header__content__text { margin-bottom: 0px; padding: 0 0.9375rem; padding-left: 2rem; padding-top: 40px; } } @media print, screen and (min-width: 64em) { .cluster-header__content__text__container { width: 90%; } } @media print, screen and (min-width: 40em) { .cluster-header__content__text__container h1 { font-size: 2.4rem; padding-right: 0px !important; line-height: 1.2 !important; letter-spacing: -1px; margin-bottom: 1rem; } } @media print, screen and (min-width: 40em) { .cluster-header__content__text__container p { margin-bottom: 32px; } } @media print, screen and (min-width: 40em) { .cluster-header__content__text__buttons { margin-bottom: 40px; } } .cluster-header__content__text__more { display: none; } .cluster-header__content__text__subclusters { font-weight: 600; padding-bottom: 8px; border-bottom: 1px solid #D4D4D8; width: 100%; margin-bottom: 25px; } .cluster-header__container { height: 100%; padding-top: 50px; position: relative; z-index: 2; } @media print, screen and (min-width: 40em) { .cluster-header__container { height: 600px; } } .cluster-header__container .row { height: 100%; } .cluster-header__container__left { padding-right: 0.625rem; padding-left: 0.625rem; margin-bottom: 20px; } @media print, screen and (min-width: 40em) { .cluster-header__container__left { margin-bottom: 0px; } } .cluster-header__container__right { background-color: white; } @media print, screen and (min-width: 40em) { .cluster-header__container__right { background-color: transparent; } } .cluster-header__subtext { font-family: 'Poppins', sans-serif; font-display: fallback; font-weight: 500; } @media print, screen and (min-width: 40em) { .cluster-header__subtext { text-align: left; padding-bottom: 20px; max-width: 80%; } } .cluster-header__subtext.rating { border-radius: 10px; background: #f2f8ff; display: -ms-flexbox; display: flex; margin-bottom: 20px; } .cluster-header__subtext.rating .start__reviews__ratings__text { display: inline-block; } @media print, screen and (min-width: 40em) { .cluster-header__subtext.rating { margin-bottom: initial; background: transparent; display: block; } } .cluster-header .inline-spacer { display: block; } .cluster-header__buttons .cf-button--orange-flat, .cluster-header__buttons .cf-button--blue-alt { display: -ms-inline-flexbox !important; display: inline-flex !important; width: 100% !important; -ms-flex-pack: justify; justify-content: space-between; } @media screen and (min-width: 64em) { .cluster-header__buttons .cf-button--orange-flat, .cluster-header__buttons .cf-button--blue-alt { width: 70% !important; } } .cluster-header__buttons .cf-button.shadow { margin-right: 0px; margin-bottom: 10px; } @media screen and (min-width: 25em) { .cluster-header__buttons .cf-button.shadow { margin-right: 40px; margin-bottom: 0px; } .cluster-header__buttons .inline-spacer { display: inline; } } @media print, screen and (min-width: 40em) { .cluster-header__buttons { text-align: left; } } .cluster-header__date { font-weight: 600; color: #ff9900; } @media print, screen and (min-width: 40em) { .cluster-header { position: relative; margin-top: 0px; } .cluster-header__container { height: 575px; padding-top: 50px; background-image: url("https://www.competencefactory.nl/wordpress/wp-content/uploads/2021/11/Esther-Mutsaers-4-1_adobespark-e1636931608789.png"); background-repeat: no-repeat; background-size: 45%; background-position: 95% 100%; } } @media print, screen and (min-width: 64em) { .cluster-header { margin-top: 0px; } .cluster-header__container { padding-top: 60px; padding-left: 10px; background-image: url("https://www.competencefactory.nl/wordpress/wp-content/uploads/2021/11/Esther-Mutsaers-4-1_adobespark-e1636931608789.png"); background-repeat: no-repeat; background-size: 35%; background-position: 95% 100%; } .cluster-header__subtext { display: block; } .cluster-header__date { margin-bottom: 0.5rem; } } @media screen and (min-width: 75em) { .cluster-header { margin-top: 0px; } .cluster-header__container { padding-top: 70px; padding-left: 20px; background-image: url("https://www.competencefactory.nl/wordpress/wp-content/uploads/2021/11/Esther-Mutsaers-4-1_adobespark-e1636931608789.png"); background-repeat: no-repeat; background-size: 35%; background-position: 95% 100%; } } @media screen and (min-width: 90em) { .cluster-header__container { padding-top: 70px; padding-left: 20px; } } .cluster-header__title { font-family: 'Poppins', sans-serif; font-display: fallback; font-family: "Lexend",sans-serif; font-weight: 800; width: 100%; font-size: 3.1rem; line-height: 1.1; padding: 0; padding-bottom: 15px; } @media print, screen and (min-width: 40em) { .cluster-header__title { padding-right: 20px; } } @media print, screen and (min-width: 40em) { .cluster-header__title { font-size: 3.4rem; text-align: left; } } @media print, screen and (min-width: 64em) { .cluster-header__title { font-size: 4rem; max-width: 1200px; padding-bottom: 20px; } } @media screen and (min-width: 75em) { .cluster-header__title { font-size: 4rem; } } .cluster-header__subtitle { font-family: 'Poppins', sans-serif; font-display: fallback; font-weight: 500; width: 100%; line-height: 1.1; padding: 0; padding-bottom: 15px; text-align: center; font-size: 1rem; } @media screen and (min-width: 22.5em) { .cluster-header__subtitle { font-size: 1rem; } } @media screen and (min-width: 26.25em) { .cluster-header__subtitle { font-size: 1rem; } } @media print, screen and (min-width: 40em) { .cluster-header__subtitle { font-size: 1rem; font-weight: 800; text-align: left; } } @media print, screen and (min-width: 64em) { .cluster-header__subtitle { font-size: 1.5rem; max-width: 1200px; padding-bottom: 20px; } } .cluster-header__action { position: absolute; right: 20px; bottom: 20px; font-size: 1.5rem; } .cluster-header__button { width: 280px; position: absolute; top: 250px; left: 350px; } @media print, screen and (min-width: 64em) { .cluster-header--subcluster { height: inherit; } } .cluster-header--subcluster .cluster-header__text-background span { font-size: 600px; font-weight: 800; letter-spacing: -60px; line-height: 450px; width: 55%; } @media print, screen and (min-width: 40em) { .cluster-header--subcluster .cluster-header__background { height: 450px; } } @media print, screen and (min-width: 64em) { .cluster-header--subcluster .cluster-header__background__overlay { bottom: -20px; } } @media print, screen and (min-width: 40em) { .cluster-header--subcluster .cluster-header__background__image { height: 450px; } } .cluster-header--subcluster .cluster-header__background__image img { max-height: 260px; } @media print, screen and (min-width: 40em) { .cluster-header--subcluster .cluster-header__background__image img { max-height: 360px; } } @media print, screen and (min-width: 64em) { .cluster-header--subcluster .cluster-header__background__image img { max-height: 380px; } } .cluster-header--stap { background-color: #00BEBC; } @media print, screen and (min-width: 64em) { .cluster-header--stap { height: inherit; } } .cluster-header--stap .cluster-header__text-background { z-index: 0; } .cluster-header--stap .cluster-header__text-background span { font-size: 600px; font-weight: 800; letter-spacing: -60px; line-height: 450px; color: #00C4C2; width: 70%; } @media print, screen and (min-width: 40em) { .cluster-header--stap .cluster-header__background { height: 450px; } } .cluster-header--stap .cluster-header__background__designation { bottom: 20px; left: 20px; } @media print, screen and (min-width: 64em) { .cluster-header--stap .cluster-header__background__designation { right: 20px; left: unset; } } .cluster-header--stap .cluster-header__background__overlay { width: 100%; } @media print, screen and (min-width: 64em) { .cluster-header--stap .cluster-header__background__overlay { bottom: 0px; } } .cluster-header--stap .cluster-header__background__text { line-height: 310px; } @media print, screen and (min-width: 40em) { .cluster-header--stap .cluster-header__background__text { line-height: 400px; } } .cluster-header--stap .cluster-header__background__text span { color: #00C4C2; } @media print, screen and (min-width: 40em) { .cluster-header--stap .cluster-header__background__text span { font-size: 500px; } } .cluster-header--stap .cluster-header__background__image { bottom: 0px; } @media print, screen and (min-width: 40em) { .cluster-header--stap .cluster-header__background__image { height: 450px; } } .cluster-header--stap .cluster-header__background__image img { max-height: 450px; } .cluster-header--stap .cluster-header__content { position: relative; z-index: 2; } .cluster-header--stap .cluster-header__content__text__container { padding-top: 40px; } @media print, screen and (min-width: 64em) { .cluster-header--stap .cluster-header__content__text__container { padding-top: 0px; width: 100%; } } .cluster-header--stap .cluster-header__content__text__container h1, .cluster-header--stap .cluster-header__content__text__container p { color: white; } .cluster-header--stap .cluster-header__content__text__container p { font-size: 1.125rem; } .cluster-header--stap .cluster-header__content__text__container p a { color: white; font-weight: bold; } .cluster-header--stap .cluster-header__content__text__container a { width: unset; } .categorie-header { margin-bottom: 1rem; } @media print, screen and (min-width: 40em) { .categorie-header { min-height: 284px; margin-bottom: 1.5rem; background: none; border-bottom: none; } } .categorie-header__title { font-weight: 800; font-size: 1.5rem; color: #1e225d; margin-bottom: 25px; margin-top: 25px; } @media print, screen and (min-width: 40em) { .categorie-header__title { margin-top: 0px; font-size: 1.75rem; text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.4), 1px 1px 5px rgba(255, 255, 255, 0.05); } } .categorie-header__title img { float: right; margin: 0 0 0 15px; } @media print, screen and (min-width: 40em) { .categorie-header__title img { float: none; display: inline-block; margin: -3px 0 0 0.5rem; } } .categorie-header .page__intro { font-size: 1rem; color: #0a0a0a; } @media print, screen and (min-width: 40em) { .categorie__banner { margin-bottom: 1.5rem; } } .categorie__banner__image { background-size: cover; background-position: center center; width: 100%; height: 300px; border-radius: 10px; } @media print { .categorie__banner__image { /*background-size: cover!important; background-position: center center!important; -webkit-print-color-adjust: exact !important; /* Chrome, Safari */ /*color-adjust: exact !important; /*Firefox*/ display: none; } } .categorie__sidebar .training-links__list { font-size: 1rem; } @media print, screen and (min-width: 40em) { .categorie__sidebar .training-links { margin-bottom: 1.5rem; } } .categorie__sidebar__readmore { cursor: pointer; text-decoration: underline; color: #2471B9; text-align: center; } @media print, screen and (min-width: 40em) { .categorie__sidebar__readmore { text-align: left; margin-bottom: 1.5rem; } } .categorie__sidebar__readmore:hover, .categorie__sidebar__readmore:active { text-decoration: none; } .categorie__overview { background-color: #fafafb; padding-top: 25px; position: relative; } @media print, screen and (min-width: 40em) { .categorie__overview { border: 1px solid #a7a7a7; border-radius: 8px 0px 0px 8px; padding: 30px; } } .categorie__overview__title { font-weight: 750; margin-bottom: 25px; font-size: 1.5rem; text-align: center; color: #0a0a0a; } @media print, screen and (min-width: 40em) { .categorie__overview__title { text-align: left; } } .categorie__overview__filter__grid { row-gap: 25px; } .categorie__overview__filter__grid.mobile-container { padding-left: 1rem !important; padding-right: 1rem !important; } .categorie__overview__filter__list { display: none; } .categorie__overview__filter__barebonelist { display: none; } .mobile-filter { position: relative; } .mobile-filter__button { margin-bottom: 0px; height: 32px; font-size: 12px; font-weight: 600; padding-left: 2rem; padding-top: 7px; padding-bottom: 7px; background-image: url("data:image/svg+xml;utf8,"), url('data:image/svg+xml;utf8,'); background-origin: content-box, content-box; background-position: right -1rem center, left -1.5rem center; background-repeat: no-repeat, no-repeat; background-size: 9px 6px, 18px 15px; color: #1E225C; } .mobile-filter__expand { display: none; z-index: 2; position: absolute; right: 20px; background: white; border-radius: 8px; width: 70%; padding: 10px; box-shadow: 0px 15px 40px rgba(42, 62, 82, 0.129); } .mobile-filter__expand__close-button { text-align: right; } .mobile-filter__expand .tabbing.categories { display: block; white-space: initial; } .mobile-filter__expand .tabbing.categories li { display: -ms-flexbox; display: flex; width: 100%; -ms-flex-pack: justify; justify-content: space-between; border: none; } .sub-category { position: relative; } .sub-category__banner > .row { position: relative; } .sub-category__banner__background { position: absolute; height: 100%; width: 98%; right: 0px; background: beige; border-radius: 0px 0px 0px 70px; z-index: -1; } .sub-category__banner__text { margin: 0 auto; padding: 75px 5%; } @media print, screen and (min-width: 40em) { .sub-category__banner__text { padding: 100px 15%; } } @media print, screen and (min-width: 64em) { .sub-category__banner__text { padding: 100px 30%; } } .sub-category__banner__title { text-align: center; } .sub-category__banner__subtext { text-align: center; } .sub-category__filter { position: relative; margin-bottom: 25px; /*tabbing */ } @media screen and (min-width: 40em) { .sub-category__filter { margin-bottom: 0px; } } .sub-category__filter > .row { -ms-flex-pack: center; justify-content: center; -ms-flex-line-pack: center; align-content: center; } .sub-category__filter__container { background-color: #fff; } .sub-category__filter__container.sticky { position: sticky; top: 90px; transition: top 400ms, box-shadow 400ms; } .sub-category__filter .tab-head { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; column-gap: 10px; padding: 0px; border-bottom: 1px solid #D6D6D6; overflow: scroll; } .sub-category__filter .tab-head.view { padding: 15px 0px; } @media screen and (min-width: 40em) { .sub-category__filter .tab-head { padding: 15px 0px; -ms-flex-wrap: wrap; flex-wrap: wrap; overflow: visible; } } .sub-category__filter .tab-head:first-of-type { padding-top: 0px; } .sub-category__filter .tab-head.noborder { border-bottom: 0px !important; } .sub-category__filter .tab-head h6 { font-size: 15px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.14; letter-spacing: normal; text-align: left; padding-bottom: 10px; /* border-bottom: 2px solid #747AA557;*/ margin-right: 40px; margin-bottom: 5px; } .sub-category__filter ul.tabbing { margin: 0px; padding: 0px; list-style: none; display: -ms-flexbox; display: flex; } @media screen and (min-width: 40em) { .sub-category__filter ul.tabbing { -ms-flex-wrap: wrap; flex-wrap: wrap; } } .sub-category__filter .tab-title { -ms-flex-preferred-size: 100%; flex-basis: 100%; margin-top: 0px; } .sub-category__filter ul.tabbing li.current { background: #106bc6; color: #fff; } .sub-category__filter ul.tabbing li.current span { color: white; } .sub-category__filter ul.tabbing li.current svg { position: relative; top: 2px; } .sub-category__filter ul.tabbing li.current svg path { fill: white; } .sub-category__filter .verticle-tabbing ul.tabbing li.current { color: #fff; border: none; background-color: #1a2c6c; color: #fff; } .sub-category__filter .verticle-tabbing .tab-content { margin-top: 0px; } .sub-category__filter .verticle-tabbing .tab-content strong { padding: 20px 0px; display: block; } .sub-category__filter ul.tabbing li { background: none; display: inline-block; white-space: nowrap; padding: 5px 15px; cursor: pointer; font-size: 12px; line-height: 20px; border: none; background-color: #fff; margin-right: 0px; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-preferred-size: 50%; flex-basis: 50%; } .sub-category__filter ul.tabbing li svg { position: relative; top: 2px; } .sub-category__filter ul.tabbing li:hover { background: #106bc6; color: #fff; transition: all 400ms; } .sub-category__filter ul.tabbing li:hover span { color: white; } .sub-category__filter ul.tabbing li:hover svg path { fill: white; } @media screen and (min-width: 64em) { .sub-category__filter ul.tabbing li.type { -ms-flex-preferred-size: 100%; flex-basis: 100%; } } .sub-category__filter ul.tabbing.categories li { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; } .sub-category__filter .verticle-tabbing ul.tabbing li { display: block; border-radius: 2px; border: transparent; font-weight: 800; font-stretch: normal; font-style: normal; line-height: 1; letter-spacing: normal; text-align: left; color: #1e225c; font-size: 20px; position: relative; width: 350px; padding: 15px; margin-left: 50px; transition: all .4s ease; } .sub-category__filter .verticle-tabbing li.tab-link:hover { background-color: #1a2c6c; color: #fff !important; } .sub-category__filter .verticle-tabbing ul.tabbing li span { font-size: 16px; } .sub-category__filter .tab-bottom { display: -ms-flexbox; display: flex; gap: 10px; -ms-flex-wrap: wrap; flex-wrap: wrap; } .sub-category__filter .tab-bottom__item { border: 1px solid #C2C7CC; border-radius: 8px; padding: 15px; width: 100%; } .sub-category__filter .tab-bottom__item.usps { font-size: 0.8rem; } .sub-category__filter .tab-bottom__item.usps div { margin-bottom: 5px; } .sub-category__filter .tab-bottom__item.usps div:last-of-type { margin-bottom: 0px; } .sub-category__filter .tab-bottom__item.usps div > span { padding-left: 25px; display: inline-block; } .sub-category__filter .tab-bottom__item.keuzehulp { font-weight: 600; font-size: 0.8rem; color: #1E225C; } .sub-category__filter .tab-bottom__item.keuzehulp a { color: #ff9900; } .sub-category__filter .tab-bottom__item.keuzehulp a:hover { text-decoration: none; } .opleiding-container .snap-slider { padding: 0; } .wij-trainers-container .snap-slider { padding: 0; } .keuzehulp-wijtrainers__text { width: 100%; } @media print, screen and (min-width: 64em) { .keuzehulp-wijtrainers__text { width: 60%; max-width: 563px; } } .keuzehulp-wijtrainers__text h2 { font-size: 30px !important; font-weight: 600 !important; padding-bottom: 20px !important; font-family: "Lexend",sans-serif; width: 100%; } .keuzehulp-wijtrainers .snap-slider { padding: 0; } .keuzehulptrainerboxwidth { width: 300px !important; height: 400px !important; } @media print, screen and (min-width: 40em) { .keuzehulptrainerboxwidth { width: 400px !important; height: 500px !important; } } .keuzehulptrainerbox { height: 100%; } .keuzehulptrainerbox__box { display: grid; height: 100%; } .keuzehulptrainerbox__box h3 { font-size: 20px; font-weight: 800; font-family: "Lexend",sans-serif; } .keuzehulptrainerbox__box p { font-size: 14px; font-family: "Poppins",sans-serif; } .keuzehulptrainerbox__box__imgbox { display: grid; grid-template-columns: 1fr 1fr; padding-left: 20px; padding-right: 20px; height: 100%; } .keuzehulptrainerbox__box__imgbox__link { font-size: 15px; color: #FF9900; text-decoration: none; font-weight: 500; min-height: 180px; } @media print, screen and (min-width: 40em) { .keuzehulptrainerbox__box__imgbox__link { min-height: 270px; } } .keuzehulptrainerbox__box__imgbox img { -ms-flex-item-align: end; align-self: end; } .keuzehulp-trainingen-scroller.trainerkeuzehulp { height: fit-content; } .keuzehulp-trainer_USP { display: -ms-flexbox; display: flex; padding-bottom: 5px !important; -ms-flex-direction: column; flex-direction: column; list-style-type: none; -ms-flex-pack: center; justify-content: center; } @media print, screen and (min-width: 40em) { .keuzehulp-trainer_USP { -ms-flex-pack: start; justify-content: flex-start; border-bottom: 1px solid #CBCFD9; -ms-flex-direction: row; flex-direction: row; margin-bottom: 45px !important; gap: 100px; margin-top: 50px !important; } } .keuzehulp-trainer_USP li { margin-right: 35px; margin-left: 35px; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 10px; } @media print, screen and (min-width: 40em) { .keuzehulp-trainer_USP li { margin-right: 0px; margin-left: 0 !important; } } .keuzehulp-trainer_USP li img { width: 16px; } .Inspiratie-cat-slider { margin-top: 50px; background-color: #F8F8FA; } .Inspiratie-cat-slider__container { padding: 80px 0px; } .Inspiratie-cat-slider__container .row { width: 100%; } .Inspiratie-cat-slider__container__title__text h2 { font-size: 30px; font-weight: 600; padding-bottom: 20px; font-family: "Lexend",sans-serif; width: 100%; } @media print, screen and (min-width: 64em) { .Inspiratie-cat-slider__container__button { margin-right: auto; margin-left: auto; } } @media print, screen and (min-width: 40em) { .Inspiratie-cat-slider__container__button__container { padding-bottom: 40px !important; border-bottom: 1px solid #CBCFD9; } } .Inspiratie-cat-slider__container__button button { padding: 20px; text-align: start; } .Inspiratie-cat-slider__container__button button:hover { padding: 20px !important; padding-right: 0px !important; } .Inspiratie-cat-slider__container__button__text { font-size: 16px !important; font-weight: 600; } .Inspiratie-cat-slider__container__button__icon { font-size: 16px !important; } .Inspiratie-cat-slider .snap-slider { padding: 0; } .verdiepenInCat { padding: 100px 0px; } .verdiepenInCat__title { text-align: center; margin-bottom: 70px; width: 100%; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; } .verdiepenInCat__title h2 { font-size: 30px; font-weight: 600; width: 100%; } @media print, screen and (min-width: 40em) { .verdiepenInCat__title h2 { width: 50%; } } @media print, screen and (min-width: 40em) { .verdiepenInCat__container { display: grid; grid-template-columns: 2fr 1fr; grid-template-rows: 1fr; grid-auto-rows: 1fr; } } .verdiepenInCat__container__whitepaper { box-shadow: 10px 10px 40px rgba(95, 102, 119, 0.133); border: 1px solid #1E225C; border-radius: 12px; display: grid; grid-template-columns: 1fr; grid-template-rows: 1fr 1fr; padding: 30px; margin-right: 0px; height: fit-content; height: 100%; } @media print, screen and (min-width: 40em) { .verdiepenInCat__container__whitepaper { grid-template-columns: 1fr 2fr; grid-template-rows: 1fr; margin: 0; padding: 50px; margin-right: 50px; min-height: 440px; } } .verdiepenInCat__container__whitepaper .magazine-pro-home__imgbox { width: auto; height: auto; } .verdiepenInCat__container__whitepaper .magazine-pro-home__imgbox img { position: absolute; top: 0px; left: 0px; object-fit: contain; } @media print, screen and (min-width: 40em) { .verdiepenInCat__container__whitepaper .magazine-pro-home__imgbox img { top: -20px; left: -120px; height: auto; width: auto; top: 50%; transform: translateY(-50%) rotate(-7deg); } } @media print, screen and (min-width: 64em) { .verdiepenInCat__container__whitepaper__textbox { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: center; justify-content: center; } } .verdiepenInCat__container__whitepaper__textbox__title { color: #1E225C; font-weight: 800; font-size: 20px; font-family: "Lexend",sans-serif; margin-bottom: 30px; } .verdiepenInCat__container__whitepaper__textbox__text { margin-bottom: 30px; } .verdiepenInCat__container__whitepaper__textbox__button { padding: 20px 20px !important; text-align: left; } @media print, screen and (min-width: 64em) { .verdiepenInCat__container__whitepaper__textbox__button { text-align: center; } } .verdiepenInCat__container__richtingen { box-shadow: 10px 10px 40px rgba(95, 102, 119, 0.133); border: 1px solid #1E225C; border-radius: 12px; padding: 30px; margin-top: 50px; } @media print, screen and (min-width: 40em) { .verdiepenInCat__container__richtingen { padding: 50px; margin-top: 0px; min-height: 440px; } } .verdiepenInCat__container__richtingen__title { color: #1E225C; font-weight: 800; font-size: 20px; font-family: "Lexend",sans-serif; margin-bottom: 20px; } .verdiepenInCat__container__richtingen__richtingdiv .cf-button--blue-flat-alt { padding-left: 0px !important; padding-right: 0px !important; } .verdiepenInCat__container__richtingen__richtingdiv .cf-button--blue-flat-alt:hover { background-color: transparent; color: #1e225d; } .verdiepenInCat__container__richtingen__richtingdiv .cf-button--blue-flat-alt:hover .cf-button__icon { color: #1e225d; } .verdiepenInCat__container__richtingen__richtingdiv .cf-button--blue-flat-alt:hover .cf-button__icon svg path { fill: #1e225d; } .verdiepenInCat__container__richtingen__richtingdiv .cf-button--blue-flat-alt:hover .cf-button__text { color: #1e225d; } .verdiepenInCat__container__richtingen__richtingdiv .incompany__intro__container__text__subclusters__row { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; } .verdiepenInCat__container__richtingen__richtingdiv .incompany__intro__container__text__subclusters__row div { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; padding-right: 0 !important; border-bottom: 1px solid #DDDDDD; } .verdiepenInCat__container__richtingen__richtingdiv .incompany__intro__container__text__subclusters__row div:last-of-type { border: none; } .verdiepenInCat__container__richtingen__richtingdiv .incompany__intro__container__text__subclusters__row div a { box-shadow: none; padding: 10px 0px !important; } .verdiepenInCat__container__richtingen__richtingdiv .incompany__intro__container__text__subclusters__row div a span { font-size: 16px; } .keuzehulpCTA.incompany__intake .incompany__intake__text h2 { font-size: 30px !important; font-family: "Lexend",sans-serif; font-weight: 600; letter-spacing: -0.45px; margin-bottom: 27px; } .keuzehulpCTA.incompany__intake .incompany__intake__text p { font-size: 18px; color: #181B4B; margin-bottom: 27px; } .keuzehulpCTA.incompany__intake .incompany__intake__text .cta-block__intake__text__callout__title { background: none; color: #1E225D; font-family: "Lexend",sans-serif; font-size: 20px; font-weight: 600; padding: 0; margin-top: 50px; text-align: start; } .keuzehulpCTA.incompany__intake .incompany__intake__text .cta-block__intake__text__callout__content { padding: 0; padding-top: 20px; } .keuzehulpCTA.incompany__intake .incompany__intake__text .cta-block__intake__text__callout__content span { color: #181B4B; font-size: 18px; font-weight: 400; } @media print, screen and (min-width: 64em) { .keuzehulpCTA.incompany__intake .cluster-header__background__designation { margin-left: 140px; } } @media print, screen and (min-width: 64em) { .keuzehulpCTA.incompany__intake .cluster-header__background__overlay__reviews { margin-left: 140px; } } .keuzehulptrainingdata-table__legenda td { color: white; font-size: 18px; font-family: "Lexend",sans-serif; font-weight: 600; } .keuzehulptrainingdata-table__legenda .column-start { width: 6%; } .keuzehulptrainingdata-table__legenda .column-name { width: 32%; } .keuzehulptrainingdata-table__legenda .column-duration { width: 8%; } .keuzehulptrainingdata-table__legenda .column-price { width: 8%; } .keuzehulptrainingdata-table__legenda .column-offer { width: 25%; } .keuzehulptrainingdata-table__legenda .column-button { width: 17%; } .keuzehulptrainingdata-table__legenda .column-favorite { width: 4%; } .keuzehulptrainingdata-table__favtraining { position: relative; height: 100%; } .keuzehulptrainingdata-table__favtraining::after { content: none !important; } .cluster-header__background.keuzehulp_subluster .cluster-header__background__overlay { width: 100%; border: 2px solid #1E225D; bottom: 0px; } .cluster-header__background.keuzehulp_subluster .cluster-header__background__designation { bottom: 20px; left: 40px; width: 300px; } .cluster-header__background.keuzehulp_subluster .cluster-header__background__designation p { width: 100%; font-weight: 500; } .cluster-header__background.keuzehulp_subluster .cluster-header__background__designation p strong { font-weight: 800 !important; } .cluster-header__background.keuzehulp_subluster .cluster-header__background__designation p span { font-weight: 500 !important; } .cluster-header__background.keuzehulp_subluster .cluster-header__background__image { bottom: 0; right: auto; height: fit-content; } @media print, screen and (min-width: 40em) { .cluster-header__background.keuzehulp_subluster .cluster-header__background__image { right: -50px; } } .cluster-header__background.keuzehulp_subluster .cluster-header__background__text { line-height: 440px !important; } @media print, screen and (min-width: 40em) { .cluster-header__background.keuzehulp_subluster .cluster-header__background__text { line-height: 590px !important; } } .cluster-header__content__text.keuzehulp-subcluster_text .cluster-header__content__text__container h1 { font-size: 39px !important; } .subcluster-andererichtingen { margin-top: 50px; } .subcluster-andererichtingen__title { font-size: 16px; font-weight: 600; color: #1B2A68; border-bottom: 1px solid #D4D4D8; padding-bottom: 10px; } .subcluster-andererichtingen__bottondiv .incompany__intro__container__text__subclusters__row { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; } @media print, screen and (min-width: 40em) { .subcluster-andererichtingen__bottondiv .incompany__intro__container__text__subclusters__row { display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; } } .subcluster-andererichtingen__bottondiv .incompany__intro__container__text__subclusters__row div { -ms-flex: 50%; flex: 50%; } @media print, screen and (min-width: 64em) { .subcluster-andererichtingen__bottondiv .incompany__intro__container__text__subclusters__row div { padding-right: 0.9375rem !important; -ms-flex: 0 0 25%; flex: 0 0 25%; } } .keuzehulpsubcluster-eerstvolgende { background-color: transparent; padding: 0px; } .keuzehulpsubcluster-eerstvolgende__tekstvoorvlakken td { color: white; font-size: 18px; font-weight: 600; } .keuzehulpblogding { width: 300px !important; } @media print, screen and (min-width: 40em) { .keuzehulpblogding { width: 400px !important; height: 500px !important; } } @media only screen and (max-device-width: 1030px) { .keuzehulpblogding .training-grid-block__content__text { height: fit-content !important; } } .keuzehulpblogding .training-grid-block { min-height: 550px; max-height: 550px; } .cart { padding-top: 15px; } @media print, screen and (min-width: 64em) { .cart { padding-right: 25px; padding-left: 25px; } } @media screen and (min-width: 90em) { .cart { padding-right: 70px; padding-left: 70px; } } .cart::before, .cart::after { display: table; content: ' '; -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-order: 1; order: 1; } .cart::after { clear: both; } .cart__content { margin: 0 0 2rem; } .cart__next { margin: 1rem 0 0; } @media print, screen and (min-width: 64em) { .cart__actions { padding-right: 30px; padding-left: 30px; padding-top: 30px; } .cart__actions.couponsadjustment { padding-top: 5px; } } @media screen and (min-width: 90em) { .cart__actions { padding-right: 70px; padding-left: 70px; } } .cart__coupons { padding-left: 20px; padding-right: 20px; } @media print, screen and (min-width: 64em) { .cart__coupons { padding-right: 0.9375rem; padding-left: 0.9375rem; } } .cart__coupons form { position: relative; } .cart__coupons form label { font-family: 'Lexend', sans-serif; font-display: fallback; font-weight: 600; color: #1e225d; } .cart__coupons form input[type="text"] { margin-bottom: 10px; border: 1px solid #CBCBCB; border-radius: 8px; padding: 7px 13px; padding: 16px 30px; font-size: 0.9375rem; height: unset; width: 100%; } .cart__coupons form input[type="text"]:-ms-input-placeholder { color: #9798A2; } .cart__coupons form input[type="text"]::placeholder { color: #9798A2; } .cart__coupons form button { position: absolute; right: 15px; top: 42px; text-decoration: underline; color: #1e225d; } .cart__optie { font-family: 'Poppins', sans-serif; font-display: fallback; font-weight: 600; margin: 10px 0; text-decoration: underline; } @media print, screen and (min-width: 40em) { .cart__optie { margin: 25px 20px 0 0; } } .cart__steps { padding-top: 20px; position: relative; margin: 0px 0px 30px 0px !important; } .cart__steps__line { width: 70%; left: 0; right: 0; height: 1px; border: 1px solid #1e225d; background-color: #1e225d; position: absolute; z-index: -1; top: 20px; } .cart__steps__line.short { width: 50%; left: -25%; } @media print, screen and (min-width: 64em) { .cart__steps__line { top: 30px; } } .cart__steps__smallgrey { width: 100%; border: 0.5px solid #E9E9E9; background-color: #E9E9E9; margin: 0; margin-top: 20px; } .cart__steps__step { width: 35px; height: 35px; border: 2px solid #1e225d; text-align: center; background: white; font-family: 'Lexend', sans-serif; font-display: fallback; font-size: 0.9375rem; margin: 0 auto; font-weight: 800; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-line-pack: center; align-content: center; -ms-flex-direction: column; flex-direction: column; position: relative; } @media print, screen and (min-width: 64em) { .cart__steps__step { font-size: 1.5625rem; width: 50px; height: 50px; } } .cart__steps__step.done, .cart__steps__step.checked { background: #1e225d; color: white; } .cart__steps__step.done::after { position: absolute; content: " "; border-radius: 100%; background-color: #509b39; width: 20px; height: 20px; bottom: -10px; right: -10px; background: url("data:image/svg+xml,%3Csvg fill='%23ffffff' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M0 11c2.761.575 6.312 1.688 9 3.438 3.157-4.23 8.828-8.187 15-11.438-5.861 5.775-10.711 12.328-14 18.917-2.651-3.766-5.547-7.271-10-10.917z'/%3E%3C/svg%3E") center center no-repeat; background-size: 50%; background-color: #509b39; } @media print, screen and (min-width: 64em) { .cart__steps__step.done::after { width: 25px; height: 25px; } } .cart__steps__text { font-family: 'Poppins', sans-serif; font-display: fallback; color: #1e225d; text-align: center; font-weight: 400; padding-top: 10px; font-size: 0.75rem; word-wrap: break-word; } @media print, screen and (min-width: 64em) { .cart__steps__text { font-size: inherit; font-size: 0.9375rem; } } .cart__steps__text a { text-decoration: none; } .cart__buttons { padding-bottom: 10px; padding-left: 20px; padding-right: 20px; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } @media print, screen and (min-width: 64em) { .cart__buttons { padding-right: 0.9375rem; padding-left: 0.9375rem; display: block; } } .cart__buttons .cf-button, .cart__buttons button.cf-button { font-family: 'Lexend', sans-serif; font-display: fallback; height: unset; border-radius: 4px; padding: 8px 30px !important; margin-bottom: 5px; border: 1px solid #ff9900; line-height: 33.6px; transition: all 400ms; } @media print, screen and (min-width: 64em) { .cart__buttons .cf-button, .cart__buttons button.cf-button { display: -ms-inline-flexbox; display: inline-flex; margin-bottom: 0px; } } .cart__buttons .cf-button__text, .cart__buttons button.cf-button__text { font-size: 16px; font-family: 'Lexend', sans-serif; font-display: fallback; transition: all 400ms; margin: 0px 30px 0px 0px; line-height: 24px !important; } .cart__buttons .cf-button__icon, .cart__buttons button.cf-button__icon { margin-right: 0px !important; transition: all 400ms; } .cart__buttons .cf-button__icon img, .cart__buttons button.cf-button__icon img { width: 20px; filter: invert(100%) sepia(0%) saturate(2%) hue-rotate(350deg) brightness(102%) contrast(100%); } .cart__buttons .cf-button:hover, .cart__buttons button.cf-button:hover { padding-right: 25px !important; } .cart__buttons .cf-button:hover .cf-button__text, .cart__buttons button.cf-button:hover .cf-button__text { margin-right: 35px; } .cart__buttons .cf-button:hover .cf-button__icon, .cart__buttons button.cf-button:hover .cf-button__icon { margin-right: 0px !important; } .cart__buttons .cf-button--alt, .cart__buttons button.cf-button--alt { background: white; border: 1px solid #1e225d; border-radius: 4px; padding: 8px 30px !important; margin-bottom: 5px; } @media print, screen and (min-width: 64em) { .cart__buttons .cf-button--alt, .cart__buttons button.cf-button--alt { margin-bottom: 0px; } } .cart__buttons .cf-button--alt .cf-button__text, .cart__buttons button.cf-button--alt .cf-button__text { color: #1e225d; margin: 0px; line-height: 33.6px !important; } @media print, screen and (min-width: 64em) { .cart__buttons .cf-button--alt .cf-button__text, .cart__buttons button.cf-button--alt .cf-button__text { margin-right: 0px !important; margin-left: 30px !important; } } .cart__buttons .cf-button--alt .cf-button__icon, .cart__buttons button.cf-button--alt .cf-button__icon { display: none; } @media print, screen and (min-width: 64em) { .cart__buttons .cf-button--alt .cf-button__icon, .cart__buttons button.cf-button--alt .cf-button__icon { display: block; } } .cart__buttons .cf-button--alt .cf-button__icon img, .cart__buttons button.cf-button--alt .cf-button__icon img { color: #1e225d; filter: invert(13%) sepia(21%) saturate(5404%) hue-rotate(220deg) brightness(89%) contrast(97%); } @media print, screen and (min-width: 64em) { .cart__buttons .cf-button--alt:hover, .cart__buttons button.cf-button--alt:hover { padding-left: 25px !important; padding-right: 30px !important; } .cart__buttons .cf-button--alt:hover .cf-button__text.left, .cart__buttons button.cf-button--alt:hover .cf-button__text.left { margin-left: 35px !important; margin-right: 0px !important; } .cart__buttons .cf-button--alt:hover .cf-button__icon, .cart__buttons button.cf-button--alt:hover .cf-button__icon { margin-left: 0px !important; } } .cart__buttons button.cf-button--orange { padding-top: 8px !important; padding-bottom: 8px !important; width: 100%; text-align: left; } @media print, screen and (min-width: 64em) { .cart__buttons button.cf-button--orange { padding-top: 8px !important; padding-bottom: 8px !important; width: unset; } } .cart__buttons button.cf-button--orange .cf-button__text { margin-left: 0px !important; font-family: "Lexend", sans-serif !important; } #shopping-cart-body { margin-top: -15px; } #shopping-cart-body.disabled { pointer-events: none; } .carttitel { font-size: 1.875rem; font-weight: 800; font-family: 'Lexend', sans-serif; margin-top: 15px; margin-bottom: 25px; } @media print, screen and (min-width: 64em) { .carttitel { margin-top: 40px; margin-bottom: 25px; font-size: 2.1875rem; } } .cart-form-grid { display: grid; grid-template-columns: 7.5fr 2.5fr; grid-template-rows: auto 0.7fr; } .cart-form-grid.stap { grid-template-columns: none; } .cart-form-grid-opleiding { display: grid; grid-template-columns: 7.5fr 2.5fr; margin-left: -30px; margin-right: -10px; border-bottom: 1px solid #e3e5e7; } .cart-form-grid-opleiding.stap { grid-template-columns: none; } .cart-form-grid-opleiding .cart-row__namebox { margin-left: 0 !important; } .rowlocation { grid-column: 1 / -1; margin-left: -15px; margin-bottom: -15px; margin-right: 5px; border-top: 1px solid #e3e5e7; } .rowlocation .checkout__notice { margin: 20px; } .rowlocation p { color: #1E225C; font-size: 16px; font-family: 'Lexend', sans-serif; font-weight: 500; margin-left: 20px; margin-top: 15px; } .rowaantalpersonen { padding: 15px 20px; margin-top: -15px; margin-right: 5px; } .rowaantalpersonen label.middle { padding-top: 0px; font-size: 16px; font-family: 'Lexend', sans-serif; line-height: 20px; } .locationselect { margin-left: 20px; margin-right: 20px; margin-bottom: 15px; } .locationselect p { color: #1E225C; font-size: 16px; font-family: 'Lexend', sans-serif; font-weight: medium; margin-left: 0px; margin-bottom: 5px; } .locationselect select { border: 1px solid #1E225C; border-radius: 4px; } .leergangrow { margin-left: -30px; } .cart-row__location { border: 1px solid #1E225C; border-radius: 4px; height: 2.5rem; } .rowselectopleiding { margin-left: -10px; margin-right: 10px; } .cart_coupons { -ms-flex: 100%; flex: 100%; max-width: 100%; } .cart_coupons .cart__next { float: left !important; height: auto; } .cart_coupons .cart__next .cf-button--white { color: #1e225d; } .cart_coupons .cart__next span { padding: 20px; } .cart_coupons .whiteborder { border: 2px solid #1e225d; margin-right: 20px; } .cart_coupons .whiteborder:hover, .cart_coupons .whiteborder:active, .cart_coupons .whiteborder:hover, .cart_coupons .whiteborder:focus { background: white; color: #1e225d; } .cart_coupons .whiteborder .icon-arrow-right { margin: 0; margin-left: 20px; transform: rotate(-180deg); } .cart_coupons .cf-button__text { font-size: 17px; font-weight: 600; font-family: 'Lexend', sans-serif; } .cart-row { border: 1px solid #e3e5e7; padding: 15px 10px 15px 30px; margin-top: 50px; border-radius: 8px; } .cart-row:last-child { border-bottom: 1px solid #e3e5e7; } .cart-row label, .cart-row select { margin-bottom: 0; } .cart-row__namebox { margin-left: -15px; margin-top: -15px; border-right: 1px solid #e3e5e7; } .cart-row__name { color: #1e225d; font-size: 1.25rem; font-weight: 800; margin: 0; padding: 20px; } .cart-row__name--leergang { font-weight: 800; } .cart-row__aantal { margin-top: 5px; border: 1px solid #1E225C; border-radius: 4px; } @media print, screen and (min-width: 64em) { .cart-row__aantal { margin-top: 0px; } } .cart-row__leergang-toelichting { margin: 5px 0 0; padding-left: 20px; padding-bottom: 20px; padding-right: 20px; } .cart-row__leergang-training { color: #1e225d; font-size: 1rem; font-weight: 600; margin: 10px 0 3px; } .cart-row__leergang-optioneel-toelichting { font-family: 'Poppins', sans-serif; font-display: fallback; font-weight: 800; margin: 2rem 0 1rem; color: #1e225d; } .cart-row__delete { color: #0a0a0a; text-decoration: none; display: inline-block; padding-top: 10px; } @media print, screen and (min-width: 64em) { .cart-row__delete { padding-top: 0px; } } .cart-row__delete:hover { color: #ec5840; } .cart-row__aantal-label { color: #1e225d; font-family: "Lexend", sans-serif; font-family: 'Poppins', sans-serif; font-display: fallback; font-weight: 500; font-size: 16px; margin-top: 5px !important; text-align: start; padding-top: 0; } @media print, screen and (min-width: 64em) { .cart-row__aantal-label { margin-top: 0px !important; } } .cart-row__leergang-optioneel-delete { float: left; color: #0a0a0a; text-decoration: none; } .cart-row__leergang-optioneel-delete:hover { color: #ec5840; } .cart-row__total { display: -ms-flexbox; display: flex; height: 52px; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: center; justify-content: center; text-align: right; -ms-flex-align: end; align-items: flex-end; font-family: 'Poppins', sans-serif; font-display: fallback; } @media print, screen and (min-width: 40em) { .cart-row__total { height: 82px; } } @media print, screen and (min-width: 64em) { .cart-row__total { height: 52px; } } .cart-row__total-before { color: #8a8a8a; font-weight: 600; text-decoration: line-through; } .cart-row__total-after { font-weight: 800; } .cart-row__total-active-discount { font-size: 0.9375rem; color: #1E225C; } .cart-row__totals { font-family: 'Poppins', sans-serif; font-display: fallback; } .cart-row__totals-bottom { margin-top: 10px; } .cart-row__totals-totaal { display: inline-block; font-weight: 800; } .cart-gadget__image { width: 100%; } .cart-gadget__title { color: #0a0a0a; font-size: 1.25rem; font-weight: 800; margin: 0; } .cart-gadget__text { margin: 0.5rem 0 0; } .stap-show { display: none; } .form-information { font-size: 14px; } .form-checkout__stap-budget-callout { border: 1px solid #1E225C; box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16); padding: 20px !important; border-radius: 8px; display: -ms-flexbox; display: flex; } .form-checkout__stap-budget-callout__icon img { width: 100%; } @media screen and (min-width: 40em) { .form-checkout__stap-budget-callout__text { padding-left: 20px !important; } } .form-checkout__stap-budget-callout__text > div { display: inline; } .form-checkout__stap-budget-callout__text .warning { filter: invert(65%) sepia(78%) saturate(983%) hue-rotate(342deg) brightness(101%) contrast(101%); } .form-checkout__stap-budget-callout__text .good { filter: invert(52%) sepia(62%) saturate(448%) hue-rotate(60deg) brightness(89%) contrast(90%); } .form-checkout__stap-budget-callout__checkbox { /* The container */ display: inline-block; position: relative; padding-left: 35px; margin-bottom: 22px; cursor: pointer; font-size: 22px; -webkit-user-select: none; -ms-user-select: none; user-select: none; /* Hide the browser's default checkbox */ /* Create a custom checkbox */ /* On mouse-over, add a grey background color */ /* When the checkbox is checked, add a blue background */ /* Show the checkmark when checked */ /* Style the checkmark/indicator */ } .form-checkout__stap-budget-callout__checkbox input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; } .form-checkout__stap-budget-callout__checkbox .checkmark { position: absolute; top: 0; left: 0; height: 25px; width: 25px; background-color: white; border: 1px solid #1E225C; /* Create the checkmark/indicator (hidden when not checked) */ } .form-checkout__stap-budget-callout__checkbox .checkmark:after { content: ""; position: absolute; display: none; } .form-checkout__stap-budget-callout__checkbox:hover input ~ .checkmark { background-color: #ccc; } .form-checkout__stap-budget-callout__checkbox input:checked ~ .checkmark { background-color: #1E225C; } .form-checkout__stap-budget-callout__checkbox input:checked ~ .checkmark:after { display: block; } .form-checkout__stap-budget-callout__checkbox .checkmark:after { left: 9px; top: 5px; width: 5px; height: 10px; border: solid white; border-width: 0 3px 3px 0; transform: rotate(45deg); } .form-checkout__aanhef-dhr { margin-bottom: 0 !important; padding-bottom: 0 !important; } .form-checkout__aanhef-mvr { padding-top: 0 !important; } .form-checkout__fieldset-factuuradres { max-height: 0; overflow: hidden; transition: max-height 500ms; } .form-checkout__fieldset-factuuradres--expanded { max-height: 1400px; } @media print, screen and (min-width: 40em) { .form-checkout__fieldset-factuuradres--expanded { max-height: 700px; } } .form-checkout__mollie-van-voor { font-size: 1rem; font-family: 'Poppins', sans-serif; font-display: fallback; margin: 3px 0 0 0; } .form-checkout__mollie-total { font-size: 1.125rem; color: #1e225d; } .form-checkout__mollie-korting { font-size: 1.125rem; color: #ff9900; } .form-checkout__img-ideal { height: 50px; width: auto; position: relative; top: -2px; left: -5px; } .form-checkout__img-spraypay { height: 60px; width: auto; position: relative; top: -2px; left: -5px; } .form-checkout__img-mollie { height: 25px; width: auto; } .form-checkout__img-afm { height: 25px; width: auto; } .form-checkout__remarks { height: 75px; } .form-checkout__label-method { color: #1e225d; font-family: 'Poppins', sans-serif; font-display: fallback; font-size: 1.125rem; font-weight: 600; } .form-checkout__factuuradres strong { color: #1e225c; text-decoration: underline; font-weight: normal; } .form-deelnemer { max-height: 0; overflow: hidden; transition: max-height 500ms; } .form-deelnemer--expanded { max-height: 1400px; } .post-summary-large { margin: 0 0 1rem; box-shadow: 0px 10px 30px 0px rgba(157, 171, 192, 0.2); border-radius: 2px 16px 16px 16px; height: 100%; position: relative; } @media print, screen and (min-width: 40em) { .post-summary-large { margin: 0 0 2rem; } } @media screen and (min-width: 75em) { .post-summary-large { margin: 0; min-height: 180px; } } .post-summary-large__link { position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; } .post-summary-large__image img { border-radius: 8px 8px 0px 0px; } @media print, screen and (min-width: 40em) { .post-summary-large__image { overflow: hidden; min-width: 260px; max-height: 180px; } .post-summary-large__image img { width: 100%; height: auto; } } .post-summary-large__content { padding: 30px; border-radius: 0px 0px 8px 8px; background: white; } @media print, screen and (min-width: 40em) { .post-summary-large__content { /*padding: 0 1rem 0 1rem; flex-grow: 1; display: flex; flex-direction: column;*/ } } .post-summary-large__date { display: block; font-size: 0.875rem; margin-bottom: 15px; } .post-summary-large__title { font-family: 'Poppins', sans-serif; font-display: fallback; font-weight: 800; font-size: 18px; color: #1e225d; margin-top: 0.5rem; } @media print, screen and (min-width: 40em) { .post-summary-large__title { margin-top: 0; min-height: 52px; } } @media print, screen and (min-width: 64em) { .post-summary-large__title { font-size: 22px; } } .post-summary-large__intro { font-family: 'Poppins', sans-serif; font-display: fallback; color: #1e225d; margin-bottom: 15px; } @media print, screen and (min-width: 40em) { .post-summary-large__intro { -ms-flex-positive: 1; flex-grow: 1; } } @media print, screen and (min-width: 64em) { .post-summary-large__action { width: 50%; } } @media screen and (min-width: 75em) { .post-summary-large__action { width: 85%; } } .post-summary-large:hover { box-shadow: 0px 12px 40px 0px rgba(157, 171, 192, 0.35); cursor: pointer; transition: all 400ms; } .post-summary-large:hover .post-summary-large__title { color: #ff9900; transition: all 400ms; } .post-summary-large:hover .cf-button--orange-link { background: transparent; color: #ff9900; } .post-summary-large:hover .cf-button--orange-link .cf-button__text { color: #ff9900; text-decoration: underline; transition: text-decoration 400ms; } .post-summary-large:hover .cf-button--orange-link .cf-button__icon:not(.left) { margin: 0px 0px 0px 15px; transition: margin 400ms, box-shadow 400ms; } .post-summary-small { display: -ms-flexbox; display: flex; margin: 0 0 1rem; min-height: 70px; } .post-summary-small__image { width: 150px; overflow: hidden; min-width: 100px; margin-right: 20px; border-radius: 8px; } .post-summary-small__image img { width: 150px; height: 100px; object-fit: cover; } .post-summary-small__content { padding: 0 0 0 1rem; -ms-flex-positive: 1; flex-grow: 1; text-decoration: none; } .post-summary-small__date { font-family: 'Poppins', sans-serif; font-display: fallback; display: block; font-size: 1rem; color: #1e225d; } .post-summary-small__title { font-family: 'Poppins', sans-serif; font-display: fallback; display: block; font-weight: 800; font-size: 15px; color: #1e225d; } @media screen and (min-width: 40em) { .post-summary-small__title { font-size: 1.25rem; } } .post-summary-small:hover .post-summary-small__title { color: #ff9900; transition: all 400ms; } .nieuws-list-row { margin: 1rem 0 2rem; padding: 0 0.5rem 1rem 0; border-bottom: 2px solid #e3e5e7; } .nieuws-list-row__title a { color: #1e225d; text-decoration: none; } .nieuws-list-row__title a:hover { text-decoration: underline; } .nieuws-list-row__pagination { margin-bottom: 15px; margin-top: 50px; padding: 0px 10px; display: block; } @media print, screen and (min-width: 64em) { .nieuws-list-row__pagination { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center; max-width: 100rem; padding: 0px 60px; } } .nieuws-list-row__pagination__left .cf-button { width: unset; height: unset; padding: 2px 10px; min-height: unset; } .nieuws-list-row__pagination__left .cf-button span { margin: 0px; padding: 0px; } .nieuws-list-row__pagination__right { display: -ms-flexbox; display: flex; gap: 10px; margin-top: 20px; } .nieuws-list-row__pagination__right > a { -ms-flex-preferred-size: 49%; flex-basis: 49%; } @media print, screen and (min-width: 64em) { .nieuws-list-row__pagination__right { display: -ms-flexbox; display: flex; margin-top: 0px; } } .nieuws-list-row__pagination__right .cf-button { gap: 5px; padding: 4px 10px; height: unset; min-height: unset; } .nieuws-list-row__pagination__right .cf-button span { padding: 0px; margin: 0px; font-size: 14px; } .nieuws-list-row__pagination .cf-button__text { margin: -2px 5px 0 5px; padding-top: 4px; } .nieuws-list-row__pagination .cf-button--padding { border: 1px solid #1e225d; color: #1e225d; border-radius: 0px; transition: color 400ms, background-color 400ms; font-family: "Lexend", sans-serif !important; } .nieuws-list-row__pagination .cf-button--padding:hover, .nieuws-list-row__pagination .cf-button--padding:focus, .nieuws-list-row__pagination .cf-button--padding:active, .nieuws-list-row__pagination .cf-button--padding.selected { background-color: #1e225d; color: white; } .nieuws-list-row__pagination .cf-button--padding:hover span, .nieuws-list-row__pagination .cf-button--padding:focus span, .nieuws-list-row__pagination .cf-button--padding:active span, .nieuws-list-row__pagination .cf-button--padding.selected span { color: white; } .nieuws-list-row__pagination .cf-button--alt { border: 1px solid #1e225d; background-color: #1e225d; color: white; border-radius: 4px; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; } .nieuws-list-row__pagination .cf-button--alt .cf-button__text { -ms-flex-positive: unset; flex-grow: unset; color: white; } .page__section { border-bottom: 2px solid #e3e5e7; padding: 0 0 1rem; margin: 0 0 2.5rem; } @media print { .page__section { border-bottom: 0px; padding-bottom: 0px; } } .page__section--noborder { border: none; } .page__section-header { font-size: 1.75rem; font-weight: 800; color: #1e225d; } @media print, screen and (min-width: 40em) { .page__section-header { padding-bottom: 30px; } } .page__title { margin-top: 1.5rem; margin-bottom: 1.5rem; } .page__intro { width: 100%; font-size: 1.125rem; color: #1e225d; text-shadow: 0 0 20px #ffffff; margin-bottom: 1rem; } @media print, screen and (min-width: 40em) { .page__intro { margin-bottom: 0; } } .page tbody th, .page tbody td { white-space: unset !important; } @media print { .page #gerelateerd { display: none; } } .page.digitalisering-en-regelingen h2 { font-size: 2rem; margin-top: 60px; } .page.digitalisering-en-regelingen h3 { font-size: 1.6rem; margin-top: 50px; } .page.digitalisering-en-regelingen h4 { font-size: 1rem; margin-top: 25px; } .page.digitalisering-en-regelingen hr { margin-top: 60px; } .onderzoek-leven-lang-leren-2022 .page__sidebar { visibility: hidden; } .onderzoek-leven-lang-leren-2022 .o-image { border: 1px solid #ddd; box-shadow: 1px 1px 10px #eee; } .onderzoek-leven-lang-leren-2022 table tbody th, .onderzoek-leven-lang-leren-2022 table tbody td { padding: 0.15rem; border: 1px solid #ddd; font-family: Arial, sans-serif !important; } .onderzoek-leven-lang-leren-2022 table td b, .onderzoek-leven-lang-leren-2022 table td strong, .onderzoek-leven-lang-leren-2022 table td span { font-family: Arial, sans-serif !important; } .onderzoek-leven-lang-leren-2022 tbody { box-shadow: 1px 1px 10px #eee; } .onderzoek-leven-lang-leren-2022 table tr { box-shadow: none; border: none; } .doorway_header { display: grid !important; grid-template-columns: 1fr; padding: 0px 2rem; min-height: 60vh; } @media print, screen and (min-width: 64em) { .doorway_header { grid-template-columns: 1fr 1fr; column-gap: 30px; } } @media print, screen and (min-width: 64em) { .doorway_header .doorway_header__text { margin-top: 60px; margin-left: 0px; margin-right: 0px; margin-bottom: 20px; } } .doorway_header .doorway_header__text .doorway_header__text__title h1 { font-weight: 800; font-size: 25px; color: #181C4D; font-family: "Lexend", sans-serif !important; margin-bottom: 30px; } @media screen and (min-width: 40em) { .doorway_header .doorway_header__text .doorway_header__text__title h1 { font-size: 39px; } } .doorway_header .doorway_header__text .doorway_header__text__subtext p { margin-bottom: 30px; } .doorway_header .doorway_header__text .doorway_header__text__subtext p span { font-size: 16px; font-family: "Lexend", sans-serif !important; font-weight: 600; margin-bottom: 30px; color: #1e225d; margin-right: 40px; } .doorway_header .doorway_header__text .doorway_header__text__subtext p span img { margin-right: 10px; width: 16px; height: 16px; filter: invert(10%) sepia(36%) saturate(4948%) hue-rotate(228deg) brightness(95%) contrast(92%); } .doorway_header .doorway_header__text .doorway_header__text__omschijving { margin-bottom: 30px; } .doorway_header .doorway_header__text .doorway_header__text__omschijving p { margin-right: 0; } @media screen and (min-width: 40em) { .doorway_header .doorway_header__text .doorway_header__text__omschijving p { margin-right: 50px; } } .doorway_header .doorway_header__text .doorway_header__text__checkmarks { margin-bottom: 50px; } .doorway_header .doorway_header__text .doorway_header__text__checkmarks ul { margin-left: 0; list-style-type: none; } .doorway_header .doorway_header__text .doorway_header__text__checkmarks ul li { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 14px; margin-top: 20px; } @media print, screen and (min-width: 64em) { .doorway_header .doorway_header__text .doorway_header__text__checkmarks ul li { gap: 20px; } } .doorway_header .doorway_header__text .doorway_header__text__checkmarks ul li svg { min-width: 24px; } .doorway_header .doorway_header__text .cf-button__text { font-size: 1rem; } .doorway_knop { padding: 20px 30px !important; } .doorway_knop:hover { padding: 20px 30px !important; padding-right: 20px !important; } .doorway_knop:hover .cf-button__icon { margin-right: 0px; padding-right: 0px; } .doorway_knop.noicon:hover { padding-right: 30px !important; } .doorway_header__background { position: relative; height: unset; } @media print, screen and (min-width: 64em) { .doorway_header__background { height: 100%; } } .doorway_header__background .doorway_header__background__overlay { width: 100%; position: relative; bottom: 0px; } @media print, screen and (min-width: 64em) { .doorway_header__background .doorway_header__background__overlay { position: absolute; } } .doorway_header__background .doorway_header__background__overlay .doorway_header__background__overlay__naam { left: 0; top: 200px; bottom: unset; } @media print, screen and (min-width: 40em) { .doorway_header__background .doorway_header__background__overlay .doorway_header__background__overlay__naam { top: 200px; bottom: unset; } } @media print, screen and (min-width: 64em) { .doorway_header__background .doorway_header__background__overlay .doorway_header__background__overlay__naam { bottom: 260px; top: unset; } } .doorway_header__background .doorway_header__background__overlay .doorway_header__background__overlay__aankomendetraining { background-color: white; box-shadow: 0px 15px 40px rgba(69, 76, 83, 0.098); border-radius: 8px; z-index: 10; width: 100%; margin-top: 250px; margin-bottom: 35px; } @media print, screen and (min-width: 40em) { .doorway_header__background .doorway_header__background__overlay .doorway_header__background__overlay__aankomendetraining { margin-top: 270px; } } @media print, screen and (min-width: 64em) { .doorway_header__background .doorway_header__background__overlay .doorway_header__background__overlay__aankomendetraining { margin-top: 0px; } } .doorway_header__background .doorway_header__background__overlay .doorway_header__background__overlay__aankomendetraining .doorway_header__background__overlay__aankomendetraining__tekst { color: #1e225d; font-weight: 600; font-size: 18px; margin-left: 20px; margin-top: 20px; } .doorway_header__background .doorway_header__background__overlay .doorway_header__background__overlay__aankomendetraining .doorway_header__background__overlay__aankomendetraining__tekst img { height: 18px; width: 18px; margin-right: 10px; } .doorway_header__background .doorway_header__background__overlay .doorway_header__background__overlay__aankomendetraining .doorway_header__background__overlay__aankomendetraining__trainingbox { display: grid; grid-template-columns: 1fr; padding: 20px; padding-top: 0px; column-gap: 12px; row-gap: 12px; } @media print, screen and (min-width: 40em) { .doorway_header__background .doorway_header__background__overlay .doorway_header__background__overlay__aankomendetraining .doorway_header__background__overlay__aankomendetraining__trainingbox { grid-template-columns: 1fr 1fr; } } .doorway_header__background .doorway_header__background__overlay .doorway_header__background__overlay__aankomendetraining .doorway_header__background__overlay__aankomendetraining__trainingbox p, .doorway_header__background .doorway_header__background__overlay .doorway_header__background__overlay__aankomendetraining .doorway_header__background__overlay__aankomendetraining__trainingbox a { padding: 15px 10px; background-color: red; display: block; margin-bottom: 0px; background-color: #F8F8FA; border-radius: 8px; text-decoration: none; transition: all 400ms; } .doorway_header__background .doorway_header__background__overlay .doorway_header__background__overlay__aankomendetraining .doorway_header__background__overlay__aankomendetraining__trainingbox p:hover, .doorway_header__background .doorway_header__background__overlay .doorway_header__background__overlay__aankomendetraining .doorway_header__background__overlay__aankomendetraining__trainingbox a:hover { background-color: #1e225d; color: white; } .doorway_header__background .doorway_header__background__overlay__backgroundimage { bottom: 0px; top: 0px; } @media print, screen and (min-width: 40em) { .doorway_header__background .doorway_header__background__overlay__backgroundimage { top: unset; height: 100%; } } @media print, screen and (min-width: 64em) { .doorway_header__background .doorway_header__background__overlay__backgroundimage { top: unset; width: 68%; } .doorway_header__background .doorway_header__background__overlay__backgroundimage img { max-height: 550px; } } .doorway_header__background__overlay__gotthisimage { width: 100px; margin-left: 50px; padding-top: 50px; } .doorway_header_img { max-height: 550px !important; } @media print, screen and (min-width: 64em) { .doorway_header_img { bottom: 0px !important; } } .cursistenreview { padding-top: 50px; background-color: #F8F8FA; overflow: hidden; } @media screen and (min-width: 40em) { .cursistenreview { padding-top: 120px; padding-bottom: 120px; } } .cursistenreview .uitlijncuristreview { max-width: 86.5rem; margin: auto; display: grid; grid-template-columns: 1fr; grid-template-rows: 1fr 1fr; padding-left: 20px; } @media screen and (min-width: 40em) { .cursistenreview .uitlijncuristreview { grid-template-columns: 1fr 1fr; grid-template-rows: 1fr; } } .cursistenreview__reviewbericht { padding-left: 0rem; margin-right: 40px; margin-bottom: 30px; } @media print, screen and (min-width: 64em) { .cursistenreview__reviewbericht { margin-right: 80px; margin-bottom: 0px; } } .cursistenreview__reviewbericht__titel { color: #1e225d; font-size: 20px; font-weight: 800; font-family: "Lexend",sans-serif; } @media print, screen and (min-width: 64em) { .cursistenreview__reviewbericht__titel { font-size: 1.3125rem; font-size: 25px; } } .cursistenreview__reviewbericht__message { color: #1e225d; margin-bottom: 0; font-size: 16px; } .cursistenreview__reviewbericht__leesmeer { text-decoration: underline; font-weight: 500; display: inline-block; margin-top: 10px; margin-bottom: 20px; } @media print, screen and (min-width: 64em) { .cursistenreview__reviewbericht__leesmeer { margin-top: 0px; } } .cursistenreview__reviewbericht__leesmeer p { font-family: "Lexend",sans-serif; color: #1e225d; font-size: 16px; } .cursistenreview__reviewbericht__review-company { display: grid; grid-template-columns: 1fr 1fr 1fr; } .cursistenreview__reviewbericht__review-company__imageblock { display: grid; justify-items: center; } @media screen and (min-width: 40em) { .cursistenreview__reviewbericht__review-company__imageblock { margin-right: 30px; } } .cursistenreview__reviewbericht__review-company__imageblock__star svg { color: #F5C80B; font-size: 10px; } @media print, screen and (min-width: 64em) { .cursistenreview__reviewbericht__review-company__imageblock__star svg { font-size: 16px; } } .cursistenreview__reviewbericht__review-company__imageblock__image { padding: 0; mix-blend-mode: luminosity; } .cursistenreview__reviewbericht__review-company__imageblock span { color: #1e225d; font-weight: 600; font-family: "Lexend",sans-serif; margin: 0; font-size: 16px; margin-bottom: 20px; } @media print, screen and (min-width: 64em) { .cursistenreview__reviewbericht__review-company__imageblock span { margin-top: 15px; font-size: 20px; margin-bottom: 0; } } .cursistenreview__photocarousel { max-height: 100vh; max-width: 100vw; } @media screen and (min-width: 40em) { .cursistenreview__photocarousel { position: absolute !important; right: 0; max-width: 50vw; } } .cursistenreview__photocarousel .prev-arrow { right: 60px !important; } @media screen and (min-width: 40em) { .cursistenreview__photocarousel .prev-arrow { right: 75px !important; } } .cursistenreview__photocarousel .slide-arrow { margin-right: 40px; height: 45px !important; padding: 6px; bottom: -60px; width: 50px !important; } @media screen and (min-width: 40em) { .cursistenreview__photocarousel .slide-arrow { height: 50px !important; padding: 8px; width: 60px !important; } } .cursistenreview__photocarousel .slider__counter { bottom: -50px; top: auto; } @media screen and (min-width: 40em) { .cursistenreview__photocarousel .slider__counter { margin-right: 40px; } } .cursistenreview__photocarousel__imgbox { height: 100%; margin-right: 30px; } @media screen and (min-width: 40em) { .cursistenreview__photocarousel__imgbox { margin-left: 20px; margin-right: 0; } } .cursistenreview__photocarousel__imgbox img { height: 100%; object-fit: cover; border-radius: 12px; } .cursistenreview__photocarousel .slick-list { height: 100%; background: #f8f8fa; } .cursistenreview__photocarousel .slick-list .slick-track { height: 100%; } .clustersection { margin-bottom: 50px !important; } @media print, screen and (min-width: 64em) { .clustersection { margin-bottom: 75px !important; } } .home-content-divider--grey { border-bottom: 1px solid #F8F8FA !important; } .home-content-divider--grey::after { border-top: 30px solid #F8F8FA !important; } .doorway_trainers { display: grid; grid-template-columns: 1fr; margin-top: 50px; margin-bottom: 50px; padding-left: 2rem; padding-right: 2rem; } @media print, screen and (min-width: 64em) { .doorway_trainers { grid-template-columns: 1fr 1fr; margin-top: 100px; margin-bottom: 50px; } } .doorway_trainers .doorway_trainers_text { margin-bottom: 50px; } @media print, screen and (min-width: 64em) { .doorway_trainers .doorway_trainers_text { border-right: 1px solid #E0E0E0; padding-right: 60px; margin-bottom: 0px; } } .doorway_trainers .doorway_trainers_text .doorway_trainers_text_title { font-size: 20px; font-weight: 800; color: #1e225d; font-family: 'Lexend',sans-serif; margin-bottom: 30px !important; } @media print, screen and (min-width: 64em) { .doorway_trainers .doorway_trainers_text .doorway_trainers_text_title { font-size: 25px; } } .doorway_trainers .doorway_trainers_text .doorway_trainers_text_textblock { font-size: 16px; color: #1e225d; margin-bottom: 30px; } @media print, screen and (min-width: 64em) { .doorway_trainers .doorway_trainers_trainerpart { padding-left: 60px; } } .doorway_trainers .doorway_trainers_trainerpart .doorway_trainers_trainerpart_title { font-size: 20px; font-weight: 800; color: #1e225d; font-family: 'Lexend',sans-serif; } @media print, screen and (min-width: 64em) { .doorway_trainers .doorway_trainers_trainerpart .doorway_trainers_trainerpart_title { font-size: 25px; } } #trainersbox p { font-weight: 800; font-size: 20px; } #trainersbox p span { font-weight: 500; font-size: 16px; } .doorway_content { background-color: #f8f8fa; padding-left: 2rem; padding-right: 2rem; } .doorway_content .doorway_title { font-size: 20px !important; text-align: center; background: transparent; color: #1e225d !important; } @media print, screen and (min-width: 64em) { .doorway_content .doorway_title { margin-bottom: 50px !important; font-size: 39px !important; margin-right: 250px; margin-left: 250px; } } .doorway_content .doorway_container { padding-left: 0 !important; padding-right: 0 !important; } .doorway_content .doorway_container .doorway_container_content { padding-left: 0 !important; } @media print, screen and (min-width: 64em) { .doorway_content .doorway_content_item_baby { padding: 50px; } } .doorway-video-block { background-color: white; } .doorway_verwachtingen { background-color: #F8F8FA; padding: 0px 2rem; } .doorway_verwachtingen .doorway_verwachtingen__title { text-align: center; font-size: 20px; font-weight: 800; color: #1e225d; width: 100%; margin-top: 40px; margin-bottom: 30px !important; } @media print, screen and (min-width: 64em) { .doorway_verwachtingen .doorway_verwachtingen__title { font-size: 39px; margin-top: 80px; margin-bottom: 75px !important; } } .doorway_verwachtingen .doorway_verwachtingen_box { width: 100%; } .doorway_verwachtingen .doorway_verwachtingen_box ul { display: grid; grid-template-columns: 1fr; margin: 0px; } @media print, screen and (min-width: 64em) { .doorway_verwachtingen .doorway_verwachtingen_box ul { grid-template-columns: 1fr 1fr; max-width: 80%; margin: 0 auto; } } .doorway_verwachtingen .doorway_verwachtingen_box ul li { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; list-style-type: none; margin-bottom: 20px; column-gap: 16px; } @media print, screen and (min-width: 64em) { .doorway_verwachtingen .doorway_verwachtingen_box ul li { margin-bottom: 45px; } } .doorway_verwachtingen .doorway_verwachtingen_box ul li svg { min-width: 24px; } .doorway_verwachtingen .doorway_verwachtingen_box ul li p { font-size: 16px; color: #1e225d; } .doorway_verwachtingen .doorway_verwachtingen_box ul li:last-of-type { margin-bottom: 0px; } @media print, screen and (min-width: 64em) { .doorway_verwachtingen .doorway_verwachtingen_box ul li:last-of-type { margin-bottom: 45px; } } .doorway_verwachtingen .doorway_verwachtingen_button { width: 100%; text-align: center; margin-top: 50px; margin-bottom: 50px; } .doorway_verwachtingen .doorway_verwachtingen_button .cf-button__text { font-size: 1rem; } @media print, screen and (min-width: 64em) { .doorway_verwachtingen .doorway_verwachtingen_button { margin-left: 0px; margin-right: 0px; margin-bottom: 100px; } } .Alles_over > .row { padding-left: 2rem; padding-right: 2rem; } .Alles_over .Alles_over_title { text-align: center; font-size: 20px; font-weight: 800; color: #1e225d; width: 100%; margin-top: 100px; margin-bottom: 50px !important; } @media print, screen and (min-width: 64em) { .Alles_over .Alles_over_title { font-size: 39px; } } .Alles_over .Alles_over_trainingen { display: grid; grid-template-columns: 1fr; -ms-flex-pack: center; justify-content: center; row-gap: 50px; margin-bottom: 90px; } @media print, screen and (min-width: 64em) { .Alles_over .Alles_over_trainingen { grid-template-columns: 1fr 1fr 1fr; column-gap: 100px; } } @media print, screen and (min-width: 64em) { .Alles_over .Alles_over_trainingen a { margin-left: 0px; } } .doorway_reviews { background-color: #F8F8FA; padding-top: 70px; padding-bottom: 70px; } @media print, screen and (min-width: 64em) { .doorway_reviews { padding-top: 100px; padding-bottom: 100px; } } .doorway_reviews .doorway_reviews_boxs { display: grid; grid-template-columns: 1fr; padding: 0 2rem; } @media print, screen and (min-width: 64em) { .doorway_reviews .doorway_reviews_boxs { grid-template-columns: 1fr 1fr; } } @media print, screen and (min-width: 64em) { .doorway_reviews .doorway_reviews_boxs .doorway_reviews_box_tekst { margin-left: 0; margin-right: 0; } } .doorway_reviews .doorway_reviews_boxs .doorway_reviews_box_tekst .doorway_reviews_box_tekst_title { font-size: 20px; font-weight: 800; font-family: 'lexend', sans-serif; margin-top: 0px; margin-right: 0px; margin-bottom: 25px; } @media print, screen and (min-width: 64em) { .doorway_reviews .doorway_reviews_boxs .doorway_reviews_box_tekst .doorway_reviews_box_tekst_title { margin-right: 150px; margin-top: 50px; font-size: 30px; } } .doorway_reviews .doorway_reviews_boxs .doorway_reviews_box_tekst .doorway_reviews_box_tekst_text { margin-bottom: 25px; } @media print, screen and (min-width: 64em) { .doorway_reviews .doorway_reviews_boxs .doorway_reviews_box_tekst .doorway_reviews_box_tekst_text { margin-right: 50px; } } .doorway_reviews .doorway_reviews_boxs .doorway_reviews_boxs_reviewcard .testimonial-block__card { margin-bottom: 25px; } @media print, screen and (min-width: 64em) { .doorway_reviews .doorway_reviews_boxs .doorway_reviews_boxs_reviewcard .testimonial-block__card { margin-left: 150px; margin-right: 150px; margin-bottom: 0px; } } .custom-blog-header { display: grid; grid-template-columns: 1fr 1fr; } .custom-blog-header .likes_images ul { margin-left: 0; list-style-type: none; display: -ms-flexbox; display: flex; margin-bottom: 0; float: right; } .custom-blog-header .likes_images ul li { display: inline-block; margin-left: 3px; } .custom-blog-header .likes_images ul li img { width: 50px; height: auto; border-radius: 50%; } .custom-blog-header .likes_images ul .custom_rating { display: grid; grid-template-columns: 1fr 1fr; border: 1px solid; border-radius: 25px; padding: 4px 15px; -ms-flex-line-pack: center; align-content: center; height: auto; -ms-flex-item-align: center; align-self: center; margin-right: 15px; } .custom-blog-header .likes_images ul .custom_rating p { margin: auto; font-size: 14px; font-weight: bold; } .custom-blog-header .likes_images ul .custom_rating img { width: 20px; } .home-leader-new { height: auto; } .training__banner__image_blog { height: 500px; } .training__banner__image_blog .videotext-block__video__container { height: 100%; } .training__banner__image_blog.top { background-position: top !important; } .training__banner__image_blog.center { background-position: center !important; } .training__banner__image_blogs.bottom { background-position: bottom !important; } .page-header { padding-bottom: 0.5rem; } .page-header::before, .page-header::after { display: table; content: ' '; -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-order: 1; order: 1; } .page-header::after { clear: both; } @media print, screen and (min-width: 40em) { .page-header { padding-bottom: 0; background: none; border-bottom: none; } } .page-header__title { font-weight: 800; font-size: 1.5rem; color: #1e225d; margin-top: 1.5rem; margin-bottom: 1.5rem; } @media print, screen and (min-width: 40em) { .page-header__title { margin-bottom: 1rem; font-size: 2.375rem; } } .header__title { font-weight: 800; font-size: 1.5rem; color: #1e225d; margin-top: 1.5rem; margin-bottom: 1.5rem; } @media print, screen and (min-width: 40em) { .header__title { margin-bottom: 1rem; font-size: 2.375rem; } } .home-leader-new.blog_leader .page-header__title { margin-bottom: 40px; color: #181B4B; } .blog__training_artikel { margin-top: -70px; position: relative; max-width: 323px; } .blog__training_artikel .cta-block__callout__image { padding: 0; width: 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; position: unset; } .blog__training_artikel .cta-block__callout__image img:first-child { width: 64px; margin-right: -1px; position: absolute; top: 0px; right: 0; } .blog__training_artikel .cta-block__callout__image img:last-child { height: 350px; object-fit: cover; } .blog__training_artikel .cta-block__intake__image__textbox { position: unset; margin-top: -41px; } .blog__training_artikel .cluster-header__background__overlay__reviews { margin-left: 0px; width: 100%; max-width: 235px; } .blog__training_artikel .cluster-header__background__overlay__reviews .cluster-header__background__overlay__reviews__text__icon { display: none; } .blog__training_artikel .cluster-header__background__overlay__reviews .cluster-header__background__overlay__reviews__text { padding: 9px 10px; width: 95%; } .blog__training_artikel .cluster-header__background__designation { position: initial !important; top: unset !important; bottom: unset !important; color: #1E225C; margin-bottom: 10px; background-color: #fff; left: 0; font-weight: 500; } .blog__training_artikel .cluster-header__background__designation strong { font-size: 15px; } .blog__training_artikel .cluster-header__background__designation p { padding: 6px 15px; } .blog__training_artikel span.post-summary-small__date { padding: 17px 0 0 14px; padding: 17px 0 0 14px; font-size: 14px; line-height: 18px; color: #1E225C; } .blog__training_artikel .trainer_mobile img { max-height: 145px; object-fit: contain; } .page__content { margin-top: 20px; } @media print, screen and (min-width: 64em) { .page__content { margin-top: 20px; } } .page__content .introduction { display: none; color: #1e225d; } @media print, screen and (min-width: 40em) { .page__content .introduction { display: block; } } .add-blogpage-content { margin-top: 20px; margin-bottom: 20px; } @media print, screen and (min-width: 64em) { .add-blogpage-content { margin-top: 40px; margin-bottom: 40px; } } .add-blogpage-content .cf-button--blue-flat-alt { padding: 10px 20px; border-radius: 50px; min-width: 225px; } .add-blogpage-content .cf-button--blue-flat-alt button { width: 100%; } .add-blogpage-content .cf-button--blue-flat-alt button img { max-width: 28px; margin-right: 12px; } .add-blogpage-content .cf-button--blue-flat-alt button:hover { color: #fff; } .videoplayer-initialized { background-image: none !important; background-color: black; } .videoplayer-initialized iframe { height: 519px; } .introbackground-blog .twocol__banner, .hoofdstukken-mobile .twocol__banner { background: #fff !important; } .introbackground-blog .hoof_section, .hoofdstukken-mobile .hoof_section { padding-left: 40px; margin-top: -55px; } .introbackground-blog .hoof_section h3, .hoofdstukken-mobile .hoof_section h3 { font-size: 20px; margin-bottom: 10px; color: #1E225C; } .introbackground-blog .hoof_section .box_layout, .hoofdstukken-mobile .hoof_section .box_layout { display: -ms-flexbox; display: flex; -ms-flex-pack: start; justify-content: start; overflow: scroll; gap: 10px; max-width: 752px; margin-bottom: 0px; padding: 5px 0px; } .introbackground-blog .hoof_section .box_layout .box1, .hoofdstukken-mobile .hoof_section .box_layout .box1 { width: 119px; min-height: 104px; padding: 5px; border: 1px solid #1E225C; border-radius: 12px; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-direction: column; flex-direction: column; margin-right: 5px; margin-top: 5px; box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16); transition: box-shadow 400ms; } .introbackground-blog .hoof_section .box_layout .box1 p, .hoofdstukken-mobile .hoof_section .box_layout .box1 p { font-size: 14px; line-height: 19px; margin-bottom: 30px; } .introbackground-blog .hoof_section .box_layout .box1 p.custom_time, .hoofdstukken-mobile .hoof_section .box_layout .box1 p.custom_time { margin-bottom: 0; } .introbackground-blog .hoof_section .box_layout .box1:hover, .hoofdstukken-mobile .hoof_section .box_layout .box1:hover { box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.32); cursor: pointer; } .introbackground-blog .add-blogpage-content, .hoofdstukken-mobile .add-blogpage-content { padding-left: 40px; } .introbackground-blog .add-webpage-content, .hoofdstukken-mobile .add-webpage-content { padding-left: 40px; margin: 0; } .introbackground-blog .add-webpage-content .web-page-header, .hoofdstukken-mobile .add-webpage-content .web-page-header { min-height: auto; margin-bottom: 0; } .introbackground-blog .add-webpage-content .web-page-header .cf-button--blue-flat-alt.button-web-bewaard, .hoofdstukken-mobile .add-webpage-content .web-page-header .cf-button--blue-flat-alt.button-web-bewaard { min-width: 153px; border-color: #FF4F57; color: #FF4F57; margin-right: 8px; } .introbackground-blog .add-webpage-content .web-page-header .cf-button--blue-flat-alt.button-web-bewaard .cf-button__icon, .hoofdstukken-mobile .add-webpage-content .web-page-header .cf-button--blue-flat-alt.button-web-bewaard .cf-button__icon { margin: 0; } .introbackground-blog .add-webpage-content .web-page-header .cf-button--blue-flat-alt.button-web-bewaard .cf-button__icon button, .hoofdstukken-mobile .add-webpage-content .web-page-header .cf-button--blue-flat-alt.button-web-bewaard .cf-button__icon button { color: #FF4F57; font-size: 15px; } .introbackground-blog .add-webpage-content .web-page-header .cf-button--blue-flat-alt.button-web-bewaard .cf-button__icon button:hover, .hoofdstukken-mobile .add-webpage-content .web-page-header .cf-button--blue-flat-alt.button-web-bewaard .cf-button__icon button:hover { color: #fff; } .introbackground-blog .add-webpage-content .web-page-header .cf-button--blue-flat-alt.button-web-bewaard .cf-button__icon button img, .hoofdstukken-mobile .add-webpage-content .web-page-header .cf-button--blue-flat-alt.button-web-bewaard .cf-button__icon button img { filter: none; } .introbackground-blog .add-webpage-content .web-page-header .cf-button--blue-flat-alt.button-web-bewaard:hover, .hoofdstukken-mobile .add-webpage-content .web-page-header .cf-button--blue-flat-alt.button-web-bewaard:hover { border-color: #1E225C; } .introbackground-blog .add-webpage-content .web-page-header .button-web-bekijk, .hoofdstukken-mobile .add-webpage-content .web-page-header .button-web-bekijk { max-width: 225px; } .introbackground-blog .add-webpage-content .web-page-header .button-web-bekijk span.cf-button__icon, .hoofdstukken-mobile .add-webpage-content .web-page-header .button-web-bekijk span.cf-button__icon { margin: 0; } .introbackground-blog .add-webpage-content .web-page-header .button-web-bekijk span.cf-button__icon img, .hoofdstukken-mobile .add-webpage-content .web-page-header .button-web-bekijk span.cf-button__icon img { filter: none; } .introbackground-blog .page__content, .hoofdstukken-mobile .page__content { padding-left: 10px; } .introbackground-blog .page__content h2, .hoofdstukken-mobile .page__content h2 { font-size: 25px; line-height: 50px; max-width: 734px; margin-bottom: 26px !important; color: #181B4B; } .introbackground-blog .page__content h2 span, .hoofdstukken-mobile .page__content h2 span { font-weight: bold !important; } .introbackground-blog .page__content h3, .hoofdstukken-mobile .page__content h3 { font-size: 25px; line-height: 50px; max-width: 734px; margin-bottom: 26px !important; color: #181B4B; } .introbackground-blog .page__content p, .hoofdstukken-mobile .page__content p { font-size: 18px; line-height: 30px; color: #181B4B; max-width: 734px; } .introbackground-blog .page__content ul, .introbackground-blog .page__content ol, .hoofdstukken-mobile .page__content ul, .hoofdstukken-mobile .page__content ol { margin-left: 20px; max-width: 734px; } .introbackground-blog .page__content ul li, .introbackground-blog .page__content ol li, .hoofdstukken-mobile .page__content ul li, .hoofdstukken-mobile .page__content ol li { font-size: 18px; line-height: 30px; color: #181B4B; } .introbackground-blog .page__content ul li > p, .introbackground-blog .page__content ol li > p, .hoofdstukken-mobile .page__content ul li > p, .hoofdstukken-mobile .page__content ol li > p { margin-bottom: 0.5rem; } .introbackground-blog .row.add-blogpage-content .page-header, .hoofdstukken-mobile .row.add-blogpage-content .page-header { min-height: auto; background: none; border-bottom: none; padding-left: 50px; margin: 40px 0; } .introbackground-blog #training-links, .hoofdstukken-mobile #training-links { border: 0; padding-left: 40px; } .trainingen-heder-content { margin-top: 40px; width: 100%; } @media print, screen and (min-width: 64em) { .trainingen-heder-content { margin-top: 80px; } } .trainingen-blog { width: 100%; max-width: 868px; margin: 0 auto; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; grid-row-gap: 10px; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: center; align-items: center; } @media print, screen and (min-width: 64em) { .trainingen-blog { grid-row-gap: 40px; } } .trainingen-blog:last-child { margin-bottom: 120px; } .trainingen-blog h3 { font-size: 39px; line-height: 50px; margin-bottom: 40px; text-align: center; width: 100%; color: #1E225C; margin-bottom: 54px; } @media print, screen and (min-width: 64em) { .trainingen-blog h3 { margin-bottom: 24px; } } .trainingen-blog .training-grid-block { display: inline-block; width: 47.2%; margin: 0px 0px; } .trainingen-blog .training-grid-block .training-grid-block__image__overlay { border-radius: 4px 4px 0px 0px; } .trainingen-blog .training-grid-block .blue-flat-alt-button { position: absolute; right: 11px; bottom: -18px; } .trainingen-blog .training-grid-block .blue-flat-alt-button button { width: 50px; height: 50px; border: 1px solid #1E225C; border-radius: 100px; background-color: #fff; box-shadow: 0px 10px 30px 0px rgba(157, 171, 192, 0.2); } .trainingen-blog .training-grid-block .blue-flat-alt-button button img { width: 28px; } .trainingen-blog .training-grid-block p.training-grid-block__title { color: #1E225C; margin-bottom: 5px; text-align: left; } .trainingen-blog .training-grid-block p.training-grid-block__intro { font-size: 16px; line-height: 25px; text-align: left; } .web-design-artikel .cluster-header__content-post__text { padding: 0px !important; } .web-design-artikel .cluster-header__content-post { width: 100%; padding: 0rem 2rem 60px; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } @media print, screen and (min-width: 64em) { .web-design-artikel .cluster-header__content-post { padding-right: 0px; } } .web-design-artikel .cluster-header__content-post .cluster-header__content-post__text { max-width: 595px; margin-left: auto !important; } .web-design-artikel .cluster-header__content-post .cluster-header__content-post__text p { margin-bottom: 20px; } .web-design-artikel .cluster-header__content-post h2 { font-size: 36px; line-height: 45px; margin-bottom: 22px !important; color: #1E225C; } .web-design-artikel .cluster-header__content-post p { font-size: 18px; line-height: 27px; } .web-design-artikel .cluster-header__content-post .columns { padding: 0; margin: 0; } .web-design-artikel .cluster-header__content-post .columns .contact__main__form { max-width: 100%; margin-left: -3px; } .web-design-artikel .cluster-header__content-post .columns .contact__main__form .form-col-main { max-width: 496px; } .web-design-artikel .cluster-header__content-post .columns .contact__main__form .form-col-main .row { padding: 0; margin: 0; } .web-design-artikel .cluster-header__content-post .columns .contact__main__form .form-col-main .form-col { margin-bottom: 20px; } .web-design-artikel .cluster-header__content-post .columns .contact__main__form .form-col-main .form-col label { font-family: 'Lexend', sans-serif; font-display: fallback; font-size: 14px; font-weight: bold; line-height: 18px; color: #181B4B; } .web-design-artikel .cluster-header__content-post .columns .contact__main__form .form-col-main .form-col input { border-color: #181B4B; border-radius: 4px; height: 51px; padding-left: 22px; box-shadow: none; color: #181B4B; font-size: 16px; } .web-design-artikel .cluster-header__content-post .columns .contact__main__form .form-col-main .form-col input :-ms-input-placeholder { color: #181B4B; font-size: 16px; } .web-design-artikel .cluster-header__content-post .columns .contact__main__form .form-col-main .form-col input ::placeholder { color: #181B4B; font-size: 16px; } .web-design-artikel .cluster-header__content-post .columns .contact__main__form .form-col-main .cluster-header__content-post__text__buttons__button button { padding: 16px 15px; width: inherit; font-size: 18px; min-width: 161px; margin-top: 9px; } .web-design-artikel .cluster-header__content-post .columns .contact__main__form .form-col-main br { display: none; } .web-design-artikel .cluster-header__content-post .columns.cluster-header__background.align-self-top { height: auto; } .web-design-artikel .cluster-header__content-post .columns.cluster-header__background.align-self-top .cluster-header__background__text { display: block; position: relative; } .web-design-artikel .cluster-header__content-post .columns.cluster-header__background.align-self-top .cluster-header__background__text span { width: 100%; font-size: 700px; padding: 40px 0; } .web-design-artikel .cluster-header__content-post .columns.cluster-header__background.align-self-top .cluster-header__background__overlay { bottom: -10px; left: 0; right: 0; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; margin: 0 auto; -ms-flex-direction: column; flex-direction: column; max-width: 440px; } .web-design-artikel .cluster-header__content-post .columns.cluster-header__background.align-self-top .cluster-header__background__overlay .cluster-header__background__image { width: 100%; overflow: visible; margin-left: 0; height: fit-content; } .web-design-artikel .cluster-header__content-post .columns.cluster-header__background.align-self-top .cluster-header__background__overlay .cluster-header__background__image img { position: absolute; transform: translateX(-50%); left: 55%; min-height: 350px; max-height: 350px; bottom: 0px; } @media print, screen and (min-width: 64em) { .web-design-artikel .cluster-header__content-post .columns.cluster-header__background.align-self-top .cluster-header__background__overlay .cluster-header__background__image img { min-height: 50vh; max-height: 550px; left: 70%; } } .web-design-artikel .cluster-header__content-post .columns.cluster-header__background.align-self-top .cluster-header__background__overlay .cluster-header__background__designation { position: static; margin-bottom: 8px; margin-left: 7px; } .web-design-artikel .cluster-header__content-post .columns.cluster-header__background.align-self-top .cluster-header__background__overlay .cluster-header__background__designation p { font-size: 14px; line-height: 20px; } @media print, screen and (min-width: 64em) { .web-design-artikel .cluster-header__content-post .columns.cluster-header__background.align-self-top .cluster-header__background__overlay .cluster-header__background__overlay__reviews { width: 443px; margin-left: 0px; } .web-design-artikel .cluster-header__content-post .columns.cluster-header__background.align-self-top .cluster-header__background__overlay .cluster-header__background__overlay__reviews img { width: 100px; } } .web-design-artikel .cluster-header__content-post .columns.cluster-header__background.align-self-top .cluster-header__background__overlay .cluster-header__background__overlay__reviews__text { padding: 8px 8px 8px 0; width: 100%; } .training__banner_webinar { height: 100%; max-width: 1550px; margin: 0 auto; background-size: auto; position: relative; padding-bottom: 42px; } .training__banner_webinar .inspiration-block__item__image { z-index: 1; padding-bottom: 100px; } .training__banner_webinar .inspiration-block__item__image .videotext-block__video__container { position: unset; } .training__banner_webinar .inspiration-block__item__image .videotext-block__video__container #vid-icon { margin-left: 0; margin-top: 0; } .training__banner_webinar .inspiration-block__item__image__background { border-radius: 4px; min-height: 678px; background-position: top; max-width: 1071px; margin: 0 auto; } .training__banner_case { height: 519px; } .training__banner_case .inspiration-block__item__image { padding: 0; border: 1px solid #e7ebf1; } .training__banner_case .inspiration-block__item__image .inspiration-block__item__image__background { border-radius: 0; min-height: 219px; background-position: center !important; } @media print, screen and (min-width: 64em) { .training__banner_case .inspiration-block__item__image .inspiration-block__item__image__background { min-height: 519px; } } .training__banner_case .inspiration-block__item__image .inspiration-block__item__image__background.top { background-position: top !important; } .training__banner_case .inspiration-block__item__image .inspiration-block__item__image__background.center { background-position: center !important; } .training__banner_case .inspiration-block__item__image .inspiration-block__item__image__backgrounds.bottom { background-position: bottom !important; } .training__banner_case .inspiration-block__item__image .inspiration-block__item__image__background iframe { width: 100%; height: 219px; } @media print, screen and (min-width: 64em) { .training__banner_case .inspiration-block__item__image .inspiration-block__item__image__background iframe { height: 526px; } } .training__banner_case .inspiration-block__item__image .videotext-block__video__container { position: unset; } .training__banner_case .inspiration-block__item__image .videotext-block__video__container #vid-icon { margin-left: 0; margin-top: 0; width: 120px; height: 120px; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; padding: 0; } .training__banner_case .inspiration-block__item__image .videotext-block__video__container #vid-icon img { height: 70px; width: 70px; } .overlay_img { position: absolute; bottom: 108px; height: 602px; width: 1348px; margin: 0 auto; left: 0; right: 0; } .case-page-header { margin-top: 40px; min-height: auto; } .case-page-header .cf-button--blue-flat-alt .cf-button__icon { margin: 0; } .case-page-header .cf-button--blue-flat-alt .cf-button__icon img { height: auto; } .case-page-header .cf-button--blue-flat-alt.button-alt-blog { min-width: 225px; margin-right: 8px; } .case-page-header .cf-button--blue-flat-alt.button-alt-blog img { filter: unset; height: auto; } @media handheld, only screen and (max-width: 1579px) { .row.cluster-header-blog { margin-right: 0; margin-left: 0; } .row.cluster-header-blog .cluster-header__content-post { margin: 0; padding-left: 15px; padding-right: 15px; } .cluster-header__content-post .cluster-header__background__text span { font-size: 600px !important; } } @media handheld, only screen and (max-width: 1250px) { .cluster-header__content-post .cluster-header__content-post__text { padding-left: 20px !important; } .cluster-header__content-post .cluster-header__background__text span { font-size: 500px !important; } .introbackground-blog .hoof_section, .hoofdstukken-mobile .hoof_section { margin-top: 0; } .introbackground-blog .hoof_section .box_layout .box1, .hoofdstukken-mobile .hoof_section .box_layout .box1 { width: 109px; box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16); } } @media handheld, only screen and (max-width: 1140px) { .introbackground-blog .hoof_section .box_layout, .hoofdstukken-mobile .hoof_section .box_layout { display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; gap: 10px; overflow: scroll; } .introbackground-blog .hoof_section .box_layout .box1, .hoofdstukken-mobile .hoof_section .box_layout .box1 { min-width: 119px; box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16); } .cluster-header__content-post .cluster-header__background__text span { font-size: 430px !important; } } @media handheld, only screen and (max-width: 1023px) { .sidebar-blog { border-bottom: 1px solid; } .twocol__sidebar-training__background { padding: 0px 2rem; } .blog__training_artikel { margin-top: 0; margin-bottom: 30px; } .introbackground-blog .row.add-blogpage-content .page-header { padding-left: 20px; } .introbackground-blog .page__content { padding-left: 0px; } .introbackground-blog .page__content p { padding-left: 0px; max-width: 100%; } .cluster-header__content-post { -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: center; justify-content: center; } .cluster-header__content-post .cluster-header__background__text { margin-left: -2rem; margin-right: -2rem; } .cluster-header__content-post .cluster-header__background__text span { text-align: center; } .cluster-header__content-post .cluster-header__content-post__text { padding-left: 0px !important; margin: 0 auto !important; } .cluster-header__content-post .cluster-header__background { width: 100%; } .introbackground-blog .hoof_section, .hoofdstukken-mobile .hoof_section { padding-left: 0; } .introbackground-blog .hoof_section .box_layout, .hoofdstukken-mobile .hoof_section .box_layout { max-width: 100%; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; gap: 10px; overflow: scroll; -ms-overflow-style: none; /* Internet Explorer 10+ */ scrollbar-width: none; /* Firefox */ } .introbackground-blog .hoof_section .box_layout::-webkit-scrollbar, .hoofdstukken-mobile .hoof_section .box_layout::-webkit-scrollbar { width: 0; /* Remove scrollbar space */ background: transparent; /* Optional: just make scrollbar invisible */ } .introbackground-blog .hoof_section .box_layout .box1, .hoofdstukken-mobile .hoof_section .box_layout .box1 { width: 119px; min-height: 104px; box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16); } .introbackground-blog .add-blogpage-content, .hoofdstukken-mobile .add-blogpage-content { padding-left: 0px; } .introbackground-blog .add-webpage-content { padding-left: 0px; } .introbackground-blog #training-links { padding-left: 0px; } } @media handheld, only screen and (max-width: 989px) { .trainingen-blog { padding: 0px 2rem; } } @media handheld, only screen and (max-width: 767px) { .trainingen-blog { -ms-flex-direction: column; flex-direction: column; } .trainingen-blog .training-grid-block { width: 100%; margin: 0px 0px 20px; padding: 0; } .trainingen-blog .training-grid-block .training-grid-block__image { height: auto; } .trainingen-blog .training-grid-block .training-grid-block__image > img { height: auto; } .trainingen-blog .training-grid-block .training-grid-block__content__text { height: auto; } .trainingen-blog h3 { font-size: 20px; line-height: 30px; text-align: start; margin-bottom: 26px; } .trainingen-blog:last-child { margin-bottom: 50px; } .introbackground-blog { padding: 0 2rem; } .introbackground-blog .page__content h2 { font-size: 25px; line-height: 30px; color: #1E225C; } .introbackground-blog .page__content h3 { font-size: 25px; line-height: 30px; color: #1E225C; } .introbackground-blog .page__content p { overflow: hidden; font-size: 16px; line-height: 26px; color: #1E225C; } .introbackground-blog .page__content ul li, .introbackground-blog .page__content p a { font-size: 16px; line-height: 26px; color: #1E225C; } .cluster-header__content-post { padding: 50px 0; } .cluster-header__content-post .cluster-header__content-post__text { max-width: 100%; } .cluster-header__content-post .columns.cluster-header__background.align-self-top .cluster-header__background__overlay { bottom: 0px; width: auto; } .cluster-header__content-post .columns.cluster-header__background.align-self-top .cluster-header__background__overlay .cluster-header__background__overlay__reviews { width: auto; left: 0px; } .cluster-header__content-post .columns.cluster-header__background.align-self-top .cluster-header__background__overlay .cluster-header__background__designation { left: 0px; bottom: 105px; } .cluster-header__content-post .columns.cluster-header__background.align-self-top .cluster-header__background__overlay .cluster-header__background__image { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; left: 0; right: 0; } .cluster-header__content-post .columns.cluster-header__background.align-self-top .cluster-header__background__overlay .cluster-header__background__image img { transform: translateX(0%); left: 0%; } .cluster-header__content-post .columns.cluster-header__background.align-self-top .cluster-header__background__text span { font-size: 300px !important; padding-right: 0; } .introbackground-blog .hoof_section .box_layout, .hoofdstukken-mobile .hoof_section .box_layout { max-width: 100%; margin: 0; gap: 10px; overflow: scroll; } .introbackground-blog .hoof_section .box_layout .box1, .hoofdstukken-mobile .hoof_section .box_layout .box1 { width: 119px; margin: 0 0px 10px; min-height: 104px; box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16); } .introbackground-blog .add-webpage-content, .hoofdstukken-mobile .add-webpage-content { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; } .introbackground-blog .add-webpage-content .cf-button--blue-flat-alt, .hoofdstukken-mobile .add-webpage-content .cf-button--blue-flat-alt { margin-top: 10px; margin-right: 0; } .cluster-header__content-post .columns .contact__main__form { margin: 0; } .training__banner_webinar .inspiration-block__item__image { padding-bottom: 0; } } @media handheld, only screen and (max-width: 479px) { .blog__training_artikel { max-width: 100%; } } .trainer_mobile { display: grid; grid-template-columns: 1fr 3fr; gap: 30px; } .trainer_mobile img { max-height: 145px; object-fit: contain; } .trainer_mobile .text-next-image-trainer-mobile { width: 100%; font-family: 'Lexend', sans-serif; font-display: fallback; color: #1e225d; } .trainer_mobile .text-next-image-trainer-mobile span { font-family: 'Lexend', sans-serif; font-display: fallback; } .cluster-header__content-post h1 { margin-top: 20px; margin-bottom: 20px; } @media handheld, only screen and (max-width: 639px) { .sidebar-blog { border-bottom: 1px solid; } .training__banner__image_blog { display: block !important; height: 250px; } .training__banner__image_blog .videotext-block__video__container { height: 100%; } .inspiration-block__item__image { padding: 0; } .inspiration-block__item__image__background-blog { min-height: 180px !important; } .banner-case-blog { display: block !important; height: 250px; } .banner-case-blog-background { min-height: 250px !important; } .cluster-header__content-post h1 { margin-top: 20px !important; margin-bottom: 20px; } .cluster-header__content-post .cluster-header__background__text { margin-top: 150px; } } @media handheld, only screen and (max-width: 1000px) { .cluster-header__content-post { margin-bottom: 25px; padding: 0 2rem; } .rowbuttommobile-login { max-width: 100% !important; } .background-overlay-login { padding-left: 20px !important; } .background-image-overlay-login { bottom: 40px; } .login-clusterheader-backgroundtext { margin-top: 50px !important; } .login-clusterheader-backgroundtext span { margin-bottom: 100px; } } .header-mobile-title { position: relative; padding-top: 20px; padding-bottom: 25px; } .header-mobile-title h1 { margin: 0px !important; } .header-mobile-blog { margin-top: 24px; margin-bottom: 0px; padding: 0px 2rem; } .header-mobile-blog .page-title-blog-mobile { font-size: 25px; font-weight: 800; color: #1e225d; font-family: 'Lexend', sans-serif; } .header-mobile-blog .page-omschrijving-blog-mobile { font-size: 16px; margin-top: 15px; } @media print, screen and (min-width: 40em) { .header-mobile-blog .page-omschrijving-blog-mobile { display: none; } } .blog_head_labels { display: -ms-flexbox; display: flex; gap: 25px; -ms-flex-align: center; align-items: center; } .blog_head_title { position: relative; padding-top: 25px; padding-bottom: 55px; } .blog_head_title h1.page__title { color: #1e225d !important; margin: 0px !important; margin-bottom: 0px !important; } .labelsoortpost { background-color: #FFF500; border-radius: 100px; color: #1e225d; font-size: 14px; font-weight: 600; padding: 5px 13px 4px 13px; text-transform: capitalize; font-family: 'Lexend', sans-serif; display: inline-block; } .labelsoortcatogorie { margin-left: 5px; color: #1e225d; font-size: 14px; font-weight: 600; font-family: 'Lexend', sans-serif; display: inline-block; } .button-bar { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 15px; } .button-bewaar-blog { min-width: 0; border-radius: 50px; padding: 13px 21px; border: 1px solid #1e225d; width: fit-content; text-decoration: none; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-align: center; align-items: center; gap: 6px; transition: all 400ms; } .button-bewaar-blog img { width: 24px; filter: invert(9%) sepia(64%) saturate(3500%) hue-rotate(231deg) brightness(86%) contrast(90%); } .button-bewaar-blog .like-image-blog-mobile { width: 16px; } .button-bewaar-blog span { font-family: 'Lexend', sans-serif; color: #1e225d; font-size: 14px; } .button-bewaar-blog:hover { border: 1px solid #1e225d; background: #1e225d; } .button-bewaar-blog:hover img { filter: invert(98%) sepia(1%) saturate(50%) hue-rotate(347deg) brightness(116%) contrast(100%); } .button-bewaar-blog:hover span { color: white; } .button-bewaar-blog.bewaarknop-trainingen { border: none; border-radius: 0; height: 100%; } .button-bewaar-blog.bewaarknop-trainingen span { font-size: 15px; } .button-bewaar-blog.bewaarknop-trainingen:hover { border-bottom: 1px solid #1E225C; background: none; } .button-bewaar-blog.bewaarknop-trainingen:hover span { font-weight: 600; color: #1e225d; } .button-bewaar-blog.bewaarknop-trainingen:hover img { filter: invert(9%) sepia(64%) saturate(3500%) hue-rotate(231deg) brightness(86%) contrast(90%); } .button-bewaar-blog-mobile { min-width: 0; border-radius: 10px; padding: 7px 15px; border: 1px solid #DDDDDD; width: fit-content; text-decoration: none; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 6px; transition: all 400ms; } .button-bewaar-blog-mobile .like-image-blog-mobile { width: 16px; } .button-bewaar-blog-mobile span { font-family: 'Lexend', sans-serif; color: #1e225d; font-size: 14px; } .button-bewaar-blog-mobile:hover { border: 1px solid #1e225d; background: #1e225d; } .button-bewaar-blog-mobile:hover img { filter: invert(98%) sepia(1%) saturate(50%) hue-rotate(347deg) brightness(116%) contrast(100%); } .button-bewaar-blog-mobile:hover span { color: white; } .box-likes-bewaar-blog-mobile { margin-top: 20px; display: -ms-flexbox; display: flex; gap: 10px; margin-bottom: 20px; } .box-likes-bewaar-blog-mobile .button-bewaar-blog-mobile.likes span { font-weight: 600; } .box-likes-bewaar-blog-mobile .button-bewaar-blog-mobile.likes:hover { border: 1px solid #DDDDDD; background-color: transparent; } .box-likes-bewaar-blog-mobile .button-bewaar-blog-mobile.likes:hover span { color: #1e225d; } .container-text-post-clusterheader { margin-right: 0 !important; } #video2 { top: 100px !important; } .rowbuttommobile-login { max-width: 80%; } .whitefade-notloggin-footer { display: block; width: 100%; height: 200px; background-image: linear-gradient(rgba(255, 255, 255, 0), white 40%); margin-top: -150px; pointer-events: none; position: relative; } .inspiratie-nieuwsbrief input { width: 100%; } .inspiratie-nieuwsbrief textarea { border: 1px solid #1e225d; border-radius: 8px; background-color: transparent; padding: 14px 20px; height: 100px; max-width: 95%; } .inspiratie-nieuwsbrief.Option .Option_nieuwsbrief { border: 1px solid #1e225d; border-radius: 8px; background-color: transparent; padding: 14px 20px; width: 95%; } .inspiratie-nieuwsbrief.Option .Option_nieuwsbrief input { margin-bottom: 0; width: fit-content; } .inspiratie-nieuwsbrief.Option .Option_nieuwsbrief label { position: initial; margin-left: 0; width: fit-content; } .inspiratie-nieuwsbrief.Option .Option_nieuwsbrief.tekstvak { width: 95%; display: block; } .inspiratie-nieuwsbrief.Option .Option_nieuwsbrief__box { display: grid; grid-template-columns: 1fr 1fr; width: fit-content; } .inspiratie-arrow-back { height: 50px; width: 50px; position: absolute; bottom: -25px; border: 1px solid black; background: white; border-radius: 50px; display: grid; -ms-flex-line-pack: center; align-content: center; -ms-flex-pack: center; justify-content: center; z-index: 2; } .inspiratie-arrow-back svg { width: 24px; height: 24px; } .button-bar .selected { border: 1px solid red; } .button-bar .selected span { color: red; } .button-bar .selected img { filter: invert(44%) sepia(85%) saturate(3223%) hue-rotate(329deg) brightness(106%) contrast(100%); } .seo-page-header__image__video__container img { width: 100%; height: 200px; object-fit: cover; } @media print, screen and (min-width: 64em) { .seo-page-header__image__video__container img { height: 300px; } } .seo-page-content { padding-top: 30px; } @media print, screen and (min-width: 64em) { .seo-page-content { padding-top: 50px; } } .seo-page-content__section { margin-bottom: 70px; } .seo-page-content__section h1 { font-size: 20px; line-height: 1.2; } @media print, screen and (min-width: 64em) { .seo-page-content__section h1 { font-size: 39px; line-height: initial; } } .seo-page-content__section h2 { font-size: 20px; line-height: 1.2; } @media print, screen and (min-width: 64em) { .seo-page-content__section h2 { font-size: 30px; line-height: initial; } } .seo-page-content__section h1, .seo-page-content__section h2, .seo-page-content__section h3, .seo-page-content__section h4 { margin-bottom: 25px; } .seo-page-content__section .cluster-header__content__text__buttons__button { margin-top: 25px; } .landing-info { position: relative; padding: 60px 0 100px; } @media screen and (min-width: 75em) { .landing-info { padding: 80px 0 130px; } } .landing-info__content-wrap { text-align: center; padding: 0 22px 10px; font-size: 15px; position: relative; height: 100%; } @media screen and (max-width: 63.9375em) { .landing-info__content-wrap { padding: 0 0 5px; max-width: 300px; margin: 0 auto; } } .landing-info__content-wrap::after { content: ""; position: absolute; width: 86px; max-width: 100%; height: 2px; transform: translateX(-50%); left: 50%; bottom: 0; background-color: #00C4C2; } .landing-info__content-wrap h3 { font-size: 18px; line-height: 1.27; font-weight: 600; margin-bottom: 6px; letter-spacing: -0.7px; } .landing-info__inner-row > div:nth-child(3n+2) .landing-info__content-wrap:after { background-color: #9ED14E; } .landing-info__inner-row > div:nth-child(3n+3) .landing-info__content-wrap:after { background-color: #B579DB; } @media screen and (max-width: 39.9375em) { .landing-info__inner-row > div:not(:last-child) { margin-bottom: 25px; } } .landing-info__inner { max-width: 900px; margin: 0 auto; } .landing-info__bottom-images { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: -130px; pointer-events: none; margin-top: 30px; position: relative; z-index: 4; } @media print, screen and (min-width: 40em) { .landing-info__bottom-images { margin-bottom: -176px; margin-top: 0px; } } @media screen and (min-width: 75em) { .landing-info__bottom-images { margin-bottom: -283px; margin-top: -120px; } } .landing-info__bottom-images > div { max-width: 33.33%; } .landing-info__right-image { transform: translateY(18%); } .landing-button-wrap { text-align: center; margin-top: 43px; } .landing-button-wrap a { display: -ms-inline-flexbox; display: inline-flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; width: 194px; font-size: 16px; max-width: 100%; } .landing-button-wrap a .cf-button__text { width: auto; } .landing-button-wrap a .cf-button__icon { margin-left: 10px; transform: translateX(-5px) !important; } .landing-button-wrap a:hover { padding-right: 10px !important; } .landing-button-wrap a:hover .cf-button__icon { margin-left: 40px; } .competence-career { background-color: #F8F8FA; position: relative; padding: 70px 0 30px; } @media print, screen and (min-width: 40em) { .competence-career { padding: 140px 0 50px; } } @media print, screen and (min-width: 64em) { .competence-career { padding: 100px 0 50px; } } .competence-career__icon { width: 30px; height: 30px; background-color: #9ED14E; border-radius: 100%; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; color: #fff; margin-bottom: 25px; } @media screen and (max-width: 63.9375em) { .competence-career__icon { margin-bottom: 15px; } } .competence-career__icon * { color: #fff; fill: #fff; } @media screen and (max-width: 63.9375em) { .competence-career__icon-box { max-width: 300px; margin: 0 auto; } } .competence-career__icon-box h3 { font-size: 18px; line-height: 1.27; font-weight: 600; margin-bottom: 10px; } .competence-career .landing-section-head h2 { margin-bottom: 25px !important; } @media screen and (min-width: 75em) { .competence-career .landing-section-head h2 { margin-bottom: 72px !important; } } .competence-career__bottom-img { -ms-flex-pack: center; justify-content: center; } @media print, screen and (min-width: 64em) { .competence-career__bottom-img { margin-top: -80px; } } @media screen and (max-width: 39.9375em) { .competence-career__bottom-img img { max-width: 70%; margin: 0 auto; margin-top: 30px; } } .competence-career__top-image { position: relative; z-index: 2; margin-bottom: 50px; } @media screen and (min-width: 75em) { .competence-career__top-image { margin-top: -50px; margin-bottom: 100px; } } @media screen and (min-width: 90em) { .competence-career__top-image { margin-top: -100px; } } .competence-career__top-image img { max-width: 50%; } @media screen and (min-width: 90em) { .competence-career__top-image img { margin-left: -35%; } } .competence-career__checklist { -ms-flex-align: start; align-items: flex-start; } @media print, screen and (min-width: 64em) { .competence-career__checklist > div:first-child, .competence-career__checklist > div:last-child { margin-top: 120px; } } .competence-career__checklist > div:nth-child(3) { padding: 0; } @media screen and (max-width: 63.9375em) { .competence-career__checklist > div:not(:last-child) { margin-bottom: 20px; } } .competence-career .custom-shape-divider-top { position: absolute; top: 0; left: 0; width: 100%; overflow: hidden; line-height: 0; transform: rotate(180deg); display: -ms-flexbox; display: flex; } .competence-career .custom-shape-divider-top svg { position: relative; display: block; width: calc(100% + 1.3px); height: 77px; } @media screen and (max-width: 63.9375em) { .competence-career .custom-shape-divider-top svg { height: 30px; } } .competence-career .custom-shape-divider-top .shape-fill { fill: #FFFFFF; } .landing-section-head { max-width: 728px; margin: 0 auto; } .landing-section-head h1, .landing-section-head h2 { margin-bottom: 47px; color: #181C4D; letter-spacing: -0.7px; font-size: 35px; } @media screen and (max-width: 63.9375em) { .landing-section-head h1, .landing-section-head h2 { font-size: 25px; margin-bottom: 30px; } } .how-works { padding: 60px 0 64px; } @media screen and (min-width: 75em) { .how-works { padding: 120px 0 104px; } } .how-works .landing-section-head h2 { margin-bottom: 50px !important; } @media screen and (max-width: 74.9375em) { .how-works .landing-section-head h2 { margin-bottom: 25px !important; } } .how-works .homepagevideo { background: none; } @media print, screen and (min-width: 40em) { .how-works .homepagevideo .videotext-block__video.centre { padding-left: 5rem; padding-right: 5rem; } } @media print, screen and (min-width: 64em) { .how-works .homepagevideo .videotext-block__video.centre { padding-left: 10rem; padding-right: 10rem; } } .how-works .homepagevideo .homepage-background-image-class { background-position: center !important; } .how-works .homepagevideo .homepage-background-image-class iframe { z-index: 99; } .how-works .homepagevideo .videotext-block__video__container { display: block !important; } .how-works .landing-button-wrap { margin-top: 20px; } .shape-images { position: relative; } .shape-images::before { content: ''; width: 60px; height: 60px; transform: rotate(329deg); position: absolute; top: 40px; left: -5px; background-color: rgba(0, 196, 194, 0.18); } @media screen and (min-width: 90em) { .shape-images::before { top: 80px; left: -37px; } } @media screen and (max-width: 74.9375em) { .shape-images::before { width: 40px; height: 40px; } } .shape-images::after { content: ''; width: 90px; height: 90px; border-radius: 50%; position: absolute; top: 10px; right: -14px; background-color: rgba(158, 209, 78, 0.18); } @media screen and (min-width: 90em) { .shape-images::after { top: 30px; right: -47px; } } @media screen and (max-width: 74.9375em) { .shape-images::after { width: 55px; height: 55px; } } .dote-bg-image { position: relative; } .dote-bg-image:before { content: ''; background-image: url(/images/landing/dot-bg-gray.svg); position: absolute; background-repeat: repeat; top: -19px; bottom: -12px; right: 0; left: 0; z-index: -1; background-position: center; background-size: 45px; } .square-gray-shap:after { content: ''; width: 84px; height: 84px; transform: rotate(329deg); position: absolute; bottom: 30px; right: 50px; background-color: #F8F8FA; z-index: -1; } @media screen and (max-width: 74.9375em) { .square-gray-shap:after { width: 45px; height: 45px; } } .our-vision { padding: 60px 0 50px; } @media screen and (min-width: 75em) { .our-vision { padding: 136px 0 50px; } } .our-vision .dote-bg-image:before { top: -25px; } .our-vision .landing-section-head h2 { margin-bottom: 50px !important; } @media screen and (max-width: 74.9375em) { .our-vision .landing-section-head h2 { margin-bottom: 25px !important; } } .our-vision .homepagevideo { background: none; padding-bottom: 118px; } @media screen and (max-width: 74.9375em) { .our-vision .homepagevideo { padding-bottom: 65px; } } @media screen and (max-width: 63.9375em) { .our-vision .homepagevideo { padding-bottom: 30px; } } @media print, screen and (min-width: 40em) { .our-vision .homepagevideo .videotext-block__video.centre { padding-left: 5rem; padding-right: 5rem; } } @media print, screen and (min-width: 64em) { .our-vision .homepagevideo .videotext-block__video.centre { padding-left: 10rem; padding-right: 10rem; } } .our-vision .homepagevideo .homepage-background-image-class { background-position: center !important; } .our-vision .homepagevideo .homepage-background-image-class iframe { z-index: 99; } .our-vision .homepagevideo .videotext-block__video__container { display: block !important; } .career-choice { padding: 60px 0 0; position: relative; z-index: 1; } .career-choice:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 91.4%; background-color: #F8F8FA; z-index: -1; } @media screen and (max-width: 39.9375em) { .career-choice { padding-left: 17px; padding-right: 17px; } } @media screen and (min-width: 75em) { .career-choice { padding: 98px 0 0; } } @media screen and (max-width: 63.9375em) { .career-choice .bottom-space { margin-bottom: 20px; } } .career-choice .landing-section-head h2 { margin-bottom: 89px !important; } @media screen and (max-width: 74.9375em) { .career-choice .landing-section-head h2 { margin-bottom: 25px !important; } } .career-choice .incompany__possibilities__container { padding: 20px 20px 4px; box-shadow: 0px 3px 6px rgba(158, 209, 78, 0.16); border-radius: 20px; width: 100%; max-width: 460px; margin: auto; padding: 28px 36px 14px; } @media screen and (max-width: 39.9375em) { .career-choice .incompany__possibilities__container { padding: 20px 20px 4px; } } @media print, screen and (min-width: 64em) { .career-choice .incompany__possibilities__container { padding: 38px 46px 14px; max-width: 389px; } } .career-choice .incompany__possibilities__container--sky-blue { border-color: #00C4C2; } .career-choice .incompany__possibilities__container--light-green { border-color: #9ED14E; } .career-choice .incompany__possibilities__container--purple { border-color: #B579DB; } .career-choice .incompany__possibilities__container__top { height: 100%; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; } .career-choice .incompany__possibilities__container__top__header { padding: 0 0 20px; border-bottom: none; -ms-flex-positive: 1; flex-grow: 1; } .career-choice .incompany__possibilities__container__top__body { padding: 0; -ms-flex-positive: 1; flex-grow: 1; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: justify; justify-content: space-between; } .career-choice .incompany__possibilities__container__top__body__image img { max-height: 140px; margin: 0 auto 18px; display: block; object-fit: contain; } @media print, screen and (min-width: 40em) { .career-choice .incompany__possibilities__container__top__body__image img { max-height: 180px; } } .career-choice .incompany__possibilities__container p { font-size: 15px; } .career-choice .career-choice-content { margin-top: 75px; } @media screen and (max-width: 39.9375em) { .career-choice .career-choice-content { margin-top: 40px; } } @media print, screen and (min-width: 40em) { .career-choice .career-choice-content { margin-top: 115px; } } .career-choice .career-choice-content .landing-section-head h2 { margin-bottom: 16px !important; } .career-choice .career-choice-content .career-choice-content--image { width: 100%; max-width: 340px; margin: 30px auto 0; } @media print, screen and (min-width: 40em) { .career-choice .career-choice-content .career-choice-content--image { max-width: 465px; } } .career-choice .career-choice-content .career-choice-content--image img { display: block; width: 100%; } .career-choice .career-choice-content .landing-button-wrap { margin-top: 28px; } .c-cta-block__intake > .row { max-width: 97.25rem; } .zoeken__title { font-family: 'Poppins', sans-serif; font-display: fallback; color: #1e225d; margin-top: 30px; } .zoeken__section { margin: 1rem 0 0.5rem; font-family: 'Poppins', sans-serif; font-display: fallback; font-weight: 600; color: #1e225d; font-size: 1.15rem; } @media print, screen and (min-width: 40em) { .zoeken__section { font-size: 1.5rem; margin: 2rem 0 1rem; } } .zoeken__trainingen #training-zoekresultaten > .row { row-gap: 30px; } .zoeken__overview { background-color: #fafafb; padding-top: 25px; position: relative; } @media print, screen and (min-width: 40em) { .zoeken__overview { border: 1px solid #a7a7a7; border-radius: 8px 0px 0px 8px; padding: 30px; } } .zoeken__overview__title { font-weight: 750; margin-bottom: 25px; text-align: center; color: #0a0a0a; } @media print, screen and (min-width: 40em) { .zoeken__overview__title { text-align: left; } } .zoeken__overview__filter { display: -ms-flexbox; display: flex; margin-bottom: 25px; } .zoeken__overview__filter__option { background-color: white; border: 1px solid #bbbbbb; text-align: center; width: 33.3%; padding: 5px 0px; font-weight: 600; font-size: 0.9rem; cursor: pointer; transition: background 400ms, color 400ms; } .zoeken__overview__filter__option.selected, .zoeken__overview__filter__option:active, .zoeken__overview__filter__option:hover, .zoeken__overview__filter__option:focus { background-color: #206bb4; color: white; border: 1px solid #505050; } .zoeken__overview__filter__option:not(:first-of-type):not(:last-of-type) { border-left: 0px; } .zoeken__overview__filter__option:first-of-type { border-right: 1px solid #bbbbbb; border-radius: 10px 0px 0px 10px; } .zoeken__overview__filter__option:last-of-type { border-left: 0px; border-radius: 0px 10px 10px 0px; } .zoeken__overview__filter__list { display: none; } .zoeken__overview__filter__barebonelist { display: none; } .zoeken__overview__icons { padding: 5px 10px; font-size: 0.9rem; display: inline-block; transition: background 400ms, color 400ms; margin: 0px; } .zoeken__overview__icons.selected, .zoeken__overview__icons:active, .zoeken__overview__icons:hover, .zoeken__overview__icons:focus { background-color: #206bb4; color: white; cursor: pointer; } .zoeken__overview__icons:first-of-type { border-right: 1px solid #bbbbbb; border-radius: 10px 0px 0px 10px; } .zoeken__overview__icons:last-of-type { border-left: 0px; border-radius: 0px 10px 10px 0px; } .zoeken__overview__icons:not(:first-of-type):not(:last-of-type) { border-right: 1px solid #bbbbbb; border-radius: 0px; } .zoekresultaat { border-top: 2px solid #e3e5e7; padding: 1rem 0; margin: 0 0 1rem; } .zoekresultaat__title { font-family: 'Poppins', sans-serif; font-display: fallback; color: #1e225d; font-size: 1rem; font-weight: 600; margin: 0 0 0.5rem; } .zoekresultaat__title:first-letter { text-transform: uppercase; } .zoekresultaat__title a { color: #1e225d; text-decoration: none; } .zoekresultaat__title a strong { color: #1e225c; font-weight: 8600; } .zoekresultaat__intro { margin: 0; } .zoekresultaat__intro:first-letter { text-transform: uppercase; } .zoekresultaat__intro strong { color: #1e225c; } .evaluatie-form { /* Remove default styles */ /* Style the slider track */ /* Style the thumb (draggable circle) */ } .evaluatie-form__legend { font-family: 'Poppins', sans-serif; font-display: fallback; font-weight: 700; color: #1e225d; font-size: 1.0625rem; } .evaluatie-form .evaluatieDIV { display: -ms-flexbox; display: flex; -ms-flex-pack: distribute; justify-content: space-around; -ms-flex-align: start; align-items: flex-start; } @media only screen and (max-width: 767px) { .evaluatie-form .evaluatieDIV { display: -ms-flexbox; display: flex; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .evaluatie-form .evaluatieDIV::after { content: ""; height: 560px; width: 50px; position: absolute; left: 25px; pointer-events: none; } } .evaluatie-form .evaluatieDIV table tbody tr td input { width: 100%; height: 20px; } .evaluatie-form__table-heading { text-align: left; display: none; } @media print, screen and (min-width: 64em) { .evaluatie-form__table-heading { display: inline-block; } } .evaluatie-form .row-mobile-option-name { display: block; position: relative; text-align: left !important; } @media print, screen and (min-width: 64em) { .evaluatie-form .row-mobile-option-name { display: none; } } .evaluatie-form .row-option-name { display: none; } @media print, screen and (min-width: 64em) { .evaluatie-form .row-option-name { display: block; } } .evaluatie-form th, .evaluatie-form td { text-align: center; color: white; } .evaluatie-form.tb-slider { width: 100%; height: 100%; background-color: #f1f1f1; border-radius: 5px; position: relative; overflow: hidden; display: block; /* Changed from flex to block */ padding: 0; margin: 0; transition: background-color 0.3s; } .evaluatie-form thead th { opacity: 0.3; transition: opacity 0.3s ease; } .evaluatie-form .highlight { opacity: 1; background-color: #ffdd57; color: #333; } .evaluatie-form #tag-input-container { position: relative; width: 100%; } .evaluatie-form #autocomplete-list { position: absolute; background: white; border: 1px solid #ccc; width: 100%; max-height: 150px; overflow-y: auto; list-style: none; margin: 0; padding: 0; z-index: 1000; } .evaluatie-form #autocomplete-list li { padding: 10px; cursor: pointer; } .evaluatie-form #autocomplete-list li:hover { background-color: #f0f0f0; } .evaluatie-form #selected-tags { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 5px; margin-top: 22px; margin-bottom: 5px; } .evaluatie-form .tag { background-color: #007bff; color: white; padding: 5px 10px; border-radius: 20px; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .evaluatie-form .tag .remove { margin-left: 10px; cursor: pointer; font-weight: bold; color: white; } .evaluatie-form .range-tooltip { transition: opacity 0.2s; } .evaluatie-form .split-form-tab { display: none; } .evaluatie-form .split-form-tab:first-of-type { display: block; } .evaluatie-form .invalid { background-color: #ffdddd; } .evaluatie-form .fullrow-label { margin-bottom: 10px; } .evaluatie-form .fullrow-question { margin-bottom: 16px; } .evaluatie-form .slider-container { position: relative; width: 100%; height: 50px; /* Adjust based on layout needs */ } @media print, screen and (min-width: 64em) { .evaluatie-form .slider-container { padding-top: 5px; } } .evaluatie-form .tb-slider { width: 100%; z-index: 2; background: transparent; /* Transparent so markers are visible */ position: relative; } .evaluatie-form label { color: #1e225d; } .evaluatie-form input[type="range"] { /* Remove default browser styles */ appearance: none; width: 100%; /* Full width */ height: 6px !important; /* Track height */ border-radius: 5px; /* Rounded edges */ outline: none; /* Remove focus outline */ background: linear-gradient(to right, #007bff 50%, #dbdbdb 50%); /* Default, updated via JS */ transition: background 0.2s; cursor: pointer; } .evaluatie-form input[type="range"]::-webkit-slider-runnable-track { width: 100%; height: 6px; border-radius: 5px; } .evaluatie-form input[type="range"]::-webkit-slider-thumb { /* Remove default thumb */ appearance: none; width: 16px; /* Thumb width */ height: 16px; /* Thumb height */ background: #fff; /* Thumb color */ border: 2px solid #007bff; /* Border around thumb */ border-radius: 50%; /* Make it round */ cursor: pointer; margin-top: -5px; /* Align thumb with track */ } .evaluatie-form .markers { position: absolute; top: 4px; /* Adjust to align with the slider */ width: 100%; height: 15px; /* Keeps space for markers */ z-index: 1; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; } @media print, screen and (min-width: 64em) { .evaluatie-form .markers { top: 12.5px; } } .evaluatie-form .marker { width: 15px; height: 15px; /* Marker line height */ background-color: #dbdbdb; /* Marker color */ background-color: #007bff; text-align: center; border-radius: 100%; z-index: 1; position: relative; } .evaluatie-form .marker:hover { cursor: pointer; } .evaluatie-form .denotation { font-size: 10px; text-align: center; } .evaluatie-form .marker .denotation { position: absolute; font-size: 10px; top: 20px; margin-left: -3px; } .evaluatie-form .notapplicable { margin-top: 35px; margin-left: auto; margin-right: auto; width: unset !important; margin-bottom: 5px; } @media print, screen and (min-width: 40em) { .evaluatie-form .notapplicable { margin-top: 37px; } } @media print, screen and (min-width: 64em) { .evaluatie-form .notapplicable { margin-top: 5px; } } .evaluatie-form .marker span.other { position: absolute; top: 20px; /* Adjust to position the number below the marker */ font-size: 12px; color: #efefef; } .evaluatie-form .form-step { display: none; } .evaluatie-form .form-step.active { display: block; } .evaluatie-form .navigation-buttons { justify-items: center; position: relative; text-align: center; table-layout: auto; /* margin-top: 20px; */ display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; } .evaluatie-form .navigation-buttons button { margin: 5px; padding: 10px 20px; font-size: 14px; min-width: 116px; text-align: center; border: none; border-radius: 4px; cursor: pointer; /* &#submit-btn { background-color: #ff9900; &:hover { // lighter orange background-color: #ffad33; } }*/ } .evaluatie-form .navigation-buttons button#prev-btn { background-color: #6c757d; color: white; } .evaluatie-form .navigation-buttons button#prev-btn:hover { background-color: #5a6268; } .evaluatie-form .navigation-buttons button#next-btn { background-color: #1e225d; color: white; } .evaluatie-form .navigation-buttons button#next-btn:hover { background-color: #0056b3; } .evaluatie-form .progress-tracker { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 0; } .evaluatie-form .progress-tracker ul { list-style: none; display: -ms-flexbox; display: flex; width: 100%; padding: 0; margin: 0; } .evaluatie-form .progress-tracker ul li { -ms-flex: 1; flex: 1; text-align: center; padding: 10px; border-bottom: 2px solid #ccc; position: relative; font-size: 12px; } @media print, screen and (min-width: 40em) { .evaluatie-form .progress-tracker ul li { font-size: inherit; } } .evaluatie-form .progress-tracker ul li.active { font-weight: bold; border-bottom-color: #0078d4; } .evaluatie-form .progress-tracker ul li::before { content: attr(data-step); position: absolute; top: -25px; left: 50%; transform: translateX(-50%); background: #1e225d; color: #fff; border-radius: 50%; width: 25px; height: 25px; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; } .evaluatie-form .progress-tracker ul li:not(:last-child)::after { position: absolute; top: 10px; right: -50%; width: 100%; height: 2px; background: #ccc; } .evaluatie-form .progress-tracker ul li.active::before { background: #0078d4; } .evaluatie-form .simple-fieldset { border: none; padding: 0; margin: 30px 0 0; } .admin-evaluaties { font-size: 0.8125rem; line-height: 1.2; border: 1px solid #e3e5e7; } .admin-evaluaties__head--datum { min-width: 90px; } .admin-evaluaties__head--tijd { min-width: 70px; } .admin-evaluaties__head--training { min-width: 100px; } @media screen and (min-width: 75em) { .admin-evaluaties__head--training { min-width: 300px; } } .admin-evaluaties__head--gemiddelde { min-width: 100px; } .admin-evaluaties__head--data { min-width: 90px; } .admin-evaluaties__head--docent { min-width: 150px; } @media screen and (min-width: 75em) { .admin-evaluaties__head--docent { min-width: 180px; } } .admin-evaluaties__head--cijfer-docent { min-width: 110px; } .admin-evaluaties__head--lokatie { min-width: 120px; } .admin-evaluaties__head--cursist { min-width: 120px; } .admin-evaluaties__head--belangstelling { min-width: 150px; } .admin-evaluaties__row { cursor: pointer; } .admin-evaluaties__row:hover { background: whitesmoke; } .admin-evaluaties__row--striped { background: #ededed; } .admin-evaluaties__row--striped:hover { background: #e3e3e3; } .admin-evaluaties__details { background: #fff !important; display: none; } .admin-evaluaties__details.visible { display: table-row; } .admin-evaluatie-gemiddelden { font-size: 0.8125rem; width: auto; line-height: 1.2; border: 1px solid #e3e5e7; } .admin-evaluatie-gemiddelden th { text-align: left; } .admin-evaluatie-gemiddelden td, .admin-evaluatie-gemiddelden th { padding: 0.25rem 0.625rem 0.35rem; } .admin-evaluatie { padding-bottom: 15px; } .admin-evaluatie__title { font-family: 'Poppins', sans-serif; font-display: fallback; font-size: 1.3125rem; font-weight: 600; color: #1e225d; margin: 0 0 25px; } .admin-evaluatie__title strong { font-weight: 700; color: #ff9900; } .admin-evaluatie__subtitle { font-family: 'Poppins', sans-serif; font-display: fallback; color: #1e225d; font-weight: bold; font-size: 0.9375rem; margin: 15px 0 15px 12px; } .admin-evaluatie__table td, .admin-evaluatie__table th { padding: 0.25rem 0.625rem 0.35rem; } .admin-evaluatie__table td p, .admin-evaluatie__table th p { margin-bottom: 0; } .admin-evaluatie__table th:first-child, .admin-evaluatie__table td:first-child { text-align: left; } @media print, screen and (min-width: 40em) { .admin-evaluatie__table th:first-child, .admin-evaluatie__table td:first-child { width: 300px; } } .admin-boekingtable { font-size: 0.8125rem; line-height: 1.2; border: 1px solid #e3e5e7; } .admin-boekingtable__id { text-align: left; } .admin-boekingtable__row { cursor: pointer; } .admin-boekingtable__row--afgerond { background: #cdf6dc !important; } .admin-boekingtable__row--afgerond-striped { background: #def9e8 !important; } .admin-boekingtable__row--in_checkout { background: #ffeabd !important; } .admin-boekingtable__row--in_checkout-striped { background: #fff0d1 !important; } .admin-boekingtable__row--wacht_op_betaling { background: #f9cac2 !important; } .admin-boekingtable__row--wacht_op_betaling-striped { background: #fbdad4 !important; } .admin-boekingtable__row--optie { background: #e8e8e8; } .admin-boekingtable__row--optie-striped { background: #f3f3f3; } .admin-boekingtable__details { display: none; } .admin-boekingtable__details.visible { display: table-row; } .admin-boekingtable__details--afgerond { background: #ebfbf1 !important; } .admin-boekingtable__details--in_checkout { background: #fff7e6 !important; } .admin-boekingtable__details--wacht_op_betaling { background: #fef2f0 !important; } .admin-boekingtable__details--optie { background: #fafafa !important; } .admin { margin-top: 1.25rem; padding-bottom: 10px; } @media print, screen and (min-width: 64em) { .admin { margin-top: 2.5rem; } } .admin-header { font-family: 'Poppins', sans-serif; font-display: fallback; font-size: 1.625rem; font-weight: bold; color: #1e225d; margin: 1rem 0; } .admin-subheader { font-family: 'Poppins', sans-serif; font-display: fallback; font-size: 1.125rem; font-weight: bold; color: #ff9900; margin: 1rem 0 0.5rem; } body.print > .footer { display: none !important; } @media print { body.print > .footer { display: none; } } body.print > .copyright { display: none !important; } @media print { body.print > .copyright { display: none; } } .training-intro--print .training-intro__omschrijving p:first-of-type { font-size: 1.125rem; font-weight: 700; margin-bottom: 0px !important; } .training-intro--print .training-intro__omschrijving p:not(:first-of-type):not(:last-of-type) { font-size: 0.9375rem; margin-bottom: 0px !important; } .training-intro--print .training-intro__omschrijving p:last-of-type { margin-top: 15px; margin-bottom: 40px; font-size: 0.8125rem; } .training__section--print { font-size: 0.8125rem; } .training__section--print .training p.title { font-family: 'Poppins', sans-serif; font-display: fallback; font-size: 1.2rem; font-weight: bold; } .training__section--print .training table { width: 100% !important; } .training__section--print .training table td { width: 50% !important; vertical-align: top; padding: 0px; } .training__section--print .training:nth-of-type(even) { page-break-after: always; } /*# sourceMappingURL=factory.css.map */