:root {
--color-bg: #fff;
--color-surface: #f7f8fa;
--color-text: #1a1d23;
--color-text-muted: #6b7280;
--color-primary: #2f6fed;
--color-primary-hover: #1d56d1;
--color-border: #e5e7eb;
--font-sans: -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "Helvetica", "Arial", sans-serif;
--container-width: 1140px;
--radius: 10px;
--transition: 0.2s ease;
}
* {
box-sizing: border-box;
}
html {
scroll-behavior: smooth; overflow-x: hidden;
}
body {
margin: 0;
font-family: var(--wp--preset--font-family--sans);
font-size: 16px;
line-height: 1.56;
color: var(--color-text);
background: var(--color-bg);
} h1,
h2,
h3,
h4,
h5,
h6 {
text-wrap: balance;
}
p,
li {
text-wrap: pretty;
}
.kw-nowrap {
white-space: nowrap;
} body.editor-styles-wrapper {
color: var(--color-text);
} .single-service .wp-block-post-content :is(.wp-block-column, .wp-block-group):has(> p.has-text-body-color) > p:not(.has-text-color, [style*="font-weight"]),
.editor-styles-wrapper :is(.wp-block-column, .wp-block-group):has(> p.has-text-body-color) > p:not(.has-text-color, [style*="font-weight"]) {
color: var(--wp--preset--color--text-body);
}
img {
max-width: 100%;
height: auto;
display: block;
}
a {
color: var(--color-primary);
text-decoration: none;
transition: color var(--transition);
}
a:hover {
color: var(--color-primary-hover);
}
.screen-reader-text {
position: absolute;
width: 1px;
height: 1px;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
white-space: nowrap;
}
.screen-reader-text:focus {
position: fixed;
top: 10px;
left: 10px;
width: auto;
height: auto;
padding: 10px 16px;
background: var(--color-primary);
color: #fff;
z-index: 999999;
border-radius: var(--radius);
}
.site-header-inner,
.site-footer-inner {
max-width: var(--container-width);
margin: 0 auto;
padding: 0 24px;
} .site-header {
position: sticky;
top: 0;
z-index: 100;
background: rgb(255 255 255 / 90%);
backdrop-filter: saturate(180%) blur(8px);
border-bottom: 1px solid var(--color-border);
} html.has-modal-open .site-header {
backdrop-filter: none;
}
.site-header-inner {
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
gap: 16px 24px;
padding-top: 16px;
padding-bottom: 16px;
}
.site-branding {
display: flex;
align-items: center;
gap: 12px;
min-width: 0;
} .custom-logo-link img,
.custom-logo {
width: 160px;
max-width: 160px;
height: auto;
}
.site-title {
margin: 0;
font-size: 20px;
font-weight: 700;
}
.site-title a {
color: var(--color-text);
opacity: 1;
transition: opacity 0.2s ease;
}
.site-title a:hover {
opacity: 0.8;
}
.site-description {
margin: 0;
font-size: 13px;
color: var(--color-text-muted);
}
.menu-toggle {
display: none;
flex-direction: column;
justify-content: center;
gap: 5px;
width: 40px;
height: 40px;
padding: 0;
border: 1px solid var(--color-border);
border-radius: var(--radius);
background: transparent;
cursor: pointer;
}
.menu-toggle span {
display: block;
width: 18px;
height: 2px;
margin: 0 auto;
background: var(--color-text);
}
.main-navigation ul {
list-style: none;
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 8px 28px;
margin: 0;
padding: 0;
}
.main-navigation li {
position: relative;
}
.main-navigation a {
display: inline-block;
padding: 8px 0;
font-size: 15px;
font-weight: 500;
color: var(--color-text);
}
.main-navigation a:hover {
color: var(--color-primary);
} .site-header .wp-block-navigation-item__content {
transition: color 0.2s ease;
}
.site-header .wp-block-navigation-item__content:hover {
color: var(--wp--preset--color--brand-cyan) !important;
}
.main-navigation ul ul {
display: none;
position: absolute;
top: 100%;
left: 0;
flex-direction: column;
gap: 0;
min-width: 200px;
padding: 8px;
background: var(--color-bg);
border: 1px solid var(--color-border);
border-radius: var(--radius);
box-shadow: 0 12px 24px rgb(0 0 0 / 8%);
}
.main-navigation li:hover > ul,
.main-navigation li:focus-within > ul {
display: flex;
}
.main-navigation ul ul a {
padding: 8px 12px;
border-radius: 6px;
}
.main-navigation ul ul a:hover {
background: var(--color-surface);
}
@media (max-width: 782px) {
.menu-toggle {
display: flex;
}
.main-navigation {
display: none;
width: 100%;
order: 3;
}
.main-navigation.is-open {
display: block;
}
.main-navigation ul {
flex-direction: column;
align-items: flex-start;
gap: 4px;
padding: 16px 0;
}
.main-navigation ul ul {
position: static;
box-shadow: none;
border: none;
padding-left: 16px;
min-width: 0;
}
} .site-content {
max-width: var(--container-width);
margin: 0 auto;
padding: 48px 24px;
display: grid;
grid-template-columns: 1fr;
gap: 40px;
}
.has-sidebar.site-content {
grid-template-columns: 2fr 1fr;
}
@media (max-width: 900px) {
.has-sidebar.site-content {
grid-template-columns: 1fr;
}
}
.site-main {
min-width: 0;
}
article {
margin-bottom: 40px;
padding-bottom: 40px;
border-bottom: 1px solid var(--color-border);
}
article:last-child {
border-bottom: none;
margin-bottom: 0;
}
.entry-title {
margin: 0 0 12px;
font-size: 28px;
line-height: 1.3;
}
.entry-title a {
color: var(--color-text);
}
.entry-title a:hover {
color: var(--color-primary);
}
.entry-meta {
margin: 0 0 16px;
font-size: 13px;
color: var(--color-text-muted);
}
.entry-thumbnail {
margin-bottom: 20px;
}
.entry-thumbnail img {
border-radius: var(--radius);
}
.entry-content p:first-child {
margin-top: 0;
}
.read-more {
display: inline-block;
margin-top: 12px;
font-weight: 600;
} .widget-area .widget {
margin-bottom: 32px;
padding: 24px;
background: var(--color-surface);
border-radius: var(--radius);
}
.widget-title {
margin: 0 0 16px;
font-size: 16px;
text-transform: uppercase;
letter-spacing: 0.04em;
} .site-footer {
border-top: 1px solid var(--color-border);
background: var(--color-surface);
margin-top: 48px;
}
.site-footer-inner {
padding-top: 48px;
padding-bottom: 24px;
}
.footer-widgets {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
gap: 32px;
margin-bottom: 32px;
}
.footer-widgets .widget {
padding: 0;
background: transparent;
}
.footer-navigation ul {
list-style: none;
display: flex;
flex-wrap: wrap;
gap: 20px;
margin: 0;
padding: 0;
}
.footer-navigation a {
font-size: 14px;
color: var(--color-text-muted);
}
.footer-navigation a:hover {
color: var(--color-primary);
}
.site-footer-bottom {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
gap: 12px;
padding-top: 24px;
border-top: 1px solid var(--color-border);
font-size: 13px;
color: var(--color-text-muted);
}
.posts-navigation {
display: flex;
justify-content: space-between;
gap: 20px;
margin-top: 40px;
font-weight: 600;
} @media (max-width: 782px) {
.site-header {
padding-left: 16px;
padding-right: 16px;
}
} @media (max-width: 1140px) {
.site-header .header-actions {
display: none;
}
.site-header nav.wp-block-navigation {
margin-left: 12px;
}
.site-header .wp-block-navigation__responsive-container-open:not(.always-shown) {
display: flex;
}
.site-header .wp-block-navigation__responsive-container:not(.hidden-by-default, .is-menu-open) {
display: none;
}
} .site-header .wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open:not(.disable-default-overlay) {
top: var(--nk-header-bottom, 81px);
bottom: 0;
padding: 0;
overflow: visible;
background-color: rgb(28 36 75 / 35%);
}
.site-header .wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open:not(.disable-default-overlay) .wp-block-navigation__responsive-close,
.site-header .wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open:not(.disable-default-overlay) .wp-block-navigation__responsive-dialog {
max-width: none;
margin: 0;
} .site-header .wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open:not(.disable-default-overlay) .wp-block-navigation__responsive-container-close {
top: calc(var(--nk-header-h, 81px) / -2 - 12px);
right: 16px;
color: var(--wp--preset--color--brand-cyan);
}
html.has-modal-open .site-header .wp-block-navigation__responsive-container-open {
visibility: hidden;
}
.site-header .wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open:not(.disable-default-overlay) .wp-block-navigation__responsive-container-content {
align-items: stretch;
max-height: calc(100dvh - var(--nk-header-bottom, 81px));
padding: 0;
overflow-y: auto;
overscroll-behavior: contain;
background-color: var(--wp--preset--color--surface-paper);
box-shadow: 0 12px 24px rgb(28 36 75 / 12%);
}
.site-header .wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open:not(.disable-default-overlay) .wp-block-navigation__container {
align-items: stretch;
gap: 0;
width: 100%;
margin: 0;
}
.site-header .wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open:not(.disable-default-overlay) .wp-block-navigation-item {
align-items: stretch;
width: 100%;
}
.site-header .wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open:not(.disable-default-overlay) .wp-block-navigation-item__content {
display: flex;
align-items: center;
min-height: 46px;
padding: 12px 16px;
} .site-header .wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open:not(.disable-default-overlay) .current-menu-item > .wp-block-navigation-item__content {
background-color: #f9fafd;
} .site-header .wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open:not(.disable-default-overlay) .has-child {
flex-flow: row wrap;
}
.site-header .wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open:not(.disable-default-overlay) .has-child > .wp-block-navigation-item__content {
flex: 0 1 auto;
padding-right: 8px;
}
.site-header .wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open:not(.disable-default-overlay) .wp-block-navigation__submenu-icon {
display: flex;
flex: 1 1 auto;
align-items: center;
width: auto;
height: auto;
min-height: 46px;
margin: 0;
padding: 0 16px 0 0;
}
.site-header .wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open:not(.disable-default-overlay) .wp-block-navigation__submenu-icon svg {
width: 12px;
height: 12px;
margin: 0;
transition: transform var(--transition);
}
.site-header .wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open:not(.disable-default-overlay) .has-child.is-sub-open > .wp-block-navigation__submenu-icon svg {
transform: rotate(180deg);
}
.site-header .wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open:not(.disable-default-overlay) .has-child .wp-block-navigation__submenu-container {
flex-basis: 100%;
min-width: 0;
padding: 0;
}
.site-header .wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open:not(.disable-default-overlay) .has-child:not(.is-sub-open) > .wp-block-navigation__submenu-container {
display: none;
}
.site-header .wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open:not(.disable-default-overlay) .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
padding-left: 32px;
} .site-header .header-call-mobile {
display: none;
margin: 0;
}
@media (max-width: 1140px) {
.site-header .header-call-mobile {
display: block;
margin-left: auto;
}
.site-header .header-call-mobile a {
display: block;
border-radius: 50%;
transition: filter var(--transition);
}
.site-header .header-call-mobile a:hover {
filter: brightness(0.9);
}
.site-header .header-call-mobile img {
width: 40px;
height: 40px;
}
} [id="gt_float_wrapper"] {
bottom: calc(20px + var(--kw-consent-banner-h, 0px)) !important;
} .mobile-cta-bar {
display: none;
}
@media (max-width: 782px) {
.mobile-cta-bar {
display: flex;
position: fixed;
right: 0;
bottom: 0;
left: 0;
z-index: 99;
gap: 8px;
margin: 0;
padding: 8px 16px calc(8px + env(safe-area-inset-bottom));
background: var(--wp--preset--color--surface-white);
border-top: 0.5px solid rgb(0 0 0 / 12%);
box-shadow: 0 -4px 16px rgb(28 36 75 / 8%);
} html.has-modal-open .mobile-cta-bar {
display: none;
} [id="gt_float_wrapper"] {
bottom: max(calc(77px + env(safe-area-inset-bottom)), calc(12px + var(--kw-consent-banner-h, 0px))) !important;
}
html.has-modal-open [id="gt_float_wrapper"] {
bottom: 20px !important;
}
.mobile-cta-bar a {
flex: 1;
display: flex;
align-items: center;
justify-content: center;
gap: 6px;
min-height: 48px;
border-radius: 100px;
font-size: var(--wp--preset--font-size--small);
font-weight: 500;
white-space: nowrap;
text-decoration: none;
transition: filter var(--transition), background-color var(--transition);
}
.mobile-cta-bar img {
display: inline-block;
width: 16px;
height: 16px;
}
.mobile-cta-bar-call {
color: var(--wp--preset--color--brand-navy);
border: 1px solid var(--wp--preset--color--border);
}
.mobile-cta-bar-call:hover {
background-color: var(--wp--preset--color--surface-mist);
}
.mobile-cta-bar-book {
color: var(--wp--preset--color--text-button);
background-color: var(--wp--preset--color--brand-cyan);
} .mobile-cta-bar-book:hover,
.mobile-cta-bar-book:focus-visible {
color: var(--wp--preset--color--text-button);
filter: brightness(0.9);
}
.mobile-cta-bar-arrow {
width: 16px;
height: 16px;
background-color: currentcolor;
mask: url(//norsk-klimasenter.no/wp-content/themes/norsk-klimasenter/assets/icons/arrow-right.svg) center / contain no-repeat;
} body {
padding-bottom: calc(64px + env(safe-area-inset-bottom));
}
} .site-footer .footer-about {
max-width: 260px;
} .footer-top-row {
column-gap: 120px;
}
.site-footer .footer-nav-columns {
flex: 1;
} .site-footer .footer-nav.wp-block-navigation .wp-block-navigation__container {
gap: 12px;
}
.site-footer .footer-nav .wp-block-navigation-item a {
transition: color var(--transition);
}
.site-footer .footer-nav .wp-block-navigation-item a:hover {
color: var(--color-bg);
} @media (min-width: 901px) and (max-width: 1199px) {
.footer-top-row {
column-gap: 48px;
}
.site-footer .footer-nav-columns {
column-gap: 20px !important;
}
.site-footer .footer-nav .wp-block-navigation-item {
font-size: 13px;
}
.site-footer .footer-nav-columns p {
font-size: 11px !important;
}
}
@media (max-width: 900px) {
.site-footer {
padding-left: 16px;
padding-right: 16px;
}
.site-footer .footer-about {
max-width: none;
} .footer-top-row {
flex-direction: column;
align-items: flex-start;
}
.site-footer .footer-nav-columns {
width: 100%;
flex-wrap: wrap;
} .site-footer .footer-nav-columns > .wp-block-column {
flex-basis: calc(50% - 16px) !important;
}
}  .wp-block-button__link {
white-space: nowrap;
transition: filter 0.2s ease, background-color 0.2s ease;
} .wp-block-button__link.has-brand-cyan-background-color:hover {
filter: brightness(0.9);
}
.wp-block-button__link.has-surface-white-background-color:hover {
background-color: var(--wp--preset--color--surface-mist) !important;
} .wp-block-button:not([class*="is-style-"]) > .wp-block-button__link:not(.has-background, .has-text-color) {
padding: 0.667em 1.33em;
border: 1px solid currentcolor;
border-radius: 100px;
color: var(--wp--preset--color--text-button);
background-color: var(--wp--preset--color--surface-white);
}
.wp-block-button:not([class*="is-style-"]) > .wp-block-button__link:not(.has-background, .has-text-color):hover {
background-color: var(--wp--preset--color--surface-mist);
} .has-surface-mist-background-color .wp-block-button__link.has-surface-white-background-color:hover {
background-color: #cceffd !important;
}  .hero-media {
width: 773px;
max-width: 100%;
flex-shrink: 0;
} .hero-row {
align-items: stretch;
} .hero-text-col {
justify-content: space-between;
} .hero-text-col .wp-block-group.is-nowrap:has(> figure img[src*="pill-icon"]) {
align-items: flex-start;
}
.hero-text-col .wp-block-group.is-nowrap > figure:has(img[src*="pill-icon"]) {
margin-top: 1px;
} @media (min-width: 1025px) {
.hero-text-col .wp-block-group.is-nowrap:has(> figure img[src*="pill-icon"]) > p {
white-space: nowrap;
}
}
@media (max-width: 1024px) {
.hero-text-col {
justify-content: flex-start;
}
} .hero-row > *:first-child {
min-width: 0;
flex-shrink: 1;
} @media (min-width: 1025px) {
.hero-row > .hero-text-col {
min-width: min-content;
flex-shrink: 1000;
} .hero-row > .hero-text-col > .hero-buttons {
margin-right: -56px;
}
.hero-media {
flex-shrink: 1;
min-width: 340px;
}
}
@media (max-width: 1024px) { .hero-row {
flex-direction: column;
gap: 40px !important;
} .hero-row > * {
min-width: 0;
max-width: 100%;
} .hero-media {
width: 100%;
order: -1;
}
} @media (max-width: 600px) {
.hero-media.wp-block-cover {
min-height: 340px !important;
}
}
@media (max-width: 480px) { .hero-buttons,
.services-product-info-buttons {
flex-wrap: wrap;
}
} @media (max-width: 1199px) {
.services-product-info-buttons {
flex-wrap: wrap;
}
}  .trust-logos {
flex-wrap: wrap;
align-items: center;
row-gap: 24px;
} @media (max-width: 600px) {
.trust-logos {
padding-bottom: 40px;
border-bottom: 1px solid rgb(255 255 255 / 16%);
}
} .trust-logos > .wp-block-image {
flex: 0 1 200px;
min-width: 0;
margin: 0;
} .trust-logos > .wp-block-image a {
display: block;
}
.trust-logos > .wp-block-image img {
display: block;
width: 100%;
height: auto;
aspect-ratio: 200 / 56;
object-fit: contain;
} .trust-logos > .wp-block-image img[src*="samsung"] {
box-sizing: border-box;
padding: 0 15%;
}
@media (min-width: 901px) {
.trust-logos {
flex-wrap: nowrap;
}
} @media (max-width: 600px) {
.wp-block-group:has(> .trust-logos) > * + * {
margin-top: 48px !important;
}
} .trust-logos > .wp-block-image:not(:last-child) {
position: relative;
}
.trust-logos > .wp-block-image:not(:last-child)::after {
content: "";
position: absolute;
top: 0;
bottom: 0;
right: -20px;
width: 1px;
background: rgb(255 255 255 / 16%);
}
@media (max-width: 900px) {
.trust-logos > .wp-block-image:not(:last-child)::after {
display: none;
}
} .trust-marquee {
overflow: hidden;
width: 100%;
max-width: 100%; min-width: 0;
}
.trust-marquee-track {
width: max-content;
} .trust-marquee-slide {
flex-shrink: 0;
width: 324px;
}
.trust-marquee-slide.is-size-wide {
width: 488px;
}
@media (max-width: 782px) {
.trust-marquee-slide {
width: 240px;
}
.trust-marquee-slide.is-size-wide {
width: 340px;
}
} .testimonial-card.is-style-quote {
min-height: 295px;
}
.testimonial-card.is-style-stat {
min-height: 200px;
} .testimonial-card-mittanbud {
position: relative;
align-items: flex-start !important;
} .testimonial-card-mittanbud > div:first-child {
padding-bottom: 59px;
}
.testimonial-card-mittanbud .wp-block-image {
position: absolute;
right: 26px;
bottom: 16px;
margin: 0;
} .testimonial-full-width-button {
width: 100%;
}
.testimonial-full-width-button .wp-block-button,
.testimonial-full-width-button .wp-block-button__link {
width: 100%;
}
.testimonial-full-width-button .wp-block-button__link {
text-align: center;
} .testimonial-card.is-style-stat.is-vertical .wp-block-image:last-child {
margin-top: 11px;
}
.testimonial-card-trustpilot .wp-block-image {
align-self: flex-end;
} .testimonial-card-trustpilot {
flex: 1;
} .testimonials-grid {
align-items: stretch !important;
} .testimonials-grid > .wp-block-column {
display: flex;
flex-direction: column;
align-self: stretch !important;
} .testimonial-stat-image {
margin: 0 0 20px;
flex-shrink: 0;
}
.testimonial-stat-image img {
width: 100%;
height: 300px;
object-fit: cover;
border-radius: 20px;
}
.testimonial-stat-image + .testimonial-card.is-style-stat {
flex: 1;
} .testimonial-card.is-style-stat + .testimonial-card.is-style-quote {
flex: 1;
} .testimonial-image-column {
padding-right: 0 !important;
margin-right: -20px;
}
.testimonial-photo-card {
flex: 1;
min-height: 620px;
}
figure.testimonial-photo-card img {
width: 100%;
height: 100%;
min-height: 620px;
object-fit: cover;
}
@media (max-width: 782px) {
.testimonials-grid {
flex-wrap: wrap;
}
.testimonials-grid > .wp-block-column {
flex-basis: 100% !important;
} .testimonial-image-column {
padding-right: 0 !important;
margin-right: 0;
}
.testimonial-photo-card {
min-height: 320px;
}
figure.testimonial-photo-card img {
height: 320px;
min-height: 0;
}
} @media (min-width: 601px) and (max-width: 1023px) {
.wp-block-columns.testimonials-grid {
flex-wrap: wrap !important;
row-gap: 20px;
}
.wp-block-columns.testimonials-grid > .wp-block-column {
flex-basis: calc(50% - 10px) !important;
flex-grow: 0;
} .wp-block-columns.testimonials-grid > .testimonial-image-column {
position: relative;
min-height: 320px;
padding-right: 0 !important;
margin-right: 0;
} .testimonial-image-column .testimonial-photo-card {
position: absolute;
inset: 0;
min-height: 0;
margin: 0;
overflow: hidden;
border-radius: 20px;
}
.testimonial-image-column figure.testimonial-photo-card img {
width: 112%;
max-width: none;
height: 100%;
min-height: 0;
border-radius: 0 !important;
}
} .final-cta-row {
background-color: #1c244b;
}
.final-cta-content {
flex: 0 1 532px;
min-width: 0;
}
.final-cta-form {
flex: 0 0 468px;
width: 468px;
box-shadow: 0 16px 44px rgb(28 36 75 / 12%);
} .final-cta-row > .wp-block-cover__background {
background-color: #0c284f !important;
opacity: 0.62 !important;
}
.final-cta-content h2 {
line-height: 1.14;
letter-spacing: -0.32px;
}
.final-cta-content h2 + p {
font-size: 16px;
line-height: 1.56;
color: #b9c8e4 !important;
} .final-cta-content figure + .wp-block-group > p:first-child {
font-size: 12px !important;
font-weight: 600;
line-height: 1.2;
color: #b9c8e4 !important;
}
.final-cta-content figure + .wp-block-group > p:last-child {
line-height: 1.28;
letter-spacing: -0.06px;
color: #f7f9fa !important;
} @media (min-width: 1101px) { .final-cta-row .final-cta-inner-row {
flex-wrap: nowrap;
align-items: stretch;
gap: clamp(40px, 8vw, 132px) !important;
} .final-cta-row .final-cta-content {
align-self: stretch;
justify-content: space-between;
padding-top: 48px;
padding-bottom: 31.5px;
}
.final-cta-content h2,
.final-cta-content h2 + p {
max-width: 380px;
}
.final-cta-row .final-cta-form {
flex: 0 1 468px;
width: auto;
min-width: 400px;
}
}
@media (max-width: 1100px) { .final-cta-inner-row {
flex-direction: column;
gap: 40px !important;
}
.final-cta-content,
.final-cta-form {
flex-basis: auto;
width: 100%;
}
} .is-style-hvb-media,
.is-style-hvb-media img {
width: 100%;
margin: 0;
}
.is-style-hvb-media img {
aspect-ratio: 294 / 196;
height: auto;
object-fit: cover;
display: block;
border-radius: 30px 30px 0 0;
} .service-hero-images-row {
align-items: stretch;
}
.service-hero-images-row .wp-block-image,
.service-hero-images-row .wp-block-image img {
height: 100%;
margin: 0;
}
.service-hero-images-row .wp-block-image img {
width: 100%;
object-fit: cover;
display: block;
} @media (max-width: 781px) {
.wp-block-post-content:has(> .service-hero-images-row) {
display: flex;
flex-direction: column;
}
.wp-block-post-content > .service-hero-images-row {
display: contents;
}
.service-hero-images-row > .wp-block-column:first-child {
order: -1;
margin: 0 0 32px;
}
.service-hero-images-row > .wp-block-column:last-child {
margin-top: 32px;
}
} .section-heading-row-title {
flex: 0 0 auto;
width: 377px;
max-width: 100%;
margin: 0;
} .service-benefits-title {
width: 480px;
} .section-heading-row {
justify-content: space-between;
}
.section-heading-row-body {
flex: 1 1 320px;
min-width: 0;
max-width: 413px;
}
@media (max-width: 900px) {
.section-heading-row-title {
width: 100%;
}
.section-heading-row-body {
max-width: 100%;
}
} .hvb-card {
height: 100%;
overflow: hidden;
justify-content: space-between;
}
@media (max-width: 782px) {
.hvb-card {
height: auto;
justify-content: flex-start;
}
}
.hvb-card-body {
flex: 1 1 auto;
justify-content: space-between;
} @media (max-width: 600px) {
.hvb-card-body {
min-width: 0;
padding-top: 24px !important;
padding-right: 24px !important;
padding-left: 24px !important;
}
.hvb-card-body .wp-block-button__link {
white-space: normal;
}
} .service-card {
height: 100%;
overflow: hidden;
flex-wrap: nowrap !important;
}
.service-card-body {
flex: 1 1 auto;
justify-content: space-between;
} .service-card > .service-card-body {
padding-right: 24px !important;
}
.service-card:has(.service-card-icon-chip) > .service-card-body .wp-block-heading:first-child,
.service-card:has(.service-card-icon-chip) > .service-card-body > h5:first-child {
padding-right: 32px;
} .service-card-media {
position: relative;
} .service-card-media img {
width: 100%;
} @media (max-width: 782px) {
.service-card-media > .wp-block-image:not(.service-card-icon-chip) {
display: block;
margin: 0;
}
.service-card-media > .wp-block-image:not(.service-card-icon-chip) img {
display: block;
height: auto;
aspect-ratio: 408 / 293;
object-fit: cover;
}
} .services-grid-item .service-card-media img {
aspect-ratio: 408 / 293;
object-fit: cover;
}
.service-card-icon-chip {
position: absolute;
right: 16px;
bottom: -32px;
margin: 0;
border-radius: 50%;
box-shadow: 0 4px 10px rgb(28 36 75 / 10%);
}
@media (max-width: 782px) {
.service-card {
height: auto;
}
} @media (min-width: 601px) and (max-width: 781px) {
.wp-block-column > .service-card:not(.housing-card) {
flex-direction: row;
align-items: stretch;
gap: 0;
padding-bottom: 0 !important;
} .wp-block-column > .service-card:not(.housing-card) > .service-card-media {
flex: 0 0 42%;
min-height: 220px;
}
.wp-block-column > .service-card:not(.housing-card) .service-card-media > .wp-block-image:not(.service-card-icon-chip) {
position: absolute;
inset: 0;
}
.wp-block-column > .service-card:not(.housing-card) .service-card-media > .wp-block-image:not(.service-card-icon-chip) img {
height: 100%;
aspect-ratio: auto;
}
.wp-block-column > .service-card:not(.housing-card) .service-card-icon-chip {
right: 16px;
bottom: 16px;
}
.wp-block-column > .service-card:not(.housing-card) > .service-card-body {
flex: 1 1 auto;
justify-content: center;
padding: 28px !important;
}
} .price-heading-row-title {
flex: 0 0 auto;
width: 522px;
max-width: 100%;
}
.price-heading-row-body {
flex: 1 1 320px;
min-width: 0;
max-width: 413px;
}
@media (max-width: 900px) {
.price-heading-row-title {
width: 100%;
}
.price-heading-row-body {
max-width: 100%;
}
} .price-icon-chip {
width: 45px;
height: 45px;
flex-shrink: 0;
} .price-card {
height: 300px;
flex-wrap: nowrap;
} .wp-block-button__link:has(> img[src*="arrow-right.svg"]) {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 6px;
}
.wp-block-button__link > img[src*="arrow-right.svg"] {
flex-shrink: 0;
margin-left: 0 !important;
} .card-link a {
font-weight: 500;
color: #006fdc;
transition: color 0.2s ease;
}
.card-link a:hover {
color: var(--wp--preset--color--brand-navy);
} .service-checks {
align-self: flex-start;
max-width: 100%;
box-sizing: border-box;
background-color: #d3f1fe;
border-radius: 20px;
padding: 20px;
}
.service-checks > summary {
display: flex;
align-items: center;
gap: 10px;
color: #006fdc;
font-size: 14px;
font-weight: 600;
line-height: 1.56;
letter-spacing: -0.005em;
cursor: pointer;
list-style: none;
}
.service-checks > summary::-webkit-details-marker {
display: none;
}
.service-checks > summary::after {
content: "";
flex-shrink: 0;
width: 16px;
height: 16px;
background-color: currentcolor;
mask: url(//norsk-klimasenter.no/wp-content/themes/norsk-klimasenter/assets/icons/arrow-right.svg) center / contain no-repeat;
transform: rotate(90deg);
transition: transform 0.3s ease;
}
.service-checks[open] > summary::after {
transform: rotate(-90deg);
}
.service-checks > summary:focus-visible {
outline: 2px solid #006fdc;
outline-offset: 4px;
border-radius: 4px;
}
.service-checks > .wp-block-group {
margin-top: 20px;
} @supports (interpolate-size: allow-keywords) {
.service-checks {
interpolate-size: allow-keywords;
}
.service-checks::details-content {
block-size: 0;
overflow: hidden;
transition: block-size 0.3s ease, content-visibility 0.3s allow-discrete;
}
.service-checks[open]::details-content {
block-size: auto;
}
}
@media (prefers-reduced-motion: reduce) {
.service-checks > summary::after,
.service-checks::details-content {
transition: none;
}
} .footer-social-links a {
display: flex;
opacity: 0.85;
transition: opacity 0.2s ease;
}
.footer-social-links a:hover {
opacity: 1;
} @media (max-width: 1024px) {
.footer-social-links a,
footer .wp-block-image a:has(> img[src*="/icons/footer-"]),
.wp-block-social-links .wp-social-link a {
box-sizing: border-box;
min-width: 44px;
min-height: 44px;
align-items: center;
justify-content: center;
}
.footer-social-links a,
footer .wp-block-image a:has(> img[src*="/icons/footer-"]) {
display: flex;
margin: -12px;
}
.wp-block-social-links .wp-social-link a {
display: flex;
margin: -14px;
}
} .footer-bottom-bar a {
color: inherit;
text-decoration: none;
transition: color 0.2s ease;
}
.footer-bottom-bar a:hover {
color: var(--wp--preset--color--surface-white);
} .footer-bottom-bar {
padding-bottom: 64px;
} @media (max-width: 600px) {
main.wp-block-group > .wp-block-group:not([style*="padding-top:0"]) {
padding-top: 40px !important;
} main.wp-block-group > .wp-block-group:has(> .content-page-breadcrumb):first-child,
main.wp-block-group:has(> .content-page-breadcrumb:first-child) {
padding-top: 20px !important;
}
.wp-site-blocks > main.wp-block-group:has(> .wp-block-group:first-child > .content-page-breadcrumb),
.wp-site-blocks > main.wp-block-group:has(> .content-page-breadcrumb:first-child) {
margin-block-start: 0;
}
main.wp-block-group > .wp-block-group:not([style*="padding-bottom:0"]) {
padding-bottom: 40px !important;
}
} @media (max-width: 600px) {
main .wp-block-group[style*="padding-top:60px"],
main .wp-block-group[style*="padding-top:64px"],
main .wp-block-group[style*="padding-top:80px"],
main .wp-block-group[style*="padding-top:88px"],
main .wp-block-group[style*="padding-top:96px"],
main .wp-block-group[style*="padding-top:100px"],
main .wp-block-group[style*="padding-top:120px"] {
padding-top: 40px !important;
}
main .wp-block-group[style*="padding-bottom:60px"],
main .wp-block-group[style*="padding-bottom:64px"],
main .wp-block-group[style*="padding-bottom:80px"],
main .wp-block-group[style*="padding-bottom:88px"],
main .wp-block-group[style*="padding-bottom:96px"],
main .wp-block-group[style*="padding-bottom:100px"],
main .wp-block-group[style*="padding-bottom:120px"] {
padding-bottom: 40px !important;
}
} [class*="elfsight-app-"],
.eapps-widget {
max-width: 100%;
overflow-x: hidden;
} .testimonial-card.is-style-stat .wp-block-image img {
width: auto !important;
object-fit: contain !important;
} .content-page-inner .wp-block-post-title,
.content-page-inner .entry-content,
.content-page-inner .entry-content > :not(.alignleft, .alignright, .alignfull) {
max-width: 1080px !important;
} .page-template-page-about .hero-row {
max-width: 1280px;
margin-left: auto;
margin-right: auto;
box-sizing: border-box;
} .about-expect-card {
display: flex;
flex-direction: column;
height: 100%;
min-height: 302px;
padding: 28px 56px 28px 24px !important;
box-sizing: border-box;
}
.about-expect-card > p:last-child {
margin-top: auto;
color: #6a727e !important;
}
@media (max-width: 781px) {
.about-expect-card {
min-height: 0;
padding-right: 24px !important;
}
} @media (max-width: 600px) {
.wp-block-group.is-nowrap:has(> .wp-block-buttons):has(img[src*="icon-phone.svg"]) {
flex-wrap: wrap;
}
.wp-block-group.is-nowrap:has(> .wp-block-buttons):has(img[src*="icon-phone.svg"]) p {
white-space: nowrap;
}
} .career-search-bar {
display: flex;
align-items: center;
gap: 8px;
width: 100%;
max-width: 846px;
margin-left: auto;
margin-right: auto;
}
.career-search-bar svg {
flex-shrink: 0;
} .career-search-input {
border: 0;
background: transparent;
outline: none;
width: 100%;
padding: 12px 0;
font-family: var(--wp--preset--font-family--sans);
font-size: 14px;
color: var(--wp--preset--color--text-heading);
}
.career-search-input::placeholder {
color: var(--wp--preset--color--text-muted);
} .career-listing-tag {
background: var(--wp--preset--color--surface-mist);
color: var(--wp--preset--color--text-body);
border-radius: 100px;
padding: 4px 12px;
margin: 0;
} .career-why-card {
height: 100%;
overflow: hidden;
box-sizing: border-box;
}
.career-why-card-media {
position: relative;
} .career-why-card-media img {
width: 100%;
}
.career-why-card-icon-chip {
position: absolute;
right: 16px;
bottom: 16px;
margin: 0;
border-radius: 50%;
box-shadow: 0 4px 10px rgb(28 36 75 / 10%);
} .career-listing-row {
width: 100%;
flex-wrap: nowrap;
gap: 24px;
}
.career-listing-tags {
flex-shrink: 0;
}
.career-listing-description {
flex: 1 1 auto;
min-width: 0;
margin: 0;
}
.career-listing-row .wp-block-buttons {
flex-shrink: 0;
}
@media (max-width: 900px) {
.career-listing-row {
flex-flow: column wrap;
align-items: flex-start;
}
} .map-location-wrap {
position: relative;
}
.map-location-media {
width: 100%;
overflow: hidden;
} .map-location-media .wp-block-cover__video-background {
transform: scale(1.03);
}
.map-location-open-link {
position: absolute;
top: 24px;
right: 24px;
display: inline-flex;
align-items: center;
gap: 8px;
background-color: var(--wp--preset--color--surface-white);
color: #22406f;
font-size: 14px;
font-weight: 500;
text-decoration: none;
padding: 8px;
border-radius: 8px;
box-shadow: 0 4px 4px rgb(0 0 0 / 16%);
transition: background-color 0.2s ease;
}
.map-location-open-link:hover {
background-color: var(--wp--preset--color--surface-mist);
} .services-grid {
display: flex;
flex-wrap: wrap;
gap: 40px 25px;
max-width: 1280px;
margin-left: auto;
margin-right: auto;
} .services-grid-item {
flex: 0 1 calc(33.333% - 17px);
min-width: 300px;
} .services-grid-item .service-card {
display: flex;
flex-direction: column;
gap: 20px;
} .single-service .services-grid-item .service-card {
border-width: 0 !important;
}
.services-grid-item .service-card-body {
display: flex;
flex-direction: column;
justify-content: flex-start;
gap: 12px;
}
@media (max-width: 782px) {
.services-grid-item {
flex: 1 1 100%;
}
} .services-grid-item .service-card-body > * {
margin: 0;
}
.services-grid-item .service-card-body h5 {
font-size: 20px;
line-height: 1.35;
color: #10141b;
}
.services-grid-item .service-card-body > p:not(.card-link) {
font-size: 14px;
font-weight: 500;
line-height: 1.56;
letter-spacing: -0.07px;
color: #6a727e;
}
.services-grid-item .service-card-body > .card-link {
margin-top: auto;
padding-top: 12px;
}
.services-grid-item .card-link a {
display: inline-flex;
align-items: center;
gap: 10px;
font-weight: 500;
line-height: 1.56;
letter-spacing: -0.07px;
text-decoration: none;
} .services-grid-item .card-link a::after {
content: "";
width: 16px;
height: 16px;
background-color: currentcolor;
mask: url(//norsk-klimasenter.no/wp-content/themes/norsk-klimasenter/assets/icons/arrow-right.svg) center / contain no-repeat;
} .section-heading-row:has(> .services-heading-row-body) {
align-items: flex-end;
}
.services-heading-row-body {
color: #45454e !important;
} .services-cta-card {
display: flex;
flex-direction: column;
justify-content: center;
gap: 20px;
height: 100%;
min-height: 489px;
padding: 30px;
box-sizing: border-box;
background-color: #f5f6f9;
border-radius: 20px;
} .services-cta-card > * {
margin-top: 0;
}
.services-cta-card-title {
margin: 0;
font-size: 32px;
font-weight: 700;
line-height: 1.2;
letter-spacing: -0.16px;
color: #111112;
}
.services-cta-card-list {
display: flex;
flex-direction: column;
gap: 12px;
margin: 0 0 8px;
padding: 0;
list-style: none;
}
.services-cta-card-list li {
display: flex;
align-items: center;
gap: 12px;
font-size: 14px;
font-weight: 500;
line-height: 1.56;
letter-spacing: -0.07px;
color: #1c244b;
}
.services-cta-card-list li::before {
content: "";
flex: 0 0 20px;
height: 20px;
background: url(//norsk-klimasenter.no/wp-content/themes/norsk-klimasenter/assets/icons/tick.svg) center / 16px 12px no-repeat;
} .services-cta-card-buttons {
display: flex;
flex-direction: column;
align-items: stretch;
gap: 16px;
}
.services-cta-card-button {
width: 100%;
}
.services-cta-card-button > .wp-block-button__link {
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
width: 100%;
min-height: 44px;
padding: 11px 18px 11px 24px;
box-sizing: border-box;
border: 1px solid transparent;
border-radius: 100px;
font-size: 14px;
font-weight: 500;
line-height: 1.56;
letter-spacing: -0.07px;
color: #2c2c2c;
text-decoration: none;
transition: filter var(--transition), background-color var(--transition);
}
.services-cta-card-button > .wp-block-button__link::after {
content: "";
width: 16px;
height: 16px;
background: url(//norsk-klimasenter.no/wp-content/themes/norsk-klimasenter/assets/icons/arrow-right.svg) center / contain no-repeat;
}
.services-cta-card-button.is-primary > .wp-block-button__link {
background-color: var(--wp--preset--color--brand-cyan);
}
.services-cta-card-button.is-primary > .wp-block-button__link:hover {
filter: brightness(0.9);
}
.services-cta-card-button.is-outline > .wp-block-button__link {
background-color: var(--wp--preset--color--surface-white);
border-color: #2c2c2c;
}
.services-cta-card-button.is-outline > .wp-block-button__link:hover {
background-color: var(--wp--preset--color--surface-mist);
}
@media (max-width: 782px) {
.services-cta-card {
min-height: 0;
}
}  .product-filter-pills {
display: flex;
flex-wrap: wrap;
gap: 8px;
justify-content: center;
margin-bottom: 40px;
}
.product-filter-pill {
border: 1px solid #eaeaee;
border-radius: 999px;
padding: 5px 20px;
font-family: inherit;
font-size: 14px;
font-weight: 400;
line-height: 1.56;
background-color: var(--wp--preset--color--surface-white);
cursor: pointer;
color: #45454e;
transition: background-color var(--transition), border-color var(--transition);
}
.product-filter-pill:not(.is-active):hover {
border-color: #c9ced6;
}
.product-filter-pill.is-active {
background-color: #22406f;
color: var(--wp--preset--color--surface-white);
border-color: #22406f;
font-weight: 600;
letter-spacing: -0.07px;
} .wp-block-html:has(.products-grid) {
max-width: none;
}
.products-grid {
display: flex;
flex-wrap: wrap;
gap: 40px 25px;
max-width: none;
} .products-grid-more {
display: flex;
justify-content: center;
margin-top: 40px;
}
.products-grid-more-button {
display: inline-flex;
align-items: center;
gap: 10px;
min-height: 48px;
padding: 13px 18px 13px 24px;
box-sizing: border-box;
font-size: 14px;
font-weight: 500;
line-height: 1.56;
letter-spacing: -0.07px;
color: #2c2c2c;
text-decoration: none;
background-color: var(--wp--preset--color--surface-white);
border: 1px solid #2c2c2c;
border-radius: 100px;
transition: background-color var(--transition);
}
.products-grid-more-button:hover {
background-color: var(--wp--preset--color--surface-mist);
} .product-card {
flex: 0 1 calc(25% - 18.75px);
min-width: 220px;
box-sizing: border-box;
display: flex;
flex-direction: column;
gap: 24px;
padding: 16px 8px;
background-color: var(--wp--preset--color--surface-white);
border: 1px solid #eaeaee;
border-radius: 20px;
color: inherit;
text-decoration: none;
transition: border-color var(--transition), box-shadow var(--transition);
}
.product-card:hover {
border-color: #d5dbe3;
box-shadow: 0 12px 32px rgb(28 36 75 / 8%);
}
.product-card-media {
position: relative;
height: 290px;
overflow: hidden;
border-radius: 15px;
} .product-card-media img {
display: block;
width: 100%;
height: 100%;
box-sizing: border-box;
padding: 24px;
object-fit: contain;
object-position: center;
border-radius: 0;
}
.product-card-tag {
position: absolute;
top: 12px;
left: 12px;
max-width: calc(100% - 24px);
box-sizing: border-box;
padding: 6px 12px;
overflow: hidden;
font-size: 12px;
line-height: 1.56;
color: #45454e;
white-space: nowrap;
text-overflow: ellipsis;
background-color: #e6f7fd;
border: 1px solid var(--wp--preset--color--brand-cyan);
border-radius: 100px;
}
.product-card-body {
display: flex;
align-items: center;
gap: 4px;
padding: 0 6px;
}
.product-card-text {
flex: 1 1 auto;
min-width: 0;
display: flex;
flex-direction: column;
gap: 2px;
}
.product-card-brand {
margin: 0;
font-size: 12px;
font-weight: 600;
line-height: 1.2;
letter-spacing: 0.72px;
text-transform: uppercase;
color: #006fdc;
} .product-card-title {
margin: 0;
overflow: hidden;
font-size: 20px;
font-weight: 700;
line-height: 1.56;
color: #10141b;
white-space: nowrap;
text-overflow: ellipsis;
transition: color var(--transition);
}
.product-card:hover .product-card-title {
color: #006fdc;
}
.product-card-arrow {
display: flex;
flex: 0 0 40px;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
color: var(--wp--preset--color--surface-white);
background-color: #006fdc;
border-radius: 50%;
transition: transform var(--transition);
}
.product-card:hover .product-card-arrow {
transform: translate(2px, -2px);
}
@media (max-width: 1100px) { .product-card {
flex-basis: calc(33.333% - 16.67px);
}
}
@media (max-width: 782px) { .product-card {
flex: 1 1 calc(50% - 12.5px);
min-width: 0;
}
.product-card-media {
height: 240px;
}
}
@media (max-width: 480px) {
.product-card {
flex: 1 1 100%;
}
} .service-benefit-row > *:first-child {
flex: 0 0 340px;
} .service-benefits-list > .service-benefit-row:not(:last-child) {
border-bottom: 1px solid #e1e4e8 !important;
}
.service-benefits-list > .service-benefit-row:last-child {
border-bottom-width: 0 !important;
} .service-benefit-row > *:last-child {
flex: 1 1 280px;
min-width: 0;
margin: 0;
} .single-service .service-benefit-row {
column-gap: clamp(40px, 12.5vw, 180px);
}
@media (max-width: 600px) {
.service-benefit-row > *:first-child {
flex: 1 1 100%;
}
} .service-accordion-row {
border-bottom: 1px solid #e1e4e8;
padding: 18px 0;
}
.service-accordion-trigger {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
background: none;
border: none;
padding: 0;
cursor: pointer;
gap: 16px;
text-align: left;
font-family: inherit;
font-size: 16px;
font-weight: 600;
line-height: 1.4;
color: var(--wp--preset--color--text-heading);
}
.service-accordion-icon {
flex-shrink: 0;
width: 20px;
height: 20px;
position: relative;
}
.service-accordion-icon::before,
.service-accordion-icon::after {
content: "";
position: absolute;
background-color: var(--wp--preset--color--brand-cyan);
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.service-accordion-icon::before {
width: 12px;
height: 2px;
}
.service-accordion-icon::after {
width: 2px;
height: 12px;
transition: transform 0.15s ease;
}
.service-accordion-row.is-open .service-accordion-icon::after {
transform: translate(-50%, -50%) scaleY(0);
}
.service-accordion-answer {
overflow: hidden;
max-height: 0;
transition: max-height 0.2s ease;
}
.service-accordion-row.is-open .service-accordion-answer {
max-height: 400px;
} .service-accordion-row .service-accordion-answer p {
margin: 10px 0 0;
font-size: 14px;
line-height: 1.56;
color: var(--wp--preset--color--text-body);
} .service-section-full-bleed {
width: 100vw;
margin-left: calc(50% - 50vw);
margin-right: calc(50% - 50vw);
} .service-section-full-bleed > .wp-block-group {
padding-left: 16px;
padding-right: 16px;
} .service-section-full-bleed-spaced {
margin-top: 40px;
} .editor-styles-wrapper .service-section-full-bleed {
width: auto;
margin-left: 0;
margin-right: 0;
} .kw-block-notice {
display: none;
}
.editor-styles-wrapper .kw-block-notice {
display: block;
margin-bottom: 16px;
padding: 12px 16px;
font-family: var(--wp--preset--font-family--sans);
font-size: 13px;
font-weight: 600;
line-height: 1.5;
color: #92400e;
background-color: #fef3c7;
border: 1px dashed #d97706;
border-radius: 6px;
} .editor-styles-wrapper .is-root-container {
max-width: 1280px !important;
} .service-specs-cards {
display: flex;
flex-direction: column;
}
.service-specs-cards-row {
flex: 1 1 auto;
}
.service-specs-cards-row .wp-block-column {
display: flex;
}
.service-specs-card {
height: 100%;
box-sizing: border-box;
} @media (max-width: 781px) {
.service-specs-card {
width: 100%;
}
.service-specs-media .wp-block-image,
.service-specs-media .wp-block-image img {
width: 100%;
}
} .wp-block-post-content > *:last-child {
margin-bottom: 0;
}
main:has(.wp-block-post-content) > .wp-block-group:has(> .wp-block-post-content) + * {
margin-top: 0;
}  .blog-listing-page > *,
.blog-article-page > * {
margin-block-start: 0;
} .wp-site-blocks > .blog-listing-page,
.wp-site-blocks > .blog-article-page {
margin-block-start: 0;
} .blog-breadcrumb p,
.blog-breadcrumb .wp-block-post-title,
.blog-breadcrumb .wp-block-query-title,
.blog-breadcrumb .product-breadcrumb-brand {
margin: 0;
font-size: var(--wp--preset--font-size--small);
font-weight: 400;
line-height: 1.56;
letter-spacing: normal;
color: var(--wp--preset--color--text-muted);
} body .wp-block-group:has(> .blog-breadcrumb:first-child) {
padding-top: 56px !important;
}
@media (max-width: 600px) {
body .wp-block-group:has(> .blog-breadcrumb:first-child) {
padding-top: 20px !important;
} body main.wp-block-group > .wp-block-group:has(> .wp-block-group > .blog-breadcrumb:first-child) {
padding-top: 0 !important;
}
}
.blog-breadcrumb a {
color: inherit;
text-decoration: none;
transition: color 0.2s ease;
}
.blog-breadcrumb a:hover {
color: var(--wp--preset--color--text-heading);
}
.blog-breadcrumb .blog-breadcrumb-current {
color: var(--wp--preset--color--text-heading);
} .blog-breadcrumb > :last-child,
.content-page-breadcrumb > :last-child {
font-weight: 600;
} @media (max-width: 781px) {
.blog-breadcrumb,
.content-page-breadcrumb {
display: block !important;
}
.blog-breadcrumb > *,
.content-page-breadcrumb > * {
display: inline;
margin: 0 4px 0 0 !important;
line-height: 1.6;
}
} .blog-category-filter ul {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 8px 24px;
margin: 0;
padding: 0;
list-style: none;
}
.blog-category-filter a {
font-size: 16px;
line-height: 1.56;
color: var(--wp--preset--color--text-muted);
text-decoration: none;
transition: color 0.2s ease;
}
.blog-category-filter a:hover,
.blog-category-filter a.is-active {
color: var(--wp--preset--color--text-heading);
}
.blog-category-filter a.is-active {
font-weight: 600;
} .blog-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 40px 25px;
margin: 0;
padding: 0;
list-style: none;
}
.blog-grid > li {
margin: 0;
}
.blog-card {
position: relative;
display: flex;
flex-direction: column;
height: 100%;
overflow: hidden;
background-color: var(--wp--preset--color--surface-white);
border: 1px solid var(--wp--preset--color--border);
border-radius: 12px;
transition: box-shadow 0.2s ease;
}
.blog-card:hover {
box-shadow: 0 8px 24px rgb(16 20 27 / 8%);
}
.blog-card > * {
margin-block: 0;
}
.blog-card-media {
margin: 0;
overflow: hidden;
}
.blog-card-media img {
display: block;
width: 100%;
transition: transform 0.3s ease;
}
.blog-card-body {
display: flex;
flex-direction: column;
gap: 16px;
padding: 20px 48px 42px 24px;
}
.blog-card-body > * {
margin-block: 0;
}
.blog-card-category,
.blog-article-category {
position: relative;
z-index: 2;
font-size: 12px;
font-weight: 600;
line-height: 1.2;
letter-spacing: 0.72px;
text-transform: uppercase;
color: #006fdc;
}
.blog-card-category {
margin: 0 0 14px;
}
.blog-card-category a,
.blog-article-category a {
color: inherit;
text-decoration: none;
}
.blog-card-category a:hover,
.blog-article-category a:hover {
text-decoration: underline;
}
.blog-card-title {
margin: 0;
overflow: hidden;
font-size: 20px;
font-weight: 600;
line-height: 1.35;
color: #10141b;
white-space: nowrap;
text-overflow: ellipsis;
}
.blog-card-title a {
display: inline;
color: inherit;
text-decoration: none;
transition: color 0.2s ease;
} .blog-card-title a::after {
content: "";
position: absolute;
inset: 0;
z-index: 1;
}
.blog-card:hover .blog-card-title a {
color: #006fdc;
} .blog-card-excerpt {
min-height: 70px;
}
.blog-card-excerpt p {
display: -webkit-box;
margin: 0;
overflow: hidden;
font-size: 14px;
font-weight: 500;
line-height: 1.56;
letter-spacing: -0.07px;
color: #6a727e;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
}
.blog-card-meta,
.blog-card-meta p {
margin: 0;
font-size: 12px;
font-weight: 600;
line-height: 1.2;
letter-spacing: 0.72px;
color: var(--wp--preset--color--text-muted);
}
.blog-meta-separator {
margin: 0;
}
.blog-card-read-more {
display: none;
} .blog-grid > li:first-child {
grid-column: 1 / -1;
margin-bottom: 32px;
}
.blog-grid > li:first-child .blog-card {
justify-content: flex-end;
height: 400px;
border: 0;
}
.blog-grid > li:first-child .blog-card-media {
position: absolute;
inset: 0;
height: 100% !important;
}
.blog-grid > li:first-child .blog-card-media img {
height: 100% !important;
}
.blog-grid > li:first-child .blog-card:hover .blog-card-media img {
transform: scale(1.03);
}
.blog-grid > li:first-child .blog-card::after {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(180deg, rgb(0 0 0 / 0%) 30%, rgb(0 0 0 / 56%) 100%);
pointer-events: none;
}
.blog-grid > li:first-child .blog-card-body {
position: relative;
z-index: 2;
gap: 20px;
max-width: 628px;
padding: 32px 48px;
pointer-events: none;
}
.blog-grid > li:first-child .blog-card-body a {
pointer-events: auto;
}
.blog-grid > li:first-child .blog-card-category,
.blog-grid > li:first-child .blog-card-meta {
display: none;
}
.blog-grid > li:first-child .blog-card-heading {
display: flex;
flex-direction: column;
gap: 8px;
}
.blog-grid > li:first-child .blog-card-title {
font-size: 32px;
font-weight: 700;
line-height: 1.2;
letter-spacing: -0.16px;
color: var(--wp--preset--color--surface-white);
white-space: normal;
}
.blog-grid > li:first-child .blog-card:hover .blog-card-title a {
color: var(--wp--preset--color--surface-white);
}
.blog-grid > li:first-child .blog-card-excerpt {
min-height: 0;
margin-top: -12px;
}
.blog-grid > li:first-child .blog-card-excerpt p {
font-weight: 400;
letter-spacing: 0;
color: var(--wp--preset--color--surface-white);
-webkit-line-clamp: 2;
}
.blog-grid > li:first-child .blog-card-read-more {
position: relative;
z-index: 2;
display: inline-flex;
align-items: center;
gap: 10px;
align-self: flex-start;
padding: 11px 18px 11px 24px;
font-size: 14px;
font-weight: 500;
line-height: 1.56;
letter-spacing: -0.07px;
color: var(--wp--preset--color--text-button);
text-decoration: none;
background-color: var(--wp--preset--color--surface-white);
border: 1px solid var(--wp--preset--color--text-button);
border-radius: 100px;
transition: background-color 0.2s ease;
}
.blog-grid > li:first-child .blog-card-read-more::after {
content: "";
width: 16px;
height: 16px;
background: url(//norsk-klimasenter.no/wp-content/themes/norsk-klimasenter/assets/icons/arrow-right.svg) center / contain no-repeat;
}
.blog-grid > li:first-child .blog-card-read-more:hover {
background-color: var(--wp--preset--color--surface-mist);
} .blog-pagination {
gap: 23px;
margin-top: 40px;
}
.blog-pagination .wp-block-query-pagination-numbers {
display: flex;
gap: 4px;
}
.blog-pagination .page-numbers,
.blog-pagination .wp-block-query-pagination-previous,
.blog-pagination .wp-block-query-pagination-next {
display: inline-flex;
align-items: center;
justify-content: center;
box-sizing: border-box;
width: 40px;
height: 40px;
margin: 0;
font-size: 13px;
font-weight: 500;
line-height: 1.3;
color: #10141b;
text-decoration: none;
background-color: var(--wp--preset--color--surface-white);
border: 1px solid #eaeaee;
border-radius: 50%;
transition: background-color 0.2s ease, border-color 0.2s ease;
}
.blog-pagination a.page-numbers:hover,
.blog-pagination .wp-block-query-pagination-previous:hover,
.blog-pagination .wp-block-query-pagination-next:hover {
border-color: var(--wp--preset--color--brand-cyan);
}
.blog-pagination .page-numbers.current {
color: var(--wp--preset--color--text-heading);
background-color: #e6f6fd;
border-color: #dadadf;
} .blog-pagination .wp-block-query-pagination-previous,
.blog-pagination .wp-block-query-pagination-next {
overflow: hidden;
font-size: 0;
}
.blog-pagination .wp-block-query-pagination-previous::before,
.blog-pagination .wp-block-query-pagination-next::before {
content: "";
width: 20px;
height: 20px;
background: url(//norsk-klimasenter.no/wp-content/themes/norsk-klimasenter/assets/icons/chevron-left.svg) center / contain no-repeat;
}
.blog-pagination .wp-block-query-pagination-next::before {
transform: scaleX(-1);
}
.blog-no-results {
color: var(--wp--preset--color--text-muted);
} .blog-empty {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 12px;
height: 400px;
margin: 0 0 32px;
padding: 32px 48px;
text-align: center;
background-color: var(--wp--preset--color--surface-mist);
border-radius: 12px;
box-shadow: inset 0 0 0 1px rgb(0 174 239 / 20%);
}
.blog-empty::before {
content: "";
width: 56px;
height: 56px;
margin-bottom: 4px;
border-radius: 50%;
background: var(--wp--preset--color--surface-white) url(//norsk-klimasenter.no/wp-content/themes/norsk-klimasenter/assets/icons/empty-articles.svg) center / 28px no-repeat;
}
.blog-empty > * {
margin: 0;
}
.blog-empty .blog-empty-title {
max-width: 46ch;
font-size: 32px;
font-weight: 700;
line-height: 1.2;
letter-spacing: -0.16px;
color: var(--wp--preset--color--text-heading);
text-wrap: balance;
}
.blog-empty .blog-empty-text {
max-width: 46ch;
font-size: var(--wp--preset--font-size--medium);
color: var(--wp--preset--color--text-body);
}
.blog-empty .blog-empty-actions {
justify-content: center;
margin-top: 8px;
}
@media (max-width: 782px) {
.blog-empty {
height: auto;
min-height: 360px;
padding: 24px;
}
.blog-empty .blog-empty-title {
font-size: 24px;
}
} .blog-article-top {
background-color: #f5f6f9;
}
.blog-article-title-block {
display: flex;
flex-direction: column;
gap: 24px;
}
.blog-article-title-block > * {
margin: 0;
}
.blog-article-title {
max-width: 940px;
font-size: 56px;
font-weight: 600;
line-height: 1;
letter-spacing: -1.4px;
color: var(--wp--preset--color--text-heading);
}
.blog-article-standfirst {
max-width: 820px;
}
.blog-article-standfirst p {
margin: 0;
font-size: 18px;
line-height: 1.56;
color: #45454e;
}
.blog-article-byline {
gap: 24px;
padding-top: 28px;
border-top: 1px solid #eaeaee;
}
.blog-article-meta,
.blog-article-meta p,
.blog-article-meta .wp-block-post-date {
margin: 0;
font-size: 14px;
line-height: 1.56;
color: var(--wp--preset--color--text-muted);
}
.blog-article-meta .blog-article-author {
font-weight: 500;
letter-spacing: -0.07px;
color: var(--wp--preset--color--text-heading);
}
.share-links {
display: flex;
align-items: center;
gap: 12px;
}
.share-links-label {
font-size: 12px;
font-weight: 600;
line-height: 1.2;
letter-spacing: 0.72px;
color: var(--wp--preset--color--text-muted);
}
.share-links-button {
display: inline-flex;
align-items: center;
justify-content: center;
width: 44px;
height: 44px;
background-color: var(--wp--preset--color--surface-white);
border: 1px solid #eaeaee;
border-radius: 10px;
transition: border-color 0.2s ease, background-color 0.2s ease;
}
.share-links-button:hover {
background-color: #e6f6fd;
border-color: var(--wp--preset--color--brand-cyan);
}
.share-links-button img {
display: block;
}
.blog-article-hero {
width: 100%;
margin: 0;
}
.blog-article-hero img {
display: block;
width: 100%;
height: 100%;
} .blog-article-layout {
align-items: flex-start;
}
.blog-article-rail {
position: sticky;
top: 32px;
flex: 0 0 200px;
width: 200px;
}
.blog-article-column {
flex: 0 1 680px;
min-width: 0;
}
.blog-article-column > * {
margin-block: 0;
}
.blog-toc-label {
margin: 0 0 20px;
font-size: 12px;
font-weight: 600;
line-height: 1.2;
letter-spacing: 0.72px;
text-transform: uppercase;
color: var(--wp--preset--color--text-muted);
}
.blog-toc-list {
margin: 0;
padding: 0;
list-style: none;
border-left: 1px solid #eaeaee;
}
.blog-toc-list a {
display: block;
margin-left: -1px;
padding: 11px 0 11px 18px;
font-size: 14px;
font-weight: 500;
line-height: 1.56;
letter-spacing: -0.07px;
color: var(--wp--preset--color--text-muted);
text-decoration: none;
border-left: 1px solid transparent;
transition: color 0.2s ease, border-color 0.2s ease;
}
.blog-toc-list a:hover {
color: var(--wp--preset--color--text-heading);
}
.blog-toc-list .is-active a {
font-weight: 600;
color: var(--wp--preset--color--text-heading);
border-left-color: #22406f;
} .blog-article-content {
font-size: 18px;
line-height: 1.56;
color: #45454e;
}
.blog-article-content > * {
margin-block: 0;
}
.blog-article-content > * + * {
margin-block-start: 22px;
}
.blog-article-content > * + h2,
.blog-article-content > * + .wp-block-pullquote,
.blog-article-content > * + .wp-block-image,
.blog-article-content > .wp-block-pullquote + *,
.blog-article-content > .wp-block-image + * {
margin-block-start: 52px;
}
.blog-article-content > * + .wp-block-columns {
margin-block-start: 30px;
}
.blog-article-content > p:first-child {
color: var(--wp--preset--color--text-heading);
}
.blog-article-content h2 {
font-size: 24px;
font-weight: 700;
line-height: 1.28;
letter-spacing: -0.06px;
color: var(--wp--preset--color--text-heading);
scroll-margin-top: 32px;
} .blog-article-content > h3 {
font-size: 18px;
font-weight: 600;
line-height: 1.56;
color: var(--wp--preset--color--text-heading);
}
.blog-article-content a {
color: #006fdc;
}
.blog-article-content > ul,
.blog-article-content > ol {
padding: 0;
list-style: none;
border-top: 1px solid #eaeaee;
}
.blog-article-content > ul > li,
.blog-article-content > ol > li {
padding: 18px 0;
color: var(--wp--preset--color--text-heading);
border-bottom: 1px solid #eaeaee;
}
.blog-article-content .wp-block-pullquote {
margin-inline: 0;
padding: 40px 0;
text-align: left;
border-top: 1px solid #eaeaee;
border-bottom: 1px solid #eaeaee;
}
.blog-article-content .wp-block-pullquote blockquote {
margin: 0;
}
.blog-article-content .wp-block-pullquote p {
margin: 0;
font-size: 32px;
font-weight: 500;
line-height: 1.2;
letter-spacing: -0.16px;
color: var(--wp--preset--color--text-heading);
}
.blog-article-content .wp-block-image img {
display: block;
width: 100%;
height: auto;
border-radius: 15px;
}
.blog-article-content .wp-block-image figcaption {
margin: 14px 0 0;
font-size: 13px;
font-weight: 500;
line-height: 1.3;
text-align: left;
color: var(--wp--preset--color--text-muted);
}
.blog-article-content .wp-block-columns {
gap: 24px;
align-items: flex-start;
} .is-style-blog-info-card {
padding: 28px;
background-color: #f5f6f9;
border-radius: 15px;
}
.is-style-blog-info-card > * {
margin-block: 0;
}
.is-style-blog-info-card > * + * {
margin-block-start: 12px;
}
.is-style-blog-info-card h3 {
font-size: 18px;
font-weight: 600;
line-height: 1.56;
color: var(--wp--preset--color--text-heading);
}
.is-style-blog-info-card p {
font-size: 16px;
line-height: 1.56;
color: #45454e;
}
.blog-article-callout {
margin-top: 52px !important;
background-color: #e6f6fd;
border-radius: 20px;
}
.blog-article-callout > * {
margin-block: 0;
}
.blog-article-callout > * + * {
margin-block-start: 28px;
}
.blog-article-callout-text {
font-size: 20px;
font-weight: 500;
line-height: 1.35;
color: var(--wp--preset--color--text-heading);
}
.blog-article-back {
margin-top: 52px !important;
font-size: 13px;
font-weight: 500;
line-height: 1.3;
}
.blog-article-back a {
display: inline-flex;
align-items: center;
gap: 8px;
color: #006fdc;
text-decoration: none;
}
.blog-article-back a:hover {
text-decoration: underline;
}
@media (max-width: 1024px) {
.blog-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.blog-article-title {
font-size: 44px;
letter-spacing: -1.1px;
}
.blog-article-layout {
flex-direction: column;
gap: 40px;
}
.blog-article-rail {
position: static;
flex-basis: auto;
width: 100%;
}
.blog-article-column {
flex-basis: auto;
width: 100%;
}
}
@media (max-width: 782px) {
.blog-grid {
grid-template-columns: minmax(0, 1fr);
}
.blog-grid > li:first-child .blog-card {
height: 360px;
}
.blog-grid > li:first-child .blog-card-body {
padding: 24px;
}
.blog-grid > li:first-child .blog-card-title {
font-size: 24px;
}
.blog-card-body {
padding-right: 24px;
}
.blog-article-masthead {
padding-top: 32px !important;
padding-bottom: 48px !important;
}
.blog-article-masthead > .blog-article-byline {
margin-block-start: 32px;
}
.blog-article-title {
font-size: 36px;
letter-spacing: -0.9px;
}
.blog-article-standfirst p {
font-size: 16px;
} .blog-article-hero {
height: 280px !important;
overflow: hidden;
}
.blog-article-hero img {
height: 100% !important;
}
.blog-article-body {
padding-top: 48px !important;
padding-bottom: 48px !important;
}
.blog-article-content {
font-size: 16px;
}
.blog-article-content .wp-block-pullquote p {
font-size: 24px;
}
.blog-article-callout {
padding: 24px !important;
}
.blog-article-callout-text {
font-size: 18px;
}
} .contact-page > *,
.wp-site-blocks > .contact-page {
margin-block-start: 0;
} .contact-hero-row {
padding-right: 20px;
} @media (min-width: 1025px) {
.contact-hero-row {
align-items: flex-start !important;
}
.contact-hero-content {
padding-top: 30px;
}
}
.contact-hero-content {
flex: 0 1 483px;
min-width: 0;
}
.contact-hero-content * {
margin-block: 0;
}
.contact-hero-title {
font-size: 56px;
font-weight: 600;
line-height: 1;
letter-spacing: -1.4px;
color: var(--wp--preset--color--text-heading);
}
.contact-hero-body {
max-width: 412px;
line-height: 1.56;
color: #45454e;
}
.contact-hero-call-label {
font-size: 12px;
font-weight: 600;
line-height: 1.2;
letter-spacing: 0.72px;
text-transform: uppercase;
color: var(--wp--preset--color--text-muted);
}
.contact-hero-call-number {
font-size: 24px;
font-weight: 700;
line-height: 1.28;
letter-spacing: -0.06px;
color: var(--wp--preset--color--text-heading);
}
.contact-hero-call-number a {
color: inherit;
text-decoration: none;
transition: color 0.2s ease;
}
.contact-hero-call-number a:hover {
color: var(--wp--preset--color--brand-cyan);
}
.contact-hero-checklist {
display: flex;
flex-direction: column;
gap: 7px;
padding: 0;
list-style: none;
}
.contact-hero-checklist li {
padding-left: 28px;
font-size: 14px;
font-weight: 500;
line-height: 1.56;
letter-spacing: -0.07px;
color: var(--wp--preset--color--text-muted);
background: url(//norsk-klimasenter.no/wp-content/themes/norsk-klimasenter/assets/icons/tick.svg) 4px center / 12px 9px no-repeat;
}
.contact-form-card {
flex: 0 0 569px;
width: 569px;
border-radius: 20px;
box-shadow: 0 16px 44px rgb(28 36 75 / 12%);
}
.contact-form-title {
margin: 0;
font-size: 24px;
font-weight: 700;
line-height: 1.28;
letter-spacing: -0.06px;
color: var(--wp--preset--color--text-heading);
}
.contact-form-note {
margin: 4px 0 0;
line-height: 1.56;
color: #45454e;
}
.contact-location {
background-color: #f5f6f9;
}
@media (max-width: 1024px) {
.contact-hero-row {
flex-direction: column;
align-items: stretch;
gap: 48px;
padding-right: 0;
}
.contact-hero-content,
.contact-form-card {
flex-basis: auto;
width: 100%;
}
.contact-hero-content {
gap: 40px;
}
}
@media (max-width: 782px) {
.contact-hero-title {
font-size: 40px;
letter-spacing: -1px;
}
.contact-form-card {
padding: 24px !important;
}
} .product-archive-page > *,
.product-single-page > *,
.wp-site-blocks > .product-archive-page,
.wp-site-blocks > .product-single-page {
margin-block-start: 0;
}
.product-archive-title {
margin: 0;
color: var(--wp--preset--color--text-heading);
} .product-brand-filter {
justify-content: flex-start;
margin-bottom: 0;
}
.product-brand-filter .product-filter-pill {
text-decoration: none;
transition: border-color 0.2s ease, background-color 0.2s ease;
}
.product-brand-filter .product-filter-pill:not(.is-active):hover {
border-color: var(--wp--preset--color--brand-navy);
} .archive-toolbar {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
gap: 12px 24px;
}
.archive-toolbar-count {
margin: 0;
font-size: 14px;
line-height: 1.56;
color: var(--wp--preset--color--text-muted);
}
.archive-toolbar-sort select {
min-width: 220px;
padding: 11px 44px 11px 16px;
font-family: inherit;
font-size: 14px;
line-height: 1.56;
color: var(--wp--preset--color--text-heading);
background: var(--wp--preset--color--surface-white) url(//norsk-klimasenter.no/wp-content/themes/norsk-klimasenter/assets/icons/chevron-down.svg) right 16px center / 16px no-repeat;
border: 1px solid var(--wp--preset--color--border);
border-radius: 100px;
cursor: pointer;
appearance: none;
transition: border-color 0.2s ease;
}
.archive-toolbar-sort select:hover,
.archive-toolbar-sort select:focus {
border-color: var(--wp--preset--color--brand-cyan);
outline: none;
} .product-archive-grid {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 40px 25px;
margin: 0;
padding: 0;
list-style: none;
}
.product-archive-grid > li {
display: flex;
margin: 0;
}
.product-archive-grid .product-card {
flex: 1 1 auto;
min-width: 0;
}
@media (max-width: 1100px) {
.product-archive-grid {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
@media (max-width: 782px) {
.product-archive-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 480px) {
.archive-toolbar-sort,
.archive-toolbar-sort select {
width: 100%;
}
.product-archive-grid {
grid-template-columns: minmax(0, 1fr);
}
} .product-breadcrumb-band {
background-color: #f5f6f9;
}
.blog-breadcrumb:not(:has(.product-breadcrumb-brand)) .product-breadcrumb-brand-sep {
display: none;
}
.product-detail,
.product-more {
margin: 0;
}
.product-hero {
padding: 32px 16px 48px;
background-color: #f5f6f9;
}
.product-hero-inner {
display: flex;
align-items: flex-start;
gap: 42px;
max-width: 1062px;
margin: 0 auto;
}
.product-gallery {
display: flex;
flex: 0 0 518px;
gap: 17px;
min-width: 0;
}
.product-gallery-thumbs {
display: flex;
flex: 0 0 48px;
flex-direction: column;
gap: 9px;
}
.product-gallery-thumb {
width: 48px;
height: 60px;
padding: 0;
overflow: hidden;
cursor: pointer;
background-color: var(--wp--preset--color--surface-white);
border: 1px solid transparent;
}
.product-gallery-thumb.is-active,
.product-gallery-thumb:hover {
border-color: #0b2234;
}
.product-gallery-thumb img {
width: 100%;
height: 100%;
padding: 0;
object-fit: contain;
border-radius: 0;
}
.product-gallery-main {
position: relative;
flex: 1 1 auto;
min-width: 0;
aspect-ratio: 453 / 422;
background-color: var(--wp--preset--color--surface-white);
border: 1px solid #eaeaee;
}
.product-gallery-slide {
display: flex;
align-items: center;
justify-content: center;
height: 100%;
margin: 0;
}
.product-gallery-slide[hidden] {
display: none;
}
.product-gallery-slide img {
width: 100%;
height: 100%;
padding: 24px;
object-fit: contain;
border-radius: 0;
}
.product-gallery-arrow {
position: absolute;
top: 50%;
display: flex;
align-items: center;
justify-content: center;
width: 32px;
height: 32px;
padding: 0;
color: var(--wp--preset--color--text-heading);
cursor: pointer;
background-color: var(--wp--preset--color--surface-white);
border: 0;
border-radius: 50%;
box-shadow: 0 2px 8px rgb(28 36 75 / 14%);
transform: translateY(-50%);
}
.product-gallery-arrow.is-prev {
left: 12px;
}
.product-gallery-arrow.is-next {
right: 12px;
}
.product-hero-info {
flex: 1 1 502px;
min-width: 0;
}
.product-hero-brand {
margin: 0 0 9px;
font-size: 12px;
font-weight: 600;
line-height: 1.2;
letter-spacing: 0.72px;
text-transform: uppercase;
color: #006fdc;
}
.product-hero-title {
margin: 0;
font-size: 40px;
font-weight: 700;
line-height: 1.14;
letter-spacing: -0.32px;
color: #111112;
}
.product-hero-body {
display: flex;
flex-direction: column;
gap: 8px;
padding-top: 16px;
}
.product-hero-subtitle,
.product-hero-description {
margin: 0;
font-size: 14px;
line-height: 1.56;
color: #45454e;
} .product-hero-description p {
margin: 0;
}
.product-hero-description p + p {
margin-top: 8px;
} .product-hero-subtitle {
font-weight: 500;
color: var(--wp--preset--color--text-body);
}
.product-models {
padding-top: 28px;
}
.product-models-label {
margin: 0;
font-size: 14px;
font-weight: 600;
line-height: 1.56;
letter-spacing: -0.07px;
color: #111112;
}
.product-models-list {
display: flex;
flex-wrap: wrap;
gap: 10px;
padding-top: 12px;
}
.product-model {
display: flex;
flex: 1 1 200px;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 2px;
min-height: 64px;
padding: 12px 10px;
font-family: inherit;
cursor: pointer;
background-color: var(--wp--preset--color--surface-white);
border: 1px solid #e5e9f2;
border-radius: 16px;
transition: border-color var(--transition), background-color var(--transition);
}
.product-model:hover {
border-color: #18b4ec;
}
.product-model.is-active {
background-color: #e6f6fd;
border-color: #18b4ec;
}
.product-model-name {
font-size: 14px;
font-weight: 700;
line-height: 1.56;
color: #111112;
}
.product-model-tagline {
font-size: 12px;
line-height: 1.2;
color: #6f6f78;
}
.product-stats {
display: flex;
gap: 8px;
margin: 26px 0 0;
padding: 22px 0;
border-top: 1px solid #e5e9f2;
border-bottom: 1px solid #e5e9f2;
}
.product-stats[hidden],
.product-overview-model[hidden] {
display: none;
}
.product-stat {
display: flex;
flex: 1 1 0;
flex-direction: column-reverse;
align-items: center;
gap: 2px;
min-width: 0;
padding: 0 4px;
text-align: center;
}
.product-stat dt {
font-size: 12px;
line-height: 1.2;
letter-spacing: 0.48px;
color: #6f6f78;
}
.product-stat dd {
margin: 0;
font-size: 18px;
font-weight: 800;
line-height: 1.56;
color: #111112;
}
.product-hero-buttons {
display: flex;
gap: 12px;
padding-top: 20px;
}
.product-button {
display: inline-flex;
flex: 1 1 0;
align-items: center;
justify-content: center;
gap: 10px;
min-height: 48px;
padding: 13px 18px 13px 24px;
box-sizing: border-box;
font-size: 14px;
font-weight: 500;
line-height: 1.56;
letter-spacing: -0.07px;
white-space: nowrap;
text-decoration: none;
color: #2c2c2c;
border: 1px solid transparent;
border-radius: 100px;
transition: filter var(--transition), background-color var(--transition);
}
.product-button.is-primary {
background-color: var(--wp--preset--color--brand-cyan);
}
.product-button.is-primary:hover {
filter: brightness(0.9);
}
.product-button.is-outline {
background-color: var(--wp--preset--color--surface-white);
border-color: #2c2c2c;
}
.product-button.is-outline:hover {
background-color: var(--wp--preset--color--surface-mist);
}
.product-tabs {
padding: 0 16px 80px;
}
.product-tabs-inner {
max-width: 1186px;
margin: 0 auto;
} .product-panel {
padding-top: 64px;
}
.product-overview {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr);
align-items: start;
gap: 40px;
}
.product-overview.is-specs-only {
grid-template-columns: minmax(0, 1fr);
}
.product-eyebrow {
margin: 0 0 8px;
font-size: 12px;
font-weight: 600;
line-height: 1.2;
letter-spacing: 0.72px;
text-transform: uppercase;
color: #006fdc;
}
.product-overview-title {
margin: 0 0 16px;
font-size: 32px;
font-weight: 700;
line-height: 1.2;
letter-spacing: -0.16px;
color: #111112;
}
.product-overview-copy p {
margin: 0 0 12px;
font-size: 15px;
line-height: 1.6;
color: #45454e;
}
.product-overview-copy strong {
font-weight: 600;
color: #111112;
}
.product-note {
display: flex;
gap: 16px;
margin-top: 24px;
padding: 20px;
background-color: #eef7fd;
border-radius: 12px;
}
.product-note-icon {
flex: 0 0 24px;
color: #006fdc;
}
.product-note-title {
margin: 0 0 4px;
font-size: 14px;
font-weight: 600;
line-height: 1.56;
color: #111112;
}
.product-note-copy p {
margin: 0;
font-size: 13px;
line-height: 1.6;
color: #45454e;
}
.product-note-copy strong {
font-weight: 600;
color: #111112;
}
.product-specs {
padding: 24px;
background-color: #f5f8fc;
border-radius: 16px;
}
.product-specs-title {
margin: 0 0 20px;
font-size: 24px;
font-weight: 700;
line-height: 1.3;
color: #111112;
}
.product-spec-group {
background-color: var(--wp--preset--color--surface-white);
border: 1px solid #e5e9f2;
border-radius: 12px;
}
.product-spec-group + .product-spec-group {
margin-top: 12px;
}
.product-spec-group summary {
display: flex;
align-items: center;
justify-content: space-between;
gap: 16px;
padding: 16px 20px;
font-size: 15px;
font-weight: 600;
line-height: 1.56;
color: #111112;
cursor: pointer;
list-style: none;
}
.product-spec-group summary::-webkit-details-marker {
display: none;
}
.product-spec-group summary::after {
content: "";
flex: 0 0 16px;
height: 16px;
background: url(//norsk-klimasenter.no/wp-content/themes/norsk-klimasenter/assets/icons/chevron-down.svg) center / 12px no-repeat;
transition: transform var(--transition);
}
.product-spec-group[open] summary::after {
transform: rotate(180deg);
}
.product-spec-rows {
margin: 0;
padding: 0 20px 8px;
}
.product-spec-row {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
gap: 16px;
padding: 12px 0;
font-size: 14px;
line-height: 1.5;
border-top: 1px solid #eef1f5;
}
.product-spec-row dt {
color: #45454e;
}
.product-spec-row dd {
margin: 0;
color: #111112;
text-align: right;
}
.product-spec-empty {
margin: 0;
padding: 0 20px 16px;
font-size: 14px;
line-height: 1.5;
color: #6f6f78;
} .product-compare {
margin-top: 32px;
padding-top: 28px;
border-top: 1px solid #e5e9f2;
scroll-margin-top: 110px;
}
.product-compare-title {
margin: 0 0 12px;
font-size: 20px;
font-weight: 700;
line-height: 1.35;
color: #111112;
}
.product-compare-copy p {
margin: 0 0 12px;
font-size: 15px;
line-height: 1.6;
color: #45454e;
}
.product-compare-copy strong {
font-weight: 600;
color: #111112;
}
.product-more {
padding: 4px 16px 0;
}
.product-banner {
display: flex;
align-items: center;
justify-content: space-between;
gap: 32px;
max-width: 1064px;
margin: 0 auto;
padding: 40px 56px;
box-sizing: border-box;
background: linear-gradient(100deg, #0b1b3a 0%, #104068 100%);
border-radius: 24px;
}
.product-banner-title {
margin: 0;
font-size: 20px;
font-weight: 700;
line-height: 1.35;
color: var(--wp--preset--color--surface-white);
}
.product-banner-copy {
margin: 6px 0 0;
font-size: 16px;
line-height: 1.56;
color: #b9c4d8;
}
.product-banner .product-button {
flex: 0 0 auto;
min-height: 44px;
}
.product-related {
max-width: 1260px;
margin: 0 auto;
padding: 80px 0;
}
.product-related-head {
display: flex;
align-items: center;
justify-content: space-between;
gap: 24px;
}
.product-related-title {
margin: 0;
font-size: 32px;
font-weight: 700;
line-height: 1.2;
letter-spacing: -0.16px;
color: #111112;
}
.product-related-all {
display: inline-flex;
align-items: center;
gap: 10px;
font-size: 14px;
font-weight: 600;
line-height: 1.56;
letter-spacing: -0.07px;
color: #006fdc;
text-decoration: none;
}
.product-related-all:hover {
color: var(--wp--preset--color--brand-navy);
} .product-related .products-grid {
margin-top: 56px;
}
@media (max-width: 1024px) {
.product-hero-inner {
flex-direction: column;
gap: 32px;
}
.product-gallery {
flex-basis: auto;
width: 100%;
max-width: 560px;
}
.product-hero-info {
flex-basis: auto;
width: 100%;
}
.product-overview {
grid-template-columns: minmax(0, 1fr);
}
}
@media (max-width: 782px) {
.product-hero-title {
font-size: 32px;
}
.product-panel {
padding-top: 40px;
}
.product-stats {
flex-wrap: wrap;
row-gap: 16px;
}
.product-stat {
flex-basis: calc(50% - 4px);
}
.product-hero-buttons {
flex-direction: column;
}
.product-overview-title,
.product-related-title {
font-size: 26px;
}
.product-banner {
flex-direction: column;
align-items: flex-start;
padding: 28px 24px;
}
.product-related {
padding: 56px 0;
}
.product-related .products-grid {
margin-top: 32px;
}
}
@media (max-width: 600px) {
.product-gallery-thumbs {
display: none;
}
.product-related-head {
flex-direction: column;
align-items: flex-start;
}
} .wp-block-table {
overflow-x: auto;
background-color: var(--wp--preset--color--surface-white);
border: 1px solid var(--wp--preset--color--border);
border-radius: 12px;
}
.wp-block-table table {
width: 100%;
border-collapse: collapse;
font-size: 16px;
line-height: 1.56;
}
.wp-block-table thead {
border-bottom: 0;
}
.wp-block-table th,
.wp-block-table td {
padding: 16px 24px;
text-align: left;
vertical-align: top;
border: 0;
border-bottom: 1px solid #eaeaee;
}
.wp-block-table tbody tr:last-child > * {
border-bottom: 0;
}
.wp-block-table th {
font-size: 12px;
font-weight: 600;
line-height: 1.2;
letter-spacing: 0.72px;
text-transform: uppercase;
color: #0077a4;
background-color: var(--wp--preset--color--surface-mist);
}
.wp-block-table td {
color: var(--wp--preset--color--text-heading);
}
.wp-block-table tbody tr {
transition: background-color 0.2s ease;
}
.wp-block-table tbody tr:hover {
background-color: #f9fafb;
} .wp-block-table table:has(tr > :nth-child(2):last-child) tr > :last-child {
text-align: right;
}
.wp-block-table table:has(tr > :nth-child(2):last-child) td:last-child {
font-weight: 600;
white-space: nowrap;
}
.wp-block-table figcaption {
margin: 0;
padding: 12px 24px;
font-size: 13px;
color: var(--wp--preset--color--text-muted);
border-top: 1px solid #eaeaee;
}
@media (max-width: 600px) {
.wp-block-table table {
font-size: 14px;
}
.wp-block-table th,
.wp-block-table td {
padding: 12px 16px;
}
.wp-block-table table:has(tr > :nth-child(2):last-child) td:last-child {
white-space: normal;
}
} .single-service .wp-block-post-content:not(:has(> .service-section-full-bleed:last-child)) {
padding-bottom: 80px;
}
@media (max-width: 600px) {
.single-service .wp-block-post-content:not(:has(> .service-section-full-bleed:last-child)) {
padding-bottom: 40px;
}
} .blog-related {
background-color: #f5f6f9;
}
.blog-related-title {
margin: 0;
font-size: 32px;
font-weight: 700;
line-height: 1.2;
letter-spacing: -0.16px;
color: var(--wp--preset--color--text-heading);
}
.blog-related-link {
margin: 0;
font-size: 14px;
font-weight: 600;
line-height: 1.56;
letter-spacing: -0.07px;
}
.blog-related-link a {
display: inline-flex;
align-items: center;
gap: 10px;
color: #006fdc;
text-decoration: none;
}
.blog-related-link a::after {
content: "";
width: 16px;
height: 16px;
background-color: currentcolor;
mask: url(//norsk-klimasenter.no/wp-content/themes/norsk-klimasenter/assets/icons/arrow-right.svg) center / contain no-repeat;
transition: transform 0.2s ease;
}
.blog-related-link a:hover::after {
transform: translateX(3px);
}
.blog-related-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 24px;
margin: 0;
padding: 0;
list-style: none;
}
.blog-related-grid > li {
margin: 0;
}
@media (max-width: 1024px) {
.blog-related-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.blog-related-grid > li:nth-child(3) {
display: none;
}
}
@media (max-width: 782px) {
.blog-related {
padding-top: 56px !important;
padding-bottom: 64px !important;
}
.blog-related-title {
font-size: 26px;
}
.blog-related-grid {
grid-template-columns: minmax(0, 1fr);
}
.blog-related-grid > li:nth-child(3) {
display: block;
}
} .partner-page > *,
.wp-site-blocks > .partner-page,
.partner-content > * {
margin-block: 0;
}
.partner-hero,
.partner-stats,
.partner-why {
padding-right: 16px;
padding-left: 16px;
}
.partner-hero {
padding-top: 40px;
padding-bottom: 60px;
}
.partner-hero-row {
gap: 124px;
margin: 0;
} .wp-block-columns.partner-hero-row > .wp-block-column.partner-hero-text {
flex: 0 0 419px;
padding-top: 24px;
}
.wp-block-columns.partner-hero-row > .wp-block-column.partner-hero-media {
flex: 1 1 0;
min-width: 0;
}
.partner-eyebrow {
margin: 0 0 12px;
font-size: 12px;
font-weight: 600;
line-height: 1.2;
letter-spacing: 0.72px;
text-transform: uppercase;
color: #006fdc;
}
.partner-hero-title {
margin: 0;
font-size: 56px;
font-weight: 600;
line-height: 1;
letter-spacing: -1.4px;
color: #111112;
}
.partner-hero-body {
max-width: 385px;
margin: 24px 0 0;
font-size: 14px;
line-height: 1.56;
color: #45454e;
}
.partner-hero-buttons {
gap: 16px;
margin-top: 48px;
}
.partner-hero-buttons .wp-block-button__link {
padding: 10px 24px;
font-size: 14px;
font-weight: 500;
line-height: 1.56;
letter-spacing: -0.07px;
}
.partner-hero-image {
margin: 0;
}
.partner-hero-image img {
width: 100%;
aspect-ratio: 725 / 500;
padding: 0;
object-fit: cover;
border-radius: 20px;
} @media (min-width: 1025px) {
.wp-block-columns.partner-hero-row {
align-items: stretch;
}
.wp-block-columns.partner-hero-row > .wp-block-column.partner-hero-text {
display: flex;
flex-direction: column;
align-self: stretch;
padding-top: 0;
}
.wp-block-columns.partner-hero-row > .wp-block-column.partner-hero-media {
align-self: flex-start;
}
.partner-hero-text > .partner-hero-buttons {
margin-top: auto;
padding-top: 48px;
}
}
.partner-stats,
.partner-why {
background-color: #e6f6fd;
}
.partner-stats {
padding-top: 40px;
padding-bottom: 40px;
}
.partner-stats-grid {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 40px;
} .partner-stats-grid > *,
.partner-why-list > *,
.partner-stat > * {
margin: 0;
}
.partner-stat-value {
font-size: 32px;
font-weight: 700;
line-height: 1.2;
letter-spacing: -0.16px;
color: #111112;
}
.partner-stat-label {
margin-top: 8px !important;
font-size: 14px;
font-weight: 500;
line-height: 1.56;
letter-spacing: -0.07px;
color: #45454e;
}
.partner-why {
padding-top: 64px;
padding-bottom: 80px;
}
.partner-why-row {
justify-content: space-between;
gap: 40px;
margin: 0;
}
.wp-block-columns.partner-why-row > .wp-block-column.partner-why-intro {
flex: 0 1 436px;
}
.wp-block-columns.partner-why-row > .wp-block-column.partner-why-list {
flex: 0 1 736px;
min-width: 0;
}
.partner-why-title {
margin: 0;
font-size: 40px;
font-weight: 700;
line-height: 1.14;
letter-spacing: -0.32px;
color: #111112;
}
.partner-why-body {
max-width: 324px;
margin: 20px 0 0;
font-size: 16px;
line-height: 1.56;
color: #45454e;
}
.partner-why-item {
display: flex;
justify-content: space-between;
gap: 40px;
padding: 28px 0;
border-top: 1px solid #eaeaee;
}
.partner-why-item:last-child {
border-bottom: 1px solid #eaeaee;
}
.partner-why-item > * {
margin: 0;
}
.partner-why-item-title {
flex: 0 0 282px;
font-size: 18px;
font-weight: 600;
line-height: 1.56;
color: #111112;
}
.partner-why-item-text {
flex: 0 1 409px;
font-size: 16px;
line-height: 1.56;
color: #45454e;
}
.partner-range-heading {
display: flex;
flex-direction: column;
gap: 16px;
max-width: 436px;
}
.partner-range-intro {
max-width: 368px;
margin: 0;
font-size: 16px;
line-height: 1.56;
color: #45454e;
}
.partner-range-all.product-button {
flex: 0 0 auto;
}
@media (max-width: 1024px) {
.partner-hero-row,
.partner-why-row {
flex-direction: column;
gap: 40px;
}
.wp-block-columns.partner-hero-row > .wp-block-column.partner-hero-text,
.wp-block-columns.partner-why-row > .wp-block-column.partner-why-intro,
.wp-block-columns.partner-why-row > .wp-block-column.partner-why-list {
flex-basis: auto;
width: 100%;
}
.partner-stats-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 782px) {
.partner-hero-title {
font-size: 40px;
}
.partner-why-title {
font-size: 30px;
}
.partner-why-item {
flex-direction: column;
gap: 8px;
}
.partner-why-item-title,
.partner-why-item-text {
flex-basis: auto;
}
.partner-range .product-related-head {
flex-direction: column;
align-items: flex-start;
}
} .booking-form {
--booking-error: #c8322b;
width: 100%;
}
.booking-form-form {
display: flex;
flex-direction: column;
gap: 14px;
margin: 0;
}
.booking-form-hp {
position: absolute;
left: -9999px;
width: 1px;
height: 1px;
overflow: hidden;
} .booking-form-audience {
display: flex;
gap: 4px;
margin: 0;
padding: 4px;
border: 0;
border-radius: 15px;
background: var(--wp--preset--color--surface-paper);
}
.booking-form-audience-option {
position: relative;
flex: 1 1 0;
cursor: pointer;
}
.booking-form-audience-option input {
position: absolute;
inset: 0;
margin: 0;
opacity: 0;
cursor: pointer;
}
.booking-form-audience-option span {
display: flex;
align-items: center;
justify-content: center;
min-height: 34px;
border-radius: 10px;
font-family: var(--wp--preset--font-family--form);
font-size: 14px;
font-weight: 600;
line-height: 1;
color: var(--wp--preset--color--text-muted);
transition: background-color 0.15s ease, color 0.15s ease, box-shadow 0.15s ease;
}
.booking-form-audience-option input:checked + span {
background: var(--wp--preset--color--surface-white);
color: #45454e;
box-shadow: 0 4px 18px rgb(28 36 75 / 10%);
}
.booking-form-audience-option input:focus-visible + span {
outline: 2px solid var(--wp--preset--color--brand-cyan);
outline-offset: 1px;
} @media (max-width: 400px) {
.booking-form-audience-option {
flex: 1 1 auto;
}
.booking-form-audience-option span {
padding: 0 8px;
font-size: 13px;
white-space: nowrap;
}
}
@media (max-width: 340px) {
.booking-form-audience-option span {
font-size: 12px;
}
} .booking-form-pair {
display: flex;
gap: 14px;
}
.booking-form-pair > .booking-form-field {
flex: 1 1 0;
min-width: 0;
}
.booking-form-field label,
.booking-form-service label {
display: block;
margin-bottom: 4px;
font-size: 14px;
font-weight: 500;
line-height: 1.56;
letter-spacing: -0.07px;
color: var(--wp--preset--color--text-heading);
}
.booking-form input[type="text"],
.booking-form input[type="email"],
.booking-form input[type="tel"],
.booking-form textarea,
.booking-form select {
box-sizing: border-box;
width: 100%;
height: 46px;
margin: 0;
padding: 0 16px;
border: 1px solid var(--wp--preset--color--border-subtle);
border-radius: 10px;
background-color: var(--wp--preset--color--surface-paper);
font-family: var(--wp--preset--font-family--form);
font-size: 16px;
line-height: 1.6;
color: var(--wp--preset--color--text-heading);
transition: border-color 0.15s ease, box-shadow 0.15s ease;
} .booking-form textarea {
display: block;
height: auto;
min-height: 120px;
padding: 10px 16px;
resize: vertical;
}
.booking-form input::placeholder {
color: var(--wp--preset--color--text-muted);
opacity: 1;
}
.booking-form input:focus,
.booking-form textarea:focus,
.booking-form select:focus {
outline: none;
border-color: var(--wp--preset--color--brand-cyan);
box-shadow: 0 0 0 3px rgb(0 174 239 / 18%);
}
.booking-form input[aria-invalid="true"],
.booking-form textarea[aria-invalid="true"],
.booking-form select[aria-invalid="true"] {
border-color: var(--booking-error);
}
.booking-form input[aria-invalid="true"]:focus,
.booking-form textarea[aria-invalid="true"]:focus,
.booking-form select[aria-invalid="true"]:focus {
border-color: var(--booking-error);
box-shadow: 0 0 0 3px rgb(200 50 43 / 15%);
}
.booking-form select {
padding-right: 44px;
appearance: none;
background-image: url(//norsk-klimasenter.no/wp-content/themes/norsk-klimasenter/assets/icons/chevron-down.svg);
background-position: right 16px center;
background-size: 18px 18px;
background-repeat: no-repeat;
cursor: pointer;
}
.booking-form select:invalid,
.booking-form select:has(option[value=""]:checked) {
color: var(--wp--preset--color--text-muted);
}
.booking-form select option {
color: var(--wp--preset--color--text-heading);
} .booking-form-checkbox {
position: relative;
display: inline-flex;
align-items: flex-start;
gap: 10px;
cursor: pointer;
}
.booking-form-checkbox input {
position: absolute;
top: 0;
left: 0;
width: 20px;
height: 20px;
margin: 0;
opacity: 0;
cursor: pointer;
}
.booking-form-checkbox-box {
flex: 0 0 20px;
margin-top: -2px;
width: 20px;
height: 20px;
box-sizing: border-box;
border: 1px solid var(--wp--preset--color--border-subtle);
border-radius: 6px;
background: var(--wp--preset--color--surface-paper) center / 11px 8px no-repeat;
transition: background-color 0.15s ease, border-color 0.15s ease;
}
.booking-form-checkbox input:checked + .booking-form-checkbox-box {
border-color: var(--wp--preset--color--brand-cyan);
background-color: var(--wp--preset--color--brand-cyan);
background-image: url(//norsk-klimasenter.no/wp-content/themes/norsk-klimasenter/assets/icons/white-tick.svg);
}
.booking-form-checkbox input:focus-visible + .booking-form-checkbox-box {
outline: 2px solid var(--wp--preset--color--brand-cyan);
outline-offset: 2px;
}
.booking-form-checkbox input[aria-invalid="true"] + .booking-form-checkbox-box {
border-color: var(--booking-error);
}
.booking-form-checkbox-label {
font-size: 13px;
font-weight: 500;
line-height: 1.3;
color: var(--wp--preset--color--text-muted);
}
.booking-form-privacy {
margin: 8px 0 0 30px;
font-size: 13px;
font-weight: 500;
line-height: 1.3;
color: var(--wp--preset--color--text-muted);
}
.booking-form-privacy a {
color: var(--wp--preset--color--text-heading);
text-decoration: underline;
text-underline-offset: 2px;
}
.booking-form-privacy a:hover {
color: var(--wp--preset--color--brand-cyan);
}
.booking-form-required {
margin-left: 2px;
color: var(--booking-error);
} .booking-form-form:has(input[name="audience"][value="homeowner"]:checked) .booking-form-service[data-audience="business"],
.booking-form-form:has(input[name="audience"][value="business"]:checked) .booking-form-service[data-audience="homeowner"] {
display: none;
}
.booking-form-error {
margin: 6px 0 0;
font-size: 13px;
font-weight: 500;
line-height: 1.3;
color: var(--booking-error);
}
.booking-form-error:empty,
.booking-form-message:empty {
display: none;
}
.booking-form-message {
margin: 0;
padding: 10px 14px;
border-radius: 10px;
background: rgb(200 50 43 / 8%);
font-size: 14px;
line-height: 1.45;
color: var(--booking-error);
} .booking-form-submit {
display: flex;
align-items: center;
justify-content: space-between;
gap: 16px;
width: 100%;
min-height: 44px;
margin: 0;
padding: 6px 6px 6px 32px;
border: 0;
border-radius: 100px;
background: var(--wp--preset--color--brand-cyan);
font-family: var(--wp--preset--font-family--sans);
font-size: 14px;
font-weight: 500;
line-height: 1.56;
letter-spacing: -0.07px;
color: var(--wp--preset--color--text-heading);
text-align: left;
cursor: pointer;
transition: background-color 0.15s ease;
} .contact-form .booking-form-submit {
justify-content: flex-start;
width: fit-content;
max-width: 100%;
margin: 0 auto;
}
.booking-form-submit:hover {
background: #009fd9;
}
.booking-form-submit:focus-visible {
outline: 2px solid var(--wp--preset--color--brand-navy);
outline-offset: 2px;
}
.booking-form-submit-icon {
display: flex;
flex: 0 0 32px;
align-items: center;
justify-content: center;
width: 32px;
height: 32px;
border-radius: 50%;
background: var(--wp--preset--color--surface-white);
transition: transform 0.15s ease;
}
.booking-form-submit:hover .booking-form-submit-icon {
transform: translateX(2px);
}
.booking-form-form.is-submitting .booking-form-submit {
cursor: progress;
opacity: 0.7;
}
.booking-form-form.is-submitting .booking-form-submit-icon img {
animation: booking-form-pulse 0.9s ease-in-out infinite alternate;
}
@keyframes booking-form-pulse {
to {
opacity: 0.25;
}
} .booking-form [hidden] {
display: none !important;
}
.booking-form-success {
display: flex;
flex-direction: column;
justify-content: center;
box-sizing: border-box;
padding: 28px 24px;
border-radius: 15px;
background: var(--wp--preset--color--surface-mist);
text-align: center;
outline: none;
}
.booking-form-success p {
margin: 0;
font-size: 14px;
line-height: 1.56;
color: var(--wp--preset--color--text-body);
}
.booking-form-success .booking-form-success-title {
margin-bottom: 4px;
font-size: 18px;
font-weight: 700;
color: var(--wp--preset--color--text-heading);
}  @media (min-width: 783px) {
.final-cta-form,
.contact-form-card {
padding: 30px !important;
}
}
.final-cta-form > h3 {
line-height: 1.28;
letter-spacing: -0.06px;
}
.final-cta-form > h3 + p {
margin-block-start: 4px;
line-height: 1.56;
color: #45454e !important;
}
.final-cta-form > .booking-form,
.contact-form-card > .booking-form {
margin-block-start: 14px;
}
@media (max-width: 480px) {
.booking-form-submit {
padding-left: 20px;
}
.booking-form-submit-label {
white-space: nowrap;
}
.booking-form-pair {
flex-direction: column;
gap: 18px;
} .final-cta-row {
padding-right: 16px !important;
padding-left: 16px !important;
}
.final-cta-form {
padding: 20px !important;
}
}
@media (prefers-reduced-motion: reduce) {
.booking-form *,
.booking-form *::before {
transition: none !important;
animation: none !important;
}
} .housing-page > * + * {
margin-block-start: 0;
}
.housing-page p {
margin: 0;
} .housing-eyebrow {
font-size: 12px;
font-weight: 600;
line-height: 1.2;
letter-spacing: 0.06em;
text-transform: uppercase;
color: #006fdc;
}
.housing-hero-title {
letter-spacing: -0.025em;
} .housing-hero .housing-hero-title {
overflow-wrap: normal;
word-break: normal;
}
@media (min-width: 782px) {
.housing-hero > .wp-block-column:first-child {
min-width: min-content;
}
} @media (max-width: 600px) {
h1.housing-hero-title {
font-size: 36px !important;
}
h2.housing-hero-title {
font-size: 32px !important;
}
}
.housing-standfirst {
font-weight: 600;
color: #45454e;
}
.housing-hero-media,
.housing-hero-media img {
width: 100%;
margin: 0;
} .housing-hero-media img {
height: auto;
}
@media (max-width: 1100px) {
.housing-hero {
column-gap: 48px !important;
}
} .housing-intro-label {
font-weight: 600;
text-transform: uppercase;
color: #45454e;
}
.housing-intro-body {
font-size: 24px;
font-weight: 500;
line-height: 1.32;
letter-spacing: -0.0025em;
color: var(--wp--preset--color--text-heading);
}
@media (max-width: 1100px) {
.housing-intro {
column-gap: 48px !important;
}
}
@media (max-width: 781px) {
.housing-intro-body {
font-size: 20px;
}
} .housing-card-title {
font-size: 20px;
font-weight: 600;
line-height: 1.35;
color: #10141b;
}
.housing-card-text {
max-width: 300px;
color: #6a727e;
}
.housing-cards-wide .housing-card-text {
max-width: 483px;
} .housing-card .service-card-body {
justify-content: flex-start;
}
.housing-card .service-card-media .wp-block-image {
margin: 0;
}
.housing-card .service-card-media img:not(.service-card-icon-chip img) {
aspect-ratio: 408 / 293;
object-fit: cover;
}
.housing-cards-wide .service-card-media img:not(.service-card-icon-chip img) {
aspect-ratio: 618 / 325;
}
.housing-cards-wide .service-card-icon-chip {
right: 42px;
}
.housing-card .service-card-icon-chip img {
aspect-ratio: auto;
} .housing-carousel-nav {
display: flex;
justify-content: flex-end;
gap: 8px;
}
.housing-carousel.is-static .housing-carousel-nav {
display: none;
}
.housing-carousel-button {
display: inline-flex;
align-items: center;
justify-content: center;
width: 44px;
height: 44px;
padding: 0;
border: 1px solid var(--wp--preset--color--text-button);
border-radius: 50%;
background: var(--wp--preset--color--surface-white);
cursor: pointer;
transition: background-color 0.2s ease, opacity 0.2s ease;
}
.housing-carousel-button:hover:not(:disabled) {
background: var(--wp--preset--color--surface-mist);
} .has-surface-mist-background-color .housing-carousel-button:hover:not(:disabled) {
background: #cceffd;
}
.housing-carousel-button:disabled {
opacity: 0.4;
cursor: default;
}
.housing-carousel-button.is-next img {
transform: scaleX(-1);
}
.housing-carousel-track {
align-items: stretch !important;
overflow-x: auto;
scroll-snap-type: x mandatory;
scrollbar-width: none;
}
.housing-carousel-track::-webkit-scrollbar {
display: none;
}
.housing-carousel-track > .housing-card {
flex: 0 0 calc((100% - 50px) / 3);
height: auto;
min-height: 489px;
scroll-snap-align: start;
}
@media (max-width: 1024px) {
.housing-carousel-track > .housing-card {
flex-basis: calc((100% - 25px) / 2);
}
}
@media (max-width: 640px) {
.housing-carousel-track > .housing-card {
flex-basis: 85%;
min-height: 0;
}
} .housing-specs-lead {
max-width: 403px;
}
@media (max-width: 1100px) {
.housing-specs {
column-gap: 48px !important;
}
}
.housing-swatch {
align-items: center;
gap: 10px 6px !important;
}
.housing-swatch[role="radio"] {
cursor: pointer;
border-radius: 24px;
}
.housing-swatch[role="radio"]:focus-visible {
outline: 2px solid var(--wp--preset--color--brand-cyan);
outline-offset: 4px;
}
.housing-swatch.is-selected .housing-swatch-dot {
box-shadow: 0 0 0 2px var(--wp--preset--color--surface-white), 0 0 0 4px var(--wp--preset--color--brand-cyan);
}
.housing-swatch-dot {
flex: 0 0 40px;
width: 40px;
height: 40px;
margin: 4px 8px 4px 4px;
border: 1px solid #e5e9f2;
border-radius: 50%;
}
.housing-swatch-name {
font-size: 14px;
font-weight: 700;
color: var(--wp--preset--color--text-heading);
}
.housing-swatch-code {
font-size: 12px;
font-weight: 600;
letter-spacing: 0.06em;
color: #787878;
}
.housing-spec-table {
padding: 24px 20px;
border: 1px solid #eaeaee;
border-radius: 20px;
background: var(--wp--preset--color--surface-white);
}
.housing-spec-table > * {
margin-block-start: 0;
}
.housing-spec-head {
align-items: center;
margin-bottom: 16px;
}
.housing-spec-title {
font-size: 14px;
font-weight: 600;
color: #0c9bcf;
}
.housing-spec-title.is-caps {
font-weight: 700;
text-transform: uppercase;
}
.housing-spec-row {
align-items: baseline;
gap: 16px;
padding: 12px 0;
font-size: 14px;
border-bottom: 1px solid #eaeaee;
}
.housing-spec-row:last-child {
padding-bottom: 0;
border-bottom: 0;
}
.housing-spec-head + .housing-spec-row {
padding-top: 0;
}
.housing-spec-label {
flex-shrink: 0;
color: var(--wp--preset--color--text-muted);
}
.housing-spec-value {
font-weight: 700;
text-align: right;
color: var(--wp--preset--color--text-heading);
} .housing-flip {
display: grid;
grid-template-columns: minmax(0, 1fr);
perspective: 1200px;
}
.housing-flip > .housing-flip-face {
grid-area: 1 / 1;
margin: 0;
backface-visibility: hidden;
transition: transform 0.5s ease;
}
.housing-flip-back {
transform: rotateY(180deg);
}
.housing-flip.is-flipped .housing-flip-front {
transform: rotateY(-180deg);
}
.housing-flip.is-flipped .housing-flip-back {
transform: rotateY(0deg);
}
.housing-flip-toggle {
display: inline-flex;
align-items: center;
gap: 6px;
font-size: 12px;
color: var(--wp--preset--color--text-muted);
cursor: pointer;
border-radius: 4px;
}
.housing-flip-toggle::after {
content: "";
width: 12px;
height: 12px;
background: url(//norsk-klimasenter.no/wp-content/themes/norsk-klimasenter/assets/icons/flip.svg) center / contain no-repeat;
}
.housing-flip-toggle:hover {
color: var(--wp--preset--color--text-heading);
}
.housing-flip-toggle:focus-visible {
outline: 2px solid var(--wp--preset--color--brand-cyan);
outline-offset: 2px;
}
@media (prefers-reduced-motion: reduce) {
.housing-flip > .housing-flip-face,
.housing-color-media > .wp-block-image {
transition: none;
}
} .housing-navy-card > * {
margin: 0;
} .housing-navy-card-media img {
width: 100%;
height: auto;
} .housing-navy-card > .housing-navy-card-media {
width: 100%;
}
.housing-navy-card-media.is-popout-tall {
margin-top: -11.25%;
pointer-events: none;
} .housing-color-media {
display: grid;
grid-template-columns: minmax(0, 1fr);
}
.housing-color-media > .wp-block-image {
grid-area: 1 / 1;
margin: 0;
opacity: 0;
transition: opacity 0.4s ease;
}
.housing-color-media > .wp-block-image.is-active {
opacity: 1;
}
.housing-navy-card-title {
font-size: 18px;
font-weight: 600;
line-height: 1.56;
}
.housing-checklist {
display: flex;
flex-direction: column;
gap: 6px;
margin: 0;
padding: 0;
list-style: none;
font-size: 14px;
color: var(--wp--preset--color--text-on-dark);
}
.housing-checklist li {
position: relative;
padding-left: 29px;
}
.housing-checklist li::before {
content: "";
position: absolute;
left: 0;
top: 3px;
width: 16px;
height: 16px;
background: url(//norsk-klimasenter.no/wp-content/themes/norsk-klimasenter/assets/icons/tick.svg) center / 14px auto no-repeat;
}
.housing-navy-card-note {
padding-top: 16px;
border-top: 1px solid #3a5c8f;
color: #b9c8e4;
} .housing-install-lead {
max-width: 418px;
}
.housing-install-head > .wp-block-column:last-child {
display: flex;
justify-content: flex-end;
}
.housing-tools-card {
width: 100%;
max-width: 405px;
}
.housing-tools-card-title {
font-weight: 600;
color: #0c9bcf;
}
.housing-banner {
margin: 0;
}
.housing-banner img {
width: 100%;
height: 400px;
object-fit: cover;
} @media (max-width: 781px) {
.housing-banner img {
height: 240px;
object-position: 63% 50%;
}
}
.housing-steps {
flex-wrap: wrap !important;
}
.housing-steps > .wp-block-column {
flex: 1 1 220px !important;
}
.housing-step {
align-items: flex-start;
padding: 12px 0;
}
.housing-step-number {
flex: 0 0 30px;
width: 30px;
height: 30px;
font-size: 14px;
font-weight: 700;
line-height: 30px;
text-align: center;
color: #006fdc;
border-radius: 50%;
background: var(--wp--preset--color--surface-mist);
}
.housing-step-title {
font-size: 18px;
font-weight: 700;
line-height: 1.56;
}
.housing-step-text {
color: #45454e;
} .housing-promo .housing-hero-title {
font-size: 56px;
font-weight: 600;
line-height: 1;
}
.housing-promo-body {
max-width: 385px;
margin: 0;
color: #45454e;
}
.housing-promo-media {
display: grid;
grid-template-columns: minmax(0, 1fr);
}
.housing-promo-media > .wp-block-image {
grid-area: 1 / 1;
margin: 0;
}
.housing-promo-media > .wp-block-image + .wp-block-image {
animation: housing-promo-fade 10s ease-in-out infinite;
}
@keyframes housing-promo-fade {
0%, 40% { opacity: 0; }
50%, 90% { opacity: 1; }
100% { opacity: 0; }
}
@media (prefers-reduced-motion: reduce) {
.housing-promo-media > .wp-block-image + .wp-block-image {
display: none;
}
} @media (max-width: 781px) {
.housing-promo .housing-hero > .wp-block-column:has(.housing-promo-media) {
order: -1;
}
} @media (max-width: 781px) { .housing-navy-card-media.is-popout-tall {
margin-top: max(-11.25%, -40px);
} .housing-card-text,
.housing-cards-wide .housing-card-text {
max-width: none;
}
.housing-page .housing-specs-lead,
.housing-install-lead {
max-width: none;
}
.housing-install-head > .wp-block-column:last-child {
justify-content: flex-start;
}
.housing-tools-card {
max-width: none;
}
}
@media (max-width: 600px) { .housing-hero {
padding-bottom: 0 !important;
} .housing-install > .wp-block-group {
padding-top: 40px !important;
padding-bottom: 40px !important;
}
.housing-install > .wp-block-group:first-child {
padding-top: 0 !important;
}
.housing-steps {
row-gap: 8px !important;
}
.housing-step {
padding: 4px 0;
}
.housing-intro {
row-gap: 16px !important;
}
} .faq-intro {
max-width: 385px;
margin-inline: auto;
color: #45454e !important;
}
.faq-filter-pills {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 12px;
}
.faq-filter-pills + .faq-list {
margin-block-start: 32px;
}
.faq-filter-pill {
border: 1px solid #00aeef;
border-radius: 100px;
padding: 6px 20px;
background-color: rgb(0 174 239 / 8%);
color: #515152;
font-family: inherit;
font-size: 14px;
font-weight: 400;
line-height: 1.56;
cursor: pointer;
}
.faq-filter-pill.is-active {
background-color: #0e355a;
border-color: #0e355a;
color: #17c0fd;
font-weight: 500;
letter-spacing: -0.005em;
}
.faq-filter-pill:focus-visible,
.faq-item > summary:focus-visible {
outline: 2px solid #006fdc;
outline-offset: 2px;
}
.faq-category > .faq-item {
margin: 0;
padding: 28px 24px;
border-bottom: 1px solid #eaeaee;
border-radius: 12px 12px 0 0;
}
.faq-category > .faq-item[open] {
background-color: #eefaff;
border-bottom-color: transparent;
border-radius: 12px;
}
.faq-item[hidden],
.faq-category[hidden] {
display: none;
} .faq-filter-pills + .faq-list .faq-category-name {
position: absolute !important;
width: 1px;
height: 1px;
overflow: hidden;
clip-path: inset(50%);
white-space: nowrap;
}
.faq-list > .faq-category {
margin: 0;
}
.faq-item > summary {
display: flex;
align-items: center;
justify-content: space-between;
gap: 24px;
color: #111112;
font-size: 18px;
font-weight: 600;
line-height: 1.56;
cursor: pointer;
list-style: none;
}
.faq-item > summary::-webkit-details-marker {
display: none;
} .faq-item > summary::after {
content: "";
flex-shrink: 0;
width: 36px;
height: 36px;
border-radius: 50%;
background:
linear-gradient(#006fdc, #006fdc) center / 14px 2px no-repeat,
linear-gradient(#006fdc, #006fdc) center / 2px 14px no-repeat,
#e6f6fd;
margin-block: -2px;
}
.faq-item[open] > summary::after {
background:
linear-gradient(#006fdc, #006fdc) center / 14px 2px no-repeat,
#e6f6fd;
}
.faq-item > p {
max-width: 722px;
margin: 16px 0 0;
color: #45454e;
font-size: 14px;
line-height: 1.56;
opacity: 0.9;
}
.faq-item > summary + p {
margin-top: 12px;
}
@supports (interpolate-size: allow-keywords) {
.faq-item {
interpolate-size: allow-keywords;
}
.faq-item::details-content {
block-size: 0;
overflow: hidden;
transition: block-size 0.3s ease, content-visibility 0.3s allow-discrete;
}
.faq-item[open]::details-content {
block-size: auto;
}
}
@media (prefers-reduced-motion: reduce) {
.faq-item::details-content {
transition: none;
}
}
@media (max-width: 600px) {
.faq-filter-pills {
gap: 8px;
}
.faq-category > .faq-item {
padding: 20px 16px;
}
.faq-item > summary {
gap: 16px;
font-size: 16px;
}
} @media (max-width: 600px) {
:root {
--wp--preset--font-size--xxx-large: 36px;
--wp--preset--font-size--xx-large: 32px;
}
main h1 {
font-size: 36px !important;
}
main h2[style*="font-size:40px"],
main h2[style*="font-size:56px"] {
font-size: 32px !important;
}
} .footer-bottom-bar .footer-cookie-settings {
padding: 0;
border: 0;
background: none;
color: inherit;
font: inherit;
letter-spacing: inherit;
cursor: pointer;
transition: color 0.2s ease;
}
.footer-bottom-bar .footer-cookie-settings:hover {
color: var(--wp--preset--color--surface-white);
} .footer-bottom-bar .footer-cookie-separator {
margin: 0 0.3em;
} .instagram-feed-fallback {
display: flex;
flex-direction: column;
align-items: center;
gap: 12px;
max-width: 480px;
margin: 0 auto;
padding: 24px;
text-align: center;
color: var(--wp--preset--color--text-body);
background-color: var(--wp--preset--color--surface-mist);
border-radius: 20px;
}
.instagram-feed-fallback[hidden],
.instagram-feed-unavailable {
display: none;
}
.instagram-feed-fallback p {
margin: 0;
font-size: 14px;
line-height: 1.56;
}
.instagram-feed-fallback-button {
padding: 10px 24px;
font: inherit;
font-size: 14px;
font-weight: 500;
color: var(--wp--preset--color--text-button);
cursor: pointer;
background-color: var(--wp--preset--color--surface-white);
border: 1px solid currentcolor;
border-radius: 100px;
} .search-page-title {
margin-bottom: 24px;
font-size: 40px;
line-height: 1.14;
letter-spacing: -0.32px;
}
.search-page-form {
margin-bottom: 48px;
}
.search-results-list {
display: flex;
flex-direction: column;
gap: 0;
padding: 0;
list-style: none;
}
.search-result {
padding: 24px 0;
border-top: 1px solid #eaeaee;
}
.search-result-image {
flex: 0 0 120px;
margin: 0;
overflow: hidden;
border-radius: 12px;
}
.search-result-body > * {
margin: 0;
}
.search-result-type {
margin-bottom: 4px;
font-size: 12px;
font-weight: 600;
letter-spacing: 0.72px;
text-transform: uppercase;
color: #006fdc;
}
.search-result-title {
font-size: 20px;
line-height: 1.3;
}
.search-result-title a {
color: var(--wp--preset--color--text-heading);
text-decoration: none;
}
.search-result-excerpt {
margin-top: 8px;
font-size: 14px;
line-height: 1.56;
color: var(--wp--preset--color--text-body);
}
.search-results-pagination {
margin-top: 40px;
}
.search-helpful-links {
display: flex;
flex-wrap: wrap;
gap: 8px 24px;
padding: 0;
list-style: none;
}
.search-helpful-links a {
color: #006fdc;
}
@media (max-width: 600px) {
.search-page-title {
font-size: 32px;
}
.search-result-image {
flex-basis: 80px;
}
}