/*!*******************************************************************************************************************************************************************************************!*\
  !*** 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/JobFooter/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 */

[name='JobFooter'] .contact {
    --portrait-image-size: 200px;

    display: flex;
    gap: 24px;
    flex-direction: column;
  }

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

[name='JobFooter'] .contact {
      align-items: center;
      flex-direction: row;
      gap: 32px;
  }
    }

:is([name='JobFooter'] .contact) .contact-image {
      flex-shrink: 0;
    }

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

:is([name='JobFooter'] .contact) .contact-image {
        padding-inline-end: var(--column-gutter);
    }
      }

:is(:is([name='JobFooter'] .contact) .contact-image) figure {
        border-radius: 999px;
        height: var(--portrait-image-size);
        overflow: hidden;
        width: var(--portrait-image-size);
      }

:is(:is(:is([name='JobFooter'] .contact) .contact-image) figure) img {
          height: 100%;
          -o-object-fit: cover;
             object-fit: cover;
          width: 100%;
        }

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

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

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

:is(:is([name='JobFooter'] .contact) .contact-description) .contact-name {
        margin-block-end: 8px;
      }

:is(:is(:is([name='JobFooter'] .contact) .contact-description) .contact-name)::after {
          display: none;
        }

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

:is([name='JobFooter'] .contact) .contact-info {
        padding-block-start: 0;
    }
      }

:is(:is([name='JobFooter'] .contact) .contact-info) .contact-info-details {
        margin-block-start: 16px;
      }

:is(:is([name='JobFooter'] .contact) .contact-info) .contact-info-phoneList,:is(:is([name='JobFooter'] .contact) .contact-info) .contact-info-emailList {
        @include reset-list();
      }

:is(:is(:is([name='JobFooter'] .contact) .contact-info) .contact-info-phoneList,:is(:is([name='JobFooter'] .contact) .contact-info) .contact-info-emailList):not(:last-child) {
          margin-block-end: 16px;
        }

:is(:is([name='JobFooter'] .contact) .contact-info) .contact-info-phone,:is(:is([name='JobFooter'] .contact) .contact-info) .contact-info-email {
        align-items: center;
        color: var(--clr-link);
        display: flex;
        text-decoration: none;
      }

:is(:is(:is([name='JobFooter'] .contact) .contact-info) .contact-info-phone,:is(:is([name='JobFooter'] .contact) .contact-info) .contact-info-email):hover,:is(:is(:is([name='JobFooter'] .contact) .contact-info) .contact-info-phone,:is(:is([name='JobFooter'] .contact) .contact-info) .contact-info-email):focus-visible {
          text-decoration: underline;
        }

:is(:is(:is([name='JobFooter'] .contact) .contact-info) .contact-info-phone,:is(:is([name='JobFooter'] .contact) .contact-info) .contact-info-email):not(:last-child) {
          margin-block-end: 16px;
        }

:is(:is([name='JobFooter'] .contact) .contact-info) .contact-info-icon {
        display: inline-block;
        height: 24px;
        margin-inline-end: 16px;
        width: 24px;
      }

:is(:is(:is([name='JobFooter'] .contact) .contact-info) .contact-info-icon) svg {
          width: 100%;
        }

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

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

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

[name='JobFooter'] .contacts-list-item:has( + .contacts-list-item) {
    margin-block-end: 32px;
  }


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