/*
Theme Name: kentoshoes
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
/* Xóa icon giỏ hàng mặc định của Flatsome */
.w100 {font-weight: 100;}
.w200 {font-weight: 200;}
.w300 {font-weight: 300;}
.w400 {font-weight: 400;}
.w500 {font-weight: 500;}
.w600 {font-weight: 600;}
.w700 {font-weight: 700;}
.w800 {font-weight: 800;}
.w900 {font-weight: 900;}
.upper {text-transform: uppercase;}
.p-bot-0 p {margin-bottom:0}
.p-top-0 p {margin-top:0}
.col-bot-0 {padding-bottom: 0 !important;}
.title-1 {letter-spacing:2px}
.absolute-footer {display: none;}
.box-1:hover .text-hover-red {color:#d4001d}
.price-wrapper .price ins {order: 1;}
.price-wrapper .price del {order: 2;}
.price-wrapper .price {
    display: flex;
    align-items: center;
    gap: 8px;
}


.header-cart-link .icon-shopping-basket:before,.wishlist-link .wishlist-icon:before,.account-link .icon-user:before,.nav-top-not-logged-in .icon-user:before,.nav-top-link .icon-search:before {
        content: "";
    display: inline-block;
    width: 21px;
    height: 21px;
    line-height: 1;
    background-color: #111827;
}

.header-cart-link .icon-shopping-basket:before {
    -webkit-mask: url("./assets/cart.svg") center / contain no-repeat;
    mask: url("./assets/cart.svg") center / contain no-repeat;
}
.wishlist-link .wishlist-icon:before {
        -webkit-mask: url('./assets/tim.svg') center / contain no-repeat;
    mask: url('./assets/tim.svg') center / contain no-repeat;
}
.account-link .icon-user:before,.nav-top-not-logged-in .icon-user:before {
    -webkit-mask: url('./assets/users.svg') center / contain no-repeat;
    mask: url('./assets/users.svg') center / contain no-repeat;
}
.nav-top-link .icon-search:before {
    -webkit-mask: url('./assets/kiem.svg') center / contain no-repeat;
    mask: url('./assets/kiem.svg') center / contain no-repeat;
}

.header-cart-link:hover .icon-shopping-basket:before,.wishlist-link:hover .wishlist-icon:before,.account-link:hover .icon-user:before,.nav-top-not-logged-in:hover .icon-user:before,.nav-top-link:hover .icon-search:before {
        transform: translateY(-2px);
    background-color: #d4001d;
    transition: transform .2s, color .2s;
}
.header-cart-link:hover .icon-shopping-basket:after, .wishlist-link:hover .wishlist-icon:after {
        transform: translateY(-2px);
    transition: transform .2s, color .2s;
}
/*.nav-top-not-logged-in {display: block;}*/


.flex-right>.header-nav.header-nav-main.nav-right {gap: 10px;}
.flex-right>.header-nav.header-nav-main.nav-right>li {margin: 0 8px;}
.box-1 {
    border-radius: 10px;
    background: #f6f9ff;
    overflow: hidden;}

.hero-grid {
    background: radial-gradient(circle at 70% 46%, #ad1028 0, #0000 33%), linear-gradient(110deg, #101219 20%, #242735);
}
.hero-grid:after {
    content: "KENTO";
    color: #ffffff09;
    letter-spacing: 0em;
    font-size: 30vw;
    font-weight: 950;
    line-height: 1;
    position: absolute;
    bottom: -13vw;
    right: -10vw;
}

.badge>.new-bubble-auto {
border-radius: 2px;
    padding: 6px 15px;
}
.badge-container .badge:has(.new-bubble-auto) {
    height: 0em;
    margin-bottom: 1em;
        margin-left: 0em;
}
.badge-circle, .badge-outline {
    margin-left: 1em;
}

.badge .onsale {
    font-size: 13px;
}

.badge-container {
    display: flex;
    flex-direction: column;
}

.badge-container > .badge:nth-child(1) {
    order: 2;
}

.badge-container > .badge:nth-child(2) {
    order: 1;
}

.product .product-small.box {
    background-color: #ffffff;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.2);
}
.product .product-small.box:hover {
box-shadow: 0 0 10px rgba(0,0,0,.1);
}

.prod-box-1 .product .product-small.box {
    box-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.2);
}
.prod-box-1 .product .product-small.box:hover {
box-shadow: 0 0 10px rgba(0,0,0,.2);
}

.product .product-small.box>.box-text {
    padding: 20px 20px;
}
.product .product-small.box>.box-text>.title-wrapper>.product-title {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    height: 48px;
    margin-bottom: 8px;
    font-size: 16px;
    font-weight: 600;

}
.product .product-small.box>.box-text>.title-wrapper>.category {
color: #6e7279;
font-weight: 600;
margin-bottom: 15px;
}


.product .product-small.box>.box-text>.price-wrapper {
    margin-bottom: 10px;
}
.price>.woocommerce-Price-amount.amount {
    color: #d4001d;
}

.mau-1 {
    background: radial-gradient(circle at 88% 8%, #d4001d1c, #0000 42%), linear-gradient(135deg, #fcfaf7, #f3ebe7 55%, #e8dcdd);
}
.material-symbols-outlined.icon-kento {
    font-size: 60px;
}

.khung {
        display: inline-block;
    padding: 20px;
    border-radius: 20px;
    
    background: #f5e4eb;
    width: 104px;
    height: 104px;
}

#wpcf7-f430-p25-o1 input.wpcf7-form-control.wpcf7-email {
    background-color: rgb(255 255 255);
}
#wpcf7-f430-p25-o1 input.wpcf7-form-control.wpcf7-submit {
    background-color:#11151D;
}

#wpcf7-f430-p25-o1 .wpcf7-form {
    margin-bottom: 0;
}


.hero-shoe {
    aspect-ratio: 1;
    filter: drop-shadow(0 35px 40px #00000057);
    width: 120%;
    animation: 6s ease-in-out infinite float;
    position: relative;
    transform: rotate(-11deg) translate(-2%);
}
.anh-sang .banner-link {
z-index: 1;
    pointer-events: none;
    filter: blur(20px);
    background: linear-gradient(90deg, #0000, #f94a6924, #0000);
    width: 11%;
    height: 250%;
    animation: 9s ease-in-out infinite campaign-light-pass;
    position: absolute;
    top: -70%;
    left: 3%;
    transform: rotate(18deg) translate(-500%);

}

.hide-for-medium .header-nav.header-nav-main.nav.nav-left {
    justify-content: flex-end;
    padding-right: 50px;
}

.anh-sang .banner-layers {
    overflow: hidden;
}
@keyframes float {
50% {
    transform: rotate(-8deg) translate(-2%, -16px);
}
}
@keyframes campaign-light-pass {
0%, 20% {
    opacity: 0;
    transform: rotate(18deg) translate(-650%);
}
40% {
    opacity: 1;
}
67%, 100% {
    opacity: 0;
    transform: rotate(18deg) translate(920%);
}
}

.menu-footer a {color: #aaadb4;}
.menu-footer a:hover {color: #d4001d !important;}
@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}