/* Grammar */
#grammar-structure ol, #grammar-structure ul{
    list-style: none;
}

#grammar-structure li {
    margin-bottom: 10px;
}

#grammar-structure a{
    color: black;
}
#grammar-note, #grammar-structure{
  font-size: 18px;
  padding: 25px 15px 10px;
  font-family: "Times New Roman", Helvetica, Georgia, serif;
}

#grammar-note table {
    margin-top: 20px;
    margin-bottom: 20px;
}

#grammar-note td{
    padding-left: 10px;
    padding-right: 10px;
}

#grammar-note li{
    margin-top: 15px;
  }
#grammar-note p, #grammar-note div{
    margin-bottom: 10px;
    margin-top: 10px;
}

#grammar-note .chapter-subtitle, #grammar-note .chapter-subtitle-level-2, #grammar-note .chapter-subtitle-level-3{
    margin-top: 35px;
    margin-bottom: 10px;
}

#grammar-note .usage-example, #grammar-note .usage-correct, #grammar-note .usage-incorrect{
    text-indent: 20px;
}

#grammar-note .block-highlight{
    margin-left: 60px;
}

#grammar-note .usage-correct:before, #grammar-note .usage-correct > p:before{
      font: normal normal normal 1.1em/1 FontAwesome;
      content: "\f05d";
      text-rendering: auto;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      color: green;
      margin-right: 5px;
}

#grammar-note .usage-correct + .usage-attention, #grammar-note .usage-incorrect + .usage-attention{
    padding-left: 65px;
    text-indent: -25px;
}

#grammar-note .usage-attention li{
    margin-top: 5px;
}

#grammar-note .usage-attention:before, #grammar-note .usage-attention > p:before{
    font: normal normal normal 1.1em/1 FontAwesome;
    content: "\f071";
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #FFAF33;
    margin-right: 5px
}

#grammar-note .usage-incorrect:before, #grammar-note .usage-incorrect > p:before{
    font: normal normal normal 1.1em/1 FontAwesome;
    content: "\f05e";
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: red;
    margin-right: 5px;
}

#grammar-note ol{
    counter-reset: item;
}

#grammar-note ol.reset, #grammar-note ol.reset ol{
    counter-reset: item1;
}

#grammar-note ol li{
    display: block;
}

#grammar-note ol li:before{
    content: counters(item, ".")". ";
    counter-increment: item;
    float: left;
    margin-right: 5px;
}

#grammar-note ol.reset ol > li:before, #grammar-note ol.reset > li:before{
    content: counters(item1, ".")". ";
    counter-increment: item1;
    float: left;
    margin-right: 5px;
}

.ok--grammar-row {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
    margin: 0 auto;
    width: 100%;
    max-width: 1440px;
}

.ok--white-space {
    width: 20%;
    margin-right: 2%;
}

.ok--white-space-right {
    width: 20%;
    margin-left: 2%;
}

.ok--grammar-text {
    width: 56%;
}

.ok--adsense,
.ok--service-left {
    width: 20%;
    margin-left: 2%;
}

.ok--service-right {
    width: 20%;
    margin-right: 2%;
}

div.ok--side-sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 20px;
}

.KD-mobile-bottom-old {
    display: none;
}

@media only screen and (max-width: 1024px) {
    .ok--white-space {
        width: 0;
        margin-right: 0;
    }

    .ok--white-space-right {
        width: 0;
        margin-left: 0;
    }

    .ok--grammar-text {
        width: 70%;
    }

    .ok--adsense,
    .ok--service-left,
    .ok--service-right {
        width: 28%;
    }
}

@media only screen and (max-width: 820px) {
    .ok--grammar-text {
        width: 100%;
    }

    .ok--adsense,
    .ok--service-left,
    .ok--service-right {
        display: none;
    }

    div.ok--side-sticky {
        position: relative;
        top: unset;
    }

    .KD-mobile-bottom-old {
        display: block;
    }
}


    #grammar-note .bibliography{font-size: 16px;}

    #grammar-note .bibliography-italic{font-size: 16px;font-style: italic;}

    #grammar-note .block-highlight{background-color: #F5F5F5;}

    #grammar-note .chapter-subtitle{color: #0000FF;font-size: 1.2em;}

    #grammar-note .chapter-subtitle-highlight{}

    #grammar-note .chapter-subtitle-level-2{color: #6091FF;font-size: 1em;font-style: italic;}

    #grammar-note .chapter-subtitle-level-2-highlight{color: #000000;font-size: 20px;background-color: #CEF2EC;}

    #grammar-note .chapter-subtitle-level-3{color: #7f2bff;}

    #grammar-note .chapter-subtitle-level-3-highlight{color: #383838;font-size: 19px;background-color: #C6F5B5;}

    #grammar-note .chapter-title{font-size: 1.5em;font-weight: bold;}

    #grammar-note .chapter-title-highlight{}

    #grammar-note .ending-add{color: #38A146;font-weight: bold;font-style: italic;}

    #grammar-note .ending-remove{color: #FF0000;font-weight: bold;font-style: italic;text-decoration: line-through;}

    #grammar-note .ending-transpose{color: #1482FF;font-weight: bold;font-style: italic;}

    #grammar-note .in-text-highlight-important-bold{font-weight: bold;}

    #grammar-note .in-text-highlight-important-information{text-decoration: underline;}

    #grammar-note .in-text-highlight-letter{font-weight: bold;font-style: italic;}

    #grammar-note .in-text-highlight-person{font-style: italic;}

    #grammar-note .in-text-highlight-rule{font-weight: bold;font-style: italic;}

    #grammar-note .in-text-highlight-sentence-example{font-style: italic;}

    #grammar-note .in-text-highlight-term{font-style: italic;}

    #grammar-note .in-text-highlight-topic-name{color: #B33D12;font-weight: bold;}

    #grammar-note .in-text-highlight-typical-words{font-weight: bold;font-style: italic;}

    #grammar-note .link-in-text{font-style: italic;}

    #grammar-note .link-section{}

    #grammar-note .note-under-table{font-style: italic;}

    #grammar-note .structure-item-level-1{font-size: 24px;font-weight: bold;}

    #grammar-note .structure-item-level-2{font-size: 22px;font-weight: bold;}

    #grammar-note .structure-item-level-3{font-size: 20px;font-weight: bold;font-style: italic;}

    #grammar-note .structure-item-level-4{font-size: 19px;font-style: italic;}

    #grammar-note .structure-item-level-5{font-style: italic;}

    #grammar-note .table-decorated{}

    #grammar-note .table-general-heading{font-weight: bold;}

    #grammar-note .table-highlight-conjugation{font-weight: bold;}

    #grammar-note .table-highlight-note{}

    #grammar-note .table-highlight-person{}

    #grammar-note .table-level-1-heading{font-weight: bold;background-color: #91C1FF;}

    #grammar-note .table-level-2-heading{background-color: #cfd8e6;}

    #grammar-note .table-level-3-heading{background-color: #DAE3CC;}

    #grammar-note .table-level-4-heading{background-color: #F74DB9;}

    #grammar-note .usage-attention{font-size: 0.9em;}

    #grammar-note .usage-attention-example{font-style: italic;}

    #grammar-note .usage-correct{color: #777;font-size: 0.9em;}

    #grammar-note .usage-example{color: #777;font-size: 0.9em;}

    #grammar-note .usage-example-basic{font-weight: bold;font-style: italic;}

    #grammar-note .usage-example-post-note{font-style: italic;}

    #grammar-note .usage-example-pre-note{font-style: italic;}

    #grammar-note .usage-example-secondary{text-decoration: underline;}

    #grammar-note .usage-highlight-conjugation{font-weight: bold;text-decoration: underline;}

    #grammar-note .usage-highlight-verb{font-weight: bold;text-decoration: underline;}

    #grammar-note .usage-incorrect{color: #777;font-size: 0.9em;}

    #grammar-note .usage-synonym{font-style: italic;}