.headerPost {
    background-repeat: no-repeat;
    background-position: right;
}
.headerPost, .postMeta, .authorPost, .sidebarContent, .innerSidebarContent, .listTitlePost, p.titleContent.active, .containerSocialBlog, .contentBox {
    position: relative;
}
.postMeta {
    flex-direction: column;
    justify-content: center;
}
.postMeta, .innerAuthorSocial, .innerSidebarContent {
    margin: auto;
    display: flex;
}
p.catPost {
    text-transform: uppercase;
    font-family: 'news-gothic-std', sans-serif;
}
.content blockquote{
    font-weight: bold;
    position: relative;
    display: inline;
}
h1.titlePost, h2.subtitlePost, p.data, p.titleShareBlog, .content h2, .content h3, .content h4, .content blockquote, h2.titleFonti, li.itemFonti, li.itemFonti a, li.itemFonti a:focus{
    font-family: 'news-gothic-std', sans-serif;
    color: #003883;
}
h2.subtitlePost, .content p {
    font-weight: 100;
}
p.data {
    grid-gap: 5px;
}
p.data, p.titleContent, p.titleShareBlog{
    margin: 0;
}
p.data, .authorPost, .iconTextShare, .sharePost, .sharePost a.linkSocial, .containerSocialBlog a.linkSocial, .iconTitleSocialBlog  {
    display: flex;
    align-items: center;
}
.authorPost {
    grid-gap: 8px;
}
.authorPost::after, .innerSidebarContent::before, .containerSocialBlog::before, .containerSocialBlog::after, .contentBox::before {
    position: absolute;
    content: "";
    background: #E6E6E6;
}
p.nameAuthor, p.textShare, p.titleIndice, .content p, .content li, .content figure{
    font-family: 'news-gothic-std', sans-serif;
    color: #222;
}
p.nameAuthor strong, span.material-symbols-outlined, p.titleContent a, .content a{
    color: #003883;
}
.sharePost a.linkSocial, .containerSocialBlog a.linkSocial{
    background: #dedede;
    justify-content: center;
    padding: 7px;
    border-radius: 7px;
}
.sharePost a.linkSocial img, .containerSocialBlog a.linkSocial img{
    filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(293deg) brightness(105%) contrast(101%);
}
.listSocial, .listSocialBlog, .gridGallery {
    display: flex;
}
.innerSidebarContent::before {
    height: 1px;
    left: 0;
    right: 0;
    top: 0;
    margin: auto;
}
.listTitlePost {
    display: flex;
    flex-direction: column;
}
.listTitlePost:before, p.titleContent.active::before {
    background-color: #F0F0F0;
    position: absolute;
    content: "";
    width: 4px;
}
.listTitlePost:before {
    height: 100%;
}
.content :first-child {
    margin-top: 0;
}
p.titleContent.active::before {
    background-color: #003883;
    left: 0;
    height: 100%;
}
p.titleContent a {
    text-decoration: none;
    font-family: 'news-gothic-std', sans-serif;
}
.content img {
    width: 100%;
    height: auto;
}
.contentBox::before {
    width: 1px;
}
.content blockquote::before {
    position: absolute;
    quotes: "“" "“";
    color: #003883;
    content: open-quote;
}
h2.titleFonti{
    margin: 0;
}
ul.listFonti{
    padding: 0;
    display: flex;
    list-style: none;
    flex-direction: column;
}
li.itemFonti a:hover{
    color: #222;
}
video.videoArticolo{
    width: 100%;
}
.gallery{
    position: relative;
}
.gridGallery{
    line-height: 0;
    align-items: center;
    background-color: white;
}
.prev, .next{
    top: 50%;
    display: flex;
    line-height: 1;
    cursor: pointer;
    border-radius: 50%;
    position: absolute;
    align-items: center;
    justify-content: center;
    background-color: white;
    transform: translateY(-50%);
    box-shadow: 0px 0px 20px 7px #0000000A;
    font-family: 'Material Symbols Outlined', sans-serif;
}
.prev span, .next span{
    color: #003883;
    font-weight: 400;
}
img.imgGallery {
    object-fit: contain;
}
@media (max-width: 550px){
    .postMeta {
        padding: 12vw 8vw 10vw 10vw;
    }
    p.overTitleBusUnit {
        font-size: 3.5vw;
        line-height: 3.5vw;
    }
    p.catPost {
        margin: 0 0 3vw;
    }
    h1.titlePost {
        font-size: 9vw;
        line-height: 10vw;
    }
    h1.titlePost, h2.subtitlePost {
        margin: 0 0 6vw;
    }
    h2.subtitlePost {
        font-size: 5.6vw;
    }
    p.data, p.nameAuthor, p.textShare, p.titleIndice, p.titleContent, p.titleShareBlog{
        font-size: 2.8vw;
    }
    .headerPostMob {
        height: 70vw;
    }
    .contentBox {
        padding: 8vw 10vw 10vw;
    }
    .content h2 {
        font-size: 7.5vw;
        line-height: 8.5vw;
    }
    .content h3 {
        font-size: 5.6vw;
    }
    .content p, .content li {
        font-size: 4.5vw;
    }
    .content ul, .content ol {
        padding-left: 4.5vw;
    }
    .content li {
        margin-bottom: 4vw;
    }
    .content blockquote {
        font-size: 4.8vw;
        margin: 0 0 0 6vw;
    }
    .content blockquote::before {
        font-size: 9vw;
        left: -5vw;
    }
    .fonti{
        padding-top: 8vw;
    }
    h2.titleFonti{
        font-size: 5.45vw;
    }
    ul.listFonti{
        grid-gap: 1vw;
        margin: 2vw 0 0;
    }
    li.itemFonti{
        font-size: 3.6vw;
    }
    .gridDots{
        grid-gap: 1.1vw;
        margin-top: 4.5vw;
    }
    .dot{
        flex: 0 0 2.3vw;
    }
    .dot.active{
        flex: 0 0 2.8vw;
    }
    .dot.small{
        flex: 0 0 1.9vw;
    }
    .dot.micro{
        flex: 0 0 1.6vw;
    }
}
@media (min-width: 551px) and (max-width: 766.9px){
    .postMeta {
        padding: 10vw 10vw 8vw;
    }
    p.catPost {
        font-size: 2.63vw;
        line-height: 2.63vw;
    }
    h1.titlePost {
        font-size: 6.6vw;
        line-height: 7vw;
    }
    h2.subtitlePost {
        font-size: 4.57vw;
    }
    p.data, p.nameAuthor, p.textShare, p.titleIndice, p.titleContent, p.titleShareBlog {
        font-size: 2.5vw;
    }
    .headerPostMob {
        height: 60vw;
    }
    .listSocial {
        grid-gap: 1vw;
    }
    .sharePost a.linkSocial{
        width: 2.5vw;
        height: 2.5vw;
    }
    .sharePost a.linkSocial img{
        height: 2.5vw;
    }
    .sharePost a.linkSocial.linkedin img{
        height: 3.5vw;
    }
    .sharePost a.linkSocial.twitter img{
        height: 2vw;
    }
    .contentBox {
        padding: 8vw 10vw 10vw;
    }
    .content h2 {
        font-size: 5.9vw;
        line-height: 7vw;
    }
    .content h3 {
        font-size: 4.57vw;
        line-height: 5.5vw;
    }
    .content p, .content li {
        font-size: 3.4vw;
        line-height: 5vw;
    }
    .content ul, .content ol {
        padding-left: 3vw;
    }
    .content li {
        margin-bottom: 2.5vw;
    }
    .content blockquote {
        font-size: 3.5vw;
        margin: 0 5vw;
    }  
    .content blockquote::before {
        font-size: 6vw;
        left: -4vw;
    }
    .fonti{
        padding-top: 6vw;
    }
    h2.titleFonti{
        font-size: 3.9vw;
    }
    ul.listFonti{
        grid-gap: 1vw;
        margin: 2vw 0 0;
    }
    li.itemFonti{
        font-size: 2.6vw;
    }
    .gridDots{
        grid-gap: 0.8vw;
        margin-top: 3.5vw;
    }
    .dot{
        flex: 0 0 1.6vw;
    }
    .dot.active{
        flex: 0 0 2vw;
    }
    .dot.small{
        flex: 0 0 1.3vw;
    }
    .dot.micro{
        flex: 0 0 1.1vw;
    }
}
@media (min-width: 551px) and (max-width: 899.9px){
    p.catPost {
        margin: 0 0 2vw;
    }
    h1.titlePost, h2.subtitlePost {
        margin: 0 0 4vw;
    }
}
@media (max-width: 766.9px){
    .authorSocial {
        padding: 2vw 10vw;
    }
    .sharePost {
        display: none;
    }
    .content img {
        width: 100%;
    }
    .content blockquote::before {
        top: -0.9vw;
    } 
    .gridGallery{
        grid-gap: 10vw;
    }
    .cardGallery{
        flex: 0 0 80vw;
    }
    img.imgGallery {
        max-height: calc(80vw / (4 / 3));
    }
}
@media (min-width: 767px){
    .authorPost::after {
        height: 100%;
        width: 1px;
    }
}
@media (min-width: 767px) and (max-width: 899.9px){
    .postMeta {
        padding: 8vw 8vw 4vw;
    }
    p.catPost {
        font-size: 2.06vw;
    }
    h1.titlePost {
        font-size: 5.15vw;
        line-height: 6vw;
    }
    h2.subtitlePost {
        font-size: 2.73vw;
        width: 46vw;
    }
    p.data, p.nameAuthor, p.textShare, p.titleIndice, p.titleContent, p.titleShareBlog {
        font-size: 1.8vw;
    }
    .headerPostMob {
        height: 50vw;
    }
    .innerAuthorSocial {
        grid-gap: 12vw;
    }
    .authorSocial {
        padding: 2vw 8vw;
    }
    .authorPost::after {
        right: -6vw;
    }
    .sharePost {
        grid-gap: 3vw;
    }
    .listSocial {
        grid-gap: 1vw;
    }
    .sharePost a.linkSocial{
        width: 2.5vw;
        height: 2.5vw;
    }
    .sharePost a.linkSocial img{
        height: 2.5vw;
    }
    .sharePost a.linkSocial.linkedin img{
        height: 3.5vw;
    }
    .sharePost a.linkSocial.twitter img{
        height: 2vw;
    }
    .contentBox {
        padding: 6vw 8vw;
    }
    .content h2 {
        font-size: 4.62vw;
    }
    .content h3 {
        font-size: 2.73vw;
    }
    .content p, .content li {
        font-size: 2.4vw;
        line-height: 3.4vw;
    }
    .content ul, .content ol {
        padding-left: 2.5vw;
    }
    .content li {
        margin-bottom: 1.5vw;
    }
    .content blockquote {
        margin: 0 0 0 4vw;
        font-size: 2.8vw;
        line-height: 3.6vw;
    }  
    .content blockquote::before {
        font-size: 5vw;
        left: -3.5vw;
        top: 1vw;
    } 
    .fonti{
        padding-top: 4.5vw;
    }
    h2.titleFonti{
        font-size: 2.83vw;
    }
    ul.listFonti{
        grid-gap: 0.8vw;
        margin: 2vw 0 0;
    }
    li.itemFonti{
        font-size: 1.89vw;
    }
    .gridGallery{
        grid-gap: 8vw;
    }
    .cardGallery{
        flex: 0 0 84vw;
    }
    img.imgGallery {
        max-height: calc(84vw / (4 / 3));
    }
    .gridDots{
        grid-gap: 0.6vw;
        margin-top: 3vw;
    }
    .dot{
        flex: 0 0 1.1vw;
    }
    .dot.active{
        flex: 0 0 1.5vw;
    }
    .dot.small{
        flex: 0 0 0.9vw;
    }
    .dot.micro{
        flex: 0 0 0.7vw;
    }
}
@media (max-width: 899.9px) {
    .headerPost {
        background-image: none !important;
    }
    .headerPostMob {
        background-size: cover;
        background-position: center;
    }
    .innerSidebarContent {
        flex-direction: column;
    }
    .sidebar, .gridGallery::-webkit-scrollbar, .prev, .next, .dot:not(.show){
        display: none;
    }
    .gridGallery{
        overflow-x: auto;
        scroll-snap-type: x mandatory;
    }
    .cardGallery{
        scroll-snap-stop: normal;
        scroll-snap-align: start;
    }
    .gridDots{
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .dot{
        opacity: 0.4;
        border-radius: 50%;
        aspect-ratio: 1 / 1;
        background-color: #003883;
    }
    .dot.active{
        opacity: 1;
        background-color: #003883;
    }
}
@media (min-width: 900px) {
    .headerPost::before {
        position: absolute;
        content: "";
        background-image: linear-gradient(90deg, #ffffff 0%, #ffffff 50%, #ffffff47 75%, transparent);
        width: 100%;
        height: 100%;
    }
    .postMeta {
        height: 100%;
        box-shadow: inset 0 -10px 10px -5px #0000000A;
    }
    .sidebar {
        position: sticky;
        height: 100%;
    }
    .containerSocialBlog::before {
        width: 100%;
        height: 1px;
        top: 0;
    }
    .containerSocialBlog::after {
        width: 100%;
        height: 1px;
        bottom: 0;
    }
    .content h2, .content h3 {
        margin-bottom: 1vw;
    }
    .gridDots{
        display: none;
    }
}
@media (min-width: 900px) and (max-width: 1099.9px){
    h1.titlePost {
        font-size: 3.46vw;
        width: 47vw;
    }
    h2.subtitlePost {
        font-size: 2.73vw;
        width: 44vw;
    }
    .postMeta span.material-symbols-outlined {
        font-size: 2vw;
    }
    p.data, p.nameAuthor, p.textShare, p.titleIndice, p.titleContent, p.titleShareBlog {
        font-size: 1.3vw;
    }
    .innerAuthorSocial {
        padding-left: 35.8vw;
        grid-gap: 10vw;
    }
    .authorPost::after {
        right: -5vw;
    }
    .iconTextShare, .iconTitleSocialBlog {
        grid-gap: 1vw;
    }
    .innerSidebarContent {
        grid-gap: 8vw;
    }
    .sidebar {
        top: 12vw;
        margin-bottom: 10vw;
        flex: 0 0 calc(30% - 4vw);
    }
    p.titleIndice {
        margin: 0 0 2vw;
    }
    .listTitlePost {
        grid-gap: 2vw;
        margin-bottom: 4vw;
    }
    p.titleContent {
        padding-left: 1.7vw;
    }
    .iconTitleSocialBlog {
        margin-bottom: 1.5vw;
    }
    .contentBox {
        flex: 0 0 calc(70% - 4vw);
        margin-bottom: 10vw;
    }
    .contentBox::before {
        top: -3vw;
        left: -4vw;
        height: calc(100% + 3vw);
    }
    .content h2 {
        font-size: 3.46vw;
    }
    .content h3 {
        font-size: 2.73vw;
    }
    .content p {
        font-size: 1.9vw;
        line-height: 2.8vw;
    }
    .content blockquote {
        font-size: 2.2vw;
    }
    .content blockquote::before {
        font-size: 4vw;
        left: -2.5vw;
        top: -0.6vw;
    }
    .fonti{
        padding-top: 4.5vw;
    }
    h2.titleFonti{
        font-size: 2.41vw;
    }
    ul.listFonti{
        grid-gap: 0.8vw;
        margin: 2vw 0 0;
    }
    li.itemFonti{
        font-size: 1.61vw;
    }
    .gridGallery{
        aspect-ratio: 4 / 3;
    }
    .prev, .next{
        width: 4.2vw;
        height: 4.2vw;
    }
    .prev{
        left: 1.5vw;
    }
    .next{
        right: 1.5vw;
    }
    .prev span, .next span{
        font-size: 2.8vw;
    }
    .cardGallery{
        width: 100%;
    }
    img.imgGallery {
        max-height: calc(59vw / (4 / 3));
    }
}
@media (min-width: 900px) and (max-width: 1400px){
    .headerPost {
        aspect-ratio: 2 / 0.8;
        background-size: contain;
    }
    .postMeta {
        padding-left: 5vw;
    }
    p.catPost {
        margin: 0 0 1vw;
    }
    h1.titlePost, h2.subtitlePost {
        margin: 0 0 2vw;
    }
    .authorSocial {
        padding: 1.5vw 0;
    }
    .sharePost {
        grid-gap: 2vw;
    }
    .listSocial, .listSocialBlog {
        grid-gap: 0.6vw;
    }
    .sharePost a.linkSocial, .containerSocialBlog a.linkSocial{
        width: 1.5vw;
        height: 1.5vw;
    }
    .sharePost a.linkSocial img, .containerSocialBlog a.linkSocial img {
        height: 1.5vw;
    }
    .sharePost a.linkSocial.linkedin img, .containerSocialBlog a.linkSocial.linkedin img {
        height: 2.3vw;
    }
    .sharePost a.linkSocial.twitter img, .containerSocialBlog a.linkSocial.twitter img{
        height: 1.3vw;
    }
    .containerSocialBlog {
        padding: 3vw 0;
    }
    .innerSidebarContent {
        padding: 3vw 5vw 0;
    }
    .content ul, .content ol {
        padding-left: 2vw !important;
    }
    .content li {
        margin-bottom: 1vw;
    }
    .content blockquote {
        margin: 0 0 0 3vw;
    }
}
@media (min-width: 1100px){
    .sidebar, .contentBox {
        margin-bottom: 8vw;
    }
    .iconTextShare, .iconTitleSocialBlog {
        grid-gap: 0.5vw;
    }
    .listTitlePost {
        grid-gap: 1.3vw;
    }
}
@media (min-width: 1100px) and (max-width: 1400px){
    .headerPost {
        aspect-ratio: 2 / 0.8;
    }
    p.catPost {
        font-size: 1.55vw;
    }
    h1.titlePost {
        font-size: 3.85vw;
        line-height: 4.2vw;
        width: 47vw;
    }
    h2.subtitlePost {
        font-size: 2.5vw;
        width: 45vw;
    }
    .postMeta span.material-symbols-outlined {
        font-size: 1.8vw;
    }
    p.data, p.nameAuthor, p.textShare, p.titleIndice, p.titleContent, p.titleShareBlog {
        font-size: 1.1vw;
    }
    .authorPost::after {
        right: -4vw;
    }
    .innerAuthorSocial {
        padding-left: 29vw;
        grid-gap: 8vw;
    }
    .innerSidebarContent {
        grid-gap: 8vw;
    }
    .sidebar {
        top: 9vw;
        flex: 0 0 calc(25% - 4vw);
    }
    p.titleIndice {
        margin: 0 0 1.5vw;
    }
    p.titleContent {
        padding-left: 1.3vw;
    }
    .listTitlePost {
        margin-bottom: 3vw;
    }
    .iconTitleSocialBlog {
        margin-bottom: 1vw;
    }
    .contentBox {
        flex: 0 0 calc(75% - 4vw);
    }
    .contentBox::before {
        height: calc(100% + 8vw);
        left: -4vw;
        top: -3vw;
    }
    .content h2 {
        font-size: 3.22vw;
    }
    .content h3 {
        font-size: 2.5vw;
    }
    .content p, .content li {
        font-size: 1.7vw;
        line-height: 2.6vw;
    }
    .content blockquote {
        font-size: 2vw;
        line-height: 2.5vw;
    }
    .content blockquote::before {
        font-size: 3.5vw;
        left: -2.5vw;
        top: 0.7vw;
    }
    .fonti{
        padding-top: 3vw;
    }
    h2.titleFonti{
        font-size: 2vw;
    }
    ul.listFonti{
        grid-gap: 0.5vw;
        margin: 1.3vw 0 0;
    }
    li.itemFonti{
        font-size: 1.32vw;
    }
    .gridGallery{
        aspect-ratio: 4 / 3;
    }
    .prev, .next{
        width: 4vw;
        height: 4vw;
    }
    .prev{
        left: 1.5vw;
    }
    .next{
        right: 1.5vw;
    }
    .prev span, .next span{
        font-size: 2.7vw;
    }
    .cardGallery{
        width: 100%;
    }
    img.imgGallery {
        max-height: calc(63.5vw / (4 / 3));
    }
}
@media (min-width: 1401px){
    .headerPost {
        width: 85vw;
        background-size: 50%;
        aspect-ratio: 2 / 0.6;
    }
    .postMeta {
        padding-left: 15vw;
    }
    p.catPost {
        font-size: 1.05vw;
        margin: 0 0 1vw;
    }
    h1.titlePost {
        font-size: 2.61vw;
        line-height: 3vw;
        width: 36vw;
    }
    h1.titlePost, h2.subtitlePost {
        margin: 0 0 1.5vw;
    }
    h2.subtitlePost {
        font-size: 1.83vw;
        width: 30vw;
    }
    .postMeta span.material-symbols-outlined {
        font-size: 1.2vw;
    }
    p.data, p.nameAuthor, p.textShare, p.titleIndice, p.titleContent, p.titleShareBlog {
        font-size: 0.8vw;
    }
    .authorSocial {
        padding: 1vw 0;
    }
    .authorPost::after {
        right: -3vw;
    }
    .innerAuthorSocial {
        padding-left: 31.5vw;
        grid-gap: 6vw;
    }
    span.material-symbols-outlined.iconaAutore {
        font-size: 1.1vw;
    }
    .sharePost {
        grid-gap: 1.3vw;
    }
    .listSocial, .listSocialBlog {
        grid-gap: 0.4vw;
    }
    .sharePost a.linkSocial, .containerSocialBlog a.linkSocial{
        width: 1vw;
        height: 1vw;
    }
    .sharePost a.linkSocial img, .containerSocialBlog a.linkSocial img {
        height: 1vw;
    }
    .sharePost a.linkSocial.linkedin img, .containerSocialBlog a.linkSocial.linkedin img {
        height: 1.8vw;
    }
    .sharePost a.linkSocial.twitter img, .containerSocialBlog a.linkSocial.twitter img{
        height: 0.8vw;
    }
    .innerSidebarContent {
        grid-gap: 5vw;
        padding-top: 3vw;
        width: 70vw;
    }
    .innerSidebarContent::before {
        width: calc(100% + 15vw);
    }
    .sidebar {
        top: 165px;
        flex: 0 0 calc(20% - 2.5vw);
    }
    p.titleIndice {
        margin: 0 0 1vw;
    }
    p.titleContent {
        padding-left: 0.7vw;
    }
    .listTitlePost {
         margin-bottom: 2vw;
    }
    .containerSocialBlog {
        padding: 2vw 0;
    }
    .iconTitleSocialBlog {
        margin-bottom: 0.8vw;
    }
    .contentBox {
        flex: 0 0 calc(80% - 5vw);
    }
    .contentBox::before {
        left: -2.5vw;
        top: -3vw;
    }
    .contentBox::after {
        position: absolute;
        content: "";
        background: #E6E6E6;
        right: -2.5vw;
        top: -3vw;
        width: 1px;
    }
    .contentBox::before, .contentBox::after {
        height: calc(100% + 3vw);
    }
    .content h2 {
        font-size: 2.35vw;
    }
    .content h3 {
        font-size: 1.83vw;
    }
    .content p, .content li {
        font-size: 1.2vw;
        line-height: 1.9vw;
    }
    .content li {
        margin-bottom: 0.5vw;
    }
    .content blockquote  {
        font-size: 1.05vw;
        line-height: 1.6vw;
        margin: 0 0 0 1.5vw;
    }
    .content blockquote::before {
        font-size: 2vw;
        left: -1.5vw;
        top: 0.3vw;
    }
    .content ul, .content ol {
        padding-left: 1vw !important;
    }
    .fonti{
        padding-top: 3vw;
    }
    h2.titleFonti{
        font-size: 1.57vw;
    }
    ul.listFonti{
        grid-gap: 0.5vw;
        margin: 1vw 0 0;
    }
    li.itemFonti{
        font-size: 1.05vw;
    }
    .gridGallery{
        aspect-ratio: 4 / 3;
    }
    .prev, .next{
        width: 3vw;
        height: 3vw;
    }
    .prev{
        left: 1vw;
    }
    .next{
        right: 1vw;
    }
    .prev span, .next span{
        font-size: 2vw;
    }
    .cardGallery{
        width: 100%;
    }
    img.imgGallery {
        max-height: calc(51vw / (4 / 3));
    }
}