/*
/*
Theme Name: theme23
Theme URI: http://www.23bit.it/
Author: 23bit, 23bit.it
Author URI: http://www.23bit.it/
*/

/* General */

body{margin: 0;padding: 0;width: 100%;height: auto; overflow-x: hidden;  color:#000; font-size: 16px; font-family: "abril-text",sans-serif; background: #fff} 

.clear{clear: both} 
a{text-decoration: none; color:#999;  -webkit-transition: all .25s ease-out;-moz-transition: all .25s ease-out;-o-transition: all .25s ease-out;transition: all .25s ease-out;}
a:hover{color: #000}
ul{margin: 0; padding: 0; list-style: none; }
li{list-style-type: none;}
img{border: 0}
strong {font-weight: 600;color: #000}
blockquote p{text-align:left!important;margin: 0!important}
h1{ margin: 0;color: #000;font-size: 28px; font-weight: 700; text-transform: uppercase; text-align: center }
 

h2, h3, h4 {margin:5px 0;}
.back{float:right;margin-top: 15px;}
.back a{color:#fff}

.box{-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
li{float: left; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}

input, textarea, select {font-family: "abril-text",sans-serif; background: #fff;  font-size: 16px; border:none; outline:none; resize: none; -moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;   -webkit-transition: all .25s ease-out;-moz-transition: all .25s ease-out;-o-transition: all .25s ease-out;transition: all .25s ease-out;}
.form input:focus, .form textarea:focus {border-bottom: 2px solid #eee202; }
input:-webkit-autofill {-webkit-box-shadow: 0 0 0px 1000px #f4f4f4 inset;}

.btn { border: 1px solid #000; padding: 10px; text-transform: uppercase; font-size: 14px; font-weight: 700; color: #000; background: #fff; width: 100px; margin: auto; position: relative; display: block; text-align: center} 
.btn:hover {background: #000; color: #eee202}

.post ::selection {background:#eee202;}
.post ::-moz-selection {background:#eee202;}

#video {text-align: center}

::-webkit-input-placeholder { color: #666; }
:-moz-placeholder { color: #666; }
::-moz-placeholder { color: #666; }
:-ms-input-placeholder { color: #666; }

.notfound {min-height: 500px;}

.cookies { position: fixed; display: none;  bottom: 0; width: 100%;  background: #eee202; color: #000; z-index: 999; font-size: 14px; text-align: center}
.cookies a {color: #000}
.accetto { background: #000; padding: 5px; color: #fff; cursor: pointer }

#grayscale img {
    -webkit-filter: grayscale(100%);
    -webkit-filter: grayscale(1);
    filter: grayscale(100%);
    /*filter: url('js/gray.svg#grayscale');*/
    filter: gray;
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out;
}
#grayscale a img:hover {  
    -webkit-filter: grayscale(0);  
    -webkit-filter: grayscale(0);  
    filter: grayscale(0);  
  
    filter:none;  
    filter: none;  
    opacity: 1;
    filter: alpha(opacity=100);
}  

.cover {
    -webkit-filter: grayscale(100%);
    -webkit-filter: grayscale(1);
    filter: grayscale(100%);
    /*filter: url('js/gray.svg#grayscale');*/
    filter: gray;
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out;
}
 

.inEvidenza:hover .cover, .big:hover, .singlecover:hover .cover, .controcover:hover .cover, .paginone img:hover, .postcontent img:hover  {
    
    -webkit-filter: grayscale(0) !important;  
    -webkit-filter: grayscale(0) !important;  
    filter: grayscale(0) !important;  
  
    filter:none !important;  
    filter: none !important;  
    opacity: 1 !important;
    filter: alpha(opacity=100) !important;
}
 

progress {
  display: none;
  position: fixed;
  left: 0;
  width: 100%;
  height:3px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;

  /* Get rid of the default border in Firefox/Opera. */
  border: none;
  background-color: transparent;
  color: #eee202;
}
progress::-webkit-progress-bar {
  background-color: transparent;
}

progress::-webkit-progress-value {
  background-color: #eee202;
}

progress::-moz-progress-bar {
  background-color: #eee202;
}

.item {width: 100%}

/* BANNER CONTRASTI */
 
.overlay { position: fixed; display: table; visibility: hidden;  z-index: 999; width: 100%; height: 0; background: rgba(0, 0, 0, 0.95); top: 0; left: 0; opacity: 0;}
.banner { width: 100%;   display: table-cell; vertical-align: middle; }
.banner .info { max-width: 768px; margin: auto; background: #fff; opacity: 0;  margin-top: 50px; }
 
.banner .info img {width: 100%; height: auto; }
.banner .info a{color: #000}
.banner .info a:hover{color: #00a86b}
#banner_contrasti img { -webkit-filter: grayscale(0); -webkit-filter: grayscale(0); filter: grayscale(0); filter:none; filter: none; opacity: 1; filter: alpha(opacity=100); }  
.close { position: absolute; top: 0; right: 0; margin: 20px; width: 50px; height: 50px; cursor: pointer; background: url("images/close.png") center; } 


.visible { height: 100%  }
.visible .overlay { height: 100%; opacity: 1 ; visibility: visible; -webkit-transition: opacity  .5s ease-out;  -moz-transition: opacity  .5s ease-out; -o-transition: opacity  .5s ease-out; transition: opacity  .5s ease-out; }
.visible .banner .info { opacity: 1; margin-top: 0;  -webkit-transition: all .5s ease-out;  -moz-transition: all .5s ease-out; -o-transition: all .5s ease-out; transition: all .5s ease-out;}


.contribuisci ul{
    padding: 20px 0 40px;
}
.contribuisci li {
    width: 100%;
    float: none;
    display: block;
    margin-bottom: 10px
}

.abbonati {
    padding: 20px;
    border: 1px solid #000;
    color: #333;
    font-weight: 700;
    cursor: pointer;
    font-size: 21px;
    width: 400px;
}
.abbonati:hover {
 
    background: #000;
    color: #eee202;
 
}
.banner a {
    color: inherit
}
.banner h2 {
    font-size: 44px;
    text-align: center;
    padding: 20px 0 0;
}
.banner h3 {
    font-size: 24px;
    text-align: center;
}
.banner-image {
    width: 100%;
    height: 400px;
    padding-left: 20px; 
    position: relative; 
    background: url("images/campagna-2017.jpg") no-repeat right;
    background-size: contain;
    margin-top: 50px;
}
 
.abbonamenti-banner {
    width: 300px;
}
.abbonamenti-banner li {
    width: 100%;
    margin-bottom: 10px;
    padding: 20px;
    border: 1px solid #111;
    font-size: 18px;
    text-align: center;
    font-weight: 700;
}

.abbonamenti-banner li span{
    font-size: 32px;
}




 
/* Structure */ 
 
#head{ width: 100%; z-index: 999; margin-bottom: 15px; position: relative}
.top  { height: 40px;  background: #fff; }
.content{ width: 1400px; margin: auto; position: relative; -moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;   }
.page{color: #333; line-height: 26px}
 
.sublogo{font-size: 12px;position: absolute;right: 0}



/* TITLES */

.title { background: url('images/back-titolo.png') repeat-x center; margin-bottom: 20px; text-align: center}
.title h1 { display: inline; font-size: 32px; background: #fff; padding: 0 10px; color: #000; text-transform: uppercase; }
.title h2 { display: inline; font-size: 24px; background: #fff; padding: 0 10px; color: #000; text-transform: uppercase; }
.title h3 { display: inline; font-size: 21px; background: #fff; padding: 0 10px; color: #000; text-transform: uppercase; }

 

 /* HEADER & MENU */

.desktop {   font-size: 18px; }
.desktop li {background: url("images/backmenu.png") no-repeat 0 15px; }
.desktop li:first-child {background: none}
.desktop a{color:#000}
.negative .desktop a{color:#fff}    
.negative .desktop {color: #fff}
.negative .scrolled .desktop  a{color:#000}    
.negative .scrolled .desktop {color: #000}
 
.topmenu {float: left; text-transform: uppercase;  } 
.topmenu li{ padding: 10px 0; margin-right: 20px; }
.topmenu li a {color: #666; font-size: 13px; font-weight: 700  }
.topmenu li a:hover {color: #000}

.topmenu li:first-child { background: #000;  padding: 10px 20px; }
.topmenu li:first-child a {color: #EEE202; border-bottom: 2px solid;}
.topmenu li:first-child a:hover {color: #fff}


.topsocial { float: right; } 
.topsocial li {padding: 10px 0; margin-left: 20px;}
.topsocial li a {opacity: 0.5}
.topsocial li a:hover {opacity: 1}


.twitter {width: 100%;  height: 40px; background: #000; overflow: hidden; color: #ccc; font-size: 12px; }
.twitter a {color: #ccc }
.twitter a:hover {color: #fff }
.twitter li { padding: 11px 0; width: 100%; text-align: center;}

#menu{ text-transform: uppercase}
#menu img{width: inherit; height: inherit}
#menu ul { width: 870px; margin: auto; }

#menu li{float: left; font-size: 16px; font-weight: 700; padding: 10px 21px; }
 
.submenu {position: relative; }

.sub { position: absolute; opacity: 0; visibility: hidden; top: 0; left: 0; padding: 10px 12px ; background: #000;  z-index: 999; color: #fff; -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out; -o-transition: all .2s ease-out; transition: all .2s ease-out; }
.sub ul { width: auto !important; border-top: 3px solid #EEE202; margin-top: 10px !important }
.sub li { float: none !important; font-size: 14px !important; padding: 10px 0 0 !important; background: none !important}
.sub li a {color: #fff !important}
.sub li a:hover {color: #EEE202 !important}


.ars {width: 140px; }
.contro {width: 150px; }
.rass {width: 110px; }


.desktop .submenu:hover .sub{opacity: 1;   visibility: visible;  }  
 
.search { float: right; width: 30px; height: 20px; background: url("images/search.png") no-repeat center;margin-top: 13px; cursor: pointer} 
.negative .search {background: url("images/search-negative.png") no-repeat center;}
.thesearch { position: fixed; display: none; width: 100%; height: 0; top: 0; left: 0; opacity: 0; visibility: hidden; z-index: 999; background: rgba(0,0,0,0.95);  }
.thesearch .close {width: 50px; height: 50px; margin: 50px; position: absolute; right: 0; top: 0; background: url("images/close.png"); cursor: pointer}
.searchform {display: table-cell; vertical-align: middle}
.searchform input{ background: transparent; font-size: 55px; color: #eee202; width: 100%; border-bottom: 3px solid #eee202; }
.searchform p { color: #fff; text-transform: none; font-weight: 700; }
.opensearch { display: table !important; opacity: 1!important; visibility: visible!important; height: 100%; }
 
.searchform input::-webkit-input-placeholder { color: #fff; }
.searchform input:-moz-placeholder { color: #fff; }
.searchform input::-moz-placeholder { color: #fff; }
.searchform input:-ms-input-placeholder { color: #fff; } 


#logo{margin: auto;  width: 850px; padding: 25px 0 15px; position: relative}
#logo img{width: 100%; height: auto; }
.sublogo { font-size: 12px; position: absolute; right: 0; }
.negativo {color: #fff}
.logomob {background: url("images/logoID.png") center no-repeat; -webkit-background-size: contain ;-moz-background-size: contain;-o-background-size: contain;background-size: contain; }
.logomob img {display: none}


#mobMenu{width: 60px; height:60px; background: url("images/menu.svg"); position: absolute; z-index: 999; left: 0; top: 0;}
.mob { position: absolute;  z-index: 998;margin-top: 60px;  width: 100%;  height: 100%;  background: #000;  left: 0;  top: 0; opacity: 0; visibility: hidden; height: 0;
    overflow: hidden; -webkit-transition: opacity .25s ease-out;-moz-transition: opacity .25s ease-out;-o-transition: opacity .25s ease-out;transition: opacity .25s ease-out;}
.mob ul { width: auto !important; border-top: none;}
.mob li {opacity: 0;      float: none !important; color:#fff; font-size: 21px !important; font-weight: 700; -webkit-transition: all .5s ease-out;-moz-transition: all .5s ease-out;-o-transition: all .25s ease-out;transition: all .5s ease-out; }
.mob a {color:#fff !important;   }

.mob .arrow {display: none;}
.mob .sub { position: relative; top: 20px;  opacity: 1; visibility: visible; left: initial; width: 100%; background: none; border: none; padding: 0; display: none; }
.mob .sub a {  font-size: 18px !important; color: #ccc;}
.mob .sub ul { padding: 0 0 30px 30px; margin: 0 !important;}

.mob-sec {   border-top: 1px solid #333; }
.mob-sec a {font-size: 16px; }
.mob-sec li { padding: 5px 20px !important; }

#mobsocial { margin: 10px 0 !important; border-top: 1px solid #333; padding: 20px 0; }
#mobsocial li { width: 20%; float: left !important; text-align: center;  padding: 0 0 20px !important; margin: 0 !important; }

.mobOpen{background-position: 0 -60px !important }
.open{ opacity: 1; visibility: visible; overflow-y: scroll; height: 100%}
.open li {opacity: 1}


.scrolled { position: fixed !important; top: -200px !important; border-bottom: 3px solid #000; background: #fff; }
.scrolled a {color: #000 }
 
.isscrolled {padding-top: 250px !important}




.errorpage{text-align: center;margin: 100px 0}
.errorpage span{font-size: 60px;font-weight: 700}

/*HOME*/


.inEvidenza {position: relative; margin-bottom: 75px; width: 100%; height: 500px; }

.inEvidenza .cover {position: absolute; width: 100%; height: 100%; -webkit-background-size: cover !important;-moz-background-size: cover!important;-o-background-size: cover!important;background-size: cover!important;  }

.inEvidenza h2 {color: #fff; font-size: 55px;  }
.inEvidenza .info {position: absolute; z-index: 2; font-size: 18px; color: #333; width: 90%; left: 5%; text-align: center; bottom: -50px; -moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box; border-bottom: 3px solid #EEE202}
.more {background: #fff; padding: 20px; } 
.aut { width: 100%; color: #333; font-size: 16px; font-style: italic; display: inline-block; margin: 5px 0;}


.evidenzagrid {width: 32%; float: left}
.evidenzagrid li {width: 100%; border-bottom: 1px solid #ccc !important}
.first {border-bottom: 2px solid #ccc }
.middle {margin: 0 2%;}


.grid li {border-bottom: 1px solid #ccc}
.grid li img{width:100%; height: auto}
.grid li .info { padding: 10px; color: #333; height: 140px }
.grid li h3 {color: #000; font-size: 21px; font-style: normal}
 


.editoriali {background: #f4f4f4; width: 100%;  position: relative;   margin: 50px 0;}
.editoriali li {width: 31.33%; margin: 1%; border-bottom: none;}
.editoriali .info {border-top: 3px solid #EEE202}
.editoriali h2 {font-size: 24px; text-transform: uppercase}
.editoriali h4 {font-size: 21px; font-style: italic}
.editoriali img {height: 80px !important; width: auto !important; float: left; margin-right: 10px;}

.piega {position: absolute; bottom: 0; right: 0; width: 30px; height: 30px; background: url("images/piega.png")}


.eventohome {width: 100%; background: #eee202; margin: 50px 0; }
.eventohome li {    max-width: 768px;  padding: 10px 0;  margin: auto;  float: none;}
.eventohome h2 {font-size: 21px;  color: #000}
.eventohome .data { position: absolute;  height: 60px; width: 60px; text-align: center; border: 3px solid #000; margin-right: 20px; }
.eventohome .info { margin-left: 80px}
.eventohome .giorno { font-size: 32px; line-height: 30px; font-weight: 700; width: 100%; display: block; }
.eventohome .mese {font-weight: 700; font-size: 18px; }
.eventohome .aut {display: block}



.boxSV {display: none; width: 100%; margin-top: 25px; }
.boxSV li {  border-bottom: none;}
.boxSV li h3 {font-size: 18px; }
#boxSV .title {margin-top: 25px; }

.changebox{ width: 164px; margin: auto; }
.changebox li {padding: 10px; color: #999; font-weight: 700; cursor: pointer}

.selected {border: 2px solid #000; color: #000 !important; }
.active {display: block}




#controcultura {  background: #000; padding: 25px 0; margin: 50px 0}
#controcultura  .title { background: url('images/back-yellow.png') repeat-x center; } 
#controcultura  .title h2 { display: inline; font-size: 24px; background: #000; padding: 0 20px; color: #fff; text-transform: uppercase; }

.controevidenza .big{  width: 100%; height: 600px; position: relative;  -webkit-background-size: cover !important;  -moz-background-size: cover !important; -o-background-size: cover !important;  background-size: cover !important;    -webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out; -o-transition: all .5s ease-out; transition: all .5s ease-out; }
.big .info {color: #fff; position: absolute; bottom: 100px; width: 100%;  text-align: center; z-index: 2; }
.controevidenza .aut {color: #fff } 
.big .cat {text-transform: uppercase;     border-bottom: 2px solid #fff; font-weight: 700;}
.big a{color: #fff}
.big h3 { font-size: 55px; color: #fff }

.controevidenza .grid { margin-top: -100px; }
.controevidenza .grid li {width: 98%; margin: 1%; border-bottom: none;}
.controevidenza .grid li h3 {color: #fff}
.controevidenza .grid li .info {color: #ccc; height: auto;}
.controevidenza .grid li .cat {text-transform: uppercase; color: #fff}

#controcultura .owl-theme .owl-controls .owl-page span {background: #fff}

#cp{  text-align: center}
#cp .title h3 { display: inline; font-size: 18px; background: #fff; padding: 0 20px; color: #ccc; text-transform: uppercase; font-style: italic }
.cphp {border: none}


.homineshome {margin-bottom: 100px;}
.homineshome h3 {margin: 0; font-size: 24px;}

.homineshome .info {padding: 10px;border-right: 1px solid #ccc;height: 80px; clear: both}
.homineshome li{width: 19%;border-bottom: 1px solid #ccc;-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; margin-top: 71px;}
.homineshome li:nth-child(3){margin-right: 24%;border-right: none} 
.homineshome li:nth-child(2) .info{border-left: 1px solid #ccc}
.homineshome img{width: 100%;height: auto; float: left}

.homines_evidenza { width: 24% !important; position: absolute; margin-left: 38%; background: #000; border: none !important; margin-top: 0 !important;}

.homines_evidenza h3{color:#fff}
.homines_evidenza h4{color:#fff;text-transform: none;font-style: italic;font-size: 18px}
.homines_evidenza .info{ padding: 15px 15px 30px;border: none;height: auto}
.homines_evidenza li:first-child .info{border-left: none}


#bestiario {background: #f4f4f4; width: 100%; height: 180px; padding-top: 20px;  position: relative;   margin: 50px 0;}
.copertina {  ; width: 220px; height: 180px;    margin: 0 100px; float: left; overflow: hidden}
.copertina img {width: 100%; height: auto}

#bestiario .info {float: left; color: #333; margin-left: 420px;}
#bestiario h2 {font-size: 28px; text-transform: uppercase}
#bestiario h3 {font-size: 21px}
.sep { width: 50px; height: 2px; background: #eee202; margin: 10px 0 }
#bestiario a { text-transform: uppercase; font-size: 14px; color: #000; font-weight: 700 }



#dossier { background: #000; }
#dossier h2 {font-size:24px; text-align: center; color: #fff}
#dossier li {width: 12.5%; position: relative}
#dossier img {width: 100%; height: auto; float: left;}
#dossier .info { position: absolute; bottom: 20px; width: 100%;     background: rgba(238, 226, 2, 0.70); padding: 5px 0; text-align: center;}
#dossier span { color: #000; text-transform: uppercase; font-size: 14px; font-weight: 700 }


.bestiario {background: #f4f4f4; width: 100%; padding-top: 20px;  position: relative;   margin: 0;}
.bestiario img{width: auto;height: 270px;float: right;}
.bestiario li:first-child{width: 20%}
.bestiario li{width: 80%;padding-right: 20px;color: #333;}
.bestiario a {text-transform: uppercase;font-size: 14px;color: #000;font-weight: 700;}


.banner-catenaccio {border: 5px solid #eee202; margin-top: 50px; text-align: center; height: 250px;  background: url("images/catenaccio_banner.jpg") center bottom no-repeat;-webkit-background-size: contain;-moz-background-size: contain;-o-background-size: contain;background-size: contain }
.banner-catenaccio h3 {color: #000 !important} 
.banner-catenaccio .info { width: 200px; margin: auto; background: #fff; margin-top: -25px; }
.banner-catenaccio h2 {text-transform: uppercase; color: #eee202; font-size: 24px; }




/** abbonamenti **/
.abbonamenti{text-align: center}
.sepCd {clear: both;border: 1px solid #333;margin: 5px 0 15px;}
.donazioni {font-size: 36px;margin: 15px 0 0; text-align: center; font-weight: 700}
.qd{padding:10px; background:#000; color:#fff; margin-bottom:20px;}
.total{color:#333;}
#paypal{display: none;}
.contribuisci {text-align: center;margin-bottom: 20px}  
.importo{border: 1px solid #ccc;padding: 10px;text-align: center;}  
.risposta-importo {margin: 10px 0 20px;}
.tessera{float: left;margin-right: 10px}

/** single **/
#related{margin-top: 50px}
#related .grid li{border-bottom: none; }
.loopcatenaccio span {background: rgba(238, 226, 2, 0.70); padding: 0 5px}
.loopcatenaccio .info {position: absolute;bottom: 0;padding: 20px;height: auto!important;}



/** sidebar **/
.sidebar a{color:#000}

.sidebar li{border-top: 1px solid #ccc;  width: 100%}
.sidebar li:first-child{padding-top: 0; border-top: 0;}
.sidebar h2{font-size: 24px;margin: 0}


.sidebar .homines h2 {font-size: 24px;  text-transform: uppercase;}



/*CATEGORIE */

.articolo li {width: 31.33%; margin: 1%;}
.articolo .first {width: 48% }

.load { height: 100px; }
.load-more { width: 100%; margin: 50px 0 0; padding: 15px 0; color: #000; font-weight: 700; text-align: center; text-transform: uppercase; font-size: 14px; cursor: pointer; background: #eee202; position: relative}
.noMore {display: none}

@-webkit-keyframes rotating /* Safari and Chrome */ {
  from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes rotating {
  from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
#loader {
   position: absolute; right: 15px; top: 15px; width: 20px; height: 20px; display: none;    
    
  -webkit-animation: rotating 1s linear infinite; 
  -moz-animation: rotating 1s linear infinite;
  -ms-animation: rotating 1s linear infinite;
  -o-animation: rotating 1s linear infinite;
  animation: rotating 1s linear infinite;
}

/* COLLABORA */

.wpcf7-form input {padding: 15px;width: 100%; margin: 0 0 10px 0; border:1px solid #ccc; background: none;}
.wpcf7-form textarea {padding: 15px;width: 100%; height:auto; resize: none; border:1px solid #ccc; background: none;}
.wpcf7-submit { cursor: pointer; width: auto !important;}
.wpcf7-acceptance { width: auto !important;  }
.privacy {display: none;margin: 10px 0;font-size: 18px;}
#privacy span{font-style: italic; cursor: pointer;}

.wpcf7-not-valid { border-bottom: 3px solid red !important}
.wpcf7-not-valid-tip {display: none !important}
.wpcf7-response-output { margin: 0 !important; padding: 0 !important; border: none !important;}



::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #333;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #333;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #333;
}
:-moz-placeholder { /* Firefox 18- */
  color: #333;
}


/*author*/
.author .autori {height: auto}
.author .autori .info{width: 55%;margin-bottom: 20px}
.author .autori .bio{margin-bottom: 20px}



/* DOSSIER */


 
#dossierloop h2 {font-size:24px; text-align: center; color: #fff}
#dossierloop li {width: 12.5%; position: relative}
#dossierloop img {width: 100%; height: auto; float: left;}
#dossierloop .info { position: absolute; bottom: 20px; width: 100%; background: rgba(238, 226, 2, 0.70); padding: 5px 0; text-align: center;}
#dossierloop span { color: #000; text-transform: uppercase; font-size: 14px; font-weight: 700 }


/*video single*/
.video {width: 100% !important;margin: 0 !important;padding: 0 !important}
.video iframe, .abbonamenti iframe {width: 100%;height: 480px}
.video h1{text-align: left}
.video .sep{width: 100%}
.video .comment {margin-bottom: 50px}

/*paginone single*/

.paginone h1 { font-size: 55px;line-height: 50px; }
.paginone img {width: 100%; height: auto} 
.paginone-content {text-transform: uppercase; font-weight: 700; font-size: 18px}

.paginoneside li { width: 100% !important; margin: 0 0 10px !important}
.paginoneside h3 { font-size: 24px !important}


 
.postsocial img {width: auto}
.postsocial { margin-left: 20px; opacity: 0.65; -webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out; -o-transition: all .5s ease-out; transition: all .5s ease-out; }
.postsocial:hover {opacity: 1}

/* SINGLE ARTICOLO */

.singlecover { width: 100%; height: 500px; position: relative;   }
.singlecover .cover { width: 100%; height: 500px;  -webkit-background-size: cover !important;-moz-background-size: cover !important;-o-background-size: cover !important;background-size: cover !important;  }
.singlecover h1 {color: #fff; font-size: 55px; text-transform: none;  }
.singlecover .info {position: absolute;   bottom: 53px;     z-index: 2;  }



.gradient-top { position: absolute; top: 0;   width: 100%; height: 250px; background: url("images/gradient-top.png") repeat-x; background-size: contain; }
.gradient-bottom { position: absolute; bottom: -1px;  width: 100%; height: 250px; background: url("images/gradient-bottom.png") repeat-x; background-size: contain; }




.thepost { margin-top: -50px; width: 90%; margin-left: 5%; background: #fff; padding: 30px 50px; position: relative; z-index: 1;-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.single{margin-top: 0;margin-left: 0; max-width: 960px;margin: auto;padding: 30px 0 0}
.post {width: 70%; float: left; color: #333; line-height: 26px; }
.single .post{width: 100%;float: none;margin: auto}
.post .sep { width: 50px; height: 3px; margin: 20px 0; }
.sidebar {width: 28%; float: left; margin-left: 2%; }

.riassunto { color: #000; font-style: italic;  font-size: 21px; font-weight: 700;margin-bottom: 20px}

.post blockquote {
    font-style: italic;
    color: #000;
    padding: 0 50px;
    margin: 50px 80px;
    border-left: 1px solid #eee202;
    /* font-weight: 700; */
    font-size: 21px;
    line-height: 32px;
}
.social { width: 100%; float: left; border-top: 3px solid #eee202; margin-bottom: 20px; }
.social li {padding: 10px}


.postcontent:first-letter{ color: #000; font-weight: 700; font-size: 620%; float: left; margin-top: 28px; margin-right: 25px; margin-bottom: 25px}
.postcontent img {width: 100%!important; height: auto!important; margin: 10px 0!important}
.postcontent p {text-align: left; letter-spacing: 0.025em;}
.single .postcontent p {margin: 20px 80px;}
.single .postcontent p img{margin:0!important}
.postcontent a {color: #000;border-bottom: 3px solid #eee202;}
.postcontent a:hover {color: #000; border-bottom:none; background: #eee202}
.postcontent #video {
    position: relative;
    width: 100%;
    height: 480px;
    margin: 10px 0;
}
#video iframe {
    width: 100%;
    height: 100%;
}
.wp-caption {width: 100%!important}
.wp-caption-text {font-size: 14px;margin-top: 0!important;font-style: italic;text-align: center!important}
.captiontext{font-size: 14px;font-style: italic;text-align: center!important;display: block}


.fb-like {margin:20px 80px 50px; }
.autbig { padding: 10px; background: #f4f4f4; position: relative; margin-bottom: 50px; }
.avatar {width: 80px; height: 80px; position: relative; float: left;  }
.avatar img {margin: 0}
 
.nome {float: left; padding: 26px 0; font-size: 16px;  margin-left: 30px;}
.nome a { text-transform: uppercase; font-size: 14px; color: #000; font-weight: 700; }

.libri {text-align: center}
.libri iframe {border: none; height: 380px;}     
 


.comment { width: 100%; height: 58px; overflow: hidden; padding: 15px; color: #000; font-weight: 700; text-align: center; text-transform: uppercase; font-size: 14px; cursor: pointer; border: 1px solid #ccc; margin-bottom: 30px; }
#commenti-disqus { padding: 20px 0 0 0;  } 
.opencomment {height: auto !important}


.slider li {width: 100% !important }



/* SINGLE CONTROCULTURA */

 


#contropost { background: #fff; }
#contropost .thepost {margin-top: 0}
.controcover { width: 100%; height: 100%; position: absolute;    top: 0 }
.controcover .cover { width: 100%; height: 100%;  -webkit-background-size: cover !important;-moz-background-size: cover !important;-o-background-size: cover !important;background-size: cover !important; }
.controcover h1 {color: #fff; font-size: 55px; text-transform: none;  }
.controcover .info {position: absolute; z-index: 2; bottom: 53px; width: 100%; }
 


/* SINGLE HOMINES */

.hmin{float: left;width: 10%;-moz-box-sizing: border-box;   -webkit-box-sizing: border-box;    box-sizing: border-box;}
.hmin img{width: 100%;height: auto}
.homines h1{margin-bottom: 30px;text-align: left}
.homines {margin: 0 0 50px 0}
.homines .thepost{margin-left: 0;margin-top: 0;padding: 0 50px; width: 90%;float: left}


/* PAGINONE */

#paginone li {width: 48%; position: relative; border-bottom: none;}
#paginone li img {float: left}
#paginone h3 { font-size: 40px; margin: 0;  }
#paginone .info {position: absolute; bottom: 0; padding: 20px;  height: auto}
#paginone span {background: rgba(238, 226, 2, 0.70); padding: 0 5px}

/** HOMINES **/

 
#homines li{width: 25%;height: 400px; position: relative}
#homines li:nth-child(4n){margin-right: 0;border-right: 0;padding-right:0} 
#homines img{position: absolute; left: 0}
#homines .alternate img{right: 0; left: 100%;  margin-left: -100px;} 
#homines .info { padding: 0 10px; color: #333; margin-left: 100px; } 
#homines .alternate .info {  margin-left: 0; margin-right: 100px }
#homines h2 {font-size: 28px; text-transform: uppercase}
#homines h3 {font-size: 21px; font-style: italic}
#homines a{color: #000}


 
/* EVENTI */


.eventi { margin-bottom: 50px; }
.eventi li {width: 100%; padding: 10px; margin: auto; border-top: 1px solid #ccc;  }
.eventi li:first-child {border-top: none; }
.eventi h2 {font-size: 21px;  color: #000}
.eventi .data { position: absolute;  height: 60px; width: 60px; text-align: center; border: 3px solid #000; margin-right: 20px; }
.eventi .info { margin-left: 80px}
.eventi .giorno { font-size: 32px; line-height: 30px; font-weight: 700; width: 100%; display: block; }
.eventi .mese {font-weight: 700; font-size: 18px; }
.eventi .aut {display: block}

.eventi-futuri li {background: #eee202;   margin-bottom: 5px; border-top: none}



.evento { width: 100%; margin: 0; padding: 0; }
.evento h1 { text-align: left; line-height: initial; }

.evimage {width: 28%; margin-right: 2%; min-height: 10px; float: left}
.evimage img {width: 100%; height: auto;}

/* REDAZIONE */

.boss{width: 100%; padding: 25px 0 0;  margin: 50px 0; color: #333; background: #f4f4f4; position: relative; }
.boss ul {width: 50%; float: left; }
.boss a{ text-transform: uppercase; font-size: 14px; color: #000; font-weight: 700; }
.boss h2{text-transform: uppercase; font-size: 28px;}
.boss h3{font-style: italic; font-size: 21px;}
.boss li{width: 50%; padding-right: 20px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } 
.boss li:nth-child(odd) {text-align: center; padding-right: 0;  }
.boss img{width: auto; max-height: 350px; float: right; }

 

.webarea .sep {display: inline-block}
.webarea h2 {padding-top: 5px}

.collaboratori li {width: 16.66%; position: relative}
.collaboratori li img {width: 100%; height: auto; float: left}
.collaboratori .info {position: absolute; bottom: 20px; width: 100%; background: rgba(238, 226, 2, 0.70); padding: 5px 0; text-align: center; }
.collaboratori span { color: #000;  text-transform: uppercase; font-size: 13px; font-weight: 700 }
.collaboratori a {color: #000}
.sezione .info { position: absolute; bottom: inherit; width: 100%; background: none; padding: 20px; text-align: left; color: #fff; font-size: 36px; font-weight: 700; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; }

/**/

.collaboratorinew .info {
    width: auto;
    padding: 5px 0;
    text-align: center;
    margin: 0 5px;
    height: 50px;
    border-bottom: 1px solid #eaeaea;
    -webkit-transition: all .25s ease-out;  -moz-transition: all .25s ease-out; -o-transition: all .25s ease-out; transition: all .25s ease-out;
}

.collaboratorinew .info:hover {
     background: #000;
    color: #eee202;
}

.collaboratorinew li {
    width: 16.66%; 
    position: relative;
    
}

.collaboratorinew a {
    color: #000
}


/**/

.autori {background: #f4f4f4; width: 100%;  padding: 20px 0 0;  position: relative; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 50px 0;}
 
.autori li {width: 50%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
.autori li:first-child {text-align: right}
.autori img {width: auto; height: 350px; float: right}

.autori .info { color: #333;}
.autori h2 {font-size: 28px; text-transform: uppercase}
.autori h3 {font-size: 21px; font-style: italic}
.autori a { text-transform: uppercase; font-size: 14px; color: #000; font-weight: 700 }

.art-autori li { width: 80%; padding-right: 20px; color: #333;}
.art-autori li:first-child { text-align: center; width: 20%; padding-right: 0;  }
.art-autori img { width: auto; height: 270px; float: right; }
 
.webarea {background: #f4f4f4; width: 100%;  padding: 20px 0 0;  position: relative; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 50px 0;}
.webarea li { width: 70%; padding-right: 20px; color: #333;}
.webarea li:first-child { text-align: center; width: 30%; padding-right: 0;  }
.webarea img { width: auto; height: 270px; float: right; }
.webarea .info { color: #333;}
.webarea h2 {font-size: 28px; text-transform: uppercase}
.webarea h3 {font-size: 21px; font-style: italic}
.webarea a { text-transform: uppercase; font-size: 14px; color: #000; font-weight: 700 }


/* VIGNETTE */

#vignette {margin-bottom: 50px; }

#vignette li {width: 16.66%; }
#vignette li img {float: left; width: 100%; height: auto;}



/* SIDEBAR */

.sidebar .grid .info {height: auto; }
.sidebar .grid li { border-bottom:  none}










/*FOOTER*/

 
#footer{position: relative; width: 100%; color: #999; margin-top: 50px;}
 
#newsletter { position: relative; background: #eaeaea; width: 100%;text-align: center; color: #000; padding: 50px 0;} 
 
.footer{ text-align: center; color: #666; background: #000; font-size: 14px }
.footer ul { padding: 5px 0; }
.footer li { padding: 10px;  display: inline-block; float: none;  text-transform: uppercase; font-size: 13px;  -webkit-transition: all .25s ease-out;  -moz-transition: all .25s ease-out; -o-transition: all .25s ease-out; transition: all .25s ease-out; }
.footer li img {height: 10px; width: auto;}
 
.footer a {color: #fff; font-weight: 700; opacity: 0.5; }
.footer a:hover {opacity: 1;}

.footer .info {border-top: 1px solid #333; border-bottom: 1px solid #333}


.affiliati { border-top: 1px solid #333}
.affiliati li {width: 33%; text-align: center; padding: 10px 0}
.affiliati img {width: 200px !important; height: auto !important;}
.affiliati li:last-child img{opacity: 0.5!important}

.copy { padding: 20px 0; font-size: 14px; text-transform: uppercase; }


/** search **/ 
.searchpage li:first-child {border-top: none}
.searchpage li {width: 100%;padding: 10px;margin: auto;border-top: 1px solid #ccc;}
.searchpage h2 {font-size: 21px;color: #000;}
.searchpage .aut {width: 100%;color: #333;font-size: 16px;font-style: italic;display: inline-block;margin: 5px 0}
.terms {text-align: center;text-decoration: underline}

/** AUTORI **/

.autori h4{margin: 0 0 10px 0;padding: 0;display: block;}
.redattori img{-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 20px;height: 250px}
.redattori li {width: auto}
.redattori li:first-child {width: auto}

/*newsletter*/
.email {padding: 15px;margin-right: 10px;width: 240px }
#mc-embedded-subscribe{width: 62px;height: 50px;text-indent: -100px; background: url("images/subscribe.png") center no-repeat;cursor: pointer}
#mc_embed_signup div.mce_inline_error {margin: 20px!important;background-color: transparent!important;color: #000!important;}



/*media screen*/





@media screen and (min-width: 1400px) {
     #mobMenu{display: none}
     .mob-sec{display: none}
} 
@media screen and (min-width: 1280px) and (max-width: 1400px) {
     .content{width: 1280px}
     #mobMenu{display: none}
     .mob-sec{display: none}    
     .homineshome li{ margin-top: 65px;}


}    
@media screen and (min-width: 1024px) and (max-width: 1280px) {
     .content{width: 1024px}
     #mobMenu{display: none}
     .mob-sec{display: none}
    
    .grid li .info { height: 160px; }
     #homines li {width: 33.33%;}
    
    #dossier li {width: 16.66%; }
    #dossier li:nth-last-of-type(-n+2) { display: none }
    
    #dossierloop li {width: 16.66%; }
    
    .webarea li { width: 60%; }
    .webarea li:first-child { width: 40%; }
    
    .bestiario li:first-child {margin-left: 30px;}
    .bestiario li {padding: 0 20px;width: 70%;}    
    
    .sezione .info {  font-size: 28px;  }
    
    .homineshome li{ margin-top: 52px;}
    
    .collaboratorinew li { width: 20%; }
    .contrastid {max-width: 900px!important}
    .contrastid li:first-child {
    width: 40%!important;
}

.contrastid li:last-child {
    width: 60%!important;
}

} 




@media screen and (min-width: 320px) and (max-width: 1023px) {

    
    .desktop {display: none}
    .top, .twitter {display: none}
    #head{ background:#fff; height: 60px; top: 0 !important; border-bottom: 2px solid #000; padding: 0; position: fixed; margin-bottom: 0}
    #head .content {position: inherit; width: 100%;}
    #logo { width: 350px; padding: 30px 0; }
    .sublogo {display: none;}
    
    progress {
       top: 60px;
       height: 2px;
    }
    
    .bestiario {text-align: center}    
    .bestiario img {float: none}    
    .bestiario li:first-child{width: 100%;padding: 0}
    .bestiario li{padding: 20px}
    .bestiario li{width: 100%;}
    .bestiario .sep {margin: auto;margin-top: 10px;margin-bottom: 10px;}  
    
    .form-sn{float:none; width:100%; margin-right: 0 }
    .form-dx{float:none; width:100%;}
    .eventohome li {width: 100%;}
    
    .search {display: none; }
    .searchform { display: block; vertical-align: inherit; width: 100%; }
    .thesearch {display: block;height: 60px;visibility: visible; opacity: 1; position: relative; background: transparent; border-top: 1px solid #333; border-bottom: 1px solid #333;}
    .thesearch .close, .thesearch p  {display: none; }
    .searchform input { padding: 12px 0; font-size: 21px; border-bottom: none; color: #fff; }     
    .less {display: none;}
    
    #content { margin-top: 85px; padding-top: 0 !important;}
    .content{width: auto;padding: 0 20px}
    
    .thepost { padding: 20px 0 !important; width: 100% !important; margin-left: 0 !important; }
    .post {width: 100%;  }
    .sidebar {width: 100%; padding: 0;  margin-top: 50px; margin-left: 0;}
    .sidebar .image {display: none; }
    .sidebar .grid { margin-bottom: 0px; }   
    
    
    .evidenzagrid { width: 100%; }
    .evidenzagrid .info {height: auto !important }
    .evidenzagrid li:last-child {border:none !important }
    
    .editoriali li { width: 98%; }
    .editoriali .info {height: auto !important }
    
    #homines li {width: 100%;}
    .hmin { width: 75px; }
 
    
    .inEvidenza h2, .big h3, .controcover h1, .singlecover h1  {font-size: 32px; }
    
    .autori { padding: 0 }
    .art-autori li:first-child {display: none }
    .art-autori li { width: 100%;     padding: 20px; }
    

    .boss p {display: none; } 
    .boss img { max-height: 250px; }
 
    .evimage { width: 50%; margin-right: 0; min-height: 0; float: none; margin: auto; margin-bottom: 50px; }
    
    .sezione .info {  font-size: 28px;  }    
    
    .homineshome li{ margin-top: 30px; width: 32%;}
    .homineshome li:nth-last-of-type(-n+2) { display: none }  
 
    .homineshome li:nth-child(3){margin-right: 0;border-right: none} 
    .homineshome li:nth-child(2) {margin-right: 36%;}
    .homines_evidenza { width: 34.2% !important; margin-left: 30.3%; }
    
    .hominesside img {display: none;}
    
    #paginone li {width: 100%; margin: 0 0 20px}
    .single .postcontent p{margin: 0}
    
    .contrastid {height: 270px;}
    .contrastid li:first-child {width: 100%!important; position: relative!important; float: none!important;}
    .contrastid li:last-child { ;width: 100%!important;text-align: center;margin-bottom:50px }
    .contrastid .info {padding: 0!important; margin-top: 0!important;}
    .contrastidimg {position: relative!important; float: none!important;width: 100%!important; height: auto!important;text-align: center;}
    .contrastidimg img {width: 250px!important; position: relative!important;  margin: auto;top:0!important}
    
} 


@media screen and (min-width: 768px) and (max-width: 1023px) {
    
    .content{width: 768px} 
    .thepost {   width: 90%; margin-left: 5%; padding: 20px !important; }

    .articolo li { width: 48%; margin: 1%  }
    .grid li .info { height: 160px; }  
    
    #homines li {width: 50%;}
    
    #dossier li {width: 16.66%; }
    #dossier li:nth-last-of-type(-n+2) { display: none }  
    
    #dossierloop li {width: 25%; } 
    
    #vignette li {width: 25%; }
    
    .homines .thepost { width: 100%; float: none;  display: table-cell; padding: 0 0 0 20px!important; }
    
    .collaboratori li {width: 25%; position: relative}
    
    .inEvidenza h2, .big h3, .controcover h1, .singlecover h1 {font-size: 36px; }
    
    .webarea li { width: 60%; }
    .webarea li:first-child { width: 40%; }
    .webarea img {  height: 200px;   }
    
    .banner-catenaccio { height: 180px; } 
    
     .collaboratorinew li { width: 25%; }

    
}

@media screen and (min-width: 480px) and (max-width: 767px) {
    
    
    .content{width: auto;padding: 0 20px}
    
    .articolo li { width: 100% ;margin: 0 0 20px 0; }
    .articolo .first { width: 100% ;margin: 0 0 20px 0; }
    .grid li .info { height: auto; }
    
    .loopcatenaccio .info{height: 120px!important}
    
     #dossier li {width: 33.33%; }
     #dossier li:nth-last-of-type(-n+2) { display: none }  
    
    #dossierloop li {width: 33.33%; }
    
    #vignette li {width: 33.33%; }
    
    .footer li { width: 100%; }
    .affiliati li {width: 100%; }
    
    .hmin { display: none }
    
    .collaboratori li {width: 33.33%; position: relative}
    
    .boss {padding: 20px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
    .boss ul {width: 50%}
    .boss li {width: 100%}
    .boss li:first-child {text-align: center}
    .boss img {float: none; }
    
    .webarea {padding: 20px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
    .webarea li { width: 100%; }
    .webarea li:first-child { width: 100%; }
    .webarea img {  height: 200px; float: none;  }
    
    .homines_evidenza { position: relative; max-width: 480px; width: auto !important; margin: auto; margin: auto ; float: none; display: block !important}
    .homineshome li { display: none } 
    .homineshome { margin-bottom: 50px; }   
    
    #paginone .info { padding: 10px; }
    #paginone h3 { font-size: 32px; }
    
    .banner-catenaccio { height: 180px; } 
    
     .collaboratorinew li { width: 33.33%; }

    
    .banner h2 {
         font-size: 28px;
    }
    .banner h3 {
         font-size: 21px;
     }
    .banner-image {
        background: none;
    }
    .abbonamenti-banner {
          width: 100%;
     }
    .abbonamenti-banner li {
          max-width: 320px;
          margin: auto;
          margin-bottom: 10px;
          float: none;
    }
    
    .post blockquote {
          padding: 0 25px;
          margin: 50px ;
    }
    
    .libri iframe {
          height: 330px;
    }
}

@media screen and (min-width: 320px) and (max-width: 479px) {
    
    #logo { width: 240px; margin: 0; float: right; background-position: 20px;}

    .content{width: auto;padding: 0 20px}
    
    .articolo li { width: 100% ;margin: 0 0 20px 0; }
    .articolo .first { width: 100% ;margin: 0 0 20px 0; }
    .grid li .info { height: auto; }
    .loopcatenaccio .info{height: 100px!important}

    
    #dossier li {width: 50%; }
    #dossier li:nth-last-of-type(-n+4) { display: none }  
    
    #dossierloop li {width: 50%; }
    
    #vignette li {width: 50%; }
    
    .footer li { width: 100%; }
    .affiliati li {width: 100%; }
    
    .hmin { display: none }
    
    .collaboratori li {width: 50%; position: relative}
    
    .inEvidenza h2, .big h3, .controcover h1, .singlecover h1  {font-size: 28px; }
    .inEvidenza .info {width: 100%; left: 0; }
    
    .title h1 {font-size: 24px; }
    .title h2 {font-size: 18px; }
    .title h3 {font-size: 18px; }
    
    .singlecover{height: 400px}
    .singlecover .cover{height: 400px}
    
    .boss {padding: 20px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
    .boss ul {width: 100%}
    .boss li {width: 100%}
    .boss li:first-child {text-align: center}
    .boss img {float: none; }
    
    .webarea {padding: 20px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
    .webarea li { width: 100%; }
    .webarea li:first-child { width: 100%; }
    .webarea img {  height: 200px; float: none;  }
    
    .evimage { width: 100%;   }
    
    .homines_evidenza { position: relative;  width: 100% !important; margin-left: 0; display: block !important}
    .homineshome li { display: none } 
    .homineshome { margin-bottom: 50px; }
    
    #paginone .info { padding: 10px; }
    #paginone h3 { font-size: 24px; }
    
    .banner-catenaccio { height: 150px; } 
    
     .collaboratorinew li { width: 50%; }

    
    .banner h2 {
         font-size: 28px;
    }
    .banner h3 {
         font-size: 21px;
     }
    .banner-image {
        background: none;
    }
    .abbonamenti-banner {
          width: 100%;
     }
    .abbonamenti-banner li {
          max-width: 320px;
          margin: auto;
          margin-bottom: 10px;
          float: none;
    }
    
    .abbonati {
          padding: 20px 10px;
          font-size: 16px;
          width: 100%;
    }
    
    .post blockquote {
          padding: 0 10px;
          margin: 50px 20px;
    }
    .libri iframe {
          height: 200px;
    }
    
}