footer a:hover { color: #80EFDE !important; } .mobile-show { display:none !important; } .laptop-hide { display:block; color: #80efde !important; } .owl-carousel.navstyle_circle .owl-nav button { width: 1.5rem; height: 1.5rem; } @media (max-width: 1280px) { .laptop-hide { display:none; } span.w-nav-title { font-size: 18px; } .w-nav-anchor.level_3 .w-nav-title { font-weight: 400 !important; font-size: 16px; } .mobile-show { display: block !important; } } .w-nav-anchor.level_3 { display: table !important; } .w-image-title { transform: translateY(15px); text-align: right; padding-left: 10px; font-style: italic; font-size: 16px; } .w-image-description { padding-top: 10px; padding-left: 10px; text-align: right; } /* START - complianze */ .cookies-per-purpose, .cookies-per-purpose a, .cookies-per-purpose h4, .cookies-per-purpose h5, #cmplz-cookies-overview h5, #cmplz-cookies-overview a { color: #fff !important; } /* Adds background color to Complianz collapsable sections */ #cmplz-cookies-overview .cmplz-dropdown .cookies-per-purpose div, #cmplz-document .cmplz-dropdown .cookies-per-purpose div, #cmplz-cookies-overview .cmplz-dropdown .cookies-per-purpose .name-header, #cmplz-document .cmplz-dropdown, #cmplz-cookies-overview .cmplz-dropdown .cookies-per-purpose .function-header, #cmplz-document .cmplz-dropdown .cookies-per-purpose .function-header, #cmplz-cookies-overview .cmplz-dropdown .cookies-per-purpose .retention-header, #cmplz-document .cmplz-dropdown .cookies-per-purpose .retention-header { background: #3D4D43; } #cmplz-document p, #cmplz-document li { font-size: 18px !important; } #cmplz-cookies-overview .cmplz-service-description p, #cmplz-cookies-overview .cmplz-sharing-data p { font-size: 14px !important; } .cmplz-gf-recaptcha { color: #28332C; } .no-bg { background: none; height: 25px !important; } .no-bg:hover { text-decoration: underline; } /* STOP - complianze */ /* ############################################### */ /* START - page hero */ .hero-sections { display: flex; align-items: end; } .page-hero { min-height: 0vh; max-height: calc(95vh - 120px); } .page-hero .post_image { max-width:1920px; float:right; border-top-left-radius:var(--border-radius-huge); } .page-hero .post_image:before{ content:''; width:100%; height:100%; background:#000; position:absolute; z-index:1; opacity:0.2; } #hero .l-section-h.i-cf { padding-top: 0; } .g-breadcrumbs br { display: none !important; } @media (max-width: 1280px) { #breadcrumbs { margin-top: 20px; } } @media (min-width:768px){ .page-hero .hero-post-title-column{ z-index:2; } .page-hero .post-title-container { z-index:2; width: 65vw; max-width: 780px; padding: 2.5rem 0; } #hero h1 { max-width: 70vw; text-shadow: 5px 5px 0px rgba(0, 0, 0, 0.2) !important; } } @media (max-width:768px){ .hero-post-image-column{ width:100% !important; margin-top:3rem; } #breadcrumbs { margin-top: -25px; } .page-hero .post_title{ margin-top:1.5rem; } } /* END - page hero */ /* ############################################### */ /* ############################################### */ /* START - video hero */ /* Centers the heading vertically on video hero */ .vc_column-inner.us_custom_19113836.us_animate_this.start { justify-content: center; z-index: 2; } @media (max-width:480px) { .hide-at-480 { display: none; } } .video-responsive { border-top-left-radius: var(--border-radius-huge); } /* The video hero container */ .hero-post-image-column { max-height: 95vh; overflow: hidden; } @media (max-width: 769px) { } /* STOP - video hero */ /* ############################################### */ /* Adds underline to all a href's in */ body .wpb_text_column p a { text-decoration: underline; } /* ############################################### */ /* START - frontpage cards */ .card-text p { font-size: 1.222rem; line-height: 1.667rem; } .card-text p strong { font-size: 1.3rem; line-height: 1.887rem; } @media (max-width: 768px) { .card-text p { max-width: 98%; font-size: 1.111rem; } } .left-image img { padding-left: 0; float: right; border-top-right-radius: var(--border-radius-large); } /* Makes image stretch to screen-edge-right */ .l-main .w-image.align_left { margin-right: 0; } .right-image img { float: left; border-top-left-radius: var(--border-radius-large); } /* Makes image stretch to screen-edge-left */ .l-main .w-image.align_right { margin-left: 0; } @media (max-width: 768px) { .left-image img { float: left; } .right-image img { float: right; } } /* STOP - frontpage cards */ /* ############################################### */ /* ############################################### */ /* START - tidslinje */ #tidslinje { width: 100%; height: calc(100vh - 120px); } #tidslinje #year { transition: opacity 0.5s ease-in-out; } #tidslinje #year.visible-year { opacity: 1; } #tidslinje-left-content p:first-of-type { margin-bottom: 0; } #tidslinje-left-content .wpb_wrapper:last-of-type { display: grid; } .hidden-year { visibility: hidden; transition: all 0.05s ease; } /* If a text-slide on the Timeline is empty, this hides the background */ .bildetekst:empty { display: none; } /* Makes the timeline slides autoscroll on scroll */ @media (min-width: 768px) { #tidslinje-content { width: 100%; height: calc(100vh - 120px); float: right; border-top-left-radius: 300px; overflow-y: scroll; overflow-x: hidden; scroll-snap-type: y mandatory; } #tidslinje-content .tidslinje-content { height: calc(100vh - 120px); } .desktop-timeline-image { } } .timeline-year { position: absolute; font-size: 6rem; top:50%; margin-left: -120px; z-index: 9; } #year { text-shadow: 5px 5px 0px rgba(0, 0, 0, 0.2) !important; max-width: 300px; margin-top: -85px; } .tidslinje-navigation { position: relative; } .tidslinje-navigation p:not(:first-of-type):not(:last-of-type) { padding: 10px 0 0 0; margin: 0; line-height: 10px; display: table; text-decoration: none; } .tidslinje-navigation p:not(:first-of-type):not(:last-of-type):nth-last-of-type(2) { padding-bottom: 10px; } .tidslinje-navigation p:not(:first-of-type):not(:last-of-type) a { font-size: 45px; border-radius: 50%; display: inline-block; line-height: 0; position: relative; z-index: 2; height: 28px; overflow: hidden; text-decoration: none; padding: 10.5px 5px 0 5px; padding-bottom: 0; max-width: 28px; margin-left: 6px; } .tidslinje-navigation p:not(:first-of-type):not(:last-of-type) a:hover { color: #80EFDE; } .tidslinje-navigation:before { content: ''; width: 1px; height: calc(100% - 3rem); background: #fff; top: 1.5rem; left: 20px; position: absolute; } .vide-container { height: 100%; width: 100%; } .vide-container video { object-fit: cover; } p.quote-author { color: #80efde; text-align: right; margin-left: 22%; font-weight: 700; } .headline-container, .quote-container { width: 100%; height: 100%; display: flex; flex-direction: column; align-items: center; text-align: center; justify-content: center; background: #3D4D43; } .quote-container { background: #475A4E; } .quote-container h3 { max-width: 500px; } .headline-container h3 { max-width: 500px; text-align: center; hyphens: none; } .quote-container h4 { max-width: 600px; font-style: italic; font-weight: normal; } .leveregel-headline { text-align: center; font-weight: bold; font-size: 1.5rem; margin-bottom: 0px; letter-spacing: 0.5px; color: #80EFDE; } .tidslinje-content { width: 100%; height: 100%; overflow: hidden; scroll-snap-align: start; } .tidslinje-content img { height: 100%; width: 100%; object-fit: cover; overflow: hidden; position: relative; } .bildetekst { position: sticky; padding: 2rem 2.5rem; background: rgba(81, 103, 89, 0.8); border-top-left-radius: var(--border-radius-small); right: 0; bottom: 0; float: right; font-size: 18px; width: 50vw; max-width: 800px; } .bildetekst.show { width: 50vw; position: sticky; max-width: 800px; opacity: 1; } .bildetekst.align-left { float: left; left: 0; right: unset; border-top-right-radius: var(--border-radius-small); border-top-left-radius: unset; } .tidslinje-content-container { width: 100%; height: calc(100vh - 120px); float: right; border-top-left-radius: 300px; overflow-y: scroll; overflow-x: hidden; scroll-snap-type: y mandatory; } .bildetekst { opacity: 1; transition: 0.3s opacity ease; } #tidslinje-row-1 { position: relative; margin-top: 1px; } .tidslinje-arrow-down { width: 75px; height: 75px; position: absolute; margin-top: 35%; opacity: 0.5; left: 5rem; z-index: 1; background-image: url("https://www.gcrieber.no/wp-content/uploads/2023/03/arrow_downward_gray_24dp-1.svg"); background-size: contain; animation: shakeArrow 1.3s linear infinite; } .headline-container h2, .quote-container h2 { display: none; } #tidslinje-left-content .vc_column-inner { padding-left: 0; } #tidslinje-left-content { margin-left: 10px; } @keyframes shakeArrow { 0%, 100% { top: 8rem; } 50% { top: 10rem; } } .mobile-only { display: none; } @media (max-width: 1280px) { .bildetekst { max-width: 600px; padding: 2rem; font-size: 16px; } .bildetekst.show { width: 70vw; } #year { margin-top: -50px; } .tidslinje-navigation p:not(:first-of-type):not(:last-of-type) { padding: 0; } .w-nav.type_mobile.m_align_none .w-nav-anchor.level_2 { padding-left: 2rem; } #tidslinje-content h3 { font-size: 1.887rem; } } @media (max-width: 900px) { .bildetekst { width: 100%; } .bildetekst.show { width: 100%; } } @media (min-width: 768px) { #tidslinje-outer-row { height: 100vh; max-height: 100vh; overflow: hidden; } #tidslinje-right-content { padding-left: 45px; } } @media (max-width:769px){ .desktop-timeline-image { } .quote-container h3 { text-align: left; max-width: 290px; } .leveregel-headline { text-align: left; } .mobile-timeline-image { height: auto; max-width: 100%; position: relative; top: -29px; margin-top: -100vh; } .mobile-timeline-image img { width: 100% !important; } .mobile-timeline-image:empty { display: none; } #tidslinje { border-top-left-radius: 50px; } #tidslinje-outer-row .vc_column_container{ width:100%; } .tidslinje-navigation { display:none; } #year{ position: absolute; margin-left: 0px; margin-right: 0px; text-align: center; top:-43px; left:0px; width:100%; font-size: 30px; } .tidslinje-content-container{ overflow:initial; border-top-left-radius: 50px; height:auto; } .tidslinje-arrow-down { display: none; } .mobile-flex { display:flex !important; } .quote-container h3 { line-height: 2rem; } .headline-container h2, .quote-container h2 { display: block; color: #80EFDE; } .tidslinje-content{ overflow:auto; height: 100%; margin-bottom: 2.5rem; position:relative; border-radius: 0 0 25px 0; } .quote-container h4 { max-width: 289px; font-style: italic; font-weight: normal; text-align: left; font-size: 16px; } .bildetekst{ width: 50vw; position: relative; max-width: 800px; opacity: 1; margin-top: -6px; border-top-left-radius: 0; font-size: 14px; padding: 1.5rem 2rem 2.5rem 2rem; } .bildetekst.align-left { border-top-right-radius: unset; border-bottom-right-radius: var(--border-radius-medium); } .bildetekst.align-right { border-top-left-radius: unset; border-bottom-left-radius: var(--border-radius-medium); } h3.mobile-only { font-size: 22px !important; margin-bottom: 0.5rem !important; } .headline-container, .quote-container{ min-height: 30vh; padding: 4.5rem 1.5rem; } .mobile-hide { display:none; } .mobile-only { display:block; } .bildetekst { width: 100%; } .bildetekst.show { width: 100%; position: relative; max-width: 800px; opacity: 1; margin-top: -6px; border-top-left-radius: 0; } .tidslinje-content img { background: #3d4d43; } #year { display: none; } #tidslinje { width: 100%; overflow:revert; } blockquote { padding-top: 30px; } blockquote::before { position:absolute; top:-10px; } } /* STOP - tidslinje */ /* ############################################### */ /* ############################################### */ /* START - ledig stilling grid */ .ledig-stilling-container { height: 100%; } .ledig-stilling-only-image { width: 100%; height:100%; object-fit: cover; border-top-left-radius: var(--border-radius-small); } .ledig-stilling-container.image-content { background: transparent; } .ledig-stilling-org { background: #D3FFFF; padding: 5px 10px; border-radius: 0px 10px 0px 0px; color: #28332C; } .ledig-stilling-info p { text-transform: uppercase; font-size: 14px; } .ledige-stillinger-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); grid-gap: 2rem; } .ledig-stilling-container { background: #5C7465; border-top-left-radius: var(--border-radius-small); position: relative; } .ledig-stilling-container.with-content { background: #5C7465; overflow: hidden; } .ledig-stilling-container.no-content { padding: 1.5rem; display: flex; height: 100%; } .ledig-stilling-container.no-content h4 { align-self: flex-end; } .ledig-stilling-title { padding-top: 0; } .ledig-stilling-content-container { padding: 1.5rem; min-height: 200px; height: 100%; } .ledig-stilling-content-container .ledig-stilling-info { justify-content: space-between; } .ledig-stilling-image-container { padding-top: 56.25%; width: 100%; position: relative; } .ledig-stilling-image-container img { position: absolute; left: 0; top: 0; left: 0; object-fit: cover; right: 0; border-top-left-radius: var(--border-radius-small); height: 100%; width: 100%; } .ledig-stilling-title.black-text { color: #28332C !important; } a[href$="/?rmpage=apply&rmjob=-1"] { width:100%; min-width:200px; } .ledig-stilling-container.image-content, .ledig-stilling-container.no-content{ width:100%; min-width:200px; margin-left: auto; margin-right: auto; } @media (max-width: 1280px) { .ledige-stillinger-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); grid-gap: 2rem; } } @media (max-width: 768px) { .ledige-stillinger-grid:nth-child(2) { display:block; } .ledige-stillinger-grid { display:inline-table; width: 100%; } .ledig-stilling-container.with-content { margin-bottom: 1.5rem; } .org-info { flex-direction: column; } .ledig-stilling-container.image-content, .ledig-stilling-container.no-content { height:300px; overflow:hidden; margin: 1.333rem 0; width: 100%; max-width: 100%; } .ledig-stilling-title.black-text { font-size: 1.887rem; } .ledig-stilling-info p { text-transform: uppercase; font-size: 10px; } } @media (max-width: 410px) { .ledig-stilling-title.black-text { font-size: 1.333rem; } } /* STOP - ledig stilling grid */ /* ############################################### */ /* ############################################### */ /* START - borders */ /* Variables for border radius */ :root { --border-radius-huge: 400px; --border-radius-large: 200px; --border-radius-medium: 100px; --border-radius-small: 50px; --border-radius-tiny: 25px; } @media (max-width:768px) { :root { --border-radius-huge: 120px; font-size: 16px; } } @media (max-width:768px) { :root { --border-radius-medium: 50px; --border-radius-large: 100px; } } /* tiny */ .tiny-top-left-radius { border-top-left-radius: var(--border-radius-tiny); } .tiny-top-right-radius { border-top-right-radius: var(--border-radius-tiny); } .tiny-bottom-left-radius { border-bottom-left-radius: var(--border-radius-tiny); } .tiny-bottom-right-radius { border-bottom-right-radius: var(--border-radius-tiny); } /* small */ .small-top-left-radius { border-top-left-radius: var(--border-radius-small); } .small-top-right-radius { border-top-right-radius: var(--border-radius-small); } .small-bottom-left-radius { border-bottom-left-radius: var(--border-radius-small); } .small-bottom-right-radius { border-bottom-right-radius: var(--border-radius-small); } /* medium */ .medium-top-left-radius { border-top-left-radius: var(--border-radius-medium); } .medium-top-right-radius { border-top-right-radius: var(--border-radius-medium); } .medium-bottom-left-radius { border-bottom-left-radius: var(--border-radius-medium); } .medium-bottom-right-radius { border-bottom-right-radius: var(--border-radius-medium); } /* large */ .large-top-left-radius { border-top-left-radius: var(--border-radius-large); } .large-top-right-radius { border-top-right-radius: var(--border-radius-large); } .large-bottom-left-radius { border-bottom-left-radius: var(--border-radius-large); } .large-bottom-right-radius { border-bottom-right-radius: var(--border-radius-large); } /* huge */ .huge-top-left-radius { border-top-left-radius: var(--border-radius-huge); } .huge-top-right-radius { border-top-right-radius: var(--border-radius-huge); } .huge-bottom-left-radius { border-bottom-left-radius: var(--border-radius-huge); } .huge-bottom-right-radius { border-bottom-right-radius: var(--border-radius-huge); } /* STOP - borders */ /* ############################################### */ /* ############################################### */ /* START - navigation */ /* External link icon to be used on links that exit mainpage */ .level_2 .external-link.menu-item a::after { font-family: 'FontAwesome'; content: '\f35d'; font-weight: 900; position: absolute; right: 30px; } .level_1.w-nav-title { padding-right: 5px; padding-left: 5px; } /* External link icon to be used on links at level 1 in menu that exits mainpage */ .level_1 .external-link.menu-item a::after { font-family: 'FontAwesome'; content: '\f35d'; font-weight: 900; position: absolute; right: 0; margin-left: 10px; } /* Adds a gap between menu items and their icons */ .level_2 .external-link.menu-item a { margin-right: 1.5rem; padding-right: 1.5rem !important; } /* For menu-elements with very long text */ .longmenulink a { line-height: 18px !important; } /* Adds margin top-bottom to menu anchors */ .level_3 { margin: 3px 0px; } /* Underline effect on menu links */ .level_3 li:hover>.level_3 span { text-decoration: underline; } .w-nav-list.level_1 { padding-top: 0.887rem; padding-bottom: 0.887rem; } /* Main menu background */ .w-nav.type_desktop .w-nav-list:not(.level_1) { box-shadow: none; background-color: #334038; } /* Adds margin to the left of * dropdown arrow on main menu */ span.w-nav-arrow { max-width: 23.91px; margin-left: 0.667rem; } /* Stops arrow moving left when rotated */ .w-nav.type_desktop .w-nav-anchor.level_1 .w-nav-arrow:before { margin-left: 0; } /* Rotates the arrow when menu is opened */ .w-nav .menu-item-has-children.open>.w-nav-anchor .w-nav-arrow { transform: rotate(180deg); transition-property: all; transition-duration: 0.3s; } /* Animates main menu's arrow * when menu is closed */ .w-nav-anchor .w-nav-arrow { transition-property: all; transition-duration: 0.3s; } .w-nav-anchor { cursor: pointer; } /* Border radius on menu dropdown */ .level_2 { border-bottom-right-radius: 50px; } /* Removes padding between menu items */ .w-nav.type_desktop .w-nav-anchor:not(.level_1) { padding: 0px; } /* Changes size of menu headings */ .w-nav-anchor.level_2 { font-size: 20px !important; } /* Changes size of menu items */ .w-nav-anchor.level_3 { font-size: 18px; letter-spacing: 0.5px; } .level_2 .menu-item { padding-right: 1rem; overflow: visible; } /* click instead of hover on menu */ .no-touch .w-nav.type_desktop.m_layout_dropdown .menu-item.menu-item-has-children:not(.open)>.w-nav-list.level_2 { visibility: hidden; } .no-touch .w-nav.type_desktop.m_layout_dropdown .menu-item.menu-item-has-children:not(.open)>.w-nav-list.level_3 { visibility: hidden; } @media (min-width: 1280px) { span.w-nav-title:hover { text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 1px; } .w-nav-anchor.level_1 span.w-nav-title:hover { text-decoration:none; } } @media (max-width: 1280px) { a.w-nav-anchor.level_1 { line-height: 2.5rem !important; } .w-nav-anchor.level_2 { line-height: 1em !important; } .w-nav-anchor.level_2 .w-nav-title { font-size: 16px; } } .menu-item.menu-item-has-children.w-nav-item.level_1.togglable.open ul.w-nav-list.level_2 ul.w-nav-list.level_3 { visibility: visible; } .w-nav.type_desktop.dropdown_none.w-nav-list.open>ul.w-nav-list.level_2, .w-nav.type_desktop.dropdown_none.w-nav-list.open>ul.w-nav-list.level_3 { visibility: visible; } .w-nav.type_desktop.dropdown_none .w-nav-list .open>ul.w-nav-list.level_2 { border-bottom-right-radius: var(--border-radius-medium); visibility: visible; } /* STOP - navigation */ /* ############################################### */ /* ############################################### */ /* START - header icons */ .header_hor .l-subheader-cell.at_right>* { margin-left: 0; } a.w-search-open { width: 62px; height: 62px; justify-content: center; display: flex; align-items: center; } .header-element { width: 62px; height: 62px; justify-content: center; display: flex; line-height: 30px; } .w-dropdown-item { width: 62px; height: 62px; padding-left: 10px; padding-right: 10px; } .w-dropdown-current { width: 62px; height: 62px; margin: 0; padding: 0; } .w-dropdown-list-h .w-dropdown-item { width: unset; } .w-dropdown-list { padding: 0 !important; margin-top: 74px; } #language a[href*="?lang"] { height: 40px !important; } #language .w-dropdown-item { height: 62px !important; } .w-nav-control { height: 62px; } p:empty { display: none; } #language .w-dropdown-list-h { background: #334038; padding: 1rem; margin-top: -2px; font-size: 18px; } #language .w-dropdown-list-h a:hover { text-decoration: underline; } #language p { display: none; } #language li { list-style: none; } #language .wpml-ls-display { display: none !important; } #language ul { margin: 0 !important; } #language .w-dropdown-list-h { width: 234px; margin: 0!important; margin-left: 66px!important; margin-top: -2px !important; } i.fas.fa-globe { margin-left: 3px; } #search-icon .w-form-row-field input { border-radius: 0; height: 62px; position: relative; z-index: 999; } #w-search-form { height: 30px; max-height: 30px; } #us_form_search_s { border: 0; border-bottom: 1px solid; padding-left: 3px; padding-right: 20px; font-size: 18px; } .w-search-close { z-index: 99999 !important; } .w-grid-none.type_message { color: #28332c; } .open, .opened { background: #334038; } @media (max-width: 768px) { .header-element { width: 42px; } } /* STOP - header icons */ /* ############################################### */ /* Fix for big images on left/right image + text cards */ .medium-sized img { max-width: 650px; min-width: 200px; } @media (max-width: 1200px) { .medium-sized img { max-width: 600px; } } @media (max-width: 1100px) { .medium-sized img { max-width: 500px; } } @media (max-width: 1000px) { .medium-sized img { max-width: 400px; } } @media (max-width: 1000px) { .medium-sized img { max-width: 600px; } } @media (max-width: 768px) { .medium-sized img { max-width: 600px; } } @media (max-width: 600px) { .medium-sized img { max-width: 500px; } } @media (max-width: 500px) { .medium-sized img { max-width: 100%; min-width: 100%; } } /* ############################################### */ /* START - single news content template */ .aktuelt-informasjon td, .post_information td { font-size: 1rem; } .aktuelt-informasjon td, .post_information td { border: none; padding: 0px; } .faktaboks p { font-size: 1rem; } .faktaboks, .faktaboks h1, .faktaboks h2, .faktaboks h3, .faktaboks h4, .faktaboks h5, .faktaboks h6 { color: #28332C !important; margin-bottom: 0px; } .faktaboks { background: #80C8BE; padding: 1.5rem; } .faktaboks ul { margin-left: 1.5rem; } .faktaboks .w-post-elm-value td { border-bottom: 1px solid #28332c; padding: 0.6rem 0; } .faktaboks .w-post-elm-value td:first-child { font-weight: bold; } .w-sharing.type_simple .w-sharing-item { border-style: none; padding: 0px; justify-content: left; } .w-sharing.type_simple .w-sharing-item i { color: #80C8BE; opacity: 1; } .custom-sharing-buttons .w-sharing-item.twitter i { margin-bottom: -5px; } .custom-sharing-buttons .w-sharing-item i:hover { filter: grayscale(1) invert(1) !important; } .custom-sharing-buttons .w-sharing-item .fa-x-twitter:hover { filter: none !important; } .custom-sharing-buttons .w-sharing-item.twitter i:before { display: none; } .custom-sharing-buttons .w-sharing-item i:before, .custom-sharing-buttons .w-sharing-item svg { max-width: 18px !important; max-height: 18px !important; top: unset; } /* STOP - single news content template */ /* ############################################### */ /* ############################################### */ /* START - table */ .column-1 { padding: 0.6rem 0px; } .column-2 { padding: 0.6rem 0px; text-align: right; } .tablepress td { font-size: 0.9rem; } /* STOP - table */ /* ############################################### */ /* Makes linkedin logo hidden if empty linkedin profile on employee */ .ansatte .w-image.usg_image_1.has_ratio .w-image-h > .attachment-full.size-full { display: none; } /* Makes linkedin logo visible if there is a linkedin profile on employee */ .ansatte .w-image.usg_image_1.has_ratio a[href*="linkedin.com"] > .attachment-full.size-full { display:block; } /* ############################################### */ /* START - ansatt grid */ .ansatt-info-container p { font-size: 0.9rem; margin-bottom: 0px; } .ansatt-info-container .ansatt-navn { padding-top: 5px; margin-bottom: 4rem; } /* Any empty telephone/mail link is hidden */ a[href$="mailto:"], a[href$="tel:"], a[href$="tel:+"] { display: none; } .ansatt-navn { font-size: 31px; letter-spacing: 0.5px; line-height: 38.4px; margin-top: -3px; } .ansatt-epost:hover { text-decoration: underline; } .ansatt-tlf:hover { text-decoration: underline; } .ansatt-info-container .contact-info p { letter-spacing: 0.5px; } p.ansatt-info-small{ font-size:0.7rem; text-decoration: none; } p.ansatt-info-small:hover { text-decoration: none !important; } .contact-info { position: absolute; bottom: 23px; } .ansatt-txt-container { display: flex; justify-content: space-between; } .ansatt-filter-text { display: none; } .ansattgrid { border-top-left-radius: var(--border-radius-medium); } @media (min-width:600px) { .ansatt-filter-text { display: block; } .ansatt-grid-filter .w-filter-item-value { background: #80EFDE; border-radius: 30px !important; margin: 5px !important; } .ansatt-grid-filter .w-filter-item-value:hover { color: #1E2A28 !important; background: #26E3C7 !important; } .ansatt-grid-filter .w-filter-item-value { letter-spacing: 1.25px; color: #1E2A28; text-transform: uppercase; } .ansatt-grid-filter .w-filter-item-value.selected { color: #1E2A28 !important; } .ansatt-grid-filter .w-filter-item-value-label { line-height: 2.2 !important; } } .ansatt-grid-filter .screen-reader-text { display: none; } .ansatt-epost, .ansatt-tlf, .ansatt-mobil { text-decoration: underline; } @media (max-width:768px) { .ansatt-epost, .ansatt-tlf, .ansatt-mobil { font-size:16px; } } .w-filter-item-values { max-height: 95vh !important; } /* STOP - ansatt grid*/ /* ############################################### */ /* ############################################### */ /* START - grid filter */ .filter-text { display: block; } .grid-filter .w-filter-item-value { background: #80EFDE; border-radius: 30px !important; margin: 5px !important; } .grid-filter .w-filter-item-value:hover { color: #1E2A28 !important; background: #00DAB7 !important; } #hero-image .grid-filter .w-filter-item-value { letter-spacing: 1.25px; color: #1E2A28; text-transform: uppercase; } .w-filter-item-value:hover { background: #00DAB7 !important; } .grid-filter .w-filter-item-value.selected { color: #f2f5f3 !important; background: #007E6A !important; } .grid-filter .w-filter-item-value-label { line-height: 2.2; } .w-hwrapper.align_right.valign_top { justify-content: flex-start; } .w-filter-item-values { display: flex; gap: 0.333rem; } /* STOP - grid filter */ /* ############################################### */ /* Styling for the filter buttons */ .w-filter-item-value-label { font-size: 18px; color: #28332c; text-transform: uppercase; } /* Makes the selected filter button text-color white */ .w-filter-item-value.selected span.w-filter-item-value-label { color: #fff; } @media (max-width: 1280px) { .mobile-display-block { display: block; } } @media (max-width: 768px) { .usg_post_custom_field_2 { display:block; } } /* ############################################### */ /* START - general rules */ /* Stops white space from creeping in from * the right side of the page on reload */ html, body { width: 100%; margin: 0px; overflow-x: hidden; } header { top: 0px !important; } .g-breadcrumbs { font-size: 16px !important; } h1,h2,h3 { word-break: normal; } /* Sets the default font-family for the site */ body { font-family: filson-pro, sans-serif; letter-spacing: 0.5px; background: #28332c; } ::selection { background: rgba(20, 26, 22, 0.8); color: #fff; } pre { background: rgba(0, 0, 0, 0); } /* Class to change link element's color */ .turkois a { color: #80EFDE; } /* Removes the 1 px box shadow of header */ .l-subheader.at_middle.width_full { box-shadow: none !important; } /* Removes the 1 px box shadow of header */ .w-dropdown-list { box-shadow: none !important; } /* Removes the 1 px box shadow of header */ ul.w-nav-list.level_2 { box-shadow: none !important; border-radius: 0; } /* The arrow icon on elements with "show more"-kind of links */ .arrow-pos-right i { float: right; margin-left: 1rem; } /* The paperclip icon on financial reports grid blocks */ .fa-paperclip:before { content: "\f0c6"; position: fixed; right: 25px; transform: rotate(-45deg); } @media (max-width: 1280px) { .w-nav-arrow { display: inline-flex !important; justify-content: center; } #page-header .w-nav-arrow:before { content: none !important; } #page-header .menu-item-has-children > .w-nav-anchor .w-nav-arrow:before { position: relative; content: '\e313' !important; } .w-nav-arrow:before { font-size: 1.5rem !important; } .level_1, .menu-item, .menu-item.opened { background: #334038; } } @media (max-width: 500px) { .stretched.g-cols .via_flex.type_default>div>.vc_column-inner { padding-left: 0px; padding-right: 0px; } } .arrow-right i { float: right; } /* Span link elements classed with the arrow-pos-right * ("show more"-type) gets underlined */ .arrow-pos-right span.w-text-value { margin-left: 0; } .arrow-pos-right a { text-decoration: underline; } /* Adds background-color to the different category-links * of the page. The category tag has a ".category" * class in the grid-template to avoid the block styling * spreading to other links on the page */ .w-hwrapper .category a { padding: 2.5px 5px 2.5px 5px; } .gcrieber-companies.category a[href*="/as/"]:not(footer a, header a), .gcrieber-companies.category a[href*="/gruppen/"]:not(footer a, header a) { background: #80C8BE; border-top-right-radius: 10px; padding: 4px 8px; } .gcrieber-companies.category a[href*="/as/"]:hover:not(footer a, header a) { color: #80C8BE; background: #28332C; } .gcrieber-companies.category a[href*="/growit/"]:not(footer a, header a) { background: #fcca00; border-top-right-radius: 10px; padding: 4px 8px; } .gcrieber-companies.category a[href*="/scaleit/"]:not(footer a, header a) { background: #ffc850; border-top-right-radius: 10px; padding: 4px 8px; } .gcrieber-companies.category a[href*="/fondene/"]:not(footer a, header a) { background: #FBACB1; border-top-right-radius: 10px; padding: 4px 8px; } .gcrieber-companies.category a[href*="/fondene/"]:hover:not(footer a, header a) { color: #FBACB1; background: #28332C; } .gcrieber-companies.category a[href*="/shipping/"]:not(footer a, header a) { background: #8BC5EF; border-top-right-radius: 10px; padding: 4px 8px; } .gcrieber-companies.category a[href*="/shipping/"]:hover:not(footer a, header a) { color: #8BC5EF; background: #28332C; } .gcrieber-companies.category a[href*="/compact/"]:not(footer a, header a) { background: #FFEAB2; border-top-right-radius: 10px; padding: 4px 8px; } .gcrieber-companies.category a[href*="/compact/"]:hover:not(footer a, header a) { color: #FFEAB2; background: #28332C; } .gcrieber-companies.category a[href*="/vivomega/"]:not(footer a, header a) { background: #80EFDE; border-top-right-radius: 10px; padding: 4px 8px; } .gcrieber-companies.category a[href*="/vivomega/"]:hover:not(footer a, header a) { color: #80EFDE; background: #28332C; } .gcrieber-companies.category a[href*="/eiendom/"]:not(footer a, header a) { background: #BEFFD8; border-top-right-radius: 10px; padding: 4px 8px; } .gcrieber-companies.category a[href*="/eiendom/"]:hover:not(footer a, header a) { color: #BEFFD8; background: #28332C; } .gcrieber-companies.category a[href*="/salt/"]:not(footer a, header a) { background: #D3FFFF; border-top-right-radius: 10px; padding: 4px 8px; } .gcrieber-companies.category a[href*="/salt/"]:hover:not(footer a, header a) { color: #D3FFFF; background: #28332C; } .gcrieber-companies.category a[href*="/fortuna/"]:not(footer a, header a) { background: #C2B3EF; border-top-right-radius: 10px; padding: 4px 8px; } .gcrieber-companies.category a[href*="/fortuna/"]:hover:not(footer a, header a) { color: #C2B3EF; background: #28332C; } .gcrieber-companies.category a[href*="/grow-it/"]:not(footer a, header a) { background: #ffe856; border-top-right-radius: 10px; padding: 4px 8px; } /* Generic class for overflow */ .overflows { overflow: hidden; } /* Generic rule for underline */ .underline { border-bottom: 1px solid; } /* Changes color of link elements with .underline when hovered */ .underline a:hover { border-bottom: 1px solid #70d4c4; } /* Generic rule for turkois text */ .turkois { color: #80efde; } /* Changes color of link elements with .turkois when hovered */ .turkois a:hover { color: #26E3C7 !important; } /* Adds border radius to bottom right corner on the Google chart div */ #chart .vc_column-inner { border-bottom-right-radius: 50px; } /* Small adjustments to the news cards on small screens */ @media (max-width: 467px) { time.w-post-elm.post_date.usg_post_date_1.entry-date.published { margin-top: 10px; } h4 { margin-top: 0; } } /* STOP - general rules */ /* ############################################### */ /* ############################################### */ /* START - carousel & pagination */ /* Positions pagination to the right */ .w-grid[class*="cols_"]>.pagination .nav-links { justify-content: end; } /* Removes margin-right of pagination */ .pagination .nav-links { margin-right: 0px !important; } /* Sets the initial position of the 'next' & 'prev' * anchors on the different carousel's with navigation */ .owl-nav { position: absolute; right: 2rem; bottom: -1rem; } /* Designs the 'next' and 'prev' icons */ .owl-next, .owl-prev { color: #BEFFD8; } /* Changes the 'next' and 'prev' hover effect */ .owl-prev:hover, .owl-next:hover { background: none !important; color: #26E3C7; } .owl-carousel.navstyle_circle .owl-nav div { width: 30px; overflow: hidden; } /* Makes the overflown items in the carousel; * the last and next post visible */ .overflow-carousel .owl-stage-outer { overflow: visible; } /* Alters pagination */ .pagination .nav-links { justify-content: flex-end; z-index: 5; } /* STOP - carousel & pagination */ /* ############################################### */ /* ############################################### */ .w-filter-item-values { padding: 0.5rem 0; } /* START - mobile filters */ @media (max-width:768px) { .w-filter-item-values { display: inline-grid !important; } input:checked + .w-form-checkbox:before { visibility:hidden; } .w-filter.state_mobile .w-filter-list { top: 100px; } .w-filter-list-closer { top: 100px; } a.w-filter-item-value { width: 100%; line-height: 39px; } .grid-filter .w-filter-item-value { background: #26E3C7 !important; color: #28332C !important; border-radius:0px !important; border-bottom-left-radius: 13px !important; line-height: 36px; } .w-filter-item-value-label { padding-right:20px; padding-left:20px; font-size: 16px; border-radius:0px; border-bottom-left-radius: 13px; } .w-filter-item-value.selected:hover .w-form-checkbox { border-color:rgba(0,0,0,0); } .w-form-checkbox, .w-form-radio { border:none !important; } .w-filter-item-value.selected .w-filter-item-value-label{ font-weight: 400; color: #F2F5F3; } .w-filter-item-value.selected .w-filter-item-value-label:hover { color: #28332C; } .w-filter-item-value { color: #28332C; } .w-filter-item-value:hover { background: #80EFDE !important; } .w-filter-item-value.selected:hover { background: #00C898 !important; color: #28332C !important; } .w-filter-item-value.selected .w-form-checkbox::after{ content: ""; width: 27px; height: 27px; border-width: 2px; border-radius: 50%; z-index: 5; background: #28332C; position: absolute; margin-top: -30px; margin-left: -11px; } .w-form-radio:before { content: ""; width: 25px; height: 25px; border-width: 2px; border-radius: 50%; z-index: 5; background: #28332C; position: absolute; margin-top: 3px; margin-left: 7px; } .w-filter-item-value-label::after{ display:none; } .w-filter-list-panel { bottom: 0; padding-bottom: 5rem; } a.w-filter-item-reset { position: absolute; right: 0 !important; top: 0px; color: #26E3C7; text-transform: uppercase; font-weight: 400; letter-spacing: 4.3px; } } @media (max-width: 450px) { .w-filter-item-value-label { max-width: 100%; min-width: 255px; hyphens:revert !important; word-break: break-word; } } /* STOP - mobile filters */ /* ############################################### */ /* ############################################### */ /* START - sidemal */ /* start of sidemal borders */ .b-top-right, .b-top-left, .b-bottom-right, .b-bottom-left { margin: 1.5rem 0; } .b-top-right, .b-top-right .owl-item .post_image { border-top-right-radius: var(--border-radius-medium); } /*REMOVE WHEN EMPLOYEES GET IMAGES*/ .border-temp img { border-top-left-radius: var(--border-radius-medium); } .b-top-left, .b-top-left .owl-item .post_image { border-top-left-radius: var(--border-radius-medium); } .b-bottom-right, .b-bottom-right .owl-item .post_image { border-bottom-right-radius: var(--border-radius-medium); } .b-bottom-left, .b-bottom-left .owl-item .post_image { border-bottom-left-radius: var(--border-radius-medium); } .b-top-left-large { border-top-left-radius: var(--border-radius-large); } .b-top-right-large { border-top-right-radius: var(--border-radius-large); } .b-bottom-left-large { border-bottom-left-radius: var(--border-radius-large); } .b-bottom-right-large { border-bottom-right-radius: var(--border-radius-large); } /* end of sidemal borders */ /* start of sidemal page sidemeny */ .custom-sidemeny p a { text-decoration: none !important; } .custom-sidemeny p { margin: 0px; border-top: 1px solid #F2F5F3; box-sizing: border-box; padding-top: 10px; padding-bottom: 10px; } .custom-sidemeny div p:last-of-type { border-bottom: 1px solid #F2F5F3; } /* end of sidemal page sidemeny */ /* start of sidemal 4 column image grid */ .four-column-grid-images { margin: 3rem 0; } .four-column-grid-images .w-grid-item:nth-child(3n + 1) .w-grid-item-h { border-bottom-left-radius: var(--border-radius-medium); } .four-column-grid-images .w-grid-item:nth-child(3n + 2) .w-grid-item-h { border-top-right-radius: var(--border-radius-medium); } .four-column-grid-images .w-grid-item:nth-child(3n + 3) .w-grid-item-h { border-bottom-right-radius: var(--border-radius-medium); } /* end of sidemal 4 column image grid */ /* STOP - sidemal */ /* ############################################### */ /* ############################################### */ /* START - footer */ #page-footer { font-size: 18px; } #page-footer li { margin-bottom: 0px; } #page-footer li a:hover { text-decoration: underline; } #page-footer .as-menu-seperator { margin-top: 3rem; position: relative; } #page-footer .as-menu-seperator:before { content: ''; width: 24px; height: 2px; position: absolute; background: #F2F5F3; top: -1.5rem; } .white-text h5 { color: #F2F5F3 !important; } .selskaper { min-width: 220px; } footer a:hover { text-decoration: underline !important; } footer .w-text { margin: 0; } /* START - social media footer */ footer img { width: 40px; height: 40px; } footer .so-me a { border-bottom: 1px solid rgba(0,0,0,0) !important; } footer .so-me a:hover { border-bottom: 1px solid #80efde !important; } @media (max-width: 768px) { footer .w-hwrapper.align_right.valign_middle.wrap { justify-content: start; } footer .so-me { float: left; } } /* STOP - social media footer */ /* STOP - footer */ /* ############################################### */ /* ############################################### */ /* START - media queries /* More user friendly mobile menu */ @media (min-width: 992px) and (max-width: 1199px) { .g-cols.via_flex.type_default>div[class*="vc_col-lg-"] { margin-top: 0; margin-bottom: 0; } } @media (max-width: 1024px) { /* Google Chart div on smaller size devices, 100% width and clears */ #chart .vc_col-sm-6.vc_col-lg-6.vc_col-md-12.vc_col-xs-12.wpb_column.vc_column_container { width: 100%; } /* Adds margin top to the chart div when cleared on own line */ #chart { margin-top: 1.2rem; } /* "Rieber i tall" section */ #cards { width: 100%; } .vc_col-sm-6.vc_col-lg-6.vc_col-md-12.vc_col-xs-12.wpb_column.vc_column_container.small-bottom-right-radius.has_bg_color { padding-left: 1.5rem; padding-right: 1.5rem; } } @media (max-width: 1024px) { a.w-nav-control { top: 15px; } } @media (max-width: 768px) { .w-nav-control { height:62px; padding: 0 0.9rem; } .w-nav-control.active { background: #334038; } /* Corrects left and right margin when in mobile mode * with full width search input field */ .w-search.layout_fullwidth .w-search-form { margin-left: 4%; margin-right: 4%; } /* Increases size and corrects position of close icon * in the full width search input field */ .w-search.layout_fullwidth .w-search-close { transform: scale(1.5); margin-top: -20px; padding-right: 15px } /* Increases font size of input field when in mobile mode */ #us_form_search_s { font-size: 24px; } /* START - page: hero mobile changes */ .vc_col-sm-10.vc_col-xs-12.wpb_column.vc_column_container.stretched { position: absolute; margin-top: 2.333rem; } #hero h1 { width: 90vw; } /* STOP - page: hero mobile changes */ } /* Re-aligns search icon on less than 600px breakpoint */ @media (max-width:600px) { .w-search-open i { line-height: 32px; } } /* STOP - media queries */ /* ############################################### */ .no-underline a { text-decoration: none !important; } .no-underline a:hover { text-decoration: underline; } /* start - tablet/mobile navigation update */ @media (max-width: 1280px) { #page-header .w-nav.type_mobile.m_layout_dropdown .w-nav-list.level_1 { left: unset; right: unset; padding: 0 !important; width: 500px; box-shadow: 0 3px 3px rgba(0,0,0,0.3); } #page-header .menu-item:last-of-type .w-nav-anchor.level_1 { padding-bottom: 1rem; } #page-header .w-nav-anchor.level_1 { padding-left: 1.5rem; height: 50px; display: flex; align-items: center; } #page-header .ush_menu_2 .w-nav-item.level_1.opened>a:not(.w-btn), #page-header .ush_menu_2 .w-nav-item.level_1:hover>a:not(.w-btn) { background: #475A4E !important; } #page-header .level_2 .menu-item { border-radius: 0; background: var(--color-content-bg); } } @media (max-width: 768px) { #page-header .w-nav.type_mobile.m_layout_dropdown .w-nav-list.level_1 { left: 0; right: 0; top: var(--header-height); position: fixed; padding: 0 !important; width: 100%; box-shadow: 0 3px 3px rgba(0,0,0,0.3); } #page-header.sticky .w-nav.type_mobile.m_layout_dropdown .w-nav-list.level_1 { top: var(--header-sticky-height); } } /* stop - tablet/mobile navigation update */