@import url('https://fonts.googleapis.com/css2?family=Rubik:wght@400;500;600&family=Source+Serif+Pro:ital,wght@0,400;0,600;0,700;1,400;1,600&display=swap');
article.articolo { line-height: 1.4; color: black; }
article.articolo .category-label { font-family: 'Rubik', sans-serif; font-weight: 400; font-size:12pt; letter-spacing: 3px; text-transform: uppercase; color: #b72b2a; height: 20pt;}
article.articolo h1 { font-family: 'Source Serif Pro', serif; font-weight: 600; font-size:42pt; line-height: 44pt; }
article.articolo .summary { font-family: 'Source Serif Pro', serif; font-weight: 400; font-size:14pt; font-style: italic; line-height: 1.4; margin: 12pt 0;}
article.articolo .summary i,
article.articolo .summary em,
article.articolo .article-body .catenaccio i,
article.articolo .article-body .catenaccio em { font-style: normal; }
article.articolo .author { font-family: 'Source Serif Pro', serif; font-weight: 400; font-size:12pt; }
article.articolo .article-body p { font-family: 'Source Serif Pro', serif; font-weight: 400; font-size:14pt; line-height: 1.4; color: black; }
article.articolo .article-body .catenaccio { font-family: 'Source Serif Pro', serif; font-weight: 600; font-size:26pt; font-style: italic; line-height: 1.2; margin: 14pt; text-align: center;}
article .article-body li { font-family: 'Rubik', serif; font-weight: 400; font-size:12pt; line-height: 1.4; color: black; margin-left: 40px; }
article.articolo figcaption { font-family: 'Rubik', sans-serif; font-weight: 400; font-size:12pt; padding-top: 1em;}
article.articolo .article-body h2 { font-family: 'Rubik', sans-serif; font-weight: 400; font-size:16pt; letter-spacing: 2px; text-transform: uppercase; padding: 32pt 0 8pt 0; }
article.articolo .article-body h3 { font-family: 'Rubik', sans-serif; font-weight: 400; font-size:14pt; }
article.articolo .box { background: #f0f0f0; padding: 15px; position: relative; margin-top: 40pt; margin-bottom: 18pt; }
article.articolo .box h2 { position: absolute; height: 18pt; top: -26pt; left: 0; }
article.articolo .box h4 { font-family: 'Rubik',sans-serif; font-weight: 400; font-size:12pt; letter-spacing: 3px; color: white; background: #b72b2a; position: absolute; height: 18pt; top: -26pt; left: 0; padding: 6pt 24pt 2pt 24pt; text-transform: uppercase; }
article.articolo .box h3 { font-family: 'Source Serif Pro', serif; font-weight: 600; font-size:15pt; margin-top: 5px; }
article.articolo .box p {Â font-family: 'Source Serif Pro', serif; font-weight: 400; font-size:13pt; line-height: 16pt; }
article.articolo .box .category-label { font-family: 'Rubik', sans-serif; font-weight: 400; font-size:11pt; margin-bottom: 10px; }
article.articolo .box .credits {Â font-family: 'Source Serif Pro', serif; font-weight: 400; font-size:14pt; line-height: 20pt; }
article.articolo .box .label {Â font-family: 'Source Serif Pro', serif; font-weight: 600; font-size:12pt; }
article.articolo .box .value {Â font-family: 'Source Serif Pro', serif; font-weight: 400; font-size:12pt; }
article.articolo .contents .title { font-family: 'Rubik', sans-serif; font-weight: 600; font-size:18pt; letter-spacing: 100; }
article.articolo .contents .index { font-family: 'Source Serif Pro', serif; font-weight: 800; font-size:15pt; }
article.articolo .contents .item { font-family: 'Rubik', sans-serif; font-weight: 600; font-size:18pt; letter-spacing: 100; }
article.articolo figure.splash { clear: both; padding: 30pt 0; }
article.articolo figure.splash img { width: 100%; }
article.articolo header { display: flex; align-content: start; }
article.articolo section.body { display: flex; align-content: start; }
article.articolo header::after { content:''; clear: both; }
article.articolo figure figcaption { padding-top: 10pt; }
article.articolo aside { width: 340px; flex-shrink: 0; }
article.articolo .article-body { flex-shrink: 1; }
article.articolo .article-titles { flex-shrink: 1;}
article.articolo aside.adv { padding-top: 26pt; flex-shrink: 0; }
article.articolo div.video-container { margin: 20px 0; }
article.articolo h6 { margin:30px; padding: 15px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; font-family: 'Source Serif Pro', serif; font-weight: 200; font-style: italic; font-size:24pt; line-height: 1.3; text-align:center; }
article.articolo .inline-image { margin: 20px 0; }
article.articolo .gallery-thumb { width: 24.5%; display: inline; }
article.articolo .rwd-video { height: 0; overflow: hidden; padding-bottom: 56.25%; padding-top: 30px; position: relative; }
.rwd-video iframe, .rwd-video object, .rwd-video embed { height: 100%; left: 0; position: absolute; top: 0; width: 100%; }
article.articolo .box-movie { margin-top: 0; }
article.articolo .movie-poster { width: 23%; margin-right: 2%; float: left; padding-bottom: 15px; }
article.articolo .movie-poster img { width: 100%; }
article.articolo .movie-data { width: 75%; float: left; padding-bottom: 5px; border-bottom: 1px solid black; }
article.articolo .box .movie-data h3 { margin-top: 0; font-family: 'Source Serif Pro', serif; font-weight: 600; font-size:13pt; }
article.articolo .box .movie-data h3 a { color: black; }
article.articolo .box .movie-data p {Â font-family: 'Source Serif Pro', serif; font-weight: 400; font-size:11pt; line-height: 1.4;}
article.articolo .box .movie-line { padding: 10px; }
article.articolo .box .movie-data p.movie-vision { font-family: 'Rubik', sans-serif; font-weight: 400; font-size:10pt; padding: 5px 0 0 0 ; margin-top: 5px; border-top: 1px solid black; text-transform: uppercase; letter-spacing: 1px; }
article.articolo .box .movie-comment { clear: both; border-top: 5px solid white; margin: 0 -15px -15px -15px; padding: 15px; }
article.articolo .toc { text-align: right; margin-right: 40px; margin-bottom: 30px; }
article.articolo .toc h3 { font-family: 'Rubik', sans-serif; font-weight: 600; font-size:11pt; padding: 0 0 2px 0; border-bottom: 1px solid black; text-transform: uppercase; letter-spacing: 1px; }
article.articolo .toc p { font-family: 'Source Serif Pro', serif; font-weight: 600; font-size:10pt; line-height: 1.4; margin-bottom: 15px; color: black; padding-top: 3px; }
article.articolo .toc li { font-family: 'Rubik', sans-serif; font-weight: 400; font-size:11pt; padding: 0 0 2px 0; letter-spacing: 1px; padding-left: 20px; }
article.articolo .toc li::before { content: "â— "; color: #b72b2a; }
article.articolo .toc li a { color: black; }
article.articolo .socials { text-align: right; margin-right: 40px; margin-bottom: 30px; }
article.articolo .socials a { margin-left: 10px; cursor: pointer; }
article.articolo .socials .share-facebook { color: #3b5998; }
article.articolo .socials .share-twitter { color: #1DA1F2; }
article.articolo .socials .share-whatsapp { color: #25D366; }
@media screen and (max-width: 992px) {
article.articolo header { flex-direction: column; }
article.articolo section.body { flex-direction: column; }
article.articolo aside.adv { order: 2; }
article.articolo .article-titles { order: 1; }
article.articolo aside { width: 100%; }
article.articolo .toc { margin-right: 0; text-align: left; }
article.articolo .toc h3 { display: none; }
article.articolo .toc p { padding: 0 0 2px 0; border-bottom: 1px solid black; }
article.articolo .socials { margin-right: 0; }
}
/* Home articoli */
#articles .articles-main, .articles-chess { background: #f2f2f2; }
#articles figure { text-align: center; overflow: hidden; }
#articles figure img { object-fit: cover; width: 100%; height: 100%; }
#articles .category { font-family: 'Rubik', sans-serif; font-weight: 400; font-size:10pt; letter-spacing: 3px; text-transform: uppercase; color: #b72b2a; text-align: center; padding: 15px 20px; }
#articles h2 { font-family: 'Source Serif Pro', serif; font-weight: 400; font-size: 28pt; text-align: center; padding: 0 20px 15px 20px; line-height: 1.2;}
#articles a { color: inherit; text-decoration: none; display: block; width: 100%; }
#articles .summary { font-family: 'Source Serif Pro', serif; font-weight: 400; font-size:12pt; line-height: 1.4; padding: 0 100px 15px 100px; text-align: justify; }
#articles .author { font-family: 'Source Serif Pro', serif; font-weight: 400; font-size:10pt; line-height: 1.4; padding: 0 100px 25px 100px; text-align: center; }
#articles .articles-eyes { margin: 10px -89px; padding: 0 89px; background: #575757; display: flex; align-content: center; }
#articles .article-square { margin: 0; display: flex; align-content: center; border-bottom: 10px solid white; }
#articles .articles-eyes figure, #articles .article-square figure { width: 50%; }
#articles .articles-eyes article, #articles .article-square article { width: 50%; display: flex; align-items: center; justify-content: center; flex-direction: column;}
#articles .articles-eyes article { background: white; }
#articles .articles-eyes .date { font-family: 'Rubik', sans-serif; font-weight: 400; font-size:8pt; letter-spacing: 3px; text-align: center; padding: 5px; padding-bottom: 10px; }
#articles .articles-eyes h2 { font-size: 20pt; padding-bottom: 0; margin: 0 30px; }
#articles .articles-eyes .category { padding: 0; padding-top: 10px; }
#articles .articles-eyes figure, #articles .articles-eyes article { margin: 15px 0; padding-left: 0; padding-right: 0; }
#articles .article-square .category { padding: 0; padding-top:15px; padding-bottom: 5px; }
#articles .article-square h2 { font-size: 20pt; padding-bottom: 5px; margin: 0 30px; }
#articles .article-square .summary { font-size:11pt; padding: 0 30px 15px 30px;}
#articles .article-square .date { font-family: 'Rubik', sans-serif; font-weight: 400; font-size:7pt; letter-spacing: 3px; text-align: center; padding: 0 0 20px 0; }
#articles .article-square .author { padding-bottom: 15px; }
#articles .article-pills { display: block; align-content: center; margin: 0 40px 0 40px; }
#articles .article-pills .article-pill { width: 220px; height:150px; float: left; }
#articles .article-pills .article-pill a { width: 215px; height:150px; background: #f2f2f2; }
#articles .article-pills .category { padding: 15px; padding-bottom: 0; text-align: left; font-size: 8pt; }
#articles .article-pills h2 { padding: 10px 15px; text-align: left; font-size:12pt; }
#articles .article-pills .author { padding: 0 15px 15px 15px; text-align: left; font-size:8pt; }
#pills { overflow: hidden; }
#articles #pills a.all { width: 40px; height: 150px; background: #f2f2f2; visibility: visible; opacity: 1;}
#articles #pills a.prev { border-right: 5px solid white;}
#articles #pills a.next { border-left: 5px solid white;}
#articles #pills a.all:before { content: "•"; top: 43%; background: none; font-size: 25px; color: #b72b2a; opacity: 0.3; }
#articles #pills a.prev:before { content: "«"; }
#articles #pills a.next:before { content: "»"; }
#articles #pills a.all.active:before { opacity: 1; }
#articles.slider-categoria { margin: 0 -39px; padding: 20px 39px; background: #e2e2e2;}
#articles.slider-categoria #pills a.prev { border-color: #e2e2e2;}
#articles.slider-categoria #pills a.next { border-color: #e2e2e2;}
#articles.slider-categoria .article-pill { width: 246px; }
#articles.slider-categoria .article-pill a { width: 241px; }
.utile-sidebar {
text-align:right;
margin-right: 40px;
margin-bottom: 30px;
}
.channel-all {
text-align: right;
font-family: 'Rubik', sans-serif;
font-weight: 400;
font-size:10pt;
padding: 5px 0;
text-transform: uppercase;
}
.channel-all:hover {
color: #b72b2a;
}
.lista-articoli h1 { font-family: 'Rubik', sans-serif; font-weight: 500; font-size: 20pt; text-align: center; padding: 40px 0;}
/* main article slider */
#articles #main-articles { position: relative; }
#articles .article-mains { display: block; align-content: center; margin: 0; }
#articles .article-mains .article-main { height: 570px; float: left; }
#articles .article-mains .article-main a { width: 100%; height:100%; background: #f2f2f2; }
#articles #main-articles a.prevnext { width: 50px; height: 50px; line-height: 50px; text-align: center; bottom: 0; background: none; visibility: visible; opacity: 1; position:absolute; }
#articles #main-articles a.prevnext:before { bottom: 0; background: none; font-size: 35px; color: #b72b2a; opacity: 0.6; }
#articles #main-articles a.prevnext span { display: none; }
#articles #main-articles a.prevnext:hover { background: rgba(0,0,0,.3); }
#articles #main-articles a.prev { border: none; left: 0; }
#articles #main-articles a.next { border: none; right: 0; }
#articles #main-articles a.prev:before { content: "«"; }
#articles #main-articles a.next:before { content: "»"; }
#articles #main-articles .points { position: absolute; bottom: 10px; right: 0; left: 0; text-align: center; font-size: 20px; margin-top: -10px; letter-spacing: 0; color: #999; }
#articles #main-articles.carousel-current-1 .points .item-1 { color: black; }
#articles #main-articles.carousel-current-2 .points .item-2 { color: black; }
#articles #main-articles.carousel-current-3 .points .item-3 { color: black; }
#articles #main-articles.carousel-current-4 .points .item-4 { color: black; }
#articles #main-articles.carousel-current-5 .points .item-5 { color: black; }
#articles #main-articles.carousel-current-6 .points .item-6 { color: black; }
#articles #main-articles.carousel-current-7 .points .item-7 { color: black; }
#articles #main-articles.carousel-current-8 .points .item-8 { color: black; }
#articles #main-articles.carousel-current-9 .points .item-9 { color: black; }
#articles #main-articles.carousel-current-10 .points .item-10 { color: black; }
#articles #main-articles.carousel-current-11 .points .item-11 { color: black; }
#articles #main-articles.carousel-current-12 .points .item-12 { color: black; }
#articles .article-mains h2, #articles .article-mains .summary { padding-left: 30px; padding-right: 30px; }
@media screen and (max-width: 992px) {
#articles .article-square, #articles .article-eyes { flex-direction: column; }
#articles .articles-eyes figure, #articles .article-square figure { width: 100%; order: 1; }
#articles .articles-eyes article, #articles .article-square article { width: 100%; order: 2;}
/* #articles .article-pills { margin: 0; display: block; } */
/* #articles .article-pills .article-pill { width: 100%; display: block; border: none; } */
#articles .summary { padding: 0 30px 15px 30px; }
}
@media screen and (max-width: 1139px) {
#articles .articles-eyes { margin: 10px -20px; padding: 0 20px; }
#articles.slider-categoria { margin: 0 -20px; padding: 20px 20px; }
#articles.slider-categoria .article-pill { width: 218px; }
#articles.slider-categoria .article-pill a { width: 213px; }
}
@media screen and (max-width: 1009px) {
#articles .articles-eyes { margin: 10px -25px; padding: 0 25px; }
#articles.slider-categoria { margin: 0 -25px; padding: 20px 25px; }
}
@media screen and (max-width: 767px) {
#articles .articles-eyes { margin: 10px 0px; padding: 15px 0px; display: block; }
#articles.slider-categoria { margin: 0; padding: 20px 20px; }
#articles .articles-eyes figure { width: auto; margin: 0 15px 15px 15px; }
#articles .articles-eyes article { width: auto; margin: 0px 15px; }
}
@media screen and (min-width: 576px) {
#articles .article-mains .article-main { height:620px; }
}
@media screen and (min-width: 767px) {
#articles .article-mains .article-main { height:650px; }
#articles .article-mains h2, #articles .article-mains .summary { padding-left: 50px; padding-right: 50px; }
}
@media screen and (min-width: 992px) {
#articles .article-mains .article-main { height:750px; }
}
@media screen and (min-width: 1009px) {
#articles .article-mains .article-main { height:780px; }
}