/** 
GRAMMAR
 */
#main-content table {
    margin-left: 5rem;
    margin-right: 5rem;

}
#main-content table caption {
    caption-side: top;

}
#main-content table.table {
    width: calc(100% - 10rem);

}
td { padding: 0.5rem 1rem}
.no-border,
table.no-border > tr  > td,
table.no-border > tbody > tr  > td,
table.no-border > tr > th
table.no-border > thead > tr > th { border-width: 0px !important; }
.gloss {color:#666;}
.gloss:before {content:"'"}
.gloss:after {content:"'"}

/*
for tables containing text with interlinear gloss and translation
 */
table.interlinear-gloss {
    padding: 0 1em;
}
.atikamekw{ color: #99519E !important; }
.text-right,
table.text-right tr td,
table.text-right tr th
{
    text-align: right !important;
}
.text-center,
table.text-center tr td,
table.text-center tr th {
    text-align: center !important;
}

.thick-border { border: 2px solid #222 !important;}
.thick-border-left {
    border-left:  2px solid #222 !important;
}
.thick-border-right {
    border-right:  2px solid #222 !important;
}
.thick-border-top {
    border-top:  2px solid #222 !important;
}
.thick-border-bottom {
    border-bottom:  2px solid #222 !important; 
}
.border { border: 1px solid #666 !important;}
.border-left {
    border-left:  1px solid #666 !important;
}
.border-right {
    border-right:  1px solid #666 !important;
}
.border-top {
    border-top:  1px solid #666 !important;
}
.border-bottom {
    border-bottom:  1px solid #666 !important;
}

table.table.compact,
#main-content table.compact {
    width: auto;

    margin-bottom: 1rem;
}
#main-content table.observation,
table.observation
{
    border: 1px solid #ccc;
    width: auto;
    margin: auto;
    margin-bottom: 1rem;
}
table.observation > caption {
    background-color: #ccc;
    color: #555;
    padding: 1rem 2rem;
    text-align: center;
    font-size: 1.5rem;
}
table.observation td, table.observation th {
    border-width: 0;
}
.pl-2 {
    padding-left: 2rem !important;

}
#main-content table.examples,
table.examples {
    width: auto;
    border: 0;
    margin-bottom: 1rem;
}
table.examples>thead>tr>th,
table.examples>tbody>tr>th,
table.examples>tfoot>tr>th,
table.examples>thead>tr>td,
table.examples>tbody>tr>td,
table.examples>tfoot>tr>td{
    padding: 0.3rem 1rem;
    border: 0;
}
#main-content h4 {
    padding-top: 2rem;
}