/*
Theme Name: 	Program-I-A
Author: 		Alessandro Venturi
Author URI: 	http://www.artistiinpiazza.com
Version: 		2.0.1
Template:		tempera
*/
/*@import url("../parent-theme/style.css");*/
/* Theme customization starts here
-------------------------------------------------------------- */
.sa_disable{display:none;}
.clearfix:before, .clearfix:after{
  display: table;
  content: " ";
}
.clearfix:after {
  clear: both;
}
#logo {padding:10px}
.hairline{height:1px;border:none;background:#d2d2d2;}
#header nav > ul {text-transform:uppercase;}
/*
.menu-evidenza{background-color: #048db4;height: 50px;margin-top: 25px;}
.menu-evidenza a{color: white!important; margin-top: -25px;}
.menu-evidenza a:hover{color: #048db4!important;}
*/
li.sb-original-caps{text-transform:none!important;}
.langs{border-left: 5px solid #048db4}
#mobile-menu .container > ul > li:last-child {border:none;}
#header #toggle-nav span,#header #toggle-nav i {font-size: 1.2em;}
#header #toggle-nav i:hover {color: #048db4;}
#top-social li a:hover, #sb-artisti-social li a:hover{background-color: #048db4!important;}
.entry_content ul, .postcontent.half_sidebar ul, .container .no_sidebar ul {padding-left: 10px;}
/* FOOTER */
#loghi-footer {border-top:5px solid #048db4; background-color: #e5e5e5}
ul.footer-menu li:before {content: "| ";}
div#footer{border-top:50px solid #e5e5e5!important;}
#loghi-footer {border-top:5px solid #048db4; background-color: #e5e5e5}
.sb-required {color:#white;padding-left:2px;}
.privacy-policy{font-size: 0.65em;line-height: 1.2em;text-align: justify;margin: 5px 0;}
#footer .wpcf7-submit:first-child {margin-left: 0;border: 1px solid white;background: white;color: #048db4;float: right;margin-top: -1.5em;}
#footer.footer-dark input[type="text"], #footer.footer-dark input[type="password"], #footer.footer-dark select, #footer.footer-dark textarea{background: #FFF;padding: 3px;margin:5px 0;border: 1px solid #DDD;outline: 0;font: normal 11px/100%;color: #666;}
#footer input[type="text"], #footer input[type="email"], #footer input[type="tel"], #footer input[type="url"], #footer input[type="password"],#footer  input[type="search"],#footer  select, textarea{padding: 3px;margin:5px 0;}
#copyrights a {margin-left: 4px;}
#gotoTop {width: 30px;height: 50px;background-color: #048db4;font-size: 20px;line-height: 30px;text-align: center;color: #fff;right: 5px;bottom: -20px;border-radius: 20px;-moz-border-radius: 20px;-webkit-border-radius: 20px;}
/* fix iframe Youtube */
.entry_image iframe, .ipost-image iframe {width: 100%!important;height: 400px;}

/* elenco_artisti ========================================================*/
select.sa_anni{display:inline-block!important;}

#elenco_artisti>ul {
	list-style-type: none;
	/*width: 100%;*/
	margin: 0px;
	padding: 0px;
	border-bottom: 1px solid #e6e6ff;
} 

#elenco_artisti>ul>li {
	margin: 0px;
	padding: 10px 0;
	border-bottom: 1px solid #e6e6ff;
	list-style-type: none;
}

#elenco_artisti li a {
	display: block;
	text-decoration: none;
	margin: 0px;
	/*padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 3px;*/
	padding:5px;
}

* html #elenco_artisti li a {  
	width: 100%;
}

#elenco_artisti li a:hover {
	background-color: #F2F2F2;
	/*padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 3px;*/
	padding:5px;
	cursor: pointer;
}
#elenco_artisti .testo>span {font-size:1em;}
#elenco_artisti a span {
        color: #125F15;
        font: normal 70% Verdana, Helvetica, sans-serif;
        line-height: 150%;
}
#elenco_artisti span.nome-artista {color:#048db4;font-weight:bold;}
#elenco_artisti span.nazione {color: #333333;font-size:0.85em;}
#elenco_artisti span.genere {display:block;color:#048db4;font-size: 0.9em;line-height: 1em;padding-bottom: 5px;}

#elenco_artisti a div.desc-breve {
	display: inline;
	font-style: normal;
	font-weight: normal;
	color: #333333;
	margin: 0px;
	padding: 0px;
}
#elenco_artisti .boximg {
	float: left;
	display: block;
	/*width: 75px;
	width:15%;*/
	padding:5px;
}
#elenco_artisti .boximg>img {
	width:150px;
	/*height:100px;*/
}
#elenco_artisti .testo {
	float: left;
	display: block;
	padding-left:10px;
	width:70%;
}
#elenco_artisti .pulitore{
	display: block;
	clear: both;
	height: 1px;
	font-size: 1px;
	margin: 0px;
	padding: 0px;
}
#elenco_artisti .intestazione{
	color: #fff;
	background-color: #048db4;
	text-transform: uppercase;
	padding:10px;
	list-style-type: none;
	list-style-image: none;
	font-weight: bold;
	border: none;
	/*padding-top: 5px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;*/
}
#link_artisti .intestazione{
	color: #fff;
	background-color: #048db4;
	text-transform: uppercase;
	padding:10px;
	list-style-type: none;
	list-style-image: none;
	font-weight: bold;
	border: none;
}
#link_artisti .intestazione a, #link_artisti .intestazione a:hover{
	color: #fff;
	background-color: #048db4;
	text-transform: uppercase;
	padding:10px;
	line-height:3.1em;
}
#elenco_artisti .intestazione a, #elenco_artisti .intestazione a:hover{
	color: #fff;
	background-color: #048db4;
	text-transform: uppercase;
	padding:10px;
	line-height:3.1em;
}
.infoartista{
	font-size: 100%;
	background-color: #F2F2F2;
	padding: 10px;
	margin-top: 5px;
	margin-bottom: 25px;
	border: 1px solid #E6E6FF;
	width:100%;
}
div.descrArtista, div#s81-gallery{margin:20px 0}
div.descrArtista p {text-align:justify;}

						/* Calendario */
.tbl_calendario th {
	font-weight:bold;
	text-transform:capitalize;
	padding:5px 10px;
}
.tbl_calendario td {
	padding:2px 10px;
}
.tbl_calendario tr {
	/*padding:2px 4px;*/
	border-bottom:1px solid #048db4;
}
.fixed-cal{
	position: fixed;
	/*top:100px;*/
	width: 100%;
	z-index:999;
	background-color: #fff;
	/*transition: top .2s ease-in-out;
	-webkit-transition: top .2s ease-in-out;
	-moz-transition: top .2s ease-in-out;
	-o-transition: top .2s ease-in-out;
	-ms-transition: top .2s ease-in-out;*/
}
div.presenza, div.presenza_dopo{
	padding:10px;
	color:#fff;
	background-color:#048db4;
	text-align:center;
}

a.InizialeArtista {
    display: block;
    position: relative;
    top: -110px;
    visibility: hidden;
}

/*Location Eventi*/
.sb-colonne-location {
  background: #E5F4F8;
  padding: 10px;

  /* Safari and Chrome */
  -webkit-column-count: 2;
  -webkit-column-rule: 0px dotted #09b;

  /* Firefox */
  -moz-column-count: 2;
  -moz-column-rule: 0px dotted #09b;

  /* CSS3 */
  column-count: 2; 
  column-rule: 0px dotted #09b;
}
/* Scheda artista ====================================================================*/
.content img{background-color: #F7F7F7;padding: 5px;border: 1px solid #F2F2F2;margin: 3px;display: block;}
/* sb-artisti-social */

#sb-artisti-social {position: relative;height: 30px;/*left: 82.1%;*/}
#sb-artisti-social ul {margin: 0;}
#sb-artisti-social li,
#sb-artisti-social li a,
#sb-artisti-social li .ts-icon,
#sb-artisti-social li .ts-text {display: block;position: relative;width: 40px;height: 40px;}
#sb-artisti-social li,
#sb-artisti-social li a,
#sb-artisti-social li .ts-text {float: left;width: auto;overflow: hidden;}
#sb-artisti-social li a {width: 30px;line-height: 30px;color: #4a4a4a;font-size: 12px;}
#sb-artisti-social li a i {/*width:30px;*/font-size:15px;padding-left:6px;}
#sb-artisti-social li a:hover {background-color:#f96e5b;color:#fff;}
.TA_box{-moz-box-sizing:content-box !important;-webkit-box-sizing:content-box !important;box-sizing:content-box !important;}
.post-artisti>h1{color:#048db4;font-weight: bold;padding:0;}
.post-artisti img, .post img{padding: 5px;border: 1px solid #D7D7D7;}
.post-date {width: 100%; height: 49px; margin-left: 1px; float:left;}
.post-month {font-size: 11px;text-transform: uppercase;color: #FFFFFF;text-align: center;display:block;line-height: 11px;padding: 5px;background-color: #048db4;margin-left: -3px;}
.post-day {font-size:18px;text-transform:uppercase;color:#048db4;border:1px solid #048db4;text-align:center;display:block;line-height:18px;padding:2px;margin-left: -3px;}

#s81-galleryIco .post img{margin: 20px 0px 20px 20px;}
.ap_fotoprincipale{width:50%; float: right;}
#instafeed img{width:30%;padding:0 2px;}

/* --Roba che mi potrei pentire di aver scritto =======================================================================*/
table.events-tags td{padding-right:20px;}
div.events-locations{float:left;}
#ta_responsive{
	white-space: nowrap;
}
		/*Evidenziazione Title pagine*/
#content h1.entry-title{
	background-color:#F9F9F9;
}
		/*Menu styled like nimva*/
#menu-menu-it, #menu-menu-en{
	text-transform: uppercase; 
}
#access ul li.current-menu-ancestor > a > span {
	/*color:#048DB4;*/
}		
/*Evidenza beckground nel menu della voce selezionata
		e riduco le dimensioni del font dei sottomenù*/
#access ul li.current-menu-item > a > span {
	color:#FFFFFF;
	background-color: #048DB4;
}
#access ul li.menu-hover > a > span{
	color:#048db4;
}
#access ul li ul li.menu-hover > a > span{
	color:#FFFFFF;
	background-color: #048db4;
}
html #access > .menu > ul > li > a > span{
	box-shadow: 0px 0 0 #FFFFFF;
}
li.my-menu-lang{
	border-left:5px solid #048DB4;
}
		/*Ingloba immagine logo nel menu e centraggio*/
#branding{
	width:auto;
}
#header-container{
	width:auto;
	float:left;
}
nav#access{
	width:auto;
	float:right;
}
nav#access > .menu {
    margin-top: 10px;
}

nav#access .sub-menu li a{
	font-size:100%;
}

		/*Scroll dell'elenco degli artisti
html{
  scroll-behavior: smooth;
  transition-timing-function: ease, step-start, cubic-bezier(5, 5, 5, 5);
}*/
		/*Widget title styled like nimva*/
h2.wp-block-heading {
	border-bottom: 1px solid #f96e5b;
	display: inline-block;
	padding-bottom: 5px;
	position: relative;
	bottom: -1px;
	font-size: 11px;
	color: #888;
	text-transform: uppercase;
}
li.widget-container:has(h2) {			/*parent selector like. */
	border-bottom: 1px solid #e5e5e5;
	padding:0px;
	/*margin-bottom: 20px;*/
}
li.widget-container li{
	margin-bottom: 0px;
}
		/*Allineamento a sinistra del Top menu contenente il TEL*/
#wrapper .topmenu {
    float: left;
}

h1.entry-title{
	font-family: "Titillium Web", Arial, Helvetica, sans-serif;
}
img.alignleft, div.alignleft {
	float: left;
	margin: 5px 20px 13px 0;
	max-width: 100%;
}
/* --Tabelle del programma */
/*Lista Eventi*/
table.events-table-one {
    border-collapse: collapse;
    width: 100%;
}
.events-table-one th, .events-table-one td {
    text-align: left;
    padding: 8px;
}
.events-table-one tr:nth-child(even){background-color: #f2f2f2}
.events-table-one th {
    background-color: #4CAF50;
    color: white;
		text-align: left;
}
/*Singolo Evento*/
div .events-table-two1 {
	float:left; 
	/*margin:0px 0px 15px 15px;*/
	font-size: 100%;
	background-color: #F2F2F2;
	/*padding: 10px;*/
	padding:0;
	margin-top: 5px;
	margin-bottom: 25px;
	border: 1px solid #E6E6FF;
	width:100%;
}
div .events-table-two1  h2{padding-left:15px;}
div .tutte-le-repliche{clear:both;padding:0 15px 15px;}
div.events-table-two2  {
		float:right; 
		margin:0px 0px 15px 15px;
}
.events-table-two2 .em-location-map-container{width:300px!important; height:300px!important}

.events-table-two1 p{
	display: inline-block;
	padding-left: 15px;
}

/*Location Eventi*/
div .events-table-tre1 {
		float:left; 
		margin:0px 0px 15px 15px;
}

div.events-table-tre2  {
		float:right; 
		margin:0px 0px 15px 15px;
}
/*.events-table-tre2 .em-location-map-container{width:300px!important; height:300px!important}*/

/*Elenco Immagini*/
div.em.em-list{
	display:block;
}
div.events-table-four1 {
		text-align: left;
		float: left;
}
div.events-table-four2 {
		padding-left: 10px;
		text-align: left;
		width:260px;
		float: left;
		min-height: 90px;
}
div.events-table-four3 {
		padding-left: 10px;
		text-align: left;
		float: left;
}
/*Elenco Artista*/
table.events-table-five {
    border-collapse: collapse;
    width: 100%;
}
.events-table-five th, .events-table-five td {
    text-align: left;
    padding: 5px;
	vertical-align:top;
}
.events-table-five th {
    background-color: #048db4;
    color: white;
	text-align: left;
}
.events-table-five tr:nth-child(even){background-color: #f2f2f2}

				/*Tabella elenco artisti (dentro EM)*/
table.tbl-event-list td{padding-left: 10px;}
div.orario-completo-daily h2{color:white;background-color:#26b7cd;padding:15px;margin-bottom:25px;}
				/*Fixed-menu: Alex - L'unica proprietà modificata rispetto alla media-query è top: 71px */

/* MEDIA QUERIES */
@media only screen and (min-device-width: 1024px){
	div.events-table-four3 {max-width:30%}
}
/* iPad landscape layouts only */
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
#logo {max-width: 240px!important;}
	.infoartista{width:95%;}
}
@media only screen and (min-width: 980px) and (max-width: 1160px) {
#logo {max-width: 240px!important;}
	.infoartista{width:95%;}
}
@media only screen and (max-width: 979px) {
	#top-bar .leftalign{display:none;}
	#logo {margin: -20px 0 10px 0;}
	.infoartista{width:95%;}
}
/* TABELLA CALENDARIO EVENTO */
/* Questa query aggiunge del CSS per tutti gli schermi con una risoluzione inferiore a 760px */
@media only screen and (max-width: 768px) {
	body.error404{font-size: 16px;}
	.events-table-one th, .events-table-one td,.events-table-five th, .events-table-five td {padding: 5px;font-size:0.8em;}
	
	/* Forza la tabella a non essere più una tabella */
	table.tbl_calendario, table.tbl_calendario thead, table.tbl_calendario tbody, table.tbl_calendario th, table.tbl_calendario td, table.tbl_calendario tr{	
		display: block; 
	}

	/* Nasconde la testata della tabella (senza il dispaly non per una maggiore accessibilità) */
	/*table.tbl_calendario thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	table.tbl_calendario thead tr {text-align:left; padding:5px;font-weight:bold;}
	table.tbl_calendario thead:before {display:block;padding:5px;border:1px solid silver;font-weight:bold;background-color:#eee;content: "Legenda"; }*/
	/*table.tbl_calendario th { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}*/

	#content table.tbl_calendario{
		min-width: 440px;
	}

	#content table.tbl_calendario th.td_artista {display: none;}

	#content table.tbl_calendario th {
		display:inline-block;
		/*width:100px;*/
		/*padding:0 6px 10px 0;*/
		padding: 2px 10px;
	}

	/*table.tbl_calendario tr { border: 1px solid silver; border-top:none; }*/
	#content table.tbl_calendario tr {
		border:none;
	}		

	#content  table.tbl_calendario td.td_orari {
		/* Per comportarsi come una "riga" della tabella */
		border: none;
		/*border-bottom: 0px solid #eee;*/ 
		/*border-bottom: 1px solid #048db4;*/
		/*position: relative;*/
		width:100px;
		padding: 2px 10px;
		/*height:32px*/;
		float:left;
		display:inline-block;
	}

	#content table.tbl_calendario td.td_artista{
		width:100%;
		border-top:1px solid #048db4;
		clear:both;
	}

	

	/*table.tbl_calendario td:before { 
		/* Per inserire una descrizione ad ogni tabella 
		position: absolute;
		top: 6px;
		left: 6px;
		width: 25%; 
		padding-right: 10px; 
		white-space: nowrap;
	}*/

	/* Dati di ogni descrizione	
	table.tbl_calendario td:nth-of-type(2):before { content: "01/06"; }
	table.tbl_calendario td:nth-of-type(3):before { content: "02/06"; }
	table.tbl_calendario td:nth-of-type(4):before { content: "03/06"; }
	table.tbl_calendario td:nth-of-type(5):before { content: "04/06"; }
	table.tbl_calendario td:nth-of-type(6):before { content: "05/06"; }
	/* --FINE TABELLA CALENDARIO */
	.ap_fotoprincipale{width:100%; float:none;}
}