/*
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) {
	.vll-primopiano .vll-primopiano-excerpt {
		display: none; /* mobile mostra solo il titolo, come fa il parent per cat/data */
	}
}