/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css
 */


/*
****************************************************************************
GENERICS
****************************************************************************
*/

h1, h2, h3, h4, h5, h6 {
 color: #231102;
}
p {
 color: #666;
}

a {
 color: #492705;
}
a:hover {
 color: #000;
}

body {
 color:#666666;
}

b, strong {
 color: #000000;
}

input, textarea {
 border: 1px solid #3e3e3e;
 color: #666666;
}

/*
****************************************************************************
HEADER
****************************************************************************
*/


#header{ background: #492705 !important; }

body #header, body #header .header-top {
 background: #492705;
 color: #DDDDDD;
}

#bon_ship {
 background: #231102 !important;
}

#bon_ship b{
 color: #ffffff;
 font-weight: bold;
}

#header a,
#btn-boncall a.btn-boncall {
 color: #DDDDDD;
}

#header .header-top .position-static .bon-nav-bar #_desktop_setting-header i,
#header .header-top .position-static .bon-nav-bar #_desktop_user_info i {
 transition: all .3s linear;
 color: #DDDDDD;
}

#boncompare a.compare-tooltip svg path {
 stroke: #DDDDDD;
}

#bonwishlist .wishlist-tooltip i {
 color: #DDDDDD;
}

#boncompare .compare-count,
#bonwishlist .wishlist-count,
#header .blockcart .cart-products-count {
 background: #231102;
}

.bonsearch .bonsearch_btn {
 background-color: #000000;
}

.bonsearch #input_search {
 color: #8a8888;
 background-color: #ffffff;
}
.bonsearch .bonsearch-microphone {
 background-color: #ffffff;
}

.bon-shipping a {
 color: #fff;
}

.bon-shipping a:hover {
 color: #fff;
}

.top-menu .cms-category.nav-arrows {

}


/*
****************************************************************************
FIL D'ARIADNA
****************************************************************************
*/

#wrapper .breadcrumb {
 border-bottom: 1px solid #dddddd;
}

#wrapper .breadcrumb-wrapper {
 background-color: #dddddd;
}

#wrapper .breadcrumb li a {
 color: #666666;
}
#wrapper .breadcrumb li a:after {
 color: #492705;
}

#wrapper .breadcrumb li a:hover {
 color: #000000;
}

#product-button .btn_prev span,
#product-button .btn_next span {
 color: #666666;
}


/*
****************************************************************************
NEWSLETTER BANNER
****************************************************************************
*/


.bon-newsletter {
 background-color: #492705;
}

.bon-newsletter h2 {
 color: #ffffff;
}

.bon-newsletter p {
 color: #cccccc;
}

.bon-newsletter .bon_newsletter-success {
    color: #155724 !important;
}

.bon-newsletter .bon_newsletter_errors {
    color: #721c24 !important;
 }

.bon-newsletter .form-control {
 background-color: #ffffff;
}

.bon-newsletter .bon-newsletter-coupon {
 border: 1px dashed rgba(255, 255, 255, .5);
}

.bon-newsletter .popup-close::after {
 color: #000000;
}

.bon-newsletter a.bon-newsletter-dont {
 border-bottom: 1px solid rgba(255, 255, 255, .1);
 color: #cccccc;
}

.bon-newsletter a.bon-newsletter-dont:hover {
 border-bottom: 1px solid rgba(255, 255, 255, 1);
 color: #ffffff;
}

.bon-newsletter .bonnewsletter_send {
    background: #ffffff;
}

.bon-newsletter .bonnewsletter_send:hover {
    background: #000000;
}





/*
****************************************************************************
BODY
****************************************************************************
*/


main {
 background-color: #ffffff;
}

#wrapper {
 background: #ffffff;
}

.page-content.page-cms {
 background: #ffffff;
}

#cms .page-header h1 {
 color: #231102;
}

.page-content.page-cms p {
 color: #666;
}

#bonhtmlcontent {
 background-color: #231102;
}
#bonhtmlcontent .box-htmlcontent h3 {
 color: white;
}

#bonhtmlcontent .box-htmlcontent h5 {
 color: #cccccc;
}

#bonnews.bon-home {
 background-color: #ffffff;
}

#bonnews.bon-home .box-bonnews h3 {
 color: #231102;
}

#bonnews.bon-home .box-bonnews p {
 color: #666;
}
.box-bonnews span, time {
 color: #bbbbbb;
}

#bonslick .slick-slide .box-bonslick .bonslick-caption {
    margin-left:auto;
    margin-right:auto;
}

#bonslick .slick-slide .box-bonslick h2,
#bonslick .slick-slide .box-bonslick h3,
#bonslick .slick-slide .box-bonslick h4,
#bonslick .slick-slide .box-bonslick p {
 color: #000000;
}

#bonslick .slick-slide .box-bonslick span {
 border: 1px solid #231102;
 box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.14);
 color: #492705;
    background-color: #ffffff;
}

#bonslick .slick-slide .box-bonslick span:hover {
 background-color: #492705;
 color: #ffffff;
 border-color: #492705;
}

.featured-products .thumbnail-container .thumbnail-container-bottom .product-description,
.product-miniature .thumbnail-container .thumbnail-container-bottom .product-description {
 background: #ffffff;
}

.product-miniature .online-only,
.product-miniature .pack {
 color: #492705;
 background: #ffffff;
 font-weight: 400;
}

.featured-products .product-title,
.product-miniature .product-title {
    margin-left:10px;
    margin-right:10px;
}

.featured-products .product-title a,
.product-miniature .product-title a {
    color: #492705;
    font-weight: 700;
}

.product-price-and-shipping {
 color: #492705;
}

.product-page-right .h1,
.product-page-right .product-price .current-price {
 color: #231102;
}


.btn-primary, .btn-secondary, .btn-tertiary {
 color: #000000;
 border: 1px solid #000000;
}

.btn-primary:active,
.btn-primary:focus,
.btn-primary:hover,
.btn-secondary:active,
.btn-secondary:focus,
.btn-secondary:hover,
.btn-tertiary:active,
.btn-tertiary:focus,
.btn-tertiary:hover {
 border-color: #492705;
 color: #ffffff;
 background-color: #492705;
}

#btn-bonorder a.btn-bonorder {
 color: #000000;
 border: 1px solid #000000;
 text-shadow: 2px 2px 3px #00000040;
}

#btn-bonorder a.btn-bonorder:hover,
#btn-bonorder a.btn-bonorder:focus {
 background-color: #000000;
 color: #ffffff;
}

.btn-bonorder:before {
 background: url(../img/click.png) no-repeat 0 0;
}

#bonhtmlcontent {
 padding: 50px 0 50px 0;
}

#bonhtmlcontent ul {
 justify-content: center;
}

.modal {
 background: rgba(255,255,255,.8);
}
.modal-content {
 background-color: #ffffff;
 border-color: #3e3e3e;
}

.bon-table-first thead tr th {
 color: #999;
}

.bon-product-popup .desc-popup-1 .size-tab-description .bon-table-first tbody td {
 color: #666;
}

.bon-product-popup .desc-popup-1 .size-tab-description .bon-table-first tbody tr:nth-child(2n+2) {
 background-color: #AAAAAA38;
}

.bon-product-popup  .popup-close::after {
 color: #000000;
}

#bonask-wrapper label {
 color: #666666;
}

.form-control {
    background-color: #f6f6f6;
}
.form-control, .form-control:focus {
 color: #666666;
 border: 1px solid hsla(0,0%,80%,.125);
}

.form-control:focus {
 background-color: #eeeeee;
 box-shadow: inset 0 0 5px 5px hsla(0,0%,100%,.04);
}

#new_comment_form label {
 color: #666666;
}

.card {
 background-color: #ffffff;
 border: 1px solid hsla(0,0%,80%,.125);
}

#contact .container #contact-wrapper .contact-rich {
 color: #666666;
 justify-content: center;
}

#contact .container #contact-wrapper .contact-rich .block a {
 color: #492705;
}

.product-miniature .online-only.online-only,
.product-miniature .pack.online-only {
    margin-top: 0;
    margin-left: 0;
}

#boncategory .sf-menu {
    border: 1px solid #3e3e3e;
    background-color: #FFFFFF;
 }

#boncategory .sf-menu ul {
    background-color: #ffffff;
    border: 1px solid #3e3e3e;
}


#search_filters, #search_filters_brands, #search_filters_suppliers {
    background: #ffffff;
 }

body#checkout section.checkout-step {
    background-color: #FFFFFF;
    border: 1px solid hsla(0,0%,80%,.125);
}
body#checkout section#content #checkout-personal-information-step .nav .nav-item a.active,
body#checkout section#content #checkout-personal-information-step .nav .nav-item a:hover {
    color: #666666;
}

body#checkout section.checkout-step .step-title:hover {
    color: #000000;
}

.form-control-select {
    background: #f1f1f1 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAQAAAD9CzEMAAAAPklEQVR4Ae3TwREAEBQD0V/6do4SXPZg7EsBhsQ8IEmSMOsiuEfg3gL3oXC7wK0bd1G4o8X9F4yIkyQfSrIByQBjp7QuND8AAAAASUVORK5CYII=) no-repeat scroll right 0.5rem center/1.25rem 1.25rem;
    -webkit-filter: none;
    filter: none;
}

body#checkout #delivery textarea,
body#checkout #gift_message textarea {
    background-color: #f6f6f6;
    border: 1px solid hsla(0,0%,80%,.125);
}

body#checkout section.checkout-step .delivery-option .carrier-price,
body#checkout #js-checkout-summary .value {
    color: #000000;
}

body#checkout #cart-summary-product-list .media-body .product-name {
    color: #492705;
}

.product-price {
    color: #000000;
}

body#checkout {
    color: #666666;
}

body#checkout section.checkout-step .payment-options .payment-option {
    align-items: center;
}

body#checkout section.checkout-step .payment-options .custom-radio {
    margin-bottom: 0.5rem;
}

body#checkout section.checkout-step .custom-radio {
    margin-right: 1rem !important;
}

body#checkout .summary-selected-carrier .row {
    align-items: center;
}
body#checkout .summary-selected-carrier img {
    width: 100px;
    height: auto;
}

body#checkout .order-confirmation-table .order-line.row.col-12.col-md-4 {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
}


body#checkout .order-confirmation-table .order-line .details a span {
    display: block;
}

#cart .product-line-grid-body>.product-line-info:first-child a {
    color: #492705;
}

#cart .product-line-grid-body>.product-line-info:first-child a:hover {
    color: #000000;
}

#cart .cart-summary-line .value {
    color: #666666;
}

#order-items table tr td:last-child {
    color: #000000;
}

#order-confirmation .order-confirmation-table .details .order-confirmation-name {
    color: #000000;
}
#order-confirmation .order-confirmation-table .details .order-confirmation-price,
#order-confirmation .order-confirmation-table .details .order-confirmation-quantity {
    color: #666666;
}

.page-my-account #content .links a:hover i {
    color: #492705;
}

.page-addresses .address {
    background: #FFFFFF;
    color: #666666;
}

.page-header h1 {
    color: #231102;
}

#bonfaq .panel {
    box-shadow: 0 1px 5px rgba(85, 85, 85, 0.15);
    background-color: #FFFFFF;
}

#bonfaq .panel .panel-heading {
    background-color: #FFFFFF;
    color: #666666;
}

#bonfaq .panel .panel-heading h2 p {
    color: #000000;
}

#bonfaq .panel .panel-body {
    background-color: #FFFFFF;
    border:none;
    border-top: 1px solid #F1F1F1;
}

.bon-stock-countdown {
    display:none;
}

#bonorder-wrapper label {
    text-align: left;
    color: #666666;
}

#blockcart-modal .modal-body {
    background: #FFFFFF;
}

#blockcart-modal .product-name {
    color: #492705;
 }

#blockcart-modal .modal-title {
    color: #FFFFFF;
}

#blockcart-modal p {
    color: #000000;
 }

.page-cms .cms-block img {
    max-width: 100%;
    height: auto;
}

#cms-index-overlay {
    z-index: 17;
    transition: all 0.5s linear;
}

#cms-index {
    position: relative;
    height: auto;
    filter: drop-shadow(0px 0px 6px rgba(0, 0, 0, 0.13));
    z-index: 18;
}

#cms-index .sf-vertical > li {
    float: none;
}

#cms-index .sf-vertical li {
    width: 100%;
    margin-top: 1px;
}

#cms-index .sf-menu, .sf-menu * {
    margin: 0;
    padding: 0;
    list-style: none;
}

#cms-index  .sf-menu h5,
.sf-menu h5 {
    color: #231102;
}

#cms-index  .sf-menu a {
    padding: 0.75em 0.9em;
    text-decoration: none;
    zoom: 1;
    font-size: 0.95rem;
    font-weight: 400;
    position: relative;
    line-height: 0.95rem;
    display: block;
}

#cms-index .sf-vertical {
    width: 12em;
    min-width: 12em;
    width: 12em;
}

#cms-index .sf-menu {
    float: left;
    margin-bottom: 1em;
    max-width: 100%;
    width: 100%;
    padding: 5px 0 5px 0;
    border: 1px solid #3e3e3e;
    background-color: #FFFFFF;
}



#cms-index  .cms-index-title {
    text-transform: uppercase;
    display: flex;
    justify-content: left;
    align-items: center;
    width: 100%;
    max-height: 43px;
    background-color: #3e3e3e;
    color: white;
}

#cms-index  .cms-index-title h4 {
    color: white;
    margin-bottom: 0;
}

#cms-index .navbar-toggle {
    position: relative;
    float: right;
    padding: 14px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    outline: none;
}

#cms-index  .navbar-toggle .icon-bar {
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px;
    background: #FFFFFF;
}

#cms-index  .navbar-toggle .icon-bar+.icon-bar {
    margin-top: 5px;
}


.boncall_form .submit {
    background-color: #492705;
}

.boncall_form .submit .boncall_send {
    color: white;
}

#header .header-top .position-static .bon-nav-bar #_desktop_user_info .user-info .bon-login-popup .btn:hover {
    color: #ffffff;
}

#boncompare-popup .div-table-col {
    color: #000000;
}

#boncompare-popup .div-table-col p {
    color: #666666;
}

.block-wishlist .no-items h6 {
    color:#cccccc;
}

#module-bonnews-post #content-wrapper {
    padding-bottom: 1.25rem ;
}


.product-description ul {
        list-style: disc;
        padding-left: 1em;
 }

.tabs .nav-tabs .nav-item .nav-link {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 10px;
}


.tabs .nav-tabs .nav-item .nav-link.active {
    background-color: #49270530;
    color: #492705 !important;
}

.product-page-right h2.h1{
    color: #492705;
    font-weight: 700;
}




/*
****************************************************************************
FOOTER
****************************************************************************
*/

#footer .footer-container {
 background: #492705;
}

#footer .footer-container-bottom {
 background: black;
}

#footer .footer-container .links li span {
 color: #cccccc;
}

#footer .footer-container .links li a {
 color: #cccccc;
}

#footer #footer_contact a,
#footer #lnk_faq span {
 color: #cccccc;
}

#footer .block_newsletter #footer_newsletter p {
 color: #cccccc;
}

#footer .block_newsletter form input[type=email] {
 border: 1px solid #492705;
 background-color: #ffffff;
}
#footer .block_newsletter form .btn-footer {
 background-color: #000000;
}


/*
****************************************************************************
ERROR PAGES
****************************************************************************
*/

#layout-error h1 {
 font: 16px sans-serif;
 color: #ffffff;
}

/*
****************************************************************************
RESPONSIVE
****************************************************************************
*/

@media only screen and (min-width: 1280px) {
        #products .thumbnail-container:focus,
        #products .thumbnail-container:hover,
        .featured-products .thumbnail-container:focus,
        .featured-products .thumbnail-container:hover,
        .product-accessories .thumbnail-container:focus,
        .product-accessories .thumbnail-container:hover,
        .product-miniature .thumbnail-container:focus,
        .product-miniature .thumbnail-container:hover {
        background: #FAFAFA;
    }

    #products .thumbnail-container:focus .thumbnail-container-bottom,
    #products .thumbnail-container:hover .thumbnail-container-bottom,
    .featured-products .thumbnail-container:focus .thumbnail-container-bottom,
    .featured-products .thumbnail-container:hover .thumbnail-container-bottom,
    .product-accessories .thumbnail-container:focus .thumbnail-container-bottom,
    .product-accessories .thumbnail-container:hover .thumbnail-container-bottom,
    .product-miniature .thumbnail-container:focus .thumbnail-container-bottom,
    .product-miniature .thumbnail-container:hover .thumbnail-container-bottom {
        background: #FAFAFA;
        border: 1px solid #FAFAFA;
    }

    .featured-products .thumbnail-container:hover .thumbnail-container-bottom .product-description,
    .product-miniature .thumbnail-container:hover .thumbnail-container-bottom .product-description,
    .featured-products .thumbnail-container:focus .thumbnail-container-bottom .product-description,
    .product-miniature .thumbnail-container:focus .thumbnail-container-bottom .product-description {
        background: #FAFAFA;
    }


}

@media only screen and (max-width: 991px) {

    .top-menu li.cms-category.nav-arrows {
        position: relative;
    }
    .top-menu li.cms-category.nav-arrows .navbar-toggler {
        position: absolute;
        right: 0;
        top: 8px;
        z-index: 6;
        padding: 5px;
        cursor: pointer;
    }
}