a {
    color: var(--principal);
}

.h1, .h2, .h3, .h4, body {
    color: #000;
}

.h1,
.h2,
.h3 {
    color: #000;
    text-transform: none;
}

#header a {
    color: #000;
}

.page-content.page-cms {
   background-color: transparent;
}


.btn-primary {
    background-color: var(--principal);
}

.btn-primary.disabled.focus,
.btn-primary.disabled:focus,
.btn-primary.disabled:hover,
.btn-primary:disabled.focus,
.btn-primary:disabled:focus,
.btn-primary:disabled:hover {
    background-color: var(--principal);
}

.btn-outline-primary {
    color: var(--principal);
    border-color: var(--principal)
}

.btn-outline-primary.active,
.btn-outline-primary.focus,
.btn-outline-primary:active,
.btn-outline-primary:focus,
.btn-outline-primary:hover,
.open>.btn-outline-primary.dropdown-toggle {
    background-color: var(--principal);
    border-color: var(--principal)
}

.btn-link {
    color: var(--principal);
}

.dropdown-item.active,
.dropdown-item.active:focus,
.dropdown-item.active:hover {
    background-color: var(--principal);
}

.nav-pills .nav-item.open .nav-link,
.nav-pills .nav-item.open .nav-link:focus,
.nav-pills .nav-item.open .nav-link:hover,
.nav-pills .nav-link.active,
.nav-pills .nav-link.active:focus,
.nav-pills .nav-link.active:hover {
    background-color: var(--principal)
}

.card-primary {
    background-color: var(--principal);
    border-color: var(--principal)
}

.card-outline-primary {
    border-color: var(--principal)
}

.page-item.active .page-link,
.page-item.active .page-link:focus,
.page-item.active .page-link:hover {
    background-color: var(--principal);
    border-color: var(--principal)
}

.page-link {
    color: var(--principal);
}

.tag-primary {
    background-color: var(--principal)
}

.list-group-item.active,
.list-group-item.active:focus,
.list-group-item.active:hover {
    background-color: var(--principal);
    border-color: var(--principal)
}

.bg-primary {
    background-color: var(--principal)!important
}

.text-primary {
    color: var(--principal)!important
}

a:hover {
    color: var(--principal);
}

.btn-unstyle:focus .expand-more {
    color: var(--principal)
}

.form-control:focus,
.input-group.focus {
    outline: .1875rem solid var(--principal)
}

.bootstrap-touchspin .group-span-filestyle .btn-touchspin,
.group-span-filestyle .bootstrap-touchspin .btn-touchspin,
.group-span-filestyle .btn-default {
    background: var(--principal);
}

.custom-radio input[type=radio]:checked+span {
    background-color: var(--principal);
}

.dropdown:hover .expand-more {
    color: var(--principal)
}

.dropdown-item:focus,
.dropdown-item:hover {
    color: var(--principal)
}

.search-widget form input[type=text]:focus+button .search {
    color: var(--principal)
}

.search-widget form button[type=submit] .search:hover {
    color: var(--principal)
}

#header .top-menu a[data-depth="0"]:hover {
    color: var(--principal);
}

.top-menu .sub-menu a:hover {
    color: var(--principal)
}

body#checkout section.checkout-step .address-item.selected {
    border: 3px solid var(--principal)
}

.page-my-account #content .links a:hover i {
    color: var(--principal)
}

.carousel .carousel-control .icon-next:hover i,
.carousel .carousel-control .icon-prev:hover i {
    color: var(--principal)
}

#products .highlighted-informations .quick-view:hover,
.featured-products .highlighted-informations .quick-view:hover,
.product-accessories .highlighted-informations .quick-view:hover,
.product-miniature .highlighted-informations .quick-view:hover {
    color: var(--principal)
}

.products-sort-order .select-list:hover {
    background: var(--principal);
}

.facet-dropdown.open>.select-title {
    border: 3px solid var(--principal);
}

.facet-dropdown .select-list:hover {
    background: var(--principal);
}

.pagination .current a {
    color: var(--principal);
}

.block-categories .collapse-icons .add:hover,
.block-categories .collapse-icons .remove:hover {
    color: var(--principal)
}

.block-categories .arrows .arrow-down:hover,
.block-categories .arrows .arrow-right:hover {
    color: var(--principal)
}

.product-price {
    color: var(--principal);
}

.tabs .nav-tabs .nav-link.active {
    color: var(--principal)
}

.tabs .nav-tabs .nav-link.active,
.tabs .nav-tabs .nav-link:hover {
    border-bottom: 3px solid var(--principal)
}

#product-modal .modal-content .modal-body .product-images img:hover {
    border: 3px solid var(--principal)
}

#blockcart-modal .product-name {
    color: var(--principal);
}

.product-images>li.thumb-container>.thumb.selected,
.product-images>li.thumb-container>.thumb:hover {
    border: 3px solid var(--principal)
}

.product-flags li.product-flag {
   background-color: var(--principal);
    color: #FFF;
}

.product-customization .product-message:focus {
    outline: .1875rem solid var(--principal)
}

.block-categories a {
    color: #000
}

.cart-grid-body a.label:hover {
    color: #000
}

.block-promo .promo-input+button {
    border: 2px solid #000
}

.block-promo .promo-code-button.cancel-promo {
    color: var(--principal);
}

.block_newsletter form input[type=text]:focus {
    outline: 3px solid var(--principal);
}

.block_newsletter form input[type=text]:focus+button .search {
    color: var(--principal)
}

.block_newsletter form button[type=submit] .search:hover {
    color: var(--principal)
}

.block_newsletter form input[type=email]:focus {
    border: 3px solid var(--principal);
}

.account-list a:hover {
    color: var(--principal)
}

.block-social ul li:hover {
    background-color: var(--principal)
}

.footer-container li a:hover {
    color: var(--principal)
}

#header a:hover {
   color: #000
}

#header .header-nav .cart-preview.active {
    background: var(--principal)
}

#header .header-nav .blockcart a:hover {
    color: var(--principal)
}

#products .all-product-link,
.featured-products .all-product-link,
.product-accessories .all-product-link,
.product-miniature .all-product-link {
    color: var(--principal)
}

@media (max-width: 991px) {
    .carousel {
        left: 0; 
        width: 100%; 
        margin-left: 0; 
    }
}

@media (max-width:767px) {
    #header .header-nav .user-info .logged {
        color: var(--principal)
    }
}