{"version":3,"file":"filterable-trips/style-index.css","mappings":";;;AAAA;;;;;EAAA;AASC;EAEA;AAHD;;AAMC;EACG;AAHJ;;AAMA;EACI;AAHJ;;AAMA;EACI;AAHJ;;AAMA;EACI;AAHJ;;AAOI;EACI;EACA;EACA;EACA;EACA;AAJR;AAMQ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;AAJZ;AAMY;EACI;EACA;AAJhB;;AAaY;EACI;EACA;EACA;EACA;EACA;AAVhB;AAYgB;EACI;EACA;EACA;EACA;EACA;AAVpB;AAYoB;EACI;EACA;EACA;KAAA;EACA;EACA;AAVxB;AAaoB;EACI;EACA;AAXxB;AAawB;EACI;EACA;EACA;EACA;EACA;EACA;EACA;AAX5B;AAgBgB;EACI;EACA;EACA;EACA;EACA;EACA;AAdpB;AAgBoB;EACI;EACA;EACA;EACA;EACA;EACA;AAdxB;AAgBwB;EACI;EACA;AAd5B;AAgB4B;EACI;AAdhC;AAmBoB;EACI;EACA;EACA;EACA;EACA;AAjBxB;AAmBwB;EACI;AAjB5B;AAuBwB;EACI;EACA;EACA;EACA;EACA;AArB5B;AAuB4B;EACI;AArBhC;AAwB4B;EACI;AAtBhC;AA2BoB;EACI;EACA;EACA;EACA;EACA;AAzBxB;AA2BwB;EACI;EACA;AAzB5B;AA4BwB;EACI;EACA;EACA;EACA;EACA;AA1B5B;AA6BgC;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AA3BpC;AA8BwC;EACI;EACA;EACA;AA5B5C;AA8BwC;EACI;AA5B5C;AAoCoB;EACI;EACA;AAlCxB;AAoCwB;EACI;EACA;EACA;AAlC5B;AAoC4B;EACI;EACA;AAlChC;AAoCgC;EACI;EACA;AAlCpC;AAuCgC;EACI;EACA;EACA;EACA;AArCpC;AAuCoC;EACI;EACA;EACA;EACA;AArCxC;AA2CwB;EACI;EACA;EACA;EACA;EACA;AAzC5B;AA2C4B;EACI;EACA;EAAA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAzChC;AA4C4B;EACI;EACA;EACA;AA1ChC;AA6C4B;EACI;EACA;AA3ChC;AAoDwB;EACI;AAlD5B;AAsDgC;EACI;EACA;EACA;AApDpC;AA6DY;EACI;EACA;EACA;EACA;EACA;AA3DhB;AA6DgB;EACI;EACA;EACA;EACA;EACA;EACA;AA3DpB;AA6DoB;EACI;EACA;EACA;KAAA;EACA;AA3DxB;AA8DoB;EACI;EACA;EACA;EACA;EACA;AA5DxB;AA8DwB;EACI;EACA;EACA;EACA;EACA;AA5D5B;AA8D4B;EACI;EACA;EACA;EACA;EACA;EACA;EACA;AA5DhC;AA+D4B;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AA7DhC;AA+DgC;EACI;EACA;EACA;EACA;EACA;AA7DpC;AA+DoC;EACI;AA7DxC;AAgEoC;EACI;AA9DxC;AAsEgB;EACI;EACA;EACA;EACA;EACA;EACA;AApEpB;AAsEoB;EACI;EACA;EACA;EACA;EACA;EACA;AApExB;AAsEwB;EACI;EACA;EACA;AApE5B;AAsE4B;EACI;AApEhC;AAuE4B;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AArEhC;AAuEgC;EACI;EACA;AArEpC;AA0EgC;EACI;EACA;EAAA;EACA;EACA;EACA;AAxEpC;AA8EoB;EACI;EACA;EACA;EACA;AA5ExB;AA8EwB;EACI;EACA;EACA;EACA;EACA;EACA;EACA;AA5E5B;AA8E4B;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AA5EhC;AAiFoB;EACI;EACA;EACA;EACA;EACA;AA/ExB;AAiFwB;EACI;EACA;AA/E5B;AAiF4B;EACI;AA/EhC;AAoFoB;EACI;EACA;AAlFxB;AAoFwB;EACI;EACA;EACA;EACA;AAlF5B;AAoF4B;EACI;EACA;EACA;EACA;AAlFhC;AAoFgC;EACI;EACA;EACA;EACA;AAlFpC;AAsFoC;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AApFxC;AAsFwC;EACI;AApF5C;AAsF4C;EACI;EACA;EACA;AApFhD;AAsF4C;EACI;AApFhD;AA4FgC;EACI;EACA;EACA;EACA;AA1FpC;AA4FoC;EACI;EACA;EACA;EACA;AA1FxC;AAgGwB;EACI;EACA;EACA;EACA;EACA;AA9F5B;AAgG4B;EACI;EACA;EAAA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AA9FhC;AAiG4B;EACI;EACA;EACA;AA/FhC;AAkG4B;EACI;EACA;AAhGhC;AAwGwB;EACI;AAtG5B;AA0GgC;EACI;EACA;EACA;AAxGpC;AAiHY;EACI;EACA;EACA;EACA;EACA;EACA;AA/GhB;AAiHgB;EACI;EACA;EACA;EACA;EACA;AA/GpB;AAiHoB;EACI;EACA;EACA;KAAA;EACA;EACA;AA/GxB;AAkHoB;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAhHxB;AAkHwB;EACI;EACA;EACA;EACA;AAhH5B;AAkH4B;EACI;EACA;EACA;EACA;EACA;EACA;EACA;AAhHhC;AAoHwB;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAlH5B;AAoH4B;EACI;EACA;EACA;EACA;EACA;AAlHhC;AAoHgC;EACI;AAlHpC;AAqHgC;EACI;AAnHpC;AAuHoC;EACI;AArHxC;AAuHwC;EACI;AArH5C;AAyHoC;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAvHxC;AA0H4C;EACI;EACA;EACA;AAxHhD;AA0H4C;EACI;AAxHhD;AAkIgB;EACI;EACA;EACA;EACA;EACA;EACA;AAhIpB;AAkIoB;EACI;EACA;EACA;EACA;EACA;EACA;AAhIxB;AAkIwB;EACI;EACA;AAhI5B;AAkI4B;EACI;AAhIhC;AAqIoB;EACI;EACA;EACA;EACA;AAnIxB;AAqIwB;EACI;EACA;AAnI5B;AAsIwB;EACI;AApI5B;AA0IwB;EACI;EACA;EACA;EACA;EACA;AAxI5B;AA0I4B;EACI;AAxIhC;AA2I4B;EACI;AAzIhC;AA8IoB;EACI;EACA;EACA;EACA;EACA;AA5IxB;AA8IwB;EACI;EACA;AA5I5B;AA+IwB;EACI;EACA;EACA;AA7I5B;AA+I4B;EACI;AA7IhC;AAkJoB;EACI;EACA;AAhJxB;AAkJwB;EACI;EACA;EACA;AAhJ5B;AAkJ4B;EACI;EACA;AAhJhC;AAkJgC;EACI;EACA;AAhJpC;AAqJgC;EACI;EACA;EACA;EACA;AAnJpC;AAqJoC;EACI;EACA;EACA;EACA;AAnJxC;AAyJwB;EACI;EACA;EACA;EACA;EACA;AAvJ5B;AAyJ4B;EACI;EACA;EAAA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAvJhC;AA0J4B;EACI;EACA;EACA;AAxJhC;AA2J4B;EACI;EACA;AAzJhC;AAkKwB;EACI;AAhK5B;AAoKgC;EACI;EACA;EACA;AAlKpC;AA2KY;EACI;EACA;EACA;EACA;EACA;EACA;AAzKhB;AA2KgB;EACI;EACA;EACA;EACA;EACA;EACA;AAzKpB;AA2KoB;EACI;EACA;EACA;KAAA;EACA;AAzKxB;AA4KoB;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AA1KxB;AA4KwB;EACI;AA1K5B;AA4K4B;EACI;EACA;EAAA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AA1KhC;AA6K4B;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AA3KhC;AAiLgB;EACI;EACA;EACA;EACA;EACA;EACA;AA/KpB;AAiLoB;EACI;EACA;EACA;AA/KxB;AAkL4B;EACI;AAhLhC;AAqL4B;EACI;EACA;EACA;AAnLhC;AAuLwB;EACI;EACA;EACA;EACA;EACA;AArL5B;AAuL4B;EACI;AArLhC;AAwL4B;EACI;AAtLhC;AA2LoB;EACI;EACA;EACA;EACA;AAzLxB;AA2LwB;EACI;EACA;EACA;AAzL5B;AA2L4B;EACI;AAzLhC;AA6LwB;EACI;EACA;EACA;EACA;EACA;AA3L5B;AA6L4B;EACI;EACA;EACA;AA3LhC;AA6LgC;EACI;EACA;EACA;EACA;EACA;AA3LpC;AA+LoC;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AA7LxC;AA+LwC;EACI;AA7L5C;AA+L4C;EACI;EACA;EACA;AA7LhD;AA+L4C;EACI;AA7LhD;AAsMoB;EACI;EACA;EACA;EACA;AApMxB;AAsMwB;EACI;EACA;EACA;EACA;AApM5B;AAsM4B;EACI;EACA;EACA;AApMhC;AAsMgC;EACI;EACA;AApMpC;AAyMwB;EACI;EACA;EACA;EACA;EACA;AAvM5B;AAyM4B;EACI;EACA;EACA;EACA;AAvMhC;AA0M4B;EACI;EACA;EACA;EACA;AAxMhC;AAgNwB;EACI;AA9M5B;AAkNgC;EACI;EACA;EACA;AAhNpC;;AA+NgB;ECtmCZ;EAAA;EACA;EACA;EACA;EACA;AD24BJ;ACz4BI;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AD24BR;ACz4BQ;EACI;EACA;AD24BZ;ACt4BQ;EACI;EACA;EAAA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ADw4BZ,C","sources":["webpack://wp-travel-blocks/./src/filterable-trips/style.scss","webpack://wp-travel-blocks/./src/filterable-trips/_mixin.scss"],"sourcesContent":["/**\r\n * The following styles get applied both on the front of your site\r\n * and in the editor.\r\n *\r\n * Replace them with your own styles or remove the file completely.\r\n */\r\n\r\n @import \"./mixin\";\r\n\r\n .wptravel-layout-v2 .wptravel-blocks-filterable-trips .wptravel-archive-wrapper.grid-view{\r\n    // grid-template-columns: auto auto auto auto auto;\r\n\tjustify-content: center;\r\n }\r\n\r\n #wptravel-blocks-filterable-trips a{\r\n    text-decoration:  none !important;\r\n}\r\n\r\n#wptravel-blocks-filterable-trips .view-box .view-image .image-thumb img {\r\n    height: 230px !important;\r\n}\r\n\r\n#wptravel-blocks-filterable-trips .wptravel-filterable-trips-grid{\r\n    display: none;\r\n}\r\n\r\n#wptravel-blocks-filterable-trips .wptravel-filterable-trips-grid.active{\r\n    display: grid;\r\n}\r\n\r\n#wptravel-blocks-filterable-trips {\r\n    .wptravel-filterable-trips-filters {\r\n        display: flex;\r\n        justify-content: center;\r\n        gap: 10px;\r\n        margin-bottom: 30px;\r\n        flex-wrap: wrap;\r\n\r\n        .filter-btn {\r\n            padding: 10px 20px;\r\n            border-radius: 5px;\r\n            border: none;\r\n            font-size: 16px;\r\n            background-color: transparent;\r\n            cursor: pointer;\r\n            transition: 0.25s ease-in-out all;\r\n\r\n            &.active {\r\n                background: var(--wp--preset--color--secondary);\r\n                color: var(--wp--preset--color--contrast);\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\n#wptravel-blocks-filterable-trips {\r\n    .wptravel-filterable-trips-grid {\r\n        &.layout-one.grid-view {\r\n            .wptravel-blocks-trip-card {\r\n                display: flex;\r\n                flex-direction: column;\r\n                border-radius: 10px;\r\n                background: #FFF;\r\n                box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.10);\r\n\r\n                .wptravel-blocks-trip-card-img-container {\r\n                    position: relative;\r\n                    height: 100%;\r\n                    min-height: 300px;\r\n                    overflow: hidden;\r\n                    border-radius: 5px 5px 0 0;\r\n\r\n                    img {\r\n                        width: 100%;\r\n                        height: 100%;\r\n                        object-fit: cover;\r\n                        border-radius: 10px 10px 0px 0px;\r\n                        transition: scale 0.75s cubic-bezier(0.71, 0.01, 0.46, 0.97);\r\n                    }\r\n\r\n                    .wptravel-blocks-img-overlay {\r\n                        position: absolute;\r\n                        top: 0;\r\n\r\n                        .wptravel-blocks-trip-featured {\r\n                            margin: 10px;\r\n                            padding: 7px;\r\n                            background-color: var(--wp--preset--color--primary);\r\n                            color: white;\r\n                            border-radius: 10px;\r\n                            font-size: 14px;\r\n                            line-height: 1.2;\r\n                        }            \r\n                    } \r\n                }\r\n\r\n                .wptravel-blocks-card-body {\r\n                    display: flex;\r\n                    flex-direction: column;\r\n                    height: 100%;\r\n                    justify-content: space-between;\r\n                    position: relative;\r\n                    padding: 40px 30px 30px 30px;\r\n\r\n                    .wptravel-blocks-floating-container {\r\n                        background-color: #FFF;\r\n                        top: -20px;\r\n                        position: absolute;\r\n                        padding: 10px 20px;\r\n                        border-radius: 10px;\r\n                        box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.10);\r\n\r\n                        .wptravel-blocks-trip-code {\r\n                            font-size: 14px;\r\n                            font-weight: 600;\r\n                \r\n                            .code-hash {\r\n                                color: var(--wp--preset--color--primary);\r\n                            }\r\n                        }\r\n                    }\r\n\r\n                    .wptravel-blocks-card-body-header {\r\n                        display: flex;\r\n                        justify-content: space-between;\r\n                        padding-bottom: 10px;\r\n                        border-bottom: 1px solid #EEE;\r\n                        gap: 20px;\r\n\r\n                        .wptravel-blocks-card-title {\r\n                            margin: 0;\r\n                            // font-size: 22px;\r\n                            // line-height: 1.5rem;\r\n                            // font-weight: 600;\r\n                        }\r\n\r\n                        .wp-travel-add-to-wishlists {\r\n                            color: var(--wp--preset--color--primary) !important;\r\n                            font-size: 20px;\r\n                            position: static;\r\n                            font-size: 0;\r\n                            transition: 0.25s ease-in-out all;\r\n\r\n                            &:hover {\r\n                                transform: translateY(-3px);\r\n                            }\r\n\r\n                            i {\r\n                                font-size: 20px;\r\n                            }\r\n                        }\r\n                    }\r\n\r\n                    .wptravel-blocks-card-content {\r\n                        display: flex;\r\n                        flex-direction: column;\r\n                        gap: 10px;\r\n                        padding: 10px 0;\r\n                        font-size: inherit;\r\n\r\n                        i {\r\n                            color: var(--wp--preset--color--primary);\r\n                            width: 14px;\r\n                        }\r\n\r\n                        .wptravel-blocks-trip-meta {\r\n                            display: flex;\r\n                            align-items: center;\r\n                            gap: 10px;\r\n                            line-height: 1.5;\r\n                            font-size: 14px;\r\n\r\n                            .fixed-date-dropdown {\r\n                                .dropdown-content {\r\n                                    display: grid;\r\n                                    position: absolute;\r\n                                    grid-template-columns: repeat(auto-fit, minmax(165px, 1fr));\r\n                                    min-width: 150px;\r\n                                    background-color: #FFF;\r\n                                    border-radius: 10px;\r\n                                    box-shadow: 0px 4px 10px 0px rgba(0,0,0,.1);\r\n                                    overflow: hidden;\r\n                                    z-index: 3;\r\n                                    transition: all .2s ease-in-out;\r\n\r\n                                    .dropdown-list{\r\n                                        &:hover {\r\n                                            background: #EEE;\r\n                                            border-radius: 10px;\r\n                                            padding-left: 20px;\r\n                                        }\r\n                                        &::before {\r\n                                            background: none;\r\n                                        }\r\n                                    }\r\n                                }\r\n                            }\r\n                        }\r\n                    }\r\n                    \r\n                    .wptravel-blocks-card-footer {\r\n                        display: flex;\r\n                        justify-content: space-between;\r\n\r\n                        .wptravel-blocks-footer-left {\r\n                            display: flex;\r\n                            flex-direction: column;\r\n                            justify-content: flex-end;\r\n\r\n                            .wptravel-blocks-trip-rating {\r\n                                margin-bottom: 10px;\r\n                                line-height: 1.2;\r\n\r\n                                i {\r\n                                    padding: 0px;\r\n                                    color: orange;\r\n                                }\r\n                            }\r\n\r\n                            .wptravel-blocks-trip-explore {\r\n                                a {\r\n                                    text-decoration: none;\r\n                                    border: none;\r\n                                    outline: none;\r\n                                    box-shadow: none;\r\n                                \r\n                                    button {\r\n                                        padding: 10px 30px;\r\n                                        font-size: 16px;\r\n                                        font-style: normal;\r\n                                        cursor: pointer;\r\n                                    }\r\n                                }\r\n                            }\r\n                        }\r\n\r\n                        .wptravel-blocks-footer-right {\r\n                            display: flex;\r\n                            flex-direction: column;\r\n                            justify-content: flex-end;\r\n                            align-items: flex-end;\r\n                            line-height: 1.5;\r\n                        \r\n                            .wptravel-blocks-trip-offer {\r\n                                display: inline-block;\r\n                                width: fit-content;\r\n                                background-color: var(--wp--preset--color--primary);\r\n                                padding: 5px 7px;\r\n                                margin-bottom: 5px;\r\n                                border-radius: 10px;\r\n                                color: #FFF;\r\n                                font-size: 13px;\r\n                                line-height: 1.2;\r\n                            }\r\n\r\n                            .wptravel-blocks-trip-original-price {\r\n                                color: #999;\r\n                                font-size: 16px;\r\n                                font-weight: 500;\r\n                            }\r\n                        \r\n                            .wptravel-blocks-trip-offer-price {\r\n                                font-size: 22px;\r\n                                font-weight: 500;\r\n                            }\r\n                        }\r\n                        \r\n                    }\r\n                }\r\n\r\n                &:hover {\r\n                    .wptravel-blocks-trip-card-img-container {\r\n                        img {\r\n                            scale: 1.1;\r\n                        }\r\n                        .wptravel-blocks-img-overlay-base {\r\n                            .wptravel-blocks-img-overlay {\r\n                                .favourite {\r\n                                    opacity: 1;\r\n                                    transform: translateY(0px);\r\n                                    pointer-events: all;\r\n                                }\r\n                            }\r\n                        }\r\n                    }\r\n                }\r\n            }\r\n        }\r\n        &.layout-two.grid-view {\r\n            .wptravel-blocks-trip-card {\r\n                display: flex;\r\n                flex-direction: column;\r\n                border-radius: 10px;\r\n                background: #FFF;\r\n                box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.10);\r\n\r\n                .wptravel-blocks-trip-card-img-container {\r\n                    position: relative;\r\n                    height: 100%;\r\n                    max-height: 300px;\r\n                    min-height: 300px;\r\n                    overflow: hidden;\r\n                    border-radius: 5px 5px 0 0;\r\n\r\n                    img {\r\n                        width: 100%;\r\n                        height: 100%;\r\n                        object-fit: cover;\r\n                        transition: scale 0.75s cubic-bezier(0.71, 0.01, 0.46, 0.97);\r\n                    }\r\n\r\n                    .wptravel-blocks-img-overlay-base {\r\n                        position: absolute;\r\n                        top: 0;\r\n                        width: 100%;\r\n                        height: 100%;\r\n                        pointer-events: none;\r\n                        \r\n                        .wptravel-blocks-img-overlay {\r\n                            display: flex;\r\n                            flex-direction: row-reverse;\r\n                            margin: 10px;\r\n                            align-items: flex-start;\r\n                            justify-content: space-between;\r\n\r\n                            .wptravel-blocks-trip-featured {\r\n                                display: inline-block;\r\n                                font-size: 14px;\r\n                                background-color: var(--wp--preset--color--primary);\r\n                                color: white;\r\n                                padding: 7px;\r\n                                border-radius: 10px;\r\n                                line-height: 1.2;\r\n                            }\r\n\r\n                            .favourite {\r\n                                display: flex;\r\n                                width: 40px;\r\n                                height: 40px;\r\n                                background: var(--wp--preset--color--primary);\r\n                                justify-content: center;\r\n                                align-items: center;\r\n                                border-radius: 10px;\r\n                                transform: translateY(-100px);\r\n                                opacity: 0;\r\n                                order: -1;\r\n                                pointer-events: all;\r\n                                transition: 0.25s ease-in-out all;\r\n\r\n                                .wp-travel-add-to-wishlists {\r\n                                    color: #FFF !important;\r\n                                    font-size: 20px;\r\n                                    position: static;\r\n                                    font-size: 0;\r\n                                    transition: 0.25s ease-in-out all;\r\n                    \r\n                                    &:hover {\r\n                                        transform: translateY(-3px);\r\n                                    }\r\n                    \r\n                                    i {\r\n                                        font-size: 20px;\r\n                                    }\r\n                                }\r\n                            }\r\n                        }\r\n                    }\r\n                }\r\n\r\n                .wptravel-blocks-card-body {\r\n                    display: flex;\r\n                    flex-direction: column;\r\n                    height: 100%;\r\n                    justify-content: space-between;\r\n                    position: relative;\r\n                    padding: 40px 30px 30px 30px;\r\n\r\n                    .wptravel-blocks-floating-container {\r\n                        background-color: #FFF;\r\n                        top: -20px;\r\n                        position: absolute;\r\n                        padding: 10px 20px;\r\n                        border-radius: 10px;\r\n                        box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.10);\r\n\r\n                        .wptravel-blocks-trip-meta-float {\r\n                            gap: 2px;\r\n                            font-weight: 600;\r\n                            font-size: 14px;\r\n\r\n                            i {\r\n                                color: var(--wp--preset--color--primary);\r\n                            }\r\n\r\n                            ul {\r\n                                position: relative;\r\n                                height: 0;\r\n                                opacity: 0;\r\n                                list-style: none;\r\n                                margin: 0;\r\n                                padding: 0;\r\n                                border-radius: 10px;\r\n                                pointer-events: none;\r\n                                transform: translateY(10px);\r\n                                transition: 0.25s ease-out transform;\r\n\r\n                                li {\r\n                                    background: none;\r\n                                    border: none;\r\n                                }\r\n                            }\r\n\r\n                            &:hover {\r\n                                ul {\r\n                                    opacity: 1;\r\n                                    height: fit-content;\r\n                                    transform: translateY(0px);\r\n                                    pointer-events: all;\r\n                                    margin-left: 13px;\r\n                                }\r\n                            }\r\n                        }\r\n                    }\r\n\r\n                    .wptravel-blocks-card-body-header {\r\n                        display: flex;\r\n                        justify-content: space-between;\r\n                        padding-bottom: 10px;\r\n                        gap: 20px;\r\n\r\n                        .wptravel-blocks-trip-rating {\r\n                            display: flex;\r\n                            align-items: center;\r\n                            justify-content: flex-end;\r\n                            gap: 5px;\r\n                            min-width: 60px;\r\n                            font-size: 16px;\r\n                            font-weight: 600;\r\n\r\n                            i {\r\n                                display: flex;\r\n                                padding: 0px;\r\n                                justify-content: center;\r\n                                align-items: center;\r\n                                color: #FFF;\r\n                                background-color: var(--wp--preset--color--primary);\r\n                                padding: 3px;\r\n                                font-size: 12px;\r\n                                border-radius: 50%;\r\n                            }\r\n                        }\r\n                    }\r\n\r\n                    .wptravel-blocks-card-content {\r\n                        display: flex;\r\n                        flex-direction: column;\r\n                        gap: 10px;\r\n                        padding: 10px 0;\r\n                        font-size: inherit;\r\n\r\n                        .wptravel-blocks-trip-excerpt {\r\n                            color: #777;\r\n                            margin-bottom: 10px;\r\n\r\n                            p {\r\n                                margin: 0;\r\n                            }\r\n                        }\r\n                    }\r\n                    \r\n                    .wptravel-blocks-card-footer {\r\n                        display: flex;\r\n                        justify-content: space-between;\r\n\r\n                        .wptravel-blocks-footer-left {\r\n                            display: flex;\r\n                            flex-direction: column;\r\n                            justify-content: flex-end;\r\n                            gap: 10px;\r\n\r\n                            .wptravel-blocks-trip-meta {\r\n                                display: flex;\r\n                                gap: 10px;\r\n                                font-size: 14px;\r\n                                align-items: center;\r\n                            \r\n                                i {\r\n                                    display: flex;\r\n                                    justify-content: center;\r\n                                    width: 15px;\r\n                                    color: var(--wp--preset--color--primary);\r\n                                }\r\n\r\n                                .fixed-date-dropdown {\r\n                                    .dropdown-content {\r\n                                        display: grid;\r\n                                        position: absolute;\r\n                                        grid-template-columns: repeat(auto-fit, minmax(165px, 1fr));\r\n                                        min-width: 150px;\r\n                                        background-color: #FFF;\r\n                                        border-radius: 10px;\r\n                                        box-shadow: 0px 4px 10px 0px rgba(0,0,0,.1);\r\n                                        overflow: hidden;\r\n                                        z-index: 3;\r\n                                        transition: all .2s ease-in-out;\r\n    \r\n                                        .dropdown-list{\r\n                                            padding: 10px 15px;\r\n\r\n                                            &:hover {\r\n                                                background: #EEE;\r\n                                                border-radius: 0px;\r\n                                                padding-left: 15px;\r\n                                            }\r\n                                            &::before {\r\n                                                background: none;\r\n                                            }\r\n                                        }\r\n                                    }\r\n                                }\r\n                            }\r\n\r\n                            .wptravel-blocks-trip-explore {\r\n                                a {\r\n                                    text-decoration: none;\r\n                                    border: none;\r\n                                    outline: none;\r\n                                    box-shadow: none;\r\n                                \r\n                                    button {\r\n                                        padding: 10px 30px;\r\n                                        font-size: 16px;\r\n                                        font-style: normal;\r\n                                        cursor: pointer;\r\n                                    }\r\n                                }\r\n                            }\r\n                        }\r\n\r\n                        .wptravel-blocks-footer-right {\r\n                            display: flex;\r\n                            flex-direction: column;\r\n                            justify-content: flex-end;\r\n                            align-items: flex-end;\r\n                            text-align: right;\r\n                        \r\n                            .wptravel-blocks-trip-offer {\r\n                                display: inline-block;\r\n                                width: fit-content;\r\n                                align-items: flex-end;\r\n                                background-color: var(--wp--preset--color--primary);\r\n                                padding: 5px 7px;\r\n                                margin-bottom: 5px;\r\n                                border-radius: 10px;\r\n                                color: #FFF;\r\n                                font-size: 13px;\r\n                                line-height: 1.2;\r\n                            }\r\n                        \r\n                            .wptravel-blocks-trip-original-price {\r\n                                color: #999;\r\n                                font-size: 16px;\r\n                                font-weight: 500;\r\n                            }\r\n                        \r\n                            .wptravel-blocks-trip-offer-price {\r\n                                font-size: 22px;\r\n                                font-weight: 500;\r\n                            }\r\n                        }\r\n                    }\r\n                }\r\n\r\n                &:hover {\r\n                    .wptravel-blocks-trip-card-img-container {\r\n                        img {\r\n                            scale: 1.1;\r\n                        }\r\n                        .wptravel-blocks-img-overlay-base {\r\n                            .wptravel-blocks-img-overlay {\r\n                                .favourite {\r\n                                    opacity: 1;\r\n                                    transform: translateY(0px);\r\n                                    pointer-events: all;\r\n                                }\r\n                            }\r\n                        }\r\n                    }\r\n                }\r\n            }\r\n        }\r\n        &.layout-three.grid-view {\r\n            .wptravel-blocks-trip-card {\r\n                display: flex;\r\n                flex-direction: column;\r\n                border-radius: 10px;\r\n                background: #FFF;\r\n                border-radius: 10px;\r\n                box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.10);\r\n\r\n                .wptravel-blocks-trip-card-img-container {\r\n                    position: relative;\r\n                    height: 100%;\r\n                    min-height: 300px;\r\n                    border-radius: 10px 10px 0px 0px;\r\n                    overflow: hidden;\r\n\r\n                    img {\r\n                        width: 100%;\r\n                        height: 100%;\r\n                        object-fit: cover;\r\n                        border-radius: 10px 10px 0px 0px;\r\n                        transition: scale 0.75s cubic-bezier(0.71, 0.01, 0.46, 0.97);\r\n                    }\r\n                    \r\n                    .wptravel-blocks-img-overlay-base {\r\n                        display: flex;\r\n                        flex-direction: column;\r\n                        justify-content: space-between;\r\n                        position: absolute;\r\n                        top: 0;\r\n                        width: 100%;\r\n                        height: 100%;\r\n                        pointer-events: none;\r\n                \r\n                        .wptravel-blocks-img-overlay {\r\n                            display: flex;\r\n                            margin: 10px;\r\n                            align-items: flex-start;\r\n                            justify-content: space-between;\r\n\r\n                            .wptravel-blocks-trip-featured {\r\n                                display: inline-block;\r\n                                font-size: 14px;\r\n                                background-color: var(--wp--preset--color--primary);\r\n                                color: white;\r\n                                padding: 7px;\r\n                                border-radius: 10px;\r\n                                line-height: 1.2;\r\n                            }\r\n                        }\r\n\r\n                        .wptravel-blocks-trip-meta-container {\r\n                            display: flex;\r\n                            bottom: 0;\r\n                            width: initial;\r\n                            justify-content: space-between;\r\n                            gap: 10px;\r\n                            padding: 15px 30px;\r\n                            background-color: rgba(0, 0, 0, 0.5);\r\n                            pointer-events: all;\r\n\r\n                            .wptravel-blocks-trip-meta {\r\n                                display: flex;\r\n                                align-items: center;\r\n                                gap: 5px;\r\n                                font-size: 12px;\r\n                                color: white;\r\n\r\n                                i {\r\n                                    color: var(--wp--preset--color--primary);\r\n                                }\r\n\r\n                                a {\r\n                                    color: white;\r\n                                }\r\n\r\n                                .fixed-date-dropdown {\r\n                                    .dropbtn {\r\n                                        color: #FFF;\r\n\r\n                                        &::after {\r\n                                            color: #FFF;\r\n                                        }\r\n                                    }\r\n\r\n                                    .dropdown-content {\r\n                                        display: grid;\r\n                                        position: absolute;\r\n                                        grid-template-columns: repeat(auto-fit, minmax(165px, 1fr));\r\n                                        min-width: 150px;\r\n                                        background-color: #FFF;\r\n                                        border-radius: 10px;\r\n                                        box-shadow: 0px 4px 10px 0px rgba(0,0,0,.1);\r\n                                        overflow: hidden;\r\n                                        z-index: 3;\r\n                                        transition: all .2s ease-in-out;\r\n\r\n                                        .dropdown-list{\r\n                                            &:hover {\r\n                                                background: #EEE;\r\n                                                border-radius: 10px;\r\n                                                padding-left: 20px;\r\n                                            }\r\n                                            &::before {\r\n                                                background: none;\r\n                                            }\r\n                                        }\r\n                                    }\r\n                                }\r\n                            }\r\n                        }\r\n                    }\r\n                }\r\n\r\n                .wptravel-blocks-card-body {\r\n                    display: flex;\r\n                    flex-direction: column;\r\n                    height: 100%;\r\n                    justify-content: space-between;\r\n                    position: relative;\r\n                    padding: 30px 30px 30px 30px;\r\n\r\n                    .wptravel-blocks-floating-container {\r\n                        background-color: #FFF;\r\n                        top: -20px;\r\n                        position: absolute;\r\n                        padding: 10px 20px;\r\n                        border-radius: 10px;\r\n                        box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.10);\r\n\r\n                        .wptravel-blocks-trip-code {\r\n                            font-size: 14px;\r\n                            font-weight: 600;\r\n                \r\n                            .code-hash {\r\n                                color: var(--wp--preset--color--primary);\r\n                            }\r\n                        }\r\n                    }\r\n\r\n                    .wptravel-blocks-card-body-header {\r\n                        display: flex;\r\n                        justify-content: space-between;\r\n                        padding-bottom: 10px;\r\n                        gap: 20px;\r\n\r\n                        .wp-travel-blocks-card-bookmark i {\r\n                            color: var(--wp--preset--color--primary);\r\n                            font-size: 20px;\r\n                        }            \r\n\r\n                        .wptravel-blocks-card-title {\r\n                            margin: 0;\r\n                            // font-size: 20px;\r\n                            // line-height: 1.5rem;\r\n                            // font-weight: 600;\r\n                        }\r\n\r\n                        .wp-travel-add-to-wishlists {\r\n                            color: var(--wp--preset--color--primary) !important;\r\n                            font-size: 20px;\r\n                            position: static;\r\n                            font-size: 0;\r\n                            transition: 0.25s ease-in-out all;\r\n\r\n                            &:hover {\r\n                                transform: translateY(-3px);\r\n                            }\r\n\r\n                            i {\r\n                                font-size: 20px;\r\n                            }\r\n                        }\r\n                    }\r\n\r\n                    .wptravel-blocks-card-content {\r\n                        display: flex;\r\n                        flex-direction: column;\r\n                        gap: 10px;\r\n                        padding: 10px 0;\r\n                        font-size: inherit;\r\n\r\n                        i {\r\n                            color: var(--wp--preset--color--primary);\r\n                            width: 14px;\r\n                        }\r\n\r\n                        .wptravel-blocks-trip-excerpt {\r\n                            line-height: 1.4;\r\n                            color: #777;\r\n                            margin-bottom: 10px;\r\n\r\n                            p {\r\n                                margin: 0;\r\n                            }\r\n                        }            \r\n                    }\r\n                    \r\n                    .wptravel-blocks-card-footer {\r\n                        display: flex;\r\n                        justify-content: space-between;\r\n\r\n                        .wptravel-blocks-footer-left {\r\n                            display: flex;\r\n                            flex-direction: column;\r\n                            justify-content: flex-end;\r\n\r\n                            .wptravel-blocks-trip-rating {\r\n                                margin-bottom: 10px;\r\n                                line-height: 1.2;\r\n\r\n                                i {\r\n                                    padding: 0px;\r\n                                    color: orange;\r\n                                }\r\n                            }\r\n\r\n                            .wptravel-blocks-trip-explore {\r\n                                a {\r\n                                    text-decoration: none;\r\n                                    border: none;\r\n                                    outline: none;\r\n                                    box-shadow: none;\r\n                                \r\n                                    button {\r\n                                        padding: 10px 30px;\r\n                                        font-size: 16px;\r\n                                        font-style: normal;\r\n                                        cursor: pointer;\r\n                                    }\r\n                                }\r\n                            }\r\n                        }\r\n\r\n                        .wptravel-blocks-footer-right {\r\n                            display: flex;\r\n                            flex-direction: column;\r\n                            justify-content: flex-end;\r\n                            align-items: flex-end;\r\n                            line-height: 1.5;\r\n                        \r\n                            .wptravel-blocks-trip-offer {\r\n                                display: inline-block;\r\n                                width: fit-content;\r\n                                background-color: var(--wp--preset--color--primary);\r\n                                padding: 5px 7px;\r\n                                margin-bottom: 5px;\r\n                                border-radius: 10px;\r\n                                color: #FFF;\r\n                                font-size: 13px;\r\n                                line-height: 1.2;\r\n                            }\r\n\r\n                            .wptravel-blocks-trip-original-price {\r\n                                color: #999;\r\n                                font-size: 16px;\r\n                                font-weight: 500;\r\n                            }\r\n                        \r\n                            .wptravel-blocks-trip-offer-price {\r\n                                font-size: 22px;\r\n                                font-weight: 500;\r\n                            }\r\n                        }\r\n                        \r\n                    }\r\n                }\r\n\r\n                &:hover {\r\n                    .wptravel-blocks-trip-card-img-container {\r\n                        img {\r\n                            scale: 1.1;\r\n                        }\r\n                        .wptravel-blocks-img-overlay-base {\r\n                            .wptravel-blocks-img-overlay {\r\n                                .favourite {\r\n                                    opacity: 1;\r\n                                    transform: translateY(0px);\r\n                                    pointer-events: all;\r\n                                }\r\n                            }\r\n                        }\r\n                    }\r\n                }\r\n            }\r\n        }\r\n        &.layout-four.grid-view {\r\n            .wptravel-blocks-trip-card {\r\n                display: flex;\r\n                flex-direction: column;\r\n                border-radius: 10px;\r\n                background: #FFF;\r\n                border-radius: 10px;\r\n                box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.10);\r\n\r\n                .wptravel-blocks-trip-card-img-container {\r\n                    position: relative;\r\n                    height: 100%;\r\n                    min-height: 250px;\r\n                    max-height: 250px;\r\n                    border-radius:  10px 10px 0 0;\r\n                    overflow: hidden;\r\n\r\n                    img {\r\n                        width: 100%;\r\n                        height: 100%;\r\n                        object-fit: cover;\r\n                        transition: scale 0.75s cubic-bezier(0.71, 0.01, 0.46, 0.97);\r\n                    }\r\n\r\n                    .wptravel-blocks-img-overlay-base {\r\n                        display: flex;\r\n                        flex-direction: column;\r\n                        justify-content: space-between;\r\n                        position: absolute;\r\n                        top: 0;\r\n                        width: 100%;\r\n                        height: 100%;\r\n                        pointer-events: none;\r\n\r\n                        .wptravel-blocks-img-overlay {\r\n                            margin: 10px;\r\n\r\n                            .wptravel-blocks-trip-offer {\r\n                                display: inline-block;\r\n                                width: fit-content;\r\n                                align-items: flex-end;\r\n                                background-color: var(--wp--preset--color--primary);\r\n                                padding: 5px 7px;\r\n                                margin-bottom: 5px;\r\n                                border-radius: 10px;\r\n                                color: #FFF;\r\n                                font-size: 14px;\r\n                                font-weight: 600;\r\n                            }\r\n\r\n                            .wptravel-blocks-trip-featured {\r\n                                display: flex;\r\n                                width: 40px;\r\n                                height: 40px;\r\n                                align-items: center;\r\n                                justify-content: center;\r\n                                float: right;\r\n                                font-size: 14px;\r\n                                background-color: var(--wp--preset--color--primary);\r\n                                color: white;\r\n                                border-radius: 10px;\r\n                            }\r\n                        }\r\n                    }\r\n                }\r\n\r\n                .wptravel-blocks-card-body {\r\n                    display: flex;\r\n                    padding: 25px;\r\n                    height: 100%;\r\n                    position: relative;\r\n                    flex-direction: column;\r\n                    justify-content: space-between;\r\n\r\n                    .wptravel-blocks-card-body-header {\r\n                        display: flex;\r\n                        justify-content: space-between;\r\n                        gap: 20px;\r\n\r\n                        .wptravel-blocks-header-left {\r\n                            .wptravel-blocks-card-title {\r\n                                margin: 0;\r\n                                // line-height: 1.4;\r\n                                // font-size: 22px;\r\n                            }\r\n                    \r\n                            .wptravel-blocks-trip-code {\r\n                                font-size: 12px;\r\n                                color: var(--wp--preset--color--primary);\r\n                                margin-top: 10px;\r\n                            }\r\n                        }\r\n\r\n                        .wp-travel-add-to-wishlists {\r\n                            color: var(--wp--preset--color--primary) !important;\r\n                            font-size: 20px;\r\n                            position: static;\r\n                            font-size: 0;\r\n                            transition: 0.25s ease-in-out all;\r\n\r\n                            &:hover {\r\n                                transform: translateY(-3px);\r\n                            }\r\n\r\n                            i {\r\n                                font-size: 20px;\r\n                            }\r\n                        }\r\n                    }\r\n\r\n                    .wptravel-blocks-card-content {\r\n                        display: flex;\r\n                        flex-direction: column;\r\n                        padding: 15px 0;\r\n                        font-size: inherit;\r\n                    \r\n                        .wptravel-blocks-trip-excerpt {\r\n                            color: #777;\r\n                            margin-bottom: 10px;\r\n                            line-height: 1.4;\r\n\r\n                            p {\r\n                                margin: 0;\r\n                            }\r\n                        }\r\n\r\n                        .wptravel-blocks-trip-meta-container {\r\n                            display: grid;\r\n                            margin: 10px 0px;\r\n                            grid-template-columns: 1fr 1fr;\r\n                            width: 100%;\r\n                            gap: 5px;\r\n\r\n                            .wptravel-blocks-trip-meta {\r\n                                gap: 5px;\r\n                                display: flex;\r\n                                font-size: 13px;\r\n                            \r\n                                i {\r\n                                    display: flex;\r\n                                    width: 15px;\r\n                                    justify-content: center;\r\n                                    align-items: center;\r\n                                    color: var(--wp--preset--color--primary);\r\n                                }\r\n\r\n                                .fixed-date-dropdown {\r\n                                    .dropdown-content {\r\n                                        display: grid;\r\n                                        position: absolute;\r\n                                        grid-template-columns: repeat(auto-fit, minmax(165px, 1fr));\r\n                                        min-width: 150px;\r\n                                        background-color: #FFF;\r\n                                        border-radius: 10px;\r\n                                        box-shadow: 0px 4px 10px 0px rgba(0,0,0,.1);\r\n                                        overflow: hidden;\r\n                                        z-index: 3;\r\n                                        transition: all .2s ease-in-out;\r\n    \r\n                                        .dropdown-list{\r\n                                            padding: 10px 15px;\r\n\r\n                                            &:hover {\r\n                                                background: #EEE;\r\n                                                border-radius: 10px;\r\n                                                padding-left: 20px;\r\n                                            }\r\n                                            &::before {\r\n                                                background: none;\r\n                                            }\r\n                                        }\r\n                                    }\r\n                                }\r\n                            }\r\n                        }\r\n                    }\r\n                    \r\n                    .wptravel-blocks-card-footer {\r\n                        display: flex;\r\n                        justify-content: space-between;\r\n                        padding-top: 15px;\r\n                        border-top: 1px solid #eee;\r\n                    \r\n                        .wptravel-blocks-footer-left {\r\n                            display: flex;\r\n                            flex-direction: column;\r\n                            justify-content: center;\r\n                            gap: 10px;\r\n\r\n                            .wptravel-blocks-trip-rating {\r\n                                display: flex;\r\n                                align-items: center;\r\n                                gap: 0px;\r\n\r\n                                i {\r\n                                    padding: 0px;\r\n                                    color: orange;\r\n                                }\r\n                            }\r\n                        }\r\n                    \r\n                        .wptravel-blocks-footer-right {\r\n                            display: flex;\r\n                            flex-direction: column;\r\n                            justify-content: flex-end;\r\n                            align-items: flex-end;\r\n                            text-align: right;\r\n                            \r\n                            .wptravel-blocks-trip-original-price {\r\n                                color: #999;\r\n                                line-height: 1;\r\n                                font-size: 16px;\r\n                                font-weight: 500;\r\n                            }\r\n                            \r\n                            .wptravel-blocks-trip-offer-price {\r\n                                font-size: 22px;\r\n                                font-weight: 500;\r\n                                line-height: 1;\r\n                                margin-top: 5px;\r\n                            }\r\n                        }\r\n                    }\r\n                }\r\n\r\n                &:hover {\r\n                    .wptravel-blocks-trip-card-img-container {\r\n                        img {\r\n                            scale: 1.1;\r\n                        }\r\n                        .wptravel-blocks-img-overlay-base {\r\n                            .wptravel-blocks-img-overlay {\r\n                                .favourite {\r\n                                    opacity: 1;\r\n                                    transform: translateY(0px);\r\n                                    pointer-events: all;\r\n                                }\r\n                            }\r\n                        }\r\n                    }\r\n                }\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\n#wptravel-blocks-filterable-trips {\r\n    .wptravel-filterable-trips-grid {\r\n        &.layout-one, &.layout-three, &.layout-four {\r\n            .wptravel-blocks-trip-card {\r\n                .wptravel-blocks-trip-meta {\r\n                    @include wptravel-blocks-trip-meta;\r\n                }\r\n            }\r\n        }\r\n    }\r\n}","@mixin wptravel-blocks-trip-meta {\r\n    width: fit-content;\r\n    gap: 2px;\r\n    font-weight: 600;\r\n    font-size: 14px;\r\n    position: relative;\r\n\r\n    ul {\r\n        display: none;\r\n        height: 0;\r\n        opacity: 0;\r\n        list-style: none;\r\n        margin: 0;\r\n        padding: 0;\r\n        border-radius: 4px;\r\n        transform: translateY(10px);\r\n        transition: 0.25s ease-out transform;\r\n\r\n        li {\r\n            background: none;\r\n            border: none;\r\n        }\r\n    }\r\n\r\n    &:hover {\r\n        ul {\r\n            opacity: 1;\r\n            height: fit-content;\r\n            transform: translateY(0px);\r\n            pointer-events: all;\r\n            margin-left: 13px;\r\n            display: block;\r\n            position: absolute;\r\n            top: 20px;\r\n            background: white;\r\n            padding: 5px 10px;\r\n            z-index: 10;\r\n            box-shadow: 0 0 5px 1px rgba(0,0,0,0.1);\r\n        }\r\n    }\r\n}"],"names":[],"sourceRoot":""}