/* Font weight 100 */
@font-face {
font-family: "Inter";
font-style: normal;
font-weight: 100;
src: url(./assets/fonts/Inter/Inter-Thin.ttf) format("truetype");
}
/* Font weight 200 */
@font-face {
font-family: "Inter";
font-style: normal;
font-weight: 200;
src: url(./assets/fonts/Inter/Inter-ExtraLight.ttf) format("truetype");
}
/* Font weight 300 */
@font-face {
font-family: "Inter";
font-style: normal;
font-weight: 300;
src: url(./assets/fonts/Inter/Inter-Light.ttf) format("truetype");
}
/* Font weight 400 */
@font-face {
font-family: "Inter";
font-style: normal;
font-weight: 400;
src: url(./assets/fonts/Inter/Inter-Regular.ttf) format("truetype");
}
/* Font weight 500 */
@font-face {
font-family: "Inter";
font-style: normal;
font-weight: 500;
src: url(./assets/fonts/Inter/Inter-Medium.ttf) format("truetype");
}
/* Font weight 600 */
@font-face {
font-family: "Inter";
font-style: normal;
font-weight: 600;
src: url(./assets/fonts/Inter/Inter-SemiBold.ttf) format("truetype");
}
/* Font weight 700 */
@font-face {
font-family: "Inter";
font-style: normal;
font-weight: 700;
src: url(./assets/fonts/Inter/Inter-Bold.ttf) format("truetype");
}
/* Font weight 800 */
@font-face {
font-family: "Inter";
font-style: normal;
font-weight: 800;
src: url(./assets/fonts/Inter/Inter-ExtraBold.ttf) format("truetype");
}
/* Font weight 900 */
@font-face {
font-family: "Inter";
font-style: normal;
font-weight: 900;
src: url(./assets/fonts/Inter/Inter-Black.ttf) format("truetype");
}
/* Font weight 100 italic */
@font-face {
font-family: "Inter";
font-style: italic;
font-weight: 100;
src: url(./assets/fonts/Inter/Inter-ThinItalic.ttf) format("truetype");
}
/* Font weight 200 italic */
@font-face {
font-family: "Inter";
font-style: italic;
font-weight: 200;
src: url(./assets/fonts/Inter/Inter-ExtraLightItalic.ttf) format("truetype");
}
/* Font weight 300 italic */
@font-face {
font-family: "Inter";
font-style: italic;
font-weight: 300;
src: url(./assets/fonts/Inter/Inter-LightItalic.ttf) format("truetype");
}
/* Font weight 400 italic */
@font-face {
font-family: "Inter";
font-style: italic;
font-weight: 400;
src: url(./assets/fonts/Inter/Inter-Italic.ttf) format("truetype");
}
/* Font weight 500 italic */
@font-face {
font-family: "Inter";
font-style: italic;
font-weight: 500;
src: url(./assets/fonts/Inter/Inter-MediumItalic.ttf) format("truetype");
}
/* Font weight 600 italic */
@font-face {
font-family: "Inter";
font-style: italic;
font-weight: 600;
src: url(./assets/fonts/Inter/Inter-SemiBoldItalic.ttf) format("truetype");
}
/* Font weight 700 italic */
@font-face {
font-family: "Inter";
font-style: italic;
font-weight: 700;
src: url(./assets/fonts/Inter/Inter-BoldItalic.ttf) format("truetype");
}
/* Font weight 800 italic */
@font-face {
font-family: "Inter";
font-style: italic;
font-weight: 800;
src: url(./assets/fonts/Inter/Inter-ExtraBoldItalic.ttf) format("truetype");
}
/* Font weight 900 italic */
@font-face {
font-family: "Inter";
font-style: italic;
font-weight: 900;
src: url(./assets/fonts/Inter/Inter-BlackItalic.ttf) format("truetype");
}
/* Font weight 400 */
@font-face {
font-family: "Roboto Mono";
font-style: normal;
font-weight: 400;
src: url(./assets/fonts/Roboto_Mono/roboto-mono-v13-latin-ext_latin-regular.ttf)
format("truetype");
}
.w-100 {
font-weight: 100;
}
.w-200 {
font-weight: 200;
}
.w-300 {
font-weight: 300;
}
.w-400 {
font-weight: 400;
}
.w-500 {
font-weight: 500;
}
.w-600 {
font-weight: 600;
}
.w-700 {
font-weight: 700;
}
.w-800 {
font-weight: 800;
}
.w-900 {
font-weight: 900;
}
* {
font-family: "Inter";
margin: 0;
padding: 0;
box-sizing: border-box;
}
/* .card-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
} */
/* .timline-card-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
} */
.filter-chips {
text-decoration: none;
margin-right: 8px;
}
.slider-wrapper {
position: relative;
}
.slider-wrapper .slide-button {
outline: none;
border: none;
display: flex;
cursor: pointer;
font-size: 2.2rem;
align-items: center;
justify-content: center;
border-radius: 50%;
background-color: transparent;
}
.slider-wrapper .slide-button {
display: flex;
}
.slider-wrapper .slide-button:hover {
transition: 5ms;
}
.slider-wrapper .slide-button#prev-slide {
left: -25px;
display: flex;
}
.slider-wrapper .slide-button#next-slide {
right: -25px;
}
.slider-wrapper .slide-button#prev-slide-percorsi-tematici {
left: -25px;
display: flex;
}
.slider-wrapper .slide-button#next-slide-percorsi-tematici {
right: -25px;
}
/* .slider-wrapper .card-list {
display: grid;
grid-template-columns: repeat(100, 1fr);
gap: 18px;
font-size: 0;
list-style: none;
margin-bottom: 30px;
overflow-x: auto;
scrollbar-width: none;
padding-left: 0px;
padding-top: 10px;
padding-bottom: 20px;
} */
/* .slider-wrapper .timeline-card-list {
display: grid;
grid-template-columns: repeat(100, 1fr);
gap: 0px;
font-size: 0;
list-style: none;
margin-bottom: 30px;
overflow-x: auto;
scrollbar-width: none;
padding-left: 0px;
padding-top: 10px;
padding-bottom: 20px;
} */
.slider-wrapper .card-list::-webkit-scrollbar {
display: none;
}
.slider-wrapper .card-list .card-item {
width: 327px;
object-fit: cover;
border-radius: 24px;
border: 1px solid #ebeced;
}
.slider-wrapper .timeline-card-list::-webkit-scrollbar {
display: none;
}
.slider-wrapper .timeline-card-list .card-item {
width: 327px;
height: 270px;
object-fit: cover;
border-radius: 24px;
border: 1px solid #ebeced;
}
.card-item .card .card-body .category-top a.category {
color: #ffffff;
background: #5c6f82;
border-radius: 4px;
padding: 4px 16px;
text-decoration: none;
text-transform: capitalize;
}
.card-item .card .card-body .card-title {
text-overflow: ellipsis;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
color: #2f475e;
font-size: 20px !important;
font-style: normal !important;
font-weight: 600 !important;
line-height: 24px !important;
margin-bottom: 8px !important;
}
.text_btn {
font-size: 16px;
text-transform: none;
text-align: justify;
font-weight: 600;
line-height: 24px;
}
.card .card-body .category-top .data:before {
content: "" !important;
display: inline-block;
margin: 0 8px;
}
.card-item .card .card-body .card-text {
overflow: hidden;
color: #2f475e;
text-overflow: ellipsis;
font-size: 16px !important;
font-style: normal !important;
font-weight: 400 !important;
line-height: 24px !important;
}
.card-item .card .card-body .read-more {
text-align: justify;
font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: 150% !important;
}
.card_text_agenda {
font-family: "Inter" !important;
font-size: 14px !important;
color: #2f475e !important;
}
.card-item .card .card-body .category-top {
font-size: 0.875rem;
text-transform: uppercase;
color: #1a1a1a;
margin-bottom: 16px;
display: flex;
justify-content: space-between;
align-items: center;
}
.card-item .card {
border-radius: 24px;
}
.card-item .card .card-body .category-top .data {
font-style: normal;
font-weight: 400;
line-height: 24px;
text-transform: uppercase;
color: #5c6f82;
font-size: 14px !important;
display: grid;
}
.slider-wrapper .card-list .image-card-item {
width: 444px;
height: 456px;
object-fit: cover;
border-radius: 24px;
border: 1px solid #ebeced;
}
.image-card-item .card.card-img .img-responsive-wrapper {
border-radius: 24px 24px 0px 0px !important;
}
.image-card-item
.card.card-img
.img-responsive-wrapper
.img-responsive.img-responsive-panoramic {
padding-bottom: 190px !important;
}
.image-card-item .card .card-body .category-top a.category {
color: #ffffff;
background: #5c6f82;
border-radius: 4px;
padding: 4px 16px;
text-decoration: none;
text-transform: capitalize;
}
.image-card-item .card .card-body .card-title {
color: #06c;
font-size: 24px !important;
font-style: normal !important;
font-weight: 600 !important;
line-height: 32px !important;
margin-bottom: 16px !important;
}
.card .card-body .category-top .data:before {
content: "" !important;
display: inline-block;
margin: 0 8px;
}
.image-card-item .card .card-body .card-text {
font-family: "Titillium Web";
overflow: hidden;
color: #2f475e;
text-overflow: ellipsis;
font-size: 16px !important;
font-style: normal !important;
font-weight: 400 !important;
line-height: 24px;
margin-bottom: 24px !important;
/* 24px */
}
.image-card-item .card .card-body .read-more {
text-align: justify;
font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: 150%;
}
.image-card-item .card .card-body .category-top {
font-size: 0.875rem;
text-transform: uppercase;
color: #1a1a1a;
margin-bottom: 16px;
display: flex;
justify-content: space-between;
align-items: center;
}
.image-card-item .card {
border-radius: 24px;
}
.image-card-item .card .card-body .category-top .data {
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 24px;
}
.slider-wrapper .card-list .timeline-card-item {
width: 295px !important;
height: 600px;
object-fit: cover;
}
.slider-wrapper .card-list .timeline-card-item .card-body {
width: 100%;
height: 392px;
padding: 0px 20px 0px 0px;
}
.slider-wrapper .card-list .timeline-card-item .category-top {
display: flex;
align-items: center;
}
.slider-wrapper
.card-list
.timeline-card-item
.category-top
.timeline-box-icon {
border-radius: 16px;
border: 2px solid #fff;
background: #06c;
padding: 12px 12px 12px 12px;
/* shadow-m */
box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.15);
}
.slider-wrapper
.card-list
.timeline-card-item
.category-top
.timeline-in-progress-box-icon {
border-radius: 16px;
border: 2px solid #fff;
background: #036;
padding: 12px 12px 12px 12px;
/* shadow-m */
box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.15);
}
.slider-wrapper .card-list .timeline-card-item .category-top .time-line {
width: 100%;
height: 2px;
border: none;
border-top: 2px solid #0066cc;
}
.slider-wrapper
.card-list
.timeline-card-item
.category-top
.time-line-in-progress {
width: 100%;
height: 2px;
border: none;
border-top: 2px dashed #0066cc;
}
.slider-wrapper .card-list .timeline-card-item .card-body .message-icon {
border-radius: 4px;
background: #79ece8;
padding: 8px 8px 8px 8px;
width: max-content;
margin-top: 24px;
}
.slider-wrapper .card-list .timeline-card-item .card-body .message-icon p {
color: #036;
font-size: 14px;
font-style: normal;
font-weight: 600;
line-height: 24px;
display: inline;
position: relative;
right: 14px;
}
.slider-wrapper
.card-list
.timeline-card-item
.card-body
.in-progress-message-icon {
border-radius: 4px;
background: #036;
padding: 8px 8px 8px 8px;
width: max-content;
margin-top: 24px;
}
.slider-wrapper
.card-list
.timeline-card-item
.card-body
.in-progress-message-icon
p {
color: #fff;
font-size: 14px;
font-style: normal;
font-weight: 600;
line-height: 24px;
display: inline;
position: relative;
right: 14px;
}
.slider-wrapper
.card-list
.timeline-card-item
.card-body
.message-icon
.icon-message {
position: relative;
bottom: 19px;
left: 6px;
}
.slider-wrapper
.card-list
.timeline-card-item
.card-body
.in-progress-message-icon
.icon-message {
position: relative;
bottom: 19px;
left: 6px;
fill: #036;
}
.slider-wrapper .card-list .timeline-card-item .card-body .card-sub-title {
color: #2f475e;
font-family: "Inter";
font-size: 16px;
font-weight: 600;
line-height: 24px;
text-align: left;
margin-top: 20px;
}
.timeline-card-item .card.card-img .img-responsive-wrapper {
border-radius: 24px 24px 0px 0px !important;
}
.timeline-card-item
.card.card-img
.img-responsive-wrapper
.img-responsive.img-responsive-panoramic {
padding-bottom: 190px !important;
}
.timeline-card-item .card .card-body .category-top a.category {
color: #ffffff;
background: #5c6f82;
border-radius: 4px;
padding: 4px 16px;
text-decoration: none;
text-transform: capitalize;
}
.timeline-card-item .card .card-body .card-title {
color: #2f475e;
font-size: 20px !important;
font-style: normal;
font-weight: 600;
line-height: 24px !important;
margin-top: 16px;
}
.card .card-body .category-top .data:before {
content: "" !important;
display: inline-block;
margin: 0 8px;
}
.timeline-card-item .card .card-body .card-text {
color: #2f475e;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px;
font-family: "Inter";
}
/* #next-slide-percorsi-tematici {
background-color: #f2f7fc;
}
#prev-slide-percorsi-tematici {
background-color: #f2f7fc;
} */
.timeline-card-item .card .card-body .read-more {
text-align: justify;
font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: 150%;
}
.timeline-card-item .card .card-body .category-top {
font-size: 0.875rem;
text-transform: uppercase;
color: #1a1a1a;
margin-bottom: 16px;
display: flex;
justify-content: space-between;
align-items: center;
}
.timeline-card-item .card {
border-radius: 24px;
}
.timeline-card-item .card .card-body .category-top .data {
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 24px;
}
a.read-more .icon {
margin-left: 16px;
fill: #06c;
width: 24px;
height: 24px;
flex-shrink: 0;
}
.slider-scrollbar {
height: 24px;
width: 80%;
display: flex;
align-items: center;
}
.slider-scrollbar .scrollbar-track {
background: #d9dadb;
width: 100%;
height: 2px;
display: flex;
align-items: center;
border-radius: 4px;
position: relative;
}
.slider-scrollbar:hover .scrollbar-track {
height: 4px;
}
.slider-scrollbar .scrollbar-thumb {
position: absolute;
background: #004d99;
top: 0;
bottom: 0;
width: 50%;
height: 100%;
cursor: grab;
border-radius: inherit;
}
.slider-scrollbar .scrollbar-thumb:active {
cursor: grabbing;
height: 8px;
top: -2px;
}
.slider-scrollbar .scrollbar-thumb::after {
content: "";
position: absolute;
left: 0;
right: 0;
top: -10px;
bottom: -10px;
}
@media only screen and (max-width: 600px) {
.mail-first-padding {
padding-bottom: 8px;
padding: 8px 16px !important;
}
.mail-second-padding {
padding-top: 8px;
padding: 8px 16px !important;
}
.sub-items {
display: none;
list-style: none;
padding-left: 20px;
border-left: 1px solid var(--color-blue-77, #94c4f5);
}
.sub-items li {
padding: 16px 32px 16px 0px;
}
.sub-items li a {
padding: 16px 32px 16px 0px;
color: var(--color-text-primary, #06c);
font-family: Inter;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px;
text-decoration: none;
}
.flex-item:nth-child(2) {
display: none;
}
.img-contatti-table {
width: 320px;
height: 320px;
}
.responsive-vorresti-block {
display: flex;
flex-direction: column;
gap: 40px;
}
.bg-last-element {
border-radius: 24px;
background: var(--color-white, #fff);
box-shadow: 0px 16px 24px 0px rgba(0, 102, 204, 0.1);
display: flex;
padding: 40px;
flex-direction: column;
align-items: flex-start;
gap: 24px;
}
.abbiamo-prepr-text {
color: var(--color-text-base, #1a1a1a);
font-family: Inter;
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: 150%;
}
.prima-cont-text {
color: var(--color-text-base, #1a1a1a);
font-family: Inter;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px;
}
.vai-alle-text {
color: var(--color-text-primary, #06c);
font-family: Inter;
font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: 24px;
}
.assistenza-text {
color: var(--color-text-base, #1a1a1a);
font-family: Inter;
font-size: 24px;
font-style: normal;
font-weight: 600;
line-height: 130%;
}
.questa-text {
color: var(--color-text-base, #1a1a1a);
font-family: Inter;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px;
}
.vorresti-text {
color: var(--color-text-base, #1a1a1a);
text-align: justify;
font-family: Inter;
font-size: 24px;
font-style: normal;
font-weight: 800;
line-height: 130%;
}
.nostri-uffici-text {
color: var(--color-text-base, #1a1a1a);
text-align: justify;
font-family: Inter;
font-size: 24px;
font-style: normal;
font-weight: 400;
line-height: 130%; /* 31.2px */
}
.section-mobile-open-data-del {
padding: 64px 24px;
}
.show-desktop {
display: none;
}
.show-mobile {
margin-top: 40px;
display: block;
}
.page-template-news-view iframe {
width: inherit;
height: auto;
}
.img-cercle {
width: 350px !important;
height: 350px !important;
position: relative;
border-radius: 50%;
margin-top: 40px;
overflow: hidden;
}
.btn-responsive-margin {
padding: 0px;
}
.margin-top-materiali-hr {
margin-top: 80px;
}
.dispaly-block-line-mobile {
padding: 80px 24px;
}
}
@media only screen and (max-width: 390px) {
.it-header-slim-wrapper .it-header-slim-wrapper-content a.it-opener {
padding: 0.5rem 0;
display: block;
text-decoration: none;
font-size: 13px;
width: 113%;
}
}
@media only screen and (max-width: 1023px) {
/* .slider-wrapper .slide-button {
display: none !important;
}*/
.slider-wrapper .card-list {
gap: 10px;
margin-bottom: 15px;
scroll-snap-type: x mandatory;
}
.slider-wrapper .card-list .card-item {
width: 280px;
}
.slider-scrollbar .scrollbar-thumb {
width: 20%;
}
}
.border-image {
height: -webkit-fill-available;
border-radius: 8px;
border: 1px solid var(--color-slate-78, #c5c7c9);
background: linear-gradient(
79deg,
#d9d9d9 0%,
rgba(217, 217, 217, 0.25) 100%
);
object-fit: cover;
}
h2.sub-title-customsmallcard {
text-overflow: ellipsis;
overflow: hidden;
font-family: "Inter";
font-size: 16px !important;
font-weight: 600 !important;
line-height: 24px !important;
color: rgba(0, 0, 0, 1);
margin-top: 8px;
margin-bottom: 8px;
text-transform: inherit;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
align-self: stretch;
}
.chip-active {
background: #004d99 !important;
}
.chip-custom {
padding: 0px !important;
height: 24px !important;
}
.chip-active span {
color: white !important;
}
.chip-before-text {
color: var(--color-black, #000);
text-align: justify;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 150%;
}
.chip-before-text-2 {
color: #1a1a1a;
text-align: justify;
font-size: 32px;
font-weight: 800;
line-height: 41.6px;
font-family: "Inter";
}
h1.chip-before-text-1 {
color: #1a1a1a;
font-size: 32px;
font-weight: 400;
line-height: 41.6px;
font-family: "Inter";
text-wrap: nowrap;
margin-bottom: 0;
}
.card_space {
margin-right: 24px;
margin-bottom: 24px;
}
.calendar-activity-body {
background-color: #f2f7fc;
border-radius: 32px;
border: 1px solid #bfdfff;
}
.calendar-activity-body .calendar-line {
padding: 24px 40px 24px 40px;
margin: 80px 0px 80px 0px;
background-color: white;
border-radius: 32px;
}
.calendar-activity-body .calendar-line .calendar-head {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 48px;
}
.calendar-activity-body
.calendar-line
.calendar-head
.dates-types-buttons
button {
padding: 8px 24px;
}
.mensile-active {
background: #06c;
color: #fff;
font-family: Inter;
font-size: 12px;
font-style: normal;
font-weight: 600;
text-transform: uppercase;
box-shadow: none !important;
}
.mensile-active:hover {
background: #06c;
color: #fff;
font-family: Inter;
font-size: 12px;
font-style: normal;
font-weight: 600;
text-transform: uppercase;
box-shadow: none !important;
}
.settimanale {
margin-left: -7px;
border-left: none;
}
.calendar-activity-body
.calendar-line
.calendar-head
.dates-types-buttons
button {
padding: 8px 24px !important;
font-family: Inter;
font-size: 12px;
font-style: normal;
font-weight: 600;
text-transform: uppercase;
}
.calendar-activity-body
.calendar-line
.calendar-head
.dates-types-buttons
button {
padding: 8px 24px !important;
font-family: Inter;
font-size: 12px;
font-style: normal;
font-weight: 600;
text-transform: uppercase;
}
.calendar-activity-body .calendar-line .calendar-head .calendar-controls {
display: flex;
align-items: center;
justify-content: space-evenly;
}
.calendar-activity-body .calendar-line .calendar-head .calendar-controls a {
cursor: pointer;
}
.calendar-activity-body
.calendar-line
.calendar-head
.calendar-controls
.date-title {
font-size: 18px !important;
color: #000000;
font-weight: 500 !important;
line-height: 150%;
text-transform: capitalize;
margin: 0px 32px 0px 32px;
font-family: "Inter";
}
.calendar-activity-body .calendar-line .calendar-days {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 4px;
}
.calendar-activity-body .calendar-line .calendar-days .day {
height: 100%;
margin-bottom: 10px;
}
.calendar-activity-body .calendar-line .calendar-days .day .date-number {
width: 32px;
height: 32px;
/* text-align: center; */
display: flex;
align-items: center;
justify-content: center;
border-radius: 24px;
}
.calendar-activity-body .calendar-line .calendar-days .day .day-events {
display: flex;
align-items: flex-end;
justify-content: center;
width: 32px;
height: 100%;
flex-wrap: wrap;
}
.calendar-activity-body
.calendar-line
.calendar-days
.day
.day-events
.event-indicator {
width: 6px;
height: 6px;
margin: 1px;
}
.calendar-activity-body .calendar-line .calendar-days .day .day-events svg {
margin: 0px 0px 0px 2px;
}
.weekend {
color: #a3adb7;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 150%;
border: 1px dashed #ebeced;
}
.upcoming-day {
color: #036;
font-size: 14px;
font-style: normal;
font-weight: 600;
line-height: 150%;
border: 1px solid #bfdfff;
background: #f2f7fc;
}
.previous-day {
color: #a3adb7;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 150%;
}
.calendar-activity-body .card-list {
display: flex;
flex-direction: row;
flex-wrap: wrap;
}
.events-number-title {
color: #1a1a1a;
font-size: 24px;
font-style: normal;
font-weight: 400;
line-height: 150%;
}
.events-number-title #monthName {
font-size: 24px;
font-style: normal;
font-weight: 600;
line-height: 150%;
}
.title-diamo {
color: #1a1a1a;
font: "Inter";
font-size: 32px;
font-weight: 400;
}
.title-sporteli {
color: #1a1a1a;
font-size: 40px;
font-weight: 800;
font-family: "Inter";
}
.image-cercle {
width: 200px;
height: 200px;
border-radius: 50%;
overflow: hidden;
}
.image-cercle img {
width: 100%;
height: auto;
display: block;
margin: 0 auto;
}
.circular--portrait {
position: relative;
width: 200px;
height: 200px;
overflow: hidden;
border-radius: 50%;
}
.circular--portrait img {
width: 100%;
height: auto;
}
.circle-imgs {
width: 120px;
height: 120px;
}
.button-text {
color: var(--color-white, #fff);
text-align: justify;
font-family: Inter;
font-size: 12px;
font-style: normal;
font-weight: 500;
line-height: 150%;
/* 18px */
text-transform: uppercase;
}
.button-inside {
display: flex;
flex-direction: column;
justify-content: center;
gap: 7px;
align-items: center;
}
.img-cercle {
width: 450px;
height: 450px;
position: relative;
border-radius: 50%;
margin-top: 40px;
}
.circle_bleu {
margin-top: -120px;
margin-left: 55px;
position: absolute;
}
.img-play {
width: 20px;
height: 20px !important;
}
.title-delle {
color: black;
}
.accordion-header .button-accordion:not(.collapsed):after {
content: none;
}
.accordion-header .button-accordion.btnplus:not(.collapsed):after {
transform: scaleY(1);
color: black !important;
content: url('data:image/svg+xml;utf8,');
}
.accordion-header .button-accordion.btnplus:after {
content: url('data:image/svg+xml;utf8,');
float: right;
width: 1.5rem;
height: auto;
line-height: 0.1rem;
color: black !important;
transition: transform 0.3s;
background-image: none;
transform: scaleY(-1);
}
.accordion-header .button-accordion .btnplus:not(.collapsed):after {
transform: scaleY(1);
color: black !important;
content: url('data:image/svg+xml;utf8,');
}
.accordion-header .button-accordion.icon_faq:after {
content: url("./assets/images/right.svg");
float: right;
width: 1.5rem;
height: auto;
line-height: 0.1rem;
color: black !important;
transition: transform 0.3s;
background-image: none;
transform: scaleY(-1);
}
.accordion-header .button-accordion.icon_faq:not(.collapsed):after {
transform: scaleY(1);
color: black !important;
content: url('data:image/svg+xml;utf8,');
}
.accordion-header .button-accordion::after {
content: none;
}
.button-accordion {
text-decoration: none !important;
color: black !important;
}
.accordion-header .button-accordion:not(.collapsed) {
color: black !important;
}
.bg-slim-wrapper {
background: #003366;
}
.title-digita {
color: #0066cc;
}
.bg-header {
background: white;
}
.link-navbar {
color: #0066cc;
}
.bg-nav {
background-color: white;
}
.navbar-link {
font-size: 18px;
font-weight: 600;
}
.nav-navbar {
align-self: flex-start;
}
.title-sportelli {
color: #003366;
font-weight: 1000 !important;
font-size: 36px !important;
}
.title-digita {
color: #0066cc;
font-size: 14px !important;
}
.bg-it-footer {
background: #1a1a1a;
}
.liste-inline {
text-decoration: underline !important;
}
.it-footer-main {
background-color: #003366;
color: #fff;
font-size: 1rem;
}
.border-left {
border-left: 4px solid #0066c0;
padding-left: 10px;
}
.title-nav {
font-size: 18px;
font-weight: 500;
}
.bg-shadow-nav {
box-shadow: 0 0px 0px 0px rgba(0, 0, 0, 0.05) !important;
}
.line-height-nav {
line-height: 50px;
}
@media screen and (max-width: 3000px) {
.circle-imgs {
top: 179px;
left: -419px;
}
}
@media screen and (max-width: 1399px) {
.circle-imgs {
top: -75px;
left: 37px;
}
}
.parag {
font-size: 23px;
line-height: 36px;
font-weight: 400;
font-family: "Inter";
}
.typography-progetto {
color: var(--color-text-base, #1a1a1a);
font-family: Inter;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 150%;
}
.nav-link {
text-decoration: none !important;
align-self: center !important;
}
.shdow-nav {
box-shadow: 0 16px 48px 0 rgba(0, 64, 128, 0.08);
padding: 0px;
}
.shadow-none {
box-shadow: 0 0px 0px 0px rgba(0, 0, 0, 0.05);
}
.bg-nav-wrapper {
background: #003366 !important;
height: 80px;
}
@media only screen and (max-width: 1199px) {
.responsive-verso-pui {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
}
@media only screen and (min-width: 1200px) {
.responsive-verso-pui {
display: flex;
flex-direction: row;
gap: 8px;
justify-content: center;
}
}
@media only screen and (max-width: 991px) {
.card-text1-text2 {
text-align: start;
display: flex;
flex-direction: column;
gap: 8px;
}
}
@media only screen and (min-width: 991px) {
.card-text1-text2 {
text-align: start;
display: flex;
flex-direction: column;
gap: 24px;
}
.mobile-sticky-header .it-brand-title-custom {
color: var(--color-blue-20, #036);
font-family: Inter;
font-size: 24px;
font-style: normal;
font-weight: 800;
line-height: 150%; /* 36px */
}
.mobile-sticky-header .it-brand-tagline-custom {
color: var(--color-background-primary, #06c);
font-family: Inter;
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: 150%; /* 21px */
}
.it-brand-title-custom {
color: var(--color-blue-20, #036);
font-family: Inter;
font-size: 32px;
font-style: normal;
font-weight: 800;
line-height: 48px; /* 54px */
}
.it-brand-tagline-custom {
color: var(--color-background-primary, #06c);
font-family: Inter;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 150%; /* 24px */
}
.nav-item:hover {
margin-top: 5px;
border-bottom: 5px solid #003366;
}
.navbar .navbar-collapsable .navbar-nav li.nav-item a.nav-link.active,
.navbar .navbar-collapsable .navbar-nav li.nav-item button.nav-link.active {
border-left: 0;
border-bottom: 6px solid #003366 !important;
background: var(--color-blue-97, #f2f7fc);
}
.nav-link:active {
/* border-bottom: 6px solid #003366 !important;*/
}
.title-sportel {
color: #003366;
font-size: 36px !important;
font-weight: 800 !important;
}
.sticky .sportel-logo svg {
width: 57.6px !important;
height: 64px !important;
}
.sticky .it-brand-text .title-sportel {
font-size: 24px !important;
font-style: normal !important;
font-weight: 800 !important;
line-height: 150% !important;
}
}
.title-delle {
color: #0066cc;
font-size: 14px !important;
font-weight: 500 !important;
line-height: 21px;
}
.min-width-opendata {
min-width: 19% !important;
}
@media screen and (max-width: 1200px) {
.title-delle {
font-size: 12px !important;
}
}
@media screen and (max-width: 1399px) {
.min-width-opendata {
min-width: 22% !important;
}
.title-nav {
font-size: 16px;
}
}
.sportel-logo {
display: flex;
margin-left: -13px !important;
}
.accordion-header .accordion-button {
color: #000 !important;
font-family: "Inter" !important;
font-size: 16px !important;
font-style: normal;
font-weight: 600 !important;
line-height: 24px !important;
}
.it-footer-main h4 a,
.it-footer-main .h4 a {
text-transform: none;
}
.soluzione-ideal .mini-card-title {
font-size: 32px;
font-weight: 600;
margin-bottom: 20px;
}
.soluzione-ideal .mini-card-text {
line-height: 24px;
font-family: "Inter";
font-size: 16px;
font-weight: 400;
text-align: left;
color: #1a1a1a;
}
.soluzione-ideal .main-card-text-1 {
font-size: 32px;
line-height: 30px;
}
.soluzione-ideal .main-card-text-2 {
font-size: 32px;
}
.soluzione-ideal .main-card-text-3 {
font-size: 18px;
line-height: 27px;
color: #1a1a1a;
}
.title-partner {
font-size: 32px;
font-weight: 400 !important;
}
.titile-del-progetto {
font-size: 32px !important;
font-weight: 800 !important;
}
.paragraph-vero {
font-size: 18px !important;
font-weight: 400 !important;
}
.para-voluptas {
font-size: 16px !important;
font-weight: 400 !important;
}
.mb-6 {
margin-bottom: 5rem !important;
}
.mt-6 {
margin-top: 5rem !important;
}
.it-fixed {
position: fixed;
top: 0;
background-color: #fff;
z-index: 1000;
width: 100%;
}
.height-nav {
height: 77px !important;
}
/* #next-slide,
#prev-slide {
background: #f2f7fc;
} */
.link-servi {
color: white !important;
text-decoration: none !important;
}
.accordion-body {
color: #000 !important;
font-family: "Inter" !important;
font-size: 16px !important;
font-style: normal;
font-weight: 400 !important;
line-height: 24px;
/* 150% */
}
.sticky {
position: fixed !important;
width: 100%;
background: white;
height: 123px;
overflow: hidden;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
height: fit-content;
}
.sticky .search-section {
width: 60%;
}
.sticky .search-section .search-result {
width: 57.8%;
}
.sticky-search-row {
position: fixed !important;
top: 108px;
width: 100%;
height: 46px;
overflow: hidden;
display: flex;
justify-content: center;
align-items: center;
z-index: 1;
}
#card-list-percorsi-tematici {
scroll-behavior: smooth;
user-select: none;
}
.progetto-title {
font-size: 64px;
font-weight: 600;
}
.chip-label-text {
color: var(--color-text-primary, #06c);
font-family: Inter;
font-size: 14px;
font-style: normal;
font-weight: 600;
line-height: 20px;
}
.card-title-custom {
overflow: hidden;
color: var(--color-text-primary, #06c);
text-overflow: ellipsis;
font-family: Inter;
font-size: 22px;
font-style: normal;
font-weight: 600;
line-height: 130%;
}
.card-typo {
overflow: hidden;
color: #000;
text-overflow: ellipsis;
font-family: Inter;
}
.notizie-title {
font-size: 56px;
font-weight: 600;
line-height: 60px;
}
.title-chip {
font-size: 14px !important;
line-height: 20px !important;
font-weight: 600 !important;
}
.date-font {
color: #2f475e;
font-size: 14px;
}
.title-distinctio {
font-size: 32px;
}
.para-animi {
font-size: 22px;
font-weight: 400;
}
.para-saepe {
font-size: 18px;
font-weight: 400;
color: #000000;
}
.title-approfondisci {
font-size: 16px;
font-weight: 600;
}
.title-veniam {
font-size: 16px;
color: #000000;
}
.max-row-1 {
text-overflow: ellipsis;
word-wrap: break-word;
overflow: hidden;
max-height: 3.6em;
line-height: 3em;
}
.max-row-2 {
text-overflow: ellipsis;
word-wrap: break-word;
overflow: hidden;
max-height: 1.5em;
line-height: 1.9em;
}
.title-chip {
font-weight: 600 !important;
font-size: 14px !important;
}
.btn-not {
font-size: 14px;
font-weight: 600;
}
.bg-argmoneti {
background-color: #f2f7fc;
border-radius: 36px;
}
.title-argomento {
font-size: 24px;
font-weight: 600;
}
.title-sfoglia {
font-size: 16px;
font-weight: 600;
}
.link-sfogilia {
text-decoration: none;
}
.bg-cards {
box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0.1) !important;
background: #f2f7fc !important;
}
.links-arg {
font-size: 14px;
font-weight: 600;
text-decoration: none;
background: white;
padding-top: 2px !important;
padding-right: 24px !important;
padding-left: 24px !important;
padding-bottom: 2px !important;
}
.title-ut {
font-family: "Inter";
font-size: 24px !important;
font-weight: 600 !important;
color: #0066cc !important;
}
.title-disponibiliter {
font-weight: 700 !important;
}
.para-nobis {
font-size: 16px;
font-weight: 400;
color: #000000 !important;
}
.arg-chips {
font-size: 14px !important;
font-weight: 600 !important;
}
.bg-chips {
background: white !important;
padding-top: 2px !important;
}
.title-argomenti {
font-size: 40px !important;
font-weight: 600 !important;
}
.link-sfo {
font-weight: 600;
}
.title-argomento {
font-size: 24px;
font-weight: 600;
}
.title-costume {
text-transform: inherit;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
align-self: stretch;
text-overflow: ellipsis;
overflow: hidden;
font-size: 14px;
font-weight: 600;
}
.title-argomenti {
font-family: "Inter";
font-size: 40px !important;
font-weight: 600;
line-height: 60px;
text-align: left;
color: #000000 !important;
}
.element-style {
border-right: var(--color-slate-85, #d9dadb) solid 1px;
border-bottom: var(--color-slate-85, #d9dadb) solid 1px;
text-align: start;
color: black;
/* padding: 2rem; */
padding: 48px;
}
/* Apply border to every first and second item
.element-style:nth-child(3n-1),
.element-style:nth-child(3n-2) {
border-right: var(--color-slate-85, #D9DADB) solid 1px;
padding: 48px 52px 48px 0px;
;
}
Remove border from every third item
.element-style:nth-child(3n) {
border-right: none;
pa
} */
.padding_top_card:nth-child(3n) {
padding-right: 0;
}
.padding_top_card:nth-child(3n + 1) {
padding-left: 0;
}
.over-silder-text {
color: var(--color-text-secondary, #2f475e);
font-family: "Inter";
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150%;
/* 24px */
}
.card-link {
color: var(--color-background-primary, #06c);
text-align: justify;
font-family: Inter;
font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: 150%;
/* 24px */
}
.notiz-title {
font-size: 32px;
font-weight: 600;
}
.btn-elimina {
font-family: "Inter";
font-size: 16px;
font-weight: 600;
line-height: 24px;
letter-spacing: 0px;
}
.title-chip {
font-family: "Inter";
font-size: 14px !important;
font-weight: 700 !important;
line-height: 25px;
letter-spacing: 0px;
}
.chip-argomento-materiaili {
cursor: pointer !important;
}
.tile-cards {
font-family: "Inter";
font-size: 22px;
font-weight: 600;
line-height: 29px;
letter-spacing: 0px;
text-align: left;
}
.cards-text {
font-family: "Inter";
font-size: 16px;
font-weight: 400;
line-height: 24px;
letter-spacing: 0em;
text-align: left;
}
.link-app {
font-family: "Inter";
font-size: 16px;
font-weight: 600;
line-height: 24px;
letter-spacing: 0px;
}
.title-argomentos {
font-family: "Inter";
font-size: 14px !important;
font-weight: 400 !important;
line-height: 24px !important;
letter-spacing: 0em !important;
text-align: left !important;
text-transform: uppercase;
}
.link-evento {
font-family: "Inter";
font-size: 14px !important;
font-weight: 400 !important;
line-height: 16px !important;
letter-spacing: 0em !important;
color: #0066cc;
}
.para-date {
font-family: "Inter";
font-size: 14px;
font-weight: 700;
line-height: 20px;
letter-spacing: 0em;
text-align: left;
color: #2f475e;
}
.btn-sta {
font-family: "Inter";
font-size: 16px !important;
font-weight: 600 !important;
line-height: 24px !important;
letter-spacing: 0px !important;
}
.title-agid {
font-family: "Inter" !important;
font-size: 32px;
font-weight: 600;
line-height: 48px;
letter-spacing: 0em;
text-align: left;
}
.para-evento {
font-family: "Inter";
font-size: 22px;
font-weight: 400;
line-height: 35px;
letter-spacing: 0em !important;
text-align: left !important;
}
.para-unde {
font-family: "Inter" !important;
font-size: 18px !important;
font-weight: 400 !important;
line-height: 29px !important;
letter-spacing: 0em !important;
text-align: left !important;
}
.title-scaletta {
font-family: "Inter" !important;
font-size: 18px !important;
font-weight: 700 !important;
line-height: 29px !important;
letter-spacing: 0em !important;
text-align: left !important;
color: #1a1a1a !important;
}
.list-scaletta {
font-family: "Inter" !important;
font-size: 18px !important;
font-weight: 400 !important;
line-height: 29px !important;
letter-spacing: 0em !important;
text-align: left !important;
}
.title-attivita {
font-family: "Inter" !important;
font-size: 24px;
font-weight: 600 !important;
line-height: 36px !important;
letter-spacing: 0em !important;
text-align: left !important;
margin-bottom: 0px !important;
}
.title-veniam {
font-family: "Inter";
font-size: 16px !important;
font-weight: 600 !important;
line-height: 21px !important;
letter-spacing: 0em !important;
text-align: left !important;
}
.date-title {
font-family: "Roboto Mono";
font-size: 14px !important;
font-weight: 400 !important;
line-height: 24px !important;
letter-spacing: 0em !important;
text-align: left !important;
text-decoration: none;
color: #5c6f82;
}
.border-card {
border-radius: 24px;
border: 1px solid #ebeced;
}
.title-max {
font-family: "Inter";
font-size: 20px;
font-weight: 600 !important;
line-height: 24px;
letter-spacing: 0px;
text-align: left;
color: #2f475e;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}
p.text-car {
font-family: "Inter";
font-size: 16px !important;
font-weight: 400 !important;
line-height: 24px;
letter-spacing: 0em;
text-align: left;
color: #2f475e !important;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
align-self: stretch;
overflow: hidden !important;
}
.link-vai {
font-family: "Inter";
font-size: 16px;
font-weight: 600;
line-height: 24px;
letter-spacing: 0px;
text-transform: capitalize;
}
.bg-matriel {
background-color: #bfdfff;
border: 1px solid #f2f7fc;
padding: 19px !important;
}
.title-faq {
font-family: "Inter";
font-size: 24px !important;
font-weight: 600 !important;
line-height: 36px !important;
letter-spacing: 0em !important;
text-align: left !important;
}
.nome-file {
font-family: "Inter";
font-size: 14px !important;
font-weight: 400 !important;
line-height: 24px !important;
letter-spacing: 0em !important;
text-align: left !important;
color: #2f475e !important;
}
.href-amet {
font-family: "Inter";
font-size: 14px;
font-weight: 700;
line-height: 21px;
letter-spacing: 0em;
text-align: left;
color: #0066cc;
}
.title-seleziona {
font-family: "Inter" !important;
font-size: 14px !important;
font-weight: 400 !important;
line-height: 24px !important;
letter-spacing: 0em !important;
text-align: left !important;
}
.selects {
font-family: "Inter" !important;
font-size: 16px !important;
font-weight: 400 !important;
line-height: 24px !important;
letter-spacing: 0em !important;
text-align: left !important;
}
.btn-scaria {
background: #d9dadb;
}
.title-scaria {
font-family: "Inter" !important;
font-size: 14px !important;
font-weight: 600 !important;
line-height: 16px !important;
letter-spacing: 0em !important;
text-align: center !important;
color: #5c6f82;
}
.bg-bread {
background: #f2f7fc;
padding: 14px;
margin-top: 15px;
box-shadow: 0px 16px 48px 0px rgba(0, 64, 128, 0.08) inset;
}
.title-home {
font-family: "Inter" !important;
font-size: 16px !important;
font-weight: 600 !important;
line-height: 24px !important;
letter-spacing: 0em !important;
text-align: left !important;
color: #0066cc !important;
}
.bold-gg {
font-weight: 600 !important;
}
.title-not {
font-family: "Inter" !important;
font-size: 16px !important;
font-weight: 600 !important;
line-height: 24px !important;
letter-spacing: 0em !important;
text-align: left !important;
}
.bg_sectionMateriali {
background-color: #f2f7fc;
border: 1px solid #bfdfff;
border-radius: 5px;
padding: 32px 16px;
}
.center-data {
text-align: center;
display: flex;
align-items: center;
}
.titleoption {
font-family: "Inter";
font-size: 16px;
font-weight: 400;
line-height: 24px;
text-align: left;
}
.title_sectionMateriali {
color: #2f475e;
font-size: 14px;
line-height: 24px;
text-transform: uppercase;
text-align: left;
/* margin-bottom: 8px; */
}
.titledfp {
font-size: 14px;
line-height: 21px;
}
.border_div {
border-right: 1px solid #bfdfff;
padding: 0px 16px 0px 16px;
}
.selectinput {
width: 95%;
border: 1px solid #5c6f82;
border-radius: 5px;
padding: 6px;
}
.btn_select {
background-color: #d9dadb;
color: #5c6f82;
font-size: 14px;
font-weight: 600;
border-radius: 4px;
}
.hr-color {
color: #bfdfff;
border: 2px solid !important;
}
.hr-notiz {
color: #bfdfff;
border: 1px solid !important;
margin: 32px 0px;
}
.page-template-templateFaq-view-php .card:after {
display: none;
}
.section-padding {
padding: 45px !important;
}
.sticky .navbar-nav .nav-item .nav-link .title-nav {
font-size: 16px !important;
font-style: normal !important;
font-weight: 500 !important;
line-height: 150% !important;
}
.sticky .it-brand-text .title-delle {
font-size: 14px !important;
font-style: normal !important;
font-weight: 500 !important;
line-height: 150% !important;
}
@media only screen and (max-width: 600px) {
.title-text-container-contatti {
margin-bottom: 40px;
}
.title-contatti {
color: var(--color-text-base, #1a1a1a);
text-align: justify;
font-family: Inter;
font-size: 24px;
font-style: normal;
font-weight: 400;
line-height: 120%;
}
.text-contatti {
color: var(--color-text-base, #1a1a1a);
text-align: justify;
font-family: Inter;
font-size: 24px;
font-style: normal;
font-weight: 800;
line-height: 120%;
}
.title_opendata {
display: inline;
}
.piano-link-text {
color: var(--color-background-primary, #06c);
font-family: Inter;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 150%;
text-decoration-line: underline;
}
}
.title_opendata {
text-align: center;
font-size: 64px;
font-weight: 600;
line-height: 94px;
}
.text_opendata {
font-size: 24px;
font-weight: 400;
line-height: 32px;
text-align: left;
width: 85%;
}
/*
.wrapper{
position: relative;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
.text{
position: absolute;
bottom: 20px;
}
}
.img-box{
position: relative;
max-width: 140px;
max-height: 140px;
overflow: hidden;
border-radius: 50%;
&:after{
content: '';
position: absolute;
bottom:0px;
left: 0;
width: 100%;
height: 50px;
background-color: #474B24;
}
img{
width: 100%;
}
} */
@media screen and (max-width: 991px) {
.btn_news_descktop {
display: block !important;
text-align: center;
margin-top: 50px !important;
margin-bottom: 50px !important;
}
.btn_news_descktop {
display: none;
}
.it-brand-tagline-custom {
display: none;
}
.it-brand-title-custom {
color: var(--color-blue-20, #036);
font-family: Inter;
font-size: 16px;
font-style: normal;
font-weight: 800;
line-height: 150%; /* 24px */
}
.custom-partnership-img {
width: 107px;
}
}
.menu-wrapper {
width: 60%;
}
.modal .modal-dialog .modal-content .modal-body {
padding: 5px;
padding-bottom: 0;
}
.figure {
display: inline-block;
position: relative;
overflow: hidden;
}
.figure img {
width: 400px;
height: 400px;
}
.play-button {
position: absolute;
top: 84%;
left: 24%;
transform: translate(-50%, -50%);
width: 100px;
height: 100px;
border-radius: 50%;
background-color: #0066cc;
border: none;
color: #fff;
}
.play-button::after {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-40%, -50%);
width: 0;
height: 0;
border-top: 20px solid transparent;
border-bottom: 20px solid transparent;
border-left: 30px solid #fff;
}
@media screen and (max-width: 800px) {
.figure img {
width: 300px;
height: 300px;
}
.play-button {
position: absolute;
top: 84%;
left: 24%;
transform: translate(-50%, -50%);
width: 90px;
height: 90px;
border-radius: 50%;
background-color: #0066cc;
border: none;
color: #fff;
}
}
.frame1 {
height: 600px;
width: 100%;
}
p.title-digital {
font-family: "Inter";
font-size: 24px;
font-weight: 400;
line-height: 36px;
letter-spacing: 0px;
text-align: left;
margin-bottom: 48px;
}
.title-digital_2 {
color: var(--color-text-base, #1a1a1a) !important;
font-family: "Inter" !important;
font-size: 18px !important;
font-style: normal !important;
font-weight: 400 !important;
line-height: 150%;
}
.title-piano2 {
color: var(--color-background-primary, #06c);
font-family: "Inter" !important;
font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: 150%;
text-decoration-line: underline;
}
.title-piano {
font-family: "Inter";
font-size: 24px;
font-weight: 700;
line-height: 36px;
letter-spacing: 0px;
text-align: left;
}
/* Style du modal */
.custom-modal {
display: none;
position: fixed;
z-index: 9999;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: auto;
background-color: rgba(0, 0, 0, 0.8);
}
/* Contenu du modal */
/* Fermeture du modal */
.custom-close {
color: #fff;
position: absolute;
top: 0px;
right: 5px;
font-size: 40px;
font-weight: bold;
cursor: pointer;
}
.custom-close:hover,
.custom-close:focus {
color: #999;
text-decoration: none;
cursor: pointer;
}
.custom-modal-content {
position: relative;
margin: 10% auto;
padding: 20px;
width: 90%;
/* Modifier la largeur à 90% */
max-width: 90%;
/* Modifier la largeur maximale à 90% */
}
/* Ajouter un style à l'iframe pour qu'il occupe 90% de la largeur et de la hauteur */
#video-iframe {
width: 90%;
margin-top: 3vh;
height: 94vh;
margin-left: 5%;
}
.chip_bg {
background-color: white !important;
border-color: #06c !important;
color: #06c !important;
}
.parag-archivio {
font-family: "Inter";
font-size: 16px;
font-weight: 500;
line-height: 24px;
letter-spacing: 0em;
text-align: left;
}
.bolt-formati {
font-family: "Inter";
font-size: 16px;
font-weight: 900;
line-height: 24px;
letter-spacing: 0em;
text-align: left;
}
.highcharts-credits {
display: none !important;
}
.nav-item a[href="#Materiali%20utili.html"] {
width: 170px !important;
}
.nav-item a[href="#Open%20Data.html"] {
width: 150px !important;
}
.it-header-navbar-wrapper.theme-light-desk
.navbar
.navbar-collapsable
.navbar-nav
li
a.nav-link {
white-space: nowrap !important;
padding: 13px 20px !important;
}
.title-chip:hover {
color: white !important;
}
.btn_select:hover {
background-color: #d9dadb;
color: #5c6f82;
font-size: 14px;
font-weight: 600;
}
.btn_select.selected {
background-color: #0066cc;
color: white;
font-weight: 600;
}
.chip.chip-primary > .chip-label {
line-height: 20px;
text-transform: none;
cursor: pointer;
white-space: normal;
word-break: break-word;
}
.chip.chip-lg .chip-label {
font-size: 14px;
transform: translateY(-6px);
padding: 0px;
}
.Filtre_section {
background: #f2f7fc;
box-shadow: 0px 16px 48px 0px #00000026;
margin-top: 24px !important;
display: none;
padding: 64px 32px;
border-radius: 8px;
background: var(--color-blue-97, #f2f7fc);
box-shadow: 0px 16px 48px 0px rgba(0, 0, 0, 0.15);
width: 100%;
}
.label-title {
font-size: 14px;
font-weight: 600;
margin-bottom: 11px;
}
.selectinputfiltre {
border: 1px solid #5c6f82;
border-radius: 4px;
}
.form-check [type="checkbox"] + label,
.form-check [type="radio"] + label.label_radio {
color: #1a1a1a;
font-size: 16px;
font-weight: 400;
}
input[type="date"].input-border {
border-radius: 4px;
border: 1px solid var(--color-border-secondary, #5c6f82);
background: var(--color-background-inverse, #fff);
/* display: flex; */
height: 40px;
align-items: center;
color: var(--color-text-base, #1a1a1a);
font-family: Inter;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px;
}
.btnfitre {
font-size: 14px !important;
padding: 12px 16px;
text-align: center;
font-family: "Inter";
font-size: 14px;
font-style: normal;
font-weight: 600;
line-height: 16px;
/* 114.286% */
}
.hidden {
display: none;
}
.flex_filtre {
display: flex;
align-items: center;
flex-direction: row;
}
.sd-container {
position: relative;
float: left;
}
.sd {
padding: 5px 10px;
height: 30px;
width: 150px;
}
.open-button {
position: absolute;
top: 7px;
right: 7px;
width: 24px;
height: 24px;
background: #fff;
pointer-events: none;
}
.open-button button {
border: none;
background: transparent;
}
.label-title-filtre {
color: var(--color-text-base, #1a1a1a) !important;
font-family: "Inter" !important;
font-size: 14px !important;
font-style: normal !important;
font-weight: 600 !important;
line-height: 24px !important;
/* 171.429% */
}
h6.title-argomentosAgid {
color: #2f475e;
font-size: 14px;
font-weight: 400;
text-transform: uppercase;
}
.hr-Agid {
border: 1px solid #bfdfff;
}
.right_btnn {
background-color: #f2f7fc;
border: 1px solid #bfdfff;
border-radius: 10px;
padding-top: 7px;
padding-bottom: 11px;
display: flex;
flex-direction: column;
align-content: center;
flex-wrap: wrap;
width: auto;
}
.text_inbtn {
color: #004080;
font-size: 14px;
text-transform: uppercase;
}
.stampa_btn {
margin-left: 13px;
font-size: 16px;
}
.timeline_left {
position: relative;
margin-top: 48px;
}
.margin-time-line-attivita-in-programma {
margin-top: 40px;
}
.timeline_left.timeline-sm .timeline-entry {
margin-bottom: 20px !important;
}
.timeline_left:before,
.timeline_left:after {
content: " ";
display: table;
}
.timeline_left:after {
clear: both;
}
/*
.timeline_left:before {
content: '';
position: absolute;
display: block;
width: 3px;
background: #06C;
top: 12%;
bottom: 0;
height: 78%;
} */
@media (max-width: 1200px) {
.timeline_left:before {
top: 10%;
height: 76%;
}
}
@media (max-width: 992px) {
.timeline_left:before {
top: 10%;
height: 76%;
}
}
@media (max-width: 500px) {
.timeline_left:before {
top: 6%;
height: 78%;
}
}
.timeline_left .timeline-entry .timeline-entry-inner .timeline-icon {
background: #fff;
color: #999999;
display: block;
width: 32px;
height: 32px;
-webkit-background-clip: padding-box;
-moz-background-clip: padding-box;
background-clip: padding-box;
border-radius: 50%;
text-align: center;
border: 3px solid #ffffff;
line-height: 45px;
font-size: 15px;
float: left;
}
.timeline_left .timeline-entry .timeline-entry-inner .timeline-icon {
background-color: #003366;
color: #fff;
position: relative;
box-shadow: 0px 1px 7px 2px #0000003d;
right: 2px;
top: 140px;
}
.card_border {
border: 1px solid #ebeced;
border-radius: 25px;
}
.text_in_card {
color: #2f475e !important;
font-size: 16px !important;
}
.card_tag_sec {
text-decoration: none;
}
.btn_card_section {
text-decoration: none;
font-weight: 600;
font-size: 16px;
color: #06c;
margin-right: 12px;
}
.timeline_left .timeline-entry .timeline-entry-inner .timeline-icon-top {
background: #fff;
color: #999999;
display: block;
width: 32px;
height: 32px;
-webkit-background-clip: padding-box;
-moz-background-clip: padding-box;
background-clip: padding-box;
border-radius: 50%;
text-align: center;
border: 3px solid #ffffff;
line-height: 45px;
font-size: 15px;
left: 38px;
bottom: 11px;
}
.timeline_left .timeline-entry .timeline-entry-inner .timeline-icon-top {
background-color: #003366;
color: #fff;
position: relative;
box-shadow: 0px 1px 7px 2px #0000003d;
display: flex;
}
.card-space {
}
.center-svg-tiltle {
display: flex;
align-items: center;
}
.title_top_icon {
font-family: Inter;
font-size: 20px;
font-weight: 600;
line-height: 24px;
text-align: left;
color: #455b71;
margin-left: 8px;
}
.timeline_left .timeline-entry .timeline-entry-inner .timeline-icon_white {
background: #fff;
color: #999999;
display: block;
width: 32px;
height: 32px;
-webkit-background-clip: padding-box;
-moz-background-clip: padding-box;
background-clip: padding-box;
border-radius: 50%;
text-align: center;
border: 3px solid #ffffff;
line-height: 45px;
font-size: 15px;
float: left;
}
.timeline_left .timeline-entry .timeline-entry-inner .timeline-icon_white {
background-color: #fff;
color: #fff;
position: relative;
box-shadow: 0px 1px 7px 2px #0000003d;
right: 15px;
top: 140px;
}
.timeline_left .timeline-entry .timeline-entry-inner .timeline-icon-top-white {
background: #fff;
color: #999999;
display: block;
width: 32px;
height: 32px;
-webkit-background-clip: padding-box;
-moz-background-clip: padding-box;
background-clip: padding-box;
border-radius: 50%;
text-align: center;
border: 3px solid #ffffff;
line-height: 45px;
font-size: 15px;
left: 38px;
bottom: 11px;
}
.timeline_left .timeline-entry .timeline-entry-inner .timeline-icon-top-white {
background-color: #fff;
color: #fff;
position: relative;
box-shadow: 0px 1px 7px 2px #0000003d;
display: flex;
}
@media only screen and (max-width: 1000px) {
.filtre {
width: 100%;
margin-top: 30px;
}
.rowAgid {
margin-top: 40px;
}
}
@media screen and (max-width: 1200px) {
.calendar-activity-body .calendar-line .calendar-days {
flex-wrap: wrap;
justify-content: center;
}
}
.calendar-activity-body .calendar-line .calendar-head {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 48px;
}
@media screen and (max-width: 768px) {
.calendar-activity-body .calendar-line .calendar-head {
flex-direction: column;
justify-content: center;
text-align: center;
}
}
@media screen and (max-width: 768px) {
.card_responsive {
max-width: none;
}
}
.mousse-houver {
cursor: grab;
}
.flex-chip {
display: flex;
}
.title-queste {
font-family: "Inter";
font-size: 32px;
font-weight: 400;
line-height: 42px;
letter-spacing: 0px;
text-align: "justified";
}
.title-quest {
font-family: "Inter";
font-size: 32px;
font-weight: 800;
line-height: 42px;
letter-spacing: 0px;
text-align: "justified";
color: #1a1a1a;
}
.chip-lab {
text-wrap: nowrap;
padding: 1px 10px 1px 10px;
}
@media only screen and (max-width: 991px) {
.bt-none {
display: none;
}
}
.date-style {
text-decoration: none;
font-weight: 400;
font-size: 14px;
font-family: "Roboto Mono";
}
u.date-style {
text-decoration: none;
font-weight: 400;
font-size: 14px;
font-family: "Roboto Mono" !important;
color: rgba(47, 71, 94, 1);
}
h2.title_big_card {
margin-top: 24px;
color: var(--color-slate-36, #455b71) !important;
font-family: "Inter";
font-size: 24px !important;
font-style: normal;
font-weight: 600 !important;
line-height: 130%; /* 31.2px */
margin-bottom: 16px;
-webkit-line-clamp: 2;
display: -webkit-box;
text-overflow: ellipsis;
overflow: hidden;
text-transform: inherit;
-webkit-box-orient: vertical;
}
h3.sub-title {
-webkit-line-clamp: 2;
display: -webkit-box;
text-overflow: ellipsis;
overflow: hidden;
text-transform: inherit;
-webkit-box-orient: vertical;
font-family: "Inter" !important;
font-weight: 600;
font-size: 18px !important;
line-height: 27px !important;
color: rgba(69, 91, 113, 1) !important;
margin-bottom: 16px;
}
span.button_big_card {
font-family: "Inter" !important;
font-weight: 600 !important;
font-size: 16px !important;
line-height: 24px !important;
text-align: justify;
}
p.content_big_card {
color: var(--color-black, #000);
font-family: Inter;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150%; /* 24px */
margin-bottom: 32px;
}
p.card-meduin_text {
font-family: "Inter" !important;
font-weight: 400 !important;
font-size: 16px !important;
line-height: 27px !important;
color: #000000 !important;
}
.search {
width: 50px;
position: relative;
overflow: hidden;
transition: all 0.5s ease;
&:before {
content: "";
display: block;
height: 100%;
position: relative;
transition: all 0.5s ease;
}
&.open {
border: 1px solid;
width: 250px;
height: 50px;
&:before {
position: absolute;
}
}
}
.search-box {
color: #003366 !important;
width: 100%;
height: 100%;
box-shadow: none;
border: none;
background: transparent;
color: #fff;
padding: 20px 100px 20px 45px;
font-size: 40px;
&:focus {
outline: none;
}
}
.search-button {
color: #000;
display: block;
position: absolute;
right: 0;
top: 0;
padding: 8px;
cursor: pointer;
}
.filter-nav-link:active {
border-bottom: 0px solid #003366 !important;
}
/*
.search-container {
display: none;
position: absolute;
top: 260px;
left: 1290px;
background: transparent;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
z-index: 1000;
width: 19%;
height: 37px;
border: 1px solid #06c;
}
.close-btn {
cursor: pointer;
padding: 5px;
}
.searchheader
{
border: none;
border-radius: 0;
padding: 0;
outline: 0;
width: 88%;
} */
.top-search-form input[type="search"] {
border-radius: 0;
-webkit-appearance: none;
}
.top-search-form {
display: none;
min-width: 100%;
height: 40px;
}
.top-search-form .search-field {
text-align: start;
width: 100%;
height: 100%;
background-color: white;
color: #06c;
border: 1px solid #00336669;
padding: 1px 20px 1px 20px;
z-index: 1000;
cursor: text;
}
.top-search-form .search-submit {
position: absolute;
top: 0;
right: 0;
height: 100%;
background: #5e3655;
border: none;
color: #fff;
width: 7%;
border-radius: 0;
cursor: pointer;
}
.searchClose {
display: none;
position: absolute;
top: 142px;
left: 0;
right: 0;
padding: 0 15px;
font-weight: 600;
color: black;
z-index: 5;
text-align: center;
cursor: pointer;
}
.top-search-form .search-field::-webkit-input-placeholder {
/* Chrome/Opera/Safari */
color: #fff;
}
.top-search-form .search-field::-moz-placeholder {
/* Firefox 19+ */
color: #fff;
}
.top-search-form .search-field:-ms-input-placeholder {
/* IE 10+ */
color: #fff;
}
.top-search-form .search-field:-moz-placeholder {
/* Firefox 18- */
color: #fff;
}
.top-search-form .search-field::-moz-placeholder {
opacity: 1;
}
.search-wrapper {
height: 100%;
}
.custom-card {
border: 2px solid #bfdfff;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
padding: 20px 65px 5px 34px;
margin-top: 0px;
position: relative;
display: none;
position: relative;
background: white !important;
align-content: center;
height: fit-content;
width: max-content;
float: right;
}
.position_social {
display: flex !important;
flex-direction: row !important;
justify-content: center !important;
align-items: center !important;
}
.close-btn {
position: absolute;
top: 10px;
right: 10px;
cursor: pointer;
font-size: 20px;
color: #bfdfff;
background: none;
border: none;
padding: 0;
}
.close-btn:hover {
color: #003366;
}
.shareBtn {
cursor: pointer !important;
}
.shareBtn {
cursor: pointer;
cursor: grab;
}
.circle-container {
width: 40px;
height: 40px;
background-color: #0066cc;
/* Set your desired background color */
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
}
#search {
width: 21px;
height: 20px;
}
@media only screen and (max-width: 1394px) {
.titlelogo {
white-space: wrap !important;
}
}
@media only screen and (max-width: 1102px) {
/* .navbar .navbar-collapsable {
position: relative;
top: auto;
right: 53px !important;
left: auto;
bottom: auto;
z-index: auto;
background: none;
display: block !important;
transition: none;
} */
.navbar .navbar-collapsable {
width: 100%;
}
.it-header-wrapper .it-nav-wrapper .it-header-navbar-wrapper nav {
padding-left: 4px;
padding-right: 18px;
}
.navbar .navbar-collapsable .navbar-nav li.nav-item a.nav-link,
.navbar .navbar-collapsable .navbar-nav li.nav-item button.nav-link {
display: flex;
align-self: flex-end;
align-items: center;
font-weight: 400;
padding: 12px 19px;
border-bottom: 3px solid rgba(0, 0, 0, 0) !important;
}
.card-item {
cursor: grab;
}
.card-item:hover {
cursor: pointer;
}
}
.paysage-cover-image {
height: revert-layer !important;
}
.card-item .card .card-body .card-text {
font-family: "Inter";
overflow: hidden;
color: #2f475e;
text-overflow: ellipsis;
font-size: 16px !important;
font-style: normal !important;
font-weight: 400 !important;
line-height: 150%;
}
.mensile-selected {
background-color: #0066cc !important;
color: white !important;
}
.settimanale-border {
border: 1px solid #bfdfff;
padding: 8px;
}
.settimanale-border .day {
color: #036;
font-size: 14px;
font-style: normal;
font-weight: 600;
line-height: 150%;
border: 1px solid #bfdfff;
background: #f2f7fc;
border-radius: 24px;
margin-left: 7px;
}
.settimanale-border .day .day-events {
}
.day-name-and-number {
display: flex;
align-items: center;
}
.date-name {
font-family: "Inter";
font-size: 16px;
font-weight: 500;
line-height: 24px;
letter-spacing: 0em;
text-align: left;
color: #2f475e;
}
.paragraph-container {
display: flex;
flex-direction: column;
align-items: center;
}
/* Style pour le point bleu */
.day-number.with-events::before {
content: "";
display: inline-block;
width: 6px;
height: 6px;
border-radius: 50%;
background-color: blue;
margin-right: 4px;
/* Ajuster selon la mise en page */
}
/* Style pour le point sur les événements à venir */
.day-number.upcoming-day.with-events::before {
background-color: lightblue;
/* Ou une autre couleur de votre choix */
}
.day-events ul {
margin: 0;
padding: 0;
list-style: none;
top: 14px;
margin-top: 39px;
position: relative;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
}
.day-events ul li {
padding: 2px 0;
}
.width-bg-partner {
width: 225px;
}
.button-bottom {
display: none !important;
}
@media only screen and (max-width: 991px) {
.button-top {
display: none !important;
}
.notizie-none {
display: none !important;
}
.button-bottom {
display: flex !important;
justify-content: center;
}
.d-notize {
display: flex;
}
.btn-dispalys {
display: flex !important;
justify-content: center !important;
}
#btnup {
margin-top: 18px;
}
}
.btn_news_descktop {
display: none;
}
.title-vai {
box-shadow: inset 0 0 0 0px #06c;
}
.chip-large {
max-width: 300px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.accordion-combo {
margin-bottom: 64px;
/* padding: 0px 16px 0px 16px; */
border-bottom: px solid #d9dadb !important;
margin-top: -11px;
}
.FAQ_NAV a {
font-size: 16px;
font-weight: 600;
line-height: 24px;
padding: 20px 32px 20px 0px;
}
.indincefAQ {
font-size: 12px;
font-weight: 600;
line-height: 18px;
letter-spacing: 2px;
text-align: justify;
color: #000;
text-transform: uppercase;
}
.position-indice {
position: fixed;
z-index: 1;
}
.it-footer {
position: relative;
z-index: 9;
}
#container_map {
margin-left: 431px;
}
#container_map_2 {
margin-left: 431px;
}
@media (max-width: 1456px) {
#container_map {
margin-left: 400px;
}
#container_map_2 {
margin-left: 400px;
}
}
@media (max-width: 1330px) {
#container_map {
margin-left: 345px;
}
#container_map_2 {
margin-left: 345px;
}
}
@media (max-width: 1220px) {
#container_map {
margin-left: 260px;
}
#container_map_2 {
margin-left: 260px;
}
}
@media (max-width: 1100px) {
#container_map {
margin-left: 200px;
}
#container_map_2 {
margin-left: 200px;
}
}
@media (max-width: 1000px) {
#container_map {
margin-left: 137px;
}
#container_map_2 {
margin-left: 137px;
}
}
@media (max-width: 900px) {
#container_map {
width: 90%;
/* Ajustement de la largeur pour les écrans plus petits */
max-width: 900px;
/* Largeur maximale pour éviter le débordement */
}
#container_map_2 {
width: 90%;
/* Ajustement de la largeur pour les écrans plus petits */
max-width: 900px;
/* Largeur maximale pour éviter le débordement */
}
}
@media (max-width: 750px) {
#container_map {
margin-left: 38px;
}
#container_map_2 {
margin-left: 38px;
}
}
@media (max-width: 600px) {
#video-iframe {
width: 90%;
margin-top: 10%;
height: 85%;
margin-left: 5%;
}
.title-piano2 {
font-family: Inter !important;
font-size: 16px !important;
font-weight: 700 !important;
line-height: 24px !important;
text-align: left !important;
}
.title-digital_2 {
font-family: Inter !important;
font-size: 16px !important;
font-weight: 400 !important;
line-height: 24px !important;
text-align: left !important;
margin-bottom: 0px;
}
#container_map {
width: 100%;
/* Ajustement de la largeur pour les écrans encore plus petits */
max-width: 600px;
/* Largeur maximale pour éviter le débordement */
}
#container_map_2 {
width: 100%;
/* Ajustement de la largeur pour les écrans encore plus petits */
max-width: 600px;
/* Largeur maximale pour éviter le débordement */
}
.highcharts-root {
width: 400px;
}
.sticky-sidebar {
position: relative !important;
/* Pour la compatibilité avec certains navigateurs */
top: 0 !important;
bottom: 20px;
height: calc(175vh - 80px) !important;
/* Ajustez la hauteur selon vos besoins */
}
.filtermateriali {
display: none;
}
.size_card_materiali {
width: 355px !important;
height: 300px;
}
}
.chip.chip-lg {
max-width: 300px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
/* .accordion-header .button-accordion:after{
margin-left: 35px !important;
} */
.accordion .accordion,
.accordion {
border: none !important;
}
.titleper {
font-family: "Inter";
font-size: 18px;
font-weight: 400;
line-height: 28px;
letter-spacing: 0em;
text-align: left;
}
@media (max-width: 500px) {
.svg-logo {
width: 50px !important;
height: 50px !important;
}
.title-delle {
font-size: 10px !important;
}
.svg-bleu {
width: 100% !important;
height: 90px !important;
}
.textdipartimento {
font-size: 10px;
}
}
.chip {
height: auto;
}
.chip-display {
display: inline-table;
margin-bottom: 32px;
margin-top: 4px;
}
.page-template-templateFaq-view-php .chip-display {
display: inline-table;
margin-bottom: 24px;
margin-top: 0px;
}
.activita-row .card-item {
height: 300px !important;
/* margin-bottom: 20px !important; */
}
.card a.read-more {
bottom: 33px !important;
}
.figure.position-relative {
float: right;
}
.border-btn {
box-shadow: inset 0 0 0 2px white !important;
}
.chip-custom {
cursor: pointer;
}
.chips-padding {
min-width: auto;
padding: 2px 5px !important;
width: 171px;
height: 32px !important;
}
.title-chip {
font-size: 14px !important;
line-height: 20px !important;
font-weight: 600 !important;
color: #0066cc !important;
}
.chips-padding {
min-width: auto;
}
h4.titlefaq {
font-family: "Inter";
font-size: 28px;
font-weight: 700;
/* line-height: 32px; */
padding-bottom: 24px;
}
.borderfaq {
border-top: 1px solid #ebeced;
border-right: 1px solid #ebeced;
}
.indicefaq:focus {
border-bottom: none !important;
border-right: 2px solid #0066cc !important;
}
.questionfaq {
padding: 0px !important;
margin-bottom: 8px !important;
}
.reponsefaq {
padding: 0px 48px 0px 0px !important;
width: 97%;
}
.borderaccordation {
padding: 32px 0px 32px 0px;
border-top: 1px solid #d9dadb !important;
}
.borderaccordation div:first-child {
border-top: 0px solid #d9dadb !important;
}
.border_accordation_Correlation {
padding: 32px 0px 32px 0px;
border-bottom: 1px solid #d9dadb !important;
}
.last-border-item {
border-bottom: 0px !important;
}
.first-border-item {
border-top: 0px !important;
}
h3.title_template {
color: #000;
font-family: "Inter" !important;
font-size: 24px !important;
font-style: normal !important;
font-weight: 600 !important;
line-height: 150% !important;
/* 36px */
}
.tabsopendata {
background: none !important;
border-bottom: none !important;
}
.nav-tabs .nav-link.active {
background: none !important;
border-bottom-color: #06c;
color: #003366;
font-family: "Inter";
font-size: 18px;
font-weight: 600;
line-height: 24px;
}
.nav-tabs .nav-link {
background: none !important;
border-bottom-color: #06c;
color: #003366;
font-family: "Inter";
font-size: 18px;
font-weight: 600;
line-height: 24px;
}
.nav-tabs .nav-link:hover {
background: none !important;
border-bottom-color: #06c !important;
}
.nav-tabs .nav-link {
border-bottom-color: rgba(197, 199, 201, 1);
}
.nav-item.tabb:hover {
border-bottom: none !important;
margin: 0 !important;
}
.card_materiali {
background-color: #f2f7fc;
border: 1px solid #bfdfff;
}
.size_card_materiali {
width: 408px;
height: 270px;
}
h3.title_card_matr {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
align-self: stretch;
overflow: hidden;
color: var(--color-text-primary, #06c);
text-overflow: ellipsis;
font-family: "Inter";
font-size: 18px;
font-style: normal;
font-weight: 600;
line-height: 24px; /* 133.333% */
margin-bottom: 16px;
}
.margin-opendata {
margin-left: -34px;
}
@media only screen and (max-width: 1505px) {
.margin-opendata {
margin-left: 0px;
}
}
h1.text_haidelledomande {
font-family: "Inter" !important;
font-size: 40px;
font-weight: 800 !important;
line-height: 40px !important;
color: #000000 !important;
text-align: justify;
}
h1.text_domande-fraquenti {
font-family: "Inter";
font-size: 32px;
font-weight: 400;
line-height: 48px;
color: #1a1a1a;
text-align: justify;
}
.sildeAgendaArgomento
.custom-silder-agenda
.swiper-horizontal
> .swiper-scrollbar,
.sildeAgendaArgomento .swiper-scrollbar.swiper-scrollbar-horizontal {
left: var(--swiper-scrollbar-sides-offset, 22.5%) !important;
}
.custom-bc {
font-weight: 400 !important;
color: #2f475e !important;
text-decoration: none !important;
}
.breadcrumb-container .breadcrumb {
padding: 0px !important;
}
.bg-bread {
min-height: 84px !important;
}
.buttonpregettovideo {
text-decoration: auto;
gap: 10px;
align-items: center;
border: none;
background: none;
cursor: pointer;
margin-top: 30px;
font-family: "Inter" !important;
font-size: 16px;
font-weight: 600;
line-height: 24px;
text-align: justify;
}
.card-shadow-progetto {
box-shadow: 0px 16px 24px 0px rgba(0, 102, 204, 0.1);
height: 100%;
border-radius: 24px !important;
}
.custom-logo img {
height: 64px;
}
.custom-logo {
padding: 15px;
display: flex;
margin: 15px;
justify-content: center;
}
.dropdown-file {
width: 100%;
border: 1px solid;
padding: 5px;
border-radius: 5px;
background: white;
border: 1px solid rgba(92, 111, 130, 1);
}
.dropdown-file #fileuploadMulti {
width: 100%;
text-align: left;
color: black;
font-family: "Inter";
font-weight: 400;
}
.dropdown-file #selectMulti {
width: 100%;
text-align: left;
color: black;
font-family: "Inter";
font-weight: 400;
}
.dropdown-file #selectMulti2 {
width: 100%;
text-align: left;
color: black;
font-family: "Inter";
font-weight: 400;
}
.dropdown-file #selectTipologiaAttivita {
width: 100%;
text-align: left;
color: black;
font-family: "Inter";
font-weight: 400;
}
.dropdown-file #selectPartner {
width: 100%;
text-align: left;
color: black;
font-family: "Inter";
font-weight: 400;
}
.dropdown-file #selectCategoria {
width: 100%;
text-align: left;
color: black;
font-family: "Inter";
font-weight: 400;
}
.dropdown-file #targetDestinatarioSelect {
width: 100%;
text-align: left;
color: black;
font-family: "Inter";
font-weight: 400;
}
.dropdown-file #formatiDisponibiliSelect {
width: 100%;
text-align: left;
color: black;
font-family: "Inter";
font-weight: 400;
}
.dropdown-file #selectTipologia {
width: 100%;
text-align: left;
color: black;
font-family: "Inter";
font-weight: 400;
}
.dropdown-file .dropdown-menu {
width: 100%;
}
.dropdownopendata {
padding: 20px;
box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.15);
background-color: rgba(255, 255, 255, 1);
border-radius: 4px;
}
.dropdownopendata:before {
display: none;
}
.dropdownopendata.show {
transform: translate(0px, -16px) !important;
}
.li_opendata {
height: 40px;
padding: 3px;
margin-bottom: 12px;
padding: 8px 8px 8px 8px;
}
.li_opendata .list-item {
display: flex;
position: static;
}
.li_opendata .file_size {
/* position: fixed; */
/* left: auto; */
/* right: 21px; */
font-family: "Roboto Mono" !important;
}
.file-size-text {
display: flex;
justify-content: space-between;
width: 88%;
align-items: center;
}
.checkbox_opendata {
width: 22px;
height: 22px;
top: 1px;
left: 1px;
gap: 10px;
border-radius: 4px 0px 0px 0px;
opacity: 0px;
margin-right: 12px;
border-color: #0066cc !important;
}
.checkbox_partner {
width: 22px;
height: 22px;
top: 1px;
left: 1px;
gap: 10px;
border-radius: 4px 0px 0px 0px;
opacity: 0px;
margin-right: 12px;
border-color: #0066cc !important;
}
.checkbox_argomento {
width: 30px;
height: 22px;
top: 1px;
left: 1px;
gap: 10px;
border-radius: 4px 0px 0px 0px;
opacity: 0px;
margin-right: 8px;
border-color: #0066cc !important;
}
.checkbox_targetDestinatario {
width: 22px;
height: 22px;
top: 1px;
left: 1px;
gap: 10px;
border-radius: 4px 0px 0px 0px;
opacity: 0px;
margin-right: 12px;
border-color: #0066cc !important;
}
.checkbox_formatiDisponibili {
width: 22px;
height: 22px;
top: 1px;
left: 1px;
gap: 10px;
border-radius: 4px 0px 0px 0px;
opacity: 0px;
margin-right: 12px;
border-color: #0066cc !important;
}
.checkbox_categoria {
width: 22px;
height: 22px;
top: 1px;
left: 1px;
gap: 10px;
border-radius: 4px 0px 0px 0px;
opacity: 0px;
margin-right: 12px;
border-color: #0066cc !important;
}
.checkbox_tipologia {
width: 22px;
height: 22px;
top: 1px;
left: 1px;
gap: 10px;
border-radius: 4px 0px 0px 0px;
opacity: 0px;
margin-right: 12px;
border-color: #0066cc !important;
}
.checkbox_tipologia_Attivita {
width: 22px;
height: 22px;
top: 1px;
left: 1px;
gap: 10px;
border-radius: 4px 0px 0px 0px;
opacity: 0px;
margin-right: 12px;
border-color: #0066cc !important;
}
.list-item.large {
padding: 0;
width: 100%;
display: flex;
gap: 10px;
align-items: center;
}
.list-item.large input {
width: 22px;
margin: 0;
height: 22px;
border-radius: 4px 0px 0px 0px;
border-color: #0066cc !important;
}
.list-item.large label {
width: 88%;
}
.text_file {
overflow: hidden;
font-size: 16px;
line-height: 24px;
font-weight: 400;
color: rgba(26, 26, 26, 1);
max-width: 72%;
display: inline-block;
}
.file_size {
float: right;
margin-left: 10px;
}
/* Style pour le li lorsque la case à cocher est cochée */
.li_opendata.checked {
background-color: rgba(242, 247, 252, 1) !important;
/* Couleur de fond souhaitée */
border-radius: 8px;
}
.svgopendata {
float: right;
margin-top: 12px;
}
input[type="date"]::before {
color: rgba(26, 26, 26, 1);
font-family: "Inter";
font-size: 16px;
font-weight: 700;
line-height: 24px;
text-align: left;
content: attr(placeholder);
}
.margin-tag {
margin-left: -4px;
}
.sprotelli-text-1 {
font-family: "Inter";
font-size: 24px;
font-weight: 400;
line-height: 36px;
text-align: left;
}
.page-template-news-view .img-preview {
margin-bottom: 24px;
}
.chip-primary {
width: auto !important;
}
.center-title {
place-content: center;
}
/* .textcardattivita {
overflow: hidden !important;
display: -webkit-box;
-webkit-line-clamp: 2 !important;
line-clamp: 2 !important;
-webkit-box-orient: vertical !important;
} */
.textcardattivita {
margin-bottom: 32px;
height: 48px;
}
.image_progetto {
width: 442px;
height: 447.67px;
gap: 0px;
opacity: 0px;
}
.image-text {
padding: 5px;
color: var(--color-text-base, #1a1a1a);
font-family: "Inter";
font-size: 20px;
font-style: normal;
font-weight: 400;
background-color: white;
line-height: 30px;
}
.section_partner_progetto {
gap: 100px;
padding: 50px;
}
.padding_text {
padding-right: 30px;
padding-left: 30px;
}
.padding_page_DF {
gap: 100px;
padding: 50px;
margin-bottom: 150px;
}
h1.notizie-title {
color: var(--color-text-base, #1a1a1a);
font-family: "Inter";
font-size: 56px;
font-style: normal;
font-weight: 600;
line-height: 150%; /* 84px */
margin-bottom: 0px !important;
}
h3.title_card_meduim {
overflow: hidden;
color: var(--color-slate-36, #455b71);
text-overflow: ellipsis;
font-family: "Inter" !important;
font-size: 22px !important;
font-style: normal !important;
font-weight: 600 !important;
line-height: 130% !important;
-webkit-line-clamp: 2;
display: -webkit-box;
text-overflow: ellipsis;
overflow: hidden;
margin-top: 16px;
margin-bottom: 8px;
text-transform: inherit;
-webkit-box-orient: vertical;
}
.margin_date {
margin-top: 24px;
}
@media (max-width: 600px) {
.section-video-player {
/* display: none; */
}
.progetto-title {
font-family: "Inter";
font-size: 24px;
font-weight: 600;
line-height: 31.2px;
text-align: left;
}
.center-title {
place-content: start;
}
.title-digital {
font-family: "Inter";
font-size: 16px;
font-weight: 400;
line-height: 24px;
text-align: left;
}
.main-card-text-2 {
text-align: start;
font-size: 24px !important;
font-weight: 800;
line-height: 31.2px;
margin-bottom: 0px !important;
}
.main-card-text-3 {
text-align: start;
font-family: "Inter";
font-size: 18px !important;
font-weight: 400;
line-height: 27px;
}
p.mini-card-text {
font-size: 16px !important;
}
h3.calculated-container {
text-align: start !important;
font-size: 24px !important;
}
.calculated-container span {
display: block;
}
.sprotelli-text-1 {
font-family: "Inter";
font-size: 18px !important;
font-weight: 400;
line-height: 27px;
text-align: left;
color: #000000;
}
.image-text {
font-family: "Inter";
font-size: 16px !important;
font-weight: 400;
line-height: 27px;
text-align: left;
padding: 0px !important;
}
.img-gli {
width: 336px;
height: 129.44px;
}
.img-gli-2 {
width: 336px;
height: 168.83px;
}
.img-gli-3 {
width: 336px;
height: 174.5px;
}
.arrow-responsive {
width: 336px;
height: 1000px;
}
.section_mobile {
padding: 60px 0px 60px 0px !important;
}
.titile-del-progetto {
font-family: "Inter";
font-size: 24px !important;
font-weight: 400;
line-height: 28px;
}
.section_partner_progetto {
gap: 100px;
padding: 9px !important;
}
.title-piano {
font-family: "Inter";
font-size: 16px;
font-weight: 700 !important;
line-height: 24px;
text-align: left;
}
.image_progetto {
width: 221px;
height: 223.83px;
gap: 0px;
opacity: 0px;
}
.soluzione-ideal {
padding: 0px !important;
}
.main-card-text-1 {
color: var(--color-text-base, #1a1a1a);
font-family: Inter;
font-size: 24px;
font-style: normal;
font-weight: 400;
line-height: 130%;
}
.main-card-text-2 {
color: var(--color-text-base, #1a1a1a);
font-family: Inter;
font-size: 24px;
font-style: normal;
font-weight: 800;
line-height: 130%;
}
.main-card-text-3 {
color: var(--color-text-base, #1a1a1a);
font-family: Inter;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 150%;
}
p.mini-card-text {
font-size: 16px !important;
}
h3.calculated-container {
text-align: start !important;
font-size: 24px !important;
}
.calculated-container span {
display: block;
}
.sprotelli-text-1 {
font-family: "Inter";
font-size: 18px !important;
font-weight: 400;
line-height: 27px;
text-align: left;
color: #000000;
}
.image-text {
font-family: "Inter";
font-size: 16px !important;
font-weight: 400;
line-height: 27px;
text-align: left;
padding: 0px !important;
}
.arrow-responsive {
width: 336px;
height: 1000px;
}
.section_mobile {
padding: 60px 0px 60px 0px !important;
}
.title-partner {
font-family: "Inter";
font-size: 24px !important;
font-weight: 400;
line-height: 28px;
}
.titile-del-progetto {
font-family: "Inter";
font-size: 24px !important;
font-weight: 400;
line-height: 28px;
}
.section_partner_progetto {
gap: 100px;
padding: 9px !important;
}
.paragraph-vero {
font-family: "Inter";
font-size: 16px !important;
line-height: 24px;
}
.custom-logo img {
width: 313px;
height: 66px;
object-fit: contain;
}
.img_invitalia {
width: 104.8px !important;
height: 64px !important;
gap: 0px;
opacity: 0px;
}
.with-border {
border-bottom: 1px solid #ddd;
padding-bottom: 40px;
padding-top: 40px;
}
.padding_text {
padding-right: 0px;
padding-left: 10px;
}
.padding_logoagid {
padding-left: 10px !important;
padding-top: 50px;
}
.padding_page_DF {
gap: 100px;
padding: 10px;
margin-bottom: 80px;
}
.bg-bread {
display: none;
}
.card-shadow-progetto {
height: 90%;
}
.input_date_mobile {
margin-top: -45px !important;
}
img.image_card_big {
width: 100%;
height: 145px;
margin-bottom: 20px;
margin-top: -50px;
}
u.date-style {
color: var(--color-text-secondary, #2f475e);
font-family: "Roboto Mono";
font-size: 14px !important;
font-style: normal;
font-weight: 400;
line-height: 24px !important;
}
p.content_big_card {
color: var(--color-black, #000);
font-family: "Inter" !important;
font-size: 16px !important;
font-style: normal !important;
font-weight: 400 !important;
line-height: 150% !important;
}
.small_card_mobile {
padding: 60px 2px 0px 22px !important;
margin: -10px !important;
}
img.img_cars_small {
width: 100%;
height: 112px !important;
}
.element-style {
border-right: none;
border-bottom: none;
text-align: start;
color: black;
padding: 0rem;
}
/* Apply border to every first and second item */
/* .element-style:nth-child(3n-1),
.element-style:nth-child(3n-2) {
border-right:none;
padding: 24px 0px 24px 0px;
} */
.paysage-cover-image {
width: 100%;
height: 112px !important;
}
.chips_alter_mobile {
display: none;
}
h3.title_card_meduim {
color: var(--color-black, #000);
font-family: "Inter" !important;
font-size: 16px !important;
font-style: normal !important;
font-weight: 600 !important;
line-height: 150% !important;
}
.card-meduin_text {
display: none;
}
.margin_date {
margin-bottom: 1px;
margin-top: 0px;
}
.padding_soluzione {
padding-bottom: 0px !important;
}
h1.notizie-title {
font-size: 24px !important;
font-weight: 600;
font-family: "Inter";
}
.d-notize {
display: none !important;
}
.filtre_version_desctop {
display: flex !important;
align-items: center;
justify-content: space-between;
}
.Filtre_section {
padding: 25px 15px 25px 15px;
}
.selectinput {
margin-bottom: 20px;
}
.input_date_mobile {
margin-top: -45px !important;
}
img.image_card_big {
width: 100%;
height: 145px;
margin-bottom: 20px;
margin-top: -50px;
}
u.date-style {
color: var(--color-text-secondary, #2f475e);
font-family: "Roboto Mono";
font-size: 14px !important;
font-style: normal;
font-weight: 400;
line-height: 24px !important;
}
h2.title_big_card {
color: var(--color-slate-36, #455b71) !important;
font-family: "Inter" !important;
font-size: 20px !important;
font-style: normal !important;
font-weight: 600 !important;
line-height: 150% !important;
margin-bottom: 8px;
}
h3.sub-title {
color: var(--color-slate-36, #455b71) !important;
font-family: "Inter" !important;
font-size: 18px !important;
font-style: normal !important;
font-weight: 500 !important;
line-height: 150% !important;
margin-bottom: 8px;
}
p.content_big_card {
color: var(--color-black, #000);
font-family: "Inter" !important;
font-size: 16px !important;
font-style: normal !important;
font-weight: 400 !important;
line-height: 150% !important;
}
.small_card_mobile {
padding: 60px 2px 0px 22px !important;
margin: -10px !important;
}
img.img_cars_small {
width: 100%;
height: 112px;
}
.element-style {
border-right: none;
border-bottom: none;
text-align: start;
color: black;
padding: 0rem;
padding-bottom: 51px !important;
}
/* Apply border to every first and second item */
/* .element-style:nth-child(3n-1),
.element-style:nth-child(3n-2) {
border-right: none;
padding: 24px 0px 24px 0px;
} */
.paysage-cover-image {
width: 100%;
height: 112px !important;
}
.chips_alter_mobile {
display: none;
}
h3.title_card_meduim {
color: var(--color-black, #000);
font-family: "Inter" !important;
font-size: 16px !important;
font-style: normal !important;
font-weight: 600 !important;
line-height: 150% !important;
}
.card-meduin_text {
display: none;
}
.margin_date {
margin-bottom: 1px;
margin-top: 0px;
}
.readmore-mobile {
position: relative;
top: 0px;
}
}
.readmore-mobile {
position: unset;
top: 0px;
}
.button-filter-mobile {
display: none;
}
.mobile-filter-add {
display: none;
}
.mobile-filter-remove {
display: block;
}
@media screen and (max-width: 600px) {
h3.notizie-title {
font-size: 24px !important;
}
.chips_filtre_agenda_mobile {
display: none;
}
.button-filter-mobile {
display: block;
}
.mobile-filter-add {
display: block;
}
.mobile-filter-remove {
display: none;
}
.btnfitre {
width: 100%;
}
.bd-highlight {
width: 50%;
}
.prossime-attivita-in-programma-title {
font-size: 20px;
font-weight: 600;
}
.calendar-title-mobile {
font-size: 24px;
}
.section-agenda-calendar-mobile {
padding: 48px 0px !important;
}
.container-agenda-calendar-mobile {
max-width: 100% !important;
padding: 0px 0px !important;
}
.calendar-activity-body {
border-radius: 0px;
border: none;
padding-left: 20px !important;
padding-right: 20px !important;
}
.dates-types-buttons {
display: none;
}
}
.calendar-activity-body {
padding: 23px;
}
.select-selected {
border-radius: 4px;
border: 1px solid var(--color-border-secondary, #5c6f82);
background: var(--color-background-inverse, #fff);
padding: 4px 8px;
height: 40px;
color: var(--color-text-base, #1a1a1a);
font-family: Inter;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px;
/* 150% */
display: flex;
align-items: center;
cursor: pointer;
}
.custom-select select {
display: none;
/*hide original SELECT element:*/
}
/* Style the arrow inside the select element */
.select-selected:after {
content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M11.9984 15.2008L6.39844 9.60078L7.09844 8.80078L11.9984 13.7008L16.8984 8.80078L17.5984 9.60078L11.9984 15.2008Z' fill='%231A1A1A'/%3E%3C/svg%3E");
position: absolute;
right: 13px;
width: 30px;
height: 24px;
}
/* Reverse the arrow icon when the select box is open */
.select-selected.select-arrow-active:after {
content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M11.9984 8.80078L6.39844 14.4008L7.09844 15.2008L11.9984 10.3008L16.8984 15.2008L17.5984 14.4008L11.9984 8.80078Z' fill='%231A1A1A'/%3E%3C/svg%3E");
}
/*style the items (options), including the selected item:*/
.select-items div {
padding: 8px 16px;
border: 1px solid transparent;
cursor: pointer;
user-select: none;
}
/*style items (options):*/
.select-items {
position: absolute;
background-color: white;
left: 12px;
right: 15px;
z-index: 99;
border-radius: 4px;
box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.15);
}
/*hide the items when the select box is closed:*/
.select-hide {
display: none;
}
.select-items div:hover,
.same-as-selected {
background-color: rgba(0, 0, 0, 0.1);
}
.sprotelli-p-1 {
font-weight: 500;
font-size: 24px;
line-height: 36px;
}
.sprotelli-p-2 {
font-weight: 500;
font-size: 20px;
line-height: 30px;
}
.custom-silder-agenda .card_custom_swiper {
height: auto !important;
}
.card_custom_swiper > .card:after {
margin-top: 0 !important;
}
.chip.chip-lg.chip-simple {
max-width: none !important;
width: fit-content !important;
padding-left: 16px !important;
padding-right: 16px !important;
text-decoration: none;
}
.margin-card-materiel {
margin-bottom: 0px !important;
}
.margin-content-matiriel {
margin-top: 32px !important;
margin-bottom: 32px !important;
}
.marterial-link {
font-family: Inter;
font-size: 16px;
font-weight: 600;
line-height: 24px;
text-align: justified;
text-decoration: none;
}
.title-materel {
font-family: Inter;
font-size: 18px;
font-weight: 600;
line-height: 24px;
text-align: left;
color: #0066cc;
margin-bottom: 8px !important;
}
h3.title-card_roadmap {
font-family: "Inter" !important;
font-size: 20px;
font-weight: 600;
line-height: 24px;
text-align: left;
color: #2f475e;
}
span.card_text_roadmap {
font-family: "Inter" !important;
font-size: 16px !important;
font-weight: 400 !important;
line-height: 24px !important;
text-align: justify !important;
color: #2f475e !important;
}
p.text_card_percorsi {
font-family: "Inter" !important;
font-size: 16px !important;
font-weight: 400 !important;
line-height: 24px !important;
text-align: left !important;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
color: #2f475e;
}
h3.title_card_percorsi {
font-family: "Inter" !important;
font-size: 24px !important;
font-weight: 600;
line-height: 32px;
text-align: left;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
color: #0066cc;
}
.accordion-header .button-accordion.btnnext:after {
content: url('data:image/svg+xml;utf8,');
}
button.accordion-button span.titlefaqq {
color: var(--color-text-base, #1a1a1a);
font-family: "Inter";
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 150%;
/* 24px */
}
.bodyfaq {
padding: 0px 48px 0px 0px !important;
width: 97%;
overflow: hidden;
color: var(--color-text-secondary, #2f475e) !important;
text-overflow: ellipsis;
font-family: "Inter";
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150%;
/* 24px */
}
.sticky-sidebar {
overflow-y: scroll;
position: sticky;
top: 75px;
height: calc(82vh);
padding-right: 0;
margin-bottom: 20px;
}
.sticky-sidebar {
scrollbar-width: none;
scrollbar-color: #888 #f1f1f1;
}
/* Change la couleur lorsque survolé ou cliqué */
a.faqhover :hover,
a.faqhover :focus,
a.faqhover :active,
a.faqhover :hover .titlefaqq,
a.faqhover :focus .titlefaqq,
a.faqhover :active .titlefaqq,
a.faqhover :hover .bodyfaq,
a.faqhover :focus .bodyfaq,
a.faqhover :active .bodyfaq {
color: #0066cc !important;
}
/* Ajoute le soulignement et le changement de curseur uniquement au survol */
a.faqhover :hover {
/* background-color: #f2f7fc;
cursor: pointer;
text-decoration: underline;
font-weight: 500; */
}
.faqhover {
text-decoration: none !important;
}
h3.title_faqcorrelation {
font-family: "Inter" !important;
font-size: 24px;
font-weight: 600 !important;
line-height: 0px !important;
text-align: left !important;
margin-bottom: 6px !important;
margin-top: 72px;
}
.btn_approfondisci_faq {
text-align: end;
padding: 15px 15px 0px 0px;
}
.chip.chip-lg.chip-simple {
max-width: none !important;
width: fit-content !important;
padding-left: 16px !important;
padding-right: 16px !important;
cursor: pointer;
}
/* chart donate fix */
.chart-container {
display: flex;
justify-content: space-around;
width: 100%;
height: 300px;
align-content: flex-start;
align-items: center;
flex-wrap: wrap;
}
/* RESPONSIVE FAQ PAGE */
@media only screen and (max-width: 600px) {
.filterMaterialiUtili {
padding: 0px 24px;
}
/* .chips-filter-container {
width: 100%;
} */
.filter-materiali-chips {
display: flex;
justify-content: space-between;
align-items: center;
}
.chips-container-responsive {
display: flex;
flex-direction: column;
gap: 4px;
}
.display-content-responsive {
display: flex;
}
.chips-container-toggler {
display: none;
}
.responsive-verso-pui {
display: flex;
flex-direction: column;
align-items: start;
}
.sidebar_desktop {
display: none !important;
}
.sidebar_mobile {
display: block !important;
}
.indincefAQ_mobile {
font-family: "Inter" !important;
font-size: 12px !important;
font-weight: 600 !important;
line-height: 18px !important;
letter-spacing: 2px !important;
text-align: justify !important;
color: #000000 !important;
text-transform: uppercase;
}
.accordation_faq:hover {
text-decoration: none !important;
}
.accordation_faq {
padding: 0px 0px 15px !important;
}
.body_accordation_faq {
padding: 0px !important;
}
.borderfaq {
border-top: 1px solid #ebeced;
border-right: 1px solid #ebeced;
}
.border_iteam_mobile {
border-bottom: 1px solid #ebeced;
}
.top_section_faq {
margin-top: 50px !important;
}
.bodyfaq {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}
h4.titlefaq {
color: var(--color-text-base, #1a1a1a);
font-family: Inter;
font-size: 20px;
font-style: normal;
font-weight: 600;
line-height: 24px;
}
p.title-diamo {
font-family: "Inter" !important;
font-size: 24px !important;
font-weight: 400 !important;
line-height: 15px !important;
text-align: left !important;
color: #000000 !important;
}
h1.title-sporteli {
font-family: "Inter" !important;
font-size: 24px !important;
font-weight: 800 !important;
text-align: left !important;
color: #000000 !important;
}
.mobile_section {
padding: 0px !important;
}
.section_Homenews_mobile {
padding: 0px !important;
margin-top: 40px;
}
.filtre_version_desctop {
display: flex !important;
align-items: center;
}
.filtre_news_mobile {
display: none !important;
}
.sectionnews_mobile {
padding: 0px !important;
margin-bottom: 40px !important;
}
.gap_agenda_home {
display: flex;
flex-direction: column;
gap: 0px;
}
.bt-faqhome {
margin-top: 0px !important;
margin-bottom: 0px !important;
}
.section_faq_home {
padding: 0px;
margin-bottom: 80px !important;
}
.btn_faq_desktophome {
display: none !important;
}
.btn_faq_mobilehome {
display: block !important;
text-align: center;
}
.margin_faqhome {
margin-top: 30px !important;
}
body.page-template-templateHomepage-php h2.title_big_card {
color: #0066cc !important;
font-family: "Inter" !important;
font-size: 20px !important;
font-style: normal !important;
font-weight: 600 !important;
line-height: 150% !important;
margin-top: 16px !important;
margin-bottom: 8px !important;
}
body.page-template-templateHomepage-php h3.sub-title {
color: #000000 !important;
font-family: "Inter" !important;
font-size: 18px !important;
font-style: normal !important;
font-weight: 500 !important;
line-height: 150% !important;
margin-bottom: 8px;
}
body.page-template-templateHomepage-php .btn_news_descktop {
display: block !important;
text-align: center;
margin-top: 50px !important;
margin-bottom: 50px !important;
}
body.page-template-templatetemplate-news-php h2.title_big_card {
font-family: "Inter" !important;
font-size: 20px !important;
font-style: normal !important;
font-weight: 600 !important;
line-height: 150% !important;
margin-bottom: 8px;
}
body.page-template-templatetemplate-news-php .title-argomenti {
font-family: "Inter";
font-size: 24px !important;
font-weight: 600;
line-height: 60px;
text-align: left;
color: #000000 !important;
}
body.page-template-templatetemplate-news-php
.section_argumentiPrincipali-mobile {
display: block;
background-color: #f2f7fc;
padding: 0px;
padding-bottom: 80px !important;
}
body.page-template-templatetemplate-news-php
.section_argumentiPrincipali-desktop {
display: none !important;
}
body.page-template-templatetemplate-news-php h3.title_arg_prin_mobile {
font-family: "Inter";
font-size: 24px !important;
font-weight: 600;
line-height: 31.2px;
text-align: left;
color: #1a1a1a;
margin-left: 15px;
padding-top: 30px;
}
body.page-template-templatetemplate-news-php .text_title_news {
font-family: "Inter";
font-size: 24px !important;
font-weight: 600;
line-height: 60px;
text-align: left;
color: #1a1a1a;
padding-left: 0rem;
padding-top: 0rem;
}
}
.text_title_news {
font-family: "Inter";
font-size: 40px;
font-weight: 600;
line-height: 60px;
text-align: left;
color: #1a1a1a;
padding-left: 2rem;
padding-top: 2rem;
}
body.page-template-templatetemplate-news-php
.section_argumentiPrincipali-desktop {
display: block;
}
.margin_faqhome {
margin-top: -15px;
}
.btn_faq_desktophome {
display: block;
}
.btn_faq_mobilehome {
display: none;
}
.sidebar_desktop {
display: block;
}
.sidebar_mobile {
display: none;
}
.top_section_faq {
margin-top: 80px;
}
.svg-materiali-cards {
margin-left: 8px;
font-family: Inter;
font-size: 14px;
font-weight: 600;
line-height: 21px;
}
.checkbox_partner {
width: 22px;
height: 22px;
top: 1px;
left: 1px;
gap: 10px;
border-radius: 4px 0px 0px 0px;
opacity: 0px;
margin-right: 12px;
border-color: #0066cc !important;
}
.checkbox_argomento {
width: 30px;
height: 22px;
top: 1px;
left: 1px;
gap: 10px;
border-radius: 4px 0px 0px 0px;
opacity: 0px;
margin-right: 8px;
border-color: #0066cc !important;
}
.dropdown-file #selectPartner {
width: 100%;
text-align: left;
color: black;
font-family: "Inter";
font-weight: 400;
}
.dropdown-file #selectMulti2 {
width: 100%;
text-align: left;
color: black;
font-family: "Inter";
font-weight: 400;
}
button.dropdown-toggle[type="button"] {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
max-width: 100%;
}
.margin_faqhome {
margin-top: -15px;
}
.btn_faq_desktophome {
display: block;
}
.btn_faq_mobilehome {
display: none;
}
/* .title-scorpi-prossime{
font-size: 24px !important;
} */
.sectionfiltre_mobile {
margin-bottom: 70px !important;
}
.read-more {
display: contents !important;
}
.filtre_version_desctop .d-notize {
align-content: center;
}
.btn-dispalys {
display: flex;
justify-content: flex-end !important;
align-items: center;
}
.margin-materiali {
margin-top: 24px !important;
margin-bottom: 0px !important;
}
.title-margin-materiali {
margin-bottom: 16px !important;
}
.pargra-margin-materiali {
margin-bottom: 24px !important;
}
.title-materel.title-margin-materiali {
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
word-break: break-word;
}
.title-materel.title-margin-materiali::after {
content: "...";
position: relative;
top: -0.4em;
left: 100%;
white-space: nowrap;
}
a.read-more {
letter-spacing: normal !important;
}
.responsive-margin-materiali {
margin-top: 90px;
margin-bottom: 90px;
}
.right-side-materiali {
display: flex;
flex-direction: column;
}
@media (min-width: 768px) {
.card_soluzione {
border-radius: 32px;
border: 1px solid var(--color-blue-87, #bfdfff);
background: var(--color-blue-97, #f2f7fc);
padding: 88px 64px 120px 64px;
}
}
@media (max-width: 767px) {
.card_soluzione {
border-radius: 32px;
border: 1px solid var(--color-blue-87, #bfdfff);
background: var(--color-blue-97, #f2f7fc);
padding: 48px 24px;
}
}
@media (min-width: 601px) and (max-width: 767px) {
.col-row-progetto {
gap: 24px;
}
}
@media (min-width: 601px) and (max-width: 1294px) {
.filter-materiali-chips {
display: inline-flex;
flex-wrap: wrap;
}
}
@media (min-width: 1295px) {
.filter-materiali-chips {
display: flex;
justify-content: space-between;
align-items: center;
}
}
@media (min-width: 601px) {
.show-mobile-legend {
display: none;
}
.hide-mobile-legend {
display: flex;
}
.title-text-container-contatti {
display: flex;
gap: 8px;
margin-bottom: 72px;
}
.title-contatti {
color: var(--color-text-base, #1a1a1a);
text-align: justify;
font-family: Inter;
font-size: 32px;
font-style: normal;
font-weight: 400;
line-height: 150%;
}
.text-contatti {
color: var(--color-text-base, #1a1a1a);
text-align: justify;
font-family: Inter;
font-size: 32px;
font-style: normal;
font-weight: 800;
line-height: 150%;
}
.filterMaterialiUtili {
display: inline-flex;
flex-wrap: wrap;
}
.sub-section-title {
color: var(--color-text-base, #1a1a1a);
padding: 24px 0px;
font-family: Inter;
font-size: 24px;
font-style: normal;
font-weight: 500;
line-height: 32px;
}
.sub-items {
display: none;
list-style: none;
padding-left: 20px;
border-left: 1px solid var(--color-blue-77, #94c4f5);
}
.sub-items li {
padding: 16px 32px 16px 0px;
}
.sub-items li a {
padding: 16px 32px 16px 0px;
color: var(--color-text-primary, #06c);
font-family: Inter;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px;
text-decoration: none;
}
.assistenza-text {
color: var(--color-text-base, #1a1a1a);
font-family: Inter;
font-size: 56px;
font-style: normal;
font-weight: 600;
line-height: 150%;
}
.questa-text {
color: var(--color-text-base, #1a1a1a);
font-family: Inter;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 28px;
}
.vorresti-text {
color: var(--color-text-base, #1a1a1a);
text-align: justify;
font-family: Inter;
font-size: 32px;
font-style: normal;
font-weight: 800;
line-height: 150%;
}
.nostri-uffici-text {
color: var(--color-text-base, #1a1a1a);
text-align: justify;
font-family: Inter;
font-size: 32px;
font-style: normal;
font-weight: 400;
line-height: 150%;
}
.img-contatti-table {
width: 320px;
height: 306px;
}
.responsive-vorresti-block {
display: flex;
align-items: center;
}
.flex-item {
padding: 10px; /* Optional, for spacing between items */
}
.flex-item:nth-child(1) {
flex: 1.5;
}
.flex-item:nth-child(2) {
flex: 2;
margin-right: -12%;
}
.flex-item:nth-child(3) {
flex: 2.5;
z-index: 1;
}
.bg-last-element {
border-radius: 24px;
background: var(--color-white, #fff);
box-shadow: 0px 16px 24px 0px rgba(0, 102, 204, 0.1);
display: flex;
width: 678px;
padding: 40px;
flex-direction: column;
align-items: flex-start;
gap: 24px;
}
.abbiamo-prepr-text {
color: var(--color-text-base, #1a1a1a);
font-family: Inter;
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: 150%;
}
.prima-cont-text {
color: var(--color-text-base, #1a1a1a);
font-family: Inter;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px;
}
.vai-alle-text {
color: var(--color-text-primary, #06c);
font-family: Inter;
font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: 24px;
}
.chips-container-toggler {
display: contents;
}
.chips-filter-container {
display: flex;
align-items: center;
gap: 56px;
width: 100%;
justify-content: space-between;
}
.chips-container-responsive {
display: inline-flex;
flex-wrap: wrap;
gap: 4px;
flex-direction: row-reverse;
}
.display-content-responsive {
display: contents;
}
.col-row-progetto {
margin-top: 88px;
}
.main-card-text-1 {
color: var(--color-text-base, #1a1a1a);
text-align: center;
font-family: Inter;
font-size: 32px;
font-style: normal;
font-weight: 400;
line-height: 150%; /* 48px */
}
.main-card-text-2 {
color: var(--color-text-base, #1a1a1a);
font-family: Inter;
font-size: 32px;
font-style: normal;
font-weight: 800;
line-height: 150%;
}
.main-card-text-3 {
color: var(--color-text-base, #1a1a1a);
text-align: center;
font-family: Inter;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 150%; /* 27px */
}
.piano-link-text {
color: var(--color-background-primary, #06c);
font-family: Inter;
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: 150%;
text-decoration-line: underline;
}
.margin-top-materiali-hr {
margin-top: 80px;
}
.show-desktop {
display: block;
}
.show-mobile {
display: none;
}
body.page-template-templatetemplate-news-php
.section_argumentiPrincipali-mobile {
display: none;
}
.gap-chart {
gap: 80px;
}
}
.custom-container {
display: flex;
justify-content: center;
}
.custom-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 24px;
}
@media (min-width: 920px) and (max-width: 1460px) {
.custom-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 24px;
}
}
@media (max-width: 919px) {
.custom-grid {
grid-template-columns: repeat(1, minmax(0, 1fr));
gap: 24px;
}
}
.it-header-wrapper {
z-index: 99;
}
@media (min-width: 600px) {
.sticky {
top: 0px;
}
}
.condividi-item {
padding: 16px 32px;
display: flex;
justify-content: space-between;
align-items: center;
background-color: #fff;
border: none;
width: 400px;
}
.condividi-item .url-input {
border: 1px solid var(--color-slate-85, #d9dadb);
border-radius: 4px;
}
.condividi-item .copy-btn {
color: var(--color-background-primary, #06c);
text-align: justify;
font-family: Inter;
font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: 150%;
display: flex;
align-items: center;
text-decoration: none;
margin-left: 6px;
cursor: pointer;
}
.condividi-item .button-text {
display: flex;
justify-content: space-between;
align-items: center;
}
.condividi-item .button-text {
display: flex;
justify-content: space-between;
align-items: center;
}
.condividi-item .button-text span {
color: var(--color-text-base, #1a1a1a);
text-align: justify;
font-family: Inter;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150%;
/* 24px */
margin-left: 16px;
}
.condividi-item .button-text .dropdown-email-icon {
width: 40px;
height: 40px;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
}
@media only screen and (max-width: 600px) {
.show-mobile-legend {
display: flex;
}
.hide-mobile-legend {
display: none;
}
.dropdown-condividi {
width: 85% !important;
}
.condividi-item {
width: 100% !important;
}
.gap-chart {
gap: 40px;
}
}
.tiplogia-sidebar a {
float: left;
margin-left: 24px;
}
.tiplogia-sidebar a:first-of-type {
margin-left: 0;
}
.tiplogia-sidebar {
margin: 10px 0px;
}
.section-agenda-filtre {
padding: 96px 64px;
}
.page-template-templateagenda-php .events-number-title {
margin-bottom: 12px !important;
}
/* Masquer le texte "Chiudi" sur mobile */
@media screen and (max-width: 600px) {
.text-btn-desktop {
display: none;
}
}
/* Masquer le texte "x" sur desktop */
@media screen and (min-width: 600px) {
.text-btn-mobile {
display: none;
}
}
.dropdown-menu[data-bs-popper] {
top: 100%;
left: 0;
margin-top: 1.125rem;
}
/* removing the admin bar */
#wpadminbar {
position: relative !important;
}
.indice-mobile {
margin-top: 18px;
position: -webkit-sticky;
position: sticky;
top: 70px;
padding-top: 30px;
z-index: 10;
background: white;
}
.dropdown-arrow-text {
width: 100%;
text-align: left;
font-family: "Inter";
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px;
}
.assistenza-questa {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 16px;
}
.accordion-header-faq {
display: flex;
justify-content: space-between;
align-items: center;
}
.accordion-header-faq svg {
transition: transform 0.3s ease;
}
.accordion-header-faq.open svg {
transform: rotate(180deg);
}
.fixed-menu {
position: fixed !important;
top: 80px !important;
width: 100% !important;
z-index: 1000 !important; /* Adjust z-index as needed */
}
.contatti-section {
background: var(--color-blue-97, #f2f7fc);
}
.video-container {
display: flex;
padding: 24px 16px;
flex-direction: column;
align-items: flex-start;
gap: 24px;
align-self: stretch;
border-radius: 8px;
border: 1px solid var(--color-blue-87, #bfdfff);
background: var(--color-blue-97, #f2f7fc);
}
.text-play-all {
color: #000;
font-family: Inter;
font-size: 24px;
font-style: normal;
font-weight: 600;
line-height: 150%; /* 36px */
}
.button-play-all {
margin-left: 48px;
cursor: pointer;
display: flex;
padding: 8px 16px;
justify-content: center;
align-items: center;
gap: 8px;
border-radius: 4px;
border: 2px solid var(--color-border-primary, #06c);
}
.button-play-all .play-text {
color: var(--color-text-primary, #06c);
text-align: center;
/* link/sans-bold-sm */
font-family: Inter;
font-size: 14px;
font-style: normal;
font-weight: 600;
line-height: 16px; /* 114.286% */
white-space: nowrap;
}
.video-player {
width: 100%;
}
.video-player iframe {
width: 100%;
border-radius: 5px;
}
.playlist-carousel {
position: relative;
display: flex;
align-items: center;
width: 100%; /* Occupy full width */
justify-content: center; /* Center items horizontally */
}
.carousel-btn {
background: none;
border: none;
padding: 10px;
cursor: pointer;
position: absolute;
top: 50%;
transform: translateY(-50%);
display: none; /* Hidden by default */
z-index: 1; /* Ensure above the video list */
}
.carousel-btn svg {
fill: #0066cc;
width: 40px;
height: 40px;
}
#prevBtn {
left: 0px; /* Position 'Previous' button on the left */
background: linear-gradient(-90deg, rgba(242, 247, 252, 0) 0%, #f2f7fc 80%);
height: 103%;
width: 188px;
}
#nextBtn {
right: 0px; /* Position 'Next' button on the right */
display: block;
background: linear-gradient(90deg, rgba(242, 247, 252, 0) 0%, #f2f7fc 80%);
height: 103%;
width: 188px;
}
.video-list {
display: flex;
overflow: hidden;
list-style-type: none;
padding: 0;
margin: 0;
scroll-behavior: smooth;
cursor: grab;
gap: 8px;
position: relative; /* Ensure relative positioning for absolute children */
user-select: none; /* Disable text selection */
}
.video-list:active {
cursor: grabbing;
}
.carousel-text {
color: #000;
font-family: Inter;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 150%; /* 24px */
}
.carousel-text-container {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 8px;
align-self: stretch;
}
.thumbnail {
width: 100%;
height: 100%;
object-fit: cover;
}
#player {
width: 100%;
height: 513px;
}
li .play-button-playlist {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 50px;
height: 50px;
background-size: contain;
opacity: 0;
transition: opacity 0.3s;
display: flex;
align-items: center;
}
.video-list li:hover .play-button-playlist {
opacity: 1;
}
.filter-materiali-chips .chips-filter-container {
justify-content: end;
}
@media screen and (max-width: 600px) {
.a_p {
display: contents;
font-size: 14px !important;
font-weight: 400 !important;
font-family: "Inter" !important;
line-height: 24px !important;
text-align: left !important;
text-decoration: none !important;
margin-top: 10px;
}
.video-list li {
position: relative;
width: 145px;
height: 82px;
flex: 0 0 auto;
cursor: pointer;
}
.video-player iframe {
width: 100%;
height: 191px;
}
.text-play-container {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 20px;
}
#prevBtn {
width: 70px;
}
#nextBtn {
width: 70px;
}
}
/* Masquer le texte "x" sur desktop */
@media screen and (min-width: 600px) {
.mail-title-display {
display: flex;
justify-content: space-between;
}
.mail-first-padding {
padding: 16px;
}
.mail-second-padding {
padding: 16px;
}
.a_p {
display: contents;
font-size: 1.125rem !important;
font-weight: 400 !important;
font-family: "Inter" !important;
line-height: 24px !important;
text-align: left !important;
text-decoration: none !important;
margin-top: 10px;
}
.video-list li {
position: relative;
width: 160px;
height: 106px;
flex: 0 0 auto;
cursor: pointer;
}
.text-play-container {
display: flex;
justify-content: space-between;
align-items: center;
align-self: stretch;
}
}
a.a_roadmap {
font-family: "Inter" !important;
font-size: 16px !important;
font-weight: 600 !important;
line-height: 24px !important;
text-align: left !important;
text-decoration: none !important;
display: flex;
margin-top: 10px;
}
a.a_roadmap .icon {
margin-left: 12px;
}
.no-scroll {
overflow: hidden;
}
.vai-text-svg {
display: flex;
gap: 5px;
text-decoration: unset;
}
.button-filter-active {
color: #036;
border: none;
box-shadow: inset 0 0 0 2px #036 !important;
}
.button-filter-active svg {
transform: rotate(180deg);
transition: transform 0.3s ease; /* Optional: Add a smooth transition */
}
.button-filter-active svg path {
fill: #036;
}
.button-filter-active.focus--mouse {
box-shadow: inset 0 0 0 2px #036 !important;
}
.tooltips-desktop-block {
width: 50%;
justify-content: center;
}
.toggleButton {
width: max-content !important;
}
.para-voluptas {
margin-bottom: 16px;
}
.chips_alter_mobile {
margin-top: 8px;
}
.chips_alter_mobile a {
margin-right: 5px;
margin-bottom: 10px;
text-decoration: none;
}
.chips_alter_mobile a .chip.chip-lg.chip-simple {
margin-bottom: 5px;
}
.home-banner-container {
display: flex;
}
.sportelli-unitni-container {
display: flex;
gap: 8px;
}
a.nav-link.dropdown-padding{
padding: 13px 16px !important;
}
.text-ediziona{
color: var(--color-black, #000);
text-align: right;
font-family: Inter;
font-size: 12px;
font-style: normal;
font-weight: 500;
line-height: 24px;
letter-spacing: 0.6px;
text-transform: uppercase;
}
/* Add this new CSS rule */
.it-brand-tagline-custom.title-delle {
white-space: nowrap;
}
.navbar .navbar-collapsable .navbar-nav li.nav-item a.nav-link{
}
.navbar .dropdown-menu{
border-radius: 8px !important;
box-shadow: 0px 16px 48px 0px rgba(0, 0, 0, 0.15);
}
.dropdown-item.active-dropdown {
background-color: #F2F7FC;
color:#036 !important;
font-weight: 600;
}
a.dropdown-item.active-dropdown {
text-decoration-line: underline;
text-decoration-skip-ink: none;
text-decoration-style: solid;
text-decoration-thickness: auto;
text-underline-offset: auto;
text-underline-position: from-font;
}
.chart .tooltip-style span,
.importo-block .tooltip-style span {
font-size: 12px;
}
#header-sticky{
box-shadow: 0px 16px 48px 0px rgba(0, 64, 128, 0.08) !important;
}