/**
Applies to all archive pages - for post-types and taxonomies

This is the first stylesheet in the cascade
*/

/* Imports at the top
--------------------------------------------------------------------------------------------------*/
@import '_global.css';

html .ast-archive-entry-banner[data-post-type] .ast-container h1 {
  margin-top: 0;
  font-size: 70px;
  font-size: 4.375rem;
  font-weight: 600;
  font-family: Kanit Semi-Bold, Helvetica, Arial, sans-serif;
  line-height: 1.4em;
}

@media (max-width: 915px) {
  .ast-archive-entry-banner.has-banner-image .banner-elements {
    width: 100% !important;
    color: white;
    background: rgba(21, 58, 99, 0.38) !important;
    border-radius: 16px;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(0px);
    -webkit-backdrop-filter: blur(0px);
    margin-top: -2rem;
    margin-bottom: 2rem;
  }

  .ast-archive-entry-banner.has-banner-image {
    height: 33rem !important;
  }

  .ast-archive-entry-banner.has-banner-image .banner-elements::before {
    position: static !important;
  }

  .ast-archive-entry-banner[data-post-type='vacancy'] {
    padding-right: 0;
    padding-left: 0;
  }

  .ast-archive-entry-banner.has-banner-image .banner-elements h1 {
    color: white;
  }
}