/*
Theme Name: Astra Child
Theme URI: https://wpastra.com/
Description: Child theme của Astra
Author: Webtop
Template: astra
Version: 1.0
*/

.wt-whitespace-nowrap p {
    white-space: nowrap !important;
}

/* section khác biệt trang chủ */
.sticky-stack {
    position: relative;
    width: 100%;
    max-width: 100%;
    overflow: clip !important;
}

.sticky-stack__title {
    position: sticky !important;
    top: var(--sticky-stack-title-offset, 100px) !important;
    z-index: 5;
    /* Nhỏ hơn z-index của item (10, 20...) để item đè lên */
}

.sticky-stack__item {
    position: sticky !important;
    top: var(--sticky-stack-offset, 170px) !important;
    /* border-radius: 24px; */
    clip-path: inset(0 round 0 30px 30px 0);
    overflow: hidden !important;
    box-sizing: border-box !important;
}

.sticky-stack__item:nth-child(1) {
    z-index: 10;
}

.sticky-stack__item:nth-child(2) {
    z-index: 20;
}

.sticky-stack__item:nth-child(3) {
    z-index: 30;
}

.sticky-stack__item:nth-child(4) {
    z-index: 40;
}

.sticky-stack__item:nth-child(5) {
    z-index: 50;
}



@media (max-width: 767px) {
    .sticky-stack {
        position: static !important;
    }

    .sticky-stack__title {
        position: static !important;
    }

    .sticky-stack__item {
        position: static !important;
    }

    .sticky-stack__item:nth-child(1),
    .sticky-stack__item:nth-child(2),
    .sticky-stack__item:nth-child(3),
    .sticky-stack__item:nth-child(4),
    .sticky-stack__item:nth-child(5) {
        z-index: auto !important;
    }
}

/* section hình ảnh trang chủ */
.wt-padding-left-1212px {
    padding-left: max(20px, calc((100vw - 1212px) / 2)) !important;
}