/*
Theme Name: Desktop I Nuovi Vespri
Description: I Nuovi Vespri Tema Desktop
Author: Digitrend S.r.l.
Author URI: https://www.inuovivespri.it/
Version: 0.1
*/
 

  /********************************/
 /*			Globale		         */
/********************************/
@import url('https://fonts.googleapis.com/css?family=Playfair+Display');
@import url('https://fonts.googleapis.com/css?family=Lato');
body{font-family: 'Lato', sans-serif;}
#topmenu{background: #363636;}
.container{padding:0px;width:980px;}
a:hover{text-decoration: none;}
#videoicon{position: absolute;left: 20px;top: 20px;pointer-events: none;width: 30px;height: 30px;border-radius: 50%;color: #fff;background: rgba(0,0,0,.2);font-size: 35px;box-shadow: 0 0 12px 1px rgba(0,0,0,.42);text-shadow: 0 1px 0 rgba(0,0,0,.23);transition: all .4s ease;}
.immagine.mosaico:hover #videoicon, .immagine.lista:hover #videoicon{left: 50%;top: 50%;margin-top: -16px;margin-left: -16px;box-shadow: 0 0 12px 1px rgba(0,0,0,.5);transform: scale(1.4);}
#videoiconsmall{position: absolute;left: 10px;top: 10px;pointer-events: none;width: 15px;height: 15px;border-radius: 50%;color: #fff;background: rgba(0,0,0,.2);font-size: 15px;box-shadow: 0 0 12px 1px rgba(0,0,0,.42);text-shadow: 0 1px 0 rgba(0,0,0,.23);transition: all .4s ease;}
.immagine.mosaico:hover #videoiconsmall {left: 50%;top: 50%;margin-top: -7.5px;margin-left: -7.5px;box-shadow: 0 0 12px 1px rgba(0,0,0,.5);transform: scale(1.4);}
.pc-apertura .container .right-side{border:0px;}
a , a:hover{color:#666;}
.fullwidth{width: 100%}
.separator {width: 100%;border-bottom: 1px solid #ccc;}
.linea{border-bottom: 1px solid #cccccc;padding: 0px 0px;margin: 0;}
.separator2 {width: 100%;border-bottom: 3px solid #ccc;}
.__pw-size-32{font-size: 24px!important}
.pw-button.__pw-size-32 .pw-button-icon{width: 28px!important;}
#menu-footer{list-style-type: none;border-left: 1px solid #cccccc;}
#menu-footer li a{font-family: 'Lato',sans-serif;text-transform: uppercase;color: #cccccc;}
  /*******************************/
 /*		Flusso Home			    */
/*******************************/
.fotodidascalia {font: 17px/18px Lato,sans-serif!important;color: #6d6f71!important;margin-top: 16px!important;}
   .excerpt p{
    font-size: 17px;
    color: #6d6f71;
    line-height: 20px;
}
.titolo h2{
	font-weight: bold;
} 
h2 {font-size:18px; margin:0px}
header{margin-bottom: 10px}

h1.archive-name {
    font-size: 20px;
    margin-left: 14px;
    margin-top: 5px;
    font-style: italic;
}

.nopadding{padding:0;}
.pr0{padding-right:0}
.pl0{padding-left:0}

.mosaic .col-md-4 article .titolo h2{font-size: 24px}

.immagine{position: relative; margin:0px;}
.immagine .categoria{display: none;position: absolute;width:100%; bottom: 0px;left:0px;background: #d16900;padding: 5px 9px;text-transform: uppercase;font-weight: bold; color:white; font-size:10px}
.immagine .titolo {position: absolute;top: 40px;left:00px; background: pink;padding: 5px 9px;font-weight: bold; color:black; font-size:10px; min-width:300px; opacity:0.5}

.immagine .categoria a{color:white}

.bx-wrapper img {max-height: 200px!important;width: 100%!important;}
.bx-wrapper .bx-caption {top: 0!important;bottom:initial!important;}

article.col-md-12.nopadding.lista { margin-bottom:10px}


div.immagine.lista {border: 0px solid #eee}
div.immagine.mosaico {border: 0px solid #eee}
div.titolo.mosaico {border: 0px solid #eee; padding-left:10px}


div.excerpt.apertura {margin-top: 10px;}

.lista .immagine{margin-top: 0px;}
.lista .row {margin-top: 10px;}

div.immagine.mosaico{width:300px}
div.immagine.apertura a img {width:630px;max-height: 250px!important;}
div.titolo.mosaico h2 {margin-top:10px;float: left; color: black;max-height: 76px;overflow: hidden;height:76px;}
div.titolo.apertura h2 {margin-top:10px}
article{margin-bottom: 8px;}
div.tag {visibility:hidden; height:0px}
.left-side{float: left;width: 646px;margin-right: 0px;}
.right-side{float: left;width: 316px;margin: 0px 16px 0px 0px;border-left: 1px solid #ccc;padding-left: 16px;}

.titolo-sezione{
    margin-bottom: 5px;
    position: relative;

}
.titolo-sezione h4{
    font-size: 19px;
	display: inline-block;
    text-transform: uppercase;
    margin-bottom: -1px !important;
    color:#666;
}

.immagine .titolo{position:static;background:transparent;opacity:1;padding:0}
.immagine .titolo h2{font-size:30px}
.autore {
	font-family: 'Lato';
    font-weight: bold;
    font-style: italic;
    font-size: 15px;
    margin: 6px 0px;
    overflow: hidden;
}

div.excerpt.apertura{margin-top:0;font-size: 16px}

div.titolo.mosaico{padding-left:0}

.data-ora {font-size:10px}
.data-ora {display:block;visibility:visible;height:auto; font-size:10px; margin:5px 0px;}

div.immagine.mosaico{position: relative;float: left;width: 100%;}
#mosaico-sidebar .excerpt{display:none}

#mosaico-sidebar .article{height:200px; overflow:hidden;}


.lista article{overflow:hidden;}

.primopiano .immagine .categoria{position: absolute;top: 323px; bottom:100px;right: 0px;background: red;padding: 5px 9px;text-transform: uppercase;font-weight: bold;color: white;font-size: 14px;width: 100%;}

#video,#multimedia{background-color: #e7ebeb;}
#video .titolo.mosaico h2{font-size: 21px!important;}
#video .titolo.mosaico.small h2{float:left;font-size: 14px!important;height:30px;overflow:hidden}
.lista .titolo h2{font-size: 21px!important;margin-bottom: 4px;}

.immagine.mosaico a h2{    
    position: absolute;
    bottom: 10px;
    color: white;
    left: 20px;
    font-size: 17px;
    font-weight: initial;
    font-size: 20px!important;
}
.big{font-size: 25px!important;font-weight: bold!important;}

.blackfilter{

    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.4);
    -webkit-transition: -webkit-transform 1s,opacity 1s,background 1s,width 1s,height 1s,font-size 1s;
    -webkit-border-radius: 5px;
    -o-transition-property: width,height,-o-transform,background,font-size,opacity;
    -o-transition-duration: 1s,1s,1s,1s,1s,1s;
    -moz-transition-property: width,height,-o-transform,background,font-size,opacity;
    -moz-transition-duration: 1s,1s,1s,1s,1s,1s;
    transition-property: width,height,transform,background,font-size,opacity;
    transition-duration: 1s,1s,1s,1s,1s,1s;
    border-radius: 0;
}
.blackfilter:hover{opacity: 0.5;}
#multimedia{padding:0px;}

#footer{background: #363636;margin-top: 40px;padding: 15px;}
#logoFooter{max-width: 300px;}
#redazione p > a,#redazione p, #registro p, #registro p > a {margin-bottom: 0px;font-family:'Lato';color:#ebebeb;font-size: 12px}
#redazione{margin-bottom: 25px;}

#menufooter p{margin-bottom: 0px;font-family:'Lato';color:#ebebeb;font-size: 12px}
#menufooter div ul{list-style-type: none;display: inline-flex;padding: 0px}
#menufooter div ul li{margin-left: 70px;}
#menufooter div ul li a{font-family:'Lato';color:#ebebeb;font-size: 12px}
.orange {color: red;font-weight: bold;font-size: 19px;}
.rettangolo .titolo-evidenza{margin: 0px 0px 10px 0px;line-height: 25px;     font-size: 18px;}


/*.rettangolo .titolo-evidenza a{color: black;font-family: 'Playfair Display';font-size: 25px;line-height: 0;}*/
.rettangolo .titolo-evidenza a{color: black;}
.pager {padding-left: 0;margin: 0px 0;text-align: left;list-style: none;}
.pagination .page a {color: white;background: #363636;padding: 5px;}
#facebook{margin-top: 10px;}
#facebook, #facebook span,#facebook span iframe{width: 100%!important}

.occhiello{font: 12px/12px Lato,sans-serif;color:#666;margin:5px 0px 5px 0px;}
.occhiellocat{font:16px Lato,sans-serif;color:#666;margin-bottom:20px}
.occhiellolista{font:16px Lato,sans-serif;color:#666;margin-bottom:3px; margin-top:0px}




.col-md-12 > .titolo.lista{margin-top:10px}

.search .titolo h2,
.search .excerpt.mosaico,
.archive .excerpt.mosaico{margin-top:10px}
.rettangolo{height:260px;overflow:hidden}
.archive .rettangolo{height:auto}
.foto.titolo h2{font-size: 18px;margin-bottom: 10px;}
.titolo.lista.sf h2{font-size: 15px!important;}
.titolo.lista.pr h2{font-size: 16px!important;margin: 0;}
.testo{font-size: 19px;line-height: 26px;}
.testo a {color: blue !important;
text-decoration: underline}
.testo a:hover {color: red !important;
text-decoration: underline}


.excerpt.custom p {font-size: 14px;color: #6d6f71;line-height: 20px;}
.flusso1x2 .col-md-4 article .titolo.mosaico h2{font-size: 18px!important;}
.flusso1x2 .col-md-4 article .titolo.mosaico .excerpt{font-size: 14px!important;}
.flusso1x2 .col-md-4 article .titolo.mosaico h2{font-size: 21px;}
.flusso1x2 .col-md-12 .titolo-sezione,.flusso1x2 .col-md-12 .titolo-sezione {margin-bottom: 13px;position: relative;}
.flusso1x3 h2{font-size: 18px;float:left;}

.textwidget iframe{width: 100%;max-height: 200px}
.ytp-thumbnail-overlay-image{background-size: 130%;}
.widget.widget_text{margin-top: 15px}
.widgettitle{margin-bottom: 10px;color: red;font-weight: bold;font-size: 19px;}


.col-md-12 > .titolo.flash {margin-top: 0px;}
.flash .titolo h2 {font-size: 14px!important;margin-bottom: 0px;}
.flash .row {margin-top: 6px;}

#editoriale{background-image: url(img/editoriale.jpg);width: 300px;height: 175px;position: relative;background-position-x: -13px;background-position-y: -18px;margin: 15px 0px 0px 0px;}
.titoloeditoriale a h2{position: absolute;width: 165px;top: 60px;}
#menu-footer-menu{list-style-type: none;border-left: 1px solid #cccccc;}
#menu-footer-menu li a{font-family: 'Lato',sans-serif;text-transform: uppercase;}
#menufooter{margin-top: 55px}


.excerpt{float: left;height: 40px;overflow: hidden;margin-bottom: 10px;margin-top: 2px;}

.titolo-sezione h4:first-word {color: red;font-weight: bold;font-size: 19px;}


.pc-single-sidebar .flusso1x2 .titolo a h2,.pc-single-sidebar .flusso1x3 .titolo a h2{font-size: 16px!important}


  /***************************************/
 /*              SEARCH                 */
/***************************************/


#search_block_top.open {opacity: 1;filter: alpha(opacity=100);visibility: visible;height: 90px;top: 0;}
#search_block_top {visibility: visible;position: fixed;left: 0;width: 100%;background: #FFFFFF;border-bottom: 1px solid #222;height: 0;opacity: 0;filter: alpha(opacity=0);overflow: hidden;top: -100px;-webkit-transition: all 0.35s ease-out 0s;transition: all 0.35s ease-out 0s;z-index: 9999;margin: 0;}
form#bbB input {float: left;text-align: left;border: none;font-size: 18px;height: 90px;box-shadow: none;width: 90%;}
form#bbB .pulsante-ricerca {float: left;background: none;border: none;margin-left: 0;font-size: 30px;color: #dadada;outline: none;margin-top: 30px;}
.button-close {color: #858585;font-size: 20px;top: 10px;right: 20px;position: absolute;font-size: 16px;cursor: pointer;}
#searchbox {width: 50%;margin: 0 auto;}




.gal-prec, .gal-succ {padding: 10px;background: #ea690b;color: #fff;display: inline-block;margin-bottom: 10px;margin-top: 10px; margin-right:5px; float:right;}
.pw-sharequote__outer{display: none!important}
.sparta .col-md-6{height: 300px;}

.flowplayer.fp-ui-shown .fp-ui, 
.flowplayer.is-paused .fp-ui, 
.flowplayer.is-mouseover .fp-ui, 
.flowplayer.is-loading .fp-ui{background:transparent}

.social-header a:hover{
    color: white;
}

#wrap{background: #fff;border-left: 1px solid #676767;border-right: 1px solid #676767;width:1001px;display: block;margin: 0 auto;}

.titolo.mosaico.col-xs-12.col-sm-12.col-md-12.col-lg-12 h2{
    margin-top: 10px;
    float: left;
    color: black;
    max-height: 106px;
    overflow: hidden;
    height: 100px;
}

#div-gpt-ad-inuovivespri-dsk-300x600-dx,
#div-gpt-ad-inuovivespri-dsk-300x250-dx,
#div-gpt-ad-inuovivespri-dsk-300x600-dx {
    min-height: 600px
}

body {
    padding-top: 100px;
}

#GenecyDFPAdWallpaperCont {
    position: fixed!important;
    left: 50%;
    margin-left: -500px!important;
    top: 0;
    -webkit-transition: all 0s;
    -moz-transition: all 0s;
    -o-transition: all 0s;
    transition: all 0s ease-in-out;
}

#GenecyDFPAdWallpaperCont a {
    top: 0px!important;
    -webkit-transition: all 0s;
    -moz-transition: all 0s;
    -o-transition: all 0s;
    transition: all 0s ease-in-out;
}

#div-gpt-ad-inuovivespri-dsk-mh-970x250 {
    min-height: 250px;
    float: left;
    width: 100%;
}

#div-gpt-ad-inuovivespri-dsk-Corpo-336x280 {
    min-height: 280px;
}

.testo h2 {
    font-size: 26px;
    margin: 0px;
    margin-bottom: 22px;
}