/*
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 4 banner con link, griglia rigida 25%.
   Su mobile (≤768px) stack verticale. Slot vuoti non occupano spazio:
   il numero di colonne effettivo è gestito dalla modifier --cols-N. */
.vll-inserti {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 10px;
	margin: 24px 0;
	align-items: center;
}
.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 {
		grid-template-columns: 1fr;
		gap: 14px;
	}
}


/* 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.
 *
 * 160px sottratti = circa l'altezza dell'header VLL (logo + nav) + margine
 * di sicurezza. Modificare se l'header cambia altezza.
 *****************************************************************************/
#primary-menu > li.menu-item-has-children > .sub-menu {
	max-height: calc(100vh - 160px);
	max-height: calc(100dvh - 160px); /* fallback per browser mobile con barra dinamica */
	overflow-y: auto;
	overscroll-behavior: contain; /* lo scroll interno non propaga alla pagina */
}