{"version":3,"sources":["blog.css","../../../node_modules/@blizzard/responsive-blog-design/app/scss/utils/_flexbox.scss","../../../node_modules/@blizzard/responsive-blog-design/app/scss/utils/_animations.scss","../../../node_modules/@blizzard/responsive-blog-design/app/scss/utils/_mixins.scss","../../../node_modules/@blizzard/responsive-blog-design/app/scss/utils/_fonts.scss","../../../node_modules/@blizzard/responsive-blog-design/app/scss/utils/_helpers.scss","../../../node_modules/@blizzard/responsive-blog-design/app/scss/base/_blockquotes.scss","../../../node_modules/@blizzard/responsive-blog-design/app/scss/utils/_variables.scss","../../../node_modules/@blizzard/responsive-blog-design/app/scss/styles.scss","../../../node_modules/@blizzard/overwatch-ui/assets/scss/variables/fonts.scss","responsive-blog-overrides.scss","../../../node_modules/@blizzard/responsive-blog-design/app/scss/utils/_u-typography.scss","../../../node_modules/@blizzard/overwatch-ui/assets/scss/variables/colors.scss","../../../node_modules/@blizzard/responsive-blog-design/app/scss/base/_dividers.scss","../../../node_modules/modularscale-sass/stylesheets/modularscale/_function.scss","../../../node_modules/@blizzard/responsive-blog-design/app/scss/base/_headings.scss","../../../node_modules/@blizzard/responsive-blog-design/app/scss/base/_inline-elements.scss","../../../node_modules/@blizzard/responsive-blog-design/app/scss/base/_links.scss","../../../node_modules/@blizzard/responsive-blog-design/app/scss/base/_lists.scss","../../../node_modules/@blizzard/responsive-blog-design/app/scss/base/_paragraphs.scss","../../../node_modules/@blizzard/responsive-blog-design/app/scss/components/_p-helpers.scss","../../../node_modules/@blizzard/responsive-blog-design/app/scss/components/_accordion.scss","../../../node_modules/@blizzard/responsive-blog-design/app/scss/components/_buttons.scss","../../../node_modules/@blizzard/responsive-blog-design/app/scss/components/_cards.scss","../../../node_modules/@blizzard/responsive-blog-design/app/scss/components/_figure.scss","../../../node_modules/@blizzard/responsive-blog-design/app/scss/components/_gallery.scss","../../../node_modules/@blizzard/responsive-blog-design/app/scss/components/_image-responsive.scss","../../../node_modules/@blizzard/responsive-blog-design/app/scss/components/_image-shapes.scss","../../../node_modules/@blizzard/responsive-blog-design/app/scss/components/_images.scss","../../../node_modules/@blizzard/responsive-blog-design/app/scss/components/_media.scss","../../../node_modules/@blizzard/responsive-blog-design/app/scss/components/_tables.scss","../../../node_modules/@blizzard/responsive-blog-design/app/scss/components/_tabs.scss","../../../node_modules/@blizzard/responsive-blog-design/app/scss/components/_videos.scss"],"names":[],"mappings":"AAAA,iBAAiB;ACAjB;;;;;;EAME;AAGF;;GAEG;ADAH;;;;;;;ECEI,qBAAoB;EAEpB,yBAAwB;EACxB,qBAAoB;EAEpB,cAAa,EAChB;;AAoBD;;GAEG;ADbH;;ECeI,+BAA8B;EAG9B,yBAAwB;EACxB,wBAAuB;EACvB,oBAAmB,EACtB;;ADZD;;;ECwBI,6BAA4B;EAG5B,4BAA2B;EAC3B,2BAA0B;EAC1B,uBAAsB,EACzB;;AA0BD;;GAEG;AD7CH;;;ECuDI,oBAAmB;EACnB,gBAAe,EAClB;;AAoBD;;GAEG;AAMH;;GAEG;AAUH;;GAEG;AASH;;GAEG;AASH;;GAEG;AAQH;;GAEG;AAOH;;GAEG;AD/GH;;ECiHI,wBAAuB;EAEvB,yBAAwB;EACxB,qBAAoB;EACpB,iCAAgC;EAEhC,4BAA2B,EAC9B;;AD9GD;;ECkII,0BAAyB;EAEzB,2BAA0B;EAC1B,uBAAsB;EACtB,oCAAmC;EAEnC,+BAA8B,EACjC;;AAsBD;;GAEG;ADpJH;;ECoKI,0BAAyB;EACzB,uBAAsB;EAEtB,yBAAwB;EACxB,oBAAmB,EACtB;;AAkCA;;GAEE;AAkDH;;GAEG;ACvWH;EACE,WAAU;EACV,wCAA+B;EAA/B,gCAA+B,EAIhC;EAND;IAII,WAAU,EACX;;AAGH;EACE,cAAa,EAGd;EAJD;IAGS,eAAc,EAAI;;AAG3B;EAAiB,mBAAkB,EAAI;;AAEvC;EAAoB,yBAAwB,EAAI;;AAEhD;EACE,mBAAkB;EAClB,UAAS;EACT,iBAAgB;EAChB,gDAAuC;EAAvC,wCAAuC;EACvC,kCAAyB;UAAzB,0BAAyB;EACzB,yCAAgC;UAAhC,iCAAgC,EACjC;;ACuBC;EACE,wBAA8B;EAC9B,iDAA2C;EAC3C,qRAGoE;EACpE,iBClDwD;EDmDxD,mBAZ6F;EAa7F,qBAbqH,EAAA;;AAIvH;EACE,wBAA8B;EAC9B,2CAA2C;EAC3C,6PAGoE;EACpE,iBCjDkD;EDkDlD,mBAZ6F;EAa7F,qBAbqH,EAAA;;AAIvH;EACE,wBAA8B;EAC9B,kDAA2C;EAC3C,yRAGoE;EACpE,iBChDyD;EDiDzD,mBCjDiE;EDkDjE,qBAbqH,EAAA;;AAIvH;EACE,wBAA8B;EAC9B,gDAA2C;EAC3C,iRAGoE;EACpE,iBC/CuD;EDgDvD,iBChD6D;EDiD7D,qBAbqH,EAAA;;AAIvH;EACE,wBAA8B;EAC9B,yDAA2C;EAC3C,qTAGoE;EACpE,iBC5CgE;ED6ChE,mBAZ6F;EAa7F,qBAbqH,EAAA;;AAIvH;EACE,wBAA8B;EAC9B,2DAA2C;EAC3C,6TAGoE;EACpE,iBC3CkE;ED4ClE,mBAZ6F;EAa7F,qBAbqH,EAAA;;AAIvH;EACE,wBAA8B;EAC9B,0DAA2C;EAC3C,yTAGoE;EACpE,iBC1CiE;ED2CjE,mBC3CyE;ED4CzE,qBAbqH,EAAA;;AAIvH;EACE,wBAA8B;EAC9B,wDAA2C;EAC3C,iTAGoE;EACpE,iBCzC+D;ED0C/D,iBC1CqE;ED2CrE,qBAbqH,EAAA;;AHiKzH;;;;;;;;;;;;;;;;;;;;;GKtMI,QAAQ,EAQX;ELoNC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IKzNM,eAAc;IACd,YAAW;IACX,eAAc,EACjB;ELkQH;;;;;;;;;;;;;;;;;;;;;IKjQY,YAAW,EAAI;;ALwR7B;;;;EKpRQ,iBAAgB,EAAI;;AL0R5B;;EMnLA,yCAAyC;EAGxC,mDAAmD;EH5DlD,kBIzC0B;EJ0C1B,gBIhDuB;ECPvB,iBDUyB;ECTzB,iCCFyB;EDGzB,8BERyB;EFSzB,gCDagC,ECZjC;ERwSC;;IWpME,gBJhGqB;IIiGrB,kBJ5FwB;IDT1B,mBC8HiC;ID5HjC,qHCmI2H;IDlI3H,yBCmIyC;IDlIzC,yBCmIyC;IDjIzC,uBC2HsD;ID1HtD,aCyH2B;IDvH3B,0BCiIyC;IDhIzC,oBCiIoC;IDhIpC,uCCiIwC;IDhGxC,qBAAqB,EAMtB;INoQG;;MMvSA,gCCgIoC;MD/HpC,iBCgI0B;MD/H1B,qBCgImC,ED/HpC;MNySG;;QM7Se,iBAAgB,EAAI;INgTrC;;MMzSA,mBCqIsC;MDpItC,kBCbwB;MDcxB,iBC8H8B;MD7H9B,gCC8HmC;MD7HnC,0BC8H6C;MD7H7C,iBC8H+B;MD7H/B,eAAc,EAIf;MNwSG;;QM1SA,eC4H+B,ED3HhC;IN4SD;;MMvSc,YAAW,EAAG;IN0S5B;;MMxSI,eCoH6B,EDnH9B;IHlBC;MH6TF;;QMxSA,kBAAiB,EAEpB,EAAA;INySC;;;;MMtSS,aAAa;MAAE,oBAAmB,EAAG;IN4S9C;;MM3SO,aAAa;MAAE,qBAAoB,EAAG;IN+S7C;;MM9SU,aAAa;MAAE,oBAAmB,EAAG;INkT/C;;MMjTS,aAAa;MAAE,qBAAoB,EAAG;ENqTjD;;IWlQE,gBJhGqB;IIiGrB,kBJ5FwB;ID8C1B,mBCwGkC;IDtGlC,qHC4G4H;ID3G5H,yBC4G0C;ID3G1C,yBC4G0C;ID1G1C,uBCqGuD;IDpGvD,aCmG4B;IDjG5B,gBC0GiC;IDzGjC,oBC0GqC;IDzGrC,0BC0G2C;IDzE3C,qBAAqB,EAMtB;IN2QG;;MM9SA,gCCyGqC;MDxGrC,iBCyG2B;MDxG3B,qBCyGoC,EDxGrC;MNgTG;;QMpTe,iBAAgB,EAAI;INuTrC;;MMhTA,mBC8GuC;MD7GvC,kBCpEwB;MDqExB,iBCuG+B;MDtG/B,gCCuGoC;MDtGpC,0BCuG8C;MDtG9C,iBCuGgC;MDtGhC,eAAc,EAIf;MN+SG;;QMjTA,eCqGgC,EDpGjC;INmTD;;MM9Sc,YAAW,EAAG;INiT5B;;MM/SI,eC6F8B,ED5F/B;IHzEC;MH2XF;;QM/SA,kBAAiB,EAEpB,EAAA;INgTC;;;;MM7SS,aAAa;MAAE,oBAAmB,EAAG;INmT9C;;MMlTO,aAAa;MAAE,qBAAoB,EAAG;INsT7C;;MMrTU,aAAa;MAAE,oBAAmB,EAAG;INyT/C;;MMxTS,aAAa;MAAE,qBAAoB,EAAG;EN4TjD;;IMxTC,wBAAQ,EAAA;EN2TT;;IMxTQ,aAAa;IAAE,oBAAmB,EAAG;EN4T7C;;IM3TO,aAAa;IAAE,qBAAoB,EAAG;EN+T7C;;IM9TU,aAAa;IAAE,oBAAmB,EAAG;ENkU/C;;IMjUS,aAAa;IAAE,qBAAoB,EAAG;ENqU/C;;IGrVA,iBAA2C;IAC3C,iBAAgB;IAChB,0BSvC4B;ITwC5B,YOnFwB;IPoFxB,eAAc;IU1Gd,YHuBwB;IGtBxB,qBNwNwD,EM3MzD;IbsbG;;MG9bA,mBUF0B;MAE1B,aN2M4B;MM1M5B,WN4M0B;MM3M1B,qEAAuB;MACvB,6BN6MiC;MM5MjC,mCN6MuC;MM5MvC,yBN6MkC;MM5MlC,8BAA6B,EAC9B;EbicD;;;IW9cE,sBGI8C;IHH9C,eJgEqB;IQ9DvB,kDNL+C;IMM/C,YRuFkB;IQtFlB,oBLEsB;IKDtB,0BR6EgC,EQvEjC;If2cG;;;;;;;Me7cA,0BR8FsC,EQ7FvC;EfodD;;;IWldE,sBGT8C;IHU9C,eJmDqB;IQhDvB,kDNnB+C;IMoB/C,YRyEkB;IQxElB,iBRyDkB;IQxDlB,qBRgE2B,EQ1D5B;If8cG;;;;;;;MehdA,qBRiFiC,EQhFlC;EfudD;;;IWtdE,oBGtB8C;IHuB9C,eJsCqB;IQlCvB,kDNjC+C;IMkC/C,YR2DkB;IQ1DlB,iBR2CkB;IQ1ClB,qBRkD2B,EQ5C5B;IfidG;;;;;;;MendA,qBRmEiC,EQlElC;Ef0dD;;;IW1dE,kBGnC8C;IHoC9C,eJyBqB;IQpBvB,kDN/C+C;IMgD/C,YR6CkB;IQ5ClB,iBR6BkB;IQ5BlB,qBRoC2B,EQ9B5B;IfodG;;;;;;;MetdA,qBRqDiC,EQpDlC;Ef6dD;;;IW9dE,gBGhD8C;IHiD9C,eJYqB;IQNvB,YRgCkB;IQ/BlB,iBRgBkB;IQflB,qBRuB2B,EQjB5B;IfudG;;;;;;;MezdA,qBRwCiC,EQvClC;EfgeD;;;IWjeE,mBG7D8C;IH8D9C,eJDqB;IQOvB,YRmBkB;IQlBlB,iBRGkB;IQFlB,qBRU2B,EQJ5B;If0dG;;;;;;;Me5dA,qBR2BiC,EQ1BlC;EfmeD;;;;;;;;;;;;;;;;;;IWxeE,gBJFuB;IIGvB,mBJHuB,EQ+B1B;If+dG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MezeA,gCRMmC;MQLnC,eRM4B;MQL5B,eRM4B,EQL7B;IfmhBC;;;;;;;;;;;;;;;;;;MehhBA,qBRaqC;MQZrC,sEL1BkF;MK2BlF,yBRaiC,EQZlC;EfkiBD;;IgBxoBA,+DT+BsE;IS9BtE,0CTqB8B;ISpB9B,YTiMyB;IShMzB,iBTiMyB;IShMzB,iBTiMwB;IShMxB,mBTiM2B;IShM3B,cTiMoB,EShMrB;EhB0oBC;;IgBvoBA,0CTY8B;ISX9B,iBTgM0B;IS/L1B,aT8LgC,ES7LjC;EhByoBC;;;;IgBnoBG,mBAAkB,EAAI;EbKnB;IHooBJ;;MgBroBA,mDTsLgC;MSrLhC,aAAY,EAUf,EAAA;EhB8nBC;;IgBroBE,eT2FsB;IS1FtB,gCTyF6B;ISxF7B,8BAA4B,EAI7B;IbTK;MH8oBF;;QgBvoBA,YAAW,EAEd,EAAA;EhBwoBD;;IgBpoBA,gCTgF+B;IS/E/B,eTgFwB;IS/ExB,sBAAqB,EACtB;EhBsoBC;;IgBnoBA,gCT0E+B;ISzE/B,eT0EwB;ISzExB,yBAAwB,EACzB;EhBqoBC;;IiBtrBA,eL8CqB;IK7CrB,sBV0W8B,EU/V/B;IjB8qBG;;;MiBrrBA,ePiB0C;MOhB1C,sBVsW6B,EUrW9B;IjBwrBC;;MG3kBF,gBAAe;MACf,kBAAiB,Ec1GhB;EjBwrBD;;;;;IiBlrBE,qBAAoB,EACrB;EjBurBD;;;;IkBtsBA,sBX4NiD;IW3NjD,uBX4NgD;IW3NhD,cAAa,EAKd;IlBssBG;;;;;;;;MkBxsBG,iBAAgB,EAAI;IlBitBvB;;;;MkBhtBG,wBXgOwC,EWhOS;ElBqtBtD;;IkBltBG,mBXqN6B,EWrNa;ElBqtB7C;;IkBptBG,oBX2N4B,EW3NY;ElButB3C;;;;IkBptBM,wBXkNoC,EWlNqB;ElBytB/D;;IG3oBA,gBAAe;IACf,iBAAgB,Ee5EjB;ElB0tBC;;IG/oBA,gBAAe;IACf,iBAAgB;IexEhB,kBAAiB,EAQlB;IlBmtBG;;MGzuBA,mBeiB0B;MAC1B,sBAAqB;MACrB,kBAAiB;MACjB,mBAAkB,EACnB;ElB0tBD;;IG1pBA,gBAAe;IACf,iBAAgB,Ee1CjB;IlBusBG;;MGnvBA,mBe2B0B;MAC1B,sBX0L+C;MWzL/C,eAAc,EAWf;MlBgtBG;;QGxvBF,mBegC4B;Qf/B5B,Se+BiC;Qf5BjC,Qe4BgD;QftClD,YO4B2B;QP3B3B,aO4B4B;QQWxB,oEAA+C;QAC/C,yBX0LmC;QWzLnC,aAAY;QACZ,sBAAqB;QACrB,qBAAoB,EACrB;IlB6tBD;;MG/qBF,gBAAe;MACf,iBAAgB,Ee3Cf;ElB6tBD;;IkBztBA,uBXuKiD;IWtKjD,cAAa,EACd;ElB2tBC;;;;IkBxtBA,qBXkKiD,EWjKlD;ElB4tBC;;IkB1tBA,iBX2KuB;IW1KvB,gCX2K4B,EW1K7B;ElB4tBC;;IkB1tBA,eAAc,EACf;ElB4tBC;;IG9rBA,iBAAgB;IAChB,wBAAuB;IACvB,oBAAmB;Ie5BjB,aAA+C;IAC/C,sBXsJ8C;IWrJ9C,YAAW;IACX,YAAW;IACX,kBAAiB,EAWlB;If7DK;MHixBF;;QkB5tBA,YAAW;QACX,iBAAgB;QAChB,YAAW,EAMd,EAAA;IlBytBC;;MkB3tBE,mBXwJkC,EWvJnC;ElB6tBH;;ImBjzBA,uBZ6HqD,EYpHtD;InB2yBG;;;MW3tBA,gBJiC2B;MIhC3B,kBJ7EwB;MYPxB,iBZsH4B;MYrH5B,gCZkHiC,EYjHlC;EnBmzBD;;IoBl0BD,mCAAkC;IAClC,eAAc;IACd,cAAa,EACb;EpBo0BC;;IoBj0Bc,oBAAmB,EAAI;EpBo0BrC;;IoBn0BiB,uBAAsB,EAAI;EpBs0B3C;;IoBr0BiB,uBAAsB,EAAI;EpBw0B3C;;IoBr0BgB,0BAAyB,EAAI;EpBw0B7C;;IoBv0BgB,0BAAyB,EAAI;EpB00B7C;;IoBz0BiB,2BAA0B,EAAI;EpB40B/C;;IoB30BY,qBAAoB,EAAI;EpB80BpC;;IoB30BW,iBAAgB,EAAI;EpB80B/B;;IoB70BY,kBAAiB,EAAI;EpBg1BjC;;IoB/0Ba,mBAAkB,EAAI;EpBk1BnC;;IoBj1Bc,oBAAmB,EAAI;EpBo1BrC;;IoBn1Ba,oBAAmB,EAAI;EpBs1BpC;;;;IGpuBA,eAAc;IACd,kBAAiB;IACjB,mBAAkB,EiBxGnB;IpBi1BG;;;;MoBr1BF,YAAW;MACX,kBAAiB;MACjB,mBAAkB,EAClB;EpBy1BA;;IoBn1BD,YAAW,EAkBX;IjBzBO;MH81BF;;SoBp1BJ,QAAQ;QASR,sBAAoC;QACpC,ebV+B;QaW/B,YAAW;QACX,gBAAe,EAGhB;QpB40BO;;;UoBx1BA,eAAc;UACd,YAAW;UACX,eAAc,EACjB;QpB21BG;;UoB11BM,YAAW,EAAI,EAAA;EpB61B3B;;IoB/0BD,YAAW,EAkBX;IjBjDO;MHk3BF;;SoBh1BJ,QAAQ;QASR,sBb/BsD;QagCtD,eblC+B;QamC/B,aAAY;QACZ,gBAAe,EAGhB;QpBw0BO;;;UoBp1BA,eAAc;UACd,YAAW;UACX,eAAc,EACjB;QpBu1BG;;UoBt1BM,YAAW,EAAI,EAAA;EpBy1B3B;;IqB35BE,uBdwbmD;IcvbnD,4CdsbmC;IcrbnC,wCdubmD;IctbnD,8CAA0C;IAC1C,yCAAwC;IAAE,uBAAuB,EAiDlE;IrB82BC;;MG55BA,mBkBA4B,EA6C3B;MrBk3BC;;QqB55BI,2Bd2agC;Qc1ahC,Yd+aiB;Qc9ajB,mDd2a6B;Qc1a7B,iBduauB;QctavB,sBd+a2B;Qc9a3B,eAAc,EAmCf;QrB43BD;;UGv6BJ,mBkBWkC;UlBVlC,OkBUqC;UlBTrC,SkBSwC;UlBRxC,UkBQ2C;UlBP3C,QkBO8C;UACtC,ad4a+B;Uc3a/B,UAAS;UACT,yBAAgB;kBAAhB,iBAAgB;UAChB,eAAc;UACd,WAAU,EACX;QrBk6BH;;;UGn7BJ,mBkBqBkC;UlBpBlC,SkBoBuC;UlBnBvC,WkBmB4C;UACpC,0BdNoB;UcOpB,yCAAgC;UAAhC,iCAAgC;UAChC,WAAU;UACV,WAAU;UACV,YAAW;UACX,YAAW,EACZ;QrBm6BH;;UqBj6Ba,oDAA2C;cAA3C,gDAA2C;kBAA3C,4CAA2C,EAAI;QrBo6B5D;;UqBn6Ba,oDAA2C;cAA3C,gDAA2C;kBAA3C,4CAA2C,EAAI;QrBs6B5D;;;UqBj6B0B,0BdgZI,EchZ+C;QrBq6B7E;;UqBl6Be,mDAA0C;cAA1C,+CAA0C;kBAA1C,2CAA0C,EAAI;QrBq6B7D;;UqBp6Bc,qDAA4C;cAA5C,iDAA4C;kBAA5C,6CAA4C,EAAI;ErBu6BpE;;IqB75BI,cAAa,EAKd;IrB25BD;;MqB75BI,eAAc,EACf;ErB+5BL;;IqB35BE,2BdoXsC,EcjXvC;ErB25BD;;IsB79BA,mBZuCoB;IYtCpB,iBZwCyB;IYvCzB,kBAAoC;IACpC,efoUwB;IenUxB,sBf0T6B;IezT7B,uBfwT+C;IevT/C,qCfyToC;IezTpC,6BfyToC;IexTpC,eAAc;IACd,gBAAe;IACf,mBAAkB,EA0DnB;InB5CO;MHm9BF;;QsB99BF,sBAAqB,EAuDxB,EAAA;ItB06BG;;;;MsB79BA,uBf6S6C;Me5S7C,mBAAkB,EACnB;ItBi+BC;;MsB79BA,uBfuS6C;MetS7C,eAAc,EACf;ItB+9BC;;MsB39BA,gBRzB8C;MQ0B9C,iBZYuB,EYXxB;ItB69BC;;MsB19BA,mBR9B8C;MQ+B9C,iBZOuB,EYNxB;ItB49BC;;MsB19BA,mBRlC8C;MQmC9C,iBZGuB,EYDxB;ItB29BC;;MsBx9BA,0BVOW;MUNX,sBVMW;MULX,eVImB,EUIpB;MtBm9BG;;QsBx9BA,8BZiB4C;QYhB5C,sBVCS;QUAT,eVAS;QUCT,sBfuSiC,EetSlC;ItB09BD;;MsBv9BA,0BVbmB;MUcnB,0BZFwC;MYGxC,eVPW,EUgBZ;MtBi9BG;;;QsBt9BA,0BVAwB;QUCxB,0BZJ4C;QYK5C,eVbS;QUcT,sBf0RiC,EezRlC;EtBy9BH;;IuB3hCD,4ChB+O+B;IgB9O/B,iFhB6O6E;YgB7O7E,yEhB6O6E;IgB5O7E,0BhB+OuC;IgB9OvC,mBhB+O4B;IgB9O5B,ahBkPsB;IgBjPtB,uBhB8OwD,EgBnKxD;IpBxDO;MH4gCF;;QuB5hCJ,iBb+D0B,EaS3B,EAAA;IvBu9BG;;MuBzhCA,eAAc;MACd,aAAY;MACZ,eAAc;MACd,gBAAe;MACf,YAAW,EACb;IvB2hCE;;;;MuBvhCF,yBhBuO2B;cgBvO3B,iBhBuO2B;MgBtOzB,+BAAsB;cAAtB,uBAAsB;MACxB,eAAc;MACd,YAAW,EACX;IvB2hCE;;MuBxhCA,wBhBmOwC;MgBlOxC,sBhBmO8C;MgBlO9C,oBAAmB,EACpB;IvB0hCC;;MuBvhCA,wBhB2N2C;MgB1N3C,sBhB2NiD;MgB1NjD,oBAAmB,EACrB;IvByhCE;;MuBrhCF,ehByM6B;MgBxM3B,gBAAe,EAgBjB;MvBwgCI;;QuBrhCA,0BhBsNiC;QgBrNjC,iBhBsNwB;QgBrN3B,UhBwNyB;QgBvNzB,uBAAmC;QAChC,iBhBoN6B;QgBnN7B,iCdrDqB,EcsDxB;MvBuhCG;;QuBphCH,UhBqNwB;QgBpNrB,gChBzC4B;QgB0C/B,iBhBoN+B,EgBnN/B;IvBshCC;;MuBlhCF,UhBmN2B;MgBlN3B,mBhBmNmC;MgBlNnC,4ChBmNuC;MgBlNrC,ehBmN8B;MgBlN9B,gChBmNqC,EgBlNtC;IvBohCC;;MuBlhCF,UhBmN2B;MgBlN3B,qBhBmNqC;MgBlNrC,4ChBmNuC;MgBlNrC,iBhBmN+B;MgBlN/B,gChBmNqC;MgBlNrC,wBhBmNuC;MgBlNvC,sBhBmN6C;MgBlN7C,oBAAmB,EACrB;EvBohCA;;IuB9gCD,eAAc,EACd;EvBghCC;;IuB1gCD,uBhBwJwD;IgBvJxD,gBAAe,EA0Df;IvBm9BG;;MC39BA,oBsB5CkB;MtB6ClB,kBsB7CkB;MtB8ClB,qBsB9CkB;MtB+ClB,asB/CkB;MACpB,uBhBgJuD;MgB/IvD,2DAA0D;MAC1D,+BAAsB;cAAtB,uBAAsB,EA6BtB;MpB1GM;QH4lCA;;UuB1gCL,WAAU;UACV,yBhBgJsC;UgB/ItC,UAAS,EAsBV;UvBu/BQ;;YuB3gCN,YAAW,EACX,EAAA;MpBvFI;QHqmCA;;UuBzgCL,cAAa;UACb,UAAS,EAaV;UvB+/BQ;;YuB1gCN,YAAW,EACX,EAAA;IvB4gCA;;MuB5/BF,iBAAgB;MACd,gBAAe,EAYjB;MvBm/BI;;QC1/BF,oBsBAc;QtBCd,kBsBDc;QtBEd,qBsBFc;QtBGd,asBHc;QtBUd,uBsBViB;QtBWjB,oBsBXiB;QtBajB,qBsBbiB;QtBcjB,esBdiB;QtBuBjB,8BsBvBuB;QtBwBvB,iBsBxBuB,EAExB;MvBwgCG;;QC1gCF,oBsBKc;QtBJd,kBsBIc;QtBHd,qBsBGc;QtBFd,asBEc;QtBKd,uBsBLiB;QtBMjB,oBsBNiB;QtBQjB,qBsBRiB;QtBSjB,esBTiB;QtBkBjB,8BsBlBuB;QtBmBvB,iBsBnBuB,EACxB;EvBohCD;;IGlqCE,mBqBRwB;IAC1B,8BjBgYkC;IiB/XlC,YAAW,EAmBZ;IxB0pCG;;MwB3qCI,iBAAgB,EAAI;IxB8qCxB;;MwB7qCoB,iBAAgB,EAAI;IxBgrCxC;;MG7qCA,mBqBA0B;MAC1B,uBjBkYqD;MiBjYrD,qHjByX6H;MiBxX7H,ajBuXyB;MiBtXzB,kBjBGwB;MiBFxB,gBjByXuB;MiBxXvB,mBjB0X+B;MiBzX/B,gCjBqX4B;MiBpX5B,yBjByXqC;MiBxXrC,iBjBsX6B;MiBrX7B,gBjBwXqD;MiBvXrD,WAAU,EACX;ExB+qCD;;IG3rCE,mBsBLwB;IAC1B,kBlB0WqD;IkBzWrD,YAAU,EAiBX;IzBkrCG;;;;;;MGhsCA,mBsBE0B;MxBsI1B,oBwBrIe;MxBsIf,kBwBtIe;MxBuIf,qBwBvIe;MxBwIf,awBxIe;MxB+If,0BwB/IqB;MxBgJrB,uBwBhJqB;MxBkJrB,wBwBlJqB;MxBmJrB,kBwBnJqB;MxB4JrB,8BwB5J2B;MxB6J3B,iBwB7J2B;MAC3B,alBmWsB;MkBlWtB,YAAW,EAQZ;MzB0sCG;;;;;;QyB/sCA,YAAW;QACX,eAAc;QACd,aAAY;QACZ,eAAc,EACf;EzBqtCH;;IG9mCA,eADmC;IAEnC,gBAAe;IACf,aAAY,EuB7Hb;E1B8uCC;;I2B/uCA,qBpBoXsB,EoBnXvB;E3BivCC;;IGtnCA,sBwBzHoC;IxB0HpC,gBAAe;IACf,aAAY;IwBzHZ,apBsX0B;IoBrX1B,kBpBU0B;IoBT1B,0CpBkB8B;IoBjB9B,8BpBqXiC;IoBpXjC,qBpB2WsB;IoB1WtB,wCAA+B;IAA/B,gCAA+B,EAKhC;I3B8uCG;;MG1vCF,YwBUoB;MxBTpB,awBS0B,EACzB;E3BmvCD;;I2B9uCA,mBAAkB,EACnB;E3BgvCC;;I4BpwCA,iFrByX4E;YqBzX5E,yErByX4E;IqBxX5E,8BrBoX6B;IqBnX7B,uBrBiXiD;IqBhXjD,gBAAe;IACf,aAAY;IACZ,uBAAsB,EAKvB;I5BkwCG;;M4BrwCA,wDrBiXuE;cqBjXvE,gDrBiXuE;MqBhXvE,YAAW,EACZ;E5BuwCD;;;;I6BhxCA,QAAO;IACP,iBAAgB,EACjB;E7BoxCC;;I6BlxCA,oBtBmZiD,EsBxWlD;I7B0uCG;;M6BnxCc,cAAa,EAAI;I7BsxC/B;;M6BpxCA,eAAc,EACf;I7BsxCC;;M6BpxCA,gBtBmZ6B;MsBlZ7B,eAAc,EACf;I7BsxCC;;;;M6BlxCA,kBtBuYoB,EsBtYrB;I7BsxCC;;;;M6BnxCA,mBtBmYoB,EsBlYrB;I7BuxCC;;;;M6BlxCA,oBAAmB;MACnB,oBAAmB,EACpB;I7BsxCC;;M6BrxCS,uBAAsB,EAAI;I7BwxCnC;;M6BvxCS,uBAAsB,EAAI;I7B0xCnC;;M6BvxCA,atB0X8B;MsBzXhC,kDpBlC+C;MoBmC/C,iBtBuXoC;MsBtXlC,qBtBwXsC;MsBvXtC,YtBmXkC;MsBlXlC,mBAAkB;MAClB,cAAa,EACd;I7ByxCC;;M6BtxCA,gBAAe;MACf,iBAAgB,EACjB;E7BwxCD;;I6BrxCO,uBtBsW0C,EsBtWL;E7BwxC5C;;I8Bv0CA,8BvB0SyB;IuBzSzB,evB4SwB,EuB3SzB;E9By0CC;;I8Bv0CA,mBvB+R4B;IuB9R5B,sBvB8R4B;IuB7R5B,iBvB8RkC,EuB7RnC;E9By0CC;;I8Bv0CA,0BvBkS4B;IuBjS5B,elBoD0B;IkBnD1B,iBvBiS6B,EuBhS9B;E9By0CC;;I8Bn0CE,iBAAgB,EACjB;I9Bq0CC;;;M8Bv0CS,iBAAgB,EAAI;E9B20C/B;;I8Bt0CE,mBAAkB,EACnB;I9Bw0CC;;;M8B10CS,mBAAkB,EAAI;E9B80CjC;;I8Bz0CE,kBAAiB,EAClB;I9B20CC;;;M8B70CS,kBAAiB,EAAI;E9Bi1ChC;;;I8B30CI,iBAAgB,EACjB;E9B80CH;;;I8B10CI,kBAAiB,EAClB;E9B60CH;;;I8Bz0CI,mBAAkB,EACnB;E9B40CH;;I8Bt0CA,0BAAyB,EA8B1B;I9B2yCG;;M8Br0CA,oBAAmB,EACpB;M9Bu0CG;;;Q8Bz0CO,oBAAmB,EAAI;I9B60ChC;;M8Bx0CA,uBAAsB,EACvB;M9B00CG;;;Q8B50CO,uBAAsB,EAAI;I9Bg1CnC;;M8B30CA,uBAAsB,EACvB;M9B60CG;;;Q8B/0CO,uBAAsB,EAAI;I9Bm1CnC;;;M8B70CE,oBAAmB,EACpB;I9Bg1CD;;;M8B50CE,uBAAsB,EACvB;I9B+0CD;;;M8B30CE,uBAAsB,EACvB;E9B80CH;;I8B10CA,uBvBuNiD;IuBtNjD,YAAW;IACX,gBAAe,EAwChB;I9BqyCG;;;;;;;;;;;;M8Bp0CI,evBwMsB;MuBvMtB,kBvB9EoB;MuB+EpB,8BvBqNiC,EuBpNlC;I9Bg1CH;;M8B50CA,uBAAsB;MACtB,iCvB+MqC,EuB9MtC;I9B80CC;;;;;;;;;;;;M8Br0CI,cAAa,EACd;I9Bi1CH;;M8B50CA,8BvB+LqC,EuB9LtC;I9B80CC;;M8B10CA,8BvBkLuB,EuBjLxB;E9B40CD;;;;;;;;;;;;I8Bn0CM,evBmKgC,EuBlKjC;E9B+0CL;;I8B10CA,0BvB0KuC,EuBzJxC;I9B4zCG;;;;;;;;;;;;M8Bt0CI,0BvBmKiC,EuBlKlC;I9Bk1CH;;;;M8B50CE,yBAAwB,EACzB;E9Bg1CH;;I8B10CE,4CvBkJ4B,EuBjJ7B;E9B40CD;;I8Bv0CE,2CvB6I2B,EuB5I5B;E9By0CD;;I8Bp0CA,iBAAgB;IAChB,YAAW;IACX,sBAAqB,EACtB;E9Bs0CC;;;;I8Bj0CI,iBAAgB;IAChB,YAAW;IACX,oBAAmB,EACpB;E9Bq0CH;;I8Bh0CA,uBvB8GiD;IuB7GjD,iBAAgB;IAChB,kBAAiB,EA4DlB;I9BuwCG;;M8Bh0CA,iBAAgB,EACjB;IAED;M9Bi0CI;;Q8Bh0CF,yBvBsGgE;QuBrGhE,YAAW;QACX,mBAAkB;QAClB,6CAA4C,EAkD/C;Q9BixCO;;U8B9zCF,iBAAgB,EAajB;U9BozCK;;;;;;;;;;;;Y8BxzCE,oBAAmB,EACpB;Q9Bo0CH;;U8B9zCF,UAAS,EA2BV;U9BsyCK;;;;;;;;;;;;Y8BzzCE,eAAc,EACf;U9Bq0CD;;;;;;;;;;;;Y8Bl0CE,gBAAe,EAChB;U9B80CD;;;;;;;;Y8Br0CE,iBAAgB,EACjB,EAAA;E9B60CT;;I8Bp0CA,kBAA4B,EAsB7B;I3BvPO;MHyiDF;;Q8Br0CM,cAAa,EAAI;M9Bw0CvB;;QCljDF,qBAAoB;QAEpB,yBAAwB;QACxB,qBAAoB;QAEpB,cAAa;QA2Qb,0B6BlC8B;Q7BmC9B,uB6BnC8B;Q7BqC9B,yB6BrC8B;Q7BsC9B,oB6BtC8B;QAC1B,kBAAiB,EAWlB;Q9Bs0CC;;UGl/CN,iBAAgB;UAChB,wBAAuB;UACvB,oBAAmB;U2BkKX,iBvBgDqB;UuB/CrB,kBvBgDyB;UuB/CzB,elBzMkB;UkB0MlB,mBvB+CsB;UuB9CtB,WvB+CuB;UuB9CvB,4BAA2B;UAC3B,sBAAqB,EACtB,EAAA;E9Bm1CP;;IGngDA,gBAAe;IACf,iBAAgB;I4BxFhB,wCxB0ZmD;IwBzZnD,8BxB0ZyC;IwBzZzC,wCxB0ZmC;IwBzZnC,oBAAmB;IACnB,iBAAgB;IAChB,iBAAgB,EA6BjB;I/BkkDG;;M+B5lDA,YAAW,EAwBZ;M/BukDG;;Q+B7lDA,wBxBmZ2B;QwBlZ3B,0BxBmZ6B;QwBlZ7B,2BxBqZkC;QwBpZlC,exBK0B;QwBJ1B,sBxBiZyB;QwB/YzB,eAAc;QACd,oBAAmB;QACnB,mBAAkB;QAClB,8CAA0C;QAC1C,yCAAwC;QAAE,uBAAuB,EAClE;M/B+lDC;;;Q+B3lDA,yCxB0YgC,EwBpYjC;Q/BylDG;;;U+B7lDA,yBAAwB;UACxB,YxB0YyB;UwBzYzB,qDxBwY2F;awBxY3F,4FxBwY2F;awBxY3F,kDxBwY2F,EwBvY5F;E/BgmDL;;I+B1lDA,wCxBoYiD;IwBnYjD,mBxBuY2B;IwBtY3B,axBqY4B;IwBpY5B,4BxBkY2C;IwBjY3C,wCxBkYuC;IwBjYvC,oBAAmB;IACnB,iBAAgB,EAOjB;I/BslDG;;M+B3lDA,cAAa,EAId;M/B0lDG;;Q+B5lDA,eAAc,EACf;E/B8lDH;;I+BvlDC,eAAc;IACd,kCAAiC,EAKjC;I/BqlDC;;M+BvlDE,oBAAmB,EACpB;E/BylDH;;IgC1pDA,WAAU;IACV,UAAS,EACV;EhC4pDC;;IgCzpDA,YAAW;IACX,uBzByYiD,EyBxYlD;EhC2pDC;;IG1pDE,mB6BEwB;IAE1B,uBzBuYwB;IyBtYxB,8BzBqYmC;IyBpYnC,eAAc;IACd,UAAS;IACT,WAAU,EASX;IhCipDG;;MGlqDA,mB6BU0B;M7BT1B,O6BS6B;M7BN7B,Q6BM4C;M7BhB9C,YI4YoB;MJ3YpB,aI2YoB;MyBzXlB,8BzB6XiC;MyB5XjC,eAAc;MACd,WAAU,EACX;E7BmCD;IH0nDE;;MGznDA,uEAA8M,EKtDjN,EAAA;ELyDC;IH0nDE;;MGznDA,gBItDqB,ECJxB,EAAA","file":"blog.css","sourcesContent":["@charset \"UTF-8\";\n/**\n* SassFlexbox\n* Manage Flexbox in Sass easily.\n*\n* @author Samuel Marchal (zessx)\n* @version 0.1\n*/\n/*\n Display\n */\n[data=blog-body] .blog_card-group,\n.blog-body .blog_card-group, [data=blog-body] .blog_card-group .blog_card-list,\n.blog-body .blog_card-group .blog_card-list, [data=blog-body] .blog_card-group .blog_card,\n.blog-body .blog_card-group .blog_card, [data=blog-body] .blog_card-group .blog_card .blog_card-block,\n.blog-body .blog_card-group .blog_card .blog_card-block, [data=blog-body] .gallery,\n.blog-body .gallery, [data=blog-body] .nav-tabs,\n.blog-body .nav-tabs {\n display: -webkit-box;\n display: -moz-box;\n display: -webkit-flexbox;\n display: -ms-flexbox;\n display: -webkit-flex;\n display: flex; }\n\n/*\n Flex direction\n */\n[data=blog-body] .gallery,\n.blog-body .gallery {\n -webkit-box-orient: horizontal;\n -moz-box-orient: horizontal;\n -webkit-flex-direction: row;\n -moz-flex-direction: row;\n -ms-flex-direction: row;\n flex-direction: row; }\n\n[data=blog-body] .blog_card-group .blog_card,\n.blog-body .blog_card-group .blog_card, [data=blog-body] .blog_card-group .blog_card .blog_card-block,\n.blog-body .blog_card-group .blog_card .blog_card-block {\n -webkit-box-orient: vertical;\n -moz-box-orient: vertical;\n -webkit-flex-direction: column;\n -moz-flex-direction: column;\n -ms-flex-direction: column;\n flex-direction: column; }\n\n/*\n Flex wrap\n */\n[data=blog-body] .blog_card-group,\n.blog-body .blog_card-group, [data=blog-body] .gallery,\n.blog-body .gallery {\n -webkit-flex-wrap: wrap;\n -moz-flex-wrap: wrap;\n -ms-flex-wrap: wrap;\n flex-wrap: wrap; }\n\n/*\n Flex flow\n */\n/*\n Order\n */\n/*\n Flex grow\n */\n/*\n Flex shrink\n */\n/*\n Flex basis\n */\n/*\n Flex\n */\n/*\n Justify content\n */\n[data=blog-body] .blog_card-group,\n.blog-body .blog_card-group {\n -webkit-box-pack: start;\n -moz-box-pack: start;\n -webkit-flex-pack: start;\n -ms-flex-pack: start;\n -moz-justify-content: flex-start;\n -webkit-justify-content: flex-start;\n justify-content: flex-start; }\n\n[data=blog-body] .nav-tabs,\n.blog-body .nav-tabs {\n -webkit-box-pack: justify;\n -moz-box-pack: justify;\n -webkit-flex-pack: justify;\n -ms-flex-pack: justify;\n -moz-justify-content: space-between;\n -webkit-justify-content: space-between;\n justify-content: space-between; }\n\n/*\n Align items\n */\n[data=blog-body] .nav-tabs,\n.blog-body .nav-tabs {\n -webkit-box-align: center;\n -ms-flex-align: center;\n -webkit-align-items: center;\n -moz-align-items: center;\n align-items: center; }\n\n/*\n Align self\n */\n/*\n Align content\n */\n.fade {\n opacity: 0;\n transition: opacity .15s linear; }\n .fade.in {\n opacity: 1; }\n\n.collapse {\n display: none; }\n .collapse.in {\n display: block; }\n\ntr.collapse.in {\n display: table-row; }\n\ntbody.collapse.in {\n display: table-row-group; }\n\n.collapsing {\n position: relative;\n height: 0;\n overflow: hidden;\n transition-property: height, visibility;\n transition-duration: .35s;\n transition-timing-function: ease; }\n\n@font-face {\n font-family: \"blizzard\";\n src: url(\"../fonts/blizzard/blizzard-light.eot\");\n src: url(\"../fonts/blizzard/blizzard-light.eot?#iefix\") format(\"embedded-opentype\"), url(\"../fonts/blizzard/blizzard-light.woff\") format(\"woff\"), url(\"../fonts/blizzard/blizzard-light.ttf\") format(\"truetype\"), url(\"../fonts/blizzard/blizzard-light.svg#blizzard\") format(\"svg\");\n font-weight: 200;\n font-style: normal;\n font-stretch: normal; }\n\n@font-face {\n font-family: \"blizzard\";\n src: url(\"../fonts/blizzard/blizzard.eot\");\n src: url(\"../fonts/blizzard/blizzard.eot?#iefix\") format(\"embedded-opentype\"), url(\"../fonts/blizzard/blizzard.woff\") format(\"woff\"), url(\"../fonts/blizzard/blizzard.ttf\") format(\"truetype\"), url(\"../fonts/blizzard/blizzard.svg#blizzard\") format(\"svg\");\n font-weight: 400;\n font-style: normal;\n font-stretch: normal; }\n\n@font-face {\n font-family: \"blizzard\";\n src: url(\"../fonts/blizzard/blizzard-italic.eot\");\n src: url(\"../fonts/blizzard/blizzard-italic.eot?#iefix\") format(\"embedded-opentype\"), url(\"../fonts/blizzard/blizzard-italic.woff\") format(\"woff\"), url(\"../fonts/blizzard/blizzard-italic.ttf\") format(\"truetype\"), url(\"../fonts/blizzard/blizzard-italic.svg#blizzard\") format(\"svg\");\n font-weight: 400;\n font-style: italic;\n font-stretch: normal; }\n\n@font-face {\n font-family: \"blizzard\";\n src: url(\"../fonts/blizzard/blizzard-bold.eot\");\n src: url(\"../fonts/blizzard/blizzard-bold.eot?#iefix\") format(\"embedded-opentype\"), url(\"../fonts/blizzard/blizzard-bold.woff\") format(\"woff\"), url(\"../fonts/blizzard/blizzard-bold.ttf\") format(\"truetype\"), url(\"../fonts/blizzard/blizzard-bold.svg#blizzard\") format(\"svg\");\n font-weight: 700;\n font-style: bold;\n font-stretch: normal; }\n\n@font-face {\n font-family: \"opensans\";\n src: url(\"../fonts/opensans/opensans-light-webfont.eot\");\n src: url(\"../fonts/opensans/opensans-light-webfont.eot?#iefix\") format(\"embedded-opentype\"), url(\"../fonts/opensans/opensans-light-webfont.woff\") format(\"woff\"), url(\"../fonts/opensans/opensans-light-webfont.ttf\") format(\"truetype\"), url(\"../fonts/opensans/opensans-light-webfont.svg#opensans\") format(\"svg\");\n font-weight: 200;\n font-style: normal;\n font-stretch: normal; }\n\n@font-face {\n font-family: \"opensans\";\n src: url(\"../fonts/opensans/opensans-regular-webfont.eot\");\n src: url(\"../fonts/opensans/opensans-regular-webfont.eot?#iefix\") format(\"embedded-opentype\"), url(\"../fonts/opensans/opensans-regular-webfont.woff\") format(\"woff\"), url(\"../fonts/opensans/opensans-regular-webfont.ttf\") format(\"truetype\"), url(\"../fonts/opensans/opensans-regular-webfont.svg#opensans\") format(\"svg\");\n font-weight: 400;\n font-style: normal;\n font-stretch: normal; }\n\n@font-face {\n font-family: \"opensans\";\n src: url(\"../fonts/opensans/opensans-italic-webfont.eot\");\n src: url(\"../fonts/opensans/opensans-italic-webfont.eot?#iefix\") format(\"embedded-opentype\"), url(\"../fonts/opensans/opensans-italic-webfont.woff\") format(\"woff\"), url(\"../fonts/opensans/opensans-italic-webfont.ttf\") format(\"truetype\"), url(\"../fonts/opensans/opensans-italic-webfont.svg#opensans\") format(\"svg\");\n font-weight: 400;\n font-style: italic;\n font-stretch: normal; }\n\n@font-face {\n font-family: \"opensans\";\n src: url(\"../fonts/opensans/opensans-bold-webfont.eot\");\n src: url(\"../fonts/opensans/opensans-bold-webfont.eot?#iefix\") format(\"embedded-opentype\"), url(\"../fonts/opensans/opensans-bold-webfont.woff\") format(\"woff\"), url(\"../fonts/opensans/opensans-bold-webfont.ttf\") format(\"truetype\"), url(\"../fonts/opensans/opensans-bold-webfont.svg#opensans\") format(\"svg\");\n font-weight: 700;\n font-style: bold;\n font-stretch: normal; }\n\n[data=blog-body] h1, [data=blog-body] .h1,\n[data=blog-body] h2, [data=blog-body] .h2,\n[data=blog-body] h3, [data=blog-body] .h3,\n[data=blog-body] h4, [data=blog-body] .h4,\n[data=blog-body] h5, [data=blog-body] .h5,\n[data=blog-body] h6, [data=blog-body] .h6,\n.blog-body h1,\n.blog-body .h1,\n.blog-body h2,\n.blog-body .h2,\n.blog-body h3,\n.blog-body .h3,\n.blog-body h4,\n.blog-body .h4,\n.blog-body h5,\n.blog-body .h5,\n.blog-body h6,\n.blog-body .h6, [data=blog-body] .dl-horizontal dd,\n.blog-body .dl-horizontal dd, [data=blog-body] .pull-left,\n.blog-body .pull-left, [data=blog-body] .pull-right,\n.blog-body .pull-right {\n *zoom: 1; }\n [data=blog-body] h1:before, [data=blog-body] .h1:before,\n [data=blog-body] h2:before, [data=blog-body] .h2:before,\n [data=blog-body] h3:before, [data=blog-body] .h3:before,\n [data=blog-body] h4:before, [data=blog-body] .h4:before,\n [data=blog-body] h5:before, [data=blog-body] .h5:before,\n [data=blog-body] h6:before, [data=blog-body] .h6:before,\n .blog-body h1:before,\n .blog-body .h1:before,\n .blog-body h2:before,\n .blog-body .h2:before,\n .blog-body h3:before,\n .blog-body .h3:before,\n .blog-body h4:before,\n .blog-body .h4:before,\n .blog-body h5:before,\n .blog-body .h5:before,\n .blog-body h6:before,\n .blog-body .h6:before, [data=blog-body] .dl-horizontal dd:before,\n .blog-body .dl-horizontal dd:before, [data=blog-body] .pull-left:before,\n .blog-body .pull-left:before, [data=blog-body] .pull-right:before,\n .blog-body .pull-right:before, [data=blog-body] h1:after, [data=blog-body] .h1:after,\n [data=blog-body] h2:after, [data=blog-body] .h2:after,\n [data=blog-body] h3:after, [data=blog-body] .h3:after,\n [data=blog-body] h4:after, [data=blog-body] .h4:after,\n [data=blog-body] h5:after, [data=blog-body] .h5:after,\n [data=blog-body] h6:after, [data=blog-body] .h6:after,\n .blog-body h1:after,\n .blog-body .h1:after,\n .blog-body h2:after,\n .blog-body .h2:after,\n .blog-body h3:after,\n .blog-body .h3:after,\n .blog-body h4:after,\n .blog-body .h4:after,\n .blog-body h5:after,\n .blog-body .h5:after,\n .blog-body h6:after,\n .blog-body .h6:after, [data=blog-body] .dl-horizontal dd:after,\n .blog-body .dl-horizontal dd:after, [data=blog-body] .pull-left:after,\n .blog-body .pull-left:after, [data=blog-body] .pull-right:after,\n .blog-body .pull-right:after {\n display: table;\n content: \"\";\n line-height: 0; }\n [data=blog-body] h1:after, [data=blog-body] .h1:after,\n [data=blog-body] h2:after, [data=blog-body] .h2:after,\n [data=blog-body] h3:after, [data=blog-body] .h3:after,\n [data=blog-body] h4:after, [data=blog-body] .h4:after,\n [data=blog-body] h5:after, [data=blog-body] .h5:after,\n [data=blog-body] h6:after, [data=blog-body] .h6:after,\n .blog-body h1:after,\n .blog-body .h1:after,\n .blog-body h2:after,\n .blog-body .h2:after,\n .blog-body h3:after,\n .blog-body .h3:after,\n .blog-body h4:after,\n .blog-body .h4:after,\n .blog-body h5:after,\n .blog-body .h5:after,\n .blog-body h6:after,\n .blog-body .h6:after, [data=blog-body] .dl-horizontal dd:after,\n .blog-body .dl-horizontal dd:after, [data=blog-body] .pull-left:after,\n .blog-body .pull-left:after, [data=blog-body] .pull-right:after,\n .blog-body .pull-right:after {\n clear: both; }\n\n[data=blog-body] strong,\n[data=blog-body] b,\n.blog-body strong,\n.blog-body b {\n font-weight: 700; }\n\n[data=blog-body],\n.blog-body {\n /* for two levels of nested quotations */\n /* extra content definitions for pre-2011 WebKit */\n line-height: 1.75;\n font-size: 14px;\n font-weight: 200;\n font-family: \"Arial\", sans-serif;\n background-color: transparent;\n color: rgba(255, 255, 255, 0.8); }\n [data=blog-body] blockquote,\n .blog-body blockquote {\n font-size: 16px;\n line-height: 1.75;\n font-style: normal;\n background: linear-gradient(-45deg, transparent 46%, rgba(255, 255, 255, 0.2) 49%, transparent 51%, transparent 55%);\n background-size: 6px 6px;\n background-position: 0 0;\n margin-bottom: 1.75rem;\n padding: 1em;\n border-width: 0 0 0 0.5em;\n border-style: solid;\n border-color: rgba(255, 255, 255, 0.2);\n /* q in pullquotes */ }\n [data=blog-body] blockquote p,\n .blog-body blockquote p {\n color: rgba(255, 255, 255, 0.5);\n font-weight: 100;\n text-transform: none; }\n [data=blog-body] blockquote p:last-of-type,\n .blog-body blockquote p:last-of-type {\n margin-bottom: 0; }\n [data=blog-body] blockquote footer,\n .blog-body blockquote footer {\n padding: 1em 0 0 0;\n line-height: 1.75;\n font-size: 0.7em;\n color: rgba(255, 255, 255, 0.7);\n text-transform: uppercase;\n font-weight: 400;\n display: block; }\n [data=blog-body] blockquote footer::before,\n .blog-body blockquote footer::before {\n content: \" - \"; }\n [data=blog-body] blockquote.blockquote-reverse footer::before,\n .blog-body blockquote.blockquote-reverse footer::before {\n content: ''; }\n [data=blog-body] blockquote.blockquote-reverse footer::after,\n .blog-body blockquote.blockquote-reverse footer::after {\n content: \" - \"; }\n @media (min-width: 992px) {\n [data=blog-body] blockquote.blockquote-reverse,\n .blog-body blockquote.blockquote-reverse {\n text-align: right; } }\n [data=blog-body] blockquote q:before,\n [data=blog-body] blockquote q:before,\n .blog-body blockquote q:before,\n .blog-body blockquote q:before {\n content: '‘';\n content: open-quote; }\n [data=blog-body] blockquote q:after,\n .blog-body blockquote q:after {\n content: '’';\n content: close-quote; }\n [data=blog-body] blockquote q q:before,\n .blog-body blockquote q q:before {\n content: '“';\n content: open-quote; }\n [data=blog-body] blockquote q q:after,\n .blog-body blockquote q q:after {\n content: '”';\n content: close-quote; }\n [data=blog-body] .pullquote,\n .blog-body .pullquote {\n font-size: 16px;\n line-height: 1.75;\n font-style: normal;\n background: linear-gradient(-45deg, transparent 46%, rgba(255, 255, 255, 0.2) 49%, transparent 51%, transparent 55%);\n background-size: 6px 6px;\n background-position: 0 0;\n margin-bottom: 1.75rem;\n padding: 1em;\n border-width: 0;\n border-style: solid;\n border-color: transparent;\n /* q in pullquotes */ }\n [data=blog-body] .pullquote p,\n .blog-body .pullquote p {\n color: rgba(255, 255, 255, 0.6);\n font-weight: 100;\n text-transform: none; }\n [data=blog-body] .pullquote p:last-of-type,\n .blog-body .pullquote p:last-of-type {\n margin-bottom: 0; }\n [data=blog-body] .pullquote footer.pullquote-source,\n .blog-body .pullquote footer.pullquote-source {\n padding: 1em 0 0 0;\n line-height: 1.75;\n font-size: 0.7em;\n color: rgba(255, 255, 255, 0.7);\n text-transform: uppercase;\n font-weight: 400;\n display: block; }\n [data=blog-body] .pullquote footer.pullquote-source::before,\n .blog-body .pullquote footer.pullquote-source::before {\n content: \" - \"; }\n [data=blog-body] .pullquote.pullquote-reverse footer::before,\n .blog-body .pullquote.pullquote-reverse footer::before {\n content: ''; }\n [data=blog-body] .pullquote.pullquote-reverse footer::after,\n .blog-body .pullquote.pullquote-reverse footer::after {\n content: \" - \"; }\n @media (min-width: 992px) {\n [data=blog-body] .pullquote.pullquote-reverse,\n .blog-body .pullquote.pullquote-reverse {\n text-align: right; } }\n [data=blog-body] .pullquote q:before,\n [data=blog-body] .pullquote q:before,\n .blog-body .pullquote q:before,\n .blog-body .pullquote q:before {\n content: '‘';\n content: open-quote; }\n [data=blog-body] .pullquote q:after,\n .blog-body .pullquote q:after {\n content: '’';\n content: close-quote; }\n [data=blog-body] .pullquote q q:before,\n .blog-body .pullquote q q:before {\n content: '“';\n content: open-quote; }\n [data=blog-body] .pullquote q q:after,\n .blog-body .pullquote q q:after {\n content: '”';\n content: close-quote; }\n [data=blog-body] q,\n .blog-body q {\n quotes: '“' '”' '‘' '’'; }\n [data=blog-body] q:before,\n .blog-body q:before {\n content: '“';\n content: open-quote; }\n [data=blog-body] q:after,\n .blog-body q:after {\n content: '”';\n content: close-quote; }\n [data=blog-body] q q:before,\n .blog-body q q:before {\n content: '‘';\n content: open-quote; }\n [data=blog-body] q q:after,\n .blog-body q q:after {\n content: '’';\n content: close-quote; }\n [data=blog-body] hr,\n .blog-body hr {\n margin: 1.75em 0;\n overflow: hidden;\n background-color: #727272;\n height: 6px;\n border: 0 none;\n width: 100%;\n margin: 1.75rem auto; }\n [data=blog-body] hr.image-divider,\n .blog-body hr.image-divider {\n position: relative;\n height: 30px;\n width: 50%;\n background-image: url(images/responsive-blog/horizontal-divider.png);\n background-repeat: no-repeat;\n background-position: center center;\n background-size: contain;\n background-color: transparent; }\n [data=blog-body] h1, [data=blog-body] .h1,\n .blog-body h1,\n .blog-body .h1 {\n font-size: 4.88281rem;\n line-height: 1;\n font-family: \"Big Noodle Too\", impact, sans-serif;\n color: #fff;\n font-weight: normal;\n text-transform: uppercase; }\n [data=blog-body] h1 .small,\n [data=blog-body] h1 small, [data=blog-body] .h1 .small,\n [data=blog-body] .h1 small,\n .blog-body h1 .small,\n .blog-body h1 small,\n .blog-body .h1 .small,\n .blog-body .h1 small {\n text-transform: uppercase; }\n [data=blog-body] h2, [data=blog-body] .h2,\n .blog-body h2,\n .blog-body .h2 {\n font-size: 3.90625rem;\n line-height: 1;\n font-family: \"Big Noodle Too\", impact, sans-serif;\n color: #fff;\n font-weight: 200;\n text-transform: none; }\n [data=blog-body] h2 .small,\n [data=blog-body] h2 small, [data=blog-body] .h2 .small,\n [data=blog-body] .h2 small,\n .blog-body h2 .small,\n .blog-body h2 small,\n .blog-body .h2 .small,\n .blog-body .h2 small {\n text-transform: none; }\n [data=blog-body] h3, [data=blog-body] .h3,\n .blog-body h3,\n .blog-body .h3 {\n font-size: 3.125rem;\n line-height: 1;\n font-family: \"Big Noodle Too\", impact, sans-serif;\n color: #fff;\n font-weight: 200;\n text-transform: none; }\n [data=blog-body] h3 .small,\n [data=blog-body] h3 small, [data=blog-body] .h3 .small,\n [data=blog-body] .h3 small,\n .blog-body h3 .small,\n .blog-body h3 small,\n .blog-body .h3 .small,\n .blog-body .h3 small {\n text-transform: none; }\n [data=blog-body] h4, [data=blog-body] .h4,\n .blog-body h4,\n .blog-body .h4 {\n font-size: 2.5rem;\n line-height: 1;\n font-family: \"Big Noodle Too\", impact, sans-serif;\n color: #fff;\n font-weight: 200;\n text-transform: none; }\n [data=blog-body] h4 .small,\n [data=blog-body] h4 small, [data=blog-body] .h4 .small,\n [data=blog-body] .h4 small,\n .blog-body h4 .small,\n .blog-body h4 small,\n .blog-body .h4 .small,\n .blog-body .h4 small {\n text-transform: none; }\n [data=blog-body] h5, [data=blog-body] .h5,\n .blog-body h5,\n .blog-body .h5 {\n font-size: 2rem;\n line-height: 1;\n color: #fff;\n font-weight: 200;\n text-transform: none; }\n [data=blog-body] h5 .small,\n [data=blog-body] h5 small, [data=blog-body] .h5 .small,\n [data=blog-body] .h5 small,\n .blog-body h5 .small,\n .blog-body h5 small,\n .blog-body .h5 .small,\n .blog-body .h5 small {\n text-transform: none; }\n [data=blog-body] h6, [data=blog-body] .h6,\n .blog-body h6,\n .blog-body .h6 {\n font-size: 1.28rem;\n line-height: 1;\n color: #fff;\n font-weight: 200;\n text-transform: none; }\n [data=blog-body] h6 .small,\n [data=blog-body] h6 small, [data=blog-body] .h6 .small,\n [data=blog-body] .h6 small,\n .blog-body h6 .small,\n .blog-body h6 small,\n .blog-body .h6 .small,\n .blog-body .h6 small {\n text-transform: none; }\n [data=blog-body] h1, [data=blog-body] .h1,\n [data=blog-body] h2, [data=blog-body] .h2,\n [data=blog-body] h3, [data=blog-body] .h3,\n [data=blog-body] h4, [data=blog-body] .h4,\n [data=blog-body] h5, [data=blog-body] .h5,\n [data=blog-body] h6, [data=blog-body] .h6,\n .blog-body h1,\n .blog-body .h1,\n .blog-body h2,\n .blog-body .h2,\n .blog-body h3,\n .blog-body .h3,\n .blog-body h4,\n .blog-body .h4,\n .blog-body h5,\n .blog-body .h5,\n .blog-body h6,\n .blog-body .h6 {\n margin-top: 1em;\n margin-bottom: 1em; }\n [data=blog-body] h1 small,\n [data=blog-body] h1 .small, [data=blog-body] .h1 small,\n [data=blog-body] .h1 .small,\n [data=blog-body] h2 small,\n [data=blog-body] h2 .small, [data=blog-body] .h2 small,\n [data=blog-body] .h2 .small,\n [data=blog-body] h3 small,\n [data=blog-body] h3 .small, [data=blog-body] .h3 small,\n [data=blog-body] .h3 .small,\n [data=blog-body] h4 small,\n [data=blog-body] h4 .small, [data=blog-body] .h4 small,\n [data=blog-body] .h4 .small,\n [data=blog-body] h5 small,\n [data=blog-body] h5 .small, [data=blog-body] .h5 small,\n [data=blog-body] .h5 .small,\n [data=blog-body] h6 small,\n [data=blog-body] h6 .small, [data=blog-body] .h6 small,\n [data=blog-body] .h6 .small,\n .blog-body h1 small,\n .blog-body h1 .small,\n .blog-body .h1 small,\n .blog-body .h1 .small,\n .blog-body h2 small,\n .blog-body h2 .small,\n .blog-body .h2 small,\n .blog-body .h2 .small,\n .blog-body h3 small,\n .blog-body h3 .small,\n .blog-body .h3 small,\n .blog-body .h3 .small,\n .blog-body h4 small,\n .blog-body h4 .small,\n .blog-body .h4 small,\n .blog-body .h4 .small,\n .blog-body h5 small,\n .blog-body h5 .small,\n .blog-body .h5 small,\n .blog-body .h5 .small,\n .blog-body h6 small,\n .blog-body h6 .small,\n .blog-body .h6 small,\n .blog-body .h6 .small {\n color: rgba(255, 255, 255, 0.5);\n font-size: 75%;\n display: block; }\n [data=blog-body] h1.bullet-heading, [data=blog-body] .h1.bullet-heading,\n [data=blog-body] h2.bullet-heading, [data=blog-body] .h2.bullet-heading,\n [data=blog-body] h3.bullet-heading, [data=blog-body] .h3.bullet-heading,\n [data=blog-body] h4.bullet-heading, [data=blog-body] .h4.bullet-heading,\n [data=blog-body] h5.bullet-heading, [data=blog-body] .h5.bullet-heading,\n [data=blog-body] h6.bullet-heading, [data=blog-body] .h6.bullet-heading,\n .blog-body h1.bullet-heading,\n .blog-body .h1.bullet-heading,\n .blog-body h2.bullet-heading,\n .blog-body .h2.bullet-heading,\n .blog-body h3.bullet-heading,\n .blog-body .h3.bullet-heading,\n .blog-body h4.bullet-heading,\n .blog-body .h4.bullet-heading,\n .blog-body h5.bullet-heading,\n .blog-body .h5.bullet-heading,\n .blog-body h6.bullet-heading,\n .blog-body .h6.bullet-heading {\n padding: 0 0 0 1.2em;\n background: url(\"img/icons/bullet-heading.png\") no-repeat left center;\n background-size: contain; }\n [data=blog-body] code,\n .blog-body code {\n font-family: Menlo, Monaco, Consolas, \"Courier New\", monospace;\n background-color: rgba(57, 169, 247, 0.2);\n color: #fff;\n padding: 2px 4px;\n font-size: 0.8em;\n border-radius: 3px;\n margin: 0 2px; }\n [data=blog-body] mark,\n .blog-body mark {\n background-color: rgba(57, 169, 247, 0.7);\n padding: 0 0.5em;\n color: white; }\n [data=blog-body] i,\n [data=blog-body] em,\n .blog-body i,\n .blog-body em {\n font-style: italic; }\n @media (min-width: 992px) {\n [data=blog-body] abbr[title],\n .blog-body abbr[title] {\n border-bottom: 1px dotted rgba(255, 255, 255, 0.7);\n cursor: help; } }\n [data=blog-body] abbr[title]::after,\n .blog-body abbr[title]::after {\n font-size: 75%;\n color: rgba(255, 255, 255, 0.7);\n content: \"(\" attr(title) \") \"; }\n @media (min-width: 992px) {\n [data=blog-body] abbr[title]::after,\n .blog-body abbr[title]::after {\n content: ''; } }\n [data=blog-body] sup,\n .blog-body sup {\n color: rgba(255, 255, 255, 0.7);\n font-size: 75%;\n vertical-align: super; }\n [data=blog-body] sub,\n .blog-body sub {\n color: rgba(255, 255, 255, 0.7);\n font-size: 75%;\n vertical-align: baseline; }\n [data=blog-body] a,\n .blog-body a {\n color: #ff9c00;\n text-decoration: none; }\n [data=blog-body] a:hover, [data=blog-body] a:focus,\n .blog-body a:hover,\n .blog-body a:focus {\n color: #ffb033;\n text-decoration: none; }\n [data=blog-body] a:focus,\n .blog-body a:focus {\n outline: 0 none;\n outline-offset: 0; }\n [data=blog-body] a.btn.disabled,\n fieldset[disabled] [data=blog-body] a.btn,\n .blog-body a.btn.disabled,\n fieldset[disabled]\n .blog-body a.btn {\n pointer-events: none; }\n [data=blog-body] ul,\n [data=blog-body] ol,\n .blog-body ul,\n .blog-body ol {\n padding-left: 1.75rem;\n margin-bottom: 1.75rem;\n margin-top: 0; }\n [data=blog-body] ul ul,\n [data=blog-body] ul ol,\n [data=blog-body] ol ul,\n [data=blog-body] ol ol,\n .blog-body ul ul,\n .blog-body ul ol,\n .blog-body ol ul,\n .blog-body ol ol {\n margin-bottom: 0; }\n [data=blog-body] ul ol,\n [data=blog-body] ol ol,\n .blog-body ul ol,\n .blog-body ol ol {\n list-style: lower-roman; }\n [data=blog-body] ul,\n .blog-body ul {\n list-style: square; }\n [data=blog-body] ol,\n .blog-body ol {\n list-style: decimal; }\n [data=blog-body] ul ul,\n [data=blog-body] ol ul,\n .blog-body ul ul,\n .blog-body ol ul {\n list-style-type: circle; }\n [data=blog-body] .list-unstyled,\n .blog-body .list-unstyled {\n padding-left: 0;\n list-style: none; }\n [data=blog-body] .list-inline,\n .blog-body .list-inline {\n padding-left: 0;\n list-style: none;\n margin-left: -5px; }\n [data=blog-body] .list-inline > li,\n .blog-body .list-inline > li {\n position: relative;\n display: inline-block;\n padding-left: 5px;\n padding-right: 5px; }\n [data=blog-body] .list-custom,\n .blog-body .list-custom {\n padding-left: 0;\n list-style: none; }\n [data=blog-body] .list-custom li,\n .blog-body .list-custom li {\n position: relative;\n padding-left: 1.75rem;\n display: block; }\n [data=blog-body] .list-custom li::before,\n .blog-body .list-custom li::before {\n position: absolute;\n top: 8px;\n left: 0;\n width: 11px;\n height: 11px;\n background: url(\"img/layout/ui/bullet-unordered.png\") no-repeat 0 0;\n background-size: contain;\n content: ' ';\n display: inline-block;\n text-indent: -9999px; }\n [data=blog-body] .list-custom ul,\n .blog-body .list-custom ul {\n padding-left: 0;\n list-style: none; }\n [data=blog-body] dl,\n .blog-body dl {\n margin-bottom: 1.75rem;\n margin-top: 0; }\n [data=blog-body] dt,\n [data=blog-body] dd,\n .blog-body dt,\n .blog-body dd {\n line-height: 1.75rem; }\n [data=blog-body] dt,\n .blog-body dt {\n font-weight: 200;\n color: rgba(255, 255, 255, 0.5); }\n [data=blog-body] dd,\n .blog-body dd {\n margin-left: 0; }\n [data=blog-body] .dl-horizontal dt,\n .blog-body .dl-horizontal dt {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n width: 160px;\n margin-right: 1.75rem;\n float: left;\n clear: left;\n text-align: right; }\n @media (max-width: 25em) {\n [data=blog-body] .dl-horizontal dt,\n .blog-body .dl-horizontal dt {\n float: none;\n text-align: left;\n width: 100%; } }\n [data=blog-body] .dl-horizontal dt dd,\n .blog-body .dl-horizontal dt dd {\n margin-left: 180px; }\n [data=blog-body] p,\n .blog-body p {\n margin-bottom: 1.75rem; }\n [data=blog-body] p.lead, [data=blog-body] p.lede,\n .blog-body p.lead,\n .blog-body p.lede {\n font-size: 20px;\n line-height: 1.75;\n font-weight: 200;\n color: rgba(255, 255, 255, 0.5); }\n [data=blog-body] .type,\n .blog-body .type {\n text-rendering: optimizeLegibility;\n line-height: 1;\n margin-top: 0; }\n [data=blog-body] .vertical-top,\n .blog-body .vertical-top {\n vertical-align: top; }\n [data=blog-body] .vertical-bottom,\n .blog-body .vertical-bottom {\n vertical-align: bottom; }\n [data=blog-body] .vertical-middle,\n .blog-body .vertical-middle {\n vertical-align: middle; }\n [data=blog-body] .text-uppercase,\n .blog-body .text-uppercase {\n text-transform: uppercase; }\n [data=blog-body] .text-lowercase,\n .blog-body .text-lowercase {\n text-transform: lowercase; }\n [data=blog-body] .text-capitalize,\n .blog-body .text-capitalize {\n text-transform: capitalize; }\n [data=blog-body] .text-reset,\n .blog-body .text-reset {\n text-transform: none; }\n [data=blog-body] .text-left,\n .blog-body .text-left {\n text-align: left; }\n [data=blog-body] .text-right,\n .blog-body .text-right {\n text-align: right; }\n [data=blog-body] .text-center,\n .blog-body .text-center {\n text-align: center; }\n [data=blog-body] .text-justify,\n .blog-body .text-justify {\n text-align: justify; }\n [data=blog-body] .text-nowrap,\n .blog-body .text-nowrap {\n white-space: nowrap; }\n [data=blog-body] .center-block, [data=blog-body] .pull-left, [data=blog-body] .pull-right,\n .blog-body .center-block,\n .blog-body .pull-left,\n .blog-body .pull-right {\n display: block;\n margin-left: auto;\n margin-right: auto; }\n [data=blog-body] .center-block img, [data=blog-body] .pull-left img, [data=blog-body] .pull-right img,\n .blog-body .center-block img,\n .blog-body .pull-left img,\n .blog-body .pull-right img {\n width: 100%;\n margin-left: auto;\n margin-right: auto; }\n [data=blog-body] .pull-left,\n .blog-body .pull-left {\n float: none; }\n @media (min-width: 768px) {\n [data=blog-body] .pull-left,\n .blog-body .pull-left {\n *zoom: 1;\n margin: 0 1.75rem 0 0;\n max-width: 60%;\n float: left;\n display: inline; }\n [data=blog-body] .pull-left:before, [data=blog-body] .pull-left:after,\n .blog-body .pull-left:before,\n .blog-body .pull-left:after {\n display: table;\n content: \"\";\n line-height: 0; }\n [data=blog-body] .pull-left:after,\n .blog-body .pull-left:after {\n clear: both; } }\n [data=blog-body] .pull-right,\n .blog-body .pull-right {\n float: none; }\n @media (min-width: 768px) {\n [data=blog-body] .pull-right,\n .blog-body .pull-right {\n *zoom: 1;\n margin: 0 0 0 1.75rem;\n max-width: 60%;\n float: right;\n display: inline; }\n [data=blog-body] .pull-right:before, [data=blog-body] .pull-right:after,\n .blog-body .pull-right:before,\n .blog-body .pull-right:after {\n display: table;\n content: \"\";\n line-height: 0; }\n [data=blog-body] .pull-right:after,\n .blog-body .pull-right:after {\n clear: both; } }\n [data=blog-body] .panel-group .panel,\n .blog-body .panel-group .panel {\n margin-bottom: 1.75rem;\n border: 1px solid rgba(255, 255, 255, 0.08);\n background-color: rgba(10, 12, 16, 0.5);\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n -webkit-tap-highlight-color: transparent;\n /* For some Androids */ }\n [data=blog-body] .panel-group .panel .panel-heading,\n .blog-body .panel-group .panel .panel-heading {\n position: relative; }\n [data=blog-body] .panel-group .panel .panel-heading .panel-title a,\n .blog-body .panel-group .panel .panel-heading .panel-title a {\n padding: 1em 4.3em 1em 1em;\n color: #fff;\n border-bottom: 1px solid rgba(255, 255, 255, 0.08);\n font-size: 1.2em;\n text-decoration: none;\n display: block; }\n [data=blog-body] .panel-group .panel .panel-heading .panel-title a img,\n .blog-body .panel-group .panel .panel-heading .panel-title a img {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n height: 100%;\n margin: 0;\n box-shadow: none;\n border: 0 none;\n z-index: 0; }\n [data=blog-body] .panel-group .panel .panel-heading .panel-title a::after, [data=blog-body] .panel-group .panel .panel-heading .panel-title a::before,\n .blog-body .panel-group .panel .panel-heading .panel-title a::after,\n .blog-body .panel-group .panel .panel-heading .panel-title a::before {\n position: absolute;\n top: 40%;\n right: 4em;\n background-color: #39a9f7;\n transition: all 0.2s ease-in-out;\n right: 2em;\n width: 3px;\n height: 9px;\n content: \"\"; }\n [data=blog-body] .panel-group .panel .panel-heading .panel-title a:before,\n .blog-body .panel-group .panel .panel-heading .panel-title a:before {\n transform: translate(-2px, 0) rotate(45deg); }\n [data=blog-body] .panel-group .panel .panel-heading .panel-title a:after,\n .blog-body .panel-group .panel .panel-heading .panel-title a:after {\n transform: translate(2px, 0) rotate(-45deg); }\n [data=blog-body] .panel-group .panel .panel-heading .panel-title a.collapsed::after, [data=blog-body] .panel-group .panel .panel-heading .panel-title a.collapsed::before,\n .blog-body .panel-group .panel .panel-heading .panel-title a.collapsed::after,\n .blog-body .panel-group .panel .panel-heading .panel-title a.collapsed::before {\n background-color: #adadae; }\n [data=blog-body] .panel-group .panel .panel-heading .panel-title a.collapsed:before,\n .blog-body .panel-group .panel .panel-heading .panel-title a.collapsed:before {\n transform: translate(2px, 0) rotate(45deg); }\n [data=blog-body] .panel-group .panel .panel-heading .panel-title a.collapsed:after,\n .blog-body .panel-group .panel .panel-heading .panel-title a.collapsed:after {\n transform: translate(-2px, 0) rotate(-45deg); }\n [data=blog-body] .panel-group .panel-collapse.collapse,\n .blog-body .panel-group .panel-collapse.collapse {\n display: none; }\n [data=blog-body] .panel-group .panel-collapse.collapse.in,\n .blog-body .panel-group .panel-collapse.collapse.in {\n display: block; }\n [data=blog-body] .panel-group .panel-body,\n .blog-body .panel-group .panel-body {\n padding: 1em 4.3em 1em 1em; }\n [data=blog-body] .btn,\n .blog-body .btn {\n border-radius: 2px;\n padding: 6px 1em;\n border: 3px solid;\n font-size: 1em;\n text-decoration: none;\n margin-bottom: 1.75rem;\n transition: all 0.2s ease-in;\n display: block;\n cursor: pointer;\n text-align: center; }\n @media (min-width: 768px) {\n [data=blog-body] .btn,\n .blog-body .btn {\n display: inline-block; } }\n [data=blog-body] .btn.center-block, [data=blog-body] .btn.pull-left, [data=blog-body] .btn.pull-right,\n .blog-body .btn.center-block,\n .blog-body .btn.pull-left,\n .blog-body .btn.pull-right {\n margin: 0 auto 1.75rem;\n text-align: center; }\n [data=blog-body] .btn.block,\n .blog-body .btn.block {\n margin: 0 auto 1.75rem;\n display: block; }\n [data=blog-body] .btn-lg,\n .blog-body .btn-lg {\n font-size: 2rem;\n padding: 6px 1em; }\n [data=blog-body] .btn-sm,\n .blog-body .btn-sm {\n font-size: 1.28rem;\n padding: 6px 1em; }\n [data=blog-body] .btn-xs,\n .blog-body .btn-xs {\n font-size: 1.28rem;\n padding: 6px 1em; }\n [data=blog-body] .btn-alternate,\n .blog-body .btn-alternate {\n background-color: #F6F6F6;\n border-color: #F6F6F6;\n color: #333333; }\n [data=blog-body] .btn-alternate:hover,\n .blog-body .btn-alternate:hover {\n background-color: transparent;\n border-color: #F6F6F6;\n color: #F6F6F6;\n text-decoration: none; }\n [data=blog-body] .btn-default,\n .blog-body .btn-default {\n background-color: #ff9c00;\n border-color: transparent;\n color: #F6F6F6; }\n [data=blog-body] .btn-default:hover, [data=blog-body] .btn-default:focus,\n .blog-body .btn-default:hover,\n .blog-body .btn-default:focus {\n background-color: #ffb033;\n border-color: transparent;\n color: #F6F6F6;\n text-decoration: none; }\n [data=blog-body] .blog_card,\n .blog-body .blog_card {\n background-color: rgba(255, 255, 255, 0.05);\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);\n border: 1px solid #2b2c2f;\n border-radius: 1px;\n height: auto;\n margin-bottom: 1.75rem; }\n @media (min-width: 768px) {\n [data=blog-body] .blog_card,\n .blog-body .blog_card {\n max-width: 30rem; } }\n [data=blog-body] .blog_card img,\n .blog-body .blog_card img {\n display: block;\n height: auto;\n margin: 0 auto;\n max-width: 100%;\n width: 100%; }\n [data=blog-body] .blog_card .blog_card-img-top,\n [data=blog-body] .blog_card .blog_card-img-bottom,\n .blog-body .blog_card .blog_card-img-top,\n .blog-body .blog_card .blog_card-img-bottom {\n box-shadow: none;\n box-sizing: border-box;\n display: block;\n width: 100%; }\n [data=blog-body] .blog_card .blog_card-img-top,\n .blog-body .blog_card .blog_card-img-top {\n border-width: 0 0 1px 0;\n border-color: #2b2c2f;\n border-style: solid; }\n [data=blog-body] .blog_card .blog_card-img-bottom,\n .blog-body .blog_card .blog_card-img-bottom {\n border-width: 1px 0 0 0;\n border-color: #2b2c2f;\n border-style: solid; }\n [data=blog-body] .blog_card .blog_card-block,\n .blog-body .blog_card .blog_card-block {\n padding: 0 1em;\n height: inherit; }\n [data=blog-body] .blog_card .blog_card-block .blog_card-title,\n .blog-body .blog_card .blog_card-block .blog_card-title {\n text-transform: uppercase;\n font-weight: 100;\n margin: 0;\n padding: 1em 0 0.5em 0;\n font-size: 1.1em;\n font-family: \"Arial\", sans-serif; }\n [data=blog-body] .blog_card .blog_card-block .blog_card-text,\n .blog-body .blog_card .blog_card-block .blog_card-text {\n margin: 0;\n color: rgba(255, 255, 255, 0.8);\n padding: 0 0 1em; }\n [data=blog-body] .blog_card .blog_card-header,\n .blog-body .blog_card .blog_card-header {\n margin: 0;\n padding: 0.8em 1em;\n background-color: rgba(255, 255, 255, 0.05);\n font-size: 1em;\n color: rgba(255, 255, 255, 0.8); }\n [data=blog-body] .blog_card .blog_card-footer,\n .blog-body .blog_card .blog_card-footer {\n margin: 0;\n padding: 0.6em 1.3em;\n background-color: rgba(255, 255, 255, 0.03);\n font-size: 0.8em;\n color: rgba(255, 255, 255, 0.3);\n border-width: 1px 0 0 0;\n border-color: #2b2c2f;\n border-style: solid; }\n [data=blog-body] a.card,\n .blog-body a.card {\n display: block; }\n [data=blog-body] .blog_card-group,\n .blog-body .blog_card-group {\n margin-bottom: 1.75rem;\n max-width: 100%; }\n [data=blog-body] .blog_card-group .blog_card-list,\n .blog-body .blog_card-group .blog_card-list {\n -webkit-flex-grow: 0;\n -webkit-box-flex: 0;\n -moz-flex-grow: 0;\n -ms-flex-positive: 0;\n flex-grow: 0;\n margin-bottom: 1.75rem;\n transition: width .4s ease-in-out,-ms-flex .4s ease-in-out;\n box-sizing: border-box; }\n @media (min-width: 400px) {\n [data=blog-body] .blog_card-group .blog_card-list,\n .blog-body .blog_card-group .blog_card-list {\n width: 50%;\n padding: 0 0 0.2em 0.2em;\n margin: 0; }\n [data=blog-body] .blog_card-group .blog_card-list:nth-child(2n+1),\n .blog-body .blog_card-group .blog_card-list:nth-child(2n+1) {\n clear: both; } }\n @media (min-width: 992px) {\n [data=blog-body] .blog_card-group .blog_card-list,\n .blog-body .blog_card-group .blog_card-list {\n width: 33.33%;\n margin: 0; }\n [data=blog-body] .blog_card-group .blog_card-list:nth-child(3n+1),\n .blog-body .blog_card-group .blog_card-list:nth-child(3n+1) {\n clear: both; } }\n [data=blog-body] .blog_card-group .blog_card,\n .blog-body .blog_card-group .blog_card {\n margin-bottom: 0;\n max-width: 100%; }\n [data=blog-body] .blog_card-group .blog_card .blog_card-block,\n .blog-body .blog_card-group .blog_card .blog_card-block {\n -webkit-flex-grow: 1;\n -webkit-box-flex: 1;\n -moz-flex-grow: 1;\n -ms-flex-positive: 1;\n flex-grow: 1;\n -webkit-flex-shrink: 0;\n -webkit-box-flex: 0;\n -moz-flex-shrink: 0;\n -ms-flex-negative: 0;\n flex-shrink: 0;\n -webkit-flex-basis: auto;\n -moz-flex-basis: auto;\n -ms-flex-preferred-size: auto;\n flex-basis: auto; }\n [data=blog-body] .blog_card-group .blog_card .blog_card-text,\n .blog-body .blog_card-group .blog_card .blog_card-text {\n -webkit-flex-grow: 1;\n -webkit-box-flex: 1;\n -moz-flex-grow: 1;\n -ms-flex-positive: 1;\n flex-grow: 1;\n -webkit-flex-shrink: 0;\n -webkit-box-flex: 0;\n -moz-flex-shrink: 0;\n -ms-flex-negative: 0;\n flex-shrink: 0;\n -webkit-flex-basis: auto;\n -moz-flex-basis: auto;\n -ms-flex-preferred-size: auto;\n flex-basis: auto; }\n [data=blog-body] figure,\n .blog-body figure {\n position: relative;\n background-color: transparent;\n width: auto; }\n [data=blog-body] figure img,\n .blog-body figure img {\n margin-bottom: 0; }\n [data=blog-body] figure .video + figcaption,\n .blog-body figure .video + figcaption {\n margin-bottom: 0; }\n [data=blog-body] figure figcaption,\n .blog-body figure figcaption {\n position: relative;\n margin-bottom: 1.75rem;\n background: linear-gradient(-45deg, transparent 46%, rgba(255, 255, 255, 0.2) 49%, transparent 51%, transparent 55%);\n padding: 1em;\n line-height: 1.75;\n font-size: 14px;\n font-style: normal;\n color: rgba(255, 255, 255, 0.5);\n background-size: 6px 6px;\n text-align: left;\n height: 1.75rem;\n z-index: 1; }\n [data=blog-body] .gallery,\n .blog-body .gallery {\n position: relative;\n margin: 1.75rem 0;\n width: 100%; }\n [data=blog-body] .gallery a,\n [data=blog-body] .gallery div,\n [data=blog-body] .gallery figure,\n .blog-body .gallery a,\n .blog-body .gallery div,\n .blog-body .gallery figure {\n position: relative;\n -webkit-flex-grow: 1;\n -webkit-box-flex: 1;\n -moz-flex-grow: 1;\n -ms-flex-positive: 1;\n flex-grow: 1;\n -webkit-flex-shrink: auto;\n -webkit-box-flex: auto;\n -moz-flex-shrink: auto;\n -ms-flex-negative: auto;\n flex-shrink: auto;\n -webkit-flex-basis: auto;\n -moz-flex-basis: auto;\n -ms-flex-preferred-size: auto;\n flex-basis: auto;\n width: 230px;\n margin: 3px; }\n [data=blog-body] .gallery a img,\n [data=blog-body] .gallery div img,\n [data=blog-body] .gallery figure img,\n .blog-body .gallery a img,\n .blog-body .gallery div img,\n .blog-body .gallery figure img {\n width: 100%;\n margin: 0 auto;\n height: auto;\n display: block; }\n [data=blog-body] .img-responsive,\n .blog-body .img-responsive {\n display: block;\n max-width: 100%;\n height: auto; }\n [data=blog-body] .img-rounded,\n .blog-body .img-rounded {\n border-radius: 0.3em; }\n [data=blog-body] .img-thumbnail,\n .blog-body .img-thumbnail {\n display: inline-block;\n max-width: 100%;\n height: auto;\n padding: 2px;\n line-height: 1.75;\n background-color: rgba(57, 169, 247, 0.2);\n border: 1px solid transparent;\n border-radius: 0.3em;\n transition: all .2s ease-in-out; }\n [data=blog-body] .img-thumbnail.img-small,\n .blog-body .img-thumbnail.img-small {\n width: 60px;\n height: 60px; }\n [data=blog-body] .img-circle,\n .blog-body .img-circle {\n border-radius: 50%; }\n [data=blog-body] img,\n .blog-body img {\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);\n border: 1px solid transparent;\n margin-bottom: 1.75rem;\n max-width: 100%;\n height: auto;\n vertical-align: middle; }\n [data=blog-body] img::after,\n .blog-body img::after {\n box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15) inset;\n content: ''; }\n [data=blog-body] .media,\n [data=blog-body] .media-body,\n .blog-body .media,\n .blog-body .media-body {\n zoom: 1;\n overflow: hidden; }\n [data=blog-body] .media,\n .blog-body .media {\n margin-top: 1.75rem; }\n [data=blog-body] .media:first-child,\n .blog-body .media:first-child {\n margin-top: 0; }\n [data=blog-body] .media-body,\n .blog-body .media-body {\n width: 10000px; }\n [data=blog-body] .media-object,\n .blog-body .media-object {\n max-width: 80px;\n display: block; }\n [data=blog-body] .media-right,\n [data=blog-body] .media > .pull-right,\n .blog-body .media-right,\n .blog-body .media > .pull-right {\n padding-left: 1em; }\n [data=blog-body] .media-left,\n [data=blog-body] .media > .pull-left,\n .blog-body .media-left,\n .blog-body .media > .pull-left {\n padding-right: 1em; }\n [data=blog-body] .media-left, [data=blog-body] .media-right, [data=blog-body] .media-body,\n .blog-body .media-left,\n .blog-body .media-right,\n .blog-body .media-body {\n display: table-cell;\n vertical-align: top; }\n [data=blog-body] .media-middle,\n .blog-body .media-middle {\n vertical-align: middle; }\n [data=blog-body] .media-bottom,\n .blog-body .media-bottom {\n vertical-align: bottom; }\n [data=blog-body] .media-heading,\n .blog-body .media-heading {\n font-size: 1;\n font-family: \"Big Noodle Too\", impact, sans-serif;\n font-weight: 200;\n text-transform: none;\n color: #fff;\n margin-bottom: 5px;\n margin-top: 0; }\n [data=blog-body] .media-list,\n .blog-body .media-list {\n padding-left: 0;\n list-style: none; }\n [data=blog-body] .media,\n .blog-body .media {\n margin-bottom: 1.75rem; }\n [data=blog-body] table,\n .blog-body table {\n background-color: transparent;\n font-size: 1em; }\n [data=blog-body] caption,\n .blog-body caption {\n padding-top: 0.5em;\n padding-bottom: 0.5em;\n text-align: left; }\n [data=blog-body] th,\n .blog-body th {\n text-transform: uppercase;\n color: #00a5e2;\n text-align: left; }\n [data=blog-body] .table tr.text-left,\n .blog-body .table tr.text-left {\n text-align: left; }\n [data=blog-body] .table tr.text-left td, [data=blog-body] .table tr.text-left th,\n .blog-body .table tr.text-left td,\n .blog-body .table tr.text-left th {\n text-align: left; }\n [data=blog-body] .table tr.text-center,\n .blog-body .table tr.text-center {\n text-align: center; }\n [data=blog-body] .table tr.text-center td, [data=blog-body] .table tr.text-center th,\n .blog-body .table tr.text-center td,\n .blog-body .table tr.text-center th {\n text-align: center; }\n [data=blog-body] .table tr.text-right,\n .blog-body .table tr.text-right {\n text-align: right; }\n [data=blog-body] .table tr.text-right td, [data=blog-body] .table tr.text-right th,\n .blog-body .table tr.text-right td,\n .blog-body .table tr.text-right th {\n text-align: right; }\n [data=blog-body] .table.text-left td, [data=blog-body] .table.text-left th,\n .blog-body .table.text-left td,\n .blog-body .table.text-left th {\n text-align: left; }\n [data=blog-body] .table.text-right td, [data=blog-body] .table.text-right th,\n .blog-body .table.text-right td,\n .blog-body .table.text-right th {\n text-align: right; }\n [data=blog-body] .table.text-center td, [data=blog-body] .table.text-center th,\n .blog-body .table.text-center td,\n .blog-body .table.text-center th {\n text-align: center; }\n [data=blog-body] .table,\n .blog-body .table {\n border-collapse: collapse; }\n [data=blog-body] .table tr.vertical-top,\n .blog-body .table tr.vertical-top {\n vertical-align: top; }\n [data=blog-body] .table tr.vertical-top td, [data=blog-body] .table tr.vertical-top th,\n .blog-body .table tr.vertical-top td,\n .blog-body .table tr.vertical-top th {\n vertical-align: top; }\n [data=blog-body] .table tr.vertical-bottom,\n .blog-body .table tr.vertical-bottom {\n vertical-align: bottom; }\n [data=blog-body] .table tr.vertical-bottom td, [data=blog-body] .table tr.vertical-bottom th,\n .blog-body .table tr.vertical-bottom td,\n .blog-body .table tr.vertical-bottom th {\n vertical-align: bottom; }\n [data=blog-body] .table tr.vertical-middle,\n .blog-body .table tr.vertical-middle {\n vertical-align: middle; }\n [data=blog-body] .table tr.vertical-middle td, [data=blog-body] .table tr.vertical-middle th,\n .blog-body .table tr.vertical-middle td,\n .blog-body .table tr.vertical-middle th {\n vertical-align: middle; }\n [data=blog-body] .table.vertical-top td, [data=blog-body] .table.vertical-top th,\n .blog-body .table.vertical-top td,\n .blog-body .table.vertical-top th {\n vertical-align: top; }\n [data=blog-body] .table.vertical-bottom td, [data=blog-body] .table.vertical-bottom th,\n .blog-body .table.vertical-bottom td,\n .blog-body .table.vertical-bottom th {\n vertical-align: bottom; }\n [data=blog-body] .table.vertical-middle td, [data=blog-body] .table.vertical-middle th,\n .blog-body .table.vertical-middle td,\n .blog-body .table.vertical-middle th {\n vertical-align: middle; }\n [data=blog-body] .table,\n .blog-body .table {\n margin-bottom: 1.75rem;\n width: 100%;\n max-width: 100%; }\n [data=blog-body] .table > thead > tr > th,\n [data=blog-body] .table > thead > tr > td,\n [data=blog-body] .table > tbody > tr > th,\n [data=blog-body] .table > tbody > tr > td,\n [data=blog-body] .table > tfoot > tr > th,\n [data=blog-body] .table > tfoot > tr > td,\n .blog-body .table > thead > tr > th,\n .blog-body .table > thead > tr > td,\n .blog-body .table > tbody > tr > th,\n .blog-body .table > tbody > tr > td,\n .blog-body .table > tfoot > tr > th,\n .blog-body .table > tfoot > tr > td {\n padding: 0.5em;\n line-height: 1.75;\n border-top: 1px solid #2b2c2f; }\n [data=blog-body] .table > thead > tr > th,\n .blog-body .table > thead > tr > th {\n vertical-align: bottom;\n border-bottom: 2px solid #2b2c2f; }\n [data=blog-body] .table > caption + thead > tr:first-child > th,\n [data=blog-body] .table > caption + thead > tr:first-child > td,\n [data=blog-body] .table > colgroup + thead > tr:first-child > th,\n [data=blog-body] .table > colgroup + thead > tr:first-child > td,\n [data=blog-body] .table > thead:first-child > tr:first-child > th,\n [data=blog-body] .table > thead:first-child > tr:first-child > td,\n .blog-body .table > caption + thead > tr:first-child > th,\n .blog-body .table > caption + thead > tr:first-child > td,\n .blog-body .table > colgroup + thead > tr:first-child > th,\n .blog-body .table > colgroup + thead > tr:first-child > td,\n .blog-body .table > thead:first-child > tr:first-child > th,\n .blog-body .table > thead:first-child > tr:first-child > td {\n border-top: 0; }\n [data=blog-body] .table > tbody + tbody,\n .blog-body .table > tbody + tbody {\n border-top: 1px solid #2b2c2f; }\n [data=blog-body] .table .table,\n .blog-body .table .table {\n background-color: transparent; }\n [data=blog-body] .table-condensed > thead > tr > th,\n [data=blog-body] .table-condensed > thead > tr > td,\n [data=blog-body] .table-condensed > tbody > tr > th,\n [data=blog-body] .table-condensed > tbody > tr > td,\n [data=blog-body] .table-condensed > tfoot > tr > th,\n [data=blog-body] .table-condensed > tfoot > tr > td,\n .blog-body .table-condensed > thead > tr > th,\n .blog-body .table-condensed > thead > tr > td,\n .blog-body .table-condensed > tbody > tr > th,\n .blog-body .table-condensed > tbody > tr > td,\n .blog-body .table-condensed > tfoot > tr > th,\n .blog-body .table-condensed > tfoot > tr > td {\n padding: 0.4em; }\n [data=blog-body] .table-bordered,\n .blog-body .table-bordered {\n border: 1px solid #2b2c2f; }\n [data=blog-body] .table-bordered > thead > tr > th,\n [data=blog-body] .table-bordered > thead > tr > td,\n [data=blog-body] .table-bordered > tbody > tr > th,\n [data=blog-body] .table-bordered > tbody > tr > td,\n [data=blog-body] .table-bordered > tfoot > tr > th,\n [data=blog-body] .table-bordered > tfoot > tr > td,\n .blog-body .table-bordered > thead > tr > th,\n .blog-body .table-bordered > thead > tr > td,\n .blog-body .table-bordered > tbody > tr > th,\n .blog-body .table-bordered > tbody > tr > td,\n .blog-body .table-bordered > tfoot > tr > th,\n .blog-body .table-bordered > tfoot > tr > td {\n border: 1px solid #2b2c2f; }\n [data=blog-body] .table-bordered > thead > tr > th,\n [data=blog-body] .table-bordered > thead > tr > td,\n .blog-body .table-bordered > thead > tr > th,\n .blog-body .table-bordered > thead > tr > td {\n border-bottom-width: 1px; }\n [data=blog-body] .table-striped > tbody > tr:nth-of-type(odd),\n .blog-body .table-striped > tbody > tr:nth-of-type(odd) {\n background-color: rgba(255, 255, 255, 0.05); }\n [data=blog-body] .table-hover > tbody > tr:hover,\n .blog-body .table-hover > tbody > tr:hover {\n background-color: rgba(255, 255, 255, 0.1); }\n [data=blog-body] table col[class*=\"col-\"],\n .blog-body table col[class*=\"col-\"] {\n position: static;\n float: none;\n display: table-column; }\n [data=blog-body] table td[class*=\"col-\"],\n [data=blog-body] table th[class*=\"col-\"],\n .blog-body table td[class*=\"col-\"],\n .blog-body table th[class*=\"col-\"] {\n position: static;\n float: none;\n display: table-cell; }\n [data=blog-body] .table-responsive,\n .blog-body .table-responsive {\n margin-bottom: 1.75rem;\n overflow-x: auto;\n min-height: 0.01%; }\n [data=blog-body] .table-responsive .table,\n .blog-body .table-responsive .table {\n margin-bottom: 0; }\n @media screen and (max-width: 768px) {\n [data=blog-body] .table-responsive,\n .blog-body .table-responsive {\n margin-bottom: 1.3125rem;\n width: 100%;\n overflow-y: hidden;\n -ms-overflow-style: -ms-autohiding-scrollbar; }\n [data=blog-body] .table-responsive .table,\n .blog-body .table-responsive .table {\n margin-bottom: 0; }\n [data=blog-body] .table-responsive .table > thead > tr > th,\n [data=blog-body] .table-responsive .table > thead > tr > td,\n [data=blog-body] .table-responsive .table > tbody > tr > th,\n [data=blog-body] .table-responsive .table > tbody > tr > td,\n [data=blog-body] .table-responsive .table > tfoot > tr > th,\n [data=blog-body] .table-responsive .table > tfoot > tr > td,\n .blog-body .table-responsive .table > thead > tr > th,\n .blog-body .table-responsive .table > thead > tr > td,\n .blog-body .table-responsive .table > tbody > tr > th,\n .blog-body .table-responsive .table > tbody > tr > td,\n .blog-body .table-responsive .table > tfoot > tr > th,\n .blog-body .table-responsive .table > tfoot > tr > td {\n white-space: nowrap; }\n [data=blog-body] .table-responsive > .table-bordered,\n .blog-body .table-responsive > .table-bordered {\n border: 0; }\n [data=blog-body] .table-responsive > .table-bordered > thead > tr > th:first-child,\n [data=blog-body] .table-responsive > .table-bordered > thead > tr > td:first-child,\n [data=blog-body] .table-responsive > .table-bordered > tbody > tr > th:first-child,\n [data=blog-body] .table-responsive > .table-bordered > tbody > tr > td:first-child,\n [data=blog-body] .table-responsive > .table-bordered > tfoot > tr > th:first-child,\n [data=blog-body] .table-responsive > .table-bordered > tfoot > tr > td:first-child,\n .blog-body .table-responsive > .table-bordered > thead > tr > th:first-child,\n .blog-body .table-responsive > .table-bordered > thead > tr > td:first-child,\n .blog-body .table-responsive > .table-bordered > tbody > tr > th:first-child,\n .blog-body .table-responsive > .table-bordered > tbody > tr > td:first-child,\n .blog-body .table-responsive > .table-bordered > tfoot > tr > th:first-child,\n .blog-body .table-responsive > .table-bordered > tfoot > tr > td:first-child {\n border-left: 0; }\n [data=blog-body] .table-responsive > .table-bordered > thead > tr > th:last-child,\n [data=blog-body] .table-responsive > .table-bordered > thead > tr > td:last-child,\n [data=blog-body] .table-responsive > .table-bordered > tbody > tr > th:last-child,\n [data=blog-body] .table-responsive > .table-bordered > tbody > tr > td:last-child,\n [data=blog-body] .table-responsive > .table-bordered > tfoot > tr > th:last-child,\n [data=blog-body] .table-responsive > .table-bordered > tfoot > tr > td:last-child,\n .blog-body .table-responsive > .table-bordered > thead > tr > th:last-child,\n .blog-body .table-responsive > .table-bordered > thead > tr > td:last-child,\n .blog-body .table-responsive > .table-bordered > tbody > tr > th:last-child,\n .blog-body .table-responsive > .table-bordered > tbody > tr > td:last-child,\n .blog-body .table-responsive > .table-bordered > tfoot > tr > th:last-child,\n .blog-body .table-responsive > .table-bordered > tfoot > tr > td:last-child {\n border-right: 0; }\n [data=blog-body] .table-responsive > .table-bordered > tbody > tr:last-child > th,\n [data=blog-body] .table-responsive > .table-bordered > tbody > tr:last-child > td,\n [data=blog-body] .table-responsive > .table-bordered > tfoot > tr:last-child > th,\n [data=blog-body] .table-responsive > .table-bordered > tfoot > tr:last-child > td,\n .blog-body .table-responsive > .table-bordered > tbody > tr:last-child > th,\n .blog-body .table-responsive > .table-bordered > tbody > tr:last-child > td,\n .blog-body .table-responsive > .table-bordered > tfoot > tr:last-child > th,\n .blog-body .table-responsive > .table-bordered > tfoot > tr:last-child > td {\n border-bottom: 0; } }\n [data=blog-body] .table-stack,\n .blog-body .table-stack {\n margin: 1.75rem 0; }\n @media (max-width: 25em) {\n [data=blog-body] .table-stack thead,\n .blog-body .table-stack thead {\n display: none; }\n [data=blog-body] .table-stack tr td,\n .blog-body .table-stack tr td {\n display: -webkit-box;\n display: -moz-box;\n display: -webkit-flexbox;\n display: -ms-flexbox;\n display: -webkit-flex;\n display: flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n -webkit-align-items: center;\n -moz-align-items: center;\n align-items: center;\n margin-left: auto; }\n [data=blog-body] .table-stack tr td::before,\n .blog-body .table-stack tr td::before {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n font-weight: 200;\n text-align: right;\n color: #00a5e2;\n padding-right: 1em;\n width: 40%;\n content: attr(data-heading);\n display: inline-block; } }\n [data=blog-body] .nav-tabs,\n .blog-body .nav-tabs {\n padding-left: 0;\n list-style: none;\n background-color: rgba(10, 12, 16, 0.5);\n border-width: 1px 1px 1px 1px;\n border-color: rgba(255, 255, 255, 0.08);\n border-style: solid;\n margin-bottom: 0;\n overflow-x: auto; }\n [data=blog-body] .nav-tabs li,\n .blog-body .nav-tabs li {\n width: 100%; }\n [data=blog-body] .nav-tabs li a,\n .blog-body .nav-tabs li a {\n border-width: 0 0 4px 0;\n border-color: transparent;\n padding: 1em 1em 0.5em 1em;\n color: #39a9f7;\n text-decoration: none;\n display: block;\n border-style: solid;\n text-align: center;\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n -webkit-tap-highlight-color: transparent;\n /* For some Androids */ }\n [data=blog-body] .nav-tabs li:hover, [data=blog-body] .nav-tabs li.active,\n .blog-body .nav-tabs li:hover,\n .blog-body .nav-tabs li.active {\n background-color: rgba(255, 255, 255, 0); }\n [data=blog-body] .nav-tabs li:hover a, [data=blog-body] .nav-tabs li.active a,\n .blog-body .nav-tabs li:hover a,\n .blog-body .nav-tabs li.active a {\n outline: none !important;\n color: #fff;\n border-image: linear-gradient(#39a9f7, #39a9f7) 1; }\n [data=blog-body] .tab-content,\n .blog-body .tab-content {\n background-color: rgba(10, 12, 16, 0.5);\n margin-bottom: 1em;\n padding: 1em;\n border-width: 0 1px 1px 1px;\n border-color: rgba(255, 255, 255, 0.08);\n border-style: solid;\n margin-top: -1px; }\n [data=blog-body] .tab-content .tab-pane,\n .blog-body .tab-content .tab-pane {\n display: none; }\n [data=blog-body] .tab-content .tab-pane.active,\n .blog-body .tab-content .tab-pane.active {\n display: block; }\n [data=blog-body] .tabs-responsive .nav-tabs,\n .blog-body .tabs-responsive .nav-tabs {\n overflow: auto;\n -webkit-overflow-scrolling: touch; }\n [data=blog-body] .tabs-responsive .nav-tabs li,\n .blog-body .tabs-responsive .nav-tabs li {\n white-space: nowrap; }\n [data=blog-body] iframe,\n .blog-body iframe {\n padding: 0;\n margin: 0; }\n [data=blog-body] .video-container,\n .blog-body .video-container {\n width: 100%;\n margin-bottom: 1.75rem; }\n [data=blog-body] .video,\n .blog-body .video {\n position: relative;\n padding-bottom: 56.25%;\n border: 1px solid transparent;\n border: 0 none;\n height: 0;\n z-index: 1; }\n [data=blog-body] .video iframe,\n .blog-body .video iframe {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n border: 1px solid transparent;\n display: block;\n z-index: 1; }\n @media (min-width: 1200px) {\n [data=blog-body],\n .blog-body {\n font-size: calc( 14px + (16 - 14) * ((100vw - 1200px) / (721 - 1200))); } }\n @media (min-width: 721px) {\n [data=blog-body],\n .blog-body {\n font-size: 16px; } }\n","/**\n* SassFlexbox\n* Manage Flexbox in Sass easily.\n*\n* @author Samuel Marchal (zessx)\n* @version 0.1\n*/\n\n\n/*\n Display\n */\n%display-flex {\n display: -webkit-box;\n display: -moz-box;\n display: -webkit-flexbox;\n display: -ms-flexbox;\n display: -webkit-flex;\n display: flex;\n}\n%display-inline-flex {\n display: -webkit-inline-flex;\n display: inline-flex;\n}\n@mixin display-flex() {\n @extend %display-flex;\n}\n@mixin display-flexs() {\n display: -webkit-box;\n display: -moz-box;\n display: -webkit-flexbox;\n display: -ms-flexbox;\n display: -webkit-flex;\n display: flex;\n}\n@mixin display-inline-flex() {\n @extend %display-inline-flex;\n}\n\n/*\n Flex direction\n */\n%flex-direction-row {\n -webkit-box-orient: horizontal;\n -moz-box-orient: horizontal;\n -webkit-flex-direction: row;\n -moz-flex-direction: row;\n -ms-flex-direction: row;\n flex-direction: row;\n}\n%flex-direction-row-reverse {\n -webkit-box-orient: horizontal;\n -moz-box-orient: horizontal;\n -webkit-box-direction: reverse;\n -moz-box-direction: reverse;\n -webkit-flex-direction: row-reverse;\n -moz-flex-direction: row-reverse;\n -ms-flex-direction: row-reverse;\n flex-direction: row-reverse;\n}\n%flex-direction-column {\n -webkit-box-orient: vertical;\n -moz-box-orient: vertical;\n -webkit-flex-direction: column;\n -moz-flex-direction: column;\n -ms-flex-direction: column;\n flex-direction: column;\n}\n%flex-direction-column-reverse {\n -webkit-box-orient: vertical;\n -moz-box-orient: vertical;\n -webkit-box-direction: reverse;\n -moz-box-direction: reverse;\n -webkit-flex-direction: column-reverse;\n -moz-flex-direction: column-reverse;\n -ms-flex-direction: column-reverse;\n flex-direction: column-reverse;\n}\n%flex-direction-inherit {\n -webkit-box-orient: inherit;\n -moz-box-orient: inherit;\n -webkit-flex-direction: inherit;\n -moz-flex-direction: inherit;\n -ms-flex-direction: inherit;\n flex-direction: inherit;\n}\n@mixin flex-direction($direction: row) {\n @if not index((row, row-reverse, column, column-reverse, inherit), $direction) {\n $direction: row;\n }\n @extend %flex-direction-#{$direction};\n}\n\n/*\n Flex wrap\n */\n%flex-wrap-nowrap {\n -webkit-flex-wrap: nowrap;\n -moz-flex-wrap: nowrap;\n -ms-flex-wrap: none;\n flex-wrap: nowrap;\n}\n%flex-wrap-wrap {\n -webkit-flex-wrap: wrap;\n -moz-flex-wrap: wrap;\n -ms-flex-wrap: wrap;\n flex-wrap: wrap;\n}\n%flex-wrap-wrap-reverse {\n -webkit-flex-wrap: wrap-reverse;\n -moz-flex-wrap: wrap-reverse;\n -ms-flex-wrap: wrap-reverse;\n flex-wrap: wrap-reverse;\n}\n%flex-wrap-inherit {\n -webkit-flex-wrap: inherit;\n -moz-flex-wrap: inherit;\n -ms-flex-wrap: inherit;\n flex-wrap: inherit;\n}\n@mixin flex-wrap($wrap: nowrap) {\n @if not index((nowrap, wrap, wrap-reverse, inherit), $wrap) {\n $wrap: nowrap;\n }\n @extend %flex-wrap-#{$wrap};\n}\n\n/*\n Flex flow\n */\n@mixin flex-flow($direction, $wrap) {\n @include flex-direction($direction);\n @include flex-wrap($wrap);\n}\n\n/*\n Order\n */\n@mixin order($order: 0) {\n -webkit-box-ordinal-group: ($order + 1);\n -moz-box-ordinal-group: $order;\n -ms-flex-order: $order;\n -webkit-order: $order;\n -moz-order: $order;\n order: $order;\n}\n\n/*\n Flex grow\n */\n@mixin flex-grow($grow: 0) {\n -webkit-flex-grow: $grow;\n -webkit-box-flex: $grow;\n -moz-flex-grow: $grow;\n -ms-flex-positive: $grow;\n flex-grow: $grow;\n}\n\n/*\n Flex shrink\n */\n@mixin flex-shrink($shrink: 1) {\n -webkit-flex-shrink: $shrink;\n -webkit-box-flex: $shrink;\n -moz-flex-shrink: $shrink;\n -ms-flex-negative: $shrink;\n flex-shrink: $shrink;\n}\n\n/*\n Flex basis\n */\n@mixin flex-basis($basis: auto) {\n -webkit-flex-basis: $basis;\n -moz-flex-basis: $basis;\n -ms-flex-preferred-size: $basis;\n flex-basis: $basis;\n}\n\n/*\n Flex\n */\n@mixin flex($grow: 0, $shrink: 1, $basis: auto) {\n @include flex-grow($grow);\n @include flex-shrink($shrink);\n @include flex-basis($basis);\n}\n\n/*\n Justify content\n */\n%justify-content-flex-start {\n -webkit-box-pack: start;\n -moz-box-pack: start;\n -webkit-flex-pack: start;\n -ms-flex-pack: start;\n -moz-justify-content: flex-start;\n -webkit-justify-content: flex-start;\n justify-content: flex-start;\n}\n%justify-content-flex-end {\n -webkit-box-pack: end;\n -moz-box-pack: end;\n -webkit-flex-pack: end;\n -ms-flex-pack: end;\n -moz-justify-content: flex-end;\n -webkit-justify-content: flex-end;\n justify-content: flex-end;\n}\n%justify-content-center {\n -webkit-box-pack: center;\n -moz-box-pack: center;\n -webkit-flex-pack: center;\n -ms-flex-pack: center;\n -moz-justify-content: center;\n -webkit-justify-content: center;\n justify-content: center;\n}\n%justify-content-space-between {\n -webkit-box-pack: justify;\n -moz-box-pack: justify;\n -webkit-flex-pack: justify;\n -ms-flex-pack: justify;\n -moz-justify-content: space-between;\n -webkit-justify-content: space-between;\n justify-content: space-between;\n}\n%justify-content-space-around {\n -moz-justify-content: space-around;\n -webkit-justify-content: space-around;\n justify-content: space-around;\n}\n%justify-content-inherit {\n -webkit-box-pack: inherit;\n -moz-box-pack: inherit;\n -webkit-flex-pack: inherit;\n -ms-flex-pack: inherit;\n -moz-justify-content: inherit;\n -webkit-justify-content: inherit;\n justify-content: inherit;\n}\n@mixin justify-content($justify: flex-start) {\n @if not index((flex-start, flex-end, center, space-between, space-around, inherit), $justify) {\n $justify: flex-start;\n }\n @extend %justify-content-#{$justify};\n}\n\n/*\n Align items\n */\n%align-items-flex-start {\n -webkit-box-align: start;\n -ms-flex-align: start;\n -webkit-align-items: flex-start;\n -moz-align-items: flex-start;\n align-items: flex-start;\n}\n%align-items-flex-end {\n -webkit-box-align: end;\n -ms-flex-align: end;\n -webkit-align-items: flex-end;\n -moz-align-items: flex-end;\n align-items: flex-end;\n}\n%align-items-center {\n -webkit-box-align: center;\n -ms-flex-align: center;\n -webkit-align-items: center;\n -moz-align-items: center;\n align-items: center;\n}\n%align-items-baseline {\n -webkit-box-align: baseline;\n -ms-flex-align: baseline;\n -webkit-align-items: baseline;\n -moz-align-items: baseline;\n align-items: baseline;\n}\n%align-items-stretch {\n -webkit-box-align: stretch;\n -ms-flex-align: stretch;\n -webkit-align-items: stretch;\n -moz-align-items: stretch;\n align-items: stretch;\n}\n%align-items-inherit {\n -webkit-box-align: inherit;\n -ms-flex-align: inherit;\n -webkit-align-items: inherit;\n -moz-align-items: inherit;\n align-items: inherit;\n}\n@mixin align-items($align: stretch) {\n @if not index((flex-start, flex-end, center, baseline, stretch, inherit), $align) {\n $align: stretch;\n }\n @extend %align-items-#{$align};\n}\n@mixin align-item($align: center) {\n -webkit-box-align: $align;\n -ms-flex-align: $align;\n -webkit-align-items: $align;\n -moz-align-items: $align;\n align-items: $align;\n}/*\n Align self\n */\n%align-self-auto {\n -ms-flex-item-align: auto;\n -webkit-align-self: auto;\n -moz-align-self: auto;\n align-self: auto;\n}\n%align-self-flex-start {\n -ms-flex-item-align: start;\n -webkit-align-self: flex-start;\n -moz-align-self: flex-start;\n align-self: flex-start;\n}\n%align-self-flex-end {\n -ms-flex-item-align: end;\n -webkit-align-self: flex-end;\n -moz-align-self: flex-end;\n align-self: flex-end;\n}\n%align-self-center {\n -ms-flex-item-align: center;\n -webkit-align-self: center;\n -moz-align-self: center;\n align-self: center;\n}\n%align-self-baseline {\n -ms-flex-item-align: baseline;\n -webkit-align-self: baseline;\n -moz-align-self: baseline;\n align-self: baseline;\n}\n%align-self-stretch {\n -ms-flex-item-align: stretch;\n -webkit-align-self: stretch;\n -moz-align-self: stretch;\n align-self: stretch;\n}\n%align-self-inherit {\n -ms-flex-item-align: inherit;\n -webkit-align-self: inherit;\n -moz-align-self: inherit;\n align-self: inherit;\n}\n@mixin align-self($align: auto) {\n @if not index((auto, flex-start, flex-end, center, baseline, stretch, inherit), $align) {\n $align: auto;\n }\n @extend %align-self-#{$align};\n}\n\n/*\n Align content\n */\n%align-content-flex-start {\n -ms-flex-line-pack: start;\n -webkit-align-content: flex-start;\n -moz-align-content: flex-start;\n align-content: flex-start;\n}\n%align-content-flex-end {\n -ms-flex-line-pack: end;\n -webkit-align-content: flex-end;\n -moz-align-content: flex-end;\n align-content: flex-end;\n}\n%align-content-center {\n -ms-flex-line-pack: center;\n -webkit-align-content: center;\n -moz-align-content: center;\n align-content: center;\n}\n%align-content-space-between {\n -ms-flex-line-pack: space-between;\n -webkit-align-content: space-between;\n -moz-align-content: space-between;\n align-content: space-between;\n}\n%align-content-space-around {\n -ms-flex-line-pack: space-around;\n -webkit-align-content: space-around;\n -moz-align-content: space-around;\n align-content: space-around;\n}\n%align-content-stretch {\n -ms-flex-line-pack: stretch;\n -webkit-align-content: stretch;\n -moz-align-content: stretch;\n align-content: stretch;\n}\n%align-content-inherit {\n -ms-flex-line-pack: inherit;\n -webkit-align-content: inherit;\n -moz-align-content: inherit;\n align-content: inherit;\n}\n@mixin align-content($align: stretch) {\n @if not index((flex-start, flex-end, center, space-between, space-around, stretch, inherit), $align) {\n $align: stretch;\n }\n @extend %align-content-#{$align};\n}\n",".fade {\n opacity: 0;\n transition: opacity .15s linear;\n &.in {\n opacity: 1;\n }\n}\n\n.collapse {\n display: none;\n\n &.in { display: block; }\n}\n\ntr.collapse.in { display: table-row; }\n\ntbody.collapse.in { display: table-row-group; }\n\n.collapsing {\n position: relative;\n height: 0;\n overflow: hidden;\n transition-property: height, visibility;\n transition-duration: .35s;\n transition-timing-function: ease;\n}\n","//----------------------------\n// Mixins\n// ----------------------------\n// Depends on the following:\n// = math.scss\n// = functions.scss\n// = maps.scss\n//----------------------------\n//- short hand size\n@mixin size($width, $height: $width) {\n width: $width;\n height: $height;\n}\n\n//- Positions\n@mixin position($type, $top: null, $right: null, $bottom: null, $left: null) {\n position: $type;\n top: $top;\n right: $right;\n bottom: $bottom;\n left: $left;\n}\n\n//- Opacity\n@mixin opacity($opacity: 0.5) {\n $opacityMultiplied: ($opacity * 100);\n filter: alpha(opacity=$opacityMultiplied);\n -ms-filter: \"progid:DXImageTransform.Microsoft.Alpha(Opacity=\" + $opacityMultiplied + \")\";\n opacity: $opacity;\n}\n\n//- Breakpoints\n@mixin mq-breakpoint($name) {\n @if map-has-key($breakpoints, $name) {\n @media #{inspect(map-get($breakpoints, $name))} {\n @content;\n }\n }\n @else {\n @warn \"Couldn't find a breakpoint named `#{$name}`.\";\n }\n}\n\n//- Fonts\n@mixin declare-font-face($font-family, $font-filename, $font-weight : normal, $font-style :normal, $font-stretch : normal) {\n\n $path: '#{$blog_font-path}' + '#{$font-family}/';\n\n @font-face {\n font-family: '#{$font-family}';\n src: url($path + ('#{$font-filename}.eot'));\n src: url($path + ('#{$font-filename}.eot?#iefix')) format('embedded-opentype'),\n url($path + ('#{$font-filename}.woff')) format('woff'),\n url($path + ('#{$font-filename}.ttf')) format('truetype'),\n url($path + ('#{$font-filename}.svg##{$font-family}')) format('svg');\n font-weight: $font-weight;\n font-style: $font-style;\n font-stretch: $font-stretch;\n }\n}\n\n//- Flexible font sizing\n@mixin typography($line-height: $blog_base-line-height, $blog_min-width: $blog_min-width, $blog_max-width: $blog_max-width, $min-font: $blog_base-min-font, $max-font: $blog_base-max-font) {\n\n line-height: $line-height;\n font-size: $min-font;\n\n @media (min-width: $blog_min-width) {\n font-size: calc( #{$min-font} + (#{_strip-units($blog_base-max-font)} - #{_strip-units($min-font)}) * ((100vw - #{$blog_min-width}) / (#{_strip-units($blog_max-width)} - #{_strip-units($blog_min-width)})) );\n }\n\n @media (min-width: $blog_max-width) {\n font-size: $max-font;\n }\n}\n\n$vertical-rhythm: true !default;\n@mixin vertical-rhythm($local-min-font, $local-max-font) {\n @if ($vertical-rhythm) {\n margin-top: (($blog_base-line-height * $blog_base-min-font) / ($local-min-font / 1.25)) + em;\n line-height: (($blog_base-line-height * $blog_base-min-font) / ($local-min-font / 1.5)) + em;\n margin-bottom: (($blog_base-line-height * $blog_base-min-font) / ($local-min-font / .25)) + em;\n }@else {\n margin-top: 0;\n line-height: 1.1em;\n margin-bottom: .25em;\n }\n @media (min-width: $blog_min-width) {\n font-size: calc( #{$local-min-font} + (#{_strip-units($local-max-font)} - #{_strip-units($local-min-font)}) * ((100vw - #{$blog_min-width}) / (#{_strip-units($blog_max-width)} - #{_strip-units($blog_min-width)})) );\n }\n @media (min-width: $blog_max-width) {\n font-size: $local-max-font;\n @if ($vertical-rhythm) {\n margin-top: (($blog_base-line-height * $blog_base-max-font) / ($local-max-font / 1.25)) + em;\n line-height: (($blog_base-line-height * $blog_base-max-font) / ($local-max-font / 1.5)) + em;\n margin-bottom: (($blog_base-line-height * $blog_base-max-font) / ($local-max-font / 1.25)) + em;\n }\n }\n}\n\n@mixin list-unstyled {\n padding-left: 0;\n list-style: none;\n}\n\n@mixin text-overflow() {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n@mixin divider($color: #e5e5e5, $divider-height: 1px) {\n margin: ((#{$blog_base-line-height}em)) 0;\n overflow: hidden;\n background-color: $color;\n height: $divider-height;\n border: 0 none;\n}\n\n@mixin tab-focus() {\n // WebKit-specific. Other browsers will keep their default outline style.\n // (Initially tried to also force default via `outline: initial`,\n // but that seems to erroneously remove the outline in Firefox altogether.)\n outline: 0 none;\n outline-offset: 0;\n}\n\n// Responsive image\n//\n// Keep images from scaling beyond the width of their parents.\n@mixin img-responsive($display: block) {\n display: $display;\n max-width: 100%; // Part 1: Set a maximum relative to the parent\n height: auto; // Part 2: Scale the height according to the width, otherwise you get stretching\n}\n\n\n@mixin center-block() {\n display: block;\n margin-left: auto;\n margin-right: auto;\n}\n\n@mixin zero-out {\n padding: 0;\n margin: 0;\n line-height: 0;\n font-size: 0;\n}\n\n\n@mixin grid-overlay($color: black, $px-offset: false) {\n\n background: linear-gradient(to top, rgba($color, .1) 5%, rgba($color, 0) 5%);\n background-size: 100% ($blog_base-line-height) + em;\n background-color: $body-bg;\n @if($px-offset) {\n background-position: 0 $px-offset + px;\n }\n}\n","// =============================================================================\n// Font Face\n// =============================================================================\n\n// Blizzard Base fonts\n@include declare-font-face('blizzard', 'blizzard-light', 200);\n@include declare-font-face('blizzard', 'blizzard', 400);\n@include declare-font-face('blizzard', 'blizzard-italic', 400, italic);\n@include declare-font-face('blizzard', 'blizzard-bold', 700, bold);\n\n// Open Sans\n@include declare-font-face('opensans', 'opensans-light-webfont', 200);\n@include declare-font-face('opensans', 'opensans-regular-webfont', 400);\n@include declare-font-face('opensans', 'opensans-italic-webfont', 400, italic);\n@include declare-font-face('opensans', 'opensans-bold-webfont', 700, bold);\n","// visual\n%visibility-hide { visibility: hidden; }\n%visibility-show { visibility: visible; }\n\n// Floats\n//----------------------\n%clearfix {\n *zoom: 1;\n &:before,\n &:after {\n display: table;\n content: \"\";\n line-height: 0;\n }\n &:after { clear: both; }\n}\n\n// font weight\n%bold { font-weight: 700; }\n%regular { font-weight: 300; }\n%light { font-weight: 200; }\n","//----------------------------\n// Blockquotes\n// ----------------------------\n// Depends on the following:\n// = u-typography.scss\n// = maps.scss\n// = mixins.scss\n// = functions.scss\n// = math.scss\n//----------------------------\n\nblockquote {\n @include blockquotes;\n\n font-style: $blog_blockquote-font-style;\n\n background: $blog_blockquote-background;\n background-size: $blog_blockquote-background-size;\n background-position: $blog_blockquote-background-position;\n\n margin-bottom: $blog_blockquote-margin;\n padding: $blog_blockquote-padding;\n\n border-width: $blog_blockquote-border-width;\n border-style: $blog_blockquote-border-style;\n border-color: $blog_blockquote-border-color;\n\n p {\n &:last-of-type { margin-bottom: 0; }\n color: $blog_blockquote-text-color;\n font-weight: $blog_blockquote-weight;\n text-transform: $blog_blockquote-text-transform;\n }\n\n footer {\n padding: $blog_blockquote-cite-padding;\n line-height: $blog_blockquote-line-height;\n font-size: $blog_blockquote-cite-size;\n color: $blog_blockquote-cite-text;\n text-transform: $blog_blockquote-cite-text-transform;\n font-weight: $blog_blockquote-cite-weight;\n display: block;\n &::before {\n content: $blog_blockquote-cite-before;\n }\n }\n\n &.blockquote-reverse {\n footer {\n &::before { content: '';}\n &::after {\n content: $blog_blockquote-cite-before;\n }\n }\n @include mq-breakpoint(medium) {\n text-align: right;\n };\n }\n /* q in pullquotes */\n q:before,\n q:before {content: '‘'; content: open-quote;}\n q:after {content: '’'; content: close-quote;}\n q q:before {content: '“'; content: open-quote;}\n q q:after {content: '”'; content: close-quote;}\n}\n\n.pullquote {\n @include blockquotes;\n\n font-style: $blog_pullquote-font-style;\n\n background: $blog_pullquote-background;\n background-size: $blog_pullquote-background-size;\n background-position: $blog_pullquote-background-position;\n\n margin-bottom: $blog_pullquote-margin;\n padding: $blog_pullquote-padding;\n\n border-width: $blog_pullquote-border-width;\n border-style: $blog_pullquote-border-style;\n border-color: $blog_pullquote-border-color;\n\n p {\n &:last-of-type { margin-bottom: 0; }\n color: $blog_pullquote-text-color;\n font-weight: $blog_pullquote-weight;\n text-transform: $blog_pullquote-text-transform;\n }\n\n footer.pullquote-source {\n padding: $blog_pullquote-cite-padding;\n line-height: $blog_pullquote-line-height;\n font-size: $blog_pullquote-cite-size;\n color: $blog_pullquote-cite-text;\n text-transform: $blog_pullquote-cite-text-transform;\n font-weight: $blog_pullquote-cite-weight;\n display: block;\n &::before {\n content: $blog_pullquote-cite-before;\n }\n }\n\n &.pullquote-reverse {\n footer {\n &::before { content: '';}\n &::after {\n content: $blog_pullquote-cite-before;\n }\n }\n @include mq-breakpoint(medium) {\n text-align: right;\n };\n }\n /* q in pullquotes */\n q:before,\n q:before {content: '‘'; content: open-quote;}\n q:after {content: '’'; content: close-quote;}\n q q:before {content: '“'; content: open-quote;}\n q q:after {content: '”'; content: close-quote;}\n}\n\n/* for two levels of nested quotations */\nq {quotes: '“' '”' '‘' '’';}\n\n /* extra content definitions for pre-2011 WebKit */\nq:before {content: '“'; content: open-quote;}\nq:after {content: '”'; content: close-quote;}\nq q:before {content: '‘'; content: open-quote;}\nq q:after {content: '’'; content: close-quote;}\n","@charset \"UTF-8\";\n\n//- Blog Variable name for Blog container\n$blog_container-name: 'blog' !default;\n\n//- Viewport size\n$blog_max-width: 721px !default;\n$blog_min-width: 1200px !default;\n\n//- Breakpoints\n$blog_mq-tiny: 25em !default; // max-width\n$blog_mq-xs: 30em !default; // min-width\n$blog_mq-small: 48em !default; // min-width\n$blog_mq-medium: 62em !default; // min-width\n$blog_mq-large: 75em !default; // min-width\n\n//- Typography Base font size\n$blog_base-min-font: 14px !default;\n$blog_base-max-font: 16px !default;\n\n$blog_base-font-weight: 200 !default;\n\n//- Line height and scale\n$blog_base-line-height: 1.75 !default;\n\n//- General Base Variables\n$blog_color-text-light : rgba(#fff, .8) !default;\n$blog_color-text-dark: rgba(#000, .8)!default;\n\n$blog_body-bg: #191a1d !default;\n$blog_text-color: $blog_color-text-light !default;\n\n$blog_base-accent-color: #39a9f7 !default;\n\n//- Image Path\n$blog_image-path: '../images/responsive-blog/' !default;\n\n//- Font stacks\n$blog_font-path: '../fonts/' !default;\n$blog_base-font-stack: 'opensans', sans-serif !default;\n$blog_base-secondary-font-stack: 'blizzard', sans-serif !default;\n$blog_code-font-stack: Menlo, Monaco, Consolas, \"Courier New\", monospace !default;\n\n//- pull-left and right margin based form line-height + width;\n$blog_pulled-image-max-width: 60% !default;\n$blog_pull-left-margin: #{$blog_base-line-height}rem !default;\n$blog_pull-right-margin: #{$blog_base-line-height}rem !default;\n\n//- Blog body font stack\n$blog_body-font-stack: $blog_base-font-stack !default;\n\n//- Headings\n$blog_heading-font-stack: $blog_base-secondary-font-stack !default;\n\n$blog_heading-ratio: 1.25 !default;\n$blog_heading-line-height: 1 !default;\n\n//- This is for automatic calculating sizes for h1-h6. Change boolean to false to use your own numbers.\n$flex-font-config: true !default;\n\n$blog_h1-exp: 6 !default;\n$blog_h2-exp: 4 !default;\n$blog_h3-exp: 3 !default;\n$blog_h4-exp: 2 !default;\n$blog_h5-exp: 1 !default;\n$blog_h6-exp: -1 !default;\n\n // Once the $blog_flex-font-config is set to false, you can use your own variables below for font size and line heights for headings.\n $blog_h1-size: 61.03516px !default;\n $blog_h2-size: 39.0625px !default;\n $blog_h3-size: 31.25px !default;\n $blog_h4-size: 25px !default;\n $blog_h5-size: 20px !default;\n $blog_h6-size: 12.8px !default;\n\n $blog_h1-line-height: 1 !default;\n $blog_h2-line-height: $blog_h1-line-height !default;\n $blog_h3-line-height: $blog_h1-line-height !default;\n $blog_h4-line-height: $blog_h1-line-height !default;\n $blog_h5-line-height: $blog_h1-line-height !default;\n $blog_h6-line-height: $blog_h1-line-height !default;\n\n $blog_heading-margin: 1em !default;\n\n//- headings weight\n$blog_h1-weight: 700 !default;\n$blog_h2-weight: 200 !default;\n$blog_h3-weight: $blog_h2-weight !default;\n$blog_h4-weight: $blog_h2-weight !default;\n$blog_h5-weight: $blog_h2-weight !default;\n$blog_h6-weight: $blog_h2-weight !default;\n\n//- headings transforms\n$blog_h1-text-transform: uppercase !default;\n$blog_h2-text-transform: none !default;\n$blog_h3-text-transform: $blog_h2-text-transform !default;\n$blog_h4-text-transform: $blog_h2-text-transform !default;\n$blog_h5-text-transform: $blog_h2-text-transform !default;\n$blog_h6-text-transform: $blog_h2-text-transform !default;\n\n//- heading colours\n$blog_h1-color: #fff !default;\n$blog_h2-color: $blog_h1-color !default;\n$blog_h3-color: $blog_h1-color !default;\n$blog_h4-color: $blog_h1-color !default;\n$blog_h5-color: $blog_h1-color!default;\n$blog_h6-color: $blog_h1-color !default;\n\n//- Sub-heading\n$blog_sub-heading-text-color: rgba(#fff, .5) !default;\n$blog_sub-heading-font-size: 75% !default;\n$blog_sub-heading-display: block !default;\n\n // Subheading transform\n $blog_h1-text-transform-small: uppercase !default;\n $blog_h2-text-transform-small: none !default;\n $blog_h3-text-transform-small: $blog_h2-text-transform-small !default;\n $blog_h4-text-transform-small: $blog_h2-text-transform-small !default;\n $blog_h5-text-transform-small: $blog_h2-text-transform-small !default;\n $blog_h6-text-transform-small: $blog_h2-text-transform-small !default;\n\n// Heading bullet\n$blog_bullet-heading-padding: 0 0 0 1.2em !default;\n$blog_bullet-heading-image: url('#{$blog_image-path}ow-1.png') no-repeat left center !default;\n$blog_bullet-background-size: contain !default;\n\n//- Small\n$blog_small-text-color: rgba(#fff, .7) !default;\n$blog_small-font-size: 75% !default;\n\n//- paragraphs\n$blog_lead-paragraph-color: rgba(#fff, .5) !default;\n$blog_lead-paragraph-size: 20px !default;\n$blog_lead-paragraph-line-height: $blog_base-line-height !default;\n$blog_lead-paragraph-weight: 200 !default;\n$blog_paragraph-margin: #{$blog_base-line-height}rem !default;\n\n//- Blockquotes\n$blog_blockquote-font-size: $blog_base-max-font !default;\n$blog_blockquote-line-height: $blog_base-line-height !default;\n$blog_blockquote-font-style: normal !default;\n\n$blog_blockquote-padding: 1em !default;\n$blog_blockquote-margin: #{$blog_base-line-height}rem !default;\n\n\n // blockquote background\n $blog_blockquote-background: linear-gradient(-45deg, transparent 46%, rgba(#fff, .2) 49%, transparent 51%, transparent 55%) !default;\n $blog_blockquote-background-size: 6px 6px !default;\n $blog_blockquote-background-position: 0 0 !default;\n\n // blockquote border\n $blog_blockquote-border-width: 0 0 0 .5em !default;\n $blog_blockquote-border-style: solid !default;\n $blog_blockquote-border-color: rgba(#fff, .2) !default;\n\n // blockquote text\n $blog_blockquote-text-color: rgba(#fff, .5) !default;\n $blog_blockquote-weight: 100 !default;\n $blog_blockquote-text-transform: none !default;\n\n // cite\n $blog_blockquote-line-height: 1.75 !default;\n $blog_blockquote-cite-size: .7em !default;\n $blog_blockquote-cite-text: rgba(#fff, .7) !default;\n $blog_blockquote-cite-text-transform: uppercase !default;\n $blog_blockquote-cite-weight: 400 !default;\n $blog_blockquote-cite-before: ' - ' !default;\n $blog_blockquote-cite-padding: 1em 0 0 0 !default;\n\n //- pullquote\n $blog_pullquote-size: $blog_base-min-font !default;\n $blog_pullquote-line-height: $blog_base-line-height !default;\n $blog_pullquote-font-style: normal !default;\n\n $blog_pullquote-padding: 1em !default;\n $blog_pullquote-margin: #{$blog_base-line-height}rem !default;\n\n // pullquote background\n $blog_pullquote-background: linear-gradient(-45deg, transparent 46%, rgba(#fff, .2) 49%, transparent 51%, transparent 55%) !default;\n $blog_pullquote-background-size: 6px 6px !default;\n $blog_pullquote-background-position: 0 0 !default;\n\n // pullquote border\n $blog_pullquote-border-width: 0 !default;\n $blog_pullquote-border-style: solid !default;\n $blog_pullquote-border-color: transparent !default;\n\n // pullquote text\n $blog_pullquote-text-color: rgba(#fff, .6) !default;\n $blog_pullquote-weight: 100 !default;\n $blog_pullquote-text-transform: none !default;\n\n // pullquote cite\n $blog_pullquote-line-height: 1.75 !default;\n $blog_pullquote-cite-size: .7em !default;\n $blog_pullquote-cite-text: rgba(#fff, .7) !default;\n $blog_pullquote-cite-text-transform: uppercase !default;\n $blog_pullquote-cite-weight: 400 !default;\n $blog_pullquote-cite-before: ' - ' !default;\n $blog_pullquote-cite-padding: 1em 0 0 0 !default;\n\n\n//- Inline elements\n$blog_code-background-color: rgba($blog_base-accent-color, .2) !default;\n$blog_code-text-color: #fff !default;\n$blog_code-padding: 2px 4px !default;\n$blog_code-font-size: .8em !default;\n$blog_code-border-radius: 3px !default;\n$blog_code-margin: 2px !default;\n\n $blog_mark-color: rgba($blog_base-accent-color , .7) !default;\n $blog_mark-text-color: rgba(#fff, 1) !default;\n $blog_mark-padding: 0 .5em !default;\n\n $blog_abbr-border-color: rgba(#fff, .7) !default;\n\n//- dividers\n$blog_divider-height: 1px !default;\n$blog_divider-image-height: 30px !default;\n$blog_divider-width: 50% !default;\n$blog_divider-image-width: 50% !default;\n$blog_divider-image: '#{$blog_image-path}horizontal-divider.png' !default;\n$blog_divider-border-color: $blog_base-accent-color !default;\n$blog_divider-image-repeat: no-repeat !default;\n$blog_divider-image-position: center center !default;\n$blog_divider-background-size: contain !default;\n$blog_divider-margin: #{$blog_base-line-height}rem auto !default;\n\n// List style\n$blog_list-padding: #{$blog_base-line-height}rem !default;\n$blog_list-margin: #{$blog_base-line-height}rem !default;\n$blog_unordered-list-style: square !default;\n$blog_unordered-secondary-list-style: circle !default;\n$blog_list-image: '#{$blog_image-path}circle.svg' !default;\n$blog_list-image-width: 15px !default;\n$blog_list-image-height: 15px !default;\n$blog_list-image-background-size: contain !default;\n\n$blog_ordered-list-style: decimal !default;\n$blog_ordered-secondart-list-style: lower-roman !default;\n\n$blog_dt-font-weight: 200 !default;\n$blog_dt-font-color: rgba(#fff, .5) !default;\n\n$blog_component-offset-horizontal: 180px !default;\n\n//- Cards\n$blog_card-drop-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24) !default;\n$blog_card-background: rgba(#fff , .05) !default;\n$blog_card-border-width: 1px !default;\n$blog_card-border-color: rgb(43, 44, 47) !default;\n$blog_card-border-radius: 1px !default;\n$blog_card-margin-bottom: #{$blog_base-line-height}rem!default;\n$blog_card-block-padding: 0 1em !default;\n$blog_card-block-min-height: 11.55em !default;\n$blog_card-height: auto !default;\n$blog_card-max-width: 16rem !default;\n$blog_card-group-margin: .2em !default;\n\n // Card Gallery\n $blog_card-group-padding: 0 0 .2em .2em !default;\n\n // Inside Card\n $blog_card-img-shadow: none !default;\n $blog_card-bottom-img-border-width: 1px 0 0 0 !default;\n $blog_card-bottom-img-border-color: rgb(43, 44, 47) !default;\n $blog_card-top-img-border-width: 0 0 1px 0 !default;\n $blog_card-top-img-border-color: rgb(43, 44, 47) !default;\n\n // title\n $blog_card-title-transform: uppercase;\n $blog_card-title-weight: 100 !default;\n $blog_card-title-text-size: 1.1em !default;\n $blog_card-title-font-family: $blog_base-font-stack !default;\n $blog_card-title-margin: 0 !default;\n $blog_card-title-padding: 1em 0 .5em !default;\n\n // text\n $blog_card-text-margin: 0 !default;\n $blog_card-text-padding: 0 0 1em !default;\n $blog_card-text-color: $blog_text-color !default;\n\n // header\n $blog_card-header-margin: 0 !default;\n $blog_card-header-padding: .8em 1em !default;\n $blog_card-header-background: rgba(#fff , .05) !default;\n $blog_card-header-text-size: 1em !default;\n $blog_card-header-text-color: rgba(#fff , .8) !default;\n\n // footer\n $blog_card-footer-margin: 0 !default;\n $blog_card-footer-padding: .6em 1.3em !default;\n $blog_card-footer-background: rgba(#fff , .03) !default;\n $blog_card-footer-text-size: .8em !default;\n $blog_card-footer-text-color: rgba(#fff, .3) !default;\n $blog_card-footer-border-width: 1px 0 0 0 !default;\n $blog_card-footer-border-color: rgb(43, 44, 47) !default;\n\n//- Tables\n$blog_table-cell-padding: .5em !default;\n$blog_table-caption-text-align: left !default;\n$blog_table-condensed-cell-padding: .4em !default;\n$blog_table-line-height: $blog_base-line-height !default;\n$blog_table-margin: #{$blog_base-line-height}rem !default;\n$blog_table-responsive-margin: ($blog_base-line-height * 0.75) + rem !default;\n\n$blog_table-bg: transparent !default;\n$blog_table-th-text: uppercase !default;\n$blog_table-th-text-align: left !default;\n$blog_table-font-size: 1em !default;\n$blog_table-th-text-color: rgba(#fff, .3) !default;\n$blog_table-bg-accent: rgba(#fff , .05) !default;\n$blog_table-bg-hover: rgba(#fff , .1) !default;\n$blog_table-bg-active: $blog_table-bg-hover !default;\n$blog_table-border-color: rgb(43, 44, 47) !default;\n$blog_table-border-width: 2px !default;\n\n$blog_table-stacked-weight: 200 !default;\n$blog_table-stacked-th-align: right !default;\n$blog_table-stacked-padding: 1em !default;\n$blog_table-stacked-th-width: 40% !default;\n\n// Buttons\n$blog_btn-name: 'btn' !default;\n$blog_btn-size-ratio: 1.2 !default;\n\n$blog_btn-radius: 2px !default;\n$blog_btn-margin: #{$blog_base-line-height}rem !default;\n$blog_btn-text-decoration: none !default;\n$blog_btn-transitions: all .2s ease-in !default;\n\n$blog_btn-border-width: 1px !default;\n$blog_cursor-disabled: no-drop !default;\n$blog_btn-link-disabled-color: lighten(#000, 46.7%) !default;\n\n //size\n $blog_btn-padding: 8px 24px !default;\n $blog_btn-font-size: 1em !default;\n\n $blog_btn-large-padding: 12px 30px !default;\n $blog_btn-large-font-size: 1.2em !default;\n\n $blog_btn-small-padding: 5px 16px !default;\n $blog_btn-small-font-size: .8em!default;\n\n $blog_btn-xs-padding: 5px 16px !default;\n $blog_btn-xs-font-size: .7em !default;\n\n // styles\n $blog_btn-default-background: $blog_base-accent-color !default;\n $blog_btn-default-border-color: darken($blog_base-accent-color, 10) !default;\n $blog_btn-default-text: #fff !default;\n\n $blog_btn-hover-default-background: lighten($blog_btn-default-background, 10) !default;\n $blog_btn-hover-default-border-color: $blog_btn-default-border-color !default;\n $blog_btn-hover-default-text: #fff !default;\n $blog_btn-hover-text-decoration: none !default;\n\n $blog_btn-alternate-background: #333 !default;\n $blog_btn-alternate-border-color: #222 !default;\n $blog_btn-alternate-text: #fff !default;\n\n $blog_btn-hover-alternate-background: #222 !default;\n $blog_btn-hover-alternate-border-color: #333 !default;\n $blog_btn-hover-alternate-text: #fff !default;\n\n//- Links\n$blog_link-color: $blog_base-accent-color !default;\n$blog_link-hover-color: lighten($blog_base-accent-color, 10) !default;\n$blog_link-text-decoration: none !default;\n$blog_link-hover-decoration: none !default;\n\n//- gallery\n$blog_gallery-margin: #{$blog_base-line-height}rem 0 !default;\n$blog_gallery-width: 230px !default;\n\n//- images\n$blog_image-margin: #{$blog_base-line-height}rem !default;\n$blog_image-radius: .3em !default;\n$blog_image-border: transparent !default;\n$blog_image-border-width: 1px !default;\n$blog_image-shadow: transparent !default;\n$blog_image-box-shadow-after: 0 0 0 1px rgba($blog_image-shadow, .15) inset !default;\n$blog_image-box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24) !default;\n\n$blog_thumbnail-padding: 2px !default;\n$blog_thumbnail-bg: rgba($blog_base-accent-color, .2) !default;\n$blog_thumbnail-border: transparent !default;\n$blog_thumbnail-border-radius: $blog_image-radius !default;\n\n//- Figure\n$blog_figure-padding: 1em !default;\n$blog_figure-background: transparent !default;\n$blog_figcaption-padding: 1em !default;\n$blog_figcaption-background-color: linear-gradient(-45deg, transparent 46%, rgba(#fff, .2) 49%, transparent 51%, transparent 55%) !default;\n$blog_figcaption-text: rgba(#fff, .5) !default;\n$blog_figcaption-lineheight: $blog_base-line-height !default;\n$blog_figcaption-size: 14px !default;\n$blog_figcaption-text-align: left !default;\n$blog_figcaption-text-style: normal !default;\n$blog_figcaption-background-size: 6px 6px !default;\n$blog_figcaption-height: #{$blog_base-line-height}rem !default;\n$blog_figcaption-margin: #{$blog_base-line-height}rem !default;\n\n//- videos\n$blog_video-size: 100% !default;\n$blog_video-margin: #{$blog_base-line-height}rem !default;\n$blog_video-padding: 0 1em !default;\n$blog_video-border-width: 1px !default;\n$blog_video-border-color: transparent !default;\n$blog_aspect-ratio: 56.25% !default;\n\n//- Media Object\n$blog_media-margin: #{$blog_base-line-height}rem !default;\n$blog_media-padding: 1em !default;\n$blog_media-object-heading-color: #fff !default;\n$blog_media-object-heading: $blog_base-secondary-font-stack !default;\n$blog_media-object-heading-weight: 200 !default;\n$blog_media-object-heading-size: 1 !default;\n$blog_media-object-heading-transform: none !default;\n$blog_media-object-max-size: 80px !default;\n\n// //- tabs\n$blog_tab-nav-background-color: rgba(10, 12, 16, 0.5) !default;\n$blog_tab-nav-border-width: 1px 1px 1px 1px !default;\n$blog_tab-nav-border-color: rgba(#fff , .08) !default;\n$blog_tab-border-width: 0 0 4px 0 !default;\n$blog_tab-border-color: transparent !default;\n$blog_tab-text-decoration: none !default;\n$blog_tab-link-margin: 0 1em !default;\n$blog_tab-padding: 1em 1em (1em / 2) 1em !default;\n\n$blog_tab-active-background: rgba(#fff, 0) !default;\n$blog_tab-text-color: $blog_base-accent-color !default;\n$blog_tab-active-border-color: linear-gradient($blog_base-accent-color, $blog_base-accent-color ) 1 !default;\n$blog_tab-active-text-color: #fff !default;\n\n$blog_tab-content-background: rgba(10, 12, 16, 0.5) !default;\n$blog_tab-content-border-width: 0 1px 1px 1px !default;\n$blog_tab-content-border-color: rgba(#fff , .08) !default;\n$blog_tab-content-padding: 1em;\n$blog_tab-content-margin: 1em !default;\n\n//- accordion/panels\n$blog_accordion-title-size: 1.2em !default;\n$blog_accordion-padding: 1em 4.3em 1em 1em !default;\n$blog_accordion-border-width: 1px !default;\n$blog_accordion-border-color: rgba(#fff , .08) !default;\n$blog_accordion-margin: #{$blog_base-line-height}rem !default;\n$blog_accordion-background-color: rgba(10, 12, 16, 0.5) !default;\n$blog_accordion-color: #fff !default;\n$blog_accordion-carret-closed: #adadae !default;\n$blog_accordion-carret-open: $blog_base-accent-color !default;\n$blog_accordion-text-decoration: none !default;\n\n$blog_accordion-img-background-height: 100% !default;\n","@import \"utils/all\";\n\n\n[data=#{$blog_container-name}],\n.#{$blog_container-name} {\n\n @import \"base/all\"; // typography\n @import \"components/all\"; // all components\n\n @include typography();\n font-weight: $blog_base-font-weight;\n font-family: $blog_base-font-stack;\n background-color: $blog_body-bg;\n color: $blog_text-color;\n}\n","// fonts\n@import 'node_modules/modularscale-sass/stylesheets/modularscale';\n$modularscale: (\n base: 1.6rem,\n ratio: 1.25\n);\n\n$futura: 'FuturaNo2D', 'century gothic', arial, sans-serif;\n$big-noodle: 'Big Noodle Too', impact, sans-serif;\n$arial: 'Arial', sans-serif;\n$koverwatch: 'Koverwatch', sans-serif;\n$blackfit77: 'BlackFit77', sans-serif;\n$noto-sans: 'Noto Sans', sans-serif;\n$open-sans: 'Open Sans', sans-serif;\n$ud-typos: 'UDTypos', 'Arial', sans-serif;\n$df-so-gei-std: 'DFSoGeiStd', sans-serif;\n\n//http://www.modularscale.com/?1.8&rem&1.25\n$font-tier0: ms(-2); //10.24px\n$font-tier1: ms(-1); //12.8px\n$font-tier2: ms(0); //16px\n$font-tier3: ms(1); //20px\n$font-tier4: ms(2); //25px\n$font-tier5: ms(3); //31.25px\n$font-tier6: ms(4); //39.06px\n$font-tier7: ms(5); //48.83px\n$font-tier8: ms(6);\n$font-tier9: ms(7);\n$font-tier10: ms(8);\n$font-tier11: ms(9);\n\n//font sizes\n$large-font-size: $font-tier3;\n$small-font-size: $font-tier1;\n$fine-font-size: $font-tier0;\n","//BASE styles\n\n\t//- Blog Variable name for Blog container\n\t$blog_container-name: 'blog-body';\n\t$blog_body-bg: transparent;\n\n\t//breakpoints\n\t$blog_mq-xs: $sm-min-value;\n\t$blog_mq-small: $md-min-value;\n\t$blog_mq-medium: $lg-min-value;\n\t$blog_mq-large: $xl-min-value;\n\n\t//fonts\n\t$blog_base-font-stack: $arial;\n\t$blog_base-secondary-font-stack: $big-noodle;\n\n\t//headings\n\t$blog_h1-weight: normal;\n\t$flex-font-config: false;\n\t//TODO: Figure out if there's a mobile to desktop font scale\n\t$blog_h1-size: $font-tier7;\n\t$blog_h2-size: $font-tier6;\n\t$blog_h3-size: $font-tier5;\n\t$blog_h4-size: $font-tier4;\n\t$blog_h5-size: $font-tier3;\n\t$blog_h6-size: $font-tier1;\n\n\t//links\n\t$blog_link-color: $orange;\n\t$blog_link-hover-color: lighten($orange, 10%);\n\n\t//dividers\n\t$blog_divider-height: 6px;\n\t$blog_divider-width: 100%;\n\t$blog_divider-border-color: $grey-dark;\n\n\t//lists\n\t$blog_list-image: 'img/layout/ui/bullet-unordered.png';\n\t$blog_list-image-width: 11px;\n\t$blog_list-image-height: 11px;\n\n\t//images\n\t$blog_image-path: 'images/responsive-blog/';\n\n\t//tables\n\t$blog_table-th-text-color: $cyan-dark;\n\n//MODULES\n\n\t//buttons\n\t$blog_btn-radius: 2px;\n\t$blog_btn-border-width: 3px;\n\t$blog_btn-padding: 6px 1em;\n\n\t$blog_btn-large-padding: $blog_btn-padding;\n\t$blog_btn-large-font-size: $font-tier3;\n\n\t$blog_btn-small-padding: $blog_btn-padding;\n\t$blog_btn-small-font-size: $font-tier1;\n\n\t$blog_btn-xs-padding: $blog_btn-padding;\n\t$blog_btn-xs-font-size: $font-tier1;\n\n\n\t$blog_btn-default-background: $orange;\n\t$blog_btn-default-border-color: transparent;\n\t$blog_btn-default-text: $white;\n\n\t$blog_btn-hover-default-background: $orange-light;\n\t$blog_btn-hover-default-border-color: transparent;\n\t$blog_btn-hover-default-text: $white;\n\n\t$blog_btn-alternate-background: $white;\n\t$blog_btn-alternate-border-color: $white;\n\t$blog_btn-alternate-text: $black;\n\n\t$blog_btn-hover-alternate-background: transparent;\n\t$blog_btn-hover-alternate-border-color: $white;\n\t$blog_btn-hover-alternate-text: $white;\n\n\t//cards\n\t$blog_card-max-width: 30rem;\n\n\t//bullet-heading\n\t$blog_bullet-heading-image: url('img/icons/bullet-heading.png') no-repeat left center;\n","// heading Flex\n@mixin h1($flex-font: $flex-font-config) {\n @if $flex-font == true {\n $local-min-font: $blog_base-min-font * (math-pow($blog_heading-ratio, $blog_h1-exp));\n $local-max-font: $blog_base-max-font * (math-pow($blog_heading-ratio, $blog_h1-exp));\n\n @include typography($min-font: $local-min-font, $max-font: $local-max-font);\n @include vertical-rhythm($local-min-font, $local-max-font);\n //font-size: $h1-size;\n } @else {\n font-size: $blog_h1-size;\n line-height: $blog_h1-line-height;\n }\n};\n@mixin h2($flex-font: $flex-font-config) {\n @if $flex-font == true {\n $local-min-font: $blog_base-min-font * (math-pow($blog_heading-ratio, $blog_h2-exp));\n $local-max-font: $blog_base-max-font * (math-pow($blog_heading-ratio, $blog_h2-exp));\n\n @include typography($min-font: $local-min-font, $max-font: $local-max-font);\n @include vertical-rhythm($local-min-font, $local-max-font);\n //font-size: $h2-size;\n } @else {\n font-size: $blog_h2-size;\n line-height: $blog_h2-line-height;\n }\n};\n@mixin h3($flex-font: $flex-font-config) {\n @if $flex-font == true {\n $local-min-font: $blog_base-min-font * (math-pow($blog_heading-ratio, $blog_h3-exp));\n $local-max-font: $blog_base-max-font * (math-pow($blog_heading-ratio, $blog_h3-exp));\n\n @include typography($min-font: $local-min-font, $max-font: $local-max-font);\n @include vertical-rhythm($local-min-font, $local-max-font);\n //font-size: $h3-size;\n } @else {\n font-size: $blog_h3-size;\n line-height: $blog_h3-line-height;\n }\n};\n@mixin h4($flex-font: $flex-font-config) {\n @if $flex-font == true {\n $local-min-font: $blog_base-min-font * (math-pow($blog_heading-ratio, $blog_h4-exp));\n $local-max-font: $blog_base-max-font * (math-pow($blog_heading-ratio, $blog_h4-exp));\n\n @include typography($min-font: $local-min-font, $max-font: $local-max-font);\n @include vertical-rhythm($local-min-font, $local-max-font);\n //font-size: $h4-size;\n } @else {\n font-size: $blog_h4-size;\n line-height: $blog_h4-line-height;\n }\n};\n@mixin h5($flex-font: $flex-font-config) {\n @if $flex-font == true {\n $local-min-font: $blog_base-min-font * (math-pow($blog_heading-ratio, $blog_h5-exp));\n $local-max-font: $blog_base-max-font * (math-pow($blog_heading-ratio, $blog_h5-exp));\n\n @include typography($min-font: $local-min-font, $max-font: $local-max-font);\n @include vertical-rhythm($local-min-font, $local-max-font);\n //font-size: $h5-size;\n } @else {\n font-size: $blog_h5-size;\n line-height: $blog_h5-line-height;\n }\n};\n@mixin h6($flex-font: $flex-font-config) {\n @if $flex-font == true {\n $local-min-font: $blog_base-min-font * (math-pow($blog_heading-ratio, $blog_h6-exp));\n $local-max-font: $blog_base-max-font * (math-pow($blog_heading-ratio, $blog_h6-exp));\n\n @include typography($min-font: $local-min-font, $max-font: $local-max-font);\n @include vertical-rhythm($local-min-font, $local-max-font);\n //font-size: $h6-size;\n } @else {\n font-size: $blog_h6-size;\n line-height: $blog_h6-line-height;\n }\n};\n\n@mixin heading-line-height($flex-font: $flex-font-config) {\n @if $flex-font == true {\n line-height: $blog_heading-line-height;\n }@else {\n margin-top: $blog_heading-margin;\n margin-bottom: $blog_heading-margin;\n }\n}\n\n// lead Paragrpahs\n@mixin lead($flex-font: $flex-font-config) {\n @if $flex-font == true {\n $local-min-font: $blog_base-min-font * (math-pow($blog_heading-ratio, $blog_h5-exp));\n $local-max-font: $blog_base-max-font * (math-pow($blog_heading-ratio, $blog_h5-exp));\n\n @include typography($min-font: $local-min-font, $max-font: $local-max-font);\n\n //font-size: $lead-paragraph-size;\n } @else {\n font-size: $blog_lead-paragraph-size;\n line-height: $blog_lead-paragraph-line-height;\n }\n};\n\n// blockquotes\n@mixin blockquotes($flex-font: $flex-font-config) {\n @if $flex-font == true {\n $local-min-font: $blog_base-min-font * (math-pow($blog_heading-ratio, $blog_h5-exp));\n $local-max-font: $blog_base-max-font * (math-pow($blog_heading-ratio, $blog_h5-exp));\n\n @include typography($min-font: $local-min-font, $max-font: $local-max-font);\n\n //font-size: $blockquote-font-size;\n } @else {\n font-size: $blog_blockquote-font-size;\n line-height: $blog_blockquote-line-height;\n }\n};\n","// new palette\n$theme-colors: (\n 'plum': #8095c1,\n 'plum-v1': #aec3ed,\n 'plum-v2': #51658e,\n 'plum-v3': #33466c,\n 'white': #ffffff,\n 'white-v1': #f2f1ed,\n 'white-v2': #e5e3dc,\n 'white-v3': #c5c2bb,\n 'gray': #212529,\n 'gray-v1': #9b9da2,\n 'gray-v2': #727a82,\n 'gray-v3': #4b535d,\n 'blue': #00a0ea,\n 'blue-v1': #00c4ff,\n 'blue-v2': #007dd1,\n 'blue-v3': #005fb8,\n 'orange': #ff8900,\n 'orange-v1': #ff9d00,\n 'orange-v2': #e66700,\n 'orange-v3': #cc4b00,\n 'black': #000000,\n 'bright-red': #f53e31,\n 'bright-orange': #ff7940,\n 'bright-yellow': #fdd939,\n 'bright-green': #45ca00,\n 'bright-cyan': #07dcff,\n 'bright-blue': #1162ed,\n 'bright-violet': #8d37fb,\n 'bright-magenta': #ff68ab,\n);\n\n// Retrieve color from sass map $global-colors\n//\n// @param {string} $color - Name of color to return from `$color-config`.\n@function color($color) {\n @if map-has-key($theme-colors, $color) {\n @return map-get($theme-colors, $color);\n } @else {\n @error '`#{$color}` is not an available color for use on the site.';\n }\n}\n\n@function modify-hsl($color, $hue-amount: 0, $saturation-amount: 0, $lightness-amount: 0) {\n $new-color: $color;\n $new-color: adjust-hue($new-color, $hue-amount);\n $new-color: saturate($new-color, $saturation-amount);\n $new-color: lighten($new-color, $lightness-amount);\n @return $new-color;\n}\n\n// colors (refer to style guide)\n$orange: rgb(255,156,0); //-#ff9c00\n$cyan: rgb(0, 195, 255); //-#00C3FF\n$magenta: rgb(237,60,239); //-#ed3cef\n$green: rgb(0, 153, 61); //-#00993D\n$blue: rgb(64, 82, 117); //-#405275\n$blue-midnight: rgb(0,32,93); //-#00205d\n$purple: rgb(45,41,60);\n$black: rgb(51, 51, 51); //-#333333\n$white: #F6F6F6;\n$grey: rgb(161, 161, 161); //-#A1A1A1\n$true-white: rgb(255, 255, 255);\n$true-black: rgb(0, 0, 0);\n$gold: #c68e26;\n$blue-dark: rgb(60, 72, 96); //-#3C4860\n$blue-filter-link: rgb(26, 50, 94); //-#1A325E\n$blue-filter-link-opacity: rgba(60, 72, 96, 0.5);\n$blue-light: rgb(157, 170, 200); //-#9DAAC8\n$blue-lighter: rgb(198, 203, 222); //-#C6CBDE\n$cyan-dark: rgb(0, 165, 226); //-#00A5E2\n$orange-light: rgb(255,176,51); //-#ffb033\n$grey-light: rgb(204, 204, 204); //-#CCCCCC\n$grey-lighter: rgb(233, 233, 231); //-#E9E9E7\n$grey-dark: rgb(114, 114, 114); //-#727272\n$accent-blue: #00a0ea;\n$plum: #33466C;\n\n$shotcaller-orange: #F19512;\n$teammate-purple: #C81AF5;\n$sportsmanship-green: #40CE44;\n\n$role-damage-color: #e71d26;\n$role-tank-color: #f8a22d;\n$role-support-color: #00a345;\n\n$colors-map: (\n accent-blue: $accent-blue,\n blue-dark: $blue-dark,\n blue: $blue,\n blue-light: $blue-light,\n blue-lighter: $blue-lighter,\n blue-midnight: $blue-midnight,\n cyan: $cyan,\n cyan-dark: $cyan-dark,\n orange: $orange,\n orange-light: $orange-light,\n grey-light: $grey-light,\n grey: $grey,\n grey-dark: $grey-dark,\n black: $black,\n white: $white,\n true-white: $true-white,\n true-black: $true-black,\n shotcaller-orange: $shotcaller-orange,\n teammate-purple: $teammate-purple,\n sportsmanship-green: $sportsmanship-green,\n plum: $plum\n);\n\n//TODO: Rename or delete these variables and move colors to where used.\n$new-tag-yellow: rgb(255, 227, 11); //-#ffe30b\n$new-tag-orange: rgb(231, 155, 42); //-#e79b2a\n$hero-portrait-blue: rgba(40, 53, 79, .9);\n$hero-portrait-selected: rgba(0, 195, 255, .98);\n$hero-portrait-title-blue: rgb(208, 208, 220); //-#D0D0DC\n$border-duo-top-color: rgb(75, 95, 107); //-#4b5f6b\n$border-duo-bottom-color: rgb(38, 53, 63); //-#26353f\n\n//Unlock Rarity color map\n$rarity-common: $true-white;\n$rarity-rare: $cyan;\n$rarity-epic: $magenta;\n$rarity-legendary: $orange;\n","//----------------------------\n// Dividers\n// ----------------------------\n// Depends on the following:\n// = mixins.scss\n//----------------------------\n\nhr {\n @include divider($blog_divider-border-color, $blog_divider-height);\n\n width: $blog_divider-width;\n margin: $blog_divider-margin;\n\n &.image-divider {\n @include position(relative);\n\n height: $blog_divider-image-height;\n width: $blog_divider-image-width;\n background-image: url(#{$blog_divider-image});\n background-repeat: $blog_divider-image-repeat;\n background-position: $blog_divider-image-position;\n background-size: $blog_divider-background-size;\n background-color: transparent;\n }\n}\n","@function ms-function($v: 0, $base: false, $ratio: false, $thread: false, $settings: $modularscale) {\n\n // Parse settings\n $ms-settings: ms-settings($base,$ratio,$thread,$settings);\n $base: nth($ms-settings, 1);\n $ratio: nth($ms-settings, 2);\n\n // Render target values from settings.\n @if unit($ratio) != '' {\n $ratio: ms-target($ratio,$base)\n }\n\n // Fast calc if not multi stranded\n @if(length($base) == 1) {\n @return ms-round-px(ms-pow($ratio, $v) * $base);\n }\n\n // Create new base array\n $ms-bases: nth($base,1);\n\n // Normalize base values\n @for $i from 2 through length($base) {\n // initial base value\n $ms-base: nth($base,$i);\n // If the base is bigger than the main base\n @if($ms-base > nth($base,1)) {\n // divide the value until it aligns with main base.\n @while($ms-base > nth($base,1)) {\n $ms-base: $ms-base / $ratio;\n }\n $ms-base: $ms-base * $ratio;\n }\n // If the base is smaller than the main base.\n @elseif ($ms-base < nth($base,1)) {\n // pump up the value until it aligns with main base.\n @while $ms-base < nth($base,1) {\n $ms-base: $ms-base * $ratio;\n }\n }\n // Push into new array\n $ms-bases: append($ms-bases,$ms-base);\n }\n\n // Sort array from smallest to largest.\n $ms-bases: ms-sort($ms-bases);\n\n // Find step to use in calculation\n $vtep: floor($v / length($ms-bases));\n // Find base to use in calculation\n $ms-base: round(($v / length($ms-bases) - $vtep) * length($ms-bases)) + 1;\n\n @return ms-round-px(ms-pow($ratio, $vtep) * nth($ms-bases,$ms-base));\n}","//----------------------------\n// Headings\n// ----------------------------\n// Depends on the following:\n// = u-typography.scss\n// = helpers.scss\n// = mixins.scss\n// = functions.scss\n// = math.scss\n//----------------------------\nh1, .h1 {\n @include h1;\n\n font-family: $blog_heading-font-stack;\n color: $blog_h1-color;\n font-weight: $blog_h1-weight;\n text-transform: $blog_h1-text-transform;\n\n .small,\n small {\n text-transform: $blog_h1-text-transform-small;\n }\n}\n\nh2, .h2 {\n @include h2;\n\n font-family: $blog_heading-font-stack;\n color: $blog_h2-color;\n font-weight: $blog_h2-weight;\n text-transform: $blog_h2-text-transform;\n\n .small,\n small {\n text-transform: $blog_h2-text-transform-small;\n }\n}\n\nh3, .h3 {\n @include h3;\n\n font-family: $blog_heading-font-stack;\n color: $blog_h3-color;\n font-weight: $blog_h3-weight;\n text-transform: $blog_h3-text-transform;\n\n .small,\n small {\n text-transform: $blog_h3-text-transform-small;\n }\n}\n\nh4, .h4 {\n @include h4;\n\n font-family: $blog_heading-font-stack;\n color: $blog_h4-color;\n font-weight: $blog_h4-weight;\n text-transform: $blog_h4-text-transform;;\n\n .small,\n small {\n text-transform: $blog_h4-text-transform-small;\n }\n}\n\nh5, .h5 {\n @include h5;\n\n color: $blog_h5-color;\n font-weight: $blog_h5-weight;\n text-transform: $blog_h5-text-transform;\n\n .small,\n small {\n text-transform: $blog_h5-text-transform-small;\n }\n}\n\nh6, .h6 {\n @include h6;\n\n color: $blog_h6-color;\n font-weight: $blog_h6-weight;\n text-transform: $blog_h6-text-transform;\n\n .small,\n small {\n text-transform: $blog_h6-text-transform-small;\n }\n}\n\nh1, .h1,\nh2, .h2,\nh3, .h3,\nh4, .h4,\nh5, .h5,\nh6, .h6 {\n @extend %clearfix;\n @include heading-line-height;\n\n small,\n .small {\n color: $blog_sub-heading-text-color;\n font-size: $blog_sub-heading-font-size;\n display: $blog_sub-heading-display;\n }\n\n &.bullet-heading {\n padding: $blog_bullet-heading-padding;\n background: $blog_bullet-heading-image;\n background-size: $blog_bullet-background-size;\n }\n}\n","//----------------------------\n// Inline Elements\n// ----------------------------\n// Depends on the following:\n// = helpers.scss\n// = mixins.scss\n// = maps.scss\n//----------------------------\n\ncode {\n font-family: $blog_code-font-stack;\n background-color: $blog_code-background-color;\n color: $blog_code-text-color;\n padding: $blog_code-padding;\n font-size: $blog_code-font-size;\n border-radius: $blog_code-border-radius;\n margin: 0 $blog_code-margin;\n}\n\nmark {\n background-color: $blog_mark-color;\n padding: $blog_mark-padding;\n color: $blog_mark-text-color;\n}\n\nstrong,\nb { @extend %bold; }\n\ni,\nem { font-style: italic; }\n\nabbr[title] {\n @include mq-breakpoint(medium) {\n border-bottom: 1px dotted $blog_abbr-border-color;\n cursor: help;\n };\n &::after {\n font-size: $blog_small-font-size;\n color: $blog_small-text-color;\n content: \"(\" attr(title)\") \";\n @include mq-breakpoint(medium) {\n content: '';\n }\n }\n}\n\nsup {\n color: $blog_small-text-color;\n font-size: $blog_small-font-size;\n vertical-align: super;\n}\n\nsub {\n color: $blog_small-text-color;\n font-size: $blog_small-font-size;\n vertical-align: baseline;\n}\n","//----------------------------\n// Links\n// ----------------------------\n// Depends on the following:\n// = mixins.scss\n//----------------------------\na {\n color: $blog_link-color;\n text-decoration: $blog_link-text-decoration;\n\n &:hover,\n &:focus {\n color: $blog_link-hover-color;\n text-decoration: $blog_link-hover-decoration;\n }\n\n &:focus {\n @include tab-focus;\n }\n}\n\na.btn {\n &.disabled,\n fieldset[disabled] & {\n pointer-events: none; // Future-proof disabling of clicks on `` elements\n }\n}\n","//----------------------------\n// Inline Elements\n// ----------------------------\n// Depends on the following:\n// = helpers.scss\n// = mixins.scss\n// = maps.scss\n//----------------------------\nul,\nol {\n padding-left: $blog_list-padding;\n margin-bottom: $blog_list-margin;\n margin-top: 0;\n\n ul,\n ol { margin-bottom: 0; }\n ol { list-style: $blog_ordered-secondart-list-style;}\n}\n\nul { list-style: $blog_unordered-list-style; }\nol { list-style: $blog_ordered-list-style; }\n\nul ul,\nol ul { list-style-type: $blog_unordered-secondary-list-style; }\n.list-unstyled {\n @include list-unstyled;\n}\n\n.list-inline {\n @include list-unstyled;\n margin-left: -5px;\n\n > li {\n @include position(relative);\n display: inline-block;\n padding-left: 5px;\n padding-right: 5px;\n }\n}\n\n.list-custom {\n @include list-unstyled;\n li {\n @include position(relative);\n padding-left: $blog_list-padding;\n display: block;\n\n &::before {\n @include position(absolute, 8px, null, null, 0);\n @include size($blog_list-image-width, $blog_list-image-height);\n background: url($blog_list-image) no-repeat 0 0;\n background-size: $blog_list-image-background-size;\n content: ' ';\n display: inline-block;\n text-indent: -9999px;\n }\n }\n ul {\n @include list-unstyled;\n }\n}\n\ndl {\n margin-bottom: $blog_list-padding;\n margin-top: 0; // Remove browser default\n}\ndt,\ndd {\n line-height: $blog_list-padding;\n}\ndt {\n font-weight: $blog_dt-font-weight;\n color: $blog_dt-font-color;\n}\ndd {\n margin-left: 0; // Undo browser default\n}\n.dl-horizontal {\n dt {\n @include text-overflow;\n width: ($blog_component-offset-horizontal - 20);\n margin-right: $blog_list-margin;\n float: left;\n clear: left;\n text-align: right;\n\n @include mq-breakpoint(tiny) {\n float: none;\n text-align: left;\n width: 100%;\n };\n\n dd {\n margin-left: $blog_component-offset-horizontal;\n }\n };\n dd { @extend %clearfix; }\n}\n","//----------------------------\n// Paragraphs\n// ----------------------------\n// Depends on the following:\n// = helpers.scss\n// = mixins.scss\n// = u-typography.scss\n// = math.scss\n//----------------------------\np {\n margin-bottom: $blog_paragraph-margin;\n\n &.lead,\n &.lede {\n @include lead;\n\n font-weight: $blog_lead-paragraph-weight;\n color: $blog_lead-paragraph-color;\n }\n}\n","// Typography\n//----------------------\n.type {\n\ttext-rendering: optimizeLegibility;\n\tline-height: 1;\n\tmargin-top: 0;\n}\n\n// Vertical alignment\n.vertical-top { vertical-align: top; }\n.vertical-bottom { vertical-align: bottom; }\n.vertical-middle { vertical-align: middle; }\n\n// text-transform\n.text-uppercase { text-transform: uppercase; }\n.text-lowercase { text-transform: lowercase; }\n.text-capitalize { text-transform: capitalize; }\n.text-reset { text-transform: none; }\n\n// text-alignment\n.text-left { text-align: left; }\n.text-right { text-align: right; }\n.text-center { text-align: center; }\n.text-justify { text-align: justify; }\n.text-nowrap { white-space: nowrap; }\n\n\n// Alignment\n//----------------------\n.center-block {\n\t@include center-block;\n\timg {\n\t\twidth: 100%;\n\t\tmargin-left: auto;\n\t\tmargin-right: auto;\n\t}\n}\n\n.pull-left {\n\t@extend %clearfix;\n\t@extend .center-block;\n\tfloat: none;\n\n\t@include mq-breakpoint(small) {\n\t\t*zoom: 1;\n &:before,\n &:after {\n display: table;\n content: \"\";\n line-height: 0;\n }\n &:after { clear: both; }\n\n\t\tmargin: 0 $blog_pull-left-margin 0 0;\n\t\tmax-width: $blog_pulled-image-max-width;\n\t\tfloat: left;\n\t\tdisplay: inline;\n\n\t};\n}\n\n.pull-right {\n\t@extend %clearfix;\n\t@extend .center-block;\n\n\tfloat: none;\n\n\t@include mq-breakpoint(small) {\n\t\t*zoom: 1;\n &:before,\n &:after {\n display: table;\n content: \"\";\n line-height: 0;\n }\n &:after { clear: both; }\n\n\t\tmargin: 0 0 0 $blog_pull-right-margin;\n\t\tmax-width: $blog_pulled-image-max-width;\n\t\tfloat: right;\n\t\tdisplay: inline;\n\n\t};\n}\n","//----------------------------\n// Panel Group AKA Accordion\n// ----------------------------\n// Depends on the following:\n// = helpers.scss\n// = mixins.scss\n//----------------------------\n.panel-group {\n .panel {\n margin-bottom: $blog_accordion-margin;\n border: 1px solid $blog_accordion-border-color;\n background-color: $blog_accordion-background-color;\n -webkit-tap-highlight-color: rgba(0,0,0,0);\n -webkit-tap-highlight-color: transparent; /* For some Androids */\n\n .panel-heading {\n @include position(relative);\n .panel-title {\n a {\n padding: $blog_accordion-padding;\n color: $blog_accordion-color;\n border-bottom: $blog_accordion-border-width solid $blog_accordion-border-color;\n font-size: $blog_accordion-title-size;\n text-decoration: $blog_accordion-text-decoration;\n display: block;\n\n img {\n @include position(absolute, 0, 0, 0, 0);\n height: $blog_accordion-img-background-height;\n margin: 0;\n box-shadow: none;\n border: 0 none;\n z-index: 0;\n }\n\n // Caret\n &::after, &::before {\n @include position(absolute, 40%, 4em);\n background-color: $blog_accordion-carret-open;\n transition: all 0.2s ease-in-out;\n right: 2em;\n width: 3px;\n height: 9px;\n content: \"\";\n }\n\n &:before { transform: translate(-2px, 0) rotate(45deg); }\n &:after { transform: translate(2px, 0) rotate(-45deg); }\n\n &.collapsed {\n\n\n &::after, &::before { background-color: $blog_accordion-carret-closed; }\n\n\n &:before { transform: translate(2px, 0) rotate(45deg); }\n &:after { transform: translate(-2px, 0) rotate(-45deg); }\n\n }\n }\n }\n }\n }\n\n .panel-collapse {\n &.collapse {\n display: none;\n\n &.in {\n display: block;\n }\n }\n }\n .panel-body {\n padding: $blog_accordion-padding;\n //border-left: $blog_accordion-border-width solid $blog_accordion-border-color;\n //margin-left: $blog_accordion-active-margin;\n }\n}\n","//----------------------------\n// Buttons\n// ----------------------------\n// Depends on the following:\n// = helpers.scss\n// = mixins.scss\n// = maps.scss\n//----------------------------\n\n.#{$blog_btn-name} {\n // Default styles\n border-radius: $blog_btn-radius;\n padding: $blog_btn-padding;\n border: $blog_btn-border-width solid;\n font-size: $blog_btn-font-size;\n text-decoration: $blog_btn-text-decoration;\n margin-bottom: $blog_btn-margin;\n transition: $blog_btn-transitions;\n display: block;\n cursor: pointer;\n text-align: center;\n\n @include mq-breakpoint(small) {\n display: inline-block;\n };\n\n &.center-block {\n margin: 0 auto $blog_btn-margin;\n text-align: center;\n }\n &.block {\n //width: 100%;\n //margin: ;\n margin:0 auto $blog_btn-margin;\n display: block;\n }\n\n // Modifiers\n &-lg {\n font-size: $blog_btn-large-font-size;\n padding: $blog_btn-large-padding;\n }\n\n &-sm {\n font-size: $blog_btn-small-font-size;\n padding: $blog_btn-small-padding;\n }\n &-xs {\n font-size: $blog_btn-xs-font-size;\n padding: $blog_btn-xs-padding;\n\n }\n &-alternate {\n\n background-color: $blog_btn-alternate-background;\n border-color: $blog_btn-alternate-border-color;\n color: $blog_btn-alternate-text;\n\n &:hover {\n background-color: $blog_btn-hover-alternate-background;\n border-color: $blog_btn-hover-alternate-border-color;\n color: $blog_btn-hover-alternate-text;\n text-decoration: $blog_btn-hover-text-decoration;\n }\n }\n &-default {\n background-color: $blog_btn-default-background;\n border-color: $blog_btn-default-border-color;\n color: $blog_btn-default-text;\n\n &:hover,\n &:focus {\n background-color: $blog_btn-hover-default-background;\n border-color: $blog_btn-hover-default-border-color;\n color: $blog_btn-hover-default-text;\n text-decoration: $blog_btn-hover-text-decoration;\n }\n }\n}\n","//----------------------------\n// Cards\n// ----------------------------\n// Depends on the following:\n// = helpers.scss\n// = mixins.scss\n// = maps.scss\n// = flexbox.scss\n//----------------------------\n.blog_card {\n\tbackground-color: $blog_card-background;\n\tbox-shadow: $blog_card-drop-shadow;\n\tborder: $blog_card-border-width solid $blog_card-border-color;\n\tborder-radius: $blog_card-border-radius;\n\theight: $blog_card-height;\n\tmargin-bottom: $blog_card-margin-bottom;\n\n\t@include mq-breakpoint(small) {\n\t\tmax-width: $blog_card-max-width;\n\t};\n\n\n\n\timg {\n display: block;\n height: auto;\n margin: 0 auto;\n max-width: 100%;\n width: 100%;\n\t}\n\n\t.blog_card-img-top,\n\t.blog_card-img-bottom {\n\t\tbox-shadow: $blog_card-img-shadow;\n box-sizing: border-box;\n\t\tdisplay: block;\n\t\twidth: 100%;\n\t}\n\n .blog_card-img-top {\n border-width: $blog_card-top-img-border-width ;\n border-color: $blog_card-top-img-border-color;\n border-style: solid;\n }\n\n\t.blog_card-img-bottom {\n border-width: $blog_card-bottom-img-border-width;\n border-color: $blog_card-bottom-img-border-color;\n border-style: solid;\n\t}\n\n\t// card title\n\t.blog_card-block {\n\t\tpadding: $blog_card-block-padding;\n height: inherit;\n\n\t\t.blog_card-title {\n text-transform: $blog_card-title-transform;\n font-weight: $blog_card-title-weight;\n\t\t\tmargin: $blog_card-title-margin;\n\t\t\tpadding: $blog_card-title-padding 0;\n font-size: $blog_card-title-text-size;\n font-family: $blog_card-title-font-family;\n\t\t}\n\n\t\t.blog_card-text {\n\t\t\tmargin: $blog_card-text-margin;\n color: $blog_card-text-color;\n\t\t\tpadding: $blog_card-text-padding;\n\t\t}\n\t}\n .blog_card-header {\n //@include position(absolute, 0, 0, 30px, 0);\n\t\tmargin: $blog_card-header-margin;\n\t\tpadding: $blog_card-header-padding;\n\t\tbackground-color: $blog_card-header-background;\n font-size: $blog_card-header-text-size;\n color: $blog_card-header-text-color;\n }\n\t.blog_card-footer {\n\t\tmargin: $blog_card-footer-margin;\n\t\tpadding: $blog_card-footer-padding;\n\t\tbackground-color: $blog_card-footer-background;\n font-size: $blog_card-footer-text-size;\n color: $blog_card-footer-text-color;\n border-width: $blog_card-footer-border-width;\n border-color: $blog_card-footer-border-color;\n border-style: solid;\n\t}\n\n}\n\n// incase they want the entire card to be a link\na.card {\n\tdisplay: block;\n}\n.blog_card-group {\n\t@extend %display-flex;\n\t@extend %flex-wrap-wrap;\n\t@extend %justify-content-flex-start;\n\n\tmargin-bottom: $blog_card-margin-bottom;\n\tmax-width: 100%;\n\n\n\n\t.blog_card-list {\n\t\t@extend %display-flex;\n\t\t@include flex-grow(0);\n\t\tmargin-bottom: $blog_card-margin-bottom;\n\t\ttransition: width .4s ease-in-out,-ms-flex .4s ease-in-out;\n\t\tbox-sizing: border-box;\n\n\n\t\t// 2 card per row\n\t\t@include mq-breakpoint(xs) {\n\t\t\twidth: 50%;\n\t\t\tpadding: $blog_card-group-padding;\n\t\t\tmargin: 0;\n\t\t\t&:nth-child(2n+1) {\n\t\t\t\tclear: both;\n\t\t\t}\n\t\t};\n\n\t\t// 3 card per row\n\t\t@include mq-breakpoint(medium) {\n\t\t\twidth: 33.33%;\n\t\t\tmargin: 0;\n\t\t\t&:nth-child(3n+1) {\n\t\t\t\tclear: both;\n\t\t\t}\n\t\t};\n\n\t\t// &:nth-child(odd) {\n\t\t// -webkit-box-flex: 1;\n\t\t// -webkit-flex-grow: 1;\n\t\t// -ms-flex-positive: 1;\n\t\t// flex-grow: 1;\n\t\t// }\n // flex-grow: 1;\n\t}\n\n\t.blog_card {\n\t\t@extend %display-flex;\n\t\t@extend %flex-direction-column;\n\n\t\tmargin-bottom: 0;\n max-width: 100%;\n\n\t\t.blog_card-block {\n\t\t\t@extend %display-flex;\n\t\t\t@extend %flex-direction-column;\n\t\t\t@include flex(1, 0, auto);\n\n\t\t}\n\n\t\t.blog_card-text {\n\t\t\t@include flex(1, 0, auto);\n\t\t}\n\t}\n}\n","//----------------------------\n// Figure\n// ----------------------------\n// Depends on the following:\n// = mixins.scss\n// = maps.scss\n//----------------------------\nfigure {\n @include position(relative);\n background-color: $blog_figure-background;\n width: auto;\n\n img { margin-bottom: 0; }\n .video + figcaption { margin-bottom: 0; }\n\n figcaption {\n @include position(relative);\n margin-bottom: $blog_figcaption-margin;\n background: $blog_figcaption-background-color;\n padding: $blog_figcaption-padding;\n line-height: $blog_figcaption-lineheight;\n font-size: $blog_figcaption-size;\n font-style: $blog_figcaption-text-style;\n color: $blog_figcaption-text;\n background-size: $blog_figcaption-background-size;\n text-align: $blog_figcaption-text-align;\n height: $blog_figcaption-height;\n z-index: 1;\n }\n}\n","//----------------------------\n// Gallery\n// ----------------------------\n// Depends on the following:\n// = mixins.scss\n// = flexbox.scss\n//----------------------------\n.gallery {\n @extend %display-flex;\n @extend %flex-wrap-wrap;\n @include flex-flow(row, wrap);\n @include position(relative);\n margin: $blog_gallery-margin;\n width:100%;\n\n a,\n div,\n figure {\n @include position(relative);\n @include flex(1, auto, auto);\n width: $blog_gallery-width;\n margin: 3px;\n\n img {\n width: 100%;\n margin: 0 auto;\n height: auto;\n display: block;\n }\n }\n}\n","//----------------------------\n// Image Responsive\n// ----------------------------\n// Depends on the following:\n// = mixins.scss\n//----------------------------\n.img-responsive {\n @include img-responsive;\n}\n","//----------------------------\n// Image Shapes\n// ----------------------------\n// Depends on the following:\n// = mixins.scss\n//----------------------------\n.img-rounded {\n border-radius: $blog_image-radius;\n}\n.img-thumbnail {\n @include img-responsive(inline-block);\n\n padding: $blog_thumbnail-padding;\n line-height: $blog_base-line-height;\n background-color: $blog_thumbnail-bg;\n border: 1px solid $blog_thumbnail-border;\n border-radius: $blog_thumbnail-border-radius;\n transition: all .2s ease-in-out;\n\n &.img-small {\n @include size(60px, 60px);\n }\n}\n\n// Perfect circle\n.img-circle {\n border-radius: 50%;\n}\n","//----------------------------\n// Images\n// ----------------------------\n// Depends on the following:\n// = mixins.scss\n//----------------------------\nimg {\n box-shadow: $blog_image-box-shadow;\n border: $blog_image-border-width solid $blog_image-border;\n margin-bottom: $blog_image-margin;\n max-width: 100%;\n height: auto;\n vertical-align: middle;\n &::after {\n box-shadow: $blog_image-box-shadow-after;\n content: '';\n }\n}\n","//----------------------------\n// Media Object\n// ----------------------------\n// Depends on the following:\n//----------------------------\n.media,\n.media-body {\n zoom: 1;\n overflow: hidden;\n}\n.media {\n margin-top: $blog_media-margin;\n\n &:first-child { margin-top: 0; }\n &-body {\n width: 10000px;\n }\n &-object {\n max-width: $blog_media-object-max-size;\n display: block;\n }\n\n &-right,\n > .pull-right {\n padding-left: $blog_media-padding;\n }\n &-left,\n > .pull-left {\n padding-right: $blog_media-padding;\n }\n\n &-left,\n &-right,\n &-body {\n display: table-cell;\n vertical-align: top;\n }\n &-middle { vertical-align: middle; }\n &-bottom { vertical-align: bottom; }\n\n &-heading {\n font-size: $blog_media-object-heading-size;\n\t\tfont-family: $blog_media-object-heading;\n\t\tfont-weight: $blog_media-object-heading-weight;\n text-transform: $blog_media-object-heading-transform;\n color: $blog_media-object-heading-color;\n margin-bottom: 5px;\n margin-top: 0;\n }\n\n &-list {\n padding-left: 0;\n list-style: none;\n }\n}\n\n.media { margin-bottom: $blog_media-margin; }\n","//----------------------------\n// Tables\n// ----------------------------\n// Depends on the following:\n// = helpers.scss\n// = mixins.scss\n// = maps.scss\n//----------------------------\ntable {\n background-color: $blog_table-bg;\n font-size: $blog_table-font-size;\n}\ncaption {\n padding-top: $blog_table-cell-padding;\n padding-bottom: $blog_table-cell-padding;\n text-align: $blog_table-caption-text-align;\n}\nth {\n text-transform: $blog_table-th-text;\n color: $blog_table-th-text-color;\n text-align: $blog_table-th-text-align;\n}\n\n// Table text alignment\n.table {\n tr.text-left{\n td, th { text-align: left; }\n text-align: left;\n }\n tr.text-center {\n td, th { text-align: center; }\n text-align: center;\n }\n tr.text-right {\n td, th { text-align: right; }\n text-align: right;\n }\n\n &.text-left {\n td, th {\n text-align: left;\n }\n }\n &.text-right {\n td, th {\n text-align: right;\n }\n }\n &.text-center {\n td, th {\n text-align: center;\n }\n }\n}\n\n// Table content alignment\n.table {\n border-collapse: collapse;\n\n tr.vertical-top {\n td, th { vertical-align: top; }\n vertical-align: top;\n }\n tr.vertical-bottom {\n td, th { vertical-align: bottom; }\n vertical-align: bottom;\n }\n tr.vertical-middle {\n td, th { vertical-align: middle; }\n vertical-align: middle;\n }\n\n &.vertical-top {\n td, th {\n vertical-align: top;\n }\n }\n &.vertical-bottom {\n td, th {\n vertical-align: bottom;\n }\n }\n &.vertical-middle {\n td, th {\n vertical-align: middle;\n }\n }\n}\n.table {\n margin-bottom: $blog_table-margin;\n width: 100%;\n max-width: 100%;\n\n // Cells\n > thead,\n > tbody,\n > tfoot {\n > tr {\n > th,\n > td {\n padding: $blog_table-cell-padding;\n line-height: $blog_table-line-height;\n border-top: 1px solid $blog_table-border-color;\n }\n }\n }\n > thead > tr > th {\n vertical-align: bottom;\n border-bottom: $blog_table-border-width solid $blog_table-border-color;\n }\n\n // Remove top border from thead by default\n > caption + thead,\n > colgroup + thead,\n > thead:first-child {\n > tr:first-child {\n > th,\n > td {\n border-top: 0;\n }\n }\n }\n // Account for multiple tbody instances\n > tbody + tbody {\n border-top: 1px solid $blog_table-border-color;\n }\n\n // Nesting\n .table {\n background-color: $blog_table-bg;\n }\n}\n.table-condensed {\n > thead,\n > tbody,\n > tfoot {\n > tr {\n > th,\n > td {\n padding: $blog_table-condensed-cell-padding;\n }\n }\n }\n}\n.table-bordered {\n border: 1px solid $blog_table-border-color;\n > thead,\n > tbody,\n > tfoot {\n > tr {\n > th,\n > td {\n border: 1px solid $blog_table-border-color;\n }\n }\n }\n > thead > tr {\n > th,\n > td {\n border-bottom-width: 1px;\n }\n }\n}\n\n.table-striped {\n > tbody > tr:nth-of-type(odd) {\n background-color: $blog_table-bg-accent;\n }\n}\n\n.table-hover {\n > tbody > tr:hover {\n background-color: $blog_table-bg-hover;\n }\n}\n\n\ntable col[class*=\"col-\"] {\n position: static; // Prevent border hiding in Firefox and IE9-11 (see https://github.com/twbs/bootstrap/issues/11623)\n float: none;\n display: table-column;\n}\ntable {\n td,\n th {\n &[class*=\"col-\"] {\n position: static; // Prevent border hiding in Firefox and IE9-11 (see https://github.com/twbs/bootstrap/issues/11623)\n float: none;\n display: table-cell;\n }\n }\n}\n\n.table-responsive {\n margin-bottom: $blog_table-margin;\n overflow-x: auto;\n min-height: 0.01%; // Workaround for IE9 bug (see https://github.com/twbs/bootstrap/issues/14837)\n\n .table {\n margin-bottom: 0;\n }\n\n @media screen and (max-width: 768px) {\n margin-bottom: $blog_table-responsive-margin;\n width: 100%;\n overflow-y: hidden;\n -ms-overflow-style: -ms-autohiding-scrollbar;\n //border: 1px solid $blog_table-border-color;\n\n // Tighten up spacing\n .table {\n margin-bottom: 0;\n\n\n > thead,\n > tbody,\n > tfoot {\n > tr {\n > th,\n > td {\n white-space: nowrap;\n }\n }\n }\n }\n\n > .table-bordered {\n border: 0;\n\n > thead,\n > tbody,\n > tfoot {\n > tr {\n > th:first-child,\n > td:first-child {\n border-left: 0;\n }\n > th:last-child,\n > td:last-child {\n border-right: 0;\n }\n }\n }\n\n > tbody,\n > tfoot {\n > tr:last-child {\n > th,\n > td {\n border-bottom: 0;\n }\n }\n }\n\n }\n }\n}\n\n.table-stack {\n margin: $blog_table-margin 0;\n\n @include mq-breakpoint(tiny) {\n thead { display: none; }\n tr {\n td {\n @include display-flexs;\n @include align-item(center);\n margin-left: auto;\n &::before {\n @include text-overflow();\n font-weight: $blog_table-stacked-weight;\n text-align: $blog_table-stacked-th-align;\n color: $blog_table-th-text-color;\n padding-right: $blog_table-stacked-padding;\n width: $blog_table-stacked-th-width;\n content: attr(data-heading);\n display: inline-block;\n }\n }\n }\n };\n}\n","//----------------------------\n// Tabs\n// ----------------------------\n// Depends on the following:\n// = helpers.scss\n// = mixins.scss\n// = flexbox.scss\n//----------------------------\n.nav-tabs {\n @extend %display-flex;\n @extend %align-items-center;\n @extend %justify-content-space-between;\n @include list-unstyled;\n\n background-color: $blog_tab-nav-background-color;\n border-width: $blog_tab-nav-border-width;\n border-color: $blog_tab-nav-border-color;\n border-style: solid;\n margin-bottom: 0;\n overflow-x: auto;\n\n li {\n width: 100%;\n a {\n border-width: $blog_tab-border-width;\n border-color: $blog_tab-border-color;\n padding: $blog_tab-padding;\n color: $blog_tab-text-color;\n text-decoration: $blog_tab-text-decoration;\n // margin: $blog_tab-link-margin;\n display: block;\n border-style: solid;\n text-align: center;\n -webkit-tap-highlight-color: rgba(0,0,0,0);\n -webkit-tap-highlight-color: transparent; /* For some Androids */\n }\n\n &:hover,\n &.active {\n background-color: $blog_tab-active-background;\n a {\n outline: none !important;\n color: $blog_tab-active-text-color;\n border-image: $blog_tab-active-border-color;\n }\n }\n }\n\n}\n.tab-content {\n background-color: $blog_tab-content-background;\n margin-bottom: $blog_tab-content-margin;\n padding: $blog_tab-content-padding;\n border-width: $blog_tab-content-border-width;\n border-color: $blog_tab-content-border-color;\n border-style: solid;\n margin-top: -1px;\n .tab-pane {\n display: none;\n &.active {\n display: block;\n }\n }\n}\n\n\n.tabs-responsive {\n .nav-tabs {\n \toverflow: auto;\n \t-webkit-overflow-scrolling: touch;\n\n li {\n white-space: nowrap;\n }\n }\n}\n","//----------------------------\n// Videos\n// ----------------------------\n// Depends on the following:\n// = maps.scss\n//----------------------------\n\niframe {\n padding: 0;\n margin: 0;\n}\n\n.video-container {\n width: 100%;\n margin-bottom: $blog_video-margin;\n}\n\n.video {\n @include position(relative);\n\n padding-bottom: $blog_aspect-ratio;\n border: $blog_video-border-width solid $blog_video-border-color;\n border: 0 none;\n height: 0;\n z-index: 1;\n iframe{\n @include position(absolute, 0, null, null, 0);\n @include size($blog_video-size, $blog_video-size);\n\n border: 1px solid $blog_video-border-color;\n display: block;\n z-index: 1;\n }\n}\n"]} @charset "UTF-8"; /** * SassFlexbox * Manage Flexbox in Sass easily. * * @author Samuel Marchal (zessx) * @version 0.1 */ /* Display */ [data=blog-body] .blog_card-group, .blog-body .blog_card-group, [data=blog-body] .blog_card-group .blog_card-list, .blog-body .blog_card-group .blog_card-list, [data=blog-body] .blog_card-group .blog_card, .blog-body .blog_card-group .blog_card, [data=blog-body] .blog_card-group .blog_card .blog_card-block, .blog-body .blog_card-group .blog_card .blog_card-block, [data=blog-body] .gallery, .blog-body .gallery, [data=blog-body] .nav-tabs, .blog-body .nav-tabs { display: -webkit-box; display: -webkit-flexbox; display: -ms-flexbox; display: flex; } /* Flex direction */ [data=blog-body] .gallery, .blog-body .gallery { -webkit-box-orient: horizontal; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } [data=blog-body] .blog_card-group .blog_card, .blog-body .blog_card-group .blog_card, [data=blog-body] .blog_card-group .blog_card .blog_card-block, .blog-body .blog_card-group .blog_card .blog_card-block { -webkit-box-orient: vertical; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } /* Flex wrap */ [data=blog-body] .blog_card-group, .blog-body .blog_card-group, [data=blog-body] .gallery, .blog-body .gallery { -ms-flex-wrap: wrap; flex-wrap: wrap; } /* Flex flow */ /* Order */ /* Flex grow */ /* Flex shrink */ /* Flex basis */ /* Flex */ /* Justify content */ [data=blog-body] .blog_card-group, .blog-body .blog_card-group { -webkit-box-pack: start; -webkit-flex-pack: start; -ms-flex-pack: start; -moz-justify-content: flex-start; justify-content: flex-start; } [data=blog-body] .nav-tabs, .blog-body .nav-tabs { -webkit-box-pack: justify; -webkit-flex-pack: justify; -ms-flex-pack: justify; -moz-justify-content: space-between; justify-content: space-between; } /* Align items */ [data=blog-body] .nav-tabs, .blog-body .nav-tabs { -webkit-box-align: center; -ms-flex-align: center; -moz-align-items: center; align-items: center; } /* Align self */ /* Align content */ .fade { opacity: 0; -webkit-transition: opacity .15s linear; transition: opacity .15s linear; } .fade.in { opacity: 1; } .collapse { display: none; } .collapse.in { display: block; } tr.collapse.in { display: table-row; } tbody.collapse.in { display: table-row-group; } .collapsing { position: relative; height: 0; overflow: hidden; -webkit-transition-property: height, visibility; transition-property: height, visibility; -webkit-transition-duration: .35s; transition-duration: .35s; -webkit-transition-timing-function: ease; transition-timing-function: ease; } @font-face { font-family: "blizzard"; src: url("../fonts/blizzard/blizzard-light.eot"); src: url("../fonts/blizzard/blizzard-light.eot?#iefix") format("embedded-opentype"), url("../fonts/blizzard/blizzard-light.woff") format("woff"), url("../fonts/blizzard/blizzard-light.ttf") format("truetype"), url("../fonts/blizzard/blizzard-light.svg#blizzard") format("svg"); font-weight: 200; font-style: normal; font-stretch: normal; } @font-face { font-family: "blizzard"; src: url("../fonts/blizzard/blizzard.eot"); src: url("../fonts/blizzard/blizzard.eot?#iefix") format("embedded-opentype"), url("../fonts/blizzard/blizzard.woff") format("woff"), url("../fonts/blizzard/blizzard.ttf") format("truetype"), url("../fonts/blizzard/blizzard.svg#blizzard") format("svg"); font-weight: 400; font-style: normal; font-stretch: normal; } @font-face { font-family: "blizzard"; src: url("../fonts/blizzard/blizzard-italic.eot"); src: url("../fonts/blizzard/blizzard-italic.eot?#iefix") format("embedded-opentype"), url("../fonts/blizzard/blizzard-italic.woff") format("woff"), url("../fonts/blizzard/blizzard-italic.ttf") format("truetype"), url("../fonts/blizzard/blizzard-italic.svg#blizzard") format("svg"); font-weight: 400; font-style: italic; font-stretch: normal; } @font-face { font-family: "blizzard"; src: url("../fonts/blizzard/blizzard-bold.eot"); src: url("../fonts/blizzard/blizzard-bold.eot?#iefix") format("embedded-opentype"), url("../fonts/blizzard/blizzard-bold.woff") format("woff"), url("../fonts/blizzard/blizzard-bold.ttf") format("truetype"), url("../fonts/blizzard/blizzard-bold.svg#blizzard") format("svg"); font-weight: 700; font-style: bold; font-stretch: normal; } @font-face { font-family: "opensans"; src: url("../fonts/opensans/opensans-light-webfont.eot"); src: url("../fonts/opensans/opensans-light-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/opensans/opensans-light-webfont.woff") format("woff"), url("../fonts/opensans/opensans-light-webfont.ttf") format("truetype"), url("../fonts/opensans/opensans-light-webfont.svg#opensans") format("svg"); font-weight: 200; font-style: normal; font-stretch: normal; } @font-face { font-family: "opensans"; src: url("../fonts/opensans/opensans-regular-webfont.eot"); src: url("../fonts/opensans/opensans-regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/opensans/opensans-regular-webfont.woff") format("woff"), url("../fonts/opensans/opensans-regular-webfont.ttf") format("truetype"), url("../fonts/opensans/opensans-regular-webfont.svg#opensans") format("svg"); font-weight: 400; font-style: normal; font-stretch: normal; } @font-face { font-family: "opensans"; src: url("../fonts/opensans/opensans-italic-webfont.eot"); src: url("../fonts/opensans/opensans-italic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/opensans/opensans-italic-webfont.woff") format("woff"), url("../fonts/opensans/opensans-italic-webfont.ttf") format("truetype"), url("../fonts/opensans/opensans-italic-webfont.svg#opensans") format("svg"); font-weight: 400; font-style: italic; font-stretch: normal; } @font-face { font-family: "opensans"; src: url("../fonts/opensans/opensans-bold-webfont.eot"); src: url("../fonts/opensans/opensans-bold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/opensans/opensans-bold-webfont.woff") format("woff"), url("../fonts/opensans/opensans-bold-webfont.ttf") format("truetype"), url("../fonts/opensans/opensans-bold-webfont.svg#opensans") format("svg"); font-weight: 700; font-style: bold; font-stretch: normal; } [data=blog-body] h1, [data=blog-body] .h1, [data=blog-body] h2, [data=blog-body] .h2, [data=blog-body] h3, [data=blog-body] .h3, [data=blog-body] h4, [data=blog-body] .h4, [data=blog-body] h5, [data=blog-body] .h5, [data=blog-body] h6, [data=blog-body] .h6, .blog-body h1, .blog-body .h1, .blog-body h2, .blog-body .h2, .blog-body h3, .blog-body .h3, .blog-body h4, .blog-body .h4, .blog-body h5, .blog-body .h5, .blog-body h6, .blog-body .h6, [data=blog-body] .dl-horizontal dd, .blog-body .dl-horizontal dd, [data=blog-body] .pull-left, .blog-body .pull-left, [data=blog-body] .pull-right, .blog-body .pull-right { *zoom: 1; } [data=blog-body] h1:before, [data=blog-body] .h1:before, [data=blog-body] h2:before, [data=blog-body] .h2:before, [data=blog-body] h3:before, [data=blog-body] .h3:before, [data=blog-body] h4:before, [data=blog-body] .h4:before, [data=blog-body] h5:before, [data=blog-body] .h5:before, [data=blog-body] h6:before, [data=blog-body] .h6:before, .blog-body h1:before, .blog-body .h1:before, .blog-body h2:before, .blog-body .h2:before, .blog-body h3:before, .blog-body .h3:before, .blog-body h4:before, .blog-body .h4:before, .blog-body h5:before, .blog-body .h5:before, .blog-body h6:before, .blog-body .h6:before, [data=blog-body] .dl-horizontal dd:before, .blog-body .dl-horizontal dd:before, [data=blog-body] .pull-left:before, .blog-body .pull-left:before, [data=blog-body] .pull-right:before, .blog-body .pull-right:before, [data=blog-body] h1:after, [data=blog-body] .h1:after, [data=blog-body] h2:after, [data=blog-body] .h2:after, [data=blog-body] h3:after, [data=blog-body] .h3:after, [data=blog-body] h4:after, [data=blog-body] .h4:after, [data=blog-body] h5:after, [data=blog-body] .h5:after, [data=blog-body] h6:after, [data=blog-body] .h6:after, .blog-body h1:after, .blog-body .h1:after, .blog-body h2:after, .blog-body .h2:after, .blog-body h3:after, .blog-body .h3:after, .blog-body h4:after, .blog-body .h4:after, .blog-body h5:after, .blog-body .h5:after, .blog-body h6:after, .blog-body .h6:after, [data=blog-body] .dl-horizontal dd:after, .blog-body .dl-horizontal dd:after, [data=blog-body] .pull-left:after, .blog-body .pull-left:after, [data=blog-body] .pull-right:after, .blog-body .pull-right:after { display: table; content: ""; line-height: 0; } [data=blog-body] h1:after, [data=blog-body] .h1:after, [data=blog-body] h2:after, [data=blog-body] .h2:after, [data=blog-body] h3:after, [data=blog-body] .h3:after, [data=blog-body] h4:after, [data=blog-body] .h4:after, [data=blog-body] h5:after, [data=blog-body] .h5:after, [data=blog-body] h6:after, [data=blog-body] .h6:after, .blog-body h1:after, .blog-body .h1:after, .blog-body h2:after, .blog-body .h2:after, .blog-body h3:after, .blog-body .h3:after, .blog-body h4:after, .blog-body .h4:after, .blog-body h5:after, .blog-body .h5:after, .blog-body h6:after, .blog-body .h6:after, [data=blog-body] .dl-horizontal dd:after, .blog-body .dl-horizontal dd:after, [data=blog-body] .pull-left:after, .blog-body .pull-left:after, [data=blog-body] .pull-right:after, .blog-body .pull-right:after { clear: both; } [data=blog-body] strong, [data=blog-body] b, .blog-body strong, .blog-body b { font-weight: 700; } [data=blog-body], .blog-body { /* for two levels of nested quotations */ /* extra content definitions for pre-2011 WebKit */ line-height: 1.75; font-size: 14px; font-weight: 200; font-family: "Arial", sans-serif; background-color: transparent; color: rgba(255, 255, 255, 0.8); } [data=blog-body] blockquote, .blog-body blockquote { font-size: 16px; line-height: 1.75; font-style: normal; background: linear-gradient(-45deg, transparent 46%, rgba(255, 255, 255, 0.2) 49%, transparent 51%, transparent 55%); background-size: 6px 6px; background-position: 0 0; margin-bottom: 1.75rem; padding: 1em; border-width: 0 0 0 0.5em; border-style: solid; border-color: rgba(255, 255, 255, 0.2); /* q in pullquotes */ } [data=blog-body] blockquote p, .blog-body blockquote p { color: rgba(255, 255, 255, 0.5); font-weight: 100; text-transform: none; } [data=blog-body] blockquote p:last-of-type, .blog-body blockquote p:last-of-type { margin-bottom: 0; } [data=blog-body] blockquote footer, .blog-body blockquote footer { padding: 1em 0 0 0; line-height: 1.75; font-size: 0.7em; color: rgba(255, 255, 255, 0.7); text-transform: uppercase; font-weight: 400; display: block; } [data=blog-body] blockquote footer::before, .blog-body blockquote footer::before { content: " - "; } [data=blog-body] blockquote.blockquote-reverse footer::before, .blog-body blockquote.blockquote-reverse footer::before { content: ''; } [data=blog-body] blockquote.blockquote-reverse footer::after, .blog-body blockquote.blockquote-reverse footer::after { content: " - "; } @media (min-width: 992px) { [data=blog-body] blockquote.blockquote-reverse, .blog-body blockquote.blockquote-reverse { text-align: right; } } [data=blog-body] blockquote q:before, [data=blog-body] blockquote q:before, .blog-body blockquote q:before, .blog-body blockquote q:before { content: '‘'; content: open-quote; } [data=blog-body] blockquote q:after, .blog-body blockquote q:after { content: '’'; content: close-quote; } [data=blog-body] blockquote q q:before, .blog-body blockquote q q:before { content: '“'; content: open-quote; } [data=blog-body] blockquote q q:after, .blog-body blockquote q q:after { content: '”'; content: close-quote; } [data=blog-body] .pullquote, .blog-body .pullquote { font-size: 16px; line-height: 1.75; font-style: normal; background: linear-gradient(-45deg, transparent 46%, rgba(255, 255, 255, 0.2) 49%, transparent 51%, transparent 55%); background-size: 6px 6px; background-position: 0 0; margin-bottom: 1.75rem; padding: 1em; border-width: 0; border-style: solid; border-color: transparent; /* q in pullquotes */ } [data=blog-body] .pullquote p, .blog-body .pullquote p { color: rgba(255, 255, 255, 0.6); font-weight: 100; text-transform: none; } [data=blog-body] .pullquote p:last-of-type, .blog-body .pullquote p:last-of-type { margin-bottom: 0; } [data=blog-body] .pullquote footer.pullquote-source, .blog-body .pullquote footer.pullquote-source { padding: 1em 0 0 0; line-height: 1.75; font-size: 0.7em; color: rgba(255, 255, 255, 0.7); text-transform: uppercase; font-weight: 400; display: block; } [data=blog-body] .pullquote footer.pullquote-source::before, .blog-body .pullquote footer.pullquote-source::before { content: " - "; } [data=blog-body] .pullquote.pullquote-reverse footer::before, .blog-body .pullquote.pullquote-reverse footer::before { content: ''; } [data=blog-body] .pullquote.pullquote-reverse footer::after, .blog-body .pullquote.pullquote-reverse footer::after { content: " - "; } @media (min-width: 992px) { [data=blog-body] .pullquote.pullquote-reverse, .blog-body .pullquote.pullquote-reverse { text-align: right; } } [data=blog-body] .pullquote q:before, [data=blog-body] .pullquote q:before, .blog-body .pullquote q:before, .blog-body .pullquote q:before { content: '‘'; content: open-quote; } [data=blog-body] .pullquote q:after, .blog-body .pullquote q:after { content: '’'; content: close-quote; } [data=blog-body] .pullquote q q:before, .blog-body .pullquote q q:before { content: '“'; content: open-quote; } [data=blog-body] .pullquote q q:after, .blog-body .pullquote q q:after { content: '”'; content: close-quote; } [data=blog-body] q, .blog-body q { quotes: '“' '”' '‘' '’'; } [data=blog-body] q:before, .blog-body q:before { content: '“'; content: open-quote; } [data=blog-body] q:after, .blog-body q:after { content: '”'; content: close-quote; } [data=blog-body] q q:before, .blog-body q q:before { content: '‘'; content: open-quote; } [data=blog-body] q q:after, .blog-body q q:after { content: '’'; content: close-quote; } [data=blog-body] hr, .blog-body hr { margin: 1.75em 0; overflow: hidden; background-color: #727272; height: 6px; border: 0 none; width: 100%; margin: 1.75rem auto; } [data=blog-body] hr.image-divider, .blog-body hr.image-divider { position: relative; height: 30px; width: 50%; background-image: url("images/responsive-blog/horizontal-divider-9630738879a8fb6b072c819e79fde32062c4aa531a4ce5f64fbd1ae0dc04b85610cc9a4b04789cafc85cde8fd1822609db685fc6221acaa745dc6b70d50f6c1e.png"); background-repeat: no-repeat; background-position: center center; background-size: contain; background-color: transparent; } [data=blog-body] h1, [data=blog-body] .h1, .blog-body h1, .blog-body .h1 { font-size: 4.88281rem; line-height: 1; font-family: "Big Noodle Too", impact, sans-serif; color: #fff; font-weight: normal; text-transform: uppercase; } [data=blog-body] h1 .small, [data=blog-body] h1 small, [data=blog-body] .h1 .small, [data=blog-body] .h1 small, .blog-body h1 .small, .blog-body h1 small, .blog-body .h1 .small, .blog-body .h1 small { text-transform: uppercase; } [data=blog-body] h2, [data=blog-body] .h2, .blog-body h2, .blog-body .h2 { font-size: 3.90625rem; line-height: 1; font-family: "Big Noodle Too", impact, sans-serif; color: #fff; font-weight: 200; text-transform: none; } [data=blog-body] h2 .small, [data=blog-body] h2 small, [data=blog-body] .h2 .small, [data=blog-body] .h2 small, .blog-body h2 .small, .blog-body h2 small, .blog-body .h2 .small, .blog-body .h2 small { text-transform: none; } [data=blog-body] h3, [data=blog-body] .h3, .blog-body h3, .blog-body .h3 { font-size: 3.125rem; line-height: 1; font-family: "Big Noodle Too", impact, sans-serif; color: #fff; font-weight: 200; text-transform: none; } [data=blog-body] h3 .small, [data=blog-body] h3 small, [data=blog-body] .h3 .small, [data=blog-body] .h3 small, .blog-body h3 .small, .blog-body h3 small, .blog-body .h3 .small, .blog-body .h3 small { text-transform: none; } [data=blog-body] h4, [data=blog-body] .h4, .blog-body h4, .blog-body .h4 { font-size: 2.5rem; line-height: 1; font-family: "Big Noodle Too", impact, sans-serif; color: #fff; font-weight: 200; text-transform: none; } [data=blog-body] h4 .small, [data=blog-body] h4 small, [data=blog-body] .h4 .small, [data=blog-body] .h4 small, .blog-body h4 .small, .blog-body h4 small, .blog-body .h4 .small, .blog-body .h4 small { text-transform: none; } [data=blog-body] h5, [data=blog-body] .h5, .blog-body h5, .blog-body .h5 { font-size: 2rem; line-height: 1; color: #fff; font-weight: 200; text-transform: none; } [data=blog-body] h5 .small, [data=blog-body] h5 small, [data=blog-body] .h5 .small, [data=blog-body] .h5 small, .blog-body h5 .small, .blog-body h5 small, .blog-body .h5 .small, .blog-body .h5 small { text-transform: none; } [data=blog-body] h6, [data=blog-body] .h6, .blog-body h6, .blog-body .h6 { font-size: 1.28rem; line-height: 1; color: #fff; font-weight: 200; text-transform: none; } [data=blog-body] h6 .small, [data=blog-body] h6 small, [data=blog-body] .h6 .small, [data=blog-body] .h6 small, .blog-body h6 .small, .blog-body h6 small, .blog-body .h6 .small, .blog-body .h6 small { text-transform: none; } [data=blog-body] h1, [data=blog-body] .h1, [data=blog-body] h2, [data=blog-body] .h2, [data=blog-body] h3, [data=blog-body] .h3, [data=blog-body] h4, [data=blog-body] .h4, [data=blog-body] h5, [data=blog-body] .h5, [data=blog-body] h6, [data=blog-body] .h6, .blog-body h1, .blog-body .h1, .blog-body h2, .blog-body .h2, .blog-body h3, .blog-body .h3, .blog-body h4, .blog-body .h4, .blog-body h5, .blog-body .h5, .blog-body h6, .blog-body .h6 { margin-top: 1em; margin-bottom: 1em; } [data=blog-body] h1 small, [data=blog-body] h1 .small, [data=blog-body] .h1 small, [data=blog-body] .h1 .small, [data=blog-body] h2 small, [data=blog-body] h2 .small, [data=blog-body] .h2 small, [data=blog-body] .h2 .small, [data=blog-body] h3 small, [data=blog-body] h3 .small, [data=blog-body] .h3 small, [data=blog-body] .h3 .small, [data=blog-body] h4 small, [data=blog-body] h4 .small, [data=blog-body] .h4 small, [data=blog-body] .h4 .small, [data=blog-body] h5 small, [data=blog-body] h5 .small, [data=blog-body] .h5 small, [data=blog-body] .h5 .small, [data=blog-body] h6 small, [data=blog-body] h6 .small, [data=blog-body] .h6 small, [data=blog-body] .h6 .small, .blog-body h1 small, .blog-body h1 .small, .blog-body .h1 small, .blog-body .h1 .small, .blog-body h2 small, .blog-body h2 .small, .blog-body .h2 small, .blog-body .h2 .small, .blog-body h3 small, .blog-body h3 .small, .blog-body .h3 small, .blog-body .h3 .small, .blog-body h4 small, .blog-body h4 .small, .blog-body .h4 small, .blog-body .h4 .small, .blog-body h5 small, .blog-body h5 .small, .blog-body .h5 small, .blog-body .h5 .small, .blog-body h6 small, .blog-body h6 .small, .blog-body .h6 small, .blog-body .h6 .small { color: rgba(255, 255, 255, 0.5); font-size: 75%; display: block; } [data=blog-body] h1.bullet-heading, [data=blog-body] .h1.bullet-heading, [data=blog-body] h2.bullet-heading, [data=blog-body] .h2.bullet-heading, [data=blog-body] h3.bullet-heading, [data=blog-body] .h3.bullet-heading, [data=blog-body] h4.bullet-heading, [data=blog-body] .h4.bullet-heading, [data=blog-body] h5.bullet-heading, [data=blog-body] .h5.bullet-heading, [data=blog-body] h6.bullet-heading, [data=blog-body] .h6.bullet-heading, .blog-body h1.bullet-heading, .blog-body .h1.bullet-heading, .blog-body h2.bullet-heading, .blog-body .h2.bullet-heading, .blog-body h3.bullet-heading, .blog-body .h3.bullet-heading, .blog-body h4.bullet-heading, .blog-body .h4.bullet-heading, .blog-body h5.bullet-heading, .blog-body .h5.bullet-heading, .blog-body h6.bullet-heading, .blog-body .h6.bullet-heading { padding: 0 0 0 1.2em; background: url("img/icons/bullet-heading-98ebbb996b48341d3363207c3a50443d146237143e12516f8d7b469a405a022e0fea9320c0fde0ddfcea6a6d5fb18cfbd02b4902c6339804a56949f5aaade2d2.png") no-repeat left center; background-size: contain; } [data=blog-body] code, .blog-body code { font-family: Menlo, Monaco, Consolas, "Courier New", monospace; background-color: rgba(57, 169, 247, 0.2); color: #fff; padding: 2px 4px; font-size: 0.8em; border-radius: 3px; margin: 0 2px; } [data=blog-body] mark, .blog-body mark { background-color: rgba(57, 169, 247, 0.7); padding: 0 0.5em; color: white; } [data=blog-body] i, [data=blog-body] em, .blog-body i, .blog-body em { font-style: italic; } @media (min-width: 992px) { [data=blog-body] abbr[title], .blog-body abbr[title] { border-bottom: 1px dotted rgba(255, 255, 255, 0.7); cursor: help; } } [data=blog-body] abbr[title]::after, .blog-body abbr[title]::after { font-size: 75%; color: rgba(255, 255, 255, 0.7); content: "(" attr(title) ") "; } @media (min-width: 992px) { [data=blog-body] abbr[title]::after, .blog-body abbr[title]::after { content: ''; } } [data=blog-body] sup, .blog-body sup { color: rgba(255, 255, 255, 0.7); font-size: 75%; vertical-align: super; } [data=blog-body] sub, .blog-body sub { color: rgba(255, 255, 255, 0.7); font-size: 75%; vertical-align: baseline; } [data=blog-body] a, .blog-body a { color: #ff9c00; text-decoration: none; } [data=blog-body] a:hover, [data=blog-body] a:focus, .blog-body a:hover, .blog-body a:focus { color: #ffb033; text-decoration: none; } [data=blog-body] a:focus, .blog-body a:focus { outline: 0 none; outline-offset: 0; } [data=blog-body] a.btn.disabled, fieldset[disabled] [data=blog-body] a.btn, .blog-body a.btn.disabled, fieldset[disabled] .blog-body a.btn { pointer-events: none; } [data=blog-body] ul, [data=blog-body] ol, .blog-body ul, .blog-body ol { padding-left: 1.75rem; margin-bottom: 1.75rem; margin-top: 0; } [data=blog-body] ul ul, [data=blog-body] ul ol, [data=blog-body] ol ul, [data=blog-body] ol ol, .blog-body ul ul, .blog-body ul ol, .blog-body ol ul, .blog-body ol ol { margin-bottom: 0; } [data=blog-body] ul ol, [data=blog-body] ol ol, .blog-body ul ol, .blog-body ol ol { list-style: lower-roman; } [data=blog-body] ul, .blog-body ul { list-style: square; } [data=blog-body] ol, .blog-body ol { list-style: decimal; } [data=blog-body] ul ul, [data=blog-body] ol ul, .blog-body ul ul, .blog-body ol ul { list-style-type: circle; } [data=blog-body] .list-unstyled, .blog-body .list-unstyled { padding-left: 0; list-style: none; } [data=blog-body] .list-inline, .blog-body .list-inline { padding-left: 0; list-style: none; margin-left: -5px; } [data=blog-body] .list-inline > li, .blog-body .list-inline > li { position: relative; display: inline-block; padding-left: 5px; padding-right: 5px; } [data=blog-body] .list-custom, .blog-body .list-custom { padding-left: 0; list-style: none; } [data=blog-body] .list-custom li, .blog-body .list-custom li { position: relative; padding-left: 1.75rem; display: block; } [data=blog-body] .list-custom li::before, .blog-body .list-custom li::before { position: absolute; top: 8px; left: 0; width: 11px; height: 11px; background: url("img/layout/ui/bullet-unordered-908174d0c10afeebac3b6a24f7f4020bd8733463c401ffa1f344cc08dfd407ddcc038a9b3198f59e632a4622b2fbcfa61117face3c2df7a18f9e97f3482990b6.png") no-repeat 0 0; background-size: contain; content: ' '; display: inline-block; text-indent: -9999px; } [data=blog-body] .list-custom ul, .blog-body .list-custom ul { padding-left: 0; list-style: none; } [data=blog-body] dl, .blog-body dl { margin-bottom: 1.75rem; margin-top: 0; } [data=blog-body] dt, [data=blog-body] dd, .blog-body dt, .blog-body dd { line-height: 1.75rem; } [data=blog-body] dt, .blog-body dt { font-weight: 200; color: rgba(255, 255, 255, 0.5); } [data=blog-body] dd, .blog-body dd { margin-left: 0; } [data=blog-body] .dl-horizontal dt, .blog-body .dl-horizontal dt { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 160px; margin-right: 1.75rem; float: left; clear: left; text-align: right; } @media (max-width: 25em) { [data=blog-body] .dl-horizontal dt, .blog-body .dl-horizontal dt { float: none; text-align: left; width: 100%; } } [data=blog-body] .dl-horizontal dt dd, .blog-body .dl-horizontal dt dd { margin-left: 180px; } [data=blog-body] p, .blog-body p { margin-bottom: 1.75rem; } [data=blog-body] p.lead, [data=blog-body] p.lede, .blog-body p.lead, .blog-body p.lede { font-size: 20px; line-height: 1.75; font-weight: 200; color: rgba(255, 255, 255, 0.5); } [data=blog-body] .type, .blog-body .type { text-rendering: optimizeLegibility; line-height: 1; margin-top: 0; } [data=blog-body] .vertical-top, .blog-body .vertical-top { vertical-align: top; } [data=blog-body] .vertical-bottom, .blog-body .vertical-bottom { vertical-align: bottom; } [data=blog-body] .vertical-middle, .blog-body .vertical-middle { vertical-align: middle; } [data=blog-body] .text-uppercase, .blog-body .text-uppercase { text-transform: uppercase; } [data=blog-body] .text-lowercase, .blog-body .text-lowercase { text-transform: lowercase; } [data=blog-body] .text-capitalize, .blog-body .text-capitalize { text-transform: capitalize; } [data=blog-body] .text-reset, .blog-body .text-reset { text-transform: none; } [data=blog-body] .text-left, .blog-body .text-left { text-align: left; } [data=blog-body] .text-right, .blog-body .text-right { text-align: right; } [data=blog-body] .text-center, .blog-body .text-center { text-align: center; } [data=blog-body] .text-justify, .blog-body .text-justify { text-align: justify; } [data=blog-body] .text-nowrap, .blog-body .text-nowrap { white-space: nowrap; } [data=blog-body] .center-block, [data=blog-body] .pull-left, [data=blog-body] .pull-right, .blog-body .center-block, .blog-body .pull-left, .blog-body .pull-right { display: block; margin-left: auto; margin-right: auto; } [data=blog-body] .center-block img, [data=blog-body] .pull-left img, [data=blog-body] .pull-right img, .blog-body .center-block img, .blog-body .pull-left img, .blog-body .pull-right img { width: 100%; margin-left: auto; margin-right: auto; } [data=blog-body] .pull-left, .blog-body .pull-left { float: none; } @media (min-width: 768px) { [data=blog-body] .pull-left, .blog-body .pull-left { *zoom: 1; margin: 0 1.75rem 0 0; max-width: 60%; float: left; display: inline; } [data=blog-body] .pull-left:before, [data=blog-body] .pull-left:after, .blog-body .pull-left:before, .blog-body .pull-left:after { display: table; content: ""; line-height: 0; } [data=blog-body] .pull-left:after, .blog-body .pull-left:after { clear: both; } } [data=blog-body] .pull-right, .blog-body .pull-right { float: none; } @media (min-width: 768px) { [data=blog-body] .pull-right, .blog-body .pull-right { *zoom: 1; margin: 0 0 0 1.75rem; max-width: 60%; float: right; display: inline; } [data=blog-body] .pull-right:before, [data=blog-body] .pull-right:after, .blog-body .pull-right:before, .blog-body .pull-right:after { display: table; content: ""; line-height: 0; } [data=blog-body] .pull-right:after, .blog-body .pull-right:after { clear: both; } } [data=blog-body] .panel-group .panel, .blog-body .panel-group .panel { margin-bottom: 1.75rem; border: 1px solid rgba(255, 255, 255, 0.08); background-color: rgba(10, 12, 16, 0.5); -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-tap-highlight-color: transparent; /* For some Androids */ } [data=blog-body] .panel-group .panel .panel-heading, .blog-body .panel-group .panel .panel-heading { position: relative; } [data=blog-body] .panel-group .panel .panel-heading .panel-title a, .blog-body .panel-group .panel .panel-heading .panel-title a { padding: 1em 4.3em 1em 1em; color: #fff; border-bottom: 1px solid rgba(255, 255, 255, 0.08); font-size: 1.2em; text-decoration: none; display: block; } [data=blog-body] .panel-group .panel .panel-heading .panel-title a img, .blog-body .panel-group .panel .panel-heading .panel-title a img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; height: 100%; margin: 0; -webkit-box-shadow: none; box-shadow: none; border: 0 none; z-index: 0; } [data=blog-body] .panel-group .panel .panel-heading .panel-title a::after, [data=blog-body] .panel-group .panel .panel-heading .panel-title a::before, .blog-body .panel-group .panel .panel-heading .panel-title a::after, .blog-body .panel-group .panel .panel-heading .panel-title a::before { position: absolute; top: 40%; right: 4em; background-color: #39a9f7; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; right: 2em; width: 3px; height: 9px; content: ""; } [data=blog-body] .panel-group .panel .panel-heading .panel-title a:before, .blog-body .panel-group .panel .panel-heading .panel-title a:before { -webkit-transform: translate(-2px, 0) rotate(45deg); -ms-transform: translate(-2px, 0) rotate(45deg); transform: translate(-2px, 0) rotate(45deg); } [data=blog-body] .panel-group .panel .panel-heading .panel-title a:after, .blog-body .panel-group .panel .panel-heading .panel-title a:after { -webkit-transform: translate(2px, 0) rotate(-45deg); -ms-transform: translate(2px, 0) rotate(-45deg); transform: translate(2px, 0) rotate(-45deg); } [data=blog-body] .panel-group .panel .panel-heading .panel-title a.collapsed::after, [data=blog-body] .panel-group .panel .panel-heading .panel-title a.collapsed::before, .blog-body .panel-group .panel .panel-heading .panel-title a.collapsed::after, .blog-body .panel-group .panel .panel-heading .panel-title a.collapsed::before { background-color: #adadae; } [data=blog-body] .panel-group .panel .panel-heading .panel-title a.collapsed:before, .blog-body .panel-group .panel .panel-heading .panel-title a.collapsed:before { -webkit-transform: translate(2px, 0) rotate(45deg); -ms-transform: translate(2px, 0) rotate(45deg); transform: translate(2px, 0) rotate(45deg); } [data=blog-body] .panel-group .panel .panel-heading .panel-title a.collapsed:after, .blog-body .panel-group .panel .panel-heading .panel-title a.collapsed:after { -webkit-transform: translate(-2px, 0) rotate(-45deg); -ms-transform: translate(-2px, 0) rotate(-45deg); transform: translate(-2px, 0) rotate(-45deg); } [data=blog-body] .panel-group .panel-collapse.collapse, .blog-body .panel-group .panel-collapse.collapse { display: none; } [data=blog-body] .panel-group .panel-collapse.collapse.in, .blog-body .panel-group .panel-collapse.collapse.in { display: block; } [data=blog-body] .panel-group .panel-body, .blog-body .panel-group .panel-body { padding: 1em 4.3em 1em 1em; } [data=blog-body] .btn, .blog-body .btn { border-radius: 2px; padding: 6px 1em; border: 3px solid; font-size: 1em; text-decoration: none; margin-bottom: 1.75rem; -webkit-transition: all 0.2s ease-in; transition: all 0.2s ease-in; display: block; cursor: pointer; text-align: center; } @media (min-width: 768px) { [data=blog-body] .btn, .blog-body .btn { display: inline-block; } } [data=blog-body] .btn.center-block, [data=blog-body] .btn.pull-left, [data=blog-body] .btn.pull-right, .blog-body .btn.center-block, .blog-body .btn.pull-left, .blog-body .btn.pull-right { margin: 0 auto 1.75rem; text-align: center; } [data=blog-body] .btn.block, .blog-body .btn.block { margin: 0 auto 1.75rem; display: block; } [data=blog-body] .btn-lg, .blog-body .btn-lg { font-size: 2rem; padding: 6px 1em; } [data=blog-body] .btn-sm, .blog-body .btn-sm { font-size: 1.28rem; padding: 6px 1em; } [data=blog-body] .btn-xs, .blog-body .btn-xs { font-size: 1.28rem; padding: 6px 1em; } [data=blog-body] .btn-alternate, .blog-body .btn-alternate { background-color: #F6F6F6; border-color: #F6F6F6; color: #333333; } [data=blog-body] .btn-alternate:hover, .blog-body .btn-alternate:hover { background-color: transparent; border-color: #F6F6F6; color: #F6F6F6; text-decoration: none; } [data=blog-body] .btn-default, .blog-body .btn-default { background-color: #ff9c00; border-color: transparent; color: #F6F6F6; } [data=blog-body] .btn-default:hover, [data=blog-body] .btn-default:focus, .blog-body .btn-default:hover, .blog-body .btn-default:focus { background-color: #ffb033; border-color: transparent; color: #F6F6F6; text-decoration: none; } [data=blog-body] .blog_card, .blog-body .blog_card { background-color: rgba(255, 255, 255, 0.05); -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); border: 1px solid #2b2c2f; border-radius: 1px; height: auto; margin-bottom: 1.75rem; } @media (min-width: 768px) { [data=blog-body] .blog_card, .blog-body .blog_card { max-width: 30rem; } } [data=blog-body] .blog_card img, .blog-body .blog_card img { display: block; height: auto; margin: 0 auto; max-width: 100%; width: 100%; } [data=blog-body] .blog_card .blog_card-img-top, [data=blog-body] .blog_card .blog_card-img-bottom, .blog-body .blog_card .blog_card-img-top, .blog-body .blog_card .blog_card-img-bottom { -webkit-box-shadow: none; box-shadow: none; -webkit-box-sizing: border-box; box-sizing: border-box; display: block; width: 100%; } [data=blog-body] .blog_card .blog_card-img-top, .blog-body .blog_card .blog_card-img-top { border-width: 0 0 1px 0; border-color: #2b2c2f; border-style: solid; } [data=blog-body] .blog_card .blog_card-img-bottom, .blog-body .blog_card .blog_card-img-bottom { border-width: 1px 0 0 0; border-color: #2b2c2f; border-style: solid; } [data=blog-body] .blog_card .blog_card-block, .blog-body .blog_card .blog_card-block { padding: 0 1em; height: inherit; } [data=blog-body] .blog_card .blog_card-block .blog_card-title, .blog-body .blog_card .blog_card-block .blog_card-title { text-transform: uppercase; font-weight: 100; margin: 0; padding: 1em 0 0.5em 0; font-size: 1.1em; font-family: "Arial", sans-serif; } [data=blog-body] .blog_card .blog_card-block .blog_card-text, .blog-body .blog_card .blog_card-block .blog_card-text { margin: 0; color: rgba(255, 255, 255, 0.8); padding: 0 0 1em; } [data=blog-body] .blog_card .blog_card-header, .blog-body .blog_card .blog_card-header { margin: 0; padding: 0.8em 1em; background-color: rgba(255, 255, 255, 0.05); font-size: 1em; color: rgba(255, 255, 255, 0.8); } [data=blog-body] .blog_card .blog_card-footer, .blog-body .blog_card .blog_card-footer { margin: 0; padding: 0.6em 1.3em; background-color: rgba(255, 255, 255, 0.03); font-size: 0.8em; color: rgba(255, 255, 255, 0.3); border-width: 1px 0 0 0; border-color: #2b2c2f; border-style: solid; } [data=blog-body] a.card, .blog-body a.card { display: block; } [data=blog-body] .blog_card-group, .blog-body .blog_card-group { margin-bottom: 1.75rem; max-width: 100%; } [data=blog-body] .blog_card-group .blog_card-list, .blog-body .blog_card-group .blog_card-list { -webkit-box-flex: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; margin-bottom: 1.75rem; transition: width .4s ease-in-out,-ms-flex .4s ease-in-out; -webkit-box-sizing: border-box; box-sizing: border-box; } @media (min-width: 400px) { [data=blog-body] .blog_card-group .blog_card-list, .blog-body .blog_card-group .blog_card-list { width: 50%; padding: 0 0 0.2em 0.2em; margin: 0; } [data=blog-body] .blog_card-group .blog_card-list:nth-child(2n+1), .blog-body .blog_card-group .blog_card-list:nth-child(2n+1) { clear: both; } } @media (min-width: 992px) { [data=blog-body] .blog_card-group .blog_card-list, .blog-body .blog_card-group .blog_card-list { width: 33.33%; margin: 0; } [data=blog-body] .blog_card-group .blog_card-list:nth-child(3n+1), .blog-body .blog_card-group .blog_card-list:nth-child(3n+1) { clear: both; } } [data=blog-body] .blog_card-group .blog_card, .blog-body .blog_card-group .blog_card { margin-bottom: 0; max-width: 100%; } [data=blog-body] .blog_card-group .blog_card .blog_card-block, .blog-body .blog_card-group .blog_card .blog_card-block { -webkit-box-flex: 1; -moz-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-flex-shrink: 0; -webkit-box-flex: 0; -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-preferred-size: auto; flex-basis: auto; } [data=blog-body] .blog_card-group .blog_card .blog_card-text, .blog-body .blog_card-group .blog_card .blog_card-text { -webkit-box-flex: 1; -moz-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-flex-shrink: 0; -webkit-box-flex: 0; -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-preferred-size: auto; flex-basis: auto; } [data=blog-body] figure, .blog-body figure { position: relative; background-color: transparent; width: auto; } [data=blog-body] figure img, .blog-body figure img { margin-bottom: 0; } [data=blog-body] figure .video + figcaption, .blog-body figure .video + figcaption { margin-bottom: 0; } [data=blog-body] figure figcaption, .blog-body figure figcaption { position: relative; margin-bottom: 1.75rem; background: linear-gradient(-45deg, transparent 46%, rgba(255, 255, 255, 0.2) 49%, transparent 51%, transparent 55%); padding: 1em; line-height: 1.75; font-size: 14px; font-style: normal; color: rgba(255, 255, 255, 0.5); background-size: 6px 6px; text-align: left; height: 1.75rem; z-index: 1; } [data=blog-body] .gallery, .blog-body .gallery { position: relative; margin: 1.75rem 0; width: 100%; } [data=blog-body] .gallery a, [data=blog-body] .gallery div, [data=blog-body] .gallery figure, .blog-body .gallery a, .blog-body .gallery div, .blog-body .gallery figure { position: relative; -webkit-box-flex: 1; -moz-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-flex-shrink: auto; -webkit-box-flex: auto; -ms-flex-negative: auto; flex-shrink: auto; -ms-flex-preferred-size: auto; flex-basis: auto; width: 230px; margin: 3px; } [data=blog-body] .gallery a img, [data=blog-body] .gallery div img, [data=blog-body] .gallery figure img, .blog-body .gallery a img, .blog-body .gallery div img, .blog-body .gallery figure img { width: 100%; margin: 0 auto; height: auto; display: block; } [data=blog-body] .img-responsive, .blog-body .img-responsive { display: block; max-width: 100%; height: auto; } [data=blog-body] .img-rounded, .blog-body .img-rounded { border-radius: 0.3em; } [data=blog-body] .img-thumbnail, .blog-body .img-thumbnail { display: inline-block; max-width: 100%; height: auto; padding: 2px; line-height: 1.75; background-color: rgba(57, 169, 247, 0.2); border: 1px solid transparent; border-radius: 0.3em; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } [data=blog-body] .img-thumbnail.img-small, .blog-body .img-thumbnail.img-small { width: 60px; height: 60px; } [data=blog-body] .img-circle, .blog-body .img-circle { border-radius: 50%; } [data=blog-body] img, .blog-body img { -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); border: 1px solid transparent; margin-bottom: 1.75rem; max-width: 100%; height: auto; vertical-align: middle; } [data=blog-body] img::after, .blog-body img::after { -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15) inset; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15) inset; content: ''; } [data=blog-body] .media, [data=blog-body] .media-body, .blog-body .media, .blog-body .media-body { zoom: 1; overflow: hidden; } [data=blog-body] .media, .blog-body .media { margin-top: 1.75rem; } [data=blog-body] .media:first-child, .blog-body .media:first-child { margin-top: 0; } [data=blog-body] .media-body, .blog-body .media-body { width: 10000px; } [data=blog-body] .media-object, .blog-body .media-object { max-width: 80px; display: block; } [data=blog-body] .media-right, [data=blog-body] .media > .pull-right, .blog-body .media-right, .blog-body .media > .pull-right { padding-left: 1em; } [data=blog-body] .media-left, [data=blog-body] .media > .pull-left, .blog-body .media-left, .blog-body .media > .pull-left { padding-right: 1em; } [data=blog-body] .media-left, [data=blog-body] .media-right, [data=blog-body] .media-body, .blog-body .media-left, .blog-body .media-right, .blog-body .media-body { display: table-cell; vertical-align: top; } [data=blog-body] .media-middle, .blog-body .media-middle { vertical-align: middle; } [data=blog-body] .media-bottom, .blog-body .media-bottom { vertical-align: bottom; } [data=blog-body] .media-heading, .blog-body .media-heading { font-size: 1; font-family: "Big Noodle Too", impact, sans-serif; font-weight: 200; text-transform: none; color: #fff; margin-bottom: 5px; margin-top: 0; } [data=blog-body] .media-list, .blog-body .media-list { padding-left: 0; list-style: none; } [data=blog-body] .media, .blog-body .media { margin-bottom: 1.75rem; } [data=blog-body] table, .blog-body table { background-color: transparent; font-size: 1em; } [data=blog-body] caption, .blog-body caption { padding-top: 0.5em; padding-bottom: 0.5em; text-align: left; } [data=blog-body] th, .blog-body th { text-transform: uppercase; color: #00a5e2; text-align: left; } [data=blog-body] .table tr.text-left, .blog-body .table tr.text-left { text-align: left; } [data=blog-body] .table tr.text-left td, [data=blog-body] .table tr.text-left th, .blog-body .table tr.text-left td, .blog-body .table tr.text-left th { text-align: left; } [data=blog-body] .table tr.text-center, .blog-body .table tr.text-center { text-align: center; } [data=blog-body] .table tr.text-center td, [data=blog-body] .table tr.text-center th, .blog-body .table tr.text-center td, .blog-body .table tr.text-center th { text-align: center; } [data=blog-body] .table tr.text-right, .blog-body .table tr.text-right { text-align: right; } [data=blog-body] .table tr.text-right td, [data=blog-body] .table tr.text-right th, .blog-body .table tr.text-right td, .blog-body .table tr.text-right th { text-align: right; } [data=blog-body] .table.text-left td, [data=blog-body] .table.text-left th, .blog-body .table.text-left td, .blog-body .table.text-left th { text-align: left; } [data=blog-body] .table.text-right td, [data=blog-body] .table.text-right th, .blog-body .table.text-right td, .blog-body .table.text-right th { text-align: right; } [data=blog-body] .table.text-center td, [data=blog-body] .table.text-center th, .blog-body .table.text-center td, .blog-body .table.text-center th { text-align: center; } [data=blog-body] .table, .blog-body .table { border-collapse: collapse; } [data=blog-body] .table tr.vertical-top, .blog-body .table tr.vertical-top { vertical-align: top; } [data=blog-body] .table tr.vertical-top td, [data=blog-body] .table tr.vertical-top th, .blog-body .table tr.vertical-top td, .blog-body .table tr.vertical-top th { vertical-align: top; } [data=blog-body] .table tr.vertical-bottom, .blog-body .table tr.vertical-bottom { vertical-align: bottom; } [data=blog-body] .table tr.vertical-bottom td, [data=blog-body] .table tr.vertical-bottom th, .blog-body .table tr.vertical-bottom td, .blog-body .table tr.vertical-bottom th { vertical-align: bottom; } [data=blog-body] .table tr.vertical-middle, .blog-body .table tr.vertical-middle { vertical-align: middle; } [data=blog-body] .table tr.vertical-middle td, [data=blog-body] .table tr.vertical-middle th, .blog-body .table tr.vertical-middle td, .blog-body .table tr.vertical-middle th { vertical-align: middle; } [data=blog-body] .table.vertical-top td, [data=blog-body] .table.vertical-top th, .blog-body .table.vertical-top td, .blog-body .table.vertical-top th { vertical-align: top; } [data=blog-body] .table.vertical-bottom td, [data=blog-body] .table.vertical-bottom th, .blog-body .table.vertical-bottom td, .blog-body .table.vertical-bottom th { vertical-align: bottom; } [data=blog-body] .table.vertical-middle td, [data=blog-body] .table.vertical-middle th, .blog-body .table.vertical-middle td, .blog-body .table.vertical-middle th { vertical-align: middle; } [data=blog-body] .table, .blog-body .table { margin-bottom: 1.75rem; width: 100%; max-width: 100%; } [data=blog-body] .table > thead > tr > th, [data=blog-body] .table > thead > tr > td, [data=blog-body] .table > tbody > tr > th, [data=blog-body] .table > tbody > tr > td, [data=blog-body] .table > tfoot > tr > th, [data=blog-body] .table > tfoot > tr > td, .blog-body .table > thead > tr > th, .blog-body .table > thead > tr > td, .blog-body .table > tbody > tr > th, .blog-body .table > tbody > tr > td, .blog-body .table > tfoot > tr > th, .blog-body .table > tfoot > tr > td { padding: 0.5em; line-height: 1.75; border-top: 1px solid #2b2c2f; } [data=blog-body] .table > thead > tr > th, .blog-body .table > thead > tr > th { vertical-align: bottom; border-bottom: 2px solid #2b2c2f; } [data=blog-body] .table > caption + thead > tr:first-child > th, [data=blog-body] .table > caption + thead > tr:first-child > td, [data=blog-body] .table > colgroup + thead > tr:first-child > th, [data=blog-body] .table > colgroup + thead > tr:first-child > td, [data=blog-body] .table > thead:first-child > tr:first-child > th, [data=blog-body] .table > thead:first-child > tr:first-child > td, .blog-body .table > caption + thead > tr:first-child > th, .blog-body .table > caption + thead > tr:first-child > td, .blog-body .table > colgroup + thead > tr:first-child > th, .blog-body .table > colgroup + thead > tr:first-child > td, .blog-body .table > thead:first-child > tr:first-child > th, .blog-body .table > thead:first-child > tr:first-child > td { border-top: 0; } [data=blog-body] .table > tbody + tbody, .blog-body .table > tbody + tbody { border-top: 1px solid #2b2c2f; } [data=blog-body] .table .table, .blog-body .table .table { background-color: transparent; } [data=blog-body] .table-condensed > thead > tr > th, [data=blog-body] .table-condensed > thead > tr > td, [data=blog-body] .table-condensed > tbody > tr > th, [data=blog-body] .table-condensed > tbody > tr > td, [data=blog-body] .table-condensed > tfoot > tr > th, [data=blog-body] .table-condensed > tfoot > tr > td, .blog-body .table-condensed > thead > tr > th, .blog-body .table-condensed > thead > tr > td, .blog-body .table-condensed > tbody > tr > th, .blog-body .table-condensed > tbody > tr > td, .blog-body .table-condensed > tfoot > tr > th, .blog-body .table-condensed > tfoot > tr > td { padding: 0.4em; } [data=blog-body] .table-bordered, .blog-body .table-bordered { border: 1px solid #2b2c2f; } [data=blog-body] .table-bordered > thead > tr > th, [data=blog-body] .table-bordered > thead > tr > td, [data=blog-body] .table-bordered > tbody > tr > th, [data=blog-body] .table-bordered > tbody > tr > td, [data=blog-body] .table-bordered > tfoot > tr > th, [data=blog-body] .table-bordered > tfoot > tr > td, .blog-body .table-bordered > thead > tr > th, .blog-body .table-bordered > thead > tr > td, .blog-body .table-bordered > tbody > tr > th, .blog-body .table-bordered > tbody > tr > td, .blog-body .table-bordered > tfoot > tr > th, .blog-body .table-bordered > tfoot > tr > td { border: 1px solid #2b2c2f; } [data=blog-body] .table-bordered > thead > tr > th, [data=blog-body] .table-bordered > thead > tr > td, .blog-body .table-bordered > thead > tr > th, .blog-body .table-bordered > thead > tr > td { border-bottom-width: 1px; } [data=blog-body] .table-striped > tbody > tr:nth-of-type(odd), .blog-body .table-striped > tbody > tr:nth-of-type(odd) { background-color: rgba(255, 255, 255, 0.05); } [data=blog-body] .table-hover > tbody > tr:hover, .blog-body .table-hover > tbody > tr:hover { background-color: rgba(255, 255, 255, 0.1); } [data=blog-body] table col[class*="col-"], .blog-body table col[class*="col-"] { position: static; float: none; display: table-column; } [data=blog-body] table td[class*="col-"], [data=blog-body] table th[class*="col-"], .blog-body table td[class*="col-"], .blog-body table th[class*="col-"] { position: static; float: none; display: table-cell; } [data=blog-body] .table-responsive, .blog-body .table-responsive { margin-bottom: 1.75rem; overflow-x: auto; min-height: 0.01%; } [data=blog-body] .table-responsive .table, .blog-body .table-responsive .table { margin-bottom: 0; } @media screen and (max-width: 768px) { [data=blog-body] .table-responsive, .blog-body .table-responsive { margin-bottom: 1.3125rem; width: 100%; overflow-y: hidden; -ms-overflow-style: -ms-autohiding-scrollbar; } [data=blog-body] .table-responsive .table, .blog-body .table-responsive .table { margin-bottom: 0; } [data=blog-body] .table-responsive .table > thead > tr > th, [data=blog-body] .table-responsive .table > thead > tr > td, [data=blog-body] .table-responsive .table > tbody > tr > th, [data=blog-body] .table-responsive .table > tbody > tr > td, [data=blog-body] .table-responsive .table > tfoot > tr > th, [data=blog-body] .table-responsive .table > tfoot > tr > td, .blog-body .table-responsive .table > thead > tr > th, .blog-body .table-responsive .table > thead > tr > td, .blog-body .table-responsive .table > tbody > tr > th, .blog-body .table-responsive .table > tbody > tr > td, .blog-body .table-responsive .table > tfoot > tr > th, .blog-body .table-responsive .table > tfoot > tr > td { white-space: nowrap; } [data=blog-body] .table-responsive > .table-bordered, .blog-body .table-responsive > .table-bordered { border: 0; } [data=blog-body] .table-responsive > .table-bordered > thead > tr > th:first-child, [data=blog-body] .table-responsive > .table-bordered > thead > tr > td:first-child, [data=blog-body] .table-responsive > .table-bordered > tbody > tr > th:first-child, [data=blog-body] .table-responsive > .table-bordered > tbody > tr > td:first-child, [data=blog-body] .table-responsive > .table-bordered > tfoot > tr > th:first-child, [data=blog-body] .table-responsive > .table-bordered > tfoot > tr > td:first-child, .blog-body .table-responsive > .table-bordered > thead > tr > th:first-child, .blog-body .table-responsive > .table-bordered > thead > tr > td:first-child, .blog-body .table-responsive > .table-bordered > tbody > tr > th:first-child, .blog-body .table-responsive > .table-bordered > tbody > tr > td:first-child, .blog-body .table-responsive > .table-bordered > tfoot > tr > th:first-child, .blog-body .table-responsive > .table-bordered > tfoot > tr > td:first-child { border-left: 0; } [data=blog-body] .table-responsive > .table-bordered > thead > tr > th:last-child, [data=blog-body] .table-responsive > .table-bordered > thead > tr > td:last-child, [data=blog-body] .table-responsive > .table-bordered > tbody > tr > th:last-child, [data=blog-body] .table-responsive > .table-bordered > tbody > tr > td:last-child, [data=blog-body] .table-responsive > .table-bordered > tfoot > tr > th:last-child, [data=blog-body] .table-responsive > .table-bordered > tfoot > tr > td:last-child, .blog-body .table-responsive > .table-bordered > thead > tr > th:last-child, .blog-body .table-responsive > .table-bordered > thead > tr > td:last-child, .blog-body .table-responsive > .table-bordered > tbody > tr > th:last-child, .blog-body .table-responsive > .table-bordered > tbody > tr > td:last-child, .blog-body .table-responsive > .table-bordered > tfoot > tr > th:last-child, .blog-body .table-responsive > .table-bordered > tfoot > tr > td:last-child { border-right: 0; } [data=blog-body] .table-responsive > .table-bordered > tbody > tr:last-child > th, [data=blog-body] .table-responsive > .table-bordered > tbody > tr:last-child > td, [data=blog-body] .table-responsive > .table-bordered > tfoot > tr:last-child > th, [data=blog-body] .table-responsive > .table-bordered > tfoot > tr:last-child > td, .blog-body .table-responsive > .table-bordered > tbody > tr:last-child > th, .blog-body .table-responsive > .table-bordered > tbody > tr:last-child > td, .blog-body .table-responsive > .table-bordered > tfoot > tr:last-child > th, .blog-body .table-responsive > .table-bordered > tfoot > tr:last-child > td { border-bottom: 0; } } [data=blog-body] .table-stack, .blog-body .table-stack { margin: 1.75rem 0; } @media (max-width: 25em) { [data=blog-body] .table-stack thead, .blog-body .table-stack thead { display: none; } [data=blog-body] .table-stack tr td, .blog-body .table-stack tr td { display: -webkit-box; display: -webkit-flexbox; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -moz-align-items: center; align-items: center; margin-left: auto; } [data=blog-body] .table-stack tr td::before, .blog-body .table-stack tr td::before { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 200; text-align: right; color: #00a5e2; padding-right: 1em; width: 40%; content: attr(data-heading); display: inline-block; } } [data=blog-body] .nav-tabs, .blog-body .nav-tabs { padding-left: 0; list-style: none; background-color: rgba(10, 12, 16, 0.5); border-width: 1px 1px 1px 1px; border-color: rgba(255, 255, 255, 0.08); border-style: solid; margin-bottom: 0; overflow-x: auto; } [data=blog-body] .nav-tabs li, .blog-body .nav-tabs li { width: 100%; } [data=blog-body] .nav-tabs li a, .blog-body .nav-tabs li a { border-width: 0 0 4px 0; border-color: transparent; padding: 1em 1em 0.5em 1em; color: #39a9f7; text-decoration: none; display: block; border-style: solid; text-align: center; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-tap-highlight-color: transparent; /* For some Androids */ } [data=blog-body] .nav-tabs li:hover, [data=blog-body] .nav-tabs li.active, .blog-body .nav-tabs li:hover, .blog-body .nav-tabs li.active { background-color: rgba(255, 255, 255, 0); } [data=blog-body] .nav-tabs li:hover a, [data=blog-body] .nav-tabs li.active a, .blog-body .nav-tabs li:hover a, .blog-body .nav-tabs li.active a { outline: none !important; color: #fff; -o-border-image: linear-gradient(#39a9f7, #39a9f7) 1; border-image: -webkit-gradient(linear, left top, left bottom, from(#39a9f7), to(#39a9f7)) 1; border-image: linear-gradient(#39a9f7, #39a9f7) 1; } [data=blog-body] .tab-content, .blog-body .tab-content { background-color: rgba(10, 12, 16, 0.5); margin-bottom: 1em; padding: 1em; border-width: 0 1px 1px 1px; border-color: rgba(255, 255, 255, 0.08); border-style: solid; margin-top: -1px; } [data=blog-body] .tab-content .tab-pane, .blog-body .tab-content .tab-pane { display: none; } [data=blog-body] .tab-content .tab-pane.active, .blog-body .tab-content .tab-pane.active { display: block; } [data=blog-body] .tabs-responsive .nav-tabs, .blog-body .tabs-responsive .nav-tabs { overflow: auto; -webkit-overflow-scrolling: touch; } [data=blog-body] .tabs-responsive .nav-tabs li, .blog-body .tabs-responsive .nav-tabs li { white-space: nowrap; } [data=blog-body] iframe, .blog-body iframe { padding: 0; margin: 0; } [data=blog-body] .video-container, .blog-body .video-container { width: 100%; margin-bottom: 1.75rem; } [data=blog-body] .video, .blog-body .video { position: relative; padding-bottom: 56.25%; border: 1px solid transparent; border: 0 none; height: 0; z-index: 1; } [data=blog-body] .video iframe, .blog-body .video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 1px solid transparent; display: block; z-index: 1; } @media (min-width: 1200px) { [data=blog-body], .blog-body { font-size: calc( 14px + (16 - 14) * ((100vw - 1200px) / (721 - 1200))); } } @media (min-width: 721px) { [data=blog-body], .blog-body { font-size: 16px; } } /*# sourceMappingURL=blog.css.map */