/*
Theme Name: Mobile I Nuovi Vespri
Description: I Nuovi Vespri Tema Mobile
Author: Digitrend S.r.l.
Author URI: http://www.inuovivespri.it/
Version: 0.1
*/
body{overflow-x: hidden;}
#advtop{top:0;width:100%;background:#fff;z-index:1;padding:5px 0}
.navbar-fixed-top{position:relative !important;margin-bottom:0 !important}

.navbar-brand{padding:7px 15px !important}
.navbar-nav {margin: -0px -15px!important;}
.container{margin-top:0px!important;}
.nav.navbar-nav{background-color: #000;color: #fff;}
.nomargin{padding:0px!important}
.col-xs-12.nomargin img{width:100%;height:auto}
.col-xs-12.nomargin.category img{width:100%;max-height: 180px!important;}
.navbar-default {background-color: #000!important;border-color: #000000!important;}
.navbar-default .navbar-toggle .icon-bar{background: #fff!important}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {background-color: #393535!important;}
.navbar-brand>img {height:35px;}
.navbar-toggle {margin-right: 10px!important;border: 0px solid transparent!important;border-radius: 0px!important;margin-left: 0px!important;border-right: 1px solid #eee !important;padding: 18px 10px!important;margin-top: 0px!important;margin-right: 0px!important;margin-bottom: 0px!important;}
.title {background-color: black;color: white;padding: 5px;padding-left: 15px;padding-bottom: 10px;}
.title.section{font-weight:bold;text-transform:uppercase;padding-bottom:5px!important}
.author{color:#CCCCCC;}
.authorarticle{color:#888888;width:70%;float:left}
.share{text-align:right;color: #FFFFFF;}
.sharesection{text-align:right;color: #ff9933;padding-right: 8px!important;}
.sharesectiontwo{text-align:right;color: #ff9933;padding-right: 0px!important;}
.sharearticle{text-align:right;color: #ff9933;width:30%;float:left}
h4.tit{font-size:14px!important;font-weight: bold!important;margin-top: 5px!important;}
.article {padding-top: 15px!important;margin-bottom: 10px;border-top: 1px solid #eee !important;}
.articlecategory {background-color: red;color: white;float: left;font-size: 11px;padding: 1px;padding: 0px 5px 0px 5px;}
.first{font-size: 18px!important;font-weight: initial!important;margin-top:10px;}
footer{width:100%;float:left;color:#000;text-align:center;font-size:10px;line-height:14px;padding:15px 0;margin-top:20px}
#blog{font-weight:bold;font-size:16px;font-family:Georgia;}
#sicilia{color:red;font-weight:bold;font-size:16px;font-family:Georgia}
.big{margin-bottom: 10px;}
#blogup{width:40px;height:40px;position:fixed;bottom:60px;right:20px;background-color: white;display:none;border-radius: 20px;}
#speak_button{width:40px;height:40px;position:fixed;bottom:120px;right:20px;background-color: #0d779b;border-radius: 20px;}
.glyphicon.glyphicon-volume-up {
    font-size: 25px;
    padding: 7px;
    color:#fff;
}

.cathome{
    background-color: #000;
    color: white;
    float: left;
    font-size: 16px;
    padding: 1px;
    padding: 0px 5px 0px 5px;
    position: absolute;
    top: 10px;
    left: 10px;
}
.glyphicon.glyphicon-volume-up:before {content: "\e038";}
.glyphicon.glyphicon-chevron-up{font-size: 40px;color: black;}
.glyphicon.glyphicon-chevron-up:before {content: "\e133";}
html, body {margin: 0!important;min-height: 100%!important;}
body{position: relative!important;}
#socialshare{position: fixed;top: 0;left: 0;height: 100%;width: 100%;background-color: black;z-index:9999;display:none;}
#chiudi-share{position: absolute;top: 70px;right: 30px;font-size: 41px;z-index: 99999;color: white;}
#condivisioni-container{text-align:center;margin:10px 0}
#condivisioni-container span{color:#fff;display: inline-block;font-size:16px;padding-top:5px}
#condivisioni-container a{display: inline-block;}
.single #condivisioni-container span{color:#000}

.primo-piano-cat{padding-bottom:5px !important;}
.primo-piano h4.first{margin:5px 0}
.primo-piano h4 a{color:#fff}
.articlecategory a{color:#fff;text-decoration: none;}

#social-container{position:absolute;top:50%;left:0;width:100%;margin-top:-100px;text-align:center}
#condivisioni{color:#fff;font-size:25px;height:42px;}
#social-container img{margin:0 5px}

.pubblicazione{float:right;font-size:10px;padding:0 15px}
.post-occhiello{font-size:12px;margin:10px 0 4px 0;padding-bottom:5px;border-bottom:#ccc 1px solid;}
.page-title{font-size:24px;margin:10px 0}
.author-contaner{margin-top:5px}
.intertitolo,
#reply-title {width: 100%;border-bottom: 4px solid #000;}
.intertitolo span,
#reply-title span {padding: 5px 10px;display: inline-block;font: 12px Arial;background:#000;color: #fff;text-transform: uppercase;margin-left:15px}
#navigation{text-align:center;margin-top:10px}
.img-pre{float:left}
.img-post{float:right;}
.img-nav{padding:10px;background:#337ab7;color:#fff}
.img-cont{padding:10px;display: inline-block;}
.foto-title{font-size:14px}

.primo-piano-cat h4 a,
.primo-piano .titolo-big a{color:#000}
.categoria-big a{color:#fff}
.tit a{color:#000}

.nopaddingleft{padding-left:0 !important}
.nopaddingright{padding-right:0 !important}

#myNavbar li{width:96%;overflow:hidden;margin:0 2%;border-bottom:1px solid #ffe2e0;}
#myNavbar a{display:block;color:#fff;padding:8px 5px;font:600 16px/16px 'open sans';float:left}
#myNavbar a.active,
#myNavbar a:active{background:#337ab7;color:#fff;text-decoration:none;}
.menu-left{float:left;width:50%;padding:5px 0 5px 15px}
.menu-right{float:right;width:50%;padding:5px 15px 5px 0}

.sub-menu{margin:0;padding:0;}
.sub-menu li a {font-size: 14px!important;padding: 6px 12px!important;}
#myNavbar .sub-menu > li{border-bottom:0}
.hover_tab_post_large{margin:0;padding:0;}
#myNavbar li li{display:block;}
#menu-item-298 .glyphicon{margin-left:2px;color:#000;font-size:12px;vertical-align: bottom;}

.post-image iframe{width:100% !important}
.post-image-single img{width:100%}

#wl_WidgetRel_Box .title{color:#fff;padding-bottom:5px;}

.leggi-altro:active,
.leggi-altro:visited,
#leggi-altro-sicilia:active,
#leggi-altro-sicilia:visited,
#leggi-altro:active,
#leggi-altro:visited{text-decoration:none;color:#337ab7}
.leggi-altro,
#leggi-altro-sicilia,
#leggi-altro{text-align:center;display:block;clear:both;background-color:red;margin:0 auto 10px auto;padding:5px;font-size:12px;text-transform:uppercase;text-decoration:none;color:#fff}
#separatore hr{margin:2px;}
#separatore{background:#ccc;}

.post-content{line-height:22px;font-size:16px;}

/* .post-content h1,
.post-content h2,
.post-content h3,
.post-content h4,
.post-content h5,
.post-content h6 {
  font-weight: bold;
} */

#div-gpt-ad-1448039207055-0 img{width:auto}

.gal-nav{margin:10px 0 20px 0}
.gal-prev, .gal-next{padding:10px;background:#ea690b;color:#fff;display:inline-block;}
.gal-next{float:right}

.post-content iframe{width:100%}

#menu-footer-menu{margin:10px 0;padding:0;list-style:none;}
#menu-footer-menu a{font-size:16px;color:#B0B0B0}

.box-title {
    background: #485169;
    padding: 4px 15px;
    width: 100%;
    margin: 0px;
    float: left;
    text-transform: uppercase;
    font-weight: 800;
    font-size: 18px;
    color: #FFF;
    font-family: Open Sans !important;
}
#slider .title{background-color: #fff;}
#slider .title a{font-size: 16px;color:#000}

#slider-container {
    margin-bottom: 20px;
    width: 100%;
    overflow: hidden;
    padding-bottom: 35px;
    border-bottom:1px solid red;
}
#slider-container .bx-wrapper .bx-viewport{border:0;left:0}
#slider-container .bx-wrapper{margin-bottom:0}
#slider-container .bx-pager-link.active{background:#000;}
#slider-container .bx-pager-link{background:red;}

.commentlist{width:100%;overflow:hidden}
#submit-form{margin-left:15px}

.post-content img{width:100%;height:auto;}

#slider-container .categoria-big{font-size:18px;}
.categoria-big{color: #000;padding: 0px;font-weight: bold;text-transform: uppercase;font-size: 17px;margin-top: 20px;margin-bottom: 0px;}
.sezione .title{background:#fff}
.sezione .title a{color:#000}

#slider h4{font-weight:bold}



.sk-fading-circle {
  width: 200px;
  height: 200px;
  position: relative;
}

.sk-fading-circle .sk-circle {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.sk-fading-circle .sk-circle:before {
  content: '';
  display: block;
  margin: 0 auto;
  width: 15%;
  height: 15%;
  background-color: #fff;
  border-radius: 100%;
  -webkit-animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;
          animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;
}
.sk-fading-circle .sk-circle2 {
  -webkit-transform: rotate(30deg);
      -ms-transform: rotate(30deg);
          transform: rotate(30deg);
}
.sk-fading-circle .sk-circle3 {
  -webkit-transform: rotate(60deg);
      -ms-transform: rotate(60deg);
          transform: rotate(60deg);
}
.sk-fading-circle .sk-circle4 {
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
}
.sk-fading-circle .sk-circle5 {
  -webkit-transform: rotate(120deg);
      -ms-transform: rotate(120deg);
          transform: rotate(120deg);
}
.sk-fading-circle .sk-circle6 {
  -webkit-transform: rotate(150deg);
      -ms-transform: rotate(150deg);
          transform: rotate(150deg);
}
.sk-fading-circle .sk-circle7 {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
.sk-fading-circle .sk-circle8 {
  -webkit-transform: rotate(210deg);
      -ms-transform: rotate(210deg);
          transform: rotate(210deg);
}
.sk-fading-circle .sk-circle9 {
  -webkit-transform: rotate(240deg);
      -ms-transform: rotate(240deg);
          transform: rotate(240deg);
}
.sk-fading-circle .sk-circle10 {
  -webkit-transform: rotate(270deg);
      -ms-transform: rotate(270deg);
          transform: rotate(270deg);
}
.sk-fading-circle .sk-circle11 {
  -webkit-transform: rotate(300deg);
      -ms-transform: rotate(300deg);
          transform: rotate(300deg); 
}
.sk-fading-circle .sk-circle12 {
  -webkit-transform: rotate(330deg);
      -ms-transform: rotate(330deg);
          transform: rotate(330deg); 
}
.sk-fading-circle .sk-circle2:before {
  -webkit-animation-delay: -1.1s;
          animation-delay: -1.1s; 
}
.sk-fading-circle .sk-circle3:before {
  -webkit-animation-delay: -1s;
          animation-delay: -1s; 
}
.sk-fading-circle .sk-circle4:before {
  -webkit-animation-delay: -0.9s;
          animation-delay: -0.9s; 
}
.sk-fading-circle .sk-circle5:before {
  -webkit-animation-delay: -0.8s;
          animation-delay: -0.8s; 
}
.sk-fading-circle .sk-circle6:before {
  -webkit-animation-delay: -0.7s;
          animation-delay: -0.7s; 
}
.sk-fading-circle .sk-circle7:before {
  -webkit-animation-delay: -0.6s;
          animation-delay: -0.6s; 
}
.sk-fading-circle .sk-circle8:before {
  -webkit-animation-delay: -0.5s;
          animation-delay: -0.5s; 
}
.sk-fading-circle .sk-circle9:before {
  -webkit-animation-delay: -0.4s;
          animation-delay: -0.4s;
}
.sk-fading-circle .sk-circle10:before {
  -webkit-animation-delay: -0.3s;
          animation-delay: -0.3s;
}
.sk-fading-circle .sk-circle11:before {
  -webkit-animation-delay: -0.2s;
          animation-delay: -0.2s;
}
.sk-fading-circle .sk-circle12:before {
  -webkit-animation-delay: -0.1s;
          animation-delay: -0.1s;
}

@-webkit-keyframes sk-circleFadeDelay {
  0%, 39%, 100% { opacity: 0; }
  40% { opacity: 1; }
}

@keyframes sk-circleFadeDelay {
  0%, 39%, 100% { opacity: 0; }
  40% { opacity: 1; } 
}

.mymodal {position: fixed;top: 50%;left: 50%;width: 0px;line-height: 200px;height: 200px;margin-top: -130px;margin-left:-110px;border-radius: 5px;box-shadow: 0 0 0 9999px rgba(0,0,0,0.5);}


.carousel-control{
	background-image: -webkit-linear-gradient(left,rgba(0, 0, 0, 0) 0,rgba(0,0,0,.0001) 100%)!important;
    background-image: -o-linear-gradient(left,rgba(0,0,0, 0) 0,rgba(0,0,0,.0001) 100%)!important;
    background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,.0001)))!important;
    background-image: linear-gradient(to right,rgba(0, 0, 0, 0) 0,rgba(0,0,0,.0001) 100%)!important;
    background-repeat: repeat-x;}

.titolo.slide{font-size:16px;padding: 20px;background: #000;margin: 0;color: white;}
.carousel-indicators{display: none}


.footer-bottom{ background: #000;padding: 20px;font-family: 'Lato';}
.orange{color:red}

#slide{padding-top: 15px!important;margin-bottom: 10px;border-top: 1px solid #eee !important;}
.footer-bottom a{color:#cbbfb7;}

#div-gpt-ad-inuovivespri-mob-hm-300x250,
#div-gpt-ad-inuovivespri-mob-rullo-300x250,
#div-gpt-ad-inuovivespri-mob-300x250-arttitle,
#div-gpt-ad-inuovivespri-mob-300x250-corpoart {
  min-height: 250px;
}