*,
::before,
::after {
box-sizing: border-box;
} html {
-moz-tab-size: 4;
-o-tab-size: 4;
tab-size: 4;
} html {
line-height: 1.15; -webkit-text-size-adjust: 100%; }  body {
margin: 0;
} body, 
a, a:link, a:active, a:visited, a:hover, 
.stickytop, 
div, span, li, img {
cursor: url(https://kind.ee/wp-content/themes/kind/image/kursor30px.png), auto !important; 
} body {
font-family:
system-ui,
-apple-system, 'Segoe UI',
Roboto,
Helvetica,
Arial,
sans-serif,
'Apple Color Emoji',
'Segoe UI Emoji';
}  hr {
height: 0; color: inherit; }  abbr[title] {
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted;
} b,
strong {
font-weight: bolder;
} code,
kbd,
samp,
pre {
font-family:
ui-monospace,
SFMono-Regular,
Consolas,
'Liberation Mono',
Menlo,
monospace; font-size: 1em; } small {
font-size: 80%;
} sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}  table {
text-indent: 0; border-color: inherit; }  button,
input,
optgroup,
select,
textarea {
font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0; } button,
select { text-transform: none;
} button,
[type='button'],
[type='reset'],
[type='submit'] {
-webkit-appearance: button;
} ::-moz-focus-inner {
border-style: none;
padding: 0;
} :-moz-focusring {
outline: 1px dotted ButtonText;
} :-moz-ui-invalid {
box-shadow: none;
} legend {
padding: 0;
} progress {
vertical-align: baseline;
} ::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
height: auto;
} [type='search'] {
-webkit-appearance: textfield; outline-offset: -2px; } ::-webkit-search-decoration {
-webkit-appearance: none;
} ::-webkit-file-upload-button {
-webkit-appearance: button; font: inherit; }  summary {
display: list-item;
}  blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
margin: 0;
}
button {
background-color: transparent;
background-image: none;
}
fieldset {
margin: 0;
padding: 0;
}
ol,
ul {
list-style: none;
margin: 0;
padding: 0;
}  html {
font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; line-height: 1.5; } body {
font-family: inherit;
line-height: inherit;
} *,
::before,
::after {
box-sizing: border-box; border-width: 0; border-style: solid; border-color: currentColor; } hr {
border-top-width: 1px;
} img {
border-style: solid;
}
textarea {
resize: vertical;
}
input::-moz-placeholder, textarea::-moz-placeholder {
opacity: 1;
color: #9ca3af;
}
input::placeholder,
textarea::placeholder {
opacity: 1;
color: #9ca3af;
}
button,
[role="button"] {
cursor: pointer;
} :-moz-focusring {
outline: auto;
}
table {
border-collapse: collapse;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-size: inherit;
font-weight: inherit;
} a {
color: inherit;
text-decoration: inherit;
} button,
input,
optgroup,
select,
textarea {
padding: 0;
line-height: inherit;
color: inherit;
} pre,
code,
kbd,
samp {
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
} img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
display: block; vertical-align: middle; } img,
video {
max-width: 100%;
height: auto;
} [hidden] {
display: none;
}
*, ::before, ::after {
--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-transform: translateX(var(--tw-translate-x)) translateY(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));
--tw-border-opacity: 1;
border-color: rgba(229, 231, 235, var(--tw-border-opacity));
--tw-ring-offset-shadow: 0 0 #0000;
--tw-ring-shadow: 0 0 #0000;
--tw-shadow: 0 0 #0000;
--tw-ring-inset: var(--tw-empty,  );
--tw-ring-offset-width: 0px;
--tw-ring-offset-color: #fff;
--tw-ring-color: rgba(59, 130, 246, 0.5);
--tw-ring-offset-shadow: 0 0 #0000;
--tw-ring-shadow: 0 0 #0000;
--tw-shadow: 0 0 #0000;
--tw-blur: var(--tw-empty,  );
--tw-brightness: var(--tw-empty,  );
--tw-contrast: var(--tw-empty,  );
--tw-grayscale: var(--tw-empty,  );
--tw-hue-rotate: var(--tw-empty,  );
--tw-invert: var(--tw-empty,  );
--tw-saturate: var(--tw-empty,  );
--tw-sepia: var(--tw-empty,  );
--tw-drop-shadow: var(--tw-empty,  );
--tw-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);
}
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border-width: 0;
}
.pointer-events-none {
pointer-events: none;
}
.visible {
visibility: visible;
}
.invisible {
visibility: hidden;
}
.fixed {
position: fixed;
}
.absolute {
position: absolute;
}
.relative {
position: relative;
}
.sticky {
position: sticky;
}
.inset-0 {
top: 0px;
right: 0px;
bottom: 0px;
left: 0px;
}
.inset-\[11px\] {
top: 11px;
right: 11px;
bottom: 11px;
left: 11px;
}
.inset-y-4 {
top: 1rem;
bottom: 1rem;
}
.inset-x-2 {
left: 0.5rem;
right: 0.5rem;
}
.right-0 {
right: 0px;
}
.bottom-16 {
bottom: 4rem;
}
.left-0 {
left: 0px;
}
.left-12 {
left: 3rem;
}
.right-12 {
right: 3rem;
}
.bottom-12 {
bottom: 3rem;
}
.top-35px {
top: 35px;
}
.\!right-0 {
right: 0px !important;
}
.\!bottom-auto {
bottom: auto !important;
}
.\!-top-20 {
top: -5rem !important;
}
.top-0 {
top: 0px;
}
.right-1\/2 {
right: 50%;
}
.bottom-0 {
bottom: 0px;
}
.top-90px {
top: 90px;
}
.bottom-10 {
bottom: 2.5rem;
}
.top-\[100px\] {
top: 100px;
}
.left-8 {
left: 2rem;
}
.right-auto {
right: auto;
}
.bottom-8 {
bottom: 2rem;
}
.top-auto {
top: auto;
}
.top-6 {
top: 1.5rem;
}
.right-8 {
right: 2rem;
}
.left-16 {
left: 4rem;
}
.z-1 {
z-index: 1;
}
.z-100 {
z-index: 100;
}
.z-111 {
z-index: 111;
}
.z-300 {
z-index: 300;
}
.z-302 {
z-index: 302;
}
.z-30 {
z-index: 30;
}
.order-last {
order: 9999;
}
.order-2 {
order: 2;
}
.col-span-2 {
grid-column: span 2 / span 2;
}
.col-span-3 {
grid-column: span 3 / span 3;
}
.col-start-1 {
grid-column-start: 1;
}
.col-end-4 {
grid-column-end: 4;
}
.row-span-2 {
grid-row: span 2 / span 2;
}
.row-start-3 {
grid-row-start: 3;
}
.row-end-5 {
grid-row-end: 5;
}
.float-right {
float: right;
}
.clear-left {
clear: left;
}
.m-auto {
margin: auto;
}
.m-16 {
margin: 4rem;
}
.m-4 {
margin: 1rem;
}
.mx-auto {
margin-left: auto;
margin-right: auto;
}
.my-2 {
margin-top: 0.5rem;
margin-bottom: 0.5rem;
}
.mt-16 {
margin-top: 4rem;
}
.mb-16 {
margin-bottom: 4rem;
}
.mt-12 {
margin-top: 3rem;
}
.mt-auto {
margin-top: auto;
}
.mb-12 {
margin-bottom: 3rem;
}
.mb-auto {
margin-bottom: auto;
}
.mb-8 {
margin-bottom: 2rem;
}
.mb-4 {
margin-bottom: 1rem;
}
.mt-8 {
margin-top: 2rem;
}
.ml-16 {
margin-left: 4rem;
}
.mt-0 {
margin-top: 0px;
}
.ml-auto {
margin-left: auto;
}
.mr-0 {
margin-right: 0px;
}
.mr-12 {
margin-right: 3rem;
}
.mr-auto {
margin-right: auto;
}
.mt-20 {
margin-top: 5rem;
}
.mb-20 {
margin-bottom: 5rem;
}
.mb-2 {
margin-bottom: 0.5rem;
}
.mt-3 {
margin-top: 0.75rem;
}
.mb-0 {
margin-bottom: 0px;
}
.mb-4px {
margin-bottom: 4px;
}
.mt-5 {
margin-top: 1.25rem;
}
.mt-\[clamp\(30px\2c 100px\)\] {
margin-top: clamp(30px,100px);
}
.mr-1 {
margin-right: 0.25rem;
}
.mb-3 {
margin-bottom: 0.75rem;
}
.ml-4 {
margin-left: 1rem;
}
.mt-6 {
margin-top: 1.5rem;
}
.box-border {
box-sizing: border-box;
}
.block {
display: block;
}
.inline-block {
display: inline-block;
}
.inline {
display: inline;
}
.flex {
display: flex;
}
.table {
display: table;
}
.grid {
display: grid;
}
.inline-grid {
display: inline-grid;
}
.hidden {
display: none;
}
.h-8 {
height: 2rem;
}
.h-full {
height: 100%;
}
.h-350px {
height: 350px;
}
.h-auto {
height: auto;
}
.h-\[70px\] {
height: 70px;
}
.h-15px {
height: 15px;
}
.h-screen {
height: 100vh;
}
.h-\[90px\] {
height: 90px;
}
.h-\[50vh\] {
height: 50vh;
}
.h-10 {
height: 2.5rem;
}
.h-15 {
height: 3.75rem;
}
.h-\[3\.23rem\] {
height: 3.23rem;
}
.h-\[calc\(100\%\+1rem\)\] {
height: calc(100% + 1rem);
}
.h-\[var\(--height\)\] {
height: var(--height);
}
.h-16 {
height: 4rem;
}
.max-h-\[3\.23rem\] {
max-height: 3.23rem;
}
.max-h-\[calc\(100\%\+1rem\)\] {
max-height: calc(100% + 1rem);
}
.max-h-\[var\(--height\)\] {
max-height: var(--height);
}
.max-h-screen {
max-height: 100vh;
}
.min-h-\[3\.23rem\] {
min-height: 3.23rem;
}
.min-h-\[calc\(100\%\+1rem\)\] {
min-height: calc(100% + 1rem);
}
.min-h-\[var\(--height\)\] {
min-height: var(--height);
}
.min-h-0 {
min-height: 0px;
}
.w-40px {
width: 40px;
}
.w-8 {
width: 2rem;
}
.w-full {
width: 100%;
}
.w-\[70px\] {
width: 70px;
}
.w-15px {
width: 15px;
}
.w-130px {
width: 130px;
}
.w-\[100px\] {
width: 100px;
}
.w-\[100vw\] {
width: 100vw;
}
.w-10 {
width: 2.5rem;
}
.w-15 {
width: 3.75rem;
}
.w-\[3\.23rem\] {
width: 3.23rem;
}
.w-\[calc\(100\%\+1rem\)\] {
width: calc(100% + 1rem);
}
.w-\[var\(--width\)\] {
width: var(--width);
}
.w-12 {
width: 3rem;
}
.min-w-full {
min-width: 100%;
}
.min-w-160px {
min-width: 160px;
}
.min-w-\[3\.23rem\] {
min-width: 3.23rem;
}
.min-w-\[calc\(100\%\+1rem\)\] {
min-width: calc(100% + 1rem);
}
.min-w-\[var\(--width\)\] {
min-width: var(--width);
}
.min-w-min {
min-width: -moz-min-content;
min-width: min-content;
}
.max-w-full {
max-width: 100%;
}
.max-w-80px {
max-width: 80px;
}
.max-w-\[1600px\] {
max-width: 1600px;
}
.max-w-\[720px\] {
max-width: 720px;
}
.max-w-240px {
max-width: 240px;
}
.max-w-\[3\.23rem\] {
max-width: 3.23rem;
}
.max-w-\[calc\(100\%\+1rem\)\] {
max-width: calc(100% + 1rem);
}
.max-w-\[var\(--width\)\] {
max-width: var(--width);
}
.flex-1 {
flex: 1 1 0%;
}
.flex-shrink {
flex-shrink: 1;
}
.flex-shrink-0 {
flex-shrink: 0;
}
.flex-grow {
flex-grow: 1;
}
.flex-grow-0 {
flex-grow: 0;
}
.table-fixed {
table-layout: fixed;
}
.border-collapse {
border-collapse: collapse;
}
.origin-top-right {
transform-origin: top right;
}
.translate-x-5 {
--tw-translate-x: 1.25rem;
transform: var(--tw-transform);
}
.-translate-x-4 {
--tw-translate-x: -1rem;
transform: var(--tw-transform);
}
.translate-y-6 {
--tw-translate-y: 1.5rem;
transform: var(--tw-transform);
}
.-translate-x-3 {
--tw-translate-x: -0.75rem;
transform: var(--tw-transform);
}
.rotate-\[23deg\] {
--tw-rotate: 23deg;
transform: var(--tw-transform);
}
.rotate-\[2\.3rad\] {
--tw-rotate: 2.3rad;
transform: var(--tw-transform);
}
.rotate-\[401grad\] {
--tw-rotate: 401grad;
transform: var(--tw-transform);
}
.rotate-\[1\.5turn\] {
--tw-rotate: 1.5turn;
transform: var(--tw-transform);
}
.rotate-3 {
--tw-rotate: 3deg;
transform: var(--tw-transform);
}
.skew-y-12 {
--tw-skew-y: 12deg;
transform: var(--tw-transform);
}
.skew-x-12 {
--tw-skew-x: 12deg;
transform: var(--tw-transform);
}
.scale-95 {
--tw-scale-x: .95;
--tw-scale-y: .95;
transform: var(--tw-transform);
}
.scale-50 {
--tw-scale-x: .5;
--tw-scale-y: .5;
transform: var(--tw-transform);
}
.transform {
transform: var(--tw-transform);
}
.transform-gpu {
--tw-transform: translate3d(var(--tw-translate-x), var(--tw-translate-y), 0) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.animate-none {
animation: none;
}
@keyframes spin {
to {
transform: rotate(360deg);
}
}
.animate-spin {
animation: spin 1s linear infinite;
}
.cursor-pointer {
cursor: pointer;
}
.select-none {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.resize-none {
resize: none;
}
.list-inside {
list-style-position: inside;
}
.list-disc {
list-style-type: disc;
}
.appearance-none {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.auto-cols-min {
grid-auto-columns: min-content;
}
.grid-flow-row {
grid-auto-flow: row;
}
.auto-rows-max {
grid-auto-rows: max-content;
}
.grid-cols-1 {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
.grid-cols-2 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.grid-cols-\[200px\2c repeat\(auto-fill\2c minmax\(15\%\2c 100px\)\)\2c 300px\] {
grid-template-columns: 200px repeat(auto-fill, minmax(15%, 100px)) 300px;
}
.grid-cols-4 {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
.grid-rows-3 {
grid-template-rows: repeat(3, minmax(0, 1fr));
}
.flex-row-reverse {
flex-direction: row-reverse;
}
.flex-col {
flex-direction: column;
}
.flex-wrap {
flex-wrap: wrap;
}
.place-content-start {
place-content: start;
}
.place-items-end {
place-items: end;
}
.content-center {
align-content: center;
}
.items-start {
align-items: flex-start;
}
.items-center {
align-items: center;
}
.justify-end {
justify-content: flex-end;
}
.justify-center {
justify-content: center;
}
.justify-items-end {
justify-items: end;
}
.gap-0 {
gap: 0px;
}
.gap-16 {
gap: 4rem;
}
.gap-8 {
gap: 2rem;
}
.gap-4 {
gap: 1rem;
}
.gap-12 {
gap: 3rem;
}
.gap-1 {
gap: 0.25rem;
}
.gap-2 {
gap: 0.5rem;
}
.gap-6 {
gap: 1.5rem;
}
.gap-1px {
gap: 1px;
}
.gap-x-16 {
-moz-column-gap: 4rem;
column-gap: 4rem;
}
.gap-y-4 {
row-gap: 1rem;
}
.gap-x-2 {
-moz-column-gap: 0.5rem;
column-gap: 0.5rem;
}
.gap-y-3 {
row-gap: 0.75rem;
}
.space-x-\[20cm\] > :not([hidden]) ~ :not([hidden]) {
--tw-space-x-reverse: 0;
margin-right: calc(20cm * var(--tw-space-x-reverse));
margin-left: calc(20cm * calc(1 - var(--tw-space-x-reverse)));
}
.space-x-\[calc\(20\%-1cm\)\] > :not([hidden]) ~ :not([hidden]) {
--tw-space-x-reverse: 0;
margin-right: calc(calc(20% - 1cm) * var(--tw-space-x-reverse));
margin-left: calc(calc(20% - 1cm) * calc(1 - var(--tw-space-x-reverse)));
}
.space-x-4 > :not([hidden]) ~ :not([hidden]) {
--tw-space-x-reverse: 0;
margin-right: calc(1rem * var(--tw-space-x-reverse));
margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-y-3 > :not([hidden]) ~ :not([hidden]) {
--tw-space-y-reverse: 0;
margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
}
.space-y-reverse > :not([hidden]) ~ :not([hidden]) {
--tw-space-y-reverse: 1;
}
.space-x-reverse > :not([hidden]) ~ :not([hidden]) {
--tw-space-x-reverse: 1;
}
.divide-x-2 > :not([hidden]) ~ :not([hidden]) {
--tw-divide-x-reverse: 0;
border-right-width: calc(2px * var(--tw-divide-x-reverse));
border-left-width: calc(2px * calc(1 - var(--tw-divide-x-reverse)));
}
.divide-y-4 > :not([hidden]) ~ :not([hidden]) {
--tw-divide-y-reverse: 0;
border-top-width: calc(4px * calc(1 - var(--tw-divide-y-reverse)));
border-bottom-width: calc(4px * var(--tw-divide-y-reverse));
}
.divide-x-0 > :not([hidden]) ~ :not([hidden]) {
--tw-divide-x-reverse: 0;
border-right-width: calc(0px * var(--tw-divide-x-reverse));
border-left-width: calc(0px * calc(1 - var(--tw-divide-x-reverse)));
}
.divide-y-0 > :not([hidden]) ~ :not([hidden]) {
--tw-divide-y-reverse: 0;
border-top-width: calc(0px * calc(1 - var(--tw-divide-y-reverse)));
border-bottom-width: calc(0px * var(--tw-divide-y-reverse));
}
.divide-dotted > :not([hidden]) ~ :not([hidden]) {
border-style: dotted;
}
.divide-gray-200 > :not([hidden]) ~ :not([hidden]) {
--tw-divide-opacity: 1;
border-color: rgba(229, 231, 235, var(--tw-divide-opacity));
}
.divide-opacity-50 > :not([hidden]) ~ :not([hidden]) {
--tw-divide-opacity: 0.5;
}
.place-self-center {
place-self: center;
}
.self-end {
align-self: flex-end;
}
.self-center {
align-self: center;
}
.justify-self-start {
justify-self: start;
}
.overflow-hidden {
overflow: hidden;
}
.overscroll-contain {
overscroll-behavior: contain;
}
.truncate {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.overflow-ellipsis {
text-overflow: ellipsis;
}
.whitespace-nowrap {
white-space: nowrap;
}
.break-words {
overflow-wrap: break-word;
}
.rounded-full {
border-radius: 9999px;
}
.rounded-md {
border-radius: 0.375rem;
}
.border {
border-width: 1px;
}
.border-\[2\.5px\] {
border-width: 2.5px;
}
.border-2 {
border-width: 2px;
}
.border-b {
border-bottom-width: 1px;
}
.border-solid {
border-style: solid;
}
.border-green {
--tw-border-opacity: 1;
border-color: rgba(29, 38, 25, var(--tw-border-opacity));
}
.border-pink {
--tw-border-opacity: 1;
border-color: rgba(222, 103, 97, var(--tw-border-opacity));
}
.border-green-300 {
--tw-border-opacity: 1;
border-color: rgba(133, 200, 127, var(--tw-border-opacity));
}
.border-\[\#f00\] {
--tw-border-opacity: 1;
border-color: rgba(255, 0, 0, var(--tw-border-opacity));
}
.border-black {
--tw-border-opacity: 1;
border-color: rgba(0, 0, 0, var(--tw-border-opacity));
}
.border-opacity-10 {
--tw-border-opacity: 0.1;
}
.bg-transparent {
background-color: transparent;
}
.bg-beez {
--tw-bg-opacity: 1;
background-color: rgba(240, 230, 219, var(--tw-bg-opacity));
}
.bg-green {
--tw-bg-opacity: 1;
background-color: rgba(29, 38, 25, var(--tw-bg-opacity));
}
.bg-\[\#222\] {
--tw-bg-opacity: 1;
background-color: rgba(34, 34, 34, var(--tw-bg-opacity));
}
.bg-\[\#f0e6db\] {
--tw-bg-opacity: 1;
background-color: rgba(240, 230, 219, var(--tw-bg-opacity));
}
.bg-pink {
--tw-bg-opacity: 1;
background-color: rgba(222, 103, 97, var(--tw-bg-opacity));
}
.bg-\[\#0f0\] {
--tw-bg-opacity: 1;
background-color: rgba(0, 255, 0, var(--tw-bg-opacity));
}
.bg-\[\#ff0000\] {
--tw-bg-opacity: 1;
background-color: rgba(255, 0, 0, var(--tw-bg-opacity));
}
.bg-\[\#0000ffcc\] {
background-color: #0000ffcc;
}
.bg-\[rgb\(123\2c 123\2c 123\)\] {
--tw-bg-opacity: 1;
background-color: rgba(123, 123, 123, var(--tw-bg-opacity));
}
.bg-\[rgba\(123\2c 123\2c 123\2c 0\.5\)\] {
background-color: rgba(123,123,123,0.5);
}
.bg-\[hsl\(0\2c 100\%\2c 50\%\)\] {
--tw-bg-opacity: 1;
background-color: hsla(0, 100%, 50%, var(--tw-bg-opacity));
}
.bg-\[hsla\(0\2c 100\%\2c 50\%\2c 0\.3\)\] {
background-color: hsla(0,100%,50%,0.3);
}
.bg-green-500 {
--tw-bg-opacity: 1;
background-color: rgba(16, 185, 129, var(--tw-bg-opacity));
}
.bg-white {
--tw-bg-opacity: 1;
background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
}
.bg-black {
--tw-bg-opacity: 1;
background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
}
.bg-opacity-\[0\.11\] {
--tw-bg-opacity: 0.11;
}
.bg-opacity-20 {
--tw-bg-opacity: 0.2;
}
.bg-opacity-50 {
--tw-bg-opacity: 0.5;
}
.bg-gradient-to-r {
background-image: linear-gradient(to right, var(--tw-gradient-stops));
}
.from-red-300 {
--tw-gradient-from: #fca5a5;
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 165, 165, 0));
}
.via-purple-200 {
--tw-gradient-stops: var(--tw-gradient-from), #ddd6fe, var(--tw-gradient-to, rgba(221, 214, 254, 0));
}
.to-blue-400 {
--tw-gradient-to: #60a5fa;
}
.bg-cover {
background-size: cover;
}
.bg-local {
background-attachment: local;
}
.bg-clip-border {
background-clip: border-box;
}
.bg-top {
background-position: top;
}
.bg-no-repeat {
background-repeat: no-repeat;
}
.fill-current {
fill: currentColor;
}
.stroke-current {
stroke: currentColor;
}
.stroke-2 {
stroke-width: 2;
}
.object-contain {
-o-object-fit: contain;
object-fit: contain;
}
.object-cover {
-o-object-fit: cover;
object-fit: cover;
}
.object-center {
-o-object-position: center;
object-position: center;
}
.object-top {
-o-object-position: top;
object-position: top;
}
.object-bottom {
-o-object-position: bottom;
object-position: bottom;
}
.p-16 {
padding: 4rem;
}
.p-9 {
padding: 2.25rem;
}
.p-12 {
padding: 3rem;
}
.p-4 {
padding: 1rem;
}
.p-\[var\(--app-padding\)\] {
padding: var(--app-padding);
}
.px-12 {
padding-left: 3rem;
padding-right: 3rem;
}
.py-4 {
padding-top: 1rem;
padding-bottom: 1rem;
}
.\!py-2 {
padding-top: 0.5rem !important;
padding-bottom: 0.5rem !important;
}
.py-\[4px\] {
padding-top: 4px;
padding-bottom: 4px;
}
.py-2 {
padding-top: 0.5rem;
padding-bottom: 0.5rem;
}
.py-3 {
padding-top: 0.75rem;
padding-bottom: 0.75rem;
}
.px-4 {
padding-left: 1rem;
padding-right: 1rem;
}
.px-3 {
padding-left: 0.75rem;
padding-right: 0.75rem;
}
.pt-16 {
padding-top: 4rem;
}
.pb-16 {
padding-bottom: 4rem;
}
.pt-4 {
padding-top: 1rem;
}
.pr-2 {
padding-right: 0.5rem;
}
.pl-16 {
padding-left: 4rem;
}
.pr-16 {
padding-right: 4rem;
}
.pb-32 {
padding-bottom: 8rem;
}
.pb-85px {
padding-bottom: 85px;
}
.pr-4 {
padding-right: 1rem;
}
.pl-20 {
padding-left: 5rem;
}
.pb-6 {
padding-bottom: 1.5rem;
}
.pl-8 {
padding-left: 2rem;
}
.pt-1 {
padding-top: 0.25rem;
}
.pb-3 {
padding-bottom: 0.75rem;
}
.pl-4 {
padding-left: 1rem;
}
.text-left {
text-align: left;
}
.text-center {
text-align: center;
}
.align-middle {
vertical-align: middle;
}
.text-16 {
font-size: 4rem;
}
.text-12 {
font-size: 3rem;
}
.text-10 {
font-size: 2.5rem;
}
.text-13 {
font-size: 3.25rem;
}
.text-8 {
font-size: 2rem;
}
.text-11px {
font-size: 11px;
}
.text-4 {
font-size: 1rem;
}
.text-6 {
font-size: 1.5rem;
}
.text-40px {
font-size: 40px;
}
.text-\[2\.23rem\] {
font-size: 2.23rem;
}
.text-2xl {
font-size: 1.5rem;
line-height: 2rem;
}
.font-medium {
font-weight: 500;
}
.font-bold {
font-weight: 700;
}
.font-normal {
font-weight: 400;
}
.\!font-bold {
font-weight: 700 !important;
}
.uppercase {
text-transform: uppercase;
}
.lowercase {
text-transform: lowercase;
}
.not-italic {
font-style: normal;
}
.ordinal, .slashed-zero, .lining-nums, .oldstyle-nums, .proportional-nums, .tabular-nums, .diagonal-fractions, .stacked-fractions {
--tw-ordinal: var(--tw-empty,  );
--tw-slashed-zero: var(--tw-empty,  );
--tw-numeric-figure: var(--tw-empty,  );
--tw-numeric-spacing: var(--tw-empty,  );
--tw-numeric-fraction: var(--tw-empty,  );
font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
}
.ordinal {
--tw-ordinal: ordinal;
}
.tabular-nums {
--tw-numeric-spacing: tabular-nums;
}
.diagonal-fractions {
--tw-numeric-fraction: diagonal-fractions;
}
.leading-none {
line-height: 1;
}
.leading-tight {
line-height: 1.25;
}
.leading-relaxed {
line-height: 1.625;
}
.leading-5 {
line-height: 1.25rem;
}
.tracking-tight {
letter-spacing: -0.025em;
}
.text-green-300 {
--tw-text-opacity: 1;
color: rgba(133, 200, 127, var(--tw-text-opacity));
}
.text-green {
--tw-text-opacity: 1;
color: rgba(29, 38, 25, var(--tw-text-opacity));
}
.text-yellow {
--tw-text-opacity: 1;
color: rgba(252, 245, 160, var(--tw-text-opacity));
}
.text-pink {
--tw-text-opacity: 1;
color: rgba(222, 103, 97, var(--tw-text-opacity));
}
.text-white {
--tw-text-opacity: 1;
color: rgba(255, 255, 255, var(--tw-text-opacity));
}
.\!text-pink {
--tw-text-opacity: 1 !important;
color: rgba(222, 103, 97, var(--tw-text-opacity)) !important;
}
.\!text-white {
--tw-text-opacity: 1 !important;
color: rgba(255, 255, 255, var(--tw-text-opacity)) !important;
}
.\!text-green {
--tw-text-opacity: 1 !important;
color: rgba(29, 38, 25, var(--tw-text-opacity)) !important;
}
.text-indigo-500 {
--tw-text-opacity: 1;
color: rgba(99, 102, 241, var(--tw-text-opacity));
}
.text-red-500 {
--tw-text-opacity: 1;
color: rgba(239, 68, 68, var(--tw-text-opacity));
}
.text-opacity-10 {
--tw-text-opacity: 0.1;
}
.\!underline {
text-decoration: underline !important;
}
.underline {
text-decoration: underline;
}
.antialiased {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.placeholder-green-300::-moz-placeholder {
--tw-placeholder-opacity: 1;
color: rgba(133, 200, 127, var(--tw-placeholder-opacity));
}
.placeholder-green-300::placeholder {
--tw-placeholder-opacity: 1;
color: rgba(133, 200, 127, var(--tw-placeholder-opacity));
}
.placeholder-opacity-60::-moz-placeholder {
--tw-placeholder-opacity: 0.6;
}
.placeholder-opacity-60::placeholder {
--tw-placeholder-opacity: 0.6;
}
.opacity-60 {
opacity: 0.6;
}
.opacity-70 {
opacity: 0.7;
}
.opacity-0 {
opacity: 0;
}
.opacity-100 {
opacity: 1;
}
.opacity-90 {
opacity: 0.9;
}
.shadow-md {
--tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-lg {
--tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-sm {
--tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.\!outline-none {
outline: 2px solid transparent !important;
outline-offset: 2px !important;
}
.outline-none {
outline: 2px solid transparent;
outline-offset: 2px;
}
.outline-black {
outline: 2px dotted black;
outline-offset: 2px;
}
.ring {
--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(3px + 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);
}
.ring-4 {
--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(4px + 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);
}
.ring-white {
--tw-ring-opacity: 1;
--tw-ring-color: rgba(255, 255, 255, var(--tw-ring-opacity));
}
.ring-opacity-40 {
--tw-ring-opacity: 0.4;
}
.ring-offset-2 {
--tw-ring-offset-width: 2px;
}
.ring-offset-blue-300 {
--tw-ring-offset-color: #93c5fd;
}
.filter {
filter: var(--tw-filter);
}
.filter-none {
filter: none;
}
.transition-all {
transition-property: all;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
}
.transition {
transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
}
.delay-300 {
transition-delay: 300ms;
}
.duration-\[2s\] {
transition-duration: 2s;
}
.duration-\[var\(--app-duration\)\] {
transition-duration: var(--app-duration);
}
.duration-200 {
transition-duration: 200ms;
}
.ease-in-out {
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
body {
font-size: 1.75rem;
//@apply text-7;
}
[data-type="URL"], [data-type="mailto"] {
--tw-text-opacity: 1;
color: rgba(222, 103, 97, var(--tw-text-opacity));
}
.page-template-default .entry-content p, .page .entry-content p, .single .entry-content p {
margin-bottom: 1.5rem;
font-size: 1.75rem;
--tw-text-opacity: 1;
color: rgba(29, 38, 25, var(--tw-text-opacity));
}
@media (min-width: 640px) {
.page-template-default .entry-content p, .page .entry-content p, .single .entry-content p {
font-size: 1.75rem;
}
}
.page-template-default .entry-content p, .page .entry-content p, .single .entry-content p {
mix-blend-mode: multiply;
line-height: 1.6;
}
.page-template-default .entry-content h2, .page-template-default .entry-content .module-heading, .page .entry-content h2, .page .entry-content .module-heading, .single .entry-content h2, .single .entry-content .module-heading {
margin-bottom: 2rem;
font-size: 4rem;
--tw-text-opacity: 1;
color: rgba(222, 103, 97, var(--tw-text-opacity));
font-weight: 500;
line-height: 1.1 !important;
}
@media screen and (max-width: 1023px) {
.page-template-default .entry-content h2, .page-template-default .entry-content .module-heading, .page .entry-content h2, .page .entry-content .module-heading, .single .entry-content h2, .single .entry-content .module-heading {
font-size: 3rem;
}
}
.page-template-default .entry-content .module-heading:not(:first-child), .page .entry-content .module-heading:not(:first-child), .single .entry-content .module-heading:not(:first-child) {
padding-top: 3rem;
}
.page-template-default .entry-content .people, .page .entry-content .people, .single .entry-content .people {
margin-bottom: 4rem;
}
.page-template-default .entry-content .people p, .page .entry-content .people p, .single .entry-content .people p {
margin-bottom: 0px;
}
#mc_embed_signup .button, main .entry-section .wp-block-button__link {
cursor: pointer;
border-radius: 0px !important;
border-width: 1px;
--tw-border-opacity: 1;
border-color: rgba(222, 103, 97, var(--tw-border-opacity));
background-color: transparent !important;
padding-top: 1rem;
padding-bottom: 1rem;
padding-left: 3rem !important;
padding-right: 3rem !important;
--tw-text-opacity: 1 !important;
color: rgba(222, 103, 97, var(--tw-text-opacity)) !important;
transition-property: all;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
}
#mc_embed_signup .button:hover, main .entry-section .wp-block-button__link:hover {
--tw-bg-opacity: 1 !important;
background-color: rgba(222, 103, 97, var(--tw-bg-opacity)) !important;
--tw-text-opacity: 1 !important;
color: rgba(240, 230, 219, var(--tw-text-opacity)) !important;
}
#mc_embed_signup .button, main .entry-section .wp-block-button__link {
border-width: 1px !important;
--tw-border-opacity: 1 !important;
border-color: rgba(222, 103, 97, var(--tw-border-opacity)) !important;
border-style: solid !important;
}
.h-350px {
height: 600px;
overflow: hidden;
}
.bg figure a::after {
content: "";
position: absolute;
content: "";
top: 0px;
right: 0px;
bottom: 0px;
left: 0px;
content: "";
--tw-bg-opacity: 1;
background-color: rgba(240, 230, 219, var(--tw-bg-opacity));
content: "";
opacity: 0.6;
content: "";
transition-property: all;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
}
.bg figure a:hover::after {
content: "";
opacity: 0;
}
.blocks-gallery-grid .blocks-gallery-image figure, .blocks-gallery-grid .blocks-gallery-item figure, .wp-block-gallery .blocks-gallery-image figure, .wp-block-gallery .blocks-gallery-item figure {
position: relative;
display: block !important;
}
.blocks-gallery-grid .blocks-gallery-image figcaption, .blocks-gallery-grid .blocks-gallery-item figcaption, .wp-block-gallery .blocks-gallery-image figcaption, .wp-block-gallery .blocks-gallery-item figcaption {
background: transparent !important;
display: block !important;
position: relative !important;
padding-top: 1rem !important;
padding-bottom: 1rem !important;
text-transform: lowercase !important;
color: var(--pink) !important;
font-size: 1.75rem !important;
}
.arrowLanding {
border: solid black;
border-width: 0 .3rem .3rem 0;
display: inline-block;
padding: 1.2rem;
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
}
.arrowLanding:hover, .arrowLanding:active, .arrowLanding:focus {
}
.wp-block-gallery a:after::after {
content: "";
position: absolute;
content: "";
top: 0px;
right: 0px;
bottom: 0px;
left: 0px;
content: "";
--tw-bg-opacity: 1;
background-color: rgba(240, 230, 219, var(--tw-bg-opacity));
content: "";
opacity: 0.6;
content: "";
transition-property: all;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
}
.wp-block-gallery a:after:hover::after {
content: "";
opacity: 0;
}
.single-post p a {
--tw-text-opacity: 1 !important;
color: rgba(222, 103, 97, var(--tw-text-opacity)) !important;
}
.single-post p a:hover, .single-post p a:active, .single-post p a:focus {
text-decoration: underline;
}
.landingFooter {
padding-left: 3rem;
padding-top: 3rem;
margin-bottom: 0;
}
.landingFooter .mt-12 {
margin-top: 0;
}
.goLeft {
z-index: 110;
width: 3rem;
height: 3rem;
margin-top: -2rem;
transform: rotate(135deg);
display: block;
position: relative;
cursor: pointer !important;
border-width: 2px 2px;
border-style: solid;
border-color: #84c77e;
-o-border-image: initial;
border-image: initial;
border-left: none;
border-top: none;
transition: all 0.2s ease 0s;
}
@media screen and (max-width: 640px) {
.goLeft {
margin-top: 4rem
}
}
.wpml-ls {
// right: 3rem;
//  top: 3rem;
margin: auto !important;
cursor: pointer;
border-style: none !important;
padding-left: 1rem !important;
padding-right: 1rem !important;
padding-top: 0px !important;
padding-bottom: 0px !important;
font-weight: 700;
text-transform: lowercase;
}
.wpml-ls a.wpml-ls-link {
margin: auto !important;
padding-top: 0px !important;
padding-bottom: 0px !important;
padding-left: 1rem !important;
padding-right: 1rem !important;
line-height: 1;
--tw-text-opacity: 1 !important;
color: rgba(222, 103, 97, var(--tw-text-opacity)) !important;
transition-property: all;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
}
.wpml-ls a.wpml-ls-link:hover {
--tw-text-opacity: 1 !important;
color: rgba(133, 200, 127, var(--tw-text-opacity)) !important;
}
.wpml-ls a.wpml-ls-link:focus {
--tw-text-opacity: 1 !important;
color: rgba(133, 200, 127, var(--tw-text-opacity)) !important;
}
.wpml-ls a.wpml-ls-link:active {
--tw-text-opacity: 1 !important;
color: rgba(133, 200, 127, var(--tw-text-opacity)) !important;
}
.wpml-ls .wpml-ls-current-language a {
text-decoration: underline;
}
.wpml-ls-legacy-list-horizontal a span {
vertical-align: initial !important;
}
@media screen and (max-width: 639px) {
.homePoodMobiilis {
display: block;
}
}
@media screen and (min-width: 640px) {
.homePoodMobiilis {
display: none;
}
}
.project-cont {
max-width: 50vw;
width: 50vw;
}
.project-cont .whole-cont, .project-cont img {
max-width: 25vw;
width: 25vw;
height: 25vw;
}
@media screen and (max-width: 639px) {
.page-id-1798 .bigH1 {
--tw-text-opacity: 1 !important;
color: rgba(252, 245, 160, var(--tw-text-opacity)) !important;
}
}
.page-id-1798 .menuOpen {
--tw-text-opacity: 1 !important;
color: rgba(252, 245, 160, var(--tw-text-opacity)) !important;
}
@media screen and (max-width: 639px) {
.page-id-1798 .asdf + main {
padding: 0px !important;
}
}
.hor-menu {
}
.our-values .wp-block-group__inner-container .wp-block-columns {
margin-bottom: 1rem;
}
.our-values .wp-block-group__inner-container .wp-block-columns p {
margin-bottom: 0px;
}
.our-values .wp-block-group__inner-container .wp-block-columns .blocks-gallery-item {
margin-bottom: 0px;
}
.our-values .wp-block-group__inner-container .wp-block-columns .wp-block-column:first-child {
max-width: 100px;
}
@media (min-width: 640px) {
.our-values .wp-block-group__inner-container .wp-block-columns .wp-block-column:nth-child(2) {
margin-left: 1rem;
}
}
.cta-group {
margin-top: 3rem;
margin-bottom: 3rem;
}
.cta-group .wp-block-group__inner-container {
display: block;
width: 100%;
}
.cta-group .wp-block-group__inner-container .wp-block-button__link {
}
.cta-group .wp-block-group__inner-container p {
// @apply !mb-0 !self-center ;
}
.cta-group .wp-block-group__inner-container .wp-block-buttons {
width: 100%;
}
.cta-group .wp-block-group__inner-container .wp-block-button {
margin-left: auto;
margin-right: auto;
width: 100%;
text-align: center;
//  @apply !mb-0;
}
.cta-group .wp-block-group__inner-container .wp-block-buttons .wp-block-button__link {
border-radius: 9999px !important;
border-style: none !important;
--tw-bg-opacity: 1 !important;
background-color: rgba(29, 38, 25, var(--tw-bg-opacity)) !important;
padding-left: 3rem !important;
padding-right: 3rem !important;
text-decoration: underline !important;
}
.page-template-page-landing2022 .contacts .text-yellow, .page-template-page-landing2022 .contacts .value {
--tw-text-opacity: 1 !important;
color: rgba(29, 38, 25, var(--tw-text-opacity)) !important;
}
.page-template-page-landing2022 .contacts .word:after {
--tw-bg-opacity: 1 !important;
background-color: rgba(133, 200, 127, var(--tw-bg-opacity)) !important;
}
.page-template-page-landing2022 .contacts .inner:nth-child(2) {
display: none;
}
.page-template-page-landing2022 .goUpp.swiper-button-disabled, .page-template-page-landing2022 .goDown.swiper-button-disabled {
display: none !important;
}
@media screen and (max-width: 800px) {
.our-values .wp-block-group__inner-container .wp-block-columns {
flex-wrap: wrap
}
}
.our-values .wp-block-group__inner-container .wp-block-columns p {
}
.our-values .wp-block-group__inner-container .wp-block-columns .wp-block-column:first-child {
}
.our-values .wp-block-group__inner-container .wp-block-columns .wp-block-image {
margin-bottom: 0 !important;
}
@media screen and (max-width: 800px) {
.our-values .wp-block-group__inner-container .wp-block-columns .wp-block-column:nth-child(2) {
flex-basis: 100% !important
}
}
.fullWidth {
margin-left: calc(-100vw / 2 + 100% / 2) !important;
margin-right: calc(-100vw / 2 + 100% / 2) !important;
max-width: 100vw !important;
width: auto !important;
}
.page-template-page-landing2022 textarea.wpcf7-form-control {
border:none  !important;
border-bottom: 1px solid var(--green) !important;
padding: 1rem 0;
height: 10rem ;
margin-bottom: 1rem;
text-align: left;
padding-top: 0;
}
.page-template-page-landing2022 .wpcf7 {
margin-top: 0;
}
.page-template-page-landing2022 .wpcf7-submit {
margin-top: 2rem;
min-width: 160px;
max-width: 210px;
border-width: 1px;
border-style: solid;
--tw-border-opacity: 1 !important;
border-color: rgba(222, 103, 97, var(--tw-border-opacity)) !important;
background-color: transparent;
padding-left: 3rem;
padding-right: 3rem;
padding-top: 1rem;
padding-bottom: 1rem;
--tw-text-opacity: 1;
color: rgba(222, 103, 97, var(--tw-text-opacity));
transition-property: all;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
}
.page-template-page-landing2022 .wpcf7-submit:hover {
--tw-bg-opacity: 1;
background-color: rgba(222, 103, 97, var(--tw-bg-opacity));
--tw-text-opacity: 1;
color: rgba(255, 255, 255, var(--tw-text-opacity));
}
.page-template-page-landing2022  .wpcf7-form-control {
margin-bottom: 1rem;
}
.page-template-page-landing2022 .cta-group .wp-block-buttons {
margin-top: 3rem;
margin-bottom: 1rem;
}
@media screen and (max-width: 639px) {
.footCont {
display: none !important;
}
}
.backArrow {
cursor: pointer;
background-image: url(//kind.ee/wp-content/themes/kind/assets/img/backarrow.svg);
background-size: contain;
background-repeat: no-repeat;
width: 3rem;
height: 3rem;
display: block;
position: absolute;
top: 90px;
bottom: auto;
margin-top: -80px;
}
@media screen and (min-width: 640px) {
.page-template-page-landing2022 .hentry {
padding-right: 10vw;
}
}
.logged-in.page-template-page-landing2022 {
}
.page-template-page-projects .bigH1 {
position: relative;
top: 90px;
}
.page-template-page-projects .bigH1:after {
content: '';
background-color: var(--yellow);
position: relative;
left: 0.5rem;
right: 0;
bottom: 0;
height: 1px;
display: inline-block;
z-index: 0;
width: 6rem;
}
html::-webkit-scrollbar{
display: none;
}
body::-webkit-scrollbar{
display: none;
}
@media screen and (max-width: 639px) {
.sm-fullWidth {
margin-left: calc(-100vw / 2 + 100% / 2) !important;
margin-right: calc(-100vw / 2 + 100% / 2) !important;
max-width: 100vw !important;
width: auto !important;
}
.xs-px-16 {
padding-left: 4rem;
padding-right: 4rem;
}
}
@media screen and (min-width: 640px) {
.page-id-709 .sm-fullWidth, .page-id-1644 .sm-fullWidth {
background-color: transparent;
}
}
@media screen and (max-width: 639px) {
.page-template-page-projects .bigH1 {
top: 45px;
}
.left-side {
min-height: 55vw;
}
.entry-content {
margin-top: 5rem;
}
}
.admin-bar header {
top: 38px;
} @media screen and (max-width: 1024px) {
.bbbCCC { }
}  @font-face {
font-family: 'Autor';
src: url(//kind.ee/wp-content/themes/kind/fonts/Autor-Medium.eot);
src: url(//kind.ee/wp-content/themes/kind/fonts/Autor-Medium.eot?#iefix) format('embedded-opentype'),
url(//kind.ee/wp-content/themes/kind/fonts/Autor-Medium.woff2) format('woff2'),
url(//kind.ee/wp-content/themes/kind/fonts/Autor-Medium.woff) format('woff'),
url(//kind.ee/wp-content/themes/kind/fonts/Autor-Medium.ttf) format('truetype'),
url(//kind.ee/wp-content/themes/kind/fonts/Autor-Medium.svg#Autor-Medium) format('svg');
font-weight: 500;
font-style: normal;
}
@font-face {
font-family: 'Autor';
src: url(//kind.ee/wp-content/themes/kind/fonts/Autor-ExtraBold.eot);
src: url(//kind.ee/wp-content/themes/kind/fonts/Autor-ExtraBold.eot?#iefix) format('embedded-opentype'),
url(//kind.ee/wp-content/themes/kind/fonts/Autor-ExtraBold.woff2) format('woff2'),
url(//kind.ee/wp-content/themes/kind/fonts/Autor-ExtraBold.woff) format('woff'),
url(//kind.ee/wp-content/themes/kind/fonts/Autor-ExtraBold.ttf) format('truetype'),
url(//kind.ee/wp-content/themes/kind/fonts/Autor-ExtraBold.svg#Autor-ExtraBold) format('svg');
font-weight: 800;
font-style: normal;
}
@font-face {
font-family: 'Autor';
src: url(//kind.ee/wp-content/themes/kind/fonts/Regular-Regular.eot);
src: url(//kind.ee/wp-content/themes/kind/fonts/Regular-Regular.eot?#iefix) format('embedded-opentype'),
url(//kind.ee/wp-content/themes/kind/fonts/Regular-Regular.woff2) format('woff2'),
url(//kind.ee/wp-content/themes/kind/fonts/Regular-Regular.woff) format('woff'),
url(//kind.ee/wp-content/themes/kind/fonts/Regular-Regular.ttf) format('truetype'),
url(//kind.ee/wp-content/themes/kind/fonts/Regular-Regular.svg#Regular-Regular) format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Autor';
src: url(//kind.ee/wp-content/themes/kind/fonts/Autor-Thin.eot);
src: url(//kind.ee/wp-content/themes/kind/fonts/Autor-Thin.eot?#iefix) format('embedded-opentype'),
url(//kind.ee/wp-content/themes/kind/fonts/Autor-Thin.woff2) format('woff2'),
url(//kind.ee/wp-content/themes/kind/fonts/Autor-Thin.woff) format('woff'),
url(//kind.ee/wp-content/themes/kind/fonts/Autor-Thin.ttf) format('truetype'),
url(//kind.ee/wp-content/themes/kind/fonts/Autor-Thin.svg#Autor-Thin) format('svg');
font-weight: 100;
font-style: normal;
}
@font-face {
font-family: 'Autor';
src: url(//kind.ee/wp-content/themes/kind/fonts/Autor-Black.eot);
src: url(//kind.ee/wp-content/themes/kind/fonts/Autor-Black.eot?#iefix) format('embedded-opentype'),
url(//kind.ee/wp-content/themes/kind/fonts/Autor-Black.woff2) format('woff2'),
url(//kind.ee/wp-content/themes/kind/fonts/Autor-Black.woff) format('woff'),
url(//kind.ee/wp-content/themes/kind/fonts/Autor-Black.ttf) format('truetype'),
url(//kind.ee/wp-content/themes/kind/fonts/Autor-Black.svg#Autor-Black) format('svg');
font-weight: 900;
font-style: normal;
}   @font-face {
font-family: 'Autor';
src: url(//kind.ee/wp-content/themes/kind/fonts/Autor-Bold.eot);
src: url(//kind.ee/wp-content/themes/kind/fonts/Autor-Bold.eot?#iefix) format('embedded-opentype'),
url(//kind.ee/wp-content/themes/kind/fonts/Autor-Bold.woff2) format('woff2'),
url(//kind.ee/wp-content/themes/kind/fonts/Autor-Bold.woff) format('woff'),
url(//kind.ee/wp-content/themes/kind/fonts/Autor-Bold.ttf) format('truetype'),
url(//kind.ee/wp-content/themes/kind/fonts/Autor-Bold.svg#Autor-Bold) format('svg');
font-weight: bold;
font-style: normal;
} @font-face {
font-family: 'Autor';
src: url(//kind.ee/wp-content/themes/kind/fonts/Autor-Light.eot);
src: url(//kind.ee/wp-content/themes/kind/fonts/Autor-Light.eot?#iefix) format('embedded-opentype'),
url(//kind.ee/wp-content/themes/kind/fonts/Autor-Light.woff2) format('woff2'),
url(//kind.ee/wp-content/themes/kind/fonts/Autor-Light.woff) format('woff'),
url(//kind.ee/wp-content/themes/kind/fonts/Autor-Light.ttf) format('truetype'),
url(//kind.ee/wp-content/themes/kind/fonts/Autor-Light.svg#Autor-Light) format('svg');
font-weight: 300;
font-style: normal;
} .menuCont {
position: fixed;
right: 0;
left: 50%;
animation-name: fadeInRight;
}
@media screen and (max-width: 639px) {
.menuCont {
left: 0
}
}
@media screen and (max-width: 1024px) {
.wpml-ls-legacy-list-horizontal { }
}
.menuCont { }
.menuCont .menu-main-container, .menuCont .menu-mainmenu-container {
position: relative;
display: flex;
margin: 100px 0 0 auto;
width: calc(5rem + 60px);
}
.menuCont .menu-main-container ul, .menuCont .menu-mainmenu-container ul {
display: flex;
flex-direction: column;
text-align: right;
margin-right:3rem;
width: 100%;
}
.menuCont .menu-main-container ul li, .menuCont .menu-mainmenu-container ul li {
list-style: none;
position: relative;
}
.menuCont .menu-main-container ul a, .menuCont .menu-mainmenu-container ul a {
font-weight: bold;
color: var(--green);
font-size: 1.75rem;
display: block;
transition: all .3s;
cursor: pointer;
text-transform: lowercase;
letter-spacing: 1px;
}
@media screen and (max-width: 639px) {
.menuCont .menu-main-container ul a, .menuCont .menu-mainmenu-container ul a {
color: var(--greenlight);
}
}
.menuCont .menu-main-container ul a:hover, .menuCont .menu-main-container ul a:active, .menuCont .menu-main-container ul a:focus, .menuCont .menu-mainmenu-container ul a:hover, .menuCont .menu-mainmenu-container ul a:active, .menuCont .menu-mainmenu-container ul a:focus {
text-decoration: none;
color: var(--pink);
}
.menuCont .menu-main-container .openMenu.open .sub-menu, .menuCont .menu-mainmenu-container .openMenu.open .sub-menu {
display: block;
}
@media screen and (min-width: 640px) {
.menuCont .menu-main-container .openMenu.open .sub-menu, .menuCont .menu-mainmenu-container .openMenu.open .sub-menu {
animation-name: fadeInUp
}
}
.heros {
max-width: 100%;
}
.hamburger {
transform: scale(0.7);
transform-origin: right top;
padding: 1.5rem;
padding-right: 0;
display: inline-block;
cursor: pointer;
transition-property: opacity, filter;
transition-duration: 0.15s;
transition-timing-function: linear;
font: inherit;
color: inherit;
text-transform: none;
background-color: transparent;
border: 0;
margin: 0;
overflow: visible;
position: fixed;
right: 3rem;
top: 1.5rem;
z-index: 2002;
}
@media screen and (max-width: 540px) {
.hamburger {
transform: scale(0.6);
transform-origin: right top;
padding-top: 1.3rem;
margin-right: -1rem
}
}
.hamburger {
display: none;
}
@media screen and (max-width: 639px) {
.hamburger {
display: block
}
}
.hamburger:hover {
opacity: 0.7;
}
.hamburger.is-active:hover {
opacity: 0.7;
}
.hamburger.is-active .hamburger-inner,
.hamburger.is-active .hamburger-inner::before,
.hamburger.is-active .hamburger-inner::after {
background-color: var(--pink) !important;
}
.hamburger-box {
width: 7rem;
height: 5rem;
display: inline-block;
position: relative;
}
.hamburger-inner {
display: block;
top: 50%;
margin-top: -1rem;
}
.hamburger--spring.is-active .hamburger-inner {
// margin-top: -2rem;
}
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
width: 7rem;
height: .7rem;
background-color: var(--yellow);
border-radius: 0px;
position: absolute;
transition-property: transform;
transition-duration: 0.15s;
transition-timing-function: ease;
}
.upper.is-active .hamburger-inner::before, .upper.is-active .hamburger-inner::after {
background-color: var(--yellow) !important;
}
.hamburger-inner::before, .hamburger-inner::after {
content: "";
display: block;
}
.hamburger-inner::before {
top: -2rem;
}
.hamburger-inner::after {
bottom: -2rem;
}
.hamburger--spring .hamburger-inner {
//top: .7rem;
transition: background-color 0s 0.13s linear;
}
.hamburger--spring .hamburger-inner::before {
top: -2rem;
transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spring .hamburger-inner::after {
bottom: -2rem;
transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spring.is-active .hamburger-inner {
transition-delay: 0.22s;
background-color: transparent !important;
}
.hamburger--spring.is-active .hamburger-inner::before {
top: 0;
transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
transform: translate3d(0, 0rem, 0) rotate(45deg);
}
.hamburger--spring.is-active .hamburger-inner::after {
top: 0;
transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
transform: translate3d(0, 0rem, 0) rotate(-45deg);
}
@keyframes slideInDown {
0% {
transform: translate3d(0, -100%, 0);
visibility: visible
}
to {
transform: translateZ(0)
}
}
.animate__slideInDown {
animation-name: slideInDown
}
.menuCont {
display: none;
position: fixed;
left: auto;
right: 0;
top: 0;
bottom: auto;
//background-color: rgba(var(--beez), 50%);
//background-color: rgba(240, 230, 219, 0.95);
animation-name: fadeInRight;
animation-duration: .5s;
z-index: 1001;
}
@media screen and (max-width: 767px) {
.menuCont {
left: auto
}
}
.menuCont.is-active {
display: flex;
}
.menuOpen {
z-index: 55006 !important;
}
.menuOpen.is-active {
color: var(--green);
}
.hor-menu ul {
display: flex;
gap: 2rem;
}
.hor-menu ul li.current-menu-item a {
--tw-text-opacity: 1;
color: rgba(133, 200, 127, var(--tw-text-opacity));
}
.hor-menu ul a:hover, .hor-menu ul a:active, .hor-menu ul a:focus {
--tw-text-opacity: 1;
color: rgba(133, 200, 127, var(--tw-text-opacity));
transition-property: all;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
}
.plates svg {
height: 60px;
position: absolute;
width: 60px;
}
.plates {
display: flex;
flex-wrap: wrap;
}
@media (max-width: 640px) {
.plates {
}
}
.plate {
height: 60px;
width:60px;
}
.burger { }
.x {
transform: scale(0);
transition: transform 400ms;
}
.line {
fill: none;
stroke: #1D2619;
stroke-width: 6px;
stroke-linecap: round;
stroke-linejoin: round;
transform-origin: 50%;
transition: stroke-dasharray 500ms 200ms, stroke-dashoffset 500ms 200ms, transform 500ms 200ms;
}
@media screen and (min-width: 640px) {
.line {
stroke: #1D2619;
}
}
.plate.active .line {
//stroke: #1D2619;
}
.x .line {
stroke-width: 5.5px;
} .plate1 .line2 {
stroke-dasharray: 40 200;
stroke-dashoffset: 0px;
}
.plate1 .line3 {
stroke-dasharray: 40 179;
stroke-dashoffset: 0px;
}
.active .line {
transition: stroke-dasharray 500ms, stroke-dashoffset 500ms, transform 500ms;
}
.active.plate1 .line1 {
transform: scale(0, 1);
transition: transform 500ms 100ms;
}
.active.plate1 .line2 {
stroke-dasharray: 5px 200;
stroke-dashoffset: -164px;
}
.active.plate1 .line3 {
stroke-dasharray: 5px 179;
stroke-dashoffset: -142px;
}
.active .x {
transform: scale(1);
transition: transform 400ms 350ms;
}
.plate4 .x {
transition: transform 400ms;
}
.plate4 .line {
transform-origin: 50%;
transition: transform 400ms 100ms;
}
.active.plate4 .line {
transition: transform 400ms;
}
.active.plate4 .line1 {
transform: translateX(18px) translateY(-3px) rotate(-45deg) scale(.7);
}
.active.plate4 .line2 {
transform: translateX(-18px) translateY(-3px) rotate(45deg) scale(.7);
}
.active.plate4 .line3 {
transform: translateY(0px) rotate(45deg) scale(.7);
}
.active.plate4 .line4 {
transform: translateY(0px) rotate(-45deg) scale(.7);
}
.active.plate4 .line5 {
transform: translateX(18px) translateY(3px) rotate(45deg) scale(.7);
}
.active.plate4 .line6 {
transform: translateX(-18px) translateY(3px) rotate(-45deg) scale(.7);
}
.active.plate4 .x {
transition: transform 400ms 100ms;
transform: scale(1);
}
.test {
color: red;
}
@mixin hStripe {
&:after {
content: '';
position: absolute;
right: -12rem;
left: auto;
width: 10rem;
height: 1px;
background: var(--green);
bottom: 0.3rem;
display: block;
}
@media screen and (max-width: 1260px) {
&:after {
width: 6rem;
right: -6.3rem
}
}
@media screen and (max-width: 768px) {
&:after {
right: -10.5rem
}
}
@media screen and (max-width: 767px) {
&:after {
right: -6.5rem
}
}
}
@mixin h3Stripe {
&:after {
content: '';
position: absolute;
right: -6.5rem;
left: auto;
width: 6rem;
height: 1px;
background: $red;
bottom: 0.3rem;
display: block;
}
}
:root {
--yellow: #fcf5a0;
--greenlight: #85c87f;
//--green: #86C87F;
--green: #1D2619;
//--green: #3d4d2d;
--pink: #de6761;
--beez: rgb(240, 230, 219);
//#f0e6db;
}
html {
height: 100%;
font-size: 2.2vw;
//font-family: var(--ffbase);
overflow-y: scroll !important;
overflow-x: hidden !important;
}
@media (min-width: 640px) {
html {
font-size: 1.2vw
}
}
@media (min-width: 768px) {
html {
font-size: 1.2vw
}
}
@media (min-width: 1024px) {
html {
font-size: .8vw
}
}
@media (min-width: 1280px) {
html {
font-size: 62.5%
}
}
body {
background: var(--beez);
}
// background: linear-gradient(to right, var(--green) 50%, var(--beez) 50%);
@media screen and (max-width: 639px) {
body {
//  background: var(--beez);
}
}
body {
font-family: 'Autor', Sans-serif;
color: var(--green);
min-height: 100vh;
}
.left-green {
// right: 50vw;
right: 50%;
left: 0;
bottom: 0;
top: 0;
}
@media screen and (max-width: 639px) {
.left-green {
display: none !important
}
}
.page-template-page-teenused .overlay, .page-template-page-home .overlay, .archive .overlay {
width: 100vw;
}
.page-template-page-teenused .entry-section, .page-template-page-home .entry-section, .archive .entry-section {
padding-top: 0;
}
.page-template-home main {
max-width: none;
} .page-template-home main .left-side .preCont {
right: 50vw;
z-index: 202;
} @media screen and (max-width: 639px) {
.page-template-home main .left-side .preCont {
right: 0;
max-width: 100vw
}
}
@media screen and (min-width: 640px) {
}
@media screen and (min-width: 1280px) {
.page-template-home main .left-side .preCont {
padding-left: 8.5rem;
padding-right: 6rem
}
}
.page-template-home main .left-side .first-left {
}
@media screen and (min-width: 640px) {
.page-template-home main .right-side {
position: relative;
// right: -2.5vw;
right: 0;
//   margin-left: 50%; max-width: 51vw !important;
width: 100vw !important
}
}
@media screen and (max-width: 1279px) {
.page-template-home main .right-side {
//right: 0;
}
}
@media screen and (max-width: 1023px) {
.page-template-home main .right-side {
// right: -2.5vw;
}
}
@media screen and (min-width: 1024px) {
main {
max-width: 90vw
}
}
@media screen and (max-width: 1023px) {
main {
max-width: 100vw
}
}
main {
margin-left: auto;
margin-right: auto;
}
.page-template-home main {
padding-left: 0;
padding-right: 0;
}
.contacts .item {
margin-bottom: 0.3rem;
}
.contacts .name {
position: relative;
overflow: hidden;
}
.contacts .name .word {
position: relative;
display: inline-block;
z-index: 2;
padding-right: 2px;
}
.contacts .name .word:after {
content: '';
background-color: var(--yellow);
position: absolute;
left: 100%;
right: -50vw;
bottom: 05px;
height: 1px;
display: block;
z-index: 0;
}
.mobContact .contacts .name .word:after {
background-color: var(--green);
}
.contacts .value {
}
.contacts .stripe {
}
.kontaktid.contacts .name:after {
background-color: var(--green);
}
.kontaktid.contacts .name .word {
background-color: var(--beez);
}
@media screen and (min-width: 640px) {
.slidecont {
height: 50vh
}
.slidecont img {
max-width: 50vw;
width: 50vw
}
}
.goUpp {
z-index: 1000;
right: auto;
left: 73vw;
margin-left: auto;
margin-right: auto;
bottom: auto;
top: 30px;
border: 2px solid var(--green);
width: 5rem;
height: 5rem;
transform: rotate(225deg);
border-left: none;
border-top: none;
position: fixed;
cursor: pointer !important;
transition: all .2s;
display: none;
}
.scrolled .goUpp {
display: block;
}
@media screen and (max-width: 1440px) {
.goUpp {
bottom: 20px;
width: 4rem;
height: 4rem
}
}
@media screen and (max-width: 639px) {
.goUpp {
position: relative;
border: 2px solid var(--greenlight);
border-left: none;
border-top: none;
left: auto;
width: 3rem;
height: 3rem;
display: none !important
}
}
.goUpp:hover, .goUpp:active, .goUpp:focus {
transform: rotate(225deg) scale(1.1);
}
.goDown {
z-index: 110;
right: auto;
left: 73vw;
margin-left: auto;
margin-right: auto;
bottom: 30px;
top: auto;
border: 2px solid var(--green);
width: 5rem;
height: 5rem;
transform: rotate(45deg);
border-left: none;
border-top: none;
position: fixed;
cursor: pointer !important;
transition: all .2s;
display: block;
}
.scrolled-to-bottom .goDown {
display: none;
}
@media screen and (max-width: 1440px) {
.goDown {
bottom: 20px;
width: 4rem;
height: 4rem
}
}
@media screen and (max-width: 639px) {
.goDown {
position: relative;
border: 2px solid var(--greenlight);
border-left: none;
border-top: none;
left: auto;
width: 3rem;
height: 3rem;
display: none !important
}
}
.goDown:hover, .goDown:active, .goDown:focus {
transform: rotate(45deg) scale(1.1);
}
.slidecont .h50vh {
height: calc(50vh - 20px) !important;
}
@media screen and (max-width: 639px) {
.is-active .logoCont {
display: block;
z-index: 1234;
position: fixed;
left: 0;
right: 0
}
}
.page-title {
font-size: 5rem;
font-weight: bold;
text-transform: lowercase;
position: relative;
display: inline-block;
color: var(--pink);
}
.page-title:after {
content: '';
position: absolute;
right: -7.2rem;
left: auto;
width: 7rem;
height: 1px;
background: var(--pink);
bottom: 1.8rem;
display: block;
}
@media screen and (max-width: 639px) {
.page-title:after {
background: var(--yellow)
}
}
.blocks-gallery-grid.columns-4 .blocks-gallery-image, .blocks-gallery-grid.columns-4 .blocks-gallery-item, .wp-block-gallery.columns-4 .blocks-gallery-image, .wp-block-gallery.columns-4 .blocks-gallery-item {
margin-right: 1px !important;
margin-bottom: 1px !important;
}
.right-side .page-title {
display: none;
}
@media screen and (min-width: 640px) {
.left-side {
min-height: 100vh
}
}
.left-side h1 {
position: relative;
margin-top:8rem;
display: inline-block;
}
.left-side h1:after {
content: '';
background-color: var(--yellow);
position: relative;
left: .5rem;
right: 0;
bottom: 0;
height: 1px;
display: inline-block;
z-index: 0;
width: 6rem;
}
.left-side.about-us h1:after {
background-color: transparent;
}
@media screen and (max-width: 623px) {
.left-side h1:after {
//  background-color: var(--green);
}
}
.arrow {
margin-left: 1rem;
border: solid var(--green);
border-width: 0 .3rem .3rem 0;
display: inline-block;
padding: .4rem;
transition: all .3s;
}
.arrowUp {
border: solid var(--green);
border-width: .3rem 0 0 .3rem;
display: inline-block;
padding: .4rem;
transition: all .3s;
margin: auto;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
}
.goUp {
display: none !important;
cursor: pointer;
bottom: 100px;
}
.scrolled .goUp {
display: flex !important;
}
.talk {
cursor: pointer;
}
.right {
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
}
.left {
transform: rotate(135deg);
-webkit-transform: rotate(135deg);
}
.up {
transform: rotate(-135deg) !important;
-webkit-transform: rotate(-135deg) !important;
}
.down {
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
}
.answer {
display: none;
}
.answer.open {
display: block;
}
.wpcf7-form-control {
border-bottom: 1px solid var(--green) !important;
color: var(--green);
background-color: transparent;
margin-bottom: 4rem;
outline: none;
width: 100%;
}
.wpcf7-form-control + .wpcf7-not-valid-tip {
display: none !important;
}
.wpcf7-form-control.wpcf7-not-valid {
color: var(--pink);
border-bottom: 1px solid var(--pink) !important;
}
textarea.wpcf7-form-control {
border: 1px solid var(--green) !important;
padding: 1rem 1.5rem;
height: 18rem;
margin-bottom: 1rem;
text-align: left;
}
textarea.wpcf7-form-control.wpcf7-not-valid {
color: var(--pink);
border-bottom: 1px solid var(--pink) !important;
}
::-webkit-input-placeholder {
color: var(--green) !important;
}
::-moz-placeholder {
color: var(--green) !important;
} .text-right {
text-align: right;
}
.wpcf7 {
margin-top: 4rem;
}
body:not(.page-template-page-landing2022) .wpcf7-submit, .mailChimpSubmit {
background-color: var(--green);
color: var(--pink);
padding: .6rem 3rem .8rem 3rem;
border-radius: 50px;
text-decoration: underline;
border: none !important;
cursor: pointer;
width: auto !important;
margin-right: 0 !important;
margin-bottom: 0 !important;
//  transform: translate(2REM, 0px);
transition: all .3s;
}
body:not(.page-template-page-landing2022) .wpcf7-submit:hover, body:not(.page-template-page-landing2022) .wpcf7-submit:active, body:not(.page-template-page-landing2022) .wpcf7-submit:focus, .mailChimpSubmit:hover, .mailChimpSubmit:active, .mailChimpSubmit:focus {
//  background-color: #5a7242 !important;
color: #fff;
}
div.wpcf7-validation-errors, div.wpcf7-acceptance-missing, div.wpcf7-mail-sent-ng, div.wpcf7-aborted {
border-color: transparent !important;
background-color: transparent;
color: var(--pink);
margin: 1rem 0 !important;
padding: 0 0 !important;
display: inline-block;
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
textarea:-webkit-autofill:active {
-webkit-transition: background-color 5000s ease-in-out 0s;
transition: background-color 5000s ease-in-out 0s;
}
.home .hero-slider .h2 {
font-weight: 500;
margin-bottom: 2rem;
position: relative;
display: inline-block;
line-height: 1;
}
@media screen and (max-width: 639px) {
.home .hero-slider {
padding-left: 0rem;
padding-right: 0rem;
max-width: 100vw
}
}
.last:after {
content: "";
position: absolute;
right: -10.4rem;
left: auto;
width: 10rem;
height: 1px;
background: var(--yellow);
bottom: 1.1rem;
display: block;
}
@media screen and (max-width: 1260px) {
.home .last:after {
width: 6rem;
right: -6.3rem;
}
}
@media screen and (max-width: 768px) {
.home .last:after {
right: -10.5rem;
bottom: .5rem;
}
}
@media screen and (max-width: 767px) {
.home .last:after {
right: -6.5rem;
}
} @media screen and (max-width: 450px) {
.btnCont {
max-width: 56vw
}
}
[name="your-message"] {
width: 100%;
}
@media screen and (max-width: 1023px) {
.wpcf7 .grid-cols-2 {
grid-template-columns: repeat(1, minmax(0, 1fr))
}
}
.full-width {
margin-left: calc(-100vw / 2 + 100% / 2) !important;
margin-right: calc(-100vw / 2 + 100% / 2) !important;
max-width: 100vw !important;
width: auto !important;
}
.bigH1 {
//margin-right: 5vw !important;
}
@media screen and (max-width: 860px) {
.people {
flex-direction: column
}
.people .wp-block-column {
flex-basis: 100% !important
}
.people .wp-block-column:nth-child(2) {
order: -1;
}
}
.people em {
margin-bottom: 2rem;
display: block;
}
.a-pink a {
color: var(--pink);
font-weight: bold;
}
@media screen and (max-width: 639px) {
.h-200px {
height: 50vw
}
.menu-item-23 > a {
visibility: hidden
}
.openMenu .sub-menu {
display: block;
margin-top: -5.5rem
}
}
@media screen and (max-width: 1023px) {
.entry-content h2:not(:first-child) {
margin-top: 4rem
}
}
main .talk {
pointer-events: none;
text-align: center;
margin-top: auto;
margin-bottom: auto;
display: flex;
align-content: center;
align-items: center;
}
main .talk img {
margin: auto;
}
main .bottom-8 {
bottom: 24px;
}
main .right-8 {
right: 24px;
}
main .w-20 {
width: 60px;
}
main .h-20 {
height: 60px;
}
.min-w-800px {
min-width: 800px;
}
.pageC .left-side {
// right: calc(50vw + 8rem);
}
.pageC .right-side {
}
.footCont {
left: 5vw;
right: calc(50vw + 8rem);
}
@media screen and (max-width: 1279px) {
.footCont {
right: calc(50vw + 4rem)
}
}
@media screen and (max-width: 639px) {
header {
// background: linear-gradient(to bottom, rgba(240, 230, 219, 1), rgba(240, 230, 219, 1), rgba(240, 230, 219, 0));
background: var(--green);
height: 80px;
left: 0;
right: 0;
display: block;
top: 0;
z-index: 20;
}
}
.close {
width: 3rem;
height: 3rem;
opacity: 1;
top: 0;
right: 0;
bottom: 0;
margin: auto;
margin-bottom: 1rem;
}
.close:hover {
opacity: 1;
}
@media screen and (max-width: 639px) {
.xs\:fullWidth {
margin-left: calc(-100vw / 2 + 100% / 2) !important;
margin-right: calc(-100vw / 2 + 100% / 2) !important;
max-width: 100vw !important;
width: auto !important
}
}
.close:before, .close:after {
position: absolute;
left: 1.5rem;
content: ' ';
height: 3rem;
width: 2px;
background-color: var(--pink);
}
.close:before {
transform: rotate(45deg);
}
.close:after {
transform: rotate(-45deg);
}
div.wpcf7-mail-sent-ok {
background: transparent;
color: rgba(133, 200, 127, var(--tw-text-opacity));
margin-left: 0 !important;
display: inline-block !important;
border-color: transparent !important;
margin-bottom: 5rem !important;
padding: 0 !important;
}
.grecaptcha-badge {
visibility: hidden !important;
}
.home .mobLogo {
transition: all .7s;
opacity: 0;
visibility: hidden !important;
}
.home.klogo .mobLogo {
visibility: visible !important;
opacity: 1;
}
@media screen and (max-width: 768px) {
.answer p {
}
}
button,
textarea,
input,
select,
a {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-webkit-tap-highlight-color: transparent;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
} #mc_embed_signup {
}
@media screen and (max-width: 1024px) {
.bookPopup iframe {
width: 100vw;
max-width: 100vw
}
}
@media screen and (max-width: 639px) {
.bookPopup .inner {
height: 220vw
}
.bookPopup .close {
left: calc(100vw - 4rem);
top: 0.5rem
}
}
.fileBtn {
text-decoration: underline;
cursor: pointer;
}
.fileBtn:hover, .fileBtn:active, .fileBtn:focus {
color: var(--pink);
}
.Fail {
display: none;
}
.fileBtn {
display: flex;
}
.fileBtn:before {
content: '';
background-image: url(//kind.ee/wp-content/themes/kind/image/attach.svg);
width: 1.5rem;
height: 3rem;
display: block;
background-repeat: no-repeat;
margin-right: 1rem;
}
.fileBtn .fileName {
margin-left: 1rem;
word-break: break-all;
}
.fileBtn .ajax-loader {
position: absolute;
}
@media screen and (min-width: 640px) {
.fileBtn .entry-section .jjj {
padding-top: 25rem
}
}
.fileBtn .inner.mb-16 {
margin-top: .8rem;
}
.fileBtn .wpcf7 .gap-8 {
gap: 4rem;
}
.text-6_5 {
font-size: 1.4rem !important;
}
@media screen and (max-width: 1024px) {
.text-6_5 {
font-size: 1.2rem !important
}
}
@media screen and (max-width: 639px) {
.text-6_5 {
font-size: 1.3rem !important
}
}
.owl-carousel.owl-drag .owl-item {
overflow: hidden !important;
}
@media screen and (max-width: 639px) {
.home .sliderCont, .home .footCont, .home .logo:not(.mobLogo) {
padding-left: 4rem;
padding-right: 4rem
}
.home .sliderCont {
max-width: calc(100vw - 4rem)
}
.lll {
margin-left: calc(-100vw / 2 + 100% / 2) !important;
margin-right: calc(-100vw / 2 + 100% / 2) !important;
max-width: 100vw !important;
width: auto !important
}
}
@media screen and (min-width: 640px) {
.uuu {
left: calc(100% + 4rem) !important
}
}
@media screen and (min-width: 1024px) {
.uuu {
left: calc(100% + 8rem) !important
}
}
.max-w-custom {
max-width: 50rem;
}
.ajax-loader {
position: absolute !important;
} .ourimg {
background-size: cover!important;
}
@media screen and (max-width: 640px) {
.ourimg {
height: 80vh
}
}
#mc_embed_signup input.mce_inline_error {
border-color: var(--pink) !important;
outline: none !important;
}
#mce-responses {
max-width: 500px;
margin: auto;
margin-top: 1rem;
}
#mce-responses a {
color: var(--pink);
}
#mce-success-response {
background-color: transparent !important;
text-align: center !important;
padding: 0 !important;
font-weight: normal !important;
color: var(--green) !important;
margin-top: 1rem !important;
}
#mc_embed_signup div.mce_inline_error {
background-color: transparent !important;
text-align: left !important;
padding: 0 !important;
font-weight: normal !important;
color: var(--pink) !important;
margin-top: 1rem !important;
}
.max-w-800px {
max-width: 800px;
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
-webkit-transition: background-color 5000s ease-in-out 0s;
transition: background-color 5000s ease-in-out 0s;
}
.simple-slider {
position: relative;
width: 100%;
}
.simple-slider_item {
position: absolute;
z-index: 1;
top: 0;
left: 0;
transition: opacity 2s;
}
.is-hidden {
opacity: 0;
z-index: -1;
}
.glightbox-open {
overflow: hidden;
}
.gprev, .gnext {
display: none !important;
}
.whole-cont .title {
}
.vel-loading .ring {
outline: none !important;
}
@media (max-width: 750px) {
.vel-btns-wrapper .btn__prev {
left: 10vw !important;
}
.vel-btns-wrapper .btn__next {
right: 10vw !important;
}
}
.nextAngle svg, .prevAngle svg {
width: 3rem !important;
height: 3rem !important;
}
body:not(.page-template-page-landing2022) wpcf7-submit
@media screen and (max-width: 500px) .vel-btns-wrapper .btn__close {
top: -10vw !important;
}
.vel-ĺoading .ring {
outline: none;
}
* {
outline: none !important;
}
@media screen and (max-width: 1024px) {
.left-side .projectView h1:after {
background-color: var(--yellow);
width: 3rem !important;
}
}
.description-cont:not(.limit-2-line):after {
display: none !important;
}
.justhide + .rMore {
margin-top: 0 !important;
}
.rLess {
width: auto !important;
margin-top: 3rem !important;
margin-bottom: 3rem !important;
min-width: 150px !important;
z-index: 5;
position: relative;
}
#app .btn__next {
background-image: url(//kind.ee/wp-content/themes/kind/assets/img/arrowright1.svg);
background-size: contain;
background-repeat: no-repeat;
transform: scale(1) !important;
}
#app .btn__next svg {
fill:transparent;
}
#app .btn__prev {
background-image: url(//kind.ee/wp-content/themes/kind/assets/img/arrowleft1.svg);
background-size: contain;
background-repeat: no-repeat;
transform: scale(1) !important;
}
#app .btn__prev svg {
fill:transparent;
}
.page-template-page-projects .mailchimp {
display: none !important;
}
.project-cont .whole-cont {
overflow: hidden;
}
.after\:ml-1::after {
content: "";
margin-left: 0.25rem;
}
.after\:-mb-1::after {
content: "";
margin-bottom: -0.25rem;
}
.after\:inline-block::after {
content: "";
display: inline-block;
}
.after\:h-1::after {
content: "";
height: 0.25rem;
}
.after\:w-4::after {
content: "";
width: 1rem;
}
.after\:bg-green::after {
content: "";
--tw-bg-opacity: 1;
background-color: rgba(29, 38, 25, var(--tw-bg-opacity));
}
.first\:pt-0:first-child {
padding-top: 0px;
}
.first\:shadow-md:first-child {
--tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.last\:shadow-md:last-child {
--tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.odd\:shadow-md:nth-child(odd) {
--tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.even\:shadow-md:nth-child(even) {
--tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.visited\:shadow-md:visited {
--tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.checked\:shadow-md:checked {
--tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.focus-within\:shadow-md:focus-within {
--tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.hover\:scale-125:hover {
--tw-scale-x: 1.25;
--tw-scale-y: 1.25;
transform: var(--tw-transform);
}
.hover\:scale-75:hover {
--tw-scale-x: .75;
--tw-scale-y: .75;
transform: var(--tw-transform);
}
.hover\:bg-pink:hover {
--tw-bg-opacity: 1;
background-color: rgba(222, 103, 97, var(--tw-bg-opacity));
}
.hover\:\!bg-pink:hover {
--tw-bg-opacity: 1 !important;
background-color: rgba(222, 103, 97, var(--tw-bg-opacity)) !important;
}
.hover\:\!text-center:hover {
text-align: center !important;
}
.hover\:font-bold:hover {
font-weight: 700;
}
.hover\:text-pink:hover {
--tw-text-opacity: 1;
color: rgba(222, 103, 97, var(--tw-text-opacity));
}
.hover\:text-white:hover {
--tw-text-opacity: 1;
color: rgba(255, 255, 255, var(--tw-text-opacity));
}
.hover\:text-green-300:hover {
--tw-text-opacity: 1;
color: rgba(133, 200, 127, var(--tw-text-opacity));
}
.hover\:\!text-white:hover {
--tw-text-opacity: 1 !important;
color: rgba(255, 255, 255, var(--tw-text-opacity)) !important;
}
.hover\:opacity-0:hover {
opacity: 0;
}
.hover\:shadow-lg:hover {
--tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.hover\:shadow-md:hover {
--tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.focus\:font-normal:focus {
font-weight: 400;
}
.focus\:shadow-md:focus {
--tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.focus\:ring-2: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(2px + 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);
}
.focus\:ring-blue-500:focus {
--tw-ring-opacity: 1;
--tw-ring-color: rgba(59, 130, 246, var(--tw-ring-opacity));
}
.focus\:hover\:font-light:focus:hover {
font-weight: 300;
}
.focus\:hover\:shadow-md:focus:hover {
--tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.focus-visible\:shadow-md:focus-visible {
--tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.active\:shadow-md:active {
--tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.disabled\:font-bold:disabled {
font-weight: 700;
}
.disabled\:shadow-md:disabled {
--tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.group:first-child .group-first\:shadow-md {
--tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.group:last-child .group-last\:shadow-md {
--tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.group:nth-child(odd) .group-odd\:shadow-md {
--tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.group:nth-child(even) .group-even\:shadow-md {
--tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.group:visited .group-visited\:shadow-md {
--tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.group:checked .group-checked\:shadow-md {
--tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.group:focus-within .group-focus-within\:shadow-md {
--tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.group:hover .group-hover\:z-301 {
z-index: 301;
}
.group:hover .group-hover\:block {
display: block;
}
.group:hover .group-hover\:text-pink {
--tw-text-opacity: 1;
color: rgba(222, 103, 97, var(--tw-text-opacity));
}
.group:hover .group-hover\:opacity-50 {
opacity: 0.5;
}
.group:hover .group-hover\:opacity-100 {
opacity: 1;
}
.group:hover .group-hover\:opacity-0 {
opacity: 0;
}
.group:hover .group-hover\:shadow-md {
--tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.group:hover .group-hover\:focus-within\:text-left:focus-within {
text-align: left;
}
.group:focus .group-focus\:shadow-md {
--tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.group:focus-visible .group-focus-visible\:shadow-md {
--tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.group:active .group-active\:opacity-10 {
opacity: 0.1;
}
.group:active .group-active\:shadow-md {
--tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.group:disabled .group-disabled\:shadow-md {
--tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.selected.selected\:text-pink {
--tw-text-opacity: 1;
color: rgba(222, 103, 97, var(--tw-text-opacity));
}
.selected.selected\:text-green {
--tw-text-opacity: 1;
color: rgba(133, 200, 127, var(--tw-text-opacity));
}
[dir="ltr"] .ltr\:shadow-md {
--tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
[dir="rtl"] .rtl\:shadow-md {
--tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
[dir="rtl"] .rtl\:active\:text-center:active {
text-align: center;
}
@media (prefers-reduced-motion: no-preference) {
.motion-safe\:shadow-md {
--tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.motion-safe\:transition {
transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
}
.motion-safe\:hover\:text-center:hover {
text-align: center;
}
}
@media (prefers-reduced-motion: reduce) {
.motion-reduce\:shadow-md {
--tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.motion-reduce\:transition {
transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
}
}
@media (min-width: 640px) {
.sm\:fixed {
position: fixed;
}
.sm\:absolute {
position: absolute;
}
.sm\:relative {
position: relative;
}
.sm\:left-45vw {
left: 45vw;
}
.sm\:top-90px {
top: 90px;
}
.sm\:left-50vw {
left: 50vw;
}
.sm\:left-\[50vw\] {
left: 50vw;
}
.sm\:left-40vw {
left: 40vw;
}
.sm\:mb-0 {
margin-bottom: 0px;
}
.sm\:mt-0 {
margin-top: 0px;
}
.sm\:mt-1 {
margin-top: 0.25rem;
}
.sm\:block {
display: block;
}
.sm\:hidden {
display: none;
}
.sm\:h-\[100vh\] {
height: 100vh;
}
.sm\:w-40vw {
width: 40vw;
}
.sm\:w-\[50vw\] {
width: 50vw;
}
.sm\:w-50vw {
width: 50vw;
}
.sm\:w-auto {
width: auto;
}
.sm\:max-w-220px {
max-width: 220px;
}
.sm\:grid-cols-2 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.sm\:gap-32 {
gap: 8rem;
}
.sm\:overflow-auto {
overflow: auto;
}
.sm\:pt-80 {
padding-top: 20rem;
}
.sm\:pt-64 {
padding-top: 16rem;
}
.sm\:text-center {
text-align: center;
}
.sm\:text-12 {
font-size: 3rem;
}
.sm\:font-bold {
font-weight: 700;
}
.sm\:ordinal, .sm\:slashed-zero, .sm\:lining-nums, .sm\:oldstyle-nums, .sm\:proportional-nums, .sm\:tabular-nums, .sm\:diagonal-fractions, .sm\:stacked-fractions {
--tw-ordinal: var(--tw-empty,  );
--tw-slashed-zero: var(--tw-empty,  );
--tw-numeric-figure: var(--tw-empty,  );
--tw-numeric-spacing: var(--tw-empty,  );
--tw-numeric-fraction: var(--tw-empty,  );
font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
}
.sm\:tabular-nums {
--tw-numeric-spacing: tabular-nums;
}
.sm\:text-yellow {
--tw-text-opacity: 1;
color: rgba(252, 245, 160, var(--tw-text-opacity));
}
.sm\:text-green {
--tw-text-opacity: 1;
color: rgba(29, 38, 25, var(--tw-text-opacity));
}
.sm\:text-green-300 {
--tw-text-opacity: 1;
color: rgba(133, 200, 127, var(--tw-text-opacity));
}
.sm\:shadow-md {
--tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.sm\:after\:bg-green-300::after {
content: "";
--tw-bg-opacity: 1;
background-color: rgba(133, 200, 127, var(--tw-bg-opacity));
}
.sm\:active\:shadow-md:active {
--tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
@media (prefers-reduced-motion: no-preference) {
.group:active .sm\:motion-safe\:group-active\:focus\:opacity-10:focus {
opacity: 0.1;
}
}
}
@media (min-width: 768px) {
.md\:fixed {
position: fixed;
}
.md\:float-right {
float: right;
}
.md\:mb-auto {
margin-bottom: auto;
}
.md\:ml-0 {
margin-left: 0px;
}
.md\:hidden {
display: none;
}
.md\:min-h-250px {
min-height: 250px;
}
.md\:w-40vw {
width: 40vw;
}
.md\:w-50px {
width: 50px;
}
.md\:w-160px {
width: 160px;
}
.md\:min-w-280px {
min-width: 280px;
}
.md\:min-w-220px {
min-width: 220px;
}
.md\:max-w-200px {
max-width: 200px;
}
.md\:grid-cols-5 {
grid-template-columns: repeat(5, minmax(0, 1fr));
}
.md\:grid-cols-4 {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
.md\:grid-cols-2 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.md\:text-left {
text-align: left;
}
.md\:text-center {
text-align: center;
}
.md\:font-bold {
font-weight: 700;
}
.md\:opacity-50 {
opacity: 0.5;
}
.md\:shadow-sm {
--tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.md\:shadow-md {
--tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.md\:hover\:text-center:hover {
text-align: center;
}
.md\:hover\:text-right:hover {
text-align: right;
}
.md\:hover\:opacity-20:hover {
opacity: 0.2;
}
.group:focus .md\:group-focus\:shadow-md {
--tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
@media (prefers-reduced-motion: no-preference) {
.md\:motion-safe\:hover\:transition:hover {
transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
}
}
@media (min-width: 640px) {
.md\:sm\:text-center {
text-align: center;
}
}
}
@media (min-width: 1024px) {
.lg\:left-50vw {
left: 50vw;
}
.lg\:mt-0 {
margin-top: 0px;
}
.lg\:mb-12 {
margin-bottom: 3rem;
}
.lg\:ml-0 {
margin-left: 0px;
}
.lg\:mr-0 {
margin-right: 0px;
}
.lg\:ml-auto {
margin-left: auto;
}
.lg\:\!block {
display: block !important;
}
.lg\:block {
display: block;
}
.lg\:\!hidden {
display: none !important;
}
.lg\:hidden {
display: none;
}
.lg\:w-50px {
width: 50px;
}
.lg\:w-200px {
width: 200px;
}
.lg\:grid-cols-4 {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
.lg\:grid-cols-2 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.lg\:grid-cols-\[200px\2c repeat\(auto-fill\2c minmax\(15\%\2c 100px\)\)\2c 300px\] {
grid-template-columns: 200px repeat(auto-fill, minmax(15%, 100px)) 300px;
}
.lg\:flex-nowrap {
flex-wrap: nowrap;
}
.lg\:justify-center {
justify-content: center;
}
.lg\:gap-64 {
gap: 16rem;
}
.lg\:gap-16 {
gap: 4rem;
}
.lg\:gap-0 {
gap: 0px;
}
.lg\:gap-12 {
gap: 3rem;
}
.lg\:pr-16 {
padding-right: 4rem;
}
.lg\:pl-0 {
padding-left: 0px;
}
.lg\:pr-0 {
padding-right: 0px;
}
.lg\:pt-0 {
padding-top: 0px;
}
.lg\:text-center {
text-align: center;
}
.lg\:text-20 {
font-size: 5rem;
}
.lg\:text-16 {
font-size: 4rem;
}
.lg\:text-14 {
font-size: 3.5rem;
}
.lg\:text-4 {
font-size: 1rem;
}
.lg\:\!text-20 {
font-size: 5rem !important;
}
.lg\:text-6 {
font-size: 1.5rem;
}
.lg\:font-bold {
font-weight: 700;
}
.lg\:\!opacity-50 {
opacity: 0.5 !important;
}
.lg\:shadow-md {
--tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
}
@media (min-width: 1280px) {
.xl\:left-24 {
left: 6rem;
}
.xl\:left-12 {
left: 3rem;
}
.xl\:mt-0 {
margin-top: 0px;
}
.xl\:hidden {
display: none;
}
.xl\:text-24 {
font-size: 6rem;
}
.xl\:text-20 {
font-size: 5rem;
}
.xl\:text-16 {
font-size: 4rem;
}
.xl\:text-12 {
font-size: 3rem;
}
.xl\:text-4 {
font-size: 1rem;
}
.xl\:\!text-24 {
font-size: 6rem !important;
}
.xl\:text-7 {
font-size: 1.75rem;
}
.xl\:shadow-md {
--tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.xl\:focus\:disabled\:\!float-right:focus:disabled {
float: right !important;
}
}
@media (min-width: 1536px) {
.\32xl\:pr-16 {
padding-right: 4rem;
}
.\32xl\:text-30 {
font-size: 7.5rem;
}
.\32xl\:text-20 {
font-size: 5rem;
}
.\32xl\:text-16 {
font-size: 4rem;
}
.\32xl\:\!text-30 {
font-size: 7.5rem !important;
}
.\32xl\:shadow-md {
--tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
}
.kindLightGreen {
filter: invert(71%) sepia(23%) saturate(613%) hue-rotate(68deg) brightness(97%) contrast(96%);
}
.wpcf7 form {
max-width: 95%;
}
.cat-links {
background:linear-gradient(180deg,rgba(240,230,219,0) 0%,rgba(240,230,219,0.3) 20%, rgba(240,230,219,1) 100%)!important;
}
.allPosts-container {
position:relative;
}
.allPosts {
position: absolute;
display: flex;
left: auto;
right: -55px;
bottom: 1rem;
font-size: 2rem;
z-index: 100;
margin-right: 2vw;
}
.allPosts-arrow-left {
margin-right:1rem;
}
.allPosts-arrow-right {
margin-left:1rem;
}
.landingPrice {
font-family: 'Autor';
font-size:24px;
font-weight: normal;
}
.landingIcon {
max-width:100px;
max-height:100px;
}
@media screen and (max-width: 768px) {
.landingIcon {
max-width: 70px;
max-height:70px;
}
}
@media screen and (max-width: 545px) {
.landingIcon {
max-width: 50px;
max-height:50px;
}
}
@media screen and (max-width: 639px) {
#headerShopUrl {
color: var(--yellow);
}
#headerContactUrl {
color: var(--yellow);
padding-left:14px;
}
}
#headerShopUrl {
color: var(--green);
}
#headerContactUrl {
color: var(--green);
padding-left:14px;
}
@media screen and (max-width: 639px) {
.socialMediaIcon {
filter: invert(79%) sepia(41%) saturate(412%) hue-rotate(64deg) brightness(89%) contrast(80%);
}
}
@media screen and (max-width: 639px) {
.greenAreaHeight {
padding-bottom:20px;
}
}
@media screen and (max-width: 639px) {
.singleProductTexts {
font-weight:normal;
}
}
.codedropz-upload-handler {
border:1px solid var(--green) !important;
border-radius:0px !important;
}
.wp-block-button__link {
height:auto!important;
width:auto!important;
}
#mc_embed_signup_scroll ul {
}
#mc_embed_signup_scroll ul li {
display: flex;
align-items: center;
}
#mc_embed_signup_scroll ul li img {
width: 50px;
margin-right: 10px;
}
.mc-field-group {
margin-top: 15px;
}
.cookie {
margin-top: 7px;
font-weight: bold;
}
#mc_embed_signup h2 {
font-size: 2.5rem;
margin-bottom: 20px;
}
.certificate-block {
margin-top:15px;
margin-bottom:15px;
}