/*!
Theme Name: herpacktheme
Author URI: https://mess.gr
Author: stella_geo
Author URI: https://mess.gr
Description: Theme for Herpack
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: messtheme
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

Licensed under the GPL, based on Underscores https://underscores.me/
*/
/* @include css-gradient(#dfdfdf,#f8f8f8); */
/* @include box-sizing(border-box); */
/* NOTE: value of "padding-box" is only supported in Gecko. So
probably best not to use it. I mean, were you going to anyway? */
/*@include flexbox(); */
/*!
Theme Name: herpacktheme
Author URI: https://mess.gr
Author: stella_geo
Author URI: https://mess.gr
Description: Theme for Herpack
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: messtheme
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

Licensed under the GPL, based on Underscores https://underscores.me/
*/
:root {
  --dark-green: #004750;
  --light-green: #7fa187;
  --light-green: #627d68;
  --light-green: #577d6b;
  --brown: #a28671;
  --brown: #7a5f4c;
  --tag1-color: #8f1c24;
  --tag2-color: #6fa088;
  --tag3-color: #7f3f80;
  --tag1-color: #004750;
  --tag2-color: #7a5f4c;
  --tag3-color: #577d6b;
  counter-reset: nums;
  --base-txt: 18px;
  --size-h1: calc(30px + 9 * ((100vw - 320px) / 1600));
  --size-h2: calc(28px + 5 * ((100vw - 320px) / 1600));
  --size-h2s: calc(22px + 6 * ((100vw - 320px) / 1600));
  --big-nums1: calc(150px + 215 * ((100vw - 320px) / 1600));
  --space1: calc(5px + 91 * ((100vw - 320px) / 1600));
  --space2: calc(10px + 142 * ((100vw - 320px) / 1600));
  --space2a: calc(15px + 102 * ((100vw - 320px) / 1600));
  --space3: calc(5px + 91 * ((100vw - 320px) / 1600));
  --vspace-top: calc(45px + 72 * ((100vw - 320px) / 1600));
  --vspace-btm: calc(15px + 42 * ((100vw - 320px) / 1600));
  --round1: min(15vw, 180px);
}

:root {
  --candy-pink: #eb6f7aff;
  --macaroni-and-cheese: #ffb485ff;
  --bisque: #ffe2c2ff;
  --deep-champagne: #ffd29dff;
  --gold-fusion: #918450ff;
  --bone: #cdc5b4ff;
  --lilac-luster: #b59da4ff;
  --rocket-metallic: #85756e66;
  --fawn: #e39f64ff;
  --cedar-chest: #d45749ff;
  --avocado: #508a05ff;
  --mantis: #6cc551ff;
  --magic-mint: #9ffcdfff;
  --keppel: #52ad9cff;
  --feldgrau: #47624fff;
  --dutch-white: #e2d4b7ff;
  --grullo: #9c9583ff;
  --quick-silver: #a1a499ff;
  --silver-sand: #b0bbbfff;
  --ash-gray: #cadbc8ff;
}

.bc-round, .home .double .half1 {
  clip-path: inset(0 0 0 0 round 0 var(--round1) 0 var(--round1));
}

.ad-round, .home .double .half2 {
  clip-path: inset(0 0 0 0 round var(--round1) 0 var(--round1) 0);
}

/*!
Theme Name: herpacktheme
Author URI: https://mess.gr
Author: stella_geo
Author URI: https://mess.gr
Description: Theme for Herpack
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: messtheme
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

Licensed under the GPL, based on Underscores https://underscores.me/
*/
/*!
Theme Name: herpacktheme
Author URI: https://mess.gr
Author: stella_geo
Author URI: https://mess.gr
Description: Theme for Herpack
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: messtheme
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

Licensed under the GPL, based on Underscores https://underscores.me/
*/
body,
button,
input,
select,
optgroup,
textarea {
  color: #232323;
  font-family: "Manrope", sans-serif;
  line-height: 1.2;
}

p {
  margin-bottom: 1.5em;
}

em,
i {
  font-style: italic;
}

/* Elements
--------------------------------------------- */
hr {
  border: 0;
  height: 0.75px;
  margin-bottom: 1em;
}

ul,
ol {
  margin: 0;
}

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

ol {
  list-style: decimal;
}

dt {
  font-weight: 700;
}

dd {
  margin: 0 1.5em 1.5em;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
  max-width: 100%;
}

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

figure {
  margin: 1em 0;
}

table {
  margin: 0 0 1.5em;
  width: 100%;
}

a {
  color: #28444e;
  text-decoration: none;
}
a:visited {
  color: #28444e;
}
a:hover, a:focus, a:active {
  color: rgb(14.0677966102, 23.9152542373, 27.4322033898);
}
a:focus {
  outline: thin dotted;
}
a:hover, a:active {
  outline: 0;
}

a:visited,
a:hover,
a:active,
a:focus {
  color: inherit;
}

button,
.wp-block-button,
.button,
input[type=button],
input[type=reset],
input[type=submit] {
  line-height: 1;
  transition: all 0.25s ease-in-out;
  display: inline-block;
  cursor: pointer;
  border-radius: 15px;
  padding: 1.15em 1.5em 1.25em;
  border: 1px solid;
}
button.cta,
.wp-block-button.cta,
.button.cta,
input[type=button].cta,
input[type=reset].cta,
input[type=submit].cta {
  min-width: 15vw;
}
button,
.wp-block-button,
.button,
input[type=button],
input[type=reset],
input[type=submit] {
  border-color: var(--base-btn-color);
  background: var(--base-btn-color);
  color: var(--sec-btn-color);
}
button a,
.wp-block-button a,
.button a,
input[type=button] a,
input[type=reset] a,
input[type=submit] a {
  color: var(--sec-btn-color);
}
button:hover, button:active, button:focus, button:focus-within,
.wp-block-button:hover,
.wp-block-button:active,
.wp-block-button:focus,
.wp-block-button:focus-within,
.button:hover,
.button:active,
.button:focus,
.button:focus-within,
input[type=button]:hover,
input[type=button]:active,
input[type=button]:focus,
input[type=button]:focus-within,
input[type=reset]:hover,
input[type=reset]:active,
input[type=reset]:focus,
input[type=reset]:focus-within,
input[type=submit]:hover,
input[type=submit]:active,
input[type=submit]:focus,
input[type=submit]:focus-within {
  color: var(--sec-btn-color);
}
button:hover a, button:active a, button:focus a, button:focus-within a,
.wp-block-button:hover a,
.wp-block-button:active a,
.wp-block-button:focus a,
.wp-block-button:focus-within a,
.button:hover a,
.button:active a,
.button:focus a,
.button:focus-within a,
input[type=button]:hover a,
input[type=button]:active a,
input[type=button]:focus a,
input[type=button]:focus-within a,
input[type=reset]:hover a,
input[type=reset]:active a,
input[type=reset]:focus a,
input[type=reset]:focus-within a,
input[type=submit]:hover a,
input[type=submit]:active a,
input[type=submit]:focus a,
input[type=submit]:focus-within a {
  color: var(--sec-btn-color);
}
button:hover, button:active, button:focus, button:focus-within,
.wp-block-button:hover,
.wp-block-button:active,
.wp-block-button:focus,
.wp-block-button:focus-within,
.button:hover,
.button:active,
.button:focus,
.button:focus-within,
input[type=button]:hover,
input[type=button]:active,
input[type=button]:focus,
input[type=button]:focus-within,
input[type=reset]:hover,
input[type=reset]:active,
input[type=reset]:focus,
input[type=reset]:focus-within,
input[type=submit]:hover,
input[type=submit]:active,
input[type=submit]:focus,
input[type=submit]:focus-within {
  background: var(--accent-btn-color);
  border-color: var(--accent-btn-color);
}

button,
.wp-block-button,
.button,
input[type=button],
input[type=reset],
input[type=submit] {
  --base-btn-color: var(--dark-green);
  --accent-btn-color: var(--brown);
  --sec-btn-color: #fff;
}

.btn1 {
  --base-btn-color: var(--dark-green);
  --accent-btn-color: var(--brown);
  --sec-btn-color: #fff;
}

.btn2 {
  --base-btn-color: var(--light-green);
  --accent-btn-color: var(--dark-green);
  --sec-btn-color: #fff;
}

.btn3 {
  --base-btn-color: var(--brown);
  --accent-btn-color: var(--light-green);
  --sec-btn-color: #fff;
}

input[type=text],
input[type=email],
input[type=url],
input[type=password],
input[type=search],
input[type=number],
input[type=tel],
input[type=range],
input[type=date],
input[type=month],
input[type=week],
input[type=time],
input[type=datetime],
input[type=datetime-local],
input[type=color],
textarea {
  color: #232323;
  border: 1px solid var(--light-green);
  border-radius: 5px;
  padding: 7px 12px;
}
input[type=text]:focus,
input[type=email]:focus,
input[type=url]:focus,
input[type=password]:focus,
input[type=search]:focus,
input[type=number]:focus,
input[type=tel]:focus,
input[type=range]:focus,
input[type=date]:focus,
input[type=month]:focus,
input[type=week]:focus,
input[type=time]:focus,
input[type=datetime]:focus,
input[type=datetime-local]:focus,
input[type=color]:focus,
textarea:focus {
  color: #232323;
  border: 1px solid var(--dark-green);
}

select {
  border: 1px solid var(--dark-green);
}

textarea {
  width: 100%;
}

::-webkit-input-placeholder {
  color: #777777;
}

::-moz-placeholder {
  color: #777777;
}

:-ms-input-placeholder {
  color: #777777;
}

:-moz-placeholder {
  color: #777777;
}

.newsletter-section {
  background: #fff;
  padding: 3vw 0;
}
.newsletter-section .txt-part {
  max-width: 32ch;
}

.newsletter-section #mc_embed_signup {
  max-width: 35ch;
}
.newsletter-section #mc_embed_signup input.email {
  height: 2.5rem;
  display: block;
  width: 100%;
  margin-bottom: 0;
  border-radius: 0;
  padding: 0.5em 0.75em;
  border-radius: 0;
  border: none;
  border-bottom: 1px solid #767676;
  padding: 1.45em 0.7em;
  background: transparent;
}
.newsletter-section #mc_embed_signup input.email:focus-visible {
  outline: none;
  border: 1px solid var(--dark-green);
}
.newsletter-section #mc_embed_signup .button {
  height: 3.5rem;
  width: 20ch;
  margin-bottom: 1.25rem;
  margin-top: 1.75rem;
  padding: 0;
  outline: none;
}

.newsletter-section #mc_embed_signup div.mce_inline_error {
  margin: 0 0 0.5em;
  padding: 5px 10px;
  background-color: transparent;
  font-weight: bold;
  z-index: 1;
  color: #c12d49;
  width: 50ch;
  text-align: right;
  max-width: 75%;
  display: block;
  font-weight: 400;
  text-align: left;
  font-size: 15px;
}

.newsletter-section #mc_embed_signup #mc-embedded-subscribe-form input.mce_inline_error {
  border: 2px solid #c12d49;
}

#mc_embed_signup #mc-embedded-subscribe-form input::-moz-placeholder {
  color: #343434;
  color: #000;
}

#mc_embed_signup #mc-embedded-subscribe-form input::placeholder {
  color: #343434;
  color: #000;
}

.newsletter-section #mce-success-response {
  margin-bottom: 0.75em;
  color: #386838;
}

.newsletter-section #mce-error-response {
  margin-bottom: 0.75em;
  color: #d04828;
}

.social-btn svg {
  border-radius: 5px;
  fill: #28444e;
}
.social-btn svg.fb-svg:hover {
  fill: #3b5998;
}
.social-btn svg.insta-svg:hover {
  fill: #fff;
  background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285aeb 90%);
}

.social-btn img {
  width: 45px;
  filter: grayscale(100%);
}

.social-btn:hover img {
  filter: grayscale(1%);
}

.search-svg {
  fill: #28444e;
}
.search-svg:hover {
  fill: rgb(14.0677966102, 23.9152542373, 27.4322033898);
}

.wpcf7 p {
  margin-bottom: 0;
}
.wpcf7 {
  width: 85vw;
  margin: auto;
  max-width: 480px;
  padding: 0.75em;
}
.wpcf7 label {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-top: 0.75em;
}
.wpcf7 input {
  display: inline-block;
  border: none;
  outline: none;
  width: 100%;
  background: transparent;
  border-radius: 0;
  border-bottom: 1px solid #767676;
}
.wpcf7 input[type=checkbox] {
  width: 10px;
}
.wpcf7 input.wpcf7-submit {
  background: var(--light-green);
  width: 20ch;
  border-radius: 15px;
  margin-top: 1.5em;
  padding: 1.15em 1.5em 1.25em;
}
.wpcf7 textarea {
  border-radius: 0;
  height: 100px;
  margin-top: 0.5em;
  background: transparent;
}
.wpcf7 span.wpcf7-list-item {
  margin: 0;
}
.wpcf7 span.wpcf7-list-item label {
  width: auto;
}
.wpcf7 #submit-button {
  width: 20ch;
  border-radius: 0;
  background: #997059;
  color: #fff;
  padding: 12px;
  display: block;
  /* margin-left: auto; */
}

.wpcf7-form-control-wrap {
  margin-left: auto;
  width: calc(100% - 10ch);
  margin-right: 0;
}

.wpcf7-form-control-wrap.your-message,
.wpcf7-form-control-wrap.x3,
.wpcf7-form-control-wrap.files,
.rowtitle {
  flex: 0 0 100%;
}

.wpcf7-form-control-wrap.files input {
  border: none;
  margin-top: 0.5em;
}

.wpcf7-form-control.wpcf7-quiz {
  margin-left: auto;
  width: calc(100% - 10ch);
  margin-right: 0;
  width: 5ch;
  margin-left: 0;
}

#adeadpixelcopyright a {
  padding: 0.15em;
}
#adeadpixelcopyright a:focus {
  background: yellow;
}
#adeadpixelcopyright.dark {
  background: #000;
  color: #999;
}
#adeadpixelcopyright.dark a,
#adeadpixelcopyright.dark a:hover,
#adeadpixelcopyright.dark a:visited {
  color: #999;
}
#adeadpixelcopyright.light {
  color: #000;
}
#adeadpixelcopyright.light a,
#adeadpixelcopyright.light a:hover,
#adeadpixelcopyright.light a:visited {
  color: #646464;
}
#adeadpixelcopyright {
  padding: 0.5em;
  font-size: 0.85em;
  border-top: 1px solid #797979;
}
#adeadpixelcopyright .wrap {
  text-align: center;
}
#adeadpixelcopyright .created {
  font-size: 11px;
}
@media screen and (min-width: 48em) {
  #adeadpixelcopyright br {
    display: none;
  }
  #adeadpixelcopyright .copyright {
    margin-right: 1.5em;
  }
}

/** GDPR  **/
#cp-overlay {
  position: fixed;
  bottom: 10px;
  left: 10px;
  border: 1px solid #343434;
  height: auto;
  color: #343434;
  line-height: 1.4;
  font-weight: 300;
  padding: 1.25rem;
  z-index: 1000;
  background-color: #fff;
  width: 32ex;
  text-align: left;
}

#cp-overlay #cp-inner {
  margin: auto;
  opacity: 1;
  text-align: left;
}

#cp-overlay #cp-options {
  display: inline-block;
  display: block;
  text-align: center;
  margin-top: 1rem;
}

#cp-overlay #cp-info {
  color: #aaa;
  margin-right: 1rem;
  text-decoration: underline;
  display: inline-block;
}

#cp-overlay #cp-info a {
  color: #343434;
  text-decoration: none;
}

#cp-options .button {
  border-radius: 0;
  border: 1px solid #000;
  display: inline-block;
  margin-left: 0.5rem;
  margin-right: 0.5rem;
  background: transparent;
  color: #343434;
  transition: all 0.4s ease;
}
#cp-options .button:visited {
  color: #fff;
}
#cp-options .button {
  padding: 0.5rem 0.75rem;
  cursor: pointer;
  outline: none;
}
#cp-options .button:hover {
  background: #000;
}

#cp-yes a,
#cp-no a {
  color: #343434;
}
#cp-yes a:hover,
#cp-no a:hover {
  color: #fff;
}

#cp-options #cp-no.button {
  display: none;
}

.privacy-policy #cp-options #cp-no.button {
  display: inline-block;
}

body.multilang .en-content {
  display: none;
}
body.multilang .gr-content {
  display: block;
}
body.multilang.en .en-content {
  display: block;
}
body.multilang.en .gr-content {
  display: none;
}

.lang-switcher {
  list-style: none;
  position: relative;
  z-index: 12;
  display: flex;
  flex-direction: column;
  height: 40px;
  overflow: hidden;
  padding-left: 5px;
}
.lang-switcher:hover,
.lang-switcher .hovered {
  height: 84px;
}
@media (hover: none) {
  .lang-switcher {
    height: 84px;
  }
}
.lang-switcher a {
  width: calc(40px + 0.6vw);
  display: block;
  font-size: 15px;
  text-align: center;
}

.lang-item {
  background: rgb(202.3659574468, 186.5191489362, 174.6340425532);
  padding: 11px 0;
  height: 40px;
  order: 2;
}
.lang-item.current-lang {
  order: 1;
  background: #627d68;
}
.lang-item.current-lang a {
  color: #fff;
}

.menu-toggle {
  cursor: pointer;
  margin: 0;
  padding: 0;
  min-width: 24px;
  height: 32px;
  position: relative;
  transform: rotate(0deg);
  transition: 0.5s ease-in-out;
  cursor: pointer;
  z-index: 50;
  background: transparent;
  border: none;
  margin-left: auto;
  margin-right: 65px;
}
.menu-toggle:hover, .menu-toggle:active, .menu-toggle:focus {
  background: transparent;
  border: none;
}
.menu-toggle span {
  display: block;
  position: absolute;
  height: 0.2em;
  width: 24px;
  background: #28444e;
  border-radius: 0.5em;
  opacity: 1;
  left: 0;
  transform: rotate(0deg);
  transition: 0.25s ease-in-out;
  moz-transform-origin: left center;
  transform-origin: left center;
}
.menu-toggle span:nth-child(1) {
  top: 5px;
}
.menu-toggle span:nth-child(2) {
  top: 15px;
}
.menu-toggle span:nth-child(3) {
  top: 25px;
}
.menu-toggle.open span:nth-child(1) {
  transform: rotate(45deg);
  top: 8px;
  left: 5px;
}
.menu-toggle.open span:nth-child(2) {
  width: 0%;
  opacity: 0;
}
.menu-toggle.open span:nth-child(3) {
  transform: rotate(-45deg);
  left: 5px;
}

.img-icon {
  width: 1.2em;
  height: auto;
  max-width: 100%;
  margin: 0.5em;
}

.search-bar {
  width: 100%;
  padding: 2em;
  background: #fff;
  position: relative;
}
.search-bar #messed-search-input {
  margin: auto;
  display: block;
  text-align: center;
  border: none;
  border-bottom: 1px solid #000;
}
.search-bar #messed-search-input:hover, .search-bar #messed-search-input:focus {
  border: none;
}
.search-bar button.close {
  position: absolute;
  right: 0.75em;
  top: 0.75em;
  padding: 0;
  background: none;
  border: none;
  cursor: pointer;
}

#masthead.h-down {
  position: fixed;
  top: 0;
  padding: 0;
  position: fixed;
  z-index: 90;
  width: 100%;
  top: 0;
  left: 0;
  transform: translateY(0);
  transition: all 200ms linear;
}

#masthead.h-up {
  transform: translateY(-100%);
}

.pagination {
  margin: auto;
  width: 100px;
}

.page-numbers {
  display: flex;
  justify-content: center;
}
.page-numbers li {
  margin: 0 0.25em;
}

/*!
Theme Name: herpacktheme
Author URI: https://mess.gr
Author: stella_geo
Author URI: https://mess.gr
Description: Theme for Herpack
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: messtheme
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

Licensed under the GPL, based on Underscores https://underscores.me/
*/
/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
	 ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
}

/* Sections
	 ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 1em;
  margin: 0;
}

/* Grouping content
	 ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Text-level semantics
	 ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/**
 * 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;
}

/* Embedded content
	 ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}

/* Forms
	 ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *		`fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type=checkbox],
[type=radio] {
  box-sizing: border-box;
  padding: 0;
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-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;
  outline-offset: -2px;
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type=search]::-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;
  font: inherit;
}

/* Interactive
	 ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Misc
	 ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}

/* Inherit box-sizing to more easily change it's value on a component level.
@link http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
*,
*::before,
*::after {
  box-sizing: inherit;
}

html {
  box-sizing: border-box;
}

/*--------------------------------------------------------------
# BASE STYLE
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/
/*!
Theme Name: herpacktheme
Author URI: https://mess.gr
Author: stella_geo
Author URI: https://mess.gr
Description: Theme for Herpack
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: messtheme
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

Licensed under the GPL, based on Underscores https://underscores.me/
*/
/*!
Theme Name: herpacktheme
Author URI: https://mess.gr
Author: stella_geo
Author URI: https://mess.gr
Description: Theme for Herpack
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: messtheme
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

Licensed under the GPL, based on Underscores https://underscores.me/
*/
.alignleft {
  float: left;
  margin-right: 1.5em;
  margin-bottom: 1.5em;
}

.alignright {
  float: right;
  margin-left: 1.5em;
  margin-bottom: 1.5em;
}

.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1.5em;
}

/* Text meant only for screen readers. */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
}
.screen-reader-text:focus {
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  clip-path: none;
  display: block;
  font-size: 0.875rem;
  font-weight: 700;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
}

/* Do not show the outline on the skip link target. */
#primary[tabindex="-1"]:focus {
  outline: 0;
}

/* Slide down Utility */
.toanimate {
  overflow: hidden;
}
.toanimate .slide-down-area {
  transform: translate(0, -100%);
  transition: all 0.5s ease-in-out;
  opacity: 1;
}
.toanimate.open .slide-down-area {
  transform: translate(0, 0);
  opacity: 1;
}

/* Hide elements in small - big screens */
.hidden-in-small {
  display: none !important;
}
@media (min-width: 64em) {
  .hidden-in-small {
    display: unset !important;
  }
}

@media (min-width: 64em) {
  .hidden-in-big {
    display: none !important;
  }
}

.embla,
.embla1,
.embla-element {
  overflow: hidden;
}

.embla__container {
  display: flex;
}

.embla__slide {
  position: relative;
  flex: 0 0 100%;
}
@media (min-width: 460px) {
  .embla__slide {
    flex: 0 0 50%;
  }
}
@media (min-width: 64em) {
  .embla__slide {
    flex: 0 0 25%;
  }
}

.wp-block-button__link {
  color: #fff;
  background-color: transparent;
  border: none;
  border-radius: 0;
  box-shadow: none;
  cursor: pointer;
  display: block;
  margin: auto;
  font-size: unset;
  padding: 0;
  text-align: center;
  text-decoration: none;
  overflow-wrap: break-word;
}

.wp-block-button__link:hover,
.wp-block-button__link:focus,
.wp-block-button__link:active,
.wp-block-button__link:visited {
  color: unset;
}

.wp-block-cover-image,
.wp-block-cover {
  position: relative;
  background-size: cover;
  background-position: center center;
  min-height: 180px;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0;
  box-sizing: border-box;
}

.wp-block-column:not(:first-child) {
  margin-left: 0;
}

.wp-block-image img {
  max-width: 100%;
  width: 100%;
}

.wp-block-image {
  margin: 0;
}

.wp-block-columns {
  margin-bottom: 0;
}

/*--------------------------------------------------------------
# BASIC STYLES
--------------------------------------------------------------*/
/*!
Theme Name: herpacktheme
Author URI: https://mess.gr
Author: stella_geo
Author URI: https://mess.gr
Description: Theme for Herpack
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: messtheme
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

Licensed under the GPL, based on Underscores https://underscores.me/
*/
/*!
Theme Name: herpacktheme
Author URI: https://mess.gr
Author: stella_geo
Author URI: https://mess.gr
Description: Theme for Herpack
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: messtheme
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

Licensed under the GPL, based on Underscores https://underscores.me/
*/
body,
button,
input,
select,
optgroup,
textarea,
p {
  font-size: var(--base-txt);
}

.small, .clientlink {
  font-size: 15px;
}

.xsmall {
  font-size: 13.5px;
}

.size-h1, .section-title,
h1,
h2 {
  font-size: calc(30px + 9 * (100vw - 320px) / 1600);
  font-size: var(--size-h1);
  margin-top: 0;
}

.size-h2,
h3 {
  font-size: calc(28px + 5 * (100vw - 320px) / 1600);
  font-size: var(--size-h2);
}

.size-h2s, .block.centered.size-h2-smaller h2.block-title, .page-template-page-text .centered.size-h2-smaller.site-main h2.block-title {
  font-size: calc(22px + 6 * (100vw - 320px) / 1600);
  font-size: var(--size-h2s);
}

.size-h3,
h4,
h5 {
  font-size: 24px;
}

.size-h4,
h6 {
  font-size: 18px;
  font-weight: 700;
}

.col1-txt,
.blockcolor1 * {
  color: var(--dark-green);
}

.col2-txt,
.blockcolor2 * {
  color: var(--light-green);
}

.col3-txt,
.blockcolor3 * {
  color: var(--brown);
}

.tag1-txt {
  color: var(--tag1-color);
}

.tag2-txt {
  color: var(--tag2-color);
}

.tag3-txt {
  color: var(--tag3-color);
}

.activatedfilter {
  background: #232323;
  color: #fff;
}

.tag1-txt.activatedfilter {
  background: var(--tag1-color);
  color: #fff;
}

.tag2-txt.activatedfilter {
  background: var(--tag2-color);
  color: #fff;
}

.tag3-txt.activatedfilter {
  background: var(--tag3-color);
  color: #fff;
}

/*!
Theme Name: herpacktheme
Author URI: https://mess.gr
Author: stella_geo
Author URI: https://mess.gr
Description: Theme for Herpack
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: messtheme
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

Licensed under the GPL, based on Underscores https://underscores.me/
*/
/*!
Theme Name: herpacktheme
Author URI: https://mess.gr
Author: stella_geo
Author URI: https://mess.gr
Description: Theme for Herpack
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: messtheme
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

Licensed under the GPL, based on Underscores https://underscores.me/
*/
.site-header {
  list-style: none;
}

.site-branding {
  z-index: 20;
}

.site-title {
  margin: 0;
}
.site-title a {
  display: block;
}
.site-title a img {
  display: block;
}

.site-title a {
  width: 160px;
}
@media (min-width: 64em) {
  .site-title a {
    width: 220px;
  }
}

.header-logo {
  width: 150px;
}
@media (min-width: 64em) {
  .header-logo {
    width: 210px;
  }
}

.current-menu-item,
.current_page_item {
  font-weight: 700;
}

@media (min-width: 64em) {
  .main-navigation {
    width: 100%;
    text-transform: uppercase;
    position: relative;
  }
  .left-nav {
    display: flex;
    z-index: 7;
    max-height: 50px;
    padding-bottom: 1.5rem;
    background: rgba(244, 244, 244, 0.8509803922);
  }
  .left-nav:hover {
    max-height: 350px;
  }
  .left-nav {
    padding-top: 1rem;
    align-self: start;
    align-items: start;
  }
  .left-nav ul {
    display: flex;
    flex-wrap: nowrap;
    margin-top: 0;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
  }
  .left-nav li {
    width: unset;
    margin: 0;
    position: relative;
    align-self: start;
  }
  .left-nav li.menu-item-has-children {
    margin: 0;
    min-width: 17ch;
  }
  .left-nav a {
    margin: auto;
    display: block;
    color: var(--dark-green);
    letter-spacing: 1.5px;
    font-size: 15px;
    text-align: left;
  }
  .left-nav li ul.sub-menu {
    overflow: hidden;
    max-height: 0;
    transform: translateY(-80px);
    flex-direction: column;
    display: flex;
    transition: all 250ms ease-in-out;
  }
  .left-nav li ul.sub-menu li {
    opacity: 0;
    transition: all 250ms 400ms ease-in-out;
    margin: 7px 0;
  }
  .left-nav li ul.sub-menu li a {
    color: var(--light-green);
    font-size: 14px;
  }
  .left-nav li:hover ul.sub-menu {
    max-height: 90vh;
    padding: 1rem 0;
    transform: translateY(0px);
  }
  .left-nav li:hover ul.sub-menu li {
    opacity: 1;
  }
}
@media (max-width: 64em) {
  .left-nav {
    z-index: 9;
    align-self: start;
    position: relative;
    flex-wrap: wrap;
    width: 100vw;
  }
  .main-navigation {
    transform: translateX(180vw);
    transition: transform 0.75s ease-in-out;
    display: flex;
    height: 100vh;
    width: 100vw;
  }
  .main-navigation .menu-menu-1-container {
    margin-bottom: 4rem;
    margin-top: auto;
  }
  .main-navigation.toggled {
    transform: translateX(0);
    background: #f4f4f4;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    padding-top: 4rem;
    right: 0;
  }
  .left-nav {
    height: 90vh;
  }
  .left-nav ul {
    margin-left: calc(var(--space1) + var(--space2));
    padding: 1.5rem 0;
    flex-direction: column;
  }
  .left-nav ul li.menu-item-has-children {
    width: 22ch;
    width: -moz-fit-content;
    width: fit-content;
    position: relative;
    border-top: 1px solid #444;
    padding-top: 0.5rem;
    margin: 1.5rem var(--space1) 1.5rem var(--space1);
  }
  .left-nav ul li.menu-item-has-children > a {
    transform: rotate(180deg);
    letter-spacing: 0.2em;
    font-size: 12px;
    position: absolute;
    top: 1.4rem;
    text-transform: uppercase;
    left: 0;
    white-space: nowrap;
    writing-mode: vertical-lr;
    text-orientation: mixed;
  }
  .left-nav ul li.menu-item-has-children > a:before {
    content: none;
  }
  .left-nav ul {
    justify-content: start;
  }
  .left-nav li ul.sub-menu {
    max-height: unset;
    transform: translateY(0);
    padding: 0;
    margin-left: 2rem;
  }
  .left-nav li ul.sub-menu li {
    opacity: 1;
    position: relative;
    font-size: 18px;
    font-weight: bold;
    margin: 0.75rem 0;
  }
  .left-nav li ul.sub-menu li a {
    color: var(--dark-green);
  }
  .left-nav li:hover ul.sub-menu {
    padding: 0;
  }
  .left-nav ul.sub-menu li a {
    transform: none;
  }
}
.drop-horiz.left-nav ul.sub-menu {
  flex-direction: row;
  width: 550px;
  align-items: center;
}
.drop-horiz.left-nav ul.sub-menu li {
  width: 200px;
}
.drop-horiz.left-nav li:hover ul.sub-menu {
  top: 7px;
  justify-content: start;
}
.drop-horiz.left-nav li:nth-child(1n+1) ul.sub-menu {
  left: -200px;
}

.h-down {
  background: #f4f4f4;
}

@media (min-width: 64em) {
  .h-down {
    background: #ffffff;
  }
  .h-down .left-nav {
    background: rgba(255, 255, 255, 0.8509803922);
  }
}
.right-nav {
  position: relative;
  height: 40px;
  z-index: 110;
}

.lang-switcher {
  position: absolute;
  top: 0;
  text-transform: uppercase;
  right: 0;
}

.left-nav a {
  transform: translateY(100px);
  opacity: 0;
  padding: 4px 0;
}
@media (min-width: 64em) {
  .left-nav a {
    transform: translateY(0);
    opacity: 1;
  }
}

.left-nav .toggled a {
  opacity: 1;
  transform: translateY(0);
  transition: opacity 1.5s cubic-bezier(0.4, -0.01, 0, 0.99) 0.75s, transform 3s cubic-bezier(0.4, -0.01, 0, 0.99) -0.5s;
}
@media (min-width: 64em) {
  .left-nav .toggled a {
    transition: none;
  }
}

.left-nav a:before {
  content: "";
  background-color: var(--dark-green);
  left: -0.25rem;
  top: calc(100% + 4px);
  right: 1.5rem;
  min-width: 13ch;
  height: 0.2rem;
  position: absolute;
  transform: scaleX(0);
  transition: 0.5s cubic-bezier(0.4, -0.01, 0, 0.99);
  transform-origin: left center;
}

.left-nav a:hover:before {
  transform: scaleX(1);
}

.left-nav .sub-menu a:before {
  content: "";
  min-width: unset;
  right: 0;
}

/*!
Theme Name: herpacktheme
Author URI: https://mess.gr
Author: stella_geo
Author URI: https://mess.gr
Description: Theme for Herpack
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: messtheme
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

Licensed under the GPL, based on Underscores https://underscores.me/
*/
/*!
Theme Name: herpacktheme
Author URI: https://mess.gr
Author: stella_geo
Author URI: https://mess.gr
Description: Theme for Herpack
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: messtheme
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

Licensed under the GPL, based on Underscores https://underscores.me/
*/
.site-footer {
  background: #fff;
  padding-top: 3vw;
  position: relative;
}

@media (min-width: 480px) {
  .footer-logo-area {
    display: flex;
    flex-wrap: nowrap;
  }
}
.footer-logo-area {
  align-items: start;
}

.footer-info p {
  font-size: 15px;
  margin-top: 0;
}
.footer-info p span {
  font-size: 18px;
  font-weight: bold;
}
.footer-info p a {
  margin-top: 1.25rem;
  display: inline-block;
}

.footer-logo {
  margin: 1rem 2rem 1rem 0;
  display: block;
  min-width: 140px;
  max-width: 340px;
}
@media (min-width: 64em) {
  .footer-logo {
    margin: 0 0.5rem 0 0;
  }
}

.social-btns-area {
  margin-top: 2em;
  margin-bottom: 2em;
}
.social-btns-area a {
  margin-right: 0.3em;
}
@media (min-width: 64em) {
  .social-btns-area {
    text-align: left;
  }
}

#legalmenu {
  text-transform: uppercase;
  width: 100%;
  display: block;
}
#legalmenu li {
  font-weight: 500;
  text-align: left;
}
@media (min-width: 64em) {
  #legalmenu li {
    text-align: left;
  }
}
#legalmenu li.current-menu-item, #legalmenu li.current_page_item {
  font-weight: 700;
}
#legalmenu li a {
  font-size: 13px;
  margin-bottom: 0.75em;
  letter-spacing: 1.5px;
  display: block;
}
@media (min-width: 80em) {
  #legalmenu li a {
    margin: 1.25rem 0 0;
  }
}

.copyright-area {
  align-self: end;
  margin-top: 0.75em;
}
.copyright-area .copyright {
  font-size: 12px;
  margin-top: 1.25rem;
  text-align: center;
}

.adeadpixelsignature {
  padding: 0 0 0.5em;
  margin-top: 0.25em;
  border-top: 1px solid var(--dark-green);
  color: var(--dark-green);
  text-align: center;
}

/*--------------------------------------------------------------
# LAYOUT
--------------------------------------------------------------*/
/*!
Theme Name: herpacktheme
Author URI: https://mess.gr
Author: stella_geo
Author URI: https://mess.gr
Description: Theme for Herpack
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: messtheme
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

Licensed under the GPL, based on Underscores https://underscores.me/
*/
/*!
Theme Name: herpacktheme
Author URI: https://mess.gr
Author: stella_geo
Author URI: https://mess.gr
Description: Theme for Herpack
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: messtheme
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

Licensed under the GPL, based on Underscores https://underscores.me/
*/
body,
html {
  max-width: 100%;
  overflow-x: hidden;
}
@media (min-width: 64em) {
  body,
  html {
    overflow: unset;
  }
}

.site-header,
.site-footer {
  max-width: 100%;
}

.site-header {
  display: grid;
  padding-top: 6px;
  padding-bottom: 6px;
  grid-template-rows: 60px;
  grid-template-columns: calc(5px + 91 * (100vw - 320px) / 1600) calc(10px + 142 * (100vw - 320px) / 1600) 1fr 7fr 45px 60px;
}
@media (min-width: 64em) {
  .site-header {
    align-items: center;
  }
}
.site-header .site-branding {
  grid-column: 2/5;
  grid-row: 1;
}
@media (min-width: 64em) {
  .site-header .site-branding {
    grid-column: 2/4;
  }
}
.site-header .left-nav {
  grid-column: 5/6;
  grid-row: 1;
}
@media (min-width: 64em) {
  .site-header .left-nav {
    grid-column: 4/6;
  }
}
@media (min-width: 64em) {
  .site-header .fullwidth.left-nav {
    grid-column: 1/-1;
    padding-right: 105px;
  }
}
.site-header .right-nav {
  grid-column: 6/7;
  grid-row: 1;
}

.site-footer {
  display: grid;
  grid-template-columns: calc(5px + 91 * (100vw - 320px) / 1600) calc(10px + 142 * (100vw - 320px) / 1600) 1fr calc(5px + 91 * (100vw - 320px) / 1600) calc(5px + 91 * (100vw - 320px) / 1600) 1fr calc(5px + 91 * (100vw - 320px) / 1600) calc(10px + 142 * (100vw - 320px) / 1600);
}
.site-footer .footer-logo-area {
  grid-column: 3/8;
}
@media (min-width: 64em) {
  .site-footer .footer-logo-area {
    grid-column: 3/4;
  }
}
.site-footer .footer-menus {
  grid-column: 3/8;
  margin-top: 2em;
  grid-row: 2;
}
@media (min-width: 64em) {
  .site-footer .footer-menus {
    grid-column: 6/7;
    grid-row: 1;
    margin-top: 0;
  }
}
.site-footer .footer-menus {
  text-align: center;
}
@media (min-width: 460px) {
  .site-footer .footer-menus {
    text-align: left;
  }
}
.site-footer .footer-menus {
  display: grid;
  grid-template-columns: 1fr;
}
@media (min-width: 480px) {
  .site-footer .footer-menus {
    grid-template-columns: 1fr 1fr;
  }
}
.site-footer .footer-menus li {
  grid-column: auto;
}
.site-footer .social-btns-area {
  grid-row: 4;
  grid-column: 1/3;
}
@media (min-width: 64em) {
  .site-footer .social-btns-area {
    grid-row: 2;
    grid-column: 2/3;
  }
}
.site-footer .copyright-area {
  grid-column: 3/8;
  grid-row: 3;
}
@media (min-width: 64em) {
  .site-footer .copyright-area {
    grid-row: 2;
  }
}
.site-footer .adeadpixelsignature {
  grid-column: 3/8;
  grid-row: 4;
}
@media (min-width: 64em) {
  .site-footer .adeadpixelsignature {
    grid-row: 3;
  }
}

.herpack-grid, .page-plain .error-404, .newsletter-section,
.block,
.page-template-page-text .site-main,
.also-area {
  display: grid;
  grid-template-columns: calc(5px + 91 * (100vw - 320px) / 1600) calc(10px + 142 * (100vw - 320px) / 1600) 1fr calc(5px + 91 * (100vw - 320px) / 1600) calc(5px + 91 * (100vw - 320px) / 1600) 1fr calc(5px + 91 * (100vw - 320px) / 1600) calc(10px + 142 * (100vw - 320px) / 1600);
}
.herpack-grid .txt-part, .page-plain .error-404 .txt-part, .newsletter-section .txt-part,
.block .txt-part,
.page-template-page-text .site-main .txt-part,
.also-area .txt-part {
  grid-column: 3/7;
  grid-row: 4;
}
.herpack-grid .txt-part.second-text, .page-plain .error-404 .txt-part.second-text, .newsletter-section .txt-part.second-text,
.block .txt-part.second-text,
.page-template-page-text .site-main .txt-part.second-text,
.also-area .txt-part.second-text {
  grid-row: 5;
}
@media (min-width: 64em) {
  .herpack-grid .txt-part, .page-plain .error-404 .txt-part, .newsletter-section .txt-part,
  .block .txt-part,
  .page-template-page-text .site-main .txt-part,
  .also-area .txt-part {
    grid-column: 3/span 1;
    grid-row: 2;
  }
  .herpack-grid .txt-part.second-text, .page-plain .error-404 .txt-part.second-text, .newsletter-section .txt-part.second-text,
  .block .txt-part.second-text,
  .page-template-page-text .site-main .txt-part.second-text,
  .also-area .txt-part.second-text {
    grid-column: 6/span 1;
    grid-row: 2;
  }
}
.herpack-grid .clientlink, .page-plain .error-404 .clientlink, .newsletter-section .clientlink,
.block .clientlink,
.page-template-page-text .site-main .clientlink,
.also-area .clientlink {
  grid-column: 3/7;
}
@media (min-width: 64em) {
  .herpack-grid .clientlink, .page-plain .error-404 .clientlink, .newsletter-section .clientlink,
  .block .clientlink,
  .page-template-page-text .site-main .clientlink,
  .also-area .clientlink {
    grid-column: 3/span 1;
  }
}
.herpack-grid .clientlink, .page-plain .error-404 .clientlink, .newsletter-section .clientlink,
.block .clientlink,
.page-template-page-text .site-main .clientlink,
.also-area .clientlink {
  grid-row: 5;
}
.herpack-grid .img-part, .page-plain .error-404 .img-part, .newsletter-section .img-part, .herpack-grid .video-part, .page-plain .error-404 .video-part, .newsletter-section .video-part,
.herpack-grid .wpcf7,
.page-plain .error-404 .wpcf7,
.newsletter-section .wpcf7,
.herpack-grid iframe,
.page-plain .error-404 iframe,
.newsletter-section iframe,
.block .img-part,
.page-template-page-text .site-main .img-part,
.also-area .img-part,
.block .video-part,
.page-template-page-text .site-main .video-part,
.also-area .video-part,
.block .wpcf7,
.page-template-page-text .site-main .wpcf7,
.also-area .wpcf7,
.block iframe,
.page-template-page-text .site-main iframe,
.also-area iframe {
  grid-column: 3/7;
  grid-row: 3;
  min-height: 2em;
}
@media (min-width: 64em) {
  .herpack-grid .img-part, .page-plain .error-404 .img-part, .newsletter-section .img-part, .herpack-grid .video-part, .page-plain .error-404 .video-part, .newsletter-section .video-part,
  .herpack-grid .wpcf7,
  .page-plain .error-404 .wpcf7,
  .newsletter-section .wpcf7,
  .herpack-grid iframe,
  .page-plain .error-404 iframe,
  .newsletter-section iframe,
  .block .img-part,
  .page-template-page-text .site-main .img-part,
  .also-area .img-part,
  .block .video-part,
  .page-template-page-text .site-main .video-part,
  .also-area .video-part,
  .block .wpcf7,
  .page-template-page-text .site-main .wpcf7,
  .also-area .wpcf7,
  .block iframe,
  .page-template-page-text .site-main iframe,
  .also-area iframe {
    grid-column: 5/9;
    margin-right: calc(5px + 91 * (100vw - 320px) / 1600);
    grid-row: 1/span 2;
  }
}
.herpack-grid .img-part, .page-plain .error-404 .img-part, .newsletter-section .img-part, .herpack-grid .video-part, .page-plain .error-404 .video-part, .newsletter-section .video-part,
.herpack-grid .wpcf7,
.page-plain .error-404 .wpcf7,
.newsletter-section .wpcf7,
.herpack-grid iframe,
.page-plain .error-404 iframe,
.newsletter-section iframe,
.block .img-part,
.page-template-page-text .site-main .img-part,
.also-area .img-part,
.block .video-part,
.page-template-page-text .site-main .video-part,
.also-area .video-part,
.block .wpcf7,
.page-template-page-text .site-main .wpcf7,
.also-area .wpcf7,
.block iframe,
.page-template-page-text .site-main iframe,
.also-area iframe {
  align-self: center;
}
.herpack-grid.nospc .img-part, .page-plain .nospc.error-404 .img-part, .nospc.newsletter-section .img-part, .herpack-grid.nospc .video-part, .page-plain .nospc.error-404 .video-part, .nospc.newsletter-section .video-part,
.herpack-grid.nospc iframe,
.page-plain .nospc.error-404 iframe,
.nospc.newsletter-section iframe,
.block.nospc .img-part,
.page-template-page-text .nospc.site-main .img-part,
.nospc.also-area .img-part,
.block.nospc .video-part,
.page-template-page-text .nospc.site-main .video-part,
.nospc.also-area .video-part,
.block.nospc iframe,
.page-template-page-text .nospc.site-main iframe,
.nospc.also-area iframe {
  grid-column: 1/9;
}
@media (min-width: 64em) {
  .herpack-grid.nospc .img-part, .page-plain .nospc.error-404 .img-part, .nospc.newsletter-section .img-part, .herpack-grid.nospc .video-part, .page-plain .nospc.error-404 .video-part, .nospc.newsletter-section .video-part,
  .herpack-grid.nospc iframe,
  .page-plain .nospc.error-404 iframe,
  .nospc.newsletter-section iframe,
  .block.nospc .img-part,
  .page-template-page-text .nospc.site-main .img-part,
  .nospc.also-area .img-part,
  .block.nospc .video-part,
  .page-template-page-text .nospc.site-main .video-part,
  .nospc.also-area .video-part,
  .block.nospc iframe,
  .page-template-page-text .nospc.site-main iframe,
  .nospc.also-area iframe {
    grid-column: 5/9;
    margin-right: 0;
  }
}
.herpack-grid .wpcf7, .page-plain .error-404 .wpcf7, .newsletter-section .wpcf7,
.block .wpcf7,
.page-template-page-text .site-main .wpcf7,
.also-area .wpcf7 {
  margin: auto;
  grid-row: 5;
  grid-column: 1/9;
}
@media (min-width: 64em) {
  .herpack-grid .wpcf7, .page-plain .error-404 .wpcf7, .newsletter-section .wpcf7,
  .block .wpcf7,
  .page-template-page-text .site-main .wpcf7,
  .also-area .wpcf7 {
    grid-column: 6/7;
    margin: 0;
    padding: 0;
    grid-row: 1/span 2;
  }
}

.sidenote {
  grid-row: 1;
  grid-column: 3/7;
}
@media (min-width: 64em) {
  .sidenote {
    grid-row: 1/span 3;
    grid-column: 2/3;
    align-self: center;
  }
}

.block-title,
.section-title {
  grid-row: 2;
  grid-column: 3/7;
}
@media (min-width: 64em) {
  .block-title,
  .section-title {
    grid-column: 3/5;
    grid-row: 1;
  }
}
@media (min-width: 64em) {
  .block-title .section-title,
  .section-title .section-title {
    grid-column: 3/4;
    width: 85%;
  }
}
.block-title,
.section-title {
  align-self: end;
}

.block.golden .img-part, .page-template-page-text .golden.site-main .img-part, .golden.also-area .img-part, .block.golden .video-part, .page-template-page-text .golden.site-main .video-part, .golden.also-area .video-part {
  margin: 0;
  grid-column: 3/9;
}
.block.golden .img-part img, .page-template-page-text .golden.site-main .img-part img, .golden.also-area .img-part img, .block.golden .video-part img, .page-template-page-text .golden.site-main .video-part img, .golden.also-area .video-part img {
  margin-right: 0;
}
@media (min-width: 64em) {
  .block.golden, .page-template-page-text .golden.site-main, .golden.also-area {
    grid-template-columns: calc(5px + 91 * (100vw - 320px) / 1600) calc(10px + 142 * (100vw - 320px) / 1600) 0.65fr calc(5px + 91 * (100vw - 320px) / 1600) calc(5px + 91 * (100vw - 320px) / 1600) 1fr calc(5px + 91 * (100vw - 320px) / 1600) calc(10px + 142 * (100vw - 320px) / 1600);
  }
  .block.golden .txt-part, .page-template-page-text .golden.site-main .txt-part, .golden.also-area .txt-part {
    grid-column: 3/span 1;
  }
  .block.golden .img-part, .page-template-page-text .golden.site-main .img-part, .golden.also-area .img-part, .block.golden .video-part, .page-template-page-text .golden.site-main .video-part, .golden.also-area .video-part {
    grid-column: 4/9;
    margin: 0;
  }
  .block.golden .img-part img, .page-template-page-text .golden.site-main .img-part img, .golden.also-area .img-part img, .block.golden .video-part img, .page-template-page-text .golden.site-main .video-part img, .golden.also-area .video-part img {
    margin-right: 0;
  }
}

@media (min-width: 64em) {
  .block.image-left .block-title, .page-template-page-text .image-left.site-main .block-title, .image-left.also-area .block-title {
    grid-column: 6/7;
  }
  .block.image-left .img-part, .page-template-page-text .image-left.site-main .img-part, .image-left.also-area .img-part, .block.image-left .video-part, .page-template-page-text .image-left.site-main .video-part, .image-left.also-area .video-part,
  .block.image-left iframe,
  .page-template-page-text .image-left.site-main iframe,
  .image-left.also-area iframe {
    grid-column: 1/5;
    margin-right: unset;
    margin-left: calc(5px + 91 * (100vw - 320px) / 1600);
    margin-left: calc(var(--space1) * 0.5);
  }
  .block.image-left .img-part img, .page-template-page-text .image-left.site-main .img-part img, .image-left.also-area .img-part img, .block.image-left .video-part img, .page-template-page-text .image-left.site-main .video-part img, .image-left.also-area .video-part img,
  .block.image-left iframe img,
  .page-template-page-text .image-left.site-main iframe img,
  .image-left.also-area iframe img {
    margin-right: 0;
  }
  .block.image-left .txt-part, .page-template-page-text .image-left.site-main .txt-part, .image-left.also-area .txt-part {
    grid-column: 6/span 1;
  }
}

.map iframe {
  margin: 0;
  grid-column: 1/9;
}
@media (min-width: 64em) {
  .map iframe {
    grid-column: 6/8;
  }
}

.double-image.block .img-part.left-one, .page-template-page-text .double-image.site-main .img-part.left-one, .double-image.also-area .img-part.left-one, .double-image.block .left-one.video-part, .page-template-page-text .double-image.site-main .left-one.video-part, .double-image.also-area .left-one.video-part {
  grid-row: auto;
}
@media (min-width: 64em) {
  .double-image.block .img-part.left-one, .page-template-page-text .double-image.site-main .img-part.left-one, .double-image.also-area .img-part.left-one, .double-image.block .left-one.video-part, .page-template-page-text .double-image.site-main .left-one.video-part, .double-image.also-area .left-one.video-part {
    grid-column: 3/5;
    grid-row: 1;
  }
}
.double-image.block .img-part.right-one, .page-template-page-text .double-image.site-main .img-part.right-one, .double-image.also-area .img-part.right-one, .double-image.block .right-one.video-part, .page-template-page-text .double-image.site-main .right-one.video-part, .double-image.also-area .right-one.video-part {
  grid-row: auto;
}
@media (min-width: 64em) {
  .double-image.block .img-part.right-one, .page-template-page-text .double-image.site-main .img-part.right-one, .double-image.also-area .img-part.right-one, .double-image.block .right-one.video-part, .page-template-page-text .double-image.site-main .right-one.video-part, .double-image.also-area .right-one.video-part {
    grid-column: 6/9;
    grid-row: 1;
  }
}

@media (min-width: 64em) {
  .block.txt-only .txt-part, .page-template-page-text .txt-only.site-main .txt-part, .txt-only.also-area .txt-part {
    grid-column: 6/span 1;
  }
  .block.txt-only .txt-part.solo-subtitle, .page-template-page-text .txt-only.site-main .txt-part.solo-subtitle, .txt-only.also-area .txt-part.solo-subtitle {
    grid-column: 3/span 1;
  }
}

@media (min-width: 64em) {
  .block.centered .img-part, .page-template-page-text .centered.site-main .img-part, .centered.also-area .img-part, .block.centered .video-part, .page-template-page-text .centered.site-main .video-part, .centered.also-area .video-part {
    grid-column: 3/-3;
    margin: unset;
  }
}

.block.quattro, .page-template-page-text .quattro.site-main, .quattro.also-area {
  grid-template-columns: calc(5px + 91 * (100vw - 320px) / 1600) calc(10px + 142 * (100vw - 320px) / 1600) 1fr 1fr 1fr 1fr calc(5px + 91 * (100vw - 320px) / 1600) calc(10px + 142 * (100vw - 320px) / 1600);
}
.block.quattro .img1, .page-template-page-text .quattro.site-main .img1, .quattro.also-area .img1 {
  grid-column: 3/7;
  grid-row: 3;
}
.block.quattro .half1, .page-template-page-text .quattro.site-main .half1, .quattro.also-area .half1 {
  grid-column: 3/7;
  grid-row: 4;
}
.block.quattro .half2, .page-template-page-text .quattro.site-main .half2, .quattro.also-area .half2 {
  grid-column: 3/7;
  grid-row: 5;
}
.block.quattro .img2, .page-template-page-text .quattro.site-main .img2, .quattro.also-area .img2 {
  grid-column: 3/7;
  grid-row: 6;
}
.block.quattro .half3, .page-template-page-text .quattro.site-main .half3, .quattro.also-area .half3 {
  grid-column: 3/7;
  grid-row: 7;
}
.block.quattro .half4, .page-template-page-text .quattro.site-main .half4, .quattro.also-area .half4 {
  grid-column: 3/7;
  grid-row: 8;
}
@media (min-width: 42em) {
  .block.quattro .half1, .page-template-page-text .quattro.site-main .half1, .quattro.also-area .half1 {
    grid-column: 3/5;
    grid-row: 4;
  }
  .block.quattro .half2, .page-template-page-text .quattro.site-main .half2, .quattro.also-area .half2 {
    grid-column: 5/7;
    grid-row: 4;
  }
  .block.quattro .img2, .page-template-page-text .quattro.site-main .img2, .quattro.also-area .img2 {
    grid-row: 5;
  }
  .block.quattro .half3, .page-template-page-text .quattro.site-main .half3, .quattro.also-area .half3 {
    grid-column: 3/5;
    grid-row: 6;
  }
  .block.quattro .half4, .page-template-page-text .quattro.site-main .half4, .quattro.also-area .half4 {
    grid-column: 5/7;
    grid-row: 6;
  }
}
@media (min-width: 64em) {
  .block.quattro .half1, .page-template-page-text .quattro.site-main .half1, .quattro.also-area .half1 {
    grid-column: 3/5;
    grid-row: 4;
  }
  .block.quattro .half2, .page-template-page-text .quattro.site-main .half2, .quattro.also-area .half2 {
    grid-column: 5/7;
    grid-row: 4;
  }
  .block.quattro .half3, .page-template-page-text .quattro.site-main .half3, .quattro.also-area .half3 {
    grid-column: 3/5;
    grid-row: 6;
  }
  .block.quattro .half4, .page-template-page-text .quattro.site-main .half4, .quattro.also-area .half4 {
    grid-column: 5/7;
    grid-row: 6;
  }
}
@media (min-width: 70em) {
  .block.quattro .img1, .page-template-page-text .quattro.site-main .img1, .quattro.also-area .img1 {
    grid-column: 3/5;
    grid-row: 2;
  }
  .block.quattro .img2, .page-template-page-text .quattro.site-main .img2, .quattro.also-area .img2 {
    grid-column: 5/7;
    grid-row: 2;
  }
  .block.quattro .half1, .page-template-page-text .quattro.site-main .half1, .quattro.also-area .half1 {
    grid-column: 3/4;
    grid-row: 3;
  }
  .block.quattro .half2, .page-template-page-text .quattro.site-main .half2, .quattro.also-area .half2 {
    grid-column: 4/5;
    grid-row: 3;
  }
  .block.quattro .half3, .page-template-page-text .quattro.site-main .half3, .quattro.also-area .half3 {
    grid-column: 5/6;
    grid-row: 3;
  }
  .block.quattro .half4, .page-template-page-text .quattro.site-main .half4, .quattro.also-area .half4 {
    grid-column: 6/7;
    grid-row: 3;
  }
}
.block.quattro.with-image h3, .page-template-page-text .quattro.with-image.site-main h3, .quattro.with-image.also-area h3 {
  height: 2.5ch;
  font-size: 24px;
}
@media (min-width: 64em) {
  .block.quattro.with-image .half3, .page-template-page-text .quattro.with-image.site-main .half3, .quattro.with-image.also-area .half3 {
    justify-self: end;
  }
  .block.quattro.with-image .half4, .page-template-page-text .quattro.with-image.site-main .half4, .quattro.with-image.also-area .half4 {
    justify-self: end;
  }
}

.home .block.quattro, .home .page-template-page-text .quattro.site-main, .page-template-page-text .home .quattro.site-main, .home .quattro.also-area {
  grid-template-columns: calc(5px + 91 * (100vw - 320px) / 1600) calc(10px + 142 * (100vw - 320px) / 1600) 1fr 1fr 1fr 1fr calc(10px + 142 * (100vw - 320px) / 1600);
}
.home .block.quattro .half1, .home .page-template-page-text .quattro.site-main .half1, .page-template-page-text .home .quattro.site-main .half1, .home .quattro.also-area .half1,
.home .block.quattro .half2,
.home .page-template-page-text .quattro.site-main .half2,
.page-template-page-text .home .quattro.site-main .half2,
.home .quattro.also-area .half2,
.home .block.quattro .half3,
.home .page-template-page-text .quattro.site-main .half3,
.page-template-page-text .home .quattro.site-main .half3,
.home .quattro.also-area .half3,
.home .block.quattro .half4,
.home .page-template-page-text .quattro.site-main .half4,
.page-template-page-text .home .quattro.site-main .half4,
.home .quattro.also-area .half4 {
  width: 85%;
}
.home .block.quattro .see-more, .home .page-template-page-text .quattro.site-main .see-more, .page-template-page-text .home .quattro.site-main .see-more, .home .quattro.also-area .see-more {
  grid-row: 3;
  margin: 0;
}
@media (min-width: 70em) {
  .home .block.quattro .see-more, .home .page-template-page-text .quattro.site-main .see-more, .page-template-page-text .home .quattro.site-main .see-more, .home .quattro.also-area .see-more {
    grid-row: 2;
  }
  .home .block.quattro .half1, .home .page-template-page-text .quattro.site-main .half1, .page-template-page-text .home .quattro.site-main .half1, .home .quattro.also-area .half1,
  .home .block.quattro .half2,
  .home .page-template-page-text .quattro.site-main .half2,
  .page-template-page-text .home .quattro.site-main .half2,
  .home .quattro.also-area .half2,
  .home .block.quattro .half3,
  .home .page-template-page-text .quattro.site-main .half3,
  .page-template-page-text .home .quattro.site-main .half3,
  .home .quattro.also-area .half3,
  .home .block.quattro .half4,
  .home .page-template-page-text .quattro.site-main .half4,
  .page-template-page-text .home .quattro.site-main .half4,
  .home .quattro.also-area .half4 {
    grid-row: 3;
  }
}

.block.double .half1, .page-template-page-text .double.site-main .half1, .double.also-area .half1,
.block.double .half2,
.page-template-page-text .double.site-main .half2,
.double.also-area .half2 {
  grid-column: 1/-1;
  grid-row: auto;
}
.block.double .half1, .page-template-page-text .double.site-main .half1, .double.also-area .half1 {
  grid-row: 1;
}
@media (min-width: 64em) {
  .block.double .half1, .page-template-page-text .double.site-main .half1, .double.also-area .half1 {
    grid-column: 1/span 4;
    grid-row: 1;
  }
  .block.double .half2, .page-template-page-text .double.site-main .half2, .double.also-area .half2 {
    grid-column: 5/span 4;
    grid-row: 1;
  }
}

.block.triple, .page-template-page-text .triple.site-main, .triple.also-area {
  grid-template-columns: calc(5px + 91 * (100vw - 320px) / 1600) calc(10px + 142 * (100vw - 320px) / 1600) 1fr 1fr 1fr calc(5px + 91 * (100vw - 320px) / 1600) calc(10px + 142 * (100vw - 320px) / 1600);
}
.block.triple .half1, .page-template-page-text .triple.site-main .half1, .triple.also-area .half1,
.block.triple .half2,
.page-template-page-text .triple.site-main .half2,
.triple.also-area .half2,
.block.triple .half3,
.page-template-page-text .triple.site-main .half3,
.triple.also-area .half3 {
  margin-top: 0.25em;
  margin-bottom: 0.5em;
}
@media (min-width: 64em) {
  .block.triple .half1, .page-template-page-text .triple.site-main .half1, .triple.also-area .half1,
  .block.triple .half2,
  .page-template-page-text .triple.site-main .half2,
  .triple.also-area .half2,
  .block.triple .half3,
  .page-template-page-text .triple.site-main .half3,
  .triple.also-area .half3 {
    margin-top: 1.5em;
    margin-bottom: 2em;
  }
}
.block.triple .half1, .page-template-page-text .triple.site-main .half1, .triple.also-area .half1,
.block.triple .half2,
.page-template-page-text .triple.site-main .half2,
.triple.also-area .half2,
.block.triple .half3,
.page-template-page-text .triple.site-main .half3,
.triple.also-area .half3 {
  grid-column: 3/-3;
  grid-row: auto;
}
@media (min-width: 64em) {
  .block.triple, .page-template-page-text .triple.site-main, .triple.also-area {
    grid-template-columns: calc(5px + 91 * (100vw - 320px) / 1600) calc(10px + 142 * (100vw - 320px) / 1600) 1fr 1fr 1fr calc(10px + 142 * (100vw - 320px) / 1600);
  }
  .block.triple .half1, .page-template-page-text .triple.site-main .half1, .triple.also-area .half1 {
    grid-column: 3/span 1;
  }
  .block.triple .half2, .page-template-page-text .triple.site-main .half2, .triple.also-area .half2 {
    grid-column: 4/span 1;
  }
  .block.triple .half3, .page-template-page-text .triple.site-main .half3, .triple.also-area .half3 {
    grid-column: 5/span 1;
  }
}

.block.duo-force .half1, .page-template-page-text .duo-force.site-main .half1, .duo-force.also-area .half1,
.block.duo-force .half2,
.page-template-page-text .duo-force.site-main .half2,
.duo-force.also-area .half2 {
  margin-top: 0.25em;
  margin-bottom: 0.5em;
}
@media (min-width: 64em) {
  .block.duo-force .half1, .page-template-page-text .duo-force.site-main .half1, .duo-force.also-area .half1,
  .block.duo-force .half2,
  .page-template-page-text .duo-force.site-main .half2,
  .duo-force.also-area .half2 {
    margin-top: 1.5em;
    margin-bottom: 2em;
  }
}
.block.duo-force .half1, .page-template-page-text .duo-force.site-main .half1, .duo-force.also-area .half1,
.block.duo-force .half2,
.page-template-page-text .duo-force.site-main .half2,
.duo-force.also-area .half2 {
  grid-column: 3/-3;
  grid-row: auto;
}
@media (min-width: 64em) {
  .block.duo-force .half1, .page-template-page-text .duo-force.site-main .half1, .duo-force.also-area .half1 {
    grid-column: 3/span 1;
  }
  .block.duo-force .half2, .page-template-page-text .duo-force.site-main .half2, .duo-force.also-area .half2 {
    grid-column: 6/span 1;
  }
}

.block.process, .page-template-page-text .process.site-main, .process.also-area {
  grid-template-columns: calc(5px + 91 * (100vw - 320px) / 1600) calc(10px + 142 * (100vw - 320px) / 1600) 1fr 1fr 1fr calc(10px + 142 * (100vw - 320px) / 1600);
}
.block.process .filters, .page-template-page-text .process.site-main .filters, .process.also-area .filters {
  grid-column: 3/-2;
  grid-row: auto;
}
.block.process .card-area, .page-template-page-text .process.site-main .card-area, .process.also-area .card-area {
  grid-column: 3/-2;
  display: grid;
  grid-template-columns: 1fr;
}
@media (min-width: 42em) {
  .block.process .card-area, .page-template-page-text .process.site-main .card-area, .process.also-area .card-area {
    grid-template-columns: 1fr 1fr;
  }
}
@media (min-width: 80em) {
  .block.process .card-area, .page-template-page-text .process.site-main .card-area, .process.also-area .card-area {
    grid-template-columns: 1fr 1fr 1fr;
  }
}

.flow-holder {
  grid-template-columns: calc(5px + 91 * (100vw - 320px) / 1600) calc(10px + 142 * (100vw - 320px) / 1600) 1fr 1fr 1fr calc(5px + 91 * (100vw - 320px) / 1600) calc(10px + 142 * (100vw - 320px) / 1600);
}
.flow-holder .flowarea {
  grid-row: 3;
  grid-column: 3/span 4;
  gap: 0.25em;
  display: grid;
  grid-template-columns: 1fr;
}
@media (min-width: 600px) {
  .flow-holder .flowarea {
    grid-template-columns: 1fr 1fr;
  }
}
@media (min-width: 64em) {
  .flow-holder .flowarea {
    grid-column: 3/span 3;
    gap: 1.5em 0.75em;
    grid-template-columns: 1fr 1fr 1fr;
  }
}
@media (min-width: 64em) {
  .flow-holder .flow4 {
    grid-template-columns: 1fr 1fr;
  }
}
@media (min-width: 80em) {
  .flow-holder .flow4 {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
}

.block.numbered, .page-template-page-text .numbered.site-main, .numbered.also-area {
  grid-template-columns: calc(5px + 91 * (100vw - 320px) / 1600) calc(10px + 142 * (100vw - 320px) / 1600) 1fr calc(5px + 91 * (100vw - 320px) / 1600) calc(10px + 142 * (100vw - 320px) / 1600);
}
.block.numbered .num-area, .page-template-page-text .numbered.site-main .num-area, .numbered.also-area .num-area {
  grid-column: 3/-3;
  grid-row: auto;
  display: grid;
  grid-template-columns: 0.7fr 0.4fr 1.5fr 2fr;
}
.block.numbered .num-area .txt-part, .page-template-page-text .numbered.site-main .num-area .txt-part, .numbered.also-area .num-area .txt-part {
  grid-column: 3/-1;
  align-self: center;
  grid-row: 2;
}
.block.numbered .num-area .txt-part.num, .page-template-page-text .numbered.site-main .num-area .txt-part.num, .numbered.also-area .num-area .txt-part.num {
  grid-column: 1/2;
}
.block.numbered .num-area .img-part, .page-template-page-text .numbered.site-main .num-area .img-part, .numbered.also-area .num-area .img-part, .block.numbered .num-area .video-part, .page-template-page-text .numbered.site-main .num-area .video-part, .numbered.also-area .num-area .video-part {
  grid-column: 1/-1;
  grid-row: 1;
}
@media (min-width: 64em) {
  .block.numbered .num-area, .page-template-page-text .numbered.site-main .num-area, .numbered.also-area .num-area {
    grid-template-columns: 1.3fr 1.5fr 2fr;
  }
  .block.numbered .num-area .txt-part, .page-template-page-text .numbered.site-main .num-area .txt-part, .numbered.also-area .num-area .txt-part {
    grid-column: 2/3;
    grid-row: 1;
  }
  .block.numbered .num-area .txt-part.num, .page-template-page-text .numbered.site-main .num-area .txt-part.num, .numbered.also-area .num-area .txt-part.num {
    grid-column: 1/2;
  }
  .block.numbered .num-area .img-part, .page-template-page-text .numbered.site-main .num-area .img-part, .numbered.also-area .num-area .img-part, .block.numbered .num-area .video-part, .page-template-page-text .numbered.site-main .num-area .video-part, .numbered.also-area .num-area .video-part {
    grid-column: 3/-1;
    grid-row: 1;
  }
}

.head-area {
  grid-column: 3/-3;
  grid-row: auto;
  display: grid;
  grid-template-columns: calc(5px + 91 * (100vw - 320px) / 1600) calc(10px + 142 * (100vw - 320px) / 1600) 1fr 1fr 1fr calc(5px + 91 * (100vw - 320px) / 1600) calc(10px + 142 * (100vw - 320px) / 1600);
}
.head-area .sidenote {
  display: none;
}
.head-area .block-title {
  grid-column: 3/span 3;
  font-size: calc(28px + 5 * (100vw - 320px) / 1600);
  font-size: var(--size-h2);
}
.head-area .img-part, .head-area .video-part {
  grid-column: 3/span 3;
}
@media (min-width: 64em) {
  .head-area .img-part, .head-area .video-part {
    grid-row: 1;
  }
}
.head-area .txt-part {
  grid-column: 3/span 3;
}
@media (min-width: 64em) {
  .head-area .txt-part {
    grid-row: 1;
  }
}
.head-area .txt-part.second-text {
  grid-column: 3/span 3;
}
@media (min-width: 64em) {
  .head-area .txt-part.second-text {
    grid-row: 1;
  }
}
@media (min-width: 64em) {
  .head-area .block-title {
    grid-column: 3/span 1;
    grid-row: 1;
    align-self: start;
    max-width: 80%;
    margin-top: 0.5em;
  }
  .head-area .img-part, .head-area .video-part {
    grid-column: 5/span 1;
    grid-row: 1;
    align-self: start;
  }
  .head-area .txt-part {
    grid-column: 4/span 1;
    max-width: 85%;
    grid-row: 1;
  }
  .head-area .txt-part.second-text {
    grid-column: 5/span 1;
    grid-row: 1;
  }
}

.block.spec-all, .page-template-page-text .spec-all.site-main, .spec-all.also-area {
  grid-template-columns: calc(5px + 91 * (100vw - 320px) / 1600) calc(10px + 142 * (100vw - 320px) / 1600) 180px 1fr calc(10px + 142 * (100vw - 320px) / 1600) 1fr calc(5px + 91 * (100vw - 320px) / 1600) calc(10px + 142 * (100vw - 320px) / 1600);
}
.block.spec-all .specbtns, .page-template-page-text .spec-all.site-main .specbtns, .spec-all.also-area .specbtns {
  grid-row: 3;
  grid-column: 3/span 5;
  display: flex;
}
@media (min-width: 64em) {
  .block.spec-all .specbtns, .page-template-page-text .spec-all.site-main .specbtns, .spec-all.also-area .specbtns {
    grid-row: 2;
  }
}
.block.spec-all .embla-element, .page-template-page-text .spec-all.site-main .embla-element, .spec-all.also-area .embla-element {
  grid-row: 4;
  grid-column: 3/span 5;
}
@media (min-width: 64em) {
  .block.spec-all .embla-element, .page-template-page-text .spec-all.site-main .embla-element, .spec-all.also-area .embla-element {
    grid-row: 3;
  }
}
.block.spec-all .spec-slide, .page-template-page-text .spec-all.site-main .spec-slide, .spec-all.also-area .spec-slide {
  display: none;
}
.block.spec-all .spec-slide.active, .page-template-page-text .spec-all.site-main .spec-slide.active, .spec-all.also-area .spec-slide.active {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
@media (min-width: 64em) {
  .block.spec-all .spec-slide.active, .page-template-page-text .spec-all.site-main .spec-slide.active, .spec-all.also-area .spec-slide.active {
    grid-template-columns: 2fr 3fr;
  }
}
.block.spec-all .spec-slide.active .txt-spec-area, .page-template-page-text .spec-all.site-main .spec-slide.active .txt-spec-area, .spec-all.also-area .spec-slide.active .txt-spec-area {
  align-self: start;
  grid-row: 2;
  grid-column: 1/-1;
}
@media (min-width: 64em) {
  .block.spec-all .spec-slide.active .txt-spec-area, .page-template-page-text .spec-all.site-main .spec-slide.active .txt-spec-area, .spec-all.also-area .spec-slide.active .txt-spec-area {
    grid-row: 1;
    grid-column: 1/2;
  }
}
.block.spec-all .spec-slide.active .img-spec-area, .page-template-page-text .spec-all.site-main .spec-slide.active .img-spec-area, .spec-all.also-area .spec-slide.active .img-spec-area {
  grid-row: 1;
  grid-column: 1/-1;
}
@media (min-width: 64em) {
  .block.spec-all .spec-slide.active .img-spec-area, .page-template-page-text .spec-all.site-main .spec-slide.active .img-spec-area, .spec-all.also-area .spec-slide.active .img-spec-area {
    grid-column: 2/-1;
  }
}
.block.spec-all .spec-slide.active .spec-color-area, .page-template-page-text .spec-all.site-main .spec-slide.active .spec-color-area, .spec-all.also-area .spec-slide.active .spec-color-area {
  grid-row: 3;
  grid-column: 1/-1;
}

.block.paragraph .txt-part, .page-template-page-text .paragraph.site-main .txt-part, .paragraph.also-area .txt-part {
  grid-column: 3/-2;
}

.home-section-area {
  display: grid;
  margin-top: 5em;
}
@media (min-width: 64em) {
  .home-section-area {
    margin-top: 7em;
  }
}
.home-section-area {
  grid-template-columns: calc(5px + 91 * (100vw - 320px) / 1600) calc(10px + 142 * (100vw - 320px) / 1600) 1fr 3fr calc(5px + 91 * (100vw - 320px) / 1600) calc(10px + 142 * (100vw - 320px) / 1600);
}

.clients-list.section-content {
  grid-column: 1/span 4;
  background: lemonchiffon;
}

.see-more,
.subtitle {
  grid-row: 3;
  grid-column: 3/span 2;
  margin-bottom: 1.5em;
}
@media (min-width: 64em) {
  .see-more,
  .subtitle {
    grid-row: 2;
    grid-column: 3/span 1;
    width: 85%;
  }
}

.see-more {
  grid-row: 5;
  margin-top: 1.5em;
}
@media (min-width: 64em) {
  .see-more {
    grid-row: 2;
    margin-top: 0;
  }
}

.section-content {
  grid-row: 4;
  gap: 10px;
  grid-column: 3/span 3;
}
@media (min-width: 64em) {
  .section-content {
    grid-row: 1/3;
    grid-column: 4/span 2;
  }
}

.news-list.section-content {
  grid-row: 4;
  gap: 10px;
  grid-column: 3/span 2;
}
@media (min-width: 64em) {
  .news-list.section-content {
    grid-row: 1/3;
    grid-column: 3/span 3;
  }
}

.clients-area {
  grid-column: 3/span 2;
  grid-row: 2;
}
@media (min-width: 64em) {
  .clients-area {
    grid-row: 1;
    grid-column: 3/span 3;
  }
}
.clients-area {
  display: grid;
  grid-template-columns: 1fr 3fr;
  gap: 1.5em 0.75em;
}

.fake-article-client {
  grid-column: 1/span 4;
}
@media (min-width: 64em) {
  .fake-article-client {
    grid-column: 1/span 1;
    grid-row: 1;
  }
}

.clients-lista {
  grid-column: 1/span 4;
}
@media (min-width: 64em) {
  .clients-lista {
    grid-column: 2/span 1;
  }
}
.clients-lista {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(143px, 1fr));
  gap: 0.5em;
}

@media (min-width: 42em) {
  .newsletter-section .txt-part {
    grid-row: 3;
    background: none;
    grid-column: 3/span 1;
  }
}
@media (min-width: 64em) {
  .newsletter-section .txt-part {
    grid-row: 2;
    grid-column: 3/span 2;
  }
}
.newsletter-section #mc_embed_signup {
  grid-row: 5;
  grid-column: 3/span 4;
}
@media (min-width: 42em) {
  .newsletter-section #mc_embed_signup {
    grid-row: 3;
    grid-column: 6/span 2;
  }
}
@media (min-width: 64em) {
  .newsletter-section #mc_embed_signup {
    grid-row: 1/span 2;
    margin-top: 1.1em;
  }
}

.txt-part.solo-subtitle {
  grid-row: 2;
  align-self: center;
}

.block.no-title .txt-part, .page-template-page-text .no-title.site-main .txt-part, .no-title.also-area .txt-part {
  align-self: center;
}
.block.no-title .img-part, .page-template-page-text .no-title.site-main .img-part, .no-title.also-area .img-part, .block.no-title .video-part, .page-template-page-text .no-title.site-main .video-part, .no-title.also-area .video-part {
  grid-row: 2;
}

.solo-img {
  text-align: center;
}
.solo-img img {
  margin: auto;
}

.page-plain .error-404 .page-content {
  padding-bottom: 2em;
}

.also-area {
  position: relative;
}

.slider-areaa {
  grid-column: 3/span 4;
  grid-row: 3;
}

.block.hero .block-title, .page-template-page-text .hero.site-main .block-title, .hero.also-area .block-title {
  grid-row: 2;
  grid-column: 3/8;
}
.block.hero .txt-part, .page-template-page-text .hero.site-main .txt-part, .hero.also-area .txt-part {
  grid-row: 4;
}
.block.hero .txt-part.all-images, .page-template-page-text .hero.site-main .txt-part.all-images, .hero.also-area .txt-part.all-images {
  grid-row: 3;
  grid-column: 3/8;
}
@media (min-width: 64em) {
  .block.hero .block-title, .page-template-page-text .hero.site-main .block-title, .hero.also-area .block-title {
    grid-row: 2;
    grid-column: 3/8;
  }
  .block.hero .txt-part, .page-template-page-text .hero.site-main .txt-part, .hero.also-area .txt-part {
    grid-row: 3;
    grid-column: 3/8;
  }
  .block.hero .txt-part.all-images, .page-template-page-text .hero.site-main .txt-part.all-images, .hero.also-area .txt-part.all-images {
    grid-row: 1;
  }
}

.consent-frame {
  width: 90vw;
  min-width: 240px;
  max-width: 500px;
  background: #000;
  margin: auto;
  padding: 1.5rem;
}
.consent-frame h3 {
  color: gold;
}
.consent-frame .btn-grayscale {
  color: #a8a8a8;
  background: transparent;
  border: 1px solid #444;
}
.consent-frame .btn-outline {
  color: gold;
  background: transparent;
  border: 1px solid gold;
}
.consent-frame .btn-success {
  color: #000;
  background: gold;
  border: 1px solid gold;
}

.cookie-consent-banner {
  background-color: rgba(0, 0, 0, 0.64);
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 100vw;
  overflow: hidden;
  color: rgb(255, 255, 255);
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 99999999;
}

.consent-btns-area {
  display: flex;
  flex-wrap: wrap;
  gap: 0.85rem;
  align-items: center;
  justify-content: center;
  padding: 2.5rem 0.25rem 1rem;
}
.consent-btns-area button {
  padding: 0.75rem;
}

.cookie-consent-options {
  display: flex;
  flex-wrap: wrap;
  gap: 0.85rem;
  align-items: center;
  justify-content: center;
  padding: 1rem 0.25rem 1rem;
}
.cookie-consent-options input {
  margin-right: 0.25rem;
}

.sr-only {
  border: 0 !important;
  clip: rect(1px, 1px, 1px, 1px) !important; /* 1 */
  clip-path: inset(50%) !important; /* 2 */
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
  white-space: nowrap !important; /* 3 */
}

.sr-only-focusable:focus,
.sr-only-focusable:active {
  clip: auto !important;
  clip-path: none !important;
  height: auto !important;
  margin: auto !important;
  overflow: visible !important;
  width: auto !important;
  white-space: normal !important;
}

/*!
Theme Name: herpacktheme
Author URI: https://mess.gr
Author: stella_geo
Author URI: https://mess.gr
Description: Theme for Herpack
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: messtheme
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

Licensed under the GPL, based on Underscores https://underscores.me/
*/
/*!
Theme Name: herpacktheme
Author URI: https://mess.gr
Author: stella_geo
Author URI: https://mess.gr
Description: Theme for Herpack
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: messtheme
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

Licensed under the GPL, based on Underscores https://underscores.me/
*/
@keyframes tagsanim {
  0% {
    opacity: 1;
    margin-left: 0;
    text-align: left;
    transform: translateX(0);
  }
  15% {
    opacity: 0.2;
  }
  49% {
    opacity: 0;
    transform: translateX(50%);
  }
  51% {
    opacity: 0;
    transform: translateX(-50%);
  }
  65% {
    opacity: 0.2;
  }
  100% {
    opacity: 1;
    text-align: right;
    margin-left: auto;
  }
}
@keyframes tagsanim-inv {
  0% {
    opacity: 1;
    text-align: right;
    margin-left: auto;
    transform: translateX(0);
  }
  15% {
    opacity: 0.2;
  }
  49% {
    opacity: 0;
    transform: translateX(-50%);
  }
  51% {
    opacity: 0;
    transform: translateX(50%);
  }
  65% {
    opacity: 0.2;
  }
  100% {
    opacity: 1;
    margin-left: 0;
    text-align: left;
  }
}
@keyframes hleft {
  to {
    left: 38vw;
  }
}
@keyframes hright {
  to {
    right: 3vw;
  }
}
@keyframes backgrid01 {
  100% {
    background-position: 40px 40px;
  }
}
@keyframes slideFromBottom {
  0% {
    opacity: 0;
    transform: translateY(100%);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes popup1 {
  from {
    opacity: 0;
    transform: scale(0.001);
    transform-origin: center center;
  }
  to {
    opacity: 1;
    transform: scale(1);
    transform-origin: center center;
  }
}
@keyframes slide_from_left {
  0% {
    opacity: 0;
    transform: translateX(-1000px);
  }
  40% {
    opacity: 0.15;
    transform: translateX(-300px);
  }
  100% {
    opacity: 1;
    transform: translateX(0px);
  }
}
@keyframes slide_from_right {
  0% {
    opacity: 0;
    transform: translateX(200px) scale(1);
  }
  100% {
    opacity: 1;
    transform: translateX(0px) scale(1);
  }
}
@keyframes slide_from_top {
  0% {
    opacity: 0;
    transform: translateY(-1000px);
  }
  50% {
    opacity: 0.25;
    transform: translateY(-200px);
  }
  100% {
    opacity: 1;
    transform: translateY(0px);
  }
}
@keyframes fade_in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fade_in_from_bottom {
  0% {
    opacity: 0;
    transform: translateY(280px);
  }
  50% {
    opacity: 0.2;
    transform: translateY(80px);
  }
  100% {
    opacity: 1;
    transform: translateY(0px);
  }
}
@media screen and (prefers-reduced-motion: no-preference) and (min-width: 64em) {
  .slide-in .flowarea {
    overflow: hidden;
  }
}
@media screen and (prefers-reduced-motion: no-preference) {
  .fade-in {
    opacity: 0;
    transition: opacity 0.25s 0.1s ease-in;
  }
  .fade-in.appear {
    opacity: 1;
  }
  #h-animate {
    width: 100vw;
    height: 100vh;
    z-index: -6;
    position: absolute;
    top: 70vh;
  }
  #h-animate.animate::before {
    content: "";
    background: url(images/h-left.png);
    height: 55vw;
    width: 43vw;
    background-size: auto 100%;
    background-position: bottom;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    left: -30vw;
    z-index: -2;
    animation: hleft 0.5s ease-in;
    animation-fill-mode: forwards;
    animation-fill-mode: both;
  }
  #h-animate.animate:after {
    content: "";
    background: url(images/h-right.png);
    height: 55vw;
    width: 20vw;
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: bottom;
    position: absolute;
    top: 0;
    z-index: -2;
    right: -30vw;
    animation: hright 0.5s ease-in;
    animation-fill-mode: forwards;
    animation-fill-mode: both;
  }
  .moving-grid {
    animation: backgrid01 1.5s infinite;
    animation-timing-function: linear;
  }
  .hero-img {
    opacity: 0;
  }
  .hero-img.hero01 {
    opacity: 1;
    transition: opacity 0.2s 0.25s ease-in-out;
  }
}
@media screen and (prefers-reduced-motion: no-preference) and (min-width: 64em) {
  .hero-img.hero01 {
    transition: opacity 0.2s 0.15s ease-in-out;
  }
}
@media screen and (prefers-reduced-motion: no-preference) {
  .hero-img.hero02 {
    animation: 0.65s ease-out 0.96s 1 forwards slide_from_left;
  }
  .hero-img.hero03 {
    animation: 0.75s ease-out 1.35s 1 forwards slide_from_top;
  }
  .hero-img.hero04 {
    animation: 0.5s ease-out 2.25s 1 forwards slide_from_right;
  }
  .hero-img.hero-back {
    animation: 0.75s ease-out 2.45s 1 forwards fade_in;
  }
  .hero .block-title {
    opacity: 0;
    animation: 0.5s ease-out 0s 1 forwards fade_in_from_bottom;
  }
}
@media screen and (prefers-reduced-motion: no-preference) and (min-width: 64em) {
  .hero .block-title {
    animation: 0.75s ease-out 2.65s 1 forwards fade_in_from_bottom;
  }
}
@media screen and (prefers-reduced-motion: no-preference) {
  .hero .txt-part.text-partty {
    opacity: 0;
    animation: 0.75s ease-out 3.25s 1 forwards fade_in_from_bottom;
  }
  .wp-block-mess-baseblock:not(.hero) .txt-part,
  .wp-block-mess-baseblock:not(.hero) .block-title {
    opacity: 0;
    transform: translateY(25%);
  }
  .wp-block-mess-baseblock:not(.hero) .img-part {
    opacity: 0;
    transform: scale(0.75);
  }
  .wp-block-mess-baseblock:not(.hero).image-left .img-part {
    opacity: 0;
  }
  .wp-block-mess-baseblock:not(.hero) .sidenote {
    opacity: 0;
  }
  .wp-block-mess-baseblock:not(.hero).showup .txt-part {
    opacity: 1;
    transform: translateY(0%);
    transition: all 0.75s 0.5s ease-in-out;
  }
  .wp-block-mess-baseblock:not(.hero).showup .block-title {
    opacity: 1;
    transform: translateY(0%);
    transition: all 0.75s 0.25s ease-in-out;
  }
  .wp-block-mess-baseblock:not(.hero).showup.image-left .img-part,
  .wp-block-mess-baseblock:not(.hero).showup .img-part {
    opacity: 1;
    transform: scale(1);
    transition: all 0.75s 0.25s ease-in-out;
  }
  .wp-block-mess-baseblock:not(.hero).showup .sidenote {
    opacity: 1;
    transition: opacity 0.75s 0.25s ease-in-out;
  }
}
/*--------------------------------------------------------------
# BASIC STYLES
--------------------------------------------------------------*/
body {
  width: 100%;
  overflow-x: hidden;
  background: #f4f4f4;
  position: relative;
}

.block, .page-template-page-text .site-main {
  position: relative;
  padding: var(--vspace-top) 0 var(--vspace-btm);
}

.centered .block-title {
  max-width: unset;
}

.sidenote {
  text-transform: uppercase;
  margin: 0;
  letter-spacing: 0.2em;
  margin-bottom: 12px;
  font-size: 13px;
  z-index: 3;
}
@media (min-width: 64em) {
  .sidenote {
    transform: rotate(-90deg);
    transform-origin: left top;
    width: 34ch;
    margin: 0;
    text-align: center;
    font-size: 14px;
    margin-top: 34ch;
  }
}

/*--------------------------------------------------------------
  ## block Map
  * Homepage
      block basic --->(text-part img-part)
      block basic image-left --->(text-part img-part)
      block basic golden --->(text-part img-part)
      block basic double --->(half1 - half2)
      block basic quattro --->(half1 - half2 - half3 - half4)
      home-section-area --->(section-content)

  * Ready to Order Products Template
      block basic --->(text-part img-part)
      block basic image-left --->(text-part img-part)
      block basic centered --->(img-part.solo-img )
      block basic nospc --->(text-part img-part)
      block quattro with-image --->(text-part.half# img-part)
      wp-block-mess-spec-mama spec-all basic block
      block basic txt-only --->(text-part.solo-subtitle )

  * Case Studies Template
      block basic case-study --->(txt-part.case-area img-part clientlink)
      block basic image-left --->(text-part img-part)
      block basic triple --->(half1 - half2 - half3)
      block basic numbered --->(benefits)

  * Process
      block basic --->(text-part img-part)
      block basic triple --->(half1 - half2 - half3)
      block basic process --->(filters - card-area)
      block basic paragraph

  * GenericPage
      newsletter-section

      flow-holder
        -->flow4
        -->flow3
--------------------------------------------------------------*/
@media (min-width: 64em) {
  .triple .txt-part h3,
  .triple .txt-part h5,
  .triple .txt-part p {
    width: 85%;
  }
  .triple .txt-part figure {
    width: 95%;
  }
}
.triple .txt-part.half1 {
  color: var(--light-green);
}
.triple .txt-part.half2 {
  color: var(--dark-green);
}
.triple .txt-part.half3 {
  color: var(--brown);
}

.triple .block-title {
  max-width: unset;
}

.quattro .txt-part {
  width: 85%;
  margin-top: 2em;
}

.home .txt-part.half2 h3 {
  margin: 3em 0 1.5em;
}

.home .quattro .txt-part p {
  font-size: 18px;
}

.home .quattro .txt-part h3 {
  margin-top: 1em;
  margin-bottom: 0.5em;
  font-size: 24px;
}
@media (min-width: 480px) {
  .home .quattro .txt-part h3 {
    height: 3.5ch;
  }
}
.home .quattro .txt-part h3 {
  margin-bottom: 0.5em;
}
@media (min-width: 800px) {
  .home .quattro .txt-part h3 {
    height: unset;
    color: var(--light-green);
  }
}
@media (min-width: 1024px) {
  .home .quattro .txt-part h3 {
    height: 3.5ch;
    color: var(--dark-green);
  }
}

.home .quattro .txt-part.see-more .button a {
  color: #000;
}
.home .quattro .txt-part.see-more .button:hover a,
.home .quattro .txt-part.see-more .button a:hover {
  color: #fff;
}

.img-part {
  text-align: center;
  display: flex;
  align-items: flex-start; /* new */
}
@media (min-width: 42em) {
  .img-part img {
    margin-left: auto;
    margin-right: auto;
  }
}
.img-part img {
  display: block;
}

.home .img-part img {
  max-width: 125%;
  margin-left: -15%;
}
@media (min-width: 42em) {
  .home .img-part img {
    max-width: 100%;
    margin-left: auto;
  }
}

.home .double .half2 .wp-block-button {
  max-width: unset;
  width: clamp(14ch, 10px, 36ch);
  --accent-btn-color: var(--light-green);
  --base-btn-color: var(--brown);
  --sec-btn-color: #fff;
}

.quattro .icon img {
  width: 175px;
}

.wp-block-mess-slider {
  z-index: 1;
}

.quattro.with-image .img1 img {
  margin-left: 0;
}

@media (min-width: 42em) {
  .quattro.with-image .img2 img {
    margin-left: 2vw;
  }
}

main section:last-of-type {
  padding-bottom: calc(2.5em + 7vw);
}

/* ----------- MENU - PRODUCT LIST ----------- */
.products-menu {
  transform: translate(0, -180%);
  position: fixed;
  transition: all 0.25s ease-in-out;
}
.products-menu.opened {
  transform: translate(0, 0);
}
.products-menu {
  width: 100vw;
  left: 0;
  top: 0;
  height: calc(100vh - 100px);
  background: #f4f4f4;
  z-index: 60;
  margin-top: 70px;
}
.products-menu .products-list .type-products {
  flex: 0 0 15%;
}
.products-menu button {
  position: absolute;
}

/* ----------- end of MENU - PRODUCT LIST ----------- */
/* ----------- ARCHIVE - PRODUCT LISTS ----------- */
.products-list {
  display: flex;
  flex-wrap: wrap;
}
.products-list .type-products {
  flex: 0 0 100%;
  padding: calc(var(--space1) * 0.75) 0;
}
@media (min-width: 42em) {
  .products-list .type-products {
    flex: 0 0 50%;
  }
}
@media (min-width: 80em) {
  .products-list .type-products {
    flex: 0 0 33.3333333%;
  }
}
.products-list .type-products {
  text-align: center;
  overflow: hidden;
}
.products-list .type-products:nth-child(5n-2) {
  background: rgb(165.5941704036, 184.9058295964, 169.8856502242);
}
.products-list .type-products:nth-child(5n-3) {
  background: #ffffff;
}
.products-list .type-products:nth-child(5n-5) {
  background: rgb(212.4574468085, 199.6489361702, 190.0425531915);
}
.products-list .type-products:nth-child(5n-1) {
  background: transparent;
}
.products-list .type-products:nth-child(14n) {
  background: #fff;
}
.products-list #post-41,
.products-list #post-477 {
  background: #ffffff;
}
.products-list #post-41 .post-thumbnail img,
.products-list #post-477 .post-thumbnail img {
  transform-origin: left center;
}

.text-thumb-area {
  text-align: left;
  padding: 0 var(--space2a);
}
@media (min-width: 64em) {
  .text-thumb-area {
    padding: 0 var(--space1);
  }
}
.text-thumb-area {
  padding-bottom: var(--space2);
}

.products-list .post-thumbnail img {
  transform: scale(0.95);
  transition: all 0.35s 0.25s ease-in-out;
}
.products-list .post-thumbnail:hover img {
  transform: scale(1.15);
  transition: all 0.35s ease-in-out;
}
.products-list p {
  min-height: 7ex;
}

/* ----------- end of ARCHIVE - PRODUCT LISTS ----------- */
.see-more {
  color: #fff;
}

.see-more,
.subtitle {
  font-size: 16px;
}

.see-more .button {
  background: transparent;
  border: 1px solid #222;
  color: #222;
  min-width: 12ch;
  margin-right: 1.5rem;
  max-width: 25ch;
  text-align: center;
}
.see-more .button:hover {
  background: #222;
  border: 1px solid #222;
  color: #c4c4c4;
}
.see-more .button.bloc {
  display: block;
  margin-bottom: 1rem;
}
.see-more .button.tiny {
  padding: 8px;
  border-radius: 5px;
  margin-bottom: 1rem;
  width: 12ch;
  vertical-align: middle;
}

:lang(el) .see-more .button.tiny {
  width: 16ch;
}

#slider1 {
  z-index: 2;
}

@media (min-width: 64em) {
  #slider2 .embla__slide img {
    width: 90%;
    margin-left: auto;
    margin-right: 0;
  }
}

.clients-section {
  margin-bottom: calc(15px + 100 * (100vw - 320px) / 1600);
}

.client img {
  display: block;
}

.clients-lista {
  position: relative;
  overflow: hidden;
}
@media (min-width: 64em) {
  .clients-lista {
    margin-left: -0.5em;
  }
}

.clients-area {
  margin-bottom: 3em;
}

.post-type-archive .see-more {
  padding: 0 var(--space1);
  margin-bottom: 0;
}

.news-item {
  position: relative;
  overflow: hidden;
  flex: 0 0 48%;
}
@media (min-width: 64em) {
  .news-item {
    flex: 0 0 28%;
  }
}

.news-card {
  overflow: hidden;
  color: #fff;
}
.news-card .post-thumbnail {
  display: block;
}
.news-card .post-thumbnail img {
  width: 100%;
  aspect-ratio: 0.8;
}
.news-card .news-text-part {
  transform: translateY(120%);
  transition: transform 0.5s ease-in-out;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 1rem 1.6rem;
  position: absolute;
  width: 100%;
  bottom: 0;
  top: 0;
  color: #fff;
}
.news-card .news-text-part a {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 100%;
  align-items: stretch;
  margin: 0 0;
  display: block;
  color: #fff;
}
.news-card .news-text-part .news-link {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}
.news-card:nth-child(3n+1) .news-text-part {
  background: var(--brown);
}
.news-card:nth-child(3n+2) .news-text-part {
  background: var(--light-green);
}
.news-card:nth-child(3n+3) .news-text-part {
  background: var(--dark-green);
}
.news-card .helper {
  padding: 1.5em;
  margin-top: -5px;
  font-size: 16px;
}
.news-card .helper p {
  margin: 0;
  color: #222;
  height: 1.38em;
  font-weight: 700;
  overflow: hidden;
}
.news-card .card-title {
  font-size: 28px;
  line-height: 1.1;
  color: #fff;
  margin: 12px 0;
  font-weight: 500;
}
.news-card .card-title a {
  color: #fff;
}
.news-card .card-text {
  font-size: 18px;
  max-height: 0;
  overflow: hidden;
  margin: 0;
  transition: all 0.5s ease-in-out;
}
.news-card .new-cat {
  font-size: 12px;
  left: 1.6rem;
  color: #fff;
  letter-spacing: 0.2em;
  text-transform: uppercase;
}
.news-card:hover .news-text-part {
  transform: translateY(0);
}
.news-card:hover .card-text {
  max-height: 15em;
  min-height: 6em;
  padding-bottom: 1em;
}

.case-area {
  border: 1px solid grey;
  margin: 0 0;
}
.case-area p {
  margin: 0;
  padding: 0.75rem 1.5rem;
  border-bottom: 1px solid grey;
}
.case-area p:last-child {
  border-bottom: none;
}
.case-area p .case-term {
  color: var(--light-green);
  font-weight: 700;
}

.clientlink {
  margin-top: 2rem;
  font-weight: 700;
}
.clientlink p {
  margin: 0;
}

.numbered {
  background: #f4f4f4;
}
.numbered h2 {
  top: 50px;
}
.numbered .num-area {
  background: inherit;
  top: 120px;
}
.numbered .sidenote {
  top: 50%;
  top: 50vh;
}

.num-area {
  border-bottom: 1px solid #333;
}
.num-area:last-of-type {
  border-bottom: none;
}
@media (min-width: 64em) {
  .num-area {
    border: none;
  }
}

.num {
  text-align: right;
  counter-increment: nums;
}
.num:before {
  content: counter(nums);
  font-size: var(--big-nums1);
  width: 1ch;
  display: block;
  text-align: left;
  color: #fff;
  font-weight: 700;
}
@media (min-width: 64em) {
  .num:before {
    border-bottom: 1px solid #333;
  }
}

.just-grid, .home .image-left.col3, .moving-grid {
  background: url("../images/grid01.png");
  background-size: 40px 40px;
}

/*--------------------------------------------------------------
# PAGE SPECIFIC CONTENT
--------------------------------------------------------------*/
.fake-product-element {
  display: flex;
  background: #eee !important;
}
.fake-product-element .see-more {
  display: none;
}
@media (min-width: 42em) {
  .fake-product-element {
    background: #eee894 !important;
  }
  .fake-product-element .see-more {
    display: block;
  }
}
.fake-product-element {
  margin: 0;
}
.fake-product-element .text-thumb-area {
  margin: auto 0;
  padding-top: 1.5em;
  padding-bottom: 1.5em;
}
.fake-product-element h1 {
  text-align: left;
}
.fake-product-element .see-more {
  width: 100%;
}

.color-swatch {
  width: 35px;
}
@media (min-width: 64em) {
  .color-swatch {
    width: 65px;
  }
}

.filters {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: 1.5em;
}
.filters .filter {
  margin: 0 1em 0.5em;
  font-weight: bold;
  cursor: pointer;
  border: 1px solid #444;
  width: 13ch;
  text-align: center;
}

.wp-block-mess-card-item {
  width: 97%;
  background: #fff;
  padding: 1em;
  justify-self: stretch;
  margin-bottom: 1em;
}
.wp-block-mess-card-item.hide {
  display: none;
}

.wp-block-mess-card-item.deco-img {
  display: none;
}
@media (min-width: 600px) {
  .wp-block-mess-card-item.deco-img {
    padding: 0;
    display: block;
    grid-column: span 2;
    grid-row: span 2;
    margin-bottom: 0;
    width: 98%;
    background: transparent;
  }
  .wp-block-mess-card-item.deco-img .img-part {
    margin: 0;
    max-width: 100%;
    height: 99%;
  }
  .wp-block-mess-card-item.deco-img .img-part img {
    -o-object-fit: cover;
       object-fit: cover;
    display: block;
    margin: 0;
    padding: 0;
  }
}

.sten-nmb {
  font-size: 130px;
  width: 100%;
  margin: 0;
  font-weight: bold;
  color: #000000;
  opacity: 0.14;
  line-height: 1;
}
.sten-nmb span {
  font-size: 64px;
}

.tags {
  display: inline-block;
  margin: 0;
  padding-top: 15px;
  margin-top: auto;
  position: absolute;
  bottom: 10px;
  transform: translateY(0px);
}
.tags br {
  display: none;
}
.tags span {
  margin-right: 1em;
}
.tags {
  font-size: 0.75em;
  text-align: left;
  font-weight: bold;
  transition: inherit;
}

.slided .tags {
  transform: translateY(40px);
  transition: all 0.5s 0.2s linear;
}

.process-card {
  max-height: 100%;
  transition: all 0.5s 0.2s linear;
}
.process-card h4 {
  color: var(--dark-green);
  color: #000;
  width: 100%;
  cursor: pointer;
}

.process .card-item {
  grid-row: span 1;
  position: relative;
}
.process .card-item .wp-block-image {
  cursor: pointer;
  transition: all 0.5s 0.2s linear;
  transform: translate(30%, -100px) scale(0.5);
  height: 200px;
  margin: -1.5em auto 1em;
}
.process .card-item .wp-block-image img {
  width: 90%;
  max-height: 200px;
  -o-object-fit: contain;
     object-fit: contain;
  margin: auto;
  display: block;
}
.process .card-item .wp-block-image {
  max-height: 0;
}
.process .card-item .step-data {
  max-height: 1px;
  opacity: 0;
  margin: 0 0 40px;
  overflow: hidden;
}
.process .card-item.slided {
  grid-row: span 2;
}
.process .card-item.slided .wp-block-image {
  transform: translate(0%, 0%) scale(1);
  max-height: 210px;
}
.process .card-item.slided .step-data {
  max-height: 800px;
  opacity: 1;
  transition: max-height 0.5s 0.1s ease-in-out, opacity 0.9s 0.5s ease-in-out;
}

.card-item .img-part {
  margin: 0 auto;
  max-width: 400px;
}

/*--------------------------------------------------------------
# PAGE SPECIFIC OVERRIDES
--------------------------------------------------------------*/
@media (min-width: 64em) {
  .block.centered.size-h2-smaller h2.block-title, .page-template-page-text .centered.size-h2-smaller.site-main h2.block-title {
    grid-row: 1/4;
    align-self: center;
  }
}
.block.centered.size-h2-smaller h2.block-title, .page-template-page-text .centered.size-h2-smaller.site-main h2.block-title {
  grid-column: 3/8;
}

.home .double {
  padding: 0;
}
.home .double .half1 {
  background: #d9b694;
  background: url("../images/back-brown01.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: left top, left bottom;
}
.home .double .half2 {
  background: #151c17 !important;
  background: url("../images/back-green01.png") !important;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: left top, left bottom;
}
.home .double .sidenote {
  margin-top: var(--vspace-top);
}
.home .double .half1,
.home .double .half2 {
  max-width: 100%;
  padding: var(--vspace-top) calc(var(--space1) + var(--space2)) var(--vspace-top);
  display: flex;
  flex-direction: column;
}
.home .double .half1 {
  flex-direction: row;
  align-items: center;
}
.home .double .half1 h2 {
  margin-top: 2em;
}
@media (min-width: 64em) {
  .home .double .sidenote {
    margin-top: 34ch;
    color: var(--dark-green);
  }
  .home .double .half1 {
    padding-right: var(--space3);
    flex-direction: column;
    align-items: flex-start;
  }
  .home .double .half1 h2 {
    margin-top: 0;
  }
  .home .double .half2 {
    padding-left: var(--space3);
    padding-right: var(--space2);
  }
  .home .double .half2 p {
    background: rgba(21, 28, 23, 0.3215686275);
  }
}
@media (min-width: 80em) {
  .home .double .half2 {
    padding-right: calc(var(--space2) + var(--space1));
  }
}
.home .double {
  color: #fff;
}
.home .double h3 {
  color: var(--light-green);
  color: #a8ddb3;
  background: rgba(21, 28, 23, 0.3215686275);
  margin: 3.4em 0 1em;
}
.home .double .half1 h2 {
  color: var(--dark-green);
  font-size: var(--size-h2s);
}
@media (min-width: 64em) {
  .home .double .half1 h2 {
    font-size: var(--size-h2);
  }
}
.home .double .icon {
  flex-shrink: 0;
  margin-top: 1em;
  margin-right: 1em;
}
@media (min-width: 42em) {
  .home .double .icon {
    width: 45%;
  }
}
@media (min-width: 64em) {
  .home .double .icon {
    width: unset;
  }
}
.home .double .icon img {
  width: calc(90px + 50 * (100vw - 320px) / 1600);
}
@media (min-width: 42em) {
  .home .double .icon img {
    width: 65%;
    display: block;
    margin: auto;
  }
}
@media (min-width: 64em) {
  .home .double .icon img {
    margin: unset;
    width: unset;
    margin-bottom: 0.75em;
  }
}

html:lang(el) .home .double .half2 .wp-block-button {
  width: 23ch;
}

h3[class^=tag] br,
h3[class^=tag] + h5 br {
  display: none;
}
@media (min-width: 64em) {
  h3[class^=tag] br,
  h3[class^=tag] + h5 br {
    display: unset;
  }
}

.icon-img {
  width: 85px;
  display: inline-block;
  margin: 2em 0.5em 2em 0;
}
@media (min-width: 64em) {
  .icon-img {
    width: 100px;
    margin: 2em 2em 2em 0;
  }
}

.second-text .btn-icon {
  width: 45px;
}

.instruct-icon img {
  width: 75%;
}

.timeline .block, .timeline .page-template-page-text .site-main, .page-template-page-text .timeline .site-main {
  padding: 0;
}
.timeline .block .block-title, .timeline .page-template-page-text .site-main .block-title, .page-template-page-text .timeline .site-main .block-title {
  color: var(--light-green);
  color: #76937c;
  letter-spacing: -6px;
}
@media (min-width: 64em) {
  .timeline .block .block-title, .timeline .page-template-page-text .site-main .block-title, .page-template-page-text .timeline .site-main .block-title {
    padding-right: 20px;
    text-align: right;
    align-self: center;
  }
}
.timeline .block .block-title, .timeline .page-template-page-text .site-main .block-title, .page-template-page-text .timeline .site-main .block-title {
  margin: 0;
  font-size: clamp(32px, 15vw, 103px);
  grid-row: 1;
}
.timeline .block .txt-part, .timeline .page-template-page-text .site-main .txt-part, .page-template-page-text .timeline .site-main .txt-part {
  align-self: start;
  padding-bottom: var(--vspace-btm);
}
@media (min-width: 64em) {
  .timeline .block .txt-part, .timeline .page-template-page-text .site-main .txt-part, .page-template-page-text .timeline .site-main .txt-part {
    grid-column: 5/span 2;
    padding: calc(var(--vspace-btm) * 0.5) 0 calc(var(--vspace-btm) * 0.5);
    grid-row: 1;
    align-self: center;
    padding-left: 20px;
  }
}
@media (min-width: 64em) {
  .timeline .block.image-left .txt-part, .timeline .page-template-page-text .image-left.site-main .txt-part, .page-template-page-text .timeline .image-left.site-main .txt-part {
    grid-column: 3/span 2;
    padding-left: 0px;
    padding-right: 20px;
    text-align: right;
  }
}
.timeline .block.image-left .block-title, .timeline .page-template-page-text .image-left.site-main .block-title, .page-template-page-text .timeline .image-left.site-main .block-title {
  text-align: left;
}
@media (min-width: 64em) {
  .timeline .block.image-left .block-title, .timeline .page-template-page-text .image-left.site-main .block-title, .page-template-page-text .timeline .image-left.site-main .block-title {
    grid-column: 5/span 2;
    padding-left: 20px;
    padding-right: 0;
  }
}

.timeline-item:before {
  content: "";
  width: 75vw;
  height: 1px;
}
@media (min-width: 64em) {
  .timeline-item:before {
    width: 35vw;
    grid-column: 3/span 4;
    margin: 0 auto 10px;
  }
}
.timeline-item:before {
  background-color: var(--brown);
  margin-left: calc(var(--space1) + var(--space2));
}

.accordion {
  margin-bottom: 0.25em;
  overflow: hidden;
  cursor: pointer;
}
@media (min-width: 600px) {
  .accordion {
    cursor: unset;
  }
}
.accordion p {
  max-height: 0;
  opacity: 0;
  margin: 0;
  transition: all 0.5s ease-in-out;
}
@media (min-width: 600px) {
  .accordion p {
    max-height: 20em;
    opacity: 1;
    margin: 0.25em 0 0.5em;
  }
}
.accordion.acc-opened {
  cursor: unset;
}
.accordion.acc-opened p {
  max-height: 20em;
  opacity: 1;
  margin: 0.25em 0 0.5em;
}
.accordion h4 {
  margin: 0.25em 0 1em;
  color: var(--light-green);
  font-size: 20px;
}
@media (min-width: 64em) {
  .accordion h4 {
    font-size: 24px;
  }
}

.wp-block-mess-spec br {
  display: none;
}
.wp-block-mess-spec br .spec-value {
  display: inline-block !important;
}
@media (min-width: 64em) {
  .wp-block-mess-spec br {
    display: unset;
  }
  .wp-block-mess-spec br .spec-value {
    display: block !important;
  }
}

.page-id-442 .block.triple, .page-id-442 .page-template-page-text .triple.site-main, .page-template-page-text .page-id-442 .triple.site-main,
.page-id-219 .block.triple,
.page-id-219 .page-template-page-text .triple.site-main,
.page-template-page-text .page-id-219 .triple.site-main {
  margin-top: -2em;
  padding-top: 0;
}
.page-id-442 h5,
.page-id-219 h5 {
  font-size: 20px;
  margin-top: 0.5em 0 0.75em;
}
@media (min-width: 64em) {
  .page-id-442 h5,
  .page-id-219 h5 {
    font-size: 22px;
  }
}
.page-id-442 h3,
.page-id-219 h3 {
  font-size: var(--size-h2s);
  margin-top: 0.5em 0 0.75em;
}
@media (min-width: 64em) {
  .page-id-442 h3,
  .page-id-219 h3 {
    font-size: var(--size-h2s);
  }
}
.page-id-442 .block.paragraph, .page-id-442 .page-template-page-text .paragraph.site-main, .page-template-page-text .page-id-442 .paragraph.site-main,
.page-id-219 .block.paragraph,
.page-id-219 .page-template-page-text .paragraph.site-main,
.page-template-page-text .page-id-219 .paragraph.site-main {
  margin-top: -1em;
  padding-top: 0;
}

.news-page .block-title {
  margin-bottom: 2em;
}

.products-list .type-products {
  display: flex;
  flex-direction: column;
  padding: calc(var(--space1) * 0.25) 0 calc(var(--space1) * 0.25);
}
.products-list .type-products p {
  margin-bottom: 0.25em;
}
.products-list .type-products {
  justify-content: space-between;
}
.products-list .type-products .product-tags {
  text-align: left;
  padding: 0 var(--space2a);
  padding-top: 1.1rem;
}
@media (min-width: 64em) {
  .products-list .type-products .product-tags {
    padding: 0 var(--space1);
    padding-top: 1.1rem;
  }
}
.products-list .type-products .product-tags {
  text-transform: uppercase;
  letter-spacing: 0.2em;
  margin-bottom: 1.2em;
  font-size: 13px;
  line-height: 1.5;
  order: -1;
}

.social-btns-area a {
  display: inline-block;
}

::-moz-selection {
  background: var(--light-green);
}

::selection {
  background: var(--light-green);
}

.page-template-page-text .site-main article {
  grid-column: 3/7;
  max-width: 85ch;
}
.page-template-page-text .site-main article h1 {
  margin-bottom: 1.25em;
}
.page-template-page-text .site-main article h2 {
  font-size: var(--size-h2s);
  margin: 1.25em 0 0.5em;
  max-width: 85ch;
}
.page-template-page-text .site-main article h3 {
  font-size: var(--size-h3);
  margin: 1.25em 0 0.5em;
  max-width: 85ch;
}
.page-template-page-text .site-main article p {
  margin: 0.5em 0;
  max-width: 85ch;
}
.page-template-page-text .site-main article table {
  border: 1px solid #808080;
  margin-top: 1em;
}
.page-template-page-text .site-main article td {
  border: 1px solid #808080;
  padding: 1em;
}
.page-template-page-text .site-main article .wp-block-buttons {
  margin-top: 2.5em;
}

.tag3-txt span,
.tag2-txt span,
.tag1-txt span {
  display: block;
  font-size: 18px;
}

.triple .txt-part.tag1 {
  color: var(--tag1-color);
}

.triple .txt-part.tag2 {
  color: var(--tag2-color);
}

.triple .txt-part.tag3 {
  color: var(--tag3-color);
}

.archive.tag main section:last-of-type,
.post-type-archive-products main section:last-of-type,
.archive.tax-product-type main section:last-of-type {
  padding-bottom: 0;
}

.espa {
  right: 0;
  outline: 1px solid rgba(0, 71, 80, 0.2196078431);
  z-index: 99;
  padding: 10px 3px;
  background: #fff;
  position: fixed;
  bottom: 0;
  right: calc((100% - 280px) * 0.5);
  grid-column: 8/span 1;
  width: 280px;
}
@media (min-width: 800px) {
  .espa {
    bottom: unset;
    right: 0;
    position: absolute;
    top: calc(40vh - 280px);
    transform: rotate(-90deg);
    transform-origin: right bottom;
  }
}
.espa {
  margin: 0;
  grid-column: 8/span 1;
  height: auto;
}
.espa img {
  width: 100%;
  height: 100%;
  margin: 0;
}

.not-supported .site,
.not-supported footer {
  display: none;
}
.not-supported .site-branding {
  display: block !important;
}

.also-area h2 {
  color: var(--light-green);
}
.also-area .slider-areaa {
  position: relative;
}
.also-area button {
  border: none;
  background: transparent;
  bottom: calc(50% - 25px);
  width: 50px;
  height: 50px;
  padding: 0;
  position: absolute;
  stroke: var(--brown);
}
.also-area button .idle {
  stroke: var(--brown);
  fill: transparent;
  stroke-width: 3;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.also-area button:hover .idle, .also-area button:focus-visible .idle {
  stroke: var(--light-green);
}
.also-area button.embla__prev {
  left: -25px;
}
@media (min-width: 42em) {
  .also-area button.embla__prev {
    left: -50px;
  }
}
.also-area button.embla__next {
  right: -25px;
}
@media (min-width: 42em) {
  .also-area button.embla__next {
    right: -50px;
  }
}

#also-slider {
  position: relative;
  overflow: hidden;
}
#also-slider .embla__slide p {
  padding: 0 1.75em;
  font-weight: bold;
  color: var(--dark-green);
}
#also-slider .embla__slide:nth-child(5n+1) {
  background: white;
}
#also-slider .embla__slide:nth-child(5n+2) {
  background: #d4c8be;
}
#also-slider .embla__slide:nth-child(5n+3) {
  background: white;
}
#also-slider .embla__slide:nth-child(5n+4) {
  background: #a6b9aa;
}
#also-slider .embla__slide:nth-child(5n+5) {
  background: #eee894;
}

.block.hero, .page-template-page-text .hero.site-main {
  overflow: hidden;
}
.block.hero p, .page-template-page-text .hero.site-main p {
  max-width: 54ch;
}

.hero-img {
  position: absolute;
}
.hero-img.hero01 {
  width: 45vw;
  top: -12vw;
  left: 32vw;
  width: 44vw;
  top: -8vw;
  left: 42vw;
}
@media (min-width: 42em) {
  .hero-img.hero01 {
    top: -6vw;
    left: -6vw;
    width: 20.5vw;
    top: -5vw;
    width: 18.5vw;
    width: 16.5vw;
  }
}
.hero-img.hero02 {
  top: 6vw;
  left: -6vw;
  width: 43vw;
  left: -15vw;
  width: 59vw;
}
@media (min-width: 42em) {
  .hero-img.hero02 {
    top: 2vw;
    left: 4vw;
    width: 27vw;
    top: -1.4vw;
    left: 12vw;
    width: 22vw;
    top: -2.4vw;
    width: 21vw;
    left: 10vw;
    top: -4.4vw;
    width: 23vw;
  }
}
.hero-img.hero03 {
  top: 27vw;
  right: -16vw;
  width: 51vw;
}
@media (min-width: 42em) {
  .hero-img.hero03 {
    top: -6vw;
    right: 21vw;
    width: 23vw;
    top: -7vw;
    right: 17vw;
    width: 19vw;
    top: -4vw;
    right: 23vw;
    top: -5vw;
    right: 21vw;
  }
}
.hero-img.hero04 {
  top: 82vw;
  right: 19vw;
  z-index: -1;
  width: 70vw;
}
@media (min-width: 42em) {
  .hero-img.hero04 {
    top: 14vw;
    right: -2vw;
    width: 29vw;
    top: 15vw;
    right: 0vw;
    width: 28vw;
    top: 9vw;
    right: -5vw;
    top: 12vw;
    right: -3vw;
  }
}
.hero-img.hero-back img {
  display: none;
}
.hero-img.hero-back {
  z-index: -1;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url("../images/hero-arrow02.png");
  width: 83vw;
  height: 108vw;
  top: 21vw;
  right: -3vw;
}
@media (min-width: 42em) {
  .hero-img.hero-back {
    background-image: url("../images/hero-arrow01.png");
    width: 83vw;
    height: 14vw;
    top: 5.4vw;
    left: -7.6vw;
    width: 72.8vw;
  }
}

.txt-part.all-images {
  position: relative;
  height: 130vw;
  margin-top: 1rem;
}
@media (min-width: 42em) {
  .txt-part.all-images {
    height: 28vw;
    margin-top: 2rem;
  }
}
@media (min-width: 64em) {
  .txt-part.all-images {
    height: 23vw;
    margin-top: 0;
  }
}

.hero .block-title {
  color: var(--dark-green);
}
.hero .block-title span {
  color: var(--light-green);
  display: block;
}

.post-template-default .img-part {
  align-self: start;
}

@media (max-width: 1600px) {
  #wpadminbar {
    display: none !important;
  }
}
@media (min-width: 64em) {
  .single-post .sidenote {
    position: sticky;
    top: calc(74ch + 5rem);
    align-self: start;
    grid-row: 2;
  }
  .single-post .img-part {
    position: sticky;
    top: 5rem;
    align-self: start;
    grid-row: 2;
    margin-top: 1em;
  }
}
.products-template-default .block.quattro, .products-template-default .page-template-page-text .quattro.site-main, .page-template-page-text .products-template-default .quattro.site-main {
  padding: 0;
}

.xsmall-txt {
  font-size: 14px;
}
.xsmall-txt label {
  display: inline-block;
  vertical-align: sub;
  margin-right: 0.5rem;
}
.xsmall-txt label input[type=checkbox] {
  box-sizing: border-box;
  min-width: 24px;
  padding: 0;
  width: 100%;
  display: block;
}

span.wpcf7-form-control-wrap.files {
  flex: 0 0 auto;
  margin-top: -8px;
}

.consent-frame {
  width: 90vw;
  min-width: 240px;
  max-width: 500px;
  background: #f4f4f4;
  margin: auto;
  padding: 1.5rem;
}
.consent-frame h3 {
  color: var(--dark-green);
}
.consent-frame .btn-grayscale {
  color: #737373;
  background: transparent;
  border: 1px solid #444;
}
.consent-frame .btn-outline {
  color: var(--dark-green);
  background: transparent;
  border: 1px solid var(--dark-green);
}
.consent-frame .btn-success {
  color: #e4e4e4;
  background: var(--dark-green);
  border: 1px solid var(--dark-green);
}

.cookie-consent-banner {
  background-color: rgba(0, 0, 0, 0.64);
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 100vw;
  overflow: hidden;
  color: rgb(82, 82, 82);
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 99999999;
}

.consent-btns-area {
  display: flex;
  flex-wrap: wrap;
  gap: 0.85rem;
  align-items: center;
  justify-content: center;
  padding: 2.5rem 0.25rem 1rem;
}
.consent-btns-area button {
  padding: 0.75rem;
}

.cookie-consent-options {
  display: flex;
  flex-wrap: wrap;
  gap: 0.85rem;
  align-items: center;
  justify-content: center;
  padding: 1rem 0.25rem 1rem;
}
.cookie-consent-options input {
  margin-right: 0.25rem;
}/*# sourceMappingURL=style.css.map */