/* MEETING GIOVANI - restyling 2017 */
body, button, input, select, textarea {
	font-family: "Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif;
    color: #333;
    font-size: 1rem;
    line-height: 1.5;
    background: #fff;
}

@font-face {
	font-family: 'Conv_BETTY_H';
	src: url('../fonts/BETTY_H.eot');
	src: local('☺'), url('../fonts/BETTY_H.woff') format('woff'), url('../fonts/BETTY_H.ttf') format('truetype'), url('../fonts/BETTY_H.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

.font-scrittura, #sidebar-search h3, #sidebar-pls-canzoni a, #sidebar-pls-canzoni a:hover, #sidebar-pls-canzoni a:visited, #sidebar-pls-foto a, #sidebar-pls-foto a:hover, #sidebar-pls-foto a:visited, #txt-counter p, .col-md-3 .txtPensiero h2, .txtEntryHeader h3.titleName,#sidebar-pls-download a, #sidebar-pls-download a:hover, #sidebar-pls-download a:visited {font-family: 'Conv_BETTY_H', Verdana, sans-serif;}

a:hover { cursor: pointer;}
a, a:hover, a:focus { outline: none; border-width: 0;}

body { background-image: none; background-position: center 0; background-repeat: no-repeat;}

/* HEADER 
---------------------------------------------- */
.site-header { border-bottom: 1px solid #eee; /*background-color: #fff; padding-top: 20px; padding-bottom: 20px;*/ background-color: rgba(255, 255, 255, 0.8); padding-top: 40px; padding-bottom: 32px;}



/* FOOTER 
---------------------------------------------- */
.site-info { font-size: 0.675rem; text-align: left;}
.site-info a, .site-info a:hover, .site-info a:visited { color: #000; text-decoration: underline; text-transform: none; border-width: 0;}
.site-info a:hover { color: #e42885; border-width: 0;}
.site-info a:hover, .site-info a:focus { box-shadow: none;}



/* HOME 
---------------------------------------------- */
#cover-image { width:100%; margin: 0 0 20px 0;}
#cover-image img {width:100%; height: auto; margin: 0;}

#txt-paper { background-color: #fefaea; width: 100%; margin: 0; padding: 20px 0; background-image: url(../images/pattern-blocconotes-trasp.png); background-position: left top; background-repeat: repeat-y; -webkit-box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.15);
-moz-box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.15);
box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.15);}
#txt-paper-cnt { margin: 30px 20px 10px 60px; background-image: url(../images/pattern-row.png); background-position: left top; background-repeat: repeat;}
#txt-paper h1 {font-size: 2em; margin: 20px 20px 20px 60px; padding: 0;}
#txt-paper ol { margin: 0 0 10px 30px;}
#txt-paper ol li { line-height: 32px; font-size: 1.16em; padding-bottom: 0; margin-bottom: 0; }
#txt-paper ol li a, #txt-paper ol li a:hover, #txt-paper ol li a:visited { text-decoration: none; display:block; padding: 0 5px;}
#txt-paper ol li a:hover { cursor: pointer !important; background-color: rgba(152, 152, 152, 0.4);}
#txt-paper ol li:hover {cursor: pointer !important;}

#txt-counter { text-align: center;width: 100%; margin: 0; padding: 20px 0; display: none;}
#txt-counter p { font-size: 1.6em;}
#txt-counter p strong { font-weight: bold; font-size: 1.6em; line-height: 1em;}


#txt-paper p { line-height: 32px; font-size: 1.16em; }
#txt-paper small, #txt-paper small p { font-size: 0.8em;color: #999; }


/* SIDEBAR 
---------------------------------------------- */
#secondary { padding-top: 10px;}
#secondary section { width: 100%; float: left;}

#sidebar-logoBrand {margin: 0 0 10px 0; text-align: center; }
#sidebar-logoBrand img {width: 100%; height: auto; max-width: 220px; }

#sidebar-introTxt {margin: 0 0 36px 0; text-align: center; }
#sidebar-introTxt p {font-size: 1em; line-height: 1.5em;}
#sidebar-introTxt p strong { font-size: 1.3em !important; }

#sidebar-search { border-radius: 0 30px 0px 0; background-color: #ffa346; border: 1px solid #ffa346; background-image:none; background-position: left top; background-repeat: no-repeat; padding: 10px 20px; margin-bottom: 30px;}
#sidebar-search h3 { color: #fff; margin: 0 0 10px 0; padding: 0;}
.search-form .search-submit .icon { width: 20px; height: 20px; top: -7px; color: #ccc;}
.search-form .search-submit { padding: 0.5em 0.6em; }
input[type="search"] { border: 1px solid #fff; padding: 0.5em; border-radius: 3px; font-size: 0.8rem;}
input[type="search"]:focus { border-color: #fff; box-shadow: 0 0 10px #fff;}
.search-form button:hover, .search-form button:focus, .search-form input[type="button"]:hover, .search-form input[type="button"]:focus, .search-form input[type="submit"]:hover, .search-form input[type="submit"]:focus { background-color: transparent;}

#sidebar-pls-canzoni, #sidebar-pls-foto { margin: 0 0 30px 0; }
#sidebar-pls-canzoni a, #sidebar-pls-canzoni a:hover, #sidebar-pls-canzoni a:visited,#sidebar-pls-download a, #sidebar-pls-download a:hover, #sidebar-pls-download a:visited, #sidebar-pls-foto a, #sidebar-pls-foto a:hover, #sidebar-pls-foto a:visited { text-align: left; display: block; float: left; width: 100%; font-size: 2em; color: #fff; line-height: 1.2em; text-decoration: none; padding: 20px 20px; background-position: 20px center; background-repeat: no-repeat; background-size: 60px auto; padding-left: 100px;cursor:pointer;}

#sidebar-pls-canzoni a, #sidebar-pls-canzoni a:hover, #sidebar-pls-canzoni a:visited { background-image: url(../images/ico_ascolta_canzoni.png); }
#sidebar-pls-download a, #sidebar-pls-download a:hover, #sidebar-pls-download a:visited { background-image: url(../images/ico_download.png); }
#sidebar-pls-foto a, #sidebar-pls-foto a:hover, #sidebar-pls-foto a:visited { background-image: url(../images/ico_guarda_foto.png); }


/* BREADC 
---------------------------------------------- */
#breadcrumb ul { list-style-type: none; margin: 0; padding: 0; margin-top: -25px; margin-bottom: 25px;}
#breadcrumb ul li {display: inline-block; list-style-type: none; margin: 0 0 0 10px; padding: 0 0 0 10px; border-left: 1px solid #f2f2f2; }
#breadcrumb ul li:first-child { border-width: 0;  margin: 0; padding: 0;}
#breadcrumb ul li, #breadcrumb ul li a, #breadcrumb ul li a:hover, #breadcrumb ul li a:visited { font-size: 2em; font-size: 0.85em; }
#breadcrumb ul li a:hover { text-decoration: underline;}


/* PAGINA INTERNA 
---------------------------------------------- */
#sidebar-pls-canzoni, #sidebar-pls-foto { display: none;}
body.home #sidebar-pls-canzoni, body.home #sidebar-pls-foto { display: block;}


/* ANTEPRIME PENSIERI
---------------------------------------------- */
.col-md-12 { width: 100%; float: left; display: block; margin-top: 30px;}
.col-md-3 { width: 33%; padding: 10px 2%; float: left; display: block; text-align: center;     min-height: 350px;}

.col-md-3 .topImage { width: 100%; float: left; display: block; margin-bottom: 0px; text-align: center;}
.col-md-3 .topImage a, .col-md-3 .topImage a:hover, .col-md-3 .topImage a:visited { width: 100%; display: block; float: left;}
.col-md-3 .topImage img { margin: 0 auto;}

.col-md-3 .txtPensiero { width: 100%; float: left; display: block; margin-bottom: 20px; text-align: center; }
.col-md-3 .txtPensiero h2 { margin: 0 0 10px 0 !important; padding: 0;}
.col-md-3 .txtPensiero h2 a, .col-md-3 .txtPensiero h2 a:hover, .col-md-3 .txtPensiero h2 a:visited { color: #000; }
.col-md-3 .txtPensiero h2 a:hover { text-decoration: underline;}
.col-md-3 .txtPensiero p { font-size: 0.85em; color: #999; line-height: 1.8em;}
.col-md-3 .txtPensiero h2 a:hover, .col-md-3 .topImage a:hover, .col-md-3 .topImage a:hover img, .col-md-3 .topImage img:hover { cursor: pointer;}
.col-md-3:hover { box-shadow: 0 0 10px #ccc; background-color: #fafcfc;}

.col-md-3 .txtPensiero p.abstract { min-height: 120px; }
a.plsReadMore, a.plsReadMore:hover, a.plsReadMore:hover { font-size: 0.8em; text-decoration: none;}
a.plsReadMore:hover{text-decoration: underline;}


/* SCHEDE PENSIERI
---------------------------------------------- */
body.single-pensieri #txt-paper h1 { font-size: 1.3em; margin: 0px 20px 0px 60px; }
body.single-pensieri .col-md-3 { width: 20%; padding: 10px 2%; float: left; display: block; text-align: center; min-height: auto;}
body.single-pensieri .col-md-3:hover { cursor: default; box-shadow: none; background-color: transparent;}
.col-md-9 { width:80%; padding: 10px 2%; float: left; display: block; text-align: left; }

.txtEntryHeader { padding: 30px 0;}
.txtEntryHeader h3.titleName { color: #000; font-size: 2rem; margin: 0 0 5px 0; padding: 0;}
.txtEntryHeader h4.school { margin: 0; padding: 0; font-size: 0.85em; color: #999; line-height: 1.8em; font-weight: 100;}

body.single-pensieri .col-md-12 h2 { color: #000; font-size: 1.4rem; margin: 0 0 20px 0; padding: 0;}
body.single-pensieri .col-md-12 p, body.single-pensieri .col-md-12 ul li, body.single-pensieri .col-md-12 ol li { /*font-size: 0.85em; line-height: 2.2em; color: #666;*/ font-size: 0.82rem; line-height: 1.9em; color: #000; margin: 0 0 20px 0; padding: 0; }

body.single-pensieri p a, body.single-pensieri ul li a, body.single-pensieri ol li a, body.single-pensieri p a:hover, body.single-pensieri ul li a:hover, body.single-pensieri ol li a:hover, body.single-pensieri p a:visited, body.single-pensieri ul li a:visited, body.single-pensieri ol li a:visited { color: #000; border-width: 0; text-decoration: underline; box-shadow: none;}
body.single-pensieri p a:hover, body.single-pensieri ul li a:hover, body.single-pensieri ol li a:hover { color: #000; text-decoration: underline;}

body.single-pensieri .col-md-12 ul, body.single-pensieri .col-md-12 ol { margin-left: 20px;}

body.single-pensieri .col-md-9 {border-bottom: 1px solid #f2f2f2;}
body.single-pensieri .col-md-12 h2, body.single-pensieri .col-md-12 p { padding-left: 20%;}



/* FORM COMMENTI
---------------------------------------------- */
#comments { border-top: 1px solid #f2f2f2; padding-top: 3em;}
.si_captcha_small, #comments h3 { margin-left: 20%;}

p#si_captcha_code label { padding-left: 20px;}
p#si_captcha_code span.required { margin-top: -30px; position: absolute; font-weight: 800;}

input[type="submit"] { background-color: #fff; border: 1px solid #000; color: #000;}
input[type="submit"]:hover {background-color: #000; border: 1px solid #000; color: #fff;}

body.single-pensieri .col-md-12 .comment-content p { padding-left: 0 !important; color: #666;}
.reply a:hover, b.fn { color: #e42885 !important;}





/* PAGINE ISTITUZIONALI
---------------------------------------------- */
article .entry-header, article .entry-content { width: 100% !important;}
article .entry-content p, article .entry-content ul li, article .entry-content ol li {    font-size: 0.8rem; line-height: 1.7em; color: #000; margin: 0 0 20px 0; padding: 0; }
article .entry-content ul li { list-style-type: circle;}

article .entry-content p a, article .entry-content ul li a, article .entry-content ol li a, article .entry-content p a:hover, article .entry-content ul li a:hover, article .entry-content ol li a:hover, article .entry-content p a:visited, article .entry-content ul li a:visited, article .entry-content ol li a:visited { color: #000; border-width: 0; text-decoration: underline;}
article .entry-content p a:hover, article .entry-content ul li a:hover, article .entry-content ol li a:hover { color: #e42885; text-decoration: underline;}

article .entry-content ul, article .entry-content ol { margin-left: 20px;}







/* 404  
---------------------------------------------- */
#page .page-header, #page .page-content { width: 100% !important;}
#page .page-content p, #page .page-content ul li, #page .page-content ol li {    font-size: 0.8rem; line-height: 1.7em; color: #000; margin: 0 0 20px 0; padding: 0; }
#page .page-content ul li { list-style-type: circle;}

#page .page-content p a, #page .page-content ul li a, #page .page-content ol li a, #page .page-content p a:hover, #page .page-content ul li a:hover, #page .page-content ol li a:hover, #page .page-content p a:visited, #page .page-content ul li a:visited, #page .page-content ol li a:visited { color: #000; border-width: 0; text-decoration: underline;}
#page .page-content p a:hover, #page .page-content ul li a:hover, #page .page-content ol li a:hover { color: #e42885; text-decoration: underline;}

#page .page-content ul, #page .page-content ol { margin-left: 20px;}

.page-content .search-form{ border-radius: 0 30px 0px 0; background-color: #ffa346; border: 1px solid #ffa346; background-image:none; background-position: left top; background-repeat: no-repeat; padding: 10px 20px; margin-bottom: 30px;}
.page-content .search-form h3 { color: #fff; margin: 0 0 10px 0; padding: 0;}
.page-content .search-form .search-submit .icon { width: 60px; height: 20px; top: 2px; color: #ccc;}
.page-content .search-form .search-submit { padding: 0.5em 0.6em; }
.page-content .search-form input[type="search"] { border: 1px solid #fff; padding: 0.5em; border-radius: 3px; font-size: 0.8rem;}
.page-content .search-form input[type="search"]:focus { border-color: #fff; box-shadow: 0 0 10px #fff;}
.page-content .search-form button:hover, .page-content .search-form button:focus, .search-form input[type="button"]:hover, .page-content .search-form input[type="button"]:focus, .page-content .search-form input[type="submit"]:hover, .page-content .search-form input[type="submit"]:focus, .page-content .search-form .search-submit { background-color: transparent;}





/* LAYOUT  
---------------------------------------------- */
.site-content-contain { background-color: transparent;}
.site-content { padding: 0;}








/* RESPONSIVE  
---------------------------------------------- */
@media screen and (min-width:0) and (max-width:5000px) {
	#mainLogo {
		max-width: 1200px;
    	margin: 0 auto;
    	padding-left: 3em;
    	padding-right: 3em;
	}
	.wrap {
	    max-width: 1200px;
	    padding-left: 3em;
	    padding-right: 3em;
	    margin-top: 10px;
	}
	#primary { width: 70% !important;}
	#secondary {width: 25% !important; margin-left: 5% !important;}
	#primary, #secondary { float: left;}
}
@media screen and (min-width:0) and (max-width:1020px) {
	#primary { width: 68% !important;}
	#secondary {width: 27% !important;}


}
@media screen and (min-width:0) and (max-width:980px) {

	#sidebar-pls-canzoni a, #sidebar-pls-canzoni a:hover, #sidebar-pls-canzoni a:visited, #sidebar-pls-foto a, #sidebar-pls-foto a:hover, #sidebar-pls-foto a:visited,
	#sidebar-pls-download a, #sidebar-pls-download a:hover, #sidebar-pls-download a:visited, {
	    background-size: 40px auto; padding-left: 80px; font-size: 1.8em;}
	    #sidebar-logoBrand img { max-width: 160px;}
	    #sidebar-introTxt p { font-size: 0.9em; line-height: 1.4em;}
		#sidebar-introTxt p strong {font-size: 1.2em !important;}
		
		.col-md-3 { width: 50%; min-height: 320px; }

}
@media screen and (min-width:0) and (max-width:890px) {
	#primary { width: 65% !important;}
	#secondary {width: 30% !important;}


}
@media screen and (min-width:0) and (max-width:768px) {

	#primary, #secondary { width: 100% !important; float: left; margin-bottom: 20px; margin-left: 0% !important;}
		#txt-counter { border-bottom: 1px solid #f2f2f2;}
	
		#sidebar-pls-canzoni a, #sidebar-pls-canzoni a:hover, #sidebar-pls-canzoni a:visited, #sidebar-pls-foto a, #sidebar-pls-foto a:hover, #sidebar-pls-foto a:visited, #sidebar-pls-download a, #sidebar-pls-download a:hover, #sidebar-pls-download a:visited, {
	    background-size: 60px auto; padding-left: 100px; font-size: 2em; }
	    #sidebar-logoBrand img { max-width: 220px;}
	    #sidebar-introTxt p { font-size: 1em; line-height: 1.5em;}
		#sidebar-introTxt p strong {font-size: 1.3em !important;}	    
		#secondary section#sidebar-pls-canzoni, #secondary section#sidebar-pls-foto { width: 48% !important;}
	    #secondary section#sidebar-pls-foto { float: right;}
	    
	    
	    
	    
	    
}
@media screen and (min-width:0) and (max-width:650px) {

#sidebar-pls-canzoni a, #sidebar-pls-canzoni a:hover, #sidebar-pls-canzoni a:visited, #sidebar-pls-foto a, #sidebar-pls-foto a:hover, #sidebar-pls-foto a:visited, #sidebar-pls-download a, #sidebar-pls-download a:hover, #sidebar-pls-download a:visited,{
	    background-size: 40px auto; padding-left: 80px; font-size: 1.8em;}


}
@media screen and (min-width:0) and (max-width:560px) {

	#txt-paper h1 {font-size: 1.8em;}
	#txt-paper ol li {font-size: 1.1em;}


#sidebar-pls-canzoni a, #sidebar-pls-canzoni a:hover, #sidebar-pls-canzoni a:visited, #sidebar-pls-foto a, #sidebar-pls-foto a:hover, #sidebar-pls-foto a:visited, #sidebar-pls-download a, #sidebar-pls-download a:hover, #sidebar-pls-download a:visited, { background-size: 60px auto; padding-left: 100px; font-size: 1.8em;}
	    
	    #secondary section#sidebar-pls-canzoni, #secondary section#sidebar-pls-foto,  #secondary section#sidebar-pls-download { width: 100% !important;}
	    #secondary section#sidebar-pls-foto { float: left;}
	    
	    .col-md-3 .txtPensiero p.abstract { min-height: 80px; }
	    .col-md-3 .txtPensiero p { font-size: 0.8em;}
	
}
@media screen and (min-width:0) and (max-width:450px) {

	#txt-paper h1 {font-size: 1.5em;}
	#txt-paper ol li {font-size: 1.14em;}
	#txt-paper-cnt, #txt-paper h1 { margin-left: 40px;}
	#txt-counter p {font-size: 1.3em;}

	.col-md-12 {  border-bottom: 1px solid #f2f2f2;}
	.col-md-3 { width: 100%; min-height: auto; }
	
	body.single-pensieri .col-md-3 { width: 30%;}
	body.single-pensieri .col-md-9 { border-width: 0; width: 60%; margin-left: 10%;}
	body.single-pensieri .col-md-12 h2, body.single-pensieri .col-md-12 p { padding-left: 0;}
	.si_captcha_small, #comments h3 { margin-left: 0;}
	#comments { border-width: 0;}
	
		.col-md-3 .txtPensiero p.abstract { min-height: auto; }
	    .col-md-3 .txtPensiero p { font-size: 0.85em;}

			
}


@media screen and (min-width:0) and (max-width:420px) {

	    #sidebar-logoBrand img { max-width: 160px;}
	    #sidebar-introTxt p { font-size: 0.9em; line-height: 1.4em;}
		#sidebar-introTxt p strong {font-size: 1.2em !important;}
}