@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css");

@font-face {
    font-family: 'TKT-Caps';
    src: url('TKT-Regular-Caps.ttf') format('ttf'),
         url('TKT-Regular-Caps.ttf') format('woff');
}

:root {
    --bs-body-font-family: "TKT-Caps", sans-serif !important;
}

/*(1) owl-stage box*/
.owl-carousel .owl-stage { display: flex; }
/*(2) the direct div of each element in the owl carousel*/
.article-items { height: 100%; }

.es-category-li {
    transition: all 0.15s ease;
}

.es-category-li:hover {
    background-color: #FFFFFF10;
}

.es-btn-toggle span {
    display: block;
    transition: transform 0.15s ease;
}

.es-btn-toggle[aria-expanded="true"] span {
    transform: rotate(-180deg);
}

.es-product-card {
    transition: all ease 0.15s;
}

.es-product-card:hover {
    box-shadow: var(--bs-box-shadow-sm);
    background-color: #FAFAFA !important;
}