/* 1ca66a9d34a2ba3b0d871f8ade529041 */

body header { display: flex; justify-content: center; width: 100%; margin-top: 30vh; } body header h1 { font-size: xx-large; padding: .5rem 1.5rem; font-family: Changa; font-weight: normal; } footer { margin-top: 10vh; } footer ul { padding: 0; display: flex; flex-direction: row; list-style: none; margin: 0; } footer ul li { margin: 1rem; } .text .wp-block-group.kandidater { float: none !important; clear: both; width: 100%; } .text .wp-block-group.kandidater .wp-block-group { float: none !important; clear: both; width: 100%; } .kandidat-carousel { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: center; width: 100%; clear: both; position: relative; height: 20rem; margin-bottom: 2rem; position: relative; user-select: none; } .kandidat-carousel > div { max-width: 23%; display: flex; flex-direction: column; justify-content: center; align-items: center; cursor: pointer; -webkit-tap-highlight-color: transparent; } .kandidat-carousel > div h2 { white-space: nowrap; text-align: center; margin-top: 5px; line-height: 100%; font-size: medium; } .kandidat-carousel > div img { max-width: unset !important; width: 120%; height: auto; object-fit: contain; } .kandidat-carousel > div.active { filter: grayscale(0); opacity: 1; transform: scale(140%) translateY(0.5rem); z-index: 10; cursor: default; pointer-events: none; } .kandidat-carousel > div.active h2 { } .kandidat-carousel > div.kandidat { filter: grayscale(0.5); opacity: 0.9; transition: 0.5s; } div.nav.hidden { display: none; } .kandidat-carousel > div.nav:hover { transform: scale(1.2); } .kandidat-carousel > div.nav.prev:hover { transform: rotate(180deg) scale(1.2); } .kandidat-carousel > div.nav { position: absolute; top: 85%; height: 2rem; width: 2rem; z-index: 15; background-image: url(https://xn--motstndsrrelsen-llb70a.se/wp-content/uploads/2019/05/arrow-right-white.png); background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAABkCAYAAABO6zhfAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAZdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuMTczbp9jAAADBElEQVR4Xu3c4XHTQBRFYYUKKIUSoAQqACqgJNIBJUAHoRQ6MLqWN0aRZK2kXc2+9843s4OGv/fEMij20+Vy6bDZ1/5878+n/vzVX1j17vYn8v24nQ/9+dWf9/0xiwC20fD66U/MR0AA+d6On5iOgADyLI2fmI2AANatjZ+YjIAAHssdPzEXAQEs2zp+YioCApi3d/zETAQEMHV0/MREBAQwVmr8pPkICOCu9PhJ0xEQwKDW+EmzERBA/fGTJiOI/jRQo7wMl6f5059mniJGfwXQGN+Gy9M09UrALaDrnvsTNgICGISNgADuQkZAAGPhIiCAqVAREMC8MBEQwLIQERDAY+4jIIB1riMggDxuIyCAfC4jIIBt3EVAANu5ioAA9nETAQHs5yICAjjGfAQEcJzpCAigDLMREEA5JiMggLLMRUAA5ZmKgADqMBMBAdRjIgJ9MOTj7Rp1fOnPGZ88+l/2h08UAF8U6FNWBNwC/Mq6HRCAb6sREIB/iuDncDlFADHojb4+Bj/Bm8BYfvfnc39e3xgSQDyKQP86uOIWEM/odkAAMek/pq4RcAuI7ZlXgOAIIK7rwyoCiOn1SSUBxDN6TE0AsUx+R4EA4pj9BRUCiGF2fCEA/xbHFwLw7eH4QgB+rY4vCuCJU/WsjlBB1vjCK0Bdrw9dTpQ9vhBAPc2PLwRQh4nxhQDKMzO+EEBZpsYXAijH3PhCAGWYHF8I4Diz4wsBHGN6fCGA/cyPLwSwj4vxhQC2czO+EMA2rsYXAsjnbnwhgDwuxxcCWOd2fCGAx1yPLwSwzP34QgDzQowvBDAVZnwhgLFQ4wsB3IUbXwhgEHJ8IYDA44u+I+h2GZK+RfNluDxNM+NL9FcAfaO2BjlLU+MLt4BhkDMiaG58IYBB7QiaHF8I4K5WBM2OLwQwVjqCpscXApgqFUHz4wsBzDsagYnxhQCW7Y3AzPhCAI9tjcDU+EIA63IjMDe+EECetQhMji8EkG8pArPjCwFs8zYC0+NL9KeBe6XHx6bH77qu+wdENtV/TFjaSgAAAABJRU5ErkJggg==); background-size: 80%; background-position: center; background-repeat: no-repeat; } .kandidat-carousel > div.nav.prev { left: 0; transform: rotateZ(180deg); } .kandidat-carousel > div.nav.next { right: 0; } .kandidat-carousel > div.active { opacity: 1; filter: grayscale(0); } .kandidat-carousel:hover > div.active { opacity: 1; } .kandidat-carousel:hover > div:hover { filter: grayscale(0); } .wp-block-group.kandidater .wp-block-group { display: none; font-size: medium; padding: 0 !important; } .wp-block-group.kandidater .wp-block-group__inner-container { padding: 2rem !important; padding-top: 0 !important; padding-bottom: 0 !important; } .wp-block-group.kandidater .wp-block-group.active { display: block; } body, html { margin: 0; padding: 0; font-family: sans-serif; } body { display: flex; flex-direction: column; align-items: center; } main { max-width: calc(1920px / 2 - 200px); clip-path: polygon( 0 0, calc(100% - 5rem) 0, 100% 5rem, 100% 100%, 0 100% ); } .mobile-btn { display: none; } .text { --text-pad: 2rem; font-size: 105%; } .wp-block-group { font-size: 80%; } .text .wp-block-group { float: right; clear: right; width: 40%; } .text, .wp-block-group__inner-container { padding: var(--text-pad); padding-top: 0; padding-bottom: 0; } .wp-block-group__inner-container { padding: 4rem; padding-right: 0; padding-top: 1rem; } .wp-block-group__inner-container > *:first-child { margin-top: 0; } .wp-block-group__inner-container > *:last-child { margin-bottom: 0; } .text h2, .wp-block-group__inner-container h2 { margin-top: var(--text-pad); } .text figure { margin-left: calc( 0px - var(--text-pad) ) !important; margin-right: calc( 0px - var(--text-pad) ) !important; width: calc( var(--text-pad) * 2 + 100% ); } .wp-block-group__inner-container figure { margin-left: 0 !important; margin-right: 0 !important; width: 100%; } .text iframe, .text figure img { width: 100%; height: auto; } .text blockquote { margin: 0; padding: 0; padding-left: 1rem; border-left: 1px solid currentColor; } .text figure figcaption { padding: 0.25rem 4rem; } .darkbg a { color: cyan; } .darkbg a:hover, .darkbg a:active, .darkbg a:focus { color: lightblue; } .darkbg a:visited { color: violet; } footer a { color: white !important; text-decoration: none; } footer a:hover { text-decoration: underline; } .text h1, .text h2, .text h3, text h4 { font-family: Changa; font-weight: normal; margin-bottom: -10px; line-height: 120%; } main article { padding-bottom: 1rem !important;; } .wp-block-group.toc { float: none; clear: both; width: 100%; margin-top: 2rem; font-size: inherit; } .wp-block-group.toc a { color: inherit !important; text-decoration: none; } .wp-block-group.toc ol li { margin-bottom: 3px; } .wp-block-group.toc a:hover { text-decoration: underline; } .darkbg { color: #eee; background: #000c; } .top-nav { width: 1500px; clip-path: polygon( 0% 0%, 100% 0%, calc(100% - 10rem) 100%, 10rem 100% ); margin-top: -1px; } .top-nav .logo-header { display: flex; flex-direction: row; margin-bottom: -1rem; margin-top: 3px; font-family: Roboto, sans-serif; } .top-nav .logo-header a { display: flex; flex-direction: row; color: inherit; text-decoration: none; width: 100%; } .top-nav .logo-header a:visited { color: inherit; } .top-nav .logo-header-inner { width: 100%; display: flex; flex-direction: row; justify-content: center; align-items: center; } .top-nav .logo-header h1 { font-size: 3rem; padding: 3rem; padding-top: 2rem; padding-bottom: 2rem; margin: 0; white-space: nowrap; } .top-nav .logo-header img { width: auto; height: 6rem; } .top-nav nav ul { display: flex; flex-direction: row; list-style: none; padding: 0; justify-content: center; align-items: center; font-family: Changa, sans-serif; font-size: 20px; } .top-nav nav ul li { padding-right: 0.8rem; line-height: 120%; } .top-nav nav > ul > li:first-child { padding-left: 1rem; margin-right: 1rem; } .top-nav nav ul li:first-child { padding-left: 1rem; } .top-nav nav > ul { padding: 1rem; margin: 0; } .top-nav nav > ul li span { padding-left: 1.5rem; padding-bottom: 0.1rem; margin-bottom: 0.40rem; display: block; border-bottom: 1px solid #fff8; } .top-nav nav > ul li a:visited { color: white !important; } .top-nav nav > ul li a { color: white !important; text-decoration: none; padding-left: 0px; padding-right: 15px; transition: 0.5s; position: relative; white-space: nowrap; } .top-nav nav > ul li a:hover { padding-left: 7.5px; padding-right: 7.5px; } .top-nav nav > ul li a::before { content: ' '; background-image: url(https://xn--motstndsrrelsen-llb70a.se/wp-content/uploads/2019/05/arrow-right-white.png); background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAABkCAYAAABO6zhfAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAZdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuMTczbp9jAAADBElEQVR4Xu3c4XHTQBRFYYUKKIUSoAQqACqgJNIBJUAHoRQ6MLqWN0aRZK2kXc2+9843s4OGv/fEMij20+Vy6bDZ1/5878+n/vzVX1j17vYn8v24nQ/9+dWf9/0xiwC20fD66U/MR0AA+d6On5iOgADyLI2fmI2AANatjZ+YjIAAHssdPzEXAQEs2zp+YioCApi3d/zETAQEMHV0/MREBAQwVmr8pPkICOCu9PhJ0xEQwKDW+EmzERBA/fGTJiOI/jRQo7wMl6f5059mniJGfwXQGN+Gy9M09UrALaDrnvsTNgICGISNgADuQkZAAGPhIiCAqVAREMC8MBEQwLIQERDAY+4jIIB1riMggDxuIyCAfC4jIIBt3EVAANu5ioAA9nETAQHs5yICAjjGfAQEcJzpCAigDLMREEA5JiMggLLMRUAA5ZmKgADqMBMBAdRjIgJ9MOTj7Rp1fOnPGZ88+l/2h08UAF8U6FNWBNwC/Mq6HRCAb6sREIB/iuDncDlFADHojb4+Bj/Bm8BYfvfnc39e3xgSQDyKQP86uOIWEM/odkAAMek/pq4RcAuI7ZlXgOAIIK7rwyoCiOn1SSUBxDN6TE0AsUx+R4EA4pj9BRUCiGF2fCEA/xbHFwLw7eH4QgB+rY4vCuCJU/WsjlBB1vjCK0Bdrw9dTpQ9vhBAPc2PLwRQh4nxhQDKMzO+EEBZpsYXAijH3PhCAGWYHF8I4Diz4wsBHGN6fCGA/cyPLwSwj4vxhQC2czO+EMA2rsYXAsjnbnwhgDwuxxcCWOd2fCGAx1yPLwSwzP34QgDzQowvBDAVZnwhgLFQ4wsB3IUbXwhgEHJ8IYDA44u+I+h2GZK+RfNluDxNM+NL9FcAfaO2BjlLU+MLt4BhkDMiaG58IYBB7QiaHF8I4K5WBM2OLwQwVjqCpscXApgqFUHz4wsBzDsagYnxhQCW7Y3AzPhCAI9tjcDU+EIA63IjMDe+EECetQhMji8EkG8pArPjCwFs8zYC0+NL9KeBe6XHx6bH77qu+wdENtV/TFjaSgAAAABJRU5ErkJggg==); background-size: 80%; background-position: center; background-repeat: no-repeat; height: 100%; width: 15px; position: absolute; margin: 0; top: 0; left: -20px; line-height: 100%; opacity: 0; transition: 0.4s; z-index: 1; pointer-events: none; } .top-nav nav > ul li a:hover::before { opacity: 1; left: -10px;     animation-name: beat;     animation-duration: 1s;     animation-iteration-count: infinite;     animation-delay: 0.25s; } @keyframes beat { 49%  {opacity: 1} 50%  {opacity: 0} 99%  {opacity: 0} 100% {opacity: 1} } #gdpr-nag { background: black; width: 100%; font-size: small; } #gdpr-nag ul { display: flex; flex-direction: row; list-style: none; justify-content: center; margin: 0; padding: 5px; opacity: 0.5; } .hide { display: none; } #gdpr-nag:hover ul { opacity: 1; } #gdpr-nag ul li { margin-left: 1rem; margin-right: 1rem; cursor: pointer; user-select: none; } #gdpr-nag ul li.gdpr-info { cursor: initial; } #gdpr-nag ul li.gdpr-yes { } #gdpr-nag ul li.gdpr-yes span { color: #4f4; } #gdpr-nag ul li.gdpr-no { } #gdpr-nag ul li.gdpr-no span { color: #f44; } #gdpr-nag ul li.gdpr-more { } #gdpr-nag ul li.gdpr-idc { opacity: 0.2; color: cyan; } #gdpr-nag ul li.gdpr-idc:hover { opacity: 1; } @media screen and (max-width: 782px) { #gdpr-nag { background: #000d; width: 100%; font-size: small; } #gdpr-nag ul { display: flex; flex-direction: row; flex-wrap: wrap; list-style: none; justify-content: center; margin: 0; padding: 5px; opacity: 1; padding-bottom: 1.5em; } #gdpr-nag ul li { margin-top: 1em; background: #0008; padding: 5px; text-align: center; } #gdpr-nag ul li.gdpr-idc { opacity: 0.7; color: cyan; min-width: 60%; margin-right: 0; text-align: center; } } @media only screen and (max-width: 1800px) { } @media only screen and (max-width: 1400px) { .top-nav { clip-path: unset; width: 100%; } .top-nav .logo-header h1  { font-size: 2rem; } .top-nav .logo-header img { height: 4rem; } body footer ul { flex-wrap: wrap; padding-left: 10%; padding-right: 10%; } } @media only screen and (max-width: 1200px) { .top-nav nav ul { font-size: 1.3vw; } } .top-nav footer { display: none; } @media only screen and (max-width: 782px) { .top-nav nav > ul { position: fixed; bottom: 100%; left: 0; width: 100%; height: calc( 100% - 8vw + 2px ); box-sizing: border-box; transition: 1s; background: #000; z-index: 101; display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; overflow-y: scroll; } .top-nav footer { display: initial; background: none; margin-top: 1rem; } .top-nav nav ul li:first-child { padding-left: 0; } .top-nav nav ul { font-size: medium; } .text figure figcaption { padding: 0.25rem var(--text-pad); } .top-nav .logo-header { position: relative; z-index: 102; } .top-nav .mobile-btn { position: relative; z-index: 102; } .text .wp-block-group.toc { padding: 0; } article.text { --text-pad: 1rem; font-size: 96%; } .top-nav { position: fixed; top: 0; left: 0; width: 100%; height: 8vw; z-index: 100; display: flex; flex-direction: column; justify-content: center; background: #000; } .top-nav .logo-header h1 { padding: 0 3vw; font-size: calc( 1px + 4vw ); } .top-nav .logo-header { margin-top: 0; margin-bottom: 0; } .top-nav .logo-header .logo-header-inner { display: flex; justify-content: flex-start; } .top-nav .logo-header span img { height: 6vw; } .top-nav .mobile-btn { display: block; position: relative; position: absolute; right: 1.5vw; top: 1.5vw; width: 5vw; height: 5vw; } .top-nav .mobile-btn::before { content: ''; position: absolute; left: -10px; top: -10px; height: calc( 100% + 20px ); width: calc( 100% + 20px ); } .top-nav .mobile-btn:active::before { background: #07663388; } .top-nav.mobile-nav .mobile-btn::after { transform: rotate(-90deg); } .top-nav .mobile-btn::after { transition: 0.5s; content: ''; position: absolute; right: 0; left: 0; width: 100%; height: 100%; background: url('/wp-content/uploads/2019/12/menu.svg'); background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkNhcGFfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHdpZHRoPSI5Mi44MzNweCIgaGVpZ2h0PSI5Mi44MzNweCIgdmlld0JveD0iMCAwIDkyLjgzMyA5Mi44MzMiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDkyLjgzMyA5Mi44MzMiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPGc+DQoJPGc+DQoJCTxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik04OS44MzQsMS43NUgzYy0xLjY1NCwwLTMsMS4zNDYtMywzdjEzLjMzNGMwLDEuNjU0LDEuMzQ2LDMsMywzaDg2LjgzM2MxLjY1MywwLDMtMS4zNDYsMy0zVjQuNzUNCgkJCUM5Mi44MzQsMy4wOTYsOTEuNDg4LDEuNzUsODkuODM0LDEuNzV6Ii8+DQoJCTxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik04OS44MzQsMzYuNzVIM2MtMS42NTQsMC0zLDEuMzQ2LTMsM3YxMy4zMzRjMCwxLjY1MywxLjM0NiwzLDMsM2g4Ni44MzNjMS42NTMsMCwzLTEuMzQ3LDMtM1YzOS43NQ0KCQkJQzkyLjgzNCwzOC4wOTYsOTEuNDg4LDM2Ljc1LDg5LjgzNCwzNi43NXoiLz4NCgkJPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTg5LjgzNCw3MS43NUgzYy0xLjY1NCwwLTMsMS4zNDYtMywzdjEzLjMzNGMwLDEuNjUzLDEuMzQ2LDMsMywzaDg2LjgzM2MxLjY1MywwLDMtMS4zNDcsMy0zVjc0Ljc1DQoJCQlDOTIuODM0LDczLjA5NSw5MS40ODgsNzEuNzUsODkuODM0LDcxLjc1eiIvPg0KCTwvZz4NCjwvZz4NCjwvc3ZnPg0K"); background-position: center; background-size: contain; background-repeat: no-repeat; } .top-nav.mobile-nav nav > ul { bottom: 0; transition: 0.5s; } .top-nav nav > ul > li { padding: 0 !important; margin-bottom: 1.5rem; font-size: x-large; } .top-nav nav > ul > li ul li { font-size: large; padding: 0 .5rem !important; margin-bottom: .5rem; } .top-nav nav > ul > li ul { flex-wrap: wrap; justify-content: flex-start; } body > footer { display: none; } body > main { margin-bottom: 80vh; clip-path: polygon( 0 0, calc(100% - 3rem) 0, 100% 3rem, 100% 100%, 0 100% ); } body > header { margin-top: 55vh; } .top-nav footer ul { justify-content: flex-start; padding: 1rem; } .top-nav footer ul li a { white-space: normal; } .top-nav footer ul li span { padding-left: 0; padding-bottom: 0; margin-bottom: 0; display: inline-block; border-bottom: none; font-family: monospace; font-size: 130%; transform: translateY(1px); } } @media only screen and (max-width: 650px) { .text .wp-block-group { float: none; clear: both; width: 100%; padding: 1rem 3rem; } .text .wp-block-group .wp-block-group__inner-container { padding: 1rem; border: 1px solid currentColor; } .text .wp-block-group.kandidater .wp-block-group__inner-container { padding: 0 !important; border: none; } .kandidat-carousel div h2 { font-size: 2vw; } .kandidat-carousel { height: 50vw; } .top-nav nav > ul li span { padding-left: 0.5rem; } } @media only screen and (max-width: 450px) { .text .wp-block-group { padding: 0; } } @media only screen and (max-width: 400px) { body > header h1 { font-size: 6vw; padding: 0.25rem .75rem; } main {     clip-path: unset; } article.text { --text-pad: 0.5rem; font-size: 94%; } article.text > *:first-child { margin-top: var(--text-pad); } .kandidat-carousel div h2 { font-size: 2.5vw; } }