{"version":3,"file":"public/css/thha-huge-image-parallax.css","mappings":"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","sources":["webpack://huge-addons-for-elementor/./assets/scss/thha-huge-image-parallax.scss"],"sourcesContent":["\n.huge-thha-image-parallax {\n    position: relative;\n    width: 100%;\n    overflow: hidden;\n\n    .huge-parallax-inner {\n        position: relative;\n        width: 100%;\n        min-height: 100vh;\n        overflow: hidden;\n    }\n\n    .huge-section-flex {\n        display: flex;\n        align-items: center;\n        flex-direction: column-reverse;\n        justify-content: center;\n        width: 100%;\n        height: 100%;\n    }\n\n    .huge-half {\n        width: 100%;\n    }\n\n    .huge-half-centered {\n        width: 100%;\n        display: flex;\n        justify-content: center;\n    }\n\n    .huge-text-block {\n        text-align: center;\n        padding: 0 20px;\n        max-width: 620px;\n        width: 100%;\n    }\n\n    .huge-content-title {\n        font-size: 1.875rem;\n        line-height: 2.25rem;\n        font-weight: 500;\n        color: #2f3645;\n        margin: 0;\n    }\n\n    .huge-parallax-highlight {\n        cursor: pointer;\n        font-style: italic;\n        font-weight: 700;\n        display: block;\n        margin-top: .75rem;\n        margin-bottom: 1.75rem;\n        text-decoration: underline;\n    }\n\n    .huge-content-subtitle {\n        font-size: .75rem;\n        line-height: 1rem;\n        font-weight: 500;\n        color: #4f5660;\n        margin: 0;\n    }\n\n    .huge-content-description {\n        font-size: .75rem;\n        line-height: 1rem;\n        letter-spacing: .025em;\n        margin-top: .75rem;\n        color: #59606a;\n        max-width: 420px;\n    }\n\n    .huge-parallax-btn {\n        display: inline-block;\n        margin-top: .75rem;\n        padding: .5rem 2rem;\n        border: none;\n        border-radius: .5rem;\n        text-decoration: none;\n        transition: background-color .2s ease;\n        filter: drop-shadow(0 1px 2px rgb(0 0 0 / .1)) drop-shadow(0 1px 1px rgb(0 0 0 / .06));\n    }\n\n    [data-move-huge] {\n        will-change: transform;\n        transform: translate3d(0, 0, 0);\n    }\n\n    img {\n        display: block;\n        max-width: 100%;\n        height: auto;\n    }\n\n    &--style1 {\n        .huge-parallax-inner {\n            background: #92b6a7;\n            perspective: 1200px;\n            height: 400px;\n        }\n\n        .huge-hero-flex {\n            height: 100%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            text-align: center;\n        }\n\n        .huge-content-text {\n            position: absolute;\n            top: 50%;\n            left: 45%;\n            transform: translate(-50%, -50%);\n            color: #fff;\n            z-index: 5;\n            width: 100%;\n            max-width: 300px;\n            margin: 0 auto;\n\n            .huge-text-block {\n                text-align: center;\n                padding: 0;\n            }\n        }\n\n        .huge-content-title {\n            font-size: 1.5rem;\n            line-height: 2rem;\n        }\n\n        .huge-content-title-hero {\n            font-size: 1.5rem;\n            line-height: 2rem;\n        }\n\n        .huge-content-description {\n            max-width: 290px;\n            margin: .75rem auto 0;\n            color: rgba(255, 255, 255, .9);\n        }\n\n        .huge-content-subtitle {\n            color: rgba(255, 255, 255, .92);\n        }\n\n        .huge-parallax-btn {\n            background-color: #f43f5e;\n            color: #fff;\n\n            &:hover {\n                background-color: #fb7185;\n            }\n        }\n\n        .huge-bg1,\n        .huge-bg2,\n        .huge-bg4,\n        .huge-overlay {\n            position: absolute;\n        }\n\n        .huge-bg1 {\n            width: 100%;\n            height: 100%;\n            top: 15%;\n            right: -50px;\n            z-index: 2;\n\n            img {\n                width: 40%;\n                margin-left: auto;\n            }\n        }\n\n        .huge-bg2 {\n            top: 10px;\n            right: 40px;\n            width: 100%;\n            height: 100%;\n\n            img {\n                width: 30%;\n            }\n        }\n\n        .huge-bg4 {\n            width: 100%;\n            height: 100%;\n            top: -30%;\n            right: 0%;\n            z-index: -1;\n\n            img {\n                width: 100%;\n            }\n        }\n\n        .huge-overlay {\n            width: 100%;\n            top: -50%;\n            left: 20%;\n            height: 100%;\n\n            .huge-bg3 img {\n                width: 50%;\n                display: flex;\n                align-items: center;\n            }\n        }\n    }\n\n    &--style2 {\n        .huge-parallax-inner {\n            background-color: #f8f2e9;\n            min-height: 500px;\n            height: auto;\n            padding: 2.5rem 0;\n        }\n\n        .huge-food-img-container {\n            position: relative;\n            z-index: 10;\n            width: 100%;\n            height: 300px;\n        }\n\n        .huge-content-title {\n            color: #161616;\n        }\n\n        .huge-content-subtitle,\n        .huge-content-description {\n            color: #383838;\n        }\n\n        .huge-food-1,\n        .huge-food-2,\n        .huge-food-3 {\n            position: absolute;\n            filter: drop-shadow(0 4px 6px rgba(0, 0, 0, .1));\n        }\n\n        .huge-food-1 {\n            width: 120px;\n            left: 50%;\n            transform: translateX(-50%);\n            top: 1.25rem;\n        }\n\n        .huge-food-2 {\n            width: 100px;\n            left: 1rem;\n            top: 40%;\n        }\n\n        .huge-food-3 {\n            width: 100px;\n            right: 1rem;\n            top: 30%;\n        }\n\n        .huge-parallax-btn {\n            background-color: #d09b5d;\n            color: #f5f5f5;\n\n            &:hover {\n                background-color: #ce9451;\n                color: #fff;\n            }\n        }\n    }\n\n    &--style3 {\n        .huge-parallax-inner {\n            background-color: #b8baa4;\n            min-height: 500px;\n            height: auto;\n            overflow: hidden;\n        }\n\n        .huge-content-title {\n            color: #3b3d30;\n        }\n\n        .huge-content-subtitle {\n            color: #5b5c55;\n        }\n\n        .huge-content-description {\n            color: #4f5148;\n        }\n\n        .huge-card-img-container {\n            position: relative;\n            z-index: 10;\n            width: 100%;\n            height: 300px;\n            display: flex;\n            align-items: center;\n        }\n\n        .huge-card-1,\n        .huge-card-2,\n        .huge-card-3 {\n            position: absolute;\n            filter: drop-shadow(0 8px 15px rgba(0, 0, 0, .15));\n        }\n\n        .huge-card-1 {\n            z-index: 10;\n            width: 100px;\n            left: 50%;\n            transform: translateX(-50%);\n            top: 1.25rem;\n        }\n\n        .huge-card-2 {\n            width: 80px;\n            left: 1rem;\n            top: 35%;\n        }\n\n        .huge-card-3 {\n            z-index: -10;\n            width: 90px;\n            right: 1rem;\n            top: 30%;\n        }\n\n        .huge-parallax-btn {\n            color: #314724;\n            background-color: #dbdec1;\n\n            &:hover {\n                background-color: #d7de9b;\n                color: #fff;\n            }\n        }\n    }\n\n    &--style4 {\n        .huge-parallax-inner {\n            background-color: #d9d0c9;\n            height: 660px;\n            overflow: hidden;\n        }\n\n        .huge-img-cosmetic-container {\n            position: relative;\n            width: 100%;\n        }\n\n        .huge-layer-relative {\n            position: relative;\n        }\n\n        .huge-layer-1 {\n            object-fit: contain;\n            position: absolute;\n            z-index: -10;\n            left: -33.333%;\n            display: none;\n            top: -17px;\n            width: 100%;\n            height: 200px;\n        }\n\n        .huge-layer-2 {\n            object-fit: contain;\n            width: 65%;\n            margin-right: 3rem;\n            margin-left: auto;\n        }\n\n        .huge-parallax-btn {\n            color: #fff;\n            background-color: #d87512;\n\n            &:hover {\n                background-color: #db7c1e;\n                color: #fff;\n            }\n        }\n    }\n\n    &--style5 {\n        .huge-parallax-inner {\n            padding-bottom: 5rem;\n            height: auto;\n            background-color: #314724;\n            overflow: hidden;\n        }\n\n        .huge-overlay-bg {\n            width: 100%;\n            position: relative;\n\n            img {\n                height: 400px;\n                position: absolute;\n                top: -5rem;\n                right: -2.5rem;\n                z-index: 2;\n            }\n        }\n\n        .huge-inner-flex {\n            display: flex;\n            height: 100%;\n            align-items: center;\n            justify-content: center;\n        }\n\n        .huge-content-title {\n            color: #6eba7a;\n        }\n\n        .huge-content-subtitle,\n        .huge-content-description {\n            color: #fff;\n        }\n\n        .huge-fruits-img-container {\n            position: relative;\n            z-index: 10;\n            width: 100%;\n            height: 300px;\n            display: flex;\n            align-items: center;\n        }\n\n        .huge-fruits-1,\n        .huge-fruits-2,\n        .huge-fruits-3 {\n            position: absolute;\n            filter: drop-shadow(0 8px 15px rgba(0, 0, 0, .2));\n        }\n\n        .huge-fruits-1 {\n            z-index: 10;\n            width: 100px;\n            transform: translateX(-50%);\n            top: 1.25rem;\n        }\n\n        .huge-fruits-2 {\n            width: 80px;\n            left: 1rem;\n            bottom: 5%;\n        }\n\n        .huge-fruits-3 {\n            width: 90px;\n            right: 1rem;\n            top: 30%;\n            z-index: -10;\n        }\n\n        .huge-parallax-btn {\n            color: #fff;\n            background-color: #61a16b;\n\n            &:hover {\n                background-color: #78db87;\n                color: #fff;\n            }\n        }\n    }\n\n    @media (min-width: 768px) {\n        &--style1 {\n            .huge-parallax-inner {\n                height: 550px;\n            }\n\n            .huge-content-text {\n                max-width: 42rem;\n                left: 50%;\n            }\n\n            .huge-content-title-hero {\n                font-size: 2.25rem;\n                line-height: 2.5rem;\n            }\n        }\n\n        .huge-content-title {\n            font-size: 2.25rem;\n            line-height: 2.5rem;\n        }\n\n        .huge-content-subtitle {\n            font-size: 1rem;\n            line-height: 1.5rem;\n            margin-top: .5rem;\n        }\n\n        .huge-content-description {\n            font-size: .875rem;\n            line-height: 1.25rem;\n        }\n\n        .huge-section-flex {\n            flex-direction: row;\n        }\n\n        .huge-half,\n        .huge-half-centered {\n            width: 50%;\n        }\n\n        .huge-text-block {\n            text-align: center;\n        }\n\n        &--style2 {\n            .huge-parallax-inner, .huge-section-food {\n                height: 100vh;\n                padding: 0;\n            }\n\n            .huge-food-img-container {\n                height: 100%;\n                width: 50%;\n            }\n\n            .huge-food-1 {\n                width: auto;\n                left: 30%;\n                transform: translateX(0);\n                top: 5rem;\n            }\n\n            .huge-food-2 {\n                width: auto;\n                left: 7rem;\n                top: 45%;\n            }\n\n            .huge-food-3 {\n                width: auto;\n                right: 0;\n                top: 49%;\n            }\n            .huge-text-block{\n                display: flex;\n                flex-direction: column;\n                align-items: center;\n            }\n        }\n\n        &--style3 {\n            // .huge-parallax-inner {\n            //     height: 660px;\n            // }\n\n            .huge-section-cards {\n                height: 100vh;\n                padding: 0;\n            }\n\n            .huge-half-centered {\n                // justify-content: center;\n                .huge-text-block {\n                  display: flex;\n                  flex-direction: column;\n                  align-items: center;\n                }\n            }\n\n            .huge-card-img-container {\n                height: 100%;\n                width: 50%;\n            }\n\n            .huge-card-1 {\n                width: auto;\n                left: auto;\n                transform: translateX(0);\n                top: 0;\n            }\n\n            .huge-card-2 {\n                width: auto;\n                left: -25%;\n                top: 2%;\n            }\n\n            .huge-card-3 {\n                width: auto;\n                right: 10%;\n                top: 5%;\n            }\n        }\n\n        &--style4 {\n            .huge-img-cosmetic-container {\n                width: 50%;\n            }\n\n            .huge-layer-1 {\n                display: block;\n                z-index: 9;\n            }\n        }\n\n        &--style5 {\n            // .huge-parallax-inner {\n            //     height: 500px;\n            // }\n            .huge-section-fruits {\n                height: 100vh;\n                padding: 0;\n            }\n\n            .huge-inner-flex {\n                justify-content: space-between;\n            }\n\n            .huge-fruits-img-container {\n                height: 100%;\n                width: 50%;\n            }\n\n            .huge-fruits-1 {\n                width: auto;\n                right: 60%;\n                top: 50%;\n                transform: translateX(0);\n            }\n\n            .huge-fruits-2 {\n                width: auto;\n                left: 15%;\n                bottom: 30%;\n            }\n\n            .huge-fruits-3 {\n                width: auto;\n                right: 10%;\n                top: 50%;\n            }\n\n            .huge-text-block{\n                display: flex;\n                flex-direction: column;\n                align-items: center;\n            }\n        }\n    }\n\n    @media (min-width: 1024px) {\n        &--style1 {\n            .huge-parallax-inner {\n                height: 100vh;\n            }\n        }\n\n        .huge-content-title {\n            font-size: 3.75rem;\n            line-height: 1;\n        }\n\n        .huge-content-subtitle {\n            font-size: 1.5rem;\n            line-height: 2rem;\n            margin-top: 1rem;\n        }\n\n        .huge-content-description {\n            font-size: .875rem;\n            line-height: 1.25rem;\n        }\n\n        .huge-parallax-btn {\n            margin-top: 1.75rem;\n            padding: .75rem 2.5rem;\n        }\n\n        &--style1 {\n            .huge-content-title-hero {\n                font-size: 3.75rem;\n                line-height: 1;\n            }\n\n            .huge-content-description {\n                font-size: .875rem;\n                line-height: 1.25rem;\n            }\n        }\n    }\n\n    @media (min-width: 1280px) {\n        &--style4 {\n            .huge-half-centered {\n                justify-content: flex-start;\n            }\n        }\n\n        &--style4 {\n            .huge-layer-1 {\n                left: -240px;\n                height: 500px;\n            }\n        }\n\n        &--style5 {\n            .huge-parallax-inner {\n                height: 660px;\n            }\n\n            .huge-overlay-bg img {\n                height: 600px;\n            }\n        }\n\n        &--style3 {\n            .huge-card-1 {\n                right: 15%;\n                top: -28%;\n            }\n        }\n\n        &--style5 {\n            .huge-overlay-bg img {\n                right: -1rem;\n            }\n        }\n    }\n\n    @media (min-width: 300px) and (max-width: 1024px) {\n        &--style2 {\n            .huge-food-img-container {\n                height: 300px !important;\n                margin-bottom: 20px;\n\n                img {\n                    max-width: 120px;\n                    height: auto;\n                }\n            }\n\n            .huge-text-block {\n                padding: 0 20px;\n                margin-bottom: 30px;\n            }\n        }\n\n        &--style3 {\n            .huge-card-img-container {\n                height: 300px !important;\n                margin-bottom: 20px;\n\n                img {\n                    max-width: 120px;\n                    height: auto;\n                }\n            }\n\n            .huge-parallax-inner {\n                min-height: 600px;\n                height: auto !important;\n            }\n\n            .huge-text-block {\n                padding: 0 20px;\n                margin-bottom: 30px;\n            }\n        }\n    }\n}\n"],"names":[],"ignoreList":[],"sourceRoot":""}