/*
    File: main_heb.css
    Created on : 12-Dec-2018, 15:40:59
    Author     : festsoft (David Johnson, Durham, UK)
    This file contains the CSS descriptors for the main_heb.php home page
    (Hebrew version), based on content_heb.php and menu_heb.php.
    These descriptors have a mh- prefix serving as a namespace indicator that
    they belong to this file.
    Stucture: As main_heb.php is based on Bootstrap using class='row', the
    rows have been given an ID of 'rowN' where N is 1 or 2 digits.
    The CSS descriptors are mainly laid out in the rows in which they are used.

    Please maintain a modification record.
    Modification record:
    21 Jan 2019 Based on development version main_heb5.css (for main_heb5.php)
    and uploaded to main site.

*/
body {
    margin: 0px;
    padding: 0px;
    line-height:normal;
    background: url(/images/table_icons/daftile.png) #fff;
    max-width: 970px;     
    font-family: Arial, sans-serif;
    font-size: 16px;
    unicode-bidi: embed;
    direction: rtl;
}
iframe {
    border: none;
    overflow: hidden;
}
.ltr { direction:ltr; }
.rtl { direction:rtl; }
@media screen and (min-width:500px) {
    .smallbreak { display: none; }
}
@media screen and (min-width:768px) {
    .medbreak { display: none; }
}

#mh-wrapper { padding-bottom: 25px; }
@media screen and (max-width: 578px) {
    #mh-wrapper { padding-left: 20px; padding-top: 0px; }
}
@media screen and (min-width: 579px) {
    #mh-wrapper { margin-left: 100px; padding-top: 0px; }
}

/* Horizontal rule */
.mh-rule { margin: 15px auto; border: 0; border-top: 1px solid #000; }

/* For all panels with transparent background */
.mh-panel {
    background: transparent;
    padding: 5px 0px 5px 0px;
    border: none;
    margin-bottom: 0;
}
.mh-panel-heading {
    background-color: #8DBDFF !important;
    text-align: center;
}
/*Sidebar*/
#mh-sidebar {
    position: relative;
    width: 80px;
    float: left;
}


/** ROW0 *************************************************/
/*English index icon at top fixed (in main page) Not fixed in daflinks!*/
body.main .mh-eng-btn a {
    z-index:9999;
/*    position:fixed; */
    top:0;
    left:0;
    display: block;
    width: 80px;
    height: 80px;
    margin-left: 0px;
}
/*English index icon at top. Not fixed in daflinks*/
body .mh-eng-btn a {
    float: right;
    display: block;
    width: 80px;
    height: 80px;
/*    margin-right: 10px; */
}
/*English index icon images*/
.mh-eng-btn a:link {
    background: url(/images/table_icons/english.png) no-repeat;
}
.mh-eng-btn a:hover {
    background: url(/images/table_icons/english_over.png) no-repeat;
}

/* Memorial plaque at top of page */
#mh-memorial { height: 80px; text-align: center; }
#mh-memorial img { height:80px; }
@media screen and (max-width: 578px) {
    #mh-eng-btn { top: 0; left: 0px; }
}

/********************************************************/
/*MAIN MENU ITEMS (in <ul> list </ul>) */
.mh-menu {
    list-style-type: none;
    width: 80px;
    margin: 0;
    padding: 0;
    font-family: Arial, sans-serif;
    font-size: 0.8em;
    line-height: 1em;
}
/* Menu toggle button 100x32px */
#mh-menubtn {
    position: fixed;
    top: 80px;
    left: 0px;
    height: 20px;
    z-index: 2000;
}
@media screen and (min-width: 579px) {
    #mh-menubtn { display: none; }
}
@media screen and (max-width: 578px) {
    #mh-menubtn { display: block; }
}

#mh-menuvis {
    background-color: #182693;
    width: 80px;
    height: 20px;
    padding: 0;
}
/* Menu container */
.mh-nav { width: 80px; margin: 0 0 0 0; padding: 0; z-index: 1800; }
@media screen and (max-width: 578px) {
    .mh-nav { position:absolute; top: 100px; left: 0; display: none; }
}
@media screen and (min-width: 579px) {
    .mh-nav { 
        position: fixed; 
        top: 80px !important; 
        display: block !important;
        /*margin-top: 80px;*/
    }
}

/*Get Study Material*/
.mh-menu li { margin-bottom: 0px; }
.mh-menu li.mh-subscribe {
    background-image: url(/images/table_icons/mailiconup.png);
    color: #182963; height: 80px; width:80px; padding-top: 70px;
}
.mh-menu li.mh-subscribe a {
    display: block; color: inherit; text-align: center;
    text-decoration: none; font-size: 1.0em;
    margin-top: -27px;
}
.mh-menu li.mh-subscribe:hover {
    background-image: url(/images/table_icons/mailicondn.png);
}
/*Sponsors and donors*/
.mh-menu li.mh-sponsors {
    background-image: url(/images/table_icons/sponsorsiconup.png);
    text-align: center;
    height: 40px;
    width: 80px;
    color: #000;
    padding-top:2px;
}
.mh-menu li.mh-sponsors:hover {
    background-image: url(/images/table_icons/sponsorsicondn.png);
}
.mh-menu li.mh-sponsors a {
    display: block; color: inherit; text-decoration: none;
    padding-top: 5px; font-size: 1.0em; text-align: center;
    margin-top: 0px;
}

/* Standard blue buttons (2 lines) */
.mh-menu li.mh-std2 { 
    height: 32px; text-align: center; color: #FFF;
    background: url(/images/table_icons/menuiconup2.png);
}
.mh-menu li.mh-std2:hover {
    background: url(/images/table_icons/menuicondn2.png);
}
.mh-menu li.mh-std2 a {
    padding-top: 3px;
    display: block; color: inherit; text-decoration: none;
}

/*Ask a question*/
.mh-menu li.mh-ask {
    background: url(/images/table_icons/askiconup.png); color: #182963; height: 43px;
}
.mh-menu li.mh-ask a {
    display: block; color: inherit; text-decoration: none;
    padding-left: 15px; padding-top: 5px; padding-right:30px;
    font-size: 0.9em; line-height: 0.9em; text-align: center;
}
.mh-menu li.mh-ask:hover {
    background: url(/images/table_icons/askicondn.png);
}

/*MAIN LOGO AND TITLE*/
#mh-logo { line-height: 1.1; }
#mh-logo .mh-heblogo { margin: 0 auto 0 auto; }
#mh-logo img { margin:0 auto; } /*IMP centres logo image*/
#mh-logo .mh-logotext, #mh-logo .mh-logosubtext { text-align: center; }
#mh-logo .mh-logotext a { font-size: 1.4em; font-weight:bold; color:blue; text-decoration: none; }
#mh-logo .mh-logosubtext { font-size:1.0em; margin-top:-10px; }
#mh-logo .mh-logosubtext a { font-size:1.0em; color:blue; text-decoration: underline; }
#mh-logo .mh-logosubtext a:hover { color:purple; }

/**************************************************************/
#mh-bulletin-board { text-align:center; }

#mh-bulletin-board table {
    margin:10px auto 10px auto;
    max-width: 250px;
    direction: ltr; /* So donation is left, calendar right */
}
#mh-bulletin-board table td { padding:0 5px 0 5px; }
#mh-bulletin-board table td a { text-decoration: underline; }
#mh-bulletin-board table td span { color:blue; font-weight:normal; }
#mh-bulletin-board img { max-height:140px; }

/* Revised Bulletin Board (responsive) )style*/
.bb-items {
    position: relative;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: bold;
}
.bb-item {
    display:inline-block;
    max-width:150px;
    vertical-align: top;
    margin: 10px 10px 10px 10px;
}
.bb-item a { color: blue; text-decoration: none; }
.bb-item img { height: 150px; }
.bb-item span {
    display: block;
}
.bb-item span img { }
/**************************************************************/
/* Members site logo & link */
/* Ask the Kollel logo and link */
.mh-ask-icon, .mh-msite-icon { padding: 0; text-align: center; }
.mh-msite-icon a, .mh-ask-icon a {
    display: inline-block;
    min-width: 120px;
    height: 164px;
    background: transparent;
}
.mh-msite-icon a span, .mh-ask-icon a span {
    display: block;
    width: 100%;
    height: 100%;
}
/* Image sizes 120px x 164px transparent nm_ version 120px x 164px */
.mh-msite           { background: url(/images/table_icons/nm_members_site.png); }
.mh-msite:hover     { background: url(/images/table_icons/nm_members_site_over.png); }
.mh-ask             { background: url(/images/table_icons/nm_ask_kollel.png); }
.mh-ask:hover       { background: url(/images/table_icons/nm_ask_kollel_over.png); }

/** ROW10 *************************************************/
/* ICON PANEL 1 */
.mh-panel1 { max-width: 600px; margin: 20px auto 0 auto; }
.mh-panel1-body { background: #fff; padding: 5px 0px 5px 0px; text-align: center;}

/* The table icon containers for Icon Panel 1 */
a.mh-panel1-icon {
    display: inline-block;
    width: 24%;
    min-width: 110px;
    height: 100px;
    background: #FFF;
    margin: 0;
}
a.mh-panel1-icon span {
    display: block;
    width: 110px;
    height: 100px;
    margin: 0 auto;
}
/* The icons for Icon Panel1 (replacing .sN coding)*/
.nm09        {background:url(images/table_icons/galai.png);}
.nm09:hover  {background:url(images/table_icons/galai_over.png);}
.nm10        {background:url(images/table_icons/yosef.png);}
.nm10:hover  {background:url(images/table_icons/yosef_over.png);}
.nm10m       {background:url(images/table_icons/yosef_members_hb.png);}
.nm10m:hover {background:url(images/table_icons/yosef_members_hb_over.png);}
.nm11        {background:url(images/table_icons/charts.png);}
.nm11:hover  {background:url(images/table_icons/charts_over.png);}
.nm12        {background:url(images/table_icons/chidon.png);}
.nm12:hover  {background:url(images/table_icons/chidon_over.png);}
.nm24        {background:url(images/table_icons/teshuvos-lkorim.png);}
.nm24:hover  {background:url(images/table_icons/teshuvos-lkorim-color.png);}
/** ROW15 *************************************************/
/*Matchup and book icons*/
#mh-icon-boxes {
    margin: 20px auto;
    width: 256px;
}
.mh-icon-box {
    display: block;
    width: 128px;
    height: 168px;
    background: transparent;
    float: left;
}
/* Matchup icon on left */
.mh-matchup-heading {
    display: block;
    width: 128px;
    height: 40px;
    padding-top: 0px;
    text-align: center;
    background: transparent;
}
a.mh-matchup-icon {
    position: relative;
    display: block;
    width: 106px;
    height: 88px;
    padding: 0;
    margin: 20px auto 0px auto;
    text-decoration: none;
    background: transparent;
}
a.mh-matchup-icon         { background: url(/images/table_icons/matchup_notext.png); }
a.mh-matchup-icon:hover   { background: url(/images/table_icons/matchup_overnotext.png); }

/* Book icon on right */
.mh-book-heading {
    display: block;
    width: 128px;
    height: 40px;
    padding-top: 10px;
    text-align: center;
    background: transparent;
}
a.mh-book-icon {
    position: relative;
    display: block;
    width: 128px;
    height: 128px;
    padding: 0;
    text-align: center;
    text-decoration: none;
    background: transparent;
}
a.mh-book-icon div {
    display: block;
    width: 100%;
    height: 100%;
}
a.mh-book-icon div          { background: url(/images/table_icons/masecheslinks-book-bw.png); color: black; }
a.mh-book-icon:hover div    { background: url(/images/table_icons/masecheslinks-book-color.png); color:yellow; }
a.mh-book-icon p {
    font-size: 0.8em;
    position: relative;
    left: 4%;
    top: 40%;
    background: transparent;
}
@media screen and (max-width: 300px) {
    #mh-icon-boxes {
        margin: 20px auto;
        width: 128px;
    }
    .mh-icon-box {
        clear: both;
    }
    a.mh-matchup-icon {
        margin-top: 0px;
    }
    .mh-book-heading {
        height: 20px;
        padding-top: 0px;
        margin-top: -20px;
    }
}
/** ROW20 *************************************************/
/* Google search form */
.mh-google-form {
    display: block;
    width: 100%;
    max-width: 400px;
    margin: 0px auto;
    font-family: Arial, sans-serif;
    font-size: 1.0em;
    color: #003399;
}

/** ROW30 *************************************************/
/* ICON PANEL 2 'Study links'*/
.mh-panel2 {
    max-width: 680px;
    margin: 20px auto 0 auto;
}
.mh-panel2 .mh-panel-heading span {
     font-size: 1.2em;
     font-weight: bold;
}
.mh-panel2-body {
    padding: 5px 0 5px 0;
    direction: ltr; /*affects icon order*/
}
/* The table icon containers for Icon Panel2 */
a.mh-panel2-icon {
    vertical-align: top;
    display: inline-block;
    min-width: 110px;
    width: 19%;
    height: 150px;
    margin: 0px 1px 5px 1px;
    padding: 2px;
    background: white;
}
a.mh-panel2-icon .mh-img {
    display: block;
    width: 110px;
    height: 100px;
    margin: 0 auto;
}
a.mh-panel2-icon .mh-caption {
    display: block;
    margin: 0 auto;
    width: 95px;
    height: 32px;
    color: black;
    font-size:0.8em;
}

/* The table icons for the icon panel 2 (replacing .rN coding)*/
.nm202          { background: url(/images/table_icons/nx_otherdaily.png); }
.nm202:hover    { background: url(/images/table_icons/nx_otherdaily_over.png); }
.nm203          { background: url(/images/table_icons/nx_dafyomicycle.png); }
.nm203:hover    { background: url(/images/table_icons/nx_dafyomicycle_over.png); }
.nm204          { background: url(/images/table_icons/nx_yerushalmicycle.png); }
.nm204:hover    { background: url(/images/table_icons/nx_yerushalmicycle_over.png); }
.nm205          { background: url(/images/table_icons/mishnah-yomis.png); }
.nm205:hover    { background: url(/images/table_icons/mishnah-yomis-over.png); }
.nm206          { background: url(/images/table_icons/halachah-yomis.png); }
.nm206:hover    { background: url(/images/table_icons/halachah-yomis-over.png); }

/** ROW35 *************************************************/
/* ICON PANEL 3 'Reference library' */
.mh-panel3 {
    max-width: 600px;
    margin: 20px auto 0 auto;
}
.mh-panel3 .mh-panel-heading span {
     font-size: 1.2em;
     font-weight: bold;
}
.mh-panel3-body {
    padding: 5px 0 5px 0;
    text-align: center;
    direction: rtl; /*affects icon order*/
}
/* The table icon containers for Icon Panel3 */
a.mh-panel3-icon {
    vertical-align: top;
    display: inline-block;
    min-width: 110px;
    width: 20%;
    height: 150px;
    margin: 0px 1px 5px 1px;
    padding: 2px;
    background: white;
}
a.mh-panel3-icon .mh-img {
    display: block;
    width: 110px;
    height: 100px;
    margin: 0 auto;
}
a.mh-panel3-icon .mh-caption {
    display: block;
    margin: 0 auto;
    width: 95px;
    height: 30px;
    color: black;
    font-size:0.8em;
}

/* The table icons for the icon panel 3 (replacing .rN coding)*/
.nm301          {background: url(/images/table_icons/nx_othermas.png); }
.nm301:hover    {background: url(/images/table_icons/nx_othermas_over.png); }
.nm302          {background: url(/images/table_icons/nx_references.png); }
.nm302:hover    {background: url(/images/table_icons/nx_references_over.png); }
.nm303          {background: url(/images/table_icons/nx_israel.png); }
.nm303:hover    {background: url(/images/table_icons/nx_israel_over.png); }
.nm306          {background: url(/images/table_icons/nx_iconsiyum.png); }
.nm306:hover    {background: url(/images/table_icons/nx_iconsiyum_over.png); }

/** ROW40 *************************************************/
/*Chavrusa and Tutor*/
a.mh-chavrusa-icon {
    display: inline-block;
    width: 170px;
    height: 170px;
}
a.mh-chavrusa-icon span {
    display: block;
    width: 170px;
    height: 170px;
}
.mh-chavrusa         { background: url(/images/table_icons/chavrusaandtutor.png); }
.mh-chavrusa:hover   { background: url(/images/table_icons/chavrusaandtutor_over.png); }

/** ROW45 *************************************************/
/* Sabbath keeper caption */
.mh-shomershabes-text { color: #FF0033; font-size: 0.8em; margin-top: 0px; }

/** ROW55 *************************************************/
/* Footer Links */
#row55 { padding: 0; }
#row55 a { text-decoration: underline; color: blue; }

/** ROW60 *************************************************/
/* Acknowledgements */
#row99 { margin-top:15px; }
.mh-ack1 { margin-bottom: 0px; }
.mh-ack2 { font-size: 1.2em; color: #996600; }

/*End of file 19/1/2019 */

.modal-backdrop {z-index: 10400}
.modal {z-index: 10500}