@import url("css/font-awesome.css");
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800);

/*
Theme Name: Tema Riccardo Perini
Description: Tema del sito www.riccardoperini.com (responsive).
Author: RiccardoPerini.com
Version: 4.0
Author URI: https://www.riccardoperini.com/
*/




/*------------------------------------------------------------------

FOGLIO DI STILE VISUALIZZAZIONE NORMALE

-------------------------------------------------------------------*/



/*------------------------------------------------------------------
[1. Global]
*/

body {
	margin: 0;
	font: 13px/1.7em 'Open Sans', arial, sans-serif;
	-webkit-font-smoothing: antialiased;
	background: #DDDDDD;
}

p {	
	margin-bottom: 1.5em;
	font: 14px/1.7em 'Open Sans', arial, sans-serif;
}

h1 {
	margin-bottom: .25em;
}

h2 {
	margin-bottom: .5em;
	font-size: 22px;
	font-weight: 600;	
}

h3 {
	margin-bottom: .75em;
	font-weight: 600;
}

h4, h5, h6 {
	margin-bottom: 1.25em;
}

input {
	font: 13px/1.7em 'Open Sans', arial, sans-serif;
}



/*------------------------------------------------------------------
[2. Wrapper]
*/

#wrapper {
	width: 880px;
	padding: 0 50px;
	margin: 0 auto;
	background: #FFF;
	border: 1px solid #DDD\9;
	border-bottom: none;
	-moz-box-shadow: 0 0 5px rgba(0,0,0,.25);
	-webkit-box-shadow: 0 0 5px rgba(0,0,0,.25);
	box-shadow: 0 0 5px rgba(0,0,0,.25);
}




/*------------------------------------------------------------------
[3. Header]
*/

#header {
	padding: 10px 0 10px 0;
	margin-bottom:10px;
	border-bottom:1px solid #DDD;
}

#header .titolone a {
	font-size: 32px;
	font-weight:400;
	color: #555;
	-webkit-font-smoothing: antialiased;
	line-height:1.2em;
	text-decoration:none;
}


#header .sottotitolone {
	font-size: 20px;
	font-weight:300;
	color: #555;
	-webkit-font-smoothing: antialiased;
	margin-bottom:10px;
	text-transform:uppercase;
}

/*------------------------------------------------------------------
[4. Nav]
*/



 
#nav {
float:right;
margin-bottom: 0;
margin-top:30px;
}





/*------------------------------------------------------------------
[5. Responsive Nav / #responsive-nav]
*/



/*------------------------------------------------------------------
[6. Masthead]
*/

#masthead {
	position: relative;
	height: 375px;
	margin-bottom: 2.5em;
	-moz-box-shadow: 1px 1px 6px rgba(0,0,0,.5);	
	-webkit-box-shadow: 1px 1px 6px rgba(0,0,0,.5);
	box-shadow: 1px 1px 6px rgba(0,0,0,.5);
}

.masthead-details {
	position: absolute;
	top: 0;
	right: 0;
	width: 225px;
	height: 335px;
	padding: 20px;
	color: #FFF;
	background: #333;	
	background: rgba(0,0,0,.70);
	text-shadow: 1px 1px 1px rgba(0,0,0,.4);
}

.masthead-details h1 {
	margin-bottom: 5px;
	font-size: 42px;
	font-weight:300;
	color: #555;
}

.masthead-details h2 {
	margin-bottom: 15px;
	font-size: 20px;
	font-weight:400;
	line-height:26px;
}

.masthead-details p {	
	font-size: 14px;	
}

#masthead .carousel-control {
	top: 50%;
	left: -72px;
	line-height: 26px;
	opacity: .35;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}

#masthead .carousel-control:hover {
	opacity: .80;
}

#masthead .carousel-control.right {
	left: auto;
	right: -72px;
}




/*------------------------------------------------------------------
[7. Page Title / #page-title]
*/

#page-title {    	
	/*per tutta larghezza 
	padding: 20px 50px;
	margin: 0 -50px 2.5em;*/
	padding: 20px;
	margin:20px 0 0 0;
	border-top: 1px solid #EEE;
	border-bottom: 1px solid #EEE;
	background: #EEE;
}

#page-title h1 {
	margin-bottom: .40em;
	font-size: 28px;
	font-weight:300;
	color: #555;
	-webkit-font-smoothing: antialiased;
}

#page-title p {
	margin-bottom: 0;
	font-size: 15px;
}

#page-title img {
text-align:left;
float:left;
margin-right:15px;
}



/*------------------------------------------------------------------
[8. Welcome]
*/
#welcome h1 {
	padding: 0 80px;
	color: #777;
	font-size: 22px;
	font-style: italic;
	font-weight: 600;
	line-height: 1.75em;
}

#welcome h3 {
	padding: 0 80px;
	color: #777;
	font-size: 22px;
	font-style: italic;
	font-weight: 600;
	line-height: 1.75em;
}

#welcome {
	text-align: center;
}




/*------------------------------------------------------------------
[9. Content]
*/

#content {
}

#content h1{
	margin-bottom: .40em;
	font-size: 30px;
	font-weight:400;
	color: #333;
	-webkit-font-smoothing: antialiased;
}

#content h2 {
	margin-bottom: .40em;
	font-size: 26px;
	font-weight:400;
	color: #333;
	-webkit-font-smoothing: antialiased;
}

#content h3 {
	margin-bottom: .40em;
	font-size: 22px;
	font-weight:400;
	color: #333;
	-webkit-font-smoothing: antialiased;
}

#content h4 {
	margin-bottom: .40em;
	font-size: 18px;
	font-weight:600;
	line-height:1.3em;
	color: #333;
	-webkit-font-smoothing: antialiased;
}

#content h5 {
	margin-bottom: .40em;
	font-size: 16px;
	font-weight:600;
	color: #333;
	-webkit-font-smoothing: antialiased;
}


.post a, .post a:visited {
color: #333;
text-decoration: underline;
}

.post a:hover {
color: #ff9900;
text-decoration: underline;
}

.post ul , .post ol{
	font: 14px/1.7em 'Open Sans', arial, sans-serif;
}

.post li {
	font: 14px/1.7em 'Open Sans', arial, sans-serif;
	margin: 0 0 8px 10px;
}


.importante {
	padding:3px 5px 3px 5px;
	margin:10px 0 20px 0;
	line-height:1.5em;
	font-size: 16px;
	font-weight:600;
	background:#ff9900;
	color: #ffffff;
	-webkit-font-smoothing: antialiased;
	text-transform:uppercase;
}


/*------------------------------------------------------------------
[10. Footer]
*/
#footer {
	clear: both;
	padding: 20px 50px;
	margin: 2.5em -50px 0;
	color: #BBB;
	background: #222;
	font-size:13px;
	border-top: 1px solid #111;
	-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
	-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
}

#footer .row {
	margin-bottom: 0;
}

#footer p {
font-size:13px;
}

#footer a, #footer a:visited {
	color: #BBB;
	text-decoration:none;
}

#footer a:hover {
	color: #fff;
	text-decoration:underline;
}

#footer ul {
     list-style-type: none;
	 margin:0;
}

#footer li {
     color: #BBB;
     display: block;
     font-size: 13px;
     padding: 3px 6px 3px 16px;
	 background: url(images/ft_piu.jpg) no-repeat 3px 8px;
}


/*------------------------------------------------------------------
[11. Copyright]
*/
#copyright {
	clear: both;
	padding: 20px 50px 15px 50px;
	margin: 0 -50px;
	color: #777;
	font-size: 11px;
	text-transform: uppercase;
	background: #000;
	border-top: 1px solid #000;
	-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.15);
	-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.15);
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.15);
}

#copyright #rights {
	
}

#copyright #destra {
	text-align: right;
}


#copyright a, #copyright a:visited {
	color: #777;
	text-decoration:none;
}

#copyright a:hover {
	color: #fff;
	text-decoration:underline;
}



/*------------------------------------------------------------------
[12. Grid]
*/

[class^="grid-"] {
	float: left;
	margin: 0 0 0 20px;
}

.grid-1 { width: 55px; }
.grid-2 { width: 130px; }
.grid-3 { width: 205px; }
.grid-4 { width: 280px; }
.grid-5 { width: 355px; }
.grid-6 { width: 430px; }
.grid-7 { width: 505px; }
.grid-8 { width: 580px; }
.grid-9 { width: 655px; }
.grid-10 { width: 730px; }
.grid-11 { width: 805px; }
.grid-12 { width: 880px; }


.append-12 { padding-right: 900px; }
.append-11 { padding-right: 825px; }
.append-10 { padding-right: 750px; }
.append-9 { padding-right: 675px; }
.append-8 { padding-right: 600px; }
.append-7 { padding-right: 525px; }
.append-6 { padding-right: 450px; }
.append-5 { padding-right: 375px; }
.append-4 { padding-right: 300px; }
.append-3 { padding-right: 225px; }
.append-2 { padding-right: 150px; }
.append-1 { padding-right: 75px; }


.prepend-12 { padding-left: 900px; }
.prepend-11 { padding-left: 825px; }
.prepend-10 { padding-left: 750px; }
.prepend-9 { padding-left: 675px; }
.prepend-8 { padding-left: 600px; }
.prepend-7 { padding-left: 525px; }
.prepend-6 { padding-left: 450px; }
.prepend-5 { padding-left: 375px; }
.prepend-4 { padding-left: 300px; }
.prepend-3 { padding-left: 225px; }
.prepend-2 { padding-left: 150px; }
.prepend-1 { padding-left: 75px; }



.row [class^="grid-"]:first-child {
	margin-left: 0;
}

.row.nopad [class^="grid-"] {
	margin-bottom: 0;
}

.row.divider:last-child {
	margin-bottom: 0;
	border: none;
}

.row-divider {	
	margin: 1.5em 0 3em;
	border: none;
	border-bottom: 1px solid #DDD;
}




/*------------------------------------------------------------------
[13. Miscellaneous]
*/

.slash {
	padding-right: .25em;
	color: #FF9900;
}


.social-icons-container {
	width: 100%;
	display: table;
	padding: 0;
	margin: 2.5em 0 0;
	list-style: none;
}

.social-icons-container li {
	width: 33%;
	display: table-cell;	
	text-align: center;			
}

.social-icon {
	width: 50px;
	height: 50px;
	display: inline-block;
	overflow: hidden;	
	line-height: 600px;
	background: url(img/social/social-sprite.png) no-repeat 0 0;					
}

.social-icon-twitter {
	background-position: 0 0;					
}

.social-icon-twitter:hover {
	background-position: 0 -50px;					
}

.social-icon-googleplus {
	background-position: -50px 0;
}

.social-icon-googleplus:hover {
	background-position: -50px -50px;
}

.social-icon-facebook {
	background-position: -100px 0;	
}

.social-icon-facebook:hover {
	background-position: -100px -50px;	
}


.clearfix,
.row { zoom: 1; }
.clearfix:before,
.row:before,
.clearfix:after,
.row:after { content: ""; display: table; }
.clearfix:after,
.row:after { clear: both; }




/*------------------------------------------------------------------
[14. Sidebar]
*/

#sidebar {
padding-left:50px;
margin-top:10px;
}



#sidebar h4, #sidebar h4 a {
font-weight:600;
font-size:18px;
color: #555;
-webkit-font-smoothing: antialiased;
line-height: 1.2em; 
margin:0 0 8px 0;
padding:0;
margin-bottom:1px solid #ff9900;
}


#sidebar a {
 color: #555;
}

#sidebar ul {
     list-style-type: none;
     margin: 0 0 30px 10px;
}

#sidebar li {
     color: #555;
     display: block;
     font-size: 13px;
     padding: 3px 6px 3px 16px;
	 background: url(images/piu.jpg) no-repeat 3px 8px;
}


#sidebar li a, #sidebar li a:visited {
     background: transparent;
     color: #555;
     display: block;
}

#sidebar li a:hover {
   color: #ff9900;
   text-decoration:underline;
}

#sidebar p {
     margin: 0 0 30px 24px;
}

#socializzo {
padding-left:6px;
margin-bottom:20px;
}

/*------------------------------------------------------------------
[15.dati autore post]
*/



#author-meta {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
	background: #FCFCFC;
	border: 1px solid #d6d6d6;
    border-radius: 4px;
	clear: both;
	display: block;
	margin: 30px 0 20px 0;
    padding: 10px;
	overflow: hidden;
	color:#333333;
}

#author-meta img {
	float:left;
	padding: 8px 15px 0 0;
	float:left;	 
	margin: 4px 10px 10px 0;  
	display:block;
	padding:4px;
	line-height:1;
	border:0;
}


#author-meta p {margin: 0;padding: 5px;}
#author-meta a, #author-meta a:visited {color:#333333;text-decoration:none;}
#author-meta a:hover {color:#333333;text-decoration:underline;}

/*------------------------------------------------------------------
[16. HOMEPAGE]*/

.about-container .about-item {padding-right: 2em;}
.about-container .choose-item h3 i {margin-right: .4em;color: #F90;}
.about-container .choose-item h3 {margin-bottom: 0;font-size: 14px;}
.work-container .work-item .thumbnail {margin-bottom: 1.5em;}
.service-container .service-item h3 {font-size: 14px;	}
.service-container .service-item h3 i {position: relative;top: 3px;margin-right: .25em;color: #F90;font-size: 24px;}
.elencopuntato ul {list-style-type: none;margin: 0 0 20px 0;padding:0;}
.elencopuntato li {color: #2D3032;display: block;font-size: 15px;padding: 3px 6px 3px 16px;background: url(images/piu.jpg) no-repeat 3px 8px;}
.elencopuntato li a, .elencopuntato li a:visited {background: transparent;color: #2D3032;display: block; text-decoration:none;}
.elencopuntato li a:hover {color: #F90;text-decoration:underline;}



.homeacca1{
margin:0;
font-family:inherit;
font-weight:600;
-webkit-font-smoothing: antialiased;
font-size:30px;
line-height:36px;
color: #2D3032;
}


.homeacca2 {
margin-bottom: .40em;
font-size: 52px;
font-weight:600;
color: #333;
-webkit-font-smoothing: antialiased;
}



.homeacca3{
margin:0;
font-weight:600;
font-size:22px;
line-height:30px;
color: #2D3032;
-webkit-font-smoothing: antialiased;
}

.homeacca4{
margin:0;
font-family:inherit;
font-weight:600;
color:inherit;text-rendering:optimizelegibility;
line-height:30px;
font-size:15px;
color: #2D3032;
padding:0 0 0 20px;
background: url(images/stellina-arancio.jpg) no-repeat 3px 8px;
}

.homeacca4 a, .homeacca4 a:visited {
text-decoration:none;
color: #2D3032;
}

.homeacca4 a:hover {
text-decoration:underline;
color: #F90;
}

.homeacca5{
margin:0;
font-family:inherit;
font-weight:600;
color:inherit;text-rendering:optimizelegibility;
line-height:16px;
font-size:12px;
color: #2D3032;
}

.homeacca6{
margin:0;
font-family:inherit;
font-weight:600;
color:inherit;text-rendering:optimizelegibility;
line-height:15px;
font-size:11px;
color:#999999;
text-transform:uppercase;
}




/*------------------------------------------------------------------
[17. BREADCRUMB]
*/



.bricioledipane2  { 
padding:2px 5px 2px 5px;
margin:0 0 20px 0;
font-size:11px; 
color: #2D3032;
background-color:#EEEEEE;
}

.bricioledipane2  a, .bricioledipane2 a:visited { 
text-decoration: none;
color: #2D3032;
}

.bricioledipane2  a:hover { 
text-decoration: underline;
color: #2D3032;
}


.sfondo  {
background: #efefef;
color: #2D3032;
line-height:22px;
height:22px;
padding:0 5px 0 5px;
float:left;
}


.divisore {
background: url(images/divisore.jpg) no-repeat;
height:22px;
width:9px;
float:left;
margin:0;
padding:0;
}

.fine {
background: url(images/fine.jpg) no-repeat;
height:22px;
width:9px;
float:left;
margin:0;
padding:0;
}


/*------------------------------------------------------------------
[18. TAG E CATEGORIE] 
*/
.entry-cat-intro {
border-bottom: 1px solid #dedede; 
margin:0 0 20px 0;
padding: 0;
}

.entry-cat-intro img{
border:0;
padding:0;
margin:0;
}

.entry-cat {
border-bottom: 1px solid #dedede; 
margin:0 0 20px 0;
padding: 0;
}


.entry-cat h4, .entry-cat h4 a, .entry-cat h4 a:visited {
	font-size:22px;
	font-weight:400;
	color: #333333;
	-webkit-font-smoothing: antialiased;
     text-decoration:none;
     text-align: left;
     margin: 0 0 5px 0;
     padding: 0;
     line-height: 1.3em;
}

.entry-cat h4 a:hover {
     color: #FF9900;
	 text-decoration:underline;
     margin: 0 0 5px 0;
     padding: 0;
     line-height: 1.3em;
}



.entry-cat img {
	 /*float:left;
	 padding:4px; 
	 background:#fff; 
	 border:1px solid #e5e5e5; 
	 margin: 6px 10px 10px 10px;  
	 -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.15);
	 -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.15);
	 box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.15);*/
float:left;	 
margin: 4px 10px 10px 0;  
display:block;
padding:4px;
line-height:1;
border:1px solid #ddd;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
-webkit-box-shadow:0 1px 1px rgba(0, 0, 0, 0.075);
-moz-box-shadow:0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow:0 1px 1px rgba(0, 0, 0, 0.075);

}


.entry-cat img:hover{
border-color:#999999;
-webkit-box-shadow:0 1px 4px rgba(0, 105, 214, 0.25);
-moz-box-shadow:0 1px 4px rgba(0, 105, 214, 0.25);
box-shadow:0 1px 4px rgba(0, 105, 214, 0.25);
}




.scrittoil {
	margin: 0;
    padding: 0 0 10px 0;
	font-size: 13px;
    color: #333;
    text-align: left;
	clear:both;
}

.scrittoil a {
     color: #333;
     padding: 0;
	 text-decoration:none;
}

.scrittoil a:hover {
     color: #ff9900;
	 text-decoration:underline;
}



/*------------------------------------------------------------------
[19. IMMAGINI] 
*/


.wp-caption {
   	padding: 8px 15px 0 0;
	float:left;	 
	margin: 4px 10px 10px 0;  
	display:block;
	padding:4px;
	line-height:1;
   	border:1px solid #ddd;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	-webkit-box-shadow:0 1px 1px rgba(0, 0, 0, 0.075);
	-moz-box-shadow:0 1px 1px rgba(0, 0, 0, 0.075);
	box-shadow:0 1px 1px rgba(0, 0, 0, 0.075);
 }  
   
.wp-caption img {
   margin: 0;
   padding: 0;
   border: 0 none;
}


.wp-caption p.wp-caption-text {
font-size: 11px;
padding: 0 0 0 10px;
margin: 0;
color:#666666;
font-style:italic;
}
	

	
.aligncenter, div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.alignleft {
	float: left;
	padding: 8px 15px 0 0;
	float:left;	 
	margin: 4px 10px 10px 0;  
	display:block;
	padding:4px;
	line-height:1;
	border:1px solid #ddd;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	-webkit-box-shadow:0 1px 1px rgba(0, 0, 0, 0.075);
	-moz-box-shadow:0 1px 1px rgba(0, 0, 0, 0.075);
	box-shadow:0 1px 1px rgba(0, 0, 0, 0.075);
}




.alignright {
	padding: 8px 15px 0 0;
	float:right;	 
	margin: 4px 0 10px 10px;  
	display:block;
	padding:4px;
	line-height:1;
	border:1px solid #ddd;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	-webkit-box-shadow:0 1px 1px rgba(0, 0, 0, 0.075);
	-moz-box-shadow:0 1px 1px rgba(0, 0, 0, 0.075);
	box-shadow:0 1px 1px rgba(0, 0, 0, 0.075);
}




/*------------------------------------------------------------------
[20. RICERCA] 
*/

#searchthis {
     margin: 0 0 30px 0;
}

#s {
     background: #f9f9f9;
     border: 1px dotted #ccc;
     padding: 5px;
     margin: 0 0 0 10px;
     vertical-align: middle;
     width: 180px;
}

#searchsubmit {
 vertical-align: middle;
 width:22px;
}


/*RICERCA IN HOME*/
#searchthis-home {
     margin: 0;
}

#s-home {
     background: #f9f9f9;
     border: 1px dotted #ccc;
     padding: 5px;
     margin: 0;
     vertical-align: middle;
     width: 160px;
}



/*------------------------------------------------------------------
[21. COMMENTI]
*/ 

	 


#comments {
	padding-top: 20px;
	border-top: solid 1px #dddddd;
}

#comments-title {
	color: 	#999999;
	margin: 0 0 20px 0;
	font-size: 28px;
}

#comments-title span {
	color: 	#000000;
}


/**********************
Comment List
**********************/
.commentlist {
	background: #ffffff;
	padding: 0;
	list-style: none;
	margin: 20px 0;
}

.commentlist ul {
	list-style: none;
}

.commentlist li {
	padding: 0px; 
}

.commentlist li > div {
	border: solid 1px #dddddd;
	background: #fcfcfc;
	padding: 20px 20px 3px 20px; /* bottom padding provided by last <p> paragraph */
	position: relative;
	margin-bottom:20px;
	margin-left: 85px;
	border-radius: 5px;
}

.commentlist .pingback {
	margin-bottom: 20px;
}

.commentlist li > div:hover {
	background: #ffffff;
}

.commentlist li > div:before {
	content: url(images/freccia-commento.png);
	left: -17px;
	top: 25px;
	position: absolute;
	z-index: 1000000;
}

.commentlist li > div:hover:before {
    content: url(images/freccia-commento-bianca.png);
}


.children ol, .children ul, .children li {
	list-style: none;
}

/**********************
Avatar
**********************/

.commentlist .avatar {
	position: absolute;
	top: 3px;
	left: -80px;
	border-radius:	50%;
	box-shadow: 0 0 0 3px #cccccc; /* this simulates a border. "border" doesn't work/look good in Chrome */
}

/* avatars on 2nd level comments */
.commentlist li li .avatar {
	left: -70px;
}


/**********************
Comment Reply Link
**********************/

.comment-reply-link {
	position: absolute; 
	top: 60px; 
	left: -80px; 
	font-size: 13px; 
	width: 50px; 
	text-align: center;
	color: #cccccc;
}

/* reply link on 2nd level comments */
li li .comment-reply-link {
	top: 60px; 
	left: -70px; 
}


/* Change reply link color when comment is hovered */
.commentlist li > div:hover > .comment-reply-link {
	color:	#ff9900;
}


/**********************
Comment Author (link if author has provied URL)
**********************/

.comment-author, .comment-author a, .comment-author a:visited {
	font-weight: 600;
	font-size: 	16px;
	text-decoration:none;
	color: #333;
}


.comment-author a:hover {
	text-decoration:underline;
	color: #333;
}



/**********************
Comment Date Link. 
It is common to make the comment date a "permalink" of the individual comment.
**********************/

.comment-date-link {
	position: 				absolute;
	top: 						5px;
	right: 					10px;
	font-size: 				11px;
	line-height: 			13px;
	text-align: 			right;
}

.comment-date-link a {
	color: 					#aaaaaa;
}

/* Change comment date (which links to comment permalink) color when comment is hovered */
.commentlist li > div:hover .comment-date-link a {
	color: #ff9900;
}


/**********************
Some utility links
**********************/

.comment-edit-link { }
.comment-delete-link { }
.comment-spam-link { }


/**********************
Comment text container
**********************/
/* contents inside .comment-text are styled at CSS Files > Content */
.comment-text, .comment-text a {
color:#555555;
 }



#respond {
	margin: 					30px 0 20px 0;
	padding-bottom: 		40px;
	border-bottom: 		solid 1px #eee;
}

#reply-title {
	margin: 					0 0 10px 0;
}

#commentform { }



/**********************
Quicktag buttons
**********************/

/* quicktags container above comment form */
.quicktags-toolbar {
	margin-bottom: 		10px;
}

/* quicktag buttons inside quicktags container */
.ed_button {
	color: 					#333333;
	background: 			#eeeeee;
	border: 					solid 1px #dddddd;
	margin-right: 			5px;
	padding: 				3px 8px;
	border-radius: 		3px;
}

.ed_button:hover {
	color: 	#ffffff;
	background:	#ff9900;
	border: solid 1px #ff9900;
	cursor: pointer;
}

/* comment form textarea */
#comment-form {
	width: 100%;
}
#comment-author { }
#comment-url { }
#comment-email { }
.logged-in-as { }
#comment { }
.form-submit { }
 
#submit {
	display: inline-block;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font-size: 14px;
	padding: 5px 10px;
	border-radius: 5px;
	color: 	#333333;
	border: solid 1px #dddddd;
	background: #eeeeee;
}

#submit:hover {
	color: 	#ffffff;
	border: solid 1px #f90;
	background: #f90;
}

.button:hover {
	text-decoration: none;
}

.button:active {
	position: relative;
	top: 1px;
}






/*------------------------------------------------------------------
[22. PLUGIN PAGENAVI] 
*/


.wp-pagenavi {
	clear: both;
}

.wp-pagenavi a, .wp-pagenavi span {
	text-decoration: none;
	border: 1px solid #BFBFBF;
	padding: 3px 5px;
	margin: 2px;
	background:#EEEEEE;
	color: #333333;
}

.wp-pagenavi a:hover, .wp-pagenavi span.current {
	border-color: #FF9900;
	background: #FF9900;
	color: #ffffff;
}

.wp-pagenavi span.current {
	font-weight: bold;
}

/*------------------------------------------------------------------
[23. VIDEO] 
*/


.contenitore-video {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}

.contenitore-video iframe,  
.contenitore-video object,  
.contenitore-video embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}



/*------------------------------------------------------------------
[24. COOKIE] 
*/



#cookieChoiceInfo {           /* Imposto le proprietà del banner/dialog box e caratteri del messaggio */
  font-size: 13px;            /* i caratteri devono essere grandi 16 pixel */
  color: #FFF;             
  padding: 10px;              /* lo spazio intorno al messaggio (sopra, sotto e di lato) quindi il bordo dista 10 pixel */  
  opacity: .9;                /* questa proprietà modifica la trasparenza del banner/dialogbox */
}


#cookieChoiceInfo a  {      /* il testo del link che aprire la pagina della cookie policy   */
  color: #FFF;            
  text-decoration:none;      
}



#cookieChoiceDismiss {        /* pulsante chiudi */
			      
  background-color: #FF9900;     /* lo sfondo  */
  color: #FFF;                /* Il colore del testo è bianco (#FFF) */
  text-decoration: none;      /* Il testo non è sottolineato         */
  font-weight: 600;           /* Il testo è in grassetto             */
  font-size: 13px;
  padding: 3px 10px;          /* Imposto lo spazio tra i caratteri e il bordo del pulsante 2pixel sopra e sotto e 10px ai lati */
  border-radius:  3px;        /* Lo sfondo del pulsante ha i bordi arrotondati con un raggio di 3 pixel */
}

#cookieChoiceDismiss a, #cookieChoiceDismiss a:link, #cookieChoiceDismiss a:visited {color: #FFF!important; text-decoration:underline!important;}


#cookieChoiceDismiss:hover {  /* Passando il mouse sopra il pulsante */
  background-color: #EEA338;
}







/*------------------------------------------------------------------
--------------------------------------------------------------------
--------------------------------------------------------------------
FOGLIO DI STILE RESPONSIVE  
--------------------------------------------------------------------
--------------------------------------------------------------------
-------------------------------------------------------------------*/



/*------------------------------------------------------------------
[1. Max Width: 767px]
*/

@media (max-width: 767px) {
	
	body {
		padding: 0;
	}
	
	#wrapper {
		width: auto;
		padding: 0;	
	}
	
	#header {
	padding: 10px 0 0 0;
	margin-bottom:15px;
	border-bottom:1px solid #DDD;
	text-align: center;
	}
	
	
	#nav {
		padding: 0 30px 0 30px;
		text-align: center;
	}
	
	
	#main-nav {
		display: none;
	}
	
	#responsive-nav {
		display: block;
	}
	
	#masthead {
		height: auto;
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		box-shadow: none;
	}
	
	#masthead .masthead-details {
		position: static;
		display: block;
		width: auto;
		height: auto;
	}
	
	.masthead-details h1 {
		margin-bottom: .75em;	
		font-size: 20px;
	}
	
	
	.masthead-details h2 {
		margin-bottom: .75em;	
		font-size: 20px;
	}
	
	
	.masthead-details p {	
		font-size: 11px;
		margin:0;
	}
	
	#masthead .carousel-control {
		top: 5%;
		left: 20px;
		width: 25px;
		height: 25px;
		margin-top: 0;		
		font-size: 30px;
		line-height: 19px;	
		opacity: .80;
	}
	
	#masthead .carousel-control.right {
		left: auto;
		right: 20px;
	}
	
	
.bricioledipane2  { 
	padding:2px 5px 2px 20px;
	margin:0;
	font-size:11px; 
	color: #2D3032;
}
	
	
	#page-title {
	padding: 20px;
	margin-right: 0;
	margin-bottom: 1em;
	margin-left: 0;
	text-align:center;
	}
	
	#page-title h1 {
	text-align: center;
	}
	
	#page-title p {
	text-align: center;
	}
	
	#page-title img {
	text-align:center;
	float:none;
	}
	
	
	#welcome h1 {
		padding: 0 20px;
	}
	
	#content {
		padding: 20px;
	}
	
	#copyright {
		padding: 20px;
		margin: 0;
	}
	
	#copyright #destra {
		text-align: left;
	}
	
	#footer {
		padding: 20px;
		margin: 0;
	}
	
	[class^="grid-"] {
		float: none;
		width: auto;		
		margin: 0 0 3em 0;
	}
	
	#copyright [class^="grid-"] {
		margin-bottom: 1em;
	}
	
	.thumbnail {
		display: inline-block;
	}
	
	#sidebar {
	padding-left:0;
	margin-top:10px;
}

#socializzo {
padding-left:0;
margin-bottom:20px;
}
	
	
#s {
width: 150px;
}	

img {
    max-width:100%!important;
    height:auto;
}

.wp-caption {
    max-width:100%!important;

}

#sidebar {
border-top: 3px double #ff9900;
padding-top:20px;
}
	
}