/* Styles that used to be inline in the theme markup (style="…" attributes and a <style> block), moved here
   so the Content-Security-Policy can use style-src 'self' without 'unsafe-inline'. */

/* was <style id="twentyseventeen-custom-header-styles"> */
.site-title,
.site-description { position: absolute; clip: rect(1px, 1px, 1px, 1px); }

/* was style="…" on <footer id="colophon"> */
.site-footer { background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('/wp-content/uploads/2018/11/cropped-IMG_0520-4.jpeg'); }

/* was <span style="font-size:small"> on /jobba-hos-oss/ */
.hy-small { font-size: small; }

/* "Senaste nytt" thumbnails: an <img> (object-fit) instead of a div with an inline background-image */
.hy-front-news img.hy-hero { height: 100px; width: 25%; object-fit: cover; object-position: center; vertical-align: top; max-width: none; }

/* Team / contact cards: the theme styled them as ".employees article"; they are <div class="employee"> now
   (articles without headings fail validation), so the card layout is restated for the new element */
.employees .employee { float: none !important; width: initial !important; display: inline-block; margin-left: 40px; vertical-align: top; }

/* Sitecheck badge in the footer's address column: to the right of the address on desktop, under it on mobile */
.site-footer .hy-badge { display: inline-block; line-height: 0; padding: 0; margin: 0 0 1.5em; }
.site-footer .hy-badge img { display: block; }
@media screen and (min-width: 48em) {
  .site-footer .widget-column.footer-widget-2 { display: flex; justify-content: space-between; align-items: flex-start; gap: 1.5em; }
  .site-footer .hy-badge { margin: 0; }
}