/* aggiusto colori */
.site-header {
    background-color: #adac94;
}
.primary-navigation a {
    color: black;
}
.site-navigation .current_page_item > a, .site-navigation .current_page_ancestor > a, .site-navigation .current-menu-item > a, .site-navigation .current-menu-ancestor > a {
    color: white;
}
.primary-navigation li:hover > a, .primary-navigation li.focus > a {
    background-color: #adac94;
}
.site-footer {
    background-color: #adac94;
  	font-size: 13px;
}
.site-footer, .site-info, .site-info a {
    color: white;
}
h1 {
    color: #86623e;
}
h2 {
    color: #7f7f7f;
}
.search-toggle {
    background-color: #adac94;
}
.search-toggle:hover, .search-toggle.active {
    background-color: #adac94;
}
.search-box {
    background-color: transparent;
}
.search-box .search-field {
    background-color: #adac94;
}
.widget .widget-title {
    color: #86623e;
}
.widget a {
    color: gray;
}
.menu-toggle {
    background-color: #86623e;
}

/* font size menu */
.primary-navigation .nav-menu {
    font-size: small;
}


/* evito gli a capo nel testo */
.entry-content, .widget_text, #panel-133-2-0-0 > div:nth-child(1) {
	word-wrap: normal;
	-webkit-hyphens: none;
	-moz-hyphens: none;
	hyphens: none;
}

/* tolgo barra nera da sinistra */
.site::before {
    display: none;
}

/* centro e allargo il sito */
.site {
		margin: 0 auto;
 		max-width: 100%;
		}
.site-header {
    max-width: 100%;
}

/* centro il banner */
#site-header img {
    display: block;
    margin: auto;
}

/* centro le info a piè di pagina */
.site-info {
    text-align: center;
}

/* margine a destra della lente della ricerca */
@media screen and (min-width: 783px) {
.search-toggle {
    margin-right: 1%;
}
}
  
/* tolgo gli entry header */
.entry-header {
    display: none;
}

/* centro il menu e faccio comparire il banner giusto a seconda della risoluzione del dispositivo*/
@media screen and (min-width: 1px) and (max-width: 782px) {
  #site-header > a:nth-child(1) > img:nth-child(1) {
    display: none;
}
}

@media screen and (min-width: 783px) and (max-width: 1000px) {
  .primary-navigation {
    float: left;
    margin-left: -4%; }
  #site-header > a:nth-child(1) > img:nth-child(1) {
    display: none;
}
}
  
@media screen and (min-width: 1001px) and (max-width: 1200px) {
  .primary-navigation {
    float: left;
    padding-left: 6%; }
  .banner_mobile {
    display: none;
}
}

@media screen and (min-width: 1201px) and (max-width: 1290px) {
  .primary-navigation {
    float: left;
    padding-left: 15%; }
  .banner_mobile {
    display: none;
}
}

@media screen and (min-width: 1291px) and (max-width: 1650px) {
  .primary-navigation {
    float: left;
    padding-left: 17%; }
  .banner_mobile {
    display: none;
}
}

@media screen and (min-width: 1651px) and (max-width: 1850px) {
  .primary-navigation {
    float: left;
    padding-left: 24%; }
  .banner_mobile {
    display: none;
}
}

@media screen and (min-width: 1851px) {
  .primary-navigation {
    float: left;
    padding-left: 26%; }
  .banner_mobile {
    display: none;
}
}

/* ottimizzazioni varie trovate 
@media screen and (min-width: 1110px) {
	.archive-header,
	.comments-area,
	.image-navigation,
	.page-header,
	.page-content,
	.post-navigation,
	.site-content .entry-header,
	.site-content .entry-content,
	.site-content .entry-summary,
	.site-content footer.entry-meta {
		padding-left: 55px;
	        }
	            }*/
	        .site-content .entry-header,
.site-content .entry-content,
.site-content .entry-summary,
.site-content .entry-meta,
.page-content {
		max-width: 874px;
        }
        
        .comments-area {
		max-width: 874px;
        }
        
        .post-navigation, .image-navigation {
		max-width: 874px;
        }
        
        .site:before,
#secondary {
		width: 0;
		display: none;
	    }

.featured-content {
		padding-left: 0;
        }
        
        .site-content, .site-main .widecolumn {
		margin-left: 0;
        }  
        
        .hentry {
		max-width: 900px;
        }
.post-thumbnail img {
		width: 100%;
		} 

/* se voglio creare altezza di pagina uso un secondary "invisibile" di cui regolo l'altezza
#secondary {
		width: 1px;
		display: left;
		min-height: 50vh;
	    }*/

/* centro il menu 
.primary-navigation .nav-menu {
    padding-left: 40%;
} */

/* inspessisco riquadro 5x1000 in home*/
#panel-133-0-0-1 {
    border: 2px solid #adac94;
}