/*
Theme Name: HitMag Pro Child 2
Theme URI: http://themezhut.com/themes/hitmag-pro/
Template: hitmag-pro
Author: ThemezHut
Author URI: http://themezhut.com
Description: HitMag Pro is a flexible and versatile theme perfect for magazines, news sites and blogs. HitMag Pro is the premium version of the HitMag WordPress theme. It lets you organize and present your articles in a smart way with different style widgets on the homepage. Uniquely selectable multiple post layouts and smart customization options make this the perfect choice for any publisher.
Tags: grid-layout,right-sidebar,two-columns,custom-logo,custom-background,custom-menu,editor-style,featured-images,footer-widgets,full-width-template,theme-options,threaded-comments,translation-ready,news,blog
Version: 1.0.8.1519228907
Updated: 2018-02-21 16:01:47

*/

/*MODIFICHE MAGGIO 2023*/

/*per togliere hamburger che è superfluo*/
a#tony-nav-button {
  display: none!important;
}

/*toglie bottone view all da homepage per vedere categorie articoli*/
a.hm-viewall {
  display: none!important;
}

/*toglie top bar che non la usiamo più. Tolta anche da backend ma rimaneva per icona facebook quindi la tolgo qui*/
.hm-top-bar {
  display: none!important;
}
/*FINE MODIFICHE MAGGIO 2023*/





/*CAMPAGNA SOSTIENICI*/

/*footer*/
.site-footer .hm-container {background-color: #005688!important;}
.banner-sostienici {background:#005688 URL('img/footer-bg.png') center; color: #FFF; min-height: 102px;}
.banner-sostienici p { display: inline-block; padding: 20px; width: 40%; padding-top: 2em;}
.banner-sostienici .sostienici {
	display: inline-block;
 	float: right;
  	margin:30px 30px 0px 0px;
 	background: #E4E900; color: #005688;
 	padding: 0.6em; border-radius: .6em;
  	transform: translateY(+50%);
}

/* Popup sostienici */
/*non correggo etypo perchè piace probabilmente così*/
.pum .pum-container {background:#005688 URL('img/footer-bg.png') bottom right 0 no-repeat; color: #FFF; width 20px !important;}

/*banner metà pagina*/
.single .hitmag-single .banner-sostienici p{text-align: left; width: 100% !important;}

.single .hitmag-single .banner-sostienici .sostienici {transform: translateY(-300%);}

@media (max-width: 640px) {
	.hm-top-bar {display: none;}
	.banner-sostienici .sostienici {
    	float: none!important;
    	display: block;
    	background: #E4E900;
    	color: #005688;
    	padding: 0.6em;
    	border-radius: .6em;
    	text-align: center;
    	margin: 0 auto;
		transform: translateY(-20%);
	}
	
    .banner-sostienici p{
        display: inline-block;
        width: 100%;
        text-align: center;
    }
	
.single .hitmag-single .banner-sostienici p{text-align: center !important; width: 100% !important;}	
.single .hitmag-single .banner-sostienici .sostienici {transform: translateY(-50%) !important; }

	
	

/*nascondo icona facebook su mobile*/
.hm-social-menu {display: none;}
.hm-top-bar {display: none;}
		
}

@media (min-width: 1280px) {
	.pum .pum-container {width: 45% !important;}
}

.immagine-pagamenti-banner {
float: right!important;
transform: translateY(25%);
}

.titolo-popup{
margin: auto;
width: 20%;
}
.immagine-pagamenti-popup {
  margin: auto;
 text-align: center;      
}
.single .hitmag-single .banner-sostienici .immagine-pagamenti-banner {transform: translate(-5%, -120%)!important;}


	/*28-9-22*/
	
	@media (max-width: 640px) {
.immagine-pagamenti-banner {transform: translate(0%,-20%)!important;}
.titolo-popup {transform: translate(-65%,0%)!important;}
.single .hitmag-single .banner-sostienici .immagine-pagamenti-banner {transform: translate(-1.5%, -30%)!important; max-width: 300px!important;}
.single .hitmag-single .banner-sostienici {min-height: 320px;}
		}
	/*fine 28-9-22*/

/*FINE CAMPAGNA SOSTIENICI*/


/* Modifiche del 5 gennaio 2022 authorbox e author profile in archive author*/
.vll-description h2.author-title {

  font-size: 1.125rem;
      border-bottom: 2px solid #e74c3c;
      border-bottom-width: 2px;
      border-bottom-style: solid;
      border-bottom-color: rgb(231, 76, 60);
      font-family: "Ubuntu", sans-serif;
      font-weight: bold;
      line-height: 1.3;
      text-transform: uppercase;
      display: inline-block;
      margin-top: 0;
      margin-bottom: 24px;
      
  }
  
  
  .vll-author-info {
   margin-bottom: 30px;
   border-bottom: 2px solid #eee;
  }

  p.author-bio { border-left: 10px solid #e74c3c; padding-left: 10px; }

  #label-autori 
  {text-align: center;
    margin: 0 auto;
    display: block;
    border-bottom: 1px solid red;
    margin-bottom: 1.2em;
    padding: 12px;}

/* Modifiche css Robo del 29 Aprile 2019 -- MENU */

#primary-menu li { font-size: 0.9em; }
ul#primary-menu a { padding: 12.5px 12px; }

#resistenze h6 {
    font-size: 16px;
    font-style: italic;
    text-transform: none;
    padding: 0px 0px 2px 0px;
    line-height: 22px;
    border-bottom: 1px dotted #151515;
}

.responsive-tonynav
 {
  background: #ccc;
  display: none;
  padding-right: 30px;
}
@media (min-width: 992px) {
  .responsive-tonynav {
    display: none !important;
  }
}
.responsive-tonynav ul {
  margin: 0;
  padding: 5px 0 5px 30px;
}
.responsive-tonynav li {
  list-style: none;
}
.responsive-tonynav li a {
  color: #eee;
  line-height: 26px;
  padding: 10px 15px;
  text-decoration: none;
  display: block;
}
.responsive-tonynav li a:hover {
  background: #e74c3c;
}

#tony-navigation {
	background-color: #ccc;
	color: #444!important;
	font-size: 12px;
}


#tony-navigation a {
	color: #444!important;
	font-size: 12px;
}


#tony-nav-button {
  background: #222;
  color: #fff;
  display: none;
  line-height: 45px;
  margin: 0;
  text-align: right;
  width: 100%;
  padding: 0 50px;
  font-weight: bold;
  text-transform: uppercase;
}
#tony-nav-button:hover {
  color: #ccc;
  text-decoration: none;
}

#tony-nav-button:after {
  content: "\f0c9";
  display: inline-block;
  font-family: FontAwesome;
  margin: 0 10px;
  font-weight: normal;
}

#tony-navigation .submenu {
  /*qua c'è un errore ma è qui da sempre e quindi probabilmente piace così e non lo tocco*/
	background-color: red!importat;
	color: #FFF;
}
#tony-navigation ul.sub-menu a {
	color: #FFF!important;
}

#dona {
position: absolute;
top: 120px;
left: 75%;
background: #000;
color: #FFF;
padding: 0.4em;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}
#dona a {color: #FFF;}
#dona a:hover { color: red; }

@media (min-width: 320px) and (max-width: 480px) {
  
  #dona {
left: 38%;
top: 35px;
background: red;
z-index: 99999;
}
  
}



@media (max-width: 992px) {
  #tony-nav-button {
    display: inline-block;
  }
}


/*****************************************************************************
 * VLL — Curatela home v1
 *
 * Scaffolding minimo per i widget _VLL. I cloni mantengono le classi parent
 * (.hmb-post, .hmlw-post, ecc.) per coerenza visiva. Qui aggiungo solo:
 *  1. layout del compound widget (Area 3), che è markup nuovo
 *  2. hook .vll-* per overrides puntuali futuri (lasciati vuoti se non servono)
 *****************************************************************************/

/* Compound widget (Area 3): 2 liste affiancate, stack su mobile */
.vll-compound {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 24px;
}

.vll-compound__col {
	min-width: 0; /* permette al figlio di rispettare la colonna */
}

@media (max-width: 768px) {
	.vll-compound {
		grid-template-columns: 1fr;
		gap: 16px;
	}
}

/* Hook hooks per overrides futuri sui cloni _VLL — vuoti di default */
.vll-block { /* wrapper extra dei cloni Style1/Style2 */ }
.vll-block--single { /* hero Area 1 */ }
.vll-block--dual { /* dual Area 2 */ }
.vll-list-widget { /* lista verticale Area 4/5 */ }
.vll-one-category { /* contenitore interno Single VLL */ }
.vll-hmb-post { /* post principale "big" Single VLL */ }
.vll-hmbd-post { /* post principale "big" Dual VLL */ }
.vll-dualc-left, .vll-dualc-right { /* lati del Dual VLL */ }


/* Inserti widget (VLL_Inserti) — riga di fino a 4 banner con link, ogni cella
   sempre al massimo 25% della width del container. Su mobile (≤768px) stack
   verticale. Quando l'editor compila meno di 4 slot, il blocco viene centrato
   tramite max-width + margin auto: ogni item rimane esattamente a 25% e gli slot
   "mancanti" diventano spazio bianco simmetrico ai due lati invece che vuoti
   a destra. La classe modifier --cols-N (1..4) è settata in widget(). */
.vll-inserti {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 10px;
	margin: 24px auto;
	align-items: center;
}
/* Meno di 4 slot popolati: stringi il grid e centralo con auto margins.
   La max-width include il gap totale così ogni cella resta esattamente a 25%
   del container originale (non del grid ristretto): 50% + 10px gap → 2×25%. */
.vll-inserti--cols-1 {
	grid-template-columns: 1fr;
	max-width: 25%;
}
.vll-inserti--cols-2 {
	grid-template-columns: repeat(2, 1fr);
	max-width: calc(50% + 10px);
}
.vll-inserti--cols-3 {
	grid-template-columns: repeat(3, 1fr);
	max-width: calc(75% + 20px);
}
/* cols-4 usa la regola base (4 colonne, full width) */

.vll-inserti__item {
	min-width: 0; /* permette all'immagine di rispettare la cella */
}
.vll-inserti__item img {
	display: block;
	width: 100%;
	height: auto;
}
.vll-inserti__item a {
	display: block;
	line-height: 0; /* niente baseline gap */
}
@media (max-width: 768px) {
	.vll-inserti,
	.vll-inserti--cols-1,
	.vll-inserti--cols-2,
	.vll-inserti--cols-3 {
		grid-template-columns: 1fr;
		max-width: none;
		gap: 14px;
	}
}


/* VLL Image Grid (esclude già mostrati) — estensione altezze item-N per N > 5.
   Il parent stila solo items 1-5 (1,2,4 = 465px, 3,5 = 225px). Quando l'editor
   aumenta number_posts del widget HitMag_Pro_Image_Grid_Posts_VLL_Exclude,
   gli item 6+ rimarrebbero senza height fissato → layout rotto.
   Ripeto qui il pattern ogni 5 items, fino al max consentito (20). */
.hmig-post-item-6,
.hmig-post-item-7,
.hmig-post-item-9,
.hmig-post-item-11,
.hmig-post-item-12,
.hmig-post-item-14,
.hmig-post-item-16,
.hmig-post-item-17,
.hmig-post-item-19 {
	height: 465px;
}
.hmig-post-item-8,
.hmig-post-item-10,
.hmig-post-item-13,
.hmig-post-item-15,
.hmig-post-item-18,
.hmig-post-item-20 {
	height: 225px;
}


/* Primo Piano widget (VLL_PrimoPiano) — singolo post overlay full-width.
   Le classi .hm-slide-holder/.hm-slider-details/.hm-slider-title/.hmwcsw
   sono ereditate dal parent style.css (linee 3346–3469) e fanno tutto il
   lavoro di absolute overlay + gradient. Qui solo l'excerpt custom. */
.vll-primopiano {
	margin: 0 0 24px;
}
.vll-primopiano .vll-primopiano-excerpt {
	color: #fff;
	font-size: 14px;
	line-height: 1.4;
	margin-top: 8px;
	text-shadow: 0 0 3px #000;
	position: relative;
	z-index: 2;
}
.vll-primopiano .vll-primopiano-excerpt p {
	margin: 0;
}
@media (max-width: 768px) {
	/* Su mobile il Primo Piano abbandona il layout overlay e si comporta come
	   gli altri widget VLL: immagine sopra, contenuto sotto. Sovrascrive il
	   layout absolute ereditato dal CSS dello slider parent (linee 3346-3469
	   di hitmag-pro/style.css). !important è necessario su tutte le regole
	   per battere la specificity del parent. */

	/* Immagine 4:3 (proporzionata come i thumb dei widget List/Single sotto) */
	.vll-primopiano .hm-slide-image {
		padding-top: 75% !important;
	}

	/* Sblocca il content dal layer absolute, rimuovi gradient e padding overlay */
	.vll-primopiano .hm-slide-holder > .hm-slide-content,
	.vll-primopiano .hm-slide-content {
		position: static !important;
	}
	.vll-primopiano .hm-slider-details {
		position: static !important;
		background: #fff !important;
		padding: 12px !important;
		color: inherit !important;
		width: auto !important;
	}

	/* Titolo + link: torna ai colori di default del tema (non più su immagine) */
	.vll-primopiano .hm-slider-title,
	.vll-primopiano .hm-slider-title a,
	.vll-primopiano .hm-slider-details a {
		color: inherit !important;
		text-shadow: none !important;
	}

	/* Mostra category, meta data/autore ed excerpt (parent/child li nascondono
	   a max-width: 768px per il caso overlay; qui invece servono visibili) */
	.vll-primopiano .cat-links {
		display: inline-block !important;
	}
	.vll-primopiano .slide-entry-meta {
		display: block !important;
		color: #666 !important;
		text-shadow: none !important;
		margin-top: 4px !important;
	}
	.vll-primopiano .slide-entry-meta a {
		color: #666 !important;
	}
	.vll-primopiano .vll-primopiano-excerpt {
		display: block !important;
		color: inherit !important;
		text-shadow: none !important;
		margin-top: 8px !important;
	}
}


/*****************************************************************************
 * Main menu — dropdown scrollabili su viewport corte
 *
 * Fix per sub-menu lunghi (es. "Temi", "Ascolti"): se la finestra del browser
 * è bassa, le ultime voci finivano sotto la fold senza modo di raggiungerle
 * perché il sub-menu è position:absolute e cresce col contenuto.
 *
 * max-height legato alla viewport + overflow-y:auto fa comparire una
 * scrollbar interna SOLO quando il sub-menu eccede l'altezza disponibile.
 * Su viewport alte il dropdown resta identico a prima (niente scrollbar).
 *
 * Applicato solo ai sub-menu top-level: i nidificati (es. "Soci" sotto
 * "Chi siamo") aprono lateralmente e non hanno questo problema. Limitare ai
 * top-level evita anche il clipping orizzontale che `overflow:auto`
 * causerebbe sui sub-menu nidificati.
 *
 * 240px sottratti = altezza header VLL (logo banner + nav, ~200px) + spazio
 * per l'eventuale banner cookie sticky in fondo (~60px) + buffer. Bumpato
 * dal valore iniziale di 160px che non lasciava abbastanza margine sotto.
 * Più padding-bottom di 12px interno alla submenu per garantire breathing
 * room oltre l'ultima voce prima del bordo scrollabile.
 *****************************************************************************/
#primary-menu > li.menu-item-has-children > .sub-menu {
	max-height: calc(100vh - 240px);
	max-height: calc(100dvh - 240px); /* mobile browsers con barra URL dinamica */
	overflow-y: auto;
	overscroll-behavior: contain; /* lo scroll interno non propaga alla pagina */
	box-sizing: border-box;
	padding-bottom: 12px; /* spazio sotto l'ultima voce, evita il "taglio netto" */
}

/* Voci sub-menu più compatte: il padding 12.5px/12px definito sopra per
   ul#primary-menu a era pensato per il primo livello (nav bar grande). Nel
   dropdown rende ogni voce ~46px → menu "Temi" (14 voci) totale ~650px.
   Riducendolo a ~30px per voce, "Temi" passa a ~420px e quasi sempre entra
   in viewport senza scroll. Specificity più alta di "ul#primary-menu a"
   (3 vs 2) per vincere senza !important. */
#primary-menu .sub-menu li {
	margin: 0;
}
#primary-menu .sub-menu a {
	padding: 6px 12px;
	line-height: 1.35;
}