/*
Theme Name:			euroskicenter.com
Text domain:		euroskicenter.com
Author:				  baga
Author URI:			https://www.bagaweb.com
License:
License URI:
Version:
Description:
Tested up to:
Requires PHP:
*/

:root {
  /* Font Families */
  --font-family-body:
    "Hanken Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  --font-family-heading:
  "Coolvetica", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;

  /* Font Sizes */
  --size-xxs: clamp(0.83rem, 0.42vw + 0.67rem, 1rem);
  --size-xs: clamp(1rem, 0.63vw + 0.75rem, 1.25rem);
  --size-sm: clamp(1.2rem, 0.91vw + 0.84rem, 1.56rem);
  --size-md: clamp(1.44rem, 1.28vw + 0.93rem, 1.95rem);
  --size-lg: clamp(1.73rem, 1.78vw + 1.01rem, 2.44rem);
  --size-xl: clamp(2.07rem, 2.45vw + 1.1rem, 3.05rem);
  --size-xxl: clamp(2.49rem, 3.32vw + 1.16rem, 3.81rem);
  --size-hero: clamp(2.99rem, 4.46vw + 1.2rem, 4.77rem);

  /* Line height */
  --line-height-body: 1.7;
  --line-height-heading: 1.3;

  /* Colors */
  --color-white: oklch(1 0 0);
  --color-white-950: oklch(0.95 0 0);
  --color-white-900: oklch(0.9 0 0);
  --color-white-750: oklch(0.75 0 0);
  --color-white-250: oklch(0.25 0 0);
  --color-black: oklch(0.2274 0.0108 242.21);
  --color-black-shadow-75: oklch(0 0 0 / 75%);
  --color-black-shadow-25: oklch(0 0 0 / 25%);
  --color-primary: oklch(0.708 0.14888 234.3628);
  --color-primary-shadow: oklch(0.708 0.14888 234.3628 / 75%);
  --color-secondary: oklch(0.6075 0.1385 54.78);
  --color-secondary-light:oklch(0.7075 0.1385 54.78);
  --color-marrone: var(--color-primary);
  --color-arancio: var(--color-secondary);
}
/* Font Families */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Coolvetica';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/coolvetica_rg.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* hanken-grotesk-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Hanken Grotesk';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/hanken-grotesk-v12-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* hanken-grotesk-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Hanken Grotesk';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/hanken-grotesk-v12-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}


/* Colors */

.bg-white-950 {
  background-color: var(--color-white-950);
}
.bg-white-900 {
  background-color: var(--color-white-900);
}
.bg-white-750 {
  background-color: var(--color-white-750);
}
.bg-white-250 {
  background-color: var(--color-white-250);
}
.bg-white-900-gradient {
  background-color: var(--color-white-900);
  background-image: linear-gradient(to right bottom, var(--color-white-900), var(--color-white-950));
}
.bg-white-950-gradient {
  background-color: var(--color-white-950);
  background-image: linear-gradient(to right bottom, var(--color-white-950), var(--color-white));
}
.bg-primary {
  background-color: var(--color-primary);
}
.bg-secondary {
  background-color: var(--color-secondary);
}
.bg-secondary-gradient {
  background-color: var(--color-secondary);
  background-image: linear-gradient(to right bottom, var(--color-secondary), var(--color-secondary-light));
}
.bg-fixed {
  position: relative;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
}
@supports (-webkit-overflow-scrolling: touch) {
  .bg-fixed {
    background-attachment: scroll;
  }
}
@media only screen and (min-width: 640px) {
  .bg-local {
    background-attachment: local;
  }
}
.bg-section {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
.bg-section-header {
  background-image: url("img/bg-section-header.jpg");
}
.bg-section-promessa {
  background-image: url("img/bg-section-promessa.jpg");
}
.bg-section-servizi {
  background-image: url("img/bg-section-servizi.jpg");
}
.bg-section-deposito {
  background-image: url("img/bg-section-deposito.jpg");
}
.bg-section-appartamenti {
  background-image: url("img/bg-section-appartamenti.jpg");
}
.box-shadow {
  box-shadow: 0 10px 20px 0 var(--color-black-shadow-25);
}
/*
  /*! 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;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}
/* Text-level semantics
	 ========================================================================== */
/**
   * Add the correct font size in all browsers.
   */
small {
  font-size: 80%;
}
/************************************************/
/*** WP styles **********************************/
/************************************************/
.alignleft {
  text-align: left;
  float: left;
}
.aligncenter {
  clear: both;
  display: block;
  float: none;
  margin-right: auto;
  margin-left: auto;
  text-align: center !important;
}
.alignright {
  text-align: right;
  float: right;
}
/************************************************/
/*** General ************************************/
/************************************************/
body,
button,
div,
fieldset,
form,
h1,
h2,
h3,
h4,
h5,
h6,
img,
input,
li,
p,
select,
td,
textarea,
th,
ul,
ol {
  margin: 0;
  padding: 0;
  border: 0;
}
body {
  background: var(--color-white);
  font-family: var(--font-family-body);
  font-weight: 400;
  text-align: center;
  overflow-x: hidden;
}
a {
  text-decoration: none;
}
img {
  max-width: 100%;
  height: auto;
}
li {
  list-style: none;
}
.clearfix {
  clear: both;
}
.align-center {
  text-align: center !important;
}
.hidden {
  display: none !important;
}
.hidden-md-down {
  display: none !important;
}
@media only screen and (min-width: 640px) {
  .hidden-md-down {
    display: inline-block !important;
  }
}
.hidden-md-up {
  display: inline-block !important;
}
@media only screen and (min-width: 640px) {
  .hidden-md-up {
    display: none !important;
  }
}
.hidden-lg-down {
  display: none !important;
}
@media only screen and (min-width: 1280px) {
  .hidden-lg-down {
    display: inline-block !important;
  }
}
.hidden-lg-up {
  display: inline-block !important;
}
@media only screen and (min-width: 1280px) {
  .hidden-lg-up {
    display: none !important;
  }
}
/************************************************/
/*** Grid ***************************************/
/************************************************/
.wrapper {
  position: relative;
  margin: 0 auto;
  max-width: 1920px;
  padding: 0 2%;
}
.grid {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
}
@media only screen and (min-width: 1280px) {
  .grid {
    margin: 0 -1%;
  }
}
@media only screen and (min-width: 1280px) {
  .grid-reverse {
    flex-direction: row-reverse;
  }
}
.grid-cell {
  flex: 0 0 100%;
}
@media only screen and (min-width: 1280px) {
  .grid-cell {
    min-width: 0;
    padding: 0 1%;
    flex: 1;
  }
}
@media only screen and (min-width: 640px) {
  .grid-cell-md {
    min-width: 0;
    padding: 0 1%;
    flex: 1;
  }
}
@media only screen and (min-width: 640px) {
  .col-1-4-md {
    padding: 0 1%;
    flex-basis: calc((100% / 4) - 2%);
  }
}
@media only screen and (min-width: 640px) {
  .col-1-2-md-1-4-lg {
    padding: 0 1%;
    flex-basis: calc((100% / 2) - 2%);
  }
}
@media only screen and (min-width: 1280px) {
  .col-1-2-md-1-4-lg {
    flex-basis: calc((100% / 4) - 2%);
  }
}
@media only screen and (min-width: 1280px) {
  .col-1-2-md-1-3-lg {
    flex-basis: calc((100% / 3) - 2%);
  }
}
@media only screen and (min-width: 1280px) {
  .col-1-2 {
    flex-basis: calc((100% / 2) - 2%);
  }
}
@media only screen and (min-width: 1280px) {
  .col-1-3 {
    flex-basis: calc((100% / 3) - 2%);
  }
}
@media only screen and (min-width: 1280px) {
  .col-2-3 {
    flex-basis: calc((100% / 3) * 2 - 2%);
  }
}
@media only screen and (min-width: 1280px) {
  .col-1-5 {
    flex-basis: calc((100% / 5) - 2%);
  }
}
@media only screen and (min-width: 1280px) {
  .col-4-5 {
    flex-basis: calc((100% / 5) * 4 - 2%);
  }
}
@media only screen and (min-width: 1280px) {
  .col-2-6 {
    flex-basis: calc((100% / 6) * 2 - 2%);
  }
}
@media only screen and (min-width: 1280px) {
  .col-1-12 {
    flex-basis: calc((100% / 12) - 2%);
  }
}
@media only screen and (min-width: 1280px) {
  .col-5-12 {
    flex-basis: calc((100% / 12) * 5 - 2%);
  }
}
@media only screen and (min-width: 1280px) {
  .col-11-12 {
    flex-basis: calc((100% / 12) * 11 - 2%);
  }
}
/************************************************/
/*** Header *************************************/
/************************************************/
.site-header {
  height: 100vh;
  height: 100dvh;
}
#lang {
  position: absolute;
  right: 10px;
  top: 10px;
}
#qtranslate-chooser {
  display: flex;
  align-items: flex-end;
  text-transform: uppercase;
}
#qtranslate-chooser li a {
  font-size: var(--size-xxs);
  color: var(--color-white);
  padding: 10px 5px;
}
#qtranslate-chooser li a a:hover {
  color: var(--color-white-250);
}
.site-title {
  width: calc(100vw - 20%);
  margin: 0 auto;
  padding: 60px 0;
}
@media only screen and (min-width: 640px) {
  .site-title {
    width: 500px;
    margin: 0 auto 0 5%;
    padding: 20px 0;
  }
}
@media only screen and (min-width: 1280px) {
  .site-title {
    width: 600px;
    margin: 0 auto 0 5%;
  }
}
img.site-logo {
  width: calc(100vw - 20%);
  max-width: 400px;
}
@media only screen and (min-width: 640px) {
img.site-logo {
  max-width: 360px;
}
}
@media only screen and (min-width: 1280px) {
img.site-logo {
  max-width: 420px;
}
}
.site-title h1 {
  font-family: var(--font-family-heading);
  font-size: var(--size-hero);
  font-weight: normal;
  color: var(--color-white);
    margin: 40px auto;
  line-height: 1;
}
@media only screen and (min-width: 640px) {
  .site-title h1 {
    font-size: var(--size-xxl);
  }
}
/************************************************/
/*** Slider *************************************/
/************************************************/
.flexslider ul.flex-direction-nav li a {
  background: 0 !important;
  width: 40px !important;
  height: 40px !important;
  border-radius: 0 !important;
}
@media only screen and (min-width: 640px) {
.flexslider ul.flex-direction-nav li a {
    width: 80px !important;
    height: 80px !important;
  }
}
@media only screen and (min-width: 1280px) {
.flexslider ul.flex-direction-nav li a {
    width: 120px !important;
    height: 120px !important;
  }
}
.flexslider ul.flex-direction-nav li a.flex-prev {
  content: url('img/arrow-left.png');
}
.flexslider ul.flex-direction-nav li a.flex-next {
  content: url('img/arrow-right.png');
}
.metaslider-flex.ms-theme-default .flex-prev:focus,
.metaslider-flex.ms-theme-default .flex-next:focus {
  display: none !important;
}
/************************************************/
/*** Content ************************************/
/************************************************/
.content {
  padding: 30px 0;
}
@media only screen and (min-width: 640px) {
  .content {
    padding: 45px 0;
  }
}
@media only screen and (min-width: 1280px) {
  .content {
    padding: 60px 0;
  }
}
.content-padd {
  padding: 30px 0;
}
@media only screen and (min-width: 640px) {
  .content-padd {
    padding: 45px 0;
  }
}
@media only screen and (min-width: 1280px) {
  .content-padd {
    padding: 60px 0;
    margin: 0 auto;
    max-width: 1280px;
  }
}
.content h1,
.content h2,
.content h3,
.content h4,
.content h5 {
  font-family: var(--font-family-body);
  line-height: var(--line-height-heading);
  color: var(--color-black);
}
@media only screen and (min-width: 640px) {
  .content h1,
  .content h2,
  .content h4,
  .content h5 {
    padding: 0 5%;
  }
}
@media only screen and (min-width: 1280px) {
  .content h1,
  .content h2,
  .content h4,
  .content h5 {
    padding: 0 15%;
  }
}
.content h1 {
  font-family: var(--font-family-heading);
  font-size: var(--size-xl);
  margin-bottom: var(--size-xl);
  position: relative;
}
.content h1.neg-marg {
  margin: 0 auto -30px auto;
}
@media only screen and (min-width: 640px) {
  .content h1.neg-marg {
    margin: 0 auto -45px auto;
  }
}
@media only screen and (min-width: 1280px) {
  .content h1.neg-marg {
    margin: 0 auto -60px auto;
  }
}
.content h2 {
  font-size: var(--size-xl);
  color: var(--color-black);
  margin-top: var(--size-md);
  margin-bottom: var(--size-sm);
  position: relative;
}
.content h3 {
  font-size: var(--size-lg);
  margin-bottom: var(--size-lg);
  position: relative;
}
.content h4 {
  font-size: var(--size-md);
  margin-bottom: var(--size-md);
}
.content h5 {
  font-size: var(--size-sm);
  margin-bottom: var(--size-sm);
}
.content h6 {
  font-size: var(--size-xs);
  margin-bottom: var(--size-xxl);
  padding-bottom: var(--size-xxl);
}
@media only screen and (min-width: 640px) {
  .content h6 {
    padding: 0 5% var(--size-xxl);
  }
}
.content li,
.content p {
  font-size: var(--size-sm);
  line-height: var(--line-height-body);
  margin-bottom: var(--size-sm);
  color: var(--color-black);
}
@media only screen and (min-width: 640px) {
  .content li,
  .content p {
    padding: 0 5%;
  }
}
@media only screen and (min-width: 1280px) {
  .content li,
  .content p {
    padding: 0 15%;
  }
}
@media only screen and (min-width: 640px) {
  .content li li,
  .content li p {
    padding: 0;
  }
}
.content p.no-padd {
  padding: 0;
}
.content ul,
.content ol {
  margin-bottom: var(--size-sm);
}
.content li:before {
  display: inline-block;
  width: 24px;
  height: 24px;
  vertical-align: -0.125em;
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='m10 17l5-5l-5-5z'/%3E%3C/svg%3E");
  margin-right: 10px;
}
.content li a,
.content p a {
  color: var(--color-black);
  text-decoration: underline;
}
.content li a:hover,
.content p a:hover {
  color: var(--color-secondary);
}
/************************************************/
/*** Cards **************************************/
/************************************************/
.card {
  display: block;
  margin: 30px auto;
}
.card table {
  width: 70%;
  margin: 30px auto;
}
.card table td:first-child {
  width: 30%;
}
.card table td:last-child {
  width: 70%;
}
.card table p {
  margin-top: 20px;
  padding: 0;
}
/************************************************/
/*** Effects & Colors ***************************/
/************************************************/
.hov-eff {
  display: inline-block;
  position: relative;
  color: var(--color-white);
  padding: var(--size-md);
}
.hov-eff h3 {
  font-family: var(--font-family-heading);
  font-size: var(--size-hero);
  position: relative;
  margin: 0;
  color: var(--color-black);
  letter-spacing: -2px;
  line-height: 1;
}
.hov-eff h3:before {
  content: none;
}
.hov-eff .hov-eff-spn {
  top: 0;
  left: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 25px;
  overflow: hidden;
  transition: transform 0.35s cubic-bezier(0.1, 0, 0.3, 1);
  background: var(--color-primary-shadow);
}
.hov-eff:hover .hov-eff-spn {
  transform: scale3d(1.1, 1.1, 1);
}
.hov-eff .hov-eff-spn:after,
.hov-eff .hov-eff-spn:before {
  content: "";
  position: absolute;
  background: var(--color-primary);
}
.hov-eff .hov-eff-spn:before {
  width: 105%;
  height: 0;
  padding-bottom: 105%;
  top: 50%;
  left: 50%;
  border-radius: 50%;
  transform: translate3d(-50%, -50%, 0) scale3d(0, 0, 1);
}
.hov-eff:hover .hov-eff-spn:before {
  transition: transform 0.35s cubic-bezier(0.1, 0, 0.3, 1);
  transform: translate3d(-50%, -50%, 0) scale3d(1, 1, 1);
}
.hov-eff .hov-eff-spn:after {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: opacity 0.35s;
}
.hov-eff:hover .hov-eff-spn:after {
  opacity: 1;
  transition-duration: 0.01s;
  transition-delay: 0.35s;
}
#appartamenti h2,
#appartamenti p {
  color: var(--color-white);
}
#appartamenti p {
  margin-bottom: var(--size-hero);
}
#sci-usati p {
  padding: 0;
}

/************************************************/
/*** Logos **************************************/
/************************************************/
.logos ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0;
}
.logos li {
  text-align: center;
  padding: 10px;
}
@media only screen and (min-width: 640px) {
  .logos li {
    padding: 20px 30px;
  }
}
.logos li:before {
  content: none;
}
.logos img {
  margin: 0;
  height: 60px;
  width: auto;
}
@media only screen and (min-width: 640px) {
  .logos img {
    height: 80px;
  }
}
#promessa .logos {
  padding: 60px 0;
}
#servizi .grid-cell div {
  background-color: var(--color-white);
  border-radius: 25px;
  margin: 10px auto;
  width: calc(100% - 20px);
  height: calc(100% - 20px);
}
#servizi .grid-cell img {
  display: block;
  margin: auto;
  width: calc(100% - 60px);
  height: auto;
  padding: 20px;
}
@media only screen and (min-width: 640px) {
  #servizi .grid-cell img {
    width: calc(100% - 100px);
  }
}
#servizi .grid-cell h4 {
  padding: 0;
}
/************************************************/
/*** Iframes ************************************/
/************************************************/
.iframe-flexible-container {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}
.iframe-flexible-container embed,
.iframe-flexible-container iframe,
.iframe-flexible-container object {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100%;
}
iframe {
  width: 100%;
  border: 0;
}
/************************************************/
/*** Maps ***************************************/
/************************************************/
#leaflet-map {
  position: relative !important;
  margin: 0 auto;
  width: 100%;
  height: 320px;
  margin-bottom: 30px;
}
@media only screen and (min-width: 640px) {
  #leaflet-map {
    height: 480px;
  }
} 
@media only screen and (min-width: 1280px) {
  #leaflet-map {
    height: 640px;
    margin-bottom: 0;
  }
}  
.leaflet-control-attribution svg {
      display: none !important;
    }
/************************************************/
/*** Forms **************************************/
/************************************************/
#request-form {
  padding: 30px 0 0;
}
#request-form h4 {
  text-align: left;
  padding: 0;
}
.content label {
  font-size: var(--size-xxs);
  text-align: left;
  display: block;
  color: var(--color-black);
  margin-bottom: 20px;
}
.content label.inline {
  display: inline;
}
.content label a {
  color: var(--color-black);
  text-decoration: underline;
}
.content label a:hover {
  color: var(--color-white-250);
}
.content input,
.content textarea {
  width: 100%;
  height: 40px;
  color: var(--color-white-250);
  font-family: var(--font-family-body);
  font-size: 16px;
  margin-bottom: 20px;
  padding: 2px 8px;
  border: 1px solid var(--color-white-950);
  box-sizing: border-box;
}
@media only screen and (min-width: 640px) {
  .content input,
  .content textarea {
    font-size: 20px;
  }
}
.content textarea {
  height: 120px;
  margin-bottom: 20px;
}
@media only screen and (min-width: 640px) {
  .content textarea {
    margin-bottom: 40px;
  }
}
.content input[type="checkbox"] {
  width: 20px;
  height: 20px;
  margin-right: 10px;
  margin-bottom: 20px;
}
@media only screen and (min-width: 640px) {
  .content input[type="checkbox"] {
    margin-bottom: 40px;
  }
}
.content input[type="submit"] {
  box-sizing: content-box;
  width: 100%;
  position: relative;
  color: var(--color-black);
  font-family: var(--font-family-heading);
  font-size: var(--size-hero);
  padding: 15px 0 35px 0;
  text-decoration: none;
  display: block;
  background: var(--color-primary-shadow);
  border: 0;
  border-radius: 25px;
  cursor: pointer;
  transition: 0.35s all;
  margin: 20px 0;
}
@media only screen and (min-width: 640px) {
  .content input[type="submit"] {
    width: 50%;
    margin: 20px 25%;
    padding: 15px 0 55px 0;
  }
}
@media only screen and (min-width: 1280px) {
  .content input[type="submit"] {
    padding: 15px 0 65px 0;
  }
}
.content input[type="submit"]:hover {
  background: var(--color-primary);
}
input:focus,
textarea:focus {
  outline: none;
}
/************************************************/
/*** Footer *************************************/
/************************************************/
.site-footer {
  padding: 30px 0;
}
@media only screen and (min-width: 640px) {
  .site-footer {
    padding: 30px 0 0;
  }
}
.site-footer img.logo-footer {
  max-width: 300px;
  margin: 0 auto 30px auto;
  display: block;
}
@media only screen and (min-width: 640px) {
  .site-footer img.logo-footer {
    max-width: 240px;
  margin: 0 auto 60px auto;
  }
}
@media only screen and (min-width: 1280px) {
  .site-footer img.logo-footer {
    max-width: 320px;
  }
}
.site-footer .content h4 {
  color: var(--color-primary);
  text-transform: none;
  padding: 0;
  margin-bottom: var(--size-xxs);
}
.site-footer .content p {
  color: var(--color-black);
  margin-bottom: var(--size-xs);
  padding: 0;
}
.site-footer .content a {
  color: var(--color-white-250);
  text-decoration: none;
}
.site-footer .content a:hover {
  color: var(--color-black);
}
@media only screen and (min-width: 1280px) {
.site-footer .content h4,
.site-footer .content p {
  text-align: left;
  }
}
#credits {
  padding: 0 0 30px 0;
}
#credits p {
  color: var(--color-black);
  font-size: var(--size-xxs);
}
#credits p a {
  color: var(--color-white-250);
}
#credits p a:hover {
  color: var(--color-black);
}
/************************************************/
/*** Whatsapp ***********************************/
/************************************************/
#whatsapp {
  margin: 0 auto;
  width: 100%;
  max-width: 1920px;
  background: var(--color-black);
  position: fixed;
  z-index: 99998;
  bottom: 80px;
}
@media only screen and (min-width: 1280px) {
  #whatsapp {
    bottom: 140px;
  }
}
#whatsapp-container {
  position: absolute;
  right: 20px;
}
#whatsapp-button {
  display: block;
  position: relative;
  text-decoration: none;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  transition: all 0.2s ease-in-out;
  transform: scale(1);
  box-shadow: 0 6px 8px 2px rgba(0, 0, 0, 0.05);
  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjU2IiB3aWR0aD0iMjU2IiB2aWV3Qm94PSItMjMgLTIxIDY4MiA2ODIuNjY3IiBmaWxsPSIjZmZmIiB4bWxuczp2PSJodHRwczovL3ZlY3RhLmlvL25hbm8iPjxwYXRoIGQ9Ik01NDQuMzg3IDkzLjAwOEM0ODQuNTEyIDMzLjA2MyA0MDQuODgzLjAzNSAzMjAuMDUxIDAgMTQ1LjI0NiAwIDIuOTggMTQyLjI2MiAyLjkxIDMxNy4xMTNjLS4wMjMgNTUuODk1IDE0LjU3OCAxMTAuNDU3IDQyLjMzMiAxNTguNTUxTC4yNSA2NDBsMTY4LjEyMS00NC4xMDJjNDYuMzI0IDI1LjI3IDk4LjQ3NyAzOC41ODYgMTUxLjU1MSAzOC42MDJoLjEzM2MxNzQuNzg1IDAgMzE3LjA2Ni0xNDIuMjczIDMxNy4xMzMtMzE3LjEzMy4wMzUtODQuNzQyLTMyLjkyMi0xNjQuNDE4LTkyLjgwMS0yMjQuMzU5ek0zMjAuMDUxIDU4MC45NDFoLS4xMDljLTQ3LjI5Ny0uMDItOTMuNjg0LTEyLjczLTEzNC4xNi0zNi43NDJsLTkuNjIxLTUuNzE1LTk5Ljc2NiAyNi4xNzIgMjYuNjI5LTk3LjI3LTYuMjctOS45NzNjLTI2LjM4Ny00MS45NjktNDAuMzItOTAuNDc3LTQwLjI5Ny0xNDAuMjgxLjA1NS0xNDUuMzMyIDExOC4zMDUtMjYzLjU3IDI2My42OTktMjYzLjU3IDcwLjQwNi4wMjMgMTM2LjU5IDI3LjQ3NyAxODYuMzU1IDc3LjMwMXM3Ny4xNTYgMTE2LjA1MSA3Ny4xMzMgMTg2LjQ4NGMtLjA2MiAxNDUuMzQ0LTExOC4zMDUgMjYzLjU5NC0yNjMuNTk0IDI2My41OTR6bTE0NC41ODYtMTk3LjQxOGMtNy45MjItMy45NjktNDYuODgzLTIzLjEzMy01NC4xNDgtMjUuNzgxLTcuMjU4LTIuNjQ1LTEyLjU0Ny0zLjk2MS0xNy44MjQgMy45NjktNS4yODUgNy45My0yMC40NjkgMjUuNzgxLTI1LjA5NCAzMS4wNjZzLTkuMjQyIDUuOTUzLTE3LjE2OCAxLjk4NC0zMy40NTctMTIuMzM2LTYzLjcyNy0zOS4zMzJjLTIzLjU1NS0yMS4wMTItMzkuNDU3LTQ2Ljk2MS00NC4wODItNTQuODkxLTQuNjE3LTcuOTM3LS4wMzktMTEuODEyIDMuNDc3LTE2LjE3MiA4LjU3OC0xMC42NTIgMTcuMTY4LTIxLjgyIDE5LjgwOS0yNy4xMDVzMS4zMi05LjkxOC0uNjY0LTEzLjg4M2MtMS45NzctMy45NjUtMTcuODI0LTQyLjk2OS0yNC40MjYtNTguODQtNi40MzctMTUuNDQ1LTEyLjk2NS0xMy4zNTktMTcuODMyLTEzLjYwMi00LjYxNy0uMjMtOS45MDItLjI3Ny0xNS4xODctLjI3N3MtMTMuODY3IDEuOTgtMjEuMTMzIDkuOTE4LTI3LjczIDI3LjEwMi0yNy43MyA2Ni4xMDUgMjguMzk1IDc2LjY4NCAzMi4zNTUgODEuOTczIDU1Ljg3OSA4NS4zMjggMTM1LjM2NyAxMTkuNjQ4YzE4LjkwNiA4LjE3MiAzMy42NjQgMTMuMDQzIDQ1LjE3NiAxNi42OTUgMTguOTg0IDYuMDMxIDM2LjI1NCA1LjE4IDQ5LjkxIDMuMTQxIDE1LjIyNy0yLjI3NyA0Ni44NzktMTkuMTcyIDUzLjQ4OC0zNy42OCA2LjYwMi0xOC41MTIgNi42MDItMzQuMzc1IDQuNjE3LTM3LjY4NC0xLjk3Ny0zLjMwNS03LjI2Mi01LjI4NS0xNS4xODQtOS4yNTR6bTAgMCIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+") center / 44px 44px no-repeat #25d366;
}
#whatsapp-button:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border-radius: 50%;
  animation: scb-shockwave-animation 2s 5.3s ease-out infinite;
  z-index: -1;
}
#whatsapp-text {
  display: block;
  position: absolute;
  width: max-content;
  background-color: var(--color-white);
  bottom: 15px;
  right: 70px;
  border-radius: 5px;
  padding: 5px 10px;
  color: var(--color-black);
  font-size: var(--size-xs);
  user-select: none;
  word-break: keep-all;
  line-height: 1em;
  text-overflow: ellipsis;
  box-shadow: 0 6px 8px 2px rgba(0, 0, 0, 0.05);
}
/************************************************/
/*** Cookie bar *********************************/
/************************************************/
#cmplz-document {
  max-width: 100% !important;
}
#cmplz-document h2 {
  font-family: var(--font-family-body);
  text-align: center !important;
  border-bottom: none !important;
}
#cmplz-document h2:before,
#cmplz-document h2:after {
  content: none;
}
#cmplz-document h3 {
  font-family: var(--font-family-body);
}
#cmplz-document h2:before {
  background: trasparent;
}
.cmplz-category-title {
  text-align: left !important;
}
#cmplz-cookies-overview .cmplz-dropdown,
#cmplz-document .cmplz-dropdown,
#cmplz-manage-consent-container {
  background-color: transparent !important;
}
@media only screen and (min-width: 640px) {
  #cmplz-cookies-overview .cmplz-dropdown,
  #cmplz-document .cmplz-dropdown,
  #cmplz-manage-consent-container {
    padding: 0 15% !important;
  }
}
.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-accept {
  background-color: var(--color-primary) !important;
  border: 1px solid var(--color-primary) !important;
}
.cmplz-cookiebanner .cmplz-links .cmplz-link {
  color: var(--color-primary) !important;
}
#cmplz-document a[target="_blank"] {
  color: var(--color-primary) !important;
}