@charset "UTF-8";
html {
  padding: 0;
  margin: 0; }

body {
  width: 100%;
  min-width: 315px;
  margin: 0px; }

img {
  border: none; }

#logo {
  margin: 0 0 auto 0;
  border: none;
  width: 95%; }

img.get-started {
  margin: 0 0 0 9px;
  filter: brightness(0.95);
  transition: all 0.1s ease; }
  img.get-started:hover, img.get-started:focus, img.get-started:active {
    filter: brightness(1.1) saturate(110%) drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.5)); }
  @media only screen and (max-width: 964px) {
    img.get-started {
      max-width: 90%;
      margin-bottom: 1em; } }

img.feature, img.mnemonic {
  margin: 2em 100% 0.5em 9px;
  float: left;
  clear: both; }
  @media only screen and (max-width: 964px) {
    img.feature, img.mnemonic {
      max-width: 90%; } }

ul li img.feature {
  margin: 1em 100% 1em 0; }

div.column {
  max-width: 600px;
  padding-top: 0px; }
  @media only screen and (max-width: 964px) {
    div.column {
      width: 100%; } }
  @media only screen and (min-width: 965px) {
    div.column {
      float: left;
      clear: left;
      width: 58%;
      min-width: 315px; } }

ul li {
  margin-top: 0.75em;
  margin-bottom: 0.75em; }

nav {
  text-shadow: none; }

nav.main {
  color: #fbd242;
  display: table;
  background-color: #113dad;
  border: none;
  clear: both;
  padding: 0;
  margin-left: 0;
  margin-bottom: 1.75em;
  margin-top: 1.75em; }

nav.main li a {
  color: #fbd242; }

nav.main li {
  border: dashed white 1px;
  background-color: #113dad;
  font-size: larger;
  font-weight: bold;
  list-style: none;
  padding: 10px;
  height: 33px; }

nav.main li p {
  display: inline; }

nav.main li.next {
  display: table-cell;
  padding-left: 1em; }

nav.main li.previous {
  display: table-cell;
  padding-right: 1em; }

nav.main img.arrow {
  margin-bottom: -13px; }

#footer {
  text-align: center; }

header, nav {
  padding: 0;
  margin: 0; }

header nav {
  margin-top: 9px;
  display: flex;
  justify-content: space-between;
  align-content: flex-end;
  flex-wrap: wrap;
  flex-flow: row wrap; }

header nav a {
  text-decoration: none;
  color: inherit;
  background-color: inherit;
  margin-top: 0px;
  flex: 0 0 auto; }
  header nav a.home {
    border: none;
    margin: 0;
    padding: 0;
    height: 2.5em;
    margin: 0 0 0 9px; }
    header nav a.home #logo {
      border: none;
      display: block;
      margin: 0;
      padding: 0;
      float: none;
      clear: both;
      height: 2.5em;
      width: auto; }

header nav ul {
  flex: 0 0 auto;
  color: #fbd242;
  background-color: #113dad;
  margin: 0 0 0 9px;
  padding: 0.6em 0 20px 2px;
  min-width: 315px; }

header nav ul li {
  margin: 0.5em 0 0 0;
  padding: 0 0.5em 0 0.5em;
  display: inline;
  border: 1px solid #fbd242; }
  header nav ul li.back {
    border-top-left-radius: 25px;
    border-bottom-left-radius: 25px;
    background-color: #bf5014;
    margin-left: 0;
    padding-top: 0; }
    header nav ul li.back:hover {
      background-color: #de8555; }
  header nav ul li.current {
    color: #ccc;
    border: 1px solid gray;
    border-radius: 5px;
    margin-left: 5px;
    margin-right: 5px; }
  header nav ul li.forward {
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;
    background-color: #167e36; }
    header nav ul li.forward:hover {
      background-color: #44b668; }

#footer {
  border-top: 1px solid white;
  text-align: center;
  padding: 1em; }

.lesson {
  border: none; }

@media only screen and (max-device-width: 964px) {
  main {
    width: 100%;
    padding-top: 0px; } }

@media only screen and (min-device-width: 965px) {
  main {
    min-width: 315px; } }

article {
  display: inline-block; }
  @media only screen and (max-device-width: 964px) {
    article {
      width: 100%; } }
  @media only screen and (min-device-width: 965px) {
    article {
      min-width: 315px;
      max-width: 600px; } }

aside {
  display: inline-block;
  width: 100%; }
  @media only screen and (max-width: 315px) {
    aside {
      clear: both; } }
  aside div.sidebar, aside .update, aside .update-large, aside #sidebar-ad {
    width: 100%;
    float: none;
    clear: both; }

img.bookstyle {
  float: left;
  margin-right: 2em;
  margin-left: 9px;
  margin-bottom: 10px;
  border-style: solid;
  border-color: #000;
  border-width: 2px; }

p.bookstyle-caption {
  float: left;
  margin-right: 2em; }

img.cursive {
  float: right;
  margin-left: 1em; }

img.small-letter {
  border: none;
  position: relative;
  top: 0.6em; }

img.small-word {
  position: relative;
  top: 0.5em;
  margin-left: 0.25em;
  margin-right: 0.25em; }

p.cursive-caption {
  float: right;
  margin-left: 1em; }

div.note {
  border-color: #fff;
  border-style: inset;
  border-width: 1px;
  margin-left: 2em;
  margin-top: 0px;
  padding: 0.5em;
  padding-top: 0px; }

div.note h2 {
  display: inline;
  font-weight: normal;
  font-style: italic;
  font-size: larger;
  color: #ff0000; }

div.note em {
  font-style: italic; }

div.sidebar, .update, .update-large, #sidebar-ad, div.holiday-greeting {
  font-size: 15px;
  min-width: 315px; }
  @media only screen and (max-width: 964px) {
    div.sidebar, .update, .update-large, #sidebar-ad, div.holiday-greeting {
      width: 100%;
      clear: both;
      margin-left: 0px; } }
  @media only screen and (min-width: 965px) {
    div.sidebar, .update, .update-large, #sidebar-ad, div.holiday-greeting {
      width: 33%;
      float: right;
      clear: right;
      display: inline-block;
      margin-right: 9px;
      padding: 0.5em; } }

#sidebar-ad {
  border: 1px solid #fbd242; }
  @media only screen and (min-width: 965px) {
    #sidebar-ad {
      margin-left: 1em;
      margin-top: 2em;
      padding: 0.5em;
      border: 1px solid #fbd242; } }
  @media only screen and (max-width: 964px) {
    #sidebar-ad {
      margin-top: 0px; } }

div.holiday-greeting {
  margin: 1em 9px 1em 0;
  font-size: 110%; }
  div.holiday-greeting img {
    width: 100%;
    margin: 0 0 1rem 0; }
  @media only screen and (max-width: 964px) {
    div.holiday-greeting {
      width: 100%;
      clear: both;
      margin-left: 0px; } }
  @media only screen and (min-width: 965px) {
    div.holiday-greeting {
      width: 33%;
      float: right;
      clear: right;
      display: inline-block;
      margin-right: 9px;
      padding: 0.5em; } }

div.sidebar, .update, .update-large {
  background-color: #113dad;
  color: #fbd242;
  border-color: #fbd242;
  border-style: groove;
  border-width: 1px;
  margin-top: 2em;
  margin-bottom: 2em;
  padding: 0.5em; }
  @media only screen and (min-device-width: 965px) {
    div.sidebar, .update, .update-large {
      margin-left: 9px; } }

.update-large {
  width: 100%;
  float: left;
  clear: both;
  margin-top: 1em;
  margin-bottom: 1em; }

div.sidebar h2 {
  margin-top: -0.5em;
  margin-left: -0.5em;
  margin-right: -0.5em;
  margin-bottom: 0.5em;
  font-weight: normal;
  font-size: larger;
  padding-left: 0.5em;
  padding-right: 0.5em;
  background-color: #ffd059;
  color: blue; }

div.sidebar em {
  font-style: italic; }

div.sidebar p {
  line-height: 1.3em;
  font-size: 15px; }

div.sidebar ul {
  font-size: 15px;
  margin-bottom: 2em; }

div.sidebar li {
  margin-left: -2em;
  list-style-type: square;
  margin-top: 0.2em;
  margin-bottom: 0.2em; }

div.sidebar ul a {
  color: #ffd059;
  text-decoration: underline; }

div.sidebar ul a:hover {
  text-decoration: none; }

div.update h2 {
  margin-top: 0;
  margin-bottom: 0.5em;
  font-weight: normal;
  font-size: small;
  color: #ffd059; }

div.update em {
  font-style: italic; }

div.update p {
  display: inline;
  font-size: 15px; }

div.update form {
  float: left;
  clear: both;
  font-size: 15px; }

#mc_embed_signup {
  display: block;
  clear: both;
  margin-top: 1em;
  margin-bottom: 1em; }

#mc_embed_signup h2 {
  margin-bottom: 0.5em; }

#footer #mc_embed_signup {
  width: 100%;
  margin-top: 2em; }

#mc_embed_signup .indicates-required {
  font-style: italic;
  font-size: 95%;
  color: black; }

#mc_embed_signup .indicates-required {
  font-style: italic;
  font-size: 95%;
  color: black; }

#footer #mc_embed_signup {
  border: 1px solid #fbd242;
  padding: 5px; }
  #footer #mc_embed_signup h2, #footer #mc_embed_signup form {
    display: inline-block; }
    #footer #mc_embed_signup h2 .mc-field-group, #footer #mc_embed_signup h2 #mce-responses, #footer #mc_embed_signup form .mc-field-group, #footer #mc_embed_signup form #mce-responses {
      display: inline; }
  #footer #mc_embed_signup h2 {
    margin: 0.2em 2% 0.2em 0.2em;
    padding: 0.1em; }

#mc_embed_signup_full {
  display: block;
  clear: both;
  margin-top: 1em;
  margin-bottom: 1em;
  background-color: white;
  color: black;
  width: 400px; }

.video-container {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden; }

.video-container iframe, .video-container object, .video-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.end-content {
  margin-top: 3em;
  clear: both; }

body {
  font-family: Verdana, Georgia, sans-serif;
  font-size: 18px;
  color: #fff;
  background-color: #113dad; }

h1, h2, h3 {
  font-family: Verdana, Georgia, sans-serif; }

p, h1, h2, h3 {
  margin-left: 9px;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5); }

p {
  line-height: 1.5em; }

p.blurb {
  text-align: left;
  line-height: normal;
  width: 100%; }

strong {
  color: #fbd242;
  font-weight: 500; }

em.transliteration-hidden {
  font-weight: bold;
  font-style: italic;
  font-size: small;
  color: #4674ad;
  background-color: #4674ad; }

em.transliteration, em.transliteration-hidden:hover {
  color: white;
  background-color: #113dad; }

* html p em.transliteration {
  color: white;
  background-color: #113dad; }

ol li {
  margin-bottom: 0.5em; }

span.translation {
  font-weight: bold; }

span.translation:before {
  content: '"'; }

span.translation:after {
  content: '"'; }

h1.introduction {
  padding-top: 10px;
  clear: left;
  font-size: 150%;
  width: 100%; }

em, em.title {
  font-style: italic; }

h2 {
  color: #fbd242;
  clear: both;
  font-size: 110%;
  font-weight: bold;
  display: compact;
  padding-bottom: 0px; }

h3 {
  font-size: 120%; }

a {
  color: #fbd242; }

.emoji {
  height: 2em; }

.icon, .audio-icon, .audio-playing {
  font-family: FontAwesome;
  font-size: 150%;
  text-decoration: none;
  text-shadow: none; }

.audio-icon:after {
  content: ""; }

.audio-playing:after {
  content: ""; }

.bookstyle-header, .hebrew, .hebrew-hilite, .hebrew-phrase {
  font-family: Arial, serif;
  font-size: 157%; }

.hebrew-phrase, .hebrew-hilite {
  color: #000;
  background-color: #fff;
  padding: 0.1em;
  line-height: 175%;
  margin-right: 0.2em; }

.hebrew-phrase {
  display: block;
  margin: 0.1em 0 0.1em 0; }

.bookstyle-header {
  color: #000;
  background-color: #fff;
  border: 2px solid #000;
  float: left;
  width: 155px;
  height: 190px;
  padding: 5px 5px 5px 5px;
  margin-right: 1em;
  text-align: center;
  display: block; }
  .bookstyle-header h1 {
    display: inline; }
  .bookstyle-header .middle-letter {
    position: relative;
    top: -50px;
    font-size: 140pt; }
  .bookstyle-header .tall-letter {
    top: -150px;
    font-size: 120pt; }
  .bookstyle-header .low-letter {
    font-size: 120pt;
    position: relative;
    top: -48px; }

#footer ul li {
  list-style: none; }

@media only screen and (max-width: 964px) {
  #footer ul li {
    width: 100%;
    padding-top: 0px; } }

@media only screen and (min-width: 965px) {
  #footer ul li {
    display: inline;
    padding: 5px; } }

/* Ezra SIL family from sil.org
 * License at;
 * https://scripts.sil.org/cms/scripts/page.php?item_id=SILHebrUnic2
 */
@font-face {
  font-family: EzraSILSRW;
  src: url(/fonts/SILEOTSR.woff2);
  src: url(/fonts/SILEOTSR.woff);
  src: url(/fonts/SILEOTSR.ttf); }

@font-face {
  font-family: EzraSILW;
  src: url(/fonts/SILEOT.woff2);
  src: url(/fonts/SILEOT.woff);
  src: url(/fonts/SILEOT.ttf); }

.hebrew, .hebrew-hilite, .hebrew-phrase {
  font-family: "EzraSILSRW", "Tinos", "Arial", serif;
  direction: rtl;
  text-align: right; }

a.hebrew, a.hebrew-hilite, a.hebrew-phrase {
  text-decoration: none; }

.hebrew-phrase .audio-icon, .hebrew-phrase .audio-playing, .hebrew-hilite .audio-icon, .hebrew-phrase .audio-icon, .hebrew-hilite .audio-playing, .hebrew-phrase .audio-playing {
  color: #000;
  background-color: #fff;
  font-size: 95%; }

/*# sourceMappingURL=style.css.map */