/* Typography */

@font-face {
    font-family: HMAlphaMono;
    src: url("") format("opentype");
    -webkit-font-smoothing: antialiased;
    font-style: normal;
    font-weight: normal;
}

body, 
p, 
ul, 
li, 
h1, 
h2, 
h3, 
h4, 
h5,
h6 {
  letter-spacing: normal;
  color: #3C3B3B;
  line-height: normal;
  font-family: "Inter", sans-serif;
}

h1, 
h2, 
h3, 
h4, 
h5,
h6 {
  font-weight: 600;
}

body, p {
  font-weight: 400;  
  font-size: 24px;
  color: #3C3B3B;
}

a, 
a:visited,
a:focus,
a:active,
a:hover {
  color: #000;
  font-weight: 400;
  text-decoration: none;
}

h2 {
  font-size: 36px;
}

h3 {
  font-size: 34px;
}

h4 {
  font-size: 30px;
}

h5 {
  font-size: 16px;
}

@media (min-width: 768px) {
  h1 {
    font-size: 68px;
    line-height: 130%;
    letter-spacing: -3.06px;
  }

  h2 {
    font-size: 58px;
    line-height: 110%;
    letter-spacing: -3.6px;
  }

  h3 {
    font-size: 40px;
    line-height: 100%; /* 40px */
    letter-spacing: -1.8px;
  }

  h5 {
    font-size: 32px;
    font-weight: 500;
    line-height: 36px;
  }
}

/* Header */

.header .block-image-cover .block-image-text {
  max-width: 60%;
  margin: 0 auto;
}

.graublau strong {
  font-family: "HMAlphaMono", serif;
  color: #D4A0FF;
  font-size: 20px;
  text-transform: uppercase;
  line-height: 100%; /* 20px */
  font-weight: 700;
  letter-spacing: normal;
}

.graublau-orange strong {
  font-family: "HMAlphaMono", serif;
  color: #FF5300;
  font-size: 20px;
  text-transform: uppercase;
  line-height: 100%; /* 20px */
  letter-spacing: normal;
}

.block-image-cover {
    height: 260px;
}

@media (min-width: 767px){
.block-image-cover {
    height: 440px;
}
}

@media (min-width: 1199px){
.background1 {
  height: 760px;
}
}

.background1 {
  background-size: cover;
  background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url("");
  background-position: center;
  background-repeat: no-repeat;
}

.background1 h1 {
  color: #fff;
}

.container1 .block-image-text {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 768px) {
  .container1 .block-image-text {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .container1 .block-image-text {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .container1 .block-image-text {
    width: 1170px;
  }
}


/* Navigation */

.page-body {
  padding-top: 50px;
}

img.logo {
  height: 32px;
}

.navbar {
  background-color: #191919!important;
  color: #fff!important;
  padding: 15px 0;
}

.navbar-toggler {
  border: 1px solid #fff;
}

.nav-link,
.nav-link:focus,
.nav-link:hover,
.nav-link:active,
.nav-link:visited {
  color: #C3C3C3;
  font-size: 14px;
  font-weight: 400;
  line-height: 28px;
  padding: 12px;
}

.nav-link li,
.nav-item {
  margin-bottom: 0;
}

@media (max-width: 768px) {
  .page-body {
      padding-top: 70px;
  }

  .header .block-image-cover {
    height: 360px;
  }
}

@media (min-width: 768px) {
   .navbar {
    padding: 0;
  } 
}

/* Nav Form */

.navbar .form {
  padding: 12px 0;
}

.navbar .form-control {
  background-color: #3C3B3B;
  font-size: 13px;
  min-height: 25px;
  border: none;
  width: 205px;
  border-radius: 4px 0 0 4px;
  color: #fff;
}

.navbar .easy-autocomplete-container ul {
  background: none repeat scroll 0 0 #000000;
  border-top: none;
  margin-top: 1px;
}

.navbar .form-control,
.navbar .easy-autocomplete-container ul li, 
.navbar .easy-autocomplete-container ul .eac-category {
  border: none;
  font-size: 13px;
}

.navbar .easy-autocomplete-container ul .eac-item a, 
.navbar .easy-autocomplete-container ul .eac-item a:visited {
  color: #fff;
  font-size: 13px;
}

.navbar .easy-autocomplete-container ul li.selected {
  background: none repeat scroll 0 0 #fff;
  cursor: pointer;
  color: #000;
}

.navbar .easy-autocomplete-container ul li.selected a, 
.navbar .easy-autocomplete-container ul li.selected a:visited {
  color: #000;
}

.navbar .easy-autocomplete-container ul .eac-category {
  background-color: #000000;
  color: #fff;
}

.navbar .btn-primary,
.navbar .btn-primary:focus,
.navbar .btn-primary:visited,
.navbar .btn-primary:active,
.navbar .btn-primary:hover {
  background-color: #3C3B3B;
  color: #fff;
  border: none;
  border-radius: 0 4px 4px 0!important;
}

.navbar .input-group input, 
.navbar .input-group-btn button {
  padding: 2px 8px 2px 6px; 
}

.navbar ::-webkit-input-placeholder { /* WebKit, Blink, Edge */
  color: #fff;
  font-family: Inter;
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
  line-height: 22px;
}
.navbar :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
  color: #fff;
  opacity:  1;
  font-family: Inter;
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
  line-height: 22px;
}
.navbar ::-moz-placeholder { /* Mozilla Firefox 19+ */
  color: #fff;
  opacity:  1;
  font-family: Inter;
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
  line-height: 22px;
}
.navbar :-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #fff;
  font-family: Inter;
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
  line-height: 22px;
}
.navbar ::-ms-input-placeholder { /* Microsoft Edge */
  color:  #fff;
  font-family: Inter;
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
  line-height: 22px;
}

.navbar ::placeholder { /* Most modern browsers support this now. */
  color: #fff;
  font-family: Inter;
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
  line-height: 22px;
}

/* Job Search Block */

.block-job-search-form .input-group input, 
.block-job-search-form .input-group-btn button {
  height: 62px;
  padding: 8px 12px;
}

.block-job-search-form .form-control {
  background-color: #000;
  font-size: 14px;
  min-height: 62px;
  border-radius: 40px 0 0 40px;
  color: #fff;
}

.block-job-search-form .easy-autocomplete-container ul {
  background: none repeat scroll 0 0 #000000;
  border-top: none;
  margin-top: 1px;
}

.block-job-search-form .easy-autocomplete-container ul .eac-category {
  background-color: #000000;
  color: #fff;
}

.block-job-search-form .btn-primary,
.block-job-search-form .btn-primary:focus,
.block-job-search-form .btn-primary:visited,
.block-job-search-form .btn-primary:active,
.block-job-search-form .btn-primary:hover {
  color: #fff;
  border: .5px solid #C3C3C3;
  border-radius: 0 40px 40px 0!important;
  background: #000 url("") 13px 20px no-repeat;
  display: block;
  text-indent: -99999em;
  width: 50px;
  overflow: hidden;
}

.block-job-search-form  ::-webkit-input-placeholder { /* WebKit, Blink, Edge */
  color: #fff;
}
.block-job-search-form  :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
  color: #fff;
}
.block-job-search-form ::-moz-placeholder { /* Mozilla Firefox 19+ */
  color: #fff;
}
.block-job-search-form  :-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #fff;
}
.block-job-search-form  ::-ms-input-placeholder { /* Microsoft Edge */
  color:  #fff;
}

.navbar ::placeholder { /* Most modern browsers support this now. */
  color: #fff;
}

.page-body.page.not-editing .search-block-overlap {
  margin-top: -40px;
}

.easy-autocomplete input {
  border-width: 0.5px;
}

/* Job Search page */

.badge {
  background-color: #f1f1f1;
  font-size: 12px;
  color: #949494;
}

.job-search-results-table p {
  font-size: 16px;
}

.job-search-results-table span {
  font-size: 18px;
}

.job-search-results-table h3 a {
  font-size: 32px;
  font-weight: 600;
  line-height: 130%; /* 41.6px */
  letter-spacing: -1.44px;
}

.job-search-results-footer a {
  font-size: 16px;
  font-weight: 600;
  text-decoration: underline;
}

.block-job-search-results .job-search-results .job-search-filter-groups {
  width: auto;
}

.block-job-search-results .job-search-results .job-search-filter-groups {
  background-color: #F1F1F1;
}

.card-body.job-search-results-card-body {
   padding-bottom: 0;
}

.job-search-results .card-footer {
  background-color: transparent;
  border: #fff;
  padding-bottom: 16px;
}

.job-search-results  .fa-chevron-right::before {
  padding-left: 5px;
}

.job-component-details {
  font-weight: 500;
}

.job-search-results .input-group input, 
.job-search-results .input-group-btn button {
  height: 47px;
  border-radius: 100px!important;
  padding: 8px 25px;
}

.block-job-search-results .clear-filters-button {
  height: 47px;
}

.job-search-control .near-me-control {
  margin-left: 15px;
}

.job-search-results input.form-control {
  margin-right: 15px;
}

.block-job-search-results .job-search-results table {
  font-size: 18px;
}

.block-job-search-results .job-search-results .job-search-results-department {
  width: 9em;
}

.block-job-search-results .job-search-results .job-search-results-employment-type {
  width: 10em;
}

.job-search-results-title a {
  font-weight: 600;
  font-size: 18px;
}

.job-search-results ul li {
  font-size: 16px;
}

.table thead th {
  padding: 15px 0;
}

.table > :not(caption) > * > * {
  padding: 32px 0;
}

.block-job-search-results .job-search-results .job-search-results-location {
  width: 9em;
}

@media (min-width: 768px) {
  .block-job-search-results .clear-filters-button {
    margin-bottom: 45px;
  }
}

/* Sidebar */

.sidebar.card {
  box-shadow: 0px 2.767256498336792px 2.2138051986694336px 0px rgba(0, 0, 0, 0.01), 
  0px 6.650102138519287px 5.32008171081543px 0px rgba(0, 0, 0, 0.02), 
  0px 12.521552085876465px 10.017241477966309px 0px rgba(0, 0, 0, 0.03), 
  0px 22.3363094329834px 17.869047164916992px 0px rgba(0, 0, 0, 0.03), 
  0px 41.777610778808594px 33.422088623046875px 0px rgba(0, 0, 0, 0.04), 
  0px 100px 80px 0px rgba(0, 0, 0, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.60);
  background: linear-gradient(180deg, #F6F6F6 0%, #F1F1F1 100%);
  border-radius: 24px;
}

.call-to-action p {
  color: #000;
}

.orange-bg {
  background: #ff5300!important;
}

.orange-bg h2,
.orange-bg h3 {
  color: #fff;
}

.orange-bg .btn-primary, 
.orange-bg .btn-primary:hover, 
.orange-bg .btn-primary:active, 
.orange-bg .btn-primary:focus, 
.orange-bg .btn-primary:visited {
  border: 2px solid #fff;
}

.purple-bg {
  background: #d7d7d7!important;
}

.sidebar {
  padding: 1em;
  margin-bottom: 30px;
}

.sidebar h2 {
  font-size: 38px;
  font-style: normal;
  font-weight: 600;
  line-height: 130%; /* 65px */
  letter-spacing: -2.25px;
}


/* Buttons */

a.button.button1,
a.button.button1:hover,
a.button.button1:active,
a.button.button1:focus,
a.button.button1:visited {
  border: .5px solid #FF5300;
  background: #FF5300;
  color: #ffffff;
}

a.button.button2,
a.button.button2:hover,
a.button.button2:active,
a.button.button2:focus,
a.button.button2:visited {
  border: .5px solid #000;
  background: #000;
  color: #fff;
}

a.button.button3,
a.button.button3:hover,
a.button.button3:active,
a.button.button3:focus,
a.button.button3:visited {
  border: .5px solid #000000;
  background: #D4A0FF;
  color: #000000;
}

a.button.button4,
a.button.button4:hover,
a.button.button4:active,
a.button.button4:focus,
a.button.button4:visited {
  border: .5px solid #000;
  background: #F1F1F1;
  color: #000;
}

.btn-primary,
.btn-primary:hover,
.btn-primary:active,
.btn-primary:focus,
.btn-primary:visited {
  border: .5px solid #FF5300;
  background: #FF5300;
  color: #ffffff;
}

.btn-success,
.btn-success:hover,
.btn-success:active,
.btn-success:focus,
.btn-success:visited {
  border: .5px solid #000;
  background: #000;
  color: #fff;
}

a.button, .btn {
  border-radius: 100px;
  text-transform: none;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 28px;
  letter-spacing: normal;
}

.not-editing a.button::after, 
.not-editing .btn::after {
  font-family: "Font Awesome 6 Free";
  padding-left: 10px;
  font-weight: 900;
  content: "\f061";
}

.form-control .btn::after {
  content: none!important;
}

.btn-info,
.btn-info:hover,
a.btn-info, 
a.btn-info:visited, 
.btn-warning, 
a.btn-warning, 
a.btn-warning:visited, 
.btn-danger, 
a.btn-danger, 
a.btn-danger:visited {
  border: .5px solid #FF5300;
  background: #FF5300;
  color: #ffffff;
}

.modal-footer > * {
  margin: 0;
}

/* Image rounding */

.block-image-cover {
  border-radius: 15px;
}

/* Footer */

footer {
  padding: 80px 0;
}

footer.bg-dark {
  background-color: #D4A0FF!important;
}

.footer-logo {
  height: 40px;
}

footer p {
  font-size: 16px;
  margin: 0 0 20px 0;
}

footer h5, 
footer p {
  color: #000;
}

footer p a {
  text-decoration: underline;
}

.social img {
  height: 50px;
}

@media (min-width: 768px) {
  footer .menu-inline p {
    display: inline;
    padding-right: 10px;
  }
}

/* Custom CSS Classes*/

.purple-cards {
  display: flex;
  padding: 62px 32px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
  flex: 1 0 0;
  border-radius: 15px;
  background: var(--brand-serenity-purple, #D4A0FF);
  margin: 25px;
  color: #000;
  text-align: center;
  font-family: HM Alpha Mono;
  font-size: 60px;
  font-style: normal;
  font-weight: 500;
  line-height: 100%;
  letter-spacing: 3px;
}

.purple-cards h3,
.purple-cards h4 {
  font-family: HMAlphaMono;
}

.purple-cards h3 {
  font-weight: 500;
} 

.purple-cards h4 {
  font-weight: 400;
}

@media (min-width: 768px) {
  .purple-cards h3 {
    font-size: 60px;
  } 
  
  .purple-cards h4 {
    font-size: 40px;
  }
}

.grey-cards {
  display: flex;
  padding: 40px 32px;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
  align-self: stretch;
  border-radius: 15px;
  background: #F1F1F1;
  height: 100%;
}

.block-homepage-hero {
  border-radius: 15px;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.80) 0%, rgba(0, 0, 0, 0.80) 100%), lightgray 50% / cover no-repeat;
}

.block-grey-background {
  background: var(--grey-grey-200, #F1F1F1);
}

.block-picture-quote {
  display: flex;
  height: 495px;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  gap: 10px;
  flex: 1 0 0;
  align-self: stretch;
  border-radius: 15px;
}

.picture-multiradius {
  border-radius: 64px 0px 0px 0px;
}

@media (max-width: 768px) {
 .grey-cards {
   margin-bottom: 20px;
 }
}

/* Candidate Settings */
.candidate-settings-panel {
  box-shadow: 0px 2.767256498336792px 2.2138051986694336px 0px rgba(0, 0, 0, 0.01), 
    0px 6.650102138519287px 5.32008171081543px 0px rgba(0, 0, 0, 0.02), 
    0px 12.521552085876465px 10.017241477966309px 0px rgba(0, 0, 0, 0.03), 
    0px 22.3363094329834px 17.869047164916992px 0px rgba(0, 0, 0, 0.03), 
    0px 41.777610778808594px 33.422088623046875px 0px rgba(0, 0, 0, 0.04), 
    0px 100px 80px 0px rgba(0, 0, 0, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.60);
  background: linear-gradient(180deg, #F6F6F6 0%, #F1F1F1 100%);
  border-radius: 24px;
}

@media (min-width: 768px) {
.candidate-settings-panel h3 {
  font-size: 34px;
 }
}

.margin-bottom-h3 h3 {
  margin-bottom: 0;
}

.block-jobs h3 {
  font-size: 24px;
  letter-spacing: 0;
}

.selectize-control.multi .selectize-input > div {
  background-color: #f2f2f2;
  color: #000;
  font-weight: 600;
}

.selectize-dropdown .active {
  color: #000;
  background-color: #f2f2f2;
}

.selectize-dropdown [data-selectable].option {
  font-size: 18px;
  font-weight: 600;
}

.block-job-description .job-title {
  display: none;
}

.cookie-table {
  border: 1px solid black;
  border-collapse: collapse;
  padding: 5px 5px 5px 5px;
}

/* Jobs list */

.jobs-list-cards .block-jobs .job {
  padding: 40px;
  border-radius: 24px;
  border: 1px solid rgba(255, 255, 255, 0.60);
  background: linear-gradient(180deg, #FFF 0%, #FAFAFA 100%);
  box-shadow: 0px 2.767256498336792px 2.2138051986694336px 0px rgba(0, 0, 0, 0.01), 0px 6.650102138519287px 5.32008171081543px 0px rgba(0, 0, 0, 0.02), 0px 12.521552085876465px 10.017241477966309px 0px rgba(0, 0, 0, 0.03), 0px 22.3363094329834px 17.869047164916992px 0px rgba(0, 0, 0, 0.03), 0px 41.777610778808594px 33.422088623046875px 0px rgba(0, 0, 0, 0.04), 0px 100px 80px 0px rgba(0, 0, 0, 0.05); 
}

.jobs-list-cards .jobs-list {
  display: flex;
  flex-wrap: wrap;
  column-gap: 0;
  row-gap: 1rem;
  column-gap: 2%;
}

.jobs-list-cards .block-jobs .job-summary  {
  color: #191919;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%; /* 20.8px */
}

.jobs-list-cards .block-jobs .job-title  {
  color: #000;
  font-size: 30px;
  font-style: normal;
  font-weight: 600;
  line-height: 130%; /* 41.6px */
  letter-spacing: -1.44px;
  margin-bottom: 10px!important;
}

.jobs-list-cards .block-jobs .job-department {
  color: #3C3B3B;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 140%; /* 25.2px */
  letter-spacing: -0.81px;
  margin-bottom: 10px;
}

.jobs-list-cards .block-jobs .job-location {
  color: #6A6A6A;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px; /* 150% */
  display: block;
}

.jobs-list-cards .job-location::before {
  font-family: "Font Awesome 6 Free";
  padding-right: 5px;
  font-weight: 900;
  content: "\f3c5";
}

.page.editing .editor-padding {
  height: 0 !important;
}

@media (max-width: 768px) {
  .jobs-list-cards .jobs-list {
    display: block;
  }
}

@media (min-width: 768px) {
 .jobs-list-cards .block-jobs .job {
   width: 32%;
 }
}

/* Pagination */

.pagination > .active > a, 
.pagination > .active > span, 
.pagination > .active > a:hover, 
.pagination > .active > span:hover, 
.pagination > .active > a:focus, 
.pagination > .active > span:focus {
  background-color: #FF5300;
  border-color: #FF5300;
}

.page-link,
.page-link:hover {
  color: #FF5300; 
  font-weight: 500;
}

.pagination > .active > a:hover {
  color: #fff;
}

.prev-page .page-link  {
  background-color: #F1F1F1;  
}

@media (max-width: 768px) {
  .no-margin-padding-mobile {
    margin-bottom: 0!important;
    padding-bottom: 0!important;
    margin-top: 0!important;
    padding-top: 0!important;
  }

  .job-search-results input.form-control {
    width: 100%;
    margin-bottom: 10px;
    margin-right: 0;
  }

  .input-group {
    justify-content: space-evenly;
  }
}

.cookie-table {
  background-color: #D4A0FF;
}

/* Capital letters on buttons search page */

.job-search-results-form .btn::first-letter {
  text-transform: uppercase;
}
.job-search-results-form .btn {
  text-transform: lowercase;
}

@media (max-width: 768px) {
  .image-blocks-searchpage h3 {
    font-size: 22px;
  }

  .image-blocks-searchpage p {
    font-size: 18px;
  }
}

/* Accordion */

.accordion-button {
  font-size: 24px;
}

.accordion-button:focus {
  border-color: 000;
}

.accordion-button:not(.collapsed) {
    color: #000;
    background-color: #F1F1F1;
}

/* Search */

.easy-autocomplete-container ul .eac-item a, .easy-autocomplete-container ul .eac-item a:visited {
  color: #fff;
  font-weight: 500;
}

.easy-autocomplete-container ul li.selected {
  background: rgb(212, 160, 255);
}

.job-description p,
.job-description li,
.job-description span {
  font-size: 16px; 
}

.job-description h4 {
  font-size: 18px;
}

.call-to-action .btn-primary, 
.call-to-action .btn-primary:hover, 
.call-to-action .btn-primary:active, 
.call-to-action .btn-primary:focus, 
.call-to-action .btn-primary:visited {
  display: block;
}

@media (max-width: 768px) {
  .grey-cards {
    height: auto;
  }

  .modal-content p {
    font-weight: 400;
   font-size: 16px;
 }

  .consent-modal .image-wrapper img {
    max-height: 29px;
  }

  .modal-body {
    padding-bottom: 0;
  }

  .job-search-results ul li {
    font-size: 14px;
  }

  .col-md-3 .block-image-cover {
    margin-bottom: 15px;
  }
}

.cookie-policy table,
.cookie-policy p {
  font-size: 16px;
}

.float-right, .pull-right {
    float: right!important;
}

.block-job-search-results .job-search-filter-groups label {
  font-size: 15px;
}