@charset "UTF-8";
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

/* Sections
     ========================================================================== */
/**
   * Remove the margin in all browsers.
   */
body {
  margin: 0;
}

/**
   * Render the `main` element consistently in IE.
   */
main {
  display: block;
}

/* Grouping content
     ========================================================================== */
/**
   * 1. Add the correct box sizing in Firefox.
   * 2. Show the overflow in Edge and IE.
   */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
}

/**
   * 1. Correct the inheritance and scaling of font size in all browsers.
   * 2. Correct the odd `em` font sizing in all browsers.
   */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/* Text-level semantics
     ========================================================================== */
/**
   * Remove the gray background on active links in IE 10.
   */
a {
  color: inherit;
  background-color: transparent;
}

/**
   * 1. Remove the bottom border in Chrome 57-
   * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
   */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  text-decoration: underline dotted;
  /* 2 */
}

/**
   * Add the correct font weight in Chrome, Edge, and Safari.
   */
b,
strong {
  font-weight: bolder;
}

/**
   * 1. Correct the inheritance and scaling of font size in all browsers.
   * 2. Correct the odd `em` font sizing in all browsers.
   */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/**
   * Add the correct font size in all browsers.
   */
small {
  font-size: 80%;
}

/**
   * Prevent `sub` and `sup` elements from affecting the line height in
   * all browsers.
   */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
     ========================================================================== */
/**
   * Remove the border on images inside links in IE 10.
   */
img {
  border-style: none;
}

/* Forms
     ========================================================================== */
/**
   * 1. Change the font styles in all browsers.
   * 2. Remove the margin in Firefox and Safari.
   */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */
}

/**
   * Show the overflow in IE.
   * 1. Show the overflow in Edge.
   */
button,
input {
  /* 1 */
  overflow: visible;
}

/**
   * Remove the inheritance of text transform in Edge, Firefox, and IE.
   * 1. Remove the inheritance of text transform in Firefox.
   */
button,
select {
  /* 1 */
  text-transform: none;
}

/**
   * Correct the inability to style clickable types in iOS and Safari.
   */
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

/**
   * Remove the inner border and padding in Firefox.
   */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
   * Restore the focus styles unset by the previous rule.
   */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
   * Correct the padding in Firefox.
   */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
   * 1. Correct the text wrapping in Edge and IE.
   * 2. Correct the color inheritance from `fieldset` elements in IE.
   * 3. Remove the padding so developers are not caught out when they zero out
   *    `fieldset` elements in all browsers.
   */
legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */
}

/**
   * Add the correct vertical alignment in Chrome, Firefox, and Opera.
   */
progress {
  vertical-align: baseline;
}

/**
   * Remove the default vertical scrollbar in IE 10+.
   */
textarea {
  overflow: auto;
}

/**
   * 1. Add the correct box sizing in IE 10.
   * 2. Remove the padding in IE 10.
   */
[type=checkbox],
[type=radio] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
   * Correct the cursor style of increment and decrement buttons in Chrome.
   */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
   * 1. Correct the odd appearance in Chrome and Safari.
   * 2. Correct the outline style in Safari.
   */
[type=search] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}

/**
   * Remove the inner padding in Chrome and Safari on macOS.
   */
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
   * 1. Correct the inability to style clickable types in iOS and Safari.
   * 2. Change font properties to `inherit` in Safari.
   */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

/* Interactive
     ========================================================================== */
/*
   * Add the correct display in Edge, IE 10+, and Firefox.
   */
details {
  display: block;
}

/*
   * Add the correct display in all browsers.
   */
summary {
  display: list-item;
}

/* Misc
     ========================================================================== */
/**
   * Add the correct display in IE 10+.
   */
template {
  display: none;
}

/**
   * Add the correct display in IE 10.
   */
[hidden] {
  display: none;
}

iframe {
  border: none;
}

input:focus,
a:focus,
li:focus,
button:focus,
select:focus {
  overflow: hidden;
  outline-color: #ffea00;
  outline-offset: 0;
  outline-style: solid;
  outline-width: 2px;
  z-index: 1000;
}

img {
  display: block;
}

body {
  font-size: 16px;
}

/*-- Redesign changes -- Headings -- START --*/
h1 {
  font-size: 2rem;
  color: #000000;
  line-height: 120%;
  margin-bottom: 1.5rem;
  font-weight: normal;
}

h2 {
  font-size: 1.5rem;
  line-height: 130%;
  margin-bottom: 20px;
  font-weight: normal;
}

h3 {
  font-size: 20px;
  line-height: 130%;
  margin-bottom: 12px;
  font-weight: normal;
}

  /* used instead of metatext */
h4 {
  font-size: 18px;
  line-height: 130%;
  margin-bottom: 8px;
  font-weight: bold;
}

.link {
  font-size: 18px;
  line-height: 120%;
  color: #00000099;
  text-decoration: none;
}

.link_small {
  font-size: 16px;
  line-height: 120%;
  color: #00000099;
  text-decoration: none;
}

.link:hover {
  color: #000000FF;
}

.link_small:hover {
  color: #000000FF;
}

@media screen and (min-width: 768px) {
  h1 {
    font-size: 2.5rem;
  }

  h2 {
    font-size: 2rem;
    line-height: 120%;
  }

  h3 {
    font-size: 24px;
    margin-bottom: 20px;
  }
  
  h4 {
    font-size: 20px;
    margin-bottom: 12px;
  }

  .link {
    font-size: 20px;
  }
  
  .link_small {
    font-size: 18px;
  }
}

a.link_small img.back {
  content: url("/assets/icons/keyboard-arrow-left.svg");
}

a.link_small:hover img.back {
  content: url("/assets/icons/keyboard-arrow-left-black.svg");
}

a.link_small img.print {
  content: url("/assets/icons/print.svg")
}

a.link_small:hover img.print {
  content: url("/assets/icons/print-black.svg")
}
/*-- Redesign changes -- Headings -- END --*/

.paragraph {
  color: #000;
  font-size: 1.125rem;
  line-height: 1.5;
  margin-bottom: 2rem;
  margin-top: 1.5rem;
  font-weight: 400;
}

@media screen and (min-width: 768px) {
  .paragraph {
    font-size: 1.25rem;
  }
}


/* accessibility fix for Safari when list styles: none */
/* https://developer.mozilla.org/en-US/docs/Web/CSS/list-style */
ul li::before {
  content: "​";
}

.list-style {
  padding-right: 16px;
  justify-content: flex-start;
}

.navigation {
  align-items: end;
  display: flex;
  justify-content: start;
  padding-top: 2rem;
  padding-bottom: 1.5rem;
  margin-top: 0;
}

@media screen and (min-width: 768px) {
  .navigation {
    padding-top: 3rem;
    padding-bottom: 1.5rem;
    /*margin-top: -48px;*/
  } 
}

@media screen and (min-width: 1024px) {
  .navigation {
    height: 3.5rem;
    padding-top: 0px;
    padding-bottom: 0px;
    /*margin-top: -56px;*/
  } 
}

@media screen and (min-width: 1280px) {
  .navigation {
    height: 4.5rem;
    /*margin-top: -72px;*/
  } 
}

@media screen and (min-width: 1440px) {
  .navigation {
    height: 6rem;
    /*margin-top: -96px;*/
  } 
}

a > img {
  margin-right: 0.25rem;
}

.navigation a.link_small {
  color: #00000099;
  display: inline-flex;
}

@media screen and (min-width: 1024px) {
  .navigation a.subscription__link__wrapper {
    display: none;
  }
}

.navigation--right:last-of-type {
  margin-right: 0;
}
.navigation--right {
  color: #00000099;
  border: none;
  margin-right: 1rem;
  position: relative;
}
.navigation--right > img {
  margin-left: 0.25rem;
}
.navigation__dropdown {
  display: none;
}
.navigation__dropdown--is-visible {
  display: block;
  background: #fff;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25);
  cursor: pointer;
  list-style: none;
  padding-left: 0;
  position: absolute;
  right: 10px;
  z-index: 100;
}
.navigation__dropdown__link {
  align-items: center;
  color: #000;
  display: flex;
  text-decoration: none;
}
.navigation__dropdown__link > img {
  margin-right: 1rem;
}
.navigation__dropdown__item {
  align-items: center;
  display: flex;
  padding: 0.5rem 1rem;
  padding-right: 3rem;
  text-decoration: none;
}
.navigation__dropdown__item:hover {
  background: #ecf2f8;
}

.partner {
  padding-left: 1.5rem;
  padding-right: 1rem;
  margin-bottom: 2.5rem;
}
@media screen and (min-width: 768px) {
  .partner {
    padding-left: 120px;
    padding-right: 120px;
  }
}
@media screen and (min-width: 1280px) {
  .partner {
    padding-left: 100px;
    padding-right: 100px;
  }
}
.partner__text {
  background: #ecf2f8;
  font-weight: 600;
  margin: 0;
  padding: 0.5rem;
  text-align: center;
  width: 177px;
}
@media screen and (min-width: 1025px) {
  .partner__text {
    width: 166px;
  }
}

.description {
  padding-bottom: 1rem;
}

.description__title {
  margin-top: 0rem;
}

.description__print_section {
  display: flex;
  justify-content: flex-end;
  border-top: 1px solid #E2E2E2;
  padding-top: 1rem;
}

.description__print_section a {
  display: inline-flex;
  color: #00000099;
}

.description__print_section a img {
margin-right: 0.5rem;
}

.description__expectation {
  margin-bottom: 0.857rem;
  font-weight: normal;
}

.description__profile {
  font-weight: normal;
}

.description__paragraph {
  margin-bottom: 0.875rem;
}

.description__paragraph a {
  text-decoration: underline;
  text-decoration-color: #A30774;
  text-underline-offset: 5px;
}

.description__paragraph a:hover {
  text-decoration: underline;
  text-decoration-color: #A30774;
  text-underline-offset: 5px;
  color: #A30774;
}

.description__profile__list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.description__profile__list li {
  display: flex;
}

ul li:before {
  content: '\2013';
  position: absolute;
  margin-left: -20px;
}

.social-media {
  align-items: start;
  flex-direction: column;
  display: flex;
  margin: 1.5rem 0;
}

.social-media {
  align-items: start;
  flex-direction: column;
  display: flex;
  margin: 1.5rem 0;
  margin-bottom: 48px;
}

@media screen and (min-width: 768px){
  .social-media {
    margin-bottom: 56px;
  }
}

@media screen and (min-width: 1024px){
  .social-media {
    margin-bottom: 64px;
  }
}

@media screen and (min-width: 1280px){
  .social-media {
    margin-bottom: 72px;
  }
}

@media screen and (min-width: 1440px){
  .social-media {
    margin-bottom: 96px;
  }
}

.social-media__icon {
  margin: 0 24px 0 0;
}

.social-media__icon.fb {
  content: url("/assets/icons/facebook-white.svg");
}

.social-media__icon.instagram {
  content: url("/assets/icons/instagram-seeklogo.svg");
}

.social-media__icon.twitter {
  content: url("/assets/icons/twitter-white.svg");
}

.social-media__icon.linkedin {
  content: url("/assets/icons/linkedin-white.svg");
}

.social-media__icon.youtube {
  content: url("/assets/icons/youtube.svg");
}

.social-media__icon.fb:hover {
  content: url("/assets/icons/facebook-black.svg");
}

.social-media__icon.instagram:hover {
  content: url("/assets/icons/instagram-seeklogo_black.svg");
}

.social-media__icon.twitter:hover {
  content: url("/assets/icons/twitter-black.svg");
}

.social-media__icon.linkedin:hover {
  content: url("/assets/icons/linkedin-black.svg");
}

.social-media__icon.youtube:hover {
  content: url("/assets/icons/youtube_black.svg");
}

.social-media__text {
  margin-right: 1rem;
  margin-bottom: 12px;
  font-size: 1.5rem;
}

.application__background{
  background: #F8E8F3; 
  padding-top: 0; 
  padding-bottom: 40px
}

.application__title {
  margin-top: 40px;
}

.application {
  position: relative;
}


.application ul > li {
  padding-left: 1.2rem;
}

.application ul li::marker {
  content: '\2013';
}

.application__button {
  display: inline-flex;
  height: 48px;
  background-color: #222222;
  align-items: center;
  border-radius: 2px;
  padding-left: 32px;
  padding-right: 32px;
  cursor: pointer;
}

.application__button--link {
  text-decoration: none;
  font-size: 1rem;
  color: #fff;
  transition: 0.3s;
}

.application__button:hover {
  border-bottom: 0 solid;
  background-color: #000000;
}

.workplace {
  padding-left: 1.5rem;
  padding-right: 1rem;
  padding-bottom: 1rem;
}

.workplace h2 {
  font-weight: normal;
}



@media screen and (min-width: 768px) {
  .workplace {
    padding-left: 120px;
    padding-right: 120px;
  }
}
@media screen and (min-width: 1280px) {
  .workplace {
    padding-left: 100px;
    padding-right: 100px;
  }
}

.media__wrapper_map {
  height: 50px;
  margin-bottom: 1.5rem;
  padding-bottom: 35%;
  position: relative;
  width: 100%;
}

.media__wrapper {
  height: 50px;
  margin-bottom: 1.5rem;
  padding-bottom: 58.25%;
  position: relative;
  width: 100%;
}

.media__element {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.hide-share {
  display: none;
}

/*-- Redesign changes -- START --*/
.header {
  width: 100%;
  color: #000000;
}

/*-- Flex 12-based --*/
.d-col-3,
.d-col-thirds {width: 25%;}
.d-col-4,
.d-col-quarters {width: 33.3%;}
.d-col-6,
.d-col-halfs {width: 50%;}
.d-col-8 {width: 66.7%;}
.d-col-9  {width: 75%;}
.d-col-12,
.d-col-full {width: 100%;}

.main-container {
  display:flex;
  justify-content: center;
  width: 100%;
}

.main-wrapper {
  display: flex;
  flex-wrap: no-wrap;
  width: 100%;
  margin: 0 1.5rem;
}

.main-left {
  order: 1;
  width: 0%;
}

.main-center {
  order: 2;
  width: 100%;
}

.main-right {
  order: 3;
  width: 0%;
}

@media screen and (min-width: 768px) {
  .main-wrapper {
    margin: 0 2rem;
  }
}

@media screen and (min-width: 1024px) {
  .main-wrapper {
    margin: 0 2.5rem;
  }
  
  .main-left {
    min-width: calc((100% + 24px) / 6);
  }
  
  .main-right {
    min-width: calc((100% + 24px) / 6);
  }
}

@media screen and (min-width: 1280px) {
  .main-wrapper {
    margin: 0 6rem;
  }
    
  .main-left {
    min-width: calc(2 * (100% + 16px) / 12);
  }
  
  .main-right {
    min-width: calc(2 * (100% + 16px) / 12);
  }
}

@media screen and (min-width: 1440px) {
  .main-wrapper {
    margin: 0 6rem;
    max-width: 1348px;
  }
}

div#header-menu ul
{
    font-size: 14px;
    margin: 0;
    padding: 0;
    list-style: none;
}

div#header-menu ul li
{
    display: block;
    position: relative;
    float: left;
}

div#header-menu li ul
{
    display: none;
}


div#header-menu ul li a 
{
    display: block;
    text-decoration: none;
    color: #ffffff;
    padding: 5px 15px 5px 15px;
    margin-left: 1px;
    white-space: nowrap;
}

div#header-menu ul li a.border-right
{
    border-right: 1px solid #ffffff;
}

div#header-menu li:hover ul 
{
    display: block;
    position: absolute;
}

div#header-menu li:hover li
{
    float: none;
}

div#header-menu li:hover li a
{
    color: #000000;
}

div#header-menu li li:hover a
{
    color: #000000;
}

ul li::before {
  content: none;
}


.hero-image {
  max-width: 100%;
  max-height: 100%;   
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.header-bottom-section {
  height: 24px;
  margin-top: -24px;
  display: flex;
  justify-content: left;
}

.header-bottom-section-left {
  order: 1;
  width: 50%;
  background: white;
}

.header-bottom-section-right {
  order: 2;
  margin-left: -1px;
  margin-right: 24px;
  flex-grow: 1;
  display: flex;
  justify-content: left;
}

.header-bottom-section-right-white {
  width: 100%;
  background: white;
}

@media screen and (min-width: 768px) {
  .header-bottom-section {
    height: 48px;
    margin-top: -32px;
  }
  .header-bottom-section-right {
    margin-right: 32px;
  }
}

@media screen and (min-width: 1024px) {
  .header-bottom-section {
    height: 56px;
    margin-top: -55px;
  }
  
  .header-bottom-section-right {
    margin-right: 40px;
  }
}

@media screen and (min-width: 1280px) {
  .header-bottom-section {
    height: 72px;
    margin-top: -71px;
  }
  
  .header-bottom-section-right {
    margin-right: 96px;
  }

  .header-bottom-section-right-white {
    width: calc((100% + 8px) * 5 / 6 + 22px)
  }
}

@media screen and (min-width: 1440px) {
  .header-bottom-section {
    height: 96px;
    margin-top: -95px;
  }
  
  .header-bottom-section-right {
    margin-right: min(96px);
    max-width: 674px;
  }
}

.header-bottom-section-nav {
  background:white; 
  display: flex; 
  align-items: end; 
  justify-content: start; 
  padding-left: calc(10%)
}

.main-left .subscription__link__wrapper {
  display: none;
}

@media screen and (min-width: 1024px) {
  .main-left .subscription__link__wrapper {
    display: inline-flex;
  }
}

#hero {
  height: 40vw;
}

#hero-index {
  height: 40vw;
}

#hero-details {
  height: 40vw;
}


.intro__text {
  font-size: 1.25rem;
  line-height: 150%;
}

.sub__intro__text {
  font-size: 1.125rem;
  line-height: 150%;
}

.sub__intro__text span.material-icons {
  font-size: 1.125rem;
  display: inline-flex;
}

.sub__intro__text:hover span.material-icons {
  color: #A30774;
  display: inline-flex;
}


@media screen and (min-width: 768px) {
  .intro__text {
    font-size: 1.5rem;
    line-height: 140%;
  }

  .sub__intro__text {
    font-size: 1.25rem;
  }

  .sub__intro__text span.material-icons {
    font-size: 1.25rem;
  }
}

@media screen and (min-width: 1600px) {
  #hero {
    max-height: 641px; 
  }

  #hero-index {
    max-height: 641px; 
  }

  #hero-details {
    max-height: 641px; 
  }
}

.sub__intro__text a {
  text-decoration: underline;
  text-decoration-color: #A30774;
  text-underline-offset: 5px;
}

.sub__intro__text a:hover {
  text-decoration: underline;
  text-decoration-color: #A30774;
  color: #A30774;
}

.sub__intro__text img.external-links__icon {
  content: url("/assets/icons/ext-link-arrow.svg");
  display: inline;
  vertical-align: middle;
}

.sub__intro__text:hover img.external-links__icon {
  content: url("/assets/icons/ext-link-arrow-black.svg");
  display: inline;
  vertical-align: middle;
}
/*-- Redesign changes -- END --*/

.header__wrapper {
  width: 100%;
  display: flex;
  justify-content: center;
}

.title_and_logo {
  width: 100%;
  padding: 1.5rem;
  display: flex;
  column-gap: 24px;
  flex-direction: row;
  align-items: baseline;
}

.header__title {
  font-size: 12px;
  line-height: 0.9rem;
  font-weight: 500;
}

img.header__logo {
  content:url("/assets/icons/logo_short.svg");
  height: 20px;
}

@media screen and (min-width: 375px) {
  .title_and_logo {
    column-gap: 52px;
  }
}

@media screen and (min-width: 480px) {
  .title_and_logo {
    column-gap: 64px;
  }

  img.header__logo {
    content:url("/assets/icons/logo_short.svg");
    height: unset;
  }

  .header__title {
    font-size: 1.25rem;
    font-weight: normal;
  }
}

@media screen and (min-width: 768px) {
  .title_and_logo {
    padding: 2rem;
    column-gap: 81px;
  }

  img.header__logo {
    content:url("/assets/icons/logo.svg");
  }
}

@media screen and (min-width: 1024px) {
  .title_and_logo {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
    padding-top: 2rem;
    padding-bottom: 2rem;
    column-gap: 85px;
  }
  
  .header__title {
    font-size: 1.4375rem;
    line-height: 1.4rem;
  }
}

@media screen and (min-width: 1280px) {
  .title_and_logo {
    padding-left: 6rem;
    padding-right: 6rem;
  }
}

@media screen and (min-width: 1440px) {
  .title_and_logo {
    padding-left: min(6rem);
    padding-right: min(6rem);
    max-width: 1348px;
  }
}


.header__title > a {
  text-decoration: none;
}

.dropdown__language {
  list-style: none;
  margin-top: 0.625rem;
  position: absolute;
  right: 1rem;
  top: 0.5rem;
}
@media screen and (min-width: 1025px) {
  .dropdown__language {
    top: 0.8rem;
  }
}
.dropdown__language__link {
  text-decoration: none;
}
.dropdown__language__link--visible {
  color: #1f407a;
}
.dropdown__language__item {
  padding: 0.25rem 1.5rem;
  position: relative;
}
.dropdown__language__item--hidden {
  display: none;
}
.dropdown__language__item--visible {
  -moz-box-shadow: 0 0.1875rem 0.5625rem 0 rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 0.1875rem 0.5625rem 0 rgba(0, 0, 0, 0.5);
  background: #fff;
  box-shadow: 0 0.1875rem 0.5625rem 0 rgba(0, 0, 0, 0.5);
  display: block;
}
.dropdown__language__item--visible:hover {
  background: #82be1e;
}
.dropdown__language__icon {
  position: absolute;
  left: 4.4rem;
  top: 0.3rem;
}

/*-- Redesign changes -- Main content -- START --*/
.main {
  background: #fff;
  position: relative;
  z-index: 10;
  margin-top: -24px;
}


@media screen and (min-width: 768px) {
  .main {
    margin-top: -48px;
  }
}

@media screen and (min-width: 1024px) {
  .main {
    margin-top: -56px;
  }
}

@media screen and (min-width: 1280px) {
  .main {
    margin-top: -72px;
  }
}

@media screen and (min-width: 1440px) {
  .main {
    margin-top: -96px;
  }
}
/*-- Redesign changes -- Main content -- END --*/

.main__break {
  border: 1px solid #e5e5e5;
}
@media screen and (min-width: 768px) {
  .main__break {
    margin-left: 120px;
    margin-right: 120px;
  }
}
@media screen and (min-width: 1280px) {
  .main__break {
    margin-left: 100px;
    margin-right: 100px;
  }
}

@media screen {
  .onlyPrint {
      display: none;
  }
}

@media print {
  ::-webkit-scrollbar {
    display: none;
  }

  main     {
    overflow: visible !important; 
    float:none !important;
    position: absolute;
    left: 0px;
    top: 0px;
    display:block !important;
    /*height:auto !important;*/
  }

  .do_not_display_in_print {
    display: none;
  }

  header {
    display: none;
  }

  footer {
    display: none;
  }

  .application__background {
    padding-bottom: 0;
  }

  .application__title{
    margin-top: 20px;
  }
}

.intro {
  display: inline-block;
}

.intro__subtitle {
  padding: 1.25rem 0rem;
}

@media screen and (min-width: 768px) {
  .intro__subtitle {
    padding: 1.375rem 0rem;
  }
}

@media screen and (min-width: 1280px) {
  .intro__subtitle {
    padding: 1.25rem 0rem;
  }
}

.intro__title {
  padding-top: 2.5rem;
  margin-top: 0px;
}

.filter {
  display: flex;
  flex-direction: column;
  text-align: start;
}

.dropdown__label {
  align-self: flex-start;
  flex-basis: 35%;
  margin-bottom: 0;
  margin-right: 1.5rem;
}
.dropdown__wrapper {
  align-items: center;
  display: flex;
  
  flex-wrap: wrap;
}

.subscribe__link {
  margin-top: 10px;
}

@media screen and (min-width: 768px) {
  .intro__title {
    padding-top: 3rem;
  }
  .filter {
    flex-direction: row;
    text-align: end;
  }
  .dropdown__label {
    align-self: center;
    margin-bottom: 1rem;
  }
  .dropdown__wrapper { 
    flex-direction: row;
  }
  .subscribe__link {
    flex-grow: 1; 
    margin-top: 0px;
  }
}

@media screen and (min-width: 1024px) {
  .intro__title {
    padding-top: 3.5rem;
  }
}

@media screen and (min-width: 1280px) {
  .intro__title {
    padding-top: 4.5rem;
  }
}

.dropdown__jobs {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background-color: #fff;
  background-image: url("/assets/icons/arrow-down-gray.svg");
  background-position: right 0.7em top 50%, 0 0;
  background-repeat: no-repeat, repeat;
  background-size: 1rem auto, 100%;
  color: #000;
  display: flex;
  font-size: 14px;
  margin-right: 1rem;
  margin-top: 1rem;
  max-width: 100%;
  padding: 0.5rem;
  padding-right: 1.75rem;
  width: 100%;
  
  border: 1px solid #000000;
  box-sizing: border-box;
  border-radius: 20px;
}
.dropdown__jobs::-ms-expand {
  display: none;
}
.dropdown__jobs option {
  font-weight: normal;
}

@media screen and (min-width: 768px) {
  .dropdown__jobs {
    margin-top: 0;
  }

  .dropdown__jobs:last-of-type {
    margin-right: 0;
  }
}

.dropdown__jobs option {
  font-weight: normal;
}

select#jobsearch-workload_id:valid, select#jobsearch-jobtype_id:valid, select#jobsearch-region_id:valid {
  background-color: black;
  background-image: url(/assets/icons/arrow-down-white.svg);
  color: white;
}

select#jobsearch-workload_id:valid option, select#jobsearch-jobtype_id:valid option, select#jobsearch-region_id:valid option {
  background-color: white;
  background-image: url(/assets/icons/arrow-down-white.svg);
  color: black;
}


.subscription__link__wrapper {
  color: #00000099;
  display: inline-flex;
  border-bottom: 1px solid transparent;
  line-height: 1.2;
  font-size: 16px;
  align-items: flex-start;
  text-decoration: none;
}

.subscription__link__wrapper.pink {
  color: #A30774;
}

.subscription__link__wrapper span.material-icons {
  font-size: 16px;
}

a.subscription__link__wrapper:hover {
  color: #000000;
}

.subscription__link__wrapper span.material-icons.left {
  margin: 0px 8px 0px 0px;
}

@media screen and (min-width: 768px) {
  .subscription__link__wrapper {
    font-size: 18px;
  }
  .subscription__link__wrapper span.material-icons {
    font-size: 18px;
  }
  .subscription__link__wrapper img {
    margin: 0px 8px
  }
}

.pagination {
  align-items: center;
  color: #5a5a5a;
  display: flex;
  font-size: 0.875rem;
  font-weight: bold;
  justify-content: center;
  margin-bottom: 1rem;
  margin-top: 1rem;
}
@media screen and (min-width: 768px) {
  .pagination {
    justify-content: flex-end;
    margin-right: -0.25rem;
  }
}
.pagination > img {
  margin: 0 0.25rem;
}
.pagination__text {
  margin: 0 0.25rem;
}
.pagination__bottom {
  margin-bottom: 2.5rem;
}
@media screen and (min-width: 768px) and (max-width: 1026px) {
  .pagination__bottom {
    margin-right: 1.25rem;
  }
}

.job-ad {
  margin-bottom: 48px;
  margin-top: 2rem;
  margin-left: 1.5rem;
}

@media screen and (min-width: 768px){
  .job-ad {
    margin-bottom: 56px;
  }
}

@media screen and (min-width: 1024px){
  .job-ad {
    margin-bottom: 64px;
  }
}

@media screen and (min-width: 1280px){
  .job-ad {
    margin-bottom: 72px;
  }
}

@media screen and (min-width: 1440px){
  .job-ad {
    margin-bottom: 96px;
  }
}


.job-ad__wrapper {
  list-style: none;
  padding-left: 0;
}
.job-ad__item__wrapper {
  list-style: none;
  padding: 24px 0px;
  padding-right: 12px;
  letter-spacing: 0px;
}

.job-ad__item__wrapper > a {
  text-decoration: none;
}

.job-ad__item__wrapper:first-of-type {
  border-top: 1px solid #e5e5e5;
}

div.job-ad__item__title {
  font-size: 20px;
  font-weight: bold;
  line-height: 1.3;
  margin-bottom: 8px;
}

div.job-ad__item__details {
  font-size: 20px;
  font-weight: normal;
  line-height: 1.3;
  margin-bottom: 8px;
}

div.job-ad__item__company {
  font-size: 14px;
  font-weight: normal;
}

.job-ad__item__icon {
  margin-top: 1rem;
  margin-left: 16px;
  content: url("/assets/icons/chevron_right_gray.svg");
}



.job-ad__item__wrapper:hover div.job-ad__item__title {
  color: #A30774;
}

.job-ad__item__wrapper:hover img.job-ad__item__icon {
  content: url("/assets/icons/chevron_right_pink.svg");
  margin-left: 20px;
}


@media screen and (min-width: 768px) {
  .job-ad__item__icon {
    margin-top: -1rem;
  }
}
.job-ad__item__link {
  display: flex;
  justify-content: space-between;
}

.job-ad__item__company, .job-ad__item__publication {
  color: #5a5a5a;
  font-size: 0.875rem;
  line-height: 1.5;
  margin: 0.5rem 0 0 0;
}

.job-ad__item__publication {
  margin-top: 0;
}

@media screen and (min-width: 768px) {

  .job-ad__item__title {
    font-size: 1.25rem;
  }
  
  .job-ad__item__details {
    font-size: 1.25rem;
  }
}

.external-links-background{
  width: 100vw;
  position: relative;
  margin-left: -50vw;
  left: 50%;
  background: #F8E8F3;
  display: flex;
  justify-content: center;
}

@media screen and (min-width: 1024px) {
  .external-links-background{
    margin-left: -52vw;
  }
  .external-links-background{
    width: 101vw;
    left: 51%;
  }
}

@media screen and (min-width: 1280px) {
  .external-links-background{
    width: 101vw;
  }
}

.external-links {
  background-color: transparent;
  margin: 0 auto;
}

.external-links__wrapper {
  background-color: transparent;
  font-weight: bold;
  line-height: 1.125rem;
  padding-top: 2rem;
  padding-bottom: 2rem;
}

@media screen and (min-width: 1024px) {
  .external-links__wrapper {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
}

.external-links__heading {
  font-weight: 400;
  font-size: 1.5rem;
  line-height: 1.3;
  margin-bottom: 1.25rem;
}

@media screen and (min-width: 768px) {
  .external-links__heading {
    font-weight: 400;
    font-size: 2rem;
    line-height: 1.2;
    margin-bottom: 1.25rem;
  }
}

.external-links__link {
  display: flex;
  font-weight: 400;
  color: #00000099;
  flex-direction: row;
  flex-wrap: nowrap;
  font-size: 1.25rem;
  line-height: 1.2;
  margin: 0.5rem 0;
  margin-right: 0.5rem;
  text-decoration: none;
}

.external-links__link + .external-links__link {
  border-left: 1px solid black;
  padding-left: 0.8rem;
}

.link img.external-links__icon {
  content: url("/assets/icons/ext-link-arrow.svg");
}

.link:hover img.external-links__icon {
  content: url("/assets/icons/ext-link-arrow-black.svg");
}

@media screen and (min-width: 768px) {

  .external-links__heading {
    font-weight: 400;
    font-size: 2rem;
    line-height: 2.375rem;
    margin-bottom: 1.25rem;
  } 
}

.external-links__links-wrapper {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
}


.external-links__icon {
  margin-left: 0.25rem;
}

.footer-container {
  background: #000000;
  display:flex;
  justify-content: center;
  width: 100%;
}


.footer__wrapper {
  display: flex;
  flex-direction: column;
  margin: 24px;
  row-gap: 12px;
  font-size: 0.875rem;
  justify-content: center;
  width: 100%;
}

@media screen and (min-width: 768px) {
  .footer__wrapper {
    margin-left: 32px;
    margin-right: 32px;
  }
}

@media screen and (min-width: 1024px) {
  .footer__wrapper {
    flex-direction: row;
    margin-left: 40px;
    margin-right: 40px;
  }
}

@media screen and (min-width: 1280px) {
  .footer__wrapper {
    margin-left: 96px;
    margin-right: 96px;
  }
}

@media screen and (min-width: 1440px) {
  .footer__wrapper {
    max-width: 1348px;
  }
}

.footer__menu {
  flex-grow: 1;
  display: flex;
}

.footer__menu__item {
  margin-right: 1rem;
}

.footer__link {
  line-height: 21px;
  color: #FFFFFF;
  font-weight: 400;
  font-size: 14px;
  margin-right: 0px;
}

.footer__link:hover {
  color: #FFFFFFCC;
}

.footer__copy-right {
  line-height: 21px;
  color: #FFFFFFCC;
  font-weight: 400;
  font-size: 14px;
}



/*# sourceMappingURL=index.css.map */