@charset "UTF-8";
/* Theme Name:   Home Atelier Theme
 * Description:  Home Atelier Theme
 * Author:       Samuele Merino / chiara-comunicazione.it
 * Template:     colibri-wp
 * Version:      1.0.0
 * License:      GNU General Public License v2 or later
 * License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 * Text Domain:  colibri-wp */
@media (min-width: 1200px) {
  .homeatelier .h-section-boxed-container {
    max-width: 90%; } }

@media (min-width: 1200px) {
  body {
    font-size: 18px; } }

@media (min-width: 1200px) {
  .homeatelier .h-column__inner .h-image__frame-container {
    max-width: 750px;
    margin-left: auto;
    margin-right: auto; }
  .homeatelier .h-column__inner .no-max-width .h-image__frame-container {
    max-width: none; }

  .max-height-full-screen {
    max-height: 100vh; } }
.homeatelier .homeatelier-links span.h-link__outer {
  display: block; }

.homeatelier .h-hamburger-icon svg {
  display: none; }
.homeatelier #navigation .h-menu .h-mobile-menu .h-hamburger-icon {
  width: 45px;
  height: 20px;
  position: relative; }
  .homeatelier #navigation .h-menu .h-mobile-menu .h-hamburger-icon:hover .h-icon-svg {
    background-color: #A95C4D;
    box-shadow: 0 -14px 0 #A95C4D, 0 14px 0 #A95C4D; }
.homeatelier #navigation.h-navigation_sticky .h-hamburger-icon .h-icon-svg {
  background-color: #E8E8D8;
  box-shadow: 0 -14px 0 #E8E8D8, 0 14px 0 #E8E8D8; }
.homeatelier .h-hamburger-icon .h-icon-svg {
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  max-width: 100%;
  height: 1.5px;
  max-height: 2px;
  background-color: #262626;
  box-shadow: 0 -14px 0 #262626, 0 14px 0 #262626;
  margin: 0;
  -webkit-transition: background-color 150ms ease-in, box-shadow 150ms ease-in !important;
  -moz-transition: background-color 150ms ease-in, box-shadow 150ms ease-in !important;
  -ms-transition: background-color 150ms ease-in, box-shadow 150ms ease-in !important;
  -o-transition: background-color 150ms ease-in, box-shadow 150ms ease-in !important;
  transition: background-color 150ms ease-in, box-shadow 150ms ease-in !important; }
.homeatelier #navigation {
  -webkit-transition: all 1s cubic-bezier(0.86, 0, 0.07, 1);
  -moz-transition: all 1s cubic-bezier(0.86, 0, 0.07, 1);
  -ms-transition: all 1s cubic-bezier(0.86, 0, 0.07, 1);
  -o-transition: all 1s cubic-bezier(0.86, 0, 0.07, 1);
  transition: all 1s cubic-bezier(0.86, 0, 0.07, 1); }
  .homeatelier #navigation.scrolling-down {
    top: -78px !important; }
.homeatelier.home .h-hamburger-icon .h-icon-svg {
  background-color: #E8E8D8;
  box-shadow: 0 -14px 0 #E8E8D8, 0 14px 0 #E8E8D8; }
.homeatelier.home #navigation .h-menu .h-mobile-menu .h-hamburger-icon:hover .h-icon-svg {
  background-color: #A95C4D;
  box-shadow: 0 -14px 0 #A95C4D, 0 14px 0 #A95C4D; }
@media (min-width: 1024px) {
  .homeatelier .hide-desktop {
    display: none; } }

.homeatelier .h-down-arrow {
  position: absolute !important;
  bottom: 0;
  left: 0;
  width: 100%;
  -webkit-box-pack: start !important;
  justify-content: left !important; }

.homeatelier .homeatelier-form .forminator-ui.forminator-custom-form .forminator-input {
  border-radius: 8px; }
.homeatelier .homeatelier-form .forminator-ui.forminator-custom-form .forminator-button {
  margin-left: auto;
  margin-right: auto;
  padding-left: 24px;
  padding-right: 24px;
  border-radius: 8px;
  display: block;
  font-family: Open Sans;
  font-weight: 400;
  font-style: normal;
  text-transform: uppercase;
  font-size: 1em !important;
  line-height: 1;
  letter-spacing: 0.04em;
  color: #262626;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }
  .homeatelier .homeatelier-form .forminator-ui.forminator-custom-form .forminator-button:last-child {
    margin-right: auto; }
.homeatelier .homeatelier-form .forminator-ui.forminator-design--default .forminator-button-submit {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }
  .homeatelier .homeatelier-form .forminator-ui.forminator-design--default .forminator-button-submit:hover, .homeatelier .homeatelier-form .forminator-ui.forminator-design--default .forminator-button-submit:focus, .homeatelier .homeatelier-form .forminator-ui.forminator-design--default .forminator-button-submit:active {
    box-shadow: none;
    background-color: #A95C4D !important;
    color: #ffffff; }
.homeatelier .homeatelier-form .forminator-ui#forminator-module-1380.forminator-design--default .forminator-select2 + .forminator-select .selection .select2-selection--single[role="combobox"] {
  border-radius: 8px !important; }

.circle {
  position: absolute;
  display: block;
  pointer-events: none;
  --circle-max: 30 // default;
  --circle-y: 0px; }
  .circle.c-avorio {
    left: 0;
    bottom: 0;
    width: 1024px;
    height: 640px !important;
    overflow: hidden;
    --circle-max: 0;
    background: none; }
    .circle.c-avorio::before {
      content: "";
      position: absolute;
      left: -75px;
      bottom: 0;
      width: 1024px;
      height: 640px;
      background: url("https://www.homeatelier-ispra.com/wp-content/themes/homeatelier/images/circle-avorio.png") no-repeat top left; }
      @media (max-width: 768px) {
        .circle.c-avorio::before {
          width: 80%;
          background-size: cover;
          height: 317px; } }
  .circle.c-terracotta {
    right: 0;
    top: 0;
    width: 600px;
    height: 1024px !important;
    overflow: visible;
    --circle-max: 120;
    background: none; }
    .circle.c-terracotta::before {
      content: "";
      position: absolute;
      right: 0;
      top: -450px;
      width: 160px;
      height: 1024px;
      background: url("https://www.homeatelier-ispra.com/wp-content/themes/homeatelier/images/circle-terracotta.png") no-repeat bottom left;
      transform: translate3d(0, var(--circle-y), 0);
      will-change: transform; }
      @media (max-width: 768px) {
        .circle.c-terracotta::before {
          top: -150px;
          width: 53px;
          height: 534px;
          background-size: cover; } }
  .circle.c-white {
    left: 0;
    top: 0;
    width: 390px;
    height: 390px !important;
    overflow: visible;
    --circle-max: 30;
    background: none; }
    @media (max-width: 768px) {
      .circle.c-white {
        display: none; } }
    .circle.c-white::before {
      content: "";
      position: absolute;
      left: 0;
      top: 0;
      width: 390px;
      height: 280px;
      background: url("https://www.homeatelier-ispra.com/wp-content/themes/homeatelier/images/circle-white.png") no-repeat bottom right;
      transform: translate3d(0, var(--circle-y), 0);
      will-change: transform; }

.bold-effect strong {
  font-weight: normal;
  -webkit-transition: color 300ms ease;
  -moz-transition: color 300ms ease;
  -ms-transition: color 300ms ease;
  -o-transition: color 300ms ease;
  transition: color 300ms ease; }
.bold-effect.is-highlight strong {
  color: #262626; }
.bold-effect.terracotta.is-highlight strong {
  color: #A95C4D; }

/* Contenitore (la fascia) */
.text-scroller {
  overflow: hidden;
  white-space: nowrap; }
  .text-scroller .h-text-component p {
    margin: 0;
    white-space: nowrap; }
  .text-scroller .ticker-track {
    display: inline-flex;
    width: max-content;
    will-change: transform;
    -webkit-animation: ticker-scroll 30s linear infinite;
    -moz-animation: ticker-scroll 30s linear infinite;
    -ms-animation: ticker-scroll 30s linear infinite;
    -o-animation: ticker-scroll 30s linear infinite;
    animation: ticker-scroll 30s linear infinite;
    /* Accessibilità: se l'utente preferisce ridurre animazioni */ }
    @media (prefers-reduced-motion: reduce) {
      .text-scroller .ticker-track {
        animation: none;
        transform: none; } }
  .text-scroller .ticker-item {
    display: inline-block;
    padding-right: 1rem;
    white-space: nowrap; }

@keyframes ticker-scroll {
  0% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); }
  100% {
    -webkit-transform: translateX(calc(-1 * var(--cycle-width)));
    -moz-transform: translateX(calc(-1 * var(--cycle-width)));
    -ms-transform: translateX(calc(-1 * var(--cycle-width)));
    -o-transform: translateX(calc(-1 * var(--cycle-width)));
    transform: translateX(calc(-1 * var(--cycle-width))); } }
/* Base parallax */
.parallax {
  --parallax-y: 0px;
  -webkit-transform: translate3d(0, var(--parallax-y), 0);
  -moz-transform: translate3d(0, var(--parallax-y), 0);
  -ms-transform: translate3d(0, var(--parallax-y), 0);
  -o-transform: translate3d(0, var(--parallax-y), 0);
  transform: translate3d(0, var(--parallax-y), 0);
  will-change: transform; }

/* Intensità */
.parallax-30 {
  --parallax-max: 30; }

.parallax-60 {
  --parallax-max: 60; }

.parallax-15 {
  --parallax-max: 15; }
