@charset "UTF-8";
/***!  /media/templates/site/cassiopeia/css/user.css?dee909  !***/

 
  
 






:root {
  --cassiopeia-color-primary: #38A793;
  --cassiopeia-color-hover: #D64429;
  --cassiopeia-color-link: ;
}

/* spazio fra la testata e l'articolo */
.container-component {margin-top: 1.5em}

/* toglie il sottolineato nei link */
a:not([class]) {text-decoration: none;font-weight: 400;}

a {color: #D64429;}
/* effetto sui link al passaggio del mouse */
a:hover { background:#38A793; color: #ffffff; transition:1s; }

h1, h2, h4, h5, h6 {
font-weight:normal;
}

h1 { color:#333232; font-weight: 400; font-size: 1.6em; }
.h1 { color:#333232; font-weight: 400; font-size: 1.6em; margin-bottom: 60px;}

h2 { font-family: 'Caveat Brush', cursive; font-weight: normal; 
  padding-bottom:25px; text-shadow: 3px 3px 10px #c4c4c4; line-height:120%;color:#5F5F5F; }
h2-no { font-family: 'Caveat Brush', cursive; font-weight: normal;
  padding-bottom:25px; line-height:120%;color:#5F5F5F; } /* niente ombreggiatura sul testo */

h3 {font-weight: 400; font-size:100%;line-height:130%;color:#5F5F5F;}

h4 {
 font-family: 'Caveat Brush', serif;
 font-weight: normal;
 font-size: 1.3em;
 line-height:100%;
 color:#5F5F5F;
 }

h5 {font-size:0.7em;font-weight: normal; line-height:130%;}

h6 {line-height:auto; margin-bottom: 10px;}

h7 {font-size: 80%; font-weight: 800; text-decoration: underline; }

cit {
 color:#5F5F5F;
 font-style: italic;
 }


body  {
  color:#5F5F5F;
  background:#d8f0ee;
  font-size: 1.25em;
  line-height:140%;}

/* menu */
.metismenu.mod-menu .metismenu-item {font-size: 0.87em; line-height: 1.2em; font-family: /*Noto serif*/; padding: .5em .6em ;}
.metismenu.mod-menu .mm-toggler:after {
    -webkit-margin-start: .5em;
    border-left: .4em solid transparent;
    border-right: .4em solid transparent;
    border-top: .6em solid;
    content: "";
    height: 0;
    margin-inline-start:.5em;-webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
    width: 0
}

.offcanvas.show {
  background-color: #38A793;
}
@media (min-width: 992px) {
  .offcanvas-start {
    width: 100%;
  }
}
@media (max-width: 991.98px) {
  .offcanvas .metismenu.mod-menu .metismenu-item > ul {
    position: relative;
    width: 100%;
    margin-top: 1rem;
  }
  .offcanvas .metismenu.mod-menu .mm-collapse {
    background-color: transparent;
  }
  .offcanvas .metismenu.mod-menu .metismenu-item > a {
    color: #fff;
  }
}
.offcanvas-header > *:only-child {
  margin-left: auto;
}

 .mm-collapse {border-radius: 5px; }


.header, .footer { background:#38A793;}

/* colore di fondo del sito */
.site-grid {background-color: #e5f1f1 }


/* immagini con margini bianchi, allineate a sinistra e a destra */

.alignleft { float: left; padding: 15px 15px 15px 0; }
.alignright { float: right; clear: right; padding: 15px 0 15px 15px; }

.didaleft,
.didaright {
    display: flex;
    flex-direction: column;
    position: relative;
    font-family: "Noto Serif", serif;
    font-size: 0.8em;
    line-height: 1.3em;
    max-width: max-content; /* si adatta all’immagine */
    margin: 15px;
}

.didaleft {
    float: left;
    margin: 15px 15px 15px 0;
}

.didaright {
    float: right;
    margin: 15px 0 15px 15px;
}

.didaleft img,
.didaright img {
    display: block;
    height: auto;
    max-width: 100%;
}

.didaleft span,
.didaright span {
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 5px 8px;
    background: rgba(0,0,0,0.61);
    color: #dedede;
    font-size: 0.9em;
    width: 100%;
    box-sizing: border-box;
}

@media (max-width: 768px) {

    .didaleft,
    .didaright {
        float: none;
        margin: 20px auto;
        align-items: center;
    }

    .didaleft span,
    .didaright span {
        text-align: center;
    }
}



.grid li.animate {
  -webkit-transform: scale(0.6);
  transform: scale(0.6);
  -webkit-animation: scaleUp 0.65s ease-in-out forwards;
  animation: scaleUp 0.65s ease-in-out forwards;
}

/* capolettera su tre righe */

.capolettera {
  display: inline-block;
  float: left; /* opzionale, può anche essere rimosso */
  color: #666;
  font-size: 5rem; /* usare rem è più responsive */
  line-height: 1;     /* line-height relativa al font-size */
  padding-top: 0.05em;
  padding-right: 0.15em;
  padding-left: 0.05em;
  font-family: Georgia, serif;
  vertical-align: top; /* allinea sempre al top del paragrafo */
}

/* capolettera su due righe */

.capolettera-small {
  display: inline-block;       
  float: left;                
  color: #666;
  font-size: 2.5rem;          
  line-height: 1.56rem;        
  padding-top: 0.25rem;
  padding-right: 0.25rem;
  padding-left: 0.19rem;
  font-family: Georgia, serif;
  vertical-align: top;         
}


/*
.capolettera-small {
	float: left;
	color: #666;
	font-size: 40px;
	line-height: 25px;
	padding-top: 4px;
	padding-right: 4px;
	padding-left: 3px;
	font-family: Georgia, serif;
}
*/

.capolettera-bianco {
	float: left;
	font-size: 75px;
	line-height: 60px;
	padding-top: 4px;
	padding-right: 8px;
	padding-left: 3px;
	font-family: Georgia, serif;
}


/* note biografiche nella rivista */

noto {
    font-family: "Noto Serif", Serif;
    font-size: 1.em;
    font-style: italic; 
}

/* note biografiche nella rivista */

.dida {
width:300px;
float: right;
clear: right;
font-family: "Noto Serif", Serif;
font-size: 0.9em;
line-height: 140%;
background-color: #f5f5f5;
padding: 10px;
margin-left: 10px;
margin-bottom: 10px;
}

@media (max-width: 768px) {
    .dida {
        float: none;
        clear: none;
        width: 100%;
        margin-left: 0;
    }
}

/* nei dispositivi mobili inserisce uno spazio vuoto sotto l'informativa dei cookie 

s5_responsive_mobile_top_bar_wrap
{margin-top: 30px !important;}  */


/* personalizzare gli stili dei risultati di ricerca */

.result-category {
  font-size:0.9em;
  line-height: 1.4em;
  margin-left: 20px;
}

.result-text {
  font-size: 0.9em;
  line-height: 1.4em;
  margin-left: 20px;
  margin-bottom: 5px;
}

.result-created {
  font-size: 1em;
}

.result-title {
font-size: 0.9em;
 line-height: 1.5em;
 font-family: Open Sans;
 font-weight: 800;
 list-style:none;
}



/* Allinea in orizzontale le copertine "Dello stesso autore"  */

ul#copertine li {
display: inline-block;
text-align: left;
margin: 0px 40px 20px -15px;
list-style:none;
}



/* effetti sulle copertine in home page */

.view {
    width: 300px;
    height: 432px;
    margin: 0px 60px 60px 0px;
    float: left;
    border: 10px solid #fff;
    overflow: hidden;
    position: relative;
    text-align: center;
    box-shadow: 1px 1px 2px #e6e6e6;
    cursor: default;
    background: #fff 
}
.view .mask, .view .content {
    width: 300px;
    height: 432px;
    position: absolute;
    overflow: hidden;
    top: 0;
      left: -10px;
}
.view img {
    display: block;
    position: relative
}
.view h2 {
    font-family: 'Noto Serif'; 
 font-style: normal; 
 text-transform: uppercase;
    color: #D96953;
    text-align: center;
    position: relative;
    font-size: 20px;
    padding: 5px;
    background: rgba(0, 0, 0, 0.8);
    margin: 60px 0 0 0;
    text-shadow: 0px 0px 0px; 
}
.view p {
    font-family: Georgia, serif;
    font-style: italic;
    font-size: 12px;
    position: relative;
    color: #fff;
    padding: 10px 20px 20px;
    text-align: center
}
.view a.info {
    display: inline-block;
    text-decoration: none;
    padding: 7px 14px;
    background: #000;
    color: #fff;
  font-size: 0.85em;
    text-transform: uppercase;
    box-shadow: 0 0 1px #000
}
.view a.info:hover {
    box-shadow: 0 0 10px #000
}

.view img { 
    transform: scaleY(1);
    transition: all 0.7s ease-in-out;
}
.view .mask { 
    background-color: #f4f4e9; 
    transition: all 0.5s linear;
    opacity: 0;
}   
.view h2{
    border-bottom: 1px solid rgba(0, 0, 0, 0.3);
    background: transparent;
    margin: 20px 40px 0px 40px;
    transform: scale(0);
    color: #D64429;
    transition: all 0.5s linear;
    opacity: 0;
}
.view p {
    color: #333;
    opacity: 0;
    transform: scale(0);
    transition: all 0.5s linear;
}
.view a.info { 
    opacity: 0;
    transform: scale(0);
    transition: all 0.5s linear;
}
.view:hover img { 
    transform: scale(2);
    opacity: 0;
}
.view:hover .mask { 
    opacity: 1;
}                                                                            
.view:hover h2,
.view:hover p,
.view:hover a.info{ 
    transform: scale(1);
    opacity: 1;
}

#foto {
  margin: 0px 20px 10px 0px;
  float: left;
  -webkit-animation: pop-in 0.9s;
  -moz-animation: pop-in 0.5s;
  -ms-animation: pop-in 0.5s;
  box-shadow: -5px 5px 15px;
  width: 400px;
  max-width: 100%;
  height: auto;
}

@media (max-width: 768px) {
  #foto {
    float: none;
    display: block;
    margin: 0 auto 15px auto;
  }
}







/* #foto:hover {
transform: scale(1.05);
  -moz-transform: scale(1.05);
  -webkit-transform: scale(1.05);
  -o-transform: scale(1.05);
} */
 
#foto2 {
 margin: 0px 0px 10px 10px; 
 float: right;
}

@media (max-width: 768px) {
  #foto2 {
    float: none;
    display: block;
    margin: 0 auto 15px auto;
  }
}

ul-video { 
  list-style-image: url(https://www.fernandel.it/images/stories/loghi/audiovideo.png); 
padding: 10px 10px 0px 30px;
margin: 0px 0px 20px 60px;
box-shadow: 10 10  7px #ccc;
	-moz-box-shadow: 0px 0px 7px #C0C0C0;
	-webkit-box-shadow: 0px 0px 7px #C0C0C0;
width: 300px;
border-radius: 10px;
float: right; 
font-size: 0.8em; line-height: 1.3; font-family: Noto Serif, serif;
background-color: #b7dfbe;
border: 1px solid #9e9ea0;
} 

@media (max-width: 768px) {
    ul-video {
        width: 100%;
    }
}

ul-prossimi-appuntamenti { 
list-style-image: url(https://www.fernandel.it/images/stories/loghi/audiovideo.png); 
background:rgba(252, 252, 252, 0.64);
padding: 10px 10px 0px 20px;
margin-left: 0px; 
box-shadow: 0px 0px 10px gray;
-moz-box-shadow: 0px 0px 10px gray;
-webkit-box-shadow: 0px 0px 10px gray;
width: 287px;
border-radius: 0px;
float: right;
clear: right;
font-size: 0.8em; line-height: 1.3; font-family: Noto Serif, serif;
background-color: #addfd2;
transition-property: background-color; 
transition-duration: 2s;
 
-webkit-transition-property: background-color; /*Safari e Chrome */
-webkit-transition-duration: 2s;
         
-o-transition-property: background-color;      /*Opera*/
-o-transition-duration: 2s;
         
-moz-transition-property: background-color;    /*Firefox*/
-moz-transition-duration: 2s;  
} 

ul-prossimi-appuntamenti:hover {
  background-color: #e7ed9f;
}



ul-rassegna { 
  list-style: square;
  font-size: 0.9em; line-height:150%;
  margin-top: 10px;
float: left; 
  clear: left;
}


rassegna_stampa {
font-family: 'Caveat Brush';
font-size: 1.7em;
 line-height:130%;
 margin-top: 15px;
 margin-bottom: 15px;
float: left;
 clear: left; 
}


/*  modifica la formattazione dei titoli delle rubriche della rivista Fernandel */

.page-header {
border:none;
padding:0px;
margin-bottom:10px;
margin-top:70px;
font-family: 'Caveat Brush';
font-size: 1.3em !important;
}

.badge-info {
 font-family: "Open Sans"; 
}

.article-info {
  color:#000;
  margin-bottom:0px;
  font-size: 0.7em;
  text-align: left;
  font-family: "Noto Serif";
    clear: left;
  }

/* visualizza e formatta il pulsante "vai alla scheda" in Anticipazioni */
.leggi-tutto {margin-top:16px;display:inline-block;margin-bottom:26px; clear:left;}

.leggi-tutto a:hover, {background: #b1412b !important;
color:#FFFFFF !important;
-webkit-transition: all 300ms ease-in;
-moz-transition: all 300ms ease-in;
-o-transition: all 300ms ease-in;
transition: all 300ms ease-in;
}




/* compare un'immagine popup al passaggio del mouse */
.thumbnail{
background: transparent; 
border: none;
box-shadow: 0px 0px;
}

.thumbnail:hover{
background-color: transparent;
z-index: ;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #ffffe000;
padding: 0px;
left: 000px;
border: 0px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 0px; /*position where enlarged image should offset horizontally */
}

hr {text-align: left;}

.modulo1 { width: 315px; background-color: #d96853 !important; color: white; padding-left:5px; box-shadow: 1px 1px gray; }


.icone-social {color: #fff;}

.icone-social a {color: #fff !important; }

 
.come-inizia {
font-family: 'Caveat Brush', serif; 
font-size: 1.6em; 
line-height: 130%;
color: #000000;
}

.la-zita {
 background-image: url('https://www.fernandel.it/images/stories/foto/la-zita.png');
  width: 300px;
  background-size: 300px;
  background-repeat: no-repeat;
  color: #000000;
  font-size: 70%;
  font-weight: normal;
  text-align: center;
  width: 300px;
  height: 600px;
  float: left;
  line-height: 20px;
  font-family: "Noto Serif", Serif;
  margin-top: 2em;
  margin-right: 2em;
}

/* formatta le didascalie della gallery alla pagina chi siamo */
.slide-text {font-size: 0.8em; line-height:1.2em; }


/* aumenta lo spazio tra la fine dell'articolo e il contatore delle visite */
dd { line-height: 100px; }


/* cancellare cose inutili nei risultati di ricerca */
.searchintro {display:none}
.phrases {display:none}
.only {display:none}
.form-limit {display:none}
.result-created {display:none}


/* contenitori colorati */

.azzurro
 {
	display: block;
	padding: 0.5em 1em 0.5em 40px;
	border-radius: 10px;
	margin: 20px 0;
box-shadow: 0px 0px 25px #C0C0C0;
-moz-box-shadow: 0px 0px 25px #C0C0C0;
-webkit-box-shadow: 0px 0px 25px #C0C0C0;
}

.azzurro {
	background-color: rgba(56, 136, 167, 0.40);
	border: 1px solid #9e9ea0;
	color: #fff;
}

.grigio,
.grigio_left,
.grigio_right {
		background-color: #ddd;
	display: block;
	padding: 1em 1.5em;
	box-shadow: 0 0 5px #ccc;
	border-radius: 3px;
	color: #666;
	text-shadow: 0 1px 0 #eee;
	margin: 10px 0;
}
.grigio_left {
	width: 50%;
	float: left;
	margin: 20px 20px 20px 0;
}
.grigio_right {
	width: 50%;
	float: right;
	margin: 20px 0 20px 20px;
}
.bianco,
.bianco_left,
.bianco_right {
		background-color: #fff;
	display: block;
	padding: 1em 1.5em;
	box-shadow: 0 0 5px #ddd;
	border-radius: 10px;
	color: #666;
	margin: 10px 0;
}
.bianco_left {
	width: 50%;
	float: left;
	margin: 20px 20px 20px 0;
}
.bianco_right {
	width: 50%;
	float: right;
	margin: 20px 0 20px 20px;
}
.verde,
.verde_left,
.verde_right {
		background-color: #38a793;
	display: block;
	padding: 1em 1.5em;
	color: #fff;
	margin: 20px 0;
	text-shadow: 0 -1px 0 #4e90c2;
	box-shadow: 0 0  3px #ccc;
	-moz-box-shadow: 0px 0px 25px #C0C0C0;
	-webkit-box-shadow: 0px 0px 25px #C0C0C0;
	border-radius: 10px;
}
.verde_left {
	width: 50%;
	float: left;
	margin: 20px 20px 20px 0;
}
.verde_right {
	width: 50%;
	float: right;
	margin: 20px 0 20px 20px;
}
.rosso,
.rosso_left,
.rosso_right {
		background-color: #D96953;
	display: block;
	padding: 1em 1.5em;
	box-shadow: 0 0 5px #ccc;
	border-radius: 10px;
	color: #fff;
	margin: 10px 0;
	text-shadow: 0 -1px 0 #c6593c;
}
.rosso_left {
	width: 50%;
	float: left;
	margin: 20px 20px 20px 0;
}
.rosso_right {
	width: 50%;
	float: right;
	margin: 20px 0 20px 20px;
}
  
  
  
/* inserisce uno spazio prima dell'elenco dei titoli della collana */   
  
  
    .table .td {
    padding: 8px;
    line-height: 20px;
    text-align: left;
    vertical-align: top;
    border-top: 1px solid #ddd;
}

  --table-striped-color {#000;}
  
  .th.list-title {color: #000 !important}
  
  
  /* formatta i risultati di ricerca */
  .result__title-text {
  font-size: 1em; 
  color: #D64429;
  font-weight: 600;
 text-decoration: underline #D64429;}
  
 li.result__item {border:none;}

.result__item {font-size: 0.95em;}

.result__description {padding-left: 0em;}

span.result__title-text:hover {color: #ffffff; transition:1s;}

 .result__item+.result__item {
    border-top: 1px solid;
    margin-top: 1em;
    padding-top: 1em
}
                         
/* caratteristiche dei pulsanti Stripe */
.BuyButton-Button {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    border: 0;
    border-radius: var(--default-border-radius);
    color: var(--buy-button-white);
    cursor: pointer;
    display: inline-block;
    height: 100%;
    outline: 2px solid transparent;
    overflow: hidden;
    padding: 0;
    position: relative;
    text-decoration: none;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    transition: all var(--default-transition),box-shadow .08s ease-in;
    width: 50%;
margin-top: 20px; margin-bottom: 20px;
}

th.list-title {background-color: #F9F9F9}

/* formatta il bottone di acquisto di Stripe 
.BuyButton-Button {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    border: 0;
    border-radius: var(--default-border-radius);
    color: var(--buy-button-white);
    cursor: pointer;
    display: inline-block;
    height: 100%;
    outline: 2px solid transparent;
    overflow: hidden;
    padding: 0;
    position: relative;
    text-decoration: none;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    transition: all var(--default-transition),box-shadow .08s ease-in;
    width: 50%;
margin-top: 20px; margin-bottom: 20px;
}
                         */

.leggi {display:inline-block; }

/* imposta la grandezza delle copertine nei risultati di ricerca */
.miniatura {width: 100px}

/* riduce la grandezza del font negli indici */
.indice {font-size: 90%}


/* CLASSICI */

.classici .site-grid {background-color: #f3f1ec; } 

.container-footer {margin-top: 0px}

.classici .classici-content {
  font-family: "Libre Baskerville", Georgia, "Times New Roman", serif;
  font-size: 1.2rem;
  line-height: 1.65;
    }

.classici .classici-content h1,
.classici .classici-content h2,
.classici .classici-content h3 {
  font-weight: 600;
  font-size: 1.6em;
 }

.classici .classici-content h1 {
  margin-bottom: 0.6em;
}

.classici .capolettera {font-family: Libre Baskerville;font-size: 5.2rem;padding-right: 0.1em; }

.classici-autore {text-transform: uppercase; font-weight: 700; font-family: "Open Sans"; letter-spacing: 1.1px; font-size: 83%;}

.classici-scheda {font-family: "Open Sans"; font-size: 90%; text-transform: uppercase; letter-spacing: -0.4px;}

.bianco-classici {
	background-color: #fff;
	display: block;
	padding: 1em 1.5em;
	box-shadow: 0 0 5px #ddd;
	border-radius: 0px;
	margin: 2.5em 0;
	font-family: Libre Baskerville;
	font-size: 1.2rem;
	line-height: 1.65;
	}

.h3-classici {font-family: "Libre Baskerville"; font-size: 90%; margin-bottom: 2em; margin-top: 1em;}