html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline; }
:focus {
outline: 0; }
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block; }
body {
line-height: 1; }
ol, ul {
list-style: none; }
blockquote, q {
quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none; }
table {
border-collapse: collapse;
border-spacing: 0; }
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration {
-webkit-appearance: none;
-moz-appearance: none; }
input[type=search] {
-webkit-appearance: none;
-moz-appearance: none;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box; }
textarea {
overflow: auto;
vertical-align: top;
resize: vertical; }
audio,
canvas,
video {
display: inline-block;
*display: inline;
*zoom: 1;
max-width: 100%; }
audio:not([controls]) {
display: none;
height: 0; }
[hidden] {
display: none; }
html {
font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
a:focus {
outline: thin dotted; }
a:active,
a:hover {
outline: 0; }
img {
border: 0; -ms-interpolation-mode: bicubic; }
figure {
margin: 0; }
form {
margin: 0; }
fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em; }
legend {
border: 0; padding: 0;
white-space: normal; *margin-left: -7px; }
button,
input,
select,
textarea {
font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button,
input {
line-height: normal; }
button,
select {
text-transform: none; }
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button; cursor: pointer; *overflow: visible; }
button[disabled],
html input[disabled] {
cursor: default; }
input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box; padding: 0; *height: 13px; *width: 13px; }
input[type="search"] {
-webkit-appearance: textfield; -moz-box-sizing: content-box;
-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; }
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0; }
textarea {
overflow: auto; vertical-align: top; }
table {
border-collapse: collapse;
border-spacing: 0; }
html,
button,
input,
select,
textarea {
color: #222; }
::-moz-selection {
background: #b3d4fc;
text-shadow: none; }
::selection {
background: #b3d4fc;
text-shadow: none; }
img {
vertical-align: middle; }
fieldset {
border: 0;
margin: 0;
padding: 0; }
textarea {
resize: vertical; }
.chromeframe {
margin: 0.2em 0;
background: #ccc;
color: #000;
padding: 0.2em 0; }
@font-face {
font-family: 'Red Hat Display';
src: url(//rijcenter.nl/wp-content/themes/pietgonsrijopleidingen/assets/fonts/Red-Hat-Display/RedHatDisplay-Regular.woff2) format("woff2"), url(//rijcenter.nl/wp-content/themes/pietgonsrijopleidingen/assets/fonts/Red-Hat-Display/RedHatDisplay-Regular.woff) format("woff"), url(//rijcenter.nl/wp-content/themes/pietgonsrijopleidingen/assets/fonts/Red-Hat-Display/RedHatDisplay-Regular.ttf) format("truetype");
font-weight: normal;
font-style: normal;
font-display: swap; }
@font-face {
font-family: 'Red Hat Display Bold';
src: url(//rijcenter.nl/wp-content/themes/pietgonsrijopleidingen/assets/fonts/Red-Hat-Display/RedHatDisplay-Bold.woff2) format("woff2"), url(//rijcenter.nl/wp-content/themes/pietgonsrijopleidingen/assets/fonts/Red-Hat-Display/RedHatDisplay-Bold.woff) format("woff"), url(//rijcenter.nl/wp-content/themes/pietgonsrijopleidingen/assets/fonts/Red-Hat-Display/RedHatDisplay-Bold.ttf) format("truetype");
font-weight: normal;
font-style: normal;
font-display: swap; }
@font-face {
font-family: 'Red Hat Display Medium';
src: url(//rijcenter.nl/wp-content/themes/pietgonsrijopleidingen/assets/fonts/Red-Hat-Display/RedHatDisplay-Medium.woff2) format("woff2"), url(//rijcenter.nl/wp-content/themes/pietgonsrijopleidingen/assets/fonts/Red-Hat-Display/RedHatDisplay-Medium.woff) format("woff"), url(//rijcenter.nl/wp-content/themes/pietgonsrijopleidingen/assets/fonts/Red-Hat-Display/RedHatDisplay-Medium.ttf) format("truetype");
font-weight: normal;
font-style: normal;
font-display: swap; }
html {
padding: 0 !important; }
body {
font-family: "Red Hat Display", sans-serif;
font-size: 16px;
color: #000000;
line-height: 24px;
overflow-x: hidden; }
body.no-scroll {
position: relative;
height: 100%;
width: 100%;
overflow: hidden; }
body main.site-content {
max-width: 100vw;
overflow: hidden; }
body::selection {
color: #FFFFFF;
background: #EAE6BE; }
body.lightgrey {
background-color: #F2F2F2; }
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: "Red Hat Display Bold", sans-serif;
margin: 0;
text-transform: uppercase;
line-height: normal; }
h1 {
font-size: 42px;
letter-spacing: 2.23px; }
@media (max-width: 991px) {
h1 {
font-size: 36px; } }
@media (max-width: 767px) {
h1 {
font-size: 28px; } }
h2 {
font-size: 36px;
letter-spacing: 2.77px; }
@media (max-width: 991px) {
h2 {
font-size: 24px;
letter-spacing: 1.85px; } }
h3 {
font-size: 21px; }
img {
height: auto;
max-width: 100%; }
a {
color: #EAE6BE;
text-decoration: none; }
a:hover, a:focus {
color: #EAE6BE;
text-decoration: underline;
outline: 0; }
ul,
ol {
list-style-position: inside; }
article strong {
font-family: "Red Hat Display Bold", sans-serif;
font-size: 21px; }
h1::selection, h2::selection, h3::selection, h4::selection, h5::selection, h6::selection, p::selection, span::selection, article::selection, p::selection, strong::selection, small::selection, img::selection, ul::selection, li::selection, a::selection, label::selection, b::selection, div::selection {
color: #FFFFFF;
background: #EAE6BE; }
.page-load-status .infinite-scroll-request {
text-align: center; }
.page-load-status .infinite-scroll-request img {
width: 50px; }
.nopadding {
padding: 0; }
#breadcrumbs {
margin: 0;
opacity: 0.75;
font-family: "Red Hat Display", sans-serif;
font-size: 11px;
text-transform: uppercase; }
#breadcrumbs img {
position: relative;
top: -.5px;
margin: 0 10px; }
#breadcrumbs span > span > a {
color: #000000; }
#breadcrumbs span > span > span a {
color: #808080; }
#breadcrumbs span > span > span a:hover {
color: #000000; }
#breadcrumbs .breadcrumb_last, #breadcrumbs .breadcrumb_last:hover {
color: #808080; }
.grecaptcha-badge {
z-index: 9; }
@media (min-width: 359px) and (max-width: 599px) {
.container:not(.defaultpadding) {
padding-left: 35px;
padding-right: 35px; } }
@media (min-width: 1200px) {
.container {
max-width: 1260px; } }
.col-fluid {
position: absolute;
z-index: 1; }
.col-fluid--left {
left: 0;
padding-left: 0; }
.col-fluid--right {
right: 0;
padding-right: 0; }
.grecaptcha-badge {
width: 70px !important;
overflow: hidden !important;
transition: all 0.3s ease !important;
left: 4px !important; }
.grecaptcha-badge:hover {
width: 256px !important; }
.accordion-item__header {
position: relative;
transition: all 0.25s ease;
cursor: pointer; }
.accordion-item__header:after {
content: '';
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 20px;
width: 32px;
height: 20px;
background-image: url(//rijcenter.nl/wp-content/themes/pietgonsrijopleidingen/assets/img/chevron-black.svg);
background-repeat: no-repeat;
background-size: contain;
transition: all 0.25s ease; }
@media (max-width: 991px) {
.accordion-item__header:after {
width: 20px;
height: 12px; } }
.accordion-item__header.open:after {
transform: translateY(-50%) rotate(-180deg); }
.agenda__filters {
margin-top: 33px; }
.agenda__filters.filter--courses {
padding: 0; }
.agenda__filters.filter--courses:before {
display: none; }
.agenda .course-list {
display: inline-block;
width: 100%;
background-color: #F2F2F2;
border: 2px solid #F2F2F2;
border-radius: 20px;
margin-top: 60px; }
.agenda .course-list.no-match .course__heading {
border-bottom: transparent; }
.agenda .course-list .course__heading {
padding: 15px 30px;
border-bottom: 1px solid #FFFFFF; }
.agenda .course-list .course__heading span {
font-family: "Red Hat Display Bold", sans-serif; }
.agenda .course-list .course__item {
padding: 15px 30px; }
.agenda .course-list .course__item.odd {
background-color: #FFFFFF; }
.agenda .course-list .course__item a:not(.button) {
color: #000000; }
.agenda .course-list .course__item .title {
font-family: "Red Hat Display Medium", sans-serif; }
.agenda .course-list .course__item .lessons {
margin-top: 15px; }
.agenda .course-list .course__item .course-info {
display: block;
margin: 10px 0; }
.agenda .course-list .course__item .available {
margin-bottom: 15px; }
.agenda #noMatchingItems {
text-align: center;
margin: 15px 0; }
.archive .search-filters {
position: relative;
z-index: 5;
margin-top: -75px;
margin-bottom: 15px; }
@media (max-width: 991px) {
.archive .search-filters {
margin-top: -100px; } }
.archive .vacancy {
margin-bottom: 60px; }
.archive--courses {
margin: 50px 0; }
.archive--courses .archive__item {
display: block;
position: relative;
border-radius: 15px;
overflow: hidden;
background-color: #F7F7F7;
margin-bottom: 30px; }
.archive--courses .archive__item__label {
position: absolute; }
.archive--courses .archive__item__label:after {
content: '';
position: absolute;
width: 0;
height: 0;
z-index: 1;
border-style: solid;
border-width: 100px 100px 0 0;
border-color: #EAE6BE transparent transparent; }
.archive--courses .archive__item__label p {
position: absolute;
transform-origin: center center;
transform: translateX(20px) translateY(23px) rotate(-45deg);
z-index: 2;
color: #000000;
text-transform: uppercase;
font-family: "Red Hat Display Medium", sans-serif;
font-size: 11px;
letter-spacing: 1.13px; }
.archive--courses .archive__item__image {
position: relative;
border-radius: 15px;
overflow: hidden;
background-color: #000000; }
.archive--courses .archive__item__image img {
width: 100%;
height: auto;
transition: all 0.5s ease;
transform-origin: center center; }
.archive--courses .archive__item__content {
padding: 35px 30px 50px;
color: #000000; }
.archive--courses .archive__item__content article {
margin-bottom: 15px; }
.archive--courses .archive__item__content article h3 {
font-size: 21px;
letter-spacing: normal;
text-transform: none;
margin-bottom: 15px; }
.archive--courses .archive__item__content article p {
color: #6C6C6C; }
.archive--courses .archive__item:hover, .archive--courses .archive__item:focus, .archive--courses .archive__item:active {
text-decoration: none !important;
color: #000000; }
.archive--courses .archive__item:hover .archive__item__image img, .archive--courses .archive__item:focus .archive__item__image img, .archive--courses .archive__item:active .archive__item__image img {
transform: scale(1.05); }
@media (max-width: 767px) {
.archive--courses .archive__item {
margin-bottom: 20px; }
.archive--courses .archive__item__content {
padding: 30px 20px; }
.archive--courses .archive__item__content article {
margin-bottom: 30px; } }
.archive--courses .archive__header {
margin-bottom: 30px; }
.archive--courses .archive__header article h1 {
margin-bottom: 25px; }
.archive--courses .archive__header article .buttons, .archive--courses .archive__header article .note {
display: block;
margin-top: 25px; }
.archive--courses .archive__header article .buttons a {
margin: 0 10px 10px 0; }
.archive--courses .archive__header article .note {
font-size: 14px;
opacity: 0.75; }
@media (max-width: 767px) {
.archive--courses .archive__header article .buttons a {
display: table; } }
.banner {
position: relative;
overflow: hidden;
margin-bottom: 20px;
border-radius: 0 0 30px 30px;
z-index: 5; }
.banner__inner {
position: relative; }
.banner__inner .reviews {
position: absolute;
top: 70px;
right: 0;
z-index: 1; }
.banner__inner .reviews iframe {
border-radius: 0 0 0 20px; }
@media (min-width: 1199px) {
.banner__inner .reviews {
display: none; } }
@media (max-width: 479px) {
.banner__inner .reviews {
top: 67px;
padding-top: 10px;
background: white;
background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 49%, white 51%, white 100%); } }
.banner__inner section {
position: absolute;
z-index: 1;
width: 100%;
bottom: 100px;
color: #FFFFFF; }
.banner__inner section span {
display: block;
font-family: "Red Hat Display", sans-serif;
font-size: 14px;
letter-spacing: 1.31px;
text-transform: uppercase; }
.banner__inner section h1 {
max-width: 50%; }
.banner__inner section a.button {
margin-top: 30px; }
.banner__inner .overlay {
position: absolute;
height: 100%;
width: 100%;
background: rgba(0, 0, 0, 0.25);
background: linear-gradient(0deg, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0.5) 80%, black 100%); }
.banner__inner .overlay:after {
content: '';
position: absolute;
width: 300px;
height: 300px;
right: 0;
bottom: 0;
background-image: url(//rijcenter.nl/wp-content/themes/pietgonsrijopleidingen/assets/img/overlay.svg);
background-repeat: no-repeat;
background-size: cover; }
@media (max-width: 991px) {
.banner__inner .overlay:after {
width: 160px;
height: 160px; } }
.banner__inner .image {
position: static;
margin-left: 0;
height: 460px;
width: 100%;
background-size: cover;
background-position: center center;
animation: unset;
-webkit-animation: unset; }
.banner--home {
margin-bottom: 0 !important; }
.banner--home .banner__inner .image {
height: 575px; }
@media (max-width: 1199px) {
.banner {
margin-bottom: 30px; }
.banner .banner__inner section {
top: 50%;
transform: translateY(-50%); }
.banner .banner__inner section h1 {
max-width: 75%; }
.banner .banner__inner .image {
height: 400px; }
.banner--home .banner__inner .image {
height: 500px; } }
@media (max-width: 767px) {
.banner .banner__inner section h1 {
max-width: 100%; } }
.button {
display: inline-block;
padding: 10px 20px;
border-radius: 25px;
background-color: #000000;
color: #FFFFFF;
font-family: "Red Hat Display Bold", sans-serif;
font-size: 16px;
letter-spacing: 1.31px;
text-transform: uppercase;
transition: all 0.25s ease; }
.button:hover, .button:focus, .button:active {
background-color: #262626;
color: #FFFFFF;
text-decoration: none; }
.button--smaller {
font-size: 14px; }
.button--white {
background-color: #FFFFFF;
color: #000000; }
.button--white:hover, .button--white:focus, .button--white:active {
background-color: #d9d9d9;
color: #000000; }
.button--grey {
background-color: #F2F2F2;
color: #000000; }
.button--grey:hover, .button--grey:focus, .button--grey:active {
background-color: #cccccc;
color: #000000; }
.button--green {
background-color: #25D366; }
.button--green:hover, .button--green:focus, .button--green:active {
background-color: #23c660; }
.button--yellow {
background-color: #EAE6BE;
color: #000000; }
.button--yellow:hover, .button--yellow:focus, .button--yellow:active {
background-color: #e4dfab;
color: #000000; }
.button--yellowhover {
position: relative;
transition: all 0.5s linear; }
.button--yellowhover:hover, .button--yellowhover:focus, .button--yellowhover:active {
background-color: #EAE6BE; }
.button--whatsapp {
position: relative;
padding-left: 45px;
color: #FFFFFF; }
.button--whatsapp:before {
content: '';
position: absolute;
width: 24px;
height: 24px;
left: 10px;
background-image: url(//rijcenter.nl/wp-content/themes/pietgonsrijopleidingen/assets/img/whatsapp.svg);
background-repeat: no-repeat;
background-size: contain; }
.button--textblock--white {
background-color: #FFFFFF;
color: #000000; }
.button--textblock--white:hover, .button--textblock--white:focus, .button--textblock--white:active {
background-color: #d9d9d9;
color: #000000; }
.button--usp--white {
background-color: #808080; }
.button--usp--white:hover, .button--usp--white:focus, .button--usp--white:active {
background-color: #5a5a5a; }
.button--usp--black {
background-color: #303030; }
.button--usp--black:hover, .button--usp--black:focus, .button--usp--black:active {
background-color: #232323; }
.button--link {
padding: 0;
border-radius: unset;
background-color: unset;
color: #000000;
text-transform: unset;
font-family: "Red Hat Display", sans-serif;
letter-spacing: normal;
text-decoration: underline; }
.button--link:hover, .button--link:active, .button--link:focus {
background-color: unset;
color: #000000; }
.carousel {
width: 100%;
height: 100%;
z-index: 2; }
.carousel .flickity-page-dots {
position: relative;
z-index: 1; }
.carousel .flickity-page-dots .dot {
width: 10px;
height: 10px;
background: #808080;
opacity: 1; }
.carousel .flickity-page-dots .dot.is-selected {
background: #000000; }
.carousel .flickity-prev-next-button {
position: absolute;
top: auto;
transform: none;
width: 40px;
height: 40px;
margin-top: 20px;
border-radius: 0;
background-color: #F2F2F2;
z-index: 10; }
.carousel .flickity-prev-next-button svg {
display: none; }
.carousel .flickity-prev-next-button:after {
content: '';
position: absolute;
width: 14px;
height: 14px;
top: 50%;
left: 50%;
transform: translateY(-50%) translateX(-50%);
background-image: url(//rijcenter.nl/wp-content/themes/pietgonsrijopleidingen/assets/img/chevron.svg); }
.carousel .flickity-prev-next-button.next {
right: 0; }
.carousel .flickity-prev-next-button.previous {
left: 0; }
.carousel .flickity-prev-next-button.previous:after {
transform: translateY(-50%) translateX(-50%) rotate(-180deg); }
.carousel--usp .flickity-viewport {
overflow: visible; }
.carousel--usp .flickity-viewport .flickity-slider .usp {
width: 33.333%; }
@media (max-width: 767px) {
.carousel--usp .flickity-viewport .flickity-slider .usp {
width: 100%; } }
.carousel--usp .flickity-page-dots {
bottom: -50px; }
@media (min-width: 767px) {
.carousel--usp .flickity-page-dots {
display: none; } }
.carousel--usp--black .flickity-page-dots .dot {
background: #808080; }
.carousel--usp--black .flickity-page-dots .dot.is-selected {
background: #FFFFFF; }
.carousel--course--usp .flickity-viewport {
overflow: visible; }
.carousel--course--usp .flickity-viewport .flickity-slider .usp {
width: 33.333%; }
@media (max-width: 767px) {
.carousel--course--usp .flickity-viewport .flickity-slider .usp {
width: 100%; } }
.carousel--course--usp .flickity-page-dots {
bottom: -50px; }
@media (min-width: 767px) {
.carousel--course--usp .flickity-page-dots {
display: none; } }
.carousel--references .flickity-viewport {
overflow: visible; }
.carousel--references .flickity-viewport .flickity-slider .reference {
width: calc(50% - 10px); }
@media (max-width: 991px) {
.carousel--references .flickity-viewport .flickity-slider .reference {
width: 100%; } }
.carousel--references .flickity-page-dots {
bottom: -60px; }
@media (max-width: 991px) {
.carousel--references .flickity-page-dots {
bottom: -40px; } }
@media (max-width: 991px) {
.carousel--logos .flickity-viewport .flickity-slider .logo {
width: 33.333%; } }
@media (max-width: 767px) {
.carousel--logos .flickity-viewport .flickity-slider .logo {
width: 50%; } }
.carousel--logos .flickity-page-dots {
bottom: -80px; }
@media (min-width: 1199px) {
.carousel--logos .flickity-page-dots {
display: none; } }
.carousel--vacancies .flickity-viewport {
overflow: visible; }
@media (max-width: 991px) {
.carousel--vacancies .flickity-viewport .flickity-slider .vacancy {
width: 100%; } }
.carousel--vacancies .flickity-page-dots {
bottom: -40px; }
@media (min-width: 1199px) {
.carousel--vacancies .flickity-page-dots {
display: none; } }
.carousel--roadmap .flickity-viewport {
overflow: visible; }
.carousel--roadmap .flickity-viewport .flickity-slider .roadmap__item {
width: 33.333%; }
@media (max-width: 991px) {
.carousel--roadmap .flickity-viewport .flickity-slider .roadmap__item {
width: 100%; } }
.carousel--roadmap .flickity-page-dots {
bottom: -60px; }
@media (min-width: 991px) {
.carousel--roadmap .flickity-page-dots {
display: none; } }
.contactinfo {
margin: 75px 0; }
.contactinfo p strong {
font-family: "Red Hat Display Bold", sans-serif; }
.contactinfo span.title {
display: block;
letter-spacing: 1.3px;
text-transform: uppercase;
margin: 25px 0 15px 0; }
.contactinfo .opening_hours {
margin-top: 80px; }
.course-container {
background-color: #F2F2F2;
padding-bottom: 100px; }
@media (max-width: 1199px) {
.course-container {
margin-top: 20px; } }
.course_top {
padding-top: 70px;
display: flex; }
.course_top .layout {
margin-left: auto; }
.course_top .layout .list, .course_top .layout .grid {
position: relative;
display: inline-block;
padding-left: 25px;
margin-left: 10px;
cursor: pointer; }
.course_top .layout .list:before, .course_top .layout .grid:before {
content: '';
position: absolute;
width: 17px;
height: 14px;
top: 50%;
left: 0;
transform: translateY(-50%);
background-repeat: no-repeat; }
.course_top .layout .list:before {
background-image: url(https://rijcenter.nl/wp-content/themes/pietgonsrijopleidingen/assets/img/list.svg); }
.course_top .layout .grid:before {
background-image: url(https://rijcenter.nl/wp-content/themes/pietgonsrijopleidingen/assets/img/grid.svg); }
@media (max-width: 991px) {
.course_top .layout {
display: none; } }
@media (max-width: 991px) {
.course_top {
padding-top: 0; } }
.courses {
position: relative;
display: flex;
flex-wrap: wrap; }
.courses__wrapper {
margin: 0 -15px; }
.courses__wrapper #loader {
text-align: center;
margin-top: 100px; }
.courses__wrapper #noMatchingItems {
margin-top: 33px; }
.courses__wrapper #noMatchingItems p {
display: table;
margin: auto; }
.courses .course {
flex: calc(50% - 30px);
max-width: 50%; }
@media (max-width: 767px) {
.courses .course {
flex: 100%;
max-width: 100%; } }
.courses .course.hidden {
display: none; }
.courses .course .course__inner {
display: block;
position: relative;
margin: 15px;
background-color: #F7F7F7;
color: #000000;
border-radius: 15px; }
.courses .course .course__inner > a {
display: inline-block;
width: 100%;
color: #000000; }
.courses .course .course__inner .course__header {
padding: 30px; }
.courses .course .course__inner .course__header label {
font-family: "Red Hat Display", sans-serif;
font-size: 11px;
color: #808080;
text-transform: uppercase;
letter-spacing: 1.3px; }
.courses .course .course__inner .course__header h3 {
font-size: 21px;
text-transform: none !important; }
.courses .course .course__inner .course__image {
position: relative;
height: 150px;
border-radius: 15px;
overflow: hidden;
background-color: #000000; }
.courses .course .course__inner .course__image img {
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 100%;
height: auto;
transition: all 0.5s ease;
transform-origin: center center; }
.courses .course .course__inner .course__data {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
padding: 20px 30px; }
.courses .course .course__inner .course__data__item {
width: calc(50% - 10px);
box-sizing: border-box;
margin-bottom: 20px; }
.courses .course .course__inner .course__data__item label {
font-size: 11px;
color: #808080;
text-transform: uppercase;
letter-spacing: 1.03px;
margin-bottom: 5px; }
.courses .course .course__inner .course__data__item p .dropdown {
display: block;
width: 24px;
height: 24px;
margin: 5px 0;
background-image: url(https://rijcenter.nl/wp-content/themes/pietgonsrijopleidingen/assets/img/arrow-down-circle.svg);
background-repeat: no-repeat;
cursor: pointer;
transition: all 0.25s ease; }
.courses .course .course__inner .course__data__item p .dropdown.active {
transform: rotate(-180deg); }
.courses .course .course__inner .course__data__item p .clock {
display: inline-block;
width: 18px;
height: 18px;
margin-bottom: 3px;
background-image: url(https://rijcenter.nl/wp-content/themes/pietgonsrijopleidingen/assets/img/clock.svg);
background-repeat: no-repeat; }
.courses .course .course__inner .course__data__item p small {
font-size: 14px;
color: #808080; }
.courses .course .course__inner .course__data__item p.available {
color: #008510; }
.courses .course .course__inner .course__data__item p.booked {
color: #FF0000; }
.courses .course .course__inner .course__data__item .coursedate__start span {
display: block; }
.courses .course .course__inner .course__data__item.coursecategory {
padding-right: 10px; }
.courses .course .course__inner .course__data .lessons {
width: calc(100% + 60px);
box-sizing: border-box;
display: none;
margin-left: -30px;
margin-right: -30px;
padding: 15px 30px;
background-color: #FFFFFF; }
.courses .course .course__inner .course__data .lessons p {
display: block;
margin-top: 2.5px; }
.courses .course .course__inner .course__footer {
padding: 0 30px 20px 30px; }
.courses .course .course__inner .course__footer .course__buttons a {
margin-right: 10px;
margin-bottom: 10px; }
.courses .course .course__inner:hover a:not(.button), .courses .course .course__inner:focus a:not(.button), .courses .course .course__inner:active a:not(.button) {
text-decoration: none !important;
color: #000000; }
.courses .course .course__inner:hover .course__image img, .courses .course .course__inner:focus .course__image img, .courses .course .course__inner:active .course__image img {
transform: translateY(-50%) scale(1.05); }
@media (max-width: 991px) {
.courses .course .course__inner .course__data {
display: flex;
padding: 30px 20px 10px 20px; }
.courses .course .course__inner .course__data__item {
width: 100%;
display: flex;
flex-basis: 100%; }
.courses .course .course__inner .course__data__item label {
width: 50%; }
.courses .course .course__inner .course__data__item p {
width: 50%;
margin-left: 10px; }
.courses .course .course__inner .course__data__item:nth-child(4) {
order: 3; }
.courses .course .course__inner .course__data__item:nth-child(5) {
order: 4; }
.courses .course .course__inner .course__data__item:nth-child(6) {
order: 5; }
.courses .course .course__inner .course__data__item:nth-child(7) {
order: 6; }
.courses .course .course__inner .course__data .lessons {
order: 2;
width: calc(100% + 40px);
padding: 15px 20px;
margin-left: -20px;
margin-right: -20px;
margin-bottom: 15px; }
.courses .course .course__inner .course__footer {
padding: 0 20px 30px 20px; } }
.courses .course--single {
flex: none;
width: 100%;
max-width: 100%;
padding-top: 20px;
border-top: 2px solid #E5E5E5; }
.courses .course--single .course__inner {
margin: 0; }
.courses .course--single .course__inner .course__data {
padding: 0; }
.courses .course--single .course__inner .course__data__item {
margin-bottom: 15px; }
.courses .course--single .course__inner .course__data__item.course_date, .courses .course--single .course__inner .course__data__item.course_location {
width: calc(60% - 10px); }
.courses .course--single .course__inner .course__data__item.course_time, .courses .course--single .course__inner .course__data__item.course_price, .courses .course--single .course__inner .course__data__item.course_availability {
width: calc(40% - 10px); }
.courses .course--single .course__inner .course__data__item.course_buttons {
width: 100%; }
.courses .course--single .course__inner .course__data .lessons {
position: relative;
margin-bottom: 15px; }
.courses .course--single .course__inner .course__data .lessons:before {
content: '';
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: -100%;
background-color: #FFFFFF; }
.courses--related {
display: block;
padding: 100px 0 150px 0; }
.courses--related > h3 {
font-size: 36px;
text-transform: uppercase;
margin-bottom: 50px; }
.courses--related .flickity-viewport {
overflow: visible; }
.courses--related .course--related {
width: 33.3333%; }
.courses--related .course--related .course__header {
border-bottom: 2px solid #F2F2F2; }
@media (max-width: 1199px) {
.courses--related .course--related {
width: 50%; } }
@media (max-width: 991px) {
.courses--related {
padding: 60px 0 80px 0; }
.courses--related .course--related {
width: 100%; } }
@media (min-width: 992px) {
.courses.list {
display: block; }
.courses.list .course.list {
max-width: 100%; }
.courses.list .course.list .course__inner > a, .courses.list .course.list .course__inner .course__footer {
display: inline-block;
width: 50%;
float: left; }
.courses.list .course.list .course__inner .course__header {
height: unset !important;
padding: 30px 0 0 30px; }
.courses.list .course.list .course__inner .course__image {
display: none; }
.courses.list .course.list .course__inner .course__data {
width: 100%;
display: flex; }
.courses.list .course.list .course__inner .course__data__item {
flex-grow: 1;
max-width: 30%;
cursor: pointer;
display: block;
flex-basis: 0; }
.courses.list .course.list .course__inner .course__footer {
padding: 45px 30px 0 0;
text-align: right; } }
.courses .overlay {
position: absolute;
top: 15px;
left: 15px;
width: calc(100% - 30px);
height: 100%;
background-color: rgba(255, 255, 255, 0.8);
transition: all 0.5s ease;
opacity: 0;
visibility: hidden;
pointer-events: none;
z-index: -10; }
.courses .overlay.active {
opacity: 1;
visibility: visible;
pointer-events: all;
z-index: 10; }
.course-detail {
margin-top: 60px;
background-color: #F2F2F2; }
.course-detail .course__sidebar {
position: relative;
background-color: #F7F7F7; }
.course-detail .course__sidebar:before {
content: '';
position: absolute;
background-color: #F7F7F7;
width: 100vw;
height: 100%;
right: -25px;
top: 0;
z-index: 1; }
.course-detail .course__sidebar .courses_wrapper {
position: relative;
z-index: 2;
padding-bottom: 60px; }
.course-detail .course__sidebar .courses_wrapper .courses .overlay {
width: 100%;
top: 0;
left: 0; }
@media (max-width: 1199px) {
.course-detail .course__sidebar {
background-color: unset; }
.course-detail .course__sidebar:before {
display: none; }
.course-detail .course__sidebar.active:before {
display: block;
width: calc(100vw + 100%);
top: 80px;
right: unset;
left: -100%; }
.course-detail .course__sidebar .filter--courses {
margin-bottom: 0; }
.course-detail .course__sidebar .filter--courses form.course-filter-form.active {
padding-left: 0;
padding-right: 0; }
.course-detail .course__sidebar .courses_wrapper {
height: 0;
opacity: 0;
visibility: hidden;
overflow: hidden;
padding-bottom: 0; }
.course-detail .course__sidebar .courses_wrapper.active {
height: auto;
opacity: 1;
visibility: visible; } }
.course-detail .course__sidebar--single:before {
right: unset;
left: -30px; }
.course-detail .course__sidebar--single .filter--courses:before {
display: none; }
.course-detail .course__sidebar--single .courses_wrapper .course__data .lessons:before {
left: unset;
right: -100%; }
.course-detail .course__detail {
position: relative;
padding: 90px 0 0 90px; }
.course-detail .course__detail:before {
content: '';
position: absolute;
width: 100vw;
height: 90px;
left: -15px;
top: 0;
background-color: #F7F7F7; }
.course-detail .course__detail--single {
padding: 90px 90px 0 0; }
.course-detail .course__detail--single:before {
left: -50%; }
.course-detail .course__detail .course__header h1 {
font-size: 40px; }
@media (max-width: 991px) {
.course-detail .course__detail .course__header h1 {
font-size: 36px; } }
@media (max-width: 767px) {
.course-detail .course__detail .course__header h1 {
font-size: 30px; } }
.course-detail .course__detail .course__header span.cost {
display: block;
margin-top: 33px;
font-family: "Red Hat Display", sans-serif;
letter-spacing: 1.3px;
margin-bottom: 10px; }
.course-detail .course__detail .course__header span.cost small {
font-size: 11px; }
.course-detail .course__detail .tabs {
position: relative;
margin-top: -30px;
z-index: 3; }
.course-detail .course__detail .tabs .tab {
display: inline-block;
padding: 20px 30px;
margin-right: 10px;
margin-bottom: 10px;
font-family: "Red Hat Display Bold", sans-serif;
font-size: 16px;
color: #000000;
border-radius: 15px;
background-color: #FFFFFF;
transition: all 0.25s ease;
cursor: pointer; }
.course-detail .course__detail .tabs .tab.active {
background-color: #EAE6BE; }
@media (max-width: 991px) {
.course-detail .course__detail .tabs .tab {
padding: 20px;
font-size: 16px; } }
.course-detail .course__detail .course__header {
margin-top: 60px; }
@media (max-width: 1199px) {
.course-detail .course__detail {
padding: 90px 0; }
.course-detail .course__detail:before {
background-color: #F2F2F2;
left: -100%;
width: calc(100vw + 100%);
height: 105px;
top: -15px; }
.course-detail .course__detail.active:before {
background-color: #F7F7F7; } }
.course__usps {
position: relative;
padding-top: 25px;
margin: 60px 0 100px 0; }
.course__usps:before {
content: '';
position: absolute;
width: calc(100vw + 100%);
height: 90px;
left: -100%;
top: 0;
background-color: #EDEDED; }
.course__usps:after {
content: '';
position: absolute;
width: calc(100vw + 100%);
height: 2px;
right: -100%;
top: 45px;
background-image: linear-gradient(to right, #FFFFFF 33%, rgba(255, 255, 255, 0) 0%);
background-position: bottom;
background-size: 11px 2px;
background-repeat: repeat-x; }
.course__usps .usp {
text-align: center; }
.course__usps .usp span {
display: block;
margin-top: 10px;
font-family: "Red Hat Display Bold", sans-serif;
font-size: 21px; }
.courses .course__usps {
width: 100%;
display: flex; }
.courses .course__usps .usp {
flex-basis: 50%;
z-index: 1; }
.usprows.hidden {
display: none; }
.ui-widget.ui-widget-content.ui-datepicker {
border: none;
border-radius: 0;
background-color: #FFFFFF;
box-shadow: rgba(0, 0, 0, 0.24) 0 30px 48px;
padding: 25px 15px; }
.ui-widget.ui-widget-content.ui-datepicker .ui-datepicker-header {
position: relative;
margin: 0;
padding: 0;
border: none;
border-radius: 0;
background-color: unset;
color: #000000; }
.ui-widget.ui-widget-content.ui-datepicker .ui-datepicker-header .ui-datepicker-title {
font-family: "Red Hat Display", sans-serif;
font-size: 16px;
font-weight: normal; }
.ui-widget.ui-widget-content.ui-datepicker .ui-datepicker-header .ui-datepicker-next, .ui-widget.ui-widget-content.ui-datepicker .ui-datepicker-header .ui-datepicker-prev {
top: 50%;
transform: translateY(-50%);
border: none;
background-color: unset;
cursor: pointer; }
.ui-widget.ui-widget-content.ui-datepicker .ui-datepicker-header .ui-datepicker-next.ui-state-hover, .ui-widget.ui-widget-content.ui-datepicker .ui-datepicker-header .ui-datepicker-prev.ui-state-hover {
border: none;
background-color: unset; }
.ui-widget.ui-widget-content.ui-datepicker .ui-datepicker-header .ui-datepicker-next .ui-icon, .ui-widget.ui-widget-content.ui-datepicker .ui-datepicker-header .ui-datepicker-prev .ui-icon {
display: block;
width: 7.5px;
height: 4.5px;
top: 50%;
left: 50%;
margin: 0;
background: url(https://rijcenter.nl/wp-content/themes/pietgonsrijopleidingen/assets/img/chevron-black.svg) no-repeat center;
background-size: contain; }
.ui-widget.ui-widget-content.ui-datepicker .ui-datepicker-header .ui-datepicker-next {
right: 15px; }
.ui-widget.ui-widget-content.ui-datepicker .ui-datepicker-header .ui-datepicker-next .ui-icon {
transform: translateX(-50%) translateY(-50%) rotate(-90deg); }
.ui-widget.ui-widget-content.ui-datepicker .ui-datepicker-header .ui-datepicker-prev {
left: 15px; }
.ui-widget.ui-widget-content.ui-datepicker .ui-datepicker-header .ui-datepicker-prev .ui-icon {
transform: translateX(-50%) translateY(-50%) rotate(90deg); }
.ui-widget.ui-widget-content.ui-datepicker .ui-datepicker-calendar {
margin: 15px 0 0; }
.ui-widget.ui-widget-content.ui-datepicker .ui-datepicker-calendar thead tr th span {
font-family: "Red Hat Display", sans-serif;
font-size: 12px;
font-weight: normal;
color: #808080; }
.ui-widget.ui-widget-content.ui-datepicker .ui-datepicker-calendar tbody tr td span, .ui-widget.ui-widget-content.ui-datepicker .ui-datepicker-calendar tbody tr td a {
width: 30px;
height: 30px;
border: none;
font-family: "Red Hat Display Medium", sans-serif;
font-size: 12px;
font-weight: normal;
color: #000000;
border-radius: 100%;
background-color: unset;
text-align: center; }
.ui-widget.ui-widget-content.ui-datepicker .ui-datepicker-calendar tbody tr td.ui-datepicker-current-day span, .ui-widget.ui-widget-content.ui-datepicker .ui-datepicker-calendar tbody tr td.ui-datepicker-current-day a {
border: none;
background-color: #EAE6BE;
color: #000000; }
.faq {
padding: 120px 0;
background-color: #F7F7F7; }
.faq--course {
padding: 0;
background-color: transparent; }
.faq h2 {
margin-bottom: 60px; }
.faq__item {
padding: 20px 30px;
margin-top: 15px;
background: #FFFFFF;
border-radius: 20px; }
.faq__item__header {
position: relative;
cursor: pointer; }
.faq__item__header span {
display: block;
max-width: 90%;
font-family: "Red Hat Display Bold", sans-serif; }
.faq__item__header:after {
content: '';
position: absolute;
width: 14px;
height: 14px;
right: 0;
top: 5px;
background-image: url(//rijcenter.nl/wp-content/themes/pietgonsrijopleidingen/assets/img/open-icon.svg);
background-repeat: no-repeat;
background-position: center center;
background-size: contain; }
.faq__item__header.open:after {
background-image: url(//rijcenter.nl/wp-content/themes/pietgonsrijopleidingen/assets/img/close-icon.svg); }
.faq__item__content {
max-width: 90%;
padding: 25px 0 0 0;
display: none; }
.faq__item__content article p:last-of-type {
margin-bottom: unset; }
@media (max-width: 991px) {
.faq {
padding: 60px 0; }
.faq h2 {
margin-bottom: 40px; } }
.filter--search {
background-color: #F2F2F2;
padding: 30px 40px;
margin-bottom: 20px;
border-radius: 25px; }
.filter--search .filter .field {
display: inline-block;
margin-right: 30px; }
.filter--search .filter .field label {
display: block;
font-size: 11px;
text-transform: uppercase;
letter-spacing: 1.31px;
margin-bottom: 10px; }
.filter--search .filter .field input, .filter--search .filter .field select {
display: block;
width: 300px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: none;
border-radius: 25px;
background-color: #F7F7F7;
padding: 15px;
max-width: 100%;
color: #000000;
outline: 0;
font-family: "Red Hat Display", sans-serif; }
.filter--search .filter .field select {
width: 140px;
position: relative;
background-image: url(//rijcenter.nl/wp-content/themes/pietgonsrijopleidingen/assets/img/unfold.svg);
background-repeat: no-repeat;
background-position: center right 15px;
background-size: 24px 18px;
cursor: pointer; }
.filter--search .filter input[type=submit] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: 0;
margin-top: 10px; }
@media (max-width: 991px) {
.filter--search .filter .field {
margin-bottom: 10px; }
.filter--search .filter input[type=submit] {
margin-top: 15px; } }
@media (max-width: 767px) {
.filter--search .filter .field {
display: block;
margin-right: 0; }
.filter--search .filter .field input {
width: 100%; } }
@media (max-width: 1199px) {
.filter--terms .filter__button {
margin-top: 33px; } }
.filter--terms, .filter--courses {
position: relative;
height: 100%; }
.filter--terms:before, .filter--courses:before {
content: '';
position: absolute;
background-color: #F7F7F7;
width: 100vw;
height: 175%;
right: -25px;
top: -50%;
z-index: -1; }
.filter--terms .filter__button span, .filter--courses .filter__button span {
font-family: "Red Hat Display Bold", sans-serif;
font-size: 21px; }
.filter--terms .term-filter-form, .filter--courses .term-filter-form {
margin-top: 15px; }
.filter--terms .term_filter, .filter--terms fieldset, .filter--courses .term_filter, .filter--courses fieldset {
margin-bottom: 30px; }
.filter--terms .term_filter p, .filter--terms .term_filter > label, .filter--terms .term_filter legend, .filter--terms fieldset p, .filter--terms fieldset > label, .filter--terms fieldset legend, .filter--courses .term_filter p, .filter--courses .term_filter > label, .filter--courses .term_filter legend, .filter--courses fieldset p, .filter--courses fieldset > label, .filter--courses fieldset legend {
font-family: "Red Hat Display Medium", sans-serif;
opacity: 0.75; }
.filter--terms .term_filter__options, .filter--terms fieldset__options, .filter--courses .term_filter__options, .filter--courses fieldset__options {
margin-top: 15px; }
.filter--terms .term_filter__options li, .filter--terms fieldset__options li, .filter--courses .term_filter__options li, .filter--courses fieldset__options li {
display: inline-block;
width: 100%;
margin-bottom: 10px; }
.filter--terms .term_filter__options li:last-of-type, .filter--terms fieldset__options li:last-of-type, .filter--courses .term_filter__options li:last-of-type, .filter--courses fieldset__options li:last-of-type {
margin-bottom: 0; }
.filter--terms .term_filter__options li label span.count, .filter--terms fieldset__options li label span.count, .filter--courses .term_filter__options li label span.count, .filter--courses fieldset__options li label span.count {
display: inline-block;
margin-left: 5px;
opacity: 0.9; }
.filter--terms .term_filter__options li input, .filter--terms fieldset__options li input, .filter--courses .term_filter__options li input, .filter--courses fieldset__options li input {
position: absolute;
left: 0;
top: 0;
margin: 0;
padding: 0;
opacity: 0; }
.filter--terms .term_filter__options li input + label, .filter--terms fieldset__options li input + label, .filter--courses .term_filter__options li input + label, .filter--courses fieldset__options li input + label {
position: relative;
padding-left: 40px;
cursor: pointer;
line-height: 30px;
letter-spacing: normal;
text-transform: none;
font-family: "Red Hat Display", sans-serif;
font-size: 16px; }
.filter--terms .term_filter__options li input + label a, .filter--terms fieldset__options li input + label a, .filter--courses .term_filter__options li input + label a, .filter--courses fieldset__options li input + label a {
font-family: "Red Hat Display Bold", sans-serif;
color: #000000; }
.filter--terms .term_filter__options li input + label a:hover, .filter--terms fieldset__options li input + label a:hover, .filter--courses .term_filter__options li input + label a:hover, .filter--courses fieldset__options li input + label a:hover {
text-decoration: underline; }
.filter--terms .term_filter__options li input + label:before, .filter--terms fieldset__options li input + label:before, .filter--courses .term_filter__options li input + label:before, .filter--courses fieldset__options li input + label:before {
content: "";
position: absolute;
top: 0;
left: 0;
height: 24px;
width: 24px;
background-color: #FFFFFF;
border-radius: 25px;
transition: all 0.5s ease; }
.filter--terms .term_filter__options li input + label:hover:before, .filter--terms .term_filter__options li input + label:active:before, .filter--terms .term_filter__options li input + label:focus:before, .filter--terms fieldset__options li input + label:hover:before, .filter--terms fieldset__options li input + label:active:before, .filter--terms fieldset__options li input + label:focus:before, .filter--courses .term_filter__options li input + label:hover:before, .filter--courses .term_filter__options li input + label:active:before, .filter--courses .term_filter__options li input + label:focus:before, .filter--courses fieldset__options li input + label:hover:before, .filter--courses fieldset__options li input + label:active:before, .filter--courses fieldset__options li input + label:focus:before {
background-color: #000000; }
.filter--terms .term_filter__options li input:checked + label:before, .filter--terms fieldset__options li input:checked + label:before, .filter--courses .term_filter__options li input:checked + label:before, .filter--courses fieldset__options li input:checked + label:before {
background-color: #000000; }
.filter--terms .term_filter__options li input:checked + label:after, .filter--terms fieldset__options li input:checked + label:after, .filter--courses .term_filter__options li input:checked + label:after, .filter--courses fieldset__options li input:checked + label:after {
content: "";
position: absolute;
width: 24px;
height: 24px;
background-image: none;
background-color: #000000;
border-radius: 20px;
left: 0;
top: 0;
border: 5px solid #FFFFFF; }
@media (max-width: 1199px) {
.filter--terms, .filter--courses {
height: auto;
margin: 20px 0 40px 0; }
.filter--terms:before, .filter--courses:before {
display: none; }
.filter--terms .filter__button, .filter--courses .filter__button {
width: 100%;
height: 40px;
background-color: #F2F2F2;
text-align: center;
border-radius: 25px;
cursor: pointer; }
.filter--terms .filter__button span, .filter--courses .filter__button span {
position: relative;
vertical-align: middle;
line-height: 40px;
padding-right: 25px;
text-transform: uppercase;
letter-spacing: 1.31px;
font-size: 14px; }
.filter--terms .filter__button span:after, .filter--courses .filter__button span:after {
content: '';
position: absolute;
width: 12px;
height: 7px;
top: 50%;
transform: translateY(-50%);
right: 0;
background-image: url(//rijcenter.nl/wp-content/themes/pietgonsrijopleidingen/assets/img/chevron-black.svg);
background-repeat: no-repeat;
transition: all 0.5s ease; }
.filter--terms .filter__button.toggled span:after, .filter--courses .filter__button.toggled span:after {
transform: translateY(-50%) rotate(-180deg); }
.filter--terms .term-filter-form, .filter--terms .course-filter-form, .filter--courses .term-filter-form, .filter--courses .course-filter-form {
position: relative;
top: -15px;
height: 0;
opacity: 0;
visibility: hidden;
overflow: hidden;
transition: padding 0s linear;
background-color: #F2F2F2;
border-radius: 0 0 25px 25px;
margin: 0; }
.filter--terms .term-filter-form.active, .filter--terms .course-filter-form.active, .filter--courses .term-filter-form.active, .filter--courses .course-filter-form.active {
height: auto;
opacity: 1;
visibility: visible;
padding: 30px 15px 15px 15px; } }
.filter .filter__button, .filter .course-filter-form {
position: relative;
z-index: 2; }
.filter .course-filter-form {
margin-top: 15px; }
.filter .course-filter-form fieldset {
position: relative; }
.filter .course-filter-form fieldset > label, .filter .course-filter-form fieldset legend {
display: block;
margin-bottom: 15px; }
.filter .course-filter-form fieldset.search input {
display: block;
width: 300px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: none;
border-radius: 25px;
background-color: #F7F7F7;
padding: 15px;
max-width: 100%;
color: #000000;
outline: 0;
font-family: "Red Hat Display", sans-serif;
width: 100% !important;
background-color: #FFFFFF; }
.filter .course-filter-form fieldset.search button {
margin-top: 10px;
width: 100%;
appearance: none;
border: none;
outline: none; }
.filter .course-filter-form fieldset input.datepicker {
display: block;
width: 300px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: none;
border-radius: 25px;
background-color: #F7F7F7;
padding: 15px;
max-width: 100%;
color: #000000;
outline: 0;
font-family: "Red Hat Display", sans-serif; }
.filter .course-filter-form fieldset.date label:after {
content: '';
position: absolute;
width: 18px;
height: 20px;
bottom: 15px;
right: 20px;
background-image: url(https://rijcenter.nl/wp-content/themes/pietgonsrijopleidingen/assets/img/calendar.svg);
background-repeat: no-repeat;
cursor: pointer; }
.filter .course-filter-form fieldset.date .clear {
position: absolute;
width: 18px;
height: 20px;
bottom: 15px;
right: 50px;
background-image: url(https://rijcenter.nl/wp-content/themes/pietgonsrijopleidingen/assets/img/close.svg);
background-repeat: no-repeat;
background-position: center;
cursor: pointer; }
.filter .course-filter-form fieldset .form-check {
position: relative;
margin-bottom: 10px; }
.filter .course-filter-form fieldset .form-check input {
position: absolute;
left: 0;
top: 0;
margin: 0;
padding: 0;
opacity: 0; }
.filter .course-filter-form fieldset .form-check input + label {
position: relative;
padding-left: 40px;
cursor: pointer;
line-height: 30px;
letter-spacing: normal;
text-transform: none;
font-family: "Red Hat Display", sans-serif;
font-size: 16px; }
.filter .course-filter-form fieldset .form-check input + label a {
font-family: "Red Hat Display Bold", sans-serif;
color: #000000; }
.filter .course-filter-form fieldset .form-check input + label a:hover {
text-decoration: underline; }
.filter .course-filter-form fieldset .form-check input + label:before {
content: "";
position: absolute;
top: 0;
left: 0;
height: 24px;
width: 24px;
background-color: #FFFFFF;
border-radius: 25px;
transition: all 0.5s ease; }
.filter .course-filter-form fieldset .form-check input + label:hover:before, .filter .course-filter-form fieldset .form-check input + label:active:before, .filter .course-filter-form fieldset .form-check input + label:focus:before {
background-color: #000000; }
.filter .course-filter-form fieldset .form-check input:checked + label:before {
background-color: #000000; }
.filter .course-filter-form fieldset .form-check input:checked + label:after {
content: "";
position: absolute;
width: 24px;
height: 24px;
background-image: none;
background-color: #000000;
border-radius: 20px;
left: 0;
top: 0;
border: 5px solid #FFFFFF; }
.filter .course-filter-form fieldset select {
display: block;
width: 140px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: none;
border-radius: 25px;
background-color: #F7F7F7;
padding: 15px;
max-width: 100%;
color: #000000;
outline: 0;
font-family: "Red Hat Display", sans-serif;
position: relative;
background-image: url(//rijcenter.nl/wp-content/themes/pietgonsrijopleidingen/assets/img/unfold.svg);
background-repeat: no-repeat;
background-position: center right 15px;
background-size: 24px 18px;
cursor: pointer; }
.filter .course-filter-form fieldset select {
width: 100%; }
@media (max-width: 1199px) {
.filter--courses {
padding-top: 0;
margin-top: -20px; }
.filter .filter__button {
background-color: #F7F7F7;
z-index: 5; }
.filter .filter__button.toggled {
background-color: #F2F2F2; }
.filter .filter__button.toggled:after {
content: '';
position: absolute;
width: 100%;
left: 0;
background-color: #F7F7F7; }
.filter .course-filter-form {
position: relative;
background-color: #F7F7F7;
border-radius: 0;
overflow: visible;
margin-top: -6px; }
.filter .course-filter-form.active {
padding-top: 100px; }
.filter .course-filter-form:before, .filter .course-filter-form:after {
content: '';
position: absolute;
height: 100%;
width: 100%;
top: 0;
background-color: #F7F7F7; }
.filter .course-filter-form:before {
left: -100%; }
.filter .course-filter-form:after {
right: -100%; } }
@media (min-width: 1200px) {
.filter--courses {
padding-top: 60px; } }
.filter--courses:before {
top: 0;
height: 100%;
z-index: 1; }
.filter--courses .course-filter-form input.datepicker {
width: 100% !important;
background-color: #FFFFFF !important; }
.filter--courses .course-filter-form select {
background-color: #FFFFFF !important; }
.filter--agenda .course-filter-form {
display: flex;
gap: 15px;
flex-wrap: wrap;
flex-direction: row;
background-color: unset; }
.filter--agenda .course-filter-form:before, .filter--agenda .course-filter-form:after {
display: none; }
.filter--agenda .course-filter-form fieldset {
flex-basis: calc(50% - 10px); }
@media (max-width: 767px) {
.filter--agenda .course-filter-form fieldset {
flex-basis: 100%; } }
.filter--agenda .course-filter-form input.datepicker {
width: 100% !important; }
.form .gform_heading p.gform_required_legend {
display: none; }
.form .gform_validation_errors {
margin: 15px 0; }
.form .gform_validation_errors > * {
font-size: 21px;
text-transform: none;
letter-spacing: normal;
color: red; }
.form form .gform_body .gform_fields {
margin: 0 -10px; }
.form form .gform_body .gform_fields fieldset {
vertical-align: middle; }
.form form .gform_body .gform_fields .gfield {
display: inline-block;
padding: 10px; }
.form form .gform_body .gform_fields .gfield .screen-reader-text {
display: none; }
.form form .gform_body .gform_fields .gfield.gsection {
width: 100%; }
.form form .gform_body .gform_fields .gfield--width-full {
width: 100%; }
.form form .gform_body .gform_fields .gfield--width-half {
width: 100%; }
@media (min-width: 992px) {
.form form .gform_body .gform_fields .gfield--width-half {
width: 50%; } }
.form form .gform_body .gform_fields .gfield--width-third {
width: 100%; }
@media (min-width: 992px) {
.form form .gform_body .gform_fields .gfield--width-third {
width: 33.3%; } }
.form form .gform_body .gform_fields .gfield.nodisplay {
display: none; }
@media (min-width: 991px) {
.form form .gform_body .gform_fields .gfield.floatleft {
float: left; } }
@media (min-width: 991px) {
.form form .gform_body .gform_fields .gfield.fileinput--column {
margin-top: 45px; } }
.form form .gform_body .gform_fields .gfield label, .form form .gform_body .gform_fields .gfield legend {
display: block;
font-size: 11px;
text-transform: uppercase;
letter-spacing: 1.31px;
margin-bottom: 10px; }
.form form .gform_body .gform_fields .gfield .ginput_container {
position: relative; }
.form form .gform_body .gform_fields .gfield .ginput_container input[type=text], .form form .gform_body .gform_fields .gfield .ginput_container input[type=email], .form form .gform_body .gform_fields .gfield .ginput_container input[type=tel], .form form .gform_body .gform_fields .gfield .ginput_container textarea {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: none;
border-radius: 25px;
background-color: #F7F7F7;
padding: 15px;
width: 100%;
max-width: 100%;
color: #000000;
outline: 0;
font-family: "Red Hat Display", sans-serif; }
.form form .gform_body .gform_fields .gfield .ginput_container textarea {
width: 100%;
min-height: 180px;
height: 180px;
resize: none; }
.form form .gform_body .gform_fields .gfield .ginput_container select {
display: block;
width: 100%;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: none;
border-radius: 25px;
background-color: #F7F7F7;
padding: 15px;
max-width: 100%;
color: #000000;
outline: 0;
font-family: "Red Hat Display", sans-serif;
position: relative;
background-image: url(//rijcenter.nl/wp-content/themes/pietgonsrijopleidingen/assets/img/unfold.svg);
background-repeat: no-repeat;
background-position: center right 15px;
background-size: 24px 18px;
cursor: pointer; }
.form form .gform_body .gform_fields .gfield .ginput_container .gfield_checkbox .gchoice, .form form .gform_body .gform_fields .gfield .ginput_container .gfield_radio .gchoice {
display: inline-block;
margin-right: 20px; }
.form form .gform_body .gform_fields .gfield .ginput_container .gfield_checkbox .gchoice input, .form form .gform_body .gform_fields .gfield .ginput_container .gfield_radio .gchoice input {
position: absolute;
left: 0;
top: 0;
margin: 0;
padding: 0;
opacity: 0; }
.form form .gform_body .gform_fields .gfield .ginput_container .gfield_checkbox .gchoice input + label, .form form .gform_body .gform_fields .gfield .ginput_container .gfield_radio .gchoice input + label {
position: relative;
padding-left: 40px;
cursor: pointer;
line-height: 30px;
letter-spacing: normal;
text-transform: none;
font-family: "Red Hat Display", sans-serif;
font-size: 16px; }
.form form .gform_body .gform_fields .gfield .ginput_container .gfield_checkbox .gchoice input + label a, .form form .gform_body .gform_fields .gfield .ginput_container .gfield_radio .gchoice input + label a {
font-family: "Red Hat Display Bold", sans-serif;
color: #000000; }
.form form .gform_body .gform_fields .gfield .ginput_container .gfield_checkbox .gchoice input + label a:hover, .form form .gform_body .gform_fields .gfield .ginput_container .gfield_radio .gchoice input + label a:hover {
text-decoration: underline; }
.form form .gform_body .gform_fields .gfield .ginput_container .gfield_checkbox .gchoice input + label:before, .form form .gform_body .gform_fields .gfield .ginput_container .gfield_radio .gchoice input + label:before {
content: "";
position: absolute;
top: 0;
left: 0;
height: 30px;
width: 30px;
background-color: #F7F7F7;
transition: all 0.5s ease; }
.form form .gform_body .gform_fields .gfield .ginput_container .gfield_checkbox .gchoice input + label:hover:before, .form form .gform_body .gform_fields .gfield .ginput_container .gfield_checkbox .gchoice input + label:active:before, .form form .gform_body .gform_fields .gfield .ginput_container .gfield_checkbox .gchoice input + label:focus:before, .form form .gform_body .gform_fields .gfield .ginput_container .gfield_radio .gchoice input + label:hover:before, .form form .gform_body .gform_fields .gfield .ginput_container .gfield_radio .gchoice input + label:active:before, .form form .gform_body .gform_fields .gfield .ginput_container .gfield_radio .gchoice input + label:focus:before {
background-color: #000000; }
.form form .gform_body .gform_fields .gfield .ginput_container .gfield_checkbox .gchoice input:checked + label, .form form .gform_body .gform_fields .gfield .ginput_container .gfield_radio .gchoice input:checked + label {
font-weight: normal; }
.form form .gform_body .gform_fields .gfield .ginput_container .gfield_checkbox .gchoice input:checked + label:before, .form form .gform_body .gform_fields .gfield .ginput_container .gfield_radio .gchoice input:checked + label:before {
background-color: #000000; }
.form form .gform_body .gform_fields .gfield .ginput_container .gfield_checkbox .gchoice input:checked + label:after, .form form .gform_body .gform_fields .gfield .ginput_container .gfield_radio .gchoice input:checked + label:after {
content: "";
position: absolute;
height: 18px;
width: 22px;
top: 50%;
transform: translateY(-50%);
left: 3.5px;
background: url(//rijcenter.nl/wp-content/themes/pietgonsrijopleidingen/assets/img/check-white.svg) no-repeat center center;
background-size: contain; }
.form form .gform_body .gform_fields .gfield .ginput_container .gfield_radio .gchoice input + label:before {
border-radius: 15px; }
.form form .gform_body .gform_fields .gfield .ginput_container .gfield_radio .gchoice input:checked + label:before {
background-color: transparent; }
.form form .gform_body .gform_fields .gfield .ginput_container .gfield_radio .gchoice input:checked + label:after {
width: 30px;
height: 30px;
background-image: none;
background-color: #000000;
border-radius: 20px;
left: 0;
top: 15px;
border: 5px solid white; }
.form form .gform_body .gform_fields .gfield.privacy {
margin-right: 0;
margin-bottom: 30px; }
.form form .gform_body .gform_fields .gfield.privacy legend {
display: none; }
.form form .gform_body .gform_fields .gfield.privacy .gfield_checkbox .gchoice input + label:before {
border-radius: 15px; }
.form form .gform_body .gform_fields .gfield.privacy .gfield_checkbox .gchoice input:checked + label:before {
background-color: transparent; }
.form form .gform_body .gform_fields .gfield.privacy .gfield_checkbox .gchoice input:checked + label:after {
width: 30px;
height: 30px;
background-image: none;
background-color: #000000;
border-radius: 20px;
left: 0;
top: 15px;
border: 5px solid #FFFFFF; }
.form form .gform_body .gform_fields .gfield .validation_message {
color: #FF0000; }
.form form .gform_body .gform_fields .gfield.gfield_visibility_hidden {
display: none; }
.form form .gform_body .gform_fields .gfield.hidden_label label {
display: none; }
.form form .gform_body .gform_fields .gfield.fileupload input[type=file] {
position: absolute;
left: 0;
top: 0;
margin: 0;
padding: 0;
opacity: 0; }
.form form .gform_body .gform_fields .gfield.fileupload label {
position: relative;
border-radius: 30px;
background-color: #EAE6BE;
padding: 15px;
width: 250px;
cursor: pointer;
font-size: 0; }
.form form .gform_body .gform_fields .gfield.fileupload label:before {
content: '';
position: absolute;
width: 24px;
height: 24px;
background-image: url(//rijcenter.nl/wp-content/themes/pietgonsrijopleidingen/assets/img/plus-circle.svg); }
.form form .gform_body .gform_fields .gfield.fileupload label:after {
content: 'Voeg hier uw cv toe';
position: absolute;
left: 50px;
font-size: 14px;
font-family: "Red Hat Display Bold", sans-serif;
text-transform: uppercase;
letter-spacing: 1.31px;
float: right; }
.form form .gform_body .gform_fields .gfield.fileupload label.disabled {
opacity: 0.5;
cursor: not-allowed; }
.form form .gform_body .gform_fields .gfield.fileupload p.file {
position: relative;
padding-left: 20px;
opacity: 0.75; }
.form form .gform_body .gform_fields .gfield.fileupload p.file:before {
content: '';
position: absolute;
left: 0;
top: 5px;
width: 16px;
height: 16px;
background-image: url(//rijcenter.nl/wp-content/themes/pietgonsrijopleidingen/assets/img/file.svg);
background-repeat: no-repeat;
background-size: contain; }
.form form .gform_body .gform_fields .gfield.fileupload span {
display: none; }
.form form .gform_footer input {
appearance: none;
-webkit-appearance: none;
border: none;
width: auto; }
@media (min-width: 1199px) {
.form form .gform_footer {
height: 0;
text-align: right; }
.form form .gform_footer input {
position: relative;
top: -75px; } }
.form--contact {
position: relative;
background-color: #F2F2F2;
padding-left: 10%; }
.form--contact h2 {
margin-bottom: 50px; }
.form--contact form {
padding-bottom: 80px; }
.form--contact:after {
content: '';
position: absolute;
width: 150%;
height: 200%;
top: -50%;
left: 0;
z-index: -1;
background-color: #F2F2F2; }
@media (max-width: 991px) {
.form--contact {
padding-left: 0;
padding-top: 80px; }
.form--contact:after {
top: 0;
left: -50%;
width: 200%; } }
.form--fcb.form--white form .gform_body .gform_fields .gfield .ginput_container .gfield_checkbox .gchoice input + label:before, .form--fcb.form--white form .gform_body .gform_fields .gfield .ginput_container .gfield_radio .gchoice input + label:before {
background-color: #F2F2F2; }
.form--fcb.form--white form .gform_body .gform_fields .gfield .ginput_container .gfield_checkbox .gchoice input + label:hover:before, .form--fcb.form--white form .gform_body .gform_fields .gfield .ginput_container .gfield_checkbox .gchoice input + label:active:before, .form--fcb.form--white form .gform_body .gform_fields .gfield .ginput_container .gfield_checkbox .gchoice input + label:focus:before, .form--fcb.form--white form .gform_body .gform_fields .gfield .ginput_container .gfield_radio .gchoice input + label:hover:before, .form--fcb.form--white form .gform_body .gform_fields .gfield .ginput_container .gfield_radio .gchoice input + label:active:before, .form--fcb.form--white form .gform_body .gform_fields .gfield .ginput_container .gfield_radio .gchoice input + label:focus:before {
background-color: #000000; }
.form--fcb.form--white form .gform_body .gform_fields .gfield .ginput_container .gfield_checkbox .gchoice input:checked + label:before, .form--fcb.form--white form .gform_body .gform_fields .gfield .ginput_container .gfield_radio .gchoice input:checked + label:before {
background-color: #000000; }
.form--fcb.form--white form .gform_body .gform_fields .gfield .ginput_container .gfield_radio .gchoice input:checked + label:before {
background-color: transparent; }
.form--fcb.form--white form .gform_body .gform_fields .gfield .ginput_container .gfield_radio .gchoice input:checked + label:after {
border-color: #F2F2F2; }
.form--fcb.form--white form .gform_body .gform_fields .gfield.privacy .gfield_checkbox .gchoice input:checked + label:before {
background-color: transparent; }
.form--fcb.form--white form .gform_body .gform_fields .gfield.privacy .gfield_checkbox .gchoice input:checked + label:after {
border-color: #F2F2F2; }
.form--single {
position: relative;
padding-bottom: 50px;
background-color: #F2F2F2;
height: 100%; }
.form--single:before {
content: '';
position: absolute;
width: 300%;
height: calc(100% + 100px);
left: -60px;
top: -100px;
z-index: 2;
background-color: #F2F2F2; }
.form--single .gform_wrapper {
z-index: 3; }
.form--single .gform_heading {
position: relative;
z-index: 3; }
.form--single form {
position: relative;
z-index: 3; }
.form--single form .gform_body .gform_fields .gfield .ginput_container input[type=text], .form--single form .gform_body .gform_fields .gfield .ginput_container input[type=email], .form--single form .gform_body .gform_fields .gfield .ginput_container input[type=tel], .form--single form .gform_body .gform_fields .gfield .ginput_container textarea, .form--single form .gform_body .gform_fields .gfield .ginput_container select {
background-color: #FFFFFF; }
.form--single form .gform_body .gform_fields .gfield .ginput_container .gfield_checkbox .gchoice input + label:before, .form--single form .gform_body .gform_fields .gfield .ginput_container .gfield_radio .gchoice input + label:before {
background-color: #FFFFFF; }
.form--single form .gform_body .gform_fields .gfield.privacy .gfield_checkbox .gchoice label a {
display: inline-block; }
.form--single form .gform_footer {
height: auto;
text-align: left; }
.form--single form .gform_footer input {
top: 0; }
.form--single--mobile {
display: none;
padding-bottom: 0; }
@media (max-width: 991px) {
.form--single--mobile {
display: block; } }
.form--single--mobile .closeform {
position: absolute;
right: 0;
top: 10px;
width: 14px;
height: 14px;
z-index: 10;
background-image: url(//rijcenter.nl/wp-content/themes/pietgonsrijopleidingen/assets/img/close.svg); }
.form--single--mobile .gform_heading h2 {
text-transform: none; }
#brochure .form form .gform_footer input {
top: -61px; }
.formwrapper--white {
background-color: #FFFFFF; }
.formwrapper--grey {
background-color: #F2F2F2; }
.formwrapper__image {
position: relative;
height: 100%;
background-repeat: no-repeat;
background-size: cover;
background-position: center center; }
.formwrapper__image:before {
content: '';
position: absolute;
top: 0;
left: 0;
border-style: solid;
border-width: 150px 150px 0 0;
border-color: #FFFFFF transparent transparent; }
.formwrapper__image.diagonal--grey:before {
border-color: #F2F2F2 transparent transparent; }
@media (max-width: 991px) {
.formwrapper__image {
height: 550px; }
.formwrapper__image:before {
border-width: 100px 100px 0 0; } }
@media (max-width: 767px) {
.formwrapper__image {
height: 450px; } }
@media (max-width: 599px) {
.formwrapper__image {
height: 360px; } }
.formwrapper__inner {
padding: 150px 0; }
.formwrapper__inner h2 {
margin-bottom: 5px; }
.formwrapper__inner span {
font-size: 14px;
font-family: "Red Hat Display Medium", sans-serif;
letter-spacing: 1.31px;
text-transform: uppercase;
opacity: 0.66; }
.formwrapper__inner article {
margin-top: 50px; }
.formwrapper__inner form {
margin-top: 40px; }
@media (max-width: 991px) {
.formwrapper__inner {
padding: 100px 0; }
.formwrapper__inner article {
margin-top: 40px; } }
.gallery .col-md-3 {
min-height: 0; }
.gallery .gallery-image {
width: 100%;
overflow: hidden;
float: left;
margin-bottom: 30px;
border: 1px solid #EAE6BE;
text-align: center; }
@media only screen and (max-width: 767px) {
.gallery .gallery-image {
margin-bottom: 10px; } }
@media only screen and (min-width: 320px) and (max-width: 374px) {
.gallery .gallery-image {
height: auto; } }
.gallery .gallery-image a {
text-decoration: none; }
@media only screen and (max-width: 479px) {
.gallery .gallery-image.small {
width: 100%;
height: auto; } }
.gallery .gallery-image.small img {
width: auto;
height: 150px; }
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.gallery .gallery-image.small {
height: 150px; } }
@media only screen and (min-width: 768px) and (max-width: 991px) {
.gallery .gallery-image.small {
height: 150px; } }
@media only screen and (max-width: 479px) {
.gallery .gallery-image.large {
width: 100%;
height: auto; } }
.gallery .gallery-image.large img {
width: 100%;
height: auto; }
.gallery .gallery-image.hidden {
visibility: hidden; }
.gallery .gallery-image .more {
color: #EAE6BE;
font-weight: bold;
font-size: 16px;
width: 100%;
height: 150px;
padding: 60px 0; }
.highlighted-vacancies {
padding: 100px 0;
max-width: 100vw;
overflow-x: hidden; }
.highlighted-vacancies section.top {
margin-bottom: 75px; }
.highlighted-vacancies section.top .labeltitle, .highlighted-vacancies section.top .buttonlink {
display: inline-block; }
.highlighted-vacancies section.top .buttonlink {
float: right;
margin-top: 20px; }
@media (max-width: 599px) {
.highlighted-vacancies section.top .labeltitle, .highlighted-vacancies section.top .buttonlink {
display: block;
float: none; } }
@media (max-width: 991px) {
.highlighted-vacancies {
padding: 60px 0 130px 0; } }
.instagram_gallery {
padding: 100px 0;
background-color: #F2F2F2;
text-align: center; }
.instagram_gallery .insta-gallery-feed {
margin-bottom: 40px; }
.instagram_gallery .insta-gallery-feed .insta-gallery-list .insta-gallery-item:hover img {
transform: scale(1.05); }
@media (max-width: 991px) {
.instagram_gallery {
padding: 60px 0; }
.instagram_gallery .insta-gallery-feed {
margin-bottom: 30px; }
.instagram_gallery .insta-gallery-feed .insta-gallery-list .insta-gallery-item {
min-width: 50% !important; }
.instagram_gallery .insta-gallery-feed .insta-gallery-list .insta-gallery-item:nth-of-type(5) {
display: none; } }
.labeltitle label {
font-family: "Red Hat Display Medium", sans-serif;
font-size: 14px;
letter-spacing: 1.31px;
text-transform: uppercase; }
.logos {
padding: 100px 0;
text-align: center; }
.logos h3 {
display: inline-block;
margin-bottom: 60px; }
.logos .logo {
width: 174px;
-webkit-filter: grayscale(1);
filter: grayscale(1);
mix-blend-mode: multiply;
margin-right: 75px;
text-align: center;
transition: filter 0.25s ease; }
@media (max-width: 991px) {
.logos .logo {
margin: 0 25px 0 0; } }
.logos .logo:hover {
-webkit-filter: grayscale(0);
filter: grayscale(0); }
@media (max-width: 1199px) {
.logos {
padding: 80px 0 150px 0; } }
.navicon {
width: 20px;
height: 15px;
position: relative;
cursor: pointer;
z-index: 10;
margin: 0; }
.navicon span {
display: block;
background: #000000;
width: 20px;
height: 2px;
position: absolute;
left: 0;
transition: all 0.25s linear; }
.navicon span:nth-child(1) {
top: 0; }
.navicon span:nth-child(2) {
top: 50%; }
.navicon span:nth-child(3) {
top: 100%; }
.navicon.toggled span {
background: #000000; }
.navicon.toggled span:nth-child(1) {
transform: translateY(7.5px) translateX(0) rotate(45deg); }
.navicon.toggled span:nth-child(2) {
opacity: 0; }
.navicon.toggled span:nth-child(3) {
transform: translateY(-7.5px) translateX(0) rotate(-45deg); }
nav.navigation {
font-size: 0;
transition: all 0.25s ease; }
nav.navigation > div {
display: inline-block; }
nav.navigation ul.menu li.menu-item {
display: inline-block;
margin: 0 0 0 25px;
padding: 20px 0;
border-top: 5px solid transparent;
vertical-align: top; }
nav.navigation ul.menu li.menu-item:first-of-type {
margin-left: 0; }
nav.navigation ul.menu li.menu-item:hover, nav.navigation ul.menu li.menu-item:active, nav.navigation ul.menu li.menu-item:focus, nav.navigation ul.menu li.menu-item.current-menu-item {
border-color: #EAE6BE; }
nav.navigation ul.menu li.menu-item a {
font-family: "Red Hat Display Bold", sans-serif;
font-size: 14px;
color: #FFFFFF;
text-transform: uppercase; }
nav.navigation ul.menu li.menu-item a:hover, nav.navigation ul.menu li.menu-item a:focus, nav.navigation ul.menu li.menu-item a:active {
text-decoration: none; }
nav.navigation ul.menu li.menu-item a small {
position: absolute;
display: block;
margin-top: 5px;
font-family: "Red Hat Display", sans-serif;
font-size: 11px;
opacity: 0.5; }
nav.navigation ul.menu li.menu-item-has-children > a {
position: relative;
padding-right: 15px; }
nav.navigation ul.menu li.menu-item-has-children > a small {
top: 100%; }
nav.navigation ul.menu li.menu-item-has-children > a:after {
content: '';
position: absolute;
width: 11px;
height: 7px;
top: 50%;
transform: translateY(-50%);
margin-left: 5px;
background-image: url(//rijcenter.nl/wp-content/themes/pietgonsrijopleidingen/assets/img/chevron-menu.svg);
background-repeat: no-repeat;
background-size: contain;
transform-origin: center center;
transition: transform 0.5s ease; }
nav.navigation ul.menu li.menu-item-has-children ul.sub-menu {
background-color: rgba(0, 0, 0, 0.5);
position: absolute;
padding: 5px 20px 20px 20px;
margin: 0 0 0 -20px;
opacity: 0;
visibility: hidden;
transition: all 0.5s ease; }
nav.navigation ul.menu li.menu-item-has-children ul.sub-menu li {
display: block;
margin: 0;
padding: 15px 0 0 0;
border: none; }
nav.navigation ul.menu li.menu-item-has-children ul.sub-menu li a {
font-family: "Red Hat Display Medium", sans-serif;
text-transform: none; }
nav.navigation ul.menu li.menu-item-has-children ul.sub-menu li:hover {
border: none; }
nav.navigation ul.menu li.menu-item-has-children ul.sub-menu li:hover a {
text-decoration: underline; }
nav.navigation ul.menu li.menu-item-has-children:hover > a:after {
transform: rotate(-180deg) translateY(50%); }
nav.navigation ul.menu li.menu-item-has-children:hover ul.sub-menu {
opacity: 1;
visibility: visible;
transition: all 0.5s ease; }
nav.navigation.scrolled ul.menu li.menu-item {
padding: 30px 0 20px 0; }
nav.navigation.scrolled ul.menu li.menu-item a {
color: #000000; }
nav.navigation.scrolled ul.menu li.menu-item-has-children > a:after {
background-image: url(//rijcenter.nl/wp-content/themes/pietgonsrijopleidingen/assets/img/chevron-black.svg); }
nav.navigation.scrolled ul.menu li.menu-item-has-children ul.sub-menu {
top: 80px;
background-color: #F7F7F7; }
nav.navigation.scrolled ul.menu li.menu-item-has-children ul.sub-menu li {
text-align: left; }
nav.navigation.scrolled ul.menu li.menu-item-has-children ul.sub-menu li a {
color: #000000; }
nav.navigation__mobile {
padding: 75px 0 50px 0; }
nav.navigation__mobile > div {
display: block; }
nav.navigation__mobile ul.menu {
text-align: center; }
nav.navigation__mobile ul.menu li.menu-item {
display: block;
margin: 0;
padding: 30px 0 15px 0;
border-top: 0; }
nav.navigation__mobile ul.menu li.menu-item:hover a, nav.navigation__mobile ul.menu li.menu-item:active a, nav.navigation__mobile ul.menu li.menu-item:focus a, nav.navigation__mobile ul.menu li.menu-item.current-menu-item a {
border-color: #EAE6BE; }
nav.navigation__mobile ul.menu li.menu-item a {
border-top: 5px solid transparent;
color: #000000;
padding-top: 5px; }
nav.navigation__mobile ul.menu li.menu-item a small {
width: 100%;
left: 50%;
transform: translateX(-50%); }
nav.navigation__mobile ul.menu li.menu-item-has-children > a {
display: inline-block;
padding-right: 0; }
nav.navigation__mobile ul.menu li.menu-item-has-children > a:after {
background-image: url(//rijcenter.nl/wp-content/themes/pietgonsrijopleidingen/assets/img/chevron-black.svg);
pointer-events: none;
top: 10px;
transform: none; }
nav.navigation__mobile ul.menu li.menu-item-has-children ul.sub-menu {
position: relative;
background-color: unset;
padding: 0;
margin: 0;
height: 0;
transition: height 0.6s linear; }
nav.navigation__mobile ul.menu li.menu-item-has-children ul.sub-menu li a {
border: none; }
nav.navigation__mobile ul.menu li.menu-item-has-children:hover > a:after {
transform: rotate(-180deg); }
nav.navigation__mobile ul.menu li.menu-item-has-children:hover ul.sub-menu {
height: auto;
transition: height 0.6s linear;
padding: 25px 0 0 0; }
nav.navigation__mobile ul.menu li.menu-item-has-children:hover ul.sub-menu li a {
border: none; }
nav.navigation__mobile.scrolled ul.menu li.menu-item-has-children ul.sub-menu {
top: unset;
background-color: unset; }
nav.navigation__mobile.scrolled ul.menu li.menu-item-has-children ul.sub-menu li {
text-align: center; }
.opening_hours span.title {
display: block;
letter-spacing: 1.3px;
text-transform: uppercase;
margin-bottom: 10px; }
.opening_hours ul li {
margin-bottom: 5px; }
.opening_hours ul li span, .opening_hours ul li p {
display: inline-block; }
.opening_hours ul li span {
width: 40px; }
.opening_hours ul li p.closed {
opacity: 0.5; }
.references {
background-color: #F7F7F7;
padding: 100px 0 150px 0;
max-width: 100vw;
overflow-x: hidden; }
.references h2 {
margin-bottom: 80px; }
.references .reference {
padding: 75px 60px;
margin: 0 10px;
background-color: #FFFFFF;
border-radius: 30px; }
.references .reference__head img {
display: inline-block;
width: 80px;
height: 80px;
border-radius: 20px; }
.references .reference__head p {
display: inline-block;
vertical-align: middle;
margin-left: 25px; }
.references .reference__head p b {
font-family: "Red Hat Display Bold", sans-serif; }
.references .reference__main {
margin: 40px 0; }
.references .reference__footer {
display: inline-block;
width: 100%; }
.references .reference__footer .company_logo {
float: right; }
.references .reference__footer .company_logo img {
filter: grayscale(1);
max-width: 160px; }
@media (max-width: 991px) {
.references {
padding: 80px 0 130px 0; }
.references h2 {
margin-bottom: 40px; }
.references .reference {
margin: 0 7.5px; } }
@media (max-width: 767px) {
.references .reference {
padding: 40px 30px 60px 30px; }
.references .reference__head img, .references .reference__head p {
display: block; }
.references .reference__head p {
margin: 20px 0 0 0; }
.references .reference__main {
margin: 30px 0 40px 0; } }
@media (max-width: 479px) {
.references .reference__footer a {
margin-bottom: 25px; }
.references .reference__footer .company_logo {
float: none;
display: block;
width: 100%; }
.references .reference__footer .company_logo img {
float: right; } }
.references__carousel {
position: relative; }
.references__carousel button.references-nav {
position: absolute;
width: 50px;
height: 80px;
top: 50%;
transform: translateY(-50%);
z-index: 2;
background-color: #F2F2F2;
border: none;
border-radius: 0;
font-size: 0;
transition: background-color 0.5s ease; }
@media (max-width: 991px) {
.references__carousel button.references-nav {
display: none; } }
.references__carousel button.references-nav:after {
content: '';
position: absolute;
width: 10px;
height: 18px;
top: 50%;
left: 50%;
transform: translateX(-50%) translateY(-50%);
background-image: url(//rijcenter.nl/wp-content/themes/pietgonsrijopleidingen/assets/img/chevron.svg);
background-repeat: no-repeat;
background-size: cover; }
.references__carousel button.references-nav:hover {
background-color: #d9d9d9; }
.references__carousel button.references-nav.prev {
left: 0;
border-radius: 0 15px 15px 0; }
.references__carousel button.references-nav.prev:after {
transform: translateX(-50%) translateY(-50%) rotate(180deg); }
.references__carousel button.references-nav.next {
border-radius: 15px 0 0 15px;
right: 0; }
.roadmap {
position: relative;
padding: 100px 0 50px 0;
background-color: #F7F7F7;
overflow: hidden; }
.roadmap:before {
content: '';
position: absolute;
width: 100%;
height: 250px;
bottom: 35px;
z-index: 1;
background-image: url(//rijcenter.nl/wp-content/themes/pietgonsrijopleidingen/assets/img/roadmap.svg);
background-repeat: no-repeat;
background-size: cover; }
.roadmap h2 {
margin-bottom: 70px; }
.roadmap__item {
position: relative;
display: inline-block;
padding: 60px 0 50px 0;
text-align: center; }
.roadmap__item span {
position: relative;
font-family: "Red Hat Display Bold", sans-serif; }
.roadmap__item span:before {
content: '';
position: absolute;
z-index: -1;
width: 40px;
height: 40px;
background-color: #EAE6BE;
border-radius: 25px;
top: 50%;
left: 50%;
transform: translateX(-50%) translateY(-50%); }
.roadmap__item h4 {
margin: 15px 0 5px 0;
text-transform: none;
font-size: 21px; }
@media (max-width: 991px) {
.roadmap {
padding: 80px 0 100px 0; }
.roadmap__item {
padding-bottom: 0; }
.roadmap:before {
background-position: -100px;
bottom: 50px; } }
.socials .social {
position: relative;
display: inline-block;
width: 24px;
height: 24px;
border-radius: 100%;
background-color: #000000;
font-size: 0;
transition: background-color 0.5s ease; }
.socials .social:hover, .socials .social:focus, .socials .social:active {
background-color: #1B1B1B; }
.socials .social:after {
content: '';
position: absolute;
top: 50%;
left: 50%;
transform: translateY(-50%) translateX(-50%);
width: 100%;
height: 12px;
background-repeat: no-repeat;
background-position: center center;
background-size: contain; }
.socials .social--facebook:after {
background-image: url(//rijcenter.nl/wp-content/themes/pietgonsrijopleidingen/assets/img/facebook_white.svg); }
.socials .social--instagram:after {
background-image: url(//rijcenter.nl/wp-content/themes/pietgonsrijopleidingen/assets/img/instagram_white.svg); }
.socials .social--linkedin:after {
background-image: url(//rijcenter.nl/wp-content/themes/pietgonsrijopleidingen/assets/img/linkedin_white.svg); }
.socials--footer .social {
width: 40px;
height: 40px;
background-color: #808080;
margin-right: 10px; }
.socials--footer .social:hover, .socials--footer .social:focus, .socials--footer .social:active {
background-color: #a6a6a6; }
.socials--footer .social:after {
height: 22px; }
.socials--footer .social--facebook:after {
background-image: url(//rijcenter.nl/wp-content/themes/pietgonsrijopleidingen/assets/img/facebook_white.svg); }
.socials--footer .social--instagram:after {
background-image: url(//rijcenter.nl/wp-content/themes/pietgonsrijopleidingen/assets/img/instagram_white.svg); }
.socials--footer .social--linkedin:after {
background-image: url(//rijcenter.nl/wp-content/themes/pietgonsrijopleidingen/assets/img/linkedin_white.svg); }
.subnavigation {
padding: 120px 0;
background-color: #F2F2F2; }
@media (max-width: 991px) {
.subnavigation {
padding: 60px 0; } }
.subnavigation__item {
position: relative;
padding: 20px 20px 60px 20px;
margin-bottom: 50px;
background-color: #F7F7F7;
border-radius: 20px;
text-align: center; }
.subnavigation__item .iconwrapper, .subnavigation__item span {
display: block; }
.subnavigation__item .iconwrapper {
margin-bottom: 15px; }
.subnavigation__item .iconwrapper:after {
content: '';
position: absolute;
background-color: #FFFFFF;
top: 0;
left: 0;
width: 100%;
height: 70px;
border-radius: 20px 20px 0 0;
z-index: 1; }
.subnavigation__item .iconwrapper img {
width: 100px;
height: 80px;
position: relative;
z-index: 2; }
.subnavigation__item span {
font-family: "Red Hat Display Bold", sans-serif;
font-size: 21px;
margin-top: 20px; }
.subnavigation__item article {
margin-top: 20px; }
.subnavigation__item a.button {
position: absolute;
bottom: -20px;
left: 50%;
transform: translateX(-50%); }
@media (max-width: 991px) {
.subnavigation__item {
padding-bottom: 40px; } }
@media (max-width: 767px) {
.subnavigation__item span {
font-size: 18px;
margin-bottom: 20px; }
.subnavigation__item article {
margin-bottom: 10px; } }
.tablewrapper {
margin: 80px 0; }
.tablewrapper .table {
display: inline-block;
width: 100%;
background-color: #F2F2F2;
border: 2px solid #F2F2F2;
border-radius: 20px;
margin-top: 60px; }
.tablewrapper .table__inner {
float: left;
width: 100%; }
.tablewrapper .table__inner .column {
float: left; }
.tablewrapper .table__inner .column header {
padding: 20px 30px; }
.tablewrapper .table__inner .column header span {
font-family: "Red Hat Display Bold", sans-serif; }
.tablewrapper .table__inner .column .values .value {
padding: 15px 30px; }
.tablewrapper .table__inner .column .values .value__inner {
height: 48px; }
.tablewrapper .table__inner .column .values .value:nth-child(odd) {
background-color: #FFFFFF; }
.tablewrapper .table__inner .column:nth-of-type(1) .values .value:last-child {
border-radius: 0 0 0 20px; }
.tablewrapper .table__inner .column:last-child .values .value:last-child {
border-radius: 0 0 20px 0; }
.tablewrapper .scrollmore {
display: table;
margin: auto;
margin-top: 30px; }
.tablewrapper .scrollmore span {
position: relative;
font-family: "Red Hat Display Bold", sans-serif;
font-size: 14px;
letter-spacing: 1.31px;
text-transform: uppercase;
color: #808080; }
.tablewrapper .scrollmore span:after {
content: '';
position: absolute;
right: -35px;
top: 50%;
transform: translateY(-50%);
width: 20px;
height: 17px;
background-image: url(//rijcenter.nl/wp-content/themes/pietgonsrijopleidingen/assets/img/arrow.svg); }
@media (max-width: 1199px) {
.tablewrapper .tablescroll {
position: relative;
z-index: 1;
overflow-x: scroll; }
.tablewrapper .table {
width: 1199px;
margin-right: 35px; } }
.textblock article ul {
padding-left: 25px; }
.textblock article ul li {
position: relative; }
.textblock article ul li:before {
content: "\2022";
position: absolute;
width: 25px;
display: inline-block;
font-size: 21px;
color: #EAE6BE;
vertical-align: top;
margin-left: -25px; }
.textblock article p, .textblock article span, .textblock article a, .textblock article ul, .textblock article ol, .textblock article strong {
margin-bottom: 25px; }
.textblock article blockquote {
padding: 15px;
margin: 15px 15px 25px 50px;
background-color: #F2F2F2;
border-radius: 15px;
line-height: 30px; }
.textblock article blockquote p {
margin: 0; }
.textblock article ol li {
list-style-type: decimal; }
.textblock article a {
color: #000000;
font-family: "Red Hat Display Bold", sans-serif; }
.textblock--image {
position: relative;
margin: 25px 0 0 0; }
.textblock--image__text {
position: relative;
z-index: 2; }
.textblock--image__text section {
padding: 60px 0 75px 0; }
@media (min-width: 991px) {
.textblock--image__text {
position: absolute;
top: 50%;
transform: translateY(-50%); }
.textblock--image__text section {
padding: 0; } }
.textblock--image__text .buttongroup {
margin-top: 40px; }
.textblock--image__text .buttongroup a {
margin-right: 15px;
margin-bottom: 15px; }
.textblock--image__wrapper {
position: relative;
height: 500px;
overflow: hidden;
background-size: cover;
background-position: center center; }
.textblock--image__wrapper:after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 360px;
height: 360px;
background-image: url(//rijcenter.nl/wp-content/themes/pietgonsrijopleidingen/assets/img/overlay.svg);
background-size: contain; }
.textblock--image__wrapper img {
width: auto;
height: 100%;
max-width: unset; }
.textblock--image__wrapper .overlay {
position: absolute;
top: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5); }
.textblock--image__wrapper .overlay .inner {
position: absolute;
width: 50%;
top: 50%;
left: 50%;
transform: translateY(-50%) translateX(-50%);
color: #FFFFFF; }
.textblock--image__wrapper .overlay section {
max-width: 350px;
min-width: 320px; }
.textblock--image__wrapper .overlay section h3 {
font-size: 21px;
text-transform: none; }
.textblock--image__wrapper .overlay section p {
margin-top: 15px; }
@media (max-width: 479px) {
.textblock--image__wrapper .overlay section {
max-width: 250px;
min-width: 250px; } }
.textblock--image__wrapper .overlay a.button {
margin-top: 40px; }
@media (max-width: 991px) {
.textblock--image__wrapper {
height: 360px; }
.textblock--image__wrapper:after {
border-width: 100px 100px 0 0; }
.textblock--image__wrapper .overlay .inner {
left: 50%;
transform: translateX(-50%) translateY(-50%); } }
.textblock--image--background-white {
background-color: #FFFFFF;
color: #000000; }
.textblock--image--background-black {
background-color: #000000;
color: #FFFFFF; }
.textblock--image--background-grey {
background-color: #F7F7F7; }
.textblock--image--margin-false {
margin: 0; }
.textblock--image--diagonal-topright .textblock--image__wrapper:after {
top: 0;
left: unset;
right: 0;
transform: rotate(-90deg); }
.textblock--image--diagonal-bottomleft .textblock--image__wrapper:after {
top: unset;
bottom: 0;
left: 0;
transform: rotate(90deg); }
@media (max-width: 991px) {
.textblock--image--diagonal-topright .textblock--image__wrapper:after {
width: 240px;
height: 240px; }
.textblock--image--diagonal-bottomleft .textblock--image__wrapper:after {
width: 240px;
height: 240px; } }
.textblock--image--tall .textblock--image__text {
position: relative;
top: auto;
transform: none; }
.textblock--image--tall .textblock--image__text section {
padding: 150px 0; }
.textblock--image--tall .textblock--image__text section article {
margin-top: 50px; }
@media (max-width: 991px) {
.textblock--image--tall .textblock--image__text section {
padding: 100px 0; }
.textblock--image--tall .textblock--image__text section article {
margin-top: 40px; } }
.textblock--image--tall .textblock--image__wrapper {
height: 100%; }
@media (max-width: 991px) {
.textblock--image--tall .textblock--image__wrapper {
height: 360px; } }
.textblock--text {
position: relative;
margin: 150px 0;
background-size: cover;
background-repeat: no-repeat;
background-position: center center; }
@media (max-width: 991px) {
.textblock--text {
margin: 80px 0; } }
.textblock--text.textblock--low {
padding-bottom: 0;
margin: 15px; }
.textblock--text.background {
margin: 0;
padding: 150px 0;
color: #FFFFFF; }
.textblock--text.background:after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.75); }
.textblock--text .inner {
position: relative;
z-index: 1; }
.textblock--text .inner article .iframe {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
margin-bottom: 50px; }
.textblock--text .inner article .iframe iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%; }
.textblock--text .inner article iframe {
max-width: 100%; }
.textblock--text .inner article strong {
font-size: 16px; }
.textblock--text .inner article i,
.textblock--text .inner article em {
font-style: italic !important; }
.textblock--text .inner article.half {
float: left;
width: 50%; }
.textblock--text .inner article.half:nth-of-type(2) {
width: calc(50% - 15px);
margin-right: 15px; }
.textblock--text .inner article.half:nth-of-type(3) {
width: calc(50% - 15px);
margin-left: 15px; }
@media (max-width: 991px) {
.textblock--text .inner article.half {
width: 100% !important;
margin-left: 0 !important;
margin-right: 0 !important;
float: none; } }
.textblock--text .inner article ul {
margin-bottom: 0; }
.textblock--text .inner article ul li {
position: relative;
margin-bottom: 20px;
margin-right: 20px;
padding-left: 40px; }
.textblock--text .inner article ul li:before {
content: '';
position: absolute;
width: 20px;
height: 15px;
top: 6px;
left: 0;
background-image: url(//rijcenter.nl/wp-content/themes/pietgonsrijopleidingen/assets/img/check.svg); }
.usp-wrapper {
position: relative;
background-color: #F2F2F2;
padding: 150px 0;
max-width: 100vw;
overflow-x: hidden; }
.usp-wrapper .usp {
position: relative;
z-index: 1;
text-align: center;
padding: 0 10px; }
.usp-wrapper .usp .icon {
position: absolute;
width: 100px;
height: 100px;
left: 50%;
transform: translateX(-50%);
background-color: #EAE6BE;
border-radius: 100%; }
.usp-wrapper .usp .icon img {
position: absolute;
top: 50%;
left: 50%;
transform: translateX(-50%) translateY(-50%);
max-width: 42px; }
.usp-wrapper .usp section {
margin-top: 50px;
padding: 80px 0;
background-color: #F7F7F7;
border-radius: 20px;
text-align: center; }
.usp-wrapper .usp section span {
display: block;
margin-bottom: 25px;
font-family: "Red Hat Display Bold", sans-serif;
font-size: 21px; }
.usp-wrapper .usp section p {
margin: auto;
max-width: 66%; }
.usp-wrapper .usp .button--usp {
position: absolute;
bottom: -20px;
left: 50%;
transform: translateX(-50%); }
.usp-wrapper--black {
background-color: #000000; }
.usp-wrapper--black .usp section {
background-color: #1B1B1B;
color: #FFFFFF; }
@media (max-width: 991px) {
.usp-wrapper .usp section {
padding: 75px 0 50px 0; } }
@media (max-width: 767px) {
.usp-wrapper {
padding: 80px 0 130px 0; }
.usp-wrapper .usp {
padding: 0 5px; }
.usp-wrapper .usp .icon {
width: 80px;
height: 80px; }
.usp-wrapper .usp section {
padding: 60px 0 50px 0; } }
.vacancy a:not(.button) {
display: block;
color: #000000;
text-decoration: none; }
.vacancy a:not(.button):hover .highlighted_image img {
transform: scale(1.05); }
.vacancy .highlighted_image {
position: relative;
overflow: hidden;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
border-radius: 20px;
margin-bottom: 30px; }
.vacancy .highlighted_image span {
position: absolute; }
.vacancy .highlighted_image span:after {
content: '';
position: absolute;
width: 0;
height: 0;
z-index: 1;
border-style: solid;
border-width: 100px 100px 0 0;
border-color: #EAE6BE transparent transparent; }
.vacancy .highlighted_image span p {
position: absolute;
transform-origin: center center;
transform: translateX(20px) translateY(23px) rotate(-45deg);
z-index: 2;
color: #000000;
text-transform: uppercase;
font-family: "Red Hat Display Bold", sans-serif;
font-size: 11px;
letter-spacing: 1.13px; }
.vacancy .highlighted_image img {
width: 100%;
height: auto;
transition: all 0.5s ease;
transform-origin: center center; }
.vacancy h3 {
font-size: 21px;
letter-spacing: normal;
text-transform: none; }
.vacancy .attributes {
margin: 10px 0 25px 0; }
.vacancy .attributes span {
display: inline-block;
font-size: 14px; }
.vacancy .attributes span:after {
content: '|';
margin: 0 5px;
vertical-align: top; }
.vacancy .attributes span:last-of-type:after {
display: none; }
.vacancy article {
margin-bottom: 25px; }
.vacancy--single {
max-width: 100vw; }
.vacancy--single .attributes {
padding: 15px 20px;
margin: 30px 0 50px 0;
background-color: #F7F7F7;
border-radius: 20px;
line-height: normal;
display: inline-block; }
.vacancy--single .attributes .attribute {
position: relative;
padding-left: 25px;
margin-right: 20px; }
.vacancy--single .attributes .attribute:before {
content: '';
position: absolute;
width: 16px;
height: 16px;
left: 0;
top: 50%;
transform: translateY(-50%);
background-repeat: no-repeat;
background-size: contain;
background-position: center center; }
.vacancy--single .attributes .attribute:after {
display: none; }
.vacancy--single .attributes .attribute__type:before {
background-image: url(//rijcenter.nl/wp-content/themes/pietgonsrijopleidingen/assets/img/icon_vacancy_type.svg); }
.vacancy--single .attributes .attribute__time:before {
background-image: url(//rijcenter.nl/wp-content/themes/pietgonsrijopleidingen/assets/img/icon_vacancy_time.svg); }
.vacancy--single .attributes .attribute__region:before {
background-image: url(//rijcenter.nl/wp-content/themes/pietgonsrijopleidingen/assets/img/icon_vacancy_region.svg); }
.vacancy--single .description {
margin-bottom: 50px; }
@media (max-width: 991px) {
.vacancy--single .attributes {
margin: 30px 0; } }
.vacancy--single a.applytoggle {
display: none; }
@media (max-width: 991px) {
.vacancy--single .form--single:not(.form--single--mobile) {
display: none; }
.vacancy--single a.applytoggle {
display: block;
position: fixed;
bottom: 20px;
z-index: 5;
width: 290px;
margin: auto;
left: 50%;
transform: translateX(-50%);
text-align: center;
cursor: pointer;
box-shadow: 1px 10px 50px 0px rgba(0, 0, 0, 0.5);
-webkit-box-shadow: 1px 10px 50px 0px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 1px 10px 50px 0px rgba(0, 0, 0, 0.5); }
.vacancy--single .mobileform {
bottom: -1000px;
max-height: 100vh;
overflow-y: scroll;
overflow-x: hidden;
position: fixed;
width: 100%;
padding: 75px 0;
background-color: #F2F2F2;
transition: all 0.5s ease-in-out;
opacity: 0;
visibility: hidden;
z-index: 20; } }
@media (max-width: 991px) and (min-width: 991px) {
.vacancy--single .mobileform {
display: none; } }
@media (max-width: 991px) {
.vacancy--single .mobileform.active {
bottom: 0;
top: 0;
opacity: 1;
visibility: visible; } }
.vacancy_worker {
position: relative;
background-color: #F2F2F2;
line-height: 0; }
.vacancy_worker:after {
content: '';
position: absolute;
width: 300%;
height: 100%;
top: 0;
left: -50%;
background-color: #F2F2F2;
z-index: -1; }
.vacancy_worker__inner {
display: inline-block;
width: 100%; }
.vacancy_worker__inner section {
display: inline-block; }
.vacancy_worker__inner section.worker_image {
position: absolute;
width: 325px;
background-repeat: no-repeat;
background-size: cover;
background-position: center center; }
.vacancy_worker__inner section.worker_image:after {
content: '';
position: absolute;
bottom: 0;
right: 0;
border-style: solid;
border-width: 0 0 150px 150px;
border-color: transparent transparent #F2F2F2; }
.vacancy_worker__inner section.worker_details {
position: relative;
float: right;
padding: 110px 80px 110px 80px;
line-height: normal; }
@media (max-width: 1499px) {
.vacancy_worker__inner section.worker_details {
padding-left: 80px;
padding-right: 0; } }
@media (max-width: 1299px) {
.vacancy_worker__inner section.worker_details {
float: none;
padding-left: 0;
padding-right: 0; } }
@media (max-width: 991px) {
.vacancy_worker__inner section.worker_details {
padding: 75px 0 100px 0; } }
.vacancy_worker__inner section.worker_details h3 {
margin-bottom: 20px; }
.vacancy_worker__inner section.worker_details article {
max-width: 275px;
margin: 0;
margin-bottom: 30px; }
.vacancy_worker__inner section.worker_details a.button:first-of-type {
margin-right: 10px; }
@media (max-width: 599px) {
.vacancy_worker__inner section.worker_details a.button {
margin-bottom: 15px; } }
.whatsapp_share {
position: relative;
height: 100px;
width: 100%;
background-color: #EAE6BE; }
.whatsapp_share:before, .whatsapp_share:after {
content: '';
position: absolute;
width: 100%;
height: 100%;
background-color: inherit;
z-index: -1; }
.whatsapp_share:before {
left: -100%; }
.whatsapp_share:after {
right: -100%; }
.whatsapp_share section {
position: absolute;
top: 50%;
transform: translateY(-50%);
font-family: "Red Hat Display Bold", sans-serif; }
.whatsapp_share section span, .whatsapp_share section a.button {
display: inline-block; }
.whatsapp_share section span {
margin-right: 20px; }
@media (max-width: 991px) {
.whatsapp_share {
height: 150px; }
.whatsapp_share section {
text-align: center;
left: 50%;
transform: translateY(-50%) translateX(-50%); }
.whatsapp_share section span, .whatsapp_share section a.button {
display: block; }
.whatsapp_share section span {
margin-bottom: 10px;
margin-right: 0; } }
.header {
position: fixed;
z-index: 10;
width: 100%;
background-color: #FFFFFF;
line-height: normal; }
@media (min-width: 1199px) {
.header {
background-color: transparent; }
.header:after {
content: '';
position: absolute;
z-index: 7;
top: 0;
width: 100%;
height: 40px;
transition: all 0.5s ease; } }
@media (max-width: 1199px) {
.header {
padding: 20px 0; }
.header .navicon, .header .nav-contact {
position: relative;
top: 50%;
transform: translateY(-50%); } }
@media (min-width: 1199px) {
.header.scrolled a.logo:after {
content: '';
position: absolute;
left: -15px;
bottom: -15px;
top: -200px;
width: calc(100% + 30px);
max-width: 120px;
aspect-ratio: 1 / 1;
border-radius: 0 0 100% 100%;
background-color: #FFFFFF;
transition: all 0.5s ease; } }
.header a.logo {
position: relative;
display: block;
z-index: 9;
margin: 15px 0;
transition: all 0.5s ease;
top: 0;
text-align: center; }
.header a.logo img.logo__default {
position: absolute;
top: 50px;
opacity: 1;
visibility: visible;
width: 375px;
max-width: unset; }
.header a.logo img.logo__scrolled {
position: absolute;
top: -100%;
opacity: 0;
visibility: hidden;
width: 90px; }
.header a.logo img {
transition: all 0.5s ease; }
@media (min-width: 1199px) {
.header a.logo {
margin: 25px 0;
text-align: left; } }
@media (max-width: 1199px) {
.header a.logo img.logo__default {
display: none !important; }
.header a.logo img.logo__scrolled {
top: -20px;
opacity: 1;
visibility: visible;
left: 50%;
transform: translateX(-50%);
z-index: 1; }
.header a.logo:after {
content: '';
position: absolute;
bottom: -15px;
width: calc(100% + 30px);
max-width: 120px;
aspect-ratio: 1 / 1;
border-radius: 0 0 100% 100%;
background-color: #FFFFFF;
transition: all 0.5s ease;
top: -40px;
left: 50%;
transform: translateX(-50%); } }
@media not all and (min-resolution: 0.001dpcm) {
@supports (-webkit-appearance: none) {
.header a.logo:after {
height: 120px; }
@media (max-width: 1199px) {
.header a.logo:after {
width: 98px;
height: 98px; } } } }
@media (max-width: 599px) {
.header a.logo img.logo__scrolled {
width: 68px; }
.header a.logo:after {
max-width: 98px; } }
.header .secondnav {
font-size: 0;
position: relative;
z-index: 8;
display: inline-block;
width: 100%;
transition: all 0.5s ease;
top: 0;
background: #303030;
background: linear-gradient(90deg, rgba(48, 48, 48, 0) 0%, #303030 100%); }
.header .secondnav:after {
content: '';
position: absolute;
width: 100%;
height: 100%;
right: -100%;
top: 0;
background-color: #FFFFFF; }
.header .secondnav ul {
float: right; }
.header .secondnav ul li {
display: inline-block;
padding: 20px 0;
margin-left: 40px;
text-transform: uppercase; }
.header .secondnav ul li a:not(.social) {
position: relative;
font-family: "Red Hat Display Bold", sans-serif;
font-size: 14px;
color: #FFFFFF;
vertical-align: middle;
padding-left: 25px; }
.header .secondnav ul li a:not(.social):before {
content: '';
position: absolute;
width: 14px;
height: 14px;
left: 0;
top: 50%;
transform: translateY(-50%);
background-repeat: no-repeat;
background-position: center center; }
.header .secondnav ul li a:not(.social).phone:before {
background-image: url(//rijcenter.nl/wp-content/themes/pietgonsrijopleidingen/assets/img/phone_lightgrey.svg); }
.header .secondnav ul li a:not(.social).mail:before {
background-image: url(//rijcenter.nl/wp-content/themes/pietgonsrijopleidingen/assets/img/email_lightgrey.svg); }
.header .secondnav ul li.socialwrapper a {
margin-left: 8px;
font-size: 0;
vertical-align: middle; }
@media (max-width: 1199px) {
.header .secondnav {
background: unset;
background-color: #F7F7F7; }
.header .secondnav ul li a:not(.social) {
color: #000000; } }
.header .secondnav .reviews {
position: relative;
float: right;
margin-left: 50px;
z-index: 1; }
@media (min-width: 1320px) {
.header .secondnav .reviews {
left: 50px; } }
@media (min-width: 1390px) {
.header .secondnav .reviews {
left: 75px; } }
@media (min-width: 1420px) {
.header .secondnav .reviews {
left: 100px; } }
@media (min-width: 1600px) {
.header .secondnav .reviews {
left: 133px; } }
@media (min-width: 1920px) {
.header .secondnav .reviews {
left: 150px; } }
.header .secondnav .reviews iframe {
border-radius: 0 0 0 20px; }
.header .navigation-wrapper {
font-size: 0;
position: relative;
top: 0; }
.header .navigation-wrapper nav.navigation {
position: relative;
z-index: 9;
top: 0;
float: right; }
.header .navigation-wrapper .nav-contact {
position: relative;
z-index: 9;
display: inline-block;
top: -35px;
transform: none;
opacity: 0;
visibility: hidden;
left: 100%; }
.header .nav-contact {
text-align: right;
font-size: 0;
transition: all 0.5s ease; }
.header .nav-contact a {
position: relative;
display: inline-block;
width: 30px;
height: 30px;
border-radius: 50%;
background-color: #EAE6BE;
margin: 0 0 0 10px;
font-size: 0; }
@media (max-width: 479px) {
.header .nav-contact a {
width: 27px;
height: 27px;
margin: 0 0 0 5px; } }
@media (max-width: 359px) {
.header .nav-contact a {
width: 24px;
height: 24px; } }
.header .nav-contact a:first-of-type {
margin-left: 0; }
.header .nav-contact a:hover, .header .nav-contact a:focus, .header .nav-contact a:active {
background-color: #e4dfab; }
.header .nav-contact a:after {
content: '';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-position: center center; }
.header .nav-contact a.phone:after {
background-image: url(//rijcenter.nl/wp-content/themes/pietgonsrijopleidingen/assets/img/phone.svg); }
.header .nav-contact a.mail:after {
background-image: url(//rijcenter.nl/wp-content/themes/pietgonsrijopleidingen/assets/img/email.svg); }
.header .navigation-mobile {
top: -1000px;
max-height: calc(100vh - 80px);
overflow-y: scroll;
overflow-x: hidden;
position: absolute;
width: 100%;
background-color: #FFFFFF;
transition: all 0.5s ease-in-out;
opacity: 0;
visibility: hidden; }
@media (min-width: 1199px) {
.header .navigation-mobile {
display: none; } }
.header .navigation-mobile.active {
top: 100%;
opacity: 1;
visibility: visible; }
.header .navigation-mobile .secondnav {
background-color: #F2F2F2;
padding-bottom: 50px; }
.header .navigation-mobile .secondnav ul {
float: none;
padding: 40px 0;
text-align: center; }
.header .navigation-mobile .secondnav ul li {
display: block;
margin: auto; }
.header .navigation-mobile .secondnav ul li:last-of-type {
margin-bottom: 0; }
@media (min-width: 1199px) {
.header.scrolled:after {
height: 80px;
background-color: #FFFFFF; }
.header.scrolled a.logo {
display: inline-block;
position: relative;
margin: 15px 0;
padding: 0; }
.header.scrolled a.logo:after {
top: unset; }
.header.scrolled a.logo img.logo__default {
position: absolute;
top: -100%;
opacity: 0;
visibility: hidden; }
.header.scrolled a.logo img.logo__scrolled {
position: relative;
top: 0;
z-index: 1;
opacity: 1;
visibility: visible; }
.header.scrolled a.logo img {
transition: all 0.5s ease; }
.header.scrolled .navigation-wrapper {
text-align: right; }
.header.scrolled nav.navigation {
top: -64px;
float: none;
display: inline-block; }
.header.scrolled nav.navigation ul li {
margin: 0 0 0 15px; }
.header.scrolled nav.navigation ul li a small {
opacity: 0;
visibility: hidden;
height: 0;
width: 10px;
margin: 0; }
.header.scrolled .nav-contact {
opacity: 1;
visibility: visible;
left: auto; }
.header.scrolled .nav-contact a:first-of-type {
margin-left: 15px; }
.header.scrolled .secondnav {
top: -75px;
opacity: 0;
visibility: hidden; } }
footer.footer {
padding: 100px 0 80px 0;
margin-top: 50px;
background-color: #000000;
color: #FFFFFF;
font-size: 14px;
border-radius: 30px 30px 0 0; }
@media (max-width: 991px) {
footer.footer {
padding: 80px 0 60px 0; } }
footer.footer .logo {
display: block;
margin-bottom: 40px; }
footer.footer .logo img {
max-width: 200px; }
footer.footer .addresses span {
font-family: "Red Hat Display Bold", sans-serif; }
footer.footer span.title {
display: block;
letter-spacing: 1.3px;
text-transform: uppercase;
margin-bottom: 10px; }
@media (max-width: 991px) {
footer.footer span.title:not(.button-title) {
margin-top: 40px; } }
footer.footer a:not(.button, .logo, .social) {
display: block;
color: #FFFFFF;
margin-bottom: 5px; }
footer.footer a > b {
font-family: "Red Hat Display Bold", sans-serif;
text-transform: uppercase;
letter-spacing: 1.31px; }
footer.footer a.mail, footer.footer a.phone {
font-family: "Red Hat Display Bold", sans-serif; }
footer.footer .button {
margin-bottom: 20px; }
footer.footer .sticky-widget {
position: fixed;
display: flex;
align-items: center;
right: 30px;
bottom: 30px;
z-index: 2; }
@media (max-width: 767px) {
footer.footer .sticky-widget {
right: 15px;
bottom: 15px; } }
footer.footer .sticky-widget .button-label {
background-color: #F7F7F7;
color: #303030;
font-family: "Red Hat Display Medium", sans-serif;
font-size: 16px;
padding: 4px 14px;
border-radius: 20px;
margin-bottom: 0;
margin-right: 10px; }
footer.footer .sticky-widget .button--icon {
margin-bottom: 0;
padding: 12px; }
@media (max-width: 767px) {
footer.footer .sticky-widget .button--icon {
padding: 10px; } }
.footerlogos {
padding: 10px 0;
background-color: #FFFFFF; }
.footerlogos .col-md-12 {
display: flex;
align-items: center;
justify-content: space-between; }
.footerlogos p {
color: #808080; }
.footerlogos p a {
color: #808080; }
.footerlogos .logos {
padding: 0;
float: right; }
.footerlogos .logos img {
max-height: 80px;
width: auto;
margin-left: 40px; }
@media (max-width: 991px) {
.footerlogos {
padding: 40px 0; }
.footerlogos p {
position: relative;
top: auto;
transform: none;
display: block;
margin-bottom: 30px; }
.footerlogos p span {
display: block; }
.footerlogos .logos {
float: none;
text-align: left; }
.footerlogos .logos img {
height: auto;
max-height: 50px;
max-width: calc(33.333% - 25px);
margin: 0 25px 0 0; } }
.autofox {
position: relative;
z-index: 1;
padding: 120px 0; }
.autofox.loading select {
cursor: no-drop;
pointer-events: none; }
.autofox.loading .autofox-filter,
.autofox.loading .af-feed-table-wrapper {
position: relative; }
.autofox.loading .autofox-filter:before,
.autofox.loading .af-feed-table-wrapper:before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #FFFFFF;
opacity: 0.5;
z-index: 99; }
.autofox--low {
padding-top: 0; }
.autofox .textblock {
margin-bottom: 50px; }
.autofox .autofox-filter {
margin-bottom: 20px; }
.autofox .autofox-filter label {
display: block;
font-size: 11px;
text-transform: uppercase;
letter-spacing: 1.31px;
margin-bottom: 10px; }
.autofox .autofox-filter select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
display: block;
position: relative;
background-image: url(//rijcenter.nl/wp-content/themes/pietgonsrijopleidingen/assets/img/unfold.svg);
background-repeat: no-repeat;
background-position: center right 15px;
background-size: 24px 18px;
cursor: pointer;
border: none;
border-radius: 25px;
background-color: #F7F7F7;
padding: 15px;
max-width: 100%;
color: #000000;
outline: 0;
font-family: "Red Hat Display", sans-serif; }
@media (min-width: 992px) {
.autofox .autofox-filter select {
width: 80%; } }
@media (min-width: 1200px) {
.autofox .autofox-filter select {
width: 61%; } }
.autofox #date_filter input {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
display: block;
position: relative;
cursor: pointer;
border: none;
border-radius: 25px;
background-color: #F7F7F7;
padding: 15px;
max-width: 100%;
color: #000000;
outline: 0;
font-family: "Red Hat Display", sans-serif; }
.autofox #table_id_wrapper {  }
@media (max-width: 767px) {
.autofox #table_id_wrapper .af-phone-none-i {
display: none; } }
@media (min-width: 768px) {
.autofox #table_id_wrapper .af-none-i {
display: none; } }
@media (max-width: 991px) {
.autofox #table_id_wrapper .af-form-group {
margin: 15px 0 0 0 !important; } }
.autofox #table_id_wrapper label, .autofox #table_id_wrapper legend {
display: block;
font-size: 11px;
text-transform: uppercase;
letter-spacing: 1.31px;
margin-bottom: 10px; }
.autofox #table_id_wrapper .paginate_button {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: 0;
display: inline-block;
padding: 10px 20px;
border-radius: 25px;
font-family: "Red Hat Display Bold", sans-serif !important;
font-size: 16px;
letter-spacing: 1.31px;
text-transform: uppercase;
transition: all 0.25s ease;
background: #000000 !important;
color: #FFFFFF !important;
line-height: normal; }
.autofox #table_id_wrapper .paginate_button.current {
background: #EAE6BE !important;
color: #000000 !important; }
.autofox #table_id_wrapper a.disabled {
opacity: 0.25; }
.autofox #table_id_wrapper table th {
text-align: left;
font-weight: normal;
font-family: "Red Hat Display Bold", sans-serif;
font-size: 16px; }
.autofox #table_id_wrapper table tbody tr td {
padding: 10px 18px; }
.autofox #table_id_wrapper table tbody tr td span {
font-family: "Red Hat Display", sans-serif;
color: #000000 !important; }
.autofox #table_id_wrapper table tbody tr td button.af-btn {
font-family: "Red Hat Display", sans-serif !important;
color: #FFFFFF !important;
text-transform: none !important;
background: #000000 !important;
font-size: 16px !important; }
.autofox #table_id_wrapper table tbody tr td button.af-btn.btn-large {
font-family: "Red Hat Display Bold", sans-serif !important;
text-transform: uppercase !important;
padding: 10px 30px;
border-radius: 25px; }
.autofox #table_id_wrapper table tbody tr td button.af-btn.af-btn-disabled {
padding: 0 !important;
color: #000000 !important;
text-decoration: underline;
text-transform: none !important;
background-color: #FFFFFF !important;
font-size: 16px !important;
letter-spacing: normal !important;
border: 0; }
.autofox #table_id_wrapper .af-txt.af-bg-success-t {
background-color: #000000; }
.autofox #table_id_wrapper .af-txt.af-bg-danger-t {
background-color: #FF0000; }
.autofox #table_id_wrapper .af-txt.af-txt-success {
color: #FFFFFF !important; }
.autofox #table_id_wrapper .af-txt.af-txt-danger {
color: #FFFFFF !important; }