/*!*******************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./components/static/JobHeader/style.css ***!
  \*******************************************************************************************************************************************************************************************/
/**
 * Custom Media Queries
 * Works like Custom Properties, except for media queries.
 *
 * @link: https://drafts.csswg.org/mediaqueries-5/#custom-mq
 * @link: https://github.com/postcss/postcss-custom-media
 **/

/* Min-Width */

/* Customize based on project */

/* Max-Width */

/* Customize based on project */

/* Min-Max-Width */

:is([name='JobHeader'] .content)  > :first-child {
    margin-block-start: 0;
    padding-block-start: 0;
  }

:is([name='JobHeader'] .content)  > :last-child:not([class*='button']) {
    margin-block-end: 0;
    padding-block-end: 0;
  }

:is([name='JobHeader'] .content)  > h2,:is([name='JobHeader'] .content)  > h3,:is([name='JobHeader'] .content)  > h4,:is([name='JobHeader'] .content)  > h5,:is([name='JobHeader'] .content)  > h6 {
    margin-block-start: 0;
  }

:is(:is(:is([name='JobHeader'] .content) > *:last-child) :not(.whatsapp-button))  > :last-child {
    margin-block-end: 0;
    padding-block-end: 0;
  }

[name='JobHeader'] .attrs {
    @include reset-list;
  }

:is([name='JobHeader'] .attrs) .attrs-taxonomy {
      display: inline-block;
    }

:is(:is([name='JobHeader'] .attrs) .attrs-taxonomy) span {
        font-weight: bold;
      }

:is(:is([name='JobHeader'] .attrs) .attrs-taxonomy):not(:last-child)::after {
          content: '·';
          margin-left: 1ch;
          margin-right: 1ch;
        }

:is([name='JobHeader'] .attrs)  + .attrs {
      margin-block-start: 8px;
    }

[name='JobHeader'] .desktop-navigation-wrapper {
    display: none;
  }

@media screen and (width >= 1024px) {

[name='JobHeader'] .desktop-navigation-wrapper {
      display: flex;
      gap: 24px;
      align-items: center;
      margin-block-start: 32px;
  }
    }

[name='JobHeader']  + .mobile-navigation-wrapper {
    display: flex;
    gap: 16px;
    padding: var(--box-padding);
    flex-direction: column;
    align-items: flex-start;
    position: fixed;
    inset: auto 0 0;
    z-index: 2;
  }

@media screen and (width >= 512px) {

[name='JobHeader']  + .mobile-navigation-wrapper {
      flex-direction: row;
      gap: 24px;
  }
    }

@media screen and (width >= 1024px) {

[name='JobHeader']  + .mobile-navigation-wrapper {
      display: none;
  }
    }


/*# sourceMappingURL=style.min.css.map*/