@import url("https://fonts.googleapis.com/css2?family=Work+Sans:ital,wght@0,400;0,500;0,600;0,700;1,400&display=swap"); @property --v-grid-column-count { syntax: ""; inherits: false; initial-value: 1; } @property --v-grid-column-spacing-level { syntax: ""; inherits: false; initial-value: 0; } @property --v-grid-row-spacing-level { syntax: ""; inherits: false; initial-value: 0; } /* "icon-font-family" "is-external" "layout", "page", "lists.item-list", "lists.grid-list", "lists.property-list", "lists.detail-list", "elements.paragraph", "elements.div", "elements.span", "elements.heading", "elements.anchor", "elements.button", "elements.unordered-list", "elements.ordered-list", "elements.list-item", "elements.image", "elements.picture", "elements.block-quote", "elements.content-link", "elements.content-button", "elements.tag", "forms.form", "blocks.block", "blocks.content-block", "blocks.image", "blocks.faq", "blocks.map", "blocks.table", "blocks.video", "teaser", "widget", "modals.modal", "modals.lightbox", "modals.tooltip", "modals.word-explanation", "notifications.alert", "containers.tab-container", "containers.show-more-container", "navigation.breadcrumb", "navigation.menu", "navigation.pagination", "banner" */ /* "layout", "page", "lists.item-list", "lists.grid-list", "lists.property-list", "lists.detail-list", "elements.paragraph", "elements.div", "elements.span", "elements.heading", "elements.anchor", "elements.button", "elements.unordered-list", "elements.ordered-list", "elements.list-item", "elements.image", "elements.picture", "elements.block-quote", "elements.content-link", "elements.content-button", "elements.tag", "forms.form", "blocks.block", "blocks.content-block", "blocks.image", "blocks.faq", "blocks.map", "blocks.table", "blocks.video", "teaser", "widget", "modals.modal", "modals.lightbox", "modals.tooltip", "modals.word-explanation", "notifications.alert", "containers.tab-container", "containers.show-more-container", "navigation.breadcrumb", "navigation.menu", "navigation.pagination", "banner" */ /* "elements.content-link", "blocks.content-block" */ .version-style-marker-class { color: red; } mark { color: inherit; } :root * { --bc-c-action-primary: #96CBC7 !important; --bc-c-action-primary-hover: #006876 !important; --bc-c-action-primary-foreground: #FFFFFF !important; --bc-c-action-primary-foreground-hover: #FFFFFF !important; } @font-face { font-family: "fylkene"; src: url("../../../../fonts/fylkene.ttf?uq3mkttt") format("truetype"), url("../../../../fonts/fylkene.woff?uq3mkttt") format("woff"), url("../../../../fonts/fylkene.svg?uq3mkttt#fylkene") format("svg"); font-weight: normal; font-style: normal; } .modular__focus-article-box .articles-carousel-li-center .text .artikkel .artikkelLesMer a:after, .artikkel-egendef .webPartInnhold blockquote::before, .legacy-content-page.legacy-content-page--article blockquote::before, .legacy-content-page.legacy-content-page--article-list blockquote::before, .frontpage__service-menu ul li a.external-link .text::after, form:not(.sustainability-page) .sub-navigation ul li a.external-link .text::after, .frontpage__service-menu ul li a .text::before, form:not(.sustainability-page) .sub-navigation ul li a .text::before, .ac-content-section--body blockquote::before, .ac-content-section--lead blockquote::before, .bc-content-section > div blockquote::before, .faqWrapper .faq.faq .divFaqSporsmal button::before, .footer .sosiale-medier ul li a::before, .navigation-megamenu-close-button::before, .navigation-megamenu-content ul li a.external-link .text::after, .navigation-megamenu-content ul li a .text::before, .sub-navigation-toggle::after, .main-menu .nav-menu .vListe li a[aria-expanded=false]::before, .main-menu .nav-menu .vListe li a[aria-expanded=true]::before, .main-menu .nav-menu .vListe li a::before, .main-menu-toggle:after, .search-box-toggle:after, .navigation-links .vListe .toplevel > a[aria-expanded=false]::after, .navigation-links .vListe .toplevel > a[aria-expanded=true]::after, .upper-page-navigation .upper-page-navigation-content .breadcrumbs li a::before, .emnekart-webpart.type-person .person-email::before, .emnekart-webpart.type-person .person-phone::before, .emnekart-webpart.type-person .person-mobile::before, .back-to-top-button::before, .main-menu .external-link::after, .alert-box .external-link::after, .area-message__content .external-link::after, .area-message-list-item__content .external-link::after, .artikkel .external-link::after, .artikkel-egendef .external-link::after, .footer-content .external-link::after, .webPart[class^=icon-] .webPartTittel span::before, .webPart[class*=" icon-"] .webPartTittel span::before, .webPart li[class^=icon-] > a > span::before, .webPart li[class*=" icon-"] > a > span::before { /* use !important to prevent issues with browser extensions that change fonts */ font-family: "fylkene" !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .footer .sosiale-medier ul .vimeo a::before, .webPart[class^=icon-].icon-vimeo .webPartTittel span::before, .webPart[class*=" icon-"].icon-vimeo .webPartTittel span::before, .webPart li[class^=icon-].icon-vimeo > a > span::before, .webPart li[class*=" icon-"].icon-vimeo > a > span::before { content: "\e910"; } .footer .sosiale-medier ul .flickr a::before, .webPart[class^=icon-].icon-flickr .webPartTittel span::before, .webPart[class*=" icon-"].icon-flickr .webPartTittel span::before, .webPart li[class^=icon-].icon-flickr > a > span::before, .webPart li[class*=" icon-"].icon-flickr > a > span::before { content: "\eaa5"; } .footer .sosiale-medier ul .skype a::before, .webPart[class^=icon-].icon-skype .webPartTittel span::before, .webPart[class*=" icon-"].icon-skype .webPartTittel span::before, .webPart li[class^=icon-].icon-skype > a > span::before, .webPart li[class*=" icon-"].icon-skype > a > span::before { content: "\eac5"; } .footer .sosiale-medier ul .pinterest a::before, .webPart[class^=icon-].icon-pinterest .webPartTittel span::before, .webPart[class*=" icon-"].icon-pinterest .webPartTittel span::before, .webPart li[class^=icon-].icon-pinterest > a > span::before, .webPart li[class*=" icon-"].icon-pinterest > a > span::before { content: "\ead1"; } .emnekart-webpart.type-person .person-email::before { content: "\e918"; } .emnekart-webpart.type-person .person-phone::before { content: "\e919"; } .emnekart-webpart.type-person .person-mobile::before { content: "\e91b"; } .webPart[class^=icon-].icon-alert-triangle .webPartTittel span::before, .webPart[class*=" icon-"].icon-alert-triangle .webPartTittel span::before, .webPart li[class^=icon-].icon-alert-triangle > a > span::before, .webPart li[class*=" icon-"].icon-alert-triangle > a > span::before { content: "\e90a"; } .artikkel-egendef .webPartInnhold blockquote::before, .legacy-content-page.legacy-content-page--article blockquote::before, .legacy-content-page.legacy-content-page--article-list blockquote::before, .ac-content-section--body blockquote::before, .ac-content-section--lead blockquote::before, .bc-content-section > div blockquote::before, .webPart[class^=icon-].icon-quote .webPartTittel span::before, .webPart[class*=" icon-"].icon-quote .webPartTittel span::before, .webPart li[class^=icon-].icon-quote > a > span::before, .webPart li[class*=" icon-"].icon-quote > a > span::before { content: "\e907"; } .webPart[class^=icon-].icon-quote-innlandet .webPartTittel span::before, .webPart[class*=" icon-"].icon-quote-innlandet .webPartTittel span::before, .webPart li[class^=icon-].icon-quote-innlandet > a > span::before, .webPart li[class*=" icon-"].icon-quote-innlandet > a > span::before { content: "\e911"; } .webPart[class^=icon-].icon-checkmark .webPartTittel span::before, .webPart[class*=" icon-"].icon-checkmark .webPartTittel span::before, .webPart li[class^=icon-].icon-checkmark > a > span::before, .webPart li[class*=" icon-"].icon-checkmark > a > span::before { content: "\e90b"; } .webPart[class^=icon-].icon-PDF .webPartTittel span::before, .webPart[class*=" icon-"].icon-PDF .webPartTittel span::before, .webPart li[class^=icon-].icon-PDF > a > span::before, .webPart li[class*=" icon-"].icon-PDF > a > span::before { content: "\e948"; } .webPart[class^=icon-].icon-add_circle_2 .webPartTittel span::before, .webPart[class*=" icon-"].icon-add_circle_2 .webPartTittel span::before, .webPart li[class^=icon-].icon-add_circle_2 > a > span::before, .webPart li[class*=" icon-"].icon-add_circle_2 > a > span::before { content: "\e958"; } .webPart[class^=icon-].icon-arrow-down .webPartTittel span::before, .webPart[class*=" icon-"].icon-arrow-down .webPartTittel span::before, .webPart li[class^=icon-].icon-arrow-down > a > span::before, .webPart li[class*=" icon-"].icon-arrow-down > a > span::before { content: "\e904"; } .upper-page-navigation .upper-page-navigation-content .breadcrumbs li a::before, .webPart[class^=icon-].icon-arrow-left .webPartTittel span::before, .webPart[class*=" icon-"].icon-arrow-left .webPartTittel span::before, .webPart li[class^=icon-].icon-arrow-left > a > span::before, .webPart li[class*=" icon-"].icon-arrow-left > a > span::before { content: "\e903"; } .modular__focus-article-box .articles-carousel-li-center .text .artikkel .artikkelLesMer a:after, .frontpage__service-menu ul li a .text::before, form:not(.sustainability-page) .sub-navigation ul li a .text::before, .navigation-megamenu-content ul li a .text::before, .main-menu .nav-menu .vListe li a::before, .webPart[class^=icon-].icon-arrow-right .webPartTittel span::before, .webPart[class*=" icon-"].icon-arrow-right .webPartTittel span::before, .webPart li[class^=icon-].icon-arrow-right > a > span::before, .webPart li[class*=" icon-"].icon-arrow-right > a > span::before { content: "\e908"; } .back-to-top-button::before, .webPart[class^=icon-].icon-arrow-up .webPartTittel span::before, .webPart[class*=" icon-"].icon-arrow-up .webPartTittel span::before, .webPart li[class^=icon-].icon-arrow-up > a > span::before, .webPart li[class*=" icon-"].icon-arrow-up > a > span::before { content: "\e909"; } .webPart[class^=icon-].icon-attach_file_2 .webPartTittel span::before, .webPart[class*=" icon-"].icon-attach_file_2 .webPartTittel span::before, .webPart li[class^=icon-].icon-attach_file_2 > a > span::before, .webPart li[class*=" icon-"].icon-attach_file_2 > a > span::before { content: "\e962"; } .faqWrapper .faq.faq .divFaqSporsmal button::before, .sub-navigation-toggle.closed::after, .main-menu .nav-menu .vListe li a[aria-expanded=false]::before, .navigation-links .vListe .toplevel > a[aria-expanded=false]::after, .webPart[class^=icon-].icon-chevron-down .webPartTittel span::before, .webPart[class*=" icon-"].icon-chevron-down .webPartTittel span::before, .webPart li[class^=icon-].icon-chevron-down > a > span::before, .webPart li[class*=" icon-"].icon-chevron-down > a > span::before { content: "\e93e"; } .webPart[class^=icon-].icon-chevron-left .webPartTittel span::before, .webPart[class*=" icon-"].icon-chevron-left .webPartTittel span::before, .webPart li[class^=icon-].icon-chevron-left > a > span::before, .webPart li[class*=" icon-"].icon-chevron-left > a > span::before { content: "\e93f"; } .webPart[class^=icon-].icon-chevron-right .webPartTittel span::before, .webPart[class*=" icon-"].icon-chevron-right .webPartTittel span::before, .webPart li[class^=icon-].icon-chevron-right > a > span::before, .webPart li[class*=" icon-"].icon-chevron-right > a > span::before { content: "\e940"; } .faqWrapper .faq.faq .divFaqSporsmal.open button::before, .sub-navigation-toggle::after, .main-menu .nav-menu .vListe li a[aria-expanded=true]::before, .navigation-links .vListe .toplevel > a[aria-expanded=true]::after, .webPart[class^=icon-].icon-chevron-up .webPartTittel span::before, .webPart[class*=" icon-"].icon-chevron-up .webPartTittel span::before, .webPart li[class^=icon-].icon-chevron-up > a > span::before, .webPart li[class*=" icon-"].icon-chevron-up > a > span::before { content: "\e941"; } .navigation-megamenu-close-button::before, .main-menu-toggle.open:after, .search-box-toggle.open:after, .webPart[class^=icon-].icon-x .webPartTittel span::before, .webPart[class*=" icon-"].icon-x .webPartTittel span::before, .webPart li[class^=icon-].icon-x > a > span::before, .webPart li[class*=" icon-"].icon-x > a > span::before { content: "\e92d"; } .webPart[class^=icon-].icon-external_link .webPartTittel span::before, .webPart[class*=" icon-"].icon-external_link .webPartTittel span::before, .webPart li[class^=icon-].icon-external_link > a > span::before, .webPart li[class*=" icon-"].icon-external_link > a > span::before { content: "\e994"; } .frontpage__service-menu ul li a.external-link .text::after, form:not(.sustainability-page) .sub-navigation ul li a.external-link .text::after, .navigation-megamenu-content ul li a.external-link .text::after, .main-menu .external-link::after, .alert-box .external-link::after, .area-message__content .external-link::after, .area-message-list-item__content .external-link::after, .artikkel .external-link::after, .artikkel-egendef .external-link::after, .footer-content .external-link::after, .webPart[class^=icon-].icon-external-link .webPartTittel span::before, .webPart[class*=" icon-"].icon-external-link .webPartTittel span::before, .webPart li[class^=icon-].icon-external-link > a > span::before, .webPart li[class*=" icon-"].icon-external-link > a > span::before { content: "\e994"; } .footer .sosiale-medier ul .facebook a::before, .webPart[class^=icon-].icon-facebook .webPartTittel span::before, .webPart[class*=" icon-"].icon-facebook .webPartTittel span::before, .webPart li[class^=icon-].icon-facebook > a > span::before, .webPart li[class*=" icon-"].icon-facebook > a > span::before { content: "\e9c7"; } .webPart[class^=icon-].icon-ic_date_range .webPartTittel span::before, .webPart[class*=" icon-"].icon-ic_date_range .webPartTittel span::before, .webPart li[class^=icon-].icon-ic_date_range > a > span::before, .webPart li[class*=" icon-"].icon-ic_date_range > a > span::before { content: "\e932"; } .footer .sosiale-medier ul .linkedin a::before, .webPart[class^=icon-].icon-linkedin .webPartTittel span::before, .webPart[class*=" icon-"].icon-linkedin .webPartTittel span::before, .webPart li[class^=icon-].icon-linkedin > a > span::before, .webPart li[class*=" icon-"].icon-linkedin > a > span::before { content: "\e9c8"; } .webPart[class^=icon-].icon-minus-circle .webPartTittel span::before, .webPart[class*=" icon-"].icon-minus-circle .webPartTittel span::before, .webPart li[class^=icon-].icon-minus-circle > a > span::before, .webPart li[class*=" icon-"].icon-minus-circle > a > span::before { content: "\e94f"; } .webPart[class^=icon-].icon-minus-circle-filled .webPartTittel span::before, .webPart[class*=" icon-"].icon-minus-circle-filled .webPartTittel span::before, .webPart li[class^=icon-].icon-minus-circle-filled > a > span::before, .webPart li[class*=" icon-"].icon-minus-circle-filled > a > span::before { content: "\e94e"; } .main-menu-toggle:after, .webPart[class^=icon-].icon-menu .webPartTittel span::before, .webPart[class*=" icon-"].icon-menu .webPartTittel span::before, .webPart li[class^=icon-].icon-menu > a > span::before, .webPart li[class*=" icon-"].icon-menu > a > span::before { content: "\e99b"; } .search-box-toggle:after, .webPart[class^=icon-].icon-search .webPartTittel span::before, .webPart[class*=" icon-"].icon-search .webPartTittel span::before, .webPart li[class^=icon-].icon-search > a > span::before, .webPart li[class*=" icon-"].icon-search > a > span::before { content: "\e9b3"; } .webPart[class^=icon-].icon-plus-circle .webPartTittel span::before, .webPart[class*=" icon-"].icon-plus-circle .webPartTittel span::before, .webPart li[class^=icon-].icon-plus-circle > a > span::before, .webPart li[class*=" icon-"].icon-plus-circle > a > span::before { content: "\e902"; } .webPart[class^=icon-].icon-plus-circle-filled .webPartTittel span::before, .webPart[class*=" icon-"].icon-plus-circle-filled .webPartTittel span::before, .webPart li[class^=icon-].icon-plus-circle-filled > a > span::before, .webPart li[class*=" icon-"].icon-plus-circle-filled > a > span::before { content: "\e901"; } .webPart[class^=icon-].icon-thumb_down .webPartTittel span::before, .webPart[class*=" icon-"].icon-thumb_down .webPartTittel span::before, .webPart li[class^=icon-].icon-thumb_down > a > span::before, .webPart li[class*=" icon-"].icon-thumb_down > a > span::before { content: "\e9ba"; } .webPart[class^=icon-].icon-thumb_down_2 .webPartTittel span::before, .webPart[class*=" icon-"].icon-thumb_down_2 .webPartTittel span::before, .webPart li[class^=icon-].icon-thumb_down_2 > a > span::before, .webPart li[class*=" icon-"].icon-thumb_down_2 > a > span::before { content: "\e9bb"; } .webPart[class^=icon-].icon-thumb_down_filled .webPartTittel span::before, .webPart[class*=" icon-"].icon-thumb_down_filled .webPartTittel span::before, .webPart li[class^=icon-].icon-thumb_down_filled > a > span::before, .webPart li[class*=" icon-"].icon-thumb_down_filled > a > span::before { content: "\e923"; } .webPart[class^=icon-].icon-thumb_up .webPartTittel span::before, .webPart[class*=" icon-"].icon-thumb_up .webPartTittel span::before, .webPart li[class^=icon-].icon-thumb_up > a > span::before, .webPart li[class*=" icon-"].icon-thumb_up > a > span::before { content: "\e9bc"; } .webPart[class^=icon-].icon-thumb_up_2 .webPartTittel span::before, .webPart[class*=" icon-"].icon-thumb_up_2 .webPartTittel span::before, .webPart li[class^=icon-].icon-thumb_up_2 > a > span::before, .webPart li[class*=" icon-"].icon-thumb_up_2 > a > span::before { content: "\e9bd"; } .webPart[class^=icon-].icon-thumb_up_filled .webPartTittel span::before, .webPart[class*=" icon-"].icon-thumb_up_filled .webPartTittel span::before, .webPart li[class^=icon-].icon-thumb_up_filled > a > span::before, .webPart li[class*=" icon-"].icon-thumb_up_filled > a > span::before { content: "\e924"; } .webPart[class^=icon-].icon-translate .webPartTittel span::before, .webPart[class*=" icon-"].icon-translate .webPartTittel span::before, .webPart li[class^=icon-].icon-translate > a > span::before, .webPart li[class*=" icon-"].icon-translate > a > span::before { content: "\e915"; } .webPart[class^=icon-].icon-translate_2 .webPartTittel span::before, .webPart[class*=" icon-"].icon-translate_2 .webPartTittel span::before, .webPart li[class^=icon-].icon-translate_2 > a > span::before, .webPart li[class*=" icon-"].icon-translate_2 > a > span::before { content: "\e925"; } .footer .sosiale-medier ul .twitter a::before, .webPart[class^=icon-].icon-twitter .webPartTittel span::before, .webPart[class*=" icon-"].icon-twitter .webPartTittel span::before, .webPart li[class^=icon-].icon-twitter > a > span::before, .webPart li[class*=" icon-"].icon-twitter > a > span::before { content: "\e9c9"; } .footer .sosiale-medier ul .snapchat a::before, .webPart[class^=icon-].icon-snapchat .webPartTittel span::before, .webPart[class*=" icon-"].icon-snapchat .webPartTittel span::before, .webPart li[class^=icon-].icon-snapchat > a > span::before, .webPart li[class*=" icon-"].icon-snapchat > a > span::before { content: "\e90c"; } .footer .sosiale-medier ul .instagram a::before, .webPart[class^=icon-].icon-instagram .webPartTittel span::before, .webPart[class*=" icon-"].icon-instagram .webPartTittel span::before, .webPart li[class^=icon-].icon-instagram > a > span::before, .webPart li[class*=" icon-"].icon-instagram > a > span::before { content: "\e900"; } .footer .sosiale-medier ul .youtube a::before, .webPart[class^=icon-].icon-youtube .webPartTittel span::before, .webPart[class*=" icon-"].icon-youtube .webPartTittel span::before, .webPart li[class^=icon-].icon-youtube > a > span::before, .webPart li[class*=" icon-"].icon-youtube > a > span::before { content: "\e905"; } .footer .sosiale-medier ul .tiktok a::before, .webPart[class^=icon-].icon-tiktok .webPartTittel span::before, .webPart[class*=" icon-"].icon-tiktok .webPartTittel span::before, .webPart li[class^=icon-].icon-tiktok > a > span::before, .webPart li[class*=" icon-"].icon-tiktok > a > span::before { content: "\e912"; } .webPart[class^=icon-].icon-outline-person .webPartTittel span::before, .webPart[class*=" icon-"].icon-outline-person .webPartTittel span::before, .webPart li[class^=icon-].icon-outline-person > a > span::before, .webPart li[class*=" icon-"].icon-outline-person > a > span::before { content: "\e906"; } .webPart[class^=icon-].icon-search-2 .webPartTittel span::before, .webPart[class*=" icon-"].icon-search-2 .webPartTittel span::before, .webPart li[class^=icon-].icon-search-2 > a > span::before, .webPart li[class*=" icon-"].icon-search-2 > a > span::before { content: "\e90d"; } @media only screen and (max-width: 600px) { .hidden-mobile-only { display: none; } } @media only screen and (min-width: 1281px) { .hidden-desktop { display: none; } } .webPart.accessible-title .webPartTittel { border: 0; clip: rect(0 0 0 0); height: 0.0625rem; margin: -0.0625rem; overflow: hidden; padding: 0; position: absolute; width: 0.0625rem; } form.designMode .webPart.accessible-title .webPartTittel { margin: 0; padding: 0.625rem; border: 0.0625rem dashed rgba(0, 0, 0, 0.5); width: auto; height: auto; position: static; overflow: visible; text-indent: 0; color: rgba(0, 0, 0, 0.5); font-size: 1.25rem; text-align: center; } form.designMode .webPart.accessible-title .webPartTittel::before { content: "UU-overskrift: "; font-weight: bold; } .webPart li[class^=icon-] > a > span::before, .webPart li[class*=" icon-"] > a > span::before { margin-right: 0.5em; vertical-align: middle; } .webPart[class^=icon-] .webPartTittel span, .webPart[class*=" icon-"] .webPartTittel span { display: inline-block; vertical-align: middle; } .webPart[class^=icon-] .webPartTittel span::before, .webPart[class*=" icon-"] .webPartTittel span::before { display: inline-block; margin-right: 0.5em; vertical-align: middle; } .ArtikkelKategoriOverskrift { margin: 0; margin-bottom: 0.5em; font-size: 2.1875rem; font-weight: 400; } .main-menu .external-link::after, .alert-box .external-link::after, .area-message__content .external-link::after, .area-message-list-item__content .external-link::after, .artikkel .external-link::after, .artikkel-egendef .external-link::after, .footer-content .external-link::after { vertical-align: baseline; padding-left: 0.25rem; } .ansatt-content { padding-top: 1em; } .ansatt-content h2 { padding-bottom: 1em; } .imgMapImage { max-width: 100%; } @-webkit-keyframes blink { 0% { opacity: 0; -webkit-transform: scale(0.4); transform: scale(0.4); } 33.33333% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } 100% { opacity: 0; -webkit-transform: scale(2); transform: scale(2); } } @keyframes blink { 0% { opacity: 0; -webkit-transform: scale(0.4); transform: scale(0.4); } 33.33333% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } 100% { opacity: 0; -webkit-transform: scale(2); transform: scale(2); } } .main .main-content { padding-top: 2rem; } .main .main-content::after { content: ""; display: table; clear: both; } .ingress::after, .tekst::after { content: ""; display: table; clear: both; } .webPart:first-child { margin-top: 0; } form.designMode .webPart { min-height: 6.25rem; } .skal-slettes { display: none !important; } @media only screen and (min-width: 900px) { @supports (scroll-margin-top: 0) { .anchor-target { scroll-margin-top: 110px; } } @supports not (scroll-margin-top: 0) { .anchor-target:before { content: ""; display: block; height: 110px; margin-top: -110px; width: 1px; visibility: hidden; pointer-events: none; } } } @media only print { body > :not(form), body > form > :not(.top-boxes):not(.middle-boxes):not(.bottom-boxes):not(.main) { display: none !important; } } .kontrast body, .kontrast .header, .kontrast .main-menu, .kontrast .top-boxes, .kontrast .middle-boxes, .kontrast .bottom-boxes, .kontrast .upper-page-navigation, .kontrast .lower-page-navigation, .kontrast .page-title, .kontrast .bottom-content-boxes, .kontrast .breadcrumbs, .kontrast .sub-navigation, .kontrast .main, .kontrast .footer, .kontrast .webPart, .kontrast .webPartTittel, .kontrast .webPartInnhold, .kontrast .flexslider, .kontrast .slide, .kontrast ul, .kontrast li, .kontrast a, .kontrast input, .kontrast select, .kontrast textarea, .kontrast button, .kontrast .relaterteHeader { border-color: #ffff00 !important; color: #ffff00 !important; background-color: #000000 !important; } .kontrast .header, .kontrast .banner, .kontrast .main-menu, .kontrast .footer { background-image: none !important; } .kontrast h1, .kontrast .ArtikkelKategoriOverskrift, .kontrast h2, .kontrast h3, .kontrast h4, .kontrast h5, .kontrast h6, .kontrast div, .kontrast p, .kontrast span, .kontrast a, .kontrast table, .kontrast thead, .kontrast tr, .kontrast th, .kontrast tbody, .kontrast td, .kontrast ::before, .kontrast ::after { border-color: #ffff00 !important; color: #ffff00 !important; } .kontrast .relaterteHeader { border: 0.0625rem solid #ffff00 !important; } .kontrast .relaterteHeader::before { background-color: transparent !important; } .kontrast .webPart.search-box .webPartInnhold > div, .kontrast .search-box .webPart .webPartInnhold input[type=submit] { background-color: transparent !important; } .kontrast a { text-decoration: underline !important; } .kontrast a span { text-decoration: underline !important; } .kontrast ::-webkit-input-placeholder { color: #ffff00 !important; } .kontrast ::-moz-placeholder { color: #ffff00 !important; } .kontrast :-ms-input-placeholder { color: #ffff00 !important; } .kontrast ::-ms-input-placeholder { color: #ffff00 !important; } .kontrast ::placeholder { color: #ffff00 !important; } .banner-search-box ::-webkit-input-placeholder, .search-box-content ::-webkit-input-placeholder { color: #262b36; } .banner-search-box ::-moz-placeholder, .search-box-content ::-moz-placeholder { color: #262b36; } .banner-search-box :-ms-input-placeholder, .search-box-content :-ms-input-placeholder { color: #262b36; } .banner-search-box ::-ms-input-placeholder, .search-box-content ::-ms-input-placeholder { color: #262b36; } .banner-search-box ::placeholder, .search-box-content ::placeholder { color: #262b36; } .beredskap-floating-notifications { display: none; } html { -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 16px; } *, *::before, *::after { -webkit-box-sizing: inherit; box-sizing: inherit; } .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 0.0625rem; margin: -0.0625rem; overflow: hidden; padding: 0; position: absolute; width: 0.0625rem; } html, body, form { margin: 0; padding: 0; } body, html body { font-family: "Work Sans", sans-serif; font-weight: 500; color: #000; position: relative; } button { word-break: initial; } button span { word-break: initial; } h1, .ArtikkelKategoriOverskrift, h2, h3, h4, h5, h6 { margin: 0; } a[href] { color: inherit; } a[href] img { border: none; } a[href^="tel:"]:after, a[href^="mailto:"]:after { display: none; } input, select, button, textarea { font: inherit; border-radius: 0; } input[type=text], input[type=submit], input[type=password], input[type=email], textarea { -webkit-box-shadow: none; box-shadow: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; } table { border-collapse: collapse; } .webPart.calendar li:focus-within, .emnekart-webpart.type-kalender li:focus-within, .articles-in-category ul li:focus-within { outline-color: orange; } html.tabbing button:focus, html.tabbing a:focus, html.tabbing input:focus, html.tabbing select:focus, html.tabbing textarea:focus { outline: 0.1875rem solid transparent !important; text-decoration: none !important; color: #0b0c0c !important; background-color: #ffbf47 !important; -webkit-box-shadow: 0 -0.0625rem #ffbf47, 0 0.25rem #0b0c0c !important; box-shadow: 0 -0.0625rem #ffbf47, 0 0.25rem #0b0c0c !important; } html.tabbing button:focus > *, html.tabbing a:focus > *, html.tabbing input:focus > *, html.tabbing select:focus > *, html.tabbing textarea:focus > * { text-decoration: none !important; } .ac-content-form-control--radio-button { overflow: initial; } .ac-content-form-control--radio-button.ac-content-form-control--focus .ac-content-form-radio-button + label::before { -webkit-box-shadow: 0 0 0 0.25rem #ffbf47 !important; box-shadow: 0 0 0 0.25rem #ffbf47 !important; } div.fil { display: inline-block; max-width: calc(100% - 1em); } /*********************************************************** :::::::::::::MEDIA QUERIES:::::::::::::::::::::::::::::::::: //**********************************************************/ /*********************************************************** ::::::::::::ARTICLE OVERVIEW:::::::::::::::::::::::::::::::: //**********************************************************/ /*********************************************************** :::::::::::::PAGINATION:::::::::::::::::::::::::::::::::: //**********************************************************/ /*********************************************************** :::::::::::::FILE GALLERY:::::::::::::::::::::::::::::::::: //**********************************************************/ /*********************************************************** :::::::::::::PERSON SEARCH:::::::::::::::::::::::::::::::::: //**********************************************************/ .js-item--clickable { cursor: pointer; } @media only screen and (max-width: 768px) { .ac-content--content-list--person { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .ac-content--content-list--person div:first-child { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .ac-content--content-list--person div:nth-last-child(2) { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .ac-content--content-list--person div:last-child { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } } .hide-check-box { display: none; } @-webkit-keyframes arrow-bob { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 15% { -webkit-transform: translateX(0); transform: translateX(0); } 50% { -webkit-transform: translateX(22%); transform: translateX(22%); } 92% { -webkit-transform: translateX(0); transform: translateX(0); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes arrow-bob { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 15% { -webkit-transform: translateX(0); transform: translateX(0); } 50% { -webkit-transform: translateX(22%); transform: translateX(22%); } 92% { -webkit-transform: translateX(0); transform: translateX(0); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } #SokAutoSuggest { background-color: #fff !important; } .legacy-content-page .il-table tbody tr:nth-child(2n), .legacy-content-page table tbody tr:nth-child(2n), .legacy-content-block .il-table tbody tr:nth-child(2n), .legacy-content-block table tbody tr:nth-child(2n) { background-color: #f1f1f1; } .il-feedback-form { margin: 1rem auto !important; padding: 1.5rem 0; width: 100%; max-width: 1280px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; } .il-feedback-form-heading { padding-bottom: 1rem; display: block; font-size: 1.5rem; font-weight: bold; } .il-feedback-form-options { margin: 0; padding: 0; padding-bottom: 1rem; display: block; } .il-feedback-form-option { display: inline-block; } .il-feedback-form-option + .il-feedback-form-option { margin-left: 0.5rem; } .tilbakemelding .fantDuDetDuLetteEtter > li > .il-feedback-form-button { border: none; border-width: 2px; border-style: solid; border-color: #000; border-radius: 0; border-radius: 10px; min-width: 4.5em; height: 3.25rem; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-pack: distribute; justify-content: space-around; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font: inherit; font-size: 1.125rem; font-weight: bold; text-transform: capitalize; color: inherit; color: #000; background-color: transparent; -moz-appearance: none; apperance: none; -webkit-transition: border-color 0.1s ease-in-out, color 0.1s ease-in-out, background-color 0.1s ease-in-out; transition: border-color 0.1s ease-in-out, color 0.1s ease-in-out, background-color 0.1s ease-in-out; background-color: #FFFFFF; cursor: pointer; } .tilbakemelding .fantDuDetDuLetteEtter > li > .il-feedback-form-button:hover, .tilbakemelding .fantDuDetDuLetteEtter > li > .il-feedback-form-button:focus { border-color: #FFCD7D; color: #000; background-color: #FFCD7D; } .tilbakemelding .fantDuDetDuLetteEtter > li > .il-feedback-form-button--submit { margin: 0 auto; } .il-feedback-form-comment-panel { margin: 0 auto; padding-bottom: 1rem; width: 100%; max-width: 37.5rem; } .il-feedback-form-comment-panel-label { margin-bottom: 1rem; display: block; } .il-feedback-form-comment-panel-textbox { padding: 1rem !important; width: 100% !important; min-height: 9.375rem; font-size: 1.1875rem !important; } .il-feedback-form-comment-panel-textbox:focus:focus::-webkit-input-placeholder { color: transparent; } .il-feedback-form-comment-panel-textbox:focus:focus::-moz-placeholder { color: transparent; } .il-feedback-form-comment-panel-textbox:focus:focus:-ms-input-placeholder { color: transparent; } .il-feedback-form-comment-panel-textbox:focus:focus::-ms-input-placeholder { color: transparent; } .il-feedback-form-comment-panel-textbox:focus:focus::placeholder { color: transparent; } ::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #888; } ::-moz-placeholder { /* Firefox 19+ */ color: #888; } :-ms-input-placeholder { /* IE 10+ */ color: #888; } :-moz-placeholder { /* Firefox 18- */ color: #888; } .banner { padding-top: 3rem; padding-bottom: 3rem; min-height: 300px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #006876 !important; background-image: url(none); background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; } @media only screen and (min-width: 900px) { .banner { min-height: 22rem; } } @media only screen and (min-width: 1281px) { .banner { min-height: 23.75rem; } } @media only screen and (min-width: 1024px) { .banner.banner--has-thumbnail { padding-top: 0; padding-bottom: 0; } } @media only screen and (min-width: 900px) { .banner.banner--has-thumbnail .banner-search-box { max-width: 80%; } } .banner .banner-webparts { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .banner .banner-webparts .banner-block > * ~ * { margin-top: 1.5rem; } .banner .banner-webparts .banner-block--left { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .banner .banner-webparts .banner-block--right { margin-left: 2rem; display: none; width: 46%; } @media only screen and (min-width: 1024px) { .banner .banner-webparts { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .banner .banner-webparts .banner-block--right { display: block; } } .banner .search-box-heading, .banner .search-heading, .banner .banner-heading { margin: 0; padding: 0; font-size: 2rem; font-weight: bold; line-height: 1.1875; color: #FFFFFF; } .banner .search-box-heading .text-box span, .banner .search-heading .text-box span, .banner .banner-heading .text-box span { display: inline-block; } @media only screen and (min-width: 900px) { .banner .search-box-heading, .banner .search-heading, .banner .banner-heading { font-size: 2.5rem; } } @media only screen and (min-width: 1281px) { .banner .search-box-heading, .banner .search-heading, .banner .banner-heading { font-size: 3rem; } } .banner .search-box-heading::after, .banner .search-heading::after, .banner .banner-heading::after { content: ""; display: block; height: 0; width: 0; margin-top: -0.75rem; } .banner .banner-search-box { width: 100%; } .banner .banner-search-box > div { width: 100%; } .banner .banner-search-box > div > div { position: relative; } .banner .banner-search-box > div input[type=text] { padding: 0.75rem 4.75rem 0.75rem 1.5rem; border-width: 0; border-style: solid; border-radius: 0 10px 10px 0; height: 5rem; width: 100%; overflow-x: hidden; font-size: inherit; text-overflow: ellipsis; } .banner .banner-search-box > div input[type=submit] { border-width: 0; -moz-appearance: none; apperance: none; border-radius: 0; border-radius: 0 10px 10px 0; height: 100%; width: 4rem; width: 5.125rem; height: calc(100% - 1rem); position: absolute; right: 0.5rem; top: 0.5rem; text-indent: -10000rem; background-image: url("../../../../images/troms/search-icon--black.svg"); background-position: center center; background-repeat: no-repeat; background-size: 1.25rem; cursor: pointer; -webkit-transition: border-color 0.1s ease-in-out, color 0.1s ease-in-out, background-color 0.1s ease-in-out; transition: border-color 0.1s ease-in-out, color 0.1s ease-in-out, background-color 0.1s ease-in-out; } .banner .banner-search-box > div input[type=submit]:hover, .banner .banner-search-box > div input[type=submit]:focus { background-image: url("../../../../images/troms/search-icon--green.svg"); } .banner .banner-search-box > div div { font-size: 1.25rem; } .banner .banner-search-box > div input[type=text] { border-color: transparent; color: #000; } .banner .banner-search-box > div input[type=submit] { color: #FFFFFF; background-color: #96CBC7; } .banner .banner-search-box > div input[type=submit]:hover, .banner .banner-search-box > div input[type=submit]:focus { background-color: #191C1C; } @media only screen and (min-width: 900px) { .banner .banner-search-box { max-width: 66.6666666%; } } .banner-search--links ul { margin: 0; padding: 0; list-style: none; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .banner-search--links li { margin: 0; padding: 0; margin-right: 0.5rem; margin-bottom: 0.5rem; display: -webkit-box; display: -ms-flexbox; display: flex; } .banner-search--links a { padding: 0.5rem 1rem; border-width: 1px; border-style: solid; border-color: #191C1C; border-radius: 10px; font-size: 1.25rem; font-weight: bold; text-decoration: none; color: #191C1C; background-color: #96CBC7; -webkit-transition: border-color 0.1s ease-in-out, color 0.1s ease-in-out, background-color 0.1s ease-in-out, -webkit-box-shadow 0.1s ease-in-out; transition: border-color 0.1s ease-in-out, color 0.1s ease-in-out, background-color 0.1s ease-in-out, -webkit-box-shadow 0.1s ease-in-out; transition: border-color 0.1s ease-in-out, box-shadow 0.1s ease-in-out, color 0.1s ease-in-out, background-color 0.1s ease-in-out; transition: border-color 0.1s ease-in-out, box-shadow 0.1s ease-in-out, color 0.1s ease-in-out, background-color 0.1s ease-in-out, -webkit-box-shadow 0.1s ease-in-out; } .banner-search--links a:focus, .banner-search--links a:hover { border-color: #191C1C; color: #191C1C; background-color: #B9E8E5; } @media only screen and (min-width: 1281px) { .banner-search--links li { margin-right: 0.75rem; margin-bottom: 0.75rem; } .banner-search--links a { font-size: 1.1rem; } } .banner-graphics .banner-image { padding-bottom: 56.25%; width: 100%; height: 0; background-repeat: no-repeat; background-size: contain; } .back-to-top-button-wrapper { position: fixed; bottom: 1rem; right: 1rem; z-index: 100; } .back-to-top-button { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 2.5rem; height: 2.5rem; background-color: #000; border: 0.125rem solid #000; border-radius: 50%; text-decoration: none; cursor: pointer; -webkit-box-shadow: 0 0.125rem 0.375rem 0.1875rem rgba(0, 0, 0, 0.16); box-shadow: 0 0.125rem 0.375rem 0.1875rem rgba(0, 0, 0, 0.16); -webkit-transition: border-color 0.1s ease-in-out, color 0.1s ease-in-out, background-color 0.1s ease-in-out; transition: border-color 0.1s ease-in-out, color 0.1s ease-in-out, background-color 0.1s ease-in-out; } .back-to-top-button span { border: 0; clip: rect(0 0 0 0); height: 0.0625rem; margin: -0.0625rem; overflow: hidden; padding: 0; position: absolute; width: 0.0625rem; } .back-to-top-button::before { font-size: 1.5rem; color: #fff; -webkit-transition: color 0.1s ease-in-out; transition: color 0.1s ease-in-out; } .back-to-top-button:hover { background-color: #fff; } .back-to-top-button:hover::before { color: #000; } .is-hidden { display: none; } .is-visible { display: -webkit-box; display: -ms-flexbox; display: flex; } .articles-in-category ul { margin-left: -1rem; margin-top: -1rem; padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; list-style-type: none; } @media only screen and (min-width: 1281px) { .articles-in-category ul { margin-left: -2rem; margin-top: -2rem; } } .articles-in-category ul li { border-width: 1px; border-style: solid; border-radius: 10px; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; overflow: hidden; -webkit-transition: border-color 0.1s ease-in-out, background-color 0.1s ease-in-out; transition: border-color 0.1s ease-in-out, background-color 0.1s ease-in-out; cursor: pointer; border-color: #191C1C; background-color: #FFFFFF; margin-left: 1rem; margin-top: 1rem; width: calc(100% - 1rem); } .articles-in-category ul li a { cursor: pointer; outline: 0 !important; z-index: 15; -webkit-transition: color 0.1s ease-in-out; transition: color 0.1s ease-in-out; } .articles-in-category ul li a:after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .articles-in-category ul li a:last-child { padding-bottom: 2rem; } .articles-in-category ul li .tittel, .articles-in-category ul li .ingress, .articles-in-category ul li .datoPublisert, .articles-in-category ul li .lesmer { padding-left: 2rem; padding-right: 2rem; padding-bottom: 0.5rem; } .articles-in-category ul li .tittel { padding-top: 2rem; padding-bottom: 0; display: block; } .articles-in-category ul li .ingress { padding-left: 2rem; padding-right: 2rem; padding-bottom: 2rem; padding-top: 1rem; } .articles-in-category ul li .datoPublisert { padding-bottom: 2rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; font-size: 1rem; } .articles-in-category ul li .lesmer { position: absolute; bottom: 0; padding-bottom: 2.5rem; } .articles-in-category ul li img { display: block; margin: 0 auto; max-width: 100%; width: 100%; -o-object-fit: cover; object-fit: cover; } .articles-in-category ul li .tittel { font-size: 1.5rem; font-weight: bold; line-height: 1.3846153846; } .articles-in-category ul li .ingress { font-size: 1.25rem; line-height: 1.6666666667; } .articles-in-category ul li:hover, .articles-in-category ul li:focus-within { border-color: #191C1C; background-color: #B9E8E5; } @media only screen and (min-width: 600px) { .articles-in-category ul li { margin-left: 1rem; margin-top: 1rem; width: calc(50% - 1rem); } } @media only screen and (min-width: 1281px) { .articles-in-category ul li { margin-left: 2rem; margin-top: 2rem; width: calc(33.3333333333% - 2rem); } } @media only screen and (min-width: 1281px) { .articles-in-category ul li .tittel { font-size: 1.5rem; line-height: 1.4166666667; } .articles-in-category ul li .ingress { font-size: 1.25rem; line-height: 1.5; } } .emnekart-webpart.type-artikkel .webPartTittel { padding-bottom: 1rem; font-size: 1.625rem; font-weight: bold; line-height: 1.3846153846; } @media only screen and (min-width: 900px) { .emnekart-webpart.type-artikkel .webPartTittel { padding-bottom: 2rem; } } @media only screen and (min-width: 1281px) { .emnekart-webpart.type-artikkel .webPartTittel { font-size: 2.25rem; line-height: 1.2; } } .emnekart-webpart.type-artikkel .webPartInnhold::after { content: ""; display: table; clear: both; } .emnekart-webpart.type-artikkel .webPartBunnLink { padding: 2rem 0 0 0; font-size: 1.25rem; line-height: 1.5; } .emnekart-webpart.type-artikkel .webPartBunnLink a { padding: 0 !important; padding: 6px 24px !important; border-width: 2px !important; border-style: solid !important; border-radius: 0; border-radius: 10px !important; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-decoration: none; -webkit-transition: border-color 0.1s ease-in-out, color 0.1s ease-in-out, background-color 0.1s ease-in-out, -webkit-box-shadow 0.1s ease-in-out; transition: border-color 0.1s ease-in-out, color 0.1s ease-in-out, background-color 0.1s ease-in-out, -webkit-box-shadow 0.1s ease-in-out; transition: border-color 0.1s ease-in-out, box-shadow 0.1s ease-in-out, color 0.1s ease-in-out, background-color 0.1s ease-in-out; transition: border-color 0.1s ease-in-out, box-shadow 0.1s ease-in-out, color 0.1s ease-in-out, background-color 0.1s ease-in-out, -webkit-box-shadow 0.1s ease-in-out; font-size: 1em; font-weight: normal !important; text-transform: none !important; font-weight: bold !important; border-color: #191C1C; color: #191C1C !important; background-color: #96CBC7; } .emnekart-webpart.type-artikkel .webPartBunnLink a:hover, .emnekart-webpart.type-artikkel .webPartBunnLink a:focus { border-color: #191C1C; color: #191C1C !important; background-color: #B9E8E5; } html.tabbing .emnekart-webpart.type-artikkel .webPartBunnLink a:focus { border-color: #000; color: #000; background-color: #ffbf47; } html.tabbing .emnekart-webpart.type-artikkel .webPartBunnLink a:focus::after { color: #000 !important; } .webPart.calendar .webPartTittel, .emnekart-webpart.type-kalender .webPartTittel { padding-bottom: 1rem; font-size: 1.625rem; font-weight: bold; line-height: 1.3846153846; } @media only screen and (min-width: 900px) { .webPart.calendar .webPartTittel, .emnekart-webpart.type-kalender .webPartTittel { padding-bottom: 2rem; } } @media only screen and (min-width: 1281px) { .webPart.calendar .webPartTittel, .emnekart-webpart.type-kalender .webPartTittel { font-size: 2.25rem; line-height: 1.2; } } .webPart.calendar .webPartInnhold::after, .emnekart-webpart.type-kalender .webPartInnhold::after { content: ""; display: table; clear: both; } .webPart.calendar .calWPFooter, .emnekart-webpart.type-kalender .calWPFooter { padding: 2rem 0 0 0; font-size: 1.25rem; line-height: 1.5; } .webPart.calendar .calWPFooter a, .emnekart-webpart.type-kalender .calWPFooter a { padding: 0 !important; padding: 6px 24px !important; border-width: 2px !important; border-style: solid !important; border-radius: 0; border-radius: 10px !important; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-decoration: none; -webkit-transition: border-color 0.1s ease-in-out, color 0.1s ease-in-out, background-color 0.1s ease-in-out, -webkit-box-shadow 0.1s ease-in-out; transition: border-color 0.1s ease-in-out, color 0.1s ease-in-out, background-color 0.1s ease-in-out, -webkit-box-shadow 0.1s ease-in-out; transition: border-color 0.1s ease-in-out, box-shadow 0.1s ease-in-out, color 0.1s ease-in-out, background-color 0.1s ease-in-out; transition: border-color 0.1s ease-in-out, box-shadow 0.1s ease-in-out, color 0.1s ease-in-out, background-color 0.1s ease-in-out, -webkit-box-shadow 0.1s ease-in-out; font-size: 1em; font-weight: normal !important; text-transform: none !important; font-weight: bold !important; border-color: #191C1C; color: #191C1C !important; background-color: #96CBC7; } .webPart.calendar .calWPFooter a:hover, .webPart.calendar .calWPFooter a:focus, .emnekart-webpart.type-kalender .calWPFooter a:hover, .emnekart-webpart.type-kalender .calWPFooter a:focus { border-color: #191C1C; color: #191C1C !important; background-color: #B9E8E5; } html.tabbing .webPart.calendar .calWPFooter a:focus, html.tabbing .emnekart-webpart.type-kalender .calWPFooter a:focus { border-color: #000; color: #000; background-color: #ffbf47; } html.tabbing .webPart.calendar .calWPFooter a:focus::after, html.tabbing .emnekart-webpart.type-kalender .calWPFooter a:focus::after { color: #000 !important; } .webPart.calendar ul, .emnekart-webpart.type-kalender ul { margin: 0; padding: 0; list-style: none; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .webPart.calendar li, .emnekart-webpart.type-kalender li { padding: 0; min-width: 20rem; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .webPart.calendar li .event-title, .emnekart-webpart.type-kalender li .event-title { margin: 0; display: inline-block; word-break: break-word; } .webPart.calendar li .event-details, .emnekart-webpart.type-kalender li .event-details { margin-top: 1rem; } .webPart.calendar li .event-item-meta, .emnekart-webpart.type-kalender li .event-item-meta { margin: 0; padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media only screen and (min-width: 600px) { .webPart.calendar li .event-item-meta, .emnekart-webpart.type-kalender li .event-item-meta { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } } .webPart.calendar li .event-item-meta-property, .emnekart-webpart.type-kalender li .event-item-meta-property { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-right: 1rem; margin-top: 0.5rem; } @media only screen and (min-width: 600px) { .webPart.calendar li .event-item-meta-property, .emnekart-webpart.type-kalender li .event-item-meta-property { margin-top: 0; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .webPart.calendar li .event-item-meta-property::after, .emnekart-webpart.type-kalender li .event-item-meta-property::after { content: "|"; margin-left: 1rem; font-weight: normal; } .webPart.calendar li .event-item-meta-property:last-child, .emnekart-webpart.type-kalender li .event-item-meta-property:last-child { margin-right: 0; } .webPart.calendar li .event-item-meta-property:last-child::after, .emnekart-webpart.type-kalender li .event-item-meta-property:last-child::after { content: ""; margin-left: 0; } } .webPart.calendar li .event-item-meta-property-label, .emnekart-webpart.type-kalender li .event-item-meta-property-label { margin: 0; margin-right: 0.5rem; padding: 0; font-weight: normal; } .webPart.calendar li .event-item-meta-property-value, .emnekart-webpart.type-kalender li .event-item-meta-property-value { margin: 0; padding: 0; word-break: break-word; } .webPart.calendar li, .emnekart-webpart.type-kalender li { padding: 0; min-width: 20rem; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-width: 0 0 0.0625rem 0; border-style: solid; padding: 1rem 0; border-color: #000; } .webPart.calendar li .event-date, .emnekart-webpart.type-kalender li .event-date { margin: 0; border-width: 1rem 2px 2px 2px; border-style: solid; border-color: #006876 transparent transparent transparent !important; border-radius: 0; min-width: 5.6875rem; height: 5.6875rem; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-weight: 500; text-align: center; color: #333; background: #B9E8E5 !important; margin: 0 1rem 0 0; } .webPart.calendar li .event-date .event-date-day, .webPart.calendar li .event-date .date-day, .emnekart-webpart.type-kalender li .event-date .event-date-day, .emnekart-webpart.type-kalender li .event-date .date-day { font-size: 1.5rem; font-weight: bold; } .webPart.calendar li .event-date .event-date-month, .webPart.calendar li .event-date .date-month, .emnekart-webpart.type-kalender li .event-date .event-date-month, .emnekart-webpart.type-kalender li .event-date .date-month { font-size: 1.25rem; } .webPart.calendar li .event-date.event-date--period .event-date-period, .webPart.calendar li .event-date.date-gfx--period .event-date-period, .emnekart-webpart.type-kalender li .event-date.event-date--period .event-date-period, .emnekart-webpart.type-kalender li .event-date.date-gfx--period .event-date-period { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .webPart.calendar li .event-date.event-date--period .event-date-day, .webPart.calendar li .event-date.event-date--period .date-day, .webPart.calendar li .event-date.date-gfx--period .event-date-day, .webPart.calendar li .event-date.date-gfx--period .date-day, .emnekart-webpart.type-kalender li .event-date.event-date--period .event-date-day, .emnekart-webpart.type-kalender li .event-date.event-date--period .date-day, .emnekart-webpart.type-kalender li .event-date.date-gfx--period .event-date-day, .emnekart-webpart.type-kalender li .event-date.date-gfx--period .date-day { font-size: 1.25rem; margin-right: 0.5rem; } @media only screen and (min-width: 600px) { .webPart.calendar li .event-date, .emnekart-webpart.type-kalender li .event-date { margin-right: 2rem; } } @media only screen and (min-width: 1281px) { .webPart.calendar li .event-date, .emnekart-webpart.type-kalender li .event-date { margin-right: 3rem; } } .webPart.calendar li .event-text, .emnekart-webpart.type-kalender li .event-text { padding-right: 3rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: left; } @media only screen and (min-width: 1281px) { .webPart.calendar li .event-text, .emnekart-webpart.type-kalender li .event-text { padding-right: 2rem; } } .webPart.calendar li .event-text a, .emnekart-webpart.type-kalender li .event-text a { outline: 0 !important; } .webPart.calendar li .event-text a .event-title, .emnekart-webpart.type-kalender li .event-text a .event-title { text-decoration: underline; } .webPart.calendar li .event-text a:hover .event-title, .webPart.calendar li .event-text a:focus .event-title, .emnekart-webpart.type-kalender li .event-text a:hover .event-title, .emnekart-webpart.type-kalender li .event-text a:focus .event-title { text-decoration: underline; } .webPart.calendar li .event-text a:after, .emnekart-webpart.type-kalender li .event-text a:after { bottom: 0; content: ""; left: 0; position: absolute; right: 0; top: 0; } .webPart.calendar li .event-title, .emnekart-webpart.type-kalender li .event-title { margin: 0; display: inline-block; word-break: break-word; } .webPart.calendar li .event-details, .emnekart-webpart.type-kalender li .event-details { margin-top: 1rem; } .webPart.calendar li .event-item-meta, .emnekart-webpart.type-kalender li .event-item-meta { margin: 0; padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media only screen and (min-width: 600px) { .webPart.calendar li .event-item-meta, .emnekart-webpart.type-kalender li .event-item-meta { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } } .webPart.calendar li .event-item-meta-property, .emnekart-webpart.type-kalender li .event-item-meta-property { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-right: 1rem; margin-top: 0.5rem; } @media only screen and (min-width: 600px) { .webPart.calendar li .event-item-meta-property, .emnekart-webpart.type-kalender li .event-item-meta-property { margin-top: 0; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .webPart.calendar li .event-item-meta-property::after, .emnekart-webpart.type-kalender li .event-item-meta-property::after { content: "|"; margin-left: 1rem; font-weight: normal; } .webPart.calendar li .event-item-meta-property:last-child, .emnekart-webpart.type-kalender li .event-item-meta-property:last-child { margin-right: 0; } .webPart.calendar li .event-item-meta-property:last-child::after, .emnekart-webpart.type-kalender li .event-item-meta-property:last-child::after { content: ""; margin-left: 0; } } .webPart.calendar li .event-item-meta-property-label, .emnekart-webpart.type-kalender li .event-item-meta-property-label { margin: 0; margin-right: 0.5rem; padding: 0; font-weight: normal; } .webPart.calendar li .event-item-meta-property-value, .emnekart-webpart.type-kalender li .event-item-meta-property-value { margin: 0; padding: 0; word-break: break-word; } .webPart.calendar li .event-title, .emnekart-webpart.type-kalender li .event-title { font-size: 1.5rem; font-weight: bold; } .webPart.calendar li .event-details, .emnekart-webpart.type-kalender li .event-details { font-size: 1.125rem; } .webPart.calendar li .event-title, .emnekart-webpart.type-kalender li .event-title { color: #000; } .webPart.calendar li .event-details, .emnekart-webpart.type-kalender li .event-details { color: #000; } @media only screen and (min-width: 900px) { .webPart.calendar ul, .emnekart-webpart.type-kalender ul { margin-left: -1rem; margin-top: -0.5rem; } .webPart.calendar li, .emnekart-webpart.type-kalender li { margin-left: 1rem; margin-top: 0.5rem; width: calc(50% - 1rem); } } @media only screen and (min-width: 1281px) { .webPart.calendar.one-column ul, .emnekart-webpart.type-kalender.one-column ul { margin-left: -1rem; margin-top: -0.5rem; } .webPart.calendar.one-column li, .emnekart-webpart.type-kalender.one-column li { margin-left: 1rem; margin-top: 0.5rem; width: calc(100% - 1rem); } } @media only screen and (min-width: 1281px) { .webPart.calendar.two-column ul, .emnekart-webpart.type-kalender.two-column ul { margin-left: -1rem; margin-top: -0.5rem; } .webPart.calendar.two-column li, .emnekart-webpart.type-kalender.two-column li { margin-left: 1rem; margin-top: 0.5rem; width: calc(50% - 1rem); } } @media only screen and (min-width: 1281px) { .webPart.calendar.three-column ul, .emnekart-webpart.type-kalender.three-column ul { margin-left: -1rem; margin-top: -0.5rem; } .webPart.calendar.three-column li, .emnekart-webpart.type-kalender.three-column li { margin-left: 1rem; margin-top: 0.5rem; width: calc(33.3333333333% - 1rem); } } .emnekart-webpart.type-person { margin-top: 2rem; } .emnekart-webpart.type-person .webPartTittel { margin: 1em 0 1rem 0; font-size: 1.5rem; font-weight: bold; line-height: 1.25; } .emnekart-webpart.type-person .webPartTittel + p { margin-top: 0 !important; } @media only screen and (min-width: 900px) { .emnekart-webpart.type-person .webPartTittel { font-size: 1.75rem; } } @media only screen and (min-width: 1281px) { .emnekart-webpart.type-person .webPartTittel { font-size: 2rem; } } .emnekart-webpart.type-person .emnekart-list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .emnekart-webpart.type-person .emnekart-item { margin-top: 2rem; padding-bottom: 2rem; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-wrap: nowrap; flex-wrap: nowrap; padding: 3rem; position: relative; font-size: 1.125rem; line-height: 1.6111111111; } .emnekart-webpart.type-person .emnekart-item .person-name, .emnekart-webpart.type-person .emnekart-item .person-title, .emnekart-webpart.type-person .emnekart-item .person-email, .emnekart-webpart.type-person .emnekart-item .person-phone, .emnekart-webpart.type-person .emnekart-item .person-mobile, .emnekart-webpart.type-person .emnekart-item .person-info { margin-top: 1em; } .emnekart-webpart.type-person .emnekart-item .person-name:first-child, .emnekart-webpart.type-person .emnekart-item .person-title:first-child, .emnekart-webpart.type-person .emnekart-item .person-email:first-child, .emnekart-webpart.type-person .emnekart-item .person-phone:first-child, .emnekart-webpart.type-person .emnekart-item .person-mobile:first-child, .emnekart-webpart.type-person .emnekart-item .person-info:first-child { margin-top: 0; } .emnekart-webpart.type-person .emnekart-item .person-name { font-size: 1.5rem; font-weight: bold; } .emnekart-webpart.type-person .emnekart-item .person-mobile .person-property-label, .emnekart-webpart.type-person .emnekart-item .person-phone .person-property-label, .emnekart-webpart.type-person .emnekart-item .person-email .person-property-label { font-weight: 400; } .emnekart-webpart.type-person .emnekart-item .person-mobile .person-property-label::after, .emnekart-webpart.type-person .emnekart-item .person-phone .person-property-label::after, .emnekart-webpart.type-person .emnekart-item .person-email .person-property-label::after { content: ": "; margin-left: -0.2em; } .emnekart-webpart.type-person .emnekart-item .person-email .person-property-value a span span { display: none; } .emnekart-webpart.type-person .emnekart-item .person-property-value { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .emnekart-webpart.type-person .emnekart-item .person-property-value a { display: inline; text-decoration: underline; -webkit-transition: border-color 0.1s ease-in-out, color 0.1s ease-in-out, background-color 0.1s ease-in-out, -webkit-box-shadow 0.1s ease-in-out; transition: border-color 0.1s ease-in-out, color 0.1s ease-in-out, background-color 0.1s ease-in-out, -webkit-box-shadow 0.1s ease-in-out; transition: border-color 0.1s ease-in-out, box-shadow 0.1s ease-in-out, color 0.1s ease-in-out, background-color 0.1s ease-in-out; transition: border-color 0.1s ease-in-out, box-shadow 0.1s ease-in-out, color 0.1s ease-in-out, background-color 0.1s ease-in-out, -webkit-box-shadow 0.1s ease-in-out; color: #006876; } .emnekart-webpart.type-person .emnekart-item .person-property-value a:hover, .emnekart-webpart.type-person .emnekart-item .person-property-value a:focus { color: #000; } .emnekart-webpart.type-person .emnekart-item .person-info::after { content: ""; display: table; clear: both; } .emnekart-webpart.type-person .emnekart-item .person-info p { margin: 0; } .emnekart-webpart.type-person .emnekart-item .person-info p + .emnekart-webpart.type-person .emnekart-item .person-info p { margin-top: 1em; } .emnekart-webpart.type-person .emnekart-item:first-child { margin-top: 0; } @media only screen and (min-width: 600px) { .emnekart-webpart.type-person .emnekart-item { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } } .emnekart-webpart.type-person .person-image { padding-bottom: 1rem; position: relative; } @media only screen and (min-width: 600px) { .emnekart-webpart.type-person .person-image { padding-bottom: 0; width: 7rem; height: 7rem; } } .emnekart-webpart.type-person .person-image div { border-radius: 10rem; width: 5.5rem; height: 5.5rem; background-color: transparent; background-image: url("../../images/viken/person-card-avatar.svg?v=1"); background-repeat: no-repeat; background-position: center center; background-size: cover; } @media only screen and (min-width: 600px) { .emnekart-webpart.type-person .person-image div { position: absolute; top: 0.5rem; left: 0; } } @media only screen and (min-width: 600px) { .emnekart-webpart.type-person .person-image + .person-text { width: calc(100% - 7rem); } } .emnekart-webpart.type-person .person-text { width: 100%; } .emnekart-webpart.type-person .person-title { margin-top: -0.5rem !important; margin-bottom: 1rem; } .emnekart-webpart.type-person .person-property-label { border: 0; clip: rect(0 0 0 0); height: 0.0625rem; margin: -0.0625rem; overflow: hidden; padding: 0; position: absolute; width: 0.0625rem; } .emnekart-webpart.type-person .person-email, .emnekart-webpart.type-person .person-phone, .emnekart-webpart.type-person .person-mobile { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .emnekart-webpart.type-person .person-email::before, .emnekart-webpart.type-person .person-phone::before, .emnekart-webpart.type-person .person-mobile::before { margin-right: 0.75rem; } @media only screen and (min-width: 1281px) { .emnekart-webpart.type-person.two-column .emnekart-list { margin-left: -1rem; margin-top: -1rem; } .emnekart-webpart.type-person.two-column .emnekart-item:not(:only-child) { margin-left: 1rem; margin-top: 1rem; width: calc(50% - 1rem); } .emnekart-webpart.type-person.two-column .emnekart-item:only-child { margin-left: 1rem; margin-top: 1rem; width: calc(100% - 1rem); } } @media only screen and (min-width: 1281px) { .emnekart-webpart.type-person.three-column .emnekart-list { margin-left: -1rem; margin-top: -1rem; } .emnekart-webpart.type-person.three-column .emnekart-item:not(:only-child) { margin-left: 1rem; margin-top: 1rem; width: calc(33.3333333333% - 1rem); } .emnekart-webpart.type-person.three-column .emnekart-item:only-child { margin-left: 1rem; margin-top: 1rem; width: calc(100% - 1rem); } } .bottom-aside .webPart + .webPart { margin-top: 2rem; } .wrapper-outer { width: 100%; } .wrapper-inner { margin: 0 auto; width: 100%; padding-left: 1rem; padding-right: 1rem; max-width: 1280px; } @media only screen and (min-width: 600px) { .wrapper-inner { padding-left: 2rem; padding-right: 2rem; } } @media only screen and (min-width: 900px) { .wrapper-inner { padding-left: 3rem; padding-right: 3rem; } } @media only screen and (min-width: 1281px) { .wrapper-inner { padding-left: 2rem; padding-right: 2rem; } } @media only screen and (min-width: 1500px) { .wrapper-inner--full-width { max-width: 1920px; } } .global-message-box { text-align: center; } .global-message-box .area-message-list-item { padding: 2rem 1rem; border-width: 0; border-style: solid; border-color: #FAF5E6; background-color: #FAF5E6; } .global-message-box .area-message-list-item .area-message__title, .global-message-box .area-message-list-item .area-message-list-item__title { margin-bottom: 0.5rem; } .global-message-box .area-message-list-item .area-message__title h3, .global-message-box .area-message-list-item .area-message-list-item__title h3 { margin: 0; position: relative; } .global-message-box .area-message-list-item .area-message__content a.InnholdLinkTekst:not(.il-custom-button):hover, .global-message-box .area-message-list-item .area-message__content a.InnholdLinkTekst:not(.il-custom-button):focus, .global-message-box .area-message-list-item .area-message-list-item__content a.InnholdLinkTekst:not(.il-custom-button):hover, .global-message-box .area-message-list-item .area-message-list-item__content a.InnholdLinkTekst:not(.il-custom-button):focus { color: #fff; } .global-message-box .area-message-list-item .area-message__content p, .global-message-box .area-message-list-item .area-message-list-item__content p { margin: 0; } .global-message-box .area-message-list-item .area-message__content p ~ p, .global-message-box .area-message-list-item .area-message-list-item__content p ~ p { margin-top: 1em; } .global-message-box .area-message-list-item .area-message__title h3, .global-message-box .area-message-list-item .area-message-list-item__title h3 { font-size: 1.25rem; font-weight: bold; line-height: 1.68; } .global-message-box .area-message-list-item .area-message__content, .global-message-box .area-message-list-item .area-message-list-item__content { font-size: 1rem; line-height: 1.68; } .global-message-box .area-message-list-item.area-message--emergency { border-color: #FFCD7D; background-color: #FFCD7D; } .global-message-box .area-message-list-item__content ul, .global-message-box .area-message-list-item__content ol { list-style-position: inside; } .upper-page-navigation::after { content: ""; display: table; clear: both; } .upper-page-navigation .upper-page-navigation-content .breadcrumbs { padding: 1.25rem 0; } .upper-page-navigation .upper-page-navigation-content .breadcrumbs .breadcrumbsWrapper > span { border: 0; clip: rect(0 0 0 0); height: 0.0625rem; margin: -0.0625rem; overflow: hidden; padding: 0; position: absolute; width: 0.0625rem; } .upper-page-navigation .upper-page-navigation-content .breadcrumbs ul { margin: 0; padding: 0; list-style: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .upper-page-navigation .upper-page-navigation-content .breadcrumbs ul li { margin: 0; padding: 0; } .upper-page-navigation .upper-page-navigation-content .breadcrumbs li { display: none; } .upper-page-navigation .upper-page-navigation-content .breadcrumbs li:nth-last-child(2) { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } .upper-page-navigation .upper-page-navigation-content .breadcrumbs li a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .upper-page-navigation .upper-page-navigation-content .breadcrumbs li a::before { margin-right: 0.5rem; } @media only screen and (min-width: 900px) { .upper-page-navigation .upper-page-navigation-content .breadcrumbs li a::before { display: none; } } @media only screen and (min-width: 900px) { .upper-page-navigation .upper-page-navigation-content .breadcrumbs li { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } .upper-page-navigation .upper-page-navigation-content .breadcrumbs li::after { margin: 0 0.5rem; content: "/"; } .upper-page-navigation .upper-page-navigation-content .breadcrumbs li:last-child a span { -webkit-box-shadow: 0 0.0625rem 0 transparent; box-shadow: 0 0.0625rem 0 transparent; } .upper-page-navigation .upper-page-navigation-content .breadcrumbs li:last-child a:hover span, .upper-page-navigation .upper-page-navigation-content .breadcrumbs li:last-child a:focus span { -webkit-box-shadow: 0 0.125rem 0 currentColor; box-shadow: 0 0.125rem 0 currentColor; } .upper-page-navigation .upper-page-navigation-content .breadcrumbs li:last-child::after { display: none; } } .upper-page-navigation .upper-page-navigation-content .breadcrumbs a { font-size: 15px; color: #191C1C; text-decoration: none; } .upper-page-navigation .upper-page-navigation-content .breadcrumbs a span { -webkit-box-shadow: 0 0.0625rem 0 currentColor; box-shadow: 0 0.0625rem 0 currentColor; } .upper-page-navigation .upper-page-navigation-content .breadcrumbs a:hover span, .upper-page-navigation .upper-page-navigation-content .breadcrumbs a:focus span { -webkit-box-shadow: 0 0.125rem 0 currentColor; box-shadow: 0 0.125rem 0 currentColor; } .lower-page-navigation .lower-page-navigation-content { padding-top: 2rem; padding-bottom: 2rem; } .local-message-box-container { padding: 1rem 0; } @media only screen and (min-width: 1281px) { .local-message-box-container { padding: 2.5rem 0 2.5rem 0; } } .local-message-box-container .area-message-list-item { padding: 2rem; border-width: 0; border-style: solid; border-color: #FAF5E6; background-color: #FAF5E6; margin: 0 auto; max-width: 52.5rem; } .local-message-box-container .area-message-list-item .area-message__title, .local-message-box-container .area-message-list-item .area-message-list-item__title { margin-bottom: 0.5rem; } .local-message-box-container .area-message-list-item .area-message__title h3, .local-message-box-container .area-message-list-item .area-message-list-item__title h3 { margin: 0; position: relative; } .local-message-box-container .area-message-list-item .area-message__content a.InnholdLinkTekst:not(.il-custom-button):hover, .local-message-box-container .area-message-list-item .area-message__content a.InnholdLinkTekst:not(.il-custom-button):focus, .local-message-box-container .area-message-list-item .area-message-list-item__content a.InnholdLinkTekst:not(.il-custom-button):hover, .local-message-box-container .area-message-list-item .area-message-list-item__content a.InnholdLinkTekst:not(.il-custom-button):focus { color: #fff; } .local-message-box-container .area-message-list-item .area-message__content p, .local-message-box-container .area-message-list-item .area-message-list-item__content p { margin: 0; } .local-message-box-container .area-message-list-item .area-message__content p ~ p, .local-message-box-container .area-message-list-item .area-message-list-item__content p ~ p { margin-top: 1em; } .local-message-box-container .area-message-list-item .area-message__title h3, .local-message-box-container .area-message-list-item .area-message-list-item__title h3 { font-size: 1.25rem; font-weight: bold; line-height: 1.68; } .local-message-box-container .area-message-list-item .area-message__content, .local-message-box-container .area-message-list-item .area-message-list-item__content { font-size: 1rem; line-height: 1.68; } .local-message-box-container .area-message-list-item.area-message--emergency { border-color: #FFCD7D; background-color: #FFCD7D; } .local-message-box-container .area-message-list-item.area-message--gray .InnholdlinkTekst { color: #007cba; } .local-message-box-container .area-message-list-item.area-message--gray .InnholdlinkTekst:hover, .local-message-box-container .area-message-list-item.area-message--gray .InnholdlinkTekst:focus { color: #fff; } .header-upper { height: 2.5rem; display: none; color: #000; background-color: #B9E8E5; } @media only screen and (min-width: 900px) { .header-upper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } .header-upper-content { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .header-upper-content ul.vListe { margin: 0; padding: 0; list-style: none; display: -webkit-box; display: -ms-flexbox; display: flex; } .header-upper-content ul.vListe li { margin: 0; padding: 0; } .header-upper-content ul.vListe li { margin-left: 1.5rem; } .header-upper-content ul.vListe li a { padding: 0.25rem; font-size: inherit; text-decoration: none; color: #000; } .header-upper-content ul.vListe li a:hover, .header-upper-content ul.vListe li a:focus { text-decoration: underline; } .header-lower { border-width: 0 0 1px 0; border-style: solid; border-color: #CCCCCC; background-color: #FFFFFF; } .header-lower-content { width: 100%; height: 5rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media only screen and (min-width: 600px) { .header-lower-content { height: 5rem; } } @media only screen and (min-width: 1281px) { .header-lower-content { height: 6.25rem; } } .logo { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; height: 100%; } @media only screen and (min-width: 1281px) { .logo { -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; margin-right: 1.5rem; } } @media only screen and (min-width: 1921px) { .logo { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } } .logo img { float: left; padding: 0; border: 0.125rem solid transparent !important; position: relative; max-height: 3rem; max-width: 100%; } @media only screen and (min-width: 600px) { .logo img { max-height: 3rem; } } @media only screen and (min-width: 1281px) { .logo img { max-height: 3.75rem; } } .logo img[src$=".svg"] { height: 999px; } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .logo img[src$=".svg"] { /* IE10+ CSS */ width: 100%; } } .logo .default-logo--mobile { display: inline; } @media only screen and (min-width: 1281px) { .logo .default-logo--mobile { display: none; } } .logo .default-logo--desktop { display: none; } @media only screen and (min-width: 1281px) { .logo .default-logo--desktop { display: inline; } } .logo a { display: -webkit-box; display: -ms-flexbox; display: flex; } .navigation { margin: 0; padding: 0; list-style: none; display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 1.125rem; height: 100%; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .navigation li { margin: 0; padding: 0; } @media only screen and (min-width: 1281px) { .navigation { font-size: 1.25rem; -webkit-box-flex: 3; -ms-flex: 3; flex: 3; max-width: 1280px; } } @media only screen and (min-width: 1921px) { .navigation { margin-left: -1.5rem; -webkit-box-flex: 200; -ms-flex: 200; flex: 200; } } .navigation-links { width: auto; height: 100%; display: none; } @media only screen and (min-width: 900px) { .navigation-links { display: -webkit-box; display: -ms-flexbox; display: flex; } } .navigation-links div { display: -webkit-box; display: -ms-flexbox; display: flex; } .navigation-links .vListe { margin: 0; padding: 0; list-style: none; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .navigation-links .vListe li { margin: 0; padding: 0; } .navigation-links .vListe .toplevel { height: 100%; } .navigation-links .vListe .toplevel > a { padding: 0 1.5rem; word-break: normal; border-width: 0 0 0.3125rem 0; border-style: solid; border-color: transparent; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: inherit; font-weight: bold; color: #000; text-decoration: none; -webkit-transition: border-color 0.1s ease-in-out, color 0.1s ease-in-out, background-color 0.1s ease-in-out; transition: border-color 0.1s ease-in-out, color 0.1s ease-in-out, background-color 0.1s ease-in-out; } .navigation-links .vListe .toplevel > a span { display: inline-block; } .navigation-links .vListe .toplevel > a:hover, .navigation-links .vListe .toplevel > a:focus { border-color: #96CBC7; color: #000; background-color: #E9E9E9; } .navigation-links .vListe .toplevel > a[aria-expanded=true]::after { margin-left: 0.25rem; font-size: 1.5rem; } .navigation-links .vListe .toplevel > a[aria-expanded=false]::after { margin-left: 0.25rem; font-size: 1.5rem; } .navigation-links .niva1 { display: none; } .navigation-buttons { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -ms-flex-wrap: wrap; flex-wrap: wrap; height: 100%; margin-left: auto; -ms-flex-negative: 0; flex-shrink: 0; } @media only screen and (min-width: 1921px) { .navigation-buttons { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } } .main-menu-toggle, .search-box-toggle { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: none; background-color: transparent; cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; font-weight: 400; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-transform: uppercase; padding: 0; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; font-size: 1rem; margin-left: 0.5rem; min-width: 3rem; max-width: 50%; min-height: 3rem; color: #000; word-break: normal; } @media only screen and (min-width: 600px) { .main-menu-toggle, .search-box-toggle { min-width: auto; max-width: 100%; min-height: 1px; margin-left: 1.5rem; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; font-size: inherit; text-transform: capitalize; } } @media only screen and (min-width: 1281px) { .main-menu-toggle, .search-box-toggle { background-color: transparent; padding: 0 1.5rem; margin-left: 0; height: 1px; min-height: 100%; -webkit-transition: border-color 0.1s ease-in-out, color 0.1s ease-in-out, background-color 0.1s ease-in-out; transition: border-color 0.1s ease-in-out, color 0.1s ease-in-out, background-color 0.1s ease-in-out; border-width: 0 0 0.3125rem 0; border-style: solid; border-color: transparent; font-size: 1.125rem; font-weight: bold; color: #000; } .main-menu-toggle span, .search-box-toggle span { display: inline-block; } } @media only screen and (min-width: 1281px) and (min-width: 1281px) { .main-menu-toggle, .search-box-toggle { font-size: 1.25rem; } } @media only screen and (min-width: 1281px) { .main-menu-toggle:hover, .main-menu-toggle:focus, .search-box-toggle:hover, .search-box-toggle:focus { border-color: #96CBC7; color: #000; background-color: #E9E9E9; } } .main-menu-toggle:after, .search-box-toggle:after { font-size: 1.25rem; } @media only screen and (min-width: 600px) { .main-menu-toggle:after, .search-box-toggle:after { margin-right: 0.5rem; } } .main-menu-toggle.open, .search-box-toggle.open { background-color: transparent; } @media only screen and (min-width: 1921px) { .main-menu-toggle.open, .search-box-toggle.open { background-color: #eee; } } .search-box-toggle:after { font-size: 1.25rem; } @media only screen and (min-width: 900px) { .main-menu-toggle { display: none; } } .main-menu-toggle:after { font-size: 1.25rem; } .main-menu { display: none; background-color: #fff; margin: 0; } .main-menu:focus { outline: none; } .main-menu.open { display: -webkit-box; display: -ms-flexbox; display: flex; } @media only screen and (min-width: 1281px) { .main-menu.open { display: none; } } .main-menu .main-menu-content { margin: 0 auto; width: 100%; } .main-menu .main-menu-content .zone { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .main-menu .main-menu-content .zone .webPart { line-height: 1.5; margin-top: 0; width: 100%; } .main-menu .main-menu-content .zone .webPart { margin-top: 0; } .main-menu .nav-menu { background-color: #FFFFFF; } .main-menu .nav-menu .vListe { margin: 0; padding: 0; list-style: none; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-left: 1rem; margin-right: 1rem; } .main-menu .nav-menu .vListe li { margin: 0; padding: 0; } .main-menu .nav-menu .vListe ul { padding-top: 2rem; padding-bottom: 2rem; } .main-menu .nav-menu .vListe li { border-top: 1px solid #ccc; display: block; } .main-menu .nav-menu .vListe li:first-child { border-top: 0 none; } .main-menu .nav-menu .vListe li li { border: none; } .main-menu .nav-menu .vListe li a { text-decoration: none; font-size: 1.25rem; padding-top: 0.75rem; padding-bottom: 0.75rem; padding-left: 1rem; padding-right: 1rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media only screen and (min-width: 900px) { .main-menu .nav-menu .vListe li a { padding-left: 3rem; padding-right: 3rem; } } .main-menu .nav-menu .vListe li a::before { font-size: 1.5rem; margin-right: 0.5rem; } .main-menu .nav-menu .vListe li a + ul { display: none; } .main-menu .nav-menu .vListe li a[aria-expanded=true]::before { font-size: 2rem; margin-right: 0.5rem; } .main-menu .nav-menu .vListe li a[aria-expanded=false]::before { font-size: 2rem; margin-right: 0.5rem; } .main-menu .nav-menu .vListe li a[aria-expanded=true] + ul { display: block; } .main-menu .top-menu .vListe { margin: 0; padding: 0; list-style: none; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; background-color: #FFFFFF; padding-top: 1rem; padding-bottom: 1rem; padding-left: 1rem; padding-right: 1rem; } .main-menu .top-menu .vListe li { margin: 0; padding: 0; } @media only screen and (min-width: 900px) { .main-menu .top-menu .vListe { padding-left: 3rem; padding-right: 3rem; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } } .main-menu .top-menu .vListe li { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0.5rem 1rem 0.5rem 0; } .main-menu .top-menu .vListe li a { font-size: 1rem; } form.designMode .main-menu { display: block; } .sub-navigation-toggle-wrapper { text-align: right; display: none; } .sub-navigation-toggle-wrapper::after { content: ""; display: table; clear: both; } .sub-navigation-toggle { margin: 0; padding: 0; border: none; border-radius: 0; position: relative; top: -1rem; font-size: 1rem; text-transform: uppercase; background: transparent; -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .sub-navigation-toggle::after { font-size: 1.5rem; } .sub-navigation-toggle-wrapper + .sub-navigation { display: none; } .sub-navigation-toggle-wrapper + .sub-navigation.open { display: block; } .navigation-megamenu { display: none; color: #fff; background-color: #00838A; position: relative; } @media only screen and (min-width: 600px) { .navigation-megamenu { min-height: calc(100vh - 5rem); } } @media only screen and (min-width: 1281px) { .navigation-megamenu { min-height: calc(100vh - 6.25rem); } } .navigation-megamenu--open { display: -webkit-box; display: -ms-flexbox; display: flex; } .navigation-megamenu-content { padding-top: 4rem; padding-bottom: 4rem; } .navigation-megamenu-content ul { margin: 0; padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; line-height: 1.6; margin-left: 0; margin-top: 0; } .navigation-megamenu-content ul li { display: -webkit-box; display: -ms-flexbox; display: flex; } .navigation-megamenu-content ul li a { margin-top: auto; padding: 1rem 0 0; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; text-decoration: none; -webkit-transition: border-color 0.1s ease-in-out, color 0.1s ease-in-out, background-color 0.1s ease-in-out; transition: border-color 0.1s ease-in-out, color 0.1s ease-in-out, background-color 0.1s ease-in-out; } @media only screen and (min-width: 1281px) { .navigation-megamenu-content ul li a { padding: 1rem 0 0 0; } } .navigation-megamenu-content ul li a .text { -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-bottom: 0.0625rem solid #2C2A29; display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; font-size: 1.5rem; padding-bottom: 1rem; word-wrap: break-word; word-break: break-word; -webkit-transition: border-color 0.1s ease-in-out, color 0.1s ease-in-out, background-color 0.1s ease-in-out; transition: border-color 0.1s ease-in-out, color 0.1s ease-in-out, background-color 0.1s ease-in-out; } .navigation-megamenu-content ul li a .text::before { margin-right: 1rem; } .navigation-megamenu-content ul li a .description { padding-top: 1rem; font-size: 1.025rem; -webkit-transition: border-color 0.1s ease-in-out, color 0.1s ease-in-out, background-color 0.1s ease-in-out; transition: border-color 0.1s ease-in-out, color 0.1s ease-in-out, background-color 0.1s ease-in-out; } @media only screen and (min-width: 1281px) { .navigation-megamenu-content ul li a .description { padding-bottom: 1rem; } } .navigation-megamenu-content ul li a:hover, .navigation-megamenu-content ul li a:focus { background-color: #B9E8E5; } .navigation-megamenu-content ul li a:hover .text, .navigation-megamenu-content ul li a:focus .text { color: currentColor; } .navigation-megamenu-content ul li a:hover .text::before, .navigation-megamenu-content ul li a:focus .text::before { -webkit-animation: arrow-bob 0.7s ease-in-out forwards; animation: arrow-bob 0.7s ease-in-out forwards; } .navigation-megamenu-content ul li a.external-link .text::after { margin-left: 0.5rem; } .navigation-megamenu-content ul li { margin-left: 0; margin-top: 0; width: calc(100% - 0); } .navigation-megamenu-content ul li { width: 100%; } .navigation-megamenu-content ul li a { margin-top: auto; padding: 1rem 0 0; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; text-decoration: none; -webkit-transition: border-color 0.1s ease-in-out, color 0.1s ease-in-out, background-color 0.1s ease-in-out; transition: border-color 0.1s ease-in-out, color 0.1s ease-in-out, background-color 0.1s ease-in-out; } @media only screen and (min-width: 1281px) { .navigation-megamenu-content ul li a { padding: 1rem 0 0 0; } } .navigation-megamenu-content ul li a .text { -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-bottom: 0.0625rem solid rgba(255, 255, 255, 0.1); display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; font-size: 1.5rem; padding-bottom: 1rem; word-wrap: break-word; word-break: break-word; -webkit-transition: border-color 0.1s ease-in-out, color 0.1s ease-in-out, background-color 0.1s ease-in-out; transition: border-color 0.1s ease-in-out, color 0.1s ease-in-out, background-color 0.1s ease-in-out; } .navigation-megamenu-content ul li a .text::before { margin-right: 1rem; color: #fff; } .navigation-megamenu-content ul li a .description { padding-top: 1rem; font-size: 1.025rem; -webkit-transition: border-color 0.1s ease-in-out, color 0.1s ease-in-out, background-color 0.1s ease-in-out; transition: border-color 0.1s ease-in-out, color 0.1s ease-in-out, background-color 0.1s ease-in-out; } @media only screen and (min-width: 1281px) { .navigation-megamenu-content ul li a .description { padding-bottom: 1rem; } } .navigation-megamenu-content ul li a:hover, .navigation-megamenu-content ul li a:focus { background-color: rgba(255, 255, 255, 0.1); } .navigation-megamenu-content ul li a:hover .text, .navigation-megamenu-content ul li a:focus .text { color: currentColor; } .navigation-megamenu-content ul li a:hover .text::before, .navigation-megamenu-content ul li a:focus .text::before { color: #fff; } .navigation-megamenu-content ul li a:hover .text::before, .navigation-megamenu-content ul li a:focus .text::before { -webkit-animation: arrow-bob 0.7s ease-in-out forwards; animation: arrow-bob 0.7s ease-in-out forwards; } .navigation-megamenu-content ul li a.external-link .text::after { margin-left: 0.5rem; } .navigation-megamenu-close-button { position: absolute; top: 4rem; right: 4rem; margin: 0; padding: 0; border: none; border-radius: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font: inherit; color: inherit; background-color: transparent; -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer; } .navigation-megamenu-close-button::before { margin-right: 0.25rem; } .search-box { margin: 0; padding: 1rem 0; display: none; background-color: #FAF5E6; } .search-box .search-box-content { width: 100%; } .search-box .search-box-content > div { width: 100%; } .search-box .search-box-content > div > div { position: relative; } .search-box .search-box-content > div input[type=text] { padding: 0.75rem 4.75rem 0.75rem 1.5rem; border-width: 0.125rem; border-style: solid; border-radius: 0 10px 10px 0; height: 4rem; width: 100%; overflow-x: hidden; font-size: inherit; text-overflow: ellipsis; } .search-box .search-box-content > div input[type=submit] { border-width: 0; -moz-appearance: none; apperance: none; border-radius: 0; border-radius: 0 10px 10px 0; height: 100%; width: 3rem; width: 5.125rem; height: calc(100% - 1rem); position: absolute; right: 0.5rem; top: 0.5rem; text-indent: -10000rem; background-image: url("../../../../images/troms/search-icon--white.svg"); background-position: center center; background-repeat: no-repeat; background-size: 1.25rem; cursor: pointer; -webkit-transition: border-color 0.1s ease-in-out, color 0.1s ease-in-out, background-color 0.1s ease-in-out; transition: border-color 0.1s ease-in-out, color 0.1s ease-in-out, background-color 0.1s ease-in-out; } .search-box .search-box-content > div input[type=submit]:hover, .search-box .search-box-content > div input[type=submit]:focus { background-image: url("../../../../images/troms/search-icon--green.svg"); } .search-box .search-box-content > div div { font-size: 1.25rem; } .search-box .search-box-content > div input[type=text] { border-color: transparent; color: #000; } .search-box .search-box-content > div input[type=submit] { color: #FFFFFF; background-color: #006876; } .search-box .search-box-content > div input[type=submit]:hover, .search-box .search-box-content > div input[type=submit]:focus { background-color: #191C1C; } .search-box.open { display: block; } @media only screen and (min-width: 900px) { body { padding-top: 7.5rem !important; } } @media only screen and (min-width: 900px) and (min-width: 600px) { body { padding-top: 7.5rem !important; } } @media only screen and (min-width: 900px) and (min-width: 1281px) { body { padding-top: 8.75rem !important; } } .header { margin: 0; padding: 0; } @media only screen and (min-width: 900px) { .header { position: fixed; top: 0; width: 100%; z-index: 100; } .header.header--fixed { -webkit-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.25); box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.25); } .header.header--fixed .header-lower-content { -webkit-transition: height 0.1s ease-in-out; transition: height 0.1s ease-in-out; height: 3rem; } } @media only screen and (min-width: 900px) and (min-width: 600px) { .header.header--fixed .header-lower-content { height: 3rem; } } @media only screen and (min-width: 900px) and (min-width: 1281px) { .header.header--fixed .header-lower-content { height: 4.25rem; } } @media only screen and (min-width: 900px) { .header.header--fixed .logo img { max-height: 2rem; } } @media only screen and (min-width: 900px) and (min-width: 600px) { .header.header--fixed .logo img { max-height: 2rem; } } @media only screen and (min-width: 900px) and (min-width: 1281px) { .header.header--fixed .logo img { max-height: 2.75rem; } } .zone-container { padding-top: 2rem; padding-bottom: 2rem; background-color: #FFFFFF; } @media only screen and (min-width: 900px) { .zone-container { padding-top: 3rem; padding-bottom: 3rem; } } @media only screen and (min-width: 1281px) { .zone-container { padding-top: 4rem; padding-bottom: 4rem; } } .zone-container:nth-of-type(odd) { background-color: #FAF5E6; } .zone-container--white { background-color: #FFFFFF !important; } .zone-container--grey { background-color: #FAF5E6 !important; } @media only screen and (min-width: 900px) { .zone-container--focus-field { padding-top: 2.5rem; padding-bottom: 2.5rem; } } @media only screen and (min-width: 1281px) { .zone-container--focus-field { padding-top: 3rem; padding-bottom: 3rem; } } @media only screen and (min-width: 1281px) { .zone-container.banner ~ .zone-container--service-menu { padding-top: 2rem; padding-bottom: 3rem; } } .page-title { padding: 0 0 2rem 0; } @media only screen and (min-width: 1281px) { .page-title { padding: 2rem 0 2rem 0; } } .page-title h1, .page-title .ArtikkelKategoriOverskrift { margin: 0; font-size: 2rem; } @media only screen and (min-width: 900px) { .page-title h1, .page-title .ArtikkelKategoriOverskrift { font-size: 2.5rem; } } @media only screen and (min-width: 1281px) { .page-title h1, .page-title .ArtikkelKategoriOverskrift { font-size: 3rem; } } .page-title .page-title-content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .page-title .page-title-content .page-title-content-block > * ~ * { margin-top: 1.5rem; } .page-title .page-title-content .page-title-content-block--left { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .page-title .page-title-content .page-title-content-block--right { display: none; width: 40%; } @media only screen and (min-width: 1281px) { .page-title .page-title-content .page-title-content-block--right { display: block; } } .page-title .zone { margin-top: 1rem; } .right-column .page-title { display: none !important; } .page-title-graphics .banner-image { width: 100%; max-width: 16rem; height: 10rem; background-repeat: no-repeat; background-size: contain; } .footer { padding: 3rem 0; -ms-flex-negative: 0; flex-shrink: 0; color: #FCFBFA; background-color: #006876; } .footer::after { content: ""; display: table; clear: both; } .footer .webPart .webPartTittel, .footer .webPart h2 { margin: 0 0 1rem 0; border-width: 0; border-style: solid; border-color: #cccccc; font-size: 1.5rem; font-weight: bold; line-height: 1.6; } .footer .webPart .webPartInnhold { line-height: 1.6; } .footer .webPart .webPartInnhold a { color: inherit; text-decoration: underline; } .footer .webPart .webPartInnhold p { margin: 0 0 1.25em; } @media only screen and (min-width: 1281px) { .footer .webPart .webPartTittel, .footer .webPart h2 { margin: 0 0 1.5rem 0; padding: 0 0 1rem 0; font-size: 1.5rem; font-weight: normal; font-weight: bold; line-height: 1.6; } .footer .webPart .webPartInnhold { font-size: 1.125rem; line-height: 1.6; } } .footer .footer-logo { display: -webkit-box; display: -ms-flexbox; display: flex; } .footer .footer-logo .webPartInnhold { padding: 1rem 0 2rem; } .footer .footer-logo .webPartInnhold h1, .footer .footer-logo .webPartInnhold .ArtikkelKategoriOverskrift, .footer .footer-logo .webPartInnhold h2, .footer .footer-logo .webPartInnhold h3, .footer .footer-logo .webPartInnhold h4, .footer .footer-logo .webPartInnhold h5, .footer .footer-logo .webPartInnhold p { margin: 0; line-height: 0; } .footer .footer-logo .webPartInnhold a { text-decoration: none; display: block; } .footer .footer-logo .webPartInnhold a:hover { background: none; background-color: transparent; } .footer .footer-logo .webPartInnhold img { display: inline-block; } .footer .footer-logo .webPartInnhold .floatLeft, .footer .footer-logo .webPartInnhold .floatRight { float: none; } .footer .footer-content { margin-top: 1rem; } .footer .footer-content ul { margin-bottom: 0; padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -1rem; margin-top: -1rem; } .footer .footer-content ul::after { content: ""; display: table; clear: both; } @media only screen and (min-width: 600px) { .footer .footer-content ul { margin-left: -1.5rem; margin-top: -1.5rem; } } @media only screen and (min-width: 1281px) { .footer .footer-content ul { margin-left: -2rem; margin-top: -2rem; } } .footer .footer-content ul li { display: -webkit-box; display: -ms-flexbox; display: flex; margin-left: 1rem; margin-top: 1rem; width: calc(100% - 1rem); } @media only screen and (min-width: 600px) { .footer .footer-content ul li { margin-left: 1.5rem; margin-top: 1.5rem; width: calc(50% - 1.5rem); } } @media only screen and (min-width: 1281px) { .footer .footer-content ul li { margin-left: 2rem; margin-top: 2rem; width: calc(33.3333333333% - 2rem); } } .footer .footer-content ul li .Zone { width: 100%; } .footer .footer-content ul li ul { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .footer .footer-content ul li ul li { width: 100%; } .footer .sosiale-medier { padding-top: 1.5rem; } .footer .sosiale-medier ul { margin: 0; padding: 0; list-style: none; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .footer .sosiale-medier ul li { margin: 0; padding: 0; } .footer .sosiale-medier ul li { margin-right: 2rem; padding: 1rem 0; } .footer .sosiale-medier ul li:last-child { margin-right: 0; } @media only screen and (min-width: 1281px) { .footer .sosiale-medier ul li { padding: 0; } } .footer .sosiale-medier ul li a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-decoration: none !important; cursor: pointer; } .footer .sosiale-medier ul li a::before { margin-right: 0.5rem; font-size: 2.1875rem; } .footer .sosiale-medier ul .gfx-rogaland { margin-top: 2rem; margin-left: auto; margin-right: auto; width: 100%; text-align: center; } .footer .sosiale-medier ul .gfx-rogaland a { display: inline-block; width: 177px; height: 44px; background: url("../../images/rogaland/footer-logo.svg") no-repeat; background-size: contain; } .footer .sosiale-medier ul .gfx-rogaland span { border: 0; clip: rect(0 0 0 0); height: 0.0625rem; margin: -0.0625rem; overflow: hidden; padding: 0; position: absolute; width: 0.0625rem; } @media only screen and (min-width: 1281px) { .footer .sosiale-medier ul .gfx-rogaland { margin-top: 0; margin-right: 0; width: auto; } .footer .sosiale-medier ul .gfx-rogaland a { display: -webkit-box; display: -ms-flexbox; display: flex; } } .footer .sosiale-medier ul .gfx-innlandet { margin-top: 2rem; margin-left: auto; margin-right: auto; width: 100%; text-align: center; } .footer .sosiale-medier ul .gfx-innlandet a { display: inline-block; width: 152px; height: 44px; background: url("../../../../images/innlandet/footer-logo.svg") no-repeat; background-size: contain; color: inherit !important; background-color: inherit !important; } .footer .sosiale-medier ul .gfx-innlandet span { border: 0; clip: rect(0 0 0 0); height: 0.0625rem; margin: -0.0625rem; overflow: hidden; padding: 0; position: absolute; width: 0.0625rem; } @media only screen and (min-width: 1281px) { .footer .sosiale-medier ul .gfx-innlandet { margin-top: 0; margin-right: 0; width: auto; } .footer .sosiale-medier ul .gfx-innlandet a { display: -webkit-box; display: -ms-flexbox; display: flex; } } .footer .sosiale-medier ul .gfx-viken { margin-top: 2rem; margin-left: auto; margin-right: auto; width: 100%; text-align: center; } .footer .sosiale-medier ul .gfx-viken a { display: inline-block; width: 152px; height: 44px; background: url("../../images/logo-viken-footer.svg") no-repeat; background-size: contain; } .footer .sosiale-medier ul .gfx-viken span { border: 0; clip: rect(0 0 0 0); height: 0.0625rem; margin: -0.0625rem; overflow: hidden; padding: 0; position: absolute; width: 0.0625rem; } @media only screen and (min-width: 1281px) { .footer .sosiale-medier ul .gfx-viken { margin-top: 0; margin-right: 0; width: auto; } .footer .sosiale-medier ul .gfx-viken a { display: -webkit-box; display: -ms-flexbox; display: flex; } } .footer .sosiale-medier ul .gfx-partnerskapet { margin-top: 2rem; margin-left: auto; margin-right: auto; width: 100%; text-align: center; position: relative; } .footer .sosiale-medier ul .gfx-partnerskapet a { position: absolute; display: inline-block; width: 300px; height: 200px; background: url("../../images/partnerskapet.png") no-repeat; background-size: 11rem; left: 0; top: -1rem; } @media only screen and (min-width: 1281px) { .footer .sosiale-medier ul .gfx-partnerskapet a { background-size: 15rem; left: -15rem; top: -1rem; } } .footer .sosiale-medier ul .gfx-partnerskapet span { border: 0; clip: rect(0 0 0 0); height: 0.0625rem; margin: -0.0625rem; overflow: hidden; padding: 0; position: absolute; width: 0.0625rem; } @media only screen and (min-width: 1281px) { .footer .sosiale-medier ul .gfx-partnerskapet { margin-top: 0; margin-right: 0; width: auto; } .footer .sosiale-medier ul .gfx-partnerskapet a { display: -webkit-box; display: -ms-flexbox; display: flex; } } .footer .footer-links { margin-top: 1.5rem; padding-top: 2rem; border-top: 1px solid #ffffff; } @media only screen and (min-width: 1281px) { .footer .footer-links { margin-top: 0; padding-top: 1.5rem; border-top: none; } } .footer .footer-links ul { margin: 0; padding: 0; list-style: none; } .footer .footer-links ul li { margin: 0; padding: 0; } .footer .footer-links ul li { padding-bottom: 1rem; } @media only screen and (min-width: 1281px) { .footer .footer-links ul li { margin-left: 2rem; float: left; width: auto; } .footer .footer-links ul li:first-child { margin-left: 0; } .footer .footer-links ul li.right-align { float: right; } } .design-links.design-links { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } @media only screen and (min-width: 1281px) { .design-links.design-links { float: right; } } .design-links.design-links .webPartTittel { margin: 0; margin-right: 1rem; padding: 0; border: none; font-size: inherit; font-weight: normal; } .design-links.design-links .webPartInnhold ul { margin: 0; padding: 0; list-style: none; } .design-links.design-links .webPartInnhold ul li { margin: 0; padding: 0; } .design-links.design-links .webPartInnhold ul li { padding-bottom: 1rem; margin-left: 1rem; float: left; width: auto; } .design-links.design-links .webPartInnhold ul li:first-child { margin-left: 0; } .design-links.design-links .webPartInnhold ul li.right-align { float: right; } .transport-page .lower-page-navigation .lower-page-navigation-content { padding-top: 2rem; padding-bottom: 2rem; } .transport-page-description { max-width: 1280px; margin: 0 auto; } .transport-page-description .text-box p { padding: 0 1rem 2rem 0; } .transport-page-description p { font-size: 1.3125rem; word-break: break-word; } .right-column .upper-page-navigation { background: transparent; } .ac-content-page--document .legacy-content-block--table .il-table tr .htBold { font-weight: bold; } .ac-content-page--document .legacy-content-block--table .il-table tr th { background-color: #006876; font-weight: normal; } .ac-content-page--document .legacy-content-block--table .il-table tr th.htBold { background-color: #006876; font-weight: bold; } .ac-content-page--document .legacy-content-block--table .il-table tr td { background-color: transparent; } .legacy-content-page--article-list .ArtikkelKategoriOverskrift { margin-bottom: 2rem; font-size: 1.5rem; font-weight: bold; line-height: 1.25; } @media only screen and (min-width: 769px) { .legacy-content-page--article-list .ArtikkelKategoriOverskrift { font-size: 2rem; } } @media only screen and (min-width: 993px) { .legacy-content-page--article-list .ArtikkelKategoriOverskrift { font-size: 2.5rem; } } .legacy-content-page--article-list .article-preview { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 1rem; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media (min-width: 769px) { .legacy-content-page--article-list .article-preview { margin-bottom: 2rem; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } } .legacy-content-page--article-list .article-preview-title { margin-bottom: 0.75rem; margin-top: 0 !important; position: relative; } .legacy-content-page--article-list .article-preview-image { width: auto; } .legacy-content-page--article-list .article-preview-image img { max-width: 100%; margin-top: 0.5em; } @media (min-width: 768px) { .legacy-content-page--article-list .article-preview-image img { max-width: 212px; max-height: 119px; } } .legacy-content-page--article-list .article-preview-image + .article-preview-content { width: 100%; } @media (min-width: 768px) { .legacy-content-page--article-list .article-preview-image + .article-preview-content { margin-left: 2rem; } } .legacy-content-page--article-list .article-preview-excerpt { margin-bottom: 0.875rem; } .legacy-content-page--article-list .article-preview-excerpt > br:last-child { display: none; } form.right-column:not(.fullwidth-article)::after { content: ""; display: table; clear: both; } form.right-column:not(.fullwidth-article) .middle-column { margin: 0 auto; max-width: 52.5rem; } @media only screen and (min-width: 1281px) { form.right-column:not(.fullwidth-article) .middle-column { width: 100%; margin-top: 2rem; max-width: 52.5rem; margin: 0 auto; } } @media only screen and (min-width: 1281px) { form.right-column:not(.fullwidth-article) div.right-column { float: right; margin-top: 2rem; width: 100%; } } .article-preview-excerpt { line-height: 1.5; } .legacy-content-page.legacy-content-page--article-list .article-preview-list { margin-top: 2rem; } .file-overview-container ul.file-overview { list-style: none; padding: 0; margin: 0; } .file-overview-container ul.file-overview li.file-overview-item { padding-top: 0.5em; padding-bottom: 0.5em; border-top: 1px solid gray; } .file-overview-container ul.file-overview li.file-overview-item:last-child { border-bottom: 1px solid gray; } .file-overview-container ul.file-overview li.file-overview-item:first-child { border-top: 0; } .file-overview-container ul.file-overview .file-gallery-hint p { margin: 0; } .ac-content-teaser--search .ac-url.ac-url--web:not(.ac-url--external) .ac-url-domain { display: none; } .ac-content-teaser--search .ac-url.ac-url--web:not(.ac-url--external) .ac-url-segment { display: none; } .ac-content-teaser--search .ac-url.ac-url--web:not(.ac-url--external) .ac-url-segment.ac-url-segment--2 { display: inline; } .ac-content-teaser--search .ac-url.ac-url--web:not(.ac-url--external) .ac-url-segment.ac-url-segment--1 { display: inline; } .ac-content-teaser--search .search-match, .ac-content-teaser--search .ac-search-match { background-color: transparent; color: inherit; } .ac-content-teaser--search .ac-content-list-item--highlight:hover .search-match, .ac-content-teaser--search .ac-content-list-item--highlight:hover .ac-search-match, .ac-content-teaser--search .ac-content-list-item--highlight:focus .search-match, .ac-content-teaser--search .ac-content-list-item--highlight:focus .ac-search-match { color: inherit; background-color: inherit; } .ac-content-teaser--search .ac-content--content-list--search .ac-padding-top-3 { padding-top: 0; } .faqWrapper { margin-top: 1em; margin-bottom: 1.5rem; } .faqWrapper .divFaqSporsmal { background-color: transparent; padding: 0; margin-bottom: 0; cursor: pointer; } .faqWrapper .divFaqSporsmal:after { content: ""; font-size: inherit; float: none; display: none !important; } .faqWrapper .divFaqSporsmal.open:after { content: ""; display: none !important; } .faqWrapper .divFaqSvar { display: none; padding: 0; } .faqWrapper .divFaqSvar .legacy-content-block--image.width-full, .faqWrapper .divFaqSvar .legacy-content-block--image.marginLeftAuto.marginRightAuto.width-full img { display: block; } .faqWrapper .divFaqIngress { margin-top: 1rem; } .faqWrapper .faq.faq::after { content: ""; display: table; clear: both; } .faqWrapper .faq.faq ~ .faq { margin-top: 0.75rem; } .faqWrapper .faq.faq .divFaqSporsmal { margin: 0; padding: 0; position: relative; display: block; background-color: transparent; } .faqWrapper .faq.faq .divFaqSporsmal button { margin: 0; padding: 1rem; border: 0; border-width: 0.0625rem 0.0625rem 0 0.0625rem; border-style: solid; border-color: #006876; width: 100%; height: 100%; display: block; font: inherit; color: inherit; text-align: inherit; color: #FFFFFF; background-color: transparent; background-color: #006876; cursor: pointer; -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-transition: border-color 0.1s ease-in-out, color 0.1s ease-in-out, background-color 0.1s ease-in-out; transition: border-color 0.1s ease-in-out, color 0.1s ease-in-out, background-color 0.1s ease-in-out; } .faqWrapper .faq.faq .divFaqSporsmal button[aria-expanded=true] { border-color: #000; color: #FFFFFF; background-color: #006876; } .faqWrapper .faq.faq .divFaqSporsmal button:hover, .faqWrapper .faq.faq .divFaqSporsmal button:focus { border-color: #96CBC7; color: #191C1C; background-color: #96CBC7; } .faqWrapper .faq.faq .divFaqSporsmal button { padding-left: 4rem; } .faqWrapper .faq.faq .divFaqSporsmal button::before { margin-right: -1rem; position: absolute; left: 1.5625rem; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); font-size: 1.75rem !important; -webkit-transition: color 0.1s ease-in-out; transition: color 0.1s ease-in-out; } .faqWrapper .faq.faq .divFaqSporsmal::after { display: none; } .faqWrapper .faq.faq .divFaqSporsmal.open { margin-bottom: 0; content: none; -webkit-transition: all 0.2s ease, padding 0.8s linear; transition: all 0.2s ease, padding 0.8s linear; } .faqWrapper .faq.faq .divFaqSvar { display: none; padding: 1rem; border-width: 0 0.0625rem 0.0625rem 0.0625rem; border-style: solid; border-color: #000; } .faqWrapper .faq.faq .divFaqSvar::after { content: ""; display: table; clear: both; } .faqWrapper .faq.faq .divFaqSvar > * + * { margin-top: 1em; } .faqWrapper .faq.faq .divFaqSvar > *:first-child { margin-top: 0; } .faqWrapper .faq.faq .divFaqSvar.open { display: block; } .filoversikttabell { width: 100%; min-width: 40.625rem; border-collapse: collapse !important; border-spacing: 0 !important; } .filoversikttabell th { padding: 1rem; vertical-align: top; } .filoversikttabell td { padding: 1rem; vertical-align: top; } .filoversikttabell.listeSort { margin-bottom: 0; } .filoversikttabell th { font-size: 1.25rem; font-weight: normal; font-weight: bold; line-height: 1; } .filoversikttabell td { font-size: 1.25rem; line-height: 1; line-height: 1.2; } .filoversikttabell tbody tr:nth-child(even) { background-color: #E9E9E9; } .filoversikttabell tbody tr:nth-child(odd) { background-color: #FFFFFF; } .filoversikttabell th { color: #FFFFFF; background: #006876; } .filoversikttabell caption { border: 0; clip: rect(0 0 0 0); height: 0.0625rem; margin: -0.0625rem; overflow: hidden; padding: 0; position: absolute; width: 0.0625rem; display: none; } .legacy-content-block--image { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .legacy-content-block--image.marginLeftAuto.marginRightAuto { text-align: center; } .artikkel-bilde-container { margin: 0.5rem 0 1.5rem; } .artikkel-bilde-copyright { display: inline-block; } .beskrivelse { font-style: normal !important; font-size: 1rem; line-height: 1.25; } .artikkel-bilde-beskrivelse { padding: 0.5rem 1rem 0 0; display: inline-block; font-size: 1rem; } .artikkel-bilde-beskrivelse:empty { display: none !important; } .fotografText { background-image: none !important; font-size: 1rem; text-indent: 0 !important; } .fotografText::before { content: "Foto: "; } .InnholdLinkTekst:not(.il-custom-button), .il-webform-field-control--info a { display: inline; text-decoration: underline; -webkit-transition: border-color 0.1s ease-in-out, color 0.1s ease-in-out, background-color 0.1s ease-in-out, -webkit-box-shadow 0.1s ease-in-out; transition: border-color 0.1s ease-in-out, color 0.1s ease-in-out, background-color 0.1s ease-in-out, -webkit-box-shadow 0.1s ease-in-out; transition: border-color 0.1s ease-in-out, box-shadow 0.1s ease-in-out, color 0.1s ease-in-out, background-color 0.1s ease-in-out; transition: border-color 0.1s ease-in-out, box-shadow 0.1s ease-in-out, color 0.1s ease-in-out, background-color 0.1s ease-in-out, -webkit-box-shadow 0.1s ease-in-out; color: #006876; } .InnholdLinkTekst:not(.il-custom-button):hover, .InnholdLinkTekst:not(.il-custom-button):focus, .il-webform-field-control--info a:hover, .il-webform-field-control--info a:focus { color: #000; } .InnholdLinkTekst.il-custom-button { padding: 0 !important; padding: 6px 24px !important; border-width: 2px !important; border-style: solid !important; border-radius: 0; border-radius: 10px !important; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-decoration: none; -webkit-transition: border-color 0.1s ease-in-out, color 0.1s ease-in-out, background-color 0.1s ease-in-out, -webkit-box-shadow 0.1s ease-in-out; transition: border-color 0.1s ease-in-out, color 0.1s ease-in-out, background-color 0.1s ease-in-out, -webkit-box-shadow 0.1s ease-in-out; transition: border-color 0.1s ease-in-out, box-shadow 0.1s ease-in-out, color 0.1s ease-in-out, background-color 0.1s ease-in-out; transition: border-color 0.1s ease-in-out, box-shadow 0.1s ease-in-out, color 0.1s ease-in-out, background-color 0.1s ease-in-out, -webkit-box-shadow 0.1s ease-in-out; font-size: 1em; font-weight: normal !important; text-transform: none !important; font-weight: bold !important; border-color: #191C1C; color: #191C1C !important; background-color: #96CBC7; margin: 0.5rem 0; } .InnholdLinkTekst.il-custom-button:hover, .InnholdLinkTekst.il-custom-button:focus { border-color: #191C1C; color: #191C1C !important; background-color: #B9E8E5; } html.tabbing .InnholdLinkTekst.il-custom-button:focus { border-color: #000; color: #000; background-color: #ffbf47; } html.tabbing .InnholdLinkTekst.il-custom-button:focus::after { color: #000 !important; } div.InnholdForfatter { margin: 1em 0; } div.InnholdForfatter .byline { border-top: 0.0625rem solid #ccc; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; } div.InnholdForfatter .byline__published-author, div.InnholdForfatter .byline__published-responsible, div.InnholdForfatter .byline__published-date, div.InnholdForfatter .byline__edited { margin-right: 1rem; padding: 0.5rem 0 0 0; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } div.InnholdForfatter .byline__published-author:last-child, div.InnholdForfatter .byline__published-responsible:last-child, div.InnholdForfatter .byline__published-date:last-child, div.InnholdForfatter .byline__edited:last-child { margin-right: 0; } div.InnholdForfatter .byline__published-author-label, div.InnholdForfatter .byline__published-responsible-label, div.InnholdForfatter .byline__edited-author-label, div.InnholdForfatter .byline__published-date-label, div.InnholdForfatter .byline__edited-date-label { font-size: 1rem; font-weight: normal; } div.InnholdForfatter .byline__published-author-label::after, div.InnholdForfatter .byline__published-responsible-label::after, div.InnholdForfatter .byline__edited-author-label::after, div.InnholdForfatter .byline__published-date-label::after, div.InnholdForfatter .byline__edited-date-label::after { margin-right: 0.25rem; } div.InnholdForfatter .byline__published-author-value, div.InnholdForfatter .byline__published-responsible-value, div.InnholdForfatter .byline__edited-author-value, div.InnholdForfatter .byline__published-date-value, div.InnholdForfatter .byline__edited-date-value { font-size: 1rem; font-weight: normal; } div.liste > div > span.InnholdTabellCaption, div.liste > div > span.InnholdTekst > span { display: block; } .legacy-content-block--table, .il-table-wrapper { margin-bottom: 1.5rem; max-width: 100%; overflow: auto; } .legacy-content-page .il-table, .legacy-content-block .il-table { width: 100%; min-width: 40.625rem; } .legacy-content-page .il-table th, .legacy-content-block .il-table th { padding: 1rem; vertical-align: top; } .legacy-content-page .il-table td, .legacy-content-block .il-table td { padding: 1rem; vertical-align: top; } .legacy-content-page .il-table.listeSort, .legacy-content-block .il-table.listeSort { margin-bottom: 0; } .legacy-content-page .il-table th, .legacy-content-block .il-table th { font-size: 1.25rem; font-weight: normal; font-weight: bold; line-height: 1; } .legacy-content-page .il-table td, .legacy-content-block .il-table td { font-size: 1.25rem; line-height: 1; line-height: 1.2; } .legacy-content-page .il-table tbody tr:nth-child(even), .legacy-content-block .il-table tbody tr:nth-child(even) { background-color: #E9E9E9; } .legacy-content-page .il-table tbody tr:nth-child(odd), .legacy-content-block .il-table tbody tr:nth-child(odd) { background-color: #FFFFFF; } .legacy-content-page .il-table th, .legacy-content-block .il-table th { color: #FFFFFF; background: #006876; } @media only screen and (max-width: 900px) { .legacy-content-page .il-table.InnholdTabell, .legacy-content-block .il-table.InnholdTabell { min-width: 0; } .legacy-content-page .il-table.InnholdTabelltable, .legacy-content-page .il-table.InnholdTabell thead, .legacy-content-page .il-table.InnholdTabell tbody, .legacy-content-page .il-table.InnholdTabell tr, .legacy-content-page .il-table.InnholdTabell th, .legacy-content-page .il-table.InnholdTabell td, .legacy-content-block .il-table.InnholdTabelltable, .legacy-content-block .il-table.InnholdTabell thead, .legacy-content-block .il-table.InnholdTabell tbody, .legacy-content-block .il-table.InnholdTabell tr, .legacy-content-block .il-table.InnholdTabell th, .legacy-content-block .il-table.InnholdTabell td { display: block; } .legacy-content-page .il-table.InnholdTabell thead tr, .legacy-content-block .il-table.InnholdTabell thead tr { border: 0; clip: rect(0 0 0 0); height: 0.0625rem; margin: -0.0625rem; overflow: hidden; padding: 0; position: absolute; width: 0.0625rem; } .legacy-content-page .il-table.InnholdTabell tr + tr, .legacy-content-block .il-table.InnholdTabell tr + tr { margin-top: 2rem; } .legacy-content-page .il-table.InnholdTabell tr::after, .legacy-content-block .il-table.InnholdTabell tr::after { clear: both; content: ""; display: table; } .legacy-content-page .il-table.InnholdTabell td, .legacy-content-block .il-table.InnholdTabell td { border: none; border-bottom: 1px solid #ddd; float: right; width: 100%; min-width: 0; } .legacy-content-page .il-table.InnholdTabell td::before, .legacy-content-block .il-table.InnholdTabell td::before { content: attr(data-column-label); display: inline-block; font-weight: 600; padding-right: 10px; width: calc(50% - 10px); } .legacy-content-page .il-table.InnholdTabell td > span, .legacy-content-block .il-table.InnholdTabell td > span { display: block; float: right; width: 50%; } } .legacy-content-page .li-table__description--top, .legacy-content-block .li-table__description--top { margin-bottom: 1rem; display: block; } .legacy-content-page .li-table__description--bottom, .legacy-content-block .li-table__description--bottom { margin-top: 1rem; display: block; } .inputskjema .inputskjemaSubmit { margin-top: 2rem; } .inputskjema .inputskjemaSubmit input[type=submit] { padding: 0 !important; padding: 6px 24px !important; border-width: 2px !important; border-style: solid !important; border-radius: 0; border-radius: 10px !important; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-decoration: none; -webkit-transition: border-color 0.1s ease-in-out, color 0.1s ease-in-out, background-color 0.1s ease-in-out, -webkit-box-shadow 0.1s ease-in-out; transition: border-color 0.1s ease-in-out, color 0.1s ease-in-out, background-color 0.1s ease-in-out, -webkit-box-shadow 0.1s ease-in-out; transition: border-color 0.1s ease-in-out, box-shadow 0.1s ease-in-out, color 0.1s ease-in-out, background-color 0.1s ease-in-out; transition: border-color 0.1s ease-in-out, box-shadow 0.1s ease-in-out, color 0.1s ease-in-out, background-color 0.1s ease-in-out, -webkit-box-shadow 0.1s ease-in-out; font-size: 1em; font-weight: normal !important; text-transform: none !important; font-weight: bold !important; border-color: #191C1C; color: #191C1C !important; background-color: #96CBC7; } .inputskjema .inputskjemaSubmit input[type=submit]:hover, .inputskjema .inputskjemaSubmit input[type=submit]:focus { border-color: #191C1C; color: #191C1C !important; background-color: #B9E8E5; } html.tabbing .inputskjema .inputskjemaSubmit input[type=submit]:focus { border-color: #000; color: #000; background-color: #ffbf47; } html.tabbing .inputskjema .inputskjemaSubmit input[type=submit]:focus::after { color: #000 !important; } html.tabbing .inputskjema.il-webform-content .il-webform-field-control-input:focus { -webkit-box-shadow: 0 0 0 0.25rem orange; box-shadow: 0 0 0 0.25rem orange; } html.tabbing .inputskjema.il-webform-content .il-webform-field-control .radioknapper input:focus + label::before { -webkit-box-shadow: 0 0 0 0.25rem orange; box-shadow: 0 0 0 0.25rem orange; } html.tabbing .inputskjema.il-webform-content .il-webform-field-control .checkbox input:focus + label::before { -webkit-box-shadow: 0 0 0 0.25rem orange; box-shadow: 0 0 0 0.25rem orange; } .content-block-body-column.content-block-body-column > * + * { margin-top: 1em !important; } .content-block-body-column.content-block-body-column > *:first-child { margin-top: 0 !important; } .ac-content-page { padding-bottom: 4rem; } .ac-content-header { border: none; } .ac-content-title h1, .ac-content-title .ArtikkelKategoriOverskrift, .bc-content-header h1, .bc-content-header .ArtikkelKategoriOverskrift { margin: 0; font-size: 2rem; } @media only screen and (min-width: 900px) { .ac-content-title h1, .ac-content-title .ArtikkelKategoriOverskrift, .bc-content-header h1, .bc-content-header .ArtikkelKategoriOverskrift { font-size: 2.5rem; } } @media only screen and (min-width: 1281px) { .ac-content-title h1, .ac-content-title .ArtikkelKategoriOverskrift, .bc-content-header h1, .bc-content-header .ArtikkelKategoriOverskrift { font-size: 3rem; } } .ac-content-section--lead, .bc-content-section > div { margin: 1em 0 0 0; font-size: 1.375em; line-height: 1.5; } @media only screen and (min-width: 900px) { .ac-content-section--lead, .bc-content-section > div { font-size: 1.375em; } } @media only screen and (min-width: 1281px) { .ac-content-section--lead, .bc-content-section > div { font-size: 1.5em; } } .ac-content-section--lead > * + *, .bc-content-section > div > * + * { margin-top: 1em; } .ac-content-section--lead h1, .ac-content-section--lead .ArtikkelKategoriOverskrift, .ac-content-section--lead h2, .ac-content-section--lead h3, .ac-content-section--lead h4, .ac-content-section--lead h5, .ac-content-section--lead h6, .ac-content-section--lead p, .ac-content-section--lead ol, .ac-content-section--lead ul, .bc-content-section > div h1, .bc-content-section > div .ArtikkelKategoriOverskrift, .bc-content-section > div h2, .bc-content-section > div h3, .bc-content-section > div h4, .bc-content-section > div h5, .bc-content-section > div h6, .bc-content-section > div p, .bc-content-section > div ol, .bc-content-section > div ul { margin-top: 1em; } .ac-content-section--lead h1, .ac-content-section--lead .ArtikkelKategoriOverskrift, .bc-content-section > div h1, .bc-content-section > div .ArtikkelKategoriOverskrift { font-size: 2.25rem; font-weight: bold; line-height: 1.125; } .ac-content-section--lead h1 + p, .ac-content-section--lead .ArtikkelKategoriOverskrift + p, .bc-content-section > div h1 + p, .bc-content-section > div .ArtikkelKategoriOverskrift + p { margin-top: 0 !important; } @media only screen and (min-width: 900px) { .ac-content-section--lead h1, .ac-content-section--lead .ArtikkelKategoriOverskrift, .bc-content-section > div h1, .bc-content-section > div .ArtikkelKategoriOverskrift { font-size: 2.5rem; } } @media only screen and (min-width: 1281px) { .ac-content-section--lead h1, .ac-content-section--lead .ArtikkelKategoriOverskrift, .bc-content-section > div h1, .bc-content-section > div .ArtikkelKategoriOverskrift { font-size: 2.6875rem; } } .ac-content-section--lead h2, .bc-content-section > div h2 { margin: 1em 0 1rem 0; font-size: 1.5rem; font-weight: bold; line-height: 1.25; } .ac-content-section--lead h2 + p, .bc-content-section > div h2 + p { margin-top: 0 !important; } @media only screen and (min-width: 900px) { .ac-content-section--lead h2, .bc-content-section > div h2 { font-size: 1.75rem; } } @media only screen and (min-width: 1281px) { .ac-content-section--lead h2, .bc-content-section > div h2 { font-size: 2rem; } } .ac-content-section--lead .il-table__heading, .bc-content-section > div .il-table__heading { margin: 1em 0 1rem 0; font-size: 1.5rem; font-weight: bold; line-height: 1.25; padding: 0; } .ac-content-section--lead .il-table__heading + p, .bc-content-section > div .il-table__heading + p { margin-top: 0 !important; } @media only screen and (min-width: 900px) { .ac-content-section--lead .il-table__heading, .bc-content-section > div .il-table__heading { font-size: 1.75rem; } } @media only screen and (min-width: 1281px) { .ac-content-section--lead .il-table__heading, .bc-content-section > div .il-table__heading { font-size: 2rem; } } .ac-content-section--lead h3, .bc-content-section > div h3 { margin: 1em 0 1rem 0; font-size: 1.25rem; font-weight: bold; line-height: 1.5; padding: 0; } .ac-content-section--lead h3 + p, .bc-content-section > div h3 + p { margin-top: 0 !important; } @media only screen and (min-width: 900px) { .ac-content-section--lead h3, .bc-content-section > div h3 { font-size: 1.375rem; } } @media only screen and (min-width: 1281px) { .ac-content-section--lead h3, .bc-content-section > div h3 { font-size: 1.625rem; } } .ac-content-section--lead h4, .bc-content-section > div h4 { margin: 1em 0 1rem 0; font-weight: bold; } .ac-content-section--lead h4 + p, .bc-content-section > div h4 + p { margin-top: 0 !important; } @media only screen and (min-width: 900px) { .ac-content-section--lead h4, .bc-content-section > div h4 { font-size: 1.125rem; } } @media only screen and (min-width: 1281px) { .ac-content-section--lead h4, .bc-content-section > div h4 { font-size: 1.25rem; } } .ac-content-section--lead p, .bc-content-section > div p { margin-bottom: 0 !important; } .ac-content-section--lead .il-ol > .il-li, .bc-content-section > div .il-ol > .il-li { margin-bottom: 0.5em; } .ac-content-section--lead .il-ul > .il-li, .bc-content-section > div .il-ul > .il-li { margin-bottom: 0; margin-bottom: 0.5em; } .ac-content-section--lead .il-ul > .il-li::marker, .bc-content-section > div .il-ul > .il-li::marker { font-size: 1.2em; font-weight: bold; } .ac-content-section--lead blockquote, .bc-content-section > div blockquote { margin: 0; padding: 2.5rem 3rem 2.5rem 6rem; border-radius: 10px; position: relative; font-size: 1.2em; background-color: #96CBC7; } .ac-content-section--lead blockquote::before, .bc-content-section > div blockquote::before { position: absolute; left: 2rem; top: 1rem; top: 3rem; } .ac-content-section--lead blockquote p:first-child, .bc-content-section > div blockquote p:first-child { margin-top: 0; } .ac-content-section--lead blockquote::before, .bc-content-section > div blockquote::before { font-size: 2rem; } .ac-content-section--lead blockquote::before, .bc-content-section > div blockquote::before { color: #000; } .ac-content-section--body { margin: 1em 0 0 0; font-size: 1.125em; line-height: 1.5; } @media only screen and (min-width: 900px) { .ac-content-section--body { font-size: 1.2em; } } @media only screen and (min-width: 1281px) { .ac-content-section--body { font-size: 1.25em; } } .ac-content-section--body > * + * { margin-top: 1em; } .ac-content-section--body h1, .ac-content-section--body .ArtikkelKategoriOverskrift, .ac-content-section--body h2, .ac-content-section--body h3, .ac-content-section--body h4, .ac-content-section--body h5, .ac-content-section--body h6, .ac-content-section--body p, .ac-content-section--body ol, .ac-content-section--body ul { margin-top: 1em; } .ac-content-section--body h1, .ac-content-section--body .ArtikkelKategoriOverskrift { font-size: 2.25rem; font-weight: bold; line-height: 1.125; } .ac-content-section--body h1 + p, .ac-content-section--body .ArtikkelKategoriOverskrift + p { margin-top: 0 !important; } @media only screen and (min-width: 900px) { .ac-content-section--body h1, .ac-content-section--body .ArtikkelKategoriOverskrift { font-size: 2.5rem; } } @media only screen and (min-width: 1281px) { .ac-content-section--body h1, .ac-content-section--body .ArtikkelKategoriOverskrift { font-size: 2.6875rem; } } .ac-content-section--body h2 { margin: 1em 0 1rem 0; font-size: 1.5rem; font-weight: bold; line-height: 1.25; } .ac-content-section--body h2 + p { margin-top: 0 !important; } @media only screen and (min-width: 900px) { .ac-content-section--body h2 { font-size: 1.75rem; } } @media only screen and (min-width: 1281px) { .ac-content-section--body h2 { font-size: 2rem; } } .ac-content-section--body .il-table__heading { margin: 1em 0 1rem 0; font-size: 1.5rem; font-weight: bold; line-height: 1.25; padding: 0; } .ac-content-section--body .il-table__heading + p { margin-top: 0 !important; } @media only screen and (min-width: 900px) { .ac-content-section--body .il-table__heading { font-size: 1.75rem; } } @media only screen and (min-width: 1281px) { .ac-content-section--body .il-table__heading { font-size: 2rem; } } .ac-content-section--body h3 { margin: 1em 0 1rem 0; font-size: 1.25rem; font-weight: bold; line-height: 1.5; padding: 0; } .ac-content-section--body h3 + p { margin-top: 0 !important; } @media only screen and (min-width: 900px) { .ac-content-section--body h3 { font-size: 1.375rem; } } @media only screen and (min-width: 1281px) { .ac-content-section--body h3 { font-size: 1.625rem; } } .ac-content-section--body h4 { margin: 1em 0 1rem 0; font-weight: bold; } .ac-content-section--body h4 + p { margin-top: 0 !important; } @media only screen and (min-width: 900px) { .ac-content-section--body h4 { font-size: 1.125rem; } } @media only screen and (min-width: 1281px) { .ac-content-section--body h4 { font-size: 1.25rem; } } .ac-content-section--body p { margin-bottom: 0 !important; } .ac-content-section--body .il-ol > .il-li { margin-bottom: 0.5em; } .ac-content-section--body .il-ul > .il-li { margin-bottom: 0; margin-bottom: 0.5em; } .ac-content-section--body .il-ul > .il-li::marker { font-size: 1.2em; font-weight: bold; } .ac-content-section--body blockquote { margin: 0; padding: 2.5rem 3rem 2.5rem 6rem; border-radius: 10px; position: relative; font-size: 1.2em; background-color: #96CBC7; } .ac-content-section--body blockquote::before { position: absolute; left: 2rem; top: 1rem; top: 3rem; } .ac-content-section--body blockquote p:first-child { margin-top: 0; } .ac-content-section--body blockquote::before { font-size: 2rem; } .ac-content-section--body blockquote::before { color: #000; } .ac-content-form-control--searchbox { position: relative; } .ac-content-form-control--searchbox .ac-content-form-label { border: 0; clip: rect(0 0 0 0); height: 0.0625rem; margin: -0.0625rem; overflow: hidden; padding: 0; position: absolute; width: 0.0625rem; } .ac-content-form-control--searchbox .ac-content-form-textbox { height: 3.75rem; border-width: 0.125rem; border-style: solid; border-color: transparent; border-radius: 0 10px 10px 0; color: #000; } .ac-content-form-control--searchbox .ac-content-form-control--select { margin-right: 4.5rem; height: 3.75rem; border-width: 0.125rem; border-style: solid; border-color: transparent; border-radius: 0 10px 10px 0; color: #000; } .ac-content-form-control--searchbox .ac-content-form-control-container--submit { position: absolute; bottom: 0.5rem; right: 1.25rem; } .ac-content-form-control--searchbox .ac-content-button { height: 2.75rem; border-width: 0; border-radius: 0 10px 10px 0; color: #FFFFFF; color: #006876; background-image: url("../../../../images/troms/search-icon--white.svg"); background-color: #006876; background-position: center center; background-repeat: no-repeat; background-size: 50%; } .ac-content-form-control--searchbox .ac-content-button:hover, .ac-content-form-control--searchbox .ac-content-button:focus { background-color: #191C1C; background-image: url("../../../../images/troms/search-icon--green.svg"); } .ac-content-form-control--searchbox .ac-content-button-text { border: 0; clip: rect(0 0 0 0); height: 0.0625rem; margin: -0.0625rem; overflow: hidden; padding: 0; position: absolute; width: 0.0625rem; } .ac-content-link--button { padding: 0 !important; padding: 6px 24px !important; border-width: 2px !important; border-style: solid !important; border-radius: 0; border-radius: 10px !important; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-decoration: none; -webkit-transition: border-color 0.1s ease-in-out, color 0.1s ease-in-out, background-color 0.1s ease-in-out, -webkit-box-shadow 0.1s ease-in-out; transition: border-color 0.1s ease-in-out, color 0.1s ease-in-out, background-color 0.1s ease-in-out, -webkit-box-shadow 0.1s ease-in-out; transition: border-color 0.1s ease-in-out, box-shadow 0.1s ease-in-out, color 0.1s ease-in-out, background-color 0.1s ease-in-out; transition: border-color 0.1s ease-in-out, box-shadow 0.1s ease-in-out, color 0.1s ease-in-out, background-color 0.1s ease-in-out, -webkit-box-shadow 0.1s ease-in-out; font-size: 1em; font-weight: normal !important; text-transform: none !important; font-weight: bold !important; border-color: #191C1C; color: #191C1C !important; background-color: #96CBC7; } .ac-content-link--button:hover, .ac-content-link--button:focus { border-color: #191C1C; color: #191C1C !important; background-color: #B9E8E5; } html.tabbing .ac-content-link--button:focus { border-color: #000; color: #000; background-color: #ffbf47; } html.tabbing .ac-content-link--button:focus::after { color: #000 !important; } .ac-content-toc { margin: 2rem 0; border: none; position: relative; } .ac-content-page :focus { outline: orange; outline-width: 0.125rem; outline-style: solid; } .ac-content-filter .ac-collapsible-panel-toggle { padding: 0 !important; padding: 6px 24px !important; border-width: 2px !important; border-style: solid !important; border-radius: 0; border-radius: 10px !important; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-decoration: none; -webkit-transition: border-color 0.1s ease-in-out, color 0.1s ease-in-out, background-color 0.1s ease-in-out, -webkit-box-shadow 0.1s ease-in-out; transition: border-color 0.1s ease-in-out, color 0.1s ease-in-out, background-color 0.1s ease-in-out, -webkit-box-shadow 0.1s ease-in-out; transition: border-color 0.1s ease-in-out, box-shadow 0.1s ease-in-out, color 0.1s ease-in-out, background-color 0.1s ease-in-out; transition: border-color 0.1s ease-in-out, box-shadow 0.1s ease-in-out, color 0.1s ease-in-out, background-color 0.1s ease-in-out, -webkit-box-shadow 0.1s ease-in-out; font-size: 1em; font-weight: normal !important; text-transform: none !important; font-weight: bold !important; border-color: #191C1C; color: #191C1C !important; background-color: #96CBC7; } .ac-content-filter .ac-collapsible-panel-toggle:hover, .ac-content-filter .ac-collapsible-panel-toggle:focus { border-color: #191C1C; color: #191C1C !important; background-color: #B9E8E5; } html.tabbing .ac-content-filter .ac-collapsible-panel-toggle:focus { border-color: #000; color: #000; background-color: #ffbf47; } html.tabbing .ac-content-filter .ac-collapsible-panel-toggle:focus::after { color: #000 !important; } .ac-content-filter .ac-content-button--link { padding: 0 !important; padding: 6px 24px !important; border-width: 2px !important; border-style: solid !important; border-radius: 0; border-radius: 10px !important; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-decoration: none; -webkit-transition: border-color 0.1s ease-in-out, color 0.1s ease-in-out, background-color 0.1s ease-in-out, -webkit-box-shadow 0.1s ease-in-out; transition: border-color 0.1s ease-in-out, color 0.1s ease-in-out, background-color 0.1s ease-in-out, -webkit-box-shadow 0.1s ease-in-out; transition: border-color 0.1s ease-in-out, box-shadow 0.1s ease-in-out, color 0.1s ease-in-out, background-color 0.1s ease-in-out; transition: border-color 0.1s ease-in-out, box-shadow 0.1s ease-in-out, color 0.1s ease-in-out, background-color 0.1s ease-in-out, -webkit-box-shadow 0.1s ease-in-out; font-size: 1em; font-weight: normal !important; text-transform: none !important; font-weight: bold !important; border-color: #191C1C; color: #191C1C !important; background-color: #96CBC7; } .ac-content-filter .ac-content-button--link span { text-decoration: none; } .ac-content-filter .ac-content-button--link:hover, .ac-content-filter .ac-content-button--link:focus { border-color: #191C1C; color: #191C1C !important; background-color: #B9E8E5; } html.tabbing .ac-content-filter .ac-content-button--link:focus { border-color: #000; color: #000; background-color: #ffbf47; } html.tabbing .ac-content-filter .ac-content-button--link:focus::after { color: #000 !important; } .ac-content-filter .ac-content-link--link { margin-left: 1rem; display: inline; text-decoration: underline; -webkit-transition: border-color 0.1s ease-in-out, color 0.1s ease-in-out, background-color 0.1s ease-in-out, -webkit-box-shadow 0.1s ease-in-out; transition: border-color 0.1s ease-in-out, color 0.1s ease-in-out, background-color 0.1s ease-in-out, -webkit-box-shadow 0.1s ease-in-out; transition: border-color 0.1s ease-in-out, box-shadow 0.1s ease-in-out, color 0.1s ease-in-out, background-color 0.1s ease-in-out; transition: border-color 0.1s ease-in-out, box-shadow 0.1s ease-in-out, color 0.1s ease-in-out, background-color 0.1s ease-in-out, -webkit-box-shadow 0.1s ease-in-out; color: #006876; } .ac-content-filter .ac-content-link--link:hover, .ac-content-filter .ac-content-link--link:focus { color: #000; } .ac-document-search-stats .ac-content-link--link { display: inline; text-decoration: underline; -webkit-transition: border-color 0.1s ease-in-out, color 0.1s ease-in-out, background-color 0.1s ease-in-out, -webkit-box-shadow 0.1s ease-in-out; transition: border-color 0.1s ease-in-out, color 0.1s ease-in-out, background-color 0.1s ease-in-out, -webkit-box-shadow 0.1s ease-in-out; transition: border-color 0.1s ease-in-out, box-shadow 0.1s ease-in-out, color 0.1s ease-in-out, background-color 0.1s ease-in-out; transition: border-color 0.1s ease-in-out, box-shadow 0.1s ease-in-out, color 0.1s ease-in-out, background-color 0.1s ease-in-out, -webkit-box-shadow 0.1s ease-in-out; color: #006876; } .ac-document-search-stats .ac-content-link--link:hover, .ac-document-search-stats .ac-content-link--link:focus { color: #000; } .ac-content-page--skjema-list .ac-content-list .ac-content-list-item .ac-content-teaser--skjemakategori .ac-content-teaser-title, .ac-content-page--skjema-list .ac-content-list .ac-content-list-item .ac-content-teaser--skjemakategori .ac-content-teaser-title-text { margin: 1em 0 1rem 0; font-size: 1.5rem; font-weight: bold; line-height: 1.25; color: #000; } .ac-content-page--skjema-list .ac-content-list .ac-content-list-item .ac-content-teaser--skjemakategori .ac-content-teaser-title + p, .ac-content-page--skjema-list .ac-content-list .ac-content-list-item .ac-content-teaser--skjemakategori .ac-content-teaser-title-text + p { margin-top: 0 !important; } @media only screen and (min-width: 900px) { .ac-content-page--skjema-list .ac-content-list .ac-content-list-item .ac-content-teaser--skjemakategori .ac-content-teaser-title, .ac-content-page--skjema-list .ac-content-list .ac-content-list-item .ac-content-teaser--skjemakategori .ac-content-teaser-title-text { font-size: 1.75rem; } } @media only screen and (min-width: 1281px) { .ac-content-page--skjema-list .ac-content-list .ac-content-list-item .ac-content-teaser--skjemakategori .ac-content-teaser-title, .ac-content-page--skjema-list .ac-content-list .ac-content-list-item .ac-content-teaser--skjemakategori .ac-content-teaser-title-text { font-size: 2rem; } } .ac-content-page--skjema-list .ac-content-list .ac-content-list-item .ac-content-teaser--skjema .ac-content-teaser-title, .ac-content-page--skjema-list .ac-content-list .ac-content-list-item .ac-content-teaser--skjema .ac-content-teaser-title-text { margin: 1em 0 0 0; font-size: 1.125em; line-height: 1.5; } @media only screen and (min-width: 900px) { .ac-content-page--skjema-list .ac-content-list .ac-content-list-item .ac-content-teaser--skjema .ac-content-teaser-title, .ac-content-page--skjema-list .ac-content-list .ac-content-list-item .ac-content-teaser--skjema .ac-content-teaser-title-text { font-size: 1.2em; } } @media only screen and (min-width: 1281px) { .ac-content-page--skjema-list .ac-content-list .ac-content-list-item .ac-content-teaser--skjema .ac-content-teaser-title, .ac-content-page--skjema-list .ac-content-list .ac-content-list-item .ac-content-teaser--skjema .ac-content-teaser-title-text { font-size: 1.25em; } } .ac-content-page--skjema-list .ac-content-list .ac-content-list-item .ac-content-teaser--skjema .ac-content-teaser-title > * + *, .ac-content-page--skjema-list .ac-content-list .ac-content-list-item .ac-content-teaser--skjema .ac-content-teaser-title-text > * + * { margin-top: 1em; } .ac-content-page--skjema-list .ac-content-list .ac-content-list-item .ac-content-teaser--skjema .ac-content-teaser-title h1, .ac-content-page--skjema-list .ac-content-list .ac-content-list-item .ac-content-teaser--skjema .ac-content-teaser-title .ArtikkelKategoriOverskrift, .ac-content-page--skjema-list .ac-content-list .ac-content-list-item .ac-content-teaser--skjema .ac-content-teaser-title h2, .ac-content-page--skjema-list .ac-content-list .ac-content-list-item .ac-content-teaser--skjema .ac-content-teaser-title h3, .ac-content-page--skjema-list .ac-content-list .ac-content-list-item .ac-content-teaser--skjema .ac-content-teaser-title h4, .ac-content-page--skjema-list .ac-content-list .ac-content-list-item .ac-content-teaser--skjema .ac-content-teaser-title h5, .ac-content-page--skjema-list .ac-content-list .ac-content-list-item .ac-content-teaser--skjema .ac-content-teaser-title h6, .ac-content-page--skjema-list .ac-content-list .ac-content-list-item .ac-content-teaser--skjema .ac-content-teaser-title p, .ac-content-page--skjema-list .ac-content-list .ac-content-list-item .ac-content-teaser--skjema .ac-content-teaser-title ol, .ac-content-page--skjema-list .ac-content-list .ac-content-list-item .ac-content-teaser--skjema .ac-content-teaser-title ul, .ac-content-page--skjema-list .ac-content-list .ac-content-list-item .ac-content-teaser--skjema .ac-content-teaser-title-text h1, .ac-content-page--skjema-list .ac-content-list .ac-content-list-item .ac-content-teaser--skjema .ac-content-teaser-title-text .ArtikkelKategoriOverskrift, .ac-content-page--skjema-list .ac-content-list .ac-content-list-item .ac-content-teaser--skjema .ac-content-teaser-title-text h2, .ac-content-page--skjema-list .ac-content-list .ac-content-list-item .ac-content-teaser--skjema .ac-content-teaser-title-text h3, .ac-content-page--skjema-list .ac-content-list .ac-content-list-item .ac-content-teaser--skjema .ac-content-teaser-title-text h4, .ac-content-page--skjema-list .ac-content-list .ac-content-list-item .ac-content-teaser--skjema .ac-content-teaser-title-text h5, .ac-content-page--skjema-list .ac-content-list .ac-content-list-item .ac-content-teaser--skjema .ac-content-teaser-title-text h6, .ac-content-page--skjema-list .ac-content-list .ac-content-list-item .ac-content-teaser--skjema .ac-content-teaser-title-text p, .ac-content-page--skjema-list .ac-content-list .ac-content-list-item .ac-content-teaser--skjema .ac-content-teaser-title-text ol, .ac-content-page--skjema-list .ac-content-list .ac-content-list-item .ac-content-teaser--skjema .ac-content-teaser-title-text ul { margin-top: 1em; } .frontpage__service-menu ul, form:not(.sustainability-page) .sub-navigation ul { margin: 0; padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; line-height: 1.6; } .frontpage__service-menu ul li, form:not(.sustainability-page) .sub-navigation ul li { display: -webkit-box; display: -ms-flexbox; display: flex; } .frontpage__service-menu ul li a, form:not(.sustainability-page) .sub-navigation ul li a { margin-top: auto; padding: 1rem 0 0; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; text-decoration: none; -webkit-transition: border-color 0.1s ease-in-out, color 0.1s ease-in-out, background-color 0.1s ease-in-out; transition: border-color 0.1s ease-in-out, color 0.1s ease-in-out, background-color 0.1s ease-in-out; } @media only screen and (min-width: 1281px) { .frontpage__service-menu ul li a, form:not(.sustainability-page) .sub-navigation ul li a { padding: 1rem 0 0 0; } } .frontpage__service-menu ul li a .text, form:not(.sustainability-page) .sub-navigation ul li a .text { -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-bottom: 0.0625rem solid #2C2A29; display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; font-size: 1.5rem; padding-bottom: 1rem; word-wrap: break-word; word-break: break-word; -webkit-transition: border-color 0.1s ease-in-out, color 0.1s ease-in-out, background-color 0.1s ease-in-out; transition: border-color 0.1s ease-in-out, color 0.1s ease-in-out, background-color 0.1s ease-in-out; } .frontpage__service-menu ul li a .text::before, form:not(.sustainability-page) .sub-navigation ul li a .text::before { margin-right: 1rem; } .frontpage__service-menu ul li a .description, form:not(.sustainability-page) .sub-navigation ul li a .description { padding-top: 1rem; font-size: 1.025rem; -webkit-transition: border-color 0.1s ease-in-out, color 0.1s ease-in-out, background-color 0.1s ease-in-out; transition: border-color 0.1s ease-in-out, color 0.1s ease-in-out, background-color 0.1s ease-in-out; } @media only screen and (min-width: 1281px) { .frontpage__service-menu ul li a .description, form:not(.sustainability-page) .sub-navigation ul li a .description { padding-bottom: 1rem; } } .frontpage__service-menu ul li a:hover, .frontpage__service-menu ul li a:focus, form:not(.sustainability-page) .sub-navigation ul li a:hover, form:not(.sustainability-page) .sub-navigation ul li a:focus { background-color: #B9E8E5; } .frontpage__service-menu ul li a:hover .text, .frontpage__service-menu ul li a:focus .text, form:not(.sustainability-page) .sub-navigation ul li a:hover .text, form:not(.sustainability-page) .sub-navigation ul li a:focus .text { color: currentColor; } .frontpage__service-menu ul li a:hover .text::before, .frontpage__service-menu ul li a:focus .text::before, form:not(.sustainability-page) .sub-navigation ul li a:hover .text::before, form:not(.sustainability-page) .sub-navigation ul li a:focus .text::before { -webkit-animation: arrow-bob 0.7s ease-in-out forwards; animation: arrow-bob 0.7s ease-in-out forwards; } .frontpage__service-menu ul li a.external-link .text::after, form:not(.sustainability-page) .sub-navigation ul li a.external-link .text::after { margin-left: 0.5rem; } .frontpage__service-menu li, form:not(.sustainability-page) .sub-navigation li { width: 100%; } @media only screen and (min-width: 900px) { .frontpage__service-menu, form:not(.sustainability-page) .sub-navigation { margin-left: -4rem; margin-top: 0; } .frontpage__service-menu li, form:not(.sustainability-page) .sub-navigation li { margin-left: 4rem; margin-top: 0; width: calc(50% - 4rem); } } @media only screen and (min-width: 1281px) { .frontpage__service-menu, form:not(.sustainability-page) .sub-navigation { margin-left: -6rem; margin-top: 0; } .frontpage__service-menu li, form:not(.sustainability-page) .sub-navigation li { margin-left: 6rem; margin-top: 0; width: calc(50% - 6rem); } } .frontpage__service-menu.one-column, form:not(.sustainability-page) .sub-navigation.one-column { margin-left: 0; margin-top: 0; } .frontpage__service-menu.one-column li, form:not(.sustainability-page) .sub-navigation.one-column li { margin-left: 0; margin-top: 0; width: calc(100% - 0); } @media only screen and (min-width: 900px) { .frontpage__service-menu.two-column, form:not(.sustainability-page) .sub-navigation.two-column { margin-left: -4rem; margin-top: 0; } .frontpage__service-menu.two-column li, form:not(.sustainability-page) .sub-navigation.two-column li { margin-left: 4rem; margin-top: 0; width: calc(50% - 4rem); } } @media only screen and (min-width: 1281px) { .frontpage__service-menu.two-column, form:not(.sustainability-page) .sub-navigation.two-column { margin-left: -6rem; margin-top: 0; } .frontpage__service-menu.two-column li, form:not(.sustainability-page) .sub-navigation.two-column li { margin-left: 6rem; margin-top: 0; width: calc(50% - 6rem); } } @media only screen and (min-width: 900px) { .frontpage__service-menu.three-column, form:not(.sustainability-page) .sub-navigation.three-column { margin-left: -2rem; margin-top: 0; } .frontpage__service-menu.three-column li, form:not(.sustainability-page) .sub-navigation.three-column li { margin-left: 2rem; margin-top: 0; width: calc(50% - 2rem); } } @media only screen and (min-width: 1281px) { .frontpage__service-menu.three-column, form:not(.sustainability-page) .sub-navigation.three-column { margin-left: -3rem; margin-top: 0; } .frontpage__service-menu.three-column li, form:not(.sustainability-page) .sub-navigation.three-column li { margin-left: 3rem; margin-top: 0; width: calc(33.3333333333% - 3rem); } } .legacy-content-page--article-list.legacy-content-page--article-list .ArtikkelKategoriOverskrift { font-size: 2.25rem; font-weight: bold; line-height: 1.125; } .legacy-content-page--article-list.legacy-content-page--article-list .ArtikkelKategoriOverskrift + p { margin-top: 0 !important; } @media only screen and (min-width: 900px) { .legacy-content-page--article-list.legacy-content-page--article-list .ArtikkelKategoriOverskrift { font-size: 2.5rem; } } @media only screen and (min-width: 1281px) { .legacy-content-page--article-list.legacy-content-page--article-list .ArtikkelKategoriOverskrift { font-size: 2.6875rem; } } .legacy-content-page--article-list.legacy-content-page--article-list .artikkeloversiktrad { padding: 2rem 0; float: none; position: relative; border-width: 0 0 0.0625rem 0; border-style: solid; border-color: #000; } .legacy-content-page--article-list.legacy-content-page--article-list .artikkeloversiktrad .tittel a { font-size: 1.5rem; font-weight: bold; line-height: 1.8125; } .legacy-content-page--article-list.legacy-content-page--article-list .artikkeloversiktrad .tittel a:after { bottom: 0; content: ""; left: 0; position: absolute; right: 0; top: 0; } .legacy-content-page--article-list.legacy-content-page--article-list .artikkeloversiktrad .ingress { font-size: 1.25rem; line-height: 1.6; } .legacy-content-page--article-list.legacy-content-page--article-list .artikkeloversiktrad .ingress p { margin: 0; } .legacy-content-page--article-list.legacy-content-page--article-list .artikkeloversiktrad .ingress p ~ p { margin-top: 1rem; } .legacy-content-page--article-list.legacy-content-page--article-list .artikkeloversiktseparator { display: none !important; } .legacy-content-page--article-list.legacy-content-page--article-list .artikkelNavigasjon { padding-top: 2rem; } .legacy-content-page--article-list.legacy-content-page--article-list .artikkelNavigasjon > div { text-align: left !important; } .legacy-content-page--article-list.legacy-content-page--article-list .bilde_venstre, .legacy-content-page--article-list.legacy-content-page--article-list .bilde_hoyre { max-width: 200px; height: 100px; overflow: hidden; position: relative; top: 0; } .legacy-content-page--article-list.legacy-content-page--article-list .bilde_venstre img, .legacy-content-page--article-list.legacy-content-page--article-list .bilde_hoyre img { max-width: 100%; } .article-list-page-bottom-links { padding-top: 2rem; font-size: 1.25rem; } .article-list-page-bottom-links ul { margin: 0; padding: 0; list-style: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .article-list-page-bottom-links li { margin: 0.5rem 0; margin-right: 0.5rem; padding: 0; } .article-list-page-bottom-links a { padding: 0 !important; padding: 6px 24px !important; border-width: 2px !important; border-style: solid !important; border-radius: 0; border-radius: 10px !important; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-decoration: none; -webkit-transition: border-color 0.1s ease-in-out, color 0.1s ease-in-out, background-color 0.1s ease-in-out, -webkit-box-shadow 0.1s ease-in-out; transition: border-color 0.1s ease-in-out, color 0.1s ease-in-out, background-color 0.1s ease-in-out, -webkit-box-shadow 0.1s ease-in-out; transition: border-color 0.1s ease-in-out, box-shadow 0.1s ease-in-out, color 0.1s ease-in-out, background-color 0.1s ease-in-out; transition: border-color 0.1s ease-in-out, box-shadow 0.1s ease-in-out, color 0.1s ease-in-out, background-color 0.1s ease-in-out, -webkit-box-shadow 0.1s ease-in-out; font-size: 1em; font-weight: normal !important; text-transform: none !important; font-weight: bold !important; border-color: #191C1C; color: #191C1C !important; background-color: #96CBC7; } .article-list-page-bottom-links a:hover, .article-list-page-bottom-links a:focus { border-color: #191C1C; color: #191C1C !important; background-color: #B9E8E5; } html.tabbing .article-list-page-bottom-links a:focus { border-color: #000; color: #000; background-color: #ffbf47; } html.tabbing .article-list-page-bottom-links a:focus::after { color: #000 !important; } .legacy-content-page.legacy-content-page--article .ingress, .legacy-content-page.legacy-content-page--article-list .ingress { margin: 1em 0 0 0; font-size: 1.375em; line-height: 1.5; } @media only screen and (min-width: 900px) { .legacy-content-page.legacy-content-page--article .ingress, .legacy-content-page.legacy-content-page--article-list .ingress { font-size: 1.375em; } } @media only screen and (min-width: 1281px) { .legacy-content-page.legacy-content-page--article .ingress, .legacy-content-page.legacy-content-page--article-list .ingress { font-size: 1.5em; } } .legacy-content-page.legacy-content-page--article .ingress > * + *, .legacy-content-page.legacy-content-page--article-list .ingress > * + * { margin-top: 1em; } .legacy-content-page.legacy-content-page--article .ingress h1, .legacy-content-page.legacy-content-page--article .ingress .ArtikkelKategoriOverskrift, .legacy-content-page.legacy-content-page--article .ingress h2, .legacy-content-page.legacy-content-page--article .ingress h3, .legacy-content-page.legacy-content-page--article .ingress h4, .legacy-content-page.legacy-content-page--article .ingress h5, .legacy-content-page.legacy-content-page--article .ingress h6, .legacy-content-page.legacy-content-page--article .ingress p, .legacy-content-page.legacy-content-page--article .ingress ol, .legacy-content-page.legacy-content-page--article .ingress ul, .legacy-content-page.legacy-content-page--article-list .ingress h1, .legacy-content-page.legacy-content-page--article-list .ingress .ArtikkelKategoriOverskrift, .legacy-content-page.legacy-content-page--article-list .ingress h2, .legacy-content-page.legacy-content-page--article-list .ingress h3, .legacy-content-page.legacy-content-page--article-list .ingress h4, .legacy-content-page.legacy-content-page--article-list .ingress h5, .legacy-content-page.legacy-content-page--article-list .ingress h6, .legacy-content-page.legacy-content-page--article-list .ingress p, .legacy-content-page.legacy-content-page--article-list .ingress ol, .legacy-content-page.legacy-content-page--article-list .ingress ul { margin-top: 1em; } .legacy-content-page.legacy-content-page--article .tekst, .legacy-content-page.legacy-content-page--article-list .tekst { margin: 1em 0 0 0; font-size: 1.125em; line-height: 1.5; } @media only screen and (min-width: 900px) { .legacy-content-page.legacy-content-page--article .tekst, .legacy-content-page.legacy-content-page--article-list .tekst { font-size: 1.2em; } } @media only screen and (min-width: 1281px) { .legacy-content-page.legacy-content-page--article .tekst, .legacy-content-page.legacy-content-page--article-list .tekst { font-size: 1.25em; } } .legacy-content-page.legacy-content-page--article .tekst > * + *, .legacy-content-page.legacy-content-page--article-list .tekst > * + * { margin-top: 1em; } .legacy-content-page.legacy-content-page--article .tekst h1, .legacy-content-page.legacy-content-page--article .tekst .ArtikkelKategoriOverskrift, .legacy-content-page.legacy-content-page--article .tekst h2, .legacy-content-page.legacy-content-page--article .tekst h3, .legacy-content-page.legacy-content-page--article .tekst h4, .legacy-content-page.legacy-content-page--article .tekst h5, .legacy-content-page.legacy-content-page--article .tekst h6, .legacy-content-page.legacy-content-page--article .tekst p, .legacy-content-page.legacy-content-page--article .tekst ol, .legacy-content-page.legacy-content-page--article .tekst ul, .legacy-content-page.legacy-content-page--article-list .tekst h1, .legacy-content-page.legacy-content-page--article-list .tekst .ArtikkelKategoriOverskrift, .legacy-content-page.legacy-content-page--article-list .tekst h2, .legacy-content-page.legacy-content-page--article-list .tekst h3, .legacy-content-page.legacy-content-page--article-list .tekst h4, .legacy-content-page.legacy-content-page--article-list .tekst h5, .legacy-content-page.legacy-content-page--article-list .tekst h6, .legacy-content-page.legacy-content-page--article-list .tekst p, .legacy-content-page.legacy-content-page--article-list .tekst ol, .legacy-content-page.legacy-content-page--article-list .tekst ul { margin-top: 1em; } .legacy-content-page.legacy-content-page--article h1, .legacy-content-page.legacy-content-page--article .ArtikkelKategoriOverskrift, .legacy-content-page.legacy-content-page--article-list h1, .legacy-content-page.legacy-content-page--article-list .ArtikkelKategoriOverskrift { font-size: 2.25rem; font-weight: bold; line-height: 1.125; } .legacy-content-page.legacy-content-page--article h1 + p, .legacy-content-page.legacy-content-page--article .ArtikkelKategoriOverskrift + p, .legacy-content-page.legacy-content-page--article-list h1 + p, .legacy-content-page.legacy-content-page--article-list .ArtikkelKategoriOverskrift + p { margin-top: 0 !important; } @media only screen and (min-width: 900px) { .legacy-content-page.legacy-content-page--article h1, .legacy-content-page.legacy-content-page--article .ArtikkelKategoriOverskrift, .legacy-content-page.legacy-content-page--article-list h1, .legacy-content-page.legacy-content-page--article-list .ArtikkelKategoriOverskrift { font-size: 2.5rem; } } @media only screen and (min-width: 1281px) { .legacy-content-page.legacy-content-page--article h1, .legacy-content-page.legacy-content-page--article .ArtikkelKategoriOverskrift, .legacy-content-page.legacy-content-page--article-list h1, .legacy-content-page.legacy-content-page--article-list .ArtikkelKategoriOverskrift { font-size: 2.6875rem; } } .legacy-content-page.legacy-content-page--article h2, .legacy-content-page.legacy-content-page--article-list h2 { margin: 1em 0 1rem 0; font-size: 1.5rem; font-weight: bold; line-height: 1.25; } .legacy-content-page.legacy-content-page--article h2 + p, .legacy-content-page.legacy-content-page--article-list h2 + p { margin-top: 0 !important; } @media only screen and (min-width: 900px) { .legacy-content-page.legacy-content-page--article h2, .legacy-content-page.legacy-content-page--article-list h2 { font-size: 1.75rem; } } @media only screen and (min-width: 1281px) { .legacy-content-page.legacy-content-page--article h2, .legacy-content-page.legacy-content-page--article-list h2 { font-size: 2rem; } } .legacy-content-page.legacy-content-page--article .il-table__heading, .legacy-content-page.legacy-content-page--article-list .il-table__heading { margin: 1em 0 1rem 0; font-size: 1.5rem; font-weight: bold; line-height: 1.25; padding: 0; } .legacy-content-page.legacy-content-page--article .il-table__heading + p, .legacy-content-page.legacy-content-page--article-list .il-table__heading + p { margin-top: 0 !important; } @media only screen and (min-width: 900px) { .legacy-content-page.legacy-content-page--article .il-table__heading, .legacy-content-page.legacy-content-page--article-list .il-table__heading { font-size: 1.75rem; } } @media only screen and (min-width: 1281px) { .legacy-content-page.legacy-content-page--article .il-table__heading, .legacy-content-page.legacy-content-page--article-list .il-table__heading { font-size: 2rem; } } .legacy-content-page.legacy-content-page--article h3, .legacy-content-page.legacy-content-page--article-list h3 { margin: 1em 0 1rem 0; font-size: 1.25rem; font-weight: bold; line-height: 1.5; padding: 0; } .legacy-content-page.legacy-content-page--article h3 + p, .legacy-content-page.legacy-content-page--article-list h3 + p { margin-top: 0 !important; } @media only screen and (min-width: 900px) { .legacy-content-page.legacy-content-page--article h3, .legacy-content-page.legacy-content-page--article-list h3 { font-size: 1.375rem; } } @media only screen and (min-width: 1281px) { .legacy-content-page.legacy-content-page--article h3, .legacy-content-page.legacy-content-page--article-list h3 { font-size: 1.625rem; } } .legacy-content-page.legacy-content-page--article h4, .legacy-content-page.legacy-content-page--article-list h4 { margin: 1em 0 1rem 0; font-weight: bold; } .legacy-content-page.legacy-content-page--article h4 + p, .legacy-content-page.legacy-content-page--article-list h4 + p { margin-top: 0 !important; } @media only screen and (min-width: 900px) { .legacy-content-page.legacy-content-page--article h4, .legacy-content-page.legacy-content-page--article-list h4 { font-size: 1.125rem; } } @media only screen and (min-width: 1281px) { .legacy-content-page.legacy-content-page--article h4, .legacy-content-page.legacy-content-page--article-list h4 { font-size: 1.25rem; } } .legacy-content-page.legacy-content-page--article p, .legacy-content-page.legacy-content-page--article-list p { margin-bottom: 0 !important; } .legacy-content-page.legacy-content-page--article .il-ol > .il-li, .legacy-content-page.legacy-content-page--article-list .il-ol > .il-li { margin-bottom: 0.5em; } .legacy-content-page.legacy-content-page--article .il-ul > .il-li, .legacy-content-page.legacy-content-page--article-list .il-ul > .il-li { margin-bottom: 0; margin-bottom: 0.5em; } .legacy-content-page.legacy-content-page--article .il-ul > .il-li::marker, .legacy-content-page.legacy-content-page--article-list .il-ul > .il-li::marker { font-size: 1.2em; font-weight: bold; } .legacy-content-page.legacy-content-page--article blockquote, .legacy-content-page.legacy-content-page--article-list blockquote { margin: 0; padding: 2.5rem 3rem 2.5rem 6rem; border-radius: 10px; position: relative; font-size: 1.2em; background-color: #96CBC7; } .legacy-content-page.legacy-content-page--article blockquote::before, .legacy-content-page.legacy-content-page--article-list blockquote::before { position: absolute; left: 2rem; top: 1rem; top: 3rem; } .legacy-content-page.legacy-content-page--article blockquote p:first-child, .legacy-content-page.legacy-content-page--article-list blockquote p:first-child { margin-top: 0; } .legacy-content-page.legacy-content-page--article blockquote::before, .legacy-content-page.legacy-content-page--article-list blockquote::before { font-size: 2rem; } .legacy-content-page.legacy-content-page--article blockquote::before, .legacy-content-page.legacy-content-page--article-list blockquote::before { color: #000; } .legacy-content-page.legacy-content-page--article .empty-span, .legacy-content-page.legacy-content-page--article-list .empty-span { display: none; } .artikkel-egendef .webPartInnhold { margin: 1em 0 0 0; font-size: 1.125em; line-height: 1.5; } @media only screen and (min-width: 900px) { .artikkel-egendef .webPartInnhold { font-size: 1.2em; } } @media only screen and (min-width: 1281px) { .artikkel-egendef .webPartInnhold { font-size: 1.25em; } } .artikkel-egendef .webPartInnhold > * + * { margin-top: 1em; } .artikkel-egendef .webPartInnhold h1, .artikkel-egendef .webPartInnhold .ArtikkelKategoriOverskrift, .artikkel-egendef .webPartInnhold h2, .artikkel-egendef .webPartInnhold h3, .artikkel-egendef .webPartInnhold h4, .artikkel-egendef .webPartInnhold h5, .artikkel-egendef .webPartInnhold h6, .artikkel-egendef .webPartInnhold p, .artikkel-egendef .webPartInnhold ol, .artikkel-egendef .webPartInnhold ul { margin-top: 1em; } .artikkel-egendef .webPartInnhold h1, .artikkel-egendef .webPartInnhold .ArtikkelKategoriOverskrift { font-size: 2.25rem; font-weight: bold; line-height: 1.125; } .artikkel-egendef .webPartInnhold h1 + p, .artikkel-egendef .webPartInnhold .ArtikkelKategoriOverskrift + p { margin-top: 0 !important; } @media only screen and (min-width: 900px) { .artikkel-egendef .webPartInnhold h1, .artikkel-egendef .webPartInnhold .ArtikkelKategoriOverskrift { font-size: 2.5rem; } } @media only screen and (min-width: 1281px) { .artikkel-egendef .webPartInnhold h1, .artikkel-egendef .webPartInnhold .ArtikkelKategoriOverskrift { font-size: 2.6875rem; } } .artikkel-egendef .webPartInnhold h2 { margin: 1em 0 1rem 0; font-size: 1.5rem; font-weight: bold; line-height: 1.25; } .artikkel-egendef .webPartInnhold h2 + p { margin-top: 0 !important; } @media only screen and (min-width: 900px) { .artikkel-egendef .webPartInnhold h2 { font-size: 1.75rem; } } @media only screen and (min-width: 1281px) { .artikkel-egendef .webPartInnhold h2 { font-size: 2rem; } } .artikkel-egendef .webPartInnhold .il-table__heading { margin: 1em 0 1rem 0; font-size: 1.5rem; font-weight: bold; line-height: 1.25; padding: 0; } .artikkel-egendef .webPartInnhold .il-table__heading + p { margin-top: 0 !important; } @media only screen and (min-width: 900px) { .artikkel-egendef .webPartInnhold .il-table__heading { font-size: 1.75rem; } } @media only screen and (min-width: 1281px) { .artikkel-egendef .webPartInnhold .il-table__heading { font-size: 2rem; } } .artikkel-egendef .webPartInnhold h3 { margin: 1em 0 1rem 0; font-size: 1.25rem; font-weight: bold; line-height: 1.5; padding: 0; } .artikkel-egendef .webPartInnhold h3 + p { margin-top: 0 !important; } @media only screen and (min-width: 900px) { .artikkel-egendef .webPartInnhold h3 { font-size: 1.375rem; } } @media only screen and (min-width: 1281px) { .artikkel-egendef .webPartInnhold h3 { font-size: 1.625rem; } } .artikkel-egendef .webPartInnhold h4 { margin: 1em 0 1rem 0; font-weight: bold; } .artikkel-egendef .webPartInnhold h4 + p { margin-top: 0 !important; } @media only screen and (min-width: 900px) { .artikkel-egendef .webPartInnhold h4 { font-size: 1.125rem; } } @media only screen and (min-width: 1281px) { .artikkel-egendef .webPartInnhold h4 { font-size: 1.25rem; } } .artikkel-egendef .webPartInnhold p { margin-bottom: 0 !important; } .artikkel-egendef .webPartInnhold .il-ol > .il-li { margin-bottom: 0.5em; } .artikkel-egendef .webPartInnhold .il-ul > .il-li { margin-bottom: 0; margin-bottom: 0.5em; } .artikkel-egendef .webPartInnhold .il-ul > .il-li::marker { font-size: 1.2em; font-weight: bold; } .artikkel-egendef .webPartInnhold blockquote { margin: 0; padding: 2.5rem 3rem 2.5rem 6rem; border-radius: 10px; position: relative; font-size: 1.2em; background-color: #96CBC7; } .artikkel-egendef .webPartInnhold blockquote::before { position: absolute; left: 2rem; top: 1rem; top: 3rem; } .artikkel-egendef .webPartInnhold blockquote p:first-child { margin-top: 0; } .artikkel-egendef .webPartInnhold blockquote::before { font-size: 2rem; } .artikkel-egendef .webPartInnhold blockquote::before { color: #000; } form.right-column:not(.fullwidth-article)::after { content: ""; display: table; clear: both; } form.right-column:not(.fullwidth-article) .middle-column { margin: 0 auto; max-width: 52.5rem; } @media only screen and (min-width: 1281px) { form.right-column:not(.fullwidth-article) .middle-column { width: 100%; margin-top: 2rem; max-width: 52.5rem; margin: 0 auto; } } @media only screen and (min-width: 1281px) { form.right-column:not(.fullwidth-article) div.right-column { float: right; margin-top: 2rem; width: 100%; } } .ac-content-page--person-list .ac-content-list-item { float: none; border-width: 0 0 0.0625rem 0; border-style: solid; -webkit-transition: border-color 0.15s ease-in-out; transition: border-color 0.15s ease-in-out; } .ac-content-page--person-list .ac-content-list-item .ac-content-teaser--person-section-header { margin: 0; padding: 0; padding-top: 2rem; padding-bottom: 0.5rem; border: none; } .ac-content-page--person-list .ac-content-list-item .ac-content-teaser--person { border: none; padding: 2rem 0; -webkit-transition: 0.15s ease-in-out; transition: 0.15s ease-in-out; } .ac-content-page--person-list .ac-content-list-item ~ .ac-content-list-item { border-top: 0 !important; } .ac-content-page--person-list .ac-content-list-item .ac-content-teaser-title-text { -webkit-transition: color 0.15s ease-in-out; transition: color 0.15s ease-in-out; } .ac-content-page--person-list .ac-content-list-item .ac-content-teaser-meta-property-label { -webkit-transition: color 0.15s ease-in-out; transition: color 0.15s ease-in-out; } .ac-content-page--person-list .ac-content-list-item .ac-content-teaser-meta-property-value { -webkit-transition: color 0.15s ease-in-out; transition: color 0.15s ease-in-out; } .ac-content-page--person-list .ac-content-list-item .ac-content-teaser-meta-property-value p { margin: 0; } .ac-content-page--person-list .ac-content-list-item .ac-content-teaser-meta-property-value p ~ p { margin-top: 1rem; } .ac-content-page--person-list .ac-content-form-control--searchbox { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .ac-content-page--person-list .ac-content-form-control--searchbox .ac-content-form-control-container--textbox { margin-bottom: 1rem; width: 100%; -webkit-box-flex: unset; -ms-flex: unset; flex: unset; margin-right: 0; } .ac-content-page--person-list .ac-content-form-control--searchbox .ac-content-form-control-container--category-filter { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .ac-content-page--person-list .ac-content-form-control--searchbox .ac-content-form-control--select { margin-right: 0; } .ac-content-page--person-list .ac-content-form-control--searchbox .ac-content-form-control-container--submit { position: relative; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; bottom: 0; top: 0; left: 0; right: 0; } .ac-content-page--person-list .ac-content-form-control--searchbox .ac-content-form-control-container--submit button { width: 3.75rem; height: 3.75rem; } @media only screen and (min-width: 600px) { .ac-content-page--person-list .ac-content-form-control--searchbox { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .ac-content-page--person-list .ac-content-form-control--searchbox .ac-content-form-control-container--textbox { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin-right: 0.75rem; } } .ac-content--content-list--event .ac-content-list-item { padding: 0; float: none; border-width: 0; border-style: solid; border-color: #efefef; } .ac-content--content-list--event .ac-content-list-item ~ .ac-content-list-item { border-top: 0 !important; } .ac-content--content-list--event .ac-content-list-item .ac-content-teaser { padding: 0; border: none; } .ac-content--content-list--event .ac-content-list-item .ac-content-teaser-title-text { font-size: 1.5rem; font-weight: bold; line-height: 1.8125; } .ac-content--content-list--event .ac-content-list-item .ac-content-teaser-excerpt { font-size: 1.25rem; line-height: 1.25; } .ac-content--content-list--event .ac-content-list-item .ac-content-teaser-excerpt p { margin: 0; } .ac-content--content-list--event .ac-content-list-item .ac-content-teaser-excerpt p ~ p { margin-top: 1rem; } .ac-content--content-list--event .ac-content-teaser--event .date-gfx { margin: 0; border-width: 1rem 2px 2px 2px; border-style: solid; border-color: #006876 transparent transparent transparent !important; border-radius: 0; min-width: 5.6875rem; height: 5.6875rem; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-weight: 500; text-align: center; color: #333; background: #B9E8E5 !important; } .ac-content--content-list--event .ac-content-teaser--event .date-gfx .event-date-day, .ac-content--content-list--event .ac-content-teaser--event .date-gfx .date-day { font-size: 1.5rem; font-weight: bold; } .ac-content--content-list--event .ac-content-teaser--event .date-gfx .event-date-month, .ac-content--content-list--event .ac-content-teaser--event .date-gfx .date-month { font-size: 1.25rem; } .ac-content--content-list--event .ac-content-teaser--event .date-gfx.event-date--period .event-date-period, .ac-content--content-list--event .ac-content-teaser--event .date-gfx.date-gfx--period .event-date-period { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .ac-content--content-list--event .ac-content-teaser--event .date-gfx.event-date--period .event-date-day, .ac-content--content-list--event .ac-content-teaser--event .date-gfx.event-date--period .date-day, .ac-content--content-list--event .ac-content-teaser--event .date-gfx.date-gfx--period .event-date-day, .ac-content--content-list--event .ac-content-teaser--event .date-gfx.date-gfx--period .date-day { font-size: 1.25rem; margin-right: 0.5rem; } .ac-content--content-list--event .ac-content-teaser--event .date-gfx .date-month { text-transform: none; font-weight: normal; } .ac-content-teaser--event .ac-content-teaser-title { margin: 0; display: inline-block; word-break: break-word; } .ac-content-teaser--event .ac-content-teaser-meta { margin: 0; margin-top: 1rem; padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; word-break: break-word; } .ac-content-teaser--event .ac-content-teaser-meta-property { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-right: 1rem; } .ac-content-teaser--event .ac-content-teaser-meta-property::after { content: "|"; margin-left: 1rem; font-weight: normal; } .ac-content-teaser--event .ac-content-teaser-meta-property:first-child { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; margin-right: 0; } .ac-content-teaser--event .ac-content-teaser-meta-property:first-child::after { content: ""; margin-left: 0; } .ac-content-teaser--event .ac-content-teaser-meta-property-label { margin: 0; margin-right: 0.5rem; padding: 0; font-weight: normal; } .ac-content-teaser--event .ac-content-teaser-meta-property-value { margin: 0; padding: 0; } .ac-content-teaser--event .date-gfx--period .date { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .ac-content-page--search .ac-content-list-item { padding: 0; float: none; border-width: 0; border-style: solid; border-color: #efefef; } .ac-content-page--search .ac-content-list-item ~ .ac-content-list-item { border-top: 0 !important; } .ac-content-page--search .ac-content-list-item .ac-content-teaser { padding: 0; border: none; } .ac-content-page--search .ac-content-list-item .ac-content-teaser-title-text { font-size: 1.5rem; font-weight: bold; line-height: 1.8125; } .ac-content-page--search .ac-content-list-item .ac-content-teaser-excerpt { font-size: 1.25rem; line-height: 1.25; } .ac-content-page--search .ac-content-list-item .ac-content-teaser-excerpt p { margin: 0; } .ac-content-page--search .ac-content-list-item .ac-content-teaser-excerpt p ~ p { margin-top: 1rem; } .ac-content-page--search .ac-content-teaser-post-title-text { display: none; } .modular__focus-article-box .flexslider { border: 0 none; -webkit-box-shadow: none; box-shadow: none; background: transparent; margin: 0; } .modular__focus-article-box .articles-carousel-li-center { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media only screen and (min-width: 1281px) { .modular__focus-article-box .articles-carousel-li-center { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } } .modular__focus-article-box .articles-carousel-li-center > div { width: 100%; } @media only screen and (min-width: 1281px) { .modular__focus-article-box .articles-carousel-li-center > div { width: calc(50% - 3rem); } } .modular__focus-article-box .articles-carousel-li-center .image img { width: 100%; } .modular__focus-article-box .articles-carousel-li-center .text { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 2rem 1rem 1rem; } @media only screen and (min-width: 1281px) { .modular__focus-article-box .articles-carousel-li-center .text { padding: 0; } } .modular__focus-article-box .articles-carousel-li-center .text .artikkel .artikkelTittel { font-size: 1.625rem; font-weight: 600; margin: 0 0 2rem; } .modular__focus-article-box .articles-carousel-li-center .text .artikkel .artikkelTittel a { text-decoration: none; } .modular__focus-article-box .articles-carousel-li-center .text .artikkel .artikkelDato { display: none; } .modular__focus-article-box .articles-carousel-li-center .text .artikkel .artikkelIngress { font-size: 1.125rem; line-height: 1.5; margin: 0 0 2rem; } .modular__focus-article-box .articles-carousel-li-center .text .artikkel .artikkelLesMer { display: -webkit-box; display: -ms-flexbox; display: flex; } .modular__focus-article-box .articles-carousel-li-center .text .artikkel .artikkelLesMer a { font-size: 1.25rem; padding: 1rem 3rem 1rem 1rem; color: #fff; background-color: #666666; border: 0.0625rem solid #666666; text-decoration: none; width: 100%; position: relative; } @media only screen and (min-width: 1281px) { .modular__focus-article-box .articles-carousel-li-center .text .artikkel .artikkelLesMer a { width: auto; } } .modular__focus-article-box .articles-carousel-li-center .text .artikkel .artikkelLesMer a:after { position: absolute; right: 1rem; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .modular__focus-article-box .articles-carousel-li-center .text .artikkel .artikkelLesMer a:hover, .modular__focus-article-box .articles-carousel-li-center .text .artikkel .artikkelLesMer a:focus { color: #000; background-color: #fff; } @media only screen and (min-width: 1281px) { .modular__focus-article-box.right .articles-carousel-li-center { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } } @media only screen and (min-width: 1281px) { .modular__focus-article-box.left .articles-carousel-li-center { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } } .modular__focus-article-box.dark { background-color: #e6e6e6; padding: 4rem 0; } .modular__focus-article-box.light { background-color: #fff; padding: 4rem 0; } .vgs-fokusfelt { width: 100%; } .vgs-fokusfelt .articles-in-category ul li { display: -webkit-box; display: -ms-flexbox; display: flex; background-color: transparent; width: 100%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; min-height: 315px; padding-bottom: 4.5rem; } .vgs-fokusfelt .articles-in-category ul li:hover .MargLink, .vgs-fokusfelt .articles-in-category ul li:hover .ingress, .vgs-fokusfelt .articles-in-category ul li:focus .MargLink, .vgs-fokusfelt .articles-in-category ul li:focus .ingress, .vgs-fokusfelt .articles-in-category ul li:focus-within .MargLink, .vgs-fokusfelt .articles-in-category ul li:focus-within .ingress { color: inherit; } .vgs-fokusfelt .articles-in-category ul li > a { width: 100%; text-decoration: none; } @media only screen and (min-width: 600px) { .vgs-fokusfelt .articles-in-category ul li > a { padding-left: 50%; } } @media only screen and (min-width: 600px) { .vgs-fokusfelt .articles-in-category ul li > a .imgWrapper { position: absolute; left: 0; top: 0; width: 50%; height: auto; } } .vgs-fokusfelt .articles-in-category ul li > a .tittel { font-size: 1.625rem; font-weight: 400; line-height: 1.38462; margin: 0 0 1rem; text-decoration: underline; } @media only screen and (min-width: 1281px) { .vgs-fokusfelt .articles-in-category ul li > a .tittel { font-size: 2rem; line-height: 1.3125; } } .vgs-fokusfelt .articles-in-category ul li > .ingress { width: 100%; font-size: 1.125rem; line-height: 1.5; padding-top: 0; } @media only screen and (min-width: 600px) { .vgs-fokusfelt .articles-in-category ul li > .ingress { padding-left: calc(50% + 2rem); } } @media only screen and (min-width: 1281px) { .vgs-fokusfelt .articles-in-category ul li > .ingress { font-size: 1.25rem; } } .vgs-fokusfelt .articles-in-category ul li .lesmer { padding: 0 !important; padding: 6px 24px !important; border-width: 2px !important; border-style: solid !important; border-radius: 0; border-radius: 10px !important; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-decoration: none; -webkit-transition: border-color 0.1s ease-in-out, color 0.1s ease-in-out, background-color 0.1s ease-in-out, -webkit-box-shadow 0.1s ease-in-out; transition: border-color 0.1s ease-in-out, color 0.1s ease-in-out, background-color 0.1s ease-in-out, -webkit-box-shadow 0.1s ease-in-out; transition: border-color 0.1s ease-in-out, box-shadow 0.1s ease-in-out, color 0.1s ease-in-out, background-color 0.1s ease-in-out; transition: border-color 0.1s ease-in-out, box-shadow 0.1s ease-in-out, color 0.1s ease-in-out, background-color 0.1s ease-in-out, -webkit-box-shadow 0.1s ease-in-out; font-size: 1em; font-weight: normal !important; text-transform: none !important; font-weight: bold !important; border-color: #191C1C; color: #191C1C !important; background-color: #96CBC7; left: calc(50% + 2rem); font-size: 1.125rem; } .vgs-fokusfelt .articles-in-category ul li .lesmer:hover, .vgs-fokusfelt .articles-in-category ul li .lesmer:focus { border-color: #191C1C; color: #191C1C !important; background-color: #B9E8E5; } html.tabbing .vgs-fokusfelt .articles-in-category ul li .lesmer:focus { border-color: #000; color: #000; background-color: #ffbf47; } html.tabbing .vgs-fokusfelt .articles-in-category ul li .lesmer:focus::after { color: #000 !important; } @media only screen and (min-width: 1281px) { .vgs-fokusfelt .articles-in-category ul li .lesmer { font-size: 1.25rem; } } .google-translate-container { visibility: hidden; margin-top: 0; position: absolute; top: 1.88rem; border: 0.125rem solid #d8d8d8; border-radius: 0.1875rem; padding: 0.625rem; background: #fff; right: 50%; -webkit-transform: translateX(50%); -ms-transform: translateX(50%); transform: translateX(50%); } .google-translate-container.open { visibility: visible; z-index: 999; } .google-translate-container .goog-te-menu-value span { color: #000000; } .js-google-translate { position: relative; } .banner-vgs { position: relative; -o-object-fit: contain; object-fit: contain; background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-top: 3rem; padding-bottom: 3rem; max-height: 29rem; background-image: url(none); } @media only screen and (min-width: 1281px) { .banner-vgs { display: block; background-position: center bottom; } } @media only screen and (min-width: 1281px) { .banner-vgs.banner--has-thumbnail #Sone2501 { -webkit-transform: translateY(-2rem); -ms-transform: translateY(-2rem); transform: translateY(-2rem); } .banner-vgs.banner--has-thumbnail + .zone-container { padding-top: 9rem; } } .banner__webparts--vgs { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; max-width: 1280px; margin: 0 auto; } .banner__webparts--vgs .webPartInnhold { margin: 0 auto; max-width: 1280px; width: calc(100% - 2rem); } .banner__webparts--vgs .webPartTittel { margin: 0 auto; max-width: 1280px; width: calc(100% - 2rem); } @media only screen and (min-width: 1281px) { .banner__webparts--vgs .webPartTittel { padding-bottom: 3.063rem; padding-top: 4.5rem; } } .banner__webparts--vgs > * ~ * { margin-top: 1rem; } .banner__webparts--vgs .banner-search--links { margin-top: 2rem; } .banner__webparts--vgs .search-box-heading { margin: 0; padding: 0; font-size: 2rem; font-weight: bold; line-height: 1.1875; color: #FFFFFF; } .banner__webparts--vgs .search-box-heading .text-box span { display: inline-block; } @media only screen and (min-width: 900px) { .banner__webparts--vgs .search-box-heading { font-size: 2.5rem; } } @media only screen and (min-width: 1281px) { .banner__webparts--vgs .search-box-heading { font-size: 3rem; } } .banner__webparts--vgs .search-box-heading::after { content: ""; display: block; height: 0; width: 0; margin-top: -0.75rem; } @media only screen and (min-width: 1281px) { .banner__webparts--vgs { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } } .frontpage-thumbnail { display: none; } @media only screen and (min-width: 1024px) { .frontpage-thumbnail { display: block; } } .frontpage-thumbnail .banner-image { padding-top: 68%; width: 40rem; max-width: 100%; background-repeat: no-repeat; background-size: cover; border-radius: 30px; } .focus-field { line-height: 1.6; } .focus-field.zone { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media only screen and (min-width: 600px) { .focus-field.zone { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } } .focus-field__image, .focus-field__text { width: 100%; } @media only screen and (min-width: 600px) { .focus-field__image, .focus-field__text { -ms-flex-preferred-size: calc(50% - 1rem); flex-basis: calc(50% - 1rem); } } @media only screen and (min-width: 900px) { .focus-field__image, .focus-field__text { -ms-flex-preferred-size: calc(50% - 2rem); flex-basis: calc(50% - 2rem); } } @media only screen and (min-width: 1281px) { .focus-field__image, .focus-field__text { -ms-flex-preferred-size: calc(50% - 3rem); flex-basis: calc(50% - 3rem); } } .focus-field__image:first-child:last-child, .focus-field__text:first-child:last-child { -ms-flex-preferred-size: 100%; flex-basis: 100%; } .focus-field__image { margin-bottom: 1rem; } @media only screen and (min-width: 600px) { .focus-field__image { margin-bottom: 0; } } .focus-field__image .banner-image { border-radius: 30px; background-position: 50% 50%; background-size: cover; height: 0; padding-top: 56.25%; } .focus-field__text + .focus-field__image { margin-top: 1rem; } @media only screen and (min-width: 600px) { .focus-field__text + .focus-field__image { margin-top: 0; } } @media only screen and (max-width: 600px) { .focus-field__image { margin-top: 0 !important; margin-bottom: 1rem !important; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } } .focus-field__text { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 1.125rem; line-height: 1.5; } .focus-field__text .il-heading { font-size: 1.625rem; font-weight: bold; line-height: 1.3846153846; margin: 0 0 1rem; font-size: 1.825rem !important; } @media only screen and (min-width: 1281px) { .focus-field__text .il-heading { font-size: 2.6875rem !important; } } .focus-field__text .il-heading--h2 { font-size: 1.625rem !important; } @media only screen and (min-width: 1281px) { .focus-field__text .il-heading--h2 { font-size: 2rem !important; } } .focus-field__text .il-heading--h3 { font-size: 1.375rem !important; } @media only screen and (min-width: 1281px) { .focus-field__text .il-heading--h3 { font-size: 1.625rem !important; } } .focus-field__text .il-heading--h4 { font-size: 1.25rem !important; } @media only screen and (min-width: 1281px) { .focus-field__text .il-heading--h4 { font-size: 1.375rem !important; } } .focus-field__image + .focus-field__text { margin-top: 1rem; } @media only screen and (min-width: 600px) { .focus-field__image + .focus-field__text { margin-top: 0; } } .focus-field__text .webPartInnhold { width: 100%; } @media only screen and (max-width: 600px) { .focus-field__text { margin-top: 1rem !important; margin-bottom: 0 !important; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } } @media only screen and (min-width: 1281px) { .focus-field .focus-field__text { font-size: 1.25rem; line-height: 1.5; } .focus-field .focus-field__text .il-heading { font-size: 2rem; line-height: 1.3125; } } .guidancewizard-next .ac-button-next { padding: 0 !important; padding: 6px 24px !important; border-width: 2px !important; border-style: solid !important; border-radius: 0; border-radius: 10px !important; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-decoration: none; -webkit-transition: border-color 0.1s ease-in-out, color 0.1s ease-in-out, background-color 0.1s ease-in-out, -webkit-box-shadow 0.1s ease-in-out; transition: border-color 0.1s ease-in-out, color 0.1s ease-in-out, background-color 0.1s ease-in-out, -webkit-box-shadow 0.1s ease-in-out; transition: border-color 0.1s ease-in-out, box-shadow 0.1s ease-in-out, color 0.1s ease-in-out, background-color 0.1s ease-in-out; transition: border-color 0.1s ease-in-out, box-shadow 0.1s ease-in-out, color 0.1s ease-in-out, background-color 0.1s ease-in-out, -webkit-box-shadow 0.1s ease-in-out; font-size: 1em; font-weight: normal !important; text-transform: none !important; font-weight: bold !important; border-color: #191C1C; color: #191C1C !important; background-color: #96CBC7; } .guidancewizard-next .ac-button-next:hover, .guidancewizard-next .ac-button-next:focus { border-color: #191C1C; color: #191C1C !important; background-color: #B9E8E5; } html.tabbing .guidancewizard-next .ac-button-next:focus { border-color: #000; color: #000; background-color: #ffbf47; } html.tabbing .guidancewizard-next .ac-button-next:focus::after { color: #000 !important; } .guidancewizardFields .kontrollelement::before { padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 2rem; min-width: 2rem; } body .content-search .content-search-button--default { background-color: #000; } body .content-search .content-search-filter-form-select:not(.mat-select-disabled) .mat-select-arrow { color: #000 !important; } body .content-search .content-search-pagination-link--active { background: #000 !important; } body .content-search .content-search-item-title { color: #000; } body .content-search .content-search-item--default .content-search-item-title:after, body .content-search .content-search-item--event .content-search-item-title:after { color: #000; } body .content-search .content-search-item--default.content-search-item--highlight .content-search-item-title, body .content-search .content-search-item--event.content-search-item--highlight .content-search-item-title { border-bottom-color: #000; } body .content-search .content-search-item-meta-button--phone button:before { color: #000; } body .content-search .content-search-item-meta-button--mobile button:before { color: #000; } body .content-search .content-search-item-meta-button--email button:before, body .content-search .content-search-item-meta-button--email a:before { color: #000; } body .content-search .content-search-item-extended-information-toggle-button:after { color: #000; } body #content-search.content-search-vanilla .content-search-filter-form-control [type=radio] + label:after { background: #000; } body #content-search.content-search-vanilla .content-search-filter-form-control [type=radio]:focus + label:before { border-color: #000; } body #content-search.content-search-vanilla + .content-search-spinner circle { color: #000; } .content-search-page { padding-bottom: 2rem; } @media only screen and (min-width: 900px) { .content-search-page { padding-bottom: 3rem; } } @media only screen and (min-width: 1281px) { .content-search-page { padding-bottom: 4rem; } } .content-search-page .content-search-page-title { padding-bottom: 2rem; } .content-search-page .content-search-page-title h1, .content-search-page .content-search-page-title .ArtikkelKategoriOverskrift { font-size: 2.25rem; font-weight: bold; line-height: 1.125; } .content-search-page .content-search-page-title h1 + p, .content-search-page .content-search-page-title .ArtikkelKategoriOverskrift + p { margin-top: 0 !important; } @media only screen and (min-width: 900px) { .content-search-page .content-search-page-title h1, .content-search-page .content-search-page-title .ArtikkelKategoriOverskrift { font-size: 2.5rem; } } @media only screen and (min-width: 1281px) { .content-search-page .content-search-page-title h1, .content-search-page .content-search-page-title .ArtikkelKategoriOverskrift { font-size: 2.6875rem; } } .content-search-page .content-search-filter-content { background-color: #f2f5f7; } .content-search-page .content-search-result-letter-devider { background-color: #f2f5f7; } .content-search-page .content-search-item--highlight { background-color: transparent; } .content-search-page .content-search-button--default { padding: 0 !important; padding: 6px 24px !important; border-width: 2px !important; border-style: solid !important; border-radius: 0; border-radius: 10px !important; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-decoration: none; -webkit-transition: border-color 0.1s ease-in-out, color 0.1s ease-in-out, background-color 0.1s ease-in-out, -webkit-box-shadow 0.1s ease-in-out; transition: border-color 0.1s ease-in-out, color 0.1s ease-in-out, background-color 0.1s ease-in-out, -webkit-box-shadow 0.1s ease-in-out; transition: border-color 0.1s ease-in-out, box-shadow 0.1s ease-in-out, color 0.1s ease-in-out, background-color 0.1s ease-in-out; transition: border-color 0.1s ease-in-out, box-shadow 0.1s ease-in-out, color 0.1s ease-in-out, background-color 0.1s ease-in-out, -webkit-box-shadow 0.1s ease-in-out; font-size: 1em; font-weight: normal !important; text-transform: none !important; font-weight: bold !important; border-color: #191C1C; color: #191C1C !important; background-color: #96CBC7; width: auto; line-height: 1.5; } .content-search-page .content-search-button--default:hover, .content-search-page .content-search-button--default:focus { border-color: #191C1C; color: #191C1C !important; background-color: #B9E8E5; } html.tabbing .content-search-page .content-search-button--default:focus { border-color: #000; color: #000; background-color: #ffbf47; } html.tabbing .content-search-page .content-search-button--default:focus::after { color: #000 !important; } .preprod-ribbon-container { position: fixed; top: 0; right: 0; z-index: 1000; } .preprod-ribbon { padding: 2rem 0; border: 0.5rem solid #fff; border-left: 0; border-right: 0; width: 50rem; background: red; opacity: 0.9; color: #fff; -webkit-transform: translate(40%, 40%) rotateZ(45deg); -ms-transform: translate(40%, 40%) rotate(45deg); transform: translate(40%, 40%) rotateZ(45deg); -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; text-align: center; } .search-match, .ac-search-match { background: transparent !important; color: inherit; font-weight: bold; } @-webkit-keyframes datasource-filter-button-ripple { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 0.4; } 20% { -webkit-transform: scale(25); transform: scale(25); opacity: 0.2; } 100% { opacity: 0; -webkit-transform: scale(100); transform: scale(100); } } @keyframes datasource-filter-button-ripple { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 0.4; } 20% { -webkit-transform: scale(25); transform: scale(25); opacity: 0.2; } 100% { opacity: 0; -webkit-transform: scale(100); transform: scale(100); } } .datasource-autosuggest-popup-close:before, .datasource-filter-field-control--geolocation .datasource-filter-button::before, .datasource-filter-field-button::before, .datasource-pagination-item--last::after, .datasource-pagination-item--next::after, .datasource-pagination-item--previous::before, .datasource-pagination-item--first::before, .datasource-result-list-item-title.file-ext-size.filetype-xls::before, .datasource-result-list-item-title.file-ext-size.filetype-xlsx::before, .datasource-result-list-item-title.file-ext-size.filetype-doc::before, .datasource-result-list-item-title.file-ext-size.filetype-docx::before, .datasource-result-list-item-title.file-ext-size.filetype-pdf::before, .datasource-result-list-item-title.file-ext-size::before, .datasource-active-filter-button::after, .datasource-tab-button.u-icon--map::before, .datasource-tab-button.u-icon--list::before { /* use !important to prevent issues with browser extensions that change fonts */ speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } @font-face { font-family: "datasource"; src: url("/Maler/DataSources/assets/fonts/datasource.ttf?vpmf0k") format("truetype"), url("/Maler/DataSources/assets/fonts/datasource.woff?vpmf0k") format("woff"), url("/Maler/DataSources/assets/fonts/datasource.svg?vpmf0k#datasource") format("svg"); font-weight: normal; font-style: normal; font-display: block; } .datasource-mediaquery { display: none; } .datasource-mediaquery::after { content: "mobile"; } @media only screen and (min-width: 801px) { .datasource-mediaquery::after { content: "tablet"; } } @media only screen and (min-width: 1025px) { .datasource-mediaquery::after { content: "desktop"; } } .datasource-spinner-overlay { width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 1; background: transparent; opacity: 1; visibility: visible; -webkit-transition: 0.5s ease-in-out all; transition: 0.5s ease-in-out all; } .datasource-spinner-overlay--hidden { opacity: 0 !important; visibility: hidden; } .datasource-spinner { display: inline-block; position: relative; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .datasource-spinner circle { stroke: #07689f; } .datasource-content::after { content: ""; display: table; clear: both; } .datasource-content-row { margin: 2rem 0; } @media only screen and (min-width: 1025px) { .datasource-content-column--left { padding-right: 1rem; float: left; } } @media only screen and (min-width: 1025px) { .datasource-content-column--right { padding-left: 1rem; float: right; } } @media only screen and (min-width: 1025px) { .datasource-content-column--one-third { width: 30%; } } @media only screen and (min-width: 1025px) { .datasource-content-column--two-thirds { width: 70%; } } .datasource-content-title { font-size: 2.25rem; font-weight: bold; line-height: 1.125; } @media only screen and (min-width: 801px) { .datasource-content-title { font-size: 2.5rem; } } @media only screen and (min-width: 1025px) { .datasource-content-title { font-size: 2.6875rem; } } .datasource-content-lead { font-size: 1.375em; line-height: 1.5; margin-top: 1rem; } @media only screen and (min-width: 801px) { .datasource-content-lead { font-size: 1.375em; } } @media only screen and (min-width: 1025px) { .datasource-content-lead { font-size: 1.5em; } } .datasource-tabs { padding: 2rem 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .datasource-tabs .datasource-tab-button { margin-right: 1rem; } .datasource-tab-button { margin: 0; padding: 0 1rem; height: 3rem; border: none; border-width: 0.125rem; border-style: solid; border-radius: 0; border-radius: 3rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #fff; background: transparent; background: rgb(2, 2, 2); -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer; -webkit-transition: border-color 0.1s ease-in-out, color 0.1s ease-in-out, background-color 0.1s ease-in-out; transition: border-color 0.1s ease-in-out, color 0.1s ease-in-out, background-color 0.1s ease-in-out; } .datasource-tab-button.u-icon--list::before { font-family: "datasource"; content: "\e907"; } .datasource-tab-button.u-icon--map::before { font-family: "datasource"; content: "\e906"; } .datasource-tab-button.u-icon--list::before, .datasource-tab-button.u-icon--map::before { font-size: 1.5rem; margin-right: 0.5rem; } .datasource-tab-button[aria-selected=true] { color: #fff; background: #07689f; } .datasource-tab-button:focus { outline: none; } .datasource-tab-panel { display: none; } .datasource-tab-panel--open { display: block; } .datasource-active-filters-title { margin-bottom: 1rem; font-size: 1rem; font-weight: bold; } .datasource-active-filter-button { margin: 0; margin-right: 0.5rem; margin-bottom: 0.5rem; padding: 0.5rem 0.5rem 0.5rem 1rem; border: none; border: 0.0625rem solid rgba(0, 0, 0, 0.15); border-radius: 4rem; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer; } .datasource-active-filter-button::after { font-family: "datasource"; content: "\e90b"; margin-left: 0.5rem; border-radius: 1rem; width: 1.5rem; height: 1.52rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: #fff; } .datasource-filter-reset-button { border: none; border-radius: 0; font: inherit; color: inherit; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: none; text-decoration: underline; } @media only screen and (max-width: 1024px) { .datasource-filter-panel--scrolled { padding-top: 4rem; } .datasource-filter-panel--scrolled .datasource-filter-panel-header { padding: 0 1.5rem; width: 100%; height: 4rem; position: fixed; left: 0; top: 0; z-index: 100; background: rgba(255, 255, 255, 0.975); -webkit-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.25); box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.25); } } .datasource-filter-panel-header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media only screen and (max-width: 1024px) { .datasource-filter-panel-header { height: 4rem; } } .datasource-filter-panel-title { display: none; } @media only screen and (min-width: 1025px) { .datasource-filter-panel-title { display: block; margin-bottom: 2rem; } } @media only screen and (min-width: 1025px) { .datasource-filter-panel-toggle { display: none; } } .datasource-filter-panel-body { display: none; } .datasource-filter-panel-body--open { display: block; } @media only screen and (min-width: 1025px) { .datasource-filter-panel-body { display: block; } } .datasource-filter .datasource-filter-title { margin: -1px; padding: 0; border: 0; width: 1px; height: 1px; position: absolute; overflow: hidden; clip: rect(0 0 0 0); } .datasource-filter-row { margin-top: 2rem; } .datasource-filter-row:first-child { margin-top: 0; } fieldset.datasource-filter-field { margin: 0; padding: 0; border: 0; } .datasource-filter-field-label { display: block; font-weight: bold; margin-bottom: 0.75rem; } legend.datasource-filter-field-label { margin: 0; padding: 0; float: left; display: table; font-weight: bold; margin-bottom: 0.75rem; } legend.datasource-filter-field-label + * { clear: both; } .datasource-filter-field-hint { margin-bottom: 0.5rem; font-size: 0.9em; } .datasource-filter-field-control--textbox { border-width: 0.0625rem; border-style: solid; border-radius: 3rem; min-height: 4rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; -webkit-transition: border-color 0.1s ease-in-out, color 0.1s ease-in-out, background-color 0.1s ease-in-out; transition: border-color 0.1s ease-in-out, color 0.1s ease-in-out, background-color 0.1s ease-in-out; } .datasource-filter-field-control--textbox .datasource-filter-field-textbox { border: none; border-radius: 0; font: inherit; color: inherit; background: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: none; width: 100%; padding: 0.75rem 1.25rem; } .datasource-filter-field-control--textbox .datasource-filter-field-textbox[placeholder]:-moz-placeholder { opacity: 1; } .datasource-filter-field-control--textbox .datasource-filter-field-textbox[placeholder]::-moz-placeholder { opacity: 1; } .datasource-filter-field-control--textbox .datasource-filter-field-textbox[placeholder][disabled]:-moz-placeholder { opacity: 1; } .datasource-filter-field-control--textbox .datasource-filter-field-textbox[placeholder][disabled]::-moz-placeholder { opacity: 1; } .datasource-filter-field--disabled .datasource-filter-field-control--textbox { background-color: #ccc; } .datasource-filter-field-control--dropdown .datasource-filter-field-select { border: none; border-radius: 0; font: inherit; color: inherit; -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer; width: 100%; padding: 0.75rem 1.25rem; border-width: 0.0625rem; border-style: solid; border-radius: 3rem; background-repeat: no-repeat; background-position: 95% center; -webkit-transition: border-color 0.1s ease-in-out, color 0.1s ease-in-out, background-color 0.1s ease-in-out; transition: border-color 0.1s ease-in-out, color 0.1s ease-in-out, background-color 0.1s ease-in-out; } .datasource-filter-field-control--dropdown .datasource-filter-field-select::-ms-expand { display: none; } .datasource-filter-field--disabled .datasource-filter-field-control--dropdown .datasource-filter-field-select { background-color: #ccc; } .datasource-filter-field-control--checkbox-list .datasource-filter-form-checkbox { width: 0; height: 0; position: absolute; opacity: 0; } .datasource-filter-field-control--checkbox-list .datasource-filter-form-checkbox + label { margin: 0; margin-top: 1rem; padding-left: 2.5rem; min-height: 1.5rem; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; -webkit-user-select: none; -moz-user-select: -moz-none; -o-user-select: none; -ms-user-select: none; user-select: none; -webkit-transition: color 0.1s ease-in-out; transition: color 0.1s ease-in-out; } .datasource-filter-field-control--checkbox-list .datasource-filter-form-checkbox + label::before { content: ""; border: 0.0625rem solid #000; border-width: 0.0625rem; border-radius: 0.1875rem; width: 1.5rem; height: 1.5rem; position: absolute; top: 0; left: 0; background: #fff; -webkit-transition: border-color 0.1s ease-in-out, background-color 0.1s ease-in-out; transition: border-color 0.1s ease-in-out, background-color 0.1s ease-in-out; } .datasource-filter-field-control--checkbox-list .datasource-filter-form-checkbox + label::after { content: ""; border: 0.125rem solid #000; border-color: #07689f; border-top: 0; border-left: 0; border-radius: 0.00625rem; width: 0.5rem; height: 1rem; position: absolute; top: 0.125rem; left: 0.125rem; background: transparent; -webkit-transform: translateX(75%) scale(0) rotate(45deg); -ms-transform: translateX(75%) scale(0) rotate(45deg); transform: translateX(75%) scale(0) rotate(45deg); -webkit-transition: all 0.2s ease; transition: all 0.2s ease; opacity: 0; } .datasource-filter-field-control--checkbox-list .datasource-filter-form-checkbox + label:nth-child(2) { margin-top: 0; } .datasource-filter-field-control--checkbox-list .datasource-filter-form-checkbox:focus { outline: none; } .datasource-filter-field-control--checkbox-list .datasource-filter-form-checkbox:checked + label::after { opacity: 1; -webkit-transform: translateX(75%) scale(1) rotate(45deg); -ms-transform: translateX(75%) scale(1) rotate(45deg); transform: translateX(75%) scale(1) rotate(45deg); } .datasource-filter-field-control--checkbox-list .datasource-filter-form-checkbox:disabled + label { cursor: not-allowed; } .datasource-filter-field-control--checkbox-list .datasource-filter-form-checkbox:disabled + label::before { background-color: #ccc; } .datasource-filter-field-control--radio-button-list .datasource-filter-form-radio-button { width: 0; height: 0; position: absolute; opacity: 0; } .datasource-filter-field-control--radio-button-list .datasource-filter-form-radio-button + label { margin: 0; margin-top: 1rem; padding-left: 2.5rem; min-height: 1.5rem; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; -webkit-user-select: none; -moz-user-select: -moz-none; -o-user-select: none; -ms-user-select: none; user-select: none; -webkit-transition: color 0.1s ease-in-out; transition: color 0.1s ease-in-out; } .datasource-filter-field-control--radio-button-list .datasource-filter-form-radio-button + label::before { content: ""; border: 0.0625rem solid #000; border-width: 0.0625rem; border-radius: 50%; width: 1.5rem; height: 1.5rem; position: absolute; top: 0; left: 0; background: #fff; -webkit-transition: border-color 0.1s ease-in-out, background-color 0.1s ease-in-out; transition: border-color 0.1s ease-in-out, background-color 0.1s ease-in-out; } .datasource-filter-field-control--radio-button-list .datasource-filter-form-radio-button + label::after { content: ""; border-radius: 50%; width: 0.875rem; height: 0.875rem; position: absolute; top: 0.3125rem; left: 0.3125rem; background: #000; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); opacity: 0; } .datasource-filter-field-control--radio-button-list .datasource-filter-form-radio-button + label:nth-child(2) { margin-top: 0; } .datasource-filter-field-control--radio-button-list .datasource-filter-form-radio-button:focus { outline: none; } .datasource-filter-field-control--radio-button-list .datasource-filter-form-radio-button:checked + label::after { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .datasource-filter-field-control--radio-button-list .datasource-filter-form-radio-button:disabled + label { cursor: not-allowed; } .datasource-filter-field-control--radio-button-list .datasource-filter-form-radio-button:disabled + label::before { background-color: #ccc; } .datasource-filter-button { margin: 0; padding: 0; padding: 0.5rem 1rem; border: none; border-width: 0.125rem; border-style: solid; border-radius: 3rem; position: relative; overflow: hidden; outline: none; font: inherit; color: inherit; background: transparent; overflow: hidden; -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer; -webkit-transition: border-color 0.1s ease-in-out, color 0.1s ease-in-out, background-color 0.1s ease-in-out; transition: border-color 0.1s ease-in-out, color 0.1s ease-in-out, background-color 0.1s ease-in-out; } .datasource-filter-button:focus { outline: none; } .datasource-filter-button[disabled] { cursor: not-allowed; } .datasource-filter-button--ripple::after { border-radius: 50%; width: 15px; height: 15px; position: absolute; top: 50%; left: 50%; background: rgba(255, 255, 255, 0.5); opacity: 0; content: ""; } .datasource-filter-button--ripple:focus:not(:active)::after { -webkit-animation: datasource-filter-button-ripple 1s ease-out; animation: datasource-filter-button-ripple 1s ease-out; } .datasource-result-panel { display: none; } .datasource-result-panel--open { display: block; } @media only screen and (min-width: 1025px) { .datasource-result-panel { display: block; } } .datasource-result .datasource-result-title { margin: -1px; padding: 0; border: 0; width: 1px; height: 1px; position: absolute; overflow: hidden; clip: rect(0 0 0 0); } .datasource-result-map { min-height: 500px; } .datasource-result-list-item { padding: 2rem 0; border-bottom: 0.0625rem solid #ccc; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } @media only screen and (min-width: 801px) { .datasource-result-list-item { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } } .datasource-result-list-item-title { margin-bottom: 1rem; color: inherit; width: 100%; -ms-flex-negative: 0; flex-shrink: 0; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .datasource-result-list-item-title.file-ext-size { margin-left: 1.5em; position: relative; } .datasource-result-list-item-title.file-ext-size::before { font-family: "datasource"; content: "\e924"; position: absolute; left: -1.5em; top: 0.25em; font-size: 0.9em; } .datasource-result-list-item-title.file-ext-size.filetype-pdf::before { font-family: "datasource"; content: "\eadf"; } .datasource-result-list-item-title.file-ext-size.filetype-doc::before, .datasource-result-list-item-title.file-ext-size.filetype-docx::before { font-family: "datasource"; content: "\eae1"; } .datasource-result-list-item-title.file-ext-size.filetype-xls::before, .datasource-result-list-item-title.file-ext-size.filetype-xlsx::before { font-family: "datasource"; content: "\eae2"; } .datasource-result-list-item-title-text-suffix { font-size: 0.8em; } .datasource-result-list-item > img { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; width: 200px; -o-object-fit: contain; object-fit: contain; } .datasource-result-list-item > img ~ .datasource-result-list-item-description { width: 100%; } @media only screen and (min-width: 801px) { .datasource-result-list-item > img ~ .datasource-result-list-item-description { margin-left: 1rem; width: calc(100% - 200px - 1rem); } } .datasource-result-list-item-title { font-size: 1.5rem; } .datasource-result-list-item-description { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .datasource-result-table { border: 0.0625rem solid #ccc; border-radius: 0.1875rem; -webkit-box-shadow: 0 0.0625rem 0.1875rem rgba(0, 0, 0, 0.06), 0 0.0625rem 0.125rem rgba(0, 0, 0, 0.12); box-shadow: 0 0.0625rem 0.1875rem rgba(0, 0, 0, 0.06), 0 0.0625rem 0.125rem rgba(0, 0, 0, 0.12); width: 100%; background: #ffffff; border-collapse: collapse; } .datasource-result-table tr { border-top: 1px solid #ccc; } .datasource-result-table tr:first-child { border-top: 0; } .datasource-result-table th { margin: 0; padding: 1.5rem 2rem; border-bottom: 1px solid #ccc; text-transform: uppercase; text-align: left; display: none; } @media only screen and (min-width: 801px) { .datasource-result-table th { display: table-cell; } } .datasource-result-table td { margin: 0; padding: 0.5rem 1.5rem; text-align: left; display: block; } .datasource-result-table td::before { content: attr(data-name); display: block; font-weight: bold; margin-bottom: 0.5rem; } .datasource-result-table td:first-child { padding-top: 1.5rem; } .datasource-result-table td:last-child { padding-bottom: 1.5rem; } @media only screen and (min-width: 801px) { .datasource-result-table td { padding: 1.5rem 2rem; display: table-cell; } .datasource-result-table td::before { content: ""; display: none; } } .datasource-pagination ol { margin: 0; padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; list-style: none; } .datasource-pagination li { margin: 0; margin-right: 1rem; padding: 0; } .datasource-pagination li:last-child { margin-right: 0; } .datasource-pagination-item { margin: 0; padding: 0; border: none; border-width: 0.125rem; border-style: solid; border-radius: 0; border-radius: 5rem; min-width: 3rem; height: 3rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: inherit; color: rgb(2, 2, 2); background-color: transparent; font: inherit; outline: none; -webkit-transition: border-color 0.1s ease-in-out, color 0.1s ease-in-out, background-color 0.1s ease-in-out, -webkit-box-shadow 0.1s ease-in-out; transition: border-color 0.1s ease-in-out, color 0.1s ease-in-out, background-color 0.1s ease-in-out, -webkit-box-shadow 0.1s ease-in-out; transition: border-color 0.1s ease-in-out, box-shadow 0.1s ease-in-out, color 0.1s ease-in-out, background-color 0.1s ease-in-out; transition: border-color 0.1s ease-in-out, box-shadow 0.1s ease-in-out, color 0.1s ease-in-out, background-color 0.1s ease-in-out, -webkit-box-shadow 0.1s ease-in-out; -webkit-user-select: none; -moz-user-select: -moz-none; -o-user-select: none; -ms-user-select: none; user-select: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer; } .datasource-pagination-item:focus { outline: none; } .datasource-pagination-item[disabled] { cursor: not-allowed; } .datasource-pagination-item--first::before { font-family: "datasource"; content: "\e904"; font-size: 1.5rem; } .datasource-pagination-item--first span { margin: -1px; padding: 0; border: 0; width: 1px; height: 1px; position: absolute; overflow: hidden; clip: rect(0 0 0 0); } .datasource-pagination-item--previous::before { font-family: "datasource"; content: "\e909"; font-size: 1.5rem; } .datasource-pagination-item--previous span { margin: -1px; padding: 0; border: 0; width: 1px; height: 1px; position: absolute; overflow: hidden; clip: rect(0 0 0 0); } .datasource-pagination-item--next::after { font-family: "datasource"; content: "\e90a"; font-size: 1.5rem; } .datasource-pagination-item--next span { margin: -1px; padding: 0; border: 0; width: 1px; height: 1px; position: absolute; overflow: hidden; clip: rect(0 0 0 0); } .datasource-pagination-item--last::after { font-family: "datasource"; content: "\e905"; font-size: 1.5rem; } .datasource-pagination-item--last span { margin: -1px; padding: 0; border: 0; width: 1px; height: 1px; position: absolute; overflow: hidden; clip: rect(0 0 0 0); } .datasource-pagination-stats .datasource-pagination-stats-divider { display: block; } @media only screen and (min-width: 801px) { .datasource-pagination-stats .datasource-pagination-stats-divider { display: inline; } } @media only screen and (min-width: 1025px) { .datasource-total-item-count { display: none; } } .datasource-fullsearch-control { margin-top: 2rem; } .datasource-fullsearch-control:first-child { margin-top: 0; } .datasource-fullsearch-control.datasource-total-item-count-control { margin-top: 0; } .datasource-filter-field-button { margin: 0; margin-right: 0.5rem; padding: 0; border: none; border-radius: 50rem; width: 3rem; min-width: 3rem; height: 3rem; color: #fff; background-color: #000; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .datasource-filter-field-button::before { font-family: "fylkene"; content: "\e90d"; font-size: 1.5rem; } .datasource-filter-field-button span { margin: -1px; padding: 0; border: 0; width: 1px; height: 1px; position: absolute; overflow: hidden; clip: rect(0 0 0 0); } .datasource-filter-field-control--geolocation .datasource-filter-button { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .datasource-filter-field-control--geolocation .datasource-filter-button::before { font-family: "datasource"; content: "\e90c"; font-size: 1.5rem; margin-right: 0.5rem; } .datasource-filter-geolocation-distance-options .datasource-filter-form-radio-button { width: 0; height: 0; position: absolute; opacity: 0; } .datasource-filter-geolocation-distance-options .datasource-filter-form-radio-button + label { margin: 0; margin-top: 1rem; padding-left: 2.5rem; min-height: 1.5rem; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; -webkit-user-select: none; -moz-user-select: -moz-none; -o-user-select: none; -ms-user-select: none; user-select: none; -webkit-transition: color 0.1s ease-in-out; transition: color 0.1s ease-in-out; } .datasource-filter-geolocation-distance-options .datasource-filter-form-radio-button + label::before { content: ""; border: 0.0625rem solid #000; border-width: 0.0625rem; border-radius: 50%; width: 1.5rem; height: 1.5rem; position: absolute; top: 0; left: 0; background: #fff; -webkit-transition: border-color 0.1s ease-in-out, background-color 0.1s ease-in-out; transition: border-color 0.1s ease-in-out, background-color 0.1s ease-in-out; } .datasource-filter-geolocation-distance-options .datasource-filter-form-radio-button + label::after { content: ""; border-radius: 50%; width: 0.875rem; height: 0.875rem; position: absolute; top: 0.3125rem; left: 0.3125rem; background: #000; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); opacity: 0; } .datasource-filter-geolocation-distance-options .datasource-filter-form-radio-button + label:nth-child(2) { margin-top: 0; } .datasource-filter-geolocation-distance-options .datasource-filter-form-radio-button:focus { outline: none; } .datasource-filter-geolocation-distance-options .datasource-filter-form-radio-button:checked + label::after { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .datasource-filter-geolocation-distance-options .datasource-filter-form-radio-button:disabled + label { cursor: not-allowed; } .datasource-filter-geolocation-distance-options .datasource-filter-form-radio-button:disabled + label::before { background-color: #ccc; } .datasource-filter-geolocation-distance-options { margin-top: 1rem; } .datasource-autosuggest-popup { position: absolute; top: calc(100% + 1rem); right: 0; background-color: #fff; padding: 0.5rem; border: 0.0625rem solid #ccc; -webkit-box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.2); box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.2); z-index: 2; min-width: 15em; min-height: 5rem; } .datasource-autosuggest-popup-title { margin: 0; padding: 0.5rem; font-weight: bold; margin-bottom: 1rem; } .datasource-autosuggest-popup-close { padding: 0.5rem; margin: 0; border: 0; border-radius: 0; position: absolute; top: 0.5rem; right: 0.5rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer; font: inherit; color: inherit; background-color: transparent; } .datasource-autosuggest-popup-close:before { font-family: "datasource"; content: "\e90b"; } .datasource-autosuggest-popup-list { margin: -0.5rem 0; padding: 0.5rem; max-height: 25em; overflow-y: auto; } .datasource-autosuggest-popup-list-item { margin: 0.5rem 0; } .datasource-autosuggest-popup-list-item-trigger { margin: 0; padding: 0 0.5rem; border: none; border-radius: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; cursor: pointer; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: none; width: 100%; text-align: left; } .datasource-autosuggest-popup-list-item-trigger:hover, .datasource-autosuggest-popup-list-item-trigger:focus { background-color: #efefef; } .datasource-autosuggest-popup-list-item-trigger-name { width: 100%; font-size: 0.9em; font-weight: bold; } .datasource-autosuggest-popup-list-item-trigger-address { width: 100%; font-size: 0.9em; } .datasource-filter-geolocation-disabled-message { margin: 0.5rem 0; border: 0.125rem solid red; padding: 0.5rem; font-size: 0.9rem; } .datasource-filter-geolocation-or { margin: 1rem 0; } .datasource-content { margin-bottom: 5rem; } .datasource-filter-panel .datasource-filter-field-control--textbox { border-width: 0.0625rem; border-radius: 0.375rem; } .datasource-filter-panel .datasource-filter-field-control--textbox button.datasource-filter-field-button { border-radius: 0.375rem; border-width: 0.125rem; border-style: solid; border-color: #96CBC7; background-color: #96CBC7; } .datasource-filter-panel .datasource-filter-field-control--textbox button.datasource-filter-field-button:before { color: #FFFFFF; } .datasource-filter-panel .datasource-filter-field-control--textbox button.datasource-filter-field-button:hover, .datasource-filter-panel .datasource-filter-field-control--textbox button.datasource-filter-field-button:focus { background-color: #000; } .datasource-filter-panel .datasource-filter-field-control--textbox button.datasource-filter-field-button:hover:before, .datasource-filter-panel .datasource-filter-field-control--textbox button.datasource-filter-field-button:focus:before { color: #FFFFFF; } .datasource-filter-panel .datasource-filter-field-control--checkbox-list .datasource-filter-form-checkbox:checked + label:after { border-color: #000; } .datasource-filter-panel .datasource-filter-field-control--checkbox-list label:before { border-radius: 0; } .focus-field__text .il-heading a { text-decoration: none; -webkit-box-shadow: 0 0.1875rem 0 #000; box-shadow: 0 0.1875rem 0 #000; } .focus-field__text .il-heading a:hover { -webkit-box-shadow: 0 0.25rem 0 #000; box-shadow: 0 0.25rem 0 #000; } .event-item-meta-property--date, .event-item-meta-property-label { border: 0; clip: rect(0 0 0 0); height: 0.0625rem; margin: -0.0625rem; overflow: hidden; padding: 0; position: absolute; width: 0.0625rem; } .ac-content-list-item .ac-content-teaser-title-text { -webkit-box-shadow: 0 0.0625rem 0 #000; box-shadow: 0 0.0625rem 0 #000; text-decoration: none !important; } .ac-content-list-item--highlight .ac-content-teaser-title-text { -webkit-box-shadow: 0 0.1875rem 0 #000; box-shadow: 0 0.1875rem 0 #000; } .ac-content-list-item--highlight .date-gfx { border-color: #96CBC7 !important; background-color: #96CBC7 !important; } .footer-content a[href].InnholdLinkTekst:not(.il-custom-button) { color: #FCFBFA; font-weight: bold; } .footer-content a[href].InnholdLinkTekst:not(.il-custom-button):hover, .footer-content a[href].InnholdLinkTekst:not(.il-custom-button):focus { color: #FCFBFA !important; text-decoration-thickness: 2px; } .footer-content a[href].InnholdLinkTekst:not(.il-custom-button):after { text-decoration: none; } .footer-links a[href]:not(.il-custom-button) { color: #FCFBFA; } .footer-links a[href]:not(.il-custom-button) span { text-decoration: underline; } .footer-links a[href]:not(.il-custom-button) span:hover { text-decoration-thickness: 2px; } .area-message-list-item a[href].InnholdLinkTekst:not(.il-custom-button) { color: #000; font-weight: bold; } .area-message-list-item a[href].InnholdLinkTekst:not(.il-custom-button):hover, .area-message-list-item a[href].InnholdLinkTekst:not(.il-custom-button):focus { color: #000 !important; text-decoration-thickness: 2px; } .area-message-list-item a[href].InnholdLinkTekst:not(.il-custom-button):after { text-decoration: none; } .banner-search-box, .search-box-content, .ac-content-form-control--searchbox { overflow: visible; } .ac-content-form-control--searchbox .ac-content-form-textbox { border-color: #757575; } .ac-content-form-control--searchbox .ac-content-form-textbox:hover, .ac-content-form-control--searchbox .ac-content-form-textbox:focus { border-color: #757575; background-color: #FFFFFF; } .ac-content-form-control--searchbox .ac-content-form-control-container--submit { bottom: 0; right: 0.75rem; } .ac-content-form-control--searchbox .ac-content-form-control-container--submit .ac-content-button--button { height: 3.75rem; width: 3.75rem; } .legacy-content-page--article-list.legacy-content-page--article-list .artikkeloversiktrad .InnholdOverskrift { -webkit-box-shadow: 0 0.125rem 0 #000; box-shadow: 0 0.125rem 0 #000; text-decoration: none; } .legacy-content-page--article-list.legacy-content-page--article-list .artikkeloversiktrad:hover .InnholdOverskrift, .legacy-content-page--article-list.legacy-content-page--article-list .artikkeloversiktrad:focus-within .InnholdOverskrift { -webkit-box-shadow: 0 0.25rem 0 #000; box-shadow: 0 0.25rem 0 #000; } .footer { padding-bottom: 7rem; } .emnekart-webpart.type-person .emnekart-item { background-color: #B9E8E5; } .emnekart-webpart.type-person .emnekart-item .person-property a { color: #96CBC7; font-weight: bold; text-decoration: none; font-weight: bold; } .emnekart-webpart.type-person .emnekart-item .person-property a:hover, .emnekart-webpart.type-person .emnekart-item .person-property a:focus { color: #96CBC7 !important; text-decoration-thickness: 2px; } .emnekart-webpart.type-person .emnekart-item .person-property a:after { text-decoration: none; } .emnekart-webpart.type-person .emnekart-item .person-property a:hover { text-decoration: underline; } body .content-search .content-search-button--default { background-color: #FFFFFF; } @media only screen and (min-width: 1281px) { .zone-container.banner ~ .zone-container--service-menu { padding-top: 6.25rem; padding-bottom: 4rem; } } .zone-container--grey { background-color: #E9E9E9 !important; } .frontpage-thumbnail .banner-image { bottom: -2.5rem; background-position: 50% 50%; position: relative; } .banner .search-box-heading, .banner .search-heading, .banner .banner-heading { color: #FFFFFF; } @media only screen and (min-width: 900px) { .banner.banner--has-thumbnail .banner-search-box { max-width: 100%; } } .banner-search-box { margin-bottom: 1rem; } .banner-search--links a { color: #000; background-color: #FCFBFA; border-color: #FCFBFA; } .banner-search--links a:hover { color: #000; background-color: #B9E8E5; border-color: #B9E8E5; } .banner-search--links.sub-page a { background-color: #000; color: #FFFFFF; font-weight: bold; font-size: 1.25rem; } .banner-search--links.sub-page a:hover, .banner-search--links.sub-page a:focus { background-color: #000; border-color: #000; } form.forside .header-lower { border-width: 0; } article .InnholdLinkTekst.il-custom-button { padding: 1rem 1.5rem !important; } article .InnholdLinkTekst:not(.il-custom-button) { font-weight: 500; -webkit-box-shadow: none; box-shadow: none; } article .InnholdLinkTekst:not(.il-custom-button):hover, article .InnholdLinkTekst:not(.il-custom-button):focus { text-decoration: underline; text-decoration-thickness: 1px; -webkit-box-shadow: none; box-shadow: none; font-weight: bold; } article .legacy-content-block-wrapper > .legacy-content-block { border-radius: 10px; padding: 42px 77px; } article .legacy-content-block-wrapper[data-style=primary] > .legacy-content-block { background-color: #E9E9E9; } article .legacy-content-block-wrapper[data-style=secondary] > .legacy-content-block { border-color: #006876; border-width: 3px; } article .artikkel-bilde-container { padding-bottom: 1rem; font-style: italic; } article .artikkel-bilde-container img { border-radius: 10px; } article .artikkel-bilde-container .artikkel-bilde-beskrivelse { padding-top: 1rem; } article .artikkel-bilde-container .artikkel-bilde-beskrivelse .beskrivelse { font-style: italic !important; } article .webskjema-widget .webskjema { --bc-c-action-primary: #000; --bc-c-action-primary-border: #757575; --bc-c-border-input: #757575; --bc-input-font-size: 1.25rem; --bc-input-height: calc(3.375rem + 0.25rem); } article .webskjema-widget .webskjema label { padding-bottom: 0; } article .webskjema-widget .webskjema input, article .webskjema-widget .webskjema .bc-content-input, article .webskjema-widget .webskjema .button-container, article .webskjema-widget .webskjema textarea { margin-top: 0 !important; } article .webskjema-widget .webskjema .checkbox-link-link { margin-top: 1rem; color: #96CBC7; font-weight: bold; } article .webskjema-widget .webskjema .checkbox-link-link:hover, article .webskjema-widget .webskjema .checkbox-link-link:focus { color: #96CBC7 !important; text-decoration-thickness: 2px; } article .webskjema-widget .webskjema .checkbox-link-link:after { text-decoration: none; } article .webskjema-widget .webskjema input[type=checkbox] { min-height: 2rem; min-width: 2rem; } article .webskjema-widget .webskjema input[type=checkbox] + div { min-height: 2rem; min-width: 2rem; background-color: #FFFFFF !important; border-radius: 6px; border-width: 1px; } article .webskjema-widget .webskjema input[type=checkbox] + div:after { border-color: #000; } article .webskjema-widget .webskjema input[type=checkbox] + div:hover, article .webskjema-widget .webskjema input[type=checkbox] + div:focus { outline-width: 1px; } article .webskjema-widget .webskjema input[type=radio] + div { background-color: #FFFFFF; height: 2rem; min-width: 2rem; width: 2rem; border: 1px solid var(--bc-c-action-primary-border); } article .webskjema-widget .webskjema input[type=radio] + div:hover, article .webskjema-widget .webskjema input[type=radio] + div:focus { outline: 1px solid var(--bc-c-action-primary-border); } article .webskjema-widget .webskjema input[type=radio] + div + span { padding-left: 1rem; } article .webskjema-widget .webskjema .bc-content-button { width: auto; border-radius: 50px; background-color: #96CBC7; border-color: #96CBC7; color: #FFFFFF; } article .webskjema-widget .webskjema .bc-content-button:hover, article .webskjema-widget .webskjema .bc-content-button:focus { background-color: #FFFFFF; color: #96CBC7; } article .bc-carousel .bc-carousel-container button { border-color: #96CBC7 !important; background-color: #96CBC7 !important; } article .bc-carousel .bc-carousel-container button .ri-arrow-left-s-line.bc-icon:before, article .bc-carousel .bc-carousel-container button .ri-arrow-right-s-line.bc-icon:before { color: #FFFFFF !important; } article .bc-carousel .bc-carousel-container button:hover, article .bc-carousel .bc-carousel-container button:focus { background-color: #FFFFFF !important; } article .bc-carousel .bc-carousel-container button:hover .ri-arrow-left-s-line.bc-icon:before, article .bc-carousel .bc-carousel-container button:hover .ri-arrow-right-s-line.bc-icon:before, article .bc-carousel .bc-carousel-container button:focus .ri-arrow-left-s-line.bc-icon:before, article .bc-carousel .bc-carousel-container button:focus .ri-arrow-right-s-line.bc-icon:before { color: #96CBC7 !important; } article .bc-carousel .bc-carousel-indicators > .bc-carousel-indicator-item { border-color: #96CBC7; } article .bc-carousel .bc-carousel-indicators > .bc-carousel-indicator-item.active { background-color: #96CBC7; } .emnekart-webpart.type-kalender li.event .event-title { text-decoration-thickness: 1px; } .emnekart-webpart.type-kalender li.event:hover .event-date, .emnekart-webpart.type-kalender li.event:focus-within .event-date { background-color: #FFFFFF !important; border-color: #96CBC7 !important; } .emnekart-webpart.type-kalender li.event:hover .event-title, .emnekart-webpart.type-kalender li.event:focus-within .event-title { text-decoration-thickness: 2px; } .search-box .search-box-content > div input[type=submit] { right: 0; top: 0; height: 100%; } .banner .banner-search-box > div input[type=submit] { right: 0; top: 0; height: 100%; } .banner-block.banner-block--left { padding-top: 1rem; padding-bottom: 1rem; } .banner-block.banner-block--right { -ms-flex-item-align: end; align-self: flex-end; } .version-style-defaults-marker-class { color: red; } body { --v-global-html-content-element-top-margin: 1em; --v-global-title-font-size: 2.25rem; --v-global-title-font-weight: 700; --v-global-title-line-height: 1.13; --v-global-lead-font-size: 1.38rem; --v-global-lead-font-weight: 500; --v-global-lead-line-height: 1.5; --v-global-body-font-size: 1.13rem; --v-global-body-font-weight: 500; --v-global-body-line-height: 1.5; --v-global-heading-1-font-size: 2.25em; --v-global-heading-1-font-weight: 700; --v-global-heading-1-line-height: 1.13; --v-global-heading-2-font-size: 1.5em; --v-global-heading-2-font-weight: 700; --v-global-heading-2-line-height: 1.25; --v-global-heading-3-font-size: 1.25em; --v-global-heading-3-font-weight: 700; --v-global-heading-3-line-height: 1.5; --v-global-heading-4-font-size: 1.13em; --v-global-heading-4-font-weight: 700; --v-global-heading-4-line-height: 1.5; --v-global-heading-5-font-size: 0.93em; --v-global-heading-5-font-weight: 700; --v-global-heading-5-line-height: 1.5; --v-global-heading-6-font-size: 0.75em; --v-global-heading-6-font-weight: 700; --v-global-heading-6-line-height: 1.5; } @media only screen and (min-width: 769px) and (max-width: 1024px) { body { --v-global-html-content-element-top-margin: 1em; --v-global-title-font-size: 2.25rem; --v-global-title-font-weight: 700; --v-global-title-line-height: 1.13; --v-global-lead-font-size: 1.38rem; --v-global-lead-font-weight: 500; --v-global-lead-line-height: 1.5; --v-global-body-font-size: 1.13rem; --v-global-body-font-weight: 500; --v-global-body-line-height: 1.5; --v-global-heading-1-font-size: 2.25em; --v-global-heading-1-font-weight: 700; --v-global-heading-1-line-height: 1.13; --v-global-heading-2-font-size: 1.5em; --v-global-heading-2-font-weight: 700; --v-global-heading-2-line-height: 1.25; --v-global-heading-3-font-size: 1.25em; --v-global-heading-3-font-weight: 700; --v-global-heading-3-line-height: 1.5; --v-global-heading-4-font-size: 1.13em; --v-global-heading-4-font-weight: 700; --v-global-heading-4-line-height: 1.5; --v-global-heading-5-font-size: 0.93em; --v-global-heading-5-font-weight: 700; --v-global-heading-5-line-height: 1.5; --v-global-heading-6-font-size: 0.75em; --v-global-heading-6-font-weight: 700; --v-global-heading-6-line-height: 1.5; } } @media only screen and (min-width: 1025px) { body { --v-global-html-content-element-top-margin: 1em; --v-global-title-font-size: 2.5rem; --v-global-title-font-weight: 700; --v-global-title-line-height: 1.13; --v-global-lead-font-size: 1.38rem; --v-global-lead-font-weight: 500; --v-global-lead-line-height: 1.5; --v-global-body-font-size: 1.2rem; --v-global-body-font-weight: 500; --v-global-body-line-height: 1.5; --v-global-heading-1-font-size: 2.5em; --v-global-heading-1-font-weight: 700; --v-global-heading-1-line-height: 1.13; --v-global-heading-2-font-size: 1.75em; --v-global-heading-2-font-weight: 700; --v-global-heading-2-line-height: 1.25; --v-global-heading-3-font-size: 1.38em; --v-global-heading-3-font-weight: 700; --v-global-heading-3-line-height: 1.5; --v-global-heading-4-font-size: 1.13em; --v-global-heading-4-font-weight: 700; --v-global-heading-4-line-height: 1.5; --v-global-heading-5-font-size: 1em; --v-global-heading-5-font-weight: 700; --v-global-heading-5-line-height: 1.5; --v-global-heading-6-font-size: 0.8em; --v-global-heading-6-font-weight: 700; --v-global-heading-6-line-height: 1.5; } } body { --v-global-link-text-color: #00a064; --v-global-link-underline-line: underline; --v-global-link-underline-style: solid; --v-global-link-underline-width: auto; --v-global-link-underline-offset: auto; --v-global-link-underline-color: #00a064; --v-global-link-font-weight: 500; } body a:hover { --v-global-link-text-color: #00a064; --v-global-link-underline-line: underline; --v-global-link-underline-style: solid; --v-global-link-underline-width: 1px; --v-global-link-underline-offset: auto; --v-global-link-underline-color: #00a064; --v-global-link-font-weight: 700; } .client-content-widget--filtervisning--kalender .filtervisning-item-list, .client-content-widget--filtervisning--friskusaktivitet .filtervisning-item-list { padding-top: 1rem; border-top: 1px solid #d3d3d3; } .client-content-widget--filtervisning--kalender div.filtervisning-item, .client-content-widget--filtervisning--friskusaktivitet div.filtervisning-item { height: 100%; } .client-content-widget--filtervisning--kalender div.filtervisning-item > div.bc-dangerousHtml, .client-content-widget--filtervisning--friskusaktivitet div.filtervisning-item > div.bc-dangerousHtml { height: 100%; } .cc-teaser:where(:not(.u-is-designed)).cc-teaser--calendar-event { height: 100%; -webkit-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; --v-teaser-text-child-gap: 1em; --v-teaser-child-gap: 0; --v-teaser-border-width: 0; --v-teaser-border-color: inherit; --v-teaser-border-radius: 0; --v-teaser-text-color: inherit; --v-teaser-background: #f8f8f8; --v-teaser-title-link-text-color: inherit; --v-teaser-text-padding: 1.5rem; } .cc-teaser:where(:not(.u-is-designed)).cc-teaser--calendar-event .cc-date-badge { margin: 1em; background: var(--v-date-badge-background, #ffffff); border-color: var(--v-date-badge-background-color, transparent); border-style: solid; border-width: var(--v-date-badge-background-width, 0); border-radius: var(--v-date-badge-border-radius, 50%); width: var(--v-date-badge-width, 8rem); height: var(--v-date-badge-height, 8rem); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-negative: 0; flex-shrink: 0; } @container (max-width: 300px) { .cc-teaser:where(:not(.u-is-designed)).cc-teaser--calendar-event .cc-date-badge { display: none !important; } } .cc-teaser:where(:not(.u-is-designed)).cc-teaser--calendar-event .cc-date-badge-date { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: var(--v-date-badge-font-size, 1em); font-weight: var(--v-date-badge-background-weight, normal); line-height: 1; } .cc-teaser:where(:not(.u-is-designed)).cc-teaser--calendar-event .cc-date-badge-day { font-size: var(--v-date-badge-day-font-size, 4em); } .cc-teaser:where(:not(.u-is-designed)).cc-teaser--calendar-event .cc-date-badge-year { margin: -1px; padding: 0; border: 0; width: 1px; height: 1px; position: absolute; overflow: hidden; clip: rect(0 0 0 0); } .cc-teaser:where(:not(.u-is-designed)).cc-teaser--calendar-event:has(.cc-picture) .cc-date-badge { position: absolute; } .cc-teaser:where(:not(.u-is-designed)).cc-teaser--calendar-event .cc-teaser-body, .cc-teaser:where(:not(.u-is-designed)).cc-teaser--calendar-event .cc-teaser-body-content, .cc-teaser:where(:not(.u-is-designed)).cc-teaser--calendar-event .cc-teaser-text-content { height: 100%; } .cc-teaser:where(:not(.u-is-designed)).cc-teaser--calendar-event .cc-teaser-image { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .cc-teaser:where(:not(.u-is-designed)).cc-teaser--calendar-event .cc-teaser-text { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .cc-teaser:where(:not(.u-is-designed)).cc-teaser--calendar-event .cc-teaser-title-text, .cc-teaser:where(:not(.u-is-designed)).cc-teaser--calendar-event .cc-teaser-text-column { word-break: break-word; } .cc-teaser:where(:not(.u-is-designed)).cc-teaser--calendar-event .cc-teaser-text-column { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 1rem; } .cc-teaser:where(:not(.u-is-designed)).cc-teaser--calendar-event.cc-teaser--vertical { --v-teaser-image-border-radius: 0 0 0 0; } .cc-teaser:where(:not(.u-is-designed)).cc-teaser--calendar-event.cc-teaser--horizontal { --v-teaser-image-border-radius: 0 0 0 0; } .cc-teaser:where(:not(.u-is-designed)).cc-teaser--calendar-event.cc-teaser--horizontal .cc-teaser-body-content { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .cc-teaser:where(:not(.u-is-designed)).cc-teaser--calendar-event.cc-teaser--horizontal .cc-teaser-image { width: 50%; -ms-flex-negative: 0; flex-shrink: 0; } .cc-teaser:where(:not(.u-is-designed)).cc-teaser--calendar-event.cc-teaser--horizontal .cc-teaser-image-content { height: 100%; } .cc-teaser:where(:not(.u-is-designed)).cc-teaser--calendar-event .cc-teaser-image { display: -webkit-box; display: -ms-flexbox; display: flex; } .cc-teaser:where(:not(.u-is-designed)).cc-teaser--calendar-event .cc-teaser-image-content { display: -webkit-box; display: -ms-flexbox; display: flex; } .cc-teaser:where(:not(.u-is-designed)).cc-teaser--calendar-event .cc-teaser-image-content .cc-picture { height: 100%; } .cc-teaser:where(:not(.u-is-designed)).cc-teaser--calendar-event:has(.cc-teaser-image) .cc-teaser-body-content.u-orientation.u-orientation--horizontal { --v-teaser-image-border-radius: 0 0 0 0; --v-teaser-image-border-radius: 0 0 0 0; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .cc-teaser:where(:not(.u-is-designed)).cc-teaser--calendar-event:has(.cc-teaser-image) .cc-teaser-body-content.u-orientation.u-orientation--horizontal .cc-teaser-image { width: calc(var(--v-date-badge-width, 8rem) + 2rem); } .cc-teaser:where(:not(.u-is-designed)).cc-teaser--calendar-event:has(.cc-teaser-image) .cc-teaser-body-content.u-orientation.u-orientation--horizontal:has(.cc-picture) .cc-teaser-image { width: 50%; } .cc-teaser:where(:not(.u-is-designed)).cc-teaser--calendar-event:has(.cc-teaser-image) .cc-teaser-body-content.u-orientation.u-orientation--horizontal .cc-teaser-text { width: 50%; } @container (max-width: 300px) { .cc-teaser:where(:not(.u-is-designed)).cc-teaser--calendar-event:has(.cc-teaser-image) .cc-teaser-body-content.u-orientation.u-orientation--horizontal { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .cc-teaser:where(:not(.u-is-designed)).cc-teaser--calendar-event:has(.cc-teaser-image) .cc-teaser-body-content.u-orientation.u-orientation--horizontal .cc-teaser-image { width: 100%; } .cc-teaser:where(:not(.u-is-designed)).cc-teaser--calendar-event:has(.cc-teaser-image) .cc-teaser-body-content.u-orientation.u-orientation--horizontal .cc-teaser-text { width: 100%; } } .cc-teaser:where(:not(.u-is-designed)).cc-teaser--calendar-event:has(.cc-teaser-image) .cc-teaser-body-content.u-orientation.u-orientation--vertical { --v-teaser-image-border-radius: 0 0 0 0; } .cc-teaser:where(:not(.u-is-designed)).cc-teaser--calendar-event:has(.cc-teaser-image) .cc-teaser-body-content.u-orientation.u-orientation--vertical .cc-teaser-image-content { width: 100%; } .cc-teaser:where(:not(.u-is-designed)).cc-teaser--calendar-event:has(.cc-teaser-image) .cc-teaser-body-content.u-orientation.u-orientation--vertical .cc-picture { width: 100%; } @container (max-width: 600px) { .cc-teaser:where(:not(.u-is-designed)).cc-teaser--calendar-event:has(.cc-teaser-image) .cc-teaser-body-content.u-orientation.u-orientation-narrow--horizontal { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .cc-teaser:where(:not(.u-is-designed)).cc-teaser--calendar-event:has(.cc-teaser-image) .cc-teaser-body-content.u-orientation.u-orientation-narrow--horizontal .cc-teaser-image { width: calc(var(--v-date-badge-width, 8rem) + 2rem); } .cc-teaser:where(:not(.u-is-designed)).cc-teaser--calendar-event:has(.cc-teaser-image) .cc-teaser-body-content.u-orientation.u-orientation-narrow--horizontal:has(.cc-picture) .cc-teaser-image { width: 50%; } .cc-teaser:where(:not(.u-is-designed)).cc-teaser--calendar-event:has(.cc-teaser-image) .cc-teaser-body-content.u-orientation.u-orientation-narrow--horizontal .cc-teaser-text { width: 50%; } @container (max-width: 300px) { .cc-teaser:where(:not(.u-is-designed)).cc-teaser--calendar-event:has(.cc-teaser-image) .cc-teaser-body-content.u-orientation.u-orientation-narrow--horizontal { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .cc-teaser:where(:not(.u-is-designed)).cc-teaser--calendar-event:has(.cc-teaser-image) .cc-teaser-body-content.u-orientation.u-orientation-narrow--horizontal .cc-teaser-image { width: 100%; } .cc-teaser:where(:not(.u-is-designed)).cc-teaser--calendar-event:has(.cc-teaser-image) .cc-teaser-body-content.u-orientation.u-orientation-narrow--horizontal .cc-teaser-text { width: 100%; } } .cc-teaser:where(:not(.u-is-designed)).cc-teaser--calendar-event:has(.cc-teaser-image) .cc-teaser-body-content.u-orientation.u-orientation-narrow--vertical .cc-teaser-image-content { width: 100%; } .cc-teaser:where(:not(.u-is-designed)).cc-teaser--calendar-event:has(.cc-teaser-image) .cc-teaser-body-content.u-orientation.u-orientation-narrow--vertical .cc-picture { width: 100%; } } @container (min-width: 601px) and (max-width: 900px) { .cc-teaser:where(:not(.u-is-designed)).cc-teaser--calendar-event:has(.cc-teaser-image) .cc-teaser-body-content.u-orientation.u-orientation-normal--horizontal { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .cc-teaser:where(:not(.u-is-designed)).cc-teaser--calendar-event:has(.cc-teaser-image) .cc-teaser-body-content.u-orientation.u-orientation-normal--horizontal .cc-teaser-image { width: calc(var(--v-date-badge-width, 8rem) + 2rem); } .cc-teaser:where(:not(.u-is-designed)).cc-teaser--calendar-event:has(.cc-teaser-image) .cc-teaser-body-content.u-orientation.u-orientation-normal--horizontal:has(.cc-picture) .cc-teaser-image { width: 50%; } .cc-teaser:where(:not(.u-is-designed)).cc-teaser--calendar-event:has(.cc-teaser-image) .cc-teaser-body-content.u-orientation.u-orientation-normal--horizontal .cc-teaser-text { width: 50%; } @container (max-width: 300px) { .cc-teaser:where(:not(.u-is-designed)).cc-teaser--calendar-event:has(.cc-teaser-image) .cc-teaser-body-content.u-orientation.u-orientation-normal--horizontal { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .cc-teaser:where(:not(.u-is-designed)).cc-teaser--calendar-event:has(.cc-teaser-image) .cc-teaser-body-content.u-orientation.u-orientation-normal--horizontal .cc-teaser-image { width: 100%; } .cc-teaser:where(:not(.u-is-designed)).cc-teaser--calendar-event:has(.cc-teaser-image) .cc-teaser-body-content.u-orientation.u-orientation-normal--horizontal .cc-teaser-text { width: 100%; } } .cc-teaser:where(:not(.u-is-designed)).cc-teaser--calendar-event:has(.cc-teaser-image) .cc-teaser-body-content.u-orientation.u-orientation-normal--vertical .cc-teaser-image-content { width: 100%; } .cc-teaser:where(:not(.u-is-designed)).cc-teaser--calendar-event:has(.cc-teaser-image) .cc-teaser-body-content.u-orientation.u-orientation-normal--vertical .cc-picture { width: 100%; } } @container (min-width: 901px) { .cc-teaser:where(:not(.u-is-designed)).cc-teaser--calendar-event:has(.cc-teaser-image) .cc-teaser-body-content.u-orientation.u-orientation-wide--horizontal { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .cc-teaser:where(:not(.u-is-designed)).cc-teaser--calendar-event:has(.cc-teaser-image) .cc-teaser-body-content.u-orientation.u-orientation-wide--horizontal .cc-teaser-image { width: calc(var(--v-date-badge-width, 8rem) + 2rem); } .cc-teaser:where(:not(.u-is-designed)).cc-teaser--calendar-event:has(.cc-teaser-image) .cc-teaser-body-content.u-orientation.u-orientation-wide--horizontal:has(.cc-picture) .cc-teaser-image { width: 50%; } .cc-teaser:where(:not(.u-is-designed)).cc-teaser--calendar-event:has(.cc-teaser-image) .cc-teaser-body-content.u-orientation.u-orientation-wide--horizontal .cc-teaser-text { width: 50%; } @container (max-width: 300px) { .cc-teaser:where(:not(.u-is-designed)).cc-teaser--calendar-event:has(.cc-teaser-image) .cc-teaser-body-content.u-orientation.u-orientation-wide--horizontal { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .cc-teaser:where(:not(.u-is-designed)).cc-teaser--calendar-event:has(.cc-teaser-image) .cc-teaser-body-content.u-orientation.u-orientation-wide--horizontal .cc-teaser-image { width: 100%; } .cc-teaser:where(:not(.u-is-designed)).cc-teaser--calendar-event:has(.cc-teaser-image) .cc-teaser-body-content.u-orientation.u-orientation-wide--horizontal .cc-teaser-text { width: 100%; } } .cc-teaser:where(:not(.u-is-designed)).cc-teaser--calendar-event:has(.cc-teaser-image) .cc-teaser-body-content.u-orientation.u-orientation-wide--vertical .cc-teaser-image-content { width: 100%; } .cc-teaser:where(:not(.u-is-designed)).cc-teaser--calendar-event:has(.cc-teaser-image) .cc-teaser-body-content.u-orientation.u-orientation-wide--vertical .cc-picture { width: 100%; } } .cc-teaser:where(:not(.u-is-designed)).cc-teaser--calendar-event:not(:has(.cc-teaser-image)) .cc-teaser-body-content.u-orientation.u-orientation--horizontal .cc-teaser-text-content { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .cc-teaser:where(:not(.u-is-designed)).cc-teaser--calendar-event:not(:has(.cc-teaser-image)) .cc-teaser-body-content.u-orientation.u-orientation--horizontal .cc-teaser-text-column { width: 50%; } @container (max-width: 600px) { .cc-teaser:where(:not(.u-is-designed)).cc-teaser--calendar-event:not(:has(.cc-teaser-image)) .cc-teaser-body-content.u-orientation.u-orientation-narrow--horizontal .cc-teaser-text-content { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .cc-teaser:where(:not(.u-is-designed)).cc-teaser--calendar-event:not(:has(.cc-teaser-image)) .cc-teaser-body-content.u-orientation.u-orientation-narrow--horizontal .cc-teaser-text-column { width: 50%; } } @container (min-width: 601px) and (max-width: 900px) { .cc-teaser:where(:not(.u-is-designed)).cc-teaser--calendar-event:not(:has(.cc-teaser-image)) .cc-teaser-body-content.u-orientation.u-orientation-normal--horizontal .cc-teaser-text-content { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .cc-teaser:where(:not(.u-is-designed)).cc-teaser--calendar-event:not(:has(.cc-teaser-image)) .cc-teaser-body-content.u-orientation.u-orientation-normal--horizontal .cc-teaser-text-column { width: 50%; } } @container (min-width: 901px) { .cc-teaser:where(:not(.u-is-designed)).cc-teaser--calendar-event:not(:has(.cc-teaser-image)) .cc-teaser-body-content.u-orientation.u-orientation-wide--horizontal .cc-teaser-text-content { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .cc-teaser:where(:not(.u-is-designed)).cc-teaser--calendar-event:not(:has(.cc-teaser-image)) .cc-teaser-body-content.u-orientation.u-orientation-wide--horizontal .cc-teaser-text-column { width: 50%; } } .cc-teaser:where(:not(.u-is-designed)).cc-teaser--calendar-event .cc-teaser-body-content .cc-teaser-title .cc-teaser-title-link { --v-teaser-title-link-underline-color: inherit; } .cc-teaser:where(:not(.u-is-designed)).cc-teaser--calendar-event img { -webkit-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } .cc-teaser:where(:not(.u-is-designed)).cc-teaser--calendar-event .cc-teaser-meta--primary { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .cc-teaser:where(:not(.u-is-designed)).cc-teaser--calendar-event .cc-teaser-meta-item { -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 1em; display: -webkit-box; display: -ms-flexbox; display: flex; } .cc-teaser:where(:not(.u-is-designed)).cc-teaser--calendar-event .cc-tag { --v-tag-border-width: 0; --v-tag-border-color: inherit; --v-tag-border-radius: 0; --v-tag-padding: 0.25em 1em; --v-tag-text-color: inherit; --v-tag-background: white; } .cc-teaser:where(:not(.u-is-designed)).cc-teaser--calendar-event:hover { --v-teaser-background: #f8f8f8; --v-teaser-text-color: inherit; --v-teaser-border-color: inherit; --v-teaser-title-link-text-color: inherit; } .cc-teaser:where(:not(.u-is-designed)).cc-teaser--calendar-event:hover img { scale: 1; } .cc-teaser:where(:not(.u-is-designed)).cc-teaser--calendar-event:hover .cc-teaser-body-content .cc-teaser-title .cc-teaser-title-link { --v-teaser-title-link-underline-color: inherit; } .cc-teaser:where(:not(.u-is-designed)).cc-teaser--calendar-event:hover .cc-teaser-meta-item::before { color: inherit; } .cc-teaser:where(:not(.u-is-designed)).cc-teaser--calendar-event:hover .cc-tag { --v-tag-text-color: inherit; --v-tag-background: white; --v-tag-border-color: inherit; } .cc-page:where(:not(.u-is-designed)).cc-page--calendar-event { --v-default-item-spacing-level: 0.75; } .cc-page:where(:not(.u-is-designed)).cc-page--calendar-event .cc-page-header-content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 1.5rem; margin-bottom: 1.5rem; } .cc-page:where(:not(.u-is-designed)).cc-page--calendar-event .cc-page-header-content .cc-image { aspect-ratio: 3; -o-object-fit: cover; object-fit: cover; } .cc-page:where(:not(.u-is-designed)).cc-page--calendar-event .u-width-wide--8 { gap: 2rem; } .cc-page:where(:not(.u-is-designed)).cc-page--calendar-event .u-width-wide--4 { background-color: #f8f8f8; padding: 2rem; --v-faq-question-background: #efefef; --v-faq-question-text-color: currentColor; } .cc-page:where(:not(.u-is-designed)).cc-page--calendar-event .cc-widget { gap: 1rem; } .cc-page:where(:not(.u-is-designed)).cc-page--calendar-event .cc-property-list--event-details { border-top: 1px solid #b3b3b3; border-bottom: 1px solid #b3b3b3; padding: 2rem 0; } .cc-page:where(:not(.u-is-designed)).cc-page--calendar-event .cc-page-lead-content .cc-property-list-item--info::before { font-family: "remixicon"; content: "\ee59"; speak: none; font-size: calc(1em * var(--v-global-icon-scale-factor)); font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1em; } .cc-page:where(:not(.u-is-designed)).cc-page--calendar-event .cc-page-lead-content .cc-property-list-item--date::before { font-family: "remixicon"; content: "\eb25"; speak: none; font-size: calc(1em * var(--v-global-icon-scale-factor)); font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1em; } .cc-page:where(:not(.u-is-designed)).cc-page--calendar-event .cc-page-lead-content .cc-property-list-item--time::before { font-family: "remixicon"; content: "\f20f"; speak: none; font-size: calc(1em * var(--v-global-icon-scale-factor)); font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1em; } .cc-page:where(:not(.u-is-designed)).cc-page--calendar-event .cc-page-lead-content .cc-property-list-item--location::before { font-family: "remixicon"; content: "\ef14"; speak: none; font-size: calc(1em * var(--v-global-icon-scale-factor)); font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1em; } .cc-page:where(:not(.u-is-designed)).cc-page--calendar-event .cc-page-lead-content .cc-property-list-item--address::before { font-family: "remixicon"; content: "\ef14"; speak: none; font-size: calc(1em * var(--v-global-icon-scale-factor)); font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1em; } .cc-page:where(:not(.u-is-designed)).cc-page--calendar-event .cc-page-lead-content .cc-property-list-item--phone::before { font-family: "remixicon"; content: "\f15a"; speak: none; font-size: calc(1em * var(--v-global-icon-scale-factor)); font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1em; } .cc-page:where(:not(.u-is-designed)).cc-page--calendar-event .cc-page-lead-content .cc-property-list-item--email::before { font-family: "remixicon"; content: "\ea83"; speak: none; font-size: calc(1em * var(--v-global-icon-scale-factor)); font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1em; } .cc-page:where(:not(.u-is-designed)).cc-page--calendar-event .cc-page-lead-content .cc-property-list-item--person::before { font-family: "remixicon"; content: "\ef44"; speak: none; font-size: calc(1em * var(--v-global-icon-scale-factor)); font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1em; } .cc-page:where(:not(.u-is-designed)).cc-page--calendar-event .cc-page-lead-content .cc-property-list-item--age::before { font-family: "remixicon"; content: "\ede3"; speak: none; font-size: calc(1em * var(--v-global-icon-scale-factor)); font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1em; } .cc-page:where(:not(.u-is-designed)).cc-page--calendar-event .cc-page-lead-content .cc-property-list-item--some::before { font-family: "remixicon"; content: "\eeb2"; speak: none; font-size: calc(1em * var(--v-global-icon-scale-factor)); font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1em; } .cc-page:where(:not(.u-is-designed)).cc-page--calendar-event .cc-page-lead-content .cc-property-list-item--occurrences::before { font-family: "remixicon"; content: "\f074"; speak: none; font-size: calc(1em * var(--v-global-icon-scale-factor)); font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1em; } .cc-page:where(:not(.u-is-designed)).cc-page--calendar-event .cc-page-lead-content .cc-property-list-item--category::before { font-family: "remixicon"; content: "\f023"; speak: none; font-size: calc(1em * var(--v-global-icon-scale-factor)); font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1em; } .cc-page:where(:not(.u-is-designed)).cc-page--calendar-event .cc-page-lead-content .cc-property-list-item--document::before { font-family: "remixicon"; content: "\eceb"; speak: none; font-size: calc(1em * var(--v-global-icon-scale-factor)); font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1em; } .cc-page:where(:not(.u-is-designed)).cc-page--calendar-event .cc-page-lead-content .cc-property-list .cc-property-list-item { padding-left: 2rem; position: relative; } .cc-page:where(:not(.u-is-designed)).cc-page--calendar-event .cc-page-lead-content .cc-property-list .cc-property-list-item::before { position: absolute; left: 0; top: 0.25em; } .cc-page:where(:not(.u-is-designed)).cc-page--calendar-event .cc-page-section--occurrences { border-top: 1px solid #b3b3b3; padding: 2rem 0; } .cc-page:where(:not(.u-is-designed)).cc-page--calendar-event .cc-property-list-item-label { --v-property-list-item-label-font-size: 0.8em; --v-property-list-item-label-font-weight: 700; --v-property-list-item-label-line-height: 1.5; } .cc-page:where(:not(.u-is-designed)).cc-page--calendar-event .cc-property-list-item { --v-property-list-item-font-size: 1em; --v-property-list-item-font-weight: 400; --v-property-list-item-line-height: 1.5; } .cc-page:where(:not(.u-is-designed)).cc-page--calendar-event .cc-tag-list { margin-top: 0.5em; --v-tag-list-item-spacing: 1em; } .cc-page:where(:not(.u-is-designed)).cc-page--calendar-event .cc-tag { color: #4C5063; --v-tag-border-width: 2px; --v-tag-border-color: #f8f8f8; --v-tag-border-radius: 4px; --v-tag-padding: 0.25rem 1rem; --v-tag-text-color: #4C5063; --v-tag-background: transparent; } .cc-page:where(:not(.u-is-designed)).cc-page--calendar-event .cc-show-more-container .cc-tag { --v-tag-background: #f8f8f8; } .cc-teaser:where(:not(.u-is-designed)).cc-teaser--contact-card { --v-teaser-image-aspect-ratio: 1; --v-teaser-title-font-size: 1rem; --v-teaser-title-font-weight: normal; --v-teaser-text-child-gap: 1rem; } .cc-teaser:where(:not(.u-is-designed)).cc-teaser--contact-card .cc-teaser-body-content { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 0.5rem; } .cc-teaser:where(:not(.u-is-designed)).cc-teaser--contact-card .cc-teaser-image { width: 2rem; height: 2rem; overflow: hidden; } .calendar-event-list-widget-footer, .cc-div:has(> .cc-anchor--view-all) { margin-top: 2rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .cc-anchor--view-all, .calendar-event-list-widget-footer-view-all-link { display: -webkit-box; display: -ms-flexbox; display: flex; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: var(--bc-c-action-primary); color: var(--bc-c-action-primary-foreground); border: 2px solid var(--bc-c-action-primary-border); border-radius: var(--bc-border-radius); padding: 1rem 2rem; text-decoration: none; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .cc-anchor--view-all:hover, .calendar-event-list-widget-footer-view-all-link:hover { background-color: var(--bc-c-action-primary-hover); border-color: var(--bc-c-action-primary-hover); outline: 2px solid var(--bc-c-action-primary-hover); color: var(--bc-c-action-primary-foreground); }