/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css
 */
 [data-button-action="add-to-cart"] i{
      pointer-events: none!important;
    }

.header-banner {
    background: #015680;
}

.header-banner a {
    color: #fff !important;
}

#bonslick .slick-slide .box-bonslick span {
    background: #015680;
}

#bonslick .slick-custom-dots {
    display: block;
    width: 12px;
    height: 12px;
    background-color: #ccc;
    border-radius: 50%;
    transition: background-color 0.3s ease;
    cursor: pointer;
}

#bonslick .slick-dots li {
    margin: 0 5px;
}

#bonslick:hover .slick-prev {
    left: 30px !important;
}

#bonslick:hover .slick-next {
    right: 30px !important;
}

.slick-active .slick-custom-dots {
    background-color: #015680 !important;
}

.bonsearch .bonsearch_btn {
    border-radius: 8px;
    margin-left: 3px;
}

#bonhtmlcontent {
    background-color: #015680;
    padding: 40px 0;
}

#bonhtmlcontent .box-htmlcontent h3, #bonhtmlcontent .box-icon i::before,#bonhtmlcontent .box-htmlcontent h5 {
    color: #ffffff;
}

#_desktop_cart.bon-desktop-sticky-cart {
    right: 20px;
}

#bonbanners {
    margin: 5px 20px 30px;
}

#custom-text p {
    color: #fff;
}

.dark {
    color: #000 !important;
}

.tabs .nav-tabs {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
}

.tabs .nav-tabs .nav-item {
    margin: 0 15px 0 0;
}

.col-md-6.product-page-right {
    padding-left: 0px !important;
}

.control-label {
    display: none;
}

.input-group.bootstrap-touchspin.bootstrap-touchspin-injected {
    max-width: 100px;
}

.bootstrap-touchspin input.form-control, .bootstrap-touchspin input.input-group, .product-add-to-cart .product-quantity #quantity_wanted {
    border-radius: 8px;
}

.bootstrap-touchspin input.form-control, .bootstrap-touchspin input.input-group, .bootstrap-touchspin .btn-touchspin, .bootstrap-touchspin input.form-control, .bootstrap-touchspin input.input-group, .product-add-to-cart .bootstrap-touchspin-down, .product-add-to-cart .bootstrap-touchspin-up {
    border: 1px solid #015680;
    border-radius: 8px;
}

.btn.btn-touchspin.js-touchspin.js-increase-product-quantity.bootstrap-touchspin-up.material-icons.touchspin-up, .product-add-to-cart .bootstrap-touchspin-up {
    background-color: #015680;
    color: #ffffff;
    border-radius: 8px;
}

.btn-primary, .btn-secondary, .btn-tertiary {
    background-color: #015680;
    background: #015680;
    border-radius: 8px;
}

#fill, #color {
    fill: black;
}

.social-sharing ul li a {
    border-radius: 10px;
}

.bootstrap-touchspin input.form-control, .bootstrap-touchspin input.input-group, .bootstrap-touchspin .btn-touchspin {
    height: 35px;
}

.product-price strong, .value {
    font-weight: 700;
    color: #015680;
}

.js-cart-line-product-quantity.form-control {
    border: unset !important;
}

.hidden-sm-down.btn-unstyle {
    display: none !important;
}