{"version":3,"sourceRoot":"","sources":["../../_sass/minimal-mistakes/skins/_dark.scss","../../_sass/minimal-mistakes.scss","../../_sass/minimal-mistakes/vendor/magnific-popup/_settings.scss","../../_sass/minimal-mistakes/_variables.scss","../../_sass/minimal-mistakes/vendor/magnific-popup/_magnific-popup.scss","../../_sass/minimal-mistakes/_mixins.scss","../../_sass/minimal-mistakes/_reset.scss","../../_sass/minimal-mistakes/vendor/breakpoint/_breakpoint.scss","../../_sass/minimal-mistakes/_base.scss","../../_sass/minimal-mistakes/_forms.scss","../../_sass/minimal-mistakes/_tables.scss","../../_sass/minimal-mistakes/_animations.scss","../../_sass/minimal-mistakes/_buttons.scss","../../_sass/minimal-mistakes/_notices.scss","../../_sass/minimal-mistakes/_masthead.scss","../../_sass/minimal-mistakes/_navigation.scss","../../_sass/minimal-mistakes/_footer.scss","../../_sass/minimal-mistakes/_search.scss","../../_sass/minimal-mistakes/_syntax.scss","../../_sass/minimal-mistakes/_utilities.scss","../../_sass/minimal-mistakes/_page.scss","../../_sass/minimal-mistakes/_archive.scss","../../_sass/minimal-mistakes/_sidebar.scss","../../_sass/minimal-mistakes/_print.scss"],"names":[],"mappings":"CAoBA,gKAIE,cAGF,uCACE,iBAjBsB,QCXxB;AAAA;AAAA;AAAA;AAAA,EC0CA,yBC3BQ,oBC8DR,QACE,MACA,OACA,WACA,YACA,aACA,gBACA,eAEA,WFjFoC,KEkFpC,QFjFoC,GEmFlC,yBAKJ,UACE,MACA,OACA,WACA,YACA,aACA,eACA,wBACA,mCAIF,eACE,kBACA,kBACA,WACA,YACA,OACA,MACA,cACA,8BACA,2BACA,sBAKA,sBACE,WACA,qBACA,YACA,sBAOA,qCACE,aAMN,aACE,kBACA,qBACA,sBACA,cACA,gBACA,aAIA,8DACE,WACA,YAKJ,cACE,gBAGA,iEACE,qBACA,wBACA,gBAGJ,UACE,eACA,uBACA,oBACA,eAGA,8BACE,YAIJ,kDAIE,yBACA,sBACA,iBAKA,wBACE,aAkBF,UACE,wBAUJ,eACE,MFvMoC,KEwMpC,kBACA,QACA,WACA,kBACA,kBACA,SACA,UACA,aACA,iBACE,MFjNkC,KEkNlC,uBACE,MFlNgC,KEyNpC,4BACE,aAMF,0BACE,aAMF,kCAEE,iBACA,eACA,yBACA,SACA,wBACA,cACA,aACA,UACA,aACA,wBACA,gBAEF,yBACI,UACA,SAMN,WACE,WACA,YACA,iBAEA,kBACA,QACA,MACA,qBACA,kBACA,QF5QoC,EE8QlC,0BAEF,sBACA,MFhRoC,KEkRpC,kBACA,eACA,YDvRM,oBCyRN,kCAEE,UAEE,0BAIJ,kBACE,QAIF,6BACE,MFlSkC,KEuSpC,2DACE,MF1SkC,KE2SlC,WACA,iBACA,kBACA,WAKJ,aACE,kBACA,MACA,QACA,MFpToC,KEqTpC,eACA,iBAKA,WACE,kBACA,QFjUkC,EEmUhC,0BAEF,SACA,QACA,iBACA,UACA,WACA,aACA,0CACA,kBACE,iBAEF,kCAEE,UAEE,0BAGJ,uEAIE,WACA,cACA,QACA,SACA,kBACA,OACA,MACA,gBACA,iBACA,kCAGF,mCAGE,sBACA,yBACA,QAGF,oCAEE,sBACA,yBACA,WAKJ,gBACE,OAEA,6CAEE,6BACA,iBAEF,8CAEE,iBACA,6BAIJ,iBACE,QACA,+CAEE,4BACA,iBAEF,gDAEE,4BASJ,mBACE,YF/YkC,KEgZlC,eFhZkC,KEiZlC,gCACE,cACA,WACA,UFlZgC,MEoZlC,8BACE,UAGJ,mBACE,WACA,SACA,gBACA,mBACA,0BACE,kBACA,cACA,MACA,OACA,WACA,YACA,WF1bgC,uBE2bhC,WFtagC,KEkblC,YACE,WACA,eACA,YACA,cACA,cACA,8BACA,2BACA,sBACA,oBACA,cAKJ,YACE,cACA,kBACE,WACA,kBACA,OACA,IFhcgC,KEichC,OFhcgC,KEichC,cACA,QACA,WACA,YACA,WACA,WFnegC,uBEoehC,WFzcgC,KE2clC,kBACE,MFrcgC,QEschC,cACA,eACA,iBAEF,mBACE,SAEF,uBACE,aACA,gBAGJ,gBACE,iBACA,kBACA,SACA,OACA,WACA,YAEF,WACE,gBACA,iBACA,MF9dkC,QE+dlC,qBACA,mBAIA,+BACE,eAMA,2CACE,eAOJ,gGAKI,kCACE,eACA,gBAGA,4BACE,UAKF,kCACE,MACA,SAEF,kCACE,eACA,gBAGJ,gCACE,0BACA,SACA,SACA,SACA,gBACA,eACA,8BACA,2BACA,sBACA,sCACE,UAGJ,6BACE,UACA,QAEF,2BACE,MACA,QACA,WACA,YACA,iBACA,0BACA,eACA,kBACA,WAUV,kCACE,WACE,8BACA,sBAEF,gBACE,2BACA,mBAEF,iBACE,8BACA,sBAEF,eACE,aF5lBkC,IE6lBlC,cF7lBkC,KEumBlC,kBACE,UAEF,yBACE,YACA,SACA,mBACA,eACA,mBAEF,wBACE,UAEF,sBACE,iBAEF,oBACE,MACA,QACA,cCjoBN,qBAEE,4BAEA,yBACA,oBCLF,wBAEA,KAEE,sBACA,iBNJiB,QMKjB,eAcA,8BACA,0BCuCE,wBD1DJ,KAOI,gBCmDA,wBD1DJ,KAWI,gBC+CA,wBD1DJ,KAeI,gBASJ,cAIA,iBACE,WACA,gBAGF,YACE,WACA,gBAKF,8EAWE,cAKF,mBAGE,qBACA,gBACA,QAKF,sBACE,aAGF,EACE,MNhEW,QM2Eb,iBAEE,UAKF,QAEE,kBACA,cACA,cACA,wBAGF,IACE,WAGF,IACE,e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,YTGW,uGSFX,UT2BY,MS1BZ,iBACA,kBACA,qBACA,eACA,cTkJc,ISjJd,eAEA,WACE,kBAGF,mBACE,mBAiBA,cP6CF,iBOzDA,QP0DA,WOrCI,sBPoCJ,iBOzDA,QP0DA,WOjCI,oBPgCJ,iBO/B8B,QPgC9B,WO9CE,cP6CF,iBOzDA,KP0DA,cO3CM,yBAMF,sBPoCJ,iBOzDA,KP0DA,cOjCI,oBPgCJ,iBO/B8B,KPgC9B,cO9CE,oBP6CF,iBOzDA,cP0DA,WOxCM,sBAGF,4BPoCJ,iBOzDA,cP0DA,WOjCI,0BPgCJ,iBO/B8B,ePgC9B,WO9CE,cP6CF,iBOzDA,QP0DA,WOrCI,sBPoCJ,iBOzDA,QP0DA,WOjCI,oBPgCJ,iBO/B8B,QPgC9B,WO9CE,cP6CF,iBOzDA,QP0DA,WOrCI,sBPoCJ,iBOzDA,QP0DA,WOjCI,oBPgCJ,iBO/B8B,QPgC9B,WO9CE,aP6CF,iBOzDA,QP0DA,WOrCI,qBPoCJ,iBOzDA,QP0DA,WOjCI,mBPgCJ,iBO/B8B,QPgC9B,WO9CE,WP6CF,iBOzDA,QP0DA,WOrCI,mBPoCJ,iBOzDA,QP0DA,WOjCI,iBPgCJ,iBO/B8B,QPgC9B,WO9CE,eP6CF,iBOzDA,QP0DA,WOrCI,uBPoCJ,iBOzDA,QP0DA,WOjCI,qBPgCJ,iBO/B8B,QPgC9B,WO9CE,cP6CF,iBOzDA,QP0DA,WOrCI,sBPoCJ,iBOzDA,QP0DA,WOjCI,oBPgCJ,iBO/B8B,QPgC9B,WO9CE,eP6CF,iBOzDA,QP0DA,WOrCI,uBPoCJ,iBOzDA,QP0DA,WOjCI,qBPgCJ,iBO/B8B,QPgC9B,WO1BA,YACE,cACA,WAEA,wBACE,iBAKJ,eACE,oBACA,mBACA,yBACA,gBACA,YAIF,cACE,UT7CU,OSiDZ,YACE,UTjDU,ISqDZ,YACE,UTpDU,QUkCd,QA/DE,wBACA,YACA,MbTW,QaUX,mHACA,2BACA,oBACA,yBACA,cViJc,IUhJd,2CAEA,WACE,wBACA,oBACA,oBAGO,0BAEP,gBACA,cAIA,qBACE,2BAIJ,aAEE,aACA,cAGF,UACE,cAEA,gBACE,cAIK,kBACP,0BAGF,aACE,yBAGH,iBACC,yBAIE,sBACE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wBACE,cACA,mBAGF,yBACE,cAIJ,gBACE,wBACA,gBAGF,oBACE,2BACA,kBACA,OZ3CgB,KY4ChB,SACA,aACA,+BACA,eAGF,2BACE,oBACA,oBACA,aACA,qBACA,kBACA,yBACA,mBACA,WACA,OACA,gBAEA,8BACE,mBACA,cACA,UAGF,6BACE,kBAEA,oCACE,WACA,kBACA,OACA,SACA,WACA,Wf9OQ,Qe+OR,WACA,mBZ5EY,oBY6EZ,WZ7EY,oBY8EZ,iDACA,yCAGF,0CACE,4BACA,wBACA,oBAKN,0BACE,kBACA,SACA,QACA,gBACA,YACA,yBACA,cZvGY,IYwGZ,WfxQe,QeyQf,4EAEA,oEAEA,iCACE,aAGF,4BACE,SACA,kBACA,UZjPQ,IYmPR,kCACE,Mf3QoB,Ke4QpB,Wf3QmB,Qe+QvB,iCACE,WACA,kBACA,UACA,WACA,QACA,mBACA,yBACA,mCACA,cACA,UAGF,gCACE,WACA,kBACA,UACA,WACA,QACA,mBACA,yBACA,mCACA,cACA,UAGF,6BACE,cACA,gCAEA,wCACE,mBAQJ,kCACE,mBACA,eACA,iBASN,WACE,oBAEA,iDAEE,aRzRA,6BQ6RA,iBACE,kBACA,qBACA,4BACA,MZxSC,QYySD,UZzTQ,MY0TR,iBACA,yBACA,cZhMU,IYiMV,WACA,gCACA,wBACA,eAEA,+CAEE,WACA,kBACA,UACA,WACA,YACA,cACA,cACA,iBZ3TD,QY4TC,gCACA,wBAGF,uBACE,gCACA,4BACA,wBAGF,uBACE,WACA,aZxUD,QYyUC,sBAEA,2DAEE,sBAMN,+BACE,WACA,sBAEA,2EAEE,sBAKJ,6BACE,gCACA,4BACA,wBAGF,2CACE,4BACA,wBACA,oBAGF,cACE,kBAGF,aACE,cACA,iBRzWF,kDQuWA,aAKI,mBACA,uBR7WJ,6BQgXE,mBACE,2BAMR,uBACE,SACA,kBAEA,yBACE,cAGF,+BACE,mBACA,kBACA,mBACA,iBRnYA,6BQuXJ,uBAgBI,kBACA,aACA,WACA,gBACA,WACA,mCACA,2BACA,oCACA,gCACA,6BRhZA,6BQqZF,qCACE,mCACA,2BACA,kBACA,iBACA,UACA,eACA,kCACA,8BACA,2BAIJ,YACE,SACA,qBACA,YZrdW,uGYsdX,UZ9bY,IY+bZ,iBAGF,gBACE,cACA,eACA,iBACA,YZ9dW,uGY+dX,UZtcY,MYucZ,iBACA,yBACA,gCAOF,KACE,YZ1eW,uGY2eX,MZlcK,QYmcL,iBfvfiB,QewfjB,yBACA,cZzVc,IY0Vd,mBZzVW,2BY0VX,WZ1VW,2BY4VX,iBACE,WACA,UZ3dU,MY4dV,Wf9fY,Qe+fZ,uBZjWY,IYkWZ,wBZlWY,IYsWd,eVlbA,iBFXa,QEYb,cUsbF,WACE,SACA,UACA,WACA,gBACA,UZ5eY,MIuBV,wBQgdJ,WAQI,UZ9eU,SYifZ,aACE,cACA,sBACA,MZ3de,KY4df,iBACA,gBACA,gCAEA,mBACE,Mf9hBO,QekiBX,sBACE,qBACA,mBAGF,4BACE,qBAGF,kCACE,qBAGF,wCACE,qBAGF,8CACE,qBCtjBJ,cXyCE,WWvCA,WACA,cACA,eACA,WACA,eACA,MbwDiB,KavDjB,kBbgKiB,ea/JjB,Ub+JiB,ea9JjB,6BACA,qBACA,iBhBJwB,QKmCxB,qBACE,WACA,WACA,cWhCF,qBX2BA,WWzBE,iBACA,kBACA,eACA,eACA,kBXuBF,4BACE,WACA,WACA,cEcA,wBS9CF,qBASI,Ub2HI,QavHR,gBACE,cACA,qBAEA,sBACE,0BAIJ,4EAIE,MbuBe,KanBnB,wBACE,YbjCW,uGakCX,UbRY,QaYZ,wBACE,SACA,UACA,qBAGF,wBACE,qBACA,gBACA,mBACA,YbhDS,uGaiDT,UbxBU,MayBV,yBAGF,kCACE,WACA,kBAGF,uBACE,mBACA,iBAIA,qCACE,mBC5EJ,sCACE,oBAIJ,gBACE,iBACA,kBACA,Od2JkB,Kc1JlB,SACA,aACA,MjBTc,QiBUd,+BACA,eACA,uBACA,eAEA,sBACE,cAIJ,aACE,WACA,YAGF,gBACE,aACA,kBACA,gBACA,mBAEA,4BACE,WACA,iBACA,kBACA,iBACA,kBACA,kBdgIe,ec/Hf,Ud+He,ec9Hf,6BACA,qBViBA,wBU1BF,4BAYI,UdoGI,Qc/FR,sBACE,+BAGF,8BACE,cACA,gBACA,UACA,YACA,aACA,gBACA,+BACA,Ud7BU,QI0BV,wBULF,8BAWI,UdjCQ,SI2BV,wBULF,8BAeI,UdtCQ,Sc0CZ,4BACE,cACA,mBAEA,mCACE,WACA,cAIJ,gCACE,gBACA,UdjDU,McoDZ,+BACE,kBV9BA,wBU6BF,+BAII,WVjCF,wBU6BF,+BAQI,WAIJ,qCACE,aAGF,uCACE,gBAMJ,gBACE,0BACA,kBAGF,oCACE,MjBnHc,QiBoHd,kBACA,0BAGF,sCACE,MjBzHc,QiB0Hd,kBACA,iBC9HF,uCAEE,kBACA,kBACA,WfqHO,QepHP,MfyHO,KexHP,YfQU,2CePV,Uf8BY,Me7BZ,gBACA,cfwJc,IetJd,kHAEE,SACA,YAIJ,iBACE,gBACA,cACA,SAEA,oBACE,UACA,uBACA,SAGA,4DAEE,kBACA,UACA,Mf4FG,Qe3FH,+BACA,iBAIF,wDAEE,iBAIJ,qBACE,SAIJ,eACE,WAGF,gBACE,iBfwEO,KerEP,cAEE,MfiEK,Qe/DP,gBAEE,MfiEK,Qe/DP,cAEE,MfmEK,QejEP,cAEE,Mf0DK,QexDP,cAEE,MfkDK,KehDP,cAEE,MfqDK,QenDP,cAEE,Mf0CK,KexCP,eAEE,MfqCK,QenCP,eAEE,MfiCK,Qe/BP,eAEE,Mf6BK,Qe3BP,eAEE,MfyBK,QevBP,eAEE,MfyBK,QevBP,eAEE,kBAEF,eAEE,MfcK,KebL,iBAEF,eAEE,MfeK,QebP,eAEE,MfIK,QeHL,iBAEF,eAEE,iBAEF,eAEE,MfGK,QeFL,iBAEF,eAEE,cAEF,eAEE,MfJK,QeMP,eAEE,MfVK,QeYP,eAEE,MfZK,QecP,eAEE,MfhBK,QekBP,eAEE,MfxBK,Qe0BP,eAEE,Mf3BK,Qe6BP,cAEE,MfjCK,QemCP,cAEE,MfnCK,QeqCP,eAEE,MfrCK,QeuCP,eAEE,MfjDK,KemDP,eAEE,MfhDK,QekDP,eAEE,MftDK,QewDP,eAEE,MftDK,QewDP,eAEE,MfjEK,KemEP,eAEE,MflEK,QeoEP,eAEE,MfjEK,QemEP,eAEE,Mf7EK,Ke+EP,eAEE,Mf5EK,Qe8EP,eAEE,Mf7EK,Qe+EP,eAEE,MfzFK,Ke2FP,eAEE,MftFK,Qew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AKI,YACA,0BAKN,iBACE,mBACA,mBACA,kBACA,mBACA,cfvFE,wBekFJ,iBAQI,cACA,WACA,eACA,iBAGF,mBACE,cACA,qBAIJ,cACE,SfvGE,wBesGJ,cAII,gBACA,oBAGJ,uBACE,YnB/JW,uGmBgKX,UnBxIY,ImB2Id,aACE,SfpHE,wBemHJ,aAII,gBACA,oBAIJ,sBACE,kBACA,mBACA,sBACA,YnBhLW,uGmBiLX,WACA,eAGE,sCACE,gBAKF,+CACE,iBf5IF,wBe4HJ,sBAqBI,eAGF,6BACE,kBACA,gBAGE,gCADF,oCAEI,WACA,eACA,MACA,OACA,WACA,YACA,qBAKF,yCACE,oBftKJ,wBeoJF,6BAuBI,cAKN,cACE,aACA,kBACA,QACA,gBACA,aACA,qBACA,yBACA,cnBnFc,ImBoFd,WtBpPiB,QsBqPjB,oEACA,eAEA,0BACE,cf9LA,wBegLJ,cAkBI,cACA,kBACA,SACA,UACA,SACA,yBACA,iBAGF,qBACE,cACA,WACA,kBACA,UACA,sBACA,QACA,mBACA,yBACA,mCACA,UfrNA,wBe2MF,qBAaI,cAIJ,oBACE,cACA,WACA,kBACA,UACA,sBACA,QACA,mBACA,yBACA,mCACA,UftOA,wBe4NF,oBAaI,cAIJ,iBACE,aACA,qBAGF,iBACE,mBAGF,gBACE,cACA,kBACA,kBACA,gBACA,mBACA,cACA,UnBrRU,ImBsRV,qBAEA,sBACE,0BASN,sBACE,kBf3QE,wBe0QJ,sBAII,iBACA,YACA,cACA,cACA,qBACA,qBACA,gBAEA,6BACE,YfvRF,wBe0QJ,sBAkBI,cACA,sBCzVJ,aAEE,SACE,aAGF,EACE,2BACA,8BACA,sBAGF,KACE,SACA,UACA,2BACA,eAGF,KACE,cACA,2BACA,sBACA,eACA,gBACA,kCACA,mCACA,kCAGF,kBAME,WACA,gBACA,qBACA,aAGF,GACE,iBAGF,GACE,eAGF,GACE,kBAGF,GACE,iBAGF,GACE,kBAGF,GACE,eAGF,YAEE,WACA,0BACA,qBAGF,MACE,yBAGF,MACE,2BAGF,YAGE,6BAGF,MAEE,iBAGF,IACE,SACA,cACA,0BACA,sBAGF,GACE,SACA,6BACA,SACA,iBACA,UAGF,GACE,iBAGF,GACE,SACA,qBAGF,2BAEE,SACA,qBAGF,kDAWE,wBAGF,aAKE,UACA,SAGF,kBAME,uBACA,wBAGF,eAGE,wBAGF,IACE,sBACA,uBACA,wBAGF,IACE,gCACA,qBAGF,2EAGE,4BACA,cAGF,uCAEE,6BAGF,MACE,eAGF,MACE,SACA,UACA,WAGF,+BAEE,yBAGF,kBACE,wBAGF,UACE,aAGF,oBACE,WAGF,+DAEE,WAGF,oBACE,sBACA,2BACA,UAEA,sBACE,sBAQJ,uLAcE,wBACA","sourcesContent":["/* ==========================================================================\r\n Dark skin\r\n ========================================================================== */\r\n\r\n/* Colors */\r\n$background-color: #252a34 !default;\r\n$text-color: #eaeaea !default;\r\n$primary-color: #00adb5 !default;\r\n$border-color: mix(#fff, $background-color, 20%) !default;\r\n$code-background-color: mix(#000, $background-color, 15%) !default;\r\n$code-background-color-dark: mix(#000, $background-color, 20%) !default;\r\n$form-background-color: mix(#000, $background-color, 15%) !default;\r\n$footer-background-color: mix(#000, $background-color, 30%) !default;\r\n$link-color: mix($primary-color, $text-color, 40%) !default;\r\n$link-color-hover: mix(#fff, $link-color, 25%) !default;\r\n$link-color-visited: mix(#000, $link-color, 25%) !default;\r\n$masthead-link-color: $text-color !default;\r\n$masthead-link-color-hover: mix(#000, $text-color, 20%) !default;\r\n$navicon-link-color-hover: mix(#000, $background-color, 30%) !default;\r\n\r\n.author__urls.social-icons i,\r\n.author__urls.social-icons .svg-inline--fa,\r\n.page__footer-follow .social-icons i,\r\n.page__footer-follow .social-icons .svg-inline--fa {\r\n color: inherit;\r\n}\r\n\r\n.ais-search-box .ais-search-box--input {\r\n background-color: $form-background-color;\r\n}\r\n","/*!\r\n * Minimal Mistakes Jekyll Theme 4.24.0 by Michael Rose\r\n * Copyright 2013-2020 Michael Rose - mademistakes.com | @mmistakes\r\n * Licensed under MIT (https://github.com/mmistakes/minimal-mistakes/blob/master/LICENSE)\r\n*/\r\n\r\n/* Variables */\r\n@import \"minimal-mistakes/variables\";\r\n\r\n/* Mixins and functions */\r\n@import \"minimal-mistakes/vendor/breakpoint/breakpoint\";\r\n@include breakpoint-set(\"to ems\", true);\r\n@import \"minimal-mistakes/vendor/magnific-popup/magnific-popup\"; // Magnific Popup\r\n@import \"minimal-mistakes/vendor/susy/susy\";\r\n@import \"minimal-mistakes/mixins\";\r\n\r\n/* Core CSS */\r\n@import \"minimal-mistakes/reset\";\r\n@import \"minimal-mistakes/base\";\r\n@import \"minimal-mistakes/forms\";\r\n@import \"minimal-mistakes/tables\";\r\n@import \"minimal-mistakes/animations\";\r\n\r\n/* Components */\r\n@import \"minimal-mistakes/buttons\";\r\n@import \"minimal-mistakes/notices\";\r\n@import \"minimal-mistakes/masthead\";\r\n@import \"minimal-mistakes/navigation\";\r\n@import \"minimal-mistakes/footer\";\r\n@import \"minimal-mistakes/search\";\r\n@import \"minimal-mistakes/syntax\";\r\n\r\n/* Utility classes */\r\n@import \"minimal-mistakes/utilities\";\r\n\r\n/* Layout specific */\r\n@import \"minimal-mistakes/page\";\r\n@import \"minimal-mistakes/archive\";\r\n@import \"minimal-mistakes/sidebar\";\r\n@import \"minimal-mistakes/print\";\r\n","////////////////////////\r\n// Settings //\r\n////////////////////////\r\n\r\n// overlay\r\n$mfp-overlay-color: #000; // Color of overlay screen\r\n$mfp-overlay-opacity: 0.8; // Opacity of overlay screen\r\n$mfp-shadow: 0 0 8px rgba(0, 0, 0, 0.6); // Shadow on image or iframe\r\n\r\n// spacing\r\n$mfp-popup-padding-left: 8px; // Padding from left and from right side\r\n$mfp-popup-padding-left-mobile: 6px; // Same as above, but is applied when width of window is less than 800px\r\n\r\n$mfp-z-index-base: 1040; // Base z-index of popup\r\n\r\n// controls\r\n$mfp-include-arrows: true; // Include styles for nav arrows\r\n$mfp-controls-opacity: 1; // Opacity of controls\r\n$mfp-controls-color: #fff; // Color of controls\r\n$mfp-controls-border-color: #fff; // Border color of controls\r\n$mfp-inner-close-icon-color: #fff; // Color of close button when inside\r\n$mfp-controls-text-color: #ccc; // Color of preloader and \"1 of X\" indicator\r\n$mfp-controls-text-color-hover: #fff; // Hover color of preloader and \"1 of X\" indicator\r\n$mfp-IE7support: true; // Very basic IE7 support\r\n\r\n// Iframe-type options\r\n$mfp-include-iframe-type: true; // Enable Iframe-type popups\r\n$mfp-iframe-padding-top: 40px; // Iframe padding top\r\n$mfp-iframe-background: #000; // Background color of iframes\r\n$mfp-iframe-max-width: 900px; // Maximum width of iframes\r\n$mfp-iframe-ratio: calc(9 / 16); // Ratio of iframe (9/16 = widescreen, 3/4 = standard, etc.)\r\n\r\n// Image-type options\r\n$mfp-include-image-type: true; // Enable Image-type popups\r\n$mfp-image-background: #444 !default;\r\n$mfp-image-padding-top: 40px; // Image padding top\r\n$mfp-image-padding-bottom: 40px; // Image padding bottom\r\n$mfp-include-mobile-layout-for-image: true; // Removes paddings from top and bottom\r\n\r\n// Image caption options\r\n$mfp-caption-title-color: #f3f3f3; // Caption title color\r\n$mfp-caption-subtitle-color: #bdbdbd; // Caption subtitle color\r\n.mfp-counter { font-family: $serif; } // Caption font family\r\n\r\n// A11y\r\n$mfp-use-visuallyhidden: false;","/* ==========================================================================\r\n Variables\r\n ========================================================================== */\r\n\r\n/*\r\n Typography\r\n ========================================================================== */\r\n\r\n$doc-font-size: 16 !default;\r\n\r\n/* paragraph indention */\r\n$paragraph-indent: false !default; // true, false (default)\r\n$indent-var: 1.3em !default;\r\n\r\n/* system typefaces */\r\n$serif: Georgia, Times, serif !default;\r\n$sans-serif: -apple-system, BlinkMacSystemFont, \"Roboto\", \"Segoe UI\",\r\n \"Helvetica Neue\", \"Lucida Grande\", Arial, sans-serif !default;\r\n$monospace: Monaco, Consolas, \"Lucida Console\", monospace !default;\r\n\r\n/* sans serif typefaces */\r\n$sans-serif-narrow: $sans-serif !default;\r\n$helvetica: Helvetica, \"Helvetica Neue\", Arial, sans-serif !default;\r\n\r\n/* serif typefaces */\r\n$georgia: Georgia, serif !default;\r\n$times: Times, serif !default;\r\n$bodoni: \"Bodoni MT\", serif !default;\r\n$calisto: \"Calisto MT\", serif !default;\r\n$garamond: Garamond, serif !default;\r\n\r\n$global-font-family: $sans-serif !default;\r\n$header-font-family: $sans-serif !default;\r\n$caption-font-family: $serif !default;\r\n\r\n/* type scale */\r\n$type-size-1: 2.441em !default; // ~39.056px\r\n$type-size-2: 1.953em !default; // ~31.248px\r\n$type-size-3: 1.563em !default; // ~25.008px\r\n$type-size-4: 1.25em !default; // ~20px\r\n$type-size-5: 1em !default; // ~16px\r\n$type-size-6: 0.75em !default; // ~12px\r\n$type-size-7: 0.6875em !default; // ~11px\r\n$type-size-8: 0.625em !default; // ~10px\r\n\r\n/* headline scale */\r\n$h-size-1: 1.563em !default; // ~25.008px\r\n$h-size-2: 1.25em !default; // ~20px\r\n$h-size-3: 1.125em !default; // ~18px\r\n$h-size-4: 1.0625em !default; // ~17px\r\n$h-size-5: 1.03125em !default; // ~16.5px\r\n$h-size-6: 1em !default; // ~16px\r\n\r\n/*\r\n Colors\r\n ========================================================================== */\r\n\r\n$gray: #7a8288 !default;\r\n$dark-gray: mix(#000, $gray, 50%) !default;\r\n$darker-gray: mix(#000, $gray, 60%) !default;\r\n$light-gray: mix(#fff, $gray, 50%) !default;\r\n$lighter-gray: mix(#fff, $gray, 90%) !default;\r\n\r\n$background-color: #fff !default;\r\n$code-background-color: #fafafa !default;\r\n$code-background-color-dark: $light-gray !default;\r\n$text-color: $dark-gray !default;\r\n$muted-text-color: mix(#fff, $text-color, 20%) !default;\r\n$border-color: $lighter-gray !default;\r\n$form-background-color: $lighter-gray !default;\r\n$footer-background-color: $lighter-gray !default;\r\n\r\n$primary-color: #6f777d !default;\r\n$success-color: #3fa63f !default;\r\n$warning-color: #d67f05 !default;\r\n$danger-color: #ee5f5b !default;\r\n$info-color: #3b9cba !default;\r\n$focus-color: $primary-color !default;\r\n$active-color: mix(#fff, $primary-color, 80%) !default;\r\n\r\n/* YIQ color contrast */\r\n$yiq-contrasted-dark-default: $dark-gray !default;\r\n$yiq-contrasted-light-default: #fff !default;\r\n$yiq-contrasted-threshold: 175 !default;\r\n$yiq-debug: false !default;\r\n\r\n/* brands */\r\n$behance-color: #1769ff !default;\r\n$bitbucket-color: #205081 !default;\r\n$dribbble-color: #ea4c89 !default;\r\n$facebook-color: #3b5998 !default;\r\n$flickr-color: #ff0084 !default;\r\n$foursquare-color: #0072b1 !default;\r\n$github-color: #171516 !default;\r\n$gitlab-color: #e24329 !default;\r\n$instagram-color: #517fa4 !default;\r\n$keybase-color: #ef7639 !default;\r\n$lastfm-color: #d51007 !default;\r\n$linkedin-color: #007bb6 !default;\r\n$mastodon-color: #2b90d9 !default;\r\n$pinterest-color: #cb2027 !default;\r\n$reddit-color: #ff4500 !default;\r\n$rss-color: #fa9b39 !default;\r\n$soundcloud-color: #ff3300 !default;\r\n$stackoverflow-color: #fe7a15 !default;\r\n$tumblr-color: #32506d !default;\r\n$twitter-color: #55acee !default;\r\n$vimeo-color: #1ab7ea !default;\r\n$vine-color: #00bf8f !default;\r\n$youtube-color: #bb0000 !default;\r\n$xing-color: #006567 !default;\r\n\r\n/* links */\r\n$link-color: mix(#000, $info-color, 20%) !default;\r\n$link-color-hover: mix(#000, $link-color, 25%) !default;\r\n$link-color-visited: mix(#fff, $link-color, 15%) !default;\r\n$masthead-link-color: $primary-color !default;\r\n$masthead-link-color-hover: mix(#000, $primary-color, 25%) !default;\r\n$navicon-link-color-hover: mix(#fff, $primary-color, 75%) !default;\r\n\r\n/* notices */\r\n$notice-background-mix: 80% !default;\r\n$code-notice-background-mix: 90% !default;\r\n\r\n/* syntax highlighting (base16) */\r\n$base00: #263238 !default;\r\n$base01: #2e3c43 !default;\r\n$base02: #314549 !default;\r\n$base03: #546e7a !default;\r\n$base04: #b2ccd6 !default;\r\n$base05: #eeffff !default;\r\n$base06: #eeffff !default;\r\n$base07: #ffffff !default;\r\n$base08: #f07178 !default;\r\n$base09: #f78c6c !default;\r\n$base0a: #ffcb6b !default;\r\n$base0b: #c3e88d !default;\r\n$base0c: #89ddff !default;\r\n$base0d: #82aaff !default;\r\n$base0e: #c792ea !default;\r\n$base0f: #ff5370 !default;\r\n\r\n/*\r\n Breakpoints\r\n ========================================================================== */\r\n\r\n$small: 600px !default;\r\n$medium: 768px !default;\r\n$medium-wide: 900px !default;\r\n$large: 1024px !default;\r\n$x-large: 1280px !default;\r\n$max-width: $x-large !default;\r\n\r\n/*\r\n Grid\r\n ========================================================================== */\r\n\r\n$right-sidebar-width-narrow: 200px !default;\r\n$right-sidebar-width: 300px !default;\r\n$right-sidebar-width-wide: 400px !default;\r\n\r\n/*\r\n Other\r\n ========================================================================== */\r\n\r\n$border-radius: 4px !default;\r\n$box-shadow: 0 1px 1px rgba(0, 0, 0, 0.125) !default;\r\n$nav-height: 2em !default;\r\n$nav-toggle-height: 2rem !default;\r\n$navicon-width: 1.5rem !default;\r\n$navicon-height: 0.25rem !default;\r\n$global-transition: all 0.2s ease-in-out !default;\r\n$intro-transition: intro 0.3s both !default;\r\n","/* Magnific Popup CSS */\r\n\r\n@import \"settings\";\r\n\r\n////////////////////////\r\n//\r\n// Contents:\r\n//\r\n// 1. Default Settings\r\n// 2. General styles\r\n// - Transluscent overlay\r\n// - Containers, wrappers\r\n// - Cursors\r\n// - Helper classes\r\n// 3. Appearance\r\n// - Preloader & text that displays error messages\r\n// - CSS reset for buttons\r\n// - Close icon\r\n// - \"1 of X\" counter\r\n// - Navigation (left/right) arrows\r\n// - Iframe content type styles\r\n// - Image content type styles\r\n// - Media query where size of arrows is reduced\r\n// - IE7 support\r\n//\r\n////////////////////////\r\n\r\n\r\n\r\n////////////////////////\r\n// 1. Default Settings\r\n////////////////////////\r\n\r\n$mfp-overlay-color: #0b0b0b !default;\r\n$mfp-overlay-opacity: 0.8 !default;\r\n$mfp-shadow: 0 0 8px rgba(0, 0, 0, 0.6) !default; // shadow on image or iframe\r\n$mfp-popup-padding-left: 8px !default; // Padding from left and from right side\r\n$mfp-popup-padding-left-mobile: 6px !default; // Same as above, but is applied when width of window is less than 800px\r\n\r\n$mfp-z-index-base: 1040 !default; // Base z-index of popup\r\n$mfp-include-arrows: true !default; // include styles for nav arrows\r\n$mfp-controls-opacity: 0.65 !default;\r\n$mfp-controls-color: #FFF !default;\r\n$mfp-controls-border-color: #3F3F3F !default;\r\n$mfp-inner-close-icon-color: #333 !default;\r\n$mfp-controls-text-color: #CCC !default; // Color of preloader and \"1 of X\" indicator\r\n$mfp-controls-text-color-hover: #FFF !default;\r\n$mfp-IE7support: true !default; // Very basic IE7 support\r\n\r\n// Iframe-type options\r\n$mfp-include-iframe-type: true !default;\r\n$mfp-iframe-padding-top: 40px !default;\r\n$mfp-iframe-background: #000 !default;\r\n$mfp-iframe-max-width: 900px !default;\r\n$mfp-iframe-ratio: 9/16 !default;\r\n\r\n// Image-type options\r\n$mfp-include-image-type: true !default;\r\n$mfp-image-background: #444 !default;\r\n$mfp-image-padding-top: 40px !default;\r\n$mfp-image-padding-bottom: 40px !default;\r\n$mfp-include-mobile-layout-for-image: true !default; // Removes paddings from top and bottom\r\n\r\n// Image caption options\r\n$mfp-caption-title-color: #F3F3F3 !default;\r\n$mfp-caption-subtitle-color: #BDBDBD !default;\r\n\r\n// A11y\r\n$mfp-use-visuallyhidden: false !default; // Hide content from browsers, but make it available for screen readers\r\n\r\n\r\n\r\n////////////////////////\r\n// 2. General styles\r\n////////////////////////\r\n\r\n// Transluscent overlay\r\n.mfp-bg {\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n z-index: $mfp-z-index-base + 2;\r\n overflow: hidden;\r\n position: fixed;\r\n\r\n background: $mfp-overlay-color;\r\n opacity: $mfp-overlay-opacity;\r\n @if $mfp-IE7support {\r\n filter: unquote(\"alpha(opacity=#{$mfp-overlay-opacity*100})\");\r\n }\r\n}\r\n\r\n// Wrapper for popup\r\n.mfp-wrap {\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n z-index: $mfp-z-index-base + 3;\r\n position: fixed;\r\n outline: none !important;\r\n -webkit-backface-visibility: hidden; // fixes webkit bug that can cause \"false\" scrollbar\r\n}\r\n\r\n// Root container\r\n.mfp-container {\r\n text-align: center;\r\n position: absolute;\r\n width: 100%;\r\n height: 100%;\r\n left: 0;\r\n top: 0;\r\n padding: 0 $mfp-popup-padding-left;\r\n -webkit-box-sizing: border-box;\r\n -moz-box-sizing: border-box;\r\n box-sizing: border-box;\r\n}\r\n\r\n// Vertical centerer helper\r\n.mfp-container {\r\n &:before {\r\n content: '';\r\n display: inline-block;\r\n height: 100%;\r\n vertical-align: middle;\r\n }\r\n}\r\n\r\n// Remove vertical centering when popup has class `mfp-align-top`\r\n.mfp-align-top {\r\n .mfp-container {\r\n &:before {\r\n display: none;\r\n }\r\n }\r\n}\r\n\r\n// Popup content holder\r\n.mfp-content {\r\n position: relative;\r\n display: inline-block;\r\n vertical-align: middle;\r\n margin: 0 auto;\r\n text-align: left;\r\n z-index: $mfp-z-index-base + 5;\r\n}\r\n.mfp-inline-holder,\r\n.mfp-ajax-holder {\r\n .mfp-content {\r\n width: 100%;\r\n cursor: auto;\r\n }\r\n}\r\n\r\n// Cursors\r\n.mfp-ajax-cur {\r\n cursor: progress;\r\n}\r\n.mfp-zoom-out-cur {\r\n &, .mfp-image-holder .mfp-close {\r\n cursor: -moz-zoom-out;\r\n cursor: -webkit-zoom-out;\r\n cursor: zoom-out;\r\n }\r\n}\r\n.mfp-zoom {\r\n cursor: pointer;\r\n cursor: -webkit-zoom-in;\r\n cursor: -moz-zoom-in;\r\n cursor: zoom-in;\r\n}\r\n.mfp-auto-cursor {\r\n .mfp-content {\r\n cursor: auto;\r\n }\r\n}\r\n\r\n.mfp-close,\r\n.mfp-arrow,\r\n.mfp-preloader,\r\n.mfp-counter {\r\n -webkit-user-select:none;\r\n -moz-user-select: none;\r\n user-select: none;\r\n}\r\n\r\n// Hide the image during the loading\r\n.mfp-loading {\r\n &.mfp-figure {\r\n display: none;\r\n }\r\n}\r\n\r\n// Helper class that hides stuff\r\n@if $mfp-use-visuallyhidden {\r\n // From HTML5 Boilerplate https://github.com/h5bp/html5-boilerplate/blob/v4.2.0/doc/css.md#visuallyhidden\r\n .mfp-hide {\r\n border: 0 !important;\r\n clip: rect(0 0 0 0) !important;\r\n height: 1px !important;\r\n margin: -1px !important;\r\n overflow: hidden !important;\r\n padding: 0 !important;\r\n position: absolute !important;\r\n width: 1px !important;\r\n }\r\n} @else {\r\n .mfp-hide {\r\n display: none !important;\r\n }\r\n}\r\n\r\n\r\n////////////////////////\r\n// 3. Appearance\r\n////////////////////////\r\n\r\n// Preloader and text that displays error messages\r\n.mfp-preloader {\r\n color: $mfp-controls-text-color;\r\n position: absolute;\r\n top: 50%;\r\n width: auto;\r\n text-align: center;\r\n margin-top: -0.8em;\r\n left: 8px;\r\n right: 8px;\r\n z-index: $mfp-z-index-base + 4;\r\n a {\r\n color: $mfp-controls-text-color;\r\n &:hover {\r\n color: $mfp-controls-text-color-hover;\r\n }\r\n }\r\n}\r\n\r\n// Hide preloader when content successfully loaded\r\n.mfp-s-ready {\r\n .mfp-preloader {\r\n display: none;\r\n }\r\n}\r\n\r\n// Hide content when it was not loaded\r\n.mfp-s-error {\r\n .mfp-content {\r\n display: none;\r\n }\r\n}\r\n\r\n// CSS-reset for buttons\r\nbutton {\r\n &.mfp-close,\r\n &.mfp-arrow {\r\n overflow: visible;\r\n cursor: pointer;\r\n background: transparent;\r\n border: 0;\r\n -webkit-appearance: none;\r\n display: block;\r\n outline: none;\r\n padding: 0;\r\n z-index: $mfp-z-index-base + 6;\r\n -webkit-box-shadow: none;\r\n box-shadow: none;\r\n }\r\n &::-moz-focus-inner {\r\n padding: 0;\r\n border: 0\r\n }\r\n}\r\n\r\n\r\n// Close icon\r\n.mfp-close {\r\n width: 44px;\r\n height: 44px;\r\n line-height: 44px;\r\n\r\n position: absolute;\r\n right: 0;\r\n top: 0;\r\n text-decoration: none;\r\n text-align: center;\r\n opacity: $mfp-controls-opacity;\r\n @if $mfp-IE7support {\r\n filter: unquote(\"alpha(opacity=#{$mfp-controls-opacity*100})\");\r\n }\r\n padding: 0 0 18px 10px;\r\n color: $mfp-controls-color;\r\n\r\n font-style: normal;\r\n font-size: 28px;\r\n font-family: $serif;\r\n\r\n &:hover,\r\n &:focus {\r\n opacity: 1;\r\n @if $mfp-IE7support {\r\n filter: unquote(\"alpha(opacity=#{1*100})\");\r\n }\r\n }\r\n\r\n &:active {\r\n top: 1px;\r\n }\r\n}\r\n.mfp-close-btn-in {\r\n .mfp-close {\r\n color: $mfp-inner-close-icon-color;\r\n }\r\n}\r\n.mfp-image-holder,\r\n.mfp-iframe-holder {\r\n .mfp-close {\r\n color: $mfp-controls-color;\r\n right: -6px;\r\n text-align: right;\r\n padding-right: 6px;\r\n width: 100%;\r\n }\r\n}\r\n\r\n// \"1 of X\" counter\r\n.mfp-counter {\r\n position: absolute;\r\n top: 0;\r\n right: 0;\r\n color: $mfp-controls-text-color;\r\n font-size: 12px;\r\n line-height: 18px;\r\n}\r\n\r\n// Navigation arrows\r\n@if $mfp-include-arrows {\r\n .mfp-arrow {\r\n position: absolute;\r\n opacity: $mfp-controls-opacity;\r\n @if $mfp-IE7support {\r\n filter: unquote(\"alpha(opacity=#{$mfp-controls-opacity*100})\");\r\n }\r\n margin: 0;\r\n top: 50%;\r\n margin-top: -55px;\r\n padding: 0;\r\n width: 90px;\r\n height: 110px;\r\n -webkit-tap-highlight-color: rgba(0,0,0,0);\r\n &:active {\r\n margin-top: -54px;\r\n }\r\n &:hover,\r\n &:focus {\r\n opacity: 1;\r\n @if $mfp-IE7support {\r\n filter: unquote(\"alpha(opacity=#{1*100})\");\r\n }\r\n }\r\n &:before,\r\n &:after,\r\n .mfp-b,\r\n .mfp-a {\r\n content: '';\r\n display: block;\r\n width: 0;\r\n height: 0;\r\n position: absolute;\r\n left: 0;\r\n top: 0;\r\n margin-top: 35px;\r\n margin-left: 35px;\r\n border: medium inset transparent;\r\n }\r\n\r\n &:after,\r\n .mfp-a {\r\n\r\n border-top-width: 13px;\r\n border-bottom-width: 13px;\r\n top:8px;\r\n }\r\n\r\n &:before,\r\n .mfp-b {\r\n border-top-width: 21px;\r\n border-bottom-width: 21px;\r\n opacity: 0.7;\r\n }\r\n\r\n }\r\n\r\n .mfp-arrow-left {\r\n left: 0;\r\n\r\n &:after,\r\n .mfp-a {\r\n border-right: 17px solid $mfp-controls-color;\r\n margin-left: 31px;\r\n }\r\n &:before,\r\n .mfp-b {\r\n margin-left: 25px;\r\n border-right: 27px solid $mfp-controls-border-color;\r\n }\r\n }\r\n\r\n .mfp-arrow-right {\r\n right: 0;\r\n &:after,\r\n .mfp-a {\r\n border-left: 17px solid $mfp-controls-color;\r\n margin-left: 39px\r\n }\r\n &:before,\r\n .mfp-b {\r\n border-left: 27px solid $mfp-controls-border-color;\r\n }\r\n }\r\n}\r\n\r\n\r\n\r\n// Iframe content type\r\n@if $mfp-include-iframe-type {\r\n .mfp-iframe-holder {\r\n padding-top: $mfp-iframe-padding-top;\r\n padding-bottom: $mfp-iframe-padding-top;\r\n .mfp-content {\r\n line-height: 0;\r\n width: 100%;\r\n max-width: $mfp-iframe-max-width;\r\n }\r\n .mfp-close {\r\n top: -40px;\r\n }\r\n }\r\n .mfp-iframe-scaler {\r\n width: 100%;\r\n height: 0;\r\n overflow: hidden;\r\n padding-top: $mfp-iframe-ratio * 100%;\r\n iframe {\r\n position: absolute;\r\n display: block;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n box-shadow: $mfp-shadow;\r\n background: $mfp-iframe-background;\r\n }\r\n }\r\n}\r\n\r\n\r\n\r\n// Image content type\r\n@if $mfp-include-image-type {\r\n\r\n /* Main image in popup */\r\n img {\r\n &.mfp-img {\r\n width: auto;\r\n max-width: 100%;\r\n height: auto;\r\n display: block;\r\n line-height: 0;\r\n -webkit-box-sizing: border-box;\r\n -moz-box-sizing: border-box;\r\n box-sizing: border-box;\r\n padding: $mfp-image-padding-top 0 $mfp-image-padding-bottom;\r\n margin: 0 auto;\r\n }\r\n }\r\n\r\n /* The shadow behind the image */\r\n .mfp-figure {\r\n line-height: 0;\r\n &:after {\r\n content: '';\r\n position: absolute;\r\n left: 0;\r\n top: $mfp-image-padding-top;\r\n bottom: $mfp-image-padding-bottom;\r\n display: block;\r\n right: 0;\r\n width: auto;\r\n height: auto;\r\n z-index: -1;\r\n box-shadow: $mfp-shadow;\r\n background: $mfp-image-background;\r\n }\r\n small {\r\n color: $mfp-caption-subtitle-color;\r\n display: block;\r\n font-size: 12px;\r\n line-height: 14px;\r\n }\r\n figure {\r\n margin: 0;\r\n }\r\n figcaption {\r\n margin-top: 0;\r\n margin-bottom: 0; // reset for bottom spacing\r\n }\r\n }\r\n .mfp-bottom-bar {\r\n margin-top: -$mfp-image-padding-bottom + 4;\r\n position: absolute;\r\n top: 100%;\r\n left: 0;\r\n width: 100%;\r\n cursor: auto;\r\n }\r\n .mfp-title {\r\n text-align: left;\r\n line-height: 18px;\r\n color: $mfp-caption-title-color;\r\n word-wrap: break-word;\r\n padding-right: 36px; // leave some space for counter at right side\r\n }\r\n\r\n .mfp-image-holder {\r\n .mfp-content {\r\n max-width: 100%;\r\n }\r\n }\r\n\r\n .mfp-gallery {\r\n .mfp-image-holder {\r\n .mfp-figure {\r\n cursor: pointer;\r\n }\r\n }\r\n }\r\n\r\n\r\n @if $mfp-include-mobile-layout-for-image {\r\n @media screen and (max-width: 800px) and (orientation:landscape), screen and (max-height: 300px) {\r\n /**\r\n * Remove all paddings around the image on small screen\r\n */\r\n .mfp-img-mobile {\r\n .mfp-image-holder {\r\n padding-left: 0;\r\n padding-right: 0;\r\n }\r\n img {\r\n &.mfp-img {\r\n padding: 0;\r\n }\r\n }\r\n .mfp-figure {\r\n // The shadow behind the image\r\n &:after {\r\n top: 0;\r\n bottom: 0;\r\n }\r\n small {\r\n display: inline;\r\n margin-left: 5px;\r\n }\r\n }\r\n .mfp-bottom-bar {\r\n background: rgba(0,0,0,0.6);\r\n bottom: 0;\r\n margin: 0;\r\n top: auto;\r\n padding: 3px 5px;\r\n position: fixed;\r\n -webkit-box-sizing: border-box;\r\n -moz-box-sizing: border-box;\r\n box-sizing: border-box;\r\n &:empty {\r\n padding: 0;\r\n }\r\n }\r\n .mfp-counter {\r\n right: 5px;\r\n top: 3px;\r\n }\r\n .mfp-close {\r\n top: 0;\r\n right: 0;\r\n width: 35px;\r\n height: 35px;\r\n line-height: 35px;\r\n background: rgba(0, 0, 0, 0.6);\r\n position: fixed;\r\n text-align: center;\r\n padding: 0;\r\n }\r\n }\r\n }\r\n }\r\n}\r\n\r\n\r\n\r\n// Scale navigation arrows and reduce padding from sides\r\n@media all and (max-width: 900px) {\r\n .mfp-arrow {\r\n -webkit-transform: scale(0.75);\r\n transform: scale(0.75);\r\n }\r\n .mfp-arrow-left {\r\n -webkit-transform-origin: 0;\r\n transform-origin: 0;\r\n }\r\n .mfp-arrow-right {\r\n -webkit-transform-origin: 100%;\r\n transform-origin: 100%;\r\n }\r\n .mfp-container {\r\n padding-left: $mfp-popup-padding-left-mobile;\r\n padding-right: $mfp-popup-padding-left-mobile;\r\n }\r\n}\r\n\r\n\r\n\r\n// IE7 support\r\n// Styles that make popup look nicier in old IE\r\n@if $mfp-IE7support {\r\n .mfp-ie7 {\r\n .mfp-img {\r\n padding: 0;\r\n }\r\n .mfp-bottom-bar {\r\n width: 600px;\r\n left: 50%;\r\n margin-left: -300px;\r\n margin-top: 5px;\r\n padding-bottom: 5px;\r\n }\r\n .mfp-container {\r\n padding: 0;\r\n }\r\n .mfp-content {\r\n padding-top: 44px;\r\n }\r\n .mfp-close {\r\n top: 0;\r\n right: 0;\r\n padding-top: 0;\r\n }\r\n }\r\n}\r\n","/* ==========================================================================\r\n MIXINS\r\n ========================================================================== */\r\n\r\n%tab-focus {\r\n /* Default*/\r\n outline: thin dotted $focus-color;\r\n /* Webkit*/\r\n outline: 5px auto $focus-color;\r\n outline-offset: -2px;\r\n}\r\n\r\n/*\r\n em function\r\n ========================================================================== */\r\n\r\n@function em($target, $context: $doc-font-size) {\r\n @return ($target / $context) * 1em;\r\n}\r\n\r\n\r\n/*\r\n Bourbon clearfix\r\n ========================================================================== */\r\n\r\n/*\r\n * Provides an easy way to include a clearfix for containing floats.\r\n * link http://cssmojo.com/latest_new_clearfix_so_far/\r\n *\r\n * example scss - Usage\r\n *\r\n * .element {\r\n * @include clearfix;\r\n * }\r\n *\r\n * example css - CSS Output\r\n *\r\n * .element::after {\r\n * clear: both;\r\n * content: \"\";\r\n * display: table;\r\n * }\r\n*/\r\n\r\n@mixin clearfix {\r\n clear: both;\r\n\r\n &::after {\r\n clear: both;\r\n content: \"\";\r\n display: table;\r\n }\r\n}\r\n\r\n/*\r\n Compass YIQ Color Contrast\r\n https://github.com/easy-designs/yiq-color-contrast\r\n ========================================================================== */\r\n\r\n@function yiq-is-light(\r\n $color,\r\n $threshold: $yiq-contrasted-threshold\r\n) {\r\n $red: red($color);\r\n $green: green($color);\r\n $blue: blue($color);\r\n\r\n $yiq: calc((($red*299) + ($green*587) + ($blue*114)) / 1000);\r\n\r\n @if $yiq-debug { @debug $yiq, $threshold; }\r\n\r\n @return if($yiq >= $threshold, true, false);\r\n}\r\n\r\n@function yiq-contrast-color(\r\n $color,\r\n $dark: $yiq-contrasted-dark-default,\r\n $light: $yiq-contrasted-light-default,\r\n $threshold: $yiq-contrasted-threshold\r\n) {\r\n @return if(yiq-is-light($color, $threshold), $yiq-contrasted-dark-default, $yiq-contrasted-light-default);\r\n}\r\n\r\n@mixin yiq-contrasted(\r\n $background-color,\r\n $dark: $yiq-contrasted-dark-default,\r\n $light: $yiq-contrasted-light-default,\r\n $threshold: $yiq-contrasted-threshold\r\n) {\r\n background-color: $background-color;\r\n color: yiq-contrast-color($background-color, $dark, $light, $threshold);\r\n}","/* ==========================================================================\r\n STYLE RESETS\r\n ========================================================================== */\r\n\r\n* { box-sizing: border-box; }\r\n\r\nhtml {\r\n /* apply a natural box layout model to all elements */\r\n box-sizing: border-box;\r\n background-color: $background-color;\r\n font-size: 16px;\r\n\r\n @include breakpoint($medium) {\r\n font-size: 18px;\r\n }\r\n\r\n @include breakpoint($large) {\r\n font-size: 20px;\r\n }\r\n\r\n @include breakpoint($x-large) {\r\n font-size: 22px;\r\n }\r\n\r\n -webkit-text-size-adjust: 100%;\r\n -ms-text-size-adjust: 100%;\r\n}\r\n\r\n/* Remove margin */\r\n\r\nbody { margin: 0; }\r\n\r\n/* Selected elements */\r\n\r\n::-moz-selection {\r\n color: #fff;\r\n background: #000;\r\n}\r\n\r\n::selection {\r\n color: #fff;\r\n background: #000;\r\n}\r\n\r\n/* Display HTML5 elements in IE6-9 and FF3 */\r\n\r\narticle,\r\naside,\r\ndetails,\r\nfigcaption,\r\nfigure,\r\nfooter,\r\nheader,\r\nhgroup,\r\nmain,\r\nnav,\r\nsection {\r\n display: block;\r\n}\r\n\r\n/* Display block in IE6-9 and FF3 */\r\n\r\naudio,\r\ncanvas,\r\nvideo {\r\n display: inline-block;\r\n *display: inline;\r\n *zoom: 1;\r\n}\r\n\r\n/* Prevents modern browsers from displaying 'audio' without controls */\r\n\r\naudio:not([controls]) {\r\n display: none;\r\n}\r\n\r\na {\r\n color: $link-color;\r\n}\r\n\r\n/* Apply focus state */\r\n\r\na:focus {\r\n @extend %tab-focus;\r\n}\r\n\r\n/* Remove outline from links */\r\n\r\na:hover,\r\na:active {\r\n outline: 0;\r\n}\r\n\r\n/* Prevent sub and sup affecting line-height in all browsers */\r\n\r\nsub,\r\nsup {\r\n position: relative;\r\n font-size: 75%;\r\n line-height: 0;\r\n vertical-align: baseline;\r\n}\r\n\r\nsup {\r\n top: -0.5em;\r\n}\r\n\r\nsub {\r\n bottom: -0.25em;\r\n}\r\n\r\n/* img border in anchor's and image quality */\r\n\r\nimg {\r\n /* Responsive images (ensure images don't scale beyond their parents) */\r\n max-width: 100%; /* part 1: Set a maximum relative to the parent*/\r\n width: auto\\9; /* IE7-8 need help adjusting responsive images*/\r\n height: auto; /* part 2: Scale the height according to the width, otherwise you get stretching*/\r\n\r\n vertical-align: middle;\r\n border: 0;\r\n -ms-interpolation-mode: bicubic;\r\n}\r\n\r\n/* Prevent max-width from affecting Google Maps */\r\n\r\n#map_canvas img,\r\n.google-maps img {\r\n max-width: none;\r\n}\r\n\r\n/* Consistent form font size in all browsers, margin changes, misc */\r\n\r\nbutton,\r\ninput,\r\nselect,\r\ntextarea {\r\n margin: 0;\r\n font-size: 100%;\r\n vertical-align: middle;\r\n}\r\n\r\nbutton,\r\ninput {\r\n *overflow: visible; /* inner spacing ie IE6/7*/\r\n line-height: normal; /* FF3/4 have !important on line-height in UA stylesheet*/\r\n}\r\n\r\nbutton::-moz-focus-inner,\r\ninput::-moz-focus-inner { /* inner padding and border oddities in FF3/4*/\r\n padding: 0;\r\n border: 0;\r\n}\r\n\r\nbutton,\r\nhtml input[type=\"button\"], // avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` and `video` controls\r\ninput[type=\"reset\"],\r\ninput[type=\"submit\"] {\r\n -webkit-appearance: button; /* corrects inability to style clickable `input` types in iOS*/\r\n cursor: pointer; /* improves usability and consistency of cursor style between image-type `input` and others*/\r\n}\r\n\r\nlabel,\r\nselect,\r\nbutton,\r\ninput[type=\"button\"],\r\ninput[type=\"reset\"],\r\ninput[type=\"submit\"],\r\ninput[type=\"radio\"],\r\ninput[type=\"checkbox\"] {\r\n cursor: pointer; /* improves usability and consistency of cursor style between image-type `input` and others*/\r\n}\r\n\r\ninput[type=\"search\"] { /* Appearance in Safari/Chrome*/\r\n box-sizing: border-box;\r\n -webkit-appearance: textfield;\r\n}\r\n\r\ninput[type=\"search\"]::-webkit-search-decoration,\r\ninput[type=\"search\"]::-webkit-search-cancel-button {\r\n -webkit-appearance: none; /* inner-padding issues in Chrome OSX, Safari 5*/\r\n}\r\n\r\ntextarea {\r\n overflow: auto; /* remove vertical scrollbar in IE6-9*/\r\n vertical-align: top; /* readability and alignment cross-browser*/\r\n}","//////////////////////////////\r\n// Default Variables\r\n//////////////////////////////\r\n$Breakpoint-Settings: (\r\n 'default media': all,\r\n 'default feature': min-width,\r\n 'default pair': width,\r\n\r\n 'force all media type': false,\r\n 'to ems': false,\r\n 'transform resolutions': true,\r\n\r\n 'no queries': false,\r\n 'no query fallbacks': false,\r\n\r\n 'base font size': 16px,\r\n\r\n 'legacy syntax': false\r\n);\r\n\r\n$breakpoint: () !default;\r\n\r\n//////////////////////////////\r\n// Imports\r\n//////////////////////////////\r\n@import \"settings\";\r\n@import \"context\";\r\n@import \"helpers\";\r\n@import \"parsers\";\r\n@import \"no-query\";\r\n\r\n@import \"respond-to\";\r\n\r\n@import \"legacy-settings\";\r\n\r\n//////////////////////////////\r\n// Breakpoint Mixin\r\n//////////////////////////////\r\n\r\n@mixin breakpoint($query, $no-query: false) {\r\n @include legacy-settings-warning;\r\n\r\n // Reset contexts\r\n @include private-breakpoint-reset-contexts();\r\n\r\n $breakpoint: breakpoint($query, false);\r\n\r\n $query-string: map-get($breakpoint, 'query');\r\n $query-fallback: map-get($breakpoint, 'fallback');\r\n\r\n $private-breakpoint-context-holder: map-get($breakpoint, 'context holder') !global;\r\n $private-breakpoint-query-count: map-get($breakpoint, 'query count') !global;\r\n\r\n // Allow for an as-needed override or usage of no query fallback.\r\n @if $no-query != false {\r\n $query-fallback: $no-query;\r\n }\r\n\r\n @if $query-fallback != false {\r\n $context-setter: private-breakpoint-set-context('no-query', $query-fallback);\r\n }\r\n\r\n // Print Out Query String\r\n @if not breakpoint-get('no queries') {\r\n @media #{$query-string} {\r\n @content;\r\n }\r\n }\r\n\r\n @if breakpoint-get('no query fallbacks') != false or breakpoint-get('no queries') == true {\r\n\r\n $type: type-of(breakpoint-get('no query fallbacks'));\r\n $print: false;\r\n\r\n @if ($type == 'bool') {\r\n $print: true;\r\n }\r\n @else if ($type == 'string') {\r\n @if $query-fallback == breakpoint-get('no query fallbacks') {\r\n $print: true;\r\n }\r\n }\r\n @else if ($type == 'list') {\r\n @each $wrapper in breakpoint-get('no query fallbacks') {\r\n @if $query-fallback == $wrapper {\r\n $print: true;\r\n }\r\n }\r\n }\r\n\r\n // Write Fallback\r\n @if ($query-fallback != false) and ($print == true) {\r\n $type-fallback: type-of($query-fallback);\r\n\r\n @if ($type-fallback != 'bool') {\r\n #{$query-fallback} & {\r\n @content;\r\n }\r\n }\r\n @else {\r\n @content;\r\n }\r\n }\r\n }\r\n\r\n @include private-breakpoint-reset-contexts();\r\n}\r\n\r\n\r\n@mixin mq($query, $no-query: false) {\r\n @include breakpoint($query, $no-query) {\r\n @content;\r\n }\r\n}\r\n","/* ==========================================================================\r\n BASE ELEMENTS\r\n ========================================================================== */\r\n\r\nhtml {\r\n /* sticky footer fix */\r\n position: relative;\r\n min-height: 100%;\r\n}\r\n\r\nbody {\r\n margin: 0;\r\n padding: 0;\r\n color: $text-color;\r\n font-family: $global-font-family;\r\n line-height: 1.5;\r\n\r\n &.overflow--hidden {\r\n /* when primary navigation is visible, the content in the background won't scroll */\r\n overflow: hidden;\r\n }\r\n}\r\n\r\nh1,\r\nh2,\r\nh3,\r\nh4,\r\nh5,\r\nh6 {\r\n margin: 2em 0 0.5em;\r\n line-height: 1.2;\r\n font-family: $header-font-family;\r\n font-weight: bold;\r\n}\r\n\r\nh1 {\r\n margin-top: 0;\r\n font-size: $h-size-1;\r\n}\r\n\r\nh2 {\r\n font-size: $h-size-2;\r\n}\r\n\r\nh3 {\r\n font-size: $h-size-3;\r\n}\r\n\r\nh4 {\r\n font-size: $h-size-4;\r\n}\r\n\r\nh5 {\r\n font-size: $h-size-5;\r\n}\r\n\r\nh6 {\r\n font-size: $h-size-6;\r\n}\r\n\r\nsmall,\r\n.small {\r\n font-size: $type-size-6;\r\n}\r\n\r\np {\r\n margin-bottom: 1.3em;\r\n}\r\n\r\nu,\r\nins {\r\n text-decoration: none;\r\n border-bottom: 1px solid $text-color;\r\n a {\r\n color: inherit;\r\n }\r\n}\r\n\r\ndel a {\r\n color: inherit;\r\n}\r\n\r\n/* reduce orphans and widows when printing */\r\n\r\np,\r\npre,\r\nblockquote,\r\nul,\r\nol,\r\ndl,\r\nfigure,\r\ntable,\r\nfieldset {\r\n orphans: 3;\r\n widows: 3;\r\n}\r\n\r\n/* abbreviations */\r\n\r\nabbr[title],\r\nabbr[data-original-title] {\r\n text-decoration: none;\r\n cursor: help;\r\n border-bottom: 1px dotted $text-color;\r\n}\r\n\r\n/* blockquotes */\r\n\r\nblockquote {\r\n margin: 2em 1em 2em 0;\r\n padding-left: 1em;\r\n padding-right: 1em;\r\n font-style: italic;\r\n border-left: 0.25em solid $primary-color;\r\n\r\n cite {\r\n font-style: italic;\r\n\r\n &:before {\r\n content: \"\\2014\";\r\n padding-right: 5px;\r\n }\r\n }\r\n}\r\n\r\n/* links */\r\n\r\na {\r\n &:focus {\r\n @extend %tab-focus;\r\n }\r\n\r\n &:visited {\r\n color: $link-color-visited;\r\n }\r\n\r\n &:hover {\r\n color: $link-color-hover;\r\n outline: 0;\r\n }\r\n}\r\n\r\n/* buttons */\r\n\r\nbutton:focus {\r\n @extend %tab-focus;\r\n}\r\n\r\n/* code */\r\n\r\ntt,\r\ncode,\r\nkbd,\r\nsamp,\r\npre {\r\n font-family: $monospace;\r\n}\r\n\r\npre {\r\n overflow-x: auto; /* add scrollbars to wide code blocks*/\r\n}\r\n\r\n/* horizontal rule */\r\n\r\nhr {\r\n display: block;\r\n margin: 1em 0;\r\n border: 0;\r\n border-top: 1px solid $border-color;\r\n}\r\n\r\n/* lists */\r\n\r\nul li,\r\nol li {\r\n margin-bottom: 0.5em;\r\n}\r\n\r\nli ul,\r\nli ol {\r\n margin-top: 0.5em;\r\n}\r\n\r\n/*\r\n Media and embeds\r\n ========================================================================== */\r\n\r\n/* Figures and images */\r\n\r\nfigure {\r\n display: -webkit-box;\r\n display: flex;\r\n -webkit-box-pack: justify;\r\n justify-content: space-between;\r\n -webkit-box-align: start;\r\n align-items: flex-start;\r\n flex-wrap: wrap;\r\n margin: 2em 0;\r\n\r\n img,\r\n iframe,\r\n .fluid-width-video-wrapper {\r\n margin-bottom: 1em;\r\n }\r\n\r\n img {\r\n width: 100%;\r\n border-radius: $border-radius;\r\n -webkit-transition: $global-transition;\r\n transition: $global-transition;\r\n }\r\n\r\n > a {\r\n display: block;\r\n }\r\n\r\n &.half {\r\n > a,\r\n > img {\r\n @include breakpoint($small) {\r\n width: calc(50% - 0.5em);\r\n }\r\n }\r\n\r\n figcaption {\r\n width: 100%;\r\n }\r\n }\r\n\r\n &.third {\r\n > a,\r\n > img {\r\n @include breakpoint($small) {\r\n width: calc(33.3333% - 0.5em);\r\n }\r\n }\r\n\r\n figcaption {\r\n width: 100%;\r\n }\r\n }\r\n}\r\n\r\n/* Figure captions */\r\n\r\nfigcaption {\r\n margin-bottom: 0.5em;\r\n color: $muted-text-color;\r\n font-family: $caption-font-family;\r\n font-size: $type-size-6;\r\n\r\n a {\r\n -webkit-transition: $global-transition;\r\n transition: $global-transition;\r\n\r\n &:hover {\r\n color: $link-color-hover;\r\n }\r\n }\r\n}\r\n\r\n/* Fix IE9 SVG bug */\r\n\r\nsvg:not(:root) {\r\n overflow: hidden;\r\n}\r\n\r\n/*\r\n Navigation lists\r\n ========================================================================== */\r\n\r\n/**\r\n * Removes margins, padding, and bullet points from navigation lists\r\n *\r\n * Example usage:\r\n * \r\n */\r\n\r\nnav {\r\n ul {\r\n margin: 0;\r\n padding: 0;\r\n }\r\n\r\n li {\r\n list-style: none;\r\n }\r\n\r\n a {\r\n text-decoration: none;\r\n }\r\n\r\n /* override white-space for nested lists */\r\n ul li,\r\n ol li {\r\n margin-bottom: 0;\r\n }\r\n\r\n li ul,\r\n li ol {\r\n margin-top: 0;\r\n }\r\n}\r\n\r\n/*\r\n Global animation transition\r\n ========================================================================== */\r\n\r\nb,\r\ni,\r\nstrong,\r\nem,\r\nblockquote,\r\np,\r\nq,\r\nspan,\r\nfigure,\r\nimg,\r\nh1,\r\nh2,\r\nheader,\r\ninput,\r\na,\r\ntr,\r\ntd,\r\nform button,\r\ninput[type=\"submit\"],\r\n.btn,\r\n.highlight,\r\n.archive__item-teaser {\r\n -webkit-transition: $global-transition;\r\n transition: $global-transition;\r\n}\r\n","/* ==========================================================================\r\n Forms\r\n ========================================================================== */\r\n\r\nform {\r\n margin: 0 0 5px 0;\r\n padding: 1em;\r\n background-color: $form-background-color;\r\n\r\n fieldset {\r\n margin-bottom: 5px;\r\n padding: 0;\r\n border-width: 0;\r\n }\r\n\r\n legend {\r\n display: block;\r\n width: 100%;\r\n margin-bottom: 5px * 2;\r\n *margin-left: -7px;\r\n padding: 0;\r\n color: $text-color;\r\n border: 0;\r\n white-space: normal;\r\n }\r\n\r\n p {\r\n margin-bottom: calc(5px / 2);\r\n }\r\n\r\n ul {\r\n list-style-type: none;\r\n margin: 0 0 5px 0;\r\n padding: 0;\r\n }\r\n\r\n br {\r\n display: none;\r\n }\r\n}\r\n\r\nlabel,\r\ninput,\r\nbutton,\r\nselect,\r\ntextarea {\r\n vertical-align: baseline;\r\n *vertical-align: middle;\r\n}\r\n\r\ninput,\r\nbutton,\r\nselect,\r\ntextarea {\r\n box-sizing: border-box;\r\n font-family: $sans-serif;\r\n}\r\n\r\nlabel {\r\n display: block;\r\n margin-bottom: 0.25em;\r\n color: $text-color;\r\n cursor: pointer;\r\n\r\n small {\r\n font-size: $type-size-6;\r\n }\r\n\r\n input,\r\n textarea,\r\n select {\r\n display: block;\r\n }\r\n}\r\n\r\ninput,\r\ntextarea,\r\nselect {\r\n display: inline-block;\r\n width: 100%;\r\n padding: 0.25em;\r\n margin-bottom: 0.5em;\r\n color: $text-color;\r\n background-color: $background-color;\r\n border: $border-color;\r\n border-radius: $border-radius;\r\n box-shadow: $box-shadow;\r\n}\r\n\r\n.input-mini {\r\n width: 60px;\r\n}\r\n\r\n.input-small {\r\n width: 90px;\r\n}\r\n\r\ninput[type=\"image\"],\r\ninput[type=\"checkbox\"],\r\ninput[type=\"radio\"] {\r\n width: auto;\r\n height: auto;\r\n padding: 0;\r\n margin: 3px 0;\r\n *margin-top: 0;\r\n line-height: normal;\r\n cursor: pointer;\r\n border-radius: 0;\r\n border: 0 \\9;\r\n box-shadow: none;\r\n}\r\n\r\ninput[type=\"checkbox\"],\r\ninput[type=\"radio\"] {\r\n box-sizing: border-box;\r\n padding: 0;\r\n *width: 13px;\r\n *height: 13px;\r\n}\r\n\r\ninput[type=\"image\"] {\r\n border: 0;\r\n}\r\n\r\ninput[type=\"file\"] {\r\n width: auto;\r\n padding: initial;\r\n line-height: initial;\r\n border: initial;\r\n background-color: transparent;\r\n background-color: initial;\r\n box-shadow: none;\r\n}\r\n\r\ninput[type=\"button\"],\r\ninput[type=\"reset\"],\r\ninput[type=\"submit\"] {\r\n width: auto;\r\n height: auto;\r\n cursor: pointer;\r\n *overflow: visible;\r\n}\r\n\r\nselect,\r\ninput[type=\"file\"] {\r\n *margin-top: 4px;\r\n}\r\n\r\nselect {\r\n width: auto;\r\n background-color: #fff;\r\n}\r\n\r\nselect[multiple],\r\nselect[size] {\r\n height: auto;\r\n}\r\n\r\ntextarea {\r\n resize: vertical;\r\n height: auto;\r\n overflow: auto;\r\n vertical-align: top;\r\n}\r\n\r\ninput[type=\"hidden\"] {\r\n display: none;\r\n}\r\n\r\n.form {\r\n position: relative;\r\n}\r\n\r\n.radio,\r\n.checkbox {\r\n padding-left: 18px;\r\n font-weight: normal;\r\n}\r\n\r\n.radio input[type=\"radio\"],\r\n.checkbox input[type=\"checkbox\"] {\r\n float: left;\r\n margin-left: -18px;\r\n}\r\n\r\n.radio.inline,\r\n.checkbox.inline {\r\n display: inline-block;\r\n padding-top: 5px;\r\n margin-bottom: 0;\r\n vertical-align: middle;\r\n}\r\n\r\n.radio.inline + .radio.inline,\r\n.checkbox.inline + .checkbox.inline {\r\n margin-left: 10px;\r\n}\r\n\r\n/*\r\n Disabled state\r\n ========================================================================== */\r\n\r\ninput[disabled],\r\nselect[disabled],\r\ntextarea[disabled],\r\ninput[readonly],\r\nselect[readonly],\r\ntextarea[readonly] {\r\n opacity: 0.5;\r\n cursor: not-allowed;\r\n}\r\n\r\n/*\r\n Focus & active state\r\n ========================================================================== */\r\n\r\ninput:focus,\r\ntextarea:focus {\r\n border-color: $primary-color;\r\n outline: 0;\r\n outline: thin dotted \\9;\r\n box-shadow: inset 0 1px 3px rgba($text-color, 0.06),\r\n 0 0 5px rgba($primary-color, 0.7);\r\n}\r\n\r\ninput[type=\"file\"]:focus,\r\ninput[type=\"radio\"]:focus,\r\ninput[type=\"checkbox\"]:focus,\r\nselect:focus {\r\n box-shadow: none;\r\n}\r\n\r\n/*\r\n Help text\r\n ========================================================================== */\r\n\r\n.help-block,\r\n.help-inline {\r\n color: $muted-text-color;\r\n}\r\n\r\n.help-block {\r\n display: block;\r\n margin-bottom: 1em;\r\n line-height: 1em;\r\n}\r\n\r\n.help-inline {\r\n display: inline-block;\r\n vertical-align: middle;\r\n padding-left: 5px;\r\n}\r\n\r\n/*\r\n .form-group\r\n ========================================================================== */\r\n\r\n.form-group {\r\n margin-bottom: 5px;\r\n padding: 0;\r\n border-width: 0;\r\n}\r\n\r\n/*\r\n .form-inline\r\n ========================================================================== */\r\n\r\n.form-inline input,\r\n.form-inline textarea,\r\n.form-inline select {\r\n display: inline-block;\r\n margin-bottom: 0;\r\n}\r\n\r\n.form-inline label {\r\n display: inline-block;\r\n}\r\n\r\n.form-inline .radio,\r\n.form-inline .checkbox,\r\n.form-inline .radio {\r\n padding-left: 0;\r\n margin-bottom: 0;\r\n vertical-align: middle;\r\n}\r\n\r\n.form-inline .radio input[type=\"radio\"],\r\n.form-inline .checkbox input[type=\"checkbox\"] {\r\n float: left;\r\n margin-left: 0;\r\n margin-right: 3px;\r\n}\r\n\r\n/*\r\n .form-search\r\n ========================================================================== */\r\n\r\n.form-search input,\r\n.form-search textarea,\r\n.form-search select {\r\n display: inline-block;\r\n margin-bottom: 0;\r\n}\r\n\r\n.form-search .search-query {\r\n padding-left: 14px;\r\n padding-right: 14px;\r\n margin-bottom: 0;\r\n border-radius: 14px;\r\n}\r\n\r\n.form-search label {\r\n display: inline-block;\r\n}\r\n\r\n.form-search .radio,\r\n.form-search .checkbox,\r\n.form-inline .radio {\r\n padding-left: 0;\r\n margin-bottom: 0;\r\n vertical-align: middle;\r\n}\r\n\r\n.form-search .radio input[type=\"radio\"],\r\n.form-search .checkbox input[type=\"checkbox\"] {\r\n float: left;\r\n margin-left: 0;\r\n margin-right: 3px;\r\n}\r\n\r\n/*\r\n .form--loading\r\n ========================================================================== */\r\n\r\n.form--loading:before {\r\n content: \"\";\r\n}\r\n\r\n.form--loading .form__spinner {\r\n display: block;\r\n}\r\n\r\n.form:before {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n background-color: rgba(255, 255, 255, 0.7);\r\n z-index: 10;\r\n}\r\n\r\n.form__spinner {\r\n display: none;\r\n position: absolute;\r\n top: 50%;\r\n left: 50%;\r\n z-index: 11;\r\n}\r\n","/* ==========================================================================\r\n TABLES\r\n ========================================================================== */\r\n\r\ntable {\r\n display: block;\r\n margin-bottom: 1em;\r\n width: 100%;\r\n font-family: $global-font-family;\r\n font-size: $type-size-6;\r\n border-collapse: collapse;\r\n overflow-x: auto;\r\n\r\n & + table {\r\n margin-top: 1em;\r\n }\r\n}\r\n\r\nthead {\r\n background-color: $border-color;\r\n border-bottom: 2px solid mix(#000, $border-color, 25%);\r\n}\r\n\r\nth {\r\n padding: 0.5em;\r\n font-weight: bold;\r\n text-align: left;\r\n}\r\n\r\ntd {\r\n padding: 0.5em;\r\n border-bottom: 1px solid mix(#000, $border-color, 25%);\r\n}\r\n\r\ntr,\r\ntd,\r\nth {\r\n vertical-align: middle;\r\n}","/* ==========================================================================\r\n ANIMATIONS\r\n ========================================================================== */\r\n\r\n@-webkit-keyframes intro {\r\n 0% {\r\n opacity: 0;\r\n }\r\n 100% {\r\n opacity: 1;\r\n }\r\n}\r\n\r\n@keyframes intro {\r\n 0% {\r\n opacity: 0;\r\n }\r\n 100% {\r\n opacity: 1;\r\n }\r\n}","/* ==========================================================================\r\n BUTTONS\r\n ========================================================================== */\r\n\r\n/*\r\n Default button\r\n ========================================================================== */\r\n\r\n.btn {\r\n /* default */\r\n display: inline-block;\r\n margin-bottom: 0.25em;\r\n padding: 0.5em 1em;\r\n font-family: $sans-serif;\r\n font-size: $type-size-6;\r\n font-weight: bold;\r\n text-align: center;\r\n text-decoration: none;\r\n border-width: 0;\r\n border-radius: $border-radius;\r\n cursor: pointer;\r\n\r\n .icon {\r\n margin-right: 0.5em;\r\n }\r\n\r\n .icon + .hidden {\r\n margin-left: -0.5em; /* override for hidden text*/\r\n }\r\n\r\n /* button colors */\r\n $buttoncolors:\r\n (primary, $primary-color),\r\n (inverse, #fff),\r\n (light-outline, transparent),\r\n (success, $success-color),\r\n (warning, $warning-color),\r\n (danger, $danger-color),\r\n (info, $info-color),\r\n (facebook, $facebook-color),\r\n (twitter, $twitter-color),\r\n (linkedin, $linkedin-color);\r\n\r\n @each $buttoncolor, $color in $buttoncolors {\r\n &--#{$buttoncolor} {\r\n @include yiq-contrasted($color);\r\n @if ($buttoncolor == inverse) {\r\n border: 1px solid $border-color;\r\n }\r\n @if ($buttoncolor == light-outline) {\r\n border: 1px solid #fff;\r\n }\r\n\r\n &:visited {\r\n @include yiq-contrasted($color);\r\n }\r\n\r\n &:hover {\r\n @include yiq-contrasted(mix(#000, $color, 20%));\r\n }\r\n }\r\n }\r\n\r\n /* fills width of parent container */\r\n &--block {\r\n display: block;\r\n width: 100%;\r\n\r\n + .btn--block {\r\n margin-top: 0.25em;\r\n }\r\n }\r\n\r\n /* disabled */\r\n &--disabled {\r\n pointer-events: none;\r\n cursor: not-allowed;\r\n filter: alpha(opacity=65);\r\n box-shadow: none;\r\n opacity: 0.65;\r\n }\r\n\r\n /* extra large button */\r\n &--x-large {\r\n font-size: $type-size-4;\r\n }\r\n\r\n /* large button */\r\n &--large {\r\n font-size: $type-size-5;\r\n }\r\n\r\n /* small button */\r\n &--small {\r\n font-size: $type-size-7;\r\n }\r\n}","/* ==========================================================================\r\n NOTICE TEXT BLOCKS\r\n ========================================================================== */\r\n\r\n/**\r\n * Default Kramdown usage (no indents!):\r\n *
\r\n * #### Headline for the Notice\r\n * Text for the notice\r\n *
\r\n */\r\n\r\n@mixin notice($notice-color) {\r\n margin: 2em 0 !important; /* override*/\r\n padding: 1em;\r\n color: $text-color;\r\n font-family: $global-font-family;\r\n font-size: $type-size-6 !important;\r\n text-indent: initial; /* override*/\r\n background-color: mix($background-color, $notice-color, $notice-background-mix);\r\n border-radius: $border-radius;\r\n box-shadow: 0 1px 1px rgba($notice-color, 0.25);\r\n\r\n h4 {\r\n margin-top: 0 !important; /* override*/\r\n margin-bottom: 0.75em;\r\n line-height: inherit;\r\n }\r\n\r\n @at-root .page__content #{&} h4 {\r\n /* using at-root to override .page-content h4 font size*/\r\n margin-bottom: 0;\r\n font-size: 1em;\r\n }\r\n\r\n p {\r\n &:last-child {\r\n margin-bottom: 0 !important; /* override*/\r\n }\r\n }\r\n\r\n h4 + p {\r\n /* remove space above paragraphs that appear directly after notice headline*/\r\n margin-top: 0;\r\n padding-top: 0;\r\n }\r\n\r\n a {\r\n color: mix(#000, $notice-color, 10%);\r\n\r\n &:hover {\r\n color: mix(#000, $notice-color, 50%);\r\n }\r\n }\r\n\r\n @at-root #{selector-unify(&, \"blockquote\")} {\r\n border-left-color: mix(#000, $notice-color, 10%);\r\n }\r\n\r\n code {\r\n background-color: mix($background-color, $notice-color, $code-notice-background-mix)\r\n }\r\n\r\n\tpre code {\r\n\t\tbackground-color: inherit;\r\n\t}\r\n\r\n ul {\r\n &:last-child {\r\n margin-bottom: 0; /* override*/\r\n }\r\n }\r\n}\r\n\r\n/* Default notice */\r\n\r\n.notice {\r\n @include notice($light-gray);\r\n}\r\n\r\n/* Primary notice */\r\n\r\n.notice--primary {\r\n @include notice($primary-color);\r\n}\r\n\r\n/* Info notice */\r\n\r\n.notice--info {\r\n @include notice($info-color);\r\n}\r\n\r\n/* Warning notice */\r\n\r\n.notice--warning {\r\n @include notice($warning-color);\r\n}\r\n\r\n/* Success notice */\r\n\r\n.notice--success {\r\n @include notice($success-color);\r\n}\r\n\r\n/* Danger notice */\r\n\r\n.notice--danger {\r\n @include notice($danger-color);\r\n}\r\n","/* ==========================================================================\r\n MASTHEAD\r\n ========================================================================== */\r\n\r\n.masthead {\r\n position: relative;\r\n border-bottom: 1px solid $border-color;\r\n -webkit-animation: $intro-transition;\r\n animation: $intro-transition;\r\n -webkit-animation-delay: 0.15s;\r\n animation-delay: 0.15s;\r\n z-index: 20;\r\n\r\n &__inner-wrap {\r\n @include clearfix;\r\n margin-left: auto;\r\n margin-right: auto;\r\n padding: 1em;\r\n max-width: 100%;\r\n display: -webkit-box;\r\n display: -ms-flexbox;\r\n display: flex;\r\n -webkit-box-pack: justify;\r\n -ms-flex-pack: justify;\r\n justify-content: space-between;\r\n font-family: $sans-serif-narrow;\r\n\r\n @include breakpoint($x-large) {\r\n max-width: $max-width;\r\n }\r\n\r\n nav {\r\n z-index: 10;\r\n }\r\n\r\n a {\r\n text-decoration: none;\r\n }\r\n }\r\n}\r\n\r\n.site-logo img {\r\n height: 36px;\r\n width: 36px;\r\n vertical-align: super;\r\n max-height: 2rem;\r\n}\r\n\r\n.site-title {\r\n display: -webkit-box;\r\n display: -ms-flexbox;\r\n display: flex;\r\n -ms-flex-item-align: center;\r\n align-self: center;\r\n font-weight: bold;\r\n // z-index: 20;\r\n}\r\n\r\n.site-subtitle {\r\n display: block;\r\n font-size: $type-size-8;\r\n}\r\n\r\n.masthead__menu {\r\n float: left;\r\n margin-left: 0;\r\n margin-right: 0;\r\n width: 100%;\r\n clear: both;\r\n\r\n .site-nav {\r\n margin-left: 0;\r\n\r\n @include breakpoint($small) {\r\n float: right;\r\n }\r\n }\r\n\r\n ul {\r\n margin: 0;\r\n padding: 0;\r\n clear: both;\r\n list-style-type: none;\r\n }\r\n}\r\n\r\n.masthead__menu-item {\r\n display: block;\r\n list-style-type: none;\r\n white-space: nowrap;\r\n\r\n &--lg {\r\n padding-right: 2em;\r\n font-weight: 700;\r\n }\r\n}\r\n","/* ==========================================================================\r\n NAVIGATION\r\n ========================================================================== */\r\n\r\n/*\r\n Breadcrumb navigation links\r\n ========================================================================== */\r\n\r\n.breadcrumbs {\r\n @include clearfix;\r\n margin: 0 auto;\r\n max-width: 100%;\r\n padding-left: 1em;\r\n padding-right: 1em;\r\n font-family: $sans-serif;\r\n -webkit-animation: $intro-transition;\r\n animation: $intro-transition;\r\n -webkit-animation-delay: 0.3s;\r\n animation-delay: 0.3s;\r\n\r\n @include breakpoint($x-large) {\r\n max-width: $x-large;\r\n }\r\n\r\n ol {\r\n padding: 0;\r\n list-style: none;\r\n font-size: $type-size-6;\r\n\r\n @include breakpoint($large) {\r\n float: right;\r\n width: calc(100% - #{$right-sidebar-width-narrow});\r\n }\r\n\r\n @include breakpoint($x-large) {\r\n width: calc(100% - #{$right-sidebar-width});\r\n }\r\n }\r\n\r\n li {\r\n display: inline;\r\n }\r\n\r\n .current {\r\n font-weight: bold;\r\n }\r\n}\r\n\r\n/*\r\n Post pagination navigation links\r\n ========================================================================== */\r\n\r\n.pagination {\r\n @include clearfix();\r\n float: left;\r\n margin-top: 1em;\r\n padding-top: 1em;\r\n width: 100%;\r\n\r\n ul {\r\n margin: 0;\r\n padding: 0;\r\n list-style-type: none;\r\n font-family: $sans-serif;\r\n }\r\n\r\n li {\r\n display: block;\r\n float: left;\r\n margin-left: -1px;\r\n\r\n a {\r\n display: block;\r\n margin-bottom: 0.25em;\r\n padding: 0.5em 1em;\r\n font-family: $sans-serif;\r\n font-size: 14px;\r\n font-weight: bold;\r\n line-height: 1.5;\r\n text-align: center;\r\n text-decoration: none;\r\n color: $muted-text-color;\r\n border: 1px solid mix(#000, $border-color, 25%);\r\n border-radius: 0;\r\n\r\n &:hover {\r\n color: $link-color-hover;\r\n }\r\n\r\n &.current,\r\n &.current.disabled {\r\n color: #fff;\r\n background: $primary-color;\r\n }\r\n\r\n &.disabled {\r\n color: rgba($muted-text-color, 0.5);\r\n pointer-events: none;\r\n cursor: not-allowed;\r\n }\r\n }\r\n\r\n &:first-child {\r\n margin-left: 0;\r\n\r\n a {\r\n border-top-left-radius: $border-radius;\r\n border-bottom-left-radius: $border-radius;\r\n }\r\n }\r\n\r\n &:last-child {\r\n a {\r\n border-top-right-radius: $border-radius;\r\n border-bottom-right-radius: $border-radius;\r\n }\r\n }\r\n }\r\n\r\n /* next/previous buttons */\r\n &--pager {\r\n display: block;\r\n padding: 1em 2em;\r\n float: left;\r\n width: 50%;\r\n font-family: $sans-serif;\r\n font-size: $type-size-5;\r\n font-weight: bold;\r\n text-align: center;\r\n text-decoration: none;\r\n color: $muted-text-color;\r\n border: 1px solid mix(#000, $border-color, 25%);\r\n border-radius: $border-radius;\r\n\r\n &:hover {\r\n @include yiq-contrasted($muted-text-color);\r\n }\r\n\r\n &:first-child {\r\n border-top-right-radius: 0;\r\n border-bottom-right-radius: 0;\r\n }\r\n\r\n &:last-child {\r\n margin-left: -1px;\r\n border-top-left-radius: 0;\r\n border-bottom-left-radius: 0;\r\n }\r\n\r\n &.disabled {\r\n color: rgba($muted-text-color, 0.5);\r\n pointer-events: none;\r\n cursor: not-allowed;\r\n }\r\n }\r\n}\r\n\r\n.page__content + .pagination,\r\n.page__meta + .pagination,\r\n.page__share + .pagination,\r\n.page__comments + .pagination {\r\n margin-top: 2em;\r\n padding-top: 2em;\r\n border-top: 1px solid $border-color;\r\n}\r\n\r\n/*\r\n Priority plus navigation\r\n ========================================================================== */\r\n\r\n.greedy-nav {\r\n position: relative;\r\n display: -webkit-box;\r\n display: -ms-flexbox;\r\n display: flex;\r\n -webkit-box-align: center;\r\n -ms-flex-align: center;\r\n align-items: center;\r\n min-height: $nav-height;\r\n background: $background-color;\r\n\r\n a {\r\n display: block;\r\n margin: 0 1rem;\r\n color: $masthead-link-color;\r\n text-decoration: none;\r\n -webkit-transition: none;\r\n transition: none;\r\n\r\n &:hover {\r\n color: $masthead-link-color-hover;\r\n }\r\n\r\n &.site-logo {\r\n margin-left: 0;\r\n margin-right: 0.5rem;\r\n }\r\n\r\n &.site-title {\r\n margin-left: 0;\r\n }\r\n }\r\n\r\n img {\r\n -webkit-transition: none;\r\n transition: none;\r\n }\r\n\r\n &__toggle {\r\n -ms-flex-item-align: center;\r\n align-self: center;\r\n height: $nav-toggle-height;\r\n border: 0;\r\n outline: none;\r\n background-color: transparent;\r\n cursor: pointer;\r\n }\r\n\r\n .visible-links {\r\n display: -webkit-box;\r\n display: -ms-flexbox;\r\n display: flex;\r\n -webkit-box-pack: end;\r\n -ms-flex-pack: end;\r\n justify-content: flex-end;\r\n -webkit-box-flex: 1;\r\n -ms-flex: 1;\r\n flex: 1;\r\n overflow: hidden;\r\n\r\n li {\r\n -webkit-box-flex: 0;\r\n -ms-flex: none;\r\n flex: none;\r\n }\r\n\r\n a {\r\n position: relative;\r\n\r\n &:before {\r\n content: \"\";\r\n position: absolute;\r\n left: 0;\r\n bottom: 0;\r\n height: 4px;\r\n background: $primary-color;\r\n width: 100%;\r\n -webkit-transition: $global-transition;\r\n transition: $global-transition;\r\n -webkit-transform: scaleX(0) translate3d(0, 0, 0);\r\n transform: scaleX(0) translate3d(0, 0, 0); // hide\r\n }\r\n\r\n &:hover:before {\r\n -webkit-transform: scaleX(1);\r\n -ms-transform: scaleX(1);\r\n transform: scaleX(1); // reveal\r\n }\r\n }\r\n }\r\n\r\n .hidden-links {\r\n position: absolute;\r\n top: 100%;\r\n right: 0;\r\n margin-top: 15px;\r\n padding: 5px;\r\n border: 1px solid $border-color;\r\n border-radius: $border-radius;\r\n background: $background-color;\r\n -webkit-box-shadow: 0 2px 4px 0 rgba(#000, 0.16),\r\n 0 2px 10px 0 rgba(#000, 0.12);\r\n box-shadow: 0 2px 4px 0 rgba(#000, 0.16), 0 2px 10px 0 rgba(#000, 0.12);\r\n\r\n &.hidden {\r\n display: none;\r\n }\r\n\r\n a {\r\n margin: 0;\r\n padding: 10px 20px;\r\n font-size: $type-size-5;\r\n\r\n &:hover {\r\n color: $masthead-link-color-hover;\r\n background: $navicon-link-color-hover;\r\n }\r\n }\r\n\r\n &:before {\r\n content: \"\";\r\n position: absolute;\r\n top: -11px;\r\n right: 10px;\r\n width: 0;\r\n border-style: solid;\r\n border-width: 0 10px 10px;\r\n border-color: $border-color transparent;\r\n display: block;\r\n z-index: 0;\r\n }\r\n\r\n &:after {\r\n content: \"\";\r\n position: absolute;\r\n top: -10px;\r\n right: 10px;\r\n width: 0;\r\n border-style: solid;\r\n border-width: 0 10px 10px;\r\n border-color: $background-color transparent;\r\n display: block;\r\n z-index: 1;\r\n }\r\n\r\n li {\r\n display: block;\r\n border-bottom: 1px solid $border-color;\r\n\r\n &:last-child {\r\n border-bottom: none;\r\n }\r\n }\r\n }\r\n}\r\n\r\n.no-js {\r\n .greedy-nav {\r\n .visible-links {\r\n -ms-flex-wrap: wrap;\r\n flex-wrap: wrap;\r\n overflow: visible;\r\n }\r\n }\r\n}\r\n\r\n/*\r\n Navigation list\r\n ========================================================================== */\r\n\r\n.nav__list {\r\n margin-bottom: 1.5em;\r\n\r\n input[type=\"checkbox\"],\r\n label {\r\n display: none;\r\n }\r\n\r\n @include breakpoint(max-width $large - 1px) {\r\n label {\r\n position: relative;\r\n display: inline-block;\r\n padding: 0.5em 2.5em 0.5em 1em;\r\n color: $gray;\r\n font-size: $type-size-6;\r\n font-weight: bold;\r\n border: 1px solid $light-gray;\r\n border-radius: $border-radius;\r\n z-index: 20;\r\n -webkit-transition: 0.2s ease-out;\r\n transition: 0.2s ease-out;\r\n cursor: pointer;\r\n\r\n &:before,\r\n &:after {\r\n content: \"\";\r\n position: absolute;\r\n right: 1em;\r\n top: 1.25em;\r\n width: 0.75em;\r\n height: 0.125em;\r\n line-height: 1;\r\n background-color: $gray;\r\n -webkit-transition: 0.2s ease-out;\r\n transition: 0.2s ease-out;\r\n }\r\n\r\n &:after {\r\n -webkit-transform: rotate(90deg);\r\n -ms-transform: rotate(90deg);\r\n transform: rotate(90deg);\r\n }\r\n\r\n &:hover {\r\n color: #fff;\r\n border-color: $gray;\r\n background-color: mix(white, #000, 20%);\r\n\r\n &:before,\r\n &:after {\r\n background-color: #fff;\r\n }\r\n }\r\n }\r\n\r\n /* selected*/\r\n input:checked + label {\r\n color: white;\r\n background-color: mix(white, #000, 20%);\r\n\r\n &:before,\r\n &:after {\r\n background-color: #fff;\r\n }\r\n }\r\n\r\n /* on hover show expand*/\r\n label:hover:after {\r\n -webkit-transform: rotate(90deg);\r\n -ms-transform: rotate(90deg);\r\n transform: rotate(90deg);\r\n }\r\n\r\n input:checked + label:hover:after {\r\n -webkit-transform: rotate(0);\r\n -ms-transform: rotate(0);\r\n transform: rotate(0);\r\n }\r\n\r\n ul {\r\n margin-bottom: 1em;\r\n }\r\n\r\n a {\r\n display: block;\r\n padding: 0.25em 0;\r\n\r\n @include breakpoint($large) {\r\n padding-top: 0.125em;\r\n padding-bottom: 0.125em;\r\n }\r\n\r\n &:hover {\r\n text-decoration: underline;\r\n }\r\n }\r\n }\r\n}\r\n\r\n.nav__list .nav__items {\r\n margin: 0;\r\n font-size: 1.25rem;\r\n\r\n a {\r\n color: inherit;\r\n }\r\n\r\n .active {\r\n margin-left: -0.5em;\r\n padding-left: 0.5em;\r\n padding-right: 0.5em;\r\n font-weight: bold;\r\n }\r\n\r\n @include breakpoint(max-width $large - 1px) {\r\n position: relative;\r\n max-height: 0;\r\n opacity: 0%;\r\n overflow: hidden;\r\n z-index: 10;\r\n -webkit-transition: 0.3s ease-in-out;\r\n transition: 0.3s ease-in-out;\r\n -webkit-transform: translate(0, 10%);\r\n -ms-transform: translate(0, 10%);\r\n transform: translate(0, 10%);\r\n }\r\n}\r\n\r\n@include breakpoint(max-width $large - 1px) {\r\n .nav__list input:checked ~ .nav__items {\r\n -webkit-transition: 0.5s ease-in-out;\r\n transition: 0.5s ease-in-out;\r\n max-height: 9999px; /* exaggerate max-height to accommodate tall lists*/\r\n overflow: visible;\r\n opacity: 1;\r\n margin-top: 1em;\r\n -webkit-transform: translate(0, 0);\r\n -ms-transform: translate(0, 0);\r\n transform: translate(0, 0);\r\n }\r\n}\r\n\r\n.nav__title {\r\n margin: 0;\r\n padding: 0.5rem 0.75rem;\r\n font-family: $sans-serif-narrow;\r\n font-size: $type-size-5;\r\n font-weight: bold;\r\n}\r\n\r\n.nav__sub-title {\r\n display: block;\r\n margin: 0.5rem 0;\r\n padding: 0.25rem 0;\r\n font-family: $sans-serif-narrow;\r\n font-size: $type-size-6;\r\n font-weight: bold;\r\n text-transform: uppercase;\r\n border-bottom: 1px solid $border-color;\r\n}\r\n\r\n/*\r\n Table of contents navigation\r\n ========================================================================== */\r\n\r\n.toc {\r\n font-family: $sans-serif-narrow;\r\n color: $gray;\r\n background-color: $background-color;\r\n border: 1px solid $border-color;\r\n border-radius: $border-radius;\r\n -webkit-box-shadow: $box-shadow;\r\n box-shadow: $box-shadow;\r\n\r\n .nav__title {\r\n color: #fff;\r\n font-size: $type-size-6;\r\n background: $primary-color;\r\n border-top-left-radius: $border-radius;\r\n border-top-right-radius: $border-radius;\r\n }\r\n\r\n // Scrollspy marks toc items as .active when they are in focus\r\n .active a {\r\n @include yiq-contrasted($active-color);\r\n }\r\n}\r\n\r\n.toc__menu {\r\n margin: 0;\r\n padding: 0;\r\n width: 100%;\r\n list-style: none;\r\n font-size: $type-size-6;\r\n\r\n @include breakpoint($large) {\r\n font-size: $type-size-7;\r\n }\r\n\r\n a {\r\n display: block;\r\n padding: 0.25rem 0.75rem;\r\n color: $muted-text-color;\r\n font-weight: bold;\r\n line-height: 1.5;\r\n border-bottom: 1px solid $border-color;\r\n\r\n &:hover {\r\n color: $text-color;\r\n }\r\n }\r\n\r\n li ul > li a {\r\n padding-left: 1.25rem;\r\n font-weight: normal;\r\n }\r\n\r\n li ul li ul > li a {\r\n padding-left: 1.75rem;\r\n }\r\n\r\n li ul li ul li ul > li a {\r\n padding-left: 2.25rem;\r\n }\r\n\r\n li ul li ul li ul li ul > li a {\r\n padding-left: 2.75rem;\r\n }\r\n\r\n li ul li ul li ul li ul li ul > li a {\r\n padding-left: 3.25rem\r\n }\r\n}\r\n","/* ==========================================================================\r\n FOOTER\r\n ========================================================================== */\r\n\r\n.page__footer {\r\n @include clearfix;\r\n float: left;\r\n margin-left: 0;\r\n margin-right: 0;\r\n width: 100%;\r\n margin-top: 3em;\r\n color: $muted-text-color;\r\n -webkit-animation: $intro-transition;\r\n animation: $intro-transition;\r\n -webkit-animation-delay: 0.45s;\r\n animation-delay: 0.45s;\r\n background-color: $footer-background-color;\r\n\r\n footer {\r\n @include clearfix;\r\n margin-left: auto;\r\n margin-right: auto;\r\n margin-top: 2em;\r\n max-width: 100%;\r\n padding: 0 1em 2em;\r\n\r\n @include breakpoint($x-large) {\r\n max-width: $x-large;\r\n }\r\n }\r\n\r\n a {\r\n color: inherit;\r\n text-decoration: none;\r\n\r\n &:hover {\r\n text-decoration: underline;\r\n }\r\n }\r\n\r\n .fas,\r\n .fab,\r\n .far,\r\n .fal {\r\n color: $muted-text-color;\r\n }\r\n}\r\n\r\n.page__footer-copyright {\r\n font-family: $global-font-family;\r\n font-size: $type-size-7;\r\n}\r\n\r\n.page__footer-follow {\r\n ul {\r\n margin: 0;\r\n padding: 0;\r\n list-style-type: none;\r\n }\r\n\r\n li {\r\n display: inline-block;\r\n padding-top: 5px;\r\n padding-bottom: 5px;\r\n font-family: $sans-serif-narrow;\r\n font-size: $type-size-6;\r\n text-transform: uppercase;\r\n }\r\n\r\n li + li:before {\r\n content: \"\";\r\n padding-right: 5px;\r\n }\r\n\r\n a {\r\n padding-right: 10px;\r\n font-weight: bold;\r\n }\r\n\r\n .social-icons {\r\n a {\r\n white-space: nowrap;\r\n }\r\n }\r\n}\r\n","/* ==========================================================================\r\n SEARCH\r\n ========================================================================== */\r\n\r\n.layout--search {\r\n .archive__item-teaser {\r\n margin-bottom: 0.25em;\r\n }\r\n}\r\n\r\n.search__toggle {\r\n margin-left: 1rem;\r\n margin-right: 1rem;\r\n height: $nav-toggle-height;\r\n border: 0;\r\n outline: none;\r\n color: $primary-color;\r\n background-color: transparent;\r\n cursor: pointer;\r\n -webkit-transition: 0.2s;\r\n transition: 0.2s;\r\n\r\n &:hover {\r\n color: mix(#000, $primary-color, 25%);\r\n }\r\n}\r\n\r\n.search-icon {\r\n width: 100%;\r\n height: 100%;\r\n}\r\n\r\n.search-content {\r\n display: none;\r\n visibility: hidden;\r\n padding-top: 1em;\r\n padding-bottom: 1em;\r\n\r\n &__inner-wrap {\r\n width: 100%;\r\n margin-left: auto;\r\n margin-right: auto;\r\n padding-left: 1em;\r\n padding-right: 1em;\r\n -webkit-animation: $intro-transition;\r\n animation: $intro-transition;\r\n -webkit-animation-delay: 0.15s;\r\n animation-delay: 0.15s;\r\n\r\n @include breakpoint($x-large) {\r\n max-width: $max-width;\r\n }\r\n\r\n }\r\n\r\n &__form {\r\n background-color: transparent;\r\n }\r\n\r\n .search-input {\r\n display: block;\r\n margin-bottom: 0;\r\n padding: 0;\r\n border: none;\r\n outline: none;\r\n box-shadow: none;\r\n background-color: transparent;\r\n font-size: $type-size-3;\r\n\r\n @include breakpoint($large) {\r\n font-size: $type-size-2;\r\n }\r\n\r\n @include breakpoint($x-large) {\r\n font-size: $type-size-1;\r\n }\r\n }\r\n\r\n &.is--visible {\r\n display: block;\r\n visibility: visible;\r\n\r\n &::after {\r\n content: \"\";\r\n display: block;\r\n }\r\n }\r\n\r\n .results__found {\r\n margin-top: 0.5em;\r\n font-size: $type-size-6;\r\n }\r\n\r\n .archive__item {\r\n margin-bottom: 2em;\r\n\r\n @include breakpoint($large) {\r\n width: 75%;\r\n }\r\n\r\n @include breakpoint($x-large) {\r\n width: 50%;\r\n }\r\n }\r\n\r\n .archive__item-title {\r\n margin-top: 0;\r\n }\r\n\r\n .archive__item-excerpt {\r\n margin-bottom: 0;\r\n }\r\n}\r\n\r\n/* Algolia search */\r\n\r\n.ais-search-box {\r\n max-width: 100% !important;\r\n margin-bottom: 2em;\r\n}\r\n\r\n.archive__item-title .ais-Highlight {\r\n color: $primary-color;\r\n font-style: normal;\r\n text-decoration: underline;\r\n}\r\n\r\n.archive__item-excerpt .ais-Highlight {\r\n color: $primary-color;\r\n font-style: normal;\r\n font-weight: bold;\r\n}\r\n","/* ==========================================================================\r\n Syntax highlighting\r\n ========================================================================== */\r\n\r\ndiv.highlighter-rouge,\r\nfigure.highlight {\r\n position: relative;\r\n margin-bottom: 1em;\r\n background: $base00;\r\n color: $base05;\r\n font-family: $monospace;\r\n font-size: $type-size-6;\r\n line-height: 1.8;\r\n border-radius: $border-radius;\r\n\r\n > pre,\r\n pre.highlight {\r\n margin: 0;\r\n padding: 1em;\r\n }\r\n}\r\n\r\n.highlight table {\r\n margin-bottom: 0;\r\n font-size: 1em;\r\n border: 0;\r\n\r\n td {\r\n padding: 0;\r\n width: calc(100% - 1em);\r\n border: 0;\r\n\r\n /* line numbers*/\r\n &.gutter,\r\n &.rouge-gutter {\r\n padding-right: 1em;\r\n width: 1em;\r\n color: $base04;\r\n border-right: 1px solid $base04;\r\n text-align: right;\r\n }\r\n\r\n /* code */\r\n &.code,\r\n &.rouge-code {\r\n padding-left: 1em;\r\n }\r\n }\r\n\r\n pre {\r\n margin: 0;\r\n }\r\n}\r\n\r\n.highlight pre {\r\n width: 100%;\r\n}\r\n\r\n.highlight .hll {\r\n background-color: $base06;\r\n}\r\n.highlight {\r\n .c {\r\n /* Comment */\r\n color: $base04;\r\n }\r\n .err {\r\n /* Error */\r\n color: $base08;\r\n }\r\n .k {\r\n /* Keyword */\r\n color: $base0e;\r\n }\r\n .l {\r\n /* Literal */\r\n color: $base09;\r\n }\r\n .n {\r\n /* Name */\r\n color: $base05;\r\n }\r\n .o {\r\n /* Operator */\r\n color: $base0c;\r\n }\r\n .p {\r\n /* Punctuation */\r\n color: $base05;\r\n }\r\n .cm {\r\n /* Comment.Multiline */\r\n color: $base04;\r\n }\r\n .cp {\r\n /* Comment.Preproc */\r\n color: $base04;\r\n }\r\n .c1 {\r\n /* Comment.Single */\r\n color: $base04;\r\n }\r\n .cs {\r\n /* Comment.Special */\r\n color: $base04;\r\n }\r\n .gd {\r\n /* Generic.Deleted */\r\n color: $base08;\r\n }\r\n .ge {\r\n /* Generic.Emph */\r\n font-style: italic;\r\n }\r\n .gh {\r\n /* Generic.Heading */\r\n color: $base05;\r\n font-weight: bold;\r\n }\r\n .gi {\r\n /* Generic.Inserted */\r\n color: $base0b;\r\n }\r\n .gp {\r\n /* Generic.Prompt */\r\n color: $base04;\r\n font-weight: bold;\r\n }\r\n .gs {\r\n /* Generic.Strong */\r\n font-weight: bold;\r\n }\r\n .gu {\r\n /* Generic.Subheading */\r\n color: $base0c;\r\n font-weight: bold;\r\n }\r\n .kc {\r\n /* Keyword.Constant */\r\n color: $base0e;\r\n }\r\n .kd {\r\n /* Keyword.Declaration */\r\n color: $base0e;\r\n }\r\n .kn {\r\n /* Keyword.Namespace */\r\n color: $base0c;\r\n }\r\n .kp {\r\n /* Keyword.Pseudo */\r\n color: $base0e;\r\n }\r\n .kr {\r\n /* Keyword.Reserved */\r\n color: $base0e;\r\n }\r\n .kt {\r\n /* Keyword.Type */\r\n color: $base0a;\r\n }\r\n .ld {\r\n /* Literal.Date */\r\n color: $base0b;\r\n }\r\n .m {\r\n /* Literal.Number */\r\n color: $base09;\r\n }\r\n .s {\r\n /* Literal.String */\r\n color: $base0b;\r\n }\r\n .na {\r\n /* Name.Attribute */\r\n color: $base0d;\r\n }\r\n .nb {\r\n /* Name.Builtin */\r\n color: $base05;\r\n }\r\n .nc {\r\n /* Name.Class */\r\n color: $base0a;\r\n }\r\n .no {\r\n /* Name.Constant */\r\n color: $base08;\r\n }\r\n .nd {\r\n /* Name.Decorator */\r\n color: $base0c;\r\n }\r\n .ni {\r\n /* Name.Entity */\r\n color: $base05;\r\n }\r\n .ne {\r\n /* Name.Exception */\r\n color: $base08;\r\n }\r\n .nf {\r\n /* Name.Function */\r\n color: $base0d;\r\n }\r\n .nl {\r\n /* Name.Label */\r\n color: $base05;\r\n }\r\n .nn {\r\n /* Name.Namespace */\r\n color: $base0a;\r\n }\r\n .nx {\r\n /* Name.Other */\r\n color: $base0d;\r\n }\r\n .py {\r\n /* Name.Property */\r\n color: $base05;\r\n }\r\n .nt {\r\n /* Name.Tag */\r\n color: $base0c;\r\n }\r\n .nv {\r\n /* Name.Variable */\r\n color: $base08;\r\n }\r\n .ow {\r\n /* Operator.Word */\r\n color: $base0c;\r\n }\r\n .w {\r\n /* Text.Whitespace */\r\n color: $base05;\r\n }\r\n .mf {\r\n /* Literal.Number.Float */\r\n color: $base09;\r\n }\r\n .mh {\r\n /* Literal.Number.Hex */\r\n color: $base09;\r\n }\r\n .mi {\r\n /* Literal.Number.Integer */\r\n color: $base09;\r\n }\r\n .mo {\r\n /* Literal.Number.Oct */\r\n color: $base09;\r\n }\r\n .sb {\r\n /* Literal.String.Backtick */\r\n color: $base0b;\r\n }\r\n .sc {\r\n /* Literal.String.Char */\r\n color: $base05;\r\n }\r\n .sd {\r\n /* Literal.String.Doc */\r\n color: $base04;\r\n }\r\n .s2 {\r\n /* Literal.String.Double */\r\n color: $base0b;\r\n }\r\n .se {\r\n /* Literal.String.Escape */\r\n color: $base09;\r\n }\r\n .sh {\r\n /* Literal.String.Heredoc */\r\n color: $base0b;\r\n }\r\n .si {\r\n /* Literal.String.Interpol */\r\n color: $base09;\r\n }\r\n .sx {\r\n /* Literal.String.Other */\r\n color: $base0b;\r\n }\r\n .sr {\r\n /* Literal.String.Regex */\r\n color: $base0b;\r\n }\r\n .s1 {\r\n /* Literal.String.Single */\r\n color: $base0b;\r\n }\r\n .ss {\r\n /* Literal.String.Symbol */\r\n color: $base0b;\r\n }\r\n .bp {\r\n /* Name.Builtin.Pseudo */\r\n color: $base05;\r\n }\r\n .vc {\r\n /* Name.Variable.Class */\r\n color: $base08;\r\n }\r\n .vg {\r\n /* Name.Variable.Global */\r\n color: $base08;\r\n }\r\n .vi {\r\n /* Name.Variable.Instance */\r\n color: $base08;\r\n }\r\n .il {\r\n /* Literal.Number.Integer.Long */\r\n color: $base09;\r\n }\r\n}\r\n\r\n.gist {\r\n th, td {\r\n border-bottom: 0;\r\n }\r\n}","/* ==========================================================================\r\n UTILITY CLASSES\r\n ========================================================================== */\r\n\r\n/*\r\n Visibility\r\n ========================================================================== */\r\n\r\n/* http://www.456bereastreet.com/archive/200711/screen_readers_sometimes_ignore_displaynone/ */\r\n\r\n.hidden,\r\n.is--hidden {\r\n display: none;\r\n visibility: hidden;\r\n}\r\n\r\n/* for preloading images */\r\n\r\n.load {\r\n display: none;\r\n}\r\n\r\n.transparent {\r\n opacity: 0;\r\n}\r\n\r\n/* https://developer.yahoo.com/blogs/ydn/clip-hidden-content-better-accessibility-53456.html */\r\n\r\n.visually-hidden,\r\n.screen-reader-text,\r\n.screen-reader-text span,\r\n.screen-reader-shortcut {\r\n position: absolute !important;\r\n clip: rect(1px, 1px, 1px, 1px);\r\n height: 1px !important;\r\n width: 1px !important;\r\n border: 0 !important;\r\n overflow: hidden;\r\n}\r\n\r\nbody:hover .visually-hidden a,\r\nbody:hover .visually-hidden input,\r\nbody:hover .visually-hidden button {\r\n display: none !important;\r\n}\r\n\r\n/* screen readers */\r\n\r\n.screen-reader-text:focus,\r\n.screen-reader-shortcut:focus {\r\n clip: auto !important;\r\n height: auto !important;\r\n width: auto !important;\r\n display: block;\r\n font-size: 1em;\r\n font-weight: bold;\r\n padding: 15px 23px 14px;\r\n background: #fff;\r\n z-index: 100000;\r\n text-decoration: none;\r\n box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);\r\n}\r\n\r\n/*\r\n Skip links\r\n ========================================================================== */\r\n\r\n.skip-link {\r\n position: fixed;\r\n z-index: 20;\r\n margin: 0;\r\n font-family: $sans-serif;\r\n white-space: nowrap;\r\n}\r\n\r\n.skip-link li {\r\n height: 0;\r\n width: 0;\r\n list-style: none;\r\n}\r\n\r\n/*\r\n Type\r\n ========================================================================== */\r\n\r\n.text-left {\r\n text-align: left;\r\n}\r\n\r\n.text-center {\r\n text-align: center;\r\n}\r\n\r\n.text-right {\r\n text-align: right;\r\n}\r\n\r\n.text-justify {\r\n text-align: justify;\r\n}\r\n\r\n.text-nowrap {\r\n white-space: nowrap;\r\n}\r\n\r\n/*\r\n Task lists\r\n ========================================================================== */\r\n\r\n.task-list {\r\n padding:0;\r\n\r\n li {\r\n list-style-type: none;\r\n }\r\n\r\n .task-list-item-checkbox {\r\n margin-right: 0.5em;\r\n opacity: 1;\r\n }\r\n}\r\n\r\n.task-list .task-list {\r\n margin-left: 1em;\r\n}\r\n\r\n/*\r\n Alignment\r\n ========================================================================== */\r\n\r\n/* clearfix */\r\n\r\n.cf {\r\n clear: both;\r\n}\r\n\r\n.wrapper {\r\n margin-left: auto;\r\n margin-right: auto;\r\n width: 100%;\r\n}\r\n\r\n/*\r\n Images\r\n ========================================================================== */\r\n\r\n/* image align left */\r\n\r\n.align-left {\r\n display: block;\r\n margin-left: auto;\r\n margin-right: auto;\r\n\r\n @include breakpoint($small) {\r\n float: left;\r\n margin-right: 1em;\r\n }\r\n}\r\n\r\n/* image align right */\r\n\r\n.align-right {\r\n display: block;\r\n margin-left: auto;\r\n margin-right: auto;\r\n\r\n @include breakpoint($small) {\r\n float: right;\r\n margin-left: 1em;\r\n }\r\n}\r\n\r\n/* image align center */\r\n\r\n.align-center {\r\n display: block;\r\n margin-left: auto;\r\n margin-right: auto;\r\n}\r\n\r\n/* file page content container */\r\n\r\n.full {\r\n @include breakpoint($large) {\r\n margin-right: -1 * span(2.5 of 12) !important;\r\n }\r\n}\r\n\r\n/*\r\n Icons\r\n ========================================================================== */\r\n\r\n.icon {\r\n display: inline-block;\r\n fill: currentColor;\r\n width: 1em;\r\n height: 1.1em;\r\n line-height: 1;\r\n position: relative;\r\n top: -0.1em;\r\n vertical-align: middle;\r\n}\r\n\r\n/* social icons*/\r\n\r\n.social-icons {\r\n .fas,\r\n .fab,\r\n .far,\r\n .fal {\r\n color: $text-color;\r\n }\r\n\r\n .fa-behance,\r\n .fa-behance-square {\r\n color: $behance-color;\r\n }\r\n\r\n .fa-bitbucket {\r\n color: $bitbucket-color;\r\n }\r\n\r\n .fa-dribbble,\r\n .fa-dribble-square {\r\n color: $dribbble-color;\r\n }\r\n\r\n .fa-facebook,\r\n .fa-facebook-square,\r\n .fa-facebook-f {\r\n color: $facebook-color;\r\n }\r\n\r\n .fa-flickr {\r\n color: $flickr-color;\r\n }\r\n\r\n .fa-foursquare {\r\n color: $foursquare-color;\r\n }\r\n\r\n .fa-github,\r\n .fa-github-alt,\r\n .fa-github-square {\r\n color: $github-color;\r\n }\r\n\r\n .fa-gitlab {\r\n color: $gitlab-color;\r\n }\r\n\r\n .fa-instagram {\r\n color: $instagram-color;\r\n }\r\n\r\n .fa-keybase {\r\n color: $keybase-color;\r\n }\r\n\r\n .fa-lastfm,\r\n .fa-lastfm-square {\r\n color: $lastfm-color;\r\n }\r\n\r\n .fa-linkedin,\r\n .fa-linkedin-in {\r\n color: $linkedin-color;\r\n }\r\n\r\n .fa-mastodon,\r\n .fa-mastodon-square {\r\n color: $mastodon-color;\r\n }\r\n\r\n .fa-pinterest,\r\n .fa-pinterest-p,\r\n .fa-pinterest-square {\r\n color: $pinterest-color;\r\n }\r\n\r\n .fa-reddit {\r\n color: $reddit-color;\r\n }\r\n\r\n .fa-rss,\r\n .fa-rss-square {\r\n color: $rss-color;\r\n }\r\n\r\n .fa-soundcloud {\r\n color: $soundcloud-color;\r\n }\r\n\r\n .fa-stack-exchange,\r\n .fa-stack-overflow {\r\n color: $stackoverflow-color;\r\n }\r\n\r\n .fa-tumblr,\r\n .fa-tumblr-square {\r\n color: $tumblr-color;\r\n }\r\n\r\n .fa-twitter,\r\n .fa-twitter-square {\r\n color: $twitter-color;\r\n }\r\n\r\n .fa-vimeo,\r\n .fa-vimeo-square,\r\n .fa-vimeo-v {\r\n color: $vimeo-color;\r\n }\r\n\r\n .fa-vine {\r\n color: $vine-color;\r\n }\r\n\r\n .fa-youtube {\r\n color: $youtube-color;\r\n }\r\n\r\n .fa-xing,\r\n .fa-xing-square {\r\n color: $xing-color;\r\n }\r\n}\r\n\r\n/*\r\n Navicons\r\n ========================================================================== */\r\n\r\n.navicon {\r\n position: relative;\r\n width: $navicon-width;\r\n height: $navicon-height;\r\n background: $primary-color;\r\n margin: auto;\r\n -webkit-transition: 0.3s;\r\n transition: 0.3s;\r\n\r\n &:before,\r\n &:after {\r\n content: \"\";\r\n position: absolute;\r\n left: 0;\r\n width: $navicon-width;\r\n height: $navicon-height;\r\n background: $primary-color;\r\n -webkit-transition: 0.3s;\r\n transition: 0.3s;\r\n }\r\n\r\n &:before {\r\n top: (-2 * $navicon-height);\r\n }\r\n\r\n &:after {\r\n bottom: (-2 * $navicon-height);\r\n }\r\n}\r\n\r\n.close .navicon {\r\n /* hide the middle line*/\r\n background: transparent;\r\n\r\n /* overlay the lines by setting both their top values to 0*/\r\n &:before,\r\n &:after {\r\n -webkit-transform-origin: 50% 50%;\r\n -ms-transform-origin: 50% 50%;\r\n transform-origin: 50% 50%;\r\n top: 0;\r\n width: $navicon-width;\r\n }\r\n\r\n /* rotate the lines to form the x shape*/\r\n &:before {\r\n -webkit-transform: rotate3d(0, 0, 1, 45deg);\r\n transform: rotate3d(0, 0, 1, 45deg);\r\n }\r\n &:after {\r\n -webkit-transform: rotate3d(0, 0, 1, -45deg);\r\n transform: rotate3d(0, 0, 1, -45deg);\r\n }\r\n}\r\n\r\n.greedy-nav__toggle {\r\n &:before {\r\n @supports (pointer-events: none) {\r\n content: '';\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n opacity: 0;\r\n background-color: $background-color;\r\n -webkit-transition: $global-transition;\r\n transition: $global-transition;\r\n pointer-events: none;\r\n }\r\n }\r\n\r\n &.close {\r\n &:before {\r\n opacity: 0.9;\r\n -webkit-transition: $global-transition;\r\n transition: $global-transition;\r\n pointer-events: auto;\r\n }\r\n }\r\n}\r\n\r\n.greedy-nav__toggle:hover {\r\n .navicon,\r\n .navicon:before,\r\n .navicon:after {\r\n background: mix(#000, $primary-color, 25%);\r\n }\r\n\r\n &.close {\r\n .navicon {\r\n background: transparent;\r\n }\r\n }\r\n}\r\n\r\n/*\r\n Sticky, fixed to top content\r\n ========================================================================== */\r\n\r\n.sticky {\r\n @include breakpoint($large) {\r\n @include clearfix();\r\n position: -webkit-sticky;\r\n position: sticky;\r\n top: 2em;\r\n\r\n > * {\r\n display: block;\r\n }\r\n }\r\n}\r\n\r\n/*\r\n Wells\r\n ========================================================================== */\r\n\r\n.well {\r\n min-height: 20px;\r\n padding: 19px;\r\n margin-bottom: 20px;\r\n background-color: #f5f5f5;\r\n border: 1px solid #e3e3e3;\r\n border-radius: $border-radius;\r\n box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);\r\n}\r\n\r\n/*\r\n Modals\r\n ========================================================================== */\r\n\r\n.show-modal {\r\n overflow: hidden;\r\n position: relative;\r\n\r\n &:before {\r\n position: absolute;\r\n content: \"\";\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n z-index: 999;\r\n background-color: rgba(255, 255, 255, 0.85);\r\n }\r\n\r\n .modal {\r\n display: block;\r\n }\r\n}\r\n\r\n.modal {\r\n display: none;\r\n position: fixed;\r\n width: 300px;\r\n top: 50%;\r\n left: 50%;\r\n margin-left: -150px;\r\n margin-top: -150px;\r\n min-height: 0;\r\n z-index: 9999;\r\n background: #fff;\r\n border: 1px solid $border-color;\r\n border-radius: $border-radius;\r\n box-shadow: $box-shadow;\r\n\r\n &__title {\r\n margin: 0;\r\n padding: 0.5em 1em;\r\n }\r\n\r\n &__supporting-text {\r\n padding: 0 1em 0.5em 1em;\r\n }\r\n\r\n &__actions {\r\n padding: 0.5em 1em;\r\n border-top: 1px solid $border-color;\r\n }\r\n}\r\n\r\n/*\r\n Footnotes\r\n ========================================================================== */\r\n\r\n.footnote {\r\n color: mix(#fff, $gray, 25%);\r\n text-decoration: none;\r\n}\r\n\r\n.footnotes {\r\n color: mix(#fff, $gray, 25%);\r\n\r\n ol,\r\n li,\r\n p {\r\n margin-bottom: 0;\r\n font-size: $type-size-6;\r\n }\r\n}\r\n\r\na.reversefootnote {\r\n color: $gray;\r\n text-decoration: none;\r\n\r\n &:hover {\r\n text-decoration: underline;\r\n }\r\n}\r\n\r\n/*\r\n Required\r\n ========================================================================== */\r\n\r\n.required {\r\n color: $danger-color;\r\n font-weight: bold;\r\n}\r\n\r\n/*\r\n Google Custom Search Engine\r\n ========================================================================== */\r\n\r\n.gsc-control-cse {\r\n table,\r\n tr,\r\n td {\r\n border: 0; /* remove table borders widget */\r\n }\r\n}\r\n\r\n/*\r\n Responsive Video Embed\r\n ========================================================================== */\r\n\r\n.responsive-video-container {\r\n position: relative;\r\n margin-bottom: 1em;\r\n padding-bottom: 56.25%;\r\n height: 0;\r\n overflow: hidden;\r\n max-width: 100%;\r\n\r\n iframe,\r\n object,\r\n embed {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n }\r\n}\r\n\r\n// full screen video fixes\r\n:-webkit-full-screen-ancestor {\r\n .masthead,\r\n .page__footer {\r\n position: static;\r\n }\r\n}\r\n","/* ==========================================================================\r\n SINGLE PAGE/POST\r\n ========================================================================== */\r\n\r\n#main {\r\n @include clearfix;\r\n margin-left: auto;\r\n margin-right: auto;\r\n padding-left: 1em;\r\n padding-right: 1em;\r\n -webkit-animation: $intro-transition;\r\n animation: $intro-transition;\r\n max-width: 100%;\r\n -webkit-animation-delay: 0.15s;\r\n animation-delay: 0.15s;\r\n\r\n @include breakpoint($x-large) {\r\n max-width: $max-width;\r\n }\r\n}\r\n\r\nbody {\r\n display: -webkit-box;\r\n display: -ms-flexbox;\r\n display: flex;\r\n min-height: 100vh;\r\n -webkit-box-orient: vertical;\r\n -webkit-box-direction: normal;\r\n -ms-flex-direction: column;\r\n flex-direction: column;\r\n}\r\n\r\n.initial-content,\r\n.search-content {\r\n flex: 1 0 auto;\r\n}\r\n\r\n.page {\r\n @include breakpoint($large) {\r\n float: right;\r\n width: calc(100% - #{$right-sidebar-width-narrow});\r\n padding-right: $right-sidebar-width-narrow;\r\n }\r\n\r\n @include breakpoint($x-large) {\r\n width: calc(100% - #{$right-sidebar-width});\r\n padding-right: $right-sidebar-width;\r\n }\r\n\r\n .page__inner-wrap {\r\n float: left;\r\n margin-top: 1em;\r\n margin-left: 0;\r\n margin-right: 0;\r\n width: 100%;\r\n clear: both;\r\n\r\n .page__content,\r\n .page__meta,\r\n .page__share {\r\n position: relative;\r\n float: left;\r\n margin-left: 0;\r\n margin-right: 0;\r\n width: 100%;\r\n clear: both;\r\n }\r\n }\r\n}\r\n\r\n.page__title {\r\n margin-top: 0;\r\n line-height: 1;\r\n\r\n a {\r\n color: $text-color;\r\n text-decoration: none;\r\n }\r\n\r\n & + .page__meta {\r\n margin-top: -0.5em;\r\n }\r\n}\r\n\r\n.page__lead {\r\n font-family: $global-font-family;\r\n font-size: $type-size-4;\r\n}\r\n\r\n.page__content {\r\n h2 {\r\n padding-bottom: 0.5em;\r\n border-bottom: 1px solid $border-color;\r\n }\r\n\r\n\th1, h2, h3, h4, h5, h6 {\r\n\t\t.header-link {\r\n\t\t\tposition: relative;\r\n\t\t\tleft: 0.5em;\r\n\t\t\topacity: 0;\r\n\t\t\tfont-size: 0.8em;\r\n\t\t\t-webkit-transition: opacity 0.2s ease-in-out 0.1s;\r\n\t\t\t-moz-transition: opacity 0.2s ease-in-out 0.1s;\r\n\t\t\t-o-transition: opacity 0.2s ease-in-out 0.1s;\r\n\t\t\ttransition: opacity 0.2s ease-in-out 0.1s;\r\n\t\t}\r\n\r\n\t\t&:hover .header-link {\r\n\t\t\topacity: 1;\r\n\t\t}\r\n\t}\r\n\r\n p,\r\n li,\r\n dl {\r\n font-size: 1em;\r\n }\r\n\r\n /* paragraph indents */\r\n p {\r\n margin: 0 0 $indent-var;\r\n\r\n /* sibling indentation*/\r\n @if $paragraph-indent == true {\r\n & + p {\r\n text-indent: $indent-var;\r\n margin-top: -($indent-var);\r\n }\r\n }\r\n }\r\n\r\n a:not(.btn) {\r\n &:hover {\r\n text-decoration: underline;\r\n\r\n img {\r\n box-shadow: 0 0 10px rgba(#000, 0.25);\r\n }\r\n }\r\n }\r\n\r\n :not(pre) > code {\r\n padding-top: 0.1rem;\r\n padding-bottom: 0.1rem;\r\n font-size: 0.8em;\r\n background: $code-background-color;\r\n border-radius: $border-radius;\r\n\r\n &::before,\r\n &::after {\r\n letter-spacing: -0.2em;\r\n content: \"\\00a0\"; /* non-breaking space*/\r\n }\r\n }\r\n\r\n dt {\r\n margin-top: 1em;\r\n font-family: $sans-serif;\r\n font-weight: bold;\r\n }\r\n\r\n dd {\r\n margin-left: 1em;\r\n font-family: $sans-serif;\r\n font-size: $type-size-6;\r\n }\r\n\r\n .small {\r\n font-size: $type-size-6;\r\n }\r\n\r\n /* blockquote citations */\r\n blockquote + .small {\r\n margin-top: -1.5em;\r\n padding-left: 1.25rem;\r\n }\r\n}\r\n\r\n.page__hero {\r\n position: relative;\r\n margin-bottom: 2em;\r\n @include clearfix;\r\n -webkit-animation: $intro-transition;\r\n animation: $intro-transition;\r\n -webkit-animation-delay: 0.25s;\r\n animation-delay: 0.25s;\r\n\r\n &--overlay {\r\n position: relative;\r\n margin-bottom: 2em;\r\n padding: 3em 0;\r\n @include clearfix;\r\n background-size: cover;\r\n background-repeat: no-repeat;\r\n background-position: center;\r\n -webkit-animation: $intro-transition;\r\n animation: $intro-transition;\r\n -webkit-animation-delay: 0.25s;\r\n animation-delay: 0.25s;\r\n\r\n a {\r\n color: #fff;\r\n }\r\n\r\n .wrapper {\r\n padding-left: 1em;\r\n padding-right: 1em;\r\n\r\n @include breakpoint($x-large) {\r\n max-width: $x-large;\r\n }\r\n }\r\n\r\n .page__title,\r\n .page__meta,\r\n .page__lead,\r\n .btn {\r\n color: #fff;\r\n text-shadow: 1px 1px 4px rgba(#000, 0.5);\r\n }\r\n\r\n .page__lead {\r\n max-width: $medium;\r\n }\r\n\r\n .page__title {\r\n font-size: $type-size-2;\r\n\r\n @include breakpoint($small) {\r\n font-size: $type-size-1;\r\n }\r\n }\r\n }\r\n}\r\n\r\n.page__hero-image {\r\n width: 100%;\r\n height: auto;\r\n -ms-interpolation-mode: bicubic;\r\n}\r\n\r\n.page__hero-caption {\r\n position: absolute;\r\n bottom: 0;\r\n right: 0;\r\n margin: 0 auto;\r\n padding: 2px 5px;\r\n color: #fff;\r\n font-family: $caption-font-family;\r\n font-size: $type-size-7;\r\n background: #000;\r\n text-align: right;\r\n z-index: 5;\r\n opacity: 0.5;\r\n border-radius: $border-radius 0 0 0;\r\n\r\n @include breakpoint($large) {\r\n padding: 5px 10px;\r\n }\r\n\r\n a {\r\n color: #fff;\r\n text-decoration: none;\r\n }\r\n}\r\n\r\n/*\r\n Social sharing\r\n ========================================================================== */\r\n\r\n.page__share {\r\n margin-top: 2em;\r\n padding-top: 1em;\r\n border-top: 1px solid $border-color;\r\n\r\n @include breakpoint(max-width $small) {\r\n .btn span {\r\n border: 0;\r\n clip: rect(0 0 0 0);\r\n height: 1px;\r\n margin: -1px;\r\n overflow: hidden;\r\n padding: 0;\r\n position: absolute;\r\n width: 1px;\r\n }\r\n }\r\n}\r\n\r\n.page__share-title {\r\n margin-bottom: 10px;\r\n font-size: $type-size-6;\r\n text-transform: uppercase;\r\n}\r\n\r\n/*\r\n Page meta\r\n ========================================================================== */\r\n\r\n.page__meta {\r\n margin-top: 2em;\r\n color: $muted-text-color;\r\n font-family: $sans-serif;\r\n font-size: $type-size-6;\r\n\r\n p {\r\n margin: 0;\r\n }\r\n\r\n a {\r\n color: inherit;\r\n }\r\n}\r\n\r\n.page__meta-title {\r\n margin-bottom: 10px;\r\n font-size: $type-size-6;\r\n text-transform: uppercase;\r\n}\r\n\r\n.page__meta-sep::before {\r\n content: \"\\2022\";\r\n padding-left: 0.5em;\r\n padding-right: 0.5em;\r\n}\r\n\r\n/*\r\n Page taxonomy\r\n ========================================================================== */\r\n\r\n.page__taxonomy {\r\n .sep {\r\n display: none;\r\n }\r\n\r\n strong {\r\n margin-right: 10px;\r\n }\r\n}\r\n\r\n.page__taxonomy-item {\r\n display: inline-block;\r\n margin-right: 5px;\r\n margin-bottom: 8px;\r\n padding: 5px 10px;\r\n text-decoration: none;\r\n border: 1px solid mix(#000, $border-color, 25%);\r\n border-radius: $border-radius;\r\n\r\n &:hover {\r\n text-decoration: none;\r\n color: $link-color-hover;\r\n }\r\n}\r\n\r\n.taxonomy__section {\r\n margin-bottom: 2em;\r\n padding-bottom: 1em;\r\n\r\n &:not(:last-child) {\r\n border-bottom: solid 1px $border-color;\r\n }\r\n\r\n .archive__item-title {\r\n margin-top: 0;\r\n }\r\n\r\n .archive__subtitle {\r\n clear: both;\r\n border: 0;\r\n }\r\n\r\n + .taxonomy__section {\r\n margin-top: 2em;\r\n }\r\n}\r\n\r\n.taxonomy__title {\r\n margin-bottom: 0.5em;\r\n color: $muted-text-color;\r\n}\r\n\r\n.taxonomy__count {\r\n color: $muted-text-color;\r\n}\r\n\r\n.taxonomy__index {\r\n display: grid;\r\n grid-column-gap: 2em;\r\n grid-template-columns: repeat(2, 1fr);\r\n margin: 1.414em 0;\r\n padding: 0;\r\n font-size: 0.75em;\r\n list-style: none;\r\n\r\n @include breakpoint($large) {\r\n grid-template-columns: repeat(3, 1fr);\r\n }\r\n\r\n a {\r\n display: -webkit-box;\r\n display: -ms-flexbox;\r\n display: flex;\r\n padding: 0.25em 0;\r\n -webkit-box-pack: justify;\r\n -ms-flex-pack: justify;\r\n justify-content: space-between;\r\n color: inherit;\r\n text-decoration: none;\r\n border-bottom: 1px solid $border-color;\r\n }\r\n}\r\n\r\n.back-to-top {\r\n display: block;\r\n clear: both;\r\n color: $muted-text-color;\r\n font-size: 0.6em;\r\n text-transform: uppercase;\r\n text-align: right;\r\n text-decoration: none;\r\n}\r\n\r\n/*\r\n Comments\r\n ========================================================================== */\r\n\r\n.page__comments {\r\n float: left;\r\n margin-left: 0;\r\n margin-right: 0;\r\n width: 100%;\r\n clear: both;\r\n}\r\n\r\n.page__comments-title {\r\n margin-top: 2rem;\r\n margin-bottom: 10px;\r\n padding-top: 2rem;\r\n font-size: $type-size-6;\r\n border-top: 1px solid $border-color;\r\n text-transform: uppercase;\r\n}\r\n\r\n.page__comments-form {\r\n -webkit-transition: $global-transition;\r\n transition: $global-transition;\r\n\r\n &.disabled {\r\n input,\r\n button,\r\n textarea,\r\n label {\r\n pointer-events: none;\r\n cursor: not-allowed;\r\n filter: alpha(opacity=65);\r\n box-shadow: none;\r\n opacity: 0.65;\r\n }\r\n }\r\n}\r\n\r\n.comment {\r\n @include clearfix();\r\n margin: 1em 0;\r\n\r\n &:not(:last-child) {\r\n border-bottom: 1px solid $border-color;\r\n }\r\n}\r\n\r\n.comment__avatar-wrapper {\r\n float: left;\r\n width: 60px;\r\n height: 60px;\r\n\r\n @include breakpoint($large) {\r\n width: 100px;\r\n height: 100px;\r\n }\r\n}\r\n\r\n.comment__avatar {\r\n width: 40px;\r\n height: 40px;\r\n border-radius: 50%;\r\n\r\n @include breakpoint($large) {\r\n width: 80px;\r\n height: 80px;\r\n padding: 5px;\r\n border: 1px solid $border-color;\r\n }\r\n}\r\n\r\n.comment__content-wrapper {\r\n float: right;\r\n width: calc(100% - 60px);\r\n\r\n @include breakpoint($large) {\r\n width: calc(100% - 100px);\r\n }\r\n}\r\n\r\n.comment__author {\r\n margin: 0;\r\n\r\n a {\r\n text-decoration: none;\r\n }\r\n}\r\n\r\n.comment__date {\r\n @extend .page__meta;\r\n margin: 0;\r\n\r\n a {\r\n text-decoration: none;\r\n }\r\n}\r\n\r\n/*\r\n Related\r\n ========================================================================== */\r\n\r\n.page__related {\r\n @include clearfix();\r\n float: left;\r\n margin-top: 2em;\r\n padding-top: 1em;\r\n border-top: 1px solid $border-color;\r\n\r\n @include breakpoint($large) {\r\n float: right;\r\n width: calc(100% - #{$right-sidebar-width-narrow});\r\n }\r\n\r\n @include breakpoint($x-large) {\r\n width: calc(100% - #{$right-sidebar-width});\r\n }\r\n\r\n a {\r\n color: inherit;\r\n text-decoration: none;\r\n }\r\n}\r\n\r\n.page__related-title {\r\n margin-bottom: 10px;\r\n font-size: $type-size-6;\r\n text-transform: uppercase;\r\n}\r\n\r\n/*\r\n Wide Pages\r\n ========================================================================== */\r\n\r\n.wide {\r\n .page {\r\n @include breakpoint($large) {\r\n padding-right: 0;\r\n }\r\n\r\n @include breakpoint($x-large) {\r\n padding-right: 0;\r\n }\r\n }\r\n\r\n .page__related {\r\n @include breakpoint($large) {\r\n padding-right: 0;\r\n }\r\n\r\n @include breakpoint($x-large) {\r\n padding-right: 0;\r\n }\r\n }\r\n}\r\n","/* ==========================================================================\r\n ARCHIVE\r\n ========================================================================== */\r\n\r\n.archive {\r\n margin-top: 1em;\r\n margin-bottom: 2em;\r\n\r\n @include breakpoint($large) {\r\n float: right;\r\n width: calc(100% - #{$right-sidebar-width-narrow});\r\n padding-right: $right-sidebar-width-narrow;\r\n }\r\n\r\n @include breakpoint($x-large) {\r\n width: calc(100% - #{$right-sidebar-width});\r\n padding-right: $right-sidebar-width;\r\n }\r\n}\r\n\r\n.archive__item {\r\n position: relative;\r\n\r\n a {\r\n position: relative;\r\n z-index: 10;\r\n }\r\n\r\n a[rel=\"permalink\"] {\r\n position: static;\r\n }\r\n}\r\n\r\n.archive__subtitle {\r\n margin: 1.414em 0 0.5em;\r\n padding-bottom: 0.5em;\r\n font-size: $type-size-5;\r\n color: $muted-text-color;\r\n border-bottom: 1px solid $border-color;\r\n\r\n + .list__item .archive__item-title {\r\n margin-top: 0.5em;\r\n }\r\n}\r\n\r\n.archive__item-title {\r\n margin-bottom: 0.25em;\r\n font-family: $sans-serif-narrow;\r\n line-height: initial;\r\n overflow: hidden;\r\n text-overflow: ellipsis;\r\n\r\n a[rel=\"permalink\"]::before {\r\n content: '';\r\n position: absolute;\r\n left: 0;\r\n top: 0;\r\n right: 0;\r\n bottom: 0;\r\n }\r\n\r\n a + a {\r\n opacity: 0.5;\r\n }\r\n}\r\n\r\n/* remove border*/\r\n.page__content {\r\n .archive__item-title {\r\n margin-top: 1em;\r\n border-bottom: none;\r\n }\r\n}\r\n\r\n.archive__item-excerpt {\r\n margin-top: 0;\r\n font-size: $type-size-6;\r\n\r\n & + p {\r\n text-indent: 0;\r\n }\r\n\r\n a {\r\n position: relative;\r\n }\r\n}\r\n\r\n.archive__item-teaser {\r\n position: relative;\r\n border-radius: $border-radius;\r\n overflow: hidden;\r\n\r\n img {\r\n width: 100%;\r\n }\r\n}\r\n\r\n.archive__item-caption {\r\n position: absolute;\r\n bottom: 0;\r\n right: 0;\r\n margin: 0 auto;\r\n padding: 2px 5px;\r\n color: #fff;\r\n font-family: $caption-font-family;\r\n font-size: $type-size-8;\r\n background: #000;\r\n text-align: right;\r\n z-index: 5;\r\n opacity: 0.5;\r\n border-radius: $border-radius 0 0 0;\r\n\r\n @include breakpoint($large) {\r\n padding: 5px 10px;\r\n }\r\n\r\n a {\r\n color: #fff;\r\n text-decoration: none;\r\n }\r\n}\r\n\r\n/*\r\n List view\r\n ========================================================================== */\r\n\r\n.list__item {\r\n .page__meta {\r\n margin: 0 0 4px;\r\n font-size: 0.6em;\r\n }\r\n}\r\n\r\n/*\r\n Grid view\r\n ========================================================================== */\r\n\r\n.archive {\r\n .grid__wrapper {\r\n /* extend grid elements to the right */\r\n\r\n @include breakpoint($large) {\r\n margin-right: -1 * $right-sidebar-width-narrow;\r\n }\r\n\r\n @include breakpoint($x-large) {\r\n margin-right: -1 * $right-sidebar-width;\r\n }\r\n }\r\n}\r\n\r\n.grid__item {\r\n margin-bottom: 2em;\r\n\r\n @include breakpoint($small) {\r\n float: left;\r\n width: span(5 of 10);\r\n\r\n &:nth-child(2n + 1) {\r\n clear: both;\r\n margin-left: 0;\r\n }\r\n\r\n &:nth-child(2n + 2) {\r\n clear: none;\r\n margin-left: gutter(of 10);\r\n }\r\n }\r\n\r\n @include breakpoint($medium) {\r\n margin-left: 0; /* override margin*/\r\n margin-right: 0; /* override margin*/\r\n width: span(3 of 12);\r\n\r\n &:nth-child(2n + 1) {\r\n clear: none;\r\n }\r\n\r\n &:nth-child(4n + 1) {\r\n clear: both;\r\n }\r\n\r\n &:nth-child(4n + 2) {\r\n clear: none;\r\n margin-left: gutter(1 of 12);\r\n }\r\n\r\n &:nth-child(4n + 3) {\r\n clear: none;\r\n margin-left: gutter(1 of 12);\r\n }\r\n\r\n &:nth-child(4n + 4) {\r\n clear: none;\r\n margin-left: gutter(1 of 12);\r\n }\r\n }\r\n\r\n .page__meta {\r\n margin: 0 0 4px;\r\n font-size: 0.6em;\r\n }\r\n\r\n .page__meta-sep {\r\n display: block;\r\n\r\n &::before {\r\n display: none;\r\n }\r\n }\r\n\r\n .archive__item-title {\r\n margin-top: 0.5em;\r\n font-size: $type-size-5;\r\n }\r\n\r\n .archive__item-excerpt {\r\n display: none;\r\n\r\n @include breakpoint($medium) {\r\n display: block;\r\n font-size: $type-size-6;\r\n }\r\n }\r\n\r\n .archive__item-teaser {\r\n @include breakpoint($small) {\r\n max-height: 200px;\r\n }\r\n\r\n @include breakpoint($medium) {\r\n max-height: 120px;\r\n }\r\n }\r\n}\r\n\r\n/*\r\n Features\r\n ========================================================================== */\r\n\r\n.feature__wrapper {\r\n @include clearfix();\r\n margin-bottom: 2em;\r\n border-bottom: 1px solid $border-color;\r\n\r\n .archive__item-title {\r\n margin-bottom: 0;\r\n }\r\n}\r\n\r\n.feature__item {\r\n position: relative;\r\n margin-bottom: 2em;\r\n font-size: 1.125em;\r\n\r\n @include breakpoint($small) {\r\n float: left;\r\n margin-bottom: 0;\r\n width: span(4 of 12);\r\n\r\n &:nth-child(3n + 1) {\r\n clear: both;\r\n margin-left: 0;\r\n }\r\n\r\n &:nth-child(3n + 2) {\r\n clear: none;\r\n margin-left: gutter(of 12);\r\n }\r\n\r\n &:nth-child(3n + 3) {\r\n clear: none;\r\n margin-left: gutter(of 12);\r\n }\r\n\r\n .feature__item-teaser {\r\n max-height: 200px;\r\n overflow: hidden;\r\n }\r\n }\r\n\r\n .archive__item-body {\r\n padding-left: gutter(1 of 12);\r\n padding-right: gutter(1 of 12);\r\n }\r\n\r\n a.btn::before {\r\n content: '';\r\n position: absolute;\r\n left: 0;\r\n top: 0;\r\n right: 0;\r\n bottom: 0;\r\n }\r\n\r\n &--left {\r\n position: relative;\r\n float: left;\r\n margin-left: 0;\r\n margin-right: 0;\r\n width: 100%;\r\n clear: both;\r\n font-size: 1.125em;\r\n\r\n .archive__item {\r\n float: left;\r\n }\r\n\r\n .archive__item-teaser {\r\n margin-bottom: 2em;\r\n }\r\n\r\n a.btn::before {\r\n content: '';\r\n position: absolute;\r\n left: 0;\r\n top: 0;\r\n right: 0;\r\n bottom: 0;\r\n }\r\n\r\n @include breakpoint($small) {\r\n .archive__item-teaser {\r\n float: left;\r\n width: span(5 of 12);\r\n }\r\n\r\n .archive__item-body {\r\n float: right;\r\n padding-left: gutter(0.5 of 12);\r\n padding-right: gutter(1 of 12);\r\n width: span(7 of 12);\r\n }\r\n }\r\n }\r\n\r\n &--right {\r\n position: relative;\r\n float: left;\r\n margin-left: 0;\r\n margin-right: 0;\r\n width: 100%;\r\n clear: both;\r\n font-size: 1.125em;\r\n\r\n .archive__item {\r\n float: left;\r\n }\r\n\r\n .archive__item-teaser {\r\n margin-bottom: 2em;\r\n }\r\n\r\n a.btn::before {\r\n content: '';\r\n position: absolute;\r\n left: 0;\r\n top: 0;\r\n right: 0;\r\n bottom: 0;\r\n }\r\n\r\n @include breakpoint($small) {\r\n text-align: right;\r\n\r\n .archive__item-teaser {\r\n float: right;\r\n width: span(5 of 12);\r\n }\r\n\r\n .archive__item-body {\r\n float: left;\r\n width: span(7 of 12);\r\n padding-left: gutter(0.5 of 12);\r\n padding-right: gutter(1 of 12);\r\n }\r\n }\r\n }\r\n\r\n &--center {\r\n position: relative;\r\n float: left;\r\n margin-left: 0;\r\n margin-right: 0;\r\n width: 100%;\r\n clear: both;\r\n font-size: 1.125em;\r\n\r\n .archive__item {\r\n float: left;\r\n width: 100%;\r\n }\r\n\r\n .archive__item-teaser {\r\n margin-bottom: 2em;\r\n }\r\n\r\n a.btn::before {\r\n content: '';\r\n position: absolute;\r\n left: 0;\r\n top: 0;\r\n right: 0;\r\n bottom: 0;\r\n }\r\n\r\n @include breakpoint($small) {\r\n text-align: center;\r\n\r\n .archive__item-teaser {\r\n margin: 0 auto;\r\n width: span(5 of 12);\r\n }\r\n\r\n .archive__item-body {\r\n margin: 0 auto;\r\n width: span(7 of 12);\r\n }\r\n }\r\n }\r\n}\r\n\r\n/* Place inside an archive layout */\r\n\r\n.archive {\r\n .feature__wrapper {\r\n .archive__item-title {\r\n margin-top: 0.25em;\r\n font-size: 1em;\r\n }\r\n }\r\n\r\n .feature__item,\r\n .feature__item--left,\r\n .feature__item--center,\r\n .feature__item--right {\r\n font-size: 1em;\r\n }\r\n}\r\n\r\n/*\r\n Wide Pages\r\n ========================================================================== */\r\n\r\n .wide {\r\n .archive {\r\n @include breakpoint($large) {\r\n padding-right: 0;\r\n }\r\n\r\n @include breakpoint($x-large) {\r\n padding-right: 0;\r\n }\r\n }\r\n}\r\n\r\n/* Place inside a single layout */\r\n\r\n.layout--single {\r\n\t.feature__wrapper {\r\n\t\tdisplay: inline-block;\r\n\t}\r\n}\r\n","/* ==========================================================================\r\n SIDEBAR\r\n ========================================================================== */\r\n\r\n/*\r\n Default\r\n ========================================================================== */\r\n\r\n.sidebar {\r\n @include clearfix();\r\n // @include breakpoint(max-width $large) {\r\n // /* fix z-index order of follow links */\r\n // position: relative;\r\n // z-index: 10;\r\n // -webkit-transform: translate3d(0, 0, 0);\r\n // transform: translate3d(0, 0, 0);\r\n // }\r\n\r\n @include breakpoint($large) {\r\n float: left;\r\n width: calc(#{$right-sidebar-width-narrow} - 1em);\r\n opacity: 0.75;\r\n -webkit-transition: opacity 0.2s ease-in-out;\r\n transition: opacity 0.2s ease-in-out;\r\n\r\n &:hover {\r\n opacity: 1;\r\n }\r\n\r\n &.sticky {\r\n overflow-y: auto;\r\n /* calculate height of nav list\r\n viewport height - nav height - masthead x-padding\r\n */\r\n max-height: calc(100vh - #{$nav-height} - 2em);\r\n }\r\n }\r\n\r\n @include breakpoint($x-large) {\r\n width: calc(#{$right-sidebar-width} - 1em);\r\n }\r\n\r\n > * {\r\n margin-top: 1em;\r\n margin-bottom: 1em;\r\n }\r\n\r\n h2,\r\n h3,\r\n h4,\r\n h5,\r\n h6 {\r\n margin-bottom: 0;\r\n font-family: $sans-serif-narrow;\r\n }\r\n\r\n p,\r\n li {\r\n font-family: $sans-serif;\r\n font-size: $type-size-6;\r\n line-height: 1.5;\r\n }\r\n\r\n img {\r\n width: 100%;\r\n\r\n &.emoji {\r\n width: 20px;\r\n height: 20px;\r\n }\r\n }\r\n}\r\n\r\n.sidebar__right {\r\n margin-bottom: 1em;\r\n\r\n @include breakpoint($large) {\r\n position: absolute;\r\n top: 0;\r\n right: 0;\r\n width: $right-sidebar-width-narrow;\r\n margin-right: -1 * $right-sidebar-width-narrow;\r\n padding-left: 1em;\r\n z-index: 10;\r\n\r\n &.sticky {\r\n @include clearfix();\r\n position: -webkit-sticky;\r\n position: sticky;\r\n top: 2em;\r\n float: right;\r\n\r\n .toc {\r\n .toc__menu {\r\n overflow-y: auto;\r\n max-height: calc(100vh - 7em);\r\n }\r\n }\r\n }\r\n }\r\n\r\n @include breakpoint($x-large) {\r\n width: $right-sidebar-width;\r\n margin-right: -1 * $right-sidebar-width;\r\n }\r\n}\r\n\r\n.splash .sidebar__right {\r\n @include breakpoint($large) {\r\n position: relative;\r\n float: right;\r\n margin-right: 0;\r\n }\r\n\r\n @include breakpoint($x-large) {\r\n margin-right: 0;\r\n }\r\n}\r\n\r\n/*\r\n Author profile and links\r\n ========================================================================== */\r\n\r\n.author__avatar {\r\n display: table-cell;\r\n vertical-align: top;\r\n width: 36px;\r\n height: 36px;\r\n\r\n @include breakpoint($large) {\r\n display: block;\r\n width: auto;\r\n height: auto;\r\n }\r\n\r\n img {\r\n max-width: 110px;\r\n border-radius: 50%;\r\n\r\n @include breakpoint($large) {\r\n padding: 5px;\r\n border: 1px solid $border-color;\r\n }\r\n }\r\n}\r\n\r\n.author__content {\r\n display: table-cell;\r\n vertical-align: top;\r\n padding-left: 15px;\r\n padding-right: 25px;\r\n line-height: 1;\r\n\r\n @include breakpoint($large) {\r\n display: block;\r\n width: 100%;\r\n padding-left: 0;\r\n padding-right: 0;\r\n }\r\n\r\n a {\r\n color: inherit;\r\n text-decoration: none;\r\n }\r\n}\r\n\r\n.author__name {\r\n margin: 0;\r\n\r\n @include breakpoint($large) {\r\n margin-top: 10px;\r\n margin-bottom: 10px;\r\n }\r\n}\r\n.sidebar .author__name {\r\n font-family: $sans-serif;\r\n font-size: $type-size-5;\r\n}\r\n\r\n.author__bio {\r\n margin: 0;\r\n\r\n @include breakpoint($large) {\r\n margin-top: 10px;\r\n margin-bottom: 20px;\r\n }\r\n}\r\n\r\n.author__urls-wrapper {\r\n position: relative;\r\n display: table-cell;\r\n vertical-align: middle;\r\n font-family: $sans-serif;\r\n z-index: 20;\r\n cursor: pointer;\r\n\r\n li:last-child {\r\n a {\r\n margin-bottom: 0;\r\n }\r\n }\r\n\r\n .author__urls {\r\n span.label {\r\n padding-left: 5px;\r\n }\r\n }\r\n\r\n @include breakpoint($large) {\r\n display: block;\r\n }\r\n\r\n button {\r\n position: relative;\r\n margin-bottom: 0;\r\n\r\n &:before {\r\n @supports (pointer-events: none) {\r\n content: '';\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n pointer-events: none;\r\n }\r\n }\r\n\r\n &.open {\r\n &:before {\r\n pointer-events: auto;\r\n }\r\n }\r\n\r\n @include breakpoint($large) {\r\n display: none;\r\n }\r\n }\r\n}\r\n\r\n.author__urls {\r\n display: none;\r\n position: absolute;\r\n right: 0;\r\n margin-top: 15px;\r\n padding: 10px;\r\n list-style-type: none;\r\n border: 1px solid $border-color;\r\n border-radius: $border-radius;\r\n background: $background-color;\r\n box-shadow: 0 2px 4px 0 rgba(#000, 0.16), 0 2px 10px 0 rgba(#000, 0.12);\r\n cursor: default;\r\n\r\n &.is--visible {\r\n display: block;\r\n }\r\n\r\n @include breakpoint($large) {\r\n display: block;\r\n position: relative;\r\n margin: 0;\r\n padding: 0;\r\n border: 0;\r\n background: transparent;\r\n box-shadow: none;\r\n }\r\n\r\n &:before {\r\n display: block;\r\n content: \"\";\r\n position: absolute;\r\n top: -11px;\r\n left: calc(50% - 10px);\r\n width: 0;\r\n border-style: solid;\r\n border-width: 0 10px 10px;\r\n border-color: $border-color transparent;\r\n z-index: 0;\r\n\r\n @include breakpoint($large) {\r\n display: none;\r\n }\r\n }\r\n\r\n &:after {\r\n display: block;\r\n content: \"\";\r\n position: absolute;\r\n top: -10px;\r\n left: calc(50% - 10px);\r\n width: 0;\r\n border-style: solid;\r\n border-width: 0 10px 10px;\r\n border-color: $background-color transparent;\r\n z-index: 1;\r\n\r\n @include breakpoint($large) {\r\n display: none;\r\n }\r\n }\r\n\r\n ul {\r\n padding: 10px;\r\n list-style-type: none;\r\n }\r\n\r\n li {\r\n white-space: nowrap;\r\n }\r\n\r\n a {\r\n display: block;\r\n margin-bottom: 5px;\r\n padding-right: 5px;\r\n padding-top: 2px;\r\n padding-bottom: 2px;\r\n color: inherit;\r\n font-size: $type-size-5;\r\n text-decoration: none;\r\n\r\n &:hover {\r\n text-decoration: underline;\r\n }\r\n }\r\n}\r\n\r\n/*\r\n Wide Pages\r\n ========================================================================== */\r\n\r\n.wide .sidebar__right {\r\n margin-bottom: 1em;\r\n\r\n @include breakpoint($large) {\r\n position: initial;\r\n top: initial;\r\n right: initial;\r\n width: initial;\r\n margin-right: initial;\r\n padding-left: initial;\r\n z-index: initial;\r\n\r\n &.sticky {\r\n float: none;\r\n }\r\n }\r\n\r\n @include breakpoint($x-large) {\r\n width: initial;\r\n margin-right: initial;\r\n }\r\n}\r\n\r\n","/* ==========================================================================\r\n PRINT STYLES\r\n ========================================================================== */\r\n\r\n@media print {\r\n\r\n [hidden] {\r\n display: none;\r\n }\r\n\r\n * {\r\n -moz-box-sizing: border-box;\r\n -webkit-box-sizing: border-box;\r\n box-sizing: border-box;\r\n }\r\n\r\n html {\r\n margin: 0;\r\n padding: 0;\r\n min-height: auto !important;\r\n font-size: 16px;\r\n }\r\n\r\n body {\r\n margin: 0 auto;\r\n background: #fff !important;\r\n color: #000 !important;\r\n font-size: 1rem;\r\n line-height: 1.5;\r\n -moz-osx-font-smoothing: grayscale;\r\n -webkit-font-smoothing: antialiased;\r\n text-rendering: optimizeLegibility;\r\n }\r\n\r\n h1,\r\n h2,\r\n h3,\r\n h4,\r\n h5,\r\n h6 {\r\n color: #000;\r\n line-height: 1.2;\r\n margin-bottom: 0.75rem;\r\n margin-top: 0;\r\n }\r\n\r\n h1 {\r\n font-size: 2.5rem;\r\n }\r\n\r\n h2 {\r\n font-size: 2rem;\r\n }\r\n\r\n h3 {\r\n font-size: 1.75rem;\r\n }\r\n\r\n h4 {\r\n font-size: 1.5rem;\r\n }\r\n\r\n h5 {\r\n font-size: 1.25rem;\r\n }\r\n\r\n h6 {\r\n font-size: 1rem;\r\n }\r\n\r\n a,\r\n a:visited {\r\n color: #000;\r\n text-decoration: underline;\r\n word-wrap: break-word;\r\n }\r\n\r\n table {\r\n border-collapse: collapse;\r\n }\r\n\r\n thead {\r\n display: table-header-group;\r\n }\r\n\r\n table,\r\n th,\r\n td {\r\n border-bottom: 1px solid #000;\r\n }\r\n\r\n td,\r\n th {\r\n padding: 8px 16px;\r\n }\r\n\r\n img {\r\n border: 0;\r\n display: block;\r\n max-width: 100% !important;\r\n vertical-align: middle;\r\n }\r\n\r\n hr {\r\n border: 0;\r\n border-bottom: 2px solid #bbb;\r\n height: 0;\r\n margin: 2.25rem 0;\r\n padding: 0;\r\n }\r\n\r\n dt {\r\n font-weight: bold;\r\n }\r\n\r\n dd {\r\n margin: 0;\r\n margin-bottom: 0.75rem;\r\n }\r\n\r\n abbr[title],\r\n acronym[title] {\r\n border: 0;\r\n text-decoration: none;\r\n }\r\n\r\n table,\r\n blockquote,\r\n pre,\r\n code,\r\n figure,\r\n li,\r\n hr,\r\n ul,\r\n ol,\r\n a,\r\n tr {\r\n page-break-inside: avoid;\r\n }\r\n\r\n h2,\r\n h3,\r\n h4,\r\n p,\r\n a {\r\n orphans: 3;\r\n widows: 3;\r\n }\r\n\r\n h1,\r\n h2,\r\n h3,\r\n h4,\r\n h5,\r\n h6 {\r\n page-break-after: avoid;\r\n page-break-inside: avoid;\r\n }\r\n\r\n h1 + p,\r\n h2 + p,\r\n h3 + p {\r\n page-break-before: avoid;\r\n }\r\n\r\n img {\r\n page-break-after: auto;\r\n page-break-before: auto;\r\n page-break-inside: avoid;\r\n }\r\n\r\n pre {\r\n white-space: pre-wrap !important;\r\n word-wrap: break-word;\r\n }\r\n\r\n a[href^='http://']:after,\r\n a[href^='https://']:after,\r\n a[href^='ftp://']:after {\r\n content: \" (\" attr(href) \")\";\r\n font-size: 80%;\r\n }\r\n\r\n abbr[title]:after,\r\n acronym[title]:after {\r\n content: \" (\" attr(title) \")\";\r\n }\r\n\r\n #main {\r\n max-width: 100%;\r\n }\r\n\r\n .page {\r\n margin: 0;\r\n padding: 0;\r\n width: 100%;\r\n }\r\n\r\n .page-break,\r\n .page-break-before {\r\n page-break-before: always;\r\n }\r\n\r\n .page-break-after {\r\n page-break-after: always;\r\n }\r\n\r\n .no-print {\r\n display: none;\r\n }\r\n\r\n a.no-reformat:after {\r\n content: '';\r\n }\r\n\r\n abbr[title].no-reformat:after,\r\n acronym[title].no-reformat:after {\r\n content: '';\r\n }\r\n\r\n .page__hero-caption {\r\n color: #000 !important;\r\n background: #fff !important;\r\n opacity: 1;\r\n\r\n a {\r\n color: #000 !important;\r\n }\r\n }\r\n\r\n/*\r\n Hide the following elements on print\r\n ========================================================================== */\r\n\r\n .masthead,\r\n .toc,\r\n .page__share,\r\n .page__related,\r\n .pagination,\r\n .ads,\r\n .page__footer,\r\n .page__comments-form,\r\n .author__avatar,\r\n .author__content,\r\n .author__urls-wrapper,\r\n .nav__list,\r\n .sidebar,\r\n .adsbygoogle {\r\n display: none !important;\r\n height: 1px !important;\r\n }\r\n}"],"file":"main.css"}