/**
 * The base file that should be imported by every file.
 * There should be no CSS generation in this or from imported scss files at all!
 */
/**
 * Library
 */
/**
 * Variables and functions
 */
@font-face {
  font-family: 'Adjusted Arial Fallback';
  src: local(Arial);
  size-adjust: 102%;
  ascent-override: 78%;
  descent-override: 16%;
  line-gap-override: 0%; }

[role="tablist"] {
  border-bottom: 2px solid var(--wp--preset--color--primary);
  display: block;
  flex-wrap: wrap;
  list-style: none;
  margin-bottom: 0;
  padding: 0;
  width: 100%; }
  @media (min-width: 768px) {
    [role="tablist"] {
      height: auto;
      margin-top: 0; } }
  @media (max-width: 767px) {
    [role="tablist"] {
      display: flex;
      flex-wrap: nowrap;
      width: auto;
      padding: 0 0 1em 0;
      overflow: scroll;
      justify-content: flex-start !important; } }
  [role="tablist"] button, [role="tablist"] li {
    display: inline-block;
    white-space: nowrap;
    background: transparent;
    border: 0;
    border-bottom: 1px solid var(--wp--preset--color--black);
    padding: .75em 1em .8em;
    color: var(--wp--preset--color--black);
    text-decoration: none;
    cursor: pointer; }
    @media (min-width: 768px) {
      [role="tablist"] button, [role="tablist"] li {
        padding: .75em 1.5em .8em;
        border-bottom: none;
        white-space: normal; } }
    [role="tablist"] button[aria-selected="true"], [role="tablist"] button.active, [role="tablist"] li[aria-selected="true"], [role="tablist"] li.active {
      position: relative;
      color: var(--wp--preset--color--primary);
      font-weight: bold; }
      [role="tablist"] button[aria-selected="true"]:after, [role="tablist"] button.active:after, [role="tablist"] li[aria-selected="true"]:after, [role="tablist"] li.active:after {
        position: absolute;
        content: "";
        height: 5px;
        left: 0;
        bottom: -2.5px;
        z-index: 2;
        width: 100%;
        background-color: var(--wp--preset--color--primary); }
        @media (min-width: 768px) {
          [role="tablist"] button[aria-selected="true"]:after, [role="tablist"] button.active:after, [role="tablist"] li[aria-selected="true"]:after, [role="tablist"] li.active:after {
            bottom: -3.5px; } }

.section-news article {
  position: relative; }

.section-news .news-items {
  margin-top: 2em;
  display: grid;
  gap: 2em;
  grid-template-columns: 1fr; }
  @media (min-width: 768px) {
    .section-news .news-items {
      grid-template-columns: repeat(1, 1fr); } }
  @media (min-width: 981px) {
    .section-news .news-items {
      grid-template-columns: repeat(3, 1fr); } }

/*# sourceMappingURL=loop.css.map */