@use "sass:math";
/* media query mixin */
/* get rid of list formatting */
/* prevent long links from breaking out of container */
/* creates a colored circle with an icon in the middle */
/* formats the placeholder text within an input field */
.job-postings-wrap {
  padding: 5.625rem;
  padding-top: 3.75rem; }
  @media (max-width: 74.9375rem) {
    .job-postings-wrap {
      padding: 3.75rem; } }
  @media (max-width: 47.9375rem) {
    .job-postings-wrap {
      padding: 1.875rem; } }

.job-postings {
  display: flex;
  flex-wrap: wrap;
  gap: 2.5rem; }
  .job-postings__none {
    display: flex;
    align-items: flex-start;
    gap: 0.3125rem; }
    .job-postings__none-icon {
      margin-top: -0.0625rem;
      flex-shrink: 0; }
      .job-postings__none-icon img {
        width: 1.875rem;
        height: 1.875rem; }

.job-posting {
  width: 100%;
  background: white;
  box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.16);
  border: solid 1px #d9d9d9;
  border-radius: 0.9375rem;
  padding: 1.875rem; }
  .job-posting__title {
    font-size: 1.5rem;
    font-weight: bold;
    margin-bottom: 0.9375rem; }
  .job-posting__description {
    font-size: 1.25rem;
    margin-bottom: 1.5625rem; }
  .job-posting__link a {
    text-align: center;
    font-size: 1.25rem;
    line-height: 1.2; }

.job-posting-single__title h1 {
  margin-bottom: 2.5rem; }

.job-posting-single__body {
  font-size: 1.25rem; }

/*# sourceMappingURL=job-postings.css.map */