.alignfull { max-width: 100vw; } .gradient-text { background-image: linear-gradient(90deg, #9d53c4, #20136b 60%, #20136b); -webkit-background-clip: text; -moz-background-clip: text; -webkit-text-fill-color: transparent; } .gradient-border { --border-width: 5px; position: relative; display: inline-block; padding: 5px 4px; font-size: 1.5rem; font-weight: bold; color: white; background: #FFF; border-radius: 28px; text-align: center; text-transform: uppercase; z-index: 1; } .gradient-border::before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border-radius: 28px; padding: var(--border-width); background: linear-gradient( 45deg, #362675, #743990, #4C1F87, #362675 ); background-size: 200% 200%; -webkit-mask: linear-gradient(white, white) content-box, linear-gradient(white, white); -webkit-mask-composite: xor; mask-composite: exclude; z-index: -1; animation: animate-border 3s linear infinite; } @keyframes animate-border { 0% { background-position: 0% 50%; } 100% { background-position: 100% 50%; } } .crab__right-corner::after { content:''; background: url('https://t2.nl/wp-content/uploads/2025/03/surprised-crab.webp'); background-size: 175px; background-repeat: no-repeat; height: 144px; width: 175px; position: absolute; bottom: -67px; right: -3%; z-index: 0; transform: rotateZ(-10deg); } .border-bottom-3 img { border-bottom: 3px solid var(--accent); } ul { padding-inline-start: 20px; } strong { font-weight: 600; color: var(--accent); } .card strong, .wp-block-group strong, .wp-block-cover__inner-container strong { color: var(--accent); } .wp-block-columns { margin-bottom: unset; } .single-vacature .wp-block-columns { align-items: flex-start !important; } .wp-block-columns a:hover:not(.wp-block-button__link) { text-decoration: underline; } .wp-block-button a { padding: var(--space-xs) var(--space-m); background: var(--accent); color: var(--light); } .wp-block-button a:hover { background: var(--secondary); } .section-overlay-top .wp-block-column { margin-top: -125px; z-index: 1; } .wp-block-cover { height: 100dvh; } .wp-block-cover__gradient-background { background: linear-gradient(180deg,rgba(0,0,0,0) 35%,rgb(245,245,247) 100%) !important; } .cover-text-overlay { height: 700px; min-height: auto; } @media screen and ( max-width: 480px ) { .wp-block-cover { height: auto !important; } .cover-text-overlay { height: auto; min-height: auto; } .crab__right-corner::after { display: none; } .section-overlay-top .wp-block-column { margin-top: -75px; } .diandra { position: unset !important; } .spacer-200 { height: 50px !important; } } .wp-block-column, .wp-block-group, #wrapper-vacatures { opacity: 0; transition: opacity .8s ease-out, transform 1s ease-out; transform: translateY(40px); } .wp-block-column.in-view, .wp-block-group.in-view, #wrapper-vacatures.in-view { opacity: 1; transform: translateY(0); } .wp-block-details[open] summary { color: var(--accent); } .wp-block-details { display: flex; flex-direction: column; gap: var(--space-xs); }