/**
 * 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
 */
.content-image-cta p {
  font-size: 12px; }

[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;
      overflow: scroll;
      justify-content: flex-start !important; } }
  [role="tablist"] > a:hover button, [role="tablist"] > a.selected button, [role="tablist"] > a.active button {
    position: relative;
    color: var(--wp--preset--color--primary);
    font-weight: bold; }
    [role="tablist"] > a:hover button:after, [role="tablist"] > a.selected button:after, [role="tablist"] > a.active button: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"] > a:hover button:after, [role="tablist"] > a.selected button:after, [role="tablist"] > a.active button:after {
          bottom: -3.5px; } }
  [role="tablist"] button, [role="tablist"] li {
    display: inline-block;
    white-space: nowrap;
    background: transparent;
    border: 0;
    padding: .75em 1em .8em;
    color: var(--wp--preset--color--white);
    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; } }

.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 */