{"version":3,"sources":["webpack://ignition/./resources.scss","webpack://ignition/./_variables.scss","webpack://ignition/./back-end-bunde.scss","webpack://ignition/./core/_grid-layout.scss","webpack://ignition/./wordpress/_default-blocks.scss","webpack://ignition/./gutenberg/_gutenberg-layout.scss","webpack://ignition/./gutenberg/_gutenberg-styles.scss","webpack://ignition/./core/_base-layout.scss","webpack://ignition/./core/_menu-layout.scss","webpack://ignition/./core/_panel-left-layout.scss","webpack://ignition/./core/_panel-right-layout.scss","webpack://ignition/./core/_sidebar-layout.scss","webpack://ignition/./core/_ie11-layout.scss","webpack://ignition/./core/_base.scss","webpack://ignition/./global/_media.scss","webpack://ignition/./global/_menus.scss","webpack://ignition/./global/_forms.scss","webpack://ignition/./settings/_animations.scss","webpack://ignition/./settings/_icons.scss","webpack://ignition/./settings/_lists_tables.scss","webpack://ignition/./settings/_sections.scss","webpack://ignition/./settings/_settings.scss","webpack://ignition/./global/_page.scss","webpack://ignition/./parts/post/_post.scss","webpack://ignition/./blocks/section-menu/_section-menu.scss"],"names":[],"mappings":"AAAA;;+DAAA;AAOA;AAWA;AAKA;AAQA;;+DAAA;AAKA;AAkCA;AAgBA;AA0BA;AAoEA;AAyDA;AC7OA;;+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;ACFF;;ADMA;;+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;ACTF;;ACtEA;;+DAAA;AAKA;;;;;EAAA;AAQA;AAEA;EACI;EACA;EAAA;EACA;EACA;EAAA;ADoEJ;;ACjEA;;EAEI;EACA;EAAA;EACA;EACA;EAAA;ADoEJ;;AChEA;EACI;EACA;EAAA;ADmEJ;;AChEA;EACI;ADmEJ;;AChEA;EACI;IACI;EDmEN;AACF;AC/DA;AAGA;;;;;;;CAAA;AASA;EACI;EAAA;EACA;AD8DJ;AC7DI;EACI;EAAA;EACA;EACA;AD+DR;AC7DI;;EAEI;EACA;EAAA;EACA;EAAA;AD+DR;AC7DI;EACI;EACA;EAAA;AD+DR;;AC1DA;AAIA;;;;EAII;EACA;AD0DJ;ACzDI;;;;EACI;EACA;EAAA;AD8DR;;ACxDI;;EAEI;AD2DR;;ACtDI;;EAEI;ADyDR;;ACpDA;;+DAAA;AAMA;EACI;EAAA;EACA;EAAA;EACA;EACA;ADoDJ;;AChDA;;+DAAA;AAKA;AAGA;;;;;;EAAA;AAQA;EHmGI;EACA;EACA;EACA;EACA;EACA;EAAA;EACA;AEpDJ;AFsDI;EG3GJ;IH4GQ;IACA;EEnDN;EFoDM;IACI;IACA;IACA;IACA;IACA;IACA;IACA,mBApBD;EE9BT;EFoDM;IACI;IACA;EElDV;EFoDM;IACI;EElDV;AACF;;ACvEA;EH+FI;EACA;EACA;EACA;EACA;EACA;EAAA;EACA;AEpBJ;AFsBI;EGvGJ;IHwGQ;IACA;EEnBN;EFoBM;IACI;IACA;IACA;IACA;IACA;IACA;IACA,mBApBD;EEET;EFoBM;IACI;IACA;EElBV;EFoBM;IACI;EElBV;AACF;;ACnGA;EH6HI;EACA;EACA;EAEA;EACA;AEvBJ;AFwBI;EACI,YAVD;EAWC,cAVC;EAWD;EACA;AEtBR;AFwBI;EACI;EACA;AEtBR;AFwBI;EACI;AEtBR;AFwBI;EAEI;IACI;IACA;EEvBV;AACF;;ACzHA;;+DAAA;AAIA;EACI;AD2HJ;;ACxHA;EACI;EACA;EACA;EAAA;AD2HJ;ACxHQ;EAEI;ADyHZ;AC3HQ;EAEI;AD4HZ;AC9HQ;EAEI;AD+HZ;ACjIQ;EAEI;ADkIZ;ACpIQ;EAEI;ADqIZ;ACvIQ;EAEI;ADwIZ;AC1IQ;EAEI;AD2IZ;AC7IQ;EAEI;AD8IZ;AChJQ;EAEI;ADiJZ;ACnJQ;EAEI;ADoJZ;ACtJQ;EAEI;ADuJZ;ACzJQ;EAEI;AD0JZ;;AC7IA;EACI;EACA;ADgJJ;;AC5IA;AAOY;EAEQ;IACI;EDwItB;ECzIkB;IACI;ED2ItB;EC5IkB;IACI;ED8ItB;EC/IkB;IACI;EDiJtB;EClJkB;IACI;EDoJtB;ECrJkB;IACI;EDuJtB;ECxJkB;IACI;ED0JtB;EC3JkB;IACI;ED6JtB;EC9JkB;IACI;EDgKtB;ECjKkB;IACI;EDmKtB;ECpKkB;IACI;EDsKtB;ECvKkB;IACI;EDyKtB;AACF;AC7KY;EAEQ;IACI;ED8KtB;EC/KkB;IACI;EDiLtB;EClLkB;IACI;EDoLtB;ECrLkB;IACI;EDuLtB;ECxLkB;IACI;ED0LtB;EC3LkB;IACI;ED6LtB;EC9LkB;IACI;EDgMtB;ECjMkB;IACI;EDmMtB;ECpMkB;IACI;EDsMtB;ECvMkB;IACI;EDyMtB;EC1MkB;IACI;ED4MtB;EC7MkB;IACI;ED+MtB;AACF;ACnNY;EAEQ;IACI;EDoNtB;ECrNkB;IACI;EDuNtB;ECxNkB;IACI;ED0NtB;EC3NkB;IACI;ED6NtB;EC9NkB;IACI;EDgOtB;ECjOkB;IACI;EDmOtB;ECpOkB;IACI;EDsOtB;ECvOkB;IACI;EDyOtB;EC1OkB;IACI;ED4OtB;EC7OkB;IACI;ED+OtB;EChPkB;IACI;EDkPtB;ECnPkB;IACI;EDqPtB;AACF;AChPY;EAGQ;IACI;EDgPtB;EC5OkB;IAEI;ED6OtB;EC/OkB;IAEI;EDgPtB;EClPkB;IAEI;EDmPtB;ECrPkB;IAEI;EDsPtB;ECxPkB;IAEI;EDyPtB;EC3PkB;IAEI;ED4PtB;EC9PkB;IAEI;ED+PtB;ECjQkB;IAEI;EDkQtB;ECpQkB;IAEI;EDqQtB;ECvQkB;IAEI;EDwQtB;EC1QkB;IAEI;ED2QtB;EC7QkB;IAEI;ED8QtB;AACF;;ACtQA;;+DAAA;AAKI;EACI;EAAA;EACA;ADuQR;ACrQI;EACI;ADuQR;;AClQI;EACI;EAAA;EACA;ADqQR;ACnQI;EACI;ADqQR;;AC/PA;;+DAAA;AAIA;;EAEI;EACA;EAAA;EACA;EAAA;ADiQJ;AC/PI;;EACI;EAAA;EACA;EAAA;EACA;ADkQR;AChQI;;EACI;EACA;ADmQR;AChQQ;;;EAGI;EAAA;ADkQZ;AChQQ;;EAEI;EACA;ADkQZ;AC1QQ;;;EAGI;EAAA;AD4QZ;AC1QQ;;EAEI;EACA;AD4QZ;ACpRQ;;;EAGI;EAAA;ADsRZ;ACpRQ;;EAEI;EACA;ADsRZ;AC9RQ;;;EAGI;EAAA;ADgSZ;AC9RQ;;EAEI;EACA;ADgSZ;ACxSQ;;;EAGI;EAAA;AD0SZ;ACxSQ;;EAEI;EACA;AD0SZ;AClTQ;;;EAGI;EAAA;ADoTZ;AClTQ;;EAEI;EACA;ADoTZ;AC5TQ;;;EAGI;EAAA;AD8TZ;AC5TQ;;EAEI;EACA;AD8TZ;ACtUQ;;;EAGI;EAAA;ADwUZ;ACtUQ;;EAEI;EACA;ADwUZ;AChVQ;;;EAGI;EAAA;ADkVZ;AChVQ;;EAEI;EACA;ADkVZ;AC1VQ;;;EAGI;EAAA;AD4VZ;AC1VQ;;EAEI;EACA;AD4VZ;ACpWQ;;;EAGI;EAAA;ADsWZ;ACpWQ;;EAEI;EACA;ADsWZ;AC9WQ;;;EAGI;EAAA;ADgXZ;AC9WQ;;EAEI;EACA;ADgXZ;AC7WI;;EACI;EACA;ADgXR;AC/WQ;;EACI;EACA;ADkXZ;;AC5WA;EACI;AD+WJ;AC9WI;EACI;EAAA;ADgXR;;AC5WA;EACI;AD+WJ;;AC3WA;AAOY;EAEQ;;;;;IAEI;IAAA;ED0WtB;ECvWkB;;;IACI;IACA;ED2WtB;EClXkB;;;;;IAEI;IAAA;EDuXtB;ECpXkB;;;IACI;IACA;EDwXtB;EC/XkB;;;;;IAEI;IAAA;EDoYtB;ECjYkB;;;IACI;IACA;EDqYtB;EC5YkB;;;;;IAEI;IAAA;EDiZtB;EC9YkB;;;IACI;IACA;EDkZtB;ECzZkB;;;;;IAEI;IAAA;ED8ZtB;EC3ZkB;;;IACI;IACA;ED+ZtB;ECtakB;;;;;IAEI;IAAA;ED2atB;ECxakB;;;IACI;IACA;ED4atB;ECnbkB;;;;;IAEI;IAAA;EDwbtB;ECrbkB;;;IACI;IACA;EDybtB;EChckB;;;;;IAEI;IAAA;EDqctB;EClckB;;;IACI;IACA;EDsctB;EC7ckB;;;;;IAEI;IAAA;EDkdtB;EC/ckB;;;IACI;IACA;EDmdtB;EC1dkB;;;;;IAEI;IAAA;ED+dtB;EC5dkB;;;IACI;IACA;EDgetB;ECvekB;;;;;IAEI;IAAA;ED4etB;ECzekB;;;IACI;IACA;ED6etB;ECpfkB;;;;;IAEI;IAAA;EDyftB;ECtfkB;;;IACI;IACA;ED0ftB;AACF;ACpgBY;EAEQ;;;;;IAEI;IAAA;EDwgBtB;ECrgBkB;;;IACI;IACA;EDygBtB;EChhBkB;;;;;IAEI;IAAA;EDqhBtB;EClhBkB;;;IACI;IACA;EDshBtB;EC7hBkB;;;;;IAEI;IAAA;EDkiBtB;EC/hBkB;;;IACI;IACA;EDmiBtB;EC1iBkB;;;;;IAEI;IAAA;ED+iBtB;EC5iBkB;;;IACI;IACA;EDgjBtB;ECvjBkB;;;;;IAEI;IAAA;ED4jBtB;ECzjBkB;;;IACI;IACA;ED6jBtB;ECpkBkB;;;;;IAEI;IAAA;EDykBtB;ECtkBkB;;;IACI;IACA;ED0kBtB;ECjlBkB;;;;;IAEI;IAAA;EDslBtB;ECnlBkB;;;IACI;IACA;EDulBtB;EC9lBkB;;;;;IAEI;IAAA;EDmmBtB;EChmBkB;;;IACI;IACA;EDomBtB;EC3mBkB;;;;;IAEI;IAAA;EDgnBtB;EC7mBkB;;;IACI;IACA;EDinBtB;ECxnBkB;;;;;IAEI;IAAA;ED6nBtB;EC1nBkB;;;IACI;IACA;ED8nBtB;ECroBkB;;;;;IAEI;IAAA;ED0oBtB;ECvoBkB;;;IACI;IACA;ED2oBtB;EClpBkB;;;;;IAEI;IAAA;EDupBtB;ECppBkB;;;IACI;IACA;EDwpBtB;AACF;AClqBY;EAEQ;;;;;IAEI;IAAA;EDsqBtB;ECnqBkB;;;IACI;IACA;EDuqBtB;EC9qBkB;;;;;IAEI;IAAA;EDmrBtB;EChrBkB;;;IACI;IACA;EDorBtB;EC3rBkB;;;;;IAEI;IAAA;EDgsBtB;EC7rBkB;;;IACI;IACA;EDisBtB;ECxsBkB;;;;;IAEI;IAAA;ED6sBtB;EC1sBkB;;;IACI;IACA;ED8sBtB;ECrtBkB;;;;;IAEI;IAAA;ED0tBtB;ECvtBkB;;;IACI;IACA;ED2tBtB;ECluBkB;;;;;IAEI;IAAA;EDuuBtB;ECpuBkB;;;IACI;IACA;EDwuBtB;EC/uBkB;;;;;IAEI;IAAA;EDovBtB;ECjvBkB;;;IACI;IACA;EDqvBtB;EC5vBkB;;;;;IAEI;IAAA;EDiwBtB;EC9vBkB;;;IACI;IACA;EDkwBtB;ECzwBkB;;;;;IAEI;IAAA;ED8wBtB;EC3wBkB;;;IACI;IACA;ED+wBtB;ECtxBkB;;;;;IAEI;IAAA;ED2xBtB;ECxxBkB;;;IACI;IACA;ED4xBtB;ECnyBkB;;;;;IAEI;IAAA;EDwyBtB;ECryBkB;;;IACI;IACA;EDyyBtB;EChzBkB;;;;;IAEI;IAAA;EDqzBtB;EClzBkB;;;IACI;IACA;EDszBtB;AACF;ACjzBY;EApBZ;;;IAuBoB;EDozBlB;ECnzBkB;;;IACI;IAAA;EDuzBtB;ECnzBkB;;;;;IAGI;IAAA;EDuzBtB;ECpzBkB;;;IACI;IACA;EDwzBtB;ECh0BkB;;;;;IAGI;IAAA;EDo0BtB;ECj0BkB;;;IACI;IACA;EDq0BtB;EC70BkB;;;;;IAGI;IAAA;EDi1BtB;EC90BkB;;;IACI;IACA;EDk1BtB;EC11BkB;;;;;IAGI;IAAA;ED81BtB;EC31BkB;;;IACI;IACA;ED+1BtB;ECv2BkB;;;;;IAGI;IAAA;ED22BtB;ECx2BkB;;;IACI;IACA;ED42BtB;ECp3BkB;;;;;IAGI;IAAA;EDw3BtB;ECr3BkB;;;IACI;IACA;EDy3BtB;ECj4BkB;;;;;IAGI;IAAA;EDq4BtB;ECl4BkB;;;IACI;IACA;EDs4BtB;EC94BkB;;;;;IAGI;IAAA;EDk5BtB;EC/4BkB;;;IACI;IACA;EDm5BtB;EC35BkB;;;;;IAGI;IAAA;ED+5BtB;EC55BkB;;;IACI;IACA;EDg6BtB;ECx6BkB;;;;;IAGI;IAAA;ED46BtB;ECz6BkB;;;IACI;IACA;ED66BtB;ECr7BkB;;;;;IAGI;IAAA;EDy7BtB;ECt7BkB;;;IACI;IACA;ED07BtB;ECl8BkB;;;;;IAGI;IAAA;EDs8BtB;ECn8BkB;;;IACI;IACA;EDu8BtB;AACF;;ACh8BA;EACI;ADm8BJ;;AC/7BA;AAII;EACI;IACI;ED+7BV;AACF;ACl8BI;EACI;IACI;EDo8BV;AACF;ACv8BI;EACI;IACI;EDy8BV;AACF;AC58BI;EACI;IACI;ED88BV;AACF;ACz8BA;;+DAAA;AAIA;EACI;AD08BJ;;ACv8BA;EACI;AD08BJ;;ACv8BA;EACI;AD08BJ;;ACv8BA;EACI;AD08BJ;;ACv8BA;EACI;AD08BJ;;ACv8BA;EACI;AD08BJ;;ACt8BA;;+DAAA;AAKA;AAEA;EACI;EACA;EACA;ADs8BJ;;ACl8BA;AAII;EACI;ADk8BR;ACj8BQ;EACI;ADm8BZ;AC/7BI;;EAEI;ADi8BR;ACh8BQ;;EACI;ADm8BZ;;AC77BA;EAGQ;IACI;IAAA;ED87BV;EC77BU;IACI;ED+7Bd;EC57BM;;IAEI;IAAA;ED87BV;EC77BU;;IACI;EDg8Bd;AACF;AE/3CA;;+DAAA;AAIA;EAEI;AF+3CJ;AE93CI;EACI;AFg4CR;;AE33CA;;+DAAA;AAKA;;EAAA;AAIA;EACI;AF23CJ;;AEx3CA;EACI;EACA;EACA;EACA;AF23CJ;;AEx3CA;;;EAII;EACA;EACA;AF23CJ;;AEx3CA;EACI;AF23CJ;;AEx3CA;EACI;AF23CJ;;AEx3CA;EACI;AF23CJ;;AEx3CA;EACI;AF23CJ;;AEx3CA;EACI;AF23CJ;;AEx3CA;EACI;AF23CJ;;AEx3CA;EACI;AF23CJ;;AEx3CA;EACI;AF23CJ;;AEx3CA;EACI;AF23CJ;;AEx3CA;EACI;EACA;EACA;EACA;AF23CJ;;AG98CA;;+DAAA;AAOA;EACE;AH68CF;;AGx8CA;EACE;AH28CF;;AGx8CA;EACE;EACA;AH28CF;;AGx8CA;EACE;AH28CF;;AGt8CA;EACE;EAAA;EACA;EACA;AHy8CF;AGv8CE;EACE;EAAA;EACA;EACA;AHy8CJ;;AGp8CA;EACE;EAAA;EACA;EAAA;AHu8CF;;AGn8CA;EACE;EAAA;AHs8CF;;AGj8CA;EACE;EACA;AHo8CF;;AGh8CA;;+DAAA;AAIE;EACE;AHk8CJ;;AG77CA;AAEA;EACE;AH+7CF;;AG17CA;EACE;IACE;EH67CF;AACF;AGv7CA;EACE;IACE;IACA;EHy7CF;EGv7CE;IACE;IACA;EHy7CJ;AACF;AGj7CE;EACE;EACA;EACA;AHm7CJ;;AG76CA;;+DAAA;AAIA;EACE;EACA;AH+6CF;;AG56CA;EACE;EACA;EACA;AH+6CF;;AG56CA;EACE;EACA;EACA;AH+6CF;;AG56CA;EACE;AH+6CF;;AG36CA;EACE;AH86CF;;AIvjDA;EACE;AJ0jDF;;AIrjDA;EACE;EAAA;EACA;EACA;EAAA;EACA;EAAA;EACA;EAAA;EACA;EACA;EACA;AJwjDF;AIljDE;ECvBF;;iEAAA;EAwCA;;iEAAA;EA0BA;;iEAAA;EAGA;;GAAA;EAcA;;IAAA;EASA;;iEAAA;EA0CA;EAOA;;iEAAA;EP7IA;;iEAAA;EAOA;EAWA;EAKA;EAQA;;iEAAA;EAKA;EAkCA;EAgBA;EA0BA;EAoEA;EAyDA;EG1OA;;iEAAA;EAKA;;;;;IAAA;EAQA;EAkCA;EAGA;;;;;;;GAAA;EA8BA;EAgCA;;iEAAA;EAcA;;iEAAA;EAKA;EAGA;;;;;;IAAA;EAqBA;;iEAAA;EAmCA;EAmCA;;iEAAA;EA0BA;;iEAAA;EAsDA;EAoDA;EAYA;;iEAAA;EA6BA;;iEAAA;EAKA;EASA;EK7ZA;;iEAAA;EAiBA;;iEAAA;EAgEA;;iEAAA;EA8DA;EAQA;;iEAAA;EAKA;EAeA;EAkCA;;iEAAA;EAyEA;;iEAAA;EAeA;ECrSA;;iEAAA;EAgEA;EA6BA;;iEAAA;EC7FA;;iEAAA;EAsBA;EAiEA;;iEAAA;ECvFA;;iEAAA;EA6CA;;iEAAA;EAcA;EA+BA;;iEAAA;EAqBA;EC/GA;;iEAAA;ECFA;;iEAAA;ECAA;;iEAAA;EAGA;;;GAAA;EAsCA;EAQA;;iEAAA;EAoBA;;iEAAA;EA6CA;;iEAAA;EdlHA;;iEAAA;EAOA;EAWA;EAKA;EAQA;;iEAAA;EAKA;EAkCA;EAgBA;EA0BA;EAoEA;EAyDA;Ee3OA;;iEAAA;EAiBA;;iEAAA;EAkBA;;iEAAA;EAgGA;;iEAAA;EfrIA;;iEAAA;EAOA;EAWA;EAKA;EAQA;;iEAAA;EAKA;EAkCA;EAgBA;EA0BA;EAoEA;EAyDA;EgB3OA;;iEAAA;EA0EA;;iEAAA;EAWA;;iEAAA;EAkBA;;iEAAA;EAKA;EAGA;;;IAAA;ECjHA;;iEAAA;EAIA;EAOA;EAQA;;iEAAA;EAIA;EAKA;EAOA;EAeA;;iEAAA;EClDA;;iEAAA;EAsBA;;iEAAA;ECtBA;;iEAAA;EAiCA;;iEAAA;EnBjCA;;iEAAA;EAOA;EAWA;EAKA;EAQA;;iEAAA;EAKA;EAkCA;EAgBA;EA0BA;EAoEA;EAyDA;EoB5OA;;iEAAA;EAGA;;IAAA;EAIA;EA6BA;EAwBA;EC7DA;;iEAAA;AnB41DA;AKz1DA;EAGE;AL21DF;AKx1DA;;;EAGE;EAGA;AL01DF;AKt1DA;EACE;ALw1DF;AKr1DA;EACE;EAAoB;EACpB;ALw1DF;AKr1DA;EACE;ALu1DF;AKp1DA;EACE;ALs1DF;AKn1DA;EACE;ALq1DF;AK/0DA;EACE;EACA;EACA;EACA;ALi1DF;AKh1DE;EACE;EACA;EACA;EACA;EACA;EACA;ALk1DJ;AKh1DI;EACE;ALk1DN;AK70DA;EACE;AL+0DF;AKt0DA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ALw0DF;AKl0DA;EACE;EACA;ALo0DF;AK7zDA;EACE;EACA;EACA;EACA;AL+zDF;AK5zDA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAA8B;AL+zDhC;AK5zDA;EACE;EAEA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAAiB;AL+zDnB;AK3zDA;EACE;EACA;AL6zDF;AKtzDA;EACE;ALwzDF;AKrzDA;;EAEE;EACA;EACA;ALuzDF;AKpzDA;EACE;ALszDF;AKjzDA;EACE;IACE;ELmzDF;AACF;AKhzDA;EACC;ALkzDD;AK/yDA;EACC;ALizDD;AC38DA;EACI;EACA;EAAA;EACA;EACA;EAAA;AD68DJ;AC18DA;;EAEI;EACA;EAAA;EACA;EACA;EAAA;AD48DJ;ACx8DA;EACI;EACA;EAAA;AD08DJ;ACv8DA;EACI;ADy8DJ;ACt8DA;EACI;IACI;EDw8DN;AACF;ACx7DA;EACI;EAAA;EACA;AD07DJ;ACz7DI;EACI;EAAA;EACA;EACA;AD27DR;ACz7DI;;EAEI;EACA;EAAA;EACA;EAAA;AD27DR;ACz7DI;EACI;EACA;EAAA;AD27DR;ACl7DA;;;;EAII;EACA;ADo7DJ;ACn7DI;;;;EACI;EACA;EAAA;ADw7DR;ACl7DI;;EAEI;ADo7DR;AC/6DI;;EAEI;ADi7DR;ACt6DA;EACI;EAAA;EACA;EAAA;EACA;EACA;ADw6DJ;ACp5DA;EHmGI;EACA;EACA;EACA;EACA;EACA;EAAA;EACA;AEozDJ;AFlzDI;EG3GJ;IH4GQ;IACA;EEqzDN;EFpzDM;IACI;IACA;IACA;IACA;IACA;IACA;IACA,mBApBD;EE00DT;EFpzDM;IACI;IACA;EEszDV;EFpzDM;IACI;EEszDV;AACF;AC/6DA;EH+FI;EACA;EACA;EACA;EACA;EACA;EAAA;EACA;AEm1DJ;AFj1DI;EGvGJ;IHwGQ;IACA;EEo1DN;EFn1DM;IACI;IACA;IACA;IACA;IACA;IACA;IACA,mBApBD;EEy2DT;EFn1DM;IACI;IACA;EEq1DV;EFn1DM;IACI;EEq1DV;AACF;AC18DA;EH6HI;EACA;EACA;EAEA;EACA;AE+0DJ;AF90DI;EACI,YAVD;EAWC,cAVC;EAWD;EACA;AEg1DR;AF90DI;EACI;EACA;AEg1DR;AF90DI;EACI;AEg1DR;AF90DI;EAEI;IACI;IACA;EE+0DV;AACF;AC39DA;EACI;AD69DJ;AC19DA;EACI;EACA;EACA;EAAA;AD49DJ;ACz9DQ;EAEI;AD09DZ;AC59DQ;EAEI;AD69DZ;AC/9DQ;EAEI;ADg+DZ;ACl+DQ;EAEI;ADm+DZ;ACr+DQ;EAEI;ADs+DZ;ACx+DQ;EAEI;ADy+DZ;AC3+DQ;EAEI;AD4+DZ;AC9+DQ;EAEI;AD++DZ;ACj/DQ;EAEI;ADk/DZ;ACp/DQ;EAEI;ADq/DZ;ACv/DQ;EAEI;ADw/DZ;AC1/DQ;EAEI;AD2/DZ;AC9+DA;EACI;EACA;ADg/DJ;ACr+DY;EAEQ;IACI;EDs+DtB;ECv+DkB;IACI;EDy+DtB;EC1+DkB;IACI;ED4+DtB;EC7+DkB;IACI;ED++DtB;ECh/DkB;IACI;EDk/DtB;ECn/DkB;IACI;EDq/DtB;ECt/DkB;IACI;EDw/DtB;ECz/DkB;IACI;ED2/DtB;EC5/DkB;IACI;ED8/DtB;EC//DkB;IACI;EDigEtB;EClgEkB;IACI;EDogEtB;ECrgEkB;IACI;EDugEtB;AACF;AC3gEY;EAEQ;IACI;ED4gEtB;EC7gEkB;IACI;ED+gEtB;EChhEkB;IACI;EDkhEtB;ECnhEkB;IACI;EDqhEtB;ECthEkB;IACI;EDwhEtB;ECzhEkB;IACI;ED2hEtB;EC5hEkB;IACI;ED8hEtB;EC/hEkB;IACI;EDiiEtB;ECliEkB;IACI;EDoiEtB;ECriEkB;IACI;EDuiEtB;ECxiEkB;IACI;ED0iEtB;EC3iEkB;IACI;ED6iEtB;AACF;ACjjEY;EAEQ;IACI;EDkjEtB;ECnjEkB;IACI;EDqjEtB;ECtjEkB;IACI;EDwjEtB;ECzjEkB;IACI;ED2jEtB;EC5jEkB;IACI;ED8jEtB;EC/jEkB;IACI;EDikEtB;EClkEkB;IACI;EDokEtB;ECrkEkB;IACI;EDukEtB;ECxkEkB;IACI;ED0kEtB;EC3kEkB;IACI;ED6kEtB;EC9kEkB;IACI;EDglEtB;ECjlEkB;IACI;EDmlEtB;AACF;AC9kEY;EAGQ;IACI;ED8kEtB;EC1kEkB;IAEI;ED2kEtB;EC7kEkB;IAEI;ED8kEtB;EChlEkB;IAEI;EDilEtB;ECnlEkB;IAEI;EDolEtB;ECtlEkB;IAEI;EDulEtB;ECzlEkB;IAEI;ED0lEtB;EC5lEkB;IAEI;ED6lEtB;EC/lEkB;IAEI;EDgmEtB;EClmEkB;IAEI;EDmmEtB;ECrmEkB;IAEI;EDsmEtB;ECxmEkB;IAEI;EDymEtB;EC3mEkB;IAEI;ED4mEtB;AACF;AC/lEI;EACI;EAAA;EACA;ADimER;AC/lEI;EACI;ADimER;AC5lEI;EACI;EAAA;EACA;AD8lER;AC5lEI;EACI;AD8lER;ACplEA;;EAEI;EACA;EAAA;EACA;EAAA;ADslEJ;ACplEI;;EACI;EAAA;EACA;EAAA;EACA;ADulER;ACrlEI;;EACI;EACA;ADwlER;ACrlEQ;;;EAGI;EAAA;ADulEZ;ACrlEQ;;EAEI;EACA;ADulEZ;AC/lEQ;;;EAGI;EAAA;ADimEZ;AC/lEQ;;EAEI;EACA;ADimEZ;ACzmEQ;;;EAGI;EAAA;AD2mEZ;ACzmEQ;;EAEI;EACA;AD2mEZ;ACnnEQ;;;EAGI;EAAA;ADqnEZ;ACnnEQ;;EAEI;EACA;ADqnEZ;AC7nEQ;;;EAGI;EAAA;AD+nEZ;AC7nEQ;;EAEI;EACA;AD+nEZ;ACvoEQ;;;EAGI;EAAA;ADyoEZ;ACvoEQ;;EAEI;EACA;ADyoEZ;ACjpEQ;;;EAGI;EAAA;ADmpEZ;ACjpEQ;;EAEI;EACA;ADmpEZ;AC3pEQ;;;EAGI;EAAA;AD6pEZ;AC3pEQ;;EAEI;EACA;AD6pEZ;ACrqEQ;;;EAGI;EAAA;ADuqEZ;ACrqEQ;;EAEI;EACA;ADuqEZ;AC/qEQ;;;EAGI;EAAA;ADirEZ;AC/qEQ;;EAEI;EACA;ADirEZ;ACzrEQ;;;EAGI;EAAA;AD2rEZ;ACzrEQ;;EAEI;EACA;AD2rEZ;ACnsEQ;;;EAGI;EAAA;ADqsEZ;ACnsEQ;;EAEI;EACA;ADqsEZ;AClsEI;;EACI;EACA;ADqsER;ACpsEQ;;EACI;EACA;ADusEZ;ACjsEA;EACI;ADmsEJ;AClsEI;EACI;EAAA;ADosER;AChsEA;EACI;ADksEJ;ACvrEY;EAEQ;;;IAEI;IAAA;EDyrEtB;ECtrEkB;;IACI;IACA;EDyrEtB;EChsEkB;;;IAEI;IAAA;EDmsEtB;EChsEkB;;IACI;IACA;EDmsEtB;EC1sEkB;;;IAEI;IAAA;ED6sEtB;EC1sEkB;;IACI;IACA;ED6sEtB;ECptEkB;;;IAEI;IAAA;EDutEtB;ECptEkB;;IACI;IACA;EDutEtB;EC9tEkB;;;IAEI;IAAA;EDiuEtB;EC9tEkB;;IACI;IACA;EDiuEtB;ECxuEkB;;;IAEI;IAAA;ED2uEtB;ECxuEkB;;IACI;IACA;ED2uEtB;EClvEkB;;;IAEI;IAAA;EDqvEtB;EClvEkB;;IACI;IACA;EDqvEtB;EC5vEkB;;;IAEI;IAAA;ED+vEtB;EC5vEkB;;IACI;IACA;ED+vEtB;ECtwEkB;;;IAEI;IAAA;EDywEtB;ECtwEkB;;IACI;IACA;EDywEtB;EChxEkB;;;IAEI;IAAA;EDmxEtB;EChxEkB;;IACI;IACA;EDmxEtB;EC1xEkB;;;IAEI;IAAA;ED6xEtB;EC1xEkB;;IACI;IACA;ED6xEtB;ECpyEkB;;;IAEI;IAAA;EDuyEtB;ECpyEkB;;IACI;IACA;EDuyEtB;AACF;ACjzEY;EAEQ;;;IAEI;IAAA;EDmzEtB;EChzEkB;;IACI;IACA;EDmzEtB;EC1zEkB;;;IAEI;IAAA;ED6zEtB;EC1zEkB;;IACI;IACA;ED6zEtB;ECp0EkB;;;IAEI;IAAA;EDu0EtB;ECp0EkB;;IACI;IACA;EDu0EtB;EC90EkB;;;IAEI;IAAA;EDi1EtB;EC90EkB;;IACI;IACA;EDi1EtB;ECx1EkB;;;IAEI;IAAA;ED21EtB;ECx1EkB;;IACI;IACA;ED21EtB;ECl2EkB;;;IAEI;IAAA;EDq2EtB;ECl2EkB;;IACI;IACA;EDq2EtB;EC52EkB;;;IAEI;IAAA;ED+2EtB;EC52EkB;;IACI;IACA;ED+2EtB;ECt3EkB;;;IAEI;IAAA;EDy3EtB;ECt3EkB;;IACI;IACA;EDy3EtB;ECh4EkB;;;IAEI;IAAA;EDm4EtB;ECh4EkB;;IACI;IACA;EDm4EtB;EC14EkB;;;IAEI;IAAA;ED64EtB;EC14EkB;;IACI;IACA;ED64EtB;ECp5EkB;;;IAEI;IAAA;EDu5EtB;ECp5EkB;;IACI;IACA;EDu5EtB;EC95EkB;;;IAEI;IAAA;EDi6EtB;EC95EkB;;IACI;IACA;EDi6EtB;AACF;AC36EY;EAEQ;;;IAEI;IAAA;ED66EtB;EC16EkB;;IACI;IACA;ED66EtB;ECp7EkB;;;IAEI;IAAA;EDu7EtB;ECp7EkB;;IACI;IACA;EDu7EtB;EC97EkB;;;IAEI;IAAA;EDi8EtB;EC97EkB;;IACI;IACA;EDi8EtB;ECx8EkB;;;IAEI;IAAA;ED28EtB;ECx8EkB;;IACI;IACA;ED28EtB;ECl9EkB;;;IAEI;IAAA;EDq9EtB;ECl9EkB;;IACI;IACA;EDq9EtB;EC59EkB;;;IAEI;IAAA;ED+9EtB;EC59EkB;;IACI;IACA;ED+9EtB;ECt+EkB;;;IAEI;IAAA;EDy+EtB;ECt+EkB;;IACI;IACA;EDy+EtB;ECh/EkB;;;IAEI;IAAA;EDm/EtB;ECh/EkB;;IACI;IACA;EDm/EtB;EC1/EkB;;;IAEI;IAAA;ED6/EtB;EC1/EkB;;IACI;IACA;ED6/EtB;ECpgFkB;;;IAEI;IAAA;EDugFtB;ECpgFkB;;IACI;IACA;EDugFtB;EC9gFkB;;;IAEI;IAAA;EDihFtB;EC9gFkB;;IACI;IACA;EDihFtB;ECxhFkB;;;IAEI;IAAA;ED2hFtB;ECxhFkB;;IACI;IACA;ED2hFtB;AACF;ACthFY;EApBZ;;IAuBoB;EDwhFlB;ECvhFkB;;IACI;IAAA;ED0hFtB;ECthFkB;;;IAGI;IAAA;EDwhFtB;ECrhFkB;;IACI;IACA;EDwhFtB;EChiFkB;;;IAGI;IAAA;EDkiFtB;EC/hFkB;;IACI;IACA;EDkiFtB;EC1iFkB;;;IAGI;IAAA;ED4iFtB;ECziFkB;;IACI;IACA;ED4iFtB;ECpjFkB;;;IAGI;IAAA;EDsjFtB;ECnjFkB;;IACI;IACA;EDsjFtB;EC9jFkB;;;IAGI;IAAA;EDgkFtB;EC7jFkB;;IACI;IACA;EDgkFtB;ECxkFkB;;;IAGI;IAAA;ED0kFtB;ECvkFkB;;IACI;IACA;ED0kFtB;ECllFkB;;;IAGI;IAAA;EDolFtB;ECjlFkB;;IACI;IACA;EDolFtB;EC5lFkB;;;IAGI;IAAA;ED8lFtB;EC3lFkB;;IACI;IACA;ED8lFtB;ECtmFkB;;;IAGI;IAAA;EDwmFtB;ECrmFkB;;IACI;IACA;EDwmFtB;EChnFkB;;;IAGI;IAAA;EDknFtB;EC/mFkB;;IACI;IACA;EDknFtB;EC1nFkB;;;IAGI;IAAA;ED4nFtB;ECznFkB;;IACI;IACA;ED4nFtB;ECpoFkB;;;IAGI;IAAA;EDsoFtB;ECnoFkB;;IACI;IACA;EDsoFtB;AACF;AC/nFA;EACI;ADioFJ;ACznFI;EACI;IACI;ED2nFV;AACF;AC9nFI;EACI;IACI;EDgoFV;AACF;ACnoFI;EACI;IACI;EDqoFV;AACF;ACxoFI;EACI;IACI;ED0oFV;AACF;ACjoFA;EACI;ADmoFJ;AChoFA;EACI;ADkoFJ;AC/nFA;EACI;ADioFJ;AC9nFA;EACI;ADgoFJ;AC7nFA;EACI;AD+nFJ;AC5nFA;EACI;AD8nFJ;ACnnFA;EACI;EACA;EACA;ADqnFJ;AC7mFI;EACI;AD+mFR;AC9mFQ;EACI;ADgnFZ;AC5mFI;;EAEI;AD8mFR;AC7mFQ;;EACI;ADgnFZ;AC1mFA;EAGQ;IACI;IAAA;ED0mFV;ECzmFU;IACI;ED2mFd;ECxmFM;;IAEI;IAAA;ED0mFV;ECzmFU;;IACI;ED4mFd;AACF;AMxiGA;;EAEI;EACA;EACA;AN0iGJ;AMtiGA;EACI;ANwiGJ;AMziGA;EACI;ANwiGJ;AM9hGI;;EAEI;EACA;ANgiGR;AM/hGQ;;EACI;EACA;ANkiGZ;AMhiGY;;EACI;EACA;EACA;EACA;ANmiGhB;AMliGgB;;EACI;ANqiGpB;AMliGY;;EACI;EACA;EACA;EACA;EACA;EACA;EACA;ANqiGhB;AMliGY;;EACI;EACA;EACA;EACA;EACA;ANqiGhB;AMjiGQ;;;;EAEI;EACA;EACA;EACA;EACA;EACA;EACA;ANqiGZ;AMniGY;;;;EACI;ANwiGhB;AMriGQ;;EACI;ANwiGZ;AM3hGI;EAEI;IACI;EN4hGV;EMzhGM;IACI;EN2hGV;EMzhGM;;IAEI;IACA;IACA;IACA;IACA;EN2hGV;EMzhGU;;IACI;IACA;IACA;IAAA;EN4hGd;EMzhGU;;;;IAEI;IACA;IACA;IACA;IACA;IACA;EN6hGd;EM5hGc;;;;IACI;ENiiGlB;EM9hGU;;IACI;ENiiGd;EM9hGU;;IACI;IACA;IACA;IACA;ENiiGd;EMhiGc;;IACI;ENmiGlB;AACF;AM/hGI;EAlHA;;IAEI;IACA;ENopGN;EMnpGM;;IACI;IACA;ENspGV;EMppGU;;IACI;IACA;IACA;IACA;ENupGd;EMtpGc;;IACI;ENypGlB;EMtpGU;;IACI;IACA;IACA;IACA;IACA;IACA;IACA;ENypGd;EMtpGU;;IACI;IACA;IACA;IACA;IACA;ENypGd;EMrpGM;;;;IAEI;IACA;IACA;IACA;IACA;IACA;IACA;ENypGV;EMvpGU;;;;IACI;EN4pGd;EMzpGM;;IACI;EN4pGV;AACF;AMzkGA;EACI;EAAA;EACA;EACA;EACA;EACA;AN2kGJ;AM1kGI;EACI;EACA;AN4kGR;AMrkGA;EACI;EACA;EACA;EACA;ANukGJ;AMtkGI;EACI;EACA;ANwkGR;AMpkGQ;EACI;ANskGZ;AMpkGQ;EACI;ANskGZ;AMpkGQ;;EAEI;ANskGZ;AMhkGA;EACI;IACI;ENkkGN;AACF;AM1jGA;EACI;EACA;EACA;EACA;AN4jGJ;AM3jGI;EACI;AN6jGR;AM3jGI;EACI;EACA;AN6jGR;AMzjGA;;EAEI;AN2jGJ;AMxjGA;;;EAGI;EACA;EACA;EACA;AN0jGJ;AMzjGI;;;EACI;AN6jGR;AMxjGA;EAEI;IACI;ENyjGN;EMvjGE;;IAEI;ENyjGN;EMvjGE;;IAEI;IACA;ENyjGN;EMvjGE;IACI;ENyjGN;EMvjGE;;IAEI;ENyjGN;EMvjGE;IACI;ENyjGN;EMvjGE;IACI;ENyjGN;EMvjGE;IACI;ENyjGN;AACF;AMtjGA;EACI;ANwjGJ;AM/iGI;EACI;EAAA;EACA;EACA;EACA;EAAA;ANijGR;AMziGA;EAEQ;IACI;IACA;IACA;IACA;IAAA;EN0iGV;EMxiGc;IACI;EN0iGlB;EMviGU;IACI;ENyiGd;EMtiGM;IACI;IACA;ENwiGV;EMniGM;IACI;IACA;IACA;IACA;IACA;ENqiGV;EMniGM;IACI;IACA;ENqiGV;EMniGM;IACI;ENqiGV;EMliGE;IACI;IACA;IACA;ENoiGN;EMniGM;IACI;ENqiGV;AACF;AMhiGA;EACI;EACA;EACA;ANkiGJ;AMjiGI;EACI;ANmiGR;AM9hGA;EF7UE;IE8UE;ENiiGF;EMhiGE;IACI;ENkiGN;AACF;AOn4GA;EACC;APq4GD;AOj4GA;EACC;IACC;EPm4GA;AACF;AO/3GA;EACC;APi4GD;AO73GA;EACC;IACC;EP+3GA;AACF;AO33GA;EAEC;AP43GD;AOz3GA;EACC;EAAA;EACA;EACA;AP23GD;AOv3GA;EACC;IACC;IAAA;IACA;IACA;EPy3GA;EOv3GA;IACC;EPy3GD;AACF;AOp3GA;EACC;IACC;IACA;IACA;IACA;EPs3GA;AACF;AOj3GA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;APm3GD;AOj3GC;EACC;APm3GF;AO92GA;EACC;APg3GD;AOz2GA;EACC;AP22GD;AOz2GA;EACC;EACA;EACA;EACA;EACA;AP22GD;AOz2GC;EAEC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AP02GF;AOv2GC;EACC;EACA;APy2GF;AOp2GA;EACC;EACA;APs2GD;AOr2GC;EACC;EACA;APu2GF;AOp2GC;EACC;EACA;APs2GF;AQ1+GA;EACE;EAAA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AR4+GF;AQ1+GE;EACE;AR4+GJ;AQt+GA;EACC;EACA;ARw+GD;AQp+GA;EACE;EACA;EACA;EACA;EACA;EACA;ARs+GF;AQp+GE;EACE;EACA;EACA;EACA;EACA;EACA;ARs+GJ;AQh+GA;EACE;ARk+GF;AQ79GA;EACE;IACE;ER+9GF;AACF;AQ39GA;EACE;AR69GF;AQz9GA;EACE;EAAA;EACA;AR29GF;AQv9GA;EACE;IACE;IAAA;IACA;IACA;ERy9GF;EQv9GE;IACE;ERy9GJ;AACF;AQj9GA;EACE;IACE;IACA;IACA;IACA;IACA;IACA;IACA;ERm9GF;EQj9GE;IACE;IAAA;ERm9GJ;AACF;AShjHA;EACE;IACD;IACA;ETkjHC;ES7iHD;IACE;ET+iHD;AACF;ASxiHA;EACE;EACA;AT0iHF;AStiHA;EACE;EACA;ATwiHF;ASpiHA;EACE;IACD;ETsiHC;AACF;AS7hHA;EACE;AT+hHF;AS7hHE;EACD;AT+hHD;ASzhHA;EACE;AT2hHF;ASxhHA;EACE;AT0hHF;ASthHA;EACE;EACA;ATwhHF;ASrhHA;EACE;ATuhHF;ASnhHA;EACE;ATqhHF;ASjhHA;EACE;EACA;ATmhHF;AStgHE;EACD;ATwgHD;ASngHA;EACE;EACA;ATqgHF;AS//GE;EACD;EACA;EACA;EACA;EAAA;EACA;EACA;ATigHD;AUpnHA;ENiBE;IMYD;;oEAAA;EV6lHC;EUvnHD;IACC;EVynHA;EUtnHD;IACC;EVwnHA;EUpnHD;IACC;IACA;IACA;EVsnHA;EUnnHD;IACC;IACA;EVqnHA;EUlnHD;;IAEC;EVonHA;EU5mHD;IACC;IAGA;IAAA;IACA;IAAA;EV4mHA;EUzmHA;IACC;IAAA;IACA;IAAA;IACA;IACA;EV2mHD;EUtmHC;IAEC;IAAA;IACA;IACA;IACA;EVumHF;EUpmHC;IACC;IACA;EVsmHF;EUhnHC;IAEC;IAAA;IACA;IACA;IACA;EVinHF;EU9mHC;IACC;IACA;EVgnHF;EU1nHC;IAEC;IAAA;IACA;IACA;IACA;EV2nHF;EUxnHC;IACC;IACA;EV0nHF;EUpoHC;IAEC;IAAA;IACA;IACA;IACA;EVqoHF;EUloHC;IACC;IACA;EVooHF;EU9oHC;IAEC;IAAA;IACA;IACA;IACA;EV+oHF;EU5oHC;IACC;IACA;EV8oHF;EUxpHC;IAEC;IAAA;IACA;IACA;IACA;EVypHF;EUtpHC;IACC;IACA;EVwpHF;EUlqHC;IAEC;IAAA;IACA;IACA;IACA;EVmqHF;EUhqHC;IACC;IACA;EVkqHF;EU5qHC;IAEC;IAAA;IACA;IACA;IACA;EV6qHF;EU1qHC;IACC;IACA;EV4qHF;EUtrHC;IAEC;IAAA;IACA;IACA;IACA;EVurHF;EUprHC;IACC;IACA;EVsrHF;EUhsHC;IAEC;IAAA;IACA;IACA;IACA;EVisHF;EU9rHC;IACC;IACA;EVgsHF;EU1sHC;IAEC;IAAA;IACA;IACA;IACA;EV2sHF;EUxsHC;IACC;IACA;EV0sHF;EUptHC;IAEC;IAAA;IACA;IACA;IACA;EVqtHF;EUltHC;IACC;IACA;EVotHF;EU7sHD;IACC;EV+sHA;EU7sHA;IACC;IAAA;EV+sHD;AACF;AUtsHI;EAEE;IAEC;IAAA;IACA;IACA;IACA;EVssHL;EU3sHI;IAEC;IAAA;IACA;IACA;IACA;EV4sHL;EUjtHI;IAEC;IAAA;IACA;IACA;IACA;EVktHL;EUvtHI;IAEC;IAAA;IACA;IACA;IACA;EVwtHL;EU7tHI;IAEC;IAAA;IACA;IACA;IACA;EV8tHL;EUnuHI;IAEC;IAAA;IACA;IACA;IACA;EVouHL;EUzuHI;IAEC;IAAA;IACA;IACA;IACA;EV0uHL;EU/uHI;IAEC;IAAA;IACA;IACA;IACA;EVgvHL;EUrvHI;IAEC;IAAA;IACA;IACA;IACA;EVsvHL;EU3vHI;IAEC;IAAA;IACA;IACA;IACA;EV4vHL;EUjwHI;IAEC;IAAA;IACA;IACA;IACA;EVkwHL;EUvwHI;IAEC;IAAA;IACA;IACA;IACA;EVwwHL;AACF;AUhxHI;EAEE;IAEC;IAAA;IACA;IACA;IACA;EVgxHL;EUrxHI;IAEC;IAAA;IACA;IACA;IACA;EVsxHL;EU3xHI;IAEC;IAAA;IACA;IACA;IACA;EV4xHL;EUjyHI;IAEC;IAAA;IACA;IACA;IACA;EVkyHL;EUvyHI;IAEC;IAAA;IACA;IACA;IACA;EVwyHL;EU7yHI;IAEC;IAAA;IACA;IACA;IACA;EV8yHL;EUnzHI;IAEC;IAAA;IACA;IACA;IACA;EVozHL;EUzzHI;IAEC;IAAA;IACA;IACA;IACA;EV0zHL;EU/zHI;IAEC;IAAA;IACA;IACA;IACA;EVg0HL;EUr0HI;IAEC;IAAA;IACA;IACA;IACA;EVs0HL;EU30HI;IAEC;IAAA;IACA;IACA;IACA;EV40HL;EUj1HI;IAEC;IAAA;IACA;IACA;IACA;EVk1HL;AACF;AU11HI;EAEE;IAEC;IAAA;IACA;IACA;IACA;EV01HL;EU/1HI;IAEC;IAAA;IACA;IACA;IACA;EVg2HL;EUr2HI;IAEC;IAAA;IACA;IACA;IACA;EVs2HL;EU32HI;IAEC;IAAA;IACA;IACA;IACA;EV42HL;EUj3HI;IAEC;IAAA;IACA;IACA;IACA;EVk3HL;EUv3HI;IAEC;IAAA;IACA;IACA;IACA;EVw3HL;EU73HI;IAEC;IAAA;IACA;IACA;IACA;EV83HL;EUn4HI;IAEC;IAAA;IACA;IACA;IACA;EVo4HL;EUz4HI;IAEC;IAAA;IACA;IACA;IACA;EV04HL;EU/4HI;IAEC;IAAA;IACA;IACA;IACA;EVg5HL;EUr5HI;IAEC;IAAA;IACA;IACA;IACA;EVs5HL;EU35HI;IAEC;IAAA;IACA;IACA;IACA;EV45HL;AACF;AUr5HI;EApBH;IAuBK;EVs5HJ;EUr5HI;IACC;IAAA;EVu5HL;EUn5HI;IAEC;IAAA;EVo5HL;EUh5HI;IACC;IACA;EVk5HL;EU15HI;IAEC;IAAA;EV25HL;EUv5HI;IACC;IACA;EVy5HL;EUj6HI;IAEC;IAAA;EVk6HL;EU95HI;IACC;IACA;EVg6HL;EUx6HI;IAEC;IAAA;EVy6HL;EUr6HI;IACC;IACA;EVu6HL;EU/6HI;IAEC;IAAA;EVg7HL;EU56HI;IACC;IACA;EV86HL;EUt7HI;IAEC;IAAA;EVu7HL;EUn7HI;IACC;IACA;EVq7HL;EU77HI;IAEC;IAAA;EV87HL;EU17HI;IACC;IACA;EV47HL;EUp8HI;IAEC;IAAA;EVq8HL;EUj8HI;IACC;IACA;EVm8HL;EU38HI;IAEC;IAAA;EV48HL;EUx8HI;IACC;IACA;EV08HL;EUl9HI;IAEC;IAAA;EVm9HL;EU/8HI;IACC;IACA;EVi9HL;EUz9HI;IAEC;IAAA;EV09HL;EUt9HI;IACC;IACA;EVw9HL;EUh+HI;IAEC;IAAA;EVi+HL;EU79HI;IACC;IACA;EV+9HL;AACF;AUjlIA;EA0HC;IACC;EV09HA;AACF;AoB5lIA;EACI;EACA;EAAA;ApB8lIJ;AoB7lII;EACI;EACA;EACA;ApB+lIR;AoB7lII;;EAEI;ApB+lIR;AoB7lII;EACI;EACA;EACA;EACA;EACA;EACA;EAAA;ApB+lIR;AY1mIA;EACE;EACA;EACA;EACA;EACA;EACA;AZ4mIF;AY1mIE;EACE;KAAA;EACA;EACA;EACA;AZ4mIJ;AYzmIE;EACE;AZ2mIJ;AYrmIA;EACE;EACA;AZumIF;AYtmIE;EACE;KAAA;EACA;EACA;EACA;EACA;AZwmIJ;AYnmIA;EACC;EAAA;EACA;AZqmID;AY7lIA;EACE;AZ+lIF;AY5lIA;EACE;EACA;EACA;AZ8lIF;AY3lIA;EACE;EACA;AZ6lIF;AYrlIA;EACE;EACA;EAAA;EACA;AZulIF;AYplIA;EACE;EACA;EAAA;EACA;AZslIF;AYnlIA;EACC;EACA;EACA;EAAA;AZqlID;AYllIA;EACC;EACA;EACA;EAAA;AZolID;AY/kIA;EACE;EACA;EACA;EACA;AZilIF;AY7kIA;EACE;AZ+kIF;AY5kIA;EACC;KAAA;AZ8kID;AYxkIA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AZ0kIF;AYvkIA;EACE;EACA;EACA;EACA;EACA;AZykIF;AatsIA;EACI;AbwsIJ;AapsIA;;;EAGI;AbssIJ;Aa5rII;;EAEI;EACA;Ab8rIR;Aa5rIQ;;EACI;Ab+rIZ;AarrIA;EAGQ;;IACI;IACA;EbsrIV;EalrIU;;IACI;EbqrId;EalrIU;;;IAEI;EbqrId;EavrIU;;;IAEI;EbqrId;EanrIc;;;;;IAEI;IACA;IACA;EbwrIlB;Ea5rIc;;;;;IAEI;IACA;IACA;EbwrIlB;EaprIU;;;IAEI;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;EburId;EatrIc;;;IACI;Eb0rIlB;EavrIc;;;IACI;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;Eb2rIlB;EaxrIc;;;IACI;IACA;IACA;Eb4rIlB;EazrIc;;;;;;;IAEI;IACA;EbgsIlB;EansIc;;;;;;;IAEI;IACA;EbgsIlB;Ea7rIU;;IACI;EbgsId;Ea/rIc;;IACI;EbksIlB;Ea5rIM;IACI;Eb8rIV;AACF;AaxrII;EACI;Ab0rIR;AajrIA;EACI;AbmrIJ;AahrIA;;EAEI;AbkrIJ;AaprIA;;EAEI;AbkrIJ;Aa/qIA;;EAEI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AbirIJ;Act0IA;EACI;EACA;Adw0IJ;Acr0IA;EACI;EAAA;Adu0IJ;Acp0IA;;;;;;;;;;;;;;;;;EAiBI;EACA;EACA;EAAA;EACA;EACA;EACA;EACA;EACA;EACA;Ads0IJ;Acr0II;;;;;;;;;;;;;;;;;EACI;EAAA;Adu1IR;Acn1IA;EACI;EAIA,utBADgB;EAEhB;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;Adk1IJ;Acj1II;EACI;Adm1IR;Ac/0IA;;EAEI;Adi1IJ;Acz0IA;EACI;EAAA;EACA;EACA;EAAA;Ad20IJ;Ac90IA;EACI;EAAA;EACA;EACA;EAAA;Ad20IJ;Ac90IA;EACI;EAAA;EACA;EACA;EAAA;Ad20IJ;Acn0IA;EACI;EACA;Adq0IJ;Acn0II;EACI;EACA;EACA;EAAA;EACA;EACA;Adq0IR;AcnzIA;;EAEI;EACA;EACA;EACA;EAAA;EACA;AdqzIJ;AclzIA;EACI;EACA;EACA;EACA;EAAA;EACA;AdozIJ;AcjzIA;EACI;EACA;EACA;EAAA;EACA;EACA;AdmzIJ;AchzIA;EACI;EAAA;AdkzIJ;Ac/yIA;EACI;EAAA;AdizIJ;Aeh8IA;EACC;UAAA;EACA;UAAA;EACA;Afk8ID;Ae97IA;EACC;UAAA;Afg8ID;Aer7IA;EACC;Afu7ID;Ael7IA;EACC;EACA;Afo7ID;Ae96IC;EACC;Afg7IF;Aej7IC;EACC;Afm7IF;Aep7IC;EACC;Afs7IF;Aev7IC;EACC;Afy7IF;Ae17IC;EACC;Af47IF;Ae77IC;EACC;Af+7IF;Aeh8IC;EACC;Afk8IF;Aen8IC;EACC;Afq8IF;Aet8IC;EACC;Afw8IF;Aez8IC;EACC;Af28IF;Ae58IC;EACC;Af88IF;Ae/8IC;EACC;Afi9IF;Ael9IC;EACC;Afo9IF;Aer9IC;EACC;Afu9IF;Aex9IC;EACC;Af09IF;Ae39IC;EACC;Af69IF;Ae99IC;EACC;Afg+IF;Aej+IC;EACC;Afm+IF;Aep+IC;EACC;Afs+IF;Aev+IC;EACC;Afy+IF;Ae1+IC;EACC;Af4+IF;Ae7+IC;EACC;Af++IF;Aeh/IC;EACC;Afk/IF;Aen/IC;EACC;Afq/IF;Aet/IC;EACC;Afw/IF;Aez/IC;EACC;Af2/IF;Ae5/IC;EACC;Af8/IF;Ae//IC;EACC;AfigJF;AelgJC;EACC;AfogJF;AergJC;EACC;AfugJF;AexgJC;EACC;Af0gJF;Ae1/IA;EACC;EACA;EACA;Af4/ID;Aez/IC;EACC;EACA;Af2/IF;Aet/IA;EACC;EACA;EACA;Afw/ID;Aet/IC;EACC;EACA;Afw/IF;AgB/jJA;;EAEI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AhBikJJ;AgBhkJI;;;;;;EAGI;AhBqkJR;AgB5jJA;EACI;AhB8jJJ;AiBrlJA;;EAEC;EAAA;EACA;AjBulJD;AiBplJA;EACC;AjBslJD;AiBnlJA;EACC;AjBqlJD;AiBllJA;;EAEC;EACA;AjBolJD;AiBjlJA;EACC;AjBmlJD;AiBhlJA;EACC;AjBklJD;AiB1kJA;EACC;EACA;EACA;AjB4kJD;AiBzkJA;EACC;EACA;AjB2kJD;AiBxkJA;EACC;EACA;AjB0kJD;AiBvkJA;EACC;AjBykJD;AiBtkJA;EACC;AjBwkJD;AiBrkJA;;EAEC;AjBukJD;AiBpkJA;;EAEC;AjBskJD;AkBjoJA;EAEC;EAAA;EACA;EAAA;AlBkoJD;AkBhoJC;EACC;EACA;AlBkoJF;AkB/nJE;EACD;AlBioJD;AkB5nJA;EACE;AlB8nJF;AkBznJC;EACC;AlB2nJF;AkBpnJE;EACD;EAAA;AlBsnJD;AkBnnJE;EACD;AlBqnJD;AkBlnJE;EACD;AlBonJD;AkBjnJE;EACD;AlBmnJD;AkBhnJE;EACD;EAAA;AlBknJD;;AApqJA;EqBNA;;iEAAA;ECAA;AtBirJA;AqB9qJA;EACE;EAAA;EACA;EAAA;ArBgrJF;AsBprJA;EACC;AtBsrJD;AsBnrJA;EACC;EAAA;AtBqrJD;AsBprJC;EACC;AtBsrJF,C","file":"backEnd.css","sourcesContent":["/*--------------------------------------------------------------\n# SASS Variables and Mixins. Do not output any css in here. if you need these make sure to @use \"variables\"\n--------------------------------------------------------------*/\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\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$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\n$panel-left-absolute: 500px; //when panel-left should become absolute instead of pushing main content over\n$panel-right-absolute: 1030px;\n\n/*------- Add your own breakpoints to the grid --------*/\n\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/*--------------------------------------------------------------\nMixins\n--------------------------------------------------------------*/\n\n\n/*------- Retina --------*/\n\n@mixin retina {\n @media screen and (-webkit-min-device-pixel-ratio: 2), screen and (min-resolution: 192dpi), screen and (min-resolution: 2dppx) {\n @content;\n }\n}\n\n// Replace letters\n@function str-replace($string, $search, $replace: '') {\n $index: str-index($string, $search);\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 @return $string;\n}\n\n// Encode symbols\n@function url-encode($string) {\n $map: ( \"%\": \"%25\", \"<\": \"%3C\", \">\": \"%3E\", \" \": \"%20\", \"!\": \"%21\", \"*\": \"%2A\", \"'\": \"%27\", '\"': \"%22\", \"(\": \"%28\", \")\": \"%29\", \";\": \"%3B\", \":\": \"%3A\", \"@\": \"%40\", \"&\": \"%26\", \"=\": \"%3D\", \"+\": \"%2B\", \"$\": \"%24\", \",\": \"%2C\", \"/\": \"%2F\", \"?\": \"%3F\", \"#\": \"%23\", \"[\": \"%5B\", \"]\": \"%5D\");\n $new: $string;\n @each $search,\n $replace in $map {\n $new: str-replace($new, $search, $replace);\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/*------- Deep Shadow Mixin --------*/\n\n/// @param {Color} $color - color to tint\n/// @param {Size} $number - how many times to do the shadow\n@mixin deep-shadow($color,\n$size) {\n //add layers of text shadow to $text-shadow\n $text-shadow: '1px 1px #{$color}';\n $comma: ',';\n @for $i from 2 through $size {\n $text-shadow: #{$text-shadow} #{$comma} #{$i}px #{$i}px 0 $color;\n }\n text-shadow: $text-shadow;\n}\n\n\n/*------- Lighten and shade colors --------*/\n\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,\n$percentage) {\n @return mix(white,\n $color,\n $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,\n$percentage) {\n @return mix(black,\n $color,\n $percentage);\n}\n\n\n/*------- Fluid Font Lock --------*/\n\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,\n$max-size,\n$min-width: 400px,\n$max-width: 1000px,\n$base-font-size: 16px) {\n $error: false;\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 /* Control unit of passed variables */\n @each $key,\n $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 }\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 /* Set the new values to the variables */\n $min-size: map-get($var-list,\n min-size);\n $max-size: map-get($var-list,\n max-size);\n $min-width: map-get($var-list,\n min-width);\n $max-width: map-get($var-list,\n max-width);\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 }\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\n@function map-sort-by-values($map,\n$reverse: false) {\n // Transform map to zipped list\n $keys: ();\n $values: ();\n @each $key,\n $val in $map {\n $keys: append($keys, $key);\n $values: append($values, $val);\n }\n $list: zip($keys,\n $values); //will become one list 'container', $media-container...\n $sortedMap: ();\n @while length($list)>0 {\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 @if $reverse {\n @if $value>$smallestValue {\n //change to largest or smallest > <\n $smallestPair: $pair; //set current pair as smallest\n }\n }\n @else {\n @if $value < $smallestValue {\n //change to largest or smallest > <\n $smallestPair: $pair; //set current pair as smallest\n }\n }\n }\n // Add smallest pair to sorted map\n $key: nth($smallestPair,\n 1);\n $value: nth($smallestPair,\n 2);\n $sortedMap: map-merge($sortedMap,\n ($key: $value));\n // Remove from list smallest pair\n $smallestPairIndex: index($list,\n $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 @return $sortedMap;\n}\n\n\n/*------- Grid --------*/\n\n//perfect grid of responsive items\n@mixin card-grid($auto-type: auto-fit,\n$min: 350px,\n$grid-gap: 30px,\n$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 justify-content: center;\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 &.no-gutters {\n margin-left: 0;\n margin-right: 0;\n }\n &.no-gutters>* {\n margin: 0;\n }\n }\n}\n\n@mixin flex-card-grid($min: 350px,\n$grow: 1,\n$shrink: 1,\n$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 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 &.no-gutters {\n margin-left: 0;\n margin-right: 0;\n }\n &.no-gutters>* {\n margin: 0;\n }\n @media screen and (-ms-high-contrast:active),\n (-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# 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","/*--------------------------------------------------------------\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,\n.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}\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,\n.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-content,\n.container-content,\n.container-left .container-content,\n.container-right .container-content {\n padding-left: 0;\n padding-right: 0;\n}\n.container-content > .alignwide,\n.container-content > .alignwide,\n.container-left .container-content > .alignwide,\n.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,\n.container-right .container-content > .alignfull {\n margin-right: 0;\n}\n\n.container-left .container-content > .full-width,\n.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}\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}\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 {\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, .grid.span-all-1 > * {\n grid-column: span 1;\n}\ndiv .grid .span-2, .grid.span-all-2 > * {\n grid-column: span 2;\n}\ndiv .grid .span-3, .grid.span-all-3 > * {\n grid-column: span 3;\n}\ndiv .grid .span-4, .grid.span-all-4 > * {\n grid-column: span 4;\n}\ndiv .grid .span-5, .grid.span-all-5 > * {\n grid-column: span 5;\n}\ndiv .grid .span-6, .grid.span-all-6 > * {\n grid-column: span 6;\n}\ndiv .grid .span-7, .grid.span-all-7 > * {\n grid-column: span 7;\n}\ndiv .grid .span-8, .grid.span-all-8 > * {\n grid-column: span 8;\n}\ndiv .grid .span-9, .grid.span-all-9 > * {\n grid-column: span 9;\n}\ndiv .grid .span-10, .grid.span-all-10 > * {\n grid-column: span 10;\n}\ndiv .grid .span-11, .grid.span-all-11 > * {\n grid-column: span 11;\n}\ndiv .grid .span-12, .grid.span-all-12 > * {\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, .grid.container-span-all-1 > * {\n grid-column: span 1;\n }\n div .grid > .container-span-2, .grid.container-span-all-2 > * {\n grid-column: span 2;\n }\n div .grid > .container-span-3, .grid.container-span-all-3 > * {\n grid-column: span 3;\n }\n div .grid > .container-span-4, .grid.container-span-all-4 > * {\n grid-column: span 4;\n }\n div .grid > .container-span-5, .grid.container-span-all-5 > * {\n grid-column: span 5;\n }\n div .grid > .container-span-6, .grid.container-span-all-6 > * {\n grid-column: span 6;\n }\n div .grid > .container-span-7, .grid.container-span-all-7 > * {\n grid-column: span 7;\n }\n div .grid > .container-span-8, .grid.container-span-all-8 > * {\n grid-column: span 8;\n }\n div .grid > .container-span-9, .grid.container-span-all-9 > * {\n grid-column: span 9;\n }\n div .grid > .container-span-10, .grid.container-span-all-10 > * {\n grid-column: span 10;\n }\n div .grid > .container-span-11, .grid.container-span-all-11 > * {\n grid-column: span 11;\n }\n div .grid > .container-span-12, .grid.container-span-all-12 > * {\n grid-column: span 12;\n }\n}\n@media (max-width: 1030px) {\n div .grid > .large-span-1, .grid.large-span-all-1 > * {\n grid-column: span 1;\n }\n div .grid > .large-span-2, .grid.large-span-all-2 > * {\n grid-column: span 2;\n }\n div .grid > .large-span-3, .grid.large-span-all-3 > * {\n grid-column: span 3;\n }\n div .grid > .large-span-4, .grid.large-span-all-4 > * {\n grid-column: span 4;\n }\n div .grid > .large-span-5, .grid.large-span-all-5 > * {\n grid-column: span 5;\n }\n div .grid > .large-span-6, .grid.large-span-all-6 > * {\n grid-column: span 6;\n }\n div .grid > .large-span-7, .grid.large-span-all-7 > * {\n grid-column: span 7;\n }\n div .grid > .large-span-8, .grid.large-span-all-8 > * {\n grid-column: span 8;\n }\n div .grid > .large-span-9, .grid.large-span-all-9 > * {\n grid-column: span 9;\n }\n div .grid > .large-span-10, .grid.large-span-all-10 > * {\n grid-column: span 10;\n }\n div .grid > .large-span-11, .grid.large-span-all-11 > * {\n grid-column: span 11;\n }\n div .grid > .large-span-12, .grid.large-span-all-12 > * {\n grid-column: span 12;\n }\n}\n@media (max-width: 768px) {\n div .grid > .medium-span-1, .grid.medium-span-all-1 > * {\n grid-column: span 1;\n }\n div .grid > .medium-span-2, .grid.medium-span-all-2 > * {\n grid-column: span 2;\n }\n div .grid > .medium-span-3, .grid.medium-span-all-3 > * {\n grid-column: span 3;\n }\n div .grid > .medium-span-4, .grid.medium-span-all-4 > * {\n grid-column: span 4;\n }\n div .grid > .medium-span-5, .grid.medium-span-all-5 > * {\n grid-column: span 5;\n }\n div .grid > .medium-span-6, .grid.medium-span-all-6 > * {\n grid-column: span 6;\n }\n div .grid > .medium-span-7, .grid.medium-span-all-7 > * {\n grid-column: span 7;\n }\n div .grid > .medium-span-8, .grid.medium-span-all-8 > * {\n grid-column: span 8;\n }\n div .grid > .medium-span-9, .grid.medium-span-all-9 > * {\n grid-column: span 9;\n }\n div .grid > .medium-span-10, .grid.medium-span-all-10 > * {\n grid-column: span 10;\n }\n div .grid > .medium-span-11, .grid.medium-span-all-11 > * {\n grid-column: span 11;\n }\n div .grid > .medium-span-12, .grid.medium-span-all-12 > * {\n grid-column: span 12;\n }\n}\n@media (max-width: 576px) {\n div.site .grid > * {\n grid-column: 1/-1;\n }\n div .grid > .small-span-1, div .grid.small-span-all-1 > * {\n grid-column: span 1;\n }\n div .grid > .small-span-2, div .grid.small-span-all-2 > * {\n grid-column: span 2;\n }\n div .grid > .small-span-3, div .grid.small-span-all-3 > * {\n grid-column: span 3;\n }\n div .grid > .small-span-4, div .grid.small-span-all-4 > * {\n grid-column: span 4;\n }\n div .grid > .small-span-5, div .grid.small-span-all-5 > * {\n grid-column: span 5;\n }\n div .grid > .small-span-6, div .grid.small-span-all-6 > * {\n grid-column: span 6;\n }\n div .grid > .small-span-7, div .grid.small-span-all-7 > * {\n grid-column: span 7;\n }\n div .grid > .small-span-8, div .grid.small-span-all-8 > * {\n grid-column: span 8;\n }\n div .grid > .small-span-9, div .grid.small-span-all-9 > * {\n grid-column: span 9;\n }\n div .grid > .small-span-10, div .grid.small-span-all-10 > * {\n grid-column: span 10;\n }\n div .grid > .small-span-11, div .grid.small-span-all-11 > * {\n grid-column: span 11;\n }\n div .grid > .small-span-12, div .grid.small-span-all-12 > * {\n grid-column: span 12;\n }\n}\n\n/*--------------------------------------------------------------\n# Flexbox grids. 99% same as css grid\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,\n.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 > *,\n.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,\n.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 > *,\ndiv .flex-grid .span-1,\n.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,\ndiv .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 > *,\ndiv .flex-grid .span-2,\n.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,\ndiv .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 > *,\ndiv .flex-grid .span-3,\n.flex-grid.span-all-3 > * {\n flex-basis: calc(25% - var(--grid-gap));\n}\ndiv .flex > .span-3, div .wp-block-file > .span-3,\ndiv .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 > *,\ndiv .flex-grid .span-4,\n.flex-grid.span-all-4 > * {\n flex-basis: calc(33.3333333333% - var(--grid-gap));\n}\ndiv .flex > .span-4, div .wp-block-file > .span-4,\ndiv .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 > *,\ndiv .flex-grid .span-5,\n.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,\ndiv .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 > *,\ndiv .flex-grid .span-6,\n.flex-grid.span-all-6 > * {\n flex-basis: calc(50% - var(--grid-gap));\n}\ndiv .flex > .span-6, div .wp-block-file > .span-6,\ndiv .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 > *,\ndiv .flex-grid .span-7,\n.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,\ndiv .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 > *,\ndiv .flex-grid .span-8,\n.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,\ndiv .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 > *,\ndiv .flex-grid .span-9,\n.flex-grid.span-all-9 > * {\n flex-basis: calc(75% - var(--grid-gap));\n}\ndiv .flex > .span-9, div .wp-block-file > .span-9,\ndiv .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 > *,\ndiv .flex-grid .span-10,\n.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,\ndiv .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 > *,\ndiv .flex-grid .span-11,\n.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,\ndiv .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 > *,\ndiv .flex-grid .span-12,\n.flex-grid.span-all-12 > * {\n flex-basis: calc(100% - var(--grid-gap));\n}\ndiv .flex > .span-12, div .wp-block-file > .span-12,\ndiv .flex-grid > .span-12 {\n flex-grow: 0;\n flex-shrink: 0;\n}\n.flex.no-gutters, .no-gutters.wp-block-file,\n.flex-grid.no-gutters {\n margin-left: 0;\n margin-right: 0;\n}\n.flex.no-gutters > *, .no-gutters.wp-block-file > *,\n.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 > *,\ndiv .flex > .container-span-1,\ndiv .wp-block-file > .container-span-1,\n.flex.container-span-all-1 > *,\n.container-span-all-1.wp-block-file > * {\n flex-basis: calc(8.3333333333% - var(--grid-gap));\n }\n div .flex-grid > .container-span-1,\ndiv .flex > .container-span-1,\ndiv .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 > *,\ndiv .flex > .container-span-2,\ndiv .wp-block-file > .container-span-2,\n.flex.container-span-all-2 > *,\n.container-span-all-2.wp-block-file > * {\n flex-basis: calc(16.6666666667% - var(--grid-gap));\n }\n div .flex-grid > .container-span-2,\ndiv .flex > .container-span-2,\ndiv .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 > *,\ndiv .flex > .container-span-3,\ndiv .wp-block-file > .container-span-3,\n.flex.container-span-all-3 > *,\n.container-span-all-3.wp-block-file > * {\n flex-basis: calc(25% - var(--grid-gap));\n }\n div .flex-grid > .container-span-3,\ndiv .flex > .container-span-3,\ndiv .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 > *,\ndiv .flex > .container-span-4,\ndiv .wp-block-file > .container-span-4,\n.flex.container-span-all-4 > *,\n.container-span-all-4.wp-block-file > * {\n flex-basis: calc(33.3333333333% - var(--grid-gap));\n }\n div .flex-grid > .container-span-4,\ndiv .flex > .container-span-4,\ndiv .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 > *,\ndiv .flex > .container-span-5,\ndiv .wp-block-file > .container-span-5,\n.flex.container-span-all-5 > *,\n.container-span-all-5.wp-block-file > * {\n flex-basis: calc(41.6666666667% - var(--grid-gap));\n }\n div .flex-grid > .container-span-5,\ndiv .flex > .container-span-5,\ndiv .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 > *,\ndiv .flex > .container-span-6,\ndiv .wp-block-file > .container-span-6,\n.flex.container-span-all-6 > *,\n.container-span-all-6.wp-block-file > * {\n flex-basis: calc(50% - var(--grid-gap));\n }\n div .flex-grid > .container-span-6,\ndiv .flex > .container-span-6,\ndiv .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 > *,\ndiv .flex > .container-span-7,\ndiv .wp-block-file > .container-span-7,\n.flex.container-span-all-7 > *,\n.container-span-all-7.wp-block-file > * {\n flex-basis: calc(58.3333333333% - var(--grid-gap));\n }\n div .flex-grid > .container-span-7,\ndiv .flex > .container-span-7,\ndiv .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 > *,\ndiv .flex > .container-span-8,\ndiv .wp-block-file > .container-span-8,\n.flex.container-span-all-8 > *,\n.container-span-all-8.wp-block-file > * {\n flex-basis: calc(66.6666666667% - var(--grid-gap));\n }\n div .flex-grid > .container-span-8,\ndiv .flex > .container-span-8,\ndiv .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 > *,\ndiv .flex > .container-span-9,\ndiv .wp-block-file > .container-span-9,\n.flex.container-span-all-9 > *,\n.container-span-all-9.wp-block-file > * {\n flex-basis: calc(75% - var(--grid-gap));\n }\n div .flex-grid > .container-span-9,\ndiv .flex > .container-span-9,\ndiv .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 > *,\ndiv .flex > .container-span-10,\ndiv .wp-block-file > .container-span-10,\n.flex.container-span-all-10 > *,\n.container-span-all-10.wp-block-file > * {\n flex-basis: calc(83.3333333333% - var(--grid-gap));\n }\n div .flex-grid > .container-span-10,\ndiv .flex > .container-span-10,\ndiv .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 > *,\ndiv .flex > .container-span-11,\ndiv .wp-block-file > .container-span-11,\n.flex.container-span-all-11 > *,\n.container-span-all-11.wp-block-file > * {\n flex-basis: calc(91.6666666667% - var(--grid-gap));\n }\n div .flex-grid > .container-span-11,\ndiv .flex > .container-span-11,\ndiv .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 > *,\ndiv .flex > .container-span-12,\ndiv .wp-block-file > .container-span-12,\n.flex.container-span-all-12 > *,\n.container-span-all-12.wp-block-file > * {\n flex-basis: calc(100% - var(--grid-gap));\n }\n div .flex-grid > .container-span-12,\ndiv .flex > .container-span-12,\ndiv .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 > *,\ndiv .flex > .large-span-1,\ndiv .wp-block-file > .large-span-1,\n.flex.large-span-all-1 > *,\n.large-span-all-1.wp-block-file > * {\n flex-basis: calc(8.3333333333% - var(--grid-gap));\n }\n div .flex-grid > .large-span-1,\ndiv .flex > .large-span-1,\ndiv .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 > *,\ndiv .flex > .large-span-2,\ndiv .wp-block-file > .large-span-2,\n.flex.large-span-all-2 > *,\n.large-span-all-2.wp-block-file > * {\n flex-basis: calc(16.6666666667% - var(--grid-gap));\n }\n div .flex-grid > .large-span-2,\ndiv .flex > .large-span-2,\ndiv .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 > *,\ndiv .flex > .large-span-3,\ndiv .wp-block-file > .large-span-3,\n.flex.large-span-all-3 > *,\n.large-span-all-3.wp-block-file > * {\n flex-basis: calc(25% - var(--grid-gap));\n }\n div .flex-grid > .large-span-3,\ndiv .flex > .large-span-3,\ndiv .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 > *,\ndiv .flex > .large-span-4,\ndiv .wp-block-file > .large-span-4,\n.flex.large-span-all-4 > *,\n.large-span-all-4.wp-block-file > * {\n flex-basis: calc(33.3333333333% - var(--grid-gap));\n }\n div .flex-grid > .large-span-4,\ndiv .flex > .large-span-4,\ndiv .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 > *,\ndiv .flex > .large-span-5,\ndiv .wp-block-file > .large-span-5,\n.flex.large-span-all-5 > *,\n.large-span-all-5.wp-block-file > * {\n flex-basis: calc(41.6666666667% - var(--grid-gap));\n }\n div .flex-grid > .large-span-5,\ndiv .flex > .large-span-5,\ndiv .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 > *,\ndiv .flex > .large-span-6,\ndiv .wp-block-file > .large-span-6,\n.flex.large-span-all-6 > *,\n.large-span-all-6.wp-block-file > * {\n flex-basis: calc(50% - var(--grid-gap));\n }\n div .flex-grid > .large-span-6,\ndiv .flex > .large-span-6,\ndiv .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 > *,\ndiv .flex > .large-span-7,\ndiv .wp-block-file > .large-span-7,\n.flex.large-span-all-7 > *,\n.large-span-all-7.wp-block-file > * {\n flex-basis: calc(58.3333333333% - var(--grid-gap));\n }\n div .flex-grid > .large-span-7,\ndiv .flex > .large-span-7,\ndiv .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 > *,\ndiv .flex > .large-span-8,\ndiv .wp-block-file > .large-span-8,\n.flex.large-span-all-8 > *,\n.large-span-all-8.wp-block-file > * {\n flex-basis: calc(66.6666666667% - var(--grid-gap));\n }\n div .flex-grid > .large-span-8,\ndiv .flex > .large-span-8,\ndiv .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 > *,\ndiv .flex > .large-span-9,\ndiv .wp-block-file > .large-span-9,\n.flex.large-span-all-9 > *,\n.large-span-all-9.wp-block-file > * {\n flex-basis: calc(75% - var(--grid-gap));\n }\n div .flex-grid > .large-span-9,\ndiv .flex > .large-span-9,\ndiv .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 > *,\ndiv .flex > .large-span-10,\ndiv .wp-block-file > .large-span-10,\n.flex.large-span-all-10 > *,\n.large-span-all-10.wp-block-file > * {\n flex-basis: calc(83.3333333333% - var(--grid-gap));\n }\n div .flex-grid > .large-span-10,\ndiv .flex > .large-span-10,\ndiv .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 > *,\ndiv .flex > .large-span-11,\ndiv .wp-block-file > .large-span-11,\n.flex.large-span-all-11 > *,\n.large-span-all-11.wp-block-file > * {\n flex-basis: calc(91.6666666667% - var(--grid-gap));\n }\n div .flex-grid > .large-span-11,\ndiv .flex > .large-span-11,\ndiv .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 > *,\ndiv .flex > .large-span-12,\ndiv .wp-block-file > .large-span-12,\n.flex.large-span-all-12 > *,\n.large-span-all-12.wp-block-file > * {\n flex-basis: calc(100% - var(--grid-gap));\n }\n div .flex-grid > .large-span-12,\ndiv .flex > .large-span-12,\ndiv .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 > *,\ndiv .flex > .medium-span-1,\ndiv .wp-block-file > .medium-span-1,\n.flex.medium-span-all-1 > *,\n.medium-span-all-1.wp-block-file > * {\n flex-basis: calc(8.3333333333% - var(--grid-gap));\n }\n div .flex-grid > .medium-span-1,\ndiv .flex > .medium-span-1,\ndiv .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 > *,\ndiv .flex > .medium-span-2,\ndiv .wp-block-file > .medium-span-2,\n.flex.medium-span-all-2 > *,\n.medium-span-all-2.wp-block-file > * {\n flex-basis: calc(16.6666666667% - var(--grid-gap));\n }\n div .flex-grid > .medium-span-2,\ndiv .flex > .medium-span-2,\ndiv .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 > *,\ndiv .flex > .medium-span-3,\ndiv .wp-block-file > .medium-span-3,\n.flex.medium-span-all-3 > *,\n.medium-span-all-3.wp-block-file > * {\n flex-basis: calc(25% - var(--grid-gap));\n }\n div .flex-grid > .medium-span-3,\ndiv .flex > .medium-span-3,\ndiv .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 > *,\ndiv .flex > .medium-span-4,\ndiv .wp-block-file > .medium-span-4,\n.flex.medium-span-all-4 > *,\n.medium-span-all-4.wp-block-file > * {\n flex-basis: calc(33.3333333333% - var(--grid-gap));\n }\n div .flex-grid > .medium-span-4,\ndiv .flex > .medium-span-4,\ndiv .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 > *,\ndiv .flex > .medium-span-5,\ndiv .wp-block-file > .medium-span-5,\n.flex.medium-span-all-5 > *,\n.medium-span-all-5.wp-block-file > * {\n flex-basis: calc(41.6666666667% - var(--grid-gap));\n }\n div .flex-grid > .medium-span-5,\ndiv .flex > .medium-span-5,\ndiv .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 > *,\ndiv .flex > .medium-span-6,\ndiv .wp-block-file > .medium-span-6,\n.flex.medium-span-all-6 > *,\n.medium-span-all-6.wp-block-file > * {\n flex-basis: calc(50% - var(--grid-gap));\n }\n div .flex-grid > .medium-span-6,\ndiv .flex > .medium-span-6,\ndiv .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 > *,\ndiv .flex > .medium-span-7,\ndiv .wp-block-file > .medium-span-7,\n.flex.medium-span-all-7 > *,\n.medium-span-all-7.wp-block-file > * {\n flex-basis: calc(58.3333333333% - var(--grid-gap));\n }\n div .flex-grid > .medium-span-7,\ndiv .flex > .medium-span-7,\ndiv .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 > *,\ndiv .flex > .medium-span-8,\ndiv .wp-block-file > .medium-span-8,\n.flex.medium-span-all-8 > *,\n.medium-span-all-8.wp-block-file > * {\n flex-basis: calc(66.6666666667% - var(--grid-gap));\n }\n div .flex-grid > .medium-span-8,\ndiv .flex > .medium-span-8,\ndiv .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 > *,\ndiv .flex > .medium-span-9,\ndiv .wp-block-file > .medium-span-9,\n.flex.medium-span-all-9 > *,\n.medium-span-all-9.wp-block-file > * {\n flex-basis: calc(75% - var(--grid-gap));\n }\n div .flex-grid > .medium-span-9,\ndiv .flex > .medium-span-9,\ndiv .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 > *,\ndiv .flex > .medium-span-10,\ndiv .wp-block-file > .medium-span-10,\n.flex.medium-span-all-10 > *,\n.medium-span-all-10.wp-block-file > * {\n flex-basis: calc(83.3333333333% - var(--grid-gap));\n }\n div .flex-grid > .medium-span-10,\ndiv .flex > .medium-span-10,\ndiv .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 > *,\ndiv .flex > .medium-span-11,\ndiv .wp-block-file > .medium-span-11,\n.flex.medium-span-all-11 > *,\n.medium-span-all-11.wp-block-file > * {\n flex-basis: calc(91.6666666667% - var(--grid-gap));\n }\n div .flex-grid > .medium-span-11,\ndiv .flex > .medium-span-11,\ndiv .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 > *,\ndiv .flex > .medium-span-12,\ndiv .wp-block-file > .medium-span-12,\n.flex.medium-span-all-12 > *,\n.medium-span-all-12.wp-block-file > * {\n flex-basis: calc(100% - var(--grid-gap));\n }\n div .flex-grid > .medium-span-12,\ndiv .flex > .medium-span-12,\ndiv .wp-block-file > .medium-span-12 {\n flex-grow: 0;\n flex-shrink: 0;\n }\n}\n@media (max-width: 576px) {\n .flex-grid,\n.flex,\n.wp-block-file {\n flex-wrap: wrap;\n }\n div.site .flex-grid > *,\ndiv.site .flex > *,\ndiv.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 > *,\ndiv .flex > .small-span-1,\ndiv .wp-block-file > .small-span-1,\ndiv .flex.small-span-all-1 > *,\ndiv .small-span-all-1.wp-block-file > * {\n flex-basis: calc(8.3333333333% - var(--grid-gap));\n }\n div .flex-grid > .small-span-1,\ndiv .flex > .small-span-1,\ndiv .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 > *,\ndiv .flex > .small-span-2,\ndiv .wp-block-file > .small-span-2,\ndiv .flex.small-span-all-2 > *,\ndiv .small-span-all-2.wp-block-file > * {\n flex-basis: calc(16.6666666667% - var(--grid-gap));\n }\n div .flex-grid > .small-span-2,\ndiv .flex > .small-span-2,\ndiv .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 > *,\ndiv .flex > .small-span-3,\ndiv .wp-block-file > .small-span-3,\ndiv .flex.small-span-all-3 > *,\ndiv .small-span-all-3.wp-block-file > * {\n flex-basis: calc(25% - var(--grid-gap));\n }\n div .flex-grid > .small-span-3,\ndiv .flex > .small-span-3,\ndiv .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 > *,\ndiv .flex > .small-span-4,\ndiv .wp-block-file > .small-span-4,\ndiv .flex.small-span-all-4 > *,\ndiv .small-span-all-4.wp-block-file > * {\n flex-basis: calc(33.3333333333% - var(--grid-gap));\n }\n div .flex-grid > .small-span-4,\ndiv .flex > .small-span-4,\ndiv .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 > *,\ndiv .flex > .small-span-5,\ndiv .wp-block-file > .small-span-5,\ndiv .flex.small-span-all-5 > *,\ndiv .small-span-all-5.wp-block-file > * {\n flex-basis: calc(41.6666666667% - var(--grid-gap));\n }\n div .flex-grid > .small-span-5,\ndiv .flex > .small-span-5,\ndiv .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 > *,\ndiv .flex > .small-span-6,\ndiv .wp-block-file > .small-span-6,\ndiv .flex.small-span-all-6 > *,\ndiv .small-span-all-6.wp-block-file > * {\n flex-basis: calc(50% - var(--grid-gap));\n }\n div .flex-grid > .small-span-6,\ndiv .flex > .small-span-6,\ndiv .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 > *,\ndiv .flex > .small-span-7,\ndiv .wp-block-file > .small-span-7,\ndiv .flex.small-span-all-7 > *,\ndiv .small-span-all-7.wp-block-file > * {\n flex-basis: calc(58.3333333333% - var(--grid-gap));\n }\n div .flex-grid > .small-span-7,\ndiv .flex > .small-span-7,\ndiv .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 > *,\ndiv .flex > .small-span-8,\ndiv .wp-block-file > .small-span-8,\ndiv .flex.small-span-all-8 > *,\ndiv .small-span-all-8.wp-block-file > * {\n flex-basis: calc(66.6666666667% - var(--grid-gap));\n }\n div .flex-grid > .small-span-8,\ndiv .flex > .small-span-8,\ndiv .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 > *,\ndiv .flex > .small-span-9,\ndiv .wp-block-file > .small-span-9,\ndiv .flex.small-span-all-9 > *,\ndiv .small-span-all-9.wp-block-file > * {\n flex-basis: calc(75% - var(--grid-gap));\n }\n div .flex-grid > .small-span-9,\ndiv .flex > .small-span-9,\ndiv .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 > *,\ndiv .flex > .small-span-10,\ndiv .wp-block-file > .small-span-10,\ndiv .flex.small-span-all-10 > *,\ndiv .small-span-all-10.wp-block-file > * {\n flex-basis: calc(83.3333333333% - var(--grid-gap));\n }\n div .flex-grid > .small-span-10,\ndiv .flex > .small-span-10,\ndiv .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 > *,\ndiv .flex > .small-span-11,\ndiv .wp-block-file > .small-span-11,\ndiv .flex.small-span-all-11 > *,\ndiv .small-span-all-11.wp-block-file > * {\n flex-basis: calc(91.6666666667% - var(--grid-gap));\n }\n div .flex-grid > .small-span-11,\ndiv .flex > .small-span-11,\ndiv .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 > *,\ndiv .flex > .small-span-12,\ndiv .wp-block-file > .small-span-12,\ndiv .flex.small-span-all-12 > *,\ndiv .small-span-all-12.wp-block-file > * {\n flex-basis: calc(100% - var(--grid-gap));\n }\n div .flex-grid > .small-span-12,\ndiv .flex > .small-span-12,\ndiv .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),\n.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,\n.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),\n.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,\n.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/**\n * 6.0 - Galleries\n */\n.gallery {\n margin-bottom: 1.5em;\n}\n\n.gallery-item {\n display: inline-block;\n text-align: center;\n vertical-align: top;\n width: 100%;\n}\n\n.gallery-item a,\n.gallery-item a:hover,\n.gallery-item a:focus {\n -webkit-box-shadow: none;\n box-shadow: none;\n background: none;\n display: inline-block;\n}\n\n.gallery-columns-2 .gallery-item {\n max-width: 50%;\n}\n\n.gallery-columns-3 .gallery-item {\n max-width: 33.33%;\n}\n\n.gallery-columns-4 .gallery-item {\n max-width: 25%;\n}\n\n.gallery-columns-5 .gallery-item {\n max-width: 20%;\n}\n\n.gallery-columns-6 .gallery-item {\n max-width: 16.66%;\n}\n\n.gallery-columns-7 .gallery-item {\n max-width: 14.28%;\n}\n\n.gallery-columns-8 .gallery-item {\n max-width: 12.5%;\n}\n\n.gallery-columns-9 .gallery-item {\n max-width: 11.11%;\n}\n\n.gallery-caption {\n display: block;\n}\n\n.content-gallery p {\n font-size: 18px;\n display: grid;\n justify-content: center;\n padding-left: 15px;\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}\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-free\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 # 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,\ndiv .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}\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,\ndiv .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-content,\ndiv .editor-styles-wrapper .acf-block-preview .container-content,\ndiv .editor-styles-wrapper .acf-block-preview .container-left .container-content,\ndiv .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-content > .alignwide,\ndiv .editor-styles-wrapper .acf-block-preview .container-content > .alignwide,\ndiv .editor-styles-wrapper .acf-block-preview .container-left .container-content > .alignwide,\ndiv .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,\ndiv .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,\ndiv .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}\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}\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-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,\ndiv .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 > *,\ndiv .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,\ndiv .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 > *,\ndiv .editor-styles-wrapper .acf-block-preview div .flex-grid .span-1,\ndiv .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,\ndiv .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 > *,\ndiv .editor-styles-wrapper .acf-block-preview div .flex-grid .span-2,\ndiv .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,\ndiv .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 > *,\ndiv .editor-styles-wrapper .acf-block-preview div .flex-grid .span-3,\ndiv .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,\ndiv .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 > *,\ndiv .editor-styles-wrapper .acf-block-preview div .flex-grid .span-4,\ndiv .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,\ndiv .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 > *,\ndiv .editor-styles-wrapper .acf-block-preview div .flex-grid .span-5,\ndiv .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,\ndiv .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 > *,\ndiv .editor-styles-wrapper .acf-block-preview div .flex-grid .span-6,\ndiv .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,\ndiv .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 > *,\ndiv .editor-styles-wrapper .acf-block-preview div .flex-grid .span-7,\ndiv .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,\ndiv .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 > *,\ndiv .editor-styles-wrapper .acf-block-preview div .flex-grid .span-8,\ndiv .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,\ndiv .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 > *,\ndiv .editor-styles-wrapper .acf-block-preview div .flex-grid .span-9,\ndiv .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,\ndiv .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 > *,\ndiv .editor-styles-wrapper .acf-block-preview div .flex-grid .span-10,\ndiv .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,\ndiv .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 > *,\ndiv .editor-styles-wrapper .acf-block-preview div .flex-grid .span-11,\ndiv .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,\ndiv .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 > *,\ndiv .editor-styles-wrapper .acf-block-preview div .flex-grid .span-12,\ndiv .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,\ndiv .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,\ndiv .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 > *,\ndiv .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 > *,\ndiv .editor-styles-wrapper .acf-block-preview div .flex > .container-span-1,\ndiv .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,\ndiv .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 > *,\ndiv .editor-styles-wrapper .acf-block-preview div .flex > .container-span-2,\ndiv .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,\ndiv .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 > *,\ndiv .editor-styles-wrapper .acf-block-preview div .flex > .container-span-3,\ndiv .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,\ndiv .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 > *,\ndiv .editor-styles-wrapper .acf-block-preview div .flex > .container-span-4,\ndiv .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,\ndiv .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 > *,\ndiv .editor-styles-wrapper .acf-block-preview div .flex > .container-span-5,\ndiv .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,\ndiv .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 > *,\ndiv .editor-styles-wrapper .acf-block-preview div .flex > .container-span-6,\ndiv .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,\ndiv .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 > *,\ndiv .editor-styles-wrapper .acf-block-preview div .flex > .container-span-7,\ndiv .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,\ndiv .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 > *,\ndiv .editor-styles-wrapper .acf-block-preview div .flex > .container-span-8,\ndiv .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,\ndiv .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 > *,\ndiv .editor-styles-wrapper .acf-block-preview div .flex > .container-span-9,\ndiv .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,\ndiv .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 > *,\ndiv .editor-styles-wrapper .acf-block-preview div .flex > .container-span-10,\ndiv .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,\ndiv .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 > *,\ndiv .editor-styles-wrapper .acf-block-preview div .flex > .container-span-11,\ndiv .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,\ndiv .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 > *,\ndiv .editor-styles-wrapper .acf-block-preview div .flex > .container-span-12,\ndiv .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,\ndiv .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 > *,\ndiv .editor-styles-wrapper .acf-block-preview div .flex > .large-span-1,\ndiv .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,\ndiv .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 > *,\ndiv .editor-styles-wrapper .acf-block-preview div .flex > .large-span-2,\ndiv .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,\ndiv .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 > *,\ndiv .editor-styles-wrapper .acf-block-preview div .flex > .large-span-3,\ndiv .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,\ndiv .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 > *,\ndiv .editor-styles-wrapper .acf-block-preview div .flex > .large-span-4,\ndiv .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,\ndiv .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 > *,\ndiv .editor-styles-wrapper .acf-block-preview div .flex > .large-span-5,\ndiv .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,\ndiv .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 > *,\ndiv .editor-styles-wrapper .acf-block-preview div .flex > .large-span-6,\ndiv .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,\ndiv .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 > *,\ndiv .editor-styles-wrapper .acf-block-preview div .flex > .large-span-7,\ndiv .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,\ndiv .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 > *,\ndiv .editor-styles-wrapper .acf-block-preview div .flex > .large-span-8,\ndiv .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,\ndiv .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 > *,\ndiv .editor-styles-wrapper .acf-block-preview div .flex > .large-span-9,\ndiv .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,\ndiv .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 > *,\ndiv .editor-styles-wrapper .acf-block-preview div .flex > .large-span-10,\ndiv .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,\ndiv .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 > *,\ndiv .editor-styles-wrapper .acf-block-preview div .flex > .large-span-11,\ndiv .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,\ndiv .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 > *,\ndiv .editor-styles-wrapper .acf-block-preview div .flex > .large-span-12,\ndiv .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,\ndiv .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 > *,\ndiv .editor-styles-wrapper .acf-block-preview div .flex > .medium-span-1,\ndiv .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,\ndiv .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 > *,\ndiv .editor-styles-wrapper .acf-block-preview div .flex > .medium-span-2,\ndiv .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,\ndiv .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 > *,\ndiv .editor-styles-wrapper .acf-block-preview div .flex > .medium-span-3,\ndiv .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,\ndiv .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 > *,\ndiv .editor-styles-wrapper .acf-block-preview div .flex > .medium-span-4,\ndiv .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,\ndiv .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 > *,\ndiv .editor-styles-wrapper .acf-block-preview div .flex > .medium-span-5,\ndiv .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,\ndiv .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 > *,\ndiv .editor-styles-wrapper .acf-block-preview div .flex > .medium-span-6,\ndiv .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,\ndiv .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 > *,\ndiv .editor-styles-wrapper .acf-block-preview div .flex > .medium-span-7,\ndiv .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,\ndiv .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 > *,\ndiv .editor-styles-wrapper .acf-block-preview div .flex > .medium-span-8,\ndiv .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,\ndiv .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 > *,\ndiv .editor-styles-wrapper .acf-block-preview div .flex > .medium-span-9,\ndiv .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,\ndiv .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 > *,\ndiv .editor-styles-wrapper .acf-block-preview div .flex > .medium-span-10,\ndiv .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,\ndiv .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 > *,\ndiv .editor-styles-wrapper .acf-block-preview div .flex > .medium-span-11,\ndiv .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,\ndiv .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 > *,\ndiv .editor-styles-wrapper .acf-block-preview div .flex > .medium-span-12,\ndiv .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,\ndiv .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,\ndiv .editor-styles-wrapper .acf-block-preview .flex {\n flex-wrap: wrap;\n }\n div .editor-styles-wrapper .acf-block-preview div.site .flex-grid > *,\ndiv .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 > *,\ndiv .editor-styles-wrapper .acf-block-preview div .flex > .small-span-1,\ndiv .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,\ndiv .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 > *,\ndiv .editor-styles-wrapper .acf-block-preview div .flex > .small-span-2,\ndiv .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,\ndiv .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 > *,\ndiv .editor-styles-wrapper .acf-block-preview div .flex > .small-span-3,\ndiv .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,\ndiv .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 > *,\ndiv .editor-styles-wrapper .acf-block-preview div .flex > .small-span-4,\ndiv .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,\ndiv .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 > *,\ndiv .editor-styles-wrapper .acf-block-preview div .flex > .small-span-5,\ndiv .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,\ndiv .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 > *,\ndiv .editor-styles-wrapper .acf-block-preview div .flex > .small-span-6,\ndiv .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,\ndiv .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 > *,\ndiv .editor-styles-wrapper .acf-block-preview div .flex > .small-span-7,\ndiv .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,\ndiv .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 > *,\ndiv .editor-styles-wrapper .acf-block-preview div .flex > .small-span-8,\ndiv .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,\ndiv .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 > *,\ndiv .editor-styles-wrapper .acf-block-preview div .flex > .small-span-9,\ndiv .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,\ndiv .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 > *,\ndiv .editor-styles-wrapper .acf-block-preview div .flex > .small-span-10,\ndiv .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,\ndiv .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 > *,\ndiv .editor-styles-wrapper .acf-block-preview div .flex > .small-span-11,\ndiv .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,\ndiv .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 > *,\ndiv .editor-styles-wrapper .acf-block-preview div .flex > .small-span-12,\ndiv .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,\ndiv .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),\ndiv .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,\ndiv .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),\ndiv .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,\ndiv .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 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: white;\n text-align: right;\n}\ndiv .editor-styles-wrapper .acf-block-preview .menu .sub-menu,\ndiv .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,\ndiv .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,\ndiv .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,\ndiv .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 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: white;\n text-align: right;\n }\n div .editor-styles-wrapper .acf-block-preview .horizontal-menu .menu .sub-menu,\ndiv .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,\ndiv .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 background-color: #9d9b9b;\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,\ndiv .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,\ndiv .editor-styles-wrapper .acf-block-preview .site-title a,\ndiv .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,\ndiv .editor-styles-wrapper .acf-block-preview .site-title a img,\ndiv .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,\ndiv .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,\ndiv .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,\ndiv .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 .body-open .menu-lock {\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 .body-open .menu-lock .menu-item-link a {\n max-width: 40vw;\n }\n div .editor-styles-wrapper .acf-block-preview .app-menu #panel-left .body-open .menu-lock .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 .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,\ndiv .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,\ndiv .editor-styles-wrapper .acf-block-preview .menu li.toggled-on,\ndiv .editor-styles-wrapper .acf-block-preview .menu li:active {\n color: #534a4a;\n}\ndiv .editor-styles-wrapper .acf-block-preview #panel-left .menu .current-menu-item,\ndiv .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,\ndiv .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,\ndiv .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,\ndiv .editor-styles-wrapper .acf-block-preview .horizontal-menu .menu .top-level-item.current-menu-item .menu-item-link {\n color: white;\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,\ndiv .editor-styles-wrapper .acf-block-preview .horizontal-menu .menu .top-level-item.toggled-on,\ndiv .editor-styles-wrapper .acf-block-preview .horizontal-menu .menu .top-level-item:focus-within {\n color: white;\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,\ndiv .editor-styles-wrapper .acf-block-preview .horizontal-menu .menu .top-level-item.toggled-on > .sub-menu,\ndiv .editor-styles-wrapper .acf-block-preview .horizontal-menu .menu .top-level-item.toggled-on > .children,\ndiv .editor-styles-wrapper .acf-block-preview .horizontal-menu .menu .top-level-item:focus-within > .sub-menu,\ndiv .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,\ndiv .editor-styles-wrapper .acf-block-preview .horizontal-menu .menu .top-level-item > .sub-menu,\ndiv .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: #847e7e;\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,\ndiv .editor-styles-wrapper .acf-block-preview .horizontal-menu .menu .top-level-item > .sub-menu a,\ndiv .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,\ndiv .editor-styles-wrapper .acf-block-preview .horizontal-menu .menu .top-level-item > .sub-menu:before,\ndiv .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,\ndiv .editor-styles-wrapper .acf-block-preview .horizontal-menu .menu .top-level-item > .sub-menu .menu-item-link,\ndiv .editor-styles-wrapper .acf-block-preview .horizontal-menu .menu .top-level-item > .children .menu-item-link {\n transition: all 0.5s;\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,\ndiv .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,\ndiv .editor-styles-wrapper .acf-block-preview .site-top .menu .top-level-item > .children .menu-item-link:focus-within,\ndiv .editor-styles-wrapper .acf-block-preview .horizontal-menu .menu .top-level-item > .sub-menu .menu-item-link:hover,\ndiv .editor-styles-wrapper .acf-block-preview .horizontal-menu .menu .top-level-item > .sub-menu .menu-item-link:focus-within,\ndiv .editor-styles-wrapper .acf-block-preview .horizontal-menu .menu .top-level-item > .children .menu-item-link:hover,\ndiv .editor-styles-wrapper .acf-block-preview .horizontal-menu .menu .top-level-item > .children .menu-item-link:focus-within {\n color: white;\n background: #851f85;\n }\n div .editor-styles-wrapper .acf-block-preview .site-top .menu .top-level-item.offscreen-right > .sub-menu,\ndiv .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,\ndiv .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,\ndiv .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: white;\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 ::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,\ndiv .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,\ndiv .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,\ndiv .editor-styles-wrapper .acf-block-preview .icon path,\ndiv .editor-styles-wrapper .acf-block-preview .icon g,\ndiv .editor-styles-wrapper .acf-block-preview .icon svg,\ndiv .editor-styles-wrapper .acf-block-preview .icon path,\ndiv .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}","@use \"../resources\" as *;\n$media-list: ('container': 1200px, 'medium': 768px, 'small': 576px, 'large': 1030px) !default;\n\n/*--------------------------------------------------------------\n# CSS Grids and Containers\n--------------------------------------------------------------*/\n\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\n\n/*------- Containers --------*/\n\n.container {\n width: 100%;\n max-width: var(--container);\n margin: auto;\n padding: 0 var(--container-padding);\n}\n\n.container-left,\n.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}\n\n@media(min-width: $media-container) {\n .large-gap {\n grid-gap: 60px;\n }\n}\n\n\n/*------- Special Container Content For articles --------*/\n\n\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\n.container-content {\n padding: 0 var(--container-padding); //still has padding.\n width: 100%;\n >*:not( .alignwide):not( .alignfull):not(.full-width) {\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 >.full-width,\n >.alignfull {\n width: auto; //override gutenberg, otherwise negative margins below wont work\n margin-left: calc(-1 * var(--container-padding)); //negative margins to counteract the content-containers padding\n margin-right: calc(-1 * var(--container-padding));\n }\n >.alignwide {\n width: 100%;\n max-width: calc(var(--container) - (var(--container-padding) * 2));\n }\n}\n\n\n/*------- Special exceptions for container contents padding --------*/\n\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-content,\n.container-content,\n.container-left .container-content,\n.container-right .container-content {\n padding-left: 0;\n padding-right: 0;\n >.alignwide {\n width: 100%;\n max-width: calc(100% - (var(--container-padding) * 2))\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,\n >.alignfull {\n margin-right: 0;\n }\n}\n\n.container-left .container-content {\n >.full-width,\n >.alignfull {\n margin-left: 0;\n }\n}\n\n\n/*--------------------------------------------------------------\n# WP Align Wide Matches the size of a .container\n--------------------------------------------------------------*/\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# CARD GRIDS\n--------------------------------------------------------------*/\n\n\n/*------- Grid Layouts --------*/\n\n\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.card-grid {\n @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 //span on individuals overrides span-all, thats why there is div & .span-#i...\n @for $i from 1 through 12 {\n div & .span-#{$i},\n &.span-all-#{$i}>* {\n grid-column: span #{$i};\n }\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.span-full {\n grid-column: 1 / -1;\n flex-basis: 100%;\n}\n\n\n/*------- Overriding spans at media sizes --------*/\n\n$media-list: map-sort-by-values($media-list, true); //reorder largest first so smaller has specificity\n.grid {\n @each $name,\n $media in $media-list {\n @if $name !='small' {\n @media(max-width: $media) {\n @for $i from 1 through 12 {\n div & > .#{$name}-span-#{$i}, &.#{$name}-span-all-#{$i} > * {\n grid-column: span #{$i};\n }\n }\n }\n }\n @if $name=='small' {\n @media(max-width: $media) {\n //only small-span can override this. has extra specificity\n @if ($collapse-on-small==true) {\n div.site & > * {\n grid-column: 1 / -1;\n }\n }\n @for $i from 1 through 12 {\n div &>.small-span-#{$i},\n div &.small-span-all-#{$i}>* {\n grid-column: span #{$i};\n }\n }\n }\n }\n }\n}\n\n\n/*--------------------------------------------------------------\n# Flexbox grids. 99% same as css grid\n--------------------------------------------------------------*/\n\n.container-left.flex {\n &:not(.no-gutters) {\n padding-right: calc(var(--container-padding) / 2);\n margin: 0 auto 0 0;\n }\n &.no-gutters {\n margin: 0 auto 0 0;\n }\n}\n\n.container-right.flex {\n &:not(.no-gutters) {\n padding-left: calc(var(--container-padding) / 2);\n margin: 0 0 0 auto;\n }\n &.no-gutters {\n margin: 0 0 0 auto;\n }\n}\n\n//end experimental\n\n/*--------------------------------------------------------------\n# Flex grid\n--------------------------------------------------------------*/\n\n.flex,\n.flex-grid {\n display: flex;\n margin-left: calc(-1 * var(--flex-gap));\n margin-right: calc(-1 * var(--flex-gap));\n //gutters via margins. the flex-basis makes sure it can be sized right\n &>* {\n margin-right: var(--flex-gap);\n margin-left: var(--flex-gap);\n flex: 1;\n }\n &>.no-gutters {\n margin-left: 0;\n margin-right: 0;\n }\n @for $i from 1 through 12 {\n div & .span-#{$i},\n &.span-all-#{$i}>* {\n $width: 100% / (12/$i);\n flex-basis: calc(#{$width} - var(--grid-gap)); //magic. flex-basis is width minus gap on both sized\n }\n div &>.span-#{$i} {\n //once it has a set size it cannot grow or shrink\n flex-grow: 0;\n flex-shrink: 0;\n }\n }\n &.no-gutters {\n margin-left: 0;\n margin-right: 0;\n &>* {\n margin: 0;\n --grid-gap: 0px; //fix the flex-basis sizing easily\n }\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 margin-bottom: var(--grid-gap);\n }\n}\n\n#page .no-wrap {\n flex-wrap: nowrap;\n}\n\n\n/*------- Span sizes for flexbox grids --------*/\n\n.flex-grid,\n.flex {\n @each $name,\n $media in $media-list {\n @if $name !='small' {\n @media(max-width: $media) {\n @for $i from 1 through 12 {\n div & > .#{$name}-span-#{$i}, &.#{$name}-span-all-#{$i} > * {\n $width: 100% / (12/$i);\n flex-basis: calc(#{$width} - var(--grid-gap));\n }\n //no growing or shrinking\n div &>.#{$name}-span-#{$i} {\n flex-grow: 0;\n flex-shrink: 0;\n }\n }\n }\n }\n @if $name=='small' {\n @media(max-width: $media) {\n //only small-span can override this. has extra specificity\n @if ($collapse-on-small==true) {\n flex-wrap: wrap;\n div.site &>* {\n flex-basis: calc(100% - var(--grid-gap));\n }\n }\n @for $i from 1 through 12 {\n div &>.#{$name}-span-#{$i},\n div &.#{$name}-span-all-#{$i}>* {\n $width: 100% / (12/$i);\n flex-basis: calc(#{$width} - var(--grid-gap));\n }\n //no growing or shrinking\n div &>.#{$name}-span-#{$i} {\n flex-grow: 0;\n flex-shrink: 0;\n }\n }\n }\n }\n }\n}\n\n.site .flex.stay-flexed>* {\n flex-basis: auto;\n}\n\n\n/*------- hide at break points --------*/\n\n@each $name,\n$media in $media-list {\n @media(max-width: $media) {\n .hide-on-#{$name} {\n display: none;\n }\n }\n}\n\n\n/*--------------------------------------------------------------\n# Grid Helpers\n--------------------------------------------------------------*/\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\n/*------- Layout that centers vertically and horizontally --------*/\n\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\n.layout-cards-7 {\n //small cards\n >* {\n grid-column: span 4;\n .hide-on-small-card {\n display: none;\n }\n }\n //large cards\n >*:nth-child(7n - 3),\n >*:nth-child(7n - 6) {\n grid-column: span 8;\n .hide-on-small-card {\n display: block;\n }\n }\n}\n\n//ie11 flex the cards\n@media all and (-ms-high-contrast: none) {\n .layout-cards-7 {\n //small cards\n >* {\n width: calc(33.333% - var(--gap));\n .hide-on-small-card {\n display: none;\n }\n }\n >*:nth-child(7n - 3),\n >*:nth-child(7n - 6) {\n width: calc(66.66666% - var(--gap));\n .hide-on-small-card {\n display: block;\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\n/**\n * 6.0 - Galleries\n */\n\n.gallery {\n margin-bottom: 1.5em;\n}\n\n.gallery-item {\n display: inline-block;\n text-align: center;\n vertical-align: top;\n width: 100%;\n}\n\n.gallery-item a,\n.gallery-item a:hover,\n.gallery-item a:focus {\n -webkit-box-shadow: none;\n box-shadow: none;\n background: none;\n display: inline-block;\n}\n\n.gallery-columns-2 .gallery-item {\n max-width: 50%;\n}\n\n.gallery-columns-3 .gallery-item {\n max-width: 33.33%;\n}\n\n.gallery-columns-4 .gallery-item {\n max-width: 25%;\n}\n\n.gallery-columns-5 .gallery-item {\n max-width: 20%;\n}\n\n.gallery-columns-6 .gallery-item {\n max-width: 16.66%;\n}\n\n.gallery-columns-7 .gallery-item {\n max-width: 14.28%;\n}\n\n.gallery-columns-8 .gallery-item {\n max-width: 12.5%;\n}\n\n.gallery-columns-9 .gallery-item {\n max-width: 11.11%;\n}\n\n.gallery-caption {\n display: block;\n}\n\n.content-gallery p {\n font-size: 18px;\n display: grid;\n justify-content: center;\n padding-left: 15px;\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","/*--------------------------------------------------------------\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\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\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 li {\n position: relative;\n margin: 0;\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 a {\n padding: 0;\n }\n }\n a {\n text-decoration: none;\n outline: none;\n cursor: pointer;\n display: block;\n flex-grow: 1;\n flex-shrink: 0;\n font-size: inherit;\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: white;\n text-align: right;\n }\n }\n //sub-menu basic styling for vertical\n .sub-menu,\n .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 //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 .current-menu-item>.sub-menu {\n display: block;\n }\n }\n //.menu ul\n}\n\n\n/*--------------------------------------------------------------\n# Horizontal Menus\n--------------------------------------------------------------*/\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 @media(min-width: $breakpoint) {\n //removing padding on right of last item\n .top-level-item:last-child > .menu-item-link {\n padding-right: 0;\n }\n //removing padding on left of first item\n .top-level-item:first-child>.menu-item-link {\n padding-left: 0;\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 //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 //top level sub-menus\n .top-level-item>.sub-menu,\n .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 a {\n flex-shrink: 1;\n }\n }\n .sub-menu .menu-item-link {\n padding: 3px 15px;\n }\n //even lower sub-menus\n .sub-menu .sub-menu {\n display: none;\n position: relative;\n padding: 0;\n transition: none;\n a {\n padding-left: 10px;\n }\n }\n }\n }\n @media(max-width: $breakpoint) {\n @include vertical-menu();\n }\n}\n\n\n/*------- Apply the menus --------*/\n\n@include vertical-menu();\n.horizontal-menu {\n @include horizontal-menu();\n}\n\n\n/*--------------------------------------------------------------\n# Site-top Layout\n--------------------------------------------------------------*/\n\n\n/*------- Site-top --------*/\n\n.site-top {\n z-index: var(--z-index-menu);\n width: 100%;\n position: relative;\n left: 0;\n top: 0;\n .site-top-container {\n height: 100%;\n background-color: #9d9b9b;\n }\n}\n\n\n/*------- Navigation --------*/\n\n.site-navigation {\n flex-wrap: wrap;\n position: relative;\n justify-content: center;\n height: 100%;\n .site-navigation__nav-holder {\n display: flex;\n justify-content: flex-end;\n }\n //dealing with customizer when choosing a logo\n .site-logo {\n a+a {\n display: none;\n }\n a {\n transition: all .5s;\n }\n h1,\n p {\n font-size: inherit;\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# Site Logo Layout\n--------------------------------------------------------------*/\n\n.site-logo {\n display: flex;\n align-items: center;\n justify-content: center;\n text-transform: capitalize;\n a {\n color: inherit\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,\n.site-title a,\n.custom-logo-link {\n display: flex;\n text-decoration: none;\n justify-content: center;\n align-items: center;\n img {\n display: block;\n }\n}\n\n//logo positions\n@media (min-width: $media-nav) {\n //layout positions\n .logo-left .site-logo {\n justify-content: left;\n }\n .logo-right .site-logo,\n .logo-center-under .site-logo {\n order: 2;\n }\n .logo-center .site-navigation,\n .logo-center-under .site-navigation {\n flex-direction: column;\n align-items: center;\n }\n .no-logo .site-logo {\n display: none;\n }\n .logo-in-middle>.site-logo,\n .logo-in-middle>.container .logo-in-middle {\n display: none;\n }\n .logo-in-middle .site-navigation__nav-holder {\n justify-content: center;\n }\n .logo-in-middle .site-navigation>.site-logo {\n display: none;\n }\n .logo-right .site-navigation__nav-holder {\n justify-content: flex-start;\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/*------- Cool App like menu for mobile --------*/\n\n@media(max-width: $panel-left-absolute) {\n .app-menu {\n #panel-left .body-open .menu-lock {\n transition: none;\n transform: translate(0, 0);\n width: 100%;\n z-index: calc(var(--z-index-menu) - 1);\n .menu-item-link {\n a {\n max-width: 40vw;\n }\n }\n .site-navigation__nav-holder {\n margin-top: 20vh;\n }\n }\n #page {\n background: inherit;\n transition: transform .5s;\n }\n }\n //when menu is opened body gets class menu-open, #page moves\n .app-menu.menu-open {\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 #panel-left {\n height: 100vh;\n overflow: auto;\n }\n &.admin-bar #panel-left {\n height: calc(100vh - 46px);\n }\n }\n .mobile-menu-body-lock {\n overflow: hidden;\n height: 100vh;\n width: 100vw;\n .site-container {\n height: 100%;\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 .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}","@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-free\n--------------------------------------------------------------*/\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# 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# Basic Menu Styling\n--------------------------------------------------------------*/\n\n//this will affect all vertical menus everywhere (sidebar, panel-left, etc...)\n.menu li {\n color: white;\n}\n\n//item hovered on\n.menu li:hover,\n.menu li.toggled-on,\n.menu li:active {\n color: rgb(83, 74, 74);\n}\n\n\n/*--------------------------------------------------------------\n# Vertical Menu in Panel Left overrides\n--------------------------------------------------------------*/\n\n#panel-left {\n //current menu and a toggled-open one\n .menu .current-menu-item,\n .menu li.toggled-on {\n background: rgba(0, 0, 0, .3);\n color: white;\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,\n .horizontal-menu .menu {\n li {\n color: white;\n font-weight: bold;\n }\n //top level items:\n .top-level-item {\n &.current-menu-item .menu-item-link {\n color: white;\n }\n //top level menu item turned on or hovered on, or item within is hovered on\n &.toggled-on,\n &:focus-within {\n color: rgb(255, 255, 255);\n //open submenu if there is one.\n &>.sub-menu,\n &>.children {\n transform: translate3d(-50%, -5px, 0) rotateX(0);\n opacity: 1;\n visibility: visible;\n }\n }\n //dropdown boxes styling from top level item on horizontal menus\n &>.sub-menu,\n &>.children {\n opacity: 0;\n visibility: hidden;\n transform: perspective(100px) translate3d(-50%, 0, 0) rotateX(-8deg);\n transition: all .3s;\n background: rgb(132, 126, 126);\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 a {\n flex-shrink: 1;\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 //submenu inner links\n .menu-item-link {\n transition: all .5s;\n z-index: 2;\n position: relative;\n }\n //inner links hovered\n .menu-item-link:hover,\n .menu-item-link:focus-within {\n color: white;\n background: rgb(133, 31, 133);\n }\n }\n &.offscreen-right>.sub-menu {\n left: -50px;\n &:before {\n content: none;\n }\n }\n } //top-level items\n } //horizontal menus\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# Sub-Menu Dropdown Button styling\n--------------------------------------------------------------*/\n\n.submenu-dropdown-toggle .icon {\n transition: transform .4s;\n}\n\n.menu-item.toggled-on>.menu-item-link .icon,\n.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: white;\n}\n\n//for more panel-left styling see panels.scss","@use \"../resources\" as *; //should also load resources\n\n/*--------------------------------------------------------------\n# Global Forms\n--------------------------------------------------------------*/\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\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 &:focus {\n border: 1px solid var(--highlight);\n }\n}\n\n.site-container select {\n width: 100%;\n //cool select.\n $dropdown-color: #000;\n $dropdown-icon: inline-svg(\"\");\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 option {\n font-weight: normal;\n }\n}\n\ninput[type=\"radio\"],\ninput[type=\"checkbox\"] {\n margin-right: 0.5em;\n}\n\n\n/*--------------------------------------------------------------\n# Input Placeholders\n--------------------------------------------------------------*/\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\n/*------- input appends and prepends for icons --------*/\n\n\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.input-prepend,\n.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# 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\n.icon,\n.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 svg,\n path,\n g {\n fill: currentColor;\n }\n}\n\n\n/*--------------------------------------------------------------\n# Icon Tweaks\n--------------------------------------------------------------*/\n\n.icon-arrow-right {\n top: -2px;\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",".error404 {\n background: white;\n color: var(--highlight);\n .site-content {\n display: flex;\n align-items: center;\n justify-content: center;\n }\n .site-footer,\n .site-top {\n display: none;\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# 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":""}