@import "custom-html-elements.css";
@import "custom-navigation.css";
@import "custom-articles.css";


/********************/
/* CUSTOM STYLE CSS */
/********************/
/* 
Sovrascrittura stili Tper D11 - 2024
*/



/* Erase or comment the lines below to get rid of the image in the right 
   sidebar and the brand image at the bottom */
#middlecontainer { 

}
#brand {

}


/******* THEMER STYLE *******/
/* Put here your custom CSS */
/****************************/

/*
#top_bg, .themed-block {
	background-color: #fff;
	background-image: -webkit-linear-gradient(bottom, yellow 0%, #fff 150px);
	background-image: linear-gradient(to top, yellow 0%, #fff 150px);
}
#section2 {
	background-color: #fff;
	background-image: -webkit-linear-gradient(bottom, #fff 0%, yellow 100px);
	background-image: linear-gradient(to top, #fff 0%, yellow 100px);
}
.region-highlighted {
	border: solid 1px red;
}
h1, h2, h3, .block-title {
	color: blue;
}
a, a:link, #name-and-slogan a {
	color: red;
}
a:hover, a:active, a.is-active, ul.menu a.is-active {
	color: green;
}
.pure-menu-link {
	color: white !important;
	background: green;
}
.pure-menu-link:hover, .pure-menu-link:focus {
	background: magenta;
}
.pure-menu-children a:hover, .pure-menu-children a:focus {
	background: magenta;
}
.pure-menu-children .pure-menu-link {
	background: green;
	border: 1px solid;
	border-color: red yellow blue lime;
}
.menu-toggle .bars {
	background: #000;
}

@media screen and (max-width: 48em) {
	.pure-menu-link, .pure-menu-children,
	.pure-menu-children .pure-menu-link {
		color: green !important;
		background: none;
		border: none;
	}
	.pure-menu-link:hover,
	.pure-menu-link:focus,
	.pure-menu-children a:hover,
	.pure-menu-children a:focus {
		color: black !important;
		background: acqua;
	}
}
*/


/**************/
/* TYPOGRAPHY */
/**************/
/*
html {
	line-height: 1.25;
}
p:first-of-type:first-letter {
	font-size: 200%;
}*/


/************************/
/* CHANGE LOGO POSITION */
/************************/
/*
.logoimg {
	padding: .5em 1em;
}*/


/**********************/
/* ROUND USER PICTURE */
/**********************/
/*
.field--name-user-picture img {
	border-radius: 100% !important;
}*/


/**********************************/
/* CHANGES MENU TOGGLE BARS COLOR */
/**********************************/
/*
.menu-toggle { background: #ffd; }
.menu-toggle .bars { background: #900; }
*/


/*************************/
/* DROP DOWN ADJUSTMENTS */
/*************************/

/* no dropdown shadows */
/*
.pure-menu-children {
	box-shadow: none;
}*/

/* big arrows */
/*
.pure-menu-horizontal .pure-menu-has-children > .pure-menu-link:after {
	content: "\25BC";
}
.pure-menu-has-children .pure-menu-has-children > .pure-menu-link:after {
	content: "\25B6";
}*/


/**************************/
/* INDIVIDUAL MENU COLORS */
/**************************/
/* Uncomment the following lines to have different colors for menu items. */

/* First & last level-1 menu items */
/*
.first .primary-nav__menu-link--level-1 {
	background: #631F3A;
}
.last .primary-nav__menu-link--level-1 {
	background: #777;
}*/

/* Middle menu items */
/*
.pure-menu-link {
	background: #YYY;
}*/

/* Children color */
/*
.pure-menu-children .pure-menu-link {
	color: #YYY !important;
	background: YYY;
}*/


/******************************/
/* HIDE some TITLES, READMORE */
/******************************/
/* Uncomment the first declaration below to hide all titles on the front page 
   Addapt the second declaration to hide a node type titles on the frontpage. 
   Third one is for no "Read more" on the front page. */ 
/*
.front #main h2 .field--name-title { display: none; }
.front #main .node--type-article h2 .field--name-title { display: none; }
.front .node-readmore { display: none; }
*/


/**********************************/
/* IMAGE POSITION for ALL CONTENT */
/**********************************/
.field-item .pure-img, 
.colorbox .pure-img {
	float: left; /* LTR */
	margin: 0 1em 1em 0; /* LTR */
}
[dir="rtl"] .field-item .pure-img, 
[dir="rtl"] .colorbox .pure-img {
	float: right;
	margin: 0 0 1em 1em;
}


/***********************************/
/* IMAGE POSITION per CONTENT TYPE */
/***********************************/
/*
.node-book .field-item .pure-img,
.node-book .colorbox .pure-img {
	float: right;
	margin: .6em 0 .6em .6em;
}
.node-blog_post .field-item .pure-img,
.node-blog_post .colorbox .pure-img {
	float: right;
	margin: .6em 0 .6em .6em;
}*/


/*************************/
/* CENTERED BLOCK IMAGES */
/*************************/
/*
.block img:not(.region-content img, .region-header img) {
	margin: 0 auto;
}*/


/*************/
/* SLIDESHOW */
/*************/
/* Centered text */
/*
.txww {
	text-align: center;
}*/
/* min height on mobiles */
#slider img {
	min-height: 10em;
}
/* Images animation */
/*
#slider img {
	animation-name: zoom;
	animation-duration: 30s;
	animation-iteration-count: infinite;
}
@keyframes zoom {
	0% {transform: scale(1)}
	50% {transform: scale(1.15)}
	100% {transform: scale(1)}
}*/


/********************************/
/* BORDER FOR NON-THEMED BLOCKS */
/********************************/
#sidebar-left .block, #sidebar-right .block {
	border: 0;
}


/*******************************/
/* UPDATE ICONS FOR NEW BLOCKS */
/*******************************/
/* where ID is the block id */
/*
#ID .block-icon {
	background: transparent url(../images/icons/blocks/icon_35_48.png) no-repeat;
}*/


/****************************************/
/* USER BLOCKS EQUAL VERTICAL ALIGNMENT */
/****************************************/
/*
@media screen and (min-width: 48em) {
	#section1 .block {
		min-height: 250px;
	}
}*/


/****************/
/* LINKS COLOR  */
/****************/

/*a, a:link, h1, h2, h3, .block-title, #name-and-slogan a,
.region-content .field--name-fid a,
.region-content .field--name-body a,
.region-content .item-description a {
	color: #EE182B;
}*/


/***************************/
/* INLINE LINKS & ADDTOANY */
/***************************/
/*
.addtoany_list, .node__links {
	display: inline-block;
}*/


/***********************/
/* CHANGE HEADER IMAGE */
/***********************/
/* Deactivate the image rotator in theme's settings, put your new image in 
   the _custom folder and uncomment the lines below */
/*
.himg #headimg, #headimg {
	background: #fff url(YOUR_IMAGE.png) no-repeat 100% 100%;
}*/


/************************/
/* OTHER SOCIAL NETWORK */
/************************/
/*#soclinks .myother {
	background: transparent url(../images/icons/blocks/icon_35_32.png) no-repeat center center;
}*/


/*****************************************************/
/* Bad alignment of Author and Date line in Drupal 8 */
/*****************************************************/
/*
.node__submitted, p.comment__submitted {
	display: flex;
}
.node__submitted .field, p.comment__submitted .field, p.comment__submitted a {
	margin: 0 .3em;
}*/


/************************************************/
/* Alternate node backgrounds on homepage/views */
/************************************************/
/*
.region-content .node--view-mode-teaser {
	padding: .5em;
}
.region-content li:nth-child(2n+2) .node--view-mode-teaser,
.region-content .views-row:nth-child(2n+1) .node--view-mode-teaser {
	background: #eee;
	padding: .5em;
}*/


/************************/
/* EU COOKIE COMPLIANCE */
/************************/

/*div#sliding-popup, div#sliding-popup .eu-cookie-withdraw-banner, .eu-cookie-withdraw-tab {
	background: #069;
}
.agree-button.eu-cookie-compliance-secondary-button {
	cursor: pointer;
	margin-right: 5px;
	margin-top: 1em;
	vertical-align: middle;
	overflow: visible;
	width: auto;
	-moz-box-shadow: inset 0 1px 0 0 #ffffff;
	-webkit-box-shadow: inset 0 1px 0 0 #ffffff;
	box-shadow: inset 0 1px 0 0 #ffffff;
	background-color: #ededed;
	background-image: -moz-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(5%, #ededed), color-stop(100%, #dfdfdf));
	background-image: -webkit-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
	background-image: -o-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
	background-image: -ms-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
	background-image: linear-gradient(to bottom, #ededed 5%, #dfdfdf 100%);
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	border: 1px solid #dcdcdc;
	color: #000;
	font-family: Arial, sans-serif;
	font-weight: bold;
	padding: 4px 8px;
	text-decoration: none;
	text-shadow: 1px 1px 0 #ffffff;
}*/



/*** MEDIA SCREENS (35.5, 48 & 64em) ***/

@media screen and (max-width: 64em) {

/* HEADER IMAGE */
/* You can change images rotator with a static image like "mobi-dot.png" or 
  "mobi-sq.png", use your own, or simply none. */
	.himg #headimg, #headimg {
		/*background: #fff url(../images/mobi-dot.png) repeat;*/
		background: none;
	}

	/* Increase contrast for header when Header image rotator is enabled */
	/*
	.himg #header {
		background: rgba(255, 255, 255, 0.5);
	}*/
	
	/* Increase contrast for site title */
	/*
	.himg .block-system-branding-block {
		background: rgba(255, 255, 255, 0.5);
	}*/
}



/*************************************/
/* Sidebars' blocks adaptive display */
/*************************************/
/*@media screen and (max-width: 64em) {
	#sidebar-left .block-wrapper,
	#sidebar-right .block-wrapper {
		width: 48%;
		padding: 0 1.5% 0 0;
		display: inline-block;
		vertical-align: bottom;
	}
}
@media screen and (max-width: 48em) {
	#sidebar-left .block-wrapper,
	#sidebar-right .block-wrapper {
		width: 100%;
		padding: 0;
		display: block;
	}
}*/

/*************************************/
/* STILI TPER.IT D11 */
/*************************************/

/*************************************/
/* HOME */

#toolbar-administration {z-index: 2000;position: relative;}

#site-name {display:none;}
#top_bg, .themed-block {background-color:transparent;background-image:none}
#top_left, #body_left,#top_right,#body_right {background:none;}
.logoimg {padding: 5px 20px 0;}

.region-topreg {margin-right:20px;}
.logged-out .region-topreg #block-zeropoint-search {margin-top:1.6em;}
#block-zeropoint-search input.form-search {width:18em;border: 0;box-shadow: none;border-radius: 16px;background-color: #f0f0f0;}
#search-block-form--2 input.form-search {width:100%; border: 0;box-shadow: none;border-radius: 16px;background-color: #f0f0f0;}
#search-block-form--2 .form-type-search {}
#block-zeropoint-search #edit-keys {float:right}
#block-zeropoint-search [id^="edit-actions"] {float:left}



.logged-out #block-zeropoint-account-menu {display:none;}
#block-zeropoint-account-menu ul li a {display:none;}
.logged-in #block-zeropoint-account-menu ul li a {display:inline-block;}

.front #middlecontainer,.front #main,.front #middlecontainer .block {margin:0;}


/*oscuro menu mobile*/
#menu .block_2 {display:none;}


/*************************************/
/* AREA SLIDESHOW */


.region-secondary-menu {position:relative;}

			/*prima slideshow*/


			.region-secondary-menu .block-wrapper:nth-child(1) {width:77%;float:left;}
			.region-secondary-menu .block-wrapper:nth-child(2) {width:22%;float:right;}



			/*OTTIMA REGOLA per rendere fluide le slide responsive anche su firefox*/
			#block-zeropoint-views-block-slideshow-block .views-slideshow-cycle-main-frame-row, block-views-slideshow-block .views-slideshow-cycle-main-frame,
			#block-zeropoint-views-block-slideshow-block-1 .views-slideshow-cycle-main-frame-row, block-views-slideshow-block_1 .views-slideshow-cycle-main-frame,
			#block-zeropoint-views-block-slideshow-block-2 .views-slideshow-cycle-main-frame-row, block-views-slideshow-block-2 .views-slideshow-cycle-main-frame
			{ width: 100%;}
			
			#views_slideshow_cycle_main_slideshow-block,
			#views_slideshow_cycle_main_slideshow-block_1 {
				height:auto;
				background-color:transparent;
			}
			
			#views_slideshow_cycle_main_slideshow-block img.adaptive-image,
			#views_slideshow_cycle_main_slideshow-block_1 img.adaptive-image {
				height:350px;
			}
			
			#block-zeropoint-views-block-slideshow-block,
			.skin-default.views-slideshow-cycle-processed {position:relative}
			
			#block-zeropoint-views-block-slideshow-block div.views-slideshow-controls-bottom {
				background: transparent url(tper2024/images/sfondo-cont-slideshow2.png) top right no-repeat;
				height: 50px;
				position: absolute;
				bottom: 10px;
				left: 0;
				text-align: right;
				z-index: 10;
				margin:0 0 0 15px;
				width:481px;
				padding-right: 55px
			}
			#block-zeropoint-views-block-slideshow-block div.views-slideshow-controls-bottom .views_slideshow_pager_field_item {
				background-color:#e1333a;
				display: inline-block;
				height: 15px;
				width: 15px;
				margin: 16px 15px 15px 15px;
				padding: 0;
			}
			#block-zeropoint-views-block-slideshow-block div.views-slideshow-controls-bottom .views_slideshow_pager_field_item:hover {
				cursor:pointer;
			}

			#block-zeropoint-views-block-slideshow-block div.views-slideshow-controls-bottom .views_slideshow_pager_field_item.active {
				background: none repeat scroll 0 0 rgba(255, 255, 255, 0.9);
			}

			#block-zeropoint-views-block-slideshow-block-1 div.views-slideshow-controls-bottom .views_slideshow_pager_field_item {
				background: none repeat scroll 0 0 rgba(225, 51, 58, 0.5);
				display: inline-block;
				height: 15px;
				width: 15px;
				margin: 15px 10px;
				padding: 0;
			}
			#block-zeropoint-views-block-slideshow-block-1 div.views-slideshow-controls-bottom .views_slideshow_pager_field_item:hover {
				cursor:pointer;
			}

			#block-zeropoint-views-block-slideshow-block-1 div.views-slideshow-controls-bottom .views_slideshow_pager_field_item.active {
				background-color:#e1333a;
			}

			#block-zeropoint-views-block-slideshow-block-1 .widget_pager_bottom {text-align: center;}

			#block-zeropoint-views-block-slideshow-block div.views-slideshow-controls-bottom .views-field-counter,
			#block-zeropoint-views-block-slideshow-block-1 div.views-slideshow-controls-bottom .views-field-counter {
				height: 11px;
				text-indent: -9999px;
				width: 11px;
				display: none;
			}

			#views_slideshow_cycle_main_slideshow-block .views-field-field-immagine-slideshow img {border-radius:50px;}
			
			body.front .region-secondary-content {
				position:relative;
			}
			
			/*seconda slideshow MINI*/
			#block-zeropoint-views-block-slideshow-block-1 {
				/*position: absolute;
				top:0;
				right: 0;
				z-index: 10;*/
				margin:0;
				padding: 0;
				border:0;
				width:auto;
				background-color: #ffffff;
				height:100%;
			}
			
			/*codice css specifico per chrome e safari */  
			@media screen and (-webkit-min-device-pixel-ratio:0) {  
			
			}  
			
			
			#block-zeropoint-views-block-slideshow-block-1 div.views-slideshow-controls-bottom {
				height:0;
				background-color: #ffffff;
			}
			
			#block-zeropoint-views-block-slideshow-block-1 .views-row {
			margin:0 0 10px 0;
			padding:0;
			}
			
			#block-zeropoint-views-block-slideshow-block-1 .views-field-field-immagine-slideshow {
			width:auto;
			height:auto;
			margin:0;
			padding:0;
			}

			#block-zeropoint-views-block-slideshow-block-1 .views-field-field-immagine-slideshow img {border-radius:20px;}
			
			#views_slideshow_controls_text_slideshow-block_1 {
				text-align: center;
				position: relative;
				top:-168px;
				z-index: 50;
			}
			#views_slideshow_controls_text_slideshow-block_1 span.views_slideshow_controls_text_pause {
				display:none;
			}
			#views_slideshow_controls_text_slideshow-block_1 span,
			#views_slideshow_controls_text_slideshow-block_1 span a {
				width:30px;
				height:30px;
				margin:0;
				padding:0;
				display: inline-block;
			}
			#views_slideshow_controls_text_slideshow-block_1 span a {
				text-indent: 100%;
				white-space: nowrap;
				overflow: hidden;
				font-size: 0;
			}
			#views_slideshow_controls_text_slideshow-block_1 span.views_slideshow_controls_text_previous {
				float:left;
			}
			#views_slideshow_controls_text_slideshow-block_1 span.views_slideshow_controls_text_next {
				float:right;
			}
			#views_slideshow_controls_text_slideshow-block_1 span.views_slideshow_controls_text_previous a:link,
			#views_slideshow_controls_text_slideshow-block_1 span.views_slideshow_controls_text_previous a:visited {
				background:transparent url(tper2024/images/slide-indietro.png) 0 0 no-repeat;
			}
			#views_slideshow_controls_text_slideshow-block_1 span.views_slideshow_controls_text_previous a:hover {
				background:transparent url(tper2024/images/slide-indietro-over.png) 0 0 no-repeat;
			}
			#views_slideshow_controls_text_slideshow-block_1 span.views_slideshow_controls_text_next a:link,
			#views_slideshow_controls_text_slideshow-block_1 span.views_slideshow_controls_text_next a:visited {
				background:transparent url(tper2024/images/slide-avanti.png) 0 0 no-repeat;
			}
			#views_slideshow_controls_text_slideshow-block_1 span.views_slideshow_controls_text_next a:hover {
				background:transparent url(tper2024/images/slide-avanti-over.png) 0 0 no-repeat;
			}

 /* Oscuro Elementi MOBILE */
 #block-zeropoint-cercaiconamobile,
 .front .region-secondary-menu .block-wrapper:nth-child(4),
 .not-front .region-secondary-menu .block-wrapper.block_1,
 .region-tertiary-menu .block-wrapper:nth-child(6),
 .region-tertiary-menu .block-wrapper:nth-child(7),
 #block-zeropoint-formdiricerca {display:none;}
  
 /* FINE AREA SLIDESHOW */



/*************************************/
/*AREA BOX*/


.region-tertiary-menu .block-wrapper
 {
	border:0;
	margin:0px 0 20px 0.9%;
	padding:0;
	height: auto !important;  /* per i browser moderni */
    height: 55px;      /* per IE5.x e IE6 */
    min-height: 55px;  /* per i browser moderni */
	background-color:#f0f0f0;
	width:19%;
	float: left;
	border-radius: 15px;
}

.region-tertiary-menu .block-wrapper:has(.tonda) {
    border-radius: 30px;
}


body.front .block-wrapper h2,
body.front #block-zeropoint-views-block-news-block h2
 {
	font-size:1em;
	font-weight: bold;
	color:#000000;
	margin:10px 0 0 0;
	padding:0 0 0 0;
	height: 36px;
	line-height: 36px;
	width:100%
}

body.front .block-wrapper h2 a,
body.front #block-zeropoint-views-block-news-block h2 a
 {
	margin:0;
	padding:0 0 0 40px;
	height: 36px;
	line-height: 36px;
	display: inline-block;
	white-space: nowrap;
}

.box-home {margin:0 10px;}

#menu2 h2 a:link {color:#333333;}
#menu2 h2 a:hover {color:#e1333a;}

.box_calcola_percorso h2 {background: transparent url(tper2024/svg/percorso-ro.svg) top left no-repeat;}
.box_consulta_orari h2 {background: transparent url(tper2024/svg/orari-ro.svg) top left no-repeat;}
.box_biglietteria_online h2 {background: transparent url(tper2024/svg/metodi_pagamento-ro.svg) top left no-repeat;}
.box_tper_ascolta h2 {background: transparent url(tper2024/svg/reclami-ro.svg) top left no-repeat;}
.box_tper_servizi_online h2 {background: transparent url(tper2024/svg/servizi_online-ro.svg) top left no-repeat;}
.box_linee h2 {background: transparent url(tper2024/svg/linee-ro.svg) top left no-repeat;}
.box_sharing h2 {background: transparent url(tper2024/svg/corrente-ro.svg) top left no-repeat;}
.box_app h2 {background: transparent url(tper2024/svg/app-ro.svg) top left no-repeat;}

/*News Home BOX*/
.region-tertiary-menu .block-wrapper:last-child {
	clear: both;
	float:none;
	width:auto;
	margin:0 10px 20px 15px;
	border:0;
	padding:0;
	background-color: transparent;
}

body.front #block-zeropoint-views-block-news-block-news-home .views-exposed-form.pure-form {display:none}

body.front #block-zeropoint-views-block-news-block-news-home .view-header {
	background: #f0f0f0;
	margin: 0 0 1em 0;
	padding:1px;
	height: auto !important;
    height: 55px;
    min-height: 55px;
	border-radius: 30px;
}

body.front #block-zeropoint-views-block-news-block-news-home h2 {
	background: transparent url(tper2024/svg/notizie-ro.svg) top left no-repeat;
	margin:10px;
}


/*FILTRI NEWSSS*/
#block-zeropoint-views-block-news-block-news-home {position:relative;}

/*#search-block-form #edit-submit,
#search-block-form #edit-submit--2,
#search-block-form #edit-submit--3,
#search-block-form--2 #edit-submit--2,
#search-block-form--2 #edit-submit--3,
#search-block-form--2 #edit-submit--4*/

[id^="search-block-form"] [id^="edit-submit"] {
    background-image: url('tper2024/images/cerca.png');
	background-color: #ffffff;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    text-indent: -9999px; /* Nascondi il testo alternativo */
    border: none;
    width: 32px; /* Imposta la larghezza desiderata */
    height: 32px; /* Imposta l'altezza desiderata */
	margin: 17px 10px 0 0;
}

#block-zeropoint-views-block-news-block-news-home .views-exposed-form fieldset[data-drupal-selector="edit-taxonomy-vocabulary-3-target-id"] {
    background-color: #F5F5F5;
    padding: 3px 10px;
    position: absolute;
    right: 3px;
    top: 3px;
    max-width: 860px;
	display:none;
}

#block-zeropoint-views-block-news-block-news-home .views-exposed-form .views-submit-button {
	position:absolute;
	top:0;
	right:0px;
	display: none;
}

#block-zeropoint-views-block-news-block-news-home .views-exposed-form legend{
	display: none;
}

.form-checkboxes .description,
.form-checkboxes .bef-checkboxes {
	display:inline-block;
	margin:5px 0 0 0;
	padding:0;
}


#block-zeropoint-views-block-news-block-news-home .form-type-checkbox {
	float:left;
	margin:0 5px 0 0;
}

#block-zeropoint-views-block-news-block-news-home .form-type-checkbox input {
	display:inline-block;
	vertical-align: middle;
}

#block-zeropoint-views-block-news-block-news-home .form-type-checkbox label {
	padding:0 5px 2px 0px;
	margin:0;
	font-size:0.8em;
	display:inline-block /*ANDROID*/	
}
#block-zeropoint-views-block-news-block-news-home .form-type-checkbox label:hover {
	cursor:pointer;
}
#block-zeropoint-views-block-news-block-news-home .form-type-checkbox input[checked="checked"]+label {
	background-color:#EE182B;
	color:#ffffff;
}

.views_slideshow_cycle_slide.views_slideshow_slide {width:100%}

#views_slideshow_cycle_main_news-block_1 .views-row,
#views_slideshow_cycle_main_-block_1 .views-row {
	float: left;
    width: 24%;
    margin: 0 0.5%;
    font-size: 0.9em;
}
#views_slideshow_cycle_main_news-block_1 .views-row .views-field-title,
#views_slideshow_cycle_main_-block_1 .views-row .views-field-title {
	font-weight:bold;
	margin-bottom: 1em;
}

#widget_pager_bottom_news-block_1,
#widget_pager_bottom_-block_1 {
	text-align: center;
	margin-top:1em;
}

#widget_pager_bottom_news-block_1 .views_slideshow_pager_field_item,
#widget_pager_bottom_-block_1 .views_slideshow_pager_field_item {
	display: inline-block;
	margin:0 10px;
	line-height: 10px;
}

#widget_pager_bottom_news-block_1 .views-field-counter,
#widget_pager_bottom_-block_1 .views-field-counter {
	height: 15px;
	width: 15px;
	line-height: 10px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	background: none repeat scroll 0 0 rgba(225, 51, 58, 0.5);
	display: inline-block;
	cursor:pointer;
}

#widget_pager_bottom_news-block_1 .active .views-field-counter,
#widget_pager_bottom_-block_1 .active .views-field-counter {
	background-color:#e1333a;
}

/*FINE AREA BOX*/


/*************************************/
/* SOTTOPAGINE */


#main {margin: 0 20px 10px 20px;}
.region-highlighted {margin:0;padding:0}
.box-testo_footer {clear:both;height:3em;}


.attenzione {
	border:3px solid #EE182B;
	background-color: #f5f5f5;
	font-weight: bold;
	margin-bottom:20px;
	padding:20px;
}

nav.pager ul {
    padding: 2em 0;
	margin:0;
}


/*************************************/


/*PAGINA NOTIZIE*/

body.page-taxonomy-term div.view-display-id-page .views-row,
.tutte-le-notizie .view-content .views-row,
.archivio-notizie .view-content .views-row 
 {  padding-bottom: 1em;
    margin-bottom: 1.5em;
    border-bottom: 1px solid #f5f5f5;}



.section-notizie .region-content input.form-submit,
.tutte-le-notizie .region-content input.form-submit {
	background-color: #EE182B;
	border:1px solid #cccccc;
	margin:0 15px 0 0;
	color:#ffffff;
	font-weight: bold;
	padding: 4px 12px;
	transition-property: background-color; /*standard*/
	transition-duration: 0.5s;
	-webkit-transition-property: background-color; /*Safari e Chrome */
	-webkit-transition-duration: 0.5s;    
	-o-transition-property: background-color;      /*Opera*/
	-o-transition-duration: 0.5s;
	-moz-transition-property: background-color;    /*Firefox*/
	-moz-transition-duration: 0.5s;
}
.section-notizie input.form-submit:hover,
.tutte-le-notizie input.form-submit:hover {
	background-color: #CA1424;
	cursor: pointer;
}

.section-notizie .views-exposed-form,
.tutte-le-notizie .views-exposed-form,
.views-exposed-form.pure-form {
	background-color: #f5f5f5;
	margin: 0 0 2em 0;
	padding:2em;
	border-radius: 15px;
}

.section-notizie .views-exposed-widget,
.tutte-le-notizie .views-exposed-widget {
	margin:0 0 10px 0;
	padding:0;
	float:none;
}

.section-notizie .bef-select-as-checkboxes .form-item,
.tutte-le-notizie .bef-select-as-checkboxes .form-item {
	display:inline-block;
	float:left;
	margin: 0 10px 0 0;
}
.section-notizie .views-submit-button,
.section-notizie .views-reset-button,
.tutte-le-notizie .views-submit-button,
.tutte-le-notizie .views-reset-button {
	width:auto;
	float:right;
	margin:0;
	padding:0;
	text-align: right;
}

form .form-actions {text-align:right;}



.page-frontpage .views-exposed-widget div.description {display:none}

.views-exposed-widget div.description,
#edit-fl div.description {
	margin:0 10px 0 0;
	background-color: #e2e2e2;
	padding: 0 5px;
	font-size: 10px;
	position: relative;
	top:-6px
}

.tutte-le-notizie .views-exposed-form {
	position:relative;
}

.tutte-le-notizie .views-exposed-form .ajax-progress {
	position:absolute;
	top:0;
	right:0
}

.tutte-le-notizie .views-exposed-form .bef-checkboxes .form-item input {
	vertical-align: middle;
}


.view-taxonomy-term .view-taxonomy-term .views-row {padding-bottom: 1em;margin-bottom: 1.5em; border-bottom: 1px solid #f5f5f5;}

/*FINE PAGINA NOTIZIE*/




/*ELENCO LINEE*/

#block-zeropoint-views-block-news-block-alert {
	margin:0 0 3em 0;
	padding:2em;
	border-radius: 15px;
	background-color: #e1333a;
	color:#ffffff;
}

#block-zeropoint-views-block-news-block-alert .views-field-title {font-weight:bold}

.page-orari-linee input#edit-applica {
	clear:both;
	float:right;
	margin:0;
	margin-right: 15px;
}
.page-orari-linee input#edit-reset {
	float:right;
	margin:0;
	margin-right: 15px;
}
.views-field-custom-field-linea {text-align: center;}
.views-field-custom-field-linea span {display:inline-block;vertical-align:middle;height:30px;width:30px;background-color:transparent; margin:3px 10px 0 0; border:0}
.views-field-custom-field-linea span.icona_variazione {margin-top:4px;}
.views-field-custom-field-linea .download-orario {display:inline-block;vertical-align:middle;height:30px;width:30px;margin-right:10px;text-indent:-9999px;background:transparent url(tper2024/svg/orariobus-01.svg) 0 2px no-repeat;}
.views-field-custom-field-linea .icona_variazione a {display:inline-block;vertical-align:middle;height:30px;width:30px;background:transparent url(tper2024/svg/variazione-02.svg) 0 0 no-repeat;}
.views-field-custom-field-linea .icona_news {display:inline-block;vertical-align:middle;height:30px;width:30px;background:transparent url(tper2024/svg/rssfeed.svg) 0 0 no-repeat;}
.views-field-custom-field-linea .icona_alert {display:inline-block;vertical-align:middle;height:30px;width:30px;background:transparent url(tper2024/svg/notifica-03.svg) 0 0 no-repeat;}

/*oscuro linee senza orario*/
.view-linee-direttrici tr:has(div.no-file) {display:none;}

/*filtro data*/

#views-exposed-form-linee-direttrici-linee .form-item-title {
    margin-right:1.5em;
}

#views-exposed-form-linee-direttrici-linee .form-item-title label,
#views-exposed-form-linee-direttrici-linee .form-item-data label {
    margin-right:0.5em;
}

#views-exposed-form-linee-direttrici-linee .form-item-title .description {
    margin-top:5.5px;
}


#views-exposed-form-linee-direttrici-linee .form-item-data .description{
    margin-top:4px;
}



/*TICKER NEWS*/
.news-ticker .view-content {
	background-color: #F5F5F5;
    padding: 10px 20px;
    margin: 0.8em 1em;
    font-size: 0.9em;
    clear: both;
    border-radius: 20px;
}
.not-front .news-ticker .view-content {
    margin: 0;
}

.news-ticker .views-field-title {
	font-weight:bold;
}


/* PAGINA ORARI */
.block-wrapper:has(#block-zeropoint-orariodellalinea),
.block-wrapper:has(#block-zeropoint-views-block-variazioni-block),
.block-wrapper:has(#block-zeropoint-views-block-argomenti-correlati-block) 
{float:left; width:32%;}
.node-linea_bus #block-zeropoint-orariodellalinea,
.node-linea_bus #block-zeropoint-views-block-variazioni-block,
.node-linea_bus #block-zeropoint-views-block-argomenti-correlati-block
{margin: 0 1% 2em 0; padding:2em; background-color: #F5F5F5; border-radius:15px}
.node-linea_bus #block-zeropoint-views-block-argomenti-correlati-block .views-row {padding-bottom:5px; margin-bottom: 10px; border-bottom: 1px solid #cccccc;}
.node-linea_bus fieldset {padding:2em}
.node-linea_bus .field--name-field-immagine-ragno .field__items,
.node-linea_bus .field--name-field-immagine-ragno-t-days .field__items {text-align:center}
.node-linea_bus .field--name-field-immagine-ragno .field__item,
.node-linea_bus .field--name-field-immagine-ragno-t-days .field__item {margin:2em auto; padding:0;overflow:auto;text-align:center;}
.node-linea_bus .field--name-field-immagine-ragno .field__item a,
.node-linea_bus .field--name-field-immagine-ragno-t-days .field__item a {display: inline-block;}
.node-linea_bus article .node__content .field--name-body img {float:none;margin:2rem auto;max-width:100%;display:block;}



.node-variazione .field--name-field-validit-,
.node-variazione .field--name-field-file-orario-variazione,
.node-variazione .field--name-field-riferimento-linea {margin-bottom:1.5em;}






/* FEEDS RSS*/
div.tper-feeds {
	width:35px;
	height:13px;
	background: transparent url(tper2024/images/Tper-feeds.jpg) 0 0 no-repeat;
	text-indent: 100%;
   white-space: nowrap;
   overflow: hidden;
	position: absolute;
	left:12px;
	top:-65px;
	margin:0;
	padding:0;
	}
div.tper-feeds a {
   display:block;
	width:35px;
	height:13px;
   margin:0;
	padding:0;
	text-indent: 100%;
   white-space: nowrap;
   overflow: hidden;
	}

a.tper-rss {
	padding:0 0 0 25px;
	margin:0;
	background: transparent url(images/Tper-rss.jpg) 0 0 no-repeat;
}

/*FINE FEEDS RSS*/




/* FOOTER */

#footer {
    text-align: left;
	border-top:2px solid #999999;
	margin-top:2em;
}

/*AREA BOX*/
div.tper_social,
div.partners,
div.link_utili,
div.note_legali,
div.registrati {
   border: 0;
   margin: 0 0 0 10px;
   padding: 10px 20px;
   width: 19%;
   float: left;
   padding: 10px 20px;
   height: auto !important; /* per i browser moderni */
   height: 130px; /* per IE5.x e IE6 */
   min-height: 130px; /* per i browser moderni */
}

div.tper_social p,
div.partners p,
div.link_utili p,
div.registrati p {
   font-size: 0.8em;
   color: #999999;
   margin:0;
}

div.tper_social a {
    text-indent: -9999px;
    display: inline-block;
    width: 32px;
    height: 32px;
	background-size: cover;
    background-repeat: no-repeat;
    cursor: pointer;
	margin:5px;
}
div.tper_social a:hover {
    opacity: 0.5;
}
div.tper_social a.fa {background-image: url('tper2024/svg/facebook.svg');}
div.tper_social a.in {background-image: url('tper2024/svg/instagram.svg');}
div.tper_social a.li {background-image: url('tper2024/svg/linkedin.svg');}
div.tper_social a.yo {background-image: url('tper2024/svg/youtube.svg');}
div.tper_social a.te {background-image: url('tper2024/svg/telegram.svg');}
div.tper_social a.wh {background-image: url('tper2024/svg/whatsapp.svg');}
div.tper_social a.ti {background-image: url('tper2024/svg/tiktok.svg');}
div.tper_social a.fe {background-image: url('tper2024/svg/rssfeed.svg');}

p.testo_footer {
   clear: both;
   font-size: 0.8em;
   color: #999999;
   margin: 10px 0px 5px 0px;
   padding: 0;
   text-align: left;
}
p.testo_footer.riga {
	border-top:1px solid #f5f5f5;
	margin: 0px 0px 10px 0px;
	padding-top:5px;
 }

.region-footer-below h3 {
    color: #e1333a;;
    font-weight: bold;
    font-size: 0.9em;
	margin:0;
}