/* PLEASE ADD NEW LIVE CSS UNDER LAST COMMENT
FORMAT: user:JIRA-issue-nr:date:description
SCROLL ALL THE WAY DOWN.

!!!IMPORTANT: ADD COMMENTS (AUTHOR, REASON, TICKET)
WHEN ADDING CSS AND MAKE SURE IT GETS INTEGRATED IN CODE
(TICKET DRUPAL TEAM). THIS FILE WILL BE CLEARED
PERIODICALLY!!! */
/* Draaiboekactie deploy Drupal 24-02-2022 uitgevoerd door JHANDSTA */
body {
  position: relative;
}

/* Uitegezet voor DRUPAL-1265 door wannes */
/*verbergen zoek vraag lisa 18-11-2021*/
/*#header-search {*/
/*  display: none !important;*/
/*  width: 0;*/
/*  border: 0 none;*/
/*  margin-top: 0;*/
/*  margin-bottom: 0;*/
/*}*/

main {
  padding-top: 0;
  padding-bottom: 0;
}


/* fix buttons vraag lisa 18-11-2021*/
input[type="submit"].button-primary {
  background-color: #2d89cc;
}


/* ADD NEW CSS ON THE BOTTOM - NEW CSS FROM 07/10/2020 - SVERREY */


/* CSS BELOW IN STORY ONDC-660 - 07/10/2020 - SVERREY */
/* VEO banner sverrey1  */
.wrapper--banner-veo {
  padding: 1.5em;
  margin-bottom: 1.5em;
  margin-top: 0.5em;
  margin-left: 0em;
  margin-right: 0em;
  position: relative;
  background: #ffffff;
}

.wrapper--banner-veo h2{
  color: #184471;
  font-weight: 700;
  line-height: 1.3em;
  font-size: 1.3em;
}
/* CSS BELOW IN STORY DVP-9985 - 02/03/2021 - KDWEYER */
/* VEO ol KDWEYER  */
.opleidingen .veo2 .result-block ._filters ._section ul {
  padding: 0rem 0rem;
}
/*
kdweyer wachtwoord vergeten werkgevers login button -> link
11-06-2020 nodig tot top Q2 (https://www.vdab.be/login)
*/
.werkgevers .web-login-employer-form a[href^="/password/reset"].button.medium  {
    color: #1a94ff;
    border:none;
    background: #ebf2f9;
}
.werkgevers .web-login-employer-form a[href^="/password/reset"].button.medium:visited  {
    color: #4c8fcb;
    border:none;
    background: #ebf2f9;
}

/*
webform-client-form-37872 fix marges
*/
.webform-client-form-37872 .form-radios {
  margin: 0.5em 0;
}
.webform-client-form-37872 .fieldset-description{
  margin-bottom: 0.5em;
}

/* Webform seizoensarbeid/kandidaat page - node/37444
 + Edits bij SVERREY1 9/04/2020
*/
.node--webform--node-embed header {
  display: none;
}

.webform-client-form-37449, .webform-client-form-39737 {
  background: #eff7fe;
  padding: 1.5rem;
  margin: 2em 0;
}

.webform-client-form-37449 .form-submit, .webform-client-form-39737 .form-submit {
  color: #fff;
  border: 1px solid #2d89cc;
  background: #2d89cc;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-smoothing: antialiased;
  text-rendering: optimizelegibility;
  font-family: Flanders Art Sans,"Myriad Pro",Arial,Helvetica,sans-serif;
  display: inline-block;
  padding: 8px 16px;
  cursor: pointer;
  transition: all .1s;
  border-radius: 5px;
}

.webform-client-form-37449 .form-select, .webform-client-form-39737 .form-select {
  border-radius: 0;
  margin: 0 0 0 -3px;
  border:1px solid #e4e5e7;
}

.webform-client-form-39737 .form-select {
    margin: 0 0 0 0px;
}

.webform-client-form-37449 .form-submit:hover, .webform-client-form-39737 .form-submit:hover {
  box-shadow: none;
  background: #2799ec !important;
}

@media (min-width: 60em) {
  .webform-client-form-37449 div{
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
  }

  .webform-client-form-37449 .webform-component--gemeente {
    -webkit-flex-grow: 3;
    flex-grow: 3;
    margin-bottom:0;
  }
 
  .webform-client-form-37449 .webform-component--afstand {
    -webkit-flex-grow: 3;
    flex-grow: 3;
    margin-right:1em;
    margin-bottom:0;
  }
  .webform-client-form-37449 .form-actions {
    -webkit-flex-grow: 3;
    flex-grow: 3;
    display: inline-block;
  }
}

  @media (min-width: 60em) {
  .webform-client-form-39737 div{
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
  }

  .webform-client-form-39737 .webform-component--gemeente {
    -webkit-flex-grow: 3;
    flex-grow: 3;
    margin-bottom:0;
  }
 
  .webform-client-form-39737 .webform-component--afstand {
    -webkit-flex-grow: 3;
    flex-grow: 3;
    margin-right:1em;
    margin-bottom:0;
  }
  .webform-client-form-39737 .form-actions {
    -webkit-flex-grow: 3;
    flex-grow: 3;
    display: inline-block;
  }
}

/*End seizoensarbeid webform*/
/*End zorgsector covid-19 webform*/

/* Webform seizoensarbeid/kandidaat page - node/39584
 + Edits bij kdweyer 22/10/2020
*/
.node--webform--node-embed header {
  display: none;
}

.webform-client-form-39584 {
  background: #eff7fe;
  padding: 1.5rem;
  margin: 2em 0;
  width:700px;
}

.webform-client-form-39584 .form-submit {
  color: #fff;
  border: 1px solid #2d89cc;
  background: #2d89cc;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-smoothing: antialiased;
  text-rendering: optimizelegibility;
  font-family: Flanders Art Sans,"Myriad Pro",Arial,Helvetica,sans-serif;
  display: inline-block;
  padding: 8px 16px;
  cursor: pointer;
  transition: all .1s;
  border-radius: 5px;
}

.webform-client-form-39584 .form-select {
  border-radius: 0;
  margin: 0 0 0 -3px;
  border:1px solid #e4e5e7;
}

.webform-client-form-39584 .form-submit:hover {
  box-shadow: none;
  background: #2799ec !important;
}

@media (min-width: 60em) {
  .webform-client-form-39584 div{
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
  }

  .webform-client-form-39584 .webform-component--gemeente {
    -webkit-flex-grow: 3;
    flex-grow: 3;
    margin-bottom:0;
    width:350px;
  }
 
  .webform-client-form-39584 .webform-component--afstand {
    -webkit-flex-grow: 3;
    flex-grow: 3;
    margin-right:1em;
    margin-bottom:0;
  }
  .webform-client-form-39584 .form-actions {
    -webkit-flex-grow: 3;
    flex-grow: 3;
    display: inline-block;
  }
  #seizoen .webform-client-form-39584 .button.medium {
    padding: 8px 16px;
    font-size: 16px;
}
  
}

/*End zorgsector webform*/

@media (max-width: 60em) {
  .landingspage-announcement h2 {
    margin-top: 20px !important;
    line-height: 32px;
  }
}

/* Fix mobile embed video
+ Edits by SVerrey1 8/4
*/
@media (max-width: 60em) {
  .embed.vdab-video {
    float: none !important;
  }
  .embed .vdab-video {
  position:relative;
	padding-bottom:0;
	height:0;
	overflow:hidden;
  }
  
  .embed .vdab-video iframe {
    position:absolute;
  	top:0;
  	left:0;
  	width:100%;
  	height:100%;
  }
  .ratio-50 {
    margin: 0 0 1em 0!important;
  }
}

/* #COVID-19 warning homepage & partners
+ Edits by JSANNEN 18/3
+ Edits by HParedae 20/03 en partners 23/3
+ Edits by SVerrey1 parnters 23/3
*/
/*
body.home{
  position: relative;
}

/* partners */

body.home.partners .main-holder{
  overflow: visible !important;
}
body.home.partners.page-partners .main-holder{
  margin-top: 180px; /* SV 23/3 */
}
body.home.partners .messages.messages--warning{
  padding: 2rem 1rem; /* SV 23/3 */
  color: #fff; /*HP*/
  position: absolute; /* HP */
  top: -190px; /*HP*/
  width: 100%;
  border-radius: 0;
  background:  #004475; /*HP*/
  border: 0 !important;
  box-shadow: none;
  height: 153px;
}

body.home.partners .messages.messages--warning h2, 
body.home.partners .messages.messages--warning a {
  color: #fff; /*HP*/
}

body.home.partners .messages.messages--warning:before{
  background:  white; /* JS 18/3 */
  content: "";
  display: block; /* JS 18/3 */
  margin: 0 -10000px;
  padding: 0 10000px;
  height: 100%;
  z-index: -10;
  width: 100%;
  top: 0;
}

body.home.partners .messages.messages--warning:before,
body.home.partners .messages.messages--warning .icon-close{
  display: none;
}

@media (max-width: 60em) {

  body.home.partners{
    margin-bottom: 153px;
  }
  
  /*body.home .alert-warning,*/ /*HP*/
  body.home.partners .messages.messages--warning{
    height: auto;
    left: 0;
  }
  
  body.home.partners .messages.messages--warning:before{
    display: none;
  }

  body.home.partners .main-holder{
    margin-top: 153px;
  }
  
  body.home.partners.page-partners .main-holder{
    margin-top: 200px; /* SV 23/3 */
  }
}
*/
/* End  Corona warning homepage 13/03/2020*/

/* extra text for agenda page #COVID-19 */
.page-agenda .page-title::after{
  content: "\A Wegens het coronavirus annuleren we alle fysieke events tot eind september. Online events, zoals webinars, vinden wel plaats.";
  white-space: pre-wrap;
  font-size: 1.5rem;
  color: #FF0000;  
}
/* end extra text for agenda page #COVID-19 */

/* temp fix for margin MLB HP cbeeth */
.homepage h2.job-suggestions-title {
  margin-top: 2em!important;
}
/* end temp fix */

/* cbeeth Temp fix for vej widjet 21-05-19 */

#vindeenjob-widget-search-home .dropdown-menu {
  position:absolute; 
  list-style: none;
  z-index: 1000;
  top: 100%;
  left: 0;
  min-width: 160px;
  margin: 2px 0 0;
  padding: .25rem 0;
  cursor: default;
  text-align: left;
  border: 1px solid #c9cbce;
  background-color: #fff;
  background-clip: padding-box;
  box-shadow: rgba(0,0,0,.25) 0 2px 4px 0;
  width: 100%;
}

#vindeenjob-widget-search-home .dropdown-menu li a {
    display: block;
    padding: .25rem 1rem;
    white-space: nowrap;
    color: inherit;
    
}

/* end temp fix widjet */


/* JSANNEN Make mobile menu scroll the right way  */
/*Elvira: alrdy fixed on ldv v3.5.4 11/02 => this can go as
soon as 3.6 hits I think + to be retested on drupal native pages*/
@media (max-width: 60em) {
  .newnav-navbar .navbar-mainmenu {
    overflow: scroll;
  }
  .newnav-navbar .navbar-mainmenu .navbar-sublinks {
    overflow-y: unset;
    margin-bottom: 3rem;
    height: auto;
  }
}
/* End JSANNEN */



/* Visited color overule vej */

/*Elvira: alrdy fixed on ldv v3.5.4 11/02*/
.vej .jobflix .outerwrapper .job-card:visited {
    color: #796694;
}

/* End visited color overule vej

/* Flanders lang color fix */
/*Elvira: alrdy fixed on ldv v3.5.4 11/02*/
.flanders-lang span {
  font-weight: 500;
}

.flanders-lang a {
  color: #333;  
}
/* End flanders lang */


/* Carl Bit of extra css for the signed in footer */
/*in huisstijk 3.5.3 (Elvira)*/
/*DRUPAL OVER TE NEMEN*/
#footer-personal {
  border-top: 1px solid rgba(0,0,0,0.1);
}

/*OVER TE NEMEN DOOR DRUPAL*/
@media screen and (max-width: 60em) {
  body.werkgevers.opleidingen .veo:first-child .view-mode-node_embed {
    width: 100%;
  }
}

/*Carl: Temp fix for mobile view of the VEJ Homepage widget expanded jobdomain */

#vindeenjob-widget-search-home .hs-slide-down {
max-height: none;
}

/* End fix vej jobdomain */

/*Carl: Temp removal of matching report */
/* Michael removing the css overrule for matchingsrapport  2/05/19 */
/*
.vej vej-match-icon span, .vej vej-match-icon {
    display: none;
}

.vej .competenties {
    padding-left: 34px!important;
}

.vej .competenties li.list-none {
    list-style: disc;
}

.vej .-vacature-detail-new .panel-matching ul {
    padding-left: 1.3rem;
    list-style: disc;
}

.vej .-vacature-detail-new .panel-matching ul li.bullet {
    margin-left: 0;
}


.vej .-vacature-detail-new .panel-matching .matching-score, .vej .-vacature-detail-new .panel-matching hr {
    display: none;
}
*/
/* End matching report */

/*Mitch + L4a : fix VEJ matchingbar, fix 3.4*/
/*Elvira: alrdy fixed on ldv v3.5.4 11/02*/
/* Michael removing the css overrule for matchingsrapport 2/05/19 */
/*
@media(max-width: 60em) {
  .vej .-vacature-detail-new .panel-matching {
    display: block;
    padding-left: 0;
    border-left: 0;
    margin-left: -1rem;
    margin-right: -1rem;
    padding: 1rem;
    background-color: rgba(238, 240, 244, .4);
  }
  
  .vej vej-match-icon span, .vej vej-match-icon {
    display: none;
  }
  
  .vej .competenties li.list-none {
    list-style: disc;
  }
  
  .vej .-vacature-detail-new .panel-matching ul {
      padding-left: 1.3rem;
      list-style: disc;
  }
  
  .vej .-vacature-detail-new .panel-matching ul li.bullet {
      margin-left: 0;
  }
  
  
  .vej .-vacature-detail-new .panel-matching .matching-score, .vej .-vacature-detail-new .panel-matching hr {
      display: none;
  }
  
  .vej .panel-matching .-plaats-twerkstelling {
    display:none;
  }
}
*/
/*end*


/* Elke: mag verwijderd worden na deploy HIP sprint Drupal */

.slides .vdab-video {
   padding-top: 50% !important;
}



/*
Verberg (tijdelijk) de datum-sorteernkop in de zoek,
aangezien de datumsortering niet correct werkt
*/
.vdab-search-sort {display: none;}


/* start temp opleidingen link */

@media (min-width: 60em) {
body.opleidingen.www .veo-widget .form-container {
  padding: 1.25rem 2rem 2rem;
}
.temp-veo-link {
  margin: -3.8rem 0 2.5rem 0;
  font-size: .85rem;
  padding: 0 2rem 0 0;
  text-align: right;
}
}

@media (max-width: 60em) {
.temp-veo-link {
  margin: -2rem 0 2.5rem 0;
  font-size: .85rem;
  text-align: center;
}
}


/* End temp opleidingen link */

/* Campaign VDAB Alles... */





/* JSANNEN: TEMP FIX HEADER DROPDOWN FOR MOBILE IN MLB */
@media (max-width: 60em) {
    .mlb-homepage .newnav-navbar .navbar-rightmenu ul.dropdown-menu.hs-slide-down {
        top: 2.8rem;
        left: -5.3rem;
        width: 11.5rem;
    }
}
/* JSANNEN: TEMP FIX HEADER DROPDOWN FOR MOBILE IN MLB */





/* start temp opleidingen link */

@media (min-width: 60em) {
body.opleidingen.www .veo-widget .form-container {
padding: 1.25rem 2rem 2rem;
}
.temp-veo-link {
margin: -3.8rem 0 2.5rem 0;
font-size: .85rem;
padding: 0 2rem 0 0;
text-align: right;
}
}

@media (max-width: 60em) {
.temp-veo-link {
margin: -2rem 0 2.5rem 0;
font-size: .85rem;
text-align: center;
}
}


/* End temp opleidingen link */

/* start temp opleidingen link new header included*/

@media (min-width: 60em) {
body.opleidingen.www .veo-widget .form-container {
padding: 0;
margin-top: 2rem;
background: none;
border: none;
}
.temp-veo-link {
position: absolute;
bottom: 0;
right: 0;
margin: 0 1rem 0.3rem 0;
font-size: .85rem;
padding: 0 0rem 0 0;
text-align: right;
}
}

@media (max-width: 60em) {
.temp-veo-link {
margin: -2rem 0 2.5rem 0;
font-size: .85rem;
text-align: center;
}
}

/* Start new job campain header */
@media (min-width: 60em) {
.landingspage.landingspage-campaign.landingspage-campaign-jobs .vej-widget {
margin-top: 1rem;
margin-bottom: 1.5rem;
}
}

@media (max-width: 60em) {
.landingspage.landingspage-campaign .campaign-sub-img-homepage {
  right: -20px;
}
.landingspage.landingspage-campaign.landingspage-campaign-jobs .vej-widget {
margin-top: 0rem;
padding-top: 0rem;
}
}
/* End new job campain header */
}

/*Correct styling is only in version 3.4 so for 3.3 (including production) 
* this needs to be applied for the images
*/
/*Elvira: alrdy fixed on ldv v3.5.4 11/02*/
.landingspage {
position: relative;
}

.landingspage .intro-small {
display: block;
}

.landingspage .intro-small h2 {
margin-top: 2rem;
}

.landingspage .intro-small img {
position: absolute;
z-index: -10;
top: 0;
right: 4rem;
width: 21%;
}

.landingspage .vej-widget,
.landingspage .veo-widget .form-container {
margin-top: 4rem;
background-color: rgba(241,242,243,.8);
}

@media(max-width: 60em) {

.landingspage .intro-small h2 {
margin: 0;
}

.landingspage .intro-small img {
display: none;
}

.landingspage .vej-widget,
.landingspage .veo-widget .form-container {
margin-top: 2rem;
}
}

.landingspage.landingspage-campaign .-header .-links .-hero-nav {
margin-right: 8rem;
margin-left: -12px;
}


/* Michael campaign jobs en opleidingen fix */

/*JOBS*/
.landingspage.landingspage-campaign.landingspage-campaign-jobs .campaign-sub-img-jobs {
bottom: 0;
top: auto;
}

.landingspage.landingspage-campaign.landingspage-campaign-jobs .-hero-nav-header .action-show, .action-hide {
display: none;
}

.landingspage.landingspage-campaign.landingspage-campaign-jobs .-header-box-subpage .-links, .-hero-nav-links {
display: block;
}

.container.landingspage-campaign-jobs.landingspage-campaign.landingspage {
padding: 0;
}

.landingspage.landingspage-campaign .spotlight-section {
margin-top: 3rem;
}

/* OPLEIDINGEN*/
.landingspage.landingspage-campaign.landingspage-campaign-opleidingen .campaign-sub-img-opleidingen {
bottom: 0;
top: auto;
}

.landingspage.landingspage-campaign.landingspage-campaign-opleidingen .-header-box-subpage .-links, .-hero-nav-links {
display: block;
}

.landingspage.landingspage-campaign.landingspage-campaign-opleidingen .-hero-nav-header .action-show, .action-hide {
display: none;
}

.container.landingspage-campaign-opleidingen.landingspage-campaign.landingspage {
padding: 0;
}

.-hero-nav-header {
display: none;
}


@media(max-width: 1080px) {
.landingspage.landingspage-campaign.landingspage-campaign-jobs .campaign-sub-img-jobs {
opacity: .2;
}
.landingspage.landingspage-campaign.landingspage-campaign-opleidingen .campaign-sub-img-opleidingen {
opacity: .2;
}
}

@media(max-width: 60em) {

.landingspage.landingspage-campaign.landingspage-campaign-jobs .intro-small {
margin-top: 2rem;
}

.landingspage.landingspage-campaign.landingspage-campaign-opleidingen .intro-small {
margin-top: 2rem;
}

.-hero-nav-links {
display: block;
width: 100%;
margin-bottom: 0;
}
.landingspage.landingspage-campaign.landingspage-campaign-opleidingen .-hero-nav-header .action-show, .action-hide {
display: initial;
}
.landingspage.landingspage-campaign.landingspage-campaign-jobs .-hero-nav-header .action-show, .action-hide {
display: initial;
}

.landingspage.landingspage-campaign .spotlight-section {
margin-top: 2rem;
}

.landingspage .veo-widget .form-container {
border: none !important;
background: #eff7fe;
padding: 0;
}

.landingspage .veo-widget .form-container .form-buttons {
margin-bottom: 1rem;
}

}

/* end campaign */

/**
* BLIJFLEREN LANDINGSPAGE CSS (Levenslang leren)
*/
@media (min-width: 60em) {
    body.blijfleren .veo-widget .form-container {
        padding: 1.25rem 2rem 2rem;
    }
    body.blijfleren .veo-widget .form-container {
        display: flex;
        padding: 1.25rem 2rem;
    }
    body.blijfleren .veo-widget .form-container .form-row.row-title {
        width: auto;
        padding: .5rem 1rem 0 0;
    }
    body.blijfleren .veo-widget .form-container .form-row {
        padding: 0;
    }
    body.blijfleren .veo-widget .form-container .form-section {
        display: flex;
        flex-grow: 2;
    }
    body.blijfleren .veo-widget .form-container h2 {
        padding: 0;
        margin: 0;
        font-weight: 400;
        font-size: 24px;
    }
    body.blijfleren .veo-widget .form-container .form-row {
        padding: 0;
    }
    body.blijfleren .veo-widget .form-container .form-label {
        position: absolute !important;
        overflow: hidden;
        clip: rect(1px 1px 1px 1px);
        height: 1px;
    }
    body.blijfleren .veo-widget .form-field {
        width: 100%;
    }
    body.blijfleren .veo-widget .form-container input.form-input {
        padding: .75rem;
        width: 100%;
    }
    body.blijfleren .veo-widget .form-container .input-clear {
        margin-top: .6rem;
    }
    body.blijfleren .veo-widget .form-container .form-section.search-filter {
        display: none;
    }
    body.blijfleren .veo-widget .form-container .form-section {
        display: flex;
        flex-grow: 2;
    }
    body.blijfleren .veo-widget .form-container .form-footer {
        padding: 0;
        align-content: stretch;
        margin-top: 0;
    }
    body.blijfleren .veo-widget .form-container .form-buttons {
        padding: 0;
        height: 100%;
    }
    body.blijfleren .veo-widget .form-container .form-buttons button {
        height: inherit;
        padding-left: 2rem;
        padding-right: 2rem;
        margin-right: 0;
    }
    body.blijfleren .veo-widget button.ghost {
        display: none;
    }
  body.blijfleren .veo-widget {
    margin-bottom: 2rem;
    margin-top: -151px;
}
body.blijfleren .veo-widget .container {
    padding: 0px;
}

body.blijfleren .veo-widget .form-container {
    border: 0px;
    height: 87px;
}
body.blijfleren .levler-bannertitle {
    margin-top: 0px;
    height: 400px;
}
}

@media (max-width: 60em) {
  
  body.blijfleren .veo-widget .container {
    margin-left: -3rem;
    margin-right: -3rem;
  }
  
  body.blijfleren .landingspage .veo-widget .form-container {
    padding: 1rem 2rem;
  }
  
  .levler-veo-links {
    display: none;
  }
  
  body.blijfleren .levler-greyblock {
    padding: 1rem;
    margin-right: -2rem;
    margin-left: -2rem;
  }
  body.blijfleren .container .levler-greyblock img {
    right: 1rem;
    width: 60px;
    top: -6rem;
  }
}

body.blijfleren .levler-greyblock {
    background: #F8F7F8;
    padding: 2rem 4rem;
}
body.blijfleren .levler-greyblock ul {
    padding-left: 1.1rem;
}
body.blijfleren .levler-quote {
    margin-top: 2rem;
}
body.blijfleren .levler-quote p{
    font-size: 1.25rem;
    line-height: 1.75rem;
    color: #555;
}
body.blijfleren .levler-quote a{
    font-size: .75rem;
    line-height: .75rem;
}
body.blijfleren .levler-quote img{
    border-radius: 150px;
}

body.blijfleren .levler-bannerimg {
    width: 100%;
    height: 400px;
    display: none;
}

body.blijfleren .landingspage-campaign-banner {
  background-image: url('/sites/web/files/levenslangleren/header_blijfleren_450x1600.png');
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  height: 400px;
}

body.blijfleren .landingspage-campaign-banner .intro-text {
  color: white;
}

body.blijfleren .landingspage-campaign-banner h1 {
  color: white;
}



body.blijfleren .levler-spacer1 {
    margin-top: 4rem;
}
body.blijfleren .levler-spacer2 {
    margin-top: 5rem
}
body.blijfleren .levler-veo-links {
    margin-top: -2rem;
}
body.blijfleren .levler-greyblock img {
    position: absolute;
    right: 5rem;
    width: 100px;
    top: -3rem;
}
body.blijfleren .levler-bannertitle h1:first-child{
    margin-top: 3rem;
}


body.blijfleren {
  background-color: #fff;
}
/* END BLIJFLEREN LANDINGSPAGE CSS

/* Carl Fix of the pre-footer background */
.newnav-footer .footer-toplinks {
  background-color: transparent;
}

/* JSANNEN: TEMP FIX HEADER DROPDOWN IN LANDINGSPAGES */
body.home.huisstijl-page .newnav-navbar .navbar-rightmenu ul.dropdown-menu.hs-slide-down {
    margin-left: -11.2rem;
}

@media (max-width: 60em) {
    body.home.huisstijl-page .newnav-navbar .navbar-rightmenu ul.dropdown-menu.hs-slide-down {
        margin-left: -4.9rem;
        width: 11rem;
    }
}

body.jobs.huisstijl-page .newnav-navbar .navbar-rightmenu ul.dropdown-menu.hs-slide-down {
    margin-left: -11.2rem;
}

@media (max-width: 60em) {
    body.jobs.huisstijl-page .newnav-navbar .navbar-rightmenu ul.dropdown-menu.hs-slide-down {
        margin-left: -4.9rem;
        width: 11rem;
    }
}

body.opleidingen.huisstijl-page .newnav-navbar .navbar-rightmenu ul.dropdown-menu.hs-slide-down {
    margin-left: -11.2rem;
}

@media (max-width: 60em) {
    body.opleidingen.huisstijl-page .newnav-navbar .navbar-rightmenu ul.dropdown-menu.hs-slide-down {
        margin-left: -4.9rem;
        width: 11rem;
    }
}

body.blijfleren.huisstijl-page .newnav-navbar .navbar-rightmenu ul.dropdown-menu.hs-slide-down {
    margin-left: -11.2rem;
}

@media (max-width: 60em) {
    body.blijfleren.huisstijl-page .newnav-navbar .navbar-rightmenu ul.dropdown-menu.hs-slide-down {
        margin-left: -4.9rem;
        width: 11rem;
    }
}
body.blijfleren .page-title {
  display: none;
}
/* JSANNEN: TEMP FIX HEADER DROPDOWN IN LANDINGSPAGES */

  .blijfleren .landingspage-campaign-banner .levler-bannertitle .intro-small .mobile-title {
    display: none;
  }
@media (max-width: 30em) {
  body.blijfleren .landingspage-campaign-banner {
    background-position: -100px;
  }
}
@media(max-width: 60em) {
  body.blijfleren .landingspage-campaign-banner {
      /*background-image: url("/sites/web/files/in-de-kijker/girlonred.jpg");*/
      background-size: cover;
      background-repeat: no-repeat;
      height: 200px;
  }
  
  .blijfleren .landingspage-campaign-banner .levler-bannertitle .intro-small .title,
  .blijfleren .landingspage-campaign-banner .levler-bannertitle .intro-small .intro-text {
    display:none;
  }
  
  .blijfleren .landingspage-campaign-banner .levler-bannertitle .intro-small .mobile-title {
    display: block;
    width: 75%;
  }
}
/* end mobile test */

/* JSANNEN: FIX LABEL COLOR CHATWIDGET */
div.cx-form-inputs th {
  color: white;
}
/* JSANNEN: FIX LABEL COLOR CHATWIDGET */


/* HPAREDAE: FIX EQUAL HIGHT */
/* IDK - LANDINGSPAGINA - SPOTLIGHT-SECTION */
.landingspage .spotlight-section .gridrow {
   display: flex;
}
.landingspage .spotlight-section .-article {
   display: block;
   padding: 0;
   margin: 0 2rem 0 1rem;
   background-color: #eef0f4;
   border: 1px solid #eff7fe;
   border-radius: 5px;
}
.landingspage-campaign-opleidingen .spotlight-section .-article,
.landingspage-campaign-jobs .spotlight-section .-article {
   background-color: #fff;
   border: none;
}
.landingspage .spotlight-section .article-bg {
   border: none;
}

@media (max-width: 60em) {
  /*ELVIRA prevent horizontal scrolling bug where we can't find te actual cause...*/
  html, body {
    overflow-x: hidden;
  }
  /*END*/
	.landingspage .spotlight-section .-article {
   		display: flex;
      margin: 0 1rem 1rem;
      padding: 0 0 1rem;   
      border-bottom: 1px solid #e3e5e7;
      background-color: #fff;
	}
	.landingspage .spotlight-section .-article,
  .landingspage-campaign-opleidingen .spotlight-section .-article,
  .landingspage-campaign-jobs .spotlight-section .-article {
      border-right: 0;
      border-left: 0;
      border-top: 0;
      border-radius: 0;
    }
	.landingspage .spotlight-section .gridrow {
		display: block;
	}
	.landingspage .spotlight-section .col {
	  width: initial;
	}
}
/* HPAREDAE: FIX EQUAL HIGHT */


/* HPAREDAE: action-go inline */
.action-go:after {
    display: inline;
}
/* HPAREDAE: action-go inline */


/* JSANNEN: FIX spotlight-section blocks on main */
.home .spotlight-section .article-bg {
  padding: 2rem;
  min-height: 250px;
}
.home .spotlight-section .article-bg h4 {
  font-size: 24px;
}

.home .spotlight-section .article-bg .button.small.alpha {
  margin-top:0; 
}

#block-web-magazine-web-magazine-sub-block-home .large-4 {
  width: 100%;
}

.home .spotlight-section .article-bg .form-field input[type=text] {
  width: 100%;
}

@media (min-width: 960px) {
  #block-web-magazine-web-magazine-sub-block-home {
    width: 33%;
  }
}

@media(min-width: 1300px) {
  .home .spotlight-section .article-bg {
    min-height: 300px;
  }
}
@media(max-width: 60em) {
  .home .spotlight-section .article-bg {
    min-height: 200px;
  }
}
/* JSANNEN: FIX spotlight-section blocks on main */

/* hparedae :: fix main-holder width > trends berichten */
body.berichten .row .main-row .main-inner {
    padding: 0 1em;
}
/* hparedae :: end fix */

/* JeroenO: Nieuwsbrief homepage block */
#block-web-magazine-web-magazine-sub-block-home h4 {
  font-weight: 500;
  color: #2a4278;
}

/* JODBEEC: HELP-8934: Temp hide eID login block because it is broken 
cbeeth: I made it visible again
#eIDloginForm {
  display: none;
}
*/
/* JSANNEN: FIX /loopbaanbegeleiding for Barbara */
.loopbaanbegeleiding .section p {
    margin-bottom: 1.5rem;
}
/* JSANNEN: FIX /loopbaanbegeleiding for Barbara */

/* JSANNEN: FIX error message on homepage */
.home #block-web-magazine-web-magazine-sub-block-home .form-buttons .validation-message {
  color: red;
}
/* JSANNEN: FIX error message on homepage */

/* JSANNEN: FIX in de kijker text for Barbara */
.article-bg h2 strong {
  font-size: 24px;
}
.article-bg .form-stacked label{
  font-size: 1rem;
  color: #474b50;
}
/* JSANNEN: FIX in de kijker for Barbara */

/* JSANNEN: FIX /inschrijving */
.inschrijving .intro-cta {
    font-size: 1.15rem;
    line-height: 1.75rem;
}
.inschrijving .inner-section .-img img {
    top: -13.7rem;
}
/* JSANNEN: FIX /inschrijving */

/* JSANNEN: FIX margins*/
div.content main.pt0 .landingspage-campaign.landingspage .container {
  padding: 0;
}

.opleidingen.huisstijl-page .field-item.even div.container {
  padding: 0;
}
.opleidingen.huisstijl-page .breadcrumb .breadcrumb-inner .clearfix {
  padding-left: 0;
}

.huisstijl-page.zoekpagina .breadcrumb .breadcrumb-inner .clearfix {
  padding-left: 0;
}

@media (min-width: 60em) {
.zoeken.huisstijl-page.zoekpagina .gridrow {
  margin-right: 0rem;
}
}

@media (min-width: 82em) {
.no-huisstijl-page .row.main-row.main-inner div.l-region.l-content {
  padding: 0 1rem;
}
.sidebar-second.no-huisstijl-page.section-trends .row.main-row.main-inner {
  padding-right: 1rem;
}
}

.inschrijving.huisstijl-page .field-item.even .landingspage .container {
  padding: 0;
}
.inschrijving.huisstijl-page .breadcrumb .breadcrumb-inner .clearfix {
  padding-left: 0;
}

.contact.huisstijl-page .breadcrumb .breadcrumb-inner .clearfix {
  padding-left: 0;
}
.contact.huisstijl-page .container.homepage {
  padding: 0;
}
/* JSANNEN: FIX margins */

/* JSANNEN: FIX random padding header vej */
.vindeenjob.huisstijl-page .newnav-flanders .container {
  padding: 0 1rem;
}
.vindeenjob.huisstijl-page .newnav-navbar .container {
  padding: 0 1rem;
}
.vindeenjob.huisstijl-page .gridrow .container.mob-full-width.mb1 {
  padding: 0 1rem;
  /*margin-top: -1rem;*/
}
/* JSANNEN: FIX random padding header vej */
@media (max-width: 60em) {
.landingspage.landingspage-campaign.landingspage-campaign-jobs .header-box-subpage .-links .-hero-nav-links {
  display: block;
}
}
@media (max-width: 60em) {
.landingspage.landingspage-campaign.landingspage-campaign-opleidingen .header-box-subpage .-links .-hero-nav-links {
    display: block;
}
}
/*MSMETS + JSANNEN FIX VEJ problems*/
@media (max-width: 60em) {
  .vindeenjob.huisstijl-page .vej .-vacature-detail-new .-vacature-detail-head .-share-vacature {
    position: relative;
    margin-top: 1rem;
    margin-bottom: 1rem;
  }
}
/*MSMETS + JSANNEN FIX VEJ problems*/
/* JeroenO: Beroepenfiches body background color */
body.beroepenfiches {
  background-color: white;
}
/* Tijdelijk verbergen zoekbox op agenda tot de bug opgelost is */
.agenda-search-big {
    display: none;
}
/* Carl: Temporary fix for header on mobile in huistijl screens */
@media (max-width: 60em) {
.container {
    padding: 0 1rem;
}
}

/* Carl: Temp fix for huistijl pages */
@media (max-width: 60em) {
.huisstijl-page h1.page-title {
    margin-top: 1rem;
}
}
/* Carl: Temp fix header */
.newnav-flanders .flanders-link::after {
  display: none!important;
}

/* Carl: Temp fix in the beropenfiches */

.node-beroepenfiche {
  font-size: 1.125rem;
}
.beroepenfiches .jobs {
  font-size: 1rem;
}

/* end */


/* Carl: Temp fix link in jobs page */
body.jobs p.intro-text a, body.opleidingen p.intro-text a {
 color: white;
 text-decoration: underline;
}


/* JeroenO: Content list */
/* Content list */
ul.contentList li {
	margin-bottom: 0.5em;
}

/* RDHERDT Change itsme button color. Fixed in huisstijl 8.3.1 */
.landingspage-login span.icon-itsme {
  color: white;
}

/* RDHERDT Hide the eID & itsme buttons on /mijnloopbaan */
/* Check IAM INR-1196 */
.citizen-form-v2 .hr-with-text, .citizen-form-v2 .prime-btn-wrapper {
 /* display: none; Removed at drupalcon needs dubble check */
}

/* JODBEEC: Temp css for homepage until upgrade to 3.8.1 */
@media (max-width: 60em) {
.landingspage.landingspage-campaign .campaign-bg {
  height: 270px;
}
}
body.home .landingspage-campaign .campaign-img img {
  position: absolute;
  top: -85px;
  left: -169px;
  width: 150%;
}

body.home .landingspage-campaign #text-animation {
  position: absolute;
  top: 0;
  left: -175px;
  width: 200px;
  height: 200px;
}
.landingspage.landingspage-campaign .vej-background-landingspage {
    padding-bottom: 30px;
    background: #eff7fe;
}

.landingspage.landingspage-campaign .mt50 {
    margin-top: 50px!important;
}

.vindeenjob-widget-title {
  margin-top: 2rem !important;
}
/* JODBEEC: blogs title fix */
.view-blogs .views-field-title {
  display: inline-block;
}


/* Hilde Paredaens --- aanpassing margin fieldset wrapper*/
.formDrupal .fieldset-wrapper {
  margin-top: .5rem;
}
/* end formulier */

/* fix in the crumbtrail of huistijl pages */
.breadcrumb-inner ul.clearfix {padding-left: 0;}
/* end crumbtrail */

/* Hilde Paredaens --- update padding beroepenfiches*/
.beroepenfiches .vdab-help {
  padding: 3rem 3rem 2rem 3rem;
}
/* end beroepenfiches */

/* Hilde Paredaens --- aanpassing linkPdf linkVideo linkWord linkExcel */
a.linkPdf, a.linkPowerPoint, a.linkExcel, a.linkWord, a.linkASC, a.linkMovie{
    background: none;
    padding-right: 0;
}
a.linkPdf:after, a.linkWord:after, a.linkExcel:after, a.linkPowerPoint:after, a.linkASC:after {
    background: url(/sites/web/files/foto/icons/document_14x19.jpg) center left no-repeat;
    padding-left: 1.3rem;
    margin-right: .1rem;
    margin-left: .5rem;
    color: #1a94ff;
}
a.linkPdf:after {
    content: "pdf";
}
a.linkPowerPoint:after {
    content: "presentatie";
}
a.linkExcel:after {
    content: "excel";
}
a.linkWord:after {
    content: "doc";
}
a.linkASC:after {
    content: "asc file";
}
a.linkVideo:after, a.linkMovie:after {
    background: url(/sites/web/files/foto/icons/ico_video.gif) center left no-repeat;
    padding-left: 1.5rem;
    margin-right: .1rem;
    margin-left: .5rem;
    background-size: 1.2rem;
    text-decoration: inherit;
    content: "video";
    color: #1a94ff;
}
/*end icoontjes*/



/* Zie ticket ONDC-360 tijdelijk verborgen om issue te kunnen bekijken */

.section-blogs ul.links.links--inline, .section-blogs #comments {
  display: none;
}



/*Michael, Fix the broken mobile menu on campaign pages*/
@media (max-width: 60em) {
.landingspage.landingspage-campaign .campaign-sub-img-homepage {
  display: none;
}
.landingspage.landingspage-campaign .campaign-bg {
  height: auto;
  background-image: none;
  background: white !important;
}
.landingspage.landingspage-campaign .header-box-homepage .-links {
  display: block !important;
  margin-top: 4rem;
  margin-bottom: 1rem;
}

.landingspage.landingspage-campaign.landingspage-campaign-jobs .intro-small h2 {
    color: #004475 !important;
}

.landingspage.landingspage-campaign.landingspage-campaign-jobs .intro-small .intro-text {
    color: #004475 !important;
}

.landingspage.landingspage-campaign.landingspage-campaign-jobs .header-box-subpage a {
  color: #004475 !important;
}

.landingspage.landingspage-campaign.landingspage-campaign-opleidingen .intro-small h2 {
    color: #004475 !important;
}

.landingspage.landingspage-campaign.landingspage-campaign-opleidingen .intro-small .intro-text {
    color: #004475 !important;
}

.landingspage.landingspage-campaign.landingspage-campaign-opleidingen .header-box-subpage a {
  color: #004475 !important;
}

}
/*End fix broken mobile menu on campaign pages*/


/*HildeP :: Fix blogs, images en tekst die niet langs elkaar floaten*/
div.view-blogs div.views-field-title {
  display: block;
  overflow: hidden;
}
/*End fix blogs title*/

/* Carl Fix for the werkgevers login box on hp for mobile */
@media (max-width: 60em) {
body.page-werkgevers .panels-flexible-region-17-werkgevers_login_region-inside .large-7 {
clear: left;
}
}

/* Michael fix vej widget and spacing on home*/
.vindeenjob-widget-title {
  display:none;
}

.vej-widget-2 .nav-dropdown-mobile .-list {
  margin-top: 1rem;
}

.vej-widget-2 #nav a#vej-zoek-een-job {
  font-size: 24px;
  color: #2a4278;
}

.vej-widget-2 .-links {
  padding: 1rem 0 1rem !important;
  text-align: right;
}
.landingspage .calendar-section {
  margin-bottom: 6rem !important;
}

.landingspage.landingspage-campaign .vej-background-landingspage {
    padding-bottom: 15px;
}

@media (max-width: 60em) {
.landingspage .calendar-section {
  margin-bottom: 2rem !important;
}
}

/*HildeP :: styling van markup component in formulieren is verdwenen*/
.webform-component-markup {
    font-weight: 500;
    margin-bottom: .1em;
}
/* end fix markup */

/* JeroenO: Styling voor inschrijving pagina */
body.na-inschrijving.opzegtermijn {
  background: white;
}

body.na-inschrijving.opzegtermijn button {
  color: white;
}

/* JeroenO: Fix for behat test */
.view-id-blogs .views-field-title {
  display: flex !important;
}

/* RDHERDT - ONDC-441 Werkgevers header icon fix */
.no-huisstijl-page .newnav-flanders a.flanders-context.-werkgevers:before {
  content: "\f146";
}

.c-help-widget .js--help-widget-open li:last-child {
  width: 100%;
}




/*JSANNEN - fix for in de kijkers link on /jobs - 24/3 */
.jobs .landingspage.landingspage-campaign .spotlight-section a.action-go {
    position: initial;
    bottom: 0;
}

/*JSANNEN - fix for "bekijk meer bedrijven" vs "sectoren in de kijker" on /jobs - 24/3 */
.jobs .landingspage.landingspage-campaign .sidk-widget h2 {
  margin-top: 2rem;
}

/** JODBEEC2: Extra css for new werkgevers header/footer and landingspage **/
.navbar-werkgevers .navbar-rightmenu {
  height: 0;
}

.navbar-werkgevers .navbar-rightmenu .header-search-wrapper {
  height: auto;
  padding: 1.73rem;
}

.werkgevers .section-full-width.-header {
  margin-top: 0;
}

body.werkgevers {
  background: white;
}

.header-search-wrapper {
 display: block;
    float: left;
    padding: 1.6rem;
    cursor: pointer;
}

.newnav-navbar .navbar-rightmenu {
    float: right;
}

.header-search-wrapper label {
    cursor: pointer;
    font-size: 1px;
    color: transparent;
}

.header-search-wrapper input.focused {
    border-left: 1px solid #e4e5e7;
    border-right: 1px solid #e4e5e7;
    width: 240px;
    width: 15rem;
    margin-right: 8px;
    margin-right: 0.5rem;
    padding: 8px;
    padding: 0.5rem;
}

.header-search-wrapper input {
    display: none;
    width: 0;
    border: 0 none;
    border-top: 1px solid #e4e5e7;
    border-bottom: 1px solid #e4e5e7;
    margin-top: 0;
    margin-bottom: 0;
    font-family: Flanders Art Sans, "Myriad Pro", "Arial", "Helvetica", "sans-serif";
    font-weight: 200;
    padding: 8px 0px;
    padding: 0.5rem 0rem;
    font-size: 16px;
    font-size: 1rem;
    -moz-transition: all 0.25s cubic-bezier(0.7, 0, 0.3, 1);
    -o-transition: all 0.25s cubic-bezier(0.7, 0, 0.3, 1);
    -webkit-transition: all 0.25s cubic-bezier(0.7, 0, 0.3, 1);
    transition: all 0.25s cubic-bezier(0.7, 0, 0.3, 1);
}

.header-search-wrapper label:before {
    color: #ffffff;
    font-size: 18px;
    font-size: 1.125rem;
}

.werkgevers .icon-search:before {
    content: "\E038";
}

.header-search-wrapper:hover {
    background: #0a5d98;
}

.header-search-wrapper button {
    display: none;
}

@media (min-width: 60em) {
.header-search-wrapper input {
    display: inline;
}
.header-search-wrapper label:before {
    margin-right: 8px;
    margin-right: 0.5rem;
}
.header-search-wrapper label {
    color: #ffffff;
    font-size: 18px;
    font-size: 1.125rem;
}
}

@media (max-width: 60em) {
.header-search-wrapper {
    display: none;
}
.navbar-search-mobile {
  float: left;
}
#block-web-footer-block-footer-werkgevers-info {
  display: none;
}
#block-web-footer-block-footer-werkgevers-menu {
  display: none;
}
.werkgevers .col h1:first-child { margin-top: .5em; 
 }
}

.werkgevers.huisstijl-page #readspeaker_button.rsbtn_vdabskin .rsbtn_right {
  top: 105px!important;
}

.werkgevers.huisstijl-page .rsbtn_vdabskin .rsbtn_box {
    z-index: 100;
    margin-top: 44px!important;
}

.werkgevers .indekijker {
  padding: 2rem 0;
}

.werkgevers .divider {
  display: none;
}

@media (min-width: 60em) {
.werkgevers.no-huisstijl-page #block-web-footer-block-footer-werkgevers-info {
  float: left;
  width: 33.33%;
}

.werkgevers.no-huisstijl-page #block-web-footer-block-footer-werkgevers-menu {
  float: left;
  width: 33.33%;
}

.werkgevers.no-huisstijl-page #block-web-footer-block-footer-contact {
  float: left;
  width: 33.33%;
}

.werkgevers.no-huisstijl-page .footer-column {
  width: 50% !important;
}
}
.werkgevers.no-huisstijl-page .navbar-werkgevers .navbar-rightmenu .header-search-wrapper {
    height: auto;
    padding: 1.6rem;
}
.werkgevers .newnav-footer { font-size: 1rem; }

/* HPAREDAE - correctie iframe.videoframe */
iframe.videoframe { width: 100%; height: 260px;}
/* end */


/* Elke: mag weg na deploy ticket ONDC-660 */
.node-faq-blok .ui-widget-content a {
    color: #1a93ff;
}

/* JODBEEC: Margin eid button */
.web-login-eid-form .button {
    margin-right: 10px;
}
/* Temp fix for corona banner werkgevers */

body.werkgevers .landingspage-announcement p a,
body.werkgevers .landingspage-announcement p a:visited {
  color: white !important;
}


body.werkgevers .landingspage-announcement p a:hover {
  background-color: #2D89CC !important;
}

body.werkgevers p a.medium.button.alpha {
  background-color: #2D89CC !important;
  color: white !important;
}

body.werkgevers p a.medium.button.alpha:hover {
  background-color: #004475 !important;
  color: white !important;
}

/* Temp fix for visited colors in werkgevers */

a:visited {
    color: #803bec;
}

.breadcrumb a:visited {
    color: #6a707b;
}

.nav-dropdown-mobile .-list ul li a:visited {
  color: #1a93ff;
}

.temp-veo-link a:visited {
  color: #1a93ff;
}

/* added by cbeeth 17-03-2021 */

.newnav-flanders.navbar-werkgevers a {
text-decoration: none;
color: black;
}

.navbar-werkgevers a {
text-decoration: none;
}

.navbar-werkgevers a#user-link-wg {
color: white;
}

/* End temp fix werkgevers

/* Klara Binon contacttracing form disclaimer */
.form-item.webform-component.webform-component-markup.webform-component--disclaimer{
  font-weight: 300;
  font-size: smaller;
  font-style: italic;
}

.www.no-huisstijl-page #user-link-wg {
  display: none;
}

/* SVERREY - 6/10/2020 - Padding left on breadcrumb 
https://issuetrackervdab.jira.com/browse/ONDC-719
*/
.breadcrumb-inner ul.clearfix {
    padding-left: 1rem;
}
/* END CSS STORY ONDC-660 - 07/10/2020 - SVERREY */


/* ADD NEW CSS ON THE BOTTOM - NEW CSS FROM 07/10/2020 - SVERREY */
.huisstijl-page .breadcrumb-inner ul.clearfix {
  padding-left: 0;
}
/* END NEW CSS */

/* Carl TOP December 2020 fix for VEJ Widget HP and Jobs page */
body.home .-location-icon,
body.jobs .-location-icon {
  width: 2rem;
}

/* Carl TOP December 2020 fix for VEJ solicitaties page */

.vej vej-bewaarde-vacatures-list .-search-results .panel-body,
.vej vej-sollicitaties-list .-search-results .panel-body {
padding-bottom: 1rem;
}

body.page-node-39359 .newsletter label[for=email]:not(.mb0),
body.page-node-39595 .newsletter label[for=email]:not(.mb0){
  display: none;
}

div#block-web-magazine-web-magazine-sub-block-work .button.small {
    padding: .5rem 1.25rem;
    line-height: 1.75rem;
    font-size: 1rem;
    height: auto;
}

/* extra text for mijnloopbaan_test */
.mijnloopbaan-account .citizen-form-v2>div>div:nth-child(2)::before{
  content: "Log je hieronder in met je persoonlijke gegevens,\A je e-ID en kaartlezer of via de Itsme-app.\A\A";
  white-space: pre-wrap;
  font-size: .90rem;
  font-weight: 300;
  color: rgba(0,0,0,.6);  
  line-height: 1rem;
  padding-bottom: rem;
}

.mijnloopbaan-account h1.page-title {
    padding-top: 25px;
}


.mijnloopbaan-account p.small.mt05 {
    display: none;
}

.mijnloopbaan-account .panels-flexible-31 .panels-flexible-row {
    margin-bottom: 30px;
}

/* Carl Emergency VEJ Fix 2021-07-19 

vej-vacature-form-vej:before {
  content: "Er zijn technische problemen met dit formulier. Je solliciteert beter op een andere manier. We zoeken zo snel mogelijk een oplossing. Onze excuses voor het ongemak!";
  color: white;
  font-weight: 500;
  background-color: red;
  padding: 1em 2em;
  display: block;
}

end 2021-07-19 */


/* fix icons on some pages in mijnloopbaan JS 30/04/2021 */
@media (min-width: 60em) {
  .homepage.burgercommunicatie .nav-dropdown-mobile .-list.-slide-down.-collapsed a span {
    display: none;
  }
}


/*#web-login-citizen-v2-form > div > div:nth-child(2) > div.form-label */
/* end extra text for mijnloopbaan_test */


// TO DELETE AFTER DRUPAL CHANGES
/* HildeP: Styling werknemers pagina */
#werknemer-content body, 
#werknemer-content textarea, 
#werknemer-content input, 
#werknemer-content select {
  font-size: 18px;
  font-weight: 400;
  line-height: 27px;
  text-align: left;
  color: #474b50;
}
#werknemer-content .h1, 
#werknemer-content .h2, 
#werknemer-content .h3, 
#werknemer-content .h4, 
#werknemer-content .h5, 
#werknemer-content .h6, 
#werknemer-content h1, 
#werknemer-content h2, 
#werknemer-content h3, 
#werknemer-content h4, 
#werknemer-content h5, 
#werknemer-content h6 {
    font-weight: 500;
    color: #041847;
}
#werknemer-content .h2, 
#werknemer-content .h3, 
#werknemer-content h2, 
#werknemer-content h3 {
    margin-bottom: 13.5px;
}
#werknemer-content .h1, #werknemer-content h1 {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased;
    text-rendering: optimizelegibility;
    font-size: 2.8125rem;
    line-height: 48.6px;
    margin-bottom: 27px;
    letter-spacing: -.02em;
}
#werknemer-content .h2, #werknemer-content h2 {
    font-size: 2rem;
    line-height: 40.5px;
    margin-top: 2em;
}
#werknemer-content h2.mt0 { margin-top: 0; }
#werknemer-content h2.mt2 { margin-top: 2em; }
#werknemer-content p.mt2 { margin-top: 3.5em; }
#werknemer-content .mt0 { margin-top: 0; }

#werknemer-content .h3, #werknemer-content h3 {
    font-size: 1.625rem;
    line-height: 32.4px;
    margin-top: 1.5em;
}
#werknemer-content p,
#werknemer-content li{
  font-size: 18px;
  font-weight: 400;
  line-height: 27px;
  text-align: left;
  color: #474b50;
}
#werknemer-content p.intro-cta {
    font-weight: 300;
    font-size: 1.625rem;
    line-height: 32.4px;
    margin-top: 0;
    color: #041847;
    padding-bottom: 2em;
    /*border-bottom: 1px solid #dcdcdc;*/
}
#werknemer-content p.intro, #werknemer-content ul.intro {
    margin-top: 3em;
}
#werknemer-content .newnav-footer .footer-main {
    font-size: 1rem;
}
#werknemer-content .gridrow {
    margin-left: 0;
}
#werknemer-content .gridrow { margin-bottom: 2em; }
#werknemer-content .col {
    padding-left: 0;
}
#werknemer-content ul { margin-bottom: 3em;}
#werknemer-content li { margin-bottom: .7em; }
#werknemer-content a.medium.button.alpha {
    margin-bottom: 1.5em;
}
/*caption*/
#werknemer-content figure.image-field-caption-wrapper {
    margin-bottom: 5em;
    margin: 0;
    float: none;
    }
#werknemer-content .image-field-caption-wrapper .image-field-caption {
    text-align: right;
    font-size: 80%;
    color: #aaa;
    line-height: 22px;
    }

/* full-width */
#werknemer-content .section-full-width.-testimonial {
    position: relative;
    margin-top: 3em;
    margin-bottom: 3em;
    padding: 0 0 2em;
    color: #6a707b;
    background: #EAF6F5;
    display: table;
}
#werknemer-content .section-full-width.-testimonial h3 {
    margin-top: .5em;
}
#werknemer-content .section-full-width.-testimonial ul {
    margin-bottom: 0;
}
#readspeaker_button.rsbtn_vdabskin .rsbtn_right {
  top: 15px!important;
}

/*responsive*/
@media (min-width: 60em) {
#werknemer-content .section-full-width .inner-section-full-width {
    width: 1300px;
    margin-right: auto;
    margin-left: 1em;
    padding: 0 1rem;
    } 
#werknemer-content .large-4.col figure img { 
    /*margin-top: 7em;*/
    } 
}

@media (max-width: 60em) {
#werknemer-content .h1,#werknemer-content h1 {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased;
    text-rendering: optimizelegibility;
    font-size: 2rem;
    line-height: 40.5px;
    }
#werknemer-content .h2, #werknemer-content h2 {
    font-size: 1.625rem;
    line-height: 32.4px;
    }
#werknemer-content .h3,#werknemer-content h3 {
    font-size: 1.2em;
    line-height: 20px;
    }
#werknemer-content h2 { margin-top: 0; 
    } 
#werknemer-content .section-full-width .inner-section-full-width {
       width: 100%;
       margin-right: auto;
       margin-left: auto;
       padding: 0 1rem;
    }
#werknemer-content .section-full-width.-testimonial .large-8.col {
    padding-left: 1.5em;
    }
#werknemer-content .gridrow.col { 
    display: flex; 
    flex-flow: column-reverse; 
    } 
#werknemer-content .large-4.col figure img { 
    margin: 0; 
    }
#werknemer-content .field--name-body .image-field-caption-wrapper {
    float: none;
    margin-left: 0;
    margin-right: 4em;
    margin-bottom: 0.5em;
    }
}

@media screen and (min-width: 81.25em) {
#werknemer-content .section-full-width.-testimonial {
      width: 100vw;
      margin-left: calc(((100vw - 1268px)/ 2) * -1);
   }
#werknemer-content .section-full-width .inner-section-full-width {
      width: 1300px;
      margin-right: auto;
      margin-left: auto;
      padding: 0 1rem;
   }
}
@media screen and (max-width: 81.25em) { 
#werknemer-content .section-full-width.-testimonial {
        width: 100vw;
        margin-left: -1em;
    }
}
// END of TO DELETE AFTER DRUPAL CHANGES



// HildeP :: fix werkgevers > over te nemen
.werkgevers a.button {
    margin-bottom: 1.5em;
}
.werkgevers h1 {
    margin-bottom: 1em;
}
.werkgevers h3.side-menu {
    color: #2a4278;
    font-weight: 500;
}

.breadcrumb a::after {
    text-decoration: none;
}
// End Fix

// HildeP :: css for ict and digitalisering
#industrie .sik-links {
      display: flex;
      flex-flow: row;
}
// End
}

// Hide magezine search until moved to D8.
#block-web-magazine-web-magazine-search-block {
  border-top: 1px solid rgba(228,229,231,0.8) !important;
}
#web-magazine-search-form {
  display: none !important;
}

/* Lisa/Wannes standalone header search mobile fix */
@media(max-width: 60em) {
    .c-main-navbar #mobile-search button.-primary.action-search {
        width: 100%;
    }
    .c-main-navbar #mobile-search button.js--search-form-cancel {
        margin-top: 1.5rem;
        width: 100%;
    }
    .c-main-navbar input#search-mobile-vdab {
        width: 100%;
    }
    .c-main-navbar__dropdown-search {
        position: absolute;
        top: 80px;
        right: 0;
        left: 0;
        padding: 0 1.5rem 2rem 1.5rem;
        border-top: 6px solid #004475;
        background-color: #fff;
        box-shadow: 2px 4px 8px 0 rgba(71, 75, 80, .4);
    }
    .c-main-navbar .form-field-icon.field-search .field-icon {
        align-items: center;
        z-index: 1;
        margin: .25rem 0 .25rem -2.5rem;
        padding: .25rem;
    }
}

/* fix e-zine spotlight z-index in combi with new header */
.section-nieuws #web-magazine-spotlight {
    z-index: unset;
}

/* drupal-1204 */
.werkgevers.registratie .divider {
    display: inline-block;
}