/* put the css code that make the site looks different */





.headercontactbox {

    border-color: #8900B2 !important;

}



.product.actions.product-item-actions .actions-primary .tocart {

    background-color: #8900B2;

    border: 1px solid;

}

.cat-shipinfo {

    color: #EE0000 !important;

}

.product-item-link:hover {

    color: #8900B2 !important;

}

.action.primary {

    background-color: #8900B2;

    border: 1px solid;

}

.action.primary:hover {

    background-color: #8900B2 !important;

}

.field.qty input[type="number"] {

    color: #8900B2;

}

.minicart-wrapper .action.showcart:before {

    color: #8900B2 !important;

}

.minicart-wrapper .action.showcart .counter.qty {

    background-color: #8900B2;

}

.minicart-wrapper .action.showcart .counter-number {

    color: #ffffff;

}



.header.panel>.header.links>li>a {

    color: #8E00AD !important;

}

.header.panel>.links.header-links>li A {

    color: #8E00AD !important;

}

.promowarranty strong span {

    color: #8E00AD !important;

}

.promowarranty span a {

    color: #8E00AD !important;

}

.cart.table-wrapper .col .cart-price .price {

    color: #8E00AD !important;

}





ul.features li:before {

    color: #8900B2;

}

.footer .footer-links li i {

    color: #8900B2;

}

.footer .block.newsletter .form.subscribe button {

    background-color: #8900B2;

}







/*--===== Media Query =====--*/



@media only screen and (min-width:768px) {
    .nav-sections,
    nav.navigation {

        background-color: #F0F0ED;

    }

    .navigation > ul > li:hover,

    .navigation > ul > li:hover>a {

        background-color: #8900B2;

    }

    .navigation > ul > li > a {

        color: #8900B2 !important;

    }

    .navigation > ul > li.active,

    .navigation > ul > li.has-active {

        background-color: #8900B2;

    }

    .navigation > ul > li.active>a {

        color: #ffffff !important;

        background-color: #8900B2;

    }

    .navigation ul li.vcarrot>a:before {

        color: #8900B2;

    }

    .navigation ul li.vcarrot.active>a:before,

    .navigation ul li.vcarrot.has-active>a:before {

        color: #ffffff;

    }

}

.catalogbox {
    float: right;
    text-align: center;
    border-style: solid;
    border-width: 2px;
    border-color: #8400b7;
    border-radius: 8px;
    padding: 8px;
    margin-right: 15px;

}

.catalogproductpage {
    text-align: center;
    border-style: solid;
    border-width: 2px;
    border-color: #8400b7;
    border-radius: 8px;
    padding: 8px;
    margin-right: 15px;
    margin-bottom: 15px;
}