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; }
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; } }
.archive--blog .filter--blog {
position: relative; }
.archive--blog .filter--blog fieldset {
margin-top: 20px; }
@media (min-width: 992px) {
.archive--blog .filter--blog .filter__button,
.archive--blog .filter--blog .course-filter-form {
background-color: transparent; }
.archive--blog .filter--blog .course-filter-form {
margin: 0; }
.archive--blog .filter--blog .course-filter-form:before, .archive--blog .filter--blog .course-filter-form:after {
content: unset; } }
@media (max-width: 991px) {
.archive--blog .filter--blog {
margin: 0 -999px 30px;
background-color: #F7F7F7;
padding: 30px 999px; } }
.archive--blog .filter__button {
font-family: "Red Hat Display Bold", sans-serif;
font-size: 21px; }
.archive--blog .archive__top {
margin-bottom: 30px; }
.archive--blog .archive__wrapper h3 {
text-transform: none; }
.archive--blog .archive__nav {
display: flex;
justify-content: center;
margin-top: 30px; }
.archive--blog .archive__nav .page-numbers {
width: 32px;
height: 32px;
line-height: 32px;
border-radius: 18px;
background-color: #FFFFFF;
color: #2F414B;
font-family: "Red Hat Display Medium", sans-serif;
text-align: center;
font-size: 16px;
margin: 0 5px; }
.archive--blog .archive__nav .page-numbers.current {
background-color: #2F414B;
color: #FFFFFF; }
.archive--blog .archive__nav a:hover,
.archive--blog .archive__nav a:focus {
background-color: #EAE6BE; }
.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; }
.banner--blog .banner__inner section h1 {
max-width: 80%; }
@media (max-width: 767px) {
.banner--blog .banner__inner section h1 {
font-size: 24px;
hyphens: auto;
max-width: 100%; } }
.single-blog {
margin-top: 40px; }
.single-blog h1,
.single-blog h2,
.single-blog h3 {
text-transform: none; }
.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 h1, .textblock article h2, .textblock article h3, .textblock article h4, .textblock article h5, .textblock article h6,
.textblock article p, .textblock article span, .textblock article a, .textblock article ul, .textblock article ol {
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 ul li {
position: relative;
padding-left: 20px; }
.textblock article ul li:before {
content: "\2022";
position: absolute;
width: 20px;
left: 0;
display: inline-block;
font-size: 21px; }
.textblock article ul li p,
.textblock article ol li p {
margin-bottom: 0; }
.textblock article ol {
padding: 0;
counter-reset: item; }
.textblock article ol > li {
position: relative;
margin: 0;
padding-left: 20px;
counter-increment: item; }
.textblock article ol > li:before {
position: absolute;
left: 0;
display: inline-block;
width: 20px;
content: counter(item) "."; }
.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; }
@media (max-width: 991px) {
.textblock--text.textblock--low {
margin: 15px 0; } }
.textblock--text.textblock--low .inner article ul li,
.textblock--text.textblock--low .inner article ol li {
margin-bottom: 5px; }
.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 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; }