html, body {
    height: 100%;
}
main >.container-fluid {
    padding-top: .5rem;
}
span.hilite {background:yellow}
a {
    color: #4a1679
}
a:hover {
    color: #d43040
}
.navbar-brand img {
    max-width: 200px;
}
#advcenter {
    max-width: 100%;
    display: block;
    overflow: hidden;
    position: relative;
    margin-top: 15px;
    padding-top: 20px;
    padding-bottom: 20px;
}
#advcenter:before {
    content: '-- Advertising --';
    display: block;
    font-size: 11px;
    color: #bdbdbd;
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    line-height: 17px;
    text-align: center;
}
footer {
    text-align: center;
    padding: .5rem;
    background: #dfdfdf;
}

#nav-tabContent {
    border: 1px solid #dee2e6;
    padding: 1.5rem;
    border-top: 0;
}
#nav-tabContent ul {
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    margin: 0 -5px 2rem -5px;
    list-style: none;
    font-size: 1.1rem;
}
#nav-tabContent ul li {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
    padding: 5px;
    margin: 0;
}
#nav-tabContent ul li a{
    border: 1px solid rgb(214, 200, 241);
    padding: 5px 10px;
    border-radius: 3px;
    display: block;
    background: rgba(187, 152, 251, 0.08);
    color: #4a1679;
    font-size: 1rem;
    font-weight: 500;
    text-decoration: none;
}
#nav-tabContent ul li a:hover{
    border: 1px solid #4a1679;
    background:  #6c379c;
    color: #fff;
}
.alert.alert-primary{
    background: rgba(111, 51, 220, 0.2);
    border: 1px solid rgb(214, 200, 241);
}
.btn.btn-primary{
    border: 1px solid #4a1679;
    background:  #6c379c;
}
.btn.btn-primary:focus, 
.btn.btn-primary:active{
    border-color: #4a1679 !important;
    background:  #6c379c !important;
    box-shadow: 0 0 0 0.2rem  rgba(111, 51, 220, 0.2)!important;
}
.form-control:focus {
    border-color: rgba(133, 80, 181, 0.38);
    box-shadow: 0 0 0 0.2rem  rgba(111, 51, 220, 0.2);
}
.page-item.active .page-link {
    background-color: #6c379c;
    border-color: #4a1679;
}
.page-link {
    color: #4a1679;
}
.page-link:hover {
    color: #4a1679;
}
#nav-tabContent ul li img{
    max-width: 40px;
    margin-right: 7px;
}
#nav-tabContent ul.menumobile {
    margin-bottom: 0;
}
#nav-tabContent ul.menumobile li{
    flex: 0 0 100%;
    max-width: 100%;
    width: 100%;
}
#nav-tabContent ul.menumobile li a{
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    font-size: 1.1rem;
    color: #333;
    text-transform: uppercase;
    font-weight: bold;
    padding: 15px 20px;
    border: 1px solid rgb(216, 216, 216);
    background: #f7f6f6;
}
#nav-tabContent ul.menumobile li a:hover{
    border: 1px solid #4a1679;
    background:  #6c379c;
    color: #fff;
}
#nav-tabContent ul.menumobile li a:hover img{
    filter: invert(1);
}

#nav-tabContent h3 {
    color: brown;
    font-size: 1.5rem;
}

#nav-tabContent.mobile{
    border: 0;
    padding: 0;
}
#nav-tabContent.mobile li{
    flex: 0 0 100%;
    max-width: 100%;
}

#nav-tabContent.mobile li a{
    padding: 10px 10px;
    color: #00284a;
    font-size: 1.2rem;
}

.menulang .nav-tabs .nav-link {
    border: 1px solid #dee2e6;
    font-weight: bold;
    text-transform: uppercase;
    color: #6b6b6b;
    margin-right: 5px;
    background: rgb(255,255,255);
    background: -moz-linear-gradient(0deg, rgba(255,255,255,1) 11%, rgba(222,226,230,1) 100%);
    background: -webkit-linear-gradient(0deg, rgba(255,255,255,1) 11%, rgba(222,226,230,1) 100%);
    background: linear-gradient(0deg, rgba(255,255,255,1) 11%, rgba(222,226,230,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#dee2e6",GradientType=1);
}
.menulang .nav-tabs .nav-link.active {
    border-bottom: transparent;
    color: brown;
}
#readbible .bible-title {
    color: brown;
    border-bottom: 1px solid #dee2e6;
    padding-bottom: 10px;
    margin-bottom: 1rem;
}
#readbible .bible-body {
    padding: 20px 0;
}
#readbible .bible-body h3{
    font-size: 1.2rem;
    color:  #6c379c;
}
#readbible .bible-body .verse{
    color:  #d22e79;
    position: relative;
    font-weight: bold;
    cursor: pointer;
}
#readbible .bible-body .verse:before{
    display: inline-block;
    content: '[';
}
#readbible .bible-body .verse:after{
    display: inline-block;
    content: ']';
    margin-right: 5px;
}
#readbible .bible-audio a{
    background:  #d22e79;
    color: #fff;
    display: inline-block;
    padding: 5px 10px;
    text-decoration: none;
    border-radius: 3px;
}
#readbible .bible-audio a:hover{
    background:  #6c379c;
}
#readbible .bible-audio a:after{
    content: "\f028";
    display: inline-block;
    padding-left: 5px;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
}
#readbible .bible-audio a.running:after{
    content: "\f28b";
}
.chapter ul {
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin: 0 -5px;
    list-style: none;
}
.chapter li{
    padding: 0 5px;
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
    margin: 5px 0;
    justify-content: center;
    align-items: center;
}
.chapter a{
    font-size: .9rem;
    background:  #d22e79;
    color: #fff;
    display: block;
    padding: 5px 0;
    text-decoration: none;
    border-radius: 3px;
    text-align: center;
}
.chapter a:hover{
    background:  #6c379c;
    color: #fff;
}
table{
    background: aliceblue;
    border: 1px solid #c8d1da;
    margin: 1rem 0;
}
#bibletable_filter, 
#bibletable_length {
    margin-bottom:0 ;
}
#bibletable_wrapper input,
#bibletable_wrapper select {
        height: calc(1.5em + .75rem + 2px);
        padding: .375rem .75rem;
        font-size: 1rem;
        font-weight: 400;
        line-height: 1.5;
        color: #495057;
        background-color: #fff;
        background-clip: padding-box;
        border: 1px solid #ced4da;
        border-radius: .25rem;
        transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
mark{background:orange;color:black;    display: inline-block;}
#bibletable_wrapper table{
    background: #f9f6ff;
    border: 1px solid #c8d1da;
    margin: 1rem 0;
}
.person {
    color: #d20864;
}
.formsearch {
    margin-top: 1rem;
}
#bibletable_info,
#bibletable_paginate {
    font-size: .8rem;
}
#bibletable_length {
    display: none;
}
@media (min-width: 768px) {
    #nav-tabContent.mobile li{
        flex: 0 0 50%;
        max-width: 50%;
    }
    #nav-tabContent ul.menumobile li{
        flex: 0 0 50%;
        max-width: 50%;
        width: initial;
    }
    #bibletable_length {
        display: block;
    } 
    #bibletable_wrapper {
        padding: 0 2rem 2rem 2rem;
    }
    #readbible .chapter ul li{
        flex: 0 0 5%;
        max-width: 5%;
    }
    .menubible {
        min-height: calc(100vh - 56px - 56px);
    }
}
@media (min-width: 1200px) {
    .container-fluid{
        max-width: 1100px;
    }
    .container-fluid.fullwidth{
        max-width: 100%;
    }
}