/*
 * Theme Name:  PreGel Child
 * Template: pregel-master
 * Text Domain: pregel-child
 * Description:
 * Author:
 * Author URI:
 * Version:     1.0
 */

 .navbar.scrolling .logo-wrapper {
  /* transform: scale(.6); */
}

.navbar.scrolling .logo-wrapper img {
  display: none;
}

.navbar.scrolling .logo-wrapper {
  background-image: url('img/logotext-web.png');
  background-repeat: no-repeat;
  background-position-y: center;
  background-size: contain;
}

 a.shop-archive {
   color: #84db00;
 }

.main-dropdown-container{
    margin: auto;
    /* width: 50%; */
    /* background-color: #f4ede1; */
    color: #444;
  }
  /* ul{
    list-style-type: none;
    padding: 0;
    margin: 0;
  } */

  span.pga-flag {
      
  }
  /*1. style button*/
  
  .dropdown-button{
    border: none;
    padding: 10px;
    font-size: 16px;
    background-color: #f4ede1;
    color:#444;
  }
  
  /*2. style dropdown container div*/
  
  .dropdown-container-div{
    display: inline-block;
    position: relative;
    padding-left:10px;
  }
  
  /*3. style hidden dropdown content items*/
  
  .dropdown-content{
    display:none;
    position: absolute;
    z-index: 1;
    background-color: #f4ede1;
    min-width: 116px;
    box-shadow: 0px 8px 20px 0px rgba(0,0,0, 1);
    width: 100%;
    /*do not add padding here, it will affect appearance of hover*/
  }
  
  /*4. Style links in dropdown content why don't you*/
  .dropdown-content a{
    display: block;
    text-decoration: none;
    color: #444;
    padding: 12px 16px;
  }
  
  /*5. style links in dropdown content when you hover over them*/
  .dropdown-content a:hover{
    background-color: #888;
  }
  
  /*6. display dropdown content when you hover over the dropdown div*/
  
  .dropdown-container-div:hover .dropdown-content{
    display: block;
  }
  
  /*7. Change color of dropdown button when you display the dropdown content*/
  
  .dropdown-container-div:hover .dropdown-button{
    background-color: #84bd00;
    
  }

  /* hide mobile search button for large and up because they did not include lg:hidden in their build */
@media (min-width: 1024px) {
    #pga-mobile-search {
      display: none;
    }
}