/*
! tailwindcss v3.4.10 | MIT License | https://tailwindcss.com
*//*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/

*,
::before,
::after {
  box-sizing: border-box; /* 1 */
  border-width: 0; /* 2 */
  border-style: solid; /* 2 */
  border-color: #e5e7eb; /* 2 */
}

::before,
::after {
  --tw-content: '';
}

/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
7. Disable tap highlights on iOS
*/

html,
:host {
  line-height: 1.5; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
  -moz-tab-size: 4; /* 3 */
  -o-tab-size: 4;
     tab-size: 4; /* 3 */
  font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */
  font-feature-settings: normal; /* 5 */
  font-variation-settings: normal; /* 6 */
  -webkit-tap-highlight-color: transparent; /* 7 */
}

/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/

body {
  margin: 0; /* 1 */
  line-height: inherit; /* 2 */
}

/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/

hr {
  height: 0; /* 1 */
  color: inherit; /* 2 */
  border-top-width: 1px; /* 3 */
}

/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/

abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

/*
Remove the default font size and weight for headings.
*/

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}

/*
Reset links to optimize for opt-in styling instead of opt-out.
*/

a {
  color: inherit;
  text-decoration: inherit;
}

/*
Add the correct font weight in Edge and Safari.
*/

b,
strong {
  font-weight: bolder;
}

/*
1. Use the user's configured `mono` font-family by default.
2. Use the user's configured `mono` font-feature-settings by default.
3. Use the user's configured `mono` font-variation-settings by default.
4. Correct the odd `em` font sizing in all browsers.
*/

code,
kbd,
samp,
pre {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */
  font-feature-settings: normal; /* 2 */
  font-variation-settings: normal; /* 3 */
  font-size: 1em; /* 4 */
}

/*
Add the correct font size in all browsers.
*/

small {
  font-size: 80%;
}

/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/

table {
  text-indent: 0; /* 1 */
  border-color: inherit; /* 2 */
  border-collapse: collapse; /* 3 */
}

/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-feature-settings: inherit; /* 1 */
  font-variation-settings: inherit; /* 1 */
  font-size: 100%; /* 1 */
  font-weight: inherit; /* 1 */
  line-height: inherit; /* 1 */
  letter-spacing: inherit; /* 1 */
  color: inherit; /* 1 */
  margin: 0; /* 2 */
  padding: 0; /* 3 */
}

/*
Remove the inheritance of text transform in Edge and Firefox.
*/

button,
select {
  text-transform: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/

button,
input:where([type='button']),
input:where([type='reset']),
input:where([type='submit']) {
  -webkit-appearance: button; /* 1 */
  background-color: transparent; /* 2 */
  background-image: none; /* 2 */
}

/*
Use the modern Firefox focus style for all focusable elements.
*/

:-moz-focusring {
  outline: auto;
}

/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/

:-moz-ui-invalid {
  box-shadow: none;
}

/*
Add the correct vertical alignment in Chrome and Firefox.
*/

progress {
  vertical-align: baseline;
}

/*
Correct the cursor style of increment and decrement buttons in Safari.
*/

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}

/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/

[type='search'] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/*
Remove the inner padding in Chrome and Safari on macOS.
*/

::-webkit-search-decoration {
  -webkit-appearance: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/*
Add the correct display in Chrome and Safari.
*/

summary {
  display: list-item;
}

/*
Removes the default spacing and border for appropriate elements.
*/

blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}

fieldset {
  margin: 0;
  padding: 0;
}

legend {
  padding: 0;
}

ol,
ul,
menu {
  list-style: none;
  margin: 0;
  padding: 0;
}

/*
Reset default styling for dialogs.
*/
dialog {
  padding: 0;
}

/*
Prevent resizing textareas horizontally by default.
*/

textarea {
  resize: vertical;
}

/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/

input::-moz-placeholder, textarea::-moz-placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}

input::placeholder,
textarea::placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}

/*
Set the default cursor for buttons.
*/

button,
[role="button"] {
  cursor: pointer;
}

/*
Make sure disabled buttons don't get the pointer cursor.
*/
:disabled {
  cursor: default;
}

/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/

img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block; /* 1 */
  vertical-align: middle; /* 2 */
}

/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/

img,
video {
  max-width: 100%;
  height: auto;
}

/* Make elements with the HTML hidden attribute stay hidden by default */
[hidden] {
  display: none;
}

*, ::before, ::after {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}

::backdrop {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}
/*! purgecss start ignore */
/* inter-tight-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter Tight';
  font-style: normal;
  font-weight: 400;
  src: url('../../assets/fonts/inter-tight-v8-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-tight-italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter Tight';
  font-style: italic;
  font-weight: 400;
  src: url('../../assets/fonts/inter-tight-v8-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-tight-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter Tight';
  font-style: normal;
  font-weight: 700;
  src: url('../../assets/fonts/inter-tight-v8-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
html :where(.editor-styles-wrapper) {
    font-family: sans-serif;
}
html {
    font-family: var(--font-base);
    font-style: normal;
    color: var(--font-base-color);
    font-size: var(--text-base);
    scroll-behavior: smooth;
}
body {
    display: grid;
    min-height: 100vh;
    grid-template-rows: auto 1fr auto;
    background-image: url('../../assets/images/bgimage.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment: fixed; /* Optional: for parallax effect */
}
html, body {
    height: 100%;
    min-height: 100vh;
}
/* header */
.header {
    position: relative;
    z-index: 99;
}
.footer {
    background-color: #FFF;
    padding: 2rem 0 5rem
}
@media (prefers-reduced-motion: reduce) {
    html {
      scroll-behavior: auto; /* Disable smooth scrolling */
    }
}
.site-main,
main.main{
    background-color: #FFF;
    border-radius: 5px;
    box-shadow: 0px 0px 15px 0px #00000033;
    margin-left: 1rem;
    margin-right: 1rem;
    margin-top: 1rem;
    margin-bottom: 1rem;
}
@media (min-width: 768px) {
    .site-main,
    main.main{

        max-width: var(--maxw-medium) !important;
        margin: 2rem auto 4rem;
        padding: 3rem 3.5rem;

    }
}
h1, h2, h3, h4 {
    font-family: var(--font-heading);
}
h5 {
    font-weight: bold;
}
h1 {
    font-size: var(--h1-size);
    font-weight: 700;
    margin-bottom: 1rem;
    line-height: 1.2;
}
h2 {
    font-size: var(--h2-size);
    font-weight: 700;
    margin-bottom: 1rem;
}
h3 {
    font-size: var(--h3-size);
    font-weight: 700;
    margin-bottom: 1rem;
}
h4 {
    font-size: var(--h4-size);
    font-weight: 700;
    margin-bottom: 1rem;
}
h1,h2,h3,h4,h5,h6,ul,ol,p{
    max-width: var(--maxw-medium);
    margin-left: var(--spacing-default-x);
    margin-right: var(--spacing-default-x);
}
#two-cols-content h1,
#two-cols-content h2,
#two-cols-content h3,
#two-cols-content h4,
#two-cols-content h5,
#two-cols-content h6,
#two-cols-content ul,
#two-cols-content ol,
#two-cols-content p {
    margin-left: 0;
    margin-right: 0;
}
h2,h3,h4,h5 {
  margin-bottom: 0.5rem;
  margin-top: 1.5rem;
  line-height: 1.25;
}
p{
    margin-bottom: 0.8rem;
    margin-top: 0.8rem;
}
a {
    color: var(--link-color);
    text-decoration: underline;
}
a:hover{
    text-decoration-line: none;
}
/* List elements */
ul, ol {
  margin-left: 1rem;
  margin-bottom: 1rem;
}
ul{list-style-type: disc;}
ol{list-style-type: decimal;}
li{
    margin-left: 1.5rem;
}
.wp-block-quote p{
    margin-bottom: 0;
    font-size: var(--text-xl);
    font-weight: 100;
}
.block-editor-block-list__layout ul ul,
#main ul ul {
    margin-bottom: 0;
}
.wp-block-table table {
    max-width: 1364px;
    overflow-x: auto;
}
.wp-block-table table tr:first-child {
  font-weight: 700;
    border-top: 1px solid #D0D0D0;
}
.wp-block-table table tr {
    border-bottom: 1px solid #D0D0D0;
}
.wp-block-table table td {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: var(--text-sm);
    border-right: 1px solid #D0D0D0;
}
.edit-post-visual-editor__post-title-wrapper .editor-post-title {
    margin-bottom: 2rem;
}
/* desktop */
@media (min-width: 768px) {

    .container-small {
    margin-left: auto;
    margin-right: auto;
    max-width: 56rem;
  }
    .container-post {
    margin-left: auto;
    margin-right: auto;
    max-width: 72rem;
  }
    .container {
        max-width: var(--maxw-large);
        margin-left: auto;
        margin-right: auto;
    }
}
@media (min-width: 1048px) {
    h1,h2,h3,h4,h5,h6,ul,ol,p{
        margin-left: auto;
        margin-right: auto;
    }
}
/* page with no hero blocks, add margin top of h1 */
#main > h1 {
    margin-top: 2rem;
}
/* 	accessibility */
[href="#main"]:focus {
    right: auto;
}
[href="#main"] {
    position: absolute;
    top: 0;
    right: 100%;
}
/* ************************************************
    breadcrumbs
**************************************************/
.breadcrumbs {
    padding: .6rem 0;
    font-size: 12px;
}
.breadcrumbs .current-item {
    font-weight: 700;
}
.breadcrumbs a {
    color: var(--base-font-color);
    text-decoration: none;
    position: relative;
    z-index: 9;

}
.breadcrumbs a:hover {
    color: var(--base-font-color);
    text-decoration: underline;
}
@media (min-width: 768px) {
    .breadcrumbs {
        display: block;
    }
}
/*! purgecss end ignore */
/*! purgecss start ignore */
/* Admin view */
.acf-block-preview,
.acf-block-body {
    margin-left: auto;
    margin-right: auto;
}
.block-editor-block-list__block{
    max-width: auto;
    /* margin-left: auto;
    margin-right: auto;*/
}
.components-responsive-wrapper__content {
    position: relative;
}
/* Blocks with small container as default */
.nf-form-cont, .nf-iframe-container, /* Ninja forms */
.acf-block-small {
    max-width: var(--maxw-small);
     margin-left: var(--spacing-default-x);
    margin-right: var(--spacing-default-x);
}
/* Blocks with medium container as default */
div.woocommerce,
.acf-block-medium,
.wp-block-file,
.wp-block-image,
.wp-block-buttons,
.wp-block-details,
.wp-block-quote{
    margin-left: var(--spacing-default-x);
    margin-right: var(--spacing-default-x);
    max-width: var(--maxw-medium);
}
#two-cols-content .acf-block{
    margin-left: 0;
    margin-right: 0;
}
/* inside block columns */
.wp-block-column .acf-block,
.wp-block-column .wp-block-file,
.wp-block-column .nf-form-cont, .nf-iframe-container, /* Ninja forms */
.wp-block-column .wp-block-image,
.wp-block-column .wp-block-buttons,
.wp-block-column .wp-block-quote{
    margin-left: 0;
    margin-right: 0;
}
/* Blocks with large container as default */
.acf-block-large,
.wp-block-media-text,
.wp-block-freeform,
.wp-block-gallery,
.wp-block-table,
.wp-block-embed,
.wp-block-video,
.wp-block-cover,
.woocommerce-breadcrumb,
.core-list{
    margin-left: var(--spacing-default-x);
    margin-right: var(--spacing-default-x);
    max-width: var(--maxw-large);
}
/* block groups */
.wp-block-group {
    padding-left: var(--spacing-default-x);
    padding-right: var(--spacing-default-x);
}
.wp-block-group .wp-block-group {
    padding-left: 0;
    padding-right: 0;
}
/* inside block columns */
.wp-block-column .wp-block-media-text,
.wp-block-column .wp-block-freeform,
.wp-block-column .wp-block-gallery,
.wp-block-column .wp-block-table,
.wp-block-column .wp-block-embed,
.wp-block-column .wp-block-video,
.wp-block-column .wp-block-cover,
.wp-block-column .core-list{
    margin-left: var(--spacing-default-x);
    margin-right: var(--spacing-default-x);
}
/* Blocks default spacing for mobile */
.acf-custom-block,
.accordion,
.numbers-stripe,
.cta-list,
.contacts-list,
.jobs-list,
.news-list,
.services-list,
.wp-block-file,
.nf-form-cont, .nf-iframe-container, /* Ninja forms */
.wp-block-image,
.wp-block-quote,
.wp-block-media-text,
.wp-block-freeform,
.wp-block-gallery,
.wp-block-table,
.wp-block-embed,
.wp-block-video,
.wp-block-cover,
.core-list {
    margin-top: var(--spacing-mobile);
    margin-bottom: var(--spacing-mobile);
}
.wp-block-columns {
    margin-bottom: 0;
}
@media (max-width: 782px){
    .wp-block-columns .wp-block-column {
        order: 2;
    }
    .wp-block-columns .wp-block-column.with-image {
        order: 1;
    }
}
@media (max-width: 768px) {
    .remove-bg-mobile {
        background: none !important;
    }
}
/* column > image */
.wp-block-column .wp-block-image {
    margin-bottom: 0;
}
:where(.wp-block-columns.is-layout-flex) {
    gap:0;
}
.wp-block-image.aligncenter{
    margin-left: auto;
    margin-right: auto;
}
/***** Core Paragraph ******/
/*** Core Paragraph > Custom styles ****/
p.is-style-excerpt{
    font-size: var(--text-xl);
}
/* Video Embed skaalaus */
.embed-container,
.wp-block-embed__wrapper
{
    position: relative;
    padding-bottom: 56.25%;
    overflow: hidden;
    max-width: 100%;
    height: auto;
}
.embed-container iframe,
.wp-block-embed__wrapper iframe,
.embed-container object,
.wp-block-embed__wrapper object,
.embed-container embed,
.wp-block-embed__wrapper embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
/* Block custom styles */
.block-content-maxw-small,
.has-contentWidth-small {max-width: var(--maxw-small);  margin-left: var(--spacing-default-x); margin-right: var(--spacing-default-x);}
.block-content-maxw-medium,
.has-contentWidth-medium {max-width: var(--maxw-medium);  margin-left: var(--spacing-default-x); margin-right: var(--spacing-default-x);}
.block-content-maxw-large,
.has-contentWidth-large {max-width: var(--maxw-large); margin-left: var(--spacing-default-x); margin-right: var(--spacing-default-x);}
.has-contentWidth-xlarge {max-width: var(--maxw-xlarge); margin-left: var(--spacing-default-x); margin-right: var(--spacing-default-x);}
.block-content-maxw-full,
.has-contentWidth-full {max-width: none;}
/* Columns inner items */
.wp-block-column .wp-block-image,
.wp-block-column h1,
.wp-block-column h2,
.wp-block-column h3,
.wp-block-column h4,
.wp-block-column h5,
.wp-block-column h6,
.wp-block-column ul,
.wp-block-column ol,
.wp-block-column p,
.tabs-content .related-posts,
.innerBlocks__container .wp-block-buttons,
.innerBlocks__container p,
.innerBlocks__container h1 {
    margin-left: 0;
    margin-right: 0;
}
/* gutenberg small screen */
@media (max-width: 600px){
    .wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content {
        padding:0;
    }
    .wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content h2,
    .wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content .wp-block-buttons,
    .wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content p
    {
        margin-left:0;
    }
}
/* tablet >  */
@media (min-width: 768px) {
    /* Blocks default spacing */
    .acf-custom-block,
    .accordion,
    .jobs-list,
    .news-list,
    .contacts-list,
    .services-list,
    .wp-block-file,
    .nf-form-cont, .nf-iframe-container, /* Ninja forms */
    .wp-block-image,
    .wp-block-quote,
    .wp-block-media-text,
    .wp-block-freeform,
    .wp-block-gallery,
    .wp-block-table,
    .wp-block-embed,
    .wp-block-video,
    .wp-block-cover,
    .wp-block-column .wp-block-image,
    .core-list
    {
        margin-top: var(--spacing-default);
        margin-bottom: var(--spacing-default);
    }

    .wp-block-column .wp-block-image,
    .wp-block-column h1,
    .wp-block-column h2,
    .wp-block-column h3,
    .wp-block-column h4,
    .wp-block-column h5,
    .wp-block-column h6,
    .wp-block-column ul,
    .wp-block-column ol,
    .wp-block-column p {
        margin-left: inherit;
        margin-right: inherit;
    }
    :where(.wp-block-columns.is-layout-flex) {
        gap:2rem;
    }
    .wp-block-columns{
        display: flex;
    }

    .wp-block-image {
    margin-bottom: 1.5rem;
  }

}
/* Control the side margins of blocks */
@media (min-width: 1328px) {
    .block-content-maxw-large,
    .has-contentWidth-large,
    .acf-block,
    .nf-form-cont, .nf-iframe-container,
    .wp-block-media-text,
    .wp-block-image,
    .wp-block-quote,
    .wp-block-table,
    .wp-block-gallery,
    .wp-block-embed,
    .wp-block-video,
    .wp-block-cover,
    .wp-block-file,
    .wp-block-columns{
        margin-left: auto;
        margin-right: auto;
    }
}
@media (min-width: 1048px) {
    div.woocommerce,
    .acf-block,
    .nf-form-cont, .nf-iframe-container,
    .wp-block-image,
    .wp-block-quote,
    .wp-block-table,
    .wp-block-gallery,
    .wp-block-embed,
    .wp-block-video,
    .wp-block-cover,
    .wp-block-file,
    .wp-block-columns,
    .wp-block-details,
    .nf-form-cont, .nf-iframe-container,
    .block-content-maxw-medium,
    .contacts-list,
    .wp-block-buttons,
    .has-contentWidth-medium {
        margin-left: auto;
        margin-right: auto;
    }
}
@media (min-width: 678px) {
    .block-content-maxw-small,
    .has-contentWidth-small{
        margin-left: auto;
        margin-right: auto;
    }
}
.has-spacing-small{margin-top: var(--spacing-small); margin-bottom: var(--spacing-small) !important;}
.has-spacing-medium{margin-top: var(--spacing-medium); margin-bottom: var(--spacing-medium) !important;}
.has-spacing-large{margin-top: var(--spacing-large); margin-bottom: var(--spacing-large) !important; }
.has-spacing-xlarge{margin-top: var(--spacing-xlarge); margin-bottom: var(--spacing-xlarge) !important; }
.has-topMargin-default{margin-top: var(--spacing-default) !important;}
.has-topMargin-none{margin-top: 0 !important;}
.has-topMargin-small{margin-top: var(--spacing-small) !important;}
.has-topMargin-medium{margin-top: var(--spacing-medium) !important;}
.has-topMargin-large{margin-top: var(--spacing-large) !important;}
.has-topMargin-xlarge{margin-top: var(--spacing-xlarge) !important;}
.has-bottomMargin-default{margin-bottom: var(--spacing-default) !important;}
.has-bottomMargin-none{margin-bottom: 0 !important;}
.has-bottomMargin-small{margin-bottom: var(--spacing-small) !important;}
.has-bottomMargin-medium{margin-bottom: var(--spacing-medium) !important;}
.has-bottomMargin-large{margin-bottom: var(--spacing-large) !important;}
.has-bottomMargin-xlarge{margin-bottom: var(--spacing-xlarge) !important;}
.has-topPadding-default{padding-top: var(--spacing-default);}
.has-topPadding-none{padding-top: 0;}
.has-topPadding-small{padding-top: var(--spacing-small);}
.has-topPadding-medium{padding-top: var(--spacing-medium);}
.has-topPadding-large{padding-top: var(--spacing-large);}
.has-topPadding-xlarge{padding-top: var(--spacing-xlarge);}
.has-bottomPadding-default{padding-bottom: var(--spacing-default);}
.has-bottomPadding-none{padding-bottom: 0;}
.has-bottomPadding-small{padding-bottom: var(--spacing-small);}
.has-bottomPadding-medium{padding-bottom: var(--spacing-medium);}
.has-bottomPadding-large{padding-bottom: var(--spacing-large);}
.has-bottomPadding-xlarge{padding-bottom: var(--spacing-xlarge);}
/*! purgecss end ignore */
/*! purgecss start ignore */
/**
    Index:

    core/columns
    core/buttons
    core/paragraph
    core/details
    core/media-text
    core/separator
    iasyblocks/hero
    iasyblocks/tabs
    iasyblocks/companies
    acf/nostolohkot
    acf/reference-slider
    acf/posts-list
*/
/* ************************************************
    core/columns
**************************************************/
.mainfrontpage .wp-block-column:first-child
{
    padding-left: 0;
    border-right: none;
}
@media (min-width: 768px) {
    .wp-block-column
    {
        padding-left: 2rem;
        padding-right: 2rem;
    }
    .wp-block-column:first-child
    {
        padding-left: 0;
        border-right: 2px solid #ccc;
    }

}
/* ************************************************
    core/buttons
**************************************************/
.wp-block-buttons:where(.is-layout-flex) {
    gap: 1.5rem;
}
.wp-block-button__link {
    font-weight: bold;
    padding: 6px 25px
}
.editor-styles-wrapper :where(.wp-element-button, .wp-block-button__link),
.wp-block-button__link,
.is-style-primary-button a.wp-block-button__link {
    background: transparent !important;
    color: var(--theme-brown) !important;
    border-radius: 3px;
    border: solid 2px var(--theme-brown) !important;
    transition: background 0.3s ease, color 0.3s ease;
}
.editor-styles-wrapper :where(.wp-element-button:before, .wp-block-button__link):before,
.wp-block-button__link:before,
.is-style-primary-button a.wp-block-button__link:before {
    background-image: url(../../assets/images/right-arrow-brown.svg);
    background-position: 50%;
    background-size: cover;
    content: " ";
    display: inline-block;
    height: 14px;
    margin-bottom: -2px;
    margin-right: .5rem;
    width: 25px;
    transition: margin 0.2s ease;
}
/* hover:before */
.wp-block-button__link:hover:before,
.is-style-primary-button a.wp-block-button__link:hover:before {
    margin-right: .2rem;
    margin-left: .3rem;
}
.has-theme-brown-background-color .is-style-secondary-button a.wp-block-button__link:hover,
.has-theme-brown-background-color .is-style-secondary-button a.wp-block-button__link {
    color: var(--theme-brown) !important;
}
.has-theme-brown-background-color .is-style-secondary-button :where(.wp-element-button, .wp-block-button__link):before,
.has-theme-brown-background-color .is-style-secondary-button a.wp-block-button__link:before {
    background-image: url(../../assets/images/right-arrow-white.svg) !important;
}
.has-theme-brown-background-color :where(.wp-element-button, .wp-block-button__link):hover,
.has-theme-brown-background-color a.wp-block-button__link:hover,
.has-theme-brown-background-color .is-style-primary-button a.wp-block-button__link:hover {
    background: var(--theme-light-gray) !important;
    color: var(--theme-brown) !important;

}
.has-theme-brown-background-color :where(.wp-element-button, .wp-block-button__link),
.has-theme-brown-background-color a.wp-block-button__link,
.has-theme-brown-background-color .is-style-primary-button a.wp-block-button__link {
    border: 2px solid var(--theme-light-gray) !important;
    color: var(--theme-light-gray) !important;
}
.editor-styles-wrapper .is-style-secondary-button :where(.wp-element-button, .wp-block-button__link):before,
.is-style-secondary-button a.wp-block-button__link:before {
    background-image: url(../../assets/images/right-arrow-brown.svg);
    background-position: 50%;
    background-size: cover;
    content: " ";
    display: inline-block;
    height: 14px;
    margin-bottom: -2px;
    margin-right: .5rem;
    width: 25px;
    position: absolute;
    left:0;
    top: 12px;
    transition: margin 0.2s ease; /* Add transition for smooth animation */
}
.editor-styles-wrapper .is-style-secondary-button :where(.wp-element-button, .wp-block-button__link):hover,
.is-style-secondary-button a.wp-block-button__link:hover{
    text-decoration: underline;
    background: none !important;
    color: var(--theme-brown) !important;
}
.is-style-secondary-button a.wp-block-button__link:hover::before {
    margin-right: .2rem;
    margin-left: .3rem;
    background-image: url(../../assets/images/right-arrow-brown.svg) !important;
}
.editor-styles-wrapper .is-style-secondary-button :where(.wp-element-button, .wp-block-button__link),
.is-style-secondary-button a.wp-block-button__link {
    background: none !important;
    border: transparent !important;
    color: var(--theme-brown) !important;
    text-align: left;
    padding-left: 35px;
    padding-right: 0;
    position: relative;
}
/* ************************************************
    core/paragraph
**************************************************/
.is-style-large-highlight {
    font-size: var(--nostoteksti);
    font-weight: 600;
    color: #FFF;
    margin-bottom: 2rem;
    text-shadow: 1px 0px 10px rgba(0,0,0,0.25);
}
/* ************************************************
    core/paragraph
**************************************************/
p.is-style-nostoteksti {
    font-size: var(--text-xl);
}
p.is-style-pienempi {
    font-size: 14px;
    line-height: 20px;
}
p.is-style-suurempi {
    font-size: var(--text-lg);
}
/* ************************************************
    core/details   ( accordion - toggle )
**************************************************/
.wp-block-media-text.is-vertically-aligned-center>.wp-block-media-text__content, .wp-block-media-text.is-vertically-aligned-center>.wp-block-media-text__media, .wp-block-media-text>.wp-block-media-text__content, .wp-block-media-text>.wp-block-media-text__media {
    align-self: auto;
}
.wp-block-details {
    border-bottom: solid 1px var(--theme-beige);
    padding: 1rem;
}
.wp-block-details:hover,
.wp-block-details[open] {
    border-bottom: solid 1px var(--theme-beige);
}
summary::-webkit-details-marker,
.wp-block-details summary::marker {
    display: none;
}
.wp-block-details summary {
    display: flex;
    align-items: center;
    cursor: pointer;
    color: var(--theme-brown);
    font-size: var(--text-lg);
    font-weight: 700;
}
.wp-block-details ul, .wp-block-details ol {
    margin-left: 1.5rem !important;
    margin-right: 0;
    padding-left: 0;
}
.wp-block-details summary::before {
    content: "";
    margin-right: 20px;
    margin-top: 4px;
    width: 27px;
    height: 27px;
    background-image: url(../../assets/images/right-arrow-brown.svg);
    background-repeat: no-repeat;
    background-position: center;
    transition: transform 0.1s ease;
    display: inline-block;
}
.wp-block-details summary:hover::before {

}
.wp-block-details[open] {
    background: var(--theme-beige);
}
.wp-block-details[open] summary {
    margin-bottom: 1.5rem;
}
.wp-block-details[open] > *:not(summary) {
    padding-left: 48px;
    margin-left: 0;
    margin-right: 0;
}
.wp-block-details[open] summary::before {
    transform: rotate(-90deg);
}
.wp-block-details.is-style-simple {
    border: none;
    padding-left: 0;
    padding-right: 0;
}
.wp-block-details.is-style-simple summary {
    font-size: var(--text-base);
}
.wp-block-details[open].is-style-simple {
    background: none;
    padding-bottom: 2rem;
}
.wp-block-details[open].is-style-simple  > * {
    padding-left: 0;
    margin-left: 0;
    margin-right: 0;
}
/* ************************************************
    core/media-text
**************************************************/
.wp-block-media-text__content * {
    margin-left: 0;
    margin-right: 0;
}
.is-style-svg-background .wp-block-media-text__content {
    z-index: 30;
}
.wp-block-media-text.is-style-svg-background{
    padding-top: 3rem;
    padding-bottom: 3rem;
}
/*
    when media-text has background color, set padding to content on mobile
    to avoid text being too close to the edge
    this is needed because the background color is set on the media-text block
    and not on the content block

*/
@media (max-width: 767px) {
    .wp-block-media-text.has-background .wp-block-media-text__content {
        padding: 0 1rem 2rem 1rem;
    }
}
/* ************************************************
    core/separator
**************************************************/
.wp-block-separator.has-background:not(.is-style-dots) {
    height: 4px;
}
/* ************************************************
    iasyblocks/hero
**************************************************/
.wp-block-group .hero {
    margin-bottom: 0;
    margin-left: -1rem;
    margin-right: -1rem;
}
.hero .wp-block-buttons {
    margin-top: 1.75rem;
}
/* ************************************************
    iasyblocks/tabs
**************************************************/
.tabs-navigation .tab-title:before {
    background-image: url(../../assets/images/right-arrow-main-blue.svg);
    background-position: 50%;
    background-size: cover;
    content: " ";
    display: inline-block;
    height: 14px;
    margin-bottom: -2px;
    margin-right: .5rem;
    width: 25px;
    transition: margin 0.2s ease;
}
.tabs-navigation .tab-title.active{
    color: var(--theme-brown);
    padding-left: 37px;
    position: relative;
}
.tabs-navigation .tab-title.active:before {
    background-image: url(../../assets/images/tab-active-down-arrow.svg);
    height: 34px;
    width: 34px;
    margin-bottom: -10px;
    position: absolute;
    left: -5px;
    top: -5px;
}
.tabs-navigation .tab-title:hover::before{
    margin-right: .2rem;
    margin-left: .3rem;
}
.tabs-content .tab {
    padding: 1rem;
}
/* ************************************************
    iasyblocks/companies
**************************************************/
@media (min-width: 768px)  {
    .company--row > div {
        display: flex;
        flex-wrap: wrap;
    }

    .company--row p {
        width: 33.333%;
        margin-right: .5rem;
    }
}
/* ************************************************
    acf/nostolohkot
**************************************************/
.nostolohko {
    box-shadow: 0px 0px 15px 0px #00000033;
    border-radius: 5px;
}
.nostolohkot p {
    font-size: var(--text-xl);
    line-height: 1.4;
    margin-left: 0 !important;
    margin-right: 0 !important;
}
/* ************************************************
    acf/reference-slider
**************************************************/
.slick-slider {
    opacity: 0;  /* Hide slider initially */
    transition: opacity 0.5s ease;  /* Smooth transition when shown */
}
.slick-prev, .slick-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 40px; /* Adjust the width as needed */
    height: 40px; /* Adjust the height as needed */
    background-size: contain;
    background-repeat: no-repeat;
    cursor: pointer;
    z-index: 30;
    text-indent: -9999px; /* Hide the text */
    overflow: hidden; /* Ensure the text is hidden */
}
.slick-prev, .slick-prev:hover {
    left: 0px;
    background-image: url(../../assets/images/slider-arrow-left.svg);
    background-size: contain;
    background-repeat: no-repeat;
}
.slick-next, .slick-next:hover {
    right: 0px;
    background-image: url(../../assets/images/slider-arrow-right.svg);
    background-size: contain;
    background-repeat: no-repeat;
}
/* Style for the dots */
.slick-dots {
    position: relative;
    text-align: center;
    padding: 10px 0;
    width: auto;
    margin: 0 auto;
}
.slick-dots li {
    display: inline-block;
    margin: 0 5px;
}
.slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 10px;
    height: 10px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: #ddd;
    border-radius: 50%;
}
.slick-dots li.slick-active button {
    background: #000;
}
@media (min-width: 768px)  {
    .slick-prev, .slick-prev:hover {
        left: 10px;
    }
    .slick-next, .slick-next:hover {
        right: 10px;
    }
}
/* ************************************************
    acf/posts-list
**************************************************/
.facetwp-load-more {
    border-radius: 999px;
    margin-left: auto;
    margin-right: auto;
    font-weight: bold;
    padding: 8px 25px;
    background: none;
    border: 2px solid var(--theme-red);
    color: var(--theme-red);
    display: block;
    transition: background 0.3s ease, color 0.3s ease;
}
.facetwp-load-more:hover {
    background: var(--theme-red);
    color: var(--theme-light-gray);
}
/* ************************************************
    iasyblocks/contacts
**************************************************/
.contacts-container > .acf-innerblocks-container {
    display: flex;
    flex-wrap: wrap;
}
.contacts-container > .acf-innerblocks-container .wp-block-image .components-resizable-box__container {
    height: 100% !important;
}
.contacts-container > .acf-innerblocks-container > div {
    width: 100%;
    margin-bottom: 1rem;
}
@media (min-width: 768px)  {
    .contacts-container > .acf-innerblocks-container > div {
        width: 50%;
        display: flex;
        padding-right: 1rem;
    }
}
.contacts-container > .acf-innerblocks-container .wp-block-group {
    display: flex;
    align-items: center;
    padding: 0;
    width: 100%;
    max-width: 100%;
}
.contacts-container > .acf-innerblocks-container .wp-block-group figure {
    margin-top: 0 !important;
    margin-bottom: 1rem !important;
    margin-left: 0 !important;
    width: 110px;
    height: 160px;
    flex-shrink: 0;
    margin-right: 1.5rem !important;
    overflow: hidden;
}
.editor-styles-wrapper .contacts-container > .acf-innerblocks-container .wp-block-group figure {
    width: 200px;
    height: 250px;
}
.contacts-container > .acf-innerblocks-container .wp-block-group figure img {
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
    height: 100%;
}
.contacts-container > .acf-innerblocks-container .wp-block-group p {
    margin-left: 0 !important;
    margin-right: 1.5rem !important;
}
/* ************************************************
    nav-links
**************************************************/
.nav-links a {
    padding: 0 .25rem;
    text-decoration: none;
}
.nav-links a:hover {
    text-decoration: underline;
}
/* ************************************************
    posts-list
**************************************************/
.posts-list a:last-child > div {
    border-bottom: none;
}
/*! purgecss end ignore */
/*! purgecss start ignore */
/*navigation*/
.header-nav {
    display: inline-block;
    margin: 0 -.75rem;
    z-index: 9999;
}
.header-nav li {
    display: inline-block;
    margin: 0;
    padding: 0 .75rem;
    position: relative;
}
.header-nav li a {
    color: var(--font-white-color);
    text-decoration: none;
}
.header-nav li a:hover {
    text-decoration: underline;
}
.header-nav li .header-cart-count {
    position: absolute;
    top: -2px;
    right: -2px;
    border-radius: 4px;
    display: none;
}
#header-nav-2 {
    display: block;
    float: right;
    text-align: right;
    margin: 2rem 0;
}
#header-nav-2 li {
    display: block;
    padding-right: 0;
    margin-bottom: .75rem;
}
#footer-nav {
    margin: 0 auto;
    list-style: none;
    padding: 0;
    display: block;
    text-align: center;
    justify-content: center;
}
#footer-nav li {
    display: block;
    padding-right: 2rem;
    margin-bottom: .5rem;
    margin-left: 1rem;
    margin-right: 1rem;
}
#footer-nav  li a {
    text-decoration: none;
}
#footer-nav li a:hover {
    text-decoration: underline;
}
@media (min-width: 768px) {
    #footer-nav {
        display: flex;
    }
    #footer-nav li {
        display: inline-block;
        margin-bottom: 0;
    }
}
.mobile-search {
    position: relative;
    z-index: 9999;
}
#desktop-search {
    display: none;
}
#desktop-search.active {
    display: block;
    position: absolute;
    top: -1.6rem;
    width: 100%;
}
#desktop-search.active input {
    background: var(--theme-beige);
    border-radius: 26px;
    border: none;
    padding: .5rem 2rem .5rem 1.5rem;
}
.logo {
    max-width: 200px;
    z-index: 9999;
}
#main-nav-open {
    width: 65px;
    height: 75px;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
}
#main-nav-open.active {
    background: var(--theme-yellow);
}
.lang-menu {
    position: relative;
    z-index: 9999;
}
.submenu-wrapper {
    visibility: hidden;
    opacity: 0;
    transition: opacity .35s ease-in;
}
.selected .submenu-wrapper {
    visibility: visible;
    display: block;
    opacity: 1;
    position: relative !important;
}
.mobile-search input.search-input {
    width: 100%;
    padding: .5rem 1rem;
    border: none;
    border-radius: 8px;
    background: var(--theme-beige);
}
/* main-nav */
#main-nav-container {
    display: none;
}
#main-nav{
    padding: 0;
    margin: 0;
}
#main-nav > li.selected > div > .open-sub-menu:after {
    background: transparent;
    transform: rotate(180deg);
    background-image: url(../../assets/images/down-arrow-white.svg);
    background-repeat: no-repeat;
    background-position: 50%;
}
#main-nav > li > div > .open-sub-menu:hover {
    text-decoration: none;
}
#main-nav > li.menu-item-has-children > div:not(.submenu-wrapper) {
    padding-right: 1.75rem;
    margin-right: .25rem;
}
.menu-item-has-children .open-sub-menu {
    position: relative;
    padding-right: 2rem;
}
#main-nav > li.menu-item-has-children > div > .open-sub-menu {
    background-image: url(../../assets/images/down-arrow-white.svg);
    background-position: center center;
    background-size: 34px 34px;
    background-repeat: no-repeat;
    display: inline-block;
    position: absolute !important;
    width: 34px;
    height: 34px;
    background-color: var(--oiva-gray);
    border-radius: 999px;
    padding: 0;
    border-radius: 100%;
    top: -6px;
    right: 0px;
    transition: all .15s ease-in;
}
#main-nav > li.menu-item-has-children > div > .open-sub-menu.active {
    transform: rotate(360deg);
    background-image: url(../../assets/images/down-arrow-red.svg);
    z-index: 999;
}
#main-nav .open-sub-menu,
#main-nav .open-sub-menu div {
    display: none;
}
#main-nav ul {
    /*display: none;*/
    padding: 0;
}
#main-nav li {
    list-style: none;
    position: relative;
    position: static;
}
#main-nav > li {
    padding: 1rem 0;
}
#main-nav li div, #mobile-main-nav li div {
    position: relative;
}
#main-nav li li{
    padding-left: 0;
    margin-left: 0;
}
#main-nav li a {
    color: var(--theme-white);
    text-decoration: none;
}
#main-nav ul li.cta-button a:first-of-type{
    display: block;
}
#main-nav li.selected{
    background: transparent;
}
#main-nav li > .submenu-wrapper {
    position: absolute;
    left: 0;
    background: var(--theme-beige);
    width: 100%;
    z-index: 999;
    padding: 2rem 1rem;
    margin-top: .25rem;
}
#main-nav li > .submenu-wrapper > div.container {
    max-width: var(--maxw-large);
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 2rem;
}
#main-nav ul li {
    display: block;
    position: static;
    width: 100%;
}
#main-nav ul li a {
    margin-bottom: 1rem;
}
#main-nav ul li li a {
    margin-bottom: .5rem;
}
#main-nav ul li li li a {
    font-weight: normal;
}
#main-nav ul li a span.nav-title {
    color: var(--font-base-color);
    font-weight: bold;
}
#main-nav ul ul li a span.nav-title {
    font-size: 16px;
    padding-top: 0.2rem;
    padding-bottom: 0.2rem;
    padding-left: 0rem;
}
#main-nav ul ul {
    background: none;
    border-radius: 0;
    position: static;
    padding: 5px 10px 15px;
    left: 0;
    transform: scale(1);
    margin: -0.75rem 0 0 .4rem;
}
#main-nav ul ul li {
    display: block;
    margin: 0;
    width: 100%;
}
#main-nav li.selected ul {
    /*display: block;*/
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    max-width: 100%;
    margin: 0
}
#main-nav > li.selected > ul > li {
    border-radius: 16px;
    background: var(--oiva-gray);
    width: 28%;
    margin: 10px;
}
#main-nav > li.selected > ul > li.cta-button {
    border-radius: 16px;
    background: var(--oiva-gray);
    width: auto;
    position: absolute;
    right: 30px;
}
#main-nav li.selected ul ul{
    display: block;
}
#main-nav li.selected > div > a {

}
#main-nav li a {
    display: block;
}
#main-nav-container.active li a {
    text-decoration: none;
    color: var(--theme-dark-green);
    text-align: center;
    font-weight: bold;
}
#main-nav > li > div > .open-sub-menu:after {
    width: 28px;
    height: 28px;
    background-color: transparent;
    top: -3px;
}
#main-nav > ul li {
    display: inline-block;
}
#main-nav > li > div > a:hover {

}
#main-nav a:hover,
#main-nav > li.current-page-ancestor > div > a,
#main-nav > li.current_page_ancestor > div > a,
#main-nav > li.current_page_item > div > a
{
    /*text-decoration: underline;*/
}
#main-nav > li.current_page_item > div > a > span.nav-title {
    border-bottom: 2px solid;
}
#main-nav-container.active #main-nav > li > div > .open-sub-menu:after {
    background-image: url(../../assets/images/down-arrow-white.svg);
    background-repeat: no-repeat;
    background-position: 50%;
}
#main-nav > li:not(.selected) > div:hover > a.open-sub-menu:after,
#main-nav > li.active > div > a:after {
    background-image: url(../../assets/images/down-arrow-gray.svg);
    background-repeat: no-repeat;
    background-position: 50%;
}
#main-nav > li.selected > div > .open-sub-menu:after {
    background: var(--oiva-gray);
    transform: rotate(180deg);
    background-image: url(../../assets/images/down-arrow-white.svg);
    background-repeat: no-repeat;
    background-position: 50%;
}
@media (min-width: 768px) {

  .container > .sub-menu > .menu-item {
    width: 33.333333%;
  }
}
.container > .sub-menu > .menu-item {
    padding-right: 1rem !important;
}
#main-nav-container.active {
    display: block;
    padding: 1rem;
    width: 100%;
    height: auto;
    position: absolute;
    left: 0;
    top: 75px;
    z-index: 999;
    background: var(--theme-yellow);
    margin: 0;
}
#main-nav-container.active #main-nav {
    display: block;
}
#main-nav-container.active #main-nav li {
    margin: 0;
}
#modal-bg {
    visibility: hidden;
    opacity: 0;
    transition: opacity .35s ease-in;
}
#modal-bg.active {
    position: fixed;
    background: rgba(0, 0, 0, .5);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 3;
    visibility: visible;
    opacity: 1;
}
#lang-menu-container {
  display: none;
  padding-top: 1rem;
  padding-bottom: 1rem;
  padding-top: 0px;
}
#lang-menu-container.active {
  display: flex;
}
/* desktop */
@media (min-width: 1024px) {

    .logo {
        width: 160px;
        margin: 0;
        z-index: 0;
    }

    .header-nav {
        z-index: 8;
    }

    #header-nav-2 {
        display: none;
    }

    #main-nav-open {
        display: none;
    }

    #main-nav-container {
        display: block;
    }

    #main-nav {
        display: flex;
        justify-content: center;
        max-width: 1280px;
    }

    #main-nav ul li {
        display: inline-block;
        width: 33.333%;
    }

    #main-nav > li {
        border-bottom: none;
    }

    #main-nav li {
        padding: 0;
        margin-left: 2rem;
    }

    #main-nav > li.menu-item-has-children > div > .open-sub-menu {
        background-image: url(../../assets/images/down-arrow-gray.svg);
        background-size: 25px 25px;
        width: 25px;
        height: 25px;
        top: 0;
        right: -6px;
    }

    #main-nav li > .submenu-wrapper {
        padding: 4rem 2rem;
    }

    .selected .submenu-wrapper {
        position: absolute !important;
    }

    #lang-menu-container {
    display: flex;
    padding-top: 1rem;
  }

}
@media (max-width: 800px) {
    body .footer .wp-block-group > .is-layout-flex,
    body .footer .wp-block-buttons,
    body .footer .wp-block-button {
        display: block;
    }
}
#main-nav > li > div > a > .nav-title {
    font-size: 17px;
}
#main-nav li li a {
    padding-bottom: .5rem;
    margin-bottom: .75rem;
    border-bottom: 1px solid #DFDCD0;
}
#main-nav li li li a {
    border-bottom: none;
}
#main-nav li li li a span.nav-title {
    font-weight: normal;
}
#main-nav li li li.current-menu-item a span.nav-title {
    font-weight: bold;
}
.menu-item-info {
    font-size: 14px;
    margin-bottom: 0 !important;
    padding: .35rem 0;
    line-height: 1.2;
}
/* search-wp */
.searchwp-live-search-result {
    flex-wrap: nowrap !important;
}
.searchwp-live-search-result .searchwp-live-search-result--title a {
    font-size: 18px;
    color: var(--font-base-color);
    text-decoration: none;
}
body .searchwp-live-search-result--title {
    display: flex;
    height: 100%;
}
body .searchwp-live-search-result .searchwp-live-search-result--title a {
    font-size: 18px;
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
}
/*! purgecss end ignore */
/*! purgecss start ignore */
/* Apply spacing and max-width to all WooCommerce wrappers */
.woocommerce-notices-wrapper{
    margin: 0 auto;
    max-width: var(--maxw-medium);
}
.woocommerce h2,
form.checkout h5
 {
    margin: 2rem 0 1rem;
}
.header-cart-count{
    background: #EE4549;
    font-size: 14px;
    color: #FFF;
    border-radius: 999px;
    width: 20px;
    height: 20px;
    text-align: center;
}
.woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary {
    float: none;
    max-width: var(--maxw-medium);
    width: auto;
    margin: 0 auto;
}
.woocommerce-product-details__short-description{
    margin-bottom: 1rem;
}
.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product p.price {
    color: var(--font-base-color);
    font-size: var(--text-2xl);
}
.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product p.price .woocommerce-price-suffix {
    font-size: var(--text-base);
}
table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__quantity .wc-block-cart-item__remove-link{
    color:#EE4549 !important;
    text-decoration: none !important;
}
.wc-block-checkout__actions_row .wc-block-components-checkout-place-order-button,
.wc-block-cart__submit-button {
    border-radius: 999px;
    color: var(--oiva-red);
    background-color: #FFF;
    border: solid 2px var(--oiva-red);
    padding: 0.8rem 2rem;
    font-size: 1rem;
    font-weight: 700;
    transition: all 0.3s !important;
}
.wc-block-checkout__actions_row .wc-block-components-checkout-place-order-button:hover,
.wc-block-cart__submit-button:hover {
    background-color: var(--oiva-red);
    color: #FFF;
}
.is-large .wc-block-components-sidebar .wc-block-components-panel,
.is-large .wc-block-components-sidebar .wc-block-components-totals-item {
    padding: 0 !important;
}
.product-list__product h2 {
    font-size: var(--heading-200);
}
.product-list__product a{
    color: var(--color-black);
    text-decoration: none;
}
.product-list__product a.button{
    position: absolute;
    bottom: 2rem;
    right: 2rem;
    border-radius: 999px;
    color: var(--oiva-red);
    background-color: #fff;
    padding: 1rem 1.4rem;
    font-size: 14px;
    border: solid 2px var(--oiva-red);
    transition: all 0.3s;
}
.product-list__product a.button:hover{
    background-color: var(--oiva-red);
    color: #fff;
}
.added_to_cart.wc-forward {
    position: absolute;
    right: 2rem;
    bottom: 6rem;
    color: #EE4549;
    font-weight: 700;
    text-decoration: underline;
}
a.ajax_add_to_cart.added {
    background: var(--oiva-red) !important;
    color: #FFF !important;
    opacity: 1 !important;
}
.product-list__product .no-price__button {
    position: absolute;
    bottom: 2rem;
    right: 2rem;
    margin-top: 2rem;
    border-radius: 999px;
    background-color: #E7E7E7;
    color: #FFF;
    font-weight: 700;
    padding: 1rem 2rem;
    font-size: 1rem;
}
.woocommerce-loop-product__link .price {
    position: absolute;
    left: 2rem;
    bottom: 2rem;
}
#webshopAccountSearch input[type="text"] {
    padding: 1.5rem .75rem .5rem;
    color: #252525;
}
.wc-block-cart-item__image a{
    display: none;
}
.woocommerce form .form-row-first, .woocommerce form .form-row-last, .woocommerce-page form .form-row-first, .woocommerce-page form .form-row-last {
    width: 49.5%;
}
/* Price */
.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product span.price {
    color: var(--color-black);
}
.woocommerce-price-suffix {
    display: block;
}
/* Cart */
.cart-collaterals table.shop_table {
    border: none;
}
.cart_totals .cart-subtotal,
.cart_totals tr.woocommerce-shipping-totals {
    display: none !important;
}
.woocommerce-page table.cart td.actions {
    display: none !important;
}
.cart_totals h2 {
    display: none;
}
/* Checkout */
#add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment {
    background-color: #FFF;
    border: solid 1px var(--theme-mid-gray);
}
#add_payment_method #payment div.payment_box, .woocommerce-cart #payment div.payment_box, .woocommerce-checkout #payment div.payment_box {
    background:  var(--oiva-light-brown);
}
#add_payment_method #payment div.payment_box::before, .woocommerce-cart #payment div.payment_box::before, .woocommerce-checkout #payment div.payment_box::before {
    border: 1em solid var(--oiva-light-brown);
    border-right-color: transparent;
    border-left-color: transparent;
    border-top-color: transparent;
}
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt {
    border-radius: 999px;
    color: var(--oiva-red);
    background-color: #FFF;
    border: solid 2px var(--oiva-red);
    padding: 0.8rem 2rem;
    font-size: 1rem;
    font-weight: 700;
    transition: all 0.3s !important;
}
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt:hover{
    background-color: var(--oiva-red);
    color: #FFF;
}
.woocommerce #payment #place_order, .woocommerce-page #payment #place_order {
    display: block;
    margin: 0 auto;
    float: none;
}
.woocommerce-checkout-review-order-table {
    background: #FFF;
}
.woocommerce-checkout-review-order-table td,
.woocommerce-checkout-review-order-table th{
    border-bottom: 0;
}
.woocommerce-billing-fields h3 {
    display: none;
}
#payment label,
#order_comments_field label,
#order_review_heading {
    font-weight: 700;
    font-family: var(--font-base);
    font-size: var(--text-base);
}
.woocommerce-checkout:not(.woocommerce-order-received) .woocommerce .col2-set .col-2,
.woocommerce-checkout:not(.woocommerce-order-received) .woocommerce .col2-set .col-1 {
    width: 100%;
    float: none;
}
#billing_address_2,
#billing_address_2_field,
#shipping_country_field,
#billing_country_field {
    display: none !important;
}
.woocommerce input[type="text"]::-moz-placeholder, .woocommerce input[type="email"]::-moz-placeholder, .woocommerce input[type="tel"]::-moz-placeholder, .woocommerce textarea::-moz-placeholder, .woocommerce input[type="number"]::-moz-placeholder {
    color: #999;
}
.woocommerce input[type="text"]::placeholder,
.woocommerce input[type="email"]::placeholder,
.woocommerce input[type="tel"]::placeholder,
.woocommerce textarea::placeholder,
.woocommerce input[type="number"]::placeholder {
    color: #999;
}
/* Common styles for both billing and shipping fields */
.woocommerce-billing-fields__field-wrapper .form-row,
.woocommerce-shipping-fields__field-wrapper .form-row {
    position: relative;
    margin-bottom: 20px;
}
.woocommerce-billing-fields__field-wrapper label,
.woocommerce-shipping-fields__field-wrapper label {
    position: absolute;
    top: 8px;
    left: 1rem;
    font-size: 14px;
    transition: 0.2s ease-in-out;
    z-index: 1;
}
.woocommerce-billing-fields__field-wrapper .woocommerce-input-wrapper,
.woocommerce-shipping-fields__field-wrapper .woocommerce-input-wrapper {
    position: relative;
}
.woocommerce-billing-fields__field-wrapper .input-text,
.woocommerce-shipping-fields__field-wrapper .input-text {
    width: 100%;
    padding: 2rem 1rem 0.5rem 12px;
    box-sizing: border-box;
}
/* Floating effect when input is focused or has a value */
.woocommerce-billing-fields__field-wrapper input:not(:-moz-placeholder-shown) + label, .woocommerce-shipping-fields__field-wrapper input:not(:-moz-placeholder-shown) + label {
    top: -30px;
    font-size: 12px;
}
.woocommerce-billing-fields__field-wrapper input:focus + label,
.woocommerce-billing-fields__field-wrapper input:not(:placeholder-shown) + label,
.woocommerce-billing-fields__field-wrapper input[value] + label,
.woocommerce-shipping-fields__field-wrapper input:focus + label,
.woocommerce-shipping-fields__field-wrapper input:not(:placeholder-shown) + label,
.woocommerce-shipping-fields__field-wrapper input[value] + label {
    top: -30px;
    font-size: 12px;
}
/* Align postcode and city fields in the same row */
#billing_postcode_field,
#billing_city_field,
#shipping_postcode_field,
#shipping_city_field {
    width: 48%; /* Adjust the width as needed */
    float: left;
    margin-right: 4%; /* Space between fields */
    box-sizing: border-box;
    clear: none;
}
/* Remove the right margin from the last item in the row */
#billing_city_field,
#shipping_city_field {
    margin-right: 0;
}
/* Clear floats after the rows */
.woocommerce-billing-fields__field-wrapper:after,
.woocommerce-shipping-fields__field-wrapper:after {
    content: "";
    display: table;
    clear: both;
}
/* Block Checkout */
.wc-block-components-form .wc-block-components-text-input input[type=email], .wc-block-components-form .wc-block-components-text-input input[type=number], .wc-block-components-form .wc-block-components-text-input input[type=tel], .wc-block-components-form .wc-block-components-text-input input[type=text], .wc-block-components-form .wc-block-components-text-input input[type=url], .wc-block-components-text-input input[type=email], .wc-block-components-text-input input[type=number], .wc-block-components-text-input input[type=tel], .wc-block-components-text-input input[type=text], .wc-block-components-text-input input[type=url] {
    background: var(--color-white);
    border: 1px solid var(--color-primary-mid-grey) !important;
    border-radius: .25rem !important;
    box-shadow: unset;
    color: var(--color-black) !important;
    font-family: var(--font-family-base);
    font-size: var(--step-0) !important;
    height: auto;
    line-height: 2 !important;
    transition: var(--transition-2);
    width: 100%;
    padding:2.8rem 0.6rem 1.5rem !important;
}
/* Order complete */
.woocommerce-order-received h1 {
    display: none;
}
.woocommerce-order h2 {
    max-width: 100%;
    margin-left: 0;
    margin-right: 0;
}
.woocommerce-customer-details p {
    margin: 0;
}
.woocommerce-Price-amount bdi,
.woocommerce table.shop_table tfoot td {
    font-weight: 400;
}
.woocommerce ul.order_details li bdi {
    font-weight: 700;
}
.woocommerce-order {
    background: #FFF;
    padding: 1.5rem;
    margin-top: var(--spacing-default);
    margin-left: auto;
    margin-right: auto;
    border: solid 1px var(--theme-mid-gray);
}
p.woocommerce-thankyou-order-received {
    font-size: var(--text-xl);
    margin-bottom: 2rem;
    max-width: 100%;
    margin-left: 0;
    margin-right: 0;
}
.woocommerce-order h2 {
    font-size: 1.3rem;
    margin-bottom: 1rem;
}
.woocommerce-table--order-details tr {
    border: none;
}
.woocommerce table.woocommerce-table--order-details {
    border-left: none;
    border-right: none;
    border-top: none;
}
.woocommerce table.woocommerce-table--order-details th,
.woocommerce table.woocommerce-table--order-details td
{
    padding-left: 0;
    padding-right: 0;
}
.woocommerce .woocommerce-customer-details address {
    border: none;
    padding: 0;
}
.woocommerce ul.order_details {
    padding:0;
}
.woocommerce ul.order_details li {
    text-transform: initial;
    margin-right: 1rem;
    padding-right: 1rem;
    font-size: 1rem;
}
.woocommerce ul.order_details li strong{
    font-size: 1rem;
}
/* poistetaan ikonit */
.woocommerce .woocommerce-customer-details .woocommerce-customer-details--email, .woocommerce .woocommerce-customer-details .woocommerce-customer-details--phone {
    padding-left: 0;
}
.woocommerce .woocommerce-customer-details .woocommerce-customer-details--email::before,
.woocommerce .woocommerce-customer-details .woocommerce-customer-details--phone::before {
    display: none;
}
/*! purgecss end ignore */
/*! purgecss start ignore */
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="number"],
textarea {
    width: 100%;
    border: 1px solid var(--theme-mid-gray);
    border-radius: 4px;
    padding: .5rem;
}
textarea {
    padding: 1rem;
}
input[type="submit"].ninja-forms-field,
.btn {
    cursor: pointer;
    background: var(--theme-yellow);
    padding: .75rem 1.5rem;
    border-radius: 5px;
    color: var(--theme-brown);
    font-weight: 700;
    min-width: 200px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    box-shadow: 6px 5px 0px 0px var(--theme-brown);
}
.nf-form-fields-required {
    display: none;
}
.nf-field-label .nf-label-span, .nf-field-label label {
    font-weight: 400 !important;
}
.nf-field-container.highlighted label {
    font-size: 18px;
}
@media (min-width: 1048px) {
    input[type="submit"].ninja-forms-field,
    .btn {
        min-width: 250px;
    }

}
/*! purgecss end ignore */
.visible {
  visibility: visible;
}
.absolute {
  position: absolute;
}
.relative {
  position: relative;
}
.left-0 {
  left: 0px;
}
.left-4 {
  left: 1rem;
}
.right-0 {
  right: 0px;
}
.right-4 {
  right: 1rem;
}
.right-5 {
  right: 1.25rem;
}
.top-0 {
  top: 0px;
}
.top-4 {
  top: 1rem;
}
.top-6 {
  top: 1.5rem;
}
.top-\[4px\] {
  top: 4px;
}
.z-10 {
  z-index: 10;
}
.z-\[80\] {
  z-index: 80;
}
.order-1 {
  order: 1;
}
.order-2 {
  order: 2;
}
.m-0 {
  margin: 0px;
}
.-mx-4 {
  margin-left: -1rem;
  margin-right: -1rem;
}
.-mx-8 {
  margin-left: -2rem;
  margin-right: -2rem;
}
.mx-4 {
  margin-left: 1rem;
  margin-right: 1rem;
}
.mx-auto {
  margin-left: auto;
  margin-right: auto;
}
.my-10 {
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
}
.my-12 {
  margin-top: 3rem;
  margin-bottom: 3rem;
}
.my-20 {
  margin-top: 5rem;
  margin-bottom: 5rem;
}
.my-4 {
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.my-6 {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}
.-mt-4 {
  margin-top: -1rem;
}
.-mt-8 {
  margin-top: -2rem;
}
.mb-10 {
  margin-bottom: 2.5rem;
}
.mb-14 {
  margin-bottom: 3.5rem;
}
.mb-2 {
  margin-bottom: 0.5rem;
}
.mb-24 {
  margin-bottom: 6rem;
}
.mb-4 {
  margin-bottom: 1rem;
}
.mb-6 {
  margin-bottom: 1.5rem;
}
.mb-auto {
  margin-bottom: auto;
}
.ml-3 {
  margin-left: 0.75rem;
}
.mr-2 {
  margin-right: 0.5rem;
}
.mr-3 {
  margin-right: 0.75rem;
}
.mr-4 {
  margin-right: 1rem;
}
.mt-0 {
  margin-top: 0px;
}
.mt-2 {
  margin-top: 0.5rem;
}
.mt-3 {
  margin-top: 0.75rem;
}
.mt-4 {
  margin-top: 1rem;
}
.mt-8 {
  margin-top: 2rem;
}
.mt-\[\.65rem\] {
  margin-top: .65rem;
}
.mt-auto {
  margin-top: auto;
}
.block {
  display: block;
}
.inline-block {
  display: inline-block;
}
.inline {
  display: inline;
}
.flex {
  display: flex;
}
.grid {
  display: grid;
}
.contents {
  display: contents;
}
.hidden {
  display: none;
}
.h-10 {
  height: 2.5rem;
}
.h-32 {
  height: 8rem;
}
.h-\[158px\] {
  height: 158px;
}
.h-\[34px\] {
  height: 34px;
}
.h-full {
  height: 100%;
}
.min-h-\[300px\] {
  min-height: 300px;
}
.min-h-\[527px\] {
  min-height: 527px;
}
.w-1\/2 {
  width: 50%;
}
.w-1\/3 {
  width: 33.333333%;
}
.w-2\/3 {
  width: 66.666667%;
}
.w-20 {
  width: 5rem;
}
.w-3\/5 {
  width: 60%;
}
.w-32 {
  width: 8rem;
}
.w-\[1020px\] {
  width: 1020px;
}
.w-\[143px\] {
  width: 143px;
}
.w-\[14px\] {
  width: 14px;
}
.w-\[15px\] {
  width: 15px;
}
.w-\[34px\] {
  width: 34px;
}
.w-\[400px\] {
  width: 400px;
}
.w-auto {
  width: auto;
}
.w-full {
  width: 100%;
}
.max-w-2xl {
  max-width: 42rem;
}
.max-w-\[450px\] {
  max-width: 450px;
}
.max-w-full {
  max-width: 100%;
}
.transform {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.resize {
  resize: both;
}
.grid-cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
.flex-col {
  flex-direction: column;
}
.flex-wrap {
  flex-wrap: wrap;
}
.items-end {
  align-items: flex-end;
}
.items-center {
  align-items: center;
}
.justify-center {
  justify-content: center;
}
.justify-between {
  justify-content: space-between;
}
.justify-evenly {
  justify-content: space-evenly;
}
.gap-2 {
  gap: 0.5rem;
}
.gap-6 {
  gap: 1.5rem;
}
.self-end {
  align-self: flex-end;
}
.overflow-hidden {
  overflow: hidden;
}
.rounded {
  border-radius: 5px;
}
.rounded-2xl {
  border-radius: 16px;
}
.rounded-\[5px\] {
  border-radius: 5px;
}
.rounded-full {
  border-radius: 9999px;
}
.border {
  border-width: 1px;
}
.border-0 {
  border-width: 0px;
}
.border-b {
  border-bottom-width: 1px;
}
.border-b-2 {
  border-bottom-width: 2px;
}
.\!border-none {
  border-style: none !important;
}
.border-none {
  border-style: none;
}
.border-theme-lightgreen {
  border-color: var(--theme-light-green);
}
.bg-theme-beige {
  background-color: var(--theme-beige);
}
.bg-theme-black {
  background-color: var(--theme-black);
}
.bg-theme-brown {
  background-color: var(--theme-brown);
}
.bg-theme-darkgreen {
  background-color: var(--theme-dark-green);
}
.bg-theme-lightergreen {
  background-color: var(--theme-lighter-green);
}
.bg-theme-lightgreen {
  background-color: var(--theme-light-green);
}
.bg-theme-yellow {
  background-color: var(--theme-yellow);
}
.bg-white {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.object-cover {
  -o-object-fit: cover;
     object-fit: cover;
}
.p-1 {
  padding: 0.25rem;
}
.p-4 {
  padding: 1rem;
}
.p-8 {
  padding: 2rem;
}
.px-4 {
  padding-left: 1rem;
  padding-right: 1rem;
}
.px-6 {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
.px-8 {
  padding-left: 2rem;
  padding-right: 2rem;
}
.py-1 {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
.py-3 {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
.py-4 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.py-6 {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}
.pb-0 {
  padding-bottom: 0px;
}
.pb-14 {
  padding-bottom: 3.5rem;
}
.pb-24 {
  padding-bottom: 6rem;
}
.pb-4 {
  padding-bottom: 1rem;
}
.pb-6 {
  padding-bottom: 1.5rem;
}
.pl-0 {
  padding-left: 0px;
}
.pl-4 {
  padding-left: 1rem;
}
.pr-20 {
  padding-right: 5rem;
}
.pt-10 {
  padding-top: 2.5rem;
}
.pt-12 {
  padding-top: 3rem;
}
.text-center {
  text-align: center;
}
.text-right {
  text-align: right;
}
.text-2xl {
  font-size: var(--text-2xl);
}
.text-\[14px\] {
  font-size: 14px;
}
.text-lg {
  font-size: var(--text-lg);
}
.text-sm {
  font-size: var(--text-sm);
}
.font-bold {
  font-weight: 700;
}
.leading-10 {
  line-height: 2.5rem;
}
.leading-none {
  line-height: 1;
}
.text-baseblack {
  color: var(--theme-black);
}
.text-gray-500 {
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity));
}
.text-gray-600 {
  --tw-text-opacity: 1;
  color: rgb(75 85 99 / var(--tw-text-opacity));
}
.text-theme-beige {
  color: var(--theme-beige);
}
.text-theme-black {
  color: var(--theme-black);
}
.text-theme-brown {
  color: var(--theme-brown);
}
.text-theme-darkgreen {
  color: var(--theme-dark-green);
}
.text-theme-lightergreen {
  color: var(--theme-lighter-green);
}
.text-theme-lightgreen {
  color: var(--theme-light-green);
}
.text-theme-yellow {
  color: var(--theme-yellow);
}
.text-white {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.no-underline {
  text-decoration-line: none;
}
.shadow {
  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.outline {
  outline-style: solid;
}
.blur {
  --tw-blur: blur(8px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.filter {
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.hover\:underline:hover {
  text-decoration-line: underline;
}
.focus\:outline-none:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.focus\:ring-1:focus {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.group:hover .group-hover\:underline {
  text-decoration-line: underline;
}
@media (min-width: 768px) {

  .md\:top-12 {
    top: 3rem;
  }

  .md\:-mx-4 {
    margin-left: -1rem;
    margin-right: -1rem;
  }

  .md\:mx-4 {
    margin-left: 1rem;
    margin-right: 1rem;
  }

  .md\:my-0 {
    margin-top: 0px;
    margin-bottom: 0px;
  }

  .md\:my-2 {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
  }

  .md\:mb-0 {
    margin-bottom: 0px;
  }

  .md\:mr-4 {
    margin-right: 1rem;
  }

  .md\:block {
    display: block;
  }

  .md\:inline-block {
    display: inline-block;
  }

  .md\:flex {
    display: flex;
  }

  .md\:grid {
    display: grid;
  }

  .md\:hidden {
    display: none;
  }

  .md\:min-h-\[500px\] {
    min-height: 500px;
  }

  .md\:w-1\/2 {
    width: 50%;
  }

  .md\:w-1\/3 {
    width: 33.333333%;
  }

  .md\:w-1\/4 {
    width: 25%;
  }

  .md\:w-2\/3 {
    width: 66.666667%;
  }

  .md\:w-2\/5 {
    width: 40%;
  }

  .md\:w-2\/6 {
    width: 33.333333%;
  }

  .md\:w-3\/4 {
    width: 75%;
  }

  .md\:w-4\/6 {
    width: 66.666667%;
  }

  .md\:w-\[480px\] {
    width: 480px;
  }

  .md\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .md\:flex-wrap {
    flex-wrap: wrap;
  }

  .md\:items-end {
    align-items: flex-end;
  }

  .md\:border-0 {
    border-width: 0px;
  }

  .md\:bg-cover {
    background-size: cover;
  }

  .md\:bg-center {
    background-position: center;
  }

  .md\:bg-no-repeat {
    background-repeat: no-repeat;
  }

  .md\:p-10 {
    padding: 2.5rem;
  }

  .md\:p-6 {
    padding: 1.5rem;
  }

  .md\:px-12 {
    padding-left: 3rem;
    padding-right: 3rem;
  }

  .md\:px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .md\:py-2 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }

  .md\:pt-12 {
    padding-top: 3rem;
  }

  .md\:pt-20 {
    padding-top: 5rem;
  }

  .md\:pt-6 {
    padding-top: 1.5rem;
  }

  .md\:text-lg {
    font-size: var(--text-lg);
  }
}
@media (min-width: 1024px) {

  .lg\:order-1 {
    order: 1;
  }

  .lg\:block {
    display: block;
  }

  .lg\:flex {
    display: flex;
  }

  .lg\:hidden {
    display: none;
  }

  .lg\:h-\[191px\] {
    height: 191px;
  }

  .lg\:w-1\/2 {
    width: 50%;
  }

  .lg\:w-1\/3 {
    width: 33.333333%;
  }

  .lg\:w-2\/3 {
    width: 66.666667%;
  }

  .lg\:w-\[300px\] {
    width: 300px;
  }

  .lg\:w-auto {
    width: auto;
  }

  .lg\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .lg\:flex-wrap {
    flex-wrap: wrap;
  }

  .lg\:flex-nowrap {
    flex-wrap: nowrap;
  }

  .lg\:overflow-visible {
    overflow: visible;
  }

  .lg\:p-10 {
    padding: 2.5rem;
  }

  .lg\:p-8 {
    padding: 2rem;
  }

  .lg\:py-28 {
    padding-top: 7rem;
    padding-bottom: 7rem;
  }

  .lg\:py-8 {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .lg\:pl-4 {
    padding-left: 1rem;
  }

  .lg\:pr-4 {
    padding-right: 1rem;
  }
}
@media (min-width: 1200px) {

  .medium-lg\:hidden {
    display: none;
  }
}