body{
    background-color: #efebe9;
    position: relative;
}

#logo{
    height: 35px;
}

.banner {
    top: 50%; 
    right: 50%;
    transform: translate(50%,-50%);
    font-family: calibri;
    font-size: 3em;
    font-weight: 700;
    color: #d7ccc8;
    text-shadow: 1px 1px 1px #3e2723,
        1px 2px 1px #919191,
        1px 3px 1px #919191,
        1px 4px 1px #919191,
        1px 5px 1px #919191,
        1px 6px 1px #919191,
        1px 7px 1px #919191,
        1px 8px 1px #919191,
        1px 9px 1px #919191,
        1px 10px 1px #919191,
        1px 18px 6px rgba(16,16,16,0.4),
        1px 22px 10px rgba(16,16,16,0.2),
        1px 25px 35px rgba(16,16,16,0.2),
        1px 30px 60px rgba(16,16,16,0.4);
}

#btn-topo{
    display: none;
    position: fixed;
    bottom: 20px;
    right: 20px;
    opacity: 0.4;
    z-index: 99;
}

#btn-topo:hover{
    opacity: 0.9;
}

.bg-castanho-1{
    background-color: #efebe9;
}

.bg-castanho-1-5{
    background-color: rgba(239,235,233,0.5);
}

.bg-castanho-2{
    background-color: #d7ccc8;
}

.bg-castanho-2-8{
    background-color: rgba(215,204,200,0.8);
}

.bg-castanho-2-6{
    background-color: rgba(215,204,200,0.6);
}

.bg-castanho-3{
    background-color: #bcaaa4;
}

.bg-castanho-4{
    background-color: #a1887f;
}

.bg-castanho-5{
    background-color: #8d6e63;
}

.bg-castanho-6{
    background-color: #795548;
}

.bg-castanho-7{
    background-color: #6d4c41;
}

.bg-castanho-8{
    background-color: #5d4037;
}

.bg-castanho-9{
    background-color: #4e342e;
}

.bg-castanho-10{
    background-color: #3e2723;
}

.bg-gradient-1{
    background-image: linear-gradient(#efebe9, #bcaaa4);
}

.text-castanho-1{
    color: #efebe9;
}

.text-castanho-2{
    color: #d7ccc8;
}

.text-castanho-3{
    color: #bcaaa4;
}

.text-castanho-4{
    color: #a1887f;
}

.text-castanho-5{
    color: #8d6e63;
}

.text-castanho-6{
    color: #795548;
}

.text-castanho-7{
    color: #6d4c41;
}

.text-castanho-8{
    color: #5d4037;
}

.text-castanho-9{
    color: #4e342e;
}

.text-castanho-10{
    color: #3e2723;
}

#pesquisa, #btn-pesquisa{
    box-shadow: none;
    border: none;
}

#btn-pesquisa:hover{
    background-color: #fff;
}

#btn-pesquisa:active{
    background-color: #EFEBE9;
}

a:hover{
    color: #efebe9;
}

.dropdown-item:hover{
    color: #efebe9;
    background-color: #a1887f;
}

.border-eki{
    border: 0.5px solid #bcaaa4;
}

h4 a span{
    background-color: #efebe9;
    background-image: linear-gradient(#efebe9, #bcaaa4);
    border: 0.5px solid #bcaaa4;
}

h4 a span:hover{
    background-color: #efebe9;
    background-image: linear-gradient(#bcaaa4, #efebe9);
}

.div-breadcrumb-eki{
    border: 0.5px solid #bcaaa4;
    background-color: #d7ccc8;
    margin-bottom: 20px;
}

.breadcrumb-eki{
    background-color: #d7ccc8;
    margin-bottom: 0px;
}

.breadcrumb-eki li a{
    color: #3e2723;
    text-decoration: none;
}

.breadcrumb-eki li a:hover {
    color: #ffffff;
}

.div-eki{
    border: 0.5px solid #bcaaa4;
    background-color: #d7ccc8;
}

#lightbox .row{
    display: flex;
    flex-wrap: wrap;
    padding: 0 4px;
}

#lightbox .column{
    flex: 25%;
    max-width: 25%;
    padding: 0 4px;
}

#lightbox .column img {
    margin-top: 8px;
    vertical-align: middle;
    width: 100%;
}

/* Responsive layout - makes a two column-layout instead of four columns */
@media screen and (max-width: 800px) {
    #lightbox .column {
        flex: 50%;
        max-width: 50%;
    }
}

/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
    #lightbox .column {
        flex: 100%;
        max-width: 100%;
    }
}

.pagination li a{
    background-color: #d7ccc8;
    border: 0.5px solid #bcaaa4;
    color: #3e2723;
}

.pagination li a:hover{
    background-color: #efebe9;
    border: 0.5px solid #bcaaa4;
    color: #3e2723;
}

.pagination li a:link{
    box-shadow: none;
}

.page-item.active .page-link {
    z-index: 3;
    color: #3e2723;
    background-color: #efebe9;
    border-color: #bcaaa4;
}

.page-item.disabled .page-link {
    color: #6c757d;
    pointer-events: none;
    cursor: auto;
    background-color: #d7ccc8;
    border-color: #bcaaa4;
}

#pag-direita{
    display: flex;
    justify-content: flex-end;
}

.btn:focus {
    box-shadow: none;
}

.span-sub{
    display: block;
    width: 100%;
    background-color: #d7ccc8;
    border: 0.5px solid #bcaaa4;
    color: #3e2723;
    border-radius: 0.25rem;
    text-align: center;
    padding: 0.375rem 0.75rem;
}

.cat-sub{
    background-color: #d7ccc8;
    border: 0.5px solid #bcaaa4;
    color: #3e2723;
    border-radius: 0.25rem;
    text-align: center;
    padding: 0.375rem 0.75rem;
}

.btn-sub{
    background-color: #d7ccc8;
    border: 0.5px solid #bcaaa4;
    color: #3e2723;
}

.btn-modal{
    background-color: #efebe9;
    border: 0.5px solid #bcaaa4;
    color: #3e2723;
}

.btn-sub:after{
    background-color: #efebe9;
    border: 0.5px solid #bcaaa4;
    color: #3e2723;
    box-shadow: none;
}

.btn-sub:hover{
    background-color: #efebe9;
    border: 0.5px outset #bcaaa4;
    color: #3e2723;
}

.btn-sub:active{
    background-color: #efebe9;
    border: 0.5px inset #bcaaa4;
    color: #3e2723;
}

.btn-sub-menu{
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

@media screen and (max-width: 360px) {
    .btn-sub-menu {
        width: 48.5%;
        display: block;
    }

    .btn-sub-menu-adm {
        width: 48.4%;
        display: block;
    }

}

@media screen and (min-width: 361px) {
    .btn-sub-menu {
        width: 24.4%;
        display: block;
    }

    .btn-sub-menu-adm {
        width: 24.3%;
        display: block;
    }


}

@media screen and (min-width: 992px) {
    .btn-sub-menu {
        width: 13.9%;
        display: block;
    }

    .btn-sub-menu-adm {
        width: 24%;
        display: block;
    }
}

@media (min-width: 576px) {
    .card-columns {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
        -webkit-column-gap: 1.25rem;
        -moz-column-gap: 1.25rem;
        column-gap: 1.25rem;
        orphans: 1;
        widows: 1;
    }
    .card-columns .card {
        display: inline-block;
        width: 100%;
    }
}

@media (min-width: 992px) {
    .card-columns {
        -webkit-column-count: 3;
        -moz-column-count: 3;
        column-count: 3;
        -webkit-column-gap: 1.25rem;
        -moz-column-gap: 1.25rem;
        column-gap: 1.25rem;
        orphans: 1;
        widows: 1;
    }
    .card-columns .card {
        display: inline-block;
        width: 100%;
    }
}

.table-bordered {
    border: 1px solid #bcaaa4;
}

.table-bordered th,
.table-bordered td {
    border: 1px solid #bcaaa4 !important;
}

.w-45 {
    width: 45% !important;
}