html {
overflow-x: hidden;
}
body {
font-family: 'Lato', sans-serif;
letter-spacing: 0.5px;
-webkit-font-smoothing: antialiased !important;
-moz-osx-font-smoothing: grayscale;
text-rendering: optimizeLegibility !important;
}
a {
color: #000000;
text-decoration: none;
}
a:active,
a:hover,
a:focus {
color: #000000;
}
a.download {
display: inline-block;
color: #0066CC;
font-size: 0.75rem;
font-weight: bold;
text-transform: uppercase;
line-height: 27px;
padding-left: 34px;
background: url('../images/download.svg') no-repeat center left / 27px;
}
img {
max-width: 100%;
}
select {
border: 1px solid #CECECE;
border-radius: 4px;
background: #FFFFFF url('../images/arrow_dropdown.svg') no-repeat center right / 24px;
padding: 0 35px 0 5px;
height: 30px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
select[multiple] {
background: none;
padding-right: 5px;
height: auto;
}
select::-ms-expand {
display: none;
/* remove default arrow on ie10 and ie11 */
}
table.visually-hidden {
table-layout: fixed;
}
.dropdown .dropdown-toggle {
padding-top: 0;
padding-bottom: 0;
background-color: #FFFFFF;
}
.dropdown .dropdown-toggle:after {
margin-left: 1rem;
width: 8px;
height: 8px;
border: solid #0066CC;
border-width: 0.2em 0.2em 0 0;
transform: rotate(135deg);
}
.dropdown .dropdown-toggle.show:after {
border-width: 0 0 0.2em 0.2em;
vertical-align: 0;
}
.dropdown .dropdown-item {
padding-top: 0;
padding-bottom: 0;
line-height: 34px;
}
.dropdown .dropdown-item:hover,
.dropdown .dropdown-item:focus {
background-color: #EEEEEE;
}
.dropdown .dropdown-item.active {
color: #FFFFFF !important;
background-color: #0066CC;
}
header li a.link-twitter {
background-image: url('../images/header/twitter_ico.svg');
}
footer li a.link-twitter {
background-image: url('../images/footer/twitter_ico.svg');
}
header li a.link-linkedin {
background-image: url('../images/header/linkedin_ico.svg');
}
footer li a.link-linkedin {
background-image: url('../images/footer/linkedin_ico.svg');
}
header li a.link-youtube {
background-image: url('../images/header/youtube_ico.svg');
}
footer li a.link-youtube {
background-image: url('../images/footer/youtube_ico.svg');
}
header li a.link-slideshare {
background-image: url('../images/header/slideshare_ico.svg');
}
footer li a.link-slideshare {
background-image: url('../images/footer/slideshare_ico.svg');
}
header li a.link-premi {
background-image: url('../images/header/premi_ico.svg');
}
footer li a.link-premi {
background-image: url('../images/footer/premi_ico.svg');
}
header li a.link-contatti {
background-image: url('../images/header/contatti_ico.svg');
}
footer li a.link-contatti {
background-image: url('../images/footer/contatti_ico.svg');
}
header li a.link-news {
background-image: url('../images/header/news_ico.svg');
}
footer li a.link-news {
background-image: url('../images/footer/news_ico.svg');
}
header li a.link-rss {
background-image: url('../images/header/rss_ico.svg');
}
footer li a.link-rss {
background-image: url('../images/footer/rss_ico.svg');
}
header li a.link-segui {
background-image: url('../images/header/segui_ico.svg');
}
footer li a.link-segui {
background-image: url('../images/footer/segui_ico.svg');
}
.container {
max-width: 1424px;
}
body > header .container-fluid > .row,
body > footer .container-fluid > .row {
padding-left: 20px;
padding-right: 20px;
}
@media (max-width: 767px) {
body > header .container > .row,
body > footer .container > .row {
padding-left: 20px;
padding-right: 20px;
}
}
body > header {
border-bottom: 1px solid #CECECE;
}
body > main .container > .row {
margin-left: 0;
margin-right: 0;
padding-left: 30px;
padding-right: 30px;
}
#middle-header,
#top-footer {
padding-top: 30px;
padding-bottom: 30px;
background-image: linear-gradient(to right, #0066CC, #008081);
}
#middle-header .loghi,
#top-footer .loghi {
display: flex;
justify-content: space-between;
gap: 1.5rem;
flex-direction: column;
white-space: nowrap;
}
@media (min-width: 1200px) {
#middle-header .loghi,
#top-footer .loghi {
flex-direction: row;
}
}
@media (min-width: 992px) {
#middle-header .loghi,
#top-footer .loghi {
padding-left: 20px;
padding-right: 20px;
}
#middle-header .loghi .loghi1,
#top-footer .loghi .loghi1 {
display: flex;
align-items: center;
}
}
#middle-header .loghi .logo-opencoesione,
#top-footer .loghi .logo-opencoesione {
display: block;
margin-top: 20px;
}
@media (min-width: 768px) {
#middle-header .loghi .logo-opencoesione,
#top-footer .loghi .logo-opencoesione {
display: inline-block;
margin-top: 0;
margin-left: 56px;
position: relative;
}
#middle-header .loghi .logo-opencoesione:before,
#top-footer .loghi .logo-opencoesione:before {
content: '';
position: absolute;
top: 10%;
left: -29px;
width: 1px;
height: 80%;
background-color: #FFFFFF;
}
}
#middle-header .loghi .logo-opencoesione img,
#top-footer .loghi .logo-opencoesione img {
height: 62px;
}
#middle-header .loghi .logo-coesione-italia,
#top-footer .loghi .logo-coesione-italia {
display: inline-block;
width: 156px;
height: 61px;
overflow: hidden;
text-indent: -9999px;
vertical-align: bottom;
background: url('../images/coesioneitalia_logo.svg') no-repeat top center;
}
#middle-header .loghi .logo-coesione-italia:hover,
#top-footer .loghi .logo-coesione-italia:hover,
#middle-header .loghi .logo-coesione-italia:focus,
#top-footer .loghi .logo-coesione-italia:focus {
background-position: center -61px;
}
#middle-header .loghi .logo-pcm,
#top-footer .loghi .logo-pcm {
display: inline-block;
width: 350px;
height: 79px;
overflow: hidden;
text-indent: -9999px;
max-width: 100%;
vertical-align: bottom;
background: url('../images/pcm_logo.svg') no-repeat top center / contain;
}
#top-header .secondary-menu,
#top-footer .secondary-menu {
list-style: none;
margin: 0;
padding: 0;
line-height: 2;
}
@media (min-width: 992px) {
#top-header .secondary-menu,
#top-footer .secondary-menu {
text-align: right;
}
}
#top-header .secondary-menu li,
#top-footer .secondary-menu li {
display: inline;
}
#top-header .secondary-menu li:after,
#top-footer .secondary-menu li:after {
content: ' ';
letter-spacing: 2em;
background: linear-gradient(90deg, transparent calc(50% - 0.03125em), #003183 0, #003183 calc(50% + 0.03125em), transparent 0);
}
#top-header .secondary-menu li a,
#top-footer .secondary-menu li a {
color: #003183;
font-size: 0.875rem;
text-transform: uppercase;
text-decoration: none;
white-space: nowrap;
}
#top-header .secondary-menu li a[class],
#top-footer .secondary-menu li a[class] {
padding-left: 32px;
background-position: center left;
background-repeat: no-repeat;
}
#top-header .social-menu,
#top-footer .social-menu {
list-style: none;
margin: 0;
padding: 0;
line-height: 1;
padding: 6px 0;
}
#top-header .social-menu li,
#top-footer .social-menu li {
display: inline-block;
}
#top-header .social-menu li + li,
#top-footer .social-menu li + li {
padding-left: 20px;
}
#top-header .social-menu li a,
#top-footer .social-menu li a {
display: inline-block;
width: 20px;
height: 20px;
overflow: hidden;
text-indent: -9999px;
background-position: center center;
background-repeat: no-repeat;
}
#top-header {
padding-top: 10px;
padding-bottom: 10px;
}
.navbar {
padding: 0;
}
.navbar .navbar-toggler {
border-radius: 0;
padding: 15px;
background-color: #FFFFFF;
}
.navbar .navbar-toggler:focus {
box-shadow: none;
}
.navbar .navbar-toggler .navbar-toggler-icon {
background-image: url('data:image/svg+xml,');
}
#middle-header {
position: relative;
border-bottom: 2px solid #80B5DD;
}
#middle-header .navbar {
position: absolute;
top: 30px;
right: 20px;
}
#bottom-header #search-form {
width: 100vw;
position: relative;
left: 50%;
right: 50%;
margin-left: -50vw;
margin-right: -50vw;
padding: 16px 0;
border-top: 1px solid #0066CC;
background-color: #F8F8F8;
}
#bottom-header #search-form .typeahead__container {
margin: 0 10%;
}
#bottom-header #search-form .typeahead__list {
border: 0;
border-radius: 0;
margin-top: 0;
background-color: #0066CC;
color: #FFFFFF;
font-weight: bold;
box-shadow: 0px 28px 25px 6px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 0px 28px 25px 6px rgba(0, 0, 0, 0.2);
}
#bottom-header #search-form .typeahead__list li {
border: none;
}
#bottom-header #search-form .typeahead__list li a {
color: inherit;
}
#bottom-header #search-form .typeahead__list .typeahead__group {
margin: 1.5rem 0.75rem 0.5rem 0.75rem;
}
#bottom-header #search-form .typeahead__list .typeahead__group a {
padding-left: 0;
padding-right: 0;
background-color: transparent;
border-bottom: 1px solid #FFFFFF;
text-transform: uppercase;
}
#bottom-header #search-form .typeahead__list .typeahead__item:not([disabled]) a:hover,
#bottom-header #search-form .typeahead__list .typeahead__item:not([disabled]) a:focus {
background-color: #FFFFFF;
color: #0066CC;
}
#bottom-header #search-form .typeahead__list .typeahead__item:not([disabled]).active a {
background-color: #FFFFFF;
color: #0066CC;
}
#bottom-header #search-form input {
border: none;
padding-top: 18px;
padding-bottom: 18px;
line-height: 20px;
background-color: #0066CC;
color: #FFFFFF;
}
#bottom-header #search-form button {
border: none;
height: 56px;
background-color: #0066CC;
}
#bottom-header #search-form button span {
display: inline-block;
padding: 0 10px;
background-image: url('../images/search_white.svg');
}
@media (min-width: 992px) {
#bottom-header #search-form .typeahead__container {
margin: 0 25%;
}
}
@media (min-width: 1400px) {
#bottom-header #search-form .typeahead__container {
margin: 0 33%;
}
}
#top-footer {
margin-top: 80px;
}
@media (max-width: 991px) {
#top-footer .loghi {
margin-bottom: 20px;
}
}
#top-footer .secondary-menu li:after {
background: linear-gradient(90deg, transparent calc(50% - 0.03125em), #FFFFFF 0, #FFFFFF calc(50% + 0.03125em), transparent 0);
}
#top-footer .secondary-menu li a {
color: #FFFFFF;
}
@media (min-width: 992px) {
#top-footer .social-menu {
text-align: right;
}
#top-footer .social-menu li {
text-align: left;
}
}
#middle-footer {
position: relative;
background-color: #10343C;
padding-top: 20px;
padding-bottom: 40px;
color: #FFFFFF;
font-size: 0.875rem;
}
#middle-footer::before,
#middle-footer::after {
content: '';
position: absolute;
top: 0;
bottom: 0;
width: calc(50vw - 50%);
background-color: inherit;
}
#middle-footer::before {
left: calc(50% - 50vw);
}
#middle-footer::after {
right: calc(50% - 50vw);
}
#middle-footer p {
margin: 20px 0 0 0;
}
#middle-footer p strong {
display: inline-block;
margin-bottom: 10px;
font-size: 1.0625rem;
}
#middle-footer ul {
list-style: none;
margin: 0;
padding: 0;
margin-top: 20px;
}
#middle-footer ul a {
color: inherit;
text-decoration: none;
}
#bottom-footer {
display: flex;
justify-content: space-between;
gap: 1.5rem;
flex-direction: column;
padding-top: 20px;
padding-bottom: 60px;
text-align: center;
}
@media (min-width: 992px) {
#bottom-footer {
flex-direction: row;
}
}
#bottom-footer .disclaimer {
font-size: 0.6875rem;
line-height: 1;
margin-bottom: 16px;
}
#bottom-footer .flag {
display: inline-block;
width: auto;
height: 62px;
overflow: hidden;
text-indent: -9999px;
max-width: 100%;
margin-bottom: 20px;
background-position: top left;
background-repeat: no-repeat;
background-size: 200%;
}
#bottom-footer .flag:hover,
#bottom-footer .flag:focus {
background-position: top right;
}
#bottom-footer .flag.flag-rgs {
width: 135px;
background-image: url('../images/footer/loghi/rgs.png');
}
#bottom-footer .flag.flag-capcoe {
width: 204px;
height: 170px;
background-image: url('../images/footer/loghi/capcoe_mob.png');
}
@media (min-width: 992px) {
#bottom-footer .flag.flag-capcoe {
width: 603px;
height: 50px;
background-image: url('../images/footer/loghi/capcoe.png');
}
}
#bottom-footer .flag.flag-ess {
width: 160px;
background-image: url('../images/footer/loghi/eutalia.png');
}
article section {
margin-top: 60px !important;
}
article section.section,
article section.selector {
margin-top: 0 !important;
}
article .section {
padding-top: 8px;
padding-bottom: 8px;
}
article .section > * {
padding-top: 8px;
padding-bottom: 8px;
}
article .section > *:first-child {
line-height: 33px;
font-size: 1.125rem;
font-weight: bold;
}
article .section > * .ocbtn {
margin: 0;
}
@media (min-width: 576px) {
article .section > * .ocbtn {
float: right;
}
}
article header {
padding-top: 30px;
padding-bottom: 30px;
background-image: linear-gradient(to right, #0066CC, #008081);
color: #FFFFFF;
}
article header.old {
margin-bottom: 40px;
}
article header.asoc {
background-image: linear-gradient(to right, #DB3622, #E49F37);
}
article header:first-child {
margin-top: 66px;
}
article header h1 {
margin: 0;
font-size: 2rem;
}
article h2 {
font-size: 1.875rem;
padding-bottom: 16px;
margin-bottom: 20px;
position: relative;
margin: 30px 0 40px 0;
}
article h2::after {
position: absolute;
content: '';
width: 50px;
height: 5px;
left: 0;
bottom: 0;
background-color: #0066CC;
}
article .ocbtn {
margin-top: 20px;
padding: 6px 10px;
font-size: 0.875rem;
}
article .ocbtn.asoc {
background-color: #DB3622;
}
article .ocbtn + .ocbtn {
margin-left: 1.5rem;
}
article .immagine {
min-height: 380px;
}
article .immagine img {
width: 100%;
height: 100%;
object-fit: cover;
}
article .immagine + * {
margin-top: 4rem;
}
article .descrizione {
font-size: 1.375rem;
line-height: 1.25;
}
article .descrizione p {
margin-bottom: 27.5px;
}
article .descrizione p:last-child {
margin-bottom: 0;
}
article .descrizione.descrizione-temacoesione {
padding-top: 140px;
background-position: top left;
background-repeat: no-repeat;
background-size: auto 140px;
}
article .indicatori_nota {
font-size: 1.125rem;
margin-bottom: 0;
}
article .indicatori_nota + .ocbtn {
margin-bottom: 40px;
}
article blockquote {
margin: 0;
padding: 20px;
background-color: #0066CC;
color: #FFFFFF;
font-size: 1.875rem;
font-style: italic;
}
article blockquote.pull-quote-left {
float: left;
margin-right: 20px;
}
article blockquote.pull-quote-right {
float: right;
margin-left: 20px;
}
article figure {
margin: 0;
}
article figure figcaption {
font-size: 0.875rem;
font-style: italic;
}
article .image-left {
float: left;
margin-right: 20px;
}
article .image-right {
float: right;
margin-left: 20px;
}
article .image-center {
text-align: center;
}
article .image-center > figure {
display: inline-block;
}
article .title {
margin: 1em 0;
font-size: 1.17em;
font-weight: bold;
}
article .opportunita_finanziamento_legenda {
max-width: 380px;
margin-bottom: -80px;
}
@media (min-width: 992px) {
article .opportunita_finanziamento_legenda {
margin-left: auto;
}
}
article .opportunita_finanziamento_legenda h3 {
font-weight: bold;
}
article .opportunita_finanziamento_legenda ul {
list-style: none;
margin: 0;
padding: 0;
}
article .opportunita_finanziamento_legenda ul li {
display: inline-block;
padding-right: 32px;
background-position: center right;
background-repeat: no-repeat;
}
article .opportunita_finanziamento_legenda ul li:first-of-type {
background-image: url('../images/opportunita_finanziamento/arrow_blue.svg');
margin-right: 0.5rem;
}
article .opportunita_finanziamento_legenda ul li:last-of-type {
background-image: url('../images/opportunita_finanziamento/arrow_green.svg');
}
article .opportunita_finanziamento_legenda h3,
article .opportunita_finanziamento_legenda ul {
margin-bottom: 0.5rem;
line-height: 29px;
font-size: 1.125rem;
text-transform: uppercase;
}
article .opportunita_finanziamento {
margin-left: -37px !important;
margin-right: -37px !important;
}
article .opportunita_finanziamento > :first-child {
padding-left: 49px;
padding-right: 49px;
}
article .opportunita_finanziamento > :not(:first-child) {
margin-bottom: 14px;
padding-left: 7px;
padding-right: 7px;
}
article .opportunita_finanziamento .card {
border: none;
padding: 30px 20px;
height: 230px;
}
article .opportunita_finanziamento .card.card-pr-reg {
background-color: #F0F0F0;
}
article .opportunita_finanziamento .card.card-pr-naz {
background-color: #E5F5FC;
}
article .opportunita_finanziamento .card.card-cte-tit,
article .opportunita_finanziamento .card.card-cte-par {
background-color: #F5F5F5;
}
article .opportunita_finanziamento .card > img {
max-height: 140px;
margin: auto;
}
@media (min-width: 992px) {
article .opportunita_finanziamento .card > img {
max-width: 80%;
}
}
article .opportunita_finanziamento .card ul {
list-style: none;
margin: 0;
padding: 0;
display: flex;
flex-direction: row;
justify-content: space-evenly;
font-size: 0.875rem;
font-weight: bold;
line-height: 29px;
}
article .opportunita_finanziamento .card ul li {
white-space: nowrap;
}
article .opportunita_finanziamento .card ul a {
display: inline-block;
width: 27px;
height: 29px;
overflow: hidden;
text-indent: -9999px;
margin-left: 0.1rem;
background-position: center center;
background-repeat: no-repeat;
}
article .opportunita_finanziamento .card ul a.link-avvisi {
background-image: url('../images/opportunita_finanziamento/arrow_blue.svg');
}
article .opportunita_finanziamento .card ul a.link-preavvisi {
background-image: url('../images/opportunita_finanziamento/arrow_green.svg');
}
article .projstory_list,
article .asocstory_list {
margin-left: -40px !important;
margin-right: -40px !important;
}
article .projstory_list > *,
article .asocstory_list > * {
padding-left: 40px;
padding-right: 40px;
}
article .video_list {
background-color: #EBEBEB;
padding-left: 42px;
padding-right: 42px;
}
article .video_list > * {
margin-left: -43px !important;
margin-right: -43px !important;
}
article .video_list > * > * {
padding-left: 43px;
padding-right: 43px;
}
article .video_list > * > * {
margin-top: 0;
margin-bottom: 40px;
}
article .video_list > * > *:first-child {
margin-top: 10px;
margin-bottom: 0;
}
article .data_pubblicazione {
margin-bottom: 20px;
font-size: 1.375rem;
}
article .video {
margin-top: 2rem;
margin-left: -42px !important;
margin-right: -42px !important;
padding: 70px 20%;
background-color: #EBEBEB;
}
article .video_others {
padding-left: 42px !important;
padding-right: 42px !important;
margin-left: -36px !important;
margin-right: -36px !important;
}
article .video_others > * {
padding-left: 36px;
padding-right: 36px;
}
@media (min-width: 1200px) {
article .video_others {
margin-left: -75px !important;
margin-right: -75px !important;
}
article .video_others > * {
padding-left: 75px;
padding-right: 75px;
}
}
article .proprieta ul {
list-style: none;
margin: 0;
padding: 0;
}
article .proprieta ul li {
padding: 10px 0 10px 60px;
line-height: 28px;
font-size: 1.375rem;
background-position: center left;
background-repeat: no-repeat;
background-size: 50px;
}
article .proprieta ul li.proprieta__capoluogo {
background-image: url('../images/territori/capoluogo_ico.svg');
}
article .proprieta ul li.proprieta__popolazione {
background-image: url('../images/territori/popolazione_ico.svg');
}
article .proprieta ul li.proprieta__pil_procapite {
background-image: url('../images/territori/pil_ico.svg');
}
article .proprieta ul li.proprieta__superficie {
background-image: url('../images/territori/superficie_ico.svg');
}
article .proprieta ul li.proprieta__num_regioni,
article .proprieta ul li.proprieta__num_comuni {
background-image: url('../images/territori/num_ico.svg');
}
article .proprieta ul li.proprieta__sito_web {
background-image: url('../images/territori/sitoweb_ico.svg');
}
article .proprieta ul li .value {
font-weight: bold;
}
article .proprieta ul li .value a {
color: #0066CC;
}
article .proprieta ul li a.help {
display: inline-block;
width: 16px;
height: 16px;
overflow: hidden;
text-indent: -9999px;
background: url('../images/help.svg') no-repeat center;
text-align: left;
}
article .indicatore {
margin-bottom: 70px;
padding: 50px 40px;
background-color: #F8F8F8;
}
article .indicatore .testo h3 {
margin-bottom: 30px;
font-size: 2rem;
font-weight: bold;
letter-spacing: 0.2px;
}
article .indicatore .testo h3.new:after {
content: 'Novità';
display: inline-block;
margin-left: 16px;
padding: 4px 6px;
background-color: #008081;
line-height: 1rem;
font-size: 0.765rem;
font-weight: bold;
color: #FFFFFF;
text-transform: uppercase;
vertical-align: middle;
}
article .indicatore .testo h3.new:lang(en):after {
content: 'New';
}
article .indicatore .testo p {
margin-bottom: 30px;
font-size: 1.375rem;
line-height: 1.25;
}
article .indicatore .grafico {
text-align: center;
}
article .indicatore .grafico h3 {
width: 80%;
margin: 10px auto 20px auto;
padding-bottom: 20px;
border-bottom: 1px solid #CECECE;
font-size: 1.375rem;
font-weight: bold;
}
article .dati {
padding: 50px 40px;
border-left: 14px solid #0066CC;
background-color: #F8F8F8;
}
article .dati .map-outer {
margin-top: -20px;
margin-bottom: -20px;
}
article .dati .map-outer .map-selectors a {
border-color: transparent;
color: transparent;
}
article .dati .map-outer .map-legend {
display: none;
}
article .dati .dati-inner {
display: flex;
align-items: center;
}
article .dati .dati-inner > * {
width: 100%;
}
article .dati .testo {
margin-bottom: 10px;
font-size: 1.375rem;
line-height: 1.25;
}
article .dati .ocbtn {
margin-top: 10px;
margin-bottom: 20px;
padding: 6px 10px;
font-size: 0.875rem;
}
article .dati img {
width: 100%;
height: 100%;
object-fit: cover;
}
article .temi h3 {
display: flex;
align-items: center;
height: 70px;
padding-left: 80px;
background-position: center left;
background-repeat: no-repeat;
background-size: auto 70px;
}
article .temi h3.new:after {
content: 'Novità';
display: inline-block;
margin-left: 16px;
padding: 4px 6px;
background-color: #008081;
line-height: 1rem;
font-size: 0.765rem;
font-weight: bold;
color: #FFFFFF;
text-transform: uppercase;
vertical-align: middle;
}
article .temi h3.new:lang(en):after {
content: 'New';
}
article .temi p {
font-size: 1.125rem;
line-height: 1.25;
}
article .temi .percentuale {
display: flex;
align-items: center;
font-size: 1.375rem;
line-height: 1;
}
article .temi .percentuale svg {
margin-right: 10px;
}
article .temi .percentuale svg path.bkg {
fill: #CECECE;
}
article .temi .percentuale svg path.arc {
fill: #0066CC;
}
article .temi .percentuale .value {
display: block;
color: #0066CC;
font-size: 4.625rem;
}
article .temi .percentuale .value .perc_sign {
font-size: 2.5rem;
vertical-align: super;
}
article .temi .indicatore_tema {
display: flex;
flex-direction: column;
margin-top: 10px;
padding: 20px 20px 20px 80px;
background: url('../images/circle_check_ico.svg') #0066CC no-repeat 30px 50%;
color: #FFFFFF;
font-size: 1.25rem;
line-height: 1.25;
}
article .temi .indicatore_tema .value {
display: block;
margin-right: 1rem;
font-size: 2.5rem;
}
article .temi .slider {
overflow: hidden;
}
article .temi .slider .slick-list {
margin: 0 -60px;
}
article .temi .slider .slick-slide {
margin: 0 60px;
}
article .temi .slider .slick-dots {
margin-top: 20px;
}
article .temi .slider .slick-dots li.slick-active button {
background: #0066CC;
}
article .dati .valore,
article .temi .valore {
padding: 12px 20px;
margin: 10px 12px;
background-color: #003183;
color: #FFFFFF;
font-size: 1.25rem;
line-height: 1;
}
article .dati .valore .value,
article .temi .valore .value {
display: block;
margin-bottom: 10px;
font-size: 2.5rem;
line-height: 1.1;
}
article .progetti_tema {
margin-bottom: -20px;
}
article .progetti_tema h3 {
margin-bottom: 20px;
padding: 13px 20px;
border-radius: 8px;
background-color: #EFEFEF;
color: #003183;
font-size: 1rem;
font-weight: bold;
text-transform: uppercase;
}
article .progetti_tema h3 strong {
display: inline-block;
width: 100%;
padding-bottom: 2px;
margin-bottom: 2px;
border-bottom: 2px solid #CBCBCB;
color: #0066CC;
font-size: 1.75rem;
}
article .progetti_tema a {
margin-bottom: 20px;
display: block;
padding-top: 80px;
background-position: top center;
background-repeat: no-repeat;
background-size: auto 80px;
text-align: center;
letter-spacing: 0.1px;
}
article .scopri .row {
margin-left: -50px !important;
margin-right: -50px !important;
}
article .scopri .row > * {
padding-left: 50px;
padding-right: 50px;
}
article .scopri .card {
border: none;
padding-bottom: 30px;
}
article .scopri .card > * {
border: none;
padding: 0;
background-color: transparent;
}
article .scopri p {
font-size: 1.125rem;
line-height: 1.25;
}
article .scopri a {
display: block;
margin-top: 16px;
padding: 10px 36px 10px 6px;
border: 10px solid #0066CC;
background: url('../images/arrow_blue.svg') no-repeat center right #0066CC;
color: #FFFFFF;
font-size: 1.125rem;
font-weight: bold;
text-decoration: none;
text-transform: uppercase;
letter-spacing: 0.2px;
}
article #storieterritorio {
margin-bottom: 0;
}
.selector {
padding-top: 16px;
padding-bottom: 16px;
font-size: 1.125rem;
font-weight: bold;
line-height: 34px;
}
.selector .dropdown-toggle {
vertical-align: bottom;
margin-left: 1rem;
font-size: 0.875rem;
line-height: 32px;
border-color: #0066CC;
}
.card-storieterritorio,
.card-contenutieditoriali,
.card-projstory,
.card-asocstory,
.card-video {
background-color: transparent;
border: none;
margin-bottom: 2rem;
}
.card-storieterritorio a > *,
.card-contenutieditoriali a > *,
.card-projstory a > *,
.card-asocstory a > *,
.card-video a > * {
color: #000000;
font-size: 1.125rem;
font-weight: normal;
}
.card-storieterritorio a > *:not(img),
.card-contenutieditoriali a > *:not(img),
.card-projstory a > *:not(img),
.card-asocstory a > *:not(img),
.card-video a > *:not(img) {
padding-right: 36px;
}
.card-storieterritorio a img,
.card-contenutieditoriali a img,
.card-projstory a img,
.card-asocstory a img,
.card-video a img {
width: 100%;
}
.card-storieterritorio a .data_pubblicazione,
.card-contenutieditoriali a .data_pubblicazione,
.card-projstory a .data_pubblicazione,
.card-asocstory a .data_pubblicazione,
.card-video a .data_pubblicazione {
margin: 1rem 0;
font-weight: bold;
}
.card-storieterritorio a h3,
.card-contenutieditoriali a h3,
.card-projstory a h3,
.card-asocstory a h3,
.card-video a h3 {
background: url('../images/arrow_blue.svg') no-repeat top right;
padding-right: 30px;
line-height: 29px;
font-weight: bold;
font-size: 1.25rem;
}
.card-storieterritorio a p:last-of-type,
.card-contenutieditoriali a p:last-of-type,
.card-projstory a p:last-of-type,
.card-asocstory a p:last-of-type,
.card-video a p:last-of-type {
margin-bottom: 0;
}
.card-asocstory a h3 {
background-image: url('../images/arrow_red.svg');
color: #DB3622;
}
.card-storieterritorio a h3,
.card-contenutieditoriali a h3 {
background-position: center right;
font-weight: normal;
}
.card-storieterritorio a .tipo,
.card-contenutieditoriali a .tipo {
margin-bottom: 4px;
}
.card-storieterritorio a .tipo span,
.card-contenutieditoriali a .tipo span {
display: inline-block;
padding: 10px;
line-height: 20px;
color: #FFFFFF;
font-size: 1rem;
text-transform: uppercase;
}
.card-storieterritorio a .tipo span.tipo-asocstory,
.card-contenutieditoriali a .tipo span.tipo-asocstory {
background-color: #DB3622;
}
.card-storieterritorio a .tipo span.tipo-pillola,
.card-contenutieditoriali a .tipo span.tipo-pillola {
background-color: #9C2842;
}
.card-storieterritorio a .tipo span.tipo-projectstory,
.card-contenutieditoriali a .tipo span.tipo-projectstory {
background-color: #3B99B6;
}
.card-storieterritorio a .tipo span.tipo-videostory,
.card-contenutieditoriali a .tipo span.tipo-videostory,
.card-storieterritorio a .tipo span.tipo-videotutorial,
.card-contenutieditoriali a .tipo span.tipo-videotutorial {
background-color: #77B848;
}
.card-storieterritorio {
margin-bottom: 20px;
}
.card-storieterritorio a .img_wrapper + .tipo {
margin-top: -20px;
position: relative;
}
.card-contenutieditoriali a {
display: flex;
flex-direction: column;
gap: 1rem;
}
@media (min-width: 768px) {
.card-contenutieditoriali a {
flex-direction: row;
align-items: center;
}
}
.card-contenutieditoriali a .img_wrapper {
flex-shrink: 0;
width: 200px;
padding-bottom: calc(2 * 200px / 3);
}
.card-contenutieditoriali a .img_wrapper img {
margin-bottom: 0;
}
.card-contenutieditoriali a .text_wrapper {
flex-grow: 1;
}
.card-contenutieditoriali a .text_wrapper h3 {
margin-bottom: 0;
}
.video_wrapper {
position: relative;
padding-bottom: 56.25%;
padding-top: 25px;
height: 0;
}
.video_wrapper > * {
position: absolute !important;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.img_wrapper {
position: relative;
padding-bottom: calc(200% / 3);
height: 0;
}
.img_wrapper img {
position: absolute;
height: 100%;
object-fit: cover;
}
.showmore-button {
display: inline-block;
margin-top: 12px;
cursor: pointer;
color: #0066CC;
font-size: 1.375rem;
font-weight: bold;
text-decoration: underline;
}
.slider .slick-dots {
list-style: none;
margin: 0;
padding: 0;
width: 100%;
text-align: center;
}
.slider .slick-dots li {
display: inline-block;
margin: 0 5px;
padding: 0;
}
.slider .slick-dots li button {
display: inline-block;
border: 0;
background: #CECECE;
height: 4px;
width: 28px;
outline: none;
line-height: 0;
font-size: 0;
color: transparent;
cursor: pointer;
}
.slider .slick-dots li.slick-active button {
background: #DB3622;
}
#asoc_videos .video_thumbnail {
position: relative;
overflow: hidden;
height: 0;
padding-top: 56.25%;
margin-bottom: 10px;
}
#asoc_videos .video_thumbnail img {
position: absolute;
top: 50%;
transform: translateY(-50%);
}
#asoc_videos h3 {
color: #DB3622;
font-size: 1.5rem;
font-weight: bold;
}
#asoc_videos h3 a {
color: inherit;
}
#asoc_videos .slick-slide {
margin: 0 20px;
}
#asoc_videos .slick-dots {
margin-top: 10px;
}
#asoc_videos .slick-dots li.slick-active button {
background: #DB3622;
}
#intro-form form {
display: flex;
margin: 12px auto;
}
@media (min-width: 768px) {
#intro-form form {
width: 80%;
}
}
@media (min-width: 1200px) {
#intro-form form {
width: 40%;
}
}
#intro-form form input {
width: 100%;
border: none;
padding: 18px;
line-height: 20px;
background-color: #0066CC;
color: #FFFFFF;
}
#intro-form form input::placeholder {
color: inherit;
opacity: 1;
}
#intro-form form input::-ms-input-placeholder {
color: inherit;
}
#intro-form form button {
width: 50px;
height: 56px;
overflow: hidden;
text-indent: -9999px;
border: none;
background: url('../images/search_white.svg') #0066CC no-repeat center / 16px;
}
table.communicationcontents > * {
border-top: none !important;
}
table.communicationcontents th,
table.communicationcontents td {
border-bottom: 2px solid #ABABAB !important;
vertical-align: middle;
}
table.communicationcontents th {
font-weight: normal !important;
color: #707070;
text-align: center;
white-space: nowrap;
}
table.communicationcontents th:first-of-type {
min-width: 20%;
text-align: left;
}
table.communicationcontents th:nth-of-type(2) {
width: 25%;
}
table.communicationcontents td:nth-of-type(3),
table.communicationcontents td:nth-of-type(4) {
text-align: center;
}
table.communicationcontents td .cc_type {
float: left;
width: 2rem;
height: 2rem;
overflow: hidden;
text-indent: -9999px;
background-position: center;
background-repeat: no-repeat;
}
table.communicationcontents td .cc_type.cc_type_a {
background-image: url('../images/contenuti_comunicazione/audio.svg');
}
table.communicationcontents td .cc_type.cc_type_i {
background-image: url('../images/contenuti_comunicazione/photo.svg');
}
table.communicationcontents td .cc_type.cc_type_m {
background-image: url('../images/contenuti_comunicazione/multicontent.svg');
}
table.communicationcontents td .cc_type.cc_type_o {
background-image: url('../images/contenuti_comunicazione/oc.svg');
}
table.communicationcontents td .cc_type.cc_type_p {
background-image: url('../images/contenuti_comunicazione/pdf.svg');
}
table.communicationcontents td .cc_type.cc_type_v {
background-image: url('../images/contenuti_comunicazione/video.svg');
}
table.communicationcontents td .cc_type.cc_type_w {
background-image: url('../images/contenuti_comunicazione/url.svg');
}
table.communicationcontents td .cc_title {
float: left;
width: 100%;
margin-top: 0.1875rem;
margin-left: 0.5rem;
margin-right: -2.5rem;
padding-right: 2.5rem;
}
table.communicationcontents td ul {
list-style: none;
margin: 0;
padding: 0;
}
table.communicationcontents td ul li + li {
margin-top: 0.75rem;
}
table.communicationcontents td a {
color: #0066CC;
font-weight: bold;
}
table.communicationcontents td a[href*="//"]:after {
content: url('../images/external_link.svg');
vertical-align: middle;
margin-left: 0.25rem;
}
table.communicationcontents td a:hover {
text-decoration: underline;
}
table.communicationcontents.display {
border-bottom: none !important;
}
table.communicationcontents.display tr {
background-color: transparent !important;
}
table.communicationcontents.display th,
table.communicationcontents.display td {
padding: 0.5rem 18px 0.5rem 0.5rem !important;
border-top: none !important;
}
table.communicationcontents.display th {
text-transform: none !important;
}
.valutazioni_menu {
display: flex;
flex-direction: column;
align-items: start;
gap: 1rem;
line-height: var(--bs-body-line-height);
}
@media (min-width: 768px) {
.valutazioni_menu {
flex-direction: row;
align-items: center;
gap: 3rem;
}
.valutazioni_menu :last-child {
margin-left: auto;
}
}
.valutazioni_menu .dropdown {
white-space: nowrap;
}
.valutazioni_menu .dropdown #submenu {
vertical-align: baseline;
}
.valutazioni_menu .ocbtn {
margin-top: 0;
}
.valutazioni_logo {
padding-top: 2rem;
}
@media (min-width: 992px) {
.valutazioni_logo {
padding-top: 0;
text-align: right;
}
}
.valutazioni_links .ocbtn {
margin-top: 0.5rem;
margin-right: 2rem;
}
.valutazioni_links .download {
margin-top: 0.5rem;
font-size: 0.875rem;
}
.valutazioni_chart p {
font-size: 1.125rem;
}
.valutazioni_chart p:last-of-type {
margin-bottom: 0;
}
@media (min-width: 768px) {
.valutazioni_chart h2 {
margin-top: 5px;
}
.valutazioni_chart .col-md-6:first-of-type > * {
margin-right: 1rem;
}
.valutazioni_chart .col-md-6:last-of-type > * {
margin-left: 1rem;
}
}
#valutazioni_totali.dati .row :first-child {
display: flex;
flex-direction: column;
align-items: start;
}
#valutazioni_totali.dati .valore {
display: inline-block;
margin: auto 0 0 0;
}
@media (min-width: 576px) {
#valutazioni_totali.dati .valore {
padding-left: 110px;
background-image: url('../images/valutazioni/valutazioni_ico.svg');
background-repeat: no-repeat;
background-position: 20px 50%;
background-size: 70px;
}
}
#valutazioni_totali.dati .valore .value {
display: inline-block;
width: 100%;
margin-bottom: 0;
}
#valutazioni_totali.dati img {
height: auto;
margin-top: 1.5rem;
}
@media (min-width: 992px) {
#valutazioni_totali.dati img {
margin-top: 0;
}
}
#valutazioni_totali.dati h2 {
margin-top: 60px;
margin-bottom: 10px;
}
@media (min-width: 576px) {
#valutazioni_totali.dati #stati_avanzamento_highcharts {
height: 100px;
}
}
#valutazioni_totali.dati #map-container {
margin-top: 1.5rem;
background-color: transparent;
}
@media (min-width: 992px) {
#valutazioni_totali.dati #map-container {
margin-top: 0;
}
}
#valutazioni_totali.dati #map-container svg {
max-height: 100%;
}
#valutazioni_totali.dati #map-container path.area {
fill: #0066CC;
}
@media (min-width: 576px) {
#valutazioni_territori.map-outer .map-selectors {
top: 0;
}
}
#valutazioni_territori.map-outer #map-container {
background-color: transparent;
}
#valutazioni_territori.map-outer #map-container svg {
display: block;
margin: 0 auto;
}
@media (min-width: 576px) and (max-width: 767px), (min-width: 1200px) {
#valutazioni_territori.map-outer #map-container svg {
width: 80%;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
#valutazioni_territori.map-outer #map-container svg {
width: 90%;
}
}
#valutazioni_territori.map-outer #map-container ul.map-legend {
background-color: transparent;
padding-right: 0;
}
#valutazioni_territori.map-outer #map-container ul.map-legend li {
font-size: 0.875rem;
}
#main-menu a[href="#"] {
cursor: default;
}
@media (min-width: 992px) {
#main-menu .nav-item {
display: table-cell;
vertical-align: middle;
}
#main-menu .nav-item > .nav-link {
display: table-cell;
padding: 0;
width: 100vw;
height: 54px;
vertical-align: middle;
line-height: 20px;
text-align: center;
text-transform: uppercase;
color: #0066CC;
font-size: 0.875rem;
font-weight: bold;
white-space: nowrap;
transition: none;
}
#main-menu .nav-item > .nav-link:hover,
#main-menu .nav-item > .nav-link:focus,
#main-menu .nav-item > .nav-link.active,
#main-menu .nav-item > .nav-link.highlighted {
color: #FFFFFF;
background-color: #0066CC;
}
#main-menu .nav-item > .nav-link:hover .sub-title,
#main-menu .nav-item > .nav-link:focus .sub-title,
#main-menu .nav-item > .nav-link.active .sub-title,
#main-menu .nav-item > .nav-link.highlighted .sub-title {
color: #FFFFFF;
}
#main-menu .nav-item > .nav-link.btn-search:before {
display: inline-block;
content: url('../images/search_blue.svg');
width: 16px;
height: 16px;
margin-right: 0.5rem;
vertical-align: text-top;
}
#main-menu .nav-item > .nav-link.btn-search:hover:before,
#main-menu .nav-item > .nav-link.btn-search:focus:before,
#main-menu .nav-item > .nav-link.btn-search.active:before,
#main-menu .nav-item > .nav-link.btn-search.highlighted:before {
content: url('../images/search_white.svg');
}
#main-menu .nav-item > .nav-link .sub-title {
display: block;
color: #517EAA;
text-transform: none;
}
#main-menu .nav-item > .nav-link .sub-arrow {
display: none;
}
#main-menu .nav-item > .dropdown-menu .sub-arrow {
border: solid;
border-width: 0 2px 2px 0;
display: inline-block;
padding: 3px;
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
}
#main-menu .dropdown-menu {
background-color: #0066CC;
border: 1px solid #0066CC;
border-radius: 0;
padding-top: 0.5rem;
padding-bottom: 0.5rem;
box-shadow: 0px 28px 25px 6px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 0px 28px 25px 6px rgba(0, 0, 0, 0.2);
}
#main-menu .dropdown-menu .dropdown-item {
padding-top: 0.5rem;
padding-bottom: 0.5rem;
color: #FFFFFF;
}
#main-menu .dropdown-menu .dropdown-item:hover,
#main-menu .dropdown-menu .dropdown-item:focus {
background-color: #FFFFFF;
color: #0066CC;
}
#main-menu .dropdown-menu .dropdown-divider {
margin-left: 1rem;
margin-right: 1rem;
color: #FFFFFF;
border: none;
opacity: initial;
}
}
.cc_div .bar #s-inr {
max-width: 38em;
}
.ocbtn {
display: inline-block;
padding: 10px;
background-color: #0066CC;
color: #FFFFFF;
font-size: 1rem;
font-weight: bold;
text-decoration: none;
text-transform: uppercase;
}
.ocbtn:hover,
.ocbtn:focus,
.ocbtn:active {
color: #FFFFFF;
}
#highlights {
margin-bottom: 60px;
}
#highlights .slide-overtitle,
#highlights .slide-title,
#highlights .slide-text {
margin-bottom: 1.5rem;
}
#highlights .slide-title {
padding: 0 20px;
}
#highlights .slide-title span {
padding: 10px 0;
background-color: #0066CC;
box-shadow: 20px 0 0 #0066CC, -20px 0 0 #0066CC;
box-decoration-break: clone;
-webkit-box-decoration-break: clone;
font-size: 1.625rem;
}
#highlights .carousel-item {
width: 100%;
padding: 60px 0;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
color: #FFFFFF;
font-size: 1.0625rem;
font-weight: bold;
}
@media (min-width: 1200px) {
#highlights .carousel-item {
padding: 60px 130px;
}
}
#highlights .carousel-indicators [data-bs-target] {
width: 28px;
height: 4px;
overflow: hidden;
text-indent: -9999px;
margin-right: 5px;
margin-left: 5px;
}
#daticoesione {
font-size: 1.125rem;
line-height: 1.3;
}
#daticoesione h2 {
font-size: 1.375rem;
font-weight: bold;
text-transform: uppercase;
}
#daticoesione #finanziamenti,
#daticoesione #numeroprogetti {
min-height: 62px;
padding-left: 90px;
margin-top: 20px;
background-position: left top;
background-repeat: no-repeat;
background-size: auto 62px;
}
@media (min-width: 992px) {
#daticoesione #finanziamenti,
#daticoesione #numeroprogetti {
margin-top: 0;
}
}
#daticoesione #finanziamenti .value,
#daticoesione #numeroprogetti .value {
display: block;
font-size: 1.625rem;
line-height: 1.5;
}
#daticoesione #finanziamenti {
background-image: url('../images/home/costo_pubblico_ico.svg');
display: flex;
gap: 1rem;
flex-direction: column;
}
@media (min-width: 576px) {
#daticoesione #finanziamenti {
flex-direction: row;
}
}
#daticoesione #finanziamenti:before {
content: '';
border-top: 1px solid #FFFFFF;
border-left: 1px solid #FFFFFF;
}
#daticoesione #finanziamenti :first-child {
order: -1;
}
#daticoesione #numeroprogetti {
background-image: url('../images/home/progetti_ico.svg');
}
#daticoesione ul {
list-style: none;
margin: 0;
padding: 0;
}
#daticoesione ul li {
display: inline-block;
margin: 20px 20px 0 0;
}
#temisintetici {
margin-bottom: 80px;
}
#temisintetici ul.nav-tabs {
border-bottom: none;
margin-bottom: 2rem;
justify-content: space-between;
gap: 6px;
}
#temisintetici ul.nav-tabs li > * {
display: inline-block;
width: 120px;
height: 120px;
border-radius: 8px;
font-size: 1rem;
}
#temisintetici ul.nav-tabs li h2 {
padding: 20px 10px;
background-color: #EFEFEF;
color: #003183;
font-weight: bold;
text-transform: uppercase;
}
#temisintetici ul.nav-tabs li h2 strong {
display: inline-block;
width: 100%;
padding-bottom: 2px;
margin-bottom: 2px;
border-bottom: 2px solid #CBCBCB;
color: #0066CC;
font-size: 1.5rem;
}
#temisintetici ul.nav-tabs li a {
letter-spacing: 0.1px;
text-align: center;
text-transform: none;
line-height: 1.1;
padding-top: 75px;
background-position: 50% 10px;
background-repeat: no-repeat;
border: 1px solid transparent;
}
#temisintetici ul.nav-tabs li a.active {
border-color: #000000;
}
#temisintetici .tab-content {
font-size: 1.125rem;
line-height: 1.25;
}
#temisintetici .tab-content h3 {
display: flex;
align-items: center;
height: 66px;
padding-left: 76px;
background-position: center left;
background-repeat: no-repeat;
background-size: auto 66px;
font-size: 1.875rem;
font-weight: bold;
}
#faq .carousel .carousel-control-prev,
#territori .carousel .carousel-control-prev,
#faq .carousel .carousel-control-next,
#territori .carousel .carousel-control-next {
position: static;
display: inline-block;
width: 16px;
height: 29px;
overflow: hidden;
text-indent: -9999px;
margin: 0 20px;
background-position: top left;
background-repeat: no-repeat;
transition: none;
opacity: 1;
}
#faq .carousel .carousel-control-prev,
#territori .carousel .carousel-control-prev {
background-image: url('../images/arrow_left_black.svg');
}
#faq .carousel .carousel-control-next,
#territori .carousel .carousel-control-next {
background-image: url('../images/arrow_right_black.svg');
}
#faq {
margin-bottom: 60px;
background: url('../images/home/book.svg') no-repeat 25% 50% #EBEBEB;
background-size: 290px;
}
#faq .question {
margin-bottom: 20px;
color: #003183;
font-size: 1.875rem;
text-transform: uppercase;
line-height: 1.1;
}
#faq .answer {
margin-bottom: 20px;
font-size: 1.125rem;
line-height: 1.25;
}
#faq .carousel {
padding: 70px 0 30px 0;
text-align: right;
}
#faq .carousel .carousel-inner {
padding-bottom: 20px;
text-align: left;
}
#territori {
margin-bottom: 80px;
}
#territori #map-container {
overflow: hidden;
background-color: transparent;
margin-top: -11.11%;
transform: scaleY(0.9);
transform-origin: bottom;
}
#territori #map-container svg {
height: 100%;
transform: scaleY(1.11);
transform-origin: top;
}
#territori .map-selectors {
margin: 20px 0;
}
#territori h2 {
font-size: 1.875rem;
padding-bottom: 16px;
margin-bottom: 20px;
position: relative;
}
#territori h2::after {
position: absolute;
content: '';
width: 50px;
height: 5px;
left: 0;
bottom: 0;
background-color: #0066CC;
}
#territori h3 {
margin-bottom: 20px;
font-size: 2.75rem;
}
#territori p {
font-size: 1.125rem;
line-height: 1.25;
}
#territori .carousel .carousel-inner {
padding-bottom: 30px;
}
#territori .carousel-indicators [data-bs-target] {
transition: none;
opacity: 1;
fill: #EBEBEB;
stroke: #999999;
stroke-width: 0.5;
}
#territori .carousel-indicators [data-bs-target]:hover,
#territori .carousel-indicators [data-bs-target]:focus {
fill: #7EB1EE;
stroke: #003183;
stroke-width: 1;
}
#territori .carousel-indicators [data-bs-target].active {
fill: #0066CC;
stroke: #003183;
stroke-width: 1;
}
#storieterritorio {
margin-bottom: 60px;
}
#storieterritorio .row {
margin-left: -40px !important;
margin-right: -40px !important;
}
#storieterritorio .row > * {
padding-left: 40px;
padding-right: 40px;
}
#storieterritorio h2 {
font-size: 1.875rem;
padding-bottom: 16px;
margin-bottom: 20px;
position: relative;
margin-bottom: 40px;
}
#storieterritorio h2::after {
position: absolute;
content: '';
width: 50px;
height: 5px;
left: 0;
bottom: 0;
background-color: #0066CC;
}
#videotutorial h2 {
font-size: 1.875rem;
padding-bottom: 16px;
margin-bottom: 20px;
position: relative;
}
#videotutorial h2::after {
position: absolute;
content: '';
width: 50px;
height: 5px;
left: 0;
bottom: 0;
background-color: #0066CC;
}
#videotutorial h2:after {
background-color: #FFFFFF;
}
#videotutorial h3 {
margin-bottom: 20px;
font-size: 1.875rem;
font-weight: bold;
text-transform: uppercase;
}
#videotutorial img {
width: 100%;
}
#videotutorial #video-main h4 {
margin-top: 1rem;
font-size: 1.375rem;
font-weight: bold;
text-transform: uppercase;
}
#videotutorial #video-others > :not(:first-child) {
margin-top: 2rem;
}
#videotutorial #video-others h4 {
font-size: 1.125rem;
font-weight: bold;
text-transform: uppercase;
}
#videotutorial #video-others h4 a {
display: inline-block;
padding-bottom: 38px;
background: url('../images/arrow_white.svg') no-repeat bottom left;
color: inherit;
}
#opportunitafinanziamento {
margin-bottom: 80px;
background: url('../images/home/job.svg') no-repeat 90% 50%;
background-size: 150px;
}
#opportunitafinanziamento h2 {
width: 90%;
margin-bottom: 20px;
font-size: 1.875rem;
color: #003183;
text-transform: uppercase;
}
#opportunitafinanziamento p {
width: 60%;
font-size: 1.625rem;
line-height: 1.25;
}
#asoc {
background-color: #F6F6F6;
padding-top: 50px;
padding-bottom: 50px;
}
#asoc h2 {
margin-bottom: 20px;
font-size: 1.25rem;
color: #DB3622;
font-weight: bold;
}
#asoc img {
width: 100%;
margin-bottom: 30px;
}
#asoc p {
font-size: 1.25rem;
line-height: 1.1;
}
#asoc #asoc_videos {
margin-top: 36px;
}
#daticoesione,
#videotutorial {
margin-bottom: 80px;
padding-top: 30px;
padding-bottom: 30px;
background-image: radial-gradient(#EBEBEB 0.4px, transparent 0.8px), linear-gradient(to right, #0066CC, #008081);
background-size: 10px 10px, auto;
color: #FFFFFF;
}
#daticoesione .ocbtn,
#videotutorial .ocbtn {
padding: 6px 10px;
background-color: #FFFFFF;
color: #0066CC;
font-size: 0.875rem;
}
#faq .ocbtn,
#opportunitafinanziamento .ocbtn,
#asoc .ocbtn {
margin-bottom: 20px;
padding: 6px 10px;
font-size: 0.875rem;
}
.new a:after {
content: 'Novità';
display: inline-block;
margin-left: 16px;
padding: 4px 6px;
background-color: #008081;
line-height: 1rem;
font-size: 0.765rem;
font-weight: bold;
color: #FFFFFF;
text-transform: uppercase;
vertical-align: middle;
}
.new a:lang(en):after {
content: 'New';
}
.nav-tabs .nav-link {
border-radius: 0;
transition: none;
margin-right: 2px;
color: #000000;
text-transform: uppercase;
}
.nav-tabs .nav-link:hover:not(.active),
.nav-tabs .nav-link:focus:not(.active) {
background-color: #EEEEEE;
}
.nav-tabs .nav-link.active {
cursor: default;
}
.download-wrapper {
margin-top: 1em;
text-align: right;
}
.flourish-credit {
display: none;
}
main p a,
main table.dataTable a,
main #item-detail a,
main .flatpage a {
color: #0066CC !important;
font-weight: bold;
}
#head,
#tools,
#banner-widget,
.stato-progetto,
.notice {
position: relative;
}
#head::before,
#tools::before,
#banner-widget::before,
.stato-progetto::before,
.notice::before,
#head::after,
#tools::after,
#banner-widget::after,
.stato-progetto::after,
.notice::after {
content: '';
position: absolute;
top: 0;
bottom: 0;
width: calc(50vw - 50%);
background-color: inherit;
}
#head::before,
#tools::before,
#banner-widget::before,
.stato-progetto::before,
.notice::before {
left: calc(50% - 50vw);
}
#head::after,
#tools::after,
#banner-widget::after,
.stato-progetto::after,
.notice::after {
right: calc(50% - 50vw);
}
#head {
display: flex;
align-items: flex-end;
min-height: 160px;
padding-top: 40px;
padding-bottom: 20px;
margin-bottom: 60px;
background-color: #0066CC;
color: #FFFFFF;
}
#head.row {
margin-left: -12px;
margin-right: -12px;
margin-bottom: 0;
padding-left: 0;
padding-right: 0;
}
#head.child {
position: relative;
padding-top: 80px;
}
#head.child .top-link {
position: absolute;
top: 40px;
}
#head.child .top-link a {
color: #65DCDF;
font-weight: bold;
text-transform: uppercase;
padding-bottom: 12px;
position: relative;
}
#head.child .top-link a:after {
position: absolute;
content: '';
width: 60px;
height: 1px;
left: 0;
bottom: 0;
background-color: #65DCDF;
}
#head h1 {
margin: 0;
font-size: 1.75rem;
line-height: 1.3;
overflow-wrap: break-word;
}
#head .date {
margin-bottom: 10px;
}
#head ul#submenu {
list-style: none;
margin: 0;
padding: 0;
display: inline-block;
margin: 30px 0 20px 0;
border: 1px solid #00A2C8;
border-radius: 6px;
}
#head ul#submenu li {
display: inline-block;
font-size: 0.75rem;
text-transform: uppercase;
color: #FFFFFF;
line-height: 28px;
}
#head ul#submenu li.selected {
padding: 0 8px;
background-color: #00A2C8;
}
#head ul#submenu li a {
display: inline-block;
padding: 0 8px;
color: inherit !important;
}
#head ul#submenu li a:active,
#head ul#submenu li a:hover,
#head ul#submenu li a:focus {
text-decoration: none;
}
#head p {
margin: 20px 0 0 0;
line-height: 1.8;
}
#head p a {
color: #65DCDF !important;
}
#head #info-progetto {
margin-bottom: 10px;
}
#head #info-progetto img {
margin-left: 10px;
vertical-align: sub;
}
#head #sintesi-progetto {
margin-top: 20px;
}
#head #sintesi-progetto p {
margin-top: 10px;
}
#head #sintesi-progetto p .more-link,
#head #sintesi-progetto p .less-link {
font-weight: bold;
text-transform: uppercase;
color: inherit !important;
}
#head #sintesi-progetto p .more-link:before,
#head #sintesi-progetto p .less-link:before {
content: '\a ';
white-space: pre;
}
#head #indicatori-realizzazione {
margin-left: 20px;
}
#head #indicatori-realizzazione h2 {
margin: 0 0 15px 0;
font-size: 0.9375rem;
font-weight: bold;
text-align: center;
text-transform: uppercase;
}
#head #indicatori-realizzazione p {
margin: 0;
line-height: normal;
}
#head #indicatori-realizzazione dl {
margin: 25px 0 0 0;
text-align: center;
}
#head #indicatori-realizzazione dl dt {
padding-top: 8px;
border: 1px solid #71A0A9;
border-bottom: none;
font-weight: normal;
}
#head #indicatori-realizzazione dl dd {
padding-bottom: 8px;
border: 1px solid #71A0A9;
border-top: none;
font-size: 1.5rem;
}
#head #indicatori-realizzazione dl dd abbr[title] {
border-bottom: none !important;
cursor: inherit !important;
text-decoration: none !important;
font-size: 0.8em;
}
#head #indicatori-realizzazione dl dd + dt {
margin-top: 10px;
}
#head .carousel {
padding: 0 20px 30px 20px;
}
#head .carousel .carousel-item {
padding: 0 10px;
}
#head .carousel .carousel-control-prev,
#head .carousel .carousel-control-next {
width: 15px;
height: auto;
overflow: hidden;
text-indent: -9999px;
text-shadow: none;
opacity: 1;
background-size: contain;
background-repeat: no-repeat;
background-position: center center;
}
#head .carousel .carousel-control-prev {
background-image: url('../images/arrow_left_white.svg');
}
#head .carousel .carousel-control-next {
background-image: url('../images/arrow_right_white.svg');
}
#head .carousel .carousel-indicators {
bottom: 4px;
margin-bottom: 0;
}
#head .carousel .carousel-indicators [data-bs-target] {
width: 20px;
height: 3px;
overflow: hidden;
text-indent: -9999px;
border: none;
margin: 0 3px;
background-color: #71A0A9;
}
#head .carousel .carousel-indicators [data-bs-target].active {
background-color: #FFFFFF;
}
#programmi2127 {
text-align: center;
margin-top: 20px !important;
margin-bottom: 20px;
}
#programmi2127 h2 {
margin: 0;
text-transform: uppercase;
font-size: 1.1em;
font-weight: bold;
color: #13606F;
line-height: 28px;
}
#programmi2127 p {
margin: 0;
}
#programmi2127 #pr2127-logo {
width: 140px;
height: 55px;
margin-bottom: 5px;
}
#programmi2127 #pr2127-text {
margin-bottom: 10px;
}
@media (min-width: 768px) {
#programmi2127 #pr2127-text {
text-align: left;
}
}
#programmi2127 #pr2127-badge {
padding: 8px 12px;
border-radius: 4px;
background-color: #D5EAEE;
color: #13606F;
text-transform: uppercase;
font-weight: bold;
}
#programmi2127 #pr2127-badge strong {
display: block;
margin: 5px 0;
line-height: 1.1;
font-size: 2.25rem;
font-weight: normal;
}
#banner-widget {
background-color: #E8F4EB;
}
#banner-widget #banner-inner {
padding: 20px 0;
}
#banner-widget #banner-inner h2 {
margin: 0;
text-transform: uppercase;
font-size: 1.1em;
font-weight: bold;
color: #13606F;
line-height: 28px;
}
#banner-widget #banner-inner p {
margin: 0;
}
#banner-widget #banner-inner button {
margin: 0;
padding: 0;
border: 0;
background-color: transparent;
color: #0066CC;
font-weight: bold;
text-transform: uppercase;
}
@media (min-width: 992px) {
#banner-widget #banner-inner {
display: table;
height: 130px;
background: url(../images/widget/banner.png) no-repeat top right;
padding: 0 420px 0 0;
}
#banner-widget #banner-inner #banner-text {
display: table-cell;
vertical-align: middle;
}
}
.modal {
z-index: 11000;
text-align: center;
}
@media screen and (min-width: 576px) {
.modal:before {
display: inline-block;
vertical-align: middle;
content: '';
height: 100%;
}
}
.modal .btn-close {
background-size: 0.6em;
}
.modal-dialog {
display: inline-block;
text-align: left;
vertical-align: middle;
}
#widget-modal .modal-content {
background-color: #E8F4EB;
}
#widget-modal .modal-header {
padding-left: 30px;
border-color: #CECECE;
}
#widget-modal .modal-header h2 {
margin: 0;
text-transform: uppercase;
font-size: 1.1em;
font-weight: bold;
color: #13606F;
line-height: 19px;
}
#widget-modal .modal-body {
padding: 10px 30px 30px 30px;
}
#widget-modal .modal-body textarea {
width: 100%;
height: 140px;
overflow: hidden;
padding: 10px;
margin: 10px 0;
background-color: transparent;
border: 1px solid #000000;
font-size: 0.8125rem;
}
#widget-modal .modal-body button {
margin: 0;
padding: 0;
border: 0;
background-color: transparent;
color: #0066CC;
font-weight: bold;
text-transform: uppercase;
}
#widget-modal .modal-body iframe {
display: block;
width: 80% !important;
margin: 30px auto 0 auto;
}
#message-modal .modal-content {
background-color: #E8F4EB;
}
#message-modal .modal-header {
padding-left: 30px;
border-color: #CECECE;
}
#message-modal .modal-header h2 {
margin: 0;
text-transform: uppercase;
font-size: 1.1em;
font-weight: bold;
color: #13606F;
line-height: 19px;
}
#message-modal .modal-body {
padding: 10px 30px 30px 30px;
}
#message-modal .modal-body ul.messages {
list-style: none;
margin: 0;
padding: 0;
margin-bottom: 16px;
}
#message-modal .modal-body a {
color: #0066CC;
font-weight: bold;
text-transform: uppercase;
}
#tools {
background-color: #175798;
color: #FFFFFF;
border-top: 1px solid #CECECE;
padding: 16px 0;
}
#tools::before,
#tools::after {
top: -1px;
border: inherit;
}
#tools a {
color: inherit;
}
#tools .dropdown {
display: inline-block;
}
#tools .dropdown .dropdown-toggle {
vertical-align: initial;
line-height: 28px;
}
#tools span#ciclo-programmazione {
font-weight: bold;
line-height: 30px;
}
#tools #regione-wrapper,
#tools #search-link,
#tools #filter-form {
display: inline-block;
margin-left: 30px;
padding-left: 30px;
border-left: 1px solid #CECECE;
}
#tools #filter-form label,
#tools #filter-form button {
display: none;
}
#tools #search-link {
line-height: 30px;
text-transform: uppercase;
}
#tools #opendata-links {
font-weight: bold;
}
#tools #opendata-links ul {
display: inline-block;
list-style: none;
margin: 0;
padding: 0;
}
#tools #opendata-links ul li {
display: inline-block;
position: relative;
margin-left: 16px;
padding: 10px 0 10px 34px;
line-height: 17px;
}
#tools #opendata-links ul li:before {
content: '';
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 26px;
min-height: 26px;
max-height: 54px;
background-position: 0 50%;
background-repeat: no-repeat;
background-size: contain;
}
#tools #opendata-links ul li.opendata-csv:before {
background-image: url('../images/csv.svg');
}
#tools #opendata-links ul li.opendata-json:before {
background-image: url('../images/json.svg');
}
#tematizzazione ul {
list-style: none;
margin: 0;
padding: 0;
text-align: center;
}
#tematizzazione > ul {
display: flex;
flex-direction: column;
border: 1px solid #CECECE;
}
#tematizzazione > ul li {
display: block;
flex: 1 1 0;
}
#tematizzazione > ul li a {
display: block;
height: 100%;
padding: 10px 0;
font-size: 0.9375rem;
}
#tematizzazione > ul li a:hover,
#tematizzazione > ul li a:focus {
text-decoration: none;
background-color: #EEEEEE;
}
#tematizzazione > ul li a.active {
cursor: default;
text-decoration: none;
background-color: #0066CC;
color: #FFFFFF;
}
#tematizzazione > ul li a span.value {
display: block;
font-size: 1.5rem;
}
#tematizzazione > ul li li {
padding: 5px 12px;
font-style: italic;
}
#tematizzazione > ul li li + li {
position: relative;
}
#tematizzazione > ul li li + li:before {
content: '';
display: inline-block;
width: 70%;
height: 1px;
background-color: #CECECE;
position: absolute;
top: 0;
left: 15%;
}
#tematizzazione > ul li li a {
padding: 0;
border-radius: 12px;
font-style: normal;
}
#tematizzazione > ul > li {
position: relative;
}
#tematizzazione > ul > li + li {
border-top: 1px solid #CECECE;
}
#tematizzazione > ul > li > a {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
#tematizzazione > ul > li .tematizzazione-help {
display: block;
width: 20px;
height: 20px;
overflow: hidden;
text-indent: -9999px;
position: absolute;
top: 5px;
right: 5px;
padding: 0;
border-radius: 50%;
background: url('../images/help.svg') no-repeat center;
background-color: #FFFFFF !important;
cursor: pointer !important;
}
#tematizzazione > ul > li .tematizzazione-help:hover,
#tematizzazione > ul > li .tematizzazione-help:focus {
background-color: inherit;
}
@media (min-width: 768px) {
#tematizzazione > ul {
flex-direction: row;
}
#tematizzazione > ul > li + li {
border-top: none;
border-left: 1px solid #CECECE;
}
}
.stato-progetto {
background-color: #F8F8F8;
border-top: 1px solid #CECECE;
top: -1px;
}
.stato-progetto:before,
.stato-progetto:after {
border-top: 1px solid #CECECE;
top: -1px;
}
.stato-progetto ul {
flex-direction: column;
}
@media (min-width: 768px) {
.stato-progetto ul {
flex-direction: row;
}
}
.stato-progetto ul li a {
padding: 60px 0 10px 0;
color: #000000;
font-size: 0.9375rem;
background-position: 50% 16px;
background-repeat: no-repeat;
background-size: 36px 36px;
}
.stato-progetto ul li a:hover,
.stato-progetto ul li a:focus {
color: inherit;
background-color: #EEEEEE;
}
.stato-progetto ul li a span.value {
display: block;
font-size: 1.25rem;
}
.stato-progetto ul li:nth-of-type(1) a {
background-image: url('../images/statoprogetto/sp_4.svg');
}
.stato-progetto ul li:nth-of-type(2) a {
background-image: url('../images/statoprogetto/sp_3.svg');
}
.stato-progetto ul li:nth-of-type(3) a {
background-image: url('../images/statoprogetto/sp_2.svg');
}
.stato-progetto ul li:nth-of-type(4) a {
background-image: url('../images/statoprogetto/sp_1.svg');
}
.stato-progetto ul li:nth-of-type(5) a {
background-image: url('../images/statoprogetto/sp_0.svg');
}
.stato-progetto .stato-progetto-help {
text-align: right;
padding: 6px 0;
}
.stato-progetto .stato-progetto-help a {
display: inline-block;
width: 16px;
height: 16px;
overflow: hidden;
text-indent: -9999px;
background: url('../images/help.svg') no-repeat center;
text-align: left;
}
.data-notes,
.data-update {
margin-top: 10px;
margin-bottom: 50px;
color: #13606F;
}
.data-notes > :last-child {
text-align: right;
}
.data-notes a {
color: inherit;
text-decoration: underline;
}
.data-update {
text-align: right;
}
.block-chart {
overflow: hidden;
margin-bottom: 40px;
}
.block-chart#programmi {
margin-top: 0;
}
.block-chart h2 {
margin: 0;
color: #0066CC;
font-size: 1.25rem;
font-weight: bold;
}
.block-chart h2 + p {
font-size: 1rem;
}
.block-chart table.highcharts_legend {
float: left;
width: 320px;
margin-top: 10px;
}
.block-chart table.highcharts_legend[id^="fonti_"] {
width: auto;
}
.block-chart table.highcharts_legend td {
padding: 5px 0;
vertical-align: top;
}
.block-chart table.highcharts_legend td.amount {
padding-left: 8px;
text-align: right;
white-space: nowrap;
}
.block-chart table.highcharts_legend span {
display: inline-block;
width: 8px;
height: 8px;
border-radius: 4px;
margin-right: 10px;
}
.block-chart table.highcharts_legend + .highcharts_wrapper {
float: right;
}
.block-highlight {
margin-bottom: 40px;
}
.block-highlight h2 {
font-size: 1.875rem;
padding-bottom: 16px;
margin-bottom: 20px;
position: relative;
}
.block-highlight h2::after {
position: absolute;
content: '';
width: 50px;
height: 5px;
left: 0;
bottom: 0;
background-color: #0066CC;
}
.block-highlight table {
width: 100%;
margin: 0;
}
.block-highlight table tr td {
padding: 8px 0;
vertical-align: top;
overflow-wrap: break-word;
}
.block-highlight table tr td.amount {
padding-left: 8px;
text-align: right;
white-space: nowrap;
}
.block-highlight table tr + tr td {
border-top: 1px solid #CECECE;
}
.block-highlight#top-comuni p {
margin-top: 12px;
line-height: 1.8;
color: #000000;
font-size: 0.6875rem;
}
.block-highlight#altri-progetti {
margin-bottom: 0;
}
.block-highlight#altri-progetti h2 {
margin-top: 40px;
margin-bottom: 20px;
}
.block-highlight#altri-progetti h3 {
color: #0066CC;
font-size: 1.25rem;
font-weight: bold;
}
.block-highlight img {
margin-bottom: 30px;
}
.block-highlight p {
font-size: 0.9375rem;
}
.block-highlight .go-page {
margin-top: 1.5em;
text-transform: uppercase;
}
.block-highlight .pillola-home img {
width: 100%;
margin: 0;
}
.block-highlight .pillola-home h3 {
font-size: 1.25rem;
margin-bottom: 14px;
}
.block-highlight .pillola-home .date {
font-weight: bold;
text-transform: uppercase;
margin-bottom: 14px;
}
.block-highlight .news-home {
margin-bottom: 30px;
}
.block-highlight .news-home h3 {
margin-top: 0;
margin-bottom: 14px;
font-size: 1.25rem;
text-transform: uppercase;
}
.block-highlight .news-home .date {
padding: 8px;
background-color: #0066CC;
color: #FFFFFF;
text-transform: uppercase;
text-align: center;
}
.block-highlight .news-home .date span {
display: block;
}
.block-highlight .news-home .date span.day {
padding-bottom: 4px;
margin-bottom: 4px;
border-bottom: 1px solid #FFFFFF;
font-size: 1.75rem;
}
.block-highlight .news-home .date span.month {
font-size: 1.125rem;
}
.map-outer {
position: relative;
}
.map-outer .map-selectors {
margin-bottom: 12px;
}
@media (min-width: 576px) and (max-width: 767px), (min-width: 1200px) {
.map-outer .map-selectors {
position: absolute;
top: 12px;
right: -8px;
text-align: right;
}
}
.map-selectors {
overflow: hidden;
}
.map-selectors ul {
float: left;
border: none;
margin-right: 8px;
}
.map-selectors ul li a {
display: inline-block;
border: 1px solid #0066CC;
font-size: 0.75rem;
text-transform: uppercase;
text-decoration: none;
line-height: 40px;
padding: 0 12px;
}
.map-selectors ul li a.active {
background-color: #0066CC;
color: #FFFFFF;
}
.map-selectors ul li:first-child a {
border-top-left-radius: 6px;
border-bottom-left-radius: 6px;
}
.map-selectors ul li:last-child a {
border-top-right-radius: 6px;
border-bottom-right-radius: 6px;
}
.map-selectors ul li + li {
margin-left: -1px;
}
.search-territorio .typeahead__container {
background-color: #CECECE;
padding: 8px;
}
.search-territorio .typeahead__field {
border-radius: 10px;
padding: 0 10px 0 30px;
background: url(../images/search_gray.svg) no-repeat 8px 50% #FFFFFF;
background-size: 14px;
}
.search-territorio .typeahead__field input {
padding: 0;
border: none;
line-height: 26px;
font-size: 1rem;
}
.search-territorio .typeahead__button {
display: none;
}
.search-territorio .typeahead__list {
padding: 0;
font-size: 0.875rem;
}
.search-territorio .typeahead__list li {
padding: 0;
border: none;
}
#map-container {
position: relative;
background-color: #F8F8F8;
margin-top: 2px;
}
#map-container svg {
width: 100%;
}
#map-container svg path.area {
fill: #CECECE;
}
#map-container svg path.area[style*="fill"] {
cursor: pointer;
}
#map-container svg path.area[style*="fill"]:hover,
#map-container svg path.area[style*="fill"]:focus {
opacity: 0.75;
}
#map-container svg circle.marker {
stroke: #FFFFFF;
stroke-width: 2 !important;
fill: #0066CC;
}
#map-container .map-controls {
position: absolute;
bottom: 10px;
right: 10px;
}
#map-container .map-controls .btn {
color: #999999;
border-color: #999999;
background-color: #FFFFFF;
}
#map-container .map-controls .btn img {
vertical-align: -0.125em;
}
#map-container ul.map-legend {
list-style: none;
margin: 0;
padding: 0;
position: absolute;
top: 0;
right: 0;
padding: 10px 16px;
background-color: #F8F8F8;
}
#map-container ul.map-legend li {
padding: 6px 0;
line-height: 1;
font-size: 0.75rem;
}
#map-container ul.map-legend li span {
display: inline-block;
width: 10px;
height: 10px;
border-radius: 5px;
margin-right: 6px;
}
#map2-container {
margin-top: 2px;
}
.d3-tip,
.d3-tip1,
.d3-tip2 {
z-index: 3;
pointer-events: none;
padding: 16px;
border-radius: 10px;
background-color: #000000;
color: #FFFFFF;
font-size: 0.75rem;
text-transform: uppercase;
}
.d3-tip ul,
.d3-tip1 ul,
.d3-tip2 ul {
list-style: none;
margin: 0;
padding: 0;
margin-top: 10px;
text-transform: none;
}
.d3-tip:after,
.d3-tip1:after,
.d3-tip2:after {
content: '';
position: absolute;
left: 50%;
top: 100%;
width: 0;
height: 0;
margin-left: -3px;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-top: 6px solid #000000;
}
.totale {
margin-bottom: 26px;
padding: 10px;
background-color: #0066CC;
color: #FFFFFF;
font-size: 1rem;
text-align: center;
}
.totale strong {
display: block;
font-size: 1.875rem;
font-weight: normal;
}
.totale.pagamenti {
background-image: url('data:image/gif;base64,R0lGODlhAQABAIAAABdXmAAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==');
background-repeat: no-repeat;
position: relative;
}
.totale.pagamenti .perc-label {
color: #175798;
position: absolute;
bottom: -26px;
line-height: 18px;
padding-top: 8px;
}
.totale.pagamenti .perc-label::before {
content: '';
display: block;
position: absolute;
left: 0;
top: 0;
height: 8px;
border-left: 1px solid #175798;
}
.totale.pagamenti .perc-label.m::before {
margin-left: -1px;
left: 50%;
}
.totale.pagamenti .perc-label.r::before {
margin-left: -1px;
left: 100%;
}
.block-classification {
margin-bottom: 30px;
}
.block-classification h2 {
margin-top: 0;
padding-bottom: 10px;
border-bottom: 1px solid #CECECE;
color: #0066CC;
font-size: 1.25rem;
font-weight: bold;
}
.block-classification ul {
list-style: none;
margin: 0;
padding: 0;
text-transform: uppercase;
}
.block-classification ul a {
font-weight: bold;
}
.block-classification ul#area-list {
margin-top: -10px;
text-transform: none;
}
.block-classification ul#area-list li {
padding: 16px 0;
border-bottom: 1px solid #CECECE;
}
.block-classification dl dt {
margin: 14px 0 0 0;
}
.block-classification dl dt:first-of-type {
margin-top: 0;
}
.block-classification dl.soggetti dt {
padding-top: 14px;
border-top: 1px solid #CECECE;
text-transform: uppercase;
font-weight: normal;
}
.block-classification dl.soggetti dt:first-of-type {
padding-top: 0;
border-top: none;
}
.block-classification dl.soggetti dd {
font-weight: bold;
}
.block-classification dl.qsn dt {
text-transform: uppercase;
}
.block-classification dl.ambito {
display: flex;
flex-flow: row wrap;
column-gap: 2rem;
margin: 1rem 0 0 0;
padding: 0.5rem 1rem;
background-color: #F8F8F8;
}
.block-classification dl.ambito dt,
.block-classification dl.ambito dd {
flex: 1 100%;
}
.block-classification dl.ambito dt {
margin-top: 12px;
font-size: 1.125rem;
font-weight: normal;
}
.block-classification dl.ambito dd {
margin: 0;
}
.block-classification dl.ambito > dt:first-of-type {
margin-top: 0;
font-size: 1.25rem;
}
.block-classification dl.ambito > dd:first-of-type {
font-size: 1.0625rem;
font-weight: bold;
}
.block-classification dl.ambito div dd {
font-weight: bold;
}
.search-head {
display: flex;
align-items: flex-end;
height: 38px;
margin-bottom: 20px;
padding-bottom: 10px;
border-bottom: 1px solid #CECECE;
font-weight: bold;
}
.search-head ul {
list-style: none;
margin: 0;
padding: 0;
margin: 0 40px 0 auto;
float: right;
}
.search-head ul li {
float: left;
margin-left: 30px;
}
.search-head p {
margin: 0;
}
.search-item {
font-size: 0.9375rem;
}
.search-item + .search-item {
margin-top: 30px;
padding-top: 30px;
border-top: 1px solid #CECECE;
}
.search-item h3 {
margin: 0;
font-size: inherit;
font-weight: bold;
}
.search-item .totale {
padding: 4px;
}
.search-item .totale strong {
display: inline;
font-size: 1.0625rem;
white-space: nowrap;
}
.search-item.search-item-progetto .cup {
margin-bottom: 20px;
font-size: 0.875rem;
}
.search-item.search-item-progetto .title {
margin-bottom: 20px;
padding-left: 140px;
min-height: 60px;
position: relative;
}
.search-item.search-item-progetto .statoprogetto {
position: absolute;
top: 0;
left: 0;
width: 140px;
height: 60px;
padding-top: 40px;
color: #999999;
font-weight: bold;
text-align: center;
background-position: 50% 0;
background-repeat: no-repeat;
background-size: 40px 40px;
}
.search-item.search-item-progetto .statoprogetto.statoprogetto0 {
background-image: url('../images/statoprogetto/sp_0.svg');
}
.search-item.search-item-progetto .statoprogetto.statoprogetto1 {
background-image: url('../images/statoprogetto/sp_1.svg');
}
.search-item.search-item-progetto .statoprogetto.statoprogetto2 {
background-image: url('../images/statoprogetto/sp_2.svg');
}
.search-item.search-item-progetto .statoprogetto.statoprogetto3 {
background-image: url('../images/statoprogetto/sp_3.svg');
}
.search-item.search-item-progetto .statoprogetto.statoprogetto4 {
background-image: url('../images/statoprogetto/sp_4.svg');
}
.search-item.search-item-progetto .totale {
margin-bottom: 30px;
}
.search-item.search-item-progetto dl {
margin: 0;
}
.search-item.search-item-progetto dl * {
display: inline;
}
.search-item.search-item-progetto dl dt {
font-weight: normal;
margin-left: 20px;
}
.search-item.search-item-progetto dl dt:first-of-type {
margin-left: 0;
}
.search-item.search-item-progetto dl dd a {
font-weight: bold;
}
.search-item.search-item-soggetto .title,
.search-item.search-item-soggetto .ruolo {
margin-bottom: 16px;
}
.search-item.search-item-soggetto .ruolo {
font-size: 0.875rem;
}
.search-item.search-item-soggetto .totale {
margin-bottom: 10px;
}
ul.paginator {
list-style: none;
margin: 0;
padding: 0;
margin: 100px 0 20px 0;
float: right;
}
ul.paginator li {
float: left;
}
ul.paginator li span,
ul.paginator li a {
margin: 10px 15px;
}
ul.paginator li .next,
ul.paginator li .prev {
margin: 0;
padding: 10px 15px;
background-color: #0066CC;
color: #FFFFFF;
text-transform: uppercase;
}
ul.paginator li .next {
margin-left: 15px;
}
ul.paginator li .prev {
margin-right: 15px;
}
ul.paginator li .active {
color: #0066CC;
}
#search-reset {
text-align: right;
}
#search-reset a {
color: #0066CC;
font-size: 0.75rem;
font-weight: bold;
text-transform: uppercase;
}
.search-activefilter {
padding: 20px 14px;
background-color: #E9E9E9;
border: 1px solid #CECECE;
border-bottom: none;
}
.search-activefilter h2 {
margin: 10px 0 !important;
}
.search-activefilter ul {
list-style: none;
margin: 0;
padding: 0;
}
.search-activefilter ul li {
position: relative;
margin-top: 16px;
padding-left: 40px;
font-weight: bold;
color: #A8A8A8;
line-height: 1.2;
font-size: 0.9375rem;
}
.search-activefilter ul li a {
position: absolute;
left: 0;
top: 50%;
margin-top: -15px;
width: 30px;
height: 30px;
overflow: hidden;
text-indent: -9999px;
background: url('../images/icons/x.svg') #A8A8A8 no-repeat center / 1.8em;
}
.search-activefilter ul li a:hover,
.search-activefilter ul li a:focus {
color: #A8A8A8;
background-color: #FFFFFF;
}
.search-activefilter ul li span {
display: block;
color: #000000;
}
.search-filter {
background-color: #F8F8F8;
border: 1px solid #CECECE;
}
.search-filter h2 {
margin: 20px 14px !important;
}
.search-filter .panel {
border-top: 1px solid #CECECE;
background-color: #FFFFFF;
}
.search-filter .panel .panel-heading .panel-title {
margin: 0;
font-size: 1rem;
}
.search-filter .panel .panel-heading .panel-title a {
display: block;
background: url(../images/arrow_gray_up.svg) no-repeat 95% 50%;
background-size: 14px;
padding: 12px;
text-transform: uppercase;
}
.search-filter .panel .panel-heading .panel-title a:hover,
.search-filter .panel .panel-heading .panel-title a:focus {
text-decoration: none;
}
.search-filter .panel .panel-heading .panel-title a.collapsed {
background-color: #F8F8F8;
background-image: url(../images/arrow_blue_dw.svg);
}
.search-filter .panel .panel-collapse form {
padding: 0 14px 14px 14px;
}
.search-filter .panel .panel-collapse form button,
.search-filter .panel .panel-collapse form input {
line-height: 2;
}
.search-filter .panel .panel-collapse form button {
background-color: #0066CC;
border-color: #0066CC;
}
.search-filter .panel .panel-collapse form .typeahead__container {
font-size: 0.875rem;
}
.search-filter .panel .panel-collapse form .typeahead__search-icon {
background-image: url(../images/search_white.svg);
background-size: 16px;
}
.search-filter .panel .panel-collapse form .typeahead__list {
padding: 0;
}
.search-filter .panel .panel-collapse form .typeahead__list li {
padding: 0;
border: none;
}
.search-filter .panel .panel-collapse ul {
list-style: none;
margin: 0;
padding: 0;
padding: 0 14px 14px 14px;
}
.search-filter .panel .panel-collapse ul li {
padding: 4px 0;
color: #A8A8A8;
}
.search-filter .panel .panel-collapse p {
margin: 0;
padding: 4px 14px 14px 14px;
}
#documenti-programma p {
margin: 30px 0 0 0;
}
#documenti-programma ul {
list-style: none;
margin: 0;
padding: 0;
}
#documenti-programma ul#resources {
margin-top: 50px;
}
#documenti-programma ul#resources > li + li {
margin-top: 40px;
padding-top: 40px;
border-top: 1px solid #CECECE;
}
#documenti-programma ul#resources > li h2 {
margin: 0 0 26px 0;
font-size: 1.25rem;
font-weight: bold;
}
#documenti-programma ul#resources > li li {
position: relative;
padding: 10px 0 10px 40px;
line-height: 17px;
font-size: 0.9375rem;
}
#documenti-programma ul#resources > li li:before {
content: '';
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 26px;
min-height: 26px;
max-height: 54px;
background-position: 0 50%;
background-repeat: no-repeat;
background-size: contain;
}
#documenti-programma ul#resources > li li.resource-file:before {
background-image: url('../images/file.svg');
}
#documenti-programma ul#resources > li li.resource-link:before {
background-image: url('../images/link.svg');
}
#documenti-programma ul#resources > li li a {
font-weight: bold;
}
#comunicazione-programma p {
margin: 30px 0 0 0;
}
#comunicazione-programma h2 {
margin: 50px 0 26px 0;
font-size: 1.25rem;
font-weight: bold;
}
#indicators {
margin-top: 40px;
}
#indicators .topic-selector {
flex-direction: column;
}
#indicators .topic-selector li a {
border-radius: 0;
transition: none;
color: #000000;
font-size: 0.8125rem;
text-transform: uppercase;
}
#indicators .topic-selector li a:hover,
#indicators .topic-selector li a:focus {
background-color: #EEEEEE;
}
#indicators .topic-selector li a.active {
color: #FFFFFF;
background-color: #0066CC;
}
#indicators section {
position: relative;
background-color: #F8F8F8;
}
#indicators section header {
padding: 10px;
background-color: #CECECE;
text-align: center;
text-transform: uppercase;
font-weight: bold;
}
#indicators section form {
position: relative;
padding: 20px 30px 30px 30px;
}
#indicators section form .indicator-selector {
text-align: center;
}
#indicators section form .indicator-selector select {
text-align: center;
}
#indicators section form .location-selector {
position: absolute;
left: 30px;
bottom: 30px;
}
#indicators section form .location-selector button {
line-height: 30px;
padding: 0 14px;
margin-left: 16px;
border: none;
background-color: #0066CC;
color: #FFFFFF;
text-transform: uppercase;
font-size: 0.75rem;
font-weight: bold;
}
#indicators section .chart-exporter {
display: inline-block;
position: absolute;
top: 10px;
right: 10px;
width: 20px;
height: 20px;
overflow: hidden;
text-indent: -9999px;
border: none;
background: url('../images/chart_export.svg') no-repeat top left / contain;
}
.progetto-detail .notice {
background: url(../images/alert.svg) no-repeat 0 20px #F8F8F8;
padding: 20px 40px;
line-height: 25px;
font-size: 0.9375rem;
font-weight: bold;
text-transform: uppercase;
}
.progetto-detail .notice a {
text-decoration: underline;
}
.progetto-detail .notice ul {
list-style: none;
margin: 0;
padding: 0;
font-weight: normal;
}
.progetto-detail .stato-progetto {
margin-bottom: 100px;
padding: 20px 0;
}
.progetto-detail .stato-progetto .stato {
text-align: center;
margin-bottom: 20px;
}
.progetto-detail .stato-progetto .stato > * {
display: inline-block;
line-height: 25px;
}
.progetto-detail .stato-progetto .stato h2 {
margin: 0;
font-size: 1.375rem;
font-weight: bold;
}
.progetto-detail .stato-progetto .stato .statoprogetto {
font-size: 1rem;
margin-left: 20px;
padding-left: 35px;
background-position: left center;
background-repeat: no-repeat;
background-size: contain;
}
.progetto-detail .stato-progetto .stato .statoprogetto.statoprogetto0 {
background-image: url('../images/statoprogetto/sp_0.svg');
}
.progetto-detail .stato-progetto .stato .statoprogetto.statoprogetto1 {
background-image: url('../images/statoprogetto/sp_1.svg');
}
.progetto-detail .stato-progetto .stato .statoprogetto.statoprogetto2 {
background-image: url('../images/statoprogetto/sp_2.svg');
}
.progetto-detail .stato-progetto .stato .statoprogetto.statoprogetto3 {
background-image: url('../images/statoprogetto/sp_3.svg');
}
.progetto-detail .stato-progetto .stato .statoprogetto.statoprogetto4 {
background-image: url('../images/statoprogetto/sp_4.svg');
}
.progetto-detail .stato-progetto .date {
background-color: #FFFFFF;
padding: 10px 0;
}
.progetto-detail .stato-progetto .date .data {
display: inline-block;
margin: 10px 0 10px 30px;
padding-left: 26px;
line-height: 16px;
background-position: left center;
background-repeat: no-repeat;
background-size: contain;
}
.progetto-detail .stato-progetto .date .data.data-prevista {
background-image: url('../images/time_grey.svg');
}
.progetto-detail .stato-progetto .date .data.data-effettiva {
background-image: url('../images/time_blue.svg');
}
@media (min-width: 768px) {
.progetto-detail .stato-progetto .date :last-child {
text-align: right;
}
.progetto-detail .stato-progetto .date :last-child .data {
text-align: left;
margin-left: 0;
margin-right: 30px;
}
}
.progetto-detail #finanziamenti-altro {
margin: -40px 0 40px 0;
}
.progetto-detail #finanziamenti-altro dl {
overflow: hidden;
margin: 0;
}
.progetto-detail #finanziamenti-altro dl * {
float: left;
}
.progetto-detail #finanziamenti-altro dl dt {
clear: both;
font-weight: normal;
}
.progetto-detail #finanziamenti-altro dl dd {
margin-left: 10px;
font-weight: bold;
}
.progetto-detail #finanziamenti-altro dl.altre-risorse {
margin-top: 12px;
padding-top: 12px;
border-top: 1px solid #CECECE;
}
.progetto-detail #location-list {
margin-bottom: 20px;
text-transform: none;
}
.progetto-detail #location-list li {
display: inline;
}
.progetto-detail #location-list li:after {
content: ',';
}
.progetto-detail #location-list li:last-of-type:after {
content: '';
}
.progetto-detail #contenuti-editoriali {
--bs-gutter-x: 2.5rem;
margin-top: 3rem;
margin-left: calc(-0.5 * var(--bs-gutter-x));
margin-right: calc(-0.5 * var(--bs-gutter-x));
padding-left: 0;
padding-right: 0;
}
.progetto-detail #contenuti-editoriali .monitoraggi-asoc {
margin-bottom: 30px;
}
.progetto-detail #contenuti-editoriali .monitoraggi-asoc h2 {
width: auto;
height: 50px;
overflow: hidden;
text-indent: -9999px;
margin: 0 0 1.5rem 0;
background: url('../images/home/ascuoladiopencoesione_it.png') no-repeat top left / auto 40px;
}
.progetto-detail #contenuti-editoriali .monitoraggi-asoc h2:lang(en) {
background-image: url('../images/home/ascuoladiopencoesione_en.png');
}
.progetto-detail #contenuti-editoriali .monitoraggi-asoc .monitoraggio-asoc {
text-transform: uppercase;
}
.progetto-detail #contenuti-editoriali .monitoraggi-asoc .monitoraggio-asoc br {
display: block;
margin-top: 10px;
content: ' ';
}
.progetto-detail #contenuti-editoriali .monitoraggi-asoc .monitoraggio-asoc a {
font-weight: bold;
}
.progetto-detail #contenuti-editoriali .monitoraggi-asoc .monitoraggio-asoc + .monitoraggio-asoc,
.progetto-detail #contenuti-editoriali .monitoraggi-asoc .monitoraggio-asoc + .card-asocstory {
margin-top: 10px;
padding-top: 10px;
border-top: 1px solid #CECECE;
}
table.dataTable {
padding-top: 30px;
}
table.dataTable th {
text-align: center;
text-transform: uppercase;
white-space: nowrap;
}
table.programmi,
table.aree,
table.traiettorie_s3,
table.accordi_coesione {
width: 100%;
border-collapse: separate;
padding-top: 0;
font-size: 0.8125rem;
}
table.programmi tr:nth-child(odd) td,
table.aree tr:nth-child(odd) td,
table.traiettorie_s3 tr:nth-child(odd) td,
table.accordi_coesione tr:nth-child(odd) td {
background-color: #F8F8F8;
}
table.programmi th,
table.aree th,
table.traiettorie_s3 th,
table.accordi_coesione th {
text-align: center;
text-transform: none;
font-weight: normal !important;
font-style: italic;
padding: 10px 18px;
border-bottom: 1px solid #111111;
}
table.programmi td,
table.aree td,
table.traiettorie_s3 td,
table.accordi_coesione td {
box-sizing: content-box;
padding: 8px 10px;
height: 24px;
border-top: none !important;
}
table.programmi td + td,
table.aree td + td,
table.traiettorie_s3 td + td,
table.accordi_coesione td + td {
border-left: 1px solid #CECECE;
}
table.programmi td.amount,
table.aree td.amount,
table.traiettorie_s3 td.amount,
table.accordi_coesione td.amount {
text-align: right;
white-space: nowrap;
}
table.programmi td a,
table.aree td a,
table.traiettorie_s3 td a,
table.accordi_coesione td a {
color: #000000 !important;
font-weight: bold;
text-decoration: underline;
}
.dataTables_wrapper.no-footer .dataTables_scrollBody {
border-bottom: none !important;
}
.dataTables_wrapper .dataTables_filter input[type="search"] {
border: 1px solid #CECECE;
border-radius: 4px;
padding: 1px;
}
@media (min-width: 641px) {
.dataTables_filter + .dataTables_filter {
margin-right: 10px;
}
}
#opportunita,
#programmi {
margin-top: 40px;
}
#opportunita .tab-content,
#programmi .tab-content {
padding-top: 40px;
}
#opportunita table.dataTable th {
white-space: normal;
}
#opportunita table.dataTable th .unit {
text-transform: none;
white-space: nowrap;
}
#monitoraggi-asoc {
margin-top: 40px;
}
#monitoraggi-asoc td:last-of-type a {
white-space: nowrap;
}
.flatpage h2 {
margin-top: 0;
font-size: 1.75rem;
}
.flatpage h3 {
margin-top: 0;
font-size: 1.0625rem;
}
.flatpage p {
line-height: 1.5;
font-size: 1.125rem;
}
.flatpage table {
width: 100%;
border-top: 1px solid #CECECE;
border-left: 1px solid #CECECE;
}
.flatpage table th {
vertical-align: middle !important;
}
.flatpage table th,
.flatpage table td {
border-style: solid;
border-color: #CECECE;
border-width: 0 1px 1px 0 !important;
padding: 8px;
}
.flatpage table.tbl1 {
border: none;
}
.flatpage table.tbl1 tr:first-of-type th {
width: 50%;
border: none;
padding-bottom: 30px;
text-align: center;
}
.flatpage table.tbl1 th {
border-right: none;
padding: 20px 0 10px 0;
font-size: 1.0625rem;
}
.flatpage table.tbl1 td {
border: none;
vertical-align: top;
padding: 30px 30px 10px 30px;
}
@media (min-width: 576px) {
.flatpage .dataset {
padding-left: 30px;
}
}
.flatpage .dataset .dataset-title {
position: relative;
margin: 0;
padding: 16px 100px 10px 0;
border-bottom: 1px solid #CECECE;
}
.flatpage .dataset .dataset-title .toggle-btn {
position: absolute;
right: 0;
bottom: 10px;
margin: 0;
padding: 0 20px 0 0;
border: 0;
color: #0066CC;
font-weight: bold;
background: url(../images/arrow_blue_up.svg) no-repeat right center;
background-size: 14px;
}
.flatpage .dataset .dataset-title .toggle-btn.collapsed {
background-image: url(../images/arrow_blue_dw.svg);
}
@media (min-width: 576px) {
.flatpage .dataset .dataset-title {
margin-left: -30px;
}
}
.flatpage .dataset table {
border: none;
margin-top: 30px;
}
.flatpage .dataset table th,
.flatpage .dataset table td {
border: none;
padding: 0;
vertical-align: top !important;
}
.flatpage .dataset table th {
width: 1%;
padding-right: 4px;
white-space: nowrap;
}
.flatpage .dataset table:last-of-type th {
width: 50%;
padding-right: 0;
padding-bottom: 10px;
}
.flatpage .dataset table:last-of-type td {
padding-bottom: 20px;
}
.flatpage .dataset table:last-of-type th:nth-of-type(odd),
.flatpage .dataset table:last-of-type td:nth-of-type(odd) {
padding-right: 5px;
}
@media (min-width: 576px) {
.flatpage .dataset table:last-of-type th:nth-of-type(odd),
.flatpage .dataset table:last-of-type td:nth-of-type(odd) {
padding-right: 30px;
}
}
.flatpage .dataset table:last-of-type th:nth-of-type(even),
.flatpage .dataset table:last-of-type td:nth-of-type(even) {
padding-left: 5px;
}
@media (min-width: 576px) {
.flatpage .dataset table:last-of-type th:nth-of-type(even),
.flatpage .dataset table:last-of-type td:nth-of-type(even) {
padding-left: 30px;
}
}
.flatpage .dataset table:last-of-type tr + tr th {
padding-top: 20px;
border-top: 1px solid #CECECE !important;
}
.flatpage #risorse-chart {
margin: 50px 0;
}
.flatpage #risorse-chart ul.tab-selector {
float: left;
list-style: none;
margin: 0;
padding: 0;
border: 1px solid #0066CC;
border-radius: 6px;
}
.flatpage #risorse-chart ul.tab-selector li {
float: left;
}
.flatpage #risorse-chart ul.tab-selector li + li {
border-left: 1px solid #0066CC;
}
.flatpage #risorse-chart ul.tab-selector li a {
display: block;
font-size: 0.75rem;
text-transform: uppercase;
line-height: 28px;
padding: 0 8px;
color: #000000 !important;
}
.flatpage #risorse-chart ul.tab-selector li a:active,
.flatpage #risorse-chart ul.tab-selector li a:hover,
.flatpage #risorse-chart ul.tab-selector li a:focus {
text-decoration: none;
}
.flatpage #risorse-chart ul.tab-selector li a.active {
background-color: #0066CC;
color: #FFFFFF !important;
}
.flatpage #risorse-chart ul.legend {
list-style: none;
margin: 0;
padding: 0;
text-align: right;
}
.flatpage #risorse-chart ul.legend li {
display: inline-block;
line-height: 30px;
}
.flatpage #risorse-chart ul.legend li + li {
margin-left: 20px;
}
.flatpage #risorse-chart ul.legend li:before {
display: inline-block;
content: '';
width: 12px;
height: 12px;
margin-right: 6px;
}
.flatpage #risorse-chart ul.legend li.blue:before {
background-color: #0066CC;
}
.flatpage #risorse-chart ul.legend li.green:before {
background-color: #3B99B6;
}
.flatpage #risorse-chart ul.legend li.gray:before {
background-color: #A3A3A3;
}
.flatpage #risorse-chart iframe {
margin-top: 20px;
}
.chart-container {
display: none;
margin-top: 25px;
}
.chart-container h2 {
margin-top: 0;
font-size: 1.0625rem;
text-align: center;
}
.chart-container form {
margin-bottom: 14px;
text-align: center;
}
.chart-container form select {
text-align: center;
}
.chart-container + .chart-container {
padding-top: 25px;
border-top: 1px solid #CECECE;
}
#item-list {
font-size: 0.9375rem;
line-height: 1.5;
}
#item-list #item-list-intro {
margin-bottom: 50px;
}
#item-list #item-list-intro p {
margin: 0;
}
#item-list .tags a {
color: #0066CC !important;
font-weight: bold;
}
#item-list .item + .item {
margin-top: 50px;
}
#item-list .item .date {
color: #999999;
font-weight: bold;
margin-bottom: 8px;
}
#item-list .item h3 {
margin: 0;
padding: 8px 0;
border-top: 1px solid #CECECE;
border-bottom: 1px solid #CECECE;
font-size: 1.25rem;
font-weight: bold;
line-height: inherit;
}
#item-list .item .tags {
margin-top: 8px;
}
#item-list .item p:first-of-type {
margin-top: 20px !important;
}
#item-list .faq {
margin-bottom: 30px;
}
#item-list .faq h3 {
font-size: 1.25rem;
font-weight: bold;
padding-bottom: 10px;
margin: 0 0 20px 0;
border-bottom: 1px solid #CECECE;
}
#item-list .faq h3 a {
display: block;
margin-right: 10px;
padding-right: 20px;
background: url(../images/arrow_gray_up.svg) no-repeat right bottom;
background-size: 14px;
}
#item-list .faq h3 a:hover,
#item-list .faq h3 a:focus {
text-decoration: none;
}
#item-list .faq h3 a.collapsed {
background-image: url(../images/arrow_blue_dw.svg);
}
#item-list .faq .tags {
margin: -12px 0 20px 0;
}
#item-list .faq p:last-of-type {
margin-bottom: 0;
}
#item-detail {
font-size: 0.9375rem;
line-height: 1.5;
}
#item-detail .descrizione {
line-height: inherit;
}
#item-detail .tags {
margin-top: 40px;
font-size: 1.375rem;
}
#item-detail .list-link {
display: block;
border: 1px solid #CECECE;
background-color: #F8F8F8;
padding: 10px;
margin-right: 80px;
margin-bottom: 40px;
font-size: 1.375rem;
text-transform: uppercase;
}
#item-detail .list-link:active,
#item-detail .list-link:hover,
#item-detail .list-link:focus {
text-decoration: none;
}
#opendata .intro {
padding-top: 30px;
padding-bottom: 20px;
margin-bottom: 40px;
background-color: #F1F1F1;
}
#opendata aside .search-filter {
margin-bottom: 30px;
background-color: transparent;
}
#opendata aside .search-filter .panel {
background-color: #F8F8F8;
}
#opendata aside .search-filter .panel .panel-heading .panel-title a {
transition: background-color 0.5s;
}
#opendata aside .search-filter .panel .panel-heading .panel-title a.collapsed {
background-color: #FFFFFF;
}
#opendata aside h2 {
font-size: 2rem;
}
#opendata aside h2:after {
content: none;
}
#opendata #opendatatree section:first-of-type {
margin-top: 20px !important;
}
#opendata h2 {
margin: 0 0 20px 0;
font-size: 1.375rem;
}
#opendata .opendata-section {
padding: 4px 20px;
border-bottom: 1px solid #CECECE;
transition: background-color 0.5s;
}
#opendata .opendata-section.show {
background-color: #F8F8F8;
border-bottom: none;
}
#opendata .opendata-section .opendata-subsection {
margin-left: 20px;
}
#opendata .opendata-section .opendata-subsection + .opendata-subsection {
border-top: 1px solid #CECECE;
}
#opendata .opendata-section h3,
#opendata .opendata-section h4 {
margin: 0;
padding: 16px 0;
font-size: 1.125rem;
}
#opendata .opendata-section h3 a,
#opendata .opendata-section h4 a {
display: block;
color: #0066CC;
}
#opendata .opendata-section h4 {
padding: 8px 0;
font-size: 1rem;
}
#opendata .opendata-section .downloads {
display: flex;
flex-direction: column;
margin-left: 10px;
}
#opendata .opendata-section .downloads a.download {
font-size: 0.8125rem;
}
#opendata .opendata-section .downloads a.download + a.download {
margin-top: 4px;
}
#opendata .opendata-section a[data-bs-toggle] {
font-weight: bold;
padding-right: 20px;
background: url(../images/arrow_gray_up.svg) no-repeat right center;
background-size: 14px;
}
#opendata .opendata-section a[data-bs-toggle]:active,
#opendata .opendata-section a[data-bs-toggle]:hover,
#opendata .opendata-section a[data-bs-toggle]:focus {
text-decoration: none;
}
#opendata .opendata-section a[data-bs-toggle].collapsed {
background-image: url(../images/arrow_blue_dw.svg);
}
#opendata .opendata-section .collapse {
padding-bottom: 16px;
}
#opendata .opendata-section table.table tr td {
border-top: none;
width: 1%;
white-space: nowrap;
}
#opendata .opendata-section table.table tr td:first-of-type {
width: auto;
white-space: normal;
}
#opendata .opendata-section table.table tr td:first-of-type a {
color: #0066CC;
font-weight: bold;
}
#opendata .opendata-section table.table tr td:nth-of-type(3) {
text-align: right;
}
#opendata .opendata-section table.table tr td a[data-bs-toggle] {
display: inline-block;
margin-left: 50px;
font-size: 0.8125rem;
text-transform: uppercase;
line-height: 27px;
}
#opendata .opendata-section table.table tr.subitems td {
padding: 0;
border: none;
}
#opendata .opendata-section table.table tr.subitems td ul {
list-style: none;
margin: 0;
padding: 0;
padding: 0 30px;
border-top: 1px solid #CECECE;
background-color: #F8F8F8;
}
#opendata .opendata-section table.table tr.subitems td ul li {
padding: 8px 0;
display: flex;
justify-content: end;
}
#opendata .opendata-section table.table tr.subitems td ul li + li {
border-top: 1px solid #CECECE;
}
#opendata .opendata-section table.table tr.subitems td ul li a {
text-align: right;
}
#opendata .opendata-section table.table tr.subitems td ul li a.download {
text-align: left;
white-space: nowrap;
}
#opendata .opendata-section table.table tr + tr td {
border-top: 1px solid #CECECE;
}
#opendata .opendata-section .notes {
margin: 0;
font-style: italic;
}
#opendata #progetti .opendata-section:nth-of-type(2),
#opendata #progetti .opendata-section:nth-of-type(3),
#opendata #progetti .opendata-section:nth-of-type(4),
#opendata #progetti .opendata-section:nth-of-type(5) {
padding-left: 40px;
}
#opendata .search-head {
display: block;
height: auto;
margin-top: 20px;
margin-bottom: 0;
}
#opendata .search-head h2 {
font-size: 1.5rem;
}
#opendata .search-head h2:after {
width: 100%;
}
#opendata .search-item {
padding: 20px;
border: 1px solid #CECECE;
border-radius: 4px;
font-size: 1rem;
}
#opendata .search-item .dataset-header .downloads {
display: flex;
flex-direction: column;
}
#opendata .search-item .dataset-header .downloads .download + .download {
margin-top: 4px;
}
#opendata .search-item .dataset-body {
color: #707070;
}
#opendata .search-item a {
color: #0066CC;
font-weight: bold;
}
#opendata .search-item a.download {
white-space: nowrap;
font-size: 0.875rem;
}
#opendata .search-item h3 {
margin-bottom: 6px;
text-transform: uppercase;
}
#opendata .search-item .dataset-footer ul li {
display: inline;
margin-right: 20px;
white-space: nowrap;
}
.dataset-detail .download {
background-size: 30px;
font-size: 0.875rem;
line-height: 1.2;
letter-spacing: 0;
}
.dataset-detail .download + .download {
margin-left: 20px;
}
.dataset-detail .dataset-footer ul {
display: flex;
flex-wrap: wrap;
flex-direction: column;
}
.dataset-detail .dataset-footer ul li {
margin-bottom: 0.8rem;
}
.dataset-detail #more-datasets h2 {
margin-top: 50px;
margin-bottom: 30px;
font-size: 1.5rem;
}
.dataset-detail #more-datasets h2:after {
width: 100%;
}
.dataset-detail #more-datasets .dataset {
margin-top: 20px;
padding: 20px;
border: 1px solid #CECECE;
border-radius: 4px;
font-size: 1rem;
color: #707070;
}
.dataset-detail #more-datasets .dataset h3 {
font-size: 1.0625rem;
font-weight: bold;
text-transform: uppercase;
}
.dataset-detail #more-datasets .dataset .download {
display: flex;
align-items: center;
min-height: 30px;
}
.dataset-detail #more-datasets .dataset .download + .download {
margin-left: 0;
margin-top: 10px;
}
.dataset-header,
.dataset-body {
margin-bottom: 16px;
border-bottom: 1px solid #CECECE;
}
.dataset-header {
padding-bottom: 4px;
}
.dataset-header > * {
margin-bottom: 6px;
}
.dataset-header .period .value {
font-weight: bold;
}
@media (min-width: 1200px) {
.dataset-header {
overflow: hidden;
}
.dataset-header .period {
float: left;
}
.dataset-header .downloads {
float: right;
}
}
.dataset-footer ul {
list-style: none;
margin: 0;
padding: 0;
color: #707070;
}
.dataset-footer ul li .value {
color: #000000;
white-space: normal;
}
.dataset-footer .last-update {
display: inline-block;
padding: 4px;
margin-top: 20px;
background-color: #F2F2F2;
}
.dataset-footer .last-update .value {
font-weight: bold;
}
#indicatori-accesso .indicatori-accesso-block {
margin-top: 60px;
padding-bottom: 20px;
border-bottom: 1px solid #CECECE;
}
#indicatori-accesso ul.indicatori-accesso-toolbar {
list-style: none;
margin: 0;
padding: 0;
margin-top: 20px;
overflow: hidden;
}
#indicatori-accesso ul.indicatori-accesso-toolbar li {
float: left;
}
#indicatori-accesso ul.indicatori-accesso-toolbar li:last-of-type {
float: right;
}
#indicatori-accesso ul.indicatori-accesso-toolbar li:last-of-type a {
font-size: 0.75rem;
line-height: 27px;
text-transform: uppercase;
padding-right: 24px;
background: url(../images/arrow_gray_up.svg) no-repeat right center;
background-size: 14px;
}
#indicatori-accesso ul.indicatori-accesso-toolbar li:last-of-type a.collapsed {
background-image: url(../images/arrow_blue_dw.svg);
}
#indicatori-accesso form {
text-align: center;
margin: 30px 0 20px 0;
}
#indicatori-accesso form select {
text-align: center;
}
#mc_embed_signup textarea {
display: block;
width: 100%;
border: 1px solid #ABB0B2;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
padding: 8px 2%;
}
#mc_embed_signup + p {
margin-top: 40px;
}
#mc_embed_signup .form-actions button[type="submit"] {
background-color: #0066CC !important;
}
@media (max-width: 575px), (min-width: 768px) and (max-width: 991px) {
#map-container .map-controls {
bottom: auto;
top: 10px;
}
#map-container ul.map-legend {
position: static;
}
#map-container ul.map-legend li {
display: inline-block;
margin-right: 10px;
}
}
@media (-ms-high-contrast: none) {
#map-container {
padding-bottom: 130%;
}
#map-container svg {
position: absolute;
height: 100%;
}
}
@media print {
a[href]:after {
content: none !important;
}
}
/*# sourceMappingURL=project.css.map */