{"version":3,"file":"./style-index.css","mappings":";;;AAAA;;;;;EAAA;AAMA;EACC;EACA;EACG;AACJ;;AACA;EACC;EACA;EACA;EACA;KAAA;EACA;AAED;;AAAA;EACE;EACA;EACA;EACA;EACA;AAGF;;AAAA;EACC;;;;uBAAA;EAKA;EACG;EACA;EACA;EACA;EACA;EACA;EACA;AAGJ;;AADA;EACI;AAIJ;;AAFA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAKJ;;AAFA;EACI;IACI;EAKN;EAFE;IACI;EAIN;AACF;AAFA;EACI;EACA;EACA;EACA;EACA;EACA;AAIJ;;AADA;EACI;EACA;EACA;EACA;AAIJ;;AADA;EACI;AAIJ;;AAFA;EACC;EACG;AAKJ;;AAHA;EACC;AAMD;;AAJA;EACI;EACA;AAOJ;;AALA;EACE;EACA;EACA;EACA;EACA;AAQF;;AALA;EACE;AAQF,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\tborder-radius: 15px;\n\twidth: 100%;\n\tdisplay: block;\n\tobject-fit: cover;\n\theight: auto;\n}\n.flickity-slide {\n  width: calc(85% - 60px);\n  margin-right: 10px;\n  border-radius: 5px;\n  max-width: 1200px;\n  display: block;\n  \n}\n.flickity-slide-content {\n\t/*position: absolute;\n\ttop: 0px;\n\twidth: 100%;\n\tpadding-left: 50px;\n\tpadding-right: 50px;*/\n\tposition: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    color: white; /* Adjust text color to contrast with the image */\n    padding: 10px; /* 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}\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@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 8s 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"],"names":[],"sourceRoot":""}