/*
Emanuele Galluzzo + Salvatore Rizzello
*/





/*
 *
 *
Font
 *
 *
 */

/* Tutte le versioni del sans di The Passenger */
/*
@font-face {
   font-family: 'fg';
   src: url('../fonts/FGroteskBook-Regular.eot');
   src: url('../fonts/FGroteskBook-Regular.eot?#iefix') format('embedded-opentype'),
       url('../fonts/FGroteskBook-Regular.woff2') format('woff2'),
       url('../fonts/FGroteskBook-Regular.woff') format('woff'),
       url('../fonts/FGroteskBook-Regular.ttf') format('truetype');
   font-weight: 300;
   font-style: normal;
}
@font-face {
   font-family: 'fg';
   src: url('../fonts/FGroteskDemi-Regular.eot');
   src: url('../fonts/FGroteskDemi-Regular.eot?#iefix') format('embedded-opentype'),
       url('../fonts/FGroteskDemi-Regular.woff2') format('woff2'),
       url('../fonts/FGroteskDemi-Regular.woff') format('woff'),
       url('../fonts/FGroteskDemi-Regular.ttf') format('truetype');
   font-weight: 400;
   font-style: normal;
}
@font-face {
   font-family: 'fg';
   src: url('../fonts/FGroteskBold-Regular.eot');
   src: url('../fonts/FGroteskBold-Regular.eot?#iefix') format('embedded-opentype'),
       url('../fonts/FGroteskBold-Regular.woff2') format('woff2'),
       url('../fonts/FGroteskBold-Regular.woff') format('woff'),
       url('../fonts/FGroteskBold-Regular.ttf') format('truetype');
   font-weight: 500;
   font-style: normal;
}
@font-face {
   font-family: 'fg';
   src: url('../fonts/FGroteskBook-Italic.eot');
   src: url('../fonts/FGroteskBook-Italic.eot?#iefix') format('embedded-opentype'),
       url('../fonts/FGroteskBook-Italic.woff2') format('woff2'),
       url('../fonts/FGroteskBook-Italic.woff') format('woff'),
       url('../fonts/FGroteskBook-Italic.ttf') format('truetype');
   font-weight: 300;
   font-style: italic;
}
@font-face {
   font-family: 'fg';
   src: url('../fonts/FGroteskDemi-Italic.eot');
   src: url('../fonts/FGroteskDemi-Italic.eot?#iefix') format('embedded-opentype'),
       url('../fonts/FGroteskDemi-Italic.woff2') format('woff2'),
       url('../fonts/FGroteskDemi-Italic.woff') format('woff'),
       url('../fonts/FGroteskDemi-Italic.ttf') format('truetype');
   font-weight: 400;
   font-style: italic;
}
@font-face {
   font-family: 'fg';
   src: url('../fonts/FGroteskBold-Italic.eot');
   src: url('../fonts/FGroteskBold-Italic.eot?#iefix') format('embedded-opentype'),
       url('../fonts/FGroteskBold-Italic.woff2') format('woff2'),
       url('../fonts/FGroteskBold-Italic.woff') format('woff'),
       url('../fonts/FGroteskBold-Italic.ttf') format('truetype');
   font-weight: 500;
   font-style: italic;
}
*/
/* Brandon Bold*/
@font-face {
    font-family: 'Brandon Grotesque';
    src: url('../fonts/brandon_grotesque-bold.eot');
    src: url('../fonts/brandon_grotesque-bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/brandon_grotesque-bold.woff2') format('woff2'),
        url('../fonts/brandon_grotesque-bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'TiemposText';
    src: url('../fonts/TiemposText-BoldItalic.eot');
    src: local('Tiempos Text Bold Italic'), local('TiemposText-BoldItalic'),
        url('../fonts/TiemposText-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/TiemposText-BoldItalic.woff') format('woff'),
        url('../fonts/TiemposText-BoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'TiemposText';
    src: url('../fonts/TiemposText-Regular.eot');
    src: local('Tiempos Text Regular'), local('TiemposText-Regular'),
        url('../fonts/TiemposText-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/TiemposText-Regular.woff') format('woff'),
        url('../fonts/TiemposText-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'TiemposText';
    src: url('../fonts/TiemposText-Italic.eot');
    src: local('Tiempos Text Italic'), local('TiemposText-Italic'),
        url('../fonts/TiemposText-Italic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/TiemposText-Italic.woff') format('woff'),
        url('../fonts/TiemposText-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'TiemposText';
    src: url('../fonts/TiemposText-Bold.eot');
    src: local('Tiempos Text Bold'), local('TiemposText-Bold'),
        url('../fonts/TiemposText-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/TiemposText-Bold.woff') format('woff'),
        url('../fonts/TiemposText-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}


body {
  font-size:16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/*
.sans, .sans p {
    font-family: 'fg', sans-serif;
    font-weight: 300;
}
.sans b, .sans strong,
.sans p b, .sans p strong {
    font-family: 'fg', sans-serif;
    font-style: normal;
    font-weight: 500;
}
.sans-demi {
    font-family: 'fg', sans-serif;
    font-weight: 400;
    font-style: normal;
}
.sans-italic {
    font-family: 'fg', sans-serif;
    font-weight: 300;
    font-style: italic;
}
*/
.tiempos {
    font-family: 'TiemposText', serif;
    font-weight: 300;
    font-size:16px;
}
.tiempos em {
    font-family: 'TiemposText', serif;
    font-weight: 300;
    font-style:italic;
}
.tiempos strong {
    font-family: 'TiemposText', serif;
    font-weight: bold;
}
.tiempos strong em {
    font-family: 'TiemposText', serif;
    font-weight: bold;
    font-style:italic;
}

.brandon {
  font-family: 'Brandon Grotesque';
  font-weight: normal;
}
.brandon strong,
strong.brandon {
  font-family: 'Brandon Grotesque';
  font-weight: 500;
}
.show-umlaut {
  padding-top: .4em;
}
.font-weight-bold {
  font-weight: 500 !important;
}
.brandon .font-weight-bold,
.brandon.font-weight-bold {
  font-weight: 500 !important;
}
.sup-counter {
  top: -1em;
  font-size: 80%;
}
.freccia {
  font-size:2em;
}
.text-underline {
  border-bottom:1px solid #000;
}
.freccia.chevron {
  width:20px;
  height:33px;
  display:block;
  background:url('../img/chevron-left.svg') no-repeat center center;
}
.slick-next.freccia.chevron {
  background:url('../img/chevron-right.svg') no-repeat center center;
}

/*
 *
 *
Colori
 *
 *
 */
body {
  background:#fdfeff;
}
hr {
  border-color:#000;
}
.color-inherit,
a.link-arrow-right {
  color:inherit;
}
#cerca_libera:hover,
#cerca_generi:hover,
a.color-inherit:hover,
a:hover,
.classic-tabs .nav-link:hover,
.ancore .nav-item .nav-link:hover,
.navbar .nav-item .nav-link:hover {
  color: #606B70;
}
.sfondo-colore-1 {
  background:#e6f2fd;
}
.sfondo-colore-2 {
  background: #d8dbeb;
}
.sfondo-colore-3 {
  background: #fdf9e6;
}
.sfondo-colore-4 {
  background: #dae8e0;
}
.sfondo-colore-5 {
  background: #fcfadc;
}
.sfondo-colore-6 {
  background: #e8e1e2;
}
.sfondo-colore-7 {
  background: #f4dce9;
}
.sfondo-colore-altrecose {
 background: #d5e7ef;
}

/*
 *
 *
Bottoni - sovrascrivo bootstrap
 *
 *
 */
.btn {
  font-family: 'Brandon Grotesque';
  border-radius: 0;
  box-shadow: none;
}
.btn.btn-lg {
  padding-left: 1.8rem; padding-right: 1.8rem;
}
.btn-outline-black {
  border-width: 1px !important;
}
.btn[class*="btn-outline-"].btn-lg {
    padding-bottom: .66rem;
}
.btn:hover {
  box-shadow: none;
}
.btn img {
    height: 1.25em;
    margin-right: .3em;
    transform: translateY(-.2em);
}
 /*
  *
  *
 Transitions
  *
  *
  */

a,
.link-box:after {
  transition: all 0.3s ease-out;
}
.zoom-hover:hover {
  transform: scale(1.02);
}



/*
 *
 *
Affix
 *
 *
 */

.affix {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030;
}




/*
 *
 *
Varie
 *
 *
 */
.container.container-overflow {
  box-sizing: content-box;
  padding-left:0;
  padding-right:0;
}
.container.container-overflow > .row {
  margin-left: 0px;
  margin-right: 0px;
}

.nav-riga {
  border-bottom:1px solid #000;
}
.classic-tabs .nav-item + .nav-item, 
.ancore .nav-item + .nav-item,
.titoli .ancore .nav-item + .nav-item {
  margin-left: 1em;
}
.classic-tabs .nav-link,
.ancore .nav-item .nav-link,
.navbar .nav-riga .nav-item .nav-link {
  padding: .5rem 0 .2rem;
  color: #000;
  border-bottom: 3px solid transparent;
}
.classic-tabs .nav-item:last-child .nav-link,
.ancore .nav-item:last-child .nav-link,
.navbar .nav-riga .nav-item:last-child .nav-link {
  margin-right:0;
}
.classic-tabs .nav-link.active,
.ancore .nav-item.active .nav-link {
  font-weight: bold;
  /*text-decoration: underline;*/
  border-bottom:3px solid #000;
}

.link-arrow-right {
  position: relative;
  padding-right: 2em;
  display:inline-block;
}

.link-arrow-right span {
  position: absolute;
  right: 0.6em;
  top: -1px;
  transition: 200ms all ease;
}

.link-arrow-right:hover span {
  right: 0em;
}
.slick-slide {
  opacity: 0;
}
.slick-slide.slick-active {
  opacity: 1;
}
.slick-arrow {
  position: absolute;
  transition: 200ms all ease;
  cursor:pointer;
}
.slick-dots
{
  position: relative;
  display: block;
  width: 100%;
  padding: 0;
  margin: 25px 0 0;
  list-style: none;
  text-align: center;
}
.slick-dots li
{
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: 0;
  padding: 0;
  cursor: pointer;
}
.slick-dots li button
{
  font-size: 0;
  line-height: 0;
  display: block;
  width: 20px;
  height: 20px;
  padding: 5px;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: none;
  background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
  outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
  opacity: 1;
}
.slick-dots li button:before
{
  font-size: 1.5rem;
  line-height: 20px;
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  content: '•';
  text-align: center;
  opacity: .25;
  color: black;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
  opacity: .75;
  color: black;
}

.libro .libro-cop-container img,
.autore .libro-cop-container img {
  /* max-width:100%; rimuovo per problema con copertine mumin dello stesso tema dopo applicazione 3d */
}
.autore .profile_pic img {
  /* intdrodotta quanto ho tolto la regola sopra */
  position: relative;
  max-width:100%;
  margin-bottom: 2rem;
}
.news-una .libro-cop-container img {
  /* intdrodotta quanto ho tolto la regola sopra */
  position: relative;
  max-width:100%;
}

.libro-box.fuori-formato img {
  height: auto !important;
}
.libro-box:not(.libro-mumin) .libro-cop-container img {
  max-width:100%;
}
/* Mumin: copertina orizzontale ruotata nel libro. Sotto i 768px traslava prima di
   ruotare e la copertina finiva a sinistra, fuori dal libro: stessa regola del desktop. */
.libro-mumin .libro-cop-container img {
  transform: rotate(270deg) translate3d(0%, -100%, 0);
  transform-origin: 100% 0;
  position: absolute;
  right: 0;
}
.slick-slide .libro-cop-container img {
  display:inline-block;
}
.libri-elenco-cop-stessaltezza .libro-box:not(.libro-mumin) img {
  height:200px; /* TBD */
}
.libri-elenco-cop-stessaltezza .libro-box.libro-mumin img {
  width:200px; /* TBD */
}
.libro-box.libro-mumin .libro-cop-container {
  height: calc( 200px + 1.5em); /* TBD */
}
.libri-elenco-box-simple.libri-elenco-cop-stessaltezza .libro-box:not(.libro-mumin) img {
  height:auto;
  max-height:160px; /* TBD */
}
.libri-elenco-box-simple.libri-elenco-cop-stessaltezza .libro-box.libro-mumin img {
  width:auto;
  max-width:160px; /* TBD */
}
.separatore {
  position:absolute;
  bottom:0;
  left:0;
  width:30px;
  height:1px;
  background:#000;
}
.riga {
  height:1px;
  width:100%;
  background:#000;
}
.tratto {
  height:1px;
  background:#000;
  width:5em;
  margin-right:1em;
  margin-bottom:.35em;
}
.bordo-sx-colore {
  position:absolute;
  left:0;
  top:0;
  width:1px;
  height:100%;
  background-size:1px 1px;
  overflow:hidden;
  background: #999 !important;
}
.bordo-sx-colore-big {
  width:4px;
}
.bordo-sx-colore.bordo-mobile {
  top:auto;
  bottom: 0;
  width: 30%;
  height: 1px;
}
/*.collana-box {
  width:100%;
}*/
.collana-box .logo-collana-container {
  height:1.8em;
  display: flex;
  align-items: center;
  background-size: contain;
  background-position: left center;
  background-repeat: no-repeat;
}
.logo-collana-container .logo-collana {
  max-width:90%;
  max-height:100%;
}
.logo-collana-container .logo-collana.logo-mumin {
  height:1em;
}
/*
.collana-nome {
  border-top:1px solid #000;
}
*/
.logo-collana {
  height: 1.8rem;
}
.logo-collana.logo-iperborei {
  height: 2rem;
}
.logo-collana.logo-passenger {
  height: 1.45rem;
}
#home-cosespiegatebene .logo-collana.logo-passenger {
  height: 3.75rem;
}
#home-nilsson .logo-collana.logo-passenger {
  height: 3rem;
}
.tema-box img {
  width:60px;
}
.link-box {
  margin-top:-1px;
  position: relative;
  padding-right:1rem !important;
}
.link-box:after {
  content: "→";
  display:block;
  position: absolute;
  top:1em;
  right:1rem;
}
.link-box:hover:after {
  right:.75rem;
}
.link-box.link-box-download:after {
  content: "↓";
}
.link-box.link-box-download:hover:after {
  right:1rem;
  top: 1.25em;
}

.text-bigger { font-size: 1.5rem; }
.text-bigger-12 { font-size: 1.2rem; }

.cursor-pointer {
  cursor:pointer;
}

.button-border {
  border:1px solid #000;
  padding:1em;
}

.button-border {
  padding:.9em 1em .5em;
}


/*
 *
 *
Libro
 *
 *
 */
.cop-container-back {
  background-size: 1px 1px;
  position:relative; /* altrimenti crea problemi in libro */
}
.cop-container-back * {
  z-index:2;
}
.cop-container-back > div {
  align-self: center;
}
.cop-container-back:after {
  z-index:1;
  content:"";
  position:absolute;
  top:0;
  bottom:0;
  left:0;
  right:0;
  background:#fdfeff;
  opacity:0.7;
}
.libro-autore {
  font-size: 1.1rem;
  line-height: 1.2rem;
  margin-bottom: 0.4rem;
  opacity:.7;
}
h2.libro-autore {
  font-size: 1.4rem;
  line-height: 1.4rem;
  margin-bottom: 0.7rem;
}
.libro-titolo {
  font-size: 1.1rem;
  line-height: 1.2rem;
  margin-bottom: 0.3rem;
}
h1.libro-titolo {
  font-size: 2.3rem;
  line-height: 2.3rem;
}
.libro-excerpt,
.libro-data,
.libro-disponibilita {
  font-size:0.875rem; /* 16*0.875=14 */
}
.libro-testo {
  font-size:1.15rem;
}
.libro-altri-stesso-autore-slider .slick-prev,
.libro-collana-prossime-slider .slick-prev {
  bottom:0;
  z-index:2;
}
.libro-altri-stesso-autore-slider .slick-next,
.libro-collana-prossime-slider .slick-next {
  bottom:0;
  right:0;
}
.libro-collana-prossime-slider .slick-prev {
  left:15px;
}
.libro-collana-prossime-slider .slick-next {
  right:15px;
}
.libro-dettagli .brandon,
.em09 {
  font-size:.9em;
}
.em09.brandon-vertical-align {
  padding-top: 0.3em;
}
.citazione-testo {
  font-size:1.5rem;
  font-style: italic;
}
.sopra-titolo {
  opacity:.7;
}
#accordion .text-bigger { font-size: 2rem; }
/*
 *
 *
Navbar
 *
 *
 */
header {
  padding: 2px 0 7px;
  /*background: #f0e6ed;*/
  background: #fdfeff !important;
  border-bottom:1px solid #000;
}
.navbar {
  box-shadow: none;
}
.navbar-brand {
  color: #000;
}
.navbar-brand .logo {
  height: 26px;
}
.navbar .nav-item .nav-link {
  color: #000;
}
.navbar .nav-item .nav-link img {
  height: 1em;
}

.paesi header {
  background: #e6f2fd;
}
.autori header {
  background: #efeae6;
}
.news header {
  background: #fdf9e6;
}
.eventi header {
  background: #ebf3ef;
}

/*
 *
 *
Main
 *
 *
 */
main {
  padding: 60px 0;
}

.home main {
  padding: 0;
}

.chi-siamo main {
  padding-top: 0;
}

.news main {
  padding-top: 0;
}

.eventi main {
  padding-top: 0;
}

.titoli main {
  padding-top:0;
  padding-bottom:0;
}

.news-una main {
  padding-bottom: 0;
}

/*
 *
 *
Pagination
 *
 *
 */
 .pagination-nav {
   border-top: 1px solid #000;
 }


/*
 *
 *
Home
 *
 *
 */

.home header {
  background: #fdfeff;
  border:none;
}



.jumbotron {
  box-shadow: none;
  background: #1e3f83;
}

.header-slider .slick-arrow {
  top: 50%;
  z-index: 200;
  width: 3rem;
  height: 3rem;
  /* background-color:rgba(0,0,0,.1); */
  background-size: cover;
  background-repeat:no-repeat;
  background-position:center center;
  overflow: hidden;
  text-indent: 100vw;
  transform:translateY(-75%);
}
.header-slider .slick-arrow.slick-prev { background-image:url('../img/chevron-white-left.svg'); left: 1rem; }
.header-slider .slick-arrow.slick-next { background-image:url('../img/chevron-white-right.svg'); right: 1rem; }


.header-slider .slick-arrow svg { height: 2rem; }
.header-slider .slick-dots {
  position: absolute;
  bottom: 1.5em;
  margin: 0;
  z-index: 200;
}
.header-slider .slick-dots li button:before { font-size: 2rem; color: #FFF; opacity: .5; text-shadow: 0 0 .5em rgba(0, 0, 0, .5); }
.header-slider .slick-dots li.slick-active button:before { opacity: 1; }


#home-iperborei h2 span {
  display: block;
  font-size: .9rem;
}
#home-iperborei .slick-slider {
  padding-bottom:3em;
}
#home-iperborei .slick-arrow {
  bottom:0;
}
#home-iperborei .slick-prev {
  left:15px;
}
#home-iperborei .slick-next {
  right:15px;
}
#home-iperborei .slick-arrow.slick-disabled {
  opacity: 0;
}


/*#home-collane .container {*/
.home-padding {
  padding-top:50px;
  padding-bottom:50px;
}
#home-collane .slick-slider {
  padding-bottom:2em;
}
#home-collane .slick-arrow {
  bottom:0;
}
#home-collane .slick-prev {
  left:15px;
}
#home-collane .slick-next {
  right:15px;
}
.home-collana {
  display: flex;
  position: relative;
  flex-direction: column;
  padding: 0 15px;
}
.home-collana .corpo {
  width: 100%;
}
.home-collana .copertine {
  display: flex;
  width: 100%;
  /* justify-content: space-between; */
}
.home-collana.miniborei .copertine a {
  max-width: 100%;
  /* max-width: calc( (100% - 15px) /2 ); */
}
.home-collana.miniborei .copertine img {
  max-width: 100%;
}
.home-collana.corvi .copertine a {
  max-width: 100%;
  /* max-width: calc( (100% - 15px) /2 ); */
}
.home-collana.corvi .copertine img {
  max-width: 100%;
}
.home-collana.mumin .copertine img {
  max-width: 100%;
}



#home-passenger .btn-white,
#home-cosespiegatebene .btn-white,
#home-altrecose .btn-white,
#home-intrgrale .btn-white,
#home-nilsson .btn-white {
  color:#000;
}
#home-passenger .copertine img,
#home-cosespiegatebene .copertine img,
#home-altrecose .copertine img,
#home-integrale .copertine img,
#home-nilsson .copertine img {
  max-width: 100%;
  max-width: calc( (100% - 15px) /3 );
}

#home-passenger .container,
#home-cosespiegatebene .container,
#home-altrecose .container,
#home-integrale .container,
#home-nilsson .container {
  position:relative;
  overflow:hidden;
  padding-bottom:0;
}
#home-passenger .copertine-pass,
#home-cosespiegatebene .copertine-pass,
#home-altrecose .copertine-pass,
#home-integrale .copertine-pass,
#home-nilsson .copertine-pass {
  position:relative;
  padding-top: 50px;
  padding-bottom: 50px;
  display: flex;
  justify-content: space-between;
}
#home-passenger .img-pass,
#home-cosespiegatebene .img-pass,
#home-altrecose .img-pass,
#home-integrale .img-pass,
#home-nilsson .img-pass {
  width:47.5%;
  display:block;
}
.img-pass img {
  width:100%;
  height:auto;

}
#home-passenger .img-pass.img-pass-3,
#home-cosespiegatebene .img-pass.img-pass-3,
#home-altrecose .img-pass.img-pass-3,
#home-integrale .img-pass.img-pass-3,
#home-nilsson .img-pass.img-pass-3 {
  display:none;
}
/*#home-passenger .img-pass {
  position:absolute;
  right:15px;
  top:20%;
  height:200%;
}*/
#home-cosespiegatebene .img-pass {
  z-index:4
}
#home-cosespiegatebene .img-pass.img-pass-2 {
  z-index:3;
}
#home-cosespiegatebene .img-pass.img-pass-3 {
  z-index:2;
}
#home-cosespiegatebene .img-pass.img-pass-4 {
  z-index:1;
}

#home-eventi .container.container-overflow > .row {
  margin-left: 0;
  margin-right: 0;
}
.home-evento,
.home-boreali {
  padding: 50px 15px;
}
.home-boreali{
  background:#ebf3ef;
}
.home-boreali h2 {
  justify-content: space-between;
}


#home-news .cover img {
  max-width: 100%;
}
.video-cover {
  position:relative;
  display:block;
  min-height: 10rem;
  background: #e0e6e9;
}
.video-cover:after {
  content:"";
  display:block;
  position:absolute;
  z-index:2;
  width:100%;
  height:100%;
  top:0;
  left:0;
  right:0;
  bottom:0;
  background:url("../img/play.png") no-repeat center center / 18% auto;
}
.news-in-scheda .cover img {
  max-width: 100%;
}
.box-newsletter {
  background: #fdfeff;
  border:1px solid #000;
}
#home-news .box-newsletter {
  float: right;
  bottom: 0;
}
#home-news .box-newsletter p {
  margin-bottom: 0;
}
.hor-dash {
  position:absolute;
  top:1rem;
  left:-9%;
  height:1px;
  background:#000;
  width:8.333%;
}

#home-classifiche {
  padding:80px 0 40px;
}
.home-classifica-slider {
  padding-bottom:3em;
}
.home-classifica-slider .slick-track {
  margin-left: 0;
}
.home-classifica-slider .slick-arrow {
  bottom:0;
}
.home-classifica-slider .slick-prev {
  left:15px;
}
.home-classifica-slider .slick-next {
  right:15px;
}
.home-classifica-slider .slick-arrow.slick-disabled {
  opacity: 0;
}
.numero-classifica {
  font-size:1.1rem;
}
/*.libro-in-classifica .libro-titolo {
  font-size: 1rem;
}*/

#home-temi-slider .slick-arrow {
  top:50%;
  margin-top: -1em;
  z-index:10;
}
#home-temi-slider .slick-prev {
  left:15px;
}
#home-temi-slider .slick-next {
  right:15px;
}
#home-temi-slider .slick-list {
  /* padding:0 30px; */ /* utile solo se tengo le arrows e spengo i dots */
}

#home-temi .container { /*background: #efeae6;*/ }

#home-temi .slick-slide img {
  margin: 0 auto;
}
.tema-paese-nome {
  font-size:1.2rem;
}

#home-paesi-slider .slick-arrow {
  bottom:0;
  z-index:10;
}
#home-paesi-slider .slick-prev {
  left:0;
}
#home-paesi-slider .slick-next {
  right:0;
}
#home-paesi-slider .slick-list {
  border-top:1px solid #000;
  border-bottom:1px solid #000;
}
.paese-box {
  border: 1px solid #000;
  margin: -1px 0 0 -1px;
  padding: 1em;
  width:50%;
  background: #fff;
}
/*
.paese-box:first-child {
  border-left:none;
}
*/
.paesi .paese-box:first-child,
.paesi .paese-box {
  border:1px solid #000;
  margin: -1px -1px 0 0;
}


/*
 *
 *
 Ricerca
 *
 *
 */
/*.row.ricerca {
}
.ricerca > div:first-of-type {
  padding-left:0;
}
.ricerca > div:last-of-type {
  padding-right:0;
}*/

#cerca_libera::placeholder,
#cerca_generi::placeholder  { /* Chrome, Firefox, Opera, Safari 10.1+ */
  opacity: 1;
}
#cerca_libera:-ms-input-placeholder,
#cerca_generi:-ms-input-placeholder  { /* Internet Explorer 10-11 */
  opacity: 1;
}
#cerca_libera::-ms-input-placeholder,
#cerca_generi::-ms-input-placeholder  { /* Microsoft Edge */
  opacity: 1;
}
#cerca_libera:focus::placeholder,
#cerca_generi:focus::placeholder  {
  opacity: 0.3;
}
#cerca_libera:focus:-ms-input-placeholder,
#cerca_generi:focus:-ms-input-placeholder  {
  opacity: 0.3;
}
#cerca_libera:focus::-ms-input-placeholder,
#cerca_generi:focus::-ms-input-placeholder  {
  opacity: 0.3;
}
#cerca_libera:focus,
#cerca_generi:focus  {
  box-shadow:none;
  outline: none;
  outline-style: none;
}
#cerca_libera,
#cerca_generi {
  border:0;
  margin:0;
  background:#fdfeff;
}
.cell-label {
  width:80px;
}
.table-cell-button,
.table-cell-button img {
  width:20px;
}
.tendina_items {
  display:none;
  position:absolute;
  z-index:10;
  width: auto;
  left: 0;
  top: 0;
  background:#eff2f4
}
.tendina_items_select {
  top:100%;
  margin-top:-1px;
  left:15px;
  right:15px;
  max-height: 380px;
  overflow-y: scroll;
}
.tendina_items_select a {
  border-bottom:1px solid #000;
}
.tendina_items_select_eta a {
  float:left;
}
.tendina_items_select_eta a:nth-child(2n+1) {
  border-right:1px solid #000;
}
.elemento_da_filtrare,
.genere_da_filtrare {
  display:block;
}
.elemento_da_filtrare.not_searched,
.genere_da_filtrare.not_searched {
  display:none;
}
.select-chiudi,
.search-box-select-chiusa .select-apri {display:block;}
.select-apri,
.search-box-select-chiusa .select-chiudi {display:none;}
.ricerca-col {
  margin-top:-1px;
}

/*
 *
 *
 Titoli
 *
 *
 */

.titoli .libro-box {
  margin-bottom: 1em;
}
.titoli .tema-box {
  width: 33.3%;
  padding-right: 0 !important;
}
.titoli .tema-box > div {
  padding-right: 0 !important;
}
.titoli .paese-box {
  border-left: none;
  margin: -1px 0 0 -1px;
  width: 50%;
  padding-left: 0;
}

/*
 *
 *
 Autori
 *
 *
 */

 .autore-box,
 .grid-sizer {
   width:calc( (100% - 20px) /2 );
 }
 .autore-box.no-foto {
   border-top:1px solid #000;
   margin: 0 10px;
 }
 .gutter-sizer { width: 20px; }
 .grid-sizer,
 .gutter-sizer {
   height: 0;
   padding: 0;
   margin: 0;
 }
.autore-box.no-foto:nth-child(2n) { margin-right: 0; }
.autore-box.no-foto:nth-child(2n+1) { margin-left: 0; }
.autore-box img{
  width:100%;
}

.filtro-autori button {
  background: none;
  border:1px solid #000;
  padding:7px 8px 3px;
  margin-bottom: 4px;
}
.filtro-autori button.active {
  background: #000;
  color:#fff;
}
.filtro-autori button:focus {
  outline:none;
}



.ev-in-lista {
  border-bottom:1px solid #000;
}



/*.gruppo-risultati {
  max-height:400px;
  overflow:hidden;
  position:relative;
  border-bottom:1px solid #000;
}*/
.gruppo-risultati .risultato {
  border-bottom:1px solid #ccc;
}
.gruppo-risultati .risultato:last-child {
  border:none;
}
.mostra-tutto {
  display:none;
  /*
  border:1px solid #000;
  position:absolute;
  bottom:0;
  left:0;
  background:#fff;
  */
}

.portrait-holder { position: relative; width:100%; padding-bottom:150%; background:#eaecef; }
.portrait { position: absolute; width:100%; height:100%; top:0; left:0; background-repeat:no-repeat; background-size:cover; transition:all 200ms ease; opacity:0; background-position: center center;}
.portrait.loaded { opacity:1; }


/*
*
*
Chi Siamo
*
*
*/

.chi-siamo-intro {
  padding: 80px 0;
}
.side-link {
  margin-top: 0.5em;
}

#chi-siamo-passenger .copertine-pass {
  position: relative;
  overflow: hidden;
  padding-bottom: 36%;
}
#chi-siamo-passenger .img-pass {
  position: absolute;
  right: 1px;
  top: 2%;
  width: 48%;
}
#chi-siamo-passenger .img-pass.img-pass-2 {
    right: 17%;
    top: 14%;
    z-index: 2;
}


/*
*
Temi
*
*
*/
.tema-item {
  border:1px solid #000;
  padding: .7em 1.5em .6em 1.7em;;
  margin: 0 1.2em 1.2em 0;
  text-align: center;
  /* flex:auto; */
 }
 .tema-item.alfabetico {
   padding: .7em 1.5em .6em 1.7em !important;
 }


/*
*
Footer
*
*
*/
footer {
  padding: 30px 0;
  /*border-top:1px solid #000;*/
  font-size:0.85em;
  line-height:2em;
  background:#f3f5f5;
}
footer a {
  color: #212529;
  text-decoration:underline;
}

footer i {
  font-size: 1.3em;
  margin-right: 0.2em;
}

/*
*
*
Forms and buttons
*
*
*/

.form-select,
input.form-control {
  width: 100%;
  padding: .375rem 0 !important;
  border: none !important;
  border-bottom: 1px solid #666 !important;
  border-radius: 0 !important;
}
textarea.form-control {
  width: 100%;
  border-radius: 0;
}
.button-border.brandon.form-submit {
  display: block;
  width: 100%;
  padding: 0.9em 3em 0.5em !important;
  text-align: center !important;
  background: transparent !important;
  border: 1px solid #666 !important;
  border-radius: 0 !important;
  color: #000 !important;
  height: auto !important;
  margin: 0 !important;
}

/* Popup */
#backdrop {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: rgba(0,0,0,.4);
  z-index: 999;
  backdrop-filter: blur(1px);
}
#popup_newsletter {
  display: none; /* Nasconde il popup inizialmente */
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: white;
  padding: 20px;
  box-shadow: 0 1em 2em rgba(0, 0, 0, 0.2);
  border: 1px solid #000;
  z-index: 1000;
  width: calc(100vw - 3rem);
  max-width: 640px;
}
#close_popup {
  position: absolute;
  top: .5rem;
  right: .5rem;
  font-size: 1.7rem;
  height: 2rem;
  width: 2rem;
  padding: 0.2rem 0 0;
  text-align: center;
  color: #333;
  display: flex;
  flex-direction: column;
  justify-content: center;
  border-radius: 50%;
  transition: all .2s ease;
}
#close_popup:hover {
  background-color: #f2f2f2;
}

@media (max-width:767px) {
    #popup_newsletter {
      font-size: .8rem;
      width: calc(100vw - 15px);
    }
    #popup_newsletter .h3 {
      font-size: 1.5rem;
    }
    #popup_newsletter .button-border.brandon.form-submit {
      padding: 0.6em 3em 0.2em !important;
    }
    #popup_newsletter .form-control {
      height: calc(1.5em + .4rem + 2px);
    }
    #mc_embed_signup .mc-field-group label {
      margin-bottom: 0 !important;
    }
    #popup_newsletter .form-select, input.form-control {
      width: 100%;
      padding: .2rem 0 !important;
  }
}
/* IO PREFERISCO NON FIXED, PERCHÈ DISTURBA PARECCHIO SULLO SCHERMO
header {
  position:fixed;
  background:#fff;
  z-index:100000;
  width:100%;
}*/
.navbar.navbar-expand-md .nav-item.nav-titoli-mobile {
  background-color: #f3f5f5;
}
.navbar.navbar-expand-md .nav-item .nav-link {
  border-top:1px solid #d8dada;
  padding-top:0.8rem;
  padding-bottom:0.8rem;
  padding-left: 0.75em;
}
.navbar-expand-md .navbar-collapse {
  transition:all 0.3s ease-out;
}
.navbar-expand-md .navbar-collapse.show,
.navbar-expand-md .navbar-collapse.collapsing {
  padding-top:1em;
}
.navbar-expand-md .navbar-toggler-icon {
  text-align:right;
}
.navbar-expand-md .navbar-toggler-icon img {
  width:1em;
  height:1em;
  margin-top:0.4em;
}
.navbar-expand-md .navbar-toggler .menu-chiudi {
  display:none;
}
.navbar-expand-md .navbar-toggler.collapsed .menu-apri {
  display:none;
}
.navbar-expand-md .navbar-toggler.collapsed .menu-chiudi {
  display:inline;
}

.grecaptcha-badge {
    display: none;
}

  /*
  *
  *
 Media queries
  *
  *
  */

@media (min-width:576px) {     /*  -sm-  */
  .container.container-overflow {
    padding-left: 20px;
    padding-right: 20px;
  }
  #home-eventi {
    padding: 40px 0;
  }
  #home-eventi .container.container-overflow > .row {
    margin-left: -20px;
    margin-right: -20px;
  }
  /*.collana-box {
    width:45%;
  }*/
  .home-padding {
    padding-top:80px;
    padding-bottom:80px;
  }
  #home-iperborei.home-padding {
    padding-top:40px;
  }
  .home-boreali,
  .home-evento {
    padding: 80px 40px;
  }
  .link-box {
    max-width: 280px;
  }
  .news-una .link-box {
    max-width: 100%;
  }


  /* riportare anche questo */
  .classic-tabs .nav-item + .nav-item, 
  .ancore .nav-item + .nav-item,
  .titoli .ancore .nav-item + .nav-item {
    margin-left: 1.2em;
  }
  .paese-box { width: auto; }
  .titoli .paese-box {
    width: 33.3%;
  }

  .row-collane-in-titoli {
    margin:0;
  }

}

@media (min-width:768px) {     /*  -md-  */
  .md-text-right {
    text-align:right;
  }
  main,
  .titoli main {
    padding: 80px 0;
  }
  .titoli main {
    padding-bottom: 0;
  }
  header {
    padding: 12px 0 17px;
    background: #f0e6ed;
  }
  .navbar .nav-item .nav-link {
    padding-bottom: 0;
  }
  .navbar.navbar-expand-md .nav-item .nav-link {
    padding-top:.5rem;
    padding-bottom:0;
    padding-left: .6rem;
    font-size: .9em;
    border:none;
  }
  .navbar .nav-riga .nav-item .nav-link,
  .nav-riga .nav-item .nav-link {
    padding: 0rem 0 .4rem;
  }
  .nav-riga .search-box-selected span { display: block; margin-top: -2px; }

  #home-iperborei .nav-riga .nav-item .nav-link {
    padding: 0rem 0 .2rem;
    font-size: .9rem;
  }
  .container.container-overflow {
    padding-left: 25px;
    padding-right: 25px;
  }
  #home-eventi {
    padding:60px 0;
  }
  #home-eventi .container.container-overflow > .row {
    margin-left: -25px;
    margin-right: -25px;
  }
  .home-collana {
    width:50%;
  }
  /*
  .home-collana .copertine {
    max-width: fit-content;
  }
  */
  .logo-collana-container .logo-collana.logo-mumin {
    height: 1.4em;
  }
  .home-collana.corvi .copertine img {
    max-height: 172px;
  }
  .home-collana.miniborei .copertine img {
    max-height: 172px;
  }
  .home-collana .freccia {
    position: absolute;
    left: 0;
    bottom: 0;
    color: #000;
  }
  #home-passenger .container,
  #home-cosespiegatebene .container,
  #home-altrecose .container,
  #home-integrale .container,
  #home-nilsson .container {
    padding-top:80px;
    padding-bottom:80px;
  }
  #home-passenger .copertine-pass,
  #home-cosespiegatebene .copertine-pass,
  #home-altrecose .copertine-pass,
  #home-integrale .copertine-pass,
  #home-nilsson .copertine-pass {
    padding-top:0;
    padding-bottom:0;
  }
  #home-passenger .img-pass,
  #home-cosespiegatebene .img-pass,
  #home-altrecose .img-pass,
  #home-integrale .img-pass,
  #home-nilsson .img-pass {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .pass-cose-flex {
    justify-content: center;
    display: flex;
    flex-direction: column;
  }
  #home-classifiche {
    padding: 80px 0;
  }
  .tema-box img {
    width:70px;
  }
  .autore-box,
  .grid-sizer {
    width:calc( (100% - 40px ) / 3)
  }
  .autore-box.no-foto:nth-child(2n) { margin-right: 10px; }
  .autore-box.no-foto:nth-child(2n+1) { margin-left: 10px; }
  .autore-box.no-foto:nth-child(3n) { margin-right: 0; }
  .autore-box.no-foto:nth-child(3n+1) { margin-left: 0; }
  .cop-container-back {
    background-image:none !important;
  }
  .cop-container-back.cop-container-news {
    position:relative;
  }
  .cop-container-back.cop-container-news:after {
    opacity:0.8;
  }
  .cop-container-back > div {
    align-self:flex-start;
  }
  .libro-testo {
    font-size:1.2rem;
  }
  .citazione-testo {
    font-size:1.2rem;
  }
  /*#home-news .cover {
    position: absolute;
    left: -15px;
  }*/
  #home-news .box-newsletter {
    bottom: -2em;
  }
  .paese-box,
  .paesi .paese-box:first-child,
  .paesi .paese-box {
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    border-left: none;
    border-right: none;
    margin: -1px 0 0 0;
    padding: 2em 1em 3em 0;
    background: #fdfeff;;
    width: 25%;
  }
  .bordo-sx-colore.bordo-mobile {
    top:0;
    bottom:auto;
    width:1px;
    height:100%;
  }
  .titoli .tema-box {
    width: 25%;
  }
  .titoli .paese-box {
    width: 25%;
  }
  .ev-border-left {
    border-left:1px solid #000;
  }
  .ev-in-lista {
    border:none;
  }
  .libro-mumin .libro-cop-container img {
    transform: rotate(270deg) translate3d(0%, -100%, 0);
    transform-origin: 100% 0;
    position: absolute;
    right: 0;
  }
}

@media (min-width:992px) {     /*  -lg-  */
  .navbar-brand .logo {
    height: 35px;
  }
  .navbar.navbar-expand-md .nav-item .nav-link {
    padding-left: .9rem;
    font-size: 1.2rem;
  }
  .navbar .nav-riga .nav-item .nav-link {
    font-size: 1rem;
  }
  .container.container-overflow {
    padding-left: 30px;
    padding-right: 30px;
  }
  #home-iperborei h2 span {
    font-size: 1rem;
    line-height: 1em;
    padding: .6em 0 .5em;
  }
  #home-iperborei .nav-riga .nav-item .nav-link {
    padding: 0rem 0 .6rem;
    font-size: 1rem;
  }
  .home-collana {
    width: 33.333333%;
  }
  #home-eventi {
    padding:80px 0;
  }
  #home-eventi .container.container-overflow > .row {
    margin-left: -30px;
    margin-right: -30px;
  }
  .home-boreali, .home-evento {
    padding: 45px 45px;
  }
  .home-collana .copertine img {
    height: 136px;
    width: auto;
    max-width: none !important;
  }
  .home-collana.corvi .copertine img {
    max-height: none;
  }
  .home-collana.miniborei .copertine img {
    max-height: none;
  }
  .home-collana .corpo {
    position: relative;
  }
  .home-collana .corpo p {
    width: 100%;
  }
  /*.collana-box {
    width:30%;
  }*/
  .autore-box,
  .grid-sizer {
    width:calc( (100% - 60px ) / 4)
  }
  .autore-box.no-foto:nth-child(3n) { margin-right: 10px; }
  .autore-box.no-foto:nth-child(3n+1) { margin-left: 10px; }
  .autore-box.no-foto:nth-child(4n) { margin-right: 0; }
  .autore-box.no-foto:nth-child(4n+1) { margin-left: 0; }
  .paese-box {
    width: 20%;
  }
  .titoli .paese-box {
    width: 20%;
  }
  .side-chisiamo {
    border-left:1px solid #000;
  }
  .form-select,
  input.form-control,
  textarea.form-control {
    font-size: 1.3rem;
  }
  .button-border.brandon.form-submit { display: inline; width: auto; }
}
@media (min-width:992px) and (max-width:1024px) {
  .container.container-overflow {
    max-width: 960px;
  }
}

@media (min-width:1200px) {     /*  -xl-  */
  .copertine-pass-2::before {
    content: "";
    display: block;
    width: 30%;
  }
  header {
    padding: 22px 0 27px;
    background: #f0e6ed;
  }
  .container.container-overflow {
    padding-left: 30px;
    padding-right: 30px;
  }
  .navbar .nav-item .nav-link {
    font-size: 1.2rem;
  }
  #home-eventi .container.container-overflow > .row {
    margin-left: -30px;
    margin-right: -30px;
  }
  .home-collana .copertine img {
    height: 164px;
  }
  .logo-collana-container .logo-collana.logo-mumin {
    height: 1.2em;
  }
  .autore-box,
  .grid-sizer {
    width:calc( (100% - 80px ) / 5)
  }
  .autore-box.no-foto:nth-child(4n) { margin-right: 10px; }
  .autore-box.no-foto:nth-child(4n+1) { margin-left: 10px; }
  .autore-box.no-foto:nth-child(5n) { margin-right: 0; }
  .autore-box.no-foto:nth-child(5n+1) { margin-left: 0; }

  .libri-elenco-box-simple.libri-elenco-cop-stessaltezza .libro-box:not(.libro-mumin) img {
    max-height:230px; /* TBD */
  }
  .libri-elenco-box-simple.libri-elenco-cop-stessaltezza .libro-box.libro-mumin img {
    max-width:230px; /* TBD */
    right:0.5rem;
  }
  .tema-paese-nome {
    font-size:1.3rem;
  }
  #home-passenger .container.
  #home-cosespiegatebene .container,
  #home-altrecose .container,
  #home-integrale .container,
  #home-nilsson .container {
    padding-top:110px;
    padding-bottom:110px;
  }
  #home-passenger .img-pass,
  #home-cosespiegatebene .img-pass,
  #home-altrecose .img-pass,
  #home-integrale .img-pass,
  #home-nilsson .img-pass {
    width: 30%;
  }
  #home-passenger .img-pass.img-pass-3,
  #home-cosespiegatebene .img-pass.img-pass-3,
  #home-altrecose .img-pass.img-pass-3,
  #home-integrale .img-pass.img-pass-3,
  #home-nilsson .img-pass.img-pass-3 {
    display: flex;
  }
  .titoli .tema-box {
    width: 20%;
  }
  .collana-nome .h5 {
    font-size:1.7rem;
    line-height:1.9rem;
  }
  /*.testo-news {
    justify-content: center;
    display: flex;
    flex-direction: column;
  }*/
  .news-in-scheda,
  .traduttore-in-scheda {
    padding:2rem 0;
  }
  .citazione-testo {
    font-size:1.5rem;
  }
  .navbar-expand-md .navbar-nav .nav-link {
      padding-right: 1rem;
      padding-left: 1rem;
  }
  #accordion .text-bigger { font-size: 2rem; }
}

@media (min-width:1600px) {
  body {
    font-size:16px;
  }
  .h2, h2 {
    font-size: 2.5rem;
  }
  .container {
    max-width: 1440px;
  }
  header {
    padding: 32px 0 37px;
    background: #f0e6ed;
  }
  .navbar-expand-md .navbar-nav .nav-link {
      padding-right: 1rem;
      padding-left: 1rem;
  }
  .libri-elenco-cop-stessaltezza .libro-box:not(.libro-mumin) img {
    height: 270px;
  }
  .libri-elenco-cop-stessaltezza .libro-box.libro-mumin img {
    width: 270px;
  }
  .libri-elenco-box-simple.libri-elenco-cop-stessaltezza .libro-box:not(.libro-mumin) img {
    max-height:270px; /* TBD */
  }
  .libri-elenco-box-simple.libri-elenco-cop-stessaltezza .libro-box.libro-mumin img {
    max-width:270px; /* TBD */
  }
  .container.container-overflow {
    padding-left: 60px;
    padding-right: 60px;
  }
  .home-collana .copertine img {
    height: 200px;
  }
  .logo-collana-container .logo-collana.logo-mumin {
    height: 1.4em;
  }
  #home-passenger .container,
  #home-cosespiegatebene .container,
  #home-altrecose .container,
  #home-integrale .container,
  #home-nilsson .container {
    padding-top:130px;
    padding-bottom:130px;
  }
  #home-eventi .container.container-overflow > .row {
    margin-left: -60px;
    margin-right: -60px;
  }
  .home-boreali, .home-evento {
    padding: 80px 75px;
  }
  .filtro-autori button {
    padding:7px 15px 4px;
  }
  .libro-titolo,
  .collana-nome .h5 {
    font-size:1.5rem;
    line-height:1.7rem;
  }
  #tutti-i-titoli .libro-titolo {
    font-size:1.4rem;
    line-height:1.6rem;
  }
  .libro .libro-titolo .libro-titolo-in-scheda {
    font-size:3rem;
    line-height:3.2rem;
  }
  .libro-testo {
    font-size:1.3rem;
  }
  .libro-autore {
    font-size: 1.5rem;
    line-height:1.7rem;
  }
  #tutti-i-titoli .libro-autore {
    font-size:1.4rem;
    line-height:1.6rem;
  }
  .libro-in-classifica .libro-titolo {
    font-size: 1.2rem;
    line-height: 1.5rem;
  }
  .libro-in-classifica .libro-autore {
    font-size: 1.2rem;
    line-height:1.5rem;
  }
  .tema-box img {
    width: 100px;
  }
  .box-newsletter {
    font-size:1.2rem;
    max-width:45%;
  }
  .titolo-news {
    font-size:1.7rem;
  }
  .news-in-scheda {
    padding:3rem 0;
  }
  .collana-box .collana-nome,
  .ricerca {
    padding:3rem 0 !important;
  }
  /* .paese-box {
    padding: 2em 1em 3em 0;
  } */
  #collane {
    padding-bottom:3rem;
  }
  .elenco-collane {
    padding-top:3rem;
  }
  .mb-lg-5, .my-lg-5 {
    margin-bottom: 4rem !important;
  }
  .mt-lg-5, .my-lg-5 {
      margin-top: 4rem !important;
  }
  #chi-siamo .img-pass.img-pass-2 {
    right: 20%;
  }
  .logo-collana {
    height: 2.2rem;
  }
  .logo-collana.logo-passenger {
    height: 1.75rem;
  }
  #home-cosespiegatebene .logo-collana.logo-passenger {
    height: 4.75rem;
  }
  #home-nilsson .logo-collana.logo-passenger {
    height: 3.5rem;
  }
  .logo-collana.logo-iperborei {
    height: 2.5rem;
  }
  footer {
    font-size:1em;
  }
}


/*@media (min-width: 1740px) {
  .container {
    max-width: 1680px;
  }
  .libro-titolo {
    font-size: 2rem;
    line-height: 2.2rem;
  }
  .libro-autore {
    font-size: 1.7rem;
    line-height: 1.9rem;
  }
}*/

/* test frecce in direzioni geografiche e lontananza, per ora random */
  @media (min-width:768px) {
    .paese-nome.pb-md-2.pr-md-4 {
      padding-right: 0 !important;
      padding-left: 1rem;
      padding-top: 1rem;
      order: 2;
    }
    .paese-box:hover .paese-nome.pb-md-2.pr-md-4 {
      opacity:1;
    }
    .freccia {
      order: 1;
      /* opacity:0.5; */
      transition: all 0.3s ease;
    }
    .freccia img {
      width: 2.4rem;
      height: 2.4rem;
      transition: all 0.3s ease;
    }
    .paese-box:hover .freccia {
      opacity:1;
    }
    .paesi .paese-box {
      border-top: 1px solid #000;
      border-bottom: 1px solid #000;
      border-left: 1px solid #000 !important;
      border-right: 1px solid #000;
      margin: -1px -1px 0 0;
      padding: 2.5em 1em 1.5em 0 !important;
      background: #fff;
      width: 25%;
      text-align: center;
      display: flex;
      flex-direction: column;
    }

    .paese-box:hover .freccia img {
      /* Start the animation and make the animation last for 0.5 seconds */
      animation: vibrate 0.6s;
      /* When the animation is finished, start again */
      /* animation-iteration-count: infinite;*/
    }

    @keyframes vibrate {
      0% { transform: rotate(10deg); }
      10% { transform: rotate(-8deg); }
      20% { transform: rotate(6deg); }
      30% { transform: rotate(-6deg); }
      40% { transform: rotate(4deg); }
      50% { transform: rotate(-4deg); }
      60% { transform: rotate(2deg); }
      70% { transform: rotate(-2deg); }
      90% { transform: rotate(2deg); }
      100% { transform: rotate(0deg); }
    }
  }


/*
*
* 3D: OMBRE, SEGNO PIEGA, CARTA IMITLIN
*
*/
.img-holder { position:relative; margin-right:auto; background-image:url('../img/3d/imitlin-sample.jpg'); }
.libro-cop-container img { position:absolute; top:0; right:0; z-index:3; mix-blend-mode: multiply; }

.img-holder:after { content:""; display: block; position: absolute; top:0; bottom:0; left:6px; width:1px; background: rgba(255,255,255,.3); mix-blend-mode: overlay; }
.img-holder:before { content:""; display: block; position: absolute; top:0; bottom:0; left:7px; width:2px; background: rgba(0,0,0,.05); mix-blend-mode: multiply; }

.libro-i-miniborei .img-holder:after { content:""; display: block; position: absolute; top:0; bottom:0; left:6px; width:1px; background: rgba(255,255,255,.1); mix-blend-mode: overlay; }
.libro-i-miniborei .img-holder:before { content:""; display: block; position: absolute; top:0; bottom:0; left:7px; width:2px; background: rgba(0,0,0,.05); mix-blend-mode: multiply; }

.libro-box.libro-luci img,
.libro-box.libro-ombre img,
.libro-box.libro-saggi img,
.libro-box.libro-gli-iperborei img,
.libro-box.libro-luci .img-holder,
.libro-box.libro-ombre .img-holder,
.libro-box.libro-saggi .img-holder,
.libro-box.libro-gli-iperborei .img-holder { height:200px; width:100px; }

.libro-box.libro-mumin img { height:100px; width:200px; }
.libro-box.libro-mumin .img-holder { height:200px; width:100px; }
.libro-box.libro-mumin .img-holder .img { transform:rotate(-90deg); }
.libro-box.libro-mumin .img-holder:after { left:0; top:auto; width:100%; bottom:5px; height:1px; z-index:4; }
.libro-box.libro-mumin .img-holder:before { left:0; top:auto; width:100%; bottom:6px; height:2px; z-index:4; }

.libro-box.libro-i-miniborei img,
.libro-box.libro-i-miniborei .img-holder { height:200px; width:130px; }
.libro-box.libro-i-miniborei .img-holder:after { left:8px; }
.libro-box.libro-i-miniborei .img-holder:before { left:9px; }

.libro-box.libro-i-corvi img,
.libro-box.libro-i-corvi .img-holder { height:200px; width:130px; }
.libro-box.libro-i-corvi .img-holder:after { left:8px; }
.libro-box.libro-i-corvi .img-holder:before { left:9px; }

/*
.libri-elenco-cop-stessaltezza .libro-box.libro-gli-iperborei .img-holder { height:270px; width:135px; }
.libri-elenco-cop-stessaltezza .libro-box.libro-i-miniborei .img-holder { height:200px; width:135px; }
.libri-elenco-cop-stessaltezza .libro-box.libro-i-corvi .img-holder { height:200px; width:135px; }
*/

.img-holder .book_shadow { display:block; position: absolute; background-size: 80%; opacity:.6; transition: opacity 400ms ease; }
.img-holder .shadow-top-right { bottom: 100%; height: 13px; right:0; width:50px; background-image: url('../img/3d/cover2_bg-tr.png'); background-repeat: no-repeat; background-position: top left; background-size:contain; }
.img-holder .shadow-top { bottom: 100%; height: 13px; left:0; width: calc(100% - 50px); background-image: url('../img/3d/cover2_bg-t.png'); background-repeat: repeat-x; background-position: left top; background-size:contain; }
.img-holder .shadow-left { right: 100%; width: 77px; top: -13px; height: calc(100% + 1px); background-image: url('../img/3d/cover2_bg-tl.png'); background-repeat: no-repeat; background-position: top right; }
.img-holder .shadow-left-bottom { right:100%; width: 77px; top: calc(100% - 12px); height: 40px; background-image: url('../img/3d/cover2_bg-bl.png'); background-repeat: no-repeat; background-position: top right; }
.img-holder .shadow-bottom { top: 100%; height: 23px; left:0; width:calc(100% - 50px); background-image: url('../img/3d/cover2_bg-b.png'); background-repeat: repeat-x; background-position: left bottom; background-size:contain; }
.img-holder .shadow-bottom-right { top: calc(100% - 1px); height: 23px; right:0; width:50px; background-image: url('../img/3d/cover2_bg-br.png'); background-repeat: no-repeat; background-position: right bottom; background-size:contain; }
.libro-box:hover .img-holder .book_shadow { opacity:.9; }

.libro-box.fuori-formato .img-holder { height:auto !important; }
.libro-box.fuori-formato img { position:relative; width:100% !important; height: auto !important; }

.libro-box.libro-gli-iperborei.fuori-formato .img-holder,
.libro-box.libro-gli-iperborei.fuori-formato img {
    height: 200px !important;
    width: 130px !important;
}

.img-pass .book_shadow { opacity: .3; }
.img-pass:hover .book_shadow { opacity: .4; }

/* singolo */

.single-title-cover .img-holder { height:auto; }
.single-title-cover img { position:relative; width:100%; height: auto; }


@media (min-width:768px) {
  .img-holder { position:relative; margin-right: 0; margin-left:auto; }
}

@media (min-width:426px) and (max-width:767px) {
  /* cover grande */
  .single-title-cover .img-holder .shadow-top-right { height: 26px; width:100px; }
  .single-title-cover .img-holder .shadow-top { height: 26px; width: calc(100% - 100px); }
  .single-title-cover .img-holder .shadow-left { width: 154px; top:-26px; height: 100%; }
  .single-title-cover .img-holder .shadow-left-bottom { width: 154px; top:calc(100% - 26px); height: 71px; }
  .single-title-cover .img-holder .shadow-bottom { height: 46px; width: calc(100% - 100px); }
  .single-title-cover .img-holder .shadow-bottom-right { height: 46px; width: 100px; top: calc(100% - 1px); }
}

@media (min-width:1200px) {
  .single-title-cover .img-holder .shadow-top-right { height: 26px; width:100px; }
  .single-title-cover .img-holder .shadow-top { height: 26px; width: calc(100% - 100px); }
  .single-title-cover .img-holder .shadow-left { width: 154px; top:-26px; height: 100%; }
  .single-title-cover .img-holder .shadow-left-bottom { width: 154px; top:calc(100% - 26px); height: 71px; }
  .single-title-cover .img-holder .shadow-bottom { height: 46px; width: calc(100% - 100px); }
  .single-title-cover .img-holder .shadow-bottom-right { height: 46px; width: 100px; top: calc(100% - 1px); }
}

@media (min-width:1600px) {
  .libro-box.libro-luci img,
  .libro-box.libro-ombre img,
  .libro-box.libro-saggi img,
  .libro-box.libro-gli-iperborei img,
  .libro-box.libro-luci .img-holder,
  .libro-box.libro-ombre .img-holder,
  .libro-box.libro-saggi .img-holder,
  .libro-box.libro-gli-iperborei .img-holder { height:270px; width:135px; }

  .libro-box.libro-mumin img { height:135px; width:270px; }
  .libro-box.libro-mumin .img-holder { height:270px; width:135px; }

  .libro-box.libro-i-miniborei img,
  .libro-box.libro-i-miniborei .img-holder { height:270px; width:175px; }

  .libro-box.libro-i-corvi img,
  .libro-box.libro-i-corvi .img-holder { height:270px; width:175px; }


  /* cover grande */
  .single-title-cover .img-holder:after { width: 2px; left: 15px; }
  .single-title-cover .img-holder:before { width: 2px; left: 17px; }

  .single-title-cover.libro-luci img,
  .single-title-cover.libro-ombre img,
  .single-title-cover.libro-gli-iperborei img,
  .single-title-cover.libro-luci .img-holder,
  .single-title-cover.libro-ombre .img-holder,
  .single-title-cover.libro-gli-iperborei .img-holder { height:600px; width:300px; }

  .single-title-cover.libro-mumin img { height:150px; width:300px; }
  .single-title-cover.libro-mumin .img-holder { height:150px; width:300px; }
  .single-title-cover.libro-mumin .img-holder:after { width: 1px; left: 4px;}
  .single-title-cover.libro-mumin .img-holder:before { width: 1px; left:5px; }

  .single-title-cover.libro-i-corvi img,
  .single-title-cover.libro-i-miniborei img,
  .single-title-cover.libro-i-corvi .img-holder,
  .single-title-cover.libro-i-miniborei .img-holder { height:461px; width:300px; }

  .single-title-cover.libro-i-corvi .img-holder:after { left:16px; background: rgba(255,255,255,.5); }
  .single-title-cover.libro-i-corvi .img-holder:before { left: 18px; background: rgba(0,0,0,.08); }

  .single-title-cover.libro-i-miniborei .img-holder:after { background: rgba(255,255,255,.5); }
  .single-title-cover.libro-i-miniborei .img-holder:before { background: rgba(0,0,0,.06); }

  /*
  .single-title-cover .img-holder .shadow-top-right { height: 26px; width:100px; }
  .single-title-cover .img-holder .shadow-top { height: 26px; width: calc(100% - 100px); }
  .single-title-cover .img-holder .shadow-left { width: 154px; top:-26px; height: 100%; }
  .single-title-cover .img-holder .shadow-left-bottom { width: 154px; top:calc(100% - 26px); height: 71px; }
  .single-title-cover .img-holder .shadow-bottom { height: 46px; width: calc(100% - 100px); }
  .single-title-cover .img-holder .shadow-bottom-right { height: 46px; width: 100px; top: calc(100% - 1px); }
  */

  .single-title-cover.fuori-formato .img-holder { height:auto !important; }
  .single-title-cover.fuori-formato img { position:relative; width:100% !important; height: auto !important; }

  .libro-box.libro-gli-iperborei.fuori-formato .img-holder,
  .libro-box.libro-gli-iperborei.fuori-formato img {
      height: 270px !important;
      width: 175px !important;
  }

  .fuori-formato:not(.libro-gli-iperborei) .img-holder:after,
  .fuori-formato:not(.libro-gli-iperborei) .img-holder:before { display: none; }

}
