/* ############ ############ ############ ############ ############ ############ ############ ##
   JOBEXCHANGE CSS v2.3.21 / 2023-07-13
   Copyright Infoniqa Holding GmbH
   Created by Hartwig Waltle
## ############ ############ ############ ############ ############ ############ ############ */



/* ############ ############ ############ ############ ############ ############ ############ ##
   FONTS

   Google Webfont Helper (https://gwfh.mranftl.com/)
## ############ ############ ############ ############ ############ ############ ############ */

/* open-sans-regular - latin */
@font-face {
   font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
   font-family: 'Open Sans';
   font-style: normal;
   font-weight: 400;
   src: url('fonts/open-sans-v36-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
 }
 /* open-sans-700 - latin */
 @font-face {
   font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
   font-family: 'Open Sans';
   font-style: normal;
   font-weight: 700;
   src: url('fonts/open-sans-v36-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
 }



/* ############ ############ ############ ############ ############ ############ ############ ##
   DEBUG CSS CODE


## ############ ############ ############ ############ ############ ############ ############ */

/* highlight all XPJEXTEX entrys 
.preAmble,
.preamble,
.postAmble,
.postamble,
.codePreambleContainer p,
.codePostambleContainer p {
   background: rgba(var(--bs-warning-rgb),0.5);
   padding: 0.25rem 0.75rem;
}*/



/* ############ ############ ############ ############ ############ ############ ############ ##
   CUSTOM CSS CODE


## ############ ############ ############ ############ ############ ############ ############ */

/* <-- ADD NEW CSS BELOW --> */

/*414*/
@media (min-width: 992px) {
   #headerDiv .header-menu .navbar.navbar.navbar-expand-lg .collapse {
      margin-top: 2rem;
   }
}
/*420*/
#headerDiv .header-menu .navbar .navbar-nav .nav-link {
   text-transform: uppercase;
}

.jobOffer .jobOfferDataTable .jobOfferDetailView > h2 {
   font-size: 1.25rem;
}
.jobOffer .jobOfferDataTable .jobOfferDetailView > h2:last-of-type {
   margin-bottom: 1rem;
}

/*1476*/
@media (min-width: 768px) {
   .jobOffer .jobOfferDataTable .jobOfferDetailView > h2 {
      width: 100%;
   }
}
/*1479*/
@media (min-width: 768px) {
   .jobOffer .jobOfferDataTable .jobOfferDetailView > div {
      width: 100%;
   }
}

form .pagingArea .paging {
   display: none !important;
}











#footerDiv footer .nav .nav-link {
   color: var(--inf-color-dark);
   font-weight: 600;
}
#footerDiv footer .nav .nav-link::after {
   content: "|";
   margin-left: 1rem;
}


/**/
#jobOfferSearch aside.jobOfferSearchFilter {
   display: none !important;
}






/*808*/
.jexContent .jexInnerContent h1.caption {
   color: #000;
   text-transform: uppercase;
}


.jobOffer .jobOfferDetailHeader h1.jobOfferDescription {
   color: #000;
   text-transform: uppercase;
}

#applyByContent .codePreambleContainer h1 {
   color: #000;
   text-transform: uppercase;
}



form #tablecontent .jobOfferData p.jobOfferDescription {
   color: #000;
   text-transform: uppercase;
}


/*1350*/
section.mainSection #jobOfferListResult ul#jobOffers li.jobOffer ul.fieldHeaders li.fieldHeader.fh_JobOfferEmploymentLevel_employmentLevel {
   display: none !important;
}
section.mainSection #jobOfferListResult ul#jobOffers li.jobOffer ul.fieldHeaders li.fieldHeader.fh_JobOffer_officeIds {
   display: none !important;
}



/* ADDON > BENEFITS (JOBDETAIL) */
.benefits .container {
   padding-left: 0;
   padding-right: 0;
}

.benefits .container h2 {
   text-align: left;
}

.benefits .container .col.icon {
   flex: none;
   width: 200px;
}
.benefits .container .col.icon img {
   max-height: 120px;
   max-width: 120px;
   min-height: 120px;
   min-width: 120px;
   padding: 1rem;
}
.benefits .container .col.icon h3 {
   font-weight: 400;
}

p.postamble.afterButtons + div.benefits {
   display: none !important;
}