/* b834ce59e6d40d729e6b7201fc6a61df */

.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; }.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