/*
 * NOTICE OF LICENSE
 *
 * This file is licenced under the Software License Agreement.
 * With the purchase or the installation of the software in your application
 * you accept the licence agreement.
 *
 * You must not modify, adapt or create derivative works of this source code
 *
 *  @author    Frederic Moreau
 *  @copyright 2020 - 2025 BeComWeb
 *  @license   LICENSE.txt
 */

 /* Header */
#lexicon_header{
    margin-bottom:30px;
}
#lexicon_header h1{
    text-transform:uppercase;
    color:#555;
    font-weight:bold;
    font-size:20px;
    line-height:1.3em;
    margin: 0.5em 0 1em;
    padding: 0 0 0.75em;
    border-bottom: 1px solid #eee;
}
#lexicon_description{
    margin-bottom:30px;
    padding: 15px;
    background: #fbfbfb;
    border: 1px solid #eee;
    font-size:110%;
    line-height:1.3em;
    color:#555;
}
#lexicon_nav{
    margin-bottom:30px
}
#lexicon_nav ul li a{
    font-size:125%;
    font-weight:bold;
    font-family:Georgia, "Times New Roman", Times, serif;
    color:#555;
}
/* Anchors nav */
#lexicon_nav .lexicon_nav_anchors{
    text-align:center;
    padding:5px 0;
    border-top:1px solid #eee;
    border-bottom:1px solid #eee;
}
#lexicon_nav .lexicon_nav_anchors li{
    display:inline-block;
    margin:3px 0;
}
#lexicon_nav .lexicon_nav_anchors li a{
    display:block;
    padding:3px;
    transition:0.2s all;
    text-decoration: none;
}
@media screen and (min-width:768px){
    #lexicon_nav .lexicon_nav_anchors li a{
        padding:5px;
    }
}
#lexicon_nav .lexicon_nav_anchors li a:hover{
    opacity:0.9;
    text-decoration: underline;
}
/* Tabs nav */
#lexicon_nav .nav-tabs{
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #eee;
}
#lexicon_nav .nav-tabs li a{
    padding:6px 10px;
}
@media screen and (max-width:1199px){
    #lexicon_nav .nav-tabs li a{
        padding: 5px 8px;
    }
}
@media screen and (max-width:992px){
    #lexicon_nav .nav-tabs li a{
        padding: 4px 5px;
    }
}
@media screen and (max-width:767px){
    #lexicon_nav .nav-tabs{
        text-align: center;
    }
    #lexicon_nav .nav-tabs li{
        float:none;
        display: inline-block;
    }
    #lexicon_nav .nav-tabs li a{
        padding: 0 3px;
    }
    #lexicon_nav .nav-tabs li.active a{
        border-bottom-color: inherit;
    }
}
/* Per-letter block */
.lexicon_terms_block{
    margin-bottom:20px;
}
.lexicon_letter{
    padding:0;
    font-size:300%;
    font-weight:bold;
    font-family:Georgia, "Times New Roman", Times, serif;
    line-height: 1em;
    color:#999;
}
.lexicon_dl{
    margin:0;
}
.lexicon_word{
    font-size:120%;
    font-weight:bold;
    padding:0;
    margin:0 0 0.25em 0;
    line-height: 1.1em;
}
.lexicon_definition{
    font-size:110%;
    line-height:1.3em;
    font-weight:normal;
    padding:0;
    margin:0;
}
.no_term_alert{
    background:none;
    color:#555;
    padding:5px;
    margin:0;
    border: none;
    font-size:100%;
    font-weight:normal;
    font-style: italic;
}
#lexicon_body.lexicon-list .no_term_alert{
    background: #eee;
}

/* List view */
#lexicon_body.lexicon-list .lexicon_terms_block{
    display: flex;
    flex-direction: row;
    align-items: flex-start;
}
#lexicon_body.lexicon-list .lexicon_letter{
    flex: 0 0 60px;
    margin:0;
    padding:0;
}
#lexicon_body.lexicon-list .lexicon_definition{
    margin:0 0 1em 0;
}
@media screen and (min-width:768px){
    #lexicon_body.lexicon-list .lexicon_letter{
        flex: 0 0 80px;
    }
}
#lexicon_body.lexicon-list .tab-pane:not(.active){
    display:none;
}
/* Grid view */
#lexicon_body.lexicon-grid .lexicon_terms:not(.empty_terms){
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(320px,1fr));
    grid-gap: 10px;
    grid-auto-rows: 10px;
}
@media screen and (min-width:400px) and (max-width:767px){
    #lexicon_body.lexicon-grid .lexicon_terms{
        grid-template-columns: repeat(auto-fill, minmax(200px,1fr));
    }
}
#lexicon_body.lexicon-grid .lexicon_dl{
    background-color:#f5f5f5;
    padding:10px;
    border-radius: 2px;
    box-shadow: 1px 1px 2px 1px rgba(150,150,150,0.15);
}