/**
 * 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
 */
.section-news .pagination::after {
  clear: both;
  content: '';
  display: block; }

.section-news {
  padding: 0; }
  .section-news [role='tablist'], .section-news ul.category-links {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin-bottom: 0;
    padding: 0;
    width: 100%; }
    @media (max-width: 767px) {
      .section-news [role='tablist'], .section-news ul.category-links {
        display: flex;
        flex-wrap: nowrap;
        width: auto;
        overflow: scroll;
        justify-content: flex-start !important; } }
    .section-news [role='tablist'] button, .section-news [role='tablist'] li a.button, .section-news ul.category-links button, .section-news ul.category-links li a.button {
      display: inline-block;
      white-space: nowrap;
      border: 0;
      background-color: var(--thin-gray);
      padding: .75em 1em .8em;
      color: var(--black);
      text-decoration: none;
      cursor: pointer;
      transition: background-color .3s ease-in-out, color .3s ease-in-out;
      font-weight: 500; }
      @media (min-width: 768px) {
        .section-news [role='tablist'] button, .section-news [role='tablist'] li a.button, .section-news ul.category-links button, .section-news ul.category-links li a.button {
          padding: .75em 1.5em .8em;
          border-bottom: none;
          white-space: normal;
          font-size: 20px; } }
      .section-news [role='tablist'] button[aria-selected='true'], .section-news [role='tablist'] button.active, .section-news [role='tablist'] li a.button[aria-selected='true'], .section-news [role='tablist'] li a.button.active, .section-news ul.category-links button[aria-selected='true'], .section-news ul.category-links button.active, .section-news ul.category-links li a.button[aria-selected='true'], .section-news ul.category-links li a.button.active {
        position: relative;
        background-color: var(--gold);
        color: var(--white); }
      .section-news [role='tablist'] button:hover, .section-news [role='tablist'] li a.button:hover, .section-news ul.category-links button:hover, .section-news ul.category-links li a.button:hover {
        position: relative;
        background-color: var(--dark-blue);
        color: var(--white); }
    .section-news [role='tablist'] li[aria-selected='true'] button, .section-news [role='tablist'] li[aria-selected='true'] .button, .section-news [role='tablist'] li.active button, .section-news [role='tablist'] li.active .button, .section-news ul.category-links li[aria-selected='true'] button, .section-news ul.category-links li[aria-selected='true'] .button, .section-news ul.category-links li.active button, .section-news ul.category-links li.active .button {
      background-color: var(--dark-blue);
      color: var(--white); }
  .section-news .category-links {
    gap: 1em; }
  .section-news .price-table {
    max-width: 100%; }
    @media (min-width: 1250px) {
      .section-news .price-table {
        max-width: 395px; } }
  .section-news .pagination {
    margin: 2em 0; }
    .section-news .pagination .nav-links {
      display: flex;
      align-items: center;
      justify-content: center; }
      .section-news .pagination .nav-links .page-numbers {
        padding: .4em;
        min-width: 9%;
        border-radius: 3px;
        text-align: center;
        margin-right: .5em;
        text-decoration: none; }
      .section-news .pagination .nav-links .page-numbers.current,
      .section-news .pagination .nav-links .page-numbers:hover {
        background: var(--dark-blue);
        color: #FFFFFF; }

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