/* MENU ARROWS START */
.arrow{
    border: 1px solid white;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 3px;
    margin: 0 0 2px 4px;
}
  
.down {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
/* MENU ARROWS END */


/* NAVBAR STARTS */
.navbar {
    overflow: hidden;
    margin-top: 4px;
}

/* DIVS POSITIONING STARTS */
.logo-div{  
    float:left;
    background: transparent;   
    /*background: #FF1493;*/   
}

.admin-div{
    float:right;
    overflow: hidden; 
    /*background: pink;*/
}

.middle-div{
    float:right;  
    overflow: hidden;
    /*background: #FF1493;*/
}

.after-logo-div{
    float: right;  
    overflow: hidden;    
    /*background: lightblue;*/
}
/* DIVS POSITIONING ENDS */

.logo-div a{
    color: white;
}

.logo-div a:hover{
    color: #FF6C2C;
    opacity: 1;
}

.logo-button{
    background: transparent; 
    font-weight: bold;
    font-size: 30px;
    cursor: pointer;
    border: 0;
    height: auto;
    padding: 4px 5px;
    font-family: 'Shippori Antique B1', sans-serif;  /*makes influence on logo margin*/  
    /*padding: 14px 16px;*/    
}

.logo-button:hover{ 
    color: #FF6C2C;
}

.dropbtn{    
    border: none;
    outline: none;
    color: white;
    background-color: inherit;
    font-size: inherit;
    font-family: inherit;
    padding: 14px 16px;                                   /*defines size of the ADMIN and 'en' buttons*/
    /*text-align: left;*/                                 /*overrides link's text-aline: center!*/ 
}

/*.admin-div .dropbtn, .middle-div .dropbtn{
    margin: 0;   
}*/ /*margin-right*/                                   /*defines right hand distance of ADMIN and 'en' buttons margin: 0 40px 0 0;*/


/*.dropbtn:hover, .dropbtn:active {
    background-color: #125688;
    opacity: 0.7;                  
    transition: .5s ease; 
}*/

/*max-width for dropdown-content*/
.max-width100px{
    width: 100px; /*use width instead of max-width otherwise @media it doesn't change to 100%*/
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;                             /*dropdown content color*/  
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
    outline: 0px solid green;
    /*min-width: 120px;*/      
}

.dropdown-content a {  
    /*float: none;*/
    color: black;
    padding: 9px;
    text-decoration: none;
    display: block;
    text-align: left;                                           /*overrides link's text-aline: center!*/
    /*font-size: 16px;*/                                            
}

.dropdown-content a:hover, .dropdown-content-btn:hover {
    background-color: #ddd;                       /*hover color*/
}

.dropdown-content a.active {
    background-color: #ddd;                       /*active color*/
}

.dropdown-content-btn{
    color: black;
    padding: 9px; 
    text-align: left;
    cursor: pointer;    
    border: none;
    outline: none;
    font-family: inherit;
    font-size: inherit; 
    background: inherit; 
    width: 100%; 
}

.admin-div:hover .dropdown-content, 
.middle-div:hover .dropdown-content, 
.middle-div-mob:hover .dropdown-content {
    display: block;
}

.admin-div.active .dropbtn, 
.middle-div.active .dropbtn, 
.middle-div-mob.active .dropbtn {
    background: #3F3F3F;                              /* active color*/
}

.trick{
    height: 1px; 
    visibility: hidden;  
    padding: 0 16px; 
    margin: 0;
}
/*--- NABAR ENDS ---*/