{"version":3,"sourceRoot":"","sources":["../../_sass/mixins/flexbox.scss","../../_sass/elements.scss","../../_sass/variables.scss","../../_sass/landing-page.scss","../../_sass/layout.scss","../../_sass/pricing.scss","../../_sass/mixins/columns.scss","../../_sass/staff.scss","../../_sass/contact.scss","../../_sass/blog.scss","../../_sass/forms.scss","../../_sass/navigation.scss","../../_sass/footer.scss","../../_sass/cloudcannon.scss"],"names":[],"mappings":";AAqEA;EAPC;EACA;EACA;EACA;EACA;;;AClED;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;AAAA;AAAA;AAAA;AAAA;AAMA;EACE;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAIA;EACE;EACA;EACA;;;AAKJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAIF;EACA;;;AAKA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGA;EACE,kBC3GQ;ED4GR;EACA;EACA;;AAKJ;EACE;;AAGF;EACE;;;AExHJ;EACC;EACA;EACA;EACA;EACA;;AACA;EACC;;AAGD;EACC;;AAGD;EACC;;AAGD;EACC;;;AAIF;EACC;EACA;EACA;;AAEA;EACC;EACA;EACA;;AAEA;EALD;IHkCA;IACA;IACA;IACA;IACA;;EG9BE;IACC;IACA;;;;AAMJ;EACC;EACA;EACA;EACA;;AAEA;EACC;;;AAKF;EACC;IHKA;IACA;IACA;IACA;IACA;IGPC;IACA;;EAEA;IACC;IACA;IACA;;EAIF;IACC;;;ACtEF;EACC;EACA;EACA;;;AAGD;EACC;;;AAGD;EACC;;AAEA;EACC;EACA;;;AAIF;EACC;EACA;EACA,YFtBa,SEsBa;EAC1B;;AAEA;EACC;EACA;EACA;EACA;;AAEA;EACC;;AAIF;EACC;EACA;;AAEA;EACC;;AAGD;EACC;EACA;;;AAKH;EACC;EACA;EACA;;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGD;EACC;;;AAGD;EACC;;;AAGD;EACC;EACA;;;AAID;EACC;;;AAGD;AAAA;EAEC;;;AAGD;EACC;EACA;EACA;EACA;;AAEA;EACC;EACA;EACA;EACA;EACA;;AAGD;EACC;;;AAIF;EACC;EACA;EACA;EACA;EACA;EACA;;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;;AAEA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;;;AAIF;EACC;EACA;;;AAGD;EACC;;;AAGD;EACE;EACD;;AACA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACC;EACA;;;AC1KH;EL8JC,mBK5JmB;EL6JnB,gBK7JmB;EL8JnB,eK9JmB;EL+JnB,WK/JmB;EACnB;;AAEA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACC;;AAGD;EACC;;AAEA;EACC;EACA;EACA;EACA;EACA;;AAIF;EA1BD;IA2BE;IACA;;;AAGD;EACC;EACA;EACA;;AACA;EACC;EACA;EACA;EACA;;;AAMJ;EAIC;;AAHA;EADD;ICjDC,SDmDkB;IClDlB,iBDkDkB;ICjDlB,cDiDkB;;;AAGlB;EACC;EACA;;AAGD;EACC;EACA;;AAGD;EACC;EACA;;;AEnEF;EACC;EACA;EP4JA,mBO1JmB;EP2JnB,gBO3JmB;EP4JnB,eO5JmB;EP6JnB,WO7JmB;EACnB;;AACA;EACC;EACA;EACA;;AAEA;EALD;IPkQA,kBO5PgB;IP6PhB;IACA,eO9PgB;IP+PhB;IACA;IACA;;;AO9PC;EATD;IPkQA,kBOxPgB;IPyPhB;IACA,eO1PgB;IP2PhB;IACA;IACA;;;AOxPA;EACC;EACA;;AACC;EACC;;AAIH;EACC;EACA;;AAGD;EACC;;;ACnCF;EACC;EACA;EACA;;;AAGD;ERwJC,mBQtJmB;ERuJnB,gBQvJmB;ERwJnB,eQxJmB;ERyJnB,WQzJmB;EACnB;EACA;;AAEA;EACC;;AAGD;EACC;;AAGD;EAKC;;AAJA;EADD;IAEE;IACA;;;AAKF;EACC;;;AC7BF;EACC;EACA;;AAEA;EACC;;;AAIF;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGD;EACC;;;AAGD;EACC;EACA;EACA;EACA;EACA;;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;AAAA;EAEC;EACA;EACA;EACA;EACA;;AAGD;EAEC;EACA;EACA;EACA;EACA;;;AAIF;EACC;EACA;;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACC;EACA;EACA;;;AAIF;EACC;EACA;EACA;EACA;;;AAGD;EACC;;;AAGD;EACC;;;AAIA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EAZD;IAaE;IACA;IACA;;;AAGD;EACC;EACA;EACA;EACA;;AAEA;EACC;;AAIF;EACC;EACA;EACA;EACA;;AAEA;EAND;IAOE;;;AAIF;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGD;EACC;EACA;EACA;;AAEA;EACC;;AAKH;EACC;;AACA;EACC;EACA;EACA;EACA;;AAIF;EACC;;AAGD;EACC;EACA;EACA;EACA;;AACA;EACC;EACA;EACA;EACA;;AAGD;EACC;;AAIF;EACC;EACA;;AAEA;EACC;EACA;;AAEA;EACC;EACA;;AAIF;EACC;;AAGD;EACC;;AAGD;EACC;EACA;EACA;;AAMA;AAAA;AAAA;EAGC;EACA;;AAGD;EACC;EACA;EACA;;AAIF;AAAA;AAAA;EAGC;;AAEA;AAAA;AAAA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGD;AAAA;AAAA;AAAA;AAAA;AAAA;EAEC;;AAIF;AAAA;AAAA;EAGC;EACA;EACA;EACA;;AAGD;AAAA;EAEC;;AAGD;EACC;;AAGD;EACC;EACA;EACA;EACA;EACA;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGD;AAAA;EAEC;EACA;EACA;;AAGD;AAAA;EAEC;;AAGD;AAAA;AAAA;AAAA;EAIC;EACA;EACA;EACA;EACA;;AAGD;AAAA;EAEC;EACA;EACA;;AAGD;AAAA;EAEC;;AAGD;AAAA;EAEC;;AAGD;AAAA;EAEC;;AAGD;EACC;;AAKD;EACC;;AAGD;EACC;;;AAKH;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EAZD;IAaE;;;AAGD;EAhBD;IAiBE;IACA;;;;AAKD;EACC;EACA;EACA;EACA;;AAGD;EACC;EACA;EACA;EACA;EACA;;;AAKD;EACC;EACA;EACA;EACA;EACA;;;AAIF;EACC;EACA;;;AAGD;EACC;EACA;;;AAGD;EACC;;;AAGD;EACC;;;AAGD;EACC;;AAEA;EACC;EACA;EACA;EACA;;AAGD;EACC;EACA;EACA;EACA;;;AAIF;EACC;EACA;;;AAGD;EACC;;;AAIA;EACC;EACA;EACA;EACA;EACA;EACA;;AAGD;EACC;;AAGD;EACC;EACA;;AAGD;EACC;;AAGD;AAAA;EAEC;EACA;EACA;;AAGD;EACC;EACA;EACA;EACA;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;;AAGD;EACC;;AAGD;AAAA;AAAA;EAGC;;AAGD;AAAA;EAEC;EACA;EACA;EACA;;AAGD;AAAA;AAAA;EAGC;EACA;EACA;EACA;;AAGD;AAAA;EAEC;;AAGD;EACC;IACC;;EAGD;AAAA;AAAA;AAAA;AAAA;IAKC;IACA;;EAGD;AAAA;IAEC;;;;AAKH;AAAA;EAEC;;;AAGD;EACC;EACA;EACA;;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;;AAEA;EACC;EACA;EACA;;;AAIF;EACC;EACA;EACA;EACA;;AAEA;EACC;EACA;EACA;EACA;;;AAIF;EACC;;;AAGD;EACC;EACA;EACA;EACA;EACA;;;AAGD;EACC;EACA;EACA;;AAEA;EACC;EACA;;AAEA;EACC;;;AAKH;EACC;EACA;EACA;EACA;EACA;;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EAEC;EACA;EACA;EACA;EACA;;AAGD;EACC;EACA;EACA;;;AAIF;EACC;EACA;EACA;;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGD;EACC;;AACA;EACC;EACE;EACA;EACA;EACA;EACF;;AAEA;EACC;EACA;;;AAKH;EACC;;AAEA;EACC;EACA;EACA;EACA;EACA;;;ACjtBF;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGD;EACC;EACA;EACA;EACA;EACA;;;AAGD;EACC;EACA;EACA;EACA;EACA;;;AAGD;EACC;EACA,ORnCa;;;AQsCd;EAAkC;EAAsB;;;AAExD;EACC;;;AAGD;EACC;EACA;EACA;;;AAGD;EACC;EACA;;;AAGD;EACC;;;AAGD;EACC;EACA;;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;;;AAGD;EACC;EACA;;;AC3ED;EACC;EACA;EACA;;AAEA;EALD;IAME;IACA;IACA;IACA;IACA;;;AAED;EACC;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EATD;IAUE;;;AAGD;EACC;EACA;;AAIF;EACC;EACA;EACA;EACA;;AAEA;EAND;IAOE;;;AAIF;EACC;;AAEA;EAHD;IAIE;;;AAIF;EACC;EACA;;AAGD;AAAA;AAAA;EAGC;EACA;;AAGD;AAAA;EAEC;EACA;EACA;EACA;;AAEA;EAPD;AAAA;IAQE;IACA;;;AAIF;EACC;;AAEA;EACC;EACA;;AAIF;EACC;;AAGD;EACC;EACA;EACA;EACA;EACA;;AAEA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;;AAGD;EAjBD;IAkBE;IACA;IACA;;;AAIF;EACC;EACA;EACA;EACA;;AAEA;EAND;IAOE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACC;EACA;;AAIF;EACC;;AAIF;AAAA;EAEC;;AAGD;EACC;;AAGD;EACC;AAAA;AAAA;IAGC;;EAGD;IACC;IACA;;EAEA;IACC;IACA,OT9KU;;;;ASoLd;EACC;EACA;;AAEA;EACC;;AAGD;EACC;;AAGD;EACC;;AAGD;AAAA;EAEC;EACA;EACA;;AAGD;EACC;EACA;EACA;;AAGD;EACC;;AAGD;EACC;;;ACtNF;EACC;EACA;;;AAGD;EACC;EACA;EACA;;AAEA;EACC;EACA;;AAEC;EACC;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGD;EACC;;AAGD;EACC;;AAGD;EACC;;AAGD;EACC;;AAGD;EACC;;AAGD;EACC;;AAGD;EACC;;AAGD;EACC;;AAGD;EACC;;;AAMJ;EACC;EACA;EACA;EACA;EACA;;AAEA;EACC;EACA;;AAEA;EAJD;IAKE;;;AAIF;AAAA;EAEC;;AAGD;EACC;EACA;EACA;EACA;EACA;;AAGD;EZ6DA,mBY3DoB;EZ4DpB,gBY5DoB;EZ6DpB,eY7DoB;EZ8DpB,WY9DoB;EACnB;;AAGD;EACC;EACA;EACA;EACA;;AAGD;EACC;;AAEA;EACC;;AAIF;EACC;EACA;EACA;EACA;;AAEA;EACC;;;AC7HH;EACE;EACD;;AAEA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGD;EACC;EACA;EACA;EACA;;AAEA;EACC;EACA;;;AAKH;EACC;;;AAGD;EACC","sourcesContent":["// Flexbox Mixins\n// http://philipwalton.github.io/solved-by-flexbox/\n// https://github.com/philipwalton/solved-by-flexbox\n//\n// Copyright (c) 2013 Brian Franco\n//\n// Permission is hereby granted, free of charge, to any person obtaining a\n// copy of this software and associated documentation files (the\n// \"Software\"), to deal in the Software without restriction, including\n// without limitation the rights to use, copy, modify, merge, publish,\n// distribute, sublicense, and/or sell copies of the Software, and to\n// permit persons to whom the Software is furnished to do so, subject to\n// the following conditions:\n// The above copyright notice and this permission notice shall be included\n// in all copies or substantial portions of the Software.\n// THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS\n// OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF\n// MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT.\n// IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY\n// CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT,\n// TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE\n// SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.\n//\n// This is a set of mixins for those who want to mess around with flexbox\n// using the native support of current browsers. For full support table\n// check: http://caniuse.com/flexbox\n//\n// Basically this will use:\n//\n// * Fallback, old syntax (IE10, mobile webkit browsers - no wrapping)\n// * Final standards syntax (FF, Safari, Chrome, IE11, Opera)\n//\n// This was inspired by:\n//\n// * http://dev.opera.com/articles/view/advanced-cross-browser-flexbox/\n//\n// With help from:\n//\n// * http://w3.org/tr/css3-flexbox/\n// * http://the-echoplex.net/flexyboxes/\n// * http://msdn.microsoft.com/en-us/library/ie/hh772069(v=vs.85).aspx\n// * http://css-tricks.com/using-flexbox/\n// * http://dev.opera.com/articles/view/advanced-cross-browser-flexbox/\n// * https://developer.mozilla.org/en-us/docs/web/guide/css/flexible_boxes\n\n//----------------------------------------------------------------------\n\n// Flexbox Containers\n//\n// The 'flex' value causes an element to generate a block-level flex\n// container box.\n//\n// The 'inline-flex' value causes an element to generate a inline-level\n// flex container box.\n//\n// display: flex | inline-flex\n//\n// http://w3.org/tr/css3-flexbox/#flex-containers\n//\n// (Placeholder selectors for each type, for those who rather @extend)\n\n@mixin flexbox {\n\tdisplay: -webkit-box;\n\tdisplay: -webkit-flex;\n\tdisplay: -moz-flex;\n\tdisplay: -ms-flexbox;\n\tdisplay: flex;\n}\n\n%flexbox { @include flexbox; }\n\n//----------------------------------\n\n@mixin inline-flex {\n\tdisplay: -webkit-inline-box;\n\tdisplay: -webkit-inline-flex;\n\tdisplay: -moz-inline-flex;\n\tdisplay: -ms-inline-flexbox;\n\tdisplay: inline-flex;\n}\n\n%inline-flex { @include inline-flex; }\n\n//----------------------------------------------------------------------\n\n// Flexbox Direction\n//\n// The 'flex-direction' property specifies how flex items are placed in\n// the flex container, by setting the direction of the flex container's\n// main axis. This determines the direction that flex items are laid out in.\n//\n// Values: row | row-reverse | column | column-reverse\n// Default: row\n//\n// http://w3.org/tr/css3-flexbox/#flex-direction-property\n\n@mixin flex-direction($value: row) {\n\t@if $value == row-reverse {\n\t\t-webkit-box-direction: reverse;\n\t\t-webkit-box-orient: horizontal;\n\t} @else if $value == column {\n\t\t-webkit-box-direction: normal;\n\t\t-webkit-box-orient: vertical;\n\t} @else if $value == column-reverse {\n\t\t-webkit-box-direction: reverse;\n\t\t-webkit-box-orient: vertical;\n\t} @else {\n\t\t-webkit-box-direction: normal;\n\t\t-webkit-box-orient: horizontal;\n\t}\n\t-webkit-flex-direction: $value;\n\t-moz-flex-direction: $value;\n\t-ms-flex-direction: $value;\n\tflex-direction: $value;\n}\n\t// Shorter version:\n\t@mixin flex-dir($args...) { @include flex-direction($args...); }\n\n//----------------------------------------------------------------------\n\n// Flexbox Wrap\n//\n// The 'flex-wrap' property controls whether the flex container is single-line\n// or multi-line, and the direction of the cross-axis, which determines\n// the direction new lines are stacked in.\n//\n// Values: nowrap | wrap | wrap-reverse\n// Default: nowrap\n//\n// http://w3.org/tr/css3-flexbox/#flex-wrap-property\n\n@mixin flex-wrap($value: nowrap) {\n\t// No Webkit Box fallback.\n\t-webkit-flex-wrap: $value;\n\t-moz-flex-wrap: $value;\n\t@if $value == nowrap {\n\t\t-ms-flex-wrap: none;\n\t} @else {\n\t\t-ms-flex-wrap: $value;\n\t}\n\tflex-wrap: $value;\n}\n\n//----------------------------------------------------------------------\n\n// Flexbox Flow (shorthand)\n//\n// The 'flex-flow' property is a shorthand for setting the 'flex-direction'\n// and 'flex-wrap' properties, which together define the flex container's\n// main and cross axes.\n//\n// Values: <flex-direction> | <flex-wrap>\n// Default: row nowrap\n//\n// http://w3.org/tr/css3-flexbox/#flex-flow-property\n\n@mixin flex-flow($values: (row nowrap)) {\n\t// No Webkit Box fallback.\n\t-webkit-flex-flow: $values;\n\t-moz-flex-flow: $values;\n\t-ms-flex-flow: $values;\n\tflex-flow: $values;\n}\n\n//----------------------------------------------------------------------\n\n// Flexbox Order\n//\n// The 'order' property controls the order in which flex items appear within\n// their flex container, by assigning them to ordinal groups.\n//\n// Default: 0\n//\n// http://w3.org/tr/css3-flexbox/#order-property\n\n@mixin order($int: 0) {\n\t-webkit-box-ordinal-group: $int + 1;\n\t-webkit-order: $int;\n\t-moz-order: $int;\n\t-ms-flex-order: $int;\n\torder: $int;\n}\n\n//----------------------------------------------------------------------\n\n// Flexbox Grow\n//\n// The 'flex-grow' property sets the flex grow factor. Negative numbers\n// are invalid.\n//\n// Default: 0\n//\n// http://w3.org/tr/css3-flexbox/#flex-grow-property\n\n@mixin flex-grow($int: 0) {\n\t-webkit-box-flex: $int;\n\t-webkit-flex-grow: $int;\n\t-moz-flex-grow: $int;\n\t-ms-flex-positive: $int;\n\tflex-grow: $int;\n}\n\n//----------------------------------------------------------------------\n\n// Flexbox Shrink\n//\n// The 'flex-shrink' property sets the flex shrink factor. Negative numbers\n// are invalid.\n//\n// Default: 1\n//\n// http://w3.org/tr/css3-flexbox/#flex-shrink-property\n\n@mixin flex-shrink($int: 1) {\n\t-webkit-flex-shrink: $int;\n\t-moz-flex-shrink: $int;\n\t-ms-flex-negative: $int;\n\tflex-shrink: $int;\n}\n\n//----------------------------------------------------------------------\n\n// Flexbox Basis\n//\n// The 'flex-basis' property sets the flex basis. Negative lengths are invalid.\n//\n// Values: Like \"width\"\n// Default: auto\n//\n// http://www.w3.org/TR/css3-flexbox/#flex-basis-property\n\n@mixin flex-basis($value: auto) {\n\t-webkit-flex-basis: $value;\n\t-moz-flex-basis: $value;\n\t-ms-flex-preferred-size: $value;\n\tflex-basis: $value;\n}\n\n//----------------------------------------------------------------------\n\n// Flexbox \"Flex\" (shorthand)\n//\n// The 'flex' property specifies the components of a flexible length: the\n// flex grow factor and flex shrink factor, and the flex basis. When an\n// element is a flex item, 'flex' is consulted instead of the main size\n// property to determine the main size of the element. If an element is\n// not a flex item, 'flex' has no effect.\n//\n// Values: none | <flex-grow> <flex-shrink> || <flex-basis>\n// Default: See individual properties (1 1 0).\n//\n// http://w3.org/tr/css3-flexbox/#flex-property\n\n@mixin flex($fg: 1, $fs: null, $fb: null) {\n\n\t// Set a variable to be used by box-flex properties\n\t$fg-boxflex: $fg;\n\n\t// Box-Flex only supports a flex-grow value so let's grab the\n\t// first item in the list and just return that.\n\t@if type-of($fg) == 'list' {\n\t\t$fg-boxflex: nth($fg, 1);\n\t}\n\n\t-webkit-box-flex: $fg-boxflex;\n\t-webkit-flex: $fg $fs $fb;\n\t-moz-box-flex: $fg-boxflex;\n\t-moz-flex: $fg $fs $fb;\n\t-ms-flex: $fg $fs $fb;\n\tflex: $fg $fs $fb;\n}\n\n//----------------------------------------------------------------------\n\n// Flexbox Justify Content\n//\n// The 'justify-content' property aligns flex items along the main axis\n// of the current line of the flex container. This is done after any flexible\n// lengths and any auto margins have been resolved. Typically it helps distribute\n// extra free space leftover when either all the flex items on a line are\n// inflexible, or are flexible but have reached their maximum size. It also\n// exerts some control over the alignment of items when they overflow the line.\n//\n// Note: 'space-*' values not supported in older syntaxes.\n//\n// Values: flex-start | flex-end | center | space-between | space-around\n// Default: flex-start\n//\n// http://w3.org/tr/css3-flexbox/#justify-content-property\n\n@mixin justify-content($value: flex-start) {\n\t@if $value == flex-start {\n\t\t-webkit-box-pack: start;\n\t\t-ms-flex-pack: start;\n\t} @else if $value == flex-end {\n\t\t-webkit-box-pack: end;\n\t\t-ms-flex-pack: end;\n\t} @else if $value == space-between {\n\t\t-webkit-box-pack: justify;\n\t\t-ms-flex-pack: justify;\n\t} @else if $value == space-around {\n\t\t-ms-flex-pack: distribute;\n\t} @else {\n\t\t-webkit-box-pack: $value;\n\t\t-ms-flex-pack: $value;\n\t}\n\t-webkit-justify-content: $value;\n\t-moz-justify-content: $value;\n\tjustify-content: $value;\n}\n\t// Shorter version:\n\t@mixin flex-just($args...) { @include justify-content($args...); }\n\n//----------------------------------------------------------------------\n\n// Flexbox Align Items\n//\n// Flex items can be aligned in the cross axis of the current line of the\n// flex container, similar to 'justify-content' but in the perpendicular\n// direction. 'align-items' sets the default alignment for all of the flex\n// container's items, including anonymous flex items. 'align-self' allows\n// this default alignment to be overridden for individual flex items. (For\n// anonymous flex items, 'align-self' always matches the value of 'align-items'\n// on their associated flex container.)\n//\n// Values: flex-start | flex-end | center | baseline | stretch\n// Default: stretch\n//\n// http://w3.org/tr/css3-flexbox/#align-items-property\n\n@mixin align-items($value: stretch) {\n\t@if $value == flex-start {\n\t\t-webkit-box-align: start;\n\t\t-ms-flex-align: start;\n\t} @else if $value == flex-end {\n\t\t-webkit-box-align: end;\n\t\t-ms-flex-align: end;\n\t} @else {\n\t\t-webkit-box-align: $value;\n\t\t-ms-flex-align: $value;\n\t}\n\t-webkit-align-items: $value;\n\t-moz-align-items: $value;\n\talign-items: $value;\n}\n\n//----------------------------------\n\n// Flexbox Align Self\n//\n// Values: auto | flex-start | flex-end | center | baseline | stretch\n// Default: auto\n\n@mixin align-self($value: auto) {\n\t// No Webkit Box Fallback.\n\t-webkit-align-self: $value;\n\t-moz-align-self: $value;\n\t@if $value == flex-start {\n\t\t-ms-flex-item-align: start;\n\t} @else if $value == flex-end {\n\t\t-ms-flex-item-align: end;\n\t} @else {\n\t\t-ms-flex-item-align: $value;\n\t}\n\talign-self: $value;\n}\n\n//----------------------------------------------------------------------\n\n// Flexbox Align Content\n//\n// The 'align-content' property aligns a flex container's lines within the\n// flex container when there is extra space in the cross-axis, similar to\n// how 'justify-content' aligns individual items within the main-axis. Note,\n// this property has no effect when the flexbox has only a single line.\n//\n// Values: flex-start | flex-end | center | space-between | space-around | stretch\n// Default: stretch\n//\n// http://w3.org/tr/css3-flexbox/#align-content-property\n\n@mixin align-content($value: stretch) {\n\t// No Webkit Box Fallback.\n\t-webkit-align-content: $value;\n\t-moz-align-content: $value;\n\t@if $value == flex-start {\n\t\t-ms-flex-line-pack: start;\n\t} @else if $value == flex-end {\n\t\t-ms-flex-line-pack: end;\n\t} @else {\n\t\t-ms-flex-line-pack: $value;\n\t}\n\talign-content: $value;\n}\n","html {\n  background: #f40269;\n}\n\nhtml, body {\n  margin: 0;\n  padding: 0;\n}\n\n@font-face {\n  font-family: 'DogeSansRegular';\n  font-style: normal;\n  font-weight: normal;\n  src: local('DogeSansRegular'), url('assets/fonts/DogeSans-Regular.woff') format('woff');\n}\n\nbody {\n  font-family: \"DogeSansRegular\";\n  font-size: 10px;\n}\n\na {\n  color: #00a4ca;\n  text-decoration: none;\n}\n\na:hover {\n  text-decoration: underline;\n}\n\n/*\nimg {\n  width: 100%;\n}\n*/\n\nh1 strong, h2 strong {\n  font-weight: 700;\n}\n\nh1 {\n  font-weight: 300;\n  font-size: 2.3rem;\n  margin: 0;\n}\n\nh2 {\n  font-weight: 300;\n  font-size: 1.8rem;\n  margin: 0 0 30px 0;\n}\n\nh3 {\n  margin: 20px 0 10px 0;\n  font-weight: 300;\n  font-size: 1.6rem;\n}\n\np, address {\n  font-size: 1.2em;\n  color: #666;\n  margin-bottom: 20px;\n  font-weight: 300;\n  line-height: 1.3em;\n}\n\nul, ol, dl {\n  li {\n    color: #666;\n    font-weight: 300;\n    line-height: 1.3em;\n  }\n}\n\n// Hightlight number lines styles\n.hljs-ln-numbers {\n  -webkit-touch-callout: none;\n  -webkit-user-select: none;\n  -khtml-user-select: none;\n  -moz-user-select: none;\n  -ms-user-select: none;\n  user-select: none;\n  text-align: center;\n  color: #ccc;\n  vertical-align: top;\n\n}\n\n.hljs-ln-numbers .hljs-ln-n {\npadding-right: 8px;\n}\n\n\n// Styles for tables when using please always use tableizer-table in order not to mess the code highlighting styles\n.tableizer-table {\n    border: 1px solid #ccc;\n    border-collapse: collapse;\n    margin: 10px 0;\n    width: 100%;\n    table-layout: fixed;\n    font-size: 1.3rem;\n    font-weight: 300;\n    color: #666;\n    text-align: center;\n    \n  thead {\n    th {\n      background-color: $brand-color;\n      font-size: 1.3rem;\n      font-weight: 300;\n      line-height: 1em;\n    }\n\n  }\n\n  th, td {\n    padding: 4px 0;\n  }\n\n  tr {\n    border: 1px solid #ddd;\n  }\n}","$brand-color: #0058ff;\n$secondary-brand-color: #0058ff;\n$middle-gradient-color: mix($brand-color, $secondary-brand-color, 95%);\n\n// Breakpoints\n$tablet: \"(min-width: 450px)\";\n$mid-point: \"(min-width: 620px)\";\n$desktop: \"(min-width: 768px)\";\n",".bottom-cta {\n\tbackground: linear-gradient(to bottom, $brand-color 0%, $middle-gradient-color 100%);\n\tcolor: #fff;\n\ttext-align: center;\n\tmargin: 0;\n\tpadding: 100px 0;\n\timg {\n\t\twidth: 150px;\n\t}\n\n\th2 {\n\t\tmargin-bottom: 50px;\n\t}\n\n\tp {\n\t\tcolor: #fff;\n\t}\n\n\t.small {\n\t\tfont-size: 16px;\n\t}\n}\n\n.testimonial {\n\tbackground: #f5f5f5;\n\tmargin: 0;\n\tpadding: 100px 0;\n\n\t.testimonial-block {\n\t\tmax-width: 750px;\n\t\twidth: 98%;\n\t\tmargin: 0 auto;\n\n\t\t@media #{$tablet} {\n\t\t\t@include flexbox;\n\n\t\t\tblockquote {\n\t\t\t\t-webkit-flex: 1;\n\t\t\t\tflex: 1;\n\t\t\t}\n\t\t}\n\t}\n}\n\n.hero {\n\tcolor: #ffffff;\n\ttext-align: center;\n\tbackground: linear-gradient(to bottom, $middle-gradient-color 0%, $secondary-brand-color 100%) no-repeat #a05fb7;\n\tpadding-top: 50px;\n\n\tp {\n\t\tcolor: #fff;\n\t}\n}\n\n\n@media #{$desktop} {\n\t.flex {\n\t\t@include flexbox;\n\t\talign-items: center;\n\t\tflex-direction: row;\n\n\t\t.text, .image {\n\t\t\t-webkit-flex: 1;\n\t\t\tflex: 1;\n\t\t\tpadding: 0 20px;\n\t\t}\n\t}\n\n\t.content section:nth-child(even) .flex {\n\t\tflex-direction: row-reverse;\n\t}\n}\n",".container, .text-container {\n\tmargin: 0 auto;\n\tposition: relative;\n\tpadding: 0 20px;\n}\n\n.text-container {\n\tmax-width: 750px;\n}\n\n.container {\n\tmax-width: 1140px;\n\n\t&.max-container {\n\t\tmax-width: 100%;\n\t\tpadding: 0;\n\t}\n}\n\nheader {\n\tcolor: #fff;\n\tpadding: 20px 0;\n\tbackground: $brand-color; /* Old browsers */\n\tbackground: linear-gradient(to bottom, $brand-color 0%, $middle-gradient-color 100%) no-repeat $brand-color;\n\n\ta {\n\t\tcolor: #fff;\n\t\ttext-decoration: none;\n\t\tz-index: 1;\n\t\tposition: relative;\n\n\t\t&:hover {\n\t\t\ttext-decoration: none;\n\t\t}\n\t}\n\n\t.company-name {\n\t\tfont-size: 1.7em;\n\t\tline-height: 0;\n\n\t\ta {\n\t\t\tdisplay: inline-block;\n\t\t}\n\n\t\timg {\n\t\t\tdisplay: block;\n\t\t\twidth: auto;\n\t\t}\n\t}\n}\n\n.content {\n\tbackground: #fff;\n\tpadding: 1px 0 0 0;\n\tposition: relative;\n}\n\n.screenshot{\n\tmax-width: 100%;\n\theight: auto;\n\tdisplay: block;\n\tbox-shadow: 0 1px 0 #ccc, 0 1px 0 1px #eee;\n\tborder-radius: 2px;\n\tmargin-left: auto;\n\tmargin-right: auto;\n\tbackground: #DDD url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2244%22%20height%3D%2212%22%20viewBox%3D%220%200%2044%2012%22%3E%3Ccircle%20cx%3D%226%22%20cy%3D%226%22%20r%3D%224%22%20fill%3D%22%23eee%22%20%2F%3E%3Ccircle%20cx%3D%2222%22%20cy%3D%226%22%20r%3D%224%22%20fill%3D%22%23eee%22%20%2F%3E%3Ccircle%20cx%3D%2238%22%20cy%3D%226%22%20r%3D%224%22%20fill%3D%22%23eee%22%20%2F%3E%3C%2Fsvg%3E') 4px 4px no-repeat;\n\tpadding: 20px 0 0 0;\n\tposition: relative;\n}\n\nsection {\n\tpadding: 100px 0;\n}\n\nsection + section {\n\tpadding-top: 0;\n}\n\n.subtext {\n\tmargin-top: 10px;\n\ttext-align: center;\n}\n\n\n.cta {\n\tmargin: 60px 0;\n}\n\n.page h1,\n.page h2 {\n\ttext-align: center;\n}\n\nblockquote {\n\tpadding: 18px 25px;\n\tmargin: 0;\n\tquotes: \"\\201C\"\"\\201D\"\"\\2018\"\"\\2019\";\n\tfont-style: italic;\n\n\t.author {\n\t\tdisplay: block;\n\t\tfont-weight: bold;\n\t\tmargin: 10px 0 0 0;\n\t\tfont-size: .85em;\n\t\tfont-style: normal;\n\t}\n\n\tp {\n\t\tdisplay: inline;\n\t}\n}\n\nblockquote:before {\n\tcolor: #ccc;\n\tcontent: open-quote;\n\tfont-size: 4em;\n\tline-height: 0.1em;\n\tmargin-right: 0.25em;\n\tvertical-align: -0.4em;\n}\n\n.square-image {\n\twidth: 150px;\n\theight: 150px;\n\toverflow: hidden;\n\tmargin: 25px auto 0 auto;\n\tposition: relative;\n\tborder-radius: 200px;\n\n\timg {\n\t\tposition: absolute;\n\t\tleft: -1000%;\n\t\tright: -1000%;\n\t\ttop: -1000%;\n\t\tbottom: -1000%;\n\t\tmargin: auto;\n\t\twidth: 300px;\n\t}\n}\n\n.page {\n\tmargin-bottom: 0;\n\tpadding-bottom: 80px;\n}\n\n.center-text {\n\ttext-align: center;\n}\n\n.editor-link {\n \tdisplay: none;\n\tmargin-top: 0;\n\t.btn {\n\t\tborder: 0;\n\t\tborder-radius: 2px;\n\t\twidth: 100%;\n\t\tmax-width: 500px;\n\t\tbox-sizing: border-box;\n\t\tfont-size: 2rem;\n\t\ttext-decoration: none;\n\t\tpadding: 10px 15px;\n\t\tmargin: 0;\n\t\tfont-size: 18px;\n\t\tcursor: pointer;\n\t\tbackground-color: #f7e064;\n\t\tcolor: #333;\n\t\tbox-shadow: 1px 1px 5px 0 rgba(0, 0, 0, 0.2);\n\n\t\t&:hover {\n\t\t\tbackground-color: #f4d525;\n\t\t\tcolor: #333;\n\t\t}\n\t}\n\n}\n",".plans {\n\t@extend %flexbox;\n\t@include flex-flow(wrap);\n\tpadding: 50px 0 30px 0;\n\n\t.plan {\n\t\tlist-style: none;\n\t\tpadding: 0;\n\t\tmargin: 0 10px 50px 10px;\n\t\ttext-align: center;\n\t\tborder: 1px solid #eee;\n\t\tborder-radius: 5px;\n\t\tbox-shadow: 0px 0px 10px #eee;\n\t\twidth: 100%;\n\n\t\t.highlighted {\n\t\t\tfont-size: 1.6em\n\t\t}\n\n\t\t.pricing-cta {\n\t\t\tpadding: 0;\n\n\t\t\ta {\n\t\t\t\tdisplay: block;\n\t\t\t\tbox-sizing: border-box;\n\t\t\t\tpadding: 20px 0;\n\t\t\t\tborder-radius: 0 0 2px 2px;\n\t\t\t\tborder: 0;\n\t\t\t}\n\t\t}\n\n\t\t@media #{$desktop} {\n\t\t\t-webkit-flex: 1;\n\t\t\tflex: 1;\n\t\t}\n\n\t\tli {\n\t\t\tborder-top-right-radius: 5px;\n\t\t\tborder-top-left-radius: 5px;\n\t\t\tpadding: 20px 0;\n\t\t\th3 {\n\t\t\t\tpadding: 0;\n\t\t\t\tmargin: 0;\n\t\t\t\tcolor: #fff;\n\t\t\t\tfont-weight: normal;\n\t\t\t}\n\t\t}\n\t}\n}\n\n.faq {\n\t@media #{$desktop} {\n\t\t@include columns(2);\n\t}\n\tcolor: #666;\n\tdiv {\n\t\tbreak-inside: avoid;\n\t\tpadding: 25px 0;\n\t}\n\n\tdt {\n\t\tfont-weight: bold;\n\t\tmargin: 0 0 5px 0;\n\t}\n\n\tdd {\n\t\tpadding: 0;\n\t\tmargin: 0;\n\n\t}\n}\n","@mixin columns($value) {\n\tcolumns: $value;\n\t-webkit-columns: $value;\n\t-moz-columns: $value;\n}\n",".staff {\n\tpadding: 0;\n\tlist-style: none;\n\t@extend %flexbox;\n\t@include flex-flow(wrap);\n\ttext-align: center;\n\tli {\n\t\tpadding: 30px 20px;\n\t\tbox-sizing: border-box;\n\t\twidth: 100%;\n\n\t\t@media #{$tablet} {\n\t\t\t@include flex(1, 1, 45%);\n\t\t}\n\n\t\t@media #{$desktop} {\n\t\t\t@include flex(1, 1, 29%);\n\t\t}\n\n\t}\n\n\t.square-image {\n\t\twidth: 200px;\n\t\theight: 200px;\n\t\t\timg {\n\t\t\t\tborder-radius: 200px;\n\t\t\t}\n\t\t}\n\n\t.name {\n\t\tfont-size: 1.3em;\n\t\tmargin-top: 20px;\n\t}\n\n\t.position {\n\t\tcolor: #666;\n\t}\n}\n",".map {\n\twidth: 100%;\n\tmargin: 100px 0;\n\theight: 400px;\n}\n\n.contact-box {\n\t@extend %flexbox;\n\t@include flex-flow(wrap);\n\tmax-width: 750px;\n\tmargin: 0 auto;\n\n\tform {\n\t\twidth: 100%\n\t}\n\n\tp {\n\t\tmargin: 0;\n\t}\n\n\t.contact-form, .contact-details  {\n\t\t@media #{$desktop} {\n\t\t\t-webkit-flex: 1;\n\t\t\tflex: 1;\n\t\t}\n\t\tmargin: 0 30px;\n\t}\n\n\t.contact-details {\n\t\tfont-size: .9em;\n\t}\n}\n",".blog-posts {\n\tlist-style: none;\n\tpadding: 0;\n\n\tli {\n\t\tmargin: 100px 0;\n\t}\n}\n\n.screen-reader-text {\n\tposition: absolute;\n\twidth: 1px;\n\theight: 1px;\n\tpadding: 0;\n\tmargin: -1px;\n\toverflow: hidden;\n\tclip: rect(0, 0, 0, 0);\n\twhite-space: nowrap;\n\tborder: 0;\n}\n\n.blog-search-tools {\n\tmargin-bottom: 40px;\n}\n\n.blog-channel-links {\n\tdisplay: flex;\n\tflex-wrap: wrap;\n\tjustify-content: center;\n\tgap: 12px;\n\tmargin-top: 18px;\n}\n\n.blog-channel-link {\n\tdisplay: inline-flex;\n\talign-items: center;\n\tgap: 10px;\n\tpadding: 10px 16px;\n\tborder: 1px solid #d9e0ef;\n\tborder-radius: 999px;\n\tbackground: #fff;\n\tcolor: #333;\n\tfont-size: .95rem;\n\tfont-weight: 400;\n\ttext-decoration: none;\n\tbox-shadow: 0 2px 10px rgba(20, 20, 43, .04);\n\ttransition: border-color .2s ease-in-out, box-shadow .2s ease-in-out, transform .2s ease-in-out;\n\n\tsvg,\n\ti {\n\t\twidth: 18px;\n\t\theight: 18px;\n\t\tcolor: #00a4ca;\n\t\tfill: #00a4ca;\n\t\tflex-shrink: 0;\n\t}\n\n\t&:hover,\n\t&:focus {\n\t\ttext-decoration: none;\n\t\tcolor: #111;\n\t\tborder-color: #00a4ca;\n\t\tbox-shadow: 0 6px 16px rgba(0, 164, 202, .12);\n\t\ttransform: translateY(-1px);\n\t}\n}\n\n.blog-search-container {\n\tmargin: 0 auto 20px;\n\tmax-width: 680px;\n}\n\n.blog-search-container input {\n\tdisplay: block;\n\twidth: 100%;\n\tpadding: 14px 18px;\n\tborder: 1px solid #d9e0ef;\n\tborder-radius: 10px;\n\tfont-size: 1rem;\n\tcolor: #222;\n\tbackground: #fff;\n\tbox-shadow: 0 2px 10px rgba(20, 20, 43, .04);\n\n\t&:focus {\n\t\toutline: none;\n\t\tborder-color: #00a4ca;\n\t\tbox-shadow: 0 0 0 3px rgba(0, 164, 202, .12);\n\t}\n}\n\n.blog-search-empty {\n\ttext-align: center;\n\tcolor: #666;\n\tfont-size: 1rem;\n\tmargin: 30px 0 0;\n}\n\n.blog-post.text-container {\n\tmax-width: 920px;\n}\n\n.blog-index-container.text-container {\n\tmax-width: 920px;\n}\n\n.blog-post {\n\t.author {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tgap: 20px;\n\t\tmargin: 36px 0 28px;\n\t\tpadding: 22px 24px;\n\t\tborder: 1px solid #e6e6ee;\n\t\tborder-radius: 18px;\n\t\tbackground: linear-gradient(135deg, #f8fbff 0%, #ffffff 100%);\n\t\tbox-shadow: 0 8px 24px rgba(20, 20, 43, .05);\n\t\tfont-size: .95em;\n\n\t\t@media (max-width: 767px) {\n\t\t\tflex-direction: column;\n\t\t\ttext-align: center;\n\t\t\tpadding: 22px 20px;\n\t\t}\n\n\t\t.square-image {\n\t\t\twidth: 96px;\n\t\t\theight: 96px;\n\t\t\tmargin: 0;\n\t\t\tflex-shrink: 0;\n\n\t\t\timg {\n\t\t\t\twidth: 100%;\n\t\t\t}\n\t\t}\n\n\t\t.blurb {\n\t\t\tmargin: 0;\n\t\t\ttext-align: left;\n\t\t\tline-height: 1.45;\n\t\t\tcolor: #555;\n\n\t\t\t@media (max-width: 767px) {\n\t\t\t\ttext-align: center;\n\t\t\t}\n\t\t}\n\n\t\t.blurb:first-child {\n\t\t\tdisplay: inline-block;\n\t\t\tmargin-bottom: 8px;\n\t\t\tpadding: 6px 10px;\n\t\t\tborder-radius: 999px;\n\t\t\tbackground: #eef5fb;\n\t\t\tcolor: #667085;\n\t\t\tfont-size: .82rem;\n\t\t\tfont-weight: 600;\n\t\t\tletter-spacing: .03em;\n\t\t\ttext-transform: uppercase;\n\t\t}\n\n\t\ta {\n\t\t\tcolor: #006d8a;\n\t\t\tfont-weight: 500;\n\t\t\ttext-decoration: none;\n\n\t\t\t&:hover {\n\t\t\t\tcolor: #00a4ca;\n\t\t\t}\n\t\t}\n\t}\n\n\th3 {\n\t\tmargin: 0;\n\t\ta {\n\t\t\tcolor: #000;\n\t\t\ttext-decoration: none;\n\t\t\tfont-weight: normal;\n\t\t\tfont-size: 1.3em;\n\t\t}\n\t}\n\n\th2 {\n\t\ttext-align: left;\n\t}\n\n\t.blog-navigation {\n\t\tfont-size: 14px;\n\t\tdisplay: block;\n\t\twidth: auto;\n\t\toverflow: hidden;\n\t\ta {\n\t\t\tdisplay: block;\n\t\t\twidth: 50%;\n\t\t\tfloat: left;\n\t\t\tmargin: 1em 0;\n\t\t}\n\n\t\t.next {\n\t\t\ttext-align: right;\n\t\t}\n\t}\n\n\t.post-details {\n\t\tborder-bottom: 1px solid #eee;\n\t\tfont-size: .9em;\n\n\t\t.blog-filter {\n\t\t\tdisplay: inline-block;\n\t\t\ttext-align: left;\n\n\t\t\ta {\n\t\t\t\tposition: relative;\n\t\t\t\ttop: -5px;\n\t\t\t}\n\t\t}\n\n\t\ta {\n\t\t\ttext-decoration: none;\n\t\t}\n\n\t\t.post-date {\n\t\t\tfloat: right;\n\t\t}\n\n\t\t&:after {\n\t\t\tcontent: \"\";\n\t\t\tdisplay: table;\n\t\t\tclear: both;\n\t\t}\n\t}\n\n\t.post-content {\n\t\t.article-body {\n\t\t\timg,\n\t\t\tvideo,\n\t\t\tiframe {\n\t\t\t\tborder-radius: 16px;\n\t\t\t\toverflow: hidden;\n\t\t\t}\n\n\t\t\timg {\n\t\t\t\tdisplay: block;\n\t\t\t\tmax-width: 100%;\n\t\t\t\theight: auto;\n\t\t\t}\n\t\t}\n\n\t\th2,\n\t\th3,\n\t\th4 {\n\t\t\tposition: relative;\n\n\t\t\t.heading-anchor {\n\t\t\t\tdisplay: inline-flex;\n\t\t\t\talign-items: center;\n\t\t\t\tjustify-content: center;\n\t\t\t\tmargin-left: 10px;\n\t\t\t\tcolor: #00a4ca;\n\t\t\t\tfont-size: .7em;\n\t\t\t\tfont-weight: 400;\n\t\t\t\ttext-decoration: none;\n\t\t\t\topacity: 0;\n\t\t\t\ttransition: opacity .2s ease-in-out;\n\t\t\t\tvertical-align: middle;\n\t\t\t}\n\n\t\t\t&:hover .heading-anchor,\n\t\t\t.heading-anchor:focus {\n\t\t\t\topacity: 1;\n\t\t\t}\n\t\t}\n\n\t\tp,\n\t\taddress,\n\t\tli {\n\t\t\tfont-size: 1.08em;\n\t\t\tcolor: #444;\n\t\t\tfont-weight: 300;\n\t\t\tline-height: 1.28em;\n\t\t}\n\n\t\tp,\n\t\taddress {\n\t\t\tmargin-bottom: 20px;\n\t\t}\n\n\t\tli {\n\t\t\tmargin-bottom: 10px;\n\t\t}\n\n\t\t> table {\n\t\t\tdisplay: table;\n\t\t\twidth: auto;\n\t\t\tmax-width: none;\n\t\t\tborder-collapse: separate;\n\t\t\tborder-spacing: 0;\n\t\t}\n\n\t\t> .table-wrapper {\n\t\t\tdisplay: inline-block;\n\t\t\tmax-width: 100%;\n\t\t\toverflow-x: auto;\n\t\t\t-webkit-overflow-scrolling: touch;\n\t\t\tmargin: 20px 0;\n\t\t\tbackground: #fff;\n\t\t\tborder: 1px solid #e6e6ee;\n\t\t\tborder-radius: 10px;\n\t\t\tbox-shadow: 0 4px 14px rgba(20, 20, 43, .05);\n\t\t}\n\n\t\t> .table-wrapper > table,\n\t\t> table {\n\t\t\tfont-size: .95em;\n\t\t\tline-height: 1.4;\n\t\t\tcolor: #444;\n\t\t}\n\n\t\t> table thead,\n\t\t> .table-wrapper > table thead {\n\t\t\tbackground: #f5f7fb;\n\t\t}\n\n\t\t> table th,\n\t\t> table td,\n\t\t> .table-wrapper > table th,\n\t\t> .table-wrapper > table td {\n\t\t\tpadding: 10px 14px;\n\t\t\ttext-align: left;\n\t\t\tvertical-align: top;\n\t\t\tborder-bottom: 1px solid #ececf3;\n\t\t\tmin-width: 120px;\n\t\t}\n\n\t\t> table th,\n\t\t> .table-wrapper > table th {\n\t\t\tfont-weight: 700;\n\t\t\tcolor: #222;\n\t\t\twhite-space: nowrap;\n\t\t}\n\n\t\t> table tbody tr:nth-child(even),\n\t\t> .table-wrapper > table tbody tr:nth-child(even) {\n\t\t\tbackground: #fafbfe;\n\t\t}\n\n\t\t> table tbody tr:hover,\n\t\t> .table-wrapper > table tbody tr:hover {\n\t\t\tbackground: #f2f6ff;\n\t\t}\n\n\t\t> table tbody tr:last-child td,\n\t\t> .table-wrapper > table tbody tr:last-child td {\n\t\t\tborder-bottom: 0;\n\t\t}\n\n\t\t.button {\n\t\t\tmargin: 30px 0 0 0;\n\t\t}\n\t}\n\n\t.content {\n\t\tsection {\n\t\t\tpadding: 32px 0;\n\t\t}\n\n\t\tsection + section {\n\t\t\tpadding-top: 12px;\n\t\t}\n\t}\n}\n\n.discussion-callout {\n\tdisplay: grid;\n\tgrid-template-columns: minmax(0, 1.05fr) minmax(280px, .95fr);\n\tgap: 28px;\n\talign-items: center;\n\tmargin: 28px 0;\n\tpadding: 26px 28px;\n\tborder: 1px solid #e6e6ee;\n\tborder-radius: 18px;\n\tbackground: linear-gradient(135deg, #f7fbff 0%, #ffffff 100%);\n\tbox-shadow: 0 8px 24px rgba(20, 20, 43, .05);\n\n\t@media #{$desktop} {\n\t\tgrid-template-columns: minmax(0, 1.05fr) minmax(320px, .95fr);\n\t}\n\n\t@media (max-width: 767px) {\n\t\tgrid-template-columns: 1fr;\n\t\tpadding: 22px 20px;\n\t}\n}\n\n.discussion-callout-text {\n\th3 {\n\t\tmargin: 0 0 10px;\n\t\tfont-size: 2rem;\n\t\tfont-weight: 700;\n\t\tcolor: #222;\n\t}\n\n\tp {\n\t\tmargin: 0;\n\t\tfont-size: 1.02rem;\n\t\tline-height: 1.45;\n\t\tcolor: #555;\n\t\tfont-weight: 300;\n\t}\n}\n\n.discussion-callout-image {\n\timg {\n\t\tdisplay: block;\n\t\twidth: 100%;\n\t\theight: auto;\n\t\tborder-radius: 14px;\n\t\tborder: 1px solid #e6e6ee;\n\t}\n}\n\n.related-posts {\n\tmargin: 10px 0 20px;\n\tpadding: 24px 0;\n}\n\n.latest-posts-home {\n\tmargin: 0;\n\tpadding: 0;\n}\n\n.homepage-section-title {\n\tpadding-bottom: 20px;\n}\n\n.homepage-section-header {\n\ttext-align: center;\n}\n\n.related-posts-header {\n\tmargin-bottom: 24px;\n\n\th3 {\n\t\tmargin: 0 0 8px;\n\t\tfont-size: 2rem;\n\t\tfont-weight: 700;\n\t\tcolor: #222;\n\t}\n\n\tp {\n\t\tmargin: 0;\n\t\tfont-size: 1rem;\n\t\tcolor: #666;\n\t\tfont-weight: 300;\n\t}\n}\n\n.related-products-header {\n\tmargin-top: 6px;\n\tmargin-bottom: 24px;\n}\n\n.related-products-header p {\n\tdisplay: none;\n}\n\n.related-products-content {\n\tsection {\n\t\tpadding: 26px 0;\n\t\tmargin: 0 0 22px;\n\t\tborder: 1px solid #e6e6ee;\n\t\tborder-radius: 18px;\n\t\tbackground: linear-gradient(135deg, #fafcff 0%, #ffffff 100%);\n\t\tbox-shadow: 0 8px 24px rgba(20, 20, 43, .05);\n\t}\n\n\tsection:last-child {\n\t\tmargin-bottom: 0;\n\t}\n\n\t.container {\n\t\tmax-width: 100%;\n\t\tpadding: 0 24px;\n\t}\n\n\t.flex {\n\t\talign-items: center;\n\t}\n\n\t.text,\n\t.image {\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\tjustify-content: center;\n\t}\n\n\t.text h3 {\n\t\tmargin-bottom: 10px;\n\t\tfont-size: 2rem;\n\t\tfont-weight: 700;\n\t\tcolor: #222;\n\t}\n\n\t.text p {\n\t\tmax-width: 520px;\n\t\tmargin-bottom: 0;\n\t\tfont-size: 1.02rem;\n\t\tline-height: 1.45;\n\t\tcolor: #555;\n\t\tfont-weight: 300;\n\t}\n\n\t.text .cta {\n\t\tmargin-top: 28px;\n\t}\n\n\t.text .button,\n\t.text .cta.button,\n\t.text [align=\"center\"] {\n\t\ttext-align: left !important;\n\t}\n\n\t.text .button a,\n\t.text .cta.button a {\n\t\tdisplay: inline-flex;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t\tmin-width: 240px;\n\t}\n\n\t.image img,\n\t.image video,\n\t.image .product-clip {\n\t\tdisplay: block;\n\t\twidth: 100%;\n\t\tmax-width: 100%;\n\t\tborder-radius: 14px;\n\t}\n\n\t.image img,\n\t.image video {\n\t\tborder: 1px solid #e6e6ee;\n\t}\n\n\t@media (max-width: 767px) {\n\t\t.text p {\n\t\t\tmax-width: none;\n\t\t}\n\n\t\t.text,\n\t\t.image,\n\t\t.text .button,\n\t\t.text .cta.button,\n\t\t.text [align=\"center\"] {\n\t\t\ttext-align: center !important;\n\t\t\talign-items: center;\n\t\t}\n\n\t\t.text .button a,\n\t\t.text .cta.button a {\n\t\t\tmin-width: 220px;\n\t\t}\n\t}\n}\n\n.blog-post > .related-posts,\n.blog-post .post-content > .related-posts {\n\tpadding: 24px 0;\n}\n\n.related-posts-grid {\n\tdisplay: grid;\n\tgrid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n\tgap: 20px;\n}\n\n.related-post-card {\n\tbackground: #fff;\n\tborder: 1px solid #e6e6ee;\n\tborder-radius: 14px;\n\toverflow: hidden;\n\tbox-shadow: 0 6px 18px rgba(20, 20, 43, .06);\n\ttransition: transform .2s ease-in-out, box-shadow .2s ease-in-out, border-color .2s ease-in-out;\n\n\t&:hover {\n\t\ttransform: translateY(-3px);\n\t\tbox-shadow: 0 12px 24px rgba(20, 20, 43, .1);\n\t\tborder-color: #d8e7ef;\n\t}\n}\n\n.related-post-card-image {\n\tdisplay: block;\n\taspect-ratio: 16 / 9;\n\tbackground: #f4f7fb;\n\toverflow: hidden;\n\n\timg {\n\t\tdisplay: block;\n\t\twidth: 100%;\n\t\theight: 100%;\n\t\tobject-fit: cover;\n\t}\n}\n\n.related-post-card-body {\n\tpadding: 18px 18px 20px;\n}\n\n.related-post-card-meta {\n\tmargin: 0 0 10px;\n\tfont-size: .85rem;\n\ttext-transform: uppercase;\n\tletter-spacing: .04em;\n\tcolor: #7a7a86;\n}\n\n.related-post-card h4 {\n\tmargin: 0 0 10px;\n\tfont-size: 1.2rem;\n\tline-height: 1.25;\n\n\ta {\n\t\tcolor: #222;\n\t\ttext-decoration: none;\n\n\t\t&:hover {\n\t\t\tcolor: #00a4ca;\n\t\t}\n\t}\n}\n\n.related-post-card-description {\n\tmargin: 0;\n\tfont-size: .98rem;\n\tline-height: 1.45;\n\tcolor: #555;\n\tfont-weight: 300;\n}\n\n.pagination {\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\tgap: 16px;\n\tmargin: 48px 0 0;\n\tflex-wrap: wrap;\n}\n\n.pagination-link {\n\tdisplay: inline-flex;\n\talign-items: center;\n\tgap: 10px;\n\tpadding: 10px 16px;\n\tborder: 1px solid #d9e0ef;\n\tborder-radius: 999px;\n\tbackground: #fff;\n\tcolor: #222;\n\tfont-size: .95rem;\n\tfont-weight: 400;\n\ttext-decoration: none;\n\tbox-shadow: 0 2px 10px rgba(20, 20, 43, .04);\n\ttransition: border-color .2s ease-in-out, box-shadow .2s ease-in-out, transform .2s ease-in-out, color .2s ease-in-out;\n\n\t&:hover,\n\t&:focus {\n\t\ttext-decoration: none;\n\t\tcolor: #111;\n\t\tborder-color: #00a4ca;\n\t\tbox-shadow: 0 6px 16px rgba(0, 164, 202, .12);\n\t\ttransform: translateY(-1px);\n\t}\n\n\t&.is-disabled {\n\t\topacity: .45;\n\t\tpointer-events: none;\n\t\tbox-shadow: none;\n\t}\n}\n\n.pagination-arrow {\n\tfont-size: 1.05rem;\n\tline-height: 1;\n\tcolor: #00a4ca;\n}\n\n.page_number {\n\tdisplay: inline-flex;\n\talign-items: center;\n\tjustify-content: center;\n\tpadding: 10px 18px;\n\tborder-radius: 999px;\n\tbackground: #f5f7fb;\n\tcolor: #555;\n\tfont-size: .95rem;\n\tfont-weight: 400;\n}\n\n.blog-filter {\n\ttext-align: center;\n\ta {\n\t\tbackground: #eee;\n    padding: 3px 5px;\n    font-size: .8em;\n    border-radius: 5px;\n    color: #888;\n\t\ttransition: .2s ease-in-out;\n\n\t\t&:hover {\n\t\t\tcolor: #555;\n\t\t\ttext-decoration: none;\n\t\t}\n\t}\n}\n\n.blog-filter.cross a {\n\tpadding-right: 8px;\n\n\t&:after {\n\t\tcontent: \"x\";\n\t\tfont-size: .5em;\n\t\tposition: relative;\n\t\tbottom: 4px;\n\t\tright: -3px;\n\t}\n}\n",".button a, input[type=submit] {\n\tdisplay: inline-flex;\n\talign-items: center;\n\tjustify-content: center;\n\tmin-height: 52px;\n\tcolor: #fff;\n\ttext-decoration: none;\n\tpadding: 12px 28px;\n\tbackground: linear-gradient(135deg, $brand-color 0%, $secondary-brand-color 100%);\n\tborder-radius: 14px;\n\tborder: 1px solid rgba(255,255,255,.18);\n\tbox-shadow: 0 10px 24px rgba(0, 88, 255, .18);\n\tfont-weight: 500;\n\tletter-spacing: .01em;\n\ttransition: transform .2s ease-in-out, box-shadow .2s ease-in-out, border-color .2s ease-in-out, background .2s ease-in-out;\n}\n\n.button a:hover, input[type=submit]:hover {\n\tborder: 1px solid rgba(255,255,255,.28);\n\tbackground: linear-gradient(135deg, $secondary-brand-color 0%, $brand-color 100%);\n\tbox-shadow: 0 14px 28px rgba(0, 88, 255, .24);\n\ttransform: translateY(-1px);\n\tcursor: pointer;\n}\n\n.button.alt a {\n\tbackground: rgba(255,255,255,0.15);\n\tborder-radius: 14px;\n\tborder: 1px solid rgba(255, 255, 255, 0.3);\n\tpadding: 16px 50px;\n\tbox-shadow: none;\n}\n\n.button.alt a:hover {\n\tbackground: #fff;\n\tcolor: $brand-color;\n}\n\ntextarea, input, button, select { font-family: inherit; font-size: inherit; }\n\ninput[type=submit] {\n\tmargin: 20px 0 0 0;\n}\n\nlabel, input, textarea {\n\tdisplay: block;\n\twidth: 100%;\n\tbox-sizing: border-box;\n}\n\ntextarea {\n\tresize: vertical;\n\theight: 150px;\n}\n\nlabel {\n\tmargin: 20px 0 5px 0;\n}\n\ninput, textarea {\n\tpadding: 10px;\n\tfont-size: 1em;\n}\n\ninput, textarea {\n\t-webkit-transition: all 0.30s ease-in-out;\n\t-moz-transition: all 0.30s ease-in-out;\n\t-ms-transition: all 0.30s ease-in-out;\n\t-o-transition: all 0.30s ease-in-out;\n\toutline: none;\n\tborder: 1px solid #DDDDDD;\n}\n\ninput[type=text]:focus, input[type=email]:focus, input[type=password]:focus, textarea:focus {\n\tbox-shadow: 0 0 5px rgba(81, 203, 238, 1);\n\tborder: 1px solid rgba(81, 203, 238, 1);\n}\n",".site-nav {\n\ttext-transform: uppercase;\n\tfont-size: .8em;\n\twidth: 100%;\n\n\t@media #{$mid-point} {\n\t\ttext-align: right;\n\t\tposition: absolute;\n\t\ttop: 13px;\n\t\tright: 0;\n\t\tpadding: 0 20px;\n\t}\n\t.nav-toggle {\n\t\tdisplay: inline;\n\t\tposition: absolute;\n\t\tright: 10px;\n\t\ttop: -22px;\n\t\tfont-size: 1.9em;\n\t\tborder: 0;\n\t\tcolor: rgba(255,255,255,.85);\n\n\t\t@media #{$mid-point} {\n\t\t\tdisplay: none;\n\t\t}\n\n\t\t&:hover {\n\t\t\tborder: 0;\n\t\t\tcolor: #fff;\n\t\t}\n\t}\n\n\t.main-nav {\n\t\tlist-style: none;\n\t\tmargin: 0;\n\t\tpadding: 0;\n\t\tdisplay: none;\n\n\t\t@media #{$mid-point} {\n\t\t\tdisplay: block;\n\t\t}\n\t}\n\n\t.nav-item {\n\t\tposition: relative;\n\n\t\t@media #{$mid-point} {\n\t\t\tdisplay: inline-block;\n\t\t}\n\t}\n\n\t.nav-link-row {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t}\n\n\t.nav-link,\n\t.nav-label,\n\t.submenu-toggle {\n\t\tcolor: rgba(255,255,255,.8);\n\t\ttransition: .2s ease-in-out;\n\t}\n\n\t.nav-link,\n\t.nav-label {\n\t\tdisplay: block;\n\t\tpadding: 20px 10px;\n\t\tborder-bottom: 1px solid rgba(255,255,255,0);\n\t\tmargin: 0 3px;\n\n\t\t@media #{$mid-point} {\n\t\t\tdisplay: inline;\n\t\t\tpadding: 10px;\n\t\t}\n\t}\n\n\t.nav-link {\n\t\ttext-decoration: none;\n\n\t\t&:hover {\n\t\t\tborder-bottom: 1px solid rgba(255,255,255,.3);\n\t\t\tcolor: #fff;\n\t\t}\n\t}\n\n\t.nav-label {\n\t\tcursor: default;\n\t}\n\n\t.submenu-toggle {\n\t\tdisplay: none;\n\t\tbackground: none;\n\t\tborder: 0;\n\t\tpadding: 20px 10px 20px 0;\n\t\tcursor: pointer;\n\n\t\tspan {\n\t\t\tdisplay: inline-block;\n\t\t\twidth: 8px;\n\t\t\theight: 8px;\n\t\t\tborder-right: 2px solid currentColor;\n\t\t\tborder-bottom: 2px solid currentColor;\n\t\t\ttransform: rotate(45deg);\n\t\t\ttransition: transform .2s ease-in-out;\n\t\t}\n\n\t\t@media #{$mid-point} {\n\t\t\tdisplay: inline-flex;\n\t\t\talign-items: center;\n\t\t\tpadding: 10px 4px 10px 0;\n\t\t}\n\t}\n\n\t.submenu {\n\t\tlist-style: none;\n\t\tmargin: 0;\n\t\tpadding: 10px 0;\n\t\tdisplay: none;\n\n\t\t@media #{$mid-point} {\n\t\t\tposition: absolute;\n\t\t\ttop: calc(100% + 2px);\n\t\t\tleft: 0;\n\t\t\tmin-width: 280px;\n\t\t\ttext-align: left;\n\t\t\tbackground: #2b2b40;\n\t\t\tborder: 1px solid rgba(255,255,255,.12);\n\t\t\tborder-radius: 8px;\n\t\t\tbox-shadow: 0 10px 30px rgba(0,0,0,.18);\n\t\t\tpadding: 8px 0;\n\t\t\tz-index: 20;\n\t\t}\n\n\t\ta {\n\t\t\tdisplay: block;\n\t\t\tpadding: 9px 16px;\n\t\t\tcolor: rgba(255,255,255,.8);\n\t\t\ttext-transform: none;\n\t\t\tfont-size: .9rem;\n\t\t\tborder-bottom: 0;\n\t\t\ttext-decoration: none;\n\n\t\t\t&:hover {\n\t\t\t\tbackground: rgba(255,255,255,.06);\n\t\t\t\tcolor: #fff;\n\t\t\t}\n\t\t}\n\n\t\tli.active a {\n\t\t\tcolor: #fff;\n\t\t}\n\t}\n\n\t.nav-item.active > .nav-link-row > .nav-link,\n\t.nav-item.active > .nav-link-row > .nav-label {\n\t\tcolor: #fff;\n\t}\n\n\t.nav-item.submenu-open > .nav-link-row > .submenu-toggle span {\n\t\ttransform: rotate(-135deg);\n\t}\n\n\t@media #{$mid-point} {\n\t\t.nav-item.has-children:hover > .submenu,\n\t\t.nav-item.has-children:focus-within > .submenu,\n\t\t.nav-item.submenu-open > .submenu {\n\t\t\tdisplay: block;\n\t\t}\n\n\t\t.nav-link.highlight {\n\t\t\tborder: 1px #ccc solid;\n\t\t\tborder-radius: 5px;\n\n\t\t\t&:hover {\n\t\t\t\tbackground: #fff;\n\t\t\t\tcolor: $brand-color;\n\t\t\t}\n\t\t}\n\t}\n}\n\n.nav-open .site-nav {\n\tborder-bottom: 1px dotted rgba(255, 255, 255, .2);\n\tpadding: 10px 0;\n\n\t.main-nav {\n\t\tdisplay: block;\n\t}\n\n\t.nav-item {\n\t\tpadding: 2px 0;\n\t}\n\n\t.nav-link-row {\n\t\tjustify-content: space-between;\n\t}\n\n\t.nav-link,\n\t.nav-label {\n\t\tflex: 1 1 auto;\n\t\tmargin: 0;\n\t\tpadding: 12px 0;\n\t}\n\n\t.submenu-toggle {\n\t\tdisplay: inline-flex;\n\t\talign-items: center;\n\t\tpadding: 12px 0 12px 12px;\n\t}\n\n\t.submenu {\n\t\tpadding: 0 0 8px 0;\n\t}\n\n\t.nav-item.submenu-open > .submenu {\n\t\tdisplay: block;\n\t}\n}\n",".footer-column {\n\tflex: 1 1 180px;\n\tmargin: 10px;\n}\n\n.footer-links {\n\twidth: 100%;\n\tmargin: 0;\n\tpadding: 0;\n\n\tli {\n\t\tlist-style: none;\n\t\tmargin: 12px 0;\n\t\ta {\n\t\t\t&:hover {\n\t\t\t\ttext-decoration: none;\n\t\t\t}\n\n\t\t\tsvg {\n\t\t\t\tfill: #999;\n\t\t\t\tmargin-right: 10px;\n\t\t\t\ttransition: fill 0.2s ease;\n\t\t\t\tvertical-align: middle;\n\t\t\t\tposition: relative;\n\t\t\t\ttop: -2px;\n\t\t\t\twidth: 22px;\n\t\t\t\theight: 22px;\n\t\t\t}\n\n\t\t\t&:hover svg {\n\t\t\t\tfill: #fff;\n\t\t\t}\n\n\t\t\t&.twitter-icon:hover svg {\n\t\t\t\tfill: #55acee;\n\t\t\t}\n\n\t\t\t&.google-plus-icon:hover svg {\n\t\t\t\tfill: #db4437;\n\t\t\t}\n\n\t\t\t&.youtube-icon:hover svg {\n\t\t\t\tfill: #cd201f;\n\t\t\t}\n\n\t\t\t&.instagram-icon:hover svg {\n\t\t\t\tfill: #f167f5;\n\t\t\t}\n\n\t\t\t&.linkedin-icon:hover svg {\n\t\t\t\tfill: #0077b5;\n\t\t\t}\n\n\t\t\t&.pinterest-icon:hover svg {\n\t\t\t\tfill: #bd081c;\n\t\t\t}\n\n\t\t\t&.rss-icon:hover svg {\n\t\t\t\tfill: #f26522;\n\t\t\t}\n\n\t\t\t&.email-icon:hover svg {\n\t\t\t\tfill: #00a4ca;\n\t\t\t}\n\t\t}\n\t}\n}\n\nfooter {\n\tpadding: 50px 0;\n\tfont-size: 1.05em;\n\tposition: relative;\n\tbackground: #2b2b40;\n\tcolor: #fff;\n\n\t.copyright {\n\t\tfont-size: .8em;\n\t\tmargin: 0 auto;\n\n\t\t@media #{$tablet} {\n\t\t\ttext-align: center;\n\t\t}\n\t}\n\n\t&,\n\ta {\n\t\tcolor: #999;\n\t}\n\n\th2 {\n\t\tfont-size: .9em;\n\t\tmargin: 0 0 18px 0;\n\t\tcolor: #ccc;\n\t\ttext-transform: uppercase;\n\t\tletter-spacing: .08em;\n\t}\n\n\t.footer-columns {\n\t\t@extend %flexbox;\n\t\t@include flex-flow(wrap);\n\t\tmargin: -10px -10px 10px -10px;\n\t}\n\n\t.footer-meta {\n\t\tborder-top: 1px solid rgba(255,255,255,.1);\n\t\tmargin-top: 18px;\n\t\tpadding-top: 20px;\n\t\ttext-align: center;\n\t}\n\n\ta {\n\t\ttext-decoration: none;\n\n\t\t&:hover {\n\t\t\tcolor: #fff;\n\t\t}\n\t}\n\n\t.legal-line {\n\t\twidth: 100%;\n\t\tpadding: 30px 0;\n\t\tmargin: 0;\n\t\tbackground-color: #222527;\n\n\t\ta {\n\t\t\tfont-weight: 600;\n\t\t}\n\t}\n}\n",".editor-link, .nav-open nav .editor-link {\n \tdisplay: none;\n\tmargin-top: 0;\n\n\t.btn {\n\t\tborder: 0;\n\t\tborder-radius: 2px;\n\t\twidth: 100%;\n\t\tmax-width: 500px;\n\t\tbox-sizing: border-box;\n\t\tfont-size: 2rem;\n\t\ttext-decoration: none;\n\t\tpadding: 10px 15px;\n\t\tmargin: 0;\n\t\tfont-size: 18px;\n\t}\n\n\tnav &, .btn {\n\t\tcursor: pointer;\n\t\tbackground-color: #f7e064;\n\t\tcolor: #333;\n\t\tbox-shadow: 1px 1px 5px 0 rgba(0, 0, 0, 0.2);\n\n\t\t&:hover {\n\t\t\tbackground-color: #f4d525;\n\t\t\tcolor: #333;\n\t\t}\n\t}\n}\n\n.cms-editor-active .editor-link {\n\tdisplay: block;\n}\n\n.cms-editor-active nav .editor-link {\n\tdisplay: inline;\n}\n"],"file":"screen.css"}