{"version":3,"file":"./assets/css/flexible-faqs.css","sources":["webpack://flexible-faqs/./src/scss/flexible-faqs.scss"],"sourcesContent":["/*\nFront end (and block editor) styles.\nOnly added to pages with blocks/shortcode on.\n*/\n\n// Styles for all FAQ templates.\n// ---\n\n.flexible-faq-container {\n\t.faq-title {\n\t\tmargin: 1em 0 0.6em;\n\t}\n\n\t.faq-description {\n\t\tmargin: 1em 0 1.4em;\n\t}\n\n\t// Stop double-clicking on question showing selected text.\n\t.unselectable {\n\t\tuser-select: none;\n\t}\n\n\t&.faq-expandable {\n\t\t.faq-expand-img.closed {\n\t\t\tz-index: 10;\n\t\t\t//fill: #aaa;\n\n\t\t\t// &.arrow3, &.plus2 {\n\t\t\t// \tfill: #fff;\n\t\t\t// }\n\t\t}\n\n\t\t.faq-expand-img.expanded {\n\t\t\tz-index: 5;\n\t\t\t// fill: #bbb;\n\n\t\t\t// &.arrow3, &.plus2 {\n\t\t\t// \tfill: #fff;\n\t\t\t// }\n\t\t}\n\n\t\t// .faq-expand-img.closed .icon-bg-color {\n\t\t// \tfill: #bbb;\n\t\t// }\n\n\t\t// .faq-expand-img.expanded .icon-bg-color {\n\t\t// \tfill: #ddd;\n\t\t// }\n\t}\n}\n\n// =====================\n// Text based FAQ styles\n// =====================\n\n.faq-expandable.faq-text-style {\n\t// Icon styles.\n\n\t.faq-expand-img.closed .icon-color {\n\t\tfill: #aaa;\n\t}\n\n\t.faq-expand-img.expanded .icon-color {\n\t\tfill: #aaa;\n\t}\n\n\t.faq-expand-img.closed .icon-bg-color {\n\t\tfill: #fff;\n\t}\n\n\t.faq-expand-img.expanded .icon-bg-color {\n\t\tfill: #fff;\n\t}\n\n\t.faq-expand-img {\n\t\tposition: absolute;\n\t\twidth: 18px;\n\t\theight: 18px;\n\t}\n\n\t.faq-question-expand {\n\t\tposition: relative;\n\t\tmin-width: 18px;\n\t\theight: 18px;\n\t\tmargin: 0 12px 0 0;\n\t}\n\n\t.faq-expand-img {\n\t\ttransition: all 0.3s ease;\n\t}\n\n\t.flexible-faq-wrapper.open .faq-expand-img.closed {\n\t\topacity: 0;\n\t}\n\n\t.flexible-faq-wrapper.open .faq-expand-img {\n\t\ttransform: rotateZ(-180deg);\n\t}\n\n\t.faq-inner-question.left {\n\t\tjustify-content: flex-start;\n\n\t\t.question-text {\n\t\t\torder: 2;\n\t\t}\n\n\t\t.faq-question-expand {\n\t\t\torder: 1;\n\t\t}\n\t}\n\n\t.faq-inner-question {\n\t\tdisplay: flex;\n\t\tjustify-content: space-between;\n\t\talign-items: center;\n\t\tcursor: pointer;\n\t\tcolor: #000;\n\t\tmargin: 0;\n\t\tpadding: 1.5em 0;\n\t}\n\n\t.faq-inner-answer {\n\t\tmargin: 0;\n\t\tpadding: 0;\n\t\tcolor: #000;\n\t\tfont-size: 1em;\n\t}\n\n\t.faq-inner-answer,\n\t.flexible-faq.faq-answer {\n\t\tbackground: #fff;\n\t}\n\n\t.faq-inner-answer > div,\n\t.faq-inner-answer > p {\n\t\tline-height: 1.7;\n\t\tmargin: 1.5em 0;\n\t}\n\n\t.faq-inner-question.right {\n\t\t.question-text {\n\t\t\torder: 1;\n\t\t}\n\n\t\t.faq-question-expand {\n\t\t\torder: 2;\n\t\t}\n\t}\n\n\t// FAQ separator.\n\n\t.faq-separator {\n\t\tborder-bottom: 1px #dddddd solid;\n\t}\n\n\t// Q/A separator.\n\n\t.q-a-separator {\n\t\tborder-top: 1px #dedede dotted;\n\t}\n\n\t// Other styles.\n\n\t.flexible-faq-outer-wrapper {\n\t\tmargin-bottom: 15px;\n\t}\n\n\t//.flexible-faq-wrapper {\n\t//}\n\n\t.flexible-faq-wrapper:last-of-type {\n\t\tmargin-bottom: 0;\n\t}\n\n\t.faq-question {\n\t\tfont-weight: bold;\n\t}\n\n\t// New FAQ template styles - START\n\t// Had to bump the specificity here as some themes have strong button styles.\n\tbutton[id^=\"faq-q-btn\"].faq-question {\n\t\twidth: 100%;\n\t\tpadding: 0;\n\t\tmargin: 0;\n\t\tbackground: inherit;\n\t\tcolor: inherit;\n\t\tfont-family: inherit;\n\t\tfont-size: 1em;\n\t\tline-height: 1.7;\n\t\tborder: 0;\n\t\ttext-align: inherit;\n\t\toutline: inherit;\n\t\toutline-offset: inherit;\n\t}\n\n\tbutton[id^=\"faq-q-btn\"]:focus-visible {\n\t\toutline: 1px #000 solid;\n\t}\n\n\t.faq-answer {\n\t\t// Hide FAQ answers by default.\n\t\t//display: none;\n\t\tmax-height: 0;\n\n\t\t// Needed for jQuery slideToggle to expand/collapse without the 'jump' issue.\n\t\toverflow: hidden;\n\n\t\ttransition-property: max-height;\n\t\ttransition-timing-function: ease-out; /*cubic-bezier(0.4, 0, 0.2, 1);*/\n\t\ttransition-duration: 250ms;\n\t}\n\t// New FAQ template styles - END\n\n\t// Take up available space.\n\t// .question-text {\n\t// \tflex-grow: 1;\n\t// }\n\n\t//.flexible-faq-wrapper.open .faq-inner-question {\n\t//}\n}\n\n// ====================\n// Box based FAQ styles\n// ====================\n\n.faq-expandable.faq-box-style {\n\t// Icon styles.\n\n\t.faq-expand-img.closed .icon-color {\n\t\tfill: #aaa;\n\t}\n\n\t.faq-expand-img.expanded .icon-color {\n\t\tfill: #aaa;\n\t}\n\n\t.faq-expand-img.closed .icon-bg-color {\n\t\tfill: #fff;\n\t}\n\n\t.faq-expand-img.expanded .icon-bg-color {\n\t\tfill: #fff;\n\t}\n\n\t.faq-expand-img {\n\t\tposition: absolute;\n\t\twidth: 18px;\n\t\theight: 18px;\n\t\ttransition: all 0.3s ease;\n\t}\n\n\t.faq-question-expand {\n\t\tposition: relative;\n\t\tmin-width: 18px;\n\t\theight: 18px;\n\t\tmargin: 0 12px 0 0;\n\t}\n\n\t.flexible-faq-wrapper.open .faq-expand-img {\n\t\ttransform: rotateZ(-180deg);\n\t}\n\n\t.flexible-faq-wrapper.open .faq-expand-img.closed {\n\t\topacity: 0;\n\t}\n\n\t.faq-inner-question.left {\n\t\tjustify-content: flex-start;\n\n\t\t.question-text {\n\t\t\torder: 2;\n\t\t}\n\n\t\t.faq-question-expand {\n\t\t\torder: 1;\n\t\t}\n\t}\n\n\t.faq-inner-question.right {\n\t\t.question-text {\n\t\t\torder: 1;\n\t\t}\n\n\t\t.faq-question-expand {\n\t\t\torder: 2;\n\t\t}\n\t}\n\n\t// FAQ separator.\n\n\t.faq-separator {\n\t\tborder-bottom: 1px #dddddd solid;\n\t}\n\n\t// Q/A separator.\n\n\t.q-a-separator {\n\t\tborder-top: 1px #dedede solid;\n\t}\n\n\t// Other styles.\n\n\t.flexible-faq-outer-wrapper {\n\t\tmargin-bottom: 15px;\n\t}\n\n\t.flexible-faq-wrapper {\n\t\tmargin-bottom: 15px;\n\t\t//border-radius: 4px;\n\t\tborder: 1px #eee solid;\n\t}\n\n\t//\t.flexible-faq-outer-wrapper.separator .flexible-faq-wrapper {\n\t//\t\tborder: 0;\n\t//\t}\n\t//\t.flexible-faq-outer-wrapper.separator .flexible-faq-wrapper:last-of-type {\n\t//\t\tborder: 0;\n\t//\t}\n\n\t.flexible-faq-wrapper:last-of-type {\n\t\tmargin-bottom: 0;\n\t}\n\n\t.faq-question {\n\t\tfont-weight: bold;\n\t}\n\n\t// New FAQ template styles - START\n\t// Had to bump the specificity here as some themes have strong button styles.\n\tbutton[id^=\"faq-q-btn\"].faq-question {\n\t\twidth: 100%;\n\t\tpadding: 0;\n\t\tmargin: 0;\n\t\tbackground: inherit;\n\t\tcolor: inherit;\n\t\tfont-family: inherit;\n\t\tfont-size: 1em;\n\t\tline-height: 1.7;\n\t\tborder: 0;\n\t\ttext-align: inherit;\n\t\toutline: inherit;\n\t\toutline-offset: inherit;\n\t}\n\n\tbutton[id^=\"faq-q-btn\"]:focus-visible {\n\t\toutline: 1px #000 solid;\n\t}\n\n\t.faq-answer {\n\t\t// Hide FAQ answers by default.\n\t\t//display: none;\n\t\tmax-height: 0;\n\n\t\t// Needed for jQuery slideToggle to expand/collapse without the 'jump' issue.\n\t\toverflow: hidden;\n\n\t\ttransition-property: max-height;\n\t\ttransition-timing-function: ease-out; /*cubic-bezier(0.4, 0, 0.2, 1);*/\n\t\ttransition-duration: 250ms;\n\n\t\t/* Enable hardware acceleration to fix juddery transitions */\n\t\t//transform: translateZ(0);\n\t}\n\t// New FAQ template styles - END\n\n\t.faq-inner-question {\n\t\tdisplay: flex;\n\t\tjustify-content: space-between;\n\t\talign-items: center;\n\t\tcursor: pointer;\n\t\tcolor: #000;\n\t\tbackground: #f6f6f6;\n\t\t//border-radius: 3px; // one less than the default faq wrapper radius\n\t\tmargin: 0;\n\t\tpadding: 1em 1.2em;\n\t}\n\n\t.faq-inner-answer {\n\t\tmargin: 0;\n\t\tpadding: 0 1.5em;\n\t\tcolor: #000;\n\t\tfont-size: 1em;\n\t}\n\n\t.faq-inner-answer,\n\t.flexible-faq.faq-answer {\n\t\tbackground: #fff;\n\t}\n\n\t.faq-inner-answer > div,\n\t.faq-inner-answer > p {\n\t\tline-height: 1.7;\n\t\tmargin: 1.5em 0;\n\t}\n\n\t//.faq-inner-question:hover {\n\t//\tbackground: #f3f3f3;\n\t//}\n\n\t//.flexible-faq-wrapper.open .faq-inner-question {\n\t//border-radius: 3px; // one less than the default faq wrapper radius\n\t//border-bottom-left-radius: 0;\n\t//border-bottom-right-radius: 0;\n\t//}\n\n\t// Take up available space.\n\t// .question-text {\n\t// \tflex-grow: 1;\n\t// }\n}\n\n// ==========================\n// Accordion based FAQ styles\n// ==========================\n\n.faq-expandable.faq-accordion-style {\n\t// Icon styles\n\n\t.faq-expand-img.closed .icon-color {\n\t\tfill: #aaa;\n\t}\n\n\t.faq-expand-img.expanded .icon-color {\n\t\tfill: #aaa;\n\t}\n\n\t.faq-expand-img.closed .icon-bg-color {\n\t\tfill: #fff;\n\t}\n\n\t.faq-expand-img.expanded .icon-bg-color {\n\t\tfill: #fff;\n\t}\n\n\t.faq-expand-img {\n\t\tposition: absolute;\n\t\twidth: 18px;\n\t\theight: 18px;\n\t}\n\n\t.faq-question-expand {\n\t\tposition: relative;\n\t\tmin-width: 18px;\n\t\theight: 18px;\n\t\tmargin: 0 12px 0 0;\n\t}\n\n\t.faq-expand-img {\n\t\ttransition: all 0.3s ease;\n\t}\n\n\t.flexible-faq-wrapper.open .faq-expand-img {\n\t\ttransform: rotateZ(-180deg);\n\t}\n\n\t.flexible-faq-wrapper.open .faq-expand-img.closed {\n\t\topacity: 0;\n\t}\n\n\t.faq-inner-question.left {\n\t\tjustify-content: flex-start;\n\n\t\t.question-text {\n\t\t\torder: 2;\n\t\t}\n\n\t\t.faq-question-expand {\n\t\t\torder: 1;\n\t\t}\n\t}\n\n\t.faq-inner-question.right {\n\t\t.question-text {\n\t\t\torder: 1;\n\t\t}\n\n\t\t.faq-question-expand {\n\t\t\torder: 2;\n\t\t}\n\t}\n\n\t// FAQ separator.\n\n\t.faq-separator {\n\t\tborder-bottom: 1px #dddddd solid;\n\t}\n\n\t// Q/A separator.\n\n\t.q-a-separator {\n\t\tborder-top: 1px #dedede solid;\n\t}\n\n\t// Other styles.\n\n\t.flexible-faq-outer-wrapper {\n\t\tmargin-bottom: 15px;\n\t}\n\n\t.flexible-faq-wrapper {\n\t\tborder: 1px #eee solid;\n\t\tborder-bottom: 0px;\n\t}\n\n\t.flexible-faq-wrapper:last-of-type {\n\t\tborder-bottom: 1px #eee solid;\n\t\tmargin-bottom: 0;\n\t}\n\n\t//\t.flexible-faq-outer-wrapper.separator .flexible-faq-wrapper {\n\t//\t\tborder: 0;\n\t//\t}\n\t//\t.flexible-faq-outer-wrapper.separator .flexible-faq-wrapper:last-of-type {\n\t//\t\tborder: 0;\n\t//\t}\n\n\t.faq-question {\n\t\tfont-weight: bold;\n\t}\n\n\t// New FAQ template styles - START\n\t// Had to bump the specificity here as some themes have strong button styles.\n\tbutton[id^=\"faq-q-btn\"].faq-question {\n\t\twidth: 100%;\n\t\tpadding: 0;\n\t\tmargin: 0;\n\t\tbackground: inherit;\n\t\tcolor: inherit;\n\t\tfont-family: inherit;\n\t\tfont-size: 1em;\n\t\tline-height: 1.7;\n\t\tborder: 0;\n\t\ttext-align: inherit;\n\t\toutline: inherit;\n\t\toutline-offset: inherit;\n\t}\n\n\tbutton[id^=\"faq-q-btn\"]:focus-visible {\n\t\toutline: 1px #000 solid;\n\t}\n\n\t.faq-answer {\n\t\t// Hide FAQ answers by default.\n\t\t//display: none;\n\t\tmax-height: 0;\n\n\t\t// Needed for jQuery slideToggle to expand/collapse without the 'jump' issue.\n\t\toverflow: hidden;\n\n\t\ttransition-property: max-height;\n\t\ttransition-timing-function: ease-out; /*cubic-bezier(0.4, 0, 0.2, 1);*/\n\t\ttransition-duration: 250ms;\n\t}\n\t// New FAQ template styles - END\n\n\t.faq-inner-question {\n\t\tdisplay: flex;\n\t\tjustify-content: space-between;\n\t\talign-items: center;\n\t\tcursor: pointer;\n\t\tcolor: #000;\n\t\tbackground: #f6f6f6;\n\t\tmargin: 0;\n\t\tpadding: 1em 1.2em;\n\t}\n\n\t.faq-inner-answer {\n\t\tmargin: 0;\n\t\tpadding: 0 1.5em;\n\t\tcolor: #000;\n\t\tfont-size: 1em;\n\t}\n\n\t.faq-inner-answer,\n\t.flexible-faq.faq-answer {\n\t\tbackground: #fff;\n\t}\n\n\t.faq-inner-answer > div,\n\t.faq-inner-answer > p {\n\t\tline-height: 1.7;\n\t\tmargin: 1.5em 0;\n\t}\n\n\t//.faq-inner-question:hover {\n\t//\tbackground: #f3f3f3;\n\t//}\n\n\t.flexible-faq-wrapper.open .faq-inner-question {\n\t\t// @TODO don't think either of these two are needed anymore? Test all themes before deleting\n\t\tborder-bottom-left-radius: 0;\n\t\tborder-bottom-right-radius: 0;\n\t}\n\n\t// Take up available space.\n\t// .question-text {\n\t// \tflex-grow: 1;\n\t// }\n}\n"],"mappings":"AAAA;;;AAGA;AAKA;AAEA;AACA;AAHA;AAMA;AACA;AAPA;AAWA;AAAA;AAAA;AAAA;AACA;AAZA;AAgBA;AACA;AAjBA;AAyBA;AACA;AAqBA;AAIA;AACA;AALA;AAQA;AACA;AATA;AAYA;AACA;AAbA;AAgBA;AACA;AAjBA;AAoBA;AACA;AACA;AACA;AAvBA;AA0BA;AACA;AACA;AACA;AACA;AA9BA;AAiCA;AACA;AAlCA;AAqCA;AACA;AAtCA;AAyCA;AACA;AA1CA;AA6CA;AA7CA;AAgDA;AAhDA;AAoDA;AACA;AArDA;AAyDA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAhEA;AAmEA;AACA;AACA;AACA;AACA;AAvEA;;AA2EA;AACA;AA5EA;;AAgFA;AACA;AACA;AAlFA;AAsFA;AACA;AAvFA;AA0FA;AACA;AA3FA;AAiGA;AACA;AAlGA;AAuGA;AACA;AAxGA;AA6GA;AACA;AA9GA;AAoHA;AACA;AArHA;AAwHA;AACA;AAzHA;AA8HA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AA1IA;AA6IA;AACA;AA9IA;AAmJA;AAGA;AAEA;AACA;AAAA;AACA;AACA;AAgBA;AAIA;AACA;AALA;AAQA;AACA;AATA;AAYA;AACA;AAbA;AAgBA;AACA;AAjBA;AAoBA;AACA;AACA;AACA;AACA;AAxBA;AA2BA;AACA;AACA;AACA;AACA;AA/BA;AAkCA;AACA;AAnCA;AAsCA;AACA;AAvCA;AA0CA;AA1CA;AA6CA;AA7CA;AAiDA;AACA;AAlDA;AAuDA;AACA;AAxDA;AA2DA;AACA;AA5DA;AAkEA;AACA;AAnEA;AAwEA;AACA;AAzEA;AA8EA;AACA;AA/EA;AAkFA;AAEA;AACA;AArFA;AA+FA;AACA;AAhGA;AAmGA;AACA;AApGA;AAyGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AArHA;AAwHA;AACA;AAzHA;AA8HA;AAGA;AAEA;AACA;AAAA;AACA;AAEA;AACA;AAxIA;AA6IA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AAtJA;AAyJA;AACA;AACA;AACA;AACA;AA7JA;;AAiKA;AACA;AAlKA;;AAsKA;AACA;AACA;AAsBA;AAIA;AACA;AALA;AAQA;AACA;AATA;AAYA;AACA;AAbA;AAgBA;AACA;AAjBA;AAoBA;AACA;AACA;AACA;AAvBA;AA0BA;AACA;AACA;AACA;AACA;AA9BA;AAiCA;AACA;AAlCA;AAqCA;AACA;AAtCA;AAyCA;AACA;AA1CA;AA6CA;AA7CA;AAgDA;AAhDA;AAoDA;AACA;AArDA;AA0DA;AACA;AA3DA;AA8DA;AACA;AA/DA;AAqEA;AACA;AAtEA;AA2EA;AACA;AA5EA;AAiFA;AACA;AAlFA;AAqFA;AACA;AACA;AAvFA;AA0FA;AACA;AACA;AA5FA;AAsGA;AACA;AAvGA;AA4GA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAxHA;AA2HA;AACA;AA5HA;AAiIA;AAGA;AAEA;AACA;AAAA;AACA;AACA;AAzIA;AA6IA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AArJA;AAwJA;AACA;AACA;AACA;AACA;AA5JA;;AAgKA;AACA;AAjKA;;AAqKA;AACA;AACA;AAvKA;AA+KA;AACA;;","sourceRoot":""}