﻿.hero{background: linear-gradient(165deg, #eaf6fa 0%, #d8eaf0 75%, #c7dfe7 100%);padding-bottom:2.4rem}
.hero h1{font-size:3.2rem;}

@media(min-width:1440px){
    .hero__content{width:calc((100% - 11 * 2.4rem)/12 * 10 +  9 * 2.4rem);margin:auto}
}

@media(min-width:1920px){
    .hero__content{width:calc((100% - 11 * 2.4rem)/12 * 9 +  8 * 2.4rem);margin:auto}
}

.post-meta,
.post-meta a,
.post-meta time{color:var(--primary-color);}

.article-layout{padding:2.4rem 0 0}
.article-sidebar{margin-top:4.8rem}

.article-content hr{border-top: 1px solid #ccc;border-bottom: 0;margin: 2.4rem 0;}
.article-content__image{border-radius:3.2rem;max-width:800px;width:100%;}
.article-content__description{font-weight: 300;font-size: 3.2rem;color:var(--primary-color);font-style:italic;line-height:1.2}
.article-content__body{line-height: 1.5;color: #515354;}
.article-content__body strong{color: var(--primary-color);}
.article-content__body ul {list-style: disc;padding-left: 4rem;margin: 1.6rem 0;display: flex;flex-direction: column;gap: .8rem;}

.article-categories{display:flex;flex-wrap:nowrap;gap:1.6rem}


@media(min-width:992px){
    .article-layout{display:flex;gap:2.4rem;place-content:space-between}
    .article-content{width:calc(75% - 1.2rem)}
    .article-sidebar{width:calc(25% - 1.2rem);margin-top:0}
}

@media(min-width:1440px){
    .article-layout{width:calc((100% - 11 * 2.4rem)/12 * 10 +  9 * 2.4rem);margin:auto;}
    .article-content{width:calc(75% - 2.4rem)}
    .article-sidebar{width:calc(25% - 2.4rem)}
}

@media(min-width:1920px){
    .article-layout{width:calc((100% - 11 * 3.2rem)/12 * 9 +  8 * 3.2rem);margin:auto;gap:3.2rem}
    .article-content{width:calc(66.66% - 1.6rem)}
    .article-sidebar{width:calc(33.33% - 1.6rem)}
}



.article-sidebar__box{background: linear-gradient(165deg, #eaf6fa 0%, #d8eaf0 75%, #c7dfe7 100%);padding: 2.4rem;border-radius: 1.6rem;margin-top: 2.4rem;border-left:3px solid #14465a}
.article-sidebar__box h2{font-size:2.4rem}


.category-list,
.latest-list{margin-top: 2.4rem;display: flex;gap: .8rem;flex-direction:column}
.category-list a,
.latest-list a{color: #4d5e63;text-decoration: none;font-size: 1.6rem;line-height: 1.3;letter-spacing: -.05rem;font-weight:600;display:block;}
.category-list a:hover,
.latest-list a:hover{color:#000}



.hero-doctor-content__text{padding-bottom:2.4rem}
.hero-doctor-content__text h1{font-size:3.2rem;}
.hero-doctor-content__text h2{font-weight: 400;font-size: 2.1rem;}
.hero-doctor-content__text .button{margin-top:2.4rem}

@media(min-width:992px){
    .hero-doctor-content{display:flex;gap:2.4rem;flex-direction:row-reverse;align-items:end;place-content:space-between}
    .hero-doctor-content__image{width: 200px;flex-shrink:0}
    .hero-doctor-content__image img{border-radius:3.2rem 3.2rem 0 0;max-width:100%;}
    .hero-doctor-content__text h1{margin-top:0}
}


@media(min-width:1440px){
    .hero-doctor-content{width:calc((100% - 11 * 2.4rem)/12 * 8 +  7 * 2.4rem);margin:auto;}
    .hero-doctor-content__text h1{font-size:4.8rem;}
}

.box-condividi{margin-top:2.4rem}

@media(min-width:992px) {
    .box-condividi{margin-top:0}
}

