@charset "UTF-8";

@font-face {
font-family: "DM Serif Display";
src: url(//gilbertrestore.se/wp-content/themes/gilbert-restore/build/fonts/DMSerifDisplay/DMSerifDisplay-Regular.woff2) format("woff2"), url(//gilbertrestore.se/wp-content/themes/gilbert-restore/build/fonts/DMSerifDisplay/DMSerifDisplay-Regular.woff) format("woff");
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Poppins";
src: url(//gilbertrestore.se/wp-content/themes/gilbert-restore/build/fonts/Poppins/Poppins-Light.woff2) format("woff2"), url(//gilbertrestore.se/wp-content/themes/gilbert-restore/build/fonts/Poppins/Poppins-Light.woff) format("woff");
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Poppins";
src: url(//gilbertrestore.se/wp-content/themes/gilbert-restore/build/fonts/Poppins/Poppins-LightItalic.woff2) format("woff2"), url(//gilbertrestore.se/wp-content/themes/gilbert-restore/build/fonts/Poppins/Poppins-LightItalic.woff) format("woff");
font-weight: 300;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: "Poppins";
src: url(//gilbertrestore.se/wp-content/themes/gilbert-restore/build/fonts/Poppins/Poppins-SemiBold.woff2) format("woff2"), url(//gilbertrestore.se/wp-content/themes/gilbert-restore/build/fonts/Poppins/Poppins-SemiBold.woff) format("woff");
font-weight: 600;
font-style: normal;
font-display: swap;
}
:root {
--font-family: "Poppins", sans-serif;
--font-family-accent: "DM Serif Display", serif;
--color-light: #F5F5F3;
--color-dark: #353534;
--color-primary: #007680;
--color-secondary: #e9e9e9;
--color-primary-light: #d1e5e7;
--font-size-xxl: clamp(98px, 13.1vw, 198px);
--font-size-xl: clamp(48px, 6vw, 75px);
--font-size-lg: clamp(30px, 2.4vw, 36px);
--font-size-md: clamp(22px, 1.5vw, 24px);
--font-size-sm: clamp(16px, 1.2vw, 18px);
--font-size-xs: 16px;
--letter-spacing: 0.4px;
--font-weight-light: 300;
--font-weight-regular: 400;
--font-weight-semibold: 600;
--spacing-border: clamp(24px, 8vw, 160px);
--spacing-xs: 16px;
--spacing-sm: clamp(20px, 2vw, 30px);
--spacing-md: clamp(30px, 2.65vw, 40px);
--spacing-lg: clamp(40px, 4.6vw, 70px);
--spacing-xl: clamp(60px, 10vw, 130px);
--col: calc(calc(100vw + var(--spacing-border) * -2) / 12);
--border: 1px solid;
--border-light: 1px solid #999999;
--content-width-inner: 600px;
--vh: 100vh;
}
@media screen and (max-width: 768px) {
:root {
--spacing-border: 25px;
}
}
@media screen and (max-width: 768px) {
:root {
--content-width-inner: calc(100% - calc(var(--spacing-border) * 2)) ;
}
}
* {
box-sizing: border-box;
scroll-behavior: smooth;
}
::-webkit-scrollbar {
display: none;
}
figure {
margin: 0;
overflow: hidden;
}
html,
body {
margin: 0;
padding: 0;
}
body {
padding-top: var(--navHeight);
background-color: var(--color-light);
color: var(--color-dark);
font-family: var(--font-family);
font-weight: var(--font-weight-light);
font-size: var(--font-size-xs);
}
@media screen and (min-width: 600px) {
body {
font-size: 18px;
}
}
body.is-overflow-hidden {
overflow: hidden;
}
body::selection {
background-color: var(--color-primary);
color: var(--color-light);
}
div {
position: relative;
}
a {
text-decoration: none;
color: inherit;
}
ul,
ol {
padding: 0;
margin: 0;
}
li {
list-style-type: none;
}
h1, h2, h3 {
margin: 0;
font-weight: var(--font-weight-regular);
line-height: 1em;
}
strong {
font-weight: var(--font-weight-semibold);
}
img {
width: 100%;
height: auto;
vertical-align: bottom;
object-fit: contain;
}
p a, p.link {
width: fit-content;
transition: 0.1s;
position: relative;
text-decoration: none;
margin-right: 12px;
border-bottom: 1px solid;
}
p a::after, p.link::after {
content: ">";
position: absolute;
margin-left: 4px;
top: 50%;
transform: translateY(-44%);
transition: 0.1s;
}
p a:hover, p.link:hover {
opacity: 0.6;
}
p a:hover::after, p.link:hover::after {
margin-left: 6px;
}
.header {
position: fixed;
top: 0;
display: flex;
justify-content: space-between;
padding: 10px var(--spacing-md) 10px 12px;
background-color: var(--color-light);
width: 100vw;
z-index: 999;
transition: 0.4s;
}
@media screen and (max-width: 992px) {
.header {
padding: 10px;
}
}
.header img {
width: 125px;
}
@media screen and (max-width: 992px) {
.header .menu-button {
position: relative;
width: 48px;
height: 48px;
background: transparent;
border: none;
cursor: pointer;
z-index: 1001;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 6px;
padding: 0;
}
}
@media screen and (min-width: 992px) {
.header .menu-button {
display: none;
}
}
.header .menu-button span {
width: 28px;
height: 2px;
background: var(--color-dark);
border-radius: 2px;
transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
transform-origin: center;
}
.header .menu-button.is-active span:nth-child(1) {
transform: translateY(8px) rotate(45deg);
}
.header .menu-button.is-active span:nth-child(2) {
opacity: 0;
transform: scaleX(0);
}
.header .menu-button.is-active span:nth-child(3) {
transform: translateY(-8px) rotate(-45deg);
}
.header .menu-container {
align-content: center;
}
@media screen and (max-width: 992px) {
.header .menu-container .menu-main-container {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: var(--vh);
background: var(--color-light);
z-index: 999;
display: flex;
align-items: center;
justify-content: center;
opacity: 0;
visibility: hidden;
transition: opacity 0.5s ease, visibility 0.5s ease;
}
.header .menu-container .menu-main-container.is-active {
opacity: 1;
visibility: visible;
}
.header .menu-container .menu-main-container.is-active li {
opacity: 1;
transform: translateY(0);
}
}
.header .menu-container .menu-main-container ul {
display: flex;
gap: var(--spacing-lg);
}
@media screen and (max-width: 992px) {
.header .menu-container .menu-main-container ul {
flex-direction: column;
width: 100%;
max-width: 600px;
padding: var(--spacing-lg) 0 var(--spacing-lg) var(--spacing-lg);
font-size: var(--font-size-md);
}
}
@media screen and (max-width: 992px) {
.header .menu-container .menu-main-container ul li {
opacity: 0;
transform: translateY(30px);
transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
border-bottom: 1px solid #999;
}
}
@media screen and (max-width: 992px) {
.header .menu-container .menu-main-container ul li a::after {
content: ">";
position: absolute;
right: var(--spacing-md);
top: 50%;
transform: translateY(-50%);
transition: 0.1s;
}
.header .menu-container .menu-main-container ul li a:hover {
opacity: 0.6;
}
.header .menu-container .menu-main-container ul li a:hover::after {
margin-left: 6px;
}
}
@media screen and (min-width: 992px) {
.header .menu-container .menu-main-container ul li a:hover {
text-decoration: underline;
}
}
footer {
font-size: var(--font-size-xs);
background-color: var(--color-dark);
color: var(--color-light);
padding: 0 var(--spacing-border);
}
@media screen and (min-width: 600px) {
footer {
padding: 0 var(--spacing-lg);
}
}
footer::selection {
background-color: var(--color-light);
color: var(--color-dark);
}
footer .footer-container {
padding: var(--spacing-lg) 0;
display: flex;
justify-content: space-between;
}
@media screen and (max-width: 992px) {
footer .footer-container {
flex-direction: column-reverse;
}
}
@media screen and (max-width: 600px) {
footer .footer-container__company {
text-align: center;
}
}
@media screen and (max-width: 600px) {
footer .footer-container__company img {
width: 80vw;
}
}
@media screen and (min-width: 600px) {
footer .footer-container__company img {
width: 200px;
align-self: flex-end;
}
}
footer .footer-container__company div {
margin-top: var(--spacing-sm);
}
footer .footer-container__company div p, footer .footer-container__company div a {
margin: 0 0 0.2em;
line-height: 1.2em;
}
footer .footer-container__company div p:not(.has-opacity-1), footer .footer-container__company div a:not(.has-opacity-1) {
opacity: 0.6;
}
footer .footer-container__company div a:hover {
text-decoration: underline;
}
footer .footer-container__menu {
display: flex;
gap: var(--spacing-lg);
}
@media screen and (max-width: 600px) {
footer .footer-container__menu {
flex-direction: column;
margin-bottom: var(--spacing-xl);
}
}
@media screen and (min-width: 600px) {
footer .footer-container__menu {
gap: var(--col);
margin-bottom: var(--spacing-sm);
}
}
footer .footer-container__menu .wp-block-heading {
font-family: var(--font-family);
font-size: 18px;
font-weight: 400;
margin-bottom: var(--spacing-sm);
}
footer .footer-container__menu ul li {
opacity: 0.6;
}
footer .footer-container__menu ul li a:hover {
text-decoration: underline;
}
footer .footer {
display: flex;
justify-content: space-between;
}
footer .footer p, footer .footer a {
opacity: 0.6;
font-size: 12px;
line-height: 1em;
padding-bottom: 1em;
margin: 0;
}
@media screen and (max-width: 600px) {
footer .footer p, footer .footer a {
text-align: center;
}
}
footer .footer a:hover {
text-decoration: underline;
}
.wp-block-heading {
font-family: var(--font-family-accent);
line-height: 1em;
font-weight: var(--font-weight-regular);
width: fit-content;
letter-spacing: var(--letter-spacing);
}
.wp-block-heading + .wp-block-image {
margin-top: var(--spacing-xs);
}
.wp-block-heading + .wp-block-list {
margin-top: 1em;
}
.wp-block-media-text {
display: flex;
gap: var(--col);
padding: 0 var(--spacing-border);
margin: var(--spacing-xl) 0;
flex-direction: column;
}
@media screen and (min-width: 600px) {
.wp-block-media-text {
flex-direction: row;
}
}
@media screen and (max-width: 600px) {
.wp-block-media-text figure::before {
content: "";
display: block;
position: absolute;
top: calc(var(--spacing-md) * -1);
height: 1px;
background-color: var(--color-dark);
z-index: 2;
width: calc(100% + var(--spacing-border) * -1);
}
}
.wp-block-media-text figure img {
object-fit: cover;
}
@media screen and (min-width: 600px) {
.wp-block-media-text:not(.has-media-on-the-right) figure {
flex: 1;
margin-left: calc(var(--spacing-border) * -1);
}
}
.wp-block-media-text:not(.has-media-on-the-right) figure img {
aspect-ratio: 3/2;
}
@media screen and (max-width: 600px) {
.wp-block-media-text.has-media-on-the-right {
flex-direction: column-reverse;
}
}
.wp-block-media-text.has-media-on-the-right figure {
margin: 0 auto;
text-align: center;
}
@media screen and (max-width: 600px) {
.wp-block-media-text.has-media-on-the-right figure {
aspect-ratio: unset;
}
.wp-block-media-text.has-media-on-the-right figure::before {
left: 0;
}
}
.wp-block-media-text.has-media-on-the-right figure img {
aspect-ratio: 2/3;
height: auto;
width: 100%;
}
@media screen and (min-width: 600px) {
.wp-block-media-text.has-media-on-the-right figure img {
max-width: calc(var(--col) * 4);
}
}
@media screen and (min-width: 600px) {
.wp-block-media-text.has-media-on-the-right .wp-block-heading::before {
margin-left: calc(var(--spacing-border) * -1);
}
}
@media screen and (min-width: 600px) {
.wp-block-media-text__content {
max-width: calc(var(--col) * 5);
}
}
.wp-block-media-text__content {
width: 100%;
align-content: center;
}
.wp-block-media-text__content .wp-block-heading {
width: 100%;
}
@media screen and (min-width: 600px) {
.wp-block-media-text__content .wp-block-heading::before {
content: "";
display: block;
height: 1px;
background-color: var(--color-dark);
margin-bottom: var(--spacing-sm);
z-index: 2;
width: calc(100% + var(--spacing-border));
}
}
.wp-block-media-text__content p a {
text-decoration: underline;
border-bottom: 0;
margin: 0;
}
.wp-block-media-text__content p a::after {
display: none;
}
.wp-block-media-text .wp-block-group {
padding: 0;
display: grid;
grid-template-columns: 1fr 1fr;
align-items: center;
}
ol {
counter-reset: li;
margin-top: var(--spacing-lg);
}
@media screen and (min-width: 768px) {
ol {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 70px;
}
}
ol > li {
list-style-type: none !important;
position: relative;
counter-increment: li;
flex: 40%;
font-family: var(--font-family-accent);
font-size: var(--font-size-md);
letter-spacing: var(--letter-spacing);
margin-left: 40px;
}
@media screen and (max-width: 768px) {
ol > li {
margin-top: var(--spacing-md);
}
}
@media screen and (min-width: 600px) {
ol > li {
margin-left: 70px;
}
}
ol > li::before {
content: counter(li) " ";
position: absolute;
font-size: 40px;
line-height: 0.7em;
padding-bottom: 10px;
border-bottom: 1px solid;
left: -1em;
top: 0;
}
@media screen and (min-width: 600px) {
ol > li::before {
font-size: 70px;
}
}
ol > li ul li {
list-style-type: none !important;
font-family: var(--font-family);
font-size: var(--font-size-sm);
letter-spacing: 0;
}
ol > li a {
text-decoration: underline;
transition: 0.1s;
}
ol > li a:hover {
opacity: 0.6;
}
.wp-block-buttons {
display: flex;
margin-top: var(--spacing-md);
}
.wp-block-buttons .wp-block-button__link {
display: block;
cursor: pointer;
background-color: var(--color-primary);
color: var(--color-light);
padding: 13px 25px;
transition: 0.2s;
}
.wp-block-buttons .wp-block-button__link:hover {
filter: brightness(1.2);
}
.wp-block-group {
padding: 0 var(--spacing-border);
margin: var(--spacing-xl) 0;
}
.wp-block-group.has-background {
overflow: hidden;
padding: var(--spacing-md) var(--spacing-border) var(--spacing-lg);
}
@media screen and (max-width: 600px) {
.wp-block-group.has-background {
padding-bottom: var(--spacing-xl);
}
}
.wp-block-group.has-background > .wp-block-heading {
margin-bottom: var(--spacing-lg);
}
.wp-block-group.has-background > .wp-block-heading::after {
content: "";
display: block;
width: calc(100% + var(--col) * 7);
height: 1px;
background-color: var(--color-dark);
margin-top: 10px;
z-index: 2;
}
.wp-block-group.has-background .wp-block-columns + p {
max-width: 600px;
margin-top: var(--spacing-lg);
}
.wp-block-group.has-background .wp-block-list {
padding-left: 0;
}
.wp-block-group .wp-block-group {
padding: 0;
margin: 0;
}
.wp-block-group.is-layout-grid {
margin: var(--spacing-md) 0;
}
.wp-block-group.is-layout-grid .wp-block-image img {
aspect-ratio: unset;
}
.wp-block-columns {
display: flex;
}
@media screen and (max-width: 600px) {
.wp-block-columns {
flex-direction: column;
}
}
.wp-block-group.cta-container {
padding-top: var(--spacing-sm);
padding-bottom: var(--spacing-xs);
}
@media screen and (max-width: 768px) {
.wp-block-group.cta-container {
margin: var(--spacing-xl) 0;
}
}
.wp-block-group.cta-container::before, .wp-block-group.cta-container::after {
content: "";
height: 1px;
width: 50vw;
background-color: var(--color-dark);
display: block;
position: absolute;
}
.wp-block-group.cta-container::before {
top: 0;
left: 0;
}
.wp-block-group.cta-container::after {
bottom: 0;
right: 0;
bottom: 0;
display: none;
}
.wp-block-group.cta-container .wp-block-columns {
margin: var(--spacing-sm) 0 var(--spacing-md);
flex-direction: column;
}
@media screen and (max-width: 768px) {
.wp-block-group.cta-container .wp-block-columns {
gap: var(--spacing-md);
}
}
@media screen and (min-width: 600px) {
.wp-block-group.cta-container .wp-block-columns {
flex-direction: row;
}
}
.wp-block-group.cta-container .wp-block-columns .wp-block-column {
flex-basis: 100%;
}
@media screen and (min-width: 768px) {
.wp-block-group.cta-container .wp-block-columns .wp-block-column {
flex-basis: 50%;
}
}
.wp-block-group.cta-container .wp-block-columns .has-background {
position: absolute;
margin: 0;
padding: 3px 6px;
text-transform: uppercase;
font-weight: var(--font-weight-semibold);
font-size: 14px;
}
.wp-block-group.cta-container .wp-block-columns .wp-block-image {
margin-bottom: var(--spacing-xs);
}
.wp-block-group.cta-container .wp-block-columns p:not(.has-background),
.wp-block-group.cta-container .wp-block-columns .wp-block-heading {
margin: var(--spacing-xs) auto auto 0;
}
@media screen and (min-width: 768px) {
.wp-block-group.cta-container .wp-block-columns p:not(.has-background),
.wp-block-group.cta-container .wp-block-columns .wp-block-heading {
max-width: 85%;
}
}
.wp-block-group.cta-container .wp-block-columns p {
font-size: var(--font-size-xs);
}
@media screen and (min-width: 600px) and (max-width: 768px) {
.wp-block-group.cta-container .wp-block-columns p:not(.link) {
display: none;
}
}
.wp-block-group.cta-container .wp-block-columns p .link {
margin: auto 0 auto auto;
} .frontpage {
overflow: hidden;
}
.frontpage .wp-block-cover {
height: calc(var(--vh) + var(--navHeight) * -1);
overflow: hidden;
}
.frontpage .wp-block-cover__image-background {
position: absolute;
right: 0;
top: 0;
bottom: 0;
left: 0;
height: 100%;
width: 100%;
object-fit: cover;
padding: 0;
}
.frontpage .wp-block-cover__background {
position: absolute;
height: 100%;
width: 100%;
display: block;
background-color: rgba(0, 0, 0, 0.15);
}
.frontpage .wp-block-cover__inner-container {
padding: var(--spacing-md) var(--spacing-md);
display: flex;
align-items: flex-end;
height: 100%;
width: 100%;
justify-content: space-between;
color: var(--color-light);
}
@media screen and (max-width: 768px) {
.frontpage .wp-block-cover__inner-container {
flex-direction: column-reverse;
}
}
.frontpage .wp-block-cover__inner-container > p {
margin: 0;
font-size: var(--font-size-md);
line-height: 1.2em;
}
@media screen and (min-width: 768px) {
.frontpage .wp-block-cover__inner-container > p {
width: calc(var(--col) * 4);
}
.frontpage .wp-block-cover__inner-container > p.has-text-align-right {
margin: 0 0 0 auto;
}
}
.frontpage .wp-block-cover__inner-container .wp-block-group {
margin: 0;
padding: 0;
}
@media screen and (min-width: 768px) {
.frontpage .wp-block-cover__inner-container .wp-block-group {
width: calc(var(--col) * 7);
}
}
.frontpage .wp-block-cover__inner-container .wp-block-group .wp-block-heading {
line-height: 0.75em;
}
.frontpage .wp-block-cover__inner-container .wp-block-group p {
margin: 0;
width: max-content;
position: absolute;
right: 5%;
top: -1em;
}
@media screen and (min-width: 768px) {
.frontpage .wp-block-cover__inner-container .wp-block-group p {
right: 15vw;
top: 0.5em;
}
}
.frontpage .wp-block-group.parallax-container .wp-block-columns .wp-block-column:nth-child(2) {
background-color: #ffffff;
}
.frontpage .funnel-container {
padding: 0;
}
.frontpage .funnel-container .wp-block-columns {
flex-wrap: wrap;
justify-content: space-between;
}
.frontpage .funnel-container .wp-block-columns .wp-block-column {
position: relative;
padding: var(--spacing-xs) 0 var(--spacing-lg);
border-top: var(--border);
}
@media screen and (max-width: 600px) {
.frontpage .funnel-container .wp-block-columns .wp-block-column {
flex-basis: 100% !important;
}
}
@media screen and (min-width: 600px) {
.frontpage .funnel-container .wp-block-columns .wp-block-column {
border-bottom: var(--border);
flex-basis: calc(50% + var(--spacing-md) * -1) !important;
}
}
.frontpage .funnel-container .wp-block-columns .wp-block-column .wp-block-heading {
font-size: var(--font-size-lg);
padding: 0 var(--spacing-md);
}
.frontpage .funnel-container .wp-block-columns .wp-block-column p {
padding-left: var(--spacing-md);
margin-bottom: 0;
margin-top: 10px;
font-size: var(--font-size-xs);
}
.frontpage .funnel-container .wp-block-columns .wp-block-column p.has-text-align-right {
margin-top: 0;
}
@media screen and (min-width: 768px) {
.frontpage .funnel-container .wp-block-columns .wp-block-column p.has-text-align-right {
padding: 0 !important;
}
}
.frontpage .funnel-container .wp-block-columns .wp-block-column p.has-text-align-right a {
display: block;
width: max-content;
font-size: 16px;
}
.frontpage .funnel-container .wp-block-columns .wp-block-column .wp-block-group {
display: flex;
align-items: flex-end;
}
@media screen and (max-width: 768px) {
.frontpage .funnel-container .wp-block-columns .wp-block-column .wp-block-group {
gap: 10px;
}
}
@media screen and (min-width: 768px) {
.frontpage .funnel-container .wp-block-columns .wp-block-column .wp-block-group {
gap: var(--spacing-xs);
}
}
@media screen and (max-width: 768px) {
.frontpage .funnel-container .wp-block-columns .wp-block-column .wp-block-group {
flex-direction: column;
align-items: flex-start;
}
}
@media screen and (max-width: 768px) {
.frontpage .funnel-container .wp-block-columns .wp-block-column .wp-block-image {
margin-top: var(--spacing-sm);
}
}
@media screen and (min-width: 600px) {
.frontpage .funnel-container .wp-block-columns .wp-block-column .wp-block-image {
width: calc(100% + var(--spacing-md));
}
}
@media screen and (max-width: 600px) {
.frontpage .funnel-container .wp-block-columns .wp-block-column:nth-child(odd) {
margin-right: var(--spacing-border);
}
}
@media screen and (max-width: 600px) {
.frontpage .funnel-container .wp-block-columns .wp-block-column:nth-child(even) {
margin-left: var(--spacing-border);
}
}
@media screen and (max-width: 600px) {
.frontpage .funnel-container .wp-block-columns .wp-block-column:nth-child(even) .wp-block-heading,
.frontpage .funnel-container .wp-block-columns .wp-block-column:nth-child(even) p {
padding: 0;
}
}
@media screen and (min-width: 600px) {
.frontpage .funnel-container .wp-block-columns .wp-block-column:nth-child(even) .wp-block-heading,
.frontpage .funnel-container .wp-block-columns .wp-block-column:nth-child(even) p {
padding: 0 0 0 var(--spacing-xs);
}
}
.frontpage .funnel-container .wp-block-columns .wp-block-column:nth-child(even) .wp-block-group {
padding-right: var(--spacing-md);
}
@media screen and (min-width: 600px) {
.frontpage .funnel-container .wp-block-columns .wp-block-column:nth-child(even) .wp-block-image {
margin-left: calc(var(--spacing-md) * -1);
}
}
.frontpage .funnel-container .wp-block-columns .wp-block-column .wp-block-image {
margin-top: 1em;
}
.grid-container {
padding: 0;
margin-bottom: var(--spacing-md);
}
@media screen and (max-width: 768px) {
.grid-container {
margin-top: calc(var(--spacing-xl) * 2);
}
}
.grid-container .wp-block-columns {
padding: 0 var(--spacing-border);
gap: 0 1rem;
}
@media screen and (min-width: 600px) {
.grid-container .wp-block-columns {
padding: 0 var(--spacing-md);
}
}
.grid-container .wp-block-columns .wp-block-column {
position: relative;
flex-basis: calc(33.3333333333% - 0.75rem);
padding-top: var(--spacing-xs);
border-top: var(--border);
}
.grid-container .wp-block-columns .wp-block-column .wp-block-heading {
font-size: calc(var(--font-size-lg) * 0.8);
padding: 0 var(--spacing-xs) 0 0;
}
.grid-container .wp-block-columns .wp-block-column span {
position: absolute;
right: var(--spacing-xs);
top: var(--spacing-xs);
transition: 0.1s;
display: block;
font-size: var(--font-size-lg);
line-height: 0.8em;
}
.grid-container .wp-block-columns .wp-block-column .wp-block-image {
margin-top: 1em;
}
.grid-container .wp-block-columns .wp-block-column:hover span {
margin-right: -5px;
}
.grid-container .wp-block-columns .wp-block-column:hover .wp-block-image {
filter: brightness(0.9);
}
.has-sm-font-size,
.has-small-font-size {
font-size: var(--font-size-sm);
}
.has-md-font-size,
.has-medium-font-size {
font-size: var(--font-size-md);
}
.has-lg-font-size,
.has-large-font-size {
font-size: var(--font-size-lg);
}
.has-xl-font-size {
font-size: var(--font-size-xl);
}
.has-xxl-font-size {
font-size: var(--font-size-xxl);
}
.has-text-align-center {
text-align: center;
margin: 0 auto;
}
.has-text-align-right {
text-align: right;
}
.has-white-color {
color: var(--color-light);
}
.has-white-background-color {
background-color: var(--color-light);
}
.has-primary-background-color {
background-color: var(--color-primary);
}
.has-secondary-background-color {
background-color: var(--color-secondary);
}
.parallax {
will-change: transform;
}
.has-opacity-1 {
opacity: 1;
}
.entry-content {
overflow: hidden;
}
.entry-content > .wp-block-columns {
max-height: calc(var(--vh) * 0.7);
gap: var(--col);
}
.entry-content > .wp-block-columns .wp-block-column:first-of-type {
align-content: center;
padding-left: var(--spacing-md);
padding-top: var(--spacing-lg);
}
@media screen and (max-width: 768px) {
.entry-content > .wp-block-columns .wp-block-column:first-of-type {
padding: var(--spacing-md) var(--spacing-md) 0;
}
}
@media screen and (min-width: 768px) {
.entry-content > .wp-block-columns .wp-block-column:first-of-type {
min-width: 500px;
}
}
.entry-content > .wp-block-columns .wp-block-column:first-of-type .wp-block-heading {
font-size: var(--font-size-xl);
}
.entry-content > .wp-block-columns .wp-block-column:first-of-type .wp-block-heading::after {
content: "";
display: block;
height: 1px;
width: calc(100% + var(--spacing-md));
background-color: var(--color-dark);
margin-left: calc(var(--spacing-md) * -1);
margin-top: var(--spacing-xs);
}
.entry-content > .wp-block-columns .wp-block-column:first-of-type p {
margin-top: var(--spacing-xs);
margin-bottom: 0;
}
.entry-content > .wp-block-columns .wp-block-column:last-of-type figure {
height: 100%;
width: 100%;
}
.entry-content > .wp-block-columns .wp-block-column:last-of-type figure img {
object-position: center;
}
.entry-content .wp-block-list {
padding-left: 1em;
}
.entry-content .wp-block-list li {
list-style-type: disc;
}
.entry-content .wp-block-list li ul {
padding-left: 0;
}
.wp-block-group.parallax-container {
min-height: calc(var(--vh) * 0.6);
padding: 0;
align-content: center;
}
.wp-block-group.parallax-container .wp-block-columns {
z-index: 10;
}
@media screen and (max-width: 768px) {
.wp-block-group.parallax-container .wp-block-columns {
justify-content: center;
}
}
@media screen and (max-width: 768px) {
.wp-block-group.parallax-container .wp-block-columns .wp-block-column:first-of-type {
flex-basis: 0 !important;
}
}
.wp-block-group.parallax-container .wp-block-columns .wp-block-column:first-of-type .wp-block-image {
left: -15vw;
top: 0;
width: 50vw;
height: 50vw;
}
@media screen and (min-width: 600px) {
.wp-block-group.parallax-container .wp-block-columns .wp-block-column:first-of-type .wp-block-image {
width: 33vw;
height: 33vw;
}
}
@media screen and (min-width: 768px) {
.wp-block-group.parallax-container .wp-block-columns .wp-block-column:first-of-type .wp-block-image {
left: calc(var(--col) * -1.5);
}
}
.wp-block-group.parallax-container .wp-block-columns .wp-block-column:nth-child(2) {
background-color: var(--color-light);
padding: var(--spacing-md);
align-self: center;
margin: 0 auto;
height: fit-content;
}
@media screen and (max-width: 480px) {
.wp-block-group.parallax-container .wp-block-columns .wp-block-column:nth-child(2) {
width: 85%;
}
}
@media screen and (min-width: 480px) and (max-width: 768px) {
.wp-block-group.parallax-container .wp-block-columns .wp-block-column:nth-child(2) {
width: 75%;
}
}
.wp-block-group.parallax-container .wp-block-columns .wp-block-column:nth-child(2) .wp-block-image {
z-index: 1;
position: relative;
text-align: right;
margin-right: var(--spacing-md);
}
@media screen and (min-width: 768px) {
.wp-block-group.parallax-container .wp-block-columns .wp-block-column:nth-child(2) .wp-block-image {
margin-top: calc(var(--spacing-md) * -1);
}
}
.wp-block-group.parallax-container .wp-block-columns .wp-block-column:nth-child(2) .wp-block-group {
display: flex;
justify-content: space-evenly;
flex-wrap: wrap;
}
@media screen and (max-width: 600px) {
.wp-block-group.parallax-container .wp-block-columns .wp-block-column:nth-child(2) .wp-block-group p {
font-size: var(--font-size-md);
flex: 50%;
text-align: center;
}
}
.wp-block-group.parallax-container .wp-block-columns .wp-block-column:nth-child(2) .wp-block-group p a::after {
transform: translateY(-50%) rotate(90deg);
}
.wp-block-group.parallax-container .wp-block-columns .wp-block-column:nth-child(2) .wp-block-group p a:hover::after {
margin-left: 4px;
}
@media screen and (max-width: 768px) {
.wp-block-group.parallax-container .wp-block-columns .wp-block-column:last-of-type {
flex-basis: 0 !important;
}
}
.wp-block-group.parallax-container .wp-block-columns .wp-block-column:last-of-type .wp-block-image:nth-child(1) {
bottom: -32vh;
width: 22vw;
height: 28vw;
}
@media screen and (max-width: 768px) {
.wp-block-group.parallax-container .wp-block-columns .wp-block-column:last-of-type .wp-block-image:nth-child(1) {
right: -4vw;
bottom: -20vh;
width: 35vw;
height: 53vw;
}
}
.wp-block-group.parallax-container .wp-block-columns .wp-block-column:last-of-type .wp-block-image:nth-child(2) {
top: 0;
right: calc(var(--col) * 2.5);
}
@media screen and (max-width: 768px) {
.wp-block-group.parallax-container .wp-block-columns .wp-block-column:last-of-type .wp-block-image:nth-child(2) {
top: -75vw;
width: 40vw;
height: 40vw;
}
}
@media screen and (min-width: 768px) {
.wp-block-group.parallax-container .wp-block-columns .wp-block-column:last-of-type .wp-block-image:nth-child(2) {
width: 22vw;
height: 22vw;
}
}
.wp-block-group.parallax-container .wp-block-columns .wp-block-column .wp-block-image {
position: absolute;
overflow: visible;
z-index: -1;
transition: transform 0.3s cubic-bezier(0.17, 0.67, 0.83, 0.67);
}
.wp-block-group.parallax-container .wp-block-columns .wp-block-column .wp-block-image img {
height: inherit;
width: inherit;
max-height: inherit;
max-width: inherit;
object-fit: contain;
}
.eap_section_title {
font-family: var(--font-family-accent);
font-size: var(--font-size-lg);
color: var(--color-dark) !important;
margin-bottom: var(--spacing-md);
}
.sp-easy-accordion {
margin-bottom: var(--spacing-xl);
}
.sp-easy-accordion .sp-ea-single {
background: unset !important;
border: none !important;
border-bottom: 1px solid !important;
}
.sp-easy-accordion .sp-ea-single .ea-header a {
color: var(--color-dark) !important;
font-weight: var(--font-weight-regular) !important;
}
.sp-easy-accordion .sp-ea-single .sp-collapse .ea-body {
background: unset !important;
color: var(--color-dark) !important;
}
.sp-easy-accordion .sp-ea-single .sp-collapse .ea-body p a {
text-decoration: underline;
border-bottom: 0;
margin: 0;
}
.sp-easy-accordion .sp-ea-single .sp-collapse .ea-body p a::after {
display: none;
}
.sp-easy-accordion .sp-ea-single .sp-collapse .ea-body ul {
padding-left: 1em;
}
.sp-easy-accordion .sp-ea-single .sp-collapse .ea-body ul li {
list-style: disc;
margin-bottom: 0.5em;
}
.sp-easy-accordion .sp-ea-single.ea-expand .ea-header a {
font-weight: var(--font-weight-semibold) !important;
}
.faq-page .wp-block-columns,
.faq-container .wp-block-columns {
gap: var(--col);
}
@media screen and (max-width: 768px) {
.faq-page .wp-block-columns,
.faq-container .wp-block-columns {
flex-direction: column;
}
}
@media screen and (min-width: 768px) {
.faq-page .wp-block-columns .wp-block-column,
.faq-container .wp-block-columns .wp-block-column {
flex-basis: 50%;
}
}
.faq-container {
margin: var(--spacing-xl) 0;
}
@media screen and (min-width: 768px) {
.faq-container {
padding: 0;
}
}
.faq-container .wp-block-columns .wp-block-column .wp-block-heading {
margin-top: var(--spacing-md);
margin-bottom: var(--spacing-md);
}
.faq-container .wp-block-columns .wp-block-column .eap_section_title {
display: none;
}
.faq-container .wp-block-columns .wp-block-column .sp-easy-accordion {
margin-bottom: var(--spacing-md);
}
.faq-container .wp-block-columns .wp-block-column .sp-easy-accordion .ea-card {
padding-right: var(--spacing-border);
}
.faq-container .wp-block-columns .wp-block-column .wp-block-buttons .wp-block-button {
padding-right: var(--spacing-border);
}
@media screen and (max-width: 768px) {
.faq-container .wp-block-buttons {
justify-content: center;
}
}
.wp-block-group.column-container {
padding-bottom: var(--spacing-lg);
}
.wp-block-group.column-container > .wp-block-heading {
margin-bottom: var(--spacing-lg);
}
.wp-block-group.column-container > .wp-block-heading::after {
content: "";
display: block;
width: calc(100% + var(--col) * 7);
height: 1px;
background-color: var(--color-dark);
margin-top: 10px;
}
.wp-block-group.column-container .wp-block-columns {
gap: calc(var(--col) * 0.5);
}
@media screen and (max-width: 600px) {
.wp-block-group.column-container .wp-block-columns .wp-block-column {
margin-bottom: var(--spacing-md);
}
}
.wp-block-group.column-container .wp-block-columns .wp-block-column .wp-block-list {
margin-top: 18px;
}
.wp-block-group.column-container .wp-block-columns .wp-block-column .wp-block-list li {
list-style: disc;
}
.ffc_conv_wrapper {
max-width: var(--content-width-inner);
margin: var(--spacing-xl) auto;
}
.ffc_conv_wrapper .frm-fluent-form {
background: var(--color-light);
}
.ffc_conv_wrapper .frm-fluent-form .ffc_conv_form .vff {
padding: 0;
height: auto;
}
.ffc_conv_wrapper .frm-fluent-form .ffc_conv_form .vff .f-container .ff_conv_section_wrapper {
padding-bottom: var(--spacing-lg);
}
@media screen and (min-width: 1023px) {
.ffc_conv_wrapper .frm-fluent-form .ffc_conv_form .vff .f-container .ff_conv_section_wrapper {
width: 100%;
}
}
.ffc_conv_wrapper .frm-fluent-form .ffc_conv_form .vff .f-container .ff_conv_section_wrapper .ff_conv_input {
padding: 0 !important;
width: 100%;
}
.ffc_conv_wrapper .frm-fluent-form .ffc_conv_form .vff .f-container .ff_conv_section_wrapper .ff_conv_input .fh2 .ffc-counter {
display: none;
}
.ffc_conv_wrapper .frm-fluent-form .ffc_conv_form .vff .f-container .ff_conv_section_wrapper .ff_conv_input .fh2 .f-text {
font-family: var(--font-family-accent);
font-size: var(--font-size-lg) !important;
line-height: 1em;
}
.ffc_conv_wrapper .frm-fluent-form .ffc_conv_form .vff .f-container .ff_conv_section_wrapper .ff_conv_input .fh2 .f-tagline {
color: var(--color-dark);
}
.ffc_conv_wrapper .frm-fluent-form .ffc_conv_form .vff .f-container .ff_conv_section_wrapper .ff_conv_input .fh2 .f-tagline ul {
padding-left: 1em;
}
.ffc_conv_wrapper .frm-fluent-form .ffc_conv_form .vff .f-container .ff_conv_section_wrapper .ff_conv_input .fh2 .f-tagline ul li {
list-style: disc;
}
.ffc_conv_wrapper .frm-fluent-form .ffc_conv_form .vff .f-container .ff_conv_section_wrapper .ff_conv_input .f-answer .f-radios li {
border-color: var(--color-primary);
background-color: var(--color-primary-light) !important;
border-radius: 50px;
border-color: rgba(0, 120, 130, 0.2078431373);
padding: 11px 18px;
box-shadow: none;
}
.ffc_conv_wrapper .frm-fluent-form .ffc_conv_form .vff .f-container .ff_conv_section_wrapper .ff_conv_input .f-answer .f-radios li:hover {
background-color: rgba(168, 208, 212, 0.3) !important;
}
.ffc_conv_wrapper .frm-fluent-form .ffc_conv_form .vff .f-container .ff_conv_section_wrapper .ff_conv_input .f-answer .f-radios li.f-selected svg {
fill: var(--color-primary) !important;
}
.ffc_conv_wrapper .frm-fluent-form .ffc_conv_form .vff .f-container .ff_conv_section_wrapper .ff_conv_input .f-answer .f-radios li .f-key {
display: none !important;
}
.ffc_conv_wrapper .frm-fluent-form .ffc_conv_form .vff .f-container .ff_conv_section_wrapper .ff_conv_input .f-answer .f-label-wrap {
color: var(--color-dark) !important;
}
.ffc_conv_wrapper .frm-fluent-form .ffc_conv_form .vff .f-container .ff_conv_section_wrapper .ff_conv_input .f-answer input,
.ffc_conv_wrapper .frm-fluent-form .ffc_conv_form .vff .f-container .ff_conv_section_wrapper .ff_conv_input .f-answer textarea,
.ffc_conv_wrapper .frm-fluent-form .ffc_conv_form .vff .f-container .ff_conv_section_wrapper .ff_conv_input .f-answer input:focus,
.ffc_conv_wrapper .frm-fluent-form .ffc_conv_form .vff .f-container .ff_conv_section_wrapper .ff_conv_input .f-answer textarea:focus {
color: var(--color-dark) !important;
box-shadow: var(--color-dark) 0px 1px !important;
}
.ffc_conv_wrapper .frm-fluent-form .ffc_conv_form .vff .f-container .ff_conv_section_wrapper .ff_conv_input .f-answer input::placeholder,
.ffc_conv_wrapper .frm-fluent-form .ffc_conv_form .vff .f-container .ff_conv_section_wrapper .ff_conv_input .f-answer textarea::placeholder,
.ffc_conv_wrapper .frm-fluent-form .ffc_conv_form .vff .f-container .ff_conv_section_wrapper .ff_conv_input .f-answer input:focus::placeholder,
.ffc_conv_wrapper .frm-fluent-form .ffc_conv_form .vff .f-container .ff_conv_section_wrapper .ff_conv_input .f-answer textarea:focus::placeholder {
color: var(--color-dark) !important;
}
.ffc_conv_wrapper .frm-fluent-form .ffc_conv_form .vff .f-container .ff_conv_section_wrapper .ff_conv_input .o-btn-action {
background-color: var(--color-primary) !important;
border-radius: 0;
padding: 11px 18px;
box-shadow: none;
font-weight: 400;
}
.ffc_conv_wrapper .frm-fluent-form .ffc_conv_form .vff .f-container .ff_conv_section_wrapper .ff_conv_input .o-btn-action:hover {
filter: brightness(1.2);
}
.ffc_conv_wrapper .frm-fluent-form .ffc_conv_form .vff .f-container .ff_conv_section_wrapper .ff_conv_input .o-btn-action span {
color: var(--color-light);
}
.ffc_conv_wrapper .frm-fluent-form .ffc_conv_form .vff .f-container .ff_conv_section_wrapper .ff_conv_input .f-enter-desc {
color: var(--color-dark) !important;
}
.ffc_conv_wrapper .frm-fluent-form .ffc_conv_form .vff .f-container .ff_conv_section_wrapper .ff_conv_media_holder {
position: relative;
}
@media screen and (max-width: 600px) {
.ffc_conv_wrapper .frm-fluent-form .ffc_conv_form .vff .f-container .ff_conv_section_wrapper .ff_conv_media_holder img {
min-height: 70vw;
}
}
.ffc_conv_wrapper .frm-fluent-form .ffc_conv_form .vff .f-container .ff_conv_section_wrapper.info-section .f-tagline {
font-size: var(--font-size-sm) !important;
margin-top: 1em;
}
.ffc_conv_wrapper .frm-fluent-form .ffc_conv_form .vff .vff-footer {
position: relative;
}
.ffc_conv_wrapper .frm-fluent-form .ffc_conv_form .vff .vff-footer .footer-inner-wrap {
background: unset;
box-shadow: none;
width: 100%;
display: flex;
flex-direction: column;
gap: 10px;
}
@media screen and (min-width: 1023px) {
.ffc_conv_wrapper .frm-fluent-form .ffc_conv_form .vff .vff-footer .footer-inner-wrap {
background: unset !important;
box-shadow: none !important;
}
}
.ffc_conv_wrapper .frm-fluent-form .ffc_conv_form .vff .vff-footer .footer-inner-wrap .f-progress {
background-color: var(--color-light);
border-bottom-left-radius: 50px;
border-top-left-radius: 50px;
width: 100%;
top: 0;
}
@media screen and (max-width: 768px) {
.ffc_conv_wrapper .frm-fluent-form .ffc_conv_form .vff .vff-footer .footer-inner-wrap .f-progress {
padding: 0;
}
}
.ffc_conv_wrapper .frm-fluent-form .ffc_conv_form .vff .vff-footer .footer-inner-wrap .f-progress .f-progress-bar {
background-color: var(--color-primary-light);
}
.ffc_conv_wrapper .frm-fluent-form .ffc_conv_form .vff .vff-footer .footer-inner-wrap .f-progress .f-progress-bar .f-progress-bar-inner {
background-color: var(--color-primary);
}
.ffc_conv_wrapper .frm-fluent-form .ffc_conv_form .vff .vff-footer .footer-inner-wrap .f-nav {
background-color: unset;
border-bottom-right-radius: 0;
border-top-right-radius: 0;
width: 100%;
display: flex;
justify-content: space-between;
}
@media screen and (max-width: 768px) {
.ffc_conv_wrapper .frm-fluent-form .ffc_conv_form .vff .vff-footer .footer-inner-wrap .f-nav {
padding-right: 5px;
padding-left: 5px;
}
}
.ffc_conv_wrapper .frm-fluent-form .ffc_conv_form .vff .vff-footer .footer-inner-wrap .f-nav .f-prev {
margin-right: 5px;
}
.ffc_conv_wrapper .frm-fluent-form .ffc_conv_form .vff .vff-footer .footer-inner-wrap .f-nav .f-next {
margin-left: 5px;
}
.ffc_conv_wrapper .frm-fluent-form .ffc_conv_form .vff .vff-footer .footer-inner-wrap .f-nav a {
cursor: pointer;
color: var(--color-dark);
font-size: 14px;
}
.ffc_conv_wrapper .frm-fluent-form .ffc_conv_form .vff .vff-footer .footer-inner-wrap .f-nav a.f-prev::before {
content: "< Föregående";
}
.ffc_conv_wrapper .frm-fluent-form .ffc_conv_form .vff .vff-footer .footer-inner-wrap .f-nav a.f-next::before {
content: "Nästa >";
}
.ffc_conv_wrapper .frm-fluent-form .ffc_conv_form .vff .vff-footer .footer-inner-wrap .f-nav a svg {
display: none;
}
.ffc_conv_wrapper .frm-fluent-form .ffc_conv_form .vff .vff-footer .footer-inner-wrap .f-nav a:hover {
text-decoration: underline;
}
.ffc_conv_wrapper .frm-fluent-form .ffc_conv_form .text-success {
color: black !important;
}
.ffc_conv_wrapper .frm-fluent-form .ffc_conv_form .text-success .ff_conv_input {
padding-left: 0 !important;
max-width: unset;
text-align: center;
}
.ffc_conv_wrapper .frm-fluent-form .ffc_conv_form .text-success .ff_conv_input h2 {
font-family: "DM Serif Display";
font-size: 60px;
line-height: 1.1em;
}
.ffc_conv_wrapper .frm-fluent-form .ffc_conv_form .text-success .ff_conv_input a {
display: inline-block;
background-color: #007680 !important;
border-radius: 0 !important;
padding: 11px 25px 11px 18px !important;
box-shadow: none;
margin-top: 25px;
}
.child-container {
padding: 0;
margin-bottom: calc(var(--spacing-xl) * 1.5);
}
.child-container > .wp-block-heading {
padding: 0 var(--spacing-border);
}
.child-container .wp-block-columns {
max-width: 1200px;
margin: 0 auto;
flex-wrap: wrap;
gap: 0 1rem;
}
@media screen and (max-width: 600px) {
.child-container .wp-block-columns {
margin-bottom: calc(var(--spacing-xl) * 2);
}
}
@media screen and (min-width: 600px) {
.child-container .wp-block-columns {
padding: 0 var(--spacing-md);
}
}
.child-container .wp-block-columns .wp-block-column {
position: relative;
border-bottom: var(--border-light);
padding: var(--spacing-lg) 0 10px 0;
}
@media screen and (max-width: 600px) {
.child-container .wp-block-columns .wp-block-column {
margin-left: var(--spacing-lg);
}
}
@media screen and (min-width: 600px) {
.child-container .wp-block-columns .wp-block-column {
flex-basis: calc(50% - 0.75rem);
}
}
.child-container .wp-block-columns .wp-block-column .wp-block-heading {
font-family: var(--font-family);
font-size: var(--font-size-md);
}
@media screen and (min-width: 600px) {
.child-container .wp-block-columns .wp-block-column .wp-block-heading {
font-size: calc(var(--font-size-lg) * 0.8);
}
}
.child-container .wp-block-columns .wp-block-column span {
display: block;
font-size: var(--font-size-md);
line-height: 0.8em;
position: absolute;
right: var(--spacing-md);
bottom: var(--spacing-xs);
transition: 0.1s;
}
@media screen and (min-width: 600px) {
.child-container .wp-block-columns .wp-block-column span {
right: var(--spacing-xs);
}
}
.child-container .wp-block-columns .wp-block-column:hover .wp-block-heading {
opacity: 0.6;
}
.child-container .wp-block-columns .wp-block-column:hover span {
opacity: 0.6;
margin-right: -5px;
}