/* VERSIONE 17/04/2019 */

/* Animazione CSS3 @keyframe */
@-webkit-keyframes slide_out {
  0% {
    transform: translateY(0px);
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  100% {
    transform: translateY(-105px);
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
  }
}
@-moz-keyframes slide_out {
  0% {
    transform: translateY(0px);
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  100% {
    transform: translateY(-105px);
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
  }
}
@-o-keyframes slide_out {
  0% {
    transform: translateY(0px);
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  100% {
    transform: translateY(-105px);
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
  }
}
@keyframes slide_out {
  0% {
    transform: translateY(0px);
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  100% {
    transform: translateY(-105px);
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
  }
}

#av-pushdown-wrapper {
  margin: 10px 0 0 0;
}
#adk_init_pushdown{
  display:none !important;
}
@media only screen and (max-width: 640px) {
    #av-pushdown-wrapper {
      margin: 0;
  }
}

.strip_adk_close {
    position: absolute;
    width: 33px;
    height: 31px;
    cursor: pointer;
    top: 0;
    right: 5px;
    background: none;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    z-index: 9999999;
}

.strip_adk {
    position: fixed !important; /*Aggiungo !important perché c'è una classe .footer all'interno del file style.css del sito che va in conflitto con il nostro CSS*/
    overflow: hidden;
    left: 0;
    width: 100% !important; /*Aggiungo !important perché c'è una classe .footer all'interno del file style.css del sito che va in conflitto con il nostro CSS*/
    min-height: 0;
    background: #fff;
    z-index: 99998;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    text-align: center;
    display: block;

    height: auto !important; /*Aggiungo !important perché c'è una classe .footer all'interno del file style.css del sito che va in conflitto con il nostro CSS*/
    padding: 0 !important; /*Aggiungo !important perché c'è una classe .footer all'interno del file style.css del sito che va in conflitto con il nostro CSS*/
}
body .strip_adk.header {
    top: 0;
    box-shadow: 0px 3px 3px 0px rgba(50, 50, 50, 0.75);
}
body .strip_adk.footer {
    bottom: 0;
    box-shadow: 0px -3px 3px 0px rgba(50, 50, 50, 0.75);

    overflow: visible; /*Per fare in modo che i formati WOW siano visualizzati; con .strip_adk{overflow:hidden;} il WOW non si vede pur restando cliccabile. Bad UX.*/
}

.adk-slot iframe {
  display: block;
  margin: 0 auto;
}

/* Stili CSS per l'header 'ancored' */
#adk_header {
  /*-webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;*/
  padding-top: 0px;
  min-height: 0;
  z-index: 49;
}
div:not(.homepage) #adk_header.ancored {
  padding-top: 90px;
}
.homepage #adk_header {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}
div:not(.homepage) #adk_header.ancored > div {
  position: fixed !important;
  z-index: 1001;
  width: 100%;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  -webkit-animation-name: slide_out;
  -webkit-animation-duration: 1s;
  -webkit-animation-delay: 5s;
  -moz-animation-name: slide_out;
  -moz-animation-duration: 1s;
  -moz-animation-delay: 5s;
  -o-animation-name: slide_out;
  -o-animation-duration: 1s;
  -o-animation-delay: 5s;
  animation-name: slide_out;
  animation-duration: 1s;
  animation-delay: 5s;
}

/* Aggiustare l'allineamento delle ADV forzando la larghezza in 'auto' sovrascrivendo le dimensioni fisse che assegna Google Ad Manager */
#adk_header > div:not(.strip_adk_close), #adk_article-top > div, #adk_article-middle > div, #adk_article-bottom > div, #adk_spalla-top > div, #adk_spalla-middle > div, #adk_spalla-bottom > div, #adk_commenti-top > div, #adk_commenti-middle > div, #adk_commenti-bottom > div, #adk_footer > div {
  /*width: auto !important;*/
  display: block !important;
  margin: 0 auto !important;
}

/***
   Provo a sistemare il problema degli emptyDivs non collassati a causa del lazyLoading
***/
.hidden {
    display: none !important; }

/***
   fhdkjlsadhfa
***/
#myNavbar {
  z-index: 999;
}
.adk-slot.homepage.fillato + div.jumbotron {
  height: 450px;
}
@media (min-width: 576px) {
  .adk-slot.homepage.fillato + div.jumbotron {
    padding-top: -webkit-calc(4rem + 100px);
    padding-top: -moz-calc(4rem + 100px);
    padding-top: -o-calc(4rem + 100px);
    padding-top: calc(4rem + 100px);
  }
}