/*
css version: 17 Jan 2020
*/

/*--------------------fonts-------------------------------------------------------*/
@font-face {font-family:SansEn; src:url("fonts/opensans-regular.woff2");}
@font-face {font-family:SansEn; src:url("fonts/opensans-bold.woff2"); font-weight: bold;}
@font-face {font-family:SansEn; src:url("fonts/opensans-italic.woff2"); font-style: italic;}
@font-face {font-family:SansEn; src:url("fonts/opensans-bolditalic.woff2"); font-weight: bold; font-style: italic;}
@font-face {font-family:SerifEn; src:url("fonts/lora-regular.woff2");}
@font-face {font-family:SerifEn; src:url("fonts/lora-bold.woff2"); font-weight: bold;}
@font-face {font-family:SerifEn; src:url("fonts/lora-italic.woff2"); font-style: italic;}
@font-face {font-family:SerifEn; src:url("fonts/lora-bolditalic.woff2"); font-weight: bold; font-style: italic;}
@font-face {font-family:SansEnSC; src:url("fonts/VollkornSC-Regular.woff2");}
@font-face{font-family: SerifPhon; src:url('fonts/gentiumplus.woff2');}
@font-face {
    font-family: iconfont;
    src: url(data:application/font-woff2;charset=utf-8;base64,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) format('woff2');
    font-weight: normal;
    font-style: normal;
}

cb13 {font-family: Open Sans, SansEn, sans-serif; display: none;}
cb13.js_loaded{display: block;}
cb13~cb13{margin-top: 20px;}
.pron, li::before{font-family: Gentium Plus, SerifPhon, serif;}
span.var, span.inf, span.mwe, span.hw, .ctx, p.dg>i, li>i, h2>i, phrase_h>i, p.dg>.aa, li>.aa, h2>.aa, phrase_h>.aa{font-family: Lora, SerifEn, serif;}
span.sc, phr_title::before, m_entry::before, .etym::before, m_hide, hidden_entry_title {font-family: 'Vollkorn SC', SansEnSC;}

/*-------------------entry-----------------------------------*/
cb13_entry {font-size: 15px; line-height: 1.4; display: block;}
cb13_entry~cb13_entry{margin-top: 20px;}

.word_entry{}
.extracted_entry{}
.phrase_entry{}
.phrases_entry{}

/*------------------click--------------------------------------*/
.cb13_jp, m_entry, phr_title.active, phrase.expandable>phrase_h, .pron, def_hide>m_hide, hidden_entry_title
{cursor: pointer; -webkit-tap-highlight-color: transparent;}

/*------------------reset margin&padding----------------------------------------*/
p, ol, li, div, h2{margin: 0; padding: 0;}

/*------------------definition block------------------------------------------------*/
cb13_entry>ol, cb13_entry>p.dg, cb13_entry>p.lnk,
phrase_def>ol, phrase_def>p.dg, phrase_def>p.lnk,
c_hide>ol, c_hide>p.dg{margin-left: 8px; margin-bottom: 2px;}
phrase_def{margin-left: 8px;}
ol {list-style-type: none; list-style-position:outside; counter-reset: sectioncounter;}
li {padding-left: 20px;}
li::before{content: counter(sectioncounter)" "; counter-increment: sectioncounter; display: inline-block; text-indent: 0; margin-left: -20px; width: 20px; color: #4A6C9B;}

/*-------------------link------------------------------------------------*/
a {text-decoration: none; color: inherit;}
p.dg>.aa, li>.aa, h2>.aa, phrase_h>.aa, .xg {}
.href_active{border-bottom: 1px dotted #aaa;}

/*-------------------p.lnk------------------------------------------*/
p.lnk{color: #004d99; margin-left: 8px;}
p.lnk.anchor{margin-top: 10px; margin-left: 0;}
.word_entry>p.lnk.anchor+phrase_block{margin-top: 13px;}

/*--------------------span------------------------------*/
sup, a.sup {font-size: 70%;}
sub, a.sub {font-size: 70%;}
span.r {color: #202040;}
span.vg {color: black;}
span.ex, span.vg {font-style: italic; font-weight: normal;}

span.drv {font-weight: bold; font-style: normal; color: #4A6C9B;}
span.GRA {color: #0e01ad; font-style: italic;}
span.use {color: #0e01ad; }
.ctx{font-style: italic;}
span.ctx, a.ctx {color: #108510;}

/*-----------------------major head_word block-----------------------------------*/
h2 {font-size: 100%; font-weight: normal; border-bottom: 1px dotted #404040; color: black; margin-bottom: 3px; padding-bottom: 3px;}
h2 span.hw, h2 span.mwe, h2 span.var, h2 span.inf {font-size: 130%;color: #4A6C9B;font-weight: bold;}
h2.cb13_jp {border-bottom: 1px solid #4A6C9B;} 

/*-----------------------head word-----------------------------------*/
span.var, span.inf, span.mwe {font-weight: bold; font-style: normal; white-space: nowrap;}
h2 span.var {color: #4A6C9B;}
span.mwe{color: #4A6C9B;}
.word_entry>phrase_block>phrase>phrase_h span.mwe {color: #000;}
.word_entry>phrase_block>phrase.expandable>phrase_h span.mwe {color: #4A6C9B;}
.word_entry>phrase_block>phrase.expandable.open>phrase_h span.mwe {color: #000;}

/*----------------------pronunciation---------------------------------------*/
.pron {font-weight: normal; font-size: 100%; color: #303030; border: none;}
.pron>cb{}
.pron>ipa{display: none;}
.ipa{color: #047b82;}
.ipa>cb{display: none;}
.ipa>ipa{display: inline;}

/*---------------------part of speech--------------------------------------------*/
span.pos{color: maroon; font-style: italic;}
phrase.open>phrase_h>phrase_pos {display: none;}

/*-----------------------explaination of pos-----------------------------------*/
pos_explain{display: none; border-bottom: 1px solid maroon; background: rgba(230, 230, 230, 0.7); color: #000; font-size: 10px;}
.has_explain{display: inline-block; position: relative;}
.has_explain:hover>pos_explain{display: inline-block; position: absolute; bottom: -5px; white-space: pre;}

/*---------------------Origin--------------------------------------------------------*/
div.etym {margin-top: 5px; padding-bottom: 5px;}
.etym::before{content: 'Origin: '; color: #0d680d;}

/*---------------------Main Entry (for extracted entry)-------------------------------------*/
m_entry{display: block; margin-top: 5px;}
m_entry::before{content: 'Main Entry: '; color: #0d680d;}


/*-------------------phrase block----------------------------------------------------*/
phrase_block{display: block; margin-bottom: 3px; border: 1px dotted #4A6C9B; border-radius: 3px;}
.word_entry>phrase_block{padding: 13px 5px 5px; position: relative; margin-top: 20px; margin-top: 10px;}
.phrases_entry>phrase_block{padding: 5px; margin-top: 10px;}

/*-------------------phrase block title------------------------------*/
phr_title::before{content: 'Derivatives and Phrases';}
phr_title{display: none; position: absolute; top: -10px; left: 20px; font-size: 14px; height: 20px; border: 1px dotted #4A6C9B; background: white; padding: 0 2px; border-radius: 5px;}
phr_title.active{color: #4A6C9B;}
phr_title.btn_open{background: #4A6C9B; color: white;}
.word_entry>phrase_block>phr_title{display: inline-block;}

/*-----------------phrase------------------------------*/
phrase{display: block; margin-bottom: 3px;}

phrase_h{display: block;}

phrase_def{display: block;}
.word_entry>phrase_block>phrase>phrase_def{display: none;}
.word_entry>phrase_block>phrase.open>phrase_def{display: block;}

/*----------------highlight-----------------------------*/
.hw_highlight{color: #3093ed!important;}
cb13_entry.word_entry.entry_highlight>h2::before{content: '👇'; color: #4A6C9B; font-family: iconfont; margin-right: 5px;}

cb13_entry.word_entry>phrase_block>phrase.phrase_highlight{margin: 7px 0; padding: 7px 0; border-top: 1px dotted #4A6C9B; border-bottom:1px dotted #4A6C9B;}
cb13_entry.word_entry>phrase_block>phrase.phrase_highlight>phrase_def{display: block!important;}
cb13_entry.word_entry>phrase_block>phrase.phrase_highlight>phrase_h>.mwe{font-size: 130%; color: #4A6C9B;}
cb13_entry.word_entry>phrase_block>phrase.phrase_highlight>phrase_h{font-size: 100%; font-weight: normal; border-bottom: 1px solid #4A6C9B; color: black; margin-bottom: 3px; padding-bottom: 3px;}

/*------------------hidden definition----------------------*/
def_hide{display: block;}
def_hide>c_hide{display: none;}
def_hide>m_hide{display: inline-block; margin-left: 8px; padding: 0px 3px; border: 1px solid #a1a1a1; color: #7f7f7f; font-size: 10px;}
def_hide>m_hide::before{content: 'hidden';}
def_hide.expand {border: 1px dashed #a1a1a1; padding: 1px 3px; border-radius: 3px;}
def_hide.expand>c_hide{display: block;}
def_hide.expand>m_hide{display: none;}

/*--------------------hidden block---------------------------*/
hidden_entry{display: block; margin-top: 20px;  border-radius: 1px; border: 1px solid #aaa; border-left: 4px solid #bbb;border-right: none;}
hidden_entry.hidden_entry_show{background: transparent; }
hidden_entry_title{display: block; color: #7f7f7f; padding: 1px 4px; font-size: 10px;}
hidden_entry_title::before{content: 'hidden_entry';}
hidden_entry.hidden_entry_show>hidden_entry_title{border-bottom: 1px dashed #aaa; }
hidden_entry_content{display: none; padding: 1px 4px;}
hidden_entry.hidden_entry_show>hidden_entry_content {display: block; border-top:none;}

/*---------------------images within text----------------------*/
img{vertical-align: middle;}