/*
Theme Name: Culture Roma
Author: Lenus Media
Author URI: https://www.lenus.it/
Red: #970a2c
*/
@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;600&display=swap');
@import url('https://site-assets.fontawesome.com/releases/v6.4.2/css/all.css');

/* regole CSS galleria */

/*.media-video {
	margin-top: -130px;
}

.media-foto {
	margin-top: -260px;
}

@media (max-width: 768px){
	.media-video, .media-foto {
		margin-top: 0px !important;
	}
	
	.archivio-mediagrid {
		margin-top: -80px !important;
	}
}*/

#footer_festa_danza_mobile, .letterature_mobile, .widget_programma_mobile, .widget_ingresso_mobile, .widget_acuradi_mobile {
	display: none !important;
}

#footer_festa_danza_mobile img {
	width: 340px;
	margin-bottom: 20px;
}

.elimina_agenda {
	font-size: 30px;
	float: right;
}
.owl-carousel-pasolini-daattivare img {
	margin-bottom: 15px !important;
}
.owl-carousel .owl-item img {
    display: block;
    width: 100%;
    -webkit-transform-style: preserve-3d;
	height: auto;
}

.the_content img {
    max-width: 100%;
    margin-bottom: 15px !important;
    height: auto;
}

.slide_content_full {
	background-repeat: no-repeat !important;
	background-position: center !important;
	background-size: auto 100% !important;
}

.galleria_container .slide_content_mini {
    background-size: auto 100% !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    margin-bottom: 30px;
}

/* - */

.mini_section_title_switchable {
	cursor: pointer;
}
.div_switcher {
	display: block;
	float: right;
}
#filtro_gratuito {
	line-height: 36px;
	margin: 0 !important
}
.div_switcher .plus, .div_switcher .minus {
	display: none;
	opacity: .8;
}
.div_is_open .div_switcher .plus {
	display: none;
}
.div_is_closed .div_switcher .plus {
	display: block;
}

.div_is_open .div_switcher .minus {
	display: block;
}
.div_is_closed .div_switcher .minus {
	display: none;
}
.tab_archivio_contenitore {
}
.switcher_anni {
	
}
.switcher_anni ul {
	display: none;
}
.switcher_anni .anno_corrente {
	display: inline-block;
}
.switcher_anni .anno_corrente strong {
	font-weight: 700;
}
.switcher_anni .anno_corrente strong:after {
	content: '\f107';
	position: absolute;
	margin-left: 5px;
	font-family: "FontAwesome";
}

.switcher_anni:hover ul {
	z-index: 99;
	width: 120px;
	position: absolute;
	background: #fff;
	display: block;
}
.switcher_anni:hover ul li {
	padding: 0 15px;
}
.switcher_anni:hover ul li a {
	display: block;
}
.switcher_anni:hover ul li:hover {
	background: #eee;
}


#contenitore_loop {
	
}
#contenitore_loop .page_orario {
	margin-top: 0 !important;
}
#contenitore_loop .archivio_correlati .page_subtitle {
	display: none;
}
.archivio_correlati, .archivio_correlati .link_luogo_salva {
	display: none;
}
#sidebar .archivio_correlati {
	display: block;
}


.archivio_correlati .slide_title {
	margin-bottom: 15px;
}
.archivio_correlati .slide_title .page_title {
	font-size: 23px; 
	line-height: 26px;
}

#estateromana {
	background: #fff; 
}
.estateromana_mobile, .cr_mobile {
	display: none;
}
.searchform_fdm {
	margin-bottom: 15px;
} 
#riprogramma {
	display: none;
}
@media(max-width: 767px){

	.page_map .location {
		padding-left: 0;
		display: block;
		clear: both;
	}
	.widget_programma_mobile, .widget_ingresso_mobile, .widget_acuradi_mobile {
		display: block !important;
	}

	.widget_programma, .widget_ingresso, .widget_acuradi {
		display: none !important;
	}
	
 	.page-child .giornate_danza .giornata_della_danza {
		width: 14% !important;
	}
	
	.page-child .giornate_danza .giornata_della_danza .img {
		height: 70px !important;
	}
	
	.page-child .giornate_danza .giornata_della_danza a {
		margin: 0 2px !important;
	}
	
	.page-child .giornate_danza a {
		font-size: 11px !important;
	}
	
	.page-child .giornate_danza {
		padding: 20px 0 !important;
	}
	
	#footer_festa_danza {
		display: none !important;
	}
	
	#footer_festa_danza_mobile {
		display: block !important;
	}
	
	.letterature_desktop {
		display: none !important;
	}
	
	.letterature_mobile {
		display: block !important;
	}
	
	.estateromana_homepage, .cr_homepage {
		display: none !important;
	}
	.estateromana_mobile, .cr_mobile {
		display: block !important;
	}
	
	.blocchetto_location {
		margin-top: -60px !important;
	}
}
.diretta_fb {
	height: 160px !important; 
}

.diretta_fb_capodarte {
	height: 160px !important; 
}


@media(min-width: 640px){
	
	.diretta_fb {
		height: 720px !important; 
	}
	.diretta_fb_capodarte {
		height: 450px !important; 
	}
	.social_centrati_festa {
		margin-top: -40px; 
		margin-left: -20px; 
	}
}
@media(min-width: 768px){
	.social_centrati_festa {
		margin-top: -50px; 
		margin-left: -50px; 
	}
	
		.archivio_correlati {
			display: block;
		}
		#sidebar .archivio_correlati {
			display: none;
		}

	.festadanza2024 {
		width: 60% !important;
	}

}

.festadanza2024 {
	width: 100%;
}

@media(min-width: 990px){
	.social_centrati_festa {
		margin-left: -86px; 
	}
}

@media(min-width: 991px){
	.social_centrati_festa {
		margin-left: -100px; 
	}
}

@media(min-width: 1024px){
	.social_centrati_festa {
		margin-left: -90px; 
	}
}

@media(min-width: 1190px){ 
	.social_centrati_festa {
		margin-left: -90px; 
	}
}

@media(min-width: 1200px){ 
	.social_centrati_festa {
		margin-left: -90px; 
	}
}

@media(min-width: 1400px){ 
	.social_centrati_festa {
		margin-left: -190px; 
	}
}
.wp-video {
	width: 100% !important;
	margin-bottom: 30px !important;
}
	.tnp-field.tnp-privacy-field label {
		font-weight: 400 !important;
	}
	.tnp-field.tnp-privacy-field label a {
		font-weight: 400 !important;
	}
	.tnp-submit {
		padding-left: 30px !important;
		padding-right: 30px !important;
		text-transform: uppercase !important;
		background: #ff4347 !important;
		color: #fff !important;
	}
.social_network_mappa {
	font-size: 20px;
	margin-right: 15px;
	margin-bottom: 20px;
}
	input[type=submit].um-button, input[type=submit].um-button:focus {
		border-radius: 0 !important;
	}
.single_preview { 

	border: 1px solid #bbb;
}
.need_to {
	font-weight: 300;
}	
.calendario_link {
	margin-right: 10px;
	margin-left: 10px;
	position: relative;
	display: inline-block;
}
	.calendario_link ul {
		display: none;
	}
	.calendario_link:hover ul {
		border-radius: 5px;
		min-width: 190px;
		box-shadow: 0 0 15px rgba(0,0,0,.35);
		position: absolute;
		z-index: 6;
		background: #fff;
		padding: 8px 15px;
		display: block;
	}
	.calendario_link:hover ul li {
		display: block;
		line-height: 24px;
		font-size: 14px; 
	}
	.calendario_link ul li i {
		width: 15px;
	}
	.banner .calendario_link:hover ul {
		right: 0;
	}
	
#selettore_offset {
	position: fixed;
	bottom: 0;
	left: 0;
}

#capodanno {
	cursor: pointer;
	background: #00679a;
	text-align: left; 
}
.desktop_only {
	display: none;
}
html, body {
	margin: 0;
	padding: 0;
	font-size: 16px;
	font-family: 'Space Grotesk', arial, sans-serif;
	overflow-x: hidden !important;
}
ul, ul li { 
	list-style-type: none; 
	margin: 0;
	padding: 0;
}
label {
	cursor: pointer;
}
.widgetsocial a {
	font-size: 20px;
	margin-right: 20px;
}

.preview_contenuto {
	margin-top: 60px;
	max-height: 210px;
	position: relative;
	overflow: hidden;
}
	.overlay_contenuto {
		/*
		position: absolute;
		bottom: 0;
		left: 0;
		background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 1%, rgba(255,255,255,1) 99%);
		background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 1%,rgba(255,255,255,1) 99%);
		background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 1%,rgba(255,255,255,1) 99%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#fff',GradientType=0 );
		width: 100%;
		height: 120px;
		display: block;
		*/
	}
	
	#galleria_placeholder {
				display: none;
	}
		
.upper {
	text-transform: uppercase;
}
a {
	color: #000;
}
a:hover {
	text-decoration: none;
	color: #970a2c;
}
	
	.pagination {
		width: 100%;
		overflow-x: auto;
	}
	.pagination .page, .pagination .nav.prev, .pagination .nav.next {
		cursor: pointer;
		font-size: 14px;
		display: inline-block;
		padding: 15px 8px;
	}
	.pagination .currently_disabled {
		display: none;  
	}
		.pagination .page.current {
			font-weight: bold;
		}
		
	.widget {
		margin-bottom: 30px;
	}

	.widget p {
		margin-top: 40px;
		margin-bottom: 30px;
	}

	#calendario table {
		margin-bottom: 5px;
	}
		#calendario table td {
			font-size: 12px;
		}
			#calendario .like-h2 {
				font-size: 16px;
			}

	#calendario p {
		margin-bottom: 0 !important;
	}
	.filtri_calendario {
		display: none;
	}
	.filtri_calendario_button {
		display: block;
	}
		.filtri_calendario_button a {
			display: block;
		}
		.filtri_mappa label,
		.filtri_calendario label
		{
			width: 100%;
			font-size: 16px;
			font-weight: 600;
			display: block;
		}
		.filtri_mappa label .checkbox,
		.filtri_calendario label .checkbox {
			float: right;
		}
	
	#calendario td.single_day.last_click a  {
		border: 2px solid #ff4347;
		background: #ff4347;
		color: #fff;
	}
	#calendario .slide_content {
		display: none; 
	}
		#calendario .archivio_item {
			padding: 5px 0;
			margin-bottom: 5px;
		}
	
	
	#calendario td.single_day.oggi a  {
		border: 2px solid #ff4347;
	}
	
	#calendario table td {
		width: 14.28%; 
		text-align: center;
		padding: 0 0;
	}
	#calendario table td.single_day a {
		border: 2px solid transparent;
		padding: 2px 5px;
		display: block;
	}
	#calendario td.selezionato a {

	}
	#calendario table td.disattivato {
		color: #b2b4b2;
	}
		#calendario .like-h2, .archivio .like-h2 {
			text-transform: uppercase;
		}
		#calendario .slide_title {
			padding: 5px 0;
			border-bottom: 2px solid #000;
		}
		#calendario .slide_title:last-child {
			border-bottom: 0;
		}
		.page_orario {
			text-transform: uppercase;
			font-weight: 300;
			font-size: 16px;
			display: inline-block;
		}
		.page_manifestazione {
			font-size: 13px;
			color: #444;
		}
		.page_manifestazione a {
			text-transform: uppercase;
			font-weight: bold;
			text-decoration: none;
			color: #444;
		}
		
		
		.single .main .slide_title .page_manifestazione,
		.single-manifestazione .page_manifestazione
		{
			display: none;
		}
		
		
		#calendario .page_orario {
			text-transform: lowercase !important;
			font-size: 15px !important;
			clear: none !important;
			display: inline-block !important;
		}
		
		#calendario .page_title, 
		#calendario .page_date, 
		#calendario .page_orario,
		.archivio .page_title,
		.archivio .page_date		
		{
			margin: 0;
			font-size: 16px;
			line-height: 20px;
			font-weight: 300;
		}
		#calendario .page_title, 
		.archivio .page_title
		{
			font-weight: 600;
		}
		#calendario .etichetta
		{
			font-size: 12px;

		}
		#calendario .page_date .icon_calendario
		{
			width: 13px;
			height: 13px;
		}
		#calendario .page_subtitle, 
		#calendario .page_note,
		.archivio .page_subtitle, 
		.archivio .page_note
		{
			font-size: 14px;
			font-weight: 300;
		}
		#calendario .page_subtitle,
		.archivio .page_subtitle
		{
			margin-bottom: 15px;
		}
		#calendario .page_note,
		.archivio .page_subtitle
		{
			font-size: 14px;
		}
		#calendario .archivio_item, #calendario .archivio {
			margin: 0;
			padding: 0;
		}
		
	.current_page_item a, .current-menu-item a {
		text-decoration: underline;
	}
	
	.wpb_raw_html, .wpb_text_column.wpb_content_element  {
		margin: 0;
	}
		.the_content {
		}
	.the_content a {
		font-weight: 600;
		text-decoration: underline;
		color: #000;
	}
	.luogo_icon {
		margin-left: 2px;
	}
	.breadcrumb { 
		padding: 10px 0 5px 0 !important;
	}
		.the_content .breadcrumb a { 
			font-weight: 400;
			text-decoration: none !important;
		}
		.the_content h1 {
			margin-bottom: 5px !important;
		}
		.the_content h2 {
			font-size: 24px;
			font-weight: 300;
			margin-bottom: 30px;
		}
		.the_content h3 {
			font-size: 17px;
			font-weight: 600;
			margin-bottom: 10px;
			color: #970a2c;
		}
			.vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-title>a {
				color: #000 !important;
				font-size: 20px;
				cursor: pointer !important;
				border-bottom: 1px solid #000;
			}
			.vc_tta.vc_tta-accordion .vc_tta-controls-icon-position-left.vc_tta-panel-title>a {
				padding-left: 15px !important;
			}
			.vc_tta.vc_tta-accordion .vc_tta-controls-icon-position-left .vc_tta-controls-icon {
				left: auto !important;
				right: 20px !important;
			}
			.vc_tta-panel-body {
				transition: 0 all !important;
				padding: 15px !important;
				border: 0 !important;
				border-radius: 0 !important;
				background: none !important;
			}
		.the_content ul {
			margin-bottom: 30px;
		}
		
		
		.vc_tta-panel-heading {
			border: 0 !important;
			background: none !important;
			border-radius: 0 !important;
		}
			
	#sidebar .the_content p {
		margin-bottom: 0;
	}
	
.etichetta {
	margin-bottom: 5px;
	width: 100px;
	text-align: center;
	display: inline-block;
	color: #fff;
	text-transform: uppercase;
}
.etichetta_label {
	padding-right: 10px;
	padding-left: 10px;
	background: #f39b6b;
	width: auto;
}
.streaming_container .streaming {
		padding-right: 10px;
	padding-left: 10px;
	width: auto;
}
.gratuito {
	background: #ff4347;
}
.online {
	background: #970a2c;
}
.streaming {
	background: #87bae5;
}
.page-template-page-landingpage-capodarte .gratuito,
.single-evento-capodarte .gratuito {
	background: #c8e2ca;
	color: #002303;
}

.page-template-page-landingpage-capodarte .online,
.single-evento-capodarte .online {
	background: #F39B6B ;
}
.etichetta_label {
	background: #970a2c;
}

.pum-container {
	font-size: 20px !important;
	box-shadow: 0 0 50px rgba(0,0,0,.5) !important;
	border: 5px solid #970a2c !important;
	padding: 60px 100px !important;
}

.pum-title {
	color: #970a2c !important;
	text-transform: uppercase!important;
}

#header, #header_mobile {
	padding: 15px 0;
	background: #970a2c;
	background: #970a2c;
	color: #fff;
}
	#header a {
		color: #fff;
	}
	#header img {
		max-width: 100%;
	}
		#header #logo_top {
		}
	#header ul li {
		margin-right: 30px;
		display: inline-block;
	}
		#header ul li a {
			line-height: 40px;
			display: block;
		}
	
#header_mobile {
	display: block !important;
}

#header {
	display: none !important;
}
	
#subheader {
	display: none; /* da mobile l'header si nasconde.. */
	padding: 15px 0;
	background: #970a2c;
	color: #fff;
}
	#subheader a {
		color: #fff;
		text-transform: uppercase;
	}
	#subheader img {
		max-width: 100%;
	}
		#subheader #logo_top {
		}
		
		#subheader ul li {
			margin-right: 0;
			display: block;
		}
			#subheader ul li a {
				line-height: 40px;
				display: block;
			}

	
	
		
	.culture_megamenu {
		display: none;
		padding: 15px 0;
	}
	
		.culture_megamenu ul {
			margin-bottom: 30px;
		}
			.culture_megamenu a {
				transition: .3s all;
				display: block;
			}
	.culture_megamenu ul li a {
		font-size: 20px;
		padding: 8px 0;
		font-weight: 600;
	}
		.culture_megamenu ul li ul li a {
			font-size: 14px;
			padding: 4px 0;
			font-weight: 400;
			text-transform: uppercase;
		}
	
	
	#slider, #banner, #evidenza, #googlemap, #newsletter, #ricerca, 
	#news, #socialwall, #agenda, #tagcloud, #calendario {
		margin-bottom: 70px;
	}
	/*solo da mobile reinseriamo la griglia*/
	#slider .slide {
		padding: 0 15px;
	}
	
	#slider .owl-controls {
		text-align: center !important;
		position: absolute;
		right: -25px;
	}

	#slider .owl-controls {
		text-align: center !important;
	}

	#tagcloud {
		text-align: center;
	}
		.tag-cloud-link {
			font-size: 15px !important;
			font-weight: 300;
			display: inline-block;
			padding: 5px 2px;
		}
	#map_control {
		text-transform: uppercase;
		margin-bottom: 15px;
		font-size: 20px;
		font-weight: 300;
	}
		.map_controller {
			border-top: 2px solid #000;
			padding: 15px 0 0 0;
		}
		#map_control input, 
		#ricerca input[type="checkbox"], 
		#newsletter input[type="checkbox"], 
		#calendario input[type="checkbox"] {
			opacity: 0;
			position: absolute;
		}
		#map_control label {
			cursor: pointer;
			margin-right: 15px;
			display: inline-block;
		}
		#calendario label {
			margin-right: 30px;
		}
		.checkbox {
			transition: .3s all;
			display: inline-block;
			border: 2px solid #000;
			width: 18px;
			height: 18px;
		}
			.input_checked .checkbox {
				transition: 0 all; /*quando è selezionato l'effetto deve essere immediato*/
				background: #ff4347;
				border: 2px solid #ff4347;
			} 
		label:hover .checkbox {
			border: 2px solid #444;
		}
		
		#ff-stream-3, #ff-stream-6 {
			background: none !important;
		}
			
			#ricerca #dal, #ricerca #al
			{
				margin-right: 0;
				display: block;
				width: 100%;
			}
			/*
			#ricerca #al
			{ 
				float: right;
			}
			*/
			#ricerca .btn {
				display: block;
				width: 100%;
			}
				.field_selector ul  {
					min-width: 100%;
					display: block
				}

			.field_selector ul li {
				width: 100%;
				position: relative;
				margin-bottom: 15px;
				padding: 0 10px;
				font-size: 16px;
				border: 2px solid #000;
			}
			.field_selector ul li:after {
				content: '\f0dd';
				position: absolute;
				top: 0;
				right: 16px;
				font-family: "FontAwesome";
			}
			.field_selector ul li ul li:after {
				content: '';
				display: none;
			}
			.field_selector ul li ul {
				display: none;
				position: absolute;
				z-index: 3;
				width: 340px;
				margin: 0;
				padding: 10px 0 0 0;
				margin-left: -12px;
				border: 2px solid #000;
				background: #fff;
			}
			.field_selector ul li:hover ul {
				display: block;
			}
				.field_selector ul li ul li {
					width: 50%;
					float: left;
					font-size: 16px;
					border: 0;
				}
				.field_selector ul li:hover ul li {
					padding: 0 7px;
				}
			

	#googlemap {
		background: #e5e3df;
		margin-bottom: 0;
		background-size: auto 100% !important;
		min-height: 500px;
	}
		.single-artisti #googlemap {
			min-height: 400px; 
		}
		
		
		
		
		.slide_content, .slide_content_mini {
			display: block;
			position: relative;
			background-size: 100% auto !important;
			background-repeat: no-repeat !important;
		}

		.slide_content img, .slide_content_mini img {
			width: 100%;
		}
		.slide_content_mini {
			margin-bottom: 15px;
		}
		.banner {
			border-top: 2px solid #000;
			padding: 15px 0;
		}
		.evidenza {
			border-top: 0;
		}
		
		.single .main .slide_content {
			/*margin-top: 60px !important; */
			margin-bottom: 30px !important; 
		}
		
			
			.colonna-dinamica-8, .colonna-dinamica-4
			{
				float: left;
				padding: 0 15px;
			}
			
			#slider .colonna-dinamica-4 {
				width: 100%;
				display: block;
				float: none;
			}
			#slider {
				margin-bottom: 40px;
			}
			#slider .owl-controls {
				position: absolute;
				right: -25px;
			}
		
			
			.archivio .colonna-dinamica-8, #sidebar .archivio_nosearch .colonna-dinamica-8 {
				width: 100% !important;
			}
			.archivio .colonna-dinamica-4, #sidebar .archivio_nosearch .colonna-dinamica-4 {
				width: 100% !important;
			}
			#sidebar .archivio_nosearch .page_title {
				margin: 0  !important;
			}
			#sidebar .archivio_nosearch .page_subtitle, #sidebar .archivio_nosearch .page_map {
				display: none;
			}
				#sidebar .archivio_nosearch .page_title {
					line-height: 30px;
				}
			
			#calendario .archivio .colonna-dinamica-8,
			#calendario .archivio .colonna-dinamica-4 
			{
				float: left !important;
				padding: 0 15px !important;
			}
			
			
			
			#banner .colonna-dinamica-4, #banner .colonna-dinamica-8,
			.the_slide .colonna-dinamica-4, .the_slide .colonna-dinamica-8,
			.archivio .colonna-dinamica-4, .archivio .colonna-dinamica-8
			{
				width: 100% !important;
			}
				#banner .colonna-dinamica-8 br, #banner .colonna-dinamica-4 br,
				.archivio .colonna-dinamica-8 br, .archivio .colonna-dinamica-4 br,
				#slider .colonna-dinamica-8 br, #slider .colonna-dinamica-4 br				
				{
					display: none !important; 
				}
				
				#wp-admin-bar-my-account {
					display: none !important; 
				}
			
	
#footer {
	margin: 60px 0;
	text-transform: uppercase;
}
	#footer a {
		transition: .3s all;
		color: #000;
	}
	
	#footer a:hover {
		color: #000;
	}
	#footer ul li a {
		display: block;
		padding: 4px 0;
	}
	

	
	#roma_culture_logo {
		padding: 30px 0;
	}
	#roma_culture_logo img {
		max-width: 100%;
	}


	#social_media a {
		text-align: center;
		font-size: 17px;
		margin-right: 25px;
		margin-bottom: 25px;
		display: inline-block;
		width: 35px;
		height: 35px;
		line-height: 35px;
		border-radius: 50%;
		color: #fff;
		background: #000;
	}
	
		#social_media { 
			margin-top: 35px;
		}
		#footer #social_media a:hover {
			background: #970a2c;
		}
#footer_partners h4 {
	font-size: 12px;
}
#footer_container {
	border-top: 5px solid #970a2c;
}



.breadcrumb, .page_map {
	background: none;
	font-size: 14px;	
}
.page_map i {
	width: 20px;
}
.page_map {
	font-weight: 600;
}
.page_map .location {
	padding-left: 27px;
	font-weight: 300;
}
.box_manifestazione {
	/*border-bottom: 2px solid #000; */
}
.like-h1 {
	font-size: 30px;
	font-weight: 300;
	text-transform: uppercase;
}
.icon_calendario {
	display: inline-block;
	background: url('images/icon_calendario.png') no-repeat;
	background-size: cover;
	width: 15px;
	height: 15px;
}

.page_title, .section_title, .mini_section_title, .section_mega_title { 
	margin: 0;
	margin-bottom: 5px;
	padding: 0;
	line-height: 45px;
	font-size: 40px;
	font-weight: 300;
	text-transform: uppercase;
}
.section_title, .mini_section_title, .section_mega_title { 
	text-transform: uppercase;
}
.section_title_tab.section_title {
	line-height: auto !important;
	font-weight: 300 !important;
	font-size: 16px !important;
	padding: 0 !important; 
}
	.readmore, .readless {
		display: inline-block;
		margin: 15px 0;
	}
	.readless {
		display: none;
	}
	.section_title_tab a {
		display: inline-block;
		margin-right: 15px;
	}
	.section_title_tab a:hover {
		color: #000;
	}

	.tab_selected {
		border-bottom: 4px solid #000;
	}
	.section_title_tab a.tab_archivio {
		margin-left: 15px;
	}
	.section_title, .mini_section_title { 
		display: block !important;
		font-weight: 600 !important;
		color: #000;
	}
		.section_title_empty {
			height: 46px;
		}
	.page_note {
		color: #ff4347;
	}
	.section_mega_title {
		font-size: 30px;
		line-height: 30px;
		font-weight: 300;
		margin-bottom: 15px;
	}
		#socialwall .section_mega_title,
		#tagcloud .section_mega_title
		{
			text-transform: none;
			text-align: center;
		}
		#tagcloud .section_mega_title
		{
			font-size: 20px;
			margin-bottom: 20px;
		}
	.section_title {
		font-size: 20px !important;
		padding-left: 15px;
		line-height: 45px;
		border-bottom: 1px solid #000;
		margin-bottom: 30px; 
	}
	.mini_section_title {
		font-weight: 600 !important;
		font-size: 18px !important;
		line-height: 30px !important;
		border-bottom: 2px solid #000 !important;
		margin-top: 15px !important;
		margin-bottom: 15px !important;
	}
	.banner .page_title {
		font-size: 30px !important;
		line-height: 35px
	}
	.page_subtitle {
		margin: 0;
		padding: 0;
		font-size: 17px;
	}
		.page_subtitle a {
			text-decoration: underline;
		}
		.banner .page_subtitle {
			font-size: 14px;
		}
	
	.page_date {
		font-size: 30px;
		line-height: 35px;
		font-weight: 300;
	}
		
			.page_date br {
				display: none;
			}
	.page_map {
		padding: 5px 0;
		clear: both;
		display: block;
	}
	#news .slide_content a:before {
		content: '';
		display: block;
		width: 100%;
		height: 100%;
		position: absolute;
		z-index: 3;
		left: 0;
		bottom: 0;
		background: none !important; 
	}
	
	/*da mobile il decoro è sempre small*/
	.slide_content_decoro:before { 
		content: '';
		display: block;
		width: 120px;
		height: 100%;
		position: absolute;
		z-index: 3;
		left: 0;
		bottom: 0;
		background: url('images/r_decoro_small.svg') no-repeat left bottom;
	}
	
	.banner .slide_content_decoro:before, #slider_container .slide_content_decoro:before {  
	}
	
	.archivio .slide_content_decoro:before { 
	}
	
	#news .slide_content_decoro:before {
		background: none !important;
	}
	
	.slide_content {
		margin-bottom: 15px;
	}
	.um-account-side {
		display: none !important;
	}
	.btn, .um-button, .ff-btn {
		box-shadow: none !important; 
		min-width: 130px;
		margin-right: 15px;
		margin-bottom: 15px;
		text-transform: uppercase  !important;
		border-radius: 0  !important;
	}
	.btn-red, .um-button, .ff-btn {
		background: #ff4347 !important;
		color: #fff !important;
	}
		.btn-red:hover { 
			background: #b01833;
			color: #fff;		
		}
		.separatore {
			/*border-bottom: 1px solid #000;*/
			/*padding: 15px 0 0 0;*/
			margin-bottom: 30px;
			display: block;
			clear: both;
		}
		
		#newsletter {  
			padding: 50px 0;
			background: #f2f1dd;
		}
		#agenda {
			padding: 0 0 0 0;
		}
			.riga_in_basso {
				padding-bottom: 30px;
				border-bottom: 1px solid #000;
			}
		#newsletter p, #agenda p {
			font-size: 18px;
			line-height: 30px;
			font-weight: 300;
		}
		#newsletter p {
			margin-bottom: 60px;
		}
		#newsletter .inputemail, 
		#ricerca input[type="text"],
		#ricerca .bottone_ricerca
		{
			background: none;
			transition: .3s all;
			outline: none !important;
			width: 100%;
			margin-bottom: 15px;
			border: 1px solid #000; 
			color: #000; 
			text-transform: uppercase;
			background: none;
			display: block;
		}
		
				#ricerca input[type="text"] {
					border: 2px solid #000;
					color: #000; 
				}

			.searchform_fdm,
			.searchform_fdm input[type="text"],
			#ricerca .searchform,
			#ricerca .searchform input[type="text"],
			#ricerca .bottone_ricerca
			{
				border: 0;
				color: #000; 
			}
			
			.searchform_fdm input {
				outline: none !important;
			}
			

			
			
				.allinea_sinistra img {
					width: 100%;
				}
				#slider .slide_content, .single .main .allinea_sinistra .slide_content {
					width: 100% !important;
				}
			.searchform_fdm, 
			#ricerca .searchform {
				display: block;
				margin-bottom: 10px !important;
				border: 2px solid #000;
			}
				.searchform_fdm {
					height: 36px;
				}
				.searchform_fdm input {
					width: 100%;
					outline: none !important;
					background: none;
					position: relative;
					font-size: 16px;
					padding: 4px 10px;
					opacity: 1 !important;
				}

				.searchform_fdm:after, 
				#ricerca .searchform:after {
					content: '';
					display: block;
					clear: both;
				}
				#ricerca .searchform input {
					margin: 0 !important;
					float: left;
					width: 80%;
				}
				#ricerca .searchform .bottone_ricerca {
					margin: 0;
					float: right;
					border-left: 2px solid #000;
					width: 40px;
				}
				
			#ricerca .bottone_ricerca
			{
				padding: 8px 10px;
				border-left: 0;
				width: 40px; 
			}
				
				#ricerca .smallinputs input[type="text"], .smallinputs ul li {
					padding: 4px 10px;  
				}
				.smallinputs ul li:after {
					
				}
				
			
			#newsletter .inputemail:hover {
				background: rgba(255,255,255,.5);
			}
			#newsletter .inputprivacy {
				font-size: 16px;
			}
				#newsletter .inputprivacy .checkbox {
					border: 1px solid #000;
				}
			#newsletter .inputprivacy a {
				color: #000;
				text-decoration: underline;
			}
		#newsletter .btn, #agenda .btn, #newsletter .inputemail, #ricerca input[type="text"] {
			padding: 8px 10px;
		}
			#newsletter .inputemail::placeholder {
				color: #000; 
			}
	.mobile_trigger {
		padding-top: 3px;
		text-align: right; 
		font-size: 20px;
	}
		.mobile_trigger .icon_b {
			display: none;
		}
		
	#mobile_mainmenu {
		display: block;
		margin-top: 30px;		
	}
		#mobile_mainmenu ul li {
			font-size: 14px;
		}
			#mobile_mainmenu #social_media a {
				color: #970a2c !important;
				background: #fff !important;
			}
	
	.owl-prev, .owl-next {
		display: inline-block;
		margin-right: 30px;
		font-size: .1px;
		color: transparent;
	}
	.owl-prev, .owl-next {
		display: inline-block;
		font-size: .1px;
		color: transparent;
	}
		.owl-prev:before {
			font-size: 30px;
			color: #000;
			content: "\f0d9"; 
			font-family: "FontAwesome"; 
		}
		.owl-next:before {
			content: "\f0da";
			font-size: 30px;
			color: #000;
			font-family: "FontAwesome";
		}	


	
	#slider .colonna-dinamica-4 .page_date {
		display: none;
	}
		#slider .owl-controls {
			margin-left: 15px !important;
		}
		.badge {
			position: absolute;
			margin-left: 10px;
			margin-top: 3px;
			background: #ff4347;
			color: #fff;
			
		}
		.archivio_item {
			padding: 15px 0;
			border-bottom: 1px solid #000;
		}
			.archivio_item:last-child {
				border-bottom: 0;
			}
			
				.archivio, .archivio_item {
					margin-bottom: 30px; 
					clear: both;
					display: block;
				}
					.archivio:after, .archivio_item:after {
						content: '';
						clear: both;
						display: block;
					}
						.banner .data_dinamica {
							display: none;
						}
		
	.static_slide { 
		/*height: 300px; */
		/*overflow-y: hidden !important;*/
		padding: 20px 0 0 0;
	}
	
	/* TITOLO DA MOBILE */
	.page_title {
		font-size: 30px;
		line-height: 31px;
		font-weight: 600;
	}
	.page_subtitle {
			margin: 0;
			padding: 0;
			font-size: 17px;
		}
		.single-artisti .page_title {
			font-size: 28px;
			line-height: 33px;
		}
		.page_date {
			font-size: 25px;
			line-height: 30px;
		}
		.main .page_orario {
			font-size: 25px;
		}
			
	.single .archivio .colonna-dinamica-8 .page_map br, .single .archivio .colonna-dinamica-4 .page_map  br
	{
		display: block !important; 
	}	
	
	.video iframe {
		height: 230px !important;
	}

.link_luogo_salva a.link_luogo, .single .archivio .link_luogo_salva a.link_luogo {
	display: none !important;
}

.bottone_salva, .single .link_luogo_salva a.link_luogo {
	font-size: 12px;
	background: #eee;
	text-decoration: none !important;
	font-weight: 300 !important;
	padding: 2px 10px;
}
.single .link_luogo_salva a.link_luogo {
	display: inline-block !important;
	text-transform: uppercase;
	margin-left: 25px;
}
.bottone_agenda {
	min-width: 50px !important;
	font-size: 12px;
}
.um-account-heading, .um-profile {
	display: none !important;
}
.um-account-main {
	padding: 0 !important;
	
}
.btn-red-agenda {
	background: #ff4347;
	color: #fff !important;
}
.allinea_sinistra {
		width: 120px;
		float: none;
		clear: both;
		display: block;
		margin: 0;
	}
	
	#tutti_gli_eventi {
		text-align: left;
	}
	#tutti_gli_eventi .container {
		width: 90%;
		max-width: 1200px;
		margin: 0 auto;
	}
	
@media (min-width: 768px){

	#subheader .container, #tutti_gli_eventi .container {
		width: 90%;
		max-width: 1200px;
		margin: 0 auto;
	}
	#subheader .container {
		text-align: center;
	}
	#header_mobile {
		display: none !important;
	}

	#header {
		display: block !important;
	}
	
	.page_title {
		font-size: 30px;
		line-height: 35px;
		font-weight: 600;
	}
	.page_subtitle {
		font-size: 24px;
	}
	#riprogramma {
		display: block;
	}
	.allinea_sinistra {
		width: 120px;
		float: left;
		margin: 0;
	}
	
	#filtri_mappa_festadellamusica {
		min-height: 600px;
	}
	.desktop_only {
		display: block;
	}
	.mobile_only {
		display: none;
	}
	.modal-dialog {
		margin: .5rem auto;
		width: 600px;
		max-width: 600px !important;
	}
	

	.icon_calendario {
		width: 20px;
		height: 20px;
	}
		.page_orario {
			font-size: 20px;
			font-weight: 600;
			display: block;
		}



.single .page_orario {
			margin-top: 30px;
		}
	.bottoni_agenda {
		width: 50%;
		z-index: 6;
		right: 30px;
		margin-top: 10px;
		text-align: right;
		position: absolute;
	}
	
	#newsletter {
		padding: 30px 0;
		margin-bottom: 0;
		/*background: #f2f1dd url('images/background_newsletter.jpg') no-repeat top left;*/
	}

	#tagcloud .section_mega_title {
		font-weight: 600;
	}

	#calendario .page_orario {
		text-transform: lowercase !important;
		font-size: 15px !important;
		clear: none !important;
		display: inline-block !important;
	}




#slider_container { 
	margin-bottom: 30px;
}
#slider_container .page_date, #slider_container .page_title {
	font-size: 30px;
	line-height: 36px;
	margin-top: 15px;
	margin-bottom: 15px;
}

	
#slider_container .page_subtitle, #slider_container .page_subtitle p {
	display: block;
	font-size: 16px;
	line-height: 20px;
	margin: 0;
}
#slider_container .page_subtitle {
	margin-bottom: 15px;
}

#slider_container .owl-next {
	float: right;
	margin-right: 0;
}
#slider_container .etichetta {
	margin-bottom: 15px;
}



.owl-carousel-slider {
	
}
.filtri_mappa label,
		.filtri_calendario label
		{
			width: auto;
			font-size: 18px;
			font-weight: 600;
			display: inline-block;
		}
		
		#calendario .archivio {
			margin: 0;
			padding: 0;
		}
		
		#calendario .archivio_item {
			margin: 0;
			padding: 5px 0;
		}
		
		#calendario .slide_title {
			padding: 5px 0;
			border-bottom: 2px solid #000;
		}
		#calendario .page_title, 
		#calendario .page_date, 
		.archivio .page_title,
		.archivio .page_date
		{
			margin: 0;
			font-size: 25px;
			line-height: 28px;
		}
		
		
		#calendario .etichetta
		{
			font-size: 16px;

		}
		#calendario .page_date .icon_calendario
		{
			width: 20px;
			height: 20px;
		}
		#calendario .page_subtitle, 
		#calendario .page_note,
		.archivio .page_subtitle, 
		.archivio .page_note
		{
			font-size: 16px;
			font-weight: 300;
		}
		#calendario .page_subtitle,
		.archivio .page_subtitle
		{
			margin-bottom: 15px !important;
		}
		#calendario .page_note,
		.archivio .page_subtitle
		{
			font-size: 14px;
		}
		
		
		#calendario table td {
			font-size: 16px;
		}
		#calendario .like-h2 {
			font-size: 25px;
		}
		#slider .owl-controls {
			display: block;
			width: 100%;
			position: static;
			top: 0;
			right: 0;
		}
			

		.single .archivio .page_title,
		.single .archivio .page_date
		{
			font-size: 35px;
			line-height: 40px;
			font-weight: 300;
		}
			.single .archivio .page_date
			{
				font-size: 30px;
				line-height: 35px;
				font-weight: 300;
			}
			.single .archivio .page_title {
				font-weight: 600;
			}

		.single .archivio .page_subtitle
		{
			font-size: 16px;
			margin: 5px;
			line-height: 21px;
			font-weight: 300;
		}		
				
	.section_title_tab.section_title {
		text-align: left;
		font-size: 20px !important;
		padding-left: 0 !important; 
	}

	#calendario .archivio .archivio_item.item_visibile {  
		border: 0 !important;
	}
	#calendario .archivio .archivio_item.item_visibile { 
		border-top: 1px solid #000 !important;
	}	
	
	#slider .page_title, #slider .page_date {
		text-transform: uppercase;
		/*font-size: 50px;*/
		/*line-height: 51px;*/
		font-size: 40px;
		line-height: 41px;
	}

	
	
		
	.like-h1 {
	font-size: 40px;
	font-weight: 300;
	text-transform: uppercase;
}


	#newsletter p, #agenda p {
		font-size: 30px;
		line-height: 30px;
		font-weight: 300;
	}
	.section_mega_title {
		font-size: 40px;
		font-weight: 300;
		margin-bottom: 15px;
	}

	#agenda {  
		padding: 70px 0;
		margin-bottom: 0;
	}
	#tagcloud .section_mega_title
	{
		font-size: 25px;
		margin-bottom: 50px;
	}
	.pagination {
		width: 100%;
		overflow-x: hidden !important;
	}

	.tag-cloud-link {
			font-size: 20px !important;
			font-weight: 300;
			display: inline-block;
			padding: 5px 10px;
		}
	
	.filtri_calendario label {
			font-weight: 600;
			display: inline-block;
		}
		.filtri_mappa label .checkbox,
		.filtri_calendario label .checkbox
		{
			float: none;
		}
		
	.filtri_calendario {
		display: block;
	}
	.filtri_calendario_button {
		display: none;
	}
	#calendario table {
		margin: 0;
	}

	#calendario table td {
		width: 14.28%; 
		text-align: center;
		padding: 10px 0;
	}
	#calendario table td.single_day a {
		border: 2px solid transparent;
		padding: 4px 5px;
		display: block;
	}
	
	.static_slide {
		height: auto;
		overflow-y: none !important;
		padding: 40px 0;
	}

	.page_title, .section_title, .mini_section_title, .section_mega_title, .single .main .page_date { 
		line-height: 45px; 
		font-size: 40px; 
	}
	.home .page_title { 
		line-height: 40px; 
		font-size: 35px;
	}
		.single-artisti .page_title {
			line-height: 40px;
			font-size: 35px;
		}
			.section_title_empty {
				height: 46px;
			}
	
	.field_selector ul  {
		min-width: 200px;
		margin-right: 15px;
		display: inline-block
	}

	
	#slider .colonna-dinamica-8 br, #slider .colonna-dinamica-4 br				
	#calendario .colonna-dinamica-8 br, #calendario .colonna-dinamica-4 br				
	{
		display: block !important; 
	}
	#slider .colonna-dinamica-4 .page_date {
		display: block;
	}
	
	
	#slider .owl-prev, #slider .owl-next {
		position: absolute;
		margin: 0;
		z-index: 8;
		width: 100px;
		top: 0;
		height: 100%;
		display: block;
		
	}
		#slider .owl-prev:before, #slider .owl-next:before {
			background: rgba(255,255,255,.95);
			border-radius: 50%;
			text-align: center !important;
			width: 60px;
			height: 60px;
			line-height: 60px;
			display: block;
			margin: 0 auto;
			margin-top: 200px;
		}
	#slider .owl-controls .owl-prev {
		left: 0;
	}
	#slider .owl-controls .owl-next {
		right: 0;
	}
		
	.data_dinamica {
		display: none;
	}
	.colonna-dinamica-8 {
		width: 66.666666% !important;
	}
	.colonna-dinamica-4 {
		width: 33.333333% !important;
	}
	#calendario .archivio .colonna-dinamica-8 {
		width: 50% !important;
	}
	#calendario .archivio .colonna-dinamica-4 {
		width: 50% !important;
	}
	#calendario .archivio .slide_title {
		width: 100% !important;
	}
	
		
	.archivio .slide_content {
		width: 35%;
		margin-right: 5%;
		float: left;
	}
	.archivio .slide_title {
		width: 60%;
		float: left;
	}
	

	
	.video iframe {
		height: 230px !important;
	}
}
.modal {
	cursor: pointer;
}
.modal button {
	transition: all .3s;
	color: #fff; 
	text-shadow: 0 0 0 rgba(0,0,0,0) !important;
	opacity: .8 !important;
	font-size: 20px;
	border: 1px solid #fff;
	right: 10px;
	top: 10px;
	width: 30px;
	height: 30px;
	line-height: 14px;
	opacity: 1px;
	position: absolute;
	z-index: 999;
}
.modal button:hover {
	color: #fff !important;
	opacity: 1  !important;
}
.modal-dialog {
	border: 0 !important;
	box-shadow: 0 0 5px rgba(0,0,0,.5) !important; 
	margin: .5rem auto;
	max-width: 320px;
}

.modal-content {
	border: 0 !important;
	border-radius: 0;
}

@media (min-width: 768px) and (max-width: 1370px) { 
	#slider_container .page_title, .banner .page_title {
		font-size: 24px !important;   
		line-height: 30px !important;   
	} 
	.page_date {
		font-size: 22px !important;   
		line-height: 30px !important;  
	}
}

.widget iframe {
	width: 100% !important;
	height: 235px !important;
}


/* la slide principale/container è di 1230, però a 1024 switchiamo sul desktop */ 
@media (min-width: 1024px){
	

.widget iframe {
	width: 100% !important;
	height: 450px !important;
}

		.container {
			max-width: 1000px;		
		}		

	
		#slider .colonna-dinamica-8 br, #slider .colonna-dinamica-4 br 				
		{
		display: block !important; 
		}
		
		#slider 

		iframe, p iframe { 
			width: 100% !important;
			max-width: 100% !important;
			height: 450px !important;
		}
		
		#galleria_placeholder {
			display: block;
		}
		
		.galleria_container .owl-controls {
			width: 100%;
		}

		.galleria_container .owl-prev, .galleria_container .owl-next {
			position: absolute;
			top: 45%;
			transform: translate(-50%);
		}
		.galleria_container .owl-prev {
			left: -10px;
		}
		.galleria_container .owl-next {
			right: -45px;
			margin-right: 0;
		}
		
	.static_slide {
		/*height: 265px;*/
	}
	.page_date br {
		display: block;
	}
	#ricerca #luogo {
		width: 100%;
	}

	#ricerca #dal, #ricerca #al
	{
	
	}
	#ricerca #dal
	{
		margin-right: 0;
	}
	
	.field_selector ul li  {
		max-width: 200px;
	}
	.mobile_trigger {
		display: none;
	}
	#footer {
		display: block;
	}
	
	#subheader {
		background: #faf8f9;
		display: block;
	}
		#subheader ul li {
			margin-right: 10px;
			display: inline-block;
		}
			#subheader ul li a {
				color: #000;
			}
			#mobile_mainmenu {
				display: none;
			}
	
	/*solo da desktop il decoro è più gande*/ 
	.single .main .slide_content_decoro:before {
		width: 350px;
		background: url('images/r_decoro_small.svg') no-repeat left bottom;
	}
	

	
	#roma_culture_logo {
		padding: 30px 0 60px 0;
	}

	#footer_partners {
		position: absolute;
		width: 100%;
		bottom: 8px;
	}
	#newsletter {  
		position: relative;
		height: 400px;
	}
		#newsletter .newsletter_positioning {  
			height: 300px;
			position: absolute;
			margin: auto;
			top: 0; left: 0; bottom: 0; right: 0;
		}

	.banner .col-md-6 {
		flex: none !important;
		display: block !important;
		width: 100% !important;
		max-width: 100% !important;
	}
	.banner .col-md-6 .text-right {
		text-align: left !important;
	}
	.banner.evidenza .page_map {
		display: block;
	}
	
		
		#slider .slide_content, .single .main .slide_content {
			margin: 0 auto;
			/*width: 1030px;*/
			width: 840px;
		}
		.postid-6281 .main .slide_content {
			width: 100% !important;
		}
		#slider .owl-carousel {
			padding: 0;
		}

	
		
}

/* su un computer sufficientemente largo ampliamo il container come da layout di ragù*/

@media (min-width: 1400px){	

	
	#slider .slide_content, .single .main .slide_content {
		width: 1030px;
	}

	.container {
		max-width: 1230px;		
	}		
}


#title_27095, #title_31982 {
	font-size: 24px !important;  
} 
#title_27283 { 
	font-size: 26px !important;  
} 

