@charset "UTF-8";
/* --------------- SCSS Variables --------------- */
/* --------------- GENERAL --------------- */
*, :after, :before {
  box-sizing: border-box;
}

html {
  scroll-padding-top: 75px;
}

body {
  margin: 0;
  font-family: Arial, sans-serif;
  color: #313131;
}

/*

  -- HEADERS --
  H1  Helvetica 40 Medium Red - On page header
  H2  Arial 20 Bold Red - Vacature blok header / Ontdek meer blokjes / vacature subkopjes
  H3  Arial 15 Bol Gray

  H2 Light    Helvetica 28 Light Red
  H3 Light    Helvetica 25 Light Gray

  -- SPECIFIC --
  Arial 16 Bold Gray - Filter header

  Helvetica 32 Bold - Slider header
  Helvetica 25 Medium Red - Filter top header

 */
h1 {
  font-family: "Helvetica Neue", "Helvetica", Arial, sans-serif;
  font-weight: 500;
  font-size: 29px;
  line-height: 34px;
  color: #CC0000;
  margin-top: 0;
  margin-bottom: 20px;
}

h3 {
  font-size: 16px;
  font-weight: bold;
  margin-top: 0;
  margin-bottom: 10px;
}

h2 {
  font-family: "Helvetica Neue", "Helvetica", Arial, sans-serif;
  font-weight: 500;
  font-size: 20px;
  line-height: 28px;
  color: #CC0000;
  margin-top: 0;
  margin-bottom: 18px;
}

h2.light {
  font-family: "Helvetica Neue", "Helvetica", Arial, sans-serif;
  font-weight: 300;
  font-size: 28px;
  color: #CC0000;
}

h3.light {
  font-family: "Helvetica Neue", "Helvetica", Arial, sans-serif;
  font-weight: 300;
  font-size: 25px;
  line-height: 28px;
  margin-bottom: 20px;
}

p {
  font-size: 16px;
  line-height: 25px;
  margin-top: 0;
  margin-bottom: 16px;
}

#maincontent ol {
  margin-top: 0;
  padding-left: 25px;
}

#maincontent ol li {
  font-size: 16px;
  line-height: 25px;
}

#maincontent ul {
  padding-left: 0;
  margin-top: 0;
  list-style: none;
}

#maincontent ul:not(.sections):not(.slick-dots):not(.options) li,
body.single-job .uitgelichte-vacatures li {
  font-size: 16px;
  line-height: 25px;
  padding-left: 25px;
  position: relative;
}

#maincontent ul:not(.sections):not(.slick-dots):not(.options) li:before {
  content: "";
  background-color: #CC0000;
  width: 5px;
  height: 5px;
  margin-right: 8px;
  margin-left: 0;
  margin-bottom: 3px;
  border-radius: 50%;
  display: inline-block;
  position: absolute;
  left: 0;
  top: 10px;
}

#maincontent img {
  max-width: 100%;
  height: auto;
}

blockquote {
  background-image: url(../images/icon_blockquote.svg);
  background-size: 50px;
  background-repeat: no-repeat;
  background-position: 0 8px;
  padding-left: 63px;
  min-height: 57px;
  margin: 0 0 40px;
}

blockquote p {
  font-family: "Helvetica Neue", "Helvetica", Arial, sans-serif;
  font-weight: 300;
  font-size: 28px;
  line-height: 36px;
  color: #CC0000;
}

a,
span.more_link {
  color: #CC0000;
  text-decoration: none;
}

a:hover,
a:focus,
span.more_link:hover {
  color: #313131;
  text-decoration: underline;
}

a:focus {
  outline: 1px solid #CC0000;
  border-radius: 3px;
}

a.more_link:hover,
span.more_link:hover {
  text-decoration: none;
}

a.more_link:after,
span.more_link:after,
a.button.edit:after,
a.button.link_below:after,
a.button.link_below_2:after {
  content: "";
  background-image: url(../images/icon_more_arrow_sprite.svg);
  background-position: 0 1px;
  background-repeat: no-repeat;
  width: 8px;
  height: 12px;
  display: inline-block;
  margin-left: 8px;
}

a.more_link:hover:after,
a.more_link:focus-within:after,
span.more_link:hover:after,
span.more_link:focus-within:after,
a.button.edit:hover:after,
a.button.edit:focus-within:after,
a.button.link_below:hover:after,
a.button.link_below:focus-within:after,
a.button.link_below_2:hover:after,
a.button.link_below_2:focus-within:after {
  background-image: url(../images/icon_more_arrow_sprite.svg);
  background-position: -20px 1px;
}

span.more_link::after {
  content: "";
  background-image: url(../images/icon_more_arrow_sprite.svg);
  background-position: 0 1px;
  background-repeat: no-repeat;
  width: 8px;
  height: 12px;
  display: inline-block;
  margin-left: 8px;
}

span.more_link_white::after {
  content: "";
  background-image: url(../images/icon_more_arrow_white.svg);
  background-position: 0 1px;
  background-repeat: no-repeat;
  width: 8px;
  height: 12px;
  display: inline-block;
  margin-left: 6px;
}

.button:not(.edit):not(.link_below):not(.link_below_2) {
  background-color: #006DFF;
  color: #FFFFFF;
  display: block;
  font-size: 18px;
  padding: 19px 20px;
  text-align: center;
  border-radius: 0;
  margin-right: 0;
  width: 100%;
  border: 0;
  cursor: pointer;
  margin-bottom: 15px;
}

.button:not(.edit):not(.link_below):not(.link_below_2):hover,
.button:not(.edit):not(.link_below):not(.link_below_2):focus {
  background-color: #0051BE;
  color: #FFFFFF;
  text-decoration: underline;
}

.load-more-wrapper .facetwp-load-more {
  background-color: #CC0000;
  display: block;
  color: #FFFFFF;
  font-size: 16px;
  padding: 15px 20px;
  border: 0;
  cursor: pointer;
  margin: auto;
}

.load-more-wrapper .facetwp-load-more:hover,
.load-more-wrapper .facetwp-load-more:focus {
  background: #CC0000;
  background: rgba(204, 0, 0, 0.7);
}

/* --- Align items --- */
img.alignright {
  float: right;
  margin: 0 0 1em 1em;
}

img.alignleft {
  float: left;
  margin: 0 1em 1em 0;
}

img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.alignright {
  float: right;
}

.alignleft {
  float: left;
}

.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

a.post-edit-link {
  position: absolute;
  right: 25px;
  top: 10px;
  z-index: 10;
}

a.skipLink {
  background-color: #FFFFFF;
  display: block;
  left: -1000em;
  padding: 10px;
  position: absolute;
  z-index: 10;
}

a.skipLink:focus {
  top: 20px;
  left: 20px;
  z-index: 1000;
}

body.page-vacatures .message {
  background-color: #D3F4D0;
  border-left: 5px solid #26811D;
  padding: 15px 20px;
  color: #123C0E;
  margin-bottom: 20px;
}

body.page-vacatures .message p {
  margin-bottom: 0;
}

body.page-vacatures .message a {
  color: #123C0E;
  text-decoration: underline;
}

body.page-vacatures .message a:hover {
  text-decoration: none;
}

/* --- Main --- */
/* --- Header --- */
header {
  position: sticky;
  top: 0;
  background-color: #FFFFFF;
  z-index: 100;
  height: 75px;
  display: flex;
}

header .container {
  display: flex;
  flex: 1;
}

header .container .row {
  flex: 1;
}

header .container .row .secondary-menu {
  display: none;
}

a#logo-header {
  display: block;
}

a#logo-header .logo-gu {
  height: 55px;
  width: auto;
  max-width: 100%;
}

/* --- Navigation --- */
button.btn-hamburger {
  border: 0;
  background-color: transparent;
  padding: 0 10px 0 10px;
}

button.btn-hamburger > span:first-child {
  display: block;
  position: relative;
  width: 2.4rem;
  height: 2.4rem;
  flex-grow: 0;
  flex-shrink: 0;
  align-self: center;
  overflow: visible;
  transform-origin: center;
  transform: scale(0.6);
}

button.btn-hamburger > span:first-child > span {
  display: block;
  position: absolute;
  width: 100%;
  height: 2px;
  left: 0;
  border-radius: 1px;
  background-color: #222;
  transition: transform 0.2s ease, background-color 0.2s ease;
}

button.btn-hamburger > span:first-child > span:first-child {
  top: 0.5rem;
  transform-origin: 1.8rem 0.4rem;
}

button.btn-hamburger > span:first-child > span:nth-child(2) {
  top: 1.1rem;
  transform-origin: 1.2rem 1.2rem;
}

button.btn-hamburger > span:first-child > span:nth-child(3) {
  top: 1.7rem;
  transform-origin: 2rem -0.3rem;
}

button.btn-hamburger.active > span:first-child span:first-child {
  transform: rotate(-45deg);
}

button.btn-hamburger.active > span:first-child span:nth-child(2) {
  transform: scaleX(0);
}

button.btn-hamburger.active > span:first-child span:nth-child(3) {
  transform: rotate(45deg);
}

.menu-nav-wrapper {
  display: none;
}

.menu-nav-mobile-wrapper {
  text-align: right;
}

.menu-portal-wrapper {
  display: none;
}

/* --- Wallpaper --- */
#wallpaper {
  background-color: #E7E7E7;
  background-size: cover;
  background-position: center center;
  height: 240px;
}

#wallpaper .container,
#wallpaper .container .row,
#wallpaper .container .row > div {
  height: 100%;
}

#wallpaper #header_content {
  display: flex;
  flex-direction: column;
}

#wallpaper #header_home {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}

#wallpaper #header_home #header_home_content h1 {
  font-family: "Helvetica Neue", "Helvetica", Arial, sans-serif;
  font-weight: bold;
  font-size: 36px;
  line-height: 34px;
  color: #fff;
  text-shadow: 0 3px 9px rgba(0, 0, 0, 0.47);
  margin-bottom: 3px;
}

#wallpaper #header_home #header_home_content h2 {
  font-family: "Helvetica Neue", "Helvetica", Arial, sans-serif;
  font-weight: lighter;
  font-size: 31px;
  line-height: 34px;
  color: #fff;
  text-shadow: 0 3px 9px rgba(0, 0, 0, 0.47);
  margin-bottom: 0;
}

#wallpaper #header_home #header_home_content {
  display: flex;
}

#wallpaper #header_home #header_home_content #header_home_play {
  display: flex;
  justify-content: center;
  align-items: center;
}

#play-video {
  background-color: #CC0000;
  height: 45px;
  width: 45px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  margin: 15px;
}

#play-video span {
  background-color: #FFFFFF;
  display: inline-block;
  width: 12px;
  height: 19px;
  -webkit-mask-repeat: no-repeat !important;
  text-indent: -999px;
  -webkit-mask: url(../images/icon_play.svg) center center;
}

#play-video:hover,
#play-video:focus {
  background-color: #F6F6F6;
}

#play-video:hover span,
#play-video:focus span {
  background-color: #CC0000;
}

#stop-video {
  width: 25px;
  height: 25px;
  background-image: url("../images/icon_video_close.svg"); /* afbeelding fixen */
  background-size: 25px;
  display: block;
  text-indent: -999px;
  margin-bottom: 10px;
  position: absolute;
  right: 20px;
  top: 16px;
  overflow: hidden;
}

#stop-video:hover,
#play-video:hover {
  opacity: 0.6;
}

#videowrapper {
  display: flex;
  align-items: center;
  justify-content: center;
}

#videoheader {
  position: fixed;
  top: 81px;
  width: 75%;
  right: 0;
  z-index: 1000;
  margin: auto;
  left: 0;
  background-color: #FFFFFF;
  padding: 50px 20px 20px 20px;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
}

#wallpaper #header_box {
  min-height: 40px;
  background-color: #FFFFFF;
  padding: 15px 15px 10px 15px;
}

/* -- Wallpaper large overrides -- */
/*#wallpaper.wallpaper-large {
  height: 270px;
}*/
#wallpaper.wallpaper-large .row {
  flex-direction: column-reverse;
}

#wallpaper.wallpaper-large #header_content {
  flex-direction: row;
}

#wallpaper.wallpaper-large #header_box {
  align-self: flex-end;
  width: 100%;
}

/* -- Wallpaper home overrides -- */
body.home #wallpaper {
  height: 365px;
}

body.home #wallpaper #header_box {
  background-color: rgba(136, 0, 0, 0.85);
}

body.home #wallpaper #header_box h2 {
  color: #FFFFFF;
  line-height: 34px;
}

body.home .filters-box {
  background-color: #CC0000;
  padding: 15px;
}

body.home .filters-box button.button {
  font-size: 16px;
  padding: 15px 20px;
}

body.home .col-home-filters {
  padding-left: 0;
  padding-right: 0;
}

/* --- Containers --- */
#maincontent .container {
  padding-top: 30px;
  padding-bottom: 30px;
}

/*#maincontent .container-header {
  padding-top: 0;
  padding-bottom: 0;
}*/
#maincontent .container-header h1 {
  margin-top: 5px;
  margin-bottom: 0;
}

#maincontent .container-no-margin-bottom {
  padding-bottom: 0 !important;
}

#maincontent .container-no-margin-top {
  padding-top: 0 !important;
}

#maincontent .container-socialmedia > div {
  text-align: center;
  min-height: 550px;
}

#maincontent .container-socialmedia {
  overflow: hidden;
}

.background-gray-light {
  background-color: #F6F6F6;
}

/* --- Footer --- */
footer {
  border-top: 1px solid #F6F6F6;
}

footer .col-red {
  background-color: #CC0000;
  margin-bottom: -1px;
  padding-bottom: 30px;
}

footer .col-red:first-child {
  padding-top: 30px;
  padding-bottom: 0;
}

footer ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

footer ul#social_links {
  margin-top: 20px;
  margin-bottom: 20px;
}

footer #menu-footer-1 li a,
footer #menu-footer-2 li a {
  color: #FFFFFF;
  text-decoration: none;
  padding: 5px 4px;
  display: block;
  font-weight: bold;
}

footer #menu-footer-1 li a:hover,
footer #menu-footer-2 li a:hover {
  color: #FFFFFF;
  text-decoration: underline;
}

footer ul#social_links a {
  background-repeat: no-repeat;
  background-position: 0 center;
  text-decoration: none;
  padding: 5px 0 5px 30px;
  display: block;
  font-weight: bold;
}

footer ul#social_links a.social_twitter {
  background-image: url(../images/icon_social_twitter.svg);
}

footer ul#social_links a.social_facebook {
  background-image: url(../images/icon_social_facebook.svg);
}

footer ul#social_links a.social_youtube {
  background-image: url(../images/icon_social_youtube.svg);
}

footer ul#social_links a.social_instagram {
  background-image: url(../images/icon_social_instagram.svg);
}

footer ul#social_links a.social_linkedin {
  background-image: url(../images/icon_social_linkedin.svg);
}

footer div.logo_favoriete_werkgevers img {
  margin-top: 25px;
  margin-bottom: 25px;
  max-width: 100%;
  height: auto;
}

/* --------------- COMPONENTS --------------- */
/* --- CARDS --- */
.card-wrapper {
  display: flex;
  flex-direction: column;
  margin-bottom: 30px;
  width: 100%;
}

.card-wrapper .card {
  flex-direction: column;
  flex: 1;
  position: relative;
}

.card-wrapper .card a {
  text-decoration: none;
  overflow: hidden;
}

.card-wrapper .card a:hover h2 {
  color: #313131;
}

.card-wrapper .card.card-job span.job-item-intern {
  font-weight: bold;
  font-size: 13px;
  text-align: center;
  color: #fff;
  background-color: #22741A;
  display: inline-block;
  padding: 0 10px;
  text-transform: uppercase;
  line-height: 27px;
  margin-top: 2px;
  margin-right: 10px;
  float: left;
}

.card-wrapper .card.card-filters,
.card-wrapper .card.card-job {
  overflow: hidden;
  padding: 30px;
  background-color: #FFFFFF;
}

.card-wrapper .card.card-vakgebied {
  background-color: #FFFFFF;
  overflow: hidden;
}

.card-wrapper .card.card-vakgebied .card-image {
  border-bottom: 6px solid #CC0000;
}

.card-wrapper .card.card-vakgebied .card-text {
  padding: 30px;
}

.card-wrapper .card .card-image {
  background-size: cover;
  background-position: center center;
  padding-top: 55%;
  margin-bottom: 10px;
}

.card-wrapper .card .card-text {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.card-wrapper .card .card-text p {
  flex: 1;
  color: #000000;
}

.card-wrapper .card-job .share_buttons > a {
  display: none;
}

.card-wrapper .card-job {
  cursor: pointer;
}

.card-wrapper .card-job .card-cta {
  background-color: #CC0000;
  background-image: url("../images/icon_more_arrow_white.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 10px;
  width: 52px;
  height: 54px;
  position: absolute;
  right: 0;
  bottom: 0;
}

.card-wrapper .card-job:hover .card-cta {
  opacity: 0.8;
}

/* --- SLIDER --- */
/*.containerwrapper-jobalert,
.containerwrapper-slider {
  overflow: hidden;
}

.containerwrapper-jobalert .container,
.containerwrapper-slider .container {
  padding-left: 0;
  padding-right: 0;
}*/
.slide-block {
  background-size: cover;
  background-position: center center;
  display: flex;
  /*justify-content: flex-end;*/
  flex-direction: column-reverse;
}

.containerwrapper-jobalert .slide-block,
.containerwrapper-slider .slide-block {
  min-height: 250px;
}

.containerwrapper-slider {
  margin-bottom: 30px;
}

.slide-block-inner {
  background-color: #CC0000;
  padding: 30px 30px 40px 30px;
  width: 100%;
}

.slick-track {
  background-color: #CC0000;
}

.slide-block-inner-lg {
  display: none;
}

.slide-block-inner h2 {
  font-size: 29px;
  line-height: 34px;
  color: #FFFFFF;
}

.slide-block-inner p {
  font-family: "Helvetica Neue", "Helvetica", Arial, sans-serif;
  font-size: 20px;
  line-height: 28px;
  font-weight: 100;
  color: #FFFFFF;
}

.slide-block-inner p.testimonial_quote {
  font-size: 25px;
  line-height: 32px;
}

.slide-block-inner a.more_link {
  color: #FFFFFF;
  font-size: 20px;
  display: inline-block;
  float: right;
  text-decoration: underline;
}

.slide-block-inner a.more_link:hover {
  text-decoration: none;
}

.slide-block-inner a.more_link:after,
.slide-block-inner a.more_link:hover:after,
.slide-block-inner a.more_link:focus-within:after {
  background-image: url("../images/icon_more_arrow_white.svg");
  background-position: 0 1px;
}

.slick-dots-buttons-wrapper {
  display: flex;
  align-self: flex-end;
}

.slick-dots-buttons-wrapper .slick-next.slick-arrow {
  background-color: #CC0000;
  border: 0;
  display: inline-block;
  cursor: pointer;
}

.slick-dots-buttons-wrapper .slick-next.slick-arrow span {
  background-image: url("../images/icon_more_arrow_white.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 10px;
  width: 42px;
  height: 50px;
  text-indent: -99999px;
  display: block;
}

.slick-dots-buttons-wrapper .slick-next.slick-arrow:hover,
.slick-dots-buttons-wrapper .slick-next.slick-arrow:focus-within {
  opacity: 0.8;
}

.slider-dots-wrapper ul.slick-dots {
  margin-right: 10px;
}

.slider-dots-wrapper ul.slick-dots li {
  display: inline-block;
}

.slider-dots-wrapper ul.slick-dots li button {
  text-indent: -999999px;
  width: 13px;
  height: 13px;
  background-color: #FFFFFF;
  display: block;
  border: 0;
  margin: 17px 6px 0 6px;
  cursor: pointer;
}

.slider-dots-wrapper ul.slick-dots li.slick-active button,
.slider-dots-wrapper ul.slick-dots li:hover button,
.slider-dots-wrapper ul.slick-dots li:focus-within button {
  background-color: #CC0000;
}

.slick-autoplay-toggle-button {
  border: 0;
  background-color: transparent;
  height: 25px;
  overflow: hidden;
  margin-bottom: 10px;
  padding-left: 0;
  cursor: pointer;
}

.slick-play-icon,
.slick-pause-icon {
  background-size: 75px;
  background-image: url("../images/icon_slider_play.svg");
  background-position: 0 7px;
  background-repeat: no-repeat;
  width: 25px;
  height: 25px;
  overflow: hidden;
  padding: 10px;
  margin-right: 5px;
}

.slick-pause-icon {
  background-image: url("../images/icon_slider_pause.svg");
}

.slick-play-text,
.slick-pause-text {
  font-weight: bold;
  font-family: "Noto Sans", "Open Sans", Arial, sans-serif;
  font-size: 15px;
  color: #CC0000;
}

.slick-autoplay-toggle-button:hover .slick-play-text,
.slick-autoplay-toggle-button:hover .slick-pause-text {
  color: #CC0000;
}

/* -- jobalert -- */
.slide-jobalert {
  background-image: url("../images/jobalert-alt-1.jpeg");
}

.slide-jobalert .slide-block-inner,
.col-jobalert-inner {
  background: #006DFF;
  background: rgba(0, 109, 255, 0.9);
}

/* --- CLASSIFICATIONS --- */
ul.classifications {
  padding-left: 0;
  list-style: none;
  margin-bottom: 0;
  margin-top: 0;
}

ul.classifications li {
  background-repeat: no-repeat;
  background-position: left center;
  margin-bottom: 10px;
  padding-left: 30px;
}

ul.classifications li.class_education_level {
  background-image: url(../images/icon_class_education_level.svg);
  background-size: 17px 19px;
}

ul.classifications li.class_hours {
  background-image: url(../images/icon_class_hours.svg);
  background-size: 18px 18px;
}

ul.classifications li.class_salary {
  background-image: url(../images/icon_class_salary.svg);
  background-size: 12px 17px;
}

ul.classifications li.class_apply_before {
  padding-left: 0 !important;
  font-size: 14px !important;
  font-weight: bold;
}

#maincontent ul.classifications li:before {
  display: none !important;
}

.uitgelichte-vacatures {
  padding-top: 30px;
  padding-bottom: 30px;
}

.uitgelichte-vacatures .col-job,
.uitgelichte-vacatures .col-jobalert {
  display: flex;
}

.uitgelichte-vacatures .col-jobalert {
  min-height: 428px;
}

.slide-jobalert {
  min-height: 398px;
}

.uitgelichte-vacatures .col-jobalert .card-wrapper,
.slide-jobalert {
  flex-direction: column-reverse;
  background-image: url("../images/jobalert-alt-1.jpeg");
  background-size: cover;
  background-position: center center;
  width: 100%;
}

.uitgelichte-vacatures .col-jobalert .card-wrapper .col-jobalert-inner,
.slide-jobalert .slide-block-inner {
  padding: 30px;
}

.uitgelichte-vacatures .col-jobalert .card-wrapper .col-jobalert-inner h3,
.slide-jobalert .slide-block-inner h2 {
  font-size: 25px;
  line-height: 30px;
  color: #FFFFFF;
}

.uitgelichte-vacatures .col-jobalert .card-wrapper .col-jobalert-inner p,
.slide-jobalert .slide-block-inner p {
  color: #FFFFFF;
  font-family: Arial, sans-serif;
  font-size: 16px;
  line-height: 25px;
  margin-top: 0;
  margin-bottom: 16px;
}

.uitgelichte-vacatures .col-jobalert .card-wrapper .col-jobalert-inner a,
.uitgelichte-vacatures .col-jobalert .card-wrapper .col-jobalert-inner a:hover,
.slide-jobalert .slide-block-inner a,
.slide-jobalert .slide-block-inner a:hover {
  color: #FFFFFF;
}

.uitgelichte-vacatures .col-jobalert .card-wrapper .col-jobalert-inner a:hover,
.uitgelichte-vacatures .col-jobalert .card-wrapper .col-jobalert-inner a:hover * {
  text-decoration: underline;
}

.uitgelichte-vacatures a.more_link {
  font-size: 18px;
}

.uitgelichte-vacatures .content-right div {
  display: flex;
  justify-content: flex-end;
}

/* --- SHARE BUTTONS --- */
.share_buttons .share_buttons_inside a {
  width: 44px;
  height: 44px;
  margin-right: 10px;
  float: left;
  background-color: #CC0000;
  border-radius: 50%;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-content: center;
}

.share_buttons .share_buttons_inside a.share_twitter span {
  -webkit-mask: url(../images/icon_share_twitter.svg) center center;
}

.share_buttons .share_buttons_inside a.share_linkedin span {
  -webkit-mask: url(../images/icon_share_linkedin.svg) center center;
}

.share_buttons .share_buttons_inside a.share_facebook span {
  -webkit-mask: url(../images/icon_share_facebook.svg) center center;
}

.share_buttons .share_buttons_inside a.share_whatsapp span {
  -webkit-mask: url(../images/icon_share_whatsapp.svg) center center;
}

.share_buttons .share_buttons_inside a.share_email span {
  -webkit-mask: url(../images/icon_share_email.svg) center center;
}

.share_buttons .share_buttons_inside a span {
  background-color: #FFFFFF;
  display: inline-block;
  width: 44px;
  height: 44px;
  -webkit-mask-repeat: no-repeat !important;
  text-indent: -999px;
}

.share_buttons .share_buttons_inside a:hover,
.share_buttons .share_buttons_inside a:focus-within {
  background-color: #F6F6F6;
}

.share_buttons .share_buttons_inside a:hover span,
.share_buttons .share_buttons_inside a:focus-within span {
  background-color: #CC0000;
}

/* -- Filters -- */
.filters h2 {
  font-size: 25px;
  margin-bottom: 24px;
  margin-top: 20px;
}

.filters .facetwp-input-wrap {
  width: 100%;
}

.filters .facetwp-input-wrap .facetwp-icon {
  display: none;
}

.filters .facetwp-facet {
  margin-bottom: 30px;
}

.filters label {
  font-size: 16px;
  font-weight: bold;
  margin-top: 0;
  margin-bottom: 10px;
  display: block;
}

body.home .filters label {
  color: #FFFFFF;
}

.filters input.facetwp-search {
  border: 1px solid #8F8F8F;
  border-radius: 0;
  width: 100%;
  font-size: 16px;
  font-family: Arial, sans-serif;
  padding: 15px 15px;
  margin-bottom: 5px;
}

.filters .facetwp-type-dropdown select {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  border: 1px solid #8F8F8F;
  border-radius: 0;
  width: 100%;
  font-size: 16px;
  font-family: Arial, sans-serif;
  padding: 15px 15px;
  margin-bottom: 5px;
  background-color: #FFFFFF;
  background-image: url("../images/icon_arrrow_dropdown.svg");
  background-repeat: no-repeat;
  background-position: center right 15px;
}

body.home .filters-box.filters input.facetwp-search {
  border: 0;
}

body.home .filters-box.filters.filters .facetwp-type-dropdown select {
  border: 0;
  padding: 15px 28px 16px 15px;
}

body.home .filters-box.filters.filters .facetwp-redirect.button {
  padding: 14px 20px 13px 20px;
  min-width: 141px;
}

body.home .filters-box.filters .facetwp-facet {
  margin-bottom: 10px;
}

/* --------------- SPECIFIC PAGES --------------- */
/* --- Home --- */
/* --- Header --- */
body.page-vacatures #maincontent,
body.page-vacatures #fotoheader,
body.page-partnerorganisaties #maincontent,
body.page-partnerorganisaties #fotoheader,
body.page-vakgebieden #fotoheader {
  background-color: #F6F6F6;
}

body #fotoheader img {
  width: 100%;
  height: auto;
}

/* --- Vacaturedetails --- */
.job-block {
  border-top: 1px solid #EAEAEA;
  padding-top: 5px;
}

.job-block button {
  display: block;
  width: 100%;
  text-align: left;
  border: 0;
  padding: 10px 26px 10px 3px;
  background-color: #FFFFFF;
  overflow: hidden;
}

.job-block button span {
  background-image: url("../images/icon_details_arrow_red.svg");
  background-size: 16px;
  background-repeat: no-repeat;
  background-position: left center;
  display: inline-block;
  width: 16px;
  height: 32px;
  float: left;
  margin-right: 10px;
  transition: ease-in 0.15s;
}

.job-block.show-content button span {
  transform: rotate(-180deg);
}

.job-block .job-block-content {
  overflow: hidden;
  height: 0;
}

.job_details a {
  text-decoration: underline;
}

.job-block.show-content .job-block-content {
  padding-top: 6px;
  padding-bottom: 6px;
  height: auto;
  display: block;
}

.col-job-sidebar .hs_applybutton a.hs_apply_button {
  width: 100%;
  --ubPrimaryColor: #CC0000;
  --ubPrimaryButtonColor: #006DFF;
  --ubPrimaryButtonHoverColor: #0051BE;
  --ubBorderRadius: 0;
  --ubButtonFontSize: 18px;
  --ubButtonPadding: 14px 20px;
  --ubButtonBorderRadius: 0px;
}

.col-job-sidebar .hs_referralbutton a.hs_referral_button {
  margin-top: 20px;
  margin-bottom: 20px;
  width: 100%;
  background-color: #0051BE;
}

.col-job-sidebar .hs_referralbutton a.hs_referral_button:hover {
  margin-top: 20px;
  margin-bottom: 20px;
  width: 100%;
  background-color: #006DFF;
}

.closing_date {
  font-style: italic;
  display: block;
  margin-top: 10px;
  margin-bottom: 20px;
}

/* --- Recruiter --- */
.card-recruiter {
  background-color: #F6F6F6;
  text-align: center;
  padding: 30px;
}

.card-recruiter h3 {
  font-weight: bold;
  font-size: 25px;
  line-height: 28px;
  text-align: center;
  color: #313131;
  margin-top: 0;
  margin-bottom: 6px;
}

.card-recruiter h4 {
  font-family: "Helvetica Neue", "Helvetica", Arial, sans-serif;
  font-weight: 300;
  font-size: 20px;
  line-height: 28px;
  text-align: center;
  color: #313131;
  margin-top: 0;
  margin-bottom: 20px;
}

.card-recruiter h2 {
  font-weight: bold;
  font-size: 18px;
  line-height: 25px;
  text-align: center;
  color: #313131;
  margin-top: 0;
  margin-bottom: 0;
}

.card-recruiter span {
  display: block;
  font-size: 16px;
  line-height: 25px;
  text-align: center;
  color: #313131;
}

.card-recruiter-image {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  background-size: cover;
  background-position: center center;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
}

/* --- Recruiter --- */
.procedure-wrapper {
  margin-top: 30px;
  margin-bottom: 30px;
}

.card-procedure {
  background-color: #CC0000;
  padding: 30px;
  margin-bottom: 24px;
}

.card-procedure h2 {
  font-family: "Helvetica Neue", "Helvetica", Arial, sans-serif;
  font-weight: 300;
  font-size: 28px;
  line-height: 38px;
  text-align: center;
  color: #fff;
  margin-bottom: 30px;
}

.card-procedure .procedure-item {
  padding: 0 20px;
}

.card-procedure .procedure-item h3 {
  font-weight: normal;
  font-size: 14px;
  line-height: 25px;
  text-align: center;
  color: #fff;
  text-transform: uppercase;
}

.card-procedure .procedure-item .sp-icon {
  text-align: center;
}

/* verberg sollicitatiebalk op mobiel */
#job-d-bar {
  position: fixed;
  bottom: 0px;
  background-color: #F6F6F6;
  width: 100%;
  z-index: 1;
  padding-top: 14px;
  transition: opacity 0.5s;
  opacity: 0;
}

#job-d-bar.show {
  opacity: 1;
}

#job-d-bar h2 {
  color: #CC0000;
  font-size: 26px;
  margin-top: 12px;
}

#job-d-bar .col-button {
  text-align: right;
}

#job-d-bar a.hs_apply_button {
  margin-bottom: 12px;
  width: 100%;
  --ubPrimaryColor: #CC0000;
  --ubPrimaryButtonColor: #006DFF;
  --ubPrimaryButtonHoverColor: #0051BE;
  --ubBorderRadius: 0;
  --ubButtonFontSize: 18px;
  --ubButtonPadding: 14px 20px;
  border-radius: 0;
}

/* --- Hiërarchie voor uitgelichte vacatures en ontdek meer blokjes --- */
.uitgelichte-vacatures h2.light,
.containerwrapper-ontdek-meer h2.light {
  font-family: "Helvetica Neue", "Helvetica", Arial, sans-serif;
  font-weight: 300;
  font-size: 25px;
  line-height: 28px;
  margin-bottom: 20px;
  color: #313131;
}

.uitgelichte-vacatures h3,
.containerwrapper-ontdek-meer h3 {
  font-family: "Helvetica Neue", "Helvetica", Arial, sans-serif;
  font-weight: 500;
  font-size: 20px;
  line-height: 28px;
  color: #CC0000;
  margin-top: 0;
  margin-bottom: 18px;
}

/* --- Solliciteren --- */
body.page-solliciteren #maincontent,
body.page-aandragen #maincontent {
  background-color: #F6F6F6;
}

body.page-solliciteren #maincontent .container-inner,
body.page-aandragen #maincontent .container-inner {
  background-color: #FFFFFF;
  padding: 15px;
}

/* --- Kandidatenportaal --- */
body.page-persoonlijkepagina #maincontent {
  background-color: #F6F6F6;
}

body.page-persoonlijkepagina .hs_dashboard {
  column-gap: 30px;
}

body.page-persoonlijkepagina .dashboard_box {
  padding-bottom: 30px;
}

body.page-persoonlijkepagina .dashboard_box > div {
  border: 0;
  background-color: #FFFFFF;
  padding: 30px;
}

body.page-persoonlijkepagina .dashboard_box a.button {
  margin-bottom: 10px;
}

body.page-persoonlijkepagina .dashboard_box h2 {
  margin-bottom: 30px;
}

.col-inner-text a {
  text-decoration: underline;
}

/* --------------- Only for small devices, smaller than 767px --------------- */
/* --------------- Small devices (landscape phones, 576px and up) (col-sm) --------------- */
@media screen and (min-width: 576px) {
  body.home .col-home-filters {
    padding-left: 15px;
    padding-right: 15px;
  }
  .uitgelichte-vacatures {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
/* --------------- Medium devices (tablets, 768px and up) (col-md) --------------- */
@media screen and (min-width: 768px) {
  .containerwrapper-jobalert .slide-block,
.containerwrapper-slider .slide-block {
    min-height: 300px;
  }
  #job-d-bar {
    top: 75px;
    bottom: auto;
  }
  #job-d-bar.sticky {
    position: sticky;
  }
}
/* --------------- Large devices (desktops, 992px and up) (col-lg) --------------- */
@media screen and (min-width: 992px) {
  #job-d-bar {
    top: 150px;
    bottom: auto;
  }
  h1 {
    font-size: 40px;
    line-height: 44px;
  }
  blockquote p {
    font-size: 36px;
    line-height: 42px;
  }
  #wallpaper #header_box {
    min-height: 70px;
  }
  #wallpaper #header_home #header_home_content h1 {
    font-size: 50px;
    line-height: 48px;
  }
  #wallpaper #header_home #header_home_content h2 {
    font-size: 43px;
    line-height: 48px;
  }
  #play-video {
    height: 60px;
    width: 60px;
  }
  a#logo-header .logo-gu {
    height: auto;
  }
  .button:not(.edit):not(.link_below):not(.link_below2) {
    display: inline-block;
    min-width: 300px;
    width: auto;
    margin-right: 15px;
  }
  .load-more-wrapper .facetwp-load-more {
    width: auto;
    margin: auto;
  }
  blockquote {
    background-position: 16px 8px;
    padding-left: 96px;
    padding-right: 96px;
  }
  header {
    height: 150px;
  }
  header .header-bg {
    height: 48px;
    position: absolute;
    width: 100%;
    background-image: linear-gradient(270deg, #F8F8F8 0%, #F8F8F8 21%, #FFFFFF 54%);
  }
  header .container .row {
    position: relative;
  }
  header .container .row .secondary-menu {
    position: absolute;
    right: 15px;
    z-index: 100;
    display: block;
  }
  header .container .row .secondary-menu ul {
    list-style: none;
    padding: 0;
  }
  header .container .row .secondary-menu ul li {
    display: inline-block;
    margin-right: 70px;
  }
  header .container .row .secondary-menu ul li:last-child {
    display: inline-block;
    margin-right: 0;
  }
  header .container .row .secondary-menu ul li a {
    text-decoration: none;
    font-size: 14px;
  }
  header .container .row .secondary-menu ul li a:hover,
header .container .row .secondary-menu ul li a:focus {
    color: #313131;
  }
  .mobile-sso, .mobile-persoonlijke-pagina {
    display: none;
  }
  .menu-hoofdmenu-container ul li button.dropdown-toggle {
    border: 0;
    width: 15px;
    height: 20px;
    text-indent: -9999px;
    display: inline-block;
    overflow: hidden;
    margin-top: 0px;
    position: absolute;
    margin-left: -22px;
    background-color: transparent;
    background-image: url("../images/icon_submenu_arrow_down.svg");
    background-size: 10px 6px;
    background-repeat: no-repeat;
    background-position: center center;
  }
  .menu-hoofdmenu-container ul li button.dropdown-toggle:focus {
    outline: 1px solid #CC0000;
    border-radius: 3px;
  }
  .menu-hoofdmenu-container ul li button.dropdown-toggle.toggled-on {
    transform: rotate(180deg);
  }
  .menu-hoofdmenu-container > ul > li.menu-item-has-children > a {
    padding-right: 26px;
  }
  .menu-nav-mobile-wrapper {
    display: none;
  }
  .menu-nav-wrapper {
    display: block;
  }
  .menu-nav-wrapper ul {
    list-style: none;
    margin: 0;
    padding: 0;
    float: right;
  }
  .menu-nav-wrapper ul > li {
    float: left;
    position: relative;
    padding: 85px 0 47px 0;
    margin: 0;
  }
  .menu-nav-wrapper ul > li a {
    color: #313131;
    text-decoration: none;
    padding: 0 13px;
  }
  .menu-nav-wrapper ul > li:last-child a {
    padding-right: 0;
  }
  .menu-nav-wrapper ul > li a:hover,
.menu-nav-wrapper ul > li a:focus {
    color: #CC0000;
  }
  .menu-nav-wrapper ul > li.menu-item-has-children > a {
    display: inline-block;
  }
  .menu-nav-wrapper ul > li > ul.sub-menu {
    position: absolute;
    display: none;
    z-index: 100;
    background: rgba(255, 255, 255, 0.95);
    border-bottom: 6px solid #CC0000;
    width: 220px;
    top: 149px;
  }
  .menu-nav-wrapper ul > li > ul.sub-menu.toggled-on {
    display: block;
  }
  .menu-nav-wrapper ul > li > ul.sub-menu li {
    float: none;
    padding: 0;
  }
  .menu-nav-wrapper ul > li > ul.sub-menu li a {
    padding: 20px 20px;
    display: block;
    color: #CC0000;
  }
  .menu-nav-wrapper ul > li > ul.sub-menu li a:hover,
.menu-nav-wrapper ul > li > ul.sub-menu li a:focus {
    color: #313131;
  }
  .menu-nav-wrapper ul > li:hover > ul.sub-menu,
.menu-nav-wrapper ul > li:focus > ul.sub-menu {
    display: block;
  }
  #wallpaper {
    height: 400px;
  }
  #wallpaper.wallpaper-large {
    height: 450px;
  }
  #wallpaper #header_box {
    padding: 22px 30px 10px 30px;
  }
  body.home #wallpaper {
    height: 610px;
  }
  body.home .filters-box {
    padding: 38px;
  }
  footer {
    background-image: linear-gradient(90deg, #CC0001 30%, #FFFFFF 30%);
    background-repeat: no-repeat;
  }
  footer .container {
    background-image: url("../images/footer_bg.svg");
    background-position: center;
  }
  footer div.logo_favoriete_werkgevers img {
    margin-top: 65px;
  }
  footer ul {
    margin-top: 65px;
    margin-bottom: 55px;
  }
  footer .col-red {
    background-color: transparent;
  }
  #maincontent .container {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  /* --------------- COMPONENTS --------------- */
  .col-text-column-wrapper {
    border: 1px solid transparent;
  }
  .col-text-column {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 30px;
    -moz-column-gap: 30px;
    column-gap: 30px;
    border: 1px solid transparent;
  }
  .col-text-column p {
    border: 1px solid transparent;
  }
  .uitgelichte-vacatures {
    padding-top: 80px;
    padding-bottom: 80px;
  }
  body.page-solliciteren #maincontent .container-inner,
body.page-aandragen #maincontent .container-inner {
    background-color: #FFFFFF;
    padding: 30px;
  }
  /* --- CARD / SHARE BUTTONS --- */
  /*.card-wrapper .card-job .card-text {
    padding-right: 60px;
  }*/
  .card-wrapper .card-job .share_buttons > a {
    width: 42px;
    height: 44px;
    display: flex;
    justify-content: center;
    align-content: center;
  }
  .card-wrapper .card-job .share_buttons > a > span {
    overflow: hidden;
    text-indent: -999px;
    -webkit-mask: url(../images/icon_share.svg) center center;
    -webkit-mask-repeat: no-repeat !important;
    background-color: #CC0000;
    width: 44px;
    height: 44px;
  }
  .card-wrapper .card-job .share_buttons {
    position: absolute;
    right: 30px;
    top: 90px;
    width: 44px;
    height: 44px;
    background-color: #F6F6F6;
    border-radius: 50%;
  }
  .card-wrapper .card-job .share_buttons .share_buttons_inside {
    display: none;
    background-color: transparent;
    position: absolute;
    padding-right: 50px;
    right: 0;
    top: 0;
    width: 400px;
  }
  .card-wrapper .card-job .share_buttons:hover .share_buttons_inside,
.card-wrapper .card-job .share_buttons:focus-within .share_buttons_inside {
    display: block;
  }
  .card-wrapper .card-job .share_buttons .share_buttons_inside a {
    float: right;
    margin-left: 10px;
    margin-right: 0;
  }
  /* --- CLASSIFICATIONS --- */
  #maincontent .card-job ul.classifications {
    margin-bottom: 0;
  }
  /* --- SLIDER --- */
  .containerwrapper-jobalert .slide-block,
.containerwrapper-slider .slide-block {
    min-height: 400px;
  }
  .containerwrapper-jobalert .container,
.containerwrapper-slider .container {
    padding-right: 15px;
    padding-left: 15px;
  }
  .slide-block-inner {
    min-width: 390px;
    width: 35%;
    margin-top: 50px;
    margin-bottom: 50px;
    margin-left: 50px;
    padding: 30px 30px 30px 30px;
  }
  .slide-block-inner-lg {
    display: block;
    background: #CC0000;
    background: rgba(204, 0, 0, 0.9);
  }
  .slide-block-inner-sm {
    display: none;
  }
  .slick-dots-buttons-wrapper .slick-next.slick-arrow {
    background: #CC0000;
    background: rgba(204, 0, 0, 0.9);
  }
  .slick-dots-buttons-wrapper {
    position: absolute;
  }
  /* --------------- SPECIFIC PAGES --------------- */
  /* --- Home --- */
  body.home .filters-box {
    display: flex;
  }
  body.home .filters-box .filtercell {
    flex: 2;
    padding-right: 10px;
  }
  body.home .filters-box .filtercell.button-wrapper {
    padding-right: 0;
    display: flex;
    flex: none;
  }
  body.home .filters-box .filtercell.button-wrapper .button {
    align-self: flex-end;
    margin-bottom: 5px;
    margin-right: 0;
  }
  body.home .filters-box.filters .facetwp-facet {
    margin-bottom: 0;
  }
  body.home .filters-box button.button {
    min-width: 140px;
  }
  /* --- Vacaturelijst --- */
  body.page-vacatures .joblist-header,
body.page-partnerorganisaties .joblist-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
  }
  body.page-vacatures .joblist-header h1,
body.page-vacatures .joblist-header .facetwp-facet,
body.page-partnerorganisaties .joblist-header h1,
body.page-partnerorganisaties .joblist-header .facetwp-facet {
    margin-bottom: 28px;
  }
  body.page-vacatures .classifications li,
body.page-partnerorganisaties .classifications li {
    display: inline-block;
    margin-right: 20px;
  }
  /* --- Vacaturedetail --- */
  body.single-job .classifcations_header li {
    display: inline-block;
    margin-right: 20px;
  }
  .col-job-sidebar-inner {
    position: sticky;
    top: 150px;
  }
  /* --- Procedure --- */
  .procedure-wrapper {
    position: relative;
  }
  .procedure-bg {
    background-image: url("../images/sollicitatieprocedure-1140x428.jpg");
    background-size: cover;
    background-position: center center;
    height: 360px;
    position: absolute;
    width: 100%;
  }
  .procedure-item-wrapper {
    display: flex;
    justify-content: center;
  }
  .card-procedure {
    margin-top: 200px;
  }
  footer .col-red,
footer .col-red:first-child {
    padding-top: 0;
    padding-bottom: 0;
  }
  footer ul,
footer ul#social_links {
    list-style: none;
    padding: 0;
    margin-top: 65px;
  }
}
/* --------------- Platform css override --------------- */
.SumoSelect.open .search-txt {
  padding: 13px 8px;
  font-size: 15px;
}

.form-field .SumoSelect > .optWrapper.multiple > .options li.opt span i,
.form-field .SumoSelect .select-all > span i {
  border: 1px solid #8F8F8F;
}

@media screen and (max-width: 991px) {
  #menu-hoofdmenu {
    z-index: 1000;
    overflow-y: auto;
    position: fixed;
    top: 75px;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: #FFFFFF;
    list-style: none;
    padding: 0;
    margin-bottom: 0;
    margin-top: 0;
    display: none;
  }
  #menu-hoofdmenu.show {
    display: block;
  }
  #menu-hoofdmenu li {
    position: relative;
  }
  #menu-hoofdmenu li ul {
    list-style: none;
    margin-bottom: 0;
  }
  #menu-hoofdmenu li:focus-within > a {
    color: #CC0000;
  }
  #menu-hoofdmenu > li > ul.sub-menu {
    padding-left: 0;
  }
  #menu-hoofdmenu > li > ul.sub-menu > li > a {
    padding-left: 20px;
  }
  #menu-hoofdmenu > li > ul.sub-menu > li > ul.sub-menu {
    background-color: #FFFFFF;
    padding-left: 0;
  }
  #menu-hoofdmenu > li > ul.sub-menu > li > ul.sub-menu a {
    padding-left: 40px;
  }
  #menu-hoofdmenu li a {
    font-size: 15px;
    color: #313131;
    text-decoration: none;
    padding: 10px 9px;
    display: block;
    font-weight: 400;
    background-color: transparent;
    border-left: 4px solid transparent;
  }
  #menu-hoofdmenu li a:focus {
    border-left: 4px solid #CC0000;
  }
  #menu-hoofdmenu li button.dropdown-toggle {
    border: 0;
    width: 36px;
    height: 36px;
    text-indent: -9999px;
    overflow: hidden;
    position: absolute;
    background-color: transparent;
    background-image: url("../images/icon_submenu_arrow_down.svg");
    background-size: 10px 6px;
    background-repeat: no-repeat;
    background-position: center center;
    right: 0;
    top: 0;
  }
  .menu-hoofdmenu-container ul li button.dropdown-toggle:focus {
    outline: 1px solid #CC0000;
    border-radius: 3px;
  }
  #menu-hoofdmenu li button.dropdown-toggle.toggled-on {
    transform: rotate(180deg);
  }
  .menu-nav-wrapper {
    display: block;
  }
  #menu-hoofdmenu .sub-menu {
    display: none;
  }
  #menu-hoofdmenu .sub-menu.toggled-on {
    display: block;
  }
}
@media screen and (min-width: 768px) and (max-width: 992px) {
  #menu-hoofdmenu {
    width: 300px;
    left: auto;
    right: 0;
  }
}
@media screen and (min-width: 1024px) {
  body.page-kandidaataccount .hs_dashboard {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
  }
  body.page-kandidaataccount .hs_dashboard.hs_no_blocks {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
  }
}
/* --------------- Extra large devices (large desktops, 1200px and up) (col-xl) --------------- */
@media screen and (min-width: 1200px) {
  .menu-nav-wrapper ul > li a {
    padding: 0 18px;
  }
}
/* --------------- Even larger devices (huge desktops, 1400px and up) --------------- */
/* --------------- High resolution images --------------- */
/* --- GRID LAYOUT SPECIFIC - USED FOR TRAINING --- */
.site-grid-layout .col-inner-text {
  background-color: #FFE600;
}

.site-grid-layout .containerwrapper.row-columns .containerwrapper-overlay {
  padding-top: 0;
  padding-bottom: 0;
}

.site-grid-layout .containerwrapper .col-inner {
  margin-top: 0;
  margin-bottom: 0;
}

.container {
  /*padding-top:50px;
  padding-bottom: 50px;*/
}

#grid-layout-overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
}

#grid-layout-overlay .container {
  padding-top: 0;
  padding-bottom: 0;
}

#grid-layout-overlay .grid-layout-bg {
  background: rgba(198, 255, 255, 0.5);
  min-height: 6000px;
}

@media screen and (min-resolution: 120dpi) {
  body {
    zoom: 0.8;
  }
}

/*# sourceMappingURL=stylesheet-utrecht.css.map */