/**
 * 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
 */
[id^="section-news-"] .container,
#section-news .container {
  position: relative; }
  [id^="section-news-"] .container .title h2,
  #section-news .container .title h2 {
    margin: 0; }
  [id^="section-news-"] .container #inner-container,
  #section-news .container #inner-container {
    display: flex;
    flex-wrap: wrap;
    margin-left: -30px;
    position: relative; }
    [id^="section-news-"] .container #inner-container > div, [id^="section-news-"] .container #inner-container article,
    #section-news .container #inner-container > div,
    #section-news .container #inner-container article {
      margin-left: 30px;
      margin-top: 30px; }
      @media (min-width: 768px) {
        [id^="section-news-"] .container #inner-container > div, [id^="section-news-"] .container #inner-container article,
        #section-news .container #inner-container > div,
        #section-news .container #inner-container article {
          flex: 1 0 auto; } }
      @media (min-width: 560px) {
        [id^="section-news-"] .container #inner-container > div, [id^="section-news-"] .container #inner-container article,
        #section-news .container #inner-container > div,
        #section-news .container #inner-container article {
          max-width: calc(50% - 30px); } }
      @media (min-width: 840px) {
        [id^="section-news-"] .container #inner-container > div, [id^="section-news-"] .container #inner-container article,
        #section-news .container #inner-container > div,
        #section-news .container #inner-container article {
          max-width: calc(33.33333% - 30px); } }
      @media (min-width: 750px) {
        [id^="section-news-"] .container #inner-container > div, [id^="section-news-"] .container #inner-container article,
        #section-news .container #inner-container > div,
        #section-news .container #inner-container article {
          min-width: calc(33.33333% - 30px); } }
  @media (min-width: 981px) {
    [id^="section-news-"] .container #inner-container,
    #section-news .container #inner-container {
      margin-top: 2em; } }
  [id^="section-news-"] .container .archive-link,
  #section-news .container .archive-link {
    margin-top: 2em;
    text-align: center; }
    @media (min-width: 981px) {
      [id^="section-news-"] .container .archive-link,
      #section-news .container .archive-link {
        text-align: inherit;
        position: absolute;
        top: 0;
        right: 0;
        margin: 0; } }
    [id^="section-news-"] .container .archive-link a.btn,
    #section-news .container .archive-link a.btn {
      padding: 0.25em 1.5em;
      display: inline-flex;
      align-items: center;
      gap: 0.5em;
      border-radius: 16px; }
      [id^="section-news-"] .container .archive-link a.btn span,
      #section-news .container .archive-link a.btn span {
        font-size: 12px; }

[id^="section-news-"].white .title h2,
#section-news.white .title h2 {
  color: #1C3F85; }

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