/* Fix after update DrupalCore 4/07/2023 */

@media screen and (min-width: 992px) {
    .navbar .navbar-collapsable .menu-wrapper .navbar-nav {
	width: 100%;
	max-width: 100%;
	padding: 0;
	justify-content: space-between;
    }
}

/*style header*/
div#it-block-headerhomepage {
    padding-bottom: 150px;
}

.header-home .img-header.full-width img.align-center {
    width: 100%;
}

.header-home {
    position: relative;
}

.header-home .title {
    position: absolute;
    top: -30%;
    bottom: 0;
    margin-top: auto;
    margin-bottom: auto;
    height: fit-content;
    right: 0%;
}

.header-home .title h1 {
    max-width: 477px;
    color: #FFFFFF;
    font-family: 'Titillium Web', sans-serif;
    font-size: 40px;
    font-weight: bold;
    letter-spacing: -1.43px;
    line-height: 45px;
}

button.slick-prev,
button.slick-next {
  font-size: 11px;
}

/*style card header*/
.card-header {
    display: flex;
    justify-content: space-around;
    position: absolute;
    width: 100%;
    bottom: -12%;
}

.card-header div {
    max-width: 275px;
    width: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    flex-direction: row;
    padding-top: 21px;
    padding-bottom: 21px;
    padding-right: 5px;
}
.card-header .amministrazione-trasparente {
    background-color: #FF9700;
}
.card-header .pagoPa {
    background-color: #00A86D;
}
.card-header .spid {
    background-color: rgb(23 50 77);
}
.card-header .piano-ripresa {
    background-color: #7A73FF;
}

.card-header div a {
    margin: 0;
    max-width: 235px;
    width: 100%;
    color: #FFFFFF;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 24px;
    font-family: 'Titillium Web',sans-serif;
    text-decoration: none;
}

/* skip-navigation */
.skip-navigation a{
    position: absolute;
    left: -9999px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

.skip-navigation a:focus {
    left: auto;
    top: auto;
    width: auto;
    height: auto;
    overflow: visible;
    background-color: #0059b3; /* Cambia il colore a tuo piacimento */
    color: #fff; /* Cambia il colore del testo a tuo piacimento */
    text-align: center;
    padding: 5px;
    z-index: 1000;
}

/*style menu sidebar*/
div#it-region-sidebar-first {
    box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 15%) !important;
    max-width: 320px;
}

div#it-block-italiagov-breadcrumbs {
    padding-bottom: 55px;
}

/*style unità area istituzionale*/
body.path-frontpage .it-content__wrapper div#it-region-content {
    max-width: 100%;
}

.sezione-condividi {
    display: flex;
    padding-bottom: 12px;
    color: #0066CC;
}

.sezione-condividi div, .sezione-condividi p {
    padding-right: 10px;
    margin: 0;
}

.sezione-condividi div a {
    text-decoration: none;
    position: relative;
    display: flex;
}

.sezione-condividi div a::before {
    content: "";
    font-weight: 900;
    font-family: "Font Awesome 5 Free";
    padding-right: 5px;
}

#social a::before {
    content: "\f1e0";
}

#email a::before {
    content: "\f0e0";
}

#stampa a::before {
    content: "\f02f";
}

div#it-block-pagetitle {
    margin-bottom: 30px;
}

div#it-block-italiagov-content .field.field--type-text-with-summary.field--name-body.field--entity-node.field--label-hidden.field--view-mode-full p {
    color: #000000;
    font-size: 18px;
    letter-spacing: 0;
    line-height: 28px;
    margin: 0;
}

.field.field--type-file.field--name-field-allegati-unita.field--entity-node.field-multiple.field--label-above.field--view-mode-full {
    padding-top: 55px;
}

/*STYLE CAROUSEL NOTIZIE HOME PAGE */
section#carousel-ultime-notizie .content {
    display: flex;
}

section#carousel-ultime-notizie .content .ente-data {
    display: flex;
    align-items: center;
    color: #455B71;
    font-family: "Titillium Web";
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 0.93px;
    line-height: 18px;
}

section#carousel-ultime-notizie .content .ente-data div {
    height: 1px;
    width: 20px;
    margin: 0 10px;
    background-color: #455B71;
}

section#carousel-ultime-notizie .content .ente-data time {
    font-weight: 100;
}

section#carousel-ultime-notizie .content .text {
    max-width: 50%;
}

section#carousel-ultime-notizie .content .image-notizia {
    max-width: 580px;
    width: 100%;
}

/* section#carousel-ultime-notizie .content .image-notizia img {
    width: 100%;
} */

div#it-block-views-block-ultime-news-carousel-block-1 {
    height: fit-content;
}

div#it-block-views-block-ultime-news-carousel-block-1 .slick-list.draggable {
    width: 100%;
    padding: 0!important;
}

div#it-block-views-block-ultime-news-carousel-block-1 h2 {
    text-align: center;
    width: fit-content;
    margin: auto;
    margin-bottom: 50px;
    padding: 16px 0px;
    position: relative;
}

div#it-block-views-block-ultime-news-carousel-block-1 h2::after {
    content: "";
    width: 60px;
    height: 8px;
    background-color: blue;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
}

section#carousel-ultime-notizie .content .text .link-notizia {
    text-align: end;
}

div#it-block-views-block-ultime-news-carousel-block-1 .slick-list.draggable .slick-track div.slick-slide {
    background-color: red;
}

/*link utili menu - blocco hai bisogno - link utili*/
.link-list-wrapper.uffici-menu ul.link-list {
    display: flex;
    justify-content: space-between;
    margin: 0;
}
.link-list-wrapper.uffici-menu ul.link-list li a.list-item.large.medium.right-icon span {
    color: #000000;
    font-size: 26px;
    font-weight: bold;
    letter-spacing: -0.65px;
    line-height: 31px;
}
.link-list-wrapper.uffici-menu ul.link-list li ul {
    padding: 0;
    display: block;
}
.link-list-wrapper.uffici-menu ul.link-list li ul li {
    padding: 7px 0;
    border-bottom: 1px solid #DBDBDB;
    width: 100%;
}
.link-list-wrapper.uffici-menu ul.link-list li ul li a.list-item span.list-item-title {
    color: #332F29;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 24px;
}
.link-list-wrapper.uffici-menu ul.link-list li ul li {
    padding: 15px 0;
    border-bottom: 1px solid #DBDBDB;
    width: 90%;
    position: relative;
}
.link-list-wrapper.uffici-menu ul.link-list li {
    width: 100%;
}
.link-list-wrapper.uffici-menu ul.link-list > li a.list-item.large.medium.right-icon {
    padding: 10px 0;
    position: relative;
    pointer-events: none;
}
.link-list-wrapper.uffici-menu ul.link-list > li a.list-item.large.medium.right-icon::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    background-color: #BDBDBD;
    bottom: 0;
}
.link-list-wrapper.uffici-menu ul.link-list li ul li a.list-item {
    padding: 0;
}
.link-list-wrapper.uffici-menu ul.link-list li a.list-item.large.medium.right-icon span svg.icon.icon-sm.icon-primary.right {
    display: none;
}
.link-list-wrapper.uffici-menu ul.link-list li ul li a.list-item::after,
div#it-block-views-block-link-in-evidenza-block-1 div.view-link-in-evidenza .views-view-grid.horizontal.cols-3.clearfix .views-row .views-col .views-field.views-field-title span.field-content a::after {
    content: "\f054";
    position: absolute;
    right: 0;
    font-weight: 900;
    font-family: 'Font Awesome 5 Free';
    color: #0066CC;
}
nav#block-ufficibandilinkutilihomepage, 
div#it-block-bloccohomepagehaibisogno {
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    max-width: unset;
    background-color: #EDF4FA;
    padding: 70px 0;
}
.link-list-wrapper.uffici-menu {
    max-width: 1296px;
    margin: auto;
}
a {
    color: unset;
    text-decoration: unset;
}
div#it-block-bloccohomepagehaibisogno {
    background-size: cover;
    min-height: 300px;
    padding: 0;
    position: relative;
}
div#it-block-bloccohomepagehaibisogno::before {
    content: "";
    width: 100%;
    height: 100%;
    background-image: url("/sites/default/files/2022-12/citta_metropolitana_venezia_contattaci.jpg");
    position: absolute;
    opacity: 0.9;
    background-repeat: no-repeat;
    background-size: cover;
}
div#it-block-bloccohomepagehaibisogno .hai-bisogno {
    max-width: 405px;
    width: 100%;
    color: #FFF;
    font-size: 32px;
    font-weight: bold;
    letter-spacing: -0.87px;
    line-height: 40px;
    text-align: center;
    margin: auto;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
div#it-block-bloccohomepagehaibisogno .field.field--type-text-with-summary.field--name-body.field--entity-block-content.field--label-hidden.field--view-mode-full {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
div#it-block-views-block-link-in-evidenza-block-1 h2 {
    color: #000000;
    font-size: 32px;
    font-weight: bold;
    letter-spacing: -0.87px;
    line-height: 60px;
    margin: 0;
    padding: 10px 0;
    margin-top: 60px;
    margin-bottom: 35px;
    position: relative;
}
div#it-block-views-block-link-in-evidenza-block-1 h2::after {
    content: "";
    background-color: #0066CC;
    height: 10px;
    width: 55px;
    bottom: 0;
    left: 0;
    position: absolute;
}
div#it-block-views-block-link-in-evidenza-block-1 div.view-link-in-evidenza .views-view-grid.horizontal.cols-3.clearfix .views-row .views-col {
    min-height: 75px;
}
div#it-block-views-block-link-in-evidenza-block-1 div.view-link-in-evidenza .views-view-grid.horizontal.cols-3.clearfix .views-row .views-col .views-field.views-field-title {
    min-height: inherit;
    max-width: 95%;
    border-bottom: 1px solid #DBDBDB;
    display: flex;
    align-items: center;
}
div#it-block-views-block-link-in-evidenza-block-1 div.view-link-in-evidenza .views-view-grid.horizontal.cols-3.clearfix .views-row .views-col .views-field.views-field-title span.field-content a {
    color: #332F29;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 24px;
    position: relative;
    display: block;
}
div#it-block-views-block-link-in-evidenza-block-1 div.view-link-in-evidenza .views-view-grid.horizontal.cols-3.clearfix .views-row .views-col .views-field.views-field-title span.field-content {
    min-width: 100%;
}

/*bandi style*/
div#it-block-pagetitle h1 {
    color: #332F29;
    font-size: 40px;
    font-weight: bold;
    letter-spacing: -1.43px;
    line-height: 45px;
}
div#it-block-italiagov-content article.node.node--type-bandi .node__content .field {
    display: flex;
}

.upload[type=file]+label {
    max-width: 100%;
    font-size: 1rem;
    font-weight: 700;
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    padding: 7px 24px;
    border-radius: 4px;
    color: #fff;
    background-color: #06c;
    transition: background-color .15s;
    display: flex;
}

.field.field--type-list-string.field--name-field-comune-competenza.field--entity-node.field--label-above.field--view-mode-full,
.field.field--type-string-long.field--name-field-oggettoml.field--entity-node.field--label-above.field--view-mode-full,
.field.field--type-string.field--name-field-cig-sua.field--entity-node.field--label-above.field--view-mode-full,
.field.field--type-boolean.field--name-field-gara-esperita.field--entity-node.field--label-above.field--view-mode-full,
.field.field--type-list-string.field--name-field-tipo-bando.field--entity-node.field--label-above.field--view-mode-full,
.field.field--type-list-string.field--name-field-tipo-contratto.field--entity-node.field--label-above.field--view-mode-full,
.field.field--type-string.field--name-field-appaltatrice.field--entity-node.field--label-above.field--view-mode-full,
.field.field--type-list-string.field--name-field-tipo-amministrazione.field--entity-node.field--label-above.field--view-mode-full,
.field.field--type-decimal.field--name-field-importo-asta-bando.field--entity-node.field--label-above.field--view-mode-full,
.field.field--type-boolean.field--name-field-senza-importo-bando.field--entity-node.field--label-above.field--view-mode-full,
.field.field--type-datetime.field--name-field-data-pubblicazione.field--entity-node.field--label-above.field--view-mode-full,
.field.field--type-boolean.field--name-field-guri.field--entity-node.field--label-above.field--view-mode-full,
.field.field--type-boolean.field--name-field-min-infrastrutture-e-trasp.field--entity-node.field--label-above.field--view-mode-full,
.field.field--type-file.field--name-field-allegati-bando.field--entity-node.field-multiple.field--label-above.field--view-mode-full,
.field.field--type-entity-reference-revisions.field--name-field-informazioni-aggiuntive-.field--entity-node.field-multiple.field--label-above.field--view-mode-full,
.field.field--type-string.field--name-field-sede-gara-provincia-.field--entity-node.field--label-above.field--view-mode-full,
.field.field--type-entity-reference-revisions.field--name-field-comunicazioni.field--entity-node.field-multiple.field--label-above.field--view-mode-full,
.field.field--type-boolean.field--name-field-guri-esito.field--entity-node.field--label-above.field--view-mode-full,
.field.field--type-boolean.field--name-field-min-infra-e-trasp-esito.field--entity-node.field--label-above.field--view-mode-full,
.field.field--type-entity-reference-revisions.field--name-field-pubblicazione-esito.field--entity-node.field-multiple.field--label-above.field--view-mode-full {
    padding-bottom: 20px;
}
div#it-block-italiagov-content article.node.node--type-bandi .node__content .field--name-field-oggettoml,
div#it-block-italiagov-content article.node.node--type-bandi .node__content .field.field--type-file.field--name-field-allegati-bando,
div#it-block-italiagov-content article.node.node--type-bandi .node__content .field.field--name-field-informazioni-aggiuntive-,
div#it-block-italiagov-content article.node.node--type-bandi .node__content .field div .paragraph.paragraph--view-mode--default .field.field--name-field-documenti-comunicazioni,
div#it-block-italiagov-content article.node.node--type-bandi .node__content .field.field--name-field-comunicazioni {
    flex-direction: column;
}
div#it-block-italiagov-content article.node.node--type-bandi.node--view-mode-full .node__content .field div:nth-child(1) {
    font-weight: bold;
}
div#it-block-italiagov-content article.node.node--type-bandi.node--view-mode-full .node__content .field div:nth-child(2),
div#it-block-italiagov-content article.node.node--type-bandi .node__content .field div .paragraph.paragraph--view-mode--default .field div time {
    color: #000000;
    font-size: 18px;
    letter-spacing: 0;
    line-height: 28px;
    font-weight: 100;
}
.field.field--type-string-long.field--name-field-oggettoml.field--entity-node.field--label-above.field--view-mode-full > div:nth-child(2), 
.field.field--type-entity-reference-revisions.field--name-field-informazioni-aggiuntive-.field--entity-node.field-multiple.field--label-above.field--view-mode-full > div:nth-child(2), 
.field.field--type-entity-reference-revisions.field--name-field-comunicazioni.field--entity-node.field-multiple.field--label-above.field--view-mode-full > div:nth-child(2) {
    padding-left: 20px;
}
.field.field--type-entity-reference-revisions.field--name-field-pubblicazione-esito.field--entity-node.field-multiple.field--label-above.field--view-mode-full {
    padding-bottom: 100px;
}

/*card pagine iniziali principali*/
.link-list-wrapper.card-citta-metropolitana ul.link-list,
.link-list-wrapper.card-uffici-servizi ul.link-list,
.link-list-wrapper.card-bandi-avvisi-concorsi ul.link-list,
.link-list-wrapper.card-iniziative ul.link-list,
.link-list-wrapper.card-amministrazione-trasparente ul.link-list { 
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    padding-left: 0;
}

.link-list-wrapper.card-citta-metropolitana ul.link-list li,
.link-list-wrapper.card-uffici-servizi ul.link-list li,
.link-list-wrapper.card-bandi-avvisi-concorsi ul.link-list li,
.link-list-wrapper.card-iniziative ul.link-list li,
.link-list-wrapper.card-amministrazione-trasparente ul.link-list li {
    min-height: 196px;
    max-width: 244px;
    box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 15%) !important;
    margin: 10px;
}

.link-list-wrapper.card-citta-metropolitana ul li a,
.link-list-wrapper.card-uffici-servizi ul li a,
.link-list-wrapper.card-bandi-avvisi-concorsi ul li a,
.link-list-wrapper.card-iniziative ul.link-list li a,
.link-list-wrapper.card-amministrazione-trasparente ul.link-list li a {
    padding: 24px;
}

.link-list-wrapper.card-citta-metropolitana ul.link-list li a.list-item.large.medium,
.link-list-wrapper.card-uffici-servizi ul.link-list li a.list-item.large.medium,
.link-list-wrapper.card-bandi-avvisi-concorsi ul.link-list li a.list-item.large.medium,
.link-list-wrapper.card-iniziative ul.link-list li a.list-item.large.medium,
.link-list-wrapper.card-amministrazione-trasparente ul.link-list li a.list-item.large.medium {
    width: 100%;
    height: 100%;
    position: relative;
}

.link-list-wrapper.card-citta-metropolitana ul.link-list li a.list-item.large.medium span.list-item-title,
.link-list-wrapper.card-uffici-servizi ul.link-list li a.list-item.large.medium span.list-item-title,
.link-list-wrapper.card-bandi-avvisi-concorsi ul.link-list li a.list-item.large.medium span.list-item-title,
.link-list-wrapper.card-iniziative ul.link-list li a.list-item.large.medium span.list-item-title,
.link-list-wrapper.card-amministrazione-trasparente ul.link-list li a.list-item.large.medium span.list-item-title {
    margin: 0;
    width: 100%;
    color: #1C2024;
    font-size: 23px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 28px;
}

.link-list-wrapper.card-citta-metropolitana ul.link-list li a.list-item.large.medium span.list-item-title,
.link-list-wrapper.card-uffici-servizi ul.link-list li a.list-item.large.medium span.list-item-title,
.link-list-wrapper.card-bandi-avvisi-concorsi ul.link-list li a.list-item.large.medium span.list-item-title,
.link-list-wrapper.card-iniziative ul.link-list li a.list-item.large.medium span.list-item-title,
.link-list-wrapper.card-amministrazione-trasparente ul.link-list li a.list-item.large.medium span.list-item-title {
    margin: 0;
    width: 100%;
}

.link-list-wrapper.card-citta-metropolitana ul.link-list li a.list-item.large.medium .di-piu,
.link-list-wrapper.card-uffici-servizi ul.link-list li a.list-item.large.medium .di-piu,
.link-list-wrapper.card-bandi-avvisi-concorsi ul.link-list li a.list-item.large.medium .di-piu,
.link-list-wrapper.card-iniziative ul.link-list li a.list-item.large.medium .di-piu,
.link-list-wrapper.card-amministrazione-trasparente ul.link-list li a.list-item.large.medium .di-piu {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
}

.link-list-wrapper.card-citta-metropolitana ul.link-list li a.list-item.large.medium .di-piu p,
.link-list-wrapper.card-uffici-servizi ul.link-list li a.list-item.large.medium .di-piu p,
.link-list-wrapper.card-bandi-avvisi-concorsi ul.link-list li a.list-item.large.medium .di-piu p,
.link-list-wrapper.card-iniziative ul.link-list li a.list-item.large.medium .di-piu p,
.link-list-wrapper.card-amministrazione-trasparente ul.link-list li a.list-item.large.medium .di-piu p{
    color: #0073E6;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 1px;
    line-height: 21px;
    text-transform: uppercase;
    width: 100%;
    text-align: right;
    padding-right: 50px;
    position: relative;
}

.link-list-wrapper.card-citta-metropolitana ul.link-list li a.list-item.large.medium .di-piu p::after,
.link-list-wrapper.card-uffici-servizi ul.link-list li a.list-item.large.medium .di-piu p::after,
.link-list-wrapper.card-bandi-avvisi-concorsi ul.link-list li a.list-item.large.medium .di-piu p::after,
.link-list-wrapper.card-iniziative ul.link-list li a.list-item.large.medium .di-piu p::after,
.link-list-wrapper.card-amministrazione-trasparente ul.link-list li a.list-item.large.medium .di-piu p::after {
    content: "\f178";
    font-family: 'FontAwesome';
    position: absolute;
    right: 10%;
    transition: .6s;
}

.link-list-wrapper.card-citta-metropolitana ul.link-list li a.list-item.large.medium .di-piu p:hover::after,
.link-list-wrapper.card-uffici-servizi ul.link-list li a.list-item.large.medium .di-piu p:hover::after,
.link-list-wrapper.card-bandi-avvisi-concorsi ul.link-list li a.list-item.large.medium .di-piu p:hover::after,
.link-list-wrapper.card-iniziative ul.link-list li a.list-item.large.medium .di-piu p:hover::after,
.link-list-wrapper.card-amministrazione-trasparente ul.link-list li a.list-item.large.medium .di-piu p:hover::after {
    right: 5%;
}

/* Quickfix after update DrupalCore 02/2025 */
nav.skiplinks {
    display: none;
}