{"version":3,"sourceRoot":"","sources":["../../_sass/minimal-mistakes/skins/_nord.scss","../../_sass/minimal-mistakes.scss","../../_sass/minimal-mistakes/vendor/magnific-popup/_settings.scss","../../_sass/minimal-mistakes/_variables.scss","../../_sass/minimal-mistakes/vendor/magnific-popup/_magnific-popup.scss","../../_sass/minimal-mistakes/_mixins.scss","../../_sass/minimal-mistakes/_reset.scss","../../_sass/minimal-mistakes/vendor/breakpoint/_breakpoint.scss","../../_sass/minimal-mistakes/_base.scss","../../_sass/minimal-mistakes/_forms.scss","../../_sass/minimal-mistakes/_tables.scss","../../_sass/minimal-mistakes/_animations.scss","../../_sass/minimal-mistakes/_buttons.scss","../../_sass/minimal-mistakes/_notices.scss","../../_sass/minimal-mistakes/_masthead.scss","../../_sass/minimal-mistakes/_navigation.scss","../../_sass/minimal-mistakes/_footer.scss","../../_sass/minimal-mistakes/_search.scss","../../_sass/minimal-mistakes/_syntax.scss","../../_sass/minimal-mistakes/_utilities.scss","../../_sass/minimal-mistakes/_page.scss","../../_sass/minimal-mistakes/_archive.scss","../../_sass/minimal-mistakes/_sidebar.scss","../../_sass/minimal-mistakes/_print.scss","main.scss"],"names":[],"mappings":"CAsRA,sEAEE,cCxRF;AAAA;AAAA;AAAA;AAAA,EC0CA,yBC3BQ,oBC8DR,QACE,MACA,OACA,WACA,YACA,aACA,gBACA,eAEA,WFjFoC,KEkFpC,QFjFoC,GEmFlC,yBAKJ,UACE,MACA,OACA,WACA,YACA,aACA,eACA,wBACA,mCAIF,eACE,kBACA,kBACA,WACA,YACA,OACA,MACA,cACA,8BACA,2BACA,sBAKA,sBACE,WACA,qBACA,YACA,sBAOA,qCACE,aAMN,aACE,kBACA,qBACA,sBACA,cACA,gBACA,aAIA,8DACE,WACA,YAKJ,cACE,gBAGA,iEACE,qBACA,wBACA,gBAGJ,UACE,eACA,uBACA,oBACA,eAGA,8BACE,YAIJ,kDAIE,yBACA,sBACA,iBAKA,wBACE,aAkBF,UACE,wBAUJ,eACE,MFvMoC,KEwMpC,kBACA,QACA,WACA,kBACA,kBACA,SACA,UACA,aACA,iBACE,MFjNkC,KEkNlC,uBACE,MFlNgC,KEyNpC,4BACE,aAMF,0BACE,aAMF,kCAEE,iBACA,eACA,yBACA,SACA,wBACA,cACA,aACA,UACA,aACA,wBACA,gBAEF,yBACI,UACA,SAMN,WACE,WACA,YACA,iBAEA,kBACA,QACA,MACA,qBACA,kBACA,QF5QoC,EE8QlC,0BAEF,sBACA,MFhRoC,KEkRpC,kBACA,eACA,YDvRM,oBCyRN,kCAEE,UAEE,0BAIJ,kBACE,QAIF,6BACE,MFlSkC,KEuSpC,2DACE,MF1SkC,KE2SlC,WACA,iBACA,kBACA,WAKJ,aACE,kBACA,MACA,QACA,MFpToC,KEqTpC,eACA,iBAKA,WACE,kBACA,QFjUkC,EEmUhC,0BAEF,SACA,QACA,iBACA,UACA,WACA,aACA,0CACA,kBACE,iBAEF,kCAEE,UAEE,0BAGJ,uEAIE,WACA,cACA,QACA,SACA,kBACA,OACA,MACA,gBACA,iBACA,kCAGF,mCAGE,sBACA,yBACA,QAGF,oCAEE,sBACA,yBACA,WAKJ,gBACE,OAEA,6CAEE,6BACA,iBAEF,8CAEE,iBACA,6BAIJ,iBACE,QACA,+CAEE,4BACA,iBAEF,gDAEE,4BASJ,mBACE,YF/YkC,KEgZlC,eFhZkC,KEiZlC,gCACE,cACA,WACA,UFlZgC,MEoZlC,8BACE,UAGJ,mBACE,WACA,SACA,gBACA,mBACA,0BACE,kBACA,cACA,MACA,OACA,WACA,YACA,WF1bgC,uBE2bhC,WFtagC,KEkblC,YACE,WACA,eACA,YACA,cACA,cACA,8BACA,2BACA,sBACA,oBACA,cAKJ,YACE,cACA,kBACE,WACA,kBACA,OACA,IFhcgC,KEichC,OFhcgC,KEichC,cACA,QACA,WACA,YACA,WACA,WFnegC,uBEoehC,WFzcgC,KE2clC,kBACE,MFrcgC,QEschC,cACA,eACA,iBAEF,mBACE,SAEF,uBACE,aACA,gBAGJ,gBACE,iBACA,kBACA,SACA,OACA,WACA,YAEF,WACE,gBACA,iBACA,MF9dkC,QE+dlC,qBACA,mBAIA,+BACE,eAMA,2CACE,eAOJ,gGAKI,kCACE,eACA,gBAGA,4BACE,UAKF,kCACE,MACA,SAEF,kCACE,eACA,gBAGJ,gCACE,0BACA,SACA,SACA,SACA,gBACA,eACA,8BACA,2BACA,sBACA,sCACE,UAGJ,6BACE,UACA,QAEF,2BACE,MACA,QACA,WACA,YACA,iBACA,0BACA,eACA,kBACA,WAUV,kCACE,WACE,8BACA,sBAEF,gBACE,2BACA,mBAEF,iBACE,8BACA,sBAEF,eACE,aF5lBkC,IE6lBlC,cF7lBkC,KEumBlC,kBACE,UAEF,yBACE,YACA,SACA,mBACA,eACA,mBAEF,wBACE,UAEF,sBACE,iBAEF,oBACE,MACA,QACA,cCjoBN,qBAEE,4BAEA,yBACA,oBCLF,wBAEA,KAEE,sBACA,iBN+CM,QM9CN,eAcA,8BACA,0BCuCE,wBD1DJ,KAOI,gBCmDA,wBD1DJ,KAWI,gBC+CA,wBD1DJ,KAeI,gBASJ,cAIA,iBACE,WACA,gBAGF,YACE,WACA,gBAKF,8EAWE,cAKF,mBAGE,qBACA,gBACA,QAKF,sBACE,aAGF,EACE,MNiM4B,QMtL9B,iBAEE,UAKF,QAEE,kBACA,cACA,cACA,wBAGF,IACE,WAGF,IACE,eAKF,IAEE,eACA,cAC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ACE,aAGA,gCACA,+BAIF,SAGE,sBC1CF,yBACE,GACE,UAEF,KACE,WAIJ,iBACE,GACE,UAEF,KACE,WCVJ,KAEE,qBACA,oBACA,iBACA,YTGW,uGSFX,UT2BY,MS1BZ,iBACA,kBACA,qBACA,eACA,cTkJc,ISjJd,eAEA,WACE,kBAGF,mBACE,mBAiBA,cP6CF,iBOzDA,QP0DA,cOrCI,sBPoCJ,iBOzDA,QP0DA,cOjCI,oBPgCJ,iBO/B8B,QPgC9B,WO9CE,cP6CF,iBOzDA,KP0DA,cO3CM,yBAMF,sBPoCJ,iBOzDA,KP0DA,cOjCI,oBPgCJ,iBO/B8B,KPgC9B,cO9CE,oBP6CF,iBOzDA,cP0DA,WOxCM,sBAGF,4BPoCJ,iBOzDA,cP0DA,WOjCI,0BPgCJ,iBO/B8B,ePgC9B,WO9CE,cP6CF,iBOzDA,QP0DA,cOrCI,sBPoCJ,iBOzDA,QP0DA,cOjCI,oBPgCJ,iBO/B8B,QPgC9B,WO9CE,cP6CF,iBOzDA,QP0DA,WOrCI,sBPoCJ,iBOzDA,QP0DA,WOjCI,oBPgCJ,iBO/B8B,QPgC9B,WO9CE,aP6CF,iBOzDA,QP0DA,WOrCI,qBPoCJ,iBOzDA,QP0DA,WOjCI,mBPgCJ,iBO/B8B,QPgC9B,WO9CE,WP6CF,iBOzDA,QP0DA,WOrCI,mBPoCJ,iBOzDA,QP0DA,WOjCI,iBPgCJ,iBO/B8B,QPgC9B,WO9CE,eP6CF,iBOzDA,QP0DA,WOrCI,uBPoCJ,iBOzDA,QP0DA,WOjCI,qBPgCJ,iBO/B8B,QPgC9B,WO9CE,cP6CF,iBOzDA,QP0DA,WOrCI,sBPoCJ,iBOzDA,QP0DA,WOjCI,oBPgCJ,iBO/B8B,QPgC9B,WO9CE,eP6CF,iBOzDA,QP0DA,WOrCI,uBPoCJ,iBOzDA,QP0DA,WOjCI,qBPgCJ,iBO/B8B,QPgC9B,WO1BA,YACE,cACA,WAEA,wBACE,iBAKJ,eACE,oBACA,mBACA,yBACA,gBACA,YAIF,cACE,UT7CU,OSiDZ,YACE,UTjDU,ISqDZ,YACE,UTpDU,QUiCd,QA9DE,wBACA,YACA,Mb+HM,Qa9HN,mHACA,2BACA,oBACA,iBACA,yBACA,cVgJc,IU/Id,2CAEA,WACE,wBACA,oB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EI,kBACA,YACA,gBfxCA,wBeoCJ,wBAQI,gBAQJ,gBACE,mBACA,mBACA,WACA,YfxDE,wBeoDJ,gBAOI,cACA,WACA,aAGF,oBACE,gBACA,kBflEA,wBegEF,oBAKI,YACA,0BAKN,iBACE,mBACA,mBACA,kBACA,mBACA,cfhFE,wBe2EJ,iBAQI,cACA,WACA,eACA,iBAGF,mBACE,cACA,qBAIJ,cACE,SfhGE,wBe+FJ,cAII,gBACA,oBAGJ,uBACE,YnBxJW,uGmByJX,UnBjIY,ImBoId,aACE,Sf7GE,wBe4GJ,aAII,gBACA,oBAIJ,sBACE,kBACA,mBACA,sBACA,YnBzKW,uGmB0KX,WACA,eAGE,sCACE,gBAKF,+CACE,iBfrIF,wBeqHJ,sBAqBI,eAGF,6BACE,kBACA,gBAGE,gCADF,oCAEI,WACA,eACA,MACA,OACA,WACA,YACA,qBAKF,yCACE,oBf/JJ,wBe6IF,6BAuBI,cAKN,cACE,aACA,kBACA,QACA,gBACA,aACA,qBACA,yBACA,cnB5Ec,ImB6Ed,WtB1LM,QsB2LN,oEACA,eAEA,0BACE,cfvLA,wBeyKJ,cAkBI,cACA,kBACA,SACA,UACA,SACA,yBACA,iBAGF,qBACE,cACA,WACA,kBACA,UACA,sBACA,QACA,mBACA,yBACA,mCACA,Uf9MA,wBeoMF,qBAaI,cAIJ,oBACE,cACA,WACA,kBACA,UACA,sBACA,QACA,mBACA,yBACA,mCACA,Uf/NA,wBeqNF,oBAaI,cAIJ,iBACE,aACA,qBAGF,iBACE,mBAGF,gBACE,cACA,kBACA,kBACA,gBACA,mBACA,cACA,UnB9QU,ImB+QV,qBAEA,sBACE,0BASN,sBACE,kBfpQE,wBemQJ,sBAII,iBACA,YACA,cACA,cACA,qBACA,qBACA,gBAEA,6BACE,YfhRF,wBemQJ,sBAkBI,cACA,sBClVJ,aAEE,SACE,aAGF,EACE,2BACA,8BACA,sBAGF,KACE,SACA,UACA,2BACA,eAGF,KACE,cACA,2BACA,sBACA,eACA,gBACA,kCACA,mCACA,kCAGF,kBAME,WACA,gBACA,qBACA,aAGF,GACE,iBAGF,GACE,eAGF,GACE,kBAGF,GACE,iBAGF,GACE,kBAGF,GACE,eAGF,YAEE,WACA,0BACA,qBAGF,MACE,yBAGF,MACE,2BAGF,YAGE,6BAGF,MAEE,iBAGF,IACE,SACA,cACA,0BACA,sBAGF,GACE,SACA,6BACA,SACA,iBACA,UAGF,GACE,iBAGF,GACE,SACA,qBAGF,2BAEE,SACA,qBAGF,kDAWE,wBAGF,aAKE,UACA,SAGF,kBAME,uBACA,wBAGF,eAGE,wBAGF,IACE,sBACA,uBACA,wBAGF,IACE,gCACA,qBAGF,2EAGE,4BACA,cAGF,uCAEE,6BAGF,MACE,eAGF,MACE,SACA,UACA,WAGF,+BAEE,yBAGF,kBACE,wBAGF,UACE,aAGF,oBACE,WAGF,+DAEE,WAGF,oBACE,sBACA,2BACA,UAEA,sBACE,sBAQJ,uLAcE,wBACA,uBCpPJ,OACI,yBACA,cACA,iBACA,eACA,yBAGJ,MACI,cACA,iBACA,eACA,yBAGJ,YACI,yBAGJ,eACI,yBACA,kBACA,yBACA,mBAGJ,eACI,WACA,UAGJ,iBACI,kBAGJ,kBACI,WACA,YACA","sourcesContent":["// Project:    Nord\n// Version:    0.2.0\n// Repository: https://github.com/arcticicestudio/nord\n\n/*\nMIT License (MIT)\n\nCopyright (c) 2016-2021 Arctic Ice Studio development@arcticicestudio.com (https://www.arcticicestudio.com)\nCopyright (c) 2016-2021 Sven Greb development@svengreb.de (https://www.svengreb.de)\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\nSOFTWARE.\n*/\n\n\n////\n/// An arctic, north-bluish color palette.\n/// Created for the clean- and minimal flat design pattern to achieve a optimal focus and readability for code syntax\n/// highlighting and UI.  \n/// It consists of a total of sixteen, carefully selected, dimmed pastel colors for a eye-comfortable, but yet colorful\n/// ambiance.\n///\n/// @author Arctic Ice Studio <development@arcticicestudio.com>\n////\n\n/// Base component color of \"Polar Night\".\n///\n/// Used for texts, backgrounds, carets and structuring characters like curly- and square brackets.\n///\n/// @access public\n/// @example scss - SCSS\n///   /* For dark ambiance themes */\n///   .background {\n///     background-color: $nord0;\n///   }\n///   /* For light ambiance themes */\n///   .text {\n///     color: $nord0;\n///   }\n/// @group polarnight\n/// @since 0.1.0\n$nord0: #2e3440;\n\n/// Lighter shade color of the base component color.\n///\n/// Used as a lighter background color for UI elements like status bars.\n///\n/// @access public\n/// @group polarnight\n/// @see $nord0\n/// @since 0.1.0\n$nord1: #3b4252;\n\n/// Lighter shade color of the base component color.\n///\n/// Used as line highlighting in the editor.  \n/// In the UI scope it may be used as selection- and highlight color.\n///\n/// @access public\n/// @example scss - SCSS\n///   /* Code Syntax Highlighting scope */\n///   .editor {\n///     &.line {\n///       background-color: $nord2;\n///     }\n///   }\n///\n///   /* UI scope */\n///   button {\n///     &:selected {\n///       background-color: $nord2;\n///     }\n///   }\n/// @group polarnight\n/// @see $nord0\n/// @since 0.1.0\n$nord2: #434c5e;\n\n/// Lighter shade color of the base component color.\n///\n/// Used for comments, invisibles, indent- and wrap guide marker.  \n/// In the UI scope used as pseudoclass color for disabled elements.\n///\n/// @access public\n/// @example scss - SCSS\n///   /* Code Syntax Highlighting scope */\n///   .editor {\n///     &.indent-guide,\n///     &.wrap-guide {\n///       &.marker {\n///         color: $nord3;\n///       }\n///     }\n///   }\n///   .comment,\n///   .invisible {\n///     color: $nord3;\n///   }\n///\n///   /* UI scope */\n///   button {\n///     &:disabled {\n///       background-color: $nord3;\n///     }\n///   }\n/// @group polarnight\n/// @see $nord0\n/// @since 0.1.0\n$nord3: #4c566a;\n\n/// Base component color of \"Snow Storm\".\n///\n/// Main color for text, variables, constants and attributes.\n/// In the UI scope used as semi-light background depending on the theme shading design.\n///\n/// @access public\n/// @example scss - SCSS\n///   /* For light ambiance themes */\n///   .background {\n///     background-color: $nord4;\n///   }\n///   /* For dark ambiance themes */\n///   .text {\n///     color: $nord4;\n///   }\n/// @group snowstorm\n/// @since 0.1.0\n$nord4: #d8dee9;\n\n/// Lighter shade color of the base component color.\n///\n/// Used as a lighter background color for UI elements like status bars.  \n/// Used as semi-light background depending on the theme shading design.\n///\n/// @access public\n/// @group snowstorm\n/// @see $nord4\n/// @since 0.1.0\n$nord5: #e5e9f0;\n\n/// Lighter shade color of the base component color.\n///\n/// Used for punctuations, carets and structuring characters like curly- and square brackets.  \n/// In the UI scope used as background, selection- and highlight color depending on the theme shading design.\n///\n/// @access public\n/// @group snowstorm\n/// @see $nord4\n/// @since 0.1.0\n$nord6: #eceff4;\n\n/// Bluish core color.\n///\n/// Used for classes, types and documentation tags.\n///\n/// @access public\n/// @group frost\n/// @since 0.1.0\n$nord7: #8fbcbb;\n\n/// Bluish core accent color.\n///\n/// Represents the accent color of the color palette.  \n/// Main color for primary UI elements and methods/functions.  \n///\n/// Can be used for\n///   - Markup quotes\n///   - Markup link URLs\n///\n/// @access public\n/// @group frost\n/// @since 0.1.0\n$nord8: #88c0d0;\n\n/// Bluish core color.\n///\n/// Used for language-specific syntactic/reserved support characters and keywords, operators, tags, units and\n/// punctuations like (semi)colons,commas and braces.\n///\n/// @access public\n/// @group frost\n/// @since 0.1.0\n$nord9: #81a1c1;\n\n/// Bluish core color.\n///\n/// Used for markup doctypes, import/include/require statements, pre-processor statements and at-rules (`@`).\n///\n/// @access public\n/// @group frost\n/// @since 0.1.0\n$nord10: #5e81ac;\n\n/// Colorful component color.\n///\n/// Used for errors, git/diff deletion and linter marker.\n///\n/// @access public\n/// @group aurora\n/// @since 0.1.0\n$nord11: #bf616a;\n\n/// Colorful component color.\n///\n/// Used for annotations.\n///\n/// @access public\n/// @group aurora\n/// @since 0.1.0\n$nord12: #d08770;\n\n/// Colorful component color.\n///\n/// Used for escape characters, regular expressions and markup entities.  \n/// In the UI scope used for warnings and git/diff renamings.\n///\n/// @access public\n/// @group aurora\n/// @since 0.1.0\n$nord13: #ebcb8b;\n\n/// Colorful component color.\n///\n/// Main color for strings and attribute values.  \n/// In the UI scope used for git/diff additions and success visualizations.\n///\n/// @access public\n/// @group aurora\n/// @since 0.1.0\n$nord14: #a3be8c;\n\n/// Colorful component color.\n///\n/// Used for numbers.\n///\n/// @access public\n/// @group aurora\n/// @since 0.1.0\n$nord15: #b48ead;\n\n// adapt to Minimal Mistakes\n/* Colors */\n$background-color           : $nord0 !default;\n$text-color                 : $nord4 !default;\n$text-highlight-color       : $nord3 !default;\n$primary-color              : $nord8 !default;\n$success-color              : $nord14 !default;\n$warning-color              : $nord12 !default;\n$danger-color               : $nord11 !default;\n$info-color                 : $nord10 !default;\n$border-color               : mix(#fff, $background-color, 20%) !default;\n$code-background-color      : mix(#000, $background-color, 15%) !default;\n$code-background-color-dark : mix(#000, $background-color, 20%) !default;\n$form-background-color      : mix(#000, $background-color, 15%) !default;\n$footer-background-color    : mix(#000, $background-color, 30%) !default;\n$link-color                 : mix($primary-color, $text-color, 40%) !default;\n$link-color-hover           : mix(#fff, $link-color, 25%) !default;\n$link-color-visited         : mix(#000, $link-color, 25%) !default;\n$masthead-link-color        : $text-color !default;\n$masthead-link-color-hover  : mix(#000, $text-color, 20%) !default;\n$navicon-link-color-hover   : mix(#000, $background-color, 30%) !default;\n$notice-background-mix      : 45% !default;\n\n.author__urls.social-icons .fa,\n.page__footer-follow .social-icons .fa {\n  color: inherit;\n}\n","/*!\n * Minimal Mistakes Jekyll Theme 4.24.0 by Michael Rose\n * Copyright 2013-2020 Michael Rose - mademistakes.com | @mmistakes\n * Licensed under MIT (https://github.com/mmistakes/minimal-mistakes/blob/master/LICENSE)\n*/\n\n/* Variables */\n@import \"minimal-mistakes/variables\";\n\n/* Mixins and functions */\n@import \"minimal-mistakes/vendor/breakpoint/breakpoint\";\n@include breakpoint-set(\"to ems\", true);\n@import \"minimal-mistakes/vendor/magnific-popup/magnific-popup\"; // Magnific Popup\n@import \"minimal-mistakes/vendor/susy/susy\";\n@import \"minimal-mistakes/mixins\";\n\n/* Core CSS */\n@import \"minimal-mistakes/reset\";\n@import \"minimal-mistakes/base\";\n@import \"minimal-mistakes/forms\";\n@import \"minimal-mistakes/tables\";\n@import \"minimal-mistakes/animations\";\n\n/* Components */\n@import \"minimal-mistakes/buttons\";\n@import \"minimal-mistakes/notices\";\n@import \"minimal-mistakes/masthead\";\n@import \"minimal-mistakes/navigation\";\n@import \"minimal-mistakes/footer\";\n@import \"minimal-mistakes/search\";\n@import \"minimal-mistakes/syntax\";\n\n/* Utility classes */\n@import \"minimal-mistakes/utilities\";\n\n/* Layout specific */\n@import \"minimal-mistakes/page\";\n@import \"minimal-mistakes/archive\";\n@import \"minimal-mistakes/sidebar\";\n@import \"minimal-mistakes/print\";\n","////////////////////////\n//      Settings      //\n////////////////////////\n\n// overlay\n$mfp-overlay-color:                   #000;                     // Color of overlay screen\n$mfp-overlay-opacity:                 0.8;                        // Opacity of overlay screen\n$mfp-shadow:                          0 0 8px rgba(0, 0, 0, 0.6); // Shadow on image or iframe\n\n// spacing\n$mfp-popup-padding-left:              8px;                        // Padding from left and from right side\n$mfp-popup-padding-left-mobile:       6px;                        // Same as above, but is applied when width of window is less than 800px\n\n$mfp-z-index-base:                    1040;                       // Base z-index of popup\n\n// controls\n$mfp-include-arrows:                  true;                       // Include styles for nav arrows\n$mfp-controls-opacity:                1;                          // Opacity of controls\n$mfp-controls-color:                  #fff;                     // Color of controls\n$mfp-controls-border-color:           #fff;                     // Border color of controls\n$mfp-inner-close-icon-color:          #fff;                     // Color of close button when inside\n$mfp-controls-text-color:             #ccc;                       // Color of preloader and \"1 of X\" indicator\n$mfp-controls-text-color-hover:       #fff;                     // Hover color of preloader and \"1 of X\" indicator\n$mfp-IE7support:                      true;                       // Very basic IE7 support\n\n// Iframe-type options\n$mfp-include-iframe-type:             true;                       // Enable Iframe-type popups\n$mfp-iframe-padding-top:              40px;                       // Iframe padding top\n$mfp-iframe-background:               #000;                       // Background color of iframes\n$mfp-iframe-max-width:                900px;                      // Maximum width of iframes\n$mfp-iframe-ratio:                    9/16;                       // Ratio of iframe (9/16 = widescreen, 3/4 = standard, etc.)\n\n// Image-type options\n$mfp-include-image-type:              true;                       // Enable Image-type popups\n$mfp-image-background:                #444 !default;\n$mfp-image-padding-top:               40px;                       // Image padding top\n$mfp-image-padding-bottom:            40px;                       // Image padding bottom\n$mfp-include-mobile-layout-for-image: true;                       // Removes paddings from top and bottom\n\n// Image caption options\n$mfp-caption-title-color:             #f3f3f3;                    // Caption title color\n$mfp-caption-subtitle-color:          #bdbdbd;                    // Caption subtitle color\n.mfp-counter { font-family: $serif; }                          // Caption font family\n\n// A11y\n$mfp-use-visuallyhidden:              false;","/* ==========================================================================\n   Variables\n   ========================================================================== */\n\n/*\n   Typography\n   ========================================================================== */\n\n$doc-font-size: 16 !default;\n\n/* paragraph indention */\n$paragraph-indent: false !default; // true, false (default)\n$indent-var: 1.3em !default;\n\n/* system typefaces */\n$serif: Georgia, Times, serif !default;\n$sans-serif: -apple-system, BlinkMacSystemFont, \"Roboto\", \"Segoe UI\",\n  \"Helvetica Neue\", \"Lucida Grande\", Arial, sans-serif !default;\n$monospace: Monaco, Consolas, \"Lucida Console\", monospace !default;\n\n/* sans serif typefaces */\n$sans-serif-narrow: $sans-serif !default;\n$helvetica: Helvetica, \"Helvetica Neue\", Arial, sans-serif !default;\n\n/* serif typefaces */\n$georgia: Georgia, serif !default;\n$times: Times, serif !default;\n$bodoni: \"Bodoni MT\", serif !default;\n$calisto: \"Calisto MT\", serif !default;\n$garamond: Garamond, serif !default;\n\n$global-font-family: $sans-serif !default;\n$header-font-family: $sans-serif !default;\n$caption-font-family: $serif !default;\n\n/* type scale */\n$type-size-1: 2.441em !default; // ~39.056px\n$type-size-2: 1.953em !default; // ~31.248px\n$type-size-3: 1.563em !default; // ~25.008px\n$type-size-4: 1.25em !default; // ~20px\n$type-size-5: 1em !default; // ~16px\n$type-size-6: 0.75em !default; // ~12px\n$type-size-7: 0.6875em !default; // ~11px\n$type-size-8: 0.625em !default; // ~10px\n\n/* headline scale */\n$h-size-1: 1.563em !default; // ~25.008px\n$h-size-2: 1.25em !default; // ~20px\n$h-size-3: 1.125em !default; // ~18px\n$h-size-4: 1.0625em !default; // ~17px\n$h-size-5: 1.03125em !default; // ~16.5px\n$h-size-6: 1em !default; // ~16px\n\n/*\n   Colors\n   ========================================================================== */\n\n$gray: #7a8288 !default;\n$dark-gray: mix(#000, $gray, 50%) !default;\n$darker-gray: mix(#000, $gray, 60%) !default;\n$light-gray: mix(#fff, $gray, 50%) !default;\n$lighter-gray: mix(#fff, $gray, 90%) !default;\n\n$background-color: #fff !default;\n$code-background-color: #fafafa !default;\n$code-background-color-dark: $light-gray !default;\n$text-color: $dark-gray !default;\n$muted-text-color: mix(#fff, $text-color, 20%) !default;\n$border-color: $lighter-gray !default;\n$form-background-color: $lighter-gray !default;\n$footer-background-color: $lighter-gray !default;\n\n$primary-color: #6f777d !default;\n$success-color: #3fa63f !default;\n$warning-color: #d67f05 !default;\n$danger-color: #ee5f5b !default;\n$info-color: #3b9cba !default;\n$focus-color: $primary-color !default;\n$active-color: mix(#fff, $primary-color, 80%) !default;\n\n/* YIQ color contrast */\n$yiq-contrasted-dark-default: $dark-gray !default;\n$yiq-contrasted-light-default: #fff !default;\n$yiq-contrasted-threshold: 175 !default;\n$yiq-debug: false !default;\n\n/* brands */\n$behance-color: #1769ff !default;\n$bitbucket-color: #205081 !default;\n$dribbble-color: #ea4c89 !default;\n$facebook-color: #3b5998 !default;\n$flickr-color: #ff0084 !default;\n$foursquare-color: #0072b1 !default;\n$github-color: #171516 !default;\n$gitlab-color: #e24329 !default;\n$instagram-color: #517fa4 !default;\n$keybase-color: #ef7639 !default;\n$lastfm-color: #d51007 !default;\n$linkedin-color: #007bb6 !default;\n$mastodon-color: #2b90d9 !default;\n$pinterest-color: #cb2027 !default;\n$reddit-color: #ff4500 !default;\n$rss-color: #fa9b39 !default;\n$soundcloud-color: #ff3300 !default;\n$stackoverflow-color: #fe7a15 !default;\n$tumblr-color: #32506d !default;\n$twitter-color: #55acee !default;\n$vimeo-color: #1ab7ea !default;\n$vine-color: #00bf8f !default;\n$youtube-color: #bb0000 !default;\n$xing-color: #006567 !default;\n\n/* links */\n$link-color: mix(#000, $info-color, 20%) !default;\n$link-color-hover: mix(#000, $link-color, 25%) !default;\n$link-color-visited: mix(#fff, $link-color, 15%) !default;\n$masthead-link-color: $primary-color !default;\n$masthead-link-color-hover: mix(#000, $primary-color, 25%) !default;\n$navicon-link-color-hover: mix(#fff, $primary-color, 75%) !default;\n\n/* notices */\n$notice-background-mix: 80% !default;\n$code-notice-background-mix: 90% !default;\n\n/* syntax highlighting (base16) */\n$base00: #263238 !default;\n$base01: #2e3c43 !default;\n$base02: #314549 !default;\n$base03: #546e7a !default;\n$base04: #b2ccd6 !default;\n$base05: #eeffff !default;\n$base06: #eeffff !default;\n$base07: #ffffff !default;\n$base08: #f07178 !default;\n$base09: #f78c6c !default;\n$base0a: #ffcb6b !default;\n$base0b: #c3e88d !default;\n$base0c: #89ddff !default;\n$base0d: #82aaff !default;\n$base0e: #c792ea !default;\n$base0f: #ff5370 !default;\n\n/*\n   Breakpoints\n   ========================================================================== */\n\n$small: 600px !default;\n$medium: 768px !default;\n$medium-wide: 900px !default;\n$large: 1024px !default;\n$x-large: 1280px !default;\n$max-width: $x-large !default;\n\n/*\n   Grid\n   ========================================================================== */\n\n$right-sidebar-width-narrow: 200px !default;\n$right-sidebar-width: 300px !default;\n$right-sidebar-width-wide: 400px !default;\n\n/*\n   Other\n   ========================================================================== */\n\n$border-radius: 4px !default;\n$box-shadow: 0 1px 1px rgba(0, 0, 0, 0.125) !default;\n$nav-height: 2em !default;\n$nav-toggle-height: 2rem !default;\n$navicon-width: 1.5rem !default;\n$navicon-height: 0.25rem !default;\n$global-transition: all 0.2s ease-in-out !default;\n$intro-transition: intro 0.3s both !default;\n","/* Magnific Popup CSS */\n\n@import \"settings\";\n\n////////////////////////\n//\n// Contents:\n//\n// 1. Default Settings\n// 2. General styles\n//    - Transluscent overlay\n//    - Containers, wrappers\n//    - Cursors\n//    - Helper classes\n// 3. Appearance\n//    - Preloader & text that displays error messages\n//    - CSS reset for buttons\n//    - Close icon\n//    - \"1 of X\" counter\n//    - Navigation (left/right) arrows\n//    - Iframe content type styles\n//    - Image content type styles\n//    - Media query where size of arrows is reduced\n//    - IE7 support\n//\n////////////////////////\n\n\n\n////////////////////////\n// 1. Default Settings\n////////////////////////\n\n$mfp-overlay-color:                   #0b0b0b !default;\n$mfp-overlay-opacity:                 0.8 !default;\n$mfp-shadow:                          0 0 8px rgba(0, 0, 0, 0.6) !default; // shadow on image or iframe\n$mfp-popup-padding-left:              8px !default; // Padding from left and from right side\n$mfp-popup-padding-left-mobile:       6px !default; // Same as above, but is applied when width of window is less than 800px\n\n$mfp-z-index-base:                    1040 !default; // Base z-index of popup\n$mfp-include-arrows:                  true !default; // include styles for nav arrows\n$mfp-controls-opacity:                0.65 !default;\n$mfp-controls-color:                  #FFF !default;\n$mfp-controls-border-color:           #3F3F3F !default;\n$mfp-inner-close-icon-color:          #333 !default;\n$mfp-controls-text-color:             #CCC !default; // Color of preloader and \"1 of X\" indicator\n$mfp-controls-text-color-hover:       #FFF !default;\n$mfp-IE7support:                      true !default; // Very basic IE7 support\n\n// Iframe-type options\n$mfp-include-iframe-type:             true !default;\n$mfp-iframe-padding-top:              40px !default;\n$mfp-iframe-background:               #000 !default;\n$mfp-iframe-max-width:                900px !default;\n$mfp-iframe-ratio:                    9/16 !default;\n\n// Image-type options\n$mfp-include-image-type:              true !default;\n$mfp-image-background:                #444 !default;\n$mfp-image-padding-top:               40px !default;\n$mfp-image-padding-bottom:            40px !default;\n$mfp-include-mobile-layout-for-image: true !default; // Removes paddings from top and bottom\n\n// Image caption options\n$mfp-caption-title-color:             #F3F3F3 !default;\n$mfp-caption-subtitle-color:          #BDBDBD !default;\n\n// A11y\n$mfp-use-visuallyhidden:              false !default; // Hide content from browsers, but make it available for screen readers\n\n\n\n////////////////////////\n// 2. General styles\n////////////////////////\n\n// Transluscent overlay\n.mfp-bg {\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  z-index: $mfp-z-index-base + 2;\n  overflow: hidden;\n  position: fixed;\n\n  background: $mfp-overlay-color;\n  opacity: $mfp-overlay-opacity;\n  @if $mfp-IE7support {\n    filter: unquote(\"alpha(opacity=#{$mfp-overlay-opacity*100})\");\n  }\n}\n\n// Wrapper for popup\n.mfp-wrap {\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  z-index: $mfp-z-index-base + 3;\n  position: fixed;\n  outline: none !important;\n  -webkit-backface-visibility: hidden; // fixes webkit bug that can cause \"false\" scrollbar\n}\n\n// Root container\n.mfp-container {\n  text-align: center;\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  left: 0;\n  top: 0;\n  padding: 0 $mfp-popup-padding-left;\n  -webkit-box-sizing: border-box;\n  -moz-box-sizing: border-box;\n  box-sizing: border-box;\n}\n\n// Vertical centerer helper\n.mfp-container {\n  &:before {\n    content: '';\n    display: inline-block;\n    height: 100%;\n    vertical-align: middle;\n  }\n}\n\n// Remove vertical centering when popup has class `mfp-align-top`\n.mfp-align-top {\n  .mfp-container {\n    &:before {\n      display: none;\n    }\n  }\n}\n\n// Popup content holder\n.mfp-content {\n  position: relative;\n  display: inline-block;\n  vertical-align: middle;\n  margin: 0 auto;\n  text-align: left;\n  z-index: $mfp-z-index-base + 5;\n}\n.mfp-inline-holder,\n.mfp-ajax-holder {\n  .mfp-content {\n    width: 100%;\n    cursor: auto;\n  }\n}\n\n// Cursors\n.mfp-ajax-cur {\n  cursor: progress;\n}\n.mfp-zoom-out-cur {\n  &, .mfp-image-holder .mfp-close {\n    cursor: -moz-zoom-out;\n    cursor: -webkit-zoom-out;\n    cursor: zoom-out;\n  }\n}\n.mfp-zoom {\n  cursor: pointer;\n  cursor: -webkit-zoom-in;\n  cursor: -moz-zoom-in;\n  cursor: zoom-in;\n}\n.mfp-auto-cursor {\n  .mfp-content {\n    cursor: auto;\n  }\n}\n\n.mfp-close,\n.mfp-arrow,\n.mfp-preloader,\n.mfp-counter {\n  -webkit-user-select:none;\n  -moz-user-select: none;\n  user-select: none;\n}\n\n// Hide the image during the loading\n.mfp-loading {\n  &.mfp-figure {\n    display: none;\n  }\n}\n\n// Helper class that hides stuff\n@if $mfp-use-visuallyhidden {\n  // From HTML5 Boilerplate https://github.com/h5bp/html5-boilerplate/blob/v4.2.0/doc/css.md#visuallyhidden\n  .mfp-hide {\n    border: 0 !important;\n    clip: rect(0 0 0 0) !important;\n    height: 1px !important;\n    margin: -1px !important;\n    overflow: hidden !important;\n    padding: 0 !important;\n    position: absolute !important;\n    width: 1px !important;\n  }\n} @else {\n  .mfp-hide {\n    display: none !important;\n  }\n}\n\n\n////////////////////////\n// 3. Appearance\n////////////////////////\n\n// Preloader and text that displays error messages\n.mfp-preloader {\n  color: $mfp-controls-text-color;\n  position: absolute;\n  top: 50%;\n  width: auto;\n  text-align: center;\n  margin-top: -0.8em;\n  left: 8px;\n  right: 8px;\n  z-index: $mfp-z-index-base + 4;\n  a {\n    color: $mfp-controls-text-color;\n    &:hover {\n      color: $mfp-controls-text-color-hover;\n    }\n  }\n}\n\n// Hide preloader when content successfully loaded\n.mfp-s-ready {\n  .mfp-preloader {\n    display: none;\n  }\n}\n\n// Hide content when it was not loaded\n.mfp-s-error {\n  .mfp-content {\n    display: none;\n  }\n}\n\n// CSS-reset for buttons\nbutton {\n  &.mfp-close,\n  &.mfp-arrow {\n    overflow: visible;\n    cursor: pointer;\n    background: transparent;\n    border: 0;\n    -webkit-appearance: none;\n    display: block;\n    outline: none;\n    padding: 0;\n    z-index: $mfp-z-index-base + 6;\n    -webkit-box-shadow: none;\n    box-shadow: none;\n  }\n  &::-moz-focus-inner {\n      padding: 0;\n      border: 0\n  }\n}\n\n\n// Close icon\n.mfp-close {\n  width: 44px;\n  height: 44px;\n  line-height: 44px;\n\n  position: absolute;\n  right: 0;\n  top: 0;\n  text-decoration: none;\n  text-align: center;\n  opacity: $mfp-controls-opacity;\n  @if $mfp-IE7support {\n    filter: unquote(\"alpha(opacity=#{$mfp-controls-opacity*100})\");\n  }\n  padding: 0 0 18px 10px;\n  color: $mfp-controls-color;\n\n  font-style: normal;\n  font-size: 28px;\n  font-family: $serif;\n\n  &:hover,\n  &:focus {\n    opacity: 1;\n    @if $mfp-IE7support {\n      filter: unquote(\"alpha(opacity=#{1*100})\");\n    }\n  }\n\n  &:active {\n    top: 1px;\n  }\n}\n.mfp-close-btn-in {\n  .mfp-close {\n    color: $mfp-inner-close-icon-color;\n  }\n}\n.mfp-image-holder,\n.mfp-iframe-holder {\n  .mfp-close {\n    color: $mfp-controls-color;\n    right: -6px;\n    text-align: right;\n    padding-right: 6px;\n    width: 100%;\n  }\n}\n\n// \"1 of X\" counter\n.mfp-counter {\n  position: absolute;\n  top: 0;\n  right: 0;\n  color: $mfp-controls-text-color;\n  font-size: 12px;\n  line-height: 18px;\n}\n\n// Navigation arrows\n@if $mfp-include-arrows {\n  .mfp-arrow {\n    position: absolute;\n    opacity: $mfp-controls-opacity;\n    @if $mfp-IE7support {\n      filter: unquote(\"alpha(opacity=#{$mfp-controls-opacity*100})\");\n    }\n    margin: 0;\n    top: 50%;\n    margin-top: -55px;\n    padding: 0;\n    width: 90px;\n    height: 110px;\n    -webkit-tap-highlight-color: rgba(0,0,0,0);\n    &:active {\n      margin-top: -54px;\n    }\n    &:hover,\n    &:focus {\n      opacity: 1;\n      @if $mfp-IE7support {\n        filter: unquote(\"alpha(opacity=#{1*100})\");\n      }\n    }\n    &:before,\n    &:after,\n    .mfp-b,\n    .mfp-a {\n      content: '';\n      display: block;\n      width: 0;\n      height: 0;\n      position: absolute;\n      left: 0;\n      top: 0;\n      margin-top: 35px;\n      margin-left: 35px;\n      border: medium inset transparent;\n    }\n\n    &:after,\n    .mfp-a {\n\n      border-top-width: 13px;\n      border-bottom-width: 13px;\n      top:8px;\n    }\n\n    &:before,\n    .mfp-b {\n      border-top-width: 21px;\n      border-bottom-width: 21px;\n      opacity: 0.7;\n    }\n\n  }\n\n  .mfp-arrow-left {\n    left: 0;\n\n    &:after,\n    .mfp-a {\n      border-right: 17px solid $mfp-controls-color;\n      margin-left: 31px;\n    }\n    &:before,\n    .mfp-b {\n      margin-left: 25px;\n      border-right: 27px solid $mfp-controls-border-color;\n    }\n  }\n\n  .mfp-arrow-right {\n    right: 0;\n    &:after,\n    .mfp-a {\n      border-left: 17px solid $mfp-controls-color;\n      margin-left: 39px\n    }\n    &:before,\n    .mfp-b {\n      border-left: 27px solid $mfp-controls-border-color;\n    }\n  }\n}\n\n\n\n// Iframe content type\n@if $mfp-include-iframe-type {\n  .mfp-iframe-holder {\n    padding-top: $mfp-iframe-padding-top;\n    padding-bottom: $mfp-iframe-padding-top;\n    .mfp-content {\n      line-height: 0;\n      width: 100%;\n      max-width: $mfp-iframe-max-width;\n    }\n    .mfp-close {\n      top: -40px;\n    }\n  }\n  .mfp-iframe-scaler {\n    width: 100%;\n    height: 0;\n    overflow: hidden;\n    padding-top: $mfp-iframe-ratio * 100%;\n    iframe {\n      position: absolute;\n      display: block;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n      box-shadow: $mfp-shadow;\n      background: $mfp-iframe-background;\n    }\n  }\n}\n\n\n\n// Image content type\n@if $mfp-include-image-type {\n\n  /* Main image in popup */\n  img {\n    &.mfp-img {\n      width: auto;\n      max-width: 100%;\n      height: auto;\n      display: block;\n      line-height: 0;\n      -webkit-box-sizing: border-box;\n      -moz-box-sizing: border-box;\n      box-sizing: border-box;\n      padding: $mfp-image-padding-top 0 $mfp-image-padding-bottom;\n      margin: 0 auto;\n    }\n  }\n\n  /* The shadow behind the image */\n  .mfp-figure {\n    line-height: 0;\n    &:after {\n      content: '';\n      position: absolute;\n      left: 0;\n      top: $mfp-image-padding-top;\n      bottom: $mfp-image-padding-bottom;\n      display: block;\n      right: 0;\n      width: auto;\n      height: auto;\n      z-index: -1;\n      box-shadow: $mfp-shadow;\n      background: $mfp-image-background;\n    }\n    small {\n      color: $mfp-caption-subtitle-color;\n      display: block;\n      font-size: 12px;\n      line-height: 14px;\n    }\n    figure {\n      margin: 0;\n    }\n    figcaption {\n      margin-top: 0;\n      margin-bottom: 0; // reset for bottom spacing\n    }\n  }\n  .mfp-bottom-bar {\n    margin-top: -$mfp-image-padding-bottom + 4;\n    position: absolute;\n    top: 100%;\n    left: 0;\n    width: 100%;\n    cursor: auto;\n  }\n  .mfp-title {\n    text-align: left;\n    line-height: 18px;\n    color: $mfp-caption-title-color;\n    word-wrap: break-word;\n    padding-right: 36px; // leave some space for counter at right side\n  }\n\n  .mfp-image-holder {\n    .mfp-content {\n      max-width: 100%;\n    }\n  }\n\n  .mfp-gallery {\n    .mfp-image-holder {\n      .mfp-figure {\n        cursor: pointer;\n      }\n    }\n  }\n\n\n  @if $mfp-include-mobile-layout-for-image {\n    @media screen and (max-width: 800px) and (orientation:landscape), screen and (max-height: 300px) {\n      /**\n       * Remove all paddings around the image on small screen\n       */\n      .mfp-img-mobile {\n        .mfp-image-holder {\n          padding-left: 0;\n          padding-right: 0;\n        }\n        img {\n          &.mfp-img {\n            padding: 0;\n          }\n        }\n        .mfp-figure {\n          // The shadow behind the image\n          &:after {\n            top: 0;\n            bottom: 0;\n          }\n          small {\n            display: inline;\n            margin-left: 5px;\n          }\n        }\n        .mfp-bottom-bar {\n          background: rgba(0,0,0,0.6);\n          bottom: 0;\n          margin: 0;\n          top: auto;\n          padding: 3px 5px;\n          position: fixed;\n          -webkit-box-sizing: border-box;\n          -moz-box-sizing: border-box;\n          box-sizing: border-box;\n          &:empty {\n            padding: 0;\n          }\n        }\n        .mfp-counter {\n          right: 5px;\n          top: 3px;\n        }\n        .mfp-close {\n          top: 0;\n          right: 0;\n          width: 35px;\n          height: 35px;\n          line-height: 35px;\n          background: rgba(0, 0, 0, 0.6);\n          position: fixed;\n          text-align: center;\n          padding: 0;\n        }\n      }\n    }\n  }\n}\n\n\n\n// Scale navigation arrows and reduce padding from sides\n@media all and (max-width: 900px) {\n  .mfp-arrow {\n    -webkit-transform: scale(0.75);\n    transform: scale(0.75);\n  }\n  .mfp-arrow-left {\n    -webkit-transform-origin: 0;\n    transform-origin: 0;\n  }\n  .mfp-arrow-right {\n    -webkit-transform-origin: 100%;\n    transform-origin: 100%;\n  }\n  .mfp-container {\n    padding-left: $mfp-popup-padding-left-mobile;\n    padding-right: $mfp-popup-padding-left-mobile;\n  }\n}\n\n\n\n// IE7 support\n// Styles that make popup look nicier in old IE\n@if $mfp-IE7support {\n  .mfp-ie7 {\n    .mfp-img {\n      padding: 0;\n    }\n    .mfp-bottom-bar {\n      width: 600px;\n      left: 50%;\n      margin-left: -300px;\n      margin-top: 5px;\n      padding-bottom: 5px;\n    }\n    .mfp-container {\n      padding: 0;\n    }\n    .mfp-content {\n      padding-top: 44px;\n    }\n    .mfp-close {\n      top: 0;\n      right: 0;\n      padding-top: 0;\n    }\n  }\n}\n","/* ==========================================================================\n   MIXINS\n   ========================================================================== */\n\n%tab-focus {\n  /* Default*/\n  outline: thin dotted $focus-color;\n  /* Webkit*/\n  outline: 5px auto $focus-color;\n  outline-offset: -2px;\n}\n\n/*\n   em function\n   ========================================================================== */\n\n@function em($target, $context: $doc-font-size) {\n  @return ($target / $context) * 1em;\n}\n\n\n/*\n   Bourbon clearfix\n   ========================================================================== */\n\n/*\n  * Provides an easy way to include a clearfix for containing floats.\n  * link http://cssmojo.com/latest_new_clearfix_so_far/\n  *\n  * example scss - Usage\n  *\n  * .element {\n  *   @include clearfix;\n  * }\n  *\n  * example css - CSS Output\n  *\n  * .element::after {\n  *   clear: both;\n  *   content: \"\";\n  *   display: table;\n  * }\n*/\n\n@mixin clearfix {\n  clear: both;\n\n  &::after {\n    clear: both;\n    content: \"\";\n    display: table;\n  }\n}\n\n/*\n   Compass YIQ Color Contrast\n   https://github.com/easy-designs/yiq-color-contrast\n   ========================================================================== */\n\n@function yiq-is-light(\n  $color,\n  $threshold: $yiq-contrasted-threshold\n) {\n  $red: red($color);\n  $green: green($color);\n  $blue: blue($color);\n\n  $yiq: (($red*299)+($green*587)+($blue*114))/1000;\n\n  @if $yiq-debug { @debug $yiq, $threshold; }\n\n  @return if($yiq >= $threshold, true, false);\n}\n\n@function yiq-contrast-color(\n  $color,\n  $dark: $yiq-contrasted-dark-default,\n  $light: $yiq-contrasted-light-default,\n  $threshold: $yiq-contrasted-threshold\n) {\n  @return if(yiq-is-light($color, $threshold), $yiq-contrasted-dark-default, $yiq-contrasted-light-default);\n}\n\n@mixin yiq-contrasted(\n  $background-color,\n  $dark: $yiq-contrasted-dark-default,\n  $light: $yiq-contrasted-light-default,\n  $threshold: $yiq-contrasted-threshold\n) {\n  background-color: $background-color;\n  color: yiq-contrast-color($background-color, $dark, $light, $threshold);\n}","/* ==========================================================================\n   STYLE RESETS\n   ========================================================================== */\n\n* { box-sizing: border-box; }\n\nhtml {\n  /* apply a natural box layout model to all elements */\n  box-sizing: border-box;\n  background-color: $background-color;\n  font-size: 16px;\n\n  @include breakpoint($medium) {\n    font-size: 18px;\n  }\n\n  @include breakpoint($large) {\n    font-size: 20px;\n  }\n\n  @include breakpoint($x-large) {\n    font-size: 22px;\n  }\n\n  -webkit-text-size-adjust: 100%;\n  -ms-text-size-adjust: 100%;\n}\n\n/* Remove margin */\n\nbody { margin: 0; }\n\n/* Selected elements */\n\n::-moz-selection {\n  color: #fff;\n  background: #000;\n}\n\n::selection {\n  color: #fff;\n  background: #000;\n}\n\n/* Display HTML5 elements in IE6-9 and FF3 */\n\narticle,\naside,\ndetails,\nfigcaption,\nfigure,\nfooter,\nheader,\nhgroup,\nmain,\nnav,\nsection {\n  display: block;\n}\n\n/* Display block in IE6-9 and FF3 */\n\naudio,\ncanvas,\nvideo {\n  display: inline-block;\n  *display: inline;\n  *zoom: 1;\n}\n\n/* Prevents modern browsers from displaying 'audio' without controls */\n\naudio:not([controls]) {\n  display: none;\n}\n\na {\n  color: $link-color;\n}\n\n/* Apply focus state */\n\na:focus {\n  @extend %tab-focus;\n}\n\n/* Remove outline from links */\n\na:hover,\na:active {\n  outline: 0;\n}\n\n/* Prevent sub and sup affecting line-height in all browsers */\n\nsub,\nsup {\n  position: relative;\n  font-size: 75%;\n  line-height: 0;\n  vertical-align: baseline;\n}\n\nsup {\n  top: -0.5em;\n}\n\nsub {\n  bottom: -0.25em;\n}\n\n/* img border in anchor's and image quality */\n\nimg {\n  /* Responsive images (ensure images don't scale beyond their parents) */\n  max-width: 100%; /* part 1: Set a maximum relative to the parent*/\n  width: auto\\9; /* IE7-8 need help adjusting responsive images*/\n  height: auto; /* part 2: Scale the height according to the width, otherwise you get stretching*/\n\n  vertical-align: middle;\n  border: 0;\n  -ms-interpolation-mode: bicubic;\n}\n\n/* Prevent max-width from affecting Google Maps */\n\n#map_canvas img,\n.google-maps img {\n  max-width: none;\n}\n\n/* Consistent form font size in all browsers, margin changes, misc */\n\nbutton,\ninput,\nselect,\ntextarea {\n  margin: 0;\n  font-size: 100%;\n  vertical-align: middle;\n}\n\nbutton,\ninput {\n  *overflow: visible; /* inner spacing ie IE6/7*/\n  line-height: normal; /* FF3/4 have !important on line-height in UA stylesheet*/\n}\n\nbutton::-moz-focus-inner,\ninput::-moz-focus-inner { /* inner padding and border oddities in FF3/4*/\n  padding: 0;\n  border: 0;\n}\n\nbutton,\nhtml input[type=\"button\"], // avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` and `video` controls\ninput[type=\"reset\"],\ninput[type=\"submit\"] {\n    -webkit-appearance: button; /* corrects inability to style clickable `input` types in iOS*/\n    cursor: pointer; /* improves usability and consistency of cursor style between image-type `input` and others*/\n}\n\nlabel,\nselect,\nbutton,\ninput[type=\"button\"],\ninput[type=\"reset\"],\ninput[type=\"submit\"],\ninput[type=\"radio\"],\ninput[type=\"checkbox\"] {\n    cursor: pointer; /* improves usability and consistency of cursor style between image-type `input` and others*/\n}\n\ninput[type=\"search\"] { /* Appearance in Safari/Chrome*/\n  box-sizing: border-box;\n  -webkit-appearance: textfield;\n}\n\ninput[type=\"search\"]::-webkit-search-decoration,\ninput[type=\"search\"]::-webkit-search-cancel-button {\n  -webkit-appearance: none; /* inner-padding issues in Chrome OSX, Safari 5*/\n}\n\ntextarea {\n  overflow: auto; /* remove vertical scrollbar in IE6-9*/\n  vertical-align: top; /* readability and alignment cross-browser*/\n}","//////////////////////////////\n// Default Variables\n//////////////////////////////\n$Breakpoint-Settings: (\n  'default media': all,\n  'default feature': min-width,\n  'default pair': width,\n\n  'force all media type': false,\n  'to ems': false,\n  'transform resolutions': true,\n\n  'no queries': false,\n  'no query fallbacks': false,\n\n  'base font size': 16px,\n\n  'legacy syntax': false\n);\n\n$breakpoint: () !default;\n\n//////////////////////////////\n// Imports\n//////////////////////////////\n@import \"settings\";\n@import \"context\";\n@import \"helpers\";\n@import \"parsers\";\n@import \"no-query\";\n\n@import \"respond-to\";\n\n@import \"legacy-settings\";\n\n//////////////////////////////\n// Breakpoint Mixin\n//////////////////////////////\n\n@mixin breakpoint($query, $no-query: false) {\n  @include legacy-settings-warning;\n\n  // Reset contexts\n  @include private-breakpoint-reset-contexts();\n\n  $breakpoint: breakpoint($query, false);\n\n  $query-string: map-get($breakpoint, 'query');\n  $query-fallback: map-get($breakpoint, 'fallback');\n\n  $private-breakpoint-context-holder: map-get($breakpoint, 'context holder') !global;\n  $private-breakpoint-query-count: map-get($breakpoint, 'query count') !global;\n\n  // Allow for an as-needed override or usage of no query fallback.\n  @if $no-query != false {\n    $query-fallback: $no-query;\n  }\n\n  @if $query-fallback != false {\n    $context-setter: private-breakpoint-set-context('no-query', $query-fallback);\n  }\n\n  // Print Out Query String\n  @if not breakpoint-get('no queries') {\n    @media #{$query-string} {\n      @content;\n    }\n  }\n\n  @if breakpoint-get('no query fallbacks') != false or breakpoint-get('no queries') == true {\n\n    $type: type-of(breakpoint-get('no query fallbacks'));\n    $print: false;\n\n    @if ($type == 'bool') {\n      $print: true;\n    }\n    @else if ($type == 'string') {\n      @if $query-fallback == breakpoint-get('no query fallbacks') {\n        $print: true;\n      }\n    }\n    @else if ($type == 'list') {\n      @each $wrapper in breakpoint-get('no query fallbacks') {\n        @if $query-fallback == $wrapper {\n          $print: true;\n        }\n      }\n    }\n\n    // Write Fallback\n    @if ($query-fallback != false) and ($print == true) {\n      $type-fallback: type-of($query-fallback);\n\n      @if ($type-fallback != 'bool') {\n        #{$query-fallback} & {\n          @content;\n        }\n      }\n      @else {\n        @content;\n      }\n    }\n  }\n\n  @include private-breakpoint-reset-contexts();\n}\n\n\n@mixin mq($query, $no-query: false) {\n  @include breakpoint($query, $no-query) {\n    @content;\n  }\n}\n","/* ==========================================================================\n   BASE ELEMENTS\n   ========================================================================== */\n\nhtml {\n  /* sticky footer fix */\n  position: relative;\n  min-height: 100%;\n/* hacks-guide change start: add Nord skin */\n  ::selection {\n    color: $text-color;\n    background: $text-highlight-color;\n  }\n/* hacks-guide change end */\n}\n\nbody {\n  margin: 0;\n  padding: 0;\n  color: $text-color;\n  font-family: $global-font-family;\n  line-height: 1.5;\n\n  &.overflow--hidden {\n    /* when primary navigation is visible, the content in the background won't scroll */\n    overflow: hidden;\n  }\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  margin: 2em 0 0.5em;\n  line-height: 1.2;\n  font-family: $header-font-family;\n  font-weight: bold;\n}\n\nh1 {\n  margin-top: 0;\n  font-size: $h-size-1;\n}\n\nh2 {\n  font-size: $h-size-2;\n}\n\nh3 {\n  font-size: $h-size-3;\n}\n\nh4 {\n  font-size: $h-size-4;\n}\n\nh5 {\n  font-size: $h-size-5;\n}\n\nh6 {\n  font-size: $h-size-6;\n}\n\nsmall,\n.small {\n  font-size: $type-size-6;\n}\n\np {\n  margin-bottom: 1.3em;\n}\n\nu,\nins {\n  text-decoration: none;\n  border-bottom: 1px solid $text-color;\n  a {\n    color: inherit;\n  }\n}\n\ndel a {\n  color: inherit;\n}\n\n/* reduce orphans and widows when printing */\n\np,\npre,\nblockquote,\nul,\nol,\ndl,\nfigure,\ntable,\nfieldset {\n  orphans: 3;\n  widows: 3;\n}\n\n/* abbreviations */\n\nabbr[title],\nabbr[data-original-title] {\n  text-decoration: none;\n  cursor: help;\n  border-bottom: 1px dotted $text-color;\n}\n\n/* blockquotes */\n\nblockquote {\n  margin: 2em 1em 2em 0;\n  padding-left: 1em;\n  padding-right: 1em;\n  font-style: italic;\n  border-left: 0.25em solid $primary-color;\n\n  cite {\n    font-style: italic;\n\n    &:before {\n      content: \"\\2014\";\n      padding-right: 5px;\n    }\n  }\n}\n\n/* links */\n\na {\n  &:focus {\n    @extend %tab-focus;\n  }\n\n  &:visited {\n    color: $link-color-visited;\n  }\n\n  &:hover {\n    color: $link-color-hover;\n    outline: 0;\n  }\n}\n\n/* buttons */\n\nbutton:focus {\n  @extend %tab-focus;\n}\n\n/* code */\n\ntt,\ncode,\nkbd,\nsamp,\npre {\n  font-family: $monospace;\n}\n\npre {\n  overflow-x: auto; /* add scrollbars to wide code blocks*/\n}\n\np > code,\na > code,\nli > code,\nfigcaption > code,\ntd > code {\n  padding-top: 0.1rem;\n  padding-bottom: 0.1rem;\n  font-size: 0.8em;\n  background: $code-background-color;\n  border-radius: $border-radius;\n\n  &:before,\n  &:after {\n    letter-spacing: -0.2em;\n    content: \"\\00a0\"; /* non-breaking space*/\n  }\n}\n\n/* horizontal rule */\n\nhr {\n  display: block;\n  margin: 1em 0;\n  border: 0;\n  border-top: 1px solid $border-color;\n}\n\n/* lists */\n\nul li,\nol li {\n  margin-bottom: 0.5em;\n}\n\nli ul,\nli ol {\n  margin-top: 0.5em;\n}\n\n/*\n   Media and embeds\n   ========================================================================== */\n\n/* Figures and images */\n\nfigure {\n  display: -webkit-box;\n  display: flex;\n  -webkit-box-pack: justify;\n  justify-content: space-between;\n  -webkit-box-align: start;\n  align-items: flex-start;\n  flex-wrap: wrap;\n  margin: 2em 0;\n\n  img,\n  iframe,\n  .fluid-width-video-wrapper {\n    margin-bottom: 1em;\n  }\n\n  img {\n    width: 100%;\n    border-radius: $border-radius;\n    -webkit-transition: $global-transition;\n    transition: $global-transition;\n  }\n\n  > a {\n    display: block;\n  }\n\n  &.half {\n    > a,\n    > img {\n      @include breakpoint($small) {\n        width: calc(50% - 0.5em);\n      }\n    }\n\n    figcaption {\n      width: 100%;\n    }\n  }\n\n  &.third {\n    > a,\n    > img {\n      @include breakpoint($small) {\n        width: calc(33.3333% - 0.5em);\n      }\n    }\n\n    figcaption {\n      width: 100%;\n    }\n  }\n}\n\n/* Figure captions */\n\nfigcaption {\n  margin-bottom: 0.5em;\n  color: $muted-text-color;\n  font-family: $caption-font-family;\n  font-size: $type-size-6;\n\n  a {\n    -webkit-transition: $global-transition;\n    transition: $global-transition;\n\n    &:hover {\n      color: $link-color-hover;\n    }\n  }\n}\n\n/* Fix IE9 SVG bug */\n\nsvg:not(:root) {\n  overflow: hidden;\n}\n\n/*\n   Navigation lists\n   ========================================================================== */\n\n/**\n * Removes margins, padding, and bullet points from navigation lists\n *\n * Example usage:\n * <nav>\n *    <ul>\n *      <li><a href=\"#link-1\">Link 1</a></li>\n *      <li><a href=\"#link-2\">Link 2</a></li>\n *      <li><a href=\"#link-3\">Link 3</a></li>\n *    </ul>\n *  </nav>\n */\n\nnav {\n  ul {\n    margin: 0;\n    padding: 0;\n  }\n\n  li {\n    list-style: none;\n  }\n\n  a {\n    text-decoration: none;\n  }\n\n  /* override white-space for nested lists */\n  ul li,\n  ol li {\n    margin-bottom: 0;\n  }\n\n  li ul,\n  li ol {\n    margin-top: 0;\n  }\n}\n\n/*\n   Global animation transition\n   ========================================================================== */\n\nb,\ni,\nstrong,\nem,\nblockquote,\np,\nq,\nspan,\nfigure,\nimg,\nh1,\nh2,\nheader,\ninput,\na,\ntr,\ntd,\nform button,\ninput[type=\"submit\"],\n.btn,\n.highlight,\n.archive__item-teaser {\n  -webkit-transition: $global-transition;\n  transition: $global-transition;\n}\n","/* ==========================================================================\n   Forms\n   ========================================================================== */\n\nform {\n  margin: 0 0 5px 0;\n  padding: 1em;\n  background-color: $form-background-color;\n\n  fieldset {\n    margin-bottom: 5px;\n    padding: 0;\n    border-width: 0;\n  }\n\n  legend {\n    display: block;\n    width: 100%;\n    margin-bottom: 5px * 2;\n    *margin-left: -7px;\n    padding: 0;\n    color: $text-color;\n    border: 0;\n    white-space: normal;\n  }\n\n  p {\n    margin-bottom: (5px / 2);\n  }\n\n  ul {\n    list-style-type: none;\n    margin: 0 0 5px 0;\n    padding: 0;\n  }\n\n  br {\n    display: none;\n  }\n}\n\nlabel,\ninput,\nbutton,\nselect,\ntextarea {\n  vertical-align: baseline;\n  *vertical-align: middle;\n}\n\ninput,\nbutton,\nselect,\ntextarea {\n  box-sizing: border-box;\n  font-family: $sans-serif;\n}\n\nlabel {\n  display: block;\n  margin-bottom: 0.25em;\n  color: $text-color;\n  cursor: pointer;\n\n  small {\n    font-size: $type-size-6;\n  }\n\n  input,\n  textarea,\n  select {\n    display: block;\n  }\n}\n\ninput,\ntextarea,\nselect {\n  display: inline-block;\n  width: 100%;\n  padding: 0.25em;\n  margin-bottom: 0.5em;\n  color: $text-color;\n  background-color: $background-color;\n  border: $border-color;\n  border-radius: $border-radius;\n  box-shadow: $box-shadow;\n}\n\n.input-mini {\n  width: 60px;\n}\n\n.input-small {\n  width: 90px;\n}\n\ninput[type=\"image\"],\ninput[type=\"checkbox\"],\ninput[type=\"radio\"] {\n  width: auto;\n  height: auto;\n  padding: 0;\n  margin: 3px 0;\n  *margin-top: 0;\n  line-height: normal;\n  cursor: pointer;\n  border-radius: 0;\n  border: 0 \\9;\n  box-shadow: none;\n}\n\ninput[type=\"checkbox\"],\ninput[type=\"radio\"] {\n  box-sizing: border-box;\n  padding: 0;\n  *width: 13px;\n  *height: 13px;\n}\n\ninput[type=\"image\"] {\n  border: 0;\n}\n\ninput[type=\"file\"] {\n  width: auto;\n  padding: initial;\n  line-height: initial;\n  border: initial;\n  background-color: transparent;\n  background-color: initial;\n  box-shadow: none;\n}\n\ninput[type=\"button\"],\ninput[type=\"reset\"],\ninput[type=\"submit\"] {\n  width: auto;\n  height: auto;\n  cursor: pointer;\n  *overflow: visible;\n}\n\nselect,\ninput[type=\"file\"] {\n  *margin-top: 4px;\n}\n\nselect {\n  width: auto;\n  background-color: #fff;\n}\n\nselect[multiple],\nselect[size] {\n  height: auto;\n}\n\ntextarea {\n  resize: vertical;\n  height: auto;\n  overflow: auto;\n  vertical-align: top;\n}\n\ninput[type=\"hidden\"] {\n  display: none;\n}\n\n.form {\n  position: relative;\n}\n\n.radio,\n.checkbox {\n  padding-left: 18px;\n  font-weight: normal;\n}\n\n.radio input[type=\"radio\"],\n.checkbox input[type=\"checkbox\"] {\n  float: left;\n  margin-left: -18px;\n}\n\n.radio.inline,\n.checkbox.inline {\n  display: inline-block;\n  padding-top: 5px;\n  margin-bottom: 0;\n  vertical-align: middle;\n}\n\n.radio.inline + .radio.inline,\n.checkbox.inline + .checkbox.inline {\n  margin-left: 10px;\n}\n\n/*\n     Disabled state\n     ========================================================================== */\n\ninput[disabled],\nselect[disabled],\ntextarea[disabled],\ninput[readonly],\nselect[readonly],\ntextarea[readonly] {\n  opacity: 0.5;\n  cursor: not-allowed;\n}\n\n/*\n     Focus & active state\n     ========================================================================== */\n\ninput:focus,\ntextarea:focus {\n  border-color: $primary-color;\n  outline: 0;\n  outline: thin dotted \\9;\n  box-shadow: inset 0 1px 3px rgba($text-color, 0.06),\n    0 0 5px rgba($primary-color, 0.7);\n}\n\ninput[type=\"file\"]:focus,\ninput[type=\"radio\"]:focus,\ninput[type=\"checkbox\"]:focus,\nselect:focus {\n  box-shadow: none;\n}\n\n/*\n     Help text\n     ========================================================================== */\n\n.help-block,\n.help-inline {\n  color: $muted-text-color;\n}\n\n.help-block {\n  display: block;\n  margin-bottom: 1em;\n  line-height: 1em;\n}\n\n.help-inline {\n  display: inline-block;\n  vertical-align: middle;\n  padding-left: 5px;\n}\n\n/*\n     .form-group\n     ========================================================================== */\n\n.form-group {\n  margin-bottom: 5px;\n  padding: 0;\n  border-width: 0;\n}\n\n/*\n     .form-inline\n     ========================================================================== */\n\n.form-inline input,\n.form-inline textarea,\n.form-inline select {\n  display: inline-block;\n  margin-bottom: 0;\n}\n\n.form-inline label {\n  display: inline-block;\n}\n\n.form-inline .radio,\n.form-inline .checkbox,\n.form-inline .radio {\n  padding-left: 0;\n  margin-bottom: 0;\n  vertical-align: middle;\n}\n\n.form-inline .radio input[type=\"radio\"],\n.form-inline .checkbox input[type=\"checkbox\"] {\n  float: left;\n  margin-left: 0;\n  margin-right: 3px;\n}\n\n/*\n     .form-search\n     ========================================================================== */\n\n.form-search input,\n.form-search textarea,\n.form-search select {\n  display: inline-block;\n  margin-bottom: 0;\n}\n\n.form-search .search-query {\n  padding-left: 14px;\n  padding-right: 14px;\n  margin-bottom: 0;\n  border-radius: 14px;\n}\n\n.form-search label {\n  display: inline-block;\n}\n\n.form-search .radio,\n.form-search .checkbox,\n.form-inline .radio {\n  padding-left: 0;\n  margin-bottom: 0;\n  vertical-align: middle;\n}\n\n.form-search .radio input[type=\"radio\"],\n.form-search .checkbox input[type=\"checkbox\"] {\n  float: left;\n  margin-left: 0;\n  margin-right: 3px;\n}\n\n/*\n     .form--loading\n     ========================================================================== */\n\n.form--loading:before {\n  content: \"\";\n}\n\n.form--loading .form__spinner {\n  display: block;\n}\n\n.form:before {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  background-color: rgba(255, 255, 255, 0.7);\n  z-index: 10;\n}\n\n.form__spinner {\n  display: none;\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  z-index: 11;\n}\n","/* ==========================================================================\n   TABLES\n   ========================================================================== */\n\ntable {\n  display: table; /* hacks-guide change */\n  margin-bottom: 1em;\n  width: 100%;\n  font-family: $global-font-family;\n  font-size: $type-size-6;\n  border-collapse: collapse;\n  border: 1px solid $light-gray; /* hacks-guide change */\n  overflow-x: auto;\n\n  & + table {\n    margin-top: 1em;\n  }\n}\n\nthead {\n  background-color: $border-color;\n/* hacks-guide change start */\n  // border-bottom: 2px solid mix(#000, $border-color, 25%);\n  border-bottom: 1px solid $light-gray;\n/* hacks-guide change end */\n}\n\nth {\n  padding: 0.5em;\n  font-weight: bold;\n  text-align: left;\n  border-right: 1px solid $light-gray; /* hacks-guide change */\n}\n\ntd {\n  padding: 0.5em;\n/* hacks-guide change start */\n  // border-bottom: 1px solid mix(#000, $border-color, 25%);\n  border-bottom: 1px solid $light-gray;\n  border-right: 1px solid $light-gray;\n/* hacks-guide change end */\n}\n\ntr,\ntd,\nth {\n  vertical-align: middle;\n}","/* ==========================================================================\n   ANIMATIONS\n   ========================================================================== */\n\n@-webkit-keyframes intro {\n  0% {\n    opacity: 0;\n  }\n  100% {\n    opacity: 1;\n  }\n}\n\n@keyframes intro {\n  0% {\n    opacity: 0;\n  }\n  100% {\n    opacity: 1;\n  }\n}","/* ==========================================================================\n   BUTTONS\n   ========================================================================== */\n\n/*\n   Default button\n   ========================================================================== */\n\n.btn {\n  /* default */\n  display: inline-block;\n  margin-bottom: 0.25em;\n  padding: 0.5em 1em;\n  font-family: $sans-serif;\n  font-size: $type-size-6;\n  font-weight: bold;\n  text-align: center;\n  text-decoration: none;\n  border-width: 0;\n  border-radius: $border-radius;\n  cursor: pointer;\n\n  .icon {\n    margin-right: 0.5em;\n  }\n\n  .icon + .hidden {\n    margin-left: -0.5em; /* override for hidden text*/\n  }\n\n  /* button colors */\n  $buttoncolors:\n  (primary, $primary-color),\n  (inverse, #fff),\n  (light-outline, transparent),\n  (success, $success-color),\n  (warning, $warning-color),\n  (danger, $danger-color),\n  (info, $info-color),\n  (facebook, $facebook-color),\n  (twitter, $twitter-color),\n  (linkedin, $linkedin-color);\n\n  @each $buttoncolor, $color in $buttoncolors {\n    &--#{$buttoncolor} {\n      @include yiq-contrasted($color);\n      @if ($buttoncolor == inverse) {\n        border: 1px solid $border-color;\n      }\n      @if ($buttoncolor == light-outline) {\n        border: 1px solid #fff;\n      }\n\n      &:visited {\n        @include yiq-contrasted($color);\n      }\n\n      &:hover {\n        @include yiq-contrasted(mix(#000, $color, 20%));\n      }\n    }\n  }\n\n  /* fills width of parent container */\n  &--block {\n    display: block;\n    width: 100%;\n\n    + .btn--block {\n      margin-top: 0.25em;\n    }\n  }\n\n  /* disabled */\n  &--disabled {\n    pointer-events: none;\n    cursor: not-allowed;\n    filter: alpha(opacity=65);\n    box-shadow: none;\n    opacity: 0.65;\n  }\n\n  /* extra large button */\n  &--x-large {\n    font-size: $type-size-4;\n  }\n\n  /* large button */\n  &--large {\n    font-size: $type-size-5;\n  }\n\n  /* small button */\n  &--small {\n    font-size: $type-size-7;\n  }\n}","/* ==========================================================================\n   NOTICE TEXT BLOCKS\n   ========================================================================== */\n\n/**\n *  Default Kramdown usage (no indents!):\n *  <div class=\"notice\" markdown=\"1\">\n *  #### Headline for the Notice\n *  Text for the notice\n *  </div>\n */\n\n@mixin notice($notice-color) {\n  margin: 2em 0 !important;  /* override*/\n  padding: 1em;\n  color: $text-color;\n  font-family: $global-font-family;\n  font-size: $type-size-6 !important;\n  text-indent: initial; /* override*/\n  font-weight: bold; /* hacks-guide change: override font-weight on notices for readability */\n  background-color: mix($background-color, $notice-color, $notice-background-mix);\n  border-radius: $border-radius;\n  box-shadow: 0 1px 1px rgba($notice-color, 0.25);\n\n  h4 {\n    margin-top: 0 !important; /* override*/\n    margin-bottom: 0.75em;\n    line-height: inherit;\n  }\n\n  @at-root .page__content #{&} h4 {\n    /* using at-root to override .page-content h4 font size*/\n    margin-bottom: 0;\n    font-size: 1em;\n  }\n\n  p {\n    &:last-child {\n      margin-bottom: 0 !important; /* override*/\n    }\n  }\n\n  h4 + p {\n    /* remove space above paragraphs that appear directly after notice headline*/\n    margin-top: 0;\n    padding-top: 0;\n  }\n\n  a {\n/* hacks-guide change start: adjust colours for links in notices for readability */\n    color: mix(#fff, $notice-color, 30%);\n\n    &:hover {\n      color: mix(#fff, $notice-color, 70%);\n    }\n/* hacks-guide change end */\n  }\n\n  code {\n    background-color: mix($background-color, $notice-color, $code-notice-background-mix)\n  }\n\n\tpre code {\n\t\tbackground-color: inherit;\n\t}\n\n  ul {\n    &:last-child {\n      margin-bottom: 0; /* override*/\n    }\n  }\n}\n\n/* Default notice */\n\n.notice {\n  @include notice($light-gray);\n}\n\n/* Primary notice */\n\n.notice--primary {\n  @include notice($primary-color);\n}\n\n/* Info notice */\n\n.notice--info {\n  @include notice($info-color);\n}\n\n/* Warning notice */\n\n.notice--warning {\n  @include notice($warning-color);\n}\n\n/* Success notice */\n\n.notice--success {\n  @include notice($success-color);\n}\n\n/* Danger notice */\n\n.notice--danger {\n  @include notice($danger-color);\n}\n","/* ==========================================================================\n   MASTHEAD\n   ========================================================================== */\n\n.masthead {\n  position: relative;\n  border-bottom: 1px solid $border-color;\n  -webkit-animation: $intro-transition;\n  animation: $intro-transition;\n  -webkit-animation-delay: 0.15s;\n  animation-delay: 0.15s;\n  z-index: 20;\n\n  &__inner-wrap {\n    @include clearfix;\n    margin-left: auto;\n    margin-right: auto;\n    padding: 1em;\n    max-width: 100%;\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-pack: justify;\n    -ms-flex-pack: justify;\n    justify-content: space-between;\n    font-family: $sans-serif-narrow;\n\n    @include breakpoint($x-large) {\n      max-width: $max-width;\n    }\n\n    nav {\n      z-index: 10;\n    }\n\n    a {\n      text-decoration: none;\n    }\n  }\n}\n\n.site-logo img {\n  max-height: 2rem;\n}\n\n.site-title {\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-item-align: center;\n  align-self: center;\n  font-weight: bold;\n  // z-index: 20;\n}\n\n.site-subtitle {\n  display: block;\n  font-size: $type-size-8;\n}\n\n.masthead__menu {\n  float: left;\n  margin-left: 0;\n  margin-right: 0;\n  width: 100%;\n  clear: both;\n\n  .site-nav {\n    margin-left: 0;\n\n    @include breakpoint($small) {\n      float: right;\n    }\n  }\n\n  ul {\n    margin: 0;\n    padding: 0;\n    clear: both;\n    list-style-type: none;\n  }\n}\n\n.masthead__menu-item {\n  display: block;\n  list-style-type: none;\n  white-space: nowrap;\n\n  &--lg {\n    padding-right: 2em;\n    font-weight: 700;\n  }\n}\n","/* ==========================================================================\n   NAVIGATION\n   ========================================================================== */\n\n/*\n   Breadcrumb navigation links\n   ========================================================================== */\n\n.breadcrumbs {\n  @include clearfix;\n  margin: 0 auto;\n  max-width: 100%;\n  padding-left: 1em;\n  padding-right: 1em;\n  font-family: $sans-serif;\n  -webkit-animation: $intro-transition;\n  animation: $intro-transition;\n  -webkit-animation-delay: 0.3s;\n  animation-delay: 0.3s;\n\n  @include breakpoint($x-large) {\n    max-width: $x-large;\n  }\n\n  ol {\n    padding: 0;\n    list-style: none;\n    font-size: $type-size-6;\n\n    @include breakpoint($large) {\n      float: right;\n      width: calc(100% - #{$right-sidebar-width-narrow});\n    }\n\n    @include breakpoint($x-large) {\n      width: calc(100% - #{$right-sidebar-width});\n    }\n  }\n\n  li {\n    display: inline;\n  }\n\n  .current {\n    font-weight: bold;\n  }\n}\n\n/*\n     Post pagination navigation links\n     ========================================================================== */\n\n.pagination {\n  @include clearfix();\n  float: left;\n  margin-top: 1em;\n  padding-top: 1em;\n  width: 100%;\n\n  ul {\n    margin: 0;\n    padding: 0;\n    list-style-type: none;\n    font-family: $sans-serif;\n  }\n\n  li {\n    display: block;\n    float: left;\n    margin-left: -1px;\n\n    a {\n      display: block;\n      margin-bottom: 0.25em;\n      padding: 0.5em 1em;\n      font-family: $sans-serif;\n      font-size: 14px;\n      font-weight: bold;\n      line-height: 1.5;\n      text-align: center;\n      text-decoration: none;\n      color: $muted-text-color;\n      border: 1px solid mix(#000, $border-color, 25%);\n      border-radius: 0;\n\n      &:hover {\n        color: $link-color-hover;\n      }\n\n      &.current,\n      &.current.disabled {\n        color: #fff;\n        background: $primary-color;\n      }\n\n      &.disabled {\n        color: rgba($muted-text-color, 0.5);\n        pointer-events: none;\n        cursor: not-allowed;\n      }\n    }\n\n    &:first-child {\n      margin-left: 0;\n\n      a {\n        border-top-left-radius: $border-radius;\n        border-bottom-left-radius: $border-radius;\n      }\n    }\n\n    &:last-child {\n      a {\n        border-top-right-radius: $border-radius;\n        border-bottom-right-radius: $border-radius;\n      }\n    }\n  }\n\n  /* next/previous buttons */\n  &--pager {\n    display: block;\n    padding: 1em 2em;\n    float: left;\n    width: 50%;\n    font-family: $sans-serif;\n    font-size: $type-size-5;\n    font-weight: bold;\n    text-align: center;\n    text-decoration: none;\n    color: $muted-text-color;\n    border: 1px solid mix(#000, $border-color, 25%);\n    border-radius: $border-radius;\n\n    &:hover {\n      @include yiq-contrasted($muted-text-color);\n    }\n\n    &:first-child {\n      border-top-right-radius: 0;\n      border-bottom-right-radius: 0;\n    }\n\n    &:last-child {\n      margin-left: -1px;\n      border-top-left-radius: 0;\n      border-bottom-left-radius: 0;\n    }\n\n    &.disabled {\n      color: rgba($muted-text-color, 0.5);\n      pointer-events: none;\n      cursor: not-allowed;\n    }\n  }\n}\n\n.page__content + .pagination,\n.page__meta + .pagination,\n.page__share + .pagination,\n.page__comments + .pagination {\n  margin-top: 2em;\n  padding-top: 2em;\n  border-top: 1px solid $border-color;\n}\n\n/*\n     Priority plus navigation\n     ========================================================================== */\n\n.greedy-nav {\n  position: relative;\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-align: center;\n  -ms-flex-align: center;\n  align-items: center;\n  min-height: $nav-height;\n  background: $background-color;\n\n  a {\n    display: block;\n    margin: 0 1rem;\n    color: $masthead-link-color;\n    text-decoration: none;\n    -webkit-transition: none;\n    transition: none;\n\n    &:hover {\n      color: $masthead-link-color-hover;\n    }\n\n/* hacks-guide change start: disable site logo, site title */\n    /*\n    &.site-logo {\n      margin-left: 0;\n      margin-right: 0.5rem;\n    }\n\n    &.site-title {\n      margin-left: 0;\n    }\n    */\n/* hacks-guide change end */\n  }\n  \n  img{\n    -webkit-transition: none;\n    transition: none;\n  }\n\n  &__toggle {\n    -ms-flex-item-align: center;\n    align-self: center;\n    height: $nav-toggle-height;\n    border: 0;\n    outline: none;\n    background-color: transparent;\n    cursor: pointer;\n  }\n\n/* hacks-guide change start: add language selector */\n  &__toggle_lang {\n    -ms-flex-item-align: center;\n    align-self: center;\n    height: $nav-toggle-height;\n    border: 0;\n    outline: none;\n    background-color: transparent;\n    cursor: pointer;\n  }\n/* hacks-guide change end */\n\n  .visible-links {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n/* hacks-guide change start: s/end/start */\n    -webkit-box-pack: start;\n    -ms-flex-pack: start;\n    justify-content: flex-start;\n/* hacks-guide change end */\n    -webkit-box-flex: 1;\n    -ms-flex: 1;\n    flex: 1;\n    overflow: hidden;\n\n    li {\n      -webkit-box-flex: 0;\n      -ms-flex: none;\n      flex: none;\n    }\n\n    a {\n      position: relative;\n\n      &:before {\n        content: \"\";\n        position: absolute;\n        left: 0;\n        bottom: 0;\n        height: 4px;\n        background: $primary-color;\n        width: 100%;\n        -webkit-transition: $global-transition;\n        transition: $global-transition;\n        -webkit-transform: scaleX(0) translate3d(0, 0, 0);\n        transform: scaleX(0) translate3d(0, 0, 0); // hide\n      }\n\n      &:hover:before {\n        -webkit-transform: scaleX(1);\n        -ms-transform: scaleX(1);\n        transform: scaleX(1); // reveal\n      }\n    }\n  }\n\n  .hidden-links {\n    position: absolute;\n    top: 100%;\n    right: 0;\n    margin-top: 15px;\n    padding: 5px;\n    border: 1px solid $border-color;\n    border-radius: $border-radius;\n    background: $background-color;\n    -webkit-box-shadow: 0 2px 4px 0 rgba(#000, 0.16),\n      0 2px 10px 0 rgba(#000, 0.12);\n    box-shadow: 0 2px 4px 0 rgba(#000, 0.16), 0 2px 10px 0 rgba(#000, 0.12);\n\n    &.hidden {\n      display: none;\n    }\n\n    a {\n      margin: 0;\n      padding: 10px 20px;\n      font-size: $type-size-5;\n\n      &:hover {\n        color: $masthead-link-color-hover;\n        background: $navicon-link-color-hover;\n      }\n    }\n\n    &:before {\n      content: \"\";\n      position: absolute;\n      top: -11px;\n      right: 10px;\n      width: 0;\n      border-style: solid;\n      border-width: 0 10px 10px;\n      border-color: $border-color transparent;\n      display: block;\n      z-index: 0;\n    }\n\n    &:after {\n      content: \"\";\n      position: absolute;\n      top: -10px;\n      right: 10px;\n      width: 0;\n      border-style: solid;\n      border-width: 0 10px 10px;\n      border-color: $background-color transparent;\n      display: block;\n      z-index: 1;\n    }\n\n    li {\n      display: block;\n      border-bottom: 1px solid $border-color;\n\n      &:last-child {\n        border-bottom: none;\n      }\n    }\n  }\n\n/* hacks-guide change start: adjust links-menu position */\n  .links-menu{\n    right: 2rem;\n  }\n/* hacks-guide change end */\n\n}\n\n.no-js {\n  .greedy-nav {\n    .visible-links {\n      -ms-flex-wrap: wrap;\n      flex-wrap: wrap;\n      overflow: visible;\n    }\n  }\n}\n\n/*\n     Navigation list\n     ========================================================================== */\n\n.nav__list {\n  margin-bottom: 1.5em;\n\n  input[type=\"checkbox\"],\n  label {\n    display: none;\n  }\n\n  @include breakpoint(max-width $large - 1px) {\n    label {\n      position: relative;\n      display: inline-block;\n      padding: 0.5em 2.5em 0.5em 1em;\n      color: $gray;\n      font-size: $type-size-6;\n      font-weight: bold;\n      border: 1px solid $light-gray;\n      border-radius: $border-radius;\n      z-index: 20;\n      -webkit-transition: 0.2s ease-out;\n      transition: 0.2s ease-out;\n      cursor: pointer;\n\n      &:before,\n      &:after {\n        content: \"\";\n        position: absolute;\n        right: 1em;\n        top: 1.25em;\n        width: 0.75em;\n        height: 0.125em;\n        line-height: 1;\n        background-color: $gray;\n        -webkit-transition: 0.2s ease-out;\n        transition: 0.2s ease-out;\n      }\n\n      &:after {\n        -webkit-transform: rotate(90deg);\n        -ms-transform: rotate(90deg);\n        transform: rotate(90deg);\n      }\n\n      &:hover {\n        color: #fff;\n        border-color: $gray;\n        background-color: mix(white, #000, 20%);\n\n        &:before,\n        &:after {\n          background-color: #fff;\n        }\n      }\n    }\n\n    /* selected*/\n    input:checked + label {\n      color: white;\n      background-color: mix(white, #000, 20%);\n\n      &:before,\n      &:after {\n        background-color: #fff;\n      }\n    }\n\n    /* on hover show expand*/\n    label:hover:after {\n      -webkit-transform: rotate(90deg);\n      -ms-transform: rotate(90deg);\n      transform: rotate(90deg);\n    }\n\n    input:checked + label:hover:after {\n      -webkit-transform: rotate(0);\n      -ms-transform: rotate(0);\n      transform: rotate(0);\n    }\n\n    ul {\n      margin-bottom: 1em;\n    }\n\n    a {\n      display: block;\n      padding: 0.25em 0;\n\n      @include breakpoint($large) {\n        padding-top: 0.125em;\n        padding-bottom: 0.125em;\n      }\n\n      &:hover {\n        text-decoration: underline;\n      }\n    }\n  }\n}\n\n.nav__list .nav__items {\n  margin: 0;\n  font-size: 1.25rem;\n\n  a {\n    color: inherit;\n  }\n\n/* hacks-guide change start: Add progress table */\n  ol {\n    padding-left: 0.9rem;\n  }\n\n  li {\n    list-style: inherit;\n  }\n\n  .completed {\n    color: $gray;\n    text-decoration: line-through;\n  }\n/* hacks-guide change end */\n\n/* hacks-guide change start: disable padding on active */\n  .active {\n    // margin-left: -0.5em;\n    // padding-left: 0.5em;\n    // padding-right: 0.5em;\n    font-weight: bold;\n  }\n/* hacks-guide change end */\n\n  @include breakpoint(max-width $large - 1px) {\n    position: relative;\n    max-height: 0;\n    opacity: 0%;\n    overflow: hidden;\n    z-index: 10;\n    -webkit-transition: 0.3s ease-in-out;\n    transition: 0.3s ease-in-out;\n    -webkit-transform: translate(0, 10%);\n    -ms-transform: translate(0, 10%);\n    transform: translate(0, 10%);\n  }\n}\n\n@include breakpoint(max-width $large - 1px) {\n  .nav__list input:checked ~ .nav__items {\n    -webkit-transition: 0.5s ease-in-out;\n    transition: 0.5s ease-in-out;\n    max-height: 9999px; /* exaggerate max-height to accommodate tall lists*/\n    overflow: visible;\n    opacity: 1;\n    margin-top: 1em;\n    -webkit-transform: translate(0, 0);\n    -ms-transform: translate(0, 0);\n    transform: translate(0, 0);\n  }\n}\n\n.nav__title {\n  margin: 0;\n  padding: 0.5rem 0.75rem;\n  font-family: $sans-serif-narrow;\n  font-size: $type-size-5;\n  font-weight: bold;\n}\n\n.nav__sub-title {\n  display: block;\n  margin: 0.5rem 0;\n  padding: 0.25rem 0;\n  font-family: $sans-serif-narrow;\n  font-size: $type-size-6;\n  font-weight: bold;\n  text-transform: uppercase;\n  border-bottom: 1px solid $border-color;\n}\n\n/*\n     Table of contents navigation\n     ========================================================================== */\n\n.toc {\n  font-family: $sans-serif-narrow;\n  color: $gray;\n  background-color: $background-color;\n  border: 1px solid $border-color;\n  border-radius: $border-radius;\n  -webkit-box-shadow: $box-shadow;\n  box-shadow: $box-shadow;\n\n  .nav__title {\n    color: #fff;\n    font-size: $type-size-6;\n    background: $primary-color;\n    border-top-left-radius: $border-radius;\n    border-top-right-radius: $border-radius;\n  }\n\n  // Scrollspy marks toc items as .active when they are in focus\n  .active a {\n    @include yiq-contrasted($active-color);\n  }\n}\n\n.toc__menu {\n  margin: 0;\n  padding: 0;\n  width: 100%;\n  list-style: none;\n  font-size: $type-size-6;\n\n  @include breakpoint($large) {\n    font-size: $type-size-7;\n  }\n\n  a {\n    display: block;\n    padding: 0.25rem 0.75rem;\n    color: $muted-text-color;\n    font-weight: bold;\n    line-height: 1.5;\n    border-bottom: 1px solid $border-color;\n\n    &:hover {\n      color: $text-color;\n    }\n  }\n\n  li ul > li a {\n    padding-left: 1.25rem;\n    font-weight: normal;\n  }\n\n  li ul li ul > li a {\n    padding-left: 1.75rem;\n  }\n\n  li ul li ul li ul > li a {\n    padding-left: 2.25rem;\n  }\n\n  li ul li ul li ul li ul > li a {\n    padding-left: 2.75rem;\n  }\n\n  li ul li ul li ul li ul li ul > li a {\n    padding-left: 3.25rem\n  }\n}\n","/* ==========================================================================\n   FOOTER\n   ========================================================================== */\n\n.page__footer {\n  @include clearfix;\n  float: left;\n  margin-left: 0;\n  margin-right: 0;\n  width: 100%;\n  margin-top: 3em;\n  color: $muted-text-color;\n  -webkit-animation: $intro-transition;\n  animation: $intro-transition;\n  -webkit-animation-delay: 0.45s;\n  animation-delay: 0.45s;\n  background-color: $footer-background-color;\n\n  footer {\n    @include clearfix;\n    margin-left: auto;\n    margin-right: auto;\n    margin-top: 2em;\n    max-width: 100%;\n    padding: 0 1em 2em;\n\n    @include breakpoint($x-large) {\n      max-width: $x-large;\n    }\n  }\n\n  a {\n    color: inherit;\n    text-decoration: none;\n\n    &:hover {\n      text-decoration: underline;\n    }\n  }\n\n  .fas,\n  .fab,\n  .far,\n  .fal {\n    color: $muted-text-color;\n  }\n}\n\n.page__footer-copyright {\n  font-family: $global-font-family;\n  font-size: $type-size-7;\n}\n\n.page__footer-follow {\n  ul {\n    margin: 0;\n    padding: 0;\n    list-style-type: none;\n  }\n\n  li {\n    display: inline-block;\n    padding-top: 5px;\n    padding-bottom: 5px;\n    font-family: $sans-serif-narrow;\n    font-size: $type-size-6;\n    text-transform: uppercase;\n  }\n\n  li + li:before {\n    content: \"\";\n    padding-right: 5px;\n  }\n\n  a {\n    padding-right: 10px;\n    font-weight: bold;\n  }\n\n  .social-icons {\n    a {\n      white-space: nowrap;\n    }\n  }\n}\n","/* ==========================================================================\n   SEARCH\n   ========================================================================== */\n\n.layout--search {\n  .archive__item-teaser {\n    margin-bottom: 0.25em;\n  }\n}\n\n.search__toggle {\n  margin-left: 1rem;\n  margin-right: 1rem;\n  height: $nav-toggle-height;\n  border: 0;\n  outline: none;\n  color: $primary-color;\n  background-color: transparent;\n  cursor: pointer;\n  -webkit-transition: 0.2s;\n  transition: 0.2s;\n\n  &:hover {\n    color: mix(#000, $primary-color, 25%);\n  }\n}\n\n.search-icon {\n  width: 100%;\n  height: 100%;\n}\n\n.search-content {\n  display: none;\n  visibility: hidden;\n  padding-top: 1em;\n  padding-bottom: 1em;\n\n  &__inner-wrap {\n    width: 100%;\n    margin-left: auto;\n    margin-right: auto;\n    padding-left: 1em;\n    padding-right: 1em;\n    -webkit-animation: $intro-transition;\n    animation: $intro-transition;\n    -webkit-animation-delay: 0.15s;\n    animation-delay: 0.15s;\n\n    @include breakpoint($x-large) {\n      max-width: $max-width;\n    }\n\n  }\n\n  &__form {\n    background-color: transparent;\n  }\n\n  .search-input {\n    display: block;\n    margin-bottom: 0;\n    padding: 0;\n    border: none;\n    outline: none;\n    box-shadow: none;\n    background-color: transparent;\n    font-size: $type-size-3;\n\n    @include breakpoint($large) {\n      font-size: $type-size-2;\n    }\n\n    @include breakpoint($x-large) {\n      font-size: $type-size-1;\n    }\n  }\n\n  &.is--visible {\n    display: block;\n    visibility: visible;\n\n    &::after {\n      content: \"\";\n      display: block;\n    }\n  }\n\n  .results__found {\n    margin-top: 0.5em;\n    font-size: $type-size-6;\n  }\n\n  .archive__item {\n    margin-bottom: 2em;\n\n    @include breakpoint($large) {\n      width: 75%;\n    }\n\n    @include breakpoint($x-large) {\n      width: 50%;\n    }\n  }\n\n  .archive__item-title {\n    margin-top: 0;\n  }\n\n  .archive__item-excerpt {\n    margin-bottom: 0;\n  }\n}\n\n/* Algolia search */\n\n.ais-search-box {\n  max-width: 100% !important;\n  margin-bottom: 2em;\n}\n\n.archive__item-title .ais-Highlight {\n  color: $primary-color;\n  font-style: normal;\n  text-decoration: underline;\n}\n\n.archive__item-excerpt .ais-Highlight {\n  color: $primary-color;\n  font-style: normal;\n  font-weight: bold;\n}\n","/* ==========================================================================\n   Syntax highlighting\n   ========================================================================== */\n\ndiv.highlighter-rouge,\nfigure.highlight {\n  position: relative;\n  margin-bottom: 1em;\n  background: $base00;\n  color: $base05;\n  font-family: $monospace;\n  font-size: $type-size-6;\n  line-height: 1.8;\n  border-radius: $border-radius;\n\n  > pre,\n  pre.highlight {\n    margin: 0;\n    padding: 1em;\n  }\n}\n\n.highlight table {\n  margin-bottom: 0;\n  font-size: 1em;\n  border: 0;\n\n  td {\n    padding: 0;\n    width: calc(100% - 1em);\n    border: 0;\n\n    /* line numbers*/\n    &.gutter,\n    &.rouge-gutter {\n      padding-right: 1em;\n      width: 1em;\n      color: $base04;\n      border-right: 1px solid $base04;\n      text-align: right;\n    }\n\n    /* code */\n    &.code,\n    &.rouge-code {\n      padding-left: 1em;\n    }\n  }\n\n  pre {\n    margin: 0;\n  }\n}\n\n.highlight pre {\n  width: 100%;\n}\n\n.highlight .hll {\n  background-color: $base06;\n}\n.highlight {\n  .c {\n    /* Comment */\n    color: $base04;\n  }\n  .err {\n    /* Error */\n    color: $base08;\n  }\n  .k {\n    /* Keyword */\n    color: $base0e;\n  }\n  .l {\n    /* Literal */\n    color: $base09;\n  }\n  .n {\n    /* Name */\n    color: $base05;\n  }\n  .o {\n    /* Operator */\n    color: $base0c;\n  }\n  .p {\n    /* Punctuation */\n    color: $base05;\n  }\n  .cm {\n    /* Comment.Multiline */\n    color: $base04;\n  }\n  .cp {\n    /* Comment.Preproc */\n    color: $base04;\n  }\n  .c1 {\n    /* Comment.Single */\n    color: $base04;\n  }\n  .cs {\n    /* Comment.Special */\n    color: $base04;\n  }\n  .gd {\n    /* Generic.Deleted */\n    color: $base08;\n  }\n  .ge {\n    /* Generic.Emph */\n    font-style: italic;\n  }\n  .gh {\n    /* Generic.Heading */\n    color: $base05;\n    font-weight: bold;\n  }\n  .gi {\n    /* Generic.Inserted */\n    color: $base0b;\n  }\n  .gp {\n    /* Generic.Prompt */\n    color: $base04;\n    font-weight: bold;\n  }\n  .gs {\n    /* Generic.Strong */\n    font-weight: bold;\n  }\n  .gu {\n    /* Generic.Subheading */\n    color: $base0c;\n    font-weight: bold;\n  }\n  .kc {\n    /* Keyword.Constant */\n    color: $base0e;\n  }\n  .kd {\n    /* Keyword.Declaration */\n    color: $base0e;\n  }\n  .kn {\n    /* Keyword.Namespace */\n    color: $base0c;\n  }\n  .kp {\n    /* Keyword.Pseudo */\n    color: $base0e;\n  }\n  .kr {\n    /* Keyword.Reserved */\n    color: $base0e;\n  }\n  .kt {\n    /* Keyword.Type */\n    color: $base0a;\n  }\n  .ld {\n    /* Literal.Date */\n    color: $base0b;\n  }\n  .m {\n    /* Literal.Number */\n    color: $base09;\n  }\n  .s {\n    /* Literal.String */\n    color: $base0b;\n  }\n  .na {\n    /* Name.Attribute */\n    color: $base0d;\n  }\n  .nb {\n    /* Name.Builtin */\n    color: $base05;\n  }\n  .nc {\n    /* Name.Class */\n    color: $base0a;\n  }\n  .no {\n    /* Name.Constant */\n    color: $base08;\n  }\n  .nd {\n    /* Name.Decorator */\n    color: $base0c;\n  }\n  .ni {\n    /* Name.Entity */\n    color: $base05;\n  }\n  .ne {\n    /* Name.Exception */\n    color: $base08;\n  }\n  .nf {\n    /* Name.Function */\n    color: $base0d;\n  }\n  .nl {\n    /* Name.Label */\n    color: $base05;\n  }\n  .nn {\n    /* Name.Namespace */\n    color: $base0a;\n  }\n  .nx {\n    /* Name.Other */\n    color: $base0d;\n  }\n  .py {\n    /* Name.Property */\n    color: $base05;\n  }\n  .nt {\n    /* Name.Tag */\n    color: $base0c;\n  }\n  .nv {\n    /* Name.Variable */\n    color: $base08;\n  }\n  .ow {\n    /* Operator.Word */\n    color: $base0c;\n  }\n  .w {\n    /* Text.Whitespace */\n    color: $base05;\n  }\n  .mf {\n    /* Literal.Number.Float */\n    color: $base09;\n  }\n  .mh {\n    /* Literal.Number.Hex */\n    color: $base09;\n  }\n  .mi {\n    /* Literal.Number.Integer */\n    color: $base09;\n  }\n  .mo {\n    /* Literal.Number.Oct */\n    color: $base09;\n  }\n  .sb {\n    /* Literal.String.Backtick */\n    color: $base0b;\n  }\n  .sc {\n    /* Literal.String.Char */\n    color: $base05;\n  }\n  .sd {\n    /* Literal.String.Doc */\n    color: $base04;\n  }\n  .s2 {\n    /* Literal.String.Double */\n    color: $base0b;\n  }\n  .se {\n    /* Literal.String.Escape */\n    color: $base09;\n  }\n  .sh {\n    /* Literal.String.Heredoc */\n    color: $base0b;\n  }\n  .si {\n    /* Literal.String.Interpol */\n    color: $base09;\n  }\n  .sx {\n    /* Literal.String.Other */\n    color: $base0b;\n  }\n  .sr {\n    /* Literal.String.Regex */\n    color: $base0b;\n  }\n  .s1 {\n    /* Literal.String.Single */\n    color: $base0b;\n  }\n  .ss {\n    /* Literal.String.Symbol */\n    color: $base0b;\n  }\n  .bp {\n    /* Name.Builtin.Pseudo */\n    color: $base05;\n  }\n  .vc {\n    /* Name.Variable.Class */\n    color: $base08;\n  }\n  .vg {\n    /* Name.Variable.Global */\n    color: $base08;\n  }\n  .vi {\n    /* Name.Variable.Instance */\n    color: $base08;\n  }\n  .il {\n    /* Literal.Number.Integer.Long */\n    color: $base09;\n  }\n}\n\n.gist {\n  th, td {\n    border-bottom: 0;\n  }\n}","/* ==========================================================================\n   UTILITY CLASSES\n   ========================================================================== */\n\n/*\n   Visibility\n   ========================================================================== */\n\n/* http://www.456bereastreet.com/archive/200711/screen_readers_sometimes_ignore_displaynone/ */\n\n.hidden,\n.is--hidden {\n  display: none;\n  visibility: hidden;\n}\n\n/* for preloading images */\n\n.load {\n  display: none;\n}\n\n.transparent {\n  opacity: 0;\n}\n\n/* https://developer.yahoo.com/blogs/ydn/clip-hidden-content-better-accessibility-53456.html */\n\n.visually-hidden,\n.screen-reader-text,\n.screen-reader-text span,\n.screen-reader-shortcut {\n  position: absolute !important;\n  clip: rect(1px, 1px, 1px, 1px);\n  height: 1px !important;\n  width: 1px !important;\n  border: 0 !important;\n  overflow: hidden;\n}\n\nbody:hover .visually-hidden a,\nbody:hover .visually-hidden input,\nbody:hover .visually-hidden button {\n  display: none !important;\n}\n\n/* screen readers */\n\n.screen-reader-text:focus,\n.screen-reader-shortcut:focus {\n  clip: auto !important;\n  height: auto !important;\n  width: auto !important;\n  display: block;\n  font-size: 1em;\n  font-weight: bold;\n  padding: 15px 23px 14px;\n  background: #fff;\n  z-index: 100000;\n  text-decoration: none;\n  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);\n}\n\n/*\n   Skip links\n   ========================================================================== */\n\n.skip-link {\n  position: fixed;\n  z-index: 20;\n  margin: 0;\n  font-family: $sans-serif;\n  white-space: nowrap;\n}\n\n.skip-link li {\n  height: 0;\n  width: 0;\n  list-style: none;\n}\n\n/*\n   Type\n   ========================================================================== */\n\n.text-left {\n  text-align: left;\n}\n\n.text-center {\n  text-align: center;\n}\n\n.text-right {\n  text-align: right;\n}\n\n.text-justify {\n  text-align: justify;\n}\n\n.text-nowrap {\n  white-space: nowrap;\n}\n\n/*\n   Task lists\n   ========================================================================== */\n\n.task-list {\n  padding:0;\n\n  li {\n    list-style-type: none;\n  }\n\n  .task-list-item-checkbox {\n    margin-right: 0.5em;\n    opacity: 1;\n  }\n}\n\n.task-list .task-list {\n  margin-left: 1em;\n}\n\n/*\n   Alignment\n   ========================================================================== */\n\n/* clearfix */\n\n.cf {\n  clear: both;\n}\n\n.wrapper {\n  margin-left: auto;\n  margin-right: auto;\n  width: 100%;\n}\n\n/*\n   Images\n   ========================================================================== */\n\n/* image align left */\n\n.align-left {\n  display: block;\n  margin-left: auto;\n  margin-right: auto;\n\n  @include breakpoint($small) {\n    float: left;\n    margin-right: 1em;\n  }\n}\n\n/* image align right */\n\n.align-right {\n  display: block;\n  margin-left: auto;\n  margin-right: auto;\n\n  @include breakpoint($small) {\n    float: right;\n    margin-left: 1em;\n  }\n}\n\n/* image align center */\n\n.align-center {\n  display: block;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n/* file page content container */\n\n.full {\n  @include breakpoint($large) {\n    margin-right: -1 * span(2.5 of 12) !important;\n  }\n}\n\n/*\n   Icons\n   ========================================================================== */\n\n.icon {\n  display: inline-block;\n  fill: currentColor;\n  width: 1em;\n  height: 1.1em;\n  line-height: 1;\n  position: relative;\n  top: -0.1em;\n  vertical-align: middle;\n}\n\n/* social icons*/\n\n.social-icons {\n  .fas,\n  .fab,\n  .far,\n  .fal {\n    color: $text-color;\n  }\n\n  .fa-behance,\n  .fa-behance-square {\n    color: $behance-color;\n  }\n\n  .fa-bitbucket {\n    color: $bitbucket-color;\n  }\n\n  .fa-dribbble,\n  .fa-dribble-square {\n    color: $dribbble-color;\n  }\n\n  .fa-facebook,\n  .fa-facebook-square,\n  .fa-facebook-f {\n    color: $facebook-color;\n  }\n\n  .fa-flickr {\n    color: $flickr-color;\n  }\n\n  .fa-foursquare {\n    color: $foursquare-color;\n  }\n\n  .fa-github,\n  .fa-github-alt,\n  .fa-github-square {\n    color: $github-color;\n  }\n\n  .fa-gitlab {\n    color: $gitlab-color;\n  }\n\n  .fa-instagram {\n    color: $instagram-color;\n  }\n\n  .fa-keybase {\n    color: $keybase-color;\n  }\n\n  .fa-lastfm,\n  .fa-lastfm-square {\n    color: $lastfm-color;\n  }\n\n  .fa-linkedin,\n  .fa-linkedin-in {\n    color: $linkedin-color;\n  }\n\n  .fa-mastodon,\n  .fa-mastodon-square {\n    color: $mastodon-color;\n  }\n\n  .fa-pinterest,\n  .fa-pinterest-p,\n  .fa-pinterest-square {\n    color: $pinterest-color;\n  }\n\n  .fa-reddit {\n    color: $reddit-color;\n  }\n\n  .fa-rss,\n  .fa-rss-square {\n    color: $rss-color;\n  }\n\n  .fa-soundcloud {\n    color: $soundcloud-color;\n  }\n\n  .fa-stack-exchange,\n  .fa-stack-overflow {\n    color: $stackoverflow-color;\n  }\n\n  .fa-tumblr,\n  .fa-tumblr-square {\n    color: $tumblr-color;\n  }\n\n  .fa-twitter,\n  .fa-twitter-square {\n    color: $twitter-color;\n  }\n\n  .fa-vimeo,\n  .fa-vimeo-square,\n  .fa-vimeo-v {\n    color: $vimeo-color;\n  }\n\n  .fa-vine {\n    color: $vine-color;\n  }\n\n  .fa-youtube {\n    color: $youtube-color;\n  }\n\n  .fa-xing,\n  .fa-xing-square {\n    color: $xing-color;\n  }\n}\n\n/*\n   Navicons\n   ========================================================================== */\n\n.navicon {\n  position: relative;\n  width: $navicon-width;\n  height: $navicon-height;\n  background: $primary-color;\n  margin: auto;\n  -webkit-transition: 0.3s;\n  transition: 0.3s;\n\n  &:before,\n  &:after {\n    content: \"\";\n    position: absolute;\n    left: 0;\n    width: $navicon-width;\n    height: $navicon-height;\n    background: $primary-color;\n    -webkit-transition: 0.3s;\n    transition: 0.3s;\n  }\n\n  &:before {\n    top: (-2 * $navicon-height);\n  }\n\n  &:after {\n    bottom: (-2 * $navicon-height);\n  }\n}\n\n.close .navicon {\n  /* hide the middle line*/\n  background: transparent;\n\n  /* overlay the lines by setting both their top values to 0*/\n  &:before,\n  &:after {\n    -webkit-transform-origin: 50% 50%;\n    -ms-transform-origin: 50% 50%;\n    transform-origin: 50% 50%;\n    top: 0;\n    width: $navicon-width;\n  }\n\n  /* rotate the lines to form the x shape*/\n  &:before {\n    -webkit-transform: rotate3d(0, 0, 1, 45deg);\n    transform: rotate3d(0, 0, 1, 45deg);\n  }\n  &:after {\n    -webkit-transform: rotate3d(0, 0, 1, -45deg);\n    transform: rotate3d(0, 0, 1, -45deg);\n  }\n}\n\n/* hacks-guide change start: disable toggle effects on navigation as it breaks the site in some cases */\n/* \n.greedy-nav__toggle {\n  &:before {\n    @supports (pointer-events: none) {\n      content: '';\n      position: fixed;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n      opacity: 0;\n      background-color: $background-color;\n      -webkit-transition: $global-transition;\n      transition: $global-transition;\n      pointer-events: none;\n    }\n  }\n\n  &.close {\n    &:before {\n      opacity: 0.9;\n      -webkit-transition: $global-transition;\n      transition: $global-transition;\n      pointer-events: auto;\n    }\n  }\n}\n\n.greedy-nav__toggle:hover {\n  .navicon,\n  .navicon:before,\n  .navicon:after {\n    background: mix(#000, $primary-color, 25%);\n  }\n\n  &.close {\n    .navicon {\n      background: transparent;\n    }\n  }\n}\n*/\n/* hacks-guide change end */\n\n/*\n   Sticky, fixed to top content\n   ========================================================================== */\n\n.sticky {\n  @include breakpoint($large) {\n    @include clearfix();\n    position: -webkit-sticky;\n    position: sticky;\n    top: 2em;\n\n    > * {\n      display: block;\n    }\n  }\n}\n\n/*\n   Wells\n   ========================================================================== */\n\n.well {\n  min-height: 20px;\n  padding: 19px;\n  margin-bottom: 20px;\n  background-color: #f5f5f5;\n  border: 1px solid #e3e3e3;\n  border-radius: $border-radius;\n  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);\n}\n\n/*\n   Modals\n   ========================================================================== */\n\n.show-modal {\n  overflow: hidden;\n  position: relative;\n\n  &:before {\n    position: absolute;\n    content: \"\";\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    z-index: 999;\n    background-color: rgba(255, 255, 255, 0.85);\n  }\n\n  .modal {\n    display: block;\n  }\n}\n\n.modal {\n  display: none;\n  position: fixed;\n  width: 300px;\n  top: 50%;\n  left: 50%;\n  margin-left: -150px;\n  margin-top: -150px;\n  min-height: 0;\n  z-index: 9999;\n  background: #fff;\n  border: 1px solid $border-color;\n  border-radius: $border-radius;\n  box-shadow: $box-shadow;\n\n  &__title {\n    margin: 0;\n    padding: 0.5em 1em;\n  }\n\n  &__supporting-text {\n    padding: 0 1em 0.5em 1em;\n  }\n\n  &__actions {\n    padding: 0.5em 1em;\n    border-top: 1px solid $border-color;\n  }\n}\n\n/*\n   Footnotes\n   ========================================================================== */\n\n.footnote {\n  color: mix(#fff, $gray, 25%);\n  text-decoration: none;\n}\n\n.footnotes {\n  color: mix(#fff, $gray, 25%);\n\n  ol,\n  li,\n  p {\n    margin-bottom: 0;\n    font-size: $type-size-6;\n  }\n}\n\na.reversefootnote {\n  color: $gray;\n  text-decoration: none;\n\n  &:hover {\n    text-decoration: underline;\n  }\n}\n\n/*\n   Required\n   ========================================================================== */\n\n.required {\n  color: $danger-color;\n  font-weight: bold;\n}\n\n/*\n   Google Custom Search Engine\n   ========================================================================== */\n\n.gsc-control-cse {\n  table,\n  tr,\n  td {\n    border: 0; /* remove table borders widget */\n  }\n}\n\n/*\n   Responsive Video Embed\n   ========================================================================== */\n\n.responsive-video-container {\n  position: relative;\n  margin-bottom: 1em;\n  padding-bottom: 56.25%;\n  height: 0;\n  overflow: hidden;\n  max-width: 100%;\n\n  iframe,\n  object,\n  embed {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n  }\n}\n\n// full screen video fixes\n:-webkit-full-screen-ancestor {\n  .masthead,\n  .page__footer {\n    position: static;\n  }\n}\n\n/* hacks-guide change start: Add language selector */\n/*\n    Langicons\n    ========================================================================== */\n\n.langicon {\n  position: relative;\n  width: $navicon-width;\n  display: inline-block;\n  background: transparent;\n  margin: auto;\n  color: $text-color;\n\n  &:before,\n  &:after {\n    content: \"\";\n    position: absolute;\n    left: 0;\n    width: $navicon-width;\n    height: $navicon-height;\n    background: $text-color;\n    display: none;\n  }\n\n  &:before {\n    top: (-2 * $navicon-height);\n  }\n\n  &:after {\n    bottom: (-2 * $navicon-height);\n  }\n}\n  \n.close .langicon {\n  /* hide the middle line*/\n  background: transparent;\n\n  .fa-language {\n    display: none;\n    -webkit-transition: 0.3s;\n    transition: 0.3s;\n  }\n\n  /* overlay the lines by setting both their top values to 0*/\n  &:before, &:after{\n    -webkit-transform-origin: 50% 50%;\n        -ms-transform-origin: 50% 50%;\n            transform-origin: 50% 50%;\n    width: $navicon-width;\n    display: inherit;\n  }\n\n  /* rotate the lines to form the x shape*/\n  &:before{\n    -webkit-transform: rotate3d(0,0,1,45deg);\n            transform: rotate3d(0,0,1,45deg);\n  }\n  &:after{\n    top: (-2 * $navicon-height);\n    -webkit-transform: rotate3d(0,0,1,-45deg);\n            transform: rotate3d(0,0,1,-45deg);\n  }\n}\n/* hacks-guide change end */\n","/* ==========================================================================\n   SINGLE PAGE/POST\n   ========================================================================== */\n\n#main {\n  @include clearfix;\n  margin-left: auto;\n  margin-right: auto;\n  padding-left: 1em;\n  padding-right: 1em;\n  -webkit-animation: $intro-transition;\n  animation: $intro-transition;\n  max-width: 100%;\n  -webkit-animation-delay: 0.15s;\n  animation-delay: 0.15s;\n\n  @include breakpoint($x-large) {\n    max-width: $max-width;\n  }\n}\n\nbody {\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  min-height: 100vh;\n  -webkit-box-orient: vertical;\n  -webkit-box-direction: normal;\n  -ms-flex-direction: column;\n          flex-direction: column;\n}\n\n.initial-content,\n.search-content {\n  flex: 1 0 auto;\n}\n\n.page {\n  @include breakpoint($large) {\n    float: right;\n    width: calc(100% - #{$right-sidebar-width-narrow});\n    padding-right: $right-sidebar-width-narrow;\n  }\n\n  @include breakpoint($x-large) {\n    width: calc(100% - #{$right-sidebar-width});\n    padding-right: $right-sidebar-width;\n  }\n\n  .page__inner-wrap {\n    float: left;\n    margin-top: 1em;\n    margin-left: 0;\n    margin-right: 0;\n    width: 100%;\n    clear: both;\n\n    .page__content,\n    .page__meta,\n    .page__share {\n      position: relative;\n      float: left;\n      margin-left: 0;\n      margin-right: 0;\n      width: 100%;\n      clear: both;\n    }\n  }\n}\n\n.page__title {\n  margin-top: 0;\n  line-height: 1;\n\n  & + .page__meta {\n    margin-top: -0.5em;\n  }\n}\n\n.page__lead {\n  font-family: $global-font-family;\n  font-size: $type-size-4;\n}\n\n.page__content {\n  h2 {\n    padding-bottom: 0.5em;\n    border-bottom: 1px solid $border-color;\n  }\n\n\th1, h2, h3, h4, h5, h6 {\n\t\t.header-link {\n\t\t\tposition: relative;\n\t\t\tleft: 0.5em;\n\t\t\topacity: 0;\n\t\t\tfont-size: 0.8em;\n\t\t\t-webkit-transition: opacity 0.2s ease-in-out 0.1s;\n\t\t\t-moz-transition: opacity 0.2s ease-in-out 0.1s;\n\t\t\t-o-transition: opacity 0.2s ease-in-out 0.1s;\n\t\t\ttransition: opacity 0.2s ease-in-out 0.1s;\n      user-select: none; /* hacks-guide change: do not change link colour as it hurts readability */\n\t\t}\n\n\t\t&:hover .header-link {\n\t\t\topacity: 1;\n\t\t}\n\t}\n\n  p,\n  li,\n  dl {\n    font-size: 1em;\n  }\n\n  /* paragraph indents */\n  p {\n    margin: 0 0 $indent-var;\n\n    /* sibling indentation*/\n    @if $paragraph-indent == true {\n      & + p {\n        text-indent: $indent-var;\n        margin-top: -($indent-var);\n      }\n    }\n  }\n\n  a:not(.btn) {\n    &:hover {\n      text-decoration: underline;\n\n      img {\n        box-shadow: 0 0 10px rgba(#000, 0.25);\n      }\n    }\n  }\n\n  dt {\n    margin-top: 1em;\n    font-family: $sans-serif;\n    font-weight: bold;\n  }\n\n  dd {\n    margin-left: 1em;\n    font-family: $sans-serif;\n    font-size: $type-size-6;\n  }\n\n  .small {\n    font-size: $type-size-6;\n  }\n\n  /* blockquote citations */\n  blockquote + .small {\n    margin-top: -1.5em;\n    padding-left: 1.25rem;\n  }\n}\n\n.page__hero {\n  position: relative;\n  margin-bottom: 2em;\n  @include clearfix;\n  -webkit-animation: $intro-transition;\n  animation: $intro-transition;\n  -webkit-animation-delay: 0.25s;\n  animation-delay: 0.25s;\n\n  &--overlay {\n    position: relative;\n    margin-bottom: 2em;\n    padding: 3em 0;\n    @include clearfix;\n    background-size: cover;\n    background-repeat: no-repeat;\n    background-position: center;\n    -webkit-animation: $intro-transition;\n    animation: $intro-transition;\n    -webkit-animation-delay: 0.25s;\n    animation-delay: 0.25s;\n\n    a {\n      color: #fff;\n    }\n\n    .wrapper {\n      padding-left: 1em;\n      padding-right: 1em;\n\n      @include breakpoint($x-large) {\n        max-width: $x-large;\n      }\n    }\n\n    .page__title,\n    .page__meta,\n    .page__lead,\n    .btn {\n      color: #fff;\n      text-shadow: 1px 1px 4px rgba(#000, 0.5);\n    }\n\n    .page__lead {\n      max-width: $medium;\n    }\n\n    .page__title {\n      font-size: $type-size-2;\n\n      @include breakpoint($small) {\n        font-size: $type-size-1;\n      }\n    }\n  }\n}\n\n.page__hero-image {\n  width: 100%;\n  height: auto;\n  -ms-interpolation-mode: bicubic;\n}\n\n.page__hero-caption {\n  position: absolute;\n  bottom: 0;\n  right: 0;\n  margin: 0 auto;\n  padding: 2px 5px;\n  color: #fff;\n  font-family: $caption-font-family;\n  font-size: $type-size-7;\n  background: #000;\n  text-align: right;\n  z-index: 5;\n  opacity: 0.5;\n  border-radius: $border-radius 0 0 0;\n\n  @include breakpoint($large) {\n    padding: 5px 10px;\n  }\n\n  a {\n    color: #fff;\n    text-decoration: none;\n  }\n}\n\n/*\n   Social sharing\n   ========================================================================== */\n\n.page__share {\n  margin-top: 2em;\n  padding-top: 1em;\n  border-top: 1px solid $border-color;\n\n  @include breakpoint(max-width $small) {\n    .btn span {\n      border: 0;\n      clip: rect(0 0 0 0);\n      height: 1px;\n      margin: -1px;\n      overflow: hidden;\n      padding: 0;\n      position: absolute;\n      width: 1px;\n    }\n  }\n}\n\n.page__share-title {\n  margin-bottom: 10px;\n  font-size: $type-size-6;\n  text-transform: uppercase;\n}\n\n/*\n   Page meta\n   ========================================================================== */\n\n.page__meta {\n  margin-top: 2em;\n  color: $muted-text-color;\n  font-family: $sans-serif;\n  font-size: $type-size-6;\n\n  p {\n    margin: 0;\n  }\n\n  a {\n    color: inherit;\n  }\n}\n\n.page__meta-title {\n  margin-bottom: 10px;\n  font-size: $type-size-6;\n  text-transform: uppercase;\n}\n\n.page__meta-sep::before {\n  content: \"\\2022\";\n  padding-left: 0.5em;\n  padding-right: 0.5em;\n}\n\n/*\n   Page taxonomy\n   ========================================================================== */\n\n.page__taxonomy {\n  .sep {\n    display: none;\n  }\n\n  strong {\n    margin-right: 10px;\n  }\n}\n\n.page__taxonomy-item {\n  display: inline-block;\n  margin-right: 5px;\n  margin-bottom: 8px;\n  padding: 5px 10px;\n  text-decoration: none;\n  border: 1px solid mix(#000, $border-color, 25%);\n  border-radius: $border-radius;\n\n  &:hover {\n    text-decoration: none;\n    color: $link-color-hover;\n  }\n}\n\n.taxonomy__section {\n  margin-bottom: 2em;\n  padding-bottom: 1em;\n\n  &:not(:last-child) {\n    border-bottom: solid 1px $border-color;\n  }\n\n  .archive__item-title {\n    margin-top: 0;\n  }\n\n  .archive__subtitle {\n    clear: both;\n    border: 0;\n  }\n\n  + .taxonomy__section {\n    margin-top: 2em;\n  }\n}\n\n.taxonomy__title {\n  margin-bottom: 0.5em;\n  color: $muted-text-color;\n}\n\n.taxonomy__count {\n  color: $muted-text-color;\n}\n\n.taxonomy__index {\n  display: grid;\n  grid-column-gap: 2em;\n  grid-template-columns: repeat(2, 1fr);\n  margin: 1.414em 0;\n  padding: 0;\n  font-size: 0.75em;\n  list-style: none;\n\n  @include breakpoint($large) {\n    grid-template-columns: repeat(3, 1fr);\n  }\n\n  a {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    padding: 0.25em 0;\n    -webkit-box-pack: justify;\n    -ms-flex-pack: justify;\n    justify-content: space-between;\n    color: inherit;\n    text-decoration: none;\n    border-bottom: 1px solid $border-color;\n  }\n}\n\n.back-to-top {\n  display: block;\n  clear: both;\n  color: $muted-text-color;\n  font-size: 0.6em;\n  text-transform: uppercase;\n  text-align: right;\n  text-decoration: none;\n}\n\n/*\n   Comments\n   ========================================================================== */\n\n.page__comments {\n  float: left;\n  margin-left: 0;\n  margin-right: 0;\n  width: 100%;\n  clear: both;\n}\n\n.page__comments-title {\n  margin-top: 2rem;\n  margin-bottom: 10px;\n  padding-top: 2rem;\n  font-size: $type-size-6;\n  border-top: 1px solid $border-color;\n  text-transform: uppercase;\n}\n\n.page__comments-form {\n  -webkit-transition: $global-transition;\n  transition: $global-transition;\n\n  &.disabled {\n    input,\n    button,\n    textarea,\n    label {\n      pointer-events: none;\n      cursor: not-allowed;\n      filter: alpha(opacity=65);\n      box-shadow: none;\n      opacity: 0.65;\n    }\n  }\n}\n\n.comment {\n  @include clearfix();\n  margin: 1em 0;\n\n  &:not(:last-child) {\n    border-bottom: 1px solid $border-color;\n  }\n}\n\n.comment__avatar-wrapper {\n  float: left;\n  width: 60px;\n  height: 60px;\n\n  @include breakpoint($large) {\n    width: 100px;\n    height: 100px;\n  }\n}\n\n.comment__avatar {\n  width: 40px;\n  height: 40px;\n  border-radius: 50%;\n\n  @include breakpoint($large) {\n    width: 80px;\n    height: 80px;\n    padding: 5px;\n    border: 1px solid $border-color;\n  }\n}\n\n.comment__content-wrapper {\n  float: right;\n  width: calc(100% - 60px);\n\n  @include breakpoint($large) {\n    width: calc(100% - 100px);\n  }\n}\n\n.comment__author {\n  margin: 0;\n\n  a {\n    text-decoration: none;\n  }\n}\n\n.comment__date {\n  @extend .page__meta;\n  margin: 0;\n\n  a {\n    text-decoration: none;\n  }\n}\n\n/*\n   Related\n   ========================================================================== */\n\n.page__related {\n  @include clearfix();\n  float: left;\n  margin-top: 2em;\n  padding-top: 1em;\n  border-top: 1px solid $border-color;\n\n  @include breakpoint($large) {\n    float: right;\n    width: calc(100% - #{$right-sidebar-width-narrow});\n  }\n\n  @include breakpoint($x-large) {\n    width: calc(100% - #{$right-sidebar-width});\n  }\n\n  a {\n    color: inherit;\n    text-decoration: none;\n  }\n}\n\n.page__related-title {\n  margin-bottom: 10px;\n  font-size: $type-size-6;\n  text-transform: uppercase;\n}\n\n/*\n   Wide Pages\n   ========================================================================== */\n\n.wide {\n  .page {\n    @include breakpoint($large) {\n      padding-right: 0;\n    }\n\n    @include breakpoint($x-large) {\n      padding-right: 0;\n    }\n  }\n\n  .page__related {\n    @include breakpoint($large) {\n      padding-right: 0;\n    }\n\n    @include breakpoint($x-large) {\n      padding-right: 0;\n    }\n  }\n}\n","/* ==========================================================================\n   ARCHIVE\n   ========================================================================== */\n\n.archive {\n  margin-top: 1em;\n  margin-bottom: 2em;\n\n  @include breakpoint($large) {\n    float: right;\n    width: calc(100% - #{$right-sidebar-width-narrow});\n    padding-right: $right-sidebar-width-narrow;\n  }\n\n  @include breakpoint($x-large) {\n    width: calc(100% - #{$right-sidebar-width});\n    padding-right: $right-sidebar-width;\n  }\n}\n\n.archive__item {\n  position: relative;\n\n  a {\n    position: relative;\n    z-index: 10;\n  }\n\n  a[rel=\"permalink\"] {\n    position: static;\n  }\n}\n\n.archive__subtitle {\n  margin: 1.414em 0 0.5em;\n  padding-bottom: 0.5em;\n  font-size: $type-size-5;\n  color: $muted-text-color;\n  border-bottom: 1px solid $border-color;\n\n  + .list__item .archive__item-title {\n    margin-top: 0.5em;\n  }\n}\n\n.archive__item-title {\n  margin-bottom: 0.25em;\n  font-family: $sans-serif-narrow;\n  line-height: initial;\n  overflow: hidden;\n  text-overflow: ellipsis;\n\n  a[rel=\"permalink\"]::before {\n    content: '';\n    position: absolute;\n    left: 0;\n    top: 0;\n    right: 0;\n    bottom: 0;\n  }\n\n  a + a {\n    opacity: 0.5;\n  }\n}\n\n/* remove border*/\n.page__content {\n  .archive__item-title {\n    margin-top: 1em;\n    border-bottom: none;\n  }\n}\n\n.archive__item-excerpt {\n  margin-top: 0;\n  font-size: $type-size-6;\n\n  & + p {\n    text-indent: 0;\n  }\n\n  a {\n    position: relative;\n  }\n}\n\n.archive__item-teaser {\n  position: relative;\n  border-radius: $border-radius;\n  overflow: hidden;\n\n  img {\n    width: 100%;\n  }\n}\n\n.archive__item-caption {\n  position: absolute;\n  bottom: 0;\n  right: 0;\n  margin: 0 auto;\n  padding: 2px 5px;\n  color: #fff;\n  font-family: $caption-font-family;\n  font-size: $type-size-8;\n  background: #000;\n  text-align: right;\n  z-index: 5;\n  opacity: 0.5;\n  border-radius: $border-radius 0 0 0;\n\n  @include breakpoint($large) {\n    padding: 5px 10px;\n  }\n\n  a {\n    color: #fff;\n    text-decoration: none;\n  }\n}\n\n/*\n   List view\n   ========================================================================== */\n\n.list__item {\n  .page__meta {\n    margin: 0 0 4px;\n    font-size: 0.6em;\n  }\n}\n\n/*\n   Grid view\n   ========================================================================== */\n\n.archive {\n  .grid__wrapper {\n    /* extend grid elements to the right */\n\n    @include breakpoint($large) {\n      margin-right: -1 * $right-sidebar-width-narrow;\n    }\n\n    @include breakpoint($x-large) {\n      margin-right: -1 * $right-sidebar-width;\n    }\n  }\n}\n\n.grid__item {\n  margin-bottom: 2em;\n\n  @include breakpoint($small) {\n    float: left;\n    width: span(5 of 10);\n\n    &:nth-child(2n + 1) {\n      clear: both;\n      margin-left: 0;\n    }\n\n    &:nth-child(2n + 2) {\n      clear: none;\n      margin-left: gutter(of 10);\n    }\n  }\n\n  @include breakpoint($medium) {\n    margin-left: 0; /* override margin*/\n    margin-right: 0; /* override margin*/\n    width: span(3 of 12);\n\n    &:nth-child(2n + 1) {\n      clear: none;\n    }\n\n    &:nth-child(4n + 1) {\n      clear: both;\n    }\n\n    &:nth-child(4n + 2) {\n      clear: none;\n      margin-left: gutter(1 of 12);\n    }\n\n    &:nth-child(4n + 3) {\n      clear: none;\n      margin-left: gutter(1 of 12);\n    }\n\n    &:nth-child(4n + 4) {\n      clear: none;\n      margin-left: gutter(1 of 12);\n    }\n  }\n\n  .page__meta {\n    margin: 0 0 4px;\n    font-size: 0.6em;\n  }\n\n  .page__meta-sep {\n    display: block;\n\n    &::before {\n      display: none;\n    }\n  }\n\n  .archive__item-title {\n    margin-top: 0.5em;\n    font-size: $type-size-5;\n  }\n\n  .archive__item-excerpt {\n    display: none;\n\n    @include breakpoint($medium) {\n      display: block;\n      font-size: $type-size-6;\n    }\n  }\n\n  .archive__item-teaser {\n    @include breakpoint($small) {\n      max-height: 200px;\n    }\n\n    @include breakpoint($medium) {\n      max-height: 120px;\n    }\n  }\n}\n\n/*\n   Features\n   ========================================================================== */\n\n.feature__wrapper {\n  @include clearfix();\n  margin-bottom: 2em;\n  border-bottom: 1px solid $border-color;\n\n  .archive__item-title {\n    margin-bottom: 0;\n  }\n}\n\n.feature__item {\n  position: relative;\n  margin-bottom: 2em;\n  font-size: 1.125em;\n\n  @include breakpoint($small) {\n    float: left;\n    margin-bottom: 0;\n    width: span(4 of 12);\n\n    &:nth-child(3n + 1) {\n      clear: both;\n      margin-left: 0;\n    }\n\n    &:nth-child(3n + 2) {\n      clear: none;\n      margin-left: gutter(of 12);\n    }\n\n    &:nth-child(3n + 3) {\n      clear: none;\n      margin-left: gutter(of 12);\n    }\n\n    .feature__item-teaser {\n      max-height: 200px;\n      overflow: hidden;\n    }\n  }\n\n  .archive__item-body {\n    padding-left: gutter(1 of 12);\n    padding-right: gutter(1 of 12);\n  }\n\n  a.btn::before {\n    content: '';\n    position: absolute;\n    left: 0;\n    top: 0;\n    right: 0;\n    bottom: 0;\n  }\n\n  &--left {\n    position: relative;\n    float: left;\n    margin-left: 0;\n    margin-right: 0;\n    width: 100%;\n    clear: both;\n    font-size: 1.125em;\n\n    .archive__item {\n      float: left;\n    }\n\n    .archive__item-teaser {\n      margin-bottom: 2em;\n    }\n\n    a.btn::before {\n      content: '';\n      position: absolute;\n      left: 0;\n      top: 0;\n      right: 0;\n      bottom: 0;\n    }\n\n    @include breakpoint($small) {\n      .archive__item-teaser {\n        float: left;\n        width: span(5 of 12);\n      }\n\n      .archive__item-body {\n        float: right;\n        padding-left: gutter(0.5 of 12);\n        padding-right: gutter(1 of 12);\n        width: span(7 of 12);\n      }\n    }\n  }\n\n  &--right {\n    position: relative;\n    float: left;\n    margin-left: 0;\n    margin-right: 0;\n    width: 100%;\n    clear: both;\n    font-size: 1.125em;\n\n    .archive__item {\n      float: left;\n    }\n\n    .archive__item-teaser {\n      margin-bottom: 2em;\n    }\n\n    a.btn::before {\n      content: '';\n      position: absolute;\n      left: 0;\n      top: 0;\n      right: 0;\n      bottom: 0;\n    }\n\n    @include breakpoint($small) {\n      text-align: right;\n\n      .archive__item-teaser {\n        float: right;\n        width: span(5 of 12);\n      }\n\n      .archive__item-body {\n        float: left;\n        width: span(7 of 12);\n        padding-left: gutter(0.5 of 12);\n        padding-right: gutter(1 of 12);\n      }\n    }\n  }\n\n  &--center {\n    position: relative;\n    float: left;\n    margin-left: 0;\n    margin-right: 0;\n    width: 100%;\n    clear: both;\n    font-size: 1.125em;\n\n    .archive__item {\n      float: left;\n      width: 100%;\n    }\n\n    .archive__item-teaser {\n      margin-bottom: 2em;\n    }\n\n    a.btn::before {\n      content: '';\n      position: absolute;\n      left: 0;\n      top: 0;\n      right: 0;\n      bottom: 0;\n    }\n\n    @include breakpoint($small) {\n      text-align: center;\n\n      .archive__item-teaser {\n        margin: 0 auto;\n        width: span(5 of 12);\n      }\n\n      .archive__item-body {\n        margin: 0 auto;\n        width: span(7 of 12);\n      }\n    }\n  }\n}\n\n/* Place inside an archive layout */\n\n.archive {\n  .feature__wrapper {\n    .archive__item-title {\n      margin-top: 0.25em;\n      font-size: 1em;\n    }\n  }\n\n  .feature__item,\n  .feature__item--left,\n  .feature__item--center,\n  .feature__item--right {\n    font-size: 1em;\n  }\n}\n\n/*\n   Wide Pages\n   ========================================================================== */\n\n  .wide {\n  .archive {\n    @include breakpoint($large) {\n      padding-right: 0;\n    }\n\n    @include breakpoint($x-large) {\n      padding-right: 0;\n    }\n  }\n}\n\n/* Place inside a single layout */\n\n.layout--single {\n\t.feature__wrapper {\n\t\tdisplay: inline-block;\n\t}\n}\n","/* ==========================================================================\n   SIDEBAR\n   ========================================================================== */\n\n/*\n   Default\n   ========================================================================== */\n\n.sidebar {\n  @include clearfix();\n  // @include breakpoint(max-width $large) {\n  //   /* fix z-index order of follow links */\n  //   position: relative;\n  //   z-index: 10;\n  //   -webkit-transform: translate3d(0, 0, 0);\n  //   transform: translate3d(0, 0, 0);\n  // }\n\n  @include breakpoint($large) {\n    float: left;\n    width: calc(#{$right-sidebar-width-narrow} - 1em);\n    opacity: 0.75;\n    -webkit-transition: opacity 0.2s ease-in-out;\n    transition: opacity 0.2s ease-in-out;\n\n    &:hover {\n      opacity: 1;\n    }\n\n    &.sticky {\n      overflow-y: auto;\n      /* calculate height of nav list\n         viewport height - nav height - masthead x-padding\n      */\n      max-height: calc(100vh - #{$nav-height} - 2em);\n    }\n  }\n\n  @include breakpoint($x-large) {\n    width: calc(#{$right-sidebar-width} - 1em);\n  }\n\n  > * {\n    margin-top: 1em;\n    margin-bottom: 1em;\n  }\n\n  h2,\n  h3,\n  h4,\n  h5,\n  h6 {\n    margin-bottom: 0;\n    font-family: $sans-serif-narrow;\n  }\n\n  p,\n  li {\n    font-family: $sans-serif;\n    font-size: $type-size-6;\n    line-height: 1.5;\n  }\n\n  img {\n    width: 100%;\n\n    &.emoji {\n      width: 20px;\n      height: 20px;\n    }\n  }\n}\n\n.sidebar__right {\n  margin-bottom: 1em;\n\n  @include breakpoint($large) {\n    position: absolute;\n    top: 0;\n    right: 0;\n    width: $right-sidebar-width-narrow;\n    margin-right: -1 * $right-sidebar-width-narrow;\n    padding-left: 1em;\n    z-index: 10;\n\n    &.sticky {\n      @include clearfix();\n      position: -webkit-sticky;\n      position: sticky;\n      top: 2em;\n      float: right;\n    }\n  }\n\n  @include breakpoint($x-large) {\n    width: $right-sidebar-width;\n    margin-right: -1 * $right-sidebar-width;\n  }\n}\n\n.splash .sidebar__right {\n  @include breakpoint($large) {\n    position: relative;\n    float: right;\n    margin-right: 0;\n  }\n\n  @include breakpoint($x-large) {\n    margin-right: 0;\n  }\n}\n\n/*\n   Author profile and links\n   ========================================================================== */\n\n.author__avatar {\n  display: table-cell;\n  vertical-align: top;\n  width: 36px;\n  height: 36px;\n\n  @include breakpoint($large) {\n    display: block;\n    width: auto;\n    height: auto;\n  }\n\n  img {\n    max-width: 110px;\n    border-radius: 50%;\n\n    @include breakpoint($large) {\n      padding: 5px;\n      border: 1px solid $border-color;\n    }\n  }\n}\n\n.author__content {\n  display: table-cell;\n  vertical-align: top;\n  padding-left: 15px;\n  padding-right: 25px;\n  line-height: 1;\n\n  @include breakpoint($large) {\n    display: block;\n    width: 100%;\n    padding-left: 0;\n    padding-right: 0;\n  }\n\n  a {\n    color: inherit;\n    text-decoration: none;\n  }\n}\n\n.author__name {\n  margin: 0;\n\n  @include breakpoint($large) {\n    margin-top: 10px;\n    margin-bottom: 10px;\n  }\n}\n.sidebar .author__name {\n  font-family: $sans-serif;\n  font-size: $type-size-5;\n}\n\n.author__bio {\n  margin: 0;\n\n  @include breakpoint($large) {\n    margin-top: 10px;\n    margin-bottom: 20px;\n  }\n}\n\n.author__urls-wrapper {\n  position: relative;\n  display: table-cell;\n  vertical-align: middle;\n  font-family: $sans-serif;\n  z-index: 20;\n  cursor: pointer;\n\n  li:last-child {\n    a {\n      margin-bottom: 0;\n    }\n  }\n\n  .author__urls {\n    span.label {\n      padding-left: 5px;\n    }\n  }\n\n  @include breakpoint($large) {\n    display: block;\n  }\n\n  button {\n    position: relative;\n    margin-bottom: 0;\n\n    &:before {\n      @supports (pointer-events: none) {\n        content: '';\n        position: fixed;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        pointer-events: none;\n      }\n    }\n\n    &.open {\n      &:before {\n        pointer-events: auto;\n      }\n    }\n\n    @include breakpoint($large) {\n      display: none;\n    }\n  }\n}\n\n.author__urls {\n  display: none;\n  position: absolute;\n  right: 0;\n  margin-top: 15px;\n  padding: 10px;\n  list-style-type: none;\n  border: 1px solid $border-color;\n  border-radius: $border-radius;\n  background: $background-color;\n  box-shadow: 0 2px 4px 0 rgba(#000, 0.16), 0 2px 10px 0 rgba(#000, 0.12);\n  cursor: default;\n\n  &.is--visible {\n    display: block;\n  }\n\n  @include breakpoint($large) {\n    display: block;\n    position: relative;\n    margin: 0;\n    padding: 0;\n    border: 0;\n    background: transparent;\n    box-shadow: none;\n  }\n\n  &:before {\n    display: block;\n    content: \"\";\n    position: absolute;\n    top: -11px;\n    left: calc(50% - 10px);\n    width: 0;\n    border-style: solid;\n    border-width: 0 10px 10px;\n    border-color: $border-color transparent;\n    z-index: 0;\n\n    @include breakpoint($large) {\n      display: none;\n    }\n  }\n\n  &:after {\n    display: block;\n    content: \"\";\n    position: absolute;\n    top: -10px;\n    left: calc(50% - 10px);\n    width: 0;\n    border-style: solid;\n    border-width: 0 10px 10px;\n    border-color: $background-color transparent;\n    z-index: 1;\n\n    @include breakpoint($large) {\n      display: none;\n    }\n  }\n\n  ul {\n    padding: 10px;\n    list-style-type: none;\n  }\n\n  li {\n    white-space: nowrap;\n  }\n\n  a {\n    display: block;\n    margin-bottom: 5px;\n    padding-right: 5px;\n    padding-top: 2px;\n    padding-bottom: 2px;\n    color: inherit;\n    font-size: $type-size-5;\n    text-decoration: none;\n\n    &:hover {\n      text-decoration: underline;\n    }\n  }\n}\n\n/*\n   Wide Pages\n   ========================================================================== */\n\n.wide .sidebar__right {\n  margin-bottom: 1em;\n\n  @include breakpoint($large) {\n    position: initial;\n    top: initial;\n    right: initial;\n    width: initial;\n    margin-right: initial;\n    padding-left: initial;\n    z-index: initial;\n\n    &.sticky {\n      float: none;\n    }\n  }\n\n  @include breakpoint($x-large) {\n    width: initial;\n    margin-right: initial;\n  }\n}\n\n","/* ==========================================================================\n   PRINT STYLES\n   ========================================================================== */\n\n@media print {\n\n  [hidden] {\n    display: none;\n  }\n\n  * {\n    -moz-box-sizing: border-box;\n    -webkit-box-sizing: border-box;\n    box-sizing: border-box;\n  }\n\n  html {\n    margin: 0;\n    padding: 0;\n    min-height: auto !important;\n    font-size: 16px;\n  }\n\n  body {\n    margin: 0 auto;\n    background: #fff !important;\n    color: #000 !important;\n    font-size: 1rem;\n    line-height: 1.5;\n    -moz-osx-font-smoothing: grayscale;\n    -webkit-font-smoothing: antialiased;\n    text-rendering: optimizeLegibility;\n  }\n\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6 {\n    color: #000;\n    line-height: 1.2;\n    margin-bottom: 0.75rem;\n    margin-top: 0;\n  }\n\n  h1 {\n    font-size: 2.5rem;\n  }\n\n  h2 {\n    font-size: 2rem;\n  }\n\n  h3 {\n    font-size: 1.75rem;\n  }\n\n  h4 {\n    font-size: 1.5rem;\n  }\n\n  h5 {\n    font-size: 1.25rem;\n  }\n\n  h6 {\n    font-size: 1rem;\n  }\n\n  a,\n  a:visited {\n    color: #000;\n    text-decoration: underline;\n    word-wrap: break-word;\n  }\n\n  table {\n    border-collapse: collapse;\n  }\n\n  thead {\n    display: table-header-group;\n  }\n\n  table,\n  th,\n  td {\n    border-bottom: 1px solid #000;\n  }\n\n  td,\n  th {\n    padding: 8px 16px;\n  }\n\n  img {\n    border: 0;\n    display: block;\n    max-width: 100% !important;\n    vertical-align: middle;\n  }\n\n  hr {\n    border: 0;\n    border-bottom: 2px solid #bbb;\n    height: 0;\n    margin: 2.25rem 0;\n    padding: 0;\n  }\n\n  dt {\n    font-weight: bold;\n  }\n\n  dd {\n    margin: 0;\n    margin-bottom: 0.75rem;\n  }\n\n  abbr[title],\n  acronym[title] {\n    border: 0;\n    text-decoration: none;\n  }\n\n  table,\n  blockquote,\n  pre,\n  code,\n  figure,\n  li,\n  hr,\n  ul,\n  ol,\n  a,\n  tr {\n    page-break-inside: avoid;\n  }\n\n  h2,\n  h3,\n  h4,\n  p,\n  a {\n    orphans: 3;\n    widows: 3;\n  }\n\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6 {\n    page-break-after: avoid;\n    page-break-inside: avoid;\n  }\n\n  h1 + p,\n  h2 + p,\n  h3 + p {\n    page-break-before: avoid;\n  }\n\n  img {\n    page-break-after: auto;\n    page-break-before: auto;\n    page-break-inside: avoid;\n  }\n\n  pre {\n    white-space: pre-wrap !important;\n    word-wrap: break-word;\n  }\n\n  a[href^='http://']:after,\n  a[href^='https://']:after,\n  a[href^='ftp://']:after {\n    content: \" (\" attr(href) \")\";\n    font-size: 80%;\n  }\n\n  abbr[title]:after,\n  acronym[title]:after {\n    content: \" (\" attr(title) \")\";\n  }\n\n  #main {\n    max-width: 100%;\n  }\n\n  .page {\n    margin: 0;\n    padding: 0;\n    width: 100%;\n  }\n\n  .page-break,\n  .page-break-before {\n    page-break-before: always;\n  }\n\n  .page-break-after {\n    page-break-after: always;\n  }\n\n  .no-print {\n    display: none;\n  }\n\n  a.no-reformat:after {\n    content: '';\n  }\n\n  abbr[title].no-reformat:after,\n  acronym[title].no-reformat:after {\n    content: '';\n  }\n\n  .page__hero-caption {\n    color: #000 !important;\n    background: #fff !important;\n    opacity: 1;\n\n    a {\n      color: #000 !important;\n    }\n  }\n\n/*\n   Hide the following elements on print\n   ========================================================================== */\n\n  .masthead,\n  .toc,\n  .page__share,\n  .page__related,\n  .pagination,\n  .ads,\n  .page__footer,\n  .page__comments-form,\n  .author__avatar,\n  .author__content,\n  .author__urls-wrapper,\n  .nav__list,\n  .sidebar,\n  .adsbygoogle {\n    display: none !important;\n    height: 1px !important;\n  }\n}","@charset \"utf-8\";\n\n@import \"minimal-mistakes/skins/nord\"; // skin\n@import \"minimal-mistakes\"; // main partials\n\nselect {\n    background-color: #2e3440;\n    color: #d8dee9;  \n    font-weight: bold;\n    cursor: pointer;\n    border: 3px solid #585d66;\n}\n\ninput {\n    color: #d8dee9;  \n    font-weight: bold;\n    cursor: pointer;\n    border: 1px solid #585d66;\n}\n\ninput:hover {\n    background-color: #767a80;\n}\n\n.selectversion {\n    background-color: #2e3440;\n    text-align: center;\n    border: 1px solid #585d66;\n    border-radius: 10px;\n}\n\nimg.tableimage {\n    height: 40%;\n    width: 40%;\n}\n\ntable.modeltable {\n    text-align: center;\n}\n\ninput[type=\"radio\"] {\n    width: 50px;\n    height: 25px;\n    transition: none;\n}\n"],"file":"main.css"}