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


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

/**********************************/
/* 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;
}


#slider img {
	min-height: 10em;
}


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


/*** 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);
	}*/
}


/*************************************/
/* 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-formdiricerca {margin-top:1.6em;}
#block-zeropoint-formdiricerca 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-formdiricerca #edit-keys {float:right}
#block-zeropoint-formdiricerca [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;}

.views-field-field-slide img {border-radius: 2em;}

/*oscuro h2 nodo promosso in vista homepage*/ 
.view-frontpage h2 {display:none}

.view-slider-homepage .views-field-field-slogan {
	padding: 20px;
    background-color: rgba(0, 77, 122, 0.5);
    border-radius: 20px;
    position: absolute;
    bottom: 10%;
    left: 6%;
    z-index: 2;
    color: white;
    font-weight: bold;
    font-size: 1.4em;
    text-shadow: 2px 2px #000;
    width: 36%;
    text-align: left;
}

 /* 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:#00689e;}

.box_calcola_percorso h2 {background: transparent url(mafer2025/svg/percorso-ro.svg) top left no-repeat;}
.box_consulta_orari h2 {background: transparent url(mafer2025/svg/orari-ro.svg) top left no-repeat;}
.box_biglietteria_online h2 {background: transparent url(mafer2025/svg/metodi_pagamento-ro.svg) top left no-repeat;}
.box_tper_ascolta h2 {background: transparent url(mafer2025/svg/reclami-ro.svg) top left no-repeat;}
.box_tper_servizi_online h2 {background: transparent url(mafer2025/svg/servizi_online-ro.svg) top left no-repeat;}
.box_linee h2 {background: transparent url(mafer2025/svg/linee-ro.svg) top left no-repeat;}
.box_sharing h2 {background: transparent url(mafer2025/svg/corrente-ro.svg) top left no-repeat;}
.box_app h2 {background: transparent url(mafer2025/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(mafer2025/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('mafer2025/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;
}

  .cerca-icona-mobile {display:none;}

#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:#00689e;
}

/*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: #004d7a;
	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: #00689e;
	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(mafer2025/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(mafer2025/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(mafer2025/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(mafer2025/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;
}


/* WEBFORM */
.webform-submission-form label {
	display: block;
}


/* GARE E APPALTI*/
.view-gare-e-appalti h2 {
	color: #333333;
}
.view-gare-e-appalti .view-display-id-attachment_1 {
    padding-bottom: 30px;
    margin-bottom: 60px;
    border-bottom: 10px solid #e7eff4;
}

.view-gare-e-appalti .views-field-title h2 {
    margin-bottom:0.1em;
}


/* BANDI APERTI*/

.view-lavora-con-noi .mafer-riga .views-col {
    padding:1em;
}
.view-lavora-con-noi .mafer-riga .views-col .views-field-field-image {
    margin-bottom:1em;
}
.view-lavora-con-noi .mafer-riga .views-col .views-field-title {
    padding:0 0.3em;
}
.view-lavora-con-noi .mafer-riga .views-col .views-field-body {
    padding:0 0.3em;
}


/* SEDI E IMPIANTI*/
.view-sedi .view-header {
    margin: 0 0 3em 0;
}

.view-sedi .views-row {
	clear:both;
    overflow:auto;
    padding-bottom: 20px;
    border-bottom: 10px solid #e7eff4;
    margin: 0 0 35px 0;
}


.view-sedi .views-field-field-immagine {
    float: left;
    margin: 0 2em 3em 0;
    padding: 0;
}

.view-sedi .views-field-body ul {
    list-style-position: inside;
}

.view-sedi .views-field-title h2 {
    margin-top:0;
}


.view-sedi .views-field-field-posizione a.bott-map:link,
.view-sedi .views-field-field-posizione a.bott-map:visited {
    float: right;
    margin: 20px auto;
    padding: 10px 15px;
    background-color: #0178b5;
    color: #ffffff;
    font-weight: bold;
}

/* WEBFORM */

.webform-submission-form.pure-form fieldset {
   margin:3em 0 0 0
}


/* FEEDS RSS*/
div.tper-feeds {
	width:35px;
	height:13px;
	background: transparent url(mafer2025/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 */

#bottom_bg {
    background-color:#004d7a;
	padding:2em 3em;
    border-top: 30px solid #e7eff4;
}

#footer {
    text-align: left;
	border-top:1px solid #2d9ad2;
	margin-top:2em;
	padding:2em 0;
	color:#F5F5F5;
}

#footer a:link, #footer a:visited {
    color:#ffffff;
}
#footer a:hover {
    text-decoration: underline;
}

#footer #logo-tper {
    width: 200px;
    float: right;
}
#footer #logo-tper img {
    border-radius: 10px;
}

div.block-wrapper:has(#block-zeropoint-footer) {
    float:none;
}
div.block-wrapper:has(#block-zeropoint-footerlogotper) {
    float:right
}

/*AREA BOX*/
div.mafer_contatti,
div.mafer_business,
div.mafer_gruppo,
div.mafer_loghi,
div.mafer_loghi2
 {
   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.mafer_contatti p,
div.mafer_business p,
div.mafer_gruppo p,
div.mafer_loghi p,
div.mafer_loghi2 p {
   font-size: 0.9em;
   color: #ffffff;
   margin:0;
}

.mafer_loghi img,
.mafer_loghi2 img {
   width:156px!important;
   border-radius:5px;
   margin:5px;
   float: left;
}

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: #ffffff;;
    font-weight: bold;
    font-size: 0.9em;
	margin:0;
}