/*
#------------------------------------------------------------------------
# Music State - October Joomla! template (for Joomla 2.5)
#
# Copyright (C) 2007-2013 Gavick.com. All Rights Reserved.
# License: Copyrighted Commercial Software
# Website: http://www.gavick.com
# Support: support@gavick.com 
*/

/* Here you can include your override CSS styles */

body {
    color: #333;
    font-size: 18px;
    font-weight: 400;
    line-height: 30px;
}

@media (max-width: 480px) {
body {
    font-size: 16px;
}

}

p {
    margin: 1em 0;
}

strong {
	font-weight: 700;
}

/*Logo*/
#gkLogo img {
    width: 229px;
    margin-top: 29px;
}

@media (max-width: 620px) {
	#gkLogo img {
		margin-top: 20px;
	}
}

@media (max-width: 380px) {
	#gkLogo img {
		width: 180px;
		margin-top: 22px;
	}
}

/*Sposto il Menu in alto a destra per evitare che si sovrapponga con il logo nel responsive*/
#gkMainMenu .gkMenu {
    text-align: right;
}

/*Modifica l'aspetto dei testi degli articoli*/
article header h1, article header h2 {
    font-size: 50px;
    font-weight: 400;
    /*margin: 40px 0 20px 0;*/
    text-transform: none;
    line-height: 55px;
    font-weight: 700;
}

@media (max-width: 480px) {
article header h1, article header h2 {
	font-size: 30px!important;
	margin: 0 0 20px 0;
	line-height: 33px;
	padding: 0;
}
}

article header ul {
    margin: 0 0 12px;
}

/*Modifica l'aspetto dei titoli dei moduli come Popular News*/
.nspArt h4.nspHeader {
    font-size: 20px;
    text-transform: none;
    font-weight: 700;
}

@media (max-width: 480px) {
.nspArt h4.nspHeader {
    padding-top: 20px;
}
}

/*Modifica l'aspetto dei titoli delle news nella colonna Link del modulo NSP in home*/
.nspLinks ul li h4 {
    font-size: 18px;
    font-weight: 700;
}

/*Modifica il colore del testo delle news del modulo NSP in home*/
.box {
	color: #333;
}

/*Modifica l'interlinea delle news nella colonna Link del modulo NSP in home*/
.box li a {
    line-height: 1.0;
}

/*Modifica il padding delle news nella colonna Link del modulo NSP in home*/
.nspLinks .nspLinkScroll1 ul li {
	padding: 10px 0 0 0;
}

/*Setta a 60px l'altezza della top bar nera su mobile*/
#gkHeaderNav {
    min-height: 60px;
}

/*Elimina il bordo basso nei titoli del main menu*/
.gkMenu > ul li div.childcontent header a {
	border-bottom: 0;
}

/*Mette in bold il main menu*/
.gkMenu > ul > li > a { font-weight: bold; }

/*Negli articoli K2 riduce il margin top tra foto e testo articolo*/
.itemImageBlock {
    margin: 0 0 20px 0;
}

/*@media (max-width: 480px) {
.itemImageBlock {
    margin: 0 0 20px 0;
}
}*/

/*Mette in bold i titoli dei moduli*/
#gkSidebar .box .header {
    font-weight: 700;
}

/*Mette in bold le voci del modulo dark*/
.box.dark a {
    font-weight: 700;
}

/*Mette in bold il nome dell'autore delle news*/
.itemAuthorData a {
    font-weight: 700;
}

/*Mette in bold il titolo degli articoli correlati e ultime da un certo autore*/
.itemAuthorContent h3 {
    font-weight: 700;
}

/*Modifica l'aspetto dei tags in fondo alle news*/
.itemLinks ul li {
    margin-right: 10px;
    margin-left: 10px;
    line-height: 29px;
	font-weight: 700;
}

/*Modifiche al modulo News Grid Homepage*/
.gkNspPM-NewNewsHeader .gkTitle a { text-transform: none; }
.gkNspPM-NewNewsHeader[data-layout="main_2rows_2rows"] .gkImage1 .gkTitle { padding: 10px; }
.gkNspPM-NewNewsHeader .gkTitle { line-height: 1.3; 	left: 0; padding: 0 20px; font-size: 1.2rem; }
@media (max-width: 960px) {
.gkNspPM-NewNewsHeader[data-layout="main_2rows_2rows"] .gkImage2 .gkTitle, .gkNspPM-NewNewsHeader[data-layout="main_2rows_2rows"] .gkImage3 .gkTitle, .gkNspPM-NewNewsHeader[data-layout="main_2rows_2rows"] .gkImage4 .gkTitle, .gkNspPM-NewNewsHeader[data-layout="main_2rows_2rows"] .gkImage5 .gkTitle, .gkNspPM-NewNewsHeader[data-layout="4cols_2cols"] .gkImage1 .gkTitle, .gkNspPM-NewNewsHeader[data-layout="4cols_2cols"] .gkImage2 .gkTitle, .gkNspPM-NewNewsHeader[data-layout="4cols_2cols"] .gkImage3 .gkTitle, .gkNspPM-NewNewsHeader[data-layout="4cols_2cols"] .gkImage4 .gkTitle { font-size: 18px; }
}

/*Modifiche al Footer*/
#gkBottomSection:before { height: 0; top: 0; }
#gkBottomSection { padding: 200px 0 50px 0; }

/*Modifiche a Mainbody e MainbodyTop*/
#gkMainbodyTop + #gkMainbody { padding-top: 20px; }
#gkMainbody { margin-bottom: 20px; }

/*Modifiche i social links in K2*/
.itemLinks .itemSocialSharing > div {
    margin: 0 20px 0 0;
}

/*Modifica l'avatar Autore rendendola tonda*/
.itemComments .itemCommentsList li > img, .k2LatestCommentsBlock img, .itemAuthorBlock > .gkAvatar > img { border-radius: 100px; }
/*Aumenta la dimensione dell'avatar Autore*/
.itemAuthorBlock > .gkAvatar { max-width: 100px; }

/*Modifica joomla.css*/
.pagination {
    padding: 20px 0 0 0;
}


/*############################## MUSIC COLLECTION ##############################*/

.material-card .details {
    font-size: 16px;
    line-height: 26px;
}

.playPauseAlbumBtn.readyToPlay::after {
    top: 5px;
    left: -3px;
}

.song-item .playPauseSongBtn::after {
	top: 7px;
}

.material-shadow-z1 {
    box-shadow: none;
}


/*############################## JEM ##############################*/

div#jem {
    overflow: hidden;
    background-color: #fff;
    border: 0;
    border-radius: 0;
    padding: 10px;
}

div#jem table.eventtable {
    font-size: 14px;
}

div#jem table.eventtable th {
    background-color: #3498D9;
	border: 1px solid #fff;
	padding: 5px 10px;
}

div#jem table.eventtable td {
	border: 1px solid #f2f2f2;
	background-color: #fff;
    padding: 0.8em;
    line-height: 18px;
}

div.pagination ul li {
    display: inline-block;
    padding: 0 5px 0 5px;
}

@media (max-width: 480px) {
.itemAuthorContent h3 {
	padding-left: 20px;
}
}

div#jem h2 {
	font-size:1.5em;
	padding:0;
	background:none;
	border:0;
}



/*Modifica il modulo 'Prossimi Eventi' di JEM */
div#jemmodulebanner .eventset { padding: 0; border: 0; }
div#jemmodulebanner .event-title { font-size: 14px; line-height: 22px; font-weight: 700; }
div#jemmodulebanner .hr { padding: 15px 0; }

hr { border: 1px solid #e5e5e5; }






/*Modifica l'elemento pre (per la sezione traduzioni) */
pre, code { border: 0; padding: 0 !important; margin: 0 !important; background-color: #fff; font-family: 'Roboto',Arial,sans-serif; color: #888; font-size: 15px; }


.review h3 { color: #222; padding: 0 0 11px 0; font-size: 26px; }