/** Changes For Nav **/
#nav-main-mobile {
  display: none;
}

@media only screen and (max-width: 805px) {
/* Override defined css attributes */
  .responsive-menu{
      display: none;
      background-color: #ffffff;
      margin-top: 89px;
  }

  .responsive-menu a {
      text-align: center;
      color: #505050;
  }

  .responsive-menu a:hover {
      background: #ffeac3;
      color: #F47317;
  }
   
  #nav-main-mobile {
      display: block;
      font-size: 15px;
      top: 0;
      /* position: relative; */
      z-index: 1000;
      background-color: #ffffff;
      float: right;
  }
  #nav-main-mobile a {
      text-transform: uppercase;
      color: #fff;
  }
  #nav-main-mobile a:hover {
      color: #c50030;
  }
  #nav-main-mobile li {
      list-style-type: none;
  }

  .responsive-menu a {
      float: none;
  }

  /* =Nav
  -------------------------------------------------------------- */

  .site-header {
      background-color: #252525;
      padding-top:30px;
  }
  .menu-item {
      width:100% !important;
      position: relative;
      padding: 0px;
      line-height:35px;
  }
  .menu-btn-container{
      content:'menu';
      text-transform:uppercase;
      color:#fff;
      padding: 32px 20px;
  }
  #menu-btn {
      cursor: pointer;
  }
  .menu-btn div {
      position: absolute;
      left: 100%;
      top: 64%;
      padding-right: 8px;
      margin-top: -0.50em;
      line-height: 1.2;
      font-size: 18px;
      font-weight: 200;
      vertical-align: middle;
      z-index: 99;
  }
   
  .menu-btn span {
      display: block;
      width: 19px;
      height: 3px;
      margin: 4px 0;
      background-color: #505050;
      z-index: 99;
  }
  .menu-btn #menu-text {
      display:block;
      float:left;
      position:absolute;
      top:2px;
      left:30px;
      background-color: #252525;
  }
   
  .expand {
      display: block !important;
  }
   
  .open-menu-link{
      display: none;
      position: absolute;
      right: 15px;
      top:0;
      line-height: 35px;
      font-size: 30px;
      cursor: pointer;
  }

  .responsive-menu ul#menu-header-menu li:first-child {
      border-top: 1px solid #e6e6e6;
  }

  .responsive-menu ul#menu-header-menu ul.sub-menu li:first-child {
    border-top: 0;
  }
   
  li .sub-menu{
      display: none;
  }
  
  ul .menu-item {
      /* margin-top: 20px; */
  }

  li .sub-menu li {
    list-style-type: none !important;
  }

  li .sub-menu a {
    font-size: 13px;
  }

  .sub-menu li {
      padding: 0 50px;
  }

  .sub-menu .sub-menu li {
      padding-left: 50px;
  }
    
  .visible {
    display: block !important;
    color: #fff;
  }

  #search-icon a.search-i {
      border-bottom: none;
  }

}
/** End Changes For Nav **/


/** Full Width Nav Styling **/
@media only screen and (min-width: 806px) {
    .responsive-menu {
        padding: 20px;
        float: right;
    }
    .responsive-menu ul    {
        margin: 0; padding: 0; /* only needed if you have not done a CSS reset */
    }

    .responsive-menu li    {
        display: block;
        float: left;
        margin: 0; padding: 0; /* only needed if you don't have a reset */
        position: relative; /* this is needed in order to position sub menus */
    }

    ul#menu-header-menu li.menu-item {
        margin-left: 20px;
    }

    .responsive-menu li a  {
        display: block;
        padding: 15px;
    }

    /* .responsive-menu .current-menu-item a, #main-nav .current_page_item a, #main-nav a:hover {
        color: #fff;
        background: linear-gradient(to right, #f47317c7 , #ff682ec7);
    } */

    .responsive-menu ul ul {
        display: none;
        position: absolute;
        top: 45px;
        width: 165px;
        text-align: center;
        background: #ffffff;
        border: 1px solid rgba(0,0,0,.15);
        border-radius: .25rem;
        box-shadow: 0 3px 5px 0 rgba(0,0,0,.1);
    }

    .responsive-menu ul ul li {
        float: none;
        margin: 20px;
    }

    .responsive-menu ul#menu-header-menu li.menu-item ul.sub-menu li {
        margin: 0;
        width: 100%;
    }

    .responsive-menu ul ul li a {
        padding: 10px 13px;
        width: 100%;
        line-height: 1.5;
    }

    .responsive-menu ul ul li a:hover {
        background: #ffeac3;
        color: #F47317;
    }

    .responsive-menu ul li:hover > ul {
        display: block;
    }
}

/** Search Styling **/

    div#search-icon {
        padding: 20px 10px 0 0;
        float: right;
    }
    a.search-i {
        padding: 15px;
    }
    i.fas.fa-search {
        padding-right: 0;
    }