@charset "utf-8";
@font-face {
    font-family: "BJCree UNI";
    src: url(../fonts/bjcrus.ttf);
}
@font-face {
    font-family: "BJCree UNI";
    font-weight: bold;
    src: url(../fonts/bjcrusb.ttf);
}
@font-face {
    font-family: "Aboriginal Sans";
    src: url(../fonts/Aboriginal%20Sans%20REGULAR%209_3.ttf);
}
@font-face {
    font-family: "Aboriginal Sans";
    src: url(../fonts/Aboriginal%20Sans%20BOLD%209_3.ttf);
    font-weight: bold;
}

* {
    margin:0;
    padding:0;
}
h1, h2, h3, h4 {
    font-weight: normal;
    margin-bottom:0.5em;

}
h3 {

    padding:.5em 1em;
    border-radius: .2em;
}
/** Layout **/
body { background-color: #eee; position: relative;}
#header { background-color: #004181;
    background: transparent url("../images/DarrellCurlNWR.JPG") no-repeat top center;/* #009b99;*/
    background-size: cover; }
/*.navbar ul.nav > li > a{background-color: #009b99;}*/
.logo {
    background: transparent url(../images/motif_sml.png) repeat-x top left;

    padding-top: 35px;
    min-height: 70px;
    /*border:1px solid #009b99;*/

}
nav {
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.15),0 1px 5px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.15),0 1px 5px rgba(0,0,0,.075);
}
#main-navbar a  {
    border-left: 1px solid rgba(255,255,255,.15);
    border-right: 1px solid rgba(0,0,0,.275);
}
ul {
    list-style-position: inside;
}
@media (min-width: 992px) {
    #main-content {
        margin-left: 1rem;
        max-width: calc(75% - 2rem)
    }
}
li.pagenav {padding-left: 0 !important; margin-top:-35px;}
/* MULTI-LEVEL DROPDOWNS FOR ROOTS  from http://imdev.in/twitter-bootstrap-multi-level-dropdown-menu-system/ */
.dropdown-menu .dropdown-menu {
    left: 100%;
    position: absolute;
    top: 0;
    visibility: hidden;
    margin-top: -1px;
}

.dropdown-menu li:hover > .dropdown-menu, .dropdown:hover > .dropdown-menu, .dropdown-menu:hover  {
    visibility: visible;
    display: block;
}

.navbar .dropdown-menu  .dropdown-menu:before {
    border-bottom: 7px solid transparent;
    border-left: none;
    border-right: 7px solid rgba(0, 0, 0, 0.2);
    border-top: 7px solid transparent;
    left: -7px;
    top: 10px;
}
.navbar .dropdown-menu .dropdown-menu:after {
    border-top: 6px solid transparent;
    border-left: none;
    border-right: 6px solid #fff;
    border-bottom: 6px solid transparent;
    left: 10px;
    top: 11px;
    left: -6px;
}
/* end of css */
ul.nav li.dropdown:hover ul.dropdown-menu{
    display: block;
}
.nav .dropdown-menu > .active > a,
.nav .dropdown-menu > li:hover > a{
    background: white !important;
    color:#004181 !important;
}
.nav .dropdown-menu > .open > a{
    background: #f9f9f9;

}

main {
    display: block;
    min-height: -moz-calc(100vh - 180px);
    min-height: -webkit-calc(100vh - 180px);
    min-height: calc(100vh - 220px);
    color: #444;
    margin-top: -3em;

}

main ul li  {
    padding-left: .5em;
}
main li ul {
    padding-left: .5em;
}
#siteSidebar .navbar {
    background-color: white;
}
#siteSidebar .navbar li.page_item > a{
    font-size: 1.2em;
    color: #666;
    padding-bottom: 10px;
}
#siteSidebar .navbar .children > li.page_item > a{
    font-size: 95%;

    padding-bottom: 10px;
}
#siteSidebar .navbar li >.btn  {
    visibility: hidden;
}
#siteSidebar .navbar li.dropdown >.btn {
    visibility: visible;
}
#siteSidebar >ul {
    /*padding-left: 1em;*/
    padding: 0;
    border: 1px solid #004181;
}
#siteSidebar ul {
    list-style: none;
}
#siteSidebar li.current_page_item{
    padding: 0;

}
#siteSidebar .navbar li.current_page_item > a{
    font-size: 130%;
    color: #004181;
}
#siteSidebar >ul {
    /*padding-left: 1em;*/
    padding: 0;
    border: 1px solid #004181;
}
#siteSidebar ul {
    list-style: none;
}

#footer {
    /*position: fixed; bottom: 0; */ width: 100%; margin-top: 2em;
    background: #fefefe;/*rgba(88,18,8,0.9);/*##004181;*/
    border-top: .1em solid #ddd;
    color: #333;
    min-height: 40px;
    padding: .5em;
}
#footer h4{
    color:#3374b4;
    text-decoration: underline;
}

#footer ul {
    margin-left: 1em;
    list-style: none;
}

#footer a {
    color: #004181;
}

#footer a:hover {
    color: #30cbc9;
    text-decoration: underline;
}

#main-content {
    padding: 2em;
    background-color: white;
    border-radius: .5em;
    border: 1px solid #ddd;
    margin-bottom: 2em;
    min-height:95vh;
}
#main-content a {
    color: #004181;
    font-weight: bold;
    text-decoration: none;
}
#main-content a:hover {
    color: #004c97;
    font-weight: bold;
    text-decoration: underline;
}
#main-content .bg-primary a {
    color:#eee;
}
#main-content .bg-primary a:hover {
    color:white;
}
.entry-meta {
    font-size: 75%;
    background: rgba(200,200,200,0.1);
    padding:.2em 1em;
}
#main-content .panel-primary .panel-heading a {
    color:#fc3;
}
#container {
    text-align: left;
}
#main-content > table.observation tbody {
    border: 1px solid #004181;
    box-shadow: #004181 1px 1px 1rem;
    padding: 1rem;
}

.gloss {color:#666;}
.gloss:before {content:"'"}
.gloss:after {content:"'"}



.il-gloss tr td{padding: 0 1em;}
.table-border tbody{border: 1px solid #aaa;}

.table-border >tbody > tr > td {border: none;}


.no-border td{border-top: none;}

/*
 * This is the CSS for the innu-aimun grammar blog pages, edited by Gabrielle.
 *
 * Date started: April 10th, 2012
 */

.contentContainer .body span:hover {
    background-color: transparent;
    color: inherit;
    z-index: 0;
    cursor: auto;
}

table.curved {
    margin: 5px auto;
    margin-top: 20px;
    margin-bottom: 40px;
    border: 1px solid #ccc;
    border-radius: 10px;
    padding: 0;
    border-spacing: 0;
}

table.curved tr {
    padding: 0
}

th {
    color: #333333;
    font-weight: bold;
    z-index: 1
}

table th {
    border: 0;
    border-bottom: 1px solid #ccc;
    text-align: left;
    padding: 2px 8px;
}

table td {
    padding: 2px 8px;
}

table.clear {
    margin: 5px auto;
    margin-top: 20px;
    margin-bottom: 40px;
    border: 0;
    border-spacing: 0;
}

table.example {
    padding-left: 30px;
    margin: 5px;
    border: 0;
    border-spacing: 0;
}

.contentContainer .body h2 {
    color: #fff;
    background-color: #004181;
    text-shadow: rgba(0, 0, 0, 0.5) 2px 2px 3px;
    font-weight: bold;
    padding: 10px 20px 1px 40px;
    border-width: 0px 2px 2px 0px;
    border-style: solid;
    border-color: #666666;
    text-align: right;
    font-family: Garamond;
    font-size: 225%;
    font-variant: small-caps;
}

.contentContainer .body h3 {
    color: #333333;
    background-color: #FFFFFF;
    padding: 30px 90px 5px 30px;
    border-bottom-width: 3px;
    border-bottom-style: solid;
    border-bottom-color: #004181;
    font-family: Garamond;
    font-weight: bold;
    font-size: 150%;
    text-align: left;
}

.bold {
    font-weight: bold;
    margin: 0;
    padding: 0
}

.italics {
    font-style: italic;
}

.underline {
    text-decoration: underline;
}

.important {
    color: #004181;
    font-weight: bold;
}

.innu-gloss {
    color: #336699;
    font-size: 120%;
    font-family: "Doulos SIL";
}

.fr-gloss {
    color: #666;
}

.fr-gloss:before {
    content: "'"
}

.fr-gloss:after {
    content: "'"
}

.fr-translation {
    color: #666;
    font-style: italic
}

.example {
    padding-left: 30px
}
ul.example {margin-left: 15px}
ul.example >li {margin-left: 15px; list-style-type:none; list-style-position: inside; }
.note {color:#666;}
.no-format { font-family: Verdana; font-size: 1.0em; color:#333;}
.bbottom {border-bottom: 1px solid #ccc}
.btop {border-top: 1px solid #ccc}
.bright {border-right: 1px solid #ccc}
.bleft {border-left: 1px solid #ccc}
title {border:3px solid #70b1f1; background-color:#fec; padding:50px; display:none;}
.popup-trigger {display:inline; border:0; border-bottom:1px dotted #ccc; padding-bottom:1px; color:#999; cursor:help;}
.popup {border:3px solid #70b1f1; background-color:#fec; padding:50px; display:none; z-index:2000; max-width:500px; border-radius:5px; }
.popup-trigger:hover .popup {display:block; }
table .innu-gloss { color:#336699;}
ul.regular {margin-left:15px;}
ul.regular >li { margin-left:15px; list-style-type: disc; list-style-position: outside; padding: 10px }
ol.regular {margin-left:15px; }
ol.regular >li { margin-left:15px; list-style-type: decimal; list-style-position: inside; }
ul.clear {margin-left: 15px; }
ul.clear li {margin-left: 15px; list-style-type:none; list-style-position: inside; padding-bottom: 15px; padding-top:15px}
ol.bordered-alpha {margin-left: 15px; margin-bottom: 20px; margin-top:10px; border: 2px solid #aaa; border-radius:10px; padding-top:0px; padding-right:10px; padding-left:5px; border-spacing: 0;}
ol.bordered-alpha >li {margin-left: 30px; list-style-type:upper-alpha; list-style-position: outside; padding-bottom:5px; padding-top: 5px;}
.page_item > a {text-overflow: ellipsis; }


/* 2019 */

.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: 0; }
.thick-border,
table.thick-cell-borders > tr  > td,
table.thick-cell-borders > tbody > tr  > td,
table.thick-cell-borders > tr > th
table.thick-cell-borders > thead > tr > th,
.thick-border-left, .thick-border-right, .thick-border-top, .thick-border-bottom {
    border-left-width:  2px !important;
}


table.table.compact,
#main-content table.compact {
    width: auto;
    margin-bottom: 1rem;
}

table > caption {
    caption-side: top;
    text-align: center;
    width: 100%;
}

strong {
    font-weight: 700;
}

.read-along-page #main-content {
    max-width: calc(100vw - 3rem);
}