@import url('app-split-blessed1.css'); .link-list .icon-right-open, .plain-link-list .icon-right-open, .link-list .icon-down-open, .plain-link-list .icon-down-open, .link-list .icon-up-open, .plain-link-list .icon-up-open { font-size: 0.75em; } .plain-link-list a { text-decoration: underline; } @media only screen and (max-width: 47.8125em) { .list { margin-bottom: 10px; } } /*doc --- title: Fellow info list name: fellowlist category: basics --- ```html_example ``` */ .fellow-info-list { margin-top: 35px; } .fellow-info-list li { margin-bottom: 0.1875em; } .rd-button-more { clear: both; border: 1px solid #b2b2b2; background: #1c5170; color: #ffffff; text-align: center; transition: background-color 300ms ease-out; } .rd-button-more:hover, .rd-button-more:focus { background: #000000; border: solid 1px #1c5170; color: #ffffff; text-decoration: none; } .rd-button-more.rd-size-wide .icon-plus, .rd-button-more.rd-size-wide .icon-minus { position: relative; top: 1px; } .list-case .content-list:first-child { border-top: none; } .list-case .fetch-more-search-result-container .content-list:first-child { border-top: 1px solid #b2b2b2; } @media only screen and (max-width: 47.8125em) { .module-block-container .list-case { margin-bottom: 20px; } .list-case .content-list { padding-left: 20px; padding-right: 20px; } } /*doc --- title: Vanlig puff name: alert category: basics --- ```html_example

Heading

Your content text goes here

Heading no link

Your content text goes here. Your content text goes here. Your content text goes here

Push hover image

Your content text goes here. Your content text goes here. Your content text goes here

``` */ .push { margin-bottom: 25px; } .push--tool { padding: 30px; border: 1px solid #c6c4c0; border-width: 1px 0; background: #fafafa; } @media only screen and (max-width: 47.8125em) { .push--tool { margin-left: -20px; margin-right: -20px; } } .push-image-container { display: block; margin: 0 0 12px; position: relative; } .block-content { margin-bottom: 20px; } .box { border: solid 1px #b2b2b2; } .push.normal { border-top: solid 4px #1c5170; } .push-header { border-bottom: solid 1px #b2b2b2; padding: 10px 0; } .push-header .push-heading { margin-bottom: 0; margin-top: 0; } .push-footer { border-top: solid 1px #dcdddd; font-weight: bold; padding: 20px 0; } .push-image-link { background: transparent; display: block; } .push-image-link .push-image, .push-image-link .push-hover-image { transition: opacity 300ms ease; } .push-image-link:hover { background: #1c5170; } .push-hover-image { left: 0; opacity: 0; position: absolute; top: 0; } .push-image-link:hover .push-image { opacity: 0.3; } .push-image-link:hover .push-hover-image { opacity: 1; } .push-mobile-up { margin-bottom: 25px; } @media only screen and (max-width: 47.8125em) { .push-mobile-up { margin-bottom: 0; } } @media only screen and (max-width: 47.8125em) { .push { margin-bottom: 20px; } } /*doc --- title: Informationspuff name: puffar category: Puffar --- ```html_example
Tyck till!Beta

Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, utvecklingsbloggen

``` */ .push-info { border: 4px dashed #c4c4c4; padding: 35px 20px 15px; text-align: center; } /*doc --- title: Guidepuff name: guidepuff category: Puffar --- ```html_example
``` */ .guide, .pulse { background: #f9f9eb; padding: 1.25em 1.25em 0.625em; } .module .module-inner .show-as-small-screen-box.guide, .module .module-inner .show-as-small-screen-box.pulse { border-top: none; padding: 1.25em 1.25em 0.625em; } @media only screen and (max-width: 47.8125em) { .guide .link-list li, .pulse .link-list li, .guide .plain-link-list li, .pulse .plain-link-list li { border-top: solid 1px #b2b2b2; margin-bottom: 0; margin-left: -1.25em; margin-right: -1.25em; } .guide .link-list li:first-child, .pulse .link-list li:first-child, .guide .plain-link-list li:first-child, .pulse .plain-link-list li:first-child { border-top: none; } .guide .link-list li a, .pulse .link-list li a, .guide .plain-link-list li a, .pulse .plain-link-list li a { display: block; padding-bottom: 0.5em; padding-top: 0.5em; padding-left: 1.25em; padding-right: 1.25em; } .guide .link-list li a i, .pulse .link-list li a i, .guide .plain-link-list li a i, .pulse .plain-link-list li a i { float: right; text-decoration: none; } .module .module-inner .show-as-small-screen-box.guide, .module .module-inner .show-as-small-screen-box.pulse { background: #f9f9eb; border-top: solid 7px #c4c137; margin-bottom: 0; padding: 0.625em 1.25em 0; } .module .module-inner .show-as-small-screen-box.guide .module-header, .module .module-inner .show-as-small-screen-box.pulse .module-header { background: #fff; margin-bottom: 5px; margin-top: -13px; padding-top: 15px; padding-bottom: 8px; } } /*doc --- title: Pulsepuff name: pulsepuff category: Puffar --- ```html_example
``` */ .pulse { background: #f2f7fb; } .module .module-inner .show-as-small-screen-box.pulse { border-top: none; padding: 1.25em 1.25em 0.625em; } @media only screen and (max-width: 47.8125em) { .module .module-inner .show-as-small-screen-box.pulse { background: #f2f7fb; border-top: solid 7px #1c5170; margin-bottom: 0; padding: 0.625em 1.25em 0; } .module .module-inner .show-as-small-screen-box.pulse .module-header { background: #fff; margin-bottom: 5px; margin-top: -13px; padding-top: 15px; padding-bottom: 8px; } } /*doc --- title: Alert name: alertbox category: Boxes --- Alert explanation, classes: alert, ```html_example

Tomas Tobe ersatts av Ipsum Loremlorem som ledamot i Civilutskottet from aammdd

``` */ .alert-box { margin-bottom: 15px; padding-bottom: 1px; padding-left: 25px; position: relative; } .columns .alert-box:last-child { margin-bottom: 30px; } .alert-box a { text-decoration: underline; } .alert-indicator { background: #d31940; background-clip: padding-box; border: solid 3px #fff; display: block; height: 22px; left: -10px; margin-top: -11px; width: 22px; position: absolute; top: 50%; border-radius: 50%; } @media only screen and (max-width: 47.8125em) { .alert-box.alert { background: #fff; } .alert-box, .columns .alert-box:last-child { margin-top: 0; margin-bottom: 15px; } .show-as-small-screen-box .alert-box.alert { background: #f0f0f0; } .alert-box { margin-bottom: 20px; margin-top: 10px; } } @-webkit-keyframes raspberryPulse { from { background-color: #d31940; -webkit-box-shadow: inset 0 0 9px #d31940; } 50% { background-color: #dc1a43; -webkit-box-shadow: inset 0 0 18px #e5214a; } to { background-color: #e41c46; -webkit-box-shadow: inset 0 0 9px #d31940; } } .related-video { margin-top: 25px; } @media only screen and (max-width: 47.8125em) { .related-video { padding-left: 0; padding-right: 0; } } @media only screen and (max-width: 47.8125em) { .push.video { border-top: solid 1px #c6c4c0; padding-left: 1.25rem; padding-right: 1.25rem; padding-top: 20px; } .push.video .medium { font-size: 0.875rem; margin-top: 0; margin-bottom: 0; } .push.video .push-video-thumbnail { padding-right: 0 !important; } .push.video .content-page { margin-bottom: 0; } .push.video .push-video-debate-type { display: block; } } .push.video.medium-thumb { float: left; } .push-gray { border: 1px solid #dad8db; background-color: #fafafa; padding: 15px 20px 15px; text-align: left; margin-bottom: 30px; color: #000000; } .chart { width: 100% !important; max-width: 800px; height: auto !important; } @media only screen and (max-width: 47.8125em) { .content-row .chart { margin-bottom: 30px; } } .item-image-container-base.image-wide, .component-smartlist .image-wide.item-image-container { margin-bottom: 9px; } .item-image-container-base.image-wide, .component-smartlist .image-wide.item-image-container, .item-image-container-base.image-wide img, .component-smartlist .image-wide.item-image-container img { width: 100%; max-width: 100%; } .item-image-container-base.image-wrapped, .component-smartlist .image-wrapped.item-image-container { width: 45%; } .item-image-container-base.image-wrapped.wrapped-left, .component-smartlist .image-wrapped.wrapped-left.item-image-container { float: left; margin: 1px 20px 15px 0; } .item-image-container-base.image-wrapped.wrapped-right, .component-smartlist .image-wrapped.wrapped-right.item-image-container { float: right; margin: 1px 0 15px 20px; } .item-image-container-base.image-wrapped img, .component-smartlist .image-wrapped.item-image-container img { width: 100%; } .item-image-container-base .image-text, .component-smartlist .item-image-container .image-text { margin-top: 6px; display: block; color: #8f8f8f; } @media only screen and (max-width: 47.8125em) { .item-image-container-base.image-wrapped, .component-smartlist .image-wrapped.item-image-container { display: none; } .item-image-container-base.image-wide, .component-smartlist .image-wide.item-image-container { width: auto; } .item-image-container-base .image-text, .component-smartlist .item-image-container .image-text { padding: 0 20px; } } .fellow-list { /*padding-bottom:emCalc(37px);*/ } .component-fellows-list { padding-top: 0px; padding-bottom: 20px; } .component-fellows-list .button-more { margin-bottom: 10px; } @media only screen and (max-width: 47.8125em) { .component-fellows-list .button-more { margin-top: 0; } } .component-fellows-list .fellows-group { margin: 0; min-height: 1px; padding: 0 0 0 0; position: relative; } .component-fellows-list .fellows-group-header { margin: 0; padding: 0 0 0 0; overflow: auto; } .component-fellows-list .fellows-group-header-text { border-bottom: 4px solid #333333; padding: 0 8px 0px 8px; display: block; float: left; clear: both; font-size: 1.125em; font-weight: bold; color: #333333; } .component-fellows-list .fellows-list { padding: 0 0 0 0; margin: 0 -20px 0 -20px; } .component-fellows-list .fellow-item { max-width: 200px; padding: 20px 20px 20px 20px; margin-bottom: 0px; text-align: center; } .component-fellows-list .fellow-item a { font-weight: bold; } @media print { .component-fellows-list .fellow-item { text-align: left; } } .component-fellows-list .fellow-item-container { display: block; position: relative; } .component-fellows-list .fellow-item-container > img { border: 1px solid #eeeeee; width: 100%; } .component-fellows-list .fellow-item-container > img.lazy { height: auto; padding-bottom: 32%; } @media only screen and (max-width: 30em) { .component-fellows-list .fellow-item-container > img.lazy { padding-bottom: 36.5%; } } .component-fellows-list .fellow-item-container > img[src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=="] { height: auto; padding-bottom: 32%; } .component-fellows-list .party-logo { position: absolute; right: 0; top: 0; margin: -14px -14px 0 0; } .component-fellows-list .party-logo img { height: 39px; width: 39px; padding: 3px; border: 1px solid #eeeeee; background-color: white; border-radius: 50%; } .component-fellows-list .fellow-name { padding: 0; display: block; margin-top: 7px; } .component-fellows-list .fellow-position { display: block; font-weight: normal; color: #333333; } .component-fellows-list .fellow-position:first-of-type { margin-top: 7px; } .component-fellows-list--horizontal .fellow-item { max-width: none; text-align: left; } .component-fellows-list--horizontal .fellow-name { display: inline; padding-left: 130px; padding-right: 15px; position: absolute; margin-top: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .component-fellows-list--horizontal .fellow-name .icon { width: 11px; height: 11px; background-size: contain; content: ''; display: inline-block; line-height: 1; vertical-align: middle; margin-left: .25em; margin-right: -25px; position: relative; margin-bottom: 2px; } .component-fellows-list--horizontal .fellow-item-container { background-color: #fafafa; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-direction: column; flex-direction: column; } .component-fellows-list--horizontal .fellow-item-container:focus, .component-fellows-list--horizontal .fellow-item-container:hover { background-color: #eeeeee; text-decoration: none; } .component-fellows-list--horizontal .fellow-item-container:focus .fellow-name, .component-fellows-list--horizontal .fellow-item-container:hover .fellow-name { text-decoration: underline; } .component-fellows-list--horizontal .fellow-item-container:focus > img, .component-fellows-list--horizontal .fellow-item-container:hover > img { border-color: #eeeeee; } .component-fellows-list--horizontal .fellow-item-container > div { max-width: 100px; } .component-fellows-list--horizontal .fellow-item-container > div > img { width: 100%; height: auto; border: 1px solid #fafafa; } .component-fellows-list--horizontal .party-logo { left: 80px; right: auto; } @media only screen and (max-width: 47.8125em) { .component-fellows-list { padding-top: 0px; padding-bottom: 10px; } .component-fellows-list .fellows-group { padding-bottom: 0; } .component-fellows-list .fellows-group-header { padding-top: 0; } .component-fellows-list .fellows-list { padding-top: 5px; padding-bottom: 5px; } .component-fellows-list .fellow-item { font-size: 0.75em; padding-top: 15px; padding-bottom: 15px; } .component-fellows-list .fellow-name .icon { margin-top: 3px; } } .component-fellows-list.single-fellow { padding-bottom: 0; padding-top: 4px; } .component-fellows-list.single-fellow .fellow-item { padding: 0; max-width: 160px; } .alphabetical.component-fellows-list .fellow-item-container > img.lazy { height: auto; padding-bottom: 32%; } @media only screen and (max-width: 30em) { .alphabetical.component-fellows-list .fellow-item-container > img.lazy { padding-bottom: 36.5%; } } .list-nav-container .fellow-list:first-child { border-top: none; padding-top: 0; } .fellow-list-fellows { text-align: center; } .slick-dots { bottom: -10px; } .slick-dots li { height: 6px; width: 6px; } .slick-dots li a { background: #b9b7bb; display: block; font-size: 0; height: 6px; width: 6px; border-radius: 50%; } .slick-dots li.slick-active a { background: #1c5170; } .component-party-intro { padding: 10px 0; overflow: auto; } .component-party-intro .party-list-intro { margin-bottom: 0; } .component-party-intro .party-list-intro .list-item { margin-bottom: 6px; } .component-party-intro .party-list-intro .party-website { margin: 20px 0; } @media only screen and (max-width: 47.8125em) { .component-party-intro { padding: 10px 0; } .component-party-intro .party-list-intro .party-website { margin: 10px 0 6px 0; } } .component-fellow-assignments { background-color: #eeeeee; padding-top: 10px; padding-bottom: 10px; } .component-fellow-assignments .header-assignments { padding-left: 10px; margin-top: 8px; } .component-fellow-assignments .header-assignments .icon-parent { border: none; background-color: #eeeeee; position: relative; display: block; padding-right: 17px; cursor: pointer; } .component-fellow-assignments .header-assignments .toggle-button { text-align: left; padding-top: 0; padding-bottom: 0; color: #1c5170; } .component-fellow-assignments .header-assignments .toggle-button:hover { text-decoration: underline; color: #333333; } .component-fellow-assignments .header-assignments .icon { position: absolute; top: 0; right: 0; margin: 0 -4px 0 0; } .component-fellow-assignments .header-assignments .icon-expand { display: inline-block; } .component-fellow-assignments .header-assignments .icon-contract { display: none; } .component-fellow-assignments .header-assignments .expanded .icon-expand { display: none; } .component-fellow-assignments .header-assignments .expanded .icon-contract { display: inline-block; } @media print { .component-fellow-assignments .header-assignments { padding-left: 0; font-size: 1.375rem; } } .component-fellow-assignments .list-assignments { margin: 0 -20px; } .component-fellow-assignments .list-item { padding: 10px 20px; } .component-fellow-assignments + .component-fellow-assignments { border-top: 1px solid #c4c4c4; } @media only screen and (min-width: 47.875em) and (max-width: 64em) { .component-fellow-assignments .header-assignments { padding-left: 20px; } .component-fellow-assignments .header-assignments .toggle-button { width: 100%; text-align: left; padding-left: 0; } } @media only screen and (max-width: 47.8125em) { .component-fellow-assignments { margin-left: -20px; margin-right: -20px; overflow: hidden; } .component-fellow-assignments .header-assignments { padding-left: 20px; padding-right: 20px; } .component-fellow-assignments .header-assignments > * { max-width: 100%; margin-bottom: 11px; } .component-fellow-assignments .header-assignments .toggle-button { width: 100%; text-align: left; padding-left: 0; font-size: 0.875rem; } .component-fellow-assignments .list-assignments { margin: 0; } } .component-fellow-assignments .assignment { list-style-type: none; margin: 0; font-size: 0.875rem; } .component-fellow-assignments .assignment-heading { margin: 0; } .component-fellow-assignments .biography-heading { margin: 0; } .component-fellow-assignments .biography { font-size: 0.875rem; } .component-fellow-assignments .biography ul { display: inline-block; margin-right: 0; list-style-type: none; } .component-fellow-assignments .biography-text { font-size: 0.875rem; } @media print { .component-fellow-assignments .icon { display: none !important; } } .component-fellow-intro { padding-top: 0; padding-bottom: 19px !important; } .component-fellow-intro .fellow-name { margin-bottom: 0; } .component-fellow-intro .fellow-item-collection { margin-top: 10px; } .component-fellow-intro .fellow-item { padding-bottom: 1px; } @media only screen and (max-width: 47.8125em) { .component-fellow-intro .fellow-name { margin-bottom: 5px; } .component-fellow-intro .fellow-item-collection + .fellow-item-collection { margin-top: 0; } } .component-calendar-wrapper .component-calendar-heading { margin: 0 0 15px 0; } .component-calendar-wrapper.wrapper-type-narrow { margin-bottom: 30px; } @media only screen and (min-width: 47.875em) and (max-width: 64em) { .component-calendar-wrapper.wrapper-type-narrow { margin-bottom: 30px; } } @media only screen and (max-width: 47.8125em) { .component-calendar-wrapper.wrapper-type-narrow { margin-bottom: 20px; } } .component-calendar { background-color: #fafafa; } .component-calendar .day-header { padding: 10px 100px 10px 20px; position: relative; border-top: 2px solid #ffffff; border-bottom: 2px solid #ffffff; } .component-calendar .day-header .day-heading { margin: 0; } .component-calendar .day-header .day-heading > *:first-child { text-transform: capitalize; } .component-calendar .day-header .text-week { position: absolute; color: white; right: 0; top: 0; height: 100%; margin-right: 20px; padding: 12px 10px 10px 10px; font-weight: bold; } .component-calendar .day-header.group-header-representative { border-top: none; border-bottom: none; } .component-calendar .group-header-representative { background-color: #c4c4c4; } .component-calendar .group-header-representative .text-week { background-color: #8f8f8f; } .component-calendar .group-header-representative.group-current { background-color: #1c5170; } .component-calendar .group-header-representative.group-current .day-heading { color: #ffffff; } .component-calendar .group-header-representative.group-current .text-week { background-color: #133142; } .component-calendar .grouped-occurances { border-bottom: 2px solid #ffffff; border-top: 2px solid #ffffff; } .component-calendar .grouped-occurances h4 { margin: 0; } .component-calendar .grouped-occurances-list { margin-left: 0; } .component-calendar .grouped-occurances-list .list-item:first-child { border-top: 2px solid #ffffff; } .component-calendar .grouped-occurances-button { display: block; width: 100%; margin: 0; padding: 13px 20px 13px 65px; text-align: left; border: 0; background: none; color: #000; font-size: 1rem; line-height: 1.4; font-weight: normal; transition: none; } .component-calendar .grouped-occurances-button:hover { background-color: #eeeeee; } .component-calendar .grouped-occurances-button:hover .item-name { text-decoration: underline; } .component-calendar .grouped-occurances-button .item-time { display: inline; position: absolute; left: 0; top: 0; margin: 13px 0 0 20px; } .component-calendar .grouped-occurances-button .item-name { display: inline-block; max-width: 600px; margin: 0; color: #000000; text-decoration: none; } .component-calendar .grouped-occurances-button .icon-down-open, .component-calendar .grouped-occurances-button .icon-up-open { float: right; } .component-calendar .day-occurances-list .list-item { padding: 13px 130px 13px 65px; position: relative; display: block; } .component-calendar .day-occurances-list .list-item + .list-item, .component-calendar .day-occurances-list .list-item.item-type-single { border-top: 2px solid #ffffff; } .component-calendar .day-occurances-list .list-item:hover { background-color: #eeeeee; cursor: pointer; } .component-calendar .day-occurances-list .list-item:hover .item-name { text-decoration: underline; } .component-calendar .day-occurances-list .list-item .item-time { display: inline; position: absolute; left: 0; top: 0; margin: 13px 0 0 20px; } @media print { .component-calendar .day-occurances-list .list-item .item-time { margin-top: 5px; } } .component-calendar .day-occurances-list .list-item .item-name { display: block; max-width: 600px; margin: 0; color: #000000; text-decoration: none; } .component-calendar .day-occurances-list .list-item.rd-button-video-container { padding-right: 110px; } .component-calendar .day-occurances-list .list-item.item-type-container { padding-left: 20px; } .component-calendar .day-occurances-list .list-item.item-type-container:hover { background-color: #fafafa; cursor: default; } @media print { .component-calendar .day-occurances-list .list-item { padding-top: 5px; padding-bottom: 5px; } } .component-calendar.calendar-type-narrow .day-header { padding-right: 20px; } .component-calendar.calendar-type-narrow .header-type-narrow { padding: 20px 20px 20px 20px; display: block; overflow: auto; } .component-calendar.calendar-type-narrow .header-type-narrow .day-heading { position: relative; float: left; width: 100%; } .component-calendar.calendar-type-narrow .header-type-narrow .day-heading > div { float: left; margin-left: 15px; } .component-calendar.calendar-type-narrow .header-type-narrow.equalization-applied .day-heading > div { position: relative; } .component-calendar.calendar-type-narrow .header-type-narrow.equalization-applied .day-heading > div > div { position: absolute; bottom: 0; left: 0; margin: 0 0 0 0; } .component-calendar.calendar-type-narrow .header-type-narrow .text-day-number { font-size: 100px; line-height: 100px; font-weight: bold; margin: -12px 3px -12px -7px; display: block; float: left; letter-spacing: -5px; } .component-calendar.calendar-type-narrow .header-type-narrow .text-today { font-size: 16px; line-height: 16px; float: left; padding-bottom: 8px; } .component-calendar.calendar-type-narrow .header-type-narrow .text-day-name { font-size: 16px; line-height: 16px; text-transform: uppercase; float: left; clear: both; letter-spacing: 4px; } .component-calendar.calendar-type-narrow .header-type-narrow .text-month-name { font-size: 12px; line-height: 12px; font-weight: bold; position: absolute; top: 0; right: 0; margin: 0 0 0 0; text-transform: capitalize; } .component-calendar .calendar-controls-wrapper { padding: 20px 20px; overflow: auto; } .component-calendar .calendar-controls-wrapper.empty { padding: 5px 20px; } @media print { .component-calendar .calendar-controls-wrapper { display: none; } } .component-calendar .module-block-more-btn { border-top: 2px solid #ffffff; } .component-calendar .module-block-more-btn a { padding: 13px 20px; display: block; } @media only screen and (min-width: 47.875em) and (max-width: 64em) { .component-calendar.calendar-type-large .day-header .text-week { padding-top: 10px; } .component-calendar .module-block-more-btn a { display: block; } .component-calendar .module-block-more-btn a:hover { background-color: #eeeeee; } } @media only screen and (max-width: 47.8125em) { .component-calendar.calendar-type-large .day-header .text-week { padding-top: 10px; } .component-calendar.calendar-type-large .day-occurances-list .list-item.rd-button-video-container { padding-right: 55px; } .component-calendar.calendar-type-large .header-type-narrow { padding: 20px 20px 20px 20px; display: block; overflow: auto; } .component-calendar.calendar-type-large .header-type-narrow .day-heading { position: relative; float: left; width: 100%; } .component-calendar.calendar-type-large .header-type-narrow .day-heading > div { float: left; margin-left: 15px; } .component-calendar.calendar-type-large .header-type-narrow.equalization-applied .day-heading > div { position: relative; } .component-calendar.calendar-type-large .header-type-narrow.equalization-applied .day-heading > div > div { position: absolute; bottom: 0; left: 0; margin: 0 0 0 0; } .component-calendar.calendar-type-large .header-type-narrow .text-day-number { font-size: 100px; line-height: 100px; font-weight: bold; margin: -12px 3px -12px -7px; display: block; float: left; letter-spacing: -5px; } .component-calendar.calendar-type-large .header-type-narrow .text-today { font-size: 16px; line-height: 16px; float: left; padding-bottom: 8px; } .component-calendar.calendar-type-large .header-type-narrow .text-day-name { font-size: 16px; line-height: 16px; text-transform: uppercase; float: left; clear: both; letter-spacing: 4px; } .component-calendar.calendar-type-large .header-type-narrow .text-month-name { font-size: 12px; line-height: 12px; font-weight: bold; position: absolute; top: 0; right: 0; margin: 0 0 0 0; text-transform: capitalize; } } .rd-button-video.button-type-medium { min-height: 24px; padding: 5px 26px 1px 0; } .rd-button-video.button-type-medium .icon { margin: -12px -3px 0 0; } .rd-button-video-small { border-radius: 2px; min-height: 0; min-width: 0; padding: 4px 8px 3px 0; position: relative; top: 2px; } .rd-button-video-small .text { padding-left: 5px; } @media only screen and (max-width: 47.8125em) { .medium-thumb .rd-button-video, .component-video-thumb-featured-live .rd-button-video { min-height: 22px; } .medium-thumb .rd-button-video .text, .component-video-thumb-featured-live .rd-button-video .text { font-size: 0.75rem; } .medium-thumb .rd-button-video .icon, .component-video-thumb-featured-live .rd-button-video .icon { margin: -12px -2px 0 0; font-size: 19px; } } .campaign-block-header { margin: 0 auto; max-width: 75rem; width: 100%; padding-left: 1.25rem; padding-right: 1.25rem; } @media only screen and (max-width: 47.8125em) { .campaign-block-header { padding-left: 10px; padding-right: 10px; } } .campaign-block-header__headline { font-size: 37px; margin: 0 0 10px 0; } @media only screen and (max-width: 47.8125em) { .campaign-block-header__headline { font-size: 25px; } } .campaign-block-header__preamble { font-size: 23px; margin: 0 0 20px; } @media only screen and (max-width: 47.8125em) { .campaign-block-header__preamble { font-size: 18px; } } .campaign-box-link { display: block; position: relative; padding-bottom: 56%; overflow: hidden; transition: opacity .3s ease; } @media only screen and (min-width: 47.875em) { .campaign-box-link { padding-bottom: 100%; } } .campaign-box-link:hover { opacity: 0.85; transition: opacity .3s ease; } .campaign-box-link__img { position: absolute; top: 0; left: 0; width: 100%; height: auto; } .campaign-box-link__text { position: absolute; bottom: 20px; left: 20px; background-color: #fff; font-size: 25px; font-weight: bold; color: #000; line-height: 1.2em; display: inline-block; vertical-align: top; padding: .4em 0.43em .4em 0.63em; min-height: 2em; max-width: calc(100% - (2em - 2px)); } .campaign-box-link__text:after { content: ""; width: 0.7em; height: 0.7em; display: inline-block; background-size: contain; margin-left: 0.3em; position: relative; top: .08em; } @media only screen and (max-width: 47.8125em) { .campaign-box-link__text { bottom: 15px; left: 15px; font-size: 14px; } } .campaign-box-link:hover .campaign-box-link__text { text-decoration: underline; } .campaign-box-list { padding: 30px; } @media only screen and (max-width: 47.8125em) { .campaign-box-list { padding: 20px; } } .campaign-box-list ul, .campaign-box-list ol { list-style: none; margin: 0; } .campaign-box-list ul > li, .campaign-box-list ol > li { position: relative; min-height: 1.5em; padding-top: .15em; margin-bottom: 1em; } .campaign-box-list ul > li:before, .campaign-box-list ol > li:before { display: block; position: absolute; left: 0; border-radius: 50%; } .campaign-box-list ul > li:last-child, .campaign-box-list ol > li:last-child { margin-bottom: 0; } .campaign-box-list ul > li { padding-left: calc(0.7em + 10px); } .campaign-box-list ul > li:before { content: ""; background: #1c5170; width: 0.7em; height: 0.7em; line-height: 0.7em; top: 0.4em; } .campaign-box-list ol > li { counter-increment: item; padding-left: calc(1.7em + 10px); } .campaign-box-list ol > li:before { content: counter(item); background: #e0ed44; color: black; font-weight: bold; width: 1.7em; height: 1.7em; line-height: 1.7em; text-align: center; top: -0.1em; } .campaign-box-quote { padding: 40px; } @media only screen and (min-width: 64.063em) { .campaign-box-quote { padding: 65px; } } .campaign-box-quote__img { max-width: 150px; width: 36%; height: auto; margin-bottom: 30px; } .campaign-box-quote__text > :first-child { margin-top: 0; } .campaign-box-quote__text > :last-child { margin-bottom: 0; } .campaign-box-quote__text p { font-size: 18px; } @media only screen and (min-width: 64.063em) { .campaign-box-quote__text p { font-size: 25px; } } .campaign-box-text__img { width: 100%; height: auto; } .campaign-box-text__content { padding: 30px; } @media only screen and (max-width: 47.8125em) { .campaign-box-text__content { padding: 20px; } } .campaign-box-text__content > :first-child { margin-top: 0; } .campaign-box-text__content > :last-child { margin-bottom: 0; } .campaign-box-video { background: #fff; border: none; border-radius: 0; display: block; position: relative; padding-bottom: 56%; background-color: #fff; cursor: pointer; transition: opacity 0.3s ease; } @media only screen and (min-width: 47.875em) { .campaign-box-video { padding-bottom: 100%; } } .campaign-box-video:hover { opacity: 0.85; } .campaign-box-video:hover .campaign-box-video__text { text-decoration: underline; } .campaign-box-video__bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; opacity: 1; } .campaign-box-video__logo { position: absolute; top: 15px; left: 15px; width: 90px; height: auto; } .campaign-box-video__logo--large { width: 120px; } @media only screen and (min-width: 64.063em) { .campaign-box-video__logo { top: 20px; left: 20px; } } @media only screen and (max-width: 47.8125em) { .campaign-box-video__logo { width: 90px; } } .campaign-box-video__controls { position: absolute; right: 0; bottom: 15px; left: 15px; font-size: 14px; } @media only screen and (min-width: 64.063em) { .campaign-box-video__controls { bottom: 20px; left: 20px; font-size: 16px; } } @media only screen and (min-width: 47.875em) and (max-width: 64em) { .campaign-box-video__controls--large { font-size: 20px; } } @media only screen and (min-width: 64.063em) { .campaign-box-video__controls--large { font-size: 25px; } } .campaign-box-video__play { border: none; padding: 0; margin: 0; border-radius: 0; background: #e0ed44; height: 2em; width: 2em; font-size: inherit; position: absolute; } @media only screen and (min-width: 47.875em) and (max-width: 64em) { .campaign-box-video__play { top: calc(-2em - 2px); } } .campaign-box-video__play:hover { background: #cbda15; } .campaign-box-video__play-icon { width: 2em; height: 2em; display: block; background-position: center; background-size: 1em; position: relative; right: -2px; } .campaign-box-video__text { background-color: #fff; font-weight: bold; color: #000; line-height: 1.2em; display: inline-block; vertical-align: top; padding: .4em .63em; margin-left: calc(2em + 2px); min-height: 2em; max-width: calc(100% - (2em - 2px)); } @media only screen and (min-width: 47.875em) and (max-width: 64em) { .campaign-box-video__text { margin: 0; max-width: 100%; } } .campaign-box-link:hover .campaign-box-video__text { text-decoration: underline; } .campaign-video-modal { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.9); z-index: 100; pointer-events: none; opacity: 0; transition: opacity 0.3s ease; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .campaign-video-modal--active { pointer-events: all; opacity: 1; } .campaign-video-modal__center { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); max-width: calc(100% - 30px); } .campaign-video-modal__container { width: 560px; max-width: 100%; padding-bottom: 100%; background: #000; -webkit-transform: scale(0.8); transform: scale(0.8); transition: -webkit-transform 0.3s ease; transition: transform 0.3s ease; } .campaign-video-modal--active .campaign-video-modal__container { -webkit-transform: scale(1); transform: scale(1); } .campaign-video-modal__loader { position: absolute; top: calc(50% - 40px); left: calc(50% - 40px); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); zoom: 1.5; } .campaign-video-modal__loader .path { -webkit-animation: dash 1.5s ease-in-out infinite; animation: dash 1.5s ease-in-out infinite; stroke: #e0ed44; } .campaign-video-modal__video { display: none; position: absolute; width: 100%; height: 100%; z-index: 10; } .campaign-video-modal--active .campaign-video-modal__video { display: block; } .campaign-video-modal__close { position: absolute; top: 20px; right: 20px; padding: 0 50px 0 0; margin: 0; height: 39px; font-size: 20px; font-weight: normal; background: transparent; border: none; } .campaign-video-modal__close:hover { background: transparent; text-decoration: underline; } .campaign-video-modal__close:before, .campaign-video-modal__close:after { content: ""; position: absolute; width: 2px; background: #fff; height: 40px; right: 20px; top: 0; } .campaign-video-modal__close:before { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .campaign-video-modal__close:after { -webkit-transform: rotate(45deg); transform: rotate(45deg); } .video-loading { background: #EEF2F8; left: -1px; margin-bottom: -2px; position: relative; top: -1px; z-index: 5; } .video-loading .video-thumb-big { bottom: 0; left: 0; height: 100%; position: absolute; top: 0; width: 100%; opacity: 0; transition: opacity .2s ease-in-out; } .video-loading .video-loading-text { margin-top: -25px; position: absolute; text-align: center; top: 50%; width: 100%; } .video-loading .video-loading-text .video-loading-text-container { color: #1c5170; font-weight: bold; padding-left: 10px; position: relative; top: -16px; } .video-loading .rd-player-start { opacity: 0; visibility: hidden; } .video-loading .rd-bigplay, .video-loading .rd-loader { transition: opacity .5s ease-in-out; } .video-loading .video-duration { left: 0; text-align: center; top: 25px; width: 100%; } .video-loading .video-duration span span { display: inline-block; } .video-loading .video-duration.has-hours { font-size: 14px; line-height: 14px; top: 22px; } .video-loading .video-duration.has-hours span span { display: block; text-align: left; } .video-loading .video-duration.has-hours span span:first-child { margin-right: 5px; } .video-loading .rd-bigplay { cursor: pointer; } .video-loading .rd-bigplay .rd-bigplaybtn { position: absolute; } .video-loading .rd-bigplay .video-duration { top: 26px; left: 67px; text-align: left; } .video-loading .rd-bigplay .video-duration.has-hours { top: 22px; left: 67px; } .video-loading .rd-loader .video-duration { top: 28px; left: 30px; } @media only screen and (min-width: 47.875em) { .video-loading .rd-bigplay .rd-bigplaybtn { left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .video-loading .rd-bigplay .video-duration { top: 105px; left: 0px; text-align: center; } .video-loading .rd-bigplay .video-duration.has-hours { top: 105px; left: 0px; } .video-loading .rd-bigplay .video-duration.has-hours span span { text-align: center; } .video-loading .rd-loader .video-duration { top: 105px; left: 0; } } .video-loading .fp-ui { display: none; width: 100%; height: 100%; position: absolute; top: 0; left: 0; } .f-is-ready .video-loading .rd-loader { opacity: 0; } .dom-ready .video-loading .video-thumb-big { opacity: 1; } @media only screen and (max-width: 47.8125em) { .video-loading { left: 0; top: 0; } } .loader-container { height: 136px; margin: -8px 0 0 5px; position: absolute; width: 136px; } @media only screen and (max-width: 47.8125em) { .loader-container { margin-top: -5px; } } .loader { width: 80px; height: 80px; zoom: 1.7; -ms-zoom: 1.7; -webkit-zoom: 1.7; -moz-transform: scale(1.7, 1.7); -moz-transform-origin: 0px 0px; } @media only screen and (max-width: 47.8125em) { .loader { zoom: 1; } } .loader img { display: none; } .circular { -webkit-animation: rotate 2s linear infinite; animation: rotate 2s linear infinite; left: 0; height: 80px; position: absolute; top: 0; width: 80px; } .path { stroke-dasharray: 1,200; stroke-dashoffset: 0; -webkit-animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite; animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite; stroke-linecap: round; } @keyframes rotate { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes dash { 0% { stroke-dasharray: 1,200; stroke-dashoffset: 0; } 50% { stroke-dasharray: 89,200; stroke-dashoffset: -35; } 100% { stroke-dasharray: 89,200; stroke-dashoffset: -124; } } @keyframes color { 100%, 0% { stroke: #1c5170; } 40% { stroke: #1c5170; } 66% { stroke: #1c5170; } 80%, 90% { stroke: #1c5170; } } .lt-ie10 .loader svg { display: none; } .lt-ie10 .loader img { display: inline-block; position: relative; top: 25px; } @media only screen and (max-width: 47.8125em) { .lt-ie10 .loader img { left: 20px; } } .component-calendar-overlay .overlay-body ul > li ul > li p:last-of-type { margin-bottom: 0; } .component-calendar-overlay .overlay-body ul > li ul > li .link-type-webbtv { margin: 0px 0 7px 0; } .component-calendar-overlay .overlay-body ul.list-component { padding: 20px 0 0 0; } .component-calendar-overlay .overlay-body ul.list-component > li { padding: 15px 0 10px 0; } .component-calendar-overlay .overlay-body ul.list-component > li h3, .component-calendar-overlay .overlay-body ul.list-component > li h4 { margin: 0 0 10px 0; } .component-calendar-overlay .overlay-body ul.list-component > li > ul > li { padding: 5px 0; } .component-calendar-overlay .overlay-body .collection-item .no-list-style li { padding-bottom: 15px; } .component-calendar-overlay .overlay-body .collection-item .no-list-style li:last-child { padding-bottom: 0; } .component-calendar-overlay .overlay-body > h2, .component-calendar-overlay .overlay-body > h3, .component-calendar-overlay .overlay-body > h4 { margin: 30px 0 0 0; } .component-calendar-overlay .overlay-body > h2:first-child, .component-calendar-overlay .overlay-body > h3:first-child, .component-calendar-overlay .overlay-body > h4:first-child { margin: 0 0 10px 0; } .component-calendar-overlay .overlay-body .metadata { display: block; margin-bottom: 10px; } .component-social { margin-bottom: 15px; } .component-social .social-item-list { margin: -3px; } .component-social .item { float: left; } .component-social .item a { display: block; background-color: #1c5170; color: #ffffff; height: 36px; width: 36px; text-align: center; font-size: 22px; line-height: 36px; margin: 3px; } .component-social .item a:hover, .component-social .item a:active, .component-social .item a:focus { background-color: #1b4761; color: #ffffff; text-decoration: none; } .component-social .item .icon { font-size: 22px; display: inline; position: relative; } .component-social .item .icon.icon-twitter { top: 1px; } .component-social .item .icon.icon-facebook { left: 1px; } .component-social .item .icon.icon-mail { top: 2px; } .component-social .social-explanation-text { display: block; font-weight: bold; padding-bottom: 10px; } @media only screen and (max-width: 47.8125em) { .component-social .social-item-list { overflow: auto; width: 100%; margin: 0; } .component-social .social-explanation-text { padding-left: 0; } } @media print { .component-social { display: none; } } .modal-tabs { clear: both; font-size: 16px; margin-bottom: -1px; margin-top: -2px; } .modal-tabs a { margin-top: 2px; text-decoration: none; } .modal-tabs .selected a { font-weight: bold; border-bottom: solid 4px #1c5170; padding-bottom: 7px; pointer-events: none; } .is-live .panel2, .is-live .panel3 { display: none; } .download-tabs { margin-left: 0; } .download-tabs > li { margin-left: 10px; } .download-tabs > li:first-child { margin-left: 0; } .download-tabs > li a.rd-button.rd-type-solid { background-color: #b2b2b2; } .download-tabs > li.selected a.rd-button.rd-type-solid { background-color: #1c5170; } .component-controls-sort { margin: 16px 10px 0 10px; float: right; overflow: visible; } .component-controls-sort .sort-item { margin: 0 4px; } .component-controls-sort .sort-item a { margin-bottom: 0px; padding: 0 2px 8px 2px; } .component-controls-sort .sort-item a:focus { text-decoration: none; } .component-controls-sort .sort-item:hover a, .component-controls-sort .sort-item.selected a { border-bottom: 4px solid #1c5170; padding-bottom: 4px; text-decoration: none; } .component-controls-sort .sort-item.selected a { pointer-events: none; } .component-controls-sort .sort-item:hover a { border-color: #d2dce2; } .component-controls-sort .sort-item.selected a, .component-controls-sort .sort-item.selected:hover a { font-weight: bold; border-color: #1c5170; } @media print { .component-controls-sort { display: none; } } .component-controls-date-stepper .date-stepper-container { float: left; padding: 0 20px; position: relative; } .component-controls-date-stepper .date-control { display: block; position: absolute; height: 24px; width: 20px; top: 0; margin: 0 0 0 0; text-align: center; font-size: 12px; line-height: 24px; border: 1px solid #c4c4c4; color: #333333; background-color: #ffffff; } .component-controls-date-stepper .date-control .icon { font-size: 12px; line-height: 12px; } .component-controls-date-stepper .date-control .icon:before { margin-right: 0; } .component-controls-date-stepper .date-control.date-prev { left: 0; border-right: none; } .component-controls-date-stepper .date-control.date-next { right: 0; border-left: none; } .component-controls-date-stepper .date-control:hover, .component-controls-date-stepper .date-control:active { background-color: #eeeeee; } .component-controls-date-stepper .date-title { display: block; height: 24px; float: left; padding: 0 10px; border: 1px solid #c4c4c4; font-size: 12px; line-height: 22px; width: auto; max-width: 100%; min-width: 100px; text-align: center; color: #333333; font-weight: bold; background-color: #ffffff; } .component-controls-date-stepper a.date-title, .component-controls-date-stepper .date-title a { color: #333333; } .component-controls-date-stepper a.date-title:hover, .component-controls-date-stepper a.date-title:active, .component-controls-date-stepper .date-title a:hover, .component-controls-date-stepper .date-title a:active { background-color: #eeeeee; text-decoration: none; } .component-content-image .image-text { margin: 10px 0 0 0; } .component-content-image .image-text > p { margin: 0; } .component-content-image .image-text .text-photographer { color: #8f8f8f; } .component-content-header { margin: -15px 0px 20px 0px; } .component-content-header .header-item { margin: 0; } .component-content-header .header-item + .header-item { margin-top: 3px; } @media only screen and (min-width: 47.875em) and (max-width: 64em) { .component-content-header { margin: -15px 0px 15px 0px; } } @media only screen and (max-width: 47.8125em) { .component-content-header { margin: -10px 0px 10px 0px; } } .component-content-footer { margin-top: 15px; } .component-content-footer .content-audited { margin: 0; } @media only screen and (min-width: 47.875em) and (max-width: 64em) { .component-content-footer { margin-top: 15px; } } @media only screen and (max-width: 47.8125em) { .component-content-footer { margin-top: 5px; } } .news-item .item-links { overflow: visible; margin-top: 7px; } .news-item .item-links > a { display: block; } .news-item .item-links > a + a { margin-top: 4px; } .news-item__time { display: block; font-weight: normal; margin-bottom: 5px; } .news-item__content { font-weight: normal; } .news-item__label { position: relative; display: inline-block; font-weight: bold; text-transform: uppercase; } .news-item__label:after { content: ''; position: relative; display: inline-block; width: 0.43em; height: 0.43em; background-color: #1c5170; border-radius: 50%; margin: 0 0.575em 0.15em 0.575em; } .news-item__label:last-child:after { margin-right: 0.2875em; } .component-form.form-type-xform .form-errors ul { list-style: disc; padding-left: 20px; margin-top: 15px; } .component-form.form-type-xform .upload-area { margin-top: 10px; } .component-form.form-type-xform .subscription-confirmation-message { margin-left: 0px; font-weight: bold; } .component-form.form-type-xform br { display: none; } .component-form.form-type-xform table { margin: 0 0 6px 0; width: 100%; background: transparent; border-collapse: collapse; table-layout: fixed; } .component-form.form-type-xform table input[type=checkbox] { float: left; margin: 5px 8px 5px 0; } .component-form.form-type-xform table, .component-form.form-type-xform table th, .component-form.form-type-xform table td { border: none; } .component-form.form-type-xform tr { border-bottom: 5px solid transparent; } .component-form.form-type-xform tr:nth-of-type(even) { background: transparent; } .component-form.form-type-xform ul, .component-form.form-type-xform ol { margin-left: 0; } .component-form.form-type-xform td { padding: 0 0 0 0; word-wrap: break-word; } .component-form.form-type-xform label { display: table; } .component-form.form-type-xform textarea { min-height: 70px; } .component-form.form-type-xform select { margin-bottom: 16px; } .component-form.form-type-xform fieldset legend { font-weight: bold; margin-bottom: 10px; width: 100%; } .component-form.form-type-xform fieldset legend.legend--tight { margin-bottom: 0; padding: 0; } .component-form.form-type-xform input[type=checkbox] { -webkit-appearance: checkbox; } .component-form.form-type-xform input[type=radio] { -webkit-appearance: radio; } .component-form.form-type-xform input[type=submit] { float: none; } .component-iframe { width: 100%; max-width: 100%; border: 1px solid #c6c4c0; overflow: auto; -webkit-overflow-scrolling: touch; background: #ffffff; } .component-iframe iframe { width: auto; min-width: 100%; border: none; } /*doc --- title: Smartlist name: smartlist category: _component_smartlists --- Smartlist explanation ```html_example
``` */ .component-smartlist__intro h2 { margin-top: 0; margin-bottom: 11px; } .component-smartlist { border-top: solid 1px #c6c4c0; margin-bottom: 20px; } .component-smartlist--simple { border-width: 0; } .component-smartlist .smartlist-document-intro-text { font-weight: bold; display: block; padding-bottom: 6px; } .component-smartlist dl, .component-smartlist .smartlist { margin-bottom: -1px; } .component-smartlist .smartlist__icon { top: 1.4em !important; } .component-smartlist dt, .component-smartlist .smartlist-header { border-bottom: solid 1px #c6c4c0; margin: 0; } .component-smartlist dt a, .component-smartlist .smartlist-header a { background: #fafafa; display: block; font-weight: bold; padding: 20px 40px 20px 25px; position: relative; } .component-smartlist dt a:hover, .component-smartlist dt a:focus, .component-smartlist .smartlist-header a:hover, .component-smartlist .smartlist-header a:focus { background: #ededed; text-decoration: none; } .component-smartlist dt a:after, .component-smartlist .smartlist-header a:after { display: none; } .component-smartlist dt a i, .component-smartlist .smartlist-header a i { font-size: 18px; position: absolute; right: 35px; top: 38px; margin-top: -10px; } .component-smartlist dt a p, .component-smartlist .smartlist-header a p { color: #000000; font-weight: normal; margin: 0.5rem 0 0 0; } .component-smartlist dt.expanded a, .component-smartlist .smartlist-header.expanded a { background: #1c5170; color: #ffffff; } .component-smartlist dt.expanded a i.icon-down-open, .component-smartlist .smartlist-header.expanded a i.icon-down-open { display: inline-block !important; } .component-smartlist dt.expanded a i.icon-down-open:before, .component-smartlist .smartlist-header.expanded a i.icon-down-open:before { display: inline-block; } .component-smartlist dt.expanded p, .component-smartlist .smartlist-header.expanded p { color: #ffffff; } .component-smartlist dd, .component-smartlist .smartlist-content { border-bottom: solid 1px #c6c4c0; display: none; margin-bottom: 0; padding: 15px 20px 2px; } .component-smartlist dd .image-wide.item-image-container, .component-smartlist .smartlist-content .image-wide.item-image-container { margin-top: 0; } .component-smartlist.component-smartlist-document dd, .component-smartlist.component-smartlist-document .smartlist-content { padding: 40px 60px 30px; } .component-smartlist .smartlist-link { display: block; margin-top: 15px; } .component-smartlist .smartlist-content-link { display: block; margin-bottom: 15px; } .component-smartlist .smartlist-group-header { margin-top: 10px; } .component-smartlist .rss-link-container { top: 7px; right: 20px; } @media only screen and (min-width: 64.063em) { .component-smartlist .rss-link-container { top: 11px; } } aside .component-smartlist .smartlist-header a { padding: 20px 60px 20px 30px !important; } aside .component-smartlist .smartlist-header a i { top: 28px; } @media only screen and (min-width: 47.875em) { .component-smartlist dt a, .component-smartlist .smartlist-header a { padding: 20px 60px 20px 40px; } .component-smartlist dt a i, .component-smartlist .smartlist-header a i { font-size: 22px; margin-top: -12px; } .component-smartlist dt:last-child, .component-smartlist .smartlist-header:last-child { border-bottom: solid 1px #c6c4c0; } .component-smartlist dd, .component-smartlist .smartlist-content { padding: 20px 60px 2px 0; } aside .component-smartlist dd, aside .component-smartlist .smartlist-content { padding: 15px 25px 2px; } } @media only screen and (min-width: 64.063em) { .component-smartlist dt a, .component-smartlist .smartlist-header a { padding: 20px 60px; } .component-smartlist dd, .component-smartlist .smartlist-content { padding: 20px 60px 2px 0; } aside .component-smartlist dd, aside .component-smartlist .smartlist-content { padding: 15px 25px 2px; } } @media only screen and (max-width: 47.8125em) { .component-smartlist.component-smartlist-document { margin: 0 -20px -1px -20px; padding-bottom: 0; } .component-smartlist.component-smartlist-document .smartlist-content { padding: 20px 20px 20px 20px; } } @media only screen and (max-width: 47.8125em) { .module-content .component-smartlist { margin-left: -20px; margin-right: -20px; } .show-as-small-screen-box .component-smartlist .item-image-container.image-wide { margin-left: -26px; margin-right: -26px; } .show-as-small-screen-box .component-smartlist .image-text { padding: 0 26px; } } .page-contents .module-content .smartlist-header__title { color: inherit; font-size: inherit; padding: 0; margin: 0; } .component-case__headline { margin: 0 0 15px; } @media only screen and (max-width: 47.8125em) { .component-case__headline { margin: 0 0 10px; } } .component-case-section { margin: 20px 0; } .component-case-section ul, .component-case-section ol { max-width: 37.5em; } @media only screen and (min-width: 64.063em) { .component-case-section { margin: 40px 0; } } .component-case-section--plate { padding: 20px 0; margin: 0; background: #fafafa; border-top: 1px solid #c6c4c0; border-bottom: 1px solid #c6c4c0; } @media only screen and (min-width: 64.063em) { .component-case-section--plate { padding: 40px 0; margin: 0; } } .component-case-content h1, .component-case-content h2, .component-case-content h3, .component-case-content h4 { margin-bottom: 15px; margin-top: -.4em; } @media only screen and (max-width: 47.8125em) { .component-case-content h1, .component-case-content h2, .component-case-content h3, .component-case-content h4 { margin-bottom: 10px; } } .component-case-content h1:first-child, .component-case-content h2:first-child, .component-case-content h3:first-child, .component-case-content h4:first-child { margin-top: 0; } .component-case-content ul, .component-case-content ol { max-width: 37.5em; } .component-case-content button { margin-bottom: 15px; } @media only screen and (max-width: 47.8125em) { .component-case-content button { margin-bottom: 0; } } /*margin: 20px 0 0; @media only screen and (min-width:64.063em) { margin: 40px 0 0; } @media only screen and (max-width: 47.8125em) { margin-bottom: 20px; &__toggle { padding-bottom: 30px; } }*/ } .component-case-summary__toggle { margin-bottom: 0 !important; } .component-case-summary button.component-case-summary-action { background: none; border: 0; padding: 0; color: inherit; font-size: inherit; text-align: left; line-height: inherit; text-decoration: none; } .component-case-summary button.component-case-summary-action.expanded i { display: inline-block; } .component-case-summary button.component-case-summary-action.expanded i:before { display: inline-block; } .component-case-summary .document-container { display: block !important; height: 190px; position: relative; overflow: hidden; } .component-case-summary .document-container:after { content: ""; display: block; position: absolute; bottom: 0; left: 0; right: 0; height: 30px; background: white; background: linear-gradient(rgba(255, 255, 255, 0.5), white); } .component-case-summary .document-container.expanded { height: auto; } .component-case-summary .document-container.expanded:after { display: none; } .component-case-summary .document-container .webbtabell td[width="28"] { white-space: nowrap; } @media only screen and (max-width: 47.8125em) { .component-case-summary .document-container { word-wrap: break-word; } } .component-case-info { float: left; width: 100%; padding: 16px 20px 0 20px; background-color: #f8f8e1; border-left: 5px solid #c5c324; margin: 0 0 30px 0; } .component-case-info > * { margin: 0 0 0 0; } .component-case-info .heading { margin: 5px 0 7px 0; } .component-case-info .content { margin: 0 0 15px 0; } .component-case-info .link { margin: 0 0 0 0; } .component-case-info:first-child { padding-top: 20px; } .component-case-info:first-child .heading { margin-top: 0; } .component-case-info:last-child { padding-bottom: 20px; } @media only screen and (max-width: 47.8125em) { .component-case-info { border-right: none; border-left: 5px solid #c5c324; } } .component-smartlist-document { border-top: none; } .component-smartlist-document .smartlist { border-bottom: 1px solid #c6c4c0; } .component-smartlist-document .smartlist .smartlist-header { background: #fafafa; cursor: pointer; display: block; margin: 0 0 0 0; border-bottom: none; border-top: 1px solid #c6c4c0; font-weight: normal; position: relative; } .component-smartlist-document .smartlist .smartlist-header .icon-down-open { margin-top: -20px; } .component-smartlist-document .smartlist .smartlist-header:hover { background: #ededed; } .component-smartlist-document .smartlist .smartlist-header.expanded { background: #1c5170; color: #ffffff; } .component-smartlist-document .smartlist .smartlist-header.expanded * { color: #ffffff; } .component-smartlist-document .smartlist .smartlist-header.expanded button i.icon-down-open, .component-smartlist-document .smartlist .smartlist-header.expanded button i.icon-down-open:before { display: inline-block; } .component-smartlist-document .smartlist .smartlist-header.expanded .timeline-item .item-number, .component-smartlist-document .smartlist .smartlist-header.expanded .timeline-item.previous-item .item-number { background: #1c5170; border-color: #ffffff; color: #ffffff; } .component-smartlist-document .smartlist .smartlist-header .case-meta { white-space: pre; } .component-smartlist-document .smartlist .smartlist-header .medium-small, .component-smartlist-document .smartlist .smartlist-header .component-fellow-assignments .assignment-heading, .component-fellow-assignments .component-smartlist-document .smartlist .smartlist-header .assignment-heading, .component-smartlist-document .smartlist .smartlist-header .component-fellow-assignments .biography-heading, .component-fellow-assignments .component-smartlist-document .smartlist .smartlist-header .biography-heading, .component-smartlist-document .smartlist .smartlist-header .vottabell .sakfragan th h4, .vottabell .sakfragan th .component-smartlist-document .smartlist .smartlist-header h4, .component-smartlist-document .smartlist .smartlist-header .vottabell .sakfragan td h4, .vottabell .sakfragan td .component-smartlist-document .smartlist .smartlist-header h4 { max-width: 100%; } .component-smartlist-document .smartlist .smartlist-content { background: #ffffff; display: none; padding: 30px 60px 30px 45px; margin: 0 0 0 0; border: none; } .component-smartlist-document .smartlist .smartlist-content .medium { margin: 0 0 0.75rem; } .component-smartlist-document .smartlist .smartlist-content .air-list { margin-bottom: 1.875rem; } .component-smartlist-document .smartlist .smartlist-content .air-list li { margin-bottom: 1.25rem; } .component-smartlist-document .smartlist .smartlist-content .air-list li a { width: 100%; } .component-smartlist-document .smartlist .smartlist-content .case-section { margin-bottom: 40px; } .component-smartlist-document .smartlist .smartlist-content .case-section .debate-row { padding-top: 26px; } .component-smartlist-document .smartlist .smartlist-content .reservations { text-align: right; } .component-smartlist-document .link-list li a, .component-smartlist-document .plain-link-list li a { width: 100%; } .component-smartlist-document .link-list li a .link-arrow-right:after, .component-smartlist-document .plain-link-list li a .link-arrow-right:after, .component-smartlist-document .link-list li a .footer-general-links-title a:after, .footer-general-links-title .component-smartlist-document .link-list li a a:after, .component-smartlist-document .plain-link-list li a .footer-general-links-title a:after, .footer-general-links-title .component-smartlist-document .plain-link-list li a a:after { position: relative; left: 0.1875rem; } .component-smartlist-document.component-case-parts .smartlist-header, .component-smartlist-document.component-case-parts .smartlist-content { padding: 30px 60px 30px 100px; } .component-smartlist-document .case-title { margin: 0 0 0.75rem; } .component-smartlist-document .expand-case { background: transparent; border: none; color: #1c5170; font-size: 25px; padding: 0; position: absolute; right: 60px; top: 30px; } @media only screen and (max-width: 47.8125em) { .component-smartlist-document .expand-case { font-size: 20px; right: 10px; top: 16px; } } @media only screen and (min-width: 64.063em) { .component-smartlist-document { margin-bottom: 40px; } .component-smartlist-document .half-width { max-width: 140px; } } @media only screen and (max-width: 47.8125em) { .component-smartlist-document { margin-bottom: 30px; margin: 0 -20px 0; } .component-smartlist-document .smartlist { border-bottom: none; } .component-smartlist-document .smartlist .smartlist-header { padding: 0; } .component-smartlist-document .smartlist .smartlist-content { padding: 20px 20px 20px 45px; } .component-smartlist-document .smartlist .smartlist-header strong { font-weight: normal; } .component-smartlist-document .video-duration { display: none; } .component-smartlist-document .component-video-thumb.keep-small-video-thumb .component-video-thumb-play-action-btn { margin-top: -20px; } .component-smartlist-document .half-width { padding-right: 0; } .component-smartlist-document .fellow-item { margin-bottom: 15px; } .component-smartlist-document.component-case-parts .smartlist-header { padding: 20px 20px 20px 45px; } } .component-case-timeline { margin-bottom: 0; } .component-case-timeline__headline { margin: 5px 0 10px; } @media only screen and (min-width: 47.875em) { .component-case-timeline__headline { margin: 30px 0 -15px; } } .component-case-timeline .timeline-item { display: block; float: left; } .component-case-timeline .timeline-item .item-number { display: inline-block; height: 40px; width: 40px; line-height: 37px; text-align: center; border: 2px solid #c6c4c0; border-radius: 50%; font-weight: bold; color: #333333; z-index: 2; position: relative; margin: 0 0 0 0; } .component-case-timeline .timeline-item .item-number { background-color: #ffffff; border-color: #c6c4c0; } .component-case-timeline .timeline-item.active-item .item-number { background-color: #1c5170; border-color: #1c5170; color: #ffffff; } .component-case-timeline .timeline-item.active-item .item-anchor:hover .item-number, .component-case-timeline .timeline-item.active-item .item-anchor:active .item-number { background-color: #ffffff; border-color: #1c5170; color: #1c5170; } .component-case-timeline .timeline-item.previous-item .item-number { background-color: #1c5170; border-color: #1c5170; color: #ffffff; } .component-case-timeline .timeline-item.previous-item .item-anchor:hover .item-number, .component-case-timeline .timeline-item.previous-item .item-anchor:active .item-number { background-color: #ffffff; border-color: #1c5170; color: #1c5170; } @media only screen and (max-width: 47.8125em) { .component-case-timeline .timeline-item .item-number { height: 26px; width: 26px; line-height: 23px; } } .component-case-timeline.type-horizontal { text-align: center; margin: 30px -5% 0 -5%; overflow: auto; } .component-case-timeline.type-horizontal .timeline-item { padding: 0 5%; } .component-case-timeline.type-horizontal .timeline-item .item-anchor { display: inline-block; } .component-case-timeline.type-horizontal .timeline-item .item-number { position: relative; } .component-case-timeline.type-horizontal .timeline-item .item-name { display: block; margin: 9px 0 0 0; text-decoration: underline; } .component-case-timeline.type-horizontal .timeline-item + .timeline-item { position: relative; } .component-case-timeline.type-horizontal .timeline-item + .timeline-item:before { content: ''; position: absolute; background-color: #c6c4c0; z-index: 1; width: 100%; height: 4px; top: 0; left: 0; margin: 19px 0 0 -50%; } .component-case-timeline.type-horizontal .timeline-item + .timeline-item.active-item:before, .component-case-timeline.type-horizontal .timeline-item + .timeline-item.previous-item:before, .component-case-timeline.type-horizontal .timeline-item + .timeline-item.disabled-item:before { background-color: #89c2eb; } .component-case-timeline.type-horizontal .timeline-item + .timeline-item.active-item.inactive-before:before { background-color: #c6c4c0; } @media only screen and (max-width: 47.8125em) { .component-case-timeline.type-horizontal { margin: 0 -1.25rem; text-align: left; background-color: #ffffff; border-top: 1px solid #c6c4c0; } .component-case-timeline.type-horizontal .timeline-item { padding: 0 26px; width: 100%; height: 40px; line-height: 40px; border-bottom: 1px solid #c6c4c0; } .component-case-timeline.type-horizontal .timeline-item .item-anchor { display: block; } .component-case-timeline.type-horizontal .timeline-item .item-number { position: absolute; margin: 4px 0 0 0; } .component-case-timeline.type-horizontal .timeline-item .item-name { display: inline-block; margin: 0 0 0 39px; } .component-case-timeline.type-horizontal .timeline-item.active-item .item-name { font-weight: bold; } .component-case-timeline.type-horizontal .timeline-item + .timeline-item:before { width: 4px; height: 100%; top: -50%; left: 0; margin: 0 0 0 37px; } } .component-case-timeline.type-vertical .timeline-item { position: absolute; top: 0; left: 0; margin: 25px 0 0 37px; } @media only screen and (max-width: 47.8125em) { .component-case-timeline.type-vertical .timeline-item { margin: 16px 0 0 7px; } } .component-case-timeline.type-vertical .timeline-active, .component-case-timeline.type-vertical .timeline-inactive, .component-case-timeline.type-vertical .timeline-active-before, .component-case-timeline.type-vertical .timeline-inactive-before, .component-case-timeline.type-vertical .timeline-active-after, .component-case-timeline.type-vertical .timeline-inactive-after { position: relative; } .component-case-timeline.type-vertical .timeline-active:before, .component-case-timeline.type-vertical .timeline-inactive:before, .component-case-timeline.type-vertical .timeline-active-before:before, .component-case-timeline.type-vertical .timeline-inactive-before:before, .component-case-timeline.type-vertical .timeline-active-after:after, .component-case-timeline.type-vertical .timeline-inactive-after:after { content: ''; position: absolute; z-index: 1; width: 4px; left: 0; margin: 0 0 0 55px; } @media only screen and (max-width: 47.8125em) { .component-case-timeline.type-vertical .timeline-active:before, .component-case-timeline.type-vertical .timeline-inactive:before, .component-case-timeline.type-vertical .timeline-active-before:before, .component-case-timeline.type-vertical .timeline-inactive-before:before, .component-case-timeline.type-vertical .timeline-active-after:after, .component-case-timeline.type-vertical .timeline-inactive-after:after { margin: 0 0 0 18px; } } .component-case-timeline.type-vertical .timeline-active:before, .component-case-timeline.type-vertical .timeline-inactive:before { height: 100%; top: 0; margin-top: 0px; } .component-case-timeline.type-vertical .timeline-active-before:before, .component-case-timeline.type-vertical .timeline-inactive-before:before { height: 41px; top: -1px; margin-top: 0px; } .component-case-timeline.type-vertical .timeline-active-after:after, .component-case-timeline.type-vertical .timeline-inactive-after:after { height: auto; bottom: -1px; top: 40px; } .component-case-timeline.type-vertical .timeline-active:before, .component-case-timeline.type-vertical .timeline-active-before:before, .component-case-timeline.type-vertical .timeline-active-after:after { background-color: #89c2eb; } .component-case-timeline.type-vertical .timeline-inactive:before, .component-case-timeline.type-vertical .timeline-inactive-before:before, .component-case-timeline.type-vertical .timeline-inactive-after:after { background-color: #c6c4c0; } @media print { .component-case-timeline a { text-decoration: none; } .component-case-timeline .active-item a { font-weight: bold; } } .component-case-status { background-color: #f2f7fb; padding: 20px 30px; margin: 0 0 30px 0; } @media only screen and (max-width: 47.8125em) { .component-case-status { margin: 20px 0 30px 0; } } .component-case-status__icon { height: 24px; width: 30px; display: inline-block; background-size: contain; vertical-align: text-bottom; } .component-case-status__current { font-weight: bold; } @media only screen and (min-width: 47.875em) { .component-case-status__current { font-size: 1.25rem; } } .component-case-status__dates { margin-bottom: 0; } .video-tag { width: auto; max-width: 100%; display: inline-block; padding: 2px 0 2px 0; border-radius: 3px; border-width: 0; transition: all 150ms ease; line-height: 12px; text-decoration: none; } .video-tag:focus, .video-tag:hover { text-decoration: none; } .video-tag--position-right { position: absolute; right: 20px; top: 50%; margin-top: -10px; } .video-tag--small { min-width: auto; min-height: auto; padding: 1px 1px 1px 5px; margin: 0; font-size: 0.4375rem; vertical-align: 2px; } .video-tag--small .video-tag__icon { height: 8px; width: 10px; margin: 0 0 -2px 2px; } .video-tag--medium { min-width: auto; min-height: auto; padding: 4px 3px 4px 7px; font-size: 0.625rem; } .video-tag--large { min-width: 24px; min-height: 24px; padding: 6px 6px 3px 6px; margin: -10px 20px 0 0; height: 20px; font-size: 0.875rem; } .video-tag--large2 { min-width: 26px; min-height: 26px; padding: 4px 3px 3px 0; margin: 0; font-size: 1.1875rem; } .video-tag--large2 .video-tag__icon { height: 15px; width: 10px; margin: 0 0 -5px 1px; } .video-tag--type-live { background-color: #8f8f8f; } .video-tag--type-vod { background-color: #1c5170; } .video-tag--type-active { background-color: #c41e3a; } .video-tag__icon { height: 9px; width: 10px; display: inline-block; margin: 0 0 -1px 2px; background-size: contain; } .video-tag__text { margin-right: -6px; margin-right: 5px; color: #ffffff; text-transform: uppercase; font-weight: bold; } .video-tag__text--outside { color: #1c5170; text-transform: none; font-size: 0.6875rem; right: 47px; margin-top: -7px; margin-right: -2px; } @media only screen and (max-width: 47.8125em) { .video-tag__text { display: none; } .video-tag__text.no-collapse { display: inline-block; } } .rd-button-video { width: auto; max-width: 100%; min-width: 26px; min-height: 26px; display: inline-block; margin: 0; padding: 4px 26px 3px 0; font-size: 0.875rem; font-weight: bold; border-radius: 3px; border-width: 0; transition: all 150ms ease; color: #ffffff; text-transform: uppercase; position: relative; } .rd-button-video .text { float: left; clear: both; padding-left: 8px; margin-right: -3px; } .rd-button-video .icon { position: absolute; right: 0; top: 50%; margin: -14px -3px 0 0; font-size: 22px; } .rd-button-video.button-type-medium { min-height: 24px; padding: 5px 26px 1px 0; } .rd-button-video.button-type-medium .icon { margin: -12px -3px 0 0; } .rd-button-video.video-type-vod { background-color: #1c5170; } .rd-button-video.video-type-live { background-color: #c4c4c4; cursor: inherit; } .rd-button-video.video-type-live.live-active { background-color: #c41e3a; } .rd-button-video.video-type-live.live-active:hover { color: #ffffff; } @media only screen and (max-width: 47.8125em) { .rd-button-video .text { display: none; } .rd-button-video.no-collapse .text { display: inline-block; } } /* Foundation v2.1.4 http://foundation.zurb.com */ /* Artfully masterminded by ZURB */ /* -------------------------------------------------- Table of Contents ----------------------------------------------------- :: Shared Styles :: Page Name 1 :: Page Name 2 */ /* Mobile */ @media only screen and (max-width: 47.8125em) { .responsive table { margin: 0; } .responsive table ul, .responsive table ol { margin-left: 0; } .pinned { position: absolute; left: 0; top: 0; background: #ffffff; width: 35%; overflow-y: hidden; overflow-x: scroll; border-right: 1px solid #c6c4c0; } .pinned table { border-right: none; border-left: none; width: 100%; } .pinned th, .pinned td { white-space: nowrap; } .pinned td:last-child { border-bottom: 0; } .table-wrapper { position: relative; margin: 10px 0 20px; overflow: hidden; border-right: 1px solid #c6c4c0; } .table-wrapper .scrollable { margin-left: 35%; overflow: scroll; overflow-y: hidden; } .table-wrapper .scrollable:after { content: ""; position: absolute; top: 1px; right: 0; bottom: 1px; width: 25px; background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 ); } .responsive table td, .responsive table th { position: relative; white-space: nowrap; overflow: hidden; border-bottom: 0; } .responsive table th:first-child, .responsive table td:first-child, .responsive table td:first-child, .responsive table.pinned td { display: none; } .responsive .pinned table th:first-child, .responsive .pinned table td:first-child { display: block; } .responsive .pinned table .sakfragan, .responsive .pinned .beslut-row { display: none; } .sortable-table-wrapper .pinned { width: 45%; } .sortable-table-wrapper .scrollable { margin-left: 45%; } } /*Class names from öppna data*/ .vottabell { background: transparent; border-spacing: 0; border: none; border-bottom: solid 1px #c6c4c0; width: 100%; margin-bottom: 20px; } .vottabell th, .vottabell td { line-height: 1.3; font-size: 0.875rem; padding: 0.375rem; } .vottabell .vottabellrubik th { border-top: solid 1px #c6c4c0; } .vottabell .vottabellrubik th:first-child { border-left: solid 1px #c6c4c0; } .vottabell .vottabellrubik th:last-child { border-right: solid 1px #c6c4c0; } @media only screen and (max-width: 47.8125em) { .vottabell .vottabellrubik th:last-child { border-right: none; } } .vottabell tr td:first-child { border-left: solid 1px #c6c4c0; } .vottabell tr td:last-child { border-right: solid 1px #c6c4c0; } @media only screen and (max-width: 47.8125em) { .vottabell tr td:last-child { border-right: none; } } .vottabell .sakfragan { background: #ffffff; } .vottabell .sakfragan th, .vottabell .sakfragan td { font-size: 1rem; padding-bottom: 0; padding-left: 0; } .vottabell .sakfragan th p, .vottabell .sakfragan td p { float: left; } .vottabell .sakfragan td { padding-bottom: 10px; } .vottabell .sakfragan td:first-child { border-left: none; } .vottabell .sakfragan td:last-child { border-right: none; } .vottabell .summa_ja, .vottabell .summa_nej, .vottabell .summa_avstar, .vottabell .parti, .vottabell .totalt { font-weight: bold; } .vottabell .parti { padding-left: 42px; position: relative; } .vottabell .parti img { left: 9px; position: absolute; top: 3px; width: 26px; } @media only screen and (max-width: 47.8125em) { .vottabell .parti { padding-left: 36px; } .vottabell .parti img { width: 20px; top: 5px; } } .responsive .button-more { margin-bottom: 20px; } .component-document__action { color: #1c5170; margin: 0px 0 10px 0; display: block; padding: 20px 30px; background-color: #f2f7fb; } .component-document__action--link { text-decoration: underline; } @media only screen and (max-width: 47.8125em) { .component-document__action { margin-left: -1.25rem; margin-right: -1.25rem; padding: 20px; } } .component-document__action:hover span, .component-document__action:focus span { color: #333333; text-decoration: underline; } .component-document__action--disabled { background-color: #fafafa; border: 1px solid #c4c4c4; color: #000000; } .component-document__action--disabled:hover span, .component-document__action--disabled:focus span { color: #000000; text-decoration: none; } .component-document-content { margin: 0 0 30px 0; } .component-document-content h1, .component-document-content h2, .component-document-content h3, .component-document-content h4 { margin-bottom: 20px; margin-top: 10px; } .component-document-content > *:first-child { margin-top: 0; } .component-document-content a:not([href]) { cursor: text; color: #000000; text-decoration: none; } .component-document-content a:not([href]):hover { text-decoration: none; } @media only screen and (min-width: 47.875em) and (max-width: 64em) { .component-document-content { margin: 0 0 30px 0; } .component-document-content h1, .component-document-content h2, .component-document-content h3, .component-document-content h4 { margin-bottom: 20px; margin-top: 10px; } } @media only screen and (max-width: 47.8125em) { .component-document-content { margin: 0 0 20px 0; } .component-document-content h1, .component-document-content h2, .component-document-content h3, .component-document-content h4 { margin-bottom: 10px; } } .component-document-activity { padding: 20px 30px; background-color: #f2f7fb; margin: 0 0 30px 0; } .component-document-activity > :first-child { margin-top: 0 !important; } .component-document-activity__line { margin: 20px 0; border-bottom: 4px solid #1c5170; } .component-document-activity__status { font-weight: bold; margin-bottom: 15px !important; } @media only screen and (min-width: 47.875em) { .component-document-activity__status { font-size: 1.25rem; } } .component-document-activity .heading { margin: 1rem 0 .3rem; } @media only screen and (min-width: 47.875em) { .component-document-activity .heading { font-size: 1.25rem; } } .component-document-activity > span { margin: 0 0 3px 0; display: block; } .component-document-activity__icon_bock { height: 1.4rem; width: 1.4rem; display: inline-block; background-size: contain; vertical-align: text-bottom; } .component-document-activity__icon_warning { height: 1.4rem; width: 1.4rem; display: inline-block; vertical-align: -0.35rem; margin-right: 6px; } @media only screen and (max-width: 47.8125em) { .component-document-activity { padding: 20px 20px 20px 20px; } } .document-activity-important-info { padding-bottom: 12px; } .component-document-summary { padding: 40px 40px 40px 40px; border: 1px solid #c6c4c0; margin-bottom: 30px; } .component-document-summary table { border: none; } .component-document-summary table td { border: none; } .component-document-summary table tr:nth-of-type(even) { background: none; } .component-document-summary a:not([href]) { cursor: text; color: #000000; text-decoration: none; } .component-document-summary a:not([href]):hover { text-decoration: none; } @media only screen and (max-width: 47.8125em) { .component-document-summary { border: none; padding: 0 0 0 0; margin-bottom: 20px; } } .document-html-view .button { padding: 10px 15px 10px 13px; } .component-document-summary h1, .document-html-view h1 { font-size: 1.8em; } .component-document-summary span.ft1, .document-html-view span.ft1 { margin-right: 5px; } .component-document-summary .DokumentRubrik, .document-html-view .DokumentRubrik { font-weight: bold; font-size: 1.4em; } .component-document-summary .Sammanfattning, .document-html-view .Sammanfattning { font-weight: bold; font-size: 1.2em; } .component-document-summary .tSidrubrikJA, .document-html-view .tSidrubrikJA { font-weight: bold; font-size: 1.2em; } .component-document-summary .R3, .document-html-view .R3 { font-weight: bold; } .component-document-summary a:not([href]), .document-html-view a:not([href]) { text-decoration: none; cursor: default; color: #333333; } .component-document-summary a:not([href]):hover, .document-html-view a:not([href]):hover { text-decoration: none; transition: none; color: #333333; } .component-case-summary table { border: none; } .component-case-summary table td { border: none; } .component-case-summary table tr:nth-of-type(even) { background: none; } .component-case-summary a:not([href]) { text-decoration: none; cursor: default; color: #333333; } .component-case-summary a:not([href]):hover { text-decoration: none; transition: none; color: #333333; } .component-document-info { float: left; width: 100%; padding: 16px 20px 0 20px; background-color: #f8f8e1; border-left: 5px solid #c5c324; margin: 0 0 30px 0; } .component-document-info > * { margin: 0 0 0 0; } .component-document-info .heading { margin: 5px 0 7px 0; } .component-document-info .content { margin: 0 0 15px 0; } .component-document-info .link { margin: 0 0 0 0; } .component-document-info:first-child { padding-top: 20px; } .component-document-info:first-child .heading { margin-top: 0; } .component-document-info:last-child { padding-bottom: 20px; } @media only screen and (max-width: 47.8125em) { .component-document-info { border-right: none; border-left: 5px solid #c5c324; } } @-webkit-keyframes election-logo-pulse { 0% { -webkit-transform: scale(0.9); transform: scale(0.9); } 50% { -webkit-transform: scale(1.2); transform: scale(1.2); } 100% { -webkit-transform: scale(0.9); transform: scale(0.9); } } @keyframes election-logo-pulse { 0% { -webkit-transform: scale(0.9); transform: scale(0.9); } 50% { -webkit-transform: scale(1.2); transform: scale(1.2); } 100% { -webkit-transform: scale(0.9); transform: scale(0.9); } } .election-2018-logo { position: relative; padding-bottom: 16.1%; } .election-2018-logo__gfx { position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .election-2018-logo__playpause { position: absolute; bottom: -60px; right: 1.25rem; z-index: 1; margin: 0; padding: 12px; background-color: #1c5170; border: none; } @media only screen and (max-width: 47.8125em) { .election-2018-logo__playpause { display: none; } } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .election-2018-logo__playpause { display: none; } } @supports (-ms-accelerator: true) { .election-2018-logo__playpause { display: none; } } @supports (-ms-ime-align: auto) { .election-2018-logo__playpause { display: none; } } .election-2018-logo__playpause:before { content: ""; display: block; width: 14px; height: 14px; background-size: contain; } .election-2018-logo__playpause--paused:before { -webkit-transform: scale(1.3) translateX(25%); transform: scale(1.3) translateX(25%); } .election-2018-logo__shape { -webkit-transform: scale(0.9); transform: scale(0.9); -webkit-animation: election-logo-pulse 4s infinite; animation: election-logo-pulse 4s infinite; -webkit-transform-origin: center center; transform-origin: center center; } .election-2018-logo--paused .election-2018-logo__shape { -webkit-animation: none; animation: none; } .election-2018-logo__shape:nth-child(even) { -webkit-animation-duration: 6s; animation-duration: 6s; } .election-2018-logo__shape:nth-child(1) { -webkit-animation-delay: .2s; animation-delay: .2s; } .election-2018-logo__shape:nth-child(2) { -webkit-animation-delay: .4s; animation-delay: .4s; } .election-2018-logo__shape:nth-child(3) { -webkit-animation-delay: .6s; animation-delay: .6s; } .election-2018-logo__shape:nth-child(4) { -webkit-animation-delay: .8s; animation-delay: .8s; } .election-2018-logo__shape:nth-child(5) { -webkit-animation-delay: 1s; animation-delay: 1s; } .election-2018-logo__shape:nth-child(6) { -webkit-animation-delay: 1.2s; animation-delay: 1.2s; } .election-2018-logo__shape:nth-child(7) { -webkit-animation-delay: 1.4s; animation-delay: 1.4s; } .election-2018-logo__shape:nth-child(8) { -webkit-animation-delay: 1.6s; animation-delay: 1.6s; } .election-2018-logo__shape:nth-child(9) { -webkit-animation-delay: 1.8s; animation-delay: 1.8s; } .election-2018-logo__shape:nth-child(10) { -webkit-animation-delay: 2s; animation-delay: 2s; } .component-liveticker { clear: both; opacity: 1; margin-bottom: 40px; transition: all ease-out 1s; } .component-liveticker.ng-enter { opacity: 0; overflow: hidden; max-height: 0; margin-bottom: 0; } .component-liveticker .ticker-item { border-bottom: solid 1px #c6c4c0; background: #fafafa; min-height: 66px; } .component-liveticker .ticker-item:first-child { border-top: solid 1px #c6c4c0; } .component-liveticker .ticker-item-shareddebate-list { display: block; } .component-liveticker .ticker-item-shareddebate-list-item { display: inline; } .component-liveticker .ticker-item-shareddebate-list-item:not(:last-child) .ticker-item-shareddebate-list-item-content:after { content: ","; } .component-liveticker .ticker-item-content { padding: 8px 0; } .component-liveticker .ticker-item-content.ticker-item-content-left { padding-left: 137px; } .component-liveticker .ticker-item-thumb { max-width: 117px; margin-right: 20px; position: absolute; top: 0; } @media only screen and (min-width: 47.875em) { .component-liveticker .ticker-item-thumb { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } } .component-liveticker .ticker-item-thumb a { position: relative; } .component-liveticker .ticker-item-thumb a .ticker-item-thumb-play { background: #c41e3a; border-radius: 5px; color: #ffffff; display: block; font-size: 20px; height: 40px; left: 50%; margin-left: -20px; margin-top: -20px; position: absolute; top: 50%; width: 40px; } .component-liveticker .ticker-item-thumb a .ticker-item-thumb-play i { left: 8px; position: relative; top: 5px; } .component-liveticker .ticker-item-thumb a:hover .ticker-item-thumb-play { background: #ffffff; color: #c41e3a; } @media only screen and (max-width: 47.8125em) { .component-liveticker { margin-top: -20px; max-height: none; } .component-liveticker .ticker-item { background: #ffffff; min-height: 75px; } .component-liveticker .ticker-item-content.ticker-item-content-left { padding-left: 78px; padding-bottom: 0; } .component-liveticker .ticker-item-content.ticker-item-content-right { padding-left: 78px; padding-top: 0; } .component-liveticker .ticker-item-thumb { max-width: 58px; } .component-liveticker .ticker-item-thumb img { display: none; } .component-liveticker .ticker-item-thumb a { background: #000000; border-radius: 5px; display: block; margin: 8px 0; padding: 10px; } .component-liveticker .ticker-item-thumb a .ticker-item-thumb-play { border-radius: 50%; height: 38px; left: 0; margin-left: 0; margin-top: 0; position: relative; top: 0; width: 38px; } } .component-system-message + .component-liveticker { margin-top: 0; } .no-padding .module-system-message { padding-top: 40px; } .rd-page-type-top-gray .module-system-message { background: #fafafa; } .module-system-message.module-block-hidden { display: none; } .module-system-message.visible { display: block; } .component-system-message { padding-bottom: 5px; } .component-system-message:last-child { padding-bottom: 0; } @media only screen and (max-width: 47.8125em) { .component-system-message { padding: 6px 6px 0; background: #ffffff; } .component-system-message:first-child { margin-top: -20px; } .component-system-message:last-child { margin-bottom: -20px; padding-bottom: 6px; } } .component-system-message-heading { font-size: 1.125em; line-height: 1.3; margin-bottom: 0.375em; max-width: 37.5em; } .component-system-message-content { background: #e6f0f7; padding: 10px 14px; } .component-system-message-content p { max-width: 100%; } @media only screen and (min-width: 47.875em) { .component-system-message-content { padding: 8px 20px 5px; } } .page-search .module-system-message .module-block { margin-bottom: 0; } .component-controls-date-picker { padding: 0; margin-top: -12px; float: left; width: 100%; } .component-controls-date-picker .title { margin: 0 0 15px 0; display: block; } .component-controls-date-picker .label-wrapper { position: relative; padding-left: 45px; margin-bottom: 10px; overflow: auto; } .component-controls-date-picker label { margin-bottom: 5px; } .component-controls-date-picker .label-text { display: block; height: 37px; line-height: 37px; width: 45px; position: absolute; top: 0; left: 0; margin: 0 0 0 0; } .component-controls-date-picker input { margin: 0; } @media only screen and (max-width: 47.8125em) { .component-controls-date-picker { margin-top: 0; } } div.hasDatepicker { display: block; padding: 0; overflow: visible; margin: 8px 0; margin-left: -45px; } .ui-datepicker { overflow: visible; margin: 0; } .ui-datepicker, .ui-datepicker .ui-datepicker-next, .ui-datepicker .ui-datepicker-prev { box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); } .ui-datepicker .ui-datepicker-header { position: relative; padding: .6em 0; border-bottom: 0; font-weight: bold; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { padding: 1px 0 1px 2px; position: absolute; top: .6em; margin-top: 0; text-indent: -9999px; border-radius: 1em; vertical-align: middle; margin-right: .625em; width: 1.75em; height: 1.75em; white-space: nowrap !important; } .ui-datepicker .ui-datepicker-prev:after, .ui-datepicker .ui-datepicker-next:after { left: 50%; margin-left: -11px; top: 50%; margin-top: -11px; content: ""; position: absolute; display: block; width: 22px; height: 22px; background-color: rgba(0, 0, 0, 0.3); background-position: center center; background-repeat: no-repeat; border-radius: 1em; } .ui-datepicker .ui-datepicker-prev:after { background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpolygon%20fill%3D%22%23FFF%22%20points%3D%227%2C5%207%2C0%200%2C7%207%2C14%207%2C9%2014%2C9%2014%2C5%20%22%2F%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3C%2Fsvg%3E"); } .ui-datepicker .ui-datepicker-next:after { background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpolygon%20fill%3D%22%23FFF%22%20points%3D%2214%2C7%207%2C0%207%2C5%200%2C5%200%2C9%207%2C9%207%2C14%20%22%2F%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3C%2Fsvg%3E"); } .ui-datepicker .ui-datepicker-prev { left: 9px; } .ui-datepicker .ui-datepicker-next { right: 2px; } .ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; } .ui-datepicker .ui-datepicker-title select { font-size: 1em; margin: 1px 0; } .ui-datepicker select.ui-datepicker-month-year { width: 100%; } .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 49%; } .ui-datepicker table { width: 100%; border-collapse: collapse; margin: 0; table-layout: fixed; } .ui-datepicker td { border-width: 1px; padding: 0; border-style: solid; text-align: center; min-width: 41px; } .ui-datepicker td a { padding: .2em 0; font-weight: bold; margin: 0; border-width: 0; } .ui-datepicker td span, .ui-datepicker a { display: block; text-align: center; text-decoration: none; /* from .ui-btn class */ font-size: 16px; position: relative; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; text-decoration: none !important; font-weight: bold; border-width: 1px; border-style: solid; } .ui-datepicker .ui-state-disabled { opacity: 1; } .ui-datepicker.ui-corner-all, .ui-datepicker .ui-datepicker-header.ui-corner-all { border-radius: 0; -webkit-border-radius: 0; } .ui-datepicker table th, .ui-datepicker table td a { padding: 8px 3px 6px 3px; } @media only screen and (min-width: 47.875em) and (max-width: 64em) { .ui-datepicker table th, .ui-datepicker table td a { padding: 7px 3px 5px 3px; } } @media only screen and (max-width: 47.8125em) { .ui-datepicker table { -webkit-backface-visibility: visible; } .ui-datepicker table th, .ui-datepicker table td a { padding: 7px 3px 5px 3px; } } .ui-datepicker-calendar th { padding-top: .4em; padding-bottom: .4em; border-width: 1px; border-style: solid; text-align: center; } .ui-datepicker-calendar th span, .ui-datepicker-calendar span.ui-state-default { opacity: .7; } .ui-datepicker-calendar td a, .ui-datepicker-calendar td span { padding: 8px 3px 6px 3px; } html .ui-overlay-a .ui-datepicker td span, html .ui-overlay-a .ui-datepicker a, html .ui-body-a .ui-datepicker td span, html .ui-body-a .ui-datepicker a, .ui-page-theme-a .ui-datepicker td span, .ui-page-theme-a .ui-datepicker a { background-color: #f6f6f6; border-color: #ddd; color: #333; text-shadow: 0 1px 0 #f3f3f3; } html body .ui-datepicker .ui-state-highlight { background-color: #e8e8e8; border-color: #ddd; color: #333; text-shadow: 0 1px 0 #f3f3f3; } html body .ui-datepicker .ui-state-active { background-color: #3388cc; border-color: #3388cc; color: #fff; text-shadow: 0 1px 0 #005599; } .ui-datepicker td, .ui-datepicker .ui-datepicker-header { border-color: #ddd; background-color: #fff; color: #333; text-shadow: 0 1px 0 #f3f3f3; } .ui-datepicker th { background-color: #e9e9e9; border-color: #ddd; color: #333; text-shadow: 0 1px 0 #eee; font-weight: bold; } .component-guide-list { list-style: none; } .component-guide-list .item { float: left; width: 100%; padding: 16px 20px 0 20px; background-color: #f8f8e1; border-left: 5px solid #c5c324; } .component-guide-list .item > * { margin: 0 0 0 0; } .component-guide-list .item .heading { margin: 5px 0 7px 0; } .component-guide-list .item .content { margin: 0 0 15px 0; } .component-guide-list .item .link { margin: 0 0 0 0; } .component-guide-list .item:first-child { padding-top: 20px; } .component-guide-list .item:first-child .heading { margin-top: 0; } .component-guide-list .item:last-child { padding-bottom: 20px; } .component-guide-list .item.image-container { padding: 0; } @media only screen and (max-width: 47.8125em) { .component-guide-list .item { border-right: none; border-left: 5px solid #c5c324; } .component-guide-list .item.image-container { display: none; } } .component-chamber-occurances { margin-bottom: 20px; } .component-chamber-occurances .occurance-item { background-color: #fafafa; } .component-chamber-occurances .occurance-header { padding: 10px 20px 10px 20px; background-color: #c4c4c4; } .component-chamber-occurances .occurance-header .occurance-heading { margin: 0; } .component-chamber-occurances .occurance-content-collection { padding: 0 0 5px 0; } .component-chamber-occurances .collection-item { padding: 20px 20px 5px 20px; } .component-chamber-occurances .collection-item h2, .component-chamber-occurances .collection-item h3, .component-chamber-occurances .collection-item h4, .component-chamber-occurances .collection-item h5, .component-chamber-occurances .collection-item .heading { margin: 0 0 10px 0; } .component-chamber-occurances .collection-item + .collection-item { border-top: 2px solid #ffffff; } .columnized > ul { margin: 0; list-style-type: none; } .list-assignments > .columnized { padding: 0; } .image-type-wide-limited .image-text p, .image-type-wide-full .image-text p, .image-type-portrait .image-text p { font-size: 0.875rem; } .image-type-wide-limited { padding-left: 0; margin-left: 60px; max-width: 37.5em; } @media only screen and (max-width: 47.8125em) { .image-type-wide-limited { padding-left: 0; margin-left: 0; } } @media only screen and (min-width: 47.875em) and (max-width: 64em) { .image-type-wide-limited { margin-left: 40px; } } .image-type-wide-full { padding-left: 0; } .image-type-wide-full .image-text { margin-left: 60px; } @media only screen and (max-width: 47.8125em) { .image-type-wide-full { margin-left: -26px; margin-right: -26px; } .image-type-wide-full .image-text { margin-left: 26px; } } @media only screen and (min-width: 47.875em) and (max-width: 64em) { .image-type-wide-full .image-text { margin-left: 40px; } } .image-type-portrait { display: block; width: 160px; padding: 0 20px 0 0; margin: 4px 0 4px 60px; float: left; clear: left; } .image-type-portrait .image-text p { margin: 0; } @media only screen and (max-width: 47.8125em) { .image-type-portrait { float: none; padding: 0; margin-top: 10px; margin-bottom: 15px; margin-left: 0; } } @media only screen and (min-width: 47.875em) and (max-width: 64em) { .image-type-portrait { margin-left: 40px; } } .columnized > ul { margin: 0; list-style-type: none; } .list-assignments > .columnized { padding: 0; } .accessibility-features { list-style: none; position: relative; margin: 0 0 20px 0; } .accessibility-features li { float: left; } .accessibility-features li:not(:only-of-type) { margin-right: 10px; } .accessibility-features button { border: 1px solid #c6c4c0; background-color: #fff; } .accessibility-features button span { color: #1c5170; } .accessibility-features-content { position: relative; padding: 50px 30px 30px 30px; border: 1px solid #c6c4c0; margin-bottom: 30px; } .accessibility-features-content .module-content p { max-width: 32em; } .accessibility-features-content-close { position: absolute; right: 10px; top: 10px; background: none; border: 0; padding: 0; color: inherit; font-size: inherit; text-align: left; line-height: inherit; text-decoration: none; font-weight: inherit; } .accessibility-features-content-close .icon { margin-left: -2px; } .accessibility-features-content-close:hover, .accessibility-features-content-close:focus { background: inherit; color: inherit; } .accessibility-features-sign-language { margin: 10px -1.25rem; } .button-easyread.expanded:after, .button-easyread.expanded:before, .button-signlanguage.expanded:after, .button-signlanguage.expanded:before { content: ""; width: 0; height: 0; position: absolute; bottom: 0; left: 50%; margin: 0 0 -22px -5px; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #c6c4c0; z-index: 1; } .button-easyread.expanded:after, .button-signlanguage.expanded:after { margin-left: -4px; border-left: 9px solid transparent; border-right: 9px solid transparent; border-bottom: 9px solid #ffffff; } @media only screen and (max-width: 47.8125em) { .accessibility-features li { margin-bottom: 10px; } } .gallery-archive-list { list-style-type: none; transition: all 3s ease-out; } .gallery-archive-list:last-child { margin-bottom: 20px; } @media only screen and (max-width: 47.8125em) { .gallery-archive-list.row { margin: 0; } } .gallery-archive-item { margin-top: 20px; } @media only screen and (min-width: 47.875em) and (max-width: 64em) { .gallery-archive-item.medium-6:nth-child(2n+1) { clear: both; } } @media only screen and (min-width: 47.875em) { .gallery-archive-item.large-3:nth-child(4n+1) { clear: both; } } .columns + .columns.gallery-archive-item:last-child { float: left; } .gallery-archive-item-meta { font-size: 0.875rem; margin: 7px 0; } .gallery-archive-item-meta .meta-count, .gallery-archive-item-meta .meta-date { display: block; } .gallery-archive-item-meta .meta-count { font-weight: bold; } .gallery-archive-item-meta .meta-date { color: #8f8f8f; } .gallery-archive-item-link { font-weight: bold; } .gallery-archive-load-more { max-height: 80px; opacity: 1; transition: all 0.3s ease-out; } .gallery-archive-load-more .load-more-btn { margin: 40px 0 0; } @media only screen and (max-width: 47.8125em) { .gallery-archive-load-more .load-more-btn { margin: 20px; } } .gallery-archive-load-more-hidden { max-height: 0; opacity: 0; } .link-list-container ul { margin-left: 40px; list-style-type: none; } .link-list-container ul li { position: relative; } .link-list-container ul li:before { content: ''; position: absolute; left: 0; top: 0; margin: 5px 0 0 -24px; width: 8px; height: 8px; border-radius: 100%; background-color: #1c5170; } .link-list-container h2 { margin-bottom: 0.5em; } .link-list-container .push { margin-bottom: 15px; } .link-list-container .link-list-block { border-top: 5px solid #1c5170; background: #f2f7fb; padding: 25px 30px; margin-bottom: 20px; } .link-list-container .link-list-block .link-list, .link-list-container .link-list-block .plain-link-list { list-style-type: none; } .link-list-container .link-list-block .link-list li, .link-list-container .link-list-block .plain-link-list li { margin-bottom: 10px; } .link-list-container .link-list-block .link-list li:last-child, .link-list-container .link-list-block .plain-link-list li:last-child { margin-bottom: 0; } .link-list-container .link-list-block .link-list-title { font-size: 1.1875rem; margin: 1px 0 20px; } @media only screen and (max-width: 47.8125em) { .link-list-container .link-list-block .link-list-title { margin-bottom: 15px; } } .link-list-container .link-list-block a { font-weight: bold; } @media only screen and (max-width: 47.8125em) { .link-list-container .link-list-block .link-list-col { margin-bottom: 25px; } .link-list-container .link-list-block .link-list-col:last-child { margin-bottom: 0; } } .rss-link-container { position: absolute; top: 4px; right: 0; } @media only screen and (max-width: 47.8125em) { .rss-link-container { display: none; } } @media print { .rss-link-container { display: none; } } .rss-link { display: inline-block; font-size: 0.875rem; position: relative; padding-right: 17px; } .rss-link-icon { display: inline-block; background-color: #ffffff; position: absolute; right: 0; border-radius: 2px; padding: 0; border: 0; top: 4px; margin: 0; } .rss-link-icon svg { fill: red; } .module-documents-list .rss-link-container { position: relative; margin-top: 20px; } .module-header + .rss-link-container { right: 20px; top: 11px; } @media only screen and (min-width: 64.063em) { .module-header + .rss-link-container { top: 20px; } } .document-pagination-container { padding-right: 0; padding-left: 0; } .component-pagination { font-weight: bold; margin-bottom: 12px; } @media only screen and (max-width: 64em) { .component-pagination { margin-left: auto; width: 100%; margin-right: auto; text-align: center; } } @media only screen and (min-width: 64.063em) { .component-pagination { text-align: center; } } .component-pagination--left { float: left; } .component-pagination__count { float: right; padding: 4px 0 0 8px; } .component-pagination__count__label { line-height: 38px; display: inline-block; margin-right: 4px; } .component-pagination__count__input[type="number"] { width: 4em; display: inline-block; margin: 0; height: 38px; } .component-pagination .pagination-link-list { display: inline; list-style-type: none; margin: 12px 0px 12px 0px; } @media only screen and (max-width: 64em) { .component-pagination .pagination-link-list { display: inline-block; margin-top: 6px; text-align: left; } } .component-pagination .pagination-link-list-item { display: inline-block; border: 1px solid #b2b2b2; } @media only screen and (max-width: 64em) { .component-pagination .pagination-link-list-item { margin-top: 6px; } } .component-pagination .pagination-link-list-item-text { display: block; font-size: 14px; padding: 8px 9px 9px; } .component-pagination .pagination-link-list-item-content { display: block; min-width: 36px; text-align: center; } @media only screen and (max-width: 64em) { .component-pagination .pagination-link-list-item-content { width: 42px; margin-top: 6px; } } .component-pagination .pagination-link-list-item-content a:hover, .component-pagination .pagination-link-list-item-content a:active { text-decoration: none; padding-bottom: 5px; border-bottom: 4px solid #d2dce2; } .component-pagination .pagination-link-list-item-content-current { border-bottom: 4px solid #1c5170; } .component-pagination .pagination-link-list-item-content-current .pagination-link-list-item-text { padding-bottom: 5px; } .component-pagination .pagination-outer-navigation { padding: 8px 14px 9px 14px; text-align: center; margin-top: 4px; font-size: 14px; } @media only screen and (max-width: 64em) { .component-pagination .pagination-outer-navigation { display: block; } } @media only screen and (min-width: 64.063em) { .component-pagination .pagination-outer-navigation { display: inline-block; padding: 8px 14px 9px 14px; } } .component-pagination .pagination-outer-navigation-active { background: #1c5170; color: #ffffff; } .component-pagination .pagination-outer-navigation-inactive { background: #dad8db; color: #666; } .xforms-error-block { display: block; margin-top: 0.3125rem; margin-bottom: 0.3125rem; } .xforms-error-message { position: relative; padding-left: 1.6875rem; display: block; color: #d31940 !important; width: 100%; } .xforms-error-message:before { content: ''; display: block; width: 20px; height: 20px; position: absolute; top: -0.125rem; left: 0; } .component-youtube { margin-bottom: 1.25rem; } .component-youtube__figcaption { padding-top: 0.9375rem; } .component-youtube__figcaption p { font-size: 0.875rem !important; } @media only screen and (max-width: 47.8125em) { .component-youtube__figcaption p { padding-left: 1.25rem; padding-right: 1.25rem; } } .component-youtube-embed { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; } .component-youtube-embed__image { position: absolute; object-fit: cover; top: 0; left: 0; width: 100%; height: 100%; } .component-youtube-embed iframe { position: absolute; top: -1px; left: -1px; width: calc(100% + 2px); height: calc(100% + 2px); border: none; } .component-youtube-embed__bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .component-youtube-embed__youtube-logo-container { position: absolute; width: 100%; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); text-align: center; } .component-youtube-embed__youtube-logo { width: 120px; margin: 0 0 1.5625rem 0; } .component-youtube-embed__content { position: absolute; top: 0; left: 0; padding: 1.875rem 1.5625rem; width: 100%; height: 100%; background: white; text-align: center; display: none; border: 1px solid #d2dce2; } @media only screen and (max-width: 64em) { .component-youtube-embed--pending .component-youtube-embed__content { position: static; -webkit-transform: none; transform: none; width: 100%; } } .component-youtube-embed__content p { margin-left: auto !important; margin-right: auto !important; max-width: 25rem; } .component-youtube-embed__concent-inner { width: 100%; } .component-youtube-embed__concent-text { margin-bottom: 0.3125rem !important; } .component-youtube-embed__button-wrapper { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 15%; max-width: 7.5rem; } .component-youtube-embed__button { float: none; margin-top: 1.25rem; } .component-youtube-embed__play-view { cursor: pointer; position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .component-youtube-embed__play-button { width: 100%; padding: 100% 0 0 0; border: none; border-radius: 25%; background-color: rgba(0, 0, 0, 0.9); } .component-youtube-embed__play-button:hover, .component-youtube-embed__play-button:focus { background-color: rgba(0, 0, 0, 0.9); } .component-youtube-embed__play-button .icon-play-container { position: absolute; display: block; width: 70%; height: 70%; border-radius: 100%; background-color: #1c5170; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .component-youtube-embed__play-button .icon-play:before { width: 50%; height: 50%; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-42%, -50%); transform: translate(-42%, -50%); background-position: center center; margin: 0; } .component-youtube-embed__play-button:hover .icon-play-container, .component-youtube-embed__play-button:focus .icon-play-container { background-color: #ffffff; } .component-youtube-embed__print-play-icon { display: none; } .component-youtube-embed__meta { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; padding: 1.25rem 1.875rem; background: black; background: linear-gradient(0deg, transparent 0%, rgba(0, 0, 0, 0.5) 100%); color: #ffffff; } .component-youtube-embed__meta-title { color: #ffffff; font-size: 1rem; margin: 0 !important; padding-left: 1.25rem; } @media only screen and (max-width: 47.8125em) { .component-youtube-embed__meta-title { font-size: 0.875rem; } } .component-youtube-embed__meta-logo { -ms-flex: 0 0 35px; flex: 0 0 35px; width: 35px; border-radius: 100%; overflow: hidden; } .component-youtube-embed__meta-logo img { margin-bottom: 0; } @media only screen { .component-youtube.youtube-concent--active .component-youtube-embed { padding-bottom: 0; height: auto; } .component-youtube.youtube-concent--active .component-youtube-embed__bg { position: relative; height: auto; padding-bottom: 0; } .component-youtube.youtube-concent--active .component-youtube-embed__content { position: relative; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; } .component-youtube.youtube-concent--active .component-youtube-embed__youtube-logo-container { position: relative; top: auto; left: auto; -webkit-transform: none; transform: none; } } @media only screen and (max-width: 47.8125em) { .gallery-show-block-header .component-youtube__figcaption p { padding-left: 2.5rem; } } @media print { .component-youtube { margin-top: 5rem; margin-left: 3.75rem; max-width: 37.5em; } .component-youtube .component-youtube-embed, .component-youtube img { page-break-before: auto; /* 'always,' 'avoid,' 'left,' 'inherit,' or 'right' */ page-break-after: auto; /* 'always,' 'avoid,' 'left,' 'inherit,' or 'right' */ page-break-inside: avoid; /* or 'auto' */ } .component-youtube .component-youtube-embed__bg, .component-youtube .component-youtube-embed__play-view { display: block !important; } .component-youtube .component-youtube-embed__print-play-icon { display: block; border: none; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); overflow: hidden; border-radius: 25%; } .component-youtube .component-youtube-embed__meta { display: -ms-flexbox !important; display: flex !important; position: absolute; top: auto; bottom: 100%; padding: 10px 0; } .component-youtube .component-youtube-embed__meta-title { display: inline-block; padding: 0px 1.25rem; font-weight: bold !important; font-size: 0.9rem; } .component-youtube .component-youtube-embed__meta-logo { border: 1px solid #d2dce2; } .component-youtube .component-youtube-embed__content, .component-youtube iframe { display: none !important; } .component-youtube .component-youtube__figcaption p { margin-left: 0 !important; } } @-webkit-keyframes animateProgress { 0% { stroke-dashoffset: 0; } 100% { stroke-dashoffset: 119.380520836; } } @keyframes animateProgress { 0% { stroke-dashoffset: 0; } 100% { stroke-dashoffset: 119.380520836; } } .rd-slider { position: relative; overflow: hidden; margin: 0 -25px; } @media only screen and (min-width: 47.875em) { .rd-slider { margin: 0; } } @media only screen and (min-width: 64.063em) { .rd-slider--offset-right { -webkit-transform: translateX(40px); transform: translateX(40px); } } .rd-slider__track { list-style: none; margin: 0; padding: 0; white-space: nowrap; font-size: 0; transition: -webkit-transform .7s ease; transition: transform .7s ease; } .rd-slider__skip { list-style: none; margin: 0; padding: 0; font-size: 0; position: absolute; bottom: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); white-space: nowrap; z-index: 1; } .rd-slider__skip__item { display: inline-block; } .rd-slider__skip__item button { background: transparent; padding: 15px; border: 0; margin: 0; } .rd-slider__skip__item button:after { content: ""; display: block; height: 10px; width: 10px; background: rgba(255, 255, 255, 0.25); border-radius: 50%; transition: background-color .3s ease; } .rd-slider__skip--theme-dark .rd-slider__skip__item button:after { background: rgba(0, 0, 0, 0.25); } .rd-slider__skip__item button:hover:after { background: white; } .rd-slider__skip--theme-dark .rd-slider__skip__item button:hover:after { background: black; } .rd-slider__skip__item button.active:after { background: #e08b24 !important; } .rd-slider__step { position: absolute; width: calc(100% - 40px); top: 50%; left: 20px; -webkit-transform: translateY(-50%); transform: translateY(-50%); list-style: none; margin: 0; padding: 0; z-index: 1; pointer-events: none; } .rd-slider__step__item { pointer-events: all; } .rd-slider__step__item--left { float: left; } .rd-slider__step__item--right { float: right; } .rd-slider__step__btn { display: block; width: 40px; height: 40px; padding: 0; margin: 0; border-radius: 50%; background-color: #fff; transition: opacity .3s ease; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); border: 0; } .rd-slider__step__btn:hover { background-color: #fff; } .rd-slider__step__btn--disabled { opacity: .2; pointer-events: none; } .rd-slider__step__icon { position: absolute; top: 10px; right: 10px; bottom: 10px; left: 10px; background-position: center; background-size: contain; transition: -webkit-transform .3s ease; transition: transform .3s ease; } .rd-slider__step__icon--left { left: 7px; } .rd-slider__step__icon--right { left: 13px; } .rd-slider__play { position: absolute; bottom: 20px; right: 20px; z-index: 1; } .rd-slider__play__btn { display: block; width: 40px; height: 40px; padding: 0; margin: 0; background: #fff; border: 0; border-radius: 50%; } .rd-slider__play__btn:hover { background-color: #fff; } .rd-slider__play__btn--active { background: transparent; } .rd-slider__play__btn--active:hover { background-color: transparent; } .rd-slider__play__icon { position: absolute; top: 12px; right: 12px; bottom: 12px; left: 12px; background-position: center; background-size: contain; transition: -webkit-transform .3s ease; transition: transform .3s ease; } .rd-slider__play__icon--play { left: 14px; } .rd-slider__play__btn--active .rd-slider__play__icon--play { -webkit-transform: scale(0); transform: scale(0); } .rd-slider__play__icon--pause { -webkit-transform: scale(0); transform: scale(0); } .rd-slider__play__btn--active .rd-slider__play__icon--pause { -webkit-transform: scale(1); transform: scale(1); } .rd-slider__play__progress { fill: rgba(255, 255, 255, 0.2); stroke: #fff; stroke-width: 2; stroke-dasharray: 119.380520836; stroke-dashoffset: 0; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); -webkit-transform-origin: center; transform-origin: center; } .rd-slider__play__btn--active .rd-slider__play__progress { -webkit-animation: animateProgress 4s linear infinite; animation: animateProgress 4s linear infinite; } .rd-slider__item { position: relative; font-size: initial; display: inline-block; width: 100%; min-height: 360px; } @media only screen and (min-width: 47.875em) { .rd-slider__item { padding-bottom: 56.25%; } } .rd-slider__item--tall { padding-bottom: 70%; } .rd-slider__item--theme-brand { background-color: #1c5170; } .rd-slider__item--theme-plum { background-color: #512654; } .rd-slider__item__bg { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-size: cover; background-position: center; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cdefs%3E%3Cpattern%20id%3D%22pinstripe%22%20patternUnits%3D%22userSpaceOnUse%22%20width%3D%2210%22%20height%3D%2210%22%20patternTransform%3D%22rotate%2845%29%22%3E%3Cpath%20stroke%3D%22rgba%280%2C0%2C0%2C0.5%29%22%20stroke-width%3D%225%22%20d%3D%22M5%200v10%22%2F%3E%3C%2Fpattern%3E%3C%2Fdefs%3E%3Crect%20width%3D%22100%25%22%20height%3D%22100%25%22%20fill%3D%22url%28%23pinstripe%29%22%2F%3E%3C%2Fsvg%3E"); } .rd-slider__item__bg--right { background-position: right center; } .rd-slider__item--theme-brand .rd-slider__item__bg { background-color: #1c5170; background-blend-mode: soft-light; opacity: .25; -webkit-filter: grayscale(100%); filter: grayscale(100%); } .rd-slider__item--theme-plum .rd-slider__item__bg { background-color: #512654; background-blend-mode: soft-light; opacity: .25; -webkit-filter: grayscale(100%); filter: grayscale(100%); } .rd-slider__item__bubble { position: absolute; background: white; white-space: normal; } @media only screen and (min-width: 1170px) { .rd-slider__item__bubble { top: 30px; left: 80px; right: 30px; max-width: 270px; padding: 20px; border-radius: 8px; } .rd-slider__item__bubble__text { font-size: 20px; line-height: 1.2em; } .rd-slider__item__bubble > :last-child { margin-bottom: 0; } } @media only screen and (max-width: 1170px) { .rd-slider__item__bubble { bottom: 0; left: 0; right: 0; padding: 20px; } } @media only screen and (min-width: 64.063em) { .rd-slider__item__bubble { right: 20px; } } .rd-slider__item__description { position: absolute; bottom: 0; left: 0; right: 0; background: white; padding: 20px; white-space: normal; font-size: 16px; } @media only screen and (min-width: 64.063em) { .rd-slider__item__description { right: 20px; } } .rd-slider__item__description p { margin: 10px 0 20px 0; } .rd-slider__item__description__note { position: absolute; top: 20px; right: 20px; font-size: 14px; color: #666666; } .rd-slider__item__inner { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); color: #fff; max-width: calc(100% - 60px); } .rd-slider__item__inner--right { text-align: right; } .rd-slider__text p { margin: 0; font-size: 20px; line-height: 1.1em; } @media only screen and (min-width: 90.063em) { .rd-slider__text p { font-size: 30px; } } .rd-slider__text p.rd-slider__text__large { font-size: 40px; font-weight: bold; white-space: nowrap; vertical-align: bottom; margin: 0; } @media only screen and (min-width: 90.063em) { .rd-slider__text p.rd-slider__text__large { font-size: 60px; } } .rd-slider__text p.rd-slider__text__medium { font-size: 28px; font-weight: bold; white-space: nowrap; vertical-align: bottom; margin: 0; } @media only screen and (min-width: 90.063em) { .rd-slider__text p.rd-slider__text__medium { font-size: 48px; } } /*doc --- title: Module block headings name: moduleblockheadings category: _module_General --- Simple row-module container ```html_example

Heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

``` Example with border bottom on header block. Wrap header with container class `module-header`. ```html_example

Hitta dokument eller lagar

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

``` Add class `show-as-small-screen-box` to create a row-module that transforms into box for small screens ```html_example

Heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

``` Add class `show-as-small-screen-box` to block content that transforms into box for small screens ```html_example

Block content collapse to box on small screens

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Block content

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

``` */ @media only screen and (min-width: 47.875em) { .module.show-as-small-screen-box.color-theme--guide .module-inner, .module.show-as-small-screen-box.color-theme--standard .module-inner, .module.show-as-small-screen-box.color-theme--facts .module-inner { padding-top: 0; } .module.show-as-small-screen-box.color-theme--guide .module-inner .module-standard--colorbox, .module.show-as-small-screen-box.color-theme--standard .module-inner .module-standard--colorbox, .module.show-as-small-screen-box.color-theme--facts .module-inner .module-standard--colorbox { padding-top: 16px; margin-top: 0; margin-bottom: 0; } .module.show-as-small-screen-box.color-theme--guide .module-inner { border-top-color: #c5c324; } .module.show-as-small-screen-box.color-theme--facts .module-inner { border-top-color: #89c2eb; } } .module.show-as-small-screen-box.color-theme--no-background { background-color: #ffffff !important; } .module.show-as-small-screen-box .module-inner { border-top: solid 7px #1c5170; padding-top: 16px; } .module.show-as-small-screen-box .module-inner .module-standard--colorbox { margin-top: 15px; margin-bottom: 15px; } @media only screen and (min-width: 47.875em) { .module.show-as-small-screen-box .module-inner .module-standard--colorbox { margin-top: 30px; margin-bottom: 30px; } } .module.row.show-as-small-screen-box { clear: left; } .module.thin-border .module-inner { border-top: solid 1px #b2b2b2; padding-top: 16px; } .module.no-border .module-inner { border-top: none; padding-top: 0; } .module .module-inner .show-as-small-screen-box { border-top: solid 7px #1c5170; padding-top: 16px; } .module .biggest, .module .bigger, .module .big { margin-top: 0; } .module-header { margin-bottom: 0; position: relative; } .module-header h1 { margin-bottom: 15px; } @media only screen and (max-width: 47.8125em) { .module-header h1 { margin-bottom: 5px; } } .module-header p { margin-bottom: 1.125em; } .module-header:before, .module-header:after { content: " "; display: table; } .module-header:after { clear: both; } .module-header.no-margin { margin-bottom: 0; } .module-header.module-header-push { margin-bottom: 15px; } .module-inner { .row { margin-left:0; margin-right:0; } .show-as-small-screen-box { padding-left: 0; padding-right:0; } } } } */ @media only screen and (max-width: 47.8125em) { .module.show-as-small-screen-box { margin-bottom: 20px; padding-top: 20px; } .module.show-as-small-screen-box .module-inner { border-top: none; padding-top: 0; } .module.show-as-small-screen-box .module-header { margin-left: -20px; margin-right: -20px; margin-top: -5px; padding-left: 20px; padding-right: 20px; } .module .module-header { margin-bottom: 15px; } .module .module-header .row { margin-left: 0 !important; margin-right: 0 !important; } .module .module-header .row .row { margin-left: -20px !important; margin-right: -20px !important; } .module .show-as-small-screen-box .module-header { margin-left: -20px; margin-right: -20px; margin-top: -5px; padding-left: 20px; padding-right: 20px; } .module .module-inner .show-as-small-screen-box { background: #ffffff; border-top: solid 7px #1c5170; border-left: solid 1px #dcdddd; border-right: solid 1px #dcdddd; border-bottom: solid 1px #dcdddd; margin-bottom: 20px; margin-left: -1.42857rem; margin-right: -1.42857rem; padding-left: 1.42857rem; padding-right: 1.42857rem; padding-top: 20px; } .module .module-inner .show-as-small-screen-box:before, .module .module-inner .show-as-small-screen-box:after { content: " "; display: table; } .module .module-inner .push .show-as-small-screen-box { margin-bottom: 0; } .module.show-as-small-screen-box { background: #ffffff; border-top: solid 7px #1c5170; border-left: solid 1px #dcdddd; border-right: solid 1px #dcdddd; border-bottom: solid 1px #dcdddd; } .module.show-as-small-screen-box.color-theme-guide { border-color: #c5c324; } .module.show-as-small-screen-box.color-theme-guide .module-standard--colorbox { border: 0; margin-top: 0; } .module.show-as-small-screen-box.color-theme-facts { border-color: #89c2eb; } .module.show-as-small-screen-box.color-theme-facts .module-standard--colorbox { border: 0; margin-top: 0; } .module-header p { margin-bottom: 0.5em; } /******* Style guide specific *******/ .exampleOutput .module.show-as-small-screen-box { margin-left: 0; margin-right: 0; } } /*doc --- title: Contact module name: contactmodule category: _module_Contact --- Contact module used on party page and fellow page. ```html_example
``` */ .contact-module { border: solid 1px #b2b2b2; display: table; font-size: 1em; margin: 0 0 40px 0; width: 100%; } .contact-module li { border-left: solid 1px #b2b2b2; display: table-cell; padding: 7px 0 18px; text-align: center; } .contact-module li:first-child { border-left: none; display: table-cell !important; } .icon-fellows { font-size: 2.5em; line-height: 1; position: relative; top: 6px; } .icon-home { color: #1c5170; font-size: 1.75em; line-height: 1; position: relative; top: 2px; } .icon-phone { color: #1c5170; font-size: 1.75em; line-height: 1; position: relative; top: 4px; } .icon-mail { font-size: 2em; line-height: 1; position: relative; top: 5px; } @media only screen and (min-width: 47.875em) and (max-width: 64em) { .contact-module { font-size: 0.875em; } .contact-module li { padding: 12px 0 18px; } .icon-fellows { font-size: 1.5625em; top: 3px; } .icon-home { font-size: 1.125em; top: 1px; } .icon-phone { font-size: 1.125em; top: 2px; } .icon-mail { font-size: 1.375em; top: 3px; } } @media only screen and (max-width: 47.8125em) { .contact-module { border: none; display: block; margin: 0 0 10px 0; font-size: 0.875em; width: 100%; } .contact-module li { border-left: none; display: block; padding: 7px 0 10px 50px; position: relative; text-align: left; } .contact-module li:first-child.hide-for-small { display: none !important; } .contact-module i { position: absolute; } .contact-module .icon-home { left: 0; } .contact-module .icon-phone { left: 2px; } .contact-module .icon-mail { left: 1px; top: 0px; } .contact-module .icon-external-link { font-size: 2.0625em; left: 0; line-height: 1; top: 2px; } .contact-module a { text-decoration: underline; } } .party-contact-module { border: solid 1px #b2b2b2; display: table; font-size: 1em; margin: 0 0 40px 0; width: 100%; } .party-contact-module li { display: table-cell; text-align: center; } .party-contact-module li { border-left: solid 1px #b2b2b2; padding: 7px 0 18px; } .party-contact-module li:first-child { border-left: none; } .icon-fellows { font-size: 2.5em; line-height: 1; position: relative; top: 6px; } .icon-home { color: #1c5170; font-size: 1.75em; line-height: 1; position: relative; top: 2px; } .icon-phone { color: #1c5170; font-size: 1.75em; line-height: 1; position: relative; top: 4px; } .icon-mail { font-size: 2em; line-height: 1; position: relative; top: 5px; } @media only screen and (min-width: 47.875em) and (max-width: 64em) { .party-contact-module { font-size: 0.875em; } .party-contact-module li { padding: 12px 0 18px; } .icon-fellows { font-size: 1.5625em; top: 3px; } .icon-home { font-size: 1.125em; top: 1px; } .icon-phone { font-size: 1.125em; top: 2px; } .icon-mail { font-size: 1.375em; top: 3px; } } @media only screen and (max-width: 47.8125em) { .party-contact-module { border: none; display: block; margin: 0 0 10px 0; font-size: 0.875em; width: 100%; } .party-contact-module li { border-left: none; display: block; padding: 7px 0 10px 50px; position: relative; text-align: left; } .party-contact-module li i { position: absolute; } .party-contact-module .icon-home { left: 0; } .party-contact-module .icon-phone { left: 2px; } .party-contact-module .icon-mail { left: 1px; top: 0px; } .party-contact-module .icon-external-link { font-size: 2.0625em; left: 0; line-height: 1; top: 2px; } .party-contact-module a { text-decoration: underline; } } .main-search-form { margin-bottom: 30px; margin-top: 10px; } .main-search-form__no-result { padding-bottom: 80px; } .main-search-form .rss-link-container { right: 20px; top: 19px; } .rd-page-type-top-gray .main-search-form .rss-link-container .rss-link-icon { background-color: #fafafa; } @media only screen and (max-width: 47.8125em) { .main-search-form { margin-top: 0; margin-bottom: 0; } .main-search-form .form-wrapper { position: relative; padding-right: 85px; } .main-search-form .form-wrapper .form-container input { margin-bottom: 15px; } .main-search-form .form-wrapper .form-button-container { width: auto; float: right; position: absolute; right: 0; margin: 0; } .main-search-form .label.info { margin-top: 0; margin-bottom: 5px; } } .search-list-module .video-image-link { position: relative; } .search-list-module .webtv-image { width: 20%; min-width: 160px; float: left; margin-right: 15px; margin-top: 5px; } .search-list-module .webtv-image img { max-width: 160px; } .search-list-module .webtv-content { float: left; max-width: 70%; } .search-list-module .video-image-overlay { position: absolute; top: 0; left: 0; z-index: 2; } @media only screen and (max-width: 47.8125em) { .search-list-module .webtv-image { width: 100%; margin-top: 0; } .search-list-module .webtv-content { max-width: 100%; } } @media only screen and (min-width: 47.875em) and (max-width: 64em) { .search-list-module .webtv-image { width: 100%; margin-top: 0; } .search-list-module .webtv-content { max-width: 100%; } } .search-list-module .search-list-module-header-container { margin-bottom: -1px; } .search-list-module .search-list-module-header-container .module-header { margin-bottom: 0; } .search-list-module .component-controls-date-picker button[type=submit] { float: right; } .search-list-module .search-sort { margin: 16px 10px 0 10px; float: right; } .search-list-module .search-sort .sort-item { margin: 0 6px; } .search-list-module .search-sort .sort-item a { margin-bottom: 0px; padding-bottom: 8px; } .search-list-module .search-sort .sort-item.selected a { font-weight: bold; border-bottom: 4px solid #1c5170; padding: 0 2px 4px 2px; } .search-list-module-header-container + .search-list-webtv { border-top: solid 1px #c6c4c0; margin-top: 8px; padding-top: 25px; } @media only screen and (min-width: 47.875em) { .search-list-webtv { padding-left: 0; padding-right: 0; } } .date { font-size: 0.75rem; font-weight: bold; display: block; margin-bottom: 6px; } .hit-subtitle { font-size: 0.75rem; line-height: 1.4; display: block; margin-bottom: 3px; } .search-item-webtv { margin-bottom: 30px; } .search-item-webtv.columns:last-child { float: left; } .search-item-webtv img { margin-bottom: 6px; } .search-item-webtv a { display: block; width: 100%; } .search-item-webtv a:first-child { text-indent: 0; } .search-item-webtv strong { display: block; } @media only screen and (min-width: 47.875em) and (max-width: 64em) { .search-item-webtv:nth-of-type(2n+1) { clear: both; } } @media only screen and (min-width: 64.063em) { .search-item-webtv:nth-of-type(3n+1) { clear: both; } } .button-load-more-container { margin-bottom: 30px; float: left; width: 100%; clear: both; } @media only screen and (max-width: 47.8125em) { .button-load-more-container { margin-bottom: 0; } } @media only screen and (min-width: 47.875em) { .commissioner-web-tv .search-list-webtv { margin-top: 30px; } } @media only screen and (min-width: 47.875em) { .search-list-module { border-top: solid 1px #b2b2b2; margin-bottom: -40px; padding: 25px 0; } .off-canvas-wrap { margin-bottom: -20px; } .off-canvas-wrap.module-has-margin-bottom { margin-bottom: 25px; } } @media only screen and (max-width: 47.8125em) { .search-list-module { background: #ffffff; margin-bottom: 0; padding: 20px 0 0 0; } .search-list-module .search-list-module-header-container { margin-bottom: 0; } .search-list-module-inner { padding-left: 0; padding-right: 0; } .search-item-webtv { border-bottom: solid 1px #b2b2b2; padding-bottom: 20px; } } .module-calendar.module-calendar-context-large { padding-top: 10px; } .module-calendar.module-calendar-context-large .component-calendar-wrapper { border-top: 1px solid #c4c4c4; } @media only screen and (max-width: 47.8125em) { .module-calendar.module-calendar-context-large { padding-top: 0; } .module-calendar.module-calendar-context-large .component-calendar-wrapper { border-top: none; } .module-calendar .component-calendar-wrapper { margin-left: -20px; margin-right: -20px; } } .module-calendar .subscription__placement { padding: 15px 10px; } @media only screen and (min-width: 47.875em) { .module-calendar .subscription__placement { padding: 16px 10px 0 10px; } } .module-calendar .subscription__icon:before { padding-left: 25px; display: inline-block; height: 20px; vertical-align: -2px; content: ''; } /*doc --- title: Calendar name: calendar category: _module_Calendar --- Calendar explanation ```html_example

Onsdag 3 maj

Torsdag 4 maj

Se hela kalendern
``` */ /*.calendar { border-top:solid 4px $calendar-accent-color; background:#fff; } .calendar-list { list-style: none; } .calendar-list li { border-top:solid 1px $input-border-color; padding: 10px 8px; } .calendar-list li.selected { background: rgba($calendar-accent-color, 0.2); border-top: solid 1px $calendar-accent-color; } .calendar-list li.selected a { font-weight: bold; } .day-header { border-top: solid 2px $input-border-color; } .day-header .day-heading { margin-bottom: 0; margin-top: 0; padding: 10px 8px; } .day { border-top: solid 1px darken($input-border-color,10%); } .day:first-child { border-top: none; } .day:first-child .day-header { border-top: none; } .calendar-pagination { border-top: solid 1px $input-border-color; padding: 8px 0; width: 100%; } .calendar-pagination li { margin-left: 0; text-align: center; width: 14.2857%; } .calendar-pagination li .day-of-week { font-size: emCalc(11px); } .day-in-month { color: #222; font-weight: bold; } a.day-in-month:hover { color: #222; text-decoration: none; } .day-in-month.selected { background: $calendar-accent-color; display: inline-block; width: 23px; text-align: center; //-webkit-border-radius: 50%; //-moz-border-radius: 50%; border-radius: 50%; } .time { padding-right: 8px; } .calendar-push-footer { padding: 20px 10px; } margin-left: -20px; margin-right: -20px; .day-header { .day-heading { padding: 10px 19px } } .calendar-list { li { padding: 10px 19px; } } .calendar-push-footer { padding: 20px 19px; } } } */ .campaign-calendar__slider { padding-bottom: 50px; margin: -20px 40px; } @media only screen and (max-width: 47.8125em) { .campaign-calendar__slider { margin: 0px 40px; } } @media only screen and (max-width: 30em) { .campaign-calendar__slider { margin: 0px 20px; } } @media only screen and (min-width: 1400px) { .campaign-calendar__slider { margin: -20px; } } .campaign-calendar__step { left: 5px; width: calc(100% - 10px); } @media only screen and (max-width: 30em) { .campaign-calendar__step { left: -5px; width: calc(100% + 10px); } } @media only screen and (min-width: 1400px) { .campaign-calendar__step { left: -70px; width: calc(100% + 140px); } } .campaign-calendar__step .rd-slider__step__btn { width: 60px; height: 60px; background: none; } .campaign-calendar__track { display: -ms-flexbox; display: flex; } .campaign-calendar__item { min-height: 0; padding: 20px; width: 100%; -ms-flex-negative: 0; flex-shrink: 0; } @media only screen and (min-width: 64.063em) and (max-width: 90em) { .campaign-calendar__item { width: 33.33%; } } @media only screen and (min-width: 1400px) { .campaign-calendar__item { width: 25%; } } @media only screen and (min-width: 47.875em) and (max-width: 64em) { .campaign-calendar__item { width: 50%; } } @media only screen and (max-width: 47.8125em) { .campaign-calendar .rd-slider__skip__item button { padding: 5px; } } .campaign-calendar .rd-slider__skip__item button:after { background-color: #d9d9d9; } .campaign-calendar .rd-slider__skip__item button:hover:after { background-color: #b3b3b3; } .campaign-calendar .rd-slider__skip__item button.active:after { background-color: #f0c7cd !important; } .campaign-calendar__box { white-space: normal; padding: 30px; background-color: #fae8eb; box-shadow: 10px 10px 0 #f0c7cd; height: 100%; } @media only screen and (max-width: 30em) { .campaign-calendar__box { padding: 20px; } } .campaign-calendar__item:nth-child(even) .campaign-calendar__box { background-color: #f1f7fc; box-shadow: 10px 10px 0 #c8e0f1; } .campaign-calendar__box .link-arrow-right, .campaign-calendar__box .footer-general-links-title a, .footer-general-links-title .campaign-calendar__box a { font-size: 16px; } .campaign-calendar__day { display: block; font-weight: bold; font-size: 100px; line-height: 0.75em; text-align: center; margin-bottom: 15px; } .campaign-calendar__month { display: block; font-weight: bold; font-size: 25px; line-height: 1em; text-align: center; margin-bottom: 20px; } .campaign-calendar__separator { padding-bottom: 20px; margin: 0 20px 20px; border-bottom: 1px solid #d9d9d9; } @media only screen and (min-width: 47.875em) and (max-width: 64em) { .campaign-calendar__separator { margin: 0 20px 40px; padding-bottom: 40px; } } @media only screen and (min-width: 64.063em) { .campaign-calendar__separator { max-width: calc(75rem - 40px); padding-bottom: 40px; margin: 0 auto 40px; } } @media only screen and (max-width: 47.8125em) { .campaign-columns .columns { padding: 0 10px; } } .campaign-columns__headline { font-size: 37px; margin: 0; } .campaign-columns__preamble { font-size: 23px; margin: 20px 0; } .campaign-columns__separator { padding-bottom: 20px; margin: 0 20px 20px; border-bottom: 1px solid #d9d9d9; } @media only screen and (min-width: 47.875em) and (max-width: 64em) { .campaign-columns__separator { margin: 0 20px 40px; padding-bottom: 40px; } } @media only screen and (min-width: 64.063em) { .campaign-columns__separator { max-width: calc(75rem - 40px); padding-bottom: 40px; margin: 0 auto 40px; } } .campaign-columns__img { margin-top: 20px; } @media only screen and (min-width: 64.063em) { .campaign-columns__img { margin: 0; } } .campaign-columns__img-credits { margin-top: 6px; display: block; color: #8f8f8f; } .campaign-feed { position: relative; padding-bottom: 10px; } @media only screen and (max-width: 47.8125em) { .campaign-feed { padding-bottom: 15px; } } .campaign-feed__grid { list-style: none; padding: 0; margin: -15px -5px; -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; } @media only screen and (min-width: 47.875em) { .campaign-feed__grid { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; } } @media only screen and (min-width: 64.063em) { .campaign-feed__grid { margin: -20px; } } @media only screen and (max-width: 47.8125em) { .campaign-feed__grid { height: auto !important; } } .campaign-feed__item { display: block; padding: 15px 5px; -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; } @media only screen and (min-width: 64.063em) { .campaign-feed__item { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; padding: 30px 20px; } } @media only screen and (max-width: 47.8125em) { .campaign-feed__item { padding: 15px 15px 10px; } } @media only screen and (min-width: 47.875em) { .js .campaign-feed__item { -webkit-transform: scale(0); transform: scale(0); transition: all .4s ease; } } .js .campaign-feed__item--float { padding: 15px; } @media only screen and (min-width: 64.063em) { .js .campaign-feed__item--float { padding: 30px; } } @media only screen and (min-width: 47.875em) { .js .campaign-feed__item--float { position: absolute; width: 50%; -webkit-transform: scale(1); transform: scale(1); } } .campaign-feed__box { background: #fff; box-shadow: 10px 10px 0 #75b2dd; } @media only screen and (min-width: 64.063em) { .campaign-feed__box { box-shadow: 20px 20px 0 #75b2dd; } } .campaign-feed__box--yellow { box-shadow: 10px 10px 0 #c5c324; } @media only screen and (min-width: 64.063em) { .campaign-feed__box--yellow { box-shadow: 20px 20px 0 #c5c324; } } .campaign-feed__box--light { box-shadow: 10px 10px 0 #fff !important; } @media only screen and (min-width: 64.063em) { .campaign-feed__box--light { box-shadow: 20px 20px 0 #fff !important; } } .campaign-header { padding: 30px 0 60px 0; border-bottom: 1px solid #e6e6e6; } @media only screen and (max-width: 47.8125em) { .campaign-header { padding: 10px 20px 30px; margin: 0 -5px; } } .campaign-header__img { width: 100%; height: auto; } .campaign-header__sub { font-size: 22px; margin: 0; max-width: 1060px; display: block; text-align: right; } @media only screen and (max-width: 47.8125em) { .campaign-header__sub { font-size: 20px; line-height: 1.2em; padding-top: 15px; } } .campaign-header__sub strong { font-size: 65px; } @media only screen and (max-width: 47.8125em) { .campaign-header__sub strong { font-size: 30px; } } .campaign-header__sub-custom { font-size: 22px; margin: 0; padding-top: 46px; padding-bottom: 8px; max-width: 1060px; display: block; text-align: right; } @media only screen and (max-width: 47.8125em) { .campaign-header__sub-custom { font-size: 20px; line-height: 1.2em; padding-top: 18px; } } .campaign-video__items { position: relative; margin: -10px 0; } @media only screen and (min-width: 47.875em) and (max-width: 64em) { .campaign-video__items { margin: -10px 10px; } } .campaign-video__bg { position: absolute; top: 40px; right: 0; bottom: 40px; left: 0; background: #f2f7fb; } @media only screen and (min-width: 47.875em) and (max-width: 64em) { .campaign-video__bg { left: -10px; right: -10px; } } .campaign-video__item { float: left; width: 100%; padding: 20px; } @media only screen and (min-width: 47.875em) { .campaign-video__item { width: 25%; } .campaign-video__item:first-child { width: 50%; } } @media only screen and (min-width: 47.875em) and (max-width: 64em) { .campaign-video__item { padding: 10px; } } @media only screen and (max-width: 47.8125em) { .campaign-video__item { padding: 7.5px 10px; } } .campaign-page h2 { font-size: 37px; margin: 0 0 10px 0; } @media only screen and (max-width: 47.8125em) { .campaign-page h2 { font-size: 25px; } } .campaign-page .footer h2 { font-size: 18px; } .campaign-page .campaign-columns .large-6:first-child { margin-bottom: 30px; } @media only screen and (max-width: 47.8125em) { .campaign-page .campaign-columns .large-6:first-child { margin-bottom: 20px; } } .campaign-page .smartlist-group-header { font-size: 37px; margin: 0 0 20px 0; padding-top: 0; } @media only screen and (max-width: 47.8125em) { .campaign-page .smartlist-group-header { font-size: 25px; } } .campaign-page .preamble, .campaign-page .vacancy-details .vacancy-details-intro-container p:first-of-type, .vacancy-details .vacancy-details-intro-container .campaign-page p:first-of-type { font-size: 23px; margin: 0 0 20px; } @media only screen and (max-width: 47.8125em) { .campaign-page .preamble, .campaign-page .vacancy-details .vacancy-details-intro-container p:first-of-type, .vacancy-details .vacancy-details-intro-container .campaign-page p:first-of-type { font-size: 18px; } } @media only screen and (max-width: 47.8125em) { .campaign-page .block-container-size-small { padding: 0 10px; } } .campaign-page .module-block-container.campaign-area .module-block-container { margin-bottom: 0; } /* TODO: Dokumentera denna! */ .module-parties-list-logo { margin: 10px -20px 10px -20px; } .module-parties-list-logo .item { font-size: 0.875em; font-weight: bold; margin-left: 0; text-align: center; vertical-align: top; padding: 0 20px 40px 20px; } .module-parties-list-logo .item-container-link { display: block; background-color: #eeeeee; color: #000000; } .module-parties-list-logo .item-container-link:hover, .module-parties-list-logo .item-container-link:active { background-color: #8f8f8f; text-decoration: none; color: #ffffff; } .module-parties-list-logo .item-logo { display: block; padding: 30px; } .module-parties-list-logo .item-logo img { display: inline-block; max-width: 110px; width: 100%; background-color: #ffffff; padding: 10px; border-radius: 50%; } .module-parties-list-logo .item-amount { padding: 15px 20px; } .module-parties-list-logo .item-name { display: block; margin-top: 7px; word-break: break-all; } @media only screen and (max-width: 47.8125em) { .module-parties-list-logo .item { font-size: 0.75em; padding-bottom: 30px; } .module-parties-list-logo .item-logo { padding: 20px; } } .module-offcanvas .icon { font-size: 0.625em; } .module-offcanvas .offcanvas-sort { display: block; margin: 0; list-style-type: none; float: left; clear: both; padding: 20px 0 5px 0; } .module-offcanvas .offcanvas-sort .sort-title { font-size: 1em; } .module-offcanvas .offcanvas-sort .sort-item { padding-top: 8px; } .module-fellows-list .component-fellows-list { padding-top: 30px !important; padding-bottom: 20px; } .module-fellows-list .component-fellows-list .fellows-group { padding: 0 0 10px 0; } .module-fellows-list .component-fellows-list .fellows-group-header { padding: 10px 0 0 0; } @media only screen and (max-width: 47.8125em) { .module-fellows-list .component-fellows-list { padding-top: 20px !important; padding-bottom: 20px; } } .module-fellows-list .fellows-notes-list-header-container { border-bottom: 1px solid #b2b2b2; overflow: hidden; margin-bottom: 20px; } .module-fellows-list .fellows-notes-list-header { margin-bottom: 6px; float: left; } .module-fellows-list .fellows-notes-list-rss { white-space: nowrap; float: right; margin-top: 10px; } .module-fellows-list .rss-link-container { position: static; float: right; margin-top: 10px; } .module-fellows-list .button { padding: 12px 15px 9px 13px; } .find-member .component-fellows-list { padding-bottom: 0; } .find-member__container { overflow: hidden; } @media only screen and (min-width: 47.875em) { .find-member__container { margin-bottom: 0 !important; } } @media only screen and (max-width: 47.8125em) { .find-member__container { background: #fff; margin: 0 -5px -13px !important; } } .find-member__select { padding: 20px !important; } @media only screen and (min-width: 47.875em) { .find-member__select { padding: 60px 0 0 0 !important; } } .find-member__select .button { padding: 12px 15px 9px 13px; } .find-member__submit { display: none; } .no-js .find-member__submit { display: inline-block; } @media only screen and (min-width: 47.875em) { .find-member__headline { font-size: 37px; margin-bottom: .5em; } } .find-member__gfx { height: 400px; margin-bottom: -1px; } @media only screen and (max-width: 47.8125em) { .find-member__gfx { height: 250px; } } .find-member__gfx img { height: 400px; max-width: none; } @media only screen and (min-width: 47.875em) { .find-member__gfx img { margin-left: 20px; } } @media only screen and (max-width: 47.8125em) { .find-member__gfx img { height: 250px; position: relative; left: calc(50% - 140px); } } @media only screen and (max-width: 47.8125em) { .find-member__result { padding: 0 20px; } } @media only screen { .find-member__all-results { margin-bottom: 40px; } } @media only screen and (max-width: 47.8125em) { .find-member__all-results { padding: 0 20px 20px 20px; } } .module-fellow { width: 100%; float: left; clear: both; padding-top: 14px; padding-bottom: 20px; } .module-fellow .sad-module-documents { margin-top: 15px; } .module-fellow .sad-module { padding-top: 35px; } .module-fellow .component-fellows-list { padding-bottom: 20px !important; } .module-fellow .divider-colored { margin-top: 20px; } @media only screen and (max-width: 47.8125em) { .module-fellow { padding-bottom: 0; } } .flowplayer { position: relative; width: 100%; text-align: left; background-size: contain; background-repeat: no-repeat; background-position: center center; display: inline-block; } .flowplayer video { width: 100%; } .flowplayer.is-ipad video { -webkit-transform: translateX(-2048px); } .is-ready.flowplayer.is-ipad video { -webkit-transform: translateX(0); } .flowplayer .fp-engine, .flowplayer .fp-ui, .flowplayer .fp-message { position: absolute; top: 0; left: 0; width: 100%; height: 100%; cursor: pointer; z-index: 1; } .flowplayer .fp-controls { position: absolute; bottom: 0; width: 100%; } .no-background.flowplayer .fp-controls { background-color: transparent !important; } .flowplayer .fp-waiting { display: none; margin: 19% auto; text-align: center; } .flowplayer .fp-waiting * { box-shadow: 0 0 5px #333; } .flowplayer .fp-waiting em { width: 1em; height: 1em; border-radius: 1em; background-color: rgba(255, 255, 255, 0.8); display: inline-block; -webkit-animation: pulse .6s infinite; animation: pulse .6s infinite; margin: .3em; opacity: 0; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); } .flowplayer .fp-waiting em:nth-child(1) { -webkit-animation-delay: .3s; animation-delay: .3s; } .flowplayer .fp-waiting em:nth-child(2) { -webkit-animation-delay: .45s; animation-delay: .45s; } .flowplayer .fp-waiting em:nth-child(3) { -webkit-animation-delay: .6s; animation-delay: .6s; } .flowplayer .fp-waiting p { color: #ccc; font-weight: bold; } .flowplayer .fp-speed { font-size: 30px; background-color: #333; background-color: rgba(51, 51, 51, 0.8); color: #eee; margin: 0 auto; text-align: center; width: 120px; padding: .1em 0 0; opacity: 0; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); transition: opacity .5s; } .flowplayer .fp-speed.fp-hilite { opacity: 1; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); } @media (max-width: 600px) { .flowplayer .fp-help p { font-size: 9px; } } .flowplayer .fp-logo { position: absolute; top: auto; left: 15px; bottom: 30px; cursor: pointer; display: none; z-index: 100; } .flowplayer .fp-logo img { width: 100%; } .is-embedded.flowplayer .fp-logo { display: block; } .fixed-controls.flowplayer .fp-logo { bottom: 15px; } .flowplayer .fp-unload, .flowplayer .fp-close { background-position: 14px -175px; display: none; } .flowplayer .fp-play { display: none; width: 27px; height: 20px; background-position: 9px -24px; position: absolute; bottom: 0; left: 0; } .play-button.flowplayer .fp-play { display: block; } .is-paused.flowplayer .fp-play { background-position: 9px 7px; } .flowplayer.is-ready.is-closeable .fp-unload { display: block; } .flowplayer.is-fullscreen .fp-unload, .flowplayer.is-fullscreen .fp-close { display: none !important; } .flowplayer .fp-timeline { height: 3px; position: relative; overflow: hidden; top: 5px; height: 10px; margin: 0 150px 0 45px; } .no-volume.flowplayer .fp-timeline { margin-right: 60px; } .no-mute.flowplayer .fp-timeline { margin-right: 45px; } .play-button.flowplayer .fp-timeline { margin-left: 67px; } .no-volume.is-long.flowplayer .fp-timeline { margin-right: 90px; } .no-mute.is-long.flowplayer .fp-timeline { margin-right: 75px; } .play-button.is-long.flowplayer .fp-timeline { margin-left: 97px; } .play-button.no-time.flowplayer .fp-timeline, .play-button.aside-time.flowplayer .fp-timeline { margin-left: 27px; } .flowplayer .fp-buffer, .flowplayer .fp-progress { position: absolute; top: 0; left: auto; height: 100%; cursor: col-resize; } .flowplayer .fp-buffer { transition: width .25s linear; } .flowplayer .fp-mute { width: 10px; height: 15px; float: left; position: relative; top: -5px; cursor: pointer; background-position: -2px -99px; } .no-mute.flowplayer .fp-mute { display: none; } .flowplayer .fp-volumeslider { width: 90px; height: 5px; cursor: col-resize; float: left; } .no-volume.flowplayer .fp-volumeslider { display: none; } .flowplayer .fp-volumelevel { height: 100%; } .flowplayer .fp-time.is-inverted .fp-duration { display: none; } .flowplayer .fp-time.is-inverted .fp-remaining { display: inline; } .flowplayer .fp-time em { width: 35px; height: 10px; line-height: 10px; text-align: center; position: absolute; bottom: 5px; } .no-time.flowplayer .fp-time { display: none; } .is-long.flowplayer .fp-time em { width: 65px; } .flowplayer .fp-elapsed { left: 5px; } .play-button.flowplayer .fp-elapsed { left: 27px; } .no-volume.flowplayer .fp-remaining, .no-volume.flowplayer .fp-duration { right: 20px; } .no-mute.flowplayer .fp-remaining, .no-mute.flowplayer .fp-duration { right: 5px; } .flowplayer .fp-remaining { display: none; } .flowplayer.is-long.aside-time .fp-time { width: 130px; } .flowplayer.is-splash, .flowplayer.is-poster { cursor: pointer; } .flowplayer.is-splash .fp-controls, .flowplayer.is-splash .fp-fullscreen, .flowplayer.is-poster .fp-fullscreen, .flowplayer.is-splash .fp-unload, .flowplayer.is-poster .fp-unload, .flowplayer.is-splash .fp-time, .flowplayer.is-poster .fp-time, .flowplayer.is-splash .fp-embed, .flowplayer.is-poster .fp-embed { display: none !important; } .flowplayer.is-poster .fp-engine { top: -9999em; } .flowplayer.is-loading .fp-waiting { display: block; } .flowplayer.is-loading .fp-controls, .flowplayer.is-loading .fp-time { display: none; } .flowplayer.is-loading .fp-ui { background-position: -9999em; } .flowplayer.is-seeking .fp-waiting { display: block; } .flowplayer.is-fullscreen { position: fixed !important; top: 0 !important; left: 0 !important; border: 0 !important; margin: 0 !important; width: 100% !important; height: 100% !important; max-width: 100% !important; z-index: 999 !important; box-shadow: 0 !important; background-image: none !important; background-color: #333; } .flowplayer.is-error { border: 1px solid #909090; background: #fdfdfd !important; } .flowplayer.is-error h2 { font-weight: bold; font-size: large; margin-top: 10%; } .flowplayer.is-error .fp-message { display: block; } .flowplayer.is-error object, .flowplayer.is-error video, .flowplayer.is-error .fp-controls, .flowplayer.is-error .fp-time, .flowplayer.is-error .fp-subtitle { display: none; } .flowplayer.is-ready.is-muted .fp-mute { opacity: .5; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); } .flowplayer.fixed-controls .fp-volume { display: block; } .flowplayer.fixed-controls .fp-controls { bottom: -20px; } .is-fullscreen.flowplayer.fixed-controls .fp-controls { bottom: 0; } .flowplayer.fixed-controls .fp-time em { bottom: -15px; opacity: 1; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); } .is-fullscreen.flowplayer.fixed-controls .fp-time em { bottom: 5px; } .flowplayer.is-disabled .fp-progress { background-color: #999; } .flowplayer.is-long.aside-time .fp-embed { left: 130px; } @-webkit-keyframes pulse { 0% { opacity: 0; } 100% { opacity: 1; } } @-ms-keyframes pulse { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes pulse { 0% { opacity: 0; } 100% { opacity: 1; } } .flowplayer .fp-controls { background-color: #333; background-color: rgba(51, 51, 51, 0.6); } .flowplayer .fp-play { height: 24px; } .embed-logo { display: none; position: absolute; left: 20px; top: 20px; width: 100px; z-index: 200; } .embed-meta { display: none; } .popout { overflow: hidden; } .popout .row { width: 100%; max-width: 100%; } .popout .row .row { margin-left: 0; margin-right: 0; } .popout .columns, .popout .row.medium-uncollapse > .columns, .popout .video-block .video-include { padding-left: 0; padding-right: 0; } .popout .embed-logo, .popout .embed-meta { display: block; } .popout .flowplayer .rd-social-buttons { display: none; } .vlp-social__button--download:hover { color: #FFFFFF; } .vlp-social__button--quality .vlp-social__icon--quality { position: absolute; top: 50%; left: 50%; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } /*Remove social buttons for IE10 IE11 in fullscreen*/ @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .flowplayer.is-fullscreen .rd-social-buttons { display: none; } } /* Styles go here */ .video-block { margin-bottom: 20px; width: 100%; position: relative; } .videoplayer--sticky .video-block { border: solid 1px #c6c4c0; } .video-block .fp-ratio { padding-top: 56.25%; } .video-block .fp-engine { position: absolute; } .video-block .video-include { z-index: 4; } .video-block .video-include.ng-enter { opacity: 0; } .video-block--active .video-loading { opacity: 0; z-index: 0; } .video-block--active .video-include { z-index: 10; } .video-block--embed .video-vod-player__video { width: 100%; left: 0; } .video-block-static { border: 0; } .popout .video-block { border: none; margin-bottom: 0; } @media only screen and (max-width: 47.8125em) { .video-block { border: none; margin-bottom: 0; } .video-block .video-include { left: 0; padding-left: 0; padding-right: 0; top: 0; } .flowplayer.is-poster .fp-engine { top: 0 !important; } .flowplayer.is-loading .fp-waiting { display: none !important; } .flowplayer.is-loading .fp-ui { display: none !important; } .flowplayer.is-finished .rd-bigplay .icon-play { left: 4px !important; top: 11px !important; position: absolute; } .flowplayer.is-finished .rd-bigplay .icon-play:before { width: 23px; height: 23px; left: -2px; top: -2px; } } @media only screen and (min-width: 47.875em) and (max-width: 64em) { .flowplayer.is-poster .fp-engine { top: 0 !important; } .flowplayer.is-loading .fp-waiting { display: none !important; } .flowplayer.is-loading .fp-ui { display: none !important; } } .playlist .current { background: red !important; padding: 20px !important; } /* * Player */ .flowplayer { position: relative; top: 0; left: 0; padding: 0; width: 100%; z-index: 3; /* * Social buttons */ /* * Timeline */ /* Timeline cue points */ /* * Pop bubbles */ /* * Controls */ /* * Playing state */ /* * Finished state */ /* * Pause state */ /* * Hover state */ /* * Seeking */ /* * Is live */ /* * Is poster */ /* * Finished state */ } .flowplayer.loaded { opacity: 1; } .flowplayer .fp-ui { overflow: hidden; z-index: 3; } .flowplayer .fp-help, .flowplayer .fp-message { display: none; } .flowplayer .rd-social-buttons { position: absolute; top: 20px; right: 20px; -webkit-animation-fill-mode: both; -ms-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-duration: 0.5s; -ms-animation-duration: 0.5s; animation-duration: 0.5s; z-index: 3; } .flowplayer .rd-social-buttons .rd-social-button { background: rgba(0, 0, 0, 0.75); border: none; color: #ffffff; color: rgba(255, 255, 255, 0.7); display: block; font-size: 22px; height: 40px; margin-bottom: 3px; padding: 0; text-align: center; width: 40px; } .flowplayer .rd-social-buttons .rd-social-button:hover, .flowplayer .rd-social-buttons .rd-social-button.keyboard-focus { color: #ffffff; text-decoration: none; } .flowplayer .rd-social-buttons .rd-social-button.embed .icon-embed { position: relative; top: 2px; } .flowplayer .rd-social-buttons .rd-social-button.share .icon-share { position: relative; top: 1px; } .flowplayer .rd-social-buttons .rd-social-button.download { font-size: 20px; } .flowplayer .rd-social-buttons .rd-social-button.download .icon-download { position: relative; top: 0px; } .flowplayer .fp-timeline { background-color: #616161; display: none; margin: -10px -2.083333333333%; overflow: visible; position: absolute; top: 0; width: 100%; z-index: 2; } .flowplayer .fp-progress { background-color: #e28c05; overflow: visible; } .flowplayer .fp-progress.rd-progress-handle { background-color: transparent; } .flowplayer .fp-buffer { background: rgba(255, 255, 255, 0.4); } .flowplayer .rd-progress-handle { background: transparent url("../images/video/timelinehead.png") no-repeat 0 0; background-size: 16px 16px; display: none; height: 20px; width: 20px; right: -8px; top: -3px; z-index: 3; } .flowplayer .fp-cuepoint { border-left: solid 1px #434343; display: block; height: 10px; position: absolute; background-color: transparent; width: 1000px; } .flowplayer .fp-cuepoint.cuepoint-part { border-right: solid 1px #434343; } .flowplayer .fp-cuepoint:hover, .flowplayer .fp-cuepoint.cuepoint-part { /* fallback */ background-color: #ffffff; } .flowplayer .rd-member-popup { background: url("../images/video/memberarrow.png") no-repeat center 18px; bottom: 10px; font-family: Arial; font-size: 11px; font-weight: normal; color: #000; display: none; line-height: 17px; padding-bottom: 15px; position: absolute; text-decoration: none; width: auto; z-index: 120; } .flowplayer .rd-member-popup span { background: #ffffff; padding: 6px 11px; white-space: pre; } .flowplayer .rd-member-popup.rd-helper-pop { bottom: 30px; left: 50%; } .flowplayer .fp-controls { background: #000000; background: rgba(0, 0, 0, 0.85); border-radius: 0; bottom: 0; height: 40px; left: 0; overflow: visible; padding: 10px 2.083333333333%; visibility: visible; width: 100%; -webkit-animation-fill-mode: both; -ms-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-duration: 0.5s; -ms-animation-duration: 0.5s; animation-duration: 0.5s; z-index: 110; /* Controls right */ /* Volume */ /* * Time in control bar */ } @media only screen and (min-width: 47.875em) { .flowplayer .fp-controls { overflow: visible; } } .flowplayer .fp-controls .video-rd-player-controlers { float: left; margin-left: 10px; position: relative; top: -1px; } .flowplayer .fp-controls .rd-movie-controlers-right { float: right; position: relative; top: -8px; } .flowplayer .fp-controls a, .flowplayer .fp-controls button { background: none; color: rgba(255, 255, 255, 0.7); margin: 0; text-decoration: none; text-align: left; } .flowplayer .fp-controls a:hover, .flowplayer .fp-controls a.keyboard-focus, .flowplayer .fp-controls button:hover, .flowplayer .fp-controls button.keyboard-focus { color: #ffffff; text-decoration: none; } .flowplayer .fp-controls a [class^="icon-"]:before, .flowplayer .fp-controls a .link-arrow-right:after, .flowplayer .fp-controls a .footer-general-links-title a:after, .footer-general-links-title .flowplayer .fp-controls a a:after, .flowplayer .fp-controls a .editor-content a:after, .editor-content .flowplayer .fp-controls a a:after, .flowplayer .fp-controls a a.link-no-arrow-right:after, .flowplayer .fp-controls a .link-external:after, .flowplayer .fp-controls a .link-icon.icon-before:before, .flowplayer .fp-controls a .link-icon.icon-after:after, .flowplayer .fp-controls a a.icon-right-open:after, .flowplayer .fp-controls a a.icon-down-open:after, .flowplayer .fp-controls a a.icon-external-link:after, .flowplayer .fp-controls a .module-slick-slider .slick-next:after, .module-slick-slider .flowplayer .fp-controls a .slick-next:after, .flowplayer .fp-controls a .module-slick-slider .slick-prev:after, .module-slick-slider .flowplayer .fp-controls a .slick-prev:after, .flowplayer .fp-controls button [class^="icon-"]:before, .flowplayer .fp-controls button .link-arrow-right:after, .flowplayer .fp-controls button .footer-general-links-title a:after, .footer-general-links-title .flowplayer .fp-controls button a:after, .flowplayer .fp-controls button .editor-content a:after, .editor-content .flowplayer .fp-controls button a:after, .flowplayer .fp-controls button a.link-no-arrow-right:after, .flowplayer .fp-controls button .link-external:after, .flowplayer .fp-controls button .link-icon.icon-before:before, .flowplayer .fp-controls button .link-icon.icon-after:after, .flowplayer .fp-controls button a.icon-right-open:after, .flowplayer .fp-controls button a.icon-down-open:after, .flowplayer .fp-controls button a.icon-external-link:after, .flowplayer .fp-controls button .module-slick-slider .slick-next:after, .module-slick-slider .flowplayer .fp-controls button .slick-next:after, .flowplayer .fp-controls button .module-slick-slider .slick-prev:after, .module-slick-slider .flowplayer .fp-controls button .slick-prev:after { margin: 0; } .flowplayer .fp-controls button { border: none; } .flowplayer .fp-controls .player-control { display: inline-block; float: left; overflow: visible; position: relative; } .flowplayer .fp-controls .rd-play { float: left; font-size: 17px; height: 35px; padding: 9px 3px 2px; position: relative; top: -6px; width: 22px; } .flowplayer .fp-controls .rd-play .icon-play { position: absolute; top: 8px; } .flowplayer .fp-controls .rd-next, .flowplayer .fp-controls .rd-prev { display: none; float: left; position: relative; top: -1px; } .flowplayer .fp-controls .rd-next i, .flowplayer .fp-controls .rd-prev i { position: relative; top: -2px; } .flowplayer .fp-controls .rd-settings { font-size: 18px; padding: 8px 6px 7px; } .flowplayer .fp-controls .rd-popout { display: none; font-size: 21px; line-height: 21px; padding: 7px 6px 8px; } .flowplayer .fp-controls .rd-popout i { position: relative; top: 1px; } .flowplayer .fp-controls .rd-volume-trigger { display: none; float: left; font-size: 18px; position: relative; } .flowplayer .fp-controls .rd-volume-trigger > button { font-size: 18px; } .flowplayer .fp-controls .rd-volume-trigger.active { background-color: #000000; } .flowplayer .fp-controls .rd-volume-trigger.active a { color: #ffffff; } .flowplayer .fp-controls .rd-volume-trigger .player-control { padding: 8px 7px 7px; } .flowplayer .fp-controls .rd-volume-trigger .fp-volume { display: none; } .flowplayer .fp-controls .rd-volume-trigger .fp-volume.active { display: block; background: #3b3b3b; bottom: 38px; height: 178px; left: 50%; margin-left: -16px; padding: 36px 0 86px; position: absolute; width: 32px; z-index: 10; } .flowplayer .fp-controls .rd-volume-trigger .rd-volume-plus { height: 30px; left: 0; border-bottom: solid 1px #404040; position: absolute; top: 0; width: 32px; } .flowplayer .fp-controls .rd-volume-trigger .rd-volume-plus button { border-bottom: solid 1px #050505; display: block; height: 100%; padding: 0; text-align: center; width: 100%; } .flowplayer .fp-controls .rd-volume-trigger .rd-volume-plus button:hover { background-color: rgba(0, 0, 0, 0.3); } .flowplayer .fp-controls .rd-volume-trigger .rd-volume-min { height: 30px; left: 0; border-top: solid 1px #050505; position: absolute; bottom: 0; width: 32px; } .flowplayer .fp-controls .rd-volume-trigger .rd-volume-min button { border-top: solid 1px #404040; display: block; height: 100%; padding: 0; text-align: center; width: 100%; } .flowplayer .fp-controls .rd-volume-trigger .rd-volume-min button:hover { background-color: rgba(0, 0, 0, 0.3); } .flowplayer .fp-controls .rd-volume-trigger .fp-volumeslider { background: #616161; height: 105px; left: 50%; margin-left: -5px; position: relative; width: 10px; } .flowplayer .fp-controls .rd-volume-trigger .fp-volumelevel { background-color: #e28c05; bottom: 0; position: absolute; width: 100%; } .flowplayer .fp-controls .rd-volume-trigger .fp-volumelevel .rd-progress-handle { left: -3px; top: -7px; position: relative; width: 17px; } .flowplayer .fp-controls .fp-fullscreen { font-size: 18px; padding: 8px 6px 7px; } .flowplayer .fp-controls .rd-time { border-left: solid 1px #1f1f1f; display: none; float: left; margin-left: 18px; padding-left: 9px; position: relative; top: 19px; font-size: 14px; line-height: 15px; } .flowplayer .fp-controls .fp-time { background: #1f1f1f; border-radius: 4px; color: #ffffff; padding: 4px 11px 4px; width: auto; } .flowplayer .fp-controls .fp-time em { font-style: normal; } .flowplayer .rd-eplapsed { background: #000000; background: rgba(0, 0, 0, 0.9); bottom: 0; border-radius: 10px; color: #fff; display: none; font-family: Arial; font-size: 36px; font-style: normal; line-height: 1em; height: 70px; width: 120px; left: 0; margin: auto; padding: 15px 0; position: absolute; right: 0; text-align: center; top: 0; } .flowplayer .rd-player-start { position: absolute !important; width: 1px; height: 1px; clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px); } .flowplayer.is-playing .rd-bigplay { display: none; } .flowplayer.is-playing .rd-play { font-size: 16px; } .flowplayer.is-finished .rd-bigplay { display: block; } .flowplayer.is-finished .rd-bigplay .icon-play { left: -2px; top: 24px; } .flowplayer.is-mouseover .fp-controls, .flowplayer.is-mouseover .rd-social-buttons { -webkit-animation-name: fade-in; animation-name: fade-in; } .flowplayer.is-mouseout .fp-controls, .flowplayer.is-mouseout .rd-helper-pop, .flowplayer.is-mouseout .rd-social-buttons { -webkit-animation-name: fade-out; animation-name: fade-out; } .flowplayer.is-seeking .rd-bigplay, .flowplayer.is-seeking .rd-bigplaybtn, .flowplayer.is-seeking .fp-waiting { display: none; } .flowplayer.is-seeking .rd-eplapsed { display: block; } .flowplayer.is-resume-after-scrubber .rd-bigplay, .flowplayer.is-resume-after-scrubber .rd-bigplaybtn { display: none; } .flowplayer.is-live .fp-controls .fp-progress, .flowplayer.is-live .fp-controls .rd-next, .flowplayer.is-live .fp-controls .rd-prev, .flowplayer.is-live .fp-controls .fp-cuepoint, .flowplayer.is-live .fp-controls .fp-time { display: none; } .flowplayer.is-live .fp-controls .rd-time { margin-left: 10px; top: 18px; } .flowplayer.is-live .rd-social-buttons .rd-social-button.download { display: none; } .flowplayer.is-live .fp-elapsed:after { content: ''; } .flowplayer.is-live .fp-duration { display: none; } .flowplayer.is-poster, .flowplayer.is-splash { background: rgba(85, 85, 85, 0); } .flowplayer.is-poster .fp-controls, .flowplayer.is-splash .fp-controls { display: none; visibility: hidden; } .flowplayer.is-mouseover .rd-bigplaybtn { background: #ffffff; } .flowplayer .is-paused.is-finished .rd-bigplaybtn { background: url("../images/video/reload.png") no-repeat center center; background-size: 68%; } .flowplayer .fade-in-up { -webkit-animation-name: fade-in-up; animation-name: fade-in-up; } .flowplayer .fade-in-up.animated { -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .flowplayer .fade-in-up.rd-helper-pop { -webkit-animation-name: fade-in; animation-name: fade-in; } @media only screen and (min-width: 47.875em) { .flowplayer { /* * Handle vis for buttons */ } .flowplayer .video-duration { float: none; top: 30px; left: 0; } .flowplayer .video-duration.has-hours { font-size: 14px; line-height: 14px; top: 24px; left: 0; } .flowplayer .fp-controls { border-radius: 4px; bottom: 4.494382022472%; height: 60px; left: 2.631578947368%; overflow: visible; width: 94.736842105263%; } .flowplayer .fp-controls .video-rd-player-controlers { top: 13px; } .flowplayer .fp-controls .rd-movie-controlers-right { top: 10px; } .flowplayer .fp-controls .rd-play { height: 36px; top: -1px; } .flowplayer .fp-controls .rd-next, .flowplayer .fp-controls .rd-prev { display: inline-block; padding: 11px 3px 8px; } .flowplayer .fp-controls .rd-time, .flowplayer .fp-controls .rd-popout, .flowplayer .fp-controls .rd-volume-trigger { display: inline-block; } .flowplayer .fp-timeline { display: block; margin: 0; top: 10px; width: 95.833333333333%; } .flowplayer .rd-progress-handle { display: block; } } /* * Embeded modal player */ .embed-video .flowplayer .fp-controls { display: none !important; } .embed-video .flowplayer .rd-bigplay { height: 46px; width: 46px; } .embed-video .flowplayer .rd-bigplay .rd-bigplaybtn { background: transparent; border-radius: 0; height: 46px; width: 46px; top: 0; } .embed-video .flowplayer .rd-bigplay .rd-bigplaybtn .icon-play { font-size: 20px; top: 8px; left: 4px; } .embed-video .flowplayer.is-mouseover .rd-bigplay { background: rgba(255, 255, 255, 0.9); } .embed-video .flowplayer.is-mouseover .rd-bigplay .rd-bigplaybtn .icon-play { color: #000000; } .fp-ui { display: none; } .f-is-ready .fp-ui { display: block; } .popout .fp-controls { height: 60px; } .popout .fp-controls .rd-volume-trigger, .popout .fp-controls .rd-time, .popout .fp-controls .fp-timeline, .popout .fp-controls .rd-progress-handle, .popout .fp-controls .rd-next, .popout .fp-controls .rd-prev { display: inline-block; } .popout .fp-controls .rd-time { top: 19px; } .popout .fp-controls .video-rd-player-controlers { margin-left: 0; top: 19px; } @media only screen and (min-width: 64.063em) and (max-width: 90em) { .popout .fp-controls .video-rd-player-controlers { top: 10px; } } .popout .fp-controls .rd-movie-controlers-right { top: 12px; } .popout .fp-controls .fp-timeline { display: block; margin: 0; top: 10px; width: 95.833333333333%; } /* OLD CODE */ .fp-logo { z-index: 0 !important; } .fp-context-menu { display: none !important; } .flowplayer.is-live.is-poster .fp-controls, .flowplayer.is-live.is-splash .fp-controls, .flowplayer.is-live.is-poster .fp-time, .flowplayer.is-live.is-splash .fp-time { display: block !important; } .iphone .fp-controls { display: none !important; } .flowplayer.is-live .fp-progress { cursor: auto; } .flowplayer .fp-buffer, .flowplayer .fp-progress, .flowplayer .fp-volumeslider { cursor: pointer; } div.ui-slider-horizontal { background-color: #616161; } .ui-slider-horizontal .ui-slider-range { overflow: visible !important; } .flowplayer .fp-time em { position: static; } .flowplayer .fp-elapsed:after { clear: both; content: ' /'; } .ui-slider a.progress-handle { margin-left: -17px; } .flowplayer .fp-mute { display: none; /*For now*/ } .flowplayer .fp-waiting { margin: 26% auto; } .flowplayer.is-seeking .fp-waiting { display: block !important; } .rd-movie-controlers .directtag { float: left; margin: 3px 0 0 10px; position: relative; } .flowplayer .rd-eplapsed:after { clear: both; content: ''; } /********************** Search slider */ .fp-context-menu { display: none; } .livehero { margin-bottom: 0; opacity: 1; transition: all ease 0.2s; } @media only screen and (max-width: 47.8125em) { .livehero { padding-top: 1.25rem; } } .livehero.ng-enter { opacity: 0; } .livehero .push { margin-bottom: 0; } .livehero .video-block { border: none; } .livehero .video-block .video-loading { left: 0; top: 0; margin-bottom: 0; } .livehero .video-block .video-include { left: 0; top: 0; padding: 0; } .rd-page-type-top-gray .livehero { background-color: #fafafa; } .livehero .current-active-speaker .small { font-size: 1rem; } .ui-slider { clear: both; position: relative; text-align: left; height: 8px; margin: 30px 0 0 0; width: 100%; } .ui-slider .ui-slider-range { top: 0; height: 8px; width: 100%; position: absolute; background-color: #e28c05; } .ui-slider .ui-slider-handle { background: url("../images/video/sliderbg.png") no-repeat 0px 0px; cursor: pointer; height: 22px; position: absolute; width: 6px; z-index: 2; top: -7px; margin-left: -3px; } .ui-slider .ui-slider-handle.progress-handle { background: transparent url("../images/video/timelinehead.png") no-repeat 0 0; background-size: 16px 16px; display: block; height: 20px; margin-left: -9px; width: 20px; right: -8px; top: -3px; z-index: 3; } .videosize { width: auto; } .lbl-modal { font-size: 14px; font-weight: bold; } .pre-heading-icon { background: #404040; color: #ffffff; display: inline-block; font-size: 13px; height: 20px; margin-right: 10px; width: 20px; position: relative; text-align: center; top: -8px; } .pre-heading-icon .icon-share { position: relative; top: 3px; } .pre-heading-icon .icon-embed { position: relative; top: 4px; } .pre-heading-icon .icon-embed:before { content: ''; height: 1em; background-size: 1em; } .pre-heading-icon .icon-download { position: relative; top: 3px; } .embed-range-section { background: #f3f3f3; border: solid 1px #d2d2d2; margin: 20px 0; padding: 40px; } .embed-range-section .row { position: relative; } .embed-range-section .range-container { position: absolute; right: 0; top: 0; bottom: 0; } .embed-range-section .range { border: solid 1px #dadada; height: 100%; padding: 20px; position: relative; } .embed-range-section .range-bottom { bottom: 20px; left: 20px; right: 20px; position: absolute; } .embed-range-section .range-middle { font-size: 16px; padding-top: 38px; text-align: center; } .embed-range-section .range-start input, .embed-range-section .range-end input { font-size: 16px; margin: 0; padding: 10px 6px; text-align: center; } .embed-range-section .rd-social-buttons, .embed-range-section .video-duration { display: none; } .embed-video .flowplayer { background: url("../images/video/riksdagshuset.jpg") no-repeat; background-size: 100%; } .embed-video .flowplayer .fp-ui { display: block; } .embed-meta { background: rgba(0, 0, 0, 0.75); color: #ffffff; opacity: 0; padding: 15px 150px 20px; position: absolute; width: 100%; z-index: 2; } .embed-meta * { color: #ffffff; margin: 0; } .embed-meta h2 { font-size: 18px; } @media only screen and (max-width: 47.8125em) { .embed-meta { padding: 10px 10px 15px 150px; } .embed-meta span { font-size: 11px; } .embed-meta h2 { font-size: 13px; } } .is-paused .embed-meta { opacity: 1; } @media only screen and (max-width: 47.8125em) { form.aspnetForm .row .video-block .row .columns { padding-left: 0; padding-right: 0; } form.aspnetForm .row .video-block { margin-bottom: 15px; } form.aspnetForm .row .video-block .row { margin-left: -25px; margin-right: -25px; } } .current-active-speaker { font-size: 1.25rem; min-height: 1.5em; opacity: 0; } .current-active-speaker--visible { opacity: 1; } .current-active-speaker strong { font-size: 1rem; } .current-active-speaker .visible { display: block; } .component-speakers { z-index: 1; margin-bottom: 0; } .component-speakers .component-speakers-height-wrapper { height: 100%; opacity: 1; position: relative; transition: all ease 0.3s; } .component-speakers .component-speakers-height-wrapper.ng-enter { opacity: 0; } .component-speakers .component-speakers-heading-wrapper { background: #eeeeee; border-bottom: solid 1px #c6c4c0; cursor: pointer; height: 49px; margin-bottom: -1px; overflow: hidden; padding: 14px 1.25rem 12px 1.625rem; position: relative; top: 0; width: 100%; font-size: 1.125em; } .component-speakers .component-speakers-heading-wrapper .component-speakers-heading { color: #1c5170; font-weight: bold; margin: 0; } .component-speakers .component-speakers-list-wrapper { background: #fafafa; border-bottom: solid 1px #c6c4c0; height: 200px; width: 100%; overflow-y: scroll; overflow-x: hidden; } .component-speakers .component-speakers-list ul { font-size: 0.875rem; list-style: none; margin: 0; padding-top: 0; position: relative; } .component-speakers .component-speakers-list ul li { border-top: solid 1px #c6c4c0; width: 100%; } .component-speakers .component-speakers-list ul li:first-child { border-top: none; } .component-speakers .component-speakers-list ul li.current { background: #1c5170; } .component-speakers .component-speakers-list ul li.current a, .component-speakers .component-speakers-list ul li.current span { color: #ffffff; } .component-speakers .component-speakers-list ul li a, .component-speakers .component-speakers-list ul li span { display: inline-block; width: 100%; padding: 10px 1.25rem 10px 1.625rem; } .component-speakers .icon-up-open { display: none; } .component-speakers .icon-down-open { display: inline; } .component-speakers .expanded .icon-up-open { display: inline; } .component-speakers .expanded .icon-down-open { display: none; } @media only screen and (min-width: 47.875em) { .component-speakers { bottom: 0; display: block; position: absolute; right: 0; top: 0; } .component-speakers.columns { padding: 0 !important; } .component-speakers .component-speakers-list ul { font-size: 1rem; } .component-speakers .component-speakers-list ul a, .component-speakers .component-speakers-list ul span { padding: 10px 1.25rem 10px 2.5rem; } .component-speakers .component-speakers-heading-wrapper { cursor: auto; padding: 15px 1.25rem 12px 1.625rem; } .component-speakers .component-speakers-heading-wrapper .component-speakers-heading { color: #000000; } .component-speakers .component-speakers-list-wrapper { border-bottom: none; bottom: 0; display: block; height: auto; left: 0; margin-bottom: 0; position: absolute; width: auto; right: 0; top: 49px; } .component-speakers .has-active-speaker { top: 97px; } } @media only screen and (min-width: 64.063em) { .component-speakers .component-speakers-heading-wrapper { padding: 12px 1.25rem 12px 1.25rem; } .component-speakers .component-speakers-list ul { font-size: 1.125rem; } .component-speakers .component-speakers-list ul li { width: 101%; } .component-speakers .component-speakers-list ul li a, .component-speakers .component-speakers-list ul li span { padding: 12px 1.25rem 12px 1.25rem; } } .debatetext-container { clear: both; } .debatetext-container h2 { font-size: 18px; } .videoplayer--unsticky { width: 100% !important; position: relative !important; height: auto !important; } .videoplayer--unsticky .component-speakers.columns { padding: 0 !important; } .videoplayer--sticky { height: 145px !important; left: 0 !important; right: 0 !important; background: #1c5170; width: 100% !important; } .videoplayer--sticky .video-block { margin: 0 auto; max-width: 1155px; } .videoplayer--sticky .component-speakers { width: 100%; } .videoplayer--sticky .component-speakers.columns { padding-left: 255px !important; } .videoplayer--sticky .component-speakers__headline { position: absolute; overflow: hidden; clip: rect(0 0 0 0); height: 1px; width: 1px; margin: -1px; padding: 0; border: 0; } .videoplayer--sticky .component-speakers__list-wrapper { top: 0; } .videoplayer--sticky .component-video { width: 296px; } @media only screen and (min-width: 47.875em) { .videoplayer--sticky .component-video .fp-timeline, .videoplayer--sticky .component-video .fp-elapsed, .videoplayer--sticky .component-video .rd-social-buttons, .videoplayer--sticky .component-video .rd-time, .videoplayer--sticky .component-video .rd-volume-trigger, .videoplayer--sticky .component-video .rd-popout, .videoplayer--sticky .component-video .rd-prev, .videoplayer--sticky .component-video .rd-next { display: none; } .videoplayer--sticky .component-video .fp-engine { position: absolute; } .videoplayer--sticky .component-video .loader { zoom: 1; } .videoplayer--sticky .component-video .fp-controls { bottom: 0; height: 40px; } .videoplayer--sticky .component-video .video-rd-player-controlers { top: -6px; } .videoplayer--sticky .component-video .rd-movie-controlers-right { top: -8px; } .videoplayer--sticky .component-video .rd-bigplay { height: 70px; text-align: left; width: 195px; } .videoplayer--sticky .component-video .rd-bigplaybtn { float: left; height: 38px; margin: 0 0 0 15px; width: 38px; top: 17px; } .videoplayer--sticky .component-video .icon-play:before { width: 14px !important; height: 20px !important; } .videoplayer--sticky .component-video .icon-play { top: 8px !important; left: 9px !important; } .videoplayer--sticky .component-video .is-finished .icon-play { top: 15px !important; left: 9px !important; } .videoplayer--sticky .component-video .video-duration { float: left; top: 26px; left: 15px; font-size: 14px; } } .video-transcript__item { padding: 20px 0; } .video-transcript__item.current { background-color: #f2f7fb; padding: 20px 0; margin: 20px 0; border-top: 5px solid #1c5170; } .video-transcript__toggle { padding: 30px 60px 30px 20px !important; } @media only screen and (min-width: 47.875em) { .video-transcript__toggle { padding: 30px 60px 30px 45px !important; } } .video-transcript__headline { margin: 0; font-size: 1em !important; } @media only screen and (min-width: 47.875em) { .video-transcript__headline { font-size: 1.125em !important; } } .video-transcript__headline ~ i { top: 35px !important; } .video-transcript__content { padding: 10px 20px 30px !important; } @media only screen and (min-width: 47.875em) { .video-transcript__content { padding: 10px 0 30px !important; } } .component-video-thumb { display: block; margin-bottom: 15px; position: relative; } .component-video-thumb .component-video-thumb-play { background: #000000; border-radius: 5px; display: block; padding-top: 100%; position: relative; width: 100%; } .component-video-thumb .component-video-thumb-play .icon-play { color: #ffffff; font-size: 20px; left: 7px; position: relative; top: 9px; } .component-video-thumb img { display: none; } .component-video-thumb .component-video-thumb-play-action-btn { background: #1c5170; border-radius: 50%; display: block; height: 38px; left: 50%; margin-left: -19px; margin-top: -19px; position: absolute; top: 50%; width: 38px; } @media only screen and (min-width: 47.875em) { .component-video-thumb:not(.keep-small-video-thumb) .component-video-thumb-play-action-btn { background: transparent; border-radius: 0; display: block; height: auto; left: 0; margin-left: 0; margin-top: 0; position: relative; top: 0; width: auto; } .component-video-thumb:not(.keep-small-video-thumb) .component-video-thumb-play:not(.keep-small-video-thumb) { left: 50%; height: 40px; margin-left: -20px; margin-top: -20px; padding-top: 0; position: absolute; top: 50%; width: 40px; } .component-video-thumb:not(.keep-small-video-thumb) img { display: block; } .component-video-thumb:not(.keep-small-video-thumb):hover .component-video-thumb-play-action-btn { background: transparent; } .component-video-thumb:not(.keep-small-video-thumb):hover .component-video-thumb-play { background: rgba(255, 255, 255, 0.9); } .component-video-thumb:not(.keep-small-video-thumb):hover .component-video-thumb-play .icon-play { color: #000000; } } .component-video-thumb:hover .component-video-thumb-play-action-btn { background: #ffffff; } .component-video-thumb:hover .component-video-thumb-play-action-btn .icon-play { color: #1c5170; } .component-video-thumb.is-live .video-duration, .component-video-thumb.is-live .rd-bigplay-text { display: none; position: relative; } @media only screen and (min-width: 47.875em) { .component-video-thumb.is-live .video-duration { display: block; font-size: 14px; } } .component-video-thumb.is-live .component-video-thumb-play-action-btn { background: #c41e3a; } .component-video-thumb.is-live .component-video-thumb-play-action-btn .icon-play { color: #ffffff; } .component-video-thumb.is-live:hover .component-video-thumb-play-action-btn { background: #ffffff; } .component-video-thumb.is-live:hover .component-video-thumb-play-action-btn .icon-play { color: #c41e3a; } @media only screen and (min-width: 47.875em) { .component-video-thumb.play:not(.keep-small-video-thumb) .component-video-thumb-play { height: 70px; width: 195px; background: #000000; background: rgba(0, 0, 0, 0.9); border-radius: 10px; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; z-index: 100; } .component-video-thumb.play:not(.keep-small-video-thumb) .component-video-thumb-play .component-video-thumb-play-action-btn { border-radius: 50%; float: left; height: 38px; width: 38px; top: 17px; margin: 0 0 0 15px; text-align: left; } .component-video-thumb.play:not(.keep-small-video-thumb) .component-video-thumb-play .video-duration { left: 10px; top: 27px; } .component-video-thumb.play:not(.keep-small-video-thumb):hover .component-video-thumb-play { background: #000000; background: rgba(0, 0, 0, 0.9); } } @media only screen and (min-width: 64.063em) { .component-video-thumb.play:not(.keep-small-video-thumb) .component-video-thumb-play { height: 120px; text-align: center; width: 120px; } .component-video-thumb.play:not(.keep-small-video-thumb) .component-video-thumb-play .component-video-thumb-play-action-btn { float: none; height: 60px; margin: auto; width: 60px; text-align: center; top: 18px; } .component-video-thumb.play:not(.keep-small-video-thumb) .component-video-thumb-play .component-video-thumb-play-action-btn .icon-play { font-size: 31px; line-height: 1.5; top: 8px; left: 3px; } .component-video-thumb.play:not(.keep-small-video-thumb) .component-video-thumb-play .video-duration { font-size: 0.8125rem; } } .component-video-thumb.keep-small-video-thumb .video-duration { bottom: 15px; left: 0; font-size: 11px; font-weight: bold; position: absolute; text-align: center; top: auto; width: 100%; } .component-video-thumb.keep-small-video-thumb .component-video-thumb-play-action-btn { margin-top: -27px; } .component-video-thumb.keep-small-video-thumb .component-video-thumb-play-action-btn .icon-play { top: 6px; } .component-video-thumb .component-video-thumb-play .component-video-thumb-play-action-btn--center { left: 50%; top: 50%; margin: 0; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .debate-type { display: block; } .medium-thumb .debate-type { margin-bottom: 3px; } .medium-thumb .rd-button-video { position: relative; top: 6px; } .component-video-thumb-featured-live { padding-bottom: 30px; } .component-video-thumb-featured-live .big { margin-bottom: 10px; } @media only screen and (max-width: 64em) { .medium-thumb .component-video-thumb-play .icon-play:before { width: 15px; height: 28px; position: relative; left: 2px; } } @media only screen and (max-width: 47.8125em) { .medium-thumb h3 { margin-top: 0; } .component-video-thumb-featured-img { margin-bottom: 15px; margin-top: -16px; margin-left: -6px; margin-right: -6px; padding-left: 0; padding-right: 0; width: auto; } } /* Common base classes*/ .rd-bigplay-base, .rd-bigplay, .rd-loader, .module-slider-webtv .module-slider-webtv-item .module-slider-webtv-item-playbtn { background: #000; background: rgba(0, 0, 0, 0.9); border-radius: 10px; height: 70px; width: 195px; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; z-index: 100; } .rd-bigplay-base .rd-bigplay-text, .rd-bigplay .rd-bigplay-text, .rd-loader .rd-bigplay-text, .module-slider-webtv .module-slider-webtv-item .module-slider-webtv-item-playbtn .rd-bigplay-text { display: none; } .rd-bigplay-base .rd-bigplaybtn, .rd-bigplay .rd-bigplaybtn, .rd-loader .rd-bigplaybtn, .module-slider-webtv .module-slider-webtv-item .module-slider-webtv-item-playbtn .rd-bigplaybtn { background: #1c5170; border-radius: 50%; display: block; float: left; height: 38px; width: 38px; top: 17px; margin: 0 0 0 15px; position: relative; z-index: 101; } .rd-bigplay-base .rd-bigplaybtn .icon-play, .rd-bigplay .rd-bigplaybtn .icon-play, .rd-loader .rd-bigplaybtn .icon-play, .module-slider-webtv .module-slider-webtv-item .module-slider-webtv-item-playbtn .rd-bigplaybtn .icon-play { color: #ffffff; font-size: 19px; line-height: 21px; position: relative; top: 9px; left: 8px; } .rd-bigplay-base:focus .rd-bigplaybtn, .rd-bigplay:focus .rd-bigplaybtn, .rd-loader:focus .rd-bigplaybtn, .module-slider-webtv .module-slider-webtv-item .module-slider-webtv-item-playbtn:focus .rd-bigplaybtn { background: #ffffff; } .rd-bigplay-base:focus .rd-bigplaybtn .icon-play, .rd-bigplay:focus .rd-bigplaybtn .icon-play, .rd-loader:focus .rd-bigplaybtn .icon-play, .module-slider-webtv .module-slider-webtv-item .module-slider-webtv-item-playbtn:focus .rd-bigplaybtn .icon-play { color: #1c5170; } /* * Big play button */ .rd-bigplay.animate { opacity: 0; transition: opacity .5s ease-in-out; } @media only screen and (min-width: 47.875em) { .rd-bigplay { height: 150px; text-align: center; width: 150px; } .rd-bigplay .rd-bigplaybtn { float: none; height: 75px; margin: auto; width: 75px; top: 18px; } .rd-bigplay .rd-bigplaybtn .icon-play { top: 16px; left: 4px; } } .rd-loader.animate { opacity: 0; transition: opacity .5s ease-in-out; } @media only screen and (min-width: 47.875em) { .rd-loader { height: 150px; text-align: center; width: 150px; } .rd-loader .rd-bigplaybtn { float: none; height: 75px; margin: auto; width: 75px; top: 18px; } .rd-loader .rd-bigplaybtn .icon-play { top: 16px; left: 4px; } } .video-duration { color: #ffffff; display: block; float: left; font-weight: bold; font-size: 14px; left: 15px; position: relative; top: 26px; } @media only screen and (min-width: 47.875em) { .video-duration { font-size: 18px; top: 23px; } } .video-duration * { display: block; } .video-duration.has-hours { font-size: 16px; line-height: 19px; top: 19px; } .is-ready .rd-bigplay.animate { opacity: 1; } .is-live .rd-bigplaybtn { background: #c41e3a; } .is-live .rd-bigplaybtn .icon-play { color: #ffffff; } .is-live:hover .rd-bigplaybtn { background: #ffffff; } .is-live:hover .rd-bigplaybtn .icon-play { color: #c41e3a; } .component-video-thumb-featured-live .video-duration { font-size: 1rem; top: 27px; } @media only screen and (min-width: 47.875em) { .component-video-thumb-featured-live .video-duration { top: 35px; } } .rd-settings-container { float: left; display: inline-block; position: relative; } .component-quality-selector { background: transparent; display: block; font-size: 12px; font-weight: normal; right: 50px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); position: absolute; width: 90px; z-index: 130; } .component-quality-selector .component-quality-selector-inner { background-color: rgba(0, 0, 0, 0.75); border-radius: 2px; padding: 0; } .component-quality-selector .component-quality-selector-inner:after { content: ""; top: 50%; left: 100%; height: 0; width: 0; position: absolute; pointer-events: none; border: solid transparent; border-color: rgba(255, 255, 255, 0); border-left-color: black; border-width: 5px; margin-top: -5px; } .component-quality-selector .component-quality-selector-inner button { color: #CCC; background: transparent; display: block; font-size: 12px; font-weight: bold; padding: 6px; width: 100%; margin-bottom: 0; border: none; } .component-quality-selector .component-quality-selector-inner button:hover { color: white; } .component-quality-selector .component-quality-selector-inner button:focus { color: white; } .component-video-livehero-streams .shared-debate-list .shared-debate-link { margin-bottom: 1px; padding-bottom: 0; } .component-video-livehero-streams .shared-debate-list-item { padding-bottom: 5px; } .component-video-livehero-streams .shared-debate-header { margin-bottom: 5px; margin-top: 20px; } .component-video-shared-debates-box { padding-top: 20px; padding-bottom: 20px; margin-bottom: 20px; background: #eeeeee; } .component-video-shared-debates-box .shared-debates-box-list-item { padding-bottom: 3px; } .component-video-shared-debates-box .shared-debates-box-header { margin-top: 0px; margin-bottom: 3px; } .video-tag { width: auto; max-width: 100%; display: inline-block; padding: 2px 0 2px 0; border-radius: 3px; border-width: 0; transition: all 150ms ease; line-height: 12px; text-decoration: none; } .video-tag:focus, .video-tag:hover { text-decoration: none; } .video-tag--position-right { position: absolute; right: 20px; top: 50%; margin-top: -10px; } .video-tag--small { min-width: auto; min-height: auto; padding: 1px 1px 1px 5px; margin: 0; font-size: 0.4375rem; vertical-align: 2px; } .video-tag--small .video-tag__icon { height: 8px; width: 10px; margin: 0 0 -2px 2px; } .video-tag--medium { min-width: auto; min-height: auto; padding: 4px 3px 4px 7px; font-size: 0.625rem; } .video-tag--large { min-width: 24px; min-height: 24px; padding: 6px 6px 3px 6px; margin: -10px 20px 0 0; height: 20px; font-size: 0.875rem; } .video-tag--type-live { background-color: #8f8f8f; } .video-tag--type-vod { background-color: #1c5170; } .video-tag--type-active { background-color: #c41e3a; } .video-tag__icon { height: 9px; width: 10px; display: inline-block; margin: 0 0 -1px 2px; background-size: contain; } .video-tag__text { margin-right: -6px; margin-right: 5px; color: #ffffff; text-transform: uppercase; font-weight: bold; } .video-tag__text--outside { color: #1c5170; text-transform: none; font-size: 0.6875rem; right: 47px; margin-top: -7px; margin-right: -2px; } @media only screen and (max-width: 47.8125em) { .video-tag__text { display: none; } .video-tag__text.no-collapse { display: inline-block; } } .hls-player .fp-loading { display: none; } .video-live-player { position: relative; } .video-live-player:-webkit-full-screen { position: fixed; width: 100%; height: 100%; left: 0; top: 0; background: #000; } .video-live-player:-moz-full-screen { position: fixed; width: 100%; height: 100%; left: 0; top: 0; background: #000; } .video-live-player:-ms-fullscreen { position: fixed; width: 100%; height: 100%; left: 0; top: 0; background: #000; } .video-live-player:fullscreen { position: fixed; width: 100%; height: 100%; left: 0; top: 0; background: #000; } .video-live-player__video { width: 100%; display: block; position: relative; z-index: 1; } .video-live-player:-webkit-full-screen .video-live-player__video { position: absolute; width: 100%; height: auto; left: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .video-live-player:-moz-full-screen .video-live-player__video { position: absolute; width: 100%; height: auto; left: 0; top: 50%; transform: translateY(-50%); } .video-live-player:-ms-fullscreen .video-live-player__video { position: absolute; width: 100%; height: auto; left: 0; top: 50%; transform: translateY(-50%); } .video-live-player:fullscreen .video-live-player__video { position: absolute; width: 100%; height: auto; left: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .video-live-player__tag { margin: 8px 0 0 20px; } .video-live-player.vlp--interacted .vlp-controls { opacity: 1; pointer-events: all; visibility: visible; } .video-live-player:focus .vlp-social, .video-live-player:hover .vlp-social { opacity: 1; visibility: visible; } .video-live-player:focus.is-loading .vlp-controls, .video-live-player:hover.is-loading .vlp-controls { opacity: 0; pointer-events: none; visibility: hidden; } .video-live-player.vlp--idle { cursor: none; } .video-live-player.vlp--idle * { cursor: none; } .vlp-controls { opacity: 0; pointer-events: none; visibility: hidden; background: #000000; background: rgba(0, 0, 0, 0.85); border-radius: 0; height: 37px; overflow: visible; padding: 0 2.083333333333%; visibility: visible; -webkit-animation-fill-mode: both; -ms-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-duration: 0.5s; -ms-animation-duration: 0.5s; animation-duration: 0.5s; z-index: 79; position: absolute; border-radius: 4px; bottom: 2.6%; left: 2.6%; right: 2.6%; overflow: visible; width: auto; transition: opacity .3s ease; } .focused .vlp-controls { opacity: 1; pointer-events: all; } .vlp--idle .vlp-controls { opacity: 0 !important; } .vlp-controlers-left { float: left; } .vlp-controlers-right { float: right; } .vlp-splash { position: absolute; z-index: 1; top: 0; bottom: 0; left: 0; right: 0; padding: 0; border: 0; width: 100%; background-color: transparent; overflow: hidden; margin: 0; } .vlp-splash:hover { background: transparent; } .vlp-splash--play { cursor: pointer; } .vlp-splash__thumb { width: 100%; height: 100%; } .vlp--interacted .vlp-splash__thumb { display: none; } .vlp-splash__plate { background: #000; background: rgba(0, 0, 0, 0.9); border-radius: 10px; height: 150px; text-align: center; width: 150px; margin: auto; position: absolute; top: 0; bottom: 0; right: 0; left: 0; } .vlp-splash__text { font-size: 18px; float: none; top: 40px; color: #ffffff; display: block; font-weight: bold; font-size: 14px; position: relative; } .vlp-splash__loader { display: none; margin: auto; position: relative; width: 75px; height: 45px; zoom: 1.7; -ms-zoom: 1.7; -webkit-zoom: 1.7; -moz-transform: scale(1.7, 1.7); -moz-transform-origin: 0px 0px; } .vlp-splash__loader .circular { -webkit-animation: rotate 2s linear infinite; animation: rotate 2s linear infinite; left: 0; height: 80px; position: absolute; top: 0; width: 80px; } .vlp-splash__loader .circular .path { stroke-dasharray: 1,200; stroke-dashoffset: 0; -webkit-animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite; animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite; stroke-linecap: round; } @-webkit-keyframes rotate { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes rotate { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @-webkit-keyframes dash { 0% { stroke-dasharray: 1,200; stroke-dashoffset: 0; } 50% { stroke-dasharray: 89,200; stroke-dashoffset: -35; } 100% { stroke-dasharray: 89,200; stroke-dashoffset: -124; } } @keyframes dash { 0% { stroke-dasharray: 1,200; stroke-dashoffset: 0; } 50% { stroke-dasharray: 89,200; stroke-dashoffset: -35; } 100% { stroke-dasharray: 89,200; stroke-dashoffset: -124; } } @-webkit-keyframes color { 100%, 0% { stroke: #1c5170; } 40% { stroke: #1c5170; } 66% { stroke: #1c5170; } 80%, 90% { stroke: #1c5170; } } @keyframes color { 100%, 0% { stroke: #1c5170; } 40% { stroke: #1c5170; } 66% { stroke: #1c5170; } 80%, 90% { stroke: #1c5170; } } .is-loading .vlp-splash--play, .is-playing .vlp-splash--play, .is-playing .vlp-splash--loading { opacity: 0; } .is-loading .vlp-splash--loading { display: block; } .vlp-splash--play:focus .vlp-bigplay__btn, .vlp-splash--play:hover .vlp-bigplay__btn { background: #ffffff; } .vlp-bigplay__btn { border-radius: 50%; cursor: pointer; display: block; position: relative; z-index: 101; float: none; height: 75px; margin: auto; width: 75px; top: 25px; background: #c41e3a; } .vlp-bigplay__icon { color: #ffffff; font-size: 19px; line-height: 21px; position: relative; top: 16px; left: 5px; } .vlp-bigplay__icon:before { width: 29px; height: 48px; left: 0; bottom: 0; } .vlp-embed-logo { display: none; position: absolute; left: 20px; top: 20px; width: 100px; z-index: 200; } .vlp-embed-meta { display: none; background: rgba(0, 0, 0, 0.75); color: #ffffff; padding: 15px 150px 20px; position: absolute; width: 100%; z-index: 199; top: 0; left: 0; font-size: 11px; opacity: 0; transition: opacity .3s ease; } .video-block.is-paused .vlp-embed-meta { opacity: 1; } .vlp-embed-meta h2 { font-size: 13px; color: #fff; margin: 0; padding: 0; } .popout .vlp-embed-logo, .popout .vlp-embed-meta { display: block; } .vlp-social { -webkit-animation-fill-mode: both; -ms-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-duration: 0.5s; -ms-animation-duration: 0.5s; animation-duration: 0.5s; z-index: 3; transition: opacity .3s ease; display: -ms-flexbox; display: flex; margin: 5px -5px -5px; } @media only screen and (max-width: 47.8125em) { .vlp-social { margin: 5px; } } .embed-video .vlp-social, .videoplayer--sticky .vlp-social { display: none; } .vlp-social__button { cursor: pointer; font-weight: bold; line-height: normal; position: relative; text-decoration: none; text-align: center; -webkit-appearance: none; -moz-appearance: none; border-radius: 0; display: inline-block; background-color: #1c5170; border-color: #163141; transition: background-color 300ms ease-out; border: none; color: #ffffff; display: block; font-size: 22px; height: 40px; line-height: 40px; margin: 5px; padding: 0; text-align: center; width: calc(20% - 10px); } .vlp-social__button:hover { background: #112632; } .vlp-social__icon { width: 20px; height: 20px; font-size: 22px; display: inline-block; background-size: cover; margin: 0; background-position: center center; pointer-events: none; } .vlp-social__icon--share { position: relative; top: 2px; } .vlp-social__icon--embed { position: relative; top: 2px; } .popout .vlp-social, .popout .vlp-popout { display: none !important; } .vlp-control-button { overflow: visible; background: none; text-decoration: none; text-align: left; border: 0; display: inline-block; vertical-align: top; cursor: pointer; font-size: 1rem; position: relative; padding: 0; margin: 0; height: 37px; } .vlp-control-button--large { font-size: 21px; line-height: 21px; } .vlp-control-button:focus, .vlp-control-button:hover { background: none; } .vlp-control-button:focus .vlp-control-button__help, .vlp-control-button:hover .vlp-control-button__help { display: inline-block; } .vlp-control-button:focus .vlp-control-button__icon:before, .vlp-control-button:hover .vlp-control-button__icon:before { opacity: 1; } .vlp-control-button__icon { position: relative; top: 1px; padding: 6px 6px 7px; display: block; } .vlp-control-button__icon:focus:before, .vlp-control-button__icon:hover:before { opacity: 1; } .vlp-control-button__icon:before { opacity: 0.6; position: relative; bottom: 1px; width: 20px; height: 20px; margin-right: 0; background-size: contain; content: ''; display: inline-block; line-height: 1; vertical-align: middle; margin-left: .2em; margin-right: .2em; text-align: center; text-decoration: none; } .vlp-control-button__help { font-family: Arial; font-size: 11px; font-weight: normal; color: #000; display: none; line-height: 17px; padding-bottom: 15px; position: absolute; text-decoration: none; width: auto; z-index: 120; bottom: 30px; -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: fade-in; animation-name: fade-in; margin-left: auto; left: auto; right: 0px; } .vlp-control-button__help:after { content: ''; width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 8px solid #fff; position: absolute; right: 15px; bottom: 5px; } .vlp-control-button__help-text { background: #ffffff; padding: 6px 11px; white-space: pre; } @media only screen and (max-width: 47.8125em) { .vlp-popout { display: none !important; } } .vlp-sound { position: relative; } .vlp-sound.is-active .vlp-sound__volume { display: block; } .vlp-sound.is-active .vlp-control-button:focus .vlp-control-button__help, .vlp-sound.is-active .vlp-control-button:hover .vlp-control-button__help { display: none; } .vlp-sound__btn { vertical-align: top; display: inline-block; font-size: 21px; line-height: 21px; overflow: visible; position: relative; background: none; padding: 0; margin: 0; text-decoration: none; text-align: left; border: 0; cursor: pointer; } @media only screen and (max-width: 47.8125em) { .vlp-sound__btn { display: none !important; } } .vlp-sound__volume { display: none; background: #3b3b3b; bottom: 20px; height: 178px; left: 50%; margin-left: -16px; padding: 36px 0 86px; position: absolute; width: 32px; z-index: 10; } .vlp-sound__plus { height: 30px; left: 0; border-bottom: solid 1px #404040; position: absolute; top: 0; width: 32px; } .vlp-sound__plus button { border-bottom: solid 1px #050505; display: block; height: 100%; padding: 0; text-align: center; width: 100%; background: #3b3b3b; } .vlp-sound__min { height: 30px; left: 0; border-top: solid 1px #050505; position: absolute; bottom: 0; width: 32px; } .vlp-sound__min button { border-top: solid 1px #404040; display: block; height: 100%; padding: 0; text-align: center; width: 100%; background: #3b3b3b; } .vlp-sound__slider { background: #616161; height: 105px; left: 50%; margin-left: -5px; position: relative; width: 10px; cursor: pointer; float: left; } .vlp-sound__level { background-color: #e28c05; bottom: 0; position: absolute; width: 100%; } .vlp-sound__progress-handle { background: transparent url(../images/video/timelinehead.png) no-repeat 0 0; background-size: 16px 16px; display: none; height: 20px; width: 20px; right: -8px; top: -3px; z-index: 3; left: -3px; top: -7px; position: relative; width: 17px; display: block; } .video-vod-player__video { display: block; position: absolute; z-index: 10; width: calc(100% - 40px); height: auto; top: 0; left: 20px; } .embed-video .video-vod-player__video { position: static; width: 100%; } @media only screen and (max-width: 47.8125em) { .video-vod-player__video { left: 0; width: 100%; } } .module-overlay, .reveal-modal.module-overlay { padding: 0 0 0 0; background-color: #ffffff; border-radius: 0; max-width: 960px; outline: 0; } .module-overlay .overlay-header, .reveal-modal.module-overlay .overlay-header { background-color: #fafafa; border-bottom: 1px solid #c4c4c4; padding: 50px 60px 30px 60px; } .module-overlay .overlay-header.video-modal-header, .reveal-modal.module-overlay .overlay-header.video-modal-header { padding: 25px 30px 0 30px; } .module-overlay .overlay-header .title, .reveal-modal.module-overlay .overlay-header .title { margin: 0 0 1px 0; } .module-overlay .overlay-body, .reveal-modal.module-overlay .overlay-body { padding: 30px 60px; } .module-overlay .overlay-body.video-modal-body, .reveal-modal.module-overlay .overlay-body.video-modal-body { padding: 30px; } .module-overlay .overlay-body.video-modal-body p, .reveal-modal.module-overlay .overlay-body.video-modal-body p { font-size: 16px; } .module-overlay .overlay-footer, .reveal-modal.module-overlay .overlay-footer { border-top: 1px solid #c4c4c4; padding: 20px 60px 30px 60px; } .module-overlay .overlay-close, .reveal-modal.module-overlay .overlay-close { top: 0; right: 0; padding: 0 0 0 0; display: block; height: 26px; line-height: 26px; margin: 20px 26px 0 0; } .module-overlay .overlay-close .close-text, .reveal-modal.module-overlay .overlay-close .close-text { color: #000000; margin-right: -2px; } .module-overlay .overlay-close:hover, .module-overlay .overlay-close:active, .reveal-modal.module-overlay .overlay-close:hover, .reveal-modal.module-overlay .overlay-close:active { text-decoration: none; } @media print { .module-overlay .overlay-close, .reveal-modal.module-overlay .overlay-close { display: none; } } @media only screen and (min-width: 47.875em) and (max-width: 64em) { .module-overlay .overlay-header, .reveal-modal.module-overlay .overlay-header { padding: 40px 40px 30px 40px; } .module-overlay .overlay-body, .reveal-modal.module-overlay .overlay-body { padding: 20px 40px; } .module-overlay .overlay-footer, .reveal-modal.module-overlay .overlay-footer { padding: 20px 40px; } .module-overlay .overlay-close, .reveal-modal.module-overlay .overlay-close { margin-top: 11px; margin-right: 11px; } } @media only screen and (max-width: 47.8125em) { .module-overlay .overlay-header, .reveal-modal.module-overlay .overlay-header { padding: 40px 20px 20px 20px; } .module-overlay .overlay-body, .reveal-modal.module-overlay .overlay-body { padding: 20px 20px; } .module-overlay .overlay-footer, .reveal-modal.module-overlay .overlay-footer { padding: 20px 20px 70px; } .module-overlay .overlay-close, .reveal-modal.module-overlay .overlay-close { margin-top: 11px; margin-right: 11px; } } .overlay-source-page.hide-overlay-buttons .overlay-close { display: none; } .module-page-footer { background: #ffffff; border-top: solid 1px #c6c4c0; margin-left: -5px; margin-right: -5px; padding-top: 20px; } @media only screen and (min-width: 47.875em) { .module-page-footer { border-top: none; margin-left: 0; margin-right: 0; padding-top: 0; } .module-page-footer .component-social { border-top: solid 1px #c6c4c0; padding-top: 40px; } } .module-content p { margin: 0 0 15px 0; } .module-content .preamble, .module-content .vacancy-details .vacancy-details-intro-container p:first-of-type, .vacancy-details .vacancy-details-intro-container .module-content p:first-of-type { margin: 0 0 20px 0; } .module-content > a { margin: 0 0 10px 0; } .module-content h2, .module-content h3, .module-content h4, .module-content h5, .module-content h6 { margin: 0 0 10px 0; padding-top: 5px; max-width: 600px; } .module-content .bottom-space { display: block; } .module-content ul, .module-content ol, .module-content table, .module-content .bottom-space { margin-bottom: 15px; } .module-content .module-block { margin-bottom: 25px; } .module-content table ul, .module-content table ol { padding-left: 18px !important; margin-left: 0; } .module-content table ul li, .module-content table ol li { padding-left: 0; } .module-content table ul li:before, .module-content table ol li:before { margin: 5px 0 0 -17px; } .module-content table a { display: table; margin: 7px 0; } .module-content table ol a { display: inline; } .main-content .module-content table p, .main-content .module-content table h2, .main-content .module-content table h3, .main-content .module-content table h4, .main-content .module-content table h5, .main-content .module-content table h6, .main-content .module-content table hr { margin-left: 0; } .module-content hr { margin-bottom: 15px; } .module-content p img { margin: 15px 0; } .module-content .box-content { padding: 25px 60px 25px 55px; margin-bottom: 15px; border-left: 5px solid #c4c4c4; background-color: #fafafa; overflow: auto; } .module-content .box-content--thin { padding: 30px; margin: 0; } @media only screen and (max-width: 47.8125em) { .module-content .box-content--thin { margin-left: -20px; margin-right: -20px; } } .module-content .box-content--thin.push { margin-bottom: 30px; } .module-content .box-content--thinner { padding: 20px 30px; border: 0; margin: 0; } .module-content .box-content--nostyle { border-color: transparent; background-color: initial; } .module-content .box-content ul { overflow: visible; } .module-content .box-content ol { overflow: visible; } .module-content .box-content > *:first-child { margin-top: 0; padding-top: 0; } .module-content .box-content > *:last-child { margin-bottom: 0; } .module-content .box-content.box-type-guide { border-color: #c5c324; background-color: #f8f8e1; } .module-content .box-content.box-type-facts { border-color: #89c2eb; background-color: #f2f7fb; } .module-content ul, .module-content ol { max-width: 600px; overflow: hidden; } .module-content ul li + li, .module-content ol li + li { margin-top: 12px; } .module-content ul { margin-left: 40px; list-style-type: none; } .module-content ul li { position: relative; } .module-content ul li:before { content: ''; position: absolute; left: 0; top: 0; margin: 5px 0 0 -24px; width: 8px; height: 8px; border-radius: 100%; background-color: #1c5170; } .module-content ul[dir="rtl"] li { margin-right: 20px; } .module-content ul[dir="rtl"] li:before { right: 0; margin: 5px -20px 0 0; } .module-content ul[dir="rtl"] .link-arrow-right:after, .module-content ul[dir="rtl"] .footer-general-links-title a:after, .footer-general-links-title .module-content ul[dir="rtl"] a:after, .module-content p[dir="rtl"] .link-arrow-right:after, .module-content p[dir="rtl"] .footer-general-links-title a:after, .footer-general-links-title .module-content p[dir="rtl"] a:after { margin-right: 0; } .module-content ul[dir="rtl"] .link-external:after, .module-content p[dir="rtl"] .link-external:after { margin-right: 6px; display: inline-block; } .module-content .component-content-image { margin-bottom: 20px; } @media only screen and (min-width: 47.875em) and (max-width: 64em) { .module-content p { margin: 0 0 15px 0; } .module-content .preamble, .module-content .vacancy-details .vacancy-details-intro-container p:first-of-type, .vacancy-details .vacancy-details-intro-container .module-content p:first-of-type { margin: 0 0 20px 0; } .module-content > a { margin: 0 0 10px 0; } .module-content h2, .module-content h3, .module-content h4, .module-content h5, .module-content h6 { margin: 0 0 10px 0; padding-top: 5px; } .module-content ul, .module-content ol, .module-content table, .module-content .bottom-space { margin-bottom: 15px; } .module-content .module-block { margin-bottom: 25px; } .module-content hr { margin-bottom: 15px; } .module-content p img { margin: 15px 0; } .module-content .box-content { padding: 25px 40px 25px 35px; margin-bottom: 15px; } } @media only screen and (max-width: 47.8125em) { .module-content p { margin: 0 0 15px 0; } .module-content .preamble, .module-content .vacancy-details .vacancy-details-intro-container p:first-of-type, .vacancy-details .vacancy-details-intro-container .module-content p:first-of-type { margin: 0 0 20px 0; } .module-content > a { margin: 0 0 10px 0; } .module-content h2, .module-content h3, .module-content h4, .module-content h5, .module-content h6 { margin: 0 0 8px 0; padding-top: 5px; } .module-content ul, .module-content ol, .module-content table, .module-content .bottom-space { margin-bottom: 15px; } .module-content .module-block { margin-bottom: 20px; } .module-content hr { margin-bottom: 15px; } .module-content p img { margin: 10px 0; } .module-content ul { margin-left: 24px; } .module-content ol { margin-left: 20px; } .module-content ul li + li, .module-content ol li + li { margin-top: 12px; } .module-content .box-content { padding: 20px 20px 20px 15px; margin-bottom: 15px; } .module-content .component-content-image { margin-bottom: 15px; } } /* Block Module : wrapping class for modules, as blocks. usually contains components, this, is used to control things like headings and margins so all "blocks" look similar */ .module-block-container { margin-bottom: 40px; } .module-block-container.no-margin { margin: 0 0 0 0; } .module-block-container.small-margin-top { margin-top: 20px; } @media only screen and (min-width: 47.875em) and (max-width: 64em) { .module-block-container { margin-bottom: 30px; } } @media only screen and (max-width: 47.8125em) { .module-block-container { margin-bottom: 0; } .module-block-container + .module-block-container { margin-top: 20px; } } .module-block-container > div:last-child { margin-bottom: 0; } .module-block-container > div:last-child .module-block { margin-bottom: 0; } @media only screen and (max-width: 64em) { .module-block-container > div:last-child .module-block .block-footer-container { margin-bottom: 10px; } } .module-block { margin-bottom: 40px; } .module-block .block-header-container { overflow: hidden; } .module-block .content-editorial { padding: 20px 0 20px 0; } .module-block .content-editorial > * { margin: 0 0 15px 0; } .module-block .content-editorial > *:last-child { margin-bottom: 0; } .module-block .content-editorial > * + *:last-child { margin-bottom: 10px; } .module-block .block-footer-container { padding-top: 17px; } .module-block .block-footer-container .block-footer-links { margin: 0; padding: 0; list-style-type: none; } .module-block .with-border-bottom + .block-content-container .content-list:first-child { border-top: 0; } .module-block.block-type-one .block-header-container { margin: 0 0 0 0; } .module-block.block-type-one .block-header-container .block-header { margin: 0 0 10px 0; } .module-block.block-type-one .block-header-container.with-border-bottom { border-bottom: 1px solid #c6c4c0; } @media only screen and (max-width: 47.8125em) { .module-block.block-type-one .block-header-container.with-border-bottom-small { border-bottom: 1px solid #c6c4c0; } } .module-block.block-type-two .block-header-container { padding-top: 5px; padding-bottom: 5px; } .module-block.block-type-two .block-header-container.with-border-top { border-top: 7px solid #1c5170; } .module-block.block-type-two .block-header-container.with-border-top .block-header { margin-top: 7px; } .module-block.block-type-two .block-header-container.with-border-top .block-header-link { margin-top: 6px; } .module-block.block-type-two .block-header-container.with-border-bottom { border-bottom: 1px solid #c6c4c0; } .module-block.block-type-two .block-header-container .block-header { margin: 0 0 6px 0; font-size: 16px; font-weight: bold; text-transform: uppercase; color: #333333; float: left; } .module-block.block-type-two .block-header-container .block-header + p { clear: both; } .module-block.block-type-two .block-header-container .block-header-link { margin: 0 0 0 0; float: right; } .module-block.block-type-two .block-header-container .block-header-link.link-arrow-right:after, .module-block.block-type-two .block-header-container .footer-general-links-title a.block-header-link:after, .footer-general-links-title .module-block.block-type-two .block-header-container a.block-header-link:after, .module-block.block-type-two .block-header-container .block-header-link.editor-content a:after { margin-right: 0; } @media only screen and (max-width: 47.8125em) { .module-block.block-type-two .block-header-container.with-border-top-small { border-top: 7px solid #1c5170; } .module-block.block-type-two .block-header-container.with-border-top-small .block-header { margin-top: 7px; } .module-block.block-type-two .block-header-container.with-border-top-small .block-header-link { margin-top: 6px; } .module-block.block-type-two .block-header-container.with-border-bottom-small { border-bottom: 1px solid #c6c4c0; } } .module-block .module-block:last-child { margin-bottom: 0; } .module-block.overflow-visible { overflow: visible; } @media only screen and (min-width: 47.875em) and (max-width: 64em) { .module-block { margin-bottom: 30px; } } @media only screen and (max-width: 47.8125em) { .module-block { margin-bottom: 20px; /*FLYTTADE UT DETTA*/ } .module-block .block-header-container { padding-bottom: 1px; padding-left: 20px; padding-right: 20px; padding-top: 1px; } .module-block .block-header-container.small-white { background-color: #ffffff; } .module-block .block-header-container.small-gray { background-color: #fafafa; } .module-block .block-content-container.full-width-small { margin-left: -6px; margin-right: -6px; } .module-block .content-editorial { padding: 15px 20px; } .module-block .content-editorial > * { margin: 0 0 10px 0; } .module-block .content-editorial > *:last-child { margin-bottom: 0; } .module-block .content-editorial > * + *:last-child { margin-bottom: 0; } .module-block .content-editorial.without-padding-small { padding: 0 0 0 0; } .module-block .content-editorial.with-padding-bottom-small { padding-bottom: 20px; } .module-block .block-footer-container { padding-top: 10px; padding-left: 20px; padding-right: 20px; } .module-block.block-type-box-small .block-header-container { position: relative; border-top: 7px solid #1c5170; } .module-block.block-type-box-small .block-header-container .block-header { font-size: 16px; margin-top: 10px; text-transform: uppercase; } .module-block.block-type-box-small .block-header-container .block-header-link { margin-top: 6px; } .module-block.block-type-box-small .block-header-container:before, .module-block.block-type-box-small .block-header-container:after { position: absolute; content: ''; width: 1px; height: auto; top: 0; bottom: 0; background-color: #c6c4c0; } .module-block.block-type-box-small .block-header-container:before { left: 0; } .module-block.block-type-box-small .block-header-container:after { right: 0; } .module-block.block-type-box-small .block-content-container { background-color: #ffffff; } .module-block .box-with-border { border: 1px solid #c6c4c0; border-top: none; } .module-block .box-with-border-horz { border-bottom: 1px solid #c6c4c0; border-left: 1px solid #c6c4c0; border-right: 1px solid #c6c4c0; } .module-block .box-with-border-horz + .block-footer-container { border-top: 0; } .module-block .box-with-padding { padding: 20px; } .module-block .box-with-padding-horz { padding-left: 20px; padding-right: 20px; } .module-block .box-with-padding-vert { padding-top: 20px; padding-bottom: 20px; } .module-block .box-with-padding-top { padding-top: 20px; } } .module-block-hidden { opacity: 0; height: 0; overflow: hidden; transition: opacity ease-out 1s; } .module-block-hidden.visible { opacity: 1; height: auto; overflow: visible; } .diarium-search__item-add { position: absolute; right: 20px; top: 1.25rem; background-color: transparent; color: #1c5170; border: 0; margin: 0.4375em 0; } .diarium-search__item-header { margin-right: 90px; } @media only screen and (max-width: 47.8125em) { .diarium-search__module-inner { padding-left: 0; padding-right: 0; } } .diarium-request__list { overflow: visible; margin-left: 25px !important; margin-bottom: 0; } .diarium-request__list--last { margin-bottom: .5em; } .diarium-request__list-more-button { float: none; background-color: transparent; color: #1c5170; border: 0 none; margin: 0; padding: 20px 0 10px 0; } .diarium-request__list-more-button:hover, .diarium-request__list-more-button:active, .diarium-request__list-more-button:focus { background-color: transparent; color: black; border: 0 none; } .diarium-request__list-item { line-height: 1.5em; } @media only screen and (min-width: 47.875em) { .diarium-request__list-item { margin-bottom: .5em; } } .diarium-toggle-icon { padding: 2px; } .diarium-toggle-icon--active { background: #E67A15; color: #ffffff; border-color: #E67A15; border-radius: 50%; } .diarium-toggle-icon--add { background-color: #E67A15; margin-right: 5px; border-radius: 3px; } .diarium-request-list { border: 1px solid #dad8db; border-width: 1px 0px 1px 0px; background-color: #fafafa; padding: 15px 20px 15px; text-align: left; margin-bottom: 20px; margin-top: 20px; color: #000000; position: relative; padding-bottom: 60px; } @media only screen and (min-width: 64.063em) and (max-width: 90em) { .diarium-request-list { padding-bottom: 0px; } } .diarium-request-list--order-page { margin-left: -20px; padding-left: 20px; margin-right: -20px; padding-right: 20px; padding-bottom: 20px; } @media only screen and (min-width: 47.875em) { .diarium-request-list--order-page { margin-left: 0; padding-left: 0; margin-right: 0; padding-right: 0; } } @media only screen and (min-width: 47.875em) { .diarium-request-list { padding-left: 20px; padding-right: 20px; margin-left: 1.25rem; margin-right: 1.25rem; } } @media only screen and (min-width: 64.063em) { .diarium-request-list { padding-bottom: 20px; } } .diarium-request-list.active { padding-bottom: 60px; } .diarium-request-list__submit { position: relative; display: none; } @media only screen and (min-width: 64.063em) { .diarium-request-list__submit { position: absolute !important; right: 20px; top: 20px; transition: none; } } .diarium-request-list__submit .visible { display: inline-block; } .active .diarium-request-list__submit { position: relative !important; top: 0; right: 0px; } @media only screen and (min-width: 64.063em) { .active .diarium-request-list__submit { float: right; } } .diarium-request-list__submit:hover { text-decoration: none; } .diarium-aside { float: left; margin: 15px 0; width: 100%; } .diarium-aside__section__toggle { background: #1b4761; cursor: pointer; display: block; color: #ffffff; padding: 6px 12px 5px 12px; padding-right: 38px; position: relative; width: 100%; text-align: left; font-size: 18px; font-weight: bold; border: none; margin-bottom: 0; } .diarium-aside__section__toggle__icon { font-size: 18px; position: absolute; right: 8px; top: 50%; margin-top: -13px; } .diarium-filter { float: left; width: 100%; } .diarium-filter-more { margin: 5px !important; } .diarium-filter-clear { display: inline-block; margin: 5px 5px 5px 0; line-height: 26px; padding: 4px 0; } @media only screen and (min-width: 47.875em) { .module-news .component-news .columns.news-item { padding-left: 0; padding-right: 0; } } @media only screen and (max-width: 47.8125em) { .module-news.block-type-one.show-as-small-screen-box .item-image-container.image-wide { margin-left: 0; margin-right: 0; } .module-news.block-type-one.show-as-small-screen-box .image-text { padding: 0; } .module-news.block-type-one.show-as-small-screen-box .news-item:last-child { border-bottom: none; } } .module-news .block-footer-container { border-top: 1px solid #c6c4c0; } @media only screen and (max-width: 47.8125em) { .module-news.block-type-two .component-news .item-image-container.image-wide { margin-left: 0; margin-right: 0; } .module-news.block-type-two .component-news .image-text { padding: 0; } } .module-news.news-type-page-archive .component-news { margin-top: 25px; border-top: 1px solid #c6c4c0; } .module-news.news-type-page-archive .component-news .news-item:last-child { border-bottom: none; } @media only screen and (max-width: 47.8125em) { .module-news.news-type-page-archive .component-news { margin-top: 2px; } } .module-form input[type="file"] { display: block; margin-bottom: 1rem; } .module-form .upload-area input[type=submit] { margin-top: 10px; } .info-block { background-color: #75b2dd; padding: 7px; } @media only screen and (max-width: 47.8125em) { .info-block { padding: 0; margin-bottom: 20px !important; } } .info-block__row { max-width: 700px; } @media only screen and (min-width: 64.063em) { .info-block__row { max-width: 1400px; } } .info-block__content { background-color: #ffffff; padding: 20px; margin: 10px -10px; } @media only screen and (min-width: 47.875em) and (max-width: 64em) { .info-block__content { margin: 7px 0 0; } } @media only screen and (min-width: 64.063em) { .info-block__content { padding: 30px; margin: 0; } } .info-block__headline { margin: 0 0 .2em 0; } .info-block__sub-headline { margin: 15px 0 .2em 0; } .info-block__contact { display: inline-block; margin: 0 20px 15px 0; } .info-block__contact__label { font-weight: bold; display: block; } .info-block__contact__icon { width: 1.5em; height: 1.5em; display: inline-block; background-size: contain; vertical-align: middle; margin-right: .5em; } .info-block__trigger { margin: 0; padding: .2em 0 .2em 2em; background: transparent; border: 0; color: #1c5170; text-align: left; position: relative; } .info-block__trigger:hover, .info-block__trigger[aria-expanded="true"] { text-decoration: underline; background: transparent !important; color: #1c5170; } .info-block__trigger:focus { color: #1c5170; } .info-block__trigger-list { list-style: none; margin: 15px 0 0 0; padding: 0; } .info-block__trigger-list__item { margin-bottom: 15px; } .info-block__trigger__icon { width: 1.5em; height: 1.5em; display: inline-block; background-size: contain; position: absolute; top: 0; left: 0; } .info-block__modal { position: absolute; top: 0; left: 20px; right: 20px; bottom: 0; background: #ffffff; border: 20px solid #e0ed44; padding: 20px; z-index: 1; display: none; overflow-y: auto; } @media only screen and (min-width: 64.063em) { .info-block__modal { -webkit-transform: translateX(-100%); transform: translateX(-100%); } } @media only screen and (min-width: 47.875em) and (max-width: 64em) { .info-block__modal { top: 7px; } } @media only screen and (max-width: 47.8125em) { .info-block__modal { left: 0; right: 0; border-width: 10px; } } .info-block__modal--active { display: block; } .info-block__modal__label { text-transform: uppercase; font-size: 16px; padding-right: 70px; } @media only screen and (min-width: 64.063em) { .info-block__modal__label { display: none; } } .info-block__modal__close { background: transparent; padding: 0; margin: 0; position: absolute; top: 20px; right: 20px; border: none; color: inherit; font-weight: normal; } .info-block__modal__close:hover, .info-block__modal__close:focus { background: transparent; color: inherit; } .info-block__modal__headline { margin: 2em 0 .5em; } .info-block-simple { position: relative; background-color: #75b2dd; padding: 7px; /* Block in block made it hard to replace info-block__modal with a new info-block-simple__modal so we have to override instead*/ } .info-block-simple__content { background-color: #ffffff; padding: 20px; margin: 0; } .info-block-simple__headline { margin: 0 0 .2em 0; } .info-block-simple__sub-headline { margin: 15px 0 .2em 0; } .info-block-simple__contact { display: inline-block; margin: 0 20px 15px 0; } .info-block-simple__contact__label { font-weight: bold; display: block; } .info-block-simple__contact__icon { width: 1.5em; height: 1.5em; display: inline-block; background-size: contain; vertical-align: middle; margin-right: .5em; } .info-block-simple__trigger { margin: 0; padding: .2em 0 .2em 2em; background: transparent; border: 0; color: #1c5170; text-align: left; position: relative; } .info-block-simple__trigger:hover, .info-block-simple__trigger[aria-expanded="true"] { text-decoration: underline; background: transparent !important; color: #1c5170; } .info-block-simple__trigger:focus { color: #1c5170; } .info-block-simple__trigger-list { list-style: none; margin: 15px 0 0 0; padding: 0; } .info-block-simple__trigger-list__item { margin-bottom: 15px; } .info-block-simple__trigger__icon { width: 1.5em; height: 1.5em; display: inline-block; background-size: contain; position: absolute; top: 0; left: 0; } .info-block-simple__modal { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #ffffff; border: 8px solid #e0ed44; padding: 20px; z-index: 1; display: none; overflow-y: auto; } .info-block-simple__modal--active { display: block; } .info-block-simple__modal__label { text-transform: uppercase; font-size: 16px; padding-right: 70px; } @media only screen and (min-width: 64.063em) { .info-block-simple__modal__label { display: none; } } .info-block-simple__modal__close { background: transparent; padding: 0; margin: 0; position: absolute; top: 20px; right: 20px; border: none; color: inherit; font-weight: normal; } .info-block-simple__modal__close:hover, .info-block-simple__modal__close:focus { background: transparent; color: inherit; } .info-block-simple__modal__headline { margin: 2em 0 .5em; } .info-block-simple .info-block__modal { left: 0; right: 0; border: 8px solid #e0ed44; } @media only screen and (min-width: 64.063em) { .info-block-simple .info-block__modal { -webkit-transform: none; transform: none; } } @media only screen and (min-width: 47.875em) and (max-width: 64em) { .info-block-simple .info-block__modal { top: 0; } } @media only screen and (max-width: 47.8125em) { .info-block-simple .info-block__modal { left: 0; right: 0; border-width: 8px; } } .module-information-block { padding: 30px; background-color: #f2f7fb; } @media only screen and (min-width: 64.063em) { .module-information-block { border-top: 7px solid #1c5170; } } @media only screen and (max-width: 47.8125em) { .module-information-block { padding: 20px; margin: -15px 0 0; border: none; } } @media only screen and (max-width: 47.8125em) { .module-information-block__header-container { margin-bottom: 15px !important; } } .module-information-block__description { display: block; } .module-information-block .block-header { margin: 0 !important; } .module-information-block .block-header-container { padding: 0 !important; margin-bottom: 30px; } .module-information-block .list-item { margin-bottom: 25px; padding-left: 50px; position: relative; min-height: 50px; } .module-information-block__icon { display: block; width: 40px; height: 40px; position: absolute; left: 0; background-size: contain; background-position: center; } .module-information-block .search-field-general { margin-bottom: 0; height: 50px; padding: 0 18px; font-size: 16px; } .module-information-block__search-grp { display: table; width: 100%; } .module-information-block__search-btn, .module-information-block__search-input { display: table-cell; vertical-align: middle; } .module-information-block__search-btn { width: 1%; } .module-information-block__search-submit { height: 50px; white-space: nowrap; padding: 0 1em 0 0.7em; margin: 0; font-size: 22px; background-color: #1c5170; } .module-information-block__search-submit i:before { height: 50px; background-position-y: 0.4em; width: 1.2em; } @media only screen and (min-width: 64.063em) { .module-information-block__search-submit i:before { background-position-y: 0.2em; } } .sad-module { padding-bottom: 25px; } .sad-module .sad-module-header { margin-bottom: 30px; } .sad-module .rss-link-container { position: static; padding-top: 15px; overflow: hidden; } .sad-module .rss-link { float: right; } @media only screen and (max-width: 47.8125em) { .sad-module { padding-bottom: 0; margin-bottom: 30px; } .sad-module .sad-filter-mobile-border-bottom { border-bottom: 1px solid #b2b2b2; margin-top: 20px; margin-bottom: 12px; } .sad-module .sad-module-webtv + .sad-module-documents .sad-filter-mobile-border-bottom { display: none; } .sad-module .sad-module-webtv + .sad-module-documents:before { content: ""; height: 1px; width: 100%; background: #b2b2b2; display: block; margin-top: 20px; margin-bottom: 6px; } .sad-module .sad-module-header { margin-bottom: 0px; } .sad-module .move-left .row { margin: 0 auto; } .sad-module .content-list { margin-left: -1.25rem; margin-right: -1.25rem; padding-left: 1.25rem; padding-right: 1.25rem; } .sad-module .sad-module-footer { padding-left: 0; padding-right: 0; } .sad-module .facetts-nav-horz-container .text-right { text-align: left !important; } .sad-module .right-off-canvas-menu { padding: 15px 0px 0 20px; } .sad-module .module-facets { padding-top: 20px; } .sad-module .sad-module-webtv .search-list-webtv article:last-of-type { border-bottom: none; padding-bottom: 0px; margin-bottom: 31px; } .sad-module .sad-module-documents article:first-child .content-list { border-top: none; padding-top: 0px; } } @media print { .sad-module .text-right { text-align: left !important; } } .has-social-links .module-section-navigation { margin-top: 20px; } .module-section-navigation { padding: 50px 0 50px 0; background-color: #fafafa; border-top: 1px solid #c6c4c0; } .module-section-navigation ul.navigation-item-container { margin: 0 -20px; } .module-section-navigation li.navigation-item { padding: 0 20px 30px 20px; } @media only screen and (max-width: 47.8125em) { .module-section-navigation { padding: 20px 0 20px 0; } .module-section-navigation ul.navigation-item-container { margin: 0 -20px; } .module-section-navigation ul.navigation-item-container > li { padding: 0 20px 20px 20px; } } .component-section-navigation-item { background-color: #ffffff; } .component-section-navigation-item > ul > li > a, .component-section-navigation-item > ul > li > span { padding: 10px 20px 10px 20px; border-bottom: 1px solid #c6c4c0; } .component-section-navigation-item > ul > li > ul { padding: 12px 0 12px 0; } .component-section-navigation-item > ul > li > ul li { padding: 4px 20px 4px 20px; } .component-section-navigation-item > ul li > * { margin: 0; display: block; } .module-documents-list .component-documents-list { margin-top: 30px; } @media only screen and (min-width: 47.875em) and (max-width: 64em) { .module-documents-list .component-documents-list { margin-top: 20px; } } @media only screen and (max-width: 47.8125em) { .module-documents-list .component-documents-list { padding: 17px 20px 17px 20px; border-bottom: 1px solid #c6c4c0; margin-top: 0; } } @media only screen and (max-width: 47.8125em) { .module-documents-list .end .component-documents-list { border-bottom: none; } } .component-documents-list { position: relative; } .component-documents-list .list-heading { margin: 0 0 22px 0; } .component-documents-list .list-item + .list-item { padding-top: 22px; } .component-documents-list .documents-list-item-date { font-size: 0.875rem; } .component-documents-list .documents-list-bottom-area { display: block; margin-top: 12px; } .component-documents-list .rss-link-container { position: absolute; top: 2px; margin: 0; display: none; } @media only screen and (min-width: 64.063em) { .component-documents-list .rss-link-container { display: block; } } @media only screen and (min-width: 47.875em) and (max-width: 64em) { .component-documents-list .list-heading { margin: 0 0 12px 0; } .component-documents-list .list-item + .list-item { padding-top: 12px; } } @media only screen and (max-width: 47.8125em) { .component-documents-list .list-heading { margin: 0 0 12px 0; } .component-documents-list .list-item + .list-item { padding-top: 12px; } } .module-parties-poll { padding: 0 0 0 0; } .module-parties-poll .component-parties-poll-container { position: relative; z-index: 1; /*&:after { width: 100%; height: 60px; position: absolute; display: block; content: ""; left: 0; bottom: 0; margin: 0 0 0 0; background-color: $color-white; z-index: 2; }*/ } .module-parties-poll .component-parties-poll-container .slick-dots { position: relative; } .module-parties-poll .module-slick-slider.module-slick-dots-images { z-index: 3; padding-bottom: 0; } .module-parties-poll .module-slick-slider.module-slick-dots-images .slick-dots { position: relative; margin: 6px; } @media only screen and (max-width: 47.8125em) { .module-parties-poll .module-slick-slider.module-slick-dots-images .slick-dots { margin-bottom: 0; } } @media only screen and (max-width: 47.8125em) { .module-parties-poll .component-parties-poll-container { padding: 0 20px; } } .component-parties-poll { padding: 20px 0; } .component-parties-poll .poll-header { padding-bottom: 20px; padding-left: 58px; position: relative; overflow: auto; } .component-parties-poll .poll-header img { position: absolute; top: 0; left: 0; margin: 0 0 0 0; height: 49px; width: 49px; padding: 4px; border: 1px solid #eeeeee; background-color: white; border-radius: 50%; float: left; } .component-parties-poll .poll-header > span { display: block; float: left; padding: 15px 0 13px 0; margin: 0; } .component-parties-poll .poll-image-container { margin: 0 0; } .component-parties-poll .poll-content { padding-top: 20px; } @media only screen and (max-width: 47.8125em) { .component-parties-poll { padding: 15px 0; } .component-parties-poll .poll-header { padding-left: 48px; padding-bottom: 15px; } .component-parties-poll .poll-header img { height: 39px; width: 39px; } .component-parties-poll .poll-header > span { padding: 11px 0 9px 0; } } @media only screen and (max-width: 47.8125em) { .block-container-size-total .parties-poll-content-container, .block-container-size-total .component-parties-poll-container { padding-left: 0px; padding-right: 0px; } } .block-container-size-large .module-parties-poll .component-parties-poll, .block-container-size-medium .module-parties-poll .component-parties-poll, .block-container-size-small .module-parties-poll .component-parties-poll { padding: 20px; } .block-container-size-large .module-parties-poll .component-parties-poll .poll-image-container, .block-container-size-medium .module-parties-poll .component-parties-poll .poll-image-container, .block-container-size-small .module-parties-poll .component-parties-poll .poll-image-container { margin: 0 -20px; } @media only screen and (max-width: 47.8125em) { .block-container-size-large .module-parties-poll .component-parties-poll, .block-container-size-medium .module-parties-poll .component-parties-poll, .block-container-size-small .module-parties-poll .component-parties-poll { padding: 20px 0; } .block-container-size-large .module-parties-poll .component-parties-poll .poll-image-container, .block-container-size-medium .module-parties-poll .component-parties-poll .poll-image-container, .block-container-size-small .module-parties-poll .component-parties-poll .poll-image-container { margin: 0; } } .ui-autocomplete { background: transparent; list-style: none; padding: 4px 0 0; position: fixed !important; width: 250px; z-index: 99999; } .ui-autocomplete li { color: #ffffff; cursor: pointer; margin-bottom: 4px; padding: 4px 10px; } .ui-autocomplete-attach-results { background: #ffffff; border: solid 1px #c6c4c0; padding: 0; position: absolute !important; } .ui-autocomplete-attach-results li { border-top: solid 1px #eeeeee; color: #000000; margin-bottom: 0; padding: 8px 18px; } .ui-autocomplete-attach-results li:first-child { border-top: none; } .ui-autocomplete-attach-results li.ui-state-focus { background: #e6f0f7; } @media only screen and (min-width: 64.063em) { .ui-autocomplete { background: #ffffff; border: solid 1px #c6c4c0; padding: 0; position: absolute !important; } .ui-autocomplete li { border-top: solid 1px #eeeeee; color: #000000; margin-bottom: 0; padding: 8px 18px; } .ui-autocomplete li:first-child { border-top: none; } .ui-autocomplete li.ui-state-focus { background: #e6f0f7; } } .module-chamber-current .day-header { padding: 10px 20px 10px 20px; background-color: #1c5170; margin-bottom: 40px; } .module-chamber-current .day-header .day-heading { color: #ffffff; margin: 0; } @media only screen and (min-width: 47.875em) { .module-chamber-current .day-header .day-heading .font-normal { margin-left: 15px; } } @media only screen and (max-width: 47.8125em) { .module-chamber-current .day-header .day-heading span:first-child { display: block; } } .module-chamber-current .chamber-current-content > .link-file:first-of-type { margin-top: 0; } .module-chamber-current .component-guide-list { margin: 0 0 0 0; } .module-chamber-current .component-chamber-occurances .occurance-header { background-color: #eeeeee; } .module-chamber-current .component-chamber-occurances .occurance-item { background: none; } .module-chamber-current .component-liveticker .ticker-item { background: #eeeeee; } .module-chamber-current .occurance-heading { position: relative; } .module-chamber-current .occurance-heading > time { position: absolute; } .module-chamber-current .occurance-heading > span { margin-left: 60px; display: block; } .module-chamber-current .component-chamber-occurances .collection-item + .collection-item { border-top: 1px solid #c4c4c4; } .module-chamber-current .component-chamber-occurances .collection-item + .collection-item + .collection-item { border-top: 1px solid #c4c4c4; } .module-chamber-current .collection-item .no-list-style li { padding-bottom: 15px; } .module-chamber-current .collection-item .no-list-style li:last-child { padding-bottom: 0; } @media only screen and (max-width: 47.8125em) { .module-chamber-current .occurance-heading > span { margin-left: 45px; } .module-chamber-current .chamber-current-content { padding: 0 20px 20px 20px; } .module-chamber-current .component-guide-list { margin: 0 -6px 0 -6px; } .module-chamber-current .component-liveticker .ticker-item { background: #ffffff; } } .page-contents .module-content .module-intro p, .page-contents .module-content .module-intro h2, .page-contents .module-content .module-intro h3, .page-contents .module-content .module-intro h4, .page-contents .module-content .module-intro h5, .page-contents .module-content .module-intro h6, .page-contents .module-content .module-intro hr, .page-contents .module-content .module-intro > a { margin-left: 0; } .module-intro .text-photographer { color: #8f8f8f; } .member-chart { position: relative; } @media only screen and (max-width: 1049px) { .member-chart { background-color: #fff; margin: 0 -5px 0 -5px; padding: 5px; } } .member-chart__headline { font-size: 37px; line-height: 1.2em; } @media only screen and (max-width: 47.8125em) { .member-chart__headline { font-size: 20px; margin: 20px; } } .member-chart__headline strong { font-size: 60px; } @media only screen and (max-width: 47.8125em) { .member-chart__headline strong { font-size: 30px; } } .member-chart__inner { position: relative; } .member-chart__fact-box { background: #f2f7fb; border-left: 5px solid #89c2eb; padding: 20px; max-width: none; } @media only screen and (min-width: 1050px) { .member-chart__fact-box { position: absolute; top: 0; right: 0; max-width: 360px; padding: 30px; } } @media only screen and (max-width: 1049px) { .member-chart__fact-box { margin-left: -5px; margin-right: -5px; } } .member-chart__items { list-style: none; padding: 0 3em 0 0; margin: 0; } @media only screen and (min-width: 1050px) { .member-chart__items { display: table; table-layout: fixed; width: 100%; padding: 0; } } @media only screen and (min-width: 1050px) { .member-chart__item { display: table-cell; text-align: center; vertical-align: top; } } @media only screen and (max-width: 1049px) { .member-chart__item { padding: 0 0 .7em 60px; padding-bottom: 3vw; position: relative; margin-bottom: 30px; } } .member-chart__bar { position: relative; } @media only screen and (min-width: 1050px) { .member-chart__bar { height: 350px; margin: 40px auto 0; border-bottom: 1px solid #ccc; } } @media only screen and (max-width: 1049px) { .member-chart__bar { height: .7em; height: 3vw; position: absolute; bottom: 0; width: calc(100% - 60px); } } @media only screen and (max-width: 1049px) { .member-chart__bar:after { content: attr(data-count); display: block; position: absolute; right: -2.3em; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); font-weight: bold; } } .member-chart__bar__inner { position: absolute; bottom: 0; height: 0; width: 0; transition: height 1s ease, width 1s ease; } @media only screen and (min-width: 1050px) { .member-chart__bar__inner { max-width: 60px; min-width: 60px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } } @media only screen and (max-width: 1049px) { .member-chart__bar__inner { min-height: 100%; } } @media only screen and (min-width: 1050px) { .member-chart__bar__inner:after { content: attr(data-count); line-height: 40px; display: block; margin-top: -40px; font-size: 30px; font-weight: bold; } } .member-chart__info { margin: 0 auto; display: inline-block; } .member-chart__info__logo { width: 100%; height: auto; max-width: 80px; } @media only screen and (min-width: 1050px) { .member-chart__info__logo { margin: 10px auto; } } @media only screen and (max-width: 1049px) { .member-chart__info__logo { width: 50px; position: absolute; left: 0; } } .member-chart__info__logo__inner { position: relative; padding-bottom: 100%; } .member-chart__info__logo__img { position: absolute; top: 0; left: 0; width: 100%; } .member-chart__info__name { font-size: 13px; display: inline-block; } @media only screen and (min-width: 1050px) { .member-chart__info__name { padding: 0 5px; } } .module-standard h2 { margin-bottom: 11px; } .module-standard h3 { margin-bottom: 6px; } .module-standard > div p:last-child { margin-bottom: 6px; } .module-standard ul { margin-bottom: 0; } aside .module-standard:first-child { margin-top: 0; } .module-standard--colorbox ol { list-style: none; margin-left: 2.1rem; } .module-standard--colorbox ol li:before { content: counter(my-orderlist-counter); counter-increment: my-orderlist-counter; border-radius: 50%; background-color: #1c5170; color: #ffffff; display: inline-block; width: 24px; height: 24px; text-align: center; line-height: 24px; margin-left: -34px; margin-right: 10px; font-size: 0.9375rem; } .page-contents .module-standard--colorbox ol { margin-left: 2.1rem; } .module-standard--colorbox ol li + li { margin-top: 12px; } @media only screen and (max-width: 47.8125em) { .document-list-latest-container { margin-left: -1.25em; margin-right: -1.25em; width: 106%; width: calc(100% + 2.5em); } .no-padding-small .module-standard { padding-left: 1.25rem; padding-right: 1.25rem; } .push:not(:last-child) .module-standard { padding-bottom: 8px; } } .module-slick-slider { overflow: hidden; position: relative; } .module-slick-slider .slick-dots { bottom: auto; } .module-slick-slider .slick-dots li { display: inline-block; } .module-slick-slider .slick-dots li button { border: none; float: left; font-size: 0; line-height: 0; margin: 0; padding: 0; } .module-slick-slider .slick-dots li.slick-active button { background: #e28c05; } .module-slick-slider.module-slick-dots-top { padding-top: 35px; position: relative; margin-top: -35px; } .module-slick-slider.module-slick-dots-top .slick-dots { position: absolute; right: 4px; top: 5px; } .module-slick-slider.module-slick-dots-top .slick-dots li { margin-left: 8px; } .module-slick-slider.module-slick-dots-top .slick-dots button { background: #c4c4c4; border-radius: 50%; height: 9px; width: 9px; } .module-slick-slider .slick-next, .module-slick-slider .slick-prev { background: #1c5170; border: solid 2px #1c5170; border-radius: 50%; color: #ffffff; font-size: 0; height: 28px; line-height: 0; margin: -16px 0 0 0; padding: 0; position: absolute; top: 50%; width: 28px; z-index: 10; opacity: 1; transition: opacity ease 0.4s; } .module-slick-slider .slick-next:not(.slick-disabled):hover, .module-slick-slider .slick-prev:not(.slick-disabled):hover { background: #ffffff; color: #1c5170; } .module-slick-slider .slick-next:after, .module-slick-slider .slick-prev:after { font-size: 16px; } .module-slick-slider .slick-next.slick-disabled, .module-slick-slider .slick-prev.slick-disabled { opacity: 0; cursor: default; } .module-slick-slider .slick-prev { left: 10px; } .module-slick-slider .slick-next { right: 10px; } .module-slick-slider.module-slick-dots-images { padding-bottom: 60px; } .module-slick-slider.module-slick-dots-images .slick-dots { bottom: 0; position: absolute; right: 0; left: 0; margin: 0 0 0 0; width: auto; text-align: center; } .module-slick-slider.module-slick-dots-images .slick-dots li { height: auto; margin: 0 7px; width: auto; border-bottom: solid 4px transparent; padding-bottom: 5px; } .module-slick-slider.module-slick-dots-images .slick-dots li:before { content: none; } .module-slick-slider.module-slick-dots-images .slick-dots li.slick-active { border-color: #1c5170; } .module-slick-slider.module-slick-dots-images .slick-dots li.slick-active button { background: transparent; } .module-slick-slider.module-slick-dots-images .slick-dots li.slick-active:hover { border-color: #1c5170; } .module-slick-slider.module-slick-dots-images .slick-dots li:hover { border-color: #c4c4c4; } .module-slick-slider.module-slick-dots-images .slick-dots button { background: transparent; } .module-slick-slider.module-slick-dots-images .slick-dots button img { height: 30px; margin: 6px; width: 30px; } .module-slick-slider.module-slick-dots-images .slick-dots button img:first-child { margin-left: 0; } @media only screen and (max-width: 47.8125em) { .module-slick-slider.module-slick-dots-images .slick-dots { margin: 0px 6px 0 6px; } .module-slick-slider.module-slick-dots-images .slick-dots li { margin: 0 4px; } .module-slick-slider.module-slick-dots-images .slick-dots button img { height: 26px; margin: 6px 0 1px 0; width: 26px; } } .module-slick-slider.module-slick-dots-images .slick-next, .module-slick-slider.module-slick-dots-images .slick-prev { margin-top: -24px; } .module-slick-slider-nojs-arrows { padding: 0; margin: 0; list-style-type: none; } .js .module-slick-slider-nojs-arrows { display: none; } .module-parties-poll .slick-next, .module-parties-poll .slick-prev { background: #ffffff; border-color: #ffffff; color: #1c5170; display: none !important; top: 180px; } @media only screen and (min-width: 47.875em) { .module-parties-poll .slick-next, .module-parties-poll .slick-prev { display: inline-block !important; } } @media only screen and (min-width: 47.875em) and (max-width: 64em) { .module-parties-poll .slick-next, .module-parties-poll .slick-prev { top: 166px; } } .module-parties-poll .slick-next:hover, .module-parties-poll .slick-prev:hover { background: #1c5170; border-color: #ffffff; color: #ffffff; } @media only screen and (max-width: 47.8125em) { .module-parties-poll .module-slick-slider { padding: 0 41px 60px 41px; margin-left: -26px; margin-right: -26px; overflow: hidden; position: relative; } .module-parties-poll .module-slick-slider .poll-image-container { opacity: 0.65; transition: all ease 0.4s; } .module-parties-poll .module-slick-slider .slick-slide { padding-left: 5px; padding-right: 5px; } .module-parties-poll .module-slick-slider .slick-slide.slick-fillup-item { border-color: transparent; } .module-parties-poll .module-slick-slider .poll-content, .module-parties-poll .module-slick-slider .poll-header { opacity: 0; transition: all ease 0.4s; } .module-parties-poll .module-slick-slider .slick-active .poll-image-container { opacity: 1; } .module-parties-poll .module-slick-slider .slick-active .poll-content, .module-parties-poll .module-slick-slider .slick-active .poll-header { opacity: 1; } } .block-container-size-small .module-parties-poll .slick-next, .block-container-size-small .module-parties-poll .slick-prev { top: 218px; } @media only screen and (min-width: 47.875em) and (max-width: 64em) { .block-container-size-small .module-parties-poll .slick-next, .block-container-size-small .module-parties-poll .slick-prev { top: 180px; } } @media only screen and (min-width: 47.875em) and (max-width: 64em) { .block-container-size-small .module-parties-poll .slick-dots li { margin: 0 6px; } .block-container-size-small .module-parties-poll .slick-dots button img { height: 26px; margin: 6px 0 6px 6px; width: 26px; } } @media only screen and (max-width: 47.8125em) { .block-container-size-small .module-parties-poll .slick-dots { margin: 0px 6px 0 6px; } .block-container-size-small .module-parties-poll .slick-dots li { margin: 0 4px; } .block-container-size-small .module-parties-poll .slick-dots button img { height: 26px; margin: 6px 0 1px 0; width: 26px; } } .slick-container { opacity: 0; height: 0; overflow: hidden; transition: opacity 0.3s ease-out; } .slick-container.slick-initialized { opacity: 1; height: auto; overflow: visible; } .slick-track { background-color: #fafafa; border-top: 1px solid #eeeeee; border-bottom: 1px solid #eeeeee; } .module-slider-gallery { padding: 0; } .module-slider-gallery .slick-next, .module-slider-gallery .slick-prev { background: #ffffff; border-color: #ffffff; color: #1c5170; top: 117px; } @media only screen and (min-width: 47.875em) and (max-width: 64em) { .module-slider-gallery .slick-next, .module-slider-gallery .slick-prev { top: 90px; } } .module-slider-gallery .slick-next:hover, .module-slider-gallery .slick-prev:hover { background: #1c5170; border-color: #ffffff; color: #ffffff; } @media only screen and (max-width: 47.8125em) { .module-slider-gallery .module-slick-slider { padding: 0 41px 0 41px; margin-left: -26px; margin-right: -26px; overflow: hidden; position: relative; } .module-slider-gallery .slick-slide { padding-left: 5px; padding-right: 5px; } .module-slider-gallery .slick-slide.slick-fillup-item { border-color: transparent; } .module-slider-gallery .slick-active .component-gallery-image, .module-slider-gallery .slick-active .component-gallery-content { opacity: 1; } } @media only screen and (min-width: 47.875em) { .module-slider-gallery .module-slider-gallery-top { padding-bottom: 10px; } } .module-slider-gallery .module-slider-gallery-bottom { padding: 10px 20px; } .module-slider-gallery .module-slider-gallery-bottom .component-social { margin-top: 0px; } @media only screen and (max-width: 47.8125em) { .module-slider-gallery .module-slider-gallery-bottom .component-social { border-top: 0px; padding-top: 0px; } .module-slider-gallery .module-slider-gallery-bottom .component-social .normal { margin-left: 3px; } } .module-slider-gallery-container { background-color: #fafafa; position: relative; z-index: 1; } @media only screen and (max-width: 47.8125em) { .module-slider-gallery-container { padding: 0 20px; } .block-container-size-total .module-slider-gallery-container { padding-left: 0px; padding-right: 0px; } } .component-gallery { padding: 0 20px 20px; background-color: #fafafa; } @media only screen and (max-width: 47.8125em) { .component-gallery { padding: 20px 0; } } .component-gallery-image { margin: 0 -20px; } @media only screen and (max-width: 47.8125em) { .component-gallery-image { margin: 0; opacity: 0.65; transition: all ease 0.4s; } } .component-gallery-content { padding-top: 10px; position: relative; } .component-gallery-content p:last-of-type { margin-bottom: 0; } @media only screen and (max-width: 47.8125em) { .component-gallery-content { opacity: 0; transition: all ease 0.4s; } } .component-gallery-count { position: absolute; top: 10px; right: 0; } .component-gallery-fotographer { color: #8f8f8f; display: block; padding-right: 90px; } .component-gallery-count, .component-gallery-fotographer { font-size: 0.875rem; display: inline-block; padding-bottom: 7px; } .block-header-container-gallery { display: none; } .gallery-show-block-header .block-header-container-gallery { display: block; } .module-slider-archive { margin-bottom: 20px; } .module-slider-archive .component-gallery-image { opacity: 0.65; transition: all ease 0.4s; } .module-slider-archive .slick-active .component-gallery-image, .module-slider-archive .slick-active .component-gallery-content { opacity: 1; } .module-slider-archive .component-gallery-content { opacity: 0; transition: all ease 0.4s; } .rd-page-type-top-gray .module-slider-archive { background-color: #fafafa; } @media only screen and (max-width: 47.8125em) { .module-slider-archive .module-slider-gallery-container, .module-slider-archive .component-gallery { background: none; } .module-slider-archive .module-slider-gallery-top { padding-bottom: 0; } .module-slider-archive .component-gallery { padding-top: 10px; } .module-slider-archive .component-gallery-image { opacity: 1; } } @media only screen and (min-width: 47.875em) { .module-slider-archive { margin-bottom: 40px; padding: 10px 0 20px; } .module-slider-archive .module-block, .module-slider-archive .module-block-container { margin-bottom: 0; } .module-slider-archive .module-slick-slider { padding: 0 15%; margin-left: -26px; margin-right: -26px; } .module-slider-archive .slick-next { margin-right: 3%; } .module-slider-archive .slick-prev { margin-left: 3%; } .module-slider-archive .component-gallery { padding-left: 0; padding-right: 0; } .module-slider-archive .component-gallery-image { margin: 0; } .module-slider-archive .module-slider-gallery-top, .module-slider-archive .module-slider-gallery-bottom { padding-right: 11.5%; padding-left: 11.5%; } .module-slider-archive .module-slider-gallery-top { padding-top: 0; } .module-slider-archive .module-slider-gallery-top h2 { font-size: 1.125rem; } .module-slider-archive .module-block.block-type-two .block-header-container .block-header { text-transform: none; margin: 0 0 20px 0; font-size: 2.3125em; line-height: 1.2; margin-bottom: 0.625em; max-width: 100%; } .module-slider-archive .module-slider-gallery-bottom { padding-bottom: 0; } } @media only screen and (min-width: 64.063em) { .module-slider-archive .module-slick-slider { padding: 0 17%; margin-left: -26px; margin-right: -26px; } .module-slider-archive .module-slick-slider .slick-next { margin-right: 8%; } .module-slider-archive .module-slick-slider .slick-prev { margin-left: 8%; } .module-slider-archive .module-slider-gallery-top, .module-slider-archive .module-slider-gallery-bottom { padding-right: 14.5%; padding-left: 14.5%; } } @media only screen and (min-width: 47.875em) { .page-gallery-archive .main-content { padding: 0; } } .rsbtn.rspopup.rscompact { position: absolute !important; left: -999px !important; display: none !important; } .main-content .rsbtn .rsbtn_powered .rsbtn_btnlabel { display: none; } .main-content .rsbtn, #readspeaker0 .rsbtn { padding-left: 20px; /*margin-bottom:35px;*/ width: auto !important; } .main-content .rsbtn_settings, #readspeaker0 .rsbtn_settings { display: none; } .main-content .readspeaker-info, #readspeaker0 .readspeaker-info { padding-bottom: 25px; padding-left: 40px; clear: left; /*margin: 0 auto;*/ } .main-content .readspeaker-info__text, #readspeaker0 .readspeaker-info__text { max-width: 411px; font-size: 13px; } .main-content .readspeaker-info__text a, #readspeaker0 .readspeaker-info__text a { text-decoration: underline; padding-left: 5px; } .page.no-padding .rsbtn { margin-top: 30px; padding-bottom: 0; margin-bottom: 0; } .page .readspeaker-info { margin-top: 10px; padding-bottom: 0; } .page.no-padding.rd-page-type-top-gray .rsbtn { margin-top: 0; } .page.no-padding.rd-page-type-top-gray .rsbtn .rsbtn_play { padding: 0; } .page.no-padding.rd-page-type-top-gray .readspeaker-info { padding-top: 10px; padding-left: 20px; padding-bottom: 0; } .rd-page-type-top-gray .rsbtn-container { background-color: #fafafa; } .rd-page-type-top-gray .rsbtn { background-color: #fafafa; margin-bottom: 0; padding-top: 20px; margin-top: 0; } .page-search .rsbtn { margin-top: 30px; } .riksdag-year { background-color: #f2f7fb; padding: 20px 0 0; } @media only screen and (min-width: 47.875em) { .riksdag-year { margin: 120px 0px !important; padding: 0; } } @media only screen and (min-width: 47.875em) and (max-width: 64em) { .riksdag-year { margin: 40px 0px !important; } } @media only screen and (max-width: 47.8125em) { .riksdag-year { margin-top: 20px; } } .riksdag-year__row { max-width: 1400px; } .riksdag-year__chart { margin-bottom: 20px; font-size: 0; position: relative; height: 360px; } @media only screen and (min-width: 47.875em) { .riksdag-year__chart { padding-bottom: 56.25%; margin-bottom: 0; -webkit-transform: translateX(10%); transform: translateX(10%); } } .riksdag-year__chart__inner { position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-image: url("/images/riksdag-year-gfx.svg"); background-position: center center; background-size: contain; background-repeat: no-repeat; } @media only screen and (min-width: 47.875em) { .riksdag-year__chart__inner { top: -60px; bottom: -60px; max-width: calc(100% - 60px); } } .riksdag-year__chart__gfx { height: 100%; position: absolute; width: auto; } .riksdag-year__chart__info { position: absolute; top: 50%; left: 50%; width: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); font-size: initial; text-align: center; } .riksdag-year__chart__info > :first-child { margin-top: 0; } .riksdag-year__chart__info > :last-child { margin-bottom: 0; } .riksdag-year__chart__info h3 { margin-bottom: .2em; font-size: 16px; } @media only screen and (min-width: 64.063em) { .riksdag-year__chart__info h3 { font-size: 20px; } } .riksdag-year-simple .rd-slider { margin: 0; } .riksdag-year-simple .rd-slider__item { min-height: 260px; } .riksdag-year-simple .rd-slider__text p { font-size: 20px; } @media only screen and (min-width: 90.063em) { .riksdag-year-simple .rd-slider__text p { font-size: 20px; } } @media only screen and (min-width: 47.875em) and (max-width: 64em) { .riksdag-year-simple .rd-slider__text p { font-size: 18px; } } .riksdag-year-simple .rd-slider__text p.rd-slider__text__medium { font-size: 28px; } @media only screen and (min-width: 90.063em) { .riksdag-year-simple .rd-slider__text p.rd-slider__text__medium { font-size: 28px; } } @media only screen and (min-width: 47.875em) and (max-width: 64em) { .riksdag-year-simple .rd-slider__text p.rd-slider__text__medium { font-size: 24px; } } .riksdag-year-simple .rd-slider__text p.rd-slider__text__large { font-size: 40px; } @media only screen and (min-width: 90.063em) { .riksdag-year-simple .rd-slider__text p.rd-slider__text__large { font-size: 40px; } } @media only screen and (min-width: 47.875em) and (max-width: 64em) { .riksdag-year-simple .rd-slider__text p.rd-slider__text__large { font-size: 30px; } } .riksdag-year-speaker { background-color: #f2f7fb; padding: 20px 0 0; border-top: 1px solid #d8e8f4; border-bottom: 1px solid #d8e8f4; } @media only screen and (min-width: 47.875em) { .riksdag-year-speaker { margin: 80px 0px !important; padding: 0; } } @media only screen and (min-width: 47.875em) and (max-width: 64em) { .riksdag-year-speaker { margin: 40px 0px !important; } } @media only screen and (max-width: 47.8125em) { .riksdag-year-speaker { margin-top: 20px; } } .riksdag-year-speaker__row { max-width: 1400px; } .riksdag-year-speaker__chart { margin-bottom: 20px; font-size: 0; position: relative; height: 360px; } @media only screen and (min-width: 47.875em) { .riksdag-year-speaker__chart { padding-bottom: 70%; margin-bottom: 0; -webkit-transform: translateX(10%); transform: translateX(10%); } } .riksdag-year-speaker__chart__inner { position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-image: url("/images/riksdag-year-gfx.svg"); background-position: center center; background-size: contain; background-repeat: no-repeat; } @media only screen and (min-width: 47.875em) { .riksdag-year-speaker__chart__inner { top: -20px; bottom: -20px; max-width: calc(100% - 60px); } } .riksdag-year-speaker__chart__gfx { height: 100%; position: absolute; width: auto; } .riksdag-year-speaker__chart__info { position: absolute; top: 50%; left: 50%; width: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); font-size: initial; text-align: center; } .riksdag-year-speaker__chart__info > :first-child { margin-top: 0; } .riksdag-year-speaker__chart__info > :last-child { margin-bottom: 0; } .riksdag-year-speaker__chart__info h3 { margin-bottom: .2em; font-size: 16px; } @media only screen and (min-width: 64.063em) { .riksdag-year-speaker__chart__info h3 { font-size: 20px; } } .riksdag-year-speaker .rd-slider__item__description { right: 0; } @media only screen and (min-width: 64.063em) { .riksdag-year-speaker .rd-slider__item__bubble { right: 0; } } .module-slider-webtv { position: relative; background: #fafafa; border-top: 1px solid #c4c4c4; border-bottom: 1px solid #c4c4c4; margin-bottom: 20px; padding-top: 30px; } .module-slider-webtv .module-block .block-header-container .block-header { margin-left: 28px; } .module-slider-webtv .block-type-one .block-header-container { margin-top: -5px; } @media only screen and (min-width: 64.063em) { .module-slider-webtv .block-type-one .block-header-container { margin-top: -12px; } } .module-slider-webtv .slick-list { overflow: hidden; } .module-slider-webtv .module-block { margin-bottom: 20px; } .module-slider-webtv .module-slider-webtv-bg { display: none; top: 0; margin-top: 35px; } @media only screen and (min-width: 47.875em) { .module-slider-webtv .module-slider-webtv-bg { display: block; position: absolute; width: 100%; } .module-slider-webtv .module-slider-webtv-bg img { width: 480px; visibility: hidden; } } @media only screen and (min-width: 64.063em) { .module-slider-webtv .module-slider-webtv-bg img { width: 300px; } } .module-slider-webtv .module-slider-webtv-item .module-slick-slider-img-container { background: #ffffff; margin-bottom: 15px; } .module-slider-webtv .module-slider-webtv-item .date { clear: both; margin: 0 0 6px; } .module-slider-webtv .module-slider-webtv-item .rd-button-video { float: left; margin-right: 8px; position: relative; top: -4px; } .module-slider-webtv .module-slider-webtv-item .module-slider-webtv-item-playbtn { height: 65px; width: 169px; } .module-slider-webtv .module-slider-webtv-item .module-slider-webtv-item-playbtn .video-duration { top: 20px; } .module-slider-webtv .module-slider-webtv-item .module-slider-webtv-item-playbtn .video-duration.has-hours { top: 14px; } .module-slider-webtv .module-slider-webtv-item .module-slider-webtv-item-playbtn .rd-bigplaybtn { margin: 0 0 0 10px; top: 12px; } .module-slider-webtv .module-slider-webtv-item a { display: block; clear: both; position: relative; } .module-slider-webtv .module-slider-webtv-item a:hover .module-slider-webtv-item-playbtn .rd-bigplaybtn { background: #ffffff; } .module-slider-webtv .module-slider-webtv-item a:hover .module-slider-webtv-item-playbtn .rd-bigplaybtn .icon-play { color: #1c5170; } .module-slider-webtv .module-slider-webtv-item.is-live .module-slider-webtv-item-playbtn .rd-bigplaybtn { background: #c41e3a; } .module-slider-webtv .module-slider-webtv-item.is-live .module-slider-webtv-item-playbtn .video-duration { top: 20px; } .module-slider-webtv .module-slider-webtv-item.is-live .module-slider-webtv-item-playbtn .video-duration.has-hours { font-size: 14px; left: 6px; top: 23px; } .module-slider-webtv .module-slider-webtv-item.is-live a:hover .module-slider-webtv-item-playbtn .rd-bigplaybtn { background: #ffffff; } .module-slider-webtv .module-slider-webtv-item.is-live a:hover .module-slider-webtv-item-playbtn .rd-bigplaybtn .icon-play { color: #c41e3a; } .module-slider-webtv .module-slick-slider.module-slick-dots-top { padding-bottom: 30px; padding-left: 30px; padding-right: 30px; margin-top: -15px; overflow: visible; } .module-slider-webtv .module-slick-slider.module-slick-dots-top .slick-dots { text-align: center; position: absolute; bottom: 0; margin-bottom: 0; top: auto; width: 100%; } .module-slider-webtv .module-slick-slider.module-slick-dots-top .slick-dots li { margin: 0 15px; } .module-slider-webtv .module-slick-slider.module-slick-dots-top .slick-dots li:nth-child(1) { margin-left: 0; } .module-slider-webtv .slick-track { border: none; background: none; } .module-slider-webtv .slick-next, .module-slider-webtv .slick-prev { border-color: #1c5170; background: #1c5170; color: #ffffff; display: none !important; top: 50%; margin-top: -80px; opacity: .75; } .module-slider-webtv .slick-next.slick-disabled, .module-slider-webtv .slick-prev.slick-disabled { opacity: .2; } @media only screen and (min-width: 47.875em) { .module-slider-webtv .slick-next, .module-slider-webtv .slick-prev { display: inline-block !important; } } @media only screen and (min-width: 47.875em) and (max-width: 64em) { .module-slider-webtv .slick-next, .module-slider-webtv .slick-prev { top: 120px; } } .module-slider-webtv .slick-next:not(.slick-disabled):hover, .module-slider-webtv .slick-prev:not(.slick-disabled):hover { border-color: #1c5170; background: #1c5170; color: #ffffff; opacity: 1; } .module-slider-webtv .slick-next { margin-right: -20px; } .module-slider-webtv .slick-prev { margin-left: -20px; } @media only screen and (min-width: 47.875em) and (max-width: 64em) { .module-slider-webtv .module-slick-slider .slick-next, .module-slider-webtv .module-slick-slider .slick-prev { margin-top: 0; top: 140px; } } @media only screen and (max-width: 47.8125em) { .module-slider-webtv { margin-bottom: 0; border-top: none; } .module-slider-webtv .module-slick-dots-top.module-slick-slider { padding: 0 41px 0 41px; margin-left: -26px; margin-right: -26px; overflow: hidden; position: relative; } .module-slider-webtv .module-slick-dots-top.module-slick-slider .slick-list { overflow: visible; } .module-slider-webtv .module-block { margin-bottom: 0; } .module-slider-webtv .module-block .block-header-container .block-header { margin-left: 0; } .module-slider-webtv .module-block .block-content-container { background: none; border: none; } .module-slider-webtv .module-slick-slider { padding: 15px 41px 0; margin-bottom: 0; margin-left: -26px; margin-right: -26px; } .module-slider-webtv .module-slick-slider img { opacity: 0.65; transition: all ease 0.4s; } .module-slider-webtv .module-slick-slider .columns { padding-left: 5px; padding-right: 5px; } .module-slider-webtv .module-slick-slider .module-slick-slider-text { opacity: 0; transition: all ease 0.4s; } .module-slider-webtv .module-slick-slider .slick-active .module-slick-slider-text { opacity: 1; } .module-slider-webtv .module-slick-slider .slick-active img { opacity: 1; } .module-slider-webtv .module-slick-slider .slick-dots { position: static !important; margin-left: 0 !important; } .module-slider-webtv .module-slick-slider .slick-dots li { margin: 0 5px !important; } } .block-twitter .block-header { position: relative; padding-left: 38px; } .block-twitter .block-header:before { content: ""; display: block; height: 30px; width: 30px; position: absolute; left: 0; top: -3px; } .tweet__list { list-style-type: none; margin: 0; } .tweet__list > li { display: block; } .tweet__list > li:last-child { margin-bottom: 0; } @media only screen and (max-width: 47.8125em) { .tweet__list > li:last-child .tweet { border: 0; } } .tweet { padding: 18px 0 15px; margin: 0; border: 0; border-bottom: 1px dotted #c6c4c0; background: #ffffff; } @media only screen and (max-width: 47.8125em) { .tweet { padding-left: 20px; padding-right: 20px; } } .tweet__header { position: relative; padding-left: 45px; margin-bottom: 10px; white-space: nowrap; } .tweet__author img { position: absolute; display: inline-block; top: 0; left: 0; } .tweet__author a { color: #000000; } .tweet__author a:hover, .tweet__author a:focus { text-decoration: none; color: #1c5170; } .tweet__author__name { font-weight: bold; } .tweet__author__screenname { display: block; color: #b2b2b2; font-size: 0.875rem; } .tweet__time { color: #b2b2b2; font-size: 0.875rem; margin-top: 3px; } .tweet__time:hover, .tweet__time:focus { text-decoration: none; color: #1c5170; } .tweet__actions { list-style-type: none; margin: 10px 0 0; } .tweet__action { float: left; width: 50px; } @media only screen { .tweet__action { width: 70px; } } @media only screen and (min-width: 47.875em) { .tweet__action { width: 80px; } } .tweet__action__text { display: none; } .tweet__action__icon { display: block; height: 24px; width: 24px; } .sortable-table .header { cursor: pointer; } .sortable-table .header span { padding-right: 20px; display: inline-block; position: relative; } .sortable-table .header span:after { content: ""; width: 16px; height: 16px; display: block; background-size: contain; position: absolute; right: 0; } .sortable-table .headerSortDown span:after { top: -2px; } .sortable-table .headerSortUp span:after { top: 5px; } .campaign-spot { position: relative; background-color: #f2f7fb; border-top: 1px solid #d8e8f4; border-bottom: 1px solid #d8e8f4; font-size: 24px; } @media only screen and (min-width: 64.063em) and (max-width: 90em) { .campaign-spot { font-size: 20px; } } @media only screen and (min-width: 47.875em) and (max-width: 64em) { .campaign-spot { font-size: 16px; } } @media only screen and (max-width: 47.8125em) { .campaign-spot { font-size: 16px; margin-bottom: 20px; } } @media only screen and (max-width: 30em) { .campaign-spot { font-size: 16px; } } .campaign-spot__background-img { position: absolute; right: 0; height: 100%; top: 0; width: 44%; background-size: cover; background-repeat: no-repeat; background-position: top right; } @media only screen and (max-width: 47.8125em) { .campaign-spot__background-img { display: none; } } .campaign-spot__background-img img { height: 100%; } .campaign-spot__background-img__mask { width: 100%; height: 100%; left: -1px; position: absolute; } .campaign-spot__content { position: relative; width: 63%; padding: 30px; } @media only screen and (max-width: 47.8125em) { .campaign-spot__content { width: 100%; } } .campaign-spot__logo { position: relative; padding-bottom: 17%; } .campaign-spot__subcontent { text-align: right; margin-right: 0; } @media only screen and (min-width: 47.875em) { .campaign-spot__subcontent { margin-right: 10%; } } .campaign-spot__sub-header { font-size: 1em; max-width: inherit; margin: 1em 0 0 0; line-height: 1.5em; } .campaign-spot__sub-header strong { font-size: 2em; } .campaign-spot__link { background-color: #1c5170; font-size: 1em; font-weight: bold; color: #ffffff; box-shadow: 5px 5px 0 #75b2dd; line-height: 1.2em; display: inline-block; vertical-align: top; padding: .4em 0.43em .4em 0.63em; min-height: 2em; max-width: calc(100% - (2em - 2px)); transition: all .3s ease; margin-bottom: 1em; margin-top: 1em; } @media only screen and (max-width: 47.8125em) { .campaign-spot__link { margin-bottom: 0; } } .campaign-spot__link:hover { text-decoration: underline; color: #ffffff; background-color: #133142; } .campaign-spot__link:focus { color: #ffffff; text-decoration: none; } .campaign-spot__link:after { content: ""; width: 0.7em; height: 0.7em; display: inline-block; background-size: contain; margin-left: 0.3em; position: relative; top: .08em; } .medium-6 .campaign-spot, .large-6 .campaign-spot { font-size: 16px; } @media only screen and (min-width: 90.063em) and (max-width: 120em) { .medium-6 .campaign-spot, .large-6 .campaign-spot { font-size: 19px; } } @media only screen and (min-width: 47.875em) and (max-width: 64em) { .medium-6 .campaign-spot, .large-6 .campaign-spot { font-size: 16px; } } @media only screen and (max-width: 47.8125em) { .medium-6 .campaign-spot, .large-6 .campaign-spot { font-size: 20px; } } @media only screen and (max-width: 30em) { .medium-6 .campaign-spot, .large-6 .campaign-spot { font-size: 16px; } } .medium-6 .campaign-spot .campaign-spot__background-img, .large-6 .campaign-spot .campaign-spot__background-img { display: none; } .medium-6 .campaign-spot .campaign-spot__content, .large-6 .campaign-spot .campaign-spot__content { width: 100%; padding: 20px 20px 25px 20px; } @media only screen and (max-width: 47.8125em) { .medium-6 .campaign-spot .campaign-spot__content, .large-6 .campaign-spot .campaign-spot__content { padding: 20px 33px 25px 33px; } } @media only screen and (max-width: 30em) { .medium-6 .campaign-spot .campaign-spot__content, .large-6 .campaign-spot .campaign-spot__content { padding: 20px 33px 25px 33px; } } .medium-6 .campaign-spot .campaign-spot__subcontent, .large-6 .campaign-spot .campaign-spot__subcontent { margin-right: 4%; } .medium-6 .campaign-spot .campaign-spot__link, .large-6 .campaign-spot .campaign-spot__link { margin-bottom: 0; } .campaign-subpage-header { position: relative; background-color: #f2f7fb; margin-top: -40px; z-index: -1; } @media only screen and (min-width: 1220px) { .campaign-subpage-header { height: 460px; margin-bottom: -230px; } } @media only screen and (max-width: 47.8125em) { .campaign-subpage-header { z-index: 0; margin: -20px -5px 0; } } .campaign-subpage-header__background-img { position: absolute; right: 0; height: 100%; top: 0; width: 40%; background-size: cover; background-repeat: no-repeat; background-position: top right; } @media only screen and (max-width: 47.8125em) { .campaign-subpage-header__background-img { display: none; } } @media only screen and (min-width: 1220px) { .campaign-subpage-header__background-img { width: 46%; } } .campaign-subpage-header__background-img img { height: 100%; } .campaign-subpage-header__background-img__mask { width: 50%; height: 100%; left: -1px; position: absolute; } @media only screen and (min-width: 1200px) { .campaign-subpage-header__background-img__mask { width: 100%; } } .campaign-subpage-header__content { position: relative; width: 63%; padding: 55px; padding-left: 30px; } @media only screen and (max-width: 47.8125em) { .campaign-subpage-header__content { width: 100%; padding-right: 20px; padding-left: 20px; } } @media only screen and (min-width: 1220px) { .campaign-subpage-header__content { padding-left: calc(((100% - 1220px)/2) + 30px); } } .campaign-subpage-header__logo { position: relative; padding-bottom: 17%; max-width: 750px; } .campaign-banner { clear: both; } .campaign-banner__container { display: block; margin: 10px 20px; background-color: #c41e3a; box-shadow: 10px 10px 0 #f0c7cd; padding: 23px 30px 30px 24px; color: white; font-size: 37px; transition: all 0.3s ease; } .campaign-banner__container:focus { text-decoration: none; } .campaign-banner__container:hover { color: white; transition: all 0.3s ease; text-decoration: none; background-color: #de2141; } .campaign-banner__container:hover .campaign-banner__headline:after { margin-left: 23px; margin-right: 0; } .campaign-banner__container--blue { color: black; background-color: #f1f7fc; box-shadow: 10px 10px 0 #c8e0f1; } .campaign-banner__container--blue:hover { color: black; background-color: #f1f7fc; box-shadow: 10px 10px 0 #acd1eb; } @media only screen and (max-width: 47.8125em) { .campaign-banner__container { margin: 10px 10px; padding: 13px 20px 20px 14px; } } .campaign-banner__container .campaign-banner__headline { color: white; margin-bottom: 0; font-size: 50px; line-height: 1em; } @media only screen and (max-width: 47.8125em) { .campaign-banner__container .campaign-banner__headline { font-size: 30px; } } .campaign-banner__container .campaign-banner__headline:after { content: ""; width: 43px; height: 43px; display: inline-block; background-size: contain; margin-left: 13px; margin-right: 10px; position: relative; top: 9px; transition: all 0.3s ease; } @media only screen and (max-width: 47.8125em) { .campaign-banner__container .campaign-banner__headline:after { top: 8px; margin-left: 10px; width: 30px; height: 30px; } } .campaign-banner__container--blue .campaign-banner__headline { color: black; } .campaign-banner__text { font-size: 16px; display: block; color: white; text-decoration: none; margin-bottom: 0; margin-top: 13px; max-width: 100%; } .campaign-banner__text:hover { text-decoration: none; } .campaign-banner__container--blue .campaign-banner__text { color: black; } .row .campaign-banner { margin: 0 1.25em; padding-top: 50px; } .quiz-header__headline { margin-bottom: 0; } .quiz-header__preamble { font-weight: bold; } .quiz-header__hero { position: relative; width: 100%; display: block; margin-bottom: 10px; } .quiz-header__hero-image-container { margin-bottom: -85px; min-height: 85px; } @media only screen and (max-width: 47.8125em) { .quiz-header__hero-image-container { margin-bottom: 0px; } } .quiz-header__hero-image { width: 100%; } .quiz-header__hero-text { position: relative; margin-left: 20px; bottom: 0; padding: 20px; box-shadow: 10px 10px 0 #75b2dd; background-color: #fff; border: 2px solid #75b2dd; max-width: 70%; } @media only screen and (max-width: 47.8125em) { .quiz-header__hero-text { position: relative; margin: 10px 0 30px 0; max-width: 100%; width: 100%; left: 0; padding: 10px; } } .quiz-header__hero-text p { margin: 0; } .quiz-question { color: #333333; display: -ms-flexbox; display: flex; } .quiz-question__headline { display: block; border-bottom: 1px solid #c4c4c4; margin-bottom: 30px; } @media only screen and (max-width: 47.8125em) { .quiz-question__headline { margin-top: 20px; margin-bottom: 20px; } } .quiz-question input[type="radio"] { opacity: 0; width: 0; height: 0; margin: 0; -moz-appearance: none; } .quiz-question input[type="radio"]:checked + span { border: 5px solid #ffffff; background-color: #75b2dd; } .quiz-question__custom-radio { display: inline; border: 5px solid #75b2dd; border-radius: 50% 50%; line-height: 1; vertical-align: -5px; width: 22px; height: 22px; margin-right: 10px; background-color: #ffffff; float: left; } .quiz-question__count { -ms-flex-negative: 0; flex-shrink: 0; margin-right: 13px; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-align: center; align-items: center; } @media only screen and (max-width: 64em) { .quiz-question__count { margin-right: 13px; } } .quiz-question__count-number { border-radius: 50% 50%; text-align: center; width: 40px; height: 40px; line-height: 40px; font-weight: bold; font-size: 23px; border: 3px solid #75b2dd; box-sizing: content-box; margin-bottom: 5px; } .quiz-question__count-number--wrong { border: 3px solid #c2223d; } .quiz-question__count-number--correct { border: 3px solid #3c762d; } .quiz-question__count-text { font-size: 13px; } .quiz-question__question { -ms-flex-preferred-size: 100%; flex-basis: 100%; } .quiz-question__question-text { font-size: 23px; padding: 6px 0 20px 0; } @media only screen and (max-width: 64em) { .quiz-question__question-text { font-size: 18px; padding: 6px 0 10px 0; } } .quiz-question__label { position: relative; display: block; padding: 10px; width: 100%; height: 100%; margin: 0; color: #333333; font-weight: normal; font-size: 16px; } .quiz-question__label:after { content: ""; display: block; clear: both; } .quiz-question__label-text { float: left; width: calc(100% - 50px); } .quiz-question__label-text--selected { font-weight: bold; } .quiz-question__answer { cursor: pointer; display: block; border-top: 1px solid #c4c4c4; transition: all 0.3s ease; } .quiz-question__answer:last-child { border-bottom: 1px solid #c4c4c4; } .quiz-question__answer:hover { transition: none; background-color: #f2f7fb; } .quiz-question__answer--selected { color: #ffffff; background-color: #1c5170; } .quiz-question__answer--selected:hover { transition: none; background-color: #1c5170; } .quiz-question__answer--selected .quiz-question__custom-radio { border: 5px solid #ffffff; background-color: #75b2dd; } .quiz-question__answer--selected .quiz-question__label { color: #ffffff; } .quiz-question__answer--selected .quiz-question__label-text { color: #ffffff; } .quiz-question__result-answer { display: block; border-top: 1px solid #c4c4c4; transition: all 0.3s ease; } .quiz-question__result-answer:last-child { border-bottom: 1px solid #c4c4c4; } .quiz-question__radio.keyboard-focus { outline: 0; } .quiz-question__radio.keyboard-focus + span { outline-color: #E67A15; outline-style: solid; outline-width: 2px; outline-offset: 0px; } .quiz-question__radio.mouse-focus { outline: none; } .quiz-question__radio.mouse-focus + span { outline: none; } .quiz-question__icon-correct { float: left; line-height: 1; font-weight: bold; } .quiz-question__icon-correct:before { content: ''; display: inline-block; width: 22px; height: 22px; background-size: contain; vertical-align: middle; margin-right: 6px; margin-left: -10px; } .quiz-question__icon-wrong { float: left; line-height: 1; } .quiz-question__icon-wrong:before { content: ''; display: inline-block; width: 20px; height: 20px; background-size: contain; vertical-align: middle; margin-right: 10px; margin-right: 8px; margin-left: -10px; } .quiz-question__icon-none { float: left; line-height: 1; } .quiz-question__icon-none:before { content: ''; display: inline-block; width: 22px; height: 22px; margin-right: 6px; margin-left: -10px; } .quiz-question__submit-button { width: 100%; max-width: 100%; min-width: 100%; padding: 8px 22px; margin: 20px 0 40px 0; border: 1px solid #b2b2b2; background: #1c5170; color: #ffffff; text-align: center; transition: background-color 300ms ease-out; } .quiz-page input[type="submit"]:disabled { opacity: 0.5; } .quiz-stats__headline { display: block; border-bottom: 1px solid #c4c4c4; margin-bottom: 20px; } .quiz-stats__no-stats-message { color: #666666; } .quiz-stats__diagram { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; } .quiz-stats__diagram-row { display: -ms-flexbox; display: flex; -ms-flex-preferred-size: 100%; flex-basis: 100%; padding: 5px 0; min-height: 32px; line-height: 24px; } .quiz-stats__result-label { font-weight: bold; -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-preferred-size: 50px; flex-basis: 50px; text-align: right; margin-right: 10px; } .quiz-stats__result-bar { position: relative; display: block; width: 100%; text-align: right; background-color: #f2f7fb; } .quiz-stats__result-text { position: absolute; right: 5px; } .quiz-stats__result-fill { position: absolute; height: 100%; left: 0; top: 0; width: 0%; background-color: #c5c324; transition: width 1s ease-in-out; } .quiz-result-footer__button { width: 100%; max-width: 100%; min-width: 100%; padding: 8px 22px; margin: 20px 0; border: 1px solid #b2b2b2; background: #1c5170; color: #ffffff; text-align: center; transition: background-color 300ms ease-out; } .quiz-result-footer__link { display: inline-block; margin-bottom: 20px; } .quiz-result-footer__separator { display: inline-block; border-bottom: 1px solid #d9d9d9; margin: 10px 0; width: 100%; } @media only screen and (max-width: 64em) { .quiz-result-footer__separator { margin-top: 0; } } @media only screen and (max-width: 64em) { .quiz-list { margin: 0 -1.25em 0 -1.25em; } } @media only screen and (max-width: 47.8125em) { .quiz-list .quiz-item { border-top: 1px solid #c6c4c0; border-left: 1px solid #c6c4c0; border-right: 1px solid #c6c4c0; padding: 1.25em 1.25em 1.25em 1.25em; } .quiz-list .quiz-item:last-of-type { border-bottom: 1px solid #c6c4c0; } .quiz-list .quiz-item .row { margin: 0; } } @media only screen and (max-width: 47.8125em) { .quiz-list__header { padding: 1.25em 1.25em 1.25em 1.25em; border-top: 1px solid #c6c4c0; border-left: 1px solid #c6c4c0; border-right: 1px solid #c6c4c0; } .quiz-list__header .row { margin: 0; } } .quiz-list .item-image-container-base, .quiz-list .component-smartlist .item-image-container, .component-smartlist .quiz-list .item-image-container { max-width: 360px; } .page-contents .module-content .quiz-list { margin: 0; } .page-contents .module-content .quiz-list h2, .page-contents .module-content .quiz-list h3, .page-contents .module-content .quiz-list p { margin-left: 0; } @media only screen and (max-width: 47.8125em) { .page-contents .module-content .quiz-list .quiz-item { border-left: 0; border-right: 0; } .page-contents .module-content .quiz-list .quiz-item:last-of-type { border-bottom: 0; } } @media only screen and (max-width: 47.8125em) { .page-contents .module-content .quiz-list .quiz-list__header { border-left: 0; border-right: 0; } } .upplev-banner__container { position: relative; } .upplev-banner__image-container { position: relative; overflow: hidden; height: 300px; } .upplev-banner__image { position: relative; width: 100%; max-width: none; } .upplev-banner__video { width: 100%; } .upplev-banner__content-wrapper { position: absolute; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; top: 0; left: 0; width: 100%; height: 100%; } .upplev-banner__content-wrapper:hover { text-decoration: none; } .upplev-banner__content-wrapper:hover .upplev-banner__link-obj { text-decoration: underline; } .upplev-banner__content { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: end; align-items: flex-end; -ms-flex-direction: column; flex-direction: column; } .upplev-banner__headline-container { display: inline-block; background-color: black; color: white; margin: 0; padding: 12px 20px 14px 20px; text-align: right; } .upplev-banner__headline { color: white; margin: 0; display: inline-block; font-size: 36px; } @media only screen and (min-width: 47.875em) and (max-width: 64em) { .upplev-banner__headline { font-size: 28px; } } @media only screen and (max-width: 47.8125em) { .upplev-banner__headline { font-size: 28px; } } .upplev-banner__headline-text { color: white; margin: 0; font-size: 17px; } .upplev-banner__link { display: inline-block; background-color: white; color: black; padding: 5px 16px 5px 12px; font-size: 16px; -webkit-animation-duration: 2.5s; animation-duration: 2.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-timing-function: linear; animation-timing-function: linear; animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite; -webkit-animation-name: upplev-banner-bounce; animation-name: upplev-banner-bounce; } .upplev-banner__arrow { display: inline; height: 10px; width: 10px; } .upplev-banner__link-obj { color: black; font-weight: bold; } @-webkit-keyframes upplev-banner-bounce { 0%, 20%, 40%, 60%, 80%, 100% { -webkit-transform: translateX(0); } 50% { -webkit-transform: translateX(5px); } } @keyframes upplev-banner-bounce { 0%, 20%, 40%, 60%, 80%, 100% { -webkit-transform: translateX(0); transform: translateX(0); } 50% { -webkit-transform: translateX(5px); transform: translateX(5px); } } .module-dictionary .module.show-as-small-screen-box { border: none; border-top: 1px solid #c6c4c0; } @media only screen and (min-width: 47.875em) { .module-dictionary .module.show-as-small-screen-box { border: none; } } .module-dictionary__header { margin-bottom: 10px; } @media only screen and (min-width: 47.875em) { .module-dictionary__header { margin-bottom: 25px; } } .module-dictionary__sticky-menu { margin: 0; } @media only screen and (min-width: 47.875em) { .module-dictionary__sticky-menu { margin-top: 0; margin-bottom: 40px; } } .module-dictionary__sticky-menu ul.pagination { margin: 20px 0 30px 0; } @media only screen and (min-width: 47.875em) { .module-dictionary__sticky-menu ul.pagination { margin: 0; } } .module-dictionary__sticky-menu ul.pagination li { margin: 0 4px 0 0; } @media only screen and (min-width: 47.875em) { .module-dictionary__sticky-menu ul.pagination li { margin: 0 5px 0 0; } } .module-dictionary__sticky-menu ul.pagination li a { background-color: white; } .module-dictionary__sticky-menu ul.pagination li a:hover { background-color: #1c5170; } .module-dictionary__sticky-menu ul.pagination li span { background-color: white; } @media only screen and (min-width: 47.875em) { .module-dictionary__sticky-menu.fxd { margin: 0; position: fixed; top: 0; width: 100%; max-width: 75rem; z-index: 100; } .module-dictionary__sticky-menu.fxd .sticky-menu-inner { margin-right: 2.5rem; } } @media only screen and (min-width: 47.875em) { .module-dictionary__sticky-menu .sticky-menu-inner { background: white; background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, white 30%, white 100%); padding: 10px 0 90px 0; } } @media only screen and (min-width: 1220px) { .module-dictionary__sticky-menu .sticky-menu-inner { background: white; background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, white 30%, white 100%); padding: 10px 0 40px 0; } } @media only screen and (min-width: 47.875em) { .module-dictionary__dictionary { margin-top: -50px; } } .module-dictionary__letter-headline { border-bottom: 4px solid #333333; padding: 0 8px 0px 8px; margin-bottom: 20px; display: inline-block; } .module-dictionary__word { margin-bottom: 40px; } .module-dictionary__word-heading { font-size: 1em; line-height: 1.3; margin-bottom: 0.375em; max-width: 37.5em; } .module-dictionary__links-heading { font-size: 1em; line-height: 1.3; margin-bottom: 0.375em; max-width: 37.5em; } .module-dictionary__links-list li { margin-bottom: 0.17em; } /*doc --- title: Basics name: labels category: Labels --- ```html_example Regular label Tyck till! ``` */ .label { background: #173a4f; border-radius: 2px; margin: 0 10px 0 0; } .label.no-radius { border-radius: 0; } .label.color-purple { background-color: #512654; } /*doc --- title: Nested label name: labels types combining category: Labels --- ```html_example Tyck till!Beta ``` */ .nested-label { margin-left: 22px; padding: 0.5rem 0.5rem 0.625rem 1.875rem; position: relative; } .nested-label .label { left: -1.375em; position: absolute; top: 0.5625em; } /*doc --- title: Beta icon name: combinedicon category: Labels --- ```html_example Beta ``` */ .beta-s-bubble { font-size: 3.125em; position: relative; margin-left: -15px; top: 4px; } .beta-s-bubble .icon-sbubble-right { color: #1c5170; } .beta-s-bubble .label.beta { left: 1px; margin-top: -11px; position: absolute; top: 50%; } @media only screen and (max-width: 47.8125em) { .beta-s-bubble { font-size: 2.5em; } } /*doc --- title: Variants name: labels types category: Labels --- Extends foundation labels Button | Class | Description --------------------------------------------------- | ------------------- | ----------- Default | `label` | Normal label. Beta | `label beta radius` | Beta style. This is a info label| `label info ` | Info style. */ .beta { background: #8ac2e7; color: #133142; text-transform: uppercase; } .label.info { background: #e3eff8; color: #000; font-weight: normal; font-size: inherit; } .label.info a { text-decoration: underline; } @media only screen and (max-width: 47.8125em) { .label.info { margin-top: 12px; line-height: 1.2; text-align: left; padding: 8px; white-space: normal; } } /*doc --- title: Tooltip name: tooltip category: Modals & prompts --- Tooltips requires foundation JavaScript to be included and loaded. To connect tooltip to an element use `data-tooltip` attribute. Also make sure to use the `aria-haspopup="true"` for accessibility concerns. Position tooltips with helper classes `class="has-tip tip-top"` `class="has-tip tip-right"` `class="has-tip tip-bottom"` `class="has-tip tip-left"`. ```html_example Tooltip bottom Tooltip top Tooltip left Tooltip right ``` */ .tooltip { border: solid 1px #b2b2b2; margin-left: -20px; /* Tooltip bottom */ /* Tooltip top */ /* Tooltip right*/ /* Tooltip left */ } .tooltip:after, .tooltip:before { bottom: 100%; left: 45px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .tooltip:after { border-color: rgba(255, 75, 75, 0); border-bottom-color: #fff; border-width: 8px; margin-left: -8px; } .tooltip:before { border-color: transparent; border-bottom-color: #b2b2b2; border-width: 9px; margin-left: -9px; } .tooltip.tip-top { margin-top: -10px; } .tooltip.tip-top:after, .tooltip.tip-top:before { top: 100%; left: 45px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .tooltip.tip-top:after { border-color: rgba(255, 255, 255, 0); border-top-color: #fff; border-width: 8px; margin-left: -8px; } .tooltip.tip-top:before { border-color: transparent; border-top-color: #b2b2b2; border-width: 9px; margin-left: -9px; } .tooltip.tip-right { margin-top: 0; margin-left: 20px; } .tooltip.tip-right:after, .tooltip.tip-right:before { right: 100%; top: 50%; left: auto; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .tooltip.tip-right:after { border-color: rgba(255, 255, 255, 0); border-right-color: #fff; border-width: 8px; margin-top: -8px; } .tooltip.tip-right:before { border-color: transparent; border-right-color: #b2b2b2; border-width: 9px; margin-top: -9px; } .tooltip.tip-left { margin-left: -10px; } .tooltip.tip-left:after, .tooltip.tip-left:before { left: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .tooltip.tip-left:after { border-color: rgba(255, 255, 255, 0); border-left-color: #fff; border-width: 8px; margin-top: -8px; margin-left: 0; } .tooltip.tip-left:before { border-color: transparent; border-left-color: #b2b2b2; border-width: 9px; margin-top: -9px; margin-left: 0; } /*doc --- title: Modals name: modals category: Modals & prompts --- Modals requires foundation JavaScript to be included and loaded. ```html_example Click Me For A Modal

BetaAwesome modal. I have it.

Name is required
Email is empty or not valid
Field is required

Lorem ipsum dolor sit amet utveckling.riksdagen.se
Donec id elit non mi porta gravida at eget metus. Sed posuere consectetur est at lobortis.. Vestibulum id ligula porta felis euismod semper. Nulla vitae elit libero.

Close
``` */ body.reveal-modal-open { overflow: hidden; width: 100%; } @media print { body.reveal-modal-open > * { display: none; } body.reveal-modal-open .reveal-modal.open { position: static; overflow: visible; border: 0; display: block; } } .reveal-modal-bg { z-index: 99999999998; } .reveal-modal { padding: 2.5em 3.75em; z-index: 99999999999; overflow-y: auto; -webkit-overflow-scrolling: touch; } .reveal-modal input:focus, .reveal-modal select:focus, .reveal-modal textarea:focus { border-color: #266f99; } .reveal-modal textarea { height: 130px; } .reveal-modal input, .reveal-modal select, .reveal-modal textarea { margin-bottom: 1.875em; } .reveal-modal select::-ms-expand { display: none; } .reveal-modal .close-reveal-modal { padding-right: 20px; background: none; border: none; } .reveal-modal .close-reveal-modal i { color: #000; left: auto; right: -5px; top: -3px; } .reveal-modal .close-reveal-modal i:before { margin-right: 0; } .reveal-modal .error { background: transparent; } .reveal-modal .error small.error { background: transparent; position: absolute; } .reveal-modal .error label { color: #000; } @media only screen and (min-width: 64.063em) and (max-width: 90em) { .reveal-modal { min-width: 650px; } } @media only screen and (min-width: 47.875em) and (max-width: 64em) { .reveal-modal { width: 90%; } } @media only screen and (max-width: 47.8125em) { .reveal-modal { padding: 1.25em 1.5625em; } .reveal-modal.open { position: fixed; top: 0 !important; right: 0; bottom: 0; left: 0; } } @media only screen and (min-width: 47.875em) and (max-width: 64em) { .touch .reveal-modal { top: 50px !important; } } .page__indent { margin-left: 0px; margin-right: 0px; } @media only screen and (min-width: 47.875em) { .page__indent { margin-left: 40px; margin-right: 0px; } } @media only screen and (min-width: 64.063em) { .page__indent { margin-left: 60px; margin-right: 60px; } } .page.no-padding .main-content { padding: 0 0 0 0; } @media only screen and (min-width: 47.875em) { .page.rd-page-type-top-gray .breadcrumb-container ~ div .page-search-section-top, .page.rd-page-type-top-gray .breadcrumb-container ~ div .page-section-top { padding-top: 15px; } } @media only screen and (max-width: 47.8125em) { .page.small-padding .main-content { padding: 20px 5px 0 5px; } } .page-section-top.type-gray { padding-top: 40px; padding-bottom: 40px; background: #fafafa; } @media only screen and (min-width: 47.875em) and (max-width: 64em) { .page-section-top.type-block { margin-bottom: 20px; } } @media only screen and (min-width: 64.063em) { .page-section-top.type-block { margin-bottom: 40px; } } .page-section-top.top-type-one { margin-bottom: 30px; } .page-section-top.top-type-one h1, .page-section-top.top-type-one h2, .page-section-top.top-type-one h3, .page-section-top.top-type-one h4 { margin-bottom: 10px; } .page-section-top.top-type-one header > span { margin-bottom: 6px; display: inline-block; } @media only screen and (max-width: 47.8125em) { .page-section-top.type-gray { padding-top: 0px; padding-bottom: 0px; background: #ffffff; } .page-section-top.top-type-one { margin-bottom: 10px; } .page-section-top.top-type-one h1, .page-section-top.top-type-one h2, .page-section-top.top-type-one h3, .page-section-top.top-type-one h4 { margin-bottom: 10px; } .page-section-top.top-type-one header { padding-bottom: 10px; } .page-section-top.top-type-one header > span { margin-bottom: 0px; } } @media only screen and (min-width: 47.875em) { .page-search.rd-page-type-top-gray.main-content, .page-search.rd-page-type-top-gray .main-content { padding: 0 0 20px 0; } .page-search.rd-page-type-top-gray .page-search-section-top { padding-top: 40px; background-color: #fafafa; } .page-search.rd-page-type-top-gray .main-search-form { margin-bottom: 0; margin-top: 0; padding-bottom: 30px; padding-top: 10px; background-color: #fafafa; } } @media only screen and (max-width: 47.8125em) { .page-search .inner-wrap { padding-top: 15px; } .page-search .right-off-canvas-menu { box-sizing: border-box; padding: 15px 20px 0 20px; margin-right: 1px; background: transparent; } .page-search .move-left .right-off-canvas-menu { background: #ffffff; border-left: 1px solid #b2b2b2; } } @media only screen and (min-width: 47.875em) { .page-documentlaws.main-content, .page-documentlaws .main-content { padding: 0 0 20px 0; } .page-documentlaws .page-documentlaws-section-top { padding-top: 40px; background-color: #fafafa; } .page-documentlaws .main-search-form { margin-bottom: 0; margin-top: 0; padding-bottom: 30px; padding-top: 10px; background-color: #fafafa; } } @media only screen and (max-width: 47.8125em) { .page-documentlaws .search-list-module-inner + .row { margin-top: 15px; } .page-documentlaws .inner-wrap { padding-top: 15px; } .page-documentlaws .right-off-canvas-menu { box-sizing: border-box; padding: 15px 10px 0 10px; margin-right: 1px; } .page-documentlaws .move-left .right-off-canvas-menu { border-left: 1px solid #b2b2b2; } } @media only screen and (max-width: 47.8125em) { .no-padding .page-contents .module-content .box-content { margin-left: -20px !important; margin-right: -20px !important; } } .main-content .page-contents { margin-bottom: -20px; } @media only screen and (max-width: 47.8125em) { .main-content .page-contents { margin-bottom: 0; } } .page-contents h1 { margin: 0 0 20px 0; } .page-contents ol { counter-reset: my-orderlist-counter; margin-left: 3.11rem; list-style: none; } .page-contents ol li:before { content: counter(my-orderlist-counter); counter-increment: my-orderlist-counter; border-radius: 50%; background-color: #1c5170; color: #ffffff; display: inline-block; width: 24px; height: 24px; text-align: center; line-height: 24px; margin-left: -34px; margin-right: 10px; font-size: 0.9375rem; } .page-contents .main-content { padding-bottom: 0px; } .page-contents .columns header { min-height: 1px; } .page-contents .module-content p, .page-contents .module-content h2, .page-contents .module-content h3, .page-contents .module-content h4, .page-contents .module-content h5, .page-contents .module-content h6, .page-contents .module-content hr, .page-contents .module-content > a, .page-contents .module-content .smartlist-content-link { margin-left: 60px; } .page-contents .module-content ul, .page-contents .module-content ol, .page-contents .module-content .indented { padding-left: 60px; } .page-contents .module-content .preamble, .page-contents .module-content .vacancy-details .vacancy-details-intro-container p:first-of-type, .vacancy-details .vacancy-details-intro-container .page-contents .module-content p:first-of-type { margin-left: 0px; } .page-contents .module-content .box-content p, .page-contents .module-content .box-content h2, .page-contents .module-content .box-content h3, .page-contents .module-content .box-content h4, .page-contents .module-content .box-content h5, .page-contents .module-content .box-content h6, .page-contents .module-content .box-content hr, .page-contents .module-content .box-content > a { margin-left: 0px; } .page-contents .module-content .box-content ul, .page-contents .module-content .box-content ol, .page-contents .module-content .box-content .indented { padding-left: 0px; } .page-contents .module-content .image-type-wide-limited p, .page-contents .module-content .image-type-wide-limited h2, .page-contents .module-content .image-type-wide-limited h3, .page-contents .module-content .image-type-wide-limited h4, .page-contents .module-content .image-type-wide-limited h5, .page-contents .module-content .image-type-wide-limited h6, .page-contents .module-content .image-type-wide-limited hr, .page-contents .module-content .image-type-wide-limited > a, .page-contents .module-content .image-type-wide-full p, .page-contents .module-content .image-type-wide-full h2, .page-contents .module-content .image-type-wide-full h3, .page-contents .module-content .image-type-wide-full h4, .page-contents .module-content .image-type-wide-full h5, .page-contents .module-content .image-type-wide-full h6, .page-contents .module-content .image-type-wide-full hr, .page-contents .module-content .image-type-wide-full > a, .page-contents .module-content .image-type-portrait p, .page-contents .module-content .image-type-portrait h2, .page-contents .module-content .image-type-portrait h3, .page-contents .module-content .image-type-portrait h4, .page-contents .module-content .image-type-portrait h5, .page-contents .module-content .image-type-portrait h6, .page-contents .module-content .image-type-portrait hr, .page-contents .module-content .image-type-portrait > a { margin-left: 0; } .page-contents .component-social { margin: 30px 0 20px 0; padding: 20px 0 0 0; border-top: 1px solid #c6c4c0; } @media only screen and (min-width: 47.875em) and (max-width: 64em) { .page-contents h1 { margin: 0 0 20px 0; } .page-contents .module-content p, .page-contents .module-content h2, .page-contents .module-content h3, .page-contents .module-content h4, .page-contents .module-content h5, .page-contents .module-content h6, .page-contents .module-content hr, .page-contents .module-content > a, .page-contents .module-content .smartlist-content-link { margin-left: 40px; } .page-contents .module-content ul, .page-contents .module-content ol, .page-contents .module-content .indented { padding-left: 40px; } .page-contents .component-social { margin: 20px 0 20px 0; } } @media only screen and (max-width: 47.8125em) { .page-contents h1 { margin: 0 0 20px 0; } .page-contents .module-content p, .page-contents .module-content h2, .page-contents .module-content h3, .page-contents .module-content h4, .page-contents .module-content h5, .page-contents .module-content h6, .page-contents .module-content hr, .page-contents .module-content > a, .page-contents .module-content .smartlist-content-link { margin-left: 0px; } .page-contents .module-content ul, .page-contents .module-content .indented { margin-left: 0px; padding-left: 25px; } .page-contents .module-content .module-form { padding-left: 0; } .page-contents .module-content ol { margin-left: 0px; padding-left: 35px; } .page-contents .module-content .box-content { margin-left: -26px; margin-right: -26px; border-width: 6px; padding-left: 20px; padding-right: 26px; } .page-contents .module-content .box-content ul, .page-contents .module-content .box-content ol { padding-left: 25px; } .page-contents .component-content-image { padding-left: 0; } .page-contents .component-content-image.image-type-wide-limited { padding-left: 0; } .page-contents .component-content-image.image-type-wide-full { margin-left: -26px; margin-right: -26px; } .page-contents .component-content-image.image-type-wide-full .image-text { margin-left: 26px; margin-right: 26px; } .page-contents .component-social { margin: 20px 0 20px 0; } .page-contents .nav-right-wrapper.wrapper-positioned { margin-bottom: 47px; } .page-contents .nav-right ul { border-top: 1px solid #c6c4c0; } .page-contents .nav-right li { border-bottom: 1px solid #c6c4c0; } .page-contents .nav-right li.selected a { border-width: 6px; padding-left: 20px; } .page-contents .nav-right a { padding: 13px 21px; margin: 0 0 0 0; font-size: 1rem; } } .page-case .page-section-top h1 { margin-bottom: 10px; } .page-case .main-content { padding-bottom: 30px; } .page-case .component-social { margin: 30px 0 20px 0; padding: 20px 0 0 0; border-top: 1px solid #c6c4c0; } @media only screen and (max-width: 47.8125em) { .page-case .page-section-top h1 { margin-bottom: 5px; } .page-case .page-section-top .module-header { padding-bottom: 14px; } .page-case .main-content { padding-bottom: 0px; } } .page-type-press .press-contact { display: block; padding-top: 12px; font-size: 0.875rem; } @media only screen and (max-width: 47.8125em) { .page-archive .component-news { margin-top: 2px; } .page-archive .move-left .right-off-canvas-menu { background: #ffffff; border-left: 1px solid #b2b2b2; } } .page-campaign-subpage .breadcrumb { margin-top: 20px; } .page-campaign-subpage > .row { background-color: #fff; padding: 10px; max-width: 1220px; } @media only screen and (max-width: 47.8125em) { .page-campaign-subpage > .row { padding: 0; } } @media only screen and (max-width: 47.8125em) { .page-campaign-subpage.page-contents .module-content ol { padding-left: 35px; } } .rsbtn_volume, .rsbtn_dl { display: none !important; }