/*
Theme Name: compost
Template: yoko
Author: icommentidelpost & friends
Version: 1.1.11
Updated: 2016-09-02
*/

@charset "UTF-8";
@import url('../yoko/style.css');
@font-face {
    font-family: 'LeagueSpartan';
    src: url('./fonts/leaguespartan-bold.eot');
    src: url('./fonts/leaguespartan-bold.eot?#iefix') format('embedded-opentype'),
         url('./fonts/leaguespartan-bold.woff2') format('woff2'),
         url('./fonts/leaguespartan-bold.woff') format('woff'),
         url('./fonts/leaguespartan-bold.ttf') format('truetype'),
         url('./fonts/leaguespartan-bold.svg#league_spartanbold') format('svg');
    font-weight: bold;
    font-style: normal;
}

/* FIX TEMA AGGIORNATO */
/* fix layout secondary */
@media screen and (min-width: 1025px){ #secondary { margin-left: 3.054%; width: 21.275%; } }
#page { border-radius: 10px; /*box-shadow: 0 0 10px 0 rgba(45, 45, 45, 0.2);*/ }

/* colori link */
a {color: #369 !important; }
a:hover { color: #246 !important; text-decoration: underline; }
input#submit:hover {background-color: #369 !important;}
.searchsubmit:hover {background-color: #369 !important;}

body { font-family: "Droid Sans", arial, sans-serif !important; color: #444 !important; background: #e4e7ee; }

#page { background: #fafafa; }

/*
#page { padding: 0px; }
#branding { margin: 0px 30px }
#wrap { margin: 4px 30px 0px; }
#colophon { padding: 30px; }
*/

/* titolo */
@media screen and (min-width: 621px){ #site-title { padding: 31px 0 15px; } }
#site-title h1 { /*width: 140px; height: 47px;*/ padding: 0; text-transform: none; }
#site-title h2 {
	font:italic .9em 'Droid Serif',  Times, serif;
	color: #999;
}
@media screen and (min-width: 1025px){ #site-title h2 { margin: 32px 0 0; } }

/* barra secondaria */
nav#subnav ul.menu { padding: 8px 0px 8px; border: 0px; }
nav#subnav ul.menu li.menu-item { width: auto; background-color: transparent; display: inline; }
nav#subnav ul.menu li.menu-item a { width: auto; background-color: transparent; display: inline; margin: 4px 4px 4px 0px; padding: 2px 3px; font-weight: bold; color: #333 !important; }
nav#subnav ul.menu li.menu-item a:hover { text-decoration: none; background: #f0f0f0; }

/* voti in home page */
.postvoto1 { color: #fff; background-color: #ccc; padding: 1px 3px; border-radius: 4px; }
.postvoto2 { color: #fff; background-color: #aaa; padding: 1px 3px; border-radius: 4px; }
.postvoto3 { color: #fff; background-color: #888; padding: 1px 3px; border-radius: 4px; }
.postvoto4 { color: #fff; background-color: #f80; padding: 1px 3px; border-radius: 4px; font-weight: bold }
.postvoto5 { color: #fff; background-color: #080; padding: 1px 3px; border-radius: 4px; font-weight: bold }

/* widget laterali */
aside.widget { margin: 0px 0px 15px; padding: 0px 0px 15px; clear: both; }

.widget h3.widget-title { padding-bottom: 8px; font-family: "LeagueSpartan" }
.widget h3.widget-title, .widget_get_recent_comments h1.widget-title { text-transform: none }
#twitter-widget-0 #twitter-widget-1 { min-width: 153px !important; }


/* parte inferiore */
#wrap { padding: 20px 0px; }

#content #nav-below { clear: both; border-top: 1px solid #ddd; padding-top: 5px; }
#content #nav-below .nav-previous a { font-weight: bold; font-size: 10pt; width: 95%; }
#content #nav-below .nav-next a { text-align: right; font-weight: bold; font-size: 10pt; width: 95%; }
#content #nav-below div.nav-previous {float: left; width: 50%; }
#content #nav-below div.nav-next {float: right; width: 50%; }
div.sopracommenti p { font-size: 11pt; font-weight: bold }
@media screen and (max-width: 1024px){
    .sopracommenti a {
        display: inline-block;
        margin: 5px 0;
    }
}

/* post */
#content .type-page .page-entry-header h1.entry-title { color: #444 !important;}
#content .post img.wp-post-image { display: block !important; margin: 0px; }
#content .post { margin-bottom: 12px; margin-top: 0px; padding-top: 0px; padding-bottom: 8px; border-bottom: 0px; height: auto }
#content div.articolo .post { padding-top: 5px; }
#content .post p { padding: 0px 0px 8px; font-size: 1.1em; line-height: 1.4em }
#content .post .single-entry-content p { line-height: 1.5em }
#content .articolo p { padding: 4px 0px 0px; font-size: 1em; line-height: 1.35em }
#content .single-entry-header h1.entry-title { font: normal 1.5em/1.7 "LeagueSpartan",arial,sans-serif; }
#content .single-entry-header p { font-size: 10pt !important; }
#content .single-entry-header p span.entry-date, #content .single-entry-header p span.entry-author { font-size: 10pt !important; font-style: normal }
#content .entry-header h2.entry-title { margin: 4px 0px 6px !important; font: bold 1.2em/1.2 "LeagueSpartan",arial,sans-serif; }
#content .entry-header p { font: 0.8em/1.5 "Droid Sans",sans-serif !important; padding-bottom: 3px; }
#content .entry-details p a { padding-top: 6px; }
#content .entry-meta p { font: 0.9em/1.5 "Droid Sans",sans-serif !important; padding-bottom: 13px; }
#content .post .single-entry-meta p { font: 0.9em/1.5 "Droid Sans",sans-serif !important; }

#content .post blockquote { font: normal 1em/1.3 "Droid Sans",sans-serif; margin: 0px; margin: 5px 0px; padding: 0px 0px 0px 10px; border-left: 3px solid #aaa }

#content .entry-post-format .entry-header p { font-family: "Droid Sans", sans-serif !important; font-style: normal; }

/* immagine in colonna laterale */
figure.immlato { overflow: hidden; }
figure.immlato img { width: 100%; padding: 2px 0px; }

/* colori barre categorie */
div.articolo .post                { border-top: 3px solid #808080 !important; }
div.articolo .category-italia     { border-top: 3px solid #a81851 !important; } .menu-item-2116 a { border-bottom: 2px solid #a81851; }
div.articolo .category-mondo      { border-top: 3px solid #a85b18 !important; } .menu-item-2117 a { border-bottom: 2px solid #a85b18; }
div.articolo .category-politica   { border-top: 3px solid #a89f18 !important; } .menu-item-2118 a { border-bottom: 2px solid #a89f18; }
div.articolo .category-tecnologia { border-top: 3px solid #6da818 !important; } .menu-item-2122 a { border-bottom: 2px solid #6da818; }
div.articolo .category-internet   { border-top: 3px solid #29a818 !important; } .menu-item-2123 a { border-bottom: 2px solid #29a818; }
div.articolo .category-scienza    { border-top: 3px solid #18a849 !important; } .menu-item-2121 a { border-bottom: 2px solid #18a849; }
div.articolo .category-cultura    { border-top: 3px solid #18a88d !important; } .menu-item-2124 a { border-bottom: 2px solid #18a88d; }
div.articolo .category-economia   { border-top: 3px solid #1880a8 !important; } .menu-item-2119 a { border-bottom: 2px solid #1880a8; }
div.articolo .category-sport      { border-top: 3px solid #183ca8 !important; } .menu-item-2126 a { border-bottom: 2px solid #183ca8; }
div.articolo .category-media      { border-top: 3px solid #3718a8 !important; } .menu-item-2125 a { border-bottom: 2px solid #3718a8; }
div.articolo .category-tv         { border-top: 3px solid #7b18a8 !important; } .menu-item-2127 a { border-bottom: 2px solid #7b18a8; }
div.articolo .category-video      { border-top: 3px solid #a81892 !important; } .menu-item-2128 a { border-bottom: 2px solid #a81892; }
div.articolo .category-consigli   { border-top: 3px solid #ff8800 !important; background: #ffc; padding-left: 10px !important; padding-right: 10px !important; }
div.articolo .category-il-post    { border-top: 3px solid #a81892 !important; } 
/* div.articolo .category-dal-sito   { border-top: 3px solid #a81718 !important; }  */

.articolo .category-feat h2.entry-title::before { content: "*"; color: #f00; font-size: 12pt; font-weight: bold; float: right; margin: 0px }

/* colore link titoli home page */
h2.entry-title a { color: #444 !important; }
h2.entry-title a:hover { color: #246 !important; }

/* barra principale */
#branding #mainnav { padding-top: 2px; padding-bottom: 10px; margin-top: 5px; max-width: 100%; }
#branding #mainnav ul li { padding: 0 7px; }
@media screen and (min-width: 621px) {
	#branding #mainnav { max-width: 70%; }
	#branding #mainnav ul li { float: right; }
}
@media screen and (min-width: 881px) {
	#branding #mainnav ul li { padding: 0; }
}
@media screen and (min-width: 1025px) {
	#branding #mainnav { padding-top: 12px; margin-top: 15px; }
}
/* #branding #mainnav ul li a { margin: 0px 4px 0px 0px; padding: 7px 4px; } */

.textwidget { line-height: 1.5; }

/* disqus */
a.dsq-widget-thread { font-weight: normal !important; }
img.dsq-widget-avatar { float: right !important; margin: 0px 0px 2px 4px !important; }
p.dsq-widget-meta { clear: none !important; font-size: 10pt !important; }
/*p.dsq-widget-meta a { text-decoration: underline; }*/
.widget-area .widget p { margin: 3px 0px 0px !important; font-size: 10pt; }
li.dsq-widget-item { margin: 0px !important; padding: 10px 0px !important; border-bottom: 1px solid #ddd; }
a.dsq-widget-user { font-weight: normal !important; }

/* plugin disqus  vecchio */
.disqus_rcw_avatar { width: 40px; float: right; margin-left: 4px; }
.disqus_rcw_author_name { top: 0px; line-height: 1.5em; display: block; }
.disqus_rcw_author_name a { color: #333 !important; }
.disqus_rcw_post_time { color: #888 !important; }
.disqus_rcw_thread_title { line-height: 1.5em; font-weight: normal; }
.disqus_rcw_comment_actual_wrapper { font-style: normal; line-height: 1.5em }
.disqus_rcw_comment_actual_wrapper a {  color: #333 !important; }
.disqus_rcw_comment_actual_wrapper a:hover {  color: #777 !important; }
.disqus_rcw_single_comment_wrapper { border-bottom: 1px solid #ddd; padding-bottom:5px; }
.disqus_rcw_clear { clear: none !important; }

/* mostra categoria dalsito */
div.news_scroll h2 { font-size: 10pt; line-height: 1.5em; margin: 0px 0px 15px; }
.post_content { border-bottom: 0px; margin: 0px; }

/* colonne home page */
#content div.articolo { display:inline-block; clear:none; min-height: 10px; } 
#content > div.articolo:nth-child(even) { width:48%; float:left; clear:both; } 
#content > div.articolo:nth-child(odd) { width:48%; float:right; } 
#content > div.articolo:first-child { width:100%; float:none; clear:both; }

.crp_clear {
	clear:both
}
.crp_related h3 { margin: 0 !important; }
ul.crp_list { padding-right: 7px; !important }

@media screen and (max-width: 1280px) {
	#page { background-color: #fff }
}

@media screen and (max-width: 660px) {
	#content div.articolo { float: none; width: 100% }
	#content > div.articolo:nth-child(odd){ float: none; width: 100%; clear:both; }
	#content > div.articolo:nth-child(even){ float: none; width: 100%; clear: both; }

/* #page { background: #fff url('/wp-content/uploads/2014/11/newsite.jpg') no-repeat -395px 0px; } */
}

@media screen and (max-width: 320px) {
	#page { background: #fff; }
}

#content .post img.wp-post-image { width: auto; height: auto; }

/* widget sovrapposti */
.wit-tab-title { opacity: 1 !important; }
.wit-tab-title.wit-selected { border-bottom: 2px solid #777; }

/* xkcd 
#xkcd-oggi { overflow-y: hidden; max-height: 200px; }
#xkcd-oggi img { width: auto !important; max-height: 200px; }*/

div.imagefix { float: none !important; }
div.imagefix img { float: none !important; width: auto !important; max-height: 200px; max-width: 100%; }

/* collegati */
#crp_related { border-top: 1px solid #ddd; margin: 8px 0px 12px; }
#crp_related h3 { font-size: 11pt; color: #444; margin: 10px 0px 5px; }
#crp_related ul.collegati { list-style: none !important; margin: 0px; padding: 0px !important; }
#crp_related ul.collegati li { list-style: none !important; width: 190px; float: left; padding: 0px !important; margin: 0px 15px 0px 0px !important; font-size: 10pt; }

/* live blog */
#liveblog-fixed-nag a { color: #fff !important;  }
#content .liveblog-author-avatar img { display: none; margin-top: 0px; float: none; }
#content .liveblog-author-name { display: none; font-family: "Droid Sans",arial,sans-serif; float: none; font-size: 10pt; color: #666; }
#content div.liveblog { clear: both; padding-bottom: 10px; font-size: 0pt; vertical-align: top; }
#content .liveblog-meta { width: 120px; display: inline-block; line-height: 1.5em; text-align: right; font-size: 0pt; vertical-align: top; padding-top: 4px; }
#content .liveblog-meta-time { font-family: "Droid Sans",arial,sans-serif; float: none; display: block; margin: 0px; font-size: 9pt; }
#content .liveblog-meta-time a { text-transform: none; color: #666 !important; text-decoration: none }
#content .liveblog-entry-text p { font-family: "Droid Sans",arial,sans-serif; font-size: 11pt; line-height: 1.4em; color: #333; }
#content .liveblog-entry-text { padding: 0px; margin: 0px 0px 0px 16px; display: inline-block; font-size: 0pt; vertical-align: top; width: 480px; }

/* voti */
.articolo .wpulike { display: none; }
.sezione .wpulike { display: none; }
.mostlikedposts { margin: 8px 0px; }
article.category-bar .wpulike { display: none; }

/* nascondi consigliati dove inappropriati */
article.category-bar .crp_related, article.category-gaudio .crp_related, article.category-totohookii .crp_related { display: none; }

#content .articolo p.basso { font-size: 0.8em; }


/* "Droid Sans",sans-serif
#site-title h2, #content .entry-details, #content .entry-meta p,
#content p em, #content em,
#content .post blockquote, #content .page blockquote, 
#content .single-entry-header p span.entry-date, #content .single-entry-header p span.entry-author,
#content .post .single-entry-meta p, #comments p.moderation,
#content .entry-post-format .entry-header p,
.widget_calendar #wp-calendar caption
{ font-family:"Droid Sans",sans-serif; }
*/

#content em { font-size: inherit; }
#content .post blockquote, #content .page blockquote { font-style: normal }

#content div.nivo-caption { font-family:"Droid Sans",sans-serif; font-size: 0.9em; }


/* sfondo widget RE-POST */
#secondary #text-2 {
	background-color: #BED4E9;
	padding: 7px;
	color: #000;
}

/* sfondo widget hookiifest */
#secondary #text-23 {
	background-color: #FFF3CC;
	padding: 7px;
	color: #000;
}

/* sfondo widget Dal Lab */
#secondary #text-2 {
	padding: 7px;
	color: #000;
}

div.news_scroll h2 {
	font-size: 10pt;
	line-height: 1.5em;
	margin: 0px 0px 0px;
}


/* Questa e' una nuova regola da aggiungere al foglio di stile compost che dice: 
i paragrafi di classe comment-num che si trovano dentro al div di classe news_scroll devono avere questi margini... */

div.news_scroll p.comment-num {
	margin: 0 0 15px 0 !important;
}

/* Funzionale alla visualizzazione affiancata all'immagine del boxino del lab */
img.boxDx {
	display:block;
	float:left;
	margin:8px;
}
img.boxSx {
	display:block;
	float: right;
	margin:8px;
}

/* Smartcoso */
.page-template-full-width-page #menu-item-36848, .page-template-full-width-page #menu-item-36849 {
	display: none; /*nascondi i rimandi con template full width */
}
@media screen and (min-width: 1025px) {
	#menu-item-36848 { display: none; } /* nascondi scorciatoia second */
}
@media screen and (min-width: 881px) {
	#menu-item-36849 { display: none; } /* nascondi scorciatoia tertiary */
}
@media screen and (max-width : 620px) {
	#calendar-2 { display: none; } /* questo nasconde il "per data" */
	#text-7 { display: none; } /* questo toglie "original hookies" */
}

/* Personalizzazioni Cactus Masonry */
div.cactus_masonry_databox div.cm_title {
	padding-bottom: 5px;
}
@media screen and (max-width: 620px) {
	div.masonry_brick { width: 50% !important; }
}
@media screen and (max-width: 400px) {
	div.masonry_brick { width: 100% !important; }
}

/* uniformita' stile maiuscolo-minuscolo */
.disqus-comment-count, .entry-header p a, .single-entry-header p a, .entry-date, .crp_date { text-transform: lowercase; }

/* evita sottolineatura in immagini con link */
a.no-underline:hover { text-decoration: none !important; }

/* boxini div */
.booxini {
	width: 100%;
	text-align: center;
}
.booxino-clear {
	clear: both;
	padding-top: 2em;
}
#content .booxino p {
	padding: 0;
}
.booxino {
	float: left;
	overflow: hidden;
	padding: 0 5% 20px;
	width: 90%;
}
@media (min-width: 600px) {
	#content .booxino p {
		font-size: 0.8em;
	}
	.booxino {
		height: 180px;
		padding: 0 0.5em 20px;
		width: 45%;
	}
}
/*@media (min-width: 1300px) {
	.booxino {
		padding: 0 0.7em 20px;
		width: 29%;
	}
}*/

/* twitter widget (margine da telefono) */
iframe.twitter-timeline {
	margin: 5% 0;
}
@media (min-width: 881px) {
	iframe.twitter-timeline {
		margin: 0;
	}
}

/* booxini intestazioni */
#content .page-entry-header h1.entry-title, .booxino-clear h2 {
	font-family: "LeagueSpartan" !important;
}
.booxino-clear h2, .booxino-clear h3 {
	display: inline;
	text-align: left;
}
.booxino-clear h3 {
	color: #009BC2;
	font-style: italic !important;
	font-size: 1em !important;
	padding-left: 6px;
}

/* avviso bar */
.avviso-bar {
	background-color: #FFF3CC;
	padding: 1em;
}
.avviso-bar a {
	font-weight: bold; 
}
.centrato {
	text-align: center;
}

/* pag categoria + tag + tassonomia */
#content h1 {
	margin: 0;
}
#content .page-header h1.page-title {
	font-family: "LeagueSpartan" !important;
	font-size: 1.2em;
	text-transform: none;
}
.taxonomy-description {
	color: #444;
	font: italic 0.9em "Droid Serif",Times,serif;
	padding: 0 0 15px;
}

/* test post page */
.wpulike { float: right; }
div.crp_related { display: inline-block; margin-top: 20px; }
.sopracommenti { padding: 15px 0; text-align: center; }

/* immagine content */
div.entry-thumbnail {
	padding-bottom: 5px;
}