/* 7729d5e85a60cf4f762c67e7c6f82b89 */

.sidebar-this-date .title { position: relative; } .sidebar-this-date .post-collection:first-child .sensation { border-top: 0; } .sidebar-this-date .post-collection:first-child .sensation::after { content: unset; } .sidebar-this-date .post-collection .masters section.info { position: relative; } .sidebar-this-date .this-date-date { position: absolute; bottom: 100%; left: 0; background: var(--subtle-highlight-back-color); background: var(--accent-color); color: var(--accentfont-color); line-height: 100%; padding: var(--mini-pad); font-size: large; padding-right: calc(var(--full-pad) * 1.5); clip-path: polygon( calc(0% - 1px) calc(0% - 1px), calc(100% - var(--full-pad)) calc(0% - 1px), calc(100% + 1px) calc(100% + 1px), calc(0% - 1px) calc(100% + 1px) ); transition: 0.2s; } .sidebar-this-date .masters:hover .this-date-date { padding-right: calc(var(--full-pad) * 1.75); padding-left: var(--half-pad); }figure[mcpp_complex_image_priority="high"]::before { display: none !important; } img[mcpp_complex_image_priority="high"] { filter: unset !important; } img[mcpp="unloaded"] { filter: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='a' x='0' y='0' width='1' height='1'%3E%3CfeGaussianBlur stdDeviation='8' result='b'/%3E%3CfeMorphology operator='dilate' radius='8'/%3E %3CfeMerge%3E%3CfeMergeNode/%3E%3CfeMergeNode in='b'/%3E%3C/feMerge%3E%3C/filter%3E%3C/svg%3E#a"); transition: filter .5s; } img[mcpp="loaded"] { transition: filter .5s; } img[mcpp="loaded"].unclip { clip-path: unset !important; } figure[mcpp="child_image_is_recaching"]::before { display: block; content: ''; position: absolute; left: 0; top: 0; height: 100%; width: 100%; z-index: 100; background: url( '/wp-content/themes/nf2_2020/media/svg/three-dots.svg' ); background-repeat: no-repeat; background-position: center; background-size: 25% auto; } figure[mcpp="child_image_is_loading"]::before { display: block; content: ''; position: absolute; left: 0; top: 0; height: 100%; width: 100%; z-index: 100; background: url( '/wp-content/themes/nf2_2020/media/svg/three-dots.svg' ); background-repeat: no-repeat; background-position: center; background-size: 10% auto; filter: invert(1); opacity: 0.33; } #old-single-content.disclaimer > article { max-height: 850px; overflow: hidden; position: relative; } #old-single-content.disclaimer > article::after { content: ''; position: absolute; top: 0; left: 0; height: 100%; width: 100%; background: linear-gradient( #fff0, #fff0, #fff0, #fffc, #ffff ); pointer-events: none; } #old-single-content.disclaimer.show-anyway > article { max-height: unset; overflow: initial; position: relative; } #old-single-content.disclaimer.show-anyway > article::after { display: none !important; } #old-single-content.disclaimer > article .disclaimer-prepend { background: var(--navback-color); color: var(--navfont-color) !important; padding: var(--full-pad) !important; font-size: medium; margin-top: 0; } #old-single-content.disclaimer > article .disclaimer-prepend a { color: var(--accentfont-color) !important; } #old-single-content.disclaimer > #disclaimer-info { position: relative; z-index: 10; } #old-single-content.disclaimer > #disclaimer-info .title { background: unset !important; color: inherit !important; border-top: 1px solid black; }#main-menu li.has-post-collections > a { position: relative; } #main-menu li.has-post-collections > a > .has-post-collections .dashicons { font-size: small; } #main-menu li.has-new-post-collections > a  { position: relative; } #main-menu li.has-new-post-collections > a > .new-post-collections { position: absolute; left: calc( 100% - 22px ); bottom: -.1em; padding: 2px; font-size: xx-small; background: #21759b; color: white; line-height: 100%; cursor: help; } #main-menu .sub-menu .sub-menu .sub-menu li.has-new-post-collections > a > .new-post-collections { left: calc( 100% - 17px ); } #main-menu > ul > li.has-new-post-collections > a > .new-post-collections { left: unset; right: 2px; bottom: -5px; } #main-menu > ul > li.has-post-collections > a > .has-post-collections { position: absolute; left: calc(100% - 18px); bottom: calc(100% - 25px); width: auto; height: auto; cursor: help; }.questionnaire-content { display: flex; flex-direction: column; align-items: center; } .questionnaire-content h2 { width: 100%; margin-top: 0 !important; } .questionnaire-content ol { display: flex; flex-direction: row; flex-wrap: wrap; margin: 0; padding: var(--full-pad) !important; list-style: none; } .questionnaire-content ol li { box-sizing: border-box; width: calc( 50% - 1em - 2 * var(--half-pad) - 4px ); cursor: pointer; padding-left: 3px; padding: var(--half-pad); margin-left: 2em; position: relative; } .questionnaire-content ol li .clickable { position: absolute; left: -1.85em; top: -.100em; width: calc(100% + 1em); height: calc(100% + .200em); background: none; box-shadow: none; border: none; cursor: pointer; } .questionnaire-content ol li .clickable:focus { outline: none; border: none; } .questionnaire-content ol li::before { content: ''; position: absolute; right: calc( 100% + 4px ); top: 10px; height: 1em; width: 1em; outline: 1px solid currentColor; } .questionnaire-content ol li::after { content: ''; position: absolute; right: calc( 100% + 4px ); top: 10px; height: 1em; width: 1em; transform: scale(75%); } .questionnaire-content ol li:active { transform: translateX( 1px ) translateY( 1px ); } .questionnaire-content ol li:hover::after, .questionnaire-content ol li:focus-within::after { background: #0002; } .questionnaire-content ol li.choice:hover::after, .questionnaire-content ol li.choice:focus-within::after, .questionnaire-content ol li.choice::after { background: var(--accent-color); } .questionnaire-content ol li:hover, .questionnaire-content ol li.choice { } .questionnaire-content button { margin: var(--mini-pad); font-size: inherit !important; position: relative; } .questionnaire-content button::before { content: ''; position: absolute; left: -0.25em; top: -0.75em; width: calc( 100% + .5em ); height: calc( 100% + 1.5em ); } .questionnaire-content button:disabled { opacity: 0.7; background: #ccc !important; } .questionnaire-content button:disabled::before { content: none; } .questionnaire-content .questionnaire-results { margin-left: 0; margin-right: 0; list-style: none; padding-left: 0; } .questionnaire-content .questionnaire-results li { position: relative; margin-left: 0; margin-right: 0; padding-left: 6em; margin-bottom: var(--mini-pad); } .questionnaire-content .questionnaire-results li:last-child { margin-top: var(--full-pad); } .questionnaire-content .questionnaire-results li .progress { position: absolute; left: .5em; top: 5px; width: 5em; height: .6em; outline: 1px solid var(--accent-color); } .questionnaire-content .questionnaire-results li .progress span { display: block; height: 100%; background: var(--accent-color); } .article-content .questionnaire-content p.info { margin-top: 0; margin-bottom: 0; } .main-content > .text > .questionnaire-content { margin-left: calc( 0px - var(--text-pad) ); margin-right: calc( 0px - var(--text-pad) ); padding: var(--full-pad); border-top: var(--dashed); border-bottom: var(--dashed); } .post-collection .questionnaire-content { padding: calc( 2 * var(--half-pad) ); border-top: var(--dashed); margin-top: 2px; } .post-collection .empty-sensation ~ .masters .questionnaire-content { border-top: unset; margin-top: unset; } .post-collection .questionnaire-content .questionnaire-results { padding: var(--full-pad); margin-bottom: 0; } .post-collection .questionnaire-content h2 { margin-bottom: 0; } .post-collection .questionnaire-load { display: block; width: 100%; height: 14rem; } .no-js .post-collection .questionnaire-load { padding: var(--half-pad); height: auto; background: none !important; filter: none !important; } @media only screen and (max-width: 600px) { .questionnaire-content ol li { width: 100%; } } @media only screen and (max-width: 450px) { .questionnaire-content .questionnaire-results li .progress { width: 3em; } .questionnaire-content .questionnaire-results li { padding-left: 4em; } } .donation-goals .donation-parts { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; width: 100%; } .donation-goals .donation-action { flex: 1; } .donation-goals .donation-percent { width: 22%; display: flex; flex-direction: row; align-items: center; justify-content: center; position: relative; margin: var(--full-pad); } .donation-goals .donation-percent::before { content: ''; padding-top: 100%; } .donation-goals .donation-percent span { position: relative; z-index: 2; font-weight: bold; font-size: x-large; cursor: default; } .donation-goals .donation-percent .circle { z-index: 1; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-radius: 100%; } .donation-goals .donation-percent .circle.outerborder { left: 0; top: 0; width: 100%; height: 100%; background: var(--accent-color); box-shadow: 0 0 var(--half-pad) #0002 !important; } .donation-goals .donation-percent .circle.outerborder.cutout { left: 1px; top: 1px; width: calc( 100% - 2px ); height: calc( 100% - 2px ); background: var(--subtle-highlight-back-color); } .donation-goals .donation-percent .circle.innerborder { left: calc( 1px + 1rem ); top: calc( 1px + 1rem ); width: calc( 100% - 2px - 2rem ); height: calc( 100% - 2px - 2rem ); background: var(--accent-color); } .donation-goals .donation-percent .circle.partial { left: 0; top: 0; width: 100%; height: 100%; background: var(--accent-color); } .donation-goals .donation-percent .circle.innerborder.cutout { left: calc( 2px + 1rem ); top: calc( 2px + 1rem ); width: calc( 100% - 4px - 2rem ); height: calc( 100% - 4px - 2rem ); background: var(--subtle-highlight-back-color); box-shadow: inset 0 0 var(--half-pad) #0002 !important; } .donation-goals .readmore { text-align: center; font-size: large; margin-top: calc( var(--full-pad) * 2 ); } .donation-goals .readmore a { padding: 4px 8px; background: white; outline: 1px solid #0001; } .donation-goals a { white-space: nowrap; } .post-collection .donation-goals { padding: calc( 2 * var(--half-pad) ); border-top: var(--dashed); margin-top: 2px; } .post-collection .empty-sensation ~ .masters .donation-goals { border-top: unset; margin-top: unset; } .donation-goals h2 { margin-bottom: 0 !important; margin-top: 0 !important; } .main-content > .text > .donation-goals {     margin-left: calc( 0px - var(--text-pad) );     margin-right: calc( 0px - var(--text-pad) );     padding: var(--full-pad);     border-top: var(--dashed);     border-bottom: var(--dashed); } .donation-goals .donation-percent span.percent { line-height: 50%; text-align: center; padding-top: 8px; } .donation-goals .donation-percent span span { font-size: x-small; font-weight: normal; } @media only screen and (max-width: 500px) { .donation-goals .donation-parts { flex-wrap: wrap; justify-content: center; } .donation-goals .donation-parts .donation-action { min-width: 100%; flex: 0; order: 2; } .donation-goals .donation-parts .donation-percent { width: 30%; min-width: 115px; order: 1; } }  .widget_text_html_widget .donation-goals.donation-goals { font-size: medium; } .widget_text_html_widget .donation-goals.donation-goals h2 { font-size: large; margin-bottom: 1em !important; } #after-article-sidebar .widget_text_html_widget { padding: 0; } @media only screen and (max-width: 781px) { .widget_text_html_widget .donation-goals.donation-goals h2 { font-size: x-large !important; } #after-article-sidebar .widget_text_html_widget { margin: 5vw !important; } } .sidebar-area.text-html img { max-width: 100%; } .sidebar .text-html { background: none; overflow: hidden; } .sidebar .text-html > * { margin: 0; } .article-item.time-today + .article-item.time-yesterday, .article-item.time-today + .article-item.time-yesteryesterday, .article-item.time-yesterday + .article-item.time-yesteryesterday, .article-item.time-today + .article-item.time-longago, .article-item.time-yesterday + .article-item.time-longago, .article-item.time-yesteryesterday + .article-item.time-longago { border-top: var(--dashed); } ul[data-by-comments='true'] .article-item { border-top: 0 !important; } .sidebar-article-list .article-item.private { padding-top: 7px; position: relative; outline: 1px solid orange; } .sidebar-article-list .article-item.future { padding-top: 7px; position: relative; outline: 1px solid green; } .sidebar-article-list .article-item.private::before { content: 'Privat:'; font-size: x-small; position: absolute; top: 2px; left: 2px; } .sidebar-article-list .article-item.future::before { content: 'Schemalagt:'; font-size: x-small; position: absolute; top: 2px; left: 2px; } .sidebar-article-list ul[data-offset="0"] li[data-delta="negative"] { visibility: hidden; } .sidebar-article-list ul.loading li { opacity: 0.8; pointer-events: none; cursor: initial; } .sidebar-article-list .feed-nav { display: flex; flex-direction: row; justify-content: space-between; position: relative; } .sidebar-article-list .feed-nav li { font-size: small; color: var(--font-link-color); padding: var(--mini-pad) !important; cursor: pointer; position: relative; user-select: none; } .sidebar-article-list .feed-nav li:hover { background: #fff3; outline: 1px solid #0004; transform: scale(1); } .sidebar-article-list .feed-nav li:active { transform: scale(1.1); } .sidebar-article-list .feed-nav li[data-delta="negative"] { padding-left: calc(11px + 2 * var(--mini-pad)) !important; } .sidebar-article-list .feed-nav li[data-delta="positive"] { padding-right: calc(11px + 2 * var(--mini-pad)) !important; } .sidebar-article-list .feed-nav li[data-delta="negative"]::before { content: " ";     position: absolute;     top: 7px;     left: var(--mini-pad);     height: 11px;     width: 11px;     background: var(--accent-color);     clip-path: polygon( 100% 20%, 30% 50%, 100% 80% ); } .sidebar-article-list .feed-nav li[data-delta="positive"]::after { content: " ";     position: absolute;     top: 7px;     right: var(--mini-pad);     height: 11px;     width: 11px;     background: var(--accent-color);     clip-path: polygon( 0 20%, 70% 50%, 0 80% ); } .sidebar-article-list ul[data-page="0"] .feed-nav [data-delta="negative"] { visibility: hidden; } .sidebar-article-list ul { margin: 0 !important; padding: 0 !important; list-style: none !important; } .sidebar-article-list li.end-of-articles:hover { background: none !important; } .sidebar-article-list li.end-of-articles h1 { text-align: center; font-weight: normal; } .sidebar-article-list a:link { color: var(--font-color); } .sidebar-article-list a:link svg { color: var(--font-color); } .sidebar-article-list a:visited:hover span { color: var(--font-color) !important; } .sidebar-article-list a:visited:hover { color: var(--font-color) !important; } .sidebar-article-list a:visited:hover svg { color: var(--font-color) !important; } .sidebar-article-list ul li a { padding-left: var(--mini-pad); padding-right: var(--mini-pad); padding-bottom: calc(1rem + var(--mini-pad)); padding-top: var(--mini-pad); } .sidebar-article-list ul li:first-child { } .sidebar-article-list ul li:last-child { margin-bottom: 0; padding-bottom: var(--mini-pad); } .sidebar-article-list .title h1 { margin: 0; font-size: large; } .sidebar-article-list .list a.item { position: relative; } .sidebar-article-list .list .item h1 { margin: 0; font-size: small; } .sidebar-article-list .list .item p.nice-time { left: var(--mini-pad); text-align: left; } .sidebar-article-list .list .item p.icons { right: var(--mini-pad); text-align: right; } .sidebar-article-list .item p { position: absolute; bottom: var(--mini-pad); width: 100%; margin: 0; font-size: small; } .sidebar-article-list .item p svg#comment { height: 1em; margin-bottom: calc(-2px); } .sidebar-article-list .item p svg#media { height: 1.3em; margin-bottom: calc( -2px - 1.5px ); } .sidebar-quote blockquote > * { margin: 0; margin-top: var(--mini-pad); } .sidebar-quote blockquote { margin: 0; } .sidebar-quote blockquote > *:first-child { margin: 0; margin-top: 0; } .sidebar-quote .content, .sidebar-quote blockquote { display: flex; flex-direction: column; } .sidebar-quote blockquote { padding: var(--half-pad); } .sidebar-quote blockquote p { font-size: small; } .sidebar-quote cite { margin-top: var(--half-pad); text-align: right; font-style: normal; } .sidebar-quote cite::before { content: '\2014'; margin-right: .5rem; } .sidebar-quote .title .widget-nav.prev { right: calc( 2 * var(--widget-nav-size) ) !important; } .sidebar-area .post-collection .slaves a.item {     min-width: 100%;     max-width: 100%;     width: 100%;     border-top: 1px dotted var(--accent-color);     border-top: var(--dashed); } .sidebar-area.mega-single:hover section.sensation .readmore { opacity: 1; } .sidebar-area.mega-single:focus-within section.sensation .readmore { opacity: 1; } .sidebar-area.mega-single .sensation .readmore { } .sidebar-area .post-collection.no-sensation-bar .sensation { } .sidebar-area.peertube-latest .title.contains-extra { } .sidebar-area.peertube-latest span.media-more { position: absolute; bottom: 0; left: 0; width: 100%; height: auto; display: flex; flex-direction: row; justify-content: flex-end; } .sidebar-area.peertube-latest iframe { padding-bottom: calc(var(--half-pad) * 2); } .sidebar-area.peertube-latest span.media-more span.accent { padding: 2px; padding-top: 0; padding-left: calc(var(--full-pad) + 2px);     clip-path: polygon(  calc(0% + var(--full-pad)) calc(0% - 1px), calc(100% + 1px) calc(0% - 1px), calc(100% + 1px) calc(100% + 1px), calc(0% - 1px) calc(100% + 1px) ); } .sidebar-area.peertube-latest span.media-more span.accent a { font-size: x-small; line-height: 100%; color: var(--accentfont-color) !important; outline-color: var(--accentfont-color) !important; } .sidebar-area.peertube-latest span.media-more span.accent a:visited { outline-color: var(--accentfont-color) !important; color: var(--accentfont-color) !important; } .sidebar-area.peertube-latest section.content { position: relative; display: flex; flex-direction: column; background: var(--navback-color); } .sidebar-area.peertube-latest section.content.unloaded::before { content: 'Laddar innehåll...'; text-align: center; padding-top: 4rem; opacity: 0.7; background: #fffa; padding-bottom: 0.5rem; } .sidebar-area.peertube-latest section.content.unloaded img { height: 3.5rem; padding-bottom: 3rem; opacity: 0.7; background: #fffa; } .rodapiller-widget { --rodapiller-accent: #ff3840; position: relative; } .rodapiller-widget .title-extra-accent { background: var(--rodapiller-accent) !important; } .rodapiller-widget img { padding: 3rem; height: 7rem; width: 100%; display: block; filter: invert(1); opacity: 0.4; margin: auto; object-fit: contain; } .rodapiller-widget .title-extra-accent { background: var(--navback-color); } .rodapiller-widget .source span.newpill.loading { background: var(--navback-color); opacity: 0.4; pointer-events: none; } .rodapiller-widget .source span.newpill { background: var(--rodapiller-accent); color: var(--navfont-color); padding: var(--mini-pad); padding-left: var(--full-pad); position: absolute; right: 0; bottom: 0; user-select: none; cursor: pointer; clip-path: polygon( calc(0% + var(--full-pad)) calc(0% - 1px), calc(100% + 1px) calc(0% - 1px), calc(100% + 1px) calc(100% + 1px), calc(0% - 1px) calc(100% + 1px) ); transition: 0.2s; } .rodapiller-widget .source span.newpill:hover { padding-left: calc(var(--full-pad) + var(--mini-pad)); padding-right: calc( 2 * var(--mini-pad)); } .rodapiller-widget .reference { font-size: x-small; } .rodapiller-widget .source { text-align: left; } .rodapiller-widget a:visited, .rodapiller-widget a { color: var(--rodapiller-accent) !important; } .image-meme-widget img.loader { padding: 3rem; height: 7rem; width: 100%; display: block; margin: auto; object-fit: contain; } .image-meme-widget .title .widget-nav.prev { right: calc( 2 * var(--widget-nav-size) ) !important; } .image-meme-widget .title.contains-nav {     padding-right: calc( 4.5 * var(--half-pad) + .6em + var(--mini-pad)); } .image-meme-widget .content figure { padding: 0; } .image-meme-widget .content figure img { max-width: 100%; }  .sidebar-media iframe, .sidebar-media figure { width: 100% !important; height: auto !important; border: 0 !important; margin: 0 !important; display: flex; flex-direction: column; } .sidebar-media iframe { height: 150px !important; } .sidebar-media figure img { max-width: 100%; } .sidebar-media figure { position: relative; } .sidebar-media figure .text { display: none; }  .sidebar-media figure, #single-content figure.complex-media { cursor: zoom-in; } .sidebar-media figure.fullscreen, #single-content figure.complex-media.fullscreen { cursor: zoom-out; } .sidebar-media figure.fullscreen, #single-content figure.complex-media.fullscreen { position: fixed !important; top: 0; left: 0; width: 100% !important; height: 100vh !important; display: flex; flex-direction: column; justify-content: center; align-items: center; z-index: 100; background: #000e; margin: 0 !important; margin-left: 0 !important; } figure.complex-media.fullscreen .captions { pointer-events: none; } .sidebar-media figure.fullscreen .text { display: initial; background: var(--navback-color); color: var(--navfont-color); font-size: medium; margin-top: 0; } .sidebar-media figure.fullscreen figcaption, #single-content figure.complex-media.fullscreen figcaption { font-size: medium; opacity: 1; } .sidebar-media figure.fullscreen figcaption.legal, #single-content figure.complex-media.fullscreen figcaption.legal { font-size: medium; opacity: 1; } .sidebar-media figure.fullscreen img, #single-content figure.complex-media.fullscreen img { width: 90%; height: auto; max-height: 82vh; object-fit: contain; max-width: unset; } .sidebar-media figure.ghost, #single-content figure.complex-media.ghost { opacity: 0.5; cursor: help; } .sidebar-media figure.fullscreen .captions, #single-content figure.complex-media.fullscreen .captions { padding: var(--full-pad); }  @media only screen and (max-width: 1px) { * { outline: 1px dotted white; background: #0001; } body { } main { background: #00f4; } header { background: #0f04; } footer { background: #f004; } aside { background: #ff04; } }  p.excerpt img { display: none; }  #flags { display: none !important; } body > header { position: relative; } #flags { position: absolute; right: 0; top: 0; } #flags ul { list-style: none; margin: 0; padding: 0; } #flags > ul { display: flex; } #flags > ul > div { display: flex; flex-direction: column; } #flags > ul > div > img { position: relative; z-index: 3; transition: 0.5s; height: 15px; } #flags > ul > div:focus-within ul, #flags > ul > div:hover ul { width: 100%; height: auto; z-index: 2; padding-top: calc(0.5rem + 15px); padding-bottom: 0.5rem; top: 0; opacity: 1; } #flags a { text-decoration: none; background: none !important; color: var(--navfont-color) !important; font-family: monospace; word-break: break-all; } #flags a:hover { text-decoration: underline; } #flags a:focus { text-decoration: underline; } #flags > ul:hover > div:hover img, #flags > ul:focus-within > div:focus-within img { filter: brightness(100%); } #flags > ul:hover > div img, #flags > ul:focus-within > div img { filter: brightness(40%); } #flags > ul > div > ul { padding: 0; padding-left: 0.5rem; padding-right: 0.5rem; position: absolute; z-index: 1; left: 0; top: -500%; overflow: hidden; width: 100%; height: 0; background: var(--navback-color); color: var(--navfont-color); transition: 0.4s; opacity: 0; } @media only screen and (max-width: 1100px) { .gdpr-nag div { display: block !important; width: 100%; } } .gdpr-nag.yes { display: none; } #gdpr-controls .gdpr-nag.yes { display: flex; } .gdpr-nag { display: flex; flex-direction: row; justify-content: center; align-items: flex-start; padding: var(--mini-pad); flex-wrap: wrap; background: var(--back-color); } .gdpr-nag div { display: none; background: unset; visibility: hidden; margin-bottom: 2px; } .gdpr-nag > * { margin: 0; margin-right: var(--full-pad); padding: 2px; font-size: smaller; background: #4441; position: relative; white-space: nowrap; } .gdpr-nag p { } #gdpr-controls > * { margin-bottom: var(--full-pad); } .gdpr-nag > *:last-child { margin-right: 0; } .gdpr-nag .yes { background: #0604; } .gdpr-nag .no { background: #8004; } .gdpr-nag .read-more { background: unset !important; } .gdpr-nag .gdprhat { background: #48f8; opacity: 0.2; } .gdpr-nag:hover .gdprhat { opacity: 0.4; } .gdpr-nag:hover .gdprhat:hover { opacity: 1; } #gdpr-controls .gdpr-nag p, #gdpr-controls .gdpr-nag .gdprhat, #gdpr-controls .gdpr-nag .read-more { display: none; } #gdpr-controls .gdpr-nag { justify-content: center; } #gdpr-controls .gdpr-nag.yes .yes { outline: 2px solid black; } #gdpr-controls .gdpr-nag.yes .no { opacity: 0.6; filter: saturate(0.5); } #gdpr-controls .gdpr-nag.no { animation: shake; animation-duration: .5s; animation-fill-mode: forwards; animation-iteration-count: 1; animation-timing-function: ease-in-out; } @keyframes shake { 0%   { transform: translateX(0px); } 20%  { transform: translateX(5px); } 40%  { transform: translateX(-10px); } 60%  { transform: translateX(10px); } 100% { transform: translateX(0px); } } #gdpr-controls .gdpr-nag.no .no { outline: 2px solid black; } #gdpr-controls .gdpr-nag.no ~ p { outline: 2px solid #8004; } #gdpr-controls .gdpr-nag.no .yes { opacity: 0.6; filter: saturate(0.5); } #gdpr-controls p { display: none; font-size: small; padding: var(--full-pad); margin-top: 0; } #gdpr-controls .gdpr-nag.undefined ~ p.undefined { display: block !important; } #gdpr-controls .gdpr-nag.yes ~ p.yes { display: block !important; } #gdpr-controls .gdpr-nag.no ~ p.no { display: block !important; } html.no-js h1.fontmagic { opacity: 1 !important; } html.no-js .featured-article.hide:first-child { display: flex !important; } html.no-js .featured-article.hide:first-child h1 { font-size: medium; } html.no-js .articles-list-loadmore { display: none; } html.no-js .date-context { opacity: 1 !important; } html.no-js .widget-nav { display: none !important; } html.no-js #branding #appendix { display: none; } html.no-js img[mcpp="unloaded"] { filter: unset !important; } html.no-js img[mcpp="unloaded"] { filter: unset !important; }  .imagelink a { display: flex; flex-direction: column; } .imagelink img { width: 100%; height: auto; }  .webnotice h1 { font-size: large; } .editor:after { content: 'Endast inloggade redaktörer ser denna information.'; font-size: x-small; text-align: right; display: block; margin-top: 1rem; opacity: 0.8; } .admin:after { content: 'Endast inloggade administratörer ser denna information.'; font-size: x-small; text-align: right; display: block; margin-top: 1rem; opacity: 0.8; } .subscriber:after { content: 'Endast inloggade prenumeranter ser denna information.'; font-size: x-small; text-align: right; display: block; margin-top: 1rem; opacity: 0.8; } .user:after { content: 'Endast inloggade läsare ser denna information.'; font-size: x-small; text-align: right; display: block; margin-top: 1rem; opacity: 0.8; } section.webnotice.wpnormal { border: 4px solid #21759b; background: var(--subtle-highlight-back-color); } section.webnotice.warning { border: 4px solid orange; background: var(--subtle-highlight-back-color); } section.webnotice.error { border: 4px solid red; background: var(--subtle-highlight-back-color); } section.webnotice.nftheme, .is-style-accent { border: 4px solid var(--accent-color); background: var(--subtle-highlight-back-color); } section.webnotice a { color: #21759b; } section.webnotice.nftheme a:visited, section.webnotice.nftheme a { color: var(--font-link-color); }  .post-collection .post-date { display: flex; flex-direction: column; padding: var(--half-pad); min-width: 15%; text-align: center; justify-content: center; } .post-collection .post-date .date-time { color: inherit;     font-weight: bold; } .post-collection .post-date.close-by .date-time { color: var(--accent-text-color);     font-weight: bold; } .post-collection .post-date .date-time { font-size: x-large; } .post-collection .post-date .date-context { font-size: small; opacity: 0.8; transition: .3s; } p.nice-time { opacity: 1; transition: .3s; } p.nice-time[unloaded="true"] { opacity: 0; } .no-js p.nice-time[unloaded="true"] { opacity: 1 !important; } .post-collection .post-date .date-context[unloaded="true"] { opacity: 0; }  a.item { color: inherit; text-decoration: none; } a.item:visited { color: inherit; text-decoration: none; } a.item:visited:hover { color: inherit; text-decoration: none; } p.excerpt { line-height: 130%; } span.accent-word { color: var(--accent-text-color); font-weight: bold; } .is-from-old p.excerpt span[style="color: #008000;"], #search-content .excerpt span:first-of-type { color: var(--accent-text-color) !important; font-weight: bold; } .post-collection img { max-width: 100%; } .post-collection { position: relative; margin-bottom: var(--full-pad); display: flex; flex-direction: column; } .post-collection:last-child { margin-bottom: 0; } .post-collection section.sensation { min-width: 100%; max-width: 100%; width: 100%; font-size: x-large; border-top: var(--mini-pad) solid var(--accent-color); line-height: 130%; padding-left: var(--half-pad); padding-right: var(--half-pad); position: relative; user-select: none; } .post-collection section.sensation::after { content: ''; z-index: 1; position: absolute; height: .5em; width: 1em; right: 0; top: calc(0px - var(--mini-pad)); background: var(--accent-color); clip-path: polygon(-1px -1px, calc(100% + 1px) -1px, calc(100% + 1px) calc(100% + 1px)); } .post-collection section.sensation .readmore {     font-size: small;     margin-left: var(--half-pad);     transition: .2s;     opacity: 0;     line-height: 100%; vertical-align: middle; word-break: keep-all; white-space: nowrap;     position: relative;     bottom: 2px; } .post-collection:hover section.sensation .readmore { opacity: 1; } .post-collection:focus-within section.sensation .readmore { opacity: 1; } .post-collection a article figure { display: flex; flex-direction: row; flex: 3 3 0; margin: 0; } .post-collection article figure img { transition: 0.2s; width: 100%; height: auto; object-fit: cover; max-width: unset !important; } p.excerpt .accent-word + .bullet { color: var(--accent-text-color); } p.excerpt .bullet { display: inline-block; transform: scale(1.4); margin-left: 2px; margin-right: 2px; }  .post-collection a article figure figcaption { position: absolute; bottom: 0; left: 0; background: var(--navback-color); color: var(--navfont-color); line-height: 100%; padding: var(--mini-pad); opacity: 0.7; font-size: x-small; } .post-collection a article figure { position: relative; } .post-collection a article section.info h1 { font-size: x-large; margin: 0; } .post-collection a article section.info > *:first-child { margin-top: 0 !important; } .post-collection a article section.info { flex: 5 5 0; padding: var(--half-pad); font-size: medium; } .post-collection a article.master { flex: 1 1 0; } .post-collection a.item article section.info p { margin-top: var(--half-pad); margin-bottom: 0; } .post-collection { --img-fx: brightness(0.9) grayscale(70%); } .post-collection[data-status] a.item[data-status]::before { display: inline-block; align-self: flex-start; width: auto; margin: var(--mini-pad); font-size: small; color: white; padding: var(--mini-pad); } .logged-in .post-collection[data-status="future"] a.item[data-status="future"]::before { background: green; content: 'Schemalagda Inlägg som denna publiceras alltid samtidigt som Artikelsamlingen schemaläggning.'; } .logged-in .post-collection[data-status="publish"] a.item[data-status="future"]::before { background: red; content: 'Inlägget kommer publiceras direkt, om du sparar Artikelsamlingen.'; } .logged-in .post-collection[data-status="publish"] a.item[data-status="private"]::before { background: orange; content: 'Detta inlägg är privat, men del av en publik artikelsamling. Detta borde inte hända på löpsedeln. Inlägget syns inte för besökare, och du bör ändra inlägget till publikt manuellt eller ta bort det ifrån denna artikelsamling.'; }  .post-collection .slaves { display: flex; flex-direction: row; flex-wrap: wrap; } #single-content section.related-posts-section { display: flex; flex-direction: column; position: relative; margin-top: 2rem; } #single-content section.related-posts-section h2 { position: absolute; bottom: 100%; left: var(--half-pad); } #single-content section.related-posts-section:hover h2 { opacity: 1; } .post-collection .slaves a.item { min-width: 50%; max-width: 50%; width: 50%; display: flex; flex-direction: column; justify-content: center; } #single-content section.related-posts-section ul { list-style: none; padding: 0; margin: calc( 0px - var(--half-pad) ); } #single-content section.related-posts-section ul li { margin: 0; } #single-content section.related-posts-section ul li a:hover { background: var(--hover-highlight-back-color); } #single-content section.related-posts-section ul li a { display: block; padding-bottom: calc( var(--full-pad) + var(--mini-pad) ) !important; text-decoration: none; font-weight: bold; color: inherit; font-size: medium !important; } #single-content section.related-posts-section ul li a, .post-collection .slaves a.item .slave h1 { font-size: small; margin: 0; padding: var(--half-pad); position: relative; padding-left: 1.5rem; } .post-collection .slaves a.item .slave .extra { display: none; } #single-content section.related-posts-section ul li a span.date { position: absolute; left: 1.7rem; bottom: calc( var(--mini-pad) - 2px ); font-size: small; font-weight: normal; } .widget_this_date_widget .post-collection .slaves a.item .slave .extra { font-weight: normal; display: block; font-size: small; color: var(--accent-text-color); } #single-content section.related-posts-section ul li a::before, .post-collection .slaves a.item .slave h1::before { content: ' '; position: absolute; left: var(--half-pad); top: 0; height: 100%; width: 1rem; background: var(--accent-color); clip-path: polygon( 0 calc(50% - 5px), 50% 50%, 0% calc(50% + 5px)); } @media print { body > header, body > footer { display: none !important; } .social-media { display: none !important; } .post-sidebar { display: none !important; } body { margin-top: var(--full-pad) !important; } #single-content { margin-left: 0 !important; --article-inset: calc( 174px - var(--full-pad) ) !important; max-width: 100% !important; flex: 0 0 100% !important; min-width: 100% !important; } #single-content .text section.float-out { --post-float-out-extra-width: calc(0px - var(--half-pad)) !important; } #single-content #main-article header { height: auto !important; } #single-content #main-article header h1 { font-size: x-large !important; text-align: center !important; margin-left: calc( 0px - var(--article-inset) ); margin-right: calc( 0px - var(--article-inset) ); } #single-content #main-article .main-content > .text > figure { page-break-before: auto; page-break-after: auto; page-break-inside: avoid; } a::after { content: " (" attr(href) ") "; font-size: smaller; } #single-content #main-article .author-featured p.name { font-size: medium !important; } #single-content #main-article .author-featured p.name a::after { display: none !important; } } html, body { padding: 0; margin: 0; } body { font-family: "Helvetica Neue", Arial, Helvetica, Tahoma, sans-serif; } * { box-sizing: border-box; }  :root { --page-width: calc((1920px / 2) - 15px - var(--full-pad));  --page-width: calc((1920px / 2) - 15px - var(--full-pad) + 20px );  } :root { --full-pad: 1rem; --half-pad: .5rem; --mini-pad: 5px; --dashed: 1px dashed #2224; } :root { --wp-blue: #21759b; } .sidebar .donera ul { padding: 0; } .sidebar .donera ul li { --image-height: 2.5em; margin-bottom: var(--half-pad); display: flex; flex-direction: column; justify-content: center; position: relative; padding-left: calc( var(--half-pad) + var(--image-height) ); min-height: var(--image-height); } .sidebar .donera ul li .image { position: absolute; left: 0; top: 0; height: var(--image-height); } .sidebar .donera ul li:last-child { margin-bottom: 0; } .sidebar .donera ul li img { height: 100%; } .sidebar .donera .main-info a { font-weight: bold; }  .sidebar-area iframe.twitter-timeline { margin-right: -5px !important; margin-left: -5px !important; max-width: calc(100% + 10px) !important; width: calc(100% + 10px) !important; max-height: 700px; overflow-y: scroll; } html { font-family: sans-serif; } .text { --text-pad: var(--half-pad); line-height: 125%; } .text h2, .text h3, .text h4, .text h5, .text h6 { line-height: initial; } .text .wp-block-cover { line-height: initial; }  .text code { background: var(--slight-inner-text-highlight); border: var(--dashed); font-family: monospace; padding: var(--mini-pad); padding-top: 2px; padding-bottom: 2px; font-size: 90%; }  .text, .wp-block-group { --text-pad: var(--half-pad); padding: var(--text-pad); } .text p + ul, .text p + ol { margin-top: calc( 0px - var(--mini-pad) ); } .text ul, .text ol, .wp-block-group ul, .wp-block-group ol { padding-left: 1.5em; } .text ul li, .text ol li, .wp-block-group ul li, .wp-block-group ol li { margin-bottom: 3px; } .text > *:first-child, .wp-block-quote > *:first-child, .wp-block-group *:first-child { margin-top: 0; } .text > *:last-child, .wp-block-quote > *:last-child, .wp-block-group *:last-child { margin-bottom: 0; } .text > *, .wp-block-quote > *, .wp-block-group * { --text-element-top-margin: .25em; --text-element-bottom-margin: 1em; margin-top: var(--text-element-top-margin); margin-bottom: var(--text-element-bottom-margin); }  .text h2, .text h3, .text h4, .text h5, .text h6 { margin-bottom: var(--mini-pad); clear: none; } .text h2[id]:focus { text-decoration: underline; position: relative; } .text h2:focus::before { content: ''; position: absolute; right: calc( 100% + 5px ); top: -.2em; width: 0; height: calc(100% + 3em); border-left: .2em solid var(--accent-color); } .text h2 { margin-top: calc( 2 * var(--full-pad) ); margin-top: calc( 3 * var(--half-pad) ); }  .text table { display: block; max-width: 100%; overflow: auto; border: none; }  .text .wp-block-separator { clear: left; border: unset; border-bottom: var(--dashed); }  .text .wp-block-image { margin: 0; } .text .wp-block-image figure { padding-bottom: var(--half-pad); } .text .wp-block-image figure.alignleft { padding-right: var(--half-pad); clear: left; } .text .wp-block-image figure.alignright { padding-left: var(--half-pad); clear: right; }  .text .wp-block-group { clear: both; } .text sup { position: relative; top: 2px; line-height: 0; }  table { border-collapse: collapse; } table, th, td { border: 1px solid #0004; } th { white-space: nowrap; background: #0001; } td, th { padding: var(--half-pad); }  html { background: var(--back-color); color: var(--font-color); } a { color: var(--font-link-color); } .item { display: flex; flex-direction: column; outline: 2px solid #8880; } h1.fontmagic { transition: unset !important; opacity: 0; } h1.fontmagic.fontmagic-allow-display { opacity: 1; } .unloaded { display: none; } .clearboth { clear: both; margin: 0 !important; } span.red-word { color: #d00; }  .article-item a:hover, .text a:hover, .post-collection:hover .donation-goals a:hover { outline: 1px solid #0002; background: #fff4; } .complex-media.fullscreen a:hover, #footer-basic a:hover, #meta-menu a:hover, main .accent a:hover, footer .accent a:hover { outline: 1px solid #fff2; background: #0004; } a:visited { color: var(--font-link-visited-color); } a:focus { outline: 2px solid var(--font-color) !important; outline-offset: 2px; position: relative; z-index: 10; } #wpadminbar a:focus { outline: unset !important; outline-offset: unset; position: unset; z-index: unset; } .focusable:focus { outline: 2px solid var(--font-color); outline-offset: 4px; } a.item:focus { outline: 2px solid var(--font-color); outline-offset: 4px; transform: scale(1.01); position: relative; z-index: 10; transition: 0.1s; } a.item.stopclick { outline: 0 solid var(--font-color) !important; outline-offset: 0 !important; transform: scale(1.00) !important; position: relative; z-index: 10; transition: 0.1s; }  figure.complex-media { position: relative;     display: flex;     flex-direction: column; } figure.complex-media div.captions {     display: flex;     flex-direction: column; justify-content: flex-end; align-items: flex-end; position: absolute; left: 0; top: 0; height: 100%; width: 100%; } .post-collection figure.complex-media img, header figure.complex-media img[src$='.png'] { background-color: white; } figure.complex-media img { height: auto; width: 100%; } figure.complex-media figcaption { line-height: 100%;     background: var(--navback-color);     color: var(--navfont-color);     padding: var(--mini-pad);     opacity: 0.8;     font-size: small; cursor: initial; } figure.complex-media figcaption a { color: var(--accent-link-color); } figure.complex-media figcaption a:visited {     color: var(--accent-link-visited-color); } @media only screen and (max-width: 781px) { figure.complex-media figcaption.legal { bottom: calc(1em + var(--mini-pad) * 2 - .2px);  } } .sidebar-media figure.complex-media figcaption { }  .sidebar-message-template { display: none; background: #0073aa !important; color: white; margin-top: 0; margin-bottom: var(--half-pad); } .sidebar-message-template.accent { background: var(--subtle-highlight-back-color) !important; color: inherit !important; } .sidebar-message-template a { color: white; } .sidebar-message-template.wpnormal { background: #0073aa !important; } .sidebar-message-template.warning { background: orange !important; } .sidebar-message-template.error { background: red !important; } .sidebar-message-template h1 { font-size: large; }  .navigation, body > footer > section#colophon, body > footer > section#colophon a { background: var(--navback-color); color: var(--navfont-color); line-height: 100%; text-decoration: none; } .navigation a, .navigation a:visited { color: var(--navfont-color); text-decoration: none; } #branding a:focus, nav a:focus, #footer-basic a:focus, #footer-fancy a:focus, section.author.accent a:focus { outline-color: var(--navfont-color) !important; } .featured-article a:focus { outline: unset !important; } .pagenav a:focus, .underkolumn a  { outline-color: var(--font-color) !important; }  .accent { background: var(--accent-color); color: var(--back-color); color: var(--accentfont-color); } .accent.text a { color: var(--accent-link-color); } .accent.text a:visited { color: var(--accent-link-visited-color); }  #logo, #appendix { fill: var(--back-color); fill: var(--accentfont-color); } #searchglass { fill: var(--navfont-color); }  .navigation li.active a, .navigation li#main-menu-search:hover { color: var(--font-color); background: var(--back-color); } .navigation li#main-menu-search:hover svg { fill: var(--font-color); }  .post-collection:hover a:hover, .sidebar-article-list li a:hover { background: var(--hover-highlight-back-color); } .stopclick { cursor: initial !important; } .stopclick:hover { background: none !important; } .hide { display: none !important; } .show { display: initial !important; } img.loader { filter: invert(1); opacity: 0.4; } .item-shade { background: var(--subtle-highlight-back-color); } a.item-shade:hover { background: var(--hover-highlight-back-color); }  a.tab-skip {     left: -999px;     position: absolute;     top: auto;     width: 1px;     height: 1px;     overflow: hidden;     z-index: -999; } a.tab-skip:active, a.tab-skip:focus {     color: #fff;     background-color: #000;     left: auto;     top: auto;     width: 30%;     height: auto;     overflow: auto;     margin: 10px 35%;     padding: 5px;     border: 4px solid yellow;     text-align: center;     font-size: 1.2em;     z-index: 999; } main a.tab-skip:active, main a.tab-skip:focus { margin: 10px !important; margin-top: -50px !important;     left: auto;     top: auto;     width: 50%; }  .normal-bg, .sidebar .sidebar-area, .post-collection, #single-content .text section.float-out, #single-content .text .post-sidebar .sidebar-area, #single-content article#main-article::before, #single-content #main-article header figure.complex-media { } .style-content, .bg-content { background: var(--subtle-highlight-back-color); } .style-content, .bs-content { box-shadow: 0 0 var(--half-pad) #0001 !important; } .bs-extra-hover:hover { box-shadow: 0 0 var(--half-pad) #0004 !important; } .normal-bg, .sidebar .sidebar-area, .post-collection, #single-content .text section.float-out, #single-content .text .post-sidebar .sidebar-area, #single-content .related-posts-section, #single-content article#main-article::before, #single-content #main-article header > .text, #mobile-main-menu .featured-article a, #single-content #main-article .main-content > .text { background: var(--subtle-highlight-back-color); } .normal-bg, .sidebar .sidebar-area, .post-collection, #single-content .text section.float-out, #single-content .text .post-sidebar .sidebar-area, #single-content .related-posts-section, #single-content article#main-article::before, #mobile-main-menu .featured-article a, #single-content #main-article .article-content { box-shadow: 0 0 var(--half-pad) #0001 !important; } .sidebar-area .post-collection { box-shadow: unset !important; } .post-collection { transition: box-shadow 0.1s; } .post-collection:hover { box-shadow: 0 0 var(--half-pad) #0004 !important; } #footer-fancy .text  { position: relative; } #footer-fancy .text p[cta] a { display: block; background: #0004; padding: var(--half-pad); color: white !important; text-align: center; line-height: 100%; } #footer-fancy .text p[cta] { display: flex; flex-direction: row; justify-content: center; }  button { border: unset; user-select: none; box-shadow: 1px 1px 2px #0003; } button[disabled] { opacity: 0.4; } button:hover { border: unset; box-shadow: 1px 1px 2px #0008; cursor: pointer; } button:active { box-shadow: 0px 0px 1px #0008; outline: 1px solid #0004; } button:focus:hover { box-shadow: 0px 0px 1px #0008; outline: 1px solid #0004; } body.is-loading-new-page > * { opacity: 0.8; filter: saturate(0.4); cursor: wait; } button#load-more-articles { margin: auto; background-color: var(--subtle-highlight-back-color); } button#load-more-articles.loading { color: #0000 !important; width: auto; height: auto; cursor: wait; background-color: #fff0; } .top-notice { padding: 0 var(--full-pad); font-size: small; text-align: center; } .customize-partial-edit-shortcuts-shown { } .customize-partial-edit-shortcuts-shown .sidebar-message-template { display: block; } .customize-partial-edit-shortcuts-shown section#post-collections { filter: saturate(0.5); pointer-events: none; opacity: 0.3; } @media only screen and (max-width: 568px) { body.error404 #eye { width: 90vw; height: 54vw; } body.error404 #fof-content { max-width: 95vw; padding: 5px; } } #fof-content { display: flex; flex-direction: column; margin-top: 50px; } #fof-content p,  #fof-content h1 { max-width: 100%; } #fof-content .truth { display: initial; } #fof-content .lie { display: none; } #fof-content.ministryact .truth { display: none; } #fof-content.ministryact .lie { display: initial; } #url { font-size: large; text-align: center !important; } #fof-content h1 { font-size: xx-large; margin: auto; width: 400px; margin-bottom: 1rem; } .talk { margin: auto; width: 400px; } #fof-content p { text-align: left; } #url span { opacity: 0; transition: .2s; } #url span.there { opacity: 1; } #eye { position: relative; display: block; width: 500px; height: 300px; margin: auto; background: black; clip-path: polygon(0% 50%, 15% 15%, 35% 0%, 65% 0%, 85% 15%, 100% 50%, 85% 85%, 65% 100%, 35% 100%, 15% 85%); } #eye * { position: absolute; display: block; width: 100%; height: 100%; top: 0; left: 0; } #toplid { z-index: 5; background: var(--navback-color); clip-path: polygon(0% 0%, 100% 0%, 100% 50%, 75% 20%, 25% 20%, 0% 50%); animation-name: toplid; animation-delay: 1s; animation-duration: 8s; animation-iteration-count: infinite; } #botlid { z-index: 5; background: var(--navback-color); clip-path: polygon(0% 100%, 100% 100%, 100% 50%, 75% 80%, 25% 80%, 0% 50%); animation-name: botlid; animation-delay: 1s; animation-duration: 8s; animation-iteration-count: infinite; } #iris { z-index: 2; clip-path: circle(30% at 50% 50%); background: var(--accent-color); animation-name: iris; animation-duration: 16s; animation-delay: 1s; animation-fill-mode: forwards; } #pupil { z-index: 2; clip-path: circle(15% at 50% 50%); background: var(--navback-color); animation-name: pupil; animation-duration: 16s; animation-delay: 1s; animation-fill-mode: forwards; } #fof-content * { animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275); } #eye h1 { --height: 8rem; font-size: var(--height); color: var(--navfont-color); top: calc(50% - var(--height) / 2); text-align: center !important; height: var(--height); margin: 0; width: 100%; opacity: 0.5; } #adjust { background: var(--back-color); clip-path: polygon(49% 15%, 51% 15%, 50% 50%); transform: rotate(15deg); animation-name: adjust; animation-duration: 16s; animation-delay: 1s; animation-fill-mode: forwards; } @keyframes pupil { 0% {clip-path: circle(15% at 50% 50%);} 25% {clip-path: circle(17.5% at 55% 55%);} 55% {clip-path: circle(20% at 55% 55%);} 85% {clip-path: circle(20% at 42% 50%);} 100% {clip-path: circle(17.5% at 50% 50%);} } @keyframes iris { 0% {clip-path: circle(30% at 50% 50%);} 25% {clip-path: circle(30% at 53% 53%);} 55% {clip-path: circle(30% at 53% 53%);} 85% {clip-path: circle(30% at 45% 50%);} 100% {clip-path: circle(30% at 50% 50%);} } @keyframes adjust { 0% {transform: translate(0, 0) rotate(15deg);  } 25% {transform: translate(20px, 12px) rotate(55deg);  } 55% {transform: translate(25px, 15px) rotate(95deg);  } 85% {transform: translate(-25px, 0) rotate(95deg);  } 100% {transform: translate(0, 0) rotate(55deg);  } } @keyframes toplid { 0% {clip-path: polygon(0% 0%, 100% 0%, 100% 50%, 75% 20%, 25% 20%, 0% 50%);} 48% {clip-path: polygon(0% 0%, 100% 0%, 100% 50%, 75% 20%, 25% 20%, 0% 50%);} 50% {clip-path: polygon(0% 0%, 100% 0%, 100% 50%, 75% 50%, 25% 50%, 0% 50%);} 52% {clip-path: polygon(0% 0%, 100% 0%, 100% 50%, 75% 20%, 25% 20%, 0% 50%);} 100% {clip-path: polygon(0% 0%, 100% 0%, 100% 50%, 75% 20%, 25% 20%, 0% 50%);} } @keyframes botlid { 0% {clip-path: polygon(0% 100%, 100% 100%, 100% 50%, 75% 80%, 25% 80%, 0% 50%);} 48% {clip-path: polygon(0% 100%, 100% 100%, 100% 50%, 75% 80%, 25% 80%, 0% 50%);} 50% {clip-path: polygon(0% 100%, 100% 100%, 100% 50%, 75% 50%, 25% 50%, 0% 50%);} 52% {clip-path: polygon(0% 100%, 100% 100%, 100% 50%, 75% 80%, 25% 80%, 0% 50%);} 100% {clip-path: polygon(0% 100%, 100% 100%, 100% 50%, 75% 80%, 25% 80%, 0% 50%);} } #index-content.info-page { display: flex; flex-direction: column; } .info-page.dagens-datum .sidebar { float: right; width: 460px; margin-left: var(--full-pad); } .info-page.dagens-datum .sidebar .title { display: none; } #index-content.info-page.dagens-datum > .page-content { flex: unset;     max-width: 100%;     display: flex;     flex-direction: column;     flex-wrap: unset;     align-content: flex-start; } .info-page.dagens-datum .months { display: flex; flex-direction: row; flex-wrap: wrap; padding: 0; list-style: none; margin-top: 0; } .info-page.dagens-datum .months .month { display: flex; flex-direction: column; margin-right: var(--full-pad); } .info-page.dagens-datum .months .month h2 { text-align: center; background: var(--navback-color); color: var(--navfont-color); padding: var(--mini-pad); } .info-page.dagens-datum .months .month .days { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; list-style: none; padding: 0; } .info-page.dagens-datum .months .month .days label { font-size: medium; font-weight: bold; margin-top: var(--half-pad); border-bottom: 1px solid #888; margin-bottom: var(--mini-pad); opacity: 0.85; } .info-page.dagens-datum .months .month .days .day > label { text-align: center; } .info-page.dagens-datum .months .month .days .day { flex: 1; display: flex; flex-direction: column; min-width: 220px; max-width: 230px; padding: var(--half-pad); padding-top: 0; } .info-page.dagens-datum .months .month .days .day:hover label { opacity: 1; } .info-page.dagens-datum .months .month .days .day:nth-child(2n+1) { } .info-page.dagens-datum .months .month .days .day .posts { list-style: none; padding: 0; } .info-page.dagens-datum .months .month .days .day .posts .post { margin-bottom: var(--mini-pad); font-size: small; position: relative; padding-left: 1rem; } .info-page.dagens-datum .months .month .days .day .posts .post::before { content: ' '; position: absolute; left: 0; top: 0; height: 100%; width: 1rem; background: var(--accent-color); clip-path: polygon( 0 calc(50% - 5px), 50% 50%, 0% calc(50% + 5px)); transform: scale(0.7); } .info-page.dagens-datum .months .month .days .day .posts .post:hover::before { background: var(--navback-color); transform: scale(0.9) translateX(1px); } .info-page.dagens-datum .months .month .days .day .posts .post:last-child { margin-bottom: 0; } @media only screen and (max-width: 781px) { #index-content.dagens-datum .sidebar { display: none; } } @media only screen and (max-width: 500px) { .info-page.dagens-datum .months .month .days { justify-content: center; } } #index-content { display: flex; flex-direction: row; flex-wrap: wrap; } #index-content > section { flex: 7 0 0; max-width: 70%; display: flex; flex-direction: row; flex-wrap: wrap; align-content: flex-start; } #index-content > section > section { min-width: 100%; max-width: 100%; width: 100%; } #index-content #sidebar {     flex: 3 0 0; max-width: 30%;     margin-left: var(--full-pad); } #index-content a.banner { color: var(--accentfont-color); text-decoration: none; margin-bottom: var(--full-pad); font-size: x-large; } #index-content a.banner article { padding: var(--mini-pad); font-weight: bold; } #index-content a.banner.fullw { max-width: 100%; min-width: 100%; width: 100%; } #index-content a.banner.fillrest { flex: 1 0 auto; } #index-content a.banner.autow { flex: 0 0 auto;; margin-right: var(--full-pad); } #index-content a.banner.live { background: #c00; } #index-content a.banner.basic { background: var(--navback-color); } #index-content > #campaign { max-width: 100%; min-width: 100%; width: 100%; } #campaign img { max-width: 100%; min-width: 100%; width: 100%; height: auto; transform: scale(1); transition: .5s; } @keyframes campaignimg { 0%   { transform: translateX(-5%) scale(1.1); } 25%  { transform: translateX(0%) scale(1.1); } 50%  { transform: translateX(5%) scale(1.1); } 75% { transform: translateX(0%) scale(1.1); } 100% { transform: translateX(-5%) scale(1.1); } } #campaign figure { position: relative; display: flex; flex-direction: column; margin: 0; margin-bottom: var(--full-pad); overflow: hidden; } #campaign figure:hover img { transition: 3s; transform: scale(1.05); } #campaign figcaption { position: absolute; width: 100%; height: 100%; left: 0%; top: 0; display: flex; flex-direction: column; justify-content: center; align-items: center; } #campaign figcaption p { background: var(--navback-color); color: var(--navfont-color); display: inline; margin: .5rem; line-height: 100%; padding: var(--half-pad); } #campaign figcaption p.large { font-size: xxx-large; } #campaign figcaption p.small { font-size: large; } #old-single-content .post-content blockquote { color: var(--font-color) !important; border-left: 3px solid green; padding-left: 7px; color: #333; font-size: 13px; line-height: 150%; margin-top: 10px; margin-bottom: 10px; font-style: italic; margin: 1em; } #old-single-content .post-content div.alignright, #old-single-content .post-content img.alignright { display: block; float: right; padding-left: var(--mini-pad); } #old-single-content .post-content iframe { min-width: 100%; max-width: 100%; } #old-single-content .related-posts-section { padding: 0; margin-bottom: 1rem; } #old-single-content .post-content div.alignleft, #old-single-content .post-content img.alignleft { display: block; float: left; padding-right: var(--mini-pad); } #old-single-content header h1 { font-size: 2.4em; margin: 0; } #old-single-content header .author { text-align: left; margin-top: var(--half-pad); margin-bottom: var(--half-pad); font-size: small; } #old-single-content .post-content p:first-child { margin-top: var(--half-pad); } #old-single-content .post-content .wp-caption p { font-size: small; font-weight: bold; margin-top: 0; } #old-single-content .author { display: flex; flex-direction: row; border-bottom: 1px solid #ccc; padding-bottom: 3px; } #old-single-content .author-text { padding-left: 5px; padding-top: 15px; } #old-single-content .author-text a.name { color: black; font-weight: bold; } #old-single-content .author-text a { text-decoration: none; } #old-single-content .author-text a:hover { text-decoration: underline; } #old-single-content .info-tags { flex-direction: row; } #old-single-content .info-tags > span { margin-right: 100%; margin-left: 0; } body.is_in_editor_view #old-single-content article#main-article { } #old-single-content { width: calc( 460px + 10px * 2 ); max-width: calc( 460px + 10px * 2 ); min-width: calc( 460px + 10px * 2 ); font-size: 13px; background: #fff; box-shadow: 0px 0px 15px #0002; padding: 5px 10px; margin-left: -200px; } @media only screen and (max-width: 781px) { #old-single-content { margin-left: 0; } #old-article-post-sidebar { display: none; } } .fakta,.fakta-right{background-color:#fff;border:1px solid #aaa;font-family:arial;float:right;margin:10px;overflow:hidden;width:175px}.fakta-left{background-color:#fff;border:1px solid #aaa;font-family:arial;float:left;margin:10px;overflow:hidden;width:175px}.faktarubrik{background-color:#222;color:#eee;font:16px arial,helvetica,sans-serif;padding:5px;font-weight:700}.fakta-full{background-color:#fff;border:1px solid #aaa;margin:10px;float:left;overflow:hidden;width:460px} .fakta-full { margin-left: 0; margin-right: 0; } .fakta-right p, .fakta-left p, .fakta-full p { padding-left: var(--mini-pad); padding-right: var(--mini-pad); } .fakta-right p:first-of-type, .fakta-left p:first-of-type, .fakta-full p:first-of-type { margin-top: var(--mini-pad) !important; } .fakta-right p:last-child, .fakta-left p:last-child, .fakta-full p:last-child { margin-bottom: var(--mini-pad); } .fakta-right { margin-right: 0; } .fakta-left { margin-left: 0; } #old-single-content blockquote { margin: 0; margin-left: 10px; } #old-single-content iframe { border: unset; padding: 0; }  #old-single-content ul.related-posts { padding: 0; list-style: none; } #old-single-content ul.related-posts li a { display: flex; flex-direction: column; text-decoration: none !important; } #old-single-content ul.related-posts li:not(:last-child) { margin-bottom: 5px; } #old-single-content ul.related-posts li a .date { font-size: smaller; padding-left: 5px; margin-top: 2px; } #old-single-content ul.related-posts li a:hover .date, #old-single-content ul.related-posts li a:hover .content  { text-decoration: underline !important; } #old-single-content ul.related-posts li a .content { text-decoration: none !important; } #old-single-content hr.end-of-post-content { visibility: hidden; }  #old-single-content { position: relative; } #old-single-content #old-article-post-sidebar { position: absolute; left: calc(100% + var(--full-pad) ); top: 0; width: 261px; } #old-single-content #old-article-post-sidebar  { position: absolute; left: calc(100% + var(--full-pad) ); top: 0; width: 261px; } #old-single-content #old-article-post-sidebar .sidebar-area { background: #fff; }  #page-content { --article-inset-left: calc(92.9px * 2);  --article-inset-right: calc(92.9px * 3);  } #page-content .article-head { padding-left: var(--half-pad); line-height: initial; } #page-content #main-article img { height: auto; max-width: 100%; } #page-content #main-article figcaption { font-size: small; text-align: right; } #page-content #main-article header, #page-content #main-article section.main-content, #page-content #main-article footer { padding-left: var(--article-inset-left); padding-right: var(--article-inset-right); position: relative; } #page-content #main-article header { padding-right: 0; }  #page-content { position: relative; min-height: 90vh; } #page-content section.main-content nav { position: absolute; left: 0; top: 0; height: 100%; width: var(--article-inset-left); } #page-content section.main-content nav > ul { position: sticky; top: 8rem; } #page-content section.main-content nav ul ul { border-left: var(--dashed); padding-left: calc( var(--half-pad) + var(--mini-pad) ); display: flex; flex-direction: column; margin-bottom: .58em; margin-bottom: 1.3em; } #page-content section.main-content nav ul ul li:last-child { margin-bottom: -.58em; } #page-content section.main-content nav ul { margin: 0; padding: 0; list-style: none; } #page-content section.main-content nav ul ul { padding-top: 2px; font-size: small; line-height: 130%; } #page-content section.main-content nav ul li { margin-bottom: var(--mini-pad); position: relative; } #page-content section.main-content nav ul li a { position: relative; } #page-content section.main-content nav li li a::after { border-top: var(--dashed); } #page-content section.main-content nav li a::after { position: absolute; content: ' '; left: calc( 0px - var(--half-pad) - var(--mini-pad) ); top: calc(50% - 0px); width: calc( var(--half-pad) ); height: 1px; } #page-content section.main-content nav ul li.current_page_item > a::before {     content: ' ';     position: absolute;     left: 0;     top: 1px;     height: 1.1em;     width: 1rem;     background: var(--accent-color);     clip-path: polygon( 0 calc(50% - 5px), 50% 50%, 0% calc(50% + 5px)); } #page-content section.main-content nav ul li.current_page_item > a { padding-left: 0.8rem; text-decoration: none; color: var(--font-color); cursor: initial; pointer-events: none; }  #page-content #main-article figure { margin: 0; display: flex; flex-direction: column; position: relative; } #page-content #main-article iframe { max-width: 100%; }  #page-content header h1 { font-size: xxx-large; } #page-content header .article-head { border-bottom: unset !important; }  .wp-block-image.is-style-float-out-right { float: right; margin-right: calc(0px - var(--article-inset-right)) !important; margin-left: var(--full-pad) !important; } #page-content .wp-block-cover img { height: 100% !important; }  #search-content { display: flex; flex-direction: column; align-items: center; } #search-content > * { max-width: 700px; }  .option-label-div { position: relative; } div.option-label-div { position: relative; margin-top: 2rem; } div.option-label-div .option-label-div { margin-bottom: 0; } .option-label-div label { position: absolute; left: 0; bottom: 100%; font-size: small; } .option-label-div p.label { position: absolute; left: 0; bottom: 100%; font-size: small; margin-bottom: 0; margin-top: 0; } #search-content #query { padding: 0; } #mobile-shelves [menu-name="search"] #query, #search-content #query { margin-bottom: var(--half-pad); display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; } #query, #query input, #query select { font-size: large; } #query > * { margin-bottom: var(--full-pad); margin-top: calc(var(--half-pad) + var(--mini-pad)); } #search-content #query > * { margin-right: var(--half-pad); margin-left: var(--half-pad); } #query > *:last-child { margin-right: 0; } #query .search-text { flex: 1 1 50%; } #query .search-text input { width: 100%; } #query .search { flex: 0 0 1.5em; height: 1.5em; background: var(--navback-color); color: transparent; user-select: none; cursor: pointer; padding: 2px; } #query .search:hover { background: var(--navfont-color); outline: 2px solid var(--navback-color); } #query .search:hover svg { height: 100%; width: 100%; fill: var(--navback-color); } #query .search svg { height: 100%; width: 100%; fill: var(--navfont-color); margin: 0 !important; } #query .numbering { flex: 0 0 auto; } #search-content #query * { white-space: nowrap; } #advanced-query-options { margin-top: 0; } .toggle-advanced { font-size: small; } #query .category-select ul { margin-top: 0; min-height: .1em; display: flex; flex-direction: row; flex-wrap: wrap; list-style: none; padding: 0; } #query .category-select ul li { background: var(--navback-color); color: var(--navfont-color); line-height: 100%; padding: var(--mini-pad); margin: var(--mini-pad); margin-right: var(--half-pad); position: relative; user-select: none; } #query .category-select ul li .icon { position: absolute; right: calc( 2px - var(--size) / 2 ); top: calc( 2px - var(--size) / 2 ); --size: 15px; height: var(--size); width: auto; padding-left: 2px; padding-right: 2px; font: normal var(--size)/var(--size) sans-serif; background: darkred; cursor: pointer; border-radius: 50%; } #query p.label[title] { cursor: help; } #query .category-select ul li:hover .icon { transform: scale(1.1); } #query .category-select ul li:first-child { margin-left: 0; } #query details { margin-top: 0; margin-bottom: var(--half-pad); display: block; min-width: 100%; padding: var(--half-pad) } #query details summary { font-size: small; user-select: none; cursor: pointer; } #search-content .paging input { width: 4.4rem; text-align: right; } #search-content .paging { }  #results { position: relative; width: 100%; padding: 0; list-style: none; padding-bottom: 200px; } #results li { margin-bottom: var(--full-pad); background: var(--subtle-highlight-back-color); } #results li:last-child { margin-bottom: 0; } #results li::marker { font-size: small; } #results a { display: flex; flex-direction: column; text-decoration: none; color: inherit; padding: var(--half-pad); } #results a .title { font-size: x-large; font-weight: bold; } #results a .info { display: flex; flex-direction: row-reverse; } #results a .info .excerpt { flex: 1; } #results a .info .excerpt img { display: none; } #results a .info.has-no-thumbnail .thumbnail { display: none !important; } #results a .info .thumbnail { width: 15%; min-width: 15%; max-width: 15%; margin-right: var(--half-pad); } #results a .info .thumbnail figure { margin: 0; } #results a .extra .author::before { content: 'av: '; } #results a .extra .date::before { content: 'Publicerat: '; } #results a .extra { font-size: small; } #results a .extra > * { margin-right: var(--half-pad); }  #single-content #main-article > figure img { height: auto; max-width: 100%; } #single-content #main-article { padding-left: var(--article-inset); padding-right: var(--article-inset); } #single-content #main-article header, #single-content #main-article footer { position: relative; } #single-content #main-article section.main-content > .text { --text-pad: var(--full-pad); } #single-content #main-article header section.article-head h1 { font-size: xxx-large; text-align: left; margin-bottom: var(--full-pad); margin-bottom: 0; line-height: 110%; }  #single-content .text .wp-block-embed iframe { width: 100%; padding: 0 !important; } #single-content .text iframe { max-width: 100%; min-width: 100%; width: 100%; padding: 0 !important; border: unset; } #single-content .text .wp-block-embed figcaption { font-size: small; padding-left: var(--text-pad); padding-right: var(--text-pad); text-align: center; }  #single-content .text .wp-block-pullquote { padding: 0 !important; }  #page-content #main-article .wp-block-quote, #single-content .text .wp-block-quote { clear: left; box-sizing: border-box; position: relative; margin: 0; padding: 0; margin-bottom: 1em; } #page-content #main-article .wp-block-quote > *, #single-content .text .wp-block-quote > * { margin-top: 0; margin-bottom: 0; padding: var(--half-pad); margin-right: var(--half-pad); margin-left: var(--half-pad); border-left: var(--mini-pad) solid var(--accent-color); background: var(--slight-inner-text-highlight); } #page-content #main-article .wp-block-quote:hover cite, #single-content .text .wp-block-quote:hover cite { transform: translateX(-2px); } #page-content #main-article .wp-block-quote cite, #single-content .text .wp-block-quote cite { text-align: right; font-size: small; display: block; background: none; border-left: none; } #page-content #main-article .wp-block-quote cite::before, #single-content .text .wp-block-quote cite::before { content: '\2014'; margin-right: var(--half-pad); } #single-content #main-article header figure.complex-media, #single-content #main-article > figure.complex-media { margin-top: 0; margin-left: 0; margin-right: 0; margin-bottom: 0; display: flex; flex-direction: column; position: relative; } #single-content #main-article .main-content > .text > figure.complex-media.align-fullw { transition: box-shadow .5s ease-in-out, transform .5s ease-in-out; box-shadow: 0 0 var(--half-pad) #0000; transform: scale(1); } #single-content #main-article .main-content > .text > figure.complex-media.align-fullw:hover { box-shadow: 0 0 var(--half-pad) #0004; transform: scale(1.01); } .main-content > .text > figure { margin-left: calc( 0px - var(--text-pad) ); margin-right: calc( 0px - var(--text-pad) ); } #single-content figure.complex-media.alignright, #single-content figure.complex-media.alignleft { width: 33%; } figure.complex-media.alignleft { float: left; margin-right: var(--full-pad); } figure.complex-media.alignright { float: right; margin-left: var(--full-pad); }  #single-content .text section.float-out { float: right; clear: right; margin-right: calc( 0px - var(--post-sidebar-width) - var(--text-pad) - var(--text-pad) - var(--half-pad) ); width: calc( var(--post-sidebar-width) - var(--half-pad) ); position: relative; } #single-content .text section.float-out::before { display: block; content: ''; position: absolute; right: calc(100% - 1px); top: 0; width: calc( var(--full-pad) + 2px ); height: calc( 3 * var(--full-pad)); background: inherit; } #single-content .text section.float-out::after { content: ' '; z-index: 1; position: absolute; height: .5em; width: calc( 100% + var(--full-pad) * 1 ); right: 0; top: 0; background: var(--accent-color); --strike-height: 2px; --corner-width: 1em; clip-path: polygon(-1px -1px, calc( 100% + 1px) -1px, calc( 100% + 1px) calc( 100% + 1px), calc(100% + 1px - var(--corner-width)) var(--strike-height), var(--strike-height) var(--strike-height) ); }  #single-content #main-article header .featured-image { position: relative; }  .author-featured.no-pfp { display: none !important; } #single-content #main-article .main-content > .text > .author-featured { position: absolute; margin-top: -0.5em; left: 0; top: unset; --author-width: calc( var(--article-inset) - var(--full-pad) ); min-width: var(--author-width); max-width: var(--author-width); width: var(--author-width); } #single-content #main-article .main-content > .text ul.blocks-gallery-grid { padding-left: 0; } #single-content #main-article .main-content > .text > .author-featured section.author p.name, #single-content #main-article .main-content > .text > .author-featured section.author p.label { text-align: left; margin: 0; } #single-content #main-article .main-content > .text > .author-featured section.author p { margin-top: 0.3em; margin-bottom: 0; } #single-content #main-article .main-content > .text > .author-featured section.author .text { font-size: small; line-height: initial; } #single-content #main-article .main-content > .text > .author-featured section.author p.name::before { content: ' '; z-index: 1; position: absolute; height: 12px; width: calc( 100% + 0px ); right: 0; top: calc( 100% - var(--strike-height) + 1px ); background: var(--accent-color); --strike-height: 4px; --corner-width: 1em; clip-path: polygon(-1px -1px, calc( 100% + 1px ) -1px, calc( 100% + 1px ) calc( 100% + 1px ), calc(100% + 1px - var(--corner-width)) var(--strike-height), -1px var(--strike-height) ); } #single-content #main-article .main-content > .text > .author-featured section.author p.name { position: relative; text-align: center; font-size: large; background: var(--navback-color); color: var(--navfont-color);     font-weight: bold;     padding: var(--half-pad);     line-height: 100%; } #single-content #main-article .main-content > .text > .author-featured section.author p.name a { outline-color: var(--navfont-color); color: inherit !important; text-decoration: none; background: unset !important; } #single-content #main-article .main-content > .text > .author-featured section.author p.name a:hover { outline: unset !important; } #single-content #main-article .main-content > .text > .author-featured section.author p.name a:hover:focus { outline: 2px solid currentColor !important; } #single-content #main-article .main-content > .text > .author-featured section.author p.name a:hover { text-decoration: underline; } #single-content #main-article .main-content > .text > .author-featured section.author p.about { font-size: small; white-space: pre-line; } #single-content #main-article .main-content > .text > .author-featured section.author p.label { font-size: x-small; font-style: italic; text-align: left; opacity: 0.6; } #single-content #main-article .main-content > .text > .author-featured section.author:hover p.label { opacity: 1; } #single-content #main-article .main-content > .text > .author-featured section.author img { position: absolute; bottom: 100%; left: 0; width: 100%; margin: 0; }  .article-head { position: relative; border-bottom: var(--dashed); position: relative; padding: var(--full-pad); padding-bottom: var(--half-pad); } #single-content > article > header figure { margin-bottom: 0; } .article-head > * { position: relative; z-index: 2; } .article-head::before { z-index: 1; position: absolute; top: calc(0px - var(--half-pad)); left: 0; width: 100%; height: 300%; } .article-head .info-tags { margin-top: 5px; display: flex; flex-direction: row; align-items: flex-start; padding-top: 0; } .article-head .info-tags li:first-child { margin-left: unset !important; } .article-head .info-tags li.comments:nth-child(2), .article-head .info-tags li.comments:nth-child(3) { } .article-head .info-tags li.comments svg { position: absolute; left: calc(100% + 2px); top: -2px; height: 1.5em; width: auto; vertical-align: middle; } .article-head .info-tags li.comments a { position: relative; } .article-head .info-tags li.published { } .article-head .info-tags li.breakpoint { margin-left: auto; } .article-head .info-tags a:visited, .article-head .info-tags a { color: var(--font-link-color); }  ul.info-tags .info-tags-footer { display: none; } footer ul.info-tags .info-tags-footer { display: initial; } ul.info-tags { line-height: initial; display: flex; flex-direction: row-reverse; justify-content: flex-start; align-items: flex-end; flex-wrap: wrap; list-style-type: none; margin: 0; padding: 0; font-size: small; } footer ul.info-tags { flex-direction: row; justify-content: flex-start; } ul.info-tags li { margin-right: var(--half-pad); margin-bottom: var(--half-pad); white-space: nowrap; display: block; } footer ul.info-tags li a { display: block; padding: 2px; background: #fff3; outline: 1px solid #8882; transform: scale(1); } ul.info-tags li a:hover { outline: 1px solid #0008; transform: scale(1.03); } ul.info-tags > span {  font-size: x-small; opacity: 0.6; margin-right: 100%; white-space: nowrap; margin-bottom: 2px; } ul.info-tags:hover > span { opacity: 1; } ul.info-tags li span {  font-size: x-small; opacity: 0.6; } ul.info-tags li:hover span { opacity: 1; }  #single-content #main-article .main-content > .text > #article-start { font-weight: bold; }  #single-content #main-article .main-content > .text > hr { border: 0; border-bottom: var(--dashed); margin: 2em 10%; }  #single-content #main-article .main-content > .text > p.excerpt { margin-top: 0 !important; }  #single-content footer .social-media { position: relative; } #single-content footer .social-media .heateor_sss_sharing_container { position: absolute; right: calc( 100% + var(--full-pad)); bottom: calc( 0% + var(--full-pad)); } #single-content footer .social-media .heateor_sss_sharing_container ul { display: flex !important; flex-direction: column; } #single-content footer .social-media .heateor_sss_sharing_container ul i { margin: 0 !important; transition: 0.2s; transform: scale(1.0); } #single-content footer .social-media .heateor_sss_sharing_container .heateorSssWhatsappBackground {     background-color: #55eb4c;     background-color: #42be3c; } #single-content footer .social-media .heateor_sss_sharing_container ul:hover i { filter: saturate(0.1) brightness(0.9); transform: scale(1.0); } #single-content footer .social-media .heateor_sss_sharing_container ul:hover i:hover { transform: scale(1.1); filter: saturate(1); box-shadow: 0 0 10px #0008; position: relative; z-index: 2; }  #single-content .main-content ul li.footnote-list-item { list-style: none !important; position: relative; margin-bottom: 0.6em; } #single-content .main-content .footnote-index { position: absolute; left: calc( -1.5em + 1px );  top: -2px; } #single-content .main-content .footnote-index > a { background: var(--navback-color); color: var(--navfont-color); padding: 3px; position: relative; top: -2px; text-decoration: none; margin-right: 2px; font-size: small; opacity: 0.8; display: block; } #single-content .main-content .footnote-index > a:hover { text-decoration: underline; } #single-content .main-content li:focus-within .footnote-index a, #single-content .main-content li:hover .footnote-index a { opacity: 1; text-decoration: underline; transform: scale(1.1); } #single-content .main-content .footnote-index > a:focus { outline-offset: 1px !important; } #single-content .main-content .footnote-index > a::after { border-top: var(--dashed); content: ' '; position: absolute; left: 100%; top: 0px; width: 10em; height: 0px; transition: .5s; pointer-events: none; } #single-content .main-content .footnote-index > a:focus::after { border-top: 1px solid black !important; width: 20em; } #single-content .main-content .footnote-index > a:active::after { border-top: var(--dashed) !important; width: 10em !important; } #single-content .main-content .footnote-index > a:focus::before { content: ' '; border-top: var(--dashed); position: absolute; left: 100%; top: 0px; width: 10em; height: 0px; }  body.single-fact_wiki_post .post-sidebar .faktaruta { margin-bottom: var(--full-pad) !important; } .faktaruta-preview { position: absolute; right: calc(100% + 200px); top: 0; background: #0000 !important; } span.read-more { position: absolute; bottom: 0; left: 0; width: 100%; height: auto; display: flex; flex-direction: row; justify-content: flex-end; } iframe { padding-bottom: calc(var(--half-pad) * 2); } iframe[src*="widget.spreaker"] { max-height: 400px; } .twitter-tweet iframe {         padding: 0 !important; } span.read-more span.accent { padding: 2px; padding-top: 0; padding-left: calc(var(--full-pad) + 2px);     clip-path: polygon(  calc(0% + var(--full-pad)) calc(0% - 1px), calc(100% + 1px) calc(0% - 1px), calc(100% + 1px) calc(100% + 1px), calc(0% - 1px) calc(100% + 1px) ); } span.read-more span.accent a { font-size: x-small; line-height: 100%; color: var(--accentfont-color) !important; outline-color: var(--accentfont-color) !important; } span.read-more span.accent a:visited { outline-color: var(--accentfont-color) !important; color: var(--accentfont-color) !important; } .faktaruta.has-more { padding-bottom: var(--full-pad); } .faktaruta .read-more { text-align: center; }  #wpdc-comments .screen-reader-text { display: none; } #single-content #wpdc-comments ol.comment-list .comment .comment-content { word-break: break-word; } #single-content #wpdc-comments ol.comment-list .comment .comment-content .onebox > img { height: 16px; width: 16px; } #single-content #wpdc-comments ol.comment-list .comment .comment-content .onebox > a { margin-left: 5px; position: relative; top: -3px; } #single-content #wpdc-comments ol.comment-list .comment .comment-content .onebox { padding: 1rem; border: 1px solid var(--accent-color); margin-left: 1rem; margin-right: 1rem;     display: block; } #single-content #wpdc-comments ol.comment-list .comment .comment-content .onebox-body img { max-height: 100px; object-fit: cover; width: 100%; } #single-content #wpdc-comments ol.comment-list .comment .comment-content img { max-width: 100%; height: auto; } #single-content #wpdc-comments ol.comment-list .comment blockquote { margin-left: 1em; padding-left: 1em; border-left: 3px solid var(--accent-color); background: var(--back-color); position: relative; } #single-content #wpdc-comments ol.comment-list .comment blockquote::before { content: 'Citerat:'; font-size: x-small; position: absolute; top: 2px; left: 1rem; } #single-content #wpdc-comments ol.comment-list .comment blockquote *:last-child { padding-bottom: var(--mini-pad); } #single-content #wpdc-comments ol.comment-list .comment blockquote *:first-child { padding-top: var(--full-pad); }  #wpdc-comments ol.comment-list article.comment-body.article-belongs-to-staff { outline: 1px solid var(--accent-color); } #single-content #after-article-comments, #single-content #after-article-sidebar { padding-left: var(--article-inset); padding-right: var(--article-inset); margin-bottom: var(--full-pad); } #single-content #after-article-sidebar > * { margin-left: 0; } #wpdc-comments span.thread-reply { font-size: smaller; padding: .2em .4em; display: inline-block; } #wpdc-comments span.thread-reply-to-post { font-size: x-small; padding: .2em .4em; } #wpdc-comments article span.thread-reply-to-post { opacity: 0.5; transition: .4s; } #wpdc-comments article:hover span.thread-reply-to-post { opacity: 1; } #wpdc-comments span.thread-reply-to-post svg { height: 1.3em !important; margin-right: .4em !important; padding-top: .1em !important; margin-top: -.1em !important; } #wpdc-comments span.thread-reply svg { display: inline; width: auto; height: 1.6em; vertical-align: middle; margin-right: .2em; } #wpdc-comments .comments-header { display: flex; flex-direction: row; align-items: flex-end; justify-content: space-between; } #wpdc-comments .comments-header h2, #wpdc-comments .comments-header p { margin: 0; } #wpdc-comments .comments-header .discourse-participants { font-size: x-small; opacity: 0.6; } #wpdc-comments .comments-header .comments-participants:hover .discourse-participants { opacity: 1; } #wpdc-comments .comments-header .comments-participants { order: 2; } #wpdc-comments .comments-header .comments-title-wrap { order: 1; } #wpdc-comments .comments-header .comments-participants p { margin: 0; text-align: right; } #wpdc-comments .avatars { margin-top: var(--mini-pad) !important; } #wpdc-comments .avatars a.system { display: none; } #wpdc-comments .avatars img, #wpdc-comments ol.comment-list article footer .comment-author img.avatar { border-radius: 50%; } #wpdc-comments .avatars a:hover img, #wpdc-comments ol.comment-list article:hover footer .comment-author img.avatar { border-radius: 50%; box-shadow: 0px 0px 2px #444; } #wpdc-comments .comments-header > *:first-child { margin-right: var(--full-pad); } #wpdc-comments ol.comment-list { list-style: none; padding-left: 0; margin: 0; --comment-height: 2.5em; } #wpdc-comments ol.comment-list article { display: flex; flex-direction: column; background: var(--subtle-highlight-back-color); } #wpdc-comments ol.comment-list article:hover { background: var(--subtle-highlight-back-color); } #wpdc-comments ol.comment-list article footer .comment-author { position: relative; } #wpdc-comments ol.comment-list article footer .comment-author img.avatar { position: absolute; right: 100%; top: 0; height: var(--comment-height); width: auto; margin-right: var(--half-pad); transition: .2s ease-in-out; } #wpdc-comments ol.comment-list article.article-belongs-to-staff footer .comment-author img.avatar { border: 3px solid var(--accent-color); box-sizing: content-box; background-color: var(--accent-color); } #wpdc-comments ol.comment-list article.article-belongs-to-staff footer .comment-author::before { background: var(--accent-color); background: linear-gradient(90deg, var(--accent-color), var(--accent-color), var(--accent-color), var(--subtle-highlight-back-color) ); } #wpdc-comments ol.comment-list article:hover footer .comment-author img.avatar { --comment-height: 3.2em; } #wpdc-comments ol.comment-list article footer .comment-author::before { content: ''; position: absolute; right: calc( 100% + var(--mini-pad) ); --stripe-height: calc( var(--comment-height) - var(--stripe-lesser-height) ); --stripe-lesser-height: 1em; top: calc( var(--comment-height) / 2 - var(--stripe-height) / 2 ); height: var(--stripe-height); width: var(--comment-height); } #wpdc-comments ol.comment-list article footer .comment-metadata { display: flex; flex-direction: row; font-size: small; align-items: flex-end; } #wpdc-comments ol.comment-list article footer .comment-metadata > * { margin-right: var(--half-pad); } #wpdc-comments ol.comment-list article footer .comment-metadata > *:last-child { margin-right: 0; margin-left: auto; } #wpdc-comments ol.comment-list article footer .comment-metadata a.author-url { display: inline-block; margin-left: var(--half-pad); } #wpdc-comments ol.comment-list article.comment-body { padding: var(--mini-pad); margin-top: var(--half-pad); } #wpdc-comments #reply-title { text-align: center; } #wpdc-comments #reply-button { text-align: center; } #wpdc-comments #reply-span { text-align: center; } .no-js .wpdc-comments-loading { display: block !important; } .wpdc-comments-loading { display: none; padding: var(--full-pad); border-top: var(--dashed); border-bottom: var(--dashed); } #wpdc-comments details { margin-top: var(--half-pad); } #wpdc-comments details summary { font-size: large; user-select: none; cursor: pointer; background: var(--accent-color); padding: var(--mini-pad); color: var(--accentfont-color); text-align: center; float: left; } #wpdc-comments details[open] summary { font-size: small; background: var(--subtle-highlight-back-color); color: inherit; opacity: 0.7; padding: 7px; margin: 0; } #wpdc-comments details[open] summary:hover { opacity: 1; } #wpdc-comments details ol { clear: both; padding-top: 1px; } #wpdc-comments .show-reader-comments-toggle { font-size: small; float: right; margin: 0; margin-left: var(--full-pad); padding: var(--mini-pad); display: flex; flex-direction: row; align-items: center; background: var(--subtle-highlight-back-color); opacity: 0.7; } #wpdc-comments .show-reader-comments-toggle:hover { opacity: 1; } #wpdc-comments .show-reader-comments-toggle, #wpdc-comments .show-reader-comments-toggle * { user-select: none; cursor: pointer; } #wpdc-comments .show-reader-comments-toggle input { filter: saturate(0); } #wpdc-comments .comments-area { display: flex; flex-direction: column; } #wpdc-comments details details { display: block; } #wpdc-comments details details summary { text-align: left; float: unset; }  #single-content { --article-inset: 174px;  --article-inset: calc( 174px + var(--full-pad) ); margin-left: calc( 0px - var(--article-inset) * 2 ); }  #single-content .sidebar-message-template { display: block; } #single-content .webnotice { display: block; width: auto; float: right; }  #single-content .post-sidebar {      position: relative;     z-index: 2; display: flex; flex-direction: column; --post-sidebar-width: calc( var(--page-width) * 0.3 - var(--full-pad) - var(--half-pad) ); width: var(--post-sidebar-width);  clear: both; float: right; margin-bottom: var(--full-pad); margin-right: calc( 0px - var(--post-sidebar-width) - var(--full-pad) ); }  #single-content #main-article > header .featured-image::before { content: ' '; z-index: 1; position: absolute; height: 12px; width: calc( 100% + 0px ); right: 0; top: 0; background: var(--accent-color); --strike-height: var(--mini-pad); --corner-width: 1em; clip-path: polygon(-1px -1px, calc( 100% + 1px ) -1px, calc( 100% + 1px ) calc( 100% + 1px ), calc(100% + 1px - var(--corner-width)) var(--strike-height), -1px var(--strike-height) ); } #single-content #after-article-sidebar > * { position: relative; padding: var(--full-pad); } #single-content #after-article-sidebar .webnotice { float: unset; } #single-content #after-article-sidebar .title { color: var(--font-color); background: var(--subtle-highlight-back-color); text-align: center; } #single-content #after-article-sidebar > *::before { z-index: 1; position: absolute; height: 12px; width: calc( 100% + 0px ); right: 0; top: 0; background: var(--accent-color); --strike-height: var(--mini-pad); --corner-width: 1em; clip-path: polygon(-1px -1px, calc( 100% + 1px ) -1px, calc( 100% + 1px ) calc( 100% + 1px ), calc(100% + 1px - var(--corner-width)) var(--strike-height), -1px var(--strike-height) ); } #single-content .text section.faktaruta h2 { font-size: medium; } #single-content .text section.faktaruta > *  { line-height: 125%; font-size: small; --text-element-bottom-margin: 0.7em; } #single-content .text .post-sidebar > *:first-child{ margin-top: calc( 0px - var(--full-pad)); } #single-content article#main-article { position: relative; margin-bottom: var(--full-pad); }  #single-content #post-sidebar-bottom-wrapper { padding-right: var(--article-inset); } #single-content { --post-sidebar-width: calc( var(--page-width) * 0.3 - var(--full-pad) ); } #single-content #post-sidebar-bottom {     float: right;     clear: both;     width: var(--post-sidebar-width); margin-right: calc( 0px - var(--post-sidebar-width) - var(--full-pad) );     margin-bottom: var(--full-pad); } #single-content #post-sidebar-bottom.not-in-view { opacity: 0; pointer-events: none; transform: translateX( 200px ); } #single-content #post-sidebar-bottom { opacity: 1; pointer-events: initial; transform: translateX( 0px ); transition: .3s ease-in-out; }  #special-content { --article-inset-left: calc(92.9px * 2);  --article-inset-right: calc(92.9px * 0);  } #special-content #main-article img { max-width: 100%; } #special-content #main-article header, #special-content #main-article section.main-content, #special-content #main-article footer { padding-left: var(--article-inset-left); padding-right: var(--article-inset-right); position: relative; } #special-content #main-article section.main-content div.main-text { border-left: 1px dotted var(--navback-color); } #special-content #main-article section.main-content { border-top: 1px dotted var(--navback-color); } #special-content #main-article section.main-content .main-text { display: flex; flex-direction: row; flex-wrap: wrap; } #special-content #main-article section.main-content .column { width: 50%; }  #special-content { position: relative; min-height: 90vh; } #special-content section.main-content nav { position: absolute; left: 0; top: 0; height: 100%; width: var(--article-inset-left); } #special-content section.main-content ul { margin: 0; padding: 0; list-style: none; border-left: 1px dotted var(--navback-color); padding-left: var(--half-pad); } #special-content section.main-content ul ul { font-size: small; } #special-content section.main-content ul li { margin-bottom: var(--mini-pad) }  #special-content #main-article figure { margin: 0; display: flex; flex-direction: column; position: relative; }  #special-content header h1 { font-size: x-large; }#footer-basic { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; background: var(--navback-color); color: var(--navfont-color) } #footer-basic svg { height: 10rem; margin-top: 3.5rem; margin-bottom: 5rem; width: auto; } #footer-basic svg path, #footer-basic svg rect { fill: var(--navfont-color) !important; } #footer-basic aside#frihet { min-width: 100%; max-width: 100%; width: 100%; display: flex; flex-direction: column; align-items: center; opacity: 0.1; font-family: serif; user-select: none; transition: 5s; } #footer-basic aside#frihet:hover { transition-delay: 5s; opacity: 1; } aside#frihet ul { list-style: none; display: flex; flex-direction: row; margin: 0; padding: 0; font-size: x-large; } aside#frihet ul li { margin-right: var(--full-pad); margin-left: var(--full-pad); } aside#frihet p { font-size: xxx-large !important; margin: 0; margin-top: 5rem; } #footer-basic nav ul, #footer-basic section ul { list-style: none; margin: 0; padding: 0; margin-right: var(--full-pad); margin-left: var(--full-pad); color: #999 !important; } #footer-basic { padding-top: var(--full-pad); } #footer-basic nav ul li, #footer-basic section ul li { margin-top: var(--half-pad); white-space: nowrap; } #footer-basic nav a, #footer-basic section a { color: #eee !important; text-decoration: none; } #footer-fancy { display: flex; flex-direction: row; justify-content: center; align-items: flex-start; padding-bottom: 40rem; background-color: var(--hover-highlight-back-color) !important; } #footer-fancy section { margin: var(--half-pad); margin-top: 5rem; max-width: 22%; box-shadow: 0px 0px 15px #0006; } #branding { display: flex; flex-direction: column; } #branding a { display: flex; flex-direction: column; position: relative; } #branding a #appendix { position: absolute; left: 0; bottom: 2px; opacity: 0; height: 0.8rem; width: auto; transition: 0.25s; } #branding a:hover #appendix { transition-delay: 2s; left: calc(100% - (10px)); opacity: 1; } #branding a:focus #appendix { display: none !important; } #branding a #logo { height: 3.5rem; width: auto; }  #meta-menu { margin-left: var(--full-pad); height: 100%; display: flex; flex-direction: column; justify-content: flex-end; line-height: 100%; font-size: 95%; } #meta-menu ul { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: row; } #meta-menu li { margin: 0; margin-left: var(--full-pad); } #meta-menu li:first-child { margin: 0; margin-left: 0; } #meta-menu li a { margin: 0; margin: calc(0px - var(--mini-pad)); padding: var(--mini-pad); padding-top: calc( var(--mini-pad) - 2px ); white-space: nowrap; opacity: 0.50; transition: opacity 0.25s; text-decoration: none; color: var(--accentfont-color); } #meta-menu li a:hover, #meta-menu li a:focus { opacity: 1; text-decoration: underline !important; }  #mobile-main-menu, #main-menu { font-size: x-large; line-height: 100%; margin-bottom: -20px; min-width: var(--page-width); } #mobile-shelves section #mobile-main-menu > ul > li, #main-menu > ul > li { --extra-pad: 3px; --total-pad: calc( var(--extra-pad) + var(--half-pad) ); padding-left: var(--total-pad) !important; padding-right: var(--total-pad) !important; } #mobile-shelves section #mobile-main-menu > ul > li > a, #main-menu > ul > li > a { margin-left: calc( 0px - var(--total-pad) ) !important; margin-right: calc( 0px - var(--total-pad) ) !important; padding-left: var(--total-pad) !important; padding-right: var(--total-pad) !important; } #searchglass { height: 28px; width: auto;     padding: 0; vertical-align: middle; margin-left: -4px; margin-right: -4px; margin-top: -6px; margin-bottom: -4px; } nav#main-menu li#main-menu-search { cursor: pointer; margin-left: auto; } #mobile-shelves section #mobile-main-menu ul, #main-menu ul { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: row; width: 100%; } #mobile-shelves section #mobile-main-menu > ul > li, #main-menu > ul > li { margin: 0; padding: var(--half-pad); } #mobile-shelves section #mobile-main-menu > ul > li > a, #main-menu > ul > li > a {     display: block;     margin: calc(0px - var(--half-pad));               padding: var(--half-pad); }  .featured-article { display: flex; flex-direction: column; justify-content: flex-end; } .featured-article a { display: flex; flex-direction: column; justify-content: flex-end; align-items: flex-start; position: relative; } .featured-article a * { transition: 0.25s; text-decoration: underline; text-decoration-color: #fff0; } .featured-article h1 { transition: opacity 0s linear 0s, text-decoration-color 0.25s linear 0.5s !important; } .featured-article a:hover h1 { text-decoration-color: #fffc; } .featured-article a:focus h1, .featured-article a:focus img { opacity: .8; } .featured-article a:hover span { transition-delay: 1.5s; text-decoration-color: #fffc; } .featured-article a img { transform: scale(1.0001); } .featured-article a:hover img { transition-delay: 0s; } .featured-article img { height: 6rem; width: auto; filter: sepia(100%) hue-rotate(77deg) saturate(20%) contrast(80%); } .featured-article h1 { position: absolute; margin: 0; right: 104%; bottom: calc(25px + var(--full-pad)); width: 14.3rem; font-size: large; color: var(--accentfont-color); text-align: right; margin-right: -7px; } .featured-article span.author { font-size: small; position: absolute; bottom: 25px; right: calc(104% - 1px); line-height: 100%; vertical-align: middle; white-space: nowrap; color: var(--accentfont-color); } .featured-article span.author::before { }  .featured-article span.author::after, #main-menu::before { content: ' '; position: absolute; bottom: 0; width: 120px; height: 40px; background: var(--accent-color); } .featured-article span.author::after { left: calc(100% - .5px); clip-path: polygon(0 0, 100% 0, 0 100%); display: none; } #main-menu { position: relative; } #main-menu::before { right: calc(100% - .5px); clip-path: polygon(0 0, 100% 0, 100% 100%); display: none; }  #main-menu a { white-space: nowrap; } #main-menu > ul > li:hover > .sub-menu, #main-menu > ul > li:focus-within > .sub-menu { top: 100%; transition-delay: .2s; } #main-menu > ul > li:hover .sub-menu a { background: none; } .navigation li:hover a { color: var(--font-color); background: var(--back-color); } nav#main-menu > ul > li.current-menu-item a, nav#main-menu > ul > li.current-category-ancestor a { background: var(--back-color); color: var(--font-color); } nav#main-menu > ul > li.current-post-ancestor a, nav#main-menu > ul > li.current-post-parent a { background: var(--back-color); color: var(--font-color); }  #mobile-shelves section #mobile-main-menu > ul, #main-menu > ul { position: relative; } #mobile-shelves section #mobile-main-menu > ul > li:nth-child(n + 2), #main-menu > ul > li:nth-child(n + 2) { position: relative; } #mobile-shelves section #mobile-main-menu > ul > li:nth-child(n + 2) > .sub-menu, #main-menu > ul > li:nth-child(n + 2) > .sub-menu  { left: unset; right: 0; } #mobile-shelves section #mobile-main-menu > ul > li > .sub-menu, #main-menu > ul > li > .sub-menu { max-width: var(--page-width); width: auto; position: absolute; left: 0; top: -300vh; transform: scale(1); z-index: 11; box-shadow: 0 8px 6px #0008; } #mobile-shelves section #mobile-main-menu > ul > li > .sub-menu, #main-menu > ul > li > .sub-menu { background: var(--back-color); color: var(--font-color);  display: flex; flex-direction: row; } #mobile-shelves section #mobile-main-menu > ul > li > .sub-menu .underkolumn > a, #main-menu > ul > li > .sub-menu .underkolumn > a { display: none; } #mobile-shelves section #mobile-main-menu > ul > li > .sub-menu .underkolumn .sub-menu, #main-menu > ul > li > .sub-menu .underkolumn .sub-menu { display: flex; flex-direction: column; } #mobile-shelves section #mobile-main-menu > ul > li > .sub-menu .underkolumn .sub-menu a, #main-menu > ul > li > .sub-menu .underkolumn .sub-menu a { color: var(--font-color); }  #mobile-shelves section #mobile-main-menu > ul > li > .sub-menu .underkolumn > .sub-menu > li > a:hover, #main-menu > ul > li > .sub-menu .underkolumn > .sub-menu > li > a:hover { text-decoration: underline; } #mobile-shelves section #mobile-main-menu > ul > li > .sub-menu .underkolumn > .sub-menu li.current-menu-item > a, #main-menu > ul > li > .sub-menu .underkolumn > .sub-menu li.current-menu-item > a { color: #0008; text-decoration: underline; pointer-events: none; } #mobile-shelves section #mobile-main-menu > ul > li > .sub-menu .underkolumn > .sub-menu > li, #main-menu > ul > li > .sub-menu .underkolumn > .sub-menu > li { position: relative; } #mobile-shelves section #mobile-main-menu > ul > li > .sub-menu .underkolumn > .sub-menu > li::after, #main-menu > ul > li > .sub-menu .underkolumn > .sub-menu > li::after { content: ' '; z-index: 1; position: absolute; right: 0; top: calc(20px / 2 - 5px / 2 + 4px); height: 4px; width: 100%; background: var(--navback-color); } #mobile-shelves section #mobile-main-menu > ul > li > .sub-menu .underkolumn > .sub-menu > li > a, #main-menu > ul > li > .sub-menu .underkolumn > .sub-menu > li > a { position: relative; z-index: 10; font-size: large; background: var(--back-color); font-weight: bold; display: inline; text-align: left; padding-right: var(--mini-pad); line-height: 80%; margin-right: 2rem; } #mobile-shelves section #mobile-main-menu > ul > li > .sub-menu .underkolumn, #main-menu > ul > li > .sub-menu .underkolumn { padding: calc(var(--full-pad) - 1px); padding-top: calc(var(--full-pad) - 3px); padding-right: 0; } #mobile-shelves section #mobile-main-menu > ul > li > .sub-menu .underkolumn > .sub-menu > li:last-child, #main-menu > ul > li > .sub-menu .underkolumn > .sub-menu > li:last-child { margin-bottom: calc(17px / 2); } #mobile-shelves section #mobile-main-menu > ul > li > .sub-menu .underkolumn:last-child, #main-menu > ul > li > .sub-menu .underkolumn:last-child { padding-right: calc(var(--full-pad) - 1px); } #mobile-shelves section #mobile-main-menu > ul > li > .sub-menu .underkolumn > .sub-menu > li, #main-menu > ul > li > .sub-menu .underkolumn > .sub-menu > li { padding: 0; margin-bottom: calc(17px); } #mobile-shelves section #mobile-main-menu > ul > li > .sub-menu .underkolumn li > .sub-menu, #main-menu > ul > li > .sub-menu .underkolumn li > .sub-menu { border-left: 1px dotted var(--navback-color); border-left: var(--dashed); font-size: medium; padding: var(--mini-pad); padding-left: var(--half-pad); margin-top: 0; padding-top: 1px; } #mobile-shelves section #mobile-main-menu > ul > li > .sub-menu .underkolumn li > .sub-menu > li, #main-menu > ul > li > .sub-menu .underkolumn li > .sub-menu > li { position: relative; } #mobile-shelves section #mobile-main-menu > ul > li > .sub-menu .underkolumn li > .sub-menu > li:last-child, #main-menu > ul > li > .sub-menu .underkolumn li > .sub-menu > li:last-child { margin-bottom: calc( 0px - 17px); } #mobile-shelves section #mobile-main-menu > ul > li > .sub-menu .underkolumn li > .sub-menu > li::after, #main-menu > ul > li > .sub-menu .underkolumn li > .sub-menu > li::after { position: absolute; content: ' '; left: calc( 0px - var(--half-pad) ); top: calc(50% - 1px); border-top: 1px dotted var(--navback-color); border-top: var(--dashed); width: var(--half-pad); height: 1px; } #mobile-shelves section #mobile-main-menu > ul > li > .sub-menu .underkolumn li > .sub-menu > li > a:hover, #main-menu > ul > li > .sub-menu .underkolumn li > .sub-menu > li > a:hover { text-decoration: underline; } #mobile-shelves section #mobile-main-menu > ul > li > .sub-menu .underkolumn li > .sub-menu > li > a, #main-menu > ul > li > .sub-menu .underkolumn li > .sub-menu > li > a { margin-left: var(--half-pad); }  #mobile-shelves section #mobile-main-menu > ul > li > .sub-menu .underkolumn > .sub-menu > li.dekorativ > a, #main-menu > ul > li > .sub-menu .underkolumn > .sub-menu > li.dekorativ > a { font-weight: bold; text-decoration: none !important; cursor: initial; pointer-events: none; color: var(--accent-color); } #mobile-shelves section #mobile-main-menu > ul > li > .sub-menu .underkolumn > .sub-menu > li.dekorativ::after, #main-menu > ul > li > .sub-menu .underkolumn > .sub-menu > li.dekorativ::after { background: var(--accent-color); }  #mobile-shelves section #mobile-main-menu > ul > li > .sub-menu .underkolumn > .sub-menu > li > ul > li.menu-item-type-custom > a, #mobile-shelves section #mobile-main-menu > ul > li > .sub-menu .underkolumn > .sub-menu > li > ul > li.menu-item-object-page > a, #main-menu > ul > li > .sub-menu .underkolumn > .sub-menu > li > ul > li.menu-item-type-custom > a, #main-menu > ul > li > .sub-menu .underkolumn > .sub-menu > li > ul > li.menu-item-object-page > a { position: relative; padding-left: 1.2rem; margin-left: 0; transition: 0.2s; } #mobile-shelves section #mobile-main-menu > ul > li > .sub-menu .underkolumn > .sub-menu > li > ul > li.menu-item-type-custom > a svg, #mobile-shelves section #mobile-main-menu > ul > li > .sub-menu .underkolumn > .sub-menu > li > ul > li.menu-item-object-page > a svg, #main-menu > ul > li > .sub-menu .underkolumn > .sub-menu > li > ul > li.menu-item-type-custom > a svg, #main-menu > ul > li > .sub-menu .underkolumn > .sub-menu > li > ul > li.menu-item-object-page > a svg { position: absolute; top: 0; left: 0; height: 1em; width: auto; transition: 0.2s; } #mobile-shelves section #mobile-main-menu > ul > li > .sub-menu .underkolumn > .sub-menu > li > ul > li.menu-item-type-custom > a:hover svg, #mobile-shelves section #mobile-main-menu > ul > li > .sub-menu .underkolumn > .sub-menu > li > ul > li.menu-item-object-page > a:hover svg, #main-menu > ul > li > .sub-menu .underkolumn > .sub-menu > li > ul > li.menu-item-type-custom > a:hover svg, #main-menu > ul > li > .sub-menu .underkolumn > .sub-menu > li > ul > li.menu-item-object-page > a:hover svg { left: -2px; }  #mobile-shelves section #mobile-main-menu > ul > li > .sub-menu .underkolumn > .sub-menu > li > ul > li.menu-item-object-page > a svg, #main-menu > ul > li > .sub-menu .underkolumn > .sub-menu > li > ul > li.menu-item-object-page > a svg { opacity: 0.5; }  .sidebar-area .title-extra-accent { background: var(--accent-color); position: absolute; right: 0; top: 0; height: 100%; display: flex; flex-direction: column; justify-content: center; clip-path: polygon( calc(0% - 1px) calc(0% - 1px), calc(100% + 1px) calc(0% - 1px), calc(100% + 1px) calc(100% + 1px), calc(0% + var(--full-pad)) calc(100% + 1px) ); } .sidebar-area .title-extra-accent span { line-height: 100%; padding-left: calc(var(--full-pad) * 1.25); padding-right: var(--half-pad); font-size: smaller; font-weight: bold; } .sidebar-area .title-extra-accent span a { color: var(--accentfont-color) !important;     outline-color: var(--accentfont-color) !important; } .sidebar-area .title-extra-accent span a:visited { color: var(--accentfont-color) !important;     outline-color: var(--accentfont-color) !important; } .sidebar-area h2, .sidebar-area h3, .sidebar-area h4, .sidebar-area h5, .sidebar-area h6 { font-size: medium; } .sidebar-area iframe { width: 100%; } .sidebar-area * { word-break: break-word; } .sidebar .imagelink { margin-bottom: 0 !important; } .sidebar .imagelink + .sidebar-area { margin-top: var(--full-pad); } .sidebar .sidebar-area { margin-bottom: var(--full-pad); } .sidebar-area:last-child { margin-bottom: 0; } .sidebar-area .active { display: initial; } .sidebar-area .inactive { display: none; } .sidebar-area .title { margin: 0; font-size: large; padding: var(--half-pad); background: var(--navback-color); color: var(--navfont-color); position: relative; user-select: none; } .sidebar-area:first-child .title { } .sidebar-area .title h1 { margin: 0; font-size: large; } .sidebar-area .title.contains-nav {     padding-right: calc( 7.5 * var(--half-pad) + .6em + var(--mini-pad)); } .sidebar-quote .title.contains-nav {     padding-right: calc( 4.5 * var(--half-pad) + .6em + var(--mini-pad)); } .sidebar-area .title .widget-nav.info { position: absolute; right: calc( var(--half-pad) + var(--widget-nav-size) + var(--half-pad) + 1px ); top: calc(50% - .3rem - var(--mini-pad) / 2); height: calc( var(--widget-nav-size) + var(--mini-pad)); width: calc( 0px - var(--widget-nav-size) - var(--mini-pad) + 2.5rem); cursor: pointer; background: none; color: none; user-select: none; cursor: initial; font-family: monospace; text-align: center; font-size: x-small; margin-top: 2px; } .sidebar-area .title .widget-nav.info::before { content: unset !important; display: none !important; } .sidebar-area .title .widget-nav.info:hover { background: none; color: none; } .sidebar-area .title .widget-nav:hover { background: var(--navfont-color); } .sidebar-area .title .widget-nav:active { transform: scale(1.1); } .sidebar-area .title .widget-nav.info:active { transform: unset; } .sidebar-area .title .widget-nav:hover::before { background: var(--navback-color); } .sidebar-area .title .widget-nav::before { content: ' '; position: absolute; top: 15%; left: 15%; height: 70%; width: 70%; background: var(--navfont-color); } .sidebar-area .title .widget-nav { --widget-nav-size: 1rem; position: absolute; top: calc(50% - var(--widget-nav-size) / 2 - var(--mini-pad) / 2); height: calc( var(--widget-nav-size) + var(--mini-pad)); width: calc( var(--widget-nav-size) + var(--mini-pad)); cursor: pointer; background: var(--navback-color); user-select: none; } .sidebar-area .title .widget-nav.next { right: calc( 1 * var(--half-pad)); } .sidebar-area .title .widget-nav.next::before { clip-path: polygon( 0 0, 100% 50%, 0 100% ); } .sidebar-area .title .widget-nav.prev { right: calc( 3.5 * var(--widget-nav-size) ); } .sidebar-area .title .widget-nav.prev::before { clip-path: polygon( 100% 0, 0 50%, 100% 100% ); } .sidebar-area .text { background: unset; font-size: small; } body { display: flex; flex-direction: column; }  body > header { display: flex; flex-direction: row; justify-content: flex-start; margin-bottom: calc(20px + var(--full-pad)); } body > header > div#header-left { flex: 0 0 calc((100% - var(--page-width)) / 2); } body > header > section#header-main { flex: 0 0 auto; display: flex; flex-direction: column; } section#header-main > div { display: flex; flex-direction: row; align-items: center; margin-bottom: var(--full-pad); margin-top: var(--full-pad); } body > header #main-menu { display: flex; flex-direction: row; } body > header > div#header-right { flex: 1 1 0; display: flex; flex-direction: row; }  body > section { display: flex; flex-direction: row; justify-content: center; } body > section > aside#left { display: flex; flex-direction: column; align-items: flex-end; } aside#left section { max-width: calc(var(--page-width) / 3); min-width: calc(var(--page-width) / 3); width: calc(var(--page-width) / 3); margin-bottom: var(--full-pad); margin-right: var(--full-pad); } body > section > main { flex: 0 0 var(--page-width); min-width: var(--page-width); } body > section > aside#right { display: flex; flex-direction: column; align-items: flex-start; } aside#right section { margin-left: var(--full-pad); max-width: calc(var(--page-width) / 3 - 10px);     min-width: calc(var(--page-width) / 3 - 10px);     width: calc(var(--page-width) / 3 - 10px);     margin-bottom: 0; } aside#right section.webnotice, aside#right section.sidebar-freetext {     margin-top: var(--full-pad); }  body > footer { display: flex; flex-direction: column; margin-top: var(--full-pad); }  body > section > main { position: relative; } aside#left { position: absolute; right: 100%; top: 0; height: 100%; } aside#right { position: absolute; left: 100%; top: 0; height: 100%; }.post-collection[data-template-type="default-double-list"] { display: flex; flex-direction: column; } .post-collection[data-template-type="default-double-list"] .masters { display: flex; flex-direction: row; } .post-collection[data-template-type="default-double-list"] .masters a.item { max-width: 50%; min-width: 50%; width: 50%; } .post-collection[data-template-type="default-double-list"] .masters a.item:nth-of-type(2) article section.info { border-left: var(--dashed); } .post-collection[data-template-type="default-double-list"] .masters a.item article { display: flex; flex-direction: column; } .post-collection[data-template-type="default-double-list"] .masters a.item:nth-of-type(1) article figure { align-self: flex-start; opacity: 1; } .post-collection[data-template-type="default-double-list"] .masters a.item:nth-of-type(2) article figure { align-self: flex-end; opacity: 1; } .post-collection[data-template-type="default-double-list"] .masters:hover a.item:nth-of-type(1) article figure img { filter: var(--img-fx); } .post-collection[data-template-type="default-double-list"] .masters:hover a.item:nth-of-type(2) article figure img { filter: var(--img-fx); } .post-collection[data-template-type="default-double-list"] .masters a.item:nth-of-type(1):hover article figure img { filter: brightness(1); } .post-collection[data-template-type="default-double-list"] .masters a.item:nth-of-type(2):hover article figure img { filter: brightness(1); } .post-collection[data-template-type="default-double-list"] .masters a.item:nth-of-type(2) article figure figcaption { left: unset; right: 0; } .post-collection[data-template-type="default-double-list"] .masters a.item article figure img { width: 100%; object-fit: cover; height: 255px; } .post-collection[data-template-type="default-double-list"] .masters a.item article figure { width: 100%; height: 255px; }  .post-collection[data-template-type="default-double-list"] .masters a.item:nth-of-type(3) {     border-top: var(--dashed); } .post-collection[data-template-type="default-double-list"] .masters a.item:nth-of-type(3) img { margin-top: -1px; } .post-collection[data-template-type="default-double-list"] .masters a.item:nth-of-type(n+3) { max-width: 100%; min-width: 100%; width: 100%; } .post-collection[data-template-type="default-double-list"] .masters { flex-wrap: wrap; } .post-collection[data-template-type="default-double-list"] .masters a.item:nth-of-type(n+3) article { display: flex; flex-direction: row-reverse; } .post-collection[data-template-type="default-double-list"] .masters a.item:nth-of-type(n+3) { margin-bottom: var(--mini-pad); } .post-collection[data-template-type="default-double-list"] .masters a.item:nth-of-type(n+3):last-child { margin-bottom: 0; } .post-collection[data-template-type="default-double-list"] .masters a.item:nth-of-type(n+3) article figure img { width: 100%; height: 100%; object-fit: cover; max-width: unset !important; } .post-collection[data-template-type="default-double-list"] .masters:hover a article figure img { filter: var(--img-fx); } .post-collection[data-template-type="default-double-list"] .masters a:hover article figure img { filter: brightness(1); } .post-collection[data-template-type="default-double-list"] .masters a.item article figure {     height: unset; }.post-collection[data-template-type="default-double"] { display: flex; flex-direction: column; } .post-collection[data-template-type="default-double"] .masters { display: flex; flex-direction: row; } .post-collection[data-template-type="default-double"] .masters a.item { max-width: 50%; min-width: 50%; width: 50%; } .post-collection[data-template-type="default-double"] .masters a.item:nth-of-type(2) article section.info { border-left: var(--dashed); } .post-collection[data-template-type="default-double"] .masters a.item article { display: flex; flex-direction: column; } .post-collection[data-template-type="default-double"] .masters a.item:nth-of-type(1) article figure { align-self: flex-start; opacity: 1; } .post-collection[data-template-type="default-double"] .masters a.item:nth-of-type(2) article figure { align-self: flex-end; opacity: 1; } .post-collection[data-template-type="default-double"] .masters:hover a.item:nth-of-type(1) article figure img { filter: var(--img-fx); } .post-collection[data-template-type="default-double"] .masters:hover a.item:nth-of-type(2) article figure img { filter: var(--img-fx); } .post-collection[data-template-type="default-double"] .masters a.item:nth-of-type(1):hover article figure img { filter: brightness(1); } .post-collection[data-template-type="default-double"] .masters a.item:nth-of-type(2):hover article figure img { filter: brightness(1); } .post-collection[data-template-type="default-double"] .masters a.item:nth-of-type(2) article figure figcaption { left: unset; right: 0; } .post-collection[data-template-type="default-double"] .masters a.item article figure img { width: 100%; object-fit: cover; height: 100%; } .post-collection[data-template-type="default-double"] .masters a.item article figure { width: 100%; height: 255px; }.post-collection[data-template-type="default-list"] .masters { display: flex; flex-direction: column; } .post-collection[data-template-type="default-list"] .masters a.item article { display: flex; flex-direction: row-reverse; } .post-collection[data-template-type="default-list"] .masters a.item { margin-bottom: var(--mini-pad); } .post-collection[data-template-type="default-list"] .masters a.item:last-child { margin-bottom: 0; } .post-collection[data-template-type="default-list"] .masters a.item article figure img { width: 100%; height: 100%; object-fit: cover; max-width: unset !important; } .post-collection[data-template-type="default-list"] .masters:hover a article figure img { filter: var(--img-fx); } .post-collection[data-template-type="default-list"] .masters a:hover article figure img { filter: brightness(1); }.post-collection[data-template-type="default-single"] .masters article { display: flex; flex-direction: row; flex-wrap: wrap; } .post-collection[data-template-type="default-single"] .masters article figure img { } .post-collection[data-template-type="default-single"] .masters article figure { } .post-collection[data-template-type="default-single"].missing-image .master figure  { display: none; } .post-collection[data-template-type="gallery-list"] { display: flex; flex-direction: column; background: var(--back-color) !important; box-shadow: none !important; } .post-collection[data-template-type="gallery-list"] .masters { display: flex; flex-direction: row; overflow-x: scroll; overflow-y: hidden; } .post-collection[data-template-type="gallery-list"] .masters::-webkit-scrollbar { height: 2px; } .post-collection[data-template-type="gallery-list"] .masters::-webkit-scrollbar-track { background: var(--back-color); } .post-collection[data-template-type="gallery-list"] .masters::-webkit-scrollbar-thumb { background: #777; } .post-collection[data-template-type="gallery-list"] .masters::-webkit-scrollbar-thumb:hover { background: #555; } .post-collection[data-template-type="gallery-list"] .masters a.item { --gallery-width: 65%; max-width: var(--gallery-width); min-width: var(--gallery-width); width: var(--gallery-width); margin-right: var(--full-pad); background: var(--subtle-highlight-back-color); } .post-collection[data-template-type="gallery-list"] .masters a.item:nth-of-type(2) article section.info { } .post-collection[data-template-type="gallery-list"] .masters a.item article { display: flex; flex-direction: column; } .post-collection[data-template-type="gallery-list"] .masters a.item:nth-of-type(1) article figure { align-self: flex-start; opacity: 1; } .post-collection[data-template-type="gallery-list"] .masters a.item:nth-of-type(2) article figure { align-self: flex-end; opacity: 1; } .post-collection[data-template-type="gallery-list"] .masters a.item:nth-of-type(2) article figure figcaption { left: unset; right: 0; } .post-collection[data-template-type="gallery-list"] .masters a.item article figure img { width: 100%; object-fit: cover; height: 255px; } .post-collection[data-template-type="gallery-list"] .masters a.item article figure { width: 100%; height: 255px; } .post-collection[data-template-type="gallery-list"] .gallery-buttons { overflow: hidden; position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; } .post-collection[data-template-type="gallery-list"].no-sensation-bar .sensation { display: none; } .post-collection[data-template-type="gallery-list"] .gallery-button { pointer-events: all; --button-size: calc( 5 * var(--full-pad) ); position: absolute; top: calc( 50% - var(--button-size) / 2 ); width: var(--button-size); height: var(--button-size); background: var(--navback-color); border-radius: var(--button-size); box-shadow: 2px 2px var(--full-pad) #0008; transition: all 0s, top 0s; outline: unset !important; } .post-collection[data-template-type="gallery-list"] .gallery-button::before {     content: ' ';     position: absolute;     top: 35%;     left: 35%;     height: 30%;     width: 30%;     background: var(--navfont-color); transition: 0s; transform: scaleX(0.9); } .post-collection[data-template-type="gallery-list"] .gallery-button.to-left::before { margin-left: 10%;     clip-path: polygon( 100% 0, 0 50%, 100% 100% ); } .post-collection[data-template-type="gallery-list"] .gallery-button.to-right::before { margin-left: -10%;     clip-path: polygon( 0 0, 100% 50%, 0 100% ); } .post-collection[data-template-type="gallery-list"] .gallery-button:hover { transform: scale(1.1); } .post-collection[data-template-type="gallery-list"] .gallery-button:active { transform: scale(1.2); } .post-collection[data-template-type="gallery-list"] .gallery-button.to-left:hover::before { margin-left: 5% !important; transform: scaleX(1); } .post-collection[data-template-type="gallery-list"] .gallery-button.to-right:hover::before { margin-left: -5% !important; transform: scaleX(1); } .post-collection[data-template-type="gallery-list"] .gallery-button.to-left:active::before { margin-left: -10% !important; } .post-collection[data-template-type="gallery-list"] .gallery-button.to-right:active::before { margin-left: 10% !important; } .post-collection[data-template-type="gallery-list"] .gallery-button.to-right { position: absolute; right: calc( 0px - var(--button-size) / 3 ); } .post-collection[data-template-type="gallery-list"] .gallery-button.to-left { position: absolute; left: calc( 0px - var(--button-size) / 3 ); }.post-collection[data-template-type="mega-single"] a article figure figcaption { left: unset; right: 0; }.post-collection[data-template-type="notice-list"] .masters { display: flex; flex-direction: column; } .post-collection[data-template-type="notice-list"] .masters a.item article { display: flex; flex-direction: row; } .post-collection[data-template-type="notice-list"] .masters a.item { margin-bottom: 0; border-top: var(--dashed); } .post-collection[data-template-type="notice-list"] .masters a.item:last-child { margin-bottom: 0; } .post-collection[data-template-type="notice-list"] .masters a.item article figure img { width: 100%; height: 100%; object-fit: cover; max-width: unset !important; } .post-collection[data-template-type="notice-list"] .masters:hover a article figure img { filter: var(--img-fx); } .post-collection[data-template-type="notice-list"] .masters a:hover article figure img { filter: brightness(1); } .post-collection.no-sensation-bar[data-template-type="notice-list"] .masters a.item:first-child { border-top: unset; } .post-collection[data-template-type="notice-list"] .sensation { margin-bottom: 1px !important; }.post-collection[data-template-type="split-double"] .masters a.item:nth-of-type(1) article figure { clip-path: polygon( calc(0px - 1rem) calc(0px - 1rem), calc(100% - 7rem) calc(0px - 0rem), calc(100% - 1rem) calc(100% + 0rem), calc(0px - 1rem) calc(100% + 1rem) ); margin-right: -4rem; align-self: flex-start; opacity: 1; } .post-collection[data-template-type="split-double"] .masters a.item:nth-of-type(1) article figure { clip-path: polygon( calc(0px - 1rem) calc(0px - 1rem), calc(100% - 7rem) calc(0px - 0rem), calc(100% - 1rem) calc(100% + 0rem), calc(0px - 1rem) calc(100% + 1rem) ); margin-right: -4rem; align-self: flex-start; opacity: 1; } .post-collection[data-template-type="split-double"] .masters a.item:nth-of-type(2) article figure { clip-path: polygon( calc(0px + 1rem - .5px) calc(0px - 0rem), calc(100% + 1rem) calc(0px - 1rem), calc(100% + 1rem) calc(100% + 1rem), calc(0px + 7rem - .5px) calc(100% + 0rem) ); margin-left: -4rem; align-self: flex-end; opacity: 1; } .post-collection[data-template-type="split-double"] { display: flex; flex-direction: column; } .post-collection[data-template-type="split-double"] .masters { display: flex; flex-direction: row; } .post-collection[data-template-type="split-double"] .masters a.item { max-width: 50%; min-width: 50%; width: 50%; } .post-collection[data-template-type="split-double"] .masters a.item:nth-of-type(2) article section.info { border-left: var(--dashed); } .post-collection[data-template-type="split-double"] .masters a.item article { display: flex; flex-direction: column; } .post-collection[data-template-type="split-double"] .masters:hover a.item:nth-of-type(1) article figure img { filter: var(--img-fx); } .post-collection[data-template-type="split-double"] .masters:hover a.item:nth-of-type(2) article figure img { filter: var(--img-fx); } .post-collection[data-template-type="split-double"] .masters a.item:nth-of-type(1):hover article figure img { filter: brightness(1); } .post-collection[data-template-type="split-double"] .masters a.item:nth-of-type(2):hover article figure img { filter: brightness(1); } .post-collection[data-template-type="split-double"] .masters a.item:nth-of-type(2) article figure figcaption { left: unset; right: 0; } .post-collection[data-template-type="split-double"] .masters a.item article figure img { width: 100%; object-fit: cover; height: 255px; } .post-collection[data-template-type="split-double"] .masters a.item article figure { width: calc(100% + 4rem); height: 255px; }:root { --new-back-color: #e2e2e2; --new-back-color: #e8e8e8; --new-back-color: #eaeaea; --new-back-color: #ececec; --new-back-color: #efefef; --new-back-color: #f2f3f2; --new-back-color: #f4f2f0; --new-back-color: #f1efed; --new-back-color: #efedeb; --new-subtle-back-color: #e1e0e1; --new-subtle-back-color: #e4e3e4; --new-subtle-back-color: #e7e6e7; --new-subtle-back-color: #ebeaeb; --new-subtle-back-color: #f4f4f4; --new-subtle-back-color: #f2f1f2; --new-subtle-back-color: #f7f6f7; --new-subtle-back-color: #f4f3f4;  --accent-color             : #626f61;   --accent-text-color        : #385635;   --accent-text-color        : #226022;   --accentfont-color         : #e8e8e8;   --accentfont-color         : var(--new-back-color);   --accent-link-color        : #cdc6ff;   --accent-link-visited-color: #ded8ff;   --font-color             : #222222;   --back-color             : #e8e8e8;   --back-color             : var(--new-back-color);   --font-link-color        : #025f01;   --font-link-visited-color: #859484;   --font-link-visited-color: #687468;   --navback-color: #222222;   --navfont-color: #e8e8e8;   --navfont-color: var(--new-back-color);   --subtle-highlight-back-color: #dadad9;     --subtle-highlight-back-color: #e4e4e5;     --subtle-highlight-back-color: #e1e0e1;     --subtle-highlight-back-color: var(--new-subtle-back-color);     --hover-highlight-back-color : #22602211;   --slight-inner-text-highlight: #f0f0f0;  } .sidebar-article-list a:visited span { color: #888 !important; } .sidebar-article-list a:visited { color: #888 !important; } .sidebar-article-list a:visited svg { color: #888; } body { background: linear-gradient( 90deg, var(--subtle-highlight-back-color), var(--back-color), var(--back-color), var(--back-color), var(--subtle-highlight-back-color) ); } @media only screen and (max-width: 1500px) { body { background: var(--back-color); } }  @media only screen and (max-width: 1600px) { #left section, #right section { max-width: calc(var(--page-width) / 3 - (1600px - 100vw) / 2 - 10px) !important; min-width: calc(var(--page-width) / 3 - (1600px - 100vw) / 2 - 10px) !important; width: calc(var(--page-width) / 3 - (1600px - 100vw) / 2 - 10px) !important; font-size: 80% !important; } }  @media only screen and (max-width: 1400px) { body { overflow-x: hidden; } html { overflow-x: hidden; } } @media only screen and (max-width: 1300px) { #left, #right { display: none; } #branding a #logo { height: 3.2rem !important; } .featured-article h1 { width: 17rem; } #flags img { height: 13px !important; } #single-content { margin-left: -100px !important; } }  @media only screen and (max-width: 1100px) { :root { --page-width: calc((1920px / 2) - 15px - 2 * var(--full-pad)) !important;   }  .featured-article img { display: none; } .featured-article span.author, .featured-article h1 { right: calc(100%); margin-right: 0; } .featured-article h1 { width: 16rem; }  #main-menu > ul > li > a { font-size: 99%; }  #single-content #main-article { padding-left: 0 !important; } #single-content { margin-left: 0px !important; --article-inset: 264px !important; } #single-content .text .post-sidebar { --post-sidebar-extra-width: 0px !important; margin-right: calc( 0px - var(--article-inset) - var(--half-pad) - var(--post-sidebar-extra-width) ) !important; margin-bottom: var(--half-pad) !important; } #single-content footer .social-media .heateor_sss_sharing_container ul { flex-direction: row; } #single-content footer .social-media .heateor_sss_sharing_container { position: unset; right: unset; top: unset; } #single-content #after-article-comments, #single-content #after-article-sidebar { padding-left: 0; }  #single-content .text section.float-out { --post-sidebar-width: calc( var(--article-inset) - var(--half-pad) ); }  #single-content #main-article .main-content > .text > .author-featured { position: unset !important; top: unset !important; left: unset !important; margin-top: -0.5em; --author-width: 50% !important; display: block; margin-right: var(--full-pad); float: left; } #single-content #main-article .main-content > .text > .author-featured section.author { box-shadow: unset !important; } #single-content #main-article .main-content > .text > .author-featured .text { background: var(--slight-inner-text-highlight); } #single-content #main-article .main-content > .text > .author-featured section.author img { position: relative; bottom: unset; left: unset; z-index: 2; width: 7rem; display: block; height: auto; margin: 0; margin-bottom: 0; } #single-content #main-article .main-content > .text > .author-featured section.author p.name { margin-top: calc( -2.7rem ); height: 2.7rem; box-sizing: border-box; display: flex; flex-direction: column; justify-content: center; padding-left: calc( var(--full-pad) + 6rem ); padding-right: calc( var(--full-pad) + .5rem );  text-align: left; } #single-content #main-article .main-content > .text > .author-featured section.author p.name::before { top: calc( 0px - var(--strike-height) + 1px ) !important; content: ' '; z-index: 1; position: absolute; height: 12px; width: calc( 100% + 0px ); right: 0; background: var(--accent-color); --strike-height: 4px; --corner-width: 1em; clip-path: polygon(-1px -1px, calc(100% + 1px) -1px, calc(100% + 1px) calc(100% + 1px), calc(100% - var(--corner-width)) var(--strike-height), 0 var(--strike-height) ); }  #footer-fancy { flex-wrap: wrap; padding-top: 4rem; padding-bottom: 4rem; } #footer-fancy > section { min-width: 20rem; margin-top: var(--half-pad); } #footer-basic { justify-content: flex-start; } #footer-basic nav ul, #footer-basic section ul { margin: var(--full-pad); } }  @media only screen and (max-width: 940px) { :root { --page-width: calc( 100vw - 2 * var(--full-pad) ) !important;   } #page-content { --article-inset-right: calc( (92.9px * 3) - ( 940px - 100vw ) ); } #main-menu > ul > li > a { font-size: 2.52vw; } #branding a #logo { height: 4.5vw !important; } .featured-article h1 { width: 28vw !important; } #wpadminbar #wp-admin-bar-wpfc-toolbar-parent { display: none; } #single-content .post-sidebar, #single-content #post-sidebar-bottom { margin-right: calc( 0px - var(--article-inset) ) !important; width: calc( var(--article-inset) - var(--full-pad) ); } #main-menu > ul > li { --extra-pad: 0px; } }  @media only screen and (max-width: 781px) { #campaign figcaption p.large { font-size: x-large; } #campaign figcaption p.small { font-size: medium; } :root { --page-width: calc( 100vw ) !important;  } a.item:focus { outline: 2px solid var(--font-color); outline-offset: 4px; transform: scale(0.98); position: relative; z-index: 10; transition: 0.1s cubic-bezier(.05,2.97,.99,.79); filter: brightness(0.8); background: #0003; } .post-collection .slaves a.item .slave h1 { font-size: medium; } .post-collection section.sensation .readmore { display: none; } body > header, body > #mobile-bottom-menu { transition: transform 0.2s; } body.scrolling-down > header { transform: translateY( calc(var(--header-padding) - 2px - var(--header-height)) ); } body.scrolling-down > #mobile-bottom-menu { transform: translateY( 200px ); } #sidebar { display: none; } main#index-content { flex: 0 0 100%; width: 100%; max-width: 100%; min-width: 100%; } #index-content > section { max-width: 100%; } #branding a:hover #appendix { left: calc(100% - (2px)); }  #branding a::before, .svg-wrapper::before { content: ''; position: absolute; --extra-size: 15px; left: calc(0px - var(--extra-size)); top: calc(0px - var(--extra-size)); width: calc(100% + var(--extra-size) * 2); height: calc(100% + var(--extra-size) * 2); } #branding a:active::before, .svg-wrapper:active::before { background: #000a; } .svg-wrapper { display: block; position: relative; }  #single-content .post-sidebar { display: none; } #single-content #main-article { padding-right: 0 !important; }  #footer-fancy { background-size: 100vw auto; background-position: bottom; } #footer-basic svg { height: 10rem; margin-top: 1rem; margin-bottom: 1rem; width: auto; } aside#frihet { padding-bottom: 5rem; } aside#frihet p { white-space: nowrap; margin-top: 2rem; }  section.gdpr-nag > * { order: 1; font-size: 1rem; white-space: normal; margin-top: 3px; } section.gdpr-nag > p { margin-right: 0; } body > section.gdpr-nag > .yes { order: 2; font-size: 1.5rem; margin-left: auto; margin-bottom: var(--half-pad); padding: 4px; padding-left: 6px; margin-top: var(--full-pad); padding-right: 6px; } section.gdpr-nag .gdprhat { display: none; }  html { --header-padding: var(--half-pad); --header-internal-height: 1.8rem; --header-height: calc( var(--header-internal-height) + var(--header-padding) * 2); margin-top: var(--header-height); } .text { --text-pad: 16px;  } .sidebar-media figure.fullscreen img, #single-content figure.complex-media.fullscreen img { width: 100%; } section.social-media { display: none; } #post-sidebar-bottom-wrapper { display: none; } .sidebar-area .text { font-size: initial; } main .sidebar-area h1, .webnotice h1 { font-size: x-large !important; } .sidebar-area.widget_free_text_widget { margin-left: calc( 0px - var(--half-pad) ) !important; margin-right: calc( 0px - var(--half-pad) ) !important; } .webnotice { margin: 5vw !important; } ol.comment-list { padding-left: calc( var(--comment-height) + var(--half-pad) ) !important; } ol.comment-list .text { --text-pad: var(--half-pad); } #after-article-sidebar, #after-article-comments { padding-right: var(--half-pad) !important; padding-left: var(--half-pad) !important; } body > header { position: fixed; top: 0; height: var(--header-height); max-height: var(--header-height); min-width: 100%; padding: var(--header-padding); z-index: 101; box-shadow: 0 0 var(--half-pad) black; } #wpadminbar { top: var(--header-height); z-index: 100; } #branding a #logo { height: var(--header-internal-height) !important; } section#header-main > div { margin-bottom: 0; margin-top: 0; } body.logged-in > header { top: 0; } body.logged-in { margin-top: 46px; } body > header #header-left, body > header #meta-menu, body > header #header-right article.widget, body > header aside#flags, body > header #main-menu { display: none; } body > #mobile-shelves { position: relative; z-index: 101;  } #mobile-shelves section #mobile-main-menu { position: fixed; top: -400vh; left: 0; transition: 0.3s; transition-timing-function: ease; z-index: 1; padding-top: calc( var(--header-height) + var(--half-pad) ); background: var(--back-color); height: calc(100% + 20vh); display: flex; flex-direction: column; width: 100%; display: flex; overflow-y: scroll; overflow-x: hidden; padding-bottom: 20vh; } #mobile-shelves section.open #mobile-main-menu { top: 0; } #mobile-shelves section.open #mobile-main-menu > * { padding-left: var(--half-pad); padding-right: var(--half-pad); } body > header::before { content: ''; background: inherit; position: absolute; left: 0; top: 0; height: calc(100% + 1px); width: 100%; } body > header #branding, body > header #header-right, body > header::before { z-index: 2; } body > header #header-right { position: relative; justify-content: flex-end; } body > header #header-right > * { height: calc( var(--header-height) - var(--header-padding) * 2 ) !important; width: calc( var(--header-height) - var(--header-padding) * 2 ) !important; } body > header #header-right .mobile-menu-icon { display: block; width: auto; height: 100%; } body > header #header-right .mobile-donate-icon { display: block; width: auto; height: 100%; margin-right: var(--full-pad); color: var(--accentfont-color) !important; outline-color: var(--accentfont-color) !important; } body > header #header-right .mobile-menu-icon svg { display: block; width: auto; height: 100%; } body > header #header-right .mobile-donate-icon svg { display: block; width: auto; height: 100%; }  body > header svg#menu { transform: rotateZ(0deg); transition: 0.3s; transition-timing-function: ease; } body .mobile-menu-icon.open svg#menu { transform: rotateZ(-90deg); } #mobile-shelves section #mobile-main-menu li a, #mobile-shelves section #mobile-main-menu li a:visited, #mobile-shelves section #mobile-main-menu .featured-article span.author, #mobile-shelves section #mobile-main-menu .featured-article a, #mobile-shelves section #mobile-main-menu .featured-article a:hover h1, #mobile-shelves section #mobile-main-menu .featured-article h1 { color: var(--font-color); text-decoration-color: var(--font-color); } #mobile-shelves section #mobile-main-menu .featured-article a * { text-decoration: none; } #mobile-shelves section #mobile-main-menu .featured-article a:hover * { text-decoration: underline; } #mobile-shelves section #mobile-main-menu .featured-article a { position: relative; } #mobile-shelves section #mobile-main-menu .featured-article a::before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 1px; border-top: var(--mini-pad) solid var(--accent-color); } #mobile-shelves section #mobile-main-menu .featured-article a::after { content: ''; z-index: 1; position: absolute; height: .5em; width: 1em; right: 0; top: calc(0px + 2px); background: var(--accent-color); clip-path: polygon(-1px -1px, calc(100% + 1px) -1px, calc(100% + 1px) calc(100% + 1px)); } #mobile-shelves section #mobile-main-menu #main-menu > * { width: 100%; } #mobile-shelves section #mobile-main-menu article.widget { display: flex; } #mobile-shelves section #mobile-main-menu #main-menu aside#flags { display: initial; position: unset; left: unset; top: unset; } #mobile-shelves section #mobile-main-menu article.widget a { white-space: normal !important; min-height: 70px; padding: var(--half-pad); } #mobile-shelves section #mobile-main-menu article.widget h1 { position: unset !important; right: unset !important; text-align: left; line-height: 105% !important; width: calc( 75% - var(--half-pad) ) !important; font-size: large; word-break: normal; } #mobile-shelves section #mobile-main-menu article.widget span.author { position: unset !important; right: unset !important; text-align: left; line-height: 105% !important; width: 75% !important; font-size: large; margin-top: var(--half-pad); } #mobile-shelves section #mobile-main-menu article.widget img { position: absolute !important; right: 0 !important; width: 25%; height: auto; max-height: 100%; object-fit: contain; bottom: 0; display: block; filter: unset; } #mobile-shelves section #mobile-main-menu article.widget { position: relative; padding: 4vw; } #mobile-shelves section #mobile-main-menu article.widget::after { content: ''; position: absolute; top: 100%; left: calc(0px - var(--half-pad) * 2); width: calc(100% + var(--half-pad) * 4); height: 1px; } #mobile-shelves section #mobile-main-menu > ul.main-menu-menu { background: inherit; display: flex; flex-direction: column; background: var(--subtle-highlight-back-color); box-shadow: 0 0 var(--half-pad) #0001 !important; } #mobile-shelves section #mobile-main-menu > ul.main-menu-menu > li { padding-left: 0 !important; padding-right: 0 !important; } #mobile-shelves section #mobile-main-menu > ul.main-menu-menu > li > a { border-bottom: 3px solid currentColor; margin: var(--half-pad); margin-left: 0 !important; margin-right: 0 !important; } #mobile-shelves section #mobile-main-menu > ul.main-menu-menu > li > .sub-menu { position: unset !important; left: unset !important; top: unset !important; background: unset !important; box-shadow: unset !important; flex-wrap: wrap; } #mobile-shelves section #mobile-main-menu > ul.main-menu-menu li.underkolumn { margin-bottom: 0; margin-left: 0; margin-right: 6px; margin-top: 6px; padding: 5px; padding-top: 0px; } #mobile-shelves #mobile-main-menu > ul > li > .sub-menu .underkolumn > .sub-menu > li::after { display: none !important; } #mobile-shelves section #mobile-main-menu > ul.main-menu-menu > li > a { font-size: xx-large; line-height: 110%; } #mobile-shelves section #mobile-main-menu > .meta-menu a { font-size: large; white-space: nowrap; } #mobile-shelves section #mobile-main-menu > .meta-menu li { --total-pad: 1.2rem; } #mobile-shelves section #mobile-main-menu > .meta-menu { justify-content: center; flex-wrap: wrap; padding: var(--full-pad); margin-top: 2rem; margin-bottom: 4rem; } #mobile-shelves section #mobile-main-menu #main-menu-search { display: none; } #mobile-shelves section #mobile-main-menu #flags { background: unset; margin-bottom: var(--full-pad); } #mobile-shelves section #mobile-main-menu #flags ul { flex-direction: column; flex-wrap: wrap; } #mobile-shelves section #mobile-main-menu #flags ul img { align-self: flex-start; width: auto; margin-top: var(--full-pad); } #mobile-shelves section #mobile-main-menu #flags ul > div > ul { position: unset; top: unset; left: unset; overflow: unset; height: auto; width: auto; opacity: unset; background: unset; padding: 0 !important; } #mobile-shelves section #mobile-main-menu #flags ul > div > ul a { color: var(--font-color) !important; }  #single-content .text { font-size: large; } #single-content .article-head .info-tags .author-email { }  .post-collection a article figure { min-width: 25%; margin-top: -.4px;  } .post-collection .sensation { position: relative; z-index: 2;  } .post-collection[data-template-type="default-double"] .masters a.item article figure { width: 100%; height: 37.5vw;  }  #page-content { --article-inset-left: 0; --article-inset-right: 0; } #page-content article#main-article header h1 { text-align: center; margin-bottom: -5px; } #page-content article#main-article .article-head { padding-bottom: 0 !important; } #page-content article .main-content { display: flex; flex-direction: column-reverse; justify-content: center; } #page-content article .main-content nav.pagenav { position: unset; left: unset; top: unset; width: auto; font-size: 120%; } #page-content article .text figure.is-style-float-out-right { width: 40%; }  #mobile-shelves > section { position: relative; z-index: 80; } #mobile-shelves > section[menu-name="news"], #mobile-shelves > section[menu-name="search"], #mobile-shelves > section[menu-name="share"] { position: fixed !important; left: 0; top: 200vh; height: 100%; width: 100%; font-size: xx-large; padding-top: var(--header-height); background: var(--back-color); transition: .3s; } #mobile-shelves > section.open { top: 0; position: relative; z-index: 81; }  #mobile-shelves > section[menu-name="news"] div.sidebar { height: 100%; overflow-y: scroll; position: relative; padding-bottom: 30vh; margin-top: 0; font-size: medium; } #mobile-shelves > section[menu-name="news"] .sidebar-article-list .feed-nav li { font-size: large; } #mobile-shelves > section[menu-name="news"] .sidebar-article-list .feed-nav li::before { top: 8px; height: 15px; width: 14px; left: 2px; } #mobile-shelves > section[menu-name="news"] .sidebar-article-list .feed-nav li::after { top: 8px; height: 15px; width: 14px; right: 2px; } #mobile-shelves > section[menu-name="news"] div.sidebar p.pill-text { font-size: large; line-height: normal; } #mobile-shelves > section[menu-name="news"] div.sidebar p.reference { font-size: large; } #mobile-shelves > section[menu-name="news"] div.sidebar p.source { font-size: large; } #mobile-shelves > section[menu-name="news"] div.sidebar span.newpill { font-size: x-large; padding: var(--half-pad); padding-left: 1.5rem; } #mobile-shelves > section[menu-name="news"] div.sidebar .sidebar-quote blockquote p { font-size: large; } #mobile-shelves > section[menu-name="news"] div.sidebar .sidebar-quote blockquote cite { font-size: large; } #mobile-shelves > section[menu-name="news"] div.sidebar .sidebar-area .title .widget-nav { --widget-nav-size: 1.4rem; } #mobile-shelves > section[menu-name="news"] div.sidebar .sidebar-area .title .widget-nav.info { white-space: nowrap; right: calc( var(--half-pad) + var(--widget-nav-size) * 2 + 1px + 3px ); font-size: medium; } #mobile-shelves > section[menu-name="news"] div.sidebar .post-collection a article section.info h1 { font-size: xx-large; } #mobile-shelves > section[menu-name="news"] div.sidebar .sidebar-article-list .list .item h1, #mobile-shelves > section[menu-name="news"] div.sidebar .sidebar-area .title-extra-accent span, #mobile-shelves > section[menu-name="news"] div.sidebar .sidebar-area .title h1 { font-size: 5vw; } #mobile-shelves > section[menu-name="news"] div.sidebar .sidebar-article-list .article-item { --dashed: 3px dashed #0004; } #mobile-shelves > section[menu-name="news"] div.sidebar .sidebar-article-list .item p { font-size: medium; } #mobile-shelves > section[menu-name="news"] div.sidebar .sidebar-article-list ul li a { padding-bottom: calc(1.2rem + var(--mini-pad)); }  #mobile-shelves > section[menu-name="search"] { position: relative; display: flex; flex-direction: column; justify-content: flex-start; } #mobile-shelves > section[menu-name="search"] p.advanced { font-size: small; text-align: right; min-width: 100%; margin-top: 0; margin-bottom: 0; } #mobile-shelves > section[menu-name="search"] span.numbering { margin-left: var(--full-pad); } #results > p { padding: 1rem; font-size: x-large; text-align: center; } #search-content #results { margin-top: 0; } #mobile-shelves > section[menu-name="search"] #results { height: 100%; overflow-y: scroll; position: relative; padding-bottom: 50vh; margin-top: 0; font-size: medium; } #mobile-shelves > section[menu-name="search"] .search-bar#query { position: absolute; bottom: 0; left: 0; height: auto; padding: var(--half-pad); padding-bottom: calc( 29px + var(--half-pad) + 25px ); margin-bottom: 0; width: 100%; background: var(--back-color); box-shadow: 0 0 10px #0008; }  #mobile-shelves > section[menu-name="share"] div.heateor_sss_sharing_container { margin: -0.5rem !important; margin-bottom: 0rem !important; } #mobile-shelves > section[menu-name="share"] > div.internal { display: flex; flex-direction: column; align-items: center; } #mobile-shelves > section[menu-name="share"] input { font-size: large; width: 100%; } #mobile-shelves > section[menu-name="share"] ul { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; } #mobile-shelves > section[menu-name="share"] ul li { margin: .5rem !important; } #mobile-shelves > section[menu-name="share"] ul li i { width: 4rem !important; height: 4rem !important; } #mobile-shelves > section[menu-name="share"] .message { display: none; } #mobile-shelves > section[menu-name="share"].open .message { display: block; animation-name: share-message-move; animation-duration: 2s; animation-iteration-count: 1; animation-fill-mode: forwards; animation-timing-function: cubic-bezier(0.48, -0.4, 0, 0.86); } @keyframes share-message-move { 0% { transform: translateX(-100vw) } 25% { transform: translateX(0vw) } 75% { transform: translateX(0vw) } 100% { transform: translateX(100vw) } }  #mobile-bottom-menu { position: fixed; bottom: 0; height: var(--header-height); max-height: var(--header-height); height: auto; max-height: unset; min-width: 100%; padding: var(--header-padding); padding-bottom: 5px; padding-top: 15px; z-index: 101; box-shadow: 0 0 var(--half-pad) #0008; background: var(--accent-color); color: var(--accentfont-color); display: flex; flex-direction: row; } #mobile-bottom-menu::after { position: absolute; top: 0; left: 0; height: 100%; width: 100%; content: ''; background: #0002; z-index: 1; } #mobile-bottom-menu ul { display: flex; flex-direction: row; list-style: none; padding: 0; margin: 0; justify-content: space-around; min-width: 100%; align-items: center; margin-top: -25px; } #mobile-bottom-menu ul li { position: relative; z-index: 2; display: flex; flex-direction: row; align-items: center; margin-right: var(--half-pad); margin-left: var(--half-pad); padding: var(--half-pad); padding-left: 2rem; padding-right: var(--full-pad); background: var(--accent-color); transition: 0.1s; } #mobile-bottom-menu ul li.open::after { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #0004; } #mobile-bottom-menu ul li.open { transform: translateY(-10px); transition: 0.4s; } #mobile-bottom-menu ul li span.text-label { position: relative; z-index: 2; white-space: nowrap; } #mobile-shelves section #mobile-main-menu > ul > li > .sub-menu .underkolumn > .sub-menu > li > a { background: none; } #mobile-bottom-menu ul li svg { height: auto; width: 1.5rem; fill: currentColor; position: absolute; top: 2px; left: var(--half-pad); } #mobile-bottom-menu ul li svg#searchglass { top: 11px; left: calc( var(--half-pad) + 4px ); } #mobile-bottom-menu ul li svg#share { margin-top: 2px; } #mobile-bottom-menu ul li svg#news { margin-top: 2px; }  #single-content .text section.float-out { display: none; } } @media only screen and (min-width: 782px) { body > header #header-right #menu { display: none; } body .mobile-only { display: none !important; } #mobile-shelves, #mobile-bottom-menu { display: none; } }  @media only screen and (max-width: 600px) { #single-content .text .author-featured { float: unset !important; margin-left: calc( 0px - var(--text-pad) ) !important; margin-right: calc( 0px - var(--text-pad) ) !important; --author-width: calc( 100% + var(--text-pad) * 2 ) !important; } #single-content .text .author-featured div.text { padding-left: calc( var(--full-pad) * 2 ); } #single-content #main-article .main-content > .text > .author-featured section.author img { left: calc( var(--full-pad) * 1 ); } #single-content #main-article .main-content > .text > .author-featured section.author p.name { padding-left: calc( var(--full-pad) * 2 + 7rem ); } #single-content .text .wp-block-quote { } #single-content #main-article .main-content > .text > .author-featured { --author-width: calc( 100% + var(--text-pad) * 2 ) !important; } #footer-fancy section.widget { max-height: 10em; overflow: hidden; position: relative; } #footer-fancy section.widget.show-mobile { max-height: unset !important; overflow: unset !important; } #footer-fancy section.widget::before { z-index: 5; content: ''; --arrow-size: .7em; --arrow-width: 5px; height: var(--arrow-size); width: var(--arrow-size); border-right: var(--arrow-width) solid currentColor; border-top: var(--arrow-width) solid currentColor; position: absolute; transform: rotateZ(135deg); left: calc(50% - var(--arrow-size)); bottom: calc(1.5 * var(--arrow-size)); } #footer-fancy section.widget::after { content: ''; height: 50%; width: 100%; position: absolute; left: 0; bottom: 0; background: linear-gradient(#0600, var(--accent-color), var(--accent-color)); } #footer-fancy section.widget.show-mobile::before, #footer-fancy section.widget.show-mobile::after { display: none; } aside#frihet p { font-size: 8.5vw !important; } aside#frihet ul { font-size: 4.3vw !important; } #footer-basic svg { height: 30vw; } }  @media only screen and (max-width: 520px) { #single-content .text h2, #single-content .text h3, #single-content .text h4, #single-content .text h5, #single-content .text h6 { clear: both; } #single-content .article-head .info-tags li.breakpoint { width: 100%; height: 0; margin: 0; } #single-content .article-head .info-tags li.breakpoint ~ li { margin-bottom: 0 !important; } } @media only screen and (max-width: 420px) { .post-collection a article section.info h1 { font-size: large; } .post-collection a.item article section.info p { margin-top: var(--mini-pad); } .post-collection a article section.info { font-size: smaller; } }  @media only screen and (max-width: 360px) { #campaign figcaption p.large { font-size: medium; margin: 0.1rem; } #campaign figcaption p.small { font-size: small; margin: 0.1rem; } #mobile-bottom-menu ul li { padding: calc( var(--half-pad) - 3px ); padding-left: calc( 2rem - 1px ); padding-right: calc( var(--full-pad) - 4px ); } #mobile-bottom-menu ul li svg { top: 0; } #mobile-bottom-menu ul li svg#searchglass { top: 8px; } #mobile-bottom-menu ul li { margin-right: var(--mini-pad); margin-left: var(--mini-pad); } #mobile-bottom-menu { padding-left: var(--mini-pad); padding-right: var(--mini-pad); } body > header #header-right .mobile-donate-icon { margin-right: var(--half-pad); } #branding a::before, .svg-wrapper::before { --extra-size: 7px; } }  @media only screen and (max-width: 310px) { html { --header-internal-height: 1.5rem; } #mobile-bottom-menu ul li span.icon { display: none; } #mobile-bottom-menu ul li { padding-left: calc( var(--full-pad) - 4px ); font-size: 80%; } .fontmagicked { font-size: large !important; word-break: break-all; } #single-content .text { font-size: medium; } .post-collection { max-width: 100% !important; } }