#main{
  font-family: "Open Sans", Arial;
}

.affix {
    position: fixed; 
    top: 50px; 
}

h3, h3 > span.title{
  font-size:30px;
  text-transform: capitalize;
}

div#notes > h4 {
  text-transform: capitalize;
}

.tab-content{
  /* Correction for some fonts slighly cut off */
  padding-left: 2px;
  margin-left: -2px;
}

.word:hover{
    cursor: pointer;
    background-color: rgb(222, 236, 244);   
}

.word.selected {
    color: white;
    cursor: pointer;
    background-color: #e78b24;
    padding: 0 5px 0 5px;
} 

#main_dialogue > p {
    background-color: #EEEEEE;
    padding: 0 0 3px 3px;
}                      

#main_dialogue > p.trans {
  background-color: transparent;
  padding: 0px; 
}

#main_dialogue > div:nth-child(1) > p, #main_dialogue > p:nth-child(1) {
    background-color: rgb(247, 247, 247) !important;
}

#main_dialogue > div.row-fluid > div:nth-child(2){display: block}



ul.summary > li {font-size: 14px}

.section-box {
  //padding: 10px;
  //margin: 20px 0 20px 0; 
  //border: 1px solid #E2E2E2;
}

.info { background: #DDF5F5; padding: 20px;}

.main-audio-block{
  background: #ecf0f1;
  padding: 10px;
  border: 1px solid #E2E2E2;
  margin-bottom: 10px;
  font-size: 10px;
  font-weight: bold;
}

.alert-info{
  color: #2C3E50;
  background-color: #EDF4F7;
  border-color: #bce8f1;
}

.alert-info > h4{
  color: #2C3E50;
  margin-bottom: 10px;
}

.note{
  padding: 25px;
  margin: 20px;
  font-size: 15px;
  line-height: 22px;
  color: inherit;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  color: #2C3E50;
  background-color: #EDF4F7;
  border-color: #bce8f1;
}

.lesson_list_title{
  font-family: "museo_sans500","Trebuchet MS",Tahoma,Arial,Sans-serif;
  font-size: 21px;
  font-weight: 500;
  font-style: normal;
  color: #fff;
  text-decoration: none;
}

.test-form{
  background: #E0E2E2; 
  padding: 10px;
  border: 1px solid #D0CFCF;
  margin-top: 20px;
}
.phrase-ticker {
  font-size: 12px;
  font-weight: 800;
  font-family: Arial;
  color: #6B6969;
  float:right;
  margin-right: 10px;
}
.play_icon{
    width:15px;
    cursor:pointer;
    background: #214077;
    padding: 5px 8px 1px 8px !important;
}

.play_icon:hover {
  background: #46608E;
}

.btn-next{
  background: #757E90;
  border: 1px solid #E2E2E2;
  color: white;
  font-family: Arial;
  padding: 7px;
}

.btn-next:hover{
  background: #214077;  
}

.btn-right{
  float:right;
  margin-right: 10px;
}

.blk-quote{
  border-left: 5px solid #E7DEDE;
  margin: 0 0 10px;
}

#lesson-list{
  font-family: "Open Sans", Arial;
  font-size: 13px;
  color: white; 
}

.lesson_item{
  border-bottom: 1px solid #E2E2E2;
  padding: 5px 5px 5px 10px;
  background: #414141;
  color: white;
  line-height: 20px;
  text-transform: capitalize;
}

.lesson_item > ul > li{
  line-height: 20px;
}

.lesson_item.odd {
  background: #4F4F4F;
}
.lesson_item.even {
  background: #414141;
}         

.lesson_item.odd:hover, .lesson_item.even:hover{
  background: #707176;
  color: #E78B24;
}

.lesson_link:hover{
  text-decoration: none;  
}

.lesson_item.selected{
  background: #2B2B2B;
  color: #E78B24;
}

.lesson_item.selected > span.lesson_title{
  font-size: 110%;
  font-weight: bold;
}

.lesson_title{
  margin: 0;
}


.toggle_trans{
  float:right;
  font-size: 24px;
  /* margin: -15px 15px 15px 15px; */
  color: rgb(249, 155, 49);
  cursor: pointer;
  margin-top: 10px;
}

.toggle_trans:hover{
  color: rgb(247, 191, 128);
}

.castellano > strong.bounce {font-weight:normal}

.indent {
  /* margin-left: 5% !important; */
}

@media screen and (max-width: 480px)

{

#nav { display: none; }

}

#study-menu{
  margin-top:10px;
  height: 40px;
}

@media screen and (min-width: 480px)
{
#study-menu { float: right; }
}

.answer_btn_listen, .answer_btn_translate {margin-top: -15px;}
@media screen and (max-width: 480px)
{
.answer_btn_listen, .answer_btn_translate { margin:0 }
}

@media screen and (min-width: 480px)
{
.form-input{
  width: 70%;
  margin-bottom: 10px;
} 
}

@media screen and (max-width: 480px)
{
.form-input{
  width: 100%;
}

}