@import url('https://fonts.googleapis.com/css2?family=Ubuntu:wght@300;400;500;700&display=swap');
@import url("flag-icon.min.css");
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.7.2/font/bootstrap-icons.css");
@import url("../js/menu/mmenu-light.css");

* {
    font-family: 'Ubuntu', Arial, Helvetica, sans-serif!important;
}

.bg-purple {
    background-color: #e46cea;
}
.bg-black {
    background-color: #000000;
}
.bg-gray {
    background-color: #ebebeb;
}

.text-purple {
    color: #e46cea;
}

.top-row a {
    color: #000000;
    text-decoration: none;
    transition: all .3s ease-in-out;
}
.top-row a:hover {
    color: #e46cea;
    text-decoration: none;
}
header .border-bottom {
    border-color: #FFFFFF!important;
}
.bottom-row .uk-input {
    background-color: rgba(255,255,255,.5)!important;
}
.bottom-row .uk-form-icon {
    color: rgba(0,0,0,.75);
}
.bottom-row .uk-form-icon:hover {
    color: rgba(0,0,0,1);
}
.btn-header {
    border-radius: 0;
    background-color: transparent;
    color: #000000;
    transition: all .3s ease-in-out;
    border: none;
}
.btn-header:hover {
    color: #FFFFFF;
    background-color: transparent;
    border: none;
}

.uk-navbar-item, .uk-navbar-nav>li>a, .uk-navbar-toggle {
    min-height: 50px;
}

a.products-menu {
    background-color: #000000;
    color: #FFFFFF!important;
    transition: all .3s ease-in-out;
}
a.products-menu:hover {
    background-color: #e46cea;
    color: #000000!important;
}

.category .uk-overlay-primary {
    background: rgba(228, 108, 234,.75);
}

.category .uk-overlay-primary .uk-h3 {
    color: #000000;
}

.usps .bi {
    font-size: 2.5rem;
    color: #e46cea;
}

footer a {
    color: #FFFFFF;
    text-decoration: none;
    transition: all .3s ease-in-out;
}
footer a:hover {
    color: #e46cea;
    text-decoration: none;
}

footer .uk-divider-small {
    color: #212529;
}
footer .uk-divider-small::after {
    border-top: 1px solid #e46cea;
}

footer .border-top {
    border-top-color: rgba(228,108,234,.25)!important;
}

footer h3 {
    font-size: 1.3rem;
}

.btn-default {
    background-color: #e46cea;
    color: #000000!important;
    transition: all .3s ease-in-out;
    padding-top: 10px;
    padding-bottom: 10px;
    border-radius: 0;
    text-decoration: none;
}
.btn-default:hover {
    background-color: #000000;
    color: #FFFFFF!important;
    text-decoration: none;
}
.product .uk-card-footer .btn-group a:first-child {
    border-right: 1px solid rgba(255, 255, 255,.25);
}

.product a .uk-card-body .uk-card-title {
    color: #000000;
    transition: all .3s ease-in-out;
}
.product:hover a .uk-card-body .uk-card-title {
    color: #e46cea;
}

.price-sm {
    font-size: 1.3rem;
    color: #000000;
    font-weight: 400;
}
.discount-sm {
    text-decoration: line-through;
}

.uk-subnav-pill>*>:first-child {
    font-size: 1rem;
    font-weight: 500;
    background-color: #000000;
    color: #FFFFFF;
    padding: 0.75rem 1.5rem;
    text-transform: capitalize;
    transition: all .3s ease-in-out;
}
.uk-subnav-pill>*>a:focus, .uk-subnav-pill>*>a:hover {
    background-color: #575757;
    color: #FFFFFF;
}
.uk-subnav-pill>.uk-active>a {
    background-color: #e46cea;
    color: #000000;
}

.offcanvas-end {
    width: 500px;
}

.basket-table img {
    max-width: 80px;
}
.basket-table .uk-form-width-xsmall {
    width: 75px;
}

.basket-table a.remove {
    color: #880000;
}
.basket-table a.remove:hover {
    color: #FF0000;
}

a.mobile-menu {
    color: #000000;
    transition: all .3s ease-in-out;
}
a.mobile-menu:hover, a.mobile-menu:focus, a.mobile-menu:visited {
    color: #FFFFFF;
}

.offcanvas-white {
    background-color: #FFFFFF;
}
.offcanvas-white > * {
    color: #0f0f0f;
}

.uk-checkbox {
    background-color: #f1f1f1!important;
    border-color: #d8d8d8!important;
}

.uk-input:focus, .uk-select:focus, .uk-textarea:focus {
    border-color: #e46cea;
}
.form-control:focus {
    border-color: #e46cea;
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(228,108,234, .25);
}
a.more {
    font-size: 1rem;
}
a.news-title {
    font-size: 1.1rem;
    font-weight: bold;
    color: #000000;
    text-decoration: none;
    transition: all .3s ease-in-out;
}
a.news-title:hover {
    text-decoration: none;
    color: #e46cea;
}
.news .uk-card-header a figure {
    overflow: hidden;
}
.news .uk-card-header a figure img {
    opacity: 1;
    transition: all .3s ease-in-out;
}
.news .uk-card-header a:hover figure img {
    opacity: .75;
}

input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
    opacity: 1;
}