/*
Theme Name: Appunti
Author: Better Days srl
Description: Tema
*/

/* FONT ICONS */
@import url("./fontello/css/fontello.css?4");


/* RESET */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,
acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,
sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,
tbody,tfoot,thead,tr,th,td,figure,figcaption { margin: 0;padding: 0;border: 0;
outline: 0;font-size: 100%;
vertical-align: baseline;
/*background: transparent;*/
} 
body { line-height: 1em; } ol,ul { list-style: none; } blockquote,q { quotes: none; } 
blockquote:before,blockquote:after,q:before,
q:after { content: ''; content: none; } 
/* remember to define focus styles! */ 
:focus { outline: 0; } 
/* remember to highlight inserts somehow! */
ins { text-decoration: none; } 
del { text-decoration: line-through; } 
/* tables still need 'cellspacing="0"' in the markup */ 
table { border-collapse: collapse; border-spacing: 0; } 
* {-webkit-appearance: none;-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;box-sizing: border-box;outline: none!important; 
	font-family: 'Roboto', sans-serif;

}
h1,h2,h3,h4,h5,h6 {font-weight:normal;}
.clearfix:before,.clearfix:after {	content: " ";	display: table;}
.clearfix:after {clear: both;}
.clearfix {	*zoom: 1;}

html { font-size:15px; overflow-x:hidden; }

pre, code {font-family:'Courier New', monospace;padding:0 3px;line-height:1.2rem;border-radius:2px;}


.container {/*max-width:1350px;*/ margin:0 auto; }
.wrapper {max-width:960px; margin:0 auto; padding:0 10px;  }


#header {height: 60px;padding: 0 0 0 10px;border-bottom-width: 1px;border-bottom-style: solid;}
#header .site-name {padding-left:10px}
#header .container {position:relative;}
#header a {text-decoration: none;}
#header a.icon-menu {
	display:inline-block;
	position:fixed;
	top:0px;
	right:10px;
	width: 40px;
	text-align: center;
	height: 40px;
	line-height: 40px;
	border-radius: 50%;
	margin-top: 15px;
	z-index: 10;
	}
#header .site-name a {font-family:'Sacramento',sans-serif;font-size:2rem;/* height:3rem; */line-height: 60px;}
#header .site-name a.custom-logo-link {display:inline-block;height:3rem;width:200px;background-color:transparent;position:relative;top:-14px}
#header .site-name a.custom-logo-link img {width:auto;height:3rem;}
#header div.menu-main-container {display:none}

.big-title {
	padding: 20px 0px 0px 0px;
	background-size: cover;
	background-position: center center;
	position:relative;
	overflow:hidden;
	border-bottom-width: 2px;
	border-bottom-style:solid;
	min-height: 600px;
}
.big-title .cat {padding-top:25px}
.big-title.small {
	padding: 70px 0px 70px 0px;
	height:auto;
	min-height: auto;
}
.big-title p a {text-decoration:underline}

.big-title .img img{
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	left: 50%;
	width: auto;
	height: 100%;
	position: absolute;
	top: 50%;
	z-index:0;
}
.big-title .img .opaco {z-index:1;position:absolute;height:1000px;top:0;left:0;width:100%}
.big-title .wrapper {z-index:2;position:relative}

.entry-title a,.entry-title {font-family:'Raleway',sans-serif;font-size: 3.3rem;line-height: 3.9rem;text-align:left;margin-top: 25px;}
.entry-title a {color:inherit}
.big-title .entry-title {max-width:700px}
.wrapper.nothing { padding:50px 0; text-align:center; text-transform:uppercase}

article h2, article h3,
article h4, article h5,
article h6 {font-family:'Raleway',sans-serif;font-size:2rem;line-height: 2.6rem;padding: 20px 0 10px 0;}    
.big-title p {font-family:'Raleway',sans-serif;font-size:1.4rem;line-height:2rem;text-align:left;max-width:600px;padding-bottom:20px;padding-top: 20px;}

article h1 { font-size:3rem}
article h2 {font-size:2.6rem;line-height: 3rem;padding: 30px 0 20px 0;}
article h3 { font-size:2.4rem}
article h4 { font-size:2.2rem}
article h5 { font-size:2rem}
article h6 { font-size:1.8rem}
article pre {/* font-size:1.4rem */}

article.wrapper {padding-top:30px;padding-bottom:50px;/* overflow: hidden; */}
article a {color: #707070;     text-decoration: underline;}
article p .underscore {text-decoration:none; border-bottom: 3px solid transparent;
	box-shadow: inset 0 -5px 0 transparent ;
}
article {line-height:1.8rem;font-size:1.2rem}
article img {max-width:100%; height:auto;}
article iframe {max-width:100%;  }
article p {padding-bottom:20px;overflow:hidden}
article pre {margin-bottom:20px;}
article img.alignleft {float:left}
article img.alignright {float:right}
article img.aligncenter {margin:0 auto}
article img.full {
	width:100%; height:auto;
}
article ol li {list-style-type:decimal}
article ul li {list-style-type:square}
article ul,article ol  {padding-left:30px;padding-bottom: 20px;}
.wp-block-gallery,.gallery {overflow:hidden}
.blocks-gallery-item,.gallery-item {width: 48%;float:left;margin: 1%;height:140px;position: relative;overflow:hidden;display: block;}
.gallery-item .gallery-icon  {
    position: absolute;
    top: 50%;
    left: 50%;
    /* width: 101%; */
    height: auto;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
}
.gallery-item .gallery-icon,.gallery-item .gallery-icon img, .blocks-gallery-item figure img {
	display:block;width:100%;height:auto;
}
.gallery-caption, .blocks-gallery-item figure figcaption {position:absolute;bottom:0;left:0;font-size:.7rem!important;width:100%;line-height: 1rem;padding: 5px!important;}
.wp-caption {max-width:100%;font-size:.8rem;line-height:1rem}
.wp-block-embed,.wp-block-image {
	margin:0 auto}
.wp-block-image figcaption {width:80%;margin:0 auto 2rem auto;
    padding:0;}
.wp-block-image figcaption,
.wp-block-image .aligncenter>figcaption, 
.wp-block-image .alignleft>figcaption, 
.wp-block-image .alignright>figcaption, 
.wp-block-image.is-resized>figcaption {
	font-size:.8rem;
	line-height:1.5;
	font-style:italic;
	text-align: center;
	margin-top: 0;
}
.wp-block-table.is-style-stripes td, .wp-block-table.is-style-stripes th {padding:.5rem;vertical-align:middle}


.author {padding:20px 0;}

.author .avatar {
	border-radius:25px;
	width:50px;
	height:50px;
	vertical-align:middle;
	margin-right:10px;
	background: #fff;
}
.author .face {font-family: 'Raleway',"Helvetica Neue",Helvetica,Arial,sans-serif;}
.author .info {font-size:.9rem;line-height:1.3rem;padding-top:20px;}

.meta-title {padding:30px 0}
.meta-title h2 {font-family: 'Raleway',"Helvetica Neue",Helvetica,Arial,sans-serif;text-transform:uppercase;text-align:center;font-size: 1.2rem;line-height: 1.5rem;}

.big-title .avatar { 
	border-radius:50px;
	width:100px;
	height:100px; vertical-align:middle; float:left; margin-right:20px;
}
.big-title .entry-title span {font-size:1rem;line-height:1.5rem; font-weight:normal;display:block}

/*.big-title .info {padding-top:20px}*/
.author a.icon {
	overflow:hidden;
	width: 30px;
	height: 30px;
	font-size: 14px;
	overflow:hidden;
	display:inline-block;
	/* white-space:nowrap; */
	vertical-align:middle;
	border-radius: 15px;
	line-height: 30px;
	border:1px solid #fff;
	margin-right: 5px;
	text-align:center;
	text-decoration: none;
}
.big-title .info.cols a.icon span {display:none}

.comment-list .comment { padding:10px 0 20px 0;line-height:1.5rem;
	border-bottom-width: 1px;
	border-bottom-style:solid;}
.comments-area .comments-title {text-align:center;padding-bottom: 20px;}
.comment-list .comment .comment-author {width:50%;float:left;height:60px;}
.comment-list .comment .comment-meta {padding:10px 0;font-size:.8rem;font-family: 'Raleway',"Helvetica Neue",Helvetica,Arial,sans-serif; text-transform:uppercase;
	width:50%; float:left;height:60px;text-align:right;
}
.comment-list .comment .comment-meta a {text-decoration:none}
.comment-list .comment cite {font-style:normal}
.comment-list .comment a {}
.comments-area .no-comments {text-align:center;text-transform:uppercase;padding-top: 20px;}

.comment.bypostauthor,
.comment.comment-author-admin bypostauthor {padding-left:20px;}

#respond {max-width:600px;margin:0 auto}
#respond textarea {border:0;font-size:1.2rem;line-height:1.6rem;width:100%;}
#reply-title {padding:50px 0 0 0;text-transform:uppercase;font-family:'Raleway',"Helvetica Neue",Helvetica,Arial,sans-serif;}
#respond a {  }
#respond .submit {margin-top:20px; max-width:150px}
.logged-in-as {padding:10px 0 0 0}
.comment-form-author label,
.comment-form-email label,
.comment-form-url label,
.comment-form-comment label {display:block;padding:15px 0 5px 0}
.comment-notes {padding-top:10px}

#comment {padding:10px; }

#footer {padding: 50px 10px 20px 10px;}
#footer a { text-decoration:none}

.col25,.col50 {}


#menu-mobile {
	position:fixed;
	top:0;
	right:-100%;
	width:200px;
	height:100%;
	padding:20px 0 0 20px;
	z-index: 20;
}
#menu-mobile .menu-main-container {padding-top:20px}
#menu-mobile a {text-decoration:none; }
#menu-mobile a.icon-cancel {}
#menu-mobile li {line-height: 2rem; text-transform:uppercase}

#menu-mobile ul.sub-menu {display:block;padding:0px 0px 0px 10px; }
#menu-mobile ul.sub-menu {visibility:hidden;height: 0;}
#menu-mobile ul.sub-menu li {display:block;white-space:nowrap;/* padding: 0; */text-align:left;}
#menu-mobile .current_page_item a {}


.block-container {background-size: cover;background-position: center center;}
.block-container .sotto {
	border-bottom-width: 2px;
	border-bottom-style:solid;

}
.block-container .sotto.dither {background-image:url(img/p2.png)}

.block {padding-top: 40px;padding-bottom: 50px;}
.block a {text-decoration:none;color: inherit;}
.block .item-title {text-align:left;font-size:2rem;line-height: 2.3rem;padding: 10px 0 10px 0;text-transform:none;}
.block p {font-size:1rem;line-height:1.5rem;padding-bottom:10px;max-width: 700px;}
.cat a {display:inline-block;text-transform:uppercase;font-family: 'Raleway',"Helvetica Neue",Helvetica,Arial,sans-serif;border-width: 1px;border-style: solid;padding: 0 3px;line-height: 1.1rem;font-size: .65rem;padding-top: .1rem;/* font-weight: bold; */}

.history-container .block-container {width:100%;float:left;}
.history-container .block-container .sotto {padding:0 20px;min-height: 170px;max-height:320px;}
.history-container .block-container p {display:none}
.history-container .block-container .block {padding-top:35px;padding-bottom:45px;}
.history-container .block-container .block .item-title {font-size:1.6rem;line-height:2.1rem}


.tagcloud a, .tag a {
	display:inline-block;
	text-transform:uppercase;
	font-family: 'Raleway',"Helvetica Neue",Helvetica,Arial,sans-serif;
	padding: 0 3px;
	line-height: 1.1rem;
	font-size: .65rem;
	padding-top: .1rem;
	border-radius: 2px;
}

.big-title a {text-decoration:none;}
.big-title .cat a {
    color: inherit;
}
.tag {padding-bottom:10px;line-height: 1.5rem;}
.big-title .tag a {
}

.meta {	font-family:  'Raleway',"Helvetica Neue",Helvetica,Arial,sans-serif;
text-transform:uppercase; font-size:.8rem;line-height:.8rem;
}

.nav-previous a, .nav-next a, .submit, #searchsubmit, input, textarea, select {
	display:inline-block;
	width:auto;
	height:3rem;
	text-decoration:none;
	line-height:3rem;
	padding:0 10px;
	font-family:  'Raleway',"Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size:1rem;
	letter-spacing: .4px;
	/*text-transform: lowercase;*/
	margin:0 0 3px 0;
	font-weight: bold;
	border:0;
	border-bottom-width: 5px;
	border-bottom-style:solid;
	border-radius: 2px;
	vertical-align: bottom;
}
textarea {
	height:9rem;
}

article input { width:100%; }
article textarea { width:100%; }
article select {
	     -webkit-appearance: menulist;
  /*webkit browsers */
  -moz-appearance: menulist;
  /*Firefox */
  appearance: menulist;

}

.submit {}

.nav-previous {float:left}
.nav-next {float:right}
.nav-previous a {
	padding-left:5px;

}
.nav-next a {
	padding-right:5px;
}

nav.navigation {margin-top:50px;margin-bottom: 50px;overflow:hidden}


#wp-calendar {
	width:100%;
}
#wp-calendar caption { 
	text-transform:uppercase;
	font-size:.8rem;
	padding:0 0 10px 0;
}
#wp-calendar td, #wp-calendar th {
	height:2rem;text-align:center;vertical-align:middle;font-family:  'Raleway',"Helvetica Neue",Helvetica,Arial,sans-serif;
}
#wp-calendar tfoot td {text-align:left;
	text-transform:uppercase;
	font-size:.8rem;
	padding:10px 0 10px 10px;
}
#wp-calendar tfoot #prev {text-align:left;}
#wp-calendar tfoot #next {text-align:right;}
#wp-calendar #today {}


.widget .widget-title { 	text-transform:uppercase;
	font-size:.8rem;
	padding:0 0 10px 0;
}
.widget .widget-title img {vertical-align:middle}
.widget .rssSummary {font-size:.8rem;line-height:1.1rem;border-left:1px solid #777;padding-left:10px; margin:5px 0}
.widget .rss-date {font-size:.8rem;font-family:  'Raleway',"Helvetica Neue",Helvetica,Arial,sans-serif;text-transform:uppercase}
.widget cite {font-size:.8rem;font-style:normal;}
.widget ul {
	padding-left:17px
}
.widget ul.children {
	padding-top:10px;
}
.widget ul li {
	padding:0 0 5px 0;
	list-style-type: square;
}

.widget ul.top-stories {
	padding-left:0;
}
.widget ul.top-stories li {
	border:0;
}
ul.top-stories li a span.tit {
	font-size:.9rem;line-height:1.3rem;height:auto;
}
ul.top-stories li a span.num {
	min-width:20px;text-align:center;border-radius:2px;margin:2px;line-height:1.1rem;font-size:.65rem;
	border-bottom-width: 2px;
	border-bottom-style:solid;

}
.widget {
	padding-bottom:20px;line-height:1.4rem;
}
.widget a {}

.screen-reader-text {display:none}

input {}


.banner-container {margin:20px 0;text-align: center;}


/*

	css for social sharing

*/
.social-share {
	margin:20px 0;
}



.social-share a {
	display:inline-block;
	width:auto;
	height:30px;
	text-decoration:none;
	line-height:30px;
	padding:0 10px;
	font-family:  'Raleway',"Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size:10px;
	letter-spacing: .4px;
	text-transform: lowercase;
	margin:0 0 3px 0;
	font-weight: bold;
	border-bottom-width: 5px;
	border-bottom-style:solid;
	border-radius: 2px;
}

.social-share a span {
	min-width:14px;
	text-align:center;
	display:inline-block;
	width:auto;
	height:14px;
	line-height:14px;
	margin-left:5px;
}

.social-share a.fb {}
.social-share a.tw {}
.social-share a.go {}
.social-share a.pi {}
.social-share a.li {}
.social-share a.wh {display:none;}
.social-share a.ma {}

@media only screen and (max-width: 480px) {
    .social-share a.wh {display:inline-block;}
}



/* ipad verticale */
@media only screen and (min-width: 768px) {

	.cols {
		-webkit-column-count: 2;
		-moz-column-count: 2;
		column-count: 2;
		text-align: justify;
		-webkit-column-gap: 30px;
		-moz-column-gap: 30px;
		column-gap: 30px;
	}

	.blocks-gallery-item,.gallery-item {height:200px;}


}

/* desktop o ipad orizzontale */
@media only screen and (min-width: 1024px) {

	#header a.icon-menu { display:none}
	#menu-mobile {display:none}

	#header div.menu-main-container {display:inline-block}
	#header div.menu-main-container ul li {display:inline-block;vertical-align:top;}
	#header div.menu-main-container ul.sub-menu {display:block;padding:10px 10px 20px 10px;margin-top:22px;width:200px;}
	#header div.menu-main-container ul.sub-menu {visibility:hidden}
	#header div.menu-main-container ul.sub-menu li {display:block;white-space:nowrap;padding:5px;text-align:left;}
	#header div.menu-main-container .current_page_item a {}
	#header div.menu-main-container ul li a {display:block;}
	#header div.menu-main-container ul li a:hover {}

	#header nav ul li {display:inline-block;text-transform:uppercase;font-size:.8rem;padding:0 3px;margin-right:10px; width: auto; text-align: center;white-space:nowrap}
	#header nav {position:absolute;top: 22px;right: 10px;z-index: 10;}


	#header ul.sub-menu li.anim {

		-webkit-transition: all .5s ease;
		-moz-transition: all .5s ease;
		-ms-transition: all .5s ease;
		-o-transition: all .5s ease;
		transition: all .5s ease;


		-moz-transform: translateX(0px) translateY(5px);
		-webkit-transform: translateX(0px) translateY(5px);
		-o-transform: translateX(0px) translateY(5px);
		-ms-transform: translateX(0px) translateY(5px);
		transform: translateX(0px) translateY(5px);


	}

	.entry-title a,.entry-title {font-size:4rem;line-height: 5rem;}
	.meta-title h2 {font-size:1.5rem}

	.gallery-item {width: 23%;}

	.big-title {
		padding-top: 150px;
		padding-bottom: 150px;
	}
	.big-title .img img{
		transform: translate(-50%,-50%);
		-webkit-transform: translate(-50%,-50%);
		left: 50%;
		width: 100%;
		height: auto;
		top: 50%;
	}

	#footer {padding: 50px 0px 20px 0px;}
	#footer .container {overflow:hidden;padding-right:20px;padding-left:20px}

	.col25 {width:25%;float:left;padding-right:20px}
	.col50 {width:50%;float:left;padding-right:20px}


	.widget a:hover {}
	
}

/* desktop grossi */
@media only screen and (min-width: 1114px) {

}


















.sl-wrapper .sl-close,.sl-wrapper .sl-navigation button{
	height:44px;line-height:44px;font-family:Arial,Baskerville,monospace}

body.hidden-scroll{overflow:hidden}.sl-overlay{position:fixed;left:0;right:0;top:0;bottom:0;opacity: 1;display:none;z-index:1006;}.sl-wrapper .sl-close,.sl-wrapper .sl-counter{top:30px;display:none;position:fixed;}.sl-wrapper{z-index:1000}.sl-wrapper button{border:0;font-size:28px;padding:0;cursor:pointer}.sl-wrapper button:hover{opacity:.7}.sl-wrapper .sl-close{right:30px;z-index:1015;margin-top:-14px;margin-right:-14px;width:44px;font-size:3rem}.sl-wrapper .sl-counter{left:30px;z-index:1015;font-size:1rem}
.sl-wrapper .sl-navigation{width:100%;display:none}
.sl-wrapper .sl-navigation button{position:fixed;top:50%;margin-top:-22px;width:22px;text-align:center;display:block;z-index:1015;}
.sl-wrapper .sl-navigation button span {
    position: relative;
    top: -3px;
    left: -2px;
}
.sl-wrapper .sl-navigation button.sl-next{right:5px;font-size:2rem}.sl-wrapper .sl-navigation button.sl-prev{left:5px;font-size:2rem}.sl-wrapper .sl-image{position:fixed;-ms-touch-action:none;touch-action:none;z-index:10000}.sl-wrapper .sl-image img{margin:0;padding:0;display:block;border:0}.sl-wrapper .sl-image iframe{border:0}@media (min-width:35.5em){.sl-wrapper .sl-navigation button{width:44px}.sl-wrapper .sl-navigation button.sl-next{right:10px;font-size:3rem}.sl-wrapper .sl-navigation button.sl-prev{left:10px;font-size:3rem}.sl-wrapper .sl-image iframe,.sl-wrapper .sl-image img{border:0}}@media (min-width:50em){.sl-wrapper .sl-navigation button{width:44px}.sl-wrapper .sl-navigation button.sl-next{right:20px;font-size:3rem}.sl-wrapper .sl-navigation button.sl-prev{left:20px;font-size:3rem}.sl-wrapper .sl-image iframe,.sl-wrapper .sl-image img{border:0}}.sl-wrapper .sl-image .sl-caption{display:none;padding:10px;position:absolute;bottom:0;left:0;right:0;line-height: 1.2rem;}.sl-wrapper .sl-image .sl-caption.pos-top{bottom:auto;top:0}.sl-wrapper .sl-image .sl-caption.pos-outside{bottom:auto}.sl-wrapper .sl-image .sl-download{display:none;position:absolute;bottom:5px;right:5px;z-index:1005}.sl-spinner{display:none;border:5px solid transparent;border-radius:40px;height:40px;left:50%;margin:-20px 0 0 -20px;opacity:0;position:fixed;top:50%;width:40px;z-index:1007;-webkit-animation:pulsate 1s ease-out infinite;-moz-animation:pulsate 1s ease-out infinite;-ms-animation:pulsate 1s ease-out infinite;-o-animation:pulsate 1s ease-out infinite;animation:pulsate 1s ease-out infinite}.sl-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}@-webkit-keyframes pulsate{0%{transform:scale(.1);opacity:0}50%{opacity:1}100%{transform:scale(1.2);opacity:0}}@keyframes pulsate{0%{transform:scale(.1);opacity:0}50%{opacity:1}100%{transform:scale(1.2);opacity:0}}@-moz-keyframes pulsate{0%{transform:scale(.1);opacity:0}50%{opacity:1}100%{transform:scale(1.2);opacity:0}}@-o-keyframes pulsate{0%{transform:scale(.1);opacity:0}50%{opacity:1}100%{transform:scale(1.2);opacity:0}}@-ms-keyframes pulsate{0%,100%{opacity:0}0%{transform:scale(.1)}50%{opacity:1}100%{transform:scale(1.2)}}