{"version":3,"sources":["style.scss","abstracts/_animation.scss","style.css","abstracts/_variable.scss","components/_breadcrumbs.scss","components/_pagination.scss","components/_button.scss","components/_lightbox.scss","components/_notice.scss","_layout.scss","member/_archive.scss","member/_single.scss","tree/_single.scss","shortcodes/_member-list-anniversary.scss","shortcodes/_member-slider-anniversary.scss","_widgets.scss"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;EAeE;AAGF;;uCAEuC;ACnBvC;;uCAEuC;AACvC;EACE;IACE,YAAW;GCmBZ;EDhBD;IACE,YAAW;IACX,+FEckB;GDInB;EDfD;IACE,+FEUkB;IFTlB,8BAA6B;IAC7B,WAAU;GCiBX;CACF;;ADGD;EACE;IACE,YAAW;GCeZ;EDZD;IACE,YAAW;IACX,+FEpBkB;GDkCnB;EDXD;IACE,+FExBkB;IFyBlB,8BAAqB;YAArB,sBAAqB;IACrB,WAAU;GCaX;CACF;;ADAD;EACE;IACE,gCAA+B;GCYhC;EDTD;IACE,kCAAiC;GCWlC;CACF;;ADPD;EACE;IACE,gCAAsB;YAAtB,wBAAsB;GCUvB;EDPD;IACE,kCAAwB;YAAxB,0BAAwB;GCSzB;CACF;;ADyCD;EACI;IACI,wCAAuC;GCF5C;EDKC;IACI,uCAAsC;GCH3C;EDMC;IACI,wCAAuC;GCJ5C;EDOC;IACI,wCAAuC;GCL5C;EDQC;IACI,+BAA8B;GCNnC;EDSC;IACI,wCAAuC;GCP5C;EDUC;IACI,wCAAuC;GCR5C;EDWC;IACI,uCAAsC;GCT3C;EDYC;IACI,uCAAsC;GCV3C;EDaC;IACI,wCAAuC;GCX5C;EDcC;IACI,wCAAuC;GCZ5C;CACF;;ADeD;EACI;IACI,6CAA4C;GAC/C;EAED;IACI,4CAA2C;GAC9C;EAED;IACI,6CAA4C;GAC/C;EAED;IACI,6CAA4C;GAC/C;EAED;IACI,oCAAmC;GACtC;EAED;IACI,6CAA4C;GAC/C;EAED;IACI,6CAA4C;GAC/C;EAED;IACI,4CAA2C;GAC9C;EAED;IACI,4CAA2C;GAC9C;EAED;IACI,6CAA4C;GAC/C;EAED;IACI,6CAA4C;GAC/C;CCtBJ;;ADuED;EACI;IACI,wCAA+B;YAA/B,gCAA+B;GChCpC;EDmCC;IACI,uCAA8B;YAA9B,+BAA8B;GCjCnC;EDoCC;IACI,wCAA+B;YAA/B,gCAA+B;GClCpC;EDqCC;IACI,wCAA+B;YAA/B,gCAA+B;GCnCpC;EDsCC;IACI,+BAAsB;YAAtB,uBAAsB;GCpC3B;EDuCC;IACI,wCAA+B;YAA/B,gCAA+B;GCrCpC;EDwCC;IACI,wCAA+B;YAA/B,gCAA+B;GCtCpC;EDyCC;IACI,uCAA8B;YAA9B,+BAA8B;GCvCnC;ED0CC;IACI,uCAA8B;YAA9B,+BAA8B;GCxCnC;ED2CC;IACI,wCAA+B;YAA/B,gCAA+B;GCzCpC;ED4CC;IACI,wCAA+B;YAA/B,gCAA+B;GC1CpC;CACF;;AFvPD;;uCAEuC;AI1BvC;;EAEE,0BD6BsB;EC5BtB,gBAAe;EACf,oBAAmB;CAapB;;AAXC;EANF;;IAOI,oBAAmB;GAUtB;CF+QA;;AEhSD;;EAWI,gBAAe;CAKhB;;AAHC;EAbJ;;IAcI,gBAAe;GAEhB;CF4RF;;AEzRD;EACE,UAAS;EACT,WAAU;EACV,iBAAgB;EAChB,gBDvBgB;CCmDjB;;AAhCD;EAOI,sBAAqB;CACtB;;AARH;EAWI,eAAc;CAYf;;AAvBH;EAcI,sBAAqB;EACrB,YAAW;EACX,YAAW;EACX,0BDzBiB;EC0BjB,YAAW;EACX,mBAAkB;EAClB,UAAS;EACT,cAAa;CACd;;AAtBH;EA0BI,eDpC2B;CCqC5B;;AA3BH;EA8BI,sBAAqB;CACtB;;AClDH;EACE,YAAW;EACX,mBAAkB;CA8DnB;;AA5DC;EAJF;IAKI,iBAAgB;GA2DnB;CHyRA;;AGzVD;EAUI,sBAAqB;EACrB,YFakB;EEZlB,cAAa;EACb,YAAW;EACX,aAAY;EACZ,kBAAiB;EACjB,iBF6Ce;EE5Cf,iBFZiB;EEajB,gBFlBc;EEmBd,oBAAmB;CAcpB;;AAjCH;EAsBM,0BFbyB;EEczB,YFMgB;CELjB;;AAxBL;EA2BM,eAAc;CACf;;AA5BL;EA+BM,gBAAe;CAChB;;AAhCL;EAoCI,sBAAqB;CAYtB;;AAhDH;EAwCM,eF/ByB;CEgC1B;;AAzCL;EA6CM,YAAW;EACX,2BAA0B;CAC3B;;AA/CL;EAyDI,mBAAkB;CAMnB;;AA/DH;EA4DM,gBF5DY;EE6DZ,YFrCgB;CEsCjB;;AAKL;EAKM,YFjBkB;CEuBnB;;AAXL;EAQQ,0BFlEuB;EEmEvB,YF/Cc;CEgDf;;AAVP;EAgBQ,eF1EuB;CE2ExB;;ACrFP;EACE,sBAAqB;EACrB,aAAY;EACZ,uBHiBwB;EGhBxB,mBH+DmB;EG9DnB,gBAAe;EACf,kBAAiB;EACjB,iBHDmB;EGEnB,eHE6B;EGD7B,sBAAqB;EACrB,oBAAmB;CA6BpB;;AAvCD;EAaI,0BHH2B;EGI3B,0BHJ2B;EGK3B,YHekB;EGdlB,oBAAmB;CACpB;;AAED;EACE,aAAY;EACZ,kBAAiB;EACjB,gBAAe;EACf,gBAAyB;CAC1B;;AAED;EACE,aAAY;EACZ,kBAAiB;EACjB,gBAAe;EACf,gBAAyB;CAC1B;;AAED;EACE,aAAY;EACZ,kBAAiB;EACjB,gBAAe;EACf,gBAAyB;CAC1B;;AAGH;EACE,0BHhC6B;EGiC7B,sBAAqB;EACrB,aAAY;EACZ,0BHnC6B;EGoC7B,mBHqBmB;EGpBnB,gBAAe;EACf,kBAAiB;EACjB,iBH3CmB;EG4CnB,YHpBoB;EGqBpB,gBAAe;EACf,sBAAqB;EACrB,oBAAmB;CAuCpB;;AAnDD;EAeI,8BAA6B;EAC7B,0BH/C2B;EGgD3B,eHhD2B;EGiD3B,oBAAmB;CACpB;;AAnBH;EAuBM,iBAAgB;EAChB,wBAAuB;EACvB,iBH9DY;EG+DZ,8CAAqC;UAArC,sCAAqC;EACrC,sBAAqB;CACtB;;AAGH;EACE,aAAY;EACZ,kBAAiB;EACjB,gBAAe;EACf,gBAAyB;CAC1B;;AAED;EACE,aAAY;EACZ,kBAAiB;EACjB,gBAAe;EACf,gBAAyB;CAC1B;;AAED;EACE,aAAY;EACZ,kBAAiB;EACjB,gBAAe;EACf,gBAAyB;CAC1B;;AAIH;EACE,wCAA+B;UAA/B,gCAA+B;EAC/B,sBAAqB;CACtB;;AAcD;EACE;IACE,6BAAoB;YAApB,qBAAoB;GJoZrB;EIlZD;IACE,kCAAyB;YAAzB,0BAAyB;GJoZ1B;CACF;;AIxYD;EACE;IACE,6BAAoB;YAApB,qBAAoB;GJoZrB;EIlZD;IACE,kCAAyB;YAAzB,0BAAyB;GJoZ1B;CACF;;AK3hBD;EACE,gBAAe;EACf,OAAM;EACN,QAAO;EACP,YAAW;EACX,aAAY;EACZ,qCJkBoB;EIjBpB,kBAAiB;EACjB,mBAAkB;EAClB,WAAU;EACV,iCAAgC;CA+BjC;;AAzCD;EAaI,WAAU;EACV,oBAAmB;CACpB;;AAfH;EAkBI,mBAAkB;EAClB,UAAS;EACT,YAAW;EACX,YAAW;EACX,aAAY;EACZ,kBAAiB;EACjB,YJKkB;EIJlB,gBAAe;EACf,mBAAkB;EAClB,oBAAmB;CAapB;;AAxCH;EA8BM,gBAAe;EACf,eJtByB;EIuBzB,oBAAmB;CACpB;;AAjCL;EAoCM,iBAAgB;EAChB,wBAAuB;EACvB,gBAAe;CAChB;;AAIL;EACE,gBAAe;EACf,SAAQ;EACR,UAAS;EACT,YAAW;EACX,kBAAiB;EACjB,gBAAe;EACf,mCJ1BoB;EI2BpB,kBAAiB;EACjB,mBAAkB;EAClB,WAAU;EACV,yCAAgC;UAAhC,iCAAgC;EAChC,iCAAgC;CAcjC;;AA1BD;EAeI,WAAU;EACV,oBAAmB;CACpB;;AAjBH;EAoBI,mBAAkB;EAClB,YAAW;EACX,SAAQ;EACR,UAAS;EACT,yCAAgC;UAAhC,iCAAgC;CACjC;;AAIH;EACE,cAAa;EACb,UAAS;EACT,WAAU;EACV,YAAW;EACX,aAAY;EACZ,gBAAe;EACf,OAAM;EACN,SAAQ;EACR,QAAO;EACP,UAAS;EACT,qCJ3DoB;EI4DpB,oBAAmB;CAyFpB;;AArGD;EAeI,eAAc;EACd,eAAc;CACf;;AAjBH;EAoBI,YAAW;EACX,aAAY;EACZ,uBJjEkB;EIkElB,sBAAqB;EACrB,QAAO;EACP,SAAQ;EACR,aAAY;EACZ,mBAAkB;EAClB,SAAQ;EACR,sCAA6B;UAA7B,8BAA6B;EAC7B,yCJ9EkB;CIyFnB;;AAzCH;EAiCM,YAAW;EACX,aAAY;EACZ,mBAAkB;EAClB,SAAQ;EACR,UAAS;EACT,yCAA+B;UAA/B,iCAA+B;CAEhC;;AAxCL;EA6CI,WAAU;EACV,YAAW;EACX,0BJ9G2B;EI+G3B,mBAAkB;EAClB,mBAAkB;EAElB,4CAAmC;UAAnC,oCAAmC;CACpC;;AApDH;EAuDI,SAAQ;EACR,UAAS;CAEV;;AA1DH;EA6DI,OAAM;EACN,WAAU;EACV,6BAAoB;UAApB,qBAAoB;CACrB;;AAhEH;EAmEI,SAAQ;EACR,WAAU;EACV,6BAAoB;UAApB,qBAAoB;CACrB;;AAtEH;EAyEI,UAAS;EACT,WAAU;EACV,6BAAoB;UAApB,qBAAoB;CACrB;;AA5EH;EA+EI,UAAS;EACT,WAAU;EACV,6BAAoB;UAApB,qBAAoB;CACrB;;AAlFH;EAqFI,UAAS;EACT,WAAU;EACV,6BAAoB;UAApB,qBAAoB;CACrB;;AAxFH;EA2FI,UAAS;EACT,UAAS;EACT,6BAAoB;UAApB,qBAAoB;CACrB;;AA9FH;EAiGI,UAAS;EACT,QAAO;EACP,6BAAoB;UAApB,qBAAoB;CACrB;;AAIH;EACE;IACE,8BAAqB;YAArB,sBAAqB;GLwhBtB;EKphBD;IACE,4BAAmB;YAAnB,oBAAmB;GLshBpB;CACF;;AKnhBD;EACE;IACE,mCAAyB;YAAzB,2BAAyB;GLshB1B;EKnhBD;IACE,+BAAqB;YAArB,uBAAqB;GLqhBtB;CACF;;AMvtBD;EACE,eAAc;EACd,0BAAyB;EACzB,sBAAqB;EACrB,wBAAuB;EACvB,oBAAmB;EACnB,iBLuDiB;EKtDjB,eAAc;EACd,iBAAgB;EAChB,iBLNgB;EKOhB,gBLVgB;CKWjB;;ARsBD;;uCAEuC;ASnCvC;EACE,kBAAiB;EACjB,oBAAmB;EACnB,mBAAkB;EAClB,mBAAkB;EAClB,kBAAiB;CAwBlB;;AAtBC;EAPF;IAQI,iBAAgB;GAqBnB;CPwtBA;;AO1uBC;EAXF;IAYI,iBAAgB;GAiBnB;CP8tBA;;AO3vBD;EAgBI,YAAW;EACX,eAAc;CACf;;AAlBH;EAqBI,YAAW;EACX,YAAW;EACX,eAAc;CACf;;AAxBH;EA2BI,kBAAiB;CAClB;;AAGH;EAGE,mBAAkB;EAClB,oBAAmB;CAYpB;;AAhBD;EAOI,YAAW;EACX,eAAc;CACf;;AATH;EAYI,YAAW;EACX,YAAW;EACX,eAAc;CACf;;AAgBH;EACE,gBAAe;CAKhB;;AAHC;EAHF;IAII,gBAAe;GAElB;CPguBA;;AO9tBD;;;EAGE,uBAAsB;CA6BvB;;AAhCD;;;EAMI,WAAU;EACV,YAAW;EACX,mBAAkB;EAClB,oBAAmB;CAQpB;;AANC;EAXJ;;;IAYM,YAAW;IACX,YAAW;IACX,oBAAmB;IACnB,oBAAmB;GAEtB;CPuuBF;;AOxvBD;;;EAoBI,WAAU;EACV,aAAY;EACZ,oBAAmB;EACnB,mBAAkB;CAQnB;;AANC;EAzBJ;;;IA0BM,YAAW;IACX,YAAW;IACX,mBAAkB;IAClB,oBAAmB;GAEtB;CP6uBF;;AOzuBD;;;EAIE,gBAAe;EACf,uBAAsB;CAsCvB;;AA3CD;;;EAQI,WAAU;EACV,aAAY;EACZ,mBAAkB;CAOnB;;AALC;EAZJ;;;IAaM,YAAW;IACX,YAAW;IACX,mBAAkB;GAErB;CPivBF;;AOlwBD;;;EAoBI,WAAU;EACV,YAAW;EACX,oBAAmB;CAOpB;;AALC;EAxBJ;;;IAyBM,YAAW;IACX,YAAW;IACX,oBAAmB;GAEtB;CPuvBF;;AOpxBD;;;EAkCM,WAAU;EACV,sBAAqB;EACrB,uBAAqB;CAKtB;;AAHC;EAtCN;;;IAuCQ,YAAW;GAEd;CP2vBJ;;AOtvBD;;EAEE,qBAAoB;CAiBrB;;AAfC;EAJF;;IAKI,oBAAmB;GActB;CP+uBA;;AO1vBC;EARF;;IASI,oBAAmB;GAUtB;CPsvBA;;AO7vBC;EAZF;;IAaI,oBAAmB;GAMtB;CP6vBA;;AOhwBC;EAhBF;;IAiBI,oBAAmB;GAEtB;CPowBA;;AOjwBD;EACE,gBAAe;EACf,cAAa;CACd;;AAIE;EAOG,sBAAqB;EACrB,oBAAmB;CACpB;;AAGF;EAEG,YAAW;CACZ;;AAGF;EAEG,WAAU;CACX;;AAGF;EAEG,kBAAiB;CAKlB;;AAHC;EAJH;IAKK,+BAA8B;GAEjC;CPuvBJ;;AOpvBE;EAEG,WAAU;CACX;;AAGF;EAEG,WAAU;CACX;;AAGF;EAEG,kBAAiB;CAClB;;AAOG;EAFH;IAGK,YAAW;GAEd;CP6uBN;;AOxuBO;EAFH;IAGK,WAAU;GAEb;CP2uBN;;AOtuBO;EAFH;IAGK,kBAAiB;GAMpB;EAJG;IALL;MAMO,+BAA8B;KAGnC;GPyuBJ;CACF;;AOruBO;EAFH;IAGK,WAAU;GAEb;CPwuBN;;AOnuBO;EAFH;IAGK,WAAU;GAEb;CPsuBN;;AOjuBO;EAFH;IAGK,kBAAiB;GAEpB;CPouBN;;AO5tBO;EAFH;IAGK,YAAW;GAEd;CP+tBN;;AO1tBO;EAFH;IAGK,WAAU;GAEb;CP6tBN;;AOxtBO;EAFH;IAGK,kBAAiB;GAMpB;EAJG;IALL;MAMO,+BAA8B;KAGnC;GP2tBJ;CACF;;AOvtBO;EAFH;IAGK,WAAU;GAEb;CP0tBN;;AOrtBO;EAFH;IAGK,WAAU;GAEb;CPwtBN;;AOntBO;EAFH;IAGK,kBAAiB;GAMpB;EAJG;IALL;MAMO,+BAA8B;KAGnC;GPstBJ;CACF;;AOjtBD;EACE,cAAa;EACb,gBAAe;CAChB;;AAED;EAEI,YAAW;CACZ;;AAIH;EACE,cAAa;CA+Md;;AAhND;EAII,eAAc;CACf;;AALH;EASM,cAAa;CACd;;AAVL;;EAeI,aAAY;EACZ,WAAU;CA8BX;;AA9CH;;EAmBM,iBNrXW;EMsXX,WAAU;EACV,wBAAuB;EACvB,gBAAe;EACf,oBAAmB;EACnB,oBAAmB;CACpB;;AAzBL;;;EA6BM,cAAa;CACd;;AA9BL;;EAiCM,gBAAe;EACf,0BNjYyB;EMkYzB,oBAAmB;CAKpB;;AAxCL;EAkDM,iBAAgB;CACjB;;AAnDL;EAyDM,iBAAgB;CACjB;;AAGF;;EAGG,+BNhZgB;EMiZhB,YN5YgB;EM6YhB,iBN7Wa;EM8Wb,oBAAmB;CAOpB;;AAbF;;EASK,oBNrauB;EMsavB,gBAAe;EACf,YNnZc;CMoZf;;AAIJ;;EAGG,wBAAuB;EACvB,aAAY;EACZ,eN/ae;EMgbf,oBAAmB;CAOpB;;AAbF;;EASK,wBAAuB;EACvB,gBAAe;EACf,eNvbuB;CMwbxB;;AAIJ;;EAIK,WAAU;EACV,oBAAmB;EACnB,oBAAmB;CACpB;;AAPJ;;EAYG,+BNjYsB;EMkYtB,YNrbgB;EMsbhB,WAAU;EACV,mBAAkB;EAClB,oBAAmB;CAOpB;;AAvBF;;EAmBK,oBN/cuB;EMgdvB,gBAAe;EACf,oBAAmB;CACpB;;AAIJ;;EAGG,wBAAuB;EACvB,YN3cgB;EM4chB,mBAAkB;EAClB,0BN/cwB;CM6dzB;;AApBF;;EAUK,iBAAgB;CACjB;;AAXJ;;EAcK,oBNpeuB;EMqevB,0BNreuB;EMsevB,gBAAe;EACf,YNndc;CMqdf;;AAIJ;;EAGG,mBAAkB;EAClB,eAAc;EACd,YAAW;EACX,aAAY;EACZ,kBAAiB;EACjB,mBAAkB;EAClB,SAAQ;EAER,oCAA2B;UAA3B,4BAA2B;EAC3B,WAAU;EACV,oBAAmB;CACpB;;AAdF;EAiBG,QAAO;CACR;;AAlBF;EAqBG,SAAQ;CACT;;AAGF;;EAGG,mBAAkB;EAClB,WAAU;EACV,eAAc;EACd,YAAW;EACX,aAAY;EACZ,kBAAiB;EACjB,mBAAkB;CACnB;;AAVF;EAaG,SAAQ;CACT;;AAdF;EAiBG,YAAW;CACZ;;AAGF;;EAGG,mBAAkB;EAClB,cAAa;EACb,eAAc;EACd,YAAW;EACX,aAAY;EACZ,kBAAiB;EACjB,mBAAkB;CACnB;;AAVF;EAaG,WAAU;CACX;;AAdF;EAiBG,QAAO;CACR;;AAKL;EAGI,WAAU;CAwBX;;AA3BH;;EAQQ,iBNhkBU;EMikBV,WAAU;EACV,wBAAuB;EACvB,oBAAmB;EACnB,oBAAmB;CACpB;;AAbP;EAkBQ,iBAAgB;CACjB;;AAnBP;EAwBQ,iBAAgB;CACjB;;AAzBP;EA8BI,mBAAkB;EAClB,mBAAkB;EAClB,aAAY;EACZ,YAAW;EACX,WAAU;EACV,mBAAkB;CAgBnB;;AAnDH;EAsCM,oBAAmB;EACnB,sBAAqB;EACrB,aAAY;EACZ,cAAa;EACb,YAAW;EACX,mBAAkB;CAOnB;;AAlDL;EA8CQ,wBAAuB;EACvB,0BNjmBuB;EMkmBvB,8BAAqB;UAArB,sBAAqB;CACtB;;AAIJ;;EAGG,+BN3lBgB;EM4lBhB,YNvlBgB;EMwlBhB,iBNxjBa;EMyjBb,oBAAmB;CAOpB;;AAbF;;EASK,oBNhnBuB;EMinBvB,gBAAe;EACf,YN9lBc;CM+lBf;;AAIJ;EAGK,WAAU;EACV,oBAAmB;CACpB;;AALJ;EASG,WAAU;EACV,oBAAmB;CACpB;;AAXF;;EAeG,+BN/jBsB;EMgkBtB,YNnnBgB;EMonBhB,oBAAmB;CAOpB;;AAxBF;;EAoBK,oBN3oBuB;EM4oBvB,gBAAe;EACf,oBAAmB;CACpB;;AAIJ;EAEG,WAAU;EACV,oBAAmB;CACpB;;AAJF;;EAQG,mBAAkB;EAClB,eAAc;EACd,YAAW;EACX,aAAY;EACZ,kBAAiB;EACjB,mBAAkB;EAClB,SAAQ;EACR,oCAA2B;UAA3B,4BAA2B;CAC5B;;AAhBF;EAmBG,QAAO;CACR;;AApBF;EAuBG,SAAQ;CACT;;AAGF;EAEG,mBAAkB;EAClB,SAAQ;EACR,WAAU;EACV,cAAa;CACd;;AANF;;EAUG,eAAc;EACd,YAAW;EACX,aAAY;EACZ,kBAAiB;EACjB,mBAAkB;CACnB;;AAfF;EAkBG,iBAAgB;CACjB;;AAKL;;;;EAOQ,YN9pBgB;EM+pBhB,0BN5pBqB;CMmqBtB;;AAfP;;;;EAWU,oBNhtBqB;EMitBrB,0BNjtBqB;EMktBrB,YN9rBY;CM+rBb;;AAQT;EACE,cAAa;CACd;;AAED;EACE,cAAa;CACd;;AAGD;EACE;IACE,gCAA+B;IAC/B,wBAAuB;GP6pBxB;EO3pBD;IACE,kCAAiC;IACjC,0BAAyB;GP6pB1B;CACF;;AO3pBD;EACE;IACE,gCAA+B;IAC/B,wBAAuB;GP8pBxB;EO5pBD;IACE,kCAAiC;IACjC,0BAAyB;GP8pB1B;CACF;;AO3pBD;EAGI,eAAc;EACd,YAAW;CACZ;;AALH;EAQI,YAAW;CACZ;;AAIH;EACE,mBAAkB;EAClB,kBAAiB;CA8BlB;;AA5BC;EAJF;IAKI,kBAAiB;GA2BpB;CPkoBA;;AO1pBC;EARF;IASI,kBAAiB;GAuBpB;CPwoBA;;AOxqBD;EAaI,YAAW;EACX,2CNhwBkB;EMiwBlB,mBAAkB;EAClB,YAAW;EACX,aAAY;EACZ,OAAM;EACN,QAAO;EACP,WAAU;EACV,WAAU;EACV,mBAAkB;CACnB;;AAvBH;;EA4BM,WAAU;EACV,oBAAmB;CACpB;;AAIL;EACE,mBAAkB;EAClB,SAAQ;EACR,UAAS;EACT,yCAAgC;UAAhC,iCAAgC;EAChC,WAAU;EACV,WAAU;EACV,mBAAkB;CACnB;;AAED;EACE,kBAAiB;EACjB,eAAc;EACd,mBAAkB;EAClB,qBAAoB;EACpB,6CNvzB6B;EMwzB7B,+CNxzB6B;EMyzB7B,gDNzzB6B;EM0zB7B,+BN1zB6B;EM2zB7B,iCAAgC;EAEhC,yBAAwB;EACxB,8CAA6C;EAC7C,sCAAqC;EACrC,mBAAkB;EAClB,YAAW;EACX,aAAY;CAOb;;AAvBD;EAmBI,mBAAkB;EAClB,YAAW;EACX,aAAY;CACb;;AT3yBH;;uCAEuC;AUxCvC;EACE,oBAAmB;CAoBpB;;AAlBC;EAHF;IAII,oBAAmB;GAiBtB;CRq+CA;;AQn/CC;EAPF;IAQI,oBAAmB;GAatB;CR2+CA;;AQhgDD;EAYI,gBAAe;CAChB;;AAbH;EAiBM,oBAAmB;EACnB,gBAAe;CAChB;;AAIL;EAEI,cAAa;EACb,gBAAe;EACf,oBAAmB;CA2BpB;;AA/BH;EASU,yBAAwB;CACzB;;AAVT;EAcQ,wBAAuB;CACxB;;AAfP;EAmBU,aAAY;CACb;;AApBT;EAuBU,aAAY;CACb;;AAxBT;EA4BQ,mBAAkB;CACnB;;AA7BP;EAkCI,oBAAmB;CA4EpB;;AA9GH;EAsCM,cAAa;EACb,YAAW;EACX,mBAAkB;EAClB,oBAAmB;CAsCpB;;AApCC;EA3CN;IA4CQ,eAAc;GAmCjB;CR88CJ;;AQ7hDD;EAgDQ,gBAAe;EACf,eAAc;EACd,cAAa;CACd;;AAnDP;EAsDQ,gBP7EU;CO8EX;;AAvDP;EA0DQ,WAAU;CAKX;;AAHC;EA5DR;IA6DU,YAAW;GAEd;CRk/CN;;AQjjDD;EAkEQ,WAAU;EACV,mBAAkB;CAOnB;;AALC;EArER;IAsEU,YAAW;IACX,gBAAe;IACf,iBAAgB;GAEnB;CRo/CN;;AQ9jDD;EA6EQ,eAAc;CACf;;AA9EP;EAmFM,cAAa;EACb,YAAW;EACX,mBAAkB;CAwBnB;;AAtBC;EAvFN;IAwFQ,eAAc;GAqBjB;CRi+CJ;;AQ9kDD;EA4FQ,WAAU;CAKX;;AAHC;EA9FR;IA+FU,YAAW;GAEd;CRu/CN;;AQxlDD;EAoGQ,WAAU;EACV,mBAAkB;CAOnB;;AALC;EAvGR;IAwGU,YAAW;IACX,gBAAe;IACf,iBAAgB;GAEnB;CRy/CN;;AQrmDD;EAiHI,oBAAmB;CA0BpB;;AA3IH;EAqHM,YAAW;EACX,oBAAmB;CAepB;;AAXC;EA1HN;IA2HQ,oBAAmB;GAUtB;CR++CJ;;AQpnDD;EA+HQ,gBAAe;CAChB;;AAhIP;EAmIQ,eAAc;CACf;;AApIP;EAyIM,YAAW;CACZ;;AAKL;EACE,oBAAmB;CACpB;;AAED;EACE,oBAAmB;EACnB,mBAAkB;EAClB,mBAAkB;CAiCnB;;AApCD;EAMI,uBP7JsB;EO8JtB,YAAW;EACX,mBAAkB;EAClB,YAAW;EACX,YAAW;EACX,QAAO;EACP,SAAQ;EACR,oCAA2B;UAA3B,4BAA2B;CAC5B;;AAdH;EAiBI,mBAAkB;EAClB,WAAU;CAiBX;;AAnCH;EAqBM,uBPlKgB;COmKjB;;AAtBL;EAyBM,iBAAgB;EAChB,yBAAwB;EACxB,iBAAgB;CACjB;;AA5BL;EAgCQ,iBAAgB;CACjB;;AAKP;EACE,kBAAiB;EACjB,cAAa;CACd;;AAED;EACE,gBAAe;EACf,oBAAmB;EACnB,mBAAkB;CAuBnB;;AA1BD;EAMI,YPnMkB;EOoMlB,2BAA0B;EAC1B,oBAAmB;CAiBpB;;AAzBH;EAWM,2BAA0B;EAC1B,oBAAmB;CACpB;;AAbL;EAgBM,iBAAgB;EAChB,yBAAwB;EACxB,gBPvOY;EOwOZ,sBAAqB;EACrB,mBAAkB;EAClB,iBAAgB;EAChB,aAAY;EACZ,iCAAwB;UAAxB,yBAAwB;CACzB;;AAIL;EACE,cAAa;CACd;;AAED;EACE,gBAAe;CAChB;;AAED;EACE,QAAO;EACP,mBAAkB;CACnB;;AAED;EACE,gBAAyB;EACzB,cAAa;CACd;;AAED;EACE,kBAAiB;CAclB;;AAfD;EAII,2BAA0B;CAU3B;;AAdH;EAOM,2BAA0B;CAC3B;;AARL;EAWM,iBAAgB;EAChB,yBAAwB;CACzB;;AAIL;EACE,mBAAkB;CASnB;;AAVD;EAII,aAAY;CACb;;AALH;EAQI,aAAY;CACb;;AAIH;EACE,8BP/QwB;EOgRxB,cAAa;EACb,oBAAmB;EACnB,qBAAoB;EACpB,mBAAkB;CA+BnB;;AApCD;EAQI,YAAW;EACX,mBAAkB;EAClB,YAAW;EACX,YAAW;EACX,0BPpS2B;EOqS3B,QAAO;EACP,aAAY;CACb;;AAED;EAjBF;IAkBI,eAAc;GAkBjB;CRk+CA;;AQtgDD;EAsBI,UAAS;EACT,YPhSkB;EOiSlB,qBAAoB;EACpB,gBAAyB;EACzB,iBPvTc;COgUf;;AAPC;EA5BJ;IA6BM,gBAAyB;GAM5B;CRi/CF;;AQ9+CD;EACE,cAAa;EACb,oBAAmB;CAKpB;;AAHC;EAJF;IAKI,oBAAmB;GAEtB;CRk/CA;;AQh/CD;EACE,cAAa;EACb,kBAAiB;CAClB;;AAGC;EACE,gBAAe;EACf,UAAS;EACT,YPvUgB;COgVjB;;AAPC;EALF;IAMI,gBAAe;GAMlB;CR++CF;;AQl/CG;EATF;IAUI,gBAAe;GAElB;CRq/CF;;AQl/CD;EACE,iBPhWe;EOiWf,mBAAkB;CA8DnB;;AA5DC;EAJF;IAKI,gBAAe;GA2DlB;CR67CA;;AQ7/CD;EASI,uBPjVkB;EOkVlB,uBP5VsB;EO6VtB,sBAAqB;EACrB,iBPpTe;EOqTf,ePvWiB;EOwWjB,YAAW;EACX,aAAY;EACZ,kBAAiB;EACjB,mBAAkB;EAClB,iBAAgB;EAChB,sBAAqB;CA4CtB;;AA/DH;EAsBM,eAAc;CACf;;AAvBL;EA0BM,0BPtXyB;EOuXzB,0BPvXyB;CO4X1B;;AAhCL;EA8BQ,YPtWc;COuWf;;AA/BP;EAqCM,aAAY;CAOb;;AA5CL;EAwCQ,yBAAwB;EACxB,gBAAe;EACf,iBP5YU;CO6YX;;AA3CP;EAgDQ,iBAAgB;CACjB;;AAjDP;EAsDQ,iBAAgB;CACjB;;AAvDP;EA4DQ,iBAAgB;CACjB;;AAKP;EACE,mBAAkB;EAClB,eAAc;EACd,iBAAgB;EAChB,gBP3agB;CO0fjB;;AA7EC;EANF;IAOI,kBAAiB;GA4EpB;CRs6CA;;AQz/CD;EAWI,gBAAe;CAChB;;AAZH;EAeI,uBPnasB;EOoatB,YP/ZkB;EOgalB,aAAY;EACZ,kBAAiB;EACjB,gBAAe;EACf,mBAAkB;EAClB,iBP/Xe;EOgYf,0BP9ZoB;EO+ZpB,2BAA0B;EAC1B,0BAAiB;KAAjB,uBAAiB;MAAjB,sBAAiB;UAAjB,kBAAiB;CAoBlB;;AA5CH;EA2BM,0BPzbyB;CO8b1B;;AAhCL;EA8BQ,mDAA0C;UAA1C,2CAA0C;CAC3C;;AA/BP;EAmCM,iBAAgB;EAChB,ePhce;EOicf,yBAAwB;EACxB,gBAAyB;EACzB,mBAAkB;EAClB,WAAU;EACV,SAAQ;EACR,oCAA2B;UAA3B,4BAA2B;CAC5B;;AA3CL;EA+CI,mBAAkB;EAClB,uBP1bkB;EO2blB,YAAW;EACX,QAAO;EACP,sBAAqB;EACrB,WAAU;EACV,UAAS;EACT,iBAAgB;EAChB,uBP3csB;EO4ctB,WAAU;EACV,mBAAkB;EAClB,YAAW;EACX,iBPrae;EOsaf,iBAAgB;CAMjB;;AAlEH;EA+DM,WAAU;EACV,oBAAmB;CACpB;;AAjEL;EAsEM,0BPpeyB;COye1B;;AA3EL;EAyEQ,YPndc;COodf;;AA1EP;EA8EM,eAAc;EACd,kBAAiB;EACjB,sBAAqB;CACtB;;AAKL;EACE,mBAAkB;EAClB,uBAAsB;CA0cvB;;AA5cD;EAOQ,WAAU;EACV,oBAAmB;EACnB,oBAAmB;CACpB;;AAVP;EAaQ,WAAU;EACV,oBAAmB;EACnB,oBAAmB;CACpB;;AAhBP;EAoBM,WAAU;EACV,oBAAmB;EACnB,oBAAmB;CACpB;;AAGH;EACE,mBAAkB;EAClB,iBAAgB;EAChB,iBP7de;EO8df,cAAa;CA+Ed;;AAnFA;EAOG,YAAW;EACX,mBAAkB;EAClB,YAAW;EACX,aAAY;EACZ,QAAO;EACP,OAAM;EACN,qEAAqE;EACrE,WAAU;EACV,mBAAkB;EAClB,oBAAmB;CACpB;;AAjBF;EAoBG,qBAAoB;EACpB,sBAAqB;EACrB,qBAAoB;CACrB;;AAvBF;EA0BG,gBAAe;EACf,aAAY;CACb;;AA5BF;EA+BG,mBAAkB;EAClB,SAAQ;EACR,WAAU;EACV,qCPjiBgB;EOkiBhB,iBP7fa;EO8fb,uBAA2B;EAC3B,gBAAe;EACf,cAAa;EACb,oBAAmB;EACnB,eAAc;EACd,gBAAe;EACf,aAAY;EACZ,WAAU;EACV,aAAY;EACZ,WAAU;EACV,mBAAkB;EAClB,wBAAuB;CAkCxB;;AAhCC;EAjDH;IAkDK,WAAU;IACV,oBAAmB;GA8BtB;CRi9CJ;;AQliDE;EAuDK,gBAAyB;EACzB,gBAAe;CAChB;;AAzDJ;EA4DK,gBAAyB;EACzB,YAAW;EACX,oBAAmB;CAKpB;;AAnEJ;EAiEO,kBAAiB;CAClB;;AAlEN;EAsEK,0BPplBuB;COylBxB;;AA3EJ;EAyEO,YPnkBY;COokBb;;AA1EN;EA8EK,uBPxkBc;EOykBd,uBAAsB;CACvB;;AA1GP;EAgHI,mBAAkB;EAClB,SAAQ;EACR,UAAS;EACT,0BPvmB2B;EOwmB3B,YPplBkB;EOqlBlB,cAAa;CAed;;AApIH;;EAyHM,mBAAkB;CACnB;;AA1HL;EA6HM,eAAc;CACf;;AA9HL;EAiIM,uBPjmBgB;EOkmBhB,YPvmBgB;COwmBjB;;AAGH;EACE,YP5mBkB;EO6mBlB,gBProBc;EOsoBd,iBAAgB;EAChB,mBAAkB;EAClB,iBAAgB;CAmBjB;;AAxBA;EAQG,YPnnBgB;EOonBhB,iBAAgB;EAChB,iBPzoBY;EO0oBZ,oBAAmB;EACnB,qBAAoB;EACpB,sBAAqB;EAErB,iBAAgB;EAChB,qBAAoB;EACpB,sBAAqB;CAMtB;;AAvBF;EAoBK,eP9oBuB;EO+oBvB,oBAAmB;CACpB;;AAIL;EACE,oBAAmB;EACnB,iBAAgB;EAChB,cAAa;CAgBd;;AAnBA;EAMG,0BP1pByB;EO2pBzB,sBAAqB;EACrB,YPxoBgB;EOyoBhB,gBAAe;EACf,gBAAyB;EACzB,iBPpqBY;EOqqBZ,iBP5mBa;COinBd;;AAjBF;EAeK,YP/oBc;COgpBf;;AAKL;EACE,cAAa;EACb,gBAAe;EACf,mBAAkB;EAClB,gBAAyB;EACzB,eP5qBiB;COurBlB;;AAED;EACE,cAAa;EACb,gBAAe;CAChB;;AAEA;EAGK,aAAY;EACZ,eAAc;CACf;;AAIL;EACE,cAAa;CACd;;AAED;EACE,gBAAyB;CAoB1B;;AArBA;EAIG,2BAA0B;CAgB3B;;AApBF;EAOK,2BAA0B;CAC3B;;AARJ;EAWK,iBAAgB;EAChB,yBAAwB;EACxB,gBPnuBU;EOouBV,sBAAqB;EACrB,mBAAkB;EAClB,iBAAgB;EAChB,aAAY;EACZ,iCAAwB;UAAxB,yBAAwB;CACzB;;AAIL;EACE,mBAAkB;EAClB,SAAQ;EACR,UAAS;EACT,WAAU;CACX;;AAED;EACE,0BP5uB2B;EO6uB3B,YPztBkB;EO0tBlB,gBAAyB;EACzB,iBPpvBc;EOqvBd,eAAc;EACd,aAAY;EACZ,kBAAiB;EACjB,mBAAkB;EAClB,mBAAkB;EAClB,mBAAkB;EAClB,0BAAyB;CAK1B;;AAhBA;EAcG,iBAAgB;CACjB;;AAGH;EACE,cAAa;CACd;;AAEA;EAEG,cAAa;CACd;;AAGH;EAEE,cAAa;CAKd;;AAPA;EAKG,cAAa;CACd;;AAGH;EACE,gBP1xBc;EO2xBd,cAAa;CACd;;AA/RH;EAmSM,cAAa;CACd;;AApSL;EAwSI,cAAa;CACd;;AAzSH;EA0TQ,YAAW;EACX,UAAS;EACT,UAAS;EACT,QAAO;EACP,WAAU;EAEV,WAAU;EACV,oBAAmB;CAGpB;;AApUP;EAwUM,SAAQ;CACT;;AAzUL;EA4UM,mBAAkB;EAClB,QAAO;EACP,UAAS;EACT,YAAW;EACX,WAAU;EACV,gBAAe;EACf,WAAU;EACV,oBAAmB;EACnB,oBAAmB;CASpB;;AA7VL;EAgWM,gBP71BY;COk2Bb;;AArWL;EAmWQ,YPn0Bc;COo0Bf;;AApWP;EAwWM,YPx0BgB;EOy0BhB,oBAAmB;CAKpB;;AA9WL;EA4WQ,uBP50Bc;CO60Bf;;AA7WP;EAiXM,YPj1BgB;COk1BjB;;AAlXL;EAqXM,cAAa;CACd;;AAtXL;EA6XQ,YAAW;EACX,mBAAkB;EAClB,YAAW;EACX,YAAW;EACX,UAAS;EACT,QAAO;EACP,WAAU;EACV,qEAAqE;EACrE,WAAU;EACV,oBAAmB;EACnB,oBAAmB;CACpB;;AAxYP;EA4YM,mBAAkB;CACnB;;AA7YL;EAgZM,mBAAkB;EAClB,0BAAyB;EACzB,YAAW;EACX,YPn3BgB;EOo3BhB,uBAAsB;EACtB,WAAU;CAKX;;AA1ZL;EAwZQ,uBPx3Bc;COy3Bf;;AAzZP;EA6ZM,YP73BgB;CO83BjB;;AA9ZL;EAoaM,mBAAkB;CACnB;;AAraL;EAwaM,wBAAuB;CACxB;;AAzaL;EA+aM,qBAAoB;EACpB,sBAAqB;EAErB,iBAAgB;CACjB;;AAnbL;EA0bQ,gBAAe;CAShB;;AAPC;EA5bR;IA6bU,gBAAe;GAMlB;CR46CN;;AQ/6CO;EAhcR;IAicU,gBAAe;GAElB;CRk7CN;;AQ96CK;EAvcN;IAwcQ,gBAAyB;GAE5B;CRi7CJ;;AQ56CD;EACE,iBPh5BiB;EOi5BjB,mBAAkB;EAClB,iBAAgB;CAqCjB;;AAxCD;EAMI,cAAa;CACd;;AAPH;EAWM,mBAAkB;EAClB,SAAQ;EACR,UAAS;EACT,YAAW;EACX,aAAY;EACZ,gBAAe;EACf,yCAAgC;UAAhC,iCAAgC;CACjC;;AAlBL;EAuBI,iBAAgB;CACjB;;AAxBH;EA4BI,uBAAsB;CACvB;;AA7BH;EAiCI,uBAAsB;CACvB;;AAlCH;EAsCI,sBAAqB;CACtB;;ACn/BH;EACE,cAAa;CACd;;AAED;EACE,iBAAgB;CACjB;;AAED;EACE,gBAAe;CAChB;;AAED;EACE,QAAO;EACP,mBAAkB;CACnB;;AAED;EACE,gBAAyB;EACzB,cAAa;EACb,oBAAmB;EACnB,qBAAoB;CACrB;;AAED;EACE,gBRzBgB;CQ0BjB;;AAED;EACE,cAAa;EACb,mBAAkB;CAcnB;;AAhBD;EAKI,iBAAgB;CACjB;;AANH;EASI,iBRhCiB;CQiClB;;AAVH;EAaI,mBAAkB;EAClB,kBAAiB;CAClB;;AAGH;EACE,gBAAe;EACf,oBAAmB;CAuBpB;;AAzBD;EAKI,YR3BkB;EQ4BlB,2BAA0B;EAC1B,oBAAmB;CAiBpB;;AAxBH;EAUM,2BAA0B;EAC1B,oBAAmB;CACpB;;AAZL;EAeM,iBAAgB;EAChB,yBAAwB;EACxB,gBR/DY;EQgEZ,sBAAqB;EACrB,mBAAkB;EAClB,iBAAgB;EAChB,aAAY;EACZ,iCAAwB;UAAxB,yBAAwB;CACzB;;AAIL;EACE,cAAa;EACb,gBAAe;CAehB;;AAjBD;EAKI,kBAAiB;EACjB,cAAa;EACb,oBAAmB;CASpB;;AAhBH;EAUM,yBAAwB;EACxB,gBAAyB;EACzB,iBRlFY;EQmFZ,iBAAgB;EAChB,kBAAiB;CAClB;;AAIL;EACE,cAAa;EACb,oBAAmB;CAepB;;AAjBD;EAKI,yBAAwB;EACxB,gBAAyB;EACzB,iBRhGc;EQiGd,iBAAgB;EAChB,kBAAiB;CAClB;;AAVH;EAcM,iBAAgB;CACjB;;AAIL;EAEI,eRxG2B;CQyG5B;;AAEH;EACE,iBAAgB;EAChB,cAAa;CACd;;AAED;EACE,gBAAe;CAChB;;AAED;EACE,iBAAgB;CACjB;;AAED;EACE,iBAAgB;EAChB,iBAAgB;CAKjB;;AAPD;EAKI,iBAAgB;CACjB;;AAGH;EACE,YRnHoB;EQoHpB,2BAA0B;CAmB3B;;AArBD;EAOI,2BAA0B;CAC3B;;AARH;EAWI,iBAAgB;EAChB,yBAAwB;EACxB,iBAAgB;CACjB;;AAdH;EAkBM,iBAAgB;CACjB;;AAIL;EACE,iBAAgB;EAChB,oBAAmB;EACnB,qBAAoB;EACpB,gBAAyB;CAC1B;;AAED;EACE,gBRzKgB;CQ0KjB;;AAED;EACE,UAAS;EACT,WAAU;EACV,iBAAgB;EAChB,qCRxJoB;CQyJrB;;AAED;EACE,cAAa;EACb,UAAS;EACT,kBAAiB;CAgClB;;AAnCD;EAMI,gBAAe;EACf,iBRrLiB;CQsLlB;;AARH;EAWI,wBRjKkB;CQkKnB;;AAZH;EAeI,0BRnKoB;CQoKrB;;AAhBH;EAoBM,iBAAgB;EAChB,yBAAwB;EACxB,WAAU;EACV,iBAAgB;CACjB;;AAxBL;EA6BM,iBAAgB;EAChB,yBAAwB;EACxB,YAAW;EACX,iBAAgB;CACjB;;AAIL;EAEI,2BAA0B;CAO3B;;AATH;EAOM,2BAA0B;CAC3B;;AAIL;EACE,UAAS;EACT,WAAU;EACV,iBAAgB;EAChB,qCRhNoB;CQiNrB;;AAED;EACE,UAAS;EACT,WAAU;EACV,iBAAgB;CACjB;;AAED;EACE,UAAS;EACT,sBAAqB;CACtB;;AAED;EACE,UAAS;EACT,WAAU;EACV,iBAAgB;CACjB;;AAED;EACE,UAAS;CACV;;AAED;EAEI,qCR1OkB;CQ2OnB;;AAHH;EAMI,cAAa;EACb,kBAAiB;CASlB;;AAhBH;EAUM,wBR7OgB;CQ8OjB;;AAXL;EAcM,0BR/OkB;CQgPnB;;AAfL;EAmBI,gBAAe;EACf,iBRhRc;CQiRf;;AArBH;EAwBI,WAAU;EACV,UAAS;EACT,iBAAgB;CA4BjB;;AAtDH;EA6BM,UAAS;EACT,sBAAqB;CACtB;;AA/BL;EAkCM,2BAA0B;CAC3B;;AAnCL;EAuCQ,iBAAgB;EAChB,yBAAwB;EACxB,WAAU;EACV,iBAAgB;CACjB;;AA3CP;EAgDQ,iBAAgB;EAChB,yBAAwB;EACxB,YAAW;EACX,iBAAgB;CACjB;;AAKP;EACE,UAAS;EACT,WAAU;EACV,iBAAgB;EAChB,qCRrSoB;CQsSrB;;AAED;EACE,cAAa;EACb,UAAS;EACT,kBAAiB;CASlB;;AAZD;EAMI,wBRzSkB;CQ0SnB;;AAPH;EAUI,0BR3SoB;CQ4SrB;;AAGH;EACE,UAAS;EACT,WAAU;EACV,iBAAgB;EAChB,qCR1ToB;CQ2TrB;;AAED;EACE,cAAa;EACb,UAAS;EACT,kBAAiB;CASlB;;AAZD;EAMI,wBR9TkB;CQ+TnB;;AAPH;EAUI,0BRhUoB;CQiUrB;;AAGH;EACE,UAAS;EACT,WAAU;EACV,iBAAgB;EAChB,qCR/UoB;CQgVrB;;AAED;EACE,UAAS;EACT,WAAU;EACV,iBAAgB;EAChB,qCRtVoB;CQiWrB;;AAfD;EAOI,2BAA0B;CAO3B;;AAdH;EAYM,2BAA0B;CAC3B;;AAIL;EACE,UAAS;EACT,kBAAiB;CASlB;;AAXD;EAKI,wBRnWkB;CQoWnB;;AANH;EASI,0BRrWoB;CQsWrB;;AAGH;EACE,aAAY;EACZ,WAAU;EACV,iBAAgB;EAChB,cAAa;EACb,gBAAe;CAChB;;AAED;EACE,UAAS;EACT,WAAU;EACV,aAAY;CASb;;AAZD;EAMI,cAAa;CACd;;AAPH;EAUI,YAAW;CACZ;;AAGH;EACE,aAAY;EACZ,WAAU;EACV,iBAAgB;EAChB,cAAa;EACb,gBAAe;CAChB;;AAED;EACE,UAAS;EACT,WAAU;EACV,aAAY;CACb;;AAGD;EACE,cAAa;EACb,qBAAoB;EACpB,iBAAgB;EAChB,2BR9ZwB;EQ+ZxB,8BR/ZwB;CQihBzB;;AAhHC;EAPF;IAQI,eAAc;GA+GjB;CT2xEA;;ASl5ED;EAYI,mBAAkB;EAClB,OAAM;EACN,QAAO;EACP,YAAW;EACX,aAAY;EACZ,WAAU;CACX;;AAlBH;EAqBI,cAAa;EACb,wBAAuB;CACxB;;AAvBH;EA0BI,mBAAkB;CAMnB;;AAhCH;EA6BM,iBAAgB;EAChB,iBR7YkB;CQ8YnB;;AA/BL;EAmCI,eRpckB;EQqclB,gBAAyB;EACzB,oBAAmB;EACnB,eAAc;EACd,iBRhdc;EQidd,0BAAyB;CAC1B;;AAzCH;EA4CI,cAAa;EACb,gBR1dc;EQ2dd,iBRtdiB;EQudjB,qBAAoB;CACrB;;AAhDH;EAmDI,cAAa;EACb,gBAAe;EACf,gBAAyB;CA0B1B;;AA/EH;EAwDM,mBAAkB;EAClB,mBAAkB;CAqBnB;;AA9EL;EA4DQ,YAAW;EACX,WAAU;EACV,YAAW;EACX,0BRjea;EQkeb,mBAAkB;EAClB,YAAW;EACX,mBAAkB;EAClB,SAAQ;EACR,oCAA2B;UAA3B,4BAA2B;CAC5B;;AArEP;EAwEQ,gBAAe;CAKhB;;AA7EP;EA2EU,cAAa;CACd;;AA5ET;EAkFI,WAAU;EACV,mBAAkB;CAYnB;;AAVC;EArFJ;IAsFM,YAAW;IACX,qBAAoB;IACpB,oBAAmB;IACnB,8BRnfoB;GQyfvB;CTu4EF;;ASt+ED;EA6FM,mBAAkB;CACnB;;AA9FL;EAkGI,WAAU;EACV,kBAAiB;EACjB,kBAAiB;EACjB,mBAAkB;CAiBnB;;AAfC;EAvGJ;IAwGM,YAAW;GAcd;CTi4EF;;ASv/ED;EA4GM,0BAAyB;CAC1B;;AA7GL;EAgHM,0BAAyB;CAC1B;;AAjHL;EAoHM,oBAAmB;CACpB;;AAIL;EACE,iBAAgB;CA+BjB;;AA5BG;EAJJ;IAKM,8BAA6B;GAEhC;CT64EF;;ASp5ED;EAUI,gBAAe;CAShB;;AAPC;EAZJ;IAaM,gBAAe;GAMlB;CT24EF;;AS94EG;EAhBJ;IAiBM,eAAc;GAEjB;CTi5EF;;ASp6ED;EAsBI,gBAAe;CAShB;;AAPC;EAxBJ;IAyBM,gBAAe;GAMlB;CT+4EF;;ASl5EG;EA5BJ;IA6BM,eAAc;GAEjB;CTq5EF;;ASl5ED;EACE,kBAAiB;EACjB,mBAAkB;EAClB,iBAAgB;CAqHjB;;AAxHD;EAMI,qBAAoB;EACpB,oBAAmB;EACnB,gBAAe;EACf,mBAAkB;EAClB,iBR9kBc;CQ0mBf;;AA1BC;EAZJ;IAaM,gBAAe;GAyBlB;CTg4EF;;ASt5EG;EAhBJ;IAiBM,gBAAe;GAqBlB;CTs4EF;;AS56ED;EAqBM,YAAW;EACX,mBAAkB;EAClB,UAAS;EACT,YAAW;EACX,YAAW;EACX,uBR/kBoB;CQglBrB;;AA3BL;EA8BM,YAAW;EACX,mBAAkB;EAClB,YAAW;EACX,YAAW;EACX,UAAS;EACT,QAAO;EACP,0BRnmByB;CQomB1B;;AArCL;EAyCI,gBAAe;CAChB;;AA1CH;EA+CM,cAAa;CACd;;AAhDL;EAqDI,cAAa;CAad;;AAlEH;EAwDM,eAAc;CACf;;AAzDL;EAwEM,aAAY;EACZ,mBAAkB;EAClB,gBAAe;EACf,eAAc;EACd,aAAY;EACZ,eAAc;EACd,cAAa;EACb,WAAU;EACV,mBAAkB;EAClB,0BRhpByB;EQipBzB,WAAU;EACV,SAAQ;EACR,WAAU;EACV,YAAW;EACX,aAAY;EACZ,iBRjmBkB;EQkmBlB,qBAAoB;CAcrB;;AAtGL;EA2FQ,YRplBoB;EQqlBpB,2BAA0B;EAC1B,gBAAe;EACf,eAAc;EACd,WAAU;EACV,qBAAoB;CACrB;;AAjGP;EAyGM,YAAW;CAKZ;;AA9GL;EA4GQ,iBAAgB;CACjB;;AA7GP;EAiHM,YAAW;CAKZ;;AAtHL;EAoHQ,iBAAgB;CACjB;;AXhpBP;;uCAEuC;AYhDvC;EACC,cAAa;CACb;;AAED;EACC,gBAAe;CACf;;AAED;EACC,QAAO;EACP,mBAAkB;CAClB;;AAED;EACC,gBAAyB;EACzB,cAAa;CACb;;AAED;EACC,kBAAiB;CAcjB;;AAfD;EAIE,2BAA0B;CAU1B;;AAdF;EAOG,2BAA0B;CAC1B;;AARH;EAWG,iBAAgB;EAChB,yBAAwB;CACxB;;AAIH;EACC,iBAAgB;EAChB,oBAAmB;CACnB;;AAED;EACC,mBAAkB;EAClB,mBAAkB;CAiClB;;AAnCD;EAKE,uBTzBwB;ES0BxB,YAAW;EACX,mBAAkB;EAClB,YAAW;EACX,YAAW;EACX,QAAO;EACP,SAAQ;EACR,oCAA2B;UAA3B,4BAA2B;CAC3B;;AAbF;EAgBE,mBAAkB;EAClB,WAAU;CAiBV;;AAlCF;EAoBG,uBT9BmB;CS+BnB;;AArBH;EAwBG,iBAAgB;EAChB,yBAAwB;EACxB,iBAAgB;CAChB;;AA3BH;EA+BI,iBAAgB;CAChB;;AAKJ;EACC,cAAa;CACb;;AAED;EACC,mBAAkB;CASlB;;AAVD;EAII,aAAY;CACb;;AALH;EAQI,aAAY;CACb;;AAGH;EAGG,iBAAgB;EAChB,yBAAwB;EACxB,kBAAiB;CACjB;;AANH;EAWG,iBAAgB;EAChB,yBAAwB;EACxB,kBAAiB;CACjB;;AAdH;;EAmBE,qBAAoB;EACpB,oBAAmB;EACnB,uBTpFoB;ESqFpB,iBTrDiB;ESsDjB,kBAAiB;CACjB;;AAMF;EACE,qBAAoB;EACpB,mBAAkB;CAmXnB;;AArXD;EAKI,0BAAyB;EACzB,iBAAgB;EAChB,0BAAiB;KAAjB,uBAAiB;MAAjB,sBAAiB;UAAjB,kBAAiB;EACjB,mBAAkB;EAClB,kBAAiB;CAClB;;AAVH;EAaI,eAAc;CAMf;;AAnBH;EAsBI,mBAAkB;EAClB,OAAM;EACN,SAAQ;EACR,cAAa;CACd;;AA1BH;EA6BI,2BAAkB;EAAlB,wBAAkB;EAAlB,mBAAkB;EAClB,mBAAkB;EAClB,eAAc;EACd,uBAAsB;EAEtB,cAAa;EACb,qBAAoB;EACpB,0BAAiB;KAAjB,uBAAiB;MAAjB,sBAAiB;UAAjB,kBAAiB;EACjB,mBAAkB;EAElB,4BAA2B;EAmE3B,kDAAkD;CAWnD;;AArHH;EA0CM,UAAS;EACT,kBAAiB;EACjB,gBAAe;EACf,mBAAkB;EAClB,oBAAmB;CACpB;;AA/CL;EAkDM,YAAW;EACX,mBAAkB;EAClB,sBAAqB;EACrB,mBAAkB;EAClB,wBAAuB;EACvB,UAAS;EACT,qBAAoB;EAEpB,6DAA6D;EAkB7D,gFAAgF;EAMhF,kDAAkD;EAKlD,gFAAgF;EAMhF,0DAA0D;CAW3D;;AAxGL;EA6DQ,YAAW;EACX,mBAAkB;EAClB,OAAM;EACN,WAAU;EACV,2BAA0B;EAC1B,WAAU;EACV,aAAY;CACb;;AApEP;EAuEQ,YAAW;EACX,UAAS;EACT,4BAA2B;CAC5B;;AA1EP;EA+EQ,cAAa;CACd;;AAhFP;EAoFQ,eAAc;CACf;;AArFP;EA0FQ,eAAc;CACf;;AA3FP;EA+FQ,6BAA4B;EAC5B,yBAAwB;CACzB;;AAjGP;EAoGQ,yBAAwB;CACzB;;AArGP;EA4GM,YAAW;EACX,mBAAkB;EAClB,OAAM;EACN,UAAS;EACT,4BAA2B;EAC3B,SAAQ;EACR,aAAY;EACZ,oCAA2B;UAA3B,4BAA2B;CAC5B;;AApHL;EAwHI,aAAY;EACZ,eAAc;EACd,uBAAsB;EACtB,mBAAkB;EAClB,WAAU;CASX;;AArIH;EA+HM,0BAAyB;CAC1B;;AAhIL;EAmIM,0BAAyB;CAC1B;;AApIL;EAwII,cAAa;CACd;;AAzIH;EA4II,gBAAyB;EACzB,kBAAiB;CAClB;;AA9IH;EAiJI,cAAa;EACb,wBAAuB;CASxB;;AA3JH;EAqJM,aAAY;CACb;;AAtJL;EAyJM,aAAY;CACb;;AA1JL;EA+JM,aAAY;EACZ,eAAc;CACf;;AAjKL;EAqKI,gBT/Rc;ESgSd,cAAa;EACb,mBAAkB;EAClB,qBAAoB;CAYrB;;AApLH;EA2KM,YTnRc;ESoRd,sBAAqB;EACrB,oBAAmB;CAMpB;;AAnLL;EAgLQ,eTjSuB;ESkSvB,oBAAmB;CACpB;;AAlLP;EAwLI,2BAA0B;CAe3B;;AAvMH;EA4LQ,iBAAgB;EAChB,yBAAwB;CACzB;;AA9LP;EAmMQ,iBAAgB;EAChB,yBAAwB;CACzB;;AArMP;EAiNI,oBAAmB;EACnB,mBAAkB;CAgCnB;;AAlPH;EAqNM,iBAAgB;EAChB,yBAAwB;EACxB,uBAAsB;EACtB,mBAAkB;EAClB,YAAW;EACX,aAAY;EACZ,uBAAsB;EACtB,aAAY;EACZ,WAAU;CACX;;AA9NL;EAiOM,YAAW;EACX,mBAAkB;EAClB,iBAAgB;EAChB,aAAY;EACZ,WAAU;EACV,WAAU;EACV,UAAS;EACT,oCAA2B;UAA3B,4BAA2B;EAC3B,WAAU;CACX;;AA1OL;EA8OQ,iBAAgB;EAChB,eThWuB;CSiWxB;;AAhPP;EAsPM,kBAAiB;CAClB;;AAvPL;EA2PQ,oBAAmB;CAMpB;;AAjQP;EA8PU,aAAY;EACZ,UAAS;CACV;;AZtUT;;uCAEuC;AapDpC;EAGK,eAAc;CAKf;;AARJ;EAMO,cAAa;CACd;;AAKN;EAGK,eAAc;CAKf;;AARJ;EAMO,cAAa;CACd;;AAKN;EAEG,4BAA2B;CAsB5B;;AApBC;EAJH;IAKK,4BAA2B;GAmB9B;CXw4GJ;;AWx5GK;EARH;IASK,0BAAyB;GAe5B;CX84GJ;;AWt6GE;EAaK,gBAAe;EACf,oBAAmB;CASpB;;AAPC;EAhBL;IAiBO,gBAAe;GAMlB;CX05GN;;AW75GO;EApBL;IAqBO,eAAc;GAEjB;CXg6GN;;AY/8GE;EAGK,eAAc;CAKf;;AARJ;EAMO,cAAa;CACd;;AAKN;EAGK,eAAc;CAKf;;AARJ;EAMO,cAAa;CACd;;AAML;EADF;IAEI,8BAA6B;GAsDhC;CZq5GF;;AY78GE;EAOK,WAAU;CASX;;AAPC;EATL;IAUO,WAAU;GAMb;CZu8GN;;AY18GO;EAbL;IAcO,UAAS;GAEZ;CZ68GN;;AY79GE;EAmBK,YAAW;CASZ;;AAPC;EArBL;IAsBO,YAAW;GAMd;CZ28GN;;AY98GO;EAzBL;IA0BO,WAAU;GAEb;CZi9GN;;AY7+GE;EAgCG,gBAAe;CAShB;;AAPC;EAlCH;IAmCK,gBAAe;GAMlB;CZ88GJ;;AYj9GK;EAtCH;IAuCK,eAAc;GAEjB;CZo9GJ;;AY7/GE;EA4CG,gBAAe;CAShB;;AAPC;EA9CH;IA+CK,gBAAe;GAMlB;CZk9GJ;;AYr9GK;EAlDH;IAmDK,eAAc;GAEjB;CZw9GJ;;AF5+GD;;uCAEuC;Ae7DvC;EACE,oBAAmB;CACpB;;AAGD;EACE,gBAAyB;EACzB,iBAAgB;EAChB,gBAAe;EACf,oBAAmB;EACnB,qBAAoB;EACpB,iBZPgB;EYQhB,8BZOwB;EYNxB,mBAAkB;CAmBnB;;AAjBC;EAVF;IAWI,gBAAyB;GAgB5B;Cb+hHA;;Aa5iHC;EAdF;IAeI,gBZpBc;GYgCjB;CbqiHA;;AahkHD;EAmBI,YAAW;EACX,mBAAkB;EAClB,YAAW;EACX,YAAW;EACX,0BZnB2B;EYoB3B,QAAO;EACP,aAAY;CACb;;AAGH;;;EAII,mBAAkB;EAClB,8BAA6B;EAC7B,uBZrBsB;EYsBtB,iBZoBe;CY0ChB;;AArEH;;;EAUM,eAAc;EACd,iBAAgB;CA6BjB;;AAxCL;;;EAcQ,yBAAwB;EAExB,8BAA6B;EAC7B,aAAY;EACZ,cAAa;EACb,mBAAkB;EAClB,mBAAkB;EAClB,iBZpDU;EYqDV,gBZxDU;EYyDV,2BZIW;EYHX,0BZGW;EYFX,kBAAiB;CAclB;;AAvCP;;;EA4BU,eZlDY;EYmDZ,WAAU;CACX;;AA9BT;;;EAiCU,eZvDY;CYwDb;;AAlCT;;;EAqCU,eZ3DY;CY4Db;;AAtCT;;;EA2CM,YZrDgB;EYsDhB,gBAAe;EACf,YAAW;EACX,WAAU;EACV,mBAAkB;EAClB,aAAY;EACZ,SAAQ;EACR,OAAM;EACN,UAAS;EACT,iBAAgB;EAChB,aAAY;EACZ,iBAAgB;EAChB,cAAa;CAad;;AApEL;;;EA2DU,eZpFqB;CYqFtB;;AA5DT;;;EAgEQ,iBAAgB;EAChB,yBAAwB;EACxB,gBAAyB;CAC1B;;AAKP;EAMI,iBAAgB;EAChB,sBAAqB;EACrB,WAAU;EACV,UAAS;CAiKV;;AA1KH;EA4GM,cAAa;EACb,gBAAe;EACf,oBAAmB;EACnB,+BAA8B;EAC9B,8BZvMoB;CYqPrB;;AA9JL;EAmHQ,kBAAiB;CAClB;;AApHP;EAwHU,eZzNqB;CY0NtB;;AAzHT;EA8HU,eZ/NqB;CYgOtB;;AA/HT;EAkIU,0BZnOqB;EYoOrB,0BZpOqB;EYqOrB,YZjNY;EYkNZ,oBAAmB;CACpB;;AAtIT;EA0IQ,cAAa;CACd;;AA3IP;EA8IQ,eAAc;EACd,iBZrPU;EYsPV,gBAAe;EACf,oBAAmB;CACpB;;AAlJP;EAqJQ,uBZ5OkB;EY6OlB,YZxOc;EYyOd,eAAc;EACd,gBAAe;EACf,oBAAmB;EACnB,gBAAe;EACf,mBAAkB;EAClB,oBAAmB;CACpB;;AA7JP;EAiKM,eAAc;EACd,mBAAkB;EAClB,iBAAgB;CAMjB;;AAzKL;EAsKQ,2BZ7PkB;EY8PlB,oBAAmB;CACpB;;AAKP;EAGM,0BAAyB;EACzB,iBZ9Na;EY+Nb,eZjRe;EYkRf,sBAAqB;EACrB,oBAAmB;EACnB,kBAAiB;EACjB,2BAA6B;EAC7B,2BAA0B;EAC1B,sBAAqB;EACrB,oBAAmB;CAOpB;;AAnBL;EAeQ,0BZ7RuB;EY8RvB,YZxNoB;EYyNpB,oBAAmB;CACpB;;AAKP;;EAGI,WAAU;EACV,UAAS;EACT,iBAAgB;CACjB;;AANH;;EASI,cAAa;EACb,mBAAkB;EAClB,oBAAmB;EACnB,gBAAe;EACf,iBAAgB;CAiDjB;;AA9DH;;EAgBM,iBAAgB;EAChB,kBAAiB;EACjB,aAAY;CACb;;AAnBL;;EAsBM,WAAU;CACX;;AAvBL;;EA0BM,gBAAyB;EACzB,WAAU;EACV,YAAW;CACZ;;AA7BL;;EAgCM,cAAa;CACd;;AAjCL;;EAwCM,WAAU;EACV,mBAAkB;CAUnB;;AAnDL;;EA4CQ,cAAa;EACb,eAAc;CAKf;;AAlDP;;EAuDQ,gBZrWU;CYsWX;;AAxDP;;EA4DM,iBAAgB;CACjB","file":"../scss/style.css","sourcesContent":["/*\nPlugin Name: FamilyPress\nPlugin URI: http://harutheme.com/familypress\nAuthor: HaruTheme\nAuthor URI: http://harutheme.com/\nDescription: FamilyPress is the Self Hosted Video WordPress plugin\nVersion: 1.0.0\nLicense: GNU General Public License v2 or later\nLicense URI: http://www.gnu.org/licenses/gpl-2.0.html\nTags: video, advertising, ima, vast, vpaid\nText Domain: familypress\nDomain Path: /languages/\n\nThis theme, like WordPress, is licensed under the GPL.\nUse it to make something cool, have fun, and share what you've learned with others.\n*/\n\n\n/*-----------------------------------\n * 1. LIBRARIES AND DEFINED VARIABLES\n *-----------------------------------*/\n@import 'abstracts/variable';\n@import 'abstracts/mixins';\n@import 'abstracts/animation';\n\n/*-----------------------------------\n * 2. COMPONENTS\n *-----------------------------------*/\n@import 'components/breadcrumbs';\n@import 'components/pagination';\n@import 'components/button';\n@import 'components/lightbox';\n@import 'components/notice';\n\n/*-----------------------------------\n * 2. CORE\n *-----------------------------------*/\n@import 'layout';\n\n/*-----------------------------------\n * 3. MEMBER\n *-----------------------------------*/\n\n@import 'member/archive';\n@import 'member/single';\n\n/*-----------------------------------\n * 4. TREE\n *-----------------------------------*/\n\n@import 'tree/archive';\n@import 'tree/single';\n\n/*-----------------------------------\n * 5. SHORTCODES\n *-----------------------------------*/\n\n@import 'shortcodes/member-list-anniversary';\n@import 'shortcodes/member-slider-anniversary';\n\n/*-----------------------------------\n * 6. WIDGETS\n *-----------------------------------*/\n\n@import 'widgets';\n","// Icon hover animation (From Tympanus)\n/*-----------------------------------\n * ICON HOVER EFFECT KEYFRAMES\n *-----------------------------------*/\n@-webkit-keyframes sonarEffect {\n  0% {\n    opacity: .3;\n  }\n\n  40% {\n    opacity: .5;\n    box-shadow: 0 0 0 2px rgba($cl-black, .1), 0 0 10px 10px $cl-primary, 0 0 0 10px rgba($cl-black, .5);\n  }\n\n  100% {\n    box-shadow: 0 0 0 2px rgba($cl-black, .1), 0 0 10px 10px $cl-primary, 0 0 0 10px rgba($cl-black, .5);\n    -webkit-transform: scale(1.5);\n    opacity: 0;\n  }\n}\n\n@-moz-keyframes sonarEffect {\n  0% {\n    opacity: .3;\n  }\n\n  40% {\n    opacity: .5;\n    box-shadow: 0 0 0 2px rgba($cl-black, .1), 0 0 10px 10px $cl-primary, 0 0 0 10px rgba($cl-black, .5);\n  }\n\n  100% {\n    box-shadow: 0 0 0 2px rgba($cl-black, .1), 0 0 10px 10px $cl-primary, 0 0 0 10px rgba($cl-black, .5);\n    -moz-transform: scale(1.5);\n    opacity: 0;\n  }\n}\n\n@keyframes sonarEffect {\n  0% {\n    opacity: .3;\n  }\n\n  40% {\n    opacity: .5;\n    box-shadow: 0 0 0 2px rgba($cl-black, .1), 0 0 10px 10px $cl-primary, 0 0 0 10px rgba($cl-black, .5);\n  }\n\n  100% {\n    box-shadow: 0 0 0 2px rgba($cl-black, .1), 0 0 10px 10px $cl-primary, 0 0 0 10px rgba($cl-black, .5);\n    transform: scale(1.5);\n    opacity: 0;\n  }\n}\n\n@-moz-keyframes haruSpin {\n  from {\n    -moz-transform: rotate(0deg);\n  }\n\n  to {\n    -moz-transform: rotate(360deg);\n  }\n}\n\n@-webkit-keyframes haruSpin {\n  from {\n    -webkit-transform: rotate(0deg);\n  }\n\n  to {\n    -webkit-transform: rotate(360deg);\n  }\n}\n\n\n@keyframes haruSpin {\n  from {\n    transform:rotate(0deg);\n  }\n\n  to {\n    transform:rotate(360deg);\n  }\n}\n\n// Special\n@-ms-keyframes grained {\n    0% {\n        -ms-transform: translate(-10%, 10%);\n    }\n\n    10% {\n        -ms-transform: translate(-25%, 0%);\n    }\n\n    20% {\n        -ms-transform: translate(-30%, 10%);\n    }\n\n    30% {\n        -ms-transform: translate(-30%, 30%);\n    }\n\n    40% {\n        -ms-transform: translate();\n    }\n\n    50% {\n        -ms-transform: translate(-15%, 10%);\n    }\n\n    60% {\n        -ms-transform: translate(-20%, 20%);\n    }\n\n    70% {\n        -ms-transform: translate(-5%, 20%);\n    }\n\n    80% {\n        -ms-transform: translate(-25%, 5%);\n    }\n\n    90% {\n        -ms-transform: translate(-30%, 25%);\n    }\n\n    100% {\n        -ms-transform: translate(-10%, 10%);\n    }\n}\n\n@-webkit-keyframes grained {\n    0% {\n        -webkit-transform: translate(-10%, 10%);\n    }\n\n    10% {\n        -webkit-transform: translate(-25%, 0%);\n    }\n\n    20% {\n        -webkit-transform: translate(-30%, 10%);\n    }\n\n    30% {\n        -webkit-transform: translate(-30%, 30%);\n    }\n\n    40% {\n        -webkit-transform: translate();\n    }\n\n    50% {\n        -webkit-transform: translate(-15%, 10%);\n    }\n\n    60% {\n        -webkit-transform: translate(-20%, 20%);\n    }\n\n    70% {\n        -webkit-transform: translate(-5%, 20%);\n    }\n\n    80% {\n        -webkit-transform: translate(-25%, 5%);\n    }\n\n    90% {\n        -webkit-transform: translate(-30%, 25%);\n    }\n\n    100% {\n        -webkit-transform: translate(-10%, 10%);\n    }\n}\n\n@-o-animation-keyframes grained {\n    0% {\n        -o-animation-transform: translate(-10%, 10%);\n    }\n\n    10% {\n        -o-animation-transform: translate(-25%, 0%);\n    }\n\n    20% {\n        -o-animation-transform: translate(-30%, 10%);\n    }\n\n    30% {\n        -o-animation-transform: translate(-30%, 30%);\n    }\n\n    40% {\n        -o-animation-transform: translate();\n    }\n\n    50% {\n        -o-animation-transform: translate(-15%, 10%);\n    }\n\n    60% {\n        -o-animation-transform: translate(-20%, 20%);\n    }\n\n    70% {\n        -o-animation-transform: translate(-5%, 20%);\n    }\n\n    80% {\n        -o-animation-transform: translate(-25%, 5%);\n    }\n\n    90% {\n        -o-animation-transform: translate(-30%, 25%);\n    }\n\n    100% {\n        -o-animation-transform: translate(-10%, 10%);\n    }\n}\n\n@-moz-keyframes grained {\n    0% {\n        -moz-transform: translate(-10%, 10%);\n    }\n\n    10% {\n        -moz-transform: translate(-25%, 0%);\n    }\n\n    20% {\n        -moz-transform: translate(-30%, 10%);\n    }\n\n    30% {\n        -moz-transform: translate(-30%, 30%);\n    }\n\n    40% {\n        -moz-transform: translate();\n    }\n\n    50% {\n        -moz-transform: translate(-15%, 10%);\n    }\n\n    60% {\n        -moz-transform: translate(-20%, 20%);\n    }\n\n    70% {\n        -moz-transform: translate(-5%, 20%);\n    }\n\n    80% {\n        -moz-transform: translate(-25%, 5%);\n    }\n\n    90% {\n        -moz-transform: translate(-30%, 25%);\n    }\n\n    100% {\n        -moz-transform: translate(-10%, 10%);\n    }\n}\n\n@keyframes grained {\n    0% {\n        transform: translate(-10%, 10%);\n    }\n\n    10% {\n        transform: translate(-25%, 0%);\n    }\n\n    20% {\n        transform: translate(-30%, 10%);\n    }\n\n    30% {\n        transform: translate(-30%, 30%);\n    }\n\n    40% {\n        transform: translate();\n    }\n\n    50% {\n        transform: translate(-15%, 10%);\n    }\n\n    60% {\n        transform: translate(-20%, 20%);\n    }\n\n    70% {\n        transform: translate(-5%, 20%);\n    }\n\n    80% {\n        transform: translate(-25%, 5%);\n    }\n\n    90% {\n        transform: translate(-30%, 25%);\n    }\n\n    100% {\n        transform: translate(-10%, 10%);\n    }\n}\n","/*\nPlugin Name: FamilyPress\nPlugin URI: http://harutheme.com/familypress\nAuthor: HaruTheme\nAuthor URI: http://harutheme.com/\nDescription: FamilyPress is the Self Hosted Video WordPress plugin\nVersion: 1.0.0\nLicense: GNU General Public License v2 or later\nLicense URI: http://www.gnu.org/licenses/gpl-2.0.html\nTags: video, advertising, ima, vast, vpaid\nText Domain: familypress\nDomain Path: /languages/\n\nThis theme, like WordPress, is licensed under the GPL.\nUse it to make something cool, have fun, and share what you've learned with others.\n*/\n/*-----------------------------------\n * 1. LIBRARIES AND DEFINED VARIABLES\n *-----------------------------------*/\n/*-----------------------------------\n * ICON HOVER EFFECT KEYFRAMES\n *-----------------------------------*/\n@-webkit-keyframes sonarEffect {\n  0% {\n    opacity: .3;\n  }\n  40% {\n    opacity: .5;\n    box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 10px 10px #c72538, 0 0 0 10px rgba(0, 0, 0, 0.5);\n  }\n  100% {\n    box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 10px 10px #c72538, 0 0 0 10px rgba(0, 0, 0, 0.5);\n    -webkit-transform: scale(1.5);\n    opacity: 0;\n  }\n}\n\n@-moz-keyframes sonarEffect {\n  0% {\n    opacity: .3;\n  }\n  40% {\n    opacity: .5;\n    box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 10px 10px #c72538, 0 0 0 10px rgba(0, 0, 0, 0.5);\n  }\n  100% {\n    box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 10px 10px #c72538, 0 0 0 10px rgba(0, 0, 0, 0.5);\n    -moz-transform: scale(1.5);\n    opacity: 0;\n  }\n}\n\n@keyframes sonarEffect {\n  0% {\n    opacity: .3;\n  }\n  40% {\n    opacity: .5;\n    box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 10px 10px #c72538, 0 0 0 10px rgba(0, 0, 0, 0.5);\n  }\n  100% {\n    box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 10px 10px #c72538, 0 0 0 10px rgba(0, 0, 0, 0.5);\n    transform: scale(1.5);\n    opacity: 0;\n  }\n}\n\n@-moz-keyframes haruSpin {\n  from {\n    -moz-transform: rotate(0deg);\n  }\n  to {\n    -moz-transform: rotate(360deg);\n  }\n}\n\n@-webkit-keyframes haruSpin {\n  from {\n    -webkit-transform: rotate(0deg);\n  }\n  to {\n    -webkit-transform: rotate(360deg);\n  }\n}\n\n@keyframes haruSpin {\n  from {\n    transform: rotate(0deg);\n  }\n  to {\n    transform: rotate(360deg);\n  }\n}\n\n@-ms-keyframes grained {\n  0% {\n    -ms-transform: translate(-10%, 10%);\n  }\n  10% {\n    -ms-transform: translate(-25%, 0%);\n  }\n  20% {\n    -ms-transform: translate(-30%, 10%);\n  }\n  30% {\n    -ms-transform: translate(-30%, 30%);\n  }\n  40% {\n    -ms-transform: translate();\n  }\n  50% {\n    -ms-transform: translate(-15%, 10%);\n  }\n  60% {\n    -ms-transform: translate(-20%, 20%);\n  }\n  70% {\n    -ms-transform: translate(-5%, 20%);\n  }\n  80% {\n    -ms-transform: translate(-25%, 5%);\n  }\n  90% {\n    -ms-transform: translate(-30%, 25%);\n  }\n  100% {\n    -ms-transform: translate(-10%, 10%);\n  }\n}\n\n@-webkit-keyframes grained {\n  0% {\n    -webkit-transform: translate(-10%, 10%);\n  }\n  10% {\n    -webkit-transform: translate(-25%, 0%);\n  }\n  20% {\n    -webkit-transform: translate(-30%, 10%);\n  }\n  30% {\n    -webkit-transform: translate(-30%, 30%);\n  }\n  40% {\n    -webkit-transform: translate();\n  }\n  50% {\n    -webkit-transform: translate(-15%, 10%);\n  }\n  60% {\n    -webkit-transform: translate(-20%, 20%);\n  }\n  70% {\n    -webkit-transform: translate(-5%, 20%);\n  }\n  80% {\n    -webkit-transform: translate(-25%, 5%);\n  }\n  90% {\n    -webkit-transform: translate(-30%, 25%);\n  }\n  100% {\n    -webkit-transform: translate(-10%, 10%);\n  }\n}\n\n@-o-animation-keyframes grained {\n  0% {\n    -o-animation-transform: translate(-10%, 10%);\n  }\n  10% {\n    -o-animation-transform: translate(-25%, 0%);\n  }\n  20% {\n    -o-animation-transform: translate(-30%, 10%);\n  }\n  30% {\n    -o-animation-transform: translate(-30%, 30%);\n  }\n  40% {\n    -o-animation-transform: translate();\n  }\n  50% {\n    -o-animation-transform: translate(-15%, 10%);\n  }\n  60% {\n    -o-animation-transform: translate(-20%, 20%);\n  }\n  70% {\n    -o-animation-transform: translate(-5%, 20%);\n  }\n  80% {\n    -o-animation-transform: translate(-25%, 5%);\n  }\n  90% {\n    -o-animation-transform: translate(-30%, 25%);\n  }\n  100% {\n    -o-animation-transform: translate(-10%, 10%);\n  }\n}\n\n@-moz-keyframes grained {\n  0% {\n    -moz-transform: translate(-10%, 10%);\n  }\n  10% {\n    -moz-transform: translate(-25%, 0%);\n  }\n  20% {\n    -moz-transform: translate(-30%, 10%);\n  }\n  30% {\n    -moz-transform: translate(-30%, 30%);\n  }\n  40% {\n    -moz-transform: translate();\n  }\n  50% {\n    -moz-transform: translate(-15%, 10%);\n  }\n  60% {\n    -moz-transform: translate(-20%, 20%);\n  }\n  70% {\n    -moz-transform: translate(-5%, 20%);\n  }\n  80% {\n    -moz-transform: translate(-25%, 5%);\n  }\n  90% {\n    -moz-transform: translate(-30%, 25%);\n  }\n  100% {\n    -moz-transform: translate(-10%, 10%);\n  }\n}\n\n@keyframes grained {\n  0% {\n    transform: translate(-10%, 10%);\n  }\n  10% {\n    transform: translate(-25%, 0%);\n  }\n  20% {\n    transform: translate(-30%, 10%);\n  }\n  30% {\n    transform: translate(-30%, 30%);\n  }\n  40% {\n    transform: translate();\n  }\n  50% {\n    transform: translate(-15%, 10%);\n  }\n  60% {\n    transform: translate(-20%, 20%);\n  }\n  70% {\n    transform: translate(-5%, 20%);\n  }\n  80% {\n    transform: translate(-25%, 5%);\n  }\n  90% {\n    transform: translate(-30%, 25%);\n  }\n  100% {\n    transform: translate(-10%, 10%);\n  }\n}\n\n/*-----------------------------------\n * 2. COMPONENTS\n *-----------------------------------*/\n.haru-archive-breadcrumbs,\n.haru-single-breadcrumbs {\n  background-color: #f5f5f5;\n  padding: 15px 0;\n  margin-bottom: 80px;\n}\n\n@media screen and (max-width: 991px) {\n  .haru-archive-breadcrumbs,\n  .haru-single-breadcrumbs {\n    margin-bottom: 60px;\n  }\n}\n\n.haru-archive-breadcrumbs .full-width,\n.haru-single-breadcrumbs .full-width {\n  padding: 0 30px;\n}\n\n@media screen and (max-width: 767px) {\n  .haru-archive-breadcrumbs .full-width,\n  .haru-single-breadcrumbs .full-width {\n    padding: 0 15px;\n  }\n}\n\n.haru-breadcrumb {\n  margin: 0;\n  padding: 0;\n  list-style: none;\n  font-size: 16px;\n}\n\n.haru-breadcrumb > li {\n  display: inline-block;\n}\n\n.haru-breadcrumb .delimiter {\n  padding: 0 5px;\n}\n\n.haru-breadcrumb .delimiter:before {\n  display: inline-block;\n  width: 20px;\n  height: 1px;\n  background-color: #696969;\n  content: '';\n  position: relative;\n  top: -4px;\n  margin: 0 3px;\n}\n\n.haru-breadcrumb .current {\n  color: #c72538;\n}\n\n.haru-breadcrumb a {\n  text-decoration: none;\n}\n\n.archive-pagination {\n  width: 100%;\n  text-align: center;\n}\n\n@media screen and (max-width: 767px) {\n  .archive-pagination {\n    margin-top: 15px;\n  }\n}\n\n.archive-pagination .page-numbers {\n  display: inline-block;\n  color: #000;\n  margin: 0 5px;\n  width: 30px;\n  height: 30px;\n  line-height: 30px;\n  border-radius: 0;\n  font-weight: 600;\n  font-size: 16px;\n  transition: all .3s;\n}\n\n.archive-pagination .page-numbers.current {\n  background-color: #c72538;\n  color: #fff;\n}\n\n.archive-pagination .page-numbers:first-child {\n  margin-left: 0;\n}\n\n.archive-pagination .page-numbers:last-child {\n  margin-right: 0;\n}\n\n.archive-pagination a {\n  text-decoration: none;\n}\n\n.archive-pagination a:hover, .archive-pagination a:focus {\n  color: #c72538;\n}\n\n.archive-pagination a.prev, .archive-pagination a.next {\n  width: auto;\n  text-transform: capitalize;\n}\n\n.archive-pagination #infinite_scroll_loading {\n  text-align: center;\n}\n\n.archive-pagination #infinite_scroll_loading > div {\n  font-size: 16px;\n  color: #000;\n}\n\n.dark-mode .archive-pagination .page-numbers {\n  color: #fff;\n}\n\n.dark-mode .archive-pagination .page-numbers.current {\n  background-color: #c72538;\n  color: #fff;\n}\n\n.dark-mode .archive-pagination a:hover, .dark-mode .archive-pagination a:focus {\n  color: #c72538;\n}\n\n.button-border {\n  display: inline-block;\n  height: 40px;\n  border: 1px solid #eee;\n  border-radius: 4px;\n  padding: 0 25px;\n  line-height: 38px;\n  font-weight: 600;\n  color: #c72538;\n  text-decoration: none;\n  transition: all .3s;\n}\n\n.button-border:hover {\n  background-color: #c72538;\n  border: 1px solid #c72538;\n  color: #fff;\n  transition: all .3s;\n}\n\n.button-border--medium {\n  height: 32px;\n  line-height: 30px;\n  padding: 0 20px;\n  font-size: 14px;\n}\n\n.button-border--small {\n  height: 28px;\n  line-height: 26px;\n  padding: 0 20px;\n  font-size: 14px;\n}\n\n.button-border--tiny {\n  height: 24px;\n  line-height: 22px;\n  padding: 0 15px;\n  font-size: 12px;\n}\n\n.button-background {\n  background-color: #c72538;\n  display: inline-block;\n  height: 40px;\n  border: 1px solid #c72538;\n  border-radius: 4px;\n  padding: 0 25px;\n  line-height: 38px;\n  font-weight: 600;\n  color: #fff;\n  cursor: pointer;\n  text-decoration: none;\n  transition: all .3s;\n}\n\n.button-background:hover {\n  background-color: transparent;\n  border: 1px solid #c72538;\n  color: #c72538;\n  transition: all .3s;\n}\n\n.button-background.loading:before {\n  content: '\\e900';\n  font-family: cloudvideo;\n  font-weight: 400;\n  animation: spinner 2s linear infinite;\n  display: inline-block;\n}\n\n.button-background--medium {\n  height: 32px;\n  line-height: 30px;\n  padding: 0 20px;\n  font-size: 14px;\n}\n\n.button-background--small {\n  height: 28px;\n  line-height: 26px;\n  padding: 0 20px;\n  font-size: 14px;\n}\n\n.button-background--tiny {\n  height: 24px;\n  line-height: 22px;\n  padding: 0 15px;\n  font-size: 13px;\n}\n\n.cloud-spinner {\n  animation: spinner .5s infinite;\n  display: inline-block;\n}\n\n@-moz-keyframes spinner {\n  0% {\n    transform: rotate(0);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n}\n\n@-webkit-keyframes spinner {\n  0% {\n    transform: rotate(0);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n}\n\n@-o-keyframes spinner {\n  0% {\n    transform: rotate(0);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n}\n\n@keyframes spinner {\n  0% {\n    transform: rotate(0);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n}\n\n.haru-lightbox-overlay {\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  background-color: rgba(0, 0, 0, 0.8);\n  z-index: 99999998;\n  visibility: hidden;\n  opacity: 0;\n  transition: all 0.3s ease-in-out;\n}\n\n.haru-lightbox-overlay.show-lightbox {\n  opacity: 1;\n  visibility: visible;\n}\n\n.haru-lightbox-overlay .close-lightbox {\n  position: absolute;\n  top: 30px;\n  right: 30px;\n  width: 30px;\n  height: 30px;\n  line-height: 30px;\n  color: #fff;\n  font-size: 28px;\n  text-align: center;\n  transition: all .3s;\n}\n\n.haru-lightbox-overlay .close-lightbox:hover {\n  cursor: pointer;\n  color: #c72538;\n  transition: all .3s;\n}\n\n.haru-lightbox-overlay .close-lightbox:before {\n  content: '\\e922';\n  font-family: cloudvideo;\n  font-size: 20px;\n}\n\n.haru-lightbox {\n  position: fixed;\n  top: 50%;\n  left: 50%;\n  width: 100%;\n  max-width: 1170px;\n  max-height: 70%;\n  background-color: rgba(0, 0, 0, 0);\n  z-index: 99999998;\n  visibility: hidden;\n  opacity: 0;\n  transform: translate(-50%, -50%);\n  transition: all 0.3s ease-in-out;\n}\n\n.haru-lightbox.show-lightbox {\n  opacity: 1;\n  visibility: visible;\n}\n\n.haru-lightbox .haru-lightbox-content {\n  position: absolute;\n  width: 100%;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n}\n\n.haru-lightbox-overflow {\n  display: none;\n  margin: 0;\n  padding: 0;\n  width: 100%;\n  height: 100%;\n  position: fixed;\n  top: 0;\n  right: 0;\n  left: 0;\n  bottom: 0;\n  background-color: rgba(0, 0, 0, 0.5);\n  transition: all .3s;\n}\n\n.haru-lightbox-overflow.active {\n  display: table;\n  z-index: 99999;\n}\n\n.haru-lightbox-overflow .haru-lightbox-loading {\n  width: 60px;\n  height: 50px;\n  background-color: #fff;\n  display: inline-block;\n  left: 0;\n  right: 0;\n  margin: auto;\n  position: absolute;\n  top: 50%;\n  transform: translate(0, -50%);\n  box-shadow: 0 1px 8px rgba(0, 0, 0, 0.2);\n}\n\n.haru-lightbox-overflow .haru-lightbox-loading .loading-wrapper {\n  width: 38px;\n  height: 38px;\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n}\n\n.haru-lightbox-overflow .spinner {\n  width: 5px;\n  height: 5px;\n  background-color: #c72538;\n  position: absolute;\n  border-radius: 50%;\n  animation: ajaxLoading .8s infinite;\n}\n\n.haru-lightbox-overflow #spinner_one {\n  top: 5px;\n  left: 5px;\n}\n\n.haru-lightbox-overflow #spinner_two {\n  top: 0;\n  left: 16px;\n  animation-delay: .1s;\n}\n\n.haru-lightbox-overflow #spinner_three {\n  top: 5px;\n  left: 27px;\n  animation-delay: .2s;\n}\n\n.haru-lightbox-overflow #spinner_four {\n  top: 16px;\n  left: 31px;\n  animation-delay: .3s;\n}\n\n.haru-lightbox-overflow #spinner_five {\n  top: 27px;\n  left: 27px;\n  animation-delay: .4s;\n}\n\n.haru-lightbox-overflow #spinner_six {\n  top: 31px;\n  left: 16px;\n  animation-delay: .5s;\n}\n\n.haru-lightbox-overflow #spinner_seven {\n  top: 27px;\n  left: 5px;\n  animation-delay: .6s;\n}\n\n.haru-lightbox-overflow #spinner_eight {\n  top: 16px;\n  left: 0;\n  animation-delay: .7s;\n}\n\n@-webkit-keyframes ajaxLoading {\n  25% {\n    transform: scale(1.5);\n  }\n  75% {\n    transform: scale(0);\n  }\n}\n\n@keyframes ajaxLoading {\n  50% {\n    transform: scale(1.5, 1.5);\n  }\n  100% {\n    transform: scale(1, 1);\n  }\n}\n\n.haru-notice {\n  color: #721c24;\n  background-color: #f8d7da;\n  border-color: #f5c6cb;\n  padding: .75rem 1.25rem;\n  margin-bottom: 1rem;\n  border-radius: 0;\n  display: block;\n  line-height: 1.8;\n  font-weight: 400;\n  font-size: 16px;\n}\n\n/*-----------------------------------\n * 2. CORE\n *-----------------------------------*/\n.haru-container {\n  max-width: 1170px;\n  padding-right: 15px;\n  padding-left: 15px;\n  margin-right: auto;\n  margin-left: auto;\n}\n\n@media screen and (max-width: 991px) {\n  .haru-container {\n    max-width: 970px;\n  }\n}\n\n@media screen and (max-width: 767px) {\n  .haru-container {\n    max-width: 750px;\n  }\n}\n\n.haru-container:before {\n  content: '';\n  display: table;\n}\n\n.haru-container:after {\n  content: '';\n  clear: both;\n  display: table;\n}\n\n.haru-container.haru-container--large {\n  max-width: 1440px;\n}\n\n.h-row {\n  margin-left: -15px;\n  margin-right: -15px;\n}\n\n.h-row:before {\n  content: '';\n  display: table;\n}\n\n.h-row:after {\n  content: '';\n  clear: both;\n  display: table;\n}\n\n.full-width {\n  padding: 0 30px;\n}\n\n@media screen and (max-width: 1199px) {\n  .full-width {\n    padding: 0 15px;\n  }\n}\n\n.page-sidebar,\n.archive-sidebar,\n.single-sidebar {\n  box-sizing: border-box;\n}\n\n.page-sidebar.left-sidebar,\n.archive-sidebar.left-sidebar,\n.single-sidebar.left-sidebar {\n  width: 25%;\n  float: left;\n  padding-left: 15px;\n  padding-right: 20px;\n}\n\n@media screen and (max-width: 991px) {\n  .page-sidebar.left-sidebar,\n  .archive-sidebar.left-sidebar,\n  .single-sidebar.left-sidebar {\n    width: 100%;\n    float: none;\n    padding-right: 15px;\n    margin-bottom: 60px;\n  }\n}\n\n.page-sidebar.right-sidebar,\n.archive-sidebar.right-sidebar,\n.single-sidebar.right-sidebar {\n  width: 25%;\n  float: right;\n  padding-right: 15px;\n  padding-left: 20px;\n}\n\n@media screen and (max-width: 991px) {\n  .page-sidebar.right-sidebar,\n  .archive-sidebar.right-sidebar,\n  .single-sidebar.right-sidebar {\n    width: 100%;\n    float: none;\n    padding-left: 15px;\n    margin-bottom: 60px;\n  }\n}\n\n.page-content,\n.archive-content,\n.single-content {\n  padding: 0 15px;\n  box-sizing: border-box;\n}\n\n.page-content.has-left-sidebar,\n.archive-content.has-left-sidebar,\n.single-content.has-left-sidebar {\n  width: 75%;\n  float: right;\n  padding-left: 20px;\n}\n\n@media screen and (max-width: 991px) {\n  .page-content.has-left-sidebar,\n  .archive-content.has-left-sidebar,\n  .single-content.has-left-sidebar {\n    width: 100%;\n    float: none;\n    padding-left: 15px;\n  }\n}\n\n.page-content.has-right-sidebar,\n.archive-content.has-right-sidebar,\n.single-content.has-right-sidebar {\n  width: 75%;\n  float: left;\n  padding-right: 20px;\n}\n\n@media screen and (max-width: 991px) {\n  .page-content.has-right-sidebar,\n  .archive-content.has-right-sidebar,\n  .single-content.has-right-sidebar {\n    width: 100%;\n    float: none;\n    padding-right: 15px;\n  }\n}\n\n.page-content.has-left-sidebar.has-right-sidebar,\n.archive-content.has-left-sidebar.has-right-sidebar,\n.single-content.has-left-sidebar.has-right-sidebar {\n  width: 50%;\n  display: inline-block;\n  float: none !important;\n}\n\n@media screen and (max-width: 991px) {\n  .page-content.has-left-sidebar.has-right-sidebar,\n  .archive-content.has-left-sidebar.has-right-sidebar,\n  .single-content.has-left-sidebar.has-right-sidebar {\n    width: 100%;\n  }\n}\n\n.archive-content,\n.single-content {\n  margin-bottom: 100px;\n}\n\n@media screen and (max-width: 1440px) {\n  .archive-content,\n  .single-content {\n    margin-bottom: 90px;\n  }\n}\n\n@media screen and (max-width: 1199px) {\n  .archive-content,\n  .single-content {\n    margin-bottom: 80px;\n  }\n}\n\n@media screen and (max-width: 991px) {\n  .archive-content,\n  .single-content {\n    margin-bottom: 70px;\n  }\n}\n\n@media screen and (max-width: 767px) {\n  .archive-content,\n  .single-content {\n    margin-bottom: 60px;\n  }\n}\n\n.layout-grid {\n  flex-wrap: wrap;\n  display: flex;\n}\n\n.grid-columns-1 .grid-item, .grid-columns-2 .grid-item, .grid-columns-3 .grid-item, .grid-columns-4 .grid-item, .grid-columns-5 .grid-item, .grid-columns-6 .grid-item {\n  display: inline-block;\n  vertical-align: top;\n}\n\n.grid-columns-1 .grid-item {\n  width: 100%;\n}\n\n.grid-columns-2 .grid-item {\n  width: 50%;\n}\n\n.grid-columns-3 .grid-item {\n  width: 33.333333%;\n}\n\n@-moz-document url-prefix() {\n  .grid-columns-3 .grid-item {\n    width: calc(33.333333% - .1px);\n  }\n}\n\n.grid-columns-4 .grid-item {\n  width: 25%;\n}\n\n.grid-columns-5 .grid-item {\n  width: 20%;\n}\n\n.grid-columns-6 .grid-item {\n  width: 16.666666%;\n}\n\n@media screen and (max-width: 991px) {\n  .grid-columns--tablet1 .grid-item {\n    width: 100%;\n  }\n}\n\n@media screen and (max-width: 991px) {\n  .grid-columns--tablet2 .grid-item {\n    width: 50%;\n  }\n}\n\n@media screen and (max-width: 991px) {\n  .grid-columns--tablet3 .grid-item {\n    width: 33.333333%;\n  }\n  @-moz-document url-prefix() {\n    .grid-columns--tablet3 .grid-item {\n      width: calc(33.333333% - .1px);\n    }\n  }\n}\n\n@media screen and (max-width: 991px) {\n  .grid-columns--tablet4 .grid-item {\n    width: 25%;\n  }\n}\n\n@media screen and (max-width: 991px) {\n  .grid-columns--tablet-5 .grid-item {\n    width: 20%;\n  }\n}\n\n@media screen and (max-width: 991px) {\n  .grid-columns--tablet-6 .grid-item {\n    width: 16.666666%;\n  }\n}\n\n@media screen and (max-width: 767px) {\n  .grid-columns--mobile1 .grid-item {\n    width: 100%;\n  }\n}\n\n@media screen and (max-width: 767px) {\n  .grid-columns--mobile2 .grid-item {\n    width: 50%;\n  }\n}\n\n@media screen and (max-width: 767px) {\n  .grid-columns--mobile3 .grid-item {\n    width: 33.333333%;\n  }\n  @-moz-document url-prefix() {\n    .grid-columns--mobile3 .grid-item {\n      width: calc(33.333333% - .1px);\n    }\n  }\n}\n\n@media screen and (max-width: 767px) {\n  .grid-columns--mobile4 .grid-item {\n    width: 25%;\n  }\n}\n\n@media screen and (max-width: 767px) {\n  .grid-columns--mobile-5 .grid-item {\n    width: 20%;\n  }\n}\n\n@media screen and (max-width: 767px) {\n  .grid-columns--mobile-6 .grid-item {\n    width: 16.666666%;\n  }\n  @-moz-document url-prefix() {\n    .grid-columns--mobile-6 .grid-item {\n      width: calc(16.666666% - .1px);\n    }\n  }\n}\n\n.member-list {\n  display: flex;\n  flex-wrap: wrap;\n}\n\n.layout-list .grid-item {\n  width: 100%;\n}\n\n.haru-slick {\n  display: none;\n}\n\n.haru-slick.slick-initialized {\n  display: block;\n}\n\n.haru-slick .slick-slide:focus {\n  outline: none;\n}\n\n.haru-slick .slick-prev,\n.haru-slick .slick-next {\n  font-size: 0;\n  padding: 0;\n}\n\n.haru-slick .slick-prev:before,\n.haru-slick .slick-next:before {\n  font-weight: 700;\n  opacity: 1;\n  font-family: cloudvideo;\n  font-size: 14px;\n  visibility: visible;\n  transition: all .3s;\n}\n\n.haru-slick .slick-prev:focus, .haru-slick .slick-prev:active,\n.haru-slick .slick-next:focus,\n.haru-slick .slick-next:active {\n  outline: none;\n}\n\n.haru-slick .slick-prev:hover,\n.haru-slick .slick-next:hover {\n  cursor: pointer;\n  background-color: #c72538;\n  transition: all .3s;\n}\n\n.haru-slick .slick-prev:before {\n  content: \"\\e907\";\n}\n\n.haru-slick .slick-next:before {\n  content: \"\\e908\";\n}\n\n.haru-slick--nav-normal .slick-prev,\n.haru-slick--nav-normal .slick-next {\n  background: rgba(0, 0, 0, 0.3);\n  color: #fff;\n  border-radius: 0;\n  transition: all .3s;\n}\n\n.haru-slick--nav-normal .slick-prev:hover,\n.haru-slick--nav-normal .slick-next:hover {\n  background: #c72538;\n  cursor: pointer;\n  color: #fff;\n}\n\n.haru-slick--nav-icon .slick-prev,\n.haru-slick--nav-icon .slick-next {\n  background: transparent;\n  border: none;\n  color: #696969;\n  transition: all .3s;\n}\n\n.haru-slick--nav-icon .slick-prev:hover,\n.haru-slick--nav-icon .slick-next:hover {\n  background: transparent;\n  cursor: pointer;\n  color: #c72538;\n}\n\n.haru-slick--nav-opacity:hover .slick-prev,\n.haru-slick--nav-opacity:hover .slick-next {\n  opacity: 1;\n  visibility: visible;\n  transition: all .3s;\n}\n\n.haru-slick--nav-opacity .slick-prev,\n.haru-slick--nav-opacity .slick-next {\n  background: rgba(0, 0, 0, 0.3);\n  color: #fff;\n  opacity: 0;\n  visibility: hidden;\n  transition: all .3s;\n}\n\n.haru-slick--nav-opacity .slick-prev:hover,\n.haru-slick--nav-opacity .slick-next:hover {\n  background: #c72538;\n  cursor: pointer;\n  transition: all .3s;\n}\n\n.haru-slick--nav-border .slick-prev,\n.haru-slick--nav-border .slick-next {\n  background: transparent;\n  color: #000;\n  border-radius: 50%;\n  border: 1px solid #ababab;\n}\n\n.haru-slick--nav-border .slick-prev:before,\n.haru-slick--nav-border .slick-next:before {\n  transition: none;\n}\n\n.haru-slick--nav-border .slick-prev:hover,\n.haru-slick--nav-border .slick-next:hover {\n  background: #c72538;\n  border: 1px solid #c72538;\n  cursor: pointer;\n  color: #fff;\n}\n\n.haru-slick--nav-center .slick-prev,\n.haru-slick--nav-center .slick-next {\n  position: absolute;\n  display: block;\n  width: 36px;\n  height: 36px;\n  line-height: 36px;\n  text-align: center;\n  top: 50%;\n  transform: translateY(-50%);\n  z-index: 9;\n  transition: all .3s;\n}\n\n.haru-slick--nav-center .slick-prev {\n  left: 0;\n}\n\n.haru-slick--nav-center .slick-next {\n  right: 0;\n}\n\n.haru-slick--nav-top-right .slick-prev,\n.haru-slick--nav-top-right .slick-next {\n  position: absolute;\n  top: -80px;\n  display: block;\n  width: 36px;\n  height: 36px;\n  line-height: 36px;\n  text-align: center;\n}\n\n.haru-slick--nav-top-right .slick-next {\n  right: 0;\n}\n\n.haru-slick--nav-top-right .slick-prev {\n  right: 80px;\n}\n\n.haru-slick--nav-bottom-left .slick-prev,\n.haru-slick--nav-bottom-left .slick-next {\n  position: absolute;\n  bottom: -80px;\n  display: block;\n  width: 36px;\n  height: 36px;\n  line-height: 36px;\n  text-align: center;\n}\n\n.haru-slick--nav-bottom-left .slick-next {\n  left: 80px;\n}\n\n.haru-slick--nav-bottom-left .slick-prev {\n  left: 0;\n}\n\n.haru-carousel .owl-nav {\n  z-index: 9;\n}\n\n.haru-carousel .owl-nav .owl-prev:before,\n.haru-carousel .owl-nav .owl-next:before {\n  font-weight: 400;\n  opacity: 1;\n  font-family: cloudvideo;\n  visibility: visible;\n  transition: all .3s;\n}\n\n.haru-carousel .owl-nav .owl-prev:before {\n  content: \"\\e907\";\n}\n\n.haru-carousel .owl-nav .owl-next:before {\n  content: \"\\e908\";\n}\n\n.haru-carousel .owl-dots {\n  text-align: center;\n  position: absolute;\n  bottom: 20px;\n  width: 100%;\n  opacity: 0;\n  visibility: hidden;\n}\n\n.haru-carousel .owl-dots .owl-dot {\n  background: #868686;\n  display: inline-block;\n  height: 10px;\n  margin: 0 5px;\n  width: 10px;\n  border-radius: 50%;\n}\n\n.haru-carousel .owl-dots .owl-dot.active {\n  background: transparent;\n  border: 1px solid #c72538;\n  transform: scale(1.2);\n}\n\n.haru-carousel--nav-normal .owl-prev,\n.haru-carousel--nav-normal .owl-next {\n  background: rgba(0, 0, 0, 0.3);\n  color: #fff;\n  border-radius: 0;\n  transition: all .3s;\n}\n\n.haru-carousel--nav-normal .owl-prev:hover,\n.haru-carousel--nav-normal .owl-next:hover {\n  background: #c72538;\n  cursor: pointer;\n  color: #fff;\n}\n\n.haru-carousel--nav-opacity:hover .owl-nav {\n  opacity: 1;\n  transition: all .3s;\n}\n\n.haru-carousel--nav-opacity .owl-nav {\n  opacity: 0;\n  transition: all .3s;\n}\n\n.haru-carousel--nav-opacity .owl-prev,\n.haru-carousel--nav-opacity .owl-next {\n  background: rgba(0, 0, 0, 0.3);\n  color: #fff;\n  transition: all .3s;\n}\n\n.haru-carousel--nav-opacity .owl-prev:hover,\n.haru-carousel--nav-opacity .owl-next:hover {\n  background: #c72538;\n  cursor: pointer;\n  transition: all .3s;\n}\n\n.haru-carousel--nav-center .owl-nav {\n  opacity: 0;\n  transition: all .3s;\n}\n\n.haru-carousel--nav-center .owl-prev,\n.haru-carousel--nav-center .owl-next {\n  position: absolute;\n  display: block;\n  width: 36px;\n  height: 36px;\n  line-height: 36px;\n  text-align: center;\n  top: 50%;\n  transform: translateY(-50%);\n}\n\n.haru-carousel--nav-center .owl-prev {\n  left: 0;\n}\n\n.haru-carousel--nav-center .owl-next {\n  right: 0;\n}\n\n.haru-carousel--nav-top-right .owl-nav {\n  position: absolute;\n  right: 0;\n  top: -80px;\n  display: flex;\n}\n\n.haru-carousel--nav-top-right .owl-prev,\n.haru-carousel--nav-top-right .owl-next {\n  display: block;\n  width: 36px;\n  height: 36px;\n  line-height: 36px;\n  text-align: center;\n}\n\n.haru-carousel--nav-top-right .owl-next {\n  margin-left: 6px;\n}\n\n.dark-mode .haru-slick--nav-border .slick-prev,\n.dark-mode .haru-slick--nav-border .slick-next,\n.background-dark .haru-slick--nav-border .slick-prev,\n.background-dark .haru-slick--nav-border .slick-next {\n  color: #fff;\n  border: 1px solid #ababab;\n}\n\n.dark-mode .haru-slick--nav-border .slick-prev:hover,\n.dark-mode .haru-slick--nav-border .slick-next:hover,\n.background-dark .haru-slick--nav-border .slick-prev:hover,\n.background-dark .haru-slick--nav-border .slick-next:hover {\n  background: #c72538;\n  border: 1px solid #c72538;\n  color: #fff;\n}\n\n.hide-control {\n  display: none;\n}\n\n.hide {\n  display: none;\n}\n\n@-webkit-keyframes load8 {\n  0% {\n    -webkit-transform: rotate(0deg);\n    transform: rotate(0deg);\n  }\n  100% {\n    -webkit-transform: rotate(360deg);\n    transform: rotate(360deg);\n  }\n}\n\n@keyframes load8 {\n  0% {\n    -webkit-transform: rotate(0deg);\n    transform: rotate(0deg);\n  }\n  100% {\n    -webkit-transform: rotate(360deg);\n    transform: rotate(360deg);\n  }\n}\n\n.haru-clear:before, .haru-clear:after {\n  display: table;\n  content: '';\n}\n\n.haru-clear:after {\n  clear: both;\n}\n\n.member-ajax-content {\n  position: relative;\n  min-height: 200px;\n}\n\n@media screen and (max-width: 1199px) {\n  .member-ajax-content {\n    min-height: 175px;\n  }\n}\n\n@media screen and (max-width: 991px) {\n  .member-ajax-content {\n    min-height: 130px;\n  }\n}\n\n.member-ajax-content:before {\n  content: '';\n  background-color: rgba(255, 255, 255, 0.9);\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  top: 0;\n  left: 0;\n  z-index: 9;\n  opacity: 0;\n  visibility: hidden;\n}\n\n.member-ajax-content.loading:before,\n.member-ajax-content.loading .ajax-loading-icon {\n  opacity: 1;\n  visibility: visible;\n}\n\n.ajax-loading-icon {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  z-index: 9;\n  opacity: 0;\n  visibility: hidden;\n}\n\n.loading-bar {\n  margin: 60px auto;\n  font-size: 4px;\n  position: relative;\n  text-indent: -9999em;\n  border-top: 5px solid rgba(199, 37, 56, 0.1);\n  border-right: 5px solid rgba(199, 37, 56, 0.1);\n  border-bottom: 5px solid rgba(199, 37, 56, 0.1);\n  border-left: 5px solid #c72538;\n  -webkit-transform: translateZ(0);\n  -ms-transform: translateZ(0);\n  transform: translateZ(0);\n  -webkit-animation: load8 1.1s infinite linear;\n  animation: load8 1.1s infinite linear;\n  border-radius: 50%;\n  width: 10em;\n  height: 10em;\n}\n\n.loading-bar:after {\n  border-radius: 50%;\n  width: 10em;\n  height: 10em;\n}\n\n/*-----------------------------------\n * 3. MEMBER\n *-----------------------------------*/\n.haru-archive-member {\n  margin-bottom: 80px;\n}\n\n@media screen and (max-width: 991px) {\n  .haru-archive-member {\n    margin-bottom: 60px;\n  }\n}\n\n@media screen and (max-width: 767px) {\n  .haru-archive-member {\n    margin-bottom: 40px;\n  }\n}\n\n.haru-archive-member .grid-columns {\n  margin: 0 -15px;\n}\n\n.haru-archive-member .archive-member-list .member-item {\n  margin-bottom: 20px;\n  padding: 0 15px;\n}\n\n.layout-wrap.style-grid {\n  display: flex;\n  flex-wrap: wrap;\n  margin-bottom: 30px;\n}\n\n.layout-wrap.style-grid .member-item__title a {\n  -webkit-box-pack: center;\n}\n\n.layout-wrap.style-grid .member-item__meta {\n  justify-content: center;\n}\n\n.layout-wrap.style-grid .member-item__date:before {\n  content: '(';\n}\n\n.layout-wrap.style-grid .member-item__date:after {\n  content: ')';\n}\n\n.layout-wrap.style-grid .member-item__view-tree {\n  text-align: center;\n}\n\n.layout-wrap.style-list {\n  margin-bottom: 60px;\n}\n\n.layout-wrap.style-list .member-item {\n  display: flex;\n  width: 100%;\n  align-items: start;\n  margin-bottom: 30px;\n}\n\n@media screen and (max-width: 767px) {\n  .layout-wrap.style-list .member-item {\n    display: block;\n  }\n}\n\n.layout-wrap.style-list .member-item__title {\n  font-size: 20px;\n  padding-top: 0;\n  margin-top: 0;\n}\n\n.layout-wrap.style-list .member-item__meta {\n  font-size: 16px;\n}\n\n.layout-wrap.style-list .member-item__thumbnail {\n  width: 35%;\n}\n\n@media screen and (max-width: 767px) {\n  .layout-wrap.style-list .member-item__thumbnail {\n    width: 100%;\n  }\n}\n\n.layout-wrap.style-list .member-item__content {\n  width: 65%;\n  padding-left: 30px;\n}\n\n@media screen and (max-width: 767px) {\n  .layout-wrap.style-list .member-item__content {\n    width: 100%;\n    padding-left: 0;\n    margin-top: 15px;\n  }\n}\n\n.layout-wrap.style-list .member-item__desc {\n  display: block;\n}\n\n.layout-wrap.style-list .playlist-item {\n  display: flex;\n  width: 100%;\n  align-items: start;\n}\n\n@media screen and (max-width: 767px) {\n  .layout-wrap.style-list .playlist-item {\n    display: block;\n  }\n}\n\n.layout-wrap.style-list .playlist-item__thumbnail {\n  width: 50%;\n}\n\n@media screen and (max-width: 767px) {\n  .layout-wrap.style-list .playlist-item__thumbnail {\n    width: 100%;\n  }\n}\n\n.layout-wrap.style-list .playlist-item__content {\n  width: 50%;\n  padding-left: 30px;\n}\n\n@media screen and (max-width: 767px) {\n  .layout-wrap.style-list .playlist-item__content {\n    width: 100%;\n    padding-left: 0;\n    margin-top: 15px;\n  }\n}\n\n.layout-wrap.style-list-2 {\n  margin-bottom: 25px;\n}\n\n.layout-wrap.style-list-2 .member-item {\n  width: 100%;\n  margin-bottom: 30px;\n}\n\n@media screen and (max-width: 767px) {\n  .layout-wrap.style-list-2 .member-item {\n    margin-bottom: 20px;\n  }\n}\n\n.layout-wrap.style-list-2 .member-item__title {\n  font-size: 24px;\n}\n\n.layout-wrap.style-list-2 .member-item__desc {\n  display: block;\n}\n\n.layout-wrap.style-list-2 .playlist-item {\n  width: 100%;\n}\n\n.member-family-tax {\n  margin-bottom: 30px;\n}\n\n.family-view-more {\n  margin-bottom: 30px;\n  position: relative;\n  text-align: center;\n}\n\n.family-view-more:before {\n  background-color: #eee;\n  content: '';\n  position: absolute;\n  height: 1px;\n  width: 100%;\n  left: 0;\n  top: 50%;\n  transform: translateY(-50%);\n}\n\n.family-view-more a {\n  position: relative;\n  z-index: 2;\n}\n\n.family-view-more a:hover {\n  background-color: #fff;\n}\n\n.family-view-more a:after {\n  content: '\\e91c';\n  font-family: familypress;\n  margin-left: 5px;\n}\n\n.family-view-more a.active:after {\n  content: '\\e91d';\n}\n\n.family-more-content {\n  padding: 0 0 40px;\n  display: none;\n}\n\n.family-view-tree {\n  margin-top: 8px;\n  margin-bottom: 20px;\n  text-align: center;\n}\n\n.family-view-tree a {\n  color: #000;\n  text-decoration: underline;\n  transition: all .3s;\n}\n\n.family-view-tree a:hover {\n  text-decoration: underline;\n  transition: all .3s;\n}\n\n.family-view-tree a:after {\n  content: '\\e902';\n  font-family: familypress;\n  font-size: 16px;\n  display: inline-block;\n  position: relative;\n  margin-left: 3px;\n  bottom: -1px;\n  transform: rotate(90deg);\n}\n\n.family-root {\n  display: flex;\n}\n\n.family-root-thumbnail {\n  flex: 0 0 100px;\n}\n\n.family-root-info {\n  flex: 1;\n  padding-left: 15px;\n}\n\n.family-root-title {\n  font-size: 18px;\n  margin-top: 0;\n}\n\n.family-root-btn {\n  padding-top: 10px;\n}\n\n.family-root-btn a {\n  text-decoration: underline;\n}\n\n.family-root-btn a:hover {\n  text-decoration: underline;\n}\n\n.family-root-btn a:after {\n  content: '\\e919';\n  font-family: familypress;\n}\n\n.family-root-age-year {\n  font-style: italic;\n}\n\n.family-root-age-year:before {\n  content: '(';\n}\n\n.family-root-age-year:after {\n  content: ')';\n}\n\n.haru-archive-top {\n  border-bottom: 1px solid #eee;\n  display: flex;\n  margin-bottom: 30px;\n  padding-bottom: 10px;\n  position: relative;\n}\n\n.haru-archive-top:before {\n  content: '';\n  position: absolute;\n  height: 1px;\n  width: 60px;\n  background-color: #c72538;\n  left: 0;\n  bottom: -1px;\n}\n\n@media screen and (max-width: 767px) {\n  .haru-archive-top {\n    display: block;\n  }\n}\n\n.haru-archive-top .archive-member__title {\n  margin: 0;\n  color: #000;\n  text-transform: none;\n  font-size: 20px;\n  font-weight: 500;\n}\n\n@media screen and (max-width: 1440px) {\n  .haru-archive-top .archive-member__title {\n    font-size: 18px;\n  }\n}\n\n.haru-archive-top-left {\n  display: flex;\n  align-items: center;\n}\n\n@media screen and (max-width: 767px) {\n  .haru-archive-top-left {\n    margin-bottom: 15px;\n  }\n}\n\n.haru-archive-top-right {\n  display: flex;\n  margin-left: auto;\n}\n\n.archive-single__title {\n  font-size: 20px;\n  margin: 0;\n  color: #000;\n}\n\n@media screen and (max-width: 1199px) {\n  .archive-single__title {\n    font-size: 18px;\n  }\n}\n\n@media screen and (max-width: 767px) {\n  .archive-single__title {\n    font-size: 16px;\n  }\n}\n\n.haru-archive-layout-toggle {\n  font-weight: 700;\n  margin-right: 30px;\n}\n\n@media screen and (max-width: 767px) {\n  .haru-archive-layout-toggle {\n    flex: 120px 0 0;\n  }\n}\n\n.haru-archive-layout-toggle .toggle-layout {\n  background-color: #fff;\n  border: 1px solid #eee;\n  display: inline-block;\n  border-radius: 0;\n  color: #696969;\n  width: 32px;\n  height: 32px;\n  line-height: 30px;\n  text-align: center;\n  margin-left: 3px;\n  text-decoration: none;\n}\n\n.haru-archive-layout-toggle .toggle-layout:first-child {\n  margin-left: 0;\n}\n\n.haru-archive-layout-toggle .toggle-layout.active {\n  background-color: #c72538;\n  border: 1px solid #c72538;\n}\n\n.haru-archive-layout-toggle .toggle-layout.active:before {\n  color: #fff;\n}\n\n.haru-archive-layout-toggle .toggle-layout[data-layout=\"grid\"], .haru-archive-layout-toggle .toggle-layout[data-layout=\"list\"], .haru-archive-layout-toggle .toggle-layout[data-layout=\"list-2\"] {\n  font-size: 0;\n}\n\n.haru-archive-layout-toggle .toggle-layout[data-layout=\"grid\"]:before, .haru-archive-layout-toggle .toggle-layout[data-layout=\"list\"]:before, .haru-archive-layout-toggle .toggle-layout[data-layout=\"list-2\"]:before {\n  font-family: familypress;\n  font-size: 20px;\n  font-weight: 400;\n}\n\n.haru-archive-layout-toggle .toggle-layout[data-layout=\"grid\"]:before {\n  content: '\\e903';\n}\n\n.haru-archive-layout-toggle .toggle-layout[data-layout=\"list\"]:before {\n  content: '\\e905';\n}\n\n.haru-archive-layout-toggle .toggle-layout[data-layout=\"list-2\"]:before {\n  content: '\\e906';\n}\n\n.haru-archive-order {\n  position: relative;\n  display: block;\n  min-width: 150px;\n  font-size: 16px;\n}\n\n@media screen and (max-width: 767px) {\n  .haru-archive-order {\n    margin-left: auto;\n  }\n}\n\n.haru-archive-order:hover {\n  cursor: pointer;\n}\n\n.haru-archive-order .order-item-current {\n  border: 1px solid #eee;\n  color: #000;\n  height: 32px;\n  line-height: 30px;\n  padding: 0 15px;\n  position: relative;\n  border-radius: 0;\n  background-color: #f5f5f5;\n  text-transform: capitalize;\n  user-select: none;\n}\n\n.haru-archive-order .order-item-current.active {\n  border: 1px solid #c72538;\n}\n\n.haru-archive-order .order-item-current.active:before {\n  transform: translateY(-50%) rotate(180deg);\n}\n\n.haru-archive-order .order-item-current:before {\n  content: '\\e90d';\n  color: #696969;\n  font-family: familypress;\n  font-size: 14px;\n  position: absolute;\n  right: 8px;\n  top: 50%;\n  transform: translateY(-50%);\n}\n\n.haru-archive-order .order-items {\n  position: absolute;\n  background-color: #fff;\n  width: 100%;\n  left: 0;\n  top: calc(100% + 3px);\n  padding: 0;\n  margin: 0;\n  list-style: none;\n  border: 1px solid #eee;\n  opacity: 0;\n  visibility: hidden;\n  z-index: 99;\n  border-radius: 0;\n  overflow: hidden;\n}\n\n.haru-archive-order .order-items.active {\n  opacity: 1;\n  visibility: visible;\n}\n\n.haru-archive-order .order-item.selected {\n  background-color: #c72538;\n}\n\n.haru-archive-order .order-item.selected a {\n  color: #fff;\n}\n\n.haru-archive-order .order-item a {\n  display: block;\n  padding: 2px 15px;\n  text-decoration: none;\n}\n\n.member-item {\n  position: relative;\n  box-sizing: border-box;\n}\n\n.member-item:hover .member-item__thumbnail:before {\n  opacity: 1;\n  visibility: visible;\n  transition: all .3s;\n}\n\n.member-item:hover .member-item__thumbnail .member-watch-later {\n  opacity: 1;\n  visibility: visible;\n  transition: all .3s;\n}\n\n.member-item:hover .member-item__icon {\n  opacity: 1;\n  visibility: visible;\n  transition: all .3s;\n}\n\n.member-item__thumbnail {\n  position: relative;\n  overflow: hidden;\n  border-radius: 0;\n  display: flex;\n}\n\n.member-item__thumbnail:before {\n  content: '';\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  left: 0;\n  top: 0;\n  background: linear-gradient(to top, rgba(0, 0, 0, 0.8), transparent);\n  opacity: 0;\n  visibility: hidden;\n  transition: all .3s;\n}\n\n.member-item__thumbnail a {\n  display: inline-flex;\n  text-decoration: none;\n  text-underline: none;\n}\n\n.member-item__thumbnail img {\n  max-width: 100%;\n  height: auto;\n}\n\n.member-item__thumbnail .member-watch-later {\n  position: absolute;\n  top: 8px;\n  right: 8px;\n  background-color: rgba(0, 0, 0, 0.7);\n  border-radius: 0;\n  color: #fff !important;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  line-height: 1;\n  font-size: 10px;\n  padding: 3px;\n  z-index: 2;\n  font-size: 0;\n  opacity: 0;\n  visibility: hidden;\n  transition: opacity .3s;\n}\n\n@media screen and (max-width: 991px) {\n  .member-item__thumbnail .member-watch-later {\n    opacity: 1;\n    visibility: visible;\n  }\n}\n\n.member-item__thumbnail .member-watch-later:before {\n  font-size: 14px;\n  margin-right: 0;\n}\n\n.member-item__thumbnail .member-watch-later:hover {\n  font-size: 12px;\n  width: auto;\n  transition: all .3s;\n}\n\n.member-item__thumbnail .member-watch-later:hover:before {\n  margin-right: 2px;\n}\n\n.member-item__thumbnail .member-watch-later.active {\n  background-color: #c72538;\n}\n\n.member-item__thumbnail .member-watch-later.active:before {\n  color: #fff;\n}\n\n.member-item__thumbnail .member-watch-later .haru-icon {\n  background-color: #fff;\n  vertical-align: middle;\n}\n\n.member-item .member-label {\n  position: absolute;\n  top: 8px;\n  left: 8px;\n  background-color: #c72538;\n  color: #fff;\n  display: none;\n}\n\n.member-item .member-label .member-label-born,\n.member-item .member-label .member-label-die {\n  text-align: center;\n}\n\n.member-item .member-label .member-label-month {\n  padding: 0 5px;\n}\n\n.member-item .member-label .member-label-day {\n  background-color: #fff;\n  color: #000;\n}\n\n.member-item__title {\n  color: #000;\n  font-size: 16px;\n  padding-top: 5px;\n  margin-bottom: 5px;\n  margin-top: 10px;\n}\n\n.member-item__title a {\n  color: #000;\n  line-height: 1.4;\n  font-weight: 500;\n  transition: all .3s;\n  display: -webkit-box;\n  -webkit-line-clamp: 2;\n  -webkit-box-orient: vertical;\n  overflow: hidden;\n  text-transform: none;\n  text-decoration: none;\n}\n\n.member-item__title a:hover {\n  color: #c72538;\n  transition: all .3s;\n}\n\n.member-item__category {\n  margin-bottom: -5px;\n  margin-top: 12px;\n  display: none;\n}\n\n.member-item__category a {\n  background-color: #c72538;\n  display: inline-block;\n  color: #fff;\n  padding: 0 10px;\n  font-size: 14px;\n  font-weight: 500;\n  border-radius: 0;\n}\n\n.member-item__category a:hover {\n  color: #fff;\n}\n\n.member-item__meta {\n  display: flex;\n  flex-wrap: wrap;\n  margin-bottom: 5px;\n  font-size: 14px;\n  color: #696969;\n}\n\n.member-item__date {\n  display: flex;\n  flex-wrap: wrap;\n}\n\n.member-item__die .member-item__info-content:before {\n  content: '-';\n  padding: 0 3px;\n}\n\n.member-item__info-label {\n  display: none;\n}\n\n.member-item__view-tree {\n  font-size: 14px;\n}\n\n.member-item__view-tree a {\n  text-decoration: underline;\n}\n\n.member-item__view-tree a:hover {\n  text-decoration: underline;\n}\n\n.member-item__view-tree a:after {\n  content: '\\e902';\n  font-family: familypress;\n  font-size: 16px;\n  display: inline-block;\n  position: relative;\n  margin-left: 3px;\n  bottom: -1px;\n  transform: rotate(90deg);\n}\n\n.member-item__labels {\n  position: absolute;\n  top: 8px;\n  left: 8px;\n  z-index: 2;\n}\n\n.member-item__label {\n  background-color: #c72538;\n  color: #fff;\n  font-size: 10px;\n  font-weight: 500;\n  padding: 0 6px;\n  height: 16px;\n  line-height: 16px;\n  position: relative;\n  margin-bottom: 3px;\n  text-align: center;\n  text-transform: uppercase;\n}\n\n.member-item__label:last-child {\n  margin-bottom: 0;\n}\n\n.member-item__author {\n  display: none;\n}\n\n.member-item__view i {\n  display: none;\n}\n\n.member-item__like, .member-item__dislike {\n  display: none;\n}\n\n.member-item__like i, .member-item__dislike i {\n  display: none;\n}\n\n.member-item__desc {\n  font-size: 16px;\n  display: none;\n}\n\n.member-item .post-views-count .post-views-label {\n  display: none;\n}\n\n.member-item .post-vote-label {\n  display: none;\n}\n\n.member-item.member-style-2 .member-item__thumbnail:before {\n  height: 50%;\n  bottom: 0;\n  top: auto;\n  left: 0;\n  z-index: 2;\n  opacity: 1;\n  visibility: visible;\n}\n\n.member-item.member-style-2 .member-item__icon {\n  top: 40%;\n}\n\n.member-item.member-style-2 .member-item__content {\n  position: absolute;\n  left: 0;\n  bottom: 0;\n  width: 100%;\n  z-index: 9;\n  padding: 0 30px;\n  opacity: 1;\n  visibility: visible;\n  transition: all .3s;\n}\n\n.member-item.member-style-2 .member-item__title {\n  font-size: 16px;\n}\n\n.member-item.member-style-2 .member-item__title a {\n  color: #fff;\n}\n\n.member-item.member-style-2 .member-item__meta {\n  color: #fff;\n  margin-bottom: 20px;\n}\n\n.member-item.member-style-2 .member-item__meta > div:after {\n  background-color: #fff;\n}\n\n.member-item.member-style-2 .member-item__author a {\n  color: #fff;\n}\n\n.member-item.member-style-2 .member-item__desc {\n  display: none;\n}\n\n.member-item.member-style-3 .member-item__thumbnail:before {\n  content: \"\";\n  position: absolute;\n  width: 100%;\n  height: 40%;\n  bottom: 0;\n  left: 0;\n  z-index: 2;\n  background: linear-gradient(to top, rgba(0, 0, 0, 0.8), transparent);\n  opacity: 1;\n  visibility: visible;\n  transition: all .3s;\n}\n\n.member-item.member-style-3 .member-item__content {\n  position: relative;\n}\n\n.member-item.member-style-3 .member-item__meta {\n  position: absolute;\n  bottom: calc(100% + 10px);\n  width: 100%;\n  color: #fff;\n  padding: 0 40px 0 10px;\n  z-index: 2;\n}\n\n.member-item.member-style-3 .member-item__meta > div:after {\n  background-color: #fff;\n}\n\n.member-item.member-style-3 .member-item__author a {\n  color: #fff;\n}\n\n.member-item.member-style-4 .member-item__content {\n  text-align: center;\n}\n\n.member-item.member-style-4 .member-item__meta {\n  justify-content: center;\n}\n\n.member-item.member-style-5 .member-item__desc {\n  display: -webkit-box;\n  -webkit-line-clamp: 2;\n  -webkit-box-orient: vertical;\n  overflow: hidden;\n}\n\n.member-item.member-style-6 .member-item__title a {\n  font-size: 18px;\n}\n\n@media screen and (max-width: 1199px) {\n  .member-item.member-style-6 .member-item__title a {\n    font-size: 16px;\n  }\n}\n\n@media screen and (max-width: 991px) {\n  .member-item.member-style-6 .member-item__title a {\n    font-size: 14px;\n  }\n}\n\n@media screen and (max-width: 991px) {\n  .member-item.member-style-6 .member-item__meta {\n    font-size: 14px;\n  }\n}\n\n.member-thumbnail {\n  border-radius: 0;\n  position: relative;\n  overflow: hidden;\n}\n\n.member-thumbnail img:not(:first-child) {\n  display: none;\n}\n\n.member-thumbnail:not(.default) img {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  width: auto;\n  height: 100%;\n  max-width: none;\n  transform: translate(-50%, -50%);\n}\n\n.member-thumbnail.ratio-43 {\n  padding-top: 75%;\n}\n\n.member-thumbnail.ratio-169 {\n  padding-bottom: 56.25%;\n}\n\n.member-thumbnail.ratio-32 {\n  padding-bottom: 66.66%;\n}\n\n.member-thumbnail.ratio-85 {\n  padding-bottom: 62.5%;\n}\n\n.single-member-top {\n  display: flex;\n}\n\n.single-member-content {\n  margin-top: 20px;\n}\n\n.single-member-avatar {\n  flex: 0 0 160px;\n}\n\n.single-member-top-info {\n  flex: 1;\n  padding-left: 15px;\n}\n\n.single-member-title {\n  font-size: 24px;\n  margin-top: 0;\n  margin-bottom: 10px;\n  text-transform: none;\n}\n\n.single-member-time {\n  font-size: 16px;\n}\n\n.member-time-item {\n  display: flex;\n  margin-bottom: 8px;\n}\n\n.member-time-item:last-child {\n  margin-bottom: 0;\n}\n\n.member-time-item .time-label {\n  font-weight: 600;\n}\n\n.member-time-item .time-content {\n  font-style: italic;\n  padding-left: 3px;\n}\n\n.member-view-tree {\n  margin-top: 8px;\n  margin-bottom: 20px;\n}\n\n.member-view-tree a {\n  color: #000;\n  text-decoration: underline;\n  transition: all .3s;\n}\n\n.member-view-tree a:hover {\n  text-decoration: underline;\n  transition: all .3s;\n}\n\n.member-view-tree a:after {\n  content: '\\e902';\n  font-family: familypress;\n  font-size: 16px;\n  display: inline-block;\n  position: relative;\n  margin-left: 3px;\n  bottom: -1px;\n  transform: rotate(90deg);\n}\n\n.member-action {\n  display: flex;\n  flex-wrap: wrap;\n}\n\n.member-action .member-action-report {\n  margin-left: 10px;\n  display: flex;\n  align-items: center;\n}\n\n.member-action .member-action-report:before {\n  font-family: familypress;\n  font-size: 18px;\n  font-weight: 400;\n  content: '\\e908';\n  margin-right: 5px;\n}\n\n.member-subscribe {\n  display: flex;\n  align-items: center;\n}\n\n.member-subscribe:before {\n  font-family: familypress;\n  font-size: 18px;\n  font-weight: 400;\n  content: '\\e900';\n  margin-right: 5px;\n}\n\n.member-subscribe.subscribed:before {\n  content: '\\e901';\n}\n\n.member-report-notice.success {\n  color: #c72538;\n}\n\n.member-report-form {\n  margin-top: 12px;\n  display: none;\n}\n\n.member-report-reason {\n  margin-top: 8px;\n}\n\n.member-report-submit {\n  margin-top: 16px;\n}\n\n.single-member-content {\n  max-height: 90px;\n  overflow: hidden;\n}\n\n.single-member-content.active {\n  max-height: none;\n}\n\n.single-member-content-btn {\n  color: #000;\n  text-decoration: underline;\n}\n\n.single-member-content-btn:hover, .single-member-content-btn:active, .single-member-content-btn:focus {\n  text-decoration: underline;\n}\n\n.single-member-content-btn:after {\n  content: '\\e90d';\n  font-family: familypress;\n  margin-left: 5px;\n}\n\n.single-member-content-btn.active:after {\n  content: '\\e910';\n}\n\n.single-title {\n  margin-top: 25px;\n  margin-bottom: 15px;\n  text-transform: none;\n  font-size: 18px;\n}\n\n.single-member-bottom {\n  font-size: 16px;\n}\n\n.personal-information {\n  margin: 0;\n  padding: 0;\n  list-style: none;\n  border: 1px solid rgba(0, 0, 0, 0.2);\n}\n\n.info-item {\n  display: flex;\n  margin: 0;\n  padding: 8px 15px;\n}\n\n.info-item .info-label {\n  flex: 0 0 200px;\n  font-weight: 600;\n}\n\n.info-item:nth-child(2n) {\n  background-color: white;\n}\n\n.info-item:nth-child(2n+1) {\n  background-color: #f5f5f5;\n}\n\n.info-item .gender-male:after {\n  content: '\\e917';\n  font-family: familypress;\n  color: red;\n  margin-left: 3px;\n}\n\n.info-item .gender-female:after {\n  content: '\\e918';\n  font-family: familypress;\n  color: pink;\n  margin-left: 3px;\n}\n\n.info-content a {\n  text-decoration: underline;\n}\n\n.info-content a:hover, .info-content a:active, .info-content a:focus {\n  text-decoration: underline;\n}\n\n.families-parent {\n  margin: 0;\n  padding: 0;\n  list-style: none;\n  border: 1px solid rgba(0, 0, 0, 0.2);\n}\n\n.siblings-list {\n  margin: 0;\n  padding: 0;\n  list-style: none;\n}\n\n.siblings-item {\n  margin: 0;\n  display: inline-block;\n}\n\n.spouse-list {\n  margin: 0;\n  padding: 0;\n  list-style: none;\n}\n\n.spouse-item {\n  margin: 0;\n}\n\n.spouse-item .spouse-item-list {\n  border: 1px solid rgba(0, 0, 0, 0.2);\n}\n\n.spouse-item .spouse-content {\n  display: flex;\n  padding: 8px 15px;\n}\n\n.spouse-item .spouse-content:nth-child(2n) {\n  background-color: white;\n}\n\n.spouse-item .spouse-content:nth-child(2n+1) {\n  background-color: #f5f5f5;\n}\n\n.spouse-item .spouse-content-label {\n  flex: 0 0 200px;\n  font-weight: 500;\n}\n\n.spouse-item .children-list {\n  padding: 0;\n  margin: 0;\n  list-style: none;\n}\n\n.spouse-item .children-list li {\n  margin: 0;\n  display: inline-block;\n}\n\n.spouse-item .children-list a {\n  text-decoration: underline;\n}\n\n.spouse-item .children-list .gender-male:after {\n  content: '\\e917';\n  font-family: familypress;\n  color: red;\n  margin-left: 3px;\n}\n\n.spouse-item .children-list .gender-female:after {\n  content: '\\e918';\n  font-family: familypress;\n  color: pink;\n  margin-left: 3px;\n}\n\n.job-list {\n  margin: 0;\n  padding: 0;\n  list-style: none;\n  border: 1px solid rgba(0, 0, 0, 0.2);\n}\n\n.job-item {\n  display: flex;\n  margin: 0;\n  padding: 8px 15px;\n}\n\n.job-item:nth-child(2n) {\n  background-color: white;\n}\n\n.job-item:nth-child(2n+1) {\n  background-color: #f5f5f5;\n}\n\n.event-list {\n  margin: 0;\n  padding: 0;\n  list-style: none;\n  border: 1px solid rgba(0, 0, 0, 0.2);\n}\n\n.event-item {\n  display: flex;\n  margin: 0;\n  padding: 8px 15px;\n}\n\n.event-item:nth-child(2n) {\n  background-color: white;\n}\n\n.event-item:nth-child(2n+1) {\n  background-color: #f5f5f5;\n}\n\n.info-list {\n  margin: 0;\n  padding: 0;\n  list-style: none;\n  border: 1px solid rgba(0, 0, 0, 0.2);\n}\n\n.file-list {\n  margin: 0;\n  padding: 0;\n  list-style: none;\n  border: 1px solid rgba(0, 0, 0, 0.2);\n}\n\n.file-list a {\n  text-decoration: underline;\n}\n\n.file-list a:hover, .file-list a:active, .file-list a:focus {\n  text-decoration: underline;\n}\n\n.file-item {\n  margin: 0;\n  padding: 8px 15px;\n}\n\n.file-item:nth-child(2n) {\n  background-color: white;\n}\n\n.file-item:nth-child(2n+1) {\n  background-color: #f5f5f5;\n}\n\n.image-list {\n  margin: -5px;\n  padding: 0;\n  list-style: none;\n  display: flex;\n  flex-wrap: wrap;\n}\n\n.image-item {\n  margin: 0;\n  width: 25%;\n  padding: 5px;\n}\n\n.image-item a {\n  display: flex;\n}\n\n.image-item img {\n  width: 100%;\n}\n\n.video-list {\n  margin: -5px;\n  padding: 0;\n  list-style: none;\n  display: flex;\n  flex-wrap: wrap;\n}\n\n.video-item {\n  margin: 0;\n  width: 50%;\n  padding: 5px;\n}\n\n.single-member-nav {\n  display: flex;\n  padding: 30px 0 28px;\n  margin-top: 30px;\n  border-top: 1px solid #eee;\n  border-bottom: 1px solid #eee;\n}\n\n@media screen and (max-width: 767px) {\n  .single-member-nav {\n    display: block;\n  }\n}\n\n.single-member-nav .member-nav-link {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  z-index: 1;\n}\n\n.single-member-nav .single-member-nav-content {\n  display: flex;\n  align-items: flex-start;\n}\n\n.single-member-nav .member-nav-thumb {\n  position: relative;\n}\n\n.single-member-nav .member-nav-thumb img {\n  max-width: 110px;\n  border-radius: 0;\n}\n\n.single-member-nav .member-nav-label {\n  color: #ababab;\n  font-size: 14px;\n  letter-spacing: 1px;\n  line-height: 1;\n  font-weight: 500;\n  text-transform: uppercase;\n}\n\n.single-member-nav .member-nav-title {\n  margin: 8px 0;\n  font-size: 16px;\n  font-weight: 600;\n  text-transform: none;\n}\n\n.single-member-nav .member-nav-info {\n  display: flex;\n  flex-wrap: wrap;\n  font-size: 14px;\n}\n\n.single-member-nav .member-nav-info > div {\n  margin-right: 15px;\n  position: relative;\n}\n\n.single-member-nav .member-nav-info > div:after {\n  content: '';\n  width: 3px;\n  height: 3px;\n  background-color: #696969;\n  position: absolute;\n  right: -8px;\n  border-radius: 50%;\n  top: 50%;\n  transform: translateY(-50%);\n}\n\n.single-member-nav .member-nav-info > div:last-child {\n  margin-right: 0;\n}\n\n.single-member-nav .member-nav-info > div:last-child:after {\n  display: none;\n}\n\n.single-member-nav .single-member-prev {\n  width: 50%;\n  position: relative;\n}\n\n@media screen and (max-width: 767px) {\n  .single-member-nav .single-member-prev {\n    width: 100%;\n    padding-bottom: 15px;\n    margin-bottom: 16px;\n    border-bottom: 1px solid #eee;\n  }\n}\n\n.single-member-nav .single-member-prev .member-nav-meta {\n  padding-left: 10px;\n}\n\n.single-member-nav .single-member-next {\n  width: 50%;\n  margin-left: auto;\n  text-align: right;\n  position: relative;\n}\n\n@media screen and (max-width: 767px) {\n  .single-member-nav .single-member-next {\n    width: 100%;\n  }\n}\n\n.single-member-nav .single-member-next .single-member-nav-content {\n  justify-content: flex-end;\n}\n\n.single-member-nav .single-member-next .member-nav-info {\n  justify-content: flex-end;\n}\n\n.single-member-nav .single-member-next .member-nav-meta {\n  padding-right: 10px;\n}\n\n.single-related-member {\n  overflow: hidden;\n}\n\n@media screen and (max-width: 767px) {\n  .single-related-member .related-list {\n    max-width: calc(100vw - 16px);\n  }\n}\n\n.single-related-member .haru-slick {\n  margin: 0 -10px;\n}\n\n@media screen and (max-width: 991px) {\n  .single-related-member .haru-slick {\n    margin: 0 -10px;\n  }\n}\n\n@media screen and (max-width: 767px) {\n  .single-related-member .haru-slick {\n    margin: 0 -8px;\n  }\n}\n\n.single-related-member .slick-slide {\n  padding: 0 10px;\n}\n\n@media screen and (max-width: 991px) {\n  .single-related-member .slick-slide {\n    padding: 0 10px;\n  }\n}\n\n@media screen and (max-width: 767px) {\n  .single-related-member .slick-slide {\n    padding: 0 8px;\n  }\n}\n\n.single-related-member {\n  padding-top: 30px;\n  position: relative;\n  overflow: hidden;\n}\n\n.single-related-member .related-title {\n  padding-bottom: 15px;\n  margin-bottom: 25px;\n  font-size: 20px;\n  position: relative;\n  font-weight: 500;\n}\n\n@media screen and (max-width: 1199px) {\n  .single-related-member .related-title {\n    font-size: 18px;\n  }\n}\n\n@media screen and (max-width: 767px) {\n  .single-related-member .related-title {\n    font-size: 16px;\n  }\n}\n\n.single-related-member .related-title:before {\n  content: \"\";\n  position: absolute;\n  bottom: 0;\n  width: 100%;\n  height: 1px;\n  background-color: #eee;\n}\n\n.single-related-member .related-title:after {\n  content: \"\";\n  position: absolute;\n  width: 30px;\n  height: 1px;\n  bottom: 0;\n  left: 0;\n  background-color: #c72538;\n}\n\n.single-related-member .related-list {\n  margin: 0 -10px;\n}\n\n.single-related-member .member-item:focus {\n  outline: none;\n}\n\n.single-related-member .haru-slick {\n  display: none;\n}\n\n.single-related-member .haru-slick.slick-initialized {\n  display: block;\n}\n\n.single-related-member .slick-arrow.slick-prev, .single-related-member .slick-arrow.slick-next {\n  border: none;\n  color: transparent;\n  cursor: pointer;\n  display: block;\n  font-size: 0;\n  line-height: 0;\n  outline: none;\n  padding: 0;\n  position: absolute;\n  background-color: #c72538;\n  top: -58px;\n  right: 0;\n  z-index: 9;\n  width: 26px;\n  height: 26px;\n  border-radius: 0;\n  transition: all 0.3s;\n}\n\n.single-related-member .slick-arrow.slick-prev:before, .single-related-member .slick-arrow.slick-next:before {\n  color: #fff;\n  font-family: \"familypress\";\n  font-size: 14px;\n  line-height: 1;\n  opacity: 1;\n  transition: all 0.3s;\n}\n\n.single-related-member .slick-arrow.slick-prev {\n  right: 40px;\n}\n\n.single-related-member .slick-arrow.slick-prev:before {\n  content: '\\e90e';\n}\n\n.single-related-member .slick-arrow.slick-next {\n  right: 10px;\n}\n\n.single-related-member .slick-arrow.slick-next:before {\n  content: '\\e90f';\n}\n\n/*-----------------------------------\n * 4. TREE\n *-----------------------------------*/\n.single-tree-root {\n  display: flex;\n}\n\n.tree-root-thumbnail {\n  flex: 0 0 100px;\n}\n\n.tree-root-info {\n  flex: 1;\n  padding-left: 15px;\n}\n\n.tree-root-title {\n  font-size: 18px;\n  margin-top: 0;\n}\n\n.tree-root-btn {\n  padding-top: 10px;\n}\n\n.tree-root-btn a {\n  text-decoration: underline;\n}\n\n.tree-root-btn a:hover {\n  text-decoration: underline;\n}\n\n.tree-root-btn a:after {\n  content: '\\e919';\n  font-family: familypress;\n}\n\n.single-tree-root-more {\n  margin-top: 15px;\n  margin-bottom: 30px;\n}\n\n.tree-root-btn-more {\n  position: relative;\n  text-align: center;\n}\n\n.tree-root-btn-more:before {\n  background-color: #eee;\n  content: '';\n  position: absolute;\n  height: 1px;\n  width: 100%;\n  left: 0;\n  top: 50%;\n  transform: translateY(-50%);\n}\n\n.tree-root-btn-more a {\n  position: relative;\n  z-index: 2;\n}\n\n.tree-root-btn-more a:hover {\n  background-color: #fff;\n}\n\n.tree-root-btn-more a:after {\n  content: '\\e91c';\n  font-family: familypress;\n  margin-left: 5px;\n}\n\n.tree-root-btn-more a.active:after {\n  content: '\\e91d';\n}\n\n.tree-root-content-more {\n  display: none;\n}\n\n.tree-root-age-year {\n  font-style: italic;\n}\n\n.tree-root-age-year:before {\n  content: '(';\n}\n\n.tree-root-age-year:after {\n  content: ')';\n}\n\n.buttons .zoom-in:before {\n  content: '\\e911';\n  font-family: familypress;\n  margin-right: 5px;\n}\n\n.buttons .zoom-out:before {\n  content: '\\e912';\n  font-family: familypress;\n  margin-right: 5px;\n}\n\n.buttons .zoom-in,\n.buttons .zoom-out {\n  display: inline-flex;\n  align-items: center;\n  background-color: #fff;\n  border-radius: 0;\n  padding: 6px 12px;\n}\n\n.haru-fp-tree {\n  margin-bottom: 100px;\n  position: relative;\n}\n\n.haru-fp-tree .haru-fp-tree-wrap {\n  background-color: #ededed;\n  overflow: hidden;\n  user-select: none;\n  touch-action: none;\n  padding-top: 60px;\n}\n\n.haru-fp-tree .childs {\n  display: table;\n}\n\n.haru-fp-tree .buttons {\n  position: absolute;\n  top: 0;\n  right: 0;\n  padding: 10px;\n}\n\n.haru-fp-tree .tree {\n  width: max-content;\n  word-wrap: initial;\n  margin: 0 auto;\n  box-sizing: border-box;\n  padding: 10px;\n  cursor: -webkit-grab;\n  user-select: none;\n  touch-action: none;\n  transition: none 0s ease 0s;\n  /* Time to add downward connectors from parents */\n}\n\n.haru-fp-tree .tree ul {\n  margin: 0;\n  padding-top: 20px;\n  padding-left: 0;\n  position: relative;\n  transition: all .5s;\n}\n\n.haru-fp-tree .tree li {\n  float: left;\n  text-align: center;\n  list-style-type: none;\n  position: relative;\n  padding: 20px 5px 0 5px;\n  margin: 0;\n  transition: all 0.5s;\n  /* We will use ::before and ::after to draw the connectors */\n  /* We need to remove left-right connectors from elements without any siblings */\n  /* Remove space from the top of single children */\n  /* Remove left connector from first child and right connector from last child */\n  /* Adding back the vertical connector to the last nodes */\n}\n\n.haru-fp-tree .tree li:before, .haru-fp-tree .tree li:after {\n  content: '';\n  position: absolute;\n  top: 0;\n  right: 50%;\n  border-top: 1px solid #ccc;\n  width: 50%;\n  height: 20px;\n}\n\n.haru-fp-tree .tree li::after {\n  right: auto;\n  left: 50%;\n  border-left: 1px solid #ccc;\n}\n\n.haru-fp-tree .tree li:only-child::after, .haru-fp-tree .tree li:only-child::before {\n  display: none;\n}\n\n.haru-fp-tree .tree li:only-child {\n  padding-top: 0;\n}\n\n.haru-fp-tree .tree li:first-child::before, .haru-fp-tree .tree li:last-child::after {\n  border: 0 none;\n}\n\n.haru-fp-tree .tree li:last-child::before {\n  border-right: 1px solid #ccc;\n  border-radius: 0 5px 0 0;\n}\n\n.haru-fp-tree .tree li:first-child::after {\n  border-radius: 5px 0 0 0;\n}\n\n.haru-fp-tree .tree ul ul::before {\n  content: '';\n  position: absolute;\n  top: 0;\n  left: 50%;\n  border-left: 1px solid #ccc;\n  width: 0;\n  height: 20px;\n  transform: translateX(-50%);\n}\n\n.haru-fp-tree .member-item {\n  width: 110px;\n  margin: 0 auto;\n  border: 1px solid #000;\n  border-radius: 5px;\n  z-index: 1;\n}\n\n.haru-fp-tree .member-item.male {\n  background-color: #daeef3;\n}\n\n.haru-fp-tree .member-item.female {\n  background-color: #ffdbe0;\n}\n\n.haru-fp-tree .member-image {\n  display: flex;\n}\n\n.haru-fp-tree .member-info {\n  font-size: 12px;\n  padding: 10px 3px;\n}\n\n.haru-fp-tree .member-date {\n  display: flex;\n  justify-content: center;\n}\n\n.haru-fp-tree .member-date:before {\n  content: '(';\n}\n\n.haru-fp-tree .member-date:after {\n  content: ')';\n}\n\n.haru-fp-tree .member-dead:before {\n  content: '-';\n  padding: 0 3px;\n}\n\n.haru-fp-tree .member-title {\n  font-size: 16px;\n  margin-top: 0;\n  margin-bottom: 5px;\n  text-transform: none;\n}\n\n.haru-fp-tree .member-title a {\n  color: #000;\n  text-decoration: none;\n  transition: all .3s;\n}\n\n.haru-fp-tree .member-title a:hover {\n  color: #c72538;\n  transition: all .3s;\n}\n\n.haru-fp-tree .member-gender {\n  text-transform: capitalize;\n}\n\n.haru-fp-tree .member-gender.male:after {\n  content: '\\e917';\n  font-family: familypress;\n}\n\n.haru-fp-tree .member-gender.female:after {\n  content: '\\e918';\n  font-family: familypress;\n}\n\n.haru-fp-tree .member-relation {\n  margin-bottom: 15px;\n  position: relative;\n}\n\n.haru-fp-tree .member-relation:before {\n  content: \"\\e904\";\n  font-family: familypress;\n  background-color: #fff;\n  position: relative;\n  width: 25px;\n  height: 25px;\n  border: 1px solid #ccc;\n  padding: 2px;\n  z-index: 2;\n}\n\n.haru-fp-tree .member-relation:after {\n  content: \"\";\n  position: absolute;\n  background: #ccc;\n  height: 55px;\n  width: 1px;\n  top: -15px;\n  left: 50%;\n  transform: translateX(-50%);\n  z-index: 1;\n}\n\n.haru-fp-tree .member-relation-spouse:before {\n  content: \"\\e907\";\n  color: #c72538;\n}\n\n.haru-fp-tree .single-child.families {\n  padding-top: 25px;\n}\n\n.haru-fp-tree .single-child > .child > .member-relation {\n  margin-bottom: 30px;\n}\n\n.haru-fp-tree .single-child > .child > .member-relation:after {\n  height: 65px;\n  top: -6px;\n}\n\n/*-----------------------------------\n * 5. SHORTCODES\n *-----------------------------------*/\n.member-list-anniversary--birth .member-item .member-label {\n  display: block;\n}\n\n.member-list-anniversary--birth .member-item .member-label .member-label-die {\n  display: none;\n}\n\n.member-list-anniversary--dead .member-item .member-label {\n  display: block;\n}\n\n.member-list-anniversary--dead .member-item .member-label .member-label-born {\n  display: none;\n}\n\n.member-list-anniversary--padding .member-list {\n  margin: 0 -15px -25px -15px;\n}\n\n@media screen and (max-width: 991px) {\n  .member-list-anniversary--padding .member-list {\n    margin: 0 -10px -25px -10px;\n  }\n}\n\n@media screen and (max-width: 767px) {\n  .member-list-anniversary--padding .member-list {\n    margin: 0 -8px -25px -8px;\n  }\n}\n\n.member-list-anniversary--padding .member-list .grid-item {\n  padding: 0 15px;\n  margin-bottom: 25px;\n}\n\n@media screen and (max-width: 991px) {\n  .member-list-anniversary--padding .member-list .grid-item {\n    padding: 0 10px;\n  }\n}\n\n@media screen and (max-width: 767px) {\n  .member-list-anniversary--padding .member-list .grid-item {\n    padding: 0 8px;\n  }\n}\n\n.member-slider-anniversary--birth .member-item .member-label {\n  display: block;\n}\n\n.member-slider-anniversary--birth .member-item .member-label .member-label-die {\n  display: none;\n}\n\n.member-slider-anniversary--dead .member-item .member-label {\n  display: block;\n}\n\n.member-slider-anniversary--dead .member-item .member-label .member-label-born {\n  display: none;\n}\n\n@media screen and (max-width: 767px) {\n  .member-slider-anniversary--padding {\n    max-width: calc(100vw - 16px);\n  }\n}\n\n.member-slider-anniversary--padding .member-list .slick-prev {\n  left: 15px;\n}\n\n@media screen and (max-width: 991px) {\n  .member-slider-anniversary--padding .member-list .slick-prev {\n    left: 10px;\n  }\n}\n\n@media screen and (max-width: 767px) {\n  .member-slider-anniversary--padding .member-list .slick-prev {\n    left: 8px;\n  }\n}\n\n.member-slider-anniversary--padding .member-list .slick-next {\n  right: 15px;\n}\n\n@media screen and (max-width: 991px) {\n  .member-slider-anniversary--padding .member-list .slick-next {\n    right: 10px;\n  }\n}\n\n@media screen and (max-width: 767px) {\n  .member-slider-anniversary--padding .member-list .slick-next {\n    right: 8px;\n  }\n}\n\n.member-slider-anniversary--padding .haru-slick {\n  margin: 0 -15px;\n}\n\n@media screen and (max-width: 991px) {\n  .member-slider-anniversary--padding .haru-slick {\n    margin: 0 -10px;\n  }\n}\n\n@media screen and (max-width: 767px) {\n  .member-slider-anniversary--padding .haru-slick {\n    margin: 0 -8px;\n  }\n}\n\n.member-slider-anniversary--padding .slick-slide {\n  padding: 0 15px;\n}\n\n@media screen and (max-width: 991px) {\n  .member-slider-anniversary--padding .slick-slide {\n    padding: 0 10px;\n  }\n}\n\n@media screen and (max-width: 767px) {\n  .member-slider-anniversary--padding .slick-slide {\n    padding: 0 8px;\n  }\n}\n\n/*-----------------------------------\n * 6. WIDGETS\n *-----------------------------------*/\naside {\n  margin-bottom: 30px;\n}\n\n.widget-title {\n  font-size: 20px;\n  line-height: 1.4;\n  margin-top: 0px;\n  margin-bottom: 25px;\n  padding-bottom: 15px;\n  font-weight: 500;\n  border-bottom: 1px solid #eee;\n  position: relative;\n}\n\n@media screen and (max-width: 1199px) {\n  .widget-title {\n    font-size: 18px;\n  }\n}\n\n@media screen and (max-width: 767px) {\n  .widget-title {\n    font-size: 16px;\n  }\n}\n\n.widget-title:before {\n  content: '';\n  position: absolute;\n  height: 1px;\n  width: 60px;\n  background-color: #c72538;\n  left: 0;\n  bottom: -1px;\n}\n\n.member-search-popup .search-form,\n.member-search-shortcode .search-form,\n.widget-member-search .search-form {\n  position: relative;\n  background-color: transparent;\n  border: 1px solid #eee;\n  border-radius: 0;\n}\n\n.member-search-popup .search-form label,\n.member-search-shortcode .search-form label,\n.widget-member-search .search-form label {\n  display: block;\n  margin-bottom: 0;\n}\n\n.member-search-popup .search-form label input[type=\"search\"],\n.member-search-shortcode .search-form label input[type=\"search\"],\n.widget-member-search .search-form label input[type=\"search\"] {\n  width: calc(100% - 40px);\n  background-color: transparent;\n  border: none;\n  outline: none;\n  padding-left: 15px;\n  padding-right: 5px;\n  font-weight: 400;\n  font-size: 16px;\n  border-top-right-radius: 0;\n  border-top-left-radius: 0;\n  line-height: 40px;\n}\n\n.member-search-popup .search-form label input[type=\"search\"]::-moz-placeholder,\n.member-search-shortcode .search-form label input[type=\"search\"]::-moz-placeholder,\n.widget-member-search .search-form label input[type=\"search\"]::-moz-placeholder {\n  color: #ababab;\n  opacity: 1;\n}\n\n.member-search-popup .search-form label input[type=\"search\"]:-ms-input-placeholder,\n.member-search-shortcode .search-form label input[type=\"search\"]:-ms-input-placeholder,\n.widget-member-search .search-form label input[type=\"search\"]:-ms-input-placeholder {\n  color: #ababab;\n}\n\n.member-search-popup .search-form label input[type=\"search\"]::-webkit-input-placeholder,\n.member-search-shortcode .search-form label input[type=\"search\"]::-webkit-input-placeholder,\n.widget-member-search .search-form label input[type=\"search\"]::-webkit-input-placeholder {\n  color: #ababab;\n}\n\n.member-search-popup .search-form .search-submit,\n.member-search-shortcode .search-form .search-submit,\n.widget-member-search .search-form .search-submit {\n  color: #000;\n  cursor: pointer;\n  width: 40px;\n  padding: 0;\n  position: absolute;\n  font-size: 0;\n  right: 0;\n  top: 0;\n  bottom: 0;\n  overflow: hidden;\n  border: none;\n  background: none;\n  outline: none;\n}\n\n.member-search-popup .search-form .search-submit:hover:before,\n.member-search-shortcode .search-form .search-submit:hover:before,\n.widget-member-search .search-form .search-submit:hover:before {\n  color: #c72538;\n}\n\n.member-search-popup .search-form .search-submit:before,\n.member-search-shortcode .search-form .search-submit:before,\n.widget-member-search .search-form .search-submit:before {\n  content: '\\e913';\n  font-family: familypress;\n  font-size: 20px;\n}\n\n.widget-member-families > ul {\n  list-style: none;\n  list-style-type: none;\n  padding: 0;\n  margin: 0;\n}\n\n.widget-member-families > ul li {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  justify-content: space-between;\n  border-bottom: 1px solid #eee;\n}\n\n.widget-member-families > ul li:first-child {\n  margin-top: -12px;\n}\n\n.widget-member-families > ul li.current-cat > a {\n  color: #c72538;\n}\n\n.widget-member-families > ul li:hover > a {\n  color: #c72538;\n}\n\n.widget-member-families > ul li:hover > .count {\n  background-color: #c72538;\n  border: 1px solid #c72538;\n  color: #fff;\n  transition: all .3s;\n}\n\n.widget-member-families > ul li:focus {\n  outline: none;\n}\n\n.widget-member-families > ul li a {\n  flex: 1 1 auto;\n  font-weight: 500;\n  padding: 12px 0;\n  transition: all .3s;\n}\n\n.widget-member-families > ul li .count {\n  border: 1px solid #eee;\n  color: #000;\n  padding: 0 5px;\n  font-size: 12px;\n  border-radius: 20px;\n  min-width: 30px;\n  text-align: center;\n  transition: all .3s;\n}\n\n.widget-member-families > ul .children {\n  flex: 1 1 100%;\n  padding-left: 20px;\n  margin-top: 10px;\n}\n\n.widget-member-families > ul .children li {\n  border-top: 1px solid #eee;\n  border-bottom: none;\n}\n\n.widget-member-tags .tagcloud a {\n  background-color: #f8f8f8;\n  border-radius: 0;\n  color: #696969;\n  display: inline-block;\n  margin: 6px 4px 0 0;\n  padding: 4px 12px;\n  font-size: 16px !important;\n  text-transform: capitalize;\n  text-decoration: none;\n  transition: all .3s;\n}\n\n.widget-member-tags .tagcloud a:hover {\n  background-color: #c72538;\n  color: #fff;\n  transition: all .3s;\n}\n\n.widget-member-top .members-list,\n.widget-member-members .members-list {\n  padding: 0;\n  margin: 0;\n  list-style: none;\n}\n\n.widget-member-top .member-item,\n.widget-member-members .member-item {\n  display: flex;\n  align-items: start;\n  margin-bottom: 16px;\n  padding-left: 0;\n  padding-right: 0;\n}\n\n.widget-member-top .member-item:last-child,\n.widget-member-members .member-item:last-child {\n  margin-bottom: 0;\n  padding-bottom: 0;\n  border: none;\n}\n\n.widget-member-top .member-item__thumbnail,\n.widget-member-members .member-item__thumbnail {\n  width: 30%;\n}\n\n.widget-member-top .member-item__duration,\n.widget-member-members .member-item__duration {\n  font-size: 12px;\n  right: 5px;\n  bottom: 5px;\n}\n\n.widget-member-top .member-item__labels,\n.widget-member-members .member-item__labels {\n  display: none;\n}\n\n.widget-member-top .member-item__content,\n.widget-member-members .member-item__content {\n  width: 70%;\n  padding-left: 10px;\n}\n\n.widget-member-top .member-item__content h6,\n.widget-member-members .member-item__content h6 {\n  margin-top: 0;\n  padding-top: 0;\n}\n\n.widget-member-top .member-item__title a,\n.widget-member-members .member-item__title a {\n  font-size: 16px;\n}\n\n.widget-member-top .member-item__meta,\n.widget-member-members .member-item__meta {\n  margin-bottom: 0;\n}\n","// Declare SCSS variables in theme options\n$fs-base: \t\t\t\t16px !default;\n\n$fw-light: \t\t\t\t300;\n$fw-normal: \t\t\t400;\n$fw-medium: \t\t\t500;\n$fw-semi-bold: \t\t\t600;\n$fw-bold: \t\t\t\t700;\n$fw-extra-bold: \t\t900;\n\n$cl-primary:            #c72538 !default;\n$cl-secondary:          darken($cl-primary, 5%) !default;\n$cl-text: \t\t\t\t#696969 !default;\n$cl-text-2: \t\t\t#ababab !default;\n$cl-text-3: \t\t\t#9b9b9b !default;\n$cl-text-menu: \t\t\t#000 !default;\n$cl-link:               #696969 !default;\n$cl-link-hover:         #c72538 !default;\n$cl-link-active:        #c72538 !default;\n$cl-heading: \t\t\t#000 !default;\n$cl-border:        \t\t\t#eee !default;\n$cl-border-2:        \t\t#ccc !default;\n$cl-border-3:        \t\t#d8d8d8 !default;\n$cl-border-4:        \t\t#ababab !default;\n$cl-bg-header: \t\t\t\t\t#fff;\n$cl-black: \t\t\t\t\t\t\t#000 !default;\n$cl-black-2: \t\t\t\t\t\t#4d5969;\n$cl-black-3: \t\t\t\t\t\t#949ba4;\n$cl-black-4:\t\t\t\t\t\t#333;\n$cl-black-5: \t\t\t\t\t\t#e4e4e4;\n$cl-white: \t\t\t\t\t\t\t#fff;\n$cl-white-2: \t\t\t\t\t\t#f9f9f9;\n$cl-gray: \t\t\t\t\t\t\t#f5f5f5 !default;\n$cl-gray-2: \t\t\t\t\t\t#f9f9f9;\n$cl-gray-3: \t\t\t\t\t\t#e7e7e7;\n$cl-gray-4: \t\t\t\t\t\t#979797;\n$cl-gray-5: \t\t\t\t\t\t#f8f8f8;\n$cl-red: \t\t\t\t\t\t\t#d82329;\n$cl-red-2: \t\t\t\t\t\t\t#ef3f45;\n$cl-red-3: \t\t\t\t\t\t\t#ffeff0;\n\n$cl-facebook: #4267b2;\n$cl-twitter: #00acee;\n\n\n$opacity-over: .6;\n\n// Dark mode\n$dark-mode: '.dark-mode';\n$background-dark: '.background-dark';\n$cl-bg-dark: \t\t\t\t\t#1d1d1d;\n$cl-bg-dark-2:\t\t\t\t\t#151515;\n$cl-bg-dark-3:\t\t\t\t\t#333;\n$cl-text-dark: \t\t\t\t\t#ababab;\n$cl-text-2-dark: \t\t\t\t#9b9b9b;\n$cl-text-3-dark: \t\t\t\t#696969;\n$cl-white-dark: \t\t\t\t#fff;\n$cl-border-dark: \t\t\t\t#333;\n$cl-border-2-dark: \t\t\t#696969;\n$cl-border-dark-3: \t\t\t#ababab;\n$cl-border-dark-4: \t\t\t#ccc;\n\n$border-radius: \t\t0 !default;\n$border-radius-small: \t0 !default;\n$border-radius-medium: \t10px !default;\n$border-radius-large: \t16px !default;\n\n$border-radius-e: 4px;\n$border-radius-e-small: 2px;\n$border-radius-e-medium: 8px;\n$border-radius-e-large: 12px;\n\n// Base height for element like button\n$e-height-base: 52px;\n$input-height-base: 52px;\n\n// Opacity\n$opacity-hover: .6;\n\n// DECLARE SOME LESS VARIABLES TO USE\n$white:                 #fff;\n$black:                 #000;\n\n//** Deprecated `$screen-xs` as of v3.0.1\n$screen-xs:                  480px;\n\n//** Deprecated `$screen-small-mobile` as of v3.0.1\n$screen-mobile:              320px;\n//** Deprecated `$screen-xs-min` as of v3.2.0\n$screen-xs-min:              $screen-xs;\n//** Deprecated `$screen-phone` as of v3.0.1\n$screen-phone:               $screen-xs-min;\n\n// Small screen / tablet\n//** Deprecated `$screen-sm` as of v3.0.1\n$screen-sm:                  768px;\n$screen-sm-min:              $screen-sm;\n//** Deprecated `$screen-tablet` as of v3.0.1\n$screen-tablet:              $screen-sm-min;\n\n// Medium screen / desktop\n//** Deprecated `$screen-md` as of v3.0.1\n$screen-md:                  992px;\n$screen-md-min:              $screen-md;\n//** Deprecated `$screen-desktop` as of v3.0.1\n$screen-desktop:             $screen-md-min;\n\n// Large screen / wide desktop\n//** Deprecated `$screen-lg` as of v3.0.1\n$screen-lg:                  1200px;\n$screen-lg-min:              $screen-lg;\n//** Deprecated `$screen-lg-desktop` as of v3.0.1\n$screen-lg-desktop:          $screen-lg-min;\n\n// Extra Large screen / wide desktop\n//** Deprecated `$screen-lg` as of v3.0.1\n$screen-xl:                  1441px;\n$screen-xl-min:              $screen-xl;\n//** Deprecated `$screen-xl-desktop` as of v3.0.1\n$screen-xl-desktop:          $screen-xl-min;\n\n// So media queries don't overlap when required, provide a maximum\n$screen-xs-max:              ($screen-sm-min - 1);\n$screen-sm-max:              ($screen-md-min - 1);\n$screen-md-max:              ($screen-lg-min - 1);\n$screen-lg-max:              ($screen-xl-min - 1);\n","// Breadcrumb\n.haru-archive-breadcrumbs,\n.haru-single-breadcrumbs {\n  background-color: $cl-gray;\n  padding: 15px 0;\n  margin-bottom: 80px;\n\n  @media screen and (max-width: $screen-sm-max) {\n    margin-bottom: 60px;\n  }\n\n  .full-width {\n    padding: 0 30px;\n\n    @media screen and (max-width: $screen-xs-max) {\n    padding: 0 15px;\n  }\n  }\n}\n\n.haru-breadcrumb {\n  margin: 0;\n  padding: 0;\n  list-style: none;\n  font-size: $fs-base;\n\n  > li {\n    display: inline-block;\n  }\n\n  .delimiter {\n    padding: 0 5px;\n\n    &:before {\n    display: inline-block;\n    width: 20px;\n    height: 1px;\n    background-color: $cl-text;\n    content: '';\n    position: relative;\n    top: -4px;\n    margin: 0 3px;\n  }\n  }\n\n  .current {\n    color: $cl-primary;\n  }\n\n  a {\n    text-decoration: none;\n  }\n}\n","// Paging css similar haru-page-links\n.archive-pagination {\n  width: 100%;\n  text-align: center;\n\n  @media screen and (max-width: $screen-xs-max) {\n    margin-top: 15px;\n  }\n\n  // Default\n  .page-numbers {\n    display: inline-block;\n    color: $cl-black;\n    margin: 0 5px;\n    width: 30px;\n    height: 30px;\n    line-height: 30px;\n    border-radius: $border-radius;\n    font-weight: $fw-semi-bold;\n    font-size: $fs-base;\n    transition: all .3s;\n\n    &.current {\n      background-color: $cl-primary;\n      color: $cl-white;\n    }\n\n    &:first-child {\n      margin-left: 0;\n    }\n\n    &:last-child {\n      margin-right: 0;\n    }\n  }\n\n  a {\n    text-decoration: none;\n\n    &:hover, \n    &:focus {\n      color: $cl-primary;\n    }\n\n    &.prev, \n    &.next {\n      width: auto;\n      text-transform: capitalize;\n    }\n  }\n\n  // Load more\n  &.load-more {\n\n  }\n\n  // Infinite Scroll\n  #infinite_scroll_loading {\n    text-align: center;\n\n    > div {\n      font-size: $fs-base;\n      color: $cl-black;\n    }\n  }\n}\n\n// Dark Mode\n.dark-mode {\n  // Paging css similar haru-page-links\n  .archive-pagination {\n    // Default\n    .page-numbers {\n      color: $cl-white-dark;\n\n      &.current {\n        background-color: $cl-primary;\n        color: $cl-white;\n      }\n    }\n\n    a {\n      &:hover, \n      &:focus {\n        color: $cl-primary;\n      }\n    }\n\n    // Load more\n    &.load-more {\n\n    }\n  }\n}\n",".button-border {\n  display: inline-block;\n  height: 40px;\n  border: 1px solid $cl-border;\n  border-radius: $border-radius-e;\n  padding: 0 25px;\n  line-height: 38px;\n  font-weight: $fw-semi-bold;\n  color: $cl-primary;\n  text-decoration: none;\n  transition: all .3s;\n\n  &:hover {\n    background-color: $cl-primary;\n    border: 1px solid $cl-primary;\n    color: $cl-white;\n    transition: all .3s;\n  }\n\n  &--medium {\n    height: 32px;\n    line-height: 30px;\n    padding: 0 20px;\n    font-size: $fs-base - 2px;\n  }\n\n  &--small {\n    height: 28px;\n    line-height: 26px;\n    padding: 0 20px;\n    font-size: $fs-base - 2px;\n  }\n\n  &--tiny {\n    height: 24px;\n    line-height: 22px;\n    padding: 0 15px;\n    font-size: $fs-base - 4px;\n  }\n}\n\n.button-background {\n  background-color: $cl-primary;\n  display: inline-block;\n  height: 40px;\n  border: 1px solid $cl-primary;\n  border-radius: $border-radius-e;\n  padding: 0 25px;\n  line-height: 38px;\n  font-weight: $fw-semi-bold;\n  color: $cl-white;\n  cursor: pointer;\n  text-decoration: none;\n  transition: all .3s;\n\n  &:hover {\n    background-color: transparent;\n    border: 1px solid $cl-primary;\n    color: $cl-primary;\n    transition: all .3s;\n  }\n\n  &.loading {\n    &:before {\n      content: '\\e900';\n      font-family: cloudvideo;\n      font-weight: $fw-normal;\n      animation: spinner 2s linear infinite;\n      display: inline-block;\n    }\n  }\n\n  &--medium {\n    height: 32px;\n    line-height: 30px;\n    padding: 0 20px;\n    font-size: $fs-base - 2px;\n  }\n\n  &--small {\n    height: 28px;\n    line-height: 26px;\n    padding: 0 20px;\n    font-size: $fs-base - 2px;\n  }\n\n  &--tiny {\n    height: 24px;\n    line-height: 22px;\n    padding: 0 15px;\n    font-size: $fs-base - 3px;\n  }\n}\n\n\n.cloud-spinner {\n  animation: spinner .5s infinite;\n  display: inline-block;\n}\n\n// spinner\n//------------------------------------------------------------------\n\n@-moz-keyframes spinner {\n  0% {\n    transform: rotate(0);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n}\n\n@-webkit-keyframes spinner {\n  0% {\n    transform: rotate(0);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n}\n\n@-o-keyframes spinner {\n  0% {\n    transform: rotate(0);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n}\n\n@keyframes spinner {\n  0% {\n    transform: rotate(0);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n}\n","// Lightbox\n.haru-lightbox-overlay {\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  background-color: rgba($cl-black, .8);\n  z-index: 99999998;\n  visibility: hidden;\n  opacity: 0;\n  transition: all 0.3s ease-in-out;\n\n  &.show-lightbox {\n    opacity: 1;\n    visibility: visible;\n  }\n\n  .close-lightbox {\n    position: absolute;\n    top: 30px;\n    right: 30px;\n    width: 30px;\n    height: 30px;\n    line-height: 30px;\n    color: $cl-white;\n    font-size: 28px;\n    text-align: center;\n    transition: all .3s;\n\n    &:hover {\n      cursor: pointer;\n      color: $cl-primary;\n      transition: all .3s;\n    }\n\n    &:before {\n      content: '\\e922';\n      font-family: cloudvideo;\n      font-size: 20px;\n    }\n  }\n}\n\n.haru-lightbox {\n  position: fixed;\n  top: 50%;\n  left: 50%;\n  width: 100%;\n  max-width: 1170px;\n  max-height: 70%;\n  background-color: rgba($cl-black, 0);\n  z-index: 99999998;\n  visibility: hidden;\n  opacity: 0;\n  transform: translate(-50%, -50%);\n  transition: all 0.3s ease-in-out;\n\n  &.show-lightbox {\n    opacity: 1;\n    visibility: visible;\n  }\n\n  .haru-lightbox-content {\n    position: absolute;\n    width: 100%;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n  }  \n}\n\n// Ajax loading\n.haru-lightbox-overflow {\n  display: none;\n  margin: 0;\n  padding: 0;\n  width: 100%;\n  height: 100%;\n  position: fixed;\n  top: 0;\n  right: 0;\n  left: 0;\n  bottom: 0;\n  background-color: rgba($cl-black, .5);\n  transition: all .3s;\n\n  &.active {\n    display: table;\n    z-index: 99999;\n  }\n\n  .haru-lightbox-loading {\n    width: 60px;\n    height: 50px;\n    background-color: $cl-white;\n    display: inline-block;\n    left: 0;\n    right: 0;\n    margin: auto;\n    position: absolute;\n    top: 50%;\n    transform: translate(0, -50%);\n    box-shadow: 0 1px 8px rgba($cl-black, .2);\n\n    .loading-wrapper {\n      width: 38px;\n      height: 38px;\n      position: absolute;\n      top: 50%;\n      left: 50%;\n      transform: translate(-50%,-50%);\n\n    }\n  }\n\n  // Spinner copy from loading.scss\n  .spinner {\n    width: 5px;\n    height: 5px;\n    background-color: $cl-primary;\n    position: absolute;\n    border-radius: 50%;\n\n    animation: ajaxLoading .8s infinite;\n  }\n\n  #spinner_one {\n    top: 5px;\n    left: 5px;\n\n  }\n\n  #spinner_two {\n    top: 0;\n    left: 16px;\n    animation-delay: .1s;\n  }\n\n  #spinner_three {\n    top: 5px;\n    left: 27px;\n    animation-delay: .2s;\n  }\n\n  #spinner_four {\n    top: 16px;\n    left: 31px;\n    animation-delay: .3s;\n  }\n\n  #spinner_five {\n    top: 27px;\n    left: 27px;\n    animation-delay: .4s;\n  }\n\n  #spinner_six {\n    top: 31px;\n    left: 16px;\n    animation-delay: .5s;\n  }\n\n  #spinner_seven {\n    top: 27px;\n    left: 5px;\n    animation-delay: .6s;\n  }\n\n  #spinner_eight {\n    top: 16px;\n    left: 0;\n    animation-delay: .7s;\n  }\n}\n\n\n@-webkit-keyframes ajaxLoading {\n  25% {\n    transform: scale(1.5);\n  }\n\n\n  75% {\n    transform: scale(0);\n  }\n}\n\n@keyframes ajaxLoading {\n  50% {\n    transform: scale(1.5,1.5);\n  }\n\n  100% {\n    transform: scale(1,1);\n  }\n}\n","// Notice\n.haru-notice {\n  color: #721c24;\n  background-color: #f8d7da;\n  border-color: #f5c6cb;\n  padding: .75rem 1.25rem;\n  margin-bottom: 1rem;\n  border-radius: $border-radius;\n  display: block;\n  line-height: 1.8;\n  font-weight: $fw-normal;\n  font-size: $fs-base;\n}\n","// Layout\n.haru-container {\n  max-width: 1170px;\n  padding-right: 15px;\n  padding-left: 15px;\n  margin-right: auto;\n  margin-left: auto;\n\n  @media screen and (max-width: $screen-sm-max) {\n    max-width: 970px;\n  }\n\n  @media screen and (max-width: $screen-xs-max) {\n    max-width: 750px;\n  }\n\n  &:before {\n    content: '';\n    display: table;\n  }\n\n  &:after {\n    content: '';\n    clear: both;\n    display: table;\n  }\n\n  &.haru-container--large {\n    max-width: 1440px;\n  }\n}\n\n.h-row {\n  // display: flex;\n  // flex-wrap: wrap;\n  margin-left: -15px;\n  margin-right: -15px;\n\n  &:before {\n    content: '';\n    display: table;\n  }\n\n  &:after {\n    content: '';\n    clear: both;\n    display: table;\n  }\n}\n\n// Layout Sidebar\n// .haru-page,\n// .haru-archive-blog,\n// .haru-single-blog {\n//   &:not(.haru-container) {\n//     padding: 0 30px;\n\n//     @media screen and (max-width: $screen-xs-max) {\n//       padding: 0 15px;\n//     }\n//   }\n// }\n\n.full-width {\n  padding: 0 30px;\n\n  @media screen and (max-width: $screen-md-max) {\n    padding: 0 15px;\n  }\n}\n\n.page-sidebar,\n.archive-sidebar,\n.single-sidebar {\n  box-sizing: border-box;\n  \n  &.left-sidebar {\n    width: 25%;\n    float: left;\n    padding-left: 15px;\n    padding-right: 20px;\n\n    @media screen and (max-width: $screen-sm-max) {\n      width: 100%;\n      float: none;\n      padding-right: 15px;\n      margin-bottom: 60px;\n    }\n  }\n\n  &.right-sidebar {\n    width: 25%;\n    float: right;\n    padding-right: 15px;\n    padding-left: 20px;\n\n    @media screen and (max-width: $screen-sm-max) {\n      width: 100%;\n      float: none;\n      padding-left: 15px;\n      margin-bottom: 60px;\n    }\n  }\n}\n\n// Layout Content\n.page-content,\n.archive-content,\n.single-content {\n  // margin-bottom: 60px;\n  padding: 0 15px;\n  box-sizing: border-box;\n\n  &.has-left-sidebar {\n    width: 75%;\n    float: right;\n    padding-left: 20px;\n\n    @media screen and (max-width: $screen-sm-max) {\n      width: 100%;\n      float: none;\n      padding-left: 15px;\n    }\n  }\n\n  &.has-right-sidebar {\n    width: 75%;\n    float: left;\n    padding-right: 20px;\n\n    @media screen and (max-width: $screen-sm-max) {\n      width: 100%;\n      float: none;\n      padding-right: 15px;\n    }\n  }\n\n  // Two sidebar\n  &.has-left-sidebar {\n    &.has-right-sidebar {\n      width: 50%;\n      display: inline-block;\n      float: none!important;\n\n      @media screen and (max-width: $screen-sm-max) {\n        width: 100%;\n      }\n    }\n  }\n}\n\n// \n.archive-content,\n.single-content {\n  margin-bottom: 100px;\n\n  @media screen and (max-width: $screen-lg-max) {\n    margin-bottom: 90px;\n  }\n\n  @media screen and (max-width: $screen-md-max) {\n    margin-bottom: 80px;\n  }\n\n  @media screen and (max-width: $screen-sm-max) {\n    margin-bottom: 70px;\n  }\n\n  @media screen and (max-width: $screen-xs-max) {\n    margin-bottom: 60px;\n  }\n}\n\n// Grid Blog and Shop\n.layout-grid {\n  flex-wrap: wrap;\n  display: flex;\n}\n\n.grid-columns {\n  // General\n  &-1,\n  &-2,\n  &-3,\n  &-4,\n  &-5,\n  &-6 {\n    .grid-item {\n      display: inline-block;\n      vertical-align: top;\n    }\n  }\n\n  &-1 {\n    .grid-item {\n      width: 100%;\n    }\n  }\n\n  &-2 {\n    .grid-item {\n      width: 50%;\n    }\n  }\n\n  &-3 {\n    .grid-item {\n      width: 33.333333%;\n\n      @-moz-document url-prefix() {\n        width: calc(33.333333% - .1px);\n      }\n    }\n  }\n\n  &-4 {\n    .grid-item {\n      width: 25%;\n    }\n  }\n\n  &-5 {\n    .grid-item {\n      width: 20%;\n    }\n  }\n\n  &-6 {\n    .grid-item {\n      width: 16.666666%;\n    }\n  }\n\n  // Tablet settings\n  &--tablet {\n    &1 {\n      .grid-item {\n        @media screen and (max-width: $screen-sm-max) {\n          width: 100%;\n        }\n      }\n    }\n\n    &2 {\n      .grid-item {\n        @media screen and (max-width: $screen-sm-max) {\n          width: 50%;\n        }\n      }\n    }\n\n    &3 {\n      .grid-item {\n        @media screen and (max-width: $screen-sm-max) {\n          width: 33.333333%;\n\n          @-moz-document url-prefix() {\n            width: calc(33.333333% - .1px);\n          }\n        }\n      }\n    }\n\n    &4 {\n      .grid-item {\n        @media screen and (max-width: $screen-sm-max) {\n          width: 25%;\n        }\n      }\n    }\n\n    &-5 {\n      .grid-item {\n        @media screen and (max-width: $screen-sm-max) {\n          width: 20%;\n        }\n      }\n    }\n\n    &-6 {\n      .grid-item {\n        @media screen and (max-width: $screen-sm-max) {\n          width: 16.666666%;\n        }\n      }\n    }\n  }\n\n  // Mobile Settings\n  &--mobile {\n    &1 {\n      .grid-item {\n        @media screen and (max-width: $screen-xs-max) {\n          width: 100%;\n        }\n      }\n    }\n\n    &2 {\n      .grid-item {\n        @media screen and (max-width: $screen-xs-max) {\n          width: 50%;\n        }\n      }\n    }\n\n    &3 {\n      .grid-item {\n        @media screen and (max-width: $screen-xs-max) {\n          width: 33.333333%;\n\n          @-moz-document url-prefix() {\n            width: calc(33.333333% - .1px);\n          }\n        }\n      }\n    }\n\n    &4 {\n      .grid-item {\n        @media screen and (max-width: $screen-xs-max) {\n          width: 25%;\n        }\n      }\n    }\n\n    &-5 {\n      .grid-item {\n        @media screen and (max-width: $screen-xs-max) {\n          width: 20%;\n        }\n      }\n    }\n\n    &-6 {\n      .grid-item {\n        @media screen and (max-width: $screen-xs-max) {\n          width: 16.666666%;\n\n          @-moz-document url-prefix() {\n            width: calc(16.666666% - .1px);\n          }\n        }\n      }\n    }\n  }\n}\n\n// Special\n.member-list {\n  display: flex;\n  flex-wrap: wrap;\n}\n\n.layout-list {\n  .grid-item {\n    width: 100%;\n  }\n}\n\n// Slick\n.haru-slick {\n  display: none;\n\n  &.slick-initialized {\n    display: block;\n  }\n\n  .slick-slide {\n    &:focus {\n      outline: none;\n    }\n  }\n\n  .slick-prev,\n  .slick-next {\n    font-size: 0;\n    padding: 0;\n\n    &:before {\n      font-weight: $fw-bold;\n      opacity: 1;\n      font-family: cloudvideo;\n      font-size: 14px;\n      visibility: visible;\n      transition: all .3s;\n    }\n\n    &:focus,\n    &:active {\n      outline: none;\n    }\n\n    &:hover {\n      cursor: pointer;\n      background-color: $cl-primary;\n      transition: all .3s;\n\n      &:before {\n        // background-color: $cl-white;\n      }\n    }\n\n    &.slick-disabled {\n      // pointer-events: none;\n      // opacity: .3;\n    }\n  }\n\n  .slick-prev {\n    &:before {\n      content: \"\\e907\";\n    }\n    \n  }\n\n  .slick-next {\n    &:before {\n      content: \"\\e908\";\n    }\n  }\n\n  &--nav-normal {\n    .slick-prev,\n    .slick-next {\n      background: rgba($cl-black, .3);\n      color: $cl-white;\n      border-radius: $border-radius;\n      transition: all .3s;\n\n      &:hover {\n        background: $cl-primary;\n        cursor: pointer;\n        color: $cl-white;\n      }\n    }\n  }\n\n  &--nav-icon {\n    .slick-prev,\n    .slick-next {\n      background: transparent;\n      border: none;\n      color: $cl-text;\n      transition: all .3s;\n\n      &:hover {\n        background: transparent;\n        cursor: pointer;\n        color: $cl-primary;\n      }\n    }\n  }\n\n  &--nav-opacity {\n    &:hover {\n      .slick-prev,\n      .slick-next {\n        opacity: 1;\n        visibility: visible;\n        transition: all .3s;\n      }\n    }\n\n    .slick-prev,\n    .slick-next {\n      background: rgba($black, .3);\n      color: $cl-white;\n      opacity: 0;\n      visibility: hidden;\n      transition: all .3s;\n\n      &:hover {\n        background: $cl-primary;\n        cursor: pointer;\n        transition: all .3s;\n      }\n    }\n  }\n\n  &--nav-border {\n    .slick-prev,\n    .slick-next {\n      background: transparent;\n      color: $cl-black;\n      border-radius: 50%;\n      border: 1px solid $cl-border-4;\n      // transition: all .2s;\n\n      &:before {\n        transition: none;\n      }\n\n      &:hover {\n        background: $cl-primary;\n        border: 1px solid $cl-primary;\n        cursor: pointer;\n        color: $cl-white;\n        // transition: all .2s;\n      }\n    }\n  }\n\n  &--nav-center {\n    .slick-prev,\n    .slick-next {\n      position: absolute;\n      display: block;\n      width: 36px;\n      height: 36px;\n      line-height: 36px;\n      text-align: center;\n      top: 50%;\n      \n      transform: translateY(-50%);\n      z-index: 9;\n      transition: all .3s;\n    }\n\n    .slick-prev {\n      left: 0;\n    }\n\n    .slick-next {\n      right: 0;\n    }\n  }\n\n  &--nav-top-right {\n    .slick-prev,\n    .slick-next {\n      position: absolute;\n      top: -80px;\n      display: block;\n      width: 36px;\n      height: 36px;\n      line-height: 36px;\n      text-align: center;\n    }\n\n    .slick-next {\n      right: 0;\n    }\n\n    .slick-prev {\n      right: 80px;\n    }\n  }\n\n  &--nav-bottom-left {\n    .slick-prev,\n    .slick-next {\n      position: absolute;\n      bottom: -80px;\n      display: block;\n      width: 36px;\n      height: 36px;\n      line-height: 36px;\n      text-align: center;\n    }\n\n    .slick-next {\n      left: 80px;\n    }\n\n    .slick-prev {\n      left: 0;\n    }\n  }\n}\n\n// Carousel\n.haru-carousel {\n  // \n  .owl-nav {\n    z-index: 9;\n\n    .owl-prev,\n    .owl-next {\n      &:before {\n        font-weight: $fw-normal;\n        opacity: 1;\n        font-family: cloudvideo;\n        visibility: visible;\n        transition: all .3s;\n      }\n    }\n\n    .owl-prev {\n      &:before {\n        content: \"\\e907\";\n      }\n    }\n\n    .owl-next {\n      &:before {\n        content: \"\\e908\";\n      }\n    }\n  }\n\n  .owl-dots {\n    text-align: center;\n    position: absolute;\n    bottom: 20px;\n    width: 100%;\n    opacity: 0;\n    visibility: hidden;\n\n    .owl-dot {\n      background: #868686;\n      display: inline-block;\n      height: 10px;\n      margin: 0 5px;\n      width: 10px;\n      border-radius: 50%;\n\n      &.active {\n        background: transparent;\n        border: 1px solid $cl-primary;\n        transform: scale(1.2);\n      }\n    }\n  }\n\n  &--nav-normal {\n    .owl-prev,\n    .owl-next {\n      background: rgba($cl-black, .3);\n      color: $cl-white;\n      border-radius: $border-radius;\n      transition: all .3s;\n\n      &:hover {\n        background: $cl-primary;\n        cursor: pointer;\n        color: $cl-white;\n      }\n    }\n  }\n\n  &--nav-opacity {\n    &:hover {\n      .owl-nav {\n        opacity: 1;\n        transition: all .3s;\n      }\n    }\n  \n    .owl-nav {\n      opacity: 0;\n      transition: all .3s;\n    }\n\n    .owl-prev,\n    .owl-next {\n      background: rgba($black, .3);\n      color: $cl-white;\n      transition: all .3s;\n\n      &:hover {\n        background: $cl-primary;\n        cursor: pointer;\n        transition: all .3s;\n      }\n    }\n  }\n\n  &--nav-center {\n    .owl-nav {\n      opacity: 0;\n      transition: all .3s;\n    }\n\n    .owl-prev,\n    .owl-next {\n      position: absolute;\n      display: block;\n      width: 36px;\n      height: 36px;\n      line-height: 36px;\n      text-align: center;\n      top: 50%;\n      transform: translateY(-50%);\n    }\n\n    .owl-prev {\n      left: 0;\n    }\n\n    .owl-next {\n      right: 0;\n    }\n  }\n\n  &--nav-top-right {\n    .owl-nav {\n      position: absolute;\n      right: 0;\n      top: -80px;\n      display: flex;\n    }\n\n    .owl-prev,\n    .owl-next {\n      display: block;\n      width: 36px;\n      height: 36px;\n      line-height: 36px;\n      text-align: center;\n    }\n\n    .owl-next {\n      margin-left: 6px;\n    }\n  }\n}\n\n\n.dark-mode,\n.background-dark {\n  // Slick\n  .haru-slick {\n    &--nav-border {\n      .slick-prev,\n      .slick-next {\n        color: $cl-white-dark;\n        border: 1px solid $cl-border-dark-3;\n\n        &:hover {\n          background: $cl-primary;\n          border: 1px solid $cl-primary;\n          color: $cl-white;\n        }\n      }\n    }\n  }\n}\n\n\n// Shortcode\n.hide-control {\n  display: none;\n}\n\n.hide {\n  display: none;\n}\n\n// https://tympanus.net/codrops/2012/05/09/how-to-create-a-fast-hover-slideshow-with-css3/\n@-webkit-keyframes load8 {\n  0% {\n    -webkit-transform: rotate(0deg);\n    transform: rotate(0deg);\n  }\n  100% {\n    -webkit-transform: rotate(360deg);\n    transform: rotate(360deg);\n  }\n}\n@keyframes load8 {\n  0% {\n    -webkit-transform: rotate(0deg);\n    transform: rotate(0deg);\n  }\n  100% {\n    -webkit-transform: rotate(360deg);\n    transform: rotate(360deg);\n  }\n}\n\n.haru-clear {\n  &:before,\n  &:after {\n    display: table;\n    content: '';\n  }\n\n  &:after {\n    clear: both;\n  }\n}\n\n// Loading: https://projects.lukehaas.me/css-loaders/\n.member-ajax-content {\n  position: relative;\n  min-height: 200px;\n\n  @media screen and (max-width: $screen-md-max) {\n    min-height: 175px;\n  }\n\n  @media screen and (max-width: $screen-sm-max) {\n    min-height: 130px;\n  }\n\n  &:before {\n    content: '';\n    background-color: rgba($cl-white, .9);\n    position: absolute;\n    width: 100%;\n    height: 100%;\n    top: 0;\n    left: 0;\n    z-index: 9;\n    opacity: 0;\n    visibility: hidden;\n  }\n\n  &.loading {\n    &:before,\n    .ajax-loading-icon {\n      opacity: 1;\n      visibility: visible;\n    }\n  }\n}\n\n.ajax-loading-icon {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  z-index: 9;\n  opacity: 0;\n  visibility: hidden;\n}\n\n.loading-bar {\n  margin: 60px auto;\n  font-size: 4px;\n  position: relative;\n  text-indent: -9999em;\n  border-top: 5px solid rgba($cl-primary, .1);\n  border-right: 5px solid rgba($cl-primary, .1);\n  border-bottom: 5px solid rgba($cl-primary, .1);\n  border-left: 5px solid $cl-primary;\n  -webkit-transform: translateZ(0);\n  -ms-transform: translateZ(0);\n  transform: translateZ(0);\n  -webkit-animation: load8 1.1s infinite linear;\n  animation: load8 1.1s infinite linear;\n  border-radius: 50%;\n  width: 10em;\n  height: 10em;\n\n  &:after {\n    border-radius: 50%;\n    width: 10em;\n    height: 10em;\n  }\n}\n","//\n.haru-archive-member {\n  margin-bottom: 80px;\n\n  @media screen and (max-width: $screen-sm-max) {\n    margin-bottom: 60px;\n  }\n\n  @media screen and (max-width: $screen-xs-max) {\n    margin-bottom: 40px;\n  }\n\n  .grid-columns {\n    margin: 0 -15px;\n  }\n\n  .archive-member-list {\n    .member-item {\n      margin-bottom: 20px;\n      padding: 0 15px;\n    }\n  }\n}\n\n.layout-wrap {\n  &.style-grid {\n    display: flex;\n    flex-wrap: wrap;\n    margin-bottom: 30px;\n\n    .member-item {\n      &__title {\n        a {\n          -webkit-box-pack: center;\n        }\n      }\n\n      &__meta {\n        justify-content: center;\n      }\n\n      &__date {\n        &:before {\n          content: '(';\n        }\n\n        &:after {\n          content: ')';\n        }\n      }\n\n      &__view-tree {\n        text-align: center;\n      }\n    }\n  }\n\n  &.style-list {\n    margin-bottom: 60px;\n\n    // Video\n    .member-item {\n      display: flex;\n      width: 100%;\n      align-items: start;\n      margin-bottom: 30px;\n\n      @media screen and (max-width: $screen-xs-max) {\n        display: block;\n      }\n\n      &__title {\n        font-size: 20px;\n        padding-top: 0;\n        margin-top: 0;\n      }\n\n      &__meta {\n        font-size: $fs-base;\n      }\n\n      &__thumbnail {\n        width: 35%;\n\n        @media screen and (max-width: $screen-xs-max) {\n          width: 100%;\n        }\n      }\n\n      &__content {\n        width: 65%;\n        padding-left: 30px;\n\n        @media screen and (max-width: $screen-xs-max) {\n          width: 100%;\n          padding-left: 0;\n          margin-top: 15px;\n        }\n      }\n\n      &__desc {\n        display: block;\n      }\n    }\n\n    // Playlist\n    .playlist-item {\n      display: flex;\n      width: 100%;\n      align-items: start;\n\n      @media screen and (max-width: $screen-xs-max) {\n        display: block;\n      }\n\n      &__thumbnail {\n        width: 50%;\n\n        @media screen and (max-width: $screen-xs-max) {\n          width: 100%;\n        }\n      }\n\n      &__content {\n        width: 50%;\n        padding-left: 30px;\n\n        @media screen and (max-width: $screen-xs-max) {\n          width: 100%;\n          padding-left: 0;\n          margin-top: 15px;\n        }\n      }\n    }\n  }\n\n  &.style-list-2 {\n    margin-bottom: 25px;\n\n    // Video\n    .member-item {\n      width: 100%;\n      margin-bottom: 30px;\n      // padding-bottom: 30px;\n      // border-bottom: 1px solid $cl-border;\n\n      @media screen and (max-width: $screen-xs-max) {\n        margin-bottom: 20px;\n      }\n\n      &__title {\n        font-size: 24px;\n      }\n\n      &__desc {\n        display: block;\n      }\n    }\n\n    // Playlist\n    .playlist-item {\n      width: 100%;\n    }\n  }\n}\n\n// Taxonomy\n.member-family-tax {\n  margin-bottom: 30px;\n}\n\n.family-view-more {\n  margin-bottom: 30px;\n  position: relative;\n  text-align: center;\n\n  &:before {\n    background-color: $cl-border;\n    content: '';\n    position: absolute;\n    height: 1px;\n    width: 100%;\n    left: 0;\n    top: 50%;\n    transform: translateY(-50%);\n  }\n\n  a {\n    position: relative;\n    z-index: 2;\n\n    &:hover {\n      background-color: $cl-white;\n    }\n\n    &:after {\n      content: '\\e91c';\n      font-family: familypress;\n      margin-left: 5px;\n    }\n\n    &.active {\n      &:after {\n        content: '\\e91d';\n      }\n    }\n  }\n}\n\n.family-more-content {\n  padding: 0 0 40px;\n  display: none;\n}\n\n.family-view-tree {\n  margin-top: 8px;\n  margin-bottom: 20px;\n  text-align: center;\n\n  a {\n    color: $cl-black;\n    text-decoration: underline;\n    transition: all .3s;\n\n    &:hover {\n      text-decoration: underline;\n      transition: all .3s;\n    }\n\n    &:after {\n      content: '\\e902';\n      font-family: familypress;\n      font-size: $fs-base;\n      display: inline-block;\n      position: relative;\n      margin-left: 3px;\n      bottom: -1px;\n      transform: rotate(90deg);\n    }\n  }\n}\n\n.family-root {\n  display: flex;\n}\n\n.family-root-thumbnail {\n  flex: 0 0 100px;\n}\n\n.family-root-info {\n  flex: 1;\n  padding-left: 15px;\n}\n\n.family-root-title {\n  font-size: $fs-base + 2px;\n  margin-top: 0;\n}\n\n.family-root-btn {\n  padding-top: 10px;\n\n  a {\n    text-decoration: underline;\n\n    &:hover {\n      text-decoration: underline;\n    }\n\n    &:after {\n      content: '\\e919';\n      font-family: familypress;\n    }\n  } \n}\n\n.family-root-age-year {\n  font-style: italic;\n\n  &:before {\n    content: '(';\n  }\n\n  &:after {\n    content: ')';\n  }\n}\n\n// Archive Top\n.haru-archive-top {\n  border-bottom: 1px solid $cl-border;\n  display: flex;\n  margin-bottom: 30px;\n  padding-bottom: 10px;\n  position: relative;\n\n  &:before {\n    content: '';\n    position: absolute;\n    height: 1px;\n    width: 60px;\n    background-color: $cl-primary;\n    left: 0;\n    bottom: -1px;\n  }\n\n  @media screen and (max-width: $screen-xs-max) {\n    display: block;\n  }\n\n  .archive-member__title {\n    margin: 0;\n    color: $cl-black;\n    text-transform: none;\n    font-size: $fs-base + 4px;\n    font-weight: $fw-medium;\n\n    @media screen and (max-width: $screen-lg-max) {\n      font-size: $fs-base + 2px;\n    }\n\n    @media screen and (max-width: $screen-xs-max) {\n\n    }\n  }\n}\n\n.haru-archive-top-left {\n  display: flex;\n  align-items: center;\n\n  @media screen and (max-width: $screen-xs-max) {\n    margin-bottom: 15px;\n  }\n}\n\n.haru-archive-top-right {\n  display: flex;\n  margin-left: auto;\n}\n\n.archive-single {\n  &__title {\n    font-size: 20px;\n    margin: 0;\n    color: $cl-heading;\n\n    @media screen and (max-width: $screen-md-max) {\n      font-size: 18px;\n    }\n\n    @media screen and (max-width: $screen-xs-max) {\n      font-size: 16px;\n    }\n  }\n}\n\n.haru-archive-layout-toggle {\n  font-weight: $fw-bold;\n  margin-right: 30px;\n\n  @media screen and (max-width: $screen-xs-max) {\n    flex: 120px 0 0;\n  }\n\n  .toggle-layout {\n    background-color: $cl-white;\n    border: 1px solid $cl-border;\n    display: inline-block;\n    border-radius: $border-radius;\n    color: $cl-text;\n    width: 32px;\n    height: 32px;\n    line-height: 30px;\n    text-align: center;\n    margin-left: 3px;\n    text-decoration: none;\n\n    &:first-child {\n      margin-left: 0;\n    }\n\n    &.active {\n      background-color: $cl-primary;\n      border: 1px solid $cl-primary;\n\n      &:before {\n        color: $cl-white;\n      }\n    }\n\n    &[data-layout=\"grid\"],\n    &[data-layout=\"list\"],\n    &[data-layout=\"list-2\"] {\n      font-size: 0;\n\n      &:before {\n        font-family: familypress;\n        font-size: 20px;\n        font-weight: $fw-normal;\n      }\n    }\n\n    &[data-layout=\"grid\"] {\n      &:before {\n        content: '\\e903';\n      }\n    }\n\n    &[data-layout=\"list\"] {\n      &:before {\n        content: '\\e905';\n      }\n    }\n\n    &[data-layout=\"list-2\"] {\n      &:before {\n        content: '\\e906';\n      }\n    }\n  }\n}\n\n.haru-archive-order {\n  position: relative;\n  display: block;\n  min-width: 150px;\n  font-size: $fs-base;\n\n  @media screen and (max-width: $screen-xs-max) {\n    margin-left: auto;\n  }\n\n  &:hover {\n    cursor: pointer;\n  }\n\n  .order-item-current {\n    border: 1px solid $cl-border;\n    color: $cl-black;\n    height: 32px;\n    line-height: 30px;\n    padding: 0 15px;\n    position: relative;\n    border-radius: $border-radius;\n    background-color: $cl-gray;\n    text-transform: capitalize;\n    user-select: none;\n\n    &.active {\n      border: 1px solid $cl-primary;\n\n      &:before {\n        transform: translateY(-50%) rotate(180deg);\n      }\n    }\n\n    &:before {\n      content: '\\e90d';\n      color: $cl-text;\n      font-family: familypress;\n      font-size: $fs-base - 2px;\n      position: absolute;\n      right: 8px;\n      top: 50%;\n      transform: translateY(-50%);\n    }\n  }\n\n  .order-items {\n    position: absolute;\n    background-color: $cl-white;\n    width: 100%;\n    left: 0;\n    top: calc(100% + 3px);\n    padding: 0;\n    margin: 0;\n    list-style: none;\n    border: 1px solid $cl-border;\n    opacity: 0;\n    visibility: hidden;\n    z-index: 99;\n    border-radius: $border-radius;\n    overflow: hidden;\n\n    &.active {\n      opacity: 1;\n      visibility: visible;\n    }\n  }\n\n  .order-item {\n    &.selected {\n      background-color: $cl-primary;\n\n      a {\n        color: $cl-white;\n      }\n    }\n\n    a {\n      display: block;\n      padding: 2px 15px;\n      text-decoration: none;\n    }\n  }\n}\n\n// Video item base\n.member-item {\n  position: relative;\n  box-sizing: border-box;\n\n  &:hover {\n    .member-item__thumbnail {\n      &:before {\n        opacity: 1;\n        visibility: visible;\n        transition: all .3s;\n      }\n\n      .member-watch-later {\n        opacity: 1;\n        visibility: visible;\n        transition: all .3s;\n      }\n    }\n\n    .member-item__icon {\n      opacity: 1;\n      visibility: visible;\n      transition: all .3s;\n    }\n  }\n\n  &__thumbnail {\n    position: relative;\n    overflow: hidden;\n    border-radius: $border-radius;\n    display: flex;\n\n    &:before {\n      content: '';\n      position: absolute;\n      width: 100%;\n      height: 100%;\n      left: 0;\n      top: 0;\n      background: linear-gradient(to top, rgba($cl-black, .8), transparent);\n      opacity: 0;\n      visibility: hidden;\n      transition: all .3s;\n    }\n\n    a {\n      display: inline-flex;\n      text-decoration: none;\n      text-underline: none;\n    }\n\n    img {\n      max-width: 100%;\n      height: auto;\n    }\n\n    .member-watch-later {\n      position: absolute;\n      top: 8px;\n      right: 8px;\n      background-color: rgba($cl-black, .7);\n      border-radius: $border-radius;\n      color: $cl-white !important;\n      cursor: pointer;\n      display: flex;\n      align-items: center;\n      line-height: 1;\n      font-size: 10px;\n      padding: 3px;\n      z-index: 2;\n      font-size: 0;\n      opacity: 0;\n      visibility: hidden;\n      transition: opacity .3s;\n\n      @media screen and (max-width: $screen-sm-max) {\n        opacity: 1;\n        visibility: visible;\n      }\n\n      &:before {\n        font-size: $fs-base - 2px;\n        margin-right: 0;\n      }\n\n      &:hover {\n        font-size: $fs-base - 4px;\n        width: auto;\n        transition: all .3s;\n\n        &:before {\n          margin-right: 2px;\n        }\n      }\n\n      &.active {\n        background-color: $cl-primary;\n\n        &:before {\n          color: $cl-white;\n        }\n      }\n\n      .haru-icon {\n        background-color: $cl-white;\n        vertical-align: middle;\n      }\n    }\n\n  }\n\n  .member-label {\n    position: absolute;\n    top: 8px;\n    left: 8px;\n    background-color: $cl-primary;\n    color: $cl-white;\n    display: none;\n\n    .member-label-born,\n    .member-label-die {\n      text-align: center;\n    }\n\n    .member-label-month {\n      padding: 0 5px;\n    }\n\n    .member-label-day {\n      background-color: $cl-white;\n      color: $cl-black;\n    }   \n  }\n\n  &__title {\n    color: $cl-black;\n    font-size: $fs-base;\n    padding-top: 5px;\n    margin-bottom: 5px;\n    margin-top: 10px;\n\n    a {\n      color: $cl-black;\n      line-height: 1.4;\n      font-weight: $fw-medium;\n      transition: all .3s;\n      display: -webkit-box;\n      -webkit-line-clamp: 2;\n      -webkit-box-orient: vertical;\n      overflow: hidden;\n      text-transform: none;\n      text-decoration: none;\n\n      &:hover {\n        color: $cl-primary;\n        transition: all .3s;\n      }\n    }\n  }\n\n  &__category {\n    margin-bottom: -5px;\n    margin-top: 12px;\n    display: none;\n\n    a {\n      background-color: $cl-primary;\n      display: inline-block;\n      color: $cl-white;\n      padding: 0 10px;\n      font-size: $fs-base - 2px;\n      font-weight: $fw-medium;\n      border-radius: $border-radius;\n\n      &:hover {\n        color: $cl-white;\n      }\n    }\n\n  }\n\n  &__meta {\n    display: flex;\n    flex-wrap: wrap;\n    margin-bottom: 5px;\n    font-size: $fs-base - 2px;\n    color: $cl-text;\n\n    > div {\n      &:not([style*=\"display: none\"]) {\n\n      }\n\n      &:last-child {\n\n      }\n    }\n  }\n\n  &__date {\n    display: flex;\n    flex-wrap: wrap;\n  }\n\n  &__die {\n    .member-item__info-content {\n      &:before {\n        content: '-';\n        padding: 0 3px;\n      }\n    }\n  }\n\n  &__info-label {\n    display: none;\n  }\n\n  &__view-tree {\n    font-size: $fs-base - 2px;\n    \n    a {\n      text-decoration: underline;\n\n      &:hover {\n        text-decoration: underline;\n      }\n\n      &:after {\n        content: '\\e902';\n        font-family: familypress;\n        font-size: $fs-base;\n        display: inline-block;\n        position: relative;\n        margin-left: 3px;\n        bottom: -1px;\n        transform: rotate(90deg);\n      }\n    }\n  }\n\n  &__labels {\n    position: absolute;\n    top: 8px;\n    left: 8px;\n    z-index: 2;\n  }\n\n  &__label {\n    background-color: $cl-primary;\n    color: $cl-white;\n    font-size: $fs-base - 6px;\n    font-weight: $fw-medium;\n    padding: 0 6px;\n    height: 16px;\n    line-height: 16px;\n    position: relative;\n    margin-bottom: 3px;\n    text-align: center;\n    text-transform: uppercase;\n\n    &:last-child {\n      margin-bottom: 0;\n    }\n  }\n\n  &__author {\n    display: none;\n  }\n\n  &__view {\n    i {\n      display: none;\n    }\n  }\n\n  &__like,\n  &__dislike {\n    display: none;\n\n    i {\n      display: none;\n    }\n  }\n\n  &__desc {\n    font-size: $fs-base;\n    display: none;\n  }\n\n  .post-views-count {\n    .post-views-label {\n      display: none;\n    }\n  }\n\n  .post-vote-label {\n    display: none;\n  }\n\n  // Style 2\n  &.member-style-2 {\n    &:hover {\n      .member-item__thumbnail {\n        &:before {\n          // height: 100%;\n        }\n      }\n    }\n\n    .member-item__thumbnail {\n      &:before {\n        // content: \"\";\n        // position: absolute;\n        // width: 100%;\n        height: 50%;\n        bottom: 0;\n        top: auto;\n        left: 0;\n        z-index: 2;\n        // background: linear-gradient(to top, rgba($cl-black, .8), transparent);\n        opacity: 1;\n        visibility: visible;\n        // border-radius: $border-radius;\n        // transition: all .3s;\n      }\n    }\n\n    .member-item__icon {\n      top: 40%;\n    }\n\n    .member-item__content {\n      position: absolute;\n      left: 0;\n      bottom: 0;\n      width: 100%;\n      z-index: 9;\n      padding: 0 30px;\n      opacity: 1;\n      visibility: visible;\n      transition: all .3s;\n\n      // @media screen and (max-width: $screen-sm-max) {\n      // padding: 0 20px;\n      // }\n\n      // @media screen and (max-width: $screen-xs-max) {\n      // padding: 0 30px;\n      // }\n    }\n\n    .member-item__title {\n      font-size: $fs-base;\n\n      a {\n        color: $cl-white;\n      }\n    }\n\n    .member-item__meta {\n      color: $cl-white;\n      margin-bottom: 20px;\n\n      >div:after {\n        background-color: $cl-white;\n      }\n    }\n\n    .member-item__author a {\n      color: $cl-white;\n    }\n\n    .member-item__desc {\n      display: none;\n    }\n  }\n\n  // Style 3\n  &.member-style-3 {\n    .member-item__thumbnail {\n      &:before {\n        content: \"\";\n        position: absolute;\n        width: 100%;\n        height: 40%;\n        bottom: 0;\n        left: 0;\n        z-index: 2;\n        background: linear-gradient(to top, rgba($cl-black, .8), transparent);\n        opacity: 1;\n        visibility: visible;\n        transition: all .3s;\n      }\n    }\n\n    .member-item__content {\n      position: relative;\n    }\n\n    .member-item__meta {\n      position: absolute;\n      bottom: calc(100% + 10px);\n      width: 100%;\n      color: $cl-white;\n      padding: 0 40px 0 10px;\n      z-index: 2;\n\n      >div:after {\n        background-color: $cl-white;\n      }\n    }\n\n    .member-item__author a {\n      color: $cl-white;\n    }\n  }\n\n  // Style 4\n  &.member-style-4 {\n    .member-item__content {\n      text-align: center;\n    }\n\n    .member-item__meta {\n      justify-content: center;\n    }\n  }\n\n  // Style 5\n  &.member-style-5 {\n    .member-item__desc {\n      display: -webkit-box;\n      -webkit-line-clamp: 2;\n      -webkit-box-orient: vertical;\n      overflow: hidden;\n    }\n  }\n\n  // Style 6\n  &.member-style-6 {\n    .member-item__title {\n      a {\n        font-size: 18px;\n\n        @media screen and (max-width: $screen-md-max) {\n          font-size: 16px;\n        }\n\n        @media screen and (max-width: $screen-sm-max) {\n          font-size: 14px;\n        }\n      }\n    }\n\n    .member-item__meta {\n      @media screen and (max-width: $screen-sm-max) {\n        font-size: $fs-base - 2px;\n      }\n    }\n  }\n}\n\n// Member thumbnail show on hover\n.member-thumbnail {\n  border-radius: $border-radius;\n  position: relative;\n  overflow: hidden;\n\n  img:not(:first-child) {\n    display: none;\n  }\n\n  &:not(.default) {\n    img {\n      position: absolute;\n      top: 50%;\n      left: 50%;\n      width: auto;\n      height: 100%;\n      max-width: none;\n      transform: translate(-50%, -50%);\n    }\n  }\n\n  // Ratio 43\n  &.ratio-43 {\n    padding-top: 75%;\n  }\n\n  // Ratio 169\n  &.ratio-169 {\n    padding-bottom: 56.25%;\n  }\n\n  // Ratio 32\n  &.ratio-32 {\n    padding-bottom: 66.66%;\n  }\n\n  // Ratio 85\n  &.ratio-85 {\n    padding-bottom: 62.5%;\n  }\n}\n","// Member Single\n.single-member-top {\n  display: flex;\n}\n\n.single-member-content {\n  margin-top: 20px;\n}\n\n.single-member-avatar {\n  flex: 0 0 160px;\n}\n\n.single-member-top-info {\n  flex: 1;\n  padding-left: 15px;\n}\n\n.single-member-title {\n  font-size: $fs-base + 8px;\n  margin-top: 0;\n  margin-bottom: 10px;\n  text-transform: none;\n}\n\n.single-member-time {\n  font-size: $fs-base;\n}\n\n.member-time-item {\n  display: flex;\n  margin-bottom: 8px;\n\n  &:last-child {\n    margin-bottom: 0;\n  }\n\n  .time-label {\n    font-weight: $fw-semi-bold;\n  }\n\n  .time-content {\n    font-style: italic;\n    padding-left: 3px;\n  }\n}\n\n.member-view-tree {\n  margin-top: 8px;\n  margin-bottom: 20px;\n\n  a {\n    color: $cl-black;\n    text-decoration: underline;\n    transition: all .3s;\n\n    &:hover {\n      text-decoration: underline;\n      transition: all .3s;\n    }\n\n    &:after {\n      content: '\\e902';\n      font-family: familypress;\n      font-size: $fs-base;\n      display: inline-block;\n      position: relative;\n      margin-left: 3px;\n      bottom: -1px;\n      transform: rotate(90deg);\n    }\n  }\n}\n\n.member-action {\n  display: flex;\n  flex-wrap: wrap;\n\n  .member-action-report {\n    margin-left: 10px;\n    display: flex;\n    align-items: center;\n\n    &:before {\n      font-family: familypress;\n      font-size: $fs-base + 2px;\n      font-weight: $fw-normal;\n      content: '\\e908';\n      margin-right: 5px;\n    }\n  }\n}\n\n.member-subscribe {\n  display: flex;\n  align-items: center;\n\n  &:before {\n    font-family: familypress;\n    font-size: $fs-base + 2px;\n    font-weight: $fw-normal;\n    content: '\\e900';\n    margin-right: 5px;\n  }\n\n  &.subscribed {\n    &:before {\n      content: '\\e901';\n    }\n  }\n}\n\n.member-report-notice {\n  &.success {\n    color: $cl-primary;\n  }\n}\n.member-report-form {\n  margin-top: 12px;\n  display: none;\n}\n\n.member-report-reason {\n  margin-top: 8px;\n}\n\n.member-report-submit {\n  margin-top: 16px;\n}\n\n.single-member-content {\n  max-height: 90px;\n  overflow: hidden;\n\n  &.active {\n    max-height: none;\n  }\n}\n\n.single-member-content-btn {\n  color: $cl-black;\n  text-decoration: underline;\n\n  &:hover,\n  &:active,\n  &:focus {\n    text-decoration: underline;\n  }\n\n  &:after {\n    content: '\\e90d';\n    font-family: familypress;\n    margin-left: 5px;\n  }\n\n  &.active {\n    &:after {\n      content: '\\e910';\n    }\n  }\n}\n\n.single-title {\n  margin-top: 25px;\n  margin-bottom: 15px;\n  text-transform: none;\n  font-size: $fs-base + 2px;\n}\n\n.single-member-bottom {\n  font-size: $fs-base;\n}\n\n.personal-information {\n  margin: 0;\n  padding: 0;\n  list-style: none;\n  border: 1px solid rgba($cl-black, .2);\n}\n\n.info-item {\n  display: flex;\n  margin: 0;\n  padding: 8px 15px;\n\n  .info-label {\n    flex: 0 0 200px;\n    font-weight: $fw-semi-bold;\n  }\n\n  &:nth-child(2n) {\n    background-color: rgba($cl-white, 1);\n  }\n\n  &:nth-child(2n+1) {\n    background-color: $cl-gray;\n  }\n\n  .gender-male {\n    &:after {\n      content: '\\e917';\n      font-family: familypress;\n      color: red;\n      margin-left: 3px;\n    }\n  }\n\n  .gender-female {\n    &:after {\n      content: '\\e918';\n      font-family: familypress;\n      color: pink;\n      margin-left: 3px;\n    }\n  }\n}\n\n.info-content {\n  a {\n    text-decoration: underline;\n\n    &:hover,\n    &:active,\n    &:focus {\n      text-decoration: underline;\n    }\n  }\n}\n\n.families-parent {\n  margin: 0;\n  padding: 0;\n  list-style: none;\n  border: 1px solid rgba($cl-black, .2);\n}\n\n.siblings-list {\n  margin: 0;\n  padding: 0;\n  list-style: none;\n}\n\n.siblings-item {\n  margin: 0;\n  display: inline-block;\n}\n\n.spouse-list {\n  margin: 0;\n  padding: 0;\n  list-style: none;\n}\n\n.spouse-item {\n  margin: 0;\n}\n\n.spouse-item {\n  .spouse-item-list {\n    border: 1px solid rgba($cl-black, .2);\n  }\n\n  .spouse-content {\n    display: flex;\n    padding: 8px 15px;\n\n    &:nth-child(2n) {\n      background-color: rgba($cl-white, 1);\n    }\n\n    &:nth-child(2n+1) {\n      background-color: $cl-gray;\n    }\n  }\n\n  .spouse-content-label {\n    flex: 0 0 200px;\n    font-weight: $fw-medium;\n  }\n\n  .children-list {\n    padding: 0;\n    margin: 0;\n    list-style: none;\n\n    li {\n      margin: 0;\n      display: inline-block;\n    }\n\n    a {\n      text-decoration: underline;\n    }\n\n    .gender-male {\n      &:after {\n        content: '\\e917';\n        font-family: familypress;\n        color: red;\n        margin-left: 3px;\n      }\n    }\n\n    .gender-female {\n      &:after {\n        content: '\\e918';\n        font-family: familypress;\n        color: pink;\n        margin-left: 3px;\n      }\n    }\n  }\n}\n\n.job-list {\n  margin: 0;\n  padding: 0;\n  list-style: none;\n  border: 1px solid rgba($cl-black, .2);\n}\n\n.job-item {\n  display: flex;\n  margin: 0;\n  padding: 8px 15px;\n\n  &:nth-child(2n) {\n    background-color: rgba($cl-white, 1);\n  }\n\n  &:nth-child(2n+1) {\n    background-color: $cl-gray;\n  }\n}\n\n.event-list {\n  margin: 0;\n  padding: 0;\n  list-style: none;\n  border: 1px solid rgba($cl-black, .2);\n}\n\n.event-item {\n  display: flex;\n  margin: 0;\n  padding: 8px 15px;\n\n  &:nth-child(2n) {\n    background-color: rgba($cl-white, 1);\n  }\n\n  &:nth-child(2n+1) {\n    background-color: $cl-gray;\n  }\n}\n\n.info-list {\n  margin: 0;\n  padding: 0;\n  list-style: none;\n  border: 1px solid rgba($cl-black, .2);\n}\n\n.file-list {\n  margin: 0;\n  padding: 0;\n  list-style: none;\n  border: 1px solid rgba($cl-black, .2);\n\n  a {\n    text-decoration: underline;\n\n    &:hover,\n    &:active,\n    &:focus {\n      text-decoration: underline;\n    }\n  }\n}\n\n.file-item {\n  margin: 0;\n  padding: 8px 15px;\n\n  &:nth-child(2n) {\n    background-color: rgba($cl-white, 1);\n  }\n\n  &:nth-child(2n+1) {\n    background-color: $cl-gray;\n  }\n}\n\n.image-list {\n  margin: -5px;\n  padding: 0;\n  list-style: none;\n  display: flex;\n  flex-wrap: wrap;\n}\n\n.image-item {\n  margin: 0;\n  width: 25%;\n  padding: 5px;\n\n  a {\n    display: flex;\n  }\n\n  img {\n    width: 100%;\n  }\n}\n\n.video-list {\n  margin: -5px;\n  padding: 0;\n  list-style: none;\n  display: flex;\n  flex-wrap: wrap;\n}\n\n.video-item {\n  margin: 0;\n  width: 50%;\n  padding: 5px;\n}\n\n// Navigation\n.single-member-nav {\n  display: flex;\n  padding: 30px 0 28px;\n  margin-top: 30px;\n  border-top: 1px solid $cl-border;\n  border-bottom: 1px solid $cl-border;\n\n  @media screen and (max-width: $screen-xs-max) {\n    display: block;\n  }\n\n  .member-nav-link {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    z-index: 1;\n  }\n\n  .single-member-nav-content {\n    display: flex;\n    align-items: flex-start;\n  }\n\n  .member-nav-thumb {\n    position: relative;\n\n    img {\n      max-width: 110px;\n      border-radius: $border-radius-small;\n    }\n  }\n\n  .member-nav-label {\n    color: $cl-text-2;\n    font-size: $fs-base - 2px;\n    letter-spacing: 1px;\n    line-height: 1;\n    font-weight: $fw-medium;\n    text-transform: uppercase;\n  }\n\n  .member-nav-title {\n    margin: 8px 0;\n    font-size: $fs-base;\n    font-weight: $fw-semi-bold;\n    text-transform: none;\n  }\n\n  .member-nav-info {\n    display: flex;\n    flex-wrap: wrap;\n    font-size: $fs-base - 2px;\n\n    > div {\n      margin-right: 15px;\n      position: relative;\n\n      &:after {\n        content: '';\n        width: 3px;\n        height: 3px;\n        background-color: $cl-text;\n        position: absolute;\n        right: -8px;\n        border-radius: 50%;\n        top: 50%;\n        transform: translateY(-50%);\n      }\n\n      &:last-child {\n        margin-right: 0;\n\n        &:after {\n          display: none;\n        }\n      }\n    }\n  }\n\n  .single-member-prev {\n    width: 50%;\n    position: relative;\n\n    @media screen and (max-width: $screen-xs-max) {\n      width: 100%;\n      padding-bottom: 15px;\n      margin-bottom: 16px;\n      border-bottom: 1px solid $cl-border;\n    }\n\n    .member-nav-meta {\n      padding-left: 10px;\n    }\n  }\n\n  .single-member-next {\n    width: 50%;\n    margin-left: auto;\n    text-align: right;\n    position: relative;\n\n    @media screen and (max-width: $screen-xs-max) {\n      width: 100%;\n    }\n\n    .single-member-nav-content {\n      justify-content: flex-end;\n    }\n\n    .member-nav-info {\n      justify-content: flex-end;\n    }\n\n    .member-nav-meta {\n      padding-right: 10px;\n    }\n  }\n}\n\n.single-related-member {\n  overflow: hidden;\n\n  .related-list {\n    @media screen and(max-width: $screen-xs-max) {\n      max-width: calc(100vw - 16px);\n    }\n  }\n\n  .haru-slick {\n    margin: 0 -10px;\n\n    @media screen and (max-width: $screen-sm-max) {\n      margin: 0 -10px;\n    }\n\n    @media screen and (max-width: $screen-xs-max) {\n      margin: 0 -8px;\n    }\n  }\n\n  .slick-slide {\n    padding: 0 10px;\n\n    @media screen and (max-width: $screen-sm-max) {\n      padding: 0 10px;\n    }\n\n    @media screen and (max-width: $screen-xs-max) {\n      padding: 0 8px;\n    }\n  }\n}\n\n.single-related-member {\n  padding-top: 30px;\n  position: relative;\n  overflow: hidden;\n\n  .related-title {\n    padding-bottom: 15px;\n    margin-bottom: 25px;\n    font-size: 20px;\n    position: relative;\n    font-weight: $fw-medium;\n\n    @media screen and (max-width: $screen-md-max) {\n      font-size: 18px;\n    }\n\n    @media screen and (max-width: $screen-xs-max) {\n      font-size: 16px;\n    }\n\n    &:before {\n      content: \"\";\n      position: absolute;\n      bottom: 0;\n      width: 100%;\n      height: 1px;\n      background-color: $cl-border;\n    }\n\n    &:after {\n      content: \"\";\n      position: absolute;\n      width: 30px;\n      height: 1px;\n      bottom: 0;\n      left: 0;\n      background-color: $cl-primary;\n    }\n  }\n\n  .related-list {\n    margin: 0 -10px;\n  }\n\n  .member-item {\n\n    &:focus {\n      outline: none;\n    }\n  }\n\n  // Slick general\n  .haru-slick {\n    display: none;\n\n    &.slick-initialized {\n      display: block;\n    }\n\n    &:hover {\n      .slick-arrow {\n        &.slick-prev,\n        &.slick-next {\n        }\n      }\n    }\n  }\n\n  // Arrow\n  .slick-arrow {\n    &.slick-prev,\n    &.slick-next {\n      border: none;\n      color: transparent;\n      cursor: pointer;\n      display: block;\n      font-size: 0;\n      line-height: 0;\n      outline: none;\n      padding: 0;\n      position: absolute;\n      background-color: $cl-primary;\n      top: -58px;\n      right: 0;\n      z-index: 9;\n      width: 26px;\n      height: 26px;\n      border-radius: $border-radius-small;\n      transition: all 0.3s;\n\n      &:before {\n        color: $white;\n        font-family: \"familypress\";\n        font-size: 14px;\n        line-height: 1;\n        opacity: 1;\n        transition: all 0.3s;\n      }\n\n      &:hover {\n        \n      }\n    }\n\n    &.slick-prev {\n      right: 40px;\n\n      &:before {\n        content: '\\e90e';\n      }\n    }\n\n    &.slick-next {\n      right: 10px;\n\n      &:before {\n        content: '\\e90f';\n      }\n    }\n  }\n}\n",".single-tree-root {\n\tdisplay: flex;\n}\n\n.tree-root-thumbnail {\n\tflex: 0 0 100px;\n}\n\n.tree-root-info {\n\tflex: 1;\n\tpadding-left: 15px;\n}\n\n.tree-root-title {\n\tfont-size: $fs-base + 2px;\n\tmargin-top: 0;\n}\n\n.tree-root-btn {\n\tpadding-top: 10px;\n\n\ta {\n\t\ttext-decoration: underline;\n\n\t\t&:hover {\n\t\t\ttext-decoration: underline;\n\t\t}\n\n\t\t&:after {\n\t\t\tcontent: '\\e919';\n\t\t\tfont-family: familypress;\n\t\t}\n\t}\t\n}\n\n.single-tree-root-more {\n\tmargin-top: 15px;\n\tmargin-bottom: 30px;\n}\n\n.tree-root-btn-more {\n\tposition: relative;\n\ttext-align: center;\n\n\t&:before {\n\t\tbackground-color: $cl-border;\n\t\tcontent: '';\n\t\tposition: absolute;\n\t\theight: 1px;\n\t\twidth: 100%;\n\t\tleft: 0;\n\t\ttop: 50%;\n\t\ttransform: translateY(-50%);\n\t}\n\n\ta {\n\t\tposition: relative;\n\t\tz-index: 2;\n\n\t\t&:hover {\n\t\t\tbackground-color: $cl-white;\n\t\t}\n\n\t\t&:after {\n\t\t\tcontent: '\\e91c';\n\t\t\tfont-family: familypress;\n\t\t\tmargin-left: 5px;\n\t\t}\n\n\t\t&.active {\n\t\t\t&:after {\n\t\t\t\tcontent: '\\e91d';\n\t\t\t}\n\t\t}\n\t}\n}\n\n.tree-root-content-more {\n\tdisplay: none;\n}\n\n.tree-root-age-year {\n\tfont-style: italic;\n\n\t&:before {\n    content: '(';\n  }\n\n  &:after {\n    content: ')';\n  }\n}\n\n.buttons {\n\t.zoom-in {\n\t\t&:before {\n\t\t\tcontent: '\\e911';\n\t\t\tfont-family: familypress;\n\t\t\tmargin-right: 5px;\n\t\t}\n\t}\n\n\t.zoom-out {\n\t\t&:before {\n\t\t\tcontent: '\\e912';\n\t\t\tfont-family: familypress;\n\t\t\tmargin-right: 5px;\n\t\t}\n\t}\n\n\t.zoom-in,\n\t.zoom-out {\n\t\tdisplay: inline-flex;\n\t\talign-items: center;\n\t\tbackground-color: $cl-white;\n\t\tborder-radius: $border-radius;\n\t\tpadding: 6px 12px;\n\t}\n}\n\n\n\n// Base member item in tree\n.haru-fp-tree {\n  margin-bottom: 100px;\n  position: relative;\n\n  .haru-fp-tree-wrap {\n    background-color: #ededed;\n    overflow: hidden;\n    user-select: none;\n    touch-action: none;\n    padding-top: 60px;\n  }\n\n  .childs {\n    display: table;\n    // margin: 0;\n\n    ul {\n      // margin: 0;\n    }\n  }\n\n  .buttons {\n    position: absolute;\n    top: 0;\n    right: 0;\n    padding: 10px;\n  }\n\n  .tree {\n    width: max-content;\n    word-wrap: initial;\n    margin: 0 auto;\n    box-sizing: border-box;\n    // background: rgba(0, 0, 0, .05);\n    padding: 10px;\n    cursor: -webkit-grab;\n    user-select: none;\n    touch-action: none;\n    // transform-origin: 50% 50%;\n    transition: none 0s ease 0s;\n\n    ul {\n      margin: 0;\n      padding-top: 20px;\n      padding-left: 0;\n      position: relative;\n      transition: all .5s;\n    }\n\n    li {\n      float: left;\n      text-align: center;\n      list-style-type: none;\n      position: relative;\n      padding: 20px 5px 0 5px;\n      margin: 0;\n      transition: all 0.5s;\n\n      /* We will use ::before and ::after to draw the connectors */\n      &:before,\n      &:after {\n        content: '';\n        position: absolute;\n        top: 0;\n        right: 50%;\n        border-top: 1px solid #ccc;\n        width: 50%;\n        height: 20px;\n      }\n\n      &::after {\n        right: auto;\n        left: 50%;\n        border-left: 1px solid #ccc;\n      }\n\n      /* We need to remove left-right connectors from elements without any siblings */\n      &:only-child::after,\n      &:only-child::before {\n        display: none;\n      }\n\n      /* Remove space from the top of single children */\n      &:only-child {\n        padding-top: 0;\n      }\n\n      /* Remove left connector from first child and right connector from last child */\n      &:first-child::before,\n      &:last-child::after {\n        border: 0 none;\n      }\n\n      /* Adding back the vertical connector to the last nodes */\n      &:last-child::before {\n        border-right: 1px solid #ccc;\n        border-radius: 0 5px 0 0;\n      }\n\n      &:first-child::after {\n        border-radius: 5px 0 0 0;\n      }\n\n\n    }\n\n    /* Time to add downward connectors from parents */\n    ul ul::before {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 50%;\n      border-left: 1px solid #ccc;\n      width: 0;\n      height: 20px;\n      transform: translateX(-50%);\n    }\n  }\n\n  .member-item {\n    width: 110px;\n    margin: 0 auto;\n    border: 1px solid #000;\n    border-radius: 5px;\n    z-index: 1;\n\n    &.male {\n      background-color: #daeef3;\n    }\n\n    &.female {\n      background-color: #ffdbe0;\n    }\n  }\n\n  .member-image {\n    display: flex;\n  }\n\n  .member-info {\n    font-size: $fs-base - 4px;\n    padding: 10px 3px;\n  }\n\n  .member-date {\n    display: flex;\n    justify-content: center;\n\n    &:before {\n      content: '(';\n    }\n\n    &:after {\n      content: ')';\n    }\n  }\n\n  .member-dead {\n    &:before {\n      content: '-';\n      padding: 0 3px;\n    }\n  }\n\n  .member-title {\n    font-size: $fs-base;\n    margin-top: 0;\n    margin-bottom: 5px;\n    text-transform: none;\n\n    a {\n      color: $cl-heading;\n      text-decoration: none;\n      transition: all .3s;\n\n      &:hover {\n        color: $cl-primary;\n        transition: all .3s;\n      }\n    }\n  }\n\n  .member-gender {\n    // display: none; \n    text-transform: capitalize;\n\n    &.male {\n      &:after {\n        content: '\\e917';\n        font-family: familypress;\n      }\n    }\n\n    &.female {\n      &:after {\n        content: '\\e918';\n        font-family: familypress;\n      }\n    }\n  }\n\n  // .member-spouse {\n  //   width: 90px;\n  //   margin: 0 auto;\n  //   border: 1px solid;\n  //   border-radius: 5px;\n  // }\n\n  .member-relation {\n    margin-bottom: 15px;\n    position: relative;\n\n    &:before {\n      content: \"\\e904\";\n      font-family: familypress;\n      background-color: #fff;\n      position: relative;\n      width: 25px;\n      height: 25px;\n      border: 1px solid #ccc;\n      padding: 2px;\n      z-index: 2;\n    }\n\n    &:after {\n      content: \"\";\n      position: absolute;\n      background: #ccc;\n      height: 55px;\n      width: 1px;\n      top: -15px;\n      left: 50%;\n      transform: translateX(-50%);\n      z-index: 1;\n    }\n\n    &-spouse {\n      &:before {\n        content: \"\\e907\";\n        color: $cl-primary;\n      }\n    }\n  }\n\n  .single-child {\n    &.families {\n      padding-top: 25px;\n    }\n\n    > .child {\n      > .member-relation {\n        margin-bottom: 30px;\n\n        &:after {\n          height: 65px;\n          top: -6px;\n        }\n      }\n    }\n  }\n\n  // .tree-wrap section .tree {\n  //        width: max-content;\n  //        word-wrap: initial;\n  //        margin: 0 auto;\n  //        box-sizing: border-box;\n  //        background: rgba(0, 0, 0, .05);\n  //        padding: 10px;\n  //        cursor: -webkit-grab;\n  //        user-select: none;\n  //        touch-action: none;\n  //        transform-origin: 50% 50%;\n  //        transition: none 0s ease 0s;\n  //    }\n\n  //    .buttons {\n  //      position: absolute;\n  //      top: 0;\n  //      right:0;\n  //    }\n\n  //    /*Now the CSS*/\n  //    * {margin: 0; padding: 0;}\n\n  //    .tree ul {\n  //        padding-top: 20px; position: relative;\n  //        // margin: 0;\n\n  //        transition: all 0.5s;\n  //        -webkit-transition: all 0.5s;\n  //        -moz-transition: all 0.5s;\n  //    }\n\n\n\n  //    /*We will use ::before and ::after to draw the connectors*/\n\n  //    .tree li::before, .tree li::after{\n  //        content: '';\n  //        position: absolute; top: 0; right: 50%;\n  //        border-top: 1px solid #ccc;\n  //        width: 50%; height: 20px;\n  //    }\n  //    .tree li::after{\n  //        right: auto; left: 50%;\n  //        border-left: 1px solid #ccc;\n  //    }\n\n  //    /*We need to remove left-right connectors from elements without \n  //    any siblings*/\n  //    .tree li:only-child::after, .tree li:only-child::before {\n  //        display: none;\n  //    }\n\n  //    /*Remove space from the top of single children*/\n  //    .tree li:only-child{ padding-top: 0;}\n\n  //    /*Remove left connector from first child and \n  //    right connector from last child*/\n  //    .tree li:first-child::before, .tree li:last-child::after{\n  //        border: 0 none;\n  //    }\n  //    /*Adding back the vertical connector to the last nodes*/\n  //    .tree li:last-child::before{\n  //        border-right: 1px solid #ccc;\n  //        border-radius: 0 5px 0 0;\n  //        -webkit-border-radius: 0 5px 0 0;\n  //        -moz-border-radius: 0 5px 0 0;\n  //    }\n  //    .tree li:first-child::after{\n  //        border-radius: 5px 0 0 0;\n  //        -webkit-border-radius: 5px 0 0 0;\n  //        -moz-border-radius: 5px 0 0 0;\n  //    }\n\n  //    /*Time to add downward connectors from parents*/\n  //    .tree ul ul::before{\n  //        content: '';\n  //        position: absolute; top: 0; left: 50%;\n  //        border-left: 1px solid #ccc;\n  //        width: 0; height: 20px;\n  //    }\n\n  //    .tree li a{\n  //        border: 1px solid #ccc;\n  //        padding: 5px 10px;\n  //        text-decoration: none;\n  //        color: #666;\n  //        font-family: arial, verdana, tahoma;\n  //        font-size: 11px;\n  //        display: inline-block;\n\n  //        border-radius: 5px;\n  //        -webkit-border-radius: 5px;\n  //        -moz-border-radius: 5px;\n\n  //        transition: all 0.5s;\n  //        -webkit-transition: all 0.5s;\n  //        -moz-transition: all 0.5s;\n  //    }\n\n  //    /*Time for some hover effects*/\n  //    /*We will apply the hover effect the the lineage of the element also*/\n  //    .tree li a:hover, .tree li a:hover+ul li a {\n  //        background: #c8e4f8; color: #000; border: 1px solid #94a0b4;\n  //    }\n  //    /*Connector styles on hover*/\n  //    .tree li a:hover+ul li::after, \n  //    .tree li a:hover+ul li::before, \n  //    .tree li a:hover+ul::before, \n  //    .tree li a:hover+ul ul::before{\n  //        border-color:  #94a0b4;\n  //    }\n}","$root: '.member-list-anniversary';\n\n#{$root} {\n  &--birth {\n    .member-item {\n      .member-label {\n        display: block;\n\n        .member-label-die {\n          display: none;\n        }\n      }\n    }\n  }\n\n  &--dead {\n    .member-item {\n      .member-label {\n        display: block;\n\n        .member-label-born {\n          display: none;\n        }\n      }\n    }\n  }\n\n  &--padding {\n    .member-list {\n      margin: 0 -15px -25px -15px;\n\n      @media screen and (max-width: $screen-sm-max) {\n        margin: 0 -10px -25px -10px;\n      }\n\n      @media screen and (max-width: $screen-xs-max) {\n        margin: 0 -8px -25px -8px;\n      }\n\n      .grid-item {\n        padding: 0 15px;\n        margin-bottom: 25px;\n\n        @media screen and (max-width: $screen-sm-max) {\n          padding: 0 10px;\n        }\n\n        @media screen and (max-width: $screen-xs-max) {\n          padding: 0 8px;\n        }\n      }\n    }\n  }\n}","$root: '.member-slider-anniversary';\n\n#{$root} {\n  &--birth {\n    .member-item {\n      .member-label {\n        display: block;\n\n        .member-label-die {\n          display: none;\n        }\n      }\n    }\n  }\n\n  &--dead {\n    .member-item {\n      .member-label {\n        display: block;\n\n        .member-label-born {\n          display: none;\n        }\n      }\n    }\n  }\n\n  &--padding {\n    @media screen and(max-width: $screen-xs-max) {\n      max-width: calc(100vw - 16px);\n    }\n\n    .member-list {\n      .slick-prev {\n        left: 15px;\n\n        @media screen and (max-width: $screen-sm-max) {\n          left: 10px;\n        }\n\n        @media screen and (max-width: $screen-xs-max) {\n          left: 8px;\n        }\n      }\n\n      .slick-next {\n        right: 15px;\n\n        @media screen and (max-width: $screen-sm-max) {\n          right: 10px;\n        }\n\n        @media screen and (max-width: $screen-xs-max) {\n          right: 8px;\n        }\n      }\n    }\n\n    .haru-slick {\n      margin: 0 -15px;\n\n      @media screen and (max-width: $screen-sm-max) {\n        margin: 0 -10px;\n      }\n\n      @media screen and (max-width: $screen-xs-max) {\n        margin: 0 -8px;\n      }\n    }\n\n    .slick-slide {\n      padding: 0 15px;\n\n      @media screen and (max-width: $screen-sm-max) {\n        padding: 0 10px;\n      }\n\n      @media screen and (max-width: $screen-xs-max) {\n        padding: 0 8px;\n      }\n    }\n\n\n  }\n}","// General\naside {\n  margin-bottom: 30px;\n}\n\n// Title\n.widget-title {\n  font-size: $fs-base + 4px;\n  line-height: 1.4;\n  margin-top: 0px;\n  margin-bottom: 25px;\n  padding-bottom: 15px;\n  font-weight: $fw-medium;\n  border-bottom: 1px solid $cl-border;\n  position: relative;\n\n  @media screen and (max-width: $screen-md-max) {\n    font-size: $fs-base + 2px;\n  }\n\n  @media screen and (max-width: $screen-xs-max) {\n    font-size: $fs-base;\n  }\n\n  &:before {\n    content: '';\n    position: absolute;\n    height: 1px;\n    width: 60px;\n    background-color: $cl-primary;\n    left: 0;\n    bottom: -1px;\n  }\n}\n\n.member-search-popup,\n.member-search-shortcode,\n.widget-member-search {\n  .search-form {\n    position: relative;\n    background-color: transparent;\n    border: 1px solid $cl-border;\n    border-radius: $border-radius;\n\n    label {\n      display: block;\n      margin-bottom: 0;\n\n      input[type=\"search\"] {\n        width: calc(100% - 40px);\n        // height: 40px;\n        background-color: transparent;\n        border: none;\n        outline: none;\n        padding-left: 15px;\n        padding-right: 5px;\n        font-weight: $fw-normal;\n        font-size: $fs-base;\n        border-top-right-radius: $border-radius;\n        border-top-left-radius: $border-radius;\n        line-height: 40px;\n\n        &::-moz-placeholder {\n          color: $cl-text-2;   // Firefox\n          opacity: 1; \n        } // See https://github.com/twbs/bootstrap/pull/11526\n\n        &:-ms-input-placeholder { \n          color: $cl-text-2; \n        } // Internet Explorer 10+\n        \n        &::-webkit-input-placeholder { \n          color: $cl-text-2; \n        } // Safari and Chrome\n      }\n    }\n    \n    .search-submit {\n      color: $cl-black;\n      cursor: pointer;\n      width: 40px;\n      padding: 0;\n      position: absolute;\n      font-size: 0;\n      right: 0;\n      top: 0;\n      bottom: 0;\n      overflow: hidden;\n      border: none;\n      background: none;\n      outline: none;\n\n      &:hover {\n        &:before {\n          color: $cl-primary;\n        }\n      }\n\n      &:before {\n        content: '\\e913';\n        font-family: familypress;\n        font-size: $fs-base + 4px;\n      }\n    }\n  }\n}\n\n.widget-member-families {\n  // padding: 15px 20px;\n  // border: 1px solid $cl-border;\n  // border-radius: $border-radius;\n\n  > ul {\n    list-style: none;\n    list-style-type: none;\n    padding: 0;\n    margin: 0;\n\n    // > li {\n    //   border-bottom: 1px solid $cl-border;\n\n    //   &:last-child {\n    //     border-bottom: none;\n    //   }\n    // }\n\n    // li {\n    //   padding: 10px 0;\n    //   position: relative;\n\n    //   &.current-cat {\n    //     > a {\n    //       color: $cl-primary;\n    //       left: 15px;\n\n    //       &:before {\n    //         opacity: 1;\n    //         transition: all .3s;\n    //       }\n    //     }\n\n    //     > .count {\n    //       color: $cl-primary;\n    //     }\n    //   }\n\n    //   &:first-child {\n    //     padding-top: 0;\n    //   }\n\n    //   &:last-child {\n    //     padding-bottom: 0;\n    //   }\n\n    //   a {\n    //     color: $cl-black;\n    //     position: relative;\n    //     left: 0;\n    //     font-size: $fs-base;\n    //     text-decoration: none;\n    //     transition: all .3s;\n\n    //     &:hover {\n    //       color: $cl-primary;\n    //       left: 15px;\n    //       transition: all .3s;\n\n    //       &:before {\n    //         opacity: 1;\n    //         transition: all .3s;\n    //       }\n\n    //       ~ .count {\n    //         padding-left: 15px;\n    //         transition: all .3s;\n    //       }\n    //     }\n\n    //     &:before {\n    //       position: absolute;\n    //       content: \"\";\n    //       opacity: 0;\n    //       top: 45%;\n    //       left: -15px;\n    //       width: 4px;\n    //       height: 4px;\n    //       border-radius: 50%;\n    //       background-color: $cl-primary;\n    //       transition: all .3s;\n    //       transform: translateY(-50%);\n    //     }\n    //   }\n\n    //   .list-count, \n    //   .archive-count {\n    //     float: right;\n    //   }\n\n    //   .children {\n    //     padding-left: 15px;\n    //     list-style: none;\n    //     list-style-type: none;\n\n    //     li {\n    //       padding-top: 15px;\n    //     }\n    //   }\n\n    //   span.count {\n    //     font-size: $fs-base - 1px;\n    //     transition: all .3s;\n    //   }\n    // }\n\n    li {\n      display: flex;\n      flex-wrap: wrap;\n      align-items: center;\n      justify-content: space-between;\n      border-bottom: 1px solid $cl-border;\n\n      &:first-child {\n        margin-top: -12px;\n      }\n\n      &.current-cat {\n        > a {\n          color: $cl-primary;\n        }\n      }\n\n      &:hover {\n        > a {\n          color: $cl-primary;\n        }\n\n        > .count {\n          background-color: $cl-primary;\n          border: 1px solid $cl-primary;\n          color: $cl-white;\n          transition: all .3s;\n        }\n      }\n\n      &:focus {\n        outline: none;\n      }\n\n      a {\n        flex: 1 1 auto;\n        font-weight: $fw-medium;\n        padding: 12px 0;\n        transition: all .3s;\n      }\n\n      .count {\n        border: 1px solid $cl-border;\n        color: $cl-black;\n        padding: 0 5px;\n        font-size: 12px;\n        border-radius: 20px;\n        min-width: 30px;\n        text-align: center;\n        transition: all .3s;\n      }\n    }\n\n    .children {\n      flex: 1 1 100%;\n      padding-left: 20px;\n      margin-top: 10px;\n\n      li {\n        border-top: 1px solid $cl-border;\n        border-bottom: none;\n      }\n    }\n  }\n}\n\n.widget-member-tags {\n  .tagcloud {\n    a {\n      background-color: #f8f8f8;\n      border-radius: $border-radius;\n      color: $cl-text;\n      display: inline-block;\n      margin: 6px 4px 0 0;\n      padding: 4px 12px;\n      font-size: $fs-base!important;\n      text-transform: capitalize;\n      text-decoration: none;\n      transition: all .3s;\n\n      &:hover {\n        background-color: $cl-primary;\n        color: $white;\n        transition: all .3s;\n      }\n    }\n  }\n}\n\n.widget-member-top,\n.widget-member-members {\n  .members-list {\n    padding: 0;\n    margin: 0;\n    list-style: none;\n  }\n\n  .member-item {\n    display: flex;\n    align-items: start;\n    margin-bottom: 16px;\n    padding-left: 0;\n    padding-right: 0;\n\n    &:last-child {\n      margin-bottom: 0;\n      padding-bottom: 0;\n      border: none;\n    }\n\n    &__thumbnail {\n      width: 30%;\n    }\n\n    &__duration {\n      font-size: $fs-base - 4px;\n      right: 5px;\n      bottom: 5px;\n    }\n\n    &__labels {\n      display: none;\n    }\n\n    &__date {\n\n    }\n\n    &__content {\n      width: 70%;\n      padding-left: 10px;\n\n      h6 {\n        margin-top: 0;\n        padding-top: 0;\n\n        a {\n           \n        }\n      }\n    }\n\n    &__title {\n      a {\n        font-size: $fs-base;\n      }\n    }\n\n    &__meta {\n      margin-bottom: 0;\n    }\n  }\n}\n"]}