/* redesign start (fonts; @import must come first) */
@import url('https://fonts.googleapis.com/css2?family=Familjen+Grotesk:wght@500;600;700&family=Public+Sans:ital,wght@0,400;0,600;1,400&display=swap');
/* redesign end (fonts) */
/* per-site fixes */
img { max-width: 100%; height: auto; }
iframe, embed, object, video { max-width: 100%; }
@media (max-width: 980px) {
  html, body { overflow-x: hidden; }
  #maincontainer.container_16 { width: auto !important; margin: 0 auto !important; padding: 0 12px; box-sizing: border-box; }
  #maincontainer .grid_16, #maincontainer .grid_11, #maincontainer .grid_5 { float: none !important; width: auto !important; margin-left: 0 !important; margin-right: 0 !important; display: block; }
  #header { height: auto !important; padding: 14px 0 6px !important; text-align: center; }
  #header #logo { float: none !important; display: inline-block; margin: 0 auto 6px !important; }
  #header #logo img { max-width: 220px; height: auto; }
  #categories_menu { float: none !important; width: auto !important; margin: 0 !important; position: static !important; }
  #categories_menu ul.sf-menu { float: none !important; display: flex; flex-wrap: wrap; justify-content: center; margin: 0 !important; padding: 0 !important; }
  #categories_menu ul.sf-menu li { float: none !important; margin: 0 !important; }
  #categories_menu ul.sf-menu li a { display: block; padding: 8px 10px !important; font-size: 17px !important; }
  .relative { position: relative; }
  .post_date { position: static !important; float: left; margin: 0 10px 0 0 !important; }
  .blog_post { width: auto !important; margin-left: 0 !important; box-sizing: border-box; }
  .post_padding { padding: 14px !important; }
  .blog_post h2, .blog_post h1 { font-size: 24px !important; line-height: 1.25 !important; }
  .post_excerpt, .post_excerpt p, .blog_post p, .blog_post li, .entry, .entry p { font-size: 15px !important; line-height: 1.55 !important; }
  .blog_post table { width: 100% !important; }
  .blog_post .alignleft, .blog_post .alignright, .blog_post img.alignleft, .blog_post img.alignright { float: none !important; display: block; margin: 10px auto !important; }
  #sidebar { margin-top: 20px !important; }
  #sidebar #social { overflow: hidden; margin-bottom: 6px; }
  #sidebar .widget { width: auto !important; box-sizing: border-box; }
  #sidebar .widget a { font-size: 15px; line-height: 1.8; }
  #footer, #footer_rss { text-align: center; padding: 8px 0 !important; }
  #footer_menu { float: none !important; margin: 0 !important; padding: 0 !important; }
  #footer_menu li { float: none !important; list-style: none; }
  .wp-pagenavi { font-size: 15px; }
  .wp-pagenavi a, .wp-pagenavi span { display: inline-block; padding: 6px 8px; }
}
/* dead Google translate plugin link */
.translate_block, #translate_popup { display: none !important; }
/* added page headings */
h1.gk-h1 { font-family: Georgia, "Times New Roman", serif; font-weight: normal; font-size: 28px; line-height: 1.25; color: #555; margin: 4px 0 18px 30px; padding: 0; }
@media (max-width: 980px) { h1.gk-h1 { font-size: 24px; margin: 6px 0 14px 0; text-align: center; } }

/* redesign start */
:root { --gk-ink: #1d2427; --gk-slate: #4b5659; --gk-grout: #dde3e2; --gk-paper: #f3f5f4; --gk-green: #8cc63e; --gk-green-ink: #3b7016; }
html { background: var(--gk-paper); }
body { background: var(--gk-paper) !important; background-image: none !important; font-family: 'Public Sans', Arial, sans-serif !important; font-size: 16px !important; color: var(--gk-slate) !important; }
h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, #categories_menu a { font-family: 'Familjen Grotesk', Arial, sans-serif !important; color: var(--gk-ink) !important; }
a { color: var(--gk-green-ink); }

/* frame */
#maincontainer.container_16 { width: auto !important; max-width: 1160px; margin: 0 auto !important; padding: 0 24px; box-sizing: border-box; }
#maincontainer:after { content: ""; display: table; clear: both; }
@media (min-width: 981px) {
  #maincontainer .grid_11 { width: calc(100% - 340px) !important; margin: 0 !important; float: left; }
  #maincontainer #sidebar.grid_5 { width: 300px !important; margin: 0 0 0 40px !important; float: left; }
}

/* header: white bar across the page */
#header { height: auto !important; display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 16px 0 !important; margin: 0 0 40px !important; background: #fff; box-shadow: 0 0 0 100vmax #fff, 0 1px 0 100vmax var(--gk-grout); clip-path: inset(0 -100vmax -1px); width: 100% !important; float: none !important; }
#header #logo { float: none !important; margin: 0 !important; }
#header #logo img { margin: 0 !important; display: block; max-height: 46px; width: auto; }
#categories_menu { position: static !important; }
#categories_menu ul.sf-menu { display: flex; flex-wrap: wrap; gap: 4px; margin: 0 !important; padding: 0 !important; }
#categories_menu ul.sf-menu li { float: none !important; margin: 0 !important; }
#categories_menu ul.sf-menu li a { display: block; font-size: 16px !important; font-weight: 600; color: var(--gk-slate) !important; padding: 9px 14px !important; border-radius: 4px; text-decoration: none; }
#categories_menu ul.sf-menu li a:hover, #categories_menu ul.sf-menu li.current-cat a, #categories_menu ul.sf-menu li.current_page_item a { color: var(--gk-ink) !important; background: var(--gk-paper); }

/* home intro on a grout-line grid */
.gk-hero { clear: both; display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); gap: 0; margin: -40px 0 48px; background: #fff; box-shadow: 0 0 0 100vmax #fff; clip-path: inset(0 -100vmax); position: relative; }
.gk-hero:before { content: ""; position: absolute; inset: 0 auto 0 -100vmax; width: calc(100vmax + 52%); background-image: linear-gradient(var(--gk-grout) 1px, transparent 1px), linear-gradient(90deg, var(--gk-grout) 1px, transparent 1px); background-size: 56px 56px; background-position: right top; opacity: .7; pointer-events: none; }
.gk-hero-text { position: relative; padding: 72px 48px 72px 0; }
.gk-hero h1.gk-h1 { font: 700 clamp(34px, 4.4vw, 56px)/1.05 'Familjen Grotesk', Arial, sans-serif !important; letter-spacing: -0.02em; color: var(--gk-ink) !important; margin: 0 0 22px !important; text-align: left !important; }
.gk-hero-sub { font-size: 18px; line-height: 1.6; color: var(--gk-slate); max-width: 30em; margin: 0 0 28px; }
.gk-hero-actions { display: flex; flex-wrap: wrap; gap: 10px; margin: 0; }
.gk-btn { display: inline-block; font: 600 15px/1 'Familjen Grotesk', Arial, sans-serif; padding: 14px 20px; border-radius: 4px; background: var(--gk-ink); color: #fff !important; text-decoration: none; }
.gk-btn:hover { background: var(--gk-green-ink); }
.gk-btn-quiet { background: #fff; color: var(--gk-ink) !important; box-shadow: inset 0 0 0 1.5px var(--gk-ink); }
.gk-btn-quiet:hover { background: var(--gk-ink); color: #fff !important; }
.gk-hero-img { position: relative; min-height: 380px; background-size: cover; background-position: center; border-left: 6px solid #fff; }
.gk-btn:focus-visible, .site-fixes-footer a:focus-visible, #categories_menu a:focus-visible { outline: 2px solid var(--gk-green-ink); outline-offset: 2px; }

/* other pages' added H1 */
h1.gk-h1 { font: 700 34px/1.15 'Familjen Grotesk', Arial, sans-serif !important; color: var(--gk-ink) !important; margin: 0 0 24px !important; }

/* post list as cards with the date as a square tile */
.relative { position: relative; }
.blog_post.post { background: #fff !important; border: 1px solid var(--gk-grout); border-radius: 6px; margin: 0 0 24px !important; overflow: hidden; }
.relative > .post_date { left: 24px !important; top: 26px !important; width: 58px !important; height: 58px; background: var(--gk-paper) !important; background-image: none !important; border: 1px solid var(--gk-grout); border-radius: 3px !important; box-shadow: inset 0 -4px 0 var(--gk-green); }
.post_date .date_padding { margin: 8px 0 0 !important; }
.post_date .day { font: 700 24px/24px 'Familjen Grotesk', Arial, sans-serif !important; color: var(--gk-ink) !important; }
.post_date .month { font-size: 12px !important; color: var(--gk-slate) !important; margin-top: 2px !important; }
.blog_post .post_padding { margin: 0 !important; padding: 26px 28px 6px 104px !important; }
.blog_post h2, .blog_post h2 a { font-size: 25px !important; line-height: 1.2 !important; font-weight: 700 !important; margin: 0 0 10px !important; letter-spacing: -0.01em; }
.blog_post h2 a:hover { color: var(--gk-green-ink) !important; }
.post .post_excerpt p { font-size: 16px !important; line-height: 1.65 !important; color: var(--gk-slate); margin: 0 0 12px !important; }
.post .full_article { height: auto !important; display: flex; align-items: center; justify-content: space-between; gap: 12px; background: transparent !important; border: 0 !important; padding: 4px 28px 22px 104px !important; position: relative; }
.post .full_article .shiftright { position: static !important; margin-left: auto; }
.tags img { display: none; }
.tags a { font-size: 13px !important; background: var(--gk-paper) !important; color: var(--gk-slate) !important; border: 1px solid var(--gk-grout); border-radius: 3px; padding: 3px 8px !important; text-decoration: none; }
.tags a:hover { color: var(--gk-ink) !important; border-color: var(--gk-slate); }
a.read_full_article { display: inline-block; font: 600 15px/1 'Familjen Grotesk', Arial, sans-serif !important; color: var(--gk-green-ink) !important; text-decoration: none; padding: 8px 0; border-bottom: 2px solid var(--gk-green); }
a.read_full_article img { display: none !important; }
a.read_full_article:before { content: "Läs mer"; }
a.read_full_article:hover { color: var(--gk-ink) !important; }
.wp-pagenavi { font-size: 15px; margin: 8px 0 40px; display: flex; flex-wrap: wrap; align-items: center; gap: 12px; color: var(--gk-slate); }
.wp-pagenavi a, .wp-pagenavi span.current { display: inline-block; min-width: 36px; text-align: center; padding: 7px 10px; border-radius: 4px; background: #fff; border: 1px solid var(--gk-grout); text-decoration: none; color: var(--gk-ink) !important; margin: 0 2px; }
.wp-pagenavi span.current { background: var(--gk-ink); color: #fff !important; border-color: var(--gk-ink); }

/* single posts and pages */
.post_single, .page_single .post { background: #fff !important; border: 1px solid var(--gk-grout); border-radius: 6px; }
.relative > .post_single + .post_date, .grid_11.relative > .post_date { }
.post_single .post_padding, .page_single .post_padding { margin: 0 !important; padding: 36px 44px 40px 116px !important; }
.page_single .post_padding { padding-left: 44px !important; }
.post_single h1, .page_single h1 { font-size: clamp(30px, 3.4vw, 42px) !important; line-height: 1.12 !important; font-weight: 700 !important; letter-spacing: -0.015em; margin: 0 0 24px !important; }
.grid_11.relative > .post_date { left: 32px !important; top: 40px !important; }
.post_single p, .post_single li, .page_single p, .page_single li { font-size: 17px !important; line-height: 1.75 !important; color: #3a4447; margin-bottom: 1.1em; }
.post_single h2, .page_single h2 { font-size: 26px !important; line-height: 1.25 !important; font-weight: 700 !important; margin: 1.6em 0 .5em !important; }
.post_single h3, .page_single h3 { font-size: 21px !important; font-weight: 600 !important; margin: 1.4em 0 .4em !important; }
.post_single figure, .post_single img { border-radius: 4px; }
.post_single figure { margin: 0 0 28px; }
.page_single table td a { font-size: 14px; line-height: 1.4; }
.page_single table td img { border-radius: 3px; }

/* sidebar */
#sidebar > ul { margin: 0 !important; }
#sidebar #social { background: #fff; border: 1px solid var(--gk-grout); border-radius: 6px; padding: 14px 18px; margin: 0 0 10px; overflow: hidden; }
#sidebar #social + br { display: none; }
#sidebar #social img { width: 36px; height: 36px; margin: 2px 12px 0 0; border-radius: 4px; }
#sidebar #social a > span:first-of-type { font: 600 17px/1.2 'Familjen Grotesk', Arial, sans-serif !important; color: var(--gk-ink); padding-left: 0 !important; }
#sidebar #social a > span:last-of-type { font-size: 13.5px !important; color: var(--gk-slate); padding-left: 0 !important; }
#sidebar #social a > br { display: block; }
#sidebar li.widget { background: #fff !important; border: 1px solid var(--gk-grout); border-radius: 6px; padding: 22px 24px !important; margin: 14px 0 20px !important; }
#sidebar li.widget h2, #sidebar li.widget h2.widgettitle { font-size: 19px !important; font-weight: 700 !important; line-height: 1.3 !important; margin: 0 0 12px !important; }
#sidebar li.widget ul li { padding: 8px 0; border-top: 1px solid var(--gk-grout); }
#sidebar li.widget ul li:first-child { border-top: 0; padding-top: 0; }
#sidebar li.widget a { font-size: 15px !important; line-height: 1.45 !important; color: var(--gk-ink) !important; text-decoration: none; }
#sidebar li.widget a:hover { color: var(--gk-green-ink) !important; }

/* footer */
.site-fixes-footer { clear: both; background: var(--gk-ink); color: rgba(255,255,255,.72); margin-top: 56px; font-size: 15px; line-height: 1.6; }
.site-fixes-footer .gkf-inner { max-width: 1160px; margin: 0 auto; padding: 52px 24px 32px; box-sizing: border-box; display: grid; grid-template-columns: 1.4fr 1fr 1.2fr; gap: 32px 48px; }
.site-fixes-footer .gkf-name { font: 700 24px/1.2 'Familjen Grotesk', Arial, sans-serif; color: #fff !important; text-decoration: none; }
.site-fixes-footer p { margin: 10px 0 0; }
.site-fixes-footer .gkf-h { font: 600 15px/1.2 'Familjen Grotesk', Arial, sans-serif; color: #fff; margin: 4px 0 12px; padding-bottom: 10px; border-bottom: 3px solid var(--gk-green); display: inline-block; }
.site-fixes-footer .gkf-col { display: flex; flex-direction: column; align-items: flex-start; gap: 8px; }
.site-fixes-footer a { color: #fff !important; text-decoration: none; }
.site-fixes-footer a:hover { color: var(--gk-green) !important; }
.site-fixes-footer .gkf-col span a { text-decoration: underline; text-underline-offset: 3px; }
.site-fixes-footer .gkf-bottom { max-width: 1160px; margin: 0 auto; padding: 16px 24px 26px; box-sizing: border-box; border-top: 1px solid rgba(255,255,255,.12); font-size: 13.5px; color: rgba(255,255,255,.55); }

@media (max-width: 980px) {
  #maincontainer.container_16 { padding: 0 16px; }
  #header { flex-direction: column; gap: 10px; padding: 14px 0 10px !important; margin-bottom: 24px !important; }
  #header #logo img { max-height: 38px; max-width: 200px; }
  #categories_menu ul.sf-menu { justify-content: center; }
  #categories_menu ul.sf-menu li a { font-size: 15px !important; padding: 9px 11px !important; }
  .gk-hero { grid-template-columns: 1fr; margin: -24px 0 28px; }
  .gk-hero:before { width: auto; inset: 0 -100vmax; }
  .gk-hero-text { padding: 36px 0 28px; }
  .gk-hero h1.gk-h1 { font-size: 34px !important; }
  .gk-hero-sub { font-size: 17px; }
  .gk-hero-img { min-height: 220px; border-left: 0; margin: 0 -16px; }
  h1.gk-h1 { font-size: 28px !important; text-align: left !important; margin: 0 0 18px !important; }
  .relative > .post_date, .grid_11.relative > .post_date { position: absolute !important; float: none !important; left: 18px !important; top: 20px !important; width: 50px !important; height: 50px; margin: 0 !important; }
  .post_date .day { font-size: 21px !important; line-height: 20px !important; }
  .post_date .month { font-size: 11px !important; }
  .blog_post .post_padding { padding: 20px 18px 4px 18px !important; }
  .blog_post h2 { min-height: 50px; padding-left: 64px; }
  .blog_post h2, .blog_post h2 a { font-size: 21px !important; }
  .post .post_excerpt p { font-size: 16px !important; }
  .post .full_article { padding: 4px 18px 18px 18px !important; flex-wrap: wrap; }
  .post_single .post_padding { padding: 86px 20px 28px !important; }
  .page_single .post_padding { padding: 24px 20px 28px !important; }
  .post_single p, .post_single li, .page_single p, .page_single li { font-size: 16.5px !important; }
  .site-fixes-footer .gkf-inner { grid-template-columns: 1fr; padding: 40px 20px 24px; }
  .site-fixes-footer .gkf-bottom { padding: 16px 20px 24px; }
}
/* redesign end */