/* MENU DESKTOP */
@media only screen and (min-width : 768px) {

#logo-desktop a {
  display: block;
  line-height: 0;
}

#logo-mobile {
  display: none;
}

#titolo-menu {
  display: none;
}

#menu {
  position: relative;
  width: 100%;
  background-color: #fece60;
  clear: both;
  margin-bottom: 40px;
  z-index: 13;
}

#menu-principale ul {
  width: auto;
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
  float: right;
}

#menu-principale ul li {
  display: inline;
  float:left;
}

#menu-principale ul li a {
  height: 80px;
  line-height: 80px;
  color: #555;
  padding: 0 25px;
  display: inline-block;
  text-decoration: none;
}

#menu-principale ul li:last-child a {
}

#menu-principale ul li a:hover, #menu-principale .current_page_item a {
	background-color: #F7C44E;
	text-decoration: none;
}

#nav-circle {
  display: none;
}

} /* versione desktop */


@media only all and (max-width : 992px) {

#menu-principale ul li a {
  padding: 0px 5px;
  font-size: 10px;
}


}



/* MENU PUSH */
@media only all and (max-width : 767px) {

#main {
  background: #eee url(../images/bg.jpg);
}

#logo-mobile {
  position: relative;
  display: block;
  background-color: #fece60;
  margin-bottom: 40px;
  z-index: 13;
}

#logo-mobile a {
  display: block;
  line-height: 0;
}

#logo-desktop {
  display: none;
}

#search {
  cursor: pointer;
  float: right;
  height: 80px;
  line-height: 80px;
  padding-left: 30px;
  color: #555;
  font-size: 16px;
}

#menu {
  background: #222;
}

.slideout-menu {
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 0;
  width: 256px;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  display: none;
}

.slideout-panel {
  position:relative;
  z-index: 10;
}

.slideout-open, .slideout-open body, .slideout-open .slideout-panel {
  overflow: hidden;
}

.slideout-open .slideout-menu {
  display: block;
}

/* STYLE */
#titolo-menu {
  display: block;
  background-color: #272727;
  height: 80px;
  line-height: 80px;
  padding: 0 15px;
  margin-bottom: 40px;
  color: #666;
  font-size: 22px;
}

#menu-principale {
  padding: 0;
}

#menu-principale ul li {
  width: 100%;
  float: left;
}

#menu-principale ul li a {
  float: left;
  display: block;
  color: #fff;
  width: 100%;
  padding: 0 15px;
  line-height: 45px;
  font-size: 14px;
  text-decoration: none;
}

#menu-principale ul a:hover, #menu-principale .current_page_item a {
  text-decoration: none;
  background: #272727;
}

} /* versione mobile */


/* NAVIGATION ICON */
#nav-circle {
    position: fixed;
    right: 25px;
    bottom: 25px;
    z-index: 99;
    width: 60px;
    height: 60px;
    padding: 12px 12px;
    background: #fece60;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

#nav-icon {
    width: 36px;
    height: 36px;
    position: relative;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
}

#nav-icon span {
    display: block;
    position: absolute;
    height: 3px;
    width: 100%;
    background: #fff;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

#nav-icon span:nth-child(1) {
    top: 8px;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
}

#nav-icon span:nth-child(2) {
    top: 17px;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
}

#nav-icon span:nth-child(3) {
    top: 26px;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
}

.slideout-open #nav-icon span:nth-child(1) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 4px;
    left: 5px;
}

.slideout-open #nav-icon span:nth-child(2) {
    width: 0%;
    opacity: 0;
}

.slideout-open #nav-icon span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 30px;
    left: 5px;
}


/* SEARCH BAR */
.search-bar {
  position: absolute;
  top:80px;
  width: 100%;
  background: #FFF;
  z-index: 13;

  visibility: hidden;
  opacity: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s, -webkit-transform 0.3s 0s;
  -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s, -moz-transform 0.3s 0s;
  transition: opacity 0.3s 0s, visibility 0s 0.3s, transform 0.3s 0s;
}

.search-bar input {
  width: 100%;
  padding: 35px 0;
  font-size: 40px;
  color: #bbb;
  border: none;
}

.search-bar input:focus {
  outline: none;
}

.search-overlay {
  position: fixed;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  cursor: pointer;
  background: rgba(0, 0, 0, 0.9);
  z-index: 12;

  visibility: hidden;
  opacity: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s, -webkit-transform 0.3s 0s;
  -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s, -moz-transform 0.3s 0s;
  transition: opacity 0.3s 0s, visibility 0s 0.3s, transform 0.3s 0s;
}

.search-open .search-bar,
.search-open .search-overlay {
  opacity: 1;
  visibility: visible;

  -webkit-transition: opacity 0.3s 0s, visibility 0s 0s, -webkit-transform 0.3s 0s;
  -moz-transition: opacity 0.3s 0s, visibility 0s 0s, -moz-transform 0.3s 0s;
  transition: opacity 0.3s 0s, visibility 0s 0s, transform 0.3s 0s;
}