/**GENERAL***************************************************/

html {
    font-family: Verdana, Geneva, Tahoma, sans-serif !important;
    font-size: 16px;
    /*height: 100vh;*/
}

body {
    overflow-y: scroll !important;
}

main {
    min-height: 100vh;
}

/**FONT SIZE*************************************************/

.link_st {
    font-size: 18px;
}

/**COLOR & BACKGROUND-COLOR**********************************/

html,
body,
header,
footer {
    background-color: #728166;
    color: #fff;
}

main {
    background-color: #d3c6c63d;
    color: #fff;
}

#section_3 .card,
#section_3 .card li,
#beans_list .card,
#beans_list .card li {
    background-color: #ebe7df;
    color: #728166;
}

.bg_today {
    background-color: #728166 !important;
    color: #fff !important;
}
.color_today {
    color: #f8bbbb !important;
}

.color_unavailable {
    color: #a79494 !important;
}

.dropdown-menu,
.offcanvas,
.offcanvas ul,
.offcanvas ul li,
.modal-content {
    background-color: #ebe7df;
    color: #728166;
}

.bg_1,
.bg_2,
.bg_3 {
    background-color: rgb(61, 192, 131);
    background-color: rgba(61, 192, 131, 0.609);
}
.bg_4,
.bg_5,
.bg_6 {
    background-color: rgb(182, 149, 43);
}
.bg_7,
.bg_8,
.bg_9 {
    background-color: rgb(165, 66, 66);
}
.bg_10 {
    background-color: rgb(226, 52, 52);
}

/**HOVER*****************************************************/

.link_phone:hover,
#beans_order .dropdown-menu li a:hover {
    background-color: #8a917d;
    color: #ebe7df !important;
}

.link_st:hover {
    background-color: #505a48;
}

#level a span:hover {
    box-shadow: 0 0 25px 0 #ebe7df;
}

footer a:hover {
    background-color: #ebe7df;
    color: #8a917d !important;
}

/**OFFCANVAS*************************************************/

#btn_toggle div {
    height: 3px;
    width: 25px;
}

#btn_toggle:hover {
    box-shadow: 0 0 25px 0 #ebe7df;
}

.offcanvas-body ul li:first-child {
    border-top: 1px solid #cecac3 !important;
}

.offcanvas .link_off:hover {
    color: #ebe7df !important;
    background-color: #728166;
}

.offcanvas .link_off_dev:hover {
    font-weight: bolder !important;
}

/**BORDER****************************************************/

.link_phone {
    border: 1px solid #728166;
}

#beans_list .card {
    box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px !important;
}

/**PAGINATION************************************************/

.pagination .page-link {

    background-color: #ebe7df !important;
    color: #728166 !important;
    border: 1px solid #728166;
    
}
.pagination .active .page-link{
    background-color: #728166 !important;
    color: #ebe7df !important;
    border: 1px solid #ebe7df;
}
.pagination .disabled .page-link{
    color: #b8b5b5 !important;
    border: 1px solid #728166;
}

/**SPECIAL************************************************/

/*le focus du bouton "intensité"*/
.btn-check:focus + .btn, .btn:focus {
    box-shadow: none !important;
}
/**IMAGE SIZE************************************************/

.img_32 {
    max-width: 32px !important;
    max-height: 32px !important;
}
.img_32-fix {
    width: 32px !important;
    height: 32px !important;
}
.img_64 {
    max-width: 64px !important;
    max-height: 64px !important;
}
.img_64-fix {
    width: 64px !important;
    height: 64px !important;
}
.img_96 {
    max-width: 96px !important;
    max-height: 96px !important;
}
.img_96-fix {
    width: 96px !important;
    height: 96px !important;
}
.img_128 {
    max-width: 128px !important;
    max-height: 128px !important;
}
.img_128-fix {
    width: 128px !important;
    height: 128px !important;
}