/* fonts vari */
@font-face {
    font-family: 'Eugenio Sans';
    font-weight: 500;
    font-style: normal;
    src: url('https://www.repstatic.it/cless/main/rep21/2017-v1/font/eugenio-sans-medium.eot');
    src: url('https://www.repstatic.it/cless/main/rep21/2017-v1/font/eugenio-sans-medium.eot#iefix') format('embedded-opentype'),
    url('https://www.repstatic.it/cless/main/rep21/2017-v1/font/eugenio-sans-medium.woff2') format('woff2'),
    url('https://www.repstatic.it/cless/main/rep21/2017-v1/font/eugenio-sans-medium.woff') format('woff'),
    url('https://www.repstatic.it/cless/main/rep21/2017-v1/font/eugenio-sans-medium.ttf') format('truetype'),
    url('https://www.repstatic.it/cless/main/rep21/2017-v1/font/eugenio-sans-medium.svg#EugenioSans-Medium') format('svg');
}

@font-face {
    font-family: 'Eugenio Serif';
    font-weight: 400;
    font-style: normal;
    src: url('https://www.repstatic.it/cless/main/rep21/2017-v1/font/eugenio-serif-regular.eot');
    src: url('https://www.repstatic.it/cless/main/rep21/2017-v1/font/eugenio-serif-regular.eot#iefix') format('embedded-opentype'),
    url('https://www.repstatic.it/cless/main/rep21/2017-v1/font/eugenio-serif-regular.woff2') format('woff2'),
    url('https://www.repstatic.it/cless/main/rep21/2017-v1/font/eugenio-serif-regular.woff') format('woff'),
    url('https://www.repstatic.it/cless/main/rep21/2017-v1/font/eugenio-serif-regular.ttf') format('truetype'),
    url('https://www.repstatic.it/cless/main/rep21/2017-v1/font/eugenio-serif-regular.svg#EugenioSerif-Regular') format('svg');
}

@font-face {
    font-family: 'Eugenio Text';
    font-weight: 500;
    font-style: normal;
    src: url('https://www.repstatic.it/cless/main/rep21/2017-v1/font/eugenio-text-regular.eot');
    src: url('https://www.repstatic.it/cless/main/rep21/2017-v1/font/eugenio-text-regular.eot#iefix') format('embedded-opentype'),
    url('https://www.repstatic.it/cless/main/rep21/2017-v1/font/eugenio-text-regular.woff2') format('woff2'),
    url('https://www.repstatic.it/cless/main/rep21/2017-v1/font/eugenio-text-regular.woff') format('woff'),
    url('https://www.repstatic.it/cless/main/rep21/2017-v1/font/eugenio-text-regular.ttf') format('truetype'),
    url('https://www.repstatic.it/cless/main/rep21/2017-v1/font/eugenio-text-regular.svg#EugenioText-Regular') format('svg');
}

@font-face {
    font-family: rep-icon;
    font-weight: 400;
    font-style: normal;
    src: url('https://www.repstatic.it/cless/main/rep21/2017-v1/font/rep-icon.eot');
    src: url('https://www.repstatic.it/cless/main/rep21/2017-v1/font/rep-icon.eot#iefix') format('embedded-opentype'),
    url('https://www.repstatic.it/cless/main/rep21/2017-v1/font/rep-icon.woff2') format('woff2'),
    url('https://www.repstatic.it/cless/main/rep21/2017-v1/font/rep-icon.woff') format('woff'),
    url('https://www.repstatic.it/cless/main/rep21/2017-v1/font/rep-icon.ttf') format('truetype'),
    url('https://www.repstatic.it/cless/main/rep21/2017-v1/font/rep-icon.svg#rep-icon') format('svg');
}
@font-face {
  font-family: laRepubblica;
  font-weight: 400;
  font-style: normal;
  src: url(//www.repstatic.it/cless/main/nazionale/2016-v1/font/laRepubblica.ttf) format('truetype'), url(//www.repstatic.it/cless/main/nazionale/2016-v1/font/laRepubblica.woff) format('woff'), url(//www.repstatic.it/cless/main/nazionale/2016-v1/font/laRepubblica.svg#laRepubblica) format('svg');
}


/* =================  piccole modiche al css principale ======================*/

.minibox h3.cat {background-color: #d2353a;}
.minibox h3.cat .triangle { border-left: 6px solid #d2353a; }

.minibox       {margin-bottom:30px;-webkit-box-shadow:0 0 3px 0 #aeaeae;-moz-box-shadow:0 0 3px 0 #aeaeae;box-shadow:0 0 3px 0 #aeaeae;padding-bottom: 15px;}
.minibox:hover {-webkit-box-shadow:0 0 1px 0 #d2d2d2;-moz-box-shadow:0 0 1px 0 #d2d2d2;box-shadow:0 0 1px 0 #d2d2d2}

.medium h2 {font: 20px/24px 'SourceSansProRegular',Arial,'Helvetica Neue',Helvetica,sans-serif !important;}

.scream.minibox.no-photo hgroup    {padding-top: 5px !important;}
.scream.minibox.no-photo hgroup h1 {padding: 0 10px 0px !important; border-bottom: none;}

.scream.minibox h1 {font: 24px/26px 'SourceSansProBold',Arial,'Helvetica Neue',Helvetica,sans-serif;}
.scream.minibox h2 {font: 18px/22px 'SourceSansProRegular',Arial,'Helvetica Neue',Helvetica,sans-serif;}

.scream.minibox h2 strong {font-weight: normal; font-family:'SourceSansProBold',Arial,'Helvetica Neue',Helvetica,sans-serif;}

.scream.minibox em.author {font: 13px/16px 'Eugenio Sans',Arial,'Helvetica Neue',Helvetica,sans-serif;}

.pagination    {min-height: 33px; margin-bottom: 15px;}
.pagination p  {line-height: 25px !important;float: left;}
.pagination ul {float: right !important;}



.testata-speciale-wrapper {
    margin: 0 auto;
      background: rgb(210,53,58);
background: radial-gradient(circle, rgba(210,53,58,1) 0%, rgba(164,25,19,1) 100%); 
    
    margin-top: -1.8em;
    
}

.testata-speciale {
  background-image: url("/static/speciali/cinema/cannes/2018/images/sf_cannes2018.png?v3");
    background-position: right;
  background-repeat: no-repeat;
  margin: 0 auto;
  width: 970px;
}

.testata-speciale h1.title {
  font: 50px/50px 'Eugenio Sans',Arial,'Helvetica Neue',Helvetica,sans-serif;
  display: block;
  margin: 0px;
  padding: 50px 0px;
  color: #fff;
}

.testata-speciale h1.title a {
  color: #f2e2cd;
}
.testata-speciale h1.title a span {
    font: 15px/14px 'Eugenio Sans';    
}
.testata-speciale h1.title a:hover { color: #fff; }


.minibox h4 {
  padding: 0 10px;
}

.speciale {width: 170px !important;}

/* strilli */
.opening.minibox span.linked,
.opening.minibox div.linked {
  display: block;
  padding: 5px 10px !important;
}

.minibox span.linked,
.minibox div.linked {
  display: block;
  padding-top: 5px !important;
}

div.linked a,
span.linked a {
  background-image: none !important;
  background-repeat: no-repeat !important;
    padding: 0px !important;
}
.minibox span.linked a,
.minibox div.linked a {
    color: #c8a461;
    font: 16px/16px 'SourceSansRegular',Arial,'Helvetica Neue',Helvetica,sans-serif !important;
}

.minibox .linked a:hover {color: #d2353a;}


/* box altri articoli */
.box {
  /*width: 305px;*/
}
.box.altri {
padding: 8px 0px;
background: #fff; 
margin-bottom: 15px;

}
.box.altri .titolo-altri {
  font-size: 16px!important;
  text-transform: uppercase !important;
  color: #332604;
  font-family: 'SourceSansProBold',Arial,'Helvetica Neue',Helvetica,sans-serif;
  margin-bottom: 15px;
}
.box.altri .linked {
  margin-bottom: 3px;
padding-left: 10px;
}

.box.altri .linked a {
  color: #332604;
    font-family: 'Eugenio Sans';
    font-weight: normal !important;
    font-size: 20px;
    font-weight: bold;
}
.box.altri .linked a:hover {
  color: #888;
}
.box.altri .linked.altri {
  text-align: right;
  margin-top: 15px;
}

.box.altri .linked.altri a{
  background-image: none !important;
  color: #000;
  font-size: 14px !important;
}

/* =================  apertura ======================*/

.medium h2,
.minibox h2 {font: 20px/24px "SourceSansProRegular",Arial,"Helvetica Neue",Helvetica,sans-serif !important;}
.medium h2  {color: #fff;}
.medium h2 a, .medium h2 a:visited {color: #222;}
.medium h2 a:hover {color: #d2353a;}


.minibox h1 {font: 30px/32px "SourceSansProBold",Arial,"Helvetica Neue",Helvetica,sans-serif;}



.minibox h1 a, .minibox h1 a:visited {color: #222;}
.minibox h1 a:hover {color: #d2353a;}

.opening.minibox h2 {color: #222; margin: -5px 0 !important;}

.minibox h2 a, .minibox h2 a:visited {color: #c8a461;}
.minibox h2 a:hover {color: #d2353a;}

.minibox em.author {color: #222; font: normal 13px/16px 'Eugenio Sans',Arial,'Helvetica Neue',Helvetica,sans-serif; font-style: normal !important;padding-top: 10px; display: block;}

.opening h3 {top: -35px; }

/* =================  blocchi sotto ======================*/

.scream h4         {font: normal 23px/25px 'SourceSansProRegular', Arial, 'Helvetica Neue', Helvetica, sans-serif; color: #2d2d2d; margin: 5px 0 !important;}
.scream h4 a       {color: #c8a461 !important;}
.scream h4 a:hover {color: #d2353a !important;}

.scream.minibox h2 {color: #222; margin: -5px 0 !important;}


/* =================  right ======================*/

section.content-right-speciali {
    border-left: 1px solid #999;
    margin-top: 15px;
    margin-bottom: 42px;
}

section.content-right-speciali span.pre-title {
    border-top: 1px solid #999;
    display: block;
    height: 1px;width: 10px;
}

section.content-right-speciali h1.section-title {
    background-image: url("/static/speciali/sanremo/edizione2018/images/icon-sprite.png");
    background-position: 0px 0px;
    background-repeat: no-repeat;
    color: #222;
    font: 22px/28px 'SourceSansProRegular',Helvetica,sans-serif;
    height: 30px;
    margin-bottom: 15px;
    margin-left: 10px;
    margin-top: -18px;
    padding-left: 35px;
}


/**************** foto ***************/

.foto .content {
    display: block;
    margin-left: 8px;
    padding: 30px 15px 15px;
    background: radial-gradient(circle, rgba(210,53,58,1) 0%, rgba(164,25,19,1) 100%); 
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
}

.foto .content article {
    content: "";
    display: table;
    clear: both;
}
.foto .content article figure {
    float: left;
    margin: 0 10px 20px 0;
}

.foto .content article figure a {
    color: #ececec !important;
}

.foto .content hgroup h1 {
    margin: 0px;
}

.foto .content hgroup h1 a {
    color: #f2e2cd;
    font: 16px/18px 'SourceSansProRegular',Arial,'Helvetica Neue',Helvetica,sans-serif;

}
.foto .content a:hover {
    color: #fff;
}

/************** content video ************************/

.video h1.section-title {
    background-image: url("/static/speciali/sanremo/edizione2018/images/icon-sprite.png");
    background-position: 0px -30px;
    background-repeat: no-repeat;
    color: #332604;
    font: 22px/28px 'SourceSansProRegular',Helvetica,sans-serif;
    height: 30px;
    margin-bottom: 15px;
    margin-left: 10px;
    margin-top: -18px;
    padding-left: 35px;
}

.video .content {   
    display: block;
    margin-left: 8px;
    padding: 30px 15px 15px;
    background: rgb(65,136,190);
    background: radial-gradient(circle, rgba(65,136,190,1) 0%, rgba(21,89,140,1) 100%);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
}

.video .content article {
    content: "";
    display: table;
    clear: both;
    margin-bottom: 30px;
}
.video .content article .link-video-small {
    float: left;
    position: relative;
}

.video .content article .link-video-small img {
    width: 110px;
    margin-right: 10px;
}

.video .content article .link-video-small .icon-video::after {
    content: "\e91a";
    font-family: 'laRepubblica' !important;
    color: #fff;
    text-align: center;
    display: block;
    position: absolute;
    width: 40px;
    height: 40px;
    left: 30%;
    top: 20%;
    background: rgba(0,0,0,.6);
    border-radius: 50%;
    font-size: 20px;
    line-height: 40px;
}

.video .content article h1         {margin: 0px;}
.video .content article h1 a       {font: normal 15px/18px 'SourceSansProRegular', Arial, 'Helvetica Neue', Helvetica, sans-serif;color: #ececec;}
.video .content article h1 a:hover {color: #d0a42e;}
.video .content article strong.occhiello { color: #d0a42e; display: none;}

/************** content rubrica ************************/

.rubriche .content {
background: #00809B;
    
}

.rubriche h1.section-title {
    background-image: url("/static/speciali/cinema/venezia/2013/images/icon-sprite.png");
    background-position: 0px -60px;
    background-repeat: no-repeat;
    color: #2D2D2D;
    font: 22px/28px 'helveticaneue-boldcond',Helvetica,sans-serif;
    height: 30px;
    margin-bottom: 15px;
    margin-left: 10px;
    margin-top: -18px;
    padding-left: 35px;
}



/* =================  piccole modiche al css principale per speciale OSCAR ======================*/
#main, .detail {margin-top: 25px !important;}

#main.speciale-oscar h5 { 
    font: 30px/34px 'SourceSansProRegular',Arial,'Helvetica Neue',Helvetica,sans-serif; color: #222; margin-bottom: 15px; padding-bottom: 7px;}

#main.speciale-oscar h4 { 
    font: 18px/22px 'SourceSansProRegular',Arial,'Helvetica Neue',Helvetica,sans-serif; color: #332604;
    border-bottom: 1px solid #332604; margin-bottom: 15px; padding-bottom: 7px;}

.speciale .minibox h1,
.minibox.speciale-altre h1 {
    font: 18px/22px 'helveticaneue-boldcond',Helvetica,sans-serif;
    margin: 0px;
}
.speciale .minibox h2,
.minibox.speciale-altre h2 {
    font: 15px/16px 'SourceSansProRegular',Arial,'Helvetica Neue',Helvetica,sans-serif;
    margin: 0px; border-bottom: none;
}

.minibox.speciale-altre h2  {border-bottom: 2px solid #fff; padding-bottom: 5px;}

.speciale .minibox       {min-height: 310px;box-shadow: none;background-color: #eee; padding-bottom: 0px;}

.speciale .minibox.small {min-height: 150px;padding-bottom: 0px;}

.minibox.speciale-altre  {box-shadow: none; background-color: #eee; padding: 10px 0px;}

.on-stage { display: none!important;}

/* =================  piccole modiche al css principale per speciale OSCAR ======================*/