{"version":3,"file":"./style-index.css","mappings":";;;AAAA;;;;;EAAA;AAMA;EACC;EACA;EACG;AACJ;;AACA;EACC;EACA;EACA;EACA;KAAA;EACA;EACG;AAEJ;;AAAA;EACE;EACA;EACA;EACA;EACA;AAGF;;AAAA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;AAGJ;;AADA;EACC;;;;uBAAA;EAKA;EACG;EACA;EACA;EACA;EACA;EACA;EACA;AAIJ;;AAFA;EACI;AAKJ;;AAHA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAMJ;;AAHA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;AAMJ;;AAJA;EACI;EACA;AAOJ;;AALA;EAEI;EACA;EACA;EACA;EACA;EACA;EACA;AAOJ;;AALA;EACI;EACA;EACA;EACA;EACA;AAQJ;;AANA;EACI;IACI;EASN;EANE;IACI;EAQN;AACF;AANA;EACI;EACA;EACA;EACA;EACA;EACA;AAQJ;;AALA;EACI;EACA;EACA;EACA;AAQJ;;AALA;EACI;AAQJ;;AANA;EACC;EACG;AASJ;;AAPA;EACC;AAUD;;AARA;EACI;EACA;AAWJ;;AATA;EACE;EACA;EACA;EACA;EACA;AAYF;;AATA;EACE;AAYF,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    filter: brightness(0.7);\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:after {\n    content: \"\";\n    background: rgba(0,0,0,0.6);\n    display: block;\n    width: 50%;\n    height: 100%;\n    position: absolute;\n    z-index: -1;\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.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 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":""}