/*
 Theme Name:   Trixporte
 Theme URI:    https://generatepress.com
 Description:  Child theme di Trixporte
 Author:       Inode
 Author URI:   https://www.inode.it
 Template:     generatepress
 Version:      0.1
*/

body  {
  overflow-x: hidden;
}

.main-navigation.navigation-stick,
.main-navigation.navigation-stick ul ul {
    background-color: #465355;
}

.main-navigation.navigation-stick .main-nav ul li a,
.navigation-stick .menu-toggle {
    color: #fff;
}

.main-navigation.navigation-stick .main-nav ul li:hover>a,
.main-navigation.navigation-stick .main-nav ul li:focus>a,
.main-navigation.navigation-stick .main-nav ul li.sfHover>a,
.main-navigation.navigation-stick .main-nav ul li[class*="current-menu-"]>a {
    background-color: #465355;
    color: #fff;
}

.titolo-collezioni {
  font-size: 60px !important;
}

.box-porte {
  padding-bottom: 100px;
}

.ginput_container input {
  background: #ffffff !important;
  border-radius: 5px;
  border: 1px solid #d6d6d6;
}

.ginput_container textarea {
  background: #ffffff !important;
  border-radius: 5px;
  border: 1px solid #d6d6d6;
}

.carousel-image {
  padding-top: 20px;
}

.bread {
  width: 100%;
  padding-top: 15px;
  padding-bottom: 20px;
  background: #465355;
}

.ah-breadcrumb {
  list-style: none;
}

.item {
  display: inline;
  padding-left: 10px;
  padding-right: 10px;
  float: left;
  color: #fff;
}

.item a {
  color: #fff !important;
}

.seperator {
  float: left;
  color: #fff;
}

@media (max-width: 768px) {

  #hero-slider {
    position: relative;
    height: 50vh !important;
    display: flex;
    background: #030303;
  }

  .main-navigation.navigation-stick,
  .main-navigation.navigation-stick ul ul {
      background-color: #465355;
  }

  .main-navigation.navigation-stick .main-nav ul li a,
  .navigation-stick .menu-toggle {
      color: #fff;
      background-color: #465355;
  }

  button.menu-toggle:hover  {
      color: #fff !important;
  }

  button.menu-toggle:focus  {
    color: #ccc !important;
  }

  .main-navigation.navigation-stick .main-nav ul li:hover>a,
  .main-navigation.navigation-stick .main-nav ul li:focus>a,
  .main-navigation.navigation-stick .main-nav ul li.sfHover>a,
  .main-navigation.navigation-stick .main-nav ul li[class*="current-menu-"]>a {
      background-color: #465355;
      color: #fff;
  }

  .titolo-collezioni {
    font-size: 35px !important;
  }

  .box-porte {
    padding-bottom: 10px;
  }
}