.vacancies-image-card {
  background-color: lightgray;
}

.solliciteer_button,
.vacancies_btn,
.job_description [id^='edit-actions'] .webform-button--submit,
.open_application [id^='edit-actions'] .webform-button--submit{
  padding: 0.3rem 2.3rem;
  background-color: var(--color-bright-pink);
  font-size: var(--font-size-18px);
  border: 1px solid var(--color-bright-pink) !important;
  color: var(--color-white);
  box-shadow: none !important;
}

.solliciteer_button:hover,
.job_description [id^='edit-actions'] .webform-button--submit:hover,
.open_application [id^='edit-actions'] .webform-button--submit:hover,
.vacancies_btn:hover {
  background-color: var(--color-white);
  color: var(--color-bright-pink) !important;
}

/*.job_description [id^="edit-actions-submit"] {
    padding: 5px 10px !important;
}
*/

.job_description .accordion-button .fa-caret-down {
  margin-top: -5px;
}

.vacancies-image-card {
  background-color: #d3d3d3;
}

.vacancies-image__rounded {
  border-radius: 30px !important;
}

.vacancies_email,
.open_application_phone {
  font-size: var(--font-size-14);
  color: var(--color-grey-dark);
}
.vacancies_email:hover
{
  color: var(--color-bright-pink);
}

.vacancy_title {
  color: var(--color-bright-pink);
  font-size: var(--font-size-20px);
  font-family: var(--font-family-medium);
}

.job_description button.accordion-button,
.job_description .accordion-button:not(.collapsed) {
  display: flex;
  justify-content: center;
  background-color: var(--color-bright-pink);
}

.job_description .accordion-button::after {
  display: none;
}

.job_description button.accordion-button:focus {
  box-shadow: none;
}

.job_description .accordion_dropdown_button {
  font-family: var(--font-family-medium);
  font-size: var(--font-size-18px);
  line-height: var(--line-height-21px);
  font-weight: normal;
}

/* .page-node-type-vacancies .banner , .jobs-banner-image .banner{
    height: 400px;
    padding: 0;
  }
  
  .page-node-type-vacancies .banner-image, .jobs-banner-image .banner-image {
    min-height: 300px; 
    height: auto;
  }
  
  .page-node-type-vacancies .banner-image img, .jobs-banner-image  .banner-image img{
    width: 100%;
  } */

.page-node-type-vacancies .embed-container {
  --video--width: 1296;
  --video--height: 500;
  position: relative;
  padding-bottom: calc(var(--video--height) / var(--video--width) * 100%);
  overflow: hidden;
  max-width: 100%;
}

.page-node-type-vacancies .banner {
  position: relative;
  cursor: revert;
}

.page-node-type-vacancies .embed-container video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: fill;
}

.open_application_desc {
  font-size: var(--font-size-18px);
  color: var(--color-violet);
}

.open_application_CV {
  font-size: var(--font-size-14);
}

.phone_image {
  background-image: url(../css/images/phone.svg);
  width: 21px;
  height: 21px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 21px;
  display: block;
  top: 0;
}

.mail_image {
  background-image: url(../css/images/mail.svg);
  width: 21px;
  height: 26px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 21px;
  display: block;
}

.open_application_title {
  font-size: var(--font-size-26px);
  color: var(--color-bright-pink);
  font-family: var(--font-family-medium);
}

.vacancy_card .card {
  border-left: 9px solid var(--color-gray-light);
  border-radius: 0px;
  border-color: var(--color-gray-light);
}

.vacancy_card .card:hover {
  border-left: 9px solid var(--color-bright-pink);
  box-shadow: var(--box-shadow-color) 0px 2px 11px;
}

.open_application div#edit-cv-file-placeholder,
.open_application
  div.wrapper-file-upload-placeholder
  .element-file-upload-placeholder
  .webform-document-file-placeholder,
.job_description div#edit-cv-file-placeholder,
.job_description
  div.wrapper-file-upload-placeholder
  .element-file-upload-placeholder
  .webform-document-file-placeholder {
  background-color: var(--color-white);
  height: 45px;
  border: 1px solid #ced4da !important;
  border-radius: 0px;
  display: flex;
  align-items: center;
  padding-left: 2%;
  color: #6c757d;
}

.open_application_form .form-item-function .form-control::placeholder,
.open_application_form input[type="email"]::placeholder,
.job_description input[type="email"]::placeholder{
  color:#6c757d !important;
}

.open_application input[id^='edit-cv-upload'],
.job_description input[id^='edit-cv-upload'] {
  display: none;
}

.open_application input[id^='edit-cv-remove-button'],
.job_description input[id^='edit-cv-remove-button'] {
  margin-top: 3px;
  background-color: var(--color-bright-pink);
  border-color: var(--color-bright-pink);
}

.open_application .webform-file-button-input,
.job_description .webform-file-button-input {
  position: static !important;
}

.open_application div#edit-cv input#edit-cv-upload,
.job_description div#edit-cv input#edit-cv-upload {
  float: right;
  width: 40%;
  margin-top: -7% !important;
}

.open_application
  .js-form-item.form-item.js-form-type-webform-document-file.form-type-webform-document-file.js-form-item-cv.form-item-cv.form-no-label
  .description,
.job_description .js-form-item.form-item.js-form-type-webform-document-file.form-type-webform-document-file.js-form-item-cv.form-item-cv.form-no-label .description {
  display: none;
}



.open_application #edit-cv,
.open_application
  .wrapper-file-upload-placeholder
  .element-file-upload-placeholder,
.job_description #edit-cv,
.job_description
  .wrapper-file-upload-placeholder
  .element-file-upload-placeholder {
  position: relative;
}

.open_application
  #edit-cv
  label.button.button-action.webform-file-button::before,
.job_description
  #edit-cv
  label.button.button-action.webform-file-button::before {
  display: none;
}

.open_application #edit-cv label.button.button-action.webform-file-button,
.open_application
  .wrapper-file-upload-placeholder
  .element-file-upload-placeholder
  label.button.button-action.webform-file-button,
.job_description #edit-cv label.button.button-action.webform-file-button,
.job_description
  .wrapper-file-upload-placeholder
  .element-file-upload-placeholder
  label.button.button-action.webform-file-button {
  position: absolute;
  right: -3px;
  top: 5px !important;
  background-color: var(--color-bright-pink);
  font-family: var(--font-family-medium);
  font-size: var(--font-size-18px);
  line-height: var(--line-height-24px);
  color: var(--color-white);
  border: none;
  padding: 6px 26px;
  text-transform: uppercase;
}

.open_application
  .wrapper-file-upload-placeholder
  .element-file-upload-placeholder
  label.button.button-action.webform-file-button::before,
.job_description
  .wrapper-file-upload-placeholder
  .element-file-upload-placeholder
  label.button.button-action.webform-file-button::before {
  display: none;
}

.accordion_dropdown_button {
  font-family: var(--font-family-lucida);
  font-size: var(--font-size-16px);
  line-height: var(--line-height-21px);
  font-weight: normal;
}

.iti.iti--allow-dropdown {
  width: 100%;
}

.open_application_desc {
  font-size: var(--font-size-18px);
  color: var(--color-bright-pink);
}

.open_application_CV {
  font-size: var(--font-size-14);
}

/* .phone_image {
    background-image: url(../images/phone.svg);
    width: 21px;
    height: 21px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 21px;
    display: block;
    top: 0;
} */

/* .mail_image {
    background-image: url(../images/mail.svg);
    width: 21px;
    height: 21px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 21px;
    display: block;
} */

.vacancy_card_row .card {
  cursor: pointer;
}

.job_description [id^='edit-cv']::after,
.open_application [id^='edit-cv']::after {
  position: absolute;
  top: 6px;
  left: 44px;
}

@media screen and (min-width: 0px) and (max-width: 767px) {
  .content-text,
  .job_description {
    padding: 1rem !important;
  }
  .job_description [id^='edit-actions'] .webform-button--submit,
  .open_application [id^='edit-actions'] .webform-button--submit {
    float: none;
  }
  .job_description [id^='edit-actions'],
  .open_application [id^='edit-actions'] {
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .open_application details#captcha {
    margin-top: 0px !important;
  }
}

@media screen and (min-width: 768px) {
  .job_description details#captcha,
  .open_application details#captcha {
    width: 66%;
    display: inline-block;
    float: left;
  }

  .job_description div[id^='edit-actions'],
  .open_application div[id^='edit-actions'] {
    width: 32%;
    float: right;
    display: inline-flex;
    margin-top: 1.3rem !important;
    justify-content: end;
    width: fit-content;
  }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
  .content-text,
  .jobs-banner-image .banner,
  .job_description,
  .vacanciesInfoBanner {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
  }
}

.share-buttons a i {
  color: var(--color-bright-pink);
  font-size: 30px;
  margin-right: 20px;
}

.share-buttons a:hover i {
  color: var(--color-bright-pink);
}


@media screen and (min-width:768px) {
  
  .job_description details#captcha .details-wrapper,
  .open_application details#captcha .details-wrapper {
    display: block;
    padding-left: 0px !important;
  }
}

#edit-employee-email{
	  display: none;
}