/*
    - Name: "full.scss"
    - Description: "Add custom styles to Offer Full view mode"
*/
.node__job-offer--full #offer__header {
  display: flex;
  align-items: center;
  min-height: 544px;
  padding: var(--spacing-4xl) calc(var(--bs-gutter-x) * 0.5) var(--spacing-2xl);
}

@media (min-width: 480px) {
  .node__job-offer--full #offer__header {
    padding: var(--spacing-5xl) calc(var(--bs-gutter-x) * 0.5) var(--spacing-3xl);
  }
}
.node__job-offer--full #offer__header .vlsuite-layout__region--main {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-sm) var(--spacing-xl);
  max-width: 90%;
}

@media (min-width: 576px) {
  .node__job-offer--full #offer__header .vlsuite-layout__region--main {
    gap: var(--spacing-md) var(--spacing-xl);
    max-width: 90%;
  }
}
@media (min-width: 1200px) {
  .node__job-offer--full #offer__header .vlsuite-layout__region--main {
    gap: var(--spacing-md) var(--spacing-2xl);
    max-width: 75%;
  }
}
.node__job-offer--full #offer__header .block-field {
  color: var(--text-title);
}

.node__job-offer--full #offer__header .block-field .field__label {
  font-size: 1rem;
  line-height: 1.5rem;
}

.node__job-offer--full #offer__header .block-field .field__item {
  font-size: 1.375rem;
  line-height: 1.6875rem;
  font-family: "Lato", sans-serif;
  font-weight: 600;
}

@media (min-width: 992px) {
  .node__job-offer--full #offer__header .block-field .field__item {
    font-size: 1.5rem;
  }
}
.node__job-offer--full #main-content {
  min-height: 100%;
  margin-bottom: var(--spacing-lg);
}

.node__job-offer--full #main-content .vlsuite-layout__region--main {
  gap: var(--spacing-lg);
}

.node__job-offer--full h1 {
  margin-bottom: 0;
  font-size: clamp(2rem, 1.1rem + 3vw, 3.5rem);
  line-height: 1.125em;
}

.node__job-offer--full .block-addtoany-block {
  flex: 1 1 0;
}

@media (min-width: 480px) {
  .node__job-offer--full .block-addtoany-block {
    margin-top: var(--spacing-md);
  }
}
.node__job-offer--full .block-field {
  color: var(--text-title);
}

.node__job-offer--full .block-field__title, .node__job-offer--full .block-field__field_short_description {
  flex: 0 1 100%;
}

.node__job-offer--full .block-field__field_work_modality {
  flex: 0 1 70%;
}

.node__job-offer--full .block-field__field_links {
  flex: 0 1 auto;
}

.node__job-offer--full .block-field__field_short_description .field--name-field-short-description {
  max-width: 480px;
}

.node__job-offer--full .block-field__field_short_description p {
  font-family: "Lato", sans-serif;
  font-weight: 400;
  font-size: 1.125rem;
  line-height: 1.625rem;
}

@media (min-width: 992px) {
  .node__job-offer--full .block-field__field_short_description p {
    font-size: 1.375rem;
    line-height: 1.6875rem;
  }
}
@media (min-width: 992px) and (min-width: 992px) {
  .node__job-offer--full .block-field__field_short_description p {
    font-size: 1.5rem;
  }
}
@media (min-width: 480px) {
  .node__job-offer--full .block-field__field_links {
    margin-top: var(--spacing-md);
  }
}
.node__job-offer--full .block-field .field--name-field-links {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-md);
}

@media (min-width: 768px) {
  .node__job-offer--full .block-field .field--name-field-links {
    gap: var(--spacing-xl);
  }
}
@media (min-width: 1200px) {
  .node__job-offer--full .block-field .field--name-field-links {
    gap: var(--spacing-2xl);
  }
}
.node__job-offer--full .block-field .field--name-field-links .field__item {
  flex: 0 1 100%;
}

@media (min-width: 768px) {
  .node__job-offer--full .block-field .field--name-field-links .field__item {
    flex: 0 1 auto;
  }
}
@media (max-width: 1199.98px) {
  .node__job-offer--full .block-field__body {
    margin-bottom: var(--spacing-lg);
  }
}
.node__job-offer--full .block-field__body h2 {
  font-size: 1.75rem;
  line-height: 2.25rem;
}

@media (min-width: 992px) {
  .node__job-offer--full .block-field__body h2 {
    font-size: 2rem;
  }
}
.node__job-offer--full .block-field__body > .content {
  margin-top: var(--spacing-xl);
}

@media (min-width: 1200px) {
  .node__job-offer--full .block-field__body > .content {
    margin-top: var(--spacing-2xl);
  }
}
.node__job-offer--full .block-field__body .field--name-body h3 {
  margin-bottom: var(--spacing-sm);
}

@media (min-width: 992px) {
  .node__job-offer--full .block-field__body .field--name-body h3 {
    margin-bottom: var(--spacing-md);
  }
}
.node__job-offer--full .field--name-body,
.node__job-offer--full .field--name-field-short-description {
  font-size: 1.125rem;
  line-height: 1.625rem;
}

.node__job-offer--full .field--name-body p:last-child,
.node__job-offer--full .field--name-field-short-description p:last-child {
  margin-bottom: 0;
}

.node__job-offer--full .field--name-field-tags ul {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-2xs);
}

.node__job-offer--full .field--name-field-tags li {
  padding: var(--spacing-2xs) var(--spacing-xs) !important;
  border: 1px solid var(--secondary-color);
  color: var(--secondary-color);
  font-size: 0.875rem;
  line-height: 1.3125rem;
  font-family: "Lato", sans-serif;
  font-weight: 700;
}
/*# sourceMappingURL=full.css.map */