/**
 * 	Responsive
 */

/* Mobile */
@media only screen and (max-width: 767px) {
	.mobile.hidden {
		display: none !important;
	}

  .ui.container {
    width: auto !important;
    margin-left: 0px !important;
    margin-right: 0px !important;
  }
  
  body.dimmed {
  	position:fixed !important;
  	width:100% !important;
  }

}

@media only screen and (min-width: 767px) {
	.mobile.only {
		display: none !important;
	}
}

/* Colonne layout principale */
/*
@media only screen and (max-width: 1700px) {
	.header-rss {
		display: none !important;
	}
	.header-ricerca-news-articolo {
		min-width:380px !important;
	}
}
@media only screen and (max-width: 1520px) {
	.header-ricerca-news-articolo {
		display: none !important;
	}
	.header-ricerca-news-articolo-lente {
		display:block !important;
	}
}
*/
@media only screen and (max-width: 1200px) {
	.header-rss {
		display: none !important;
	}
	/*
	.header-direttore-responsabile {
		display: none !important;
	}
	*/
}
@media only screen and (max-width: 1100px) {
	.header-direttore-responsabile {
		display: none !important;
	}
}


/**
 * 	--------------------------
 * 	Helpers
 * 	--------------------------
 */
.no-margins {
	margin:0px !important;
}
.no-paddings {
	padding:0px !important;
}
.ppn-rosso-chiaro {
	color: #F5160E;
}
.ppn-colore-twitter {
	color: #1DADEAM
}

/**
 * 	--------------------------
 * 	Base
 * 	--------------------------
 */
body.pushable {
	background-color:#212121 !important;
	color:#212121;
	height:unset !important;
}
a {
	color:#212121;
}
a:hover {
	color:#F5160E !important;
}
.contenitore-centrale .ui.stackable.grid .eleven.wide.column {
	padding-right:20px;
}

/**
 * 	--------------------------
 * 	Comuni
 * 	--------------------------
 */
.widget-titolo {
	font-size:16px;
	font-weight:bold;
	margin-bottom:22px;
}



/**
 * 	--------------------------
 * 	Box condivisione e commenti
 * 	--------------------------
 */
.box-commenti .ui.pointing.label {
	background-color:white;
	color:black;
}
.box-condivisione .ui.pointing.label {
	background-color:white;
	color:black;
}
.box-condivisione .ui.pointing.label a {
	color:black;
	opacity:1;
}

/**
 * 	Main menu sidebar
 */
body.pushable .ui.sidebar {
	margin-top:50px !important;
}


.ui.visible.left.overlay.sidebar {
    overflow: visible !important;
    position:absolute;
    z-index:100;
	background-color:#212121;
	top:0px;
	bottom:0px;
	height:100%;
}

.ui.left.vertical.sidebar.inverted.menu .item {
	font-size:18px;
	padding-top:12px;
	padding-bottom:12px;
}
.ui.left.vertical.sidebar.inverted.menu .item:hover {
	background:#F5160E;
	color:white !important;
}

.ui.left.vertical.sidebar.inverted.menu .dropdown .item:hover {
	color:#212121 !important;
}

.ui.left.vertical.sidebar.inverted.menu .link.item .item {
	padding-top:0px;
	padding-bottom:0px;
	padding-left:0px;
}

/**
 * 	Main menu mobile
 */
.main-menu-mobile.ui.menu .item {
	font-size:22px;
}
.main-menu-mobile.ui.menu > a.item {
	font-size:22px;
	padding-top:14px;
	padding-bottom:14px;
	padding-left:20px;
	padding-right:20px;
}
.main-menu-mobile.ui.menu > div.item {
	padding-left:12px;
	padding-top:6px;
	padding-bottom:14px;
}
.main-menu-mobile.ui.menu > div.item > .title {
	padding-top:8px;
	padding-bottom:0px;
	padding-left:8px;
	padding-right:8px;
	color:white !important;
}
.main-menu-mobile.ui.menu .menu .item, .main-menu-mobile.ui.menu .menu .item a:not(.ui) {
	font-size:22px !important;
	color:white !important;
	padding-top:14px;
	padding-bottom:14px;
	padding-left:8px;
}
.main-menu-mobile.ui.menu .item .title.active {
	background-color:#7BD249 !important;
	border-top-left-radius:4px;
	border-top-right-radius:4px;
}
.main-menu-mobile.ui.menu > .item > .content  {
	border-bottom-left-radius:4px;
	border-bottom-right-radius:4px;
}

/**
 * 	Main Container
 */
.main-container.ui.grid.container {
	width:1340px !important;
}
.main-container > .left-column, .main-container > .right-column {
	width:calc(( 100% - 1340px )/2) !important; 
}

/**
 * 	Contenitore centrale
 */
.contenitore-centrale.ui.grid {
	padding-left:0px;
	padding-right:0px;
}
.contenitore-centrale.ui.grid .ui.grid {
	margin:0px !important;
}


/**
 * 	Card
 */
.categoria.ui.label {
	margin-bottom:10px;
	border-radius:0px;
	padding-right:24px;
}
.categoria.ui.label:hover {
	color:inherit !important;
	text-decoration:underline;
}
.card .description .titolo {
	font-size:22px;
	line-height:26px;
}
.card .description .sottotitolo {
	font-size:22px;
	line-height:28px;
	margin-top:10px;
}
.card .description .autore {
	margin-top:16px;
}
.box-condivisione:hover img {
	content:url("../images/condividi-on.png");
}
.box-commenti:hover img {
	content:url("../images/commenti-on.png");
}

/**
 * 	Primo piano
 */

.primo-piano.ui.cards {
	margin-top:0px;
	margin-bottom:40px;
}


.primo-piano.ui.cards .card {
	margin-right:0px;
}
.primo-piano .descrizione-mobile {
	margin-top:10px;
}
.primo-piano .descrizione-mobile .titolo {
	font-size:22px;
	line-height:26px;
	text-decoration:none;
	color:black;
}
.primo-piano .descrizione-mobile .sottotitolo {
	font-size:18px;
	line-height:20px;
}
.primo-piano .descrizione-mobile .autore {
	font-size:16px;
	line-height:18px;
}

.ui.cards > .card > .content .titolo a:not(.ui) {
	color:black;
	text-decoration:none;
}

.ui.cards > .card > .content .titolo a:not(.ui):hover {
	text-decoration:underline;
}

/**
 * 	--------------------------
 * 	Altri articoli in primo piano
 * 	--------------------------
 */
@media only screen and (max-width: 767px) {
	.altri-articoli-primo-piano.ui.grid {
		
	}
	.altri-articoli-primo-piano.ui.grid .colonna-sx.column {
		padding-bottom:0px !important;
	}
	.altri-articoli-primo-piano.ui.grid .colonna-dx.column {
		padding-top:0px !important;
		padding-left:0px !important;
		margin-bottom:24px !important;
	}
}

/**
 * 	--------------------------
 * 	Articolo dettaglio
 * 	--------------------------
 */
.articolo-dettaglio .titolo {
	font-size:30px;
	font-weight:bold;
	line-height:28px;
	margin-bottom:14px;
}
.articolo-dettaglio .autore {
	font-size:12px;
	line-height:20px;
}
.articolo-dettaglio .descrizione {
	margin-top:20px;
	font-size:16px;
	line-height:22px;
}
.articolo-dettaglio .testo {
	margin-top:20px;
	font-size:16px;
	line-height:22px;
}
.articolo-dettaglio .condivisioni {
	margin-top:15px;
	font-size:18px;
	font-weight:bold;
}

/**
 * 	Altro da questa sezione
 */
.altro-questa-sezione.ui.list {
	margin-bottom:32px;
}
.altro-questa-sezione.ui.list .item {
	padding-bottom:18px;
}
.altro-questa-sezione.ui.list .item .content {
	text-align:justify;
} 
.altro-questa-sezione.ui.list .item .content .autore {
	margin-top:8px;
	font-size:12px;	
}
.altro-questa-sezione.ui.list .item .content .description {
	text-align:justify;
	font-size:15px;
	line-height:18px;
} 

/**
 * 	--------------------------
 * 	Breadcrumb
 * 	--------------------------
 */
.ui.breadcrumb a.section {
	color:#212121;
}
.ui.breadcrumb a.section:hover {
	color:#F5160E;
}

/**
 * 	--------------------------
 * 	Paginazione
 * 	--------------------------
 */
.ui.pagination.menu {
	box-shadow:none;
}
.ui.pagination.menu .active.item {
	background-color:transparent;
}
.ui.pagination.menu .active.item a {
	color:#F5160E;
}
.ui.pagination.menu .active.item a:hover {
	color:#B71C1C;
}

@media only screen and (max-width: 767px) {
    .ui.pagination.menu .item {
        min-width:unset;
        padding:10px;
    }
    .ui.pagination.menu .active.item {
        padding-top:10px;
    }    
    .ui.pagination.menu .item.prev span:after, .ui.pagination.menu .item.prev a:after {
        content:'<';
    }    
    .ui.pagination.menu .item.next span:after, .ui.pagination.menu .item.next a:after {
        content:'>';
    }    
        
}

@media only screen and (min-width: 767px) {
    .ui.pagination.menu .item.prev span:after, .ui.pagination.menu .item.prev a:after {
        content:'Precedente';
    }    
    .ui.pagination.menu .item.next span:after, .ui.pagination.menu .item.next a:after {
        content:'Prossimo';
    }    
}





/**
 * 	--------------------------
 * 	Aggiornamenti twitter
 * 	--------------------------
 */
.aggiornamenti-twitter span {
	color:#1DADEA;
}