/* Sniðmát nyja-stjornarskrain (#12039): its stylesheet on the article pages (news_tags.snidmat_styles), in place of
   the CSS stored with it in the admin. That CSS as of 2026-11-10, in Heimildin's colours and faces (README.md),
   without the rules nothing on its articles matches any more. */

/* The page is drawn with a cover layout's classes (feature-overlay: its text's grid, as since 2023), but has no cover
   under the site's header: the header as on other pages, on the page's ground with the dark logo, not see-through
   with a white one (it was white on white). */
body.layout-feature-overlay #header,
body.layout-feature-overlay:not(.header-is-fixed):not(.menu-is-active):not(.modal-is-active) #header.header--compact {
    background: var(--st-bg);
    color: var(--st-text-color);
}

body.layout-feature-overlay #header .header__logo svg,
body.layout-feature-overlay:not(.header-is-fixed):not(.menu-is-active):not(.modal-is-active) #header.header--compact .header__logo svg {
    fill: var(--st-logo-color);
    filter: none;
}

body.layout-feature-overlay #header .header__btns,
body.layout-feature-overlay #header:not(.header--compact) #menu_btn,
body.layout-feature-overlay:not(.header-is-fixed):not(.menu-is-active):not(.modal-is-active) #header.header--compact .header__btns {
    color: var(--st-text-color);
}

body.layout-feature-overlay:not(.header-is-fixed):not(.menu-is-active):not(.modal-is-active) #header.header--compact .header__btns svg {
    filter: none;
}

body.layout-feature-overlay:not(.header-is-fixed):not(.menu-is-active):not(.modal-is-active) #header.header--compact .header__subscribe {
    --st-text-color: inherit;
    --st-text-color-light: inherit;
}

.article__headline span {
    display: block;
    font-family: "tiemposheadline_web", serif;
    font-weight: 700;
    line-height: 1.1;
    font-size: 1rem;
    letter-spacing: .05em;
    text-transform: uppercase;
    margin-bottom: .5em;
}

.article__headline {
    font-size: 3rem;
    line-height: 1.1;
}

@media only screen and (min-width: 992px) {
  .article__headline span {
          font-size: 1.5rem;
      }
  .article__headline {
          font-size: 5.5rem;
      }
}

.article__subhead {
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
}

@media only screen and (min-width: 992px) {
  .article__subhead {
          margin-top: 2rem;
      }
}

.stjskr-article {
    position: relative;
    padding: 10rem 2rem;
    border-bottom: 1px solid var(--st-line-color);
}

.stjskr-article:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-image: url(../../img/stjskr-blom.jpg);
    background-repeat: repeat-y;
    background-position: center 25px;
    background-attachment: scroll;
    background-size: 120%;
}

@media only screen and (min-width: 768px) {
  .stjskr-article {
          padding: 20rem 0;
      }
  .stjskr-article:before {
          background-size: 800px;
          background-position: center 50px;
          background-repeat: no-repeat;
          background-attachment: fixed;
      }
}

@media only screen and (min-width: 992px) {
  .stjskr-article:before {
          background-size: 1000px;
      }
}

.stjskr-strip {
    background-image: url(../../img/fanarond.png);
    background-size: 100%;
    background-repeat: repeat-y;
    width: 110px;
    margin: 0 auto;
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    z-index: 10;
}

@media only screen and (min-width: 992px) {
  .stjskr-strip {
          width: 200px;
      }
}

.stjskr-frame {
    border: 3px solid var(--st-line-color);
    padding: 1.25rem 1rem;
    max-width: 600px;
    margin: 0 auto;
    background: var(--st-bg);
    z-index: 20;
    position: relative;
}

@media only screen and (min-width: 992px) {
  .stjskr-frame {
          padding: 3rem 2rem;
          border-width: 5px;
          max-width: 750px;
      }
}

.article__headlines {
    text-align: center;
}

.stjskr-meta {
    text-align: center;
    margin: 1.25rem 0;
}

.stjskr-byline {
    text-transform: uppercase;
    font-size: .75rem;
    letter-spacing: .025em;
    display: flex;
    flex-direction: column;
}

.stjskr-byline span {
    padding: .25rem .5rem;
}

@media only screen and (min-width: 768px) {
  .stjskr-byline {
         flex-direction: row;
         justify-content: center;
      }
}

.stjskr-pubdate {
    margin-top: 1rem;
    font-size: .875rem;
    color: var(--st-text-color-light);
}

h3.kicker-over, h2.subhead-large {
    text-align: center;
}

/* "Birtist upphaflega í Stundinni …" over the headline: the site gives it one line's height (article.scss), and in
   this narrow frame on a phone its second line ran over the headline's first. */
.article__headlines .article__old {
    height: auto;
    min-height: 3rem;
    line-height: 1.4;
    padding: .8rem .75rem;
}