/* Menu bar and fonts */
.footer-menu {
    background: #0ea44d; /* Dark gray */
    /* box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, .5);
    box-sizing: border-box; */
    line-height: 1;
  }
  
  
  /* Menu Button */
  input.footer-menu-btn {
    display: none; /* Hide the checkbox */
  }
  
  input[type='checkbox'].footer-menu-btn ~ .footer-collapse {
    display: none; /* Hide menu on load */
  }
  
  input[type='checkbox']:checked.footer-menu-btn ~ .footer-collapse {
    display: block; /* Open when menu button is clicked */
  }
  
  label.footer-menu-btn {
    color: #959595; /* Light gray */
    cursor: pointer;
    display: block;
    padding: 16px 32px;
  }
  
  label.footer-menu-btn:hover {
    color: #fff;
  }
  
  .footer-collapse {
    /* Add border between menu and menu button when it's open */
    border-top: 1px #959595 solid; /* Light Gray */
  }
  
  
  /* Menu Items */
  .footer-menu ul,
  .footer-menu li {
    list-style: none;
    margin: 0;
    padding: 0;
  }
  
  /* Links */
  .footer-menu a {
    color: #fff; /* Light gray */
    display: inline-block;
    padding: 16px 32px;
    text-decoration: none;
  }
  
  .footer-menu a:hover {
    color: #fff; /* White */
  }
  
  /* Submenu Items */
  .footer-menu ul ul {
    display: none; /* Hidden by default */
  }
  
  /* Dropdowns */
  
  .footer-dropdown:hover ul {
    display: block;
  }
  
  .footer-dropdown:hover a {
    /* Make top-level menu item stay highlighted when hovering over children */
    color: #fff; 
  }
  
  .footer-dropdown ul {
    background: #0ea44d; /* White */
    padding: 0;
  }
  
  .footer-dropdown ul a,
  .footer-dropdown:hover ul a {
    color: #fff; /* Blue */
    padding-left: 10%;
  }
  
  .footer-dropdown ul a:hover,
  .footer-dropdown:hover ul a:hover {
      color: white;
      background-color: rgba(11, 121, 44, 0.7);
      border-radius: 5px;
      padding-left: 10%;
  }
  
  /* Tertiary+ Menu Items */
  .footer-dropdown ul ul {
    border-bottom: 1px #ccc solid; /* Light gray */
    border-top: 1px #ccc solid;
    box-shadow: none;
    margin-bottom: 16px;
    max-width: 100%;
    position: relative;
  }
  
  /* Icons */
  .footer-icon-dropdown {
      border: solid #fff; /* Light gray */
      border-width: 0 2px 2px 0;
      display: inline-block;
      margin: 0 0 3px 8px;
      padding: 3px;
      transform: rotate(45deg);
  } 
  
  li:hover .footer-icon-dropdown {
      border-color: #fff; /* White */
  } 
  
  .footer-icon-menu::before {
    content: '\2630';
  }
  
  @media screen and (min-width:541px){
    .hidden-menu{
      display: none;
    }
  }

  @media screen and (max-width:541px){
    .hidden-menu-desktop{
      display: none !important;
    }
  }
  
  @media screen and (min-width: 320px) and screen (max-width:540px) {
    
    /* Menu items */
    .footer-menu li {
      display: inline-block;
    }
    
    .footer-menu a {
      padding: 16px;
    }
    
    /* Dropdowns */
    .footer-dropdown {
      position: relative;
    }
    
    .footer-dropdown li a {
      display: block;
      padding: 8px 16px;
      white-space: nowrap;
    }
    
    .footer-dropdown ul {
      box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, .5);
      padding: 8px 0;
      position: absolute;
      min-width: 100%;
    }
  
    .footer-dropdown ul a,
    .footer-dropdown:hover ul a {
      padding-left: 10% !important;
    }
  
    .footer-dropdown ul a:hover,
    .footer-dropdown:hover ul a:hover {
        /* color: white;
        background-color: rgba(11, 121, 44, 0.7);
        border-radius: 5px; */
        padding-left: 10% !important;
    }
    
    /* Menu Button */
    input.footer-menu-btn,
    label.footer-menu-btn {
      display: none; /* Hide menu button */
    }
    
    input[type='checkbox'].footer-menu-btn ~ .footer-collapse,
    .footer-collapse {
      display: block; /* Show menu */
    }
  
  }