{"version":3,"sources":["webpack://aspace/./back-end-bunde.scss","webpack://aspace/./resources.scss","webpack://aspace/./_variables.scss","webpack://aspace/./core/_grid-layout.scss","webpack://aspace/./wordpress/_default-blocks.scss","webpack://aspace/./gutenberg/_gutenberg-layout.scss","webpack://aspace/./gutenberg/_gutenberg-styles.scss","webpack://aspace/./global/_typography.scss","webpack://aspace/./core/_base-layout.scss","webpack://aspace/./core/_menu-layout.scss","webpack://aspace/./core/_panel-left-layout.scss","webpack://aspace/./core/_panel-right-layout.scss","webpack://aspace/./core/_sidebar-layout.scss","webpack://aspace/./core/_ie11-layout.scss","webpack://aspace/./core/_base.scss","webpack://aspace/./global/_page.scss","webpack://aspace/./global/_media.scss","webpack://aspace/./global/_menus.scss","webpack://aspace/./global/_forms.scss","webpack://aspace/./settings/_animations.scss","webpack://aspace/./settings/_icons.scss","webpack://aspace/./settings/_lists_tables.scss","webpack://aspace/./settings/_sections.scss","webpack://aspace/./settings/_settings.scss","webpack://aspace/./parts/post/_post.scss","webpack://aspace/./blocks/section-menu/_section-menu.scss"],"names":[],"mappings":"AAAA,gBAAgB;ACAhB;;+DAAA;AAMA;AAYA;AAKA;AAYA;;+DAAA;AAIA;AAiEA;AAeA;AAkBA;AA4DA;AAwDA;AC7PA;;+DAAA;AAWA;;+DAAA;AAGA;EAEE;EACA;EACA;EACA;EACA;EACA;EAIA;EACA;EACA;EACA;EACA;EACA;EAIA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EAEA;AFDF;;AEKA;;+DAAA;AAGA;EAEE;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EAEA;EACA;EACA;EAEA;EAEA;EACA;EACA;EACA;EACA;EACA;AFRF;;AGtEA;;+DAAA;AAGA;;;;;EAAA;AAMA;AACA;EACE;EACA;EAAA;EACA;EACA;EAAA;AHyEF;;AGrEA;EACE;EACA;EAAA;EACA;EACA;EAAA;AHwEF;;AGpEA;EACE;EACA;EAAA;AHuEF;;AGpEA;EACE;EACA;EACA;EAAA;AHuEF;;AGpEA;EACE;IACD;EHuEC;AACF;AGnEA;AACA;;;;;;;CAAA;AAQA;EACE;EAAA;EACA;AHqEF;AGnEE;EACD;EAAA;EACA;EACA;AHqED;AGlEE;EACD;EACA;EAAA;EACA;EAAA;AHoED;AGjEE;EACE;EACH;EAAA;AHmED;;AG5DA;AAGA;EACE;EACA;AH6DF;AG3DE;EACE;EACH;EAAA;AH6DD;;AGtDE;EACD;AHyDD;;AGpDE;EACD;AHuDD;;AGlDA;;+DAAA;AAKA;EACE;EAAA;EACA;EAAA;EACA;EACA;AHmDF;;AG9CA;;+DAAA;AAIA;AACA;;;;;;EAAA;AAOA;EFwHE;EACA;EACA;EACA;EACA;EACA;EAAA;EAEA;ADxEF;AC2EE;EElIF;IFmII;IACA;EDxEF;ECyEE;IACE;IACA;IACA;IACA;IACA;IACA;IACA,mBArByD;EDlD7D;EC0EE;IACE;IACA;EDxEJ;EC2EE;IACE;EDzEJ;EC4EE;IACE;IAAA;IACA;IAAA;ED1EJ;EC4EI;IACE;IACA;ED1EN;AACF;;AGjFA;EFoHE;EACA;EACA;EACA;EACA;EACA;EAAA;EAEA;ADhCF;ACmCE;EE9HF;IF+HI;IACA;EDhCF;ECiCE;IACE;IACA;IACA;IACA;IACA;IACA;IACA,mBArByD;EDV7D;ECkCE;IACE;IACA;EDhCJ;ECmCE;IACE;EDjCJ;ECoCE;IACE;IAAA;IACA;IAAA;EDlCJ;ECoCI;IACE;IACA;EDlCN;AACF;;AGrHA;EF8JE;EACA;EACA;EAEA;EACA;ADtCF;ACwCE;EACE,YATsC;EAUtC,cAVkD;EAWlD;EACA;ADtCJ;ACyCE;EACE;EACA;ADvCJ;AC0CE;EACE;ADxCJ;AC2CE;EACE;IACE;IACA;EDzCJ;AACF;;AG3IA;;+DAAA;AAIA;EACE;AH6IF;;AG1IA;EACE;EACA;EACA;EAAA;AH6IF;AGzIC;EACE;AH2IH;AG5IC;EACE;AH8IH;AG/IC;EACE;AHiJH;AGlJC;EACE;AHoJH;AGrJC;EACE;AHuJH;AGxJC;EACE;AH0JH;AG3JC;EACE;AH6JH;AG9JC;EACE;AHgKH;AGjKC;EACE;AHmKH;AGpKC;EACE;AHsKH;AGvKC;EACE;AHyKH;AG1KC;EACE;AH4KH;;AG7JA;EACE;EACA;AHgKF;;AG5JA;AAOG;EAEC;IACD;EHwJD;EGzJE;IACD;EH2JD;EG5JE;IACD;EH8JD;EG/JE;IACD;EHiKD;EGlKE;IACD;EHoKD;EGrKE;IACD;EHuKD;EGxKE;IACD;EH0KD;EG3KE;IACD;EH6KD;EG9KE;IACD;EHgLD;EGjLE;IACD;EHmLD;EGpLE;IACD;EHsLD;EGvLE;IACD;EHyLD;AACF;AG7LG;EAEC;IACD;EH8LD;EG/LE;IACD;EHiMD;EGlME;IACD;EHoMD;EGrME;IACD;EHuMD;EGxME;IACD;EH0MD;EG3ME;IACD;EH6MD;EG9ME;IACD;EHgND;EGjNE;IACD;EHmND;EGpNE;IACD;EHsND;EGvNE;IACD;EHyND;EG1NE;IACD;EH4ND;EG7NE;IACD;EH+ND;AACF;AGnOG;EAEC;IACD;EHoOD;EGrOE;IACD;EHuOD;EGxOE;IACD;EH0OD;EG3OE;IACD;EH6OD;EG9OE;IACD;EHgPD;EGjPE;IACD;EHmPD;EGpPE;IACD;EHsPD;EGvPE;IACD;EHyPD;EG1PE;IACD;EH4PD;EG7PE;IACD;EH+PD;EGhQE;IACD;EHkQD;EGnQE;IACD;EHqQD;AACF;AG/PG;EAGC;IACD;EH+PD;EG1PE;IACD;EH4PD;EG7PE;IACD;EH+PD;EGhQE;IACD;EHkQD;EGnQE;IACD;EHqQD;EGtQE;IACD;EHwQD;EGzQE;IACD;EH2QD;EG5QE;IACD;EH8QD;EG/QE;IACD;EHiRD;EGlRE;IACD;EHoRD;EGrRE;IACD;EHuRD;EGxRE;IACD;EH0RD;EG3RE;IACD;EH6RD;AACF;;AGpRA;;+DAAA;AAKE;EACD;EAAA;EACA;AHqRD;AGlRE;EACD;AHoRD;;AG/QE;EACD;EAAA;EACA;AHkRD;AG/QE;EACD;AHiRD;;AG5QE;EACD;EAAA;EACA;AH+QD;AG5QE;EACD;AH8QD;;AGvQA;;+DAAA;AAGA;EACE;EAGA;EAAA;EACA;EAAA;AHwQF;AGrQE;EACD;EAAA;EACA;EAAA;EACA;AHuQD;AGpQE;EACD;EACA;AHsQD;AGjQC;EAEE;EAAA;AHkQH;AG/PC;EACE;EACA;AHiQH;AGxQC;EAEE;EAAA;AHyQH;AGtQC;EACE;EACA;AHwQH;AG/QC;EAEE;EAAA;AHgRH;AG7QC;EACE;EACA;AH+QH;AGtRC;EAEE;EAAA;AHuRH;AGpRC;EACE;EACA;AHsRH;AG7RC;EAEE;EAAA;AH8RH;AG3RC;EACE;EACA;AH6RH;AGpSC;EAEE;EAAA;AHqSH;AGlSC;EACE;EACA;AHoSH;AG3SC;EAEE;EAAA;AH4SH;AGzSC;EACE;EACA;AH2SH;AGlTC;EAEE;EAAA;AHmTH;AGhTC;EACE;EACA;AHkTH;AGzTC;EAEE;EAAA;AH0TH;AGvTC;EACE;EACA;AHyTH;AGhUC;EAEE;EAAA;AHiUH;AG9TC;EACE;EACA;AHgUH;AGvUC;EAEE;EAAA;AHwUH;AGrUC;EACE;EACA;AHuUH;AG9UC;EAEE;EAAA;AH+UH;AG5UC;EACE;EACA;AH8UH;AG1UE;EACD;EACA;AH4UD;AG1UC;EACE;EACA;AH4UH;;AGtUA;EACE;AHyUF;AGvUE;EACD;EAAA;AHyUD;;AGrUA;EACE;AHwUF;;AGrUA;AAKG;EAEC;IAED;IAAA;EHkUD;EG9TE;IACD;IACA;EHgUD;EGxUE;IAED;IAAA;EHyUD;EGrUE;IACD;IACA;EHuUD;EG/UE;IAED;IAAA;EHgVD;EG5UE;IACD;IACA;EH8UD;EGtVE;IAED;IAAA;EHuVD;EGnVE;IACD;IACA;EHqVD;EG7VE;IAED;IAAA;EH8VD;EG1VE;IACD;IACA;EH4VD;EGpWE;IAED;IAAA;EHqWD;EGjWE;IACD;IACA;EHmWD;EG3WE;IAED;IAAA;EH4WD;EGxWE;IACD;IACA;EH0WD;EGlXE;IAED;IAAA;EHmXD;EG/WE;IACD;IACA;EHiXD;EGzXE;IAED;IAAA;EH0XD;EGtXE;IACD;IACA;EHwXD;EGhYE;IAED;IAAA;EHiYD;EG7XE;IACD;IACA;EH+XD;EGvYE;IAED;IAAA;EHwYD;EGpYE;IACD;IACA;EHsYD;EG9YE;IAED;IAAA;EH+YD;EG3YE;IACD;IACA;EH6YD;AACF;AGxZG;EAEC;IAED;IAAA;EHwZD;EGpZE;IACD;IACA;EHsZD;EG9ZE;IAED;IAAA;EH+ZD;EG3ZE;IACD;IACA;EH6ZD;EGraE;IAED;IAAA;EHsaD;EGlaE;IACD;IACA;EHoaD;EG5aE;IAED;IAAA;EH6aD;EGzaE;IACD;IACA;EH2aD;EGnbE;IAED;IAAA;EHobD;EGhbE;IACD;IACA;EHkbD;EG1bE;IAED;IAAA;EH2bD;EGvbE;IACD;IACA;EHybD;EGjcE;IAED;IAAA;EHkcD;EG9bE;IACD;IACA;EHgcD;EGxcE;IAED;IAAA;EHycD;EGrcE;IACD;IACA;EHucD;EG/cE;IAED;IAAA;EHgdD;EG5cE;IACD;IACA;EH8cD;EGtdE;IAED;IAAA;EHudD;EGndE;IACD;IACA;EHqdD;EG7dE;IAED;IAAA;EH8dD;EG1dE;IACD;IACA;EH4dD;EGpeE;IAED;IAAA;EHqeD;EGjeE;IACD;IACA;EHmeD;AACF;AG9eG;EAEC;IAED;IAAA;EH8eD;EG1eE;IACD;IACA;EH4eD;EGpfE;IAED;IAAA;EHqfD;EGjfE;IACD;IACA;EHmfD;EG3fE;IAED;IAAA;EH4fD;EGxfE;IACD;IACA;EH0fD;EGlgBE;IAED;IAAA;EHmgBD;EG/fE;IACD;IACA;EHigBD;EGzgBE;IAED;IAAA;EH0gBD;EGtgBE;IACD;IACA;EHwgBD;EGhhBE;IAED;IAAA;EHihBD;EG7gBE;IACD;IACA;EH+gBD;EGvhBE;IAED;IAAA;EHwhBD;EGphBE;IACD;IACA;EHshBD;EG9hBE;IAED;IAAA;EH+hBD;EG3hBE;IACD;IACA;EH6hBD;EGriBE;IAED;IAAA;EHsiBD;EGliBE;IACD;IACA;EHoiBD;EG5iBE;IAED;IAAA;EH6iBD;EGziBE;IACD;IACA;EH2iBD;EGnjBE;IAED;IAAA;EHojBD;EGhjBE;IACD;IACA;EHkjBD;EG1jBE;IAED;IAAA;EH2jBD;EGvjBE;IACD;IACA;EHyjBD;AACF;AGljBG;EAtBH;IAyBI;EHmjBF;EGljBE;IACD;IAAA;EHojBD;EGhjBE;IAED;IAAA;EHijBD;EG7iBE;IACD;IACA;EH+iBD;EGvjBE;IAED;IAAA;EHwjBD;EGpjBE;IACD;IACA;EHsjBD;EG9jBE;IAED;IAAA;EH+jBD;EG3jBE;IACD;IACA;EH6jBD;EGrkBE;IAED;IAAA;EHskBD;EGlkBE;IACD;IACA;EHokBD;EG5kBE;IAED;IAAA;EH6kBD;EGzkBE;IACD;IACA;EH2kBD;EGnlBE;IAED;IAAA;EHolBD;EGhlBE;IACD;IACA;EHklBD;EG1lBE;IAED;IAAA;EH2lBD;EGvlBE;IACD;IACA;EHylBD;EGjmBE;IAED;IAAA;EHkmBD;EG9lBE;IACD;IACA;EHgmBD;EGxmBE;IAED;IAAA;EHymBD;EGrmBE;IACD;IACA;EHumBD;EG/mBE;IAED;IAAA;EHgnBD;EG5mBE;IACD;IACA;EH8mBD;EGtnBE;IAED;IAAA;EHunBD;EGnnBE;IACD;IACA;EHqnBD;EG7nBE;IAED;IAAA;EH8nBD;EG1nBE;IACD;IACA;EH4nBD;AACF;;AGnnBA;EACE;AHsnBF;;AGlnBA;AAEE;EACD;IACE;EHonBD;AACF;AGvnBE;EACD;IACE;EHynBD;AACF;AG5nBE;EACD;IACE;EH8nBD;AACF;AGjoBE;EACD;IACE;EHmoBD;AACF;AG/nBA;;+DAAA;AAGA;EACE;AHioBF;;AG9nBA;EACE;AHioBF;;AG9nBA;EACE;AHioBF;;AG9nBA;EACE;AHioBF;;AG9nBA;EACE;AHioBF;;AG9nBA;EACE;AHioBF;;AG7nBA;;+DAAA;AAIA;AACA;EACE;EACA;EACA;AH+nBF;;AG3nBA;AAGE;EACD;AH4nBD;AG1nBC;EACE;AH4nBH;AGvnBE;EACD;AHynBD;AGvnBC;EACE;AHynBH;;AGnnBA;EAGC;IACE;IAAA;EHonBD;EGlnBC;IACD;EHonBA;EGhnBD;IACE;IAAA;EHknBD;EGhnBC;IACD;EHknBA;AACF;AI/jCA;;+DAAA;AAIA;EAEI;AJ+jCJ;AI9jCI;EACI;AJgkCR;;AI3jCA;;+DAAA;AAIA;EAEI;AJ4jCJ;AI3jCI;EACI;AJ6jCR;AI/iCI;EACI;EACA;EACA;AJijCR;;AI3iCI;EACI;AJ8iCR;AI3iCI;EACI;AJ6iCR;;AIziCA;EACI;AJ4iCJ;;AKnmCA;;+DAAA;AAOA;EACE;ALkmCF;;AK7lCA;EACE;ALgmCF;;AK7lCA;EACE;EACA;ALgmCF;;AK7lCA;EACE;ALgmCF;;AK3lCA;EACE;EAAA;EACA;EACA;AL8lCF;AK5lCE;EACE;EAAA;EACA;EACA;AL8lCJ;;AKzlCA;EACE;EAAA;EACA;EAAA;AL4lCF;;AKxlCA;EACE;EAAA;AL2lCF;;AKtlCA;EACE;EACA;ALylCF;;AKrlCA;;+DAAA;AAIE;EACE;ALulCJ;;AKllCA;AAEA;EACE;ALolCF;;AK/kCA;EACE;IACE;ELklCF;AACF;AK5kCA;EACE;IACE;IACA;EL8kCF;EK5kCE;IACE;IACA;EL8kCJ;AACF;AKtkCE;EACE;EACA;EACA;ALwkCJ;;AKlkCA;;+DAAA;AAIA;EACE;EACA;ALokCF;;AKjkCA;EACE;EACA;EACA;ALokCF;;AKjkCA;EACE;EACA;EACA;ALokCF;;AKjkCA;EACE;ALokCF;;AKhkCA;EACE;ALmkCF;;AM5sCA;EACE;AN+sCF;;AM1sCA;EACE;EAAA;EACA;EACA;EAAA;EACA;EAAA;EACA;EAAA;EACA;EACA;EACA;ELjBF;;iEAAA;EAMA;EAYA;EAKA;EAYA;;iEAAA;EAIA;EAiEA;EAeA;EAkBA;EA4DA;EAwDA;EM1PA;;iEAAA;EAsDA;EAkBA;;iEAAA;EAkCA;;iEAAA;EAeA;;iEAAA;EASA;;iEAAA;EAkDA;;iEAAA;EAOA;;iEAAA;EAQA;;iEAAA;APgkCA;AOhwCA;EACC;APkwCD;AO9vCA;EACC;EACA;EAAA;EACA;EAAA;EACA;EAAA;EACA;EACA;EACA;APgwCD;AO1vCA;EACE;IACD;IAAA;EP4vCC;AACF;AOvvCA;;;;;;EAMC;EACA;EAAA;APyvCD;AOtvCA;EACC;EAAA;APwvCD;AOrvCA;EACC;APuvCD;AOlvCC;EACC;APovCF;AO/uCA;EACC;APivCD;AO9uCA;EACC;APgvCD;AO7uCA;EACC;AP+uCD;AO5uCA;EACC;AP8uCD;AOvuCA;EACC;EACA;EACA;EACA;EACA;APyuCD;AOtuCA;EACC;EACA;EACA;APwuCD;AOtuCC;EACC;EACA;APwuCF;AOpuCA;EACC;EACA;EACA;APsuCD;AOnuCA;EACC;EACA;EACA;APquCD;AO9tCA;EACC;EAAA;EACA;EACA;APguCD;AO7tCA;EACC;AP+tCD;AOxtCA;EACC;EAAA;EACA;AP0tCD;AO5tCA;EACC;EAAA;EACA;AP0tCD;AOntCA;;;;EAIC;APqtCD;AOltCA;EACC;EACA;EACA;EACA;EACA;EAAA;EACA;APotCD;AOltCC;EACC;APotCF;AOjtCC;EACC;APmtCF;AO/sCC;EACC;EACA;EACA;EACA;EACA;EACA;APitCF;AO5sCA;EACC;EAAA;EACA;EACA;EACA;AP8sCD;AO5sCC;EACC;EACA;AP8sCF;AOvsCA;EACE;APysCF;AOnsCA;EACC;APqsCD;AO9rCA;EACC;EACA;EACA;EAAA;EACA;EACA;EAAA;EACA;EACA;EACA;EACA;EACA;APgsCD;AO7rCA;;;;EAIC;EAAA;EACA;AP+rCD;AMn4CE;EEvBF;;iEAAA;EAwCA;;iEAAA;EA0BA;;iEAAA;EAGA;;GAAA;EAcA;;IAAA;EASA;;iEAAA;EA0CA;EAOA;;iEAAA;EP7IA;;iEAAA;EAMA;EAYA;EAKA;EAYA;;iEAAA;EAIA;EAiEA;EAeA;EAkBA;EA4DA;EAwDA;EEzPA;;iEAAA;EAGA;;;;;IAAA;EAMA;EAmCA;EACA;;;;;;;GAAA;EAiCA;EA4BA;;iEAAA;EAcA;;iEAAA;EAIA;EACA;;;;;;IAAA;EAoBA;;iEAAA;EAqCA;EAqCA;;iEAAA;EAwCA;;iEAAA;EA2DA;EAuDA;EASA;;iEAAA;EA4BA;;iEAAA;EAIA;EAQA;EMxaA;;iEAAA;EAgBA;;iEAAA;EA2EA;;iEAAA;EA6EA;EAQA;;iEAAA;EAGA;EAaA;EAyCA;;iEAAA;EAgFA;;iEAAA;EAgBA;ECzUA;;iEAAA;EAgEA;EA6BA;;iEAAA;EC7FA;;iEAAA;EAsBA;EAiEA;;iEAAA;ECvFA;;iEAAA;EA6CA;;iEAAA;EAcA;EA+BA;;iEAAA;EAqBA;EC/GA;;iEAAA;ECFA;;iEAAA;EbAA;;iEAAA;EAMA;EAYA;EAKA;EAYA;;iEAAA;EAIA;EAiEA;EAeA;EAkBA;EA4DA;EAwDA;Ec3PA;;iEAAA;EAQA;;iEAAA;EAqBA;;iEAAA;EASA;;iEAAA;EAuBA;;;;iEAAA;EAWA;;iEAAA;EAkBA;;iEAAA;EC5FA;;iEAAA;EAGA;;;GAAA;EAsCA;EAQA;;iEAAA;EAoBA;;iEAAA;EA6CA;;iEAAA;EflHA;;iEAAA;EAMA;EAYA;EAKA;EAYA;;iEAAA;EAIA;EAiEA;EAeA;EAkBA;EA4DA;EAwDA;EgB1PA;;iEAAA;EAeA;;iEAAA;EAiBA;;iEAAA;EA+GA;;iEAAA;EhBlJA;;iEAAA;EAMA;EAYA;EAKA;EAYA;;iEAAA;EAIA;EAiEA;EAeA;EAkBA;EA4DA;EAwDA;EiB3PA;;iEAAA;EA8EA;;iEAAA;EAyCA;;iEAAA;EAUA;;iEAAA;EAkBA;;iEAAA;EAIA;EACA;;;IAAA;EC1JA;;iEAAA;EAIA;EAOA;EAQA;;iEAAA;EAIA;EAKA;EAOA;EAeA;;iEAAA;EClDA;;iEAAA;EAoBA;;iEAAA;ECpBA;;iEAAA;EAiCA;;iEAAA;EpBjCA;;iEAAA;EAMA;EAYA;EAKA;EAYA;;iEAAA;EAIA;EAiEA;EAeA;EAkBA;EA4DA;EAwDA;EqB5PA;;iEAAA;EAGA;;IAAA;EAIA;EA6BA;EAwBA;EC7DA;;iEAAA;AvBstDA;AQntDA;EAGE;ARqtDF;AQltDA;;;EAGE;EAGA;ARotDF;AQhtDA;EACE;ARktDF;AQ/sDA;EACE;EAAoB;EACpB;ARktDF;AQ/sDA;EACE;ARitDF;AQ9sDA;EACE;ARgtDF;AQ7sDA;EACE;AR+sDF;AQzsDA;EACE;EACA;EACA;EACA;AR2sDF;AQ1sDE;EACE;EACA;EACA;EACA;EACA;EACA;AR4sDJ;AQ1sDI;EACE;AR4sDN;AQvsDA;EACE;ARysDF;AQhsDA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ARksDF;AQ5rDA;EACE;EACA;AR8rDF;AQvrDA;EACE;EACA;EACA;EACA;ARyrDF;AQtrDA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAA8B;ARyrDhC;AQtrDA;EACE;EAEA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAAiB;ARyrDnB;AQrrDA;EACE;EACA;ARurDF;AQhrDA;EACE;ARkrDF;AQ/qDA;;EAEE;EACA;EACA;ARirDF;AQ9qDA;EACE;ARgrDF;AQ3qDA;EACE;IACE;ER6qDF;AACF;AQ1qDA;EACC;AR4qDD;AQzqDA;EACC;AR2qDD;AGz0DA;EACE;EACA;EAAA;EACA;EACA;EAAA;AH20DF;AGv0DA;EACE;EACA;EAAA;EACA;EACA;EAAA;AHy0DF;AGr0DA;EACE;EACA;EAAA;AHu0DF;AGp0DA;EACE;EACA;EACA;EAAA;AHs0DF;AGn0DA;EACE;IACD;EHq0DC;AACF;AGxzDA;EACE;EAAA;EACA;AH0zDF;AGxzDE;EACD;EAAA;EACA;EACA;AH0zDD;AGvzDE;EACD;EACA;EAAA;EACA;EAAA;AHyzDD;AGtzDE;EACE;EACH;EAAA;AHwzDD;AG9yDA;EACE;EACA;AHgzDF;AG9yDE;EACE;EACH;EAAA;AHgzDD;AGzyDE;EACD;AH2yDD;AGtyDE;EACD;AHwyDD;AG9xDA;EACE;EAAA;EACA;EAAA;EACA;EACA;AHgyDF;AG/wDA;EFwHE;EACA;EACA;EACA;EACA;EACA;EAAA;EAEA;ADypDF;ACtpDE;EElIF;IFmII;IACA;EDypDF;ECxpDE;IACE;IACA;IACA;IACA;IACA;IACA;IACA,mBArByD;ED+qD7D;ECvpDE;IACE;IACA;EDypDJ;ECtpDE;IACE;EDwpDJ;ECrpDE;IACE;IAAA;IACA;IAAA;EDupDJ;ECrpDI;IACE;IACA;EDupDN;AACF;AGlzDA;EFoHE;EACA;EACA;EACA;EACA;EACA;EAAA;EAEA;ADgsDF;AC7rDE;EE9HF;IF+HI;IACA;EDgsDF;EC/rDE;IACE;IACA;IACA;IACA;IACA;IACA;IACA,mBArByD;EDstD7D;EC9rDE;IACE;IACA;EDgsDJ;EC7rDE;IACE;ED+rDJ;EC5rDE;IACE;IAAA;IACA;IAAA;ED8rDJ;EC5rDI;IACE;IACA;ED8rDN;AACF;AGr1DA;EF8JE;EACA;EACA;EAEA;EACA;ADyrDF;ACvrDE;EACE,YATsC;EAUtC,cAVkD;EAWlD;EACA;ADyrDJ;ACtrDE;EACE;EACA;ADwrDJ;ACrrDE;EACE;ADurDJ;ACprDE;EACE;IACE;IACA;EDsrDJ;AACF;AGt2DA;EACE;AHw2DF;AGr2DA;EACE;EACA;EACA;EAAA;AHu2DF;AGn2DC;EACE;AHq2DH;AGt2DC;EACE;AHw2DH;AGz2DC;EACE;AH22DH;AG52DC;EACE;AH82DH;AG/2DC;EACE;AHi3DH;AGl3DC;EACE;AHo3DH;AGr3DC;EACE;AHu3DH;AGx3DC;EACE;AH03DH;AG33DC;EACE;AH63DH;AG93DC;EACE;AHg4DH;AGj4DC;EACE;AHm4DH;AGp4DC;EACE;AHs4DH;AGv3DA;EACE;EACA;AHy3DF;AG92DG;EAEC;IACD;EH+2DD;EGh3DE;IACD;EHk3DD;EGn3DE;IACD;EHq3DD;EGt3DE;IACD;EHw3DD;EGz3DE;IACD;EH23DD;EG53DE;IACD;EH83DD;EG/3DE;IACD;EHi4DD;EGl4DE;IACD;EHo4DD;EGr4DE;IACD;EHu4DD;EGx4DE;IACD;EH04DD;EG34DE;IACD;EH64DD;EG94DE;IACD;EHg5DD;AACF;AGp5DG;EAEC;IACD;EHq5DD;EGt5DE;IACD;EHw5DD;EGz5DE;IACD;EH25DD;EG55DE;IACD;EH85DD;EG/5DE;IACD;EHi6DD;EGl6DE;IACD;EHo6DD;EGr6DE;IACD;EHu6DD;EGx6DE;IACD;EH06DD;EG36DE;IACD;EH66DD;EG96DE;IACD;EHg7DD;EGj7DE;IACD;EHm7DD;EGp7DE;IACD;EHs7DD;AACF;AG17DG;EAEC;IACD;EH27DD;EG57DE;IACD;EH87DD;EG/7DE;IACD;EHi8DD;EGl8DE;IACD;EHo8DD;EGr8DE;IACD;EHu8DD;EGx8DE;IACD;EH08DD;EG38DE;IACD;EH68DD;EG98DE;IACD;EHg9DD;EGj9DE;IACD;EHm9DD;EGp9DE;IACD;EHs9DD;EGv9DE;IACD;EHy9DD;EG19DE;IACD;EH49DD;AACF;AGt9DG;EAGC;IACD;EHs9DD;EGj9DE;IACD;EHm9DD;EGp9DE;IACD;EHs9DD;EGv9DE;IACD;EHy9DD;EG19DE;IACD;EH49DD;EG79DE;IACD;EH+9DD;EGh+DE;IACD;EHk+DD;EGn+DE;IACD;EHq+DD;EGt+DE;IACD;EHw+DD;EGz+DE;IACD;EH2+DD;EG5+DE;IACD;EH8+DD;EG/+DE;IACD;EHi/DD;EGl/DE;IACD;EHo/DD;AACF;AGt+DE;EACD;EAAA;EACA;AHw+DD;AGr+DE;EACD;AHu+DD;AGl+DE;EACD;EAAA;EACA;AHo+DD;AGj+DE;EACD;AHm+DD;AG99DE;EACD;EAAA;EACA;AHg+DD;AG79DE;EACD;AH+9DD;AGr9DA;EACE;EAGA;EAAA;EACA;EAAA;AHq9DF;AGl9DE;EACD;EAAA;EACA;EAAA;EACA;AHo9DD;AGj9DE;EACD;EACA;AHm9DD;AG98DC;EAEE;EAAA;AH+8DH;AG58DC;EACE;EACA;AH88DH;AGr9DC;EAEE;EAAA;AHs9DH;AGn9DC;EACE;EACA;AHq9DH;AG59DC;EAEE;EAAA;AH69DH;AG19DC;EACE;EACA;AH49DH;AGn+DC;EAEE;EAAA;AHo+DH;AGj+DC;EACE;EACA;AHm+DH;AG1+DC;EAEE;EAAA;AH2+DH;AGx+DC;EACE;EACA;AH0+DH;AGj/DC;EAEE;EAAA;AHk/DH;AG/+DC;EACE;EACA;AHi/DH;AGx/DC;EAEE;EAAA;AHy/DH;AGt/DC;EACE;EACA;AHw/DH;AG//DC;EAEE;EAAA;AHggEH;AG7/DC;EACE;EACA;AH+/DH;AGtgEC;EAEE;EAAA;AHugEH;AGpgEC;EACE;EACA;AHsgEH;AG7gEC;EAEE;EAAA;AH8gEH;AG3gEC;EACE;EACA;AH6gEH;AGphEC;EAEE;EAAA;AHqhEH;AGlhEC;EACE;EACA;AHohEH;AG3hEC;EAEE;EAAA;AH4hEH;AGzhEC;EACE;EACA;AH2hEH;AGvhEE;EACD;EACA;AHyhED;AGvhEC;EACE;EACA;AHyhEH;AGnhEA;EACE;AHqhEF;AGnhEE;EACD;EAAA;AHqhED;AGjhEA;EACE;AHmhEF;AG3gEG;EAEC;IAED;IAAA;EH2gED;EGvgEE;IACD;IACA;EHygED;EGjhEE;IAED;IAAA;EHkhED;EG9gEE;IACD;IACA;EHghED;EGxhEE;IAED;IAAA;EHyhED;EGrhEE;IACD;IACA;EHuhED;EG/hEE;IAED;IAAA;EHgiED;EG5hEE;IACD;IACA;EH8hED;EGtiEE;IAED;IAAA;EHuiED;EGniEE;IACD;IACA;EHqiED;EG7iEE;IAED;IAAA;EH8iED;EG1iEE;IACD;IACA;EH4iED;EGpjEE;IAED;IAAA;EHqjED;EGjjEE;IACD;IACA;EHmjED;EG3jEE;IAED;IAAA;EH4jED;EGxjEE;IACD;IACA;EH0jED;EGlkEE;IAED;IAAA;EHmkED;EG/jEE;IACD;IACA;EHikED;EGzkEE;IAED;IAAA;EH0kED;EGtkEE;IACD;IACA;EHwkED;EGhlEE;IAED;IAAA;EHilED;EG7kEE;IACD;IACA;EH+kED;EGvlEE;IAED;IAAA;EHwlED;EGplEE;IACD;IACA;EHslED;AACF;AGjmEG;EAEC;IAED;IAAA;EHimED;EG7lEE;IACD;IACA;EH+lED;EGvmEE;IAED;IAAA;EHwmED;EGpmEE;IACD;IACA;EHsmED;EG9mEE;IAED;IAAA;EH+mED;EG3mEE;IACD;IACA;EH6mED;EGrnEE;IAED;IAAA;EHsnED;EGlnEE;IACD;IACA;EHonED;EG5nEE;IAED;IAAA;EH6nED;EGznEE;IACD;IACA;EH2nED;EGnoEE;IAED;IAAA;EHooED;EGhoEE;IACD;IACA;EHkoED;EG1oEE;IAED;IAAA;EH2oED;EGvoEE;IACD;IACA;EHyoED;EGjpEE;IAED;IAAA;EHkpED;EG9oEE;IACD;IACA;EHgpED;EGxpEE;IAED;IAAA;EHypED;EGrpEE;IACD;IACA;EHupED;EG/pEE;IAED;IAAA;EHgqED;EG5pEE;IACD;IACA;EH8pED;EGtqEE;IAED;IAAA;EHuqED;EGnqEE;IACD;IACA;EHqqED;EG7qEE;IAED;IAAA;EH8qED;EG1qEE;IACD;IACA;EH4qED;AACF;AGvrEG;EAEC;IAED;IAAA;EHurED;EGnrEE;IACD;IACA;EHqrED;EG7rEE;IAED;IAAA;EH8rED;EG1rEE;IACD;IACA;EH4rED;EGpsEE;IAED;IAAA;EHqsED;EGjsEE;IACD;IACA;EHmsED;EG3sEE;IAED;IAAA;EH4sED;EGxsEE;IACD;IACA;EH0sED;EGltEE;IAED;IAAA;EHmtED;EG/sEE;IACD;IACA;EHitED;EGztEE;IAED;IAAA;EH0tED;EGttEE;IACD;IACA;EHwtED;EGhuEE;IAED;IAAA;EHiuED;EG7tEE;IACD;IACA;EH+tED;EGvuEE;IAED;IAAA;EHwuED;EGpuEE;IACD;IACA;EHsuED;EG9uEE;IAED;IAAA;EH+uED;EG3uEE;IACD;IACA;EH6uED;EGrvEE;IAED;IAAA;EHsvED;EGlvEE;IACD;IACA;EHovED;EG5vEE;IAED;IAAA;EH6vED;EGzvEE;IACD;IACA;EH2vED;EGnwEE;IAED;IAAA;EHowED;EGhwEE;IACD;IACA;EHkwED;AACF;AG3vEG;EAtBH;IAyBI;EH4vEF;EG3vEE;IACD;IAAA;EH6vED;EGzvEE;IAED;IAAA;EH0vED;EGtvEE;IACD;IACA;EHwvED;EGhwEE;IAED;IAAA;EHiwED;EG7vEE;IACD;IACA;EH+vED;EGvwEE;IAED;IAAA;EHwwED;EGpwEE;IACD;IACA;EHswED;EG9wEE;IAED;IAAA;EH+wED;EG3wEE;IACD;IACA;EH6wED;EGrxEE;IAED;IAAA;EHsxED;EGlxEE;IACD;IACA;EHoxED;EG5xEE;IAED;IAAA;EH6xED;EGzxEE;IACD;IACA;EH2xED;EGnyEE;IAED;IAAA;EHoyED;EGhyEE;IACD;IACA;EHkyED;EG1yEE;IAED;IAAA;EH2yED;EGvyEE;IACD;IACA;EHyyED;EGjzEE;IAED;IAAA;EHkzED;EG9yEE;IACD;IACA;EHgzED;EGxzEE;IAED;IAAA;EHyzED;EGrzEE;IACD;IACA;EHuzED;EG/zEE;IAED;IAAA;EHg0ED;EG5zEE;IACD;IACA;EH8zED;EGt0EE;IAED;IAAA;EHu0ED;EGn0EE;IACD;IACA;EHq0ED;AACF;AG5zEA;EACE;AH8zEF;AGxzEE;EACD;IACE;EH0zED;AACF;AG7zEE;EACD;IACE;EH+zED;AACF;AGl0EE;EACD;IACE;EHo0ED;AACF;AGv0EE;EACD;IACE;EHy0ED;AACF;AGl0EA;EACE;AHo0EF;AGj0EA;EACE;AHm0EF;AGh0EA;EACE;AHk0EF;AG/zEA;EACE;AHi0EF;AG9zEA;EACE;AHg0EF;AG7zEA;EACE;AH+zEF;AGtzEA;EACE;EACA;EACA;AHwzEF;AGjzEE;EACD;AHmzED;AGjzEC;EACE;AHmzEH;AG9yEE;EACD;AHgzED;AG9yEC;EACE;AHgzEH;AG1yEA;EAGC;IACE;IAAA;EH0yED;EGxyEC;IACD;EH0yEA;EGtyED;IACE;IAAA;EHwyED;EGtyEC;IACD;EHwyEA;AACF;ASnvFA;;EAEE;EACA;EACA;ATqvFF;ASjvFA;EACE;ATmvFF;ASpvFA;EACE;ATmvFF;AS1uFE;;EAEE;EACA;AT4uFJ;AS1uFI;;EACE;EACA;AT6uFN;AS1uFM;;EACE;EACA;EACA;EACA;AT6uFR;AS3uFQ;;EACE;AT8uFV;AS1uFM;;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AT6uFR;ASzuFM;;EACE;EACA;EACA;EACA;EACA;AT4uFR;ASruFI;;;EACE;EACA;EACA;EACA;EACA;EACA;EACA;ATyuFN;AStuFM;;;EACE;AT0uFR;AStuFI;;EACE;ATyuFN;AS1tFE;EAGE;IACE;ET0tFJ;ESttFE;IACE;ETwtFJ;ESptFE;;IAEE;IACA;IACA;IACA;IACA;ETstFJ;ESltFI;;IACE;IACA;IACA;IAAA;ETqtFN;EShtFI;;;IACE;IACA;IACA;IACA;IACA;IACA;ETotFN;ESjtFM;;;IACE;ETqtFR;ESjtFI;;IACE;ETotFN;ES/sFI;;IACE;IACA;IACA;IACA;ETktFN;EShtFM;;IACE;ETmtFR;AACF;AS7sFE;EA7IA;;IAEE;IACA;ET61FF;ES31FE;;IACE;IACA;ET81FJ;ES31FI;;IACE;IACA;IACA;IACA;ET81FN;ES51FM;;IACE;ET+1FR;ES31FI;;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;ET81FN;ES11FI;;IACE;IACA;IACA;IACA;IACA;ET61FN;ESt1FE;;;IACE;IACA;IACA;IACA;IACA;IACA;IACA;ET01FJ;ESv1FI;;;IACE;ET21FN;ESv1FE;;IACE;ET01FJ;AACF;ASzvFA;EACE;EAAA;EACA;EACA;EACA;EACA;AT2vFF;ASzvFE;EACE;AT2vFJ;AStvFA;EACE;EACA;EACA;EACA;ATwvFF;ASrvFE;EACE;EACA;ATuvFJ;AShvFI;EACE;ATkvFN;AS/uFI;EACE;ATivFN;AS9uFI;EACE;ATgvFN;ASzuFA;EACE;IACE;ET2uFF;AACF;ASnuFA;EACE;EACA;EACA;EACA;ATquFF;ASnuFE;EACE;ATquFJ;ASluFE;EACE;EACA;ATouFJ;AShuFA;;EAEE;ATkuFF;AS/tFA;EACE;EACA;EACA;EACA;ATiuFF;AS/tFE;EACE;ATiuFJ;AS5tFA;EAGE;IACE;ET4tFF;ESztFA;IACE;ET2tFF;ESxtFA;IACE;IACA;ET0tFF;ESttFA;IACE;ETwtFF;ESrtFA;IACE;ETutFF;ESptFA;IACE;ETstFF;ESntFA;IACE;ETqtFF;ESltFA;IACE;ETotFF;AACF;AShtFA;EACE;ATktFF;ASzsFE;EACE;EAAA;EACA;EACA;EACA;EAAA;AT2sFJ;ASnsFA;EAEI;IACE;IACA;IACA;IACA;IAAA;ETosFJ;ESjsFM;IACE;ETmsFR;ES/rFI;IACE;ETisFN;ES7rFE;IACE;IACA;ET+rFJ;ESvrFE;IACE;IACA;IACA;IACA;IACA;ETyrFJ;EStrFE;IACE;IACA;ETwrFJ;ESrrFE;IACE;ETurFJ;ESnrFA;IACE;IACA;IACA;ETqrFF;ESnrFE;IACE;ETqrFJ;AACF;AS/qFA;EACE;EACA;EACA;ATirFF;AS/qFE;EACE;ATirFJ;AS5qFA;EH5XE;IG6XA;ET+qFA;ES9qFA;IACE;ETgrFF;AACF;AUhkGA;EACC;AVkkGD;AU9jGA;EACC;IACC;EVgkGA;AACF;AU5jGA;EACC;AV8jGD;AU1jGA;EACC;IACC;EV4jGA;AACF;AUxjGA;EAEC;AVyjGD;AUtjGA;EACC;EAAA;EACA;EACA;AVwjGD;AUpjGA;EACC;IACC;IAAA;IACA;IACA;EVsjGA;EUpjGA;IACC;EVsjGD;AACF;AUjjGA;EACC;IACC;IACA;IACA;IACA;EVmjGA;AACF;AU9iGA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AVgjGD;AU9iGC;EACC;AVgjGF;AU3iGA;EACC;AV6iGD;AUtiGA;EACC;AVwiGD;AUtiGA;EACC;EACA;EACA;EACA;EACA;AVwiGD;AUtiGC;EAEC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AVuiGF;AUpiGC;EACC;EACA;AVsiGF;AUjiGA;EACC;EACA;AVmiGD;AUliGC;EACC;EACA;AVoiGF;AUjiGC;EACC;EACA;AVmiGF;AWvqGA;EACE;EAAA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AXyqGF;AWvqGE;EACE;AXyqGJ;AWnqGA;EACC;EACA;AXqqGD;AWjqGA;EACE;EACA;EACA;EACA;EACA;EACA;AXmqGF;AWjqGE;EACE;EACA;EACA;EACA;EACA;EACA;AXmqGJ;AW7pGA;EACE;AX+pGF;AW1pGA;EACE;IACE;EX4pGF;AACF;AWxpGA;EACE;AX0pGF;AWtpGA;EACE;EAAA;EACA;AXwpGF;AWppGA;EACE;IACE;IAAA;IACA;IACA;EXspGF;EWppGE;IACE;EXspGJ;AACF;AW9oGA;EACE;IACE;IACA;IACA;IACA;IACA;IACA;IACA;EXgpGF;EW9oGE;IACE;IAAA;EXgpGJ;AACF;AY7uGA;EACE;IACD;IACA;EZ+uGC;EY1uGD;IACE;EZ4uGD;AACF;AYruGA;EACE;EACA;AZuuGF;AYnuGA;EACE;EACA;AZquGF;AYjuGA;EACE;IACD;EZmuGC;AACF;AY1tGA;EACE;AZ4tGF;AY1tGE;EACD;AZ4tGD;AYttGA;EACE;AZwtGF;AYrtGA;EACE;AZutGF;AYntGA;EACE;EACA;AZqtGF;AYltGA;EACE;AZotGF;AYhtGA;EACE;AZktGF;AY9sGA;EACE;EACA;AZgtGF;AYnsGE;EACD;AZqsGD;AYhsGA;EACE;EACA;AZksGF;AY5rGE;EACD;EACA;EACA;EACA;EAAA;EACA;EACA;AZ8rGD;AajzGA;EPiBE;IOYD;;oEAAA;Eb0xGC;EapzGD;IACC;EbszGA;EanzGD;IACC;EbqzGA;EajzGD;IACC;IACA;IACA;EbmzGA;EahzGD;IACC;IACA;EbkzGA;Ea/yGD;;IAEC;EbizGA;EazyGD;IACC;IAGA;IAAA;IACA;IAAA;EbyyGA;EatyGA;IACC;IAAA;IACA;IAAA;IACA;IACA;EbwyGD;EanyGC;IAEC;IAAA;IACA;IACA;IACA;EboyGF;EajyGC;IACC;IACA;EbmyGF;Ea7yGC;IAEC;IAAA;IACA;IACA;IACA;Eb8yGF;Ea3yGC;IACC;IACA;Eb6yGF;EavzGC;IAEC;IAAA;IACA;IACA;IACA;EbwzGF;EarzGC;IACC;IACA;EbuzGF;Eaj0GC;IAEC;IAAA;IACA;IACA;IACA;Ebk0GF;Ea/zGC;IACC;IACA;Ebi0GF;Ea30GC;IAEC;IAAA;IACA;IACA;IACA;Eb40GF;Eaz0GC;IACC;IACA;Eb20GF;Ear1GC;IAEC;IAAA;IACA;IACA;IACA;Ebs1GF;Ean1GC;IACC;IACA;Ebq1GF;Ea/1GC;IAEC;IAAA;IACA;IACA;IACA;Ebg2GF;Ea71GC;IACC;IACA;Eb+1GF;Eaz2GC;IAEC;IAAA;IACA;IACA;IACA;Eb02GF;Eav2GC;IACC;IACA;Eby2GF;Ean3GC;IAEC;IAAA;IACA;IACA;IACA;Ebo3GF;Eaj3GC;IACC;IACA;Ebm3GF;Ea73GC;IAEC;IAAA;IACA;IACA;IACA;Eb83GF;Ea33GC;IACC;IACA;Eb63GF;Eav4GC;IAEC;IAAA;IACA;IACA;IACA;Ebw4GF;Ear4GC;IACC;IACA;Ebu4GF;Eaj5GC;IAEC;IAAA;IACA;IACA;IACA;Ebk5GF;Ea/4GC;IACC;IACA;Ebi5GF;Ea14GD;IACC;Eb44GA;Ea14GA;IACC;IAAA;Eb44GD;AACF;Aan4GI;EAEE;IAEC;IAAA;IACA;IACA;IACA;Ebm4GL;Eax4GI;IAEC;IAAA;IACA;IACA;IACA;Eby4GL;Ea94GI;IAEC;IAAA;IACA;IACA;IACA;Eb+4GL;Eap5GI;IAEC;IAAA;IACA;IACA;IACA;Ebq5GL;Ea15GI;IAEC;IAAA;IACA;IACA;IACA;Eb25GL;Eah6GI;IAEC;IAAA;IACA;IACA;IACA;Ebi6GL;Eat6GI;IAEC;IAAA;IACA;IACA;IACA;Ebu6GL;Ea56GI;IAEC;IAAA;IACA;IACA;IACA;Eb66GL;Eal7GI;IAEC;IAAA;IACA;IACA;IACA;Ebm7GL;Eax7GI;IAEC;IAAA;IACA;IACA;IACA;Eby7GL;Ea97GI;IAEC;IAAA;IACA;IACA;IACA;Eb+7GL;Eap8GI;IAEC;IAAA;IACA;IACA;IACA;Ebq8GL;AACF;Aa78GI;EAEE;IAEC;IAAA;IACA;IACA;IACA;Eb68GL;Eal9GI;IAEC;IAAA;IACA;IACA;IACA;Ebm9GL;Eax9GI;IAEC;IAAA;IACA;IACA;IACA;Eby9GL;Ea99GI;IAEC;IAAA;IACA;IACA;IACA;Eb+9GL;Eap+GI;IAEC;IAAA;IACA;IACA;IACA;Ebq+GL;Ea1+GI;IAEC;IAAA;IACA;IACA;IACA;Eb2+GL;Eah/GI;IAEC;IAAA;IACA;IACA;IACA;Ebi/GL;Eat/GI;IAEC;IAAA;IACA;IACA;IACA;Ebu/GL;Ea5/GI;IAEC;IAAA;IACA;IACA;IACA;Eb6/GL;EalgHI;IAEC;IAAA;IACA;IACA;IACA;EbmgHL;EaxgHI;IAEC;IAAA;IACA;IACA;IACA;EbygHL;Ea9gHI;IAEC;IAAA;IACA;IACA;IACA;Eb+gHL;AACF;AavhHI;EAEE;IAEC;IAAA;IACA;IACA;IACA;EbuhHL;Ea5hHI;IAEC;IAAA;IACA;IACA;IACA;Eb6hHL;EaliHI;IAEC;IAAA;IACA;IACA;IACA;EbmiHL;EaxiHI;IAEC;IAAA;IACA;IACA;IACA;EbyiHL;Ea9iHI;IAEC;IAAA;IACA;IACA;IACA;Eb+iHL;EapjHI;IAEC;IAAA;IACA;IACA;IACA;EbqjHL;Ea1jHI;IAEC;IAAA;IACA;IACA;IACA;Eb2jHL;EahkHI;IAEC;IAAA;IACA;IACA;IACA;EbikHL;EatkHI;IAEC;IAAA;IACA;IACA;IACA;EbukHL;Ea5kHI;IAEC;IAAA;IACA;IACA;IACA;Eb6kHL;EallHI;IAEC;IAAA;IACA;IACA;IACA;EbmlHL;EaxlHI;IAEC;IAAA;IACA;IACA;IACA;EbylHL;AACF;AallHI;EApBH;IAuBK;EbmlHJ;EallHI;IACC;IAAA;EbolHL;EahlHI;IAEC;IAAA;EbilHL;Ea7kHI;IACC;IACA;Eb+kHL;EavlHI;IAEC;IAAA;EbwlHL;EaplHI;IACC;IACA;EbslHL;Ea9lHI;IAEC;IAAA;Eb+lHL;Ea3lHI;IACC;IACA;Eb6lHL;EarmHI;IAEC;IAAA;EbsmHL;EalmHI;IACC;IACA;EbomHL;Ea5mHI;IAEC;IAAA;Eb6mHL;EazmHI;IACC;IACA;Eb2mHL;EannHI;IAEC;IAAA;EbonHL;EahnHI;IACC;IACA;EbknHL;Ea1nHI;IAEC;IAAA;Eb2nHL;EavnHI;IACC;IACA;EbynHL;EajoHI;IAEC;IAAA;EbkoHL;Ea9nHI;IACC;IACA;EbgoHL;EaxoHI;IAEC;IAAA;EbyoHL;EaroHI;IACC;IACA;EbuoHL;Ea/oHI;IAEC;IAAA;EbgpHL;Ea5oHI;IACC;IACA;Eb8oHL;EatpHI;IAEC;IAAA;EbupHL;EanpHI;IACC;IACA;EbqpHL;Ea7pHI;IAEC;IAAA;Eb8pHL;Ea1pHI;IACC;IACA;Eb4pHL;AACF;Aa9wHA;EA0HC;IACC;EbupHA;AACF;AepxHA;EACE;EAAA;AfsxHF;Ae/wHA;EACE;EACA;EAGA;EACA;Af+wHF;Ae7wHE;EACD;Af+wHD;Ae3wHA;EACE;Af6wHF;AetwHA;EACE;EACA;EAAA;AfwwHF;AejwHA;EACE;EACA;EACA;EACA;EACA;EAAA;EACA;AfmwHF;AehwHE;EACD;AfkwHD;Ae/vHE;EACD;AfiwHD;AetvHA;EACE;EAAA;AfwvHF;Ae/uHA;EACE;EACA;EACA;EAAA;EACA;EAAA;EACA;AfivHF;Ae/uHE;EACD;AfivHD;AexuHA;EACE;EACA;EAAA;Af0uHF;AexuHE;EACE;EACA;EACA;Af0uHJ;AevuHE;EACE;AfyuHJ;AetuHE;EACE;EACA;EACA;EACA;EACA;EACA;EAAA;AfwuHJ;AgBp1HA;EACE;EACA;EACA;EACA;EACA;EACA;AhBs1HF;AgBp1HE;EACE;KAAA;EACA;EACA;EACA;AhBs1HJ;AgBn1HE;EACE;AhBq1HJ;AgB/0HA;EACE;EACA;AhBi1HF;AgBh1HE;EACE;KAAA;EACA;EACA;EACA;EACA;AhBk1HJ;AgB70HA;EACC;EAAA;EACA;AhB+0HD;AgBv0HA;EACE;AhBy0HF;AgBt0HA;EACE;EACA;EACA;AhBw0HF;AgBr0HA;EACE;EACA;AhBu0HF;AgB/zHA;EACE;EACA;EAAA;EACA;AhBi0HF;AgB9zHA;EACE;EACA;EAAA;EACA;AhBg0HF;AgB7zHA;EACC;EACA;EACA;EAAA;AhB+zHD;AgB5zHA;EACC;EACA;EACA;EAAA;AhB8zHD;AgBzzHA;EACE;EACA;EACA;EACA;AhB2zHF;AgBvzHA;EACE;AhByzHF;AgBtzHA;EACC;KAAA;AhBwzHD;AgBlzHA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AhBozHF;AgBjzHA;EACE;EACA;EACA;EACA;EACA;AhBmzHF;AiB/6HA;EACE;AjBi7HF;AiB76HA;EACE;AjB+6HF;AiBt6HE;EACE;EACA;AjBw6HJ;AiBr6HI;EACE;AjBu6HN;AiB75HA;EAGI;IACE;IACA;EjB65HJ;EiBv5HI;IACE;IAAA;EjBy5HN;EiBr5HI;IACE;IACA;EjBu5HN;EiBz5HI;IACE;IACA;EjBu5HN;EiBp5HM;IACE;IACA;IACA;EjBs5HR;EiBz5HM;IACE;IACA;IACA;EjBs5HR;EiBj5HI;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;EjBm5HN;EiBj5HM;IACE;EjBm5HR;EiB/4HM;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;EjBi5HR;EiB74HM;IACE;IACA;IAAA;IACA;IACA;EjB+4HR;EiB34HM;IACE;IAAA;IACA;EjB64HR;EiB/4HM;IACE;IAAA;IACA;EjB64HR;EiBr4HI;IACE;EjBu4HN;EiBt4HM;IACE;EjBw4HR;EiBh4HE;IACE;EjBk4HJ;AACF;AiB53HE;EACE;AjB83HJ;AiBr3HA;EACE;AjBu3HF;AiBp3HA;EACE;AjBs3HF;AiBv3HA;EACE;AjBs3HF;AiBn3HA;;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AjBq3HF;AkBrhIA;EACE;EACA;AlBuhIF;AkBphIA;EACE;EAAA;AlBshIF;AkBnhIA;;;;;;;;;;;;;;;;;EAiBE;EACA;EACA;EAAA;EACA;EACA;EACA;EACA;EACA;EACA;AlBqhIF;AkBnhIE;;;;;;;;;;;;;;;;;EACE;EAAA;AlBqiIJ;AkBhiIA;EACE;EAMA,utBAFgB;EAGhB;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AlB6hIF;AkB3hIE;EACE;AlB6hIJ;AkBzhIA;;EAEE;AlB2hIF;AkBrhIA;EACE;EACA;EACA;EACA;EAAA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AlBuhIF;AkBrhIE;EACE;EACA;EAAA;EACA;EAAA;AlBuhIJ;AkBphIE;EACE;EACA;EAAA;AlBshIJ;AkBjhIA;EACE;EAAA;EACA;EAAA;EACA;AlBmhIF;AkBjhIE;EACE;EAAA;EACA;AlBmhIJ;AkB3gIA;EACE;EAAA;EACA;EACA;EAAA;AlB6gIF;AkBhhIA;EACE;EAAA;EACA;EACA;EAAA;AlB6gIF;AkBhhIA;EACE;EAAA;EACA;EACA;EAAA;AlB6gIF;AkBrgIA;EACE;EACA;AlBugIF;AkBrgIE;EACE;EACA;EACA;EAAA;EACA;EACA;AlBugIJ;AkBz/HA;EACE;EACA;EACA;EACA;EAAA;EACA;AlB2/HF;AkBx/HA;EACE;EACA;EACA;EACA;EAAA;EACA;AlB0/HF;AkBv/HA;EACE;EACA;EACA;EAAA;EACA;EACA;AlBy/HF;AkBt/HA;EACE;EAAA;AlBw/HF;AkBr/HA;EACE;EAAA;AlBu/HF;AmB7qIA;EACC;UAAA;EACA;UAAA;EACA;AnB+qID;AmB3qIA;EACC;UAAA;AnB6qID;AmBlqIA;EACC;AnBoqID;AmB/pIA;EACC;EACA;AnBiqID;AmB3pIC;EACC;AnB6pIF;AmB9pIC;EACC;AnBgqIF;AmBjqIC;EACC;AnBmqIF;AmBpqIC;EACC;AnBsqIF;AmBvqIC;EACC;AnByqIF;AmB1qIC;EACC;AnB4qIF;AmB7qIC;EACC;AnB+qIF;AmBhrIC;EACC;AnBkrIF;AmBnrIC;EACC;AnBqrIF;AmBtrIC;EACC;AnBwrIF;AmBzrIC;EACC;AnB2rIF;AmB5rIC;EACC;AnB8rIF;AmB/rIC;EACC;AnBisIF;AmBlsIC;EACC;AnBosIF;AmBrsIC;EACC;AnBusIF;AmBxsIC;EACC;AnB0sIF;AmB3sIC;EACC;AnB6sIF;AmB9sIC;EACC;AnBgtIF;AmBjtIC;EACC;AnBmtIF;AmBptIC;EACC;AnBstIF;AmBvtIC;EACC;AnBytIF;AmB1tIC;EACC;AnB4tIF;AmB7tIC;EACC;AnB+tIF;AmBhuIC;EACC;AnBkuIF;AmBnuIC;EACC;AnBquIF;AmBtuIC;EACC;AnBwuIF;AmBzuIC;EACC;AnB2uIF;AmB5uIC;EACC;AnB8uIF;AmB/uIC;EACC;AnBivIF;AmBlvIC;EACC;AnBovIF;AmBrvIC;EACC;AnBuvIF;AmBvuIA;EACC;EACA;EACA;AnByuID;AmBtuIC;EACC;EACA;AnBwuIF;AmBnuIA;EACC;EACA;EACA;AnBquID;AmBnuIC;EACC;EACA;AnBquIF;AoB7yIA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ApB+yIF;AoB7yIE;EACE;ApB+yIJ;AoBpyIA;EACE;ApBsyIF;AqB5zIA;;EAEC;EAAA;EACA;ArB8zID;AqB3zIA;EACC;ArB6zID;AqB1zIA;EACC;ArB4zID;AqBzzIA;;EAEC;EACA;ArB2zID;AqBxzIA;EACC;ArB0zID;AqBvzIA;EACC;ArByzID;AqBjzIA;EACC;EACA;EACA;ArBmzID;AqBhzIA;EACC;EACA;ArBkzID;AqB/yIA;EACC;EACA;ArBizID;AqB9yIA;EACC;ArBgzID;AqB7yIA;EACC;ArB+yID;AqB5yIA;;EAEC;ArB8yID;AqB3yIA;;EAEC;ArB6yID;AsBx2IA;EAEC;EAAA;EACA;EAAA;AtBy2ID;AsBv2IC;EACC;EACA;AtBy2IF;AsBt2IE;EACD;AtBw2ID;AsBn2IA;EACE;AtBq2IF;AsBh2IC;EACC;AtBk2IF;AsB31IE;EACD;EAAA;AtB61ID;AsB11IE;EACD;AtB41ID;AsBz1IE;EACD;AtB21ID;AsBx1IE;EACD;AtB01ID;AsBv1IE;EACD;EAAA;AtBy1ID;;AA34IA;EwBNA;;iEAAA;ECAA;AzBw5IA;AwBr5IA;EACE;EAAA;EACA;EAAA;AxBu5IF;AyB35IA;EACC;AzB65ID;AyB15IA;EACC;EAAA;AzB45ID;AyB35IC;EACC;AzB65IF,C","file":"backEnd.css","sourcesContent":["@charset \"UTF-8\";\n/*--------------------------------------------------------------\n# SASS Variables and Mixins. Do not output any css in here. if you need these make sure to @use \"variables\"\n--------------------------------------------------------------*/\n/*------- Media Query Sizes. Add your own --------*/\n/*------- Panel Becomes Absolute Query --------*/\n/*------- Add your own breakpoints to the grid --------*/\n/*--------------------------------------------------------------\nMixins\n--------------------------------------------------------------*/\n/*------- Retina --------*/\n/*------- Deep Shadow Mixin --------*/\n/*------- Lighten and shade colors --------*/\n/*------- Fluid Font Lock --------*/\n/*------- Sort Map by values --------*/\n/*------- Grid --------*/\n/*--------------------------------------------------------------\n# CSS Variables\n--------------------------------------------------------------*/\n/*--------------------------------------------------------------\n# CSS Variables. Change these to match your theme\n--------------------------------------------------------------*/\n:root {\n --font: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen-Sans, Ubuntu, Cantarell, \"Helvetica Neue\", sans-serif;\n --font-alt: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen-Sans, Ubuntu, Cantarell, \"Helvetica Neue\", sans-serif;\n --line-height: 1.5;\n --font-pre: \"Source Code Pro\", monospace;\n --line-height-pre: 22px;\n --article-font-size: 1.7rem;\n --black: #191919;\n --dark-grey: #4c545d;\n --grey: #cacaca;\n --blue: #007eac;\n --light-blue: rgba(0, 185, 235, 0.73);\n --dark-blue: #007fb0;\n --body-bg: white;\n --main-text-color: var(--black);\n --subtle-text-color: var(--grey);\n --site-top: var(--dark-blue);\n --footer-bg: var(--dark-grey);\n --header-bg: var(--dark-grey);\n --highlight: var(--blue);\n --highlight-alpha: var(--light-blue);\n --highlight-darkened: var(--dark-blue);\n --overlay-color: rgba(0, 0, 0,0.65);\n}\n\n/*--------------------------------------------------------------\n# Layout CSS Variables. Probably don't need to touch.\n--------------------------------------------------------------*/\n:root {\n /*------- Menu Variables --------*/\n --nav-move: 800px;\n --sidebar-move: 1000px;\n --media-sidebar: 1000px;\n --desktop-menu-alignment: center;\n /*------- Layout --------*/\n --container: 1200px;\n --container-content: 70rem;\n --container-padding: 30px;\n --gutters: 15px;\n --gap: 30px;\n --grid-gap: 30px;\n --flex-gap: calc(var(--grid-gap) / 2);\n /*------- Panels --------*/\n --panel-left-width: 300px;\n --panel-right-width: 350px;\n /*------- Z-index --------*/\n --z-index-top: 99;\n --z-index-overlay: 95;\n --z-index-menu-button: 90;\n --z-index-menu: 80;\n --z-index-header: 75;\n --z-index-behind: -1;\n}\n\n/*--------------------------------------------------------------\n# CSS Grids and Containers\n--------------------------------------------------------------*/\n/*\n - Containers can be used anywhere for holding main content.\n - They have padding on both sides so on mobile the content wont hit the edges.\n - They have a max-width and are centered. They also have a width of 100% to work nicely inside flex items and grids.\n - It's best to keep containers surrounding content on their own div. Dont combine with grids and layouts in one div.\n */\n/*------- Containers --------*/\n.container {\n width: 100%;\n max-width: var(--container);\n margin: auto;\n padding: 0 var(--container-padding);\n}\n\n.container-left, .container-right {\n width: 100%;\n max-width: calc(var(--container) + ((100% - var(--container)) / 2));\n margin: 0 auto 0 0;\n padding: 0 var(--container-padding) 0 0;\n}\n\n.container-right {\n margin: 0 0 0 auto;\n padding: 0 0 0 var(--container-padding);\n}\n\n.container-fluid {\n width: 100%;\n margin: auto;\n padding: 0 var(--container-padding);\n}\n\n@media (min-width: 1200px) {\n .large-gap {\n grid-gap: 60px;\n }\n}\n/*------- Special Container Content For articles --------*/\n/*\n- Container-Content is meant to hold an article's content after the header.\n- It's for actual words and makes sure the line is not too long\n- It cleverly allows for items inside to go full width and \"break out\" with alignwide and alignfull\n- The container itself has no max-width, instead its items within.\n- Any items inside with full-width or .alignfull will NOT have a max-width and will fill page\n- Dont surround container-content with a container or full items wont be full width!\n*/\n.container-content {\n padding: 0 var(--container-padding);\n width: 100%;\n}\n.container-content > *:not(.alignwide):not(.alignfull):not(.full-width) {\n max-width: var(--container-content) !important;\n margin-right: auto;\n margin-left: auto;\n}\n.container-content > .full-width, .container-content > .alignfull {\n width: auto;\n margin-left: calc(-1 * var(--container-padding));\n margin-right: calc(-1 * var(--container-padding));\n}\n.container-content > .alignwide {\n width: 100%;\n max-width: calc(var(--container) - (var(--container-padding) * 2));\n}\n\n/*------- Special exceptions for container contents padding --------*/\n.container .container-content, .container-fluid .container-content, .container-left .container-content, .container-right .container-content {\n padding-left: 0;\n padding-right: 0;\n}\n.container .container-content > .alignwide, .container-fluid .container-content > .alignwide, .container-left .container-content > .alignwide, .container-right .container-content > .alignwide {\n width: 100%;\n max-width: calc(100% - (var(--container-padding) * 2));\n}\n\n.container-right .container-content > .full-width, .container-right .container-content > .alignfull {\n margin-right: 0;\n}\n\n.container-left .container-content > .full-width, .container-left .container-content > .alignfull {\n margin-left: 0;\n}\n\n/*--------------------------------------------------------------\n# WP Align Wide Matches the size of a .container\n--------------------------------------------------------------*/\n.alignwide {\n width: calc(100% - (var(--container-padding) * 2));\n max-width: calc(var(--container) - (var(--container-padding) * 2));\n margin-left: auto;\n margin-right: auto;\n}\n\n/*--------------------------------------------------------------\n# CARD GRIDS\n--------------------------------------------------------------*/\n/*------- Grid Layouts --------*/\n/*\n- Simple Responsive grid of equal sized items\n- Create your own responsive grid!\n- Add @include grid($min-size-of-items);\n- The default min size is 350\n- Items grow if there is room to grow, or fall to next row fi there isnt.\n */\n.card-grid {\n display: grid;\n --card-min: 250px;\n --card-max: 1fr;\n --card-type: auto-fit;\n grid-template-columns: repeat(var(--card-type), minmax(min(var(--card-min), 100%), var(--card-max)));\n grid-gap: var(--grid-gap);\n justify-content: center;\n}\n@media all and (-ms-high-contrast: none) {\n .card-grid {\n display: flex;\n flex-wrap: wrap;\n }\n .card-grid > * {\n flex-grow: 1;\n flex-shrink: 1;\n flex-basis: 0;\n min-width: calc(320px);\n margin: 15px;\n margin-top: 0;\n margin-bottom: 30px;\n }\n .card-grid.no-gutters {\n margin-left: 0;\n margin-right: 0;\n }\n .card-grid.no-gutters > * {\n margin: 0;\n }\n .conainer .card-grid, .container-fluid .card-grid, .container-content .card-grid {\n margin-left: calc(-1 * var(--gap));\n margin-right: calc(-1 * var(--gap));\n }\n .conainer .card-grid.no-gutters, .container-fluid .card-grid.no-gutters, .container-content .card-grid.no-gutters {\n margin-left: 0;\n margin-right: 0;\n }\n}\n\n.card-grid-fill {\n display: grid;\n --card-min: 250px;\n --card-max: 1fr;\n --card-type: auto-fill;\n grid-template-columns: repeat(var(--card-type), minmax(min(var(--card-min), 100%), var(--card-max)));\n grid-gap: var(--grid-gap);\n justify-content: center;\n}\n@media all and (-ms-high-contrast: none) {\n .card-grid-fill {\n display: flex;\n flex-wrap: wrap;\n }\n .card-grid-fill > * {\n flex-grow: 1;\n flex-shrink: 1;\n flex-basis: 0;\n min-width: calc(320px);\n margin: 15px;\n margin-top: 0;\n margin-bottom: 30px;\n }\n .card-grid-fill.no-gutters {\n margin-left: 0;\n margin-right: 0;\n }\n .card-grid-fill.no-gutters > * {\n margin: 0;\n }\n .conainer .card-grid-fill, .container-fluid .card-grid-fill, .container-content .card-grid-fill {\n margin-left: calc(-1 * var(--gap));\n margin-right: calc(-1 * var(--gap));\n }\n .conainer .card-grid-fill.no-gutters, .container-fluid .card-grid-fill.no-gutters, .container-content .card-grid-fill.no-gutters {\n margin-left: 0;\n margin-right: 0;\n }\n}\n\n.flex-card-grid {\n display: flex;\n flex-wrap: wrap;\n justify-content: space-between;\n margin-left: -15px;\n margin-right: -15px;\n}\n.flex-card-grid > * {\n flex-grow: 1;\n flex-shrink: 1;\n flex-basis: calc(320px);\n margin: 0 15px 30px 15px;\n}\n.flex-card-grid.no-gutters {\n margin-left: 0;\n margin-right: 0;\n}\n.flex-card-grid.no-gutters > * {\n margin: 0;\n}\n@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {\n .flex-card-grid > * {\n flex-basis: auto;\n min-width: calc(320px);\n }\n}\n\n/*--------------------------------------------------------------\n# 12 Column CSS Grids\n--------------------------------------------------------------*/\n.no-gutters {\n grid-gap: 0;\n}\n\n.grid, #page .wp-block-gallery {\n display: grid;\n grid-template-columns: repeat(12, minmax(1px, 1fr));\n grid-gap: min(var(--grid-gap), calc(100%/12));\n}\ndiv .grid .span-1, div #page .wp-block-gallery .span-1, #page div .wp-block-gallery .span-1, .grid.span-all-1 > *, #page .span-all-1.wp-block-gallery > * {\n grid-column: span 1;\n}\ndiv .grid .span-2, div #page .wp-block-gallery .span-2, #page div .wp-block-gallery .span-2, .grid.span-all-2 > *, #page .span-all-2.wp-block-gallery > * {\n grid-column: span 2;\n}\ndiv .grid .span-3, div #page .wp-block-gallery .span-3, #page div .wp-block-gallery .span-3, .grid.span-all-3 > *, #page .span-all-3.wp-block-gallery > *, #page .wp-block-gallery.columns-4 > * {\n grid-column: span 3;\n}\ndiv .grid .span-4, div #page .wp-block-gallery .span-4, #page div .wp-block-gallery .span-4, .grid.span-all-4 > *, #page .span-all-4.wp-block-gallery > *, #page .wp-block-gallery.columns-3 > * {\n grid-column: span 4;\n}\ndiv .grid .span-5, div #page .wp-block-gallery .span-5, #page div .wp-block-gallery .span-5, .grid.span-all-5 > *, #page .span-all-5.wp-block-gallery > * {\n grid-column: span 5;\n}\ndiv .grid .span-6, div #page .wp-block-gallery .span-6, #page div .wp-block-gallery .span-6, .grid.span-all-6 > *, #page .span-all-6.wp-block-gallery > *, #page .wp-block-gallery.columns-2 > * {\n grid-column: span 6;\n}\ndiv .grid .span-7, div #page .wp-block-gallery .span-7, #page div .wp-block-gallery .span-7, .grid.span-all-7 > *, #page .span-all-7.wp-block-gallery > * {\n grid-column: span 7;\n}\ndiv .grid .span-8, div #page .wp-block-gallery .span-8, #page div .wp-block-gallery .span-8, .grid.span-all-8 > *, #page .span-all-8.wp-block-gallery > * {\n grid-column: span 8;\n}\ndiv .grid .span-9, div #page .wp-block-gallery .span-9, #page div .wp-block-gallery .span-9, .grid.span-all-9 > *, #page .span-all-9.wp-block-gallery > * {\n grid-column: span 9;\n}\ndiv .grid .span-10, div #page .wp-block-gallery .span-10, #page div .wp-block-gallery .span-10, .grid.span-all-10 > *, #page .span-all-10.wp-block-gallery > * {\n grid-column: span 10;\n}\ndiv .grid .span-11, div #page .wp-block-gallery .span-11, #page div .wp-block-gallery .span-11, .grid.span-all-11 > *, #page .span-all-11.wp-block-gallery > * {\n grid-column: span 11;\n}\ndiv .grid .span-12, div #page .wp-block-gallery .span-12, #page div .wp-block-gallery .span-12, .grid.span-all-12 > *, #page .span-all-12.wp-block-gallery > *, #page .wp-block-gallery.columns-1 > * {\n grid-column: span 12;\n}\n\n.span-full {\n grid-column: 1/-1;\n flex-basis: 100%;\n}\n\n/*------- Overriding spans at media sizes --------*/\n@media (max-width: 1200px) {\n div .grid > .container-span-1, div #page .wp-block-gallery > .container-span-1, #page div .wp-block-gallery > .container-span-1, .grid.container-span-all-1 > *, #page .container-span-all-1.wp-block-gallery > * {\n grid-column: span 1;\n }\n div .grid > .container-span-2, div #page .wp-block-gallery > .container-span-2, #page div .wp-block-gallery > .container-span-2, .grid.container-span-all-2 > *, #page .container-span-all-2.wp-block-gallery > * {\n grid-column: span 2;\n }\n div .grid > .container-span-3, div #page .wp-block-gallery > .container-span-3, #page div .wp-block-gallery > .container-span-3, .grid.container-span-all-3 > *, #page .container-span-all-3.wp-block-gallery > * {\n grid-column: span 3;\n }\n div .grid > .container-span-4, div #page .wp-block-gallery > .container-span-4, #page div .wp-block-gallery > .container-span-4, .grid.container-span-all-4 > *, #page .container-span-all-4.wp-block-gallery > * {\n grid-column: span 4;\n }\n div .grid > .container-span-5, div #page .wp-block-gallery > .container-span-5, #page div .wp-block-gallery > .container-span-5, .grid.container-span-all-5 > *, #page .container-span-all-5.wp-block-gallery > * {\n grid-column: span 5;\n }\n div .grid > .container-span-6, div #page .wp-block-gallery > .container-span-6, #page div .wp-block-gallery > .container-span-6, .grid.container-span-all-6 > *, #page .container-span-all-6.wp-block-gallery > * {\n grid-column: span 6;\n }\n div .grid > .container-span-7, div #page .wp-block-gallery > .container-span-7, #page div .wp-block-gallery > .container-span-7, .grid.container-span-all-7 > *, #page .container-span-all-7.wp-block-gallery > * {\n grid-column: span 7;\n }\n div .grid > .container-span-8, div #page .wp-block-gallery > .container-span-8, #page div .wp-block-gallery > .container-span-8, .grid.container-span-all-8 > *, #page .container-span-all-8.wp-block-gallery > * {\n grid-column: span 8;\n }\n div .grid > .container-span-9, div #page .wp-block-gallery > .container-span-9, #page div .wp-block-gallery > .container-span-9, .grid.container-span-all-9 > *, #page .container-span-all-9.wp-block-gallery > * {\n grid-column: span 9;\n }\n div .grid > .container-span-10, div #page .wp-block-gallery > .container-span-10, #page div .wp-block-gallery > .container-span-10, .grid.container-span-all-10 > *, #page .container-span-all-10.wp-block-gallery > * {\n grid-column: span 10;\n }\n div .grid > .container-span-11, div #page .wp-block-gallery > .container-span-11, #page div .wp-block-gallery > .container-span-11, .grid.container-span-all-11 > *, #page .container-span-all-11.wp-block-gallery > * {\n grid-column: span 11;\n }\n div .grid > .container-span-12, div #page .wp-block-gallery > .container-span-12, #page div .wp-block-gallery > .container-span-12, .grid.container-span-all-12 > *, #page .container-span-all-12.wp-block-gallery > * {\n grid-column: span 12;\n }\n}\n@media (max-width: 1030px) {\n div .grid > .large-span-1, div #page .wp-block-gallery > .large-span-1, #page div .wp-block-gallery > .large-span-1, .grid.large-span-all-1 > *, #page .large-span-all-1.wp-block-gallery > * {\n grid-column: span 1;\n }\n div .grid > .large-span-2, div #page .wp-block-gallery > .large-span-2, #page div .wp-block-gallery > .large-span-2, .grid.large-span-all-2 > *, #page .large-span-all-2.wp-block-gallery > * {\n grid-column: span 2;\n }\n div .grid > .large-span-3, div #page .wp-block-gallery > .large-span-3, #page div .wp-block-gallery > .large-span-3, .grid.large-span-all-3 > *, #page .large-span-all-3.wp-block-gallery > * {\n grid-column: span 3;\n }\n div .grid > .large-span-4, div #page .wp-block-gallery > .large-span-4, #page div .wp-block-gallery > .large-span-4, .grid.large-span-all-4 > *, #page .large-span-all-4.wp-block-gallery > * {\n grid-column: span 4;\n }\n div .grid > .large-span-5, div #page .wp-block-gallery > .large-span-5, #page div .wp-block-gallery > .large-span-5, .grid.large-span-all-5 > *, #page .large-span-all-5.wp-block-gallery > * {\n grid-column: span 5;\n }\n div .grid > .large-span-6, div #page .wp-block-gallery > .large-span-6, #page div .wp-block-gallery > .large-span-6, .grid.large-span-all-6 > *, #page .large-span-all-6.wp-block-gallery > * {\n grid-column: span 6;\n }\n div .grid > .large-span-7, div #page .wp-block-gallery > .large-span-7, #page div .wp-block-gallery > .large-span-7, .grid.large-span-all-7 > *, #page .large-span-all-7.wp-block-gallery > * {\n grid-column: span 7;\n }\n div .grid > .large-span-8, div #page .wp-block-gallery > .large-span-8, #page div .wp-block-gallery > .large-span-8, .grid.large-span-all-8 > *, #page .large-span-all-8.wp-block-gallery > * {\n grid-column: span 8;\n }\n div .grid > .large-span-9, div #page .wp-block-gallery > .large-span-9, #page div .wp-block-gallery > .large-span-9, .grid.large-span-all-9 > *, #page .large-span-all-9.wp-block-gallery > * {\n grid-column: span 9;\n }\n div .grid > .large-span-10, div #page .wp-block-gallery > .large-span-10, #page div .wp-block-gallery > .large-span-10, .grid.large-span-all-10 > *, #page .large-span-all-10.wp-block-gallery > * {\n grid-column: span 10;\n }\n div .grid > .large-span-11, div #page .wp-block-gallery > .large-span-11, #page div .wp-block-gallery > .large-span-11, .grid.large-span-all-11 > *, #page .large-span-all-11.wp-block-gallery > * {\n grid-column: span 11;\n }\n div .grid > .large-span-12, div #page .wp-block-gallery > .large-span-12, #page div .wp-block-gallery > .large-span-12, .grid.large-span-all-12 > *, #page .large-span-all-12.wp-block-gallery > * {\n grid-column: span 12;\n }\n}\n@media (max-width: 768px) {\n div .grid > .medium-span-1, div #page .wp-block-gallery > .medium-span-1, #page div .wp-block-gallery > .medium-span-1, .grid.medium-span-all-1 > *, #page .medium-span-all-1.wp-block-gallery > * {\n grid-column: span 1;\n }\n div .grid > .medium-span-2, div #page .wp-block-gallery > .medium-span-2, #page div .wp-block-gallery > .medium-span-2, .grid.medium-span-all-2 > *, #page .medium-span-all-2.wp-block-gallery > * {\n grid-column: span 2;\n }\n div .grid > .medium-span-3, div #page .wp-block-gallery > .medium-span-3, #page div .wp-block-gallery > .medium-span-3, .grid.medium-span-all-3 > *, #page .medium-span-all-3.wp-block-gallery > * {\n grid-column: span 3;\n }\n div .grid > .medium-span-4, div #page .wp-block-gallery > .medium-span-4, #page div .wp-block-gallery > .medium-span-4, .grid.medium-span-all-4 > *, #page .medium-span-all-4.wp-block-gallery > * {\n grid-column: span 4;\n }\n div .grid > .medium-span-5, div #page .wp-block-gallery > .medium-span-5, #page div .wp-block-gallery > .medium-span-5, .grid.medium-span-all-5 > *, #page .medium-span-all-5.wp-block-gallery > * {\n grid-column: span 5;\n }\n div .grid > .medium-span-6, div #page .wp-block-gallery > .medium-span-6, #page div .wp-block-gallery > .medium-span-6, .grid.medium-span-all-6 > *, #page .medium-span-all-6.wp-block-gallery > * {\n grid-column: span 6;\n }\n div .grid > .medium-span-7, div #page .wp-block-gallery > .medium-span-7, #page div .wp-block-gallery > .medium-span-7, .grid.medium-span-all-7 > *, #page .medium-span-all-7.wp-block-gallery > * {\n grid-column: span 7;\n }\n div .grid > .medium-span-8, div #page .wp-block-gallery > .medium-span-8, #page div .wp-block-gallery > .medium-span-8, .grid.medium-span-all-8 > *, #page .medium-span-all-8.wp-block-gallery > * {\n grid-column: span 8;\n }\n div .grid > .medium-span-9, div #page .wp-block-gallery > .medium-span-9, #page div .wp-block-gallery > .medium-span-9, .grid.medium-span-all-9 > *, #page .medium-span-all-9.wp-block-gallery > * {\n grid-column: span 9;\n }\n div .grid > .medium-span-10, div #page .wp-block-gallery > .medium-span-10, #page div .wp-block-gallery > .medium-span-10, .grid.medium-span-all-10 > *, #page .medium-span-all-10.wp-block-gallery > * {\n grid-column: span 10;\n }\n div .grid > .medium-span-11, div #page .wp-block-gallery > .medium-span-11, #page div .wp-block-gallery > .medium-span-11, .grid.medium-span-all-11 > *, #page .medium-span-all-11.wp-block-gallery > * {\n grid-column: span 11;\n }\n div .grid > .medium-span-12, div #page .wp-block-gallery > .medium-span-12, #page div .wp-block-gallery > .medium-span-12, .grid.medium-span-all-12 > *, #page .medium-span-all-12.wp-block-gallery > * {\n grid-column: span 12;\n }\n}\n@media (max-width: 576px) {\n div.site .grid > *, div.site #page .wp-block-gallery > *, #page div.site .wp-block-gallery > * {\n grid-column: 1/-1;\n }\n div .grid > .small-span-1, div #page .wp-block-gallery > .small-span-1, #page div .wp-block-gallery > .small-span-1, div .grid.small-span-all-1 > *, div #page .small-span-all-1.wp-block-gallery > *, #page div .small-span-all-1.wp-block-gallery > * {\n grid-column: span 1;\n }\n div .grid > .small-span-2, div #page .wp-block-gallery > .small-span-2, #page div .wp-block-gallery > .small-span-2, div .grid.small-span-all-2 > *, div #page .small-span-all-2.wp-block-gallery > *, #page div .small-span-all-2.wp-block-gallery > * {\n grid-column: span 2;\n }\n div .grid > .small-span-3, div #page .wp-block-gallery > .small-span-3, #page div .wp-block-gallery > .small-span-3, div .grid.small-span-all-3 > *, div #page .small-span-all-3.wp-block-gallery > *, #page div .small-span-all-3.wp-block-gallery > * {\n grid-column: span 3;\n }\n div .grid > .small-span-4, div #page .wp-block-gallery > .small-span-4, #page div .wp-block-gallery > .small-span-4, div .grid.small-span-all-4 > *, div #page .small-span-all-4.wp-block-gallery > *, #page div .small-span-all-4.wp-block-gallery > * {\n grid-column: span 4;\n }\n div .grid > .small-span-5, div #page .wp-block-gallery > .small-span-5, #page div .wp-block-gallery > .small-span-5, div .grid.small-span-all-5 > *, div #page .small-span-all-5.wp-block-gallery > *, #page div .small-span-all-5.wp-block-gallery > * {\n grid-column: span 5;\n }\n div .grid > .small-span-6, div #page .wp-block-gallery > .small-span-6, #page div .wp-block-gallery > .small-span-6, div .grid.small-span-all-6 > *, div #page .small-span-all-6.wp-block-gallery > *, #page div .small-span-all-6.wp-block-gallery > * {\n grid-column: span 6;\n }\n div .grid > .small-span-7, div #page .wp-block-gallery > .small-span-7, #page div .wp-block-gallery > .small-span-7, div .grid.small-span-all-7 > *, div #page .small-span-all-7.wp-block-gallery > *, #page div .small-span-all-7.wp-block-gallery > * {\n grid-column: span 7;\n }\n div .grid > .small-span-8, div #page .wp-block-gallery > .small-span-8, #page div .wp-block-gallery > .small-span-8, div .grid.small-span-all-8 > *, div #page .small-span-all-8.wp-block-gallery > *, #page div .small-span-all-8.wp-block-gallery > * {\n grid-column: span 8;\n }\n div .grid > .small-span-9, div #page .wp-block-gallery > .small-span-9, #page div .wp-block-gallery > .small-span-9, div .grid.small-span-all-9 > *, div #page .small-span-all-9.wp-block-gallery > *, #page div .small-span-all-9.wp-block-gallery > * {\n grid-column: span 9;\n }\n div .grid > .small-span-10, div #page .wp-block-gallery > .small-span-10, #page div .wp-block-gallery > .small-span-10, div .grid.small-span-all-10 > *, div #page .small-span-all-10.wp-block-gallery > *, #page div .small-span-all-10.wp-block-gallery > * {\n grid-column: span 10;\n }\n div .grid > .small-span-11, div #page .wp-block-gallery > .small-span-11, #page div .wp-block-gallery > .small-span-11, div .grid.small-span-all-11 > *, div #page .small-span-all-11.wp-block-gallery > *, #page div .small-span-all-11.wp-block-gallery > * {\n grid-column: span 11;\n }\n div .grid > .small-span-12, div #page .wp-block-gallery > .small-span-12, #page div .wp-block-gallery > .small-span-12, div .grid.small-span-all-12 > *, div #page .small-span-all-12.wp-block-gallery > *, #page div .small-span-all-12.wp-block-gallery > * {\n grid-column: span 12;\n }\n}\n\n/*--------------------------------------------------------------\n# Flexbox grids. 99% same as css grid\n--------------------------------------------------------------*/\n.container.flex:not(.no-gutters), .container.wp-block-file:not(.no-gutters), .container-fluid.flex:not(.no-gutters), .container-fluid.wp-block-file:not(.no-gutters), .container-content.flex:not(.no-gutters), .container-content.wp-block-file:not(.no-gutters) {\n padding: 0 calc(var(--container-padding) / 2);\n margin: auto;\n}\n.container.flex.no-gutters, .container.no-gutters.wp-block-file, .container-fluid.flex.no-gutters, .container-fluid.no-gutters.wp-block-file, .container-content.flex.no-gutters, .container-content.no-gutters.wp-block-file {\n margin: auto;\n}\n\n.container-left.flex:not(.no-gutters), .container-left.wp-block-file:not(.no-gutters) {\n padding-right: calc(var(--container-padding) / 2);\n margin: 0 auto 0 0;\n}\n.container-left.flex.no-gutters, .container-left.no-gutters.wp-block-file {\n margin: 0 auto 0 0;\n}\n\n.container-right.flex:not(.no-gutters), .container-right.wp-block-file:not(.no-gutters) {\n padding-left: calc(var(--container-padding) / 2);\n margin: 0 0 0 auto;\n}\n.container-right.flex.no-gutters, .container-right.no-gutters.wp-block-file {\n margin: 0 0 0 auto;\n}\n\n/*--------------------------------------------------------------\n# Flex grid\n--------------------------------------------------------------*/\n.flex, .wp-block-file, .flex-grid {\n display: flex;\n margin-left: calc(-1 * var(--flex-gap));\n margin-right: calc(-1 * var(--flex-gap));\n}\n.flex > *, .wp-block-file > *, .flex-grid > * {\n margin-right: var(--flex-gap);\n margin-left: var(--flex-gap);\n flex: 1;\n}\n.flex > .no-gutters, .wp-block-file > .no-gutters, .flex-grid > .no-gutters {\n margin-left: 0;\n margin-right: 0;\n}\ndiv .flex .span-1, div .wp-block-file .span-1, .flex.span-all-1 > *, .span-all-1.wp-block-file > *, div .flex-grid .span-1, .flex-grid.span-all-1 > * {\n flex-basis: calc(8.3333333333% - var(--grid-gap));\n}\ndiv .flex > .span-1, div .wp-block-file > .span-1, div .flex-grid > .span-1 {\n flex-grow: 0;\n flex-shrink: 0;\n}\ndiv .flex .span-2, div .wp-block-file .span-2, .flex.span-all-2 > *, .span-all-2.wp-block-file > *, div .flex-grid .span-2, .flex-grid.span-all-2 > * {\n flex-basis: calc(16.6666666667% - var(--grid-gap));\n}\ndiv .flex > .span-2, div .wp-block-file > .span-2, div .flex-grid > .span-2 {\n flex-grow: 0;\n flex-shrink: 0;\n}\ndiv .flex .span-3, div .wp-block-file .span-3, .flex.span-all-3 > *, .span-all-3.wp-block-file > *, #page .flex.wp-block-gallery.columns-4 > *, #page .wp-block-file.wp-block-gallery.columns-4 > *, div .flex-grid .span-3, .flex-grid.span-all-3 > *, #page .flex-grid.wp-block-gallery.columns-4 > * {\n flex-basis: calc(25% - var(--grid-gap));\n}\ndiv .flex > .span-3, div .wp-block-file > .span-3, div .flex-grid > .span-3 {\n flex-grow: 0;\n flex-shrink: 0;\n}\ndiv .flex .span-4, div .wp-block-file .span-4, .flex.span-all-4 > *, .span-all-4.wp-block-file > *, #page .flex.wp-block-gallery.columns-3 > *, #page .wp-block-file.wp-block-gallery.columns-3 > *, div .flex-grid .span-4, .flex-grid.span-all-4 > *, #page .flex-grid.wp-block-gallery.columns-3 > * {\n flex-basis: calc(33.3333333333% - var(--grid-gap));\n}\ndiv .flex > .span-4, div .wp-block-file > .span-4, div .flex-grid > .span-4 {\n flex-grow: 0;\n flex-shrink: 0;\n}\ndiv .flex .span-5, div .wp-block-file .span-5, .flex.span-all-5 > *, .span-all-5.wp-block-file > *, div .flex-grid .span-5, .flex-grid.span-all-5 > * {\n flex-basis: calc(41.6666666667% - var(--grid-gap));\n}\ndiv .flex > .span-5, div .wp-block-file > .span-5, div .flex-grid > .span-5 {\n flex-grow: 0;\n flex-shrink: 0;\n}\ndiv .flex .span-6, div .wp-block-file .span-6, .flex.span-all-6 > *, .span-all-6.wp-block-file > *, #page .flex.wp-block-gallery.columns-2 > *, #page .wp-block-file.wp-block-gallery.columns-2 > *, div .flex-grid .span-6, .flex-grid.span-all-6 > *, #page .flex-grid.wp-block-gallery.columns-2 > * {\n flex-basis: calc(50% - var(--grid-gap));\n}\ndiv .flex > .span-6, div .wp-block-file > .span-6, div .flex-grid > .span-6 {\n flex-grow: 0;\n flex-shrink: 0;\n}\ndiv .flex .span-7, div .wp-block-file .span-7, .flex.span-all-7 > *, .span-all-7.wp-block-file > *, div .flex-grid .span-7, .flex-grid.span-all-7 > * {\n flex-basis: calc(58.3333333333% - var(--grid-gap));\n}\ndiv .flex > .span-7, div .wp-block-file > .span-7, div .flex-grid > .span-7 {\n flex-grow: 0;\n flex-shrink: 0;\n}\ndiv .flex .span-8, div .wp-block-file .span-8, .flex.span-all-8 > *, .span-all-8.wp-block-file > *, div .flex-grid .span-8, .flex-grid.span-all-8 > * {\n flex-basis: calc(66.6666666667% - var(--grid-gap));\n}\ndiv .flex > .span-8, div .wp-block-file > .span-8, div .flex-grid > .span-8 {\n flex-grow: 0;\n flex-shrink: 0;\n}\ndiv .flex .span-9, div .wp-block-file .span-9, .flex.span-all-9 > *, .span-all-9.wp-block-file > *, div .flex-grid .span-9, .flex-grid.span-all-9 > * {\n flex-basis: calc(75% - var(--grid-gap));\n}\ndiv .flex > .span-9, div .wp-block-file > .span-9, div .flex-grid > .span-9 {\n flex-grow: 0;\n flex-shrink: 0;\n}\ndiv .flex .span-10, div .wp-block-file .span-10, .flex.span-all-10 > *, .span-all-10.wp-block-file > *, div .flex-grid .span-10, .flex-grid.span-all-10 > * {\n flex-basis: calc(83.3333333333% - var(--grid-gap));\n}\ndiv .flex > .span-10, div .wp-block-file > .span-10, div .flex-grid > .span-10 {\n flex-grow: 0;\n flex-shrink: 0;\n}\ndiv .flex .span-11, div .wp-block-file .span-11, .flex.span-all-11 > *, .span-all-11.wp-block-file > *, div .flex-grid .span-11, .flex-grid.span-all-11 > * {\n flex-basis: calc(91.6666666667% - var(--grid-gap));\n}\ndiv .flex > .span-11, div .wp-block-file > .span-11, div .flex-grid > .span-11 {\n flex-grow: 0;\n flex-shrink: 0;\n}\ndiv .flex .span-12, div .wp-block-file .span-12, .flex.span-all-12 > *, .span-all-12.wp-block-file > *, #page .flex.wp-block-gallery.columns-1 > *, #page .wp-block-file.wp-block-gallery.columns-1 > *, div .flex-grid .span-12, .flex-grid.span-all-12 > *, #page .flex-grid.wp-block-gallery.columns-1 > * {\n flex-basis: calc(100% - var(--grid-gap));\n}\ndiv .flex > .span-12, div .wp-block-file > .span-12, div .flex-grid > .span-12 {\n flex-grow: 0;\n flex-shrink: 0;\n}\n.flex.no-gutters, .no-gutters.wp-block-file, .flex-grid.no-gutters {\n margin-left: 0;\n margin-right: 0;\n}\n.flex.no-gutters > *, .no-gutters.wp-block-file > *, .flex-grid.no-gutters > * {\n margin: 0;\n --grid-gap: 0px;\n}\n\n.flex-grid {\n flex-wrap: wrap;\n}\n.flex-grid > * {\n margin-bottom: var(--grid-gap);\n}\n\n#page .no-wrap {\n flex-wrap: nowrap;\n}\n\n/*------- Span sizes for flexbox grids --------*/\n@media (max-width: 1200px) {\n div .flex-grid > .container-span-1, .flex-grid.container-span-all-1 > *, div .flex > .container-span-1, div .wp-block-file > .container-span-1, .flex.container-span-all-1 > *, .container-span-all-1.wp-block-file > * {\n flex-basis: calc(8.3333333333% - var(--grid-gap));\n }\n div .flex-grid > .container-span-1, div .flex > .container-span-1, div .wp-block-file > .container-span-1 {\n flex-grow: 0;\n flex-shrink: 0;\n }\n div .flex-grid > .container-span-2, .flex-grid.container-span-all-2 > *, div .flex > .container-span-2, div .wp-block-file > .container-span-2, .flex.container-span-all-2 > *, .container-span-all-2.wp-block-file > * {\n flex-basis: calc(16.6666666667% - var(--grid-gap));\n }\n div .flex-grid > .container-span-2, div .flex > .container-span-2, div .wp-block-file > .container-span-2 {\n flex-grow: 0;\n flex-shrink: 0;\n }\n div .flex-grid > .container-span-3, .flex-grid.container-span-all-3 > *, div .flex > .container-span-3, div .wp-block-file > .container-span-3, .flex.container-span-all-3 > *, .container-span-all-3.wp-block-file > * {\n flex-basis: calc(25% - var(--grid-gap));\n }\n div .flex-grid > .container-span-3, div .flex > .container-span-3, div .wp-block-file > .container-span-3 {\n flex-grow: 0;\n flex-shrink: 0;\n }\n div .flex-grid > .container-span-4, .flex-grid.container-span-all-4 > *, div .flex > .container-span-4, div .wp-block-file > .container-span-4, .flex.container-span-all-4 > *, .container-span-all-4.wp-block-file > * {\n flex-basis: calc(33.3333333333% - var(--grid-gap));\n }\n div .flex-grid > .container-span-4, div .flex > .container-span-4, div .wp-block-file > .container-span-4 {\n flex-grow: 0;\n flex-shrink: 0;\n }\n div .flex-grid > .container-span-5, .flex-grid.container-span-all-5 > *, div .flex > .container-span-5, div .wp-block-file > .container-span-5, .flex.container-span-all-5 > *, .container-span-all-5.wp-block-file > * {\n flex-basis: calc(41.6666666667% - var(--grid-gap));\n }\n div .flex-grid > .container-span-5, div .flex > .container-span-5, div .wp-block-file > .container-span-5 {\n flex-grow: 0;\n flex-shrink: 0;\n }\n div .flex-grid > .container-span-6, .flex-grid.container-span-all-6 > *, div .flex > .container-span-6, div .wp-block-file > .container-span-6, .flex.container-span-all-6 > *, .container-span-all-6.wp-block-file > * {\n flex-basis: calc(50% - var(--grid-gap));\n }\n div .flex-grid > .container-span-6, div .flex > .container-span-6, div .wp-block-file > .container-span-6 {\n flex-grow: 0;\n flex-shrink: 0;\n }\n div .flex-grid > .container-span-7, .flex-grid.container-span-all-7 > *, div .flex > .container-span-7, div .wp-block-file > .container-span-7, .flex.container-span-all-7 > *, .container-span-all-7.wp-block-file > * {\n flex-basis: calc(58.3333333333% - var(--grid-gap));\n }\n div .flex-grid > .container-span-7, div .flex > .container-span-7, div .wp-block-file > .container-span-7 {\n flex-grow: 0;\n flex-shrink: 0;\n }\n div .flex-grid > .container-span-8, .flex-grid.container-span-all-8 > *, div .flex > .container-span-8, div .wp-block-file > .container-span-8, .flex.container-span-all-8 > *, .container-span-all-8.wp-block-file > * {\n flex-basis: calc(66.6666666667% - var(--grid-gap));\n }\n div .flex-grid > .container-span-8, div .flex > .container-span-8, div .wp-block-file > .container-span-8 {\n flex-grow: 0;\n flex-shrink: 0;\n }\n div .flex-grid > .container-span-9, .flex-grid.container-span-all-9 > *, div .flex > .container-span-9, div .wp-block-file > .container-span-9, .flex.container-span-all-9 > *, .container-span-all-9.wp-block-file > * {\n flex-basis: calc(75% - var(--grid-gap));\n }\n div .flex-grid > .container-span-9, div .flex > .container-span-9, div .wp-block-file > .container-span-9 {\n flex-grow: 0;\n flex-shrink: 0;\n }\n div .flex-grid > .container-span-10, .flex-grid.container-span-all-10 > *, div .flex > .container-span-10, div .wp-block-file > .container-span-10, .flex.container-span-all-10 > *, .container-span-all-10.wp-block-file > * {\n flex-basis: calc(83.3333333333% - var(--grid-gap));\n }\n div .flex-grid > .container-span-10, div .flex > .container-span-10, div .wp-block-file > .container-span-10 {\n flex-grow: 0;\n flex-shrink: 0;\n }\n div .flex-grid > .container-span-11, .flex-grid.container-span-all-11 > *, div .flex > .container-span-11, div .wp-block-file > .container-span-11, .flex.container-span-all-11 > *, .container-span-all-11.wp-block-file > * {\n flex-basis: calc(91.6666666667% - var(--grid-gap));\n }\n div .flex-grid > .container-span-11, div .flex > .container-span-11, div .wp-block-file > .container-span-11 {\n flex-grow: 0;\n flex-shrink: 0;\n }\n div .flex-grid > .container-span-12, .flex-grid.container-span-all-12 > *, div .flex > .container-span-12, div .wp-block-file > .container-span-12, .flex.container-span-all-12 > *, .container-span-all-12.wp-block-file > * {\n flex-basis: calc(100% - var(--grid-gap));\n }\n div .flex-grid > .container-span-12, div .flex > .container-span-12, div .wp-block-file > .container-span-12 {\n flex-grow: 0;\n flex-shrink: 0;\n }\n}\n@media (max-width: 1030px) {\n div .flex-grid > .large-span-1, .flex-grid.large-span-all-1 > *, div .flex > .large-span-1, div .wp-block-file > .large-span-1, .flex.large-span-all-1 > *, .large-span-all-1.wp-block-file > * {\n flex-basis: calc(8.3333333333% - var(--grid-gap));\n }\n div .flex-grid > .large-span-1, div .flex > .large-span-1, div .wp-block-file > .large-span-1 {\n flex-grow: 0;\n flex-shrink: 0;\n }\n div .flex-grid > .large-span-2, .flex-grid.large-span-all-2 > *, div .flex > .large-span-2, div .wp-block-file > .large-span-2, .flex.large-span-all-2 > *, .large-span-all-2.wp-block-file > * {\n flex-basis: calc(16.6666666667% - var(--grid-gap));\n }\n div .flex-grid > .large-span-2, div .flex > .large-span-2, div .wp-block-file > .large-span-2 {\n flex-grow: 0;\n flex-shrink: 0;\n }\n div .flex-grid > .large-span-3, .flex-grid.large-span-all-3 > *, div .flex > .large-span-3, div .wp-block-file > .large-span-3, .flex.large-span-all-3 > *, .large-span-all-3.wp-block-file > * {\n flex-basis: calc(25% - var(--grid-gap));\n }\n div .flex-grid > .large-span-3, div .flex > .large-span-3, div .wp-block-file > .large-span-3 {\n flex-grow: 0;\n flex-shrink: 0;\n }\n div .flex-grid > .large-span-4, .flex-grid.large-span-all-4 > *, div .flex > .large-span-4, div .wp-block-file > .large-span-4, .flex.large-span-all-4 > *, .large-span-all-4.wp-block-file > * {\n flex-basis: calc(33.3333333333% - var(--grid-gap));\n }\n div .flex-grid > .large-span-4, div .flex > .large-span-4, div .wp-block-file > .large-span-4 {\n flex-grow: 0;\n flex-shrink: 0;\n }\n div .flex-grid > .large-span-5, .flex-grid.large-span-all-5 > *, div .flex > .large-span-5, div .wp-block-file > .large-span-5, .flex.large-span-all-5 > *, .large-span-all-5.wp-block-file > * {\n flex-basis: calc(41.6666666667% - var(--grid-gap));\n }\n div .flex-grid > .large-span-5, div .flex > .large-span-5, div .wp-block-file > .large-span-5 {\n flex-grow: 0;\n flex-shrink: 0;\n }\n div .flex-grid > .large-span-6, .flex-grid.large-span-all-6 > *, div .flex > .large-span-6, div .wp-block-file > .large-span-6, .flex.large-span-all-6 > *, .large-span-all-6.wp-block-file > * {\n flex-basis: calc(50% - var(--grid-gap));\n }\n div .flex-grid > .large-span-6, div .flex > .large-span-6, div .wp-block-file > .large-span-6 {\n flex-grow: 0;\n flex-shrink: 0;\n }\n div .flex-grid > .large-span-7, .flex-grid.large-span-all-7 > *, div .flex > .large-span-7, div .wp-block-file > .large-span-7, .flex.large-span-all-7 > *, .large-span-all-7.wp-block-file > * {\n flex-basis: calc(58.3333333333% - var(--grid-gap));\n }\n div .flex-grid > .large-span-7, div .flex > .large-span-7, div .wp-block-file > .large-span-7 {\n flex-grow: 0;\n flex-shrink: 0;\n }\n div .flex-grid > .large-span-8, .flex-grid.large-span-all-8 > *, div .flex > .large-span-8, div .wp-block-file > .large-span-8, .flex.large-span-all-8 > *, .large-span-all-8.wp-block-file > * {\n flex-basis: calc(66.6666666667% - var(--grid-gap));\n }\n div .flex-grid > .large-span-8, div .flex > .large-span-8, div .wp-block-file > .large-span-8 {\n flex-grow: 0;\n flex-shrink: 0;\n }\n div .flex-grid > .large-span-9, .flex-grid.large-span-all-9 > *, div .flex > .large-span-9, div .wp-block-file > .large-span-9, .flex.large-span-all-9 > *, .large-span-all-9.wp-block-file > * {\n flex-basis: calc(75% - var(--grid-gap));\n }\n div .flex-grid > .large-span-9, div .flex > .large-span-9, div .wp-block-file > .large-span-9 {\n flex-grow: 0;\n flex-shrink: 0;\n }\n div .flex-grid > .large-span-10, .flex-grid.large-span-all-10 > *, div .flex > .large-span-10, div .wp-block-file > .large-span-10, .flex.large-span-all-10 > *, .large-span-all-10.wp-block-file > * {\n flex-basis: calc(83.3333333333% - var(--grid-gap));\n }\n div .flex-grid > .large-span-10, div .flex > .large-span-10, div .wp-block-file > .large-span-10 {\n flex-grow: 0;\n flex-shrink: 0;\n }\n div .flex-grid > .large-span-11, .flex-grid.large-span-all-11 > *, div .flex > .large-span-11, div .wp-block-file > .large-span-11, .flex.large-span-all-11 > *, .large-span-all-11.wp-block-file > * {\n flex-basis: calc(91.6666666667% - var(--grid-gap));\n }\n div .flex-grid > .large-span-11, div .flex > .large-span-11, div .wp-block-file > .large-span-11 {\n flex-grow: 0;\n flex-shrink: 0;\n }\n div .flex-grid > .large-span-12, .flex-grid.large-span-all-12 > *, div .flex > .large-span-12, div .wp-block-file > .large-span-12, .flex.large-span-all-12 > *, .large-span-all-12.wp-block-file > * {\n flex-basis: calc(100% - var(--grid-gap));\n }\n div .flex-grid > .large-span-12, div .flex > .large-span-12, div .wp-block-file > .large-span-12 {\n flex-grow: 0;\n flex-shrink: 0;\n }\n}\n@media (max-width: 768px) {\n div .flex-grid > .medium-span-1, .flex-grid.medium-span-all-1 > *, div .flex > .medium-span-1, div .wp-block-file > .medium-span-1, .flex.medium-span-all-1 > *, .medium-span-all-1.wp-block-file > * {\n flex-basis: calc(8.3333333333% - var(--grid-gap));\n }\n div .flex-grid > .medium-span-1, div .flex > .medium-span-1, div .wp-block-file > .medium-span-1 {\n flex-grow: 0;\n flex-shrink: 0;\n }\n div .flex-grid > .medium-span-2, .flex-grid.medium-span-all-2 > *, div .flex > .medium-span-2, div .wp-block-file > .medium-span-2, .flex.medium-span-all-2 > *, .medium-span-all-2.wp-block-file > * {\n flex-basis: calc(16.6666666667% - var(--grid-gap));\n }\n div .flex-grid > .medium-span-2, div .flex > .medium-span-2, div .wp-block-file > .medium-span-2 {\n flex-grow: 0;\n flex-shrink: 0;\n }\n div .flex-grid > .medium-span-3, .flex-grid.medium-span-all-3 > *, div .flex > .medium-span-3, div .wp-block-file > .medium-span-3, .flex.medium-span-all-3 > *, .medium-span-all-3.wp-block-file > * {\n flex-basis: calc(25% - var(--grid-gap));\n }\n div .flex-grid > .medium-span-3, div .flex > .medium-span-3, div .wp-block-file > .medium-span-3 {\n flex-grow: 0;\n flex-shrink: 0;\n }\n div .flex-grid > .medium-span-4, .flex-grid.medium-span-all-4 > *, div .flex > .medium-span-4, div .wp-block-file > .medium-span-4, .flex.medium-span-all-4 > *, .medium-span-all-4.wp-block-file > * {\n flex-basis: calc(33.3333333333% - var(--grid-gap));\n }\n div .flex-grid > .medium-span-4, div .flex > .medium-span-4, div .wp-block-file > .medium-span-4 {\n flex-grow: 0;\n flex-shrink: 0;\n }\n div .flex-grid > .medium-span-5, .flex-grid.medium-span-all-5 > *, div .flex > .medium-span-5, div .wp-block-file > .medium-span-5, .flex.medium-span-all-5 > *, .medium-span-all-5.wp-block-file > * {\n flex-basis: calc(41.6666666667% - var(--grid-gap));\n }\n div .flex-grid > .medium-span-5, div .flex > .medium-span-5, div .wp-block-file > .medium-span-5 {\n flex-grow: 0;\n flex-shrink: 0;\n }\n div .flex-grid > .medium-span-6, .flex-grid.medium-span-all-6 > *, div .flex > .medium-span-6, div .wp-block-file > .medium-span-6, .flex.medium-span-all-6 > *, .medium-span-all-6.wp-block-file > * {\n flex-basis: calc(50% - var(--grid-gap));\n }\n div .flex-grid > .medium-span-6, div .flex > .medium-span-6, div .wp-block-file > .medium-span-6 {\n flex-grow: 0;\n flex-shrink: 0;\n }\n div .flex-grid > .medium-span-7, .flex-grid.medium-span-all-7 > *, div .flex > .medium-span-7, div .wp-block-file > .medium-span-7, .flex.medium-span-all-7 > *, .medium-span-all-7.wp-block-file > * {\n flex-basis: calc(58.3333333333% - var(--grid-gap));\n }\n div .flex-grid > .medium-span-7, div .flex > .medium-span-7, div .wp-block-file > .medium-span-7 {\n flex-grow: 0;\n flex-shrink: 0;\n }\n div .flex-grid > .medium-span-8, .flex-grid.medium-span-all-8 > *, div .flex > .medium-span-8, div .wp-block-file > .medium-span-8, .flex.medium-span-all-8 > *, .medium-span-all-8.wp-block-file > * {\n flex-basis: calc(66.6666666667% - var(--grid-gap));\n }\n div .flex-grid > .medium-span-8, div .flex > .medium-span-8, div .wp-block-file > .medium-span-8 {\n flex-grow: 0;\n flex-shrink: 0;\n }\n div .flex-grid > .medium-span-9, .flex-grid.medium-span-all-9 > *, div .flex > .medium-span-9, div .wp-block-file > .medium-span-9, .flex.medium-span-all-9 > *, .medium-span-all-9.wp-block-file > * {\n flex-basis: calc(75% - var(--grid-gap));\n }\n div .flex-grid > .medium-span-9, div .flex > .medium-span-9, div .wp-block-file > .medium-span-9 {\n flex-grow: 0;\n flex-shrink: 0;\n }\n div .flex-grid > .medium-span-10, .flex-grid.medium-span-all-10 > *, div .flex > .medium-span-10, div .wp-block-file > .medium-span-10, .flex.medium-span-all-10 > *, .medium-span-all-10.wp-block-file > * {\n flex-basis: calc(83.3333333333% - var(--grid-gap));\n }\n div .flex-grid > .medium-span-10, div .flex > .medium-span-10, div .wp-block-file > .medium-span-10 {\n flex-grow: 0;\n flex-shrink: 0;\n }\n div .flex-grid > .medium-span-11, .flex-grid.medium-span-all-11 > *, div .flex > .medium-span-11, div .wp-block-file > .medium-span-11, .flex.medium-span-all-11 > *, .medium-span-all-11.wp-block-file > * {\n flex-basis: calc(91.6666666667% - var(--grid-gap));\n }\n div .flex-grid > .medium-span-11, div .flex > .medium-span-11, div .wp-block-file > .medium-span-11 {\n flex-grow: 0;\n flex-shrink: 0;\n }\n div .flex-grid > .medium-span-12, .flex-grid.medium-span-all-12 > *, div .flex > .medium-span-12, div .wp-block-file > .medium-span-12, .flex.medium-span-all-12 > *, .medium-span-all-12.wp-block-file > * {\n flex-basis: calc(100% - var(--grid-gap));\n }\n div .flex-grid > .medium-span-12, div .flex > .medium-span-12, div .wp-block-file > .medium-span-12 {\n flex-grow: 0;\n flex-shrink: 0;\n }\n}\n@media (max-width: 576px) {\n .flex-grid, .flex, .wp-block-file {\n flex-wrap: wrap;\n }\n div.site .flex-grid > *, div.site .flex > *, div.site .wp-block-file > * {\n flex-basis: calc(100% - var(--grid-gap));\n }\n div .flex-grid > .small-span-1, div .flex-grid.small-span-all-1 > *, div .flex > .small-span-1, div .wp-block-file > .small-span-1, div .flex.small-span-all-1 > *, div .small-span-all-1.wp-block-file > * {\n flex-basis: calc(8.3333333333% - var(--grid-gap));\n }\n div .flex-grid > .small-span-1, div .flex > .small-span-1, div .wp-block-file > .small-span-1 {\n flex-grow: 0;\n flex-shrink: 0;\n }\n div .flex-grid > .small-span-2, div .flex-grid.small-span-all-2 > *, div .flex > .small-span-2, div .wp-block-file > .small-span-2, div .flex.small-span-all-2 > *, div .small-span-all-2.wp-block-file > * {\n flex-basis: calc(16.6666666667% - var(--grid-gap));\n }\n div .flex-grid > .small-span-2, div .flex > .small-span-2, div .wp-block-file > .small-span-2 {\n flex-grow: 0;\n flex-shrink: 0;\n }\n div .flex-grid > .small-span-3, div .flex-grid.small-span-all-3 > *, div .flex > .small-span-3, div .wp-block-file > .small-span-3, div .flex.small-span-all-3 > *, div .small-span-all-3.wp-block-file > * {\n flex-basis: calc(25% - var(--grid-gap));\n }\n div .flex-grid > .small-span-3, div .flex > .small-span-3, div .wp-block-file > .small-span-3 {\n flex-grow: 0;\n flex-shrink: 0;\n }\n div .flex-grid > .small-span-4, div .flex-grid.small-span-all-4 > *, div .flex > .small-span-4, div .wp-block-file > .small-span-4, div .flex.small-span-all-4 > *, div .small-span-all-4.wp-block-file > * {\n flex-basis: calc(33.3333333333% - var(--grid-gap));\n }\n div .flex-grid > .small-span-4, div .flex > .small-span-4, div .wp-block-file > .small-span-4 {\n flex-grow: 0;\n flex-shrink: 0;\n }\n div .flex-grid > .small-span-5, div .flex-grid.small-span-all-5 > *, div .flex > .small-span-5, div .wp-block-file > .small-span-5, div .flex.small-span-all-5 > *, div .small-span-all-5.wp-block-file > * {\n flex-basis: calc(41.6666666667% - var(--grid-gap));\n }\n div .flex-grid > .small-span-5, div .flex > .small-span-5, div .wp-block-file > .small-span-5 {\n flex-grow: 0;\n flex-shrink: 0;\n }\n div .flex-grid > .small-span-6, div .flex-grid.small-span-all-6 > *, div .flex > .small-span-6, div .wp-block-file > .small-span-6, div .flex.small-span-all-6 > *, div .small-span-all-6.wp-block-file > * {\n flex-basis: calc(50% - var(--grid-gap));\n }\n div .flex-grid > .small-span-6, div .flex > .small-span-6, div .wp-block-file > .small-span-6 {\n flex-grow: 0;\n flex-shrink: 0;\n }\n div .flex-grid > .small-span-7, div .flex-grid.small-span-all-7 > *, div .flex > .small-span-7, div .wp-block-file > .small-span-7, div .flex.small-span-all-7 > *, div .small-span-all-7.wp-block-file > * {\n flex-basis: calc(58.3333333333% - var(--grid-gap));\n }\n div .flex-grid > .small-span-7, div .flex > .small-span-7, div .wp-block-file > .small-span-7 {\n flex-grow: 0;\n flex-shrink: 0;\n }\n div .flex-grid > .small-span-8, div .flex-grid.small-span-all-8 > *, div .flex > .small-span-8, div .wp-block-file > .small-span-8, div .flex.small-span-all-8 > *, div .small-span-all-8.wp-block-file > * {\n flex-basis: calc(66.6666666667% - var(--grid-gap));\n }\n div .flex-grid > .small-span-8, div .flex > .small-span-8, div .wp-block-file > .small-span-8 {\n flex-grow: 0;\n flex-shrink: 0;\n }\n div .flex-grid > .small-span-9, div .flex-grid.small-span-all-9 > *, div .flex > .small-span-9, div .wp-block-file > .small-span-9, div .flex.small-span-all-9 > *, div .small-span-all-9.wp-block-file > * {\n flex-basis: calc(75% - var(--grid-gap));\n }\n div .flex-grid > .small-span-9, div .flex > .small-span-9, div .wp-block-file > .small-span-9 {\n flex-grow: 0;\n flex-shrink: 0;\n }\n div .flex-grid > .small-span-10, div .flex-grid.small-span-all-10 > *, div .flex > .small-span-10, div .wp-block-file > .small-span-10, div .flex.small-span-all-10 > *, div .small-span-all-10.wp-block-file > * {\n flex-basis: calc(83.3333333333% - var(--grid-gap));\n }\n div .flex-grid > .small-span-10, div .flex > .small-span-10, div .wp-block-file > .small-span-10 {\n flex-grow: 0;\n flex-shrink: 0;\n }\n div .flex-grid > .small-span-11, div .flex-grid.small-span-all-11 > *, div .flex > .small-span-11, div .wp-block-file > .small-span-11, div .flex.small-span-all-11 > *, div .small-span-all-11.wp-block-file > * {\n flex-basis: calc(91.6666666667% - var(--grid-gap));\n }\n div .flex-grid > .small-span-11, div .flex > .small-span-11, div .wp-block-file > .small-span-11 {\n flex-grow: 0;\n flex-shrink: 0;\n }\n div .flex-grid > .small-span-12, div .flex-grid.small-span-all-12 > *, div .flex > .small-span-12, div .wp-block-file > .small-span-12, div .flex.small-span-all-12 > *, div .small-span-all-12.wp-block-file > * {\n flex-basis: calc(100% - var(--grid-gap));\n }\n div .flex-grid > .small-span-12, div .flex > .small-span-12, div .wp-block-file > .small-span-12 {\n flex-grow: 0;\n flex-shrink: 0;\n }\n}\n\n.site .flex.stay-flexed > *, .site .stay-flexed.wp-block-file > * {\n flex-basis: auto;\n}\n\n/*------- hide at break points --------*/\n@media (max-width: 1200px) {\n .hide-on-container {\n display: none;\n }\n}\n@media (max-width: 1030px) {\n .hide-on-large {\n display: none;\n }\n}\n@media (max-width: 768px) {\n .hide-on-medium {\n display: none;\n }\n}\n@media (max-width: 576px) {\n .hide-on-small {\n display: none;\n }\n}\n/*--------------------------------------------------------------\n# Grid Helpers\n--------------------------------------------------------------*/\n.align-center {\n align-items: center;\n}\n\n.justify-center {\n justify-content: center;\n}\n\n.flex-wrap {\n flex-wrap: wrap;\n}\n\n.flex-column {\n flex-direction: column;\n}\n\n.flex-grow {\n flex-grow: 1;\n}\n\n.space-between {\n justify-content: space-between;\n}\n\n/*--------------------------------------------------------------\n# Layouts\n--------------------------------------------------------------*/\n/*------- Layout that centers vertically and horizontally --------*/\n.layout-center-content {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n/*------- Grid of cards. requires grid class --------*/\n.layout-cards-7 > * {\n grid-column: span 4;\n}\n.layout-cards-7 > * .hide-on-small-card {\n display: none;\n}\n.layout-cards-7 > *:nth-child(7n-3), .layout-cards-7 > *:nth-child(7n-6) {\n grid-column: span 8;\n}\n.layout-cards-7 > *:nth-child(7n-3) .hide-on-small-card, .layout-cards-7 > *:nth-child(7n-6) .hide-on-small-card {\n display: block;\n}\n\n@media all and (-ms-high-contrast: none) {\n .layout-cards-7 > * {\n width: calc(33.333% - var(--gap));\n }\n .layout-cards-7 > * .hide-on-small-card {\n display: none;\n }\n .layout-cards-7 > *:nth-child(7n-3), .layout-cards-7 > *:nth-child(7n-6) {\n width: calc(66.66666% - var(--gap));\n }\n .layout-cards-7 > *:nth-child(7n-3) .hide-on-small-card, .layout-cards-7 > *:nth-child(7n-6) .hide-on-small-card {\n display: block;\n }\n}\n/*--------------------------------------------------------------\n# Gutenburg file\n--------------------------------------------------------------*/\n.wp-block-file {\n align-content: center;\n}\n.wp-block-file a {\n flex: 0 0 auto;\n}\n\n/*--------------------------------------------------------------\n# Gallery\n--------------------------------------------------------------*/\n#page .wp-block-gallery {\n padding: 0;\n}\n#page .wp-block-gallery li {\n padding: 0;\n}\n#page .wp-block-gallery .blocks-gallery-item {\n width: 100%;\n margin: 0;\n height: 300px;\n}\n\n.wp-block-quote.is-large:before {\n font-size: 4rem;\n}\n.wp-block-quote.is-large p {\n font-size: 4rem;\n}\n\nq {\n quotes: \"“\" \"”\" \"‘\" \"’\";\n}\n\n/*--------------------------------------------------------------\n# Gutenberg Changes to Layout\n--------------------------------------------------------------*/\ndiv .editor-styles-wrapper {\n padding: 15px 0;\n}\n\n.components-popover.block-editor-block-list__block-popover .components-popover__content .block-editor-block-contextual-toolbar {\n margin-bottom: 0;\n}\n\n.block-editor-block-list__block:not(.rich-text) {\n margin-top: 0;\n margin-bottom: 0;\n}\n\n.block-editor-block-list__block.rich-text {\n margin-top: 30px;\n}\n\ndiv .block-editor-block-list__layout {\n padding: 0 var(--container-padding);\n position: relative;\n z-index: 10;\n}\ndiv .block-editor-block-list__layout > *:not([data-align=full]):not([data-align=wide]):not(.is-reusable) {\n max-width: var(--container-content) !important;\n margin-right: auto;\n margin-left: auto;\n}\n\n.block-editor-block-list__layout .block-editor-block-list__block[data-align=full] {\n margin-left: calc(-1 * var(--container-padding));\n margin-right: calc(-1 * var(--container-padding));\n}\n\n.wp-block[data-align=wide] {\n max-width: calc(var(--container) - (var(--container-padding) * 2));\n}\n\ndiv .editor-styles-wrapper p {\n margin-top: 0;\n margin-bottom: 1em;\n}\n\n/*--------------------------------------------------------------\n# ACF Changes\n--------------------------------------------------------------*/\ndiv .acf-block-component textarea {\n font-size: 16px;\n}\n\n/*------- WP Sidebar changes --------*/\n#wpwrap .edit-post-sidebar {\n width: 100%;\n}\n\n@media (min-width: 1560px) {\n .interface-interface-skeleton__sidebar {\n width: 32%;\n }\n}\n@media (max-width: 1560px) {\n .edit-post-layout.is-sidebar-opened .interface-interface-skeleton__sidebar {\n transition: width 0.5s;\n width: 32%;\n }\n .edit-post-layout.is-sidebar-opened .interface-interface-skeleton__sidebar:hover {\n width: 50%;\n opacity: 1;\n }\n}\n.wp-core-ui .acf-block-preview .button, .block-editor-rich-text .button {\n line-height: 1.5;\n height: auto;\n font-size: inherit;\n}\n\n/*--------------------------------------------------------------\n# Fixing inputs on back end\n--------------------------------------------------------------*/\ninput[type=radio], input[type=checkbox] {\n width: 1.6rem;\n height: 1.6rem;\n}\n\ninput[type=checkbox]:checked::before {\n width: 2.1rem;\n height: 2.1rem;\n margin: -0.2885rem 0 0 -0.4rem;\n}\n\ninput[type=radio]:checked::before {\n width: 0.8rem;\n height: 0.8rem;\n margin: 0.3rem;\n}\n\n.components-base-control .components-base-control__label {\n display: block;\n}\n\n#editor .has-inner-blocks {\n display: block;\n}\n\nhtml {\n font-size: 62.5%;\n}\n\ndiv .editor-styles-wrapper {\n background: var(--body-bg);\n font-size: 1.6rem;\n line-height: var(--line-height);\n font-family: var(--font);\n color: var(--main-text-color);\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n font-smoothing: antialiased;\n /*--------------------------------------------------------------\n # SASS Variables and Mixins. Do not output any css in here. if you need these make sure to @use \"variables\"\n --------------------------------------------------------------*/\n /*------- Media Query Sizes. Add your own --------*/\n /*------- Panel Becomes Absolute Query --------*/\n /*------- Add your own breakpoints to the grid --------*/\n /*--------------------------------------------------------------\n Mixins\n --------------------------------------------------------------*/\n /*------- Retina --------*/\n /*------- Deep Shadow Mixin --------*/\n /*------- Lighten and shade colors --------*/\n /*------- Fluid Font Lock --------*/\n /*------- Sort Map by values --------*/\n /*------- Grid --------*/\n /*--------------------------------------------------------------\n # Typography\n --------------------------------------------------------------*/\n /*------- Quick text alignment classes --------*/\n /*--------------------------------------------------------------\n # Default Headings in articles. Front page and other special pages should override the more common setting\n --------------------------------------------------------------*/\n /*--------------------------------------------------------------\n # Basic Links\n --------------------------------------------------------------*/\n /*--------------------------------------------------------------\n # Selection Highlighting\n --------------------------------------------------------------*/\n /*--------------------------------------------------------------\n # quotes\n --------------------------------------------------------------*/\n /*--------------------------------------------------------------\n # Post Meta defaults\n --------------------------------------------------------------*/\n /*--------------------------------------------------------------\n # WP Edit Post Link\n --------------------------------------------------------------*/\n /*--------------------------------------------------------------\n # Code\n --------------------------------------------------------------*/\n}\ndiv .editor-styles-wrapper html {\n font-size: 62.5%;\n}\ndiv .editor-styles-wrapper body {\n font-size: 1.6rem;\n line-height: var(--line-height);\n font-family: var(--font);\n color: var(--main-text-color);\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n font-smoothing: antialiased;\n}\n@media (min-width: 1500px) {\n div .editor-styles-wrapper .grow-font {\n font-size: var(--article-font-size);\n }\n}\ndiv .editor-styles-wrapper h1,\ndiv .editor-styles-wrapper h2,\ndiv .editor-styles-wrapper h3,\ndiv .editor-styles-wrapper h4,\ndiv .editor-styles-wrapper h5,\ndiv .editor-styles-wrapper h6 {\n clear: both;\n font-family: var(--font-alt);\n}\ndiv .editor-styles-wrapper .font-alt {\n font-family: var(--font-alt);\n}\ndiv .editor-styles-wrapper p {\n margin: 0 0 1em 0;\n}\ndiv .editor-styles-wrapper .entry-content > p:last-child, div .editor-styles-wrapper section p:last-child {\n margin-bottom: 0;\n}\ndiv .editor-styles-wrapper .text-center {\n text-align: center;\n}\ndiv .editor-styles-wrapper .text-right {\n text-align: right;\n}\ndiv .editor-styles-wrapper .text-left {\n text-align: left;\n}\ndiv .editor-styles-wrapper .text-justify {\n text-align: justify;\n}\ndiv .editor-styles-wrapper h1, div .editor-styles-wrapper .h1 {\n font-size: 5rem;\n line-height: 1.3;\n font-weight: normal;\n text-transform: uppercase;\n margin-bottom: 40px;\n}\ndiv .editor-styles-wrapper h2, div .editor-styles-wrapper .h2 {\n font-size: 3.8rem;\n margin-top: 42px;\n line-height: 1.3;\n}\ndiv .editor-styles-wrapper h2:first-child, div .editor-styles-wrapper .h2:first-child {\n margin-top: 0;\n margin-bottom: 42px;\n}\ndiv .editor-styles-wrapper h3, div .editor-styles-wrapper .h3 {\n font-size: 2.6rem;\n margin-top: 40px;\n line-height: 1.4;\n}\ndiv .editor-styles-wrapper h4, div .editor-styles-wrapper .h4 {\n font-size: 1.9rem;\n margin-top: 30px;\n line-height: 1.5;\n}\ndiv .editor-styles-wrapper a {\n color: var(--highlight);\n text-decoration: none;\n cursor: pointer;\n}\ndiv .editor-styles-wrapper h1 a, div .editor-styles-wrapper h2 a {\n color: inherit;\n}\ndiv .editor-styles-wrapper ::selection {\n background: var(--highlight);\n color: white;\n}\ndiv .editor-styles-wrapper dfn,\ndiv .editor-styles-wrapper cite,\ndiv .editor-styles-wrapper em,\ndiv .editor-styles-wrapper blockquote {\n font-style: italic;\n}\ndiv .editor-styles-wrapper blockquote {\n quotes: \"“\" \"”\";\n overflow: hidden;\n position: relative;\n margin: 0 0 2em 0;\n font-family: var(--font);\n background: transparent;\n}\ndiv .editor-styles-wrapper blockquote p {\n padding-left: 40px;\n}\ndiv .editor-styles-wrapper blockquote p:last-of-type {\n margin: 0;\n}\ndiv .editor-styles-wrapper blockquote:before {\n content: open-quote;\n font-size: 4rem;\n position: absolute;\n left: 0;\n top: 0;\n line-height: 1;\n}\ndiv .editor-styles-wrapper cite, div .editor-styles-wrapper .wp-block-quote cite {\n font-family: var(--font);\n float: right;\n margin-top: 0;\n font-size: 14px;\n}\ndiv .editor-styles-wrapper cite:before, div .editor-styles-wrapper .wp-block-quote cite:before {\n content: \"—\";\n margin-right: 1em;\n}\ndiv .editor-styles-wrapper time, div .editor-styles-wrapper time a, div .editor-styles-wrapper .card-meta {\n font-size: 1.3rem;\n}\ndiv .editor-styles-wrapper .edit-link {\n font-size: 1.4rem;\n}\ndiv .editor-styles-wrapper pre {\n background: #f7f9fa;\n border: 1px solid #e6e8eb;\n font-family: var(--font-pre);\n font-size: 14px;\n line-height: var(--line-height-pre);\n margin-top: 20px;\n margin-bottom: 20px;\n overflow: auto;\n padding: 20px;\n white-space: pre-wrap;\n}\ndiv .editor-styles-wrapper code,\ndiv .editor-styles-wrapper kbd,\ndiv .editor-styles-wrapper tt,\ndiv .editor-styles-wrapper var {\n font-family: var(--font-pre);\n font-size: 15px;\n}\ndiv .editor-styles-wrapper .acf-block-preview {\n /*--------------------------------------------------------------\n # Basic Global Base Layout Stuff\n --------------------------------------------------------------*/\n /*--------------------------------------------------------------\n # Panel Setup\n --------------------------------------------------------------*/\n /*--------------------------------------------------------------\n # Sticky footer work.\n --------------------------------------------------------------*/\n /*\n - Sticky footer makes sure that the footer of the site is at the bottom no matter how small the content is.\n */\n /*\n \t- By making sure there main content flexes as long as possible the footer below it will be at least or more than the height of the browser\n */\n /*--------------------------------------------------------------\n # Accessibility\n --------------------------------------------------------------*/\n /*------- responsive images --------*/\n /*--------------------------------------------------------------\n # Utility Classes\n --------------------------------------------------------------*/\n /*--------------------------------------------------------------\n # SASS Variables and Mixins. Do not output any css in here. if you need these make sure to @use \"variables\"\n --------------------------------------------------------------*/\n /*------- Media Query Sizes. Add your own --------*/\n /*------- Panel Becomes Absolute Query --------*/\n /*------- Add your own breakpoints to the grid --------*/\n /*--------------------------------------------------------------\n Mixins\n --------------------------------------------------------------*/\n /*------- Retina --------*/\n /*------- Deep Shadow Mixin --------*/\n /*------- Lighten and shade colors --------*/\n /*------- Fluid Font Lock --------*/\n /*------- Sort Map by values --------*/\n /*------- Grid --------*/\n /*--------------------------------------------------------------\n # CSS Grids and Containers\n --------------------------------------------------------------*/\n /*\n - Containers can be used anywhere for holding main content.\n - They have padding on both sides so on mobile the content wont hit the edges.\n - They have a max-width and are centered. They also have a width of 100% to work nicely inside flex items and grids.\n - It's best to keep containers surrounding content on their own div. Dont combine with grids and layouts in one div.\n */\n /*------- Containers --------*/\n /*------- Special Container Content For articles --------*/\n /*\n - Container-Content is meant to hold an article's content after the header.\n - It's for actual words and makes sure the line is not too long\n - It cleverly allows for items inside to go full width and \"break out\" with alignwide and alignfull\n - The container itself has no max-width, instead its items within.\n - Any items inside with full-width or .alignfull will NOT have a max-width and will fill page\n - Dont surround container-content with a container or full items wont be full width!\n */\n /*------- Special exceptions for container contents padding --------*/\n /*--------------------------------------------------------------\n # WP Align Wide Matches the size of a .container\n --------------------------------------------------------------*/\n /*--------------------------------------------------------------\n # CARD GRIDS\n --------------------------------------------------------------*/\n /*------- Grid Layouts --------*/\n /*\n - Simple Responsive grid of equal sized items\n - Create your own responsive grid!\n - Add @include grid($min-size-of-items);\n - The default min size is 350\n - Items grow if there is room to grow, or fall to next row fi there isnt.\n */\n /*--------------------------------------------------------------\n # 12 Column CSS Grids\n --------------------------------------------------------------*/\n /*------- Overriding spans at media sizes --------*/\n /*--------------------------------------------------------------\n # Flexbox grids. 99% same as css grid\n --------------------------------------------------------------*/\n /*--------------------------------------------------------------\n # Flex grid\n --------------------------------------------------------------*/\n /*------- Span sizes for flexbox grids --------*/\n /*------- hide at break points --------*/\n /*--------------------------------------------------------------\n # Grid Helpers\n --------------------------------------------------------------*/\n /*--------------------------------------------------------------\n # Layouts\n --------------------------------------------------------------*/\n /*------- Layout that centers vertically and horizontally --------*/\n /*------- Grid of cards. requires grid class --------*/\n /*--------------------------------------------------------------\n # All Menus\n --------------------------------------------------------------*/\n /*--------------------------------------------------------------\n # Vertical Menus\n --------------------------------------------------------------*/\n /*--------------------------------------------------------------\n # Horizontal Menus\n --------------------------------------------------------------*/\n /*------- Apply the menus --------*/\n /*--------------------------------------------------------------\n # Site-top Layout\n --------------------------------------------------------------*/\n /*------- Site-top --------*/\n /*------- Navigation --------*/\n /*--------------------------------------------------------------\n # Site Logo Layout\n --------------------------------------------------------------*/\n /*--------------------------------------------------------------\n # Main menu in panel left\n --------------------------------------------------------------*/\n /*------- Cool App like menu for mobile --------*/\n /*--------------------------------------------------------------\n # Panel Left\n --------------------------------------------------------------*/\n /*------- Panel Left Button --------*/\n /*--------------------------------------------------------------\n # Menu icons\n --------------------------------------------------------------*/\n /*--------------------------------------------------------------\n # Panel right Layout. Touch only if you know what your doing!\n --------------------------------------------------------------*/\n /*------- sidebar icon --------*/\n /*--------------------------------------------------------------\n # Panel Breakpoint to become absolute. no longer a flexed item\n --------------------------------------------------------------*/\n /*--------------------------------------------------------------\n # Sidebar Layout\n --------------------------------------------------------------*/\n /*--------------------------------------------------------------\n # Inline Sidebar #secondary\n --------------------------------------------------------------*/\n /*------- Sidebar on left/right ordering --------*/\n /*--------------------------------------------------------------\n # Pulling out the header with .header-above\n --------------------------------------------------------------*/\n /*------- Sidebar in panel right layout --------*/\n /*--------------------------------------------------------------\n # Layout Fixes for ie11\n --------------------------------------------------------------*/\n /*--------------------------------------------------------------\n # Adding the core styles necessary to run aspace\n --------------------------------------------------------------*/\n /*--------------------------------------------------------------\n # SASS Variables and Mixins. Do not output any css in here. if you need these make sure to @use \"variables\"\n --------------------------------------------------------------*/\n /*------- Media Query Sizes. Add your own --------*/\n /*------- Panel Becomes Absolute Query --------*/\n /*------- Add your own breakpoints to the grid --------*/\n /*--------------------------------------------------------------\n Mixins\n --------------------------------------------------------------*/\n /*------- Retina --------*/\n /*------- Deep Shadow Mixin --------*/\n /*------- Lighten and shade colors --------*/\n /*------- Fluid Font Lock --------*/\n /*------- Sort Map by values --------*/\n /*------- Grid --------*/\n /*--------------------------------------------------------------\n # Body Background\n --------------------------------------------------------------*/\n /*--------------------------------------------------------------\n # Logo\n --------------------------------------------------------------*/\n /*--------------------------------------------------------------\n # Site Top - holds logo and main menu at top\n --------------------------------------------------------------*/\n /*--------------------------------------------------------------\n # Default Headers\n --------------------------------------------------------------*/\n /*--------------------------------------------------------------\n # Under header first thing should probably have padding-top. Usually its a section\n # expect it to be a paragraph or a heading or a section\n # Sometimes header is outside entry-content so we select the very first thing inside there\n --------------------------------------------------------------*/\n /*--------------------------------------------------------------\n # Default Footer\n --------------------------------------------------------------*/\n /*--------------------------------------------------------------\n # Error 404 Page\n --------------------------------------------------------------*/\n /*--------------------------------------------------------------\n # Special Images\n --------------------------------------------------------------*/\n /*\n - Use a background-image div for holding a foreground image behind an item or header\n - use cover-image for an image in the foreground of a header.\n */\n /*------- Add overlay to a div so image is shaded --------*/\n /*--------------------------------------------------------------\n # Article images\n --------------------------------------------------------------*/\n /*--------------------------------------------------------------\n # Image Alignments / WordPress Alignments\n --------------------------------------------------------------*/\n /*--------------------------------------------------------------\n # Videos\n --------------------------------------------------------------*/\n /*--------------------------------------------------------------\n # SASS Variables and Mixins. Do not output any css in here. if you need these make sure to @use \"variables\"\n --------------------------------------------------------------*/\n /*------- Media Query Sizes. Add your own --------*/\n /*------- Panel Becomes Absolute Query --------*/\n /*------- Add your own breakpoints to the grid --------*/\n /*--------------------------------------------------------------\n Mixins\n --------------------------------------------------------------*/\n /*------- Retina --------*/\n /*------- Deep Shadow Mixin --------*/\n /*------- Lighten and shade colors --------*/\n /*------- Fluid Font Lock --------*/\n /*------- Sort Map by values --------*/\n /*------- Grid --------*/\n /*--------------------------------------------------------------\n # Basic Menu Styling\n --------------------------------------------------------------*/\n /*--------------------------------------------------------------\n # Vertical Menu in Panel Left overrides\n --------------------------------------------------------------*/\n /*--------------------------------------------------------------\n # Horizontal Menu Styling overrides\n --------------------------------------------------------------*/\n /*--------------------------------------------------------------\n # Sub-Menu Dropdown Button styling\n --------------------------------------------------------------*/\n /*--------------------------------------------------------------\n # SASS Variables and Mixins. Do not output any css in here. if you need these make sure to @use \"variables\"\n --------------------------------------------------------------*/\n /*------- Media Query Sizes. Add your own --------*/\n /*------- Panel Becomes Absolute Query --------*/\n /*------- Add your own breakpoints to the grid --------*/\n /*--------------------------------------------------------------\n Mixins\n --------------------------------------------------------------*/\n /*------- Retina --------*/\n /*------- Deep Shadow Mixin --------*/\n /*------- Lighten and shade colors --------*/\n /*------- Fluid Font Lock --------*/\n /*------- Sort Map by values --------*/\n /*------- Grid --------*/\n /*--------------------------------------------------------------\n # Global Forms\n --------------------------------------------------------------*/\n /*--------------------------------------------------------------\n # Buttons\n --------------------------------------------------------------*/\n /*--------------------------------------------------------------\n # Input Placeholders\n --------------------------------------------------------------*/\n /*--------------------------------------------------------------\n # Search form\n --------------------------------------------------------------*/\n /*--------------------------------------------------------------\n # Input Icons\n --------------------------------------------------------------*/\n /*------- input appends and prepends for icons --------*/\n /*\n * when adding a button near an input you can make it a prepend or append\n * all prepends and appends go AFTER the input. Never before or :focus wont affect the prepend.\n */\n /*--------------------------------------------------------------\n # Animation Setup\n --------------------------------------------------------------*/\n /*------- For animations --------*/\n /*------- infinite animations --------*/\n /*--------------------------------------------------------------\n # Scroll Animation with data-scrollanimation\n --------------------------------------------------------------*/\n /*------- when using data-scrollanimation with scrubbing, turn off transitions --------*/\n /*------- Special class for fixing at top. Used with scrollanimation --------*/\n /*------- Animate in a sequence --------*/\n /*--------------------------------------------------------------\n # Animations\n --------------------------------------------------------------*/\n /*--------------------------------------------------------------\n # Icons\n --------------------------------------------------------------*/\n /*--------------------------------------------------------------\n # Icon Tweaks\n --------------------------------------------------------------*/\n /*--------------------------------------------------------------\n Lists\n --------------------------------------------------------------*/\n /*--------------------------------------------------------------\n Tables\n --------------------------------------------------------------*/\n /*--------------------------------------------------------------\n # SASS Variables and Mixins. Do not output any css in here. if you need these make sure to @use \"variables\"\n --------------------------------------------------------------*/\n /*------- Media Query Sizes. Add your own --------*/\n /*------- Panel Becomes Absolute Query --------*/\n /*------- Add your own breakpoints to the grid --------*/\n /*--------------------------------------------------------------\n Mixins\n --------------------------------------------------------------*/\n /*------- Retina --------*/\n /*------- Deep Shadow Mixin --------*/\n /*------- Lighten and shade colors --------*/\n /*------- Fluid Font Lock --------*/\n /*------- Sort Map by values --------*/\n /*------- Grid --------*/\n /*--------------------------------------------------------------\n # Sections and Blocks and Parts\n --------------------------------------------------------------*/\n /*\n Most block and section styling can go here or in the block folder with the template-parts folder for that block. The choice is up to you.\n */\n /*------- Section defaults --------*/\n /*------- Padding classes useful for sections --------*/\n /*------- Your block, parts, and section styling --------*/\n /*--------------------------------------------------------------\n # Settings for some basic html elements\n --------------------------------------------------------------*/\n}\ndiv .editor-styles-wrapper .acf-block-preview html {\n -webkit-box-sizing: border-box;\n -moz-box-sizing: border-box;\n box-sizing: border-box;\n}\ndiv .editor-styles-wrapper .acf-block-preview *,\ndiv .editor-styles-wrapper .acf-block-preview *:before,\ndiv .editor-styles-wrapper .acf-block-preview *:after {\n /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */\n -webkit-box-sizing: inherit;\n -moz-box-sizing: inherit;\n box-sizing: inherit;\n}\ndiv .editor-styles-wrapper .acf-block-preview html * {\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n}\ndiv .editor-styles-wrapper .acf-block-preview .touchscroll {\n overflow-y: scroll;\n /* has to be scroll, not auto */\n -webkit-overflow-scrolling: touch;\n}\ndiv .editor-styles-wrapper .acf-block-preview .hide-scroll::-webkit-scrollbar {\n width: 0 !important;\n}\ndiv .editor-styles-wrapper .acf-block-preview .hide-scroll, div .editor-styles-wrapper .acf-block-preview #panel-right .sidebar-holder, div .editor-styles-wrapper .acf-block-preview #panel-left, div .editor-styles-wrapper .acf-block-preview #panel-left .site-navigation__nav-holder {\n -ms-overflow-style: none;\n}\ndiv .editor-styles-wrapper .acf-block-preview *:focus {\n outline: none;\n}\ndiv .editor-styles-wrapper .acf-block-preview .site-container {\n display: flex;\n position: relative;\n overflow: hidden;\n background: inherit;\n}\ndiv .editor-styles-wrapper .acf-block-preview .site-container > div {\n z-index: 90;\n overflow: hidden;\n flex-grow: 1;\n flex-shrink: 1;\n flex-basis: 0%;\n transition: all 0.5s;\n}\ndiv .editor-styles-wrapper .acf-block-preview .site-container > div:empty {\n display: none;\n}\ndiv .editor-styles-wrapper .acf-block-preview #panel-right {\n order: 3;\n}\ndiv .editor-styles-wrapper .acf-block-preview #page {\n min-height: 100vh;\n display: flex;\n flex-direction: column;\n position: relative;\n overflow: hidden;\n flex-basis: 100%;\n z-index: 80;\n transition: none;\n}\ndiv .editor-styles-wrapper .acf-block-preview .site-content {\n flex: 1 0 auto;\n overflow: hidden;\n}\ndiv .editor-styles-wrapper .acf-block-preview .screen-reader-skip {\n height: 0;\n overflow: hidden;\n width: 0;\n clip: rect(1px, 1px, 1px, 1px);\n}\ndiv .editor-styles-wrapper .acf-block-preview .screen-reader-text {\n clip: rect(1px, 1px, 1px, 1px);\n color: white;\n background-color: black;\n height: 1px;\n overflow: hidden;\n position: absolute !important;\n width: 1px;\n word-wrap: normal !important;\n /* Many screen reader and browser combinations announce broken words as they would appear visually. */\n}\ndiv .editor-styles-wrapper .acf-block-preview .screen-reader-text:focus {\n background-color: #f1f1f1;\n -webkit-border-radius: 3px;\n border-radius: 3px;\n -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);\n box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);\n clip: auto !important;\n color: #21759b;\n display: block;\n font-size: 1.4rem;\n font-weight: 700;\n height: auto;\n left: 5px;\n line-height: normal;\n padding: 15px 23px 14px;\n text-decoration: none;\n top: 5px;\n width: auto;\n z-index: 100000;\n /* Above WP toolbar. */\n}\ndiv .editor-styles-wrapper .acf-block-preview img {\n max-width: 100%;\n height: auto;\n}\ndiv .editor-styles-wrapper .acf-block-preview .hidden, div .editor-styles-wrapper .acf-block-preview .hide {\n display: none;\n}\ndiv .editor-styles-wrapper .acf-block-preview .clear:before,\ndiv .editor-styles-wrapper .acf-block-preview .clear:after {\n content: \"\";\n display: table;\n table-layout: fixed;\n}\ndiv .editor-styles-wrapper .acf-block-preview .clear:after {\n clear: both;\n}\n@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {\n div .editor-styles-wrapper .acf-block-preview [data-toggle] svg {\n pointer-events: none;\n }\n}\ndiv .editor-styles-wrapper .acf-block-preview [data-toggle] {\n cursor: pointer;\n}\ndiv .editor-styles-wrapper .acf-block-preview [data-slide] {\n overflow: hidden;\n}\ndiv .editor-styles-wrapper .acf-block-preview .container {\n width: 100%;\n max-width: var(--container);\n margin: auto;\n padding: 0 var(--container-padding);\n}\ndiv .editor-styles-wrapper .acf-block-preview .container-left, div .editor-styles-wrapper .acf-block-preview .container-right {\n width: 100%;\n max-width: calc(var(--container) + ((100% - var(--container)) / 2));\n margin: 0 auto 0 0;\n padding: 0 var(--container-padding) 0 0;\n}\ndiv .editor-styles-wrapper .acf-block-preview .container-right {\n margin: 0 0 0 auto;\n padding: 0 0 0 var(--container-padding);\n}\ndiv .editor-styles-wrapper .acf-block-preview .container-fluid {\n width: 100%;\n margin: auto;\n padding: 0 var(--container-padding);\n}\n@media (min-width: 1200px) {\n div .editor-styles-wrapper .acf-block-preview .large-gap {\n grid-gap: 60px;\n }\n}\ndiv .editor-styles-wrapper .acf-block-preview .container-content {\n padding: 0 var(--container-padding);\n width: 100%;\n}\ndiv .editor-styles-wrapper .acf-block-preview .container-content > *:not(.alignwide):not(.alignfull):not(.full-width) {\n max-width: var(--container-content) !important;\n margin-right: auto;\n margin-left: auto;\n}\ndiv .editor-styles-wrapper .acf-block-preview .container-content > .full-width, div .editor-styles-wrapper .acf-block-preview .container-content > .alignfull {\n width: auto;\n margin-left: calc(-1 * var(--container-padding));\n margin-right: calc(-1 * var(--container-padding));\n}\ndiv .editor-styles-wrapper .acf-block-preview .container-content > .alignwide {\n width: 100%;\n max-width: calc(var(--container) - (var(--container-padding) * 2));\n}\ndiv .editor-styles-wrapper .acf-block-preview .container .container-content, div .editor-styles-wrapper .acf-block-preview .container-fluid .container-content, div .editor-styles-wrapper .acf-block-preview .container-left .container-content, div .editor-styles-wrapper .acf-block-preview .container-right .container-content {\n padding-left: 0;\n padding-right: 0;\n}\ndiv .editor-styles-wrapper .acf-block-preview .container .container-content > .alignwide, div .editor-styles-wrapper .acf-block-preview .container-fluid .container-content > .alignwide, div .editor-styles-wrapper .acf-block-preview .container-left .container-content > .alignwide, div .editor-styles-wrapper .acf-block-preview .container-right .container-content > .alignwide {\n width: 100%;\n max-width: calc(100% - (var(--container-padding) * 2));\n}\ndiv .editor-styles-wrapper .acf-block-preview .container-right .container-content > .full-width, div .editor-styles-wrapper .acf-block-preview .container-right .container-content > .alignfull {\n margin-right: 0;\n}\ndiv .editor-styles-wrapper .acf-block-preview .container-left .container-content > .full-width, div .editor-styles-wrapper .acf-block-preview .container-left .container-content > .alignfull {\n margin-left: 0;\n}\ndiv .editor-styles-wrapper .acf-block-preview .alignwide {\n width: calc(100% - (var(--container-padding) * 2));\n max-width: calc(var(--container) - (var(--container-padding) * 2));\n margin-left: auto;\n margin-right: auto;\n}\ndiv .editor-styles-wrapper .acf-block-preview .card-grid {\n display: grid;\n --card-min: 250px;\n --card-max: 1fr;\n --card-type: auto-fit;\n grid-template-columns: repeat(var(--card-type), minmax(min(var(--card-min), 100%), var(--card-max)));\n grid-gap: var(--grid-gap);\n justify-content: center;\n}\n@media all and (-ms-high-contrast: none) {\n div .editor-styles-wrapper .acf-block-preview .card-grid {\n display: flex;\n flex-wrap: wrap;\n }\n div .editor-styles-wrapper .acf-block-preview .card-grid > * {\n flex-grow: 1;\n flex-shrink: 1;\n flex-basis: 0;\n min-width: calc(320px);\n margin: 15px;\n margin-top: 0;\n margin-bottom: 30px;\n }\n div .editor-styles-wrapper .acf-block-preview .card-grid.no-gutters {\n margin-left: 0;\n margin-right: 0;\n }\n div .editor-styles-wrapper .acf-block-preview .card-grid.no-gutters > * {\n margin: 0;\n }\n div .editor-styles-wrapper .acf-block-preview .conainer .card-grid, div .editor-styles-wrapper .acf-block-preview .container-fluid .card-grid, div .editor-styles-wrapper .acf-block-preview .container-content .card-grid {\n margin-left: calc(-1 * var(--gap));\n margin-right: calc(-1 * var(--gap));\n }\n div .editor-styles-wrapper .acf-block-preview .conainer .card-grid.no-gutters, div .editor-styles-wrapper .acf-block-preview .container-fluid .card-grid.no-gutters, div .editor-styles-wrapper .acf-block-preview .container-content .card-grid.no-gutters {\n margin-left: 0;\n margin-right: 0;\n }\n}\ndiv .editor-styles-wrapper .acf-block-preview .card-grid-fill {\n display: grid;\n --card-min: 250px;\n --card-max: 1fr;\n --card-type: auto-fill;\n grid-template-columns: repeat(var(--card-type), minmax(min(var(--card-min), 100%), var(--card-max)));\n grid-gap: var(--grid-gap);\n justify-content: center;\n}\n@media all and (-ms-high-contrast: none) {\n div .editor-styles-wrapper .acf-block-preview .card-grid-fill {\n display: flex;\n flex-wrap: wrap;\n }\n div .editor-styles-wrapper .acf-block-preview .card-grid-fill > * {\n flex-grow: 1;\n flex-shrink: 1;\n flex-basis: 0;\n min-width: calc(320px);\n margin: 15px;\n margin-top: 0;\n margin-bottom: 30px;\n }\n div .editor-styles-wrapper .acf-block-preview .card-grid-fill.no-gutters {\n margin-left: 0;\n margin-right: 0;\n }\n div .editor-styles-wrapper .acf-block-preview .card-grid-fill.no-gutters > * {\n margin: 0;\n }\n div .editor-styles-wrapper .acf-block-preview .conainer .card-grid-fill, div .editor-styles-wrapper .acf-block-preview .container-fluid .card-grid-fill, div .editor-styles-wrapper .acf-block-preview .container-content .card-grid-fill {\n margin-left: calc(-1 * var(--gap));\n margin-right: calc(-1 * var(--gap));\n }\n div .editor-styles-wrapper .acf-block-preview .conainer .card-grid-fill.no-gutters, div .editor-styles-wrapper .acf-block-preview .container-fluid .card-grid-fill.no-gutters, div .editor-styles-wrapper .acf-block-preview .container-content .card-grid-fill.no-gutters {\n margin-left: 0;\n margin-right: 0;\n }\n}\ndiv .editor-styles-wrapper .acf-block-preview .flex-card-grid {\n display: flex;\n flex-wrap: wrap;\n justify-content: space-between;\n margin-left: -15px;\n margin-right: -15px;\n}\ndiv .editor-styles-wrapper .acf-block-preview .flex-card-grid > * {\n flex-grow: 1;\n flex-shrink: 1;\n flex-basis: calc(320px);\n margin: 0 15px 30px 15px;\n}\ndiv .editor-styles-wrapper .acf-block-preview .flex-card-grid.no-gutters {\n margin-left: 0;\n margin-right: 0;\n}\ndiv .editor-styles-wrapper .acf-block-preview .flex-card-grid.no-gutters > * {\n margin: 0;\n}\n@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {\n div .editor-styles-wrapper .acf-block-preview .flex-card-grid > * {\n flex-basis: auto;\n min-width: calc(320px);\n }\n}\ndiv .editor-styles-wrapper .acf-block-preview .no-gutters {\n grid-gap: 0;\n}\ndiv .editor-styles-wrapper .acf-block-preview .grid {\n display: grid;\n grid-template-columns: repeat(12, minmax(1px, 1fr));\n grid-gap: min(var(--grid-gap), calc(100%/12));\n}\ndiv .editor-styles-wrapper .acf-block-preview div .grid .span-1, div .editor-styles-wrapper .acf-block-preview .grid.span-all-1 > * {\n grid-column: span 1;\n}\ndiv .editor-styles-wrapper .acf-block-preview div .grid .span-2, div .editor-styles-wrapper .acf-block-preview .grid.span-all-2 > * {\n grid-column: span 2;\n}\ndiv .editor-styles-wrapper .acf-block-preview div .grid .span-3, div .editor-styles-wrapper .acf-block-preview .grid.span-all-3 > * {\n grid-column: span 3;\n}\ndiv .editor-styles-wrapper .acf-block-preview div .grid .span-4, div .editor-styles-wrapper .acf-block-preview .grid.span-all-4 > * {\n grid-column: span 4;\n}\ndiv .editor-styles-wrapper .acf-block-preview div .grid .span-5, div .editor-styles-wrapper .acf-block-preview .grid.span-all-5 > * {\n grid-column: span 5;\n}\ndiv .editor-styles-wrapper .acf-block-preview div .grid .span-6, div .editor-styles-wrapper .acf-block-preview .grid.span-all-6 > * {\n grid-column: span 6;\n}\ndiv .editor-styles-wrapper .acf-block-preview div .grid .span-7, div .editor-styles-wrapper .acf-block-preview .grid.span-all-7 > * {\n grid-column: span 7;\n}\ndiv .editor-styles-wrapper .acf-block-preview div .grid .span-8, div .editor-styles-wrapper .acf-block-preview .grid.span-all-8 > * {\n grid-column: span 8;\n}\ndiv .editor-styles-wrapper .acf-block-preview div .grid .span-9, div .editor-styles-wrapper .acf-block-preview .grid.span-all-9 > * {\n grid-column: span 9;\n}\ndiv .editor-styles-wrapper .acf-block-preview div .grid .span-10, div .editor-styles-wrapper .acf-block-preview .grid.span-all-10 > * {\n grid-column: span 10;\n}\ndiv .editor-styles-wrapper .acf-block-preview div .grid .span-11, div .editor-styles-wrapper .acf-block-preview .grid.span-all-11 > * {\n grid-column: span 11;\n}\ndiv .editor-styles-wrapper .acf-block-preview div .grid .span-12, div .editor-styles-wrapper .acf-block-preview .grid.span-all-12 > * {\n grid-column: span 12;\n}\ndiv .editor-styles-wrapper .acf-block-preview .span-full {\n grid-column: 1/-1;\n flex-basis: 100%;\n}\n@media (max-width: 1200px) {\n div .editor-styles-wrapper .acf-block-preview div .grid > .container-span-1, div .editor-styles-wrapper .acf-block-preview .grid.container-span-all-1 > * {\n grid-column: span 1;\n }\n div .editor-styles-wrapper .acf-block-preview div .grid > .container-span-2, div .editor-styles-wrapper .acf-block-preview .grid.container-span-all-2 > * {\n grid-column: span 2;\n }\n div .editor-styles-wrapper .acf-block-preview div .grid > .container-span-3, div .editor-styles-wrapper .acf-block-preview .grid.container-span-all-3 > * {\n grid-column: span 3;\n }\n div .editor-styles-wrapper .acf-block-preview div .grid > .container-span-4, div .editor-styles-wrapper .acf-block-preview .grid.container-span-all-4 > * {\n grid-column: span 4;\n }\n div .editor-styles-wrapper .acf-block-preview div .grid > .container-span-5, div .editor-styles-wrapper .acf-block-preview .grid.container-span-all-5 > * {\n grid-column: span 5;\n }\n div .editor-styles-wrapper .acf-block-preview div .grid > .container-span-6, div .editor-styles-wrapper .acf-block-preview .grid.container-span-all-6 > * {\n grid-column: span 6;\n }\n div .editor-styles-wrapper .acf-block-preview div .grid > .container-span-7, div .editor-styles-wrapper .acf-block-preview .grid.container-span-all-7 > * {\n grid-column: span 7;\n }\n div .editor-styles-wrapper .acf-block-preview div .grid > .container-span-8, div .editor-styles-wrapper .acf-block-preview .grid.container-span-all-8 > * {\n grid-column: span 8;\n }\n div .editor-styles-wrapper .acf-block-preview div .grid > .container-span-9, div .editor-styles-wrapper .acf-block-preview .grid.container-span-all-9 > * {\n grid-column: span 9;\n }\n div .editor-styles-wrapper .acf-block-preview div .grid > .container-span-10, div .editor-styles-wrapper .acf-block-preview .grid.container-span-all-10 > * {\n grid-column: span 10;\n }\n div .editor-styles-wrapper .acf-block-preview div .grid > .container-span-11, div .editor-styles-wrapper .acf-block-preview .grid.container-span-all-11 > * {\n grid-column: span 11;\n }\n div .editor-styles-wrapper .acf-block-preview div .grid > .container-span-12, div .editor-styles-wrapper .acf-block-preview .grid.container-span-all-12 > * {\n grid-column: span 12;\n }\n}\n@media (max-width: 1030px) {\n div .editor-styles-wrapper .acf-block-preview div .grid > .large-span-1, div .editor-styles-wrapper .acf-block-preview .grid.large-span-all-1 > * {\n grid-column: span 1;\n }\n div .editor-styles-wrapper .acf-block-preview div .grid > .large-span-2, div .editor-styles-wrapper .acf-block-preview .grid.large-span-all-2 > * {\n grid-column: span 2;\n }\n div .editor-styles-wrapper .acf-block-preview div .grid > .large-span-3, div .editor-styles-wrapper .acf-block-preview .grid.large-span-all-3 > * {\n grid-column: span 3;\n }\n div .editor-styles-wrapper .acf-block-preview div .grid > .large-span-4, div .editor-styles-wrapper .acf-block-preview .grid.large-span-all-4 > * {\n grid-column: span 4;\n }\n div .editor-styles-wrapper .acf-block-preview div .grid > .large-span-5, div .editor-styles-wrapper .acf-block-preview .grid.large-span-all-5 > * {\n grid-column: span 5;\n }\n div .editor-styles-wrapper .acf-block-preview div .grid > .large-span-6, div .editor-styles-wrapper .acf-block-preview .grid.large-span-all-6 > * {\n grid-column: span 6;\n }\n div .editor-styles-wrapper .acf-block-preview div .grid > .large-span-7, div .editor-styles-wrapper .acf-block-preview .grid.large-span-all-7 > * {\n grid-column: span 7;\n }\n div .editor-styles-wrapper .acf-block-preview div .grid > .large-span-8, div .editor-styles-wrapper .acf-block-preview .grid.large-span-all-8 > * {\n grid-column: span 8;\n }\n div .editor-styles-wrapper .acf-block-preview div .grid > .large-span-9, div .editor-styles-wrapper .acf-block-preview .grid.large-span-all-9 > * {\n grid-column: span 9;\n }\n div .editor-styles-wrapper .acf-block-preview div .grid > .large-span-10, div .editor-styles-wrapper .acf-block-preview .grid.large-span-all-10 > * {\n grid-column: span 10;\n }\n div .editor-styles-wrapper .acf-block-preview div .grid > .large-span-11, div .editor-styles-wrapper .acf-block-preview .grid.large-span-all-11 > * {\n grid-column: span 11;\n }\n div .editor-styles-wrapper .acf-block-preview div .grid > .large-span-12, div .editor-styles-wrapper .acf-block-preview .grid.large-span-all-12 > * {\n grid-column: span 12;\n }\n}\n@media (max-width: 768px) {\n div .editor-styles-wrapper .acf-block-preview div .grid > .medium-span-1, div .editor-styles-wrapper .acf-block-preview .grid.medium-span-all-1 > * {\n grid-column: span 1;\n }\n div .editor-styles-wrapper .acf-block-preview div .grid > .medium-span-2, div .editor-styles-wrapper .acf-block-preview .grid.medium-span-all-2 > * {\n grid-column: span 2;\n }\n div .editor-styles-wrapper .acf-block-preview div .grid > .medium-span-3, div .editor-styles-wrapper .acf-block-preview .grid.medium-span-all-3 > * {\n grid-column: span 3;\n }\n div .editor-styles-wrapper .acf-block-preview div .grid > .medium-span-4, div .editor-styles-wrapper .acf-block-preview .grid.medium-span-all-4 > * {\n grid-column: span 4;\n }\n div .editor-styles-wrapper .acf-block-preview div .grid > .medium-span-5, div .editor-styles-wrapper .acf-block-preview .grid.medium-span-all-5 > * {\n grid-column: span 5;\n }\n div .editor-styles-wrapper .acf-block-preview div .grid > .medium-span-6, div .editor-styles-wrapper .acf-block-preview .grid.medium-span-all-6 > * {\n grid-column: span 6;\n }\n div .editor-styles-wrapper .acf-block-preview div .grid > .medium-span-7, div .editor-styles-wrapper .acf-block-preview .grid.medium-span-all-7 > * {\n grid-column: span 7;\n }\n div .editor-styles-wrapper .acf-block-preview div .grid > .medium-span-8, div .editor-styles-wrapper .acf-block-preview .grid.medium-span-all-8 > * {\n grid-column: span 8;\n }\n div .editor-styles-wrapper .acf-block-preview div .grid > .medium-span-9, div .editor-styles-wrapper .acf-block-preview .grid.medium-span-all-9 > * {\n grid-column: span 9;\n }\n div .editor-styles-wrapper .acf-block-preview div .grid > .medium-span-10, div .editor-styles-wrapper .acf-block-preview .grid.medium-span-all-10 > * {\n grid-column: span 10;\n }\n div .editor-styles-wrapper .acf-block-preview div .grid > .medium-span-11, div .editor-styles-wrapper .acf-block-preview .grid.medium-span-all-11 > * {\n grid-column: span 11;\n }\n div .editor-styles-wrapper .acf-block-preview div .grid > .medium-span-12, div .editor-styles-wrapper .acf-block-preview .grid.medium-span-all-12 > * {\n grid-column: span 12;\n }\n}\n@media (max-width: 576px) {\n div .editor-styles-wrapper .acf-block-preview div.site .grid > * {\n grid-column: 1/-1;\n }\n div .editor-styles-wrapper .acf-block-preview div .grid > .small-span-1, div .editor-styles-wrapper .acf-block-preview div .grid.small-span-all-1 > * {\n grid-column: span 1;\n }\n div .editor-styles-wrapper .acf-block-preview div .grid > .small-span-2, div .editor-styles-wrapper .acf-block-preview div .grid.small-span-all-2 > * {\n grid-column: span 2;\n }\n div .editor-styles-wrapper .acf-block-preview div .grid > .small-span-3, div .editor-styles-wrapper .acf-block-preview div .grid.small-span-all-3 > * {\n grid-column: span 3;\n }\n div .editor-styles-wrapper .acf-block-preview div .grid > .small-span-4, div .editor-styles-wrapper .acf-block-preview div .grid.small-span-all-4 > * {\n grid-column: span 4;\n }\n div .editor-styles-wrapper .acf-block-preview div .grid > .small-span-5, div .editor-styles-wrapper .acf-block-preview div .grid.small-span-all-5 > * {\n grid-column: span 5;\n }\n div .editor-styles-wrapper .acf-block-preview div .grid > .small-span-6, div .editor-styles-wrapper .acf-block-preview div .grid.small-span-all-6 > * {\n grid-column: span 6;\n }\n div .editor-styles-wrapper .acf-block-preview div .grid > .small-span-7, div .editor-styles-wrapper .acf-block-preview div .grid.small-span-all-7 > * {\n grid-column: span 7;\n }\n div .editor-styles-wrapper .acf-block-preview div .grid > .small-span-8, div .editor-styles-wrapper .acf-block-preview div .grid.small-span-all-8 > * {\n grid-column: span 8;\n }\n div .editor-styles-wrapper .acf-block-preview div .grid > .small-span-9, div .editor-styles-wrapper .acf-block-preview div .grid.small-span-all-9 > * {\n grid-column: span 9;\n }\n div .editor-styles-wrapper .acf-block-preview div .grid > .small-span-10, div .editor-styles-wrapper .acf-block-preview div .grid.small-span-all-10 > * {\n grid-column: span 10;\n }\n div .editor-styles-wrapper .acf-block-preview div .grid > .small-span-11, div .editor-styles-wrapper .acf-block-preview div .grid.small-span-all-11 > * {\n grid-column: span 11;\n }\n div .editor-styles-wrapper .acf-block-preview div .grid > .small-span-12, div .editor-styles-wrapper .acf-block-preview div .grid.small-span-all-12 > * {\n grid-column: span 12;\n }\n}\ndiv .editor-styles-wrapper .acf-block-preview .container.flex:not(.no-gutters), div .editor-styles-wrapper .acf-block-preview .container-fluid.flex:not(.no-gutters), div .editor-styles-wrapper .acf-block-preview .container-content.flex:not(.no-gutters) {\n padding: 0 calc(var(--container-padding) / 2);\n margin: auto;\n}\ndiv .editor-styles-wrapper .acf-block-preview .container.flex.no-gutters, div .editor-styles-wrapper .acf-block-preview .container-fluid.flex.no-gutters, div .editor-styles-wrapper .acf-block-preview .container-content.flex.no-gutters {\n margin: auto;\n}\ndiv .editor-styles-wrapper .acf-block-preview .container-left.flex:not(.no-gutters) {\n padding-right: calc(var(--container-padding) / 2);\n margin: 0 auto 0 0;\n}\ndiv .editor-styles-wrapper .acf-block-preview .container-left.flex.no-gutters {\n margin: 0 auto 0 0;\n}\ndiv .editor-styles-wrapper .acf-block-preview .container-right.flex:not(.no-gutters) {\n padding-left: calc(var(--container-padding) / 2);\n margin: 0 0 0 auto;\n}\ndiv .editor-styles-wrapper .acf-block-preview .container-right.flex.no-gutters {\n margin: 0 0 0 auto;\n}\ndiv .editor-styles-wrapper .acf-block-preview .flex, div .editor-styles-wrapper .acf-block-preview .flex-grid {\n display: flex;\n margin-left: calc(-1 * var(--flex-gap));\n margin-right: calc(-1 * var(--flex-gap));\n}\ndiv .editor-styles-wrapper .acf-block-preview .flex > *, div .editor-styles-wrapper .acf-block-preview .flex-grid > * {\n margin-right: var(--flex-gap);\n margin-left: var(--flex-gap);\n flex: 1;\n}\ndiv .editor-styles-wrapper .acf-block-preview .flex > .no-gutters, div .editor-styles-wrapper .acf-block-preview .flex-grid > .no-gutters {\n margin-left: 0;\n margin-right: 0;\n}\ndiv .editor-styles-wrapper .acf-block-preview div .flex .span-1, div .editor-styles-wrapper .acf-block-preview .flex.span-all-1 > *, div .editor-styles-wrapper .acf-block-preview div .flex-grid .span-1, div .editor-styles-wrapper .acf-block-preview .flex-grid.span-all-1 > * {\n flex-basis: calc(8.3333333333% - var(--grid-gap));\n}\ndiv .editor-styles-wrapper .acf-block-preview div .flex > .span-1, div .editor-styles-wrapper .acf-block-preview div .flex-grid > .span-1 {\n flex-grow: 0;\n flex-shrink: 0;\n}\ndiv .editor-styles-wrapper .acf-block-preview div .flex .span-2, div .editor-styles-wrapper .acf-block-preview .flex.span-all-2 > *, div .editor-styles-wrapper .acf-block-preview div .flex-grid .span-2, div .editor-styles-wrapper .acf-block-preview .flex-grid.span-all-2 > * {\n flex-basis: calc(16.6666666667% - var(--grid-gap));\n}\ndiv .editor-styles-wrapper .acf-block-preview div .flex > .span-2, div .editor-styles-wrapper .acf-block-preview div .flex-grid > .span-2 {\n flex-grow: 0;\n flex-shrink: 0;\n}\ndiv .editor-styles-wrapper .acf-block-preview div .flex .span-3, div .editor-styles-wrapper .acf-block-preview .flex.span-all-3 > *, div .editor-styles-wrapper .acf-block-preview div .flex-grid .span-3, div .editor-styles-wrapper .acf-block-preview .flex-grid.span-all-3 > * {\n flex-basis: calc(25% - var(--grid-gap));\n}\ndiv .editor-styles-wrapper .acf-block-preview div .flex > .span-3, div .editor-styles-wrapper .acf-block-preview div .flex-grid > .span-3 {\n flex-grow: 0;\n flex-shrink: 0;\n}\ndiv .editor-styles-wrapper .acf-block-preview div .flex .span-4, div .editor-styles-wrapper .acf-block-preview .flex.span-all-4 > *, div .editor-styles-wrapper .acf-block-preview div .flex-grid .span-4, div .editor-styles-wrapper .acf-block-preview .flex-grid.span-all-4 > * {\n flex-basis: calc(33.3333333333% - var(--grid-gap));\n}\ndiv .editor-styles-wrapper .acf-block-preview div .flex > .span-4, div .editor-styles-wrapper .acf-block-preview div .flex-grid > .span-4 {\n flex-grow: 0;\n flex-shrink: 0;\n}\ndiv .editor-styles-wrapper .acf-block-preview div .flex .span-5, div .editor-styles-wrapper .acf-block-preview .flex.span-all-5 > *, div .editor-styles-wrapper .acf-block-preview div .flex-grid .span-5, div .editor-styles-wrapper .acf-block-preview .flex-grid.span-all-5 > * {\n flex-basis: calc(41.6666666667% - var(--grid-gap));\n}\ndiv .editor-styles-wrapper .acf-block-preview div .flex > .span-5, div .editor-styles-wrapper .acf-block-preview div .flex-grid > .span-5 {\n flex-grow: 0;\n flex-shrink: 0;\n}\ndiv .editor-styles-wrapper .acf-block-preview div .flex .span-6, div .editor-styles-wrapper .acf-block-preview .flex.span-all-6 > *, div .editor-styles-wrapper .acf-block-preview div .flex-grid .span-6, div .editor-styles-wrapper .acf-block-preview .flex-grid.span-all-6 > * {\n flex-basis: calc(50% - var(--grid-gap));\n}\ndiv .editor-styles-wrapper .acf-block-preview div .flex > .span-6, div .editor-styles-wrapper .acf-block-preview div .flex-grid > .span-6 {\n flex-grow: 0;\n flex-shrink: 0;\n}\ndiv .editor-styles-wrapper .acf-block-preview div .flex .span-7, div .editor-styles-wrapper .acf-block-preview .flex.span-all-7 > *, div .editor-styles-wrapper .acf-block-preview div .flex-grid .span-7, div .editor-styles-wrapper .acf-block-preview .flex-grid.span-all-7 > * {\n flex-basis: calc(58.3333333333% - var(--grid-gap));\n}\ndiv .editor-styles-wrapper .acf-block-preview div .flex > .span-7, div .editor-styles-wrapper .acf-block-preview div .flex-grid > .span-7 {\n flex-grow: 0;\n flex-shrink: 0;\n}\ndiv .editor-styles-wrapper .acf-block-preview div .flex .span-8, div .editor-styles-wrapper .acf-block-preview .flex.span-all-8 > *, div .editor-styles-wrapper .acf-block-preview div .flex-grid .span-8, div .editor-styles-wrapper .acf-block-preview .flex-grid.span-all-8 > * {\n flex-basis: calc(66.6666666667% - var(--grid-gap));\n}\ndiv .editor-styles-wrapper .acf-block-preview div .flex > .span-8, div .editor-styles-wrapper .acf-block-preview div .flex-grid > .span-8 {\n flex-grow: 0;\n flex-shrink: 0;\n}\ndiv .editor-styles-wrapper .acf-block-preview div .flex .span-9, div .editor-styles-wrapper .acf-block-preview .flex.span-all-9 > *, div .editor-styles-wrapper .acf-block-preview div .flex-grid .span-9, div .editor-styles-wrapper .acf-block-preview .flex-grid.span-all-9 > * {\n flex-basis: calc(75% - var(--grid-gap));\n}\ndiv .editor-styles-wrapper .acf-block-preview div .flex > .span-9, div .editor-styles-wrapper .acf-block-preview div .flex-grid > .span-9 {\n flex-grow: 0;\n flex-shrink: 0;\n}\ndiv .editor-styles-wrapper .acf-block-preview div .flex .span-10, div .editor-styles-wrapper .acf-block-preview .flex.span-all-10 > *, div .editor-styles-wrapper .acf-block-preview div .flex-grid .span-10, div .editor-styles-wrapper .acf-block-preview .flex-grid.span-all-10 > * {\n flex-basis: calc(83.3333333333% - var(--grid-gap));\n}\ndiv .editor-styles-wrapper .acf-block-preview div .flex > .span-10, div .editor-styles-wrapper .acf-block-preview div .flex-grid > .span-10 {\n flex-grow: 0;\n flex-shrink: 0;\n}\ndiv .editor-styles-wrapper .acf-block-preview div .flex .span-11, div .editor-styles-wrapper .acf-block-preview .flex.span-all-11 > *, div .editor-styles-wrapper .acf-block-preview div .flex-grid .span-11, div .editor-styles-wrapper .acf-block-preview .flex-grid.span-all-11 > * {\n flex-basis: calc(91.6666666667% - var(--grid-gap));\n}\ndiv .editor-styles-wrapper .acf-block-preview div .flex > .span-11, div .editor-styles-wrapper .acf-block-preview div .flex-grid > .span-11 {\n flex-grow: 0;\n flex-shrink: 0;\n}\ndiv .editor-styles-wrapper .acf-block-preview div .flex .span-12, div .editor-styles-wrapper .acf-block-preview .flex.span-all-12 > *, div .editor-styles-wrapper .acf-block-preview div .flex-grid .span-12, div .editor-styles-wrapper .acf-block-preview .flex-grid.span-all-12 > * {\n flex-basis: calc(100% - var(--grid-gap));\n}\ndiv .editor-styles-wrapper .acf-block-preview div .flex > .span-12, div .editor-styles-wrapper .acf-block-preview div .flex-grid > .span-12 {\n flex-grow: 0;\n flex-shrink: 0;\n}\ndiv .editor-styles-wrapper .acf-block-preview .flex.no-gutters, div .editor-styles-wrapper .acf-block-preview .flex-grid.no-gutters {\n margin-left: 0;\n margin-right: 0;\n}\ndiv .editor-styles-wrapper .acf-block-preview .flex.no-gutters > *, div .editor-styles-wrapper .acf-block-preview .flex-grid.no-gutters > * {\n margin: 0;\n --grid-gap: 0px;\n}\ndiv .editor-styles-wrapper .acf-block-preview .flex-grid {\n flex-wrap: wrap;\n}\ndiv .editor-styles-wrapper .acf-block-preview .flex-grid > * {\n margin-bottom: var(--grid-gap);\n}\ndiv .editor-styles-wrapper .acf-block-preview #page .no-wrap {\n flex-wrap: nowrap;\n}\n@media (max-width: 1200px) {\n div .editor-styles-wrapper .acf-block-preview div .flex-grid > .container-span-1, div .editor-styles-wrapper .acf-block-preview .flex-grid.container-span-all-1 > *, div .editor-styles-wrapper .acf-block-preview div .flex > .container-span-1, div .editor-styles-wrapper .acf-block-preview .flex.container-span-all-1 > * {\n flex-basis: calc(8.3333333333% - var(--grid-gap));\n }\n div .editor-styles-wrapper .acf-block-preview div .flex-grid > .container-span-1, div .editor-styles-wrapper .acf-block-preview div .flex > .container-span-1 {\n flex-grow: 0;\n flex-shrink: 0;\n }\n div .editor-styles-wrapper .acf-block-preview div .flex-grid > .container-span-2, div .editor-styles-wrapper .acf-block-preview .flex-grid.container-span-all-2 > *, div .editor-styles-wrapper .acf-block-preview div .flex > .container-span-2, div .editor-styles-wrapper .acf-block-preview .flex.container-span-all-2 > * {\n flex-basis: calc(16.6666666667% - var(--grid-gap));\n }\n div .editor-styles-wrapper .acf-block-preview div .flex-grid > .container-span-2, div .editor-styles-wrapper .acf-block-preview div .flex > .container-span-2 {\n flex-grow: 0;\n flex-shrink: 0;\n }\n div .editor-styles-wrapper .acf-block-preview div .flex-grid > .container-span-3, div .editor-styles-wrapper .acf-block-preview .flex-grid.container-span-all-3 > *, div .editor-styles-wrapper .acf-block-preview div .flex > .container-span-3, div .editor-styles-wrapper .acf-block-preview .flex.container-span-all-3 > * {\n flex-basis: calc(25% - var(--grid-gap));\n }\n div .editor-styles-wrapper .acf-block-preview div .flex-grid > .container-span-3, div .editor-styles-wrapper .acf-block-preview div .flex > .container-span-3 {\n flex-grow: 0;\n flex-shrink: 0;\n }\n div .editor-styles-wrapper .acf-block-preview div .flex-grid > .container-span-4, div .editor-styles-wrapper .acf-block-preview .flex-grid.container-span-all-4 > *, div .editor-styles-wrapper .acf-block-preview div .flex > .container-span-4, div .editor-styles-wrapper .acf-block-preview .flex.container-span-all-4 > * {\n flex-basis: calc(33.3333333333% - var(--grid-gap));\n }\n div .editor-styles-wrapper .acf-block-preview div .flex-grid > .container-span-4, div .editor-styles-wrapper .acf-block-preview div .flex > .container-span-4 {\n flex-grow: 0;\n flex-shrink: 0;\n }\n div .editor-styles-wrapper .acf-block-preview div .flex-grid > .container-span-5, div .editor-styles-wrapper .acf-block-preview .flex-grid.container-span-all-5 > *, div .editor-styles-wrapper .acf-block-preview div .flex > .container-span-5, div .editor-styles-wrapper .acf-block-preview .flex.container-span-all-5 > * {\n flex-basis: calc(41.6666666667% - var(--grid-gap));\n }\n div .editor-styles-wrapper .acf-block-preview div .flex-grid > .container-span-5, div .editor-styles-wrapper .acf-block-preview div .flex > .container-span-5 {\n flex-grow: 0;\n flex-shrink: 0;\n }\n div .editor-styles-wrapper .acf-block-preview div .flex-grid > .container-span-6, div .editor-styles-wrapper .acf-block-preview .flex-grid.container-span-all-6 > *, div .editor-styles-wrapper .acf-block-preview div .flex > .container-span-6, div .editor-styles-wrapper .acf-block-preview .flex.container-span-all-6 > * {\n flex-basis: calc(50% - var(--grid-gap));\n }\n div .editor-styles-wrapper .acf-block-preview div .flex-grid > .container-span-6, div .editor-styles-wrapper .acf-block-preview div .flex > .container-span-6 {\n flex-grow: 0;\n flex-shrink: 0;\n }\n div .editor-styles-wrapper .acf-block-preview div .flex-grid > .container-span-7, div .editor-styles-wrapper .acf-block-preview .flex-grid.container-span-all-7 > *, div .editor-styles-wrapper .acf-block-preview div .flex > .container-span-7, div .editor-styles-wrapper .acf-block-preview .flex.container-span-all-7 > * {\n flex-basis: calc(58.3333333333% - var(--grid-gap));\n }\n div .editor-styles-wrapper .acf-block-preview div .flex-grid > .container-span-7, div .editor-styles-wrapper .acf-block-preview div .flex > .container-span-7 {\n flex-grow: 0;\n flex-shrink: 0;\n }\n div .editor-styles-wrapper .acf-block-preview div .flex-grid > .container-span-8, div .editor-styles-wrapper .acf-block-preview .flex-grid.container-span-all-8 > *, div .editor-styles-wrapper .acf-block-preview div .flex > .container-span-8, div .editor-styles-wrapper .acf-block-preview .flex.container-span-all-8 > * {\n flex-basis: calc(66.6666666667% - var(--grid-gap));\n }\n div .editor-styles-wrapper .acf-block-preview div .flex-grid > .container-span-8, div .editor-styles-wrapper .acf-block-preview div .flex > .container-span-8 {\n flex-grow: 0;\n flex-shrink: 0;\n }\n div .editor-styles-wrapper .acf-block-preview div .flex-grid > .container-span-9, div .editor-styles-wrapper .acf-block-preview .flex-grid.container-span-all-9 > *, div .editor-styles-wrapper .acf-block-preview div .flex > .container-span-9, div .editor-styles-wrapper .acf-block-preview .flex.container-span-all-9 > * {\n flex-basis: calc(75% - var(--grid-gap));\n }\n div .editor-styles-wrapper .acf-block-preview div .flex-grid > .container-span-9, div .editor-styles-wrapper .acf-block-preview div .flex > .container-span-9 {\n flex-grow: 0;\n flex-shrink: 0;\n }\n div .editor-styles-wrapper .acf-block-preview div .flex-grid > .container-span-10, div .editor-styles-wrapper .acf-block-preview .flex-grid.container-span-all-10 > *, div .editor-styles-wrapper .acf-block-preview div .flex > .container-span-10, div .editor-styles-wrapper .acf-block-preview .flex.container-span-all-10 > * {\n flex-basis: calc(83.3333333333% - var(--grid-gap));\n }\n div .editor-styles-wrapper .acf-block-preview div .flex-grid > .container-span-10, div .editor-styles-wrapper .acf-block-preview div .flex > .container-span-10 {\n flex-grow: 0;\n flex-shrink: 0;\n }\n div .editor-styles-wrapper .acf-block-preview div .flex-grid > .container-span-11, div .editor-styles-wrapper .acf-block-preview .flex-grid.container-span-all-11 > *, div .editor-styles-wrapper .acf-block-preview div .flex > .container-span-11, div .editor-styles-wrapper .acf-block-preview .flex.container-span-all-11 > * {\n flex-basis: calc(91.6666666667% - var(--grid-gap));\n }\n div .editor-styles-wrapper .acf-block-preview div .flex-grid > .container-span-11, div .editor-styles-wrapper .acf-block-preview div .flex > .container-span-11 {\n flex-grow: 0;\n flex-shrink: 0;\n }\n div .editor-styles-wrapper .acf-block-preview div .flex-grid > .container-span-12, div .editor-styles-wrapper .acf-block-preview .flex-grid.container-span-all-12 > *, div .editor-styles-wrapper .acf-block-preview div .flex > .container-span-12, div .editor-styles-wrapper .acf-block-preview .flex.container-span-all-12 > * {\n flex-basis: calc(100% - var(--grid-gap));\n }\n div .editor-styles-wrapper .acf-block-preview div .flex-grid > .container-span-12, div .editor-styles-wrapper .acf-block-preview div .flex > .container-span-12 {\n flex-grow: 0;\n flex-shrink: 0;\n }\n}\n@media (max-width: 1030px) {\n div .editor-styles-wrapper .acf-block-preview div .flex-grid > .large-span-1, div .editor-styles-wrapper .acf-block-preview .flex-grid.large-span-all-1 > *, div .editor-styles-wrapper .acf-block-preview div .flex > .large-span-1, div .editor-styles-wrapper .acf-block-preview .flex.large-span-all-1 > * {\n flex-basis: calc(8.3333333333% - var(--grid-gap));\n }\n div .editor-styles-wrapper .acf-block-preview div .flex-grid > .large-span-1, div .editor-styles-wrapper .acf-block-preview div .flex > .large-span-1 {\n flex-grow: 0;\n flex-shrink: 0;\n }\n div .editor-styles-wrapper .acf-block-preview div .flex-grid > .large-span-2, div .editor-styles-wrapper .acf-block-preview .flex-grid.large-span-all-2 > *, div .editor-styles-wrapper .acf-block-preview div .flex > .large-span-2, div .editor-styles-wrapper .acf-block-preview .flex.large-span-all-2 > * {\n flex-basis: calc(16.6666666667% - var(--grid-gap));\n }\n div .editor-styles-wrapper .acf-block-preview div .flex-grid > .large-span-2, div .editor-styles-wrapper .acf-block-preview div .flex > .large-span-2 {\n flex-grow: 0;\n flex-shrink: 0;\n }\n div .editor-styles-wrapper .acf-block-preview div .flex-grid > .large-span-3, div .editor-styles-wrapper .acf-block-preview .flex-grid.large-span-all-3 > *, div .editor-styles-wrapper .acf-block-preview div .flex > .large-span-3, div .editor-styles-wrapper .acf-block-preview .flex.large-span-all-3 > * {\n flex-basis: calc(25% - var(--grid-gap));\n }\n div .editor-styles-wrapper .acf-block-preview div .flex-grid > .large-span-3, div .editor-styles-wrapper .acf-block-preview div .flex > .large-span-3 {\n flex-grow: 0;\n flex-shrink: 0;\n }\n div .editor-styles-wrapper .acf-block-preview div .flex-grid > .large-span-4, div .editor-styles-wrapper .acf-block-preview .flex-grid.large-span-all-4 > *, div .editor-styles-wrapper .acf-block-preview div .flex > .large-span-4, div .editor-styles-wrapper .acf-block-preview .flex.large-span-all-4 > * {\n flex-basis: calc(33.3333333333% - var(--grid-gap));\n }\n div .editor-styles-wrapper .acf-block-preview div .flex-grid > .large-span-4, div .editor-styles-wrapper .acf-block-preview div .flex > .large-span-4 {\n flex-grow: 0;\n flex-shrink: 0;\n }\n div .editor-styles-wrapper .acf-block-preview div .flex-grid > .large-span-5, div .editor-styles-wrapper .acf-block-preview .flex-grid.large-span-all-5 > *, div .editor-styles-wrapper .acf-block-preview div .flex > .large-span-5, div .editor-styles-wrapper .acf-block-preview .flex.large-span-all-5 > * {\n flex-basis: calc(41.6666666667% - var(--grid-gap));\n }\n div .editor-styles-wrapper .acf-block-preview div .flex-grid > .large-span-5, div .editor-styles-wrapper .acf-block-preview div .flex > .large-span-5 {\n flex-grow: 0;\n flex-shrink: 0;\n }\n div .editor-styles-wrapper .acf-block-preview div .flex-grid > .large-span-6, div .editor-styles-wrapper .acf-block-preview .flex-grid.large-span-all-6 > *, div .editor-styles-wrapper .acf-block-preview div .flex > .large-span-6, div .editor-styles-wrapper .acf-block-preview .flex.large-span-all-6 > * {\n flex-basis: calc(50% - var(--grid-gap));\n }\n div .editor-styles-wrapper .acf-block-preview div .flex-grid > .large-span-6, div .editor-styles-wrapper .acf-block-preview div .flex > .large-span-6 {\n flex-grow: 0;\n flex-shrink: 0;\n }\n div .editor-styles-wrapper .acf-block-preview div .flex-grid > .large-span-7, div .editor-styles-wrapper .acf-block-preview .flex-grid.large-span-all-7 > *, div .editor-styles-wrapper .acf-block-preview div .flex > .large-span-7, div .editor-styles-wrapper .acf-block-preview .flex.large-span-all-7 > * {\n flex-basis: calc(58.3333333333% - var(--grid-gap));\n }\n div .editor-styles-wrapper .acf-block-preview div .flex-grid > .large-span-7, div .editor-styles-wrapper .acf-block-preview div .flex > .large-span-7 {\n flex-grow: 0;\n flex-shrink: 0;\n }\n div .editor-styles-wrapper .acf-block-preview div .flex-grid > .large-span-8, div .editor-styles-wrapper .acf-block-preview .flex-grid.large-span-all-8 > *, div .editor-styles-wrapper .acf-block-preview div .flex > .large-span-8, div .editor-styles-wrapper .acf-block-preview .flex.large-span-all-8 > * {\n flex-basis: calc(66.6666666667% - var(--grid-gap));\n }\n div .editor-styles-wrapper .acf-block-preview div .flex-grid > .large-span-8, div .editor-styles-wrapper .acf-block-preview div .flex > .large-span-8 {\n flex-grow: 0;\n flex-shrink: 0;\n }\n div .editor-styles-wrapper .acf-block-preview div .flex-grid > .large-span-9, div .editor-styles-wrapper .acf-block-preview .flex-grid.large-span-all-9 > *, div .editor-styles-wrapper .acf-block-preview div .flex > .large-span-9, div .editor-styles-wrapper .acf-block-preview .flex.large-span-all-9 > * {\n flex-basis: calc(75% - var(--grid-gap));\n }\n div .editor-styles-wrapper .acf-block-preview div .flex-grid > .large-span-9, div .editor-styles-wrapper .acf-block-preview div .flex > .large-span-9 {\n flex-grow: 0;\n flex-shrink: 0;\n }\n div .editor-styles-wrapper .acf-block-preview div .flex-grid > .large-span-10, div .editor-styles-wrapper .acf-block-preview .flex-grid.large-span-all-10 > *, div .editor-styles-wrapper .acf-block-preview div .flex > .large-span-10, div .editor-styles-wrapper .acf-block-preview .flex.large-span-all-10 > * {\n flex-basis: calc(83.3333333333% - var(--grid-gap));\n }\n div .editor-styles-wrapper .acf-block-preview div .flex-grid > .large-span-10, div .editor-styles-wrapper .acf-block-preview div .flex > .large-span-10 {\n flex-grow: 0;\n flex-shrink: 0;\n }\n div .editor-styles-wrapper .acf-block-preview div .flex-grid > .large-span-11, div .editor-styles-wrapper .acf-block-preview .flex-grid.large-span-all-11 > *, div .editor-styles-wrapper .acf-block-preview div .flex > .large-span-11, div .editor-styles-wrapper .acf-block-preview .flex.large-span-all-11 > * {\n flex-basis: calc(91.6666666667% - var(--grid-gap));\n }\n div .editor-styles-wrapper .acf-block-preview div .flex-grid > .large-span-11, div .editor-styles-wrapper .acf-block-preview div .flex > .large-span-11 {\n flex-grow: 0;\n flex-shrink: 0;\n }\n div .editor-styles-wrapper .acf-block-preview div .flex-grid > .large-span-12, div .editor-styles-wrapper .acf-block-preview .flex-grid.large-span-all-12 > *, div .editor-styles-wrapper .acf-block-preview div .flex > .large-span-12, div .editor-styles-wrapper .acf-block-preview .flex.large-span-all-12 > * {\n flex-basis: calc(100% - var(--grid-gap));\n }\n div .editor-styles-wrapper .acf-block-preview div .flex-grid > .large-span-12, div .editor-styles-wrapper .acf-block-preview div .flex > .large-span-12 {\n flex-grow: 0;\n flex-shrink: 0;\n }\n}\n@media (max-width: 768px) {\n div .editor-styles-wrapper .acf-block-preview div .flex-grid > .medium-span-1, div .editor-styles-wrapper .acf-block-preview .flex-grid.medium-span-all-1 > *, div .editor-styles-wrapper .acf-block-preview div .flex > .medium-span-1, div .editor-styles-wrapper .acf-block-preview .flex.medium-span-all-1 > * {\n flex-basis: calc(8.3333333333% - var(--grid-gap));\n }\n div .editor-styles-wrapper .acf-block-preview div .flex-grid > .medium-span-1, div .editor-styles-wrapper .acf-block-preview div .flex > .medium-span-1 {\n flex-grow: 0;\n flex-shrink: 0;\n }\n div .editor-styles-wrapper .acf-block-preview div .flex-grid > .medium-span-2, div .editor-styles-wrapper .acf-block-preview .flex-grid.medium-span-all-2 > *, div .editor-styles-wrapper .acf-block-preview div .flex > .medium-span-2, div .editor-styles-wrapper .acf-block-preview .flex.medium-span-all-2 > * {\n flex-basis: calc(16.6666666667% - var(--grid-gap));\n }\n div .editor-styles-wrapper .acf-block-preview div .flex-grid > .medium-span-2, div .editor-styles-wrapper .acf-block-preview div .flex > .medium-span-2 {\n flex-grow: 0;\n flex-shrink: 0;\n }\n div .editor-styles-wrapper .acf-block-preview div .flex-grid > .medium-span-3, div .editor-styles-wrapper .acf-block-preview .flex-grid.medium-span-all-3 > *, div .editor-styles-wrapper .acf-block-preview div .flex > .medium-span-3, div .editor-styles-wrapper .acf-block-preview .flex.medium-span-all-3 > * {\n flex-basis: calc(25% - var(--grid-gap));\n }\n div .editor-styles-wrapper .acf-block-preview div .flex-grid > .medium-span-3, div .editor-styles-wrapper .acf-block-preview div .flex > .medium-span-3 {\n flex-grow: 0;\n flex-shrink: 0;\n }\n div .editor-styles-wrapper .acf-block-preview div .flex-grid > .medium-span-4, div .editor-styles-wrapper .acf-block-preview .flex-grid.medium-span-all-4 > *, div .editor-styles-wrapper .acf-block-preview div .flex > .medium-span-4, div .editor-styles-wrapper .acf-block-preview .flex.medium-span-all-4 > * {\n flex-basis: calc(33.3333333333% - var(--grid-gap));\n }\n div .editor-styles-wrapper .acf-block-preview div .flex-grid > .medium-span-4, div .editor-styles-wrapper .acf-block-preview div .flex > .medium-span-4 {\n flex-grow: 0;\n flex-shrink: 0;\n }\n div .editor-styles-wrapper .acf-block-preview div .flex-grid > .medium-span-5, div .editor-styles-wrapper .acf-block-preview .flex-grid.medium-span-all-5 > *, div .editor-styles-wrapper .acf-block-preview div .flex > .medium-span-5, div .editor-styles-wrapper .acf-block-preview .flex.medium-span-all-5 > * {\n flex-basis: calc(41.6666666667% - var(--grid-gap));\n }\n div .editor-styles-wrapper .acf-block-preview div .flex-grid > .medium-span-5, div .editor-styles-wrapper .acf-block-preview div .flex > .medium-span-5 {\n flex-grow: 0;\n flex-shrink: 0;\n }\n div .editor-styles-wrapper .acf-block-preview div .flex-grid > .medium-span-6, div .editor-styles-wrapper .acf-block-preview .flex-grid.medium-span-all-6 > *, div .editor-styles-wrapper .acf-block-preview div .flex > .medium-span-6, div .editor-styles-wrapper .acf-block-preview .flex.medium-span-all-6 > * {\n flex-basis: calc(50% - var(--grid-gap));\n }\n div .editor-styles-wrapper .acf-block-preview div .flex-grid > .medium-span-6, div .editor-styles-wrapper .acf-block-preview div .flex > .medium-span-6 {\n flex-grow: 0;\n flex-shrink: 0;\n }\n div .editor-styles-wrapper .acf-block-preview div .flex-grid > .medium-span-7, div .editor-styles-wrapper .acf-block-preview .flex-grid.medium-span-all-7 > *, div .editor-styles-wrapper .acf-block-preview div .flex > .medium-span-7, div .editor-styles-wrapper .acf-block-preview .flex.medium-span-all-7 > * {\n flex-basis: calc(58.3333333333% - var(--grid-gap));\n }\n div .editor-styles-wrapper .acf-block-preview div .flex-grid > .medium-span-7, div .editor-styles-wrapper .acf-block-preview div .flex > .medium-span-7 {\n flex-grow: 0;\n flex-shrink: 0;\n }\n div .editor-styles-wrapper .acf-block-preview div .flex-grid > .medium-span-8, div .editor-styles-wrapper .acf-block-preview .flex-grid.medium-span-all-8 > *, div .editor-styles-wrapper .acf-block-preview div .flex > .medium-span-8, div .editor-styles-wrapper .acf-block-preview .flex.medium-span-all-8 > * {\n flex-basis: calc(66.6666666667% - var(--grid-gap));\n }\n div .editor-styles-wrapper .acf-block-preview div .flex-grid > .medium-span-8, div .editor-styles-wrapper .acf-block-preview div .flex > .medium-span-8 {\n flex-grow: 0;\n flex-shrink: 0;\n }\n div .editor-styles-wrapper .acf-block-preview div .flex-grid > .medium-span-9, div .editor-styles-wrapper .acf-block-preview .flex-grid.medium-span-all-9 > *, div .editor-styles-wrapper .acf-block-preview div .flex > .medium-span-9, div .editor-styles-wrapper .acf-block-preview .flex.medium-span-all-9 > * {\n flex-basis: calc(75% - var(--grid-gap));\n }\n div .editor-styles-wrapper .acf-block-preview div .flex-grid > .medium-span-9, div .editor-styles-wrapper .acf-block-preview div .flex > .medium-span-9 {\n flex-grow: 0;\n flex-shrink: 0;\n }\n div .editor-styles-wrapper .acf-block-preview div .flex-grid > .medium-span-10, div .editor-styles-wrapper .acf-block-preview .flex-grid.medium-span-all-10 > *, div .editor-styles-wrapper .acf-block-preview div .flex > .medium-span-10, div .editor-styles-wrapper .acf-block-preview .flex.medium-span-all-10 > * {\n flex-basis: calc(83.3333333333% - var(--grid-gap));\n }\n div .editor-styles-wrapper .acf-block-preview div .flex-grid > .medium-span-10, div .editor-styles-wrapper .acf-block-preview div .flex > .medium-span-10 {\n flex-grow: 0;\n flex-shrink: 0;\n }\n div .editor-styles-wrapper .acf-block-preview div .flex-grid > .medium-span-11, div .editor-styles-wrapper .acf-block-preview .flex-grid.medium-span-all-11 > *, div .editor-styles-wrapper .acf-block-preview div .flex > .medium-span-11, div .editor-styles-wrapper .acf-block-preview .flex.medium-span-all-11 > * {\n flex-basis: calc(91.6666666667% - var(--grid-gap));\n }\n div .editor-styles-wrapper .acf-block-preview div .flex-grid > .medium-span-11, div .editor-styles-wrapper .acf-block-preview div .flex > .medium-span-11 {\n flex-grow: 0;\n flex-shrink: 0;\n }\n div .editor-styles-wrapper .acf-block-preview div .flex-grid > .medium-span-12, div .editor-styles-wrapper .acf-block-preview .flex-grid.medium-span-all-12 > *, div .editor-styles-wrapper .acf-block-preview div .flex > .medium-span-12, div .editor-styles-wrapper .acf-block-preview .flex.medium-span-all-12 > * {\n flex-basis: calc(100% - var(--grid-gap));\n }\n div .editor-styles-wrapper .acf-block-preview div .flex-grid > .medium-span-12, div .editor-styles-wrapper .acf-block-preview div .flex > .medium-span-12 {\n flex-grow: 0;\n flex-shrink: 0;\n }\n}\n@media (max-width: 576px) {\n div .editor-styles-wrapper .acf-block-preview .flex-grid, div .editor-styles-wrapper .acf-block-preview .flex {\n flex-wrap: wrap;\n }\n div .editor-styles-wrapper .acf-block-preview div.site .flex-grid > *, div .editor-styles-wrapper .acf-block-preview div.site .flex > * {\n flex-basis: calc(100% - var(--grid-gap));\n }\n div .editor-styles-wrapper .acf-block-preview div .flex-grid > .small-span-1, div .editor-styles-wrapper .acf-block-preview div .flex-grid.small-span-all-1 > *, div .editor-styles-wrapper .acf-block-preview div .flex > .small-span-1, div .editor-styles-wrapper .acf-block-preview div .flex.small-span-all-1 > * {\n flex-basis: calc(8.3333333333% - var(--grid-gap));\n }\n div .editor-styles-wrapper .acf-block-preview div .flex-grid > .small-span-1, div .editor-styles-wrapper .acf-block-preview div .flex > .small-span-1 {\n flex-grow: 0;\n flex-shrink: 0;\n }\n div .editor-styles-wrapper .acf-block-preview div .flex-grid > .small-span-2, div .editor-styles-wrapper .acf-block-preview div .flex-grid.small-span-all-2 > *, div .editor-styles-wrapper .acf-block-preview div .flex > .small-span-2, div .editor-styles-wrapper .acf-block-preview div .flex.small-span-all-2 > * {\n flex-basis: calc(16.6666666667% - var(--grid-gap));\n }\n div .editor-styles-wrapper .acf-block-preview div .flex-grid > .small-span-2, div .editor-styles-wrapper .acf-block-preview div .flex > .small-span-2 {\n flex-grow: 0;\n flex-shrink: 0;\n }\n div .editor-styles-wrapper .acf-block-preview div .flex-grid > .small-span-3, div .editor-styles-wrapper .acf-block-preview div .flex-grid.small-span-all-3 > *, div .editor-styles-wrapper .acf-block-preview div .flex > .small-span-3, div .editor-styles-wrapper .acf-block-preview div .flex.small-span-all-3 > * {\n flex-basis: calc(25% - var(--grid-gap));\n }\n div .editor-styles-wrapper .acf-block-preview div .flex-grid > .small-span-3, div .editor-styles-wrapper .acf-block-preview div .flex > .small-span-3 {\n flex-grow: 0;\n flex-shrink: 0;\n }\n div .editor-styles-wrapper .acf-block-preview div .flex-grid > .small-span-4, div .editor-styles-wrapper .acf-block-preview div .flex-grid.small-span-all-4 > *, div .editor-styles-wrapper .acf-block-preview div .flex > .small-span-4, div .editor-styles-wrapper .acf-block-preview div .flex.small-span-all-4 > * {\n flex-basis: calc(33.3333333333% - var(--grid-gap));\n }\n div .editor-styles-wrapper .acf-block-preview div .flex-grid > .small-span-4, div .editor-styles-wrapper .acf-block-preview div .flex > .small-span-4 {\n flex-grow: 0;\n flex-shrink: 0;\n }\n div .editor-styles-wrapper .acf-block-preview div .flex-grid > .small-span-5, div .editor-styles-wrapper .acf-block-preview div .flex-grid.small-span-all-5 > *, div .editor-styles-wrapper .acf-block-preview div .flex > .small-span-5, div .editor-styles-wrapper .acf-block-preview div .flex.small-span-all-5 > * {\n flex-basis: calc(41.6666666667% - var(--grid-gap));\n }\n div .editor-styles-wrapper .acf-block-preview div .flex-grid > .small-span-5, div .editor-styles-wrapper .acf-block-preview div .flex > .small-span-5 {\n flex-grow: 0;\n flex-shrink: 0;\n }\n div .editor-styles-wrapper .acf-block-preview div .flex-grid > .small-span-6, div .editor-styles-wrapper .acf-block-preview div .flex-grid.small-span-all-6 > *, div .editor-styles-wrapper .acf-block-preview div .flex > .small-span-6, div .editor-styles-wrapper .acf-block-preview div .flex.small-span-all-6 > * {\n flex-basis: calc(50% - var(--grid-gap));\n }\n div .editor-styles-wrapper .acf-block-preview div .flex-grid > .small-span-6, div .editor-styles-wrapper .acf-block-preview div .flex > .small-span-6 {\n flex-grow: 0;\n flex-shrink: 0;\n }\n div .editor-styles-wrapper .acf-block-preview div .flex-grid > .small-span-7, div .editor-styles-wrapper .acf-block-preview div .flex-grid.small-span-all-7 > *, div .editor-styles-wrapper .acf-block-preview div .flex > .small-span-7, div .editor-styles-wrapper .acf-block-preview div .flex.small-span-all-7 > * {\n flex-basis: calc(58.3333333333% - var(--grid-gap));\n }\n div .editor-styles-wrapper .acf-block-preview div .flex-grid > .small-span-7, div .editor-styles-wrapper .acf-block-preview div .flex > .small-span-7 {\n flex-grow: 0;\n flex-shrink: 0;\n }\n div .editor-styles-wrapper .acf-block-preview div .flex-grid > .small-span-8, div .editor-styles-wrapper .acf-block-preview div .flex-grid.small-span-all-8 > *, div .editor-styles-wrapper .acf-block-preview div .flex > .small-span-8, div .editor-styles-wrapper .acf-block-preview div .flex.small-span-all-8 > * {\n flex-basis: calc(66.6666666667% - var(--grid-gap));\n }\n div .editor-styles-wrapper .acf-block-preview div .flex-grid > .small-span-8, div .editor-styles-wrapper .acf-block-preview div .flex > .small-span-8 {\n flex-grow: 0;\n flex-shrink: 0;\n }\n div .editor-styles-wrapper .acf-block-preview div .flex-grid > .small-span-9, div .editor-styles-wrapper .acf-block-preview div .flex-grid.small-span-all-9 > *, div .editor-styles-wrapper .acf-block-preview div .flex > .small-span-9, div .editor-styles-wrapper .acf-block-preview div .flex.small-span-all-9 > * {\n flex-basis: calc(75% - var(--grid-gap));\n }\n div .editor-styles-wrapper .acf-block-preview div .flex-grid > .small-span-9, div .editor-styles-wrapper .acf-block-preview div .flex > .small-span-9 {\n flex-grow: 0;\n flex-shrink: 0;\n }\n div .editor-styles-wrapper .acf-block-preview div .flex-grid > .small-span-10, div .editor-styles-wrapper .acf-block-preview div .flex-grid.small-span-all-10 > *, div .editor-styles-wrapper .acf-block-preview div .flex > .small-span-10, div .editor-styles-wrapper .acf-block-preview div .flex.small-span-all-10 > * {\n flex-basis: calc(83.3333333333% - var(--grid-gap));\n }\n div .editor-styles-wrapper .acf-block-preview div .flex-grid > .small-span-10, div .editor-styles-wrapper .acf-block-preview div .flex > .small-span-10 {\n flex-grow: 0;\n flex-shrink: 0;\n }\n div .editor-styles-wrapper .acf-block-preview div .flex-grid > .small-span-11, div .editor-styles-wrapper .acf-block-preview div .flex-grid.small-span-all-11 > *, div .editor-styles-wrapper .acf-block-preview div .flex > .small-span-11, div .editor-styles-wrapper .acf-block-preview div .flex.small-span-all-11 > * {\n flex-basis: calc(91.6666666667% - var(--grid-gap));\n }\n div .editor-styles-wrapper .acf-block-preview div .flex-grid > .small-span-11, div .editor-styles-wrapper .acf-block-preview div .flex > .small-span-11 {\n flex-grow: 0;\n flex-shrink: 0;\n }\n div .editor-styles-wrapper .acf-block-preview div .flex-grid > .small-span-12, div .editor-styles-wrapper .acf-block-preview div .flex-grid.small-span-all-12 > *, div .editor-styles-wrapper .acf-block-preview div .flex > .small-span-12, div .editor-styles-wrapper .acf-block-preview div .flex.small-span-all-12 > * {\n flex-basis: calc(100% - var(--grid-gap));\n }\n div .editor-styles-wrapper .acf-block-preview div .flex-grid > .small-span-12, div .editor-styles-wrapper .acf-block-preview div .flex > .small-span-12 {\n flex-grow: 0;\n flex-shrink: 0;\n }\n}\ndiv .editor-styles-wrapper .acf-block-preview .site .flex.stay-flexed > * {\n flex-basis: auto;\n}\n@media (max-width: 1200px) {\n div .editor-styles-wrapper .acf-block-preview .hide-on-container {\n display: none;\n }\n}\n@media (max-width: 1030px) {\n div .editor-styles-wrapper .acf-block-preview .hide-on-large {\n display: none;\n }\n}\n@media (max-width: 768px) {\n div .editor-styles-wrapper .acf-block-preview .hide-on-medium {\n display: none;\n }\n}\n@media (max-width: 576px) {\n div .editor-styles-wrapper .acf-block-preview .hide-on-small {\n display: none;\n }\n}\ndiv .editor-styles-wrapper .acf-block-preview .align-center {\n align-items: center;\n}\ndiv .editor-styles-wrapper .acf-block-preview .justify-center {\n justify-content: center;\n}\ndiv .editor-styles-wrapper .acf-block-preview .flex-wrap {\n flex-wrap: wrap;\n}\ndiv .editor-styles-wrapper .acf-block-preview .flex-column {\n flex-direction: column;\n}\ndiv .editor-styles-wrapper .acf-block-preview .flex-grow {\n flex-grow: 1;\n}\ndiv .editor-styles-wrapper .acf-block-preview .space-between {\n justify-content: space-between;\n}\ndiv .editor-styles-wrapper .acf-block-preview .layout-center-content {\n display: flex;\n align-items: center;\n justify-content: center;\n}\ndiv .editor-styles-wrapper .acf-block-preview .layout-cards-7 > * {\n grid-column: span 4;\n}\ndiv .editor-styles-wrapper .acf-block-preview .layout-cards-7 > * .hide-on-small-card {\n display: none;\n}\ndiv .editor-styles-wrapper .acf-block-preview .layout-cards-7 > *:nth-child(7n-3), div .editor-styles-wrapper .acf-block-preview .layout-cards-7 > *:nth-child(7n-6) {\n grid-column: span 8;\n}\ndiv .editor-styles-wrapper .acf-block-preview .layout-cards-7 > *:nth-child(7n-3) .hide-on-small-card, div .editor-styles-wrapper .acf-block-preview .layout-cards-7 > *:nth-child(7n-6) .hide-on-small-card {\n display: block;\n}\n@media all and (-ms-high-contrast: none) {\n div .editor-styles-wrapper .acf-block-preview .layout-cards-7 > * {\n width: calc(33.333% - var(--gap));\n }\n div .editor-styles-wrapper .acf-block-preview .layout-cards-7 > * .hide-on-small-card {\n display: none;\n }\n div .editor-styles-wrapper .acf-block-preview .layout-cards-7 > *:nth-child(7n-3), div .editor-styles-wrapper .acf-block-preview .layout-cards-7 > *:nth-child(7n-6) {\n width: calc(66.66666% - var(--gap));\n }\n div .editor-styles-wrapper .acf-block-preview .layout-cards-7 > *:nth-child(7n-3) .hide-on-small-card, div .editor-styles-wrapper .acf-block-preview .layout-cards-7 > *:nth-child(7n-6) .hide-on-small-card {\n display: block;\n }\n}\ndiv .editor-styles-wrapper .acf-block-preview .menu,\ndiv .editor-styles-wrapper .acf-block-preview .menu > ul {\n padding: 0;\n list-style: none;\n margin: 0;\n}\ndiv .editor-styles-wrapper .acf-block-preview .no-js .menu-item:focus-within > .sub-menu {\n display: block !important;\n}\ndiv .editor-styles-wrapper .acf-block-preview .menu,\ndiv .editor-styles-wrapper .acf-block-preview .menu > ul {\n display: flex;\n flex-direction: column;\n}\ndiv .editor-styles-wrapper .acf-block-preview .menu li,\ndiv .editor-styles-wrapper .acf-block-preview .menu > ul li {\n position: relative;\n margin: 0;\n}\ndiv .editor-styles-wrapper .acf-block-preview .menu li .menu-item-link,\ndiv .editor-styles-wrapper .acf-block-preview .menu > ul li .menu-item-link {\n padding: 5px 15px;\n display: flex;\n align-items: flex-start;\n transition: all 0.5s;\n}\ndiv .editor-styles-wrapper .acf-block-preview .menu li .menu-item-link a,\ndiv .editor-styles-wrapper .acf-block-preview .menu > ul li .menu-item-link a {\n padding: 0;\n}\ndiv .editor-styles-wrapper .acf-block-preview .menu li a,\ndiv .editor-styles-wrapper .acf-block-preview .menu > ul li a {\n text-decoration: none;\n outline: none;\n color: inherit;\n cursor: pointer;\n display: block;\n flex-grow: 1;\n flex-shrink: 0;\n font-size: inherit;\n}\ndiv .editor-styles-wrapper .acf-block-preview .menu li .submenu-dropdown-toggle,\ndiv .editor-styles-wrapper .acf-block-preview .menu > ul li .submenu-dropdown-toggle {\n padding-left: 10px;\n padding-right: 0;\n display: inline-block;\n color: inherit;\n text-align: right;\n}\ndiv .editor-styles-wrapper .acf-block-preview .menu .sub-menu, div .editor-styles-wrapper .acf-block-preview .menu .children,\ndiv .editor-styles-wrapper .acf-block-preview .menu > ul .sub-menu,\ndiv .editor-styles-wrapper .acf-block-preview .menu > ul .children {\n list-style: none;\n margin: 0;\n display: none;\n overflow: hidden;\n width: auto;\n white-space: nowrap;\n padding: 0;\n}\ndiv .editor-styles-wrapper .acf-block-preview .menu .sub-menu .menu-item-link, div .editor-styles-wrapper .acf-block-preview .menu .children .menu-item-link,\ndiv .editor-styles-wrapper .acf-block-preview .menu > ul .sub-menu .menu-item-link,\ndiv .editor-styles-wrapper .acf-block-preview .menu > ul .children .menu-item-link {\n padding-left: 30px;\n}\ndiv .editor-styles-wrapper .acf-block-preview .menu .current-menu-item > .sub-menu,\ndiv .editor-styles-wrapper .acf-block-preview .menu > ul .current-menu-item > .sub-menu {\n display: block;\n}\n@media (min-width: 800px) {\n div .editor-styles-wrapper .acf-block-preview .horizontal-menu .top-level-item:last-child > .menu-item-link {\n padding-right: 0;\n }\n div .editor-styles-wrapper .acf-block-preview .horizontal-menu .top-level-item:first-child > .menu-item-link {\n padding-left: 0;\n }\n div .editor-styles-wrapper .acf-block-preview .horizontal-menu .menu,\ndiv .editor-styles-wrapper .acf-block-preview .horizontal-menu .menu > ul {\n display: flex;\n flex-wrap: wrap;\n align-items: stretch;\n flex-direction: row;\n height: 100%;\n }\n div .editor-styles-wrapper .acf-block-preview .horizontal-menu .menu .top-level-item > .menu-item-link,\ndiv .editor-styles-wrapper .acf-block-preview .horizontal-menu .menu > ul .top-level-item > .menu-item-link {\n display: flex;\n height: 100%;\n align-items: var(--desktop-menu-alignment);\n }\n div .editor-styles-wrapper .acf-block-preview .horizontal-menu .menu .top-level-item > .sub-menu, div .editor-styles-wrapper .acf-block-preview .horizontal-menu .menu .top-level-item > .children,\ndiv .editor-styles-wrapper .acf-block-preview .horizontal-menu .menu > ul .top-level-item > .sub-menu,\ndiv .editor-styles-wrapper .acf-block-preview .horizontal-menu .menu > ul .top-level-item > .children {\n position: absolute;\n z-index: 10;\n top: 100%;\n left: 50%;\n transform: translate(-50%, 0);\n display: block;\n }\n div .editor-styles-wrapper .acf-block-preview .horizontal-menu .menu .top-level-item > .sub-menu a, div .editor-styles-wrapper .acf-block-preview .horizontal-menu .menu .top-level-item > .children a,\ndiv .editor-styles-wrapper .acf-block-preview .horizontal-menu .menu > ul .top-level-item > .sub-menu a,\ndiv .editor-styles-wrapper .acf-block-preview .horizontal-menu .menu > ul .top-level-item > .children a {\n flex-shrink: 1;\n }\n div .editor-styles-wrapper .acf-block-preview .horizontal-menu .menu .sub-menu .menu-item-link,\ndiv .editor-styles-wrapper .acf-block-preview .horizontal-menu .menu > ul .sub-menu .menu-item-link {\n padding: 3px 15px;\n }\n div .editor-styles-wrapper .acf-block-preview .horizontal-menu .menu .sub-menu .sub-menu,\ndiv .editor-styles-wrapper .acf-block-preview .horizontal-menu .menu > ul .sub-menu .sub-menu {\n display: none;\n position: relative;\n padding: 0;\n transition: none;\n }\n div .editor-styles-wrapper .acf-block-preview .horizontal-menu .menu .sub-menu .sub-menu a,\ndiv .editor-styles-wrapper .acf-block-preview .horizontal-menu .menu > ul .sub-menu .sub-menu a {\n padding-left: 10px;\n }\n}\n@media (max-width: 800px) {\n div .editor-styles-wrapper .acf-block-preview .horizontal-menu .menu,\ndiv .editor-styles-wrapper .acf-block-preview .horizontal-menu .menu > ul {\n display: flex;\n flex-direction: column;\n }\n div .editor-styles-wrapper .acf-block-preview .horizontal-menu .menu li,\ndiv .editor-styles-wrapper .acf-block-preview .horizontal-menu .menu > ul li {\n position: relative;\n margin: 0;\n }\n div .editor-styles-wrapper .acf-block-preview .horizontal-menu .menu li .menu-item-link,\ndiv .editor-styles-wrapper .acf-block-preview .horizontal-menu .menu > ul li .menu-item-link {\n padding: 5px 15px;\n display: flex;\n align-items: flex-start;\n transition: all 0.5s;\n }\n div .editor-styles-wrapper .acf-block-preview .horizontal-menu .menu li .menu-item-link a,\ndiv .editor-styles-wrapper .acf-block-preview .horizontal-menu .menu > ul li .menu-item-link a {\n padding: 0;\n }\n div .editor-styles-wrapper .acf-block-preview .horizontal-menu .menu li a,\ndiv .editor-styles-wrapper .acf-block-preview .horizontal-menu .menu > ul li a {\n text-decoration: none;\n outline: none;\n color: inherit;\n cursor: pointer;\n display: block;\n flex-grow: 1;\n flex-shrink: 0;\n font-size: inherit;\n }\n div .editor-styles-wrapper .acf-block-preview .horizontal-menu .menu li .submenu-dropdown-toggle,\ndiv .editor-styles-wrapper .acf-block-preview .horizontal-menu .menu > ul li .submenu-dropdown-toggle {\n padding-left: 10px;\n padding-right: 0;\n display: inline-block;\n color: inherit;\n text-align: right;\n }\n div .editor-styles-wrapper .acf-block-preview .horizontal-menu .menu .sub-menu, div .editor-styles-wrapper .acf-block-preview .horizontal-menu .menu .children,\ndiv .editor-styles-wrapper .acf-block-preview .horizontal-menu .menu > ul .sub-menu,\ndiv .editor-styles-wrapper .acf-block-preview .horizontal-menu .menu > ul .children {\n list-style: none;\n margin: 0;\n display: none;\n overflow: hidden;\n width: auto;\n white-space: nowrap;\n padding: 0;\n }\n div .editor-styles-wrapper .acf-block-preview .horizontal-menu .menu .sub-menu .menu-item-link, div .editor-styles-wrapper .acf-block-preview .horizontal-menu .menu .children .menu-item-link,\ndiv .editor-styles-wrapper .acf-block-preview .horizontal-menu .menu > ul .sub-menu .menu-item-link,\ndiv .editor-styles-wrapper .acf-block-preview .horizontal-menu .menu > ul .children .menu-item-link {\n padding-left: 30px;\n }\n div .editor-styles-wrapper .acf-block-preview .horizontal-menu .menu .current-menu-item > .sub-menu,\ndiv .editor-styles-wrapper .acf-block-preview .horizontal-menu .menu > ul .current-menu-item > .sub-menu {\n display: block;\n }\n}\ndiv .editor-styles-wrapper .acf-block-preview .site-top {\n z-index: var(--z-index-menu);\n width: 100%;\n position: relative;\n left: 0;\n top: 0;\n}\ndiv .editor-styles-wrapper .acf-block-preview .site-top .site-top-container {\n height: 100%;\n}\ndiv .editor-styles-wrapper .acf-block-preview .site-navigation {\n flex-wrap: wrap;\n position: relative;\n justify-content: center;\n height: 100%;\n}\ndiv .editor-styles-wrapper .acf-block-preview .site-navigation .site-navigation__nav-holder {\n display: flex;\n justify-content: flex-end;\n}\ndiv .editor-styles-wrapper .acf-block-preview .site-navigation .site-logo a + a {\n display: none;\n}\ndiv .editor-styles-wrapper .acf-block-preview .site-navigation .site-logo a {\n transition: all 0.5s;\n}\ndiv .editor-styles-wrapper .acf-block-preview .site-navigation .site-logo h1, div .editor-styles-wrapper .acf-block-preview .site-navigation .site-logo p {\n font-size: inherit;\n}\n@media (max-width: 800px) {\n div .editor-styles-wrapper .acf-block-preview .site-navigation .site-navigation__nav-holder {\n display: none;\n }\n}\ndiv .editor-styles-wrapper .acf-block-preview .site-logo {\n display: flex;\n align-items: center;\n justify-content: center;\n text-transform: capitalize;\n}\ndiv .editor-styles-wrapper .acf-block-preview .site-logo a {\n color: inherit;\n}\ndiv .editor-styles-wrapper .acf-block-preview .site-logo svg {\n max-width: 100%;\n height: auto;\n}\ndiv .editor-styles-wrapper .acf-block-preview .site-logo h1,\ndiv .editor-styles-wrapper .acf-block-preview .site-logo p {\n margin: 0;\n}\ndiv .editor-styles-wrapper .acf-block-preview .site-logo__link, div .editor-styles-wrapper .acf-block-preview .site-title a, div .editor-styles-wrapper .acf-block-preview .custom-logo-link {\n display: flex;\n text-decoration: none;\n justify-content: center;\n align-items: center;\n}\ndiv .editor-styles-wrapper .acf-block-preview .site-logo__link img, div .editor-styles-wrapper .acf-block-preview .site-title a img, div .editor-styles-wrapper .acf-block-preview .custom-logo-link img {\n display: block;\n}\n@media (min-width: 800px) {\n div .editor-styles-wrapper .acf-block-preview .logo-left .site-logo {\n justify-content: left;\n }\n div .editor-styles-wrapper .acf-block-preview .logo-right .site-logo, div .editor-styles-wrapper .acf-block-preview .logo-center-under .site-logo {\n order: 2;\n }\n div .editor-styles-wrapper .acf-block-preview .logo-center .site-navigation, div .editor-styles-wrapper .acf-block-preview .logo-center-under .site-navigation {\n flex-direction: column;\n align-items: center;\n }\n div .editor-styles-wrapper .acf-block-preview .no-logo .site-logo {\n display: none;\n }\n div .editor-styles-wrapper .acf-block-preview .logo-in-middle > .site-logo, div .editor-styles-wrapper .acf-block-preview .logo-in-middle > .container .logo-in-middle {\n display: none;\n }\n div .editor-styles-wrapper .acf-block-preview .logo-in-middle .site-navigation__nav-holder {\n justify-content: center;\n }\n div .editor-styles-wrapper .acf-block-preview .logo-in-middle .site-navigation > .site-logo {\n display: none;\n }\n div .editor-styles-wrapper .acf-block-preview .logo-right .site-navigation__nav-holder {\n justify-content: flex-start;\n }\n}\ndiv .editor-styles-wrapper .acf-block-preview #panel-left .site-navigation__nav-holder .site-logo {\n display: none;\n}\ndiv .editor-styles-wrapper .acf-block-preview #panel-left .site-navigation__nav-holder {\n min-width: var(--panel-left-width);\n overflow: auto;\n max-height: 90vh;\n padding-bottom: var(--gap);\n}\n@media (max-width: 500px) {\n div .editor-styles-wrapper .acf-block-preview .app-menu #panel-left {\n transition: none;\n transform: translate(0, 0);\n width: 100%;\n z-index: calc(var(--z-index-menu) - 1);\n }\n div .editor-styles-wrapper .acf-block-preview .app-menu #panel-left .menu-item-link a {\n max-width: 40vw;\n }\n div .editor-styles-wrapper .acf-block-preview .app-menu #panel-left .site-navigation__nav-holder {\n margin-top: 20vh;\n }\n div .editor-styles-wrapper .acf-block-preview .app-menu #page {\n background: inherit;\n transition: transform 0.5s;\n }\n div .editor-styles-wrapper .acf-block-preview .app-menu.menu-open #page {\n border-radius: 5px;\n transform: translate(50vw, -2vh) scale(0.75);\n box-shadow: -3px 0 10px rgba(0, 0, 0, 0.5);\n overflow: hidden;\n height: 100vh;\n }\n div .editor-styles-wrapper .acf-block-preview .app-menu.menu-open #panel-left {\n height: 100vh;\n overflow: auto;\n }\n div .editor-styles-wrapper .acf-block-preview .app-menu.menu-open.admin-bar #panel-left {\n height: calc(100vh - 46px);\n }\n div .editor-styles-wrapper .acf-block-preview .mobile-menu-body-lock {\n overflow: hidden;\n height: 100vh;\n width: 100vw;\n }\n div .editor-styles-wrapper .acf-block-preview .mobile-menu-body-lock .site-container {\n height: 100%;\n }\n}\ndiv .editor-styles-wrapper .acf-block-preview .body-lock {\n overflow: hidden;\n height: 100vh;\n width: 100vw;\n}\ndiv .editor-styles-wrapper .acf-block-preview .body-lock .site-container {\n height: 100%;\n}\n@supports (-webkit-touch-callout: none) {\n div .editor-styles-wrapper .acf-block-preview {\n /* CSS specific to iOS devices */\n }\n div .editor-styles-wrapper .acf-block-preview .app-menu.menu-open #page {\n transform: translate(50vw, -5vh) scale(0.75);\n }\n}\ndiv .editor-styles-wrapper .acf-block-preview #panel-left:empty ~ .panel-left-toggle, div .editor-styles-wrapper .acf-block-preview #panel-left:empty ~ #page .panel-left-toggle {\n display: none;\n}\n@media (max-width: 1230px) {\n div .editor-styles-wrapper .acf-block-preview #panel-left:not(:empty) ~ .site .site-top .container {\n padding-left: 52px;\n }\n}\ndiv .editor-styles-wrapper .acf-block-preview #panel-left:not(:empty) ~ .site .site-top .container-fluid {\n padding-left: 52px;\n}\n@media (max-width: 800px) {\n div .editor-styles-wrapper .acf-block-preview .site-top .container, div .editor-styles-wrapper .acf-block-preview .site-top .container-fluid {\n padding: 0 52px;\n }\n}\ndiv .editor-styles-wrapper .acf-block-preview #panel-left {\n overflow: auto;\n}\ndiv .editor-styles-wrapper .acf-block-preview .menu-open #panel-left, div .editor-styles-wrapper .acf-block-preview #panel-left.open {\n flex-basis: var(--panel-left-width);\n flex-shrink: 0;\n transform: translate(0, 0);\n}\n@media (min-width: 800px) {\n div .editor-styles-wrapper .acf-block-preview #panel-left.stay-open {\n flex-basis: var(--panel-left-width);\n flex-shrink: 0;\n transform: translate(0, 0);\n }\n div .editor-styles-wrapper .acf-block-preview #panel-left.stay-open ~ .panel-left-toggle, div .editor-styles-wrapper .acf-block-preview #panel-left.stay-open ~ .site .panel-left-toggle {\n display: none;\n }\n}\n@media (max-width: 500px) {\n div .editor-styles-wrapper .acf-block-preview #panel-left {\n position: absolute;\n height: 100%;\n left: 0;\n transform: translate(-100%, 0);\n }\n}\ndiv .editor-styles-wrapper .acf-block-preview .panel-left-toggle {\n position: absolute;\n border: none;\n box-shadow: none;\n z-index: 99;\n cursor: pointer;\n will-change: transform;\n line-height: 0;\n left: 0;\n top: 0;\n bottom: 0;\n margin: 0;\n padding: 0 15px;\n outline: none;\n transition: all 0.5s;\n background: transparent;\n}\ndiv .editor-styles-wrapper .acf-block-preview .panel-left-toggle:focus {\n outline: none;\n}\ndiv .editor-styles-wrapper .acf-block-preview .site-top .panel-left-toggle {\n height: 100%;\n}\ndiv .editor-styles-wrapper .acf-block-preview .navigation-menu-icon {\n font-size: 3rem;\n}\ndiv .editor-styles-wrapper .acf-block-preview .navigation-menu-icon .icon-regular {\n position: relative;\n display: block;\n border-radius: 0.5px;\n width: 25px;\n height: 25px;\n}\ndiv .editor-styles-wrapper .acf-block-preview .navigation-menu-icon .icon-regular:before, div .editor-styles-wrapper .acf-block-preview .navigation-menu-icon .icon-regular:after {\n content: \"\";\n position: absolute;\n left: 0;\n top: 30%;\n height: 3px;\n width: 100%;\n background: white;\n transition: all 0.5s;\n outline: none;\n border-radius: inherit;\n}\ndiv .editor-styles-wrapper .acf-block-preview .navigation-menu-icon .icon-regular:after {\n bottom: 30%;\n top: auto;\n}\ndiv .editor-styles-wrapper .acf-block-preview .panel-left-toggle.toggled-on .navigation-menu-icon .icon-regular {\n height: 25px;\n width: 25px;\n}\ndiv .editor-styles-wrapper .acf-block-preview .panel-left-toggle.toggled-on .navigation-menu-icon .icon-regular:before {\n transform: rotate(45deg);\n top: 45%;\n}\ndiv .editor-styles-wrapper .acf-block-preview .panel-left-toggle.toggled-on .navigation-menu-icon .icon-regular:after {\n transform: rotate(-45deg);\n bottom: 42%;\n}\ndiv .editor-styles-wrapper .acf-block-preview .panel-right-toggle {\n z-index: var(--z-index-top);\n position: absolute;\n right: 0;\n top: 0;\n line-height: 0;\n border: none;\n padding: 0 15px;\n cursor: pointer;\n outline: none;\n font-size: 22px;\n}\ndiv .editor-styles-wrapper .acf-block-preview .panel-right-toggle:focus {\n outline: none;\n}\ndiv .editor-styles-wrapper .acf-block-preview .panel-right-toggle {\n color: white;\n background: transparent;\n}\ndiv .editor-styles-wrapper .acf-block-preview .sidebar-icon {\n border: 2px solid white;\n border-radius: 2px;\n position: relative;\n height: 1em;\n width: 1em;\n display: block;\n}\ndiv .editor-styles-wrapper .acf-block-preview .sidebar-icon:after {\n content: \"\";\n width: 30%;\n background: white;\n height: 100%;\n position: absolute;\n right: 0;\n}\ndiv .editor-styles-wrapper .acf-block-preview #panel-right:empty ~ .panel-right-toggle {\n display: none;\n}\n@media (max-width: 1230px) {\n div .editor-styles-wrapper .acf-block-preview #panel-right:not(:empty) ~ .site .site-top .container {\n padding-right: 52px;\n }\n}\ndiv .editor-styles-wrapper .acf-block-preview #panel-right:not(:empty) ~ .site .site-top .container-fluid {\n padding-right: 52px;\n}\ndiv .editor-styles-wrapper .acf-block-preview #panel-right.open:not(:empty) {\n flex-basis: var(--panel-right-width);\n flex-shrink: 0;\n}\n@media (min-width: 1030px) {\n div .editor-styles-wrapper .acf-block-preview #panel-right.stay-open {\n flex-basis: var(--panel-right-width);\n flex-shrink: 0;\n transform: translate(0, 0);\n }\n div .editor-styles-wrapper .acf-block-preview #panel-right.stay-open ~ .panel-right-toggle {\n display: none;\n }\n}\n@media (max-width: 1030px) {\n div .editor-styles-wrapper .acf-block-preview #panel-right {\n position: absolute;\n height: 100%;\n right: 0;\n top: 0;\n padding-top: 50px;\n z-index: 90;\n width: 0;\n }\n div .editor-styles-wrapper .acf-block-preview #panel-right.open {\n width: var(--panel-right-width);\n }\n}\n@media (min-width: 1200px) {\n div .editor-styles-wrapper .acf-block-preview .sidebar-template.container .container-content > .alignfull {\n margin-right: 0;\n margin-left: 0;\n }\n div .editor-styles-wrapper .acf-block-preview .sidebar-template.align-content-left .container-content > *:not(.alignfull):not(.full-width), div .editor-styles-wrapper .acf-block-preview .sidebar-template.align-content-left.container-content > *:not(.alignfull):not(.full-width) {\n margin-left: 0;\n }\n}\ndiv .editor-styles-wrapper .acf-block-preview .has-sidebar-template .site-content {\n display: flex;\n flex-direction: column;\n}\ndiv .editor-styles-wrapper .acf-block-preview .sidebar-template {\n display: flex;\n flex-grow: 1;\n}\n@media (max-width: 1000px) {\n div .editor-styles-wrapper .acf-block-preview .sidebar-template {\n display: block;\n }\n}\ndiv .editor-styles-wrapper .acf-block-preview #secondary:empty, div .editor-styles-wrapper .acf-block-preview .sidebar-holder:empty, div .editor-styles-wrapper .acf-block-preview .secondary:empty {\n display: none;\n}\ndiv .editor-styles-wrapper .acf-block-preview #secondary:empty:after, div .editor-styles-wrapper .acf-block-preview .sidebar-holder:empty:after, div .editor-styles-wrapper .acf-block-preview .secondary:empty:after {\n content: \"\";\n}\ndiv .editor-styles-wrapper .acf-block-preview .sidebar-left #secondary {\n order: 0;\n}\ndiv .editor-styles-wrapper .acf-block-preview .sidebar-left #primary {\n order: 1;\n}\ndiv .editor-styles-wrapper .acf-block-preview .sidebar-left .sidebar-bg:after {\n left: auto;\n right: 0;\n}\ndiv .editor-styles-wrapper .acf-block-preview .sidebar-left .sidebar-holder {\n float: right;\n}\ndiv .editor-styles-wrapper .acf-block-preview .sidebar-holder {\n position: relative;\n}\ndiv .editor-styles-wrapper .acf-block-preview #secondary .sidebar-holder {\n height: 100%;\n display: block;\n}\ndiv .editor-styles-wrapper .acf-block-preview .js .sidebar-template.header-above:not(.active) #secondary {\n display: none;\n}\ndiv .editor-styles-wrapper .acf-block-preview .js .sidebar-template.header-above:not(.active) .container, div .editor-styles-wrapper .acf-block-preview .js .sidebar-template.header-above:not(.active) .container-fluid {\n max-width: 100%;\n padding: 0;\n}\ndiv .editor-styles-wrapper .acf-block-preview #panel-right .sidebar-holder {\n height: 100%;\n overflow: auto;\n overflow-x: hidden;\n min-width: var(--panel-right-width);\n -webkit-overflow-scrolling: touch;\n scroll-behavior: smooth;\n}\n@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {\n div .editor-styles-wrapper .acf-block-preview {\n /*--------------------------------------------------------------\n # Flexbox grids. 99% same as css grid\n --------------------------------------------------------------*/\n }\n div .editor-styles-wrapper .acf-block-preview :root {\n --flex-gap: calc(var(--grid-gap) / 2);\n }\n div .editor-styles-wrapper .acf-block-preview .site-footer {\n min-height: 1px;\n }\n div .editor-styles-wrapper .acf-block-preview .cover-image, div .editor-styles-wrapper .acf-block-preview .background-image {\n background-size: cover;\n background-repeat: no-repeat;\n background-position: center;\n }\n div .editor-styles-wrapper .acf-block-preview .no-objectfit .cover-image {\n min-height: 300px;\n background-repeat: none;\n }\n div .editor-styles-wrapper .acf-block-preview .no-objectfit .background-image img,\ndiv .editor-styles-wrapper .acf-block-preview .no-objectfit .cover-image img {\n display: none;\n }\n div .editor-styles-wrapper .acf-block-preview .flex, div .editor-styles-wrapper .acf-block-preview .flex-grid, div .editor-styles-wrapper .acf-block-preview .grid {\n display: flex;\n margin-left: calc(-1 * var(--flex-gap));\n margin-right: calc(-1 * var(--flex-gap));\n }\n div .editor-styles-wrapper .acf-block-preview .flex > *, div .editor-styles-wrapper .acf-block-preview .flex-grid > *, div .editor-styles-wrapper .acf-block-preview .grid > * {\n margin-right: var(--flex-gap);\n margin-left: var(--flex-gap);\n flex-grow: 1;\n flex-shrink: 1;\n }\n div .editor-styles-wrapper .acf-block-preview div .flex .span-1, div .editor-styles-wrapper .acf-block-preview .flex.span-all-1 > *, div .editor-styles-wrapper .acf-block-preview div .flex-grid .span-1, div .editor-styles-wrapper .acf-block-preview .flex-grid.span-all-1 > *, div .editor-styles-wrapper .acf-block-preview div .grid .span-1, div .editor-styles-wrapper .acf-block-preview .grid.span-all-1 > * {\n width: calc(8.3333333333% - var(--grid-gap));\n flex-grow: 0;\n flex-shrink: 0;\n flex-basis: auto;\n }\n div .editor-styles-wrapper .acf-block-preview div .flex > .span-1, div .editor-styles-wrapper .acf-block-preview div .flex-grid > .span-1, div .editor-styles-wrapper .acf-block-preview div .grid > .span-1 {\n flex-grow: 0;\n flex-shrink: 0;\n }\n div .editor-styles-wrapper .acf-block-preview div .flex .span-2, div .editor-styles-wrapper .acf-block-preview .flex.span-all-2 > *, div .editor-styles-wrapper .acf-block-preview div .flex-grid .span-2, div .editor-styles-wrapper .acf-block-preview .flex-grid.span-all-2 > *, div .editor-styles-wrapper .acf-block-preview div .grid .span-2, div .editor-styles-wrapper .acf-block-preview .grid.span-all-2 > * {\n width: calc(16.6666666667% - var(--grid-gap));\n flex-grow: 0;\n flex-shrink: 0;\n flex-basis: auto;\n }\n div .editor-styles-wrapper .acf-block-preview div .flex > .span-2, div .editor-styles-wrapper .acf-block-preview div .flex-grid > .span-2, div .editor-styles-wrapper .acf-block-preview div .grid > .span-2 {\n flex-grow: 0;\n flex-shrink: 0;\n }\n div .editor-styles-wrapper .acf-block-preview div .flex .span-3, div .editor-styles-wrapper .acf-block-preview .flex.span-all-3 > *, div .editor-styles-wrapper .acf-block-preview div .flex-grid .span-3, div .editor-styles-wrapper .acf-block-preview .flex-grid.span-all-3 > *, div .editor-styles-wrapper .acf-block-preview div .grid .span-3, div .editor-styles-wrapper .acf-block-preview .grid.span-all-3 > * {\n width: calc(25% - var(--grid-gap));\n flex-grow: 0;\n flex-shrink: 0;\n flex-basis: auto;\n }\n div .editor-styles-wrapper .acf-block-preview div .flex > .span-3, div .editor-styles-wrapper .acf-block-preview div .flex-grid > .span-3, div .editor-styles-wrapper .acf-block-preview div .grid > .span-3 {\n flex-grow: 0;\n flex-shrink: 0;\n }\n div .editor-styles-wrapper .acf-block-preview div .flex .span-4, div .editor-styles-wrapper .acf-block-preview .flex.span-all-4 > *, div .editor-styles-wrapper .acf-block-preview div .flex-grid .span-4, div .editor-styles-wrapper .acf-block-preview .flex-grid.span-all-4 > *, div .editor-styles-wrapper .acf-block-preview div .grid .span-4, div .editor-styles-wrapper .acf-block-preview .grid.span-all-4 > * {\n width: calc(33.3333333333% - var(--grid-gap));\n flex-grow: 0;\n flex-shrink: 0;\n flex-basis: auto;\n }\n div .editor-styles-wrapper .acf-block-preview div .flex > .span-4, div .editor-styles-wrapper .acf-block-preview div .flex-grid > .span-4, div .editor-styles-wrapper .acf-block-preview div .grid > .span-4 {\n flex-grow: 0;\n flex-shrink: 0;\n }\n div .editor-styles-wrapper .acf-block-preview div .flex .span-5, div .editor-styles-wrapper .acf-block-preview .flex.span-all-5 > *, div .editor-styles-wrapper .acf-block-preview div .flex-grid .span-5, div .editor-styles-wrapper .acf-block-preview .flex-grid.span-all-5 > *, div .editor-styles-wrapper .acf-block-preview div .grid .span-5, div .editor-styles-wrapper .acf-block-preview .grid.span-all-5 > * {\n width: calc(41.6666666667% - var(--grid-gap));\n flex-grow: 0;\n flex-shrink: 0;\n flex-basis: auto;\n }\n div .editor-styles-wrapper .acf-block-preview div .flex > .span-5, div .editor-styles-wrapper .acf-block-preview div .flex-grid > .span-5, div .editor-styles-wrapper .acf-block-preview div .grid > .span-5 {\n flex-grow: 0;\n flex-shrink: 0;\n }\n div .editor-styles-wrapper .acf-block-preview div .flex .span-6, div .editor-styles-wrapper .acf-block-preview .flex.span-all-6 > *, div .editor-styles-wrapper .acf-block-preview div .flex-grid .span-6, div .editor-styles-wrapper .acf-block-preview .flex-grid.span-all-6 > *, div .editor-styles-wrapper .acf-block-preview div .grid .span-6, div .editor-styles-wrapper .acf-block-preview .grid.span-all-6 > * {\n width: calc(50% - var(--grid-gap));\n flex-grow: 0;\n flex-shrink: 0;\n flex-basis: auto;\n }\n div .editor-styles-wrapper .acf-block-preview div .flex > .span-6, div .editor-styles-wrapper .acf-block-preview div .flex-grid > .span-6, div .editor-styles-wrapper .acf-block-preview div .grid > .span-6 {\n flex-grow: 0;\n flex-shrink: 0;\n }\n div .editor-styles-wrapper .acf-block-preview div .flex .span-7, div .editor-styles-wrapper .acf-block-preview .flex.span-all-7 > *, div .editor-styles-wrapper .acf-block-preview div .flex-grid .span-7, div .editor-styles-wrapper .acf-block-preview .flex-grid.span-all-7 > *, div .editor-styles-wrapper .acf-block-preview div .grid .span-7, div .editor-styles-wrapper .acf-block-preview .grid.span-all-7 > * {\n width: calc(58.3333333333% - var(--grid-gap));\n flex-grow: 0;\n flex-shrink: 0;\n flex-basis: auto;\n }\n div .editor-styles-wrapper .acf-block-preview div .flex > .span-7, div .editor-styles-wrapper .acf-block-preview div .flex-grid > .span-7, div .editor-styles-wrapper .acf-block-preview div .grid > .span-7 {\n flex-grow: 0;\n flex-shrink: 0;\n }\n div .editor-styles-wrapper .acf-block-preview div .flex .span-8, div .editor-styles-wrapper .acf-block-preview .flex.span-all-8 > *, div .editor-styles-wrapper .acf-block-preview div .flex-grid .span-8, div .editor-styles-wrapper .acf-block-preview .flex-grid.span-all-8 > *, div .editor-styles-wrapper .acf-block-preview div .grid .span-8, div .editor-styles-wrapper .acf-block-preview .grid.span-all-8 > * {\n width: calc(66.6666666667% - var(--grid-gap));\n flex-grow: 0;\n flex-shrink: 0;\n flex-basis: auto;\n }\n div .editor-styles-wrapper .acf-block-preview div .flex > .span-8, div .editor-styles-wrapper .acf-block-preview div .flex-grid > .span-8, div .editor-styles-wrapper .acf-block-preview div .grid > .span-8 {\n flex-grow: 0;\n flex-shrink: 0;\n }\n div .editor-styles-wrapper .acf-block-preview div .flex .span-9, div .editor-styles-wrapper .acf-block-preview .flex.span-all-9 > *, div .editor-styles-wrapper .acf-block-preview div .flex-grid .span-9, div .editor-styles-wrapper .acf-block-preview .flex-grid.span-all-9 > *, div .editor-styles-wrapper .acf-block-preview div .grid .span-9, div .editor-styles-wrapper .acf-block-preview .grid.span-all-9 > * {\n width: calc(75% - var(--grid-gap));\n flex-grow: 0;\n flex-shrink: 0;\n flex-basis: auto;\n }\n div .editor-styles-wrapper .acf-block-preview div .flex > .span-9, div .editor-styles-wrapper .acf-block-preview div .flex-grid > .span-9, div .editor-styles-wrapper .acf-block-preview div .grid > .span-9 {\n flex-grow: 0;\n flex-shrink: 0;\n }\n div .editor-styles-wrapper .acf-block-preview div .flex .span-10, div .editor-styles-wrapper .acf-block-preview .flex.span-all-10 > *, div .editor-styles-wrapper .acf-block-preview div .flex-grid .span-10, div .editor-styles-wrapper .acf-block-preview .flex-grid.span-all-10 > *, div .editor-styles-wrapper .acf-block-preview div .grid .span-10, div .editor-styles-wrapper .acf-block-preview .grid.span-all-10 > * {\n width: calc(83.3333333333% - var(--grid-gap));\n flex-grow: 0;\n flex-shrink: 0;\n flex-basis: auto;\n }\n div .editor-styles-wrapper .acf-block-preview div .flex > .span-10, div .editor-styles-wrapper .acf-block-preview div .flex-grid > .span-10, div .editor-styles-wrapper .acf-block-preview div .grid > .span-10 {\n flex-grow: 0;\n flex-shrink: 0;\n }\n div .editor-styles-wrapper .acf-block-preview div .flex .span-11, div .editor-styles-wrapper .acf-block-preview .flex.span-all-11 > *, div .editor-styles-wrapper .acf-block-preview div .flex-grid .span-11, div .editor-styles-wrapper .acf-block-preview .flex-grid.span-all-11 > *, div .editor-styles-wrapper .acf-block-preview div .grid .span-11, div .editor-styles-wrapper .acf-block-preview .grid.span-all-11 > * {\n width: calc(91.6666666667% - var(--grid-gap));\n flex-grow: 0;\n flex-shrink: 0;\n flex-basis: auto;\n }\n div .editor-styles-wrapper .acf-block-preview div .flex > .span-11, div .editor-styles-wrapper .acf-block-preview div .flex-grid > .span-11, div .editor-styles-wrapper .acf-block-preview div .grid > .span-11 {\n flex-grow: 0;\n flex-shrink: 0;\n }\n div .editor-styles-wrapper .acf-block-preview div .flex .span-12, div .editor-styles-wrapper .acf-block-preview .flex.span-all-12 > *, div .editor-styles-wrapper .acf-block-preview div .flex-grid .span-12, div .editor-styles-wrapper .acf-block-preview .flex-grid.span-all-12 > *, div .editor-styles-wrapper .acf-block-preview div .grid .span-12, div .editor-styles-wrapper .acf-block-preview .grid.span-all-12 > * {\n width: calc(100% - var(--grid-gap));\n flex-grow: 0;\n flex-shrink: 0;\n flex-basis: auto;\n }\n div .editor-styles-wrapper .acf-block-preview div .flex > .span-12, div .editor-styles-wrapper .acf-block-preview div .flex-grid > .span-12, div .editor-styles-wrapper .acf-block-preview div .grid > .span-12 {\n flex-grow: 0;\n flex-shrink: 0;\n }\n div .editor-styles-wrapper .acf-block-preview .grid {\n flex-wrap: wrap;\n }\n div .editor-styles-wrapper .acf-block-preview .grid > * {\n margin-bottom: var(--grid-gap);\n }\n}\n@media screen and (-ms-high-contrast: active) and (max-width: 1200px), (-ms-high-contrast: none) and (max-width: 1200px) {\n div .editor-styles-wrapper .acf-block-preview div div .flex-grid > .container-span-1, div .editor-styles-wrapper .acf-block-preview div .flex-grid.container-span-all-1 > *, div .editor-styles-wrapper .acf-block-preview div div .flex > .container-span-1, div .editor-styles-wrapper .acf-block-preview div .flex.container-span-all-1 > *, div .editor-styles-wrapper .acf-block-preview div div .grid > .container-span-1, div .editor-styles-wrapper .acf-block-preview div .grid.container-span-all-1 > * {\n width: calc(8.3333333333% - var(--grid-gap));\n flex-basis: auto;\n flex-grow: 0;\n flex-shrink: 0;\n }\n div .editor-styles-wrapper .acf-block-preview div div .flex-grid > .container-span-2, div .editor-styles-wrapper .acf-block-preview div .flex-grid.container-span-all-2 > *, div .editor-styles-wrapper .acf-block-preview div div .flex > .container-span-2, div .editor-styles-wrapper .acf-block-preview div .flex.container-span-all-2 > *, div .editor-styles-wrapper .acf-block-preview div div .grid > .container-span-2, div .editor-styles-wrapper .acf-block-preview div .grid.container-span-all-2 > * {\n width: calc(16.6666666667% - var(--grid-gap));\n flex-basis: auto;\n flex-grow: 0;\n flex-shrink: 0;\n }\n div .editor-styles-wrapper .acf-block-preview div div .flex-grid > .container-span-3, div .editor-styles-wrapper .acf-block-preview div .flex-grid.container-span-all-3 > *, div .editor-styles-wrapper .acf-block-preview div div .flex > .container-span-3, div .editor-styles-wrapper .acf-block-preview div .flex.container-span-all-3 > *, div .editor-styles-wrapper .acf-block-preview div div .grid > .container-span-3, div .editor-styles-wrapper .acf-block-preview div .grid.container-span-all-3 > * {\n width: calc(25% - var(--grid-gap));\n flex-basis: auto;\n flex-grow: 0;\n flex-shrink: 0;\n }\n div .editor-styles-wrapper .acf-block-preview div div .flex-grid > .container-span-4, div .editor-styles-wrapper .acf-block-preview div .flex-grid.container-span-all-4 > *, div .editor-styles-wrapper .acf-block-preview div div .flex > .container-span-4, div .editor-styles-wrapper .acf-block-preview div .flex.container-span-all-4 > *, div .editor-styles-wrapper .acf-block-preview div div .grid > .container-span-4, div .editor-styles-wrapper .acf-block-preview div .grid.container-span-all-4 > * {\n width: calc(33.3333333333% - var(--grid-gap));\n flex-basis: auto;\n flex-grow: 0;\n flex-shrink: 0;\n }\n div .editor-styles-wrapper .acf-block-preview div div .flex-grid > .container-span-5, div .editor-styles-wrapper .acf-block-preview div .flex-grid.container-span-all-5 > *, div .editor-styles-wrapper .acf-block-preview div div .flex > .container-span-5, div .editor-styles-wrapper .acf-block-preview div .flex.container-span-all-5 > *, div .editor-styles-wrapper .acf-block-preview div div .grid > .container-span-5, div .editor-styles-wrapper .acf-block-preview div .grid.container-span-all-5 > * {\n width: calc(41.6666666667% - var(--grid-gap));\n flex-basis: auto;\n flex-grow: 0;\n flex-shrink: 0;\n }\n div .editor-styles-wrapper .acf-block-preview div div .flex-grid > .container-span-6, div .editor-styles-wrapper .acf-block-preview div .flex-grid.container-span-all-6 > *, div .editor-styles-wrapper .acf-block-preview div div .flex > .container-span-6, div .editor-styles-wrapper .acf-block-preview div .flex.container-span-all-6 > *, div .editor-styles-wrapper .acf-block-preview div div .grid > .container-span-6, div .editor-styles-wrapper .acf-block-preview div .grid.container-span-all-6 > * {\n width: calc(50% - var(--grid-gap));\n flex-basis: auto;\n flex-grow: 0;\n flex-shrink: 0;\n }\n div .editor-styles-wrapper .acf-block-preview div div .flex-grid > .container-span-7, div .editor-styles-wrapper .acf-block-preview div .flex-grid.container-span-all-7 > *, div .editor-styles-wrapper .acf-block-preview div div .flex > .container-span-7, div .editor-styles-wrapper .acf-block-preview div .flex.container-span-all-7 > *, div .editor-styles-wrapper .acf-block-preview div div .grid > .container-span-7, div .editor-styles-wrapper .acf-block-preview div .grid.container-span-all-7 > * {\n width: calc(58.3333333333% - var(--grid-gap));\n flex-basis: auto;\n flex-grow: 0;\n flex-shrink: 0;\n }\n div .editor-styles-wrapper .acf-block-preview div div .flex-grid > .container-span-8, div .editor-styles-wrapper .acf-block-preview div .flex-grid.container-span-all-8 > *, div .editor-styles-wrapper .acf-block-preview div div .flex > .container-span-8, div .editor-styles-wrapper .acf-block-preview div .flex.container-span-all-8 > *, div .editor-styles-wrapper .acf-block-preview div div .grid > .container-span-8, div .editor-styles-wrapper .acf-block-preview div .grid.container-span-all-8 > * {\n width: calc(66.6666666667% - var(--grid-gap));\n flex-basis: auto;\n flex-grow: 0;\n flex-shrink: 0;\n }\n div .editor-styles-wrapper .acf-block-preview div div .flex-grid > .container-span-9, div .editor-styles-wrapper .acf-block-preview div .flex-grid.container-span-all-9 > *, div .editor-styles-wrapper .acf-block-preview div div .flex > .container-span-9, div .editor-styles-wrapper .acf-block-preview div .flex.container-span-all-9 > *, div .editor-styles-wrapper .acf-block-preview div div .grid > .container-span-9, div .editor-styles-wrapper .acf-block-preview div .grid.container-span-all-9 > * {\n width: calc(75% - var(--grid-gap));\n flex-basis: auto;\n flex-grow: 0;\n flex-shrink: 0;\n }\n div .editor-styles-wrapper .acf-block-preview div div .flex-grid > .container-span-10, div .editor-styles-wrapper .acf-block-preview div .flex-grid.container-span-all-10 > *, div .editor-styles-wrapper .acf-block-preview div div .flex > .container-span-10, div .editor-styles-wrapper .acf-block-preview div .flex.container-span-all-10 > *, div .editor-styles-wrapper .acf-block-preview div div .grid > .container-span-10, div .editor-styles-wrapper .acf-block-preview div .grid.container-span-all-10 > * {\n width: calc(83.3333333333% - var(--grid-gap));\n flex-basis: auto;\n flex-grow: 0;\n flex-shrink: 0;\n }\n div .editor-styles-wrapper .acf-block-preview div div .flex-grid > .container-span-11, div .editor-styles-wrapper .acf-block-preview div .flex-grid.container-span-all-11 > *, div .editor-styles-wrapper .acf-block-preview div div .flex > .container-span-11, div .editor-styles-wrapper .acf-block-preview div .flex.container-span-all-11 > *, div .editor-styles-wrapper .acf-block-preview div div .grid > .container-span-11, div .editor-styles-wrapper .acf-block-preview div .grid.container-span-all-11 > * {\n width: calc(91.6666666667% - var(--grid-gap));\n flex-basis: auto;\n flex-grow: 0;\n flex-shrink: 0;\n }\n div .editor-styles-wrapper .acf-block-preview div div .flex-grid > .container-span-12, div .editor-styles-wrapper .acf-block-preview div .flex-grid.container-span-all-12 > *, div .editor-styles-wrapper .acf-block-preview div div .flex > .container-span-12, div .editor-styles-wrapper .acf-block-preview div .flex.container-span-all-12 > *, div .editor-styles-wrapper .acf-block-preview div div .grid > .container-span-12, div .editor-styles-wrapper .acf-block-preview div .grid.container-span-all-12 > * {\n width: calc(100% - var(--grid-gap));\n flex-basis: auto;\n flex-grow: 0;\n flex-shrink: 0;\n }\n}\n@media screen and (-ms-high-contrast: active) and (max-width: 1030px), (-ms-high-contrast: none) and (max-width: 1030px) {\n div .editor-styles-wrapper .acf-block-preview div div .flex-grid > .large-span-1, div .editor-styles-wrapper .acf-block-preview div .flex-grid.large-span-all-1 > *, div .editor-styles-wrapper .acf-block-preview div div .flex > .large-span-1, div .editor-styles-wrapper .acf-block-preview div .flex.large-span-all-1 > *, div .editor-styles-wrapper .acf-block-preview div div .grid > .large-span-1, div .editor-styles-wrapper .acf-block-preview div .grid.large-span-all-1 > * {\n width: calc(8.3333333333% - var(--grid-gap));\n flex-basis: auto;\n flex-grow: 0;\n flex-shrink: 0;\n }\n div .editor-styles-wrapper .acf-block-preview div div .flex-grid > .large-span-2, div .editor-styles-wrapper .acf-block-preview div .flex-grid.large-span-all-2 > *, div .editor-styles-wrapper .acf-block-preview div div .flex > .large-span-2, div .editor-styles-wrapper .acf-block-preview div .flex.large-span-all-2 > *, div .editor-styles-wrapper .acf-block-preview div div .grid > .large-span-2, div .editor-styles-wrapper .acf-block-preview div .grid.large-span-all-2 > * {\n width: calc(16.6666666667% - var(--grid-gap));\n flex-basis: auto;\n flex-grow: 0;\n flex-shrink: 0;\n }\n div .editor-styles-wrapper .acf-block-preview div div .flex-grid > .large-span-3, div .editor-styles-wrapper .acf-block-preview div .flex-grid.large-span-all-3 > *, div .editor-styles-wrapper .acf-block-preview div div .flex > .large-span-3, div .editor-styles-wrapper .acf-block-preview div .flex.large-span-all-3 > *, div .editor-styles-wrapper .acf-block-preview div div .grid > .large-span-3, div .editor-styles-wrapper .acf-block-preview div .grid.large-span-all-3 > * {\n width: calc(25% - var(--grid-gap));\n flex-basis: auto;\n flex-grow: 0;\n flex-shrink: 0;\n }\n div .editor-styles-wrapper .acf-block-preview div div .flex-grid > .large-span-4, div .editor-styles-wrapper .acf-block-preview div .flex-grid.large-span-all-4 > *, div .editor-styles-wrapper .acf-block-preview div div .flex > .large-span-4, div .editor-styles-wrapper .acf-block-preview div .flex.large-span-all-4 > *, div .editor-styles-wrapper .acf-block-preview div div .grid > .large-span-4, div .editor-styles-wrapper .acf-block-preview div .grid.large-span-all-4 > * {\n width: calc(33.3333333333% - var(--grid-gap));\n flex-basis: auto;\n flex-grow: 0;\n flex-shrink: 0;\n }\n div .editor-styles-wrapper .acf-block-preview div div .flex-grid > .large-span-5, div .editor-styles-wrapper .acf-block-preview div .flex-grid.large-span-all-5 > *, div .editor-styles-wrapper .acf-block-preview div div .flex > .large-span-5, div .editor-styles-wrapper .acf-block-preview div .flex.large-span-all-5 > *, div .editor-styles-wrapper .acf-block-preview div div .grid > .large-span-5, div .editor-styles-wrapper .acf-block-preview div .grid.large-span-all-5 > * {\n width: calc(41.6666666667% - var(--grid-gap));\n flex-basis: auto;\n flex-grow: 0;\n flex-shrink: 0;\n }\n div .editor-styles-wrapper .acf-block-preview div div .flex-grid > .large-span-6, div .editor-styles-wrapper .acf-block-preview div .flex-grid.large-span-all-6 > *, div .editor-styles-wrapper .acf-block-preview div div .flex > .large-span-6, div .editor-styles-wrapper .acf-block-preview div .flex.large-span-all-6 > *, div .editor-styles-wrapper .acf-block-preview div div .grid > .large-span-6, div .editor-styles-wrapper .acf-block-preview div .grid.large-span-all-6 > * {\n width: calc(50% - var(--grid-gap));\n flex-basis: auto;\n flex-grow: 0;\n flex-shrink: 0;\n }\n div .editor-styles-wrapper .acf-block-preview div div .flex-grid > .large-span-7, div .editor-styles-wrapper .acf-block-preview div .flex-grid.large-span-all-7 > *, div .editor-styles-wrapper .acf-block-preview div div .flex > .large-span-7, div .editor-styles-wrapper .acf-block-preview div .flex.large-span-all-7 > *, div .editor-styles-wrapper .acf-block-preview div div .grid > .large-span-7, div .editor-styles-wrapper .acf-block-preview div .grid.large-span-all-7 > * {\n width: calc(58.3333333333% - var(--grid-gap));\n flex-basis: auto;\n flex-grow: 0;\n flex-shrink: 0;\n }\n div .editor-styles-wrapper .acf-block-preview div div .flex-grid > .large-span-8, div .editor-styles-wrapper .acf-block-preview div .flex-grid.large-span-all-8 > *, div .editor-styles-wrapper .acf-block-preview div div .flex > .large-span-8, div .editor-styles-wrapper .acf-block-preview div .flex.large-span-all-8 > *, div .editor-styles-wrapper .acf-block-preview div div .grid > .large-span-8, div .editor-styles-wrapper .acf-block-preview div .grid.large-span-all-8 > * {\n width: calc(66.6666666667% - var(--grid-gap));\n flex-basis: auto;\n flex-grow: 0;\n flex-shrink: 0;\n }\n div .editor-styles-wrapper .acf-block-preview div div .flex-grid > .large-span-9, div .editor-styles-wrapper .acf-block-preview div .flex-grid.large-span-all-9 > *, div .editor-styles-wrapper .acf-block-preview div div .flex > .large-span-9, div .editor-styles-wrapper .acf-block-preview div .flex.large-span-all-9 > *, div .editor-styles-wrapper .acf-block-preview div div .grid > .large-span-9, div .editor-styles-wrapper .acf-block-preview div .grid.large-span-all-9 > * {\n width: calc(75% - var(--grid-gap));\n flex-basis: auto;\n flex-grow: 0;\n flex-shrink: 0;\n }\n div .editor-styles-wrapper .acf-block-preview div div .flex-grid > .large-span-10, div .editor-styles-wrapper .acf-block-preview div .flex-grid.large-span-all-10 > *, div .editor-styles-wrapper .acf-block-preview div div .flex > .large-span-10, div .editor-styles-wrapper .acf-block-preview div .flex.large-span-all-10 > *, div .editor-styles-wrapper .acf-block-preview div div .grid > .large-span-10, div .editor-styles-wrapper .acf-block-preview div .grid.large-span-all-10 > * {\n width: calc(83.3333333333% - var(--grid-gap));\n flex-basis: auto;\n flex-grow: 0;\n flex-shrink: 0;\n }\n div .editor-styles-wrapper .acf-block-preview div div .flex-grid > .large-span-11, div .editor-styles-wrapper .acf-block-preview div .flex-grid.large-span-all-11 > *, div .editor-styles-wrapper .acf-block-preview div div .flex > .large-span-11, div .editor-styles-wrapper .acf-block-preview div .flex.large-span-all-11 > *, div .editor-styles-wrapper .acf-block-preview div div .grid > .large-span-11, div .editor-styles-wrapper .acf-block-preview div .grid.large-span-all-11 > * {\n width: calc(91.6666666667% - var(--grid-gap));\n flex-basis: auto;\n flex-grow: 0;\n flex-shrink: 0;\n }\n div .editor-styles-wrapper .acf-block-preview div div .flex-grid > .large-span-12, div .editor-styles-wrapper .acf-block-preview div .flex-grid.large-span-all-12 > *, div .editor-styles-wrapper .acf-block-preview div div .flex > .large-span-12, div .editor-styles-wrapper .acf-block-preview div .flex.large-span-all-12 > *, div .editor-styles-wrapper .acf-block-preview div div .grid > .large-span-12, div .editor-styles-wrapper .acf-block-preview div .grid.large-span-all-12 > * {\n width: calc(100% - var(--grid-gap));\n flex-basis: auto;\n flex-grow: 0;\n flex-shrink: 0;\n }\n}\n@media screen and (-ms-high-contrast: active) and (max-width: 768px), (-ms-high-contrast: none) and (max-width: 768px) {\n div .editor-styles-wrapper .acf-block-preview div div .flex-grid > .medium-span-1, div .editor-styles-wrapper .acf-block-preview div .flex-grid.medium-span-all-1 > *, div .editor-styles-wrapper .acf-block-preview div div .flex > .medium-span-1, div .editor-styles-wrapper .acf-block-preview div .flex.medium-span-all-1 > *, div .editor-styles-wrapper .acf-block-preview div div .grid > .medium-span-1, div .editor-styles-wrapper .acf-block-preview div .grid.medium-span-all-1 > * {\n width: calc(8.3333333333% - var(--grid-gap));\n flex-basis: auto;\n flex-grow: 0;\n flex-shrink: 0;\n }\n div .editor-styles-wrapper .acf-block-preview div div .flex-grid > .medium-span-2, div .editor-styles-wrapper .acf-block-preview div .flex-grid.medium-span-all-2 > *, div .editor-styles-wrapper .acf-block-preview div div .flex > .medium-span-2, div .editor-styles-wrapper .acf-block-preview div .flex.medium-span-all-2 > *, div .editor-styles-wrapper .acf-block-preview div div .grid > .medium-span-2, div .editor-styles-wrapper .acf-block-preview div .grid.medium-span-all-2 > * {\n width: calc(16.6666666667% - var(--grid-gap));\n flex-basis: auto;\n flex-grow: 0;\n flex-shrink: 0;\n }\n div .editor-styles-wrapper .acf-block-preview div div .flex-grid > .medium-span-3, div .editor-styles-wrapper .acf-block-preview div .flex-grid.medium-span-all-3 > *, div .editor-styles-wrapper .acf-block-preview div div .flex > .medium-span-3, div .editor-styles-wrapper .acf-block-preview div .flex.medium-span-all-3 > *, div .editor-styles-wrapper .acf-block-preview div div .grid > .medium-span-3, div .editor-styles-wrapper .acf-block-preview div .grid.medium-span-all-3 > * {\n width: calc(25% - var(--grid-gap));\n flex-basis: auto;\n flex-grow: 0;\n flex-shrink: 0;\n }\n div .editor-styles-wrapper .acf-block-preview div div .flex-grid > .medium-span-4, div .editor-styles-wrapper .acf-block-preview div .flex-grid.medium-span-all-4 > *, div .editor-styles-wrapper .acf-block-preview div div .flex > .medium-span-4, div .editor-styles-wrapper .acf-block-preview div .flex.medium-span-all-4 > *, div .editor-styles-wrapper .acf-block-preview div div .grid > .medium-span-4, div .editor-styles-wrapper .acf-block-preview div .grid.medium-span-all-4 > * {\n width: calc(33.3333333333% - var(--grid-gap));\n flex-basis: auto;\n flex-grow: 0;\n flex-shrink: 0;\n }\n div .editor-styles-wrapper .acf-block-preview div div .flex-grid > .medium-span-5, div .editor-styles-wrapper .acf-block-preview div .flex-grid.medium-span-all-5 > *, div .editor-styles-wrapper .acf-block-preview div div .flex > .medium-span-5, div .editor-styles-wrapper .acf-block-preview div .flex.medium-span-all-5 > *, div .editor-styles-wrapper .acf-block-preview div div .grid > .medium-span-5, div .editor-styles-wrapper .acf-block-preview div .grid.medium-span-all-5 > * {\n width: calc(41.6666666667% - var(--grid-gap));\n flex-basis: auto;\n flex-grow: 0;\n flex-shrink: 0;\n }\n div .editor-styles-wrapper .acf-block-preview div div .flex-grid > .medium-span-6, div .editor-styles-wrapper .acf-block-preview div .flex-grid.medium-span-all-6 > *, div .editor-styles-wrapper .acf-block-preview div div .flex > .medium-span-6, div .editor-styles-wrapper .acf-block-preview div .flex.medium-span-all-6 > *, div .editor-styles-wrapper .acf-block-preview div div .grid > .medium-span-6, div .editor-styles-wrapper .acf-block-preview div .grid.medium-span-all-6 > * {\n width: calc(50% - var(--grid-gap));\n flex-basis: auto;\n flex-grow: 0;\n flex-shrink: 0;\n }\n div .editor-styles-wrapper .acf-block-preview div div .flex-grid > .medium-span-7, div .editor-styles-wrapper .acf-block-preview div .flex-grid.medium-span-all-7 > *, div .editor-styles-wrapper .acf-block-preview div div .flex > .medium-span-7, div .editor-styles-wrapper .acf-block-preview div .flex.medium-span-all-7 > *, div .editor-styles-wrapper .acf-block-preview div div .grid > .medium-span-7, div .editor-styles-wrapper .acf-block-preview div .grid.medium-span-all-7 > * {\n width: calc(58.3333333333% - var(--grid-gap));\n flex-basis: auto;\n flex-grow: 0;\n flex-shrink: 0;\n }\n div .editor-styles-wrapper .acf-block-preview div div .flex-grid > .medium-span-8, div .editor-styles-wrapper .acf-block-preview div .flex-grid.medium-span-all-8 > *, div .editor-styles-wrapper .acf-block-preview div div .flex > .medium-span-8, div .editor-styles-wrapper .acf-block-preview div .flex.medium-span-all-8 > *, div .editor-styles-wrapper .acf-block-preview div div .grid > .medium-span-8, div .editor-styles-wrapper .acf-block-preview div .grid.medium-span-all-8 > * {\n width: calc(66.6666666667% - var(--grid-gap));\n flex-basis: auto;\n flex-grow: 0;\n flex-shrink: 0;\n }\n div .editor-styles-wrapper .acf-block-preview div div .flex-grid > .medium-span-9, div .editor-styles-wrapper .acf-block-preview div .flex-grid.medium-span-all-9 > *, div .editor-styles-wrapper .acf-block-preview div div .flex > .medium-span-9, div .editor-styles-wrapper .acf-block-preview div .flex.medium-span-all-9 > *, div .editor-styles-wrapper .acf-block-preview div div .grid > .medium-span-9, div .editor-styles-wrapper .acf-block-preview div .grid.medium-span-all-9 > * {\n width: calc(75% - var(--grid-gap));\n flex-basis: auto;\n flex-grow: 0;\n flex-shrink: 0;\n }\n div .editor-styles-wrapper .acf-block-preview div div .flex-grid > .medium-span-10, div .editor-styles-wrapper .acf-block-preview div .flex-grid.medium-span-all-10 > *, div .editor-styles-wrapper .acf-block-preview div div .flex > .medium-span-10, div .editor-styles-wrapper .acf-block-preview div .flex.medium-span-all-10 > *, div .editor-styles-wrapper .acf-block-preview div div .grid > .medium-span-10, div .editor-styles-wrapper .acf-block-preview div .grid.medium-span-all-10 > * {\n width: calc(83.3333333333% - var(--grid-gap));\n flex-basis: auto;\n flex-grow: 0;\n flex-shrink: 0;\n }\n div .editor-styles-wrapper .acf-block-preview div div .flex-grid > .medium-span-11, div .editor-styles-wrapper .acf-block-preview div .flex-grid.medium-span-all-11 > *, div .editor-styles-wrapper .acf-block-preview div div .flex > .medium-span-11, div .editor-styles-wrapper .acf-block-preview div .flex.medium-span-all-11 > *, div .editor-styles-wrapper .acf-block-preview div div .grid > .medium-span-11, div .editor-styles-wrapper .acf-block-preview div .grid.medium-span-all-11 > * {\n width: calc(91.6666666667% - var(--grid-gap));\n flex-basis: auto;\n flex-grow: 0;\n flex-shrink: 0;\n }\n div .editor-styles-wrapper .acf-block-preview div div .flex-grid > .medium-span-12, div .editor-styles-wrapper .acf-block-preview div .flex-grid.medium-span-all-12 > *, div .editor-styles-wrapper .acf-block-preview div div .flex > .medium-span-12, div .editor-styles-wrapper .acf-block-preview div .flex.medium-span-all-12 > *, div .editor-styles-wrapper .acf-block-preview div div .grid > .medium-span-12, div .editor-styles-wrapper .acf-block-preview div .grid.medium-span-all-12 > * {\n width: calc(100% - var(--grid-gap));\n flex-basis: auto;\n flex-grow: 0;\n flex-shrink: 0;\n }\n}\n@media screen and (-ms-high-contrast: active) and (max-width: 576px), (-ms-high-contrast: none) and (max-width: 576px) {\n div .editor-styles-wrapper .acf-block-preview div .flex-grid, div .editor-styles-wrapper .acf-block-preview div .flex, div .editor-styles-wrapper .acf-block-preview div .grid {\n flex-wrap: wrap;\n }\n div .editor-styles-wrapper .acf-block-preview div.site div .flex-grid > *, div .editor-styles-wrapper .acf-block-preview div.site div .flex > *, div .editor-styles-wrapper .acf-block-preview div.site div .grid > * {\n width: calc(100% - var(--grid-gap));\n }\n div .editor-styles-wrapper .acf-block-preview div div .flex-grid > .small-span-1, div .editor-styles-wrapper .acf-block-preview div div .flex-grid.small-span-all-1 > *, div .editor-styles-wrapper .acf-block-preview div div .flex > .small-span-1, div .editor-styles-wrapper .acf-block-preview div div .flex.small-span-all-1 > *, div .editor-styles-wrapper .acf-block-preview div div .grid > .small-span-1, div .editor-styles-wrapper .acf-block-preview div div .grid.small-span-all-1 > * {\n width: calc(8.3333333333% - var(--grid-gap));\n }\n div .editor-styles-wrapper .acf-block-preview div div .flex-grid > .small-span-1, div .editor-styles-wrapper .acf-block-preview div div .flex > .small-span-1, div .editor-styles-wrapper .acf-block-preview div div .grid > .small-span-1 {\n flex-grow: 0;\n flex-shrink: 0;\n }\n div .editor-styles-wrapper .acf-block-preview div div .flex-grid > .small-span-2, div .editor-styles-wrapper .acf-block-preview div div .flex-grid.small-span-all-2 > *, div .editor-styles-wrapper .acf-block-preview div div .flex > .small-span-2, div .editor-styles-wrapper .acf-block-preview div div .flex.small-span-all-2 > *, div .editor-styles-wrapper .acf-block-preview div div .grid > .small-span-2, div .editor-styles-wrapper .acf-block-preview div div .grid.small-span-all-2 > * {\n width: calc(16.6666666667% - var(--grid-gap));\n }\n div .editor-styles-wrapper .acf-block-preview div div .flex-grid > .small-span-2, div .editor-styles-wrapper .acf-block-preview div div .flex > .small-span-2, div .editor-styles-wrapper .acf-block-preview div div .grid > .small-span-2 {\n flex-grow: 0;\n flex-shrink: 0;\n }\n div .editor-styles-wrapper .acf-block-preview div div .flex-grid > .small-span-3, div .editor-styles-wrapper .acf-block-preview div div .flex-grid.small-span-all-3 > *, div .editor-styles-wrapper .acf-block-preview div div .flex > .small-span-3, div .editor-styles-wrapper .acf-block-preview div div .flex.small-span-all-3 > *, div .editor-styles-wrapper .acf-block-preview div div .grid > .small-span-3, div .editor-styles-wrapper .acf-block-preview div div .grid.small-span-all-3 > * {\n width: calc(25% - var(--grid-gap));\n }\n div .editor-styles-wrapper .acf-block-preview div div .flex-grid > .small-span-3, div .editor-styles-wrapper .acf-block-preview div div .flex > .small-span-3, div .editor-styles-wrapper .acf-block-preview div div .grid > .small-span-3 {\n flex-grow: 0;\n flex-shrink: 0;\n }\n div .editor-styles-wrapper .acf-block-preview div div .flex-grid > .small-span-4, div .editor-styles-wrapper .acf-block-preview div div .flex-grid.small-span-all-4 > *, div .editor-styles-wrapper .acf-block-preview div div .flex > .small-span-4, div .editor-styles-wrapper .acf-block-preview div div .flex.small-span-all-4 > *, div .editor-styles-wrapper .acf-block-preview div div .grid > .small-span-4, div .editor-styles-wrapper .acf-block-preview div div .grid.small-span-all-4 > * {\n width: calc(33.3333333333% - var(--grid-gap));\n }\n div .editor-styles-wrapper .acf-block-preview div div .flex-grid > .small-span-4, div .editor-styles-wrapper .acf-block-preview div div .flex > .small-span-4, div .editor-styles-wrapper .acf-block-preview div div .grid > .small-span-4 {\n flex-grow: 0;\n flex-shrink: 0;\n }\n div .editor-styles-wrapper .acf-block-preview div div .flex-grid > .small-span-5, div .editor-styles-wrapper .acf-block-preview div div .flex-grid.small-span-all-5 > *, div .editor-styles-wrapper .acf-block-preview div div .flex > .small-span-5, div .editor-styles-wrapper .acf-block-preview div div .flex.small-span-all-5 > *, div .editor-styles-wrapper .acf-block-preview div div .grid > .small-span-5, div .editor-styles-wrapper .acf-block-preview div div .grid.small-span-all-5 > * {\n width: calc(41.6666666667% - var(--grid-gap));\n }\n div .editor-styles-wrapper .acf-block-preview div div .flex-grid > .small-span-5, div .editor-styles-wrapper .acf-block-preview div div .flex > .small-span-5, div .editor-styles-wrapper .acf-block-preview div div .grid > .small-span-5 {\n flex-grow: 0;\n flex-shrink: 0;\n }\n div .editor-styles-wrapper .acf-block-preview div div .flex-grid > .small-span-6, div .editor-styles-wrapper .acf-block-preview div div .flex-grid.small-span-all-6 > *, div .editor-styles-wrapper .acf-block-preview div div .flex > .small-span-6, div .editor-styles-wrapper .acf-block-preview div div .flex.small-span-all-6 > *, div .editor-styles-wrapper .acf-block-preview div div .grid > .small-span-6, div .editor-styles-wrapper .acf-block-preview div div .grid.small-span-all-6 > * {\n width: calc(50% - var(--grid-gap));\n }\n div .editor-styles-wrapper .acf-block-preview div div .flex-grid > .small-span-6, div .editor-styles-wrapper .acf-block-preview div div .flex > .small-span-6, div .editor-styles-wrapper .acf-block-preview div div .grid > .small-span-6 {\n flex-grow: 0;\n flex-shrink: 0;\n }\n div .editor-styles-wrapper .acf-block-preview div div .flex-grid > .small-span-7, div .editor-styles-wrapper .acf-block-preview div div .flex-grid.small-span-all-7 > *, div .editor-styles-wrapper .acf-block-preview div div .flex > .small-span-7, div .editor-styles-wrapper .acf-block-preview div div .flex.small-span-all-7 > *, div .editor-styles-wrapper .acf-block-preview div div .grid > .small-span-7, div .editor-styles-wrapper .acf-block-preview div div .grid.small-span-all-7 > * {\n width: calc(58.3333333333% - var(--grid-gap));\n }\n div .editor-styles-wrapper .acf-block-preview div div .flex-grid > .small-span-7, div .editor-styles-wrapper .acf-block-preview div div .flex > .small-span-7, div .editor-styles-wrapper .acf-block-preview div div .grid > .small-span-7 {\n flex-grow: 0;\n flex-shrink: 0;\n }\n div .editor-styles-wrapper .acf-block-preview div div .flex-grid > .small-span-8, div .editor-styles-wrapper .acf-block-preview div div .flex-grid.small-span-all-8 > *, div .editor-styles-wrapper .acf-block-preview div div .flex > .small-span-8, div .editor-styles-wrapper .acf-block-preview div div .flex.small-span-all-8 > *, div .editor-styles-wrapper .acf-block-preview div div .grid > .small-span-8, div .editor-styles-wrapper .acf-block-preview div div .grid.small-span-all-8 > * {\n width: calc(66.6666666667% - var(--grid-gap));\n }\n div .editor-styles-wrapper .acf-block-preview div div .flex-grid > .small-span-8, div .editor-styles-wrapper .acf-block-preview div div .flex > .small-span-8, div .editor-styles-wrapper .acf-block-preview div div .grid > .small-span-8 {\n flex-grow: 0;\n flex-shrink: 0;\n }\n div .editor-styles-wrapper .acf-block-preview div div .flex-grid > .small-span-9, div .editor-styles-wrapper .acf-block-preview div div .flex-grid.small-span-all-9 > *, div .editor-styles-wrapper .acf-block-preview div div .flex > .small-span-9, div .editor-styles-wrapper .acf-block-preview div div .flex.small-span-all-9 > *, div .editor-styles-wrapper .acf-block-preview div div .grid > .small-span-9, div .editor-styles-wrapper .acf-block-preview div div .grid.small-span-all-9 > * {\n width: calc(75% - var(--grid-gap));\n }\n div .editor-styles-wrapper .acf-block-preview div div .flex-grid > .small-span-9, div .editor-styles-wrapper .acf-block-preview div div .flex > .small-span-9, div .editor-styles-wrapper .acf-block-preview div div .grid > .small-span-9 {\n flex-grow: 0;\n flex-shrink: 0;\n }\n div .editor-styles-wrapper .acf-block-preview div div .flex-grid > .small-span-10, div .editor-styles-wrapper .acf-block-preview div div .flex-grid.small-span-all-10 > *, div .editor-styles-wrapper .acf-block-preview div div .flex > .small-span-10, div .editor-styles-wrapper .acf-block-preview div div .flex.small-span-all-10 > *, div .editor-styles-wrapper .acf-block-preview div div .grid > .small-span-10, div .editor-styles-wrapper .acf-block-preview div div .grid.small-span-all-10 > * {\n width: calc(83.3333333333% - var(--grid-gap));\n }\n div .editor-styles-wrapper .acf-block-preview div div .flex-grid > .small-span-10, div .editor-styles-wrapper .acf-block-preview div div .flex > .small-span-10, div .editor-styles-wrapper .acf-block-preview div div .grid > .small-span-10 {\n flex-grow: 0;\n flex-shrink: 0;\n }\n div .editor-styles-wrapper .acf-block-preview div div .flex-grid > .small-span-11, div .editor-styles-wrapper .acf-block-preview div div .flex-grid.small-span-all-11 > *, div .editor-styles-wrapper .acf-block-preview div div .flex > .small-span-11, div .editor-styles-wrapper .acf-block-preview div div .flex.small-span-all-11 > *, div .editor-styles-wrapper .acf-block-preview div div .grid > .small-span-11, div .editor-styles-wrapper .acf-block-preview div div .grid.small-span-all-11 > * {\n width: calc(91.6666666667% - var(--grid-gap));\n }\n div .editor-styles-wrapper .acf-block-preview div div .flex-grid > .small-span-11, div .editor-styles-wrapper .acf-block-preview div div .flex > .small-span-11, div .editor-styles-wrapper .acf-block-preview div div .grid > .small-span-11 {\n flex-grow: 0;\n flex-shrink: 0;\n }\n div .editor-styles-wrapper .acf-block-preview div div .flex-grid > .small-span-12, div .editor-styles-wrapper .acf-block-preview div div .flex-grid.small-span-all-12 > *, div .editor-styles-wrapper .acf-block-preview div div .flex > .small-span-12, div .editor-styles-wrapper .acf-block-preview div div .flex.small-span-all-12 > *, div .editor-styles-wrapper .acf-block-preview div div .grid > .small-span-12, div .editor-styles-wrapper .acf-block-preview div div .grid.small-span-all-12 > * {\n width: calc(100% - var(--grid-gap));\n }\n div .editor-styles-wrapper .acf-block-preview div div .flex-grid > .small-span-12, div .editor-styles-wrapper .acf-block-preview div div .flex > .small-span-12, div .editor-styles-wrapper .acf-block-preview div div .grid > .small-span-12 {\n flex-grow: 0;\n flex-shrink: 0;\n }\n}\n@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {\n div .editor-styles-wrapper .acf-block-preview .layout-center-content > * {\n margin: 0;\n }\n}\ndiv .editor-styles-wrapper .acf-block-preview body {\n background: var(--body-bg);\n}\ndiv .editor-styles-wrapper .acf-block-preview .site-logo {\n font-size: 3.3rem;\n text-transform: uppercase;\n color: white;\n max-width: 350px;\n}\ndiv .editor-styles-wrapper .acf-block-preview .site-logo svg, div .editor-styles-wrapper .acf-block-preview .site-logo path, div .editor-styles-wrapper .acf-block-preview .site-logo g {\n fill: currentColor;\n}\ndiv .editor-styles-wrapper .acf-block-preview .site-navigation .site-logo {\n padding: 3px 0;\n}\ndiv .editor-styles-wrapper .acf-block-preview .site-top {\n position: relative;\n background: var(--site-top);\n}\ndiv .editor-styles-wrapper .acf-block-preview .entry-header, div .editor-styles-wrapper .acf-block-preview .page-header {\n position: relative;\n min-height: calc(400px + 5vw);\n padding: 30px 0;\n color: white;\n background-color: var(--dark-grey);\n background-size: cover;\n}\ndiv .editor-styles-wrapper .acf-block-preview .entry-header h1, div .editor-styles-wrapper .acf-block-preview .page-header h1 {\n margin: 0;\n}\ndiv .editor-styles-wrapper .acf-block-preview .entry-header .cover-image, div .editor-styles-wrapper .acf-block-preview .page-header .cover-image {\n height: 500px;\n}\ndiv .editor-styles-wrapper .acf-block-preview .entry-header + p, div .editor-styles-wrapper .acf-block-preview .entry-content > p:first-child {\n padding-top: var(--gap);\n}\ndiv .editor-styles-wrapper .acf-block-preview .site-footer {\n padding-top: 5px;\n padding-bottom: 5px;\n background: var(--footer-bg);\n color: var(--subtle-text-color);\n font-size: 1.1rem;\n}\ndiv .editor-styles-wrapper .acf-block-preview .site-footer a {\n color: inherit;\n}\ndiv .editor-styles-wrapper .acf-block-preview .error404 {\n background: white;\n color: var(--highlight);\n}\ndiv .editor-styles-wrapper .acf-block-preview .error404 .site-content {\n display: flex;\n align-items: center;\n justify-content: center;\n}\ndiv .editor-styles-wrapper .acf-block-preview .error404 .site-footer, div .editor-styles-wrapper .acf-block-preview .error404 .site-top {\n display: none;\n}\ndiv .editor-styles-wrapper .acf-block-preview .error404 .title-404 {\n font-size: 27vmin;\n font-weight: bold;\n line-height: 1;\n color: rgba(74, 58, 148, 0.82);\n text-shadow: 1px 1px white;\n margin-bottom: var(--gap);\n}\ndiv .editor-styles-wrapper .acf-block-preview .background-image {\n position: absolute;\n top: 0;\n left: 0;\n height: 100%;\n width: 100%;\n display: block;\n}\ndiv .editor-styles-wrapper .acf-block-preview .background-image img {\n object-fit: cover;\n height: 100%;\n width: 100%;\n position: relative;\n}\ndiv .editor-styles-wrapper .acf-block-preview .background-image ~ * {\n z-index: 10;\n}\ndiv .editor-styles-wrapper .acf-block-preview .cover-image {\n width: 100%;\n display: block;\n}\ndiv .editor-styles-wrapper .acf-block-preview .cover-image img {\n object-fit: cover;\n left: 0;\n right: 0;\n height: 100%;\n width: 100%;\n}\ndiv .editor-styles-wrapper .acf-block-preview .overlay {\n box-shadow: inset 0 0 0 2000px var(--overlay-color);\n color: white;\n}\ndiv .editor-styles-wrapper .acf-block-preview article img, div .editor-styles-wrapper .acf-block-preview .wp-block-image img {\n display: block;\n}\ndiv .editor-styles-wrapper .acf-block-preview figure {\n margin-bottom: 1em;\n max-width: 100%;\n font-size: 1.3rem;\n}\ndiv .editor-styles-wrapper .acf-block-preview .card-grid figure, div .editor-styles-wrapper .acf-block-preview .card-grid-full figure {\n text-align: center;\n margin: 0;\n}\ndiv .editor-styles-wrapper .acf-block-preview img.alignright {\n float: right;\n margin-left: var(--gap);\n margin-bottom: 1em;\n}\ndiv .editor-styles-wrapper .acf-block-preview img.alignleft {\n float: left;\n margin-right: var(--gap);\n margin-bottom: 1em;\n}\ndiv .editor-styles-wrapper .acf-block-preview .wp-block-image .alignright {\n margin-top: 0.6em;\n float: right;\n margin-left: var(--gap);\n}\ndiv .editor-styles-wrapper .acf-block-preview .wp-block-image .alignleft {\n margin-top: 0.6em;\n float: left;\n margin-right: var(--gap);\n}\ndiv .editor-styles-wrapper .acf-block-preview .aligncenter {\n clear: both;\n display: block;\n margin-left: auto;\n margin-right: auto;\n}\ndiv .editor-styles-wrapper .acf-block-preview .container-content .alignfull {\n max-width: none;\n}\ndiv .editor-styles-wrapper .acf-block-preview .alignfull img {\n object-fit: cover;\n}\ndiv .editor-styles-wrapper .acf-block-preview .videowrapper {\n float: none;\n clear: both;\n width: 100%;\n position: relative;\n padding-bottom: 56.25%;\n padding-top: 0;\n height: 0;\n}\ndiv .editor-styles-wrapper .acf-block-preview .videowrapper iframe, div .editor-styles-wrapper .acf-block-preview .videowrapper video, div .editor-styles-wrapper .acf-block-preview .videowrapper object {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n}\ndiv .editor-styles-wrapper .acf-block-preview .menu li {\n color: white;\n}\ndiv .editor-styles-wrapper .acf-block-preview .menu li:hover, div .editor-styles-wrapper .acf-block-preview .menu li.toggled-on, div .editor-styles-wrapper .acf-block-preview .menu li:active {\n color: black;\n}\ndiv .editor-styles-wrapper .acf-block-preview #panel-left .menu .current-menu-item, div .editor-styles-wrapper .acf-block-preview #panel-left .menu li.toggled-on {\n background: rgba(0, 0, 0, 0.3);\n color: white;\n}\ndiv .editor-styles-wrapper .acf-block-preview #panel-left .menu .current-menu-item > .menu-item-link, div .editor-styles-wrapper .acf-block-preview #panel-left .menu li.toggled-on > .menu-item-link {\n background: rgba(0, 0, 0, 0.5);\n}\n@media (min-width: 800px) {\n div .editor-styles-wrapper .acf-block-preview .site-top .menu li, div .editor-styles-wrapper .acf-block-preview .horizontal-menu .menu li {\n color: white;\n font-weight: bold;\n }\n div .editor-styles-wrapper .acf-block-preview .site-top .menu .top-level-item.current-menu-item .menu-item-link, div .editor-styles-wrapper .acf-block-preview .horizontal-menu .menu .top-level-item.current-menu-item .menu-item-link {\n color: var(--main-text-color);\n }\n div .editor-styles-wrapper .acf-block-preview .site-top .menu .top-level-item.toggled-on, div .editor-styles-wrapper .acf-block-preview .site-top .menu .top-level-item:focus-within, div .editor-styles-wrapper .acf-block-preview .horizontal-menu .menu .top-level-item.toggled-on, div .editor-styles-wrapper .acf-block-preview .horizontal-menu .menu .top-level-item:focus-within {\n background: transparent;\n color: black;\n }\n div .editor-styles-wrapper .acf-block-preview .site-top .menu .top-level-item.toggled-on > .sub-menu, div .editor-styles-wrapper .acf-block-preview .site-top .menu .top-level-item.toggled-on > .children, div .editor-styles-wrapper .acf-block-preview .site-top .menu .top-level-item:focus-within > .sub-menu, div .editor-styles-wrapper .acf-block-preview .site-top .menu .top-level-item:focus-within > .children, div .editor-styles-wrapper .acf-block-preview .horizontal-menu .menu .top-level-item.toggled-on > .sub-menu, div .editor-styles-wrapper .acf-block-preview .horizontal-menu .menu .top-level-item.toggled-on > .children, div .editor-styles-wrapper .acf-block-preview .horizontal-menu .menu .top-level-item:focus-within > .sub-menu, div .editor-styles-wrapper .acf-block-preview .horizontal-menu .menu .top-level-item:focus-within > .children {\n transform: translate3d(-50%, -5px, 0) rotateX(0);\n opacity: 1;\n visibility: visible;\n }\n div .editor-styles-wrapper .acf-block-preview .site-top .menu .top-level-item > .sub-menu, div .editor-styles-wrapper .acf-block-preview .site-top .menu .top-level-item > .children, div .editor-styles-wrapper .acf-block-preview .horizontal-menu .menu .top-level-item > .sub-menu, div .editor-styles-wrapper .acf-block-preview .horizontal-menu .menu .top-level-item > .children {\n opacity: 0;\n visibility: hidden;\n transform: perspective(100px) translate3d(-50%, 0, 0) rotateX(-8deg);\n transition: all 0.3s;\n background: white;\n box-shadow: 0 3px 10px rgba(0, 0, 0, 0.17);\n border-radius: 3px;\n transform-style: preserve-3d;\n transform-origin: 0 top;\n overflow: visible;\n padding: 5px 0;\n }\n div .editor-styles-wrapper .acf-block-preview .site-top .menu .top-level-item > .sub-menu a, div .editor-styles-wrapper .acf-block-preview .site-top .menu .top-level-item > .children a, div .editor-styles-wrapper .acf-block-preview .horizontal-menu .menu .top-level-item > .sub-menu a, div .editor-styles-wrapper .acf-block-preview .horizontal-menu .menu .top-level-item > .children a {\n flex-shrink: 1;\n }\n div .editor-styles-wrapper .acf-block-preview .site-top .menu .top-level-item > .sub-menu:before, div .editor-styles-wrapper .acf-block-preview .site-top .menu .top-level-item > .children:before, div .editor-styles-wrapper .acf-block-preview .horizontal-menu .menu .top-level-item > .sub-menu:before, div .editor-styles-wrapper .acf-block-preview .horizontal-menu .menu .top-level-item > .children:before {\n content: \"\";\n width: 16px;\n height: 16px;\n background: inherit;\n display: block;\n transform: rotate(45deg);\n position: absolute;\n top: -8px;\n left: 0;\n right: 0;\n margin: auto;\n z-index: 1;\n }\n div .editor-styles-wrapper .acf-block-preview .site-top .menu .top-level-item > .sub-menu .menu-item-link, div .editor-styles-wrapper .acf-block-preview .site-top .menu .top-level-item > .children .menu-item-link, div .editor-styles-wrapper .acf-block-preview .horizontal-menu .menu .top-level-item > .sub-menu .menu-item-link, div .editor-styles-wrapper .acf-block-preview .horizontal-menu .menu .top-level-item > .children .menu-item-link {\n transition: all 0.5s;\n color: var(--highlight);\n z-index: 2;\n position: relative;\n }\n div .editor-styles-wrapper .acf-block-preview .site-top .menu .top-level-item > .sub-menu .menu-item-link:hover, div .editor-styles-wrapper .acf-block-preview .site-top .menu .top-level-item > .sub-menu .menu-item-link:focus-within, div .editor-styles-wrapper .acf-block-preview .site-top .menu .top-level-item > .children .menu-item-link:hover, div .editor-styles-wrapper .acf-block-preview .site-top .menu .top-level-item > .children .menu-item-link:focus-within, div .editor-styles-wrapper .acf-block-preview .horizontal-menu .menu .top-level-item > .sub-menu .menu-item-link:hover, div .editor-styles-wrapper .acf-block-preview .horizontal-menu .menu .top-level-item > .sub-menu .menu-item-link:focus-within, div .editor-styles-wrapper .acf-block-preview .horizontal-menu .menu .top-level-item > .children .menu-item-link:hover, div .editor-styles-wrapper .acf-block-preview .horizontal-menu .menu .top-level-item > .children .menu-item-link:focus-within {\n background: var(--highlight);\n color: white;\n }\n div .editor-styles-wrapper .acf-block-preview .site-top .menu .top-level-item.offscreen-right > .sub-menu, div .editor-styles-wrapper .acf-block-preview .horizontal-menu .menu .top-level-item.offscreen-right > .sub-menu {\n left: -50px;\n }\n div .editor-styles-wrapper .acf-block-preview .site-top .menu .top-level-item.offscreen-right > .sub-menu:before, div .editor-styles-wrapper .acf-block-preview .horizontal-menu .menu .top-level-item.offscreen-right > .sub-menu:before {\n content: none;\n }\n div .editor-styles-wrapper .acf-block-preview .top-level-item > .menu-item-link .submenu-dropdown-toggle {\n display: none;\n }\n}\ndiv .editor-styles-wrapper .acf-block-preview .touch-device .top-level-item > .menu-item-link .submenu-dropdown-toggle {\n display: block;\n}\ndiv .editor-styles-wrapper .acf-block-preview .submenu-dropdown-toggle .icon {\n transition: transform 0.4s;\n}\ndiv .editor-styles-wrapper .acf-block-preview .menu-item.toggled-on > .menu-item-link .icon, div .editor-styles-wrapper .acf-block-preview .menu-item:focus-within > .menu-item-link.icon {\n transform: rotate(90deg);\n}\ndiv .editor-styles-wrapper .acf-block-preview .submenu-dropdown-toggle,\ndiv .editor-styles-wrapper .acf-block-preview .submenu-dropdown-toggle:focus {\n background: none;\n border: none;\n margin: 0;\n display: inline;\n outline: none;\n cursor: pointer;\n min-width: 1.5em;\n text-align: left;\n font-size: inherit;\n color: inherit;\n}\ndiv .editor-styles-wrapper .acf-block-preview label {\n display: block;\n font-weight: 800;\n}\ndiv .editor-styles-wrapper .acf-block-preview fieldset {\n margin-bottom: var(--gap);\n}\ndiv .editor-styles-wrapper .acf-block-preview input[type=text],\ndiv .editor-styles-wrapper .acf-block-preview input[type=email],\ndiv .editor-styles-wrapper .acf-block-preview input[type=url],\ndiv .editor-styles-wrapper .acf-block-preview input[type=password],\ndiv .editor-styles-wrapper .acf-block-preview input[type=search],\ndiv .editor-styles-wrapper .acf-block-preview input[type=number],\ndiv .editor-styles-wrapper .acf-block-preview input[type=tel],\ndiv .editor-styles-wrapper .acf-block-preview input[type=range],\ndiv .editor-styles-wrapper .acf-block-preview input[type=date],\ndiv .editor-styles-wrapper .acf-block-preview input[type=month],\ndiv .editor-styles-wrapper .acf-block-preview input[type=week],\ndiv .editor-styles-wrapper .acf-block-preview input[type=time],\ndiv .editor-styles-wrapper .acf-block-preview input[type=datetime],\ndiv .editor-styles-wrapper .acf-block-preview input[type=datetime-local],\ndiv .editor-styles-wrapper .acf-block-preview input[type=color],\ndiv .editor-styles-wrapper .acf-block-preview input[type=file],\ndiv .editor-styles-wrapper .acf-block-preview textarea {\n border: 1px solid grey;\n background: transparent;\n color: var(--main-text-color);\n width: 100%;\n min-width: 0;\n font-size: inherit;\n transition: all 0.5s;\n padding: 3px 5px;\n display: block;\n}\ndiv .editor-styles-wrapper .acf-block-preview input[type=text]:focus,\ndiv .editor-styles-wrapper .acf-block-preview input[type=email]:focus,\ndiv .editor-styles-wrapper .acf-block-preview input[type=url]:focus,\ndiv .editor-styles-wrapper .acf-block-preview input[type=password]:focus,\ndiv .editor-styles-wrapper .acf-block-preview input[type=search]:focus,\ndiv .editor-styles-wrapper .acf-block-preview input[type=number]:focus,\ndiv .editor-styles-wrapper .acf-block-preview input[type=tel]:focus,\ndiv .editor-styles-wrapper .acf-block-preview input[type=range]:focus,\ndiv .editor-styles-wrapper .acf-block-preview input[type=date]:focus,\ndiv .editor-styles-wrapper .acf-block-preview input[type=month]:focus,\ndiv .editor-styles-wrapper .acf-block-preview input[type=week]:focus,\ndiv .editor-styles-wrapper .acf-block-preview input[type=time]:focus,\ndiv .editor-styles-wrapper .acf-block-preview input[type=datetime]:focus,\ndiv .editor-styles-wrapper .acf-block-preview input[type=datetime-local]:focus,\ndiv .editor-styles-wrapper .acf-block-preview input[type=color]:focus,\ndiv .editor-styles-wrapper .acf-block-preview input[type=file]:focus,\ndiv .editor-styles-wrapper .acf-block-preview textarea:focus {\n border: 1px solid var(--highlight);\n}\ndiv .editor-styles-wrapper .acf-block-preview .site-container select {\n width: 100%;\n background-image: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20xmlns%3Axlink%3D%27http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%27%20aria-hidden%3D%27true%27%20focusable%3D%27false%27%20width%3D%271em%27%20height%3D%271em%27%20style%3D%27-ms-transform%3A%20rotate%28360deg%29%3B%20-webkit-transform%3A%20rotate%28360deg%29%3B%20transform%3A%20rotate%28360deg%29%3B%27%20preserveAspectRatio%3D%27xMidYMid%20meet%27%20viewBox%3D%270%200%2032%2032%27%3E%3Cpath%20d%3D%27M16%2022L6%2012l1.4-1.4l8.6%208.6l8.6-8.6L26%2012z%27%20fill%3D%27%23000%27%2F%3E%3Crect%20x%3D%270%27%20y%3D%270%27%20width%3D%2732%27%20height%3D%2732%27%20fill%3D%27rgba%280%2C%200%2C%200%2C%200%29%27%20%2F%3E%3C%2Fsvg%3E\");\n background-repeat: no-repeat, repeat;\n background-position: right 0.8rem top 50%, 0 0;\n background-size: 1.2em auto, 100%;\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n padding: 5px 10px;\n font-weight: bold;\n color: black;\n background-color: transparent;\n font-size: inherit;\n}\ndiv .editor-styles-wrapper .acf-block-preview .site-container select option {\n font-weight: normal;\n}\ndiv .editor-styles-wrapper .acf-block-preview input[type=radio],\ndiv .editor-styles-wrapper .acf-block-preview input[type=checkbox] {\n margin-right: 0.5em;\n}\ndiv .editor-styles-wrapper .acf-block-preview .btn, div .editor-styles-wrapper .acf-block-preview .button, div .editor-styles-wrapper .acf-block-preview input[type=submit] {\n border: 1px solid transparent;\n display: inline-block;\n text-transform: capitalize;\n background: var(--highlight);\n padding: 5px 10px;\n color: white;\n border-radius: 3px;\n transition: all 0.5s;\n cursor: pointer;\n box-shadow: none;\n font-size: inherit;\n}\ndiv .editor-styles-wrapper .acf-block-preview .btn:active, div .editor-styles-wrapper .acf-block-preview .btn:focus, div .editor-styles-wrapper .acf-block-preview .button:active, div .editor-styles-wrapper .acf-block-preview .button:focus, div .editor-styles-wrapper .acf-block-preview input[type=submit]:active, div .editor-styles-wrapper .acf-block-preview input[type=submit]:focus {\n color: white;\n background: var(--highlight-darkened);\n box-shadow: 0 0 0 2px var(--highlight-alpha);\n}\ndiv .editor-styles-wrapper .acf-block-preview .btn:hover, div .editor-styles-wrapper .acf-block-preview .button:hover, div .editor-styles-wrapper .acf-block-preview input[type=submit]:hover {\n color: white;\n background: var(--highlight-darkened);\n}\ndiv .editor-styles-wrapper .acf-block-preview .btn--o, div .editor-styles-wrapper .acf-block-preview .button--o {\n border: 1px solid var(--highlight);\n color: var(--highlight);\n background: transparent;\n}\ndiv .editor-styles-wrapper .acf-block-preview .btn--o:hover, div .editor-styles-wrapper .acf-block-preview .btn--o:focus, div .editor-styles-wrapper .acf-block-preview .button--o:hover, div .editor-styles-wrapper .acf-block-preview .button--o:focus {\n background: var(--highlight);\n color: white;\n}\ndiv .editor-styles-wrapper .acf-block-preview ::placeholder {\n color: var(--grey);\n opacity: 0.7;\n font-family: var(--font);\n}\ndiv .editor-styles-wrapper .acf-block-preview .search-form {\n display: flex;\n font-size: 2rem;\n}\ndiv .editor-styles-wrapper .acf-block-preview .search-form .search-field {\n flex: 1 1 auto;\n padding: 3px 10px 3px 10px;\n border: 1px solid var(--highlight);\n border-radius: 3px;\n background: white;\n}\ndiv .editor-styles-wrapper .acf-block-preview .input-prepend, div .editor-styles-wrapper .acf-block-preview .input-append {\n transition: all 0.5s;\n background: white;\n z-index: 2;\n color: var(--subtle-text-color);\n box-shadow: none;\n}\ndiv .editor-styles-wrapper .acf-block-preview .input-append {\n border-radius: 0 3px 3px 0;\n margin-left: -2px;\n order: 1;\n border: 1px solid var(--highlight);\n border-left: 0;\n}\ndiv .editor-styles-wrapper .acf-block-preview .input-prepend {\n border-radius: 3px 0 0 3px;\n margin-right: -2px;\n border: 1px solid var(--highlight);\n order: -1;\n border-right: 0;\n}\ndiv .editor-styles-wrapper .acf-block-preview input:focus + .input-prepend {\n border-color: var(--highlight);\n}\ndiv .editor-styles-wrapper .acf-block-preview input:focus + .input-append {\n border-color: var(--highlight);\n}\ndiv .editor-styles-wrapper .acf-block-preview .animate {\n animation-fill-mode: both;\n animation-duration: 1s;\n transform: translate(0);\n}\ndiv .editor-styles-wrapper .acf-block-preview .infinite {\n animation-iteration-count: infinite;\n}\ndiv .editor-styles-wrapper .acf-block-preview #page [data-scrollscrub] {\n transition: none;\n}\ndiv .editor-styles-wrapper .acf-block-preview .fixed-at-top {\n position: fixed;\n top: 0;\n}\ndiv .editor-styles-wrapper .acf-block-preview .active.sequence:nth-of-type(1) {\n transition-delay: 0s;\n}\ndiv .editor-styles-wrapper .acf-block-preview .active.sequence:nth-of-type(2) {\n transition-delay: 0.25s;\n}\ndiv .editor-styles-wrapper .acf-block-preview .active.sequence:nth-of-type(3) {\n transition-delay: 0.5s;\n}\ndiv .editor-styles-wrapper .acf-block-preview .active.sequence:nth-of-type(4) {\n transition-delay: 0.75s;\n}\ndiv .editor-styles-wrapper .acf-block-preview .active.sequence:nth-of-type(5) {\n transition-delay: 1s;\n}\ndiv .editor-styles-wrapper .acf-block-preview .active.sequence:nth-of-type(6) {\n transition-delay: 1.25s;\n}\ndiv .editor-styles-wrapper .acf-block-preview .active.sequence:nth-of-type(7) {\n transition-delay: 1.5s;\n}\ndiv .editor-styles-wrapper .acf-block-preview .active.sequence:nth-of-type(8) {\n transition-delay: 1.75s;\n}\ndiv .editor-styles-wrapper .acf-block-preview .active.sequence:nth-of-type(9) {\n transition-delay: 2s;\n}\ndiv .editor-styles-wrapper .acf-block-preview .active.sequence:nth-of-type(10) {\n transition-delay: 2.25s;\n}\ndiv .editor-styles-wrapper .acf-block-preview .active.sequence:nth-of-type(11) {\n transition-delay: 2.5s;\n}\ndiv .editor-styles-wrapper .acf-block-preview .active.sequence:nth-of-type(12) {\n transition-delay: 2.75s;\n}\ndiv .editor-styles-wrapper .acf-block-preview .active.sequence:nth-of-type(13) {\n transition-delay: 3s;\n}\ndiv .editor-styles-wrapper .acf-block-preview .active.sequence:nth-of-type(14) {\n transition-delay: 3.25s;\n}\ndiv .editor-styles-wrapper .acf-block-preview .active.sequence:nth-of-type(15) {\n transition-delay: 3.5s;\n}\ndiv .editor-styles-wrapper .acf-block-preview .active.sequence:nth-of-type(16) {\n transition-delay: 3.75s;\n}\ndiv .editor-styles-wrapper .acf-block-preview .active.sequence:nth-of-type(17) {\n transition-delay: 4s;\n}\ndiv .editor-styles-wrapper .acf-block-preview .active.sequence:nth-of-type(18) {\n transition-delay: 4.25s;\n}\ndiv .editor-styles-wrapper .acf-block-preview .active.sequence:nth-of-type(19) {\n transition-delay: 4.5s;\n}\ndiv .editor-styles-wrapper .acf-block-preview .active.sequence:nth-of-type(20) {\n transition-delay: 4.75s;\n}\ndiv .editor-styles-wrapper .acf-block-preview .active.sequence:nth-of-type(21) {\n transition-delay: 5s;\n}\ndiv .editor-styles-wrapper .acf-block-preview .active.sequence:nth-of-type(22) {\n transition-delay: 5.25s;\n}\ndiv .editor-styles-wrapper .acf-block-preview .active.sequence:nth-of-type(23) {\n transition-delay: 5.5s;\n}\ndiv .editor-styles-wrapper .acf-block-preview .active.sequence:nth-of-type(24) {\n transition-delay: 5.75s;\n}\ndiv .editor-styles-wrapper .acf-block-preview .active.sequence:nth-of-type(25) {\n transition-delay: 6s;\n}\ndiv .editor-styles-wrapper .acf-block-preview .active.sequence:nth-of-type(26) {\n transition-delay: 6.25s;\n}\ndiv .editor-styles-wrapper .acf-block-preview .active.sequence:nth-of-type(27) {\n transition-delay: 6.5s;\n}\ndiv .editor-styles-wrapper .acf-block-preview .active.sequence:nth-of-type(28) {\n transition-delay: 6.75s;\n}\ndiv .editor-styles-wrapper .acf-block-preview .active.sequence:nth-of-type(29) {\n transition-delay: 7s;\n}\ndiv .editor-styles-wrapper .acf-block-preview .active.sequence:nth-of-type(30) {\n transition-delay: 7.25s;\n}\ndiv .editor-styles-wrapper .acf-block-preview .active.sequence:nth-of-type(31) {\n transition-delay: 7.5s;\n}\ndiv .editor-styles-wrapper .acf-block-preview .js [data-scrollanimation*=fadeInUp] {\n opacity: 0;\n transition: all 0.5s;\n transform: translate3d(0, 100%, 0);\n}\ndiv .editor-styles-wrapper .acf-block-preview .js [data-scrollanimation*=fadeInUp].fadeInUp {\n opacity: 1;\n transform: translate3d(0, 0, 0);\n}\ndiv .editor-styles-wrapper .acf-block-preview .js [data-scrollanimation*=zoomIn] {\n transition: all 0.5s;\n opacity: 0;\n transform: scale3d(0.3, 0.3, 0.3);\n}\ndiv .editor-styles-wrapper .acf-block-preview .js [data-scrollanimation*=zoomIn].zoomIn {\n transform: scale(1);\n opacity: 1;\n}\ndiv .editor-styles-wrapper .acf-block-preview .icon, div .editor-styles-wrapper .acf-block-preview .icon {\n display: inline-block;\n stroke-width: 0;\n stroke: currentColor;\n height: 1em;\n vertical-align: middle;\n width: 1em;\n position: relative;\n fill: currentColor;\n}\ndiv .editor-styles-wrapper .acf-block-preview .icon svg, div .editor-styles-wrapper .acf-block-preview .icon path, div .editor-styles-wrapper .acf-block-preview .icon g, div .editor-styles-wrapper .acf-block-preview .icon svg, div .editor-styles-wrapper .acf-block-preview .icon path, div .editor-styles-wrapper .acf-block-preview .icon g {\n fill: currentColor;\n}\ndiv .editor-styles-wrapper .acf-block-preview .icon-arrow-right {\n top: -2px;\n}\ndiv .editor-styles-wrapper .acf-block-preview ul,\ndiv .editor-styles-wrapper .acf-block-preview ol {\n margin: 0 0 1.5em var(--gap);\n padding: 0;\n}\ndiv .editor-styles-wrapper .acf-block-preview ul {\n list-style: disc;\n}\ndiv .editor-styles-wrapper .acf-block-preview ol {\n list-style: decimal;\n}\ndiv .editor-styles-wrapper .acf-block-preview li > ul,\ndiv .editor-styles-wrapper .acf-block-preview li > ol {\n margin-bottom: 0;\n margin-left: 1.5em;\n}\ndiv .editor-styles-wrapper .acf-block-preview dt {\n font-weight: 700;\n}\ndiv .editor-styles-wrapper .acf-block-preview dd {\n margin: 0 1.5em 1.5em;\n}\ndiv .editor-styles-wrapper .acf-block-preview table {\n border-collapse: collapse;\n margin: 0 0 1.5em;\n width: 100%;\n}\ndiv .editor-styles-wrapper .acf-block-preview thead th {\n border-bottom: 2px solid #bbb;\n padding-bottom: 0.5em;\n}\ndiv .editor-styles-wrapper .acf-block-preview th {\n padding: 0.4em;\n text-align: left;\n}\ndiv .editor-styles-wrapper .acf-block-preview tr {\n border-bottom: 1px solid #eee;\n}\ndiv .editor-styles-wrapper .acf-block-preview td {\n padding: 0.4em;\n}\ndiv .editor-styles-wrapper .acf-block-preview th:first-child,\ndiv .editor-styles-wrapper .acf-block-preview td:first-child {\n padding-left: 0;\n}\ndiv .editor-styles-wrapper .acf-block-preview th:last-child,\ndiv .editor-styles-wrapper .acf-block-preview td:last-child {\n padding-right: 0;\n}\ndiv .editor-styles-wrapper .acf-block-preview section, div .editor-styles-wrapper .acf-block-preview .section {\n padding-top: var(--gap);\n padding-bottom: var(--gap);\n}\ndiv .editor-styles-wrapper .acf-block-preview section section, div .editor-styles-wrapper .acf-block-preview .section section {\n padding-top: 0;\n padding-bottom: 0;\n}\ndiv .editor-styles-wrapper .acf-block-preview section p:last-child, div .editor-styles-wrapper .acf-block-preview .section p:last-child {\n margin-bottom: 0;\n}\ndiv .editor-styles-wrapper .acf-block-preview .no-bg + .no-bg {\n padding-top: 0;\n}\ndiv .editor-styles-wrapper .acf-block-preview section.heading-center h1, div .editor-styles-wrapper .acf-block-preview section.heading-center h2 {\n text-align: center;\n}\ndiv .editor-styles-wrapper .acf-block-preview .site-content .padding {\n padding: var(--gap);\n}\ndiv .editor-styles-wrapper .acf-block-preview .site-content .no-padding {\n padding: 0;\n}\ndiv .editor-styles-wrapper .acf-block-preview .site-content .no-padding-top {\n padding-top: 0;\n}\ndiv .editor-styles-wrapper .acf-block-preview .site-content .no-padding-bottom {\n padding-bottom: 0;\n}\ndiv .editor-styles-wrapper .acf-block-preview .site-content .margin-bottom {\n margin-bottom: var(--gap);\n}\n\n.editor-styles-wrapper .acf-block-preview {\n /*--------------------------------------------------------------\n # Post Card design\n --------------------------------------------------------------*/\n /*------- ACF Menu block --------*/\n}\n.editor-styles-wrapper .acf-block-preview .post.card-item {\n border: 1px solid var(--highlight);\n padding: var(--gutters);\n}\n.editor-styles-wrapper .acf-block-preview .site .acf-menu {\n padding: 0;\n}\n.editor-styles-wrapper .acf-block-preview .section-menu {\n background: var(--dark-grey);\n}\n.editor-styles-wrapper .acf-block-preview .section-menu li {\n font-weight: normal;\n}","/*--------------------------------------------------------------\n# SASS Variables and Mixins. Do not output any css in here. if you need these make sure to @use \"variables\"\n--------------------------------------------------------------*/\n//css vars cannot be used in media queries. Sass is still used for media query variables\n//Add your own query variables below\n\n/*------- Media Query Sizes. Add your own --------*/\n$media-nav: 800px; //when navigations should go mobile. Should prob match --nav-move found in variables.scss\n$media-sidebar: 1000px; //when .secondary would go mobile if you are using it.\n$media-small: 576px;\n$media-medium: 768px;\n$media-large: 1030px;\n$media-container: 1200px; //should match the container css variable\n\n\n$gap: 30px; //still used in some queries and instances\n$collapse-on-small: true; //collapse grid and flex-grid and flex on small devices automatically. small-span can override\n\n/*------- Panel Becomes Absolute Query --------*/\n$panel-left-absolute: 500px; //when panel-left should become absolute instead of pushing main content over\n$panel-right-absolute: 1030px;\n\n\n/*------- Add your own breakpoints to the grid --------*/\n//When using the grid you have the ability to makes spans at that breakpoint.\n//ie: medium-span-4 will span 4 at the $media-medium size\n//add your own to the list below to have your own span classes available!\n//you will need a name to use in the class and you need to create a media variable set to a pixel size\n$media-list: ('container': $media-container, 'medium': $media-medium, 'small': $media-small, 'large': $media-large);\n\n\n\n\n\n\n/*--------------------------------------------------------------\nMixins\n--------------------------------------------------------------*/\n\n/*------- Retina --------*/\n@mixin retina {\n @media screen and (-webkit-min-device-pixel-ratio: 2),\n screen and (min-resolution: 192dpi),\n screen and (min-resolution: 2dppx) {\n @content;\n }\n}\n\n\n// Replace letters\n@function str-replace($string, $search, $replace: '') {\n $index: str-index($string, $search);\n\n @if $index {\n @return str-slice($string, 1, $index - 1) + $replace + str-replace(str-slice($string, $index + str-length($search)), $search, $replace);\n }\n\n @return $string;\n}\n\n// Encode symbols\n@function url-encode($string) {\n $map: (\n \"%\": \"%25\",\n \"<\": \"%3C\",\n \">\": \"%3E\",\n \" \": \"%20\",\n \"!\": \"%21\",\n \"*\": \"%2A\",\n \"'\": \"%27\",\n '\"': \"%22\",\n \"(\": \"%28\",\n \")\": \"%29\",\n \";\": \"%3B\",\n \":\": \"%3A\",\n \"@\": \"%40\",\n \"&\": \"%26\",\n \"=\": \"%3D\",\n \"+\": \"%2B\",\n \"$\": \"%24\",\n \",\": \"%2C\",\n \"/\": \"%2F\",\n \"?\": \"%3F\",\n \"#\": \"%23\",\n \"[\": \"%5B\",\n \"]\": \"%5D\"\n );\n\n $new: $string;\n\n @each $search, $replace in $map {\n $new: str-replace($new, $search, $replace);\n }\n\n @return $new;\n}\n\n// Format the SVG as a URL\n@function inline-svg($string) {\n @return url('data:image/svg+xml,#{url-encode($string)}');\n}\n\n\n\n/*------- Deep Shadow Mixin --------*/\n/// @param {Color} $color - color to tint\n/// @param {Size} $number - how many times to do the shadow\n@mixin deep-shadow($color, $size) {\n //add layers of text shadow to $text-shadow\n $text-shadow: '1px 1px #{$color}';\n $comma: ',';\n\n @for $i from 2 through $size {\n $text-shadow: #{$text-shadow} #{$comma} #{$i}px #{$i}px 0 $color;\n }\n\n text-shadow: $text-shadow;\n}\n\n/*------- Lighten and shade colors --------*/\n/// @access public\n/// @param {Color} $color - color to tint\n/// @param {Number} $percentage - percentage of `$color` in returned color\n/// @return {Color}\n@function tint($color, $percentage) {\n @return mix(white, $color, $percentage);\n}\n\n/// Slightly darken a color\n/// @access public\n/// @param {Color} $color - color to shade\n/// @param {Number} $percentage - percentage of `$color` in returned color\n/// @return {Color}\n@function shade($color, $percentage) {\n @return mix(black, $color, $percentage);\n}\n\n/*------- Fluid Font Lock --------*/\n// Fluid Font (CSS Lock) from https://github.com/alexerlandsson/scss-font-lock\n@function sfl-strip-unit($num) {\n @return $num / ($num * 0 + 1);\n}\n\n@mixin scss-font-lock($min-size, $max-size, $min-width: 400px, $max-width: 1000px, $base-font-size: 16px) {\n $error: false;\n\n /* Add variables to a map */\n $var-list: (min-size: $min-size, max-size: $max-size, min-width: $min-width, max-width: $max-width);\n\n /* Control unit of passed variables */\n @each $key, $val in $var-list {\n @if (unit($val) != px) and (unit($val) != em) {\n @warn \"`#{$key}` needs to be set in px or em.\";\n $error: true;\n } @else if (unit($val) == em) {\n /* Set max-size in px if set in em */\n $val: (sfl-strip-unit($val) * $base-font-size);\n $var-list: map-merge($var-list, ($key: $val));\n }\n }\n\n /* Set the new values to the variables */\n $min-size: map-get($var-list, min-size);\n $max-size: map-get($var-list, max-size);\n $min-width: map-get($var-list, min-width);\n $max-width: map-get($var-list, max-width);\n\n @if ($error == false) {\n font-size: $min-size;\n @media (min-width: $min-width) and (max-width: $max-width) {\n $size-increase: (sfl-strip-unit($max-size) - sfl-strip-unit($min-size));\n font-size: calc(#{$min-size} + #{$size-increase} * (100vw - #{$min-width}) / (#{sfl-strip-unit($max-width)} - #{sfl-strip-unit($min-width)}));\n }\n @media (min-width: ($max-width + 1px)) {\n font-size: $max-size;\n }\n } @else {\n @warn \"There is an error in `@include scss-font-lock();`\";\n /* Print error message on page */\n &:before {\n content: \"There is an error in @include scss-font-lock();\";\n position: absolute;\n padding: 10px 15px;\n white-space: nowrap;\n background-color: red;\n border-radius: 10px;\n color: white;\n top: 50%;\n left: 50%;\n -webkit-transform: translate(-50%, -50%);\n -moz-transform: translate(-50%, -50%);\n transform: translate(-50%, -50%);\n }\n }\n\n}\n\n/*------- Sort Map by values --------*/\n@function map-sort-by-values($map, $reverse: false) {\n // Transform map to zipped list\n $keys: ();\n $values: ();\n\n @each $key, $val in $map {\n $keys: append($keys, $key);\n $values: append($values, $val);\n }\n\n $list: zip($keys, $values); //will become one list 'container', $media-container...\n\n $sortedMap: ();\n @while length($list) > 0 {\n\n // Find largest pair. compare all pairs and save the smallest one each time. (or largest if wanted...)\n //then we save that pair to a new map and remove it from old list. go over list again and again...\n $smallestPair: nth($list, 1);\n @each $pair in $list {\n $value: nth($pair, 2); //for each pair get the value\n $smallestValue: nth($smallestPair, 2); //last small pair saved\n\n @if $reverse{\n @if $value > $smallestValue { //change to largest or smallest > <\n $smallestPair: $pair; //set current pair as smallest\n }\n }\n @else{\n @if $value < $smallestValue { //change to largest or smallest > <\n $smallestPair: $pair; //set current pair as smallest\n }\n }\n\n }\n\n // Add smallest pair to sorted map\n $key: nth($smallestPair, 1);\n $value: nth($smallestPair, 2);\n $sortedMap: map-merge($sortedMap, ($key: $value));\n\n // Remove from list smallest pair\n $smallestPairIndex: index($list, $smallestPair);\n $newList: ();\n @for $i from 1 through length($list) {\n @if $i != $smallestPairIndex {\n $newList: append($newList, nth($list, $i), \"space\");\n }\n }\n $list: $newList;\n }\n\n @return $sortedMap;\n}\n\n\n/*------- Grid --------*/\n//perfect grid of responsive items\n@mixin card-grid($auto-type: auto-fit, $min: 350px, $grid-gap: 30px, $max: 1fr) {\n display: grid;\n --card-min: 250px;\n --card-max: #{$max};\n --card-type: #{$auto-type};\n grid-template-columns: repeat(var(--card-type), minmax( min( var(--card-min), 100%), var(--card-max)));\n grid-gap: var(--grid-gap);\n\n justify-content: center;\n\n //fallback for ie11\n @media all and (-ms-high-contrast: none) {\n display: flex;\n flex-wrap: wrap;\n & > * {\n flex-grow: 1;\n flex-shrink: 1;\n flex-basis: 0;\n min-width: calc(#{$min - $grid-gap});\n margin: $grid-gap / 2;\n margin-top: 0;\n margin-bottom: $grid-gap;\n }\n\n &.no-gutters {\n margin-left: 0;\n margin-right: 0;\n }\n\n &.no-gutters > * {\n margin: 0;\n }\n\n .conainer &, .container-fluid &, .container-content & {\n margin-left: calc(-1 * var(--gap));\n margin-right: calc(-1 * var(--gap));\n\n &.no-gutters {\n margin-left: 0;\n margin-right: 0;\n }\n }\n }\n}\n\n\n@mixin flex-card-grid($min: 350px, $grow: 1, $shrink: 1, $grid-gap: 30px) {\n display: flex;\n flex-wrap: wrap;\n justify-content: space-between;\n $grid-gutter: $grid-gap/2;\n margin-left: -#{$grid-gutter};\n margin-right: -#{$grid-gutter};\n\n > * {\n flex-grow: $grow;\n flex-shrink: $shrink;\n flex-basis: calc(#{$min - $grid-gap}); //using calc we can even allow % based widths\n margin: 0 $grid-gutter $grid-gap $grid-gutter;\n }\n\n &.no-gutters {\n margin-left: 0;\n margin-right: 0;\n }\n\n &.no-gutters > * {\n margin: 0;\n }\n\n @media screen and (-ms-high-contrast:active), (-ms-high-contrast: none) {\n > * {\n flex-basis: auto;\n min-width: calc(#{$min - $grid-gap}); //using calc we can even allow % based widths\n }\n }\n}\n","/*--------------------------------------------------------------\n# CSS Variables\n--------------------------------------------------------------*/\n//Change your overall colors and fonts and stuff here\n//Don't forget to also check out theme.config.json and functions.php for a few more overall settings\n\n@forward \"resources\";\n@use \"resources\" as *; //sass vars and mixins and functions\n\n//do not create sass variables in here. create them in resources.scss\n\n/*--------------------------------------------------------------\n# CSS Variables. Change these to match your theme\n--------------------------------------------------------------*/\n:root {\n //Fonts. change to the fonts you want. Defaults to OS Fonts. Load google fonts via theme.config.json\n --font: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen-Sans, Ubuntu, Cantarell, \"Helvetica Neue\", sans-serif;\n --font-alt: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen-Sans, Ubuntu, Cantarell, \"Helvetica Neue\", sans-serif; //for headings etc..\n --line-height: 1.5;\n --font-pre: 'Source Code Pro', monospace;\n --line-height-pre: 22px;\n --article-font-size: 1.7rem; //slightly larger text for articles and actual content\n\n\n //Colors. Add colors here\n --black: #191919;\n --dark-grey: #4c545d;\n --grey: #cacaca;\n --blue: #007eac;\n --light-blue: rgba(0, 185, 235, 0.73);\n --dark-blue: #007fb0;\n\n\n //Applied Colors. Add your own applied areas\n --body-bg: white; //found in page.scss\n --main-text-color: var(--black); //used in various files\n --subtle-text-color: var(--grey); //used in forms.scss and page.scss\n --site-top: var(--dark-blue);\n --footer-bg: var(--dark-grey); //found in page.scss\n --header-bg: var(--dark-grey); //found in page.scss\n\n //links and form buttons. used in typography.scss and forms.scss\n --highlight: var(--blue);\n --highlight-alpha: var(--light-blue);\n --highlight-darkened: var(--dark-blue);\n\n --overlay-color: rgba(0, 0, 0,0.65);\n\n}\n\n/*--------------------------------------------------------------\n# Layout CSS Variables. Probably don't need to touch.\n--------------------------------------------------------------*/\n:root {\n\n /*------- Menu Variables --------*/\n --nav-move: #{$media-nav}; //should match $media-nav. when main menu in site-top should move into panel left. Used by data-moveat event\n --sidebar-move: 1000px; //when it moves to the panel right\n --media-sidebar: #{$media-sidebar}; //when it is no longer flexed\n --desktop-menu-alignment: center; //can be flex-end or flex-start or center for top level menu-items positioning on desktop\n\n /*------- Layout --------*/\n --container: 1200px; //holds site in a centered container of this size\n --container-content: 70rem; //holds article text for nice reading\n --container-padding: 30px; //used on left and right side of containers\n\n --gutters: 15px; //common padding size, used on flexbox and modules\n --gap: 30px; //common gap size used for margins and grids\n --grid-gap: 30px; //same as gap but can be changes in instances where the grid needs a smaller gap. used with .grid or .flex-grid\n --flex-gap: calc(var(--grid-gap) / 2);\n\n /*------- Panels --------*/\n --panel-left-width: 300px; //width of panel-left when open\n --panel-right-width: 350px; //width of panel-right when open\n\n /*------- Z-index --------*/\n //these probably should not be changed.\n --z-index-top: 99;\n --z-index-overlay: 95;\n --z-index-menu-button: 90;\n --z-index-menu: 80;\n --z-index-header: 75;\n --z-index-behind: -1;\n}\n\n\n","@use \"../resources\" as *;\n$media-list: ('container': 1200px, 'medium': 768px, 'small': 576px, 'large': 1030px) !default;\n\n\n/*--------------------------------------------------------------\n# CSS Grids and Containers\n--------------------------------------------------------------*/\n/*\n - Containers can be used anywhere for holding main content.\n - They have padding on both sides so on mobile the content wont hit the edges.\n - They have a max-width and are centered. They also have a width of 100% to work nicely inside flex items and grids.\n - It's best to keep containers surrounding content on their own div. Dont combine with grids and layouts in one div.\n */\n/*------- Containers --------*/\n.container {\n width: 100%;\n max-width: var(--container);\n margin: auto;\n padding: 0 var(--container-padding);\n}\n\n\n.container-left, .container-right {\n width: 100%;\n max-width: calc(var(--container) + ((100% - var(--container)) / 2));\n margin: 0 auto 0 0;\n padding: 0 var(--container-padding) 0 0;\n}\n\n//container starts and goes all the way to the right\n.container-right {\n margin: 0 0 0 auto;\n padding: 0 0 0 var(--container-padding);\n}\n\n.container-fluid {\n width: 100%;\n margin: auto;\n padding: 0 var(--container-padding);\n}\n\n@media(min-width: $media-container) {\n .large-gap {\n\tgrid-gap: 60px;\n }\n}\n\n\n/*------- Special Container Content For articles --------*/\n/*\n- Container-Content is meant to hold an article's content after the header.\n- It's for actual words and makes sure the line is not too long\n- It cleverly allows for items inside to go full width and \"break out\" with alignwide and alignfull\n- The container itself has no max-width, instead its items within.\n- Any items inside with full-width or .alignfull will NOT have a max-width and will fill page\n- Dont surround container-content with a container or full items wont be full width!\n*/\n.container-content {\n padding: 0 var(--container-padding); //still has padding.\n width: 100%;\n\n > *:not( .alignwide ):not( .alignfull ):not(.full-width) {\n\tmax-width: var(--container-content) !important; //needs to override the figures or any other elements with inline widths\n\tmargin-right: auto;\n\tmargin-left: auto;\n }\n\n > .full-width, > .alignfull {\n\twidth: auto; //override gutenberg, otherwise negative margins below wont work\n\tmargin-left: calc(-1 * var(--container-padding)); //negative margins to counteract the content-containers padding\n\tmargin-right: calc(-1 * var(--container-padding));\n }\n\n > .alignwide {\n width: 100%;\n\tmax-width: calc(var(--container) - (var(--container-padding) * 2));\n\n }\n\n}\n\n\n/*------- Special exceptions for container contents padding --------*/\n//remove container-content's padding when inside a container. Otherwise padding doubles up\n//also alignwide should be smaller than alignfull so make it so\n.container .container-content, .container-fluid .container-content, .container-left .container-content, .container-right .container-content {\n padding-left: 0;\n padding-right: 0;\n\n > .alignwide {\n width: 100%;\n\tmax-width: calc(100% - (var(--container-padding) * 2))\n }\n}\n\n\n//if container-content is inside a container-left or container-right, the align full should only stick out one side\n.container-right .container-content {\n > .full-width, > .alignfull {\n\tmargin-right: 0;\n }\n}\n\n.container-left .container-content {\n > .full-width, > .alignfull {\n\tmargin-left: 0;\n }\n}\n\n\n/*--------------------------------------------------------------\n# WP Align Wide Matches the size of a .container\n--------------------------------------------------------------*/\n//alignwide normally cannot be used outside a container. it does not have padding\n//this fixes it and makes it so that it can be\n.alignwide {\n width: calc(100% - (var(--container-padding) * 2)); //always has paddings on side as if it was inside container\n max-width: calc(var(--container) - (var(--container-padding) * 2)); //outside a container it still has the width as if it was inside one\n margin-left: auto;\n margin-right: auto;\n}\n\n\n\n/*--------------------------------------------------------------\n# CARD GRIDS\n--------------------------------------------------------------*/\n\n/*------- Grid Layouts --------*/\n/*\n- Simple Responsive grid of equal sized items\n- Create your own responsive grid!\n- Add @include grid($min-size-of-items);\n- The default min size is 350\n- Items grow if there is room to grow, or fall to next row fi there isnt.\n */\n.card-grid {\n \t@include card-grid(); //items stretch to fill space always if there arent enough cards\n}\n\n.card-grid-fill {\n @include card-grid(auto-fill); //only stretches items if theres no room for another item on row\n}\n\n.flex-card-grid {\n @include flex-card-grid(); //almost the same except cards on lowest row will not be same size if there isnt an even amount\n}\n\n\n/*--------------------------------------------------------------\n# 12 Column CSS Grids\n--------------------------------------------------------------*/\n\n.no-gutters {\n grid-gap: 0;\n}\n\n.grid {\n display: grid;\n grid-template-columns: repeat(12, minmax(1px, 1fr));\n grid-gap: min(var(--grid-gap), calc(100%/12)); //30px or smaller if the screen is too small\n\n //span on individuals overrides span-all, thats why there is div & .span-#i...\n @for $i from 1 through 12 {\n\tdiv & .span-#{$i}, &.span-all-#{$i} > * {\n\t grid-column: span #{$i};\n\t}\n }\n}\n\n//fix the gap when it gets too small\n//fixed above with min()\n//even if everything collpases, the browser expects 12 gaps of 30 pixels of room to exist + container gutters brings us to 420. below this the grid won fit unless we lower the gap.\n//@media(max-width: 420px) {\n// div .grid {\n//\tgrid-gap: var(--grid-gap) 20px;\n// }\n//}\n\n\n.span-full {\n grid-column: 1 / -1;\n flex-basis: 100%;\n}\n\n\n/*------- Overriding spans at media sizes --------*/\n$media-list: map-sort-by-values($media-list, true); //reorder largest first so smaller has specificity\n\n.grid {\n\n @each $name, $media in $media-list {\n\t@if $name != 'small' {\n\t @media(max-width: $media) {\n\t\t@for $i from 1 through 12 {\n\t\t div & > .#{$name}-span-#{$i}, &.#{$name}-span-all-#{$i} > * {\n\t\t\tgrid-column: span #{$i};\n\t\t }\n\t\t}\n\t }\n\t}\n\n\t@if $name == 'small' {\n\t @media(max-width: $media) {\n\t\t//only small-span can override this. has extra specificity\n\t\t@if ($collapse-on-small == true) {\n\t\t div.site & > * {\n\t\t\tgrid-column: 1 / -1;\n\t\t }\n\t\t}\n\n\t\t@for $i from 1 through 12 {\n\t\t div & > .small-span-#{$i}, div &.small-span-all-#{$i} > * {\n\t\t\tgrid-column: span #{$i};\n\t\t }\n\t\t}\n\n\t }\n\t}\n }\n\n}\n\n/*--------------------------------------------------------------\n# Flexbox grids. 99% same as css grid\n--------------------------------------------------------------*/\n//ability to put container and flex on same element. Experimental\n.container.flex, .container-fluid.flex, .container-content.flex {\n &:not(.no-gutters) {\n\tpadding: 0 calc(var(--container-padding) / 2);\n\tmargin: auto;\n }\n\n &.no-gutters {\n\tmargin: auto;\n }\n}\n\n.container-left.flex {\n &:not(.no-gutters) {\n\tpadding-right: calc(var(--container-padding) / 2);\n\tmargin: 0 auto 0 0;\n }\n\n &.no-gutters {\n\tmargin: 0 auto 0 0;\n }\n}\n\n.container-right.flex {\n &:not(.no-gutters) {\n\tpadding-left: calc(var(--container-padding) / 2);\n\tmargin: 0 0 0 auto;\n }\n\n &.no-gutters {\n\tmargin: 0 0 0 auto;\n }\n}\n\n//end experimental\n\n\n/*--------------------------------------------------------------\n# Flex grid\n--------------------------------------------------------------*/\n.flex, .flex-grid {\n display: flex;\n\n\n margin-left: calc(-1 * var(--flex-gap));\n margin-right: calc(-1 * var(--flex-gap));\n\n //gutters via margins. the flex-basis makes sure it can be sized right\n & > * {\n\tmargin-right: var(--flex-gap);\n\tmargin-left: var(--flex-gap);\n\tflex: 1;\n }\n\n & > .no-gutters {\n\tmargin-left: 0;\n\tmargin-right: 0;\n }\n\n\n @for $i from 1 through 12 {\n\tdiv & .span-#{$i}, &.span-all-#{$i} > * {\n\t $width: 100% / (12/$i);\n\t flex-basis: calc(#{$width} - var(--grid-gap)); //magic. flex-basis is width minus gap on both sized\n\t}\n\n\tdiv & > .span-#{$i} { //once it has a set size it cannot grow or shrink\n\t flex-grow: 0;\n\t flex-shrink: 0;\n\t}\n }\n\n &.no-gutters {\n\tmargin-left: 0;\n\tmargin-right: 0;\n\n\t& > * {\n\t margin: 0;\n\t --grid-gap: 0px; //fix the flex-basis sizing easily\n\t}\n }\n}\n\n//flex-grid has many rows so it has margin bottom and wraps\n.flex-grid {\n flex-wrap: wrap;\n\n & > * {\n\tmargin-bottom: var(--grid-gap);\n }\n}\n\n#page .no-wrap {\n flex-wrap: nowrap;\n}\n\n/*------- Span sizes for flexbox grids --------*/\n.flex-grid, .flex {\n\n @each $name, $media in $media-list {\n\t@if $name != 'small' {\n\t @media(max-width: $media) {\n\t\t@for $i from 1 through 12 {\n\t\t div & > .#{$name}-span-#{$i}, &.#{$name}-span-all-#{$i} > * {\n\t\t\t$width: 100% / (12/$i);\n\t\t\tflex-basis: calc(#{$width} - var(--grid-gap));\n\t\t }\n\n\t\t //no growing or shrinking\n\t\t div & > .#{$name}-span-#{$i} {\n\t\t\tflex-grow: 0;\n\t\t\tflex-shrink: 0;\n\t\t }\n\n\t\t}\n\t }\n\t}\n\n\t@if $name == 'small' {\n\t @media(max-width: $media) {\n\t\t//only small-span can override this. has extra specificity\n\t\t@if ($collapse-on-small == true) {\n\t\t flex-wrap: wrap;\n\t\t div.site & > * {\n\t\t\tflex-basis: calc(100% - var(--grid-gap));\n\t\t }\n\t\t}\n\t\t@for $i from 1 through 12 {\n\t\t div & > .#{$name}-span-#{$i}, div &.#{$name}-span-all-#{$i} > * {\n\t\t\t$width: 100% / (12/$i);\n\t\t\tflex-basis: calc(#{$width} - var(--grid-gap));\n\t\t }\n\n\t\t //no growing or shrinking\n\t\t div & > .#{$name}-span-#{$i} {\n\t\t\tflex-grow: 0;\n\t\t\tflex-shrink: 0;\n\t\t }\n\t\t}\n\t }\n\t}\n\n }\n\n}\n\n.site .flex.stay-flexed > * {\n flex-basis: auto;\n}\n\n\n/*------- hide at break points --------*/\n@each $name, $media in $media-list {\n @media(max-width: $media) {\n\t.hide-on-#{$name} {\n\t display: none;\n\t}\n }\n}\n\n/*--------------------------------------------------------------\n# Grid Helpers\n--------------------------------------------------------------*/\n.align-center {\n align-items: center;\n}\n\n.justify-center {\n justify-content: center;\n}\n\n.flex-wrap {\n flex-wrap: wrap;\n}\n\n.flex-column {\n flex-direction: column;\n}\n\n.flex-grow{\n flex-grow: 1;\n}\n\n.space-between {\n justify-content: space-between;\n}\n\n\n/*--------------------------------------------------------------\n# Layouts\n--------------------------------------------------------------*/\n\n/*------- Layout that centers vertically and horizontally --------*/\n.layout-center-content {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n\n/*------- Grid of cards. requires grid class --------*/\n.layout-cards-7 {\n //small cards\n > * {\n\tgrid-column: span 4;\n\n\t.hide-on-small-card {\n\t display: none;\n\t}\n }\n\n //large cards\n > *:nth-child(7n - 3), > *:nth-child(7n - 6) {\n\tgrid-column: span 8;\n\n\t.hide-on-small-card {\n\t display: block;\n\t}\n }\n}\n\n//ie11 flex the cards\n@media all and (-ms-high-contrast: none) {\n .layout-cards-7 {\n\t//small cards\n\t> * {\n\t width: calc(33.333% - var(--gap));\n\n\t .hide-on-small-card {\n\t\tdisplay: none;\n\t }\n\t}\n\n\t> *:nth-child(7n - 3), > *:nth-child(7n - 6) {\n\t width: calc(66.66666% - var(--gap));\n\n\t .hide-on-small-card {\n\t\tdisplay: block;\n\t }\n\t}\n }\n}\n\n\n\n\n","@use \"../resources\" as *; //should also load resources\n@use \"../core/grid-layout\" as *;\n\n/*--------------------------------------------------------------\n# Gutenburg file\n--------------------------------------------------------------*/\n\n.wp-block-file {\n @extend .flex;\n align-content: center;\n a {\n flex: 0 0 auto;\n }\n}\n\n\n/*--------------------------------------------------------------\n# Gallery\n--------------------------------------------------------------*/\n\n#page .wp-block-gallery {\n @extend .grid;\n padding: 0;\n li {\n padding: 0;\n }\n &.columns-1 {\n @extend .span-all-12;\n }\n &.columns-2 {\n @extend .span-all-6;\n }\n &.columns-3 {\n @extend .span-all-4;\n }\n &.columns-4 {\n @extend .span-all-3;\n }\n .blocks-gallery-item {\n width: 100%;\n margin: 0;\n height: 300px;\n }\n}\n\n//overriding gutenberg on front end\n.wp-block-quote.is-large {\n &:before {\n font-size: 4rem;\n ;\n }\n p {\n font-size: 4rem;\n }\n}\n\nq {\n quotes: \"“\" \"”\" \"‘\" \"’\";\n}","@use \"../resources\" as *; //should also load resources\n\n/*--------------------------------------------------------------\n# Gutenberg Changes to Layout\n--------------------------------------------------------------*/\n//This holds all blocks. by default it has different padding then the front end and things wont match so we make it match\n\n//.editor-styles-wrapper holds the title area and well as all blocks and contains the entire gutenberg part\n//.block-editor-block-list__layout holds all .wp-block items that are inside .editor-styles-wrapper\ndiv .editor-styles-wrapper {\n padding: 15px 0;\n}\n\n\n//remove margins between blocks\n.components-popover.block-editor-block-list__block-popover .components-popover__content .block-editor-block-contextual-toolbar{\n margin-bottom: 0;\n}\n\n.block-editor-block-list__block:not(.rich-text){\n margin-top: 0;\n margin-bottom: 0;\n}\n\n.block-editor-block-list__block.rich-text{\n margin-top: 30px;\n}\n\n//this element directly holds all blocks under the title\n//here we make it act like an entry-content.container-content\ndiv .block-editor-block-list__layout {\n padding: 0 var(--container-padding);\n position: relative;\n z-index: 10;\n\n > *:not([data-align=\"full\"] ):not([data-align=\"wide\"] ):not(.is-reusable) {\n max-width: var(--container-content) !important; //needs to override the figures or any other elements with inline widths\n margin-right: auto;\n margin-left: auto;\n }\n}\n\n//alignfull fix\n.block-editor-block-list__layout .block-editor-block-list__block[data-align=\"full\"] {\n margin-left: calc(-1 * var(--container-padding)); //negative margins to counteract the containers padding\n margin-right: calc(-1 * var(--container-padding));\n}\n\n//align wide fix\n.wp-block[data-align=\"wide\"] {\n max-width: calc(var(--container) - (var(--container-padding) * 2));\n}\n\n\n//fix paragraph blocks to only have a margin bottom\ndiv .editor-styles-wrapper p {\n margin-top: 0;\n margin-bottom: 1em;\n}\n\n\n/*--------------------------------------------------------------\n# ACF Changes\n--------------------------------------------------------------*/\ndiv .acf-block-component {\n textarea {\n font-size: 16px;\n }\n}\n\n\n/*------- WP Sidebar changes --------*/\n//making sidebar wider on wide computer screens so you can edit acf fields easier in sidebar\n#wpwrap .edit-post-sidebar {\n width: 100%; //always make sidebar full width of parent\n}\n\n\n////widening sidebar\n@media(min-width: 1560px) {\n .interface-interface-skeleton__sidebar {\n width: 32%;\n }\n\n}\n\n//\n////hiding sidebar on small screens so you can have a full screen experience with hover widening it\n@media(max-width: 1560px) {\n .edit-post-layout.is-sidebar-opened .interface-interface-skeleton__sidebar {\n transition: width .5s;\n width: 32%;\n\n &:hover {\n width: 50%;\n opacity: 1;\n }\n }\n\n}\n\n\n//button changes\n.wp-core-ui .acf-block-preview, .block-editor-rich-text {\n .button {\n line-height: 1.5;\n height: auto;\n font-size: inherit;\n }\n\n}\n\n\n/*--------------------------------------------------------------\n# Fixing inputs on back end\n--------------------------------------------------------------*/\n//broke from setting html font size to 65.5%\ninput[type=\"radio\"], input[type=\"checkbox\"] {\n width: 1.6rem;\n height: 1.6rem;\n}\n\ninput[type=checkbox]:checked::before {\n width: 2.1rem;\n height: 2.1rem;\n margin: -.2885rem 0 0 -.4rem;\n}\n\ninput[type=radio]:checked::before {\n width: .8rem;\n height: .8rem;\n margin: .3rem;\n}\n\n.components-base-control .components-base-control__label {\n display: block;\n}\n\n\n#editor .has-inner-blocks {\n display: block;\n}\n","@use \"sass:meta\";\n@use \"../resources\" as *; //should also load resources\n\nhtml {\n font-size: 62.5%; // resets so rem is easy to use 1.2rem = 12px.\n}\n\n\n//override only certain parts of backend - only for gutenberg area\ndiv .editor-styles-wrapper{\n background: var(--body-bg);\n font-size: 1.6rem; //results in 16px\n line-height: var(--line-height);\n font-family: var(--font);\n color: var(--main-text-color);\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n font-smoothing: antialiased;\n\n\n @include meta.load-css( '../global/typography');\n\n //only applying inside acf preview blocks, so we dont mess with buttons and inputs of WordPress\n .acf-block-preview {\n @include meta.load-css('../core/base');\n @include meta.load-css('../global/_page.scss');\n @include meta.load-css('../global/_media.scss');\n @include meta.load-css('../global/_menus.scss');\n @include meta.load-css('../global/_forms.scss');\n @include meta.load-css(\"../settings/settings\");\n }\n}\n\n\n\n","@use \"../resources\" as *;\n\n\n/*--------------------------------------------------------------\n# Typography\n--------------------------------------------------------------*/\nhtml {\n\tfont-size: 62.5%; // resets so rem is easy to use 1.2rem = 12px.\n}\n\n//because we are using this on the front end and the back end we need to be careful\nbody{\n\tfont-size: 1.6rem; //results in 16px\n\tline-height: var(--line-height);\n\tfont-family: var(--font);\n\tcolor: var(--main-text-color);\n\t-webkit-font-smoothing: antialiased;\n\t-moz-osx-font-smoothing: grayscale;\n\tfont-smoothing: antialiased;\n}\n\n\n\n//make article body of text get bigger on larger screens\n@media(min-width: 1500px){\n .grow-font {\n\tfont-size: var(--article-font-size); //1.7rem\n }\n}\n\n\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n\tclear: both;\n\tfont-family: var(--font-alt);\n}\n\n.font-alt {\n\tfont-family: var(--font-alt);\n}\n\np {\n\tmargin: 0 0 1em 0;\n}\n\n\n.entry-content > p, section p{\n\t&:last-child {\n\t\tmargin-bottom: 0;\n\t}\n}\n\n/*------- Quick text alignment classes --------*/\n.text-center {\n\ttext-align: center;\n}\n\n.text-right {\n\ttext-align: right;\n}\n\n.text-left {\n\ttext-align: left;\n}\n\n.text-justify {\n\ttext-align: justify;\n}\n\n\n/*--------------------------------------------------------------\n# Default Headings in articles. Front page and other special pages should override the more common setting\n--------------------------------------------------------------*/\nh1, .h1 {\n\tfont-size: 5rem;\n\tline-height: 1.3;\n\tfont-weight: normal;\n\ttext-transform: uppercase;\n\tmargin-bottom: 40px;\n}\n\nh2, .h2 {\n\tfont-size: 3.8rem;\n\tmargin-top: 42px;\n\tline-height: 1.3;\n\n\t&:first-child{\n\t\tmargin-top: 0;\n\t\tmargin-bottom: 42px;\n\t}\n}\n\nh3, .h3 {\n\tfont-size: 2.6rem;\n\tmargin-top: 40px;\n\tline-height: 1.4;\n}\n\nh4, .h4 {\n\tfont-size: 1.9rem;\n\tmargin-top: 30px;\n\tline-height: 1.5;\n}\n\n/*--------------------------------------------------------------\n# Basic Links\n--------------------------------------------------------------*/\n\na {\n\tcolor: var(--highlight);\n\ttext-decoration: none;\n\tcursor: pointer;\n}\n\nh1 a, h2 a{\n\tcolor: inherit;\n}\n\n\n/*--------------------------------------------------------------\n# Selection Highlighting\n--------------------------------------------------------------*/\n::selection {\n\tbackground: var(--highlight);\n\tcolor: white;\n}\n\n\n/*--------------------------------------------------------------\n# quotes\n--------------------------------------------------------------*/\ndfn,\ncite,\nem,\nblockquote {\n\tfont-style: italic;\n}\n\nblockquote {\n\tquotes: \"“\" \"”\";\n\toverflow: hidden;\n\tposition: relative;\n\tmargin: 0 0 2em 0;\n\tfont-family: var(--font);\n\tbackground: transparent;\n\n\tp {\n\t\tpadding-left: 40px;\n\t}\n\n\tp:last-of-type {\n\t\tmargin: 0;\n\t}\n\n\t//quote mark\n\t&:before {\n\t\tcontent: open-quote;\n\t\tfont-size: 4rem;\n\t\tposition: absolute;\n\t\tleft: 0;\n\t\ttop: 0;\n\t\tline-height: 1;\n\t}\n}\n\n\ncite, .wp-block-quote cite {\n\tfont-family: var(--font);\n\tfloat: right;\n\tmargin-top: 0;\n\tfont-size: 14px;\n\n\t&:before {\n\t\tcontent: '\\2014';\n\t\tmargin-right: 1em;\n\t}\n}\n\n/*--------------------------------------------------------------\n# Post Meta defaults\n--------------------------------------------------------------*/\ntime, time a, .card-meta {\n font-size: 1.3rem;\n}\n\n/*--------------------------------------------------------------\n# WP Edit Post Link\n--------------------------------------------------------------*/\n.edit-link {\n\tfont-size: 1.4rem;\n}\n\n\n/*--------------------------------------------------------------\n# Code\n--------------------------------------------------------------*/\npre {\n\tbackground: #f7f9fa;\n\tborder: 1px solid #e6e8eb;\n\tfont-family: var(--font-pre);\n\tfont-size: 14px;\n\tline-height: var(--line-height-pre);\n\tmargin-top: 20px;\n\tmargin-bottom: 20px;\n\toverflow: auto;\n\tpadding: 20px;\n\twhite-space: pre-wrap;\n}\n\ncode,\nkbd,\ntt,\nvar {\n\tfont-family: var(--font-pre);\n\tfont-size: 15px;\n}\n","/*--------------------------------------------------------------\n# Basic Global Base Layout Stuff\n--------------------------------------------------------------*/\nhtml {\n -webkit-box-sizing: border-box;\n -moz-box-sizing: border-box;\n box-sizing: border-box;\n}\n\n*,\n*:before,\n*:after {\n /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */\n -webkit-box-sizing: inherit;\n -moz-box-sizing: inherit;\n box-sizing: inherit;\n}\n\n//ios tap highlight. Set to no color.\nhtml * {\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n}\n\n.touchscroll {\n overflow-y: scroll; /* has to be scroll, not auto */\n -webkit-overflow-scrolling: touch;\n}\n\n.hide-scroll::-webkit-scrollbar {\n width: 0 !important;\n}\n\n.hide-scroll{\n -ms-overflow-style: none;\n}\n\n*:focus {\n outline: none;\n}\n\n/*--------------------------------------------------------------\n# Panel Setup\n--------------------------------------------------------------*/\n.site-container {\n display: flex;\n position: relative;\n overflow: hidden;\n background: inherit;\n > div {\n z-index: 90;\n overflow: hidden;\n flex-grow: 1;\n flex-shrink: 1;\n flex-basis: 0%;\n transition: all .5s;\n\n &:empty {\n display: none;\n }\n }\n}\n\n#panel-right {\n order: 3;\n}\n\n/*--------------------------------------------------------------\n# Sticky footer work.\n--------------------------------------------------------------*/\n/*\n - Sticky footer makes sure that the footer of the site is at the bottom no matter how small the content is.\n*/\n#page {\n min-height: 100vh;\n display: flex;\n flex-direction: column;\n position: relative;\n overflow: hidden;\n flex-basis: 100%;\n z-index: 80;\n transition: none;\n}\n\n/*\n\t- By making sure there main content flexes as long as possible the footer below it will be at least or more than the height of the browser\n */\n.site-content {\n flex: 1 0 auto;\n overflow: hidden;\n}\n\n\n/*--------------------------------------------------------------\n# Accessibility\n--------------------------------------------------------------*/\n.screen-reader-skip{\n height: 0;\n overflow: hidden;\n width: 0;\n clip: rect(1px, 1px, 1px, 1px);\n} //placed on an item where we want the screen reader to skip to.\n\n.screen-reader-text {\n clip: rect(1px, 1px, 1px, 1px);\n color: white;\n background-color: black;\n height: 1px;\n overflow: hidden;\n position: absolute !important;\n width: 1px;\n word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */\n}\n\n.screen-reader-text:focus {\n background-color: #f1f1f1;\n -webkit-border-radius: 3px;\n border-radius: 3px;\n -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);\n box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);\n clip: auto !important;\n color: #21759b;\n display: block;\n font-size: 1.4rem;\n font-weight: 700;\n height: auto;\n left: 5px;\n line-height: normal;\n padding: 15px 23px 14px;\n text-decoration: none;\n top: 5px;\n width: auto;\n z-index: 100000; /* Above WP toolbar. */\n}\n\n/*------- responsive images --------*/\nimg {\n max-width: 100%;\n height: auto;\n}\n\n\n/*--------------------------------------------------------------\n# Utility Classes\n--------------------------------------------------------------*/\n.hidden, .hide {\n display: none;\n}\n\n.clear:before,\n.clear:after {\n content: \"\";\n display: table;\n table-layout: fixed;\n}\n\n.clear:after {\n clear: both;\n}\n\n\n//fixes data-toggle in ie11 on svg items\n@media screen and (-ms-high-contrast:active), (-ms-high-contrast: none) {\n [data-toggle] svg{\n pointer-events: none;\n }\n}\n\n[data-toggle]{\n\tcursor: pointer;\n}\n\n[data-slide]{\n\toverflow: hidden;\n}\n\n\n\n","@use \"../resources\" as *;\n\n/*--------------------------------------------------------------\n# All Menus\n--------------------------------------------------------------*/\n.menu,\n.menu > ul {\n padding: 0;\n list-style: none;\n margin: 0;\n}\n\n//sub-menus opened easily with focus. unfortunately i cannot control if this was done with a keyboard or not so it messes with slideup events\n.no-js .menu-item:focus-within > .sub-menu {\n display: block !important;\n}\n\n\n/*--------------------------------------------------------------\n# Vertical Menus\n--------------------------------------------------------------*/\n@mixin vertical-menu() {\n //when there is a menu its ul.menu and when its defaulting to pages its .menu ul...annoying\n .menu,\n .menu > ul {\n display: flex;\n flex-direction: column;\n\n li {\n position: relative;\n margin: 0;\n\n //added with hook. holds anchor and submenu button if applicable\n .menu-item-link {\n padding: 5px 15px;\n display: flex;\n align-items: flex-start;\n transition: all .5s;\n\n a {\n padding: 0;\n }\n }\n\n a {\n text-decoration: none;\n outline: none;\n color: inherit;\n cursor: pointer;\n display: block;\n flex-grow: 1;\n flex-shrink: 0;\n font-size: inherit;\n }\n\n // > icon for submenu button layout\n .submenu-dropdown-toggle {\n padding-left: 10px;\n padding-right: 0;\n display: inline-block;\n color: inherit;\n text-align: right;\n }\n\n }\n\n\n //sub-menu basic styling for vertical\n .sub-menu, .children {\n list-style: none;\n margin: 0;\n display: none; //opens with slidedown especially on mobile\n overflow: hidden;\n width: auto;\n white-space: nowrap;\n padding: 0;\n\n //vertical inner items inner submenu items over a bit as they are listed down\n .menu-item-link {\n padding-left: 30px;\n }\n }\n\n .current-menu-item > .sub-menu {\n display: block;\n }\n\n }\n //.menu ul\n\n}\n\n\n/*--------------------------------------------------------------\n# Horizontal Menus\n--------------------------------------------------------------*/\n//vertical menus with a class of .horizontal-menu can become horizontal when the screen is wide enough\n@mixin horizontal-menu($breakpoint: $media-nav) {\n\n @media(min-width: $breakpoint) {\n\n //removing padding on right of last item\n .top-level-item:last-child > .menu-item-link {\n padding-right: 0;\n }\n\n //removing padding on left of first item\n .top-level-item:first-child > .menu-item-link {\n padding-left: 0;\n }\n\n\n .menu,\n .menu > ul {\n display: flex;\n flex-wrap: wrap;\n align-items: stretch;\n flex-direction: row;\n height: 100%;\n\n\n //make top level items flexed so they can be positioned at top or bottom of site-top\n .top-level-item > .menu-item-link {\n display: flex;\n height: 100%;\n align-items: var(--desktop-menu-alignment);\n }\n\n\n //top level sub-menus\n .top-level-item > .sub-menu, .top-level-item > .children {\n position: absolute;\n z-index: 10;\n top: 100%; //right below nav bar\n left: 50%;\n transform: translate(-50%, 0); //magically centers the element\n display: block;\n\n\n a {\n flex-shrink: 1;\n }\n }\n\n .sub-menu .menu-item-link {\n padding: 3px 15px;\n }\n\n\n //even lower sub-menus\n .sub-menu .sub-menu {\n display: none;\n position: relative;\n padding: 0;\n transition: none;\n\n a {\n padding-left: 10px;\n }\n }\n\n }\n }\n\n @media(max-width: $breakpoint) {\n @include vertical-menu();\n }\n\n}\n\n/*------- Apply the menus --------*/\n@include vertical-menu();\n\n.horizontal-menu {\n @include horizontal-menu();\n}\n\n\n/*--------------------------------------------------------------\n# Site-top Layout\n--------------------------------------------------------------*/\n/*------- Site-top --------*/\n.site-top {\n z-index: var(--z-index-menu);\n width: 100%;\n position: relative;\n left: 0;\n top: 0;\n\n .site-top-container {\n height: 100%;\n }\n}\n\n/*------- Navigation --------*/\n.site-navigation {\n flex-wrap: wrap;\n position: relative;\n justify-content: center;\n height: 100%;\n\n\n .site-navigation__nav-holder {\n display: flex;\n justify-content: flex-end;\n }\n\n //dealing with customizer when choosing a logo\n .site-logo {\n\n\n a + a {\n display: none;\n }\n\n a {\n transition: all .5s;\n }\n\n h1, p {\n font-size: inherit;\n }\n }\n}\n\n\n//hide navigation on mobile if its inside site-top while it hasnt moved yet. There is a split second where it appears as a vertical menu in site top...\n@media(max-width: $media-nav) {\n .site-navigation .site-navigation__nav-holder {\n display: none;\n }\n\n}\n\n\n/*--------------------------------------------------------------\n# Site Logo Layout\n--------------------------------------------------------------*/\n.site-logo {\n display: flex;\n align-items: center;\n justify-content: center;\n text-transform: capitalize;\n\n a {\n color: inherit\n }\n\n svg {\n max-width: 100%;\n height: auto;\n }\n}\n\n.site-logo h1,\n.site-logo p {\n margin: 0;\n}\n\n.site-logo__link, .site-title a, .custom-logo-link {\n display: flex;\n text-decoration: none;\n justify-content: center;\n align-items: center;\n\n img {\n display: block;\n }\n}\n\n//logo positions\n@media (min-width: $media-nav) {\n\n //layout positions\n .logo-left .site-logo {\n justify-content: left;\n }\n\n .logo-right .site-logo, .logo-center-under .site-logo {\n order: 2;\n }\n\n .logo-center .site-navigation, .logo-center-under .site-navigation {\n flex-direction: column;\n align-items: center;\n\n }\n\n .no-logo .site-logo {\n display: none;\n }\n\n .logo-in-middle > .site-logo, .logo-in-middle > .container .logo-in-middle {\n display: none;\n }\n\n .logo-in-middle .site-navigation__nav-holder {\n justify-content: center;\n }\n\n .logo-in-middle .site-navigation > .site-logo {\n display: none;\n }\n\n .logo-right .site-navigation__nav-holder {\n justify-content: flex-start;\n }\n\n}\n\n#panel-left .site-navigation__nav-holder .site-logo {\n display: none;\n}\n\n\n/*--------------------------------------------------------------\n# Main menu in panel left\n--------------------------------------------------------------*/\n\n#panel-left {\n .site-navigation__nav-holder {\n min-width: var(--panel-left-width);\n overflow: auto;\n max-height: 90vh;\n padding-bottom: var(--gap);\n @extend .hide-scroll !optional;\n\n }\n\n}\n\n/*------- Cool App like menu for mobile --------*/\n@media(max-width: $panel-left-absolute) {\n .app-menu {\n #panel-left {\n transition: none;\n transform: translate(0, 0);\n width: 100%;\n z-index: calc(var(--z-index-menu) - 1);\n\n .menu-item-link {\n a {\n max-width: 40vw;\n }\n }\n\n .site-navigation__nav-holder {\n margin-top: 20vh;\n }\n }\n\n #page {\n background: inherit;\n transition: transform .5s;\n }\n\n }\n\n //when menu is opened body gets class menu-open, #page moves\n .app-menu.menu-open {\n\n #page {\n border-radius: 5px;\n transform: translate(50vw, -2vh) scale(.75);\n box-shadow: -3px 0 10px rgba(0, 0, 0, .5);\n overflow: hidden;\n height: 100vh;\n }\n\n #panel-left {\n height: 100vh;\n overflow: auto;\n }\n\n &.admin-bar #panel-left {\n height: calc(100vh - 46px);\n }\n }\n\n .mobile-menu-body-lock {\n overflow: hidden;\n height: 100vh;\n width: 100vw;\n\n .site-container {\n height: 100%;\n }\n }\n\n}\n\n//lock body needed to make it look right and no scrolling around\n.body-lock {\n overflow: hidden;\n height: 100vh;\n width: 100vw;\n\n .site-container {\n height: 100%;\n }\n}\n\n//ios changes\n@supports (-webkit-touch-callout: none) {\n /* CSS specific to iOS devices */\n .app-menu.menu-open #page {\n transform: translate(50vw, -5vh) scale(.75);\n }\n}\n\n\n\n","@use \"../resources\" as *; //should also load resources\n@use \"base-layout\";\n/*--------------------------------------------------------------\n# Panel Left\n--------------------------------------------------------------*/\n\n//hide menu button unless there is something inside the left panel\n#panel-left:empty ~ .panel-left-toggle, #panel-left:empty ~ #page .panel-left-toggle {\n\tdisplay: none;\n}\n\n//if site top is in container, add room for button only when necessary\n@media (max-width: $media-container + $gap) {\n\t#panel-left:not(:empty) ~ .site .site-top .container {\n\t\tpadding-left: 52px;\n\t}\n}\n\n//if site nav is full width, add room for sidebar button always, if its visible\n#panel-left:not(:empty) ~ .site .site-top .container-fluid {\n\tpadding-left: 52px;\n}\n\n//when there is only a logo, make it centered wether left or right or both buttons are showing\n@media(max-width: $media-nav) {\n\t.site-top .container, .site-top .container-fluid {\n\t\tpadding: 0 52px;\n\t}\n}\n\n\n#panel-left {\n\t@extend .hide-scroll;\n\toverflow: auto;\n}\n\n.menu-open #panel-left, #panel-left.open {\n\tflex-basis: var(--panel-left-width);\n\tflex-shrink: 0;\n\ttransform: translate(0, 0);\n}\n\n//if left panel starts open, leave open until mobile, and hide button till mobile\n@media(min-width: $media-nav) {\n\t#panel-left.stay-open {\n\t\tflex-basis: var(--panel-left-width);\n\t\tflex-shrink: 0;\n\t\ttransform: translate(0, 0);\n\n\t\t& ~ .panel-left-toggle, & ~ .site .panel-left-toggle {\n\t\t\tdisplay: none;\n\t\t}\n\t}\n}\n\n//panel becomes absolute\n@media(max-width: $panel-left-absolute) {\n\t#panel-left {\n\t\tposition: absolute;\n\t\theight: 100%;\n\t\tleft: 0;\n\t\ttransform: translate(-100%, 0);\n\t}\n}\n\n\n/*------- Panel Left Button --------*/\n.panel-left-toggle {\n\tposition: absolute;\n\tborder: none;\n\tbox-shadow: none;\n\tz-index: 99;\n\tcursor: pointer;\n\twill-change: transform;\n\tline-height: 0;\n\tleft: 0;\n\ttop: 0;\n\tbottom: 0;\n\tmargin: 0;\n\tpadding: 0 15px;\n\toutline: none;\n\ttransition: all .5s;\n\tbackground: transparent;\n\n\t&:focus {\n\t\toutline: none;\n\n\t}\n}\n\n.site-top .panel-left-toggle {\n\theight: 100%;\n}\n\n\n/*--------------------------------------------------------------\n# Menu icons\n--------------------------------------------------------------*/\n.navigation-menu-icon{\n\tfont-size: 3rem;\n}\n.navigation-menu-icon .icon-regular {\n\tposition: relative;\n\tdisplay: block;\n\tborder-radius: .5px;\n\twidth: 25px;\n\theight: 25px;\n\n\t&:before,\n\t&:after {\n\t\tcontent: '';\n\t\tposition: absolute;\n\t\tleft: 0;\n\t\ttop: 30%;\n\t\theight: 3px;\n\t\twidth: 100%;\n\t\tbackground: white;\n\t\ttransition: all .5s;\n\t\toutline: none;\n\t\tborder-radius: inherit;\n\t}\n\n\t&:after {\n\t\tbottom: 30%;\n\t\ttop: auto;\n\t}\n}\n\n//opened-state for x version. Becomes X\n.panel-left-toggle.toggled-on .navigation-menu-icon .icon-regular {\n\theight: 25px;\n\twidth: 25px;\n\t&:before {\n\t\ttransform: rotate(45deg);\n\t\ttop: 45%;\n\t}\n\n\t&:after {\n\t\ttransform: rotate(-45deg);\n\t\tbottom: 42%;\n\t}\n}\n\n","@use \"../resources\" as *; //should also load resources\n\n/*--------------------------------------------------------------\n# Panel right Layout. Touch only if you know what your doing!\n--------------------------------------------------------------*/\n//(panel left's layout stuff is lumped into menu_layout.scss)\n\n.panel-right-toggle {\n z-index: var(--z-index-top);\n position: absolute;\n right: 0;\n top: 0;\n line-height: 0;\n border: none;\n padding: 0 15px;\n cursor: pointer;\n outline: none;\n font-size: 22px;\n\n &:focus {\n outline: none;\n }\n}\n\n/*------- sidebar icon --------*/\n//button to open panel\n.panel-right-toggle {\n\tcolor: white;\n\tbackground: transparent;\n}\n\n\n.sidebar-icon {\n border: 2px solid white;\n border-radius: 2px;\n position: relative;\n height: 1em; //may have to play to get it matching font size\n width: 1em;\n display: block;\n\n &:after {\n content: '';\n width: 30%;\n background: white;\n height: 100%;\n position: absolute;\n right: 0;\n }\n}\n\n\n//hide button if sidebar empty. button must be after sidebar\n#panel-right:empty ~ .panel-right-toggle {\n display: none;\n}\n\n\n//add room for panel-right button if the menu is up against edge of screen\n@media (max-width: $media-container + $gap){\n #panel-right:not(:empty) ~ .site .site-top .container {\n padding-right: 52px;\n }\n}\n\n//if site nav is full width, add room for sidebar button always\n#panel-right:not(:empty) ~ .site .site-top .container-fluid {\n padding-right: 52px;\n}\n\n//open panel\n#panel-right.open:not(:empty) {\n flex-basis: var(--panel-right-width);\n flex-shrink: 0;\n}\n\n//if right panel starts open, leave open until mobile, and hide button till mobile\n@media(min-width: $panel-right-absolute){\n #panel-right.stay-open{\n flex-basis: var(--panel-right-width);\n flex-shrink: 0;\n transform: translate(0,0);\n\n & ~ .panel-right-toggle{\n display: none;\n }\n }\n}\n\n\n/*--------------------------------------------------------------\n# Panel Breakpoint to become absolute. no longer a flexed item\n--------------------------------------------------------------*/\n@media(max-width: $panel-right-absolute) {\n #panel-right {\n position: absolute;\n height: 100%;\n right: 0;\n top: 0;\n padding-top: 50px;\n z-index: 90;\n width: 0;\n\n &.open {\n width: var(--panel-right-width);\n }\n }\n}\n\n\n","@use \"../resources\" as *; //should also load resources\n@use \"base-layout\" as *;\n/*--------------------------------------------------------------\n# Sidebar Layout\n--------------------------------------------------------------*/\n//If your looking to style the sidebar, go to sidebar.scss\n//this file is for layout only and usually does not need to be touched\n\n\n\n//alignfull sticks into the secondary area with negative margins when they are snug against each other. fix\n@media(min-width: $media-container) {\n .sidebar-template.container .container-content > .alignfull {\n\tmargin-right: 0;\n\tmargin-left: 0;\n }\n\n //set content not centered. useful on sidebar pages. add align-content-left to sidebar-template\n .sidebar-template.align-content-left .container-content, .sidebar-template.align-content-left.container-content{\n\t> *:not( .alignfull ):not(.full-width) {\n\t margin-left: 0;\n\t}\n }\n\n}\n\n\n//fixed the site content sot he sidebar template stretches\n.has-sidebar-template .site-content{\n display: flex;\n flex-direction: column;\n}\n\n//simple flex\n.sidebar-template {\n display: flex;\n flex-grow: 1;\n}\n\n\n@media( max-width: $media-sidebar){\n .sidebar-template{\n\tdisplay: block;\n }\n}\n\n\n/*--------------------------------------------------------------\n# Inline Sidebar #secondary\n--------------------------------------------------------------*/\n\n//hide secondary if empty, like when the sidebar that was inside moves to the right/left panel\n#secondary:empty, .sidebar-holder:empty, .secondary:empty {\n display: none;\n\n &:after {\n\tcontent: '';\n }\n}\n\n\n/*------- Sidebar on left/right ordering --------*/\n.sidebar-left #secondary {\n order: 0;\n}\n\n.sidebar-left #primary {\n order: 1;\n}\n\n//background when on left\n.sidebar-left .sidebar-bg:after{\n left: auto;\n right: 0;\n}\n\n.sidebar-left .sidebar-holder{\n float: right;\n}\n\n\n.sidebar-holder {\n position: relative;\n}\n\n\n#secondary .sidebar-holder {\n height: 100%;\n display: block;\n}\n\n\n/*--------------------------------------------------------------\n# Pulling out the header with .header-above\n--------------------------------------------------------------*/\n//by adding class .header-above to .sidebar-template, you can pull the header out of the article and put it above everything, even the sidebar.\n//This is done with javascript. a class active is added when it has finished moving\n//when header-above is found we dont show the sidebar till header has been pulled out. this way it looks seamless and not jumpy.\n\n//dont show sidebar till js moves out header. We also make header full width below resulting in smooth transition\n.js .sidebar-template.header-above:not(.active) {\n #secondary {\n\tdisplay: none;\n }\n}\n\n//show the header full width even inside container for a split second before it moves out. looks smooth.\n.js .sidebar-template.header-above:not(.active) .container, .js .sidebar-template.header-above:not(.active) .container-fluid {\n max-width: 100%;\n padding: 0;\n}\n\n\n/*------- Sidebar in panel right layout --------*/\n#panel-right {\n .sidebar-holder { //the holder with data-moveto attr\n\theight: 100%;\n\toverflow: auto;\n\toverflow-x: hidden;\n\tmin-width: var(--panel-right-width);\n\t-webkit-overflow-scrolling: touch;\n\tscroll-behavior: smooth;\n\t@extend .hide-scroll;\n }\n}\n\n\n\n\n\n\n\n","@use \"../resources\" as *; //should also load resources\n\n/*--------------------------------------------------------------\n# Layout Fixes for ie11\n--------------------------------------------------------------*/\n\n@media screen and (-ms-high-contrast:active), (-ms-high-contrast: none) {\n\n\n\t:root {\n\t\t--flex-gap: calc(var(--grid-gap) / 2);\n\t}\n\n\t.site-footer {\n\t\tmin-height: 1px; //ie11 fix\n\t}\n\n\t//for ie11 fallbacks on object-fit images\n\t.cover-image, .background-image {\n\t\tbackground-size: cover;\n\t\tbackground-repeat: no-repeat;\n\t\tbackground-position: center;\n\t}\n\n\t.no-objectfit .cover-image{\n\t\tmin-height: 300px;\n\t\tbackground-repeat: none;\n\t}\n\n\t.no-objectfit .background-image img,\n\t.no-objectfit .cover-image img {\n\t\tdisplay: none;\n\t}\n\n\n\t/*--------------------------------------------------------------\n # Flexbox grids. 99% same as css grid\n --------------------------------------------------------------*/\n\n\t.flex, .flex-grid, .grid {\n\t\tdisplay: flex;\n\n\n\t\tmargin-left: calc(-1 * var(--flex-gap));\n\t\tmargin-right: calc(-1 * var(--flex-gap));\n\n\t\t//gutters via margins. the flex-basis makes sure it can be sized right\n\t\t& > * {\n\t\t\tmargin-right: var(--flex-gap);\n\t\t\tmargin-left: var(--flex-gap);\n\t\t\tflex-grow: 1;\n\t\t\tflex-shrink: 1;\n\t\t}\n\n\n\t\t@for $i from 1 through 12 {\n\t\t\tdiv & .span-#{$i}, &.span-all-#{$i} > * {\n\t\t\t\t$width: 100% / (12/$i);\n\t\t\t\twidth: calc(#{$width} - var(--grid-gap));\n\t\t\t\tflex-grow: 0;\n\t\t\t\tflex-shrink: 0;\n\t\t\t\tflex-basis: auto;\n\t\t\t}\n\n\t\t\tdiv & > .span-#{$i} { //once it has a set size it cannot grow or shrink\n\t\t\t\tflex-grow: 0;\n\t\t\t\tflex-shrink: 0;\n\t\t\t}\n\t\t}\n\n\t}\n\n\t//many rows has margin bottom and wraps\n\t.grid {\n\t\tflex-wrap: wrap;\n\n\t\t& > * {\n\t\t\tmargin-bottom: var(--grid-gap);\n\t\t}\n\t}\n\n\n\tdiv .flex-grid, div .flex, div .grid {\n\n\n\t\t@each $name, $media in $media-list {\n\t\t\t@if $name != 'small' {\n\t\t\t\t@media(max-width: $media) {\n\t\t\t\t\t@for $i from 1 through 12 {\n\t\t\t\t\t\tdiv & > .#{$name}-span-#{$i}, &.#{$name}-span-all-#{$i} > * {\n\t\t\t\t\t\t\t$width: 100% / (12/$i);\n\t\t\t\t\t\t\twidth: calc(#{$width} - var(--grid-gap));\n\t\t\t\t\t\t\tflex-basis: auto;\n\t\t\t\t\t\t\tflex-grow: 0;\n\t\t\t\t\t\t\tflex-shrink: 0;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t@if $name == 'small' {\n\t\t\t\t@media(max-width: $media) {\n\t\t\t\t\t//only small-span can override this. has extra specificity\n\t\t\t\t\t@if ($collapse-on-small == true) {\n\t\t\t\t\t\tflex-wrap: wrap;\n\t\t\t\t\t\tdiv.site & > * {\n\t\t\t\t\t\t\twidth: calc(100% - var(--grid-gap));\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t\t@for $i from 1 through 12 {\n\t\t\t\t\t\tdiv & > .#{$name}-span-#{$i}, div &.#{$name}-span-all-#{$i} > * {\n\t\t\t\t\t\t\t$width: 100% / (12/$i);\n\t\t\t\t\t\t\twidth: calc(#{$width} - var(--grid-gap));\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t//no growing or shrinking\n\t\t\t\t\t\tdiv & > .#{$name}-span-#{$i} {\n\t\t\t\t\t\t\tflex-grow: 0;\n\t\t\t\t\t\t\tflex-shrink: 0;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t}\n\t}\n\n\t.layout-center-content > * {\n\t\tmargin: 0; //ie11 freaks out if the inner div has a margin: auto;\n\t}\n}\n","/*--------------------------------------------------------------\n# Adding the core styles necessary to run aspace\n--------------------------------------------------------------*/\n@forward \"base-layout\";\n@forward \"grid-layout\";\n@forward \"menu-layout\";\n@forward \"panel-left-layout\";\n@forward \"panel-right-layout\";\n@forward \"sidebar-layout\";\n@forward \"ie11-layout\";\n\n\n\n\n\n\n","@use \"../resources\" as *;\n\n/*--------------------------------------------------------------\n# Body Background\n--------------------------------------------------------------*/\nbody {\n background: var(--body-bg);\n}\n\n\n/*--------------------------------------------------------------\n# Logo\n--------------------------------------------------------------*/\n.site-logo {\n font-size: 3.3rem; //if its a text logo\n text-transform: uppercase;\n\n\n color: white;\n max-width: 350px;\n\n svg, path, g {\n\tfill: currentColor; //uses color above\n }\n}\n\n.site-navigation .site-logo {\n padding: 3px 0;\n}\n\n\n/*--------------------------------------------------------------\n# Site Top - holds logo and main menu at top\n--------------------------------------------------------------*/\n.site-top {\n position: relative; //change to fixed or absolute if wanted. if absolute add padding top to your entry-header!\n background: var(--site-top);\n}\n\n\n/*--------------------------------------------------------------\n# Default Headers\n--------------------------------------------------------------*/\n.entry-header, .page-header {\n position: relative;\n min-height: calc(400px + 5vw);\n padding: 30px 0;\n color: white;\n background-color: var(--dark-grey);\n background-size: cover;\n\n\n h1 {\n\tmargin: 0;\n }\n\n .cover-image {\n\theight: 500px;\n }\n\n}\n\n\n/*--------------------------------------------------------------\n# Under header first thing should probably have padding-top. Usually its a section\n# expect it to be a paragraph or a heading or a section\n# Sometimes header is outside entry-content so we select the very first thing inside there\n--------------------------------------------------------------*/\n.entry-header + p, .entry-content > p:first-child{\n padding-top: var(--gap);\n}\n\n\n\n/*--------------------------------------------------------------\n# Default Footer\n--------------------------------------------------------------*/\n\n.site-footer {\n padding-top: 5px;\n padding-bottom: 5px;\n background: var(--footer-bg);\n color: var(--subtle-text-color);\n font-size: 1.1rem;\n\n a{\n\tcolor: inherit;\n }\n}\n\n\n\n/*--------------------------------------------------------------\n# Error 404 Page\n--------------------------------------------------------------*/\n.error404 {\n background: white;\n color: var(--highlight);\n\n .site-content {\n display: flex;\n align-items: center;\n justify-content: center;\n }\n\n .site-footer, .site-top {\n display: none;\n }\n\n .title-404 {\n font-size: 27vmin;\n font-weight: bold;\n line-height: 1;\n color: rgba(74, 58, 148, 0.82);\n text-shadow: 1px 1px white;\n margin-bottom: var(--gap);\n }\n}\n","/*--------------------------------------------------------------\n# Special Images\n--------------------------------------------------------------*/\n/*\n - Use a background-image div for holding a foreground image behind an item or header\n - use cover-image for an image in the foreground of a header.\n*/\n.background-image {\n position: absolute;\n top: 0;\n left: 0;\n height: 100%;\n width: 100%;\n display: block;\n\n img {\n object-fit: cover;\n height: 100%;\n width: 100%;\n position: relative;\n }\n\n & ~ *{\n z-index: 10;\n }\n\n}\n\n\n.cover-image {\n width: 100%;\n display: block;\n img {\n object-fit: cover;\n left: 0;\n right: 0;\n height: 100%;\n width: 100%;\n }\n}\n\n/*------- Add overlay to a div so image is shaded --------*/\n.overlay{\n\tbox-shadow: inset 0 0 0 2000px var(--overlay-color);\n\tcolor: white;\n}\n\n\n\n/*--------------------------------------------------------------\n# Article images\n--------------------------------------------------------------*/\narticle img, .wp-block-image img {\n display: block;\n}\n\nfigure {\n margin-bottom: 1em;\n max-width: 100%;\n font-size: 1.3rem;\n}\n\n.card-grid figure, .card-grid-full figure{\n text-align: center;\n margin: 0;\n}\n\n\n\n/*--------------------------------------------------------------\n# Image Alignments / WordPress Alignments\n--------------------------------------------------------------*/\nimg.alignright{\n float: right;\n margin-left: var(--gap);\n margin-bottom: 1em;\n}\n\nimg.alignleft{\n float: left;\n margin-right: var(--gap);\n margin-bottom: 1em;\n}\n\n.wp-block-image .alignright {\n\tmargin-top: .6em;\n\tfloat: right;\n\tmargin-left: var(--gap);\n}\n\n.wp-block-image .alignleft {\n\tmargin-top: .6em;\n\tfloat: left;\n\tmargin-right: var(--gap);\n}\n\n\n\n.aligncenter {\n clear: both;\n display: block;\n margin-left: auto;\n margin-right: auto;\n}\n\n\n.container-content .alignfull{\n max-width: none;\n}\n\n.alignfull img{\n\tobject-fit: cover;\n}\n\n/*--------------------------------------------------------------\n# Videos\n--------------------------------------------------------------*/\n.videowrapper {\n float: none;\n clear: both;\n width: 100%;\n position: relative;\n padding-bottom: 56.25%;\n padding-top: 0;\n height: 0;\n}\n\n.videowrapper iframe, .videowrapper video, .videowrapper object {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n}\n\n\n","@use \"../resources\" as *; //should also load resources\n\n\n/*--------------------------------------------------------------\n# Basic Menu Styling\n--------------------------------------------------------------*/\n//this will affect all vertical menus everywhere (sidebar, panel-left, etc...)\n\n.menu li {\n color: white;\n}\n\n//item hovered on\n.menu li:hover, .menu li.toggled-on, .menu li:active {\n color: black;\n}\n\n\n/*--------------------------------------------------------------\n# Vertical Menu in Panel Left overrides\n--------------------------------------------------------------*/\n#panel-left {\n //current menu and a toggled-open one\n .menu .current-menu-item, .menu li.toggled-on {\n background: rgba(0, 0, 0, .3);\n color: white;\n\n //top level item\n > .menu-item-link {\n background: rgba(0, 0, 0, .5);\n }\n }\n}\n\n\n/*--------------------------------------------------------------\n# Horizontal Menu Styling overrides\n--------------------------------------------------------------*/\n\n@media(min-width: $media-nav) {\n .site-top .menu, .horizontal-menu .menu {\n\n li {\n color: white;\n font-weight: bold;\n }\n\n //top level items:\n .top-level-item {\n\n &.current-menu-item .menu-item-link{\n color: var(--main-text-color);\n }\n\n //top level menu item turned on or hovered on, or item within is hovered on\n &.toggled-on, &:focus-within {\n background: transparent;\n color: black;\n\n //open submenu if there is one.\n & > .sub-menu, & > .children {\n transform: translate3d(-50%, -5px, 0) rotateX(0);\n opacity: 1;\n visibility: visible;\n }\n }\n\n //dropdown boxes styling from top level item on horizontal menus\n & > .sub-menu, & > .children {\n opacity: 0;\n visibility: hidden;\n transform: perspective(100px) translate3d(-50%, 0, 0) rotateX(-8deg);\n transition: all .3s;\n background: white;\n box-shadow: 0 3px 10px rgba(0, 0, 0, .17);\n border-radius: 3px;\n transform-style: preserve-3d;\n transform-origin: 0 top;\n overflow: visible;\n padding: 5px 0;\n\n a {\n flex-shrink: 1;\n }\n\n //top cute arrow piece\n &:before {\n content: '';\n width: 16px;\n height: 16px;\n background: inherit;\n display: block;\n transform: rotate(45deg);\n position: absolute;\n top: -8px;\n left: 0;\n right: 0;\n margin: auto;\n z-index: 1;\n }\n\n //submenu inner links\n .menu-item-link {\n transition: all .5s;\n color: var(--highlight);\n z-index: 2;\n position: relative;\n }\n\n //inner links hovered\n .menu-item-link:hover, .menu-item-link:focus-within{\n background: var(--highlight);\n color: white;\n }\n }\n\n\n\n\n\n &.offscreen-right > .sub-menu{\n left: -50px;\n &:before{\n content: none;\n }\n }\n \n } //top-level items\n } //horizontal menus\n\n .top-level-item > .menu-item-link{\n .submenu-dropdown-toggle{\n display: none;\n }\n }\n}\n\n//show the dropdown arrow when hover events are not available\n.touch-device .top-level-item > .menu-item-link{\n .submenu-dropdown-toggle{\n display: block;\n }\n}\n\n\n\n/*--------------------------------------------------------------\n# Sub-Menu Dropdown Button styling\n--------------------------------------------------------------*/\n.submenu-dropdown-toggle .icon {\n transition: transform .4s;\n}\n\n.menu-item.toggled-on > .menu-item-link .icon, .menu-item:focus-within > .menu-item-link.icon {\n transform: rotate(90deg);\n}\n\n.submenu-dropdown-toggle,\n.submenu-dropdown-toggle:focus {\n background: none;\n border: none;\n margin: 0;\n display: inline;\n outline: none;\n cursor: pointer;\n min-width: 1.5em;\n text-align: left;\n font-size: inherit;\n color: inherit;\n}\n\n\n//for more panel-left styling see panels.scss\n\n\n\n","@use \"../resources\" as *; //should also load resources\n\n/*--------------------------------------------------------------\n# Global Forms\n--------------------------------------------------------------*/\n//because this file is used on front and back end, we need to make sure it is only being applied in those places\n//wordpress also requires a class in front for specificity as it uses .button and other elements here on the back end\n\nlabel {\n display: block;\n font-weight: 800;\n}\n\nfieldset {\n margin-bottom: var(--gap);\n}\n\ninput[type=\"text\"],\ninput[type=\"email\"],\ninput[type=\"url\"],\ninput[type=\"password\"],\ninput[type=\"search\"],\ninput[type=\"number\"],\ninput[type=\"tel\"],\ninput[type=\"range\"],\ninput[type=\"date\"],\ninput[type=\"month\"],\ninput[type=\"week\"],\ninput[type=\"time\"],\ninput[type=\"datetime\"],\ninput[type=\"datetime-local\"],\ninput[type=\"color\"],\ninput[type=\"file\"],\ntextarea {\n border: 1px solid grey;\n background: transparent;\n color: var(--main-text-color);\n width: 100%;\n min-width: 0;\n font-size: inherit;\n transition: all .5s;\n padding: 3px 5px;\n display: block;\n\n &:focus {\n border: 1px solid var(--highlight);\n }\n}\n\n\n.site-container select {\n width: 100%;\n\n //cool select.\n $dropdown-color: #000;\n $dropdown-icon: inline-svg(\"\");\n\n background-image: $dropdown-icon; //, linear-gradient(to bottom, #ffffff 0%, #e5e5e5 100%);\n background-repeat: no-repeat, repeat;\n background-position: right .8rem top 50%, 0 0;\n background-size: 1.2em auto, 100%;\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n padding: 5px 10px;\n font-weight: bold;\n color: black;\n background-color: transparent;\n font-size: inherit;\n\n option {\n font-weight: normal;\n }\n}\n\ninput[type=\"radio\"],\ninput[type=\"checkbox\"] {\n margin-right: 0.5em;\n}\n\n/*--------------------------------------------------------------\n# Buttons\n--------------------------------------------------------------*/\n.btn, .button, input[type=\"submit\"] {\n border: 1px solid transparent;\n display: inline-block;\n text-transform: capitalize;\n background: var(--highlight);\n padding: 5px 10px;\n color: white;\n border-radius: 3px;\n transition: all .5s;\n cursor: pointer;\n box-shadow: none;\n font-size: inherit;\n\n &:active, &:focus {\n color: white;\n background: var(--highlight-darkened);\n box-shadow: 0 0 0 2px var(--highlight-alpha);\n }\n\n &:hover {\n color: white;\n background: var(--highlight-darkened);\n }\n}\n\n\n.btn--o, .button--o {\n border: 1px solid var(--highlight);\n color: var(--highlight);\n background: transparent;\n\n &:hover, &:focus {\n background: var(--highlight);\n color: white;\n }\n}\n\n\n/*--------------------------------------------------------------\n# Input Placeholders\n--------------------------------------------------------------*/\n::placeholder {\n color: var(--grey);\n opacity: .7;\n font-family: var(--font);\n}\n\n\n/*--------------------------------------------------------------\n# Search form\n--------------------------------------------------------------*/\n\n.search-form {\n display: flex;\n font-size: 2rem;\n //input\n .search-field {\n flex: 1 1 auto;\n padding: 3px 10px 3px 10px;\n border: 1px solid var(--highlight);\n border-radius: 3px;\n background: white;\n }\n}\n\n\n/*--------------------------------------------------------------\n# Input Icons\n--------------------------------------------------------------*/\n\n/*------- input appends and prepends for icons --------*/\n/*\n * when adding a button near an input you can make it a prepend or append\n * all prepends and appends go AFTER the input. Never before or :focus wont affect the prepend.\n */\n.input-prepend, .input-append {\n transition: all .5s;\n background: white;\n z-index: 2;\n color: var(--subtle-text-color);\n box-shadow: none;\n}\n\n.input-append {\n border-radius: 0 3px 3px 0;\n margin-left: -2px;\n order: 1;\n border: 1px solid var(--highlight);\n border-left: 0;\n}\n\n.input-prepend {\n border-radius: 3px 0 0 3px;\n margin-right: -2px;\n border: 1px solid var(--highlight);\n order: -1;\n border-right: 0;\n}\n\ninput:focus + .input-prepend {\n border-color: var(--highlight);\n}\n\ninput:focus + .input-append {\n border-color: var(--highlight);\n}\n\n\n\n\n\n","/*--------------------------------------------------------------\n# Animation Setup\n--------------------------------------------------------------*/\n\n/*------- For animations --------*/\n.animate {\n\tanimation-fill-mode: both;\n\tanimation-duration: 1s;\n\ttransform: translate(0);\n}\n\n/*------- infinite animations --------*/\n.infinite {\n\tanimation-iteration-count: infinite;\n}\n\n\n\n\n/*--------------------------------------------------------------\n# Scroll Animation with data-scrollanimation\n--------------------------------------------------------------*/\n\n/*------- when using data-scrollanimation with scrubbing, turn off transitions --------*/\n#page [data-scrollscrub] {\n\ttransition: none; //tween cannot work if there is transitions set\n}\n\n/*------- Special class for fixing at top. Used with scrollanimation --------*/\n//just add data-scrollanimation=\"fixed-at-top\" to an element to get this effect.\n.fixed-at-top {\n\tposition: fixed;\n\ttop: 0;\n}\n\n/*------- Animate in a sequence --------*/\n//simple add class sequence to your item and when it scrolls in it will scroll in the items inside in a sequence\n@for $i from 0 through 30 {\n\t.active.sequence:nth-of-type(#{$i+1}) { //active makes sure the sequence only runs when it loads in but not out, so it resets fast\n\t\ttransition-delay: #{$i/4}s;\n\t}\n}\n\n\n\n//some animations included\n//Example: use data-scrollanimation=\"fadeInUp\"\n//When fading or moving something in, start with js so that without javascript the item wont start with opacity 0 or offscreen.\n//use text UP or Down in class names when the item is meant to move up or down. This helps the scroll code no some extra info necessary\n// //(if an item moves down or up it can mess up when the scroll animation should start cause it keeps moving)\n/*--------------------------------------------------------------\n# Animations\n--------------------------------------------------------------*/\n\n//start class\n.js [data-scrollanimation*=\"fadeInUp\"] {\n\topacity: 0;\n\ttransition: all .5s;\n\ttransform: translate3d(0, 100%, 0);\n\n\t//end class\n\t&.fadeInUp {\n\t\topacity: 1;\n\t\ttransform: translate3d(0, 0, 0);\n\t}\n}\n\n\n.js [data-scrollanimation*=\"zoomIn\"] {\n\ttransition: all .5s;\n\topacity: 0;\n\ttransform: scale3d(0.3, 0.3, 0.3);\n\n\t&.zoomIn {\n\t\ttransform: scale(1);\n\t\topacity: 1;\n\t}\n}\n\n//ADD MORE ANIMATIONS HERE\n\n\n","/*--------------------------------------------------------------\n# Icons\n--------------------------------------------------------------*/\n.icon, .icon {\n display: inline-block;\n stroke-width: 0;\n stroke: currentColor;\n height: 1em;\n vertical-align: middle;\n width: 1em;\n position: relative;\n fill: currentColor;\n\n svg, path, g{\n fill: currentColor;\n }\n}\n\n\n\n/*--------------------------------------------------------------\n# Icon Tweaks\n--------------------------------------------------------------*/\n\n\n.icon-arrow-right{\n top: -2px;\n}\n\n","/*--------------------------------------------------------------\nLists\n--------------------------------------------------------------*/\n\nul,\nol {\n\tmargin: 0 0 1.5em var(--gap);\n\tpadding: 0;\n}\n\nul {\n\tlist-style: disc;\n}\n\nol {\n\tlist-style: decimal;\n}\n\nli > ul,\nli > ol {\n\tmargin-bottom: 0;\n\tmargin-left: 1.5em;\n}\n\ndt {\n\tfont-weight: 700;\n}\n\ndd {\n\tmargin: 0 1.5em 1.5em;\n}\n\n\n/*--------------------------------------------------------------\nTables\n--------------------------------------------------------------*/\n\ntable {\n\tborder-collapse: collapse;\n\tmargin: 0 0 1.5em;\n\twidth: 100%;\n}\n\nthead th {\n\tborder-bottom: 2px solid #bbb;\n\tpadding-bottom: 0.5em;\n}\n\nth {\n\tpadding: 0.4em;\n\ttext-align: left;\n}\n\ntr {\n\tborder-bottom: 1px solid #eee;\n}\n\ntd {\n\tpadding: 0.4em;\n}\n\nth:first-child,\ntd:first-child {\n\tpadding-left: 0;\n}\n\nth:last-child,\ntd:last-child {\n\tpadding-right: 0;\n}\n\n\n","@use \"../resources\" as *;\n/*--------------------------------------------------------------\n# Sections and Blocks and Parts\n--------------------------------------------------------------*/\n/*\n Most block and section styling can go here or in the block folder with the template-parts folder for that block. The choice is up to you.\n */\n\n/*------- Section defaults --------*/\nsection, .section {\n\t//default padding.\n\tpadding-top: var(--gap);\n\tpadding-bottom: var(--gap);\n\n\tsection {\n\t\tpadding-top: 0;\n\t\tpadding-bottom: 0;\n\t}\n\n p:last-child{\n\tmargin-bottom: 0;\n }\n}\n\n//if a section does not have a background and its near another one with no background, the space between them looks large. remove the second ones top space\n.no-bg + .no-bg {\n padding-top: 0;\n}\n\n\nsection.heading-center{\n\th1, h2{\n\t\ttext-align: center;\n\t}\n}\n\n\n/*------- Padding classes useful for sections --------*/\n.site-content {\n .padding {\n\tpadding: var(--gap);\n }\n\n .no-padding {\n\tpadding: 0;\n }\n\n .no-padding-top {\n\tpadding-top: 0;\n }\n\n .no-padding-bottom {\n\tpadding-bottom: 0;\n }\n\n .margin-bottom {\n\tmargin-bottom: var(--gap);\n }\n}\n\n\n/*------- Your block, parts, and section styling --------*/\n","/*--------------------------------------------------------------\n# Settings for some basic html elements\n--------------------------------------------------------------*/\n@forward \"animations\";\n\n@forward \"icons\";\n\n@forward \"lists_tables\";\n\n@forward \"sections\";\n\n","/*--------------------------------------------------------------\n# Post Card design\n--------------------------------------------------------------*/\n.post.card-item{\n border: 1px solid var(--highlight);\n padding: var(--gutters);\n}","/*------- ACF Menu block --------*/\n.site .acf-menu{\n\tpadding: 0;\n}\n\n.section-menu{\n\tbackground: var(--dark-grey);\n\tli{\n\t\tfont-weight: normal;\n\t}\n}\n"],"sourceRoot":""}