/**
 * @file
 * Subtheme specific CSS.
 */

.colore1 {
    color: #f3803b
}


.colore2 {
    color: #22586a
}


a.navbar-brand {
	line-height: 0;
	font-size: 0;
	color: transparent;
} /*nasconde il testo del titolo del sito */

ul.navbar-nav {
	display: none;
} /*nasconde il link HOME nella testa del sito */


#page,
#main-wrapper {
	background: #e8eff5!important;
}

.site-name-slogan {
	color: #ffff;
	font-size: 1.3rem;
	font-style: italic;
	font-weight: 500;}

.navbar-nav a.nav-link {
    color: #ffffff;
    text-transform: uppercase;
}

.navbar-nav a.nav-link:hover,
.navbar-nav a.nav-link:active,
.navbar-nav a.nav-link.is-active {
    color: #f3803b;}


.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show>.btn-primary.dropdown-toggle {
    background-color: #f66208;
    border-color: #f66208;
}

/* fix per slogan: invisibile sotto i 576px */
@media (max-width: 576px) {
    .site-name-slogan {
        display: none !important;
    }
}
/* fine fix per slogan */

/* MAIN CONTENT */

main#content {
	padding-top: 1.5rem;}

    @media (min-width: 768px) {
		main#content {
			padding-top: 3rem;
		}
	}


h1, h2 {
	color: #22586a;
}

.links a {
	font-size: 1.4rem;
	font-weight: 600;
	padding: .8rem .3rem;
	border-top: 3px solid #f3803b;
	color: #22586a;
	display: inline-block;
	border-radius: 0 0 4px 4px;
}

.links a:hover {
	text-decoration: none;
	background-color: #e2e2e2;
	color: #22586a;
}

/* Fine MAIN CONTENT */


/* SIDEBAR (filtri di ricerca itinerari */
.sidebar {
    padding-top: 6.7rem;
}

/* Fine SIDEBAR SECOND */


/* HOMEPAGE */

#jumbotron {
	min-height:600px;
	background-image: url('/themes/custom/bootstrap_barrio_dbfterredegliiblei/css/../images/homepage.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	padding: 0;
}

#jumbotron .text-content {
	padding: 1rem 1.5rem 2rem 1rem;
    box-sizing: content-box;
    display: inline-block;
    background-color: #22586a;
    width: 55%;
    color: #ffffff;
    border-radius: 0 4px 4px 0;}

	@media (min-width: 768px) {
		#jumbotron .text-content {
			width: 45%;
		}
	}

    @media (min-width: 1024px) {
		#jumbotron .text-content {
			width: 40%;
		}
	}

.jumbotron #logo-sweetroad img {
    width: 65%;
}

#jumbotron h1 {
	font-size: 2.5rem;
    font-weight: normal;
    color: #f3803b;
    line-height: 1;
    text-shadow: 1px 1px 3px #00000096;}

	@media (min-width: 768px) {
		#jumbotron h1 {
			font-size: 3.5rem;
		}
	}

#jumbotron h1 em {
	color: #f3803b;
}

#jumbotron #payoff {
	font-size: 1.6rem;
    font-style: italic;
    line-height: initial;
    font-weight: 500;}
	
	@media (min-width: 768px) {
		#jumbotron #payoff {
			font-size:1.8rem;
			}
		}

#jumbotron p.lead {
	font-size: 1.1rem;
	}
	
    @media (max-width: 768px) {
        #jumbotron p.lead {
            font-size: 1.2rem;
        }
    }

/* View DTA homepage */

.view-dta .row {
	margin-right: 15px;
    margin-left: 15px;
}

.views-field-field-img-testata-itinerario {
    padding-bottom: .6rem;
}

.views-field-field-img-testata-itinerario a {
	display: block;
	overflow: hidden;
}

.view-dta img {
	border-radius: 0.3rem;
    width: 100%;
    height: auto;
}

.view-dta h3 {
    margin-bottom: 2rem;
    border-top: 2px solid #f3803b;
    font-size: 1.3rem;
    padding: .5rem 0 0 0;
    margin-top: .5rem;
}


.view-dta h3 a {
	color: #22586a;
	text-transform: none;
	font-weight: 600;
	letter-spacing: normal;
	font-family: 'Roboto', sans-serif;
    font-size: 1.6rem;
}

.view-dta h3 a:hover {
	text-decoration: none;
	color: #008ee2;
}

.home-block h3 {
    color: #22586a;
    text-transform: none;
    letter-spacing: normal;
}

/* fine Itinerari homepage */


.bkg-img {
	min-height:500px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	padding-top: 10%;
	text-align: center;
	border-radius: 0.3rem;
}

.bkg-img h2 {
	font-size: 3rem;
    line-height: 3.3rem;
	color: #ffffff;
	font-weight: normal;
	text-shadow: 1px 1px 3px #000000;}
	@media (min-width: 768px) {
		.bkg-img h2 {
			font-size: 4.2rem;
    		line-height: 4.5rem;
		}
	}

.bkg-img h2.color1 {color: #f3803b;}
.bkg-img h2.color2 {color: #22586a;}

.bkg-img .row.bkg-color1 {
	background-color: #f3803bbf;
	margin: 0;
	padding: 20px 0;
}

.bkg-img .row.bkg-color2 {
	background-color: #22586ab3;
	margin: 0;
	padding: 20px 0;
}

.jumbotron+h2,
.bkg-img+h2 {
	margin-top: 2rem;
	color: #22586a;
}

.bkg-img p.text-content {
	width: 70%;
	margin: 0 auto 40px auto;
	font-size: 1.2rem;}
	@media (min-width: 768px) {
		#jumbotron #payoff {
			font-size:1.5rem;
		}
	}

.bkg-img .row.bkg-color1 p.text-content,
.bkg-img .row.bkg-color2 p.text-content {
	margin: 0 auto;
}

#piacere {background-image: url('/themes/custom/bootstrap_barrio_dbfterredegliiblei/css/../images/immagine_4.jpg');}
#masterplan {background-image: url('/themes/custom/bootstrap_barrio_dbfterredegliiblei/css/../images/masterplan.jpg');}
#percorsi {background-image: url('/themes/custom/bootstrap_barrio_dbfterredegliiblei/css/../images/percorsi_certificati.jpg');}
#strutture {background-image: url('/themes/custom/bootstrap_barrio_dbfterredegliiblei/css/../images/ospitalita1.jpg');}
#navigatore {background-image: url('/themes/custom/bootstrap_barrio_dbfterredegliiblei/css/../images/navigazione1.jpg');}

.bkg-img p.text-content {
	margin: 0 auto 2rem auto;
	width: 70%;
	font-size: 1.5rem;
	color: #ffffff;
}

.bkg-img p.lead {
	color: #ffffff;
}

.bkg-img+p.lead {
	font-size: 1.5rem;
	color: #6b6b6b;
}

.row.links {
	text-align: center;
}

.row.links .col-sm-4 {
	margin-top: 2rem;
}


.view-blocco-ambiti-di-un-distretto-dbf- .view-content.row {
    margin: 0;
}

.view-header .view-content.row,
.view-content.row .views-view-grid .row {
    margin-left: 0;
    margin-right: 0;
}

.view-header h2 {
    margin-bottom: -1rem;
}

.views-field.views-field-field-immagine-ambito a {
    display: block;
	text-align: center;
}

#views-bootstrap-blocco-ambiti-di-un-distretto-dbf-block-1 .views-field-field-immagine-ambito img {
    border-radius: 0.3rem 0.3rem 0 0;
    width: 100%;
    height: auto;
}



@media (min-width: 992px) {
    #views-bootstrap-blocco-ambiti-di-un-distretto-dbf-block-1 .views-field-field-immagine-ambito img {
        width: 100%;
        height: 100%;
    }
}

.view-blocco-ambiti-di-un-distretto-dbf- .grid.views-view-grid h3 a {
    font-weight: bold;
    color: #22586a;
    text-align: center;
    padding: 10px 0 0 0;
    display: block;
    background-color: transparent;
    border-top: 2px solid #f3803b;
    font-family: 'Roboto', sans-serif;
    font-size: 1.7rem;
    text-shadow: 1px 1px 3px #7e7e7e96;
}


.view-blocco-ambiti-di-un-distretto-dbf- .grid.views-view-grid h3 a:hover {
    text-decoration: none;
    color: #22586a;
    background-color: transparent;
}

/* FINE HOMEPAGE */



/* PAGINA DBF (VIEW BLOCCO CON LISTA DEGLI HUB) */
.node--type-pagina-dta .field--name-field-regione {
    border-top: 1px solid #f3803b;
    padding-top: .5rem;
    font-size: 1.1rem;
    font-weight: 600;
    text-transform: uppercase;
}


.field--name-title-text {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 700;
    font-size: 2.5rem;
    color: #22586a;
}

.grid.views-view-grid .views-field.views-field-field-immagine-hub div[style^="background-image"] {
    /* background-size: contain; */
    background-repeat: no-repeat;
}
/* FINE PAGINA DBF (VIEW BLOCCO CON LISTA DEGLI HUB) */


/* VIEW LISTA DEGLI HUB */

#views-bootstrap-hub-distretti-del-turismo-attivo-page-1 div[class^="col-"] {
    margin-bottom: 15px;
}

#views-bootstrap-hub-distretti-del-turismo-attivo-page-1 div[class^="col-"] div {
	background-color: #ffffff;
}

#views-bootstrap-hub-distretti-del-turismo-attivo-page-1 .views-field-name a {
	font-size:1.6rem;
}

.views-view-grid .views-field.views-field-field-immagine-hub a,
.views-view-grid .views-field-field-img-testata-itinerario a {
    display: block;
    overflow: hidden;
}

/* .float-left.field.field-name-field-immagine-ambito,
.float-left.field.field-name-field-immagine-ambito img {
    width: 500px;
    height: 500px;
    margin-right: 30px;
} */

.float-left.field.field-name-field-immagine-ambito,
.float-left.field.field-name-field-immagine-ambito img,
.field.field-name-field-immagine-ambito,
.field.field-name-field-immagine-ambito img {
    width: 100%;
    margin-right: 30px;
}

/* FINE VIEW LISTA DEGLI HUB */


/* VIEW HUB: LISTA ITINERARI */

.view-header {
	margin-bottom: 3em;
}

.view-header h1 {
	color: #22586a;
	margin-bottom: 5px;
}

div#banda-info {
	color: #ffffff;
	background-color: #282d31;
	margin: 0 0 2rem 0;
	padding: 1rem;
}

div#banda-info a {
	color: #f3803b;
}

.field.field--name-taxonomy-term-title.field--type-ds.field--label-hidden.field__item {
	background-color: #22586a;
	padding: 1rem;
	border-bottom: 2px solid #ffffff;
}

.view-descrizione-singolo-ambito h1,
.view-descrizione-singolo-hub h1 {
	color: #ffffff;
	font-size: 2.3rem;
	font-weight: 700;
	font-family: 'Roboto', sans-serif;
}

.view-header .field--type-image img {
	margin: 0 2em 1em 0;
}

.grid.views-view-grid {
	width: 100%;
}

/* fix per bootstrap grid: alcuni HUB avevano colonne strette: causa ancora da individuare */

.grid.views-view-grid div[class^="col-"] {
	padding-bottom: 2rem;
}

.grid.views-view-grid div[class^="col-"] {
    padding-bottom: 2rem;
}

.grid.views-view-grid div[class*="views-field-field-img-"] {
    padding: 0;
}

.grid.views-view-grid div[class*="views-field-field-im"] div div[style^="background-image"] {
    height: 300px;
    background-size: cover;
    background-position: bottom;
	border-radius: .3rem .3rem 0 0;
	transition: transform .2s;
}

.grid.views-view-grid div[class*="views-field-field-im"] div div[style^="background-image"]:hover {
    transform: scale(1.1);
    filter: brightness(1.1);
}

.grid.views-view-grid h3 a {
    text-transform: none;
    font-weight: 600;
    font-size: 1.2rem;
    margin: 0;
    color: #ffffff;
    text-align: center;
    padding: .7rem .2rem;
    display: block;
    background-color: #22586a;
	border-radius: 0 0 .2rem .2rem;
	border-top: 1px solid #f78a45;
	font-family: 'Roboto', sans-serif;
}


.grid.views-view-grid h3 a:hover {
    text-decoration: none;
    background-color: #306a7d;
}

/* **** soluzione con simbolo colorato, diciture grigie **** */
#intestazione-scheda .views-field.views-field-field-difficolta,
.views-view-grid .views-field.views-field-field-difficolta {
    display: inline-block;
    padding: .3rem .3rem .3rem 55px;
    text-transform: uppercase;
    position: absolute;
    top: 0;
    font-weight: 500;
    background-color: #282d31;
    color: #ffffff;
    border-radius: .2rem 0 .2rem 0;
    line-height: initial;
    background-repeat: no-repeat;
    background-position: 7px 6px;
    background-size: 40px;
    font-size: 1.3rem;
}

@media (min-width: 576px) {
    #intestazione-scheda .views-field.views-field-field-difficolta,
    .views-view-grid .views-field.views-field-field-difficolta {
        padding: .5rem .5rem .5rem 40px;
        background-size: 27px;
        font-size: 1rem;
    }
}

#intestazione-scheda .views-field.views-field-field-difficolta[class~="impegnativo"],
.views-view-grid .views-field.views-field-field-difficolta.impegnativo,
.views-view-grid .views-field.views-field-field-difficolta.Demanding {background-image: url('/themes/custom/bootstrap_barrio_dbfterredegliiblei/css/../images/diff_impegnativo.svg');}

#intestazione-scheda .views-field.views-field-field-difficolta[class~="medio"],
.views-view-grid .views-field.views-field-field-difficolta.medio,
.views-view-grid .views-field.views-field-field-difficolta.Medium {background-image: url('/themes/custom/bootstrap_barrio_dbfterredegliiblei/css/../images/diff_medio.svg');}

#intestazione-scheda .views-field.views-field-field-difficolta[class~="facile"],
.views-view-grid .views-field.views-field-field-difficolta.facile,
.views-view-grid .views-field.views-field-field-difficolta.Easy {background-image: url('/themes/custom/bootstrap_barrio_dbfterredegliiblei/css/../images/diff_facile.svg');}

#intestazione-scheda .views-field.views-field-field-difficolta[class~="difficile"],
.views-view-grid .views-field.views-field-field-difficolta.difficile,
.views-view-grid .views-field.views-field-field-difficolta.Difficult {background-image: url('/themes/custom/bootstrap_barrio_dbfterredegliiblei/css/../images/diff_difficile.svg');}
/* **** FINE soluzione con simbolo colorato, diciture grigie **** */


.views-view-grid .views-field.views-field-field-lunghezza-itinerario {
    background-color: #282d31;
    padding: 0 0.3rem;
    color: #f78a45;
    display: inline-block;
    font-size: 1.8rem;
    position: absolute;
    top: 0;
    right: 15px;
    font-weight: 700;
    border-radius: 0 .2rem 0 .2rem;
}

@media (min-width: 576px) {
    .views-view-grid .views-field.views-field-field-lunghezza-itinerario {
        font-size: 1.23rem;
    }
}

.views-field.views-field-field-rating,
.views-field.views-field-field-rating-itinerario {
    display: block;
    position: absolute;
    top: 250px;
    left: 40%;
    background-color: #f3803b;
    text-align: center;
    border-radius: 80px 80px 0 0;
    width: 90px;
    height: 50px;
    line-height: 1.4rem;
}

.views-field.views-field-field-rating .field-content,
.views-field.views-field-field-rating-itinerario .field-content {
		text-shadow: 1px 1px 3px #000000b0;
    font-size: 1.5rem;
    font-weight: 700;
    color: #ffffff;
}

span.views-label.views-label-field-rating,
span.views-label.views-label-field-rating-itinerario {
    color: #e8eff5;
    font-size: .8rem;
}


/* FINE VIEW HUB: LISTA ITINERARI */



/* SCHEDA ITINERARIO */

div#intestazione-scheda .contenitore #intestazione-wrap {
	border-bottom: 4px solid #f3803b;
	margin-bottom: 0;
	color: #ffffff;
	background-color: #22586a;
	flex: 0 0 100%;
	font-size: 2.3rem;
	font-weight: 700;
	max-width: 100%;
	padding: 10px 15px 15px 15px;
}

div#intestazione-scheda .field--name-field-img-testata-itinerario {
	height: 300px;
	width: 100%;
    background-color: #e8eff5;
}

@media (min-width: 768px) { 
    div#intestazione-scheda .field--name-field-img-testata-itinerario {
        height: 500px;
    }
}

.field--name-field-img-testata-itinerario div[style^="background-image"]{
	height: 100%;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
    border-bottom: 4px solid #f78a45;
}

#field-language-display {
    display: none;
}


/* rating: versione semicerchio orange */
.field--name-field-rating,
.field--name-field-rating-itinerario {
	background-color: #f78a45;
	text-align: center;
	line-height: 27px;
	border-radius: 50%;
	width: fit-content;
	margin-left: 37%;
	margin-right: 37%;
	padding: 0 10px 15px 10px;
	margin-top: 10px;
	margin-bottom: 20px;
}


@media (min-width: 425px) {
    .field--name-field-rating,
    .field--name-field-rating-itinerario {
        margin-left: 39%;
        margin-right: 39%;
    }
}


@media (min-width: 768px) {
    .field--name-field-rating,
    .field--name-field-rating-itinerario {
        margin-left: 43%;
        margin-right: 43%;
    }
}

@media (min-width: 1024px) {
    .field--name-field-rating,
    .field--name-field-rating-itinerario {
        margin-left: 43%;
        margin-right: 43%;
    }
}

.field--name-field-rating .field__label,
.field--name-field-rating-itinerario .field__label {
    font-size: 15px;
    font-weight: normal;
    color: #ffffff;
}

.field--name-field-rating .field__item,
.field--name-field-rating-itinerario .field__item {
    font-size: 40px;
    font-weight: 800;
    color: #ffffff;
    text-shadow: 1px 1px 3px #000000b0;
}
/* FINE rating: versione semicerchio orange */




.field.field--name-field-openrunner-id {
	display: none;
}

.field.field--name-field-hub {
    display: block;
    margin-bottom: 20px;
    line-height: 1.2rem;
}

#intestazione-wrap .field__label {
    display: inline;
}

.field.field--name-field-hub .field__items {
    display: inline-block;
}

.field.field--name-field-hub .field__item {
	display: inline-block;
}

#intestazione-wrap .field--name-field-hub .field__label {
    font-size: .9rem;
    color: #ffffffad;
}

#intestazione-wrap .field--name-field-hub .field__label:after {
    content: ":";
}

#intestazione-wrap .field.field--name-field-hub a {
    display: inline-block;
    color: #ffffffad;
    font-size: .9rem;
    font-weight: 500;
    text-transform: uppercase;
    border-bottom: 1px solid transparent;
}

#intestazione-wrap .field.field--name-field-hub a:hover {
    border-bottom: 1px solid #f3803b;
    text-decoration: none;
    color: #ffffff;
}

.field.field--name-field-nome-itinerario {
	margin-right: 10px;
}

.field.field--name-field-difficolta {
	padding: 5px 10px 5px 55px;
    font-size: 1.1rem;
    text-transform: uppercase;
    color: #ffffff;
    font-weight: 500;
    background-repeat: no-repeat;
    background-position: 10px 7px;
    background-size: 35px;
    display: inline-block;
    background-color: #282d31;
    border-radius: 4px;
}

.field.field--name-field-difficolta[class~="impegnativo"] {background-image: url('/themes/custom/bootstrap_barrio_dbfterredegliiblei/css/../images/diff_impegnativo.svg');}
.field.field--name-field-difficolta[class~="medio"] {background-image: url('/themes/custom/bootstrap_barrio_dbfterredegliiblei/css/../images/diff_medio.svg');}
.field.field--name-field-difficolta[class~="facile"] {background-image: url('/themes/custom/bootstrap_barrio_dbfterredegliiblei/css/../images/diff_facile.svg');}
.field.field--name-field-difficolta[class~="difficile"] {background-image: url('/themes/custom/bootstrap_barrio_dbfterredegliiblei/css/../images/diff_difficile.svg');}


.field.field--name-field-lunghezza-itinerario {
	float: right;
    background-color: #282d31;
    padding: 0 15px 0 5px;
    margin-right: -15px;
    color: #f78a45;
    border-radius: 4px 0 0 4px;
}

div#dati-tecnici-iniziali {
	color: #ffffff;
    background-color: #282d31;
    margin: .3rem 0 2rem 0;
}

div#dati-tecnici-iniziali .row {
	margin-right: 0;
	margin-left: 0;
}

#dati-tecnici-iniziali .col {
	padding: 1rem;
}

div#dati-tecnici-iniziali .field {
	margin: .5rem 0;
}

div#dati-tecnici-iniziali .field__items {
	display: inline;
}

div#dati-tecnici-iniziali .field__label {
	color: #f3803b;
}

div#dati-tecnici-iniziali .field__item {
	text-transform: uppercase;
}

div#dati-tecnici-iniziali .field.field--name-field-dislivello-positivo-in-met .field__item {
	text-transform: lowercase;
}

.tracciato-itinerario.field {
    text-align: center;
    float: none;
    margin: 2rem 0;
}

.field.field--name-field-link-alla-mappa {
    text-align: center;
    padding: .5rem 0;
    background-color: #282d3121;
}

a.apri-mappa.btn.btn-primary {
    font-size: 1.3rem;
}

.img-fluid img {
    max-width: 100%;
    height: auto;
} /* simula la classe img-fluid di bootstrap */

.node .tracciato-itinerario img {
    max-height: 1000px;
    max-width: fit-content;
}

.node .tracciato-itinerario svg {
    width: 100%;
	height: auto;
	max-height: 1000px;
}


.descrizione-itinerario p {
    font-size: 1.2em;
}

.video {
    margin: 2rem 0;
    padding: 0;
    text-align: center;
}

.video .field__label {
    font-size: 1.7rem;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 700;
    color: #22586a;
    margin: 0 0 .5rem 0;
    text-align: center;
}

.video .field__label:before {
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    content: "\f729";
    font-family: "Font Awesome 6 Pro";
    margin-right: 10px;
}

div#gpx {
    font-size: 1.2rem;
    text-align: center;
}


/* Tappe */

#gpx h2 {
    margin-bottom: .6rem;
}

#gpx .field--name-field-tracciato-gpx {
    font-size: 1rem;
    display: inline-block;
    background-color: #f8f9fa;
    border-radius: 4px;
    padding: 5px;
}

#gpx .field__item:before {
    content: "\f4d7";
    font-family: "Font Awesome 6 Pro";
}

#gpx span.file {
    background-image: none;
    padding: 0;
}

.tappe-container .tappa-wrap {
    margin: 1.25em 0;
    background-color: #ffffff;
    border-radius: .25em;
    padding: .8em 1.25em;
    /* box-shadow: 0 3px 0 #d8e5ee; */
    border: 1px solid #e5e5e5;
}


.paragraph--type--tappa .card-title {
	border-bottom: 2px solid #f3803b;
}

.field.field--name-field-tappa,
.field.field--name-field-tappa-n- {
	color: #6c757d;
    font-size: .9rem;
    text-transform: uppercase;
    font-weight: 600;
    border-bottom: 1px solid #d8e5ee;
    padding-bottom: .3rem;
}

.field.field--name-field-titolo-tappa {
	color: #f3803b;
    font-size: 1.4rem;
    font-weight: 600;
    padding: .3rem 0;
	display: inline-block;
	margin-right: 10px;
}

.tappe-container .field.field--name-field-difficolta {
    padding: 0 0 0 38px;
    font-size: .9rem;
    text-transform: uppercase;
    color: #676767;
    font-weight: 600;
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 30px;
    background-color: transparent;
    border-radius: 0;
}

.tappe-container .field.field--name-field-difficolta[class~="difficile"] {background-image: url('/themes/custom/bootstrap_barrio_dbfterredegliiblei/css/../images/diff_difficile.svg');}
.tappe-container .field.field--name-field-difficolta[class~="impegnativo"] {background-image: url('/themes/custom/bootstrap_barrio_dbfterredegliiblei/css/../images/diff_impegnativo.svg');}
.tappe-container .field.field--name-field-difficolta[class~="medio"] {background-image: url('/themes/custom/bootstrap_barrio_dbfterredegliiblei/css/../images/diff_medio.svg');}
.tappe-container .field.field--name-field-difficolta[class~="facile"] {background-image: url('/themes/custom/bootstrap_barrio_dbfterredegliiblei/css/../images/diff_facile.svg');}


.paragraph--type--tappa .field--name-field-distanza,
.paragraph--type--tappa .field--name-field-distanza-complessiva,
.paragraph--type--tappa .field--name-field-dislivello,
.paragraph--type--tappa .field--name-field-dislivello-totale,
.paragraph--type--tappa .field--name-field-dislivello-complessivo {
	font-weight: 600;
	font-size: 1rem;
}
/* FINE Tappe */


/* Località: TIMELINE */

.cd-timeline {
    overflow: hidden;
    padding: 2em 0;
    color: #313135;
    background-color: transparent;
}


.cd-timeline__container {
	position: relative;
	padding: 1.25em 0;
	padding: 0 0 0 10px;
}

.cd-timeline__container:before {
	content: '';
	position: absolute;
	top: 0;
	left: 27px;
	/* height: 100%; */
	height: 96%; /*fix per riga blu più corta, non oltre l'ultimo simbolo */
	width: 4px;
	background-color: #22586a;
}

.max-width-lg {
	max-width: 80rem;
}

.cd-timeline__block {
	display: -ms-flexbox;
	display: flex;
	position: relative;
	z-index: 1;
	margin-bottom: 2em;
}

.cd-timeline__img {
	display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    order: 1;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    box-shadow: 0 0 0 4px #ffffff,0 3px 0 4px rgba(0,0,0,.05);
}

.cd-timeline__img--picture {
	background-color: #ffffff;
}

.icona-localita {
    margin: 0;
}

.icona-localita svg {
    width: 34px;
    height: 34px;
}

.cd-timeline__content {
	-ms-flex-positive: 1;
    flex-grow: 1;
    position: relative;
    margin-left: 1.25em;
    background-color: #ffffff;
    border-radius: .25em;
    padding: .5em;
    box-shadow: 0 3px 0 #d8e5ee;
    order: 2;
    font-size: .9rem;
	font-weight: 600;
}

.cd-timeline__content::before {
    content: '';
    position: absolute;
    top: 10px;
    right: 100%;
    width: 0;
    height: 0;
    border: 7px solid transparent;
    border-right-color: #ffffff;
}

/* FINE Località: TIMELINE */
/* FINE SCHEDA ITINERARIO */




/* Pagina ITINERARI */
.view-itinerari table h3 {
	margin-bottom: 0;
    border-top: 0;
    font-size: 1rem;
    padding: 0;
}

.view-itinerari table tr {
	background: transparent;
}

.table thead th {
    vertical-align: bottom;
    border-bottom: 2px solid #dee2e6;
    background-color: #fff;
    color: #212529;
}

.view-itinerari table tr th a,
.view-itinerari table tr th a:hover,
.view-itinerari table tr th a:focus {
    color: #0071b3;
    font-weight: bold;
}

/* FINE Pagina ITINERARI */


/* pagina Pagina ITINERARI CON FILTRO FACETS */
ul.js-facets-widget {
	padding-left: 0;
    list-style: none;
}

ul.js-facets-widget li.facet-item label {
	margin-left: 5px;
}

.view-itinerari-search-content .field--label-inline .field__label,
.view-itinerari-search-content .field--label-inline .field__item,
.view-itinerari-search-content .field__items {
    display: inline;
}

.view-itinerari-search-content .field--name-field-tipo-bici .field__item,
.view-itinerari-search-content .field--name-field-hub .field__item {
	font-weight: 600;
}

.view-itinerari-search-content .field--name-field-tipo-bici .field__item:after,
.view-itinerari-search-content .field--name-field-hub .field__item:after {
	content: ",";
}


.view-itinerari-search-content .field.field--name-field-difficolta {
    position: absolute;
	font-size: 1.3rem;
}

div.view-itinerari-search-content .field--name-field-lunghezza-itinerario {
	position: absolute;
	right: 20px;
    font-size: 1.8rem;
    font-weight: 700;
    margin: 0;
    padding: 0 0.3rem;
}

.view-itinerari-search-content .field--name-field-rating,
.view-itinerari-search-content .field--name-field-rating-itinerario {
    display: block;
    position: absolute;
    top: 119px;
    margin: 0 auto;
    left: 40%;
    background-color: #f3803b;
    text-align: center;
    border-radius: 80px 80px 0 0;
    width: 90px;
    height: 50px;
    line-height: 1.4rem;
    box-shadow: none;
    right: unset;
}

.view-itinerari-search-content .field--name-field-rating .field__label,
.view-itinerari-search-content .field--name-field-rating-itinerario .field__label {
    color: #e8eff5;
    font-size: .8rem;
}

.view-itinerari-search-content .field--name-field-rating .field__item,
.view-itinerari-search-content .field--name-field-rating-itinerario .field__item {
    text-shadow: 1px 1px 3px #000000b0;
    font-size: 1.5rem;
    font-weight: 700;
    color: #ffffff;
}


.view-itinerari-search-content h2 {
    font-size: 1.8rem;
    margin: 10px 0;
}

.view-itinerari-search-content .field--name-field-img-testata-itinerario {
	height: 150px;
	width: 100%;
    border-top: 2px solid #f78a45;
}

/* FINE Pagina ITINERARI CON FILTRO FACETS */

footer.site-footer {
	height: 200px;
	margin-top: 50px;
}

.site-footer .row {
    justify-content: space-evenly;
}

.site-footer .block {
    border:0;
}

/* per le immagini in gliglia */
img.rounded.responsive {
    width: inherit;
}

/* fix vari */
a.app-download {
    margin-bottom: 1em;
    display: inline-block;
}

/* pagina Virtual Office */
ul.progetti {
	margin: 50px 0 40px 0;
}

ul.progetti li {
	margin: 0 50px 80px 0;
	display: inline-block;
	text-align: center;
	vertical-align: middle;
	max-width: 150px;
}

ul.progetti li a {
	display: inline-block;
	font-size: 15px;
	text-decoration: none !important;
	text-align: center;
	line-height: normal;
}

ul.progetti li a:hover {
	text-decoration: none;
	transition: none;
}

ul.progetti li a span {
	font-weight: 600;
	text-transform: uppercase;
	font-size: 20px;
}

ul.progetti li a:before {
	font-family: "Font Awesome 6 Pro";
	display: block;
	content: "\f085";
	margin: 0px auto 10px auto;
	font-size: 40px;
	line-height: 100%;
	text-align: center;
	color: #f78a45;
	font-weight: 300;
}

ul.progetti li a[title~="Grafo"]:before {content: "\f78a";}
ul.progetti li a[title~="Itinerari"]:before {content: "\f4d7";}
ul.progetti li a[title~="Processo"]:before {content: "\f737";}

/* language switcher */
.language-switcher-language-url {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-end;
	margin-top: 20px;
}

.language-switcher-language-url span.nav-link {
	padding: 0 5px;
	border-right: 1px solid Silver;
	line-height: 14px;
}

.language-switcher-language-url a {
	font-size: .85em;
	font-weight: 600;
	padding: 0;
	border: 0;
	margin: 0 5px;
	border-radius: 0;
	text-transform: uppercase;
	letter-spacing: .15em;
}

.language-switcher-language-url span.nav-link:last-child {
	border: 0;
	margin: 0;
}

a.language-link.is-active {
	color: #f3803b;
	border-bottom: 1px solid #f3803b;
}

a.language-link:hover {
	color: #f37335;
	background-color: transparent;
	border-bottom: 1px solid #f3803b;
}

/* fix footer 15.11.2024 */
section.row.region.region-footer-fifth {
	justify-content: unset;
}