﻿.sct1-magazine {
    margin-bottom:40px
}

.sct1-magazine .sx {
    width:27%;
    position:relative
}

.sct1-magazine .sx .cat {
    position:absolute;
    top:40px;
    left:0;
    background:#1D1D1B;
    color:#fff;
    font-size:20px;
    line-height:20px;
    font-family:'Playfair Display', serif;
    z-index:2;
    padding:5px 20px
}

.sct1-magazine .dx {
    padding-left:40px;
    position:relative
}

.sct1-magazine .dx a {
    padding-top:55%;
    width:100%;
    display:block
}

.sct1-magazine .dx .cat {
    position:absolute;
    right:0;
    top:16px;
    font-size:10px;
    line-height:10px;
    background:#1D1D1B;
    color:#fff;
    padding:10px 20px;
    text-transform:uppercase;
    font-weight:700;
    z-index:2
}

.sct1-magazine .dx .tit {
    background:url(../image/bg-op-w.svg) repeat;
    padding:15px 20px 20px 20px;
    color:#000;
    position:absolute;
    left:20px;
    bottom:20px;
    max-width:60%;
    font-size:24px;
    line-height:30px;
    font-family:'Playfair Display', serif;
}

@media (max-width:1000px) {
    .sct1-magazine .dx .tit {
        font-size:18px;
        line-height:22px;
    }
}

@media (max-width:870px) {
    .sct1-magazine .sx {
        display:block;
        width:100%;
        padding-top:140%;
        margin-bottom:20px
    }
    
    .sct1-magazine .dx {
        display:block;
        width:100%;
        padding:0;
    }
}

@media (max-width:560px) {
    .sct1-magazine .dx .tit {
        padding:8px;
        left:10px;
        bottom:10px;
        right:10px;
        max-width:none;
        font-size:16px;
        line-height:20px;
    }
    
    .sct1-magazine .dx a {
        padding-top:95%;
    }
}

.el-post-mag .in-post {
    padding:20px 0 0 0;
}

.el-post-mag a {
    border-bottom:2px solid #2D2D2C
}

.el-post-mag a .desc {
    margin-bottom:30px;
}

.el-post-mag a .bottom-el-post-mag {
    margin-top:30px;
}

.el-post-mag a .bottom-el-post-mag .date {
    font-size:10px;
    line-height:10px;
    text-transform:uppercase;
    color:#565656;
    letter-spacing:0.5px;
    vertical-align:top;
    padding-top:8px;
    font-weight:400
}

.el-post-mag a .bottom-el-post-mag .dx {
    width:50%
}

.el-post-mag a .bottom-el-post-mag .dx .share {
    padding-bottom:15px;
    text-align:right
}

.el-post-mag a .img .parco {
    position:absolute;
    left:0;
    bottom:16px;
    font-size:12px;
    line-height:12px;
    background:#1D1D1B;
    color:#fff;
    padding:10px 20px;
    text-transform:uppercase;
}

.el-post-mag a .img .parco small {
    display:block;
    font-size:9px;
    line-height:9px;
    font-weight:700;
}

.el-post-mag a .img .parco span {
    font-family:'Playfair Display', serif;
}

@media (max-width:1000px) {
    .el-post-mag a {
        width:48%;
    }
}

@media (max-width:690px) {
    .el-post-mag.menodue {
        margin-left:0;
    }
    
    .el-post-mag.menodue a {
        float:none;
        width:100%;
        display:block;
        margin:0 0 24px 0;
    }
}

@media (max-width:560px) {
    .el-post-mag.menodue a.post-s-h {
        display:none
    }
}

.share div {
    display:inline-block;
    margin-right:0;
    width:20px;
    height:20px;
    text-align:center;
    color:#fff;
    font-size:12px;
    line-height:20px
}

.share .share-fb {
    background:#405896
}

.share .share-tw {
    background:#53A8DC
}

.share .share-in {
    background:#0274B3
}

.share .share-pn {
    background:#912327
}

.share .share-wh {
    background:#58AF33
}

.share .share-em {
    background:#686868
}

.top-articolo {
    margin-bottom:20px
}

.top-articolo .sx {
    width:50%;
    color:#666666;
    font-size:26px;
    line-height:26px;
    vertical-align:bottom;
    font-weight:300
}

.top-articolo a {
    color:#000000
}

.top-articolo .dx {
    text-align:right;
    font-family:'Playfair Display', serif;
    color:#1D1D1B;
    font-size:28px;
    line-height:28px;
    font-weight:400;
    vertical-align:bottom
}

@media (max-width:650px) {
    .top-articolo .sx {
        font-size:18px;
        line-height:18px;
    }
    
    .top-articolo .dx {
        font-size:18px;
        line-height:18px;
    }
}

.title-articolo h1 {
    font-size:60px;
    line-height:70px;
    max-width:90%
}

@media (max-width:800px) {
    .title-articolo h1 {
        font-size:40px;
        line-height:50px;
    }
}

@media (max-width:540px) {
    .title-articolo h1 {
        font-size:30px;
        line-height:35px;
        max-width:none;
        margin:30px 0
    }
}

.dett-articolo {
    padding-bottom:14px;
    border-bottom:2px solid #1D1D1B;
    margin-bottom:40px
}

.dett-articolo .sx {
    font-size:10px;
    line-height:10px;
    text-transform:uppercase;
    color:#565656;
    letter-spacing:0.5px;
    vertical-align:top;
    padding-top:8px;
    font-weight:400;
    vertical-align:middle
}

.dett-articolo .dx {
    text-align:right;
    vertical-align:middle
}

.scheda-articolo {
    letter-spacing:0.5px;
    line-height:27px;
    margin-bottom:30px;
}

.img-sx {
    display:block;
    float:left;
    margin:0 40px 20px 0;
    width:50%
}

@media (max-width:480px) {
    .img-sx {
        float:none;
        margin:0 0 30px 0;
        width:100%
    }
}

.parco-articolo {
    margin-bottom:20px;
}

.parco-articolo .sx {
    margin-bottom:20px;
    width:350px;
}

.parco-articolo .dx {
    background:#1D1D1B;
    color:#fff;
    -webkit-transition:0.2s;
    -moz-transition:0.2s;
    -o-transition:0.2s;
    transition:0.2s;
}

.parco-articolo:hover .dx {
    background:#262623;
}

.parco-articolo .dx .scopri {
    background:#E5E5E5;
    color:#1D1D1B;
    font-size:20px;
    text-transform:uppercase;
    padding:14px 40px;
    font-weight:700
}

.parco-articolo .dx .cont-parco-articolo {
    padding:40px;
}

.parco-articolo .dx .cont-parco-articolo h3 {
    font-family:'Playfair Display', serif;
    font-size:22px;
    line-height:24px;
    text-transform:uppercase;
    margin-bottom:8px;
    color:#fff
}

.parco-articolo .dx .cont-parco-articolo span {
    display:block;
    font-size:14px;
    display:block;
    margin-bottom:20px;
}

.parco-articolo .dx .cont-parco-articolo p {
    font-size:13px;
    line-height:22px;
    font-style:italic
}

@media (max-width:950px) {
    .parco-articolo .sx {
        width:250px;
    }
    
    .parco-articolo .dx .cont-parco-articolo p {
        height:45px;
        overflow:hidden;
        text-overflow:ellipsis;
        display:-webkit-box;
        -webkit-line-clamp:2;
        -webkit-box-orient:vertical;
    }
}

@media (max-width:680px) {
    .parco-articolo .sx {
        display:block;
        width:100%;
        height:200px;
        margin-bottom:0
    }
    
    .parco-articolo .dx {
        display:block;
        width:100%
    }
    
    .parco-articolo .dx .scopri {
        text-align:center
    }
    
    .parco-articolo .dx .cont-parco-articolo {
        padding:25px 20px 10px 20px;
    }
}

.back-bott {
    background-color:#777777
}

.commenti-articolo {
    margin:50px 0;
}

.collegati h3 {
    font-family:'Playfair Display', serif;
    font-size:30px;
    line-height:32px;
    font-weight:300;
    padding-bottom:10px;
    border-bottom:2px solid #2D2D2C;
    margin-bottom:35px
}

.collegati .el-post-mag a {
    border-bottom:1px solid #2D2D2C;
}

.title-categoria {
    margin-bottom:35px;
    padding:20px 20px 10px 20px;
    border:1px solid #bcbcbc;
}

.title-categoria h1 {
    font-size:35px;
    line-height:38px;
    margin-bottom:10px
}

.title-categoria h2 {
    margin-bottom:14px
}

.el-numeri .span3 {
    padding:0 10px;
    margin-bottom:25px
}

.el-numeri a {
    padding-top:145%;
    width:100%;
    display:block;
}

.el-numeri a img {
    -webkit-transition:0.2s;
    -moz-transition:0.2s;
    -o-transition:0.2s;
    transition:0.2s;
}

.el-numeri .span3:hover a img {
    opacity:0.8
}

.el-numeri a .cat {
    position:absolute;
    top:40px;
    left:0;
    background:#1D1D1B;
    color:#fff;
    font-size:20px;
    line-height:20px;
    font-family:'Playfair Display', serif;
    z-index:2;
    padding:5px 20px
}

.el-numeri .tit-numero {
    background:#1D1D1B;
    padding:10px;
    color:#fff;
    font-size:13px;
    line-height:15px;
    text-align:center
}

@media (max-width:830px) {
    .el-numeri .span3 {
        width:48%
    }
}

@media (max-width:560px) {
    .el-numeri.menodue {
        margin-left:0
    }
    
    .el-numeri .span3 {
        width:100%;
        float:none;
        margin-left:0;
        margin-bottom:24px
    }
}

.sct-news-parchi-home {
    background:#1D1D1B;
    padding:24px 24px 0 24px;
    margin-top:-7px
}

.sct-news-parchi-home .bott-go {
    color:#fff;
    font-size:14px;
    font-weight:700;
    display:block;
    padding:15px 0;
    text-transform:uppercase
}

.sct-news-parchi-home .el-post-mag .in-post {
    padding:20px;
}

.sct-news-parchi-home .el-post-mag .container-title  {
    margin-bottom:0
}

h3.tit-news-parchi {
    font-size:65px;
    line-height:65px;
    margin:0;
}

.el-post a .txt-box .data-box {
    background:#C0CF7D
}

.el-post a .txt-box .txt {
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
}

@media (max-width:1020px) {
    .el-post a.span3 {
        width:48%;
        padding-top:45%
    }
}

@media (max-width:720px) {
    .el-post.menodue {
        margin-left:0
    }
    
    .el-post a.span3 {
        width:100%;
        float:none;
        margin-left:0;
        padding-top:65%
    }
}

@media (max-width:540px) {
    .el-post a.span3 {
        padding-top:95%
    }
}

.top-scheda .dx .data {
    background:#C0CF7D
}










