/*
 * FILE: common_sidemenu.css
 * The CSS styles supporting the sidemenu, English and Hebrew versions.
 * See comments in files common_sidemenu_en.php and common_sidemenu_he.php.
 * This file expects the home page (Eng and Heb) to have class='main' in body tag.
 *
 * 2019-04-11
 */
/*Restrict body width */
#wrapper { max-width: 950px; min-width: 170px; margin: auto; }

/*Initial display none. JavaScript displays when page has loaded */            
#webform_side_tab { display: none; } /*Subscribe button on home page*/           
#wrapper { display: none; position: relative; }

/**************************************************
 The menubar (non-homepage)
**************************************************/   
#common-menubar {
    max-width: 950px;
    position: fixed;
    top: 0;
    height: 40px;
    width: 100%;
    background: #337ab7;
    z-index: 9; /* Stay on top */
}
  
/* Position of menubar (via JavaScript)*/
@media screen and (min-width:401px) {
    .barposition-en { margin-left: -80px; }
    .barposition-he { margin-right: -80px; }    
}    
@media screen and (max-width:400px) {
    .barposition-en { margin-left: -15px; }
    .barposition-he { margin-right: -15px; }
}
/*Making space for the menubar ... */
.wrap-en, .wrap-he { padding-top: 40px; }
/* ... but not on the home page */
body.main .wrap-en, body.main .wrap-he { padding-top: 0px; } 

/**************************************************
 The container class for the menu items
**************************************************/ 
.sidenav {
    width: 80px;
    padding: 0px;
    position: absolute;
    z-index: 1; 
    top: 40px;  /*override in body.main*/
    left: 0px;  /*Ignored if rtl*/
    right: 0px; /*Ignored if ltr*/
    background-color: #fff; 
    overflow-x: hidden; /* Disable horizontal scroll */
    overflow-y: hidden; /* Disable vertical scroll */
    display: block;
}
/*Adjust position on the homepage */
body.main .sidenav { top: 120px; }
 
@media screen and (min-width:401px) { 
    .sidenav { display: block; }
    #openmenu { display: none; }
    #closemenu { display: block; }
/*Class added to #wrapper 80px space L or R for side menu (wide screens)*/            
    .wrap-en { padding-left: 80px; }
    .wrap-he { padding-right: 80px; }    
/*Class added to fixed buttons shifting from fixed position into side space*/    
    .btnmg-en { margin-left: -80px; }
    .btnmg-he { margin-right: -80px; }  
}
    
@media screen and (max-width:400px) {
    .sidenav { display:none; }
    #openmenu { display: block; } 
    #closemenu { display: none; }
/*Class added to #wrapper removing side menu space (narrow screens)*/            
    .wrap-en { padding-left: 15px; } 
    .wrap-he { padding-right: 15px; }    
/*Class added to fixed buttons retaining the fixed position (narrow screens)*/     
    .btnmg-en { margin-left: -15px; }
    .btnmg-he { margin-right: -15px; }
}    
/**************************************************
 The Menu buttons. See common_sidemenu_items.php
 Font size etc made different in Eng and Heb via 
 nav-en and nav-he parent classes.
 Styles custom and standard (Bootstrap) buttons.
**************************************************/
/* The side navigation menu position Heb/Eng */
#common-sidemenu.nav-he { right: 0; }            
#common-sidemenu.nav-en { left: 0; }
.sidenav a { display: block; margin-bottom: 1px; z-index: 1; }

.x-subscribe {  /*Custom button: Get Study Material*/
    background: url(/images/table_icons/mailiconup.png) no-repeat;
    color: #182963;
    height: 80px;
    display: block;
}
.nav-en .x-subscribe { padding: 45px 0 0 0; font-size: 14px; line-height: 14px; }
.nav-he .x-subscribe { padding: 42px 0 0 0; font-size: 15px; line-height: 15px; }
.x-subscribe:hover {
    background: url(/images/table_icons/mailicondn.png) no-repeat;
}

.x-sponsors {   /*Custom button: Sponsors and donors*/
    background: url(/images/table_icons/sponsorsiconup.png) no-repeat;
    text-align: center;
    height: 40px;
    color: #000;
    display: block;
}
.nav-en .x-sponsors { padding: 5px 0 0 0; font-size: 14px; line-height: 14px; }
.nav-he .x-sponsors { padding: 3px 0 0 0; font-size: 15px; line-height: 15px; }    
.x-sponsors:hover {
    background: url(/images/table_icons/sponsorsicondn.png) no-repeat;
}
    
.x-ask {    /*Custom button: Ask a question button*/
    background: url(/images/table_icons/askiconup.png) no-repeat;
    color: #182963;
    height: 43px;
    display: block;
    text-decoration: none;
}
.nav-en .x-ask { padding: 7px 13px 0 0; font-size: 14px; line-height: 14px; }
.nav-he .x-ask { padding: 0 15px 0 0; font-size: 15px; line-height: 13px; }    
.x-ask:hover { background: url(/images/table_icons/askicondn.png) no-repeat; }
    
/* Standard buttons for 1 (std1) or 2 (std2) lines of text */ 
.x-std1, .x-std2 { height: 40px; }
.nav-en .x-std1 { padding:10px 0 0 0; font-size: 14px; line-height: 14px; }    
.nav-he .x-std1 { padding:10px 0 0 0; font-size: 15px; line-height: 15px; }
.nav-en .x-std2 { padding: 5px 0 0 0; font-size: 14px; line-height: 14px; }    
.nav-he .x-std2 { padding: 2px 0 0 0; font-size: 15px; line-height: 15px; }

/* Menu open/close button. Style differs on homepage
and is changed by JavaScript (see common_sidemenu.js).*/
#menu-button { position: absolute; z-index: 10; top: 0px; } 
#menu-button .btn-primary { 
    width: 80px;
    height: 40px;
    font-size: 15px;
    color: #337ab7; 
    background-color: white; 
}
body.main #menu-button { position: fixed; z-index: 10; top: 120px; }
body.main #menu-button .btn-primary { color: white; background-color: #337ab7; }

/**************************************************
 The language change button 
(amended in JavaScript - see common_sidemenu.js)
**************************************************/ 
/* The language button in the menubar (not homepage) */   
#toggle-language { position: absolute; top: 0px; }    
#toggle-language .btn-primary { 
    width: 80px;
    height: 40px;
    font-size: 15px;
    color: #337ab7; 
    background-color: white; 
}
#toggle-language .btn-primary { padding: 8px 0 0 0; } 
/*Menu bar language button positions (left on Hebrew, right on English pages)*/
#toggle-language.bar-he { left: 0; }
#toggle-language.bar-en { right: 0; } 

/*Adjustments for the home page*/
body.main #toggle-language { position: fixed; }
body.main #toggle-language { width: 80px; height: 80px; z-index: 10; }
body.main #toggle-language a { display: block; height: 100%; }
/*English index icon images*/
body.main #toggle-language.english a:link { 
    background: url(/images/table_icons/heb.png) no-repeat; 
}
body.main #toggle-language.english a:hover { 
    background: url(/images/table_icons/heb_over.png) no-repeat; 
}
/*Hebrew index icon images*/
body.main #toggle-language.hebrew a:link  { 
    background: url(/images/table_icons/english.png) no-repeat; 
}
body.main #toggle-language.hebrew a:hover { 
    background: url(/images/table_icons/english_over.png) no-repeat; 
}