{"version":3,"file":"./style-index.css","mappings":";;;AAAA;;;;;EAAA;AAMA;EACC;EACA;EACG;AACJ;;AACA;EACC;EACA;EACA;KAAA;EACA;EACC;AAEF;;AAAA;EACE;EACA;AAGF;;AACA;EAEC;EACG;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AACJ;;AACA;EACI;AAEJ;;AAAA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAGJ;;AAAA;EACE;AAGF;;AAAA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;AAGJ;;AADA;EACI;EACA;AAIJ;;AAFA;EAEI;EACA;EACA;EACA;EACA;EACA;EACA;AAIJ;;AAFA;EACI;EACA;EACA;EACA;EACA;AAKJ;;AAHA;EACI;IACI;EAMN;EAHE;IACI;EAKN;AACF;AAHA;EACI;EACA;EACA;EACA;EACA;EACA;AAKJ;;AAFA;EACI;EACA;EACA;EACA;AAKJ;;AAFA;EACI;AAKJ;;AAHA;EACC;EACG;AAMJ;;AAJA;EACC;AAOD;;AALA;EACI;EACA;AAQJ;;AANA;EACE;EACA;EACA;EACA;EACA;AASF;;AANA;EACE;AASF;;AAPA;EACE;IACE;IACA;IACA;IACA;IACA;EAUF;EARA;IACE;EAUF;AACF,C","sources":["webpack://flexiflick/./src/style.scss"],"sourcesContent":["/**\n * The following styles get applied both on the front of your site\n * and in the editor.\n *\n * Replace them with your own styles or remove the file completely.\n */\n.flickity-wrap {\n\tposition: relative;\n\twidth: 100%;\n    max-width: 100% !important;\n}\n.flickity-wrap img {\n\twidth: 100%;\n\tdisplay: block;\n\tobject-fit: cover;\n\theight: auto;\n  filter: brightness(0.7);\n}\n.flickity-slide {\n  width: 100%;\n  height: auto !important;\n}\n\n\n.flickity-slide-content {\n\t\n\tposition: absolute;\n    top: 50%;\n    left: 5%;\n    transform: translate(-5%, -50%);\n    color: white; /* Adjust text color to contrast with the image */\n    padding: 80px 40px; /* Optional: Add padding around the text */\n    box-sizing: border-box; /* Ensures padding is included in the element's total width and height */\n    width: 80%; /* Adjust to fit within the image */\n    max-width: 800px;\n}\n.flickity-page-dots {\n    bottom: 20px !important;\n}\n.flickity-page-dots li {\n    background-color: #fff;\n    margin: 0px 5px !important;\n    height: 6px !important;\n    opacity: 1;\n    overflow: hidden;\n    position: relative;\n    transition: all .3s ease;\n    width: 12px !important;\n    border-radius: 8px !important;\n    \n}\n.flickity-wrap .flickity-viewport, .flickity-slide, .flickity-slide img {\n  min-height: var(--slider-min-height, 600px);\n}\n\n.flickity-slide-content .wp-block-button a {\n    font-size: 16px !important;\n    padding: 9px 30px;\n    background: transparent !important;\n    color: #fff !important;\n    text-decoration: none !important;\n    border: 1px solid #fff;\n    border-radius: 999px;\n}\n.flickity-slide-content .wp-block-button a:hover {\n    background: transparent !important;\n    color: #fff !important;\n}\n.flickity-slide-content .wp-block-button a:after {\n    \n    background-position: 100%;\n    background-repeat: no-repeat;\n    background-size: contain;\n    content: \"\";\n    display: inline-flex;\n    transition: width .1s ease-out;\n    width: 0;\n}\n.flickity-slide-content .wp-block-button a:hover:after {\n    width: 17px;\n    height: 17px;\n    position: relative;\n    top: 3px;\n    left: 10px;\n}\n@keyframes bulletLoader {\n    0% {\n        width: 0\n    }\n\n    to {\n        width: 100%\n    }\n}\n.flickity-page-dots li:before {\n    background-color: #f6f6f6;\n    content: \"\";\n    height: 100%;\n    left: 0;\n    position: absolute;\n    width: 0\n}\n\n.flickity-page-dots li.is-selected {\n    position: relative;\n    width: 56px !important;\n    border-radius: 8px !important;\n    height: 6px !important;\n}\n\n.flickity-page-dots li.is-selected:before {\n    animation: bulletLoader var(--slider-ani-speed,3s) forwards\n}\n.flickity-wrap h2 {\n\tmargin-top: 0px !important;\n    margin-bottom: 10px !important;\n}\n.flickity-wrap h2, .flickity-wrap  p {\n\tcolor: #fff !important;\n}\n.flickity-page-dots .dot {\n    opacity: 0.6 !important;\n    background: #ccc !important;\n}\n.wp-block-flexiflick-slider-block {\n  background: #ccc;\n  color: #000 !important;\n  text-align: center;\n  padding: 30px;\n  border: 1px dotted #000;\n}\n\n.wp-block-flexiflick-slider-block h3 {\n  text-align: center;\n}\n@media (max-width: 768px) { \n  .flickity-slide-content {\n    width: 100%;\n    top: 0px;\n    left: 0px;\n    transform: none;\n    padding: 40px 20px;\n  }\n  .flickity-wrap .flickity-viewport, .flickity-slide, .flickity-slide img {\n    min-height: 400px;\n  }\n}\n\n"],"names":[],"sourceRoot":""}