.menu_item_title{
  padding:5px;
  background:$orange;
  padding:5px 10px;

  background-image:url('/orange.jpg');
  z-index:2;
  left:0;
  right:0;
  text-transform:uppercase;

  margin-left:-10px;
  margin-right:-10px;
  margin-bottom:20px;
  h1{
    color:white;
    text-align:center;
    font-size:22px;
    
  }

  a{
    font-weight:normal;
    color:white;
  }

}


#menu_top_container{
  
  .menu_item_title{
    margin-bottom:-10px;
    h1{
      display:none;
    }
  }
  
  
  background:white;
  z-index:60;
//  position:fixed;
  top:30px;
  left:0;
  right:0;
  
  &.move_top{
    
    position:fixed;
    top:0;
    left:0;
    right:0;
    
    #menu{
      .content{
        
        bottom:13px;
      }
      
    }
  }
  
  
  
  
  
  #menu{
    position:relative;

    right:0px;
    z-index:100;
  
    //box-shadow:0 0 15px rgba(0,0,0,0.3);
    #logo{

      transition-duration: 0.5s;
      top:0;
      left:15px;

       z-index:100;
        height:60px;
        margin-left:5px;
     

    
  
    display:block;
    //height:60px;

  

    }
  
  
  
    font-size:1em;
    text-align:right;

    padding:10px 10px;
  

 
    
    .content{
      position:absolute;
      bottom:20px;
      right:10px;
      //text-transform:uppercase;
      font-family:$title_font;
      font-size:1.3em;
      ul{
        display:inline;
     
        li{
          list-style:none;
          display:inline-block;
          position:relative;
          &:hover{
            ul{display:block;}
          
          }
        
        }
      
      
      
      }
    
      a{

        margin:0;
        border-bottom:1px solid transparent;
        display: inline-block;
        color:rgba(0,0,0,0.8);
        text-decoration: none;
      
        //font-size:18px;
        position:relative;
      
        padding: 5px 8px;
      



        margin-right:0px;

      

        &:hover, &.active{

          color:rgba(236,156,43,1);
      
     
        }

        &:last-child{
          margin-right:0;

        }


      }
      .donate{
      
       a{
       
         text-transform:uppercase;
         color:white;
         margin-left:5px;
         padding:6px 20px;
         font-size:0.95em;
         
         background: $blue;
         background-size: auto 100%;
         font-weight:500;
         &:hover{
          background-color:darken($blue,5); 
         }
       
       
       
       
       
       } 
      }
    
    }

  
  }
  
  
  
  
  
  
  &.move_top{
    
    #baseline{
      display:none;
    
    }
    .menu_item_title{
      h1{
        display:none;
      }
    }
    #menu {
      
      
      .sub_content{
      
        display:none;
      }
      
      #logo{
        
        height:40px;
      }
    }
    
  }
  
}




.sub_menu_bar_container{
  
  min-height:40px;
}
.sub_menu_bar{
  //border-top: 1px solid rgba(11,37,57,0.8);
  //border-top: 1px solid #AFAFAF;
  //transition-duration:0.5s;
  //position:fixed;
  z-index:10;
  top:0px;
  left:0;
  right:0;
  text-align:center;
  //background:rgba(255,255,255,0.8);
  text-transform:none;
  &.move_tops{

    background:rgba(0,0,0,0.8);
    color:white;
    position:fixed;
    
    h3{
      color:white;
      display:inline-block;
    }
    
    ul{
 
      padding-right:10px;
      li{

        a{
          
          color:white;
          
          &.active{
            color:rgba(253,164,40,1);
          }
        }
      }
    }
  }
  
  
  h3{
    padding:12px 10px;
    margin:0;
    display:none;

  }
  
  
  
  ul{
    margin:0;
    padding:0;
    
    
    li{
      
      display:inline-block;
      
      .sub_item{
        display:none;
        
      }
      
      &:hover{
        .sub_item{
          display:block;
        
        }
        
      }
      img{
        display:block;
        margin:auto;
        height:55px;
      }
      
      a{
        display:inline-block;
        padding:20px 18px;
        padding-top:5px;
        color:white;
        
        font-size:14px;
        
        text-transform:uppercase;
        font-weight:900;
        
        .noir{
        display:none;
      }
        &.active{
          
          .noir{
            display:block;
          }
          
          .blanc{
            display:none;
          }
        
          color:black;
          background:white;
        }
        
      }
    }
    
  }
  
  
  
}

.sub_menu_item_top_container{
  text-align:center;
  ul{
    margin:0;
    padding:0;
    
    
    li{
      padding:0;
      display:inline;
      list-style:none;
      
      a{
        display:inline-block;
        padding:10px 10px;
        padding-bottom:8px;
        color:black;
        font-weight:bold;
        
        &.active{
          font-weight:bold;
          border-bottom:2px solid $orange;
        }
      }
    }
    
  }
    
    
}

.width_sidebar{
  
  //max-width:1250px;

  
  
  #corps{
    float:right;
    width:800px;
    .inner{
      
      margin:20px 20px;
      margin-bottom:10px;
      background:white;
    }
    
  }
  
  
  
}

#sidebar{
  

  float:left;
  h2{
    
    font-size:1.1em;
    display:none;
    padding:10px;
    margin:0;
  
    background:rgba(0,0,0,0.8);
  }
  .side_menu{
    

    width:100%;
    width:300px;
    background:rgba(0,0,0,0.8);
    transition-duration:0.5s;
    z-index:5;
    
    
    
  }
  .square{
    //padding:0 10px;
    
  }
  h4{
    
    margin:0;
    padding:0;
    a{
    padding:15px;
    color:white;
    display:block;}
    
  }
  ul{
    margin:0;
    padding-left:0px;
    
    .link_overlay{
    	-webkit-filter: grayscale(70%);
    	filter: grayscale(70%);
      
      &:hover, &.active{
      	-webkit-filter: grayscale(0%);
      	filter: grayscale(0%);
        
      }
      
      &.active{
        
        a{
          
          color:rgba(253,164,40,1);
          border-left:2px solid rgba(253,164,40,1);
        
        }
      }
      
    }
    
    
    
    
    a{
      padding:10px 15px;
      //border-bottom:1px #DCDCDC solid;
      display:block;
      color:white;
      background:rgba(0,0,0,0.8);
      

      
      &:hover{
        
        background:rgba(0,0,0,0.8);
        color:rgba(253,164,40,1);
      }
      &.active{
        
       
         
      }
    }

    
    //text-transform:uppercase;
    li{
      
      list-style:none;
      
      ul{
        padding-left:0px;
        li{
          margin-bottom:0px;
        }
        a{
          padding:8px 8px;
          padding-left:25px;
        }
        
        margin-bottom:0;
        text-transform:none;
        display:none;
        font-size:0.98em;
        ul{
          a{
            color:rgba(250,250,250,0.8);
            padding-left:35px;
          }
          
          ul{
            a{
               padding-left:48px;
              
            }
            
          }
          
        }
        
      }
    }
    
  
  }
  
  .ul_active{
    

      
      ul{
        
        display:block;
        
        
      }
    
  }
  
  
  ul{
    
    ul{
      ul{
        display:none !important;
      }
    }
  }
  .experimented_li{
    
    ul{display:block !important;}
  }
  .header_active{
    
    ul{
      display:block !important;
      
    }
  }
  
}




.menu_item_children_small{
  text-align:center;
  margin:1% 0;
  .menu_itemlink_content{
    width:30%;
    margin:1%;
    display:inline-block;
    
  }
  
}


.sub_content{
  font-size:0.9em;
  color:white;
  position:absolute;
  top:5px;
  right:10px;
  ul{
    display:inline;
    li{
      display:inline;
      a{
        display:inline-block;
        color:rgba(0,0,0,0.7);
        padding:0 5px;
      
        &:hover, &.active{

          color:rgba(236,156,43,1);
  
 
        }
      
      }
    }
  }

}


