{"version":3,"file":"trip-gallery/style-index.css","mappings":";;;AAAA,gBAAgB;AAAhB;;;;;EAAA;AAMC;EACG;AAEJ;;AACC;EACG;EACA;EACA;EACA;AAEJ;;AACA;EACI;AAEJ;;AACA;EACI;AAEJ;;AACA;;EAEI;AAEJ;;AAGI;EACI;AAAR;AAEI;EACI;AAAR;AAEI;EACI;EACA;AAAR;;AAIA;EACI;AADJ;;AAIA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AADJ;;AAKA;EACI;AAFJ;;AAKA;EACI;EACA;AAFJ;AAOoB;EACI;AALxB;AAUoB;EACI;EACA;EACA;EACA;AARxB;AAYgB;EACI;AAVpB;AAcoB;EACI;AAZxB;AAgBgB;EACI;AAdpB;AAkB4B;EACI;AAhBhC;AAoBwB;EACI;EACA;EACA;EACA;AAlB5B;AAoB4B;EACI;AAlBhC;;AA4BA;EACI;EACA;EACA;AAzBJ;;AA4BA;;EAEI;AAzBJ;;AA4BA;EACI;EACA;AAzBJ;;AA4BA;EACI;AAzBJ;;AA4BA;EACI;EACA;EACA;AAzBJ;;AA4BA;EACI;IACI;EAzBN;AACF;AA6BA;EACI;EACA;AA3BJ;;AA8BA;EACI;AA3BJ;;AA8BA;AACA;EACI;AA3BJ;;AA8BA;EACI;EACA;EACA;AA3BJ;;AA8BA;EACI;EACA;EACA;AA3BJ;;AA8BA;EACI;EACA;AA3BJ;;AA8BA;EACI;EACA;EACA;EACA;EACA;AA3BJ;;AA8BA;EACI;AA3BJ;;AA8BA;EACI;AA3BJ;;AA8BA;EACI;IACI;IACA;IACA;EA3BN;AACF,C","sources":["webpack://wp-travel-blocks/./src/trip-gallery/style.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 .slick-slider{\r\n    margin-bottom: 0px !important;\r\n }\r\n\r\n .wp-travel-advanced-gallery-items-list {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    list-style: none;\r\n    padding: 0 !important;\r\n}\r\n\r\n.wptravel-block-trip-gallery .slick-next:before {\r\n    content: \"→\";\r\n}\r\n\r\n.wptravel-block-trip-gallery .slick-prev:before {\r\n    content: \"←\";\r\n}\r\n\r\n.alignfull .wp-block-wp-travel-blocks-trip-gallery,\r\n.alignfull #wptravel-block-trip-gallery{\r\n    max-width: 100% !important;\r\n}\r\n\r\n\r\n.wptravel-block-trip-gallery{\r\n    .slick-dots{\r\n        bottom: 0px;\r\n    }\r\n    .slick-next {\r\n        right: 60px !important;\r\n    }\r\n    .slick-prev {\r\n        left: 40px !important;\r\n        z-index: 10;\r\n    }\r\n}\r\n\r\n.wptravel-block-trip-gallery.slick-next:before, .wptravel-block-trip-gallery.slick-prev:before {\r\n    font-size: 30px;\r\n}\r\n\r\n.wptravel-block-trip-gallery .slick-dots li button:before {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    content: \"•\";\r\n    width: 20px;\r\n    height: 20px;\r\n    font-size: 16px;\r\n    line-height: 20px;\r\n    text-align: center;\r\n    color: #fff;\r\n    opacity: .25;\r\n}\r\n\r\n\r\n.wptravel-block-trip-gallery .wp-travel-advanced-gallery-items-list.wp-travel-advanced-gallery-items-list-grid .item{\r\n    padding: 0px 5px;\r\n}\r\n\r\n#wptravel-block-trip-gallery {\r\n    position: relative;\r\n    overflow-x: hidden;\r\n    &.wptravel-block-trip-gallery {\r\n        &.slider {\r\n            .wp-travel-advanced-gallery-items-list {\r\n                &.slick-slider {\r\n                    .item {\r\n                        padding: 0;\r\n                    }\r\n                }\r\n\r\n                .slick-next, .slick-prev, .slick-dots {\r\n                    &:before {\r\n                        font-family: \"Font Awesome 5 Free\";\r\n                        padding: 5px 10px 10px 10px;\r\n                        font-size: 20px;\r\n                        border: 1px solid #FFF;\r\n                    }\r\n                }\r\n\r\n                .slick-next {\r\n                    right: 40px;\r\n                }\r\n\r\n                .slick-list {\r\n                    .slick-track {\r\n                        display: flex;\r\n                    }\r\n                }\r\n\r\n                .slick-dots {\r\n                    bottom: 5%;\r\n\r\n                    li {\r\n                        &.slick-active {\r\n                            button {\r\n                                opacity: 1;\r\n                            }\r\n                        }\r\n\r\n                        button {\r\n                            background-color: black;\r\n                            opacity: 0.25;\r\n                            height: 10px;\r\n                            width: 13px;\r\n\r\n                            &:before {\r\n                                content: \"\";\r\n                            }\r\n                        }\r\n                    }\r\n                }\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\n.wp-travel-advanced-gallery-items-list .slick-arrow:before{\r\n    background-color: #000 !important;\r\n    border-color: #000 !important;\r\n    color: #fff !important;\r\n}\r\n\r\n#wptravel-block-trip-gallery.wptravel-block-trip-gallery button:focus,\r\n#wptravel-block-trip-gallery.wptravel-block-trip-gallery button:hover{\r\n    background-color: transparent !important;\r\n}\r\n\r\n.slick-track div{\r\n    padding-right: 5px;\r\n    padding-left: 10px;\r\n}\r\n\r\n.slick-track div:first-child{\r\n    padding-left: 5px;\r\n}\r\n\r\n.wptravel-block-trip-gallery {\r\n    visibility: hidden;\r\n    animation: showElement 0.5s forwards;\r\n    animation-delay: 0.5s; \r\n}\r\n\r\n@keyframes showElement {\r\n    to {\r\n        visibility: visible;\r\n    }\r\n}\r\n\r\n\r\n.wptravel-block-trip-gallery .slick-track div {\r\n    padding-right: 0px;\r\n    padding-left: 0px;\r\n}\r\n\r\n.wptravel-block-trip-gallery .slick-slide {\r\n    margin: 0 10px; /* Adjust the value as needed to set the gap */\r\n}\r\n\r\n/* To ensure the spacing works correctly, you might need to adjust the width of the slides */\r\n.wptravel-block-trip-gallery .slick-list {\r\n    margin: 0 -10px; /* This should match the half of the margin value to ensure correct alignment */\r\n}\r\n\r\n.wptravel-block-trip-gallery  .slick-track .slick-slide a {\r\n    pointer-events: none;\r\n    cursor: default; \r\n    text-decoration: none; \r\n}\r\n\r\n.wptravel-block-trip-gallery .gallery-icon{\r\n    position: absolute;\r\n    bottom: 10%;\r\n    left: 50px;\r\n}\r\n\r\n.wptravel-block-trip-gallery .gallery-icon span {\r\n    pointer-events: auto; \r\n    cursor: pointer;\r\n}\r\n\r\n.gallery-icon span {\r\n    padding: 5px 10px;\r\n    background: aliceblue;\r\n    margin: 0px 5px;\r\n    font-size: 14px;\r\n    border-radius: 5px;\r\n}\r\n\r\n.gallery-icon span:hover {\r\n    color: var(--wp--preset--color--primary) !important;\r\n}\r\n\r\n.open-video .trip-video{\r\n    text-decoration: none;\r\n}\r\n\r\n@media only screen and ( max-width: 992px ) {\r\n    .wptravel-block-trip-gallery .wp-travel-advanced-gallery-items-list.slick-slider .wptag__thumbnail img {\r\n        min-height: 250px;\r\n        max-height: 250px;\r\n        width: 100%;\r\n    }\r\n}"],"names":[],"sourceRoot":""}