/*
Theme Name: Gogoverde Blog
Theme URI: #
Description: Tema realizzato per conto di Karmaweb
Author: Fabrizio del Gaudio
Author URI: http://www.fabriziodelgaudio.it/
Version: 1.0
Tags: responsive, bootstrap

*/

/* Bootstrap core CSS */ 
 @import url('framework/bootstrap-3.3.5/css/bootstrap.min.css');
 
/* Animate Css */ 
 @import url('lib/animate.css-master/animate.min.css');
  
/* Font */
 @import url(https://fonts.googleapis.com/css?family=Lato:300,400,700);
 @import url(https://fonts.googleapis.com/css?family=Raleway);
  
 
  
  
body {
    font-family: 'Lato', sans-serif;
    font-size: 18px;
    background-color: #fff;
    -webkit-font-smoothing: subpixel-antialiased;
    
}


/* Custom social share */
.supsystic-social-sharing .sharer-flat.sharer-flat-1 { border-radius: 0!important; }

/* categorie e Tag */

.list-category{
    font-size: 12px;
    color: #f26222;
    text-transform: uppercase;
}

.title_in { padding-right: 10px; }

span.sep { padding: 0 10px; }

span.sep:last-child { display: none; }

ul.post-categories{ list-style-type: none; }
span.categoria{
   color: #5f5f5f;
   
   letter-spacing: 3px;
   font-size: 12px;
   text-transform: uppercase;
}

.tag_container{
   margin-top: 40px;
   font-size: 16px!important;
   font-weight: 300!important;
}



/* Fix Gallery nativa WP responsive */

.gallery {
margin: auto -6px;
padding: 6px 0px;
line-height: 1;
overflow-x: hidden;
}

.gallery .gallery-item {
float: left;
margin: 0px;
text-align: center;
padding: 6px;
box-sizing: border-box;
}

.gallery-columns-3 .gallery-item {
width: 50%;
}

img.attachment-thumbnail.size-thumbnail{
   width:100%!important;
   height:100%!important;
}



/* Paragrafi Liste ul ol */

.post-content p, .post-content ul , .post-content ol, .post-content li {
   color: #5f5f5f;
   //font-weight: 100;
   letter-spacing: 0px;
}

.post-content ol, ul {
   line-height: 28px;
   margin-top: 15px;
}

.post-content ol li, 
.post-content ul li {
   margin-top:20px;
   margin-bottom: 20px;
}

.post-content ol ol, ol ul, ul ol, ul ul {
   margin-bottom: 15px;
   margin-top: 15px;
}

/* link */
a{
	color: #f26222;
	text-decoration: none!important;
	
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}

a:hover{
	color: #f57e48;
}

/* Loader */
.no-js #loader { display: none;  }
.js #loader { display: block; position: absolute; left: 100px; top: 0; }
.loading-menu {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	/*background: #333;*/
	background: #fff;
}




/* Sezione Logo Menu Cerca*/

.navbar {
	border: 0;
	background: #333333;
	border-radius: 0;
	margin-bottom: 0;
	/*height: 150px;*/
	padding: 20px;
}

#top_navbar{
	
	margin-top: 15px;
	font-family: "Raleway", "Helvetica Neue", Verdana, Arial, sans-serif;
	letter-spacing: 3px;
}

/*.navbar-nav li a { padding-top: 70px; }*/

.navbar-default .navbar-nav>.active>a { background: initial; color: #f26222; }
.navbar-default .navbar-nav>.active>a:hover{ background: initial; color: #f57e48; }
.navbar-default .navbar-nav>li>a{
	text-transform: uppercase;
	font-size: 12px;
	font-weight: 700;
	color: #fff;
}

.navbar-default .navbar-nav>li>a:hover{
	background: initial; color: #f57e48;
}

/* header */

.header{
	height: 510px;
	padding-top: 160px;
}

.header h2{
	font-family: 'Lato', sans-serif;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 20px;
	color: #fff;
	font-size: 50px;
	
}

.header h5{
	font-family: 'Lato', sans-serif;
	font-weight: 300;
	text-transform: uppercase;
	letter-spacing: 5px;
	color: #fff;
	font-size: 25px;
	
}

#featured_news{
	margin-top: -150px;
	background-color: #f6f6f6;
	z-index: 2;
	position: relative;
	padding: 40px;
}

#featured_news h2{
	font-size: 30px;
	font-weight: 700;
	color: #372f2b;
        text-transform: uppercase;
}

#featured_news p{
	font-size: 18px;
	font-weight: 400;
	color: #5f5f5f;
	letter-spacing: 2px;
	line-height: 28px;
}

.post-content h1{
    text-transform: uppercase;
}

/* Articoli Homepage */
section#home_article_list.container{
	padding: 40px 0;
}
.home_article{
	border: 1px solid #ebebeb;
	padding: 40px;
	
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}

.home_article:hover{
	border-color: #f26222;
	
	
	
}

.home_article h2{
	font-size: 20px;
	text-transform: uppercase;
	font-weight: 700;
	letter-spacing: 5px;
}

.home_article p{
	font-size: 15px;
	font-weight: 400;
	color: #5f5f5f;
	letter-spacing: 2px;
	line-height: 28px;
	margin-top: 30px;
}

.bottom_article{
	text-align: center;
	margin-top: 40px;
}


/* Date*/
span.date{
	font-size: 12px;
	font-weight: 700;
	color: #f26222;
}

/* Pulsanti */
.btn-gogo{
	text-transform: uppercase;
	font-weight: 700;
	font-size: 14px;
	letter-spacing: 2px;
	color: #f26222;
	border: 1px solid #f26222;
	border-radius: 0;
	padding: 15px 25px;
	margin-top: 25px;
	margin-bottom: 25px;
	
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}

.btn-gogo:hover{
	background-color: #f26222;
	color: #fff;
}

.btn-gogo-large{
	padding: 15px 50px;
	
}

.btn-gogo-x-large{
	padding: 15px 50px;
	width: 100%;
}

.btn-gogo-solid{
	background-color: #f26222;
	color: #fff;
}

.btn-gogo-solid:hover{
	background-color: #fff;
	color: #f26222;
}

.centrato{
	margin: 0 auto;
}

/* Footer */
footer{
	background-color: #ebebeb;
	padding-top: 80px;
}

footer p{
	font-size: 13px;
}

#footer_contact{
	margin-top: 60px;
}


 /* Footer Social */
.share {
  width: 250px;
  height: 100px;
  margin: 0 auto;
  line-height: 100px;
}

a[data-group=button] {
  width: 50px;
  height: 50px;
  text-align: center;
  line-height: 50px;
  transition: all .6s ease;
  cursor: pointer;
  display: inline-block;
  background: #fff;
}

.f-book {
  border: 1px solid #3b5998;
  color: #3b5998;
}

.f-book:hover {
  box-shadow: 0 50px #3b5998 inset;
  color: #fff;
}

.twitter {
  border: 1px solid #4099ff;
  color: #4099ff;
}

.twitter:hover {
  box-shadow: 0 50px #4099ff inset;
  color: #fff;
}

.google {
  border: 1px solid #d34836;
  color: #d34836;
}

.google:hover {
  box-shadow: 0 50px #d34836 inset;
  color: #fff;
}

.instagram {
    border: 1px solid #E64863;
    color: #E64863;
}

.instagram:hover {
  box-shadow: 0 50px #E64863 inset;
  color: #fff;
}


/* Articolo */

#post{
	margin-top: -330px;
	
	z-index: 2;
	position: relative;
	
}

blockquote{
	font-style: italic;
	color: #a7a7a7!important;
}



#post h2{
	font-size: 30px;
	font-weight: 700;
	color: #372f2b;
}

#post h3{
	font-size: 24px;
	font-weight: 700;
	color: #372f2b;
}

#post h4{
	font-size: 20px;
	font-weight: 700;
	color: #372f2b;
}

#post h5{
	font-size: 18px;
	font-weight: 700;
	color: #372f2b;
}

#post p{
	font-size: 18px;
	font-weight: normal;
	color: #5f5f5f;
	letter-spacing: 0px;
	line-height: 28px;
        margin-bottom: 1em;
}

.post-content{
	padding: 40px 40px 0 40px;
	background-color: #f6f6f6;
}



/* Commenti */
.commenti-body{
	background-color: #fff;
	position: relative;
	padding:20px 40px;
	margin-top: 40px;
	margin-left: -40px;
	margin-right: -40px;
}

.comments_count{
	padding: 30px 0;
	font-size: 20px;
	text-transform: uppercase;
	color: #f26222;
	letter-spacing: 3px;
	border-bottom: 1px solid #f26222;
}

#comments{
	margin-top: 30px;
	/*margin-left: -40px;*/
}

ol.commentlist{
	list-style-type: none;
	padding-left: 0px;
	
}

ul.children{
	list-style-type: none;
	margin-top: 30px;
}

.comment_body p{
	font-size: 15px!important;
}


.comment-respond{
	padding: 40px;
	border: 1px solid #ebebeb;
}

.comment-reply-title{
	text-transform: uppercase;
	letter-spacing: 3px;
	font-size: 20px;
	color: #f26222;
	
}

.comment-form label{
	font-size: 13px;
	font-weight: 100;
}

#author, #email, #url, #comment{
	width: 100%;
}

.comment-author cite{
	letter-spacing: 3px;
	font-style: normal;
	
}

/* Sidebar */
.sidebar{
	background-color: #fff;
}

.sidebar h2{
	text-transform: uppercase;
	color: #f26222!important;
	font-weight: 700!important;
	font-size: 20px!important;
	letter-spacing: 3px!important;
}

.sidebar h5{
	color: #372f2b;
	padding: 15px;
	font-size: 15px;
	
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}

.sidebar a{
	text-decoration: none;
}

.sidebar h5:hover{
	background-color: #f6f6f6;
}


/* Sidebar widget */
.sidebar-widget > ul{
	padding-left: 0;
	list-style-type: none;
	margin-top: 100px;
}

.sidebar-widget > ul ul{
	padding-left: 10px;
	list-style-type: none;
}

.sidebar-widget h3{
	text-transform: uppercase;
	color: #f26222!important;
	font-weight: 700!important;
	font-size: 20px!important;
	letter-spacing: 3px!important;
}

.sidebar-widget > ul ul li{
	color: #372f2b;
	padding: 15px;
	font-size: 15px;
	
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}

.sidebar-widget > ul ul li a{
	color: #372f2b;
}

.sidebar-widget > ul ul li:hover{
	background-color: #f6f6f6;
}


/* Search */
.cerca {
	background-color: #322f2e;
	min-height: 150px;
	margin-right: -5px;
}


input[type="search"] {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.searchbox-container {
  margin: 0 auto;
  height: 50px;
  display: inline-block;
}

.search_page_fix{
	position: absolute;
	right: 0;
	top: 0;
}

.searchbutton, .searchbox {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: background-color, 0.3s;
  transition: background-color, 0.3s;
  font-size: 15px;
  line-height: 1;
  color: #fff;
  border-radius: 0;
  float: left;
  border: none;
  height: 50px;
  outline: none;
  background: #696160;
}

input[type="search"] {
  border-radius: 0;
  -webkit-appearance: none;
}

.searchbox {
  padding: 0px 20px;
}
.searchbox:focus, .searchbox:hover {
  background-color: #4d4746;
}
.searchbox:focus + .searchbutton, .searchbox:hover + .searchbutton {
  background-color: #262423;
}
.searchbox.placeholder {
  color: #fff;
  font-style: italic;
  
}
.searchbox:-moz-placeholder {
  color: #fff;
  font-style: italic;
}
.searchbox::-moz-placeholder {
  color: #fff;
  font-style: italic;
}
.searchbox:-ms-input-placeholder {
  color: #fff;
  font-style: italic;
}
.searchbox::-webkit-input-placeholder {
  color: #fff;
  font-style: italic;
}

.searchbutton {
  width: 52px;
  padding: 0;
  text-align: center;
}
.searchbutton:hover {
  color: #e77816;
}
.searchbutton:active {
  color: #c96711;
}

.search-centrato {
  width: 100%;
  position: absolute;
  top: 0;
  text-align: left;
  left: 1px;
}

@media only screen and (min-width: 768px) and (max-width: 991px){
	input#s.searchbox{
		width: 135px!important;
	}
}

@media only screen and (min-width: 992px) and (max-width: 1199px){
	input#s.searchbox{
		width: 190px!important;
	}
}




#fullwidth-post-widget .search-centrato {
  width: initial;
  position: relative;
  top: 0;
  text-align: left;
  float: right;
}

#fullwidth-post-widget > ul{
	margin-top: 0;
}

/* Errore per 0 risultati */

#wall {
  /*position:relative;*/
  width: 100%;
  height: 150px;
  margin-top: 40px;
  text-align: center;
  padding: 2em;
 
}






/* Paginazione */

.paginazione{
	/*height: 200px;*/
	/*background-color: red;*/
	
	margin: 90px 0;
}

.prev_next_bg{
	height: 150px;
	background-size: cover;
	
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}

.prev_next_bg i{
	font-size: 35px;
	visibility: hidden;
	color: transparent;
	line-height: 300px;
	
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}

.nav_post:hover .overlay {
    background-color:#000;
    opacity:0.5;
    
}

.nav_post:hover .prev_next_bg i{
	visibility: visible;
	color: #fff;
	line-height: 150px;
	
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
	
}


.prev_post{
	background-color: #ebebeb;
}
.next_post{
	background-color: #f6f6f6;
}

.paginazione h4{
	text-transform: uppercase;
	letter-spacing: 3px;
	color: #372f2b;
	font-size: 15px;
	font-weight: 700;
	padding: 2em 0;
}



.left{
		float: left;
}

.right{
	float: right;
}


/* Pagina Blog */

#article_content{
	margin-top: -150px;
	background-color: #f6f6f6;
	z-index: 2;
	position: relative;
	padding: 40px;
}

#article_content h2{
	font-size: 30px;
	font-weight: 700;
	color: #372f2b;
}

#article_content p{
	font-size: 18px;
	font-weight: 100;
	color: #5f5f5f;
	letter-spacing: 3px;
	line-height: 28px;
}

.list_single_article{
	margin-bottom: 40px;
	padding-bottom: 80px;
	border-bottom: 1px solid #dedede;
}

.list_single_article:last-child{
	border-bottom: none;
}

/* Pagination */

.pagination{
	width: 100%;
}

.prev-post{
	text-align: right;
	margin-right: 0;
}

.next-post{
	text-align: left;
	margin-left: 0;
}





/* Responsive fix */

@media only screen and (max-width:780px){
	section#home_article_list.container{
		padding: 40px 15px;
	}
	
	.navbar-default .container{
		width: 100%;
	}
	
	
}


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

	#post,
	#featured_news,
	#article_content{
		margin-top: 0;
	}
	.header{
		display: none;
	}
	
	.post-content,
	#featured_news,
	.home_article,
	#article_content{
		padding: 40px 15px;
	}
	
	.commenti-body{
		margin-left: 0;
		margin-right: 0;
		padding: 20px 15px;
	}
	
	.comment-respond{
		padding: 15px;
	}
	
	.search-centrato{
		position: relative;
	}
	
	.searchbox{
		width: 230px!important;
	}
	.side_nav, .search-centrato{
		text-align: center;
	}
	
	span.nav_post{
		display: block;
		float: none;
	}
	
	 .order_container {
	    display: -webkit-box;
	    display: -moz-box;
	    display: -ms-flexbox;
	    display: -webkit-flex;
	    display: flex;
	    -webkit-box-orient: vertical;
	    -moz-box-orient: vertical;
	    -webkit-flex-direction: column;
	    -ms-flex-direction: column;
	    flex-direction: column;
	    /* optional */
	    -webkit-box-align: start;
	    -moz-box-align: start;
	    -ms-flex-align: start;
	    -webkit-align-items: flex-start;
	    align-items: flex-start;
	  }
	
	  .order_container .order_first {
	    -webkit-box-ordinal-group: 2;
	    -moz-box-ordinal-group: 2;
	    -ms-flex-order: 2;
	    -webkit-order: 2;
	    order: 2;
	  }
	
	  .order_container .order_second {
	    -webkit-box-ordinal-group: 1;
	    -moz-box-ordinal-group: 1;
	    -ms-flex-order: 1;
	    -webkit-order: 1;
	    order: 1;
	    width: 100%;
	  }
	
}

@media only screen and (min-width:481px) and (max-width:767px) {
	.search-centrato{
		position: relative;
	}
	.side_nav, .search-centrato{
		text-align: center;
	}
	
	span.nav_post{
		display: block;
		float: none;
	}
	
	.order_container {
	    display: -webkit-box;
	    display: -moz-box;
	    display: -ms-flexbox;
	    display: -webkit-flex;
	    display: flex;
	    -webkit-box-orient: vertical;
	    -moz-box-orient: vertical;
	    -webkit-flex-direction: column;
	    -ms-flex-direction: column;
	    flex-direction: column;
	    /* optional */
	    -webkit-box-align: start;
	    -moz-box-align: start;
	    -ms-flex-align: start;
	    -webkit-align-items: flex-start;
	    align-items: flex-start;
	  }
	
	  .order_container .order_first {
	    -webkit-box-ordinal-group: 2;
	    -moz-box-ordinal-group: 2;
	    -ms-flex-order: 2;
	    -webkit-order: 2;
	    order: 2;
	  }
	
	  .order_container .order_second {
	    -webkit-box-ordinal-group: 1;
	    -moz-box-ordinal-group: 1;
	    -ms-flex-order: 1;
	    -webkit-order: 1;
	    order: 1;
	    width: 100%;
	  }
}

@media only screen and (min-width:768px) and (max-width:991px){
	.sidebar-widget h3{
		font-size: 12px!important;
	}
	.sidebar-widget > ul ul{
		padding-left: 0;
	}
}

@media only screen and (min-width:992px) and (max-width:1199px){
	.sidebar-widget h3{
		font-size: 16px!important;
	}
	
	.sidebar-widget > ul ul{
		padding-left: 0;
	}
}


@media only screen and (min-width:768px) {
	.comment-avatar img{
		width: 100%!important;
		height: 100%!important;
	}
}

@media only screen and (max-width:767px){
	.sidebar-widget > ul ul{
		padding-left: 0;
	}
}

.loading-menu {
  display: none !important;
}