/**

This is the custom.css file

Add your own custom CSS here and avoid modifying the core theme files, 
since that'll make upgrading the theme problematic. 

Your custom CSS will be loaded after the theme's stylesheets, 
which means that your rules will take precedence.

*/

.nav > ul > li:after {
    content: '|';
    display: inline-block;
    padding: 0px 5px;
}

#menu-item-31 a:hover {
	color:#2980b9
}

#menu-item-30 a:hover {
	color:#27ae60
}

.nav > ul > li:last-child:after {
    content: ' ';
    display: inline-block;
    padding: 5px;
}



.widget.widget_rss ul > li  {
  width: 20%;
    padding-top : 5px;
    padding : left;
    
}



/* BUTTON SEARCH HOME */
.widget.widget_search #searchform #searchsubmit
{
   max-width: none;
    width: 80%;
    text-align: center;
    background-color: #f87a13;
    background: linear-gradient(to bottom,#f87a13 0%,#f86313 100%) repeat scroll 0% 0% padding-box transparent;
    border-radius: 3px;
    box-shadow: 0 2px 0 0 #ba500f;
    text-shadow: 0 -1px 1px rgba(0,0,0,.3);
    text-decoration: none;
    display: inline-block;
    padding: 8px 5px;
    font-size: 22px!important;
    line-height: 22px;
    cursor: pointer;
    margin: 0px auto;
    color: #fff!important;
}

.widget.widget_search:hover #searchform #searchsubmit
{
      background-color: #f87a13;
}


/*barra di ricerca*/

.widget.widget_search #searchform #s, .woocommerce-product-search input[type="search"]{
	max-width: none;
  	width: 90%;
}

.widget.widget_search #searchform #searchsubmit, .woocommerce-product-search input[type="submit"]{
	width: 10%;
}

@media (max-width: 979px) and (min-width: 768px)
.widget.widget_search #searchform #s, .woocommerce-product-search input[type="search"]{
	max-width: none;
  	width: 100%;
}


/* LABEL PER PLUGIN WOO PERSO */
label{
  display: block;
}
input[type=radio], input[type=checkbox] {
    margin: 4px 4px 0;
}