{ "version": 3, "sources": ["webpack://Aspace-free/./node_modules/normalize.css/normalize.css", "webpack://Aspace-free/./resources.scss", "webpack://Aspace-free/./_variables.scss", "webpack://Aspace-free/./front-end-bunde.scss", "webpack://Aspace-free/./core/_base-layout.scss", "webpack://Aspace-free/./core/_grid-layout.scss", "webpack://Aspace-free/./core/_menu-layout.scss", "webpack://Aspace-free/./core/_panel-left-layout.scss", "webpack://Aspace-free/./core/_panel-right-layout.scss", "webpack://Aspace-free/./core/_sidebar-layout.scss", "webpack://Aspace-free/./core/_ie11-layout.scss", "webpack://Aspace-free/./core/_base.scss", "webpack://Aspace-free/./settings/_animations.scss", "webpack://Aspace-free/./settings/_icons.scss", "webpack://Aspace-free/./settings/_lists_tables.scss", "webpack://Aspace-free/./settings/_sections.scss", "webpack://Aspace-free/./settings/_settings.scss", "webpack://Aspace-free/./global/_panels.scss", "webpack://Aspace-free/./global/_media.scss", "webpack://Aspace-free/./global/_sidebar.scss", "webpack://Aspace-free/./global/_menus.scss", "webpack://Aspace-free/./global/_page.scss", "webpack://Aspace-free/./global/_forms.scss", "webpack://Aspace-free/./global/_global.scss", "webpack://Aspace-free/./wordpress/_default-blocks.scss", "webpack://Aspace-free/./wordpress/_comments.scss", "webpack://Aspace-free/./wordpress/_pagination.scss", "webpack://Aspace-free/./wordpress/_wordpress.scss", "webpack://Aspace-free/./parts/post/_post.scss", "webpack://Aspace-free/./blocks/section-menu/_section-menu.scss"], "names": [], "mappings": "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rHI;EI3GJ;IJ4GQ;IACA;EEwHN;EFvHM;IACI;IACA;IACA;IACA;IACA;IACA;IACA,mBApBD;EE6IT;EFvHM;IACI;IACA;EEyHV;EFvHM;IACI;EEyHV;AACF;;AElPA;EJ+FI;EACA;EACA;EACA;EACA;EACA;EAAA;EACA;AEuJJ;AFrJI;EIvGJ;IJwGQ;IACA;EEwJN;EFvJM;IACI;IACA;IACA;IACA;IACA;IACA;IACA,mBApBD;EE6KT;EFvJM;IACI;IACA;EEyJV;EFvJM;IACI;EEyJV;AACF;;AE9QA;EJ6HI;EACA;EACA;EAEA;EACA;AEoJJ;AFnJI;EACI,YAVD;EAWC,cAVC;EAWD;EACA;AEqJR;AFnJI;EACI;EACA;AEqJR;AFnJI;EACI;AEqJR;AFnJI;EAEI;IACI;IACA;EEoJV;AACF;;AEpSA;;+DAAA;AAIA;EACI;AFsSJ;;AEnSA;EACI;EACA;EACA;EAAA;AFsSJ;AEnSQ;EAEI;AFoSZ;AEtSQ;EAEI;AFuSZ;AEzSQ;EAEI;AF0SZ;AE5SQ;EAEI;AF6SZ;AE/SQ;EAEI;AFgTZ;AElTQ;EAEI;AFmTZ;AErTQ;EAEI;AFsTZ;AExTQ;EAEI;AFyTZ;AE3TQ;EAEI;AF4TZ;AE9TQ;EAEI;AF+TZ;AEjUQ;EAEI;AFkUZ;AEpUQ;EAEI;AFqUZ;;AExTA;EACI;EACA;AF2TJ;;AEvTA;AAOY;EAEQ;IACI;EFmTtB;EEpTkB;IACI;EFsTtB;EEvTkB;IACI;EFyTtB;EE1TkB;IACI;EF4TtB;EE7TkB;IACI;EF+TtB;EEhUkB;IACI;EFkUtB;EEnUkB;IACI;EFqUtB;EEtUkB;IACI;EFwUtB;EEzUkB;IACI;EF2UtB;EE5UkB;IACI;EF8UtB;EE/UkB;IACI;EFiVtB;EElVkB;IACI;EFoVtB;AACF;AExVY;EAEQ;IACI;EFyVtB;EE1VkB;IACI;EF4VtB;EE7VkB;IACI;EF+VtB;EEhWkB;IACI;EFkWtB;EEnWkB;IACI;EFqWtB;EEtWkB;IACI;EFwWtB;EEzWkB;IACI;EF2WtB;EE5WkB;IACI;EF8WtB;EE/WkB;IACI;EFiXtB;EElXkB;IACI;EFoXtB;EErXkB;IACI;EFuXtB;EExXkB;IACI;EF0XtB;AACF;AE9XY;EAEQ;IACI;EF+XtB;EEhYkB;IACI;EFkYtB;EEnYkB;IACI;EFqYtB;EEtYkB;IACI;EFwYtB;EEzYkB;IACI;EF2YtB;EE5YkB;IACI;EF8YtB;EE/YkB;IACI;EFiZtB;EElZkB;IACI;EFoZtB;EErZkB;IACI;EFuZtB;EExZkB;IACI;EF0ZtB;EE3ZkB;IACI;EF6ZtB;EE9ZkB;IACI;EFgatB;AACF;AE3ZY;EAGQ;IACI;EF2ZtB;EEvZkB;IAEI;EFwZtB;EE1ZkB;IAEI;EF2ZtB;EE7ZkB;IAEI;EF8ZtB;EEhakB;IAEI;EFiatB;EEnakB;IAEI;EFoatB;EEtakB;IAEI;EFuatB;EEzakB;IAEI;EF0atB;EE5akB;IAEI;EF6atB;EE/akB;IAEI;EFgbtB;EElbkB;IAEI;EFmbtB;EErbkB;IAEI;EFsbtB;EExbkB;IAEI;EFybtB;AACF;;AEjbA;;+DAAA;AAKI;EACI;EAAA;EACA;AFkbR;AEhbI;EACI;AFkbR;;AE7aI;EACI;EAAA;EACA;AFgbR;AE9aI;EACI;AFgbR;;AE1aA;;+DAAA;AAIA;;EAEI;EACA;EAAA;EACA;EAAA;AF4aJ;AE1aI;;EACI;EAAA;EACA;EAAA;EACA;AF6aR;AE3aI;;EACI;EACA;AF8aR;AE3aQ;;;EAGI;EAAA;AF6aZ;AE3aQ;;EAEI;EACA;AF6aZ;AErbQ;;;EAGI;EAAA;AFubZ;AErbQ;;EAEI;EACA;AFubZ;AE/bQ;;;EAGI;EAAA;AFicZ;AE/bQ;;EAEI;EACA;AFicZ;AEzcQ;;;EAGI;EAAA;AF2cZ;AEzcQ;;EAEI;EACA;AF2cZ;AEndQ;;;EAGI;EAAA;AFqdZ;AEndQ;;EAEI;EACA;AFqdZ;AE7dQ;;;EAGI;EAAA;AF+dZ;AE7dQ;;EAEI;EACA;AF+dZ;AEveQ;;;EAGI;EAAA;AFyeZ;AEveQ;;EAEI;EACA;AFyeZ;AEjfQ;;;EAGI;EAAA;AFmfZ;AEjfQ;;EAEI;EACA;AFmfZ;AE3fQ;;;EAGI;EAAA;AF6fZ;AE3fQ;;EAEI;EACA;AF6fZ;AErgBQ;;;EAGI;EAAA;AFugBZ;AErgBQ;;EAEI;EACA;AFugBZ;AE/gBQ;;;EAGI;EAAA;AFihBZ;AE/gBQ;;EAEI;EACA;AFihBZ;AEzhBQ;;;EAGI;EAAA;AF2hBZ;AEzhBQ;;EAEI;EACA;AF2hBZ;AExhBI;;EACI;EACA;AF2hBR;AE1hBQ;;EACI;EACA;AF6hBZ;;AEvhBA;EACI;AF0hBJ;AEzhBI;EACI;EAAA;AF2hBR;;AEvhBA;EACI;AF0hBJ;;AEthBA;AAOY;EAEQ;;;;;IAEI;IAAA;EFqhBtB;EElhBkB;;;IACI;IACA;EFshBtB;EE7hBkB;;;;;IAEI;IAAA;EFkiBtB;EE/hBkB;;;IACI;IACA;EFmiBtB;EE1iBkB;;;;;IAEI;IAAA;EF+iBtB;EE5iBkB;;;IACI;IACA;EFgjBtB;EEvjBkB;;;;;IAEI;IAAA;EF4jBtB;EEzjBkB;;;IACI;IACA;EF6jBtB;EEpkBkB;;;;;IAEI;IAAA;EFykBtB;EEtkBkB;;;IACI;IACA;EF0kBtB;EEjlBkB;;;;;IAEI;IAAA;EFslBtB;EEnlBkB;;;IACI;IACA;EFulBtB;EE9lBkB;;;;;IAEI;IAAA;EFmmBtB;EEhmBkB;;;IACI;IACA;EFomBtB;EE3mBkB;;;;;IAEI;IAAA;EFgnBtB;EE7mBkB;;;IACI;IACA;EFinBtB;EExnBkB;;;;;IAEI;IAAA;EF6nBtB;EE1nBkB;;;IACI;IACA;EF8nBtB;EEroBkB;;;;;IAEI;IAAA;EF0oBtB;EEvoBkB;;;IACI;IACA;EF2oBtB;EElpBkB;;;;;IAEI;IAAA;EFupBtB;EEppBkB;;;IACI;IACA;EFwpBtB;EE/pBkB;;;;;IAEI;IAAA;EFoqBtB;EEjqBkB;;;IACI;IACA;EFqqBtB;AACF;AE/qBY;EAEQ;;;;;IAEI;IAAA;EFmrBtB;EEhrBkB;;;IACI;IACA;EForBtB;EE3rBkB;;;;;IAEI;IAAA;EFgsBtB;EE7rBkB;;;IACI;IACA;EFisBtB;EExsBkB;;;;;IAEI;IAAA;EF6sBtB;EE1sBkB;;;IACI;IACA;EF8sBtB;EErtBkB;;;;;IAEI;IAAA;EF0tBtB;EEvtBkB;;;IACI;IACA;EF2tBtB;EEluBkB;;;;;IAEI;IAAA;EFuuBtB;EEpuBkB;;;IACI;IACA;EFwuBtB;EE/uBkB;;;;;IAEI;IAAA;EFovBtB;EEjvBkB;;;IACI;IACA;EFqvBtB;EE5vBkB;;;;;IAEI;IAAA;EFiwBtB;EE9vBkB;;;IACI;IACA;EFkwBtB;EEzwBkB;;;;;IAEI;IAAA;EF8wBtB;EE3wBkB;;;IACI;IACA;EF+wBtB;EEtxBkB;;;;;IAEI;IAAA;EF2xBtB;EExxBkB;;;IACI;IACA;EF4xBtB;EEnyBkB;;;;;IAEI;IAAA;EFwyBtB;EEryBkB;;;IACI;IACA;EFyyBtB;EEhzBkB;;;;;IAEI;IAAA;EFqzBtB;EElzBkB;;;IACI;IACA;EFszBtB;EE7zBkB;;;;;IAEI;IAAA;EFk0BtB;EE/zBkB;;;IACI;IACA;EFm0BtB;AACF;AE70BY;EAEQ;;;;;IAEI;IAAA;EFi1BtB;EE90BkB;;;IACI;IACA;EFk1BtB;EEz1BkB;;;;;IAEI;IAAA;EF81BtB;EE31BkB;;;IACI;IACA;EF+1BtB;EEt2BkB;;;;;IAEI;IAAA;EF22BtB;EEx2BkB;;;IACI;IACA;EF42BtB;EEn3BkB;;;;;IAEI;IAAA;EFw3BtB;EEr3BkB;;;IACI;IACA;EFy3BtB;EEh4BkB;;;;;IAEI;IAAA;EFq4BtB;EEl4BkB;;;IACI;IACA;EFs4BtB;EE74BkB;;;;;IAEI;IAAA;EFk5BtB;EE/4BkB;;;IACI;IACA;EFm5BtB;EE15BkB;;;;;IAEI;IAAA;EF+5BtB;EE55BkB;;;IACI;IACA;EFg6BtB;EEv6BkB;;;;;IAEI;IAAA;EF46BtB;EEz6BkB;;;IACI;IACA;EF66BtB;EEp7BkB;;;;;IAEI;IAAA;EFy7BtB;EEt7BkB;;;IACI;IACA;EF07BtB;EEj8BkB;;;;;IAEI;IAAA;EFs8BtB;EEn8BkB;;;IACI;IACA;EFu8BtB;EE98BkB;;;;;IAEI;IAAA;EFm9BtB;EEh9BkB;;;IACI;IACA;EFo9BtB;EE39BkB;;;;;IAEI;IAAA;EFg+BtB;EE79BkB;;;IACI;IACA;EFi+BtB;AACF;AE59BY;EApBZ;;;IAuBoB;EF+9BlB;EE99BkB;;;IACI;IAAA;EFk+BtB;EE99BkB;;;;;IAGI;IAAA;EFk+BtB;EE/9BkB;;;IACI;IACA;EFm+BtB;EE3+BkB;;;;;IAGI;IAAA;EF++BtB;EE5+BkB;;;IACI;IACA;EFg/BtB;EEx/BkB;;;;;IAGI;IAAA;EF4/BtB;EEz/BkB;;;IACI;IACA;EF6/BtB;EErgCkB;;;;;IAGI;IAAA;EFygCtB;EEtgCkB;;;IACI;IACA;EF0gCtB;EElhCkB;;;;;IAGI;IAAA;EFshCtB;EEnhCkB;;;IACI;IACA;EFuhCtB;EE/hCkB;;;;;IAGI;IAAA;EFmiCtB;EEhiCkB;;;IACI;IACA;EFoiCtB;EE5iCkB;;;;;IAGI;IAAA;EFgjCtB;EE7iCkB;;;IACI;IACA;EFijCtB;EEzjCkB;;;;;IAGI;IAAA;EF6jCtB;EE1jCkB;;;IACI;IACA;EF8jCtB;EEtkCkB;;;;;IAGI;IAAA;EF0kCtB;EEvkCkB;;;IACI;IACA;EF2kCtB;EEnlCkB;;;;;IAGI;IAAA;EFulCtB;EEplCkB;;;IACI;IACA;EFwlCtB;EEhmCkB;;;;;IAGI;IAAA;EFomCtB;EEjmCkB;;;IACI;IACA;EFqmCtB;EE7mCkB;;;;;IAGI;IAAA;EFinCtB;EE9mCkB;;;IACI;IACA;EFknCtB;AACF;;AE3mCA;EACI;AF8mCJ;;AE1mCA;AAII;EACI;IACI;EF0mCV;AACF;AE7mCI;EACI;IACI;EF+mCV;AACF;AElnCI;EACI;IACI;EFonCV;AACF;AEvnCI;EACI;IACI;EFynCV;AACF;AEpnCA;;+DAAA;AAIA;EACI;AFqnCJ;;AElnCA;EACI;AFqnCJ;;AElnCA;EACI;AFqnCJ;;AElnCA;EACI;AFqnCJ;;AElnCA;EACI;AFqnCJ;;AElnCA;EACI;AFqnCJ;;AEjnCA;;+DAAA;AAKA;AAEA;EACI;EACA;EACA;AFinCJ;;AE7mCA;AAII;EACI;AF6mCR;AE5mCQ;EACI;AF8mCZ;AE1mCI;;EAEI;AF4mCR;AE3mCQ;;EACI;AF8mCZ;;AExmCA;EAGQ;IACI;IAAA;EFymCV;EExmCU;IACI;EF0mCd;EEvmCM;;IAEI;IAAA;EFymCV;EExmCU;;IACI;EF2mCd;AACF;AG3iDA;;+DAAA;AAIA;;EAEI;EACA;EACA;AH4iDJ;;AGxiDA;EACI;AH2iDJ;;AG5iDA;EACI;AH2iDJ;;AGviDA;;+DAAA;AAgEA;;+DAAA;AA8DA;AAxHI;;EAEI;EACA;AH2iDR;AG1iDQ;;EACI;EACA;AH6iDZ;AG3iDY;;EACI;EACA;EACA;EACA;AH8iDhB;AG7iDgB;;EACI;AHgjDpB;AG7iDY;;EACI;EACA;EACA;EACA;EACA;EACA;EACA;AHgjDhB;AG7iDY;;EACI;EACA;EACA;EACA;EACA;AHgjDhB;AG5iDQ;;;;EAEI;EACA;EACA;EACA;EACA;EACA;EACA;AHgjDZ;AG9iDY;;;;EACI;AHmjDhB;AGhjDQ;;EACI;AHmjDZ;;AGtiDI;EAEI;IACI;EHwiDV;EGriDM;IACI;EHuiDV;EGriDM;;IAEI;IACA;IACA;IACA;IACA;EHuiDV;EGriDU;;IACI;IACA;IACA;IAAA;EHwiDd;EGriDU;;;;IAEI;IACA;IACA;IACA;IACA;IACA;EHyiDd;EGxiDc;;;;IACI;EH6iDlB;EG1iDU;;IACI;EH6iDd;EG1iDU;;IACI;IACA;IACA;IACA;EH6iDd;EG5iDc;;IACI;EH+iDlB;AACF;AG3iDI;EAlHA;;IAEI;IACA;EHgqDN;EG/pDM;;IACI;IACA;EHkqDV;EGhqDU;;IACI;IACA;IACA;IACA;EHmqDd;EGlqDc;;IACI;EHqqDlB;EGlqDU;;IACI;IACA;IACA;IACA;IACA;IACA;IACA;EHqqDd;EGlqDU;;IACI;IACA;IACA;IACA;IACA;EHqqDd;EGjqDM;;;;IAEI;IACA;IACA;IACA;IACA;IACA;IACA;EHqqDV;EGnqDU;;;;IACI;EHwqDd;EGrqDM;;IACI;EHwqDV;AACF;;AG5lDA;;+DAAA;AAKA;AAEA;EACI;EAAA;EACA;EACA;EACA;EACA;AH4lDJ;AG3lDI;EACI;EACA;AH6lDR;;AGxlDA;AAEA;EACI;EACA;EACA;EACA;AH0lDJ;AGzlDI;EACI;EACA;AH2lDR;AGvlDQ;EACI;AHylDZ;AGvlDQ;EACI;AHylDZ;AGvlDQ;;EAEI;AHylDZ;;AGnlDA;EACI;IACI;EHslDN;AACF;AGllDA;;+DAAA;AAIA;EACI;EACA;EACA;EACA;AHmlDJ;AGllDI;EACI;AHolDR;AGllDI;EACI;EACA;AHolDR;;AGhlDA;;EAEI;AHmlDJ;;AGhlDA;;;EAGI;EACA;EACA;EACA;AHmlDJ;AGllDI;;;EACI;AHslDR;;AGjlDA;EAEI;IACI;EHmlDN;;EGjlDE;;IAEI;EHolDN;;EGllDE;;IAEI;IACA;EHqlDN;;EGnlDE;IACI;EHslDN;;EGplDE;;IAEI;EHulDN;;EGrlDE;IACI;EHwlDN;;EGtlDE;IACI;EHylDN;;EGvlDE;IACI;EH0lDN;AACF;AGvlDA;EACI;AHylDJ;;AGrlDA;;+DAAA;AAKI;EACI;EAAA;EACA;EACA;EACA;EAAA;AHslDR;;AGhlDA;AAEA;EAEQ;IACI;IACA;IACA;IACA;IAAA;EHilDV;EG/kDc;IACI;EHilDlB;EG9kDU;IACI;EHglDd;EG7kDM;IACI;IACA;EH+kDV;;EG1kDM;IACI;IACA;IACA;IACA;IACA;EH6kDV;EG3kDM;IACI;IACA;EH6kDV;EG3kDM;IACI;EH6kDV;;EG1kDE;IACI;IACA;IACA;EH6kDN;EG5kDM;IACI;EH8kDV;AACF;AGzkDA;EACI;EACA;EACA;AH2kDJ;AG1kDI;EACI;AH4kDR;;AGvkDA;EACI;EACA;IACI;EH0kDN;AACF;AIh7DA;;+DAAA;AAKA;EACC;AJg7DD;;AI56DA;EACC;IACC;EJ+6DA;AACF;AI36DA;EACC;AJ66DD;;AIz6DA;EACC;IACC;EJ46DA;AACF;AIx6DA;EAEC;AJy6DD;;AIt6DA;EACC;EAAA;EACA;EACA;AJy6DD;;AIr6DA;EACC;IACC;IAAA;IACA;IACA;EJw6DA;EIt6DA;IACC;EJw6DD;AACF;AIn6DA;EACC;IACC;IACA;IACA;IACA;EJq6DA;AACF;AIj6DA;AACA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AJm6DD;AIj6DC;EACC;AJm6DF;;AI95DA;EACC;AJi6DD;;AI75DA;;+DAAA;AAGA;EACC;AJg6DD;;AI95DA;EACC;EACA;EACA;EACA;EACA;AJi6DD;AI/5DC;EAEC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AJg6DF;AI75DC;EACC;EACA;AJ+5DF;;AI15DA;EACC;EACA;AJ65DD;AI55DC;EACC;EACA;AJ85DF;AI35DC;EACC;EACA;AJ65DF;;AKtiEA;;+DAAA;AAKA;EACE;EAAA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ALuiEF;AKriEE;EACE;ALuiEJ;;AKniEA;AAEA;EACC;EACA;ALqiED;;AKjiEA;EACE;EACA;EACA;EACA;EACA;EACA;ALoiEF;AKliEE;EACE;EACA;EACA;EACA;EACA;EACA;ALoiEJ;;AK9hEA;EACE;ALiiEF;;AK5hEA;EACE;IACE;EL+hEF;AACF;AK3hEA;EACE;AL6hEF;;AKzhEA;EACE;EAAA;EACA;AL4hEF;;AKxhEA;EACE;IACE;IAAA;IACA;IACA;EL2hEF;EKzhEE;IACE;EL2hEJ;AACF;AKthEA;;+DAAA;AAGA;EACE;IACE;IACA;IACA;IACA;IACA;IACA;IACA;ELwhEF;EKthEE;IACE;IAAA;ELwhEJ;AACF;AM9nEA;;+DAAA;AASA;EACE;IACD;IACA;EN0nEC;;EMrnED;IACE;ENwnED;AACF;AMjnEA;EACE;EACA;ANmnEF;;AM/mEA;EACE;EACA;ANknEF;;AM9mEA;EACE;IACD;ENinEC;AACF;AM7mEA;;+DAAA;AAKA;EACE;AN6mEF;AM3mEE;EACD;AN6mED;;AMxmEA;AACA;EACE;AN2mEF;;AMxmEA;EACE;AN2mEF;;AMvmEA;EACE;EACA;AN0mEF;;AMvmEA;EACE;AN0mEF;;AMtmEA;EACE;ANymEF;;AMrmEA;EACE;EACA;ANwmEF;;AMpmEA;;+DAAA;AASE;EACD;ANimED;;AM5lEA;EACE;EACA;AN+lEF;;AM3lEA;AAEE;EACD;EACA;EACA;EACA;EAAA;EACA;EACA;AN6lED;;AOptEA;;+DAAA;AAIA;EAGC;IACC;EPotEA;;EOjtED;IACC;EPotEA;;EOhtED;IACC;IACA;IACA;EPmtEA;;EOhtED;IACC;IACA;EPmtEA;;EOhtED;;IAEC;EPmtEA;;EO/sED;;kEAAA;EAIA;IACC;IAGA;IAAA;IACA;IAAA;EP+sEA;EO5sEA;IACC;IAAA;IACA;IAAA;IACA;IACA;EP8sED;EOzsEC;IAEC;IAAA;IACA;IACA;IACA;EP0sEF;EOvsEC;IACC;IACA;EPysEF;EOntEC;IAEC;IAAA;IACA;IACA;IACA;EPotEF;EOjtEC;IACC;IACA;EPmtEF;EO7tEC;IAEC;IAAA;IACA;IACA;IACA;EP8tEF;EO3tEC;IACC;IACA;EP6tEF;EOvuEC;IAEC;IAAA;IACA;IACA;IACA;EPwuEF;EOruEC;IACC;IACA;EPuuEF;EOjvEC;IAEC;IAAA;IACA;IACA;IACA;EPkvEF;EO/uEC;IACC;IACA;EPivEF;EO3vEC;IAEC;IAAA;IACA;IACA;IACA;EP4vEF;EOzvEC;IACC;IACA;EP2vEF;EOrwEC;IAEC;IAAA;IACA;IACA;IACA;EPswEF;EOnwEC;IACC;IACA;EPqwEF;EO/wEC;IAEC;IAAA;IACA;IACA;IACA;EPgxEF;EO7wEC;IACC;IACA;EP+wEF;EOzxEC;IAEC;IAAA;IACA;IACA;IACA;EP0xEF;EOvxEC;IACC;IACA;EPyxEF;EOnyEC;IAEC;IAAA;IACA;IACA;IACA;EPoyEF;EOjyEC;IACC;IACA;EPmyEF;EO7yEC;IAEC;IAAA;IACA;IACA;IACA;EP8yEF;EO3yEC;IACC;IACA;EP6yEF;EOvzEC;IAEC;IAAA;IACA;IACA;IACA;EPwzEF;EOrzEC;IACC;IACA;EPuzEF;;EOhzED;IACC;EPmzEA;EOjzEA;IACC;IAAA;EPmzED;AACF;AO1yEI;EAEE;IAEC;IAAA;IACA;IACA;IACA;EP0yEL;EO/yEI;IAEC;IAAA;IACA;IACA;IACA;EPgzEL;EOrzEI;IAEC;IAAA;IACA;IACA;IACA;EPszEL;EO3zEI;IAEC;IAAA;IACA;IACA;IACA;EP4zEL;EOj0EI;IAEC;IAAA;IACA;IACA;IACA;EPk0EL;EOv0EI;IAEC;IAAA;IACA;IACA;IACA;EPw0EL;EO70EI;IAEC;IAAA;IACA;IACA;IACA;EP80EL;EOn1EI;IAEC;IAAA;IACA;IACA;IACA;EPo1EL;EOz1EI;IAEC;IAAA;IACA;IACA;IACA;EP01EL;EO/1EI;IAEC;IAAA;IACA;IACA;IACA;EPg2EL;EOr2EI;IAEC;IAAA;IACA;IACA;IACA;EPs2EL;EO32EI;IAEC;IAAA;IACA;IACA;IACA;EP42EL;AACF;AOp3EI;EAEE;IAEC;IAAA;IACA;IACA;IACA;EPo3EL;EOz3EI;IAEC;IAAA;IACA;IACA;IACA;EP03EL;EO/3EI;IAEC;IAAA;IACA;IACA;IACA;EPg4EL;EOr4EI;IAEC;IAAA;IACA;IACA;IACA;EPs4EL;EO34EI;IAEC;IAAA;IACA;IACA;IACA;EP44EL;EOj5EI;IAEC;IAAA;IACA;IACA;IACA;EPk5EL;EOv5EI;IAEC;IAAA;IACA;IACA;IACA;EPw5EL;EO75EI;IAEC;IAAA;IACA;IACA;IACA;EP85EL;EOn6EI;IAEC;IAAA;IACA;IACA;IACA;EPo6EL;EOz6EI;IAEC;IAAA;IACA;IACA;IACA;EP06EL;EO/6EI;IAEC;IAAA;IACA;IACA;IACA;EPg7EL;EOr7EI;IAEC;IAAA;IACA;IACA;IACA;EPs7EL;AACF;AO97EI;EAEE;IAEC;IAAA;IACA;IACA;IACA;EP87EL;EOn8EI;IAEC;IAAA;IACA;IACA;IACA;EPo8EL;EOz8EI;IAEC;IAAA;IACA;IACA;IACA;EP08EL;EO/8EI;IAEC;IAAA;IACA;IACA;IACA;EPg9EL;EOr9EI;IAEC;IAAA;IACA;IACA;IACA;EPs9EL;EO39EI;IAEC;IAAA;IACA;IACA;IACA;EP49EL;EOj+EI;IAEC;IAAA;IACA;IACA;IACA;EPk+EL;EOv+EI;IAEC;IAAA;IACA;IACA;IACA;EPw+EL;EO7+EI;IAEC;IAAA;IACA;IACA;IACA;EP8+EL;EOn/EI;IAEC;IAAA;IACA;IACA;IACA;EPo/EL;EOz/EI;IAEC;IAAA;IACA;IACA;IACA;EP0/EL;EO//EI;IAEC;IAAA;IACA;IACA;IACA;EPggFL;AACF;AOz/EI;EApBH;IAuBK;EP0/EJ;EOz/EI;IACC;IAAA;EP2/EL;EOv/EI;IAEC;IAAA;EPw/EL;EOp/EI;IACC;IACA;EPs/EL;EO9/EI;IAEC;IAAA;EP+/EL;EO3/EI;IACC;IACA;EP6/EL;EOrgFI;IAEC;IAAA;EPsgFL;EOlgFI;IACC;IACA;EPogFL;EO5gFI;IAEC;IAAA;EP6gFL;EOzgFI;IACC;IACA;EP2gFL;EOnhFI;IAEC;IAAA;EPohFL;EOhhFI;IACC;IACA;EPkhFL;EO1hFI;IAEC;IAAA;EP2hFL;EOvhFI;IACC;IACA;EPyhFL;EOjiFI;IAEC;IAAA;EPkiFL;EO9hFI;IACC;IACA;EPgiFL;EOxiFI;IAEC;IAAA;EPyiFL;EOriFI;IACC;IACA;EPuiFL;EO/iFI;IAEC;IAAA;EPgjFL;EO5iFI;IACC;IACA;EP8iFL;EOtjFI;IAEC;IAAA;EPujFL;EOnjFI;IACC;IACA;EPqjFL;EO7jFI;IAEC;IAAA;EP8jFL;EO1jFI;IACC;IACA;EP4jFL;EOpkFI;IAEC;IAAA;EPqkFL;EOjkFI;IACC;IACA;EPmkFL;AACF;AOrrFA;EA0HC;IACC;EP8jFA;AACF;AQhsFA;;+DAAA;ACAA;;+DAAA;AAIA;AACA;EACC;UAAA;EACA;UAAA;EACA;ATosFD;;ASjsFA;AACA;EACC;UAAA;ATosFD;;AS9rFA;;+DAAA;AAIA;AACA;EACC;ATgsFD;;AS7rFA;AAEA;EACC;EACA;AT+rFD;;AS5rFA;AAGC;EACC;AT6rFF;;AS9rFC;EACC;ATisFF;;ASlsFC;EACC;ATqsFF;;AStsFC;EACC;ATysFF;;AS1sFC;EACC;AT6sFF;;AS9sFC;EACC;ATitFF;;ASltFC;EACC;ATqtFF;;ASttFC;EACC;ATytFF;;AS1tFC;EACC;AT6tFF;;AS9tFC;EACC;ATiuFF;;ASluFC;EACC;ATquFF;;AStuFC;EACC;ATyuFF;;AS1uFC;EACC;AT6uFF;;AS9uFC;EACC;ATivFF;;ASlvFC;EACC;ATqvFF;;AStvFC;EACC;ATyvFF;;AS1vFC;EACC;AT6vFF;;AS9vFC;EACC;ATiwFF;;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", "file": "frontEnd.css", "sourcesContent": ["/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */\n\n/* Document\n   ========================================================================== */\n\n/**\n * 1. Correct the line height in all browsers.\n * 2. Prevent adjustments of font size after orientation changes in iOS.\n */\n\nhtml {\n  line-height: 1.15; /* 1 */\n  -webkit-text-size-adjust: 100%; /* 2 */\n}\n\n/* Sections\n   ========================================================================== */\n\n/**\n * Remove the margin in all browsers.\n */\n\nbody {\n  margin: 0;\n}\n\n/**\n * Render the `main` element consistently in IE.\n */\n\nmain {\n  display: block;\n}\n\n/**\n * Correct the font size and margin on `h1` elements within `section` and\n * `article` contexts in Chrome, Firefox, and Safari.\n */\n\nh1 {\n  font-size: 2em;\n  margin: 0.67em 0;\n}\n\n/* Grouping content\n   ========================================================================== */\n\n/**\n * 1. Add the correct box sizing in Firefox.\n * 2. Show the overflow in Edge and IE.\n */\n\nhr {\n  box-sizing: content-box; /* 1 */\n  height: 0; /* 1 */\n  overflow: visible; /* 2 */\n}\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\n\npre {\n  font-family: monospace, monospace; /* 1 */\n  font-size: 1em; /* 2 */\n}\n\n/* Text-level semantics\n   ========================================================================== */\n\n/**\n * Remove the gray background on active links in IE 10.\n */\n\na {\n  background-color: transparent;\n}\n\n/**\n * 1. Remove the bottom border in Chrome 57-\n * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n */\n\nabbr[title] {\n  border-bottom: none; /* 1 */\n  text-decoration: underline; /* 2 */\n  text-decoration: underline dotted; /* 2 */\n}\n\n/**\n * Add the correct font weight in Chrome, Edge, and Safari.\n */\n\nb,\nstrong {\n  font-weight: bolder;\n}\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\n\ncode,\nkbd,\nsamp {\n  font-family: monospace, monospace; /* 1 */\n  font-size: 1em; /* 2 */\n}\n\n/**\n * Add the correct font size in all browsers.\n */\n\nsmall {\n  font-size: 80%;\n}\n\n/**\n * Prevent `sub` and `sup` elements from affecting the line height in\n * all browsers.\n */\n\nsub,\nsup {\n  font-size: 75%;\n  line-height: 0;\n  position: relative;\n  vertical-align: baseline;\n}\n\nsub {\n  bottom: -0.25em;\n}\n\nsup {\n  top: -0.5em;\n}\n\n/* Embedded content\n   ========================================================================== */\n\n/**\n * Remove the border on images inside links in IE 10.\n */\n\nimg {\n  border-style: none;\n}\n\n/* Forms\n   ========================================================================== */\n\n/**\n * 1. Change the font styles in all browsers.\n * 2. Remove the margin in Firefox and Safari.\n */\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n  font-family: inherit; /* 1 */\n  font-size: 100%; /* 1 */\n  line-height: 1.15; /* 1 */\n  margin: 0; /* 2 */\n}\n\n/**\n * Show the overflow in IE.\n * 1. Show the overflow in Edge.\n */\n\nbutton,\ninput { /* 1 */\n  overflow: visible;\n}\n\n/**\n * Remove the inheritance of text transform in Edge, Firefox, and IE.\n * 1. Remove the inheritance of text transform in Firefox.\n */\n\nbutton,\nselect { /* 1 */\n  text-transform: none;\n}\n\n/**\n * Correct the inability to style clickable types in iOS and Safari.\n */\n\nbutton,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"] {\n  -webkit-appearance: button;\n}\n\n/**\n * Remove the inner border and padding in Firefox.\n */\n\nbutton::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner {\n  border-style: none;\n  padding: 0;\n}\n\n/**\n * Restore the focus styles unset by the previous rule.\n */\n\nbutton:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring {\n  outline: 1px dotted ButtonText;\n}\n\n/**\n * Correct the padding in Firefox.\n */\n\nfieldset {\n  padding: 0.35em 0.75em 0.625em;\n}\n\n/**\n * 1. Correct the text wrapping in Edge and IE.\n * 2. Correct the color inheritance from `fieldset` elements in IE.\n * 3. Remove the padding so developers are not caught out when they zero out\n *    `fieldset` elements in all browsers.\n */\n\nlegend {\n  box-sizing: border-box; /* 1 */\n  color: inherit; /* 2 */\n  display: table; /* 1 */\n  max-width: 100%; /* 1 */\n  padding: 0; /* 3 */\n  white-space: normal; /* 1 */\n}\n\n/**\n * Add the correct vertical alignment in Chrome, Firefox, and Opera.\n */\n\nprogress {\n  vertical-align: baseline;\n}\n\n/**\n * Remove the default vertical scrollbar in IE 10+.\n */\n\ntextarea {\n  overflow: auto;\n}\n\n/**\n * 1. Add the correct box sizing in IE 10.\n * 2. Remove the padding in IE 10.\n */\n\n[type=\"checkbox\"],\n[type=\"radio\"] {\n  box-sizing: border-box; /* 1 */\n  padding: 0; /* 2 */\n}\n\n/**\n * Correct the cursor style of increment and decrement buttons in Chrome.\n */\n\n[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button {\n  height: auto;\n}\n\n/**\n * 1. Correct the odd appearance in Chrome and Safari.\n * 2. Correct the outline style in Safari.\n */\n\n[type=\"search\"] {\n  -webkit-appearance: textfield; /* 1 */\n  outline-offset: -2px; /* 2 */\n}\n\n/**\n * Remove the inner padding in Chrome and Safari on macOS.\n */\n\n[type=\"search\"]::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n/**\n * 1. Correct the inability to style clickable types in iOS and Safari.\n * 2. Change font properties to `inherit` in Safari.\n */\n\n::-webkit-file-upload-button {\n  -webkit-appearance: button; /* 1 */\n  font: inherit; /* 2 */\n}\n\n/* Interactive\n   ========================================================================== */\n\n/*\n * Add the correct display in Edge, IE 10+, and Firefox.\n */\n\ndetails {\n  display: block;\n}\n\n/*\n * Add the correct display in all browsers.\n */\n\nsummary {\n  display: list-item;\n}\n\n/* Misc\n   ========================================================================== */\n\n/**\n * Add the correct display in IE 10+.\n */\n\ntemplate {\n  display: none;\n}\n\n/**\n * Add the correct display in IE 10.\n */\n\n[hidden] {\n  display: none;\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\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# 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\nhtml * {\n  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n}\n\n.touchscroll {\n  overflow-y: scroll;\n  /* has to be scroll, not auto */\n  -webkit-overflow-scrolling: touch;\n}\n\n.hide-scroll::-webkit-scrollbar, #panel-right .sidebar-holder::-webkit-scrollbar, #panel-left::-webkit-scrollbar {\n  width: 0 !important;\n}\n\n.hide-scroll, #panel-right .sidebar-holder, #panel-left {\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}\n.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}\n.site-container > div:empty {\n  display: none;\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# Accessibility\n--------------------------------------------------------------*/\n.screen-reader-skip {\n  height: 0;\n  overflow: hidden;\n  width: 0;\n  clip: rect(1px, 1px, 1px, 1px);\n}\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;\n  /* 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;\n  /* Above WP toolbar. */\n}\n\n/*------- responsive images --------*/\nimg {\n  max-width: 100%;\n  height: auto;\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@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {\n  [data-toggle] svg {\n    pointer-events: none;\n  }\n}\n[data-toggle] {\n  cursor: pointer;\n}\n\n[data-slide] {\n  overflow: hidden;\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# All Menus\n--------------------------------------------------------------*/\n.menu,\n.menu > ul {\n  padding: 0;\n  list-style: none;\n  margin: 0;\n}\n\n.no-js .menu-item:focus-within > .sub-menu {\n  display: block !important;\n}\n\n/*--------------------------------------------------------------\n# Vertical Menus\n--------------------------------------------------------------*/\n/*--------------------------------------------------------------\n# Horizontal Menus\n--------------------------------------------------------------*/\n/*------- Apply the menus --------*/\n.menu,\n.menu > ul {\n  display: flex;\n  flex-direction: column;\n}\n.menu li,\n.menu > ul li {\n  position: relative;\n  margin: 0;\n}\n.menu li .menu-item-link,\n.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.menu li .menu-item-link a,\n.menu > ul li .menu-item-link a {\n  padding: 0;\n}\n.menu li a,\n.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.menu li .submenu-dropdown-toggle,\n.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.menu .sub-menu,\n.menu .children,\n.menu > ul .sub-menu,\n.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.menu .sub-menu .menu-item-link,\n.menu .children .menu-item-link,\n.menu > ul .sub-menu .menu-item-link,\n.menu > ul .children .menu-item-link {\n  padding-left: 30px;\n}\n.menu .current-menu-item > .sub-menu,\n.menu > ul .current-menu-item > .sub-menu {\n  display: block;\n}\n\n@media (min-width: 800px) {\n  .horizontal-menu .top-level-item:last-child > .menu-item-link {\n    padding-right: 0;\n  }\n  .horizontal-menu .top-level-item:first-child > .menu-item-link {\n    padding-left: 0;\n  }\n  .horizontal-menu .menu,\n.horizontal-menu .menu > ul {\n    display: flex;\n    flex-wrap: wrap;\n    align-items: stretch;\n    flex-direction: row;\n    height: 100%;\n  }\n  .horizontal-menu .menu .top-level-item > .menu-item-link,\n.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  .horizontal-menu .menu .top-level-item > .sub-menu,\n.horizontal-menu .menu .top-level-item > .children,\n.horizontal-menu .menu > ul .top-level-item > .sub-menu,\n.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  .horizontal-menu .menu .top-level-item > .sub-menu a,\n.horizontal-menu .menu .top-level-item > .children a,\n.horizontal-menu .menu > ul .top-level-item > .sub-menu a,\n.horizontal-menu .menu > ul .top-level-item > .children a {\n    flex-shrink: 1;\n  }\n  .horizontal-menu .menu .sub-menu .menu-item-link,\n.horizontal-menu .menu > ul .sub-menu .menu-item-link {\n    padding: 3px 15px;\n  }\n  .horizontal-menu .menu .sub-menu .sub-menu,\n.horizontal-menu .menu > ul .sub-menu .sub-menu {\n    display: none;\n    position: relative;\n    padding: 0;\n    transition: none;\n  }\n  .horizontal-menu .menu .sub-menu .sub-menu a,\n.horizontal-menu .menu > ul .sub-menu .sub-menu a {\n    padding-left: 10px;\n  }\n}\n@media (max-width: 800px) {\n  .horizontal-menu .menu,\n.horizontal-menu .menu > ul {\n    display: flex;\n    flex-direction: column;\n  }\n  .horizontal-menu .menu li,\n.horizontal-menu .menu > ul li {\n    position: relative;\n    margin: 0;\n  }\n  .horizontal-menu .menu li .menu-item-link,\n.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  .horizontal-menu .menu li .menu-item-link a,\n.horizontal-menu .menu > ul li .menu-item-link a {\n    padding: 0;\n  }\n  .horizontal-menu .menu li a,\n.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  .horizontal-menu .menu li .submenu-dropdown-toggle,\n.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  .horizontal-menu .menu .sub-menu,\n.horizontal-menu .menu .children,\n.horizontal-menu .menu > ul .sub-menu,\n.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  .horizontal-menu .menu .sub-menu .menu-item-link,\n.horizontal-menu .menu .children .menu-item-link,\n.horizontal-menu .menu > ul .sub-menu .menu-item-link,\n.horizontal-menu .menu > ul .children .menu-item-link {\n    padding-left: 30px;\n  }\n  .horizontal-menu .menu .current-menu-item > .sub-menu,\n.horizontal-menu .menu > ul .current-menu-item > .sub-menu {\n    display: block;\n  }\n}\n\n/*--------------------------------------------------------------\n# Site-top Layout\n--------------------------------------------------------------*/\n/*------- Site-top --------*/\n.site-top {\n  z-index: var(--z-index-menu);\n  width: 100%;\n  position: relative;\n  left: 0;\n  top: 0;\n}\n.site-top .site-top-container {\n  height: 100%;\n  background-color: #9d9b9b;\n}\n\n/*------- Navigation --------*/\n.site-navigation {\n  flex-wrap: wrap;\n  position: relative;\n  justify-content: center;\n  height: 100%;\n}\n.site-navigation .site-navigation__nav-holder {\n  display: flex;\n  justify-content: flex-end;\n}\n.site-navigation .site-logo a + a {\n  display: none;\n}\n.site-navigation .site-logo a {\n  transition: all 0.5s;\n}\n.site-navigation .site-logo h1,\n.site-navigation .site-logo p {\n  font-size: inherit;\n}\n\n@media (max-width: 800px) {\n  .site-navigation .site-navigation__nav-holder {\n    display: none;\n  }\n}\n/*--------------------------------------------------------------\n# Site Logo Layout\n--------------------------------------------------------------*/\n.site-logo {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  text-transform: capitalize;\n}\n.site-logo a {\n  color: inherit;\n}\n.site-logo svg {\n  max-width: 100%;\n  height: auto;\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}\n.site-logo__link img,\n.site-title a img,\n.custom-logo-link img {\n  display: block;\n}\n\n@media (min-width: 800px) {\n  .logo-left .site-logo {\n    justify-content: left;\n  }\n\n  .logo-right .site-logo,\n.logo-center-under .site-logo {\n    order: 2;\n  }\n\n  .logo-center .site-navigation,\n.logo-center-under .site-navigation {\n    flex-direction: column;\n    align-items: center;\n  }\n\n  .no-logo .site-logo {\n    display: none;\n  }\n\n  .logo-in-middle > .site-logo,\n.logo-in-middle > .container .logo-in-middle {\n    display: none;\n  }\n\n  .logo-in-middle .site-navigation__nav-holder {\n    justify-content: center;\n  }\n\n  .logo-in-middle .site-navigation > .site-logo {\n    display: none;\n  }\n\n  .logo-right .site-navigation__nav-holder {\n    justify-content: flex-start;\n  }\n}\n#panel-left .site-navigation__nav-holder .site-logo {\n  display: none;\n}\n\n/*--------------------------------------------------------------\n# Main menu in panel left\n--------------------------------------------------------------*/\n#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\n/*------- Cool App like menu for mobile --------*/\n@media (max-width: 500px) {\n  .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  .app-menu #panel-left .body-open .menu-lock .menu-item-link a {\n    max-width: 40vw;\n  }\n  .app-menu #panel-left .body-open .menu-lock .site-navigation__nav-holder {\n    margin-top: 20vh;\n  }\n  .app-menu #page {\n    background: inherit;\n    transition: transform 0.5s;\n  }\n\n  .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  .app-menu.menu-open #panel-left {\n    height: 100vh;\n    overflow: auto;\n  }\n  .app-menu.menu-open.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  }\n  .mobile-menu-body-lock .site-container {\n    height: 100%;\n  }\n}\n.body-lock {\n  overflow: hidden;\n  height: 100vh;\n  width: 100vw;\n}\n.body-lock .site-container {\n  height: 100%;\n}\n\n@supports (-webkit-touch-callout: none) {\n  /* CSS specific to iOS devices */\n  .app-menu.menu-open #page {\n    transform: translate(50vw, -5vh) scale(0.75);\n  }\n}\n/*--------------------------------------------------------------\n# Panel Left\n--------------------------------------------------------------*/\n#panel-left:empty ~ .panel-left-toggle, #panel-left:empty ~ #page .panel-left-toggle {\n  display: none;\n}\n\n@media (max-width: 1230px) {\n  #panel-left:not(:empty) ~ .site .site-top .container {\n    padding-left: 52px;\n  }\n}\n#panel-left:not(:empty) ~ .site .site-top .container-fluid {\n  padding-left: 52px;\n}\n\n@media (max-width: 800px) {\n  .site-top .container, .site-top .container-fluid {\n    padding: 0 52px;\n  }\n}\n#panel-left {\n  overflow: auto;\n}\n\n.menu-open #panel-left, #panel-left.open {\n  flex-basis: var(--panel-left-width);\n  flex-shrink: 0;\n  transform: translate(0, 0);\n}\n\n@media (min-width: 800px) {\n  #panel-left.stay-open {\n    flex-basis: var(--panel-left-width);\n    flex-shrink: 0;\n    transform: translate(0, 0);\n  }\n  #panel-left.stay-open ~ .panel-left-toggle, #panel-left.stay-open ~ .site .panel-left-toggle {\n    display: none;\n  }\n}\n@media (max-width: 500px) {\n  #panel-left {\n    position: absolute;\n    height: 100%;\n    left: 0;\n    transform: translate(-100%, 0);\n  }\n}\n/*------- Panel Left Button --------*/\n.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}\n.panel-left-toggle:focus {\n  outline: none;\n}\n\n.site-top .panel-left-toggle {\n  height: 100%;\n}\n\n/*--------------------------------------------------------------\n# Menu icons\n--------------------------------------------------------------*/\n.navigation-menu-icon {\n  font-size: 3rem;\n}\n\n.navigation-menu-icon .icon-regular {\n  position: relative;\n  display: block;\n  border-radius: 0.5px;\n  width: 25px;\n  height: 25px;\n}\n.navigation-menu-icon .icon-regular:before, .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}\n.navigation-menu-icon .icon-regular:after {\n  bottom: 30%;\n  top: auto;\n}\n\n.panel-left-toggle.toggled-on .navigation-menu-icon .icon-regular {\n  height: 25px;\n  width: 25px;\n}\n.panel-left-toggle.toggled-on .navigation-menu-icon .icon-regular:before {\n  transform: rotate(45deg);\n  top: 45%;\n}\n.panel-left-toggle.toggled-on .navigation-menu-icon .icon-regular:after {\n  transform: rotate(-45deg);\n  bottom: 42%;\n}\n\n/*--------------------------------------------------------------\n# Panel right Layout. Touch only if you know what your doing!\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.panel-right-toggle:focus {\n  outline: none;\n}\n\n/*------- sidebar icon --------*/\n.panel-right-toggle {\n  color: white;\n  background: transparent;\n}\n\n.sidebar-icon {\n  border: 2px solid white;\n  border-radius: 2px;\n  position: relative;\n  height: 1em;\n  width: 1em;\n  display: block;\n}\n.sidebar-icon:after {\n  content: \"\";\n  width: 30%;\n  background: white;\n  height: 100%;\n  position: absolute;\n  right: 0;\n}\n\n#panel-right:empty ~ .panel-right-toggle {\n  display: none;\n}\n\n@media (max-width: 1230px) {\n  #panel-right:not(:empty) ~ .site .site-top .container {\n    padding-right: 52px;\n  }\n}\n#panel-right:not(:empty) ~ .site .site-top .container-fluid {\n  padding-right: 52px;\n}\n\n#panel-right.open:not(:empty) {\n  flex-basis: var(--panel-right-width);\n  flex-shrink: 0;\n}\n\n@media (min-width: 1030px) {\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.stay-open ~ .panel-right-toggle {\n    display: none;\n  }\n}\n/*--------------------------------------------------------------\n# Panel Breakpoint to become absolute. no longer a flexed item\n--------------------------------------------------------------*/\n@media (max-width: 1030px) {\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  #panel-right.open {\n    width: var(--panel-right-width);\n  }\n}\n/*--------------------------------------------------------------\n# Sidebar Layout\n--------------------------------------------------------------*/\n@media (min-width: 1200px) {\n  .sidebar-template.container .container-content > .alignfull {\n    margin-right: 0;\n    margin-left: 0;\n  }\n\n  .sidebar-template.align-content-left .container-content > *:not(.alignfull):not(.full-width), .sidebar-template.align-content-left.container-content > *:not(.alignfull):not(.full-width) {\n    margin-left: 0;\n  }\n}\n.has-sidebar-template .site-content {\n  display: flex;\n  flex-direction: column;\n}\n\n.sidebar-template {\n  display: flex;\n  flex-grow: 1;\n}\n\n@media (max-width: 1000px) {\n  .sidebar-template {\n    display: block;\n  }\n}\n/*--------------------------------------------------------------\n# Inline Sidebar #secondary\n--------------------------------------------------------------*/\n#secondary:empty, .sidebar-holder:empty, .secondary:empty {\n  display: none;\n}\n#secondary:empty:after, .sidebar-holder:empty:after, .secondary:empty:after {\n  content: \"\";\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.sidebar-left .sidebar-bg:after {\n  left: auto;\n  right: 0;\n}\n\n.sidebar-left .sidebar-holder {\n  float: right;\n}\n\n.sidebar-holder {\n  position: relative;\n}\n\n#secondary .sidebar-holder {\n  height: 100%;\n  display: block;\n}\n\n/*--------------------------------------------------------------\n# Pulling out the header with .header-above\n--------------------------------------------------------------*/\n.js .sidebar-template.header-above:not(.active) #secondary {\n  display: none;\n}\n\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/*------- Sidebar in panel right layout --------*/\n#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\n/*--------------------------------------------------------------\n# Layout Fixes for ie11\n--------------------------------------------------------------*/\n@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {\n  :root {\n    --flex-gap: calc(var(--grid-gap) / 2);\n  }\n\n  .site-footer {\n    min-height: 1px;\n  }\n\n  .cover-image, .background-image {\n    background-size: cover;\n    background-repeat: no-repeat;\n    background-position: center;\n  }\n\n  .no-objectfit .cover-image {\n    min-height: 300px;\n    background-repeat: none;\n  }\n\n  .no-objectfit .background-image img,\n.no-objectfit .cover-image img {\n    display: none;\n  }\n\n  /*--------------------------------------------------------------\n   # Flexbox grids. 99% same as css grid\n   --------------------------------------------------------------*/\n  .flex, .flex-grid, .grid {\n    display: flex;\n    margin-left: calc(-1 * var(--flex-gap));\n    margin-right: calc(-1 * var(--flex-gap));\n  }\n  .flex > *, .flex-grid > *, .grid > * {\n    margin-right: var(--flex-gap);\n    margin-left: var(--flex-gap);\n    flex-grow: 1;\n    flex-shrink: 1;\n  }\n  div .flex .span-1, .flex.span-all-1 > *, div .flex-grid .span-1, .flex-grid.span-all-1 > *, div .grid .span-1, .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 .flex > .span-1, div .flex-grid > .span-1, div .grid > .span-1 {\n    flex-grow: 0;\n    flex-shrink: 0;\n  }\n  div .flex .span-2, .flex.span-all-2 > *, div .flex-grid .span-2, .flex-grid.span-all-2 > *, div .grid .span-2, .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 .flex > .span-2, div .flex-grid > .span-2, div .grid > .span-2 {\n    flex-grow: 0;\n    flex-shrink: 0;\n  }\n  div .flex .span-3, .flex.span-all-3 > *, div .flex-grid .span-3, .flex-grid.span-all-3 > *, div .grid .span-3, .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 .flex > .span-3, div .flex-grid > .span-3, div .grid > .span-3 {\n    flex-grow: 0;\n    flex-shrink: 0;\n  }\n  div .flex .span-4, .flex.span-all-4 > *, div .flex-grid .span-4, .flex-grid.span-all-4 > *, div .grid .span-4, .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 .flex > .span-4, div .flex-grid > .span-4, div .grid > .span-4 {\n    flex-grow: 0;\n    flex-shrink: 0;\n  }\n  div .flex .span-5, .flex.span-all-5 > *, div .flex-grid .span-5, .flex-grid.span-all-5 > *, div .grid .span-5, .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 .flex > .span-5, div .flex-grid > .span-5, div .grid > .span-5 {\n    flex-grow: 0;\n    flex-shrink: 0;\n  }\n  div .flex .span-6, .flex.span-all-6 > *, div .flex-grid .span-6, .flex-grid.span-all-6 > *, div .grid .span-6, .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 .flex > .span-6, div .flex-grid > .span-6, div .grid > .span-6 {\n    flex-grow: 0;\n    flex-shrink: 0;\n  }\n  div .flex .span-7, .flex.span-all-7 > *, div .flex-grid .span-7, .flex-grid.span-all-7 > *, div .grid .span-7, .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 .flex > .span-7, div .flex-grid > .span-7, div .grid > .span-7 {\n    flex-grow: 0;\n    flex-shrink: 0;\n  }\n  div .flex .span-8, .flex.span-all-8 > *, div .flex-grid .span-8, .flex-grid.span-all-8 > *, div .grid .span-8, .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 .flex > .span-8, div .flex-grid > .span-8, div .grid > .span-8 {\n    flex-grow: 0;\n    flex-shrink: 0;\n  }\n  div .flex .span-9, .flex.span-all-9 > *, div .flex-grid .span-9, .flex-grid.span-all-9 > *, div .grid .span-9, .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 .flex > .span-9, div .flex-grid > .span-9, div .grid > .span-9 {\n    flex-grow: 0;\n    flex-shrink: 0;\n  }\n  div .flex .span-10, .flex.span-all-10 > *, div .flex-grid .span-10, .flex-grid.span-all-10 > *, div .grid .span-10, .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 .flex > .span-10, div .flex-grid > .span-10, div .grid > .span-10 {\n    flex-grow: 0;\n    flex-shrink: 0;\n  }\n  div .flex .span-11, .flex.span-all-11 > *, div .flex-grid .span-11, .flex-grid.span-all-11 > *, div .grid .span-11, .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 .flex > .span-11, div .flex-grid > .span-11, div .grid > .span-11 {\n    flex-grow: 0;\n    flex-shrink: 0;\n  }\n  div .flex .span-12, .flex.span-all-12 > *, div .flex-grid .span-12, .flex-grid.span-all-12 > *, div .grid .span-12, .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 .flex > .span-12, div .flex-grid > .span-12, div .grid > .span-12 {\n    flex-grow: 0;\n    flex-shrink: 0;\n  }\n\n  .grid {\n    flex-wrap: wrap;\n  }\n  .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 div .flex-grid > .container-span-1, div .flex-grid.container-span-all-1 > *, div div .flex > .container-span-1, div .flex.container-span-all-1 > *, div div .grid > .container-span-1, 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 div .flex-grid > .container-span-2, div .flex-grid.container-span-all-2 > *, div div .flex > .container-span-2, div .flex.container-span-all-2 > *, div div .grid > .container-span-2, 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 div .flex-grid > .container-span-3, div .flex-grid.container-span-all-3 > *, div div .flex > .container-span-3, div .flex.container-span-all-3 > *, div div .grid > .container-span-3, 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 div .flex-grid > .container-span-4, div .flex-grid.container-span-all-4 > *, div div .flex > .container-span-4, div .flex.container-span-all-4 > *, div div .grid > .container-span-4, 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 div .flex-grid > .container-span-5, div .flex-grid.container-span-all-5 > *, div div .flex > .container-span-5, div .flex.container-span-all-5 > *, div div .grid > .container-span-5, 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 div .flex-grid > .container-span-6, div .flex-grid.container-span-all-6 > *, div div .flex > .container-span-6, div .flex.container-span-all-6 > *, div div .grid > .container-span-6, 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 div .flex-grid > .container-span-7, div .flex-grid.container-span-all-7 > *, div div .flex > .container-span-7, div .flex.container-span-all-7 > *, div div .grid > .container-span-7, 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 div .flex-grid > .container-span-8, div .flex-grid.container-span-all-8 > *, div div .flex > .container-span-8, div .flex.container-span-all-8 > *, div div .grid > .container-span-8, 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 div .flex-grid > .container-span-9, div .flex-grid.container-span-all-9 > *, div div .flex > .container-span-9, div .flex.container-span-all-9 > *, div div .grid > .container-span-9, 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 div .flex-grid > .container-span-10, div .flex-grid.container-span-all-10 > *, div div .flex > .container-span-10, div .flex.container-span-all-10 > *, div div .grid > .container-span-10, 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 div .flex-grid > .container-span-11, div .flex-grid.container-span-all-11 > *, div div .flex > .container-span-11, div .flex.container-span-all-11 > *, div div .grid > .container-span-11, 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 div .flex-grid > .container-span-12, div .flex-grid.container-span-all-12 > *, div div .flex > .container-span-12, div .flex.container-span-all-12 > *, div div .grid > .container-span-12, 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 div .flex-grid > .large-span-1, div .flex-grid.large-span-all-1 > *, div div .flex > .large-span-1, div .flex.large-span-all-1 > *, div div .grid > .large-span-1, 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 div .flex-grid > .large-span-2, div .flex-grid.large-span-all-2 > *, div div .flex > .large-span-2, div .flex.large-span-all-2 > *, div div .grid > .large-span-2, 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 div .flex-grid > .large-span-3, div .flex-grid.large-span-all-3 > *, div div .flex > .large-span-3, div .flex.large-span-all-3 > *, div div .grid > .large-span-3, 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 div .flex-grid > .large-span-4, div .flex-grid.large-span-all-4 > *, div div .flex > .large-span-4, div .flex.large-span-all-4 > *, div div .grid > .large-span-4, 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 div .flex-grid > .large-span-5, div .flex-grid.large-span-all-5 > *, div div .flex > .large-span-5, div .flex.large-span-all-5 > *, div div .grid > .large-span-5, 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 div .flex-grid > .large-span-6, div .flex-grid.large-span-all-6 > *, div div .flex > .large-span-6, div .flex.large-span-all-6 > *, div div .grid > .large-span-6, 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 div .flex-grid > .large-span-7, div .flex-grid.large-span-all-7 > *, div div .flex > .large-span-7, div .flex.large-span-all-7 > *, div div .grid > .large-span-7, 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 div .flex-grid > .large-span-8, div .flex-grid.large-span-all-8 > *, div div .flex > .large-span-8, div .flex.large-span-all-8 > *, div div .grid > .large-span-8, 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 div .flex-grid > .large-span-9, div .flex-grid.large-span-all-9 > *, div div .flex > .large-span-9, div .flex.large-span-all-9 > *, div div .grid > .large-span-9, 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 div .flex-grid > .large-span-10, div .flex-grid.large-span-all-10 > *, div div .flex > .large-span-10, div .flex.large-span-all-10 > *, div div .grid > .large-span-10, 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 div .flex-grid > .large-span-11, div .flex-grid.large-span-all-11 > *, div div .flex > .large-span-11, div .flex.large-span-all-11 > *, div div .grid > .large-span-11, 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 div .flex-grid > .large-span-12, div .flex-grid.large-span-all-12 > *, div div .flex > .large-span-12, div .flex.large-span-all-12 > *, div div .grid > .large-span-12, 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 div .flex-grid > .medium-span-1, div .flex-grid.medium-span-all-1 > *, div div .flex > .medium-span-1, div .flex.medium-span-all-1 > *, div div .grid > .medium-span-1, 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 div .flex-grid > .medium-span-2, div .flex-grid.medium-span-all-2 > *, div div .flex > .medium-span-2, div .flex.medium-span-all-2 > *, div div .grid > .medium-span-2, 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 div .flex-grid > .medium-span-3, div .flex-grid.medium-span-all-3 > *, div div .flex > .medium-span-3, div .flex.medium-span-all-3 > *, div div .grid > .medium-span-3, 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 div .flex-grid > .medium-span-4, div .flex-grid.medium-span-all-4 > *, div div .flex > .medium-span-4, div .flex.medium-span-all-4 > *, div div .grid > .medium-span-4, 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 div .flex-grid > .medium-span-5, div .flex-grid.medium-span-all-5 > *, div div .flex > .medium-span-5, div .flex.medium-span-all-5 > *, div div .grid > .medium-span-5, 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 div .flex-grid > .medium-span-6, div .flex-grid.medium-span-all-6 > *, div div .flex > .medium-span-6, div .flex.medium-span-all-6 > *, div div .grid > .medium-span-6, 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 div .flex-grid > .medium-span-7, div .flex-grid.medium-span-all-7 > *, div div .flex > .medium-span-7, div .flex.medium-span-all-7 > *, div div .grid > .medium-span-7, 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 div .flex-grid > .medium-span-8, div .flex-grid.medium-span-all-8 > *, div div .flex > .medium-span-8, div .flex.medium-span-all-8 > *, div div .grid > .medium-span-8, 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 div .flex-grid > .medium-span-9, div .flex-grid.medium-span-all-9 > *, div div .flex > .medium-span-9, div .flex.medium-span-all-9 > *, div div .grid > .medium-span-9, 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 div .flex-grid > .medium-span-10, div .flex-grid.medium-span-all-10 > *, div div .flex > .medium-span-10, div .flex.medium-span-all-10 > *, div div .grid > .medium-span-10, 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 div .flex-grid > .medium-span-11, div .flex-grid.medium-span-all-11 > *, div div .flex > .medium-span-11, div .flex.medium-span-all-11 > *, div div .grid > .medium-span-11, 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 div .flex-grid > .medium-span-12, div .flex-grid.medium-span-all-12 > *, div div .flex > .medium-span-12, div .flex.medium-span-all-12 > *, div div .grid > .medium-span-12, 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 .flex-grid, div .flex, div .grid {\n    flex-wrap: wrap;\n  }\n  div.site div .flex-grid > *, div.site div .flex > *, div.site div .grid > * {\n    width: calc(100% - var(--grid-gap));\n  }\n  div div .flex-grid > .small-span-1, div div .flex-grid.small-span-all-1 > *, div div .flex > .small-span-1, div div .flex.small-span-all-1 > *, div div .grid > .small-span-1, div div .grid.small-span-all-1 > * {\n    width: calc(8.3333333333% - var(--grid-gap));\n  }\n  div div .flex-grid > .small-span-1, div div .flex > .small-span-1, div div .grid > .small-span-1 {\n    flex-grow: 0;\n    flex-shrink: 0;\n  }\n  div div .flex-grid > .small-span-2, div div .flex-grid.small-span-all-2 > *, div div .flex > .small-span-2, div div .flex.small-span-all-2 > *, div div .grid > .small-span-2, div div .grid.small-span-all-2 > * {\n    width: calc(16.6666666667% - var(--grid-gap));\n  }\n  div div .flex-grid > .small-span-2, div div .flex > .small-span-2, div div .grid > .small-span-2 {\n    flex-grow: 0;\n    flex-shrink: 0;\n  }\n  div div .flex-grid > .small-span-3, div div .flex-grid.small-span-all-3 > *, div div .flex > .small-span-3, div div .flex.small-span-all-3 > *, div div .grid > .small-span-3, div div .grid.small-span-all-3 > * {\n    width: calc(25% - var(--grid-gap));\n  }\n  div div .flex-grid > .small-span-3, div div .flex > .small-span-3, div div .grid > .small-span-3 {\n    flex-grow: 0;\n    flex-shrink: 0;\n  }\n  div div .flex-grid > .small-span-4, div div .flex-grid.small-span-all-4 > *, div div .flex > .small-span-4, div div .flex.small-span-all-4 > *, div div .grid > .small-span-4, div div .grid.small-span-all-4 > * {\n    width: calc(33.3333333333% - var(--grid-gap));\n  }\n  div div .flex-grid > .small-span-4, div div .flex > .small-span-4, div div .grid > .small-span-4 {\n    flex-grow: 0;\n    flex-shrink: 0;\n  }\n  div div .flex-grid > .small-span-5, div div .flex-grid.small-span-all-5 > *, div div .flex > .small-span-5, div div .flex.small-span-all-5 > *, div div .grid > .small-span-5, div div .grid.small-span-all-5 > * {\n    width: calc(41.6666666667% - var(--grid-gap));\n  }\n  div div .flex-grid > .small-span-5, div div .flex > .small-span-5, div div .grid > .small-span-5 {\n    flex-grow: 0;\n    flex-shrink: 0;\n  }\n  div div .flex-grid > .small-span-6, div div .flex-grid.small-span-all-6 > *, div div .flex > .small-span-6, div div .flex.small-span-all-6 > *, div div .grid > .small-span-6, div div .grid.small-span-all-6 > * {\n    width: calc(50% - var(--grid-gap));\n  }\n  div div .flex-grid > .small-span-6, div div .flex > .small-span-6, div div .grid > .small-span-6 {\n    flex-grow: 0;\n    flex-shrink: 0;\n  }\n  div div .flex-grid > .small-span-7, div div .flex-grid.small-span-all-7 > *, div div .flex > .small-span-7, div div .flex.small-span-all-7 > *, div div .grid > .small-span-7, div div .grid.small-span-all-7 > * {\n    width: calc(58.3333333333% - var(--grid-gap));\n  }\n  div div .flex-grid > .small-span-7, div div .flex > .small-span-7, div div .grid > .small-span-7 {\n    flex-grow: 0;\n    flex-shrink: 0;\n  }\n  div div .flex-grid > .small-span-8, div div .flex-grid.small-span-all-8 > *, div div .flex > .small-span-8, div div .flex.small-span-all-8 > *, div div .grid > .small-span-8, div div .grid.small-span-all-8 > * {\n    width: calc(66.6666666667% - var(--grid-gap));\n  }\n  div div .flex-grid > .small-span-8, div div .flex > .small-span-8, div div .grid > .small-span-8 {\n    flex-grow: 0;\n    flex-shrink: 0;\n  }\n  div div .flex-grid > .small-span-9, div div .flex-grid.small-span-all-9 > *, div div .flex > .small-span-9, div div .flex.small-span-all-9 > *, div div .grid > .small-span-9, div div .grid.small-span-all-9 > * {\n    width: calc(75% - var(--grid-gap));\n  }\n  div div .flex-grid > .small-span-9, div div .flex > .small-span-9, div div .grid > .small-span-9 {\n    flex-grow: 0;\n    flex-shrink: 0;\n  }\n  div div .flex-grid > .small-span-10, div div .flex-grid.small-span-all-10 > *, div div .flex > .small-span-10, div div .flex.small-span-all-10 > *, div div .grid > .small-span-10, div div .grid.small-span-all-10 > * {\n    width: calc(83.3333333333% - var(--grid-gap));\n  }\n  div div .flex-grid > .small-span-10, div div .flex > .small-span-10, div div .grid > .small-span-10 {\n    flex-grow: 0;\n    flex-shrink: 0;\n  }\n  div div .flex-grid > .small-span-11, div div .flex-grid.small-span-all-11 > *, div div .flex > .small-span-11, div div .flex.small-span-all-11 > *, div div .grid > .small-span-11, div div .grid.small-span-all-11 > * {\n    width: calc(91.6666666667% - var(--grid-gap));\n  }\n  div div .flex-grid > .small-span-11, div div .flex > .small-span-11, div div .grid > .small-span-11 {\n    flex-grow: 0;\n    flex-shrink: 0;\n  }\n  div div .flex-grid > .small-span-12, div div .flex-grid.small-span-all-12 > *, div div .flex > .small-span-12, div div .flex.small-span-all-12 > *, div div .grid > .small-span-12, div div .grid.small-span-all-12 > * {\n    width: calc(100% - var(--grid-gap));\n  }\n  div div .flex-grid > .small-span-12, div div .flex > .small-span-12, 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  .layout-center-content > * {\n    margin: 0;\n  }\n}\n/*--------------------------------------------------------------\n# Adding the core styles necessary to run aspace-free\n--------------------------------------------------------------*/\n/*--------------------------------------------------------------\n# Animation Setup\n--------------------------------------------------------------*/\n/*------- For animations --------*/\n.animate {\n  animation-fill-mode: both;\n  animation-duration: 1s;\n  transform: translate(0);\n}\n\n/*------- infinite animations --------*/\n.infinite {\n  animation-iteration-count: infinite;\n}\n\n/*--------------------------------------------------------------\n# Scroll Animation with data-scrollanimation\n--------------------------------------------------------------*/\n/*------- when using data-scrollanimation with scrubbing, turn off transitions --------*/\n#page [data-scrollscrub] {\n  transition: none;\n}\n\n/*------- Special class for fixing at top. Used with scrollanimation --------*/\n.fixed-at-top {\n  position: fixed;\n  top: 0;\n}\n\n/*------- Animate in a sequence --------*/\n.active.sequence:nth-of-type(1) {\n  transition-delay: 0s;\n}\n\n.active.sequence:nth-of-type(2) {\n  transition-delay: 0.25s;\n}\n\n.active.sequence:nth-of-type(3) {\n  transition-delay: 0.5s;\n}\n\n.active.sequence:nth-of-type(4) {\n  transition-delay: 0.75s;\n}\n\n.active.sequence:nth-of-type(5) {\n  transition-delay: 1s;\n}\n\n.active.sequence:nth-of-type(6) {\n  transition-delay: 1.25s;\n}\n\n.active.sequence:nth-of-type(7) {\n  transition-delay: 1.5s;\n}\n\n.active.sequence:nth-of-type(8) {\n  transition-delay: 1.75s;\n}\n\n.active.sequence:nth-of-type(9) {\n  transition-delay: 2s;\n}\n\n.active.sequence:nth-of-type(10) {\n  transition-delay: 2.25s;\n}\n\n.active.sequence:nth-of-type(11) {\n  transition-delay: 2.5s;\n}\n\n.active.sequence:nth-of-type(12) {\n  transition-delay: 2.75s;\n}\n\n.active.sequence:nth-of-type(13) {\n  transition-delay: 3s;\n}\n\n.active.sequence:nth-of-type(14) {\n  transition-delay: 3.25s;\n}\n\n.active.sequence:nth-of-type(15) {\n  transition-delay: 3.5s;\n}\n\n.active.sequence:nth-of-type(16) {\n  transition-delay: 3.75s;\n}\n\n.active.sequence:nth-of-type(17) {\n  transition-delay: 4s;\n}\n\n.active.sequence:nth-of-type(18) {\n  transition-delay: 4.25s;\n}\n\n.active.sequence:nth-of-type(19) {\n  transition-delay: 4.5s;\n}\n\n.active.sequence:nth-of-type(20) {\n  transition-delay: 4.75s;\n}\n\n.active.sequence:nth-of-type(21) {\n  transition-delay: 5s;\n}\n\n.active.sequence:nth-of-type(22) {\n  transition-delay: 5.25s;\n}\n\n.active.sequence:nth-of-type(23) {\n  transition-delay: 5.5s;\n}\n\n.active.sequence:nth-of-type(24) {\n  transition-delay: 5.75s;\n}\n\n.active.sequence:nth-of-type(25) {\n  transition-delay: 6s;\n}\n\n.active.sequence:nth-of-type(26) {\n  transition-delay: 6.25s;\n}\n\n.active.sequence:nth-of-type(27) {\n  transition-delay: 6.5s;\n}\n\n.active.sequence:nth-of-type(28) {\n  transition-delay: 6.75s;\n}\n\n.active.sequence:nth-of-type(29) {\n  transition-delay: 7s;\n}\n\n.active.sequence:nth-of-type(30) {\n  transition-delay: 7.25s;\n}\n\n.active.sequence:nth-of-type(31) {\n  transition-delay: 7.5s;\n}\n\n/*--------------------------------------------------------------\n# Animations\n--------------------------------------------------------------*/\n.js [data-scrollanimation*=fadeInUp] {\n  opacity: 0;\n  transition: all 0.5s;\n  transform: translate3d(0, 100%, 0);\n}\n.js [data-scrollanimation*=fadeInUp].fadeInUp {\n  opacity: 1;\n  transform: translate3d(0, 0, 0);\n}\n\n.js [data-scrollanimation*=zoomIn] {\n  transition: all 0.5s;\n  opacity: 0;\n  transform: scale3d(0.3, 0.3, 0.3);\n}\n.js [data-scrollanimation*=zoomIn].zoomIn {\n  transform: scale(1);\n  opacity: 1;\n}\n\n/*--------------------------------------------------------------\n# Icons\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}\n.icon svg,\n.icon path,\n.icon g,\n.icon svg,\n.icon path,\n.icon g {\n  fill: currentColor;\n}\n\n/*--------------------------------------------------------------\n# Icon Tweaks\n--------------------------------------------------------------*/\n.icon-arrow-right {\n  top: -2px;\n}\n\n/*--------------------------------------------------------------\nLists\n--------------------------------------------------------------*/\nul,\nol {\n  margin: 0 0 1.5em var(--gap);\n  padding: 0;\n}\n\nul {\n  list-style: disc;\n}\n\nol {\n  list-style: decimal;\n}\n\nli > ul,\nli > ol {\n  margin-bottom: 0;\n  margin-left: 1.5em;\n}\n\ndt {\n  font-weight: 700;\n}\n\ndd {\n  margin: 0 1.5em 1.5em;\n}\n\n/*--------------------------------------------------------------\nTables\n--------------------------------------------------------------*/\ntable {\n  border-collapse: collapse;\n  margin: 0 0 1.5em;\n  width: 100%;\n}\n\nthead th {\n  border-bottom: 2px solid #bbb;\n  padding-bottom: 0.5em;\n}\n\nth {\n  padding: 0.4em;\n  text-align: left;\n}\n\ntr {\n  border-bottom: 1px solid #eee;\n}\n\ntd {\n  padding: 0.4em;\n}\n\nth:first-child,\ntd:first-child {\n  padding-left: 0;\n}\n\nth:last-child,\ntd:last-child {\n  padding-right: 0;\n}\n\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 --------*/\nsection, .section {\n  padding-top: var(--gap);\n  padding-bottom: var(--gap);\n}\nsection section, .section section {\n  padding-top: 0;\n  padding-bottom: 0;\n}\nsection p:last-child, .section p:last-child {\n  margin-bottom: 0;\n}\n\n.no-bg + .no-bg {\n  padding-top: 0;\n}\n\nsection.heading-center h1, section.heading-center h2 {\n  text-align: center;\n}\n\n/*------- Padding classes useful for sections --------*/\n.site-content .padding {\n  padding: var(--gap);\n}\n.site-content .no-padding {\n  padding: 0;\n}\n.site-content .no-padding-top {\n  padding-top: 0;\n}\n.site-content .no-padding-bottom {\n  padding-bottom: 0;\n}\n.site-content .margin-bottom {\n  margin-bottom: var(--gap);\n}\n\n/*------- Your block, parts,  and section styling --------*/\n/*--------------------------------------------------------------\n# Settings for some basic html elements\n--------------------------------------------------------------*/\n.panel-left-toggle:focus, .panel-right-toggle:focus {\n  border: 1px dashed white;\n}\n\n/*--------------------------------------------------------------\n# Panel Left Styling\n--------------------------------------------------------------*/\n#panel-left {\n  background: #4c545d;\n  color: white;\n  padding-top: 80px;\n}\n\n/*------- Panel left button (menu button). Set svg icon in theme.config --------*/\nbody .navigation-menu-icon {\n  border-color: white;\n  color: white;\n  display: block;\n}\nbody .navigation-menu-icon:after, body .navigation-menu-icon:before {\n  background: white;\n}\n\n/*--------------------------------------------------------------\n# Panel Right Styling\n--------------------------------------------------------------*/\n/*-------  #panel Right --------*/\n#panel-right {\n  background: #1e1e22;\n  color: white;\n  padding-top: 60px;\n}\n\n/*------- Panel right button (sidebar button) --------*/\nbody .sidebar-icon {\n  border-color: white;\n}\nbody .sidebar-icon:after {\n  background: rgba(255, 255, 255, 0.85);\n}\n\n/*------- Tips --------*/\n/*--------------------------------------------------------------\n# Special Images\n--------------------------------------------------------------*/\n/*\n    - Use a background-image div for holding a foreground image behind an item or header\n    - use cover-image for an image in the foreground of a header.\n*/\n.background-image {\n  position: absolute;\n  top: 0;\n  left: 0;\n  height: 100%;\n  width: 100%;\n  display: block;\n}\n.background-image img {\n  object-fit: cover;\n  height: 100%;\n  width: 100%;\n  position: relative;\n}\n.background-image ~ * {\n  z-index: 10;\n}\n\n.cover-image {\n  width: 100%;\n  display: block;\n}\n.cover-image img {\n  object-fit: cover;\n  left: 0;\n  right: 0;\n  height: 100%;\n  width: 100%;\n}\n\n/*------- Add overlay to a div so image is shaded --------*/\n.overlay {\n  box-shadow: inset 0 0 0 2000px var(--overlay-color);\n  color: white;\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# 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  margin-top: 0.6em;\n  float: right;\n  margin-left: var(--gap);\n}\n\n.wp-block-image .alignleft {\n  margin-top: 0.6em;\n  float: left;\n  margin-right: var(--gap);\n}\n\n.aligncenter {\n  clear: both;\n  display: block;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n.container-content .alignfull {\n  max-width: none;\n}\n\n.alignfull img {\n  object-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# Sidebar Sizes\n--------------------------------------------------------------*/\n#primary, .primary {\n  flex-grow: 1;\n}\n\n#secondary, .secondary {\n  flex-basis: 25%;\n  flex-grow: 0;\n  flex-shrink: 0;\n  padding-top: var(--gutters);\n}\n\n/*------- Inline Sidebar Background --------*/\n.sidebar-bg {\n  position: relative;\n}\n\n.sidebar-bg:after {\n  content: \"\";\n  position: absolute;\n  height: 100%;\n  width: 50vw;\n  top: 0;\n  left: 0;\n  background: #efefef;\n  z-index: -1;\n}\n\n/*------- Menu in sidebar --------*/\n.widget .menu li {\n  color: white;\n}\n\n#secondary .widget, #secondary .menu li {\n  color: var(--main-text-color);\n}\n\n#secondary .menu .current-menu-item > .menu-item-link, #secondary .menu .menu-item-link.focus {\n  color: var(--highlight);\n}\n\n/*--------------------------------------------------------------\n# Widgets Layout\n--------------------------------------------------------------*/\n.sidebar-template.container #secondary .widget {\n  padding-right: 0;\n}\n\n.sidebar-template.sidebar-left.container #secondary .widget {\n  padding-left: 0;\n  padding-right: var(--gutters);\n}\n\n.sidebar-holder .widget {\n  padding: var(--gutters);\n}\n\n.widget {\n  color: white;\n}\n.widget h2 {\n  margin-top: 0;\n}\n.widget ul {\n  list-style: none;\n  padding: 0;\n  margin: 0;\n}\n.widget .menu li a {\n  flex-grow: 0;\n}\n.widget .menu li .menu-item-link {\n  padding-left: 0;\n}\n\n/*--------------------------------------------------------------\n# Basic Menu Styling\n--------------------------------------------------------------*/\n.menu li {\n  color: white;\n}\n\n.menu li:hover,\n.menu li.toggled-on,\n.menu li:active {\n  color: #534a4a;\n}\n\n/*--------------------------------------------------------------\n# Vertical Menu in Panel Left overrides\n--------------------------------------------------------------*/\n#panel-left .menu .current-menu-item,\n#panel-left .menu li.toggled-on {\n  background: rgba(0, 0, 0, 0.3);\n  color: white;\n}\n#panel-left .menu .current-menu-item > .menu-item-link,\n#panel-left .menu li.toggled-on > .menu-item-link {\n  background: rgba(0, 0, 0, 0.5);\n}\n\n/*--------------------------------------------------------------\n# Horizontal Menu Styling overrides\n--------------------------------------------------------------*/\n@media (min-width: 800px) {\n  .site-top .menu li,\n.horizontal-menu .menu li {\n    color: white;\n    font-weight: bold;\n  }\n  .site-top .menu .top-level-item.current-menu-item .menu-item-link,\n.horizontal-menu .menu .top-level-item.current-menu-item .menu-item-link {\n    color: white;\n  }\n  .site-top .menu .top-level-item.toggled-on, .site-top .menu .top-level-item:focus-within,\n.horizontal-menu .menu .top-level-item.toggled-on,\n.horizontal-menu .menu .top-level-item:focus-within {\n    color: white;\n  }\n  .site-top .menu .top-level-item.toggled-on > .sub-menu, .site-top .menu .top-level-item.toggled-on > .children, .site-top .menu .top-level-item:focus-within > .sub-menu, .site-top .menu .top-level-item:focus-within > .children,\n.horizontal-menu .menu .top-level-item.toggled-on > .sub-menu,\n.horizontal-menu .menu .top-level-item.toggled-on > .children,\n.horizontal-menu .menu .top-level-item:focus-within > .sub-menu,\n.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  .site-top .menu .top-level-item > .sub-menu, .site-top .menu .top-level-item > .children,\n.horizontal-menu .menu .top-level-item > .sub-menu,\n.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  .site-top .menu .top-level-item > .sub-menu a, .site-top .menu .top-level-item > .children a,\n.horizontal-menu .menu .top-level-item > .sub-menu a,\n.horizontal-menu .menu .top-level-item > .children a {\n    flex-shrink: 1;\n  }\n  .site-top .menu .top-level-item > .sub-menu:before, .site-top .menu .top-level-item > .children:before,\n.horizontal-menu .menu .top-level-item > .sub-menu:before,\n.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  .site-top .menu .top-level-item > .sub-menu .menu-item-link, .site-top .menu .top-level-item > .children .menu-item-link,\n.horizontal-menu .menu .top-level-item > .sub-menu .menu-item-link,\n.horizontal-menu .menu .top-level-item > .children .menu-item-link {\n    transition: all 0.5s;\n    z-index: 2;\n    position: relative;\n  }\n  .site-top .menu .top-level-item > .sub-menu .menu-item-link:hover,\n.site-top .menu .top-level-item > .sub-menu .menu-item-link:focus-within, .site-top .menu .top-level-item > .children .menu-item-link:hover,\n.site-top .menu .top-level-item > .children .menu-item-link:focus-within,\n.horizontal-menu .menu .top-level-item > .sub-menu .menu-item-link:hover,\n.horizontal-menu .menu .top-level-item > .sub-menu .menu-item-link:focus-within,\n.horizontal-menu .menu .top-level-item > .children .menu-item-link:hover,\n.horizontal-menu .menu .top-level-item > .children .menu-item-link:focus-within {\n    color: white;\n    background: #851f85;\n  }\n  .site-top .menu .top-level-item.offscreen-right > .sub-menu,\n.horizontal-menu .menu .top-level-item.offscreen-right > .sub-menu {\n    left: -50px;\n  }\n  .site-top .menu .top-level-item.offscreen-right > .sub-menu:before,\n.horizontal-menu .menu .top-level-item.offscreen-right > .sub-menu:before {\n    content: none;\n  }\n\n  .top-level-item > .menu-item-link .submenu-dropdown-toggle {\n    display: none;\n  }\n}\n.touch-device .top-level-item > .menu-item-link .submenu-dropdown-toggle {\n  display: block;\n}\n\n/*--------------------------------------------------------------\n# Sub-Menu Dropdown Button styling\n--------------------------------------------------------------*/\n.submenu-dropdown-toggle .icon {\n  transition: transform 0.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.error404 {\n  background: white;\n  color: var(--highlight);\n}\n.error404 .site-content {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.error404 .site-footer,\n.error404 .site-top {\n  display: none;\n}\n.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}\n\n/*--------------------------------------------------------------\n# Global Forms\n--------------------------------------------------------------*/\nlabel {\n  display: block;\n  font-weight: 800;\n}\n\nfieldset {\n  margin-bottom: var(--gap);\n}\n\ninput[type=text],\ninput[type=email],\ninput[type=url],\ninput[type=password],\ninput[type=search],\ninput[type=number],\ninput[type=tel],\ninput[type=range],\ninput[type=date],\ninput[type=month],\ninput[type=week],\ninput[type=time],\ninput[type=datetime],\ninput[type=datetime-local],\ninput[type=color],\ninput[type=file],\ntextarea {\n  border: 1px solid grey;\n  background: transparent;\n  color: var(--main-text-color);\n  width: 100%;\n  min-width: 0;\n  font-size: inherit;\n  transition: all 0.5s;\n  padding: 3px 5px;\n  display: block;\n}\ninput[type=text]:focus,\ninput[type=email]:focus,\ninput[type=url]:focus,\ninput[type=password]:focus,\ninput[type=search]:focus,\ninput[type=number]:focus,\ninput[type=tel]:focus,\ninput[type=range]:focus,\ninput[type=date]:focus,\ninput[type=month]:focus,\ninput[type=week]:focus,\ninput[type=time]:focus,\ninput[type=datetime]:focus,\ninput[type=datetime-local]:focus,\ninput[type=color]:focus,\ninput[type=file]:focus,\ntextarea:focus {\n  border: 1px solid var(--highlight);\n}\n\n.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}\n.site-container select option {\n  font-weight: normal;\n}\n\ninput[type=radio],\ninput[type=checkbox] {\n  margin-right: 0.5em;\n}\n\n/*--------------------------------------------------------------\n# Input Placeholders\n--------------------------------------------------------------*/\n::placeholder {\n  color: var(--grey);\n  opacity: 0.7;\n  font-family: var(--font);\n}\n\n/*--------------------------------------------------------------\n# Search form\n--------------------------------------------------------------*/\n.search-form {\n  display: flex;\n  font-size: 2rem;\n}\n.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}\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.input-prepend,\n.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}\n\n.input-append {\n  border-radius: 0 3px 3px 0;\n  margin-left: -2px;\n  order: 1;\n  border: 1px solid var(--highlight);\n  border-left: 0;\n}\n\n.input-prepend {\n  border-radius: 3px 0 0 3px;\n  margin-right: -2px;\n  border: 1px solid var(--highlight);\n  order: -1;\n  border-right: 0;\n}\n\ninput:focus + .input-prepend {\n  border-color: var(--highlight);\n}\n\ninput:focus + .input-append {\n  border-color: var(--highlight);\n}\n\n/*--------------------------------------------------------------\n# Global styles that appear on every page fo your site\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\tThis file is for styling your comment sections\n*/\n#comments {\n  padding: var(--gap) 0;\n}\n\n.comments-holder {\n  max-width: var(--container-content);\n  margin: auto;\n}\n\n.comment-list {\n  margin: 0;\n  padding: 0;\n  list-style: none;\n}\n\n.comment-form-cookies-consent label {\n  display: inline;\n  font-weight: normal;\n}\n\n/*--------------------------------------------------------------\n# Default Card Pagination for all loops\n--------------------------------------------------------------*/\n.pagination {\n  text-align: center;\n  padding: var(--gap) 0;\n}\n.pagination .page-numbers {\n  background: var(--highlight);\n  color: white;\n  margin: 0 3px;\n  padding: 3px 8px;\n}\n.pagination .page-numbers * {\n  pointer-events: none;\n}\n.pagination .page-numbers:hover {\n  background: #2c3e50;\n}\n.pagination .page-numbers.current {\n  background: #2c3e50;\n}\n.pagination .page-numbers.dots {\n  background: transparent;\n  color: #2c3e50;\n  margin: 0;\n}\n\n.nav-links {\n  padding: var(--gutters) 0;\n}\n.nav-links > div {\n  flex-grow: 1;\n}\n.nav-links > a span .current {\n  color: white;\n}\n\n.nav-next {\n  text-align: right;\n}\n\n.admin-bar #page {\n  min-height: calc(100vh - 32px);\n}\n\n@media (max-width: 782px) {\n  .admin-bar #page {\n    min-height: calc(100vh - 46px);\n  }\n}\n#tinymce {\n  padding: 0 var(--gap);\n}\n\n/*--------------------------------------------------------------\n# Post Card design\n--------------------------------------------------------------*/\n.post.card-item {\n  border: 1px solid var(--highlight);\n  padding: var(--gutters);\n}\n\n/*------- ACF Menu block --------*/\n.site .acf-menu {\n  padding: 0;\n}\n\n.section-menu {\n  background: var(--dark-grey);\n}\n.section-menu li {\n  font-weight: normal;\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$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 *;\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# 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", ".panel-left-toggle:focus, .panel-right-toggle:focus{\n  border: 1px dashed white;\n}\n\n\n/*--------------------------------------------------------------\n# Panel Left Styling\n--------------------------------------------------------------*/\n#panel-left {\n  background: #4c545d;\n  color: white;\n  padding-top: 80px;\n}\n\n\n/*------- Panel left button (menu button). Set svg icon in theme.config --------*/\nbody .navigation-menu-icon {\n  border-color: white;\n  color: white;\n  display: block;\n\n  &:after, &:before {\n\tbackground: white;\n  }\n}\n\n\n\n\n/*--------------------------------------------------------------\n# Panel Right Styling\n--------------------------------------------------------------*/\n\n/*-------  #panel Right --------*/\n#panel-right {\n  background: rgb(30, 30, 34);\n  color: white;\n  padding-top: 60px;\n}\n\n/*------- Panel right button (sidebar button) --------*/\nbody .sidebar-icon {\n  border-color: white;\n\n  &:after {\n\tbackground: rgba(255, 255, 255, .85);\n  }\n}\n\n\n/*------- Tips --------*/\n//did you know that you can keep a panel open all the time on desktop, by adding class .stay-open to the panel element\n\n//Did you know the sidebar is set to go into the right panel when the window reaches a certain width.\n// You can change that by opening sidebar.php and changing the data-moveto or remove it completely\n\n", "/*--------------------------------------------------------------\n# Special Images\n--------------------------------------------------------------*/\n/*\n    - Use a background-image div for holding a foreground image behind an item or header\n    - use cover-image for an image in the foreground of a header.\n*/\n.background-image {\n  position: absolute;\n  top: 0;\n  left: 0;\n  height: 100%;\n  width: 100%;\n  display: block;\n\n  img {\n    object-fit: cover;\n    height: 100%;\n    width: 100%;\n    position: relative;\n  }\n\n  & ~ *{\n    z-index: 10;\n  }\n\n}\n\n\n.cover-image {\n  width: 100%;\n  display: block;\n  img {\n    object-fit: cover;\n    left: 0;\n    right: 0;\n    height: 100%;\n    width: 100%;\n  }\n}\n\n/*------- Add overlay to a div so image is shaded --------*/\n.overlay{\n\tbox-shadow: inset 0 0 0 2000px var(--overlay-color);\n\tcolor: white;\n}\n\n\n\n/*--------------------------------------------------------------\n# Article images\n--------------------------------------------------------------*/\narticle img, .wp-block-image img {\n  display: block;\n}\n\nfigure {\n  margin-bottom: 1em;\n  max-width: 100%;\n  font-size: 1.3rem;\n}\n\n.card-grid figure, .card-grid-full figure{\n  text-align: center;\n  margin: 0;\n}\n\n\n\n/*--------------------------------------------------------------\n# Image Alignments / WordPress Alignments\n--------------------------------------------------------------*/\nimg.alignright{\n  float: right;\n  margin-left: var(--gap);\n  margin-bottom: 1em;\n}\n\nimg.alignleft{\n  float: left;\n  margin-right: var(--gap);\n  margin-bottom: 1em;\n}\n\n.wp-block-image .alignright {\n\tmargin-top: .6em;\n\tfloat: right;\n\tmargin-left: var(--gap);\n}\n\n.wp-block-image .alignleft {\n\tmargin-top: .6em;\n\tfloat: left;\n\tmargin-right: var(--gap);\n}\n\n\n\n.aligncenter {\n  clear: both;\n  display: block;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n\n.container-content .alignfull{\n  max-width: none;\n}\n\n.alignfull img{\n\tobject-fit: cover;\n}\n\n/*--------------------------------------------------------------\n# Videos\n--------------------------------------------------------------*/\n.videowrapper {\n  float: none;\n  clear: both;\n  width: 100%;\n  position: relative;\n  padding-bottom: 56.25%;\n  padding-top: 0;\n  height: 0;\n}\n\n.videowrapper iframe, .videowrapper video, .videowrapper object {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n}\n\n\n", "/*--------------------------------------------------------------\n# Sidebar Sizes\n--------------------------------------------------------------*/\n\n//use .sidebar-template to surround your primary and secondary for quick sidebar layout\n\n\n#primary, .primary {\n  flex-grow: 1;\n}\n\n#secondary, .secondary {\n  flex-basis: 25%;\n  flex-grow: 0;\n  flex-shrink: 0;\n  padding-top: var(--gutters);\n}\n\n\n\n/*------- Inline Sidebar Background --------*/\n.sidebar-bg {\n  position: relative;\n}\n\n.sidebar-bg:after {\n  content: '';\n  position: absolute;\n  height: 100%;\n  width: 50vw;\n  top: 0;\n  left: 0;\n  background: #efefef;\n  z-index: -1;\n}\n\n\n/*------- Menu in sidebar --------*/\n.widget .menu li {\n  color: white;\n}\n\n\n#secondary .widget, #secondary .menu li {\n  color: var(--main-text-color);\n}\n\n#secondary {\n  .menu .current-menu-item > .menu-item-link, .menu .menu-item-link.focus {\n\tcolor: var(--highlight);\n  }\n}\n\n/*--------------------------------------------------------------\n# Widgets Layout\n--------------------------------------------------------------*/\n\n.sidebar-template.container #secondary{\n  .widget{\n\tpadding-right: 0;\n  }\n}\n\n.sidebar-template.sidebar-left.container #secondary{\n  .widget{\n    padding-left: 0;\n    padding-right: var(--gutters);\n  }\n}\n\n.sidebar-holder .widget {\n  padding: var(--gutters);\n}\n\n.widget {\n\n  color: white;\n\n  h2 {\n\tmargin-top: 0;\n  }\n\n  ul {\n\tlist-style: none;\n\tpadding: 0;\n\tmargin: 0;\n  }\n\n  .menu li a {\n\tflex-grow: 0;\n  }\n\n  .menu li .menu-item-link {\n\tpadding-left: 0;\n  }\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", ".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}", "@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(\"<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' aria-hidden='true' focusable='false' width='1em' height='1em' style='-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg);' preserveAspectRatio='xMidYMid meet' viewBox='0 0 32 32'><path d='M16 22L6 12l1.4-1.4l8.6 8.6l8.6-8.6L26 12z' fill='#{$dropdown-color}'/><rect x='0' y='0' width='32' height='32' fill='rgba(0, 0, 0, 0)' /></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# Global styles that appear on every page fo your site\n--------------------------------------------------------------*/\n@forward \"typography\";\n\n@forward \"panels\";\n\n@forward \"media\";\n\n@forward \"sidebar\";\n\n@forward \"menus\";\n\n@forward \"page\";\n\n@forward \"forms\";\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}", "/*\n\tThis file is for styling your comment sections\n*/\n#comments{\n  padding: var(--gap) 0;\n}\n.comments-holder{\n  max-width: var(--container-content);\n  margin: auto;\n}\n\n.comment-list {\n  margin: 0;\n  padding: 0;\n  list-style: none;\n}\n\n.comment-form-cookies-consent{\n  label{\n    display: inline;\n    font-weight: normal;\n  }\n}\n\n", "/*--------------------------------------------------------------\n# Default Card Pagination for all loops\n--------------------------------------------------------------*/\n\n.pagination {\n    text-align: center;\n    padding: var(--gap) 0;\n    .page-numbers {\n        background: var(--highlight);\n        color: white;\n        margin: 0 3px;\n        padding: 3px 8px;\n        * {\n            pointer-events: none;\n        }\n    }\n    .page-numbers:hover {\n        background: #2c3e50;\n    }\n    .page-numbers.current {\n        background: #2c3e50;\n    }\n    .page-numbers.dots {\n        background: transparent;\n        color: #2c3e50;\n        margin: 0;\n    }\n}\n\n.nav-links {\n    padding: var(--gutters) 0;\n    &>div {\n        flex-grow: 1;\n    }\n    &>a span .current {\n        color: white;\n    }\n}\n\n.nav-next {\n    text-align: right;\n}", "@forward \"default-blocks\";\n\n@forward \"comments\";\n\n@forward \"pagination\";\n\n//uncomment if using gravity forms with their css turned off\n//@import \"gforms\";\n\n.admin-bar #page{\n  min-height: calc(100vh - 32px);\n}\n\n@media(max-width: 782px){\n  .admin-bar #page{\n    min-height: calc(100vh - 46px);\n  }\n}\n\n#tinymce{\n  padding: 0 var(--gap);\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": "" }