@import url(https://p.typekit.net/p.css?s=1&k=wxp0kaw&ht=tk&f=26062.26063&a=84162340&app=typekit&e=css); @font-face {
font-family: "acumin-pro";
src: url(https://use.typekit.net/af/46da36/00000000000000003b9acaf6/27/l?primer=7fa3915bdafdf03041871920a205bef951d72bf64dd4c4460fb992e3ecc3a862&fvd=n4&v=3) format("woff2"), url(https://use.typekit.net/af/46da36/00000000000000003b9acaf6/27/d?primer=7fa3915bdafdf03041871920a205bef951d72bf64dd4c4460fb992e3ecc3a862&fvd=n4&v=3) format("woff"), url(https://use.typekit.net/af/46da36/00000000000000003b9acaf6/27/a?primer=7fa3915bdafdf03041871920a205bef951d72bf64dd4c4460fb992e3ecc3a862&fvd=n4&v=3) format("opentype");
font-display: swap;
font-style: normal;
font-weight: 400;
font-stretch: normal;
}
@font-face {
font-family: "acumin-pro";
src: url(https://use.typekit.net/af/027dd4/00000000000000003b9acafa/27/l?primer=7fa3915bdafdf03041871920a205bef951d72bf64dd4c4460fb992e3ecc3a862&fvd=n6&v=3) format("woff2"), url(https://use.typekit.net/af/027dd4/00000000000000003b9acafa/27/d?primer=7fa3915bdafdf03041871920a205bef951d72bf64dd4c4460fb992e3ecc3a862&fvd=n6&v=3) format("woff"), url(https://use.typekit.net/af/027dd4/00000000000000003b9acafa/27/a?primer=7fa3915bdafdf03041871920a205bef951d72bf64dd4c4460fb992e3ecc3a862&fvd=n6&v=3) format("opentype");
font-display: swap;
font-style: normal;
font-weight: 600;
font-stretch: normal;
}           *,
::before,
::after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
:root {
font-size: 18px;
line-height: 1.75;
font-family: "acumin-pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
color: #450052;
}
@media screen and (max-width: 1600px) {
:root {
font-size: 16px;
}
}
::selection {
background-color: #94009b;
color: #ffffff;
}
html,
body {
scroll-behavior: smooth;
-webkit-font-smoothing: antialiased;
-moz-font-smoothing: antialiased;
-o-font-smoothing: antialiased;
letter-spacing: -0.025em;
}
@media screen and (min-width: 1400px) and (max-width: 2000px) {
:root body.mid-dpi {
font-size: 16px;
}
:root body.high-dpi {
font-size: 14px;
}
}
a:not(.btn, .ano-link, .button) {
color: #5e006b;
}
a:not(.btn, .ano-link, .button):hover,
a:not(.btn, .ano-link, .button):focus {
color: #94009b;
}
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
letter-spacing: -0.05em;
}
.h1 strong,
.h2 strong,
.h3 strong,
.h4 strong,
.h5 strong,
.h6 strong,
h1 strong,
h2 strong,
h3 strong,
h4 strong,
h5 strong,
h6 strong {
font-weight: inherit;
}
h2,
h3,
h4 {
font-weight: 600;
margin-bottom: .5em;
}
a {
color: #450052;
}
.animatable a {
transition: all cubic-bezier(0.37, 0.01, 0.62, 1) 325ms;
}
a:hover,
a:focus {
color: #1a001f;
}
p,
li {
line-height: 1.6em;
}
ul {
padding-inline-start: 1.5em;
}
li::marker {
font-size: 1.1111rem;
}
@media screen and (max-width: 767.9px) {
li::marker {
font-size: 1rem;
}
}
h1 {
font-weight: 600;
font-size: 5.25rem;
line-height: 1.1em;
color: #450052;
margin-bottom: 0.5em;
}
@media screen and (max-width: 1279.9px) {
h1 {
font-size: 4.5rem;
}
}
@media screen and (max-width: 1023.9px) {
h1 {
font-size: 4rem;
}
}
@media screen and (max-width: 991.9px) {
h1 {
font-size: 3.5rem;
}
}
@media screen and (max-width: 767.9px) {
h1 {
font-size: 3rem;
}
}
@media screen and (max-width: 567.9px) {
h1 {
font-size: 2.5rem;
}
}
h2 {
font-weight: 600;
font-size: 2.75rem;
line-height: 1.2em;
}
@media screen and (max-width: 1279.9px) {
h2 {
font-size: 2.5rem;
}
}
@media screen and (max-width: 1023.9px) {
h2 {
font-size: 2.5rem;
}
}
@media screen and (max-width: 767.9px) {
h2 {
font-size: 2.25rem;
}
}
h3 {
font-size: 2.25rem;
line-height: 1em;
font-weight: 400;
}
@media screen and (max-width: 1279.9px) {
h3 {
font-size: 2rem;
}
}
@media screen and (max-width: 767.9px) {
h3 {
font-size: 1.75rem;
}
}
h4 {
font-size: 1.65rem;
font-weight: 600;
line-height: 1em;
}
@media screen and (max-width: 767.9px) {
h4 {
font-size: 1.5rem;
}
}
h5 {
font-size: 1.3rem;
line-height: 1.1em;
font-weight: 400;
margin-bottom: 0.5em;
}
.h1 {
font-weight: 600;
font-size: 5.25rem;
line-height: 1.1em;
}
@media screen and (max-width: 1279.9px) {
.h1 {
font-size: 4.5rem;
}
}
@media screen and (max-width: 1023.9px) {
.h1 {
font-size: 4rem;
}
}
@media screen and (max-width: 991.9px) {
.h1 {
font-size: 3.5rem;
}
}
@media screen and (max-width: 767.9px) {
.h1 {
font-size: 3rem;
}
}
@media screen and (max-width: 567.9px) {
.h1 {
font-size: 2.5rem;
}
}
.h2 {
font-weight: 600;
font-size: 2.75rem;
line-height: 1.2;
}
@media screen and (max-width: 1279.9px) {
.h2 {
font-size: 2.5rem;
}
}
@media screen and (max-width: 1023.9px) {
.h2 {
font-size: 2.5rem;
}
}
@media screen and (max-width: 767.9px) {
.h2 {
font-size: 2.25rem;
}
}
.h3 {
font-size: 2.25rem;
line-height: 1em;
font-weight: 400;
}
@media screen and (max-width: 1279.9px) {
.h3 {
font-size: 2rem;
}
}
@media screen and (max-width: 767.9px) {
.h3 {
font-size: 1.75rem;
}
}
.h4 {
font-size: 1.65rem;
font-weight: 600;
line-height: 1em;
}
@media screen and (max-width: 767.9px) {
.h4 {
font-size: 1.5rem;
}
}
.h5 {
font-size: 1.3rem;
line-height: 1.1em;
}
.intro,
.intro-txt {
font-size: 1.3rem;
line-height: 1.4;
}
@media screen and (max-width: 1439.9px) {
.intro,
.intro-txt {
font-size: 1.2rem;
}
}
@media screen and (max-width: 1023.9px) {
.intro,
.intro-txt {
font-size: 1.1rem;
}
}
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5 {
color: #5e006b;
}
[class*="bg-"] :where(h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5) {
color: #450052;
}
[class*="bg-"] :where(a):not(.btn, .ano-link, .button) {
color: inherit;
}
[class*="color-"] :where(h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5),
[class*="clr-"] :where(h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5) {
color: inherit;
}
input[type="text"] {
padding: 0.7em 0.8em;
border: 1px solid #ffffff;
background-color: #ffffff;
color: #450052;
}
.animatable input[type="text"] {
transition: all cubic-bezier(0.37, 0.01, 0.62, 1) 325ms;
}
input[type="text"]:focus,
input[type="text"]:hover,
input[type="text"]:focus-within {
outline: none;
background-color: #ffffff;
border-bottom-color: #94009b;
}
input[type="text"]::placeholder {
color: #450052;
opacity: .5;
}  iframe {
max-width: 100%;
}
body {
margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
display: block;
}
audio,
canvas,
progress,
video {
display: inline-block;
vertical-align: baseline;
}
audio:not([controls]) {
display: none;
height: 0;
}
[hidden],
template {
display: none;
}
a {
background-color: transparent;
}
abbr[title] {
border-bottom: 1px dotted;
}
b,
strong {
font-weight: 600;
}
dfn {
font-style: italic;
}
mark {
background: #ff0;
color: #000;
}
small {
font-size: 80%;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -.5em;
}
sub {
bottom: -.25em;
}
img {
border: 0;
max-width: 100%;
}
svg:not(:root) {
overflow: hidden;
}
hr {
-webkit-box-sizing: content-box;
box-sizing: content-box;
height: 0;
}
pre {
overflow: auto;
}
code,
kbd,
pre,
samp {
font-family: monospace, monospace;
font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
color: inherit;
font: inherit;
margin: 0;
}
button {
overflow: visible;
}
button,
select {
text-transform: none;
}
button,
html input[type=button],
input[type=reset],
input[type=submit] {
-webkit-appearance: button;
appearance: button;
cursor: pointer;
}
button[disabled],
html input[disabled] {
cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
input {
line-height: normal;
}
input[type=checkbox],
input[type=radio] {
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
height: auto;
}
input[type=search] {
-webkit-box-sizing: content-box;
box-sizing: content-box;
}
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
-webkit-appearance: none;
}
fieldset {
border: 1px solid silver;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}
legend {
border: 0;
padding: 0;
}
textarea {
overflow: auto;
}
optgroup {
font-weight: 700;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
td,
th {
padding: 0;
}
.hidden,
[hidden] {
display: none !important;
}
.pure-img {
max-width: 100%;
height: auto;
display: block;
} .container {
max-width: 88rem;
margin-left: auto;
margin-right: auto;
padding-left: 1em;
padding-right: 1em;
}
.container-thinner {
max-width: 920px;
margin-left: auto;
margin-right: auto;
padding-left: 1em;
padding-right: 1em;
}
.pure-g {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-ms-flex-line-pack: start;
align-content: flex-start;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
table .pure-g {
display: block;
}
}
.opera-only :-o-prefocus,
.pure-g {
word-spacing: -.43em;
}
.pure-u-1,
.pure-u-1-1,
.pure-u-1-12,
.pure-u-1-2,
.pure-u-1-24,
.pure-u-1-3,
.pure-u-1-4,
.pure-u-1-5,
.pure-u-1-6,
.pure-u-1-8,
.pure-u-10-24,
.pure-u-11-12,
.pure-u-11-24,
.pure-u-12-24,
.pure-u-13-24,
.pure-u-14-24,
.pure-u-15-24,
.pure-u-16-24,
.pure-u-17-24,
.pure-u-18-24,
.pure-u-19-24,
.pure-u-2-24,
.pure-u-2-3,
.pure-u-2-5,
.pure-u-20-24,
.pure-u-21-24,
.pure-u-22-24,
.pure-u-23-24,
.pure-u-24-24,
.pure-u-3-24,
.pure-u-3-4,
.pure-u-3-5,
.pure-u-3-8,
.pure-u-4-24,
.pure-u-4-5,
.pure-u-5-12,
.pure-u-5-24,
.pure-u-5-5,
.pure-u-5-6,
.pure-u-5-8,
.pure-u-6-24,
.pure-u-7-12,
.pure-u-7-24,
.pure-u-7-8,
.pure-u-8-24,
.pure-u-9-24 {
display: inline-block;
}
.pure-u-1-24 {
width: 4.1667%;
}
.pure-u-1-12,
.pure-u-2-24 {
width: 8.3333%;
}
.pure-u-1-8,
.pure-u-3-24 {
width: 12.5%;
}
.pure-u-1-6,
.pure-u-4-24 {
width: 16.6667%;
}
.pure-u-1-5 {
width: 20%;
}
.pure-u-5-24 {
width: 20.8333%;
}
.pure-u-1-4,
.pure-u-6-24 {
width: 25%;
}
.pure-u-7-24 {
width: 29.1667%;
}
.pure-u-1-3,
.pure-u-8-24 {
width: 33.3333%;
}
.pure-u-3-8,
.pure-u-9-24 {
width: 37.5%;
}
.pure-u-2-5 {
width: 40%;
}
.pure-u-10-24,
.pure-u-5-12 {
width: 41.6667%;
}
.pure-u-11-24 {
width: 45.8333%;
}
.pure-u-1-2,
.pure-u-12-24 {
width: 50%;
}
.pure-u-13-24 {
width: 54.1667%;
}
.pure-u-14-24,
.pure-u-7-12 {
width: 58.3333%;
}
.pure-u-3-5 {
width: 60%;
}
.pure-u-15-24,
.pure-u-5-8 {
width: 62.5%;
}
.pure-u-16-24,
.pure-u-2-3 {
width: 66.6667%;
}
.pure-u-17-24 {
width: 70.8333%;
}
.pure-u-18-24,
.pure-u-3-4 {
width: 75%;
}
.pure-u-19-24 {
width: 79.1667%;
}
.pure-u-4-5 {
width: 80%;
}
.pure-u-20-24,
.pure-u-5-6 {
width: 83.3333%;
}
.pure-u-21-24,
.pure-u-7-8 {
width: 87.5%;
}
.pure-u-11-12,
.pure-u-22-24 {
width: 91.6667%;
}
.pure-u-23-24 {
width: 95.8333%;
}
.pure-u-1,
.pure-u-1-1,
.pure-u-24-24,
.pure-u-5-5 {
width: 100%;
}
.pure-g {
margin-left: -1em;
margin-right: -1em;
}
.pure-g > div {
padding-left: 1em;
padding-right: 1em;
padding-bottom: 1em;
}
@media screen and (min-width: 1439.9px) {
.pure-u-xxl-hidden {
display: none !important;
}
}
@media screen and (min-width: 1279.9px) {
.pure-u-xl-hidden {
display: none !important;
}
}
@media screen and (min-width: 1023.9px) and (max-width: 1279.9px) {
.pure-u-lg-hidden {
display: none !important;
}
}
@media screen and (min-width: 48em) and (max-width: 63.99em) {
.pure-u-md-hidden {
display: none !important;
}
}
@media screen and (max-width: 767.9px) {
.pure-u-sm-hidden {
display: none !important;
}
}
@media screen and (min-width: 567.9px) {
.pure-u-sm-1-24 {
width: 4.1667%;
}
.pure-u-sm-1-12,
.pure-u-sm-2-24 {
width: 8.3333%;
}
.pure-u-sm-1-8,
.pure-u-sm-3-24 {
width: 12.5%;
}
.pure-u-sm-1-6,
.pure-u-sm-4-24 {
width: 16.6667%;
}
.pure-u-sm-1-5 {
width: 20%;
}
.pure-u-sm-5-24 {
width: 20.8333%;
}
.pure-u-sm-1-4,
.pure-u-sm-6-24 {
width: 25%;
}
.pure-u-sm-7-24 {
width: 29.1667%;
}
.pure-u-sm-1-3,
.pure-u-sm-8-24 {
width: 33.3333%;
}
.pure-u-sm-3-8,
.pure-u-sm-9-24 {
width: 37.5%;
}
.pure-u-sm-2-5 {
width: 40%;
}
.pure-u-sm-10-24,
.pure-u-sm-5-12 {
width: 41.6667%;
}
.pure-u-sm-11-24 {
width: 45.8333%;
}
.pure-u-sm-1-2,
.pure-u-sm-12-24 {
width: 50%;
}
.pure-u-sm-13-24 {
width: 54.1667%;
}
.pure-u-sm-14-24,
.pure-u-sm-7-12 {
width: 58.3333%;
}
.pure-u-sm-3-5 {
width: 60%;
}
.pure-u-sm-15-24,
.pure-u-sm-5-8 {
width: 62.5%;
}
.pure-u-sm-16-24,
.pure-u-sm-2-3 {
width: 66.6667%;
}
.pure-u-sm-17-24 {
width: 70.8333%;
}
.pure-u-sm-18-24,
.pure-u-sm-3-4 {
width: 75%;
}
.pure-u-sm-19-24 {
width: 79.1667%;
}
.pure-u-sm-4-5 {
width: 80%;
}
.pure-u-sm-20-24,
.pure-u-sm-5-6 {
width: 83.3333%;
}
.pure-u-sm-21-24,
.pure-u-sm-7-8 {
width: 87.5%;
}
.pure-u-sm-11-12,
.pure-u-sm-22-24 {
width: 91.6667%;
}
.pure-u-sm-23-24 {
width: 95.8333%;
}
.pure-u-sm-1,
.pure-u-sm-1-1,
.pure-u-sm-24-24,
.pure-u-sm-5-5 {
width: 100%;
}
}
@media screen and (min-width: 767.9px) {
.pure-u-md-1-24 {
width: 4.1667%;
}
.pure-u-md-1-12,
.pure-u-md-2-24 {
width: 8.3333%;
}
.pure-u-md-1-8,
.pure-u-md-3-24 {
width: 12.5%;
}
.pure-u-md-1-6,
.pure-u-md-4-24 {
width: 16.6667%;
}
.pure-u-md-1-5 {
width: 20%;
}
.pure-u-md-5-24 {
width: 20.8333%;
}
.pure-u-md-1-4,
.pure-u-md-6-24 {
width: 25%;
}
.pure-u-md-7-24 {
width: 29.1667%;
}
.pure-u-md-1-3,
.pure-u-md-8-24 {
width: 33.3333%;
}
.pure-u-md-3-8,
.pure-u-md-9-24 {
width: 37.5%;
}
.pure-u-md-2-5 {
width: 40%;
}
.pure-u-md-10-24,
.pure-u-md-5-12 {
width: 41.6667%;
}
.pure-u-md-11-24 {
width: 45.8333%;
}
.pure-u-md-1-2,
.pure-u-md-12-24 {
width: 50%;
}
.pure-u-md-13-24 {
width: 54.1667%;
}
.pure-u-md-14-24,
.pure-u-md-7-12 {
width: 58.3333%;
}
.pure-u-md-3-5 {
width: 60%;
}
.pure-u-md-15-24,
.pure-u-md-5-8 {
width: 62.5%;
}
.pure-u-md-16-24,
.pure-u-md-2-3 {
width: 66.6667%;
}
.pure-u-md-17-24 {
width: 70.8333%;
}
.pure-u-md-18-24,
.pure-u-md-3-4 {
width: 75%;
}
.pure-u-md-19-24 {
width: 79.1667%;
}
.pure-u-md-4-5 {
width: 80%;
}
.pure-u-md-20-24,
.pure-u-md-5-6 {
width: 83.3333%;
}
.pure-u-md-21-24,
.pure-u-md-7-8 {
width: 87.5%;
}
.pure-u-md-11-12,
.pure-u-md-22-24 {
width: 91.6667%;
}
.pure-u-md-23-24 {
width: 95.8333%;
}
.pure-u-md-1,
.pure-u-md-1-1,
.pure-u-md-24-24,
.pure-u-md-5-5 {
width: 100%;
}
}
@media screen and (min-width: 1023.9px) {
.pure-u-lg-1-24 {
width: 4.1667%;
}
.pure-u-lg-1-12,
.pure-u-lg-2-24 {
width: 8.3333%;
}
.pure-u-lg-1-8,
.pure-u-lg-3-24 {
width: 12.5%;
}
.pure-u-lg-1-6,
.pure-u-lg-4-24 {
width: 16.6667%;
}
.pure-u-lg-1-5 {
width: 20%;
}
.pure-u-lg-5-24 {
width: 20.8333%;
}
.pure-u-lg-1-4,
.pure-u-lg-6-24 {
width: 25%;
}
.pure-u-lg-7-24 {
width: 29.1667%;
}
.pure-u-lg-1-3,
.pure-u-lg-8-24 {
width: 33.3333%;
}
.pure-u-lg-3-8,
.pure-u-lg-9-24 {
width: 37.5%;
}
.pure-u-lg-2-5 {
width: 40%;
}
.pure-u-lg-10-24,
.pure-u-lg-5-12 {
width: 41.6667%;
}
.pure-u-lg-11-24 {
width: 45.8333%;
}
.pure-u-lg-1-2,
.pure-u-lg-12-24 {
width: 50%;
}
.pure-u-lg-13-24 {
width: 54.1667%;
}
.pure-u-lg-14-24,
.pure-u-lg-7-12 {
width: 58.3333%;
}
.pure-u-lg-3-5 {
width: 60%;
}
.pure-u-lg-15-24,
.pure-u-lg-5-8 {
width: 62.5%;
}
.pure-u-lg-16-24,
.pure-u-lg-2-3 {
width: 66.6667%;
}
.pure-u-lg-17-24 {
width: 70.8333%;
}
.pure-u-lg-18-24,
.pure-u-lg-3-4 {
width: 75%;
}
.pure-u-lg-19-24 {
width: 79.1667%;
}
.pure-u-lg-4-5 {
width: 80%;
}
.pure-u-lg-20-24,
.pure-u-lg-5-6 {
width: 83.3333%;
}
.pure-u-lg-21-24,
.pure-u-lg-7-8 {
width: 87.5%;
}
.pure-u-lg-11-12,
.pure-u-lg-22-24 {
width: 91.6667%;
}
.pure-u-lg-23-24 {
width: 95.8333%;
}
.pure-u-lg-1,
.pure-u-lg-1-1,
.pure-u-lg-24-24,
.pure-u-lg-5-5 {
width: 100%;
}
}
@media screen and (min-width: 1279.9px) {
.pure-u-xl-1-24 {
width: 4.1667%;
}
.pure-u-xl-1-12,
.pure-u-xl-2-24 {
width: 8.3333%;
}
.pure-u-xl-1-8,
.pure-u-xl-3-24 {
width: 12.5%;
}
.pure-u-xl-1-6,
.pure-u-xl-4-24 {
width: 16.6667%;
}
.pure-u-xl-1-5 {
width: 20%;
}
.pure-u-xl-5-24 {
width: 20.8333%;
}
.pure-u-xl-1-4,
.pure-u-xl-6-24 {
width: 25%;
}
.pure-u-xl-7-24 {
width: 29.1667%;
}
.pure-u-xl-1-3,
.pure-u-xl-8-24 {
width: 33.3333%;
}
.pure-u-xl-3-8,
.pure-u-xl-9-24 {
width: 37.5%;
}
.pure-u-xl-2-5 {
width: 40%;
}
.pure-u-xl-10-24,
.pure-u-xl-5-12 {
width: 41.6667%;
}
.pure-u-xl-11-24 {
width: 45.8333%;
}
.pure-u-xl-1-2,
.pure-u-xl-12-24 {
width: 50%;
}
.pure-u-xl-13-24 {
width: 54.1667%;
}
.pure-u-xl-14-24,
.pure-u-xl-7-12 {
width: 58.3333%;
}
.pure-u-xl-3-5 {
width: 60%;
}
.pure-u-xl-15-24,
.pure-u-xl-5-8 {
width: 62.5%;
}
.pure-u-xl-16-24,
.pure-u-xl-2-3 {
width: 66.6667%;
}
.pure-u-xl-17-24 {
width: 70.8333%;
}
.pure-u-xl-18-24,
.pure-u-xl-3-4 {
width: 75%;
}
.pure-u-xl-19-24 {
width: 79.1667%;
}
.pure-u-xl-4-5 {
width: 80%;
}
.pure-u-xl-20-24,
.pure-u-xl-5-6 {
width: 83.3333%;
}
.pure-u-xl-21-24,
.pure-u-xl-7-8 {
width: 87.5%;
}
.pure-u-xl-11-12,
.pure-u-xl-22-24 {
width: 91.6667%;
}
.pure-u-xl-23-24 {
width: 95.8333%;
}
.pure-u-xl-1,
.pure-u-xl-1-1,
.pure-u-xl-24-24,
.pure-u-xl-5-5 {
width: 100%;
}
}
@media screen and (min-width: 1439.9px) {
.pure-u-xxl-1-24 {
width: 4.1667%;
}
.pure-u-xxl-1-12,
.pure-u-xxl-2-24 {
width: 8.3333%;
}
.pure-u-xxl-1-8,
.pure-u-xxl-3-24 {
width: 12.5%;
}
.pure-u-xxl-1-6,
.pure-u-xxl-4-24 {
width: 16.6667%;
}
.pure-u-xxl-1-5 {
width: 20%;
}
.pure-u-xxl-5-24 {
width: 20.8333%;
}
.pure-u-xxl-1-4,
.pure-u-xxl-6-24 {
width: 25%;
}
.pure-u-xxl-7-24 {
width: 29.1667%;
}
.pure-u-xxl-1-3,
.pure-u-xxl-8-24 {
width: 33.3333%;
}
.pure-u-xxl-3-8,
.pure-u-xxl-9-24 {
width: 37.5%;
}
.pure-u-xxl-2-5 {
width: 40%;
}
.pure-u-xxl-10-24,
.pure-u-xxl-5-12 {
width: 41.6667%;
}
.pure-u-xxl-11-24 {
width: 45.8333%;
}
.pure-u-xxl-1-2,
.pure-u-xxl-12-24 {
width: 50%;
}
.pure-u-xxl-13-24 {
width: 54.1667%;
}
.pure-u-xxl-14-24,
.pure-u-xxl-7-12 {
width: 58.3333%;
}
.pure-u-xxl-3-5 {
width: 60%;
}
.pure-u-xxl-15-24,
.pure-u-xxl-5-8 {
width: 62.5%;
}
.pure-u-xxl-16-24,
.pure-u-xxl-2-3 {
width: 66.6667%;
}
.pure-u-xxl-17-24 {
width: 70.8333%;
}
.pure-u-xxl-18-24,
.pure-u-xxl-3-4 {
width: 75%;
}
.pure-u-xxl-19-24 {
width: 79.1667%;
}
.pure-u-xxl-4-5 {
width: 80%;
}
.pure-u-xxl-20-24,
.pure-u-xxl-5-6 {
width: 83.3333%;
}
.pure-u-xxl-21-24,
.pure-u-xxl-7-8 {
width: 87.5%;
}
.pure-u-xxl-11-12,
.pure-u-xxl-22-24 {
width: 91.6667%;
}
.pure-u-xxl-23-24 {
width: 95.8333%;
}
.pure-u-xxl-1,
.pure-u-xxl-1-1,
.pure-u-xxl-24-24,
.pure-u-xxl-5-5 {
width: 100%;
}
}
.pure-g.eq-height > div > div {
height: 100%;
}
.full-width > .pure-g:not(.slick-slider) > div {
padding-left: 0;
padding-right: 0;
padding-bottom: 0;
}
.no-margin.container-thinner,
.margin-no.container-thinner {
margin: 0;
margin-top: 0;
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
}
.no-padding.container-thinner,
.padding-no.container-thinner {
padding: 0;
padding-top: 0;
padding-right: 0;
padding-left: 0;
padding-bottom: 0;
}
[class^="pure-u"].no-padding,
.pure-u.no-padding {
padding-bottom: 0 !important;
} .splide__list.pure-g {
flex-flow: unset;
}
@media screen and (max-width: 767.9px) {
.container.max-md-no-padding {
padding-left: 0;
padding-right: 0;
}
}
.splide__container {
box-sizing: border-box;
position: relative;
}
.splide__list {
backface-visibility: hidden;
display: -ms-flexbox;
display: flex;
height: 100%;
margin: 0 !important;
padding: 0 !important;
}
.splide__pagination {
-ms-flex-align: center;
align-items: center;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: center;
justify-content: center;
margin: 0;
pointer-events: none;
}
.splide__pagination li {
display: inline-block;
line-height: 1;
list-style-type: none;
margin: 0;
pointer-events: auto;
}
.splide:not(.is-overflow) .splide__pagination {
display: none;
}
.splide__progress__bar {
width: 0;
}
.splide {
position: relative;
visibility: hidden;
}
.splide.is-initialized,
.splide.is-rendered {
visibility: visible;
}
.splide__slide {
backface-visibility: hidden;
box-sizing: border-box;
-ms-flex-negative: 0;
flex-shrink: 0;
list-style-type: none !important;
margin: 0;
position: relative;
}
.splide__slide img {
vertical-align: bottom;
}
.splide__spinner {
animation: splide-loading 1s linear infinite;
border: 2px solid #999;
border-left-color: transparent;
border-radius: 50%;
bottom: 0;
contain: strict;
display: inline-block;
height: 20px;
left: 0;
margin: auto;
position: absolute;
right: 0;
top: 0;
width: 20px;
}
.splide__sr {
clip: rect(0 0 0 0);
border: 0;
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.splide__toggle.is-active .splide__toggle__play,
.splide__toggle__pause {
display: none;
}
.splide__toggle.is-active .splide__toggle__pause {
display: inline;
}
.splide__track {
overflow: hidden;
position: relative;
z-index: 0;
}
@keyframes splide-loading {
0% {
transform: rotate(0);
}
to {
transform: rotate(1turn);
}
}
.splide__track--draggable {
-webkit-touch-callout: none;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
}
.splide__track--fade > .splide__list > .splide__slide {
margin: 0 !important;
opacity: 0;
z-index: 0;
}
.splide__track--fade > .splide__list > .splide__slide.is-active {
opacity: 1;
z-index: 1;
}
.splide--rtl {
direction: rtl;
}
.splide__track--ttb > .splide__list {
display: block;
}
.splide__arrow {
-ms-flex-align: center;
align-items: center;
background: #ccc;
border: 0;
border-radius: 50%;
cursor: pointer;
display: -ms-flexbox;
display: flex;
height: 2em;
-ms-flex-pack: center;
justify-content: center;
opacity: .7;
padding: 0;
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 2em;
z-index: 1;
}
.splide__arrow svg {
fill: #000;
height: 1.2em;
width: 1.2em;
}
.splide__arrow:hover:not(:disabled) {
opacity: .9;
}
.splide__arrow:disabled {
opacity: .3;
}
.splide__arrow:focus-visible {
outline: 3px solid #0bf;
outline-offset: 3px;
}
.splide__arrow--prev {
left: 1em;
}
.splide__arrow--prev svg {
transform: scaleX(-1);
}
.splide__arrow--next {
right: 1em;
}
.splide.is-focus-in .splide__arrow:focus {
outline: 3px solid #0bf;
outline-offset: 3px;
}
.splide__pagination {
bottom: .5em;
left: 0;
padding: 0 1em;
position: absolute;
right: 0;
z-index: 1;
}
.splide__pagination__page {
background: #ccc;
border: 0;
border-radius: 50%;
display: inline-block;
height: 8px;
margin: 3px;
opacity: .7;
padding: 0;
position: relative;
transition: transform .2s linear;
width: 8px;
}
.splide__pagination__page.is-active {
background: #fff;
transform: scale(1.4);
z-index: 1;
}
.splide__pagination__page:hover {
cursor: pointer;
opacity: .9;
}
.splide__pagination__page:focus-visible {
outline: 3px solid #0bf;
outline-offset: 3px;
}
.splide.is-focus-in .splide__pagination__page:focus {
outline: 3px solid #0bf;
outline-offset: 3px;
}
.splide__progress__bar {
background: #ccc;
height: 3px;
}
.splide__slide {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.splide__slide:focus {
outline: 0;
}
@supports (outline-offset:-3px) {
.splide__slide:focus-visible {
outline: 3px solid #0bf;
outline-offset: -3px;
}
}
@media screen and (-ms-high-contrast: none) {
.splide__slide:focus-visible {
border: 3px solid #00bbff;
}
}
@supports (outline-offset:-3px) {
.splide.is-focus-in .splide__slide:focus {
outline: 3px solid #0bf;
outline-offset: -3px;
}
}
@media screen and (-ms-high-contrast: none) {
.splide.is-focus-in .splide__slide:focus {
border: 3px solid #00bbff;
}
.splide.is-focus-in .splide__track > .splide__list > .splide__slide:focus {
border-color: #0bf;
}
}
.splide__toggle {
cursor: pointer;
}
.splide__toggle:focus-visible {
outline: 3px solid #0bf;
outline-offset: 3px;
}
.splide.is-focus-in .splide__toggle:focus {
outline: 3px solid #0bf;
outline-offset: 3px;
}
.splide__track--nav > .splide__list > .splide__slide {
border: 3px solid transparent;
cursor: pointer;
}
.splide__track--nav > .splide__list > .splide__slide.is-active {
border: 3px solid #000000;
}
.splide__arrows--rtl .splide__arrow--prev {
left: auto;
right: 1em;
}
.splide__arrows--rtl .splide__arrow--prev svg {
transform: scaleX(1);
}
.splide__arrows--rtl .splide__arrow--next {
left: 1em;
right: auto;
}
.splide__arrows--rtl .splide__arrow--next svg {
transform: scaleX(-1);
}
.splide__arrows--ttb .splide__arrow {
left: 50%;
transform: translate(-50%);
}
.splide__arrows--ttb .splide__arrow--prev {
top: 1em;
}
.splide__arrows--ttb .splide__arrow--prev svg {
transform: rotate(-90deg);
}
.splide__arrows--ttb .splide__arrow--next {
bottom: 1em;
top: auto;
}
.splide__arrows--ttb .splide__arrow--next svg {
transform: rotate(90deg);
}
.splide__pagination--ttb {
bottom: 0;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
left: auto;
padding: 1em 0;
right: .5em;
top: 0;
}
#tinymce {
padding: 1rem !important;
scroll-behavior: smooth;
-webkit-font-smoothing: antialiased;
-moz-font-smoothing: antialiased;
-o-font-smoothing: antialiased;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
letter-spacing: -0.025em;
font-size: 18px;
line-height: 1.75;
font-family: "acumin-pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
color: #450052;
}
@media screen and (max-width: 767.9px) {
#tinymce {
font-size: 16px;
}
}  .btn {
display: inline-block;
border-radius: 0;
cursor: pointer;
font-weight: 400;
text-decoration: none;
border: 1px solid;
line-height: 1.4;
font-size: 1.1111rem;
padding-top: 0.58333333em;
padding-bottom: 0.7em;
padding-left: 0.8em;
padding-right: 0.8em;
letter-spacing: -0.025em;
background-color: transparent;
color: inherit;
text-transform: lowercase;
}
.animatable .btn {
transition: all cubic-bezier(0.37, 0.01, 0.62, 1) 325ms;
}
.btn span {
text-transform: initial;
}
@media screen and (max-width: 767.9px) {
.btn {
font-size: 1rem;
}
}
.btn:hover,
.btn:focus {
background-color: #5e006b;
color: #ffffff;
}
.btn.btn-purple,
.btn.purple-btn {
background-color: #450052;
border-color: #450052;
color: #ffffff;
}
.btn.btn-purple:hover,
.btn.purple-btn:hover,
.btn.btn-purple:focus,
.btn.purple-btn:focus {
background-color: #5e006b;
color: #ffffff;
border-color: #5e006b;
}
.btn.white-btn,
.btn.btn-white {
background: #ffffff;
color: #450052;
border-color: #ffffff;
}
.btn.white-btn:hover,
.btn.btn-white:hover,
.btn.white-btn:focus,
.btn.btn-white:focus {
background-color: #f0c8f1;
color: #5e006b;
border-color: #f0c8f1;
}
.btn.default,
.btn.default-btn {
border: 1px solid #450052;
background-color: transparent;
color: #450052;
}
.btn.default:hover,
.btn.default-btn:hover,
.btn.default:focus,
.btn.default-btn:focus {
color: #94009b;
background-color: transparent;
border-color: #94009b;
}
.btn.default-white,
.btn.default-white-btn {
border: 1px solid #ffffff;
background-color: transparent;
color: #ffffff;
}
.btn.default-white:hover,
.btn.default-white-btn:hover,
.btn.default-white:focus,
.btn.default-white-btn:focus {
color: #450052;
background-color: #ffffff;
border-color: #ffffff;
}
.btn.orange,
.btn.orange-btn {
background-color: #f85100;
border-color: #f85100;
color: #ffffff;
}
.btn.orange:hover,
.btn.orange-btn:hover,
.btn.orange:focus,
.btn.orange-btn:focus {
color: #ffffff;
background-color: #ee3600;
border-color: #ee3600;
}
.btn.light-btn,
.btn.btn-light {
padding-left: 0;
padding-top: 0.35em;
padding-bottom: 0.35em;
border: unset;
padding-right: 1.6em;
position: relative;
font-weight: 600;
}
.btn.light-btn::after,
.btn.btn-light::after {
content: "";
position: absolute;
top: 0;
right: 0.4em;
bottom: 0;
left: auto;
width: 0.8em;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='16' viewBox='0 0 19 16' fill='none'%3E%3Cpath d='M11.3333 1L18 8M18 8L11.3333 15M18 8H9H0' stroke='%23450052'/%3E%3C/svg%3E");
}
.animatable .btn.light-btn::after,
.animatable .btn.btn-light::after {
transition: all cubic-bezier(0.37, 0.01, 0.62, 1) 325ms;
}
.btn.light-btn:hover,
.btn.btn-light:hover,
.btn.light-btn:focus,
.btn.btn-light:focus {
background-color: transparent;
color: inherit;
}
.btn.light-btn:hover::after,
.btn.btn-light:hover::after,
.btn.light-btn:focus::after,
.btn.btn-light:focus::after {
right: 0;
}
.btn.light-btn.clr-light::after,
.btn.btn-light.clr-light::after {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='16' viewBox='0 0 19 16' fill='none'%3E%3Cpath d='M11.3333 1L18 8M18 8L11.3333 15M18 8H9H0' stroke='%23ffffff'/%3E%3C/svg%3E");
}
.btn.light-btn.clr-light:hover,
.btn.btn-light.clr-light:hover,
.btn.light-btn.clr-light:focus,
.btn.btn-light.clr-light:focus {
color: #ffffff;
}
.btn.light-btn.no-arrow,
.btn.btn-light.no-arrow {
padding-right: 0.4em;
}
.btn.light-btn.no-arrow::after,
.btn.btn-light.no-arrow::after {
content: unset;
}
.btn .btn-w-arrow:hover,
.btn .btn-w-arrow:focus {
margin-right: 1em;
}
.btn-primary {
display: inline-block;
border-radius: 0;
cursor: pointer;
font-weight: 400;
text-decoration: none;
border: 1px solid;
line-height: 1.4;
font-size: 1.1111rem;
padding-top: 0.58333333em;
padding-bottom: 0.7em;
padding-left: 0.8em;
padding-right: 0.8em;
letter-spacing: -0.025em;
background-color: transparent;
color: inherit;
text-transform: lowercase;
background-color: #450052;
border-color: #450052;
color: #ffffff;
}
.animatable .btn-primary {
transition: all cubic-bezier(0.37, 0.01, 0.62, 1) 325ms;
}
.btn-primary span {
text-transform: initial;
}
@media screen and (max-width: 767.9px) {
.btn-primary {
font-size: 1rem;
}
}
.btn-primary:hover,
.btn-primary:focus {
background-color: #5e006b;
color: #ffffff;
}
.btn-primary.btn-purple,
.btn-primary.purple-btn {
background-color: #450052;
border-color: #450052;
color: #ffffff;
}
.btn-primary.btn-purple:hover,
.btn-primary.purple-btn:hover,
.btn-primary.btn-purple:focus,
.btn-primary.purple-btn:focus {
background-color: #5e006b;
color: #ffffff;
border-color: #5e006b;
}
.btn-primary.white-btn,
.btn-primary.btn-white {
background: #ffffff;
color: #450052;
border-color: #ffffff;
}
.btn-primary.white-btn:hover,
.btn-primary.btn-white:hover,
.btn-primary.white-btn:focus,
.btn-primary.btn-white:focus {
background-color: #f0c8f1;
color: #5e006b;
border-color: #f0c8f1;
}
.btn-primary.default,
.btn-primary.default-btn {
border: 1px solid #450052;
background-color: transparent;
color: #450052;
}
.btn-primary.default:hover,
.btn-primary.default-btn:hover,
.btn-primary.default:focus,
.btn-primary.default-btn:focus {
color: #94009b;
background-color: transparent;
border-color: #94009b;
}
.btn-primary.default-white,
.btn-primary.default-white-btn {
border: 1px solid #ffffff;
background-color: transparent;
color: #ffffff;
}
.btn-primary.default-white:hover,
.btn-primary.default-white-btn:hover,
.btn-primary.default-white:focus,
.btn-primary.default-white-btn:focus {
color: #450052;
background-color: #ffffff;
border-color: #ffffff;
}
.btn-primary.orange,
.btn-primary.orange-btn {
background-color: #f85100;
border-color: #f85100;
color: #ffffff;
}
.btn-primary.orange:hover,
.btn-primary.orange-btn:hover,
.btn-primary.orange:focus,
.btn-primary.orange-btn:focus {
color: #ffffff;
background-color: #ee3600;
border-color: #ee3600;
}
.btn-primary.light-btn,
.btn-primary.btn-light {
padding-left: 0;
padding-top: 0.35em;
padding-bottom: 0.35em;
border: unset;
padding-right: 1.6em;
position: relative;
font-weight: 600;
}
.btn-primary.light-btn::after,
.btn-primary.btn-light::after {
content: "";
position: absolute;
top: 0;
right: 0.4em;
bottom: 0;
left: auto;
width: 0.8em;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='16' viewBox='0 0 19 16' fill='none'%3E%3Cpath d='M11.3333 1L18 8M18 8L11.3333 15M18 8H9H0' stroke='%23450052'/%3E%3C/svg%3E");
}
.animatable .btn-primary.light-btn::after,
.animatable .btn-primary.btn-light::after {
transition: all cubic-bezier(0.37, 0.01, 0.62, 1) 325ms;
}
.btn-primary.light-btn:hover,
.btn-primary.btn-light:hover,
.btn-primary.light-btn:focus,
.btn-primary.btn-light:focus {
background-color: transparent;
color: inherit;
}
.btn-primary.light-btn:hover::after,
.btn-primary.btn-light:hover::after,
.btn-primary.light-btn:focus::after,
.btn-primary.btn-light:focus::after {
right: 0;
}
.btn-primary.light-btn.clr-light::after,
.btn-primary.btn-light.clr-light::after {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='16' viewBox='0 0 19 16' fill='none'%3E%3Cpath d='M11.3333 1L18 8M18 8L11.3333 15M18 8H9H0' stroke='%23ffffff'/%3E%3C/svg%3E");
}
.btn-primary.light-btn.clr-light:hover,
.btn-primary.btn-light.clr-light:hover,
.btn-primary.light-btn.clr-light:focus,
.btn-primary.btn-light.clr-light:focus {
color: #ffffff;
}
.btn-primary.light-btn.no-arrow,
.btn-primary.btn-light.no-arrow {
padding-right: 0.4em;
}
.btn-primary.light-btn.no-arrow::after,
.btn-primary.btn-light.no-arrow::after {
content: unset;
}
.btn-primary .btn-w-arrow:hover,
.btn-primary .btn-w-arrow:focus {
margin-right: 1em;
}
.btn-primary.btn-dark {
background-color: #450052;
border-color: #450052;
color: #ffffff;
}
.btn-primary.btn-dark:hover,
.btn-primary.btn-dark:focus {
background-color: #5e006b;
border-color: #5e006b;
color: #ffffff;
}
.btn-primary.external-btn {
padding-right: 1.6em;
position: relative;
}
.btn-primary.external-btn::after {
content: "";
position: absolute;
top: 0;
right: 0.4em;
bottom: 0;
left: auto;
width: 0.8em;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23450052' d='M488 0h-135.3c-13.25 0-25.09 7.906-30.19 20.16c-5.062 12.28-2.281 26.25 7.094 35.63l40.69 40.69L177.4 289.4c-12.5 12.5-12.5 32.75 0 45.25C183.6 340.9 191.8 344 200 344s16.38-3.125 22.62-9.375l192.9-192.9l40.69 40.69C462.5 188.7 470.8 192 479.3 192c4.219 0 8.469-.8125 12.56-2.5C504.1 184.4 512 172.6 512 159.3V24C512 10.75 501.3 0 488 0zM392 320c-13.25 0-24 10.75-24 24v112c0 4.406-3.594 8-8 8h-304c-4.406 0-8-3.594-8-8v-304c0-4.406 3.594-8 8-8h112C181.3 144 192 133.3 192 120S181.3 96 168 96h-112C25.13 96 0 121.1 0 152v304C0 486.9 25.13 512 56 512h304c30.88 0 56-25.12 56-56v-112C416 330.8 405.3 320 392 320z'/%3E%3C/svg%3E");
}
.animatable .btn-primary.external-btn::after {
transition: all cubic-bezier(0.37, 0.01, 0.62, 1) 325ms;
}
.btn-primary.external-btn:hover::after,
.btn-primary.external-btn:focus::after {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23ffffff' d='M488 0h-135.3c-13.25 0-25.09 7.906-30.19 20.16c-5.062 12.28-2.281 26.25 7.094 35.63l40.69 40.69L177.4 289.4c-12.5 12.5-12.5 32.75 0 45.25C183.6 340.9 191.8 344 200 344s16.38-3.125 22.62-9.375l192.9-192.9l40.69 40.69C462.5 188.7 470.8 192 479.3 192c4.219 0 8.469-.8125 12.56-2.5C504.1 184.4 512 172.6 512 159.3V24C512 10.75 501.3 0 488 0zM392 320c-13.25 0-24 10.75-24 24v112c0 4.406-3.594 8-8 8h-304c-4.406 0-8-3.594-8-8v-304c0-4.406 3.594-8 8-8h112C181.3 144 192 133.3 192 120S181.3 96 168 96h-112C25.13 96 0 121.1 0 152v304C0 486.9 25.13 512 56 512h304c30.88 0 56-25.12 56-56v-112C416 330.8 405.3 320 392 320z'/%3E%3C/svg%3E");
}
.btn-primary:hover,
.btn-primary:focus {
background-color: #5e006b;
color: #ffffff;
border-color: #5e006b;
}
.btn.btn-dark {
background-color: #450052;
border-color: #450052;
color: #ffffff;
}
.btn.btn-dark:hover,
.btn.btn-dark:focus {
background-color: #5e006b;
border-color: #5e006b;
color: #ffffff;
}
.bg-blue .btn.btn-primary.white-btn:hover,
.bg-blue .btn.btn-primary.white-btn:focus {
background: #450052;
color: #fff;
}
.bg-blue .btn.btn-primary.white-transparent-btn {
background: #fff;
color: #f85100;
}
.btn-fullwidth {
width: 100%;
text-align: center;
justify-content: center;
}
.bg-purple .btn.btn-primary.purple-btn {
color: #450052;
background-color: #ffffff;
}
.bg-purple .btn.btn-primary.purple-btn:hover,
.bg-purple .btn.btn-primary.purple-btn:focus {
background-color: #fff;
}
.bg-purple .btn.btn-primary.white-transparent-btn {
background: transparent;
color: #fff;
}
.bg-purple .btn.btn-primary.white-transparent-btn:hover,
.bg-purple .btn.btn-primary.white-transparent-btn:focus {
background: #fff;
color: #f85100;
border-color: #fff;
}
.pagebreaker_content {
position: relative;
}
.pagebreaker_content_picture {
display: block;
position: relative;
height: 100%;
}
.pagebreaker_content_picture_overlay {
position: absolute;
top: 0;
bottom: 0;
width: 5em;
mix-blend-mode: multiply;
z-index: 1;
}
.pagebreaker_content_img {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.pagebreaker_content_background.bg-blue .pagebreaker_content_picture_overlay {
background: #f85100;
}
.pagebreaker_content_background.bg-blue .pagebreaker_content_picture_overlay .btn.btn-primary.white-btn:hover,
.pagebreaker_content_background.bg-blue .pagebreaker_content_picture_overlay .btn.btn-primary.white-btn:focus {
background: #450052;
color: #fff;
}
.pagebreaker_content_background.bg-blue .pagebreaker_content_picture_overlay .btn.btn-primary.white-transparent-btn {
background: #fff;
color: #f85100;
}
.pagebreaker_content_background.bg-purple .pagebreaker_content_picture_overlay {
background: #450052;
}
.pagebreaker_content_background.bg-purple .pagebreaker_content_picture_overlay .btn.btn-primary.purple-btn {
color: #450052;
background-color: #ffffff;
}
.pagebreaker_content_background.bg-purple .pagebreaker_content_picture_overlay .btn.btn-primary.purple-btn:hover,
.pagebreaker_content_background.bg-purple .pagebreaker_content_picture_overlay .btn.btn-primary.purple-btn:focus {
background-color: #fff;
}
.pagebreaker_content_background.bg-purple .pagebreaker_content_picture_overlay .btn.btn-primary.white-transparent-btn {
background: transparent;
color: #fff;
}
.pagebreaker_content_background.bg-purple .pagebreaker_content_picture_overlay .btn.btn-primary.white-transparent-btn:hover,
.pagebreaker_content_background.bg-purple .pagebreaker_content_picture_overlay .btn.btn-primary.white-transparent-btn:focus {
background: #fff;
color: #f85100;
border-color: #fff;
}
.pagebreaker_content_background.position_right .pagebreaker_content_picture_overlay {
right: 0;
}
.pagebreaker_content_background.position_left .pagebreaker_content_picture_overlay {
left: 0;
}
.pagebreaker_content_wrapper.fullwidth .position_right .text-content {
padding-right: max(5vw, calc((100vw - 88rem) / 2));
}
.pagebreaker_content_wrapper.fullwidth .position_left .text-content {
padding-left: max(5vw, calc((100vw - 88rem) / 2));
}
.pagebreaker_content_wrapper.container {
position: relative;
}
.pagebreaker_content_wrapper .text-content {
padding-top: 5em;
padding-bottom: 5em;
}
@media screen and (max-width: 1023.9px) {
.pagebreaker_content_wrapper .text-content {
padding-top: 3em;
padding-bottom: 3em;
}
}
.pagebreaker_content_wrapper .text-content > :first-child {
margin-top: 0;
}
.pagebreaker_content_wrapper .text-content > :last-child {
margin-bottom: 0;
}
.mpForm {
margin-top: 2em;
margin-bottom: 1em;
max-width: 780px;
}
.mpForm .mpFormTable {
list-style: none;
padding-left: 0;
margin-top: 0;
margin-bottom: 0;
}
.mpForm .mpQuestionTable {
margin-bottom: 1.5em;
}
.mpForm .mpQuestionTable .submitButton {
display: inline-block;
border-radius: 0;
cursor: pointer;
font-weight: 400;
text-decoration: none;
border: 1px solid;
line-height: 1.4;
font-size: 1.1111rem;
padding-top: 0.58333333em;
padding-bottom: 0.7em;
padding-left: 0.8em;
padding-right: 0.8em;
letter-spacing: -0.025em;
background-color: transparent;
color: inherit;
text-transform: lowercase;
}
.animatable .mpForm .mpQuestionTable .submitButton {
transition: all cubic-bezier(0.37, 0.01, 0.62, 1) 325ms;
}
.mpForm .mpQuestionTable .submitButton span {
text-transform: initial;
}
@media screen and (max-width: 767.9px) {
.mpForm .mpQuestionTable .submitButton {
font-size: 1rem;
}
}
.mpForm .mpQuestionTable .submitButton:hover,
.mpForm .mpQuestionTable .submitButton:focus {
background-color: #5e006b;
color: #ffffff;
}
.mpForm .mpQuestionTable .submitButton.btn-purple,
.mpForm .mpQuestionTable .submitButton.purple-btn {
background-color: #450052;
border-color: #450052;
color: #ffffff;
}
.mpForm .mpQuestionTable .submitButton.btn-purple:hover,
.mpForm .mpQuestionTable .submitButton.purple-btn:hover,
.mpForm .mpQuestionTable .submitButton.btn-purple:focus,
.mpForm .mpQuestionTable .submitButton.purple-btn:focus {
background-color: #5e006b;
color: #ffffff;
border-color: #5e006b;
}
.mpForm .mpQuestionTable .submitButton.white-btn,
.mpForm .mpQuestionTable .submitButton.btn-white {
background: #ffffff;
color: #450052;
border-color: #ffffff;
}
.mpForm .mpQuestionTable .submitButton.white-btn:hover,
.mpForm .mpQuestionTable .submitButton.btn-white:hover,
.mpForm .mpQuestionTable .submitButton.white-btn:focus,
.mpForm .mpQuestionTable .submitButton.btn-white:focus {
background-color: #f0c8f1;
color: #5e006b;
border-color: #f0c8f1;
}
.mpForm .mpQuestionTable .submitButton.default,
.mpForm .mpQuestionTable .submitButton.default-btn {
border: 1px solid #450052;
background-color: transparent;
color: #450052;
}
.mpForm .mpQuestionTable .submitButton.default:hover,
.mpForm .mpQuestionTable .submitButton.default-btn:hover,
.mpForm .mpQuestionTable .submitButton.default:focus,
.mpForm .mpQuestionTable .submitButton.default-btn:focus {
color: #94009b;
background-color: transparent;
border-color: #94009b;
}
.mpForm .mpQuestionTable .submitButton.default-white,
.mpForm .mpQuestionTable .submitButton.default-white-btn {
border: 1px solid #ffffff;
background-color: transparent;
color: #ffffff;
}
.mpForm .mpQuestionTable .submitButton.default-white:hover,
.mpForm .mpQuestionTable .submitButton.default-white-btn:hover,
.mpForm .mpQuestionTable .submitButton.default-white:focus,
.mpForm .mpQuestionTable .submitButton.default-white-btn:focus {
color: #450052;
background-color: #ffffff;
border-color: #ffffff;
}
.mpForm .mpQuestionTable .submitButton.orange,
.mpForm .mpQuestionTable .submitButton.orange-btn {
background-color: #f85100;
border-color: #f85100;
color: #ffffff;
}
.mpForm .mpQuestionTable .submitButton.orange:hover,
.mpForm .mpQuestionTable .submitButton.orange-btn:hover,
.mpForm .mpQuestionTable .submitButton.orange:focus,
.mpForm .mpQuestionTable .submitButton.orange-btn:focus {
color: #ffffff;
background-color: #ee3600;
border-color: #ee3600;
}
.mpForm .mpQuestionTable .submitButton.light-btn,
.mpForm .mpQuestionTable .submitButton.btn-light {
padding-left: 0;
padding-top: 0.35em;
padding-bottom: 0.35em;
border: unset;
padding-right: 1.6em;
position: relative;
font-weight: 600;
}
.mpForm .mpQuestionTable .submitButton.light-btn::after,
.mpForm .mpQuestionTable .submitButton.btn-light::after {
content: "";
position: absolute;
top: 0;
right: 0.4em;
bottom: 0;
left: auto;
width: 0.8em;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='16' viewBox='0 0 19 16' fill='none'%3E%3Cpath d='M11.3333 1L18 8M18 8L11.3333 15M18 8H9H0' stroke='%23450052'/%3E%3C/svg%3E");
}
.animatable .mpForm .mpQuestionTable .submitButton.light-btn::after,
.animatable .mpForm .mpQuestionTable .submitButton.btn-light::after {
transition: all cubic-bezier(0.37, 0.01, 0.62, 1) 325ms;
}
.mpForm .mpQuestionTable .submitButton.light-btn:hover,
.mpForm .mpQuestionTable .submitButton.btn-light:hover,
.mpForm .mpQuestionTable .submitButton.light-btn:focus,
.mpForm .mpQuestionTable .submitButton.btn-light:focus {
background-color: transparent;
color: inherit;
}
.mpForm .mpQuestionTable .submitButton.light-btn:hover::after,
.mpForm .mpQuestionTable .submitButton.btn-light:hover::after,
.mpForm .mpQuestionTable .submitButton.light-btn:focus::after,
.mpForm .mpQuestionTable .submitButton.btn-light:focus::after {
right: 0;
}
.mpForm .mpQuestionTable .submitButton.light-btn.clr-light::after,
.mpForm .mpQuestionTable .submitButton.btn-light.clr-light::after {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='16' viewBox='0 0 19 16' fill='none'%3E%3Cpath d='M11.3333 1L18 8M18 8L11.3333 15M18 8H9H0' stroke='%23ffffff'/%3E%3C/svg%3E");
}
.mpForm .mpQuestionTable .submitButton.light-btn.clr-light:hover,
.mpForm .mpQuestionTable .submitButton.btn-light.clr-light:hover,
.mpForm .mpQuestionTable .submitButton.light-btn.clr-light:focus,
.mpForm .mpQuestionTable .submitButton.btn-light.clr-light:focus {
color: #ffffff;
}
.mpForm .mpQuestionTable .submitButton.light-btn.no-arrow,
.mpForm .mpQuestionTable .submitButton.btn-light.no-arrow {
padding-right: 0.4em;
}
.mpForm .mpQuestionTable .submitButton.light-btn.no-arrow::after,
.mpForm .mpQuestionTable .submitButton.btn-light.no-arrow::after {
content: unset;
}
.mpForm .mpQuestionTable .submitButton .btn-w-arrow:hover,
.mpForm .mpQuestionTable .submitButton .btn-w-arrow:focus {
margin-right: 1em;
}
.mpForm .mpQuestionTable .submitButton.btn-dark {
background-color: #450052;
border-color: #450052;
color: #ffffff;
}
.mpForm .mpQuestionTable .submitButton.btn-dark:hover,
.mpForm .mpQuestionTable .submitButton.btn-dark:focus {
background-color: #5e006b;
border-color: #5e006b;
color: #ffffff;
}
.mpForm .mpQuestionTable .submitButton.external-btn {
padding-right: 1.6em;
position: relative;
}
.mpForm .mpQuestionTable .submitButton.external-btn::after {
content: "";
position: absolute;
top: 0;
right: 0.4em;
bottom: 0;
left: auto;
width: 0.8em;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23450052' d='M488 0h-135.3c-13.25 0-25.09 7.906-30.19 20.16c-5.062 12.28-2.281 26.25 7.094 35.63l40.69 40.69L177.4 289.4c-12.5 12.5-12.5 32.75 0 45.25C183.6 340.9 191.8 344 200 344s16.38-3.125 22.62-9.375l192.9-192.9l40.69 40.69C462.5 188.7 470.8 192 479.3 192c4.219 0 8.469-.8125 12.56-2.5C504.1 184.4 512 172.6 512 159.3V24C512 10.75 501.3 0 488 0zM392 320c-13.25 0-24 10.75-24 24v112c0 4.406-3.594 8-8 8h-304c-4.406 0-8-3.594-8-8v-304c0-4.406 3.594-8 8-8h112C181.3 144 192 133.3 192 120S181.3 96 168 96h-112C25.13 96 0 121.1 0 152v304C0 486.9 25.13 512 56 512h304c30.88 0 56-25.12 56-56v-112C416 330.8 405.3 320 392 320z'/%3E%3C/svg%3E");
}
.animatable .mpForm .mpQuestionTable .submitButton.external-btn::after {
transition: all cubic-bezier(0.37, 0.01, 0.62, 1) 325ms;
}
.mpForm .mpQuestionTable .submitButton.external-btn:hover::after,
.mpForm .mpQuestionTable .submitButton.external-btn:focus::after {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23ffffff' d='M488 0h-135.3c-13.25 0-25.09 7.906-30.19 20.16c-5.062 12.28-2.281 26.25 7.094 35.63l40.69 40.69L177.4 289.4c-12.5 12.5-12.5 32.75 0 45.25C183.6 340.9 191.8 344 200 344s16.38-3.125 22.62-9.375l192.9-192.9l40.69 40.69C462.5 188.7 470.8 192 479.3 192c4.219 0 8.469-.8125 12.56-2.5C504.1 184.4 512 172.6 512 159.3V24C512 10.75 501.3 0 488 0zM392 320c-13.25 0-24 10.75-24 24v112c0 4.406-3.594 8-8 8h-304c-4.406 0-8-3.594-8-8v-304c0-4.406 3.594-8 8-8h112C181.3 144 192 133.3 192 120S181.3 96 168 96h-112C25.13 96 0 121.1 0 152v304C0 486.9 25.13 512 56 512h304c30.88 0 56-25.12 56-56v-112C416 330.8 405.3 320 392 320z'/%3E%3C/svg%3E");
}
.mpForm .mpQuestionTable .mpFormField .sublabel {
opacity: 0.5;
margin-top: 0.25em;
font-size: 0.75em;
}
.mpForm .mpQuestionTable .mpFormField input:not([type="submit"], [type="radio"], [type="checkbox"]) {
background: #ececec;
border: none;
outline: none;
width: 100%;
display: block;
min-height: 3em;
}
.mpForm .mpQuestionTable .mpFormField input[type="checkbox"] {
width: auto;
}
.mpForm .mpQuestionTable .mpFormLabel .descriptionLabel {
font-weight: 600;
}
.mpForm .mpQuestionTable .mpFormText {
font-size: 2em;
margin-bottom: 1em;
line-height: 1.2em;
letter-spacing: -0.05em;
font-weight: 500;
}
.layout-part-margin {
margin-top: 2rem;
margin-bottom: 2rem;
}
@media screen and (min-width: 767.9px) {
.layout-part-margin {
margin-top: 3rem;
margin-bottom: 3rem;
}
}
@media screen and (min-width: 1023.9px) {
.layout-part-margin {
margin-top: 4rem;
margin-bottom: 4rem;
}
}
@media screen and (min-width: 1279.9px) {
.layout-part-margin {
margin-top: 4.25rem;
margin-bottom: 4.25rem;
}
}
.layout-part {
padding-top: 2rem;
padding-bottom: 2rem;
}
@media screen and (min-width: 767.9px) {
.layout-part {
padding-top: 3rem;
padding-bottom: 3rem;
}
}
@media screen and (min-width: 1023.9px) {
.layout-part {
padding-top: 4rem;
padding-bottom: 4rem;
}
}
@media screen and (min-width: 1279.9px) {
.layout-part {
padding-top: 4.25rem;
padding-bottom: 4.25rem;
}
}
.layout-part.layout-3-tekstvakken {
position: relative;
}
.layout-part.layout-3-tekstvakken .txt-column-bg-fill.col-1::after {
left: 0;
}
.layout-part.layout-3-tekstvakken .txt-column-bg-fill.col-3::after {
right: 0;
}
.layout-part.layout-3-tekstvakken .txt-column-bg-fill.col-2::after {
content: "";
position: absolute;
top: 0;
bottom: 0;
z-index: -1;
left: 0;
right: 0;
margin: auto;
width: calc(min(90%, 73rem) / 3 + 6px);
}
@media screen and (max-width: 1023.9px) {
.layout-part.layout-3-tekstvakken .txt-column-bg-fill.col-2::after {
content: unset;
}
}
.layout-part.layout-3-tekstvakken .txt-column-bg-fill.col-2.bg-blue::after {
background-color: #f85100;
}
.layout-part.layout-3-tekstvakken .txt-column-bg-fill.col-2.bg-purple::after {
background-color: #450052;
}
.layout-part.layout-3-tekstvakken .txt-column-bg-fill.col-2.bg-grey::after {
background-color: #ececec;
}
.layout-part.layout-3-tekstvakken .txt-column-bg-fill.col-1::after,
.layout-part.layout-3-tekstvakken .txt-column-bg-fill.col-3::after {
content: "";
position: absolute;
top: 0;
bottom: 0;
width: calc((100% - min(90%, 73rem)) / 2 + (min(90%, 73rem)) / 3);
z-index: -1;
}
@media screen and (max-width: 1023.9px) {
.layout-part.layout-3-tekstvakken .txt-column-bg-fill.col-1::after,
.layout-part.layout-3-tekstvakken .txt-column-bg-fill.col-3::after {
content: unset;
}
}
.layout-part.layout-3-tekstvakken .txt-column-bg-fill.col-1.bg-blue::after,
.layout-part.layout-3-tekstvakken .txt-column-bg-fill.col-3.bg-blue::after {
background-color: #f85100;
}
.layout-part.layout-3-tekstvakken .txt-column-bg-fill.col-1.bg-purple::after,
.layout-part.layout-3-tekstvakken .txt-column-bg-fill.col-3.bg-purple::after {
background-color: #450052;
}
.layout-part.layout-3-tekstvakken .txt-column-bg-fill.col-1.bg-grey::after,
.layout-part.layout-3-tekstvakken .txt-column-bg-fill.col-3.bg-grey::after {
background-color: #ececec;
}
.layout-part.layout-3-tekstvakken .text-block > *:first-child,
.layout-part.layout-2-tekstvakken .text-block > *:first-child {
margin-top: 0;
}
.layout-part.layout-3-tekstvakken .text-block > *:last-child,
.layout-part.layout-2-tekstvakken .text-block > *:last-child {
margin-bottom: 0;
}
.layout-2-tekstvakken.inner-padding.no-margin {
position: relative;
}
.layout-2-tekstvakken.inner-padding.no-margin .text-block.txt-column-bg-fill {
margin-bottom: 0;
padding: 0;
}
@media screen and (max-width: 1023.9px) {
.layout-2-tekstvakken.inner-padding.no-margin .text-block.txt-column-bg-fill {
position: relative;
padding-top: 1em;
padding-bottom: 1em;
padding-left: 1em;
padding-right: 1em;
}
.layout-2-tekstvakken.inner-padding.no-margin .text-block.txt-column-bg-fill.has-column-color {
margin-top: 2em;
}
}
.layout-2-tekstvakken.inner-padding.no-margin .text-block.txt-column-bg-fill::after {
content: "";
z-index: -1;
position: absolute;
top: 0;
bottom: 0;
width: 50%;
}
@media screen and (max-width: 1023.9px) {
.layout-2-tekstvakken.inner-padding.no-margin .text-block.txt-column-bg-fill::after {
content: unset;
}
}
.layout-2-tekstvakken.inner-padding.no-margin .text-block.txt-column-bg-fill.col-1::after {
left: 0;
}
.layout-2-tekstvakken.inner-padding.no-margin .text-block.txt-column-bg-fill.col-2::after {
right: 0;
}
.layout-2-tekstvakken.inner-padding.no-margin .text-block.txt-column-bg-fill.bg-blue::after {
background-color: #f85100;
}
.layout-2-tekstvakken.inner-padding.no-margin .text-block.txt-column-bg-fill.bg-purple::after {
background-color: #450052;
}
.layout-2-tekstvakken.inner-padding.no-margin .text-block.txt-column-bg-fill.bg-grey::after {
background-color: #ececec;
}
.h-100 {
height: 100%;
}
.afbeelding-rechts-tekst-links.inner-padding.no-margin,
.afbeelding-links-tekst-rechts.inner-padding.no-margin {
position: relative;
}
.afbeelding-rechts-tekst-links.inner-padding.no-margin .pure-g > div,
.afbeelding-links-tekst-rechts.inner-padding.no-margin .pure-g > div {
padding-bottom: 0;
}
@media screen and (max-width: 63.99em) {
.afbeelding-rechts-tekst-links.inner-padding.no-margin .text-block.txt-column-bg-fill.h-100,
.afbeelding-links-tekst-rechts.inner-padding.no-margin .text-block.txt-column-bg-fill.h-100 {
padding: 0;
background-color: unset;
}
.afbeelding-rechts-tekst-links.inner-padding.no-margin .text-block.txt-column-bg-fill.h-100::after,
.afbeelding-links-tekst-rechts.inner-padding.no-margin .text-block.txt-column-bg-fill.h-100::after {
content: unset;
}
}
@media screen and (max-width: 1023.9px) {
.afbeelding-rechts-tekst-links.inner-padding.no-margin .text-block.txt-column-bg-fill,
.afbeelding-links-tekst-rechts.inner-padding.no-margin .text-block.txt-column-bg-fill {
position: relative;
padding-top: 1em;
padding-bottom: 1em;
padding-left: 1em;
padding-right: 1em;
}
.afbeelding-rechts-tekst-links.inner-padding.no-margin .text-block.txt-column-bg-fill.has-column-color,
.afbeelding-links-tekst-rechts.inner-padding.no-margin .text-block.txt-column-bg-fill.has-column-color {
margin-bottom: 2em;
}
}
.afbeelding-rechts-tekst-links.inner-padding.no-margin .text-block.txt-column-bg-fill::after,
.afbeelding-links-tekst-rechts.inner-padding.no-margin .text-block.txt-column-bg-fill::after {
content: "";
z-index: -1;
position: absolute;
top: 0;
bottom: 0;
}
.afbeelding-rechts-tekst-links.inner-padding.no-margin .text-block.txt-column-bg-fill.bg-blue::after,
.afbeelding-links-tekst-rechts.inner-padding.no-margin .text-block.txt-column-bg-fill.bg-blue::after {
background-color: #f85100;
}
.afbeelding-rechts-tekst-links.inner-padding.no-margin .text-block.txt-column-bg-fill.bg-purple::after,
.afbeelding-links-tekst-rechts.inner-padding.no-margin .text-block.txt-column-bg-fill.bg-purple::after {
background-color: #450052;
}
.afbeelding-rechts-tekst-links.inner-padding.no-margin .text-block.txt-column-bg-fill.bg-grey::after,
.afbeelding-links-tekst-rechts.inner-padding.no-margin .text-block.txt-column-bg-fill.bg-grey::after {
background-color: #ececec;
}
.afbeelding-links-tekst-rechts .col-1.txt-column-bg-fill::after {
left: 0;
width: 41.5%;
}
.afbeelding-links-tekst-rechts .col-2.txt-column-bg-fill::after {
right: 0;
width: 58.5%;
}
.afbeelding-rechts-tekst-links .col-1.txt-column-bg-fill::after {
left: 0;
width: 58.5%;
}
.afbeelding-rechts-tekst-links .col-2.txt-column-bg-fill::after {
right: 0;
width: 41.5%;
}
@media screen and (max-width: 63.99em) {
.layout-part.afbeelding-links-tekst-rechts .content-image img,
.layout-part.afbeelding-rechts-tekst-links .content-image img {
position: unset;
height: auto;
max-height: 380px;
transform: none;
display: block;
}
} .tekst_en_afbeelding_met_overloop {
overflow: hidden;
padding-top: 2rem;
padding-bottom: 2rem;
}
@media screen and (min-width: 767.9px) {
.tekst_en_afbeelding_met_overloop {
padding-top: 3rem;
padding-bottom: 3rem;
}
}
@media screen and (min-width: 1023.9px) {
.tekst_en_afbeelding_met_overloop {
padding-top: 4rem;
padding-bottom: 4rem;
}
}
@media screen and (min-width: 1279.9px) {
.tekst_en_afbeelding_met_overloop {
padding-top: 4.25rem;
padding-bottom: 4.25rem;
}
}
.tekst_en_afbeelding_met_overloop.layout-3-tekstvakken {
position: relative;
}
.tekst_en_afbeelding_met_overloop.layout-3-tekstvakken .txt-column-bg-fill.col-1::after {
left: 0;
}
.tekst_en_afbeelding_met_overloop.layout-3-tekstvakken .txt-column-bg-fill.col-3::after {
right: 0;
}
.tekst_en_afbeelding_met_overloop.layout-3-tekstvakken .txt-column-bg-fill.col-2::after {
content: "";
position: absolute;
top: 0;
bottom: 0;
z-index: -1;
left: 0;
right: 0;
margin: auto;
width: calc(min(90%, 73rem) / 3 + 6px);
}
@media screen and (max-width: 1023.9px) {
.tekst_en_afbeelding_met_overloop.layout-3-tekstvakken .txt-column-bg-fill.col-2::after {
content: unset;
}
}
.tekst_en_afbeelding_met_overloop.layout-3-tekstvakken .txt-column-bg-fill.col-2.bg-blue::after {
background-color: #f85100;
}
.tekst_en_afbeelding_met_overloop.layout-3-tekstvakken .txt-column-bg-fill.col-2.bg-purple::after {
background-color: #450052;
}
.tekst_en_afbeelding_met_overloop.layout-3-tekstvakken .txt-column-bg-fill.col-2.bg-grey::after {
background-color: #ececec;
}
.tekst_en_afbeelding_met_overloop.layout-3-tekstvakken .txt-column-bg-fill.col-1::after,
.tekst_en_afbeelding_met_overloop.layout-3-tekstvakken .txt-column-bg-fill.col-3::after {
content: "";
position: absolute;
top: 0;
bottom: 0;
width: calc((100% - min(90%, 73rem)) / 2 + (min(90%, 73rem)) / 3);
z-index: -1;
}
@media screen and (max-width: 1023.9px) {
.tekst_en_afbeelding_met_overloop.layout-3-tekstvakken .txt-column-bg-fill.col-1::after,
.tekst_en_afbeelding_met_overloop.layout-3-tekstvakken .txt-column-bg-fill.col-3::after {
content: unset;
}
}
.tekst_en_afbeelding_met_overloop.layout-3-tekstvakken .txt-column-bg-fill.col-1.bg-blue::after,
.tekst_en_afbeelding_met_overloop.layout-3-tekstvakken .txt-column-bg-fill.col-3.bg-blue::after {
background-color: #f85100;
}
.tekst_en_afbeelding_met_overloop.layout-3-tekstvakken .txt-column-bg-fill.col-1.bg-purple::after,
.tekst_en_afbeelding_met_overloop.layout-3-tekstvakken .txt-column-bg-fill.col-3.bg-purple::after {
background-color: #450052;
}
.tekst_en_afbeelding_met_overloop.layout-3-tekstvakken .txt-column-bg-fill.col-1.bg-grey::after,
.tekst_en_afbeelding_met_overloop.layout-3-tekstvakken .txt-column-bg-fill.col-3.bg-grey::after {
background-color: #ececec;
}
.tekst_en_afbeelding_met_overloop.layout-3-tekstvakken .text-block > *:first-child,
.tekst_en_afbeelding_met_overloop.layout-2-tekstvakken .text-block > *:first-child {
margin-top: 0;
}
.tekst_en_afbeelding_met_overloop.layout-3-tekstvakken .text-block > *:last-child,
.tekst_en_afbeelding_met_overloop.layout-2-tekstvakken .text-block > *:last-child {
margin-bottom: 0;
}
.tekst_en_afbeelding_met_overloop.opleidingen .splide__arrows {
position: absolute;
bottom: 100%;
left: 1rem;
}
.tekst_en_afbeelding_met_overloop.opleidingen .splide__arrows .splide__arrow {
position: relative;
display: inline-block;
top: unset;
left: unset;
right: unset;
transform: none;
opacity: 1;
background: transparent;
border-radius: 0;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
.tekst_en_afbeelding_met_overloop.opleidingen .splide__arrows .splide__arrow[disabled] {
opacity: 0.3;
}
.tekst_en_afbeelding_met_overloop.opleidingen .splide__arrows .splide__arrow svg {
display: none;
}
.tekst_en_afbeelding_met_overloop.opleidingen .splide__arrows .splide__arrow.splide__arrow--next {
background-size: 0.6rem;
background-repeat: no-repeat;
background-position: center;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='21' viewBox='0 0 12 21' fill='none'%3E%3Cpath d='M1.44043 1L10.488 10.5L1.44043 20' stroke='%23450052' stroke-width='1.35714'/%3E%3C/svg%3E");
}
.tekst_en_afbeelding_met_overloop.opleidingen .splide__arrows .splide__arrow.splide__arrow--prev {
background-size: 0.6rem;
background-repeat: no-repeat;
background-position: center;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='21' viewBox='0 0 11 21' fill='none'%3E%3Cpath d='M10.2979 20L1.25023 10.5L10.2979 1' stroke='%23450052' stroke-width='1.35714'/%3E%3C/svg%3E");
}
.tekst_en_afbeelding_met_overloop.bg-overloop-lightest-purple .text-content::after {
background-color: #f0c8f1;
}
.tekst_en_afbeelding_met_overloop.bg-overloop-light-mid-purple .text-content::after {
background-color: #d772dc;
}
.tekst_en_afbeelding_met_overloop.bg-overloop-light-purple .text-content::after {
background-color: #ac38ba;
}
.tekst_en_afbeelding_met_overloop.bg-overloop-mid-purple .text-content::after {
background-color: #94009b;
}
.tekst_en_afbeelding_met_overloop.bg-overloop-dark-lightest-purple .text-content::after {
background-color: #7a0080;
}
.tekst_en_afbeelding_met_overloop.bg-overloop-dark-mid-purple .text-content::after {
background-color: #5e006b;
}
.tekst_en_afbeelding_met_overloop.bg-overloop-dark-purple .text-content::after,
.tekst_en_afbeelding_met_overloop.bg-overloop-purple .text-content::after {
background-color: #450052;
}
.tekst_en_afbeelding_met_overloop.bg-overloop-lightest-orange .text-content::after {
background-color: #ffdec4;
}
.tekst_en_afbeelding_met_overloop.bg-overloop-light-mid-orange .text-content::after {
background-color: #ffc184;
}
.tekst_en_afbeelding_met_overloop.bg-overloop-light-orange .text-content::after {
background-color: #ffa056;
}
.tekst_en_afbeelding_met_overloop.bg-overloop-mid-orange .text-content::after {
background-color: #ff8f36;
}
.tekst_en_afbeelding_met_overloop.bg-overloop-dark-lightest-orange .text-content::after {
background-color: #ff750a;
}
.tekst_en_afbeelding_met_overloop.bg-overloop-dark-mid-orange .text-content::after {
background-color: #f85100;
}
.tekst_en_afbeelding_met_overloop.bg-overloop-dark-orange .text-content::after,
.tekst_en_afbeelding_met_overloop.bg-overloop-blue .text-content::after {
background-color: #ee3600;
}
.tekst_en_afbeelding_met_overloop.bg-overloop-grey .text-content::after {
background-color: #f5f5f5;
}
.tekst_en_afbeelding_met_overloop.bg-overloop-lightest-purple .text-content,
.tekst_en_afbeelding_met_overloop.bg-overloop-light-mid-purple .text-content,
.tekst_en_afbeelding_met_overloop.bg-overloop-light-purple .text-content,
.tekst_en_afbeelding_met_overloop.bg-overloop-mid-purple .text-content,
.tekst_en_afbeelding_met_overloop.bg-overloop-dark-lightest-purple .text-content,
.tekst_en_afbeelding_met_overloop.bg-overloop-dark-mid-purple .text-content,
.tekst_en_afbeelding_met_overloop.bg-overloop-dark-purple .text-content,
.tekst_en_afbeelding_met_overloop.bg-overloop-lightest-orange .text-content,
.tekst_en_afbeelding_met_overloop.bg-overloop-light-mid-orange .text-content,
.tekst_en_afbeelding_met_overloop.bg-overloop-light-orange .text-content,
.tekst_en_afbeelding_met_overloop.bg-overloop-mid-orange .text-content,
.tekst_en_afbeelding_met_overloop.bg-overloop-dark-lightest-orange .text-content,
.tekst_en_afbeelding_met_overloop.bg-overloop-dark-mid-orange .text-content,
.tekst_en_afbeelding_met_overloop.bg-overloop-dark-orange .text-content,
.tekst_en_afbeelding_met_overloop.bg-overloop-grey .text-content,
.tekst_en_afbeelding_met_overloop.bg-overloop-blue .text-content,
.tekst_en_afbeelding_met_overloop.bg-overloop-purple .text-content,
.tekst_en_afbeelding_met_overloop.grey_overloop .text-content {
font-size: 1.1111rem;
padding-top: 4em;
padding-bottom: 4em;
position: relative;
}
@media screen and (max-width: 767.9px) {
.tekst_en_afbeelding_met_overloop.bg-overloop-lightest-purple .text-content,
.tekst_en_afbeelding_met_overloop.bg-overloop-light-mid-purple .text-content,
.tekst_en_afbeelding_met_overloop.bg-overloop-light-purple .text-content,
.tekst_en_afbeelding_met_overloop.bg-overloop-mid-purple .text-content,
.tekst_en_afbeelding_met_overloop.bg-overloop-dark-lightest-purple .text-content,
.tekst_en_afbeelding_met_overloop.bg-overloop-dark-mid-purple .text-content,
.tekst_en_afbeelding_met_overloop.bg-overloop-dark-purple .text-content,
.tekst_en_afbeelding_met_overloop.bg-overloop-lightest-orange .text-content,
.tekst_en_afbeelding_met_overloop.bg-overloop-light-mid-orange .text-content,
.tekst_en_afbeelding_met_overloop.bg-overloop-light-orange .text-content,
.tekst_en_afbeelding_met_overloop.bg-overloop-mid-orange .text-content,
.tekst_en_afbeelding_met_overloop.bg-overloop-dark-lightest-orange .text-content,
.tekst_en_afbeelding_met_overloop.bg-overloop-dark-mid-orange .text-content,
.tekst_en_afbeelding_met_overloop.bg-overloop-dark-orange .text-content,
.tekst_en_afbeelding_met_overloop.bg-overloop-grey .text-content,
.tekst_en_afbeelding_met_overloop.bg-overloop-blue .text-content,
.tekst_en_afbeelding_met_overloop.bg-overloop-purple .text-content,
.tekst_en_afbeelding_met_overloop.grey_overloop .text-content {
font-size: 1rem;
}
}
.tekst_en_afbeelding_met_overloop.bg-overloop-lightest-purple .text-content p,
.tekst_en_afbeelding_met_overloop.bg-overloop-light-mid-purple .text-content p,
.tekst_en_afbeelding_met_overloop.bg-overloop-light-purple .text-content p,
.tekst_en_afbeelding_met_overloop.bg-overloop-mid-purple .text-content p,
.tekst_en_afbeelding_met_overloop.bg-overloop-dark-lightest-purple .text-content p,
.tekst_en_afbeelding_met_overloop.bg-overloop-dark-mid-purple .text-content p,
.tekst_en_afbeelding_met_overloop.bg-overloop-dark-purple .text-content p,
.tekst_en_afbeelding_met_overloop.bg-overloop-lightest-orange .text-content p,
.tekst_en_afbeelding_met_overloop.bg-overloop-light-mid-orange .text-content p,
.tekst_en_afbeelding_met_overloop.bg-overloop-light-orange .text-content p,
.tekst_en_afbeelding_met_overloop.bg-overloop-mid-orange .text-content p,
.tekst_en_afbeelding_met_overloop.bg-overloop-dark-lightest-orange .text-content p,
.tekst_en_afbeelding_met_overloop.bg-overloop-dark-mid-orange .text-content p,
.tekst_en_afbeelding_met_overloop.bg-overloop-dark-orange .text-content p,
.tekst_en_afbeelding_met_overloop.bg-overloop-grey .text-content p,
.tekst_en_afbeelding_met_overloop.bg-overloop-blue .text-content p,
.tekst_en_afbeelding_met_overloop.bg-overloop-purple .text-content p,
.tekst_en_afbeelding_met_overloop.grey_overloop .text-content p,
.tekst_en_afbeelding_met_overloop.bg-overloop-lightest-purple .text-content ul,
.tekst_en_afbeelding_met_overloop.bg-overloop-light-mid-purple .text-content ul,
.tekst_en_afbeelding_met_overloop.bg-overloop-light-purple .text-content ul,
.tekst_en_afbeelding_met_overloop.bg-overloop-mid-purple .text-content ul,
.tekst_en_afbeelding_met_overloop.bg-overloop-dark-lightest-purple .text-content ul,
.tekst_en_afbeelding_met_overloop.bg-overloop-dark-mid-purple .text-content ul,
.tekst_en_afbeelding_met_overloop.bg-overloop-dark-purple .text-content ul,
.tekst_en_afbeelding_met_overloop.bg-overloop-lightest-orange .text-content ul,
.tekst_en_afbeelding_met_overloop.bg-overloop-light-mid-orange .text-content ul,
.tekst_en_afbeelding_met_overloop.bg-overloop-light-orange .text-content ul,
.tekst_en_afbeelding_met_overloop.bg-overloop-mid-orange .text-content ul,
.tekst_en_afbeelding_met_overloop.bg-overloop-dark-lightest-orange .text-content ul,
.tekst_en_afbeelding_met_overloop.bg-overloop-dark-mid-orange .text-content ul,
.tekst_en_afbeelding_met_overloop.bg-overloop-dark-orange .text-content ul,
.tekst_en_afbeelding_met_overloop.bg-overloop-grey .text-content ul,
.tekst_en_afbeelding_met_overloop.bg-overloop-blue .text-content ul,
.tekst_en_afbeelding_met_overloop.bg-overloop-purple .text-content ul,
.tekst_en_afbeelding_met_overloop.grey_overloop .text-content ul,
.tekst_en_afbeelding_met_overloop.bg-overloop-lightest-purple .text-content li,
.tekst_en_afbeelding_met_overloop.bg-overloop-light-mid-purple .text-content li,
.tekst_en_afbeelding_met_overloop.bg-overloop-light-purple .text-content li,
.tekst_en_afbeelding_met_overloop.bg-overloop-mid-purple .text-content li,
.tekst_en_afbeelding_met_overloop.bg-overloop-dark-lightest-purple .text-content li,
.tekst_en_afbeelding_met_overloop.bg-overloop-dark-mid-purple .text-content li,
.tekst_en_afbeelding_met_overloop.bg-overloop-dark-purple .text-content li,
.tekst_en_afbeelding_met_overloop.bg-overloop-lightest-orange .text-content li,
.tekst_en_afbeelding_met_overloop.bg-overloop-light-mid-orange .text-content li,
.tekst_en_afbeelding_met_overloop.bg-overloop-light-orange .text-content li,
.tekst_en_afbeelding_met_overloop.bg-overloop-mid-orange .text-content li,
.tekst_en_afbeelding_met_overloop.bg-overloop-dark-lightest-orange .text-content li,
.tekst_en_afbeelding_met_overloop.bg-overloop-dark-mid-orange .text-content li,
.tekst_en_afbeelding_met_overloop.bg-overloop-dark-orange .text-content li,
.tekst_en_afbeelding_met_overloop.bg-overloop-grey .text-content li,
.tekst_en_afbeelding_met_overloop.bg-overloop-blue .text-content li,
.tekst_en_afbeelding_met_overloop.bg-overloop-purple .text-content li,
.tekst_en_afbeelding_met_overloop.grey_overloop .text-content li,
.tekst_en_afbeelding_met_overloop.bg-overloop-lightest-purple .text-content a,
.tekst_en_afbeelding_met_overloop.bg-overloop-light-mid-purple .text-content a,
.tekst_en_afbeelding_met_overloop.bg-overloop-light-purple .text-content a,
.tekst_en_afbeelding_met_overloop.bg-overloop-mid-purple .text-content a,
.tekst_en_afbeelding_met_overloop.bg-overloop-dark-lightest-purple .text-content a,
.tekst_en_afbeelding_met_overloop.bg-overloop-dark-mid-purple .text-content a,
.tekst_en_afbeelding_met_overloop.bg-overloop-dark-purple .text-content a,
.tekst_en_afbeelding_met_overloop.bg-overloop-lightest-orange .text-content a,
.tekst_en_afbeelding_met_overloop.bg-overloop-light-mid-orange .text-content a,
.tekst_en_afbeelding_met_overloop.bg-overloop-light-orange .text-content a,
.tekst_en_afbeelding_met_overloop.bg-overloop-mid-orange .text-content a,
.tekst_en_afbeelding_met_overloop.bg-overloop-dark-lightest-orange .text-content a,
.tekst_en_afbeelding_met_overloop.bg-overloop-dark-mid-orange .text-content a,
.tekst_en_afbeelding_met_overloop.bg-overloop-dark-orange .text-content a,
.tekst_en_afbeelding_met_overloop.bg-overloop-grey .text-content a,
.tekst_en_afbeelding_met_overloop.bg-overloop-blue .text-content a,
.tekst_en_afbeelding_met_overloop.bg-overloop-purple .text-content a,
.tekst_en_afbeelding_met_overloop.grey_overloop .text-content a {
font-size: 1rem;
}
@media screen and (max-width: 767px) {
.tekst_en_afbeelding_met_overloop.bg-overloop-lightest-purple .text-content,
.tekst_en_afbeelding_met_overloop.bg-overloop-light-mid-purple .text-content,
.tekst_en_afbeelding_met_overloop.bg-overloop-light-purple .text-content,
.tekst_en_afbeelding_met_overloop.bg-overloop-mid-purple .text-content,
.tekst_en_afbeelding_met_overloop.bg-overloop-dark-lightest-purple .text-content,
.tekst_en_afbeelding_met_overloop.bg-overloop-dark-mid-purple .text-content,
.tekst_en_afbeelding_met_overloop.bg-overloop-dark-purple .text-content,
.tekst_en_afbeelding_met_overloop.bg-overloop-lightest-orange .text-content,
.tekst_en_afbeelding_met_overloop.bg-overloop-light-mid-orange .text-content,
.tekst_en_afbeelding_met_overloop.bg-overloop-light-orange .text-content,
.tekst_en_afbeelding_met_overloop.bg-overloop-mid-orange .text-content,
.tekst_en_afbeelding_met_overloop.bg-overloop-dark-lightest-orange .text-content,
.tekst_en_afbeelding_met_overloop.bg-overloop-dark-mid-orange .text-content,
.tekst_en_afbeelding_met_overloop.bg-overloop-dark-orange .text-content,
.tekst_en_afbeelding_met_overloop.bg-overloop-grey .text-content,
.tekst_en_afbeelding_met_overloop.bg-overloop-blue .text-content,
.tekst_en_afbeelding_met_overloop.bg-overloop-purple .text-content,
.tekst_en_afbeelding_met_overloop.grey_overloop .text-content {
padding-top: 2em;
padding-bottom: 2em;
}
}
.tekst_en_afbeelding_met_overloop.bg-overloop-lightest-purple .text-content::after,
.tekst_en_afbeelding_met_overloop.bg-overloop-light-mid-purple .text-content::after,
.tekst_en_afbeelding_met_overloop.bg-overloop-light-purple .text-content::after,
.tekst_en_afbeelding_met_overloop.bg-overloop-mid-purple .text-content::after,
.tekst_en_afbeelding_met_overloop.bg-overloop-dark-lightest-purple .text-content::after,
.tekst_en_afbeelding_met_overloop.bg-overloop-dark-mid-purple .text-content::after,
.tekst_en_afbeelding_met_overloop.bg-overloop-dark-purple .text-content::after,
.tekst_en_afbeelding_met_overloop.bg-overloop-lightest-orange .text-content::after,
.tekst_en_afbeelding_met_overloop.bg-overloop-light-mid-orange .text-content::after,
.tekst_en_afbeelding_met_overloop.bg-overloop-light-orange .text-content::after,
.tekst_en_afbeelding_met_overloop.bg-overloop-mid-orange .text-content::after,
.tekst_en_afbeelding_met_overloop.bg-overloop-dark-lightest-orange .text-content::after,
.tekst_en_afbeelding_met_overloop.bg-overloop-dark-mid-orange .text-content::after,
.tekst_en_afbeelding_met_overloop.bg-overloop-dark-orange .text-content::after,
.tekst_en_afbeelding_met_overloop.bg-overloop-grey .text-content::after,
.tekst_en_afbeelding_met_overloop.bg-overloop-blue .text-content::after,
.tekst_en_afbeelding_met_overloop.bg-overloop-purple .text-content::after,
.tekst_en_afbeelding_met_overloop.grey_overloop .text-content::after {
content: "";
position: absolute;
top: 0;
bottom: 0;
width: 100vw;
z-index: -1;
}
.tekst_en_afbeelding_met_overloop.bg-overloop-lightest-purple .default .text-content::after,
.tekst_en_afbeelding_met_overloop.bg-overloop-light-mid-purple .default .text-content::after,
.tekst_en_afbeelding_met_overloop.bg-overloop-light-purple .default .text-content::after,
.tekst_en_afbeelding_met_overloop.bg-overloop-mid-purple .default .text-content::after,
.tekst_en_afbeelding_met_overloop.bg-overloop-dark-lightest-purple .default .text-content::after,
.tekst_en_afbeelding_met_overloop.bg-overloop-dark-mid-purple .default .text-content::after,
.tekst_en_afbeelding_met_overloop.bg-overloop-dark-purple .default .text-content::after,
.tekst_en_afbeelding_met_overloop.bg-overloop-lightest-orange .default .text-content::after,
.tekst_en_afbeelding_met_overloop.bg-overloop-light-mid-orange .default .text-content::after,
.tekst_en_afbeelding_met_overloop.bg-overloop-light-orange .default .text-content::after,
.tekst_en_afbeelding_met_overloop.bg-overloop-mid-orange .default .text-content::after,
.tekst_en_afbeelding_met_overloop.bg-overloop-dark-lightest-orange .default .text-content::after,
.tekst_en_afbeelding_met_overloop.bg-overloop-dark-mid-orange .default .text-content::after,
.tekst_en_afbeelding_met_overloop.bg-overloop-dark-orange .default .text-content::after,
.tekst_en_afbeelding_met_overloop.bg-overloop-grey .default .text-content::after,
.tekst_en_afbeelding_met_overloop.bg-overloop-blue .default .text-content::after,
.tekst_en_afbeelding_met_overloop.bg-overloop-purple .default .text-content::after,
.tekst_en_afbeelding_met_overloop.grey_overloop .default .text-content::after {
right: -.5em;
transform: translateX(50%);
}
@media screen and (max-width: 767px) {
.tekst_en_afbeelding_met_overloop.bg-overloop-lightest-purple .default .text-content::after,
.tekst_en_afbeelding_met_overloop.bg-overloop-light-mid-purple .default .text-content::after,
.tekst_en_afbeelding_met_overloop.bg-overloop-light-purple .default .text-content::after,
.tekst_en_afbeelding_met_overloop.bg-overloop-mid-purple .default .text-content::after,
.tekst_en_afbeelding_met_overloop.bg-overloop-dark-lightest-purple .default .text-content::after,
.tekst_en_afbeelding_met_overloop.bg-overloop-dark-mid-purple .default .text-content::after,
.tekst_en_afbeelding_met_overloop.bg-overloop-dark-purple .default .text-content::after,
.tekst_en_afbeelding_met_overloop.bg-overloop-lightest-orange .default .text-content::after,
.tekst_en_afbeelding_met_overloop.bg-overloop-light-mid-orange .default .text-content::after,
.tekst_en_afbeelding_met_overloop.bg-overloop-light-orange .default .text-content::after,
.tekst_en_afbeelding_met_overloop.bg-overloop-mid-orange .default .text-content::after,
.tekst_en_afbeelding_met_overloop.bg-overloop-dark-lightest-orange .default .text-content::after,
.tekst_en_afbeelding_met_overloop.bg-overloop-dark-mid-orange .default .text-content::after,
.tekst_en_afbeelding_met_overloop.bg-overloop-dark-orange .default .text-content::after,
.tekst_en_afbeelding_met_overloop.bg-overloop-grey .default .text-content::after,
.tekst_en_afbeelding_met_overloop.bg-overloop-blue .default .text-content::after,
.tekst_en_afbeelding_met_overloop.bg-overloop-purple .default .text-content::after,
.tekst_en_afbeelding_met_overloop.grey_overloop .default .text-content::after {
right: 50%;
}
}
.tekst_en_afbeelding_met_overloop.bg-overloop-lightest-purple .reverse .text-content::after,
.tekst_en_afbeelding_met_overloop.bg-overloop-light-mid-purple .reverse .text-content::after,
.tekst_en_afbeelding_met_overloop.bg-overloop-light-purple .reverse .text-content::after,
.tekst_en_afbeelding_met_overloop.bg-overloop-mid-purple .reverse .text-content::after,
.tekst_en_afbeelding_met_overloop.bg-overloop-dark-lightest-purple .reverse .text-content::after,
.tekst_en_afbeelding_met_overloop.bg-overloop-dark-mid-purple .reverse .text-content::after,
.tekst_en_afbeelding_met_overloop.bg-overloop-dark-purple .reverse .text-content::after,
.tekst_en_afbeelding_met_overloop.bg-overloop-lightest-orange .reverse .text-content::after,
.tekst_en_afbeelding_met_overloop.bg-overloop-light-mid-orange .reverse .text-content::after,
.tekst_en_afbeelding_met_overloop.bg-overloop-light-orange .reverse .text-content::after,
.tekst_en_afbeelding_met_overloop.bg-overloop-mid-orange .reverse .text-content::after,
.tekst_en_afbeelding_met_overloop.bg-overloop-dark-lightest-orange .reverse .text-content::after,
.tekst_en_afbeelding_met_overloop.bg-overloop-dark-mid-orange .reverse .text-content::after,
.tekst_en_afbeelding_met_overloop.bg-overloop-dark-orange .reverse .text-content::after,
.tekst_en_afbeelding_met_overloop.bg-overloop-grey .reverse .text-content::after,
.tekst_en_afbeelding_met_overloop.bg-overloop-blue .reverse .text-content::after,
.tekst_en_afbeelding_met_overloop.bg-overloop-purple .reverse .text-content::after,
.tekst_en_afbeelding_met_overloop.grey_overloop .reverse .text-content::after {
left: -.5em;
transform: translateX(-50%);
}
@media screen and (max-width: 767px) {
.tekst_en_afbeelding_met_overloop.bg-overloop-lightest-purple .reverse .text-content::after,
.tekst_en_afbeelding_met_overloop.bg-overloop-light-mid-purple .reverse .text-content::after,
.tekst_en_afbeelding_met_overloop.bg-overloop-light-purple .reverse .text-content::after,
.tekst_en_afbeelding_met_overloop.bg-overloop-mid-purple .reverse .text-content::after,
.tekst_en_afbeelding_met_overloop.bg-overloop-dark-lightest-purple .reverse .text-content::after,
.tekst_en_afbeelding_met_overloop.bg-overloop-dark-mid-purple .reverse .text-content::after,
.tekst_en_afbeelding_met_overloop.bg-overloop-dark-purple .reverse .text-content::after,
.tekst_en_afbeelding_met_overloop.bg-overloop-lightest-orange .reverse .text-content::after,
.tekst_en_afbeelding_met_overloop.bg-overloop-light-mid-orange .reverse .text-content::after,
.tekst_en_afbeelding_met_overloop.bg-overloop-light-orange .reverse .text-content::after,
.tekst_en_afbeelding_met_overloop.bg-overloop-mid-orange .reverse .text-content::after,
.tekst_en_afbeelding_met_overloop.bg-overloop-dark-lightest-orange .reverse .text-content::after,
.tekst_en_afbeelding_met_overloop.bg-overloop-dark-mid-orange .reverse .text-content::after,
.tekst_en_afbeelding_met_overloop.bg-overloop-dark-orange .reverse .text-content::after,
.tekst_en_afbeelding_met_overloop.bg-overloop-grey .reverse .text-content::after,
.tekst_en_afbeelding_met_overloop.bg-overloop-blue .reverse .text-content::after,
.tekst_en_afbeelding_met_overloop.bg-overloop-purple .reverse .text-content::after,
.tekst_en_afbeelding_met_overloop.grey_overloop .reverse .text-content::after {
left: 50%;
}
}
.tekst_en_afbeelding_met_overloop .pure-g {
align-items: stretch;
}
.tekst_en_afbeelding_met_overloop .pure-g > div {
padding-bottom: 0;
}
.tekst_en_afbeelding_met_overloop .pure-g > div.text-col {
display: flex;
flex-direction: column;
justify-content: center;
}
@media screen and (min-width: 768px) {
.tekst_en_afbeelding_met_overloop .pure-g.default .text-content {
padding-right: 1.5em;
}
.tekst_en_afbeelding_met_overloop .pure-g.default .picture_overloop {
margin-left: 1.5em;
}
}
.tekst_en_afbeelding_met_overloop .pure-g.reverse {
flex-direction: row-reverse;
}
@media screen and (min-width: 768px) {
.tekst_en_afbeelding_met_overloop .pure-g.reverse .text-content {
padding-left: 1.5em;
}
.tekst_en_afbeelding_met_overloop .pure-g.reverse .picture_overloop {
margin-right: 1.5em;
}
}
.tekst_en_afbeelding_met_overloop .text-content {
margin-top: 5rem;
margin-bottom: 5rem;
font-size: 1rem;
}
@media screen and (max-width: 767px) {
.tekst_en_afbeelding_met_overloop .text-content {
margin-top: 2em;
margin-bottom: 2em;
}
}
.tekst_en_afbeelding_met_overloop .text-content h2 {
letter-spacing: -0.05em;
font-size: 2.25rem;
line-height: 1em;
font-weight: 400;
color: #5e006b;
}
.tekst_en_afbeelding_met_overloop .text-content h2 strong {
font-weight: inherit;
}
@media screen and (max-width: 1279.9px) {
.tekst_en_afbeelding_met_overloop .text-content h2 {
font-size: 2rem;
}
}
@media screen and (max-width: 767.9px) {
.tekst_en_afbeelding_met_overloop .text-content h2 {
font-size: 1.75rem;
}
}
.tekst_en_afbeelding_met_overloop .text-content > :first-child {
margin-top: 0;
}
.tekst_en_afbeelding_met_overloop .text-content > :last-child {
margin-bottom: 0;
}
.tekst_en_afbeelding_met_overloop .picture_overloop {
display: block;
height: 100%;
position: relative;
}
.tekst_en_afbeelding_met_overloop .picture_overloop .img_overloop {
display: block;
height: 100%;
width: 100%;
object-fit: cover;
}
@media screen and (min-width: 768px) {
.tekst_en_afbeelding_met_overloop .picture_overloop .img_overloop {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
}
.faq-container {
margin-top: 2em;
}
.full-question {
border: solid 1px #f5f5f5;
border-radius: 0px;
background-color: white;
}
.full-question:not(:last-child) {
margin-bottom: 1.5rem;
}
.full-question.active .question .question-button {
border-bottom: solid 1px #f5f5f5;
}
.full-question .question {
position: relative;
display: flex;
}
.full-question .question .toggle-q {
position: absolute;
height: 100%;
width: 3em;
right: 0px;
top: 0px;
background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='a' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 56.76 31.38'%3E%3Cdefs%3E%3Cstyle%3E.b%7Bfill:%2300375a;%7D%3C/style%3E%3C/defs%3E%3Cpath class='b' d='M28.38,31.38c-.77,0-1.54-.29-2.12-.88L.88,5.12C-.29,3.95-.29,2.05,.88,.88,2.05-.29,3.95-.29,5.12,.88L28.38,24.14,51.63,.88c1.17-1.17,3.07-1.17,4.24,0,1.17,1.17,1.17,3.07,0,4.24L30.5,30.5c-.59,.59-1.35,.88-2.12,.88Z'/%3E%3C/svg%3E");
background-size: 1rem;
background-position: center;
background-repeat: no-repeat;
}
.animatable .full-question .question .toggle-q {
transition: all cubic-bezier(0.37, 0.01, 0.62, 1) 325ms;
}
.full-question .question .toggle-q:hover {
cursor: pointer;
}
.full-question .question .question-button {
background-color: unset;
padding: unset;
text-decoration: unset;
border: unset;
flex: 1 1 100%;
padding: 1em 3em 1em 0em;
margin-left: 1em;
margin-right: 1em;
border-bottom: 1px solid transparent;
text-align: inherit;
}
.full-question .question:focus-within {
outline: 1px solid transparent;
}
.full-question .answer {
padding: 0em 1em;
max-height: 0px;
overflow: hidden;
margin-left: 0;
}
.animatable .full-question .answer {
transition: all cubic-bezier(0.37, 0.01, 0.62, 1) 325ms;
}
.full-question .answer > ::first-child {
margin-top: 0;
}
.full-question.active .question .toggle-q {
-moz-transform: scaleY(-1);
-o-transform: scaleY(-1);
-webkit-transform: scaleY(-1);
transform: scaleY(-1);
}
.full-question.active .answer {
padding: 1em 1em;
max-height: 1500px;
}
.card-header,
.card-body {
padding: 1rem;
}
@media screen and (min-width: 1023.9px) {
.card-header,
.card-body {
padding: 1.25rem;
}
}
@media screen and (min-width: 1279.9px) {
.card-header,
.card-body {
padding: 1.5rem;
}
}
@media screen and (min-width: 1439.9px) {
.card-header,
.card-body {
padding: 2.25rem;
}
}
.card-header {
border-bottom: 1px solid #450052;
}
.card-header.no-border {
border-bottom: none;
}
.card-body > :first-child {
margin-top: 0;
}
.card-body > :last-child {
margin-bottom: 0;
}
.card-title {
margin-bottom: 0;
}
.card-slimmer .card-header,
.card-slimmer .card-body {
padding: .5rem;
}
@media screen and (min-width: 1023.9px) {
.card-slimmer .card-header,
.card-slimmer .card-body {
padding: 1rem;
}
}
@media screen and (min-width: 1279.9px) {
.card-slimmer .card-header,
.card-slimmer .card-body {
padding: 1.5rem;
}
}
.tag {
padding: 0.35em 0.5em;
background-color: transparent;
margin-right: .5em;
border: 1px solid transparent;
margin-top: 0;
margin-bottom: .5em;
}
.tag-bordered {
border-color: inherit;
}
.select-dropdown {
padding-right: 2.4em;
}
.select-dropdown.btn-white:hover,
.select-dropdown.btn-white:focus,
.select-dropdown.btn-white:focus-within {
outline: none;
background-color: #ffffff;
border-bottom-color: #94009b;
}
.container-full-width-right {
margin-left: calc((100% - 88rem) / 2);
padding-right: 0;
margin-right: 0;
padding-left: 1em;
}
@media screen and (max-width: 1439.9px) {
.container-full-width-right {
margin-left: unset;
}
}
@media screen and (max-width: 567.9px) {
.container-full-width-right {
padding-left: 0px;
}
.container-full-width-right .splide__slide {
max-width: 100vw;
}
.container-full-width-right .adviseur-bij-slider .splide__arrows {
bottom: 100%;
}
}
.container-full-width-left {
margin-right: calc((100% - 88rem) / 2);
margin-left: 0;
padding-left: 0;
padding-right: 1em;
}
@media screen and (max-width: 1439.9px) {
.container-full-width-left {
margin-right: unset;
}
}
@media screen and (max-width: 567.9px) {
.container-full-width-left {
padding-right: 0px;
}
.container-full-width-left .splide__slide {
max-width: 100vw;
}
.container-full-width-left .adviseur-bij-slider .splide__arrows {
bottom: 100%;
}
}    .m-0 {
margin: 0em;
}
.mx-0 {
margin-left: 0em;
margin-right: 0em;
}
.my-0 {
margin-top: 0em;
margin-bottom: 0em;
}
.mt-0 {
margin-top: 0em;
}
.mr-0 {
margin-right: 0em;
}
.mb-0 {
margin-bottom: 0em;
}
.ml-0 {
margin-left: 0em;
}
.m-0-5 {
margin: 0.5em;
}
.mx-0-5 {
margin-left: 0.5em;
margin-right: 0.5em;
}
.my-0-5 {
margin-top: 0.5em;
margin-bottom: 0.5em;
}
.mt-0-5 {
margin-top: 0.5em;
}
.mr-0-5 {
margin-right: 0.5em;
}
.mb-0-5 {
margin-bottom: 0.5em;
}
.ml-0-5 {
margin-left: 0.5em;
}
.m-1 {
margin: 1em;
}
.mx-1 {
margin-left: 1em;
margin-right: 1em;
}
.my-1 {
margin-top: 1em;
margin-bottom: 1em;
}
.mt-1 {
margin-top: 1em;
}
.mr-1 {
margin-right: 1em;
}
.mb-1 {
margin-bottom: 1em;
}
.ml-1 {
margin-left: 1em;
}
.m-1-5 {
margin: 1.5em;
}
.mx-1-5 {
margin-left: 1.5em;
margin-right: 1.5em;
}
.my-1-5 {
margin-top: 1.5em;
margin-bottom: 1.5em;
}
.mt-1-5 {
margin-top: 1.5em;
}
.mr-1-5 {
margin-right: 1.5em;
}
.mb-1-5 {
margin-bottom: 1.5em;
}
.ml-1-5 {
margin-left: 1.5em;
}
.m-2 {
margin: 2em;
}
.mx-2 {
margin-left: 2em;
margin-right: 2em;
}
.my-2 {
margin-top: 2em;
margin-bottom: 2em;
}
.mt-2 {
margin-top: 2em;
}
.mr-2 {
margin-right: 2em;
}
.mb-2 {
margin-bottom: 2em;
}
.ml-2 {
margin-left: 2em;
}
.m-2-5 {
margin: 2.5em;
}
.mx-2-5 {
margin-left: 2.5em;
margin-right: 2.5em;
}
.my-2-5 {
margin-top: 2.5em;
margin-bottom: 2.5em;
}
.mt-2-5 {
margin-top: 2.5em;
}
.mr-2-5 {
margin-right: 2.5em;
}
.mb-2-5 {
margin-bottom: 2.5em;
}
.ml-2-5 {
margin-left: 2.5em;
}
.m-3 {
margin: 3em;
}
.mx-3 {
margin-left: 3em;
margin-right: 3em;
}
.my-3 {
margin-top: 3em;
margin-bottom: 3em;
}
.mt-3 {
margin-top: 3em;
}
.mr-3 {
margin-right: 3em;
}
.mb-3 {
margin-bottom: 3em;
}
.ml-3 {
margin-left: 3em;
}
.m-3-5 {
margin: 3.5em;
}
.mx-3-5 {
margin-left: 3.5em;
margin-right: 3.5em;
}
.my-3-5 {
margin-top: 3.5em;
margin-bottom: 3.5em;
}
.mt-3-5 {
margin-top: 3.5em;
}
.mr-3-5 {
margin-right: 3.5em;
}
.mb-3-5 {
margin-bottom: 3.5em;
}
.ml-3-5 {
margin-left: 3.5em;
}
.m-4 {
margin: 4em;
}
.mx-4 {
margin-left: 4em;
margin-right: 4em;
}
.my-4 {
margin-top: 4em;
margin-bottom: 4em;
}
.mt-4 {
margin-top: 4em;
}
.mr-4 {
margin-right: 4em;
}
.mb-4 {
margin-bottom: 4em;
}
.ml-4 {
margin-left: 4em;
}
.m-4-5 {
margin: 4.5em;
}
.mx-4-5 {
margin-left: 4.5em;
margin-right: 4.5em;
}
.my-4-5 {
margin-top: 4.5em;
margin-bottom: 4.5em;
}
.mt-4-5 {
margin-top: 4.5em;
}
.mr-4-5 {
margin-right: 4.5em;
}
.mb-4-5 {
margin-bottom: 4.5em;
}
.ml-4-5 {
margin-left: 4.5em;
}
.m-5 {
margin: 5em;
}
.mx-5 {
margin-left: 5em;
margin-right: 5em;
}
.my-5 {
margin-top: 5em;
margin-bottom: 5em;
}
.mt-5 {
margin-top: 5em;
}
.mr-5 {
margin-right: 5em;
}
.mb-5 {
margin-bottom: 5em;
}
.ml-5 {
margin-left: 5em;
}
.m-5-5 {
margin: 5.5em;
}
.mx-5-5 {
margin-left: 5.5em;
margin-right: 5.5em;
}
.my-5-5 {
margin-top: 5.5em;
margin-bottom: 5.5em;
}
.mt-5-5 {
margin-top: 5.5em;
}
.mr-5-5 {
margin-right: 5.5em;
}
.mb-5-5 {
margin-bottom: 5.5em;
}
.ml-5-5 {
margin-left: 5.5em;
}
.m-6 {
margin: 6em;
}
.mx-6 {
margin-left: 6em;
margin-right: 6em;
}
.my-6 {
margin-top: 6em;
margin-bottom: 6em;
}
.mt-6 {
margin-top: 6em;
}
.mr-6 {
margin-right: 6em;
}
.mb-6 {
margin-bottom: 6em;
}
.ml-6 {
margin-left: 6em;
}
.m-6-5 {
margin: 6.5em;
}
.mx-6-5 {
margin-left: 6.5em;
margin-right: 6.5em;
}
.my-6-5 {
margin-top: 6.5em;
margin-bottom: 6.5em;
}
.mt-6-5 {
margin-top: 6.5em;
}
.mr-6-5 {
margin-right: 6.5em;
}
.mb-6-5 {
margin-bottom: 6.5em;
}
.ml-6-5 {
margin-left: 6.5em;
}
.m-7 {
margin: 7em;
}
.mx-7 {
margin-left: 7em;
margin-right: 7em;
}
.my-7 {
margin-top: 7em;
margin-bottom: 7em;
}
.mt-7 {
margin-top: 7em;
}
.mr-7 {
margin-right: 7em;
}
.mb-7 {
margin-bottom: 7em;
}
.ml-7 {
margin-left: 7em;
}
.m-7-5 {
margin: 7.5em;
}
.mx-7-5 {
margin-left: 7.5em;
margin-right: 7.5em;
}
.my-7-5 {
margin-top: 7.5em;
margin-bottom: 7.5em;
}
.mt-7-5 {
margin-top: 7.5em;
}
.mr-7-5 {
margin-right: 7.5em;
}
.mb-7-5 {
margin-bottom: 7.5em;
}
.ml-7-5 {
margin-left: 7.5em;
}
.m-8 {
margin: 8em;
}
.mx-8 {
margin-left: 8em;
margin-right: 8em;
}
.my-8 {
margin-top: 8em;
margin-bottom: 8em;
}
.mt-8 {
margin-top: 8em;
}
.mr-8 {
margin-right: 8em;
}
.mb-8 {
margin-bottom: 8em;
}
.ml-8 {
margin-left: 8em;
}
.m-8-5 {
margin: 8.5em;
}
.mx-8-5 {
margin-left: 8.5em;
margin-right: 8.5em;
}
.my-8-5 {
margin-top: 8.5em;
margin-bottom: 8.5em;
}
.mt-8-5 {
margin-top: 8.5em;
}
.mr-8-5 {
margin-right: 8.5em;
}
.mb-8-5 {
margin-bottom: 8.5em;
}
.ml-8-5 {
margin-left: 8.5em;
}
.m-9 {
margin: 9em;
}
.mx-9 {
margin-left: 9em;
margin-right: 9em;
}
.my-9 {
margin-top: 9em;
margin-bottom: 9em;
}
.mt-9 {
margin-top: 9em;
}
.mr-9 {
margin-right: 9em;
}
.mb-9 {
margin-bottom: 9em;
}
.ml-9 {
margin-left: 9em;
}
.m-9-5 {
margin: 9.5em;
}
.mx-9-5 {
margin-left: 9.5em;
margin-right: 9.5em;
}
.my-9-5 {
margin-top: 9.5em;
margin-bottom: 9.5em;
}
.mt-9-5 {
margin-top: 9.5em;
}
.mr-9-5 {
margin-right: 9.5em;
}
.mb-9-5 {
margin-bottom: 9.5em;
}
.ml-9-5 {
margin-left: 9.5em;
}
.m-10 {
margin: 10em;
}
.mx-10 {
margin-left: 10em;
margin-right: 10em;
}
.my-10 {
margin-top: 10em;
margin-bottom: 10em;
}
.mt-10 {
margin-top: 10em;
}
.mr-10 {
margin-right: 10em;
}
.mb-10 {
margin-bottom: 10em;
}
.ml-10 {
margin-left: 10em;
}
@media (min-width: 567.9px) {
.m-sm-0 {
margin: 0em;
}
.mx-sm-0 {
margin-left: 0em;
margin-right: 0em;
}
.my-sm-0 {
margin-top: 0em;
margin-bottom: 0em;
}
.mt-sm-0 {
margin-top: 0em;
}
.mr-sm-0 {
margin-right: 0em;
}
.mb-sm-0 {
margin-bottom: 0em;
}
.ml-sm-0 {
margin-left: 0em;
}
}
@media (min-width: 567.9px) {
.m-sm-0-5 {
margin: 0.5em;
}
.mx-sm-0-5 {
margin-left: 0.5em;
margin-right: 0.5em;
}
.my-sm-0-5 {
margin-top: 0.5em;
margin-bottom: 0.5em;
}
.mt-sm-0-5 {
margin-top: 0.5em;
}
.mr-sm-0-5 {
margin-right: 0.5em;
}
.mb-sm-0-5 {
margin-bottom: 0.5em;
}
.ml-sm-0-5 {
margin-left: 0.5em;
}
}
@media (min-width: 567.9px) {
.m-sm-1 {
margin: 1em;
}
.mx-sm-1 {
margin-left: 1em;
margin-right: 1em;
}
.my-sm-1 {
margin-top: 1em;
margin-bottom: 1em;
}
.mt-sm-1 {
margin-top: 1em;
}
.mr-sm-1 {
margin-right: 1em;
}
.mb-sm-1 {
margin-bottom: 1em;
}
.ml-sm-1 {
margin-left: 1em;
}
}
@media (min-width: 567.9px) {
.m-sm-1-5 {
margin: 1.5em;
}
.mx-sm-1-5 {
margin-left: 1.5em;
margin-right: 1.5em;
}
.my-sm-1-5 {
margin-top: 1.5em;
margin-bottom: 1.5em;
}
.mt-sm-1-5 {
margin-top: 1.5em;
}
.mr-sm-1-5 {
margin-right: 1.5em;
}
.mb-sm-1-5 {
margin-bottom: 1.5em;
}
.ml-sm-1-5 {
margin-left: 1.5em;
}
}
@media (min-width: 567.9px) {
.m-sm-2 {
margin: 2em;
}
.mx-sm-2 {
margin-left: 2em;
margin-right: 2em;
}
.my-sm-2 {
margin-top: 2em;
margin-bottom: 2em;
}
.mt-sm-2 {
margin-top: 2em;
}
.mr-sm-2 {
margin-right: 2em;
}
.mb-sm-2 {
margin-bottom: 2em;
}
.ml-sm-2 {
margin-left: 2em;
}
}
@media (min-width: 567.9px) {
.m-sm-2-5 {
margin: 2.5em;
}
.mx-sm-2-5 {
margin-left: 2.5em;
margin-right: 2.5em;
}
.my-sm-2-5 {
margin-top: 2.5em;
margin-bottom: 2.5em;
}
.mt-sm-2-5 {
margin-top: 2.5em;
}
.mr-sm-2-5 {
margin-right: 2.5em;
}
.mb-sm-2-5 {
margin-bottom: 2.5em;
}
.ml-sm-2-5 {
margin-left: 2.5em;
}
}
@media (min-width: 567.9px) {
.m-sm-3 {
margin: 3em;
}
.mx-sm-3 {
margin-left: 3em;
margin-right: 3em;
}
.my-sm-3 {
margin-top: 3em;
margin-bottom: 3em;
}
.mt-sm-3 {
margin-top: 3em;
}
.mr-sm-3 {
margin-right: 3em;
}
.mb-sm-3 {
margin-bottom: 3em;
}
.ml-sm-3 {
margin-left: 3em;
}
}
@media (min-width: 567.9px) {
.m-sm-3-5 {
margin: 3.5em;
}
.mx-sm-3-5 {
margin-left: 3.5em;
margin-right: 3.5em;
}
.my-sm-3-5 {
margin-top: 3.5em;
margin-bottom: 3.5em;
}
.mt-sm-3-5 {
margin-top: 3.5em;
}
.mr-sm-3-5 {
margin-right: 3.5em;
}
.mb-sm-3-5 {
margin-bottom: 3.5em;
}
.ml-sm-3-5 {
margin-left: 3.5em;
}
}
@media (min-width: 567.9px) {
.m-sm-4 {
margin: 4em;
}
.mx-sm-4 {
margin-left: 4em;
margin-right: 4em;
}
.my-sm-4 {
margin-top: 4em;
margin-bottom: 4em;
}
.mt-sm-4 {
margin-top: 4em;
}
.mr-sm-4 {
margin-right: 4em;
}
.mb-sm-4 {
margin-bottom: 4em;
}
.ml-sm-4 {
margin-left: 4em;
}
}
@media (min-width: 567.9px) {
.m-sm-4-5 {
margin: 4.5em;
}
.mx-sm-4-5 {
margin-left: 4.5em;
margin-right: 4.5em;
}
.my-sm-4-5 {
margin-top: 4.5em;
margin-bottom: 4.5em;
}
.mt-sm-4-5 {
margin-top: 4.5em;
}
.mr-sm-4-5 {
margin-right: 4.5em;
}
.mb-sm-4-5 {
margin-bottom: 4.5em;
}
.ml-sm-4-5 {
margin-left: 4.5em;
}
}
@media (min-width: 567.9px) {
.m-sm-5 {
margin: 5em;
}
.mx-sm-5 {
margin-left: 5em;
margin-right: 5em;
}
.my-sm-5 {
margin-top: 5em;
margin-bottom: 5em;
}
.mt-sm-5 {
margin-top: 5em;
}
.mr-sm-5 {
margin-right: 5em;
}
.mb-sm-5 {
margin-bottom: 5em;
}
.ml-sm-5 {
margin-left: 5em;
}
}
@media (min-width: 567.9px) {
.m-sm-5-5 {
margin: 5.5em;
}
.mx-sm-5-5 {
margin-left: 5.5em;
margin-right: 5.5em;
}
.my-sm-5-5 {
margin-top: 5.5em;
margin-bottom: 5.5em;
}
.mt-sm-5-5 {
margin-top: 5.5em;
}
.mr-sm-5-5 {
margin-right: 5.5em;
}
.mb-sm-5-5 {
margin-bottom: 5.5em;
}
.ml-sm-5-5 {
margin-left: 5.5em;
}
}
@media (min-width: 567.9px) {
.m-sm-6 {
margin: 6em;
}
.mx-sm-6 {
margin-left: 6em;
margin-right: 6em;
}
.my-sm-6 {
margin-top: 6em;
margin-bottom: 6em;
}
.mt-sm-6 {
margin-top: 6em;
}
.mr-sm-6 {
margin-right: 6em;
}
.mb-sm-6 {
margin-bottom: 6em;
}
.ml-sm-6 {
margin-left: 6em;
}
}
@media (min-width: 567.9px) {
.m-sm-6-5 {
margin: 6.5em;
}
.mx-sm-6-5 {
margin-left: 6.5em;
margin-right: 6.5em;
}
.my-sm-6-5 {
margin-top: 6.5em;
margin-bottom: 6.5em;
}
.mt-sm-6-5 {
margin-top: 6.5em;
}
.mr-sm-6-5 {
margin-right: 6.5em;
}
.mb-sm-6-5 {
margin-bottom: 6.5em;
}
.ml-sm-6-5 {
margin-left: 6.5em;
}
}
@media (min-width: 567.9px) {
.m-sm-7 {
margin: 7em;
}
.mx-sm-7 {
margin-left: 7em;
margin-right: 7em;
}
.my-sm-7 {
margin-top: 7em;
margin-bottom: 7em;
}
.mt-sm-7 {
margin-top: 7em;
}
.mr-sm-7 {
margin-right: 7em;
}
.mb-sm-7 {
margin-bottom: 7em;
}
.ml-sm-7 {
margin-left: 7em;
}
}
@media (min-width: 567.9px) {
.m-sm-7-5 {
margin: 7.5em;
}
.mx-sm-7-5 {
margin-left: 7.5em;
margin-right: 7.5em;
}
.my-sm-7-5 {
margin-top: 7.5em;
margin-bottom: 7.5em;
}
.mt-sm-7-5 {
margin-top: 7.5em;
}
.mr-sm-7-5 {
margin-right: 7.5em;
}
.mb-sm-7-5 {
margin-bottom: 7.5em;
}
.ml-sm-7-5 {
margin-left: 7.5em;
}
}
@media (min-width: 567.9px) {
.m-sm-8 {
margin: 8em;
}
.mx-sm-8 {
margin-left: 8em;
margin-right: 8em;
}
.my-sm-8 {
margin-top: 8em;
margin-bottom: 8em;
}
.mt-sm-8 {
margin-top: 8em;
}
.mr-sm-8 {
margin-right: 8em;
}
.mb-sm-8 {
margin-bottom: 8em;
}
.ml-sm-8 {
margin-left: 8em;
}
}
@media (min-width: 567.9px) {
.m-sm-8-5 {
margin: 8.5em;
}
.mx-sm-8-5 {
margin-left: 8.5em;
margin-right: 8.5em;
}
.my-sm-8-5 {
margin-top: 8.5em;
margin-bottom: 8.5em;
}
.mt-sm-8-5 {
margin-top: 8.5em;
}
.mr-sm-8-5 {
margin-right: 8.5em;
}
.mb-sm-8-5 {
margin-bottom: 8.5em;
}
.ml-sm-8-5 {
margin-left: 8.5em;
}
}
@media (min-width: 567.9px) {
.m-sm-9 {
margin: 9em;
}
.mx-sm-9 {
margin-left: 9em;
margin-right: 9em;
}
.my-sm-9 {
margin-top: 9em;
margin-bottom: 9em;
}
.mt-sm-9 {
margin-top: 9em;
}
.mr-sm-9 {
margin-right: 9em;
}
.mb-sm-9 {
margin-bottom: 9em;
}
.ml-sm-9 {
margin-left: 9em;
}
}
@media (min-width: 567.9px) {
.m-sm-9-5 {
margin: 9.5em;
}
.mx-sm-9-5 {
margin-left: 9.5em;
margin-right: 9.5em;
}
.my-sm-9-5 {
margin-top: 9.5em;
margin-bottom: 9.5em;
}
.mt-sm-9-5 {
margin-top: 9.5em;
}
.mr-sm-9-5 {
margin-right: 9.5em;
}
.mb-sm-9-5 {
margin-bottom: 9.5em;
}
.ml-sm-9-5 {
margin-left: 9.5em;
}
}
@media (min-width: 567.9px) {
.m-sm-10 {
margin: 10em;
}
.mx-sm-10 {
margin-left: 10em;
margin-right: 10em;
}
.my-sm-10 {
margin-top: 10em;
margin-bottom: 10em;
}
.mt-sm-10 {
margin-top: 10em;
}
.mr-sm-10 {
margin-right: 10em;
}
.mb-sm-10 {
margin-bottom: 10em;
}
.ml-sm-10 {
margin-left: 10em;
}
}
@media (min-width: 767.9px) {
.m-md-0 {
margin: 0em;
}
.mx-md-0 {
margin-left: 0em;
margin-right: 0em;
}
.my-md-0 {
margin-top: 0em;
margin-bottom: 0em;
}
.mt-md-0 {
margin-top: 0em;
}
.mr-md-0 {
margin-right: 0em;
}
.mb-md-0 {
margin-bottom: 0em;
}
.ml-md-0 {
margin-left: 0em;
}
}
@media (min-width: 767.9px) {
.m-md-0-5 {
margin: 0.5em;
}
.mx-md-0-5 {
margin-left: 0.5em;
margin-right: 0.5em;
}
.my-md-0-5 {
margin-top: 0.5em;
margin-bottom: 0.5em;
}
.mt-md-0-5 {
margin-top: 0.5em;
}
.mr-md-0-5 {
margin-right: 0.5em;
}
.mb-md-0-5 {
margin-bottom: 0.5em;
}
.ml-md-0-5 {
margin-left: 0.5em;
}
}
@media (min-width: 767.9px) {
.m-md-1 {
margin: 1em;
}
.mx-md-1 {
margin-left: 1em;
margin-right: 1em;
}
.my-md-1 {
margin-top: 1em;
margin-bottom: 1em;
}
.mt-md-1 {
margin-top: 1em;
}
.mr-md-1 {
margin-right: 1em;
}
.mb-md-1 {
margin-bottom: 1em;
}
.ml-md-1 {
margin-left: 1em;
}
}
@media (min-width: 767.9px) {
.m-md-1-5 {
margin: 1.5em;
}
.mx-md-1-5 {
margin-left: 1.5em;
margin-right: 1.5em;
}
.my-md-1-5 {
margin-top: 1.5em;
margin-bottom: 1.5em;
}
.mt-md-1-5 {
margin-top: 1.5em;
}
.mr-md-1-5 {
margin-right: 1.5em;
}
.mb-md-1-5 {
margin-bottom: 1.5em;
}
.ml-md-1-5 {
margin-left: 1.5em;
}
}
@media (min-width: 767.9px) {
.m-md-2 {
margin: 2em;
}
.mx-md-2 {
margin-left: 2em;
margin-right: 2em;
}
.my-md-2 {
margin-top: 2em;
margin-bottom: 2em;
}
.mt-md-2 {
margin-top: 2em;
}
.mr-md-2 {
margin-right: 2em;
}
.mb-md-2 {
margin-bottom: 2em;
}
.ml-md-2 {
margin-left: 2em;
}
}
@media (min-width: 767.9px) {
.m-md-2-5 {
margin: 2.5em;
}
.mx-md-2-5 {
margin-left: 2.5em;
margin-right: 2.5em;
}
.my-md-2-5 {
margin-top: 2.5em;
margin-bottom: 2.5em;
}
.mt-md-2-5 {
margin-top: 2.5em;
}
.mr-md-2-5 {
margin-right: 2.5em;
}
.mb-md-2-5 {
margin-bottom: 2.5em;
}
.ml-md-2-5 {
margin-left: 2.5em;
}
}
@media (min-width: 767.9px) {
.m-md-3 {
margin: 3em;
}
.mx-md-3 {
margin-left: 3em;
margin-right: 3em;
}
.my-md-3 {
margin-top: 3em;
margin-bottom: 3em;
}
.mt-md-3 {
margin-top: 3em;
}
.mr-md-3 {
margin-right: 3em;
}
.mb-md-3 {
margin-bottom: 3em;
}
.ml-md-3 {
margin-left: 3em;
}
}
@media (min-width: 767.9px) {
.m-md-3-5 {
margin: 3.5em;
}
.mx-md-3-5 {
margin-left: 3.5em;
margin-right: 3.5em;
}
.my-md-3-5 {
margin-top: 3.5em;
margin-bottom: 3.5em;
}
.mt-md-3-5 {
margin-top: 3.5em;
}
.mr-md-3-5 {
margin-right: 3.5em;
}
.mb-md-3-5 {
margin-bottom: 3.5em;
}
.ml-md-3-5 {
margin-left: 3.5em;
}
}
@media (min-width: 767.9px) {
.m-md-4 {
margin: 4em;
}
.mx-md-4 {
margin-left: 4em;
margin-right: 4em;
}
.my-md-4 {
margin-top: 4em;
margin-bottom: 4em;
}
.mt-md-4 {
margin-top: 4em;
}
.mr-md-4 {
margin-right: 4em;
}
.mb-md-4 {
margin-bottom: 4em;
}
.ml-md-4 {
margin-left: 4em;
}
}
@media (min-width: 767.9px) {
.m-md-4-5 {
margin: 4.5em;
}
.mx-md-4-5 {
margin-left: 4.5em;
margin-right: 4.5em;
}
.my-md-4-5 {
margin-top: 4.5em;
margin-bottom: 4.5em;
}
.mt-md-4-5 {
margin-top: 4.5em;
}
.mr-md-4-5 {
margin-right: 4.5em;
}
.mb-md-4-5 {
margin-bottom: 4.5em;
}
.ml-md-4-5 {
margin-left: 4.5em;
}
}
@media (min-width: 767.9px) {
.m-md-5 {
margin: 5em;
}
.mx-md-5 {
margin-left: 5em;
margin-right: 5em;
}
.my-md-5 {
margin-top: 5em;
margin-bottom: 5em;
}
.mt-md-5 {
margin-top: 5em;
}
.mr-md-5 {
margin-right: 5em;
}
.mb-md-5 {
margin-bottom: 5em;
}
.ml-md-5 {
margin-left: 5em;
}
}
@media (min-width: 767.9px) {
.m-md-5-5 {
margin: 5.5em;
}
.mx-md-5-5 {
margin-left: 5.5em;
margin-right: 5.5em;
}
.my-md-5-5 {
margin-top: 5.5em;
margin-bottom: 5.5em;
}
.mt-md-5-5 {
margin-top: 5.5em;
}
.mr-md-5-5 {
margin-right: 5.5em;
}
.mb-md-5-5 {
margin-bottom: 5.5em;
}
.ml-md-5-5 {
margin-left: 5.5em;
}
}
@media (min-width: 767.9px) {
.m-md-6 {
margin: 6em;
}
.mx-md-6 {
margin-left: 6em;
margin-right: 6em;
}
.my-md-6 {
margin-top: 6em;
margin-bottom: 6em;
}
.mt-md-6 {
margin-top: 6em;
}
.mr-md-6 {
margin-right: 6em;
}
.mb-md-6 {
margin-bottom: 6em;
}
.ml-md-6 {
margin-left: 6em;
}
}
@media (min-width: 767.9px) {
.m-md-6-5 {
margin: 6.5em;
}
.mx-md-6-5 {
margin-left: 6.5em;
margin-right: 6.5em;
}
.my-md-6-5 {
margin-top: 6.5em;
margin-bottom: 6.5em;
}
.mt-md-6-5 {
margin-top: 6.5em;
}
.mr-md-6-5 {
margin-right: 6.5em;
}
.mb-md-6-5 {
margin-bottom: 6.5em;
}
.ml-md-6-5 {
margin-left: 6.5em;
}
}
@media (min-width: 767.9px) {
.m-md-7 {
margin: 7em;
}
.mx-md-7 {
margin-left: 7em;
margin-right: 7em;
}
.my-md-7 {
margin-top: 7em;
margin-bottom: 7em;
}
.mt-md-7 {
margin-top: 7em;
}
.mr-md-7 {
margin-right: 7em;
}
.mb-md-7 {
margin-bottom: 7em;
}
.ml-md-7 {
margin-left: 7em;
}
}
@media (min-width: 767.9px) {
.m-md-7-5 {
margin: 7.5em;
}
.mx-md-7-5 {
margin-left: 7.5em;
margin-right: 7.5em;
}
.my-md-7-5 {
margin-top: 7.5em;
margin-bottom: 7.5em;
}
.mt-md-7-5 {
margin-top: 7.5em;
}
.mr-md-7-5 {
margin-right: 7.5em;
}
.mb-md-7-5 {
margin-bottom: 7.5em;
}
.ml-md-7-5 {
margin-left: 7.5em;
}
}
@media (min-width: 767.9px) {
.m-md-8 {
margin: 8em;
}
.mx-md-8 {
margin-left: 8em;
margin-right: 8em;
}
.my-md-8 {
margin-top: 8em;
margin-bottom: 8em;
}
.mt-md-8 {
margin-top: 8em;
}
.mr-md-8 {
margin-right: 8em;
}
.mb-md-8 {
margin-bottom: 8em;
}
.ml-md-8 {
margin-left: 8em;
}
}
@media (min-width: 767.9px) {
.m-md-8-5 {
margin: 8.5em;
}
.mx-md-8-5 {
margin-left: 8.5em;
margin-right: 8.5em;
}
.my-md-8-5 {
margin-top: 8.5em;
margin-bottom: 8.5em;
}
.mt-md-8-5 {
margin-top: 8.5em;
}
.mr-md-8-5 {
margin-right: 8.5em;
}
.mb-md-8-5 {
margin-bottom: 8.5em;
}
.ml-md-8-5 {
margin-left: 8.5em;
}
}
@media (min-width: 767.9px) {
.m-md-9 {
margin: 9em;
}
.mx-md-9 {
margin-left: 9em;
margin-right: 9em;
}
.my-md-9 {
margin-top: 9em;
margin-bottom: 9em;
}
.mt-md-9 {
margin-top: 9em;
}
.mr-md-9 {
margin-right: 9em;
}
.mb-md-9 {
margin-bottom: 9em;
}
.ml-md-9 {
margin-left: 9em;
}
}
@media (min-width: 767.9px) {
.m-md-9-5 {
margin: 9.5em;
}
.mx-md-9-5 {
margin-left: 9.5em;
margin-right: 9.5em;
}
.my-md-9-5 {
margin-top: 9.5em;
margin-bottom: 9.5em;
}
.mt-md-9-5 {
margin-top: 9.5em;
}
.mr-md-9-5 {
margin-right: 9.5em;
}
.mb-md-9-5 {
margin-bottom: 9.5em;
}
.ml-md-9-5 {
margin-left: 9.5em;
}
}
@media (min-width: 767.9px) {
.m-md-10 {
margin: 10em;
}
.mx-md-10 {
margin-left: 10em;
margin-right: 10em;
}
.my-md-10 {
margin-top: 10em;
margin-bottom: 10em;
}
.mt-md-10 {
margin-top: 10em;
}
.mr-md-10 {
margin-right: 10em;
}
.mb-md-10 {
margin-bottom: 10em;
}
.ml-md-10 {
margin-left: 10em;
}
}
@media (min-width: 1023.9px) {
.m-lg-0 {
margin: 0em;
}
.mx-lg-0 {
margin-left: 0em;
margin-right: 0em;
}
.my-lg-0 {
margin-top: 0em;
margin-bottom: 0em;
}
.mt-lg-0 {
margin-top: 0em;
}
.mr-lg-0 {
margin-right: 0em;
}
.mb-lg-0 {
margin-bottom: 0em;
}
.ml-lg-0 {
margin-left: 0em;
}
}
@media (min-width: 1023.9px) {
.m-lg-0-5 {
margin: 0.5em;
}
.mx-lg-0-5 {
margin-left: 0.5em;
margin-right: 0.5em;
}
.my-lg-0-5 {
margin-top: 0.5em;
margin-bottom: 0.5em;
}
.mt-lg-0-5 {
margin-top: 0.5em;
}
.mr-lg-0-5 {
margin-right: 0.5em;
}
.mb-lg-0-5 {
margin-bottom: 0.5em;
}
.ml-lg-0-5 {
margin-left: 0.5em;
}
}
@media (min-width: 1023.9px) {
.m-lg-1 {
margin: 1em;
}
.mx-lg-1 {
margin-left: 1em;
margin-right: 1em;
}
.my-lg-1 {
margin-top: 1em;
margin-bottom: 1em;
}
.mt-lg-1 {
margin-top: 1em;
}
.mr-lg-1 {
margin-right: 1em;
}
.mb-lg-1 {
margin-bottom: 1em;
}
.ml-lg-1 {
margin-left: 1em;
}
}
@media (min-width: 1023.9px) {
.m-lg-1-5 {
margin: 1.5em;
}
.mx-lg-1-5 {
margin-left: 1.5em;
margin-right: 1.5em;
}
.my-lg-1-5 {
margin-top: 1.5em;
margin-bottom: 1.5em;
}
.mt-lg-1-5 {
margin-top: 1.5em;
}
.mr-lg-1-5 {
margin-right: 1.5em;
}
.mb-lg-1-5 {
margin-bottom: 1.5em;
}
.ml-lg-1-5 {
margin-left: 1.5em;
}
}
@media (min-width: 1023.9px) {
.m-lg-2 {
margin: 2em;
}
.mx-lg-2 {
margin-left: 2em;
margin-right: 2em;
}
.my-lg-2 {
margin-top: 2em;
margin-bottom: 2em;
}
.mt-lg-2 {
margin-top: 2em;
}
.mr-lg-2 {
margin-right: 2em;
}
.mb-lg-2 {
margin-bottom: 2em;
}
.ml-lg-2 {
margin-left: 2em;
}
}
@media (min-width: 1023.9px) {
.m-lg-2-5 {
margin: 2.5em;
}
.mx-lg-2-5 {
margin-left: 2.5em;
margin-right: 2.5em;
}
.my-lg-2-5 {
margin-top: 2.5em;
margin-bottom: 2.5em;
}
.mt-lg-2-5 {
margin-top: 2.5em;
}
.mr-lg-2-5 {
margin-right: 2.5em;
}
.mb-lg-2-5 {
margin-bottom: 2.5em;
}
.ml-lg-2-5 {
margin-left: 2.5em;
}
}
@media (min-width: 1023.9px) {
.m-lg-3 {
margin: 3em;
}
.mx-lg-3 {
margin-left: 3em;
margin-right: 3em;
}
.my-lg-3 {
margin-top: 3em;
margin-bottom: 3em;
}
.mt-lg-3 {
margin-top: 3em;
}
.mr-lg-3 {
margin-right: 3em;
}
.mb-lg-3 {
margin-bottom: 3em;
}
.ml-lg-3 {
margin-left: 3em;
}
}
@media (min-width: 1023.9px) {
.m-lg-3-5 {
margin: 3.5em;
}
.mx-lg-3-5 {
margin-left: 3.5em;
margin-right: 3.5em;
}
.my-lg-3-5 {
margin-top: 3.5em;
margin-bottom: 3.5em;
}
.mt-lg-3-5 {
margin-top: 3.5em;
}
.mr-lg-3-5 {
margin-right: 3.5em;
}
.mb-lg-3-5 {
margin-bottom: 3.5em;
}
.ml-lg-3-5 {
margin-left: 3.5em;
}
}
@media (min-width: 1023.9px) {
.m-lg-4 {
margin: 4em;
}
.mx-lg-4 {
margin-left: 4em;
margin-right: 4em;
}
.my-lg-4 {
margin-top: 4em;
margin-bottom: 4em;
}
.mt-lg-4 {
margin-top: 4em;
}
.mr-lg-4 {
margin-right: 4em;
}
.mb-lg-4 {
margin-bottom: 4em;
}
.ml-lg-4 {
margin-left: 4em;
}
}
@media (min-width: 1023.9px) {
.m-lg-4-5 {
margin: 4.5em;
}
.mx-lg-4-5 {
margin-left: 4.5em;
margin-right: 4.5em;
}
.my-lg-4-5 {
margin-top: 4.5em;
margin-bottom: 4.5em;
}
.mt-lg-4-5 {
margin-top: 4.5em;
}
.mr-lg-4-5 {
margin-right: 4.5em;
}
.mb-lg-4-5 {
margin-bottom: 4.5em;
}
.ml-lg-4-5 {
margin-left: 4.5em;
}
}
@media (min-width: 1023.9px) {
.m-lg-5 {
margin: 5em;
}
.mx-lg-5 {
margin-left: 5em;
margin-right: 5em;
}
.my-lg-5 {
margin-top: 5em;
margin-bottom: 5em;
}
.mt-lg-5 {
margin-top: 5em;
}
.mr-lg-5 {
margin-right: 5em;
}
.mb-lg-5 {
margin-bottom: 5em;
}
.ml-lg-5 {
margin-left: 5em;
}
}
@media (min-width: 1023.9px) {
.m-lg-5-5 {
margin: 5.5em;
}
.mx-lg-5-5 {
margin-left: 5.5em;
margin-right: 5.5em;
}
.my-lg-5-5 {
margin-top: 5.5em;
margin-bottom: 5.5em;
}
.mt-lg-5-5 {
margin-top: 5.5em;
}
.mr-lg-5-5 {
margin-right: 5.5em;
}
.mb-lg-5-5 {
margin-bottom: 5.5em;
}
.ml-lg-5-5 {
margin-left: 5.5em;
}
}
@media (min-width: 1023.9px) {
.m-lg-6 {
margin: 6em;
}
.mx-lg-6 {
margin-left: 6em;
margin-right: 6em;
}
.my-lg-6 {
margin-top: 6em;
margin-bottom: 6em;
}
.mt-lg-6 {
margin-top: 6em;
}
.mr-lg-6 {
margin-right: 6em;
}
.mb-lg-6 {
margin-bottom: 6em;
}
.ml-lg-6 {
margin-left: 6em;
}
}
@media (min-width: 1023.9px) {
.m-lg-6-5 {
margin: 6.5em;
}
.mx-lg-6-5 {
margin-left: 6.5em;
margin-right: 6.5em;
}
.my-lg-6-5 {
margin-top: 6.5em;
margin-bottom: 6.5em;
}
.mt-lg-6-5 {
margin-top: 6.5em;
}
.mr-lg-6-5 {
margin-right: 6.5em;
}
.mb-lg-6-5 {
margin-bottom: 6.5em;
}
.ml-lg-6-5 {
margin-left: 6.5em;
}
}
@media (min-width: 1023.9px) {
.m-lg-7 {
margin: 7em;
}
.mx-lg-7 {
margin-left: 7em;
margin-right: 7em;
}
.my-lg-7 {
margin-top: 7em;
margin-bottom: 7em;
}
.mt-lg-7 {
margin-top: 7em;
}
.mr-lg-7 {
margin-right: 7em;
}
.mb-lg-7 {
margin-bottom: 7em;
}
.ml-lg-7 {
margin-left: 7em;
}
}
@media (min-width: 1023.9px) {
.m-lg-7-5 {
margin: 7.5em;
}
.mx-lg-7-5 {
margin-left: 7.5em;
margin-right: 7.5em;
}
.my-lg-7-5 {
margin-top: 7.5em;
margin-bottom: 7.5em;
}
.mt-lg-7-5 {
margin-top: 7.5em;
}
.mr-lg-7-5 {
margin-right: 7.5em;
}
.mb-lg-7-5 {
margin-bottom: 7.5em;
}
.ml-lg-7-5 {
margin-left: 7.5em;
}
}
@media (min-width: 1023.9px) {
.m-lg-8 {
margin: 8em;
}
.mx-lg-8 {
margin-left: 8em;
margin-right: 8em;
}
.my-lg-8 {
margin-top: 8em;
margin-bottom: 8em;
}
.mt-lg-8 {
margin-top: 8em;
}
.mr-lg-8 {
margin-right: 8em;
}
.mb-lg-8 {
margin-bottom: 8em;
}
.ml-lg-8 {
margin-left: 8em;
}
}
@media (min-width: 1023.9px) {
.m-lg-8-5 {
margin: 8.5em;
}
.mx-lg-8-5 {
margin-left: 8.5em;
margin-right: 8.5em;
}
.my-lg-8-5 {
margin-top: 8.5em;
margin-bottom: 8.5em;
}
.mt-lg-8-5 {
margin-top: 8.5em;
}
.mr-lg-8-5 {
margin-right: 8.5em;
}
.mb-lg-8-5 {
margin-bottom: 8.5em;
}
.ml-lg-8-5 {
margin-left: 8.5em;
}
}
@media (min-width: 1023.9px) {
.m-lg-9 {
margin: 9em;
}
.mx-lg-9 {
margin-left: 9em;
margin-right: 9em;
}
.my-lg-9 {
margin-top: 9em;
margin-bottom: 9em;
}
.mt-lg-9 {
margin-top: 9em;
}
.mr-lg-9 {
margin-right: 9em;
}
.mb-lg-9 {
margin-bottom: 9em;
}
.ml-lg-9 {
margin-left: 9em;
}
}
@media (min-width: 1023.9px) {
.m-lg-9-5 {
margin: 9.5em;
}
.mx-lg-9-5 {
margin-left: 9.5em;
margin-right: 9.5em;
}
.my-lg-9-5 {
margin-top: 9.5em;
margin-bottom: 9.5em;
}
.mt-lg-9-5 {
margin-top: 9.5em;
}
.mr-lg-9-5 {
margin-right: 9.5em;
}
.mb-lg-9-5 {
margin-bottom: 9.5em;
}
.ml-lg-9-5 {
margin-left: 9.5em;
}
}
@media (min-width: 1023.9px) {
.m-lg-10 {
margin: 10em;
}
.mx-lg-10 {
margin-left: 10em;
margin-right: 10em;
}
.my-lg-10 {
margin-top: 10em;
margin-bottom: 10em;
}
.mt-lg-10 {
margin-top: 10em;
}
.mr-lg-10 {
margin-right: 10em;
}
.mb-lg-10 {
margin-bottom: 10em;
}
.ml-lg-10 {
margin-left: 10em;
}
}
@media (min-width: 1279.9px) {
.m-xl-0 {
margin: 0em;
}
.mx-xl-0 {
margin-left: 0em;
margin-right: 0em;
}
.my-xl-0 {
margin-top: 0em;
margin-bottom: 0em;
}
.mt-xl-0 {
margin-top: 0em;
}
.mr-xl-0 {
margin-right: 0em;
}
.mb-xl-0 {
margin-bottom: 0em;
}
.ml-xl-0 {
margin-left: 0em;
}
}
@media (min-width: 1279.9px) {
.m-xl-0-5 {
margin: 0.5em;
}
.mx-xl-0-5 {
margin-left: 0.5em;
margin-right: 0.5em;
}
.my-xl-0-5 {
margin-top: 0.5em;
margin-bottom: 0.5em;
}
.mt-xl-0-5 {
margin-top: 0.5em;
}
.mr-xl-0-5 {
margin-right: 0.5em;
}
.mb-xl-0-5 {
margin-bottom: 0.5em;
}
.ml-xl-0-5 {
margin-left: 0.5em;
}
}
@media (min-width: 1279.9px) {
.m-xl-1 {
margin: 1em;
}
.mx-xl-1 {
margin-left: 1em;
margin-right: 1em;
}
.my-xl-1 {
margin-top: 1em;
margin-bottom: 1em;
}
.mt-xl-1 {
margin-top: 1em;
}
.mr-xl-1 {
margin-right: 1em;
}
.mb-xl-1 {
margin-bottom: 1em;
}
.ml-xl-1 {
margin-left: 1em;
}
}
@media (min-width: 1279.9px) {
.m-xl-1-5 {
margin: 1.5em;
}
.mx-xl-1-5 {
margin-left: 1.5em;
margin-right: 1.5em;
}
.my-xl-1-5 {
margin-top: 1.5em;
margin-bottom: 1.5em;
}
.mt-xl-1-5 {
margin-top: 1.5em;
}
.mr-xl-1-5 {
margin-right: 1.5em;
}
.mb-xl-1-5 {
margin-bottom: 1.5em;
}
.ml-xl-1-5 {
margin-left: 1.5em;
}
}
@media (min-width: 1279.9px) {
.m-xl-2 {
margin: 2em;
}
.mx-xl-2 {
margin-left: 2em;
margin-right: 2em;
}
.my-xl-2 {
margin-top: 2em;
margin-bottom: 2em;
}
.mt-xl-2 {
margin-top: 2em;
}
.mr-xl-2 {
margin-right: 2em;
}
.mb-xl-2 {
margin-bottom: 2em;
}
.ml-xl-2 {
margin-left: 2em;
}
}
@media (min-width: 1279.9px) {
.m-xl-2-5 {
margin: 2.5em;
}
.mx-xl-2-5 {
margin-left: 2.5em;
margin-right: 2.5em;
}
.my-xl-2-5 {
margin-top: 2.5em;
margin-bottom: 2.5em;
}
.mt-xl-2-5 {
margin-top: 2.5em;
}
.mr-xl-2-5 {
margin-right: 2.5em;
}
.mb-xl-2-5 {
margin-bottom: 2.5em;
}
.ml-xl-2-5 {
margin-left: 2.5em;
}
}
@media (min-width: 1279.9px) {
.m-xl-3 {
margin: 3em;
}
.mx-xl-3 {
margin-left: 3em;
margin-right: 3em;
}
.my-xl-3 {
margin-top: 3em;
margin-bottom: 3em;
}
.mt-xl-3 {
margin-top: 3em;
}
.mr-xl-3 {
margin-right: 3em;
}
.mb-xl-3 {
margin-bottom: 3em;
}
.ml-xl-3 {
margin-left: 3em;
}
}
@media (min-width: 1279.9px) {
.m-xl-3-5 {
margin: 3.5em;
}
.mx-xl-3-5 {
margin-left: 3.5em;
margin-right: 3.5em;
}
.my-xl-3-5 {
margin-top: 3.5em;
margin-bottom: 3.5em;
}
.mt-xl-3-5 {
margin-top: 3.5em;
}
.mr-xl-3-5 {
margin-right: 3.5em;
}
.mb-xl-3-5 {
margin-bottom: 3.5em;
}
.ml-xl-3-5 {
margin-left: 3.5em;
}
}
@media (min-width: 1279.9px) {
.m-xl-4 {
margin: 4em;
}
.mx-xl-4 {
margin-left: 4em;
margin-right: 4em;
}
.my-xl-4 {
margin-top: 4em;
margin-bottom: 4em;
}
.mt-xl-4 {
margin-top: 4em;
}
.mr-xl-4 {
margin-right: 4em;
}
.mb-xl-4 {
margin-bottom: 4em;
}
.ml-xl-4 {
margin-left: 4em;
}
}
@media (min-width: 1279.9px) {
.m-xl-4-5 {
margin: 4.5em;
}
.mx-xl-4-5 {
margin-left: 4.5em;
margin-right: 4.5em;
}
.my-xl-4-5 {
margin-top: 4.5em;
margin-bottom: 4.5em;
}
.mt-xl-4-5 {
margin-top: 4.5em;
}
.mr-xl-4-5 {
margin-right: 4.5em;
}
.mb-xl-4-5 {
margin-bottom: 4.5em;
}
.ml-xl-4-5 {
margin-left: 4.5em;
}
}
@media (min-width: 1279.9px) {
.m-xl-5 {
margin: 5em;
}
.mx-xl-5 {
margin-left: 5em;
margin-right: 5em;
}
.my-xl-5 {
margin-top: 5em;
margin-bottom: 5em;
}
.mt-xl-5 {
margin-top: 5em;
}
.mr-xl-5 {
margin-right: 5em;
}
.mb-xl-5 {
margin-bottom: 5em;
}
.ml-xl-5 {
margin-left: 5em;
}
}
@media (min-width: 1279.9px) {
.m-xl-5-5 {
margin: 5.5em;
}
.mx-xl-5-5 {
margin-left: 5.5em;
margin-right: 5.5em;
}
.my-xl-5-5 {
margin-top: 5.5em;
margin-bottom: 5.5em;
}
.mt-xl-5-5 {
margin-top: 5.5em;
}
.mr-xl-5-5 {
margin-right: 5.5em;
}
.mb-xl-5-5 {
margin-bottom: 5.5em;
}
.ml-xl-5-5 {
margin-left: 5.5em;
}
}
@media (min-width: 1279.9px) {
.m-xl-6 {
margin: 6em;
}
.mx-xl-6 {
margin-left: 6em;
margin-right: 6em;
}
.my-xl-6 {
margin-top: 6em;
margin-bottom: 6em;
}
.mt-xl-6 {
margin-top: 6em;
}
.mr-xl-6 {
margin-right: 6em;
}
.mb-xl-6 {
margin-bottom: 6em;
}
.ml-xl-6 {
margin-left: 6em;
}
}
@media (min-width: 1279.9px) {
.m-xl-6-5 {
margin: 6.5em;
}
.mx-xl-6-5 {
margin-left: 6.5em;
margin-right: 6.5em;
}
.my-xl-6-5 {
margin-top: 6.5em;
margin-bottom: 6.5em;
}
.mt-xl-6-5 {
margin-top: 6.5em;
}
.mr-xl-6-5 {
margin-right: 6.5em;
}
.mb-xl-6-5 {
margin-bottom: 6.5em;
}
.ml-xl-6-5 {
margin-left: 6.5em;
}
}
@media (min-width: 1279.9px) {
.m-xl-7 {
margin: 7em;
}
.mx-xl-7 {
margin-left: 7em;
margin-right: 7em;
}
.my-xl-7 {
margin-top: 7em;
margin-bottom: 7em;
}
.mt-xl-7 {
margin-top: 7em;
}
.mr-xl-7 {
margin-right: 7em;
}
.mb-xl-7 {
margin-bottom: 7em;
}
.ml-xl-7 {
margin-left: 7em;
}
}
@media (min-width: 1279.9px) {
.m-xl-7-5 {
margin: 7.5em;
}
.mx-xl-7-5 {
margin-left: 7.5em;
margin-right: 7.5em;
}
.my-xl-7-5 {
margin-top: 7.5em;
margin-bottom: 7.5em;
}
.mt-xl-7-5 {
margin-top: 7.5em;
}
.mr-xl-7-5 {
margin-right: 7.5em;
}
.mb-xl-7-5 {
margin-bottom: 7.5em;
}
.ml-xl-7-5 {
margin-left: 7.5em;
}
}
@media (min-width: 1279.9px) {
.m-xl-8 {
margin: 8em;
}
.mx-xl-8 {
margin-left: 8em;
margin-right: 8em;
}
.my-xl-8 {
margin-top: 8em;
margin-bottom: 8em;
}
.mt-xl-8 {
margin-top: 8em;
}
.mr-xl-8 {
margin-right: 8em;
}
.mb-xl-8 {
margin-bottom: 8em;
}
.ml-xl-8 {
margin-left: 8em;
}
}
@media (min-width: 1279.9px) {
.m-xl-8-5 {
margin: 8.5em;
}
.mx-xl-8-5 {
margin-left: 8.5em;
margin-right: 8.5em;
}
.my-xl-8-5 {
margin-top: 8.5em;
margin-bottom: 8.5em;
}
.mt-xl-8-5 {
margin-top: 8.5em;
}
.mr-xl-8-5 {
margin-right: 8.5em;
}
.mb-xl-8-5 {
margin-bottom: 8.5em;
}
.ml-xl-8-5 {
margin-left: 8.5em;
}
}
@media (min-width: 1279.9px) {
.m-xl-9 {
margin: 9em;
}
.mx-xl-9 {
margin-left: 9em;
margin-right: 9em;
}
.my-xl-9 {
margin-top: 9em;
margin-bottom: 9em;
}
.mt-xl-9 {
margin-top: 9em;
}
.mr-xl-9 {
margin-right: 9em;
}
.mb-xl-9 {
margin-bottom: 9em;
}
.ml-xl-9 {
margin-left: 9em;
}
}
@media (min-width: 1279.9px) {
.m-xl-9-5 {
margin: 9.5em;
}
.mx-xl-9-5 {
margin-left: 9.5em;
margin-right: 9.5em;
}
.my-xl-9-5 {
margin-top: 9.5em;
margin-bottom: 9.5em;
}
.mt-xl-9-5 {
margin-top: 9.5em;
}
.mr-xl-9-5 {
margin-right: 9.5em;
}
.mb-xl-9-5 {
margin-bottom: 9.5em;
}
.ml-xl-9-5 {
margin-left: 9.5em;
}
}
@media (min-width: 1279.9px) {
.m-xl-10 {
margin: 10em;
}
.mx-xl-10 {
margin-left: 10em;
margin-right: 10em;
}
.my-xl-10 {
margin-top: 10em;
margin-bottom: 10em;
}
.mt-xl-10 {
margin-top: 10em;
}
.mr-xl-10 {
margin-right: 10em;
}
.mb-xl-10 {
margin-bottom: 10em;
}
.ml-xl-10 {
margin-left: 10em;
}
}
.p-0 {
padding: 0em;
}
.px-0 {
padding-left: 0em;
padding-right: 0em;
}
.py-0 {
padding-top: 0em;
padding-bottom: 0em;
}
.pt-0 {
padding-top: 0em;
}
.pr-0 {
padding-right: 0em;
}
.pb-0 {
padding-bottom: 0em;
}
.pl-0 {
padding-left: 0em;
}
.p-0-5 {
padding: 0.5em;
}
.px-0-5 {
padding-left: 0.5em;
padding-right: 0.5em;
}
.py-0-5 {
padding-top: 0.5em;
padding-bottom: 0.5em;
}
.pt-0-5 {
padding-top: 0.5em;
}
.pr-0-5 {
padding-right: 0.5em;
}
.pb-0-5 {
padding-bottom: 0.5em;
}
.pl-0-5 {
padding-left: 0.5em;
}
.p-1 {
padding: 1em;
}
.px-1 {
padding-left: 1em;
padding-right: 1em;
}
.py-1 {
padding-top: 1em;
padding-bottom: 1em;
}
.pt-1 {
padding-top: 1em;
}
.pr-1 {
padding-right: 1em;
}
.pb-1 {
padding-bottom: 1em;
}
.pl-1 {
padding-left: 1em;
}
.p-1-5 {
padding: 1.5em;
}
.px-1-5 {
padding-left: 1.5em;
padding-right: 1.5em;
}
.py-1-5 {
padding-top: 1.5em;
padding-bottom: 1.5em;
}
.pt-1-5 {
padding-top: 1.5em;
}
.pr-1-5 {
padding-right: 1.5em;
}
.pb-1-5 {
padding-bottom: 1.5em;
}
.pl-1-5 {
padding-left: 1.5em;
}
.p-2 {
padding: 2em;
}
.px-2 {
padding-left: 2em;
padding-right: 2em;
}
.py-2 {
padding-top: 2em;
padding-bottom: 2em;
}
.pt-2 {
padding-top: 2em;
}
.pr-2 {
padding-right: 2em;
}
.pb-2 {
padding-bottom: 2em;
}
.pl-2 {
padding-left: 2em;
}
.p-2-5 {
padding: 2.5em;
}
.px-2-5 {
padding-left: 2.5em;
padding-right: 2.5em;
}
.py-2-5 {
padding-top: 2.5em;
padding-bottom: 2.5em;
}
.pt-2-5 {
padding-top: 2.5em;
}
.pr-2-5 {
padding-right: 2.5em;
}
.pb-2-5 {
padding-bottom: 2.5em;
}
.pl-2-5 {
padding-left: 2.5em;
}
.p-3 {
padding: 3em;
}
.px-3 {
padding-left: 3em;
padding-right: 3em;
}
.py-3 {
padding-top: 3em;
padding-bottom: 3em;
}
.pt-3 {
padding-top: 3em;
}
.pr-3 {
padding-right: 3em;
}
.pb-3 {
padding-bottom: 3em;
}
.pl-3 {
padding-left: 3em;
}
.p-3-5 {
padding: 3.5em;
}
.px-3-5 {
padding-left: 3.5em;
padding-right: 3.5em;
}
.py-3-5 {
padding-top: 3.5em;
padding-bottom: 3.5em;
}
.pt-3-5 {
padding-top: 3.5em;
}
.pr-3-5 {
padding-right: 3.5em;
}
.pb-3-5 {
padding-bottom: 3.5em;
}
.pl-3-5 {
padding-left: 3.5em;
}
.p-4 {
padding: 4em;
}
.px-4 {
padding-left: 4em;
padding-right: 4em;
}
.py-4 {
padding-top: 4em;
padding-bottom: 4em;
}
.pt-4 {
padding-top: 4em;
}
.pr-4 {
padding-right: 4em;
}
.pb-4 {
padding-bottom: 4em;
}
.pl-4 {
padding-left: 4em;
}
.p-4-5 {
padding: 4.5em;
}
.px-4-5 {
padding-left: 4.5em;
padding-right: 4.5em;
}
.py-4-5 {
padding-top: 4.5em;
padding-bottom: 4.5em;
}
.pt-4-5 {
padding-top: 4.5em;
}
.pr-4-5 {
padding-right: 4.5em;
}
.pb-4-5 {
padding-bottom: 4.5em;
}
.pl-4-5 {
padding-left: 4.5em;
}
.p-5 {
padding: 5em;
}
.px-5 {
padding-left: 5em;
padding-right: 5em;
}
.py-5 {
padding-top: 5em;
padding-bottom: 5em;
}
.pt-5 {
padding-top: 5em;
}
.pr-5 {
padding-right: 5em;
}
.pb-5 {
padding-bottom: 5em;
}
.pl-5 {
padding-left: 5em;
}
.p-5-5 {
padding: 5.5em;
}
.px-5-5 {
padding-left: 5.5em;
padding-right: 5.5em;
}
.py-5-5 {
padding-top: 5.5em;
padding-bottom: 5.5em;
}
.pt-5-5 {
padding-top: 5.5em;
}
.pr-5-5 {
padding-right: 5.5em;
}
.pb-5-5 {
padding-bottom: 5.5em;
}
.pl-5-5 {
padding-left: 5.5em;
}
.p-6 {
padding: 6em;
}
.px-6 {
padding-left: 6em;
padding-right: 6em;
}
.py-6 {
padding-top: 6em;
padding-bottom: 6em;
}
.pt-6 {
padding-top: 6em;
}
.pr-6 {
padding-right: 6em;
}
.pb-6 {
padding-bottom: 6em;
}
.pl-6 {
padding-left: 6em;
}
.p-6-5 {
padding: 6.5em;
}
.px-6-5 {
padding-left: 6.5em;
padding-right: 6.5em;
}
.py-6-5 {
padding-top: 6.5em;
padding-bottom: 6.5em;
}
.pt-6-5 {
padding-top: 6.5em;
}
.pr-6-5 {
padding-right: 6.5em;
}
.pb-6-5 {
padding-bottom: 6.5em;
}
.pl-6-5 {
padding-left: 6.5em;
}
.p-7 {
padding: 7em;
}
.px-7 {
padding-left: 7em;
padding-right: 7em;
}
.py-7 {
padding-top: 7em;
padding-bottom: 7em;
}
.pt-7 {
padding-top: 7em;
}
.pr-7 {
padding-right: 7em;
}
.pb-7 {
padding-bottom: 7em;
}
.pl-7 {
padding-left: 7em;
}
.p-7-5 {
padding: 7.5em;
}
.px-7-5 {
padding-left: 7.5em;
padding-right: 7.5em;
}
.py-7-5 {
padding-top: 7.5em;
padding-bottom: 7.5em;
}
.pt-7-5 {
padding-top: 7.5em;
}
.pr-7-5 {
padding-right: 7.5em;
}
.pb-7-5 {
padding-bottom: 7.5em;
}
.pl-7-5 {
padding-left: 7.5em;
}
.p-8 {
padding: 8em;
}
.px-8 {
padding-left: 8em;
padding-right: 8em;
}
.py-8 {
padding-top: 8em;
padding-bottom: 8em;
}
.pt-8 {
padding-top: 8em;
}
.pr-8 {
padding-right: 8em;
}
.pb-8 {
padding-bottom: 8em;
}
.pl-8 {
padding-left: 8em;
}
.p-8-5 {
padding: 8.5em;
}
.px-8-5 {
padding-left: 8.5em;
padding-right: 8.5em;
}
.py-8-5 {
padding-top: 8.5em;
padding-bottom: 8.5em;
}
.pt-8-5 {
padding-top: 8.5em;
}
.pr-8-5 {
padding-right: 8.5em;
}
.pb-8-5 {
padding-bottom: 8.5em;
}
.pl-8-5 {
padding-left: 8.5em;
}
.p-9 {
padding: 9em;
}
.px-9 {
padding-left: 9em;
padding-right: 9em;
}
.py-9 {
padding-top: 9em;
padding-bottom: 9em;
}
.pt-9 {
padding-top: 9em;
}
.pr-9 {
padding-right: 9em;
}
.pb-9 {
padding-bottom: 9em;
}
.pl-9 {
padding-left: 9em;
}
.p-9-5 {
padding: 9.5em;
}
.px-9-5 {
padding-left: 9.5em;
padding-right: 9.5em;
}
.py-9-5 {
padding-top: 9.5em;
padding-bottom: 9.5em;
}
.pt-9-5 {
padding-top: 9.5em;
}
.pr-9-5 {
padding-right: 9.5em;
}
.pb-9-5 {
padding-bottom: 9.5em;
}
.pl-9-5 {
padding-left: 9.5em;
}
.p-10 {
padding: 10em;
}
.px-10 {
padding-left: 10em;
padding-right: 10em;
}
.py-10 {
padding-top: 10em;
padding-bottom: 10em;
}
.pt-10 {
padding-top: 10em;
}
.pr-10 {
padding-right: 10em;
}
.pb-10 {
padding-bottom: 10em;
}
.pl-10 {
padding-left: 10em;
}
@media (min-width: 567.9px) {
.p-sm-0 {
padding: 0em;
}
.px-sm-0 {
padding-left: 0em;
padding-right: 0em;
}
.py-sm-0 {
padding-top: 0em;
padding-bottom: 0em;
}
.pt-sm-0 {
padding-top: 0em;
}
.pr-sm-0 {
padding-right: 0em;
}
.pb-sm-0 {
padding-bottom: 0em;
}
.pl-sm-0 {
padding-left: 0em;
}
}
@media (min-width: 567.9px) {
.p-sm-0-5 {
padding: 0.5em;
}
.px-sm-0-5 {
padding-left: 0.5em;
padding-right: 0.5em;
}
.py-sm-0-5 {
padding-top: 0.5em;
padding-bottom: 0.5em;
}
.pt-sm-0-5 {
padding-top: 0.5em;
}
.pr-sm-0-5 {
padding-right: 0.5em;
}
.pb-sm-0-5 {
padding-bottom: 0.5em;
}
.pl-sm-0-5 {
padding-left: 0.5em;
}
}
@media (min-width: 567.9px) {
.p-sm-1 {
padding: 1em;
}
.px-sm-1 {
padding-left: 1em;
padding-right: 1em;
}
.py-sm-1 {
padding-top: 1em;
padding-bottom: 1em;
}
.pt-sm-1 {
padding-top: 1em;
}
.pr-sm-1 {
padding-right: 1em;
}
.pb-sm-1 {
padding-bottom: 1em;
}
.pl-sm-1 {
padding-left: 1em;
}
}
@media (min-width: 567.9px) {
.p-sm-1-5 {
padding: 1.5em;
}
.px-sm-1-5 {
padding-left: 1.5em;
padding-right: 1.5em;
}
.py-sm-1-5 {
padding-top: 1.5em;
padding-bottom: 1.5em;
}
.pt-sm-1-5 {
padding-top: 1.5em;
}
.pr-sm-1-5 {
padding-right: 1.5em;
}
.pb-sm-1-5 {
padding-bottom: 1.5em;
}
.pl-sm-1-5 {
padding-left: 1.5em;
}
}
@media (min-width: 567.9px) {
.p-sm-2 {
padding: 2em;
}
.px-sm-2 {
padding-left: 2em;
padding-right: 2em;
}
.py-sm-2 {
padding-top: 2em;
padding-bottom: 2em;
}
.pt-sm-2 {
padding-top: 2em;
}
.pr-sm-2 {
padding-right: 2em;
}
.pb-sm-2 {
padding-bottom: 2em;
}
.pl-sm-2 {
padding-left: 2em;
}
}
@media (min-width: 567.9px) {
.p-sm-2-5 {
padding: 2.5em;
}
.px-sm-2-5 {
padding-left: 2.5em;
padding-right: 2.5em;
}
.py-sm-2-5 {
padding-top: 2.5em;
padding-bottom: 2.5em;
}
.pt-sm-2-5 {
padding-top: 2.5em;
}
.pr-sm-2-5 {
padding-right: 2.5em;
}
.pb-sm-2-5 {
padding-bottom: 2.5em;
}
.pl-sm-2-5 {
padding-left: 2.5em;
}
}
@media (min-width: 567.9px) {
.p-sm-3 {
padding: 3em;
}
.px-sm-3 {
padding-left: 3em;
padding-right: 3em;
}
.py-sm-3 {
padding-top: 3em;
padding-bottom: 3em;
}
.pt-sm-3 {
padding-top: 3em;
}
.pr-sm-3 {
padding-right: 3em;
}
.pb-sm-3 {
padding-bottom: 3em;
}
.pl-sm-3 {
padding-left: 3em;
}
}
@media (min-width: 567.9px) {
.p-sm-3-5 {
padding: 3.5em;
}
.px-sm-3-5 {
padding-left: 3.5em;
padding-right: 3.5em;
}
.py-sm-3-5 {
padding-top: 3.5em;
padding-bottom: 3.5em;
}
.pt-sm-3-5 {
padding-top: 3.5em;
}
.pr-sm-3-5 {
padding-right: 3.5em;
}
.pb-sm-3-5 {
padding-bottom: 3.5em;
}
.pl-sm-3-5 {
padding-left: 3.5em;
}
}
@media (min-width: 567.9px) {
.p-sm-4 {
padding: 4em;
}
.px-sm-4 {
padding-left: 4em;
padding-right: 4em;
}
.py-sm-4 {
padding-top: 4em;
padding-bottom: 4em;
}
.pt-sm-4 {
padding-top: 4em;
}
.pr-sm-4 {
padding-right: 4em;
}
.pb-sm-4 {
padding-bottom: 4em;
}
.pl-sm-4 {
padding-left: 4em;
}
}
@media (min-width: 567.9px) {
.p-sm-4-5 {
padding: 4.5em;
}
.px-sm-4-5 {
padding-left: 4.5em;
padding-right: 4.5em;
}
.py-sm-4-5 {
padding-top: 4.5em;
padding-bottom: 4.5em;
}
.pt-sm-4-5 {
padding-top: 4.5em;
}
.pr-sm-4-5 {
padding-right: 4.5em;
}
.pb-sm-4-5 {
padding-bottom: 4.5em;
}
.pl-sm-4-5 {
padding-left: 4.5em;
}
}
@media (min-width: 567.9px) {
.p-sm-5 {
padding: 5em;
}
.px-sm-5 {
padding-left: 5em;
padding-right: 5em;
}
.py-sm-5 {
padding-top: 5em;
padding-bottom: 5em;
}
.pt-sm-5 {
padding-top: 5em;
}
.pr-sm-5 {
padding-right: 5em;
}
.pb-sm-5 {
padding-bottom: 5em;
}
.pl-sm-5 {
padding-left: 5em;
}
}
@media (min-width: 567.9px) {
.p-sm-5-5 {
padding: 5.5em;
}
.px-sm-5-5 {
padding-left: 5.5em;
padding-right: 5.5em;
}
.py-sm-5-5 {
padding-top: 5.5em;
padding-bottom: 5.5em;
}
.pt-sm-5-5 {
padding-top: 5.5em;
}
.pr-sm-5-5 {
padding-right: 5.5em;
}
.pb-sm-5-5 {
padding-bottom: 5.5em;
}
.pl-sm-5-5 {
padding-left: 5.5em;
}
}
@media (min-width: 567.9px) {
.p-sm-6 {
padding: 6em;
}
.px-sm-6 {
padding-left: 6em;
padding-right: 6em;
}
.py-sm-6 {
padding-top: 6em;
padding-bottom: 6em;
}
.pt-sm-6 {
padding-top: 6em;
}
.pr-sm-6 {
padding-right: 6em;
}
.pb-sm-6 {
padding-bottom: 6em;
}
.pl-sm-6 {
padding-left: 6em;
}
}
@media (min-width: 567.9px) {
.p-sm-6-5 {
padding: 6.5em;
}
.px-sm-6-5 {
padding-left: 6.5em;
padding-right: 6.5em;
}
.py-sm-6-5 {
padding-top: 6.5em;
padding-bottom: 6.5em;
}
.pt-sm-6-5 {
padding-top: 6.5em;
}
.pr-sm-6-5 {
padding-right: 6.5em;
}
.pb-sm-6-5 {
padding-bottom: 6.5em;
}
.pl-sm-6-5 {
padding-left: 6.5em;
}
}
@media (min-width: 567.9px) {
.p-sm-7 {
padding: 7em;
}
.px-sm-7 {
padding-left: 7em;
padding-right: 7em;
}
.py-sm-7 {
padding-top: 7em;
padding-bottom: 7em;
}
.pt-sm-7 {
padding-top: 7em;
}
.pr-sm-7 {
padding-right: 7em;
}
.pb-sm-7 {
padding-bottom: 7em;
}
.pl-sm-7 {
padding-left: 7em;
}
}
@media (min-width: 567.9px) {
.p-sm-7-5 {
padding: 7.5em;
}
.px-sm-7-5 {
padding-left: 7.5em;
padding-right: 7.5em;
}
.py-sm-7-5 {
padding-top: 7.5em;
padding-bottom: 7.5em;
}
.pt-sm-7-5 {
padding-top: 7.5em;
}
.pr-sm-7-5 {
padding-right: 7.5em;
}
.pb-sm-7-5 {
padding-bottom: 7.5em;
}
.pl-sm-7-5 {
padding-left: 7.5em;
}
}
@media (min-width: 567.9px) {
.p-sm-8 {
padding: 8em;
}
.px-sm-8 {
padding-left: 8em;
padding-right: 8em;
}
.py-sm-8 {
padding-top: 8em;
padding-bottom: 8em;
}
.pt-sm-8 {
padding-top: 8em;
}
.pr-sm-8 {
padding-right: 8em;
}
.pb-sm-8 {
padding-bottom: 8em;
}
.pl-sm-8 {
padding-left: 8em;
}
}
@media (min-width: 567.9px) {
.p-sm-8-5 {
padding: 8.5em;
}
.px-sm-8-5 {
padding-left: 8.5em;
padding-right: 8.5em;
}
.py-sm-8-5 {
padding-top: 8.5em;
padding-bottom: 8.5em;
}
.pt-sm-8-5 {
padding-top: 8.5em;
}
.pr-sm-8-5 {
padding-right: 8.5em;
}
.pb-sm-8-5 {
padding-bottom: 8.5em;
}
.pl-sm-8-5 {
padding-left: 8.5em;
}
}
@media (min-width: 567.9px) {
.p-sm-9 {
padding: 9em;
}
.px-sm-9 {
padding-left: 9em;
padding-right: 9em;
}
.py-sm-9 {
padding-top: 9em;
padding-bottom: 9em;
}
.pt-sm-9 {
padding-top: 9em;
}
.pr-sm-9 {
padding-right: 9em;
}
.pb-sm-9 {
padding-bottom: 9em;
}
.pl-sm-9 {
padding-left: 9em;
}
}
@media (min-width: 567.9px) {
.p-sm-9-5 {
padding: 9.5em;
}
.px-sm-9-5 {
padding-left: 9.5em;
padding-right: 9.5em;
}
.py-sm-9-5 {
padding-top: 9.5em;
padding-bottom: 9.5em;
}
.pt-sm-9-5 {
padding-top: 9.5em;
}
.pr-sm-9-5 {
padding-right: 9.5em;
}
.pb-sm-9-5 {
padding-bottom: 9.5em;
}
.pl-sm-9-5 {
padding-left: 9.5em;
}
}
@media (min-width: 567.9px) {
.p-sm-10 {
padding: 10em;
}
.px-sm-10 {
padding-left: 10em;
padding-right: 10em;
}
.py-sm-10 {
padding-top: 10em;
padding-bottom: 10em;
}
.pt-sm-10 {
padding-top: 10em;
}
.pr-sm-10 {
padding-right: 10em;
}
.pb-sm-10 {
padding-bottom: 10em;
}
.pl-sm-10 {
padding-left: 10em;
}
}
@media (min-width: 767.9px) {
.p-md-0 {
padding: 0em;
}
.px-md-0 {
padding-left: 0em;
padding-right: 0em;
}
.py-md-0 {
padding-top: 0em;
padding-bottom: 0em;
}
.pt-md-0 {
padding-top: 0em;
}
.pr-md-0 {
padding-right: 0em;
}
.pb-md-0 {
padding-bottom: 0em;
}
.pl-md-0 {
padding-left: 0em;
}
}
@media (min-width: 767.9px) {
.p-md-0-5 {
padding: 0.5em;
}
.px-md-0-5 {
padding-left: 0.5em;
padding-right: 0.5em;
}
.py-md-0-5 {
padding-top: 0.5em;
padding-bottom: 0.5em;
}
.pt-md-0-5 {
padding-top: 0.5em;
}
.pr-md-0-5 {
padding-right: 0.5em;
}
.pb-md-0-5 {
padding-bottom: 0.5em;
}
.pl-md-0-5 {
padding-left: 0.5em;
}
}
@media (min-width: 767.9px) {
.p-md-1 {
padding: 1em;
}
.px-md-1 {
padding-left: 1em;
padding-right: 1em;
}
.py-md-1 {
padding-top: 1em;
padding-bottom: 1em;
}
.pt-md-1 {
padding-top: 1em;
}
.pr-md-1 {
padding-right: 1em;
}
.pb-md-1 {
padding-bottom: 1em;
}
.pl-md-1 {
padding-left: 1em;
}
}
@media (min-width: 767.9px) {
.p-md-1-5 {
padding: 1.5em;
}
.px-md-1-5 {
padding-left: 1.5em;
padding-right: 1.5em;
}
.py-md-1-5 {
padding-top: 1.5em;
padding-bottom: 1.5em;
}
.pt-md-1-5 {
padding-top: 1.5em;
}
.pr-md-1-5 {
padding-right: 1.5em;
}
.pb-md-1-5 {
padding-bottom: 1.5em;
}
.pl-md-1-5 {
padding-left: 1.5em;
}
}
@media (min-width: 767.9px) {
.p-md-2 {
padding: 2em;
}
.px-md-2 {
padding-left: 2em;
padding-right: 2em;
}
.py-md-2 {
padding-top: 2em;
padding-bottom: 2em;
}
.pt-md-2 {
padding-top: 2em;
}
.pr-md-2 {
padding-right: 2em;
}
.pb-md-2 {
padding-bottom: 2em;
}
.pl-md-2 {
padding-left: 2em;
}
}
@media (min-width: 767.9px) {
.p-md-2-5 {
padding: 2.5em;
}
.px-md-2-5 {
padding-left: 2.5em;
padding-right: 2.5em;
}
.py-md-2-5 {
padding-top: 2.5em;
padding-bottom: 2.5em;
}
.pt-md-2-5 {
padding-top: 2.5em;
}
.pr-md-2-5 {
padding-right: 2.5em;
}
.pb-md-2-5 {
padding-bottom: 2.5em;
}
.pl-md-2-5 {
padding-left: 2.5em;
}
}
@media (min-width: 767.9px) {
.p-md-3 {
padding: 3em;
}
.px-md-3 {
padding-left: 3em;
padding-right: 3em;
}
.py-md-3 {
padding-top: 3em;
padding-bottom: 3em;
}
.pt-md-3 {
padding-top: 3em;
}
.pr-md-3 {
padding-right: 3em;
}
.pb-md-3 {
padding-bottom: 3em;
}
.pl-md-3 {
padding-left: 3em;
}
}
@media (min-width: 767.9px) {
.p-md-3-5 {
padding: 3.5em;
}
.px-md-3-5 {
padding-left: 3.5em;
padding-right: 3.5em;
}
.py-md-3-5 {
padding-top: 3.5em;
padding-bottom: 3.5em;
}
.pt-md-3-5 {
padding-top: 3.5em;
}
.pr-md-3-5 {
padding-right: 3.5em;
}
.pb-md-3-5 {
padding-bottom: 3.5em;
}
.pl-md-3-5 {
padding-left: 3.5em;
}
}
@media (min-width: 767.9px) {
.p-md-4 {
padding: 4em;
}
.px-md-4 {
padding-left: 4em;
padding-right: 4em;
}
.py-md-4 {
padding-top: 4em;
padding-bottom: 4em;
}
.pt-md-4 {
padding-top: 4em;
}
.pr-md-4 {
padding-right: 4em;
}
.pb-md-4 {
padding-bottom: 4em;
}
.pl-md-4 {
padding-left: 4em;
}
}
@media (min-width: 767.9px) {
.p-md-4-5 {
padding: 4.5em;
}
.px-md-4-5 {
padding-left: 4.5em;
padding-right: 4.5em;
}
.py-md-4-5 {
padding-top: 4.5em;
padding-bottom: 4.5em;
}
.pt-md-4-5 {
padding-top: 4.5em;
}
.pr-md-4-5 {
padding-right: 4.5em;
}
.pb-md-4-5 {
padding-bottom: 4.5em;
}
.pl-md-4-5 {
padding-left: 4.5em;
}
}
@media (min-width: 767.9px) {
.p-md-5 {
padding: 5em;
}
.px-md-5 {
padding-left: 5em;
padding-right: 5em;
}
.py-md-5 {
padding-top: 5em;
padding-bottom: 5em;
}
.pt-md-5 {
padding-top: 5em;
}
.pr-md-5 {
padding-right: 5em;
}
.pb-md-5 {
padding-bottom: 5em;
}
.pl-md-5 {
padding-left: 5em;
}
}
@media (min-width: 767.9px) {
.p-md-5-5 {
padding: 5.5em;
}
.px-md-5-5 {
padding-left: 5.5em;
padding-right: 5.5em;
}
.py-md-5-5 {
padding-top: 5.5em;
padding-bottom: 5.5em;
}
.pt-md-5-5 {
padding-top: 5.5em;
}
.pr-md-5-5 {
padding-right: 5.5em;
}
.pb-md-5-5 {
padding-bottom: 5.5em;
}
.pl-md-5-5 {
padding-left: 5.5em;
}
}
@media (min-width: 767.9px) {
.p-md-6 {
padding: 6em;
}
.px-md-6 {
padding-left: 6em;
padding-right: 6em;
}
.py-md-6 {
padding-top: 6em;
padding-bottom: 6em;
}
.pt-md-6 {
padding-top: 6em;
}
.pr-md-6 {
padding-right: 6em;
}
.pb-md-6 {
padding-bottom: 6em;
}
.pl-md-6 {
padding-left: 6em;
}
}
@media (min-width: 767.9px) {
.p-md-6-5 {
padding: 6.5em;
}
.px-md-6-5 {
padding-left: 6.5em;
padding-right: 6.5em;
}
.py-md-6-5 {
padding-top: 6.5em;
padding-bottom: 6.5em;
}
.pt-md-6-5 {
padding-top: 6.5em;
}
.pr-md-6-5 {
padding-right: 6.5em;
}
.pb-md-6-5 {
padding-bottom: 6.5em;
}
.pl-md-6-5 {
padding-left: 6.5em;
}
}
@media (min-width: 767.9px) {
.p-md-7 {
padding: 7em;
}
.px-md-7 {
padding-left: 7em;
padding-right: 7em;
}
.py-md-7 {
padding-top: 7em;
padding-bottom: 7em;
}
.pt-md-7 {
padding-top: 7em;
}
.pr-md-7 {
padding-right: 7em;
}
.pb-md-7 {
padding-bottom: 7em;
}
.pl-md-7 {
padding-left: 7em;
}
}
@media (min-width: 767.9px) {
.p-md-7-5 {
padding: 7.5em;
}
.px-md-7-5 {
padding-left: 7.5em;
padding-right: 7.5em;
}
.py-md-7-5 {
padding-top: 7.5em;
padding-bottom: 7.5em;
}
.pt-md-7-5 {
padding-top: 7.5em;
}
.pr-md-7-5 {
padding-right: 7.5em;
}
.pb-md-7-5 {
padding-bottom: 7.5em;
}
.pl-md-7-5 {
padding-left: 7.5em;
}
}
@media (min-width: 767.9px) {
.p-md-8 {
padding: 8em;
}
.px-md-8 {
padding-left: 8em;
padding-right: 8em;
}
.py-md-8 {
padding-top: 8em;
padding-bottom: 8em;
}
.pt-md-8 {
padding-top: 8em;
}
.pr-md-8 {
padding-right: 8em;
}
.pb-md-8 {
padding-bottom: 8em;
}
.pl-md-8 {
padding-left: 8em;
}
}
@media (min-width: 767.9px) {
.p-md-8-5 {
padding: 8.5em;
}
.px-md-8-5 {
padding-left: 8.5em;
padding-right: 8.5em;
}
.py-md-8-5 {
padding-top: 8.5em;
padding-bottom: 8.5em;
}
.pt-md-8-5 {
padding-top: 8.5em;
}
.pr-md-8-5 {
padding-right: 8.5em;
}
.pb-md-8-5 {
padding-bottom: 8.5em;
}
.pl-md-8-5 {
padding-left: 8.5em;
}
}
@media (min-width: 767.9px) {
.p-md-9 {
padding: 9em;
}
.px-md-9 {
padding-left: 9em;
padding-right: 9em;
}
.py-md-9 {
padding-top: 9em;
padding-bottom: 9em;
}
.pt-md-9 {
padding-top: 9em;
}
.pr-md-9 {
padding-right: 9em;
}
.pb-md-9 {
padding-bottom: 9em;
}
.pl-md-9 {
padding-left: 9em;
}
}
@media (min-width: 767.9px) {
.p-md-9-5 {
padding: 9.5em;
}
.px-md-9-5 {
padding-left: 9.5em;
padding-right: 9.5em;
}
.py-md-9-5 {
padding-top: 9.5em;
padding-bottom: 9.5em;
}
.pt-md-9-5 {
padding-top: 9.5em;
}
.pr-md-9-5 {
padding-right: 9.5em;
}
.pb-md-9-5 {
padding-bottom: 9.5em;
}
.pl-md-9-5 {
padding-left: 9.5em;
}
}
@media (min-width: 767.9px) {
.p-md-10 {
padding: 10em;
}
.px-md-10 {
padding-left: 10em;
padding-right: 10em;
}
.py-md-10 {
padding-top: 10em;
padding-bottom: 10em;
}
.pt-md-10 {
padding-top: 10em;
}
.pr-md-10 {
padding-right: 10em;
}
.pb-md-10 {
padding-bottom: 10em;
}
.pl-md-10 {
padding-left: 10em;
}
}
@media (min-width: 1023.9px) {
.p-lg-0 {
padding: 0em;
}
.px-lg-0 {
padding-left: 0em;
padding-right: 0em;
}
.py-lg-0 {
padding-top: 0em;
padding-bottom: 0em;
}
.pt-lg-0 {
padding-top: 0em;
}
.pr-lg-0 {
padding-right: 0em;
}
.pb-lg-0 {
padding-bottom: 0em;
}
.pl-lg-0 {
padding-left: 0em;
}
}
@media (min-width: 1023.9px) {
.p-lg-0-5 {
padding: 0.5em;
}
.px-lg-0-5 {
padding-left: 0.5em;
padding-right: 0.5em;
}
.py-lg-0-5 {
padding-top: 0.5em;
padding-bottom: 0.5em;
}
.pt-lg-0-5 {
padding-top: 0.5em;
}
.pr-lg-0-5 {
padding-right: 0.5em;
}
.pb-lg-0-5 {
padding-bottom: 0.5em;
}
.pl-lg-0-5 {
padding-left: 0.5em;
}
}
@media (min-width: 1023.9px) {
.p-lg-1 {
padding: 1em;
}
.px-lg-1 {
padding-left: 1em;
padding-right: 1em;
}
.py-lg-1 {
padding-top: 1em;
padding-bottom: 1em;
}
.pt-lg-1 {
padding-top: 1em;
}
.pr-lg-1 {
padding-right: 1em;
}
.pb-lg-1 {
padding-bottom: 1em;
}
.pl-lg-1 {
padding-left: 1em;
}
}
@media (min-width: 1023.9px) {
.p-lg-1-5 {
padding: 1.5em;
}
.px-lg-1-5 {
padding-left: 1.5em;
padding-right: 1.5em;
}
.py-lg-1-5 {
padding-top: 1.5em;
padding-bottom: 1.5em;
}
.pt-lg-1-5 {
padding-top: 1.5em;
}
.pr-lg-1-5 {
padding-right: 1.5em;
}
.pb-lg-1-5 {
padding-bottom: 1.5em;
}
.pl-lg-1-5 {
padding-left: 1.5em;
}
}
@media (min-width: 1023.9px) {
.p-lg-2 {
padding: 2em;
}
.px-lg-2 {
padding-left: 2em;
padding-right: 2em;
}
.py-lg-2 {
padding-top: 2em;
padding-bottom: 2em;
}
.pt-lg-2 {
padding-top: 2em;
}
.pr-lg-2 {
padding-right: 2em;
}
.pb-lg-2 {
padding-bottom: 2em;
}
.pl-lg-2 {
padding-left: 2em;
}
}
@media (min-width: 1023.9px) {
.p-lg-2-5 {
padding: 2.5em;
}
.px-lg-2-5 {
padding-left: 2.5em;
padding-right: 2.5em;
}
.py-lg-2-5 {
padding-top: 2.5em;
padding-bottom: 2.5em;
}
.pt-lg-2-5 {
padding-top: 2.5em;
}
.pr-lg-2-5 {
padding-right: 2.5em;
}
.pb-lg-2-5 {
padding-bottom: 2.5em;
}
.pl-lg-2-5 {
padding-left: 2.5em;
}
}
@media (min-width: 1023.9px) {
.p-lg-3 {
padding: 3em;
}
.px-lg-3 {
padding-left: 3em;
padding-right: 3em;
}
.py-lg-3 {
padding-top: 3em;
padding-bottom: 3em;
}
.pt-lg-3 {
padding-top: 3em;
}
.pr-lg-3 {
padding-right: 3em;
}
.pb-lg-3 {
padding-bottom: 3em;
}
.pl-lg-3 {
padding-left: 3em;
}
}
@media (min-width: 1023.9px) {
.p-lg-3-5 {
padding: 3.5em;
}
.px-lg-3-5 {
padding-left: 3.5em;
padding-right: 3.5em;
}
.py-lg-3-5 {
padding-top: 3.5em;
padding-bottom: 3.5em;
}
.pt-lg-3-5 {
padding-top: 3.5em;
}
.pr-lg-3-5 {
padding-right: 3.5em;
}
.pb-lg-3-5 {
padding-bottom: 3.5em;
}
.pl-lg-3-5 {
padding-left: 3.5em;
}
}
@media (min-width: 1023.9px) {
.p-lg-4 {
padding: 4em;
}
.px-lg-4 {
padding-left: 4em;
padding-right: 4em;
}
.py-lg-4 {
padding-top: 4em;
padding-bottom: 4em;
}
.pt-lg-4 {
padding-top: 4em;
}
.pr-lg-4 {
padding-right: 4em;
}
.pb-lg-4 {
padding-bottom: 4em;
}
.pl-lg-4 {
padding-left: 4em;
}
}
@media (min-width: 1023.9px) {
.p-lg-4-5 {
padding: 4.5em;
}
.px-lg-4-5 {
padding-left: 4.5em;
padding-right: 4.5em;
}
.py-lg-4-5 {
padding-top: 4.5em;
padding-bottom: 4.5em;
}
.pt-lg-4-5 {
padding-top: 4.5em;
}
.pr-lg-4-5 {
padding-right: 4.5em;
}
.pb-lg-4-5 {
padding-bottom: 4.5em;
}
.pl-lg-4-5 {
padding-left: 4.5em;
}
}
@media (min-width: 1023.9px) {
.p-lg-5 {
padding: 5em;
}
.px-lg-5 {
padding-left: 5em;
padding-right: 5em;
}
.py-lg-5 {
padding-top: 5em;
padding-bottom: 5em;
}
.pt-lg-5 {
padding-top: 5em;
}
.pr-lg-5 {
padding-right: 5em;
}
.pb-lg-5 {
padding-bottom: 5em;
}
.pl-lg-5 {
padding-left: 5em;
}
}
@media (min-width: 1023.9px) {
.p-lg-5-5 {
padding: 5.5em;
}
.px-lg-5-5 {
padding-left: 5.5em;
padding-right: 5.5em;
}
.py-lg-5-5 {
padding-top: 5.5em;
padding-bottom: 5.5em;
}
.pt-lg-5-5 {
padding-top: 5.5em;
}
.pr-lg-5-5 {
padding-right: 5.5em;
}
.pb-lg-5-5 {
padding-bottom: 5.5em;
}
.pl-lg-5-5 {
padding-left: 5.5em;
}
}
@media (min-width: 1023.9px) {
.p-lg-6 {
padding: 6em;
}
.px-lg-6 {
padding-left: 6em;
padding-right: 6em;
}
.py-lg-6 {
padding-top: 6em;
padding-bottom: 6em;
}
.pt-lg-6 {
padding-top: 6em;
}
.pr-lg-6 {
padding-right: 6em;
}
.pb-lg-6 {
padding-bottom: 6em;
}
.pl-lg-6 {
padding-left: 6em;
}
}
@media (min-width: 1023.9px) {
.p-lg-6-5 {
padding: 6.5em;
}
.px-lg-6-5 {
padding-left: 6.5em;
padding-right: 6.5em;
}
.py-lg-6-5 {
padding-top: 6.5em;
padding-bottom: 6.5em;
}
.pt-lg-6-5 {
padding-top: 6.5em;
}
.pr-lg-6-5 {
padding-right: 6.5em;
}
.pb-lg-6-5 {
padding-bottom: 6.5em;
}
.pl-lg-6-5 {
padding-left: 6.5em;
}
}
@media (min-width: 1023.9px) {
.p-lg-7 {
padding: 7em;
}
.px-lg-7 {
padding-left: 7em;
padding-right: 7em;
}
.py-lg-7 {
padding-top: 7em;
padding-bottom: 7em;
}
.pt-lg-7 {
padding-top: 7em;
}
.pr-lg-7 {
padding-right: 7em;
}
.pb-lg-7 {
padding-bottom: 7em;
}
.pl-lg-7 {
padding-left: 7em;
}
}
@media (min-width: 1023.9px) {
.p-lg-7-5 {
padding: 7.5em;
}
.px-lg-7-5 {
padding-left: 7.5em;
padding-right: 7.5em;
}
.py-lg-7-5 {
padding-top: 7.5em;
padding-bottom: 7.5em;
}
.pt-lg-7-5 {
padding-top: 7.5em;
}
.pr-lg-7-5 {
padding-right: 7.5em;
}
.pb-lg-7-5 {
padding-bottom: 7.5em;
}
.pl-lg-7-5 {
padding-left: 7.5em;
}
}
@media (min-width: 1023.9px) {
.p-lg-8 {
padding: 8em;
}
.px-lg-8 {
padding-left: 8em;
padding-right: 8em;
}
.py-lg-8 {
padding-top: 8em;
padding-bottom: 8em;
}
.pt-lg-8 {
padding-top: 8em;
}
.pr-lg-8 {
padding-right: 8em;
}
.pb-lg-8 {
padding-bottom: 8em;
}
.pl-lg-8 {
padding-left: 8em;
}
}
@media (min-width: 1023.9px) {
.p-lg-8-5 {
padding: 8.5em;
}
.px-lg-8-5 {
padding-left: 8.5em;
padding-right: 8.5em;
}
.py-lg-8-5 {
padding-top: 8.5em;
padding-bottom: 8.5em;
}
.pt-lg-8-5 {
padding-top: 8.5em;
}
.pr-lg-8-5 {
padding-right: 8.5em;
}
.pb-lg-8-5 {
padding-bottom: 8.5em;
}
.pl-lg-8-5 {
padding-left: 8.5em;
}
}
@media (min-width: 1023.9px) {
.p-lg-9 {
padding: 9em;
}
.px-lg-9 {
padding-left: 9em;
padding-right: 9em;
}
.py-lg-9 {
padding-top: 9em;
padding-bottom: 9em;
}
.pt-lg-9 {
padding-top: 9em;
}
.pr-lg-9 {
padding-right: 9em;
}
.pb-lg-9 {
padding-bottom: 9em;
}
.pl-lg-9 {
padding-left: 9em;
}
}
@media (min-width: 1023.9px) {
.p-lg-9-5 {
padding: 9.5em;
}
.px-lg-9-5 {
padding-left: 9.5em;
padding-right: 9.5em;
}
.py-lg-9-5 {
padding-top: 9.5em;
padding-bottom: 9.5em;
}
.pt-lg-9-5 {
padding-top: 9.5em;
}
.pr-lg-9-5 {
padding-right: 9.5em;
}
.pb-lg-9-5 {
padding-bottom: 9.5em;
}
.pl-lg-9-5 {
padding-left: 9.5em;
}
}
@media (min-width: 1023.9px) {
.p-lg-10 {
padding: 10em;
}
.px-lg-10 {
padding-left: 10em;
padding-right: 10em;
}
.py-lg-10 {
padding-top: 10em;
padding-bottom: 10em;
}
.pt-lg-10 {
padding-top: 10em;
}
.pr-lg-10 {
padding-right: 10em;
}
.pb-lg-10 {
padding-bottom: 10em;
}
.pl-lg-10 {
padding-left: 10em;
}
}
@media (min-width: 1279.9px) {
.p-xl-0 {
padding: 0em;
}
.px-xl-0 {
padding-left: 0em;
padding-right: 0em;
}
.py-xl-0 {
padding-top: 0em;
padding-bottom: 0em;
}
.pt-xl-0 {
padding-top: 0em;
}
.pr-xl-0 {
padding-right: 0em;
}
.pb-xl-0 {
padding-bottom: 0em;
}
.pl-xl-0 {
padding-left: 0em;
}
}
@media (min-width: 1279.9px) {
.p-xl-0-5 {
padding: 0.5em;
}
.px-xl-0-5 {
padding-left: 0.5em;
padding-right: 0.5em;
}
.py-xl-0-5 {
padding-top: 0.5em;
padding-bottom: 0.5em;
}
.pt-xl-0-5 {
padding-top: 0.5em;
}
.pr-xl-0-5 {
padding-right: 0.5em;
}
.pb-xl-0-5 {
padding-bottom: 0.5em;
}
.pl-xl-0-5 {
padding-left: 0.5em;
}
}
@media (min-width: 1279.9px) {
.p-xl-1 {
padding: 1em;
}
.px-xl-1 {
padding-left: 1em;
padding-right: 1em;
}
.py-xl-1 {
padding-top: 1em;
padding-bottom: 1em;
}
.pt-xl-1 {
padding-top: 1em;
}
.pr-xl-1 {
padding-right: 1em;
}
.pb-xl-1 {
padding-bottom: 1em;
}
.pl-xl-1 {
padding-left: 1em;
}
}
@media (min-width: 1279.9px) {
.p-xl-1-5 {
padding: 1.5em;
}
.px-xl-1-5 {
padding-left: 1.5em;
padding-right: 1.5em;
}
.py-xl-1-5 {
padding-top: 1.5em;
padding-bottom: 1.5em;
}
.pt-xl-1-5 {
padding-top: 1.5em;
}
.pr-xl-1-5 {
padding-right: 1.5em;
}
.pb-xl-1-5 {
padding-bottom: 1.5em;
}
.pl-xl-1-5 {
padding-left: 1.5em;
}
}
@media (min-width: 1279.9px) {
.p-xl-2 {
padding: 2em;
}
.px-xl-2 {
padding-left: 2em;
padding-right: 2em;
}
.py-xl-2 {
padding-top: 2em;
padding-bottom: 2em;
}
.pt-xl-2 {
padding-top: 2em;
}
.pr-xl-2 {
padding-right: 2em;
}
.pb-xl-2 {
padding-bottom: 2em;
}
.pl-xl-2 {
padding-left: 2em;
}
}
@media (min-width: 1279.9px) {
.p-xl-2-5 {
padding: 2.5em;
}
.px-xl-2-5 {
padding-left: 2.5em;
padding-right: 2.5em;
}
.py-xl-2-5 {
padding-top: 2.5em;
padding-bottom: 2.5em;
}
.pt-xl-2-5 {
padding-top: 2.5em;
}
.pr-xl-2-5 {
padding-right: 2.5em;
}
.pb-xl-2-5 {
padding-bottom: 2.5em;
}
.pl-xl-2-5 {
padding-left: 2.5em;
}
}
@media (min-width: 1279.9px) {
.p-xl-3 {
padding: 3em;
}
.px-xl-3 {
padding-left: 3em;
padding-right: 3em;
}
.py-xl-3 {
padding-top: 3em;
padding-bottom: 3em;
}
.pt-xl-3 {
padding-top: 3em;
}
.pr-xl-3 {
padding-right: 3em;
}
.pb-xl-3 {
padding-bottom: 3em;
}
.pl-xl-3 {
padding-left: 3em;
}
}
@media (min-width: 1279.9px) {
.p-xl-3-5 {
padding: 3.5em;
}
.px-xl-3-5 {
padding-left: 3.5em;
padding-right: 3.5em;
}
.py-xl-3-5 {
padding-top: 3.5em;
padding-bottom: 3.5em;
}
.pt-xl-3-5 {
padding-top: 3.5em;
}
.pr-xl-3-5 {
padding-right: 3.5em;
}
.pb-xl-3-5 {
padding-bottom: 3.5em;
}
.pl-xl-3-5 {
padding-left: 3.5em;
}
}
@media (min-width: 1279.9px) {
.p-xl-4 {
padding: 4em;
}
.px-xl-4 {
padding-left: 4em;
padding-right: 4em;
}
.py-xl-4 {
padding-top: 4em;
padding-bottom: 4em;
}
.pt-xl-4 {
padding-top: 4em;
}
.pr-xl-4 {
padding-right: 4em;
}
.pb-xl-4 {
padding-bottom: 4em;
}
.pl-xl-4 {
padding-left: 4em;
}
}
@media (min-width: 1279.9px) {
.p-xl-4-5 {
padding: 4.5em;
}
.px-xl-4-5 {
padding-left: 4.5em;
padding-right: 4.5em;
}
.py-xl-4-5 {
padding-top: 4.5em;
padding-bottom: 4.5em;
}
.pt-xl-4-5 {
padding-top: 4.5em;
}
.pr-xl-4-5 {
padding-right: 4.5em;
}
.pb-xl-4-5 {
padding-bottom: 4.5em;
}
.pl-xl-4-5 {
padding-left: 4.5em;
}
}
@media (min-width: 1279.9px) {
.p-xl-5 {
padding: 5em;
}
.px-xl-5 {
padding-left: 5em;
padding-right: 5em;
}
.py-xl-5 {
padding-top: 5em;
padding-bottom: 5em;
}
.pt-xl-5 {
padding-top: 5em;
}
.pr-xl-5 {
padding-right: 5em;
}
.pb-xl-5 {
padding-bottom: 5em;
}
.pl-xl-5 {
padding-left: 5em;
}
}
@media (min-width: 1279.9px) {
.p-xl-5-5 {
padding: 5.5em;
}
.px-xl-5-5 {
padding-left: 5.5em;
padding-right: 5.5em;
}
.py-xl-5-5 {
padding-top: 5.5em;
padding-bottom: 5.5em;
}
.pt-xl-5-5 {
padding-top: 5.5em;
}
.pr-xl-5-5 {
padding-right: 5.5em;
}
.pb-xl-5-5 {
padding-bottom: 5.5em;
}
.pl-xl-5-5 {
padding-left: 5.5em;
}
}
@media (min-width: 1279.9px) {
.p-xl-6 {
padding: 6em;
}
.px-xl-6 {
padding-left: 6em;
padding-right: 6em;
}
.py-xl-6 {
padding-top: 6em;
padding-bottom: 6em;
}
.pt-xl-6 {
padding-top: 6em;
}
.pr-xl-6 {
padding-right: 6em;
}
.pb-xl-6 {
padding-bottom: 6em;
}
.pl-xl-6 {
padding-left: 6em;
}
}
@media (min-width: 1279.9px) {
.p-xl-6-5 {
padding: 6.5em;
}
.px-xl-6-5 {
padding-left: 6.5em;
padding-right: 6.5em;
}
.py-xl-6-5 {
padding-top: 6.5em;
padding-bottom: 6.5em;
}
.pt-xl-6-5 {
padding-top: 6.5em;
}
.pr-xl-6-5 {
padding-right: 6.5em;
}
.pb-xl-6-5 {
padding-bottom: 6.5em;
}
.pl-xl-6-5 {
padding-left: 6.5em;
}
}
@media (min-width: 1279.9px) {
.p-xl-7 {
padding: 7em;
}
.px-xl-7 {
padding-left: 7em;
padding-right: 7em;
}
.py-xl-7 {
padding-top: 7em;
padding-bottom: 7em;
}
.pt-xl-7 {
padding-top: 7em;
}
.pr-xl-7 {
padding-right: 7em;
}
.pb-xl-7 {
padding-bottom: 7em;
}
.pl-xl-7 {
padding-left: 7em;
}
}
@media (min-width: 1279.9px) {
.p-xl-7-5 {
padding: 7.5em;
}
.px-xl-7-5 {
padding-left: 7.5em;
padding-right: 7.5em;
}
.py-xl-7-5 {
padding-top: 7.5em;
padding-bottom: 7.5em;
}
.pt-xl-7-5 {
padding-top: 7.5em;
}
.pr-xl-7-5 {
padding-right: 7.5em;
}
.pb-xl-7-5 {
padding-bottom: 7.5em;
}
.pl-xl-7-5 {
padding-left: 7.5em;
}
}
@media (min-width: 1279.9px) {
.p-xl-8 {
padding: 8em;
}
.px-xl-8 {
padding-left: 8em;
padding-right: 8em;
}
.py-xl-8 {
padding-top: 8em;
padding-bottom: 8em;
}
.pt-xl-8 {
padding-top: 8em;
}
.pr-xl-8 {
padding-right: 8em;
}
.pb-xl-8 {
padding-bottom: 8em;
}
.pl-xl-8 {
padding-left: 8em;
}
}
@media (min-width: 1279.9px) {
.p-xl-8-5 {
padding: 8.5em;
}
.px-xl-8-5 {
padding-left: 8.5em;
padding-right: 8.5em;
}
.py-xl-8-5 {
padding-top: 8.5em;
padding-bottom: 8.5em;
}
.pt-xl-8-5 {
padding-top: 8.5em;
}
.pr-xl-8-5 {
padding-right: 8.5em;
}
.pb-xl-8-5 {
padding-bottom: 8.5em;
}
.pl-xl-8-5 {
padding-left: 8.5em;
}
}
@media (min-width: 1279.9px) {
.p-xl-9 {
padding: 9em;
}
.px-xl-9 {
padding-left: 9em;
padding-right: 9em;
}
.py-xl-9 {
padding-top: 9em;
padding-bottom: 9em;
}
.pt-xl-9 {
padding-top: 9em;
}
.pr-xl-9 {
padding-right: 9em;
}
.pb-xl-9 {
padding-bottom: 9em;
}
.pl-xl-9 {
padding-left: 9em;
}
}
@media (min-width: 1279.9px) {
.p-xl-9-5 {
padding: 9.5em;
}
.px-xl-9-5 {
padding-left: 9.5em;
padding-right: 9.5em;
}
.py-xl-9-5 {
padding-top: 9.5em;
padding-bottom: 9.5em;
}
.pt-xl-9-5 {
padding-top: 9.5em;
}
.pr-xl-9-5 {
padding-right: 9.5em;
}
.pb-xl-9-5 {
padding-bottom: 9.5em;
}
.pl-xl-9-5 {
padding-left: 9.5em;
}
}
@media (min-width: 1279.9px) {
.p-xl-10 {
padding: 10em;
}
.px-xl-10 {
padding-left: 10em;
padding-right: 10em;
}
.py-xl-10 {
padding-top: 10em;
padding-bottom: 10em;
}
.pt-xl-10 {
padding-top: 10em;
}
.pr-xl-10 {
padding-right: 10em;
}
.pb-xl-10 {
padding-bottom: 10em;
}
.pl-xl-10 {
padding-left: 10em;
}
} .d-flex {
display: flex;
}
.d-block {
display: block;
}
.d-grid {
display: grid;
}
.grid-cols-2 {
grid-template-columns: 1fr 1fr;
}
@media screen and (max-width: 767.9px) {
.grid-cols-2 {
grid-template-columns: 1fr;
}
}
.grid-cols-3 {
grid-template-columns: 1fr 1fr 1fr;
column-gap: 2em;
}
@media screen and (max-width: 1023.9px) {
.grid-cols-3 {
grid-template-columns: 1fr 1fr;
}
}
@media screen and (max-width: 767.9px) {
.grid-cols-3 {
grid-template-columns: 1fr;
}
}
.grid-rows-2 {
grid-template-rows: repeat(2, 1fr);
}
@media screen and (max-width: 1023.9px) {
.grid-rows-2 {
grid-template-rows: auto;
}
}
.grid-rows-2-no-responsive {
grid-template-rows: repeat(2, 1fr);
}
@media screen and (max-width: 767.9px) {
.grid-rows-2-no-responsive {
display: block;
}
}
.grid-rows-3 {
grid-template-rows: repeat(3, 1fr);
}
@media screen and (max-width: 1023.9px) {
.grid-rows-3 {
grid-template-rows: auto;
}
}
.grid-gap-1 {
grid-gap: 1em;
}
.grid-gap-2 {
grid-gap: 2em;
}
.grid-row-gap-3 {
grid-row-gap: 3em;
}
.grid-row-gap-3-5 {
grid-row-gap: 3.5em;
}
.d-i-block,
.d-inline-block {
display: inline-block;
}
.d-inline {
display: inline;
}
.d-none {
display: none;
} .p-relative {
position: relative;
}
.p-absolute {
position: absolute;
}
.p-sticky {
position: sticky;
}
.p-unset {
position: unset;
}
.p-fixed {
position: fixed;
} .no-list-style {
padding-left: 0em;
margin-top: 0em;
margin-bottom: 0em;
list-style: none;
}
.horizontal-list {
padding-left: 0em;
margin-top: 0em;
margin-bottom: 0em;
list-style: none;
padding: 0;
margin: 0;
display: flex;
}
.ano-link {
color: inherit;
text-decoration: none;
}
.cover-img {
width: 100%;
height: 100%;
object-fit: cover;
max-width: unset;
max-height: unset;
}
.contain-img {
width: 100%;
height: 100%;
object-fit: contain;
max-width: unset;
max-height: unset;
} .txt-left,
.text-left {
text-align: left;
}
.txt-center,
.text-center {
text-align: center;
}
.txt-right,
.text-right {
text-align: right;
}
.txt-justify,
.text-justify {
text-align: justify;
}
.hairline {
font-weight: 100;
}
.thin {
font-weight: 200;
}
.light {
font-weight: 300;
}
.regular {
font-weight: 400;
}
.medium {
font-weight: 500;
}
.semibold {
font-weight: 600;
}
.bold {
font-weight: 700;
}
.extrabold {
font-weight: 800;
}
.black {
font-weight: 900;
}
.uppercase {
text-transform: uppercase;
letter-spacing: 0.025em;
}
.color-txt-main,
.clr-txt-main {
color: #450052;
}
.color-txt-secondary,
.clr-txt-secondary {
color: #ffffff;
}
.color-light,
.clr-light {
color: #ffffff;
}
.color-dark,
.clr-dark {
color: #3c3b3b;
}
.color-main,
.clr-main {
color: #450052;
}
.color-secondary,
.clr-secondary {
color: #f85100;
}
.fs-0 {
font-size: 0rem;
}
.fs-0-25 {
font-size: 0.25rem;
}
.fs-0-5 {
font-size: 0.5rem;
}
.fs-0-75 {
font-size: 0.75rem;
}
.fs-1 {
font-size: 1rem;
}
.fs-1-25 {
font-size: 1.25rem;
}
.fs-1-5 {
font-size: 1.5rem;
}
.fs-1-75 {
font-size: 1.75rem;
}
.fs-2 {
font-size: 2rem;
}
.fs-2-25 {
font-size: 2.25rem;
}
.fs-2-5 {
font-size: 2.5rem;
}
.fs-2-75 {
font-size: 2.75rem;
}
.fs-3 {
font-size: 3rem;
}
.fs-3-25 {
font-size: 3.25rem;
}
.fs-3-5 {
font-size: 3.5rem;
}
.fs-3-75 {
font-size: 3.75rem;
}
.fs-4 {
font-size: 4rem;
}
.fs-4-25 {
font-size: 4.25rem;
}
.fs-4-5 {
font-size: 4.5rem;
}
.fs-4-75 {
font-size: 4.75rem;
}
.fs-5 {
font-size: 5rem;
}
@media (min-width: 567.9px) {
.fs-sm-0 {
font-size: 0rem;
}
}
@media (min-width: 567.9px) {
.fs-sm-0-25 {
font-size: 0.25rem;
}
}
@media (min-width: 567.9px) {
.fs-sm-0-5 {
font-size: 0.5rem;
}
}
@media (min-width: 567.9px) {
.fs-sm-0-75 {
font-size: 0.75rem;
}
}
@media (min-width: 567.9px) {
.fs-sm-1 {
font-size: 1rem;
}
}
@media (min-width: 567.9px) {
.fs-sm-1-25 {
font-size: 1.25rem;
}
}
@media (min-width: 567.9px) {
.fs-sm-1-5 {
font-size: 1.5rem;
}
}
@media (min-width: 567.9px) {
.fs-sm-1-75 {
font-size: 1.75rem;
}
}
@media (min-width: 567.9px) {
.fs-sm-2 {
font-size: 2rem;
}
}
@media (min-width: 567.9px) {
.fs-sm-2-25 {
font-size: 2.25rem;
}
}
@media (min-width: 567.9px) {
.fs-sm-2-5 {
font-size: 2.5rem;
}
}
@media (min-width: 567.9px) {
.fs-sm-2-75 {
font-size: 2.75rem;
}
}
@media (min-width: 567.9px) {
.fs-sm-3 {
font-size: 3rem;
}
}
@media (min-width: 567.9px) {
.fs-sm-3-25 {
font-size: 3.25rem;
}
}
@media (min-width: 567.9px) {
.fs-sm-3-5 {
font-size: 3.5rem;
}
}
@media (min-width: 567.9px) {
.fs-sm-3-75 {
font-size: 3.75rem;
}
}
@media (min-width: 567.9px) {
.fs-sm-4 {
font-size: 4rem;
}
}
@media (min-width: 567.9px) {
.fs-sm-4-25 {
font-size: 4.25rem;
}
}
@media (min-width: 567.9px) {
.fs-sm-4-5 {
font-size: 4.5rem;
}
}
@media (min-width: 567.9px) {
.fs-sm-4-75 {
font-size: 4.75rem;
}
}
@media (min-width: 567.9px) {
.fs-sm-5 {
font-size: 5rem;
}
}
@media (min-width: 767.9px) {
.fs-md-0 {
font-size: 0rem;
}
}
@media (min-width: 767.9px) {
.fs-md-0-25 {
font-size: 0.25rem;
}
}
@media (min-width: 767.9px) {
.fs-md-0-5 {
font-size: 0.5rem;
}
}
@media (min-width: 767.9px) {
.fs-md-0-75 {
font-size: 0.75rem;
}
}
@media (min-width: 767.9px) {
.fs-md-1 {
font-size: 1rem;
}
}
@media (min-width: 767.9px) {
.fs-md-1-25 {
font-size: 1.25rem;
}
}
@media (min-width: 767.9px) {
.fs-md-1-5 {
font-size: 1.5rem;
}
}
@media (min-width: 767.9px) {
.fs-md-1-75 {
font-size: 1.75rem;
}
}
@media (min-width: 767.9px) {
.fs-md-2 {
font-size: 2rem;
}
}
@media (min-width: 767.9px) {
.fs-md-2-25 {
font-size: 2.25rem;
}
}
@media (min-width: 767.9px) {
.fs-md-2-5 {
font-size: 2.5rem;
}
}
@media (min-width: 767.9px) {
.fs-md-2-75 {
font-size: 2.75rem;
}
}
@media (min-width: 767.9px) {
.fs-md-3 {
font-size: 3rem;
}
}
@media (min-width: 767.9px) {
.fs-md-3-25 {
font-size: 3.25rem;
}
}
@media (min-width: 767.9px) {
.fs-md-3-5 {
font-size: 3.5rem;
}
}
@media (min-width: 767.9px) {
.fs-md-3-75 {
font-size: 3.75rem;
}
}
@media (min-width: 767.9px) {
.fs-md-4 {
font-size: 4rem;
}
}
@media (min-width: 767.9px) {
.fs-md-4-25 {
font-size: 4.25rem;
}
}
@media (min-width: 767.9px) {
.fs-md-4-5 {
font-size: 4.5rem;
}
}
@media (min-width: 767.9px) {
.fs-md-4-75 {
font-size: 4.75rem;
}
}
@media (min-width: 767.9px) {
.fs-md-5 {
font-size: 5rem;
}
}
@media (min-width: 1023.9px) {
.fs-lg-0 {
font-size: 0rem;
}
}
@media (min-width: 1023.9px) {
.fs-lg-0-25 {
font-size: 0.25rem;
}
}
@media (min-width: 1023.9px) {
.fs-lg-0-5 {
font-size: 0.5rem;
}
}
@media (min-width: 1023.9px) {
.fs-lg-0-75 {
font-size: 0.75rem;
}
}
@media (min-width: 1023.9px) {
.fs-lg-1 {
font-size: 1rem;
}
}
@media (min-width: 1023.9px) {
.fs-lg-1-25 {
font-size: 1.25rem;
}
}
@media (min-width: 1023.9px) {
.fs-lg-1-5 {
font-size: 1.5rem;
}
}
@media (min-width: 1023.9px) {
.fs-lg-1-75 {
font-size: 1.75rem;
}
}
@media (min-width: 1023.9px) {
.fs-lg-2 {
font-size: 2rem;
}
}
@media (min-width: 1023.9px) {
.fs-lg-2-25 {
font-size: 2.25rem;
}
}
@media (min-width: 1023.9px) {
.fs-lg-2-5 {
font-size: 2.5rem;
}
}
@media (min-width: 1023.9px) {
.fs-lg-2-75 {
font-size: 2.75rem;
}
}
@media (min-width: 1023.9px) {
.fs-lg-3 {
font-size: 3rem;
}
}
@media (min-width: 1023.9px) {
.fs-lg-3-25 {
font-size: 3.25rem;
}
}
@media (min-width: 1023.9px) {
.fs-lg-3-5 {
font-size: 3.5rem;
}
}
@media (min-width: 1023.9px) {
.fs-lg-3-75 {
font-size: 3.75rem;
}
}
@media (min-width: 1023.9px) {
.fs-lg-4 {
font-size: 4rem;
}
}
@media (min-width: 1023.9px) {
.fs-lg-4-25 {
font-size: 4.25rem;
}
}
@media (min-width: 1023.9px) {
.fs-lg-4-5 {
font-size: 4.5rem;
}
}
@media (min-width: 1023.9px) {
.fs-lg-4-75 {
font-size: 4.75rem;
}
}
@media (min-width: 1023.9px) {
.fs-lg-5 {
font-size: 5rem;
}
}
@media (min-width: 1279.9px) {
.fs-xl-0 {
font-size: 0rem;
}
}
@media (min-width: 1279.9px) {
.fs-xl-0-25 {
font-size: 0.25rem;
}
}
@media (min-width: 1279.9px) {
.fs-xl-0-5 {
font-size: 0.5rem;
}
}
@media (min-width: 1279.9px) {
.fs-xl-0-75 {
font-size: 0.75rem;
}
}
@media (min-width: 1279.9px) {
.fs-xl-1 {
font-size: 1rem;
}
}
@media (min-width: 1279.9px) {
.fs-xl-1-25 {
font-size: 1.25rem;
}
}
@media (min-width: 1279.9px) {
.fs-xl-1-5 {
font-size: 1.5rem;
}
}
@media (min-width: 1279.9px) {
.fs-xl-1-75 {
font-size: 1.75rem;
}
}
@media (min-width: 1279.9px) {
.fs-xl-2 {
font-size: 2rem;
}
}
@media (min-width: 1279.9px) {
.fs-xl-2-25 {
font-size: 2.25rem;
}
}
@media (min-width: 1279.9px) {
.fs-xl-2-5 {
font-size: 2.5rem;
}
}
@media (min-width: 1279.9px) {
.fs-xl-2-75 {
font-size: 2.75rem;
}
}
@media (min-width: 1279.9px) {
.fs-xl-3 {
font-size: 3rem;
}
}
@media (min-width: 1279.9px) {
.fs-xl-3-25 {
font-size: 3.25rem;
}
}
@media (min-width: 1279.9px) {
.fs-xl-3-5 {
font-size: 3.5rem;
}
}
@media (min-width: 1279.9px) {
.fs-xl-3-75 {
font-size: 3.75rem;
}
}
@media (min-width: 1279.9px) {
.fs-xl-4 {
font-size: 4rem;
}
}
@media (min-width: 1279.9px) {
.fs-xl-4-25 {
font-size: 4.25rem;
}
}
@media (min-width: 1279.9px) {
.fs-xl-4-5 {
font-size: 4.5rem;
}
}
@media (min-width: 1279.9px) {
.fs-xl-4-75 {
font-size: 4.75rem;
}
}
@media (min-width: 1279.9px) {
.fs-xl-5 {
font-size: 5rem;
}
} .lh-0-75 {
line-height: 0.75;
}
.lh-0-875 {
line-height: 0.875;
}
.lh-1 {
line-height: 1;
}
.lh-1-125 {
line-height: 1.125;
}
.lh-1-25 {
line-height: 1.25;
}
.lh-1-375 {
line-height: 1.375;
}
.lh-1-5 {
line-height: 1.5;
}
.lh-1-625 {
line-height: 1.625;
}
.lh-1-75 {
line-height: 1.75;
}
.lh-1-875 {
line-height: 1.875;
}
.lh-2 {
line-height: 2;
}
.lh-2-125 {
line-height: 2.125;
}
.lh-2-25 {
line-height: 2.25;
}
.lh-2-375 {
line-height: 2.375;
}
.lh-2-5 {
line-height: 2.5;
} .bg-main,
.bg-primary {
background-color: #450052;
}
.bg-secondary {
background-color: #f85100;
}
.bg-shade {
background-color: #ececec;
}
.bg-txt-main {
background-color: #450052;
}
.bg-txt-secondary {
background-color: #ffffff;
}
.bg-light {
background-color: #ffffff;
}
.bg-dark {
background-color: #3c3b3b;
}
.bg-grey {
background-color: transparent;
}
.z--5 {
z-index: -5;
}
.z--4 {
z-index: -4;
}
.z--3 {
z-index: -3;
}
.z--2 {
z-index: -2;
}
.z--1 {
z-index: -1;
}
.z-0 {
z-index: 0;
}
.z-1 {
z-index: 1;
}
.z-2 {
z-index: 2;
}
.z-3 {
z-index: 3;
}
.z-4 {
z-index: 4;
}
.z-5 {
z-index: 5;
}
.z-6 {
z-index: 6;
}
.z-7 {
z-index: 7;
}
.z-8 {
z-index: 8;
}
.z-9 {
z-index: 9;
}
.z-10 {
z-index: 10;
}
.height-100 {
height: 100%;
}
.inset-0 {
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.align-center {
align-items: center;
}
.justify-center {
justify-content: center;
}
.justify-end {
justify-content: end;
}
.space-between {
justify-content: space-between;
}
.space-even {
justify-content: space-evenly;
}
.flex-column {
flex-direction: column;
}
.flex-wrap {
flex-wrap: wrap;
}
.gap-0.5 {
gap: 0.5rem;
}
.gap-1 {
gap: 1rem;
}
.gap-1.5 {
gap: 1.5rem;
}
.gap-2 {
gap: 2rem;
}
.gap-2.5 {
gap: 2.5rem;
}
.gap-3 {
gap: 3rem;
}
.gap-3.5 {
gap: 3.5rem;
}
.gap-4 {
gap: 4rem;
}
.gap-4.5 {
gap: 4.5rem;
}
.gap-5 {
gap: 5rem;
}
.screen-reader-label,
.screen-reader-text {
position: absolute;
height: 1px;
width: 1px;
overflow: hidden;
clip: rect(1px 1px 1px 1px);
clip: rect(1px, 1px, 1px, 1px);
}
.flex-0 {
flex: 0;
}
.flex-1 {
flex: 1;
}
.flex-2 {
flex: 2;
}
.flex-3 {
flex: 3;
}
.flex-4 {
flex: 4;
}
.flex-5 {
flex: 5;
}
.flex-6 {
flex: 6;
}
.flex-7 {
flex: 7;
}
.flex-8 {
flex: 8;
}
.flex-9 {
flex: 9;
}
.flex-10 {
flex: 10;
}
.box-shadow {
box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
}
.box-eq-height {
height: 100%;
}
.px-0-75 {
padding-left: 0.75em;
padding-right: 0.75em;
}
.overflow-hidden {
overflow: hidden;
}
.animatable .transition-all {
transition: all cubic-bezier(0.37, 0.01, 0.62, 1) 325ms;
}
.max-height-0 {
max-height: 0px;
}
.w-100 {
width: 100%;
}
.no-list-style {
list-style: none;
padding: 0;
margin: 0;
}
.horizontal-list {
display: flex;
flex-wrap: wrap;
}
.ano-link {
color: inherit;
text-decoration: none;
}
.ano-link:hover,
.ano-link:focus {
color: inherit;
text-decoration: none;
}
.bold-weight,
.font-bold {
font-weight: 700;
}
.black-weight,
.font-black {
font-weight: 900;
}
.semibold-weight,
.font-semibold {
font-weight: 600;
}
.normal-weight,
.font-normal {
font-weight: 400;
}
.full-width {
padding-left: 0.5em;
padding-right: 0.5em;
max-width: 100%;
}
.container-thinner {
max-width: 920px;
margin-left: auto;
margin-right: auto;
padding-left: 0.5em;
padding-right: 0.5em;
width: 90%;
}
.pure-g.eq-height > div > div {
height: 100%;
}
.full-width > .pure-g:not(.slick-slider) > div {
padding-left: 0;
padding-right: 0;
padding-bottom: 0;
} .wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
height: 1px;
width: 1px;
margin: 0;
padding: 0;
border: 0;
}
.wpcf7 form .wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #00a0d2;
}
.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450;
}
.wpcf7 form.aborted .wpcf7-response-output,
.wpcf7 form.failed .wpcf7-response-output {
border-color: #dc3232;
}
.wpcf7 form.spam .wpcf7-response-output {
border-color: #f56e28;
}
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output {
border-color: #ffb900;
}
.wpcf7-form-control-wrap {
position: relative;
color: #f85100;
}
.wpcf7-not-valid-tip {
color: #dc3232;
font-size: 1em;
font-weight: 400;
display: block;
}
.use-floating-validation-tip .wpcf7-not-valid-tip {
position: relative;
top: -2ex;
left: 1em;
z-index: 100;
border: 1px solid #dc3232;
background: #fff;
padding: 0.2em 0.8em;
width: 24em;
}
.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
.wpcf7-list-item-label::after,
.wpcf7-list-item-label::before {
content: " ";
}
.wpcf7 .ajax-loader {
visibility: hidden;
display: inline-block;
background-color: #23282d;
opacity: 0.75;
width: 24px;
height: 24px;
border: none;
border-radius: 100%;
padding: 0;
margin: 0 24px;
position: relative;
}
.wpcf7 form.submitting .ajax-loader {
visibility: visible;
}
.wpcf7 .ajax-loader::before {
content: "";
position: absolute;
background-color: #fbfbfc;
top: 4px;
left: 4px;
width: 6px;
height: 6px;
border: none;
border-radius: 100%;
transform-origin: 8px 8px;
animation-name: spin;
animation-duration: 1s;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@media (prefers-reduced-motion: reduce) {
.wpcf7 .ajax-loader::before {
animation-name: blink;
animation-duration: 2s;
}
}
@keyframes spin {
from {
transform: rotate(0);
}
to {
transform: rotate(360deg);
}
}
@keyframes blink {
from {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.wpcf7 input[type="file"] {
cursor: pointer;
}
.wpcf7 input[type="file"]:disabled {
cursor: default;
}
.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed;
}
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"],
.wpcf7 input[type="url"] {
direction: ltr;
}
.no-margin.container-thinner,
.margin-no.container-thinner {
margin: 0;
margin-top: 0;
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
}
.no-padding.container-thinner,
.padding-no.container-thinner {
padding: 0;
padding-top: 0;
padding-right: 0;
padding-left: 0;
padding-bottom: 0;
}
.no-padding-bottom {
padding-bottom: 0 !important;
}
.no-padding-top {
padding-top: 0 !important;
}
.pure-u-1.no-padding {
padding-bottom: 0 !important;
}
.uppercase {
text-transform: uppercase;
}
.no-margin {
margin: 0;
}
.spacer-bottom-4 {
margin-bottom: 4rem;
}
.spacer-bottom-3 {
margin-bottom: 3rem;
}
.spacer-bottom-2 {
margin-bottom: 2rem;
}
.spacer-bottom-1 {
margin-bottom: 1rem;
}
.spacer-top-4 {
margin-top: 4rem;
}
.spacer-top-3 {
margin-top: 3rem;
}
.spacer-top-2 {
margin-top: 2rem;
}
.spacer-top-1 {
margin-top: 1rem;
}
.flex {
display: flex;
}
.flex-center {
justify-content: center;
}
.bg-white {
background: #fff;
}
.color-purple {
color: #450052;
}
.bg-purple {
background: #450052;
}
.color-blue {
color: #f85100;
}
.bg-blue {
background: #f85100;
}
.bg-grey {
background: #ececec;
}
.color-white,
.clr-white {
color: #fff;
}
.color-standard {
color: #f85100;
} .page-title {
font-size: 3rem;
font-weight: 500;
line-height: 1.1em;
}
.wpcf7 input:not([type="submit"]),
.wpcf7 textarea {
background: #ececec;
border: none;
outline: none;
width: 100%;
display: block;
min-height: 3em;
}
.wpcf7 .form-group {
margin-top: 1em;
}
.wpcf7 .form-group label {
font-weight: 600;
}
.wpcf7 .submit-btn-wrapper {
margin-top: 2em;
}
.arrow-btn {
display: block;
width: 2rem;
height: 2rem;
position: relative;
}
.arrow-btn:after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: block;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='fas' data-icon='caret-right' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 192 512' class='svg-inline--fa fa-caret-right fa-w-6 fa-2x'%3E%3Cpath fill='%23FFF' d='M0 384.662V127.338c0-17.818 21.543-26.741 34.142-14.142l128.662 128.662c7.81 7.81 7.81 20.474 0 28.284L34.142 398.804C21.543 411.404 0 402.48 0 384.662z' class=''%3E%3C/path%3E%3C/svg%3E");
}
.rounded {
border-radius: 0.5em;
}
.pure-u-md-20-24 .youtube {
padding-top: 56.25%;
}
.over-wyzer-video .youtube {
aspect-ratio: unset;
}
.youtube {
background-color: #450052;
position: relative;
padding-top: 42%;
overflow: hidden;
cursor: pointer;
aspect-ratio: 1.77777778;
}
.youtube::after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.2);
z-index: 1;
}
.youtube img {
width: 100%;
top: 0;
left: 0;
opacity: .7;
height: 100%;
max-width: unset;
object-fit: cover;
}
.youtube .play-button {
position: absolute;
top: auto;
left: 2rem;
right: auto;
bottom: 2rem;
z-index: 1;
display: flex;
align-items: center;
z-index: 3;
}
.youtube .play-button::before {
content: "";
z-index: 2;
width: 1.5rem;
height: 1.5rem;
display: block;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='30' viewBox='0 0 26 30' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.01155 1.76566C2.67826 0.983957 1 1.94544 1 3.49099V26.509C1 28.0546 2.67826 29.016 4.01155 28.2343L23.6416 16.7253C24.9596 15.9526 24.9596 14.0474 23.6416 13.2747L4.01155 1.76566Z' stroke='%23ffffff'/%3E%3C/svg%3E");
z-index: 1;
}
.youtube .play-button::after {
content: "Speel video af";
height: 1.5rem;
padding-left: 2rem;
color: #ffffff;
display: block;
}
.youtube .play-button,
.youtube .play-button:before,
.youtube iframe,
.youtube img {
position: absolute;
cursor: pointer;
}
.youtube iframe {
height: 100%;
width: 100%;
top: 0;
left: 0;
z-index: 4;
}
.more-link {
display: none;
}
.cta-above-footer-title {
font-size: 4rem;
line-height: 4.5rem;
margin-top: 0;
margin-bottom: 0.5em;
}
.form-title-span {
font-size: 4rem;
margin-bottom: 0.5em;
display: block;
letter-spacing: -0.05em;
}
.error {
display: inline-block;
color: #cd1f2b !important;
} .clr_dark_purple,
.clr-dark-purple {
color: #450052;
}
.clr_dark_mid_purple,
.clr-dark-mid-purple {
color: #5e006b;
}
.clr_dark_lightest_purple,
.clr-dark-lightest-purple {
color: #7a0080;
}
.clr_mid_purple,
.clr-mid-purple {
color: #94009b;
}
.clr_light_purple,
.clr-light-purple {
color: #ac38ba;
}
.clr_light_mid_purple,
.clr-light-mid-purple {
color: #d772dc;
}
.clr_lightest_purple,
.clr-lightest-purple {
color: #f0c8f1;
}
.clr_dark_orange,
.clr-dark-orange {
color: #ee3600;
}
.clr_dark_mid_orange,
.clr-dark-mid-orange {
color: #f85100;
}
.clr_dark_lightest_orange,
.clr-dark-lightest-orange {
color: #ff750a;
}
.clr_mid_orange,
.clr-mid-orange {
color: #ff8f36;
}
.clr_light_orange,
.clr-light-orange {
color: #ffa056;
}
.clr_light_mid_orange,
.clr-light-mid-orange {
color: #ffc184;
}
.clr_lightest_orange,
.clr-lightest-orange {
color: #ffdec4;
} .bg_dark_purple,
.bg-dark-purple {
background-color: #450052;
}
.bg_dark_mid_purple,
.bg-dark-mid-purple {
background-color: #5e006b;
}
.bg_dark_lightest_purple,
.bg-dark-lightest-purple {
background-color: #7a0080;
}
.bg_mid_purple,
.bg-mid-purple {
background-color: #94009b;
}
.bg_light_purple,
.bg-light-purple {
background-color: #ac38ba;
}
.bg_light_mid_purple,
.bg-light-mid-purple {
background-color: #d772dc;
}
.bg_lightest_purple,
.bg-lightest-purple {
background-color: #f0c8f1;
}
.bg_dark_orange,
.bg-dark-orange {
background-color: #ee3600;
}
.bg_dark_mid_orange,
.bg-dark-mid-orange {
background-color: #f85100;
}
.bg_dark_lightest_orange,
.bg-dark-lightest-orange {
background-color: #ff750a;
}
.bg_mid_orange,
.bg-mid-orange {
background-color: #ff8f36;
}
.bg_light_orange,
.bg-light-orange {
background-color: #ffa056;
}
.bg_light_mid_orange,
.bg-light-mid-orange {
background-color: #ffc184;
}
.bg_lightest_orange,
.bg-lightest-orange {
background-color: #ffdec4;
} .border_dark_purple,
.border-dark-purple {
border: 1px solid #450052;
}
.border_bottom_dark_purple,
.border-bottom-dark-purple {
border-bottom: 1px solid #450052;
}
.border_dark_mid_purple,
.border-dark-mid-purple {
border: 1px solid #5e006b;
}
.border_dark_lightest_purple,
.border-dark-lightest-purple {
border: 1px solid #7a0080;
}
.border_mid_purple,
.border-mid-purple {
border: 1px solid #94009b;
}
.border_light_purple,
.border-light-purple {
border: 1px solid #ac38ba;
}
.border_light_mid_purple,
.border-light-mid-purple {
border: 1px solid #d772dc;
}
.border_lightest_purple,
.border-lightest-purple {
border: 1px solid #f0c8f1;
}
.border_dark_orange,
.border-dark-orange {
border: 1px solid #ee3600;
}
.border_dark_mid_orange,
.border-dark-mid-orange {
border: 1px solid #f85100;
}
.border_dark_lightest_orange,
.border-dark-lightest-orange {
border: 1px solid #ff750a;
}
.border_mid_orange,
.border-mid-orange {
border: 1px solid #ff8f36;
}
.border_light_orange,
.border-light-orange {
border: 1px solid #ffa056;
}
.border_light_mid_orange,
.border-light-mid-orange {
border: 1px solid #ffc184;
}
.border_lightest_orange,
.border-lightest-orange {
border: 1px solid #ffdec4;
}
.container-large {
margin-left: 80px;
margin-right: 80px;
padding-left: 1em;
padding-right: 1em;
}
@media screen and (max-width: calc(88rem + 320px + 1em)) {
.container-large {
margin-left: 0;
margin-right: 0;
}
}
@media screen and (min-width: 2200px) {
.container-large {
margin-left: 160px;
margin-right: 160px;
}
}
@media screen and (min-width: 2400px) {
.container-large {
margin-left: 260px;
margin-right: 260px;
}
}
@media screen and (min-width: 2600px) {
.container-large {
margin-left: 360px;
margin-right: 360px;
}
}
@media screen and (min-width: 2800px) {
.container-large {
margin-left: 460px;
margin-right: 460px;
}
}
.menu-text {
font-size: 1.11111rem;
}
.no-padding-bottom {
padding-bottom: 0 !important;
}
.icon-btn {
font-size: 0;
width: 1.5rem;
height: 1.5rem;
display: inline-block;
position: relative;
padding: 0.7em 0.8em;
}
.icon-btn::after {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
.h1-xl {
font-size: 9.75rem;
letter-spacing: -0.05em;
}
@media screen and (max-width: 1279.9px) {
.h1-xl {
font-size: 6rem;
}
}
@media screen and (max-width: 1023.9px) {
.h1-xl {
font-size: 5rem;
}
}
@media screen and (max-width: 991.9px) {
.h1-xl {
font-size: 4.5rem;
}
}
@media screen and (max-width: 767.9px) {
.h1-xl {
font-size: 4rem;
line-height: 2;
}
}
@media screen and (max-width: 567.9px) {
.h1-xl {
font-size: 3.5rem;
}
}
.object-fit-cover {
object-fit: cover;
}
.lowercase {
text-transform: lowercase;
}
.fs-btn-size {
font-size: 1.1111rem;
}
@media screen and (max-width: 767.9px) {
.fs-btn-size {
font-size: 1rem;
}
}
.p-inner-no-margin-top > p {
margin-top: 0;
}
.text-content > *:first-child {
margin-top: 0;
}
.text-content > *:last-child {
margin-bottom: 0;
}
.h-auto {
height: auto;
}
.align-end {
align-items: flex-end;
}
.container-large.mr-0 {
margin-right: 0;
}
.container.container-fullwidth-right {
max-width: min(100%, calc(88rem + ((100% - 88rem) / 2)));
margin-right: 0;
padding-right: 0;
}
.container.container-fullwidth-left {
max-width: min(100%, calc(88rem + ((100% - 88rem) / 2)));
margin-left: 0;
padding-left: 0;
}    .pre-footer {
padding-bottom: 15.5rem;
}
.pre-footer::before {
content: "";
position: absolute;
top: auto;
right: 0;
bottom: 7.75rem;
left: 0;
height: 7.75rem;
background-color: #d772dc;
}
.pre-footer::after {
content: "";
position: absolute;
top: auto;
right: 0;
bottom: 0;
left: 0;
height: 7.75rem;
background-color: #7a0080;
}
#footer.layout-part.inner-padding {
padding-bottom: 3rem;
margin-bottom: 0;
}
#footer p {
font-weight: 500;
}
#footer strong {
font-weight: 600;
}
#footer ul {
list-style-type: none;
padding: 0;
margin-top: 0;
}
#footer ul li {
line-height: 1.6em;
}
#footer a {
text-decoration: none;
color: inherit;
}
#footer .widget-container > * > *:first-child {
margin-top: 0;
}
#bottom-footer-menu {
border-top: 1px solid rgba(255, 255, 255, 0.2);
padding-top: 1rem;
}
#bottom-footer-menu .copyright {
margin: 0;
}
#bottom-footer-menu #menu-bottom-footer-menu {
margin: 0;
padding: 0;
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
list-style: none;
}
#bottom-footer-menu #menu-bottom-footer-menu .menu-item {
margin-right: 0.75rem;
padding-right: 0.75rem;
border-right: 1px solid #fff;
display: block;
}
#bottom-footer-menu #menu-bottom-footer-menu .menu-item:last-child {
border-right: none;
}
#bottom-footer-menu #menu-bottom-footer-menu .menu-item a {
text-decoration: none;
color: #fff;
}
#part-of-cohedron-footer {
gap: 1em;
justify-content: flex-end;
}
#part-of-cohedron-footer:hover {
color: #fff;
}
#part-of-cohedron-footer img {
width: auto;
}
@media screen and (max-width: 63.999em) {
#part-of-cohedron-footer {
justify-content: flex-start;
}
}
@media screen and (max-width: 767.9px) {
#footer-col-1 {
margin-bottom: 1em;
}
#footer-col-1 img {
width: 120px;
}
#footer-col-1 .textwidget a:first-child {
margin-left: 0;
}
#bottom-footer-menu {
padding-bottom: 3em;
}
#bottom-footer-menu .copyright {
text-align: center;
}
#bottom-footer-menu #menu-bottom-footer-menu {
justify-content: center;
}
#bottom-footer-menu #menu-bottom-footer-menu .menu-item {
margin-bottom: 0.5em;
}
} #newsletter-form .newsletter-form-group > p {
margin-top: 0;
}
#newsletter-form .newsletter-form-group #submit-newsletter {
width: auto;
font-size: 1rem;
background-position: 94% center;
background-size: .65rem;
padding-right: 1.5rem;
padding-left: 1rem;
border: 1px solid;
border-radius: .5em;
border-color: rgba(255, 255, 255, 0.8);
color: #ffffff;
height: 54px;
}
@media screen and (max-width: 767px) {
#newsletter-form .newsletter-form-group #submit-newsletter {
height: 48px;
}
}
#newsletter-form .newsletter-form-group #submit-newsletter:hover,
#newsletter-form .newsletter-form-group #submit-newsletter:focus {
transform: translateX(0px);
background-position: 96% center;
}
#newsletter-form .newsletter-form-group .wpcf7-form-control-wrap input {
color: white;
}
#newsletter-form .newsletter-form-group .wpcf7-form-control-wrap input:-internal-autofill-selected {
background-color: -internal-light-dark(rgba(232, 240, 254, 0.342), rgba(70, 90, 126, 0.4)) !important;
}
#newsletter-form .newsletter-form-group .wpcf7-form-control-wrap input::placeholder {
color: rgba(255, 255, 255, 0.8);
}
#newsletter-form .wpcf7-response-output {
margin: 0;
}
#newsletter-form .newsletter-form-group {
display: flex;
position: relative;
}
#newsletter-form .newsletter-form-group > p {
flex: 1;
}
#newsletter-form .newsletter-form-group .wpcf7-form-control-wrap {
display: block;
flex: 1;
color: #f85100;
}
#newsletter-form .newsletter-form-group .wpcf7-form-control-wrap input {
width: 100%;
background: none;
border: none;
border-radius: 0;
outline: none;
border-bottom: 1px solid #ffffff;
background-color: transparent;
}
#newsletter-form .newsletter-form-group #submit-newsletter {
position: absolute;
right: 0;
top: 0;
bottom: 0;
width: 2rem;
z-index: 2;
font-size: 0;
background-color: transparent;
border-radius: 0;
border: unset;
background-size: 1rem;
background-repeat: no-repeat;
background-position: center;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='16' viewBox='0 0 19 16' fill='none'%3E%3Cpath d='M11.3333 1L18 8M18 8L11.3333 15M18 8H9H0' stroke='%23ffffff'/%3E%3C/svg%3E");
background-position: center right;
}
.animatable #newsletter-form .newsletter-form-group #submit-newsletter {
transition: all cubic-bezier(0.37, 0.01, 0.62, 1) 325ms;
}
#newsletter-form .newsletter-form-group #submit-newsletter:hover,
#newsletter-form .newsletter-form-group #submit-newsletter:focus {
transform: translateX(10px);
}
.social-icon {
font-size: 0px;
width: 2rem;
height: 2rem;
display: inline-block;
background-size: 1.25rem;
background-repeat: no-repeat;
background-position: center;
}
.social-icon.linkedin {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cg clip-path='url(%23clip0_5722_3435)'%3E%3Cpath d='M20 12.4927V19.847H15.6951V12.9411C15.6951 11.2371 15.0673 10.0712 13.5426 10.0712C12.3767 10.0712 11.6592 10.8783 11.3901 11.5958C11.3004 11.8649 11.2108 12.2236 11.2108 12.6721V19.847H6.90583C6.90583 19.847 6.99551 8.18776 6.90583 7.02184H11.2108V8.81556C11.7489 7.9187 12.8251 6.66309 15.0673 6.66309C17.8475 6.66309 20 8.5465 20 12.4927ZM2.42152 0.833496C0.986545 0.833496 0 1.82004 0 3.07565C0 4.33125 0.89686 5.3178 2.33184 5.3178C3.8565 5.3178 4.75336 4.33125 4.75336 3.07565C4.84305 1.73036 3.94619 0.833496 2.42152 0.833496ZM0.269058 19.847H4.57399V7.02184H0.269058V19.847Z' fill='%23ffffff'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_5722_3435'%3E%3Crect width='20' height='20' fill='%23ffffff'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
.social-icon.instagram {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cg clip-path='url(%23clip0_5722_3439)'%3E%3Cpath d='M10 1.80723C12.6506 1.80723 13.0121 1.80723 14.0964 1.80723C15.0602 1.80723 15.5422 2.04819 15.9036 2.16868C16.3855 2.40964 16.747 2.53012 17.1084 2.89157C17.4699 3.25301 17.7108 3.61446 17.8313 4.09639C17.9518 4.45783 18.0723 4.93976 18.1928 5.90362C18.1928 6.98795 18.1928 7.22892 18.1928 10C18.1928 12.7711 18.1928 13.0121 18.1928 14.0964C18.1928 15.0602 17.9518 15.5422 17.8313 15.9036C17.5904 16.3855 17.4699 16.747 17.1084 17.1084C16.747 17.4699 16.3855 17.7108 15.9036 17.8313C15.5422 17.9518 15.0602 18.0723 14.0964 18.1928C13.0121 18.1928 12.7711 18.1928 10 18.1928C7.22892 18.1928 6.98795 18.1928 5.90362 18.1928C4.93976 18.1928 4.45783 17.9518 4.09639 17.8313C3.61446 17.5904 3.25301 17.4699 2.89157 17.1084C2.53012 16.747 2.28916 16.3855 2.16868 15.9036C2.04819 15.5422 1.92771 15.0602 1.80723 14.0964C1.80723 13.0121 1.80723 12.7711 1.80723 10C1.80723 7.22892 1.80723 6.98795 1.80723 5.90362C1.80723 4.93976 2.04819 4.45783 2.16868 4.09639C2.40964 3.61446 2.53012 3.25301 2.89157 2.89157C3.25301 2.53012 3.61446 2.28916 4.09639 2.16868C4.45783 2.04819 4.93976 1.92771 5.90362 1.80723C6.98795 1.80723 7.3494 1.80723 10 1.80723ZM10 0C7.22892 0 6.98795 0 5.90362 0C4.81928 0 4.09639 0.240965 3.49398 0.481928C2.89157 0.722892 2.28916 1.08434 1.68675 1.68675C1.08434 2.28916 0.843374 2.77109 0.481928 3.49398C0.240965 4.09639 0.120482 4.81928 0 5.90362C0 6.98795 0 7.3494 0 10C0 12.7711 0 13.0121 0 14.0964C0 15.1807 0.240965 15.9036 0.481928 16.506C0.722892 17.1084 1.08434 17.7108 1.68675 18.3133C2.28916 18.9157 2.77109 19.1566 3.49398 19.5181C4.09639 19.759 4.81928 19.8795 5.90362 20C6.98795 20 7.3494 20 10 20C12.6506 20 13.0121 20 14.0964 20C15.1807 20 15.9036 19.759 16.506 19.5181C17.1084 19.2771 17.7108 18.9157 18.3133 18.3133C18.9157 17.7108 19.1566 17.2289 19.5181 16.506C19.759 15.9036 19.8795 15.1807 20 14.0964C20 13.0121 20 12.6506 20 10C20 7.3494 20 6.98795 20 5.90362C20 4.81928 19.759 4.09639 19.5181 3.49398C19.2771 2.89157 18.9157 2.28916 18.3133 1.68675C17.7108 1.08434 17.2289 0.843374 16.506 0.481928C15.9036 0.240965 15.1807 0.120482 14.0964 0C13.0121 0 12.7711 0 10 0Z' fill='%23ffffff'/%3E%3Cpath d='M10 4.81928C7.10843 4.81928 4.81928 7.10843 4.81928 10C4.81928 12.8916 7.10843 15.1807 10 15.1807C12.8916 15.1807 15.1807 12.8916 15.1807 10C15.1807 7.10843 12.8916 4.81928 10 4.81928ZM10 13.3735C8.19277 13.3735 6.62651 11.9277 6.62651 10C6.62651 8.19277 8.07229 6.62651 10 6.62651C11.8072 6.62651 13.3735 8.07229 13.3735 10C13.3735 11.8072 11.8072 13.3735 10 13.3735Z' fill='%23ffffff'/%3E%3Cpath d='M15.3012 5.90362C15.9666 5.90362 16.506 5.3642 16.506 4.6988C16.506 4.03339 15.9666 3.49398 15.3012 3.49398C14.6358 3.49398 14.0964 4.03339 14.0964 4.6988C14.0964 5.3642 14.6358 5.90362 15.3012 5.90362Z' fill='%23ffffff'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_5722_3439'%3E%3Crect width='20' height='20' fill='%23ffffff'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
.social-icon.youtube-icon {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.46817 19.8802C2.04025 19.7536 1.6498 19.5283 1.32977 19.2235C1.00974 18.9186 0.76953 18.5431 0.629397 18.1286C-0.171359 15.9862 -0.40862 7.04029 1.13358 5.27426C1.64685 4.69976 2.37152 4.34606 3.1503 4.28992C7.28753 3.85565 20.07 3.91355 21.538 4.43468C21.9509 4.56544 22.3282 4.78573 22.6415 5.07904C22.9548 5.37235 23.196 5.73107 23.3471 6.12832C24.222 8.34309 24.2517 16.3915 23.2285 18.5195C22.9571 19.0734 22.5027 19.522 21.9384 19.7933C20.3962 20.546 4.51455 20.5316 2.46817 19.8802ZM9.03733 15.6822L16.4517 11.9186L9.03733 8.12596V15.6822Z' fill='%23ffffff'/%3E%3C/svg%3E");
}
#footer-col-5 .custom-html-widget {
display: flex;
align-items: center;
margin-bottom: 1em;
}
#newsletteremail::placeholder {
color: #f0c8f1;
} .over-wyzer-banner-section.banner-section::before {
content: unset;
}
.over-wyzer-banner-section.banner-section .banner-section-content {
padding-bottom: 0;
}
@media screen and (max-width: 1279.9px) {
.over-wyzer-banner-section.banner-section {
grid-template-columns: 2fr 3fr;
}
}
@media screen and (max-width: 567.9px) {
.over-wyzer-banner-section.banner-section {
grid-template-columns: 1fr;
}
}
.over-wyzer-banner-section.banner-section::after {
content: unset;
}
.over-wyzer-banner-section.banner-section .banner-section-lines .first-line {
margin-bottom: 15px;
}
@media screen and (max-width: 1279.9px) {
.over-wyzer-banner-section.banner-section .banner-section-lines .first-line {
margin-bottom: 32px;
}
}
@media screen and (max-width: 1023.9px) {
.over-wyzer-banner-section.banner-section .banner-section-lines .first-line {
margin-bottom: 50px;
}
}
@media screen and (max-width: 767.9px) {
.over-wyzer-banner-section.banner-section .banner-section-lines .first-line {
margin-bottom: 54px;
}
}
@media screen and (max-width: 567.9px) {
.over-wyzer-banner-section.banner-section .banner-section-lines .first-line {
margin-bottom: 62px;
}
}
@media screen and (max-width: 767.9px) {
.over-wyzer-banner-section.banner-section .banner-section-lines .second-line {
margin-bottom: 4px;
}
}
@media screen and (max-width: 1023.9px) {
.over-wyzer-banner-section.banner-section .banner-section-lines .second-line {
margin-bottom: 5px;
}
}
.over-wyzer-banner-section.banner-section .banner-section-lines .second-line::before {
content: "";
position: absolute;
top: auto;
right: 0;
bottom: 6.66666667rem;
left: 0;
background-color: #ac38ba;
height: 6.66666667rem;
z-index: -1;
}
.over-wyzer-banner-section.banner-section .banner-section-lines .second-line::after {
content: "";
position: absolute;
top: auto;
right: 0;
bottom: 0;
left: 0;
background-color: #d772dc;
height: 6.66666667rem;
z-index: -1;
}
#onze-partners-section {
overflow-x: hidden;
}
.page-template-werkenbij-overzicht-template #breadcrumbs,
.page-template-werkvelden-template #breadcrumbs,
.page-template-werkenbij-catalog-template #breadcrumbs,
.page-template-over-wyzer-template #breadcrumbs,
.page-template-academie-template #breadcrumbs,
.page-template-academie-v2-template #breadcrumbs,
.page-template-default #breadcrumbs,
.page-template-cursusoverzicht-template #breadcrumbs,
.page-template-opleidingsagenda #breadcrumbs,
.page-template-contact-pagina #breadcrumbs,
.single #breadcrumbs,
.page-template-samen-wyzer-overzicht-template #breadcrumbs,
.page-template-samen-wyzer-catalog #breadcrumbs,
.page-template-academie-thema-template #breadcrumbs,
.single-werkveld #breadcrumbs {
padding-top: 1.5rem;
padding-bottom: 1.5rem;
z-index: 2;
color: #fff;
font-size: 1.1111rem;
}
@media screen and (max-width: 767.9px) {
.page-template-werkenbij-overzicht-template #breadcrumbs,
.page-template-werkvelden-template #breadcrumbs,
.page-template-werkenbij-catalog-template #breadcrumbs,
.page-template-over-wyzer-template #breadcrumbs,
.page-template-academie-template #breadcrumbs,
.page-template-academie-v2-template #breadcrumbs,
.page-template-default #breadcrumbs,
.page-template-cursusoverzicht-template #breadcrumbs,
.page-template-opleidingsagenda #breadcrumbs,
.page-template-contact-pagina #breadcrumbs,
.single #breadcrumbs,
.page-template-samen-wyzer-overzicht-template #breadcrumbs,
.page-template-samen-wyzer-catalog #breadcrumbs,
.page-template-academie-thema-template #breadcrumbs,
.single-werkveld #breadcrumbs {
font-size: 1rem;
}
}
.page-template-werkenbij-overzicht-template #breadcrumbs.bg-dark-mid-purple a,
.page-template-werkvelden-template #breadcrumbs.bg-dark-mid-purple a,
.page-template-werkenbij-catalog-template #breadcrumbs.bg-dark-mid-purple a,
.page-template-over-wyzer-template #breadcrumbs.bg-dark-mid-purple a,
.page-template-academie-template #breadcrumbs.bg-dark-mid-purple a,
.page-template-academie-v2-template #breadcrumbs.bg-dark-mid-purple a,
.page-template-default #breadcrumbs.bg-dark-mid-purple a,
.page-template-cursusoverzicht-template #breadcrumbs.bg-dark-mid-purple a,
.page-template-opleidingsagenda #breadcrumbs.bg-dark-mid-purple a,
.page-template-contact-pagina #breadcrumbs.bg-dark-mid-purple a,
.single #breadcrumbs.bg-dark-mid-purple a,
.page-template-samen-wyzer-overzicht-template #breadcrumbs.bg-dark-mid-purple a,
.page-template-samen-wyzer-catalog #breadcrumbs.bg-dark-mid-purple a,
.page-template-academie-thema-template #breadcrumbs.bg-dark-mid-purple a,
.single-werkveld #breadcrumbs.bg-dark-mid-purple a {
color: #f0c8f1;
}
.page-template-werkenbij-overzicht-template #breadcrumbs.bg-dark-orange a,
.page-template-werkvelden-template #breadcrumbs.bg-dark-orange a,
.page-template-werkenbij-catalog-template #breadcrumbs.bg-dark-orange a,
.page-template-over-wyzer-template #breadcrumbs.bg-dark-orange a,
.page-template-academie-template #breadcrumbs.bg-dark-orange a,
.page-template-academie-v2-template #breadcrumbs.bg-dark-orange a,
.page-template-default #breadcrumbs.bg-dark-orange a,
.page-template-cursusoverzicht-template #breadcrumbs.bg-dark-orange a,
.page-template-opleidingsagenda #breadcrumbs.bg-dark-orange a,
.page-template-contact-pagina #breadcrumbs.bg-dark-orange a,
.single #breadcrumbs.bg-dark-orange a,
.page-template-samen-wyzer-overzicht-template #breadcrumbs.bg-dark-orange a,
.page-template-samen-wyzer-catalog #breadcrumbs.bg-dark-orange a,
.page-template-academie-thema-template #breadcrumbs.bg-dark-orange a,
.single-werkveld #breadcrumbs.bg-dark-orange a {
color: #ffdec4;
}
.page-template-werkenbij-overzicht-template #breadcrumbs .container-large > span,
.page-template-werkvelden-template #breadcrumbs .container-large > span,
.page-template-werkenbij-catalog-template #breadcrumbs .container-large > span,
.page-template-over-wyzer-template #breadcrumbs .container-large > span,
.page-template-academie-template #breadcrumbs .container-large > span,
.page-template-academie-v2-template #breadcrumbs .container-large > span,
.page-template-default #breadcrumbs .container-large > span,
.page-template-cursusoverzicht-template #breadcrumbs .container-large > span,
.page-template-opleidingsagenda #breadcrumbs .container-large > span,
.page-template-contact-pagina #breadcrumbs .container-large > span,
.single #breadcrumbs .container-large > span,
.page-template-samen-wyzer-overzicht-template #breadcrumbs .container-large > span,
.page-template-samen-wyzer-catalog #breadcrumbs .container-large > span,
.page-template-academie-thema-template #breadcrumbs .container-large > span,
.single-werkveld #breadcrumbs .container-large > span {
display: flex;
align-items: center;
flex-wrap: wrap;
}
.page-template-werkenbij-overzicht-template #breadcrumbs a,
.page-template-werkvelden-template #breadcrumbs a,
.page-template-werkenbij-catalog-template #breadcrumbs a,
.page-template-over-wyzer-template #breadcrumbs a,
.page-template-academie-template #breadcrumbs a,
.page-template-academie-v2-template #breadcrumbs a,
.page-template-default #breadcrumbs a,
.page-template-cursusoverzicht-template #breadcrumbs a,
.page-template-opleidingsagenda #breadcrumbs a,
.page-template-contact-pagina #breadcrumbs a,
.single #breadcrumbs a,
.page-template-samen-wyzer-overzicht-template #breadcrumbs a,
.page-template-samen-wyzer-catalog #breadcrumbs a,
.page-template-academie-thema-template #breadcrumbs a,
.single-werkveld #breadcrumbs a {
text-decoration: none;
}
.page-template-werkenbij-overzicht-template #breadcrumbs .breadcrumb-icon,
.page-template-werkvelden-template #breadcrumbs .breadcrumb-icon,
.page-template-werkenbij-catalog-template #breadcrumbs .breadcrumb-icon,
.page-template-over-wyzer-template #breadcrumbs .breadcrumb-icon,
.page-template-academie-template #breadcrumbs .breadcrumb-icon,
.page-template-academie-v2-template #breadcrumbs .breadcrumb-icon,
.page-template-default #breadcrumbs .breadcrumb-icon,
.page-template-cursusoverzicht-template #breadcrumbs .breadcrumb-icon,
.page-template-opleidingsagenda #breadcrumbs .breadcrumb-icon,
.page-template-contact-pagina #breadcrumbs .breadcrumb-icon,
.single #breadcrumbs .breadcrumb-icon,
.page-template-samen-wyzer-overzicht-template #breadcrumbs .breadcrumb-icon,
.page-template-samen-wyzer-catalog #breadcrumbs .breadcrumb-icon,
.page-template-academie-thema-template #breadcrumbs .breadcrumb-icon,
.single-werkveld #breadcrumbs .breadcrumb-icon {
width: 2rem;
height: 1rem;
display: inline-block;
margin-top: 2px;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='21' viewBox='0 0 12 21' fill='none'%3E%3Cpath d='M1.44043 1L10.488 10.5L1.44043 20' stroke='%23ffffff' stroke-width='1.35714'/%3E%3C/svg%3E");
}
.page-template-werkenbij-overzicht-template #breadcrumbs,
.page-template-werkenbij-gemeentes-template #breadcrumbs,
.page-template-over-wyzer-template #breadcrumbs,
.page-template-academie-template #breadcrumbs,
.page-template-academie-v2-template #breadcrumbs,
.page-template-samen-wyzer-overzicht-template #breadcrumbs,
.page-template-cursusoverzicht-2025-template #breadcrumbs,
.page-template-samen-wyzer-catalog #breadcrumbs {
display: none;
}
body[class*="parent-pageid-"].page-template-samen-wyzer-overzicht-template #breadcrumbs {
display: block;
}
#onze-partners-mover .partner-relative {
position: relative;
}
#onze-partners-mover .partner-relative .partner-absolute:not(.splide__track) {
transition: all linear 150ms;
left: 0;
top: 0;
display: flex;
column-gap: 1em;
overflow: visible;
}
#onze-partners-mover .partner-relative .partner-absolute:not(.splide__track) .partner-sizer {
height: 100%;
width: calc(70em / 3);
}
#onze-partners-mover .splide__arrows {
position: absolute;
bottom: calc(100% + 3.5em);
right: 0;
}
#onze-partners-mover .splide__arrows .splide__arrow {
position: relative;
display: inline-block;
top: unset;
left: unset;
right: unset;
transform: none;
opacity: 1;
background: transparent;
border-radius: 0;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
#onze-partners-mover .splide__arrows .splide__arrow[disabled] {
opacity: 0.3;
}
#onze-partners-mover .splide__arrows .splide__arrow svg {
display: none;
}
#onze-partners-mover .splide__arrows .splide__arrow.splide__arrow--next {
background-size: 0.6rem;
background-repeat: no-repeat;
background-position: center;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='21' viewBox='0 0 12 21' fill='none'%3E%3Cpath d='M1.44043 1L10.488 10.5L1.44043 20' stroke='%23450052' stroke-width='1.35714'/%3E%3C/svg%3E");
}
#onze-partners-mover .splide__arrows .splide__arrow.splide__arrow--prev {
background-size: 0.6rem;
background-repeat: no-repeat;
background-position: center;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='21' viewBox='0 0 11 21' fill='none'%3E%3Cpath d='M10.2979 20L1.25023 10.5L10.2979 1' stroke='%23450052' stroke-width='1.35714'/%3E%3C/svg%3E");
}
@media screen and (max-width: 567.9px) {
#onze-partners-mover .splide__arrows {
bottom: calc(100% + 1.5em);
}
}
#onze-partners-mover .partner-inner-box {
display: flex;
flex-direction: column;
height: 100%;
}
#onze-partners-mover .partner-inner-box .partner-text {
flex: 1;
}
#onze-partners-mover .partner-inner-box .partner-logo {
display: block;
height: 70px;
}
#onze-partners-mover .partner-inner-box .partner-logo img {
display: block;
width: auto;
height: 100%;
object-fit: contain;
max-width: 220px;
}
.banner-section.werkenbij-banner::before,
.banner-section.werkenbij-banner::after {
content: unset;
}
#banner-search-params select {
display: inline-block;
border-radius: 0;
cursor: pointer;
font-weight: 400;
text-decoration: none;
border: 1px solid;
line-height: 1.4;
font-size: 1.1111rem;
padding-top: 0.58333333em;
padding-bottom: 0.7em;
padding-left: 0.8em;
padding-right: 0.8em;
letter-spacing: -0.025em;
background-color: transparent;
color: inherit;
text-transform: lowercase;
background: #ffffff;
color: #450052;
border-color: #ffffff;
padding-right: 2.4em;
width: 100%;
}
.animatable #banner-search-params select {
transition: all cubic-bezier(0.37, 0.01, 0.62, 1) 325ms;
}
#banner-search-params select span {
text-transform: initial;
}
@media screen and (max-width: 767.9px) {
#banner-search-params select {
font-size: 1rem;
}
}
#banner-search-params select:hover,
#banner-search-params select:focus {
background-color: #5e006b;
color: #ffffff;
}
#banner-search-params select.btn-purple,
#banner-search-params select.purple-btn {
background-color: #450052;
border-color: #450052;
color: #ffffff;
}
#banner-search-params select.btn-purple:hover,
#banner-search-params select.purple-btn:hover,
#banner-search-params select.btn-purple:focus,
#banner-search-params select.purple-btn:focus {
background-color: #5e006b;
color: #ffffff;
border-color: #5e006b;
}
#banner-search-params select.white-btn,
#banner-search-params select.btn-white {
background: #ffffff;
color: #450052;
border-color: #ffffff;
}
#banner-search-params select.white-btn:hover,
#banner-search-params select.btn-white:hover,
#banner-search-params select.white-btn:focus,
#banner-search-params select.btn-white:focus {
background-color: #f0c8f1;
color: #5e006b;
border-color: #f0c8f1;
}
#banner-search-params select.default,
#banner-search-params select.default-btn {
border: 1px solid #450052;
background-color: transparent;
color: #450052;
}
#banner-search-params select.default:hover,
#banner-search-params select.default-btn:hover,
#banner-search-params select.default:focus,
#banner-search-params select.default-btn:focus {
color: #94009b;
background-color: transparent;
border-color: #94009b;
}
#banner-search-params select.default-white,
#banner-search-params select.default-white-btn {
border: 1px solid #ffffff;
background-color: transparent;
color: #ffffff;
}
#banner-search-params select.default-white:hover,
#banner-search-params select.default-white-btn:hover,
#banner-search-params select.default-white:focus,
#banner-search-params select.default-white-btn:focus {
color: #450052;
background-color: #ffffff;
border-color: #ffffff;
}
#banner-search-params select.orange,
#banner-search-params select.orange-btn {
background-color: #f85100;
border-color: #f85100;
color: #ffffff;
}
#banner-search-params select.orange:hover,
#banner-search-params select.orange-btn:hover,
#banner-search-params select.orange:focus,
#banner-search-params select.orange-btn:focus {
color: #ffffff;
background-color: #ee3600;
border-color: #ee3600;
}
#banner-search-params select.light-btn,
#banner-search-params select.btn-light {
padding-left: 0;
padding-top: 0.35em;
padding-bottom: 0.35em;
border: unset;
padding-right: 1.6em;
position: relative;
font-weight: 600;
}
#banner-search-params select.light-btn::after,
#banner-search-params select.btn-light::after {
content: "";
position: absolute;
top: 0;
right: 0.4em;
bottom: 0;
left: auto;
width: 0.8em;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='16' viewBox='0 0 19 16' fill='none'%3E%3Cpath d='M11.3333 1L18 8M18 8L11.3333 15M18 8H9H0' stroke='%23450052'/%3E%3C/svg%3E");
}
.animatable #banner-search-params select.light-btn::after,
.animatable #banner-search-params select.btn-light::after {
transition: all cubic-bezier(0.37, 0.01, 0.62, 1) 325ms;
}
#banner-search-params select.light-btn:hover,
#banner-search-params select.btn-light:hover,
#banner-search-params select.light-btn:focus,
#banner-search-params select.btn-light:focus {
background-color: transparent;
color: inherit;
}
#banner-search-params select.light-btn:hover::after,
#banner-search-params select.btn-light:hover::after,
#banner-search-params select.light-btn:focus::after,
#banner-search-params select.btn-light:focus::after {
right: 0;
}
#banner-search-params select.light-btn.clr-light::after,
#banner-search-params select.btn-light.clr-light::after {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='16' viewBox='0 0 19 16' fill='none'%3E%3Cpath d='M11.3333 1L18 8M18 8L11.3333 15M18 8H9H0' stroke='%23ffffff'/%3E%3C/svg%3E");
}
#banner-search-params select.light-btn.clr-light:hover,
#banner-search-params select.btn-light.clr-light:hover,
#banner-search-params select.light-btn.clr-light:focus,
#banner-search-params select.btn-light.clr-light:focus {
color: #ffffff;
}
#banner-search-params select.light-btn.no-arrow,
#banner-search-params select.btn-light.no-arrow {
padding-right: 0.4em;
}
#banner-search-params select.light-btn.no-arrow::after,
#banner-search-params select.btn-light.no-arrow::after {
content: unset;
}
#banner-search-params select .btn-w-arrow:hover,
#banner-search-params select .btn-w-arrow:focus {
margin-right: 1em;
}
#banner-search-params select.btn-dark {
background-color: #450052;
border-color: #450052;
color: #ffffff;
}
#banner-search-params select.btn-dark:hover,
#banner-search-params select.btn-dark:focus {
background-color: #5e006b;
border-color: #5e006b;
color: #ffffff;
}
#banner-search-params select.external-btn {
padding-right: 1.6em;
position: relative;
}
#banner-search-params select.external-btn::after {
content: "";
position: absolute;
top: 0;
right: 0.4em;
bottom: 0;
left: auto;
width: 0.8em;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23450052' d='M488 0h-135.3c-13.25 0-25.09 7.906-30.19 20.16c-5.062 12.28-2.281 26.25 7.094 35.63l40.69 40.69L177.4 289.4c-12.5 12.5-12.5 32.75 0 45.25C183.6 340.9 191.8 344 200 344s16.38-3.125 22.62-9.375l192.9-192.9l40.69 40.69C462.5 188.7 470.8 192 479.3 192c4.219 0 8.469-.8125 12.56-2.5C504.1 184.4 512 172.6 512 159.3V24C512 10.75 501.3 0 488 0zM392 320c-13.25 0-24 10.75-24 24v112c0 4.406-3.594 8-8 8h-304c-4.406 0-8-3.594-8-8v-304c0-4.406 3.594-8 8-8h112C181.3 144 192 133.3 192 120S181.3 96 168 96h-112C25.13 96 0 121.1 0 152v304C0 486.9 25.13 512 56 512h304c30.88 0 56-25.12 56-56v-112C416 330.8 405.3 320 392 320z'/%3E%3C/svg%3E");
}
.animatable #banner-search-params select.external-btn::after {
transition: all cubic-bezier(0.37, 0.01, 0.62, 1) 325ms;
}
#banner-search-params select.external-btn:hover::after,
#banner-search-params select.external-btn:focus::after {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23ffffff' d='M488 0h-135.3c-13.25 0-25.09 7.906-30.19 20.16c-5.062 12.28-2.281 26.25 7.094 35.63l40.69 40.69L177.4 289.4c-12.5 12.5-12.5 32.75 0 45.25C183.6 340.9 191.8 344 200 344s16.38-3.125 22.62-9.375l192.9-192.9l40.69 40.69C462.5 188.7 470.8 192 479.3 192c4.219 0 8.469-.8125 12.56-2.5C504.1 184.4 512 172.6 512 159.3V24C512 10.75 501.3 0 488 0zM392 320c-13.25 0-24 10.75-24 24v112c0 4.406-3.594 8-8 8h-304c-4.406 0-8-3.594-8-8v-304c0-4.406 3.594-8 8-8h112C181.3 144 192 133.3 192 120S181.3 96 168 96h-112C25.13 96 0 121.1 0 152v304C0 486.9 25.13 512 56 512h304c30.88 0 56-25.12 56-56v-112C416 330.8 405.3 320 392 320z'/%3E%3C/svg%3E");
}
#banner-search-params select:hover,
#banner-search-params select:focus {
background-color: #f0c8f1;
color: #5e006b;
border-color: #f0c8f1;
}
#banner-search-params select.btn-white:hover,
#banner-search-params select.btn-white:focus,
#banner-search-params select.btn-white:focus-within {
outline: none;
background-color: #ffffff;
border-bottom-color: #94009b;
}
#banner-search-params input {
width: 100%;
font-size: 1.1111rem;
}
@media screen and (max-width: 767.9px) {
#banner-search-params input {
font-size: 1rem;
}
}
#banner-search-params option:checked,
#banner-search-params input {
color: #3c3b3b;
}
#banner-search-params .single-param {
padding-right: 1rem;
width: 100%;
}
#banner-search-params .single-param label {
position: absolute;
height: 1px;
width: 1px;
overflow: hidden;
clip: rect(1px 1px 1px 1px);
clip: rect(1px, 1px, 1px, 1px);
}
.collapsible-filter-group .collapsible {
border-bottom: 1px solid;
}
.collapsible-filter-group .collapsible .collapse-title {
padding: 1rem 0rem;
position: relative;
cursor: pointer;
}
.collapsible-filter-group .collapsible .collapse-title:after {
content: "";
position: absolute;
top: 0;
right: 0;
width: 2em;
height: 100%;
display: block;
background-size: 1rem;
background-repeat: no-repeat;
background-position: center;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='12' viewBox='0 0 21 12' fill='none'%3E%3Cpath d='M20 1.4762L10.5 10.5238L1 1.4762' stroke='%23450052' stroke-width='1.35714'/%3E%3C/svg%3E");
}
.animatable .collapsible-filter-group .collapsible .collapse-title:after {
transition: all cubic-bezier(0.37, 0.01, 0.62, 1) 325ms;
}
.collapsible-filter-group .collapsible .collapse-title.active:after {
transform: scaleY(-1);
}
.collapsible-filter-group .collapsible .collapse-content {
overflow: hidden;
}
.animatable .collapsible-filter-group .collapsible .collapse-content {
transition: all cubic-bezier(0.37, 0.01, 0.62, 1) 325ms;
}
.collapsible-filter-group .collapsible .collapse-content:not(.active) {
display: none;
}
.collapsible-filter-group .collapsible .collapse-content .single-filter:last-child {
margin-bottom: 2.5em;
}
#filter-sidebar {
padding-right: 2rem;
}
#filter-sidebar .single-filter:not(.range-slider) {
display: flex;
width: 100%;
align-items: center;
padding: 0.15rem 0;
}
#filter-sidebar .filter-group input[type="checkbox"],
#filter-sidebar .filter-group input[type="radio"] {
width: 1rem;
height: 1rem;
margin-right: 1rem;
cursor: pointer;
border: 1px solid #450052;
display: inline-block;
vertical-align: middle;
appearance: unset;
color: #450052;
box-shadow: unset;
}
#filter-sidebar .filter-group input[type="checkbox"]:checked,
#filter-sidebar .filter-group input[type="radio"]:checked {
box-shadow: unset;
background: #450052;
}
#filter-sidebar .filter-group input[type="checkbox"] {
border-radius: 0;
background: transparent;
appearance: unset;
}
#filter-sidebar .filter-group input[type="checkbox"]:checked {
background: #450052;
}
#filter-sidebar .search-input {
border: 1px solid #450052;
outline: none;
border-radius: 0;
padding: 1em;
width: 100%;
margin: 0;
}
#filter-sidebar .search-input-wrapper {
position: relative;
}
#filter-sidebar .search-input-wrapper:after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: block;
background-size: 1rem;
background-repeat: no-repeat;
background-position: center;
background-image: url("data:image/svg+xml,%0A%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='11' cy='11' r='9' stroke='%23450052' stroke-width='2'/%3E%3Cpath d='M17 17L22 22' stroke='%23450052' stroke-width='2'/%3E%3C/svg%3E%0A");
width: 2rem;
left: unset;
right: 0;
}
#filter-sidebar ::-webkit-input-placeholder {
color: rgba(69, 0, 82, 0.3);
}
.vacature-overzicht-banner h1,
.cursus-overzicht-banner h1 {
margin-bottom: -0.22ch;
}
#pagination .pagination {
display: flex;
flex-wrap: wrap;
padding-left: 0;
list-style: none;
justify-content: center;
}
#pagination .pagination .page-item.disabled .page-link {
color: #450052;
pointer-events: none;
}
#pagination .pagination .page-item.active .page-link {
z-index: 2;
color: #450052;
position: relative;
}
#pagination .pagination .page-item.active .page-link::after {
background-color: #94009b;
}
#pagination .pagination .page-item .page-link {
padding: 0.375rem 0.75rem;
position: relative;
display: block;
font-size: 1.1111rem;
color: #450052;
text-decoration: none;
}
@media screen and (max-width: 767.9px) {
#pagination .pagination .page-item .page-link {
font-size: 1rem;
}
}
#pagination .pagination .page-item .page-link::after {
content: "";
position: absolute;
top: 100%;
right: 25%;
bottom: 0;
left: 25%;
height: 1px;
background: transparent;
}
.animatable #pagination .pagination .page-item .page-link::after {
transition: all cubic-bezier(0.37, 0.01, 0.62, 1) 325ms;
} @supports (--css: variables) {
input[type="range"].multirange {
padding: 0;
margin: 0;
display: inline-block;
vertical-align: top;
}
input[type="range"].multirange::-moz-range-thumb {
transform: scale(1);
}
input[type="range"].multirange.original {
position: absolute;
}
input[type="range"].multirange.original::-webkit-slider-thumb {
position: relative;
z-index: 2;
}
input[type="range"].multirange.original::-moz-range-thumb {
z-index: 2;
}
input[type="range"].multirange::-moz-range-track {
border-color: transparent;
}
input[type="range"].multirange.middle {
position: absolute;
-webkit-appearance: none;
appearance: none;
}
input[type="range"].multirange.middle:focus {
outline: 0;
}
input[type="range"].multirange.middle::-moz-range-thumb {
position: relative;
z-index: 1;
height: 9px;
width: var(--size);
margin-top: 6px;
margin-bottom: 6px;
background: 0 0;
cursor: pointer;
border: 0;
}
input[type="range"].multirange.middle::-webkit-slider-thumb {
position: relative;
z-index: 1;
height: 9px;
width: var(--size);
margin-top: 6px;
margin-bottom: 6px;
background: 0 0;
-webkit-appearance: none;
cursor: pointer;
}
input[type="range"].multirange.ghost {
position: relative;
background: var(--track-background);
--track-background: linear-gradient(to right, transparent var(--low), var(--range-color) 0, var(--range-color) var(--high), transparent 0) no-repeat 0 0.45% 40%;
--range-color: #f85100;
}
input[type="range"].multirange.ghost::-webkit-slider-runnable-track {
background: var(--track-background);
}
input[type="range"].multirange.ghost::-moz-range-track {
background: var(--track-background);
}
input[type="range"].multirange.ghost::-webkit-slider-thumb {
position: relative;
z-index: 2;
}
input[type="range"].multirange.ghost::-moz-range-thumb {
z-index: 2;
}
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
input[type="range"].multirange {
padding: 0;
vertical-align: top;
}
input[type="range"].multirange::-ms-track {
color: transparent;
background: 0 0;
border: 0;
}
input[type="range"].multirange::-ms-fill-lower {
background: 0 0;
}
input[type="range"].multirange::-ms-fill-upper {
background: 0 0;
}
input[type="range"].multirange.original {
position: absolute;
}
input[type="range"].multirange.original::-ms-track {
background: #f85100;
}
input[type="range"].multirange.original::-ms-fill-lower {
background: #ddd;
}
input[type="range"].multirange.middle {
position: absolute;
}
input[type="range"].multirange.ghost {
position: relative;
}
input[type="range"].multirange.ghost::-ms-fill-upper {
background: #ddd;
}
input[type="range"].multirange.switched.original::-ms-fill-lower {
background: 0 0;
}
input[type="range"].multirange.switched.original::-ms-fill-upper {
background: #ddd;
}
input[type="range"].multirange.switched.ghost::-ms-fill-upper {
background: 0 0;
}
input[type="range"].multirange.switched.ghost::-ms-fill-lower {
background: #ddd;
}
}
.range-slider {
position: relative;
}
.range-wrapper {
padding-top: 2em;
}
.range-value {
position: absolute;
top: 0;
}
.range-value span {
width: 30px;
height: 24px;
line-height: 24px;
text-align: center;
background: #450052;
color: #fff;
font-size: 12px;
display: block;
position: absolute;
left: 50%;
transform: translate(-50%, 0);
border-radius: 6px;
}
.range-value span:before {
content: "";
position: absolute;
width: 0;
height: 0;
border-top: 10px solid #450052;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
top: 100%;
left: 50%;
margin-left: -5px;
margin-top: -1px;
}
#hoursPerWeek {
margin-top: 2em;
width: 100%;
height: 1.5rem;
padding: 0;
background-color: transparent;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border-radius: 5px;
background: #f0c8f1;
outline: none;
}
#hoursPerWeek::-webkit-slider-thumb {
-webkit-appearance: none;
appearance: none;
width: 20px;
height: 20px;
border-radius: 50%;
background: #450052;
cursor: pointer;
-webkit-transition: background 0.15s ease-in-out;
transition: background 0.15s ease-in-out;
}
#hoursPerWeek::-webkit-slider-thumb:hover {
background: #94009b;
}
#hoursPerWeek:active::-webkit-slider-thumb {
background: #94009b;
}
#hoursPerWeek::-moz-range-thumb {
width: 20px;
height: 20px;
border: 0;
border-radius: 50%;
background: #450052;
cursor: pointer;
-moz-transition: background 0.15s ease-in-out;
transition: background 0.15s ease-in-out;
}
#hoursPerWeek::-moz-range-thumb:hover {
background: #94009b;
}
#hoursPerWeek:active::-moz-range-thumb {
background: #94009b;
}
#hoursPerWeek:focus::-webkit-slider-thumb {
box-shadow: 0 0 0 3px #f7f7f7, 0 0 0 6px;
}
.tab-container {
display: flex;
flex-direction: column;
overflow: hidden;
}
.tab-container .module_tabs-list {
margin-bottom: 2em;
position: relative;
display: block;
}
.tab-container .module_tabs-list button {
font-size: 1.1111rem;
padding: .7rem .8rem;
border: unset;
outline: unset;
border-bottom: solid 1px;
border-radius: 0px;
background-color: unset;
display: flex;
justify-content: space-between;
width: 100%;
text-align: left;
position: relative;
}
@media screen and (max-width: 767.9px) {
.tab-container .module_tabs-list button {
font-size: 1rem;
}
}
.animatable .tab-container .module_tabs-list button {
transition: all cubic-bezier(0.37, 0.01, 0.62, 1) 325ms;
}
.tab-container .module_tabs-list button .toggle-q {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: auto;
width: 3rem;
background-size: 1rem;
background-repeat: no-repeat;
background-position: center;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='12' viewBox='0 0 21 12' fill='none'%3E%3Cpath d='M20 1.4762L10.5 10.5238L1 1.4762' stroke='%23450052' stroke-width='1.35714'/%3E%3C/svg%3E");
}
.animatable .tab-container .module_tabs-list button .toggle-q {
transition: all cubic-bezier(0.37, 0.01, 0.62, 1) 325ms;
}
@media screen and (max-width: 991px) {
.tab-container .module_tabs-list button {
margin-bottom: 1rem;
}
}
@media screen and (max-width: 450px) {
.tab-container .module_tabs-list button {
margin-right: 0;
text-align: left;
}
}
.tab-container .module_tabs-list button:focus {
border-bottom-color: #94009b;
}
.tab-container .module_tabs-list button.active {
border-bottom-color: #450052;
}
.tab-container .module_tabs-list button.active .toggle-q {
transform: scaleY(-1);
}
.tab-container .module_tabs-content {
position: relative;
margin-bottom: 1.5em;
}
.tab-container .module_tabs-content .tab-content {
transition: all ease 0.25s;
transform-origin: left center;
transform: translateY(10%);
opacity: 0;
z-index: -1;
position: absolute;
top: 0;
right: 0;
left: 0;
padding: 0 0.8rem;
margin-bottom: 2rem;
}
.tab-container .module_tabs-content .tab-content.active {
opacity: 1;
position: relative;
transform: translateY(0%);
z-index: 0;
padding-top: .7rem;
padding-bottom: 1.4rem;
}
#vacature-grid .tab-content h2 {
letter-spacing: -0.05em;
font-size: 2.25rem;
line-height: 1em;
font-weight: 400;
color: #5e006b;
}
#vacature-grid .tab-content h2 strong {
font-weight: inherit;
}
@media screen and (max-width: 1279.9px) {
#vacature-grid .tab-content h2 {
font-size: 2rem;
}
}
@media screen and (max-width: 767.9px) {
#vacature-grid .tab-content h2 {
font-size: 1.75rem;
}
}
.kennis-banner .h1 {
margin-bottom: -13px;
line-height: 104px;
}
@media screen and (max-width: 1600px) {
.kennis-banner .h1 {
margin-bottom: -17px;
}
}
@media screen and (max-width: 1279.9px) {
.kennis-banner .h1 {
position: relative;
margin-bottom: 0;
bottom: -11px;
line-height: 79.2px;
}
}
@media screen and (max-width: 1023.9px) {
.kennis-banner .h1 {
bottom: -17px;
line-height: 70.4px;
}
}
@media screen and (max-width: 991.9px) {
.kennis-banner .h1 {
bottom: -23px;
line-height: 61.6px;
}
}
@media screen and (max-width: 767.9px) {
.kennis-banner .h1 {
bottom: -10px;
line-height: 52.8px;
}
}
@media screen and (max-width: 567.9px) {
.kennis-banner .h1 {
bottom: -18px;
line-height: 44px;
}
}
.kennis-banner-bar {
min-height: 6.5rem;
}
@media screen and (max-width: 767.9px) {
.kennis-banner-bar {
min-height: 4.5rem;
}
}
.kennis_article_content .download-btn {
display: inline-block;
border-radius: 0;
cursor: pointer;
font-weight: 400;
text-decoration: none;
border: 1px solid;
line-height: 1.4;
font-size: 1.1111rem;
padding-top: 0.58333333em;
padding-bottom: 0.7em;
padding-left: 0.8em;
padding-right: 0.8em;
letter-spacing: -0.025em;
background-color: transparent;
color: inherit;
text-transform: lowercase;
padding-left: 0;
padding-top: 0.35em;
padding-bottom: 0.35em;
border: unset;
padding-right: 1.6em;
position: relative;
font-weight: 600;
margin-left: auto;
background-size: 1em;
background-repeat: no-repeat;
background-position: center;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='22.125' viewBox='0 0 24 22.125'%3E%3Cg id='Group_7' data-name='Group 7' transform='translate(1)'%3E%3Cpath id='Stroke_1' data-name='Stroke 1' d='M22,0V9.125a2,2,0,0,1-2,2H2a2,2,0,0,1-2-2V0' transform='translate(0 10)' fill='none' stroke='%23450052' stroke-miterlimit='10' stroke-width='2'/%3E%3Cpath id='Stroke_3' data-name='Stroke 3' d='M.5,0V14' transform='translate(10.5)' fill='none' stroke='%23450052' stroke-miterlimit='10' stroke-width='2'/%3E%3Cpath id='Stroke_5' data-name='Stroke 5' d='M11.375,0,5.688,5.687,0,0' transform='translate(5.313 9.438)' fill='none' stroke='%23450052' stroke-miterlimit='10' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.animatable .kennis_article_content .download-btn {
transition: all cubic-bezier(0.37, 0.01, 0.62, 1) 325ms;
}
.kennis_article_content .download-btn span {
text-transform: initial;
}
@media screen and (max-width: 767.9px) {
.kennis_article_content .download-btn {
font-size: 1rem;
}
}
.kennis_article_content .download-btn:hover,
.kennis_article_content .download-btn:focus {
background-color: #5e006b;
color: #ffffff;
}
.kennis_article_content .download-btn.btn-purple,
.kennis_article_content .download-btn.purple-btn {
background-color: #450052;
border-color: #450052;
color: #ffffff;
}
.kennis_article_content .download-btn.btn-purple:hover,
.kennis_article_content .download-btn.purple-btn:hover,
.kennis_article_content .download-btn.btn-purple:focus,
.kennis_article_content .download-btn.purple-btn:focus {
background-color: #5e006b;
color: #ffffff;
border-color: #5e006b;
}
.kennis_article_content .download-btn.white-btn,
.kennis_article_content .download-btn.btn-white {
background: #ffffff;
color: #450052;
border-color: #ffffff;
}
.kennis_article_content .download-btn.white-btn:hover,
.kennis_article_content .download-btn.btn-white:hover,
.kennis_article_content .download-btn.white-btn:focus,
.kennis_article_content .download-btn.btn-white:focus {
background-color: #f0c8f1;
color: #5e006b;
border-color: #f0c8f1;
}
.kennis_article_content .download-btn.default,
.kennis_article_content .download-btn.default-btn {
border: 1px solid #450052;
background-color: transparent;
color: #450052;
}
.kennis_article_content .download-btn.default:hover,
.kennis_article_content .download-btn.default-btn:hover,
.kennis_article_content .download-btn.default:focus,
.kennis_article_content .download-btn.default-btn:focus {
color: #94009b;
background-color: transparent;
border-color: #94009b;
}
.kennis_article_content .download-btn.default-white,
.kennis_article_content .download-btn.default-white-btn {
border: 1px solid #ffffff;
background-color: transparent;
color: #ffffff;
}
.kennis_article_content .download-btn.default-white:hover,
.kennis_article_content .download-btn.default-white-btn:hover,
.kennis_article_content .download-btn.default-white:focus,
.kennis_article_content .download-btn.default-white-btn:focus {
color: #450052;
background-color: #ffffff;
border-color: #ffffff;
}
.kennis_article_content .download-btn.orange,
.kennis_article_content .download-btn.orange-btn {
background-color: #f85100;
border-color: #f85100;
color: #ffffff;
}
.kennis_article_content .download-btn.orange:hover,
.kennis_article_content .download-btn.orange-btn:hover,
.kennis_article_content .download-btn.orange:focus,
.kennis_article_content .download-btn.orange-btn:focus {
color: #ffffff;
background-color: #ee3600;
border-color: #ee3600;
}
.kennis_article_content .download-btn.light-btn,
.kennis_article_content .download-btn.btn-light {
padding-left: 0;
padding-top: 0.35em;
padding-bottom: 0.35em;
border: unset;
padding-right: 1.6em;
position: relative;
font-weight: 600;
}
.kennis_article_content .download-btn.light-btn::after,
.kennis_article_content .download-btn.btn-light::after {
content: "";
position: absolute;
top: 0;
right: 0.4em;
bottom: 0;
left: auto;
width: 0.8em;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='16' viewBox='0 0 19 16' fill='none'%3E%3Cpath d='M11.3333 1L18 8M18 8L11.3333 15M18 8H9H0' stroke='%23450052'/%3E%3C/svg%3E");
}
.animatable .kennis_article_content .download-btn.light-btn::after,
.animatable .kennis_article_content .download-btn.btn-light::after {
transition: all cubic-bezier(0.37, 0.01, 0.62, 1) 325ms;
}
.kennis_article_content .download-btn.light-btn:hover,
.kennis_article_content .download-btn.btn-light:hover,
.kennis_article_content .download-btn.light-btn:focus,
.kennis_article_content .download-btn.btn-light:focus {
background-color: transparent;
color: inherit;
}
.kennis_article_content .download-btn.light-btn:hover::after,
.kennis_article_content .download-btn.btn-light:hover::after,
.kennis_article_content .download-btn.light-btn:focus::after,
.kennis_article_content .download-btn.btn-light:focus::after {
right: 0;
}
.kennis_article_content .download-btn.light-btn.clr-light::after,
.kennis_article_content .download-btn.btn-light.clr-light::after {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='16' viewBox='0 0 19 16' fill='none'%3E%3Cpath d='M11.3333 1L18 8M18 8L11.3333 15M18 8H9H0' stroke='%23ffffff'/%3E%3C/svg%3E");
}
.kennis_article_content .download-btn.light-btn.clr-light:hover,
.kennis_article_content .download-btn.btn-light.clr-light:hover,
.kennis_article_content .download-btn.light-btn.clr-light:focus,
.kennis_article_content .download-btn.btn-light.clr-light:focus {
color: #ffffff;
}
.kennis_article_content .download-btn.light-btn.no-arrow,
.kennis_article_content .download-btn.btn-light.no-arrow {
padding-right: 0.4em;
}
.kennis_article_content .download-btn.light-btn.no-arrow::after,
.kennis_article_content .download-btn.btn-light.no-arrow::after {
content: unset;
}
.kennis_article_content .download-btn .btn-w-arrow:hover,
.kennis_article_content .download-btn .btn-w-arrow:focus {
margin-right: 1em;
}
.kennis_article_content .download-btn.btn-dark {
background-color: #450052;
border-color: #450052;
color: #ffffff;
}
.kennis_article_content .download-btn.btn-dark:hover,
.kennis_article_content .download-btn.btn-dark:focus {
background-color: #5e006b;
border-color: #5e006b;
color: #ffffff;
}
.kennis_article_content .download-btn.external-btn {
padding-right: 1.6em;
position: relative;
}
.kennis_article_content .download-btn.external-btn::after {
content: "";
position: absolute;
top: 0;
right: 0.4em;
bottom: 0;
left: auto;
width: 0.8em;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23450052' d='M488 0h-135.3c-13.25 0-25.09 7.906-30.19 20.16c-5.062 12.28-2.281 26.25 7.094 35.63l40.69 40.69L177.4 289.4c-12.5 12.5-12.5 32.75 0 45.25C183.6 340.9 191.8 344 200 344s16.38-3.125 22.62-9.375l192.9-192.9l40.69 40.69C462.5 188.7 470.8 192 479.3 192c4.219 0 8.469-.8125 12.56-2.5C504.1 184.4 512 172.6 512 159.3V24C512 10.75 501.3 0 488 0zM392 320c-13.25 0-24 10.75-24 24v112c0 4.406-3.594 8-8 8h-304c-4.406 0-8-3.594-8-8v-304c0-4.406 3.594-8 8-8h112C181.3 144 192 133.3 192 120S181.3 96 168 96h-112C25.13 96 0 121.1 0 152v304C0 486.9 25.13 512 56 512h304c30.88 0 56-25.12 56-56v-112C416 330.8 405.3 320 392 320z'/%3E%3C/svg%3E");
}
.animatable .kennis_article_content .download-btn.external-btn::after {
transition: all cubic-bezier(0.37, 0.01, 0.62, 1) 325ms;
}
.kennis_article_content .download-btn.external-btn:hover::after,
.kennis_article_content .download-btn.external-btn:focus::after {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23ffffff' d='M488 0h-135.3c-13.25 0-25.09 7.906-30.19 20.16c-5.062 12.28-2.281 26.25 7.094 35.63l40.69 40.69L177.4 289.4c-12.5 12.5-12.5 32.75 0 45.25C183.6 340.9 191.8 344 200 344s16.38-3.125 22.62-9.375l192.9-192.9l40.69 40.69C462.5 188.7 470.8 192 479.3 192c4.219 0 8.469-.8125 12.56-2.5C504.1 184.4 512 172.6 512 159.3V24C512 10.75 501.3 0 488 0zM392 320c-13.25 0-24 10.75-24 24v112c0 4.406-3.594 8-8 8h-304c-4.406 0-8-3.594-8-8v-304c0-4.406 3.594-8 8-8h112C181.3 144 192 133.3 192 120S181.3 96 168 96h-112C25.13 96 0 121.1 0 152v304C0 486.9 25.13 512 56 512h304c30.88 0 56-25.12 56-56v-112C416 330.8 405.3 320 392 320z'/%3E%3C/svg%3E");
}
.kennis_article_content .download-btn::after {
content: "";
position: absolute;
top: 0;
right: 0.4em;
bottom: 0;
left: auto;
width: 0.8em;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='16' viewBox='0 0 19 16' fill='none'%3E%3Cpath d='M11.3333 1L18 8M18 8L11.3333 15M18 8H9H0' stroke='%23450052'/%3E%3C/svg%3E");
}
.animatable .kennis_article_content .download-btn::after {
transition: all cubic-bezier(0.37, 0.01, 0.62, 1) 325ms;
}
.kennis_article_content .download-btn:hover,
.kennis_article_content .download-btn:focus {
background-color: transparent;
color: inherit;
}
.kennis_article_content .download-btn:hover::after,
.kennis_article_content .download-btn:focus::after {
right: 0;
}
.kennis_article_content .download-btn.clr-light::after {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='16' viewBox='0 0 19 16' fill='none'%3E%3Cpath d='M11.3333 1L18 8M18 8L11.3333 15M18 8H9H0' stroke='%23ffffff'/%3E%3C/svg%3E");
}
.kennis_article_content .download-btn.clr-light:hover,
.kennis_article_content .download-btn.clr-light:focus {
color: #ffffff;
}
.kennis_article_content .download-btn.no-arrow {
padding-right: 0.4em;
}
.kennis_article_content .download-btn.no-arrow::after {
content: unset;
}
.kennis_article_content .download-btn::after {
content: unset;
}
#cursus_liveresults {
position: relative;
}
#cursus_liveresults .cursus_live_listing {
position: absolute;
top: 0;
left: 0;
right: 0;
background: #fff;
z-index: 2;
}
#cursus_liveresults .g_a_f_pagination {
display: none;
}
.search-cursus-wrapper {
position: relative;
}
.search-cursus-wrapper #search_cursus {
width: 100%;
border: none;
outline: none;
border-radius: 0;
padding: 1em;
margin: 0;
color: #450052;
}
.search-cursus-wrapper::after {
content: "";
top: 0;
right: 0;
bottom: 0;
width: 3em;
position: absolute;
background-size: 1.5em;
background-repeat: no-repeat;
background-position: center;
background-image: url("data:image/svg+xml,%0A%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='11' cy='11' r='9' stroke='%23450052' stroke-width='2'/%3E%3Cpath d='M17 17L22 22' stroke='%23450052' stroke-width='2'/%3E%3C/svg%3E%0A");
}
.cursus_search_entry {
padding-left: 1em;
padding-right: 1em;
padding-top: 0.5em;
padding-bottom: 0.5em;
border-bottom: 1px solid #450052;
}
.cursus_search_entry p {
margin: 0;
color: #450052;
}
.live_search_ghost {
position: absolute;
top: 100%;
left: 0;
right: 0;
background: white;
text-align: center;
color: #450052;
padding: 0.25em 1em;
max-width: 600px;
}
#cursus_liveresults .cursus_live_listing {
display: none;
}
#cursus_liveresults .cursus_live_listing.visible {
display: block;
}
.lds-ellipsis {
display: inline-block;
position: relative;
width: 80px;
height: 80px;
}
.lds-ellipsis div {
position: absolute;
top: 33px;
width: 13px;
height: 13px;
border-radius: 50%;
background: #450052;
animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
.lds-ellipsis div:nth-child(1) {
left: 8px;
animation: lds-ellipsis1 0.6s infinite;
}
.lds-ellipsis div:nth-child(2) {
left: 8px;
animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(3) {
left: 32px;
animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(4) {
left: 56px;
animation: lds-ellipsis3 0.6s infinite;
}
@keyframes lds-ellipsis1 {
0% {
transform: scale(0);
}
100% {
transform: scale(1);
}
}
@keyframes lds-ellipsis3 {
0% {
transform: scale(1);
}
100% {
transform: scale(0);
}
}
@keyframes lds-ellipsis2 {
0% {
transform: translate(0, 0);
}
100% {
transform: translate(24px, 0);
}
}
#search_cursus {
min-width: 12em;
}
.search_academie #thema {
min-width: 11em;
}
.search_academie #locatie {
min-width: 11em;
}
.text-block .youtube.video {
padding-top: 0;
max-width: 100%;
height: 100%;
}
.academie-usps .academie-usp-item {
padding-left: 1.5rem;
position: relative;
}
.academie-usps .academie-usp-item::before {
content: "";
position: absolute;
top: 0;
right: auto;
bottom: 0;
left: 0;
width: 1rem;
background-size: 0.8em;
background-repeat: no-repeat;
background-position: center;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='11' viewBox='0 0 14 11' fill='none'%3E%3Cpath d='M1.5 5.79998L5.375 9.89998L12.5 1.09998' stroke='%23450052' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
#highlighted.highlighted-widget {
position: fixed;
right: 0;
top: 65%;
transform: translateY(-50%);
width: 450px;
max-width: 80vw;
z-index: 99;
transform-origin: top;
}
.animatable #highlighted.highlighted-widget {
transition: all cubic-bezier(0.37, 0.01, 0.62, 1) 500ms;
}
#highlighted.highlighted-widget a:hover,
#highlighted.highlighted-widget a:focus {
color: white;
}
#highlighted.highlighted-widget .highlighted-inner {
padding: 1em;
display: flex;
gap: .5em;
align-items: center;
}
.animatable #highlighted.highlighted-widget .highlighted-inner {
transition: all cubic-bezier(0.37, 0.01, 0.62, 1) 500ms;
}
#highlighted.highlighted-widget .highlighted-inner .highlighted-image {
display: block;
flex: 1 1 120px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' id='Laag_1' x='0px' y='0px' viewBox='0 0 239.59 267' style='enable-background:new 0 0 239.59 267;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23450052;%7D%0A%3C/style%3E%3Cg id='Group_6-2_00000100351693083654270370000005105431084259050140_'%3E%3Cpath id='Fill_4_00000073706174446132766780000012015792883354142623_' class='st0' d='M120.03,267 c-9.69-0.01-19.22-2.56-27.61-7.4l-18.77-10.84c-1.32-0.76-1.78-2.44-1.03-3.76c0.24-0.43,0.6-0.78,1.03-1.03l165.98-95.82v56.24 c0,1.31-0.7,2.53-1.83,3.19l-90.15,52.03C139.25,264.45,129.73,267,120.03,267z M51.01,235.7L51.01,235.7L2.31,207.59 c-1.14-0.66-1.84-1.88-1.84-3.2V100.35C0.5,80.63,11.02,62.41,28.08,52.52l18.78-10.85c0.42-0.24,0.89-0.37,1.38-0.37 c1.52,0,2.76,1.24,2.76,2.76L51.01,235.7L51.01,235.7z M236.82,124.8c-0.48,0-0.95-0.13-1.37-0.37L69.5,28.61L118.18,0.5 c1.14-0.67,2.55-0.67,3.69,0l90.11,52.02c17.06,9.89,27.57,28.1,27.6,47.82v21.68C239.59,123.55,238.36,124.79,236.82,124.8 C236.83,124.8,236.82,124.8,236.82,124.8z'/%3E%3C/g%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: left;
background-size: contain;
mask-size: contain;
-webkit-mask-size: contain;
mask-repeat: no-repeat;
-webkit-mask-repeat: no-repeat;
mask-position: left;
-webkit-mask-position: left;
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' id='Laag_1' x='0px' y='0px' viewBox='0 0 239.59 267' style='enable-background:new 0 0 239.59 267;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23450052;%7D%0A%3C/style%3E%3Cg%3E%3Cpath class='st0' d='M239.59,148.17v-26.15v-21.68c-0.03-19.72-10.55-37.93-27.6-47.82L121.88,0.5c-1.14-0.67-2.55-0.67-3.69,0 L69.5,28.61l0,0L46.88,41.67c0,0-0.01,0-0.01,0l-11.95,6.9l-0.09,0.05l0,0l-6.74,3.9C11.02,62.41,0.5,80.63,0.47,100.35v104.04 c0,1.32,0.7,2.53,1.84,3.2L51,235.69v0l32.95,19.02l8.47,4.89c8.4,4.84,17.92,7.4,27.61,7.4c9.69,0,19.21-2.55,27.61-7.4 l90.15-52.03c1.13-0.66,1.83-1.88,1.83-3.19v-56.24L239.59,148.17z'/%3E%3Cpolygon class='st0' points='51.01,235.7 51,235.69 51,235.7 '/%3E%3C/g%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' id='Laag_1' x='0px' y='0px' viewBox='0 0 239.59 267' style='enable-background:new 0 0 239.59 267;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23450052;%7D%0A%3C/style%3E%3Cg%3E%3Cpath class='st0' d='M239.59,148.17v-26.15v-21.68c-0.03-19.72-10.55-37.93-27.6-47.82L121.88,0.5c-1.14-0.67-2.55-0.67-3.69,0 L69.5,28.61l0,0L46.88,41.67c0,0-0.01,0-0.01,0l-11.95,6.9l-0.09,0.05l0,0l-6.74,3.9C11.02,62.41,0.5,80.63,0.47,100.35v104.04 c0,1.32,0.7,2.53,1.84,3.2L51,235.69v0l32.95,19.02l8.47,4.89c8.4,4.84,17.92,7.4,27.61,7.4c9.69,0,19.21-2.55,27.61-7.4 l90.15-52.03c1.13-0.66,1.83-1.88,1.83-3.19v-56.24L239.59,148.17z'/%3E%3Cpolygon class='st0' points='51.01,235.7 51,235.69 51,235.7 '/%3E%3C/g%3E%3C/svg%3E");
height: 120px;
width: 120px;
}
.animatable #highlighted.highlighted-widget .highlighted-inner .highlighted-image {
transition: all cubic-bezier(0.37, 0.01, 0.62, 1) 500ms;
}
#highlighted.highlighted-widget .highlighted-inner .highlighted-image img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
.animatable #highlighted.highlighted-widget .highlighted-inner .highlighted-image img {
transition: all cubic-bezier(0.37, 0.01, 0.62, 1) 500ms;
}
#highlighted.highlighted-widget .highlighted-inner .highlighted-title {
margin-top: 0;
margin-bottom: 0;
flex: 1 1 100%;
font-size: 1.125em;
}
#highlighted.highlighted-widget .highlighted-inner .highlighted-content {
flex: 1 1 calc(100% - 120px - .5em);
overflow: hidden;
max-height: 300px;
}
.animatable #highlighted.highlighted-widget .highlighted-inner .highlighted-content {
transition: all cubic-bezier(0.37, 0.01, 0.62, 1) 500ms;
}
#highlighted.highlighted-widget .highlighted-inner .highlighted-content .highlighted-text {
margin-top: 0;
margin-bottom: 0;
font-size: .925em;
}
#highlighted.highlighted-widget .highlighted-inner .highlighted-content .btn {
margin-top: .5em;
padding-left: 1.25em;
padding-right: 1.25em;
padding-top: .5em;
padding-bottom: .5em;
font-size: .925em;
}
.scrolled #highlighted.highlighted-widget {
transform: translateX(75%) translateY(-50%);
width: 410px;
}
.scrolled #highlighted.highlighted-widget .highlighted-inner {
padding: 1em .5em 1em 1em;
}
.scrolled #highlighted.highlighted-widget .highlighted-inner .highlighted-image {
width: 50px;
height: 50px;
flex: 1 1 50px;
}
.scrolled #highlighted.highlighted-widget .highlighted-inner .highlighted-image img {
opacity: 0;
}
.scrolled #highlighted.highlighted-widget .highlighted-inner .highlighted-content {
max-height: 0px;
}
.scrolled #highlighted.highlighted-widget:hover,
.scrolled #highlighted.highlighted-widget:focus {
width: 450px;
transform: translateX(0%) translateY(-50%);
}
.scrolled #highlighted.highlighted-widget:hover .highlighted-inner,
.scrolled #highlighted.highlighted-widget:focus .highlighted-inner {
padding: 1em 1em 1em 1.5em;
}
.scrolled #highlighted.highlighted-widget:hover .highlighted-inner .highlighted-image,
.scrolled #highlighted.highlighted-widget:focus .highlighted-inner .highlighted-image {
width: 120px;
height: 120px;
flex: 1 1 120px;
}
.scrolled #highlighted.highlighted-widget:hover .highlighted-inner .highlighted-image img,
.scrolled #highlighted.highlighted-widget:focus .highlighted-inner .highlighted-image img {
opacity: 1;
}
.scrolled #highlighted.highlighted-widget:hover .highlighted-inner .highlighted-content,
.scrolled #highlighted.highlighted-widget:focus .highlighted-inner .highlighted-content {
max-height: 300px;
}
@media screen and (max-width: 992px) {
#highlighted.highlighted-widget {
display: none;
}
}
.opleidings-agenda .month-title + .evenement-list-item {
border-top: 1px solid #450052;
}
.opleidings-agenda .evenement-list-inner .day-number {
width: 2em;
margin-right: 1em;
}
.opleidings-agenda .evenement-list-inner .evenement-title {
flex: 1 1 100%;
}
.opleidings-agenda .evenement-list-inner .evenement-location {
flex: 1 1 20%;
}
.opleidings-agenda .evenement-list-inner .evenement-button {
flex: 1 1 25%;
text-align: right;
}
.opleidings-agenda .event-list-pagination .btn {
margin-left: 2em;
}
.opleidings-agenda .evenement-list-item .evenement-list-inner .evenement-duration span,
.opleidings-agenda .evenement-list-item .evenement-list-inner .evenement-price span,
.opleidings-agenda .evenement-list-item .evenement-list-inner .evenement-location span {
position: relative;
padding-left: 1.5em;
}
.opleidings-agenda .evenement-list-item .evenement-list-inner .evenement-duration span::before,
.opleidings-agenda .evenement-list-item .evenement-list-inner .evenement-price span::before,
.opleidings-agenda .evenement-list-item .evenement-list-inner .evenement-location span::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 1em;
bottom: 0;
background-size: 1rem;
background-repeat: no-repeat;
background-position: center;
}
.opleidings-agenda .evenement-list-item .evenement-list-inner .evenement-location span::before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='21' viewBox='0 0 17 21' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15.3004 7.841C15.3004 14.591 8.49996 19.5 8.49996 19.5C8.49996 19.5 1.69946 14.591 1.69946 7.841C1.69946 4.339 4.74419 1.5 8.49996 1.5C12.2557 1.5 15.3004 4.339 15.3004 7.841Z' stroke='%23450052' stroke-width='2' stroke-linejoin='round'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.2944 7.8947C11.2944 9.3337 10.0429 10.4997 8.50065 10.4997C6.95738 10.4997 5.70581 9.3337 5.70581 7.8947C5.70581 6.4567 6.95738 5.2897 8.50065 5.2897C10.0429 5.2897 11.2944 6.4567 11.2944 7.8947Z' stroke='%23450052' stroke-width='2'/%3E%3C/svg%3E");
}
.opleidings-agenda .evenement-list-item .evenement-list-inner .evenement-duration {
flex: 1 1 20%;
}
.opleidings-agenda .evenement-list-item .evenement-list-inner .evenement-duration span:before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='21' viewBox='0 0 20 21' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M19 10.5C19 15.4701 14.9701 19.5 10 19.5C5.02988 19.5 1 15.4701 1 10.5C1 5.52988 5.02988 1.5 10 1.5C14.9701 1.5 19 5.52988 19 10.5Z' stroke='%23450052' stroke-width='2'/%3E%3Cpath d='M9.53623 12V6' stroke='%23450052' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M9.62891 12H13.8255' stroke='%23450052' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
}
.opleidings-agenda .evenement-list-item .evenement-list-inner .evenement-price {
flex: 1 1 20%;
}
.opleidings-agenda .evenement-list-item .evenement-list-inner .evenement-price span:before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17.239' height='17.026' viewBox='0 0 17.239 17.026'%3E%3Cg id='Group_7' data-name='Group 7' transform='translate(1 1)'%3E%3Cpath id='Stroke_1' data-name='Stroke 1' d='M12.825,12.825a7.513,7.513,0,1,1,0-10.625' transform='translate(2)' fill='none' stroke='%23450052' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2'/%3E%3Cpath id='Stroke_3' data-name='Stroke 3' d='M0,.5H10' transform='translate(0 5.388)' fill='none' stroke='%23450052' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2'/%3E%3Cpath id='Stroke_5' data-name='Stroke 5' d='M0,.5H10' transform='translate(0 8.513)' fill='none' stroke='%23450052' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.opleidings-agenda .evenement-list-item .evenement-list-inner .evenement-button {
flex: 1 1 30%;
}
.opleidings-agenda .search-cursus-wrapper #search_cursus {
border-bottom: 1px solid #450052;
}
.opleidings-agenda #cursus_liveresults .cursus_live_listing,
.opleidings-agenda #cursus_liveresults .live_search_ghost.no-results {
position: relative;
}
.projecten-section.content-section {
padding-top: 5em;
padding-bottom: 5em;
position: relative;
margin-top: 3em;
}
.projecten-section.content-section .text-content > :first-child {
margin-top: 0;
}
@media screen and (max-width: 767px) {
.projecten-section.content-section .text-content {
margin-bottom: 2em;
}
}
.projecten-section.content-section .bg-picture {
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: -1;
}
.projecten-section.content-section .bg-picture::before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 2;
background-color: #450052;
mix-blend-mode: multiply;
}
.projecten-section.content-section .bg-picture .bg-img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.projecten-section.content-section .pure-g {
align-items: center;
}
@media screen and (max-width: 767px) {
.projecten-section.content-section .pure-g {
flex-direction: column-reverse;
}
}
.projecten-section.content-section .pure-g > div {
padding-bottom: 0;
}
.projecten-section.content-section .projecten-group {
position: relative;
display: grid;
grid-template-rows: 1fr auto;
grid-template-columns: 5rem auto;
grid-column-gap: 1em;
grid-row-gap: 2em;
grid-template-areas: "slider slider" "arrows dots";
}
.projecten-section.content-section .projecten-group-content {
grid-area: slider;
}
.projecten-section.content-section .projecten-group .splide__arrows {
grid-area: arrows;
display: flex;
gap: .5em;
align-items: center;
}
.projecten-section.content-section .projecten-group .splide__arrows .splide__arrow {
position: relative;
left: unset;
right: unset;
top: unset;
transform: unset;
opacity: 1;
background-color: transparent;
border: 1px solid;
color: #FFF;
border-radius: 0px;
width: 2rem;
height: 2rem;
}
.animatable .projecten-section.content-section .projecten-group .splide__arrows .splide__arrow {
transition: all cubic-bezier(0.37, 0.01, 0.62, 1) 325ms;
}
.projecten-section.content-section .projecten-group .splide__arrows .splide__arrow svg {
width: 1em;
height: 1em;
}
.projecten-section.content-section .projecten-group .splide__arrows .splide__arrow[disabled] {
opacity: .5;
}
.projecten-section.content-section .projecten-group .splide__arrows .splide__arrow:hover,
.projecten-section.content-section .projecten-group .splide__arrows .splide__arrow:focus {
background-color: #FFf;
}
.projecten-section.content-section .projecten-group .splide__arrows .splide__arrow:hover svg,
.projecten-section.content-section .projecten-group .splide__arrows .splide__arrow:focus svg {
fill: #450052;
}
.projecten-section.content-section .projecten-group .splide__pagination {
grid-area: dots;
position: relative;
left: unset;
transform: unset;
justify-content: flex-start;
bottom: unset;
align-items: center;
gap: .5em;
}
.projecten-section.content-section .projecten-group .splide__pagination__page {
width: 1.5rem;
height: 1.5rem;
border-radius: 0px;
opacity: 1;
display: block;
position: relative;
background-color: transparent;
}
.projecten-section.content-section .projecten-group .splide__pagination__page::after {
content: "";
position: absolute;
top: 50%;
left: 0;
right: 0;
height: 3px;
background: rgba(255, 255, 255, 0.5);
transform: translateY(-50%);
}
.projecten-section.content-section .projecten-group .splide__pagination__page:hover::after,
.projecten-section.content-section .projecten-group .splide__pagination__page:focus::after {
opacity: 1;
}
.projecten-section.content-section .projecten-group .splide__pagination__page.is-active {
transform: unset;
}
.projecten-section.content-section .projecten-group .splide__pagination__page.is-active::after {
background: #FFF;
transform: translateY(-50%);
}
.projecten-section.content-section .projecten-group-content-inner-item {
display: flex;
min-height: 520px;
}
@media screen and (max-width: 767px) {
.projecten-section.content-section .projecten-group-content-inner-item {
flex-direction: column-reverse;
}
}
.projecten-section.content-section .projecten-group-content-inner-item .card-content {
flex: 1 1 60%;
padding: 3rem;
}
@media screen and (max-width: 767px) {
.projecten-section.content-section .projecten-group-content-inner-item .card-content {
padding: 1.5rem;
}
}
.projecten-section.content-section .projecten-group-content-inner-item .card-content .card-text {
font-size: 1.125rem;
}
@media screen and (max-width: 767px) {
.projecten-section.content-section .projecten-group-content-inner-item .card-content .card-text {
font-size: 1rem;
}
}
.projecten-section.content-section .projecten-group-content-inner-item .card-image {
flex: 1 1 40%;
}
.projecten-section.content-section .projecten-group-content-inner-item .card-image .project-image {
display: block;
position: relative;
height: 100%;
overflow: hidden;
}
.projecten-section.content-section .projecten-group-content-inner-item .card-image .project-image-img {
width: 100%;
height: 100%;
display: block;
object-fit: cover;
transition: transform ease-in-out 300ms;
}
.projecten-section.content-section .projecten-group-content-inner-item .card-image .project-image:hover .project-image-img {
transition-duration: 975ms;
transform: scale(1.025);
}
.default-banner-intro {
min-height: 4em;
}
.default-banner-intro .publ-date {
display: flex;
justify-content: end;
column-gap: 0.5em;
font-size: 18px;
}
.default-banner-intro .publ-date .social-icon {
width: 1.5rem;
height: 1.5rem;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='18.5' viewBox='0 0 20 18.5'%3E%3Cg id='Group_12' data-name='Group 12' transform='translate(0 0)'%3E%3Cpath id='Fill_1' data-name='Fill 1' d='M18,18.5H2a2,2,0,0,1-2-2V3A2,2,0,0,1,2,1H4.02a1,1,0,1,1,2,0h8a1,1,0,0,1,2,0H18a2,2,0,0,1,2,2V16.5A2,2,0,0,1,18,18.5ZM2,6.5v10H18V6.5ZM2,3V4.5H18V3H16.02a1,1,0,0,1-2,0h-8a1,1,0,1,1-2,0Z' fill='%23ffffff'/%3E%3Cpath id='Fill_3' data-name='Fill 3' d='M1,2H3A1,1,0,0,0,3,0H1A1,1,0,0,0,1,2' transform='translate(3.02 7.375)' fill='%23ffffff'/%3E%3Cpath id='Fill_4' data-name='Fill 4' d='M1,2H3A1,1,0,0,0,3,0H1A1,1,0,0,0,1,2' transform='translate(8.02 7.375)' fill='%23ffffff'/%3E%3Cpath id='Fill_5' data-name='Fill 5' d='M1,2H3A1,1,0,0,0,3,0H1A1,1,0,0,0,1,2' transform='translate(13.02 7.375)' fill='%23ffffff'/%3E%3Cpath id='Fill_6' data-name='Fill 6' d='M1,2H3A1,1,0,0,0,3,0H1A1,1,0,0,0,1,2' transform='translate(3.02 13.375)' fill='%23ffffff'/%3E%3Cpath id='Fill_7' data-name='Fill 7' d='M1,2H3A1,1,0,0,0,3,0H1A1,1,0,0,0,1,2' transform='translate(8.02 13.375)' fill='%23ffffff'/%3E%3Cpath id='Fill_8' data-name='Fill 8' d='M1,2H3A1,1,0,0,0,3,0H1A1,1,0,0,0,1,2' transform='translate(13.02 13.375)' fill='%23ffffff'/%3E%3Cpath id='Fill_9' data-name='Fill 9' d='M1,2H3A1,1,0,0,0,3,0H1A1,1,0,0,0,1,2' transform='translate(3.02 10.375)' fill='%23ffffff'/%3E%3Cpath id='Fill_10' data-name='Fill 10' d='M1,2H3A1,1,0,0,0,3,0H1A1,1,0,0,0,1,2' transform='translate(8.02 10.375)' fill='%23ffffff'/%3E%3Cpath id='Fill_11' data-name='Fill 11' d='M1,2H3A1,1,0,0,0,3,0H1A1,1,0,0,0,1,2' transform='translate(13.02 10.375)' fill='%23ffffff'/%3E%3C/g%3E%3C/svg%3E%0A");
}
#sollicitatieproces {
margin-top: 1.5em;
}
#sollicitatieproces .solli-proces-list {
list-style: none;
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
width: 100%;
padding: 0;
}
#sollicitatieproces .solli-proces-list .solli-item {
min-width: 240px;
max-width: 300px;
flex: 1 1 100%;
margin-right: 1em;
margin-bottom: 2em;
}
#sollicitatieproces .solli-proces-list .solli-item .solli-item-title {
padding-bottom: 0.5rem;
font-size: 1.5rem;
font-weight: 400;
border-bottom: 2px solid #450052;
margin-bottom: 0.1rem;
}
#sollicitatieproces .solli-proces-list .solli-item .solli-item-subtitle {
margin-bottom: 0;
}
#sollicitatieproces .solli-proces-list .solli-item .solli-item-text {
margin-top: 0.5em;
}
#changeTeamDynamic {
font-size: 0.75em;
}
.twijfel-block-content .twijfel-list-contact-2 a {
transition: unset;
text-decoration: none;
text-transform: none;
}
.twijfel-block-content .twijfel-list-contact-2 li {
padding-left: 2em;
margin-top: 0.25em;
}
.twijfel-block-content .twijfel-list-contact-2 li:before {
height: 100%;
left: 0.5em;
}
.twijfel-block-content .twijfel-list-contact-2 .whatsapp:before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='%23450052' d='M380.9 97.1C339 55.1 283.2 32 223.9 32c-122.4 0-222 99.6-222 222 0 39.1 10.2 77.3 29.6 111L0 480l117.7-30.9c32.4 17.7 68.9 27 106.1 27h.1c122.3 0 224.1-99.6 224.1-222 0-59.3-25.2-115-67.1-157zm-157 341.6c-33.2 0-65.7-8.9-94-25.7l-6.7-4-69.8 18.3L72 359.2l-4.4-7c-18.5-29.4-28.2-63.3-28.2-98.2 0-101.7 82.8-184.5 184.6-184.5 49.3 0 95.6 19.2 130.4 54.1 34.8 34.9 56.2 81.2 56.1 130.5 0 101.8-84.9 184.6-186.6 184.6zm101.2-138.2c-5.5-2.8-32.8-16.2-37.9-18-5.1-1.9-8.8-2.8-12.5 2.8-3.7 5.6-14.3 18-17.6 21.8-3.2 3.7-6.5 4.2-12 1.4-32.6-16.3-54-29.1-75.5-66-5.7-9.8 5.7-9.1 16.3-30.3 1.8-3.7.9-6.9-.5-9.7-1.4-2.8-12.5-30.1-17.1-41.2-4.5-10.8-9.1-9.3-12.5-9.5-3.2-.2-6.9-.2-10.6-.2-3.7 0-9.7 1.4-14.8 6.9-5.1 5.6-19.4 19-19.4 46.3 0 27.3 19.9 53.7 22.6 57.4 2.8 3.7 39.1 59.7 94.8 83.8 35.2 15.2 49 16.5 66.6 13.9 10.7-1.6 32.8-13.4 37.4-26.4 4.6-13 4.6-24.1 3.2-26.4-1.3-2.5-5-3.9-10.5-6.6z'/%3E%3C/svg%3E");
}
.twijfel-block-content .twijfel-list-contact-2 .linkedin:before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cg clip-path='url(%23clip0_5722_3435)'%3E%3Cpath d='M20 12.4927V19.847H15.6951V12.9411C15.6951 11.2371 15.0673 10.0712 13.5426 10.0712C12.3767 10.0712 11.6592 10.8783 11.3901 11.5958C11.3004 11.8649 11.2108 12.2236 11.2108 12.6721V19.847H6.90583C6.90583 19.847 6.99551 8.18776 6.90583 7.02184H11.2108V8.81556C11.7489 7.9187 12.8251 6.66309 15.0673 6.66309C17.8475 6.66309 20 8.5465 20 12.4927ZM2.42152 0.833496C0.986545 0.833496 0 1.82004 0 3.07565C0 4.33125 0.89686 5.3178 2.33184 5.3178C3.8565 5.3178 4.75336 4.33125 4.75336 3.07565C4.84305 1.73036 3.94619 0.833496 2.42152 0.833496ZM0.269058 19.847H4.57399V7.02184H0.269058V19.847Z' fill='%23450052'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_5722_3435'%3E%3Crect width='20' height='20' fill='%23450052'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
.twijfel-block-content .twijfel-list-contact-2 .phone:before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='26' viewBox='0 0 17 26' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M14.5714 0.5H3.14286C1.95929 0.5 1 1.45929 1 2.64286V23.3571C1 24.5407 1.95929 25.5 3.14286 25.5H14.5714C15.755 25.5 16.7143 24.5407 16.7143 23.3571V2.64286C16.7143 1.45929 15.755 0.5 14.5714 0.5ZM14.5714 1.92857C14.9657 1.92857 15.2857 2.24857 15.2857 2.64286V23.3571C15.2857 23.7514 14.9657 24.0714 14.5714 24.0714H3.14286C2.74857 24.0714 2.42857 23.7514 2.42857 23.3571V2.64286C2.42857 2.24857 2.74857 1.92857 3.14286 1.92857H14.5714Z' fill='%23450052'/%3E%3Cpath d='M7.78564 3.35714H9.9285' stroke='%23450052' stroke-width='1.5' stroke-linecap='round'/%3E%3Cpath d='M1.71436 20.5H16.0001' stroke='%23450052' stroke-width='1.5' stroke-linecap='round'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.57164 22.6428C9.57164 23.0378 9.25235 23.3571 8.85735 23.3571C8.46235 23.3571 8.14307 23.0378 8.14307 22.6428C8.14307 22.2478 8.46235 21.9286 8.85735 21.9286C9.25235 21.9286 9.57164 22.2478 9.57164 22.6428Z' fill='%23450052'/%3E%3C/svg%3E");
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23450052' d='M480.3 320.3L382.1 278.2c-21.41-9.281-46.64-3.109-61.2 14.95l-27.44 33.5c-44.78-25.75-82.29-63.25-108-107.1l33.55-27.48c17.91-14.62 24.09-39.7 15.02-61.05L191.7 31.53c-10.16-23.2-35.34-35.86-59.87-30.19l-91.25 21.06C16.7 27.86 0 48.83 0 73.39c0 241.9 196.7 438.6 438.6 438.6c24.56 0 45.53-16.69 50.1-40.53l21.06-91.34C516.4 355.5 503.6 330.3 480.3 320.3zM463.9 369.3l-21.09 91.41c-.4687 1.1-2.109 3.281-4.219 3.281c-215.4 0-390.6-175.2-390.6-390.6c0-2.094 1.297-3.734 3.344-4.203l91.34-21.08c.3125-.0781 .6406-.1094 .9531-.1094c1.734 0 3.359 1.047 4.047 2.609l42.14 98.33c.75 1.766 .25 3.828-1.25 5.062L139.8 193.1c-8.625 7.062-11.25 19.14-6.344 29.14c33.01 67.23 88.26 122.5 155.5 155.5c9.1 4.906 22.09 2.281 29.16-6.344l40.01-48.87c1.109-1.406 3.187-1.938 4.922-1.125l98.26 42.09C463.2 365.2 464.3 367.3 463.9 369.3z'/%3E%3C/svg%3E");
}
.twijfel-block-content .twijfel-list-contact-2 .email::before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='18' viewBox='0 0 25 18' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M22.5 0.25H2.5C1.11929 0.25 0 1.36929 0 2.75V15.25C0 16.6307 1.11929 17.75 2.5 17.75H22.5C23.8807 17.75 25 16.6307 25 15.25V2.75C25 1.36929 23.8807 0.25 22.5 0.25ZM22.5 1.67857C23.0907 1.67857 23.5714 2.15929 23.5714 2.75V15.25C23.5714 15.8407 23.0907 16.3214 22.5 16.3214H2.5C1.90929 16.3214 1.42857 15.8407 1.42857 15.25V2.75C1.42857 2.15929 1.90929 1.67857 2.5 1.67857H22.5Z' fill='%23450052'/%3E%3Cpath d='M1.25 2.66071L11.3393 7.14499C12.0786 7.47285 12.9214 7.47285 13.6607 7.14499L23.75 2.66071' stroke='%23450052' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
} .page-template-cursusoverzicht-template .cursus-usps {
display: flex;
flex-direction: column;
gap: 1rem;
}
.page-template-cursusoverzicht-template .cursus-usps .usp-block {
text-align: center;
height: 0px;
position: relative;
padding-bottom: 50%;
}
.page-template-cursusoverzicht-template .cursus-usps .usp-block .usp-text {
position: absolute;
top: 50%;
left: 0;
right: 0;
margin: 0;
padding-left: 1rem;
padding-right: 1rem;
transform: translateY(-50%);
} .erkenning-logos {
margin-top: 1em !important;
display: flex;
justify-content: space-evenly;
}
.erkenning-logos picture img {
max-height: 100px;
}
.cursus-btns {
display: flex;
flex-direction: column;
gap: 0.5em;
}
.container.container-large {
margin-left: 80px;
margin-right: 80px;
padding-left: 1em;
padding-right: 1em;
max-width: unset;
}
@media screen and (max-width: calc(88rem + 320px + 1em)) {
.container.container-large {
margin-left: 0;
margin-right: 0;
}
}
@media screen and (min-width: 2200px) {
.container.container-large {
margin-left: 160px;
margin-right: 160px;
}
}
@media screen and (min-width: 2400px) {
.container.container-large {
margin-left: 260px;
margin-right: 260px;
}
}
@media screen and (min-width: 2600px) {
.container.container-large {
margin-left: 360px;
margin-right: 360px;
}
}
@media screen and (min-width: 2800px) {
.container.container-large {
margin-left: 460px;
margin-right: 460px;
}
}
.container.container-large.mr-0 {
margin-right: 0;
}
#academie-header {
position: fixed;
width: 100vw;
z-index: 2;
top: 0px;
}
#academie-header .academie-header-wrapper .btn {
margin: 0px;
}
#academie-header .academie-header-wrapper .btn.btn-orange {
background: #ee3600;
border-color: #ffffff;
color: #ffffff;
}
#academie-header .academie-header-wrapper .btn.btn-orange:hover {
background-color: #f85100;
}
.page-template-cursusoverzicht-2025-template {
padding-top: 69px;
}
.page-template-cursusoverzicht-2025-template .cursus-catalog .filter-group .collapsible-filter-group {
display: flex;
gap: 1em;
}
.page-template-cursusoverzicht-2025-template .cursus-catalog .filter-group .collapsible-filter-group .collapsible {
border: unset;
} #sticky-footer {
width: 100%;
position: fixed;
left: 0px;
bottom: -100px;
z-index: 99;
}
.animatable #sticky-footer {
transition: all cubic-bezier(0.37, 0.01, 0.62, 1) 325ms;
}
#sticky-footer.active {
bottom: 0px;
}
#sticky-footer .container {
display: flex;
justify-content: space-between;
align-items: center;
}
#sticky-footer .container h3 {
margin: unset;
}
#sticky-footer .container .btn-container {
gap: 0.75em;
display: flex;
}  .review-entry {
text-decoration: none;
border-bottom: 1px solid #5e006b;
}
.review-entry .inner-review {
padding-bottom: 2em;
display: flex;
flex-direction: column;
height: 100%;
}
.review-entry .inner-review .reviewer-name {
display: flex;
gap: 1.5em;
align-items: center;
}
.review-entry .inner-review .reviewer-name h4 {
margin-top: 0px;
margin-bottom: 0px;
}
.review-entry .inner-review .icon.arrow {
margin-top: auto;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='16' viewBox='0 0 19 16' fill='none'%3E%3Cpath d='M11.3333 1L18 8M18 8L11.3333 15M18 8H9H0' stroke='%23450052'/%3E%3C/svg%3E");
height: 15px;
width: 20px;
opacity: 0.7;
}
.review-entry .inner-review ul {
padding-left: 0px;
display: flex;
gap: 1em;
}
.review-entry .inner-review ul li {
font-size: 14px;
}
.review-entry .inner-review ul.star-list {
gap: 0.5em;
}
.review-entry .inner-review ul.star-list .star {
height: 15px;
width: 15px;
}
.star {
background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 221.61 222.11'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %23f85100; %7D %3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M108.93.2c3.37-.7,6.14.46,8.05,3.22,8.67,17.39,16.17,35.37,24.65,52.85,1.93,3.98,4.48,11.38,8.8,12.7l64.65,9.85c5.5.85,8.55,7.52,4.97,12.02l-47.26,48.74c-1.32,1.54-2.05,3.6-2.1,5.62l11.17,69.22c.07,4.63-3.95,8.11-8.5,7.63-19.14-8.64-37.15-21.37-55.97-30.55-6.91-3.37-7.13-3.13-13.85.33-18.29,9.41-35.71,20.66-54.13,29.87-4.89,1.71-9.84-2.14-9.73-7.22l11.31-69.19-2.18-5.71c-13.71-15.02-29.43-28.95-43.02-43.98-1.43-1.59-5.26-5.61-5.63-7.37-.83-3.98,1.16-7.4,4.76-9.01l66.25-10.25c2.38-.88,3.77-2.38,4.96-4.54,10.51-18.94,17.8-41.52,28.31-60.69.87-1.5,2.74-3.18,4.46-3.54Z'/%3E%3C/svg%3E");
}  #keuzewijzer-container {
background: #ffffff;
width: 90%;
max-width: 1200px;
box-shadow: rgba(255, 255, 255, 0.1) 0px 1px 1px 0px inset, rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;
transform: scale(0) translateY(-10%);
position: fixed;
left: 0;
right: 0;
margin: 0 auto;
top: 50%;
}
.animatable #keuzewijzer-container {
transition: all cubic-bezier(0.37, 0.01, 0.62, 1) 325ms;
}
#keuzewijzer-container.active {
transform: scale(1) translateY(-50%);
}
#keuzewijzer-container #close-wijzer {
height: 30px;
width: 30px;
position: absolute;
top: 1em;
right: 1em;
background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 235.48 235.76'%3E%3Cpath d='M178.82,144.67c18.85,19.55,37.56,39.27,56.67,58.58l-32,32.02-.74.25-85-82.04-82.74,82.29L0,203.24l84.95-85.43L0,35.24,35.24,0l82.5,85.01L202.74.47l.74.25,31.99,34.52-82.44,82.57c8.21,9.32,17.18,17.93,25.79,26.86Z'/%3E%3C/svg%3E");
cursor: pointer;
}
#keuzewijzer-container .container {
padding: 2em;
}
#keuzewijzer-container .container .voortgang {
margin: 0 auto;
gap: 1em;
max-width: fit-content;
}
.animatable #keuzewijzer-container .container .voortgang .btn {
transition: all cubic-bezier(0.37, 0.01, 0.62, 1) 325ms;
}
#keuzewijzer-container .container .voortgang .btn.not-set {
opacity: 0.2;
}
#keuzewijzer-container .container #stappen .stap:not(.active) {
display: none;
}
#keuzewijzer-container .container .options-container {
margin: 0 auto;
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 1em;
max-width: 900px;
}
#keuzewijzer-container .container .options-container .single-filter {
border: solid 1px #f5f5f5;
border-radius: 3px;
padding-top: 1em;
padding-bottom: 1em;
padding-left: 2em;
padding-right: 2em;
}
#keuzewijzer-container .container .options-container .single-filter label {
font-size: 18px;
margin-left: 1em;
}
#keuzewijzer-container .container h4 {
text-align: center;
margin-bottom: 1em;
}
#keuzewijzer-container #wijzer-navigatie {
background: #f5f5f5;
padding: 1em;
}
#keuzewijzer-container #wijzer-navigatie .btn-container {
margin: 0 auto;
max-width: fit-content;
display: flex;
gap: 0.5em;
}
#keuzewijzer-container #wijzer-navigatie .btn-container .btn.disabled {
pointer-events: none;
opacity: 0.5;
}
#keuzewijzer-container #wijzer-navigatie .btn-container .btn.next {
background-color: #f85100;
color: #ffffff;
}  .kennisartikel-overzicht-template {     }
.kennisartikel-overzicht-template .featured-articles-row {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 20px;
margin-bottom: 30px;
}
.kennisartikel-overzicht-template .featured-card {
position: relative;
display: flex;
flex-direction: column;
background-color: #ffffff;
border-radius: .5rem;
overflow: hidden;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}
.animatable .kennisartikel-overzicht-template .featured-card {
transition: all cubic-bezier(0.37, 0.01, 0.62, 1) 325ms;
}
.kennisartikel-overzicht-template .featured-card:hover {
transform: translateY(-5px);
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);
}
.kennisartikel-overzicht-template .featured-badge {
position: absolute;
top: 10px;
right: 10px;
background-color: #94009b;
color: white;
padding: .5rem;
font-size: 12px;
font-weight: bold;
z-index: 2;
}
.kennisartikel-overzicht-template .card-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 20px;
}
@media (max-width: 992px) {
.kennisartikel-overzicht-template .featured-articles-row {
grid-template-columns: 1fr;
}
.kennisartikel-overzicht-template .card-grid {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 576px) {
.kennisartikel-overzicht-template .card-grid {
grid-template-columns: 1fr;
}
}
.kennisartikel-overzicht-template .filter-bar {
padding: 20px 0;
border-bottom: 1px solid #eee;
}
.kennisartikel-overzicht-template .filter-row {
display: flex;
align-items: center;
gap: 15px;
flex-wrap: wrap;
}
.kennisartikel-overzicht-template .filter-label {
color: #7a0080; font-weight: bold;
margin-right: 10px;
}
.kennisartikel-overzicht-template .dropdown-container {
position: relative;
margin-right: 10px;
}
.kennisartikel-overzicht-template .filter-dropdown {
appearance: none;
-webkit-appearance: none;
padding: .5rem 15px;
padding-right: 30px;
border: 1px solid #5e006b;
background-color: white;
min-width: 190px;
cursor: pointer;
background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23333' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");
background-repeat: no-repeat;
background-position: right 10px center;
background-size: 12px;
}
.kennisartikel-overzicht-template .search-container {
position: relative;
margin-left: auto;
border: 1px solid #5e006b;
}
.kennisartikel-overzicht-template .search-input {
padding: .5rem 40px .5rem 15px;
border: 1px solid #ddd;
border-radius: 4px;
width: 250px;
}
.kennisartikel-overzicht-template .search-button {
position: absolute;
right: 0;
top: 0;
height: 100%;
width: 40px;
background: none;
border: none;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
color: #555;
}
.kennisartikel-overzicht-template .content-grid {
padding: 30px 0;
}
.kennisartikel-overzicht-template .card-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(270px, 1fr));
gap: 25px;
}
.kennisartikel-overzicht-template .card {
border-radius: 0;
overflow: hidden;
background-color: #fff;
height: 100%;
display: flex;
flex-direction: column;
}
.kennisartikel-overzicht-template .card-image-container {
position: relative;
height: 180px;
overflow: hidden;
}
.kennisartikel-overzicht-template .featured-card-image-container {
position: relative;
height: 340px;
overflow: hidden;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-end;
}
.kennisartikel-overzicht-template .featured-card-image-container .card-title {
font-size: 32px;
padding: 0em 1em 0.5em 0.5em;
color: #fff;
margin-bottom: 16px;
}
.kennisartikel-overzicht-template .featured-card-image-container .card-category-badge {
color: #fff;
margin-left: 16px;
padding: 14px 10px;
}
.kennisartikel-overzicht-template .featured-card-image-container .uitgelicht-filled-category {
border: 1px solid #fff;
padding: 4px 10px;
}
.kennisartikel-overzicht-template .wider-content-container {
max-width: 1440px;
}
.kennisartikel-overzicht-template .card-image {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.3s;
}
.kennisartikel-overzicht-template .card:hover .card-image {
transform: scale(1.05);
}
.kennisartikel-overzicht-template .card-category-badge {
background-color: transparent;
padding: 14px 10px;
font-size: 14px;
border-radius: 0;
width: fit-content;
color: #ac38ba;
margin-bottom: 1em;
}
.kennisartikel-overzicht-template .card-category-badge.filled-category {
border: 1px solid #ac38ba;
padding: 4px 10px;
}
.kennisartikel-overzicht-template .card-content {
padding: 15px 0px;
display: flex;
flex-direction: column;
flex-grow: 1;
color: #5e006b;
}
.kennisartikel-overzicht-template .card-title {
font-size: 22px;
margin-top: 0;
margin-bottom: 1.5em;
color: #450052;
}
.kennisartikel-overzicht-template .card-excerpt {
font-size: 16px;
line-height: 1.4;
}
.kennisartikel-overzicht-template .card-footer {
margin-top: auto;
padding-top: 1em;
}
.kennisartikel-overzicht-template .contact-text {
font-size: 12px;
color: #666;
margin-bottom: 10px;
}
.kennisartikel-overzicht-template .read-more-link {
color: #812990;
font-weight: bold;
text-decoration: none;
display: inline-block;
}
.kennisartikel-overzicht-template .special-card {
background-image: linear-gradient(135deg, rgba(129, 41, 144, 0.8), rgba(224, 86, 169, 0.8)), url(https://wyzerkopie.triplehosting.nl/wp-content/uploads/2022/06/pexels-anastasiya-gepp-met-paars.jpg);
background-size: cover;
background-position: 70% center;
display: flex;
align-items: flex-start;
justify-content: flex-end;
}
.kennisartikel-overzicht-template .card-content-special {
padding: 24px;
color: white;
}
.kennisartikel-overzicht-template .special-card h2 {
color: white;
font-size: 30px;
margin: 0;
}
.kennisartikel-overzicht-template .large-card {
grid-column: span 2;
}
.kennisartikel-overzicht-template .large-card .featured-card-image-container {
height: 100%;
}
@media (max-width: 768px) {
.kennisartikel-overzicht-template .filter-row {
flex-direction: column;
align-items: flex-start;
}
.kennisartikel-overzicht-template .dropdown-container,
.kennisartikel-overzicht-template .search-container {
width: 100%;
margin: 5px 0;
}
.kennisartikel-overzicht-template .filter-dropdown,
.kennisartikel-overzicht-template .search-input {
width: 100%;
}
.kennisartikel-overzicht-template .search-container {
margin-left: 0;
}
}
.kennisartikel-overzicht-template .icon {
font-size: 0px;
height: 1.5rem;
width: 1.5rem;
background-position: center;
background-repeat: no-repeat;
display: block;
transition: all cubic-bezier(0.37, 0.01, 0.62, 1) 325ms;
}
.kennisartikel-overzicht-template .pin {
background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="utf-8"%3F><svg viewBox="0 0 45 45" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:bx="https://boxy-svg.com"><defs><bx:export><bx:file format="html" excluded="true"/><bx:file format="svg"/></bx:export></defs><g id="Group 3"><g id="Group" transform="matrix(2.621556, 0, 0, 2.621556, -35.827417, -35.921502)" style=""><path id="Vector" d="M19.9592 25.5641C19.6396 25.245 19.2696 24.875 18.9506 24.5555C17.6479 23.2496 16.3675 21.9182 15.0484 20.6277C14.6094 20.1314 14.9523 19.7407 15.3685 19.4073C16.4726 18.5229 17.8889 18.5532 19.1109 19.1663C19.2744 19.2486 19.5245 19.5114 19.6922 19.4344L22.6442 16.9639C22.5067 16.5254 22.399 16.2069 22.468 15.7302C22.5519 15.1531 23.3242 14.3139 23.7802 13.9635C24.1439 13.6838 24.4555 13.7135 24.791 14.0171C26.4923 15.9706 28.8349 17.7304 30.4715 19.6966C30.7762 20.0624 30.8665 20.3241 30.5511 20.7344C30.0309 21.4107 29.1779 22.1555 28.2728 22.0547C28.0859 22.0339 27.649 21.8184 27.5508 21.8715L25.0803 24.8225C25.0033 24.9902 25.2666 25.2402 25.3483 25.4037C25.8096 26.3232 25.944 27.1784 25.6244 28.1763C25.4269 28.7927 24.6917 30.0932 23.9145 29.4918C22.6134 28.1652 21.2741 26.8752 19.9592 25.5641ZM24.2399 15.004C23.975 15.2933 23.5053 15.5757 23.4739 15.9977C23.4347 16.5243 24.1991 16.82 23.7208 17.4082L19.9252 20.5672C19.3907 20.821 19.1614 20.4154 18.7871 20.1808C17.9723 19.6701 16.8824 19.5894 16.0851 20.1765L24.3387 28.4301C24.9258 27.6328 24.8451 26.5435 24.3344 25.7281C24.0998 25.3538 23.6942 25.1245 23.948 24.59L27.107 20.7944C27.7355 20.3214 28.0206 21.1512 28.7341 20.9877C28.8647 20.9579 29.525 20.3177 29.5112 20.2365L24.2399 15.004Z" fill="white"/><path id="Vector_2" d="M19.9593 25.5641L16.003 29.5438C15.3893 30.0056 14.687 30.3889 13.99 30.7159C13.8191 30.7961 13.6964 30.7557 13.7761 30.5556C13.9889 30.0232 14.6026 28.9455 14.9705 28.5113L18.9502 24.5549C19.2692 24.8745 19.6392 25.2445 19.9588 25.5635L19.9593 25.5641Z" fill="white"/></g></g></svg>');
background-size: 16px;
}   .page-template-kennis-advies-catalog-v3 #breadcrumbs {
display: none;
}
.page-template-kennis-advies-catalog-v3 .kennis-banner .txt-col p:first-child {
margin-top: 0;
}
.page-template-kennis-advies-catalog-v3 .kennis-banner .txt-col p:last-child {
margin-bottom: 0;
}
.kennisartikel-overzicht-template {    }
.kennisartikel-overzicht-template .featured-articles-row {
display: grid;
grid-template-columns: repeat(2, 1fr);
height: 24rem;
gap: 2.25rem;
margin-bottom: 2rem;
}
@media screen and (max-width: 767.9px) {
.kennisartikel-overzicht-template .featured-articles-row {
height: auto;
}
}
.kennisartikel-overzicht-template .featured-card {
display: flex;
flex-direction: column;
background-color: #ffffff;
overflow: hidden;
padding: 3rem;
position: relative;
}
.animatable .kennisartikel-overzicht-template .featured-card {
transition: all cubic-bezier(0.37, 0.01, 0.62, 1) 325ms;
}
@media screen and (max-width: 991.9px) {
.kennisartikel-overzicht-template .featured-card {
padding: 1.5rem;
min-height: 300px;
}
}
.kennisartikel-overzicht-template .featured-card > .ano-link {
height: 100%;
display: flex;
flex-direction: column;
justify-content: flex-end;
}
.kennisartikel-overzicht-template .featured-card::after {
content: "";
position: absolute;
top: 20%;
right: 0;
bottom: 0;
left: 0;
background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(26, 22, 27, 0.8) 100%);
}
.kennisartikel-overzicht-template .featured-card .card-image-container {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
object-fit: cover;
max-width: unset;
max-height: unset;
}
.kennisartikel-overzicht-template .featured-card .card-content {
position: relative;
z-index: 2;
flex-grow: initial;
margin-top: auto;
}
.kennisartikel-overzicht-template .featured-card .card-content .card-category-badge.filled-category {
color: #ffffff;
border-color: #ffffff;
}
.kennisartikel-overzicht-template .featured-card .card-content .card-title {
margin-bottom: 0em;
letter-spacing: -0.05em;
font-weight: 600;
font-size: 2.75rem;
line-height: 1.2;
color: #5e006b;
font-size: 40px;
color: #ffffff;
}
.kennisartikel-overzicht-template .featured-card .card-content .card-title strong {
font-weight: inherit;
}
@media screen and (max-width: 1279.9px) {
.kennisartikel-overzicht-template .featured-card .card-content .card-title {
font-size: 2.5rem;
}
}
@media screen and (max-width: 1023.9px) {
.kennisartikel-overzicht-template .featured-card .card-content .card-title {
font-size: 2.5rem;
}
}
@media screen and (max-width: 767.9px) {
.kennisartikel-overzicht-template .featured-card .card-content .card-title {
font-size: 2.25rem;
}
}
@media screen and (max-width: 991.9px) {
.kennisartikel-overzicht-template .featured-card .card-content .card-title {
font-size: 1.5rem;
}
}
.kennisartikel-overzicht-template .featured-card .card-content .card-excerpt,
.kennisartikel-overzicht-template .featured-card .card-content .card-footer {
display: none;
}
.kennisartikel-overzicht-template .featured-card:hover {
transform: translateY(-5px);
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);
}
.kennisartikel-overzicht-template .featured-badge {
position: absolute;
top: 10px;
right: 10px;
background-color: #94009b;
color: white;
padding: .5rem;
font-size: 12px;
font-weight: bold;
z-index: 2;
}
.kennisartikel-overzicht-template .card-grid {
display: grid;
gap: 2.25rem;
grid-template-columns: repeat(4, 1fr);
}
.kennisartikel-overzicht-template .card-grid #booken_en_tools_placeholder {
min-height: 300px;
}
@media screen and (max-width: 1439.9px) {
.kennisartikel-overzicht-template .card-grid {
gap: 1.75rem;
grid-template-columns: repeat(3, 1fr);
}
.kennisartikel-overzicht-template .card-grid #booken_en_tools_placeholder {
grid-row-start: 4;
grid-column-start: 3;
}
}
@media screen and (max-width: 991.9px) {
.kennisartikel-overzicht-template .card-grid {
grid-template-columns: repeat(2, 1fr);
}
.kennisartikel-overzicht-template .card-grid #booken_en_tools_placeholder {
display: block;
grid-column-start: 1;
}
.kennisartikel-overzicht-template .card-grid .featured-card {
min-height: 420px;
}
}
@media screen and (max-width: 567.9px) {
.kennisartikel-overzicht-template .card-grid {
grid-template-columns: 1fr;
}
.kennisartikel-overzicht-template .card-grid .featured-card {
grid-column: span 1;
}
}
@media screen and (max-width: 991.9px) {
.kennisartikel-overzicht-template .featured-articles-row {
grid-template-columns: 1fr;
}
}
.kennisartikel-overzicht-template .filter-bar {
padding-top: 1.5rem;
padding-bottom: 1.5rem;
}
.kennisartikel-overzicht-template .filter-row {
display: flex;
align-items: center;
gap: 1rem;
flex-wrap: wrap;
}
.kennisartikel-overzicht-template .filter-label {
margin-right: .5rem;
}
.kennisartikel-overzicht-template .dropdown-container {
position: relative;
margin-right: 10px;
}
.kennisartikel-overzicht-template .filter-dropdown {
appearance: none;
-webkit-appearance: none;
padding: .9rem 1rem;
padding-right: 30px;
border: 1px solid #450052;
background-color: white;
min-width: 190px;
cursor: pointer;
background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23333' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");
background-repeat: no-repeat;
background-position: right 10px center;
background-size: 12px;
}
.kennisartikel-overzicht-template .search-container {
position: relative;
margin-left: auto;
}
.kennisartikel-overzicht-template .search-input {
padding: .9rem 40px .9rem 1rem;
border: 1px solid #450052;
max-width: 400px;
}
.kennisartikel-overzicht-template .search-button {
position: absolute;
right: 0;
top: 0;
height: 100%;
width: 40px;
background: none;
border: none;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
color: #555;
}
.kennisartikel-overzicht-template .content-grid {
padding: 30px 0;
}
.kennisartikel-overzicht-template .card {
border-radius: 0;
overflow: hidden;
background-color: #fff;
height: 100%;
display: flex;
flex-direction: column;
}
.kennisartikel-overzicht-template .card-image-container {
position: relative;
height: 14rem;
overflow: hidden;
}
.kennisartikel-overzicht-template .featured-card-image-container {
position: relative;
height: 340px;
overflow: hidden;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-end;
}
.kennisartikel-overzicht-template .featured-card-image-container .card-title {
font-size: 32px;
padding: 0em 2rem 2.5rem 2rem;
color: #fff;
margin-bottom: 1rem;
}
.kennisartikel-overzicht-template .featured-card-image-container .card-category-badge {
color: transparent;
margin-left: 2rem;
border: 1px solid;
text-transform: lowercase;
padding: .125rem .5rem;
}
@media screen and (max-width: 567.9px) {
.kennisartikel-overzicht-template .featured-card-image-container .card-category-badge {
margin-left: 1rem;
}
}
.kennisartikel-overzicht-template .featured-card-image-container .uitgelicht-filled-category {
color: #fff;
}
.kennisartikel-overzicht-template #backup_loc {
display: none;
}
.kennisartikel-overzicht-template .card-image {
width: 100%;
height: 100%;
object-fit: cover;
}
.animatable .kennisartikel-overzicht-template .card-image {
transition: all cubic-bezier(0.37, 0.01, 0.62, 1) 325ms;
}
.kennisartikel-overzicht-template .card.default-card:hover .card-image {
transform: scale(1.05);
}
.kennisartikel-overzicht-template .card-category-badge {
background-color: transparent;
padding: .125rem 1rem;
font-size: .9rem;
border-radius: 0;
border: 1px solid;
width: fit-content;
color: transparent;
text-transform: lowercase;
margin-bottom: 1em;
}
.kennisartikel-overzicht-template .card-category-badge.filled-category {
color: #94009b;
font-size: .9rem;
}
.kennisartikel-overzicht-template .card-content {
padding: 1rem 0px;
display: flex;
flex-direction: column;
flex-grow: 1;
}
.kennisartikel-overzicht-template .card-title {
font-size: 24px;
margin-top: 0;
margin-bottom: 1em;
font-weight: 500;
min-height: 72px;
}
.kennisartikel-overzicht-template .card-excerpt {
font-size: 16px;
line-height: 1.4;
}
.kennisartikel-overzicht-template .card-footer {
margin-top: auto;
padding-top: 1em;
}
.kennisartikel-overzicht-template .contact-text {
font-size: 12px;
color: #666;
margin-bottom: 10px;
}
.kennisartikel-overzicht-template .read-more-link {
color: #812990;
font-weight: bold;
text-decoration: none;
display: inline-block;
}
.kennisartikel-overzicht-template .special-card {
background-image: url(//www.wyzer.nl/wp-content/uploads/2022/06/pexels-anastasiya-gepp-met-paars.jpg);
background-size: cover;
background-position: 70% center;
display: flex;
align-items: flex-start;
justify-content: flex-end;
}
.kennisartikel-overzicht-template .special-card::before {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
mix-blend-mode: multiply;
background-color: rgba(148, 0, 155, 0.7);
}
.kennisartikel-overzicht-template .card-content-special {
padding: 3rem 2rem;
z-index: 2;
position: relative;
color: #ffffff;
}
@media screen and (max-width: 767.9px) {
.kennisartikel-overzicht-template .card-content-special {
padding: 1.5rem 1rem;
}
}
.kennisartikel-overzicht-template .special-card h2 {
color: #ffffff;
font-size: 40px;
margin: 0;
}
@media screen and (max-width: 767.9px) {
.kennisartikel-overzicht-template .special-card h2 {
font-size: 1.5rem;
}
}
.kennisartikel-overzicht-template .large-card {
grid-column: span 2;
}
.kennisartikel-overzicht-template .large-card .featured-card-image-container {
height: 100%;
}
.kennisartikel-overzicht-template #booken_en_tools_placeholder {
grid-row-start: 2;
grid-column-start: 4;
}
@media (max-width: 768px) {
.kennisartikel-overzicht-template .filter-row {
flex-direction: column;
align-items: flex-start;
}
.kennisartikel-overzicht-template .dropdown-container,
.kennisartikel-overzicht-template .search-container {
width: 100%;
margin: 5px 0;
}
.kennisartikel-overzicht-template .filter-dropdown,
.kennisartikel-overzicht-template .search-input {
width: 100%;
}
.kennisartikel-overzicht-template .search-container {
margin-left: 0;
}
}
.kennisartikel-overzicht-template .icon {
font-size: 0px;
height: 1.5rem;
width: 1.5rem;
background-position: center;
background-repeat: no-repeat;
display: block;
transition: all cubic-bezier(0.37, 0.01, 0.62, 1) 325ms;
}
.kennisartikel-overzicht-template .pin {
background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="utf-8"%3F><svg viewBox="0 0 45 45" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:bx="https://boxy-svg.com"><defs><bx:export><bx:file format="html" excluded="true"/><bx:file format="svg"/></bx:export></defs><g id="Group 3"><g id="Group" transform="matrix(2.621556, 0, 0, 2.621556, -35.827417, -35.921502)" style=""><path id="Vector" d="M19.9592 25.5641C19.6396 25.245 19.2696 24.875 18.9506 24.5555C17.6479 23.2496 16.3675 21.9182 15.0484 20.6277C14.6094 20.1314 14.9523 19.7407 15.3685 19.4073C16.4726 18.5229 17.8889 18.5532 19.1109 19.1663C19.2744 19.2486 19.5245 19.5114 19.6922 19.4344L22.6442 16.9639C22.5067 16.5254 22.399 16.2069 22.468 15.7302C22.5519 15.1531 23.3242 14.3139 23.7802 13.9635C24.1439 13.6838 24.4555 13.7135 24.791 14.0171C26.4923 15.9706 28.8349 17.7304 30.4715 19.6966C30.7762 20.0624 30.8665 20.3241 30.5511 20.7344C30.0309 21.4107 29.1779 22.1555 28.2728 22.0547C28.0859 22.0339 27.649 21.8184 27.5508 21.8715L25.0803 24.8225C25.0033 24.9902 25.2666 25.2402 25.3483 25.4037C25.8096 26.3232 25.944 27.1784 25.6244 28.1763C25.4269 28.7927 24.6917 30.0932 23.9145 29.4918C22.6134 28.1652 21.2741 26.8752 19.9592 25.5641ZM24.2399 15.004C23.975 15.2933 23.5053 15.5757 23.4739 15.9977C23.4347 16.5243 24.1991 16.82 23.7208 17.4082L19.9252 20.5672C19.3907 20.821 19.1614 20.4154 18.7871 20.1808C17.9723 19.6701 16.8824 19.5894 16.0851 20.1765L24.3387 28.4301C24.9258 27.6328 24.8451 26.5435 24.3344 25.7281C24.0998 25.3538 23.6942 25.1245 23.948 24.59L27.107 20.7944C27.7355 20.3214 28.0206 21.1512 28.7341 20.9877C28.8647 20.9579 29.525 20.3177 29.5112 20.2365L24.2399 15.004Z" fill="white"/><path id="Vector_2" d="M19.9593 25.5641L16.003 29.5438C15.3893 30.0056 14.687 30.3889 13.99 30.7159C13.8191 30.7961 13.6964 30.7557 13.7761 30.5556C13.9889 30.0232 14.6026 28.9455 14.9705 28.5113L18.9502 24.5549C19.2692 24.8745 19.6392 25.2445 19.9588 25.5635L19.9593 25.5641Z" fill="white"/></g></g></svg>');
background-size: 16px;
}
.kennisartikel-overzicht-template .featured-articles-row {
overflow: hidden;
}
.animatable .kennisartikel-overzicht-template .featured-articles-row {
transition: all cubic-bezier(0.37, 0.01, 0.62, 1) 325ms;
}
.kennisartikel-overzicht-template .featured-articles-row.filtered {
height: 0px;
}  #apply_form_overlay {
position: fixed;
top: 0;
right: 0;
bottom: 0;
z-index: 10;
}
#apply_form_overlay .apply-modal-overlay {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 9;
background-color: rgba(238, 54, 0, 0.5);
cursor: pointer;
}
#apply_form_overlay .apply-modal-header {
padding-top: 2em;
padding-left: 2em;
padding-right: 2em;
padding-bottom: 0rem;
position: relative;
background-color: #ffdec4;
}
@media screen and (max-width: 767.9px) {
#apply_form_overlay .apply-modal-header {
padding: 1em 1em 0em 1em;
}
}
#apply_form_overlay .apply-modal-header h3 {
margin-bottom: 0;
font-size: 1.125rem;
}
#apply_form_overlay .apply-modal-header h2 {
font-size: 2rem;
}
@media screen and (max-width: 767.9px) {
#apply_form_overlay .apply-modal-header h2 {
font-size: 1.5rem;
word-break: break-word;
}
}
#apply_form_overlay .apply-modal-header-picture {
display: block;
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 250px;
}
@media screen and (max-width: 767.9px) {
#apply_form_overlay .apply-modal-header-picture {
height: 190px;
position: relative;
margin-left: -1em;
margin-right: -1em;
}
}
#apply_form_overlay .apply-modal-header-picture img {
width: 100%;
height: 100%;
display: block;
object-fit: cover;
}
#apply_form_overlay .apply-modal-header-close {
position: absolute;
transform: translate(-50%, 50%);
left: 0;
bottom: 0px;
width: 3rem;
height: 3rem;
background-color: #450052;
}
@media screen and (max-width: 767.9px) {
#apply_form_overlay .apply-modal-header-close {
bottom: unset;
top: 0rem;
right: 0rem;
left: unset;
transform: unset;
}
}
#apply_form_overlay .apply-modal-header-close .close-btn {
font-size: 0;
width: 3rem;
height: 3rem;
display: block;
background-size: 1.1rem;
background-position: center;
background-repeat: no-repeat;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3Cpath fill='%23FFF' d='M312.1 375c9.369 9.369 9.369 24.57 0 33.94s-24.57 9.369-33.94 0L160 289.9l-119 119c-9.369 9.369-24.57 9.369-33.94 0s-9.369-24.57 0-33.94L126.1 256L7.027 136.1c-9.369-9.369-9.369-24.57 0-33.94s24.57-9.369 33.94 0L160 222.1l119-119c9.369-9.369 24.57-9.369 33.94 0s9.369 24.57 0 33.94L193.9 256L312.1 375z'/%3E%3C/svg%3E");
}
#apply_form_overlay .apply-modal-inner {
z-index: 11;
position: relative;
overflow-y: auto;
height: 100%;
width: 970px;
max-width: 95vw;
display: flex;
flex-direction: column;
filter: drop-shadow(-5px 4px 10px rgba(0, 0, 0, 0.15));
padding-left: 1.5rem;
}
@media screen and (max-width: 767.9px) {
#apply_form_overlay .apply-modal-inner {
padding-left: 0;
max-width: 100%;
width: auto;
}
}
#apply_form_overlay .apply-modal-inner-padding {
flex: 1;
padding-top: 2em;
padding-left: 2em;
padding-right: 2em;
padding-bottom: 2em;
background-color: #ffdec4;
}
@media screen and (max-width: 767.9px) {
#apply_form_overlay .apply-modal-inner-padding {
padding: 1em 1em 3em 1em;
}
}
#apply_form_overlay .apply-modal-inner .cx2_backToJobDetails {
display: none;
}
#apply_form_overlay .apply-modal-inner #apply_form {
font-size: 1.1111rem;
padding: 1em 2em 2em 2em;
border-radius: 0;
position: relative;
z-index: 2;
background-color: #ffffff;
}
@media screen and (max-width: 767.9px) {
#apply_form_overlay .apply-modal-inner #apply_form {
font-size: 1rem;
}
}
@media screen and (max-width: 767.9px) {
#apply_form_overlay .apply-modal-inner #apply_form {
padding: 1em;
}
}
#apply_form_overlay .apply-modal-inner #apply_form form {
display: grid;
grid-template-columns: repeat(6, 1fr);
grid-column-gap: 1rem;
}
@media screen and (max-width: 767.9px) {
#apply_form_overlay .apply-modal-inner #apply_form form {
display: flex;
flex-wrap: wrap;
}
}
#apply_form_overlay .apply-modal-inner #apply_form form > div {
margin-left: 0;
margin-right: 0;
}
@media screen and (max-width: 767.9px) {
#apply_form_overlay .apply-modal-inner #apply_form form > div {
flex: 1 1 100%;
margin-bottom: 1em;
}
}
#apply_form_overlay .apply-modal-inner #apply_form #cx2_personal-coverLetter-add {
display: none;
}
#apply_form_overlay .apply-modal-inner #apply_form label {
width: auto;
display: block;
font-weight: 300;
margin-bottom: 0.25rem;
}
#apply_form_overlay .apply-modal-inner #apply_form select,
#apply_form_overlay .apply-modal-inner #apply_form textarea,
#apply_form_overlay .apply-modal-inner #apply_form input:not([type="submit"]):not([type="radio"]):not([type="checkbox"]) {
width: 100%;
background-color: transparent;
border: unset;
border-bottom: 1px solid #f0c8f1;
border-radius: 0;
padding: 0.7em 0.8em;
}
.animatable #apply_form_overlay .apply-modal-inner #apply_form select,
.animatable #apply_form_overlay .apply-modal-inner #apply_form textarea,
.animatable #apply_form_overlay .apply-modal-inner #apply_form input:not([type="submit"]):not([type="radio"]):not([type="checkbox"]) {
transition: all cubic-bezier(0.37, 0.01, 0.62, 1) 325ms;
}
#apply_form_overlay .apply-modal-inner #apply_form select::placeholder,
#apply_form_overlay .apply-modal-inner #apply_form textarea::placeholder,
#apply_form_overlay .apply-modal-inner #apply_form input:not([type="submit"]):not([type="radio"]):not([type="checkbox"])::placeholder {
font-style: italic;
}
#apply_form_overlay .apply-modal-inner #apply_form select:focus,
#apply_form_overlay .apply-modal-inner #apply_form textarea:focus,
#apply_form_overlay .apply-modal-inner #apply_form input:not([type="submit"]):not([type="radio"]):not([type="checkbox"]):focus,
#apply_form_overlay .apply-modal-inner #apply_form select:focus-within,
#apply_form_overlay .apply-modal-inner #apply_form textarea:focus-within,
#apply_form_overlay .apply-modal-inner #apply_form input:not([type="submit"]):not([type="radio"]):not([type="checkbox"]):focus-within {
outline: none;
border-bottom-color: #5e006b;
}
#apply_form_overlay .apply-modal-inner #apply_form .cx_h3,
#apply_form_overlay .apply-modal-inner #apply_form #autocomplete_postcode_nl {
grid-column-start: 1;
grid-column-end: 7;
}
@media screen and (max-width: 767.9px) {
#apply_form_overlay .apply-modal-inner #apply_form .cx_h3,
#apply_form_overlay .apply-modal-inner #apply_form #autocomplete_postcode_nl {
flex: 1 1 100%;
}
}
#apply_form_overlay .apply-modal-inner #apply_form .cx_h3 {
margin-top: 1em;
letter-spacing: -0.05em;
font-size: 1.65rem;
font-weight: 600;
line-height: 1em;
color: #5e006b;
}
#apply_form_overlay .apply-modal-inner #apply_form .cx_h3 strong {
font-weight: inherit;
}
@media screen and (max-width: 767.9px) {
#apply_form_overlay .apply-modal-inner #apply_form .cx_h3 {
font-size: 1.5rem;
}
}
#apply_form_overlay .apply-modal-inner #apply_form .cx2_address-homeCity[style="display: block;"] ~ .cx2_h3_motivationAndSource {
margin-top: 3rem;
}
#apply_form_overlay .apply-modal-inner #apply_form .cx2_h3_contact {
display: none;
}
#apply_form_overlay .apply-modal-inner #apply_form .cx2_personal-firstName {
grid-column-start: 1;
grid-column-end: 3;
}
@media screen and (max-width: 767.9px) {
#apply_form_overlay .apply-modal-inner #apply_form .cx2_personal-firstName {
flex: 1 1 60%;
}
}
#apply_form_overlay .apply-modal-inner #apply_form .cx2_personal-middleName {
grid-column-start: 3;
grid-column-end: 5;
}
@media screen and (max-width: 767.9px) {
#apply_form_overlay .apply-modal-inner #apply_form .cx2_personal-middleName {
flex: 1 1 30%;
}
}
#apply_form_overlay .apply-modal-inner #apply_form .cx2_personal-lastName {
grid-column-start: 5;
grid-column-end: 7;
}
#apply_form_overlay .apply-modal-inner #apply_form .cx2_contact-email {
grid-column-start: 1;
grid-column-end: 4;
}
#apply_form_overlay .apply-modal-inner #apply_form .cx2_contact-mobileNumber {
grid-column-start: 4;
grid-column-end: 7;
}
#apply_form_overlay .apply-modal-inner #apply_form #autocomplete_postcode_nl {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-column-gap: 1.5rem;
margin-bottom: 0;
}
@media screen and (max-width: 767.9px) {
#apply_form_overlay .apply-modal-inner #apply_form #autocomplete_postcode_nl {
display: block;
}
}
#apply_form_overlay .apply-modal-inner #apply_form #autocomplete_postcode_nl #country_select_wrapper {
margin-bottom: 0;
}
#apply_form_overlay .apply-modal-inner #apply_form #autocomplete_postcode_nl .postcode_and_number {
margin-bottom: 0;
grid-column-start: 2;
grid-column-end: 4;
display: grid;
grid-template-columns: 1fr 1fr;
grid-column-gap: 1.5rem;
}
@media screen and (max-width: 767.9px) {
#apply_form_overlay .apply-modal-inner #apply_form #autocomplete_postcode_nl .postcode_and_number {
grid-template-columns: 2fr 4fr;
}
}
#apply_form_overlay .apply-modal-inner #apply_form #autocomplete_postcode_nl #emptyAllInputs {
grid-column-start: 2;
text-align: right;
}
#apply_form_overlay .apply-modal-inner #apply_form .cx2_address-homeStreetName {
grid-column-start: 1;
grid-column-end: 4;
margin-bottom: 0.5rem;
}
#apply_form_overlay .apply-modal-inner #apply_form .cx2_address-homeStreetNumber {
grid-column-start: 4;
grid-column-end: 6;
margin-bottom: 0.5rem;
}
#apply_form_overlay .apply-modal-inner #apply_form .cx2_address-homeSuffixNumber {
grid-column-start: 6;
grid-column-end: 7;
margin-bottom: 0.5rem;
}
#apply_form_overlay .apply-modal-inner #apply_form .cx2_address-homeCity {
grid-column-start: 1;
grid-column-end: 5;
margin-bottom: 0.5rem;
}
#apply_form_overlay .apply-modal-inner #apply_form .cx2_address-homePostalCode {
grid-column-start: 5;
grid-column-end: 7;
margin-bottom: 0.5rem;
}
#apply_form_overlay .apply-modal-inner #apply_form .cx2_motivationAndSource-source {
grid-column-start: 4;
grid-column-end: 7;
display: grid;
}
#apply_form_overlay .apply-modal-inner #apply_form .cx2_motivationAndSource-source > span {
display: grid;
grid-template-columns: 4fr 7fr;
grid-column-gap: .5rem;
align-items: center;
}
@media screen and (max-width: 767.9px) {
#apply_form_overlay .apply-modal-inner #apply_form .cx2_motivationAndSource-source > span {
display: block;
}
}
#apply_form_overlay .apply-modal-inner #apply_form .cx2_motivationAndSource-source > span label {
grid-column-start: 1;
grid-column-end: 2;
}
#apply_form_overlay .apply-modal-inner #apply_form .cx2_motivationAndSource-source > span select {
grid-column-start: 2;
grid-column-end: 3;
}
#apply_form_overlay .apply-modal-inner #apply_form .cx2_motivationAndSource-source > span.starter {
display: none;
}
#apply_form_overlay .apply-modal-inner #apply_form #cv_and_linkedin_wrapper {
grid-column-start: 1;
grid-column-end: 7;
display: grid;
position: relative;
grid-column-gap: 1.5rem;
grid-template-columns: 1fr 1fr;
}
@media screen and (max-width: 767.9px) {
#apply_form_overlay .apply-modal-inner #apply_form #cv_and_linkedin_wrapper {
display: block;
}
}
#apply_form_overlay .apply-modal-inner #apply_form #cv_and_linkedin_wrapper #personal-cv-details {
grid-column-start: 1;
}
#apply_form_overlay .apply-modal-inner #apply_form #cv_and_linkedin_wrapper #motivation-letter-details,
#apply_form_overlay .apply-modal-inner #apply_form #cv_and_linkedin_wrapper #personal-cv-details {
margin-bottom: 0;
grid-column-end: 2;
}
@media screen and (max-width: 767.9px) {
#apply_form_overlay .apply-modal-inner #apply_form #cv_and_linkedin_wrapper #motivation-letter-details,
#apply_form_overlay .apply-modal-inner #apply_form #cv_and_linkedin_wrapper #personal-cv-details {
margin-bottom: 1em;
}
}
#apply_form_overlay .apply-modal-inner #apply_form #cv_and_linkedin_wrapper #motivation-letter-details,
#apply_form_overlay .apply-modal-inner #apply_form #cv_and_linkedin_wrapper .cx2_personal-coverLetter {
grid-column-start: 2;
grid-column-end: 3;
}
#apply_form_overlay .apply-modal-inner #apply_form #cv_and_linkedin_wrapper .cx2_personal-coverLetter {
grid-row-start: 2;
}
#apply_form_overlay .apply-modal-inner #apply_form #cv_and_linkedin_wrapper .cx2_personal-linkedinUrl {
margin-bottom: 0;
grid-row-end: 4;
grid-row-start: 2;
}
#apply_form_overlay .apply-modal-inner #apply_form #cv_and_linkedin_wrapper .selector {
grid-column-start: 1;
grid-column-end: 3;
grid-row-start: 1;
}
@media screen and (max-width: 767.9px) {
#apply_form_overlay .apply-modal-inner #apply_form #cv_and_linkedin_wrapper .selector {
position: static;
}
}
#apply_form_overlay .apply-modal-inner #apply_form #cv_and_linkedin_wrapper .selector .switcher-label {
width: 60px;
background-color: #450052;
}
#apply_form_overlay .apply-modal-inner #apply_form #agreement_container {
grid-column-start: 1;
grid-column-end: 5;
margin-bottom: 0;
display: grid;
align-items: center;
}
#apply_form_overlay .apply-modal-inner #apply_form #apply_button {
grid-column-start: 5;
grid-column-end: 7;
display: inline-block;
border-radius: 0;
cursor: pointer;
font-weight: 400;
text-decoration: none;
border: 1px solid;
line-height: 1.4;
font-size: 1.1111rem;
padding-top: 0.58333333em;
padding-bottom: 0.7em;
padding-left: 0.8em;
padding-right: 0.8em;
letter-spacing: -0.025em;
background-color: transparent;
color: inherit;
text-transform: lowercase;
background-color: #450052;
border-color: #450052;
color: #ffffff;
}
.animatable #apply_form_overlay .apply-modal-inner #apply_form #apply_button {
transition: all cubic-bezier(0.37, 0.01, 0.62, 1) 325ms;
}
#apply_form_overlay .apply-modal-inner #apply_form #apply_button span {
text-transform: initial;
}
@media screen and (max-width: 767.9px) {
#apply_form_overlay .apply-modal-inner #apply_form #apply_button {
font-size: 1rem;
}
}
#apply_form_overlay .apply-modal-inner #apply_form #apply_button:hover,
#apply_form_overlay .apply-modal-inner #apply_form #apply_button:focus {
background-color: #5e006b;
color: #ffffff;
}
#apply_form_overlay .apply-modal-inner #apply_form #apply_button.btn-purple,
#apply_form_overlay .apply-modal-inner #apply_form #apply_button.purple-btn {
background-color: #450052;
border-color: #450052;
color: #ffffff;
}
#apply_form_overlay .apply-modal-inner #apply_form #apply_button.btn-purple:hover,
#apply_form_overlay .apply-modal-inner #apply_form #apply_button.purple-btn:hover,
#apply_form_overlay .apply-modal-inner #apply_form #apply_button.btn-purple:focus,
#apply_form_overlay .apply-modal-inner #apply_form #apply_button.purple-btn:focus {
background-color: #5e006b;
color: #ffffff;
border-color: #5e006b;
}
#apply_form_overlay .apply-modal-inner #apply_form #apply_button.white-btn,
#apply_form_overlay .apply-modal-inner #apply_form #apply_button.btn-white {
background: #ffffff;
color: #450052;
border-color: #ffffff;
}
#apply_form_overlay .apply-modal-inner #apply_form #apply_button.white-btn:hover,
#apply_form_overlay .apply-modal-inner #apply_form #apply_button.btn-white:hover,
#apply_form_overlay .apply-modal-inner #apply_form #apply_button.white-btn:focus,
#apply_form_overlay .apply-modal-inner #apply_form #apply_button.btn-white:focus {
background-color: #f0c8f1;
color: #5e006b;
border-color: #f0c8f1;
}
#apply_form_overlay .apply-modal-inner #apply_form #apply_button.default,
#apply_form_overlay .apply-modal-inner #apply_form #apply_button.default-btn {
border: 1px solid #450052;
background-color: transparent;
color: #450052;
}
#apply_form_overlay .apply-modal-inner #apply_form #apply_button.default:hover,
#apply_form_overlay .apply-modal-inner #apply_form #apply_button.default-btn:hover,
#apply_form_overlay .apply-modal-inner #apply_form #apply_button.default:focus,
#apply_form_overlay .apply-modal-inner #apply_form #apply_button.default-btn:focus {
color: #94009b;
background-color: transparent;
border-color: #94009b;
}
#apply_form_overlay .apply-modal-inner #apply_form #apply_button.default-white,
#apply_form_overlay .apply-modal-inner #apply_form #apply_button.default-white-btn {
border: 1px solid #ffffff;
background-color: transparent;
color: #ffffff;
}
#apply_form_overlay .apply-modal-inner #apply_form #apply_button.default-white:hover,
#apply_form_overlay .apply-modal-inner #apply_form #apply_button.default-white-btn:hover,
#apply_form_overlay .apply-modal-inner #apply_form #apply_button.default-white:focus,
#apply_form_overlay .apply-modal-inner #apply_form #apply_button.default-white-btn:focus {
color: #450052;
background-color: #ffffff;
border-color: #ffffff;
}
#apply_form_overlay .apply-modal-inner #apply_form #apply_button.orange,
#apply_form_overlay .apply-modal-inner #apply_form #apply_button.orange-btn {
background-color: #f85100;
border-color: #f85100;
color: #ffffff;
}
#apply_form_overlay .apply-modal-inner #apply_form #apply_button.orange:hover,
#apply_form_overlay .apply-modal-inner #apply_form #apply_button.orange-btn:hover,
#apply_form_overlay .apply-modal-inner #apply_form #apply_button.orange:focus,
#apply_form_overlay .apply-modal-inner #apply_form #apply_button.orange-btn:focus {
color: #ffffff;
background-color: #ee3600;
border-color: #ee3600;
}
#apply_form_overlay .apply-modal-inner #apply_form #apply_button.light-btn,
#apply_form_overlay .apply-modal-inner #apply_form #apply_button.btn-light {
padding-left: 0;
padding-top: 0.35em;
padding-bottom: 0.35em;
border: unset;
padding-right: 1.6em;
position: relative;
font-weight: 600;
}
#apply_form_overlay .apply-modal-inner #apply_form #apply_button.light-btn::after,
#apply_form_overlay .apply-modal-inner #apply_form #apply_button.btn-light::after {
content: "";
position: absolute;
top: 0;
right: 0.4em;
bottom: 0;
left: auto;
width: 0.8em;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='16' viewBox='0 0 19 16' fill='none'%3E%3Cpath d='M11.3333 1L18 8M18 8L11.3333 15M18 8H9H0' stroke='%23450052'/%3E%3C/svg%3E");
}
.animatable #apply_form_overlay .apply-modal-inner #apply_form #apply_button.light-btn::after,
.animatable #apply_form_overlay .apply-modal-inner #apply_form #apply_button.btn-light::after {
transition: all cubic-bezier(0.37, 0.01, 0.62, 1) 325ms;
}
#apply_form_overlay .apply-modal-inner #apply_form #apply_button.light-btn:hover,
#apply_form_overlay .apply-modal-inner #apply_form #apply_button.btn-light:hover,
#apply_form_overlay .apply-modal-inner #apply_form #apply_button.light-btn:focus,
#apply_form_overlay .apply-modal-inner #apply_form #apply_button.btn-light:focus {
background-color: transparent;
color: inherit;
}
#apply_form_overlay .apply-modal-inner #apply_form #apply_button.light-btn:hover::after,
#apply_form_overlay .apply-modal-inner #apply_form #apply_button.btn-light:hover::after,
#apply_form_overlay .apply-modal-inner #apply_form #apply_button.light-btn:focus::after,
#apply_form_overlay .apply-modal-inner #apply_form #apply_button.btn-light:focus::after {
right: 0;
}
#apply_form_overlay .apply-modal-inner #apply_form #apply_button.light-btn.clr-light::after,
#apply_form_overlay .apply-modal-inner #apply_form #apply_button.btn-light.clr-light::after {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='16' viewBox='0 0 19 16' fill='none'%3E%3Cpath d='M11.3333 1L18 8M18 8L11.3333 15M18 8H9H0' stroke='%23ffffff'/%3E%3C/svg%3E");
}
#apply_form_overlay .apply-modal-inner #apply_form #apply_button.light-btn.clr-light:hover,
#apply_form_overlay .apply-modal-inner #apply_form #apply_button.btn-light.clr-light:hover,
#apply_form_overlay .apply-modal-inner #apply_form #apply_button.light-btn.clr-light:focus,
#apply_form_overlay .apply-modal-inner #apply_form #apply_button.btn-light.clr-light:focus {
color: #ffffff;
}
#apply_form_overlay .apply-modal-inner #apply_form #apply_button.light-btn.no-arrow,
#apply_form_overlay .apply-modal-inner #apply_form #apply_button.btn-light.no-arrow {
padding-right: 0.4em;
}
#apply_form_overlay .apply-modal-inner #apply_form #apply_button.light-btn.no-arrow::after,
#apply_form_overlay .apply-modal-inner #apply_form #apply_button.btn-light.no-arrow::after {
content: unset;
}
#apply_form_overlay .apply-modal-inner #apply_form #apply_button .btn-w-arrow:hover,
#apply_form_overlay .apply-modal-inner #apply_form #apply_button .btn-w-arrow:focus {
margin-right: 1em;
}
#apply_form_overlay .apply-modal-inner #apply_form #apply_button.btn-dark {
background-color: #450052;
border-color: #450052;
color: #ffffff;
}
#apply_form_overlay .apply-modal-inner #apply_form #apply_button.btn-dark:hover,
#apply_form_overlay .apply-modal-inner #apply_form #apply_button.btn-dark:focus {
background-color: #5e006b;
border-color: #5e006b;
color: #ffffff;
}
#apply_form_overlay .apply-modal-inner #apply_form #apply_button.external-btn {
padding-right: 1.6em;
position: relative;
}
#apply_form_overlay .apply-modal-inner #apply_form #apply_button.external-btn::after {
content: "";
position: absolute;
top: 0;
right: 0.4em;
bottom: 0;
left: auto;
width: 0.8em;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23450052' d='M488 0h-135.3c-13.25 0-25.09 7.906-30.19 20.16c-5.062 12.28-2.281 26.25 7.094 35.63l40.69 40.69L177.4 289.4c-12.5 12.5-12.5 32.75 0 45.25C183.6 340.9 191.8 344 200 344s16.38-3.125 22.62-9.375l192.9-192.9l40.69 40.69C462.5 188.7 470.8 192 479.3 192c4.219 0 8.469-.8125 12.56-2.5C504.1 184.4 512 172.6 512 159.3V24C512 10.75 501.3 0 488 0zM392 320c-13.25 0-24 10.75-24 24v112c0 4.406-3.594 8-8 8h-304c-4.406 0-8-3.594-8-8v-304c0-4.406 3.594-8 8-8h112C181.3 144 192 133.3 192 120S181.3 96 168 96h-112C25.13 96 0 121.1 0 152v304C0 486.9 25.13 512 56 512h304c30.88 0 56-25.12 56-56v-112C416 330.8 405.3 320 392 320z'/%3E%3C/svg%3E");
}
.animatable #apply_form_overlay .apply-modal-inner #apply_form #apply_button.external-btn::after {
transition: all cubic-bezier(0.37, 0.01, 0.62, 1) 325ms;
}
#apply_form_overlay .apply-modal-inner #apply_form #apply_button.external-btn:hover::after,
#apply_form_overlay .apply-modal-inner #apply_form #apply_button.external-btn:focus::after {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23ffffff' d='M488 0h-135.3c-13.25 0-25.09 7.906-30.19 20.16c-5.062 12.28-2.281 26.25 7.094 35.63l40.69 40.69L177.4 289.4c-12.5 12.5-12.5 32.75 0 45.25C183.6 340.9 191.8 344 200 344s16.38-3.125 22.62-9.375l192.9-192.9l40.69 40.69C462.5 188.7 470.8 192 479.3 192c4.219 0 8.469-.8125 12.56-2.5C504.1 184.4 512 172.6 512 159.3V24C512 10.75 501.3 0 488 0zM392 320c-13.25 0-24 10.75-24 24v112c0 4.406-3.594 8-8 8h-304c-4.406 0-8-3.594-8-8v-304c0-4.406 3.594-8 8-8h112C181.3 144 192 133.3 192 120S181.3 96 168 96h-112C25.13 96 0 121.1 0 152v304C0 486.9 25.13 512 56 512h304c30.88 0 56-25.12 56-56v-112C416 330.8 405.3 320 392 320z'/%3E%3C/svg%3E");
}
#apply_form_overlay .apply-modal-inner #apply_form #apply_button:hover,
#apply_form_overlay .apply-modal-inner #apply_form #apply_button:focus {
background-color: #5e006b;
color: #ffffff;
border-color: #5e006b;
}
@media screen and (max-width: 767.9px) {
#apply_form_overlay .apply-modal-inner #apply_form #apply_button {
margin-left: auto;
margin-right: auto;
min-width: 50vw;
margin-top: 1.5em;
}
}
@media screen and (max-width: 767.9px) {
#apply_form_overlay .apply-modal-inner #apply_form .cx2_motivationAndSource-motivation {
display: block;
}
#apply_form_overlay .apply-modal-inner #apply_form select,
#apply_form_overlay .apply-modal-inner #apply_form textarea,
#apply_form_overlay .apply-modal-inner #apply_form input:not([type="submit"]):not([type="radio"]):not([type="checkbox"]) {
width: 100%;
}
}
#apply_form div {
margin-left: 0;
margin-right: 0;
}
#apply_form > form > div {
margin-left: 2px;
margin-right: 2px;
}
#apply_form .cx2_motivationAndSource-motivation {
display: flex;
align-items: center;
justify-content: flex-start;
gap: .5%;
}
#apply_form #motivationAndSource-motivation {
resize: vertical;
}
@media screen and (min-width: 768px) {
#apply_form #agreement_container {
margin-left: calc(30% + 4px);
}
}
#apply_form .cx2_personal-cv input[type="file"],
#apply_form .cx2_personal-coverLetter input[type="file"],
#apply_form #motivation-letter-details input[type="file"],
#apply_form #personal-cv-details input[type="file"] {
display: none !important;
}
#apply_form .cx2_personal-cv label,
#apply_form .cx2_personal-coverLetter label,
#apply_form #motivation-letter-details label,
#apply_form #personal-cv-details label {
display: block;
width: auto;
position: relative;
display: inline-block;
border-radius: 0;
font-weight: 400;
text-decoration: none;
border: 1px solid;
line-height: 1.4;
font-size: 1.1111rem;
padding-top: 0.58333333em;
padding-bottom: 0.7em;
padding-left: 0.8em;
padding-right: 0.8em;
letter-spacing: -0.025em;
background-color: transparent;
color: inherit;
text-transform: lowercase;
cursor: pointer;
}
.animatable #apply_form .cx2_personal-cv label,
.animatable #apply_form .cx2_personal-coverLetter label,
.animatable #apply_form #motivation-letter-details label,
.animatable #apply_form #personal-cv-details label {
transition: all cubic-bezier(0.37, 0.01, 0.62, 1) 325ms;
}
#apply_form .cx2_personal-cv label span,
#apply_form .cx2_personal-coverLetter label span,
#apply_form #motivation-letter-details label span,
#apply_form #personal-cv-details label span {
text-transform: initial;
}
@media screen and (max-width: 767.9px) {
#apply_form .cx2_personal-cv label,
#apply_form .cx2_personal-coverLetter label,
#apply_form #motivation-letter-details label,
#apply_form #personal-cv-details label {
font-size: 1rem;
}
}
#apply_form .cx2_personal-cv label:hover,
#apply_form .cx2_personal-coverLetter label:hover,
#apply_form #motivation-letter-details label:hover,
#apply_form #personal-cv-details label:hover,
#apply_form .cx2_personal-cv label:focus,
#apply_form .cx2_personal-coverLetter label:focus,
#apply_form #motivation-letter-details label:focus,
#apply_form #personal-cv-details label:focus {
background-color: #5e006b;
color: #ffffff;
}
#apply_form .cx2_personal-cv label.btn-purple,
#apply_form .cx2_personal-coverLetter label.btn-purple,
#apply_form #motivation-letter-details label.btn-purple,
#apply_form #personal-cv-details label.btn-purple,
#apply_form .cx2_personal-cv label.purple-btn,
#apply_form .cx2_personal-coverLetter label.purple-btn,
#apply_form #motivation-letter-details label.purple-btn,
#apply_form #personal-cv-details label.purple-btn {
background-color: #450052;
border-color: #450052;
color: #ffffff;
}
#apply_form .cx2_personal-cv label.btn-purple:hover,
#apply_form .cx2_personal-coverLetter label.btn-purple:hover,
#apply_form #motivation-letter-details label.btn-purple:hover,
#apply_form #personal-cv-details label.btn-purple:hover,
#apply_form .cx2_personal-cv label.purple-btn:hover,
#apply_form .cx2_personal-coverLetter label.purple-btn:hover,
#apply_form #motivation-letter-details label.purple-btn:hover,
#apply_form #personal-cv-details label.purple-btn:hover,
#apply_form .cx2_personal-cv label.btn-purple:focus,
#apply_form .cx2_personal-coverLetter label.btn-purple:focus,
#apply_form #motivation-letter-details label.btn-purple:focus,
#apply_form #personal-cv-details label.btn-purple:focus,
#apply_form .cx2_personal-cv label.purple-btn:focus,
#apply_form .cx2_personal-coverLetter label.purple-btn:focus,
#apply_form #motivation-letter-details label.purple-btn:focus,
#apply_form #personal-cv-details label.purple-btn:focus {
background-color: #5e006b;
color: #ffffff;
border-color: #5e006b;
}
#apply_form .cx2_personal-cv label.white-btn,
#apply_form .cx2_personal-coverLetter label.white-btn,
#apply_form #motivation-letter-details label.white-btn,
#apply_form #personal-cv-details label.white-btn,
#apply_form .cx2_personal-cv label.btn-white,
#apply_form .cx2_personal-coverLetter label.btn-white,
#apply_form #motivation-letter-details label.btn-white,
#apply_form #personal-cv-details label.btn-white {
background: #ffffff;
color: #450052;
border-color: #ffffff;
}
#apply_form .cx2_personal-cv label.white-btn:hover,
#apply_form .cx2_personal-coverLetter label.white-btn:hover,
#apply_form #motivation-letter-details label.white-btn:hover,
#apply_form #personal-cv-details label.white-btn:hover,
#apply_form .cx2_personal-cv label.btn-white:hover,
#apply_form .cx2_personal-coverLetter label.btn-white:hover,
#apply_form #motivation-letter-details label.btn-white:hover,
#apply_form #personal-cv-details label.btn-white:hover,
#apply_form .cx2_personal-cv label.white-btn:focus,
#apply_form .cx2_personal-coverLetter label.white-btn:focus,
#apply_form #motivation-letter-details label.white-btn:focus,
#apply_form #personal-cv-details label.white-btn:focus,
#apply_form .cx2_personal-cv label.btn-white:focus,
#apply_form .cx2_personal-coverLetter label.btn-white:focus,
#apply_form #motivation-letter-details label.btn-white:focus,
#apply_form #personal-cv-details label.btn-white:focus {
background-color: #f0c8f1;
color: #5e006b;
border-color: #f0c8f1;
}
#apply_form .cx2_personal-cv label.default,
#apply_form .cx2_personal-coverLetter label.default,
#apply_form #motivation-letter-details label.default,
#apply_form #personal-cv-details label.default,
#apply_form .cx2_personal-cv label.default-btn,
#apply_form .cx2_personal-coverLetter label.default-btn,
#apply_form #motivation-letter-details label.default-btn,
#apply_form #personal-cv-details label.default-btn {
border: 1px solid #450052;
background-color: transparent;
color: #450052;
}
#apply_form .cx2_personal-cv label.default:hover,
#apply_form .cx2_personal-coverLetter label.default:hover,
#apply_form #motivation-letter-details label.default:hover,
#apply_form #personal-cv-details label.default:hover,
#apply_form .cx2_personal-cv label.default-btn:hover,
#apply_form .cx2_personal-coverLetter label.default-btn:hover,
#apply_form #motivation-letter-details label.default-btn:hover,
#apply_form #personal-cv-details label.default-btn:hover,
#apply_form .cx2_personal-cv label.default:focus,
#apply_form .cx2_personal-coverLetter label.default:focus,
#apply_form #motivation-letter-details label.default:focus,
#apply_form #personal-cv-details label.default:focus,
#apply_form .cx2_personal-cv label.default-btn:focus,
#apply_form .cx2_personal-coverLetter label.default-btn:focus,
#apply_form #motivation-letter-details label.default-btn:focus,
#apply_form #personal-cv-details label.default-btn:focus {
color: #94009b;
background-color: transparent;
border-color: #94009b;
}
#apply_form .cx2_personal-cv label.default-white,
#apply_form .cx2_personal-coverLetter label.default-white,
#apply_form #motivation-letter-details label.default-white,
#apply_form #personal-cv-details label.default-white,
#apply_form .cx2_personal-cv label.default-white-btn,
#apply_form .cx2_personal-coverLetter label.default-white-btn,
#apply_form #motivation-letter-details label.default-white-btn,
#apply_form #personal-cv-details label.default-white-btn {
border: 1px solid #ffffff;
background-color: transparent;
color: #ffffff;
}
#apply_form .cx2_personal-cv label.default-white:hover,
#apply_form .cx2_personal-coverLetter label.default-white:hover,
#apply_form #motivation-letter-details label.default-white:hover,
#apply_form #personal-cv-details label.default-white:hover,
#apply_form .cx2_personal-cv label.default-white-btn:hover,
#apply_form .cx2_personal-coverLetter label.default-white-btn:hover,
#apply_form #motivation-letter-details label.default-white-btn:hover,
#apply_form #personal-cv-details label.default-white-btn:hover,
#apply_form .cx2_personal-cv label.default-white:focus,
#apply_form .cx2_personal-coverLetter label.default-white:focus,
#apply_form #motivation-letter-details label.default-white:focus,
#apply_form #personal-cv-details label.default-white:focus,
#apply_form .cx2_personal-cv label.default-white-btn:focus,
#apply_form .cx2_personal-coverLetter label.default-white-btn:focus,
#apply_form #motivation-letter-details label.default-white-btn:focus,
#apply_form #personal-cv-details label.default-white-btn:focus {
color: #450052;
background-color: #ffffff;
border-color: #ffffff;
}
#apply_form .cx2_personal-cv label.orange,
#apply_form .cx2_personal-coverLetter label.orange,
#apply_form #motivation-letter-details label.orange,
#apply_form #personal-cv-details label.orange,
#apply_form .cx2_personal-cv label.orange-btn,
#apply_form .cx2_personal-coverLetter label.orange-btn,
#apply_form #motivation-letter-details label.orange-btn,
#apply_form #personal-cv-details label.orange-btn {
background-color: #f85100;
border-color: #f85100;
color: #ffffff;
}
#apply_form .cx2_personal-cv label.orange:hover,
#apply_form .cx2_personal-coverLetter label.orange:hover,
#apply_form #motivation-letter-details label.orange:hover,
#apply_form #personal-cv-details label.orange:hover,
#apply_form .cx2_personal-cv label.orange-btn:hover,
#apply_form .cx2_personal-coverLetter label.orange-btn:hover,
#apply_form #motivation-letter-details label.orange-btn:hover,
#apply_form #personal-cv-details label.orange-btn:hover,
#apply_form .cx2_personal-cv label.orange:focus,
#apply_form .cx2_personal-coverLetter label.orange:focus,
#apply_form #motivation-letter-details label.orange:focus,
#apply_form #personal-cv-details label.orange:focus,
#apply_form .cx2_personal-cv label.orange-btn:focus,
#apply_form .cx2_personal-coverLetter label.orange-btn:focus,
#apply_form #motivation-letter-details label.orange-btn:focus,
#apply_form #personal-cv-details label.orange-btn:focus {
color: #ffffff;
background-color: #ee3600;
border-color: #ee3600;
}
#apply_form .cx2_personal-cv label.light-btn,
#apply_form .cx2_personal-coverLetter label.light-btn,
#apply_form #motivation-letter-details label.light-btn,
#apply_form #personal-cv-details label.light-btn,
#apply_form .cx2_personal-cv label.btn-light,
#apply_form .cx2_personal-coverLetter label.btn-light,
#apply_form #motivation-letter-details label.btn-light,
#apply_form #personal-cv-details label.btn-light {
padding-left: 0;
padding-top: 0.35em;
padding-bottom: 0.35em;
border: unset;
padding-right: 1.6em;
position: relative;
font-weight: 600;
}
#apply_form .cx2_personal-cv label.light-btn::after,
#apply_form .cx2_personal-coverLetter label.light-btn::after,
#apply_form #motivation-letter-details label.light-btn::after,
#apply_form #personal-cv-details label.light-btn::after,
#apply_form .cx2_personal-cv label.btn-light::after,
#apply_form .cx2_personal-coverLetter label.btn-light::after,
#apply_form #motivation-letter-details label.btn-light::after,
#apply_form #personal-cv-details label.btn-light::after {
content: "";
position: absolute;
top: 0;
right: 0.4em;
bottom: 0;
left: auto;
width: 0.8em;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='16' viewBox='0 0 19 16' fill='none'%3E%3Cpath d='M11.3333 1L18 8M18 8L11.3333 15M18 8H9H0' stroke='%23450052'/%3E%3C/svg%3E");
}
.animatable #apply_form .cx2_personal-cv label.light-btn::after,
.animatable #apply_form .cx2_personal-coverLetter label.light-btn::after,
.animatable #apply_form #motivation-letter-details label.light-btn::after,
.animatable #apply_form #personal-cv-details label.light-btn::after,
.animatable #apply_form .cx2_personal-cv label.btn-light::after,
.animatable #apply_form .cx2_personal-coverLetter label.btn-light::after,
.animatable #apply_form #motivation-letter-details label.btn-light::after,
.animatable #apply_form #personal-cv-details label.btn-light::after {
transition: all cubic-bezier(0.37, 0.01, 0.62, 1) 325ms;
}
#apply_form .cx2_personal-cv label.light-btn:hover,
#apply_form .cx2_personal-coverLetter label.light-btn:hover,
#apply_form #motivation-letter-details label.light-btn:hover,
#apply_form #personal-cv-details label.light-btn:hover,
#apply_form .cx2_personal-cv label.btn-light:hover,
#apply_form .cx2_personal-coverLetter label.btn-light:hover,
#apply_form #motivation-letter-details label.btn-light:hover,
#apply_form #personal-cv-details label.btn-light:hover,
#apply_form .cx2_personal-cv label.light-btn:focus,
#apply_form .cx2_personal-coverLetter label.light-btn:focus,
#apply_form #motivation-letter-details label.light-btn:focus,
#apply_form #personal-cv-details label.light-btn:focus,
#apply_form .cx2_personal-cv label.btn-light:focus,
#apply_form .cx2_personal-coverLetter label.btn-light:focus,
#apply_form #motivation-letter-details label.btn-light:focus,
#apply_form #personal-cv-details label.btn-light:focus {
background-color: transparent;
color: inherit;
}
#apply_form .cx2_personal-cv label.light-btn:hover::after,
#apply_form .cx2_personal-coverLetter label.light-btn:hover::after,
#apply_form #motivation-letter-details label.light-btn:hover::after,
#apply_form #personal-cv-details label.light-btn:hover::after,
#apply_form .cx2_personal-cv label.btn-light:hover::after,
#apply_form .cx2_personal-coverLetter label.btn-light:hover::after,
#apply_form #motivation-letter-details label.btn-light:hover::after,
#apply_form #personal-cv-details label.btn-light:hover::after,
#apply_form .cx2_personal-cv label.light-btn:focus::after,
#apply_form .cx2_personal-coverLetter label.light-btn:focus::after,
#apply_form #motivation-letter-details label.light-btn:focus::after,
#apply_form #personal-cv-details label.light-btn:focus::after,
#apply_form .cx2_personal-cv label.btn-light:focus::after,
#apply_form .cx2_personal-coverLetter label.btn-light:focus::after,
#apply_form #motivation-letter-details label.btn-light:focus::after,
#apply_form #personal-cv-details label.btn-light:focus::after {
right: 0;
}
#apply_form .cx2_personal-cv label.light-btn.clr-light::after,
#apply_form .cx2_personal-coverLetter label.light-btn.clr-light::after,
#apply_form #motivation-letter-details label.light-btn.clr-light::after,
#apply_form #personal-cv-details label.light-btn.clr-light::after,
#apply_form .cx2_personal-cv label.btn-light.clr-light::after,
#apply_form .cx2_personal-coverLetter label.btn-light.clr-light::after,
#apply_form #motivation-letter-details label.btn-light.clr-light::after,
#apply_form #personal-cv-details label.btn-light.clr-light::after {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='16' viewBox='0 0 19 16' fill='none'%3E%3Cpath d='M11.3333 1L18 8M18 8L11.3333 15M18 8H9H0' stroke='%23ffffff'/%3E%3C/svg%3E");
}
#apply_form .cx2_personal-cv label.light-btn.clr-light:hover,
#apply_form .cx2_personal-coverLetter label.light-btn.clr-light:hover,
#apply_form #motivation-letter-details label.light-btn.clr-light:hover,
#apply_form #personal-cv-details label.light-btn.clr-light:hover,
#apply_form .cx2_personal-cv label.btn-light.clr-light:hover,
#apply_form .cx2_personal-coverLetter label.btn-light.clr-light:hover,
#apply_form #motivation-letter-details label.btn-light.clr-light:hover,
#apply_form #personal-cv-details label.btn-light.clr-light:hover,
#apply_form .cx2_personal-cv label.light-btn.clr-light:focus,
#apply_form .cx2_personal-coverLetter label.light-btn.clr-light:focus,
#apply_form #motivation-letter-details label.light-btn.clr-light:focus,
#apply_form #personal-cv-details label.light-btn.clr-light:focus,
#apply_form .cx2_personal-cv label.btn-light.clr-light:focus,
#apply_form .cx2_personal-coverLetter label.btn-light.clr-light:focus,
#apply_form #motivation-letter-details label.btn-light.clr-light:focus,
#apply_form #personal-cv-details label.btn-light.clr-light:focus {
color: #ffffff;
}
#apply_form .cx2_personal-cv label.light-btn.no-arrow,
#apply_form .cx2_personal-coverLetter label.light-btn.no-arrow,
#apply_form #motivation-letter-details label.light-btn.no-arrow,
#apply_form #personal-cv-details label.light-btn.no-arrow,
#apply_form .cx2_personal-cv label.btn-light.no-arrow,
#apply_form .cx2_personal-coverLetter label.btn-light.no-arrow,
#apply_form #motivation-letter-details label.btn-light.no-arrow,
#apply_form #personal-cv-details label.btn-light.no-arrow {
padding-right: 0.4em;
}
#apply_form .cx2_personal-cv label.light-btn.no-arrow::after,
#apply_form .cx2_personal-coverLetter label.light-btn.no-arrow::after,
#apply_form #motivation-letter-details label.light-btn.no-arrow::after,
#apply_form #personal-cv-details label.light-btn.no-arrow::after,
#apply_form .cx2_personal-cv label.btn-light.no-arrow::after,
#apply_form .cx2_personal-coverLetter label.btn-light.no-arrow::after,
#apply_form #motivation-letter-details label.btn-light.no-arrow::after,
#apply_form #personal-cv-details label.btn-light.no-arrow::after {
content: unset;
}
#apply_form .cx2_personal-cv label .btn-w-arrow:hover,
#apply_form .cx2_personal-coverLetter label .btn-w-arrow:hover,
#apply_form #motivation-letter-details label .btn-w-arrow:hover,
#apply_form #personal-cv-details label .btn-w-arrow:hover,
#apply_form .cx2_personal-cv label .btn-w-arrow:focus,
#apply_form .cx2_personal-coverLetter label .btn-w-arrow:focus,
#apply_form #motivation-letter-details label .btn-w-arrow:focus,
#apply_form #personal-cv-details label .btn-w-arrow:focus {
margin-right: 1em;
}
#apply_form .cx2_personal-cv label.btn-dark,
#apply_form .cx2_personal-coverLetter label.btn-dark,
#apply_form #motivation-letter-details label.btn-dark,
#apply_form #personal-cv-details label.btn-dark {
background-color: #450052;
border-color: #450052;
color: #ffffff;
}
#apply_form .cx2_personal-cv label.btn-dark:hover,
#apply_form .cx2_personal-coverLetter label.btn-dark:hover,
#apply_form #motivation-letter-details label.btn-dark:hover,
#apply_form #personal-cv-details label.btn-dark:hover,
#apply_form .cx2_personal-cv label.btn-dark:focus,
#apply_form .cx2_personal-coverLetter label.btn-dark:focus,
#apply_form #motivation-letter-details label.btn-dark:focus,
#apply_form #personal-cv-details label.btn-dark:focus {
background-color: #5e006b;
border-color: #5e006b;
color: #ffffff;
}
#apply_form .cx2_personal-cv label.external-btn,
#apply_form .cx2_personal-coverLetter label.external-btn,
#apply_form #motivation-letter-details label.external-btn,
#apply_form #personal-cv-details label.external-btn {
padding-right: 1.6em;
position: relative;
}
#apply_form .cx2_personal-cv label.external-btn::after,
#apply_form .cx2_personal-coverLetter label.external-btn::after,
#apply_form #motivation-letter-details label.external-btn::after,
#apply_form #personal-cv-details label.external-btn::after {
content: "";
position: absolute;
top: 0;
right: 0.4em;
bottom: 0;
left: auto;
width: 0.8em;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23450052' d='M488 0h-135.3c-13.25 0-25.09 7.906-30.19 20.16c-5.062 12.28-2.281 26.25 7.094 35.63l40.69 40.69L177.4 289.4c-12.5 12.5-12.5 32.75 0 45.25C183.6 340.9 191.8 344 200 344s16.38-3.125 22.62-9.375l192.9-192.9l40.69 40.69C462.5 188.7 470.8 192 479.3 192c4.219 0 8.469-.8125 12.56-2.5C504.1 184.4 512 172.6 512 159.3V24C512 10.75 501.3 0 488 0zM392 320c-13.25 0-24 10.75-24 24v112c0 4.406-3.594 8-8 8h-304c-4.406 0-8-3.594-8-8v-304c0-4.406 3.594-8 8-8h112C181.3 144 192 133.3 192 120S181.3 96 168 96h-112C25.13 96 0 121.1 0 152v304C0 486.9 25.13 512 56 512h304c30.88 0 56-25.12 56-56v-112C416 330.8 405.3 320 392 320z'/%3E%3C/svg%3E");
}
.animatable #apply_form .cx2_personal-cv label.external-btn::after,
.animatable #apply_form .cx2_personal-coverLetter label.external-btn::after,
.animatable #apply_form #motivation-letter-details label.external-btn::after,
.animatable #apply_form #personal-cv-details label.external-btn::after {
transition: all cubic-bezier(0.37, 0.01, 0.62, 1) 325ms;
}
#apply_form .cx2_personal-cv label.external-btn:hover::after,
#apply_form .cx2_personal-coverLetter label.external-btn:hover::after,
#apply_form #motivation-letter-details label.external-btn:hover::after,
#apply_form #personal-cv-details label.external-btn:hover::after,
#apply_form .cx2_personal-cv label.external-btn:focus::after,
#apply_form .cx2_personal-coverLetter label.external-btn:focus::after,
#apply_form #motivation-letter-details label.external-btn:focus::after,
#apply_form #personal-cv-details label.external-btn:focus::after {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23ffffff' d='M488 0h-135.3c-13.25 0-25.09 7.906-30.19 20.16c-5.062 12.28-2.281 26.25 7.094 35.63l40.69 40.69L177.4 289.4c-12.5 12.5-12.5 32.75 0 45.25C183.6 340.9 191.8 344 200 344s16.38-3.125 22.62-9.375l192.9-192.9l40.69 40.69C462.5 188.7 470.8 192 479.3 192c4.219 0 8.469-.8125 12.56-2.5C504.1 184.4 512 172.6 512 159.3V24C512 10.75 501.3 0 488 0zM392 320c-13.25 0-24 10.75-24 24v112c0 4.406-3.594 8-8 8h-304c-4.406 0-8-3.594-8-8v-304c0-4.406 3.594-8 8-8h112C181.3 144 192 133.3 192 120S181.3 96 168 96h-112C25.13 96 0 121.1 0 152v304C0 486.9 25.13 512 56 512h304c30.88 0 56-25.12 56-56v-112C416 330.8 405.3 320 392 320z'/%3E%3C/svg%3E");
}
.animatable #apply_form .cx2_personal-cv label,
.animatable #apply_form .cx2_personal-coverLetter label,
.animatable #apply_form #motivation-letter-details label,
.animatable #apply_form #personal-cv-details label {
transition: all cubic-bezier(0.37, 0.01, 0.62, 1) 325ms;
}
#apply_form .cx2_personal-cv .cx2_personal-cv-info,
#apply_form .cx2_personal-coverLetter .cx2_personal-cv-info,
#apply_form #motivation-letter-details .cx2_personal-cv-info,
#apply_form #personal-cv-details .cx2_personal-cv-info,
#apply_form .cx2_personal-cv .cx2_personal-coverLetter-info,
#apply_form .cx2_personal-coverLetter .cx2_personal-coverLetter-info,
#apply_form #motivation-letter-details .cx2_personal-coverLetter-info,
#apply_form #personal-cv-details .cx2_personal-coverLetter-info {
display: block;
text-align: right;
width: auto;
font-size: .8em;
margin-top: .25em;
margin-left: auto;
}
#apply_form .cx2_personal-cv #num-of-files,
#apply_form .cx2_personal-coverLetter #num-of-files,
#apply_form #motivation-letter-details #num-of-files,
#apply_form #personal-cv-details #num-of-files,
#apply_form .cx2_personal-cv #num-of-files2,
#apply_form .cx2_personal-coverLetter #num-of-files2,
#apply_form #motivation-letter-details #num-of-files2,
#apply_form #personal-cv-details #num-of-files2 {
font-weight: 400;
text-align: center;
margin-top: 0;
margin-bottom: 1em;
font-size: .8em;
text-align: left;
}
#apply_form .cx2_personal-cv ul,
#apply_form .cx2_personal-coverLetter ul,
#apply_form #motivation-letter-details ul,
#apply_form #personal-cv-details ul {
list-style-type: none;
padding-left: 0;
margin-top: 0;
margin-bottom: 0;
}
#apply_form .cx2_personal-cv li,
#apply_form .cx2_personal-coverLetter li,
#apply_form #motivation-letter-details li,
#apply_form #personal-cv-details li {
font-weight: 500;
background-color: #FFF;
color: #450052;
margin-bottom: 1em;
padding: .5em 1em;
border-radius: 0;
display: flex;
justify-content: flex-start;
align-items: center;
}
#apply_form .cx2_personal-cv li p,
#apply_form .cx2_personal-coverLetter li p,
#apply_form #motivation-letter-details li p,
#apply_form #personal-cv-details li p {
margin-top: 0;
margin-bottom: 0;
}
#apply_form .cx2_personal-cv li p:first-child,
#apply_form .cx2_personal-coverLetter li p:first-child,
#apply_form #motivation-letter-details li p:first-child,
#apply_form #personal-cv-details li p:first-child {
flex: 1;
}
#apply_form .cx2_personal-cv li p:nth-child(2),
#apply_form .cx2_personal-coverLetter li p:nth-child(2),
#apply_form #motivation-letter-details li p:nth-child(2),
#apply_form #personal-cv-details li p:nth-child(2) {
font-size: .8em;
opacity: .6;
}
#apply_form .cx2_personal-cv,
#apply_form .cx2_personal-coverLetter {
padding: 0.7em 0.8em;
background-color: transparent;
border: 1px solid #f0c8f1;
border-bottom: unset;
border-radius: 0px;
margin-bottom: 0;
}
#apply_form #personal-cv-details,
#apply_form #motivation-letter-details {
padding: 0em 1em 1em 1em;
background-color: unset;
border: 1px solid #f0c8f1;
border-radius: 0px;
border-top: unset;
margin-top: 0;
}
#apply_form #remove_file2,
#apply_form #remove_file {
width: 2em;
display: block;
height: 2em;
background-repeat: no-repeat;
background-size: 1.1em;
background-position: center right;
cursor: pointer;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='%235e006b' d='M432 80h-82.38l-34-56.75C306.1 8.827 291.4 0 274.6 0H173.4C156.6 0 141 8.827 132.4 23.25L98.38 80H16C7.125 80 0 87.13 0 96v16C0 120.9 7.125 128 16 128H32v320c0 35.35 28.65 64 64 64h256c35.35 0 64-28.65 64-64V128h16C440.9 128 448 120.9 448 112V96C448 87.13 440.9 80 432 80zM171.9 50.88C172.9 49.13 174.9 48 177 48h94c2.125 0 4.125 1.125 5.125 2.875L293.6 80H154.4L171.9 50.88zM352 464H96c-8.837 0-16-7.163-16-16V128h288v320C368 456.8 360.8 464 352 464zM224 416c8.844 0 16-7.156 16-16V192c0-8.844-7.156-16-16-16S208 183.2 208 192v208C208 408.8 215.2 416 224 416zM144 416C152.8 416 160 408.8 160 400V192c0-8.844-7.156-16-16-16S128 183.2 128 192v208C128 408.8 135.2 416 144 416zM304 416c8.844 0 16-7.156 16-16V192c0-8.844-7.156-16-16-16S288 183.2 288 192v208C288 408.8 295.2 416 304 416z'/%3E%3C/svg%3E");
}
#apply_form #cv_and_linkedin_wrapper {
display: block;
}
#apply_form #cv_and_linkedin_wrapper .selector {
margin-bottom: 0.5em;
}
#apply_form #cv_and_linkedin_wrapper div.cx2_personal-linkedinUrl {
padding: 1em;
border: 1px solid #f0c8f1;
border-radius: 0px;
}
#apply_form #cv_and_linkedin_wrapper div.cx2_personal-linkedinUrl.cx2_invalid label::before {
content: "";
display: inline-block;
width: 1em;
height: 1em;
background-color: #931e18;
border-radius: 50%;
background-repeat: no-repeat;
background-position: center;
background-size: 50%;
margin-right: 5px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3Cpath fill='%23fff' d='M312.1 375c9.369 9.369 9.369 24.57 0 33.94s-24.57 9.369-33.94 0L160 289.9l-119 119c-9.369 9.369-24.57 9.369-33.94 0s-9.369-24.57 0-33.94L126.1 256L7.027 136.1c-9.369-9.369-9.369-24.57 0-33.94s24.57-9.369 33.94 0L160 222.1l119-119c9.369-9.369 24.57-9.369 33.94 0s9.369 24.57 0 33.94L193.9 256L312.1 375z'/%3E%3C/svg%3E");
}
#apply_form #cv_and_linkedin_wrapper div.cx2_personal-linkedinUrl.cx2_valid label::before {
content: "";
display: inline-block;
width: 1em;
height: 1em;
background-color: #228b22;
border-radius: 50%;
background-repeat: no-repeat;
background-position: center;
background-size: 70%;
margin-right: 5px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23FFF' d='M480.1 128.1l-272 272C204.3 405.7 198.2 408 192 408s-12.28-2.344-16.97-7.031l-144-144c-9.375-9.375-9.375-24.56 0-33.94s24.56-9.375 33.94 0L192 350.1l255-255c9.375-9.375 24.56-9.375 33.94 0S490.3 119.6 480.1 128.1z'/%3E%3C/svg%3E");
}
#apply_form #cv_and_linkedin_wrapper div.cx2_personal-linkedinUrl label {
width: 100%;
display: block;
}
#apply_form #cv_and_linkedin_wrapper div.cx2_personal-linkedinUrl input {
width: 100%;
display: block;
background-color: #FFF;
}
#apply_form .switcher-checkbox {
display: none;
}
#apply_form .switcher-checkbox:checked + .switcher-label {
background: #450052;
box-shadow: #1a001f 3px 3px 6px 0px inset, #050006 -3px -3px 6px 1px inset;
}
#apply_form .switcher-checkbox:checked + .switcher-label:before {
transform: translateX(30px);
}
#apply_form .switcher-label {
display: block;
height: 30px;
width: 60px;
border-radius: 15px;
background-color: #f9fbfc;
position: relative;
transition: ease-in background-color 0.3s;
box-shadow: rgba(97, 97, 97, 0.3) 3px 3px 6px 0px inset, rgba(229, 229, 229, 0.3) -3px -3px 6px 1px inset;
border: unset;
}
#apply_form .switcher-label:before {
content: '';
position: absolute;
top: 2px;
left: 2px;
height: 26px;
width: 26px;
border-radius: 50%;
transition: transform 0.3s ease-out;
background: #FFF;
}
#apply_form .switcher-label span {
position: absolute;
white-space: nowrap;
left: 75px;
}
#apply_form .cx2_personal-linkedinUrl {
display: none;
}
#apply_form #remember_me {
grid-column-end: 3;
grid-column-start: 1;
}
#apply_form #agreement_container a {
color: inherit;
} #download_popup {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 99;
background-color: rgba(0, 0, 0, 0.3);
display: flex;
align-items: center;
justify-content: center;
transform: translateY(-100%);
visibility: hidden;
pointer-events: none;
opacity: 0;
}
.animatable #download_popup {
transition: all cubic-bezier(0.37, 0.01, 0.62, 1) 325ms;
}
#download_popup.active {
transform: translateY(0%);
visibility: visible;
pointer-events: initial;
opacity: 1;
}
#download_popup .popup-inner {
background-color: white;
width: 500px;
max-width: 90vw;
max-height: 90vh;
padding: 2em 2em 1em 2em;
z-index: 2;
position: relative;
}
#download_popup .popup-inner .popup-head {
padding-right: 4em;
min-height: 3em;
}
#download_popup .popup-inner .popup-head .title {
margin-bottom: 0;
}
#download_popup .popup-inner #close_popup {
position: absolute;
top: 2em;
right: 2em;
width: 3em;
height: 3em;
background-size: 1em;
background-repeat: no-repeat;
background-position: center;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18.101' height='18.101' viewBox='0 0 18.101 18.101'%3E%3Cpath id='Line_3' data-name='Line 3' d='M.364,15.636,15.636.364' transform='translate(1.051 1.051)' fill='none' stroke='%2300375a' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2'/%3E%3Cpath id='Line_3-2' data-name='Line 3' d='M0,0,15.273,15.273' transform='translate(1.414 1.414)' fill='none' stroke='%2300375a' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2'/%3E%3C/svg%3E%0A");
}
#download_popup .popup-inner .send-btn {
position: relative;
color: #450052;
padding: 0.75rem 2.25rem;
}
#download_popup .popup-inner .send-btn input {
appearance: unset;
outline: none;
background: none;
border: unset;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
text-align: center;
color: white;
display: flex;
justify-content: center;
align-items: center;
z-index: 2;
}
@keyframes mmfadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes mmfadeOut {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
@keyframes mmslideIn {
from {
transform: translateY(15%);
}
to {
transform: translateY(0);
}
}
@keyframes mmslideOut {
from {
transform: translateY(0);
}
to {
transform: translateY(-10%);
}
}
.modal__overlay {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.6);
display: flex;
justify-content: center;
align-items: center;
z-index: 3;
}
.modal__container {
background-color: #fff;
padding: 30px;
max-width: 500px;
max-height: 100vh;
border-radius: 4px;
overflow-y: auto;
box-sizing: border-box;
}
.modal__header {
display: flex;
justify-content: space-between;
align-items: center;
}
.modal__header .modal__close:before {
content: "\2715";
}
.modal__title {
margin-top: 0;
margin-bottom: 0;
letter-spacing: -0.05em;
font-size: 1.65rem;
font-weight: 600;
line-height: 1em;
color: #5e006b;
box-sizing: border-box;
}
.modal__title strong {
font-weight: inherit;
}
@media screen and (max-width: 767.9px) {
.modal__title {
font-size: 1.5rem;
}
}
.modal__close {
background: transparent;
border: 0;
}
.modal__content {
margin-top: 2rem;
margin-bottom: 2rem;
}
.modal__btn {
display: inline-block;
border-radius: 0;
cursor: pointer;
font-weight: 400;
text-decoration: none;
border: 1px solid;
line-height: 1.4;
font-size: 1.1111rem;
padding-top: 0.58333333em;
padding-bottom: 0.7em;
padding-left: 0.8em;
padding-right: 0.8em;
letter-spacing: -0.025em;
background-color: transparent;
color: inherit;
text-transform: lowercase;
}
.animatable .modal__btn {
transition: all cubic-bezier(0.37, 0.01, 0.62, 1) 325ms;
}
.modal__btn span {
text-transform: initial;
}
@media screen and (max-width: 767.9px) {
.modal__btn {
font-size: 1rem;
}
}
.modal__btn:hover,
.modal__btn:focus {
background-color: #5e006b;
color: #ffffff;
}
.modal__btn.btn-purple,
.modal__btn.purple-btn {
background-color: #450052;
border-color: #450052;
color: #ffffff;
}
.modal__btn.btn-purple:hover,
.modal__btn.purple-btn:hover,
.modal__btn.btn-purple:focus,
.modal__btn.purple-btn:focus {
background-color: #5e006b;
color: #ffffff;
border-color: #5e006b;
}
.modal__btn.white-btn,
.modal__btn.btn-white {
background: #ffffff;
color: #450052;
border-color: #ffffff;
}
.modal__btn.white-btn:hover,
.modal__btn.btn-white:hover,
.modal__btn.white-btn:focus,
.modal__btn.btn-white:focus {
background-color: #f0c8f1;
color: #5e006b;
border-color: #f0c8f1;
}
.modal__btn.default,
.modal__btn.default-btn {
border: 1px solid #450052;
background-color: transparent;
color: #450052;
}
.modal__btn.default:hover,
.modal__btn.default-btn:hover,
.modal__btn.default:focus,
.modal__btn.default-btn:focus {
color: #94009b;
background-color: transparent;
border-color: #94009b;
}
.modal__btn.default-white,
.modal__btn.default-white-btn {
border: 1px solid #ffffff;
background-color: transparent;
color: #ffffff;
}
.modal__btn.default-white:hover,
.modal__btn.default-white-btn:hover,
.modal__btn.default-white:focus,
.modal__btn.default-white-btn:focus {
color: #450052;
background-color: #ffffff;
border-color: #ffffff;
}
.modal__btn.orange,
.modal__btn.orange-btn {
background-color: #f85100;
border-color: #f85100;
color: #ffffff;
}
.modal__btn.orange:hover,
.modal__btn.orange-btn:hover,
.modal__btn.orange:focus,
.modal__btn.orange-btn:focus {
color: #ffffff;
background-color: #ee3600;
border-color: #ee3600;
}
.modal__btn.light-btn,
.modal__btn.btn-light {
padding-left: 0;
padding-top: 0.35em;
padding-bottom: 0.35em;
border: unset;
padding-right: 1.6em;
position: relative;
font-weight: 600;
}
.modal__btn.light-btn::after,
.modal__btn.btn-light::after {
content: "";
position: absolute;
top: 0;
right: 0.4em;
bottom: 0;
left: auto;
width: 0.8em;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='16' viewBox='0 0 19 16' fill='none'%3E%3Cpath d='M11.3333 1L18 8M18 8L11.3333 15M18 8H9H0' stroke='%23450052'/%3E%3C/svg%3E");
}
.animatable .modal__btn.light-btn::after,
.animatable .modal__btn.btn-light::after {
transition: all cubic-bezier(0.37, 0.01, 0.62, 1) 325ms;
}
.modal__btn.light-btn:hover,
.modal__btn.btn-light:hover,
.modal__btn.light-btn:focus,
.modal__btn.btn-light:focus {
background-color: transparent;
color: inherit;
}
.modal__btn.light-btn:hover::after,
.modal__btn.btn-light:hover::after,
.modal__btn.light-btn:focus::after,
.modal__btn.btn-light:focus::after {
right: 0;
}
.modal__btn.light-btn.clr-light::after,
.modal__btn.btn-light.clr-light::after {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='16' viewBox='0 0 19 16' fill='none'%3E%3Cpath d='M11.3333 1L18 8M18 8L11.3333 15M18 8H9H0' stroke='%23ffffff'/%3E%3C/svg%3E");
}
.modal__btn.light-btn.clr-light:hover,
.modal__btn.btn-light.clr-light:hover,
.modal__btn.light-btn.clr-light:focus,
.modal__btn.btn-light.clr-light:focus {
color: #ffffff;
}
.modal__btn.light-btn.no-arrow,
.modal__btn.btn-light.no-arrow {
padding-right: 0.4em;
}
.modal__btn.light-btn.no-arrow::after,
.modal__btn.btn-light.no-arrow::after {
content: unset;
}
.modal__btn .btn-w-arrow:hover,
.modal__btn .btn-w-arrow:focus {
margin-right: 1em;
}
.modal__btn.btn-dark {
background-color: #450052;
border-color: #450052;
color: #ffffff;
}
.modal__btn.btn-dark:hover,
.modal__btn.btn-dark:focus {
background-color: #5e006b;
border-color: #5e006b;
color: #ffffff;
}
.modal__btn.external-btn {
padding-right: 1.6em;
position: relative;
}
.modal__btn.external-btn::after {
content: "";
position: absolute;
top: 0;
right: 0.4em;
bottom: 0;
left: auto;
width: 0.8em;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23450052' d='M488 0h-135.3c-13.25 0-25.09 7.906-30.19 20.16c-5.062 12.28-2.281 26.25 7.094 35.63l40.69 40.69L177.4 289.4c-12.5 12.5-12.5 32.75 0 45.25C183.6 340.9 191.8 344 200 344s16.38-3.125 22.62-9.375l192.9-192.9l40.69 40.69C462.5 188.7 470.8 192 479.3 192c4.219 0 8.469-.8125 12.56-2.5C504.1 184.4 512 172.6 512 159.3V24C512 10.75 501.3 0 488 0zM392 320c-13.25 0-24 10.75-24 24v112c0 4.406-3.594 8-8 8h-304c-4.406 0-8-3.594-8-8v-304c0-4.406 3.594-8 8-8h112C181.3 144 192 133.3 192 120S181.3 96 168 96h-112C25.13 96 0 121.1 0 152v304C0 486.9 25.13 512 56 512h304c30.88 0 56-25.12 56-56v-112C416 330.8 405.3 320 392 320z'/%3E%3C/svg%3E");
}
.animatable .modal__btn.external-btn::after {
transition: all cubic-bezier(0.37, 0.01, 0.62, 1) 325ms;
}
.modal__btn.external-btn:hover::after,
.modal__btn.external-btn:focus::after {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23ffffff' d='M488 0h-135.3c-13.25 0-25.09 7.906-30.19 20.16c-5.062 12.28-2.281 26.25 7.094 35.63l40.69 40.69L177.4 289.4c-12.5 12.5-12.5 32.75 0 45.25C183.6 340.9 191.8 344 200 344s16.38-3.125 22.62-9.375l192.9-192.9l40.69 40.69C462.5 188.7 470.8 192 479.3 192c4.219 0 8.469-.8125 12.56-2.5C504.1 184.4 512 172.6 512 159.3V24C512 10.75 501.3 0 488 0zM392 320c-13.25 0-24 10.75-24 24v112c0 4.406-3.594 8-8 8h-304c-4.406 0-8-3.594-8-8v-304c0-4.406 3.594-8 8-8h112C181.3 144 192 133.3 192 120S181.3 96 168 96h-112C25.13 96 0 121.1 0 152v304C0 486.9 25.13 512 56 512h304c30.88 0 56-25.12 56-56v-112C416 330.8 405.3 320 392 320z'/%3E%3C/svg%3E");
}
.modal__btn-primary {
display: inline-block;
border-radius: 0;
cursor: pointer;
font-weight: 400;
text-decoration: none;
border: 1px solid;
line-height: 1.4;
font-size: 1.1111rem;
padding-top: 0.58333333em;
padding-bottom: 0.7em;
padding-left: 0.8em;
padding-right: 0.8em;
letter-spacing: -0.025em;
background-color: transparent;
color: inherit;
text-transform: lowercase;
background-color: #450052;
border-color: #450052;
color: #ffffff;
}
.animatable .modal__btn-primary {
transition: all cubic-bezier(0.37, 0.01, 0.62, 1) 325ms;
}
.modal__btn-primary span {
text-transform: initial;
}
@media screen and (max-width: 767.9px) {
.modal__btn-primary {
font-size: 1rem;
}
}
.modal__btn-primary:hover,
.modal__btn-primary:focus {
background-color: #5e006b;
color: #ffffff;
}
.modal__btn-primary.btn-purple,
.modal__btn-primary.purple-btn {
background-color: #450052;
border-color: #450052;
color: #ffffff;
}
.modal__btn-primary.btn-purple:hover,
.modal__btn-primary.purple-btn:hover,
.modal__btn-primary.btn-purple:focus,
.modal__btn-primary.purple-btn:focus {
background-color: #5e006b;
color: #ffffff;
border-color: #5e006b;
}
.modal__btn-primary.white-btn,
.modal__btn-primary.btn-white {
background: #ffffff;
color: #450052;
border-color: #ffffff;
}
.modal__btn-primary.white-btn:hover,
.modal__btn-primary.btn-white:hover,
.modal__btn-primary.white-btn:focus,
.modal__btn-primary.btn-white:focus {
background-color: #f0c8f1;
color: #5e006b;
border-color: #f0c8f1;
}
.modal__btn-primary.default,
.modal__btn-primary.default-btn {
border: 1px solid #450052;
background-color: transparent;
color: #450052;
}
.modal__btn-primary.default:hover,
.modal__btn-primary.default-btn:hover,
.modal__btn-primary.default:focus,
.modal__btn-primary.default-btn:focus {
color: #94009b;
background-color: transparent;
border-color: #94009b;
}
.modal__btn-primary.default-white,
.modal__btn-primary.default-white-btn {
border: 1px solid #ffffff;
background-color: transparent;
color: #ffffff;
}
.modal__btn-primary.default-white:hover,
.modal__btn-primary.default-white-btn:hover,
.modal__btn-primary.default-white:focus,
.modal__btn-primary.default-white-btn:focus {
color: #450052;
background-color: #ffffff;
border-color: #ffffff;
}
.modal__btn-primary.orange,
.modal__btn-primary.orange-btn {
background-color: #f85100;
border-color: #f85100;
color: #ffffff;
}
.modal__btn-primary.orange:hover,
.modal__btn-primary.orange-btn:hover,
.modal__btn-primary.orange:focus,
.modal__btn-primary.orange-btn:focus {
color: #ffffff;
background-color: #ee3600;
border-color: #ee3600;
}
.modal__btn-primary.light-btn,
.modal__btn-primary.btn-light {
padding-left: 0;
padding-top: 0.35em;
padding-bottom: 0.35em;
border: unset;
padding-right: 1.6em;
position: relative;
font-weight: 600;
}
.modal__btn-primary.light-btn::after,
.modal__btn-primary.btn-light::after {
content: "";
position: absolute;
top: 0;
right: 0.4em;
bottom: 0;
left: auto;
width: 0.8em;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='16' viewBox='0 0 19 16' fill='none'%3E%3Cpath d='M11.3333 1L18 8M18 8L11.3333 15M18 8H9H0' stroke='%23450052'/%3E%3C/svg%3E");
}
.animatable .modal__btn-primary.light-btn::after,
.animatable .modal__btn-primary.btn-light::after {
transition: all cubic-bezier(0.37, 0.01, 0.62, 1) 325ms;
}
.modal__btn-primary.light-btn:hover,
.modal__btn-primary.btn-light:hover,
.modal__btn-primary.light-btn:focus,
.modal__btn-primary.btn-light:focus {
background-color: transparent;
color: inherit;
}
.modal__btn-primary.light-btn:hover::after,
.modal__btn-primary.btn-light:hover::after,
.modal__btn-primary.light-btn:focus::after,
.modal__btn-primary.btn-light:focus::after {
right: 0;
}
.modal__btn-primary.light-btn.clr-light::after,
.modal__btn-primary.btn-light.clr-light::after {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='16' viewBox='0 0 19 16' fill='none'%3E%3Cpath d='M11.3333 1L18 8M18 8L11.3333 15M18 8H9H0' stroke='%23ffffff'/%3E%3C/svg%3E");
}
.modal__btn-primary.light-btn.clr-light:hover,
.modal__btn-primary.btn-light.clr-light:hover,
.modal__btn-primary.light-btn.clr-light:focus,
.modal__btn-primary.btn-light.clr-light:focus {
color: #ffffff;
}
.modal__btn-primary.light-btn.no-arrow,
.modal__btn-primary.btn-light.no-arrow {
padding-right: 0.4em;
}
.modal__btn-primary.light-btn.no-arrow::after,
.modal__btn-primary.btn-light.no-arrow::after {
content: unset;
}
.modal__btn-primary .btn-w-arrow:hover,
.modal__btn-primary .btn-w-arrow:focus {
margin-right: 1em;
}
.modal__btn-primary.btn-dark {
background-color: #450052;
border-color: #450052;
color: #ffffff;
}
.modal__btn-primary.btn-dark:hover,
.modal__btn-primary.btn-dark:focus {
background-color: #5e006b;
border-color: #5e006b;
color: #ffffff;
}
.modal__btn-primary.external-btn {
padding-right: 1.6em;
position: relative;
}
.modal__btn-primary.external-btn::after {
content: "";
position: absolute;
top: 0;
right: 0.4em;
bottom: 0;
left: auto;
width: 0.8em;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23450052' d='M488 0h-135.3c-13.25 0-25.09 7.906-30.19 20.16c-5.062 12.28-2.281 26.25 7.094 35.63l40.69 40.69L177.4 289.4c-12.5 12.5-12.5 32.75 0 45.25C183.6 340.9 191.8 344 200 344s16.38-3.125 22.62-9.375l192.9-192.9l40.69 40.69C462.5 188.7 470.8 192 479.3 192c4.219 0 8.469-.8125 12.56-2.5C504.1 184.4 512 172.6 512 159.3V24C512 10.75 501.3 0 488 0zM392 320c-13.25 0-24 10.75-24 24v112c0 4.406-3.594 8-8 8h-304c-4.406 0-8-3.594-8-8v-304c0-4.406 3.594-8 8-8h112C181.3 144 192 133.3 192 120S181.3 96 168 96h-112C25.13 96 0 121.1 0 152v304C0 486.9 25.13 512 56 512h304c30.88 0 56-25.12 56-56v-112C416 330.8 405.3 320 392 320z'/%3E%3C/svg%3E");
}
.animatable .modal__btn-primary.external-btn::after {
transition: all cubic-bezier(0.37, 0.01, 0.62, 1) 325ms;
}
.modal__btn-primary.external-btn:hover::after,
.modal__btn-primary.external-btn:focus::after {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23ffffff' d='M488 0h-135.3c-13.25 0-25.09 7.906-30.19 20.16c-5.062 12.28-2.281 26.25 7.094 35.63l40.69 40.69L177.4 289.4c-12.5 12.5-12.5 32.75 0 45.25C183.6 340.9 191.8 344 200 344s16.38-3.125 22.62-9.375l192.9-192.9l40.69 40.69C462.5 188.7 470.8 192 479.3 192c4.219 0 8.469-.8125 12.56-2.5C504.1 184.4 512 172.6 512 159.3V24C512 10.75 501.3 0 488 0zM392 320c-13.25 0-24 10.75-24 24v112c0 4.406-3.594 8-8 8h-304c-4.406 0-8-3.594-8-8v-304c0-4.406 3.594-8 8-8h112C181.3 144 192 133.3 192 120S181.3 96 168 96h-112C25.13 96 0 121.1 0 152v304C0 486.9 25.13 512 56 512h304c30.88 0 56-25.12 56-56v-112C416 330.8 405.3 320 392 320z'/%3E%3C/svg%3E");
}
.modal__btn-primary:hover,
.modal__btn-primary:focus {
background-color: #5e006b;
color: #ffffff;
border-color: #5e006b;
}
.micromodal-slide {
display: none;
}
.micromodal-slide .modal__container {
will-change: transform;
}
.micromodal-slide .modal__overlay {
will-change: transform;
}
.micromodal-slide.is-open {
display: block;
}
.micromodal-slide[aria-hidden="false"] .modal__overlay {
animation: mmfadeIn 0.3s cubic-bezier(0, 0, 0.2, 1);
}
.micromodal-slide[aria-hidden="false"] .modal__container {
animation: mmslideIn 0.3s cubic-bezier(0, 0, 0.2, 1);
}
.micromodal-slide[aria-hidden="true"] .modal__overlay {
animation: mmfadeOut 0.3s cubic-bezier(0, 0, 0.2, 1);
}
.micromodal-slide[aria-hidden="true"] .modal__container {
animation: mmslideOut 0.3s cubic-bezier(0, 0, 0.2, 1);
}
.all-dates-hover-wrapper {
position: relative;
}
.more-dates:hover + .all-dates-hover {
display: block;
}
.all-dates-hover {
display: none;
position: absolute;
bottom: 90%;
width: max-content;
left: 0%;
z-index: 2;
background: #f7f7f7;
color: #5e006b;
padding: 0.5em;
border: 1px solid #c8c8c8;
}
.all-dates-hover:hover {
display: block;
}
.all-dates-hover-wrapper .more-dates {
color: #94009b;
cursor: pointer;
text-decoration: underline;
}
.all-dates-hover-wrapper .more-dates:after {
content: "";
width: 1em;
height: 1em;
display: inline-block;
vertical-align: middle;
margin-left: 0.5em;
background-size: 50%;
background-repeat: no-repeat;
background-position: center;
transform: rotate(-90deg);
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.63' height='27.024' viewBox='0 0 23.63 27.024'%3E%3Cg id='element_button_green' data-name='element/button/green' transform='translate(0 -1.488)'%3E%3Cpath id='Path_2' data-name='Path 2' d='M3.012,1.766A2,2,0,0,0,0,3.491V26.509a2,2,0,0,0,3.012,1.725l19.63-11.509a2,2,0,0,0,0-3.451Z' fill='%2300375a'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.projecten-section .splide__arrow svg {
fill: #FFf;
}
.adviseur-bij-slider-item {
max-width: 28rem;
}
.adviseur-bij-slider .splide__arrows {
position: absolute;
right: 1rem;
bottom: calc(100% + 3rem);
}
.adviseur-bij-slider .splide__arrows .splide__arrow {
position: relative;
display: inline-block;
top: unset;
left: unset;
right: unset;
transform: none;
opacity: 1;
background: transparent;
border-radius: 0;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
.adviseur-bij-slider .splide__arrows .splide__arrow[disabled] {
opacity: 0.3;
}
.adviseur-bij-slider .splide__arrows .splide__arrow svg {
display: none;
}
.adviseur-bij-slider .splide__arrows .splide__arrow.splide__arrow--next {
background-size: 0.6rem;
background-repeat: no-repeat;
background-position: center;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='21' viewBox='0 0 12 21' fill='none'%3E%3Cpath d='M1.44043 1L10.488 10.5L1.44043 20' stroke='%23450052' stroke-width='1.35714'/%3E%3C/svg%3E");
}
.adviseur-bij-slider .splide__arrows .splide__arrow.splide__arrow--prev {
background-size: 0.6rem;
background-repeat: no-repeat;
background-position: center;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='21' viewBox='0 0 11 21' fill='none'%3E%3Cpath d='M10.2979 20L1.25023 10.5L10.2979 1' stroke='%23450052' stroke-width='1.35714'/%3E%3C/svg%3E");
}
.btn.external-btn {
padding-right: 1.6em;
position: relative;
}
.btn.external-btn::after {
content: "";
position: absolute;
top: 0;
right: 0.4em;
bottom: 0;
left: auto;
width: 0.8em;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23450052' d='M488 0h-135.3c-13.25 0-25.09 7.906-30.19 20.16c-5.062 12.28-2.281 26.25 7.094 35.63l40.69 40.69L177.4 289.4c-12.5 12.5-12.5 32.75 0 45.25C183.6 340.9 191.8 344 200 344s16.38-3.125 22.62-9.375l192.9-192.9l40.69 40.69C462.5 188.7 470.8 192 479.3 192c4.219 0 8.469-.8125 12.56-2.5C504.1 184.4 512 172.6 512 159.3V24C512 10.75 501.3 0 488 0zM392 320c-13.25 0-24 10.75-24 24v112c0 4.406-3.594 8-8 8h-304c-4.406 0-8-3.594-8-8v-304c0-4.406 3.594-8 8-8h112C181.3 144 192 133.3 192 120S181.3 96 168 96h-112C25.13 96 0 121.1 0 152v304C0 486.9 25.13 512 56 512h304c30.88 0 56-25.12 56-56v-112C416 330.8 405.3 320 392 320z'/%3E%3C/svg%3E");
}
.animatable .btn.external-btn::after {
transition: all cubic-bezier(0.37, 0.01, 0.62, 1) 325ms;
}
.btn.external-btn:hover::after,
.btn.external-btn:focus::after {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23ffffff' d='M488 0h-135.3c-13.25 0-25.09 7.906-30.19 20.16c-5.062 12.28-2.281 26.25 7.094 35.63l40.69 40.69L177.4 289.4c-12.5 12.5-12.5 32.75 0 45.25C183.6 340.9 191.8 344 200 344s16.38-3.125 22.62-9.375l192.9-192.9l40.69 40.69C462.5 188.7 470.8 192 479.3 192c4.219 0 8.469-.8125 12.56-2.5C504.1 184.4 512 172.6 512 159.3V24C512 10.75 501.3 0 488 0zM392 320c-13.25 0-24 10.75-24 24v112c0 4.406-3.594 8-8 8h-304c-4.406 0-8-3.594-8-8v-304c0-4.406 3.594-8 8-8h112C181.3 144 192 133.3 192 120S181.3 96 168 96h-112C25.13 96 0 121.1 0 152v304C0 486.9 25.13 512 56 512h304c30.88 0 56-25.12 56-56v-112C416 330.8 405.3 320 392 320z'/%3E%3C/svg%3E");
}
#floating-vacatures {
position: fixed;
top: 50%;
right: 0;
transform: translateY(-50%);
z-index: 4;
}
#floating-vacatures a {
color: white;
writing-mode: vertical-rl;
text-orientation: mixed;
padding: 0.8em 0.35em 0.8em 0.35em;
padding-top: 2.8em;
display: block;
text-decoration: none;
position: relative;
}
.animatable #floating-vacatures a {
transition: all cubic-bezier(0.37, 0.01, 0.62, 1) 325ms;
}
@media screen and (max-width: 1279.9px) {
#floating-vacatures a {
padding-top: 2.1em;
padding-left: 0.4em;
padding-right: 0.4em;
padding-bottom: 0.7em;
font-size: 1rem;
}
}
#floating-vacatures a::before {
content: "";
position: absolute;
top: 0.8em;
left: 0.7em;
right: 0.7em;
height: 1.2rem;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='21' viewBox='0 0 12 21' fill='none'%3E%3Cpath d='M1.44043 1L10.488 10.5L1.44043 20' stroke='%23ffffff' stroke-width='1.35714'/%3E%3C/svg%3E");
}
.animatable #floating-vacatures a::before {
transition: all cubic-bezier(0.37, 0.01, 0.62, 1) 325ms;
}
@media screen and (max-width: 1279.9px) {
#floating-vacatures a::before {
height: .9rem;
}
}
#floating-vacatures:hover a {
padding-right: 0.8em;
}
#floating-vacatures:hover a::before {
right: 0.8em;
}
@media screen and (max-width: 767.9px) {
#floating-vacatures {
display: none;
}
}
#fixed-apply-bar {
bottom: 0;
left: 0;
right: 0;
background-color: #ffffff;
z-index: 10;
border-top: 1px solid #450052;
padding-top: .5em;
padding-bottom: 0.5em;
}
.single-cursus .fixed-buttons,
.single-post .fixed-buttons {
visibility: hidden;
visibility: visible;
position: fixed;
display: block;
background-color: #ffffff;
bottom: 0;
left: 0;
z-index: 11;
width: 100%;
padding-top: 0.5em;
border-top: 1px solid #450052;
padding-bottom: 0.5em;
}
.single-cursus .fixed-buttons .fixed-buttons-wrapper,
.single-post .fixed-buttons .fixed-buttons-wrapper {
margin-left: 80px;
margin-right: 80px;
padding-left: 1em;
padding-right: 1em;
display: flex;
justify-content: flex-start;
align-items: center;
}
@media screen and (max-width: calc(88rem + 320px + 1em)) {
.single-cursus .fixed-buttons .fixed-buttons-wrapper,
.single-post .fixed-buttons .fixed-buttons-wrapper {
margin-left: 0;
margin-right: 0;
}
}
@media screen and (min-width: 2200px) {
.single-cursus .fixed-buttons .fixed-buttons-wrapper,
.single-post .fixed-buttons .fixed-buttons-wrapper {
margin-left: 160px;
margin-right: 160px;
}
}
@media screen and (min-width: 2400px) {
.single-cursus .fixed-buttons .fixed-buttons-wrapper,
.single-post .fixed-buttons .fixed-buttons-wrapper {
margin-left: 260px;
margin-right: 260px;
}
}
@media screen and (min-width: 2600px) {
.single-cursus .fixed-buttons .fixed-buttons-wrapper,
.single-post .fixed-buttons .fixed-buttons-wrapper {
margin-left: 360px;
margin-right: 360px;
}
}
@media screen and (min-width: 2800px) {
.single-cursus .fixed-buttons .fixed-buttons-wrapper,
.single-post .fixed-buttons .fixed-buttons-wrapper {
margin-left: 460px;
margin-right: 460px;
}
}
.single-cursus .fixed-buttons .fixed-buttons-wrapper.mr-0,
.single-post .fixed-buttons .fixed-buttons-wrapper.mr-0 {
margin-right: 0;
}
.single-cursus .fixed-buttons .fixed-buttons-wrapper .fixed-icon,
.single-post .fixed-buttons .fixed-buttons-wrapper .fixed-icon {
margin-right: .5rem;
}
.single-cursus .fixed-buttons .fixed-buttons-wrapper .fixed-icon a,
.single-post .fixed-buttons .fixed-buttons-wrapper .fixed-icon a {
display: inline-block;
border-radius: 0;
cursor: pointer;
font-weight: 400;
text-decoration: none;
border: 1px solid;
line-height: 1.4;
font-size: 1.1111rem;
padding-top: 0.58333333em;
padding-bottom: 0.7em;
padding-left: 0.8em;
padding-right: 0.8em;
letter-spacing: -0.025em;
background-color: transparent;
color: inherit;
text-transform: lowercase;
background-size: 1rem;
background-repeat: no-repeat;
background-position: center;
}
.animatable .single-cursus .fixed-buttons .fixed-buttons-wrapper .fixed-icon a,
.animatable .single-post .fixed-buttons .fixed-buttons-wrapper .fixed-icon a {
transition: all cubic-bezier(0.37, 0.01, 0.62, 1) 325ms;
}
.single-cursus .fixed-buttons .fixed-buttons-wrapper .fixed-icon a span,
.single-post .fixed-buttons .fixed-buttons-wrapper .fixed-icon a span {
text-transform: initial;
}
@media screen and (max-width: 767.9px) {
.single-cursus .fixed-buttons .fixed-buttons-wrapper .fixed-icon a,
.single-post .fixed-buttons .fixed-buttons-wrapper .fixed-icon a {
font-size: 1rem;
}
}
.single-cursus .fixed-buttons .fixed-buttons-wrapper .fixed-icon a:hover,
.single-post .fixed-buttons .fixed-buttons-wrapper .fixed-icon a:hover,
.single-cursus .fixed-buttons .fixed-buttons-wrapper .fixed-icon a:focus,
.single-post .fixed-buttons .fixed-buttons-wrapper .fixed-icon a:focus {
background-color: #5e006b;
color: #ffffff;
}
.single-cursus .fixed-buttons .fixed-buttons-wrapper .fixed-icon a.btn-purple,
.single-post .fixed-buttons .fixed-buttons-wrapper .fixed-icon a.btn-purple,
.single-cursus .fixed-buttons .fixed-buttons-wrapper .fixed-icon a.purple-btn,
.single-post .fixed-buttons .fixed-buttons-wrapper .fixed-icon a.purple-btn {
background-color: #450052;
border-color: #450052;
color: #ffffff;
}
.single-cursus .fixed-buttons .fixed-buttons-wrapper .fixed-icon a.btn-purple:hover,
.single-post .fixed-buttons .fixed-buttons-wrapper .fixed-icon a.btn-purple:hover,
.single-cursus .fixed-buttons .fixed-buttons-wrapper .fixed-icon a.purple-btn:hover,
.single-post .fixed-buttons .fixed-buttons-wrapper .fixed-icon a.purple-btn:hover,
.single-cursus .fixed-buttons .fixed-buttons-wrapper .fixed-icon a.btn-purple:focus,
.single-post .fixed-buttons .fixed-buttons-wrapper .fixed-icon a.btn-purple:focus,
.single-cursus .fixed-buttons .fixed-buttons-wrapper .fixed-icon a.purple-btn:focus,
.single-post .fixed-buttons .fixed-buttons-wrapper .fixed-icon a.purple-btn:focus {
background-color: #5e006b;
color: #ffffff;
border-color: #5e006b;
}
.single-cursus .fixed-buttons .fixed-buttons-wrapper .fixed-icon a.white-btn,
.single-post .fixed-buttons .fixed-buttons-wrapper .fixed-icon a.white-btn,
.single-cursus .fixed-buttons .fixed-buttons-wrapper .fixed-icon a.btn-white,
.single-post .fixed-buttons .fixed-buttons-wrapper .fixed-icon a.btn-white {
background: #ffffff;
color: #450052;
border-color: #ffffff;
}
.single-cursus .fixed-buttons .fixed-buttons-wrapper .fixed-icon a.white-btn:hover,
.single-post .fixed-buttons .fixed-buttons-wrapper .fixed-icon a.white-btn:hover,
.single-cursus .fixed-buttons .fixed-buttons-wrapper .fixed-icon a.btn-white:hover,
.single-post .fixed-buttons .fixed-buttons-wrapper .fixed-icon a.btn-white:hover,
.single-cursus .fixed-buttons .fixed-buttons-wrapper .fixed-icon a.white-btn:focus,
.single-post .fixed-buttons .fixed-buttons-wrapper .fixed-icon a.white-btn:focus,
.single-cursus .fixed-buttons .fixed-buttons-wrapper .fixed-icon a.btn-white:focus,
.single-post .fixed-buttons .fixed-buttons-wrapper .fixed-icon a.btn-white:focus {
background-color: #f0c8f1;
color: #5e006b;
border-color: #f0c8f1;
}
.single-cursus .fixed-buttons .fixed-buttons-wrapper .fixed-icon a.default,
.single-post .fixed-buttons .fixed-buttons-wrapper .fixed-icon a.default,
.single-cursus .fixed-buttons .fixed-buttons-wrapper .fixed-icon a.default-btn,
.single-post .fixed-buttons .fixed-buttons-wrapper .fixed-icon a.default-btn {
border: 1px solid #450052;
background-color: transparent;
color: #450052;
}
.single-cursus .fixed-buttons .fixed-buttons-wrapper .fixed-icon a.default:hover,
.single-post .fixed-buttons .fixed-buttons-wrapper .fixed-icon a.default:hover,
.single-cursus .fixed-buttons .fixed-buttons-wrapper .fixed-icon a.default-btn:hover,
.single-post .fixed-buttons .fixed-buttons-wrapper .fixed-icon a.default-btn:hover,
.single-cursus .fixed-buttons .fixed-buttons-wrapper .fixed-icon a.default:focus,
.single-post .fixed-buttons .fixed-buttons-wrapper .fixed-icon a.default:focus,
.single-cursus .fixed-buttons .fixed-buttons-wrapper .fixed-icon a.default-btn:focus,
.single-post .fixed-buttons .fixed-buttons-wrapper .fixed-icon a.default-btn:focus {
color: #94009b;
background-color: transparent;
border-color: #94009b;
}
.single-cursus .fixed-buttons .fixed-buttons-wrapper .fixed-icon a.default-white,
.single-post .fixed-buttons .fixed-buttons-wrapper .fixed-icon a.default-white,
.single-cursus .fixed-buttons .fixed-buttons-wrapper .fixed-icon a.default-white-btn,
.single-post .fixed-buttons .fixed-buttons-wrapper .fixed-icon a.default-white-btn {
border: 1px solid #ffffff;
background-color: transparent;
color: #ffffff;
}
.single-cursus .fixed-buttons .fixed-buttons-wrapper .fixed-icon a.default-white:hover,
.single-post .fixed-buttons .fixed-buttons-wrapper .fixed-icon a.default-white:hover,
.single-cursus .fixed-buttons .fixed-buttons-wrapper .fixed-icon a.default-white-btn:hover,
.single-post .fixed-buttons .fixed-buttons-wrapper .fixed-icon a.default-white-btn:hover,
.single-cursus .fixed-buttons .fixed-buttons-wrapper .fixed-icon a.default-white:focus,
.single-post .fixed-buttons .fixed-buttons-wrapper .fixed-icon a.default-white:focus,
.single-cursus .fixed-buttons .fixed-buttons-wrapper .fixed-icon a.default-white-btn:focus,
.single-post .fixed-buttons .fixed-buttons-wrapper .fixed-icon a.default-white-btn:focus {
color: #450052;
background-color: #ffffff;
border-color: #ffffff;
}
.single-cursus .fixed-buttons .fixed-buttons-wrapper .fixed-icon a.orange,
.single-post .fixed-buttons .fixed-buttons-wrapper .fixed-icon a.orange,
.single-cursus .fixed-buttons .fixed-buttons-wrapper .fixed-icon a.orange-btn,
.single-post .fixed-buttons .fixed-buttons-wrapper .fixed-icon a.orange-btn {
background-color: #f85100;
border-color: #f85100;
color: #ffffff;
}
.single-cursus .fixed-buttons .fixed-buttons-wrapper .fixed-icon a.orange:hover,
.single-post .fixed-buttons .fixed-buttons-wrapper .fixed-icon a.orange:hover,
.single-cursus .fixed-buttons .fixed-buttons-wrapper .fixed-icon a.orange-btn:hover,
.single-post .fixed-buttons .fixed-buttons-wrapper .fixed-icon a.orange-btn:hover,
.single-cursus .fixed-buttons .fixed-buttons-wrapper .fixed-icon a.orange:focus,
.single-post .fixed-buttons .fixed-buttons-wrapper .fixed-icon a.orange:focus,
.single-cursus .fixed-buttons .fixed-buttons-wrapper .fixed-icon a.orange-btn:focus,
.single-post .fixed-buttons .fixed-buttons-wrapper .fixed-icon a.orange-btn:focus {
color: #ffffff;
background-color: #ee3600;
border-color: #ee3600;
}
.single-cursus .fixed-buttons .fixed-buttons-wrapper .fixed-icon a.light-btn,
.single-post .fixed-buttons .fixed-buttons-wrapper .fixed-icon a.light-btn,
.single-cursus .fixed-buttons .fixed-buttons-wrapper .fixed-icon a.btn-light,
.single-post .fixed-buttons .fixed-buttons-wrapper .fixed-icon a.btn-light {
padding-left: 0;
padding-top: 0.35em;
padding-bottom: 0.35em;
border: unset;
padding-right: 1.6em;
position: relative;
font-weight: 600;
}
.single-cursus .fixed-buttons .fixed-buttons-wrapper .fixed-icon a.light-btn::after,
.single-post .fixed-buttons .fixed-buttons-wrapper .fixed-icon a.light-btn::after,
.single-cursus .fixed-buttons .fixed-buttons-wrapper .fixed-icon a.btn-light::after,
.single-post .fixed-buttons .fixed-buttons-wrapper .fixed-icon a.btn-light::after {
content: "";
position: absolute;
top: 0;
right: 0.4em;
bottom: 0;
left: auto;
width: 0.8em;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='16' viewBox='0 0 19 16' fill='none'%3E%3Cpath d='M11.3333 1L18 8M18 8L11.3333 15M18 8H9H0' stroke='%23450052'/%3E%3C/svg%3E");
}
.animatable .single-cursus .fixed-buttons .fixed-buttons-wrapper .fixed-icon a.light-btn::after,
.animatable .single-post .fixed-buttons .fixed-buttons-wrapper .fixed-icon a.light-btn::after,
.animatable .single-cursus .fixed-buttons .fixed-buttons-wrapper .fixed-icon a.btn-light::after,
.animatable .single-post .fixed-buttons .fixed-buttons-wrapper .fixed-icon a.btn-light::after {
transition: all cubic-bezier(0.37, 0.01, 0.62, 1) 325ms;
}
.single-cursus .fixed-buttons .fixed-buttons-wrapper .fixed-icon a.light-btn:hover,
.single-post .fixed-buttons .fixed-buttons-wrapper .fixed-icon a.light-btn:hover,
.single-cursus .fixed-buttons .fixed-buttons-wrapper .fixed-icon a.btn-light:hover,
.single-post .fixed-buttons .fixed-buttons-wrapper .fixed-icon a.btn-light:hover,
.single-cursus .fixed-buttons .fixed-buttons-wrapper .fixed-icon a.light-btn:focus,
.single-post .fixed-buttons .fixed-buttons-wrapper .fixed-icon a.light-btn:focus,
.single-cursus .fixed-buttons .fixed-buttons-wrapper .fixed-icon a.btn-light:focus,
.single-post .fixed-buttons .fixed-buttons-wrapper .fixed-icon a.btn-light:focus {
background-color: transparent;
color: inherit;
}
.single-cursus .fixed-buttons .fixed-buttons-wrapper .fixed-icon a.light-btn:hover::after,
.single-post .fixed-buttons .fixed-buttons-wrapper .fixed-icon a.light-btn:hover::after,
.single-cursus .fixed-buttons .fixed-buttons-wrapper .fixed-icon a.btn-light:hover::after,
.single-post .fixed-buttons .fixed-buttons-wrapper .fixed-icon a.btn-light:hover::after,
.single-cursus .fixed-buttons .fixed-buttons-wrapper .fixed-icon a.light-btn:focus::after,
.single-post .fixed-buttons .fixed-buttons-wrapper .fixed-icon a.light-btn:focus::after,
.single-cursus .fixed-buttons .fixed-buttons-wrapper .fixed-icon a.btn-light:focus::after,
.single-post .fixed-buttons .fixed-buttons-wrapper .fixed-icon a.btn-light:focus::after {
right: 0;
}
.single-cursus .fixed-buttons .fixed-buttons-wrapper .fixed-icon a.light-btn.clr-light::after,
.single-post .fixed-buttons .fixed-buttons-wrapper .fixed-icon a.light-btn.clr-light::after,
.single-cursus .fixed-buttons .fixed-buttons-wrapper .fixed-icon a.btn-light.clr-light::after,
.single-post .fixed-buttons .fixed-buttons-wrapper .fixed-icon a.btn-light.clr-light::after {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='16' viewBox='0 0 19 16' fill='none'%3E%3Cpath d='M11.3333 1L18 8M18 8L11.3333 15M18 8H9H0' stroke='%23ffffff'/%3E%3C/svg%3E");
}
.single-cursus .fixed-buttons .fixed-buttons-wrapper .fixed-icon a.light-btn.clr-light:hover,
.single-post .fixed-buttons .fixed-buttons-wrapper .fixed-icon a.light-btn.clr-light:hover,
.single-cursus .fixed-buttons .fixed-buttons-wrapper .fixed-icon a.btn-light.clr-light:hover,
.single-post .fixed-buttons .fixed-buttons-wrapper .fixed-icon a.btn-light.clr-light:hover,
.single-cursus .fixed-buttons .fixed-buttons-wrapper .fixed-icon a.light-btn.clr-light:focus,
.single-post .fixed-buttons .fixed-buttons-wrapper .fixed-icon a.light-btn.clr-light:focus,
.single-cursus .fixed-buttons .fixed-buttons-wrapper .fixed-icon a.btn-light.clr-light:focus,
.single-post .fixed-buttons .fixed-buttons-wrapper .fixed-icon a.btn-light.clr-light:focus {
color: #ffffff;
}
.single-cursus .fixed-buttons .fixed-buttons-wrapper .fixed-icon a.light-btn.no-arrow,
.single-post .fixed-buttons .fixed-buttons-wrapper .fixed-icon a.light-btn.no-arrow,
.single-cursus .fixed-buttons .fixed-buttons-wrapper .fixed-icon a.btn-light.no-arrow,
.single-post .fixed-buttons .fixed-buttons-wrapper .fixed-icon a.btn-light.no-arrow {
padding-right: 0.4em;
}
.single-cursus .fixed-buttons .fixed-buttons-wrapper .fixed-icon a.light-btn.no-arrow::after,
.single-post .fixed-buttons .fixed-buttons-wrapper .fixed-icon a.light-btn.no-arrow::after,
.single-cursus .fixed-buttons .fixed-buttons-wrapper .fixed-icon a.btn-light.no-arrow::after,
.single-post .fixed-buttons .fixed-buttons-wrapper .fixed-icon a.btn-light.no-arrow::after {
content: unset;
}
.single-cursus .fixed-buttons .fixed-buttons-wrapper .fixed-icon a .btn-w-arrow:hover,
.single-post .fixed-buttons .fixed-buttons-wrapper .fixed-icon a .btn-w-arrow:hover,
.single-cursus .fixed-buttons .fixed-buttons-wrapper .fixed-icon a .btn-w-arrow:focus,
.single-post .fixed-buttons .fixed-buttons-wrapper .fixed-icon a .btn-w-arrow:focus {
margin-right: 1em;
}
.single-cursus .fixed-buttons .fixed-buttons-wrapper .fixed-icon a.btn-dark,
.single-post .fixed-buttons .fixed-buttons-wrapper .fixed-icon a.btn-dark {
background-color: #450052;
border-color: #450052;
color: #ffffff;
}
.single-cursus .fixed-buttons .fixed-buttons-wrapper .fixed-icon a.btn-dark:hover,
.single-post .fixed-buttons .fixed-buttons-wrapper .fixed-icon a.btn-dark:hover,
.single-cursus .fixed-buttons .fixed-buttons-wrapper .fixed-icon a.btn-dark:focus,
.single-post .fixed-buttons .fixed-buttons-wrapper .fixed-icon a.btn-dark:focus {
background-color: #5e006b;
border-color: #5e006b;
color: #ffffff;
}
.single-cursus .fixed-buttons .fixed-buttons-wrapper .fixed-icon a.external-btn,
.single-post .fixed-buttons .fixed-buttons-wrapper .fixed-icon a.external-btn {
padding-right: 1.6em;
position: relative;
}
.single-cursus .fixed-buttons .fixed-buttons-wrapper .fixed-icon a.external-btn::after,
.single-post .fixed-buttons .fixed-buttons-wrapper .fixed-icon a.external-btn::after {
content: "";
position: absolute;
top: 0;
right: 0.4em;
bottom: 0;
left: auto;
width: 0.8em;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23450052' d='M488 0h-135.3c-13.25 0-25.09 7.906-30.19 20.16c-5.062 12.28-2.281 26.25 7.094 35.63l40.69 40.69L177.4 289.4c-12.5 12.5-12.5 32.75 0 45.25C183.6 340.9 191.8 344 200 344s16.38-3.125 22.62-9.375l192.9-192.9l40.69 40.69C462.5 188.7 470.8 192 479.3 192c4.219 0 8.469-.8125 12.56-2.5C504.1 184.4 512 172.6 512 159.3V24C512 10.75 501.3 0 488 0zM392 320c-13.25 0-24 10.75-24 24v112c0 4.406-3.594 8-8 8h-304c-4.406 0-8-3.594-8-8v-304c0-4.406 3.594-8 8-8h112C181.3 144 192 133.3 192 120S181.3 96 168 96h-112C25.13 96 0 121.1 0 152v304C0 486.9 25.13 512 56 512h304c30.88 0 56-25.12 56-56v-112C416 330.8 405.3 320 392 320z'/%3E%3C/svg%3E");
}
.animatable .single-cursus .fixed-buttons .fixed-buttons-wrapper .fixed-icon a.external-btn::after,
.animatable .single-post .fixed-buttons .fixed-buttons-wrapper .fixed-icon a.external-btn::after {
transition: all cubic-bezier(0.37, 0.01, 0.62, 1) 325ms;
}
.single-cursus .fixed-buttons .fixed-buttons-wrapper .fixed-icon a.external-btn:hover::after,
.single-post .fixed-buttons .fixed-buttons-wrapper .fixed-icon a.external-btn:hover::after,
.single-cursus .fixed-buttons .fixed-buttons-wrapper .fixed-icon a.external-btn:focus::after,
.single-post .fixed-buttons .fixed-buttons-wrapper .fixed-icon a.external-btn:focus::after {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23ffffff' d='M488 0h-135.3c-13.25 0-25.09 7.906-30.19 20.16c-5.062 12.28-2.281 26.25 7.094 35.63l40.69 40.69L177.4 289.4c-12.5 12.5-12.5 32.75 0 45.25C183.6 340.9 191.8 344 200 344s16.38-3.125 22.62-9.375l192.9-192.9l40.69 40.69C462.5 188.7 470.8 192 479.3 192c4.219 0 8.469-.8125 12.56-2.5C504.1 184.4 512 172.6 512 159.3V24C512 10.75 501.3 0 488 0zM392 320c-13.25 0-24 10.75-24 24v112c0 4.406-3.594 8-8 8h-304c-4.406 0-8-3.594-8-8v-304c0-4.406 3.594-8 8-8h112C181.3 144 192 133.3 192 120S181.3 96 168 96h-112C25.13 96 0 121.1 0 152v304C0 486.9 25.13 512 56 512h304c30.88 0 56-25.12 56-56v-112C416 330.8 405.3 320 392 320z'/%3E%3C/svg%3E");
}
.single-cursus .fixed-buttons .fixed-buttons-wrapper .fixed-icon a#phone,
.single-post .fixed-buttons .fixed-buttons-wrapper .fixed-icon a#phone {
padding-left: 1.6em;
padding-right: 1.6em;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='26' viewBox='0 0 17 26' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M14.5714 0.5H3.14286C1.95929 0.5 1 1.45929 1 2.64286V23.3571C1 24.5407 1.95929 25.5 3.14286 25.5H14.5714C15.755 25.5 16.7143 24.5407 16.7143 23.3571V2.64286C16.7143 1.45929 15.755 0.5 14.5714 0.5ZM14.5714 1.92857C14.9657 1.92857 15.2857 2.24857 15.2857 2.64286V23.3571C15.2857 23.7514 14.9657 24.0714 14.5714 24.0714H3.14286C2.74857 24.0714 2.42857 23.7514 2.42857 23.3571V2.64286C2.42857 2.24857 2.74857 1.92857 3.14286 1.92857H14.5714Z' fill='%23450052'/%3E%3Cpath d='M7.78564 3.35714H9.9285' stroke='%23450052' stroke-width='1.5' stroke-linecap='round'/%3E%3Cpath d='M1.71436 20.5H16.0001' stroke='%23450052' stroke-width='1.5' stroke-linecap='round'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.57164 22.6428C9.57164 23.0378 9.25235 23.3571 8.85735 23.3571C8.46235 23.3571 8.14307 23.0378 8.14307 22.6428C8.14307 22.2478 8.46235 21.9286 8.85735 21.9286C9.25235 21.9286 9.57164 22.2478 9.57164 22.6428Z' fill='%23450052'/%3E%3C/svg%3E");
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23450052' d='M480.3 320.3L382.1 278.2c-21.41-9.281-46.64-3.109-61.2 14.95l-27.44 33.5c-44.78-25.75-82.29-63.25-108-107.1l33.55-27.48c17.91-14.62 24.09-39.7 15.02-61.05L191.7 31.53c-10.16-23.2-35.34-35.86-59.87-30.19l-91.25 21.06C16.7 27.86 0 48.83 0 73.39c0 241.9 196.7 438.6 438.6 438.6c24.56 0 45.53-16.69 50.1-40.53l21.06-91.34C516.4 355.5 503.6 330.3 480.3 320.3zM463.9 369.3l-21.09 91.41c-.4687 1.1-2.109 3.281-4.219 3.281c-215.4 0-390.6-175.2-390.6-390.6c0-2.094 1.297-3.734 3.344-4.203l91.34-21.08c.3125-.0781 .6406-.1094 .9531-.1094c1.734 0 3.359 1.047 4.047 2.609l42.14 98.33c.75 1.766 .25 3.828-1.25 5.062L139.8 193.1c-8.625 7.062-11.25 19.14-6.344 29.14c33.01 67.23 88.26 122.5 155.5 155.5c9.1 4.906 22.09 2.281 29.16-6.344l40.01-48.87c1.109-1.406 3.187-1.938 4.922-1.125l98.26 42.09C463.2 365.2 464.3 367.3 463.9 369.3z'/%3E%3C/svg%3E");
}
.single-cursus .fixed-buttons .fixed-buttons-wrapper .fixed-icon a#whatsapp,
.single-post .fixed-buttons .fixed-buttons-wrapper .fixed-icon a#whatsapp {
padding-left: 1.6em;
padding-right: 1.6em;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='%23450052' d='M380.9 97.1C339 55.1 283.2 32 223.9 32c-122.4 0-222 99.6-222 222 0 39.1 10.2 77.3 29.6 111L0 480l117.7-30.9c32.4 17.7 68.9 27 106.1 27h.1c122.3 0 224.1-99.6 224.1-222 0-59.3-25.2-115-67.1-157zm-157 341.6c-33.2 0-65.7-8.9-94-25.7l-6.7-4-69.8 18.3L72 359.2l-4.4-7c-18.5-29.4-28.2-63.3-28.2-98.2 0-101.7 82.8-184.5 184.6-184.5 49.3 0 95.6 19.2 130.4 54.1 34.8 34.9 56.2 81.2 56.1 130.5 0 101.8-84.9 184.6-186.6 184.6zm101.2-138.2c-5.5-2.8-32.8-16.2-37.9-18-5.1-1.9-8.8-2.8-12.5 2.8-3.7 5.6-14.3 18-17.6 21.8-3.2 3.7-6.5 4.2-12 1.4-32.6-16.3-54-29.1-75.5-66-5.7-9.8 5.7-9.1 16.3-30.3 1.8-3.7.9-6.9-.5-9.7-1.4-2.8-12.5-30.1-17.1-41.2-4.5-10.8-9.1-9.3-12.5-9.5-3.2-.2-6.9-.2-10.6-.2-3.7 0-9.7 1.4-14.8 6.9-5.1 5.6-19.4 19-19.4 46.3 0 27.3 19.9 53.7 22.6 57.4 2.8 3.7 39.1 59.7 94.8 83.8 35.2 15.2 49 16.5 66.6 13.9 10.7-1.6 32.8-13.4 37.4-26.4 4.6-13 4.6-24.1 3.2-26.4-1.3-2.5-5-3.9-10.5-6.6z'/%3E%3C/svg%3E");
}
.single-cursus .fixed-button,
.single-post .fixed-button {
margin-right: .5rem;
}
.recaptcha-notice {
opacity: 0.7;
font-size: 0.8em;
}
.grecaptcha-badge {
visibility: hidden;
}
label.cx2_required::after {
content: "*";
color: #ee3600;
margin-left: 3px;
}
.mpFormField select {
border: 1px solid #450052;
background: #ececec;
outline: none;
width: 100%;
display: block;
min-height: 3em;
}
.pagebreaker_content {
overflow: hidden;
}
.ki_highlight_wide {
position: relative;
background-size: cover;
background-position: center center;
min-height: 350px;
overflow: hidden;
}
.ki_link_cover {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
display: block;
text-decoration: none;
cursor: pointer;
}
.ki_highlight_content {
position: absolute;
bottom: 0;
left: 0;
z-index: 2;
width: 100%;
padding: 1rem;
color: #fff;
background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 50%, rgba(0, 0, 0, 0.85) 100%);
}
.ki_highlight_content .ki_title {
margin: 0;
font-size: 1.8rem;
line-height: 1.2;
color: #fff;
}
.ki_highlight_content .ki_summary {
margin: 0.5rem 0 0;
color: #ddd;
}
.ki_highlight_content .tag {
margin: 0px;
border-radius: 4px;
font-size: 0.9rem;
}
.ki_highlight_content .ki_read_more .btn {
background-color: rgba(255, 255, 255, 0.2);
color: #fff;
border: 1px solid #fff;
padding: 6px 12px;
text-transform: uppercase;
font-size: 0.85rem;
cursor: pointer;
}
.ki_highlight_new .kennis_article_content h3 {
word-break: break-word;
}
.ki_highlight_new .kennis_article_content .tags {
min-height: 3ch;
}
.sticky-tabs {
position: sticky;
top: 0;
background-color: white;
padding-top: 1.25rem;
margin-bottom: 3rem;
}
@media screen and (max-width: 1023.9px) {
.sticky-tabs {
top: 94px;
}
}
@media screen and (max-width: 767.9px) {
.sticky-tabs {
top: 75px;
}
}
.tabs-list {
display: flex;
list-style: none;
padding: 0;
margin: 0;
border-bottom: 1px solid #450052; }
.tab-item {
position: relative;
margin: 0;
padding: 0;
}
.tab-item a {
display: block;
padding: 0.75rem 0.75rem;
color: #666; text-decoration: none;
font-weight: 500;
transition: color 0.3s ease;
}
.tab-item a:hover {
color: #5e006b; } .tab-item.active a {
color: #450052; }
.tab-item.active::after {
content: "";
position: absolute;
bottom: -1px; left: 0;
width: 100%;
height: 3px;
background-color: #450052; } .tab-section {
margin-bottom: 4rem;
}
.tab-content {
display: block;
}   @media (max-width: 768px) {
.tabs-list {
flex-wrap: wrap;
}
.tab-item {
flex-basis: auto;
}
.tab-item a {
padding: 0.5rem 1rem;
font-size: 0.9rem;
}
} .mb-12 {
margin-bottom: 3rem;
}
.mb-16 {
margin-bottom: 4rem;
}
.bg-white {
background-color: white;
} .investment-container {
border: solid 1px #450052;
padding: 20px;
}
.investment-title {
color: #800080; font-size: 24px;
margin-top: 0;
margin-bottom: 20px;
font-weight: bold;
}
.investment-row {
display: flex;
justify-content: space-between;
margin-bottom: 15px;
}
.investment-label {
font-size: 16px;
}
.investment-value {
font-size: 16px;
text-align: right;
}
.investment-divider {
height: 1px;
background-color: #ccc;
margin: 15px 0;
}
.total-row {
font-weight: bold;
}
.btw-note {
font-style: italic;
font-weight: normal;
font-size: 14px;
}
.investment-bottom-bar {
height: 8px;
background-color: #ff8c00; border-radius: 0 0 4px 4px;
} @media (max-width: 768px) {
.investment-container {
padding: 15px;
}
.investment-title {
font-size: 20px;
margin-bottom: 15px;
}
}
.mpFormTable tbody {
display: block;
}
.modal .spotler-form-container .mpFormTable,
.spotler-form-container .mpFormTable {
width: 100%;
}
.modal .spotler-form-container .mpFormTable .mpQuestionTable,
.spotler-form-container .mpFormTable .mpQuestionTable {
width: 100%;
margin-bottom: 15px;
}
.modal .spotler-form-container .mpFormTable .mpQuestionTable .mpLabelRow,
.spotler-form-container .mpFormTable .mpQuestionTable .mpLabelRow {
display: flex;
align-items: center;
}
.modal .spotler-form-container .mpFormTable .mpQuestionTable .mpLabelRow .mpFormLabel,
.spotler-form-container .mpFormTable .mpQuestionTable .mpLabelRow .mpFormLabel {
width: 30%;
padding-right: 15px;
text-align: left;
white-space: normal;
}
.modal .spotler-form-container .mpFormTable .mpQuestionTable .mpLabelRow .mpFormLabel label,
.spotler-form-container .mpFormTable .mpQuestionTable .mpLabelRow .mpFormLabel label {
font-size: 1rem;
}
.modal .spotler-form-container .mpFormTable .mpQuestionTable .mpLabelRow .mpFormField,
.spotler-form-container .mpFormTable .mpQuestionTable .mpLabelRow .mpFormField {
width: 60%;
}
.modal .spotler-form-container .mpFormTable .mpQuestionTable .mpLabelRow .mpFormField input[type="text"],
.spotler-form-container .mpFormTable .mpQuestionTable .mpLabelRow .mpFormField input[type="text"],
.modal .spotler-form-container .mpFormTable .mpQuestionTable .mpLabelRow .mpFormField select,
.spotler-form-container .mpFormTable .mpQuestionTable .mpLabelRow .mpFormField select {
width: 100%;
box-sizing: border-box;
height: 36px;
padding: 8px;
}
.modal .spotler-form-container .mpFormTable .mpQuestionTable .mpLabelRow .mpFormField .sublabel,
.spotler-form-container .mpFormTable .mpQuestionTable .mpLabelRow .mpFormField .sublabel {
font-size: 12px;
color: #666;
margin-top: 4px;
}
.modal .spotler-form-container .mpFormTable .mpQuestionTable:last-child .mpLabelRow .submitCell,
.spotler-form-container .mpFormTable .mpQuestionTable:last-child .mpLabelRow .submitCell {
margin-left: 30%;
}
.modal .spotler-form-container .mpFormTable .mpQuestionTable:last-child .mpLabelRow .submitCell .submitButton,
.spotler-form-container .mpFormTable .mpQuestionTable:last-child .mpLabelRow .submitCell .submitButton {
padding: 8px 16px;
} #top-switch {
font-size: 14px;
border-bottom: 1px solid rgba(255, 255, 255, 0.25);
}
#top-switch .top-bar-row {
align-items: center;
height: 39px;
gap: 1rem;
justify-content: space-between;
}
#top-switch .top-bar-links {
gap: 1rem;
display: flex;
align-self: flex-end;
}
#top-switch[class*="orange"] .top-bar-link.active {
color: #ee3600;
}
#top-switch[class*="purple"] .top-bar-link.active {
color: #450052;
}
#top-switch .top-bar-link {
text-decoration: none;
padding: .4rem 0;
line-height: 1;
font-size: 14px;
display: block;
}
#top-switch .top-bar-link .text {
z-index: 2;
position: relative;
}
#top-switch .top-bar-link.active {
background-color: #ffffff;
position: relative;
padding-left: 1em;
padding-right: 1em;
}
#top-switch .login-btn .btn-login {
position: relative;
padding-left: 1.25rem;
text-decoration: none;
display: block;
}
#top-switch .login-btn .btn-login::before {
content: "";
position: absolute;
top: 0;
right: auto;
bottom: 0;
left: 0;
width: 1rem;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.5 8C12.3284 8 13 8.67157 13 9.5V10C13 11.9714 11.1405 14 8 14C4.85951 14 3 11.9714 3 10V9.5C3 8.67157 3.67157 8 4.5 8H11.5ZM11.5 9H4.5C4.22386 9 4 9.22386 4 9.5V10C4 11.4376 5.43216 13 8 13C10.5678 13 12 11.4376 12 10V9.5C12 9.22386 11.7761 9 11.5 9ZM8 1.5C9.51878 1.5 10.75 2.73122 10.75 4.25C10.75 5.76878 9.51878 7 8 7C6.48122 7 5.25 5.76878 5.25 4.25C5.25 2.73122 6.48122 1.5 8 1.5ZM8 2.5C7.0335 2.5 6.25 3.2835 6.25 4.25C6.25 5.2165 7.0335 6 8 6C8.9665 6 9.75 5.2165 9.75 4.25C9.75 3.2835 8.9665 2.5 8 2.5Z' fill='white'/%3E%3C/svg%3E%0A");
}
#top-switch .gap-12 {
gap: 12px;
}
.animatable #top-switch a {
transition: all cubic-bezier(0.37, 0.01, 0.62, 1) 325ms;
}
#top-switch a:focus,
#top-switch a:hover {
color: #ececec;
} .related-kennis .kennis-grid {
display: grid;
gap: 2.25rem;
grid-template-columns: repeat(4, 1fr);
}
@media screen and (max-width: 1023.9px) {
.related-kennis .kennis-grid {
gap: 1.75rem;
grid-template-columns: repeat(3, 1fr);
}
}
@media screen and (max-width: 767.9px) {
.related-kennis .kennis-grid {
grid-template-columns: repeat(2, 1fr);
}
}
@media screen and (max-width: 567.9px) {
.related-kennis .kennis-grid {
grid-template-columns: repeat(1, 1fr);
}
}
.related-kennis .kennis-grid .card-content.needs-padding {
padding: 24px;
} .werkveld-card .werkveld-picture {
height: 280px;
display: block;
}
.werkveld-card .werkveld-picture .werkveld-img {
object-fit: cover;
object-position: center;
width: 100%;
height: 100%;
max-width: unset;
}
.werkveld-card .werkveld-information {
padding: 1.5em;
display: flex;
height: calc(100% - 280px);
flex-direction: column;
justify-content: space-between;
}
.werkveld-card .werkveld-information .werkveld-summary {
margin-top: 0;
flex: 1;
line-height: 1.6em;
}
.vacature-list,
.icons-list {
list-style: none;
margin-top: 0;
padding-left: 0;
}
.vacature-list li,
.icons-list li {
line-height: 1.5;
position: relative;
padding-left: 1.75em;
}
.vacature-list li:before,
.icons-list li:before {
content: "";
position: absolute;
top: 0;
right: auto;
bottom: 0;
left: 0;
background-size: 1em 1em;
background-repeat: no-repeat;
background-position: center;
width: 1em;
height: 1.6em;
}
.vacature-list .function:before,
.icons-list .function:before,
.vacature-list .thema:before,
.icons-list .thema:before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='19' viewBox='0 0 22 19' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M19.3043 4.0625H2.14493C0.960928 4.0625 0 4.9585 0 6.0625V16.0625C0 17.1665 0.960928 18.0625 2.14493 18.0625H19.3043C20.4883 18.0625 21.4493 17.1665 21.4493 16.0625V6.0625C21.4493 4.9585 20.4883 4.0625 19.3043 4.0625ZM2.14493 16.0625H19.3043V6.0625H2.14493V16.0625Z' fill='%23450052'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.6591 0.9375H7.78953C6.44895 0.9375 5.36255 1.9515 5.36255 3.2015V6.0625H16.0872V3.2015C16.0872 1.9515 14.9997 0.9375 13.6591 0.9375ZM13.6591 2.9375C13.8157 2.9375 13.9423 3.0555 13.9423 3.2015V4.0625H7.50748V3.2015C7.50748 3.0555 7.63403 2.9375 7.78953 2.9375H13.6591Z' fill='%23450052'/%3E%3C/svg%3E");
}
.vacature-list .region:before,
.icons-list .region:before,
.vacature-list .location:before,
.icons-list .location:before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='21' viewBox='0 0 17 21' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15.3004 7.841C15.3004 14.591 8.49996 19.5 8.49996 19.5C8.49996 19.5 1.69946 14.591 1.69946 7.841C1.69946 4.339 4.74419 1.5 8.49996 1.5C12.2557 1.5 15.3004 4.339 15.3004 7.841Z' stroke='%23450052' stroke-width='2' stroke-linejoin='round'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.2944 7.8947C11.2944 9.3337 10.0429 10.4997 8.50065 10.4997C6.95738 10.4997 5.70581 9.3337 5.70581 7.8947C5.70581 6.4567 6.95738 5.2897 8.50065 5.2897C10.0429 5.2897 11.2944 6.4567 11.2944 7.8947Z' stroke='%23450052' stroke-width='2'/%3E%3C/svg%3E");
}
.vacature-list .hours-per-week:before,
.icons-list .hours-per-week:before,
.vacature-list .duration:before,
.icons-list .duration:before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='21' viewBox='0 0 20 21' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M19 10.5C19 15.4701 14.9701 19.5 10 19.5C5.02988 19.5 1 15.4701 1 10.5C1 5.52988 5.02988 1.5 10 1.5C14.9701 1.5 19 5.52988 19 10.5Z' stroke='%23450052' stroke-width='2'/%3E%3Cpath d='M9.53623 12V6' stroke='%23450052' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M9.62891 12H13.8255' stroke='%23450052' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
}
.vacature-list .experience:before,
.icons-list .experience:before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='21' viewBox='0 0 18 21' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.2897 5.5L10.0723 1.5H16.507L13.2897 5.5Z' stroke='%23450052' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.71007 5.5L1.49268 1.5H7.92746L4.71007 5.5Z' stroke='%23450052' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.2173 16.5L8.99986 19.5L5.78247 16.5L7.9274 5.5H10.0723L12.2173 16.5Z' stroke='%23450052' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.0723 1.5H7.92739L7.12305 2.5L7.92739 5.5H10.0723L10.8767 2.5L10.0723 1.5Z' stroke='%23450052' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.vacature-list .education:before,
.icons-list .education:before,
.vacature-list .niveau:before,
.icons-list .niveau:before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='17' viewBox='0 0 22 17' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1 5.1875L10.6522 1.9375L20.3043 5.1875L10.6522 8.4375L1 5.1875Z' stroke='%23450052' stroke-width='2' stroke-linejoin='round'/%3E%3Cpath d='M16.8189 7.0625V13.1585L10.6523 15.0625L4.4856 13.1585V7.0625' stroke='%23450052' stroke-width='2' stroke-linejoin='round'/%3E%3Cpath d='M19.5001 5.5625V10.0625' stroke='%23450052' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.vacature-list .salary:before,
.icons-list .salary:before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17.239' height='16.876' viewBox='0 0 17.239 16.876'%3E%3Cg id='Group_7' data-name='Group 7' transform='translate(1 1)'%3E%3Cpath id='Stroke_1' data-name='Stroke 1' d='M12.825,12.7A7.567,7.567,0,0,1,2.2,12.7a7.385,7.385,0,0,1,0-10.519,7.567,7.567,0,0,1,10.625,0' transform='translate(2)' fill='none' stroke='%2300375a' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2'/%3E%3Cpath id='Stroke_3' data-name='Stroke 3' d='M0,.5H10' transform='translate(0 5.329)' fill='none' stroke='%2300375a' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2'/%3E%3Cpath id='Stroke_5' data-name='Stroke 5' d='M0,.5H10' transform='translate(0 8.423)' fill='none' stroke='%2300375a' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.vacature-list .linkedin::before,
.icons-list .linkedin::before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cg clip-path='url(%23clip0_5722_3435)'%3E%3Cpath d='M20 12.4927V19.847H15.6951V12.9411C15.6951 11.2371 15.0673 10.0712 13.5426 10.0712C12.3767 10.0712 11.6592 10.8783 11.3901 11.5958C11.3004 11.8649 11.2108 12.2236 11.2108 12.6721V19.847H6.90583C6.90583 19.847 6.99551 8.18776 6.90583 7.02184H11.2108V8.81556C11.7489 7.9187 12.8251 6.66309 15.0673 6.66309C17.8475 6.66309 20 8.5465 20 12.4927ZM2.42152 0.833496C0.986545 0.833496 0 1.82004 0 3.07565C0 4.33125 0.89686 5.3178 2.33184 5.3178C3.8565 5.3178 4.75336 4.33125 4.75336 3.07565C4.84305 1.73036 3.94619 0.833496 2.42152 0.833496ZM0.269058 19.847H4.57399V7.02184H0.269058V19.847Z' fill='%23450052'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_5722_3435'%3E%3Crect width='20' height='20' fill='%23450052'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
.vacature-list .phone::before,
.icons-list .phone::before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='26' viewBox='0 0 17 26' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M14.5714 0.5H3.14286C1.95929 0.5 1 1.45929 1 2.64286V23.3571C1 24.5407 1.95929 25.5 3.14286 25.5H14.5714C15.755 25.5 16.7143 24.5407 16.7143 23.3571V2.64286C16.7143 1.45929 15.755 0.5 14.5714 0.5ZM14.5714 1.92857C14.9657 1.92857 15.2857 2.24857 15.2857 2.64286V23.3571C15.2857 23.7514 14.9657 24.0714 14.5714 24.0714H3.14286C2.74857 24.0714 2.42857 23.7514 2.42857 23.3571V2.64286C2.42857 2.24857 2.74857 1.92857 3.14286 1.92857H14.5714Z' fill='%23450052'/%3E%3Cpath d='M7.78564 3.35714H9.9285' stroke='%23450052' stroke-width='1.5' stroke-linecap='round'/%3E%3Cpath d='M1.71436 20.5H16.0001' stroke='%23450052' stroke-width='1.5' stroke-linecap='round'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.57164 22.6428C9.57164 23.0378 9.25235 23.3571 8.85735 23.3571C8.46235 23.3571 8.14307 23.0378 8.14307 22.6428C8.14307 22.2478 8.46235 21.9286 8.85735 21.9286C9.25235 21.9286 9.57164 22.2478 9.57164 22.6428Z' fill='%23450052'/%3E%3C/svg%3E");
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23450052' d='M480.3 320.3L382.1 278.2c-21.41-9.281-46.64-3.109-61.2 14.95l-27.44 33.5c-44.78-25.75-82.29-63.25-108-107.1l33.55-27.48c17.91-14.62 24.09-39.7 15.02-61.05L191.7 31.53c-10.16-23.2-35.34-35.86-59.87-30.19l-91.25 21.06C16.7 27.86 0 48.83 0 73.39c0 241.9 196.7 438.6 438.6 438.6c24.56 0 45.53-16.69 50.1-40.53l21.06-91.34C516.4 355.5 503.6 330.3 480.3 320.3zM463.9 369.3l-21.09 91.41c-.4687 1.1-2.109 3.281-4.219 3.281c-215.4 0-390.6-175.2-390.6-390.6c0-2.094 1.297-3.734 3.344-4.203l91.34-21.08c.3125-.0781 .6406-.1094 .9531-.1094c1.734 0 3.359 1.047 4.047 2.609l42.14 98.33c.75 1.766 .25 3.828-1.25 5.062L139.8 193.1c-8.625 7.062-11.25 19.14-6.344 29.14c33.01 67.23 88.26 122.5 155.5 155.5c9.1 4.906 22.09 2.281 29.16-6.344l40.01-48.87c1.109-1.406 3.187-1.938 4.922-1.125l98.26 42.09C463.2 365.2 464.3 367.3 463.9 369.3z'/%3E%3C/svg%3E");
}
.vacature-list .whatsapp::before,
.icons-list .whatsapp::before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='%23450052' d='M380.9 97.1C339 55.1 283.2 32 223.9 32c-122.4 0-222 99.6-222 222 0 39.1 10.2 77.3 29.6 111L0 480l117.7-30.9c32.4 17.7 68.9 27 106.1 27h.1c122.3 0 224.1-99.6 224.1-222 0-59.3-25.2-115-67.1-157zm-157 341.6c-33.2 0-65.7-8.9-94-25.7l-6.7-4-69.8 18.3L72 359.2l-4.4-7c-18.5-29.4-28.2-63.3-28.2-98.2 0-101.7 82.8-184.5 184.6-184.5 49.3 0 95.6 19.2 130.4 54.1 34.8 34.9 56.2 81.2 56.1 130.5 0 101.8-84.9 184.6-186.6 184.6zm101.2-138.2c-5.5-2.8-32.8-16.2-37.9-18-5.1-1.9-8.8-2.8-12.5 2.8-3.7 5.6-14.3 18-17.6 21.8-3.2 3.7-6.5 4.2-12 1.4-32.6-16.3-54-29.1-75.5-66-5.7-9.8 5.7-9.1 16.3-30.3 1.8-3.7.9-6.9-.5-9.7-1.4-2.8-12.5-30.1-17.1-41.2-4.5-10.8-9.1-9.3-12.5-9.5-3.2-.2-6.9-.2-10.6-.2-3.7 0-9.7 1.4-14.8 6.9-5.1 5.6-19.4 19-19.4 46.3 0 27.3 19.9 53.7 22.6 57.4 2.8 3.7 39.1 59.7 94.8 83.8 35.2 15.2 49 16.5 66.6 13.9 10.7-1.6 32.8-13.4 37.4-26.4 4.6-13 4.6-24.1 3.2-26.4-1.3-2.5-5-3.9-10.5-6.6z'/%3E%3C/svg%3E");
}
.vacature-list .check::before,
.icons-list .check::before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='11' viewBox='0 0 14 11' fill='none'%3E%3Cpath d='M1.5 5.79998L5.375 9.89998L12.5 1.09998' stroke='%23450052' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.vacature-list .uncheck::before,
.icons-list .uncheck::before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.185' height='16.185' viewBox='0 0 16.185 16.185'%3E%3Cg id='Group' transform='translate(0.605 0.605)'%3E%3Cpath id='Line_3_Copy' data-name='Line 3 Copy' d='M.556.588H19.444' transform='translate(0.832 0) rotate(45)' fill='none' stroke='%23450052' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2'/%3E%3Cpath id='Line_3_Copy-2' data-name='Line 3 Copy' d='M.556.588H19.444' transform='translate(0 14.142) rotate(-45)' fill='none' stroke='%23450052' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.vacature-list .money::before,
.icons-list .money::before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17.239' height='17.026' viewBox='0 0 17.239 17.026'%3E%3Cg id='Group_7' data-name='Group 7' transform='translate(1 1)'%3E%3Cpath id='Stroke_1' data-name='Stroke 1' d='M12.825,12.825a7.513,7.513,0,1,1,0-10.625' transform='translate(2)' fill='none' stroke='%23450052' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2'/%3E%3Cpath id='Stroke_3' data-name='Stroke 3' d='M0,.5H10' transform='translate(0 5.388)' fill='none' stroke='%23450052' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2'/%3E%3Cpath id='Stroke_5' data-name='Stroke 5' d='M0,.5H10' transform='translate(0 8.513)' fill='none' stroke='%23450052' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.vacature-entry-alt .vacature-card .vacature-title {
display: block;
}
.vacature-entry-alt .vacature-card .vacature-title:hover,
.vacature-entry-alt .vacature-card .vacature-title:focus {
color: #fff;
}
.vacature-entry-alt .vacature-card .vacature-domein {
margin-top: 0;
margin-bottom: 0.5em;
padding-left: 1.75em;
font-size: 1rem;
position: relative;
}
.vacature-entry-alt .vacature-card .vacature-domein::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: block;
background-size: 1em 1em;
background-repeat: no-repeat;
background-position: center;
width: 1em;
height: 1.6em;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23fff' d='M448 96h-64V64c0-35.35-28.65-64-64-64H192C156.7 0 128 28.65 128 64v32H64C28.65 96 0 124.7 0 160v256c0 35.35 28.65 64 64 64h384c35.35 0 64-28.65 64-64V160C512 124.7 483.3 96 448 96zM176 64c0-8.838 7.164-16 16-16h128c8.836 0 16 7.162 16 16v32h-160V64zM368 144v288h-224v-288H368zM48 416V160c0-8.801 7.199-16 16-16h32v288H64C55.2 432 48 424.8 48 416zM464 416c0 8.799-7.199 16-16 16h-32v-288h32c8.801 0 16 7.199 16 16V416z'/%3E%3C/svg%3E");
}
.vacature-entry-alt .vacature-card .region {
min-height: calc(2 * 1.6em);
}
.vacature-entry-alt .vacature-card .region::before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14.682' height='19.82' viewBox='0 0 14.682 19.82'%3E%3Cg id='Group_5' data-name='Group 5' transform='translate(1 1)'%3E%3Cpath id='Stroke_1' data-name='Stroke 1' d='M12.682,6.278c0,6.682-6.341,11.542-6.341,11.542S0,12.96,0,6.278a6.341,6.341,0,0,1,12.682,0Z' transform='translate(0 0)' fill='none' stroke='%23f85100' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2'/%3E%3Cpath id='Stroke_3' data-name='Stroke 3' d='M5.211,2.579A2.592,2.592,0,0,1,2.606,5.158,2.593,2.593,0,0,1,0,2.579a2.606,2.606,0,0,1,5.211,0Z' transform='translate(3.736 3.752)' fill='none' stroke='%23f85100' stroke-miterlimit='10' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.single-collegaverhaal {
display: flex;
width: 100%;
max-height: 36rem;
height: 100%;
}
.single-collegaverhaal .collegaverhaal-picture {
flex: 1 1 50%;
width: 100%;
position: relative;
display: block;
z-index: -1;
}
@media screen and (max-width: 991.9px) {
.single-collegaverhaal .collegaverhaal-picture {
flex: 1 1 40%;
}
}
.single-collegaverhaal .collegaverhaal-picture .collegaverhaal-img {
object-fit: cover;
object-position: center;
max-width: unset;
width: 100%;
height: 100%;
}
.single-collegaverhaal .collegaverhaal-text-block {
flex: 1 1 50%;
width: 100%;
position: relative;
padding: 3.75rem 6rem;
}
@media screen and (max-width: 991.9px) {
.single-collegaverhaal .collegaverhaal-text-block {
flex: 1 1 60%;
}
}
@media screen and (max-width: 1439.9px) {
.single-collegaverhaal .collegaverhaal-text-block {
padding: 3rem 4rem;
}
}
@media screen and (max-width: 1023.9px) {
.single-collegaverhaal .collegaverhaal-text-block {
padding: 2rem 3rem;
}
}
@media screen and (max-width: 767.9px) {
.single-collegaverhaal .collegaverhaal-text-block {
padding: 1rem 2rem 4rem 2rem;
}
}
.single-collegaverhaal .collegaverhaal-text-block:after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: block;
background-color: #94009b;
z-index: -1;
}
.vacterm-box {
overflow: hidden;
}
.vacterm-box .vacterm-information .vacterm-hover-content {
opacity: 0;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
transform: translateY(-10%);
}
.animatable .vacterm-box .vacterm-information .vacterm-hover-content {
transition: all cubic-bezier(0.37, 0.01, 0.62, 1) 325ms;
}
.vacterm-box:hover .vacterm-hover-content,
.vacterm-box:focus .vacterm-hover-content {
opacity: 1;
transform: translateY(0);
z-index: 2;
}
.vacature-entry .vacature-title,
.opleiding-entry .vacature-title,
.vacature-entry .event-title,
.opleiding-entry .event-title {
min-height: 3em;
}
.opleiding-entry .artikel-entry-inner {
padding: 1.5em;
}
.opleiding-entry .artikel-entry-inner .artikel-entry-header .download-btn {
display: none;
}
.opleiding-entry .artikel-entry-inner .artikel-entry-header h4 {
margin-top: 0;
}
.opleiding-entry .artikel-image {
max-width: 200px;
}
.opleiding-entry .artikel-image img {
width: 100%;
height: 100%;
object-fit: cover;
max-width: unset;
max-height: unset;
} @media screen and (max-width: 991.9px) {
.page-template-opleidingsagenda .opleidings-agenda .evenement-list-inner {
align-items: flex-start;
flex-wrap: wrap;
}
.page-template-opleidingsagenda .opleidings-agenda .evenement-list-inner .day-number {
order: 3;
flex: 1 1 20%;
}
.page-template-opleidingsagenda .opleidings-agenda .evenement-list-inner .day-number span {
position: relative;
padding-left: 1.5em;
}
.page-template-opleidingsagenda .opleidings-agenda .evenement-list-inner .day-number span::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 1em;
bottom: 0;
background-size: 1rem;
background-repeat: no-repeat;
background-position: center;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='18.5' viewBox='0 0 20 18.5'%3E%3Cg id='Group_12' data-name='Group 12' transform='translate(0 0)'%3E%3Cpath id='Fill_1' data-name='Fill 1' d='M18,18.5H2a2,2,0,0,1-2-2V3A2,2,0,0,1,2,1H4.02a1,1,0,1,1,2,0h8a1,1,0,0,1,2,0H18a2,2,0,0,1,2,2V16.5A2,2,0,0,1,18,18.5ZM2,6.5v10H18V6.5ZM2,3V4.5H18V3H16.02a1,1,0,0,1-2,0h-8a1,1,0,1,1-2,0Z' fill='%23450052'/%3E%3Cpath id='Fill_3' data-name='Fill 3' d='M1,2H3A1,1,0,0,0,3,0H1A1,1,0,0,0,1,2' transform='translate(3.02 7.375)' fill='%23450052'/%3E%3Cpath id='Fill_4' data-name='Fill 4' d='M1,2H3A1,1,0,0,0,3,0H1A1,1,0,0,0,1,2' transform='translate(8.02 7.375)' fill='%23450052'/%3E%3Cpath id='Fill_5' data-name='Fill 5' d='M1,2H3A1,1,0,0,0,3,0H1A1,1,0,0,0,1,2' transform='translate(13.02 7.375)' fill='%23450052'/%3E%3Cpath id='Fill_6' data-name='Fill 6' d='M1,2H3A1,1,0,0,0,3,0H1A1,1,0,0,0,1,2' transform='translate(3.02 13.375)' fill='%23450052'/%3E%3Cpath id='Fill_7' data-name='Fill 7' d='M1,2H3A1,1,0,0,0,3,0H1A1,1,0,0,0,1,2' transform='translate(8.02 13.375)' fill='%23450052'/%3E%3Cpath id='Fill_8' data-name='Fill 8' d='M1,2H3A1,1,0,0,0,3,0H1A1,1,0,0,0,1,2' transform='translate(13.02 13.375)' fill='%23450052'/%3E%3Cpath id='Fill_9' data-name='Fill 9' d='M1,2H3A1,1,0,0,0,3,0H1A1,1,0,0,0,1,2' transform='translate(3.02 10.375)' fill='%23450052'/%3E%3Cpath id='Fill_10' data-name='Fill 10' d='M1,2H3A1,1,0,0,0,3,0H1A1,1,0,0,0,1,2' transform='translate(8.02 10.375)' fill='%23450052'/%3E%3Cpath id='Fill_11' data-name='Fill 11' d='M1,2H3A1,1,0,0,0,3,0H1A1,1,0,0,0,1,2' transform='translate(13.02 10.375)' fill='%23450052'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.page-template-opleidingsagenda .opleidings-agenda .evenement-list-inner .evenement-location {
order: 4;
flex: auto;
margin-top: 0;
padding-left: 0;
flex: 1 1 30%;
}
.page-template-opleidingsagenda .opleidings-agenda .evenement-list-inner .evenement-duration {
order: 5;
flex: 1 1 30%;
}
.page-template-opleidingsagenda .opleidings-agenda .evenement-list-inner .evenement-price {
order: 6;
flex: 1 1 15%;
}
.page-template-opleidingsagenda .opleidings-agenda .evenement-list-inner .evenement-title {
order: 1;
flex: 1 1 90%;
margin-bottom: 0.5rem;
}
.page-template-opleidingsagenda .opleidings-agenda .evenement-list-inner .evenement-button {
order: 2;
flex: 1 1 10%;
align-self: center;
margin-bottom: 0.5rem;
justify-self: flex-end;
}
.page-template-opleidingsagenda .opleidings-agenda .evenement-list-inner .evenement-button span {
font-size: 0;
}
}
@media screen and (max-width: 767.9px) {
.default-banner-picture {
min-height: 200px;
order: -1;
margin-top: 1em;
}
#header-logo {
height: 2rem;
}
.home-page-banner .banner-section-picture {
display: none;
}
.home-page-banner .banner-btns a {
margin-bottom: 0;
}
#breadcrumbs {
display: none;
}
.opleiding-card-img img {
height: 200px;
}
.single-collegaverhaal {
flex-direction: column;
max-height: unset;
}
.single-collegaverhaal .collegaverhaal-picture {
flex: unset;
}
.single-collegaverhaal .collegaverhaal-picture .collegaverhaal-img {
height: 260px;
}
.kennis_article_bg_picture img {
height: 260px;
}
#over-wyzer-slider .over-wyzer-slider-information {
padding: 2rem;
}
.cursus_thema_picture img {
height: 200px;
}
.all-vacs-btn-wrapper .btn {
margin-top: 1em;
}
#secondary-menu #menu-tweede-menu a {
font-size: 1rem;
}
.banner-section .banner-background {
display: none;
}
}   .data_3.cx2_personal-firstName {
order: -2;
}
.data_2.cx2_personal-middleName {
order: -1;
}
h3.cx_h3.cx2_h3_personal {
order: -3;
}
form#sollicitatie-formulier {
display: flex;
flex-direction: column;
}
#sk-holder #sk-container.sk-appear #sk-settings-handle {
display: none;
}
#sk-holder #sk-container #sk-conversation .sk-from {
display: None !important;
}
#sk-holder #sk-container #sk-conversation .sk-row .sk-right-row .sk-msg-wrapper .sk-msg a {
color: grey !important;
}
#sk-holder #sk-container #sk-conversation .sk-row.sk-left-row .sk-msg-wrapper .sk-msg a {
background-color: #f4f4f4 !important;
}
#sk-holder #sk-container #sk-conversation .sk-row .sk-msg-wrapper .sk-msg .has-actions {
color: black !important;
}
#sk-holder #sk-container .btn-sk-primary {
text-transform: None !important;
font-family: inherit !important;
}
#sk-holder #sk-container .btn {
text-transform: none !important;
font-family: Helvetica Neue, Helvetica, Arial, sans-serif !important;
font-size: 100% !important;
}
#sk-holder #sk-container #sk-conversation.without-input {
height: calc(11%) !important;
}
#sk-holder #sk-container {
font-family: "ArialMT", sans-serif !important;
}
.previewHTML-content {
background-color: transparent;
color: black;
width: 250px;
}
.previewHTML-content .message-wrapper {
padding: 10px 20px;
border-radius: 15px 15px 0px 15px;
background-color: white;
color: black;
margin-bottom: 5px;
font-family: Arial, Helvetica, sans-serif;
-webkit-box-shadow: 2px 2px 2px 2px rgba(235, 235, 235, 0.25);
-moz-box-shadow: 2px 2px 2px 2px rgba(235, 235, 235, 0.25);
box-shadow: 2px 2px 2px 2px rgba(235, 235, 235, 0.25);
}
.previewHTML-content .buttons-wrapper {
text-align: right;
}
.previewHTML-content .buttons-wrapper button {
cursor: pointer;
color: #17487f;
outline: none;
border: 1px solid #17487f;
border-radius: 6px;
background-color: white;
padding: 8px;
margin: 5px 0px 5px 5px;
font-family: Arial, Helvetica, sans-serif;
}
#exit-joboti-preview-widget {
fill: #c5d8d2 !important;
}
@media only screen and (max-width: 768px) {
.previewHTML-content {
display: none;
}
.joboti-preview-widget > svg {
display: none;
}
}
body #apply_form input:not([type="submit"]):not([type="radio"]):not([type="checkbox"]):not([type="file"]),
body #login_form input:not([type="submit"]):not([type="radio"]):not([type="checkbox"]):not([type="file"]),
body #apply_form select:not([type="submit"]):not([type="radio"]):not([type="checkbox"]):not([type="file"]),
body #login_form select:not([type="submit"]):not([type="radio"]):not([type="checkbox"]):not([type="file"]),
body #apply_form textarea:not([type="submit"]):not([type="radio"]):not([type="checkbox"]):not([type="file"]),
body #login_form textarea:not([type="submit"]):not([type="radio"]):not([type="checkbox"]):not([type="file"]) {
border: 1px solid #c8c8c8;
}
body #apply_form textarea {
min-height: 6em;
}
#vakgebied label {
border-radius: 50px;
display: inline-flex;
align-items: center;
cursor: pointer;
transition: background 0.2s ease;
-webkit-tap-highlight-color: transparent;
}
#vakgebied label input {
vertical-align: middle;
width: 20px;
height: 20px;
border-radius: 10px;
background: none;
border: 0;
box-shadow: inset 0 0 0 1px #9f9f9f;
box-shadow: inset 0 0 0 1.5px #9f9f9f;
appearance: none;
padding: 0;
margin: 0;
transition: box-shadow 150ms cubic-bezier(0.95, 0.15, 0.5, 1.25);
pointer-events: none;
}
#vakgebied label input:focus {
outline: none;
}
#vakgebied label input:checked {
box-shadow: inset 0 0 0 6px #f85100;
}
#vakgebied label span {
vertical-align: middle;
display: inline-block;
}
#kennis_sectie,
#advies_sectie,
#traineeships_sectie,
#vacature_sectie {
scroll-margin-top: 5em;
}
.opleiding-switcher.active {
color: #450052;
}
.opleiding-switcher.inactive {
color: #d772dc;
}
span[style*="color:"],
p[style*="color:"] {
color: inherit !important;
}
@media screen and (min-width: 1279.9px) {
.over-wyzer-banner-section .banner-section-content .container-large {
margin-left: 80px;
}
}
@media screen and (min-width: 1400px) and (max-width: 2000px) {
.mid-dpi .over-wyzer-banner-section .banner-section-content .second-line {
margin-bottom: 12px;
}
}
#header #menu-secundair-menu .menu-item {
margin-right: 0.5rem;
}
.banner-section {
position: relative;
}
.banner-section::before {
content: "";
position: absolute;
top: 33.33333333%;
right: 0;
bottom: 33.33333333%;
left: 0;
background-color: #ac38ba;
}
.banner-section::after {
content: "";
position: absolute;
top: 66.66666667%;
right: 0;
bottom: 0;
left: 0;
background-color: #d772dc;
}
.banner-section-content {
position: relative;
z-index: 2;
padding-top: 1.5rem;
padding-bottom: 1.5rem;
}
.banner-section-picture {
position: absolute;
top: 0;
right: 0;
bottom: 0;
width: 50%;
z-index: 2;
}
.banner-section .homepage-title {
line-height: 1.135;
}
.banner-section .homepage-title span {
display: block;
}
@media screen and (max-width: 1279.9px) {
.banner-section .homepage-title {
line-height: 1.125;
}
.banner-section .homepage-title span.first-line {
margin-bottom: 10px;
}
.banner-section .homepage-title span.second-line {
margin-bottom: -51px;
}
}
@media screen and (max-width: 1023.9px) {
.banner-section .homepage-title span.first-line {
margin-bottom: 14px;
}
.banner-section .homepage-title span.second-line {
margin-bottom: -67px;
}
}
@media screen and (max-width: 991.9px) {
.banner-section .homepage-title span.first-line {
margin-bottom: 15px;
}
.banner-section .homepage-title span.second-line {
margin-bottom: -72px;
}
}
@media screen and (max-width: 767.9px) {
.banner-section .homepage-title {
line-height: 2;
}
.banner-section .homepage-title span.first-line {
margin-bottom: -13px;
}
.banner-section .homepage-title span.second-line {
margin-bottom: -123px;
}
}
@media screen and (max-width: 567.9px) {
.banner-section .homepage-title {
line-height: 2;
}
.banner-section .homepage-title span.first-line {
margin-bottom: -10px;
}
.banner-section .homepage-title span.second-line {
margin-bottom: -127px;
}
}
.banner-section .banner-btns {
padding-bottom: 0rem;
margin-top: 4rem;
}
@media screen and (max-width: 1279.9px) {
.banner-section .banner-btns {
margin-top: 5rem;
}
}
@media screen and (max-width: 767.9px) {
.banner-section .banner-btns {
margin-top: 8rem;
}
}
#uitgelichte-collegaverhalen .splide__arrows {
position: absolute;
left: calc(50% + 6rem);
bottom: 2.5rem;
display: block;
}
#uitgelichte-collegaverhalen .splide__arrows .splide__arrow {
position: relative;
display: inline-block;
top: unset;
left: unset;
right: unset;
transform: none;
opacity: 1;
background: transparent;
border-radius: 0;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
#uitgelichte-collegaverhalen .splide__arrows .splide__arrow[disabled] {
opacity: 0.3;
}
#uitgelichte-collegaverhalen .splide__arrows .splide__arrow svg {
display: none;
}
#uitgelichte-collegaverhalen .splide__arrows .splide__arrow.splide__arrow--next {
background-size: 0.6rem;
background-repeat: no-repeat;
background-position: center;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='21' viewBox='0 0 12 21' fill='none'%3E%3Cpath d='M1.44043 1L10.488 10.5L1.44043 20' stroke='%23ffffff' stroke-width='1.35714'/%3E%3C/svg%3E");
}
#uitgelichte-collegaverhalen .splide__arrows .splide__arrow.splide__arrow--prev {
background-size: 0.6rem;
background-repeat: no-repeat;
background-position: center;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='21' viewBox='0 0 11 21' fill='none'%3E%3Cpath d='M10.2979 20L1.25023 10.5L10.2979 1' stroke='%23ffffff' stroke-width='1.35714'/%3E%3C/svg%3E");
}
@media screen and (max-width: 991.9px) {
#uitgelichte-collegaverhalen .splide__arrows {
left: calc(40% + 3rem);
}
}
@media screen and (max-width: 767.9px) {
#uitgelichte-collegaverhalen .splide__arrows {
right: 1rem;
left: unset;
bottom: 1rem;
}
}
.over-wyzer-slider-relative {
position: relative;
}
#over-wyzer-slider-nav {
position: absolute;
top: 4.5em;
left: 7.5rem;
z-index: 2;
}
#over-wyzer-slider-nav .list-item {
cursor: pointer;
padding: 0.7em 0.8em;
margin-right: 1em;
border: 1px solid transparent;
font-size: 1.1111rem;
margin-bottom: 1px;
}
#over-wyzer-slider-nav .list-item.is-active {
border-color: inherit;
}
@media screen and (max-width: 1279.9px) {
#over-wyzer-slider-nav {
left: 4rem;
top: 3rem;
}
}
@media screen and (max-width: 991.9px) {
#over-wyzer-slider-nav {
top: 2em;
left: 2em;
}
}
@media screen and (max-width: 767.9px) {
#over-wyzer-slider-nav {
left: 2rem;
top: 2rem;
}
}
#over-wyzer-slider .over-wyzer-slider-information {
position: relative;
padding: 12rem 7.5rem 4.5rem 7.5rem;
}
@media screen and (max-width: 1279.9px) {
#over-wyzer-slider .over-wyzer-slider-information {
padding: 11rem 4rem 2.5rem 4rem;
}
}
@media screen and (max-width: 991.9px) {
#over-wyzer-slider .over-wyzer-slider-information {
padding: 8rem 2rem 2rem;
}
}
@media screen and (max-width: 767.9px) {
#over-wyzer-slider .over-wyzer-slider-information {
padding: 10rem 2rem 2rem;
}
}
#over-wyzer-slider .over-wyzer-slider-item {
display: grid;
grid-template-columns: 1fr 1fr;
}
@media screen and (max-width: 767.9px) {
#over-wyzer-slider .over-wyzer-slider-item {
grid-template-columns: 1fr;
}
}
@media screen and (max-width: 991.9px) {
#over-wyzer-slider .over-wyzer-slider-item {
grid-template-columns: 3fr 2fr;
}
}
@media screen and (max-width: 767.9px) {
#over-wyzer-slider .over-wyzer-slider-item {
grid-template-columns: 1fr;
}
}
#over-wyzer-slider .over-wyzer-slider-item-image {
min-height: 300px;
}
#page-blocks-slider {
position: relative;
}
#page-blocks-slider .splide__arrows {
position: absolute;
right: 1rem;
bottom: 100%;
}
#page-blocks-slider .splide__arrows .splide__arrow {
position: relative;
display: inline-block;
top: unset;
left: unset;
right: unset;
transform: none;
opacity: 1;
background: transparent;
border-radius: 0;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
#page-blocks-slider .splide__arrows .splide__arrow[disabled] {
opacity: 0.3;
}
#page-blocks-slider .splide__arrows .splide__arrow svg {
display: none;
}
#page-blocks-slider .splide__arrows .splide__arrow.splide__arrow--next {
background-size: 0.6rem;
background-repeat: no-repeat;
background-position: center;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='21' viewBox='0 0 12 21' fill='none'%3E%3Cpath d='M1.44043 1L10.488 10.5L1.44043 20' stroke='%23450052' stroke-width='1.35714'/%3E%3C/svg%3E");
}
#page-blocks-slider .splide__arrows .splide__arrow.splide__arrow--prev {
background-size: 0.6rem;
background-repeat: no-repeat;
background-position: center;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='21' viewBox='0 0 11 21' fill='none'%3E%3Cpath d='M10.2979 20L1.25023 10.5L10.2979 1' stroke='%23450052' stroke-width='1.35714'/%3E%3C/svg%3E");
}
@media screen and (max-width: 767.9px) {
.homepage-page-blocks .homepage-slogan {
padding-right: 4rem;
}
.homepage-page-blocks .no-padding-md {
padding-left: 0;
padding-right: 0;
}
}
.layout-part.opleidingen .splide__arrows {
position: absolute;
bottom: 100%;
left: 1rem;
}
.layout-part.opleidingen .splide__arrows .splide__arrow {
position: relative;
display: inline-block;
top: unset;
left: unset;
right: unset;
transform: none;
opacity: 1;
background: transparent;
border-radius: 0;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
.layout-part.opleidingen .splide__arrows .splide__arrow[disabled] {
opacity: 0.3;
}
.layout-part.opleidingen .splide__arrows .splide__arrow svg {
display: none;
}
.layout-part.opleidingen .splide__arrows .splide__arrow.splide__arrow--next {
background-size: 0.6rem;
background-repeat: no-repeat;
background-position: center;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='21' viewBox='0 0 12 21' fill='none'%3E%3Cpath d='M1.44043 1L10.488 10.5L1.44043 20' stroke='%23450052' stroke-width='1.35714'/%3E%3C/svg%3E");
}
.layout-part.opleidingen .splide__arrows .splide__arrow.splide__arrow--prev {
background-size: 0.6rem;
background-repeat: no-repeat;
background-position: center;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='21' viewBox='0 0 11 21' fill='none'%3E%3Cpath d='M10.2979 20L1.25023 10.5L10.2979 1' stroke='%23450052' stroke-width='1.35714'/%3E%3C/svg%3E");
} .hamburger {
cursor: pointer;
transition-property: opacity, filter;
transition-duration: 0.15s;
transition-timing-function: linear;
font: inherit;
color: inherit;
text-transform: none;
background-color: transparent;
border: 0;
margin: 0;
padding: 0;
display: block;
overflow: visible;
}
.hamburger.is-active .hamburger-inner,
.hamburger.is-active .hamburger-inner::before,
.hamburger.is-active .hamburger-inner::after {
background-color: #ffffff;
}
.hamburger-box {
width: 2rem;
height: 2rem;
display: inline-block;
position: relative;
}
.hamburger-inner {
display: block;
top: 50%;
margin-top: -2px;
}
.hamburger-inner,
.hamburger-inner::before,
.hamburger-inner::after {
width: 2rem;
height: 2px;
background-color: #ffffff;
border-radius: 1px;
position: absolute;
transition-property: transform;
transition-duration: 0.15s;
transition-timing-function: ease;
}
.hamburger-inner::before,
.hamburger-inner::after {
content: "";
display: block;
}
.hamburger-inner::before {
top: -1rem;
}
.hamburger-inner::after {
bottom: -1rem;
} .hamburger--slider .hamburger-inner {
top: 5px;
}
.hamburger--slider .hamburger-inner::before {
top: 10px;
transition-property: transform, opacity;
transition-timing-function: ease;
transition-duration: 0.15s;
}
.hamburger--slider .hamburger-inner::after {
top: 20px;
}
.hamburger--slider.is-active .hamburger-inner {
transform: translate3d(0, 10px, 0) rotate(45deg);
}
.hamburger--slider.is-active .hamburger-inner::before {
transform: rotate(-45deg) translate3d(-5.71429px, -6px, 0);
opacity: 0;
}
.hamburger--slider.is-active .hamburger-inner::after {
transform: translate3d(0, -20px, 0) rotate(-90deg);
}
#header {
color: #ffffff;
z-index: 9;
}
#header .header-container .container {
width: auto;
max-width: unset;
}
#header .header-logo {
display: flex;
align-items: center;
}
#header #header-logo {
display: block;
object-position: left center;
object-fit: contain;
}
#header .header-container .sub-menu {
background-color: #94009b;
}
#header .header-container .sub-menu .menu-item:nth-child(1) {
background-color: #7a0080;
}
#header .header-container .sub-menu .menu-item:nth-child(2) {
background-color: #94009b;
}
#header .header-container .sub-menu .menu-item:nth-child(3) {
background-color: #ac38ba;
}
#header .header-container .sub-menu .menu-item:nth-child(4) {
background-color: #d772dc;
}
#header .header-container.bg-dark-orange .sub-menu {
background-color: #f85100;
}
#header .header-container.bg-dark-orange .sub-menu .menu-item:nth-child(1) {
background-color: #ff750a;
}
#header .header-container.bg-dark-orange .sub-menu .menu-item:nth-child(2) {
background-color: #ff8f36;
}
#header .header-container.bg-dark-orange .sub-menu .menu-item:nth-child(3) {
background-color: #ffa056;
}
#header .header-container.bg-dark-orange .sub-menu .menu-item:nth-child(4) {
background-color: #ffc184;
}
#header .menu {
display: flex;
padding-left: 0;
margin-top: 0;
margin-bottom: 0;
list-style: none;
}
#header .menu .menu-item {
position: relative;
}
#header .menu .menu-item > .sub-menu {
opacity: 0;
visibility: hidden;
position: absolute;
top: 100%;
left: 0;
width: max-content;
list-style: none;
padding: 0;
margin-top: 0;
margin-bottom: 0;
z-index: 5;
}
.animatable #header .menu .menu-item > .sub-menu {
transition: all cubic-bezier(0.37, 0.01, 0.62, 1) 325ms;
}
#header .menu .menu-item > .sub-menu .menu-item {
margin-right: 0;
}
#header .menu .menu-item:hover > .sub-menu,
#header .menu .menu-item:focus > .sub-menu {
opacity: 1;
visibility: visible;
}
#header .menu .menu-item a {
text-decoration: none;
font-size: 1.11111rem;
}
#header #main-menu a {
padding: 1rem 1.5rem;
color: #ffffff;
display: block;
text-transform: lowercase;
}
@media screen and (max-width: 1870px) {
#header #main-menu a {
padding-left: 1rem;
padding-right: 1rem;
}
}
#header #menu-tweede-menu .menu-item {
margin-right: 0.5rem;
}
#header .secondary-header-menu a,
#header .header-login-social a {
display: inline-block;
border-radius: 0;
cursor: pointer;
font-weight: 400;
text-decoration: none;
border: 1px solid;
line-height: 1.4;
font-size: 1.1111rem;
padding-top: 0.58333333em;
padding-bottom: 0.7em;
padding-left: 0.8em;
padding-right: 0.8em;
letter-spacing: -0.025em;
background-color: transparent;
color: inherit;
text-transform: lowercase;
}
.animatable #header .secondary-header-menu a,
.animatable #header .header-login-social a {
transition: all cubic-bezier(0.37, 0.01, 0.62, 1) 325ms;
}
#header .secondary-header-menu a span,
#header .header-login-social a span {
text-transform: initial;
}
@media screen and (max-width: 767.9px) {
#header .secondary-header-menu a,
#header .header-login-social a {
font-size: 1rem;
}
}
#header .secondary-header-menu a:hover,
#header .header-login-social a:hover,
#header .secondary-header-menu a:focus,
#header .header-login-social a:focus {
background-color: #5e006b;
color: #ffffff;
}
#header .secondary-header-menu a.btn-purple,
#header .header-login-social a.btn-purple,
#header .secondary-header-menu a.purple-btn,
#header .header-login-social a.purple-btn {
background-color: #450052;
border-color: #450052;
color: #ffffff;
}
#header .secondary-header-menu a.btn-purple:hover,
#header .header-login-social a.btn-purple:hover,
#header .secondary-header-menu a.purple-btn:hover,
#header .header-login-social a.purple-btn:hover,
#header .secondary-header-menu a.btn-purple:focus,
#header .header-login-social a.btn-purple:focus,
#header .secondary-header-menu a.purple-btn:focus,
#header .header-login-social a.purple-btn:focus {
background-color: #5e006b;
color: #ffffff;
border-color: #5e006b;
}
#header .secondary-header-menu a.white-btn,
#header .header-login-social a.white-btn,
#header .secondary-header-menu a.btn-white,
#header .header-login-social a.btn-white {
background: #ffffff;
color: #450052;
border-color: #ffffff;
}
#header .secondary-header-menu a.white-btn:hover,
#header .header-login-social a.white-btn:hover,
#header .secondary-header-menu a.btn-white:hover,
#header .header-login-social a.btn-white:hover,
#header .secondary-header-menu a.white-btn:focus,
#header .header-login-social a.white-btn:focus,
#header .secondary-header-menu a.btn-white:focus,
#header .header-login-social a.btn-white:focus {
background-color: #f0c8f1;
color: #5e006b;
border-color: #f0c8f1;
}
#header .secondary-header-menu a.default,
#header .header-login-social a.default,
#header .secondary-header-menu a.default-btn,
#header .header-login-social a.default-btn {
border: 1px solid #450052;
background-color: transparent;
color: #450052;
}
#header .secondary-header-menu a.default:hover,
#header .header-login-social a.default:hover,
#header .secondary-header-menu a.default-btn:hover,
#header .header-login-social a.default-btn:hover,
#header .secondary-header-menu a.default:focus,
#header .header-login-social a.default:focus,
#header .secondary-header-menu a.default-btn:focus,
#header .header-login-social a.default-btn:focus {
color: #94009b;
background-color: transparent;
border-color: #94009b;
}
#header .secondary-header-menu a.default-white,
#header .header-login-social a.default-white,
#header .secondary-header-menu a.default-white-btn,
#header .header-login-social a.default-white-btn {
border: 1px solid #ffffff;
background-color: transparent;
color: #ffffff;
}
#header .secondary-header-menu a.default-white:hover,
#header .header-login-social a.default-white:hover,
#header .secondary-header-menu a.default-white-btn:hover,
#header .header-login-social a.default-white-btn:hover,
#header .secondary-header-menu a.default-white:focus,
#header .header-login-social a.default-white:focus,
#header .secondary-header-menu a.default-white-btn:focus,
#header .header-login-social a.default-white-btn:focus {
color: #450052;
background-color: #ffffff;
border-color: #ffffff;
}
#header .secondary-header-menu a.orange,
#header .header-login-social a.orange,
#header .secondary-header-menu a.orange-btn,
#header .header-login-social a.orange-btn {
background-color: #f85100;
border-color: #f85100;
color: #ffffff;
}
#header .secondary-header-menu a.orange:hover,
#header .header-login-social a.orange:hover,
#header .secondary-header-menu a.orange-btn:hover,
#header .header-login-social a.orange-btn:hover,
#header .secondary-header-menu a.orange:focus,
#header .header-login-social a.orange:focus,
#header .secondary-header-menu a.orange-btn:focus,
#header .header-login-social a.orange-btn:focus {
color: #ffffff;
background-color: #ee3600;
border-color: #ee3600;
}
#header .secondary-header-menu a.light-btn,
#header .header-login-social a.light-btn,
#header .secondary-header-menu a.btn-light,
#header .header-login-social a.btn-light {
padding-left: 0;
padding-top: 0.35em;
padding-bottom: 0.35em;
border: unset;
padding-right: 1.6em;
position: relative;
font-weight: 600;
}
#header .secondary-header-menu a.light-btn::after,
#header .header-login-social a.light-btn::after,
#header .secondary-header-menu a.btn-light::after,
#header .header-login-social a.btn-light::after {
content: "";
position: absolute;
top: 0;
right: 0.4em;
bottom: 0;
left: auto;
width: 0.8em;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='16' viewBox='0 0 19 16' fill='none'%3E%3Cpath d='M11.3333 1L18 8M18 8L11.3333 15M18 8H9H0' stroke='%23450052'/%3E%3C/svg%3E");
}
.animatable #header .secondary-header-menu a.light-btn::after,
.animatable #header .header-login-social a.light-btn::after,
.animatable #header .secondary-header-menu a.btn-light::after,
.animatable #header .header-login-social a.btn-light::after {
transition: all cubic-bezier(0.37, 0.01, 0.62, 1) 325ms;
}
#header .secondary-header-menu a.light-btn:hover,
#header .header-login-social a.light-btn:hover,
#header .secondary-header-menu a.btn-light:hover,
#header .header-login-social a.btn-light:hover,
#header .secondary-header-menu a.light-btn:focus,
#header .header-login-social a.light-btn:focus,
#header .secondary-header-menu a.btn-light:focus,
#header .header-login-social a.btn-light:focus {
background-color: transparent;
color: inherit;
}
#header .secondary-header-menu a.light-btn:hover::after,
#header .header-login-social a.light-btn:hover::after,
#header .secondary-header-menu a.btn-light:hover::after,
#header .header-login-social a.btn-light:hover::after,
#header .secondary-header-menu a.light-btn:focus::after,
#header .header-login-social a.light-btn:focus::after,
#header .secondary-header-menu a.btn-light:focus::after,
#header .header-login-social a.btn-light:focus::after {
right: 0;
}
#header .secondary-header-menu a.light-btn.clr-light::after,
#header .header-login-social a.light-btn.clr-light::after,
#header .secondary-header-menu a.btn-light.clr-light::after,
#header .header-login-social a.btn-light.clr-light::after {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='16' viewBox='0 0 19 16' fill='none'%3E%3Cpath d='M11.3333 1L18 8M18 8L11.3333 15M18 8H9H0' stroke='%23ffffff'/%3E%3C/svg%3E");
}
#header .secondary-header-menu a.light-btn.clr-light:hover,
#header .header-login-social a.light-btn.clr-light:hover,
#header .secondary-header-menu a.btn-light.clr-light:hover,
#header .header-login-social a.btn-light.clr-light:hover,
#header .secondary-header-menu a.light-btn.clr-light:focus,
#header .header-login-social a.light-btn.clr-light:focus,
#header .secondary-header-menu a.btn-light.clr-light:focus,
#header .header-login-social a.btn-light.clr-light:focus {
color: #ffffff;
}
#header .secondary-header-menu a.light-btn.no-arrow,
#header .header-login-social a.light-btn.no-arrow,
#header .secondary-header-menu a.btn-light.no-arrow,
#header .header-login-social a.btn-light.no-arrow {
padding-right: 0.4em;
}
#header .secondary-header-menu a.light-btn.no-arrow::after,
#header .header-login-social a.light-btn.no-arrow::after,
#header .secondary-header-menu a.btn-light.no-arrow::after,
#header .header-login-social a.btn-light.no-arrow::after {
content: unset;
}
#header .secondary-header-menu a .btn-w-arrow:hover,
#header .header-login-social a .btn-w-arrow:hover,
#header .secondary-header-menu a .btn-w-arrow:focus,
#header .header-login-social a .btn-w-arrow:focus {
margin-right: 1em;
}
#header .secondary-header-menu a.btn-dark,
#header .header-login-social a.btn-dark {
background-color: #450052;
border-color: #450052;
color: #ffffff;
}
#header .secondary-header-menu a.btn-dark:hover,
#header .header-login-social a.btn-dark:hover,
#header .secondary-header-menu a.btn-dark:focus,
#header .header-login-social a.btn-dark:focus {
background-color: #5e006b;
border-color: #5e006b;
color: #ffffff;
}
#header .secondary-header-menu a.external-btn,
#header .header-login-social a.external-btn {
padding-right: 1.6em;
position: relative;
}
#header .secondary-header-menu a.external-btn::after,
#header .header-login-social a.external-btn::after {
content: "";
position: absolute;
top: 0;
right: 0.4em;
bottom: 0;
left: auto;
width: 0.8em;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23450052' d='M488 0h-135.3c-13.25 0-25.09 7.906-30.19 20.16c-5.062 12.28-2.281 26.25 7.094 35.63l40.69 40.69L177.4 289.4c-12.5 12.5-12.5 32.75 0 45.25C183.6 340.9 191.8 344 200 344s16.38-3.125 22.62-9.375l192.9-192.9l40.69 40.69C462.5 188.7 470.8 192 479.3 192c4.219 0 8.469-.8125 12.56-2.5C504.1 184.4 512 172.6 512 159.3V24C512 10.75 501.3 0 488 0zM392 320c-13.25 0-24 10.75-24 24v112c0 4.406-3.594 8-8 8h-304c-4.406 0-8-3.594-8-8v-304c0-4.406 3.594-8 8-8h112C181.3 144 192 133.3 192 120S181.3 96 168 96h-112C25.13 96 0 121.1 0 152v304C0 486.9 25.13 512 56 512h304c30.88 0 56-25.12 56-56v-112C416 330.8 405.3 320 392 320z'/%3E%3C/svg%3E");
}
.animatable #header .secondary-header-menu a.external-btn::after,
.animatable #header .header-login-social a.external-btn::after {
transition: all cubic-bezier(0.37, 0.01, 0.62, 1) 325ms;
}
#header .secondary-header-menu a.external-btn:hover::after,
#header .header-login-social a.external-btn:hover::after,
#header .secondary-header-menu a.external-btn:focus::after,
#header .header-login-social a.external-btn:focus::after {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23ffffff' d='M488 0h-135.3c-13.25 0-25.09 7.906-30.19 20.16c-5.062 12.28-2.281 26.25 7.094 35.63l40.69 40.69L177.4 289.4c-12.5 12.5-12.5 32.75 0 45.25C183.6 340.9 191.8 344 200 344s16.38-3.125 22.62-9.375l192.9-192.9l40.69 40.69C462.5 188.7 470.8 192 479.3 192c4.219 0 8.469-.8125 12.56-2.5C504.1 184.4 512 172.6 512 159.3V24C512 10.75 501.3 0 488 0zM392 320c-13.25 0-24 10.75-24 24v112c0 4.406-3.594 8-8 8h-304c-4.406 0-8-3.594-8-8v-304c0-4.406 3.594-8 8-8h112C181.3 144 192 133.3 192 120S181.3 96 168 96h-112C25.13 96 0 121.1 0 152v304C0 486.9 25.13 512 56 512h304c30.88 0 56-25.12 56-56v-112C416 330.8 405.3 320 392 320z'/%3E%3C/svg%3E");
}
#header .secondary-header-menu a:hover,
#header .header-login-social a:hover,
#header .secondary-header-menu a:focus,
#header .header-login-social a:focus {
background-color: #ffffff;
color: #ee3600;
}
#header #header-search-icon {
margin-left: 2rem;
}
@media screen and (max-width: 1023.9px) {
#header #header-search-icon {
margin-left: 1rem;
}
}
#header #header-search-icon .icon-btn.search-icon::after {
background-image: url("data:image/svg+xml,%0A%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='11' cy='11' r='9' stroke='%23ffffff' stroke-width='2'/%3E%3Cpath d='M17 17L22 22' stroke='%23ffffff' stroke-width='2'/%3E%3C/svg%3E%0A");
}
#header #secondary-menu {
display: flex;
align-items: center;
}
#header-search-box {
position: absolute;
top: 100%;
left: 0;
right: 0;
opacity: 0;
pointer-events: none;
visibility: hidden;
z-index: 0;
transform: translateY(-50%);
}
.animatable #header-search-box {
transition: all cubic-bezier(0.37, 0.01, 0.62, 1) 325ms;
}
#header-search-box.active {
transform: translateY(0%);
visibility: visible;
pointer-events: inherit;
opacity: 1;
}
#header .bg-dark-mid-purple .secondary-header-menu a,
#header .bg-dark-mid-purple .header-login-social a {
display: inline-block;
border-radius: 0;
cursor: pointer;
font-weight: 400;
text-decoration: none;
border: 1px solid;
line-height: 1.4;
font-size: 1.1111rem;
padding-top: 0.58333333em;
padding-bottom: 0.7em;
padding-left: 0.8em;
padding-right: 0.8em;
letter-spacing: -0.025em;
background-color: transparent;
color: inherit;
text-transform: lowercase;
}
.animatable #header .bg-dark-mid-purple .secondary-header-menu a,
.animatable #header .bg-dark-mid-purple .header-login-social a {
transition: all cubic-bezier(0.37, 0.01, 0.62, 1) 325ms;
}
#header .bg-dark-mid-purple .secondary-header-menu a span,
#header .bg-dark-mid-purple .header-login-social a span {
text-transform: initial;
}
@media screen and (max-width: 767.9px) {
#header .bg-dark-mid-purple .secondary-header-menu a,
#header .bg-dark-mid-purple .header-login-social a {
font-size: 1rem;
}
}
#header .bg-dark-mid-purple .secondary-header-menu a:hover,
#header .bg-dark-mid-purple .header-login-social a:hover,
#header .bg-dark-mid-purple .secondary-header-menu a:focus,
#header .bg-dark-mid-purple .header-login-social a:focus {
background-color: #5e006b;
color: #ffffff;
}
#header .bg-dark-mid-purple .secondary-header-menu a.btn-purple,
#header .bg-dark-mid-purple .header-login-social a.btn-purple,
#header .bg-dark-mid-purple .secondary-header-menu a.purple-btn,
#header .bg-dark-mid-purple .header-login-social a.purple-btn {
background-color: #450052;
border-color: #450052;
color: #ffffff;
}
#header .bg-dark-mid-purple .secondary-header-menu a.btn-purple:hover,
#header .bg-dark-mid-purple .header-login-social a.btn-purple:hover,
#header .bg-dark-mid-purple .secondary-header-menu a.purple-btn:hover,
#header .bg-dark-mid-purple .header-login-social a.purple-btn:hover,
#header .bg-dark-mid-purple .secondary-header-menu a.btn-purple:focus,
#header .bg-dark-mid-purple .header-login-social a.btn-purple:focus,
#header .bg-dark-mid-purple .secondary-header-menu a.purple-btn:focus,
#header .bg-dark-mid-purple .header-login-social a.purple-btn:focus {
background-color: #5e006b;
color: #ffffff;
border-color: #5e006b;
}
#header .bg-dark-mid-purple .secondary-header-menu a.white-btn,
#header .bg-dark-mid-purple .header-login-social a.white-btn,
#header .bg-dark-mid-purple .secondary-header-menu a.btn-white,
#header .bg-dark-mid-purple .header-login-social a.btn-white {
background: #ffffff;
color: #450052;
border-color: #ffffff;
}
#header .bg-dark-mid-purple .secondary-header-menu a.white-btn:hover,
#header .bg-dark-mid-purple .header-login-social a.white-btn:hover,
#header .bg-dark-mid-purple .secondary-header-menu a.btn-white:hover,
#header .bg-dark-mid-purple .header-login-social a.btn-white:hover,
#header .bg-dark-mid-purple .secondary-header-menu a.white-btn:focus,
#header .bg-dark-mid-purple .header-login-social a.white-btn:focus,
#header .bg-dark-mid-purple .secondary-header-menu a.btn-white:focus,
#header .bg-dark-mid-purple .header-login-social a.btn-white:focus {
background-color: #f0c8f1;
color: #5e006b;
border-color: #f0c8f1;
}
#header .bg-dark-mid-purple .secondary-header-menu a.default,
#header .bg-dark-mid-purple .header-login-social a.default,
#header .bg-dark-mid-purple .secondary-header-menu a.default-btn,
#header .bg-dark-mid-purple .header-login-social a.default-btn {
border: 1px solid #450052;
background-color: transparent;
color: #450052;
}
#header .bg-dark-mid-purple .secondary-header-menu a.default:hover,
#header .bg-dark-mid-purple .header-login-social a.default:hover,
#header .bg-dark-mid-purple .secondary-header-menu a.default-btn:hover,
#header .bg-dark-mid-purple .header-login-social a.default-btn:hover,
#header .bg-dark-mid-purple .secondary-header-menu a.default:focus,
#header .bg-dark-mid-purple .header-login-social a.default:focus,
#header .bg-dark-mid-purple .secondary-header-menu a.default-btn:focus,
#header .bg-dark-mid-purple .header-login-social a.default-btn:focus {
color: #94009b;
background-color: transparent;
border-color: #94009b;
}
#header .bg-dark-mid-purple .secondary-header-menu a.default-white,
#header .bg-dark-mid-purple .header-login-social a.default-white,
#header .bg-dark-mid-purple .secondary-header-menu a.default-white-btn,
#header .bg-dark-mid-purple .header-login-social a.default-white-btn {
border: 1px solid #ffffff;
background-color: transparent;
color: #ffffff;
}
#header .bg-dark-mid-purple .secondary-header-menu a.default-white:hover,
#header .bg-dark-mid-purple .header-login-social a.default-white:hover,
#header .bg-dark-mid-purple .secondary-header-menu a.default-white-btn:hover,
#header .bg-dark-mid-purple .header-login-social a.default-white-btn:hover,
#header .bg-dark-mid-purple .secondary-header-menu a.default-white:focus,
#header .bg-dark-mid-purple .header-login-social a.default-white:focus,
#header .bg-dark-mid-purple .secondary-header-menu a.default-white-btn:focus,
#header .bg-dark-mid-purple .header-login-social a.default-white-btn:focus {
color: #450052;
background-color: #ffffff;
border-color: #ffffff;
}
#header .bg-dark-mid-purple .secondary-header-menu a.orange,
#header .bg-dark-mid-purple .header-login-social a.orange,
#header .bg-dark-mid-purple .secondary-header-menu a.orange-btn,
#header .bg-dark-mid-purple .header-login-social a.orange-btn {
background-color: #f85100;
border-color: #f85100;
color: #ffffff;
}
#header .bg-dark-mid-purple .secondary-header-menu a.orange:hover,
#header .bg-dark-mid-purple .header-login-social a.orange:hover,
#header .bg-dark-mid-purple .secondary-header-menu a.orange-btn:hover,
#header .bg-dark-mid-purple .header-login-social a.orange-btn:hover,
#header .bg-dark-mid-purple .secondary-header-menu a.orange:focus,
#header .bg-dark-mid-purple .header-login-social a.orange:focus,
#header .bg-dark-mid-purple .secondary-header-menu a.orange-btn:focus,
#header .bg-dark-mid-purple .header-login-social a.orange-btn:focus {
color: #ffffff;
background-color: #ee3600;
border-color: #ee3600;
}
#header .bg-dark-mid-purple .secondary-header-menu a.light-btn,
#header .bg-dark-mid-purple .header-login-social a.light-btn,
#header .bg-dark-mid-purple .secondary-header-menu a.btn-light,
#header .bg-dark-mid-purple .header-login-social a.btn-light {
padding-left: 0;
padding-top: 0.35em;
padding-bottom: 0.35em;
border: unset;
padding-right: 1.6em;
position: relative;
font-weight: 600;
}
#header .bg-dark-mid-purple .secondary-header-menu a.light-btn::after,
#header .bg-dark-mid-purple .header-login-social a.light-btn::after,
#header .bg-dark-mid-purple .secondary-header-menu a.btn-light::after,
#header .bg-dark-mid-purple .header-login-social a.btn-light::after {
content: "";
position: absolute;
top: 0;
right: 0.4em;
bottom: 0;
left: auto;
width: 0.8em;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='16' viewBox='0 0 19 16' fill='none'%3E%3Cpath d='M11.3333 1L18 8M18 8L11.3333 15M18 8H9H0' stroke='%23450052'/%3E%3C/svg%3E");
}
.animatable #header .bg-dark-mid-purple .secondary-header-menu a.light-btn::after,
.animatable #header .bg-dark-mid-purple .header-login-social a.light-btn::after,
.animatable #header .bg-dark-mid-purple .secondary-header-menu a.btn-light::after,
.animatable #header .bg-dark-mid-purple .header-login-social a.btn-light::after {
transition: all cubic-bezier(0.37, 0.01, 0.62, 1) 325ms;
}
#header .bg-dark-mid-purple .secondary-header-menu a.light-btn:hover,
#header .bg-dark-mid-purple .header-login-social a.light-btn:hover,
#header .bg-dark-mid-purple .secondary-header-menu a.btn-light:hover,
#header .bg-dark-mid-purple .header-login-social a.btn-light:hover,
#header .bg-dark-mid-purple .secondary-header-menu a.light-btn:focus,
#header .bg-dark-mid-purple .header-login-social a.light-btn:focus,
#header .bg-dark-mid-purple .secondary-header-menu a.btn-light:focus,
#header .bg-dark-mid-purple .header-login-social a.btn-light:focus {
background-color: transparent;
color: inherit;
}
#header .bg-dark-mid-purple .secondary-header-menu a.light-btn:hover::after,
#header .bg-dark-mid-purple .header-login-social a.light-btn:hover::after,
#header .bg-dark-mid-purple .secondary-header-menu a.btn-light:hover::after,
#header .bg-dark-mid-purple .header-login-social a.btn-light:hover::after,
#header .bg-dark-mid-purple .secondary-header-menu a.light-btn:focus::after,
#header .bg-dark-mid-purple .header-login-social a.light-btn:focus::after,
#header .bg-dark-mid-purple .secondary-header-menu a.btn-light:focus::after,
#header .bg-dark-mid-purple .header-login-social a.btn-light:focus::after {
right: 0;
}
#header .bg-dark-mid-purple .secondary-header-menu a.light-btn.clr-light::after,
#header .bg-dark-mid-purple .header-login-social a.light-btn.clr-light::after,
#header .bg-dark-mid-purple .secondary-header-menu a.btn-light.clr-light::after,
#header .bg-dark-mid-purple .header-login-social a.btn-light.clr-light::after {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='16' viewBox='0 0 19 16' fill='none'%3E%3Cpath d='M11.3333 1L18 8M18 8L11.3333 15M18 8H9H0' stroke='%23ffffff'/%3E%3C/svg%3E");
}
#header .bg-dark-mid-purple .secondary-header-menu a.light-btn.clr-light:hover,
#header .bg-dark-mid-purple .header-login-social a.light-btn.clr-light:hover,
#header .bg-dark-mid-purple .secondary-header-menu a.btn-light.clr-light:hover,
#header .bg-dark-mid-purple .header-login-social a.btn-light.clr-light:hover,
#header .bg-dark-mid-purple .secondary-header-menu a.light-btn.clr-light:focus,
#header .bg-dark-mid-purple .header-login-social a.light-btn.clr-light:focus,
#header .bg-dark-mid-purple .secondary-header-menu a.btn-light.clr-light:focus,
#header .bg-dark-mid-purple .header-login-social a.btn-light.clr-light:focus {
color: #ffffff;
}
#header .bg-dark-mid-purple .secondary-header-menu a.light-btn.no-arrow,
#header .bg-dark-mid-purple .header-login-social a.light-btn.no-arrow,
#header .bg-dark-mid-purple .secondary-header-menu a.btn-light.no-arrow,
#header .bg-dark-mid-purple .header-login-social a.btn-light.no-arrow {
padding-right: 0.4em;
}
#header .bg-dark-mid-purple .secondary-header-menu a.light-btn.no-arrow::after,
#header .bg-dark-mid-purple .header-login-social a.light-btn.no-arrow::after,
#header .bg-dark-mid-purple .secondary-header-menu a.btn-light.no-arrow::after,
#header .bg-dark-mid-purple .header-login-social a.btn-light.no-arrow::after {
content: unset;
}
#header .bg-dark-mid-purple .secondary-header-menu a .btn-w-arrow:hover,
#header .bg-dark-mid-purple .header-login-social a .btn-w-arrow:hover,
#header .bg-dark-mid-purple .secondary-header-menu a .btn-w-arrow:focus,
#header .bg-dark-mid-purple .header-login-social a .btn-w-arrow:focus {
margin-right: 1em;
}
#header .bg-dark-mid-purple .secondary-header-menu a.btn-dark,
#header .bg-dark-mid-purple .header-login-social a.btn-dark {
background-color: #450052;
border-color: #450052;
color: #ffffff;
}
#header .bg-dark-mid-purple .secondary-header-menu a.btn-dark:hover,
#header .bg-dark-mid-purple .header-login-social a.btn-dark:hover,
#header .bg-dark-mid-purple .secondary-header-menu a.btn-dark:focus,
#header .bg-dark-mid-purple .header-login-social a.btn-dark:focus {
background-color: #5e006b;
border-color: #5e006b;
color: #ffffff;
}
#header .bg-dark-mid-purple .secondary-header-menu a.external-btn,
#header .bg-dark-mid-purple .header-login-social a.external-btn {
padding-right: 1.6em;
position: relative;
}
#header .bg-dark-mid-purple .secondary-header-menu a.external-btn::after,
#header .bg-dark-mid-purple .header-login-social a.external-btn::after {
content: "";
position: absolute;
top: 0;
right: 0.4em;
bottom: 0;
left: auto;
width: 0.8em;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23450052' d='M488 0h-135.3c-13.25 0-25.09 7.906-30.19 20.16c-5.062 12.28-2.281 26.25 7.094 35.63l40.69 40.69L177.4 289.4c-12.5 12.5-12.5 32.75 0 45.25C183.6 340.9 191.8 344 200 344s16.38-3.125 22.62-9.375l192.9-192.9l40.69 40.69C462.5 188.7 470.8 192 479.3 192c4.219 0 8.469-.8125 12.56-2.5C504.1 184.4 512 172.6 512 159.3V24C512 10.75 501.3 0 488 0zM392 320c-13.25 0-24 10.75-24 24v112c0 4.406-3.594 8-8 8h-304c-4.406 0-8-3.594-8-8v-304c0-4.406 3.594-8 8-8h112C181.3 144 192 133.3 192 120S181.3 96 168 96h-112C25.13 96 0 121.1 0 152v304C0 486.9 25.13 512 56 512h304c30.88 0 56-25.12 56-56v-112C416 330.8 405.3 320 392 320z'/%3E%3C/svg%3E");
}
.animatable #header .bg-dark-mid-purple .secondary-header-menu a.external-btn::after,
.animatable #header .bg-dark-mid-purple .header-login-social a.external-btn::after {
transition: all cubic-bezier(0.37, 0.01, 0.62, 1) 325ms;
}
#header .bg-dark-mid-purple .secondary-header-menu a.external-btn:hover::after,
#header .bg-dark-mid-purple .header-login-social a.external-btn:hover::after,
#header .bg-dark-mid-purple .secondary-header-menu a.external-btn:focus::after,
#header .bg-dark-mid-purple .header-login-social a.external-btn:focus::after {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23ffffff' d='M488 0h-135.3c-13.25 0-25.09 7.906-30.19 20.16c-5.062 12.28-2.281 26.25 7.094 35.63l40.69 40.69L177.4 289.4c-12.5 12.5-12.5 32.75 0 45.25C183.6 340.9 191.8 344 200 344s16.38-3.125 22.62-9.375l192.9-192.9l40.69 40.69C462.5 188.7 470.8 192 479.3 192c4.219 0 8.469-.8125 12.56-2.5C504.1 184.4 512 172.6 512 159.3V24C512 10.75 501.3 0 488 0zM392 320c-13.25 0-24 10.75-24 24v112c0 4.406-3.594 8-8 8h-304c-4.406 0-8-3.594-8-8v-304c0-4.406 3.594-8 8-8h112C181.3 144 192 133.3 192 120S181.3 96 168 96h-112C25.13 96 0 121.1 0 152v304C0 486.9 25.13 512 56 512h304c30.88 0 56-25.12 56-56v-112C416 330.8 405.3 320 392 320z'/%3E%3C/svg%3E");
}
#header .bg-dark-mid-purple .secondary-header-menu a:hover,
#header .bg-dark-mid-purple .header-login-social a:hover,
#header .bg-dark-mid-purple .secondary-header-menu a:focus,
#header .bg-dark-mid-purple .header-login-social a:focus {
background-color: #ffffff;
color: #5e006b;
}
@media screen and (max-width: 1650px) {
#header .menu .menu-item {
margin-right: 0;
}
}
@media screen and (max-width: 1440px) and (min-width: 1279.9px) {
#header #main-menu a {
padding-left: 1rem;
padding-right: 1rem;
}
#header .menu .menu-item a {
font-size: 1rem;
}
#header .secondary-header-menu .menu-item a {
font-size: 1.1111rem;
}
}
@media screen and (max-width: 1440px) and (min-width: 1279.9px) and screen and (max-width: 767.9px) {
#header .secondary-header-menu .menu-item a {
font-size: 1rem;
}
}
@media screen and (max-width: 1279.9px) and (min-width: 1023.9px) {
#header #main-menu.header-menu {
padding-left: 0;
padding-right: 0;
}
#header .header-container .secondary-header-menu a,
#header .header-container .header-login-social a {
font-size: 1rem;
}
#header #main-menu a {
padding-left: .5rem;
padding-right: .5rem;
}
#header .menu .menu-item a {
font-size: 1rem;
}
}
@media screen and (max-width: 1023.9px) {
#header {
position: sticky;
top: 0;
}
#header .header-container > .container-large > .pure-g {
flex-direction: row-reverse;
}
#header #secondary-menu {
transform: translateX(100%);
opacity: 0;
visibility: hidden;
pointer-events: none;
position: fixed;
left: 0;
right: 0;
top: 75px;
z-index: 12;
padding-top: 1em;
padding-left: 2rem;
padding-right: 2rem;
}
.animatable #header #secondary-menu {
transition: all cubic-bezier(0.37, 0.01, 0.62, 1) 325ms;
}
#header #secondary-menu .top-menu {
padding-bottom: 1em;
}
#header #main-menu {
position: fixed;
left: 0;
right: 0;
top: 8em;
bottom: auto;
transform: translateX(100%);
opacity: 0;
visibility: hidden;
pointer-events: none;
padding-top: 2em;
padding-left: 0;
padding-right: 0;
z-index: 9;
display: block;
}
.animatable #header #main-menu {
transition: all cubic-bezier(0.37, 0.01, 0.62, 1) 325ms;
}
#header #main-menu #main-header-menu {
padding-bottom: 2em;
}
#header #main-menu.is-active {
opacity: 1;
visibility: visible;
pointer-events: initial;
transform: translateX(0%);
}
#header #main-menu.is-active + #secondary-menu {
opacity: 1;
visibility: visible;
pointer-events: initial;
transform: translateX(0%);
}
#header #main-menu .menu {
flex-direction: column;
}
#header #main-menu .menu .sub-menu {
right: 0;
padding-left: 0;
padding-right: 0;
}
#header #main-menu .menu .menu-item.menu-item-has-children > a {
margin-right: 3rem;
}
#header #main-menu .menu .menu-item.menu-item-has-children::after {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: auto;
width: 2rem;
background-size: 1rem;
background-repeat: no-repeat;
background-position: center;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='12' viewBox='0 0 21 12' fill='none'%3E%3Cpath d='M20 1.4762L10.5 10.5238L1 1.4762' stroke='%23ffffff' stroke-width='1.35714'/%3E%3C/svg%3E");
}
#header #header-search-icon-mobile {
margin-right: 1rem;
}
#header #mobile-menu-button-wrapper {
display: flex;
align-items: center;
}
#header #mobile-menu-button-wrapper .icon-btn {
width: 2rem;
height: 2rem;
display: block;
background-size: 1.5rem;
background-repeat: no-repeat;
background-position: center;
background-position: top center;
background-image: url("data:image/svg+xml,%0A%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='11' cy='11' r='9' stroke='%23ffffff' stroke-width='2'/%3E%3Cpath d='M17 17L22 22' stroke='%23ffffff' stroke-width='2'/%3E%3C/svg%3E%0A");
}
#header #mobile-menu {
position: relative;
margin-top: 4px;
}
#header .header-container.bg-dark-mid-purple #secondary-menu {
background-color: #5e006b;
}
#header .header-container.bg-dark-mid-purple #main-menu {
background-color: #94009b;
}
#header .header-container.bg-dark-mid-purple #main-menu .sub-menu {
background-color: #ac38ba;
}
#header .header-container.bg-dark-orange #secondary-menu {
background-color: #ee3600;
}
#header .header-container.bg-dark-orange #main-menu {
background-color: #f85100;
}
#header .header-container.bg-dark-orange #main-menu .sub-menu {
background-color: #ff8f36;
}
}
.search-results #header .header-container {
background-color: #450052;
}