/*
===========================================
General
*/
body > .wrapper
{
  padding-bottom: 0;
}

@media screen and (max-width: 767px) {
  [data-template=Mfh] [data-template="Footer"] ._text-small,
  [data-template=Mfh] [data-template="Footer"] ._text-small p
  {
    font-size: 1rem;
    line-height: 1.25;
  }
}


@media screen and (min-width: 768px)
{
  [data-template=Mfh] ._text-medium,
  [data-template=Mfh] ._text-medium p,
  [data-template=Mfh] ._text-medium + p
  {
    font-size: 1.35rem;
    line-height: 1.15;
  }

  [data-template=Mfh] ._text,
  [data-template=Mfh] ._text p,
  [data-template=Mfh] ._text + p
  {
    font-size: .9rem;
    line-height: 1.2;
  }
}

[data-template="RouteAlert"] [data-template="Buttons"] > a:hover,
[data-template=Mfh] [data-template="Buttons"] > a:hover
{
  border: 1px solid #1F1F1F !important;
  color: #1F1F1F !important;
  background-color: transparent !important;
  cursor: pointer;
}

[data-role="manifest"] [data-template="Buttons"] > a:hover
{
  border: 1px solid #1F1F1F !important;
  color: #1F1F1F !important;
  background-color: white !important;
}

[data-template=Buttons]
{
  display: flex;
}

[data-template="Buttons"] > a.round
{
  display: block;
  padding: .5em;
  border-radius: 1em;
}

/*
===========================================
Lazyness
*/
.lazy {
  opacity: 0;
    -webkit-transform: translate3d(0, 100px, 0);
  transform: translate3d(0, 100px, 0);
}

.notLazy {
  opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
    -webkit-transition: transform .6s cubic-bezier(0.250, 0.460, 0.450, 0.940), opacity .2s linear;
  transition: transform .6s cubic-bezier(0.250, 0.460, 0.450, 0.940), opacity .2s linear;
    -webkit-transition-delay: .2s;
  transition-delay: .2s;
    -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
    -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}


/*
===========================================
RouteAlert
*/
[data-template="RouteAlert"]
{
  width: 100%;
}
@media screen and (min-width: 768px)
{
  [data-template="RouteAlert"]
  {
    min-height: 100vh;
  }

  [data-template="RouteAlert"] > [data-role="row"]
  {
    display: flex;
  }

}


[data-template="RouteAlert"] h1,
[data-template="RouteAlert"] h2,
[data-template="RouteAlert"] h3,
[data-template="RouteAlert"] p,
[data-template="RouteAlert"] a
{
  text-transform: lowercase;
}

@media screen and (min-width: 768px)
{
  [data-template="RouteAlert"] [data-role="row"] > [data-role="col"]
  {
    height: 100vh;
    width: 50%;
    box-sizing: border-box;
  }
}

[data-template="RouteAlert"] [data-role="row"] > [data-role="col"].col-sx h1 + div + p
{
  margin-top: var(--lateral-margin);
}
@media screen and (min-width: 768px)
{
  [data-template="RouteAlert"] [data-role="row"] > [data-role="col"].col-sx h1 + div + p
  {
    margin-top: calc(var(--lateral-margin)*.5 + var(--title)*1.15);
  }
}

[data-template="RouteAlert"] [data-role="row"] > [data-role="col"].col-sx p + p
{
  margin-top: calc(var(--lateral-margin)*.5);
}

[data-template="RouteAlert"] [data-role="row"] > [data-role="col"]
{
  overflow-y: scroll;
  overflow-x: hidden;
}

[data-template="RouteAlert"] [data-role="row"] > [data-role="col"].col-dx
{
  position: relative;
  padding: var(--lateral-margin);
}

[data-template="RouteAlert"] [data-role="row"] > [data-role="col"].col-dx > *:not([data-role="bg"])
{
  position: relative;
  z-index: 100;
}

[data-template="RouteAlert"] [data-role="row"] > [data-role="col"] > [data-role="bg"]
{
  position: absolute;
  top: 0;
  margin: 0;
  padding: 0;
  max-width: none;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  /* -webkit-animation: animatedBackground 4s ease infinite alternate;
          animation: animatedBackground 4s ease infinite alternate;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d; */
}

/* @-webkit-keyframes animatedBackground {
  0% {
    -webkit-transform: rotate3d(0, 0, 0, 0) scale(1);
            transform: rotate3d(0, 0, 0, 0) scale(1);
  }
  100% {
    -webkit-transform: rotate3d(1, 1, 1, 30deg) scale(1.2);
            transform: rotate3d(1, 1, 1, 30deg) scale(1.2);
  }
}

@keyframes animatedBackground {
  0% {
    -webkit-transform: rotate3d(0, 0, 0, 0) scale(1);
            transform: rotate3d(0, 0, 0, 0) scale(1);
  }
  100% {
    -webkit-transform: rotate3d(1, 1, 1, 30deg) scale(1.2);
            transform: rotate3d(1, 1, 1, 30deg) scale(1.2);
  }
} */

[data-template="RouteAlert"] [data-role="row"] > [data-role="col"].col-dx h1 + div + p
{
  margin-top: calc(var(--lateral-margin)*.5);
}

[data-template="RouteAlert"] [data-role="row"] > [data-role="col"] > *
{
  max-width: 530px;
}

[data-template="RouteAlert"] [data-template="Buttons"]
{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-top: calc(var(--lateral-margin)*.5);
}

/* mobile not ipad*/
@media screen and (max-width: 767px)
{
  [data-template="RouteAlert"] [data-role="row"] > [data-role="col"]
  {
    height: 50vh;
    overflow: scroll !important;
  }

  [data-template="RouteAlert"] [data-role="row"] > [data-role="col"]:first-child
  {
      -webkit-box-shadow: inset 0px -10px 15px -5px rgba(0,0,0,0.25);
  -moz-box-shadow: inset 0px -10px 15px -5px rgba(0,0,0,0.25);
  box-shadow: inset 0px -10px 15px -5px rgba(0,0,0,0.25);
  }
}


/*
===========================================
Food Hub
*/
[data-template=Mfh] h1,
[data-template=Mfh] h2,
[data-template=Mfh] h4,
[data-template=Mfh] p,
[data-template=Mfh] a,
[data-template=Mfh] ul,
[data-template=Mfh] li,
[data-template=Mfh] ._title
{
  text-transform: lowercase;
}

[data-template=Mfh]>.hero-wrapper
{
  position: relative;
  margin: auto;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  min-height: 500px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top;
  overflow: hidden;
}

[data-template=Mfh]>.hero-wrapper h1 + h2
{
  margin-top: 1rem;
}

[data-template=Mfh]>.hero-wrapper > *
{
  padding: 2rem 0;
}

@media screen and (min-width: 1440px)
{
  [data-template=Mfh] > .hero-wrapper > .subwrapper {
    padding-top: 10vw;
  }
}



[data-template=Mfh] .hero-wrapper > *:not([data-role="bg"])
{
  position: relative;
}


[data-template=Mfh] [data-role="bg"]
{
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
  padding: 0;
  max-width: none;
  width: 100vw;
  min-height: 100vh;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  /* -webkit-animation: animatedBackgroundHero 4s ease infinite alternate;
          animation: animatedBackgroundHero 4s ease infinite alternate;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d; */
}

@media screen and (min-width: 1024px)
{
  [data-template=Mfh] [data-role="bg"]
  {
    left: auto;
    width: 100%;
    min-height: 120%;
  }
}

/* @-webkit-keyframes animatedBackgroundHero {
  0% {
    -webkit-transform: rotate3d(0, 0, 0, 0) scale(1);
            transform: rotate3d(0, 0, 0, 0) scale(1);
  }
  100% {
    -webkit-transform: rotate3d(1, 1, 1, -20deg) scale(.9);
            transform: rotate3d(1, 1, 1, -20deg) scale(.9);
  }
}

@keyframes animatedBackgroundHero {
  0% {
    -webkit-transform: rotate3d(0, 0, 0, 0) scale(1);
            transform: rotate3d(0, 0, 0, 0) scale(1);
  }
  100% {
    -webkit-transform: rotate3d(1, 1, 1, -20deg) scale(.9);
            transform: rotate3d(1, 1, 1, -20deg) scale(.9);
  }
} */



[data-template=Mfh]>.hero-wrapper .intro {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-left: auto;
    margin-right: auto;
    padding: var(--lateral-margin);
    text-align: center;
    max-width: 850px;
}

@media screen and (min-width: 1024px)
{
  [data-template=Mfh]>.hero-wrapper .intro {
    padding: 2rem 0;
  }
}

[data-template=Mfh]>.hero-wrapper .subwrapper p.strong
{
  padding: calc(var(--lateral-margin)*1) var(--lateral-margin) var(--lateral-margin) var(--lateral-margin);
  max-width: 550px;
}

[data-template=Mfh]>.hero-wrapper .subwrapper p.strong + [data-template="Buttons"]
{
  padding: 0 var(--lateral-margin);
}

[data-template=Mfh] [data-template="Buttons"] > a
{
  color: white;
  background-color: #1F1F1F;
  border: 1px solid #1F1F1F;
  text-transform: lowercase;
}


[data-template=Mfh] [data-role="row"].cols-differenti [data-role="col"] p > strong
{
  text-decoration: underline;
  font-weight: normal;
}

[data-template=Mfh] [data-role="row"].cols-differenti [data-role="col"] .subcols p > strong
{
  text-decoration: underline;
  font-weight: 600;
}

[data-role="row"]
{
  position: relative;
}

[data-role="row"] [data-role="col"]
{
  width: 100%;
  box-sizing: border-box;
}

[data-template=Mfh] [data-role="row"] [data-role="col"].col-dx
{
  height: 60vh;
  background-size: cover;
  background-repeat: no-repeat;
  background-origin: center;
}

@media screen and (min-width: 1024px)
{
  [data-role="row"]
  {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  [data-role="row"].cols-differenti [data-role="col"].col-sx,
  [data-template="MfhPrev"] [data-role="row"].cols-differenti [data-role="col"].col-sx
  {
    width: 60%;
  }

  [data-role="row"].cols-differenti [data-role="col"].col-dx,
  [data-template="MfhPrev"] [data-role="row"].cols-differenti [data-role="col"].col-dx
  {
    width: 40%;
    height: auto;
  }

  [data-role="row"].cols-uguali [data-role="col"].col-sx,
  [data-role="row"].cols-uguali [data-role="col"].col-dx
  {
    width: 50%;
  }

  [data-role="row"].cols-uguali [data-role="col"].col-dx
  {
    min-height: 525px;
  }
}

[data-role="row"] [data-role="col"].col-sx
{
  padding: var(--lateral-margin);
}

[data-role="row"] [data-role="col"].col-sx h3 + p,
[data-role="row"] [data-role="col"].col-sx h3 + p + p
{
  display: block;
  margin-right:auto;
  max-width: 600px;
}

[data-role="row"] [data-role="col"].col-sx h3 + p,
[data-role="row"] [data-role="col"].col-sx h3 + ul
{
  margin-top: var(--lateral-margin);
}

[data-role="row"] [data-role="col"].col-sx p + [data-template="Buttons"],
[data-role="row"] [data-role="col"].col-sx ul + [data-template="Buttons"]
{
  margin-top: calc(var(--lateral-margin)*.5);
}

@media screen and (min-width: 768px)
{
  [data-role="row"] [data-role="col"].col-sx .subcols
  {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  [data-role="row"] [data-role="col"].col-sx .subcols > li
  {
    display: block;
    margin-right: var(--lateral-margin);
    width: 305px;
    box-sizing: border-box;
  }
}

/*
Contatti e info
*/
@media screen and (min-width: 1024px)
{
  [data-name="contattieinfo"].col-sx ul + [data-template="Buttons"]
  {
    position: absolute;
    bottom: var(--lateral-margin);
  }
}

/*
Map
*/
[data-template=Mfh] [data-role="map"]
{
  width: 100%;
  height: 100%;
}

[data-template=Mfh] #map + div,
[data-template=Mfh] .shadow-darken25-bold,
.mb-logo
{
  display: none !important;
  position: absolute;
  height: 0;
  width: 0;
  visibility: hidden;
}

/*
Manifesto
*/
[data-template=Mfh] [data-role="manifest"] > *
{
  padding: var(--lateral-margin);
  max-width: 1000px;
  margin-right: auto;
}

[data-template=Mfh] [data-role="manifest"] h3 + p,
[data-template=Mfh] [data-role="manifest"] h3 + p + [data-template="Buttons"]
{
  margin-top: var(--lateral-margin);
}

[data-template=Mfh] [data-role="manifest"] .flag
{
  display: block;
  margin-bottom: .5em;
  width: 100%;
}

/*
Footer
*/
[data-template="Footer"].footer_mfh>.contatti,
[data-template="Footer"].footer_mfh>.design
{
  background-color: var(--black);
  color: var(--white);
}

[data-template="Footer"].footer_mfh>.contatti
{
  padding-bottom: 0;
}

[data-template="Footer"].footer_mfh>.design
{
  padding-left: var(--lateral-margin);
  padding-bottom: var(--lateral-margin);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
}
@media screen and (min-width: 1024px)
{
  [data-template="Footer"].footer_mfh
  {
    display: flex;
    justify-content: space-between;
  }

  [data-template="Footer"].footer_mfh>.contatti
  {
    display: flex;
    justify-content: space-between;
    width: 80%;
    box-sizing: border-box;
  }

  [data-template="Footer"].footer_mfh>.contatti>.contatto
  {
    width: auto !important;
  }

  [data-template="Footer"].footer_mfh>.design
  {
    width: 20%;
    padding: 2rem;
    padding: var(--lateral-margin);
    padding-left: 0;
    padding-bottom: 1rem;
    padding-bottom: var(--inner-padding);
    text-align: right;
  }
}


/*
===========================================
MfhPrev
*/
[data-template="MfhPrev"] [data-role="col"].col-sx
{
  position: relative;
  overflow: hidden;
}

[data-template="MfhPrev"] [data-role="col"].col-sx > *:not([data-role="bg"])
{
  position: relative;
  z-index: 10000;
}

[data-template="MfhPrev"] [data-role="col"].col-sx > p
{
  max-width: 630px;
}

[data-template="MfhPrev"] [data-role="col"].col-sx > [data-role="bg"]
{
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
  padding: 0;
  max-width: none;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position-x: center;
  background-position-y: center;
  background-repeat: no-repeat;
  -webkit-animation: animatedBackground 4s ease infinite alternate;
  animation: animatedBackground 4s ease infinite alternate;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

[data-template="MfhPrev"] [data-template="Buttons"]
{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

[data-template="MfhPrev"] [data-role="row"] h1 + p,
[data-template="MfhPrev"] [data-role="row"] p + [data-template="Buttons"]
{
  margin-top: calc(var(--lateral-margin)*1);
}


/*
===========================================
Markers
*/
#map canvas
{
  transition: all .6s ease-in-out;
}
#map:hover canvas
{
  transform: scale3d(1.2, 1.2, 1);
}

.marker {
  width: 40px;
  height: 40px;
  display: block;
  border-radius: 100%;
  cursor: pointer;
  animation-name: stretch;
  animation-duration: .8s;
  animation-timing-function: ease-out;
  animation-direction: alternate;
  animation-iteration-count: infinite;
  animation-play-state: running;
}

@keyframes stretch {
  from {
    width: 40px;
    height: 40px;
  }
  to {
    width: 50px;
    height: 50px;;
  }
}

.dsktpOnly { display: none !important; }
@media all and (min-width:768px)
{
  .dsktpOnly { display: flex !important; }
  .mblOnly { display: none !important; }
}